21 Commits

Author SHA1 Message Date
Elizabeth Mitchell
c390291687 chore: format files with prettier
PiperOrigin-RevId: 576601342
2023-10-25 11:59:00 -07:00
vdegenne
0b4d4c2e07 fix(filter-chip): reflect correct value on click event 2023-10-24 16:46:06 +02: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
Material Web Team
556e6f95e4 chore: fix closure compiler issues
PiperOrigin-RevId: 564867173
2023-09-12 16:30:19 -07:00
Elizabeth Mitchell
87ad1dae4f fix(chips): remove font shorthand tokens
BREAKING CHANGE: replace `label-text-type` tokens with `label-text-font`, `-size`, `-line-height`, and `-weight`

PiperOrigin-RevId: 563161436
2023-09-06 11:21:14 -07:00
Elizabeth Mitchell
2295f12e71 fix: add aria-hidden="true" to ripple, focus ring, and elevation
PiperOrigin-RevId: 562075778
2023-09-01 16:33:32 -07:00
Material Web Team
9389e26b68 fix(chips): apply cursor styling
PiperOrigin-RevId: 561179456
2023-08-29 17:08:52 -07:00
Elizabeth Mitchell
dfc87f32e8 fix(chips): linear navigation not working in VoiceOver
A lot of the changes are in order to fix filter chips with VoiceOver. With the extra divs and no aria-hidden on ripple/focus ring, VoiceOver got stuck on the first filter chip with linear navigation.

Elevated link chips also got their border changed to white instead of yellow in HCM to match Wiz.

PiperOrigin-RevId: 559908582
2023-08-24 16:44:29 -07:00
Elizabeth Mitchell
fc9b945d99 fix(chips): per spec, trailing focus rings are always circles
PiperOrigin-RevId: 558887707
2023-08-21 13:40:03 -07:00
Elizabeth Mitchell
0a9af0081c chore(chips): move forced-colors into main stylesheet
PiperOrigin-RevId: 558226262
2023-08-18 13:05:05 -07:00
Andrew Jakubowicz
cd8f2fc9fc fix(chips): make forced-color border color explicit
PiperOrigin-RevId: 557958245
2023-08-17 15:47:13 -07:00
Elizabeth Mitchell
b7671fb788 fix(chips): avatar input chips are rounded by default
PiperOrigin-RevId: 557300679
2023-08-15 17:23:42 -07:00
Elizabeth Mitchell
2300eb6e4f feat(chips): add touch target configs
PiperOrigin-RevId: 555639743
2023-08-10 13:54:29 -07:00
Elizabeth Mitchell
0510496e60 chore: avoid this in static context
PiperOrigin-RevId: 554933524
2023-08-08 14:00:25 -07:00
Copybara-Service
ad01113321 Merge pull request #4611 from vdegenne:filter-chip-prevent-click
PiperOrigin-RevId: 552909319
2023-08-01 13:45:45 -07:00
vdegenne
22b5b2173a fix(filter-chip): move click event to inner button 2023-07-26 07:13:20 +02:00
vdegenne
00e20e5749 fix indentation 2023-07-25 13:32:16 +02:00
vdegenne
f0848ee1c3 typos 2023-07-25 13:29:51 +02:00
vdegenne
041cb21233 fix(filter-chip): make click event preventDefault proof 2023-07-25 12:26:39 +02:00
Elizabeth Mitchell
d49f9b89e4 fix(focus)!: rename import to md-focus-ring.ts
BREAKING CHANGE: Change `@material/web/focus/focus-ring.js` to `@material/web/focus/md-focus-ring.js`.

PiperOrigin-RevId: 550608428
2023-07-24 10:43:31 -07:00
Andrew Jakubowicz
a8880f791b fix(chips)!: rename "lib" directory to "internal"
BREAKING CHANGE: Rename `@material/web/chips/lib` to `@material/web/chips/internal`. Prefer not using internal files.

PiperOrigin-RevId: 550044106
2023-07-21 14:02:06 -07:00