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