Commit Graph

138 Commits

Author SHA1 Message Date
Elliott Marquez
758e61581e fix(button,fab,chips,labs): text-transform inherits through shadow root
PiperOrigin-RevId: 612948745
2024-03-05 13:24:40 -08:00
Elliott Marquez
b74e3dd2e3 fix(elevation): expose md-elevation ::part in all components
PiperOrigin-RevId: 612946796
2024-03-05 13:18:05 -08:00
Elizabeth Mitchell
c35bad0c64 fix: rename internal <styles>.css.js to <styles>.css
We are changing the names of these files to reduce similarity with CSS modules and avoid clashing with tooling built around that. If you're importing `*/internal/styles.css.js`, swap to `*/internal/styles.js`.

PiperOrigin-RevId: 611265000
2024-02-28 16:20:22 -08:00
Elizabeth Mitchell
ec0a8ebf6e chore: use CSSResultOrNative instead of CSSResult for static styles
PiperOrigin-RevId: 609760445
2024-02-23 10:01:56 -08:00
Elizabeth Mitchell
ce41b7bfb3 fix: use explicit CSSResult[] types for static styles
PiperOrigin-RevId: 609494809
2024-02-22 14:15:11 -08:00
Elizabeth Mitchell
5e40a1bcec chore: create shape logical tokens in Sass component token files
Adds `@material/web/tokens/internal/shape` to take a shape token and create 4 logical tokens from its value.

All components' logical shape tokens are now generated by the token files themselves, rather than added in each component's styles.

PiperOrigin-RevId: 601783846
2024-01-26 09:13:58 -08:00
Elizabeth Mitchell
84536d7416 chore: update components to use custom properties from tokens
PiperOrigin-RevId: 601597083
2024-01-25 16:13:41 -08:00
Elizabeth Mitchell
5dc870bfe1 fix(chips): filter's click.preventDefault() not working when also updating selected
Fixes #5199

This bug appeared when calling prevent default as well as changing the state of the chip in the same listener. Now calling preventDefault will always revert to the previous value.

PiperOrigin-RevId: 595199149
2024-01-02 13:41:33 -08:00
Elizabeth Mitchell
eca1357f1a fix: rename and move internal/controller/events
Split `internal/controller/events` into `internal/events/redispatch-event` and `internal/events/form-label-activation`

PiperOrigin-RevId: 592350371
2023-12-19 14:49:35 -08:00
Elizabeth Mitchell
2bb480fb82 chore: move events out of controller folder
PiperOrigin-RevId: 592021123
2023-12-18 15:07:51 -08:00
Elizabeth Mitchell
79f7dd2470 chore(chips): move trailing icon aria-hidden
PiperOrigin-RevId: 590311910
2023-12-12 13:15:54 -08:00
vdegenne
b44b90c826 feat(chip): trailing remove icon can now be customized 2023-12-12 09:46:50 +01:00
vdegenne
49a6be141b feat(chip): trailing remove icon can now be customized 2023-12-12 09:45:52 +01:00
vdegenne
76883cd420 feat(chip): trailing remove icon can now be customized 2023-12-09 11:39:31 +01:00
Valentin Degenne
2a4db32ccf
Merge branch 'main' into md-filter-chip-icons 2023-12-09 11:24:46 +01:00
Elizabeth Mitchell
89b4c2e752 feat(chips): add filter chip selected-icon slot to customize checkmark
PiperOrigin-RevId: 589186323
2023-12-08 11:06:09 -08:00
Elizabeth Mitchell
c9e8de0207 feat(chips): add tokens to customize padding
Added chip tokens for `leading-space`, `trailing-space`, `icon-label-space`, `with-leading-icon-leading-space`, and `with-trailing-icon-trailing-space`.

PiperOrigin-RevId: 588942324
2023-12-07 16:19:41 -08:00
vdegenne
b30d09e75b add hasSlottedTrailingIcon 2023-12-06 18:27:54 +01:00
vdegenne
9ff29ac8fa chore(md-chip): filter chip trailing icon can now be customized 2023-12-06 17:12:05 +01:00
vdegenne
a4bfc96a0b chore(md-chip): filter chip trailing icon can now be customized 2023-12-06 16:57:51 +01:00
Elizabeth Mitchell
c319236cd1 refactor: remove Firefox ARIAMixin polyfills (v119+)
This is now fixed in the latest two versions of Firefox https://bugzilla.mozilla.org/show_bug.cgi?id=1785412

PiperOrigin-RevId: 586442947
2023-11-29 13:48:38 -08:00
Copybara-Service
4c479299b1 Merge pull request #5225 from vdegenne:chip-disabled
PiperOrigin-RevId: 586442636
2023-11-29 13:47:20 -08:00
vdegenne
2dba006ddd fix(chip): disabled attribute prevents click event. 2023-11-28 10:24:28 +01:00
vdegenne
d501dddfd5 fix(chip): disabled attribute prevents click event. 2023-11-28 10:22:08 +01:00
vdegenne
c3bfbaaf4c fix(chip): make tap highlight transparent 2023-11-22 10:03:01 +01:00
Elizabeth Mitchell
96481566ae refactor(button): move background content outside of inner button
Part of a series of changes to support text wrapping and host aria for button.

PiperOrigin-RevId: 581319862
2023-11-10 11:29:54 -08:00
Elliott Marquez
2adcb1479a docs: document events in jsdoc
PiperOrigin-RevId: 581041601
2023-11-09 15:25:21 -08:00
Elizabeth Mitchell
f5daadc307 chore: update components to use mixinFocusable
PiperOrigin-RevId: 576982507
2023-10-26 14:09:08 -07:00
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