4406 Commits

Author SHA1 Message Date
Andrew Jakubowicz
ca9871758a fix(list): non interactive list items can no longer be focused (unless they have href)
PiperOrigin-RevId: 566758993
2023-09-19 15:27:46 -07:00
Andrew Jakubowicz
3b5cbc4ede fix(list)!: list items are now noninteractive by default
BREAKING CHANGE: the `noninteractive` property has been replaced by the `interactive` property, and by default, a list-item will no longer show a ripple or focus ring.
What to change:
- To preserve prior default behavior, add the `interactive` attribute explicitly.
- Any setting of a truthy `noninteractive` attribute or property can be removed as it's the new default behavior.

PiperOrigin-RevId: 566696782
2023-09-19 11:43:59 -07:00
Andrew Jakubowicz
e3b3d86fa9 docs(select): add select documentation
PiperOrigin-RevId: 566674810
2023-09-19 10:34:58 -07:00
Elliott Marquez
6e54048f1e refactor(menu)!: rename corner and focus state values lowercase with dashes
BREAKING: for style guide enum consistency, we have renamed the corner values START_START etc. to be lowercase with dashes. e.g. start-start. The same has been done with MdMenu.defaultFocus' values.
PiperOrigin-RevId: 566454879
2023-09-18 17:09:17 -07:00
Copybara-Service
ff3073a280 Merge pull request #4944 from datvm:patch-1
PiperOrigin-RevId: 566394877
2023-09-18 13:19:40 -07:00
Elizabeth Mitchell
16bfac1343 feat(chips): swap to toolbar a11y pattern
BREAKING CHANGE: chips now follow the [aria toolbar pattern](https://www.w3.org/WAI/ARIA/apg/patterns/toolbar/examples/toolbar/). Chip sets are toolbars and chips are buttons or links. Filter chips are toggle buttons.
What to change:
- Remove `type` attribute from `<md-chip-set>` (you can mix and match chip types!)
- Remove `single-select` from `<md-chip-set>`. Use JS to control filter chips if single selection is required. Radio filter chips will come in a future update.
- Disabled chips CAN be focused with the keyboard if `always-focusable` is set.
- Filter chips no longer dispatch a `"selected"` event. Listen to `"click"` and use `event.target.selected` instead.
- ArrowUp and ArrowDown no longer navigate between chips. These are reserved for chip actions, like dropdown menu chips.

PiperOrigin-RevId: 566352830
2023-09-18 10:57:56 -07:00
Elliott Marquez
1f31df818b refactor(list,menu,select)!: remove data-variant slotted variant selectors
BREAKING CHANGE: the data-variant=".." selectors in list-item and all variants have been removed in favor of their respective slots. e.g. a slotted icon of the form `md-icon[slot=end][data-variant=icon]` should now be `md-icon[slot=end-icon]`.

PiperOrigin-RevId: 566258893
2023-09-18 04:11:38 -07:00
Elizabeth Mitchell
94b5c8125e feat(menu): update tokens to v0.192
- Adds `--md-menu-item-selected-label-text-color` token

BREAKING CHANGE: menu selected container color changed to secondary-container

PiperOrigin-RevId: 565807703
2023-09-15 16:35:25 -07:00
Elizabeth Mitchell
58539b1569 fix(list): update tokens to 0.192
BREAKING CHANGE:
- Leading icon size increased from 18px to 24px
- Trailing space decreased from 24px to 16px

PiperOrigin-RevId: 565769173
2023-09-15 13:50:51 -07:00
Elliott Marquez
9447ec7d72 refactor(list)!: move list aria to host
BREAKING CHANGE: Aria and roles on List have been moved to the host element. list-tabindex attribute should be migrated to tabindex attribute. type attribute should be migrated to role attribute.

PiperOrigin-RevId: 565767899
2023-09-15 13:45:32 -07:00
Luke Vo
2a6b689a0d
Corrected button trailing-icon 2023-09-15 14:44:03 -05:00
Elizabeth Mitchell
cfd053c397 fix(tokens): update components to v0.192
PiperOrigin-RevId: 565714251
2023-09-15 10:27:07 -07:00
Elliott Marquez
8aa4faf14a fix: aria polyfill overrides user values and user values override internals values
PiperOrigin-RevId: 565570035
2023-09-14 22:11:40 -07:00
Elliott Marquez
af171df086 fix(list,menu): clicking items in a list followed by keyboard nav functions as expected
PiperOrigin-RevId: 565539367
2023-09-14 18:59:35 -07:00
Elliott Marquez
ed689952dd feat(list,menu,select): add slots for specific slotted variants
PiperOrigin-RevId: 565536994
2023-09-14 18:42:43 -07:00
Elliott Marquez
d4463154cc refactor(list,menu,select)!: remove active concept and now parent controls tabIndex and focus
Note: tests have changed significantly because there is no longer a concept of "nothing activated" in the list.

BREAKING CHANGE: removed `active` from list-item, menu-item, and select-option. Instead, List uses tabindex to track whether something is focusable.

PiperOrigin-RevId: 565531998
2023-09-14 18:14:59 -07:00
Elliott Marquez
fad6104391 fix(list,menu): list items left right keyboard navigation
PiperOrigin-RevId: 565526741
2023-09-14 17:47:55 -07:00
Elizabeth Mitchell
e444de3c02 fix(radio): dispatches input event on select
PiperOrigin-RevId: 565522665
2023-09-14 17:25:54 -07:00
Elizabeth Mitchell
116b448639 fix(tokens): generate tokens v0.192
PiperOrigin-RevId: 565500229
2023-09-14 15:53:34 -07:00
Andrew Jakubowicz
af27ff8374 fix(catalog): remove TODO from home page
PiperOrigin-RevId: 565459571
2023-09-14 13:25:04 -07:00
Elizabeth Mitchell
4ad2336b87 feat(select): add required and form association
Fixes #4903

PiperOrigin-RevId: 565260839
2023-09-13 22:45:10 -07:00
Elliott Marquez
df52d92724 fix(menu): apply padding to dividers per spec
PiperOrigin-RevId: 565245411
2023-09-13 21:09:00 -07:00
Elliott Marquez
2927245114 fix(menu): menu's default focus behavior follows google accessibility practices
default focus is now FIRST_ITEM and instead of LIST_ROOT and the menu / list itself has tabindex -1 by default as our a11y model recommends

PiperOrigin-RevId: 565244488
2023-09-13 21:02:33 -07:00
Elizabeth Mitchell
573caaee1b fix(select)!: don't reflect selected attribute
Why? This is needed for selects in forms, which uses the `selected` attribute to indicate default selected values when resetting.

BREAKING CHANGE: `option.selected` no longer reflects. Set the attribute instead if relying on the attribute for styles/queries.

PiperOrigin-RevId: 565212026
2023-09-13 17:51:17 -07:00
Elizabeth Mitchell
6cca5d6819 docs: mark text field as stable
PiperOrigin-RevId: 565192865
2023-09-13 16:24:17 -07:00
Elizabeth Mitchell
7866a939b9 fix(textfield): add demo a11y and fix outlined label navigation
PiperOrigin-RevId: 565191993
2023-09-13 16:19:47 -07:00
Elizabeth Mitchell
4b40e67b82 chore(select): re-organize public/protected/private members
PiperOrigin-RevId: 565187172
2023-09-13 16:01:06 -07:00
Andrew Jakubowicz
6e72a8e5f4 fix(slider): border should only appear when handle nubs are overlapping
PiperOrigin-RevId: 565179716
2023-09-13 15:32:44 -07:00
Andrew Jakubowicz
70bfea8738 fix(linearprogress): linear progress buffer dots now visible in HCM
PiperOrigin-RevId: 565173622
2023-09-13 15:09:50 -07:00
Andrew Jakubowicz
1163315948 fix(iconbutton): fix HCM disabled opacity and outlined
PiperOrigin-RevId: 565089379
2023-09-13 10:22:44 -07:00
Andrew Jakubowicz
fe79d2adfd docs: mark slider as stable
PiperOrigin-RevId: 564883811
2023-09-12 17:40:22 -07:00
Andrew Jakubowicz
e9d1e7d3c4 fix(slider): make tickmarks visible when slider is disabled
PiperOrigin-RevId: 564880169
2023-09-12 17:22:07 -07:00
Material Web Team
556e6f95e4 chore: fix closure compiler issues
PiperOrigin-RevId: 564867173
2023-09-12 16:30:19 -07:00
Elliott Marquez
78e7c1742f fix(select): select can reopen when animation interrupted
PiperOrigin-RevId: 564826332
2023-09-12 14:01:39 -07:00
Elizabeth Mitchell
c26a578448 fix(textfield): broken required validity on Safari
Fixes #4796

PiperOrigin-RevId: 564562802
2023-09-11 18:39:59 -07:00
Elizabeth Mitchell
61c8f6db46 fix(textfield): don't show focus indicator when focused on icon
PiperOrigin-RevId: 564527586
2023-09-11 16:01:43 -07:00
Elizabeth Mitchell
68a078b62c docs: add quick start and component doc links
PiperOrigin-RevId: 564526542
2023-09-11 15:57:45 -07:00
Elizabeth Mitchell
8613fe6a58 fix(dialog)!: change content margin to padding
BREAKING CHANGE: if overriding margin on a dialog's content, swap it to padding. If a dialog's slotted first or last child has built-in margin (such as `<h3>` or `<p>`), remove the top/bottom margin as needed (since margin swapped to padding, there's no more margin collapsing).

PiperOrigin-RevId: 564509429
2023-09-11 14:53:52 -07:00
Andrew Jakubowicz
b50d5c87b3 fix(slider): label should not changed size when stacked
PiperOrigin-RevId: 564508624
2023-09-11 14:50:59 -07:00
Elizabeth Mitchell
103892ead2 docs: mark tabs as stable
PiperOrigin-RevId: 564479341
2023-09-11 13:11:53 -07:00
Elizabeth Mitchell
d0ff335f59 chore(tabs): remove deprecated properties
PiperOrigin-RevId: 564472979
2023-09-11 12:48:59 -07:00
Elizabeth Mitchell
c6a914d70e docs: add dedicated roadmap doc
PiperOrigin-RevId: 564472462
2023-09-11 12:47:12 -07:00
Elizabeth Mitchell
58f2446246 fix(tabs): a11y and tabs sometimes not activating
PiperOrigin-RevId: 564453926
2023-09-11 11:43:09 -07:00
Elizabeth Mitchell
1442f9b223 fix(tabs): setting active on tab selects them
BREAKING CHANGE: Rename the `selected` index property on md-tabs to `activeTabIndex` (`active-tab-index` attribute). Rename `select-on-focus` to `auto-activate`

PiperOrigin-RevId: 564437639
2023-09-11 10:53:44 -07:00
Copybara-Service
c478b3f9ca Merge pull request #4838 from vdegenne:textfield-autocomplete
PiperOrigin-RevId: 564437185
2023-09-11 10:52:24 -07:00
Elizabeth Mitchell
a8ce2ab427 docs: fix broken theming links
PiperOrigin-RevId: 564410908
2023-09-11 09:32:57 -07:00
vdegenne
4d9d2cbd01 chore(text-field): add autocomplete attribute 2023-09-09 14:41:04 +02:00
Andrew Jakubowicz
86aaacd32c fix(textfield): remove icon that appears in search input in chrome and safari
PiperOrigin-RevId: 563914174
2023-09-08 20:03:37 -07:00
Copybara-Service
7b96e2dc2c Merge pull request #4887 from material-components:bump-wireit-ts-catalog
PiperOrigin-RevId: 563883234
2023-09-08 16:45:11 -07:00
Elliott Marquez
56e9044fa6 build: bump wireit versions and catalog ts version 2023-09-08 15:25:09 -07:00