55 Commits

Author SHA1 Message Date
Material Web Team
35147b25b0 feat(list): add spacing tokens and inherit min-width
In this PR:
- Added spacing tokens to list-item
- Made list inherit min-width from host
- Propagated that min-width from menu to list
- Small fix to single-line list item pushing the icon out of the list item if the supporting text was too long

PiperOrigin-RevId: 515750933
2023-03-10 15:16:33 -08:00
Material Web Team
5092de07e9 refactor(menu,list): clean up list-menu tokens and remove list-item variant components
In this PR:

- Remove unnecessary list-item variants
  - `md-list-item-icon` -> md-icon[data-variant=icon]
  - `md-list-item-video` -> video[data-variant=video]
  - `md-list-item-avatar` -> :is(img,div)[data-variant=avatar]
  - `md-list-item-avatar` -> img[data-variant=avatar]
- also upgrade menu tokens to maximize token sharing in list-item and menu-item
- testing menu and list for unused & undefined tokens
- fixed some small things in list to align with spec more

PiperOrigin-RevId: 513932810
2023-03-06 07:01:56 -08:00
Daniel Freedman
232982ef03 fix(icon,iconbutton,list)!: use material symbols for icons
- Material Symbols is recommended for M3
- Refactor list items to use md-icon directly

PiperOrigin-RevId: 511601359
2023-02-22 14:39:58 -08:00
Daniel Freedman
45a6d45577 fix(list,menu)!: move to -text-type tokens
PiperOrigin-RevId: 510452426
2023-02-17 09:37:08 -08:00
Elizabeth Mitchell
6c2aef6901 chore(all): add keep-sorted comments to Sass imports
PiperOrigin-RevId: 509583504
2023-02-14 11:10:23 -08:00
Elizabeth Mitchell
ff84a66f3e fix(ripple)!: remove "state-layer" from token names
PiperOrigin-RevId: 509298729
2023-02-13 12:17:37 -08:00
Material Web Team
e15c4b86d5 feat(menu,list): expose menu theme mixins and remove divider
PiperOrigin-RevId: 506741566
2023-02-02 15:40:21 -08:00
Material Web Team
8f69e62ba7 refactor(menu): rename selected to active for future md-select work
PiperOrigin-RevId: 506740196
2023-02-02 15:34:35 -08:00
Material Web Team
4077c71461 Implement List
PiperOrigin-RevId: 503258388
2023-01-19 13:59:41 -08:00
Elizabeth Mitchell
060d204334 chore: update component tokens to v0.152
PiperOrigin-RevId: 501055718
2023-01-10 11:56:25 -08:00
Daniel Freedman
c70198a567 fix(list,textfield): Fix TS 4.9 compliation of role property override.
PiperOrigin-RevId: 499312798
2023-01-03 14:10:22 -08:00
Elizabeth Mitchell
527b273d8f fix(list): use new elevation component
PiperOrigin-RevId: 499297946
2023-01-03 13:09:48 -08:00
Elizabeth Mitchell
eedb7f5d3c chore: replace * selector with :host
PiperOrigin-RevId: 493992896
2022-12-08 14:15:19 -08:00
Elizabeth Mitchell
89eee57074 chore(elevation): branch elevation styles
PiperOrigin-RevId: 493625319
2022-12-07 09:27:08 -08:00
Elizabeth Mitchell
30f5e44e0c chore: update tokens
PiperOrigin-RevId: 491753341
2022-11-29 15:31:06 -08:00
Elizabeth Mitchell
bff01dadf7 chore(tokens): update to v0.144
PiperOrigin-RevId: 491464625
2022-11-28 15:53:25 -08:00
Daniel Freedman
601c331d37 fix(focus): Update focus ring to new design
PiperOrigin-RevId: 487571074
2022-11-10 10:11:40 -08:00
Elizabeth Mitchell
e87561688a chore(list): merge static/theme-styles
PiperOrigin-RevId: 484045464
2022-10-26 12:50:55 -07:00
Elizabeth Mitchell
50dc00a6f8 chore(list): update to use local custom properties
PiperOrigin-RevId: 484044408
2022-10-26 12:45:58 -07:00
Elizabeth Mitchell
ed7bf9d891 chore(list): flatten static/theme-styles
PiperOrigin-RevId: 483988343
2022-10-26 09:21:58 -07:00
Elizabeth Mitchell
a9da9bbf5e chore(focus): merge static/theme-styles
PiperOrigin-RevId: 482832904
2022-10-21 10:44:33 -07:00
Elizabeth Mitchell
73ca8ae0eb chore: use relative paths
PiperOrigin-RevId: 481941267
2022-10-18 09:28:59 -07:00
Elizabeth Mitchell
bcf19bc081 chore(list): remove compat deps
PiperOrigin-RevId: 477768199
2022-09-29 10:58:04 -07:00
Esteban Gonzalez
e77d4726fa feat(autocomplete): Create MdAutocompleteList to unset min-width.
PiperOrigin-RevId: 472863263
2022-09-07 18:26:03 -07:00
Esteban Gonzalez
78f125dcbb feat(list): Add listId property
PiperOrigin-RevId: 472847375
2022-09-07 16:53:11 -07:00
Alexander Marks
30c95aeee1 chore: add ".js" extensions to import statements.
In particular, this allows external build tools like Rollup and @web/dev-server to understand imports of Lit, which is configured to require the ".js" extension via its export conditions (so that Lit import maps can remain minimal).

