DEV/material-components_material-web
1
0
Fork 0
mirror of https://github.com/material-components/material-web.git synced 2026-03-09 00:09:23 +08:00
Code Issues Packages Projects Releases Wiki Activity
5,052 Commits 31 Branches 80 Tags
Commit Graph

115 Commits

Author SHA1 Message Date
Elizabeth Mitchell
4142a697ca feat(labs): change form-submitter to a behavior mixin 
PiperOrigin-RevId: 878869545
 2026-03-04 23:43:05 -08:00
Elizabeth Mitchell
9538d26d86 fix(iconbutton): use event dispatch hooks for toggle clicks 
PiperOrigin-RevId: 878162906
 2026-03-03 15:54:09 -08:00
Copybara-Service
919fe12bad Merge pull request #5769 from TonySpegel:feat/button-download-filename 
PiperOrigin-RevId: 723241863
 2025-02-04 15:12:17 -08:00
Tony Spegel
9e8413080d feat(icon-button): add download attribute 2025-02-03 23:22:17 +01:00
Valentin Degenne
ea1134a1a7 fix(iconbutton): href will respond to touch target 2024-11-27 23:02:39 +01:00
Elizabeth Mitchell
55b4650063 fix(tokens)!: tokens.md-comp-*-values() include custom properties by default 
BREAKING CHANGE: Sass component tokens, such as `tokens.md-comp-checkbox-values()`, return `var(--md-<component>, <value>)` instead of just the CSS value. Use `$exclude-custom-properties: true` to remove them.

PiperOrigin-RevId: 652550625
 2024-07-15 11:43:52 -07:00
Zack Elliott
281c092d06 feat(iconbutton): add soft-disabled attribute for focusable disabled icon buttons 
PiperOrigin-RevId: 651858380
 2024-07-12 12:44:29 -07:00
Elizabeth Mitchell
5df9410e60 fix!: aria-labels announcing twice with "group" on components 
BREAKING CHANGE: `querySelector` for `[role]` and `[aria-*]` attributes may no longer work. See `@material/web/migrations/v2/README.md` and `@material/web/migrations/v2/query-selector-aria.ts`.

Browser/SR test results (go/mwc-double-aria-test-results)
  - ✅ VoiceOver on Chrome
  - ✅ VoiceOver on iOS Safari
  - ✅ TalkBack on Chrome
  - ✅ ChromeVox on Chrome
  - ✅ NVDA on Chrome
  - ✅ NVDA on Firefox
  - ✅ JAWS on Chrome
  - ✅ JAWS on Firefox
  (Optional)
  - ❓ VoiceOver on Safari
  - ❓ VoiceOver on Firefox

PiperOrigin-RevId: 648859827
 2024-07-02 15:22:12 -07:00
Elizabeth Mitchell
b75bd2ffb8 docs: button and icon button says "text" instead of "button" for type 
Fixes #5650

PiperOrigin-RevId: 645142410
 2024-06-20 13:44:05 -07:00
Elizabeth Mitchell
1e47fd7383 fix(typography): rename md-typescale.js to md-typescale-styles.js 
Fixes #5524

This fixes the new md-typescale file not being published. Our build assumes CSS-to-JS files end in "-styles".

This isn't a breaking change since the typescale classes haven't been published yet.

PiperOrigin-RevId: 617613456
 2024-03-20 13:43:26 -07:00
Elizabeth Mitchell
36dd77ef97 feat(typography): add @material/web/typography/md-typescale classes 
Fixes #1050

View the updated [typography docs](https://github.com/material-components/material-web/blob/main/docs/theming/typography.md#classes) for more info.

PiperOrigin-RevId: 613259080
 2024-03-06 10:14:34 -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
5f93c82546 chore(iconbutton): add distinctly labelled examples for a11y 
PiperOrigin-RevId: 602853997
 2024-01-30 15:11:45 -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
35913a6ea4 fix(dialog): buttons not reflecting value attribute when setting property 
Fixes #5409

PiperOrigin-RevId: 600541901
 2024-01-22 12:48:44 -08:00
Jan Kuehle
4b4c373a6b chore: use import and export types 
PiperOrigin-RevId: 599338980
 2024-01-17 17:39:46 -08: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
e7bc633e18 chore(behaviors): add ElementInternals mixin 
PiperOrigin-RevId: 576937116
 2023-10-26 11:31:33 -07:00
Elizabeth Mitchell
c390291687 chore: format files with prettier 
PiperOrigin-RevId: 576601342
 2023-10-25 11:59:00 -07:00
Elizabeth Mitchell
e8b5b29d1e feat(iconbutton): update tokens to v0.192 
BREAKING CHANGE: Replace `container-size` tokens with `container-width` and `container-height`.

PiperOrigin-RevId: 566801178
 2023-09-19 17:52:12 -07:00
Andrew Jakubowicz
1163315948 fix(iconbutton): fix HCM disabled opacity and outlined 
PiperOrigin-RevId: 565089379
 2023-09-13 10:22:44 -07:00
Elizabeth Mitchell
ed539c6853 fix(iconbutton): allow prevent default click for toggles 
Fixes #4857

PiperOrigin-RevId: 563220193
 2023-09-06 14:41:50 -07:00
Elizabeth Mitchell
9647f5e514 fix(iconbutton): rename selectedIcon slot to selected 
BREAKING CHANGE: change `slot="selectedIcon"` to `slot="selected"` for toggle icon buttons.

PiperOrigin-RevId: 561740365
 2023-08-31 13:14:41 -07:00
Elizabeth Mitchell
a9091fe036 fix(iconbutton): update demos to fix a11y 
PiperOrigin-RevId: 561168744
 2023-08-29 16:22:55 -07:00
Andrew Jakubowicz
daea92e3fe test(iconbutton): add token tests 
PiperOrigin-RevId: 560106639
 2023-08-25 09:02:32 -07:00
Andrew Jakubowicz
dffff2d1a3 fix(iconbutton)!: change visibility of willUpdate to protected 
PiperOrigin-RevId: 559456407
 2023-08-23 09:45:15 -07:00
Elizabeth Mitchell
f23fac1465 fix(button): add value to form when submitting 
Fixes #4526

PiperOrigin-RevId: 558261952
 2023-08-18 15:24:42 -07:00
Elizabeth Mitchell
3e13634d64 chore: make formAssociated readonly 
PiperOrigin-RevId: 558255234
 2023-08-18 14:57:38 -07:00
Elizabeth Mitchell
bc19c8d12f chore(iconbutton): don't reflect aria-label-selected 
PiperOrigin-RevId: 557937222
 2023-08-17 14:29:39 -07:00
Andrew Jakubowicz
2bbab09a50 fix(iconbutton): rename selectedAriaLabel to ariaLabelSelected along with attribute 
PiperOrigin-RevId: 557887242
 2023-08-17 11:37:03 -07:00
Andrew Jakubowicz
c874cd55c7 fix(iconbutton): make target type stricter 
PiperOrigin-RevId: 557643977
 2023-08-16 16:57:06 -07:00
Elizabeth Mitchell
0862c58d24 feat(iconbutton): add touch target configs 
PiperOrigin-RevId: 556114164
 2023-08-11 15:32:56 -07:00
Elizabeth Mitchell
c0da72b6dc feat(iconbutton): add form submission 
This is needed for `<md-dialog>` for close icon buttons.

I split out button's logic into a static helper method. I also added a symbol to share ElementInternals.

PiperOrigin-RevId: 554943716
 2023-08-08 14:33:01 -07:00
Elizabeth Mitchell
0510496e60 chore: avoid this in static context 
PiperOrigin-RevId: 554933524
 2023-08-08 14:00:25 -07:00
Elliott Marquez
ff60a88843 refactor(icon)!: remove css custom props from icon and apply values directly on host 
BREAKING CHANGE: Remove css custom properties from icon and prefer applying normal css properties on host except for font-family.

PiperOrigin-RevId: 553577562
 2023-08-03 13:43:59 -07:00
Elizabeth Mitchell
0a63c267e9 fix(iconbutton)!: remove unselected token prefix 
BREAKING CHANGE: Remove "unselected" from `--md-*-icon-button-*` custom properties.

PiperOrigin-RevId: 552836196
 2023-08-01 10:01:57 -07:00
Elizabeth Mitchell
a117b06b7b fix(iconbutton)!: rename <md-standard-icon-button> to <md-icon-button> 
PiperOrigin-RevId: 552545415
 2023-07-31 11:37:56 -07:00
Copybara-Service
7510e556c5 Merge pull request #4618 from vdegenne:icon-button-delegates-focus 
PiperOrigin-RevId: 551642060
 2023-07-27 14:33:19 -07:00
Elliott Marquez
86ccec3e7e build: use firebase for hosting and remove url prefixes 2023-07-27 09:17:27 -07:00
vdegenne
db2010d2c1 fix(icon-button): delegates focus 2023-07-27 08:40:24 +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
38b1b69a9c fix(iconbutton)!: rename "lib" directory to "internal" 
BREAKING CHANGE: Rename `@material/web/iconbutton/lib` to `@material/web/iconbutton/internal`. Prefer not using internal files.

PiperOrigin-RevId: 550579461
 2023-07-24 09:10:22 -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
Andrew Jakubowicz
a5e4354ed6 fix(iconbutton)!: rename attribute flipiconinrtl to flip-icon-in-rtl 
PiperOrigin-RevId: 542700706
 2023-06-22 16:35:50 -07:00
Elizabeth Mitchell
1790a5bbf8 chore: remove closure comments from static blocks 
PiperOrigin-RevId: 539772537
 2023-06-12 15:07:36 -07:00