material-components/material-web
1
1
Fork 0
mirror of https://github.com/material-components/material-web.git synced 2024-09-21 02:27:12 +03:00
Code Issues Projects Releases Wiki Activity
4,744 Commits 17 Branches 77 Tags 73 MiB
e18d913eb3
Commit Graph

176 Commits

Author SHA1 Message Date
Elliott Marquez
5f6a011f93 prefer Material web over MWC per branding guidelines 2023-09-22 23:38:53 -07:00
Elliott Marquez
186e8fc188 add all docs content to the catalog 2023-09-22 23:05:50 -07:00
Elliott Marquez
63b01425e7 refactor(menu,select)!: rename fixed to positioning 
This will enable forwards compatibility for `positioning="top-layer"` with popover.

BREAKING CHANGE: refactor `fixed` property to `positioning="fixed"` in Menu and `menuFixed` to `menuPositioning="fixed"`

PiperOrigin-RevId: 567723646
 2023-09-22 14:54:57 -07:00
Elliott Marquez
54fbb2ed5e feat(menu): implement md-sub-menu 
md-sub-menu will succeed md-sub-menu-item. It allows for screen reader linear navigation

PiperOrigin-RevId: 567057310
 2023-09-20 13:09:44 -07:00
lit-robot
621192bc12 docs: update API docs 2023-09-20 06:58:11 +00:00
Elliott Marquez
9f3e55d79a docs: auto-generate API docs 
Updates API docs in our markdown files with Lit Analyzer by manually running `npm run update-docs`

COPYBARA_INTEGRATE_REVIEW=https://github.com/material-components/material-web/pull/4946 from material-components:api-docs 1322ca962041a4b1f30ef7ad3ef2c7eb9087f42b
PiperOrigin-RevId: 566834596
 2023-09-19 21:05:47 -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
Elizabeth Mitchell
05957992e8 docs: add support doc for browser support and FAQ 
PiperOrigin-RevId: 566777068
 2023-09-19 16:20:38 -07:00
Elliott Marquez
80c53d3a8b docs(textfield): textfield images and figures 
PiperOrigin-RevId: 566773604
 2023-09-19 16:09:25 -07:00
Andrew Jakubowicz
3b5cbc4ede fix(list)!: list items are now noninteractive by default 
BREAKING CHANGE: the `noninteractive` property has been replaced by the `interactive` property, and by default, a list-item will no longer show a ripple or focus ring.
What to change:
- To preserve prior default behavior, add the `interactive` attribute explicitly.
- Any setting of a truthy `noninteractive` attribute or property can be removed as it's the new default behavior.

PiperOrigin-RevId: 566696782
 2023-09-19 11:43:59 -07:00
Andrew Jakubowicz
e3b3d86fa9 docs(select): add select documentation 
PiperOrigin-RevId: 566674810
 2023-09-19 10:34:58 -07:00
Elliott Marquez
6e54048f1e refactor(menu)!: rename corner and focus state values lowercase with dashes 
BREAKING: for style guide enum consistency, we have renamed the corner values START_START etc. to be lowercase with dashes. e.g. start-start. The same has been done with MdMenu.defaultFocus' values.
PiperOrigin-RevId: 566454879
 2023-09-18 17:09:17 -07:00
Copybara-Service
ff3073a280 Merge pull request #4944 from datvm:patch-1 
PiperOrigin-RevId: 566394877
 2023-09-18 13:19:40 -07: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
Elizabeth Mitchell
94b5c8125e feat(menu): update tokens to v0.192 
- Adds `--md-menu-item-selected-label-text-color` token

BREAKING CHANGE: menu selected container color changed to secondary-container

PiperOrigin-RevId: 565807703
 2023-09-15 16:35:25 -07:00
Elliott Marquez
9447ec7d72 refactor(list)!: move list aria to host 
BREAKING CHANGE: Aria and roles on List have been moved to the host element. list-tabindex attribute should be migrated to tabindex attribute. type attribute should be migrated to role attribute.

