Material Web Team
fdd7e8221a
refactor(menu,list): reexport item harnesses
...
PiperOrigin-RevId: 520546423
2023-03-29 23:11:48 -07:00
Material Web Team
712aab3efc
feat(list,menu): implement forced colors
...
PiperOrigin-RevId: 520501176
2023-03-29 18:44:13 -07:00
Material Web Team
bfa1bec320
fix(menu): properly implement selected state
...
Before, I set the focused, actively-keyboard-interacted, or pressed element as visual selected state. That doesn't seem to be how GMDC handles it and created problems down the line with md-select where we could not show the currently-selected item + keyboard navigation at the same time.
This CL brings the behavior in line with GMDC and fixes this problem down the line for select.
Also in this CL I add the selected state to sub-menu-item when it's open
PiperOrigin-RevId: 519166067
2023-03-24 09:40:29 -07:00
Material Web Team
6398186d05
fix(list): fix strong focus first keyboard nav
...
fixes an issue where first keyboard navigation would not show strong focus because event listeners flush the event queue and the keyboard event doesn't reach window before focus is called
PiperOrigin-RevId: 518731054
2023-03-22 19:01:38 -07:00
Material Web Team
90b5b4f807
refactor(list): accept the container-color token in theme mixin
...
PiperOrigin-RevId: 518369910
2023-03-21 13:46:16 -07:00
Elizabeth Mitchell
789d23bd61
chore(sass): remove typography resolvers
...
PiperOrigin-RevId: 518054505
2023-03-20 13:09:04 -07:00
Material Web Team
d005d7265e
feat(list-item): expose / override host focus
...
In select, we need to open the menu and focus the last-selected item. `delegatesFocus: true` was causing some flakiness, so I overrode the focus method.
PiperOrigin-RevId: 516639115
2023-03-14 14:47:37 -07:00
Daniel Freedman
61ff27910e
fix(focus)!: refactor focus ring to better match component shape
...
- Focus ring now adds offset and width to look spec correct
- Replace `offset-vertical` and `offset-horizontal` tokens with a single `offset` token.
PiperOrigin-RevId: 516361036
2023-03-13 16:55:26 -07:00
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
Material Web Team
e64cdbeb35
feat(list): Created a separate style module for icon web component in list
...
PiperOrigin-RevId: 461809487
2022-07-18 23:53:07 -07:00
Material Web Team
899a4e6835
feat(list): Added avatar web component to list
...
PiperOrigin-RevId: 461805434
2022-07-18 23:20:03 -07:00
Material Web Team
a6ddbaa48c
feat(list): Add component styles to match spec layout
...
PiperOrigin-RevId: 461802303
2022-07-18 22:55:03 -07:00
Material Web Team
806a2931a3
refactor(list): Refactor list theming API to match tokens
...
PiperOrigin-RevId: 460889733
2022-07-13 23:57:16 -07:00
Material Web Team
24ff3621e4
chore: move list into the new directory
...
PiperOrigin-RevId: 460539830
2022-07-12 13:32:40 -07:00