PiperOrigin-RevId: 469772992
2022-08-24 11:01:21 -07:00
Joy Zhong
ebb9a4b360 feat(list): Add list elevation overlay and overlay color/opacity to theme API.
PiperOrigin-RevId: 468704392
2022-08-19 08:10:46 -07:00
Material Web Team
d2a1b2ea18 feat(list): Added list divider web component
PiperOrigin-RevId: 468693440
2022-08-19 07:05:12 -07:00
Material Web Team
6b6d651714 fix(list): Removed unnecessary options list variant
PiperOrigin-RevId: 468619932
2022-08-18 21:57:11 -07:00
Material Web Team
d9b1deb2f8 feat(list): Add support for aria active descendant, id
PiperOrigin-RevId: 468163114
2022-08-17 04:27:55 -07:00
Material Web Team
2c06c2ed9b feat(list): Added aria-checked attribute support to list item.
PiperOrigin-RevId: 468119465
2022-08-17 00:03:33 -07:00
Material Web Team
74704d7cf2 feat(list): Added options list to M3 list
PiperOrigin-RevId: 467850791
2022-08-16 00:03:24 -07:00
Joy Zhong
a88be95da7 fix(list): Modify list focus ring horizontal offset to prevent horizontal overflow.
PiperOrigin-RevId: 467832484
2022-08-15 21:31:45 -07:00
Material Web Team
9f410f6248 feat(list-item): Added isActive() method to check active status and minor fixes to keyboard navigation
PiperOrigin-RevId: 467690622
2022-08-15 09:41:23 -07:00
Joy Zhong
305b790faa fix(menu): Fix focus management bugs (TAB on menu item closes menu without restoring focus to anchor element, on menu open, menu respects focusState option (first item, last item, or list root).
PiperOrigin-RevId: 466956413
2022-08-11 08:12:17 -07:00
Joy Zhong
8f63406cdc feat(list): Add customizable aria-label/role attributes to list, and customizable role to list item.
PiperOrigin-RevId: 466358466
2022-08-09 07:53:56 -07:00
Material Web Team
2d2b3bbeda feat(list): Added focus ring to list item
PiperOrigin-RevId: 465970848
2022-08-08 00:18:11 -07:00
Material Web Team
ee35bfe7f1 feat(list): Add basic keyboard navigation to M3 list
PiperOrigin-RevId: 465533534
2022-08-05 04:20:35 -07:00
Material Web Team
bf29bc36e5 feat(list): Added test harnesses to list
PiperOrigin-RevId: 464762613
2022-08-02 05:05:04 -07:00
Joy Zhong
d37e23de0d feat(menu): Fix menu closing on menu item click.
PiperOrigin-RevId: 464533483
2022-08-01 07:44:37 -07:00
Material Web Team
a885a1faff fix(list): Fixed layout of list variants.
PiperOrigin-RevId: 464498232
2022-08-01 03:27:58 -07:00
Material Web Team
c27725234d feat(list): Added soy template annotations for image classes slot
PiperOrigin-RevId: 464490814
2022-08-01 02:31:52 -07:00
Material Web Team
62092b7c9b fix(list): Changed Headline text from slot content to text property of list item
PiperOrigin-RevId: 464490608
2022-08-01 02:30:18 -07:00
Material Web Team
4d292f4cc6 feat(list): Add ripple to M3 list
PiperOrigin-RevId: 463358686
2022-07-26 09:42:26 -07:00
Joy Zhong
4b79baa980 feat(list): Add support for fetching list items.
PiperOrigin-RevId: 463122235
2022-07-25 10:45:20 -07:00
Material Web Team
07aaa8a763 fix(list): Fixed list item icon padding
PiperOrigin-RevId: 463008397
2022-07-24 22:59:43 -07:00
Material Web Team
2f83b6ce27 refactor(list): Refactored leading / trailing icon styles to avoid relying on CSS class name map.
PiperOrigin-RevId: 462332002
2022-07-21 02:03:40 -07:00
Material Web Team
b18fab9411 refactor(list): Moved list item to separate directory
PiperOrigin-RevId: 462329055
2022-07-21 01:44:36 -07:00
Material Web Team
261b6efc0c feat(list): Added video web component to list
PiperOrigin-RevId: 461910693
2022-07-19 10:06:34 -07:00
Material Web Team
4587cbc33b feat(list): Added image web component to list
PiperOrigin-RevId: 461893621
2022-07-19 08:52:37 -07:00