PiperOrigin-RevId: 565767899
 2023-09-15 13:45:32 -07:00
Luke Vo
2a6b689a0d
Corrected button trailing-icon 2023-09-15 14:44:03 -05:00
Elliott Marquez
ed689952dd feat(list,menu,select): add slots for specific slotted variants 
PiperOrigin-RevId: 565536994
 2023-09-14 18:42:43 -07:00
Elizabeth Mitchell
6cca5d6819 docs: mark text field as stable 
PiperOrigin-RevId: 565192865
 2023-09-13 16:24:17 -07:00
Andrew Jakubowicz
fe79d2adfd docs: mark slider as stable 
PiperOrigin-RevId: 564883811
 2023-09-12 17:40:22 -07:00
Elizabeth Mitchell
103892ead2 docs: mark tabs as stable 
PiperOrigin-RevId: 564479341
 2023-09-11 13:11:53 -07:00
Elizabeth Mitchell
c6a914d70e docs: add dedicated roadmap doc 
PiperOrigin-RevId: 564472462
 2023-09-11 12:47:12 -07:00
Elizabeth Mitchell
58f2446246 fix(tabs): a11y and tabs sometimes not activating 
PiperOrigin-RevId: 564453926
 2023-09-11 11:43:09 -07:00
Elizabeth Mitchell
1442f9b223 fix(tabs): setting active on tab selects them 
BREAKING CHANGE: Rename the `selected` index property on md-tabs to `activeTabIndex` (`active-tab-index` attribute). Rename `select-on-focus` to `auto-activate`

PiperOrigin-RevId: 564437639
 2023-09-11 10:53:44 -07:00
Elizabeth Mitchell
a8ce2ab427 docs: fix broken theming links 
PiperOrigin-RevId: 564410908
 2023-09-11 09:32:57 -07:00
Elizabeth Mitchell
99e334b3f1 docs: add color and typography docs 
PiperOrigin-RevId: 563843200
 2023-09-08 13:52:18 -07:00
Elizabeth Mitchell
88eb1759c5 fix(tabs): remove font shorthand tokens 
BREAKING CHANGE: replace `label-text-type` tokens with `-font`, `-size`, `-line-height`, and `-weight`

PiperOrigin-RevId: 563790527
 2023-09-08 10:35:03 -07:00
Andrew Jakubowicz
82e9e92a19 fix(textfield): change slot names to kebab-case 
BREAKING CHANGE: replace slot names `leadingicon` and `trailingicon` with `leading-icon` and `trailing-icon`

PiperOrigin-RevId: 563605216
 2023-09-07 18:41:25 -07:00
Elliott Marquez
0211944b7e docs(menu): document menu 
PiperOrigin-RevId: 563523511
 2023-09-07 13:11:42 -07:00
Elizabeth Mitchell
ca2cd56bd1 fix(list): remove font shorthand tokens 
BREAKING CHANGE: replace `*-type` font tokens with `-font`, `-size`, `-line-height`, and `-weight`

PiperOrigin-RevId: 563162539
 2023-09-06 11:22:42 -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
0c5a2a2886 fix(text-field,select): remove font shorthand tokens 
BREAKING CHANGE: replace `*-type` font tokens with `-font`, `-size`, `-line-height`, and `-weight`

PiperOrigin-RevId: 563160975
 2023-09-06 11:18:59 -07:00
Elizabeth Mitchell
f77ee3628c fix(fab): remove font shorthand tokens 
BREAKING CHANGE: replace `label-text-type` tokens with `-font`, `-size`, `-line-height`, and `-weight`

PiperOrigin-RevId: 563160852
 2023-09-06 11:18:43 -07:00
Elizabeth Mitchell
81e11e09fa fix(dialogs): remove font shorthand tokens 
BREAKING CHANGE: replace `headline-text-type` and `supporting-text-type` tokens with `-font`, `-size`, `-line-height`, and `-weight`

