Update tokens to 5.0.0 (flutter#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:)!(flutter#122388)

Author: QuncCccccc

dev/tools/gen_defaults/data/badge.json

@@ -1,5 +1,5 @@
 {
-  "version": "v4_1_0",
+  "version": "5_0_0",
 
   "md.comp.badge.color": "error",
   "md.comp.badge.large.color": "error",

dev/tools/gen_defaults/data/banner.json

@@ -1,5 +1,5 @@
 {
-  "version": "v4_1_0",
+  "version": "5_0_0",
 
   "md.comp.banner.container.color": "surfaceContainerLow",
   "md.comp.banner.container.elevation": "md.sys.elevation.level1",

dev/tools/gen_defaults/data/bottom_app_bar.json

@@ -1,5 +1,5 @@
 {
-  "version": "v4_1_0",
+  "version": "5_0_0",
 
   "md.comp.bottom-app-bar.container.color": "surfaceContainer",
   "md.comp.bottom-app-bar.container.elevation": "md.sys.elevation.level2",

dev/tools/gen_defaults/data/button_elevated.json

@@ -1,5 +1,5 @@
 {
-  "version": "v4_1_0",
+  "version": "5_0_0",
 
   "md.comp.elevated-button.container.color": "surfaceContainerLow",
   "md.comp.elevated-button.container.elevation": "md.sys.elevation.level1",

dev/tools/gen_defaults/data/button_filled.json

@@ -1,5 +1,5 @@
 {
-  "version": "v4_1_0",
+  "version": "5_0_0",
 
   "md.comp.filled-button.container.color": "primary",
   "md.comp.filled-button.container.elevation": "md.sys.elevation.level0",

dev/tools/gen_defaults/data/button_filled_tonal.json

@@ -1,5 +1,5 @@
 {
-  "version": "v4_1_0",
+  "version": "5_0_0",
 
   "md.comp.filled-tonal-button.container.color": "secondaryContainer",
   "md.comp.filled-tonal-button.container.elevation": "md.sys.elevation.level0",

dev/tools/gen_defaults/data/button_outlined.json

@@ -1,5 +1,5 @@
 {
-  "version": "v4_1_0",
+  "version": "5_0_0",
 
   "md.comp.outlined-button.container.height": 40.0,
   "md.comp.outlined-button.container.shape": "md.sys.shape.corner.full",

dev/tools/gen_defaults/data/button_text.json

@@ -1,5 +1,5 @@
 {
-  "version": "v4_1_0",
+  "version": "5_0_0",
 
   "md.comp.text-button.container.height": 40.0,
   "md.comp.text-button.container.shape": "md.sys.shape.corner.full",

dev/tools/gen_defaults/data/card_elevated.json

@@ -1,5 +1,5 @@
 {
-  "version": "v4_1_0",
+  "version": "5_0_0",
 
   "md.comp.elevated-card.container.color": "surfaceContainerLow",
   "md.comp.elevated-card.container.elevation": "md.sys.elevation.level1",

dev/tools/gen_defaults/data/card_filled.json

@@ -1,5 +1,5 @@
 {
-  "version": "v4_1_0",
+  "version": "5_0_0",
 
   "md.comp.filled-card.container.color": "surfaceContainerHighest",
   "md.comp.filled-card.container.elevation": "md.sys.elevation.level0",

dev/tools/gen_defaults/data/card_outlined.json

@@ -1,5 +1,5 @@
 {
-  "version": "v4_1_0",
+  "version": "5_0_0",
 
   "md.comp.outlined-card.container.color": "surface",
   "md.comp.outlined-card.container.elevation": "md.sys.elevation.level0",

dev/tools/gen_defaults/data/carousel_item.json

@@ -1,5 +1,5 @@
 {
-  "version": "v4_1_0",
+  "version": "5_0_0",
 
   "md.comp.carousel-item.container.color": "surface",
   "md.comp.carousel-item.container.elevation": "md.sys.elevation.level0",

dev/tools/gen_defaults/data/checkbox.json

@@ -1,5 +1,5 @@
 {
-  "version": "v4_1_0",
+  "version": "5_0_0",
 
   "md.comp.checkbox.container.size": 18.0,
   "md.comp.checkbox.error.focus.state-layer.color": "error",

dev/tools/gen_defaults/data/chip_assist.json

@@ -1,5 +1,5 @@
 {
-  "version": "v4_1_0",
+  "version": "5_0_0",
 
   "md.comp.assist-chip.container.height": 32.0,
   "md.comp.assist-chip.container.shape": "md.sys.shape.corner.small",

dev/tools/gen_defaults/data/chip_filter.json

@@ -1,5 +1,5 @@
 {
-  "version": "v4_1_0",
+  "version": "5_0_0",
 
   "md.comp.filter-chip.container.height": 32.0,
   "md.comp.filter-chip.container.shape": "md.sys.shape.corner.small",

dev/tools/gen_defaults/data/chip_input.json

@@ -1,5 +1,5 @@
 {
-  "version": "v4_1_0",
+  "version": "5_0_0",
 
   "md.comp.input-chip.container.elevation": "md.sys.elevation.level0",
   "md.comp.input-chip.container.height": 32.0,

dev/tools/gen_defaults/data/chip_suggestion.json

@@ -1,5 +1,5 @@
 {
-  "version": "v4_1_0",
+  "version": "5_0_0",
 
   "md.comp.suggestion-chip.container.height": 32.0,
   "md.comp.suggestion-chip.container.shape": "md.sys.shape.corner.small",

dev/tools/gen_defaults/data/color_dark.json

@@ -1,5 +1,5 @@
 {
-  "version": "v4_1_0",
+  "version": "5_0_0",
 
   "md.sys.color.background": "md.ref.palette.neutral6",
   "md.sys.color.error": "md.ref.palette.error80",

dev/tools/gen_defaults/data/color_light.json

@@ -1,5 +1,5 @@
 {
-  "version": "v4_1_0",
+  "version": "5_0_0",
 
   "md.sys.color.background": "md.ref.palette.neutral98",
   "md.sys.color.error": "md.ref.palette.error40",
@@ -9,19 +9,19 @@
   "md.sys.color.inverse-surface": "md.ref.palette.neutral20",
   "md.sys.color.on-background": "md.ref.palette.neutral10",
   "md.sys.color.on-error": "md.ref.palette.error100",
-  "md.sys.color.on-error-container": "md.ref.palette.error10",
+  "md.sys.color.on-error-container": "md.ref.palette.error30",
   "md.sys.color.on-primary": "md.ref.palette.primary100",
-  "md.sys.color.on-primary-container": "md.ref.palette.primary10",
+  "md.sys.color.on-primary-container": "md.ref.palette.primary30",
   "md.sys.color.on-primary-fixed": "md.ref.palette.primary10",
   "md.sys.color.on-primary-fixed-variant": "md.ref.palette.primary30",
   "md.sys.color.on-secondary": "md.ref.palette.secondary100",
-  "md.sys.color.on-secondary-container": "md.ref.palette.secondary10",
+  "md.sys.color.on-secondary-container": "md.ref.palette.secondary30",
   "md.sys.color.on-secondary-fixed": "md.ref.palette.secondary10",
   "md.sys.color.on-secondary-fixed-variant": "md.ref.palette.secondary30",
   "md.sys.color.on-surface": "md.ref.palette.neutral10",
   "md.sys.color.on-surface-variant": "md.ref.palette.neutral-variant30",
   "md.sys.color.on-tertiary": "md.ref.palette.tertiary100",
-  "md.sys.color.on-tertiary-container": "md.ref.palette.tertiary10",
+  "md.sys.color.on-tertiary-container": "md.ref.palette.tertiary30",
   "md.sys.color.on-tertiary-fixed": "md.ref.palette.tertiary10",
   "md.sys.color.on-tertiary-fixed-variant": "md.ref.palette.tertiary30",
   "md.sys.color.outline": "md.ref.palette.neutral-variant50",

dev/tools/gen_defaults/data/date_picker_docked.json

@@ -1,5 +1,5 @@
 {
-  "version": "v4_1_0",
+  "version": "5_0_0",
 
   "md.comp.date-picker.docked.container.color": "surfaceContainerHigh",
   "md.comp.date-picker.docked.container.elevation": "md.sys.elevation.level3",
@@ -30,7 +30,7 @@
   "md.comp.date-picker.docked.date.unselected.focus.state-layer.color": "onSurfaceVariant",
   "md.comp.date-picker.docked.date.unselected.hover.state-layer.color": "onSurfaceVariant",
   "md.comp.date-picker.docked.date.unselected.label-text.color": "onSurface",
-  "md.comp.date-picker.docked.date.unselected.outside-month.label-text.color": "onSurfaceVariant",
+  "md.comp.date-picker.docked.date.unselected.outside-month.label-text.color": "outlineVariant",
   "md.comp.date-picker.docked.date.unselected.pressed.state-layer.color": "onSurfaceVariant",
   "md.comp.date-picker.docked.header.height": 64.0,
   "md.comp.date-picker.docked.menu-button.container.height": 40.0,

dev/tools/gen_defaults/data/date_picker_input_modal.json

@@ -1,5 +1,5 @@
 {
-  "version": "v4_1_0",
+  "version": "5_0_0",
 
   "md.comp.date-input.modal.container.color": "surfaceContainerHigh",
   "md.comp.date-input.modal.container.elevation": "md.sys.elevation.level3",

dev/tools/gen_defaults/data/date_picker_modal.json

@@ -1,5 +1,5 @@
 {
-  "version": "v4_1_0",
+  "version": "5_0_0",
 
   "md.comp.date-picker.modal.container.color": "surfaceContainerHigh",
   "md.comp.date-picker.modal.container.elevation": "md.sys.elevation.level3",

dev/tools/gen_defaults/data/dialog.json

@@ -1,5 +1,5 @@
 {
-  "version": "v4_1_0",
+  "version": "5_0_0",
 
   "md.comp.dialog.action.focus.label-text.color": "primary",
   "md.comp.dialog.action.focus.state-layer.color": "primary",

dev/tools/gen_defaults/data/dialog_fullscreen.json

@@ -1,5 +1,5 @@
 {
-  "version": "v4_1_0",
+  "version": "5_0_0",
 
   "md.comp.full-screen-dialog.container.color": "surface",
   "md.comp.full-screen-dialog.container.elevation": "md.sys.elevation.level0",

dev/tools/gen_defaults/data/divider.json

@@ -1,5 +1,5 @@
 {
-  "version": "v4_1_0",
+  "version": "5_0_0",
 
   "md.comp.divider.color": "outlineVariant",
   "md.comp.divider.thickness": 1.0

dev/tools/gen_defaults/data/elevation.json

@@ -1,5 +1,5 @@
 {
-  "version": "v4_1_0",
+  "version": "5_0_0",
 
   "md.sys.elevation.level0": 0.0,
   "md.sys.elevation.level1": 1.0,

dev/tools/gen_defaults/data/fab_extended_primary.json

@@ -1,5 +1,5 @@
 {
-  "version": "v4_1_0",
+  "version": "5_0_0",
 
   "md.comp.extended-fab.primary.container.color": "primaryContainer",
   "md.comp.extended-fab.primary.container.elevation": "md.sys.elevation.level3",

dev/tools/gen_defaults/data/fab_large_primary.json

@@ -1,5 +1,5 @@
 {
-  "version": "v4_1_0",
+  "version": "5_0_0",
 
   "md.comp.fab.primary.large.container.color": "primaryContainer",
   "md.comp.fab.primary.large.container.elevation": "md.sys.elevation.level3",

dev/tools/gen_defaults/data/fab_primary.json

@@ -1,5 +1,5 @@
 {
-  "version": "v4_1_0",
+  "version": "5_0_0",
 
   "md.comp.fab.primary.container.color": "primaryContainer",
   "md.comp.fab.primary.container.elevation": "md.sys.elevation.level3",

dev/tools/gen_defaults/data/fab_small_primary.json

@@ -1,5 +1,5 @@
 {
-  "version": "v4_1_0",
+  "version": "5_0_0",
 
   "md.comp.fab.primary.small.container.color": "primaryContainer",
   "md.comp.fab.primary.small.container.elevation": "md.sys.elevation.level3",

dev/tools/gen_defaults/data/icon_button.json

@@ -1,5 +1,5 @@
 {
-  "version": "v4_1_0",
+  "version": "5_0_0",
 
   "md.comp.icon-button.disabled.icon.color": "onSurface",
   "md.comp.icon-button.disabled.icon.opacity": 0.38,

dev/tools/gen_defaults/data/icon_button_filled.json

@@ -1,5 +1,5 @@
 {
-  "version": "v4_1_0",
+  "version": "5_0_0",
 
   "md.comp.filled-icon-button.container.color": "primary",
   "md.comp.filled-icon-button.container.height": 40.0,

dev/tools/gen_defaults/data/icon_button_filled_tonal.json

@@ -1,5 +1,5 @@
 {
-  "version": "v4_1_0",
+  "version": "5_0_0",
 
   "md.comp.filled-tonal-icon-button.container.color": "secondaryContainer",
   "md.comp.filled-tonal-icon-button.container.height": 40.0,

dev/tools/gen_defaults/data/icon_button_outlined.json

@@ -1,5 +1,5 @@
 {
-  "version": "v4_1_0",
+  "version": "5_0_0",
 
   "md.comp.outlined-icon-button.container.height": 40.0,
   "md.comp.outlined-icon-button.container.shape": "md.sys.shape.corner.full",

dev/tools/gen_defaults/data/list.json

@@ -1,5 +1,5 @@
 {
-  "version": "v4_1_0",
+  "version": "5_0_0",
 
   "md.comp.list.divider.leading-space": 16.0,
   "md.comp.list.divider.trailing-space": 16.0,
@@ -21,7 +21,7 @@
   "md.comp.list.list-item.dragged.label-text.color": "onSurface",
   "md.comp.list.list-item.dragged.leading-icon.icon.color": "onSurfaceVariant",
   "md.comp.list.list-item.dragged.state-layer.color": "onSurface",
-  "md.comp.list.list-item.dragged.state-layer.opacity": "md.sys.state.pressed.state-layer-opacity",
+  "md.comp.list.list-item.dragged.state-layer.opacity": "md.sys.state.dragged.state-layer-opacity",
   "md.comp.list.list-item.dragged.trailing-icon.icon.color": "onSurfaceVariant",
   "md.comp.list.list-item.focus.label-text.color": "onSurface",
   "md.comp.list.list-item.focus.leading-icon.icon.color": "onSurfaceVariant",
@@ -57,7 +57,33 @@
   "md.comp.list.list-item.pressed.state-layer.color": "onSurface",
   "md.comp.list.list-item.pressed.state-layer.opacity": "md.sys.state.pressed.state-layer-opacity",
   "md.comp.list.list-item.pressed.trailing-icon.icon.color": "onSurfaceVariant",
+  "md.comp.list.list-item.selected.container.color": "secondaryContainer",
+  "md.comp.list.list-item.selected.dragged.label-text.color": "onSecondaryContainer",
+  "md.comp.list.list-item.selected.dragged.leading-icon.color": "onSurface",
+  "md.comp.list.list-item.selected.dragged.state-layer.color": "onSurface",
+  "md.comp.list.list-item.selected.dragged.state-layer.opacity": "md.sys.state.dragged.state-layer-opacity",
+  "md.comp.list.list-item.selected.dragged.trailing-icon.color": "onSurface",
+  "md.comp.list.list-item.selected.focus.label-text.color": "onSecondaryContainer",
+  "md.comp.list.list-item.selected.focus.leading-icon.color": "onSurface",
+  "md.comp.list.list-item.selected.focus.state-layer.color": "onSurface",
+  "md.comp.list.list-item.selected.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
+  "md.comp.list.list-item.selected.focus.trailing-icon.color": "onSurface",
+  "md.comp.list.list-item.selected.hover.label-text.color": "onSecondaryContainer",
+  "md.comp.list.list-item.selected.hover.leading-icon.color": "onSurface",
+  "md.comp.list.list-item.selected.hover.state-layer.color": "onSurface",
+  "md.comp.list.list-item.selected.hover.state-layer.opacity": "md.sys.state.hover.state-layer-opacity",
+  "md.comp.list.list-item.selected.hover.trailing-icon.color": "onSurface",
+  "md.comp.list.list-item.selected.label-text.color": "onSecondaryContainer",
+  "md.comp.list.list-item.selected.leading-icon.color": "onSurface",
+  "md.comp.list.list-item.selected.overline.color": "onSurface",
+  "md.comp.list.list-item.selected.pressed.label-text.color": "onSecondaryContainer",
+  "md.comp.list.list-item.selected.pressed.leading-icon.color": "onSurface",
+  "md.comp.list.list-item.selected.pressed.state-layer.color": "onSurface",
+  "md.comp.list.list-item.selected.pressed.state-layer.opacity": "md.sys.state.pressed.state-layer-opacity",
+  "md.comp.list.list-item.selected.pressed.trailing-icon.color": "onSurface",
+  "md.comp.list.list-item.selected.supporting-text.color": "onSurface",
   "md.comp.list.list-item.selected.trailing-icon.color": "primary",
+  "md.comp.list.list-item.selected.trailing-supporting-text.color": "onSurface",
   "md.comp.list.list-item.small.leading-video.height": 56.0,
   "md.comp.list.list-item.supporting-text.color": "onSurfaceVariant",
   "md.comp.list.list-item.supporting-text.text-style": "bodyMedium",

dev/tools/gen_defaults/data/menu.json

@@ -1,15 +1,11 @@
 {
-  "version": "v4_1_0",
+  "version": "5_0_0",
 
   "md.comp.menu.container.color": "surfaceContainer",
   "md.comp.menu.container.elevation": "md.sys.elevation.level2",
   "md.comp.menu.container.shadow-color": "shadow",
   "md.comp.menu.container.shape": "md.sys.shape.corner.extra-small",
   "md.comp.menu.focus.indicator.color": "secondary",
   "md.comp.menu.focus.indicator.outline.offset": "md.sys.state.focus-indicator.inner-offset",
-  "md.comp.menu.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness",
-  "md.comp.menu.list-item.selected.container.color": "secondaryContainer",
-  "md.comp.menu.list-item.selected.label-text.color": "onSecondaryContainer",
-  "md.comp.menu.list-item.selected.with-leading-icon.trailing-icon.color": "onSecondaryContainer",
-  "md.comp.menu.menu-list-item-with-leading-icon-icon-color": "onSecondaryContainer"
+  "md.comp.menu.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness"
 }

dev/tools/gen_defaults/data/motion.json

@@ -1,5 +1,5 @@
 {
-  "version": "v4_1_0",
+  "version": "5_0_0",
 
   "md.sys.motion.duration.extra-long1Ms": 700.0,
   "md.sys.motion.duration.extra-long2Ms": 800.0,

dev/tools/gen_defaults/data/navigation_bar.json

@@ -1,5 +1,5 @@
 {
-  "version": "v4_1_0",
+  "version": "5_0_0",
 
   "md.comp.navigation-bar.active.focus.icon.color": "onSecondaryContainer",
   "md.comp.navigation-bar.active.focus.label-text.color": "onSurface",

dev/tools/gen_defaults/data/navigation_drawer.json

@@ -1,5 +1,5 @@
 {
-  "version": "v4_1_0",
+  "version": "5_0_0",
 
   "md.comp.navigation-drawer.active.focus.icon.color": "onSecondaryContainer",
   "md.comp.navigation-drawer.active.focus.label-text.color": "onSecondaryContainer",

dev/tools/gen_defaults/data/navigation_rail.json

@@ -1,5 +1,5 @@
 {
-  "version": "v4_1_0",
+  "version": "5_0_0",
 
   "md.comp.navigation-rail.active.focus.icon.color": "onSecondaryContainer",
   "md.comp.navigation-rail.active.focus.label-text.color": "onSurface",

dev/tools/gen_defaults/data/navigation_tab_primary.json

@@ -1,5 +1,5 @@
 {
-  "version": "v4_1_0",
+  "version": "5_0_0",
 
   "md.comp.primary-navigation-tab.active.focus.state-layer.color": "primary",
   "md.comp.primary-navigation-tab.active.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",

dev/tools/gen_defaults/data/navigation_tab_secondary.json

@@ -1,5 +1,5 @@
 {
-  "version": "v4_1_0",
+  "version": "5_0_0",
 
   "md.comp.secondary-navigation-tab.active-indicator.color": "primary",
   "md.comp.secondary-navigation-tab.active-indicator.height": 2.0,

dev/tools/gen_defaults/data/palette.json

@@ -1,5 +1,5 @@
 {
-  "version": "v4_1_0",
+  "version": "5_0_0",
 
   "md.ref.palette.black": "0xFF000000",
   "md.ref.palette.blue0": "0xFF000000",

dev/tools/gen_defaults/data/progress_indicator.json

@@ -1,5 +1,5 @@
 {
-  "version": "v4_1_0",
+  "version": "5_0_0",
 
   "md.comp.progress-indicator.active-indicator.color": "primary",
   "md.comp.progress-indicator.active-indicator.shape": "md.sys.shape.corner.full",