material-components/material-web
1
1
Fork 0
mirror of https://github.com/material-components/material-web.git synced 2024-09-17 16:48:02 +03:00
Code Issues Projects Releases Wiki Activity
4,885 Commits 18 Branches 76 Tags 73 MiB
5df9410e60
Commit Graph

164 Commits

Author SHA1 Message Date
Elizabeth Mitchell
7ccc21e0d2 fix(menu): tonal surface update 
PiperOrigin-RevId: 522244590
 2023-04-05 22:06:11 -07:00
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