110 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
Elliott Marquez
86ccec3e7e build: use firebase for hosting and remove url prefixes 2023-07-27 09:17:27 -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
Elizabeth Mitchell
243e231a13 feat(all): expose focus-ring parts
PiperOrigin-RevId: 548873009
2023-07-17 20:28:04 -07:00
Elizabeth Mitchell
fd28dd1a5b chore(all): move focus tokens to focus ring element
PiperOrigin-RevId: 548872335
2023-07-17 20:24:46 -07:00
Valentin Degenne
9bdfa13506
chore(input-chip): reflect selected attribute 2023-06-30 21:06:37 +02:00
Valentin Degenne
0bfb9e596f
chore(input-chip): reflect selected attribute 2023-06-30 21:05:18 +02:00
vdegenne
6176b53e41 chore(chip): reflect filter chip selected value 2023-06-28 18:41:43 +02:00
Elizabeth Mitchell
950cd4ffc3 feat(chips): add high contrast support
PiperOrigin-RevId: 542694155
2023-06-22 16:08:26 -07:00
Elizabeth Mitchell
4ec6d4ef9d test(chips): harness will use trailing action if there isn't a primary
PiperOrigin-RevId: 542661036
2023-06-22 14:01:33 -07:00
Elizabeth Mitchell
4cf084faf0 test(chips): fix firefox not supporting :has
PiperOrigin-RevId: 542313215
2023-06-21 11:25:37 -07:00
Elizabeth Mitchell
2cd235dcb4 fix(chips): incorrect rtl up/down behavior and add unit tests
PiperOrigin-RevId: 542312236
2023-06-21 11:22:22 -07:00
Elizabeth Mitchell
bc9ffa11e4 test(chips): use actual harness for unit tests
PiperOrigin-RevId: 542023224
2023-06-20 13:00:11 -07:00
Elizabeth Mitchell
a33fcbb377 fix(chips): remove selected event from input chips
PiperOrigin-RevId: 540979855
2023-06-16 13:16:27 -07:00
Elizabeth Mitchell
b665917a0b test(chips): add multi-action navigation tests
PiperOrigin-RevId: 540978409
2023-06-16 13:11:30 -07:00
Elizabeth Mitchell
431ba18fe9 chore(chips): remove unnecessary tabindex logic
PiperOrigin-RevId: 540977179
2023-06-16 13:08:19 -07:00
Elizabeth Mitchell
f2ad2194f4 test(chip): refactor tests
PiperOrigin-RevId: 540945103
2023-06-16 11:29:47 -07:00
Elizabeth Mitchell
47614f3c67 test(chips): add harness and filter unit tests
PiperOrigin-RevId: 540709968
2023-06-15 15:38:57 -07:00
Elizabeth Mitchell
fcdb126f2f fix(chips): add aria grid/listbox models to chip set
PiperOrigin-RevId: 540384126
2023-06-14 14:42:14 -07:00
Elizabeth Mitchell
1790a5bbf8 chore: remove closure comments from static blocks
PiperOrigin-RevId: 539772537
2023-06-12 15:07:36 -07:00
Elizabeth Mitchell
0607d9ca53 chore: fix jscompiler issues
PiperOrigin-RevId: 539716693
2023-06-12 11:42:52 -07:00
Elizabeth Mitchell
f8bb2f18f0 feat(chips): add single select filter chip set
PiperOrigin-RevId: 538842612
2023-06-08 11:25:44 -07:00
Elizabeth Mitchell
9c0336aa12 fix(chips): misaligned trailing action ripple
PiperOrigin-RevId: 538841541
2023-06-08 11:22:24 -07:00
Elizabeth Mitchell
938bf384a4 feat(chips): add scrolling chip set example
PiperOrigin-RevId: 538832683
2023-06-08 10:54:09 -07:00
Elizabeth Mitchell
24447343a5 feat(chips): add multi-action chip navigation
PiperOrigin-RevId: 538573474
2023-06-07 13:16:19 -07:00
Elizabeth Mitchell
919a9d3e91 feat(chips): add basic chip set component
PiperOrigin-RevId: 538298384
2023-06-06 14:52:23 -07:00
Elizabeth Mitchell
5efdc593fa chore(aria): move to internal
PiperOrigin-RevId: 536444453
2023-05-30 10:37:46 -07:00
Elizabeth Mitchell
7c08efdd66 chore(all): remove ripple directive
PiperOrigin-RevId: 535647846
2023-05-26 10:06:39 -07:00
Elizabeth Mitchell
933fc2e013 fix(all): remove focus state layer tokens
BREAKING CHANGE: Remove any *-focus-state-layer-* custom properties (they don't do anything)

PiperOrigin-RevId: 535302944
2023-05-25 10:33:20 -07:00
Elizabeth Mitchell
b69e24241e fix(ripple)!: remove unbounded
BREAKING CHANGE: Set `border-radius: 50%` and remove `unbounded` attribute

PiperOrigin-RevId: 535301943
2023-05-25 10:30:22 -07:00
Elizabeth Mitchell
26d69c271e fix(focus)!: corrected outward/inward animations
BREAKING CHANGE: inward focus rings must be specified with `inward` rather than a negative offset.

PiperOrigin-RevId: 534552625
2023-05-23 14:08:36 -07:00