Qun Cheng 108a355453
Update tokens to 5.0.0 (#153385)
This PR is to
* Update the Material Design tokens to 5.0.0
* 4 color roles in **Light mode** have different default values
   `onPrimaryContainer`: Primary10  -> Primary30 
   `onSecondaryContainer`: Secondary10 -> Secondary30
   `onTertiaryContainer`: Tertiary10 -> Tertiary30
   `onErrorContainer`: Error10 -> Error30
    
        ![Screenshot 2024-08-13 at 12 53 03 PM](https://github.com/user-attachments/assets/bfa863d9-03d3-4557-8676-d56febdb2be5)

* new tokens added in list.json
* `md.comp.menu.list-item.*` tokens are deprecated and should be replaced by tokens in list.json and we've done the migration last year:)!(#122388)
2024-08-14 22:53:36 +00:00

32 lines
2.0 KiB
JSON

{
"version": "5_0_0",
"md.comp.fab.primary.container.color": "primaryContainer",
"md.comp.fab.primary.container.elevation": "md.sys.elevation.level3",
"md.comp.fab.primary.container.height": 56.0,
"md.comp.fab.primary.container.shadow-color": "shadow",
"md.comp.fab.primary.container.shape": "md.sys.shape.corner.large",
"md.comp.fab.primary.container.width": 56.0,
"md.comp.fab.primary.focus.container.elevation": "md.sys.elevation.level3",
"md.comp.fab.primary.focus.icon.color": "onPrimaryContainer",
"md.comp.fab.primary.focus.indicator.color": "secondary",
"md.comp.fab.primary.focus.indicator.outline.offset": "md.sys.state.focus-indicator.outer-offset",
"md.comp.fab.primary.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness",
"md.comp.fab.primary.focus.state-layer.color": "onPrimaryContainer",
"md.comp.fab.primary.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
"md.comp.fab.primary.hover.container.elevation": "md.sys.elevation.level4",
"md.comp.fab.primary.hover.icon.color": "onPrimaryContainer",
"md.comp.fab.primary.hover.state-layer.color": "onPrimaryContainer",
"md.comp.fab.primary.hover.state-layer.opacity": "md.sys.state.hover.state-layer-opacity",
"md.comp.fab.primary.icon.color": "onPrimaryContainer",
"md.comp.fab.primary.icon.size": 24.0,
"md.comp.fab.primary.lowered.container.elevation": "md.sys.elevation.level1",
"md.comp.fab.primary.lowered.focus.container.elevation": "md.sys.elevation.level1",
"md.comp.fab.primary.lowered.hover.container.elevation": "md.sys.elevation.level2",
"md.comp.fab.primary.lowered.pressed.container.elevation": "md.sys.elevation.level1",
"md.comp.fab.primary.pressed.container.elevation": "md.sys.elevation.level3",
"md.comp.fab.primary.pressed.icon.color": "onPrimaryContainer",
"md.comp.fab.primary.pressed.state-layer.color": "onPrimaryContainer",
"md.comp.fab.primary.pressed.state-layer.opacity": "md.sys.state.pressed.state-layer-opacity"
}