PiperOrigin-RevId: 563160825
 2023-09-06 11:17:05 -07:00
Elizabeth Mitchell
8894c20c6b fix(button): remove font shorthand tokens 
BREAKING CHANGE: replace `label-text-type` tokens with `label-text-font`, `-size`, `-line-height`, and `-weight`

PiperOrigin-RevId: 563153211
 2023-09-06 10:56:22 -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
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
3906b7f72a chore(ripple): update docs/demos for Safari flex vs grid 
PiperOrigin-RevId: 561543073
 2023-08-30 22:05:55 -07:00
Material Web Team
c233caf5a9 docs: fix minor issue with an unclosed tag in a code example 
PiperOrigin-RevId: 561502825
 2023-08-30 18:06:44 -07:00
Elizabeth Mitchell
5b13b5c05b fix(tabs)!: split md-tab into md-primary-tab and md-secondary-tab 
BREAKING CHANGE: remove `variant` attributes and change `md-tab` to `md-primary-tab`, or `md-secondary-tab` if using `variant="secondary"

PiperOrigin-RevId: 561077231
 2023-08-29 10:47:55 -07:00
Elliott Marquez
3d59608571 docs(slider): make the slider catalog example fit all the stories content 
PiperOrigin-RevId: 560882477
 2023-08-28 19:20:04 -07:00
Elizabeth Mitchell
13690a396f fix(tabs): remove divider tokens in favor of md-divider 
BREAKING CHANGE: Remove `--md-*tab-divider` tokens and use `md-tabs::part(divider)` and `--md-divider-*` tokens

PiperOrigin-RevId: 560127620
 2023-08-25 10:16:46 -07:00
Elizabeth Mitchell
0711f8c03c fix(radio): make host radio role to fix a11y 
Why? role="radio" items need to be in the same DOM scope to properly announce "radio X of X" and not "radio 1 of 1"

PiperOrigin-RevId: 559908996
 2023-08-24 16:46:01 -07:00
Elizabeth Mitchell
39633d5a21 docs: combine circular and linear progress docs 
PiperOrigin-RevId: 559590874
 2023-08-23 17:27:07 -07:00
Elliott Marquez
e702a40ca5 docs(list): document list 
PiperOrigin-RevId: 558041510
 2023-08-17 23:05:12 -07:00
Elliott Marquez
156ca3cbe7 feat(fab): do not require has-icon 
PiperOrigin-RevId: 557976838
 2023-08-17 17:05:27 -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
Elizabeth Mitchell
112b74819d docs: add text field docs 
PiperOrigin-RevId: 557878927
 2023-08-17 11:10:55 -07:00
Elliott Marquez
89f03273b4 docs(checkbox): match example code to include touch targets 
PiperOrigin-RevId: 557601532
 2023-08-16 14:23:22 -07:00
Elizabeth Mitchell
0c6655d95b docs: add chip docs 
PiperOrigin-RevId: 557190776
 2023-08-15 11:17:04 -07:00
Elliott Marquez
68fb31b729 docs: mention cross fw compatibility 
PiperOrigin-RevId: 556158957
 2023-08-11 18:03:16 -07:00
Elizabeth Mitchell
18b75d9c24 chore: add touch target to catalog figures 
PiperOrigin-RevId: 556013113
 2023-08-11 10:55:18 -07:00
Elizabeth Mitchell
fae9b3a432 docs: add intro doc 
PiperOrigin-RevId: 555995254
 2023-08-11 10:12:28 -07:00
Elizabeth Mitchell
f7660a5762 docs: add dialog docs 
PiperOrigin-RevId: 555702496
 2023-08-10 16:32:54 -07:00
Elizabeth Mitchell
8588a3f52e feat(fab)!: add touch target configurations 
BREAKING CHANGE: Replace `reduced-touch-target` with `touch-target="none"`

PiperOrigin-RevId: 555666950
 2023-08-10 14:58:51 -07:00
Elizabeth Mitchell
f574b00a63 feat(checkbox)!: add touch target configurations 
BREAKING CHANGE: Checkbox's size is now smaller by default. Add margin or `touch-target="wrapper"` to increase it to the previous size.

PiperOrigin-RevId: 555547024
 2023-08-10 10:21:31 -07:00
Andrew Jakubowicz
28af606b40 docs(tabs): document tabs 
PiperOrigin-RevId: 553841878
 2023-08-04 10:15: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
65bc8f400e docs: add switch docs 
PiperOrigin-RevId: 553572751
 2023-08-03 13:28:45 -07:00
Elizabeth Mitchell
6aa42f3399 docs: add radio docs 
PiperOrigin-RevId: 552945498
 2023-08-01 15:42:14 -07:00
Andrew Jakubowicz
838c1c7fe3 docs(slider): document slider 
PiperOrigin-RevId: 552861008
 2023-08-01 11:15:50 -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
cc26ef6c02 fix(button)!: rename <md-tonal-button> to <md-filled-tonal-button> 
BREAKING CHANGE: Rename "md-tonal-button" elements, imports, and tokens to "md-filled-tonal-button"

PiperOrigin-RevId: 552600206
 2023-07-31 14:57:34 -07:00
Andrew Jakubowicz
c38f1b4af4 docs: fix some broken fragment links 
PiperOrigin-RevId: 552594183
 2023-07-31 14:34:02 -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
Elliott Marquez
1593d46ffe docs: elide m.dev links internally & clarify comment transform names 
PiperOrigin-RevId: 551664326
 2023-07-27 15:54:40 -07:00
Elliott Marquez
0c173d1b48 docs: update links to the new catalog url 
PiperOrigin-RevId: 551596368
 2023-07-27 11:46:01 -07:00
Elizabeth Mitchell
c0b2617370 docs: update freshness 
PiperOrigin-RevId: 550654691
 2023-07-24 13:24:09 -07:00
Andrew Jakubowicz
6ec3f06429 fix!: rename "lib" directory to "internal" 
BREAKING CHANGE: Rename `@material/web/<component>/lib` to `@material/web/<component>/internal`. Prefer not using internal files.

PiperOrigin-RevId: 550633216
 2023-07-24 12:02:59 -07:00
Elizabeth Mitchell
66d7b8b275 fix(checkbox)!: remove "unselected" prefix from tokens 
BREAKING CHANGE: Rename `--md-checkbox-unselected-<token>` to `--md-checkbox-<token>`

PiperOrigin-RevId: 549977624
 2023-07-21 10:05:52 -07:00
Elizabeth Mitchell
a2b4f6152d fix(progress)!: rename progress property to value 
PiperOrigin-RevId: 549471839
 2023-07-19 17:31:45 -07:00
Elizabeth Mitchell
f7eff48c66 fix(focus)!: move --md-focus-ring tokens to host 
BREAKING CHANGE: Set `--md-focus-ring-*` tokens directly on `<md-focus-ring>` elements. Focus rings are exposed with `::part(focus-ring)`.

PiperOrigin-RevId: 549114124
 2023-07-18 14:36:12 -07:00
Copybara-Service
6116ed8f47 Merge pull request #4502 from material-components:fab-docs 
PiperOrigin-RevId: 547954160
 2023-07-13 16:03:30 -07:00
Elliott Marquez
2c4822d9b8 implement suggestions 2023-06-30 14:56:04 -07:00
Elliott Marquez
bfda7ab328 fab docs 2023-06-26 17:50:50 -07:00
Andrew Jakubowicz
8648be6c40 chore: fix all tokens link in docs 
PiperOrigin-RevId: 543527931
 2023-06-26 13:38:22 -07:00
Elliott Marquez
0bced288a8 build(catalog): add catalog-include to catalog build 
PiperOrigin-RevId: 542968626
 2023-06-23 15:09:38 -07:00
Elliott Marquez
0ba56b64ba docs: create build system for demoing docs figures internally 
PiperOrigin-RevId: 542967564
 2023-06-23 15:05:14 -07:00
Elliott Marquez
d9f66b36d1 docs(linearprogress): update golink and revert image to animated 
PiperOrigin-RevId: 540654871
 2023-06-15 12:16:49 -07:00
Elizabeth Mitchell
d394abd1b7 docs: fix broken link 
PiperOrigin-RevId: 540630104
 2023-06-15 10:56:03 -07:00
Elliott Marquez
1b26d731b9 convert to webp 2023-06-12 16:07:39 -05:00
Elliott Marquez
32494f9f8d docs(linearprogress): add catalog docs for linear progress 2023-06-12 15:46:37 -05:00
Elliott Marquez
e9a811e211 docs(catalog): remove inert on component doc pages 
PiperOrigin-RevId: 538636568
 2023-06-07 17:31:14 -07:00
Elizabeth Mitchell
019bfa4b76 docs: fix catalog issue 
PiperOrigin-RevId: 538042910
 2023-06-05 19:22:15 -07:00
Elizabeth Mitchell
d4d10ee9e6 docs: add ripple docs 
PiperOrigin-RevId: 537996359
 2023-06-05 15:25:39 -07:00
Elliott Marquez
2d02404277 docs(iconbutton): add iconbutton to the catalog 
PiperOrigin-RevId: 537437149
 2023-06-02 16:32:32 -07:00
Elliott Marquez
8784433550 build(catalog): fix HTML minifier errors 
PiperOrigin-RevId: 537059911
 2023-06-01 10:19:26 -07:00
Elliott Marquez
79b5790572 docs(button): document button for catalog 
PiperOrigin-RevId: 536859970
 2023-05-31 16:48:34 -07:00
Elliott Marquez
9aa90a87cf docs(checkbox): remove spaces causing issues in markdown formatter 
PiperOrigin-RevId: 536592966
 2023-05-30 21:25:39 -07:00
Elizabeth Mitchell
b79413bf26 chore(focus): update docs and mark as stable 
PiperOrigin-RevId: 534559303
 2023-05-23 14:29:19 -07:00
Kat Tschan
3350b97dce
Fix button labels 2023-05-21 00:43:48 -04:00
Elliott Marquez
6596de5ca1 fix text 2023-05-17 17:30:42 -07:00
Elliott Marquez
c3dff2f440 update hero image 2023-05-17 17:24:49 -07:00
Elliott Marquez
75b7834001 update hero 2023-05-17 15:19:03 -07:00
Elliott Marquez
5a6ccc68fd docs(circularprogress): update docs 2023-05-17 15:15:52 -07:00
Elliott Marquez
157a781525 docs(checkbox): use m.io hero image and add spacing components 
PiperOrigin-RevId: 532896113
 2023-05-17 13:51:28 -07:00
Elliott Marquez
439b47ffad docs(checkbox): proposed new checkbox markdown style 
PiperOrigin-RevId: 531581927
 2023-05-12 12:55:06 -07:00
Elizabeth Mitchell
56e6ee08c5 chore(dialog): update demo for a11y review 
PiperOrigin-RevId: 531068237
 2023-05-10 19:33:30 -07:00
Elizabeth Mitchell
ec47f9bcc4 refactor(iconbutton)!: remove <md-icon> 
BREAKING CHANGE: font icons require using <md-icon> directly

PiperOrigin-RevId: 530673789
 2023-05-09 11:56:13 -07:00
Elizabeth Mitchell
7dbf2a0259 docs: add focus ring docs 
PiperOrigin-RevId: 530440111
 2023-05-08 16:34:13 -07:00