Unverified Commit 2eee0b57 authored by auto-submit[bot]'s avatar auto-submit[bot] Committed by GitHub

Reverts "Reland - Introduce tone-based surfaces and accent color add-ons -...

Reverts "Reland - Introduce tone-based surfaces and accent color add-ons - Part 2 (#144001)" (#144262)

Reverts flutter/flutter#144001

Initiated by: Piinks

Reason for reverting: Failing goldens at the tip of tree

Original PR Author: QuncCccccc

Reviewed By: {HansMuller}

This change reverts the following previous change:
Original Description:
Reverts flutter/flutter#143973

This is a reland for #138521 with an updated g3fix(cl/605555997). Local test: cl/609608958.
parent 7f2b238c
...@@ -443,7 +443,7 @@ class Cards extends StatelessWidget { ...@@ -443,7 +443,7 @@ class Cards extends StatelessWidget {
SizedBox( SizedBox(
width: cardWidth, width: cardWidth,
child: Card( child: Card(
color: Theme.of(context).colorScheme.surfaceContainerHighest, color: Theme.of(context).colorScheme.surfaceVariant,
elevation: 0, elevation: 0,
child: Container( child: Container(
padding: const EdgeInsets.fromLTRB(10, 5, 5, 10), padding: const EdgeInsets.fromLTRB(10, 5, 5, 10),
...@@ -1279,7 +1279,7 @@ class _IconToggleButtonState extends State<IconToggleButton> { ...@@ -1279,7 +1279,7 @@ class _IconToggleButtonState extends State<IconToggleButton> {
ButtonStyle enabledFilledButtonStyle(bool selected, ColorScheme colors) { ButtonStyle enabledFilledButtonStyle(bool selected, ColorScheme colors) {
return IconButton.styleFrom( return IconButton.styleFrom(
foregroundColor: selected ? colors.onPrimary : colors.primary, foregroundColor: selected ? colors.onPrimary : colors.primary,
backgroundColor: selected ? colors.primary : colors.surfaceContainerHighest, backgroundColor: selected ? colors.primary : colors.surfaceVariant,
disabledForegroundColor: colors.onSurface.withOpacity(0.38), disabledForegroundColor: colors.onSurface.withOpacity(0.38),
disabledBackgroundColor: colors.onSurface.withOpacity(0.12), disabledBackgroundColor: colors.onSurface.withOpacity(0.12),
hoverColor: selected hoverColor: selected
...@@ -1306,7 +1306,7 @@ ButtonStyle enabledFilledTonalButtonStyle(bool selected, ColorScheme colors) { ...@@ -1306,7 +1306,7 @@ ButtonStyle enabledFilledTonalButtonStyle(bool selected, ColorScheme colors) {
foregroundColor: foregroundColor:
selected ? colors.onSecondaryContainer : colors.onSurfaceVariant, selected ? colors.onSecondaryContainer : colors.onSurfaceVariant,
backgroundColor: backgroundColor:
selected ? colors.secondaryContainer : colors.surfaceContainerHighest, selected ? colors.secondaryContainer : colors.surfaceVariant,
hoverColor: selected hoverColor: selected
? colors.onSecondaryContainer.withOpacity(0.08) ? colors.onSecondaryContainer.withOpacity(0.08)
: colors.onSurfaceVariant.withOpacity(0.08), : colors.onSurfaceVariant.withOpacity(0.08),
...@@ -2350,7 +2350,7 @@ class ComponentGroupDecoration extends StatelessWidget { ...@@ -2350,7 +2350,7 @@ class ComponentGroupDecoration extends StatelessWidget {
child: Card( child: Card(
margin: EdgeInsets.zero, margin: EdgeInsets.zero,
elevation: 0, elevation: 0,
color: Theme.of(context).colorScheme.surfaceContainerHighest.withOpacity(0.3), color: Theme.of(context).colorScheme.surfaceVariant.withOpacity(0.3),
child: Padding( child: Padding(
padding: const EdgeInsets.symmetric(vertical: 20.0), padding: const EdgeInsets.symmetric(vertical: 20.0),
child: Center( child: Center(
......
...@@ -202,7 +202,7 @@ class KeyPad extends StatelessWidget { ...@@ -202,7 +202,7 @@ class KeyPad extends StatelessWidget {
), ),
Expanded( Expanded(
child: Material( child: Material(
color: themeData.colorScheme.surface, color: themeData.colorScheme.background,
child: Column( child: Column(
children: <Widget>[ children: <Widget>[
CalcKey('\u232B', calcState!.handleDelTap), CalcKey('\u232B', calcState!.handleDelTap),
......
...@@ -203,7 +203,7 @@ class _ChipDemoState extends State<ChipDemo> { ...@@ -203,7 +203,7 @@ class _ChipDemoState extends State<ChipDemo> {
assert(name.length > 1); assert(name.length > 1);
final int hash = name.hashCode & 0xffff; final int hash = name.hashCode & 0xffff;
final double hue = (360.0 * hash / (1 << 15)) % 360.0; final double hue = (360.0 * hash / (1 << 15)) % 360.0;
final double themeValue = HSVColor.fromColor(theme.colorScheme.surface).value; final double themeValue = HSVColor.fromColor(theme.colorScheme.background).value;
return HSVColor.fromAHSV(1.0, hue, 0.4, themeValue).toColor(); return HSVColor.fromAHSV(1.0, hue, 0.4, themeValue).toColor();
} }
......
...@@ -114,10 +114,12 @@ const ColorScheme kShrineColorScheme = ColorScheme( ...@@ -114,10 +114,12 @@ const ColorScheme kShrineColorScheme = ColorScheme(
primary: kShrinePink100, primary: kShrinePink100,
secondary: kShrinePink50, secondary: kShrinePink50,
surface: kShrineSurfaceWhite, surface: kShrineSurfaceWhite,
background: kShrineBackgroundWhite,
error: kShrineErrorRed, error: kShrineErrorRed,
onPrimary: kShrineBrown900, onPrimary: kShrineBrown900,
onSecondary: kShrineBrown900, onSecondary: kShrineBrown900,
onSurface: kShrineBrown900, onSurface: kShrineBrown900,
onBackground: kShrineBrown900,
onError: kShrineSurfaceWhite, onError: kShrineSurfaceWhite,
brightness: Brightness.light, brightness: Brightness.light,
); );
...@@ -23,7 +23,7 @@ ThemeData _buildDarkTheme() { ...@@ -23,7 +23,7 @@ ThemeData _buildDarkTheme() {
secondary: secondaryColor, secondary: secondaryColor,
onPrimary: Colors.white, onPrimary: Colors.white,
error: const Color(0xFFB00020), error: const Color(0xFFB00020),
surface: const Color(0xFF202124), background: const Color(0xFF202124),
); );
final ThemeData base = ThemeData( final ThemeData base = ThemeData(
useMaterial3: false, useMaterial3: false,
......
{ {
"version": "v0_206", "version": "v0_162",
"md.comp.badge.color": "error", "md.comp.badge.color": "error",
"md.comp.badge.large.color": "error", "md.comp.badge.large.color": "error",
......
{ {
"version": "v0_206", "version": "v0_162",
"md.comp.banner.container.color": "surfaceContainerLow", "md.comp.banner.container.color": "surface",
"md.comp.banner.container.elevation": "md.sys.elevation.level1", "md.comp.banner.container.elevation": "md.sys.elevation.level1",
"md.comp.banner.container.shape": "md.sys.shape.corner.none", "md.comp.banner.container.shape": "md.sys.shape.corner.none",
"md.comp.banner.container.surface-tint-layer.color": "surfaceTint",
"md.comp.banner.desktop.with-single-line.container.height": 52.0, "md.comp.banner.desktop.with-single-line.container.height": 52.0,
"md.comp.banner.desktop.with-three-lines.container.height": 90.0, "md.comp.banner.desktop.with-three-lines.container.height": 90.0,
"md.comp.banner.desktop.with-two-lines.with-image.container.height": 72.0, "md.comp.banner.desktop.with-two-lines.with-image.container.height": 72.0,
......
{ {
"version": "v0_206", "version": "v0_162",
"md.comp.bottom-app-bar.container.color": "surfaceContainer", "md.comp.bottom-app-bar.container.color": "surface",
"md.comp.bottom-app-bar.container.elevation": "md.sys.elevation.level2", "md.comp.bottom-app-bar.container.elevation": "md.sys.elevation.level2",
"md.comp.bottom-app-bar.container.height": 80.0, "md.comp.bottom-app-bar.container.height": 80.0,
"md.comp.bottom-app-bar.container.shape": "md.sys.shape.corner.none" "md.comp.bottom-app-bar.container.shape": "md.sys.shape.corner.none",
"md.comp.bottom-app-bar.container.surface-tint-layer.color": "surfaceTint"
} }
{ {
"version": "v0_206", "version": "v0_162",
"md.comp.elevated-button.container.color": "surfaceContainerLow", "md.comp.elevated-button.container.color": "surface",
"md.comp.elevated-button.container.elevation": "md.sys.elevation.level1", "md.comp.elevated-button.container.elevation": "md.sys.elevation.level1",
"md.comp.elevated-button.container.height": 40.0, "md.comp.elevated-button.container.height": 40.0,
"md.comp.elevated-button.container.shadow-color": "shadow", "md.comp.elevated-button.container.shadow-color": "shadow",
"md.comp.elevated-button.container.shape": "md.sys.shape.corner.full", "md.comp.elevated-button.container.shape": "md.sys.shape.corner.full",
"md.comp.elevated-button.container.surface-tint-layer.color": "surfaceTint",
"md.comp.elevated-button.disabled.container.color": "onSurface", "md.comp.elevated-button.disabled.container.color": "onSurface",
"md.comp.elevated-button.disabled.container.elevation": "md.sys.elevation.level0", "md.comp.elevated-button.disabled.container.elevation": "md.sys.elevation.level0",
"md.comp.elevated-button.disabled.container.opacity": 0.12, "md.comp.elevated-button.disabled.container.opacity": 0.12,
"md.comp.elevated-button.disabled.label-text.color": "onSurface", "md.comp.elevated-button.disabled.label-text.color": "onSurface",
"md.comp.elevated-button.disabled.label-text.opacity": 0.38, "md.comp.elevated-button.disabled.label-text.opacity": 0.38,
"md.comp.elevated-button.focus.container.elevation": "md.sys.elevation.level1", "md.comp.elevated-button.focus.container.elevation": "md.sys.elevation.level1",
"md.comp.elevated-button.focus.indicator.color": "secondary",
"md.comp.elevated-button.focus.indicator.outline.offset": "md.sys.state.focus-indicator.outer-offset",
"md.comp.elevated-button.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness",
"md.comp.elevated-button.focus.label-text.color": "primary", "md.comp.elevated-button.focus.label-text.color": "primary",
"md.comp.elevated-button.focus.state-layer.color": "primary", "md.comp.elevated-button.focus.state-layer.color": "primary",
"md.comp.elevated-button.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity", "md.comp.elevated-button.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
......
{ {
"version": "v0_206", "version": "v0_162",
"md.comp.filled-button.container.color": "primary", "md.comp.filled-button.container.color": "primary",
"md.comp.filled-button.container.elevation": "md.sys.elevation.level0", "md.comp.filled-button.container.elevation": "md.sys.elevation.level0",
...@@ -12,9 +12,6 @@ ...@@ -12,9 +12,6 @@
"md.comp.filled-button.disabled.label-text.color": "onSurface", "md.comp.filled-button.disabled.label-text.color": "onSurface",
"md.comp.filled-button.disabled.label-text.opacity": 0.38, "md.comp.filled-button.disabled.label-text.opacity": 0.38,
"md.comp.filled-button.focus.container.elevation": "md.sys.elevation.level0", "md.comp.filled-button.focus.container.elevation": "md.sys.elevation.level0",
"md.comp.filled-button.focus.indicator.color": "secondary",
"md.comp.filled-button.focus.indicator.outline.offset": "md.sys.state.focus-indicator.outer-offset",
"md.comp.filled-button.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness",
"md.comp.filled-button.focus.label-text.color": "onPrimary", "md.comp.filled-button.focus.label-text.color": "onPrimary",
"md.comp.filled-button.focus.state-layer.color": "onPrimary", "md.comp.filled-button.focus.state-layer.color": "onPrimary",
"md.comp.filled-button.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity", "md.comp.filled-button.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
......
{ {
"version": "v0_206", "version": "v0_162",
"md.comp.filled-tonal-button.container.color": "secondaryContainer", "md.comp.filled-tonal-button.container.color": "secondaryContainer",
"md.comp.filled-tonal-button.container.elevation": "md.sys.elevation.level0", "md.comp.filled-tonal-button.container.elevation": "md.sys.elevation.level0",
...@@ -12,9 +12,6 @@ ...@@ -12,9 +12,6 @@
"md.comp.filled-tonal-button.disabled.label-text.color": "onSurface", "md.comp.filled-tonal-button.disabled.label-text.color": "onSurface",
"md.comp.filled-tonal-button.disabled.label-text.opacity": 0.38, "md.comp.filled-tonal-button.disabled.label-text.opacity": 0.38,
"md.comp.filled-tonal-button.focus.container.elevation": "md.sys.elevation.level0", "md.comp.filled-tonal-button.focus.container.elevation": "md.sys.elevation.level0",
"md.comp.filled-tonal-button.focus.indicator.color": "secondary",
"md.comp.filled-tonal-button.focus.indicator.outline.offset": "md.sys.state.focus-indicator.outer-offset",
"md.comp.filled-tonal-button.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness",
"md.comp.filled-tonal-button.focus.label-text.color": "onSecondaryContainer", "md.comp.filled-tonal-button.focus.label-text.color": "onSecondaryContainer",
"md.comp.filled-tonal-button.focus.state-layer.color": "onSecondaryContainer", "md.comp.filled-tonal-button.focus.state-layer.color": "onSecondaryContainer",
"md.comp.filled-tonal-button.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity", "md.comp.filled-tonal-button.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
......
{ {
"version": "v0_206", "version": "v0_162",
"md.comp.outlined-button.container.height": 40.0, "md.comp.outlined-button.container.height": 40.0,
"md.comp.outlined-button.container.shape": "md.sys.shape.corner.full", "md.comp.outlined-button.container.shape": "md.sys.shape.corner.full",
...@@ -7,9 +7,6 @@ ...@@ -7,9 +7,6 @@
"md.comp.outlined-button.disabled.label-text.opacity": 0.38, "md.comp.outlined-button.disabled.label-text.opacity": 0.38,
"md.comp.outlined-button.disabled.outline.color": "onSurface", "md.comp.outlined-button.disabled.outline.color": "onSurface",
"md.comp.outlined-button.disabled.outline.opacity": 0.12, "md.comp.outlined-button.disabled.outline.opacity": 0.12,
"md.comp.outlined-button.focus.indicator.color": "secondary",
"md.comp.outlined-button.focus.indicator.outline.offset": "md.sys.state.focus-indicator.outer-offset",
"md.comp.outlined-button.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness",
"md.comp.outlined-button.focus.label-text.color": "primary", "md.comp.outlined-button.focus.label-text.color": "primary",
"md.comp.outlined-button.focus.outline.color": "primary", "md.comp.outlined-button.focus.outline.color": "primary",
"md.comp.outlined-button.focus.state-layer.color": "primary", "md.comp.outlined-button.focus.state-layer.color": "primary",
......
{ {
"version": "v0_206", "version": "v0_162",
"md.comp.text-button.container.height": 40.0, "md.comp.text-button.container.height": 40.0,
"md.comp.text-button.container.shape": "md.sys.shape.corner.full", "md.comp.text-button.container.shape": "md.sys.shape.corner.full",
"md.comp.text-button.disabled.label-text.color": "onSurface", "md.comp.text-button.disabled.label-text.color": "onSurface",
"md.comp.text-button.disabled.label-text.opacity": 0.38, "md.comp.text-button.disabled.label-text.opacity": 0.38,
"md.comp.text-button.focus.indicator.color": "secondary",
"md.comp.text-button.focus.indicator.outline.offset": "md.sys.state.focus-indicator.outer-offset",
"md.comp.text-button.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness",
"md.comp.text-button.focus.label-text.color": "primary", "md.comp.text-button.focus.label-text.color": "primary",
"md.comp.text-button.focus.state-layer.color": "primary", "md.comp.text-button.focus.state-layer.color": "primary",
"md.comp.text-button.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity", "md.comp.text-button.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
......
{ {
"version": "v0_206", "version": "v0_162",
"md.comp.elevated-card.container.color": "surfaceContainerLow", "md.comp.elevated-card.container.color": "surface",
"md.comp.elevated-card.container.elevation": "md.sys.elevation.level1", "md.comp.elevated-card.container.elevation": "md.sys.elevation.level1",
"md.comp.elevated-card.container.shadow-color": "shadow", "md.comp.elevated-card.container.shadow-color": "shadow",
"md.comp.elevated-card.container.shape": "md.sys.shape.corner.medium", "md.comp.elevated-card.container.shape": "md.sys.shape.corner.medium",
"md.comp.elevated-card.container.surface-tint-layer.color": "surfaceTint",
"md.comp.elevated-card.disabled.container.color": "surface", "md.comp.elevated-card.disabled.container.color": "surface",
"md.comp.elevated-card.disabled.container.elevation": "md.sys.elevation.level1", "md.comp.elevated-card.disabled.container.elevation": "md.sys.elevation.level1",
"md.comp.elevated-card.disabled.container.opacity": 0.38, "md.comp.elevated-card.disabled.container.opacity": 0.38,
...@@ -12,9 +13,6 @@ ...@@ -12,9 +13,6 @@
"md.comp.elevated-card.dragged.state-layer.color": "onSurface", "md.comp.elevated-card.dragged.state-layer.color": "onSurface",
"md.comp.elevated-card.dragged.state-layer.opacity": "md.sys.state.dragged.state-layer-opacity", "md.comp.elevated-card.dragged.state-layer.opacity": "md.sys.state.dragged.state-layer-opacity",
"md.comp.elevated-card.focus.container.elevation": "md.sys.elevation.level1", "md.comp.elevated-card.focus.container.elevation": "md.sys.elevation.level1",
"md.comp.elevated-card.focus.indicator.color": "secondary",
"md.comp.elevated-card.focus.indicator.outline.offset": "md.sys.state.focus-indicator.outer-offset",
"md.comp.elevated-card.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness",
"md.comp.elevated-card.focus.state-layer.color": "onSurface", "md.comp.elevated-card.focus.state-layer.color": "onSurface",
"md.comp.elevated-card.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity", "md.comp.elevated-card.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
"md.comp.elevated-card.hover.container.elevation": "md.sys.elevation.level2", "md.comp.elevated-card.hover.container.elevation": "md.sys.elevation.level2",
......
{ {
"version": "v0_206", "version": "v0_162",
"md.comp.filled-card.container.color": "surfaceContainerHighest", "md.comp.filled-card.container.color": "surfaceVariant",
"md.comp.filled-card.container.elevation": "md.sys.elevation.level0", "md.comp.filled-card.container.elevation": "md.sys.elevation.level0",
"md.comp.filled-card.container.shadow-color": "shadow", "md.comp.filled-card.container.shadow-color": "shadow",
"md.comp.filled-card.container.shape": "md.sys.shape.corner.medium", "md.comp.filled-card.container.shape": "md.sys.shape.corner.medium",
...@@ -12,9 +12,6 @@ ...@@ -12,9 +12,6 @@
"md.comp.filled-card.dragged.state-layer.color": "onSurface", "md.comp.filled-card.dragged.state-layer.color": "onSurface",
"md.comp.filled-card.dragged.state-layer.opacity": "md.sys.state.dragged.state-layer-opacity", "md.comp.filled-card.dragged.state-layer.opacity": "md.sys.state.dragged.state-layer-opacity",
"md.comp.filled-card.focus.container.elevation": "md.sys.elevation.level0", "md.comp.filled-card.focus.container.elevation": "md.sys.elevation.level0",
"md.comp.filled-card.focus.indicator.color": "secondary",
"md.comp.filled-card.focus.indicator.outline.offset": "md.sys.state.focus-indicator.outer-offset",
"md.comp.filled-card.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness",
"md.comp.filled-card.focus.state-layer.color": "onSurface", "md.comp.filled-card.focus.state-layer.color": "onSurface",
"md.comp.filled-card.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity", "md.comp.filled-card.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
"md.comp.filled-card.hover.container.elevation": "md.sys.elevation.level1", "md.comp.filled-card.hover.container.elevation": "md.sys.elevation.level1",
......
{ {
"version": "v0_206", "version": "v0_162",
"md.comp.outlined-card.container.color": "surface", "md.comp.outlined-card.container.color": "surface",
"md.comp.outlined-card.container.elevation": "md.sys.elevation.level0", "md.comp.outlined-card.container.elevation": "md.sys.elevation.level0",
"md.comp.outlined-card.container.shadow-color": "shadow", "md.comp.outlined-card.container.shadow-color": "shadow",
"md.comp.outlined-card.container.shape": "md.sys.shape.corner.medium", "md.comp.outlined-card.container.shape": "md.sys.shape.corner.medium",
"md.comp.outlined-card.container.surface-tint-layer.color": "surfaceTint",
"md.comp.outlined-card.disabled.container.elevation": "md.sys.elevation.level0", "md.comp.outlined-card.disabled.container.elevation": "md.sys.elevation.level0",
"md.comp.outlined-card.disabled.outline.color": "outline", "md.comp.outlined-card.disabled.outline.color": "outline",
"md.comp.outlined-card.disabled.outline.opacity": 0.12, "md.comp.outlined-card.disabled.outline.opacity": 0.12,
...@@ -13,9 +14,6 @@ ...@@ -13,9 +14,6 @@
"md.comp.outlined-card.dragged.state-layer.color": "onSurface", "md.comp.outlined-card.dragged.state-layer.color": "onSurface",
"md.comp.outlined-card.dragged.state-layer.opacity": "md.sys.state.dragged.state-layer-opacity", "md.comp.outlined-card.dragged.state-layer.opacity": "md.sys.state.dragged.state-layer-opacity",
"md.comp.outlined-card.focus.container.elevation": "md.sys.elevation.level0", "md.comp.outlined-card.focus.container.elevation": "md.sys.elevation.level0",
"md.comp.outlined-card.focus.indicator.color": "secondary",
"md.comp.outlined-card.focus.indicator.outline.offset": "md.sys.state.focus-indicator.outer-offset",
"md.comp.outlined-card.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness",
"md.comp.outlined-card.focus.outline.color": "onSurface", "md.comp.outlined-card.focus.outline.color": "onSurface",
"md.comp.outlined-card.focus.state-layer.color": "onSurface", "md.comp.outlined-card.focus.state-layer.color": "onSurface",
"md.comp.outlined-card.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity", "md.comp.outlined-card.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
......
{ {
"version": "v0_206", "version": "v0_202",
"md.comp.carousel-item.container.color": "surface", "md.comp.carousel-item.container.color": "surface",
"md.comp.carousel-item.container.elevation": "md.sys.elevation.level0", "md.comp.carousel-item.container.elevation": "md.sys.elevation.level0",
...@@ -9,9 +9,6 @@ ...@@ -9,9 +9,6 @@
"md.comp.carousel-item.disabled.container.elevation": "md.sys.elevation.level0", "md.comp.carousel-item.disabled.container.elevation": "md.sys.elevation.level0",
"md.comp.carousel-item.disabled.container.opacity": 0.38, "md.comp.carousel-item.disabled.container.opacity": 0.38,
"md.comp.carousel-item.focus.container.elevation": "md.sys.elevation.level0", "md.comp.carousel-item.focus.container.elevation": "md.sys.elevation.level0",
"md.comp.carousel-item.focus.indicator.color": "secondary",
"md.comp.carousel-item.focus.indicator.outline.offset": "md.sys.state.focus-indicator.outer-offset",
"md.comp.carousel-item.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness",
"md.comp.carousel-item.focus.state-layer.color": "onSurface", "md.comp.carousel-item.focus.state-layer.color": "onSurface",
"md.comp.carousel-item.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity", "md.comp.carousel-item.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
"md.comp.carousel-item.hover.container.elevation": "md.sys.elevation.level1", "md.comp.carousel-item.hover.container.elevation": "md.sys.elevation.level1",
......
{ {
"version": "v0_206", "version": "v0_162",
"md.comp.checkbox.container.size": 18.0, "md.comp.checkbox.container.size": 18.0,
"md.comp.checkbox.error.focus.state-layer.color": "error", "md.comp.checkbox.error.focus.state-layer.color": "error",
...@@ -8,9 +8,6 @@ ...@@ -8,9 +8,6 @@
"md.comp.checkbox.error.hover.state-layer.opacity": "md.sys.state.hover.state-layer-opacity", "md.comp.checkbox.error.hover.state-layer.opacity": "md.sys.state.hover.state-layer-opacity",
"md.comp.checkbox.error.pressed.state-layer.color": "error", "md.comp.checkbox.error.pressed.state-layer.color": "error",
"md.comp.checkbox.error.pressed.state-layer.opacity": "md.sys.state.pressed.state-layer-opacity", "md.comp.checkbox.error.pressed.state-layer.opacity": "md.sys.state.pressed.state-layer-opacity",
"md.comp.checkbox.focus.indicator.color": "secondary",
"md.comp.checkbox.focus.indicator.outline.offset": "md.sys.state.focus-indicator.outer-offset",
"md.comp.checkbox.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness",
"md.comp.checkbox.icon.size": 18.0, "md.comp.checkbox.icon.size": 18.0,
"md.comp.checkbox.selected.container.color": "primary", "md.comp.checkbox.selected.container.color": "primary",
"md.comp.checkbox.selected.disabled.container.color": "onSurface", "md.comp.checkbox.selected.disabled.container.color": "onSurface",
......
{ {
"version": "v0_206", "version": "v0_162",
"md.comp.assist-chip.container.height": 32.0, "md.comp.assist-chip.container.height": 32.0,
"md.comp.assist-chip.container.shape": "md.sys.shape.corner.small", "md.comp.assist-chip.container.shape": "md.sys.shape.corner.small",
"md.comp.assist-chip.container.surface-tint-layer.color": "surfaceTint",
"md.comp.assist-chip.disabled.label-text.color": "onSurface", "md.comp.assist-chip.disabled.label-text.color": "onSurface",
"md.comp.assist-chip.disabled.label-text.opacity": 0.38, "md.comp.assist-chip.disabled.label-text.opacity": 0.38,
"md.comp.assist-chip.dragged.container.elevation": "md.sys.elevation.level4", "md.comp.assist-chip.dragged.container.elevation": "md.sys.elevation.level4",
"md.comp.assist-chip.dragged.label-text.color": "onSurface", "md.comp.assist-chip.dragged.label-text.color": "onSurface",
"md.comp.assist-chip.dragged.state-layer.color": "onSurface", "md.comp.assist-chip.dragged.state-layer.color": "onSurface",
"md.comp.assist-chip.dragged.state-layer.opacity": "md.sys.state.dragged.state-layer-opacity", "md.comp.assist-chip.dragged.state-layer.opacity": "md.sys.state.dragged.state-layer-opacity",
"md.comp.assist-chip.elevated.container.color": "surfaceContainerLow", "md.comp.assist-chip.elevated.container.color": "surface",
"md.comp.assist-chip.elevated.container.elevation": "md.sys.elevation.level1", "md.comp.assist-chip.elevated.container.elevation": "md.sys.elevation.level1",
"md.comp.assist-chip.elevated.container.shadow-color": "shadow", "md.comp.assist-chip.elevated.container.shadow-color": "shadow",
"md.comp.assist-chip.elevated.disabled.container.color": "onSurface", "md.comp.assist-chip.elevated.disabled.container.color": "onSurface",
...@@ -24,9 +25,6 @@ ...@@ -24,9 +25,6 @@
"md.comp.assist-chip.flat.focus.outline.color": "onSurface", "md.comp.assist-chip.flat.focus.outline.color": "onSurface",
"md.comp.assist-chip.flat.outline.color": "outline", "md.comp.assist-chip.flat.outline.color": "outline",
"md.comp.assist-chip.flat.outline.width": 1.0, "md.comp.assist-chip.flat.outline.width": 1.0,
"md.comp.assist-chip.focus.indicator.color": "secondary",
"md.comp.assist-chip.focus.indicator.outline.offset": "md.sys.state.focus-indicator.outer-offset",
"md.comp.assist-chip.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness",
"md.comp.assist-chip.focus.label-text.color": "onSurface", "md.comp.assist-chip.focus.label-text.color": "onSurface",
"md.comp.assist-chip.focus.state-layer.color": "onSurface", "md.comp.assist-chip.focus.state-layer.color": "onSurface",
"md.comp.assist-chip.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity", "md.comp.assist-chip.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
......
{ {
"version": "v0_206", "version": "v0_162",
"md.comp.filter-chip.container.height": 32.0, "md.comp.filter-chip.container.height": 32.0,
"md.comp.filter-chip.container.shape": "md.sys.shape.corner.small", "md.comp.filter-chip.container.shape": "md.sys.shape.corner.small",
"md.comp.filter-chip.container.surface-tint-layer.color": "surfaceTint",
"md.comp.filter-chip.disabled.label-text.color": "onSurface", "md.comp.filter-chip.disabled.label-text.color": "onSurface",
"md.comp.filter-chip.disabled.label-text.opacity": 0.38, "md.comp.filter-chip.disabled.label-text.opacity": 0.38,
"md.comp.filter-chip.dragged.container.elevation": "md.sys.elevation.level4", "md.comp.filter-chip.dragged.container.elevation": "md.sys.elevation.level4",
...@@ -15,7 +16,7 @@ ...@@ -15,7 +16,7 @@
"md.comp.filter-chip.elevated.hover.container.elevation": "md.sys.elevation.level2", "md.comp.filter-chip.elevated.hover.container.elevation": "md.sys.elevation.level2",
"md.comp.filter-chip.elevated.pressed.container.elevation": "md.sys.elevation.level1", "md.comp.filter-chip.elevated.pressed.container.elevation": "md.sys.elevation.level1",
"md.comp.filter-chip.elevated.selected.container.color": "secondaryContainer", "md.comp.filter-chip.elevated.selected.container.color": "secondaryContainer",
"md.comp.filter-chip.elevated.unselected.container.color": "surfaceContainerLow", "md.comp.filter-chip.elevated.unselected.container.color": "surface",
"md.comp.filter-chip.flat.container.elevation": "md.sys.elevation.level0", "md.comp.filter-chip.flat.container.elevation": "md.sys.elevation.level0",
"md.comp.filter-chip.flat.disabled.selected.container.color": "onSurface", "md.comp.filter-chip.flat.disabled.selected.container.color": "onSurface",
"md.comp.filter-chip.flat.disabled.selected.container.opacity": 0.12, "md.comp.filter-chip.flat.disabled.selected.container.opacity": 0.12,
...@@ -32,9 +33,6 @@ ...@@ -32,9 +33,6 @@
"md.comp.filter-chip.flat.unselected.outline.color": "outline", "md.comp.filter-chip.flat.unselected.outline.color": "outline",
"md.comp.filter-chip.flat.unselected.outline.width": 1.0, "md.comp.filter-chip.flat.unselected.outline.width": 1.0,
"md.comp.filter-chip.flat.unselected.pressed.container.elevation": "md.sys.elevation.level0", "md.comp.filter-chip.flat.unselected.pressed.container.elevation": "md.sys.elevation.level0",
"md.comp.filter-chip.focus.indicator.color": "secondary",
"md.comp.filter-chip.focus.indicator.outline.offset": "md.sys.state.focus-indicator.outer-offset",
"md.comp.filter-chip.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness",
"md.comp.filter-chip.label-text.text-style": "labelLarge", "md.comp.filter-chip.label-text.text-style": "labelLarge",
"md.comp.filter-chip.selected.dragged.label-text.color": "onSecondaryContainer", "md.comp.filter-chip.selected.dragged.label-text.color": "onSecondaryContainer",
"md.comp.filter-chip.selected.dragged.state-layer.color": "onSecondaryContainer", "md.comp.filter-chip.selected.dragged.state-layer.color": "onSecondaryContainer",
......
{ {
"version": "v0_206", "version": "v0_162",
"md.comp.input-chip.container.elevation": "md.sys.elevation.level0", "md.comp.input-chip.container.elevation": "md.sys.elevation.level0",
"md.comp.input-chip.container.height": 32.0, "md.comp.input-chip.container.height": 32.0,
...@@ -11,9 +11,6 @@ ...@@ -11,9 +11,6 @@
"md.comp.input-chip.disabled.unselected.outline.color": "onSurface", "md.comp.input-chip.disabled.unselected.outline.color": "onSurface",
"md.comp.input-chip.disabled.unselected.outline.opacity": 0.12, "md.comp.input-chip.disabled.unselected.outline.opacity": 0.12,
"md.comp.input-chip.dragged.container.elevation": "md.sys.elevation.level4", "md.comp.input-chip.dragged.container.elevation": "md.sys.elevation.level4",
"md.comp.input-chip.focus.indicator.color": "secondary",
"md.comp.input-chip.focus.indicator.outline.offset": "md.sys.state.focus-indicator.outer-offset",
"md.comp.input-chip.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness",
"md.comp.input-chip.label-text.text-style": "labelLarge", "md.comp.input-chip.label-text.text-style": "labelLarge",
"md.comp.input-chip.selected.container.color": "secondaryContainer", "md.comp.input-chip.selected.container.color": "secondaryContainer",
"md.comp.input-chip.selected.dragged.label-text.color": "onSecondaryContainer", "md.comp.input-chip.selected.dragged.label-text.color": "onSecondaryContainer",
......
{ {
"version": "v0_206", "version": "v0_162",
"md.comp.suggestion-chip.container.height": 32.0, "md.comp.suggestion-chip.container.height": 32.0,
"md.comp.suggestion-chip.container.shape": "md.sys.shape.corner.small", "md.comp.suggestion-chip.container.shape": "md.sys.shape.corner.small",
"md.comp.suggestion-chip.container.surface-tint-layer.color": "surfaceTint",
"md.comp.suggestion-chip.disabled.label-text.color": "onSurface", "md.comp.suggestion-chip.disabled.label-text.color": "onSurface",
"md.comp.suggestion-chip.disabled.label-text.opacity": 0.38, "md.comp.suggestion-chip.disabled.label-text.opacity": 0.38,
"md.comp.suggestion-chip.dragged.container.elevation": "md.sys.elevation.level4", "md.comp.suggestion-chip.dragged.container.elevation": "md.sys.elevation.level4",
"md.comp.suggestion-chip.dragged.label-text.color": "onSurfaceVariant", "md.comp.suggestion-chip.dragged.label-text.color": "onSurfaceVariant",
"md.comp.suggestion-chip.dragged.state-layer.color": "onSurfaceVariant", "md.comp.suggestion-chip.dragged.state-layer.color": "onSurfaceVariant",
"md.comp.suggestion-chip.dragged.state-layer.opacity": "md.sys.state.dragged.state-layer-opacity", "md.comp.suggestion-chip.dragged.state-layer.opacity": "md.sys.state.dragged.state-layer-opacity",
"md.comp.suggestion-chip.elevated.container.color": "surfaceContainerLow", "md.comp.suggestion-chip.elevated.container.color": "surface",
"md.comp.suggestion-chip.elevated.container.elevation": "md.sys.elevation.level1", "md.comp.suggestion-chip.elevated.container.elevation": "md.sys.elevation.level1",
"md.comp.suggestion-chip.elevated.container.shadow-color": "shadow", "md.comp.suggestion-chip.elevated.container.shadow-color": "shadow",
"md.comp.suggestion-chip.elevated.disabled.container.color": "onSurface", "md.comp.suggestion-chip.elevated.disabled.container.color": "onSurface",
...@@ -24,9 +25,6 @@ ...@@ -24,9 +25,6 @@
"md.comp.suggestion-chip.flat.focus.outline.color": "onSurfaceVariant", "md.comp.suggestion-chip.flat.focus.outline.color": "onSurfaceVariant",
"md.comp.suggestion-chip.flat.outline.color": "outline", "md.comp.suggestion-chip.flat.outline.color": "outline",
"md.comp.suggestion-chip.flat.outline.width": 1.0, "md.comp.suggestion-chip.flat.outline.width": 1.0,
"md.comp.suggestion-chip.focus.indicator.color": "secondary",
"md.comp.suggestion-chip.focus.indicator.outline.offset": "md.sys.state.focus-indicator.outer-offset",
"md.comp.suggestion-chip.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness",
"md.comp.suggestion-chip.focus.label-text.color": "onSurfaceVariant", "md.comp.suggestion-chip.focus.label-text.color": "onSurfaceVariant",
"md.comp.suggestion-chip.focus.state-layer.color": "onSurfaceVariant", "md.comp.suggestion-chip.focus.state-layer.color": "onSurfaceVariant",
"md.comp.suggestion-chip.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity", "md.comp.suggestion-chip.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
......
{ {
"version": "v0_206", "version": "v0_162",
"md.sys.color.background": "md.ref.palette.neutral6", "md.sys.color.background": "md.ref.palette.neutral10",
"md.sys.color.error": "md.ref.palette.error80", "md.sys.color.error": "md.ref.palette.error80",
"md.sys.color.error-container": "md.ref.palette.error30", "md.sys.color.error-container": "md.ref.palette.error30",
"md.sys.color.inverse-on-surface": "md.ref.palette.neutral20", "md.sys.color.inverse-on-surface": "md.ref.palette.neutral20",
...@@ -36,7 +36,7 @@ ...@@ -36,7 +36,7 @@
"md.sys.color.secondary-fixed": "md.ref.palette.secondary90", "md.sys.color.secondary-fixed": "md.ref.palette.secondary90",
"md.sys.color.secondary-fixed-dim": "md.ref.palette.secondary80", "md.sys.color.secondary-fixed-dim": "md.ref.palette.secondary80",
"md.sys.color.shadow": "md.ref.palette.neutral0", "md.sys.color.shadow": "md.ref.palette.neutral0",
"md.sys.color.surface": "md.ref.palette.neutral6", "md.sys.color.surface": "md.ref.palette.neutral10",
"md.sys.color.surface-bright": "md.ref.palette.neutral24", "md.sys.color.surface-bright": "md.ref.palette.neutral24",
"md.sys.color.surface-container": "md.ref.palette.neutral12", "md.sys.color.surface-container": "md.ref.palette.neutral12",
"md.sys.color.surface-container-high": "md.ref.palette.neutral17", "md.sys.color.surface-container-high": "md.ref.palette.neutral17",
......
{ {
"version": "v0_206", "version": "v0_162",
"md.sys.color.background": "md.ref.palette.neutral98", "md.sys.color.background": "md.ref.palette.neutral99",
"md.sys.color.error": "md.ref.palette.error40", "md.sys.color.error": "md.ref.palette.error40",
"md.sys.color.error-container": "md.ref.palette.error90", "md.sys.color.error-container": "md.ref.palette.error90",
"md.sys.color.inverse-on-surface": "md.ref.palette.neutral95", "md.sys.color.inverse-on-surface": "md.ref.palette.neutral95",
...@@ -36,7 +36,7 @@ ...@@ -36,7 +36,7 @@
"md.sys.color.secondary-fixed": "md.ref.palette.secondary90", "md.sys.color.secondary-fixed": "md.ref.palette.secondary90",
"md.sys.color.secondary-fixed-dim": "md.ref.palette.secondary80", "md.sys.color.secondary-fixed-dim": "md.ref.palette.secondary80",
"md.sys.color.shadow": "md.ref.palette.neutral0", "md.sys.color.shadow": "md.ref.palette.neutral0",
"md.sys.color.surface": "md.ref.palette.neutral98", "md.sys.color.surface": "md.ref.palette.neutral99",
"md.sys.color.surface-bright": "md.ref.palette.neutral98", "md.sys.color.surface-bright": "md.ref.palette.neutral98",
"md.sys.color.surface-container": "md.ref.palette.neutral94", "md.sys.color.surface-container": "md.ref.palette.neutral94",
"md.sys.color.surface-container-high": "md.ref.palette.neutral92", "md.sys.color.surface-container-high": "md.ref.palette.neutral92",
......
{ {
"version": "v0_206", "version": "v0_162",
"md.comp.date-picker.docked.container.color": "surfaceContainerHigh", "md.comp.date-picker.docked.container.color": "surface",
"md.comp.date-picker.docked.container.elevation": "md.sys.elevation.level3", "md.comp.date-picker.docked.container.elevation": "md.sys.elevation.level3",
"md.comp.date-picker.docked.container.height": 456.0, "md.comp.date-picker.docked.container.height": 456.0,
"md.comp.date-picker.docked.container.shape": "md.sys.shape.corner.large", "md.comp.date-picker.docked.container.shape": "md.sys.shape.corner.large",
"md.comp.date-picker.docked.container.surface-tint-layer.color": "surfaceTint",
"md.comp.date-picker.docked.container.width": 360.0, "md.comp.date-picker.docked.container.width": 360.0,
"md.comp.date-picker.docked.date.container.height": 48.0, "md.comp.date-picker.docked.date.container.height": 48.0,
"md.comp.date-picker.docked.date.container.shape": "md.sys.shape.corner.full", "md.comp.date-picker.docked.date.container.shape": "md.sys.shape.corner.full",
......
{ {
"version": "v0_206", "version": "v0_162",
"md.comp.date-input.modal.container.color": "surfaceContainerHigh", "md.comp.date-input.modal.container.color": "surface",
"md.comp.date-input.modal.container.elevation": "md.sys.elevation.level3", "md.comp.date-input.modal.container.elevation": "md.sys.elevation.level3",
"md.comp.date-input.modal.container.height": 512.0, "md.comp.date-input.modal.container.height": 512.0,
"md.comp.date-input.modal.container.shape": "md.sys.shape.corner.extra-large", "md.comp.date-input.modal.container.shape": "md.sys.shape.corner.extra-large",
"md.comp.date-input.modal.container.surface-tint-layer.color": "surfaceTint",
"md.comp.date-input.modal.container.width": 328.0, "md.comp.date-input.modal.container.width": 328.0,
"md.comp.date-input.modal.header.container.height": 120.0, "md.comp.date-input.modal.header.container.height": 120.0,
"md.comp.date-input.modal.header.container.width": 328.0, "md.comp.date-input.modal.header.container.width": 328.0,
......
{ {
"version": "v0_206", "version": "v0_162",
"md.comp.date-picker.modal.container.color": "surfaceContainerHigh", "md.comp.date-picker.modal.container.color": "surface",
"md.comp.date-picker.modal.container.elevation": "md.sys.elevation.level3", "md.comp.date-picker.modal.container.elevation": "md.sys.elevation.level3",
"md.comp.date-picker.modal.container.height": 568.0, "md.comp.date-picker.modal.container.height": 568.0,
"md.comp.date-picker.modal.container.shape": "md.sys.shape.corner.extra-large", "md.comp.date-picker.modal.container.shape": "md.sys.shape.corner.extra-large",
"md.comp.date-picker.modal.container.surface-tint-layer.color": "surfaceTint",
"md.comp.date-picker.modal.container.width": 360.0, "md.comp.date-picker.modal.container.width": 360.0,
"md.comp.date-picker.modal.date.container.height": 40.0, "md.comp.date-picker.modal.date.container.height": 40.0,
"md.comp.date-picker.modal.date.container.shape": "md.sys.shape.corner.full", "md.comp.date-picker.modal.date.container.shape": "md.sys.shape.corner.full",
......
{ {
"version": "v0_206", "version": "v0_162",
"md.comp.dialog.action.focus.label-text.color": "primary", "md.comp.dialog.action.focus.label-text.color": "primary",
"md.comp.dialog.action.focus.state-layer.color": "primary", "md.comp.dialog.action.focus.state-layer.color": "primary",
...@@ -12,9 +12,10 @@ ...@@ -12,9 +12,10 @@
"md.comp.dialog.action.pressed.label-text.color": "primary", "md.comp.dialog.action.pressed.label-text.color": "primary",
"md.comp.dialog.action.pressed.state-layer.color": "primary", "md.comp.dialog.action.pressed.state-layer.color": "primary",
"md.comp.dialog.action.pressed.state-layer.opacity": "md.sys.state.pressed.state-layer-opacity", "md.comp.dialog.action.pressed.state-layer.opacity": "md.sys.state.pressed.state-layer-opacity",
"md.comp.dialog.container.color": "surfaceContainerHigh", "md.comp.dialog.container.color": "surface",
"md.comp.dialog.container.elevation": "md.sys.elevation.level3", "md.comp.dialog.container.elevation": "md.sys.elevation.level3",
"md.comp.dialog.container.shape": "md.sys.shape.corner.extra-large", "md.comp.dialog.container.shape": "md.sys.shape.corner.extra-large",
"md.comp.dialog.container.surface-tint-layer.color": "surfaceTint",
"md.comp.dialog.headline.color": "onSurface", "md.comp.dialog.headline.color": "onSurface",
"md.comp.dialog.headline.text-style": "headlineSmall", "md.comp.dialog.headline.text-style": "headlineSmall",
"md.comp.dialog.supporting-text.color": "onSurfaceVariant", "md.comp.dialog.supporting-text.color": "onSurfaceVariant",
......
{ {
"version": "v0_206", "version": "v0_162",
"md.comp.full-screen-dialog.container.color": "surface", "md.comp.full-screen-dialog.container.color": "surface",
"md.comp.full-screen-dialog.container.elevation": "md.sys.elevation.level0", "md.comp.full-screen-dialog.container.elevation": "md.sys.elevation.level0",
...@@ -18,10 +18,10 @@ ...@@ -18,10 +18,10 @@
"md.comp.full-screen-dialog.header.container.color": "surface", "md.comp.full-screen-dialog.header.container.color": "surface",
"md.comp.full-screen-dialog.header.container.elevation": "md.sys.elevation.level0", "md.comp.full-screen-dialog.header.container.elevation": "md.sys.elevation.level0",
"md.comp.full-screen-dialog.header.container.height": 56.0, "md.comp.full-screen-dialog.header.container.height": 56.0,
"md.comp.full-screen-dialog.header.container.surface-tint-layer.color": "surfaceTint",
"md.comp.full-screen-dialog.header.headline.color": "onSurface", "md.comp.full-screen-dialog.header.headline.color": "onSurface",
"md.comp.full-screen-dialog.header.headline.text-style": "titleLarge", "md.comp.full-screen-dialog.header.headline.text-style": "titleLarge",
"md.comp.full-screen-dialog.header.icon.color": "onSurface", "md.comp.full-screen-dialog.header.icon.color": "onSurface",
"md.comp.full-screen-dialog.header.icon.size": 24.0, "md.comp.full-screen-dialog.header.icon.size": 24.0,
"md.comp.full-screen-dialog.header.on-scroll.container.color": "surfaceContainer",
"md.comp.full-screen-dialog.header.on-scroll.container.elevation": "md.sys.elevation.level2" "md.comp.full-screen-dialog.header.on-scroll.container.elevation": "md.sys.elevation.level2"
} }
{ {
"version": "v0_206", "version": "v0_162",
"md.comp.divider.color": "outlineVariant", "md.comp.divider.color": "outlineVariant",
"md.comp.divider.thickness": 1.0 "md.comp.divider.thickness": 1.0
......
{ {
"version": "v0_206", "version": "v0_162",
"md.sys.elevation.level0": 0.0, "md.sys.elevation.level0": 0.0,
"md.sys.elevation.level1": 1.0, "md.sys.elevation.level1": 1.0,
......
{ {
"version": "v0_206", "version": "v0_162",
"md.comp.extended-fab.primary.container.color": "primaryContainer", "md.comp.extended-fab.primary.container.color": "primaryContainer",
"md.comp.extended-fab.primary.container.elevation": "md.sys.elevation.level3", "md.comp.extended-fab.primary.container.elevation": "md.sys.elevation.level3",
...@@ -8,9 +8,6 @@ ...@@ -8,9 +8,6 @@
"md.comp.extended-fab.primary.container.shape": "md.sys.shape.corner.large", "md.comp.extended-fab.primary.container.shape": "md.sys.shape.corner.large",
"md.comp.extended-fab.primary.focus.container.elevation": "md.sys.elevation.level3", "md.comp.extended-fab.primary.focus.container.elevation": "md.sys.elevation.level3",
"md.comp.extended-fab.primary.focus.icon.color": "onPrimaryContainer", "md.comp.extended-fab.primary.focus.icon.color": "onPrimaryContainer",
"md.comp.extended-fab.primary.focus.indicator.color": "secondary",
"md.comp.extended-fab.primary.focus.indicator.outline.offset": "md.sys.state.focus-indicator.outer-offset",
"md.comp.extended-fab.primary.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness",
"md.comp.extended-fab.primary.focus.label-text.color": "onPrimaryContainer", "md.comp.extended-fab.primary.focus.label-text.color": "onPrimaryContainer",
"md.comp.extended-fab.primary.focus.state-layer.color": "onPrimaryContainer", "md.comp.extended-fab.primary.focus.state-layer.color": "onPrimaryContainer",
"md.comp.extended-fab.primary.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity", "md.comp.extended-fab.primary.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
......
{ {
"version": "v0_206", "version": "v0_162",
"md.comp.fab.primary.large.container.color": "primaryContainer", "md.comp.fab.primary.large.container.color": "primaryContainer",
"md.comp.fab.primary.large.container.elevation": "md.sys.elevation.level3", "md.comp.fab.primary.large.container.elevation": "md.sys.elevation.level3",
...@@ -9,9 +9,6 @@ ...@@ -9,9 +9,6 @@
"md.comp.fab.primary.large.container.width": 96.0, "md.comp.fab.primary.large.container.width": 96.0,
"md.comp.fab.primary.large.focus.container.elevation": "md.sys.elevation.level3", "md.comp.fab.primary.large.focus.container.elevation": "md.sys.elevation.level3",
"md.comp.fab.primary.large.focus.icon.color": "onPrimaryContainer", "md.comp.fab.primary.large.focus.icon.color": "onPrimaryContainer",
"md.comp.fab.primary.large.focus.indicator.color": "secondary",
"md.comp.fab.primary.large.focus.indicator.outline.offset": "md.sys.state.focus-indicator.outer-offset",
"md.comp.fab.primary.large.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness",
"md.comp.fab.primary.large.focus.state-layer.color": "onPrimaryContainer", "md.comp.fab.primary.large.focus.state-layer.color": "onPrimaryContainer",
"md.comp.fab.primary.large.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity", "md.comp.fab.primary.large.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
"md.comp.fab.primary.large.hover.container.elevation": "md.sys.elevation.level4", "md.comp.fab.primary.large.hover.container.elevation": "md.sys.elevation.level4",
......
{ {
"version": "v0_206", "version": "v0_162",
"md.comp.fab.primary.container.color": "primaryContainer", "md.comp.fab.primary.container.color": "primaryContainer",
"md.comp.fab.primary.container.elevation": "md.sys.elevation.level3", "md.comp.fab.primary.container.elevation": "md.sys.elevation.level3",
...@@ -9,9 +9,6 @@ ...@@ -9,9 +9,6 @@
"md.comp.fab.primary.container.width": 56.0, "md.comp.fab.primary.container.width": 56.0,
"md.comp.fab.primary.focus.container.elevation": "md.sys.elevation.level3", "md.comp.fab.primary.focus.container.elevation": "md.sys.elevation.level3",
"md.comp.fab.primary.focus.icon.color": "onPrimaryContainer", "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.color": "onPrimaryContainer",
"md.comp.fab.primary.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity", "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.container.elevation": "md.sys.elevation.level4",
......
{ {
"version": "v0_206", "version": "v0_162",
"md.comp.fab.primary.small.container.color": "primaryContainer", "md.comp.fab.primary.small.container.color": "primaryContainer",
"md.comp.fab.primary.small.container.elevation": "md.sys.elevation.level3", "md.comp.fab.primary.small.container.elevation": "md.sys.elevation.level3",
...@@ -9,9 +9,6 @@ ...@@ -9,9 +9,6 @@
"md.comp.fab.primary.small.container.width": 40.0, "md.comp.fab.primary.small.container.width": 40.0,
"md.comp.fab.primary.small.focus.container.elevation": "md.sys.elevation.level3", "md.comp.fab.primary.small.focus.container.elevation": "md.sys.elevation.level3",
"md.comp.fab.primary.small.focus.icon.color": "onPrimaryContainer", "md.comp.fab.primary.small.focus.icon.color": "onPrimaryContainer",
"md.comp.fab.primary.small.focus.indicator.color": "secondary",
"md.comp.fab.primary.small.focus.indicator.outline.offset": "md.sys.state.focus-indicator.outer-offset",
"md.comp.fab.primary.small.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness",
"md.comp.fab.primary.small.focus.state-layer.color": "onPrimaryContainer", "md.comp.fab.primary.small.focus.state-layer.color": "onPrimaryContainer",
"md.comp.fab.primary.small.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity", "md.comp.fab.primary.small.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
"md.comp.fab.primary.small.hover.container.elevation": "md.sys.elevation.level4", "md.comp.fab.primary.small.hover.container.elevation": "md.sys.elevation.level4",
......
{ {
"version": "v0_206", "version": "v0_162",
"md.comp.icon-button.disabled.icon.color": "onSurface", "md.comp.icon-button.disabled.icon.color": "onSurface",
"md.comp.icon-button.disabled.icon.opacity": 0.38, "md.comp.icon-button.disabled.icon.opacity": 0.38,
"md.comp.icon-button.focus.indicator.color": "secondary",
"md.comp.icon-button.focus.indicator.outline.offset": "md.sys.state.focus-indicator.outer-offset",
"md.comp.icon-button.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness",
"md.comp.icon-button.icon.size": 24.0, "md.comp.icon-button.icon.size": 24.0,
"md.comp.icon-button.selected.focus.icon.color": "primary", "md.comp.icon-button.selected.focus.icon.color": "primary",
"md.comp.icon-button.selected.focus.state-layer.color": "primary", "md.comp.icon-button.selected.focus.state-layer.color": "primary",
...@@ -17,9 +14,8 @@ ...@@ -17,9 +14,8 @@
"md.comp.icon-button.selected.pressed.icon.color": "primary", "md.comp.icon-button.selected.pressed.icon.color": "primary",
"md.comp.icon-button.selected.pressed.state-layer.color": "primary", "md.comp.icon-button.selected.pressed.state-layer.color": "primary",
"md.comp.icon-button.selected.pressed.state-layer.opacity": "md.sys.state.pressed.state-layer-opacity", "md.comp.icon-button.selected.pressed.state-layer.opacity": "md.sys.state.pressed.state-layer-opacity",
"md.comp.icon-button.state-layer.height": 40.0,
"md.comp.icon-button.state-layer.shape": "md.sys.shape.corner.full", "md.comp.icon-button.state-layer.shape": "md.sys.shape.corner.full",
"md.comp.icon-button.state-layer.width": 40.0, "md.comp.icon-button.state-layer.size": 40.0,
"md.comp.icon-button.unselected.focus.icon.color": "onSurfaceVariant", "md.comp.icon-button.unselected.focus.icon.color": "onSurfaceVariant",
"md.comp.icon-button.unselected.focus.state-layer.color": "onSurfaceVariant", "md.comp.icon-button.unselected.focus.state-layer.color": "onSurfaceVariant",
"md.comp.icon-button.unselected.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity", "md.comp.icon-button.unselected.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
......
{ {
"version": "v0_206", "version": "v0_162",
"md.comp.filled-icon-button.container.color": "primary", "md.comp.filled-icon-button.container.color": "primary",
"md.comp.filled-icon-button.container.height": 40.0,
"md.comp.filled-icon-button.container.shape": "md.sys.shape.corner.full", "md.comp.filled-icon-button.container.shape": "md.sys.shape.corner.full",
"md.comp.filled-icon-button.container.width": 40.0, "md.comp.filled-icon-button.container.size": 40.0,
"md.comp.filled-icon-button.disabled.container.color": "onSurface", "md.comp.filled-icon-button.disabled.container.color": "onSurface",
"md.comp.filled-icon-button.disabled.container.opacity": 0.12, "md.comp.filled-icon-button.disabled.container.opacity": 0.12,
"md.comp.filled-icon-button.disabled.icon.color": "onSurface", "md.comp.filled-icon-button.disabled.icon.color": "onSurface",
"md.comp.filled-icon-button.disabled.icon.opacity": 0.38, "md.comp.filled-icon-button.disabled.icon.opacity": 0.38,
"md.comp.filled-icon-button.focus.icon.color": "onPrimary", "md.comp.filled-icon-button.focus.icon.color": "onPrimary",
"md.comp.filled-icon-button.focus.indicator.color": "secondary",
"md.comp.filled-icon-button.focus.indicator.outline.offset": "md.sys.state.focus-indicator.outer-offset",
"md.comp.filled-icon-button.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness",
"md.comp.filled-icon-button.focus.state-layer.color": "onPrimary", "md.comp.filled-icon-button.focus.state-layer.color": "onPrimary",
"md.comp.filled-icon-button.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity", "md.comp.filled-icon-button.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
"md.comp.filled-icon-button.hover.icon.color": "onPrimary", "md.comp.filled-icon-button.hover.icon.color": "onPrimary",
...@@ -38,5 +34,5 @@ ...@@ -38,5 +34,5 @@
"md.comp.filled-icon-button.toggle.unselected.icon.color": "primary", "md.comp.filled-icon-button.toggle.unselected.icon.color": "primary",
"md.comp.filled-icon-button.toggle.unselected.pressed.icon.color": "primary", "md.comp.filled-icon-button.toggle.unselected.pressed.icon.color": "primary",
"md.comp.filled-icon-button.toggle.unselected.pressed.state-layer.color": "primary", "md.comp.filled-icon-button.toggle.unselected.pressed.state-layer.color": "primary",
"md.comp.filled-icon-button.unselected.container.color": "surfaceContainerHighest" "md.comp.filled-icon-button.unselected.container.color": "surfaceVariant"
} }
{ {
"version": "v0_206", "version": "v0_162",
"md.comp.filled-tonal-icon-button.container.color": "secondaryContainer", "md.comp.filled-tonal-icon-button.container.color": "secondaryContainer",
"md.comp.filled-tonal-icon-button.container.height": 40.0,
"md.comp.filled-tonal-icon-button.container.shape": "md.sys.shape.corner.full", "md.comp.filled-tonal-icon-button.container.shape": "md.sys.shape.corner.full",
"md.comp.filled-tonal-icon-button.container.width": 40.0, "md.comp.filled-tonal-icon-button.container.size": 40.0,
"md.comp.filled-tonal-icon-button.disabled.container.color": "onSurface", "md.comp.filled-tonal-icon-button.disabled.container.color": "onSurface",
"md.comp.filled-tonal-icon-button.disabled.container.opacity": 0.12, "md.comp.filled-tonal-icon-button.disabled.container.opacity": 0.12,
"md.comp.filled-tonal-icon-button.disabled.icon.color": "onSurface", "md.comp.filled-tonal-icon-button.disabled.icon.color": "onSurface",
"md.comp.filled-tonal-icon-button.disabled.icon.opacity": 0.38, "md.comp.filled-tonal-icon-button.disabled.icon.opacity": 0.38,
"md.comp.filled-tonal-icon-button.focus.icon.color": "onSecondaryContainer", "md.comp.filled-tonal-icon-button.focus.icon.color": "onSecondaryContainer",
"md.comp.filled-tonal-icon-button.focus.indicator.color": "secondary",
"md.comp.filled-tonal-icon-button.focus.indicator.outline.offset": "md.sys.state.focus-indicator.outer-offset",
"md.comp.filled-tonal-icon-button.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness",
"md.comp.filled-tonal-icon-button.focus.state-layer.color": "onSecondaryContainer", "md.comp.filled-tonal-icon-button.focus.state-layer.color": "onSecondaryContainer",
"md.comp.filled-tonal-icon-button.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity", "md.comp.filled-tonal-icon-button.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
"md.comp.filled-tonal-icon-button.hover.icon.color": "onSecondaryContainer", "md.comp.filled-tonal-icon-button.hover.icon.color": "onSecondaryContainer",
...@@ -38,5 +34,5 @@ ...@@ -38,5 +34,5 @@
"md.comp.filled-tonal-icon-button.toggle.unselected.icon.color": "onSurfaceVariant", "md.comp.filled-tonal-icon-button.toggle.unselected.icon.color": "onSurfaceVariant",
"md.comp.filled-tonal-icon-button.toggle.unselected.pressed.icon.color": "onSurfaceVariant", "md.comp.filled-tonal-icon-button.toggle.unselected.pressed.icon.color": "onSurfaceVariant",
"md.comp.filled-tonal-icon-button.toggle.unselected.pressed.state-layer.color": "onSurfaceVariant", "md.comp.filled-tonal-icon-button.toggle.unselected.pressed.state-layer.color": "onSurfaceVariant",
"md.comp.filled-tonal-icon-button.unselected.container.color": "surfaceContainerHighest" "md.comp.filled-tonal-icon-button.unselected.container.color": "surfaceVariant"
} }
{ {
"version": "v0_206", "version": "v0_162",
"md.comp.outlined-icon-button.container.height": 40.0,
"md.comp.outlined-icon-button.container.shape": "md.sys.shape.corner.full", "md.comp.outlined-icon-button.container.shape": "md.sys.shape.corner.full",
"md.comp.outlined-icon-button.container.width": 40.0, "md.comp.outlined-icon-button.container.size": 40.0,
"md.comp.outlined-icon-button.disabled.icon.color": "onSurface", "md.comp.outlined-icon-button.disabled.icon.color": "onSurface",
"md.comp.outlined-icon-button.disabled.icon.opacity": 0.38, "md.comp.outlined-icon-button.disabled.icon.opacity": 0.38,
"md.comp.outlined-icon-button.disabled.selected.container.color": "onSurface", "md.comp.outlined-icon-button.disabled.selected.container.color": "onSurface",
"md.comp.outlined-icon-button.disabled.selected.container.opacity": 0.12, "md.comp.outlined-icon-button.disabled.selected.container.opacity": 0.12,
"md.comp.outlined-icon-button.disabled.unselected.outline.color": "onSurface", "md.comp.outlined-icon-button.disabled.unselected.outline.color": "onSurface",
"md.comp.outlined-icon-button.disabled.unselected.outline.opacity": 0.12, "md.comp.outlined-icon-button.disabled.unselected.outline.opacity": 0.12,
"md.comp.outlined-icon-button.focus.indicator.color": "secondary",
"md.comp.outlined-icon-button.focus.indicator.outline.offset": "md.sys.state.focus-indicator.outer-offset",
"md.comp.outlined-icon-button.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness",
"md.comp.outlined-icon-button.focus.state-layer.opacity": "md.sys.state.hover.state-layer-opacity", "md.comp.outlined-icon-button.focus.state-layer.opacity": "md.sys.state.hover.state-layer-opacity",
"md.comp.outlined-icon-button.hover.state-layer.opacity": "md.sys.state.hover.state-layer-opacity", "md.comp.outlined-icon-button.hover.state-layer.opacity": "md.sys.state.hover.state-layer-opacity",
"md.comp.outlined-icon-button.icon.size": 24.0, "md.comp.outlined-icon-button.icon.size": 24.0,
......
{ {
"version": "v0_206", "version": "v0_162",
"md.comp.list.divider.leading-space": 16.0,
"md.comp.list.divider.trailing-space": 16.0,
"md.comp.list.focus.indicator.color": "secondary",
"md.comp.list.focus.indicator.outline.offset": "md.sys.state.focus-indicator.inner-offset",
"md.comp.list.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness",
"md.comp.list.list-item.container.color": "surface", "md.comp.list.list-item.container.color": "surface",
"md.comp.list.list-item.container.elevation": "md.sys.elevation.level0", "md.comp.list.list-item.container.elevation": "md.sys.elevation.level0",
"md.comp.list.list-item.container.shape": "md.sys.shape.corner.none", "md.comp.list.list-item.container.shape": "md.sys.shape.corner.none",
...@@ -42,11 +37,10 @@ ...@@ -42,11 +37,10 @@
"md.comp.list.list-item.leading-avatar.shape": "md.sys.shape.corner.full", "md.comp.list.list-item.leading-avatar.shape": "md.sys.shape.corner.full",
"md.comp.list.list-item.leading-avatar.size": 40.0, "md.comp.list.list-item.leading-avatar.size": 40.0,
"md.comp.list.list-item.leading-icon.color": "onSurfaceVariant", "md.comp.list.list-item.leading-icon.color": "onSurfaceVariant",
"md.comp.list.list-item.leading-icon.size": 24.0, "md.comp.list.list-item.leading-icon.size": 18.0,
"md.comp.list.list-item.leading-image.height": 56.0, "md.comp.list.list-item.leading-image.height": 56.0,
"md.comp.list.list-item.leading-image.shape": "md.sys.shape.corner.none", "md.comp.list.list-item.leading-image.shape": "md.sys.shape.corner.none",
"md.comp.list.list-item.leading-image.width": 56.0, "md.comp.list.list-item.leading-image.width": 56.0,
"md.comp.list.list-item.leading-space": 16.0,
"md.comp.list.list-item.leading-video.shape": "md.sys.shape.corner.none", "md.comp.list.list-item.leading-video.shape": "md.sys.shape.corner.none",
"md.comp.list.list-item.leading-video.width": 100.0, "md.comp.list.list-item.leading-video.width": 100.0,
"md.comp.list.list-item.one-line.container.height": 56.0, "md.comp.list.list-item.one-line.container.height": 56.0,
...@@ -64,7 +58,6 @@ ...@@ -64,7 +58,6 @@
"md.comp.list.list-item.three-line.container.height": 88.0, "md.comp.list.list-item.three-line.container.height": 88.0,
"md.comp.list.list-item.trailing-icon.color": "onSurfaceVariant", "md.comp.list.list-item.trailing-icon.color": "onSurfaceVariant",
"md.comp.list.list-item.trailing-icon.size": 24.0, "md.comp.list.list-item.trailing-icon.size": 24.0,
"md.comp.list.list-item.trailing-space": 16.0,
"md.comp.list.list-item.trailing-supporting-text.color": "onSurfaceVariant", "md.comp.list.list-item.trailing-supporting-text.color": "onSurfaceVariant",
"md.comp.list.list-item.trailing-supporting-text.text-style": "labelSmall", "md.comp.list.list-item.trailing-supporting-text.text-style": "labelSmall",
"md.comp.list.list-item.two-line.container.height": 72.0, "md.comp.list.list-item.two-line.container.height": 72.0,
......
{ {
"version": "v0_206", "version": "v0_162",
"md.comp.menu.container.color": "surfaceContainer", "md.comp.menu.container.color": "surface",
"md.comp.menu.container.elevation": "md.sys.elevation.level2", "md.comp.menu.container.elevation": "md.sys.elevation.level2",
"md.comp.menu.container.shadow-color": "shadow", "md.comp.menu.container.shadow-color": "shadow",
"md.comp.menu.container.shape": "md.sys.shape.corner.extra-small", "md.comp.menu.container.shape": "md.sys.shape.corner.extra-small",
"md.comp.menu.focus.indicator.color": "secondary", "md.comp.menu.container.surface-tint-layer.color": "surfaceTint",
"md.comp.menu.focus.indicator.outline.offset": "md.sys.state.focus-indicator.inner-offset", "md.comp.menu.list-item.selected.container.color": "surfaceVariant"
"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"
} }
{ {
"version": "v0_206", "version": "v0_162",
"md.sys.motion.duration.extra-long1Ms": 700.0, "md.sys.motion.duration.extra-long1Ms": 700.0,
"md.sys.motion.duration.extra-long2Ms": 800.0, "md.sys.motion.duration.extra-long2Ms": 800.0,
......
{ {
"version": "v0_206", "version": "v0_162",
"md.comp.navigation-bar.active.focus.icon.color": "onSecondaryContainer", "md.comp.navigation-bar.active.focus.icon.color": "onSecondaryContainer",
"md.comp.navigation-bar.active.focus.label-text.color": "onSurface", "md.comp.navigation-bar.active.focus.label-text.color": "onSurface",
...@@ -16,13 +16,11 @@ ...@@ -16,13 +16,11 @@
"md.comp.navigation-bar.active.pressed.icon.color": "onSecondaryContainer", "md.comp.navigation-bar.active.pressed.icon.color": "onSecondaryContainer",
"md.comp.navigation-bar.active.pressed.label-text.color": "onSurface", "md.comp.navigation-bar.active.pressed.label-text.color": "onSurface",
"md.comp.navigation-bar.active.pressed.state-layer.color": "onSurface", "md.comp.navigation-bar.active.pressed.state-layer.color": "onSurface",
"md.comp.navigation-bar.container.color": "surfaceContainer", "md.comp.navigation-bar.container.color": "surface",
"md.comp.navigation-bar.container.elevation": "md.sys.elevation.level2", "md.comp.navigation-bar.container.elevation": "md.sys.elevation.level2",
"md.comp.navigation-bar.container.height": 80.0, "md.comp.navigation-bar.container.height": 80.0,
"md.comp.navigation-bar.container.shape": "md.sys.shape.corner.none", "md.comp.navigation-bar.container.shape": "md.sys.shape.corner.none",
"md.comp.navigation-bar.focus.indicator.color": "secondary", "md.comp.navigation-bar.container.surface-tint-layer.color": "surfaceTint",
"md.comp.navigation-bar.focus.indicator.outline.offset": "md.sys.state.focus-indicator.inner-offset",
"md.comp.navigation-bar.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness",
"md.comp.navigation-bar.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity", "md.comp.navigation-bar.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
"md.comp.navigation-bar.hover.state-layer.opacity": "md.sys.state.hover.state-layer-opacity", "md.comp.navigation-bar.hover.state-layer.opacity": "md.sys.state.hover.state-layer-opacity",
"md.comp.navigation-bar.icon.size": 24.0, "md.comp.navigation-bar.icon.size": 24.0,
......
{ {
"version": "v0_206", "version": "v0_162",
"md.comp.navigation-drawer.active.focus.icon.color": "onSecondaryContainer", "md.comp.navigation-drawer.active.focus.icon.color": "onSecondaryContainer",
"md.comp.navigation-drawer.active.focus.label-text.color": "onSecondaryContainer", "md.comp.navigation-drawer.active.focus.label-text.color": "onSecondaryContainer",
...@@ -17,12 +17,11 @@ ...@@ -17,12 +17,11 @@
"md.comp.navigation-drawer.active.pressed.label-text.color": "onSecondaryContainer", "md.comp.navigation-drawer.active.pressed.label-text.color": "onSecondaryContainer",
"md.comp.navigation-drawer.active.pressed.state-layer.color": "onSecondaryContainer", "md.comp.navigation-drawer.active.pressed.state-layer.color": "onSecondaryContainer",
"md.comp.navigation-drawer.bottom.container.shape": "md.sys.shape.corner.large.top", "md.comp.navigation-drawer.bottom.container.shape": "md.sys.shape.corner.large.top",
"md.comp.navigation-drawer.container.color": "surface",
"md.comp.navigation-drawer.container.height": 100.0, "md.comp.navigation-drawer.container.height": 100.0,
"md.comp.navigation-drawer.container.shape": "md.sys.shape.corner.large.end", "md.comp.navigation-drawer.container.shape": "md.sys.shape.corner.large.end",
"md.comp.navigation-drawer.container.surface-tint-layer.color": "surfaceTint",
"md.comp.navigation-drawer.container.width": 360.0, "md.comp.navigation-drawer.container.width": 360.0,
"md.comp.navigation-drawer.focus.indicator.color": "secondary",
"md.comp.navigation-drawer.focus.indicator.outline.offset": "md.sys.state.focus-indicator.inner-offset",
"md.comp.navigation-drawer.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness",
"md.comp.navigation-drawer.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity", "md.comp.navigation-drawer.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
"md.comp.navigation-drawer.headline.color": "onSurfaceVariant", "md.comp.navigation-drawer.headline.color": "onSurfaceVariant",
"md.comp.navigation-drawer.headline.text-style": "titleSmall", "md.comp.navigation-drawer.headline.text-style": "titleSmall",
...@@ -42,9 +41,7 @@ ...@@ -42,9 +41,7 @@
"md.comp.navigation-drawer.label-text.text-style": "labelLarge", "md.comp.navigation-drawer.label-text.text-style": "labelLarge",
"md.comp.navigation-drawer.large-badge-label.color": "onSurfaceVariant", "md.comp.navigation-drawer.large-badge-label.color": "onSurfaceVariant",
"md.comp.navigation-drawer.large-badge-label.text-style": "labelLarge", "md.comp.navigation-drawer.large-badge-label.text-style": "labelLarge",
"md.comp.navigation-drawer.modal.container.color": "surfaceContainerLow",
"md.comp.navigation-drawer.modal.container.elevation": "md.sys.elevation.level1", "md.comp.navigation-drawer.modal.container.elevation": "md.sys.elevation.level1",
"md.comp.navigation-drawer.pressed.state-layer.opacity": "md.sys.state.pressed.state-layer-opacity", "md.comp.navigation-drawer.pressed.state-layer.opacity": "md.sys.state.pressed.state-layer-opacity",
"md.comp.navigation-drawer.standard.container.color": "surface",
"md.comp.navigation-drawer.standard.container.elevation": "md.sys.elevation.level0" "md.comp.navigation-drawer.standard.container.elevation": "md.sys.elevation.level0"
} }
{ {
"version": "v0_206", "version": "v0_162",
"md.comp.navigation-rail.active.focus.icon.color": "onSecondaryContainer", "md.comp.navigation-rail.active.focus.icon.color": "onSecondaryContainer",
"md.comp.navigation-rail.active.focus.label-text.color": "onSurface", "md.comp.navigation-rail.active.focus.label-text.color": "onSurface",
...@@ -35,6 +35,17 @@ ...@@ -35,6 +35,17 @@
"md.comp.navigation-rail.inactive.pressed.label-text.color": "onSurface", "md.comp.navigation-rail.inactive.pressed.label-text.color": "onSurface",
"md.comp.navigation-rail.inactive.pressed.state-layer.color": "onSurface", "md.comp.navigation-rail.inactive.pressed.state-layer.color": "onSurface",
"md.comp.navigation-rail.label-text.text-style": "labelMedium", "md.comp.navigation-rail.label-text.text-style": "labelMedium",
"md.comp.navigation-rail.menu.focus.icon.color": "onSurface",
"md.comp.navigation-rail.menu.focus.state-layer.color": "onSurface",
"md.comp.navigation-rail.menu.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
"md.comp.navigation-rail.menu.hover.icon.color": "onSurface",
"md.comp.navigation-rail.menu.hover.state-layer.color": "onSurface",
"md.comp.navigation-rail.menu.hover.state-layer.opacity": "md.sys.state.hover.state-layer-opacity",
"md.comp.navigation-rail.menu.icon.color": "onSurfaceVariant",
"md.comp.navigation-rail.menu.icon.size": 24.0,
"md.comp.navigation-rail.menu.pressed.icon.color": "onSurface",
"md.comp.navigation-rail.menu.pressed.state-layer.color": "onSurface",
"md.comp.navigation-rail.menu.pressed.state-layer.opacity": "md.sys.state.pressed.state-layer-opacity",
"md.comp.navigation-rail.no-label.active-indicator.height": 56.0, "md.comp.navigation-rail.no-label.active-indicator.height": 56.0,
"md.comp.navigation-rail.no-label.active-indicator.shape": "md.sys.shape.corner.full", "md.comp.navigation-rail.no-label.active-indicator.shape": "md.sys.shape.corner.full",
"md.comp.navigation-rail.pressed.state-layer.opacity": "md.sys.state.pressed.state-layer-opacity" "md.comp.navigation-rail.pressed.state-layer.opacity": "md.sys.state.pressed.state-layer-opacity"
......
{ {
"version": "v0_206", "version": "v0_162",
"md.comp.primary-navigation-tab.active.focus.state-layer.color": "primary", "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", "md.comp.primary-navigation-tab.active.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
...@@ -13,9 +13,8 @@ ...@@ -13,9 +13,8 @@
"md.comp.primary-navigation-tab.container.elevation": "md.sys.elevation.level0", "md.comp.primary-navigation-tab.container.elevation": "md.sys.elevation.level0",
"md.comp.primary-navigation-tab.container.height": 48.0, "md.comp.primary-navigation-tab.container.height": 48.0,
"md.comp.primary-navigation-tab.container.shape": "md.sys.shape.corner.none", "md.comp.primary-navigation-tab.container.shape": "md.sys.shape.corner.none",
"md.comp.primary-navigation-tab.focus.indicator.color": "secondary", "md.comp.primary-navigation-tab.divider.color": "surfaceVariant",
"md.comp.primary-navigation-tab.focus.indicator.outline.offset": "md.sys.state.focus-indicator.inner-offset", "md.comp.primary-navigation-tab.divider.height": 1.0,
"md.comp.primary-navigation-tab.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness",
"md.comp.primary-navigation-tab.inactive.focus.state-layer.color": "onSurface", "md.comp.primary-navigation-tab.inactive.focus.state-layer.color": "onSurface",
"md.comp.primary-navigation-tab.inactive.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity", "md.comp.primary-navigation-tab.inactive.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
"md.comp.primary-navigation-tab.inactive.hover.state-layer.color": "onSurface", "md.comp.primary-navigation-tab.inactive.hover.state-layer.color": "onSurface",
......
{ {
"version": "v0_206", "version": "v0_162",
"md.comp.secondary-navigation-tab.active-indicator.color": "primary",
"md.comp.secondary-navigation-tab.active-indicator.height": 2.0,
"md.comp.secondary-navigation-tab.active.label-text.color": "onSurface", "md.comp.secondary-navigation-tab.active.label-text.color": "onSurface",
"md.comp.secondary-navigation-tab.container.color": "surface", "md.comp.secondary-navigation-tab.container.color": "surface",
"md.comp.secondary-navigation-tab.container.elevation": "md.sys.elevation.level0", "md.comp.secondary-navigation-tab.container.elevation": "md.sys.elevation.level0",
"md.comp.secondary-navigation-tab.container.height": 48.0, "md.comp.secondary-navigation-tab.container.height": 48.0,
"md.comp.secondary-navigation-tab.container.shadow-color": "shadow", "md.comp.secondary-navigation-tab.container.shadow-color": "shadow",
"md.comp.secondary-navigation-tab.container.shape": "md.sys.shape.corner.none", "md.comp.secondary-navigation-tab.container.shape": "md.sys.shape.corner.none",
"md.comp.secondary-navigation-tab.focus.indicator.color": "secondary", "md.comp.secondary-navigation-tab.divider.color": "surfaceVariant",
"md.comp.secondary-navigation-tab.focus.indicator.outline.offset": "md.sys.state.focus-indicator.inner-offset", "md.comp.secondary-navigation-tab.divider.height": 1.0,
"md.comp.secondary-navigation-tab.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness",
"md.comp.secondary-navigation-tab.focus.label-text.color": "onSurface", "md.comp.secondary-navigation-tab.focus.label-text.color": "onSurface",
"md.comp.secondary-navigation-tab.focus.state-layer.color": "onSurface", "md.comp.secondary-navigation-tab.focus.state-layer.color": "onSurface",
"md.comp.secondary-navigation-tab.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity", "md.comp.secondary-navigation-tab.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
......
{ {
"version": "v0_206", "version": "v0_162",
"md.ref.palette.black": "0xFF000000", "md.ref.palette.black": "0xFF000000",
"md.ref.palette.error0": "0xFF000000", "md.ref.palette.error0": "0xFF000000",
...@@ -16,29 +16,29 @@ ...@@ -16,29 +16,29 @@
"md.ref.palette.error95": "0xFFFCEEEE", "md.ref.palette.error95": "0xFFFCEEEE",
"md.ref.palette.error99": "0xFFFFFBF9", "md.ref.palette.error99": "0xFFFFFBF9",
"md.ref.palette.neutral0": "0xFF000000", "md.ref.palette.neutral0": "0xFF000000",
"md.ref.palette.neutral10": "0xFF1D1B20", "md.ref.palette.neutral10": "0xFF1C1B1F",
"md.ref.palette.neutral100": "0xFFFFFFFF", "md.ref.palette.neutral100": "0xFFFFFFFF",
"md.ref.palette.neutral12": "0xFF211F26", "md.ref.palette.neutral12": "0xFF201F23",
"md.ref.palette.neutral17": "0xFF2B2930", "md.ref.palette.neutral17": "0xFF2B292D",
"md.ref.palette.neutral20": "0xFF322F35", "md.ref.palette.neutral20": "0xFF313033",
"md.ref.palette.neutral22": "0xFF36343B", "md.ref.palette.neutral22": "0xFF313033",
"md.ref.palette.neutral24": "0xFF3B383E", "md.ref.palette.neutral24": "0xFF313033",
"md.ref.palette.neutral30": "0xFF48464C", "md.ref.palette.neutral30": "0xFF484649",
"md.ref.palette.neutral4": "0xFF0F0D13", "md.ref.palette.neutral4": "0xFF0E0E11",
"md.ref.palette.neutral40": "0xFF605D64", "md.ref.palette.neutral40": "0xFF605D62",
"md.ref.palette.neutral50": "0xFF79767D", "md.ref.palette.neutral50": "0xFF787579",
"md.ref.palette.neutral6": "0xFF141218", "md.ref.palette.neutral6": "0xFF141317",
"md.ref.palette.neutral60": "0xFF938F96", "md.ref.palette.neutral60": "0xFF939094",
"md.ref.palette.neutral70": "0xFFAEA9B1", "md.ref.palette.neutral70": "0xFFAEAAAE",
"md.ref.palette.neutral80": "0xFFCAC5CD", "md.ref.palette.neutral80": "0xFFC9C5CA",
"md.ref.palette.neutral87": "0xFFDED8E1", "md.ref.palette.neutral87": "0xFFDDD8DD",
"md.ref.palette.neutral90": "0xFFE6E0E9", "md.ref.palette.neutral90": "0xFFE6E1E5",
"md.ref.palette.neutral92": "0xFFECE6F0", "md.ref.palette.neutral92": "0xFFECE7EC",
"md.ref.palette.neutral94": "0xFFF3EDF7", "md.ref.palette.neutral94": "0xFFF1ECF1",
"md.ref.palette.neutral95": "0xFFF5EFF7", "md.ref.palette.neutral95": "0xFFF4EFF4",
"md.ref.palette.neutral96": "0xFFF7F2FA", "md.ref.palette.neutral96": "0xFFF7F2F7",
"md.ref.palette.neutral98": "0xFFFEF7FF", "md.ref.palette.neutral98": "0xFFFDF8FD",
"md.ref.palette.neutral99": "0xFFFFFBFF", "md.ref.palette.neutral99": "0xFFFFFBFE",
"md.ref.palette.neutral-variant0": "0xFF000000", "md.ref.palette.neutral-variant0": "0xFF000000",
"md.ref.palette.neutral-variant10": "0xFF1D1A22", "md.ref.palette.neutral-variant10": "0xFF1D1A22",
"md.ref.palette.neutral-variant100": "0xFFFFFFFF", "md.ref.palette.neutral-variant100": "0xFFFFFFFF",
......
{ {
"version": "v0_206", "version": "v0_162",
"md.comp.circular-progress-indicator.active-indicator.color": "primary", "md.comp.circular-progress-indicator.active-indicator.color": "primary",
"md.comp.circular-progress-indicator.active-indicator.shape": "md.sys.shape.corner.none", "md.comp.circular-progress-indicator.active-indicator.shape": "md.sys.shape.corner.none",
......
{ {
"version": "v0_206", "version": "v0_162",
"md.comp.linear-progress-indicator.active-indicator.color": "primary", "md.comp.linear-progress-indicator.active-indicator.color": "primary",
"md.comp.linear-progress-indicator.active-indicator.height": 4.0, "md.comp.linear-progress-indicator.active-indicator.height": 4.0,
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
"md.comp.linear-progress-indicator.four-color.active-indicator.one.color": "primary", "md.comp.linear-progress-indicator.four-color.active-indicator.one.color": "primary",
"md.comp.linear-progress-indicator.four-color.active-indicator.three.color": "tertiary", "md.comp.linear-progress-indicator.four-color.active-indicator.three.color": "tertiary",
"md.comp.linear-progress-indicator.four-color.active-indicator.two.color": "primaryContainer", "md.comp.linear-progress-indicator.four-color.active-indicator.two.color": "primaryContainer",
"md.comp.linear-progress-indicator.track.color": "surfaceContainerHighest", "md.comp.linear-progress-indicator.track.color": "surfaceVariant",
"md.comp.linear-progress-indicator.track.height": 4.0, "md.comp.linear-progress-indicator.track.height": 4.0,
"md.comp.linear-progress-indicator.track.shape": "md.sys.shape.corner.none" "md.comp.linear-progress-indicator.track.shape": "md.sys.shape.corner.none"
} }
{ {
"version": "v0_206", "version": "v0_162",
"md.comp.radio-button.disabled.selected.icon.color": "onSurface", "md.comp.radio-button.disabled.selected.icon.color": "onSurface",
"md.comp.radio-button.disabled.selected.icon.opacity": 0.38, "md.comp.radio-button.disabled.selected.icon.opacity": 0.38,
......
{ {
"version": "v0_206", "version": "v0_158",
"md.comp.search-bar.avatar.shape": "md.sys.shape.corner.full", "md.comp.search-bar.avatar.shape": "md.sys.shape.corner.full",
"md.comp.search-bar.avatar.size": 30.0, "md.comp.search-bar.avatar.size": 30.0,
"md.comp.search-bar.container.color": "surfaceContainerHigh", "md.comp.search-bar.container.color": "surface",
"md.comp.search-bar.container.elevation": "md.sys.elevation.level3", "md.comp.search-bar.container.elevation": "md.sys.elevation.level3",
"md.comp.search-bar.container.height": 56.0, "md.comp.search-bar.container.height": 56.0,
"md.comp.search-bar.container.shape": "md.sys.shape.corner.full", "md.comp.search-bar.container.shape": "md.sys.shape.corner.full",
"md.comp.search-bar.focus.indicator.color": "secondary", "md.comp.search-bar.container.surface-tint-layer.color": "surfaceTint",
"md.comp.search-bar.focus.indicator.outline.offset": "md.sys.state.focus-indicator.outer-offset",
"md.comp.search-bar.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness",
"md.comp.search-bar.hover.state-layer.color": "onSurface", "md.comp.search-bar.hover.state-layer.color": "onSurface",
"md.comp.search-bar.hover.state-layer.opacity": "md.sys.state.hover.state-layer-opacity", "md.comp.search-bar.hover.state-layer.opacity": "md.sys.state.hover.state-layer-opacity",
"md.comp.search-bar.hover.supporting-text.color": "onSurfaceVariant", "md.comp.search-bar.hover.supporting-text.color": "onSurfaceVariant",
......
{ {
"version": "v0_206", "version": "v0_158",
"md.comp.search-view.container.color": "surfaceContainerHigh", "md.comp.search-view.container.color": "surface",
"md.comp.search-view.container.elevation": "md.sys.elevation.level3", "md.comp.search-view.container.elevation": "md.sys.elevation.level3",
"md.comp.search-view.container.surface-tint-layer.color": "surfaceTint",
"md.comp.search-view.divider.color": "outline", "md.comp.search-view.divider.color": "outline",
"md.comp.search-view.docked.container.shape": "md.sys.shape.corner.extra-large", "md.comp.search-view.docked.container.shape": "md.sys.shape.corner.extra-large",
"md.comp.search-view.docked.header.container.height": 56.0, "md.comp.search-view.docked.header.container.height": 56.0,
......
{ {
"version": "v0_206", "version": "v0_162",
"md.comp.outlined-segmented-button.container.height": 40.0, "md.comp.outlined-segmented-button.container.height": 40.0,
"md.comp.outlined-segmented-button.disabled.icon.color": "onSurface", "md.comp.outlined-segmented-button.disabled.icon.color": "onSurface",
...@@ -8,9 +8,6 @@ ...@@ -8,9 +8,6 @@
"md.comp.outlined-segmented-button.disabled.label-text.opacity": 0.38, "md.comp.outlined-segmented-button.disabled.label-text.opacity": 0.38,
"md.comp.outlined-segmented-button.disabled.outline.color": "onSurface", "md.comp.outlined-segmented-button.disabled.outline.color": "onSurface",
"md.comp.outlined-segmented-button.disabled.outline.opacity": 0.12, "md.comp.outlined-segmented-button.disabled.outline.opacity": 0.12,
"md.comp.outlined-segmented-button.focus.indicator.color": "secondary",
"md.comp.outlined-segmented-button.focus.indicator.outline.offset": "md.sys.state.focus-indicator.outer-offset",
"md.comp.outlined-segmented-button.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness",
"md.comp.outlined-segmented-button.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity", "md.comp.outlined-segmented-button.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
"md.comp.outlined-segmented-button.hover.state-layer.opacity": "md.sys.state.hover.state-layer-opacity", "md.comp.outlined-segmented-button.hover.state-layer.opacity": "md.sys.state.hover.state-layer-opacity",
"md.comp.outlined-segmented-button.label-text.text-style": "labelLarge", "md.comp.outlined-segmented-button.label-text.text-style": "labelLarge",
......
{ {
"version": "v0_206", "version": "v0_162",
"md.sys.shape.corner.extra-large": { "md.sys.shape.corner.extra-large": {
"family": "SHAPE_FAMILY_ROUNDED_CORNERS", "family": "SHAPE_FAMILY_ROUNDED_CORNERS",
......
{ {
"version": "v0_206", "version": "v0_162",
"md.comp.sheet.bottom.docked.container.color": "surfaceContainerLow", "md.comp.sheet.bottom.docked.container.color": "surface",
"md.comp.sheet.bottom.docked.container.shape": "md.sys.shape.corner.extra-large.top", "md.comp.sheet.bottom.docked.container.shape": "md.sys.shape.corner.extra-large.top",
"md.comp.sheet.bottom.docked.container.surface-tint-layer.color": "surfaceTint",
"md.comp.sheet.bottom.docked.drag-handle.color": "onSurfaceVariant", "md.comp.sheet.bottom.docked.drag-handle.color": "onSurfaceVariant",
"md.comp.sheet.bottom.docked.drag-handle.height": 4.0, "md.comp.sheet.bottom.docked.drag-handle.height": 4.0,
"md.comp.sheet.bottom.docked.drag-handle.opacity": 0.4,
"md.comp.sheet.bottom.docked.drag-handle.width": 32.0, "md.comp.sheet.bottom.docked.drag-handle.width": 32.0,
"md.comp.sheet.bottom.docked.minimized.container.shape": "md.sys.shape.corner.none", "md.comp.sheet.bottom.docked.minimized.container.shape": "md.sys.shape.corner.none",
"md.comp.sheet.bottom.docked.modal.container.elevation": "md.sys.elevation.level1", "md.comp.sheet.bottom.docked.modal.container.elevation": "md.sys.elevation.level1",
"md.comp.sheet.bottom.docked.standard.container.elevation": "md.sys.elevation.level1", "md.comp.sheet.bottom.docked.standard.container.elevation": "md.sys.elevation.level1"
"md.comp.sheet.bottom.focus.indicator.color": "secondary",
"md.comp.sheet.bottom.focus.indicator.outline.offset": "md.sys.state.focus-indicator.outer-offset",
"md.comp.sheet.bottom.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness"
} }
{ {
"version": "v0_206", "version": "v0_162",
"md.comp.slider.active.track.color": "primary", "md.comp.slider.active.track.color": "primary",
"md.comp.slider.active.track.height": 4.0, "md.comp.slider.active.track.height": 4.0,
...@@ -23,7 +23,7 @@ ...@@ -23,7 +23,7 @@
"md.comp.slider.hover.handle.color": "primary", "md.comp.slider.hover.handle.color": "primary",
"md.comp.slider.hover.state-layer.color": "primary", "md.comp.slider.hover.state-layer.color": "primary",
"md.comp.slider.hover.state-layer.opacity": "md.sys.state.hover.state-layer-opacity", "md.comp.slider.hover.state-layer.opacity": "md.sys.state.hover.state-layer-opacity",
"md.comp.slider.inactive.track.color": "surfaceContainerHighest", "md.comp.slider.inactive.track.color": "surfaceVariant",
"md.comp.slider.inactive.track.height": 4.0, "md.comp.slider.inactive.track.height": 4.0,
"md.comp.slider.inactive.track.shape": "md.sys.shape.corner.full", "md.comp.slider.inactive.track.shape": "md.sys.shape.corner.full",
"md.comp.slider.label.container.color": "primary", "md.comp.slider.label.container.color": "primary",
......
{ {
"version": "v0_206", "version": "v0_162",
"md.comp.snackbar.action.focus.label-text.color": "inversePrimary", "md.comp.snackbar.action.focus.label-text.color": "inversePrimary",
"md.comp.snackbar.action.focus.state-layer.color": "inversePrimary", "md.comp.snackbar.action.focus.state-layer.color": "inversePrimary",
......
{ {
"version": "v0_206", "version": "v0_162",
"md.sys.state.dragged.state-layer-opacity": 0.16, "md.sys.state.dragged.state-layer-opacity": 0.16,
"md.sys.state.focus.state-layer-opacity": 0.1, "md.sys.state.focus.state-layer-opacity": 0.12,
"md.sys.state.hover.state-layer-opacity": 0.08, "md.sys.state.hover.state-layer-opacity": 0.08,
"md.sys.state.pressed.state-layer-opacity": 0.1 "md.sys.state.pressed.state-layer-opacity": 0.12
} }
{ {
"version": "v0_206", "version": "v0_162",
"md.comp.switch.disabled.selected.handle.color": "surface", "md.comp.switch.disabled.selected.handle.color": "surface",
"md.comp.switch.disabled.selected.handle.opacity": 1.0, "md.comp.switch.disabled.selected.handle.opacity": 1.0,
...@@ -9,13 +9,10 @@ ...@@ -9,13 +9,10 @@
"md.comp.switch.disabled.track.opacity": 0.12, "md.comp.switch.disabled.track.opacity": 0.12,
"md.comp.switch.disabled.unselected.handle.color": "onSurface", "md.comp.switch.disabled.unselected.handle.color": "onSurface",
"md.comp.switch.disabled.unselected.handle.opacity": 0.38, "md.comp.switch.disabled.unselected.handle.opacity": 0.38,
"md.comp.switch.disabled.unselected.icon.color": "surfaceContainerHighest", "md.comp.switch.disabled.unselected.icon.color": "surfaceVariant",
"md.comp.switch.disabled.unselected.icon.opacity": 0.38, "md.comp.switch.disabled.unselected.icon.opacity": 0.38,
"md.comp.switch.disabled.unselected.track.color": "surfaceContainerHighest", "md.comp.switch.disabled.unselected.track.color": "surfaceVariant",
"md.comp.switch.disabled.unselected.track.outline.color": "onSurface", "md.comp.switch.disabled.unselected.track.outline.color": "onSurface",
"md.comp.switch.focus.indicator.color": "secondary",
"md.comp.switch.focus.indicator.offset": "md.sys.state.focus-indicator.outer-offset",
"md.comp.switch.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness",
"md.comp.switch.handle.shape": "md.sys.shape.corner.full", "md.comp.switch.handle.shape": "md.sys.shape.corner.full",
"md.comp.switch.pressed.handle.height": 28.0, "md.comp.switch.pressed.handle.height": 28.0,
"md.comp.switch.pressed.handle.width": 28.0, "md.comp.switch.pressed.handle.width": 28.0,
...@@ -47,29 +44,29 @@ ...@@ -47,29 +44,29 @@
"md.comp.switch.track.shape": "md.sys.shape.corner.full", "md.comp.switch.track.shape": "md.sys.shape.corner.full",
"md.comp.switch.track.width": 52.0, "md.comp.switch.track.width": 52.0,
"md.comp.switch.unselected.focus.handle.color": "onSurfaceVariant", "md.comp.switch.unselected.focus.handle.color": "onSurfaceVariant",
"md.comp.switch.unselected.focus.icon.color": "surfaceContainerHighest", "md.comp.switch.unselected.focus.icon.color": "surfaceVariant",
"md.comp.switch.unselected.focus.state-layer.color": "onSurface", "md.comp.switch.unselected.focus.state-layer.color": "onSurface",
"md.comp.switch.unselected.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity", "md.comp.switch.unselected.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
"md.comp.switch.unselected.focus.track.color": "surfaceContainerHighest", "md.comp.switch.unselected.focus.track.color": "surfaceVariant",
"md.comp.switch.unselected.focus.track.outline.color": "outline", "md.comp.switch.unselected.focus.track.outline.color": "outline",
"md.comp.switch.unselected.handle.color": "outline", "md.comp.switch.unselected.handle.color": "outline",
"md.comp.switch.unselected.handle.height": 16.0, "md.comp.switch.unselected.handle.height": 16.0,
"md.comp.switch.unselected.handle.width": 16.0, "md.comp.switch.unselected.handle.width": 16.0,
"md.comp.switch.unselected.hover.handle.color": "onSurfaceVariant", "md.comp.switch.unselected.hover.handle.color": "onSurfaceVariant",
"md.comp.switch.unselected.hover.icon.color": "surfaceContainerHighest", "md.comp.switch.unselected.hover.icon.color": "surfaceVariant",
"md.comp.switch.unselected.hover.state-layer.color": "onSurface", "md.comp.switch.unselected.hover.state-layer.color": "onSurface",
"md.comp.switch.unselected.hover.state-layer.opacity": "md.sys.state.hover.state-layer-opacity", "md.comp.switch.unselected.hover.state-layer.opacity": "md.sys.state.hover.state-layer-opacity",
"md.comp.switch.unselected.hover.track.color": "surfaceContainerHighest", "md.comp.switch.unselected.hover.track.color": "surfaceVariant",
"md.comp.switch.unselected.hover.track.outline.color": "outline", "md.comp.switch.unselected.hover.track.outline.color": "outline",
"md.comp.switch.unselected.icon.color": "surfaceContainerHighest", "md.comp.switch.unselected.icon.color": "surfaceVariant",
"md.comp.switch.unselected.icon.size": 16.0, "md.comp.switch.unselected.icon.size": 16.0,
"md.comp.switch.unselected.pressed.handle.color": "onSurfaceVariant", "md.comp.switch.unselected.pressed.handle.color": "onSurfaceVariant",
"md.comp.switch.unselected.pressed.icon.color": "surfaceContainerHighest", "md.comp.switch.unselected.pressed.icon.color": "surfaceVariant",
"md.comp.switch.unselected.pressed.state-layer.color": "onSurface", "md.comp.switch.unselected.pressed.state-layer.color": "onSurface",
"md.comp.switch.unselected.pressed.state-layer.opacity": "md.sys.state.pressed.state-layer-opacity", "md.comp.switch.unselected.pressed.state-layer.opacity": "md.sys.state.pressed.state-layer-opacity",
"md.comp.switch.unselected.pressed.track.color": "surfaceContainerHighest", "md.comp.switch.unselected.pressed.track.color": "surfaceVariant",
"md.comp.switch.unselected.pressed.track.outline.color": "outline", "md.comp.switch.unselected.pressed.track.outline.color": "outline",
"md.comp.switch.unselected.track.color": "surfaceContainerHighest", "md.comp.switch.unselected.track.color": "surfaceVariant",
"md.comp.switch.unselected.track.outline.color": "outline", "md.comp.switch.unselected.track.outline.color": "outline",
"md.comp.switch.with-icon.handle.height": 24.0, "md.comp.switch.with-icon.handle.height": 24.0,
"md.comp.switch.with-icon.handle.width": 24.0 "md.comp.switch.with-icon.handle.width": 24.0
......
{ {
"version": "v0_206", "version": "v0_162",
"md.comp.filled-text-field.active-indicator.color": "onSurfaceVariant", "md.comp.filled-text-field.active-indicator.color": "onSurfaceVariant",
"md.comp.filled-text-field.active-indicator.height": 1.0, "md.comp.filled-text-field.active-indicator.height": 1.0,
"md.comp.filled-text-field.caret.color": "primary", "md.comp.filled-text-field.caret.color": "primary",
"md.comp.filled-text-field.container.color": "surfaceContainerHighest", "md.comp.filled-text-field.container.color": "surfaceVariant",
"md.comp.filled-text-field.container.shape": "md.sys.shape.corner.extra-small.top", "md.comp.filled-text-field.container.shape": "md.sys.shape.corner.extra-small.top",
"md.comp.filled-text-field.disabled.active-indicator.color": "onSurface", "md.comp.filled-text-field.disabled.active-indicator.color": "onSurface",
"md.comp.filled-text-field.disabled.active-indicator.height": 1.0, "md.comp.filled-text-field.disabled.active-indicator.height": 1.0,
...@@ -44,7 +44,6 @@ ...@@ -44,7 +44,6 @@
"md.comp.filled-text-field.error.trailing-icon.color": "error", "md.comp.filled-text-field.error.trailing-icon.color": "error",
"md.comp.filled-text-field.focus.active-indicator.color": "primary", "md.comp.filled-text-field.focus.active-indicator.color": "primary",
"md.comp.filled-text-field.focus.active-indicator.height": 2.0, "md.comp.filled-text-field.focus.active-indicator.height": 2.0,
"md.comp.filled-text-field.focus.active-indicator.thickness": "md.sys.state.focus-indicator.thickness",
"md.comp.filled-text-field.focus.input-text.color": "onSurface", "md.comp.filled-text-field.focus.input-text.color": "onSurface",
"md.comp.filled-text-field.focus.label-text.color": "primary", "md.comp.filled-text-field.focus.label-text.color": "primary",
"md.comp.filled-text-field.focus.leading-icon.color": "onSurfaceVariant", "md.comp.filled-text-field.focus.leading-icon.color": "onSurfaceVariant",
......
{ {
"version": "v0_206", "version": "v0_162",
"md.comp.outlined-text-field.caret.color": "primary", "md.comp.outlined-text-field.caret.color": "primary",
"md.comp.outlined-text-field.container.shape": "md.sys.shape.corner.extra-small", "md.comp.outlined-text-field.container.shape": "md.sys.shape.corner.extra-small",
...@@ -17,7 +17,6 @@ ...@@ -17,7 +17,6 @@
"md.comp.outlined-text-field.disabled.trailing-icon.color": "onSurface", "md.comp.outlined-text-field.disabled.trailing-icon.color": "onSurface",
"md.comp.outlined-text-field.disabled.trailing-icon.opacity": 0.38, "md.comp.outlined-text-field.disabled.trailing-icon.opacity": 0.38,
"md.comp.outlined-text-field.error.focus.caret.color": "error", "md.comp.outlined-text-field.error.focus.caret.color": "error",
"md.comp.outlined-text-field.error.focus.indicator.outline.color": "error",
"md.comp.outlined-text-field.error.focus.input-text.color": "onSurface", "md.comp.outlined-text-field.error.focus.input-text.color": "onSurface",
"md.comp.outlined-text-field.error.focus.label-text.color": "error", "md.comp.outlined-text-field.error.focus.label-text.color": "error",
"md.comp.outlined-text-field.error.focus.leading-icon.color": "onSurfaceVariant", "md.comp.outlined-text-field.error.focus.leading-icon.color": "onSurfaceVariant",
...@@ -36,8 +35,6 @@ ...@@ -36,8 +35,6 @@
"md.comp.outlined-text-field.error.outline.color": "error", "md.comp.outlined-text-field.error.outline.color": "error",
"md.comp.outlined-text-field.error.supporting-text.color": "error", "md.comp.outlined-text-field.error.supporting-text.color": "error",
"md.comp.outlined-text-field.error.trailing-icon.color": "error", "md.comp.outlined-text-field.error.trailing-icon.color": "error",
"md.comp.outlined-text-field.focus.indicator.outline.color": "secondary",
"md.comp.outlined-text-field.focus.indicator.outline.thickness": "md.sys.state.focus-indicator.thickness",
"md.comp.outlined-text-field.focus.input-text.color": "onSurface", "md.comp.outlined-text-field.focus.input-text.color": "onSurface",
"md.comp.outlined-text-field.focus.label-text.color": "primary", "md.comp.outlined-text-field.focus.label-text.color": "primary",
"md.comp.outlined-text-field.focus.leading-icon.color": "onSurfaceVariant", "md.comp.outlined-text-field.focus.leading-icon.color": "onSurfaceVariant",
......
{ {
"version": "v0_206", "version": "v0_162",
"md.sys.typescale.body-large.font": "md.ref.typeface.plain", "md.sys.typescale.body-large.font": "md.ref.typeface.plain",
"md.sys.typescale.body-large.line-height": 24.0, "md.sys.typescale.body-large.line-height": 24.0,
......
{ {
"version": "v0_206", "version": "v0_162",
"md.comp.time-picker.clock-dial.color": "surfaceContainerHighest", "md.comp.time-picker.clock-dial.color": "surfaceVariant",
"md.comp.time-picker.clock-dial.container.size": 256.0, "md.comp.time-picker.clock-dial.container.size": 256.0,
"md.comp.time-picker.clock-dial.label-text.text-style": "bodyLarge", "md.comp.time-picker.clock-dial.label-text.text-style": "bodyLarge",
"md.comp.time-picker.clock-dial.selected.label-text.color": "onPrimary", "md.comp.time-picker.clock-dial.selected.label-text.color": "onPrimary",
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
"md.comp.time-picker.clock-dial.selector.track.container.width": 2.0, "md.comp.time-picker.clock-dial.selector.track.container.width": 2.0,
"md.comp.time-picker.clock-dial.shape": "md.sys.shape.corner.full", "md.comp.time-picker.clock-dial.shape": "md.sys.shape.corner.full",
"md.comp.time-picker.clock-dial.unselected.label-text.color": "onSurface", "md.comp.time-picker.clock-dial.unselected.label-text.color": "onSurface",
"md.comp.time-picker.container.color": "surfaceContainerHigh", "md.comp.time-picker.container.color": "surface",
"md.comp.time-picker.container.elevation": "md.sys.elevation.level3", "md.comp.time-picker.container.elevation": "md.sys.elevation.level3",
"md.comp.time-picker.container.shape": "md.sys.shape.corner.extra-large", "md.comp.time-picker.container.shape": "md.sys.shape.corner.extra-large",
"md.comp.time-picker.headline.color": "onSurfaceVariant", "md.comp.time-picker.headline.color": "onSurfaceVariant",
...@@ -46,6 +46,7 @@ ...@@ -46,6 +46,7 @@
"md.comp.time-picker.period-selector.unselected.pressed.state-layer.color": "onSurfaceVariant", "md.comp.time-picker.period-selector.unselected.pressed.state-layer.color": "onSurfaceVariant",
"md.comp.time-picker.period-selector.vertical.container.height": 80.0, "md.comp.time-picker.period-selector.vertical.container.height": 80.0,
"md.comp.time-picker.period-selector.vertical.container.width": 52.0, "md.comp.time-picker.period-selector.vertical.container.width": 52.0,
"md.comp.time-picker.surface-tint-layer.color": "surfaceTint",
"md.comp.time-picker.time-selector.24h-vertical.container.width": 114.0, "md.comp.time-picker.time-selector.24h-vertical.container.width": 114.0,
"md.comp.time-picker.time-selector.container.height": 80.0, "md.comp.time-picker.time-selector.container.height": 80.0,
"md.comp.time-picker.time-selector.container.shape": "md.sys.shape.corner.small", "md.comp.time-picker.time-selector.container.shape": "md.sys.shape.corner.small",
...@@ -64,7 +65,7 @@ ...@@ -64,7 +65,7 @@
"md.comp.time-picker.time-selector.selected.pressed.state-layer.color": "onPrimaryContainer", "md.comp.time-picker.time-selector.selected.pressed.state-layer.color": "onPrimaryContainer",
"md.comp.time-picker.time-selector.separator.color": "onSurface", "md.comp.time-picker.time-selector.separator.color": "onSurface",
"md.comp.time-picker.time-selector.separator.text-style": "displayLarge", "md.comp.time-picker.time-selector.separator.text-style": "displayLarge",
"md.comp.time-picker.time-selector.unselected.container.color": "surfaceContainerHighest", "md.comp.time-picker.time-selector.unselected.container.color": "surfaceVariant",
"md.comp.time-picker.time-selector.unselected.focus.label-text.color": "onSurface", "md.comp.time-picker.time-selector.unselected.focus.label-text.color": "onSurface",
"md.comp.time-picker.time-selector.unselected.focus.state-layer.color": "onSurface", "md.comp.time-picker.time-selector.unselected.focus.state-layer.color": "onSurface",
"md.comp.time-picker.time-selector.unselected.hover.label-text.color": "onSurface", "md.comp.time-picker.time-selector.unselected.hover.label-text.color": "onSurface",
......
{ {
"version": "v0_206", "version": "v0_162",
"md.comp.top-app-bar.large.container.color": "surface", "md.comp.top-app-bar.large.container.color": "surface",
"md.comp.top-app-bar.large.container.elevation": "md.sys.elevation.level0", "md.comp.top-app-bar.large.container.elevation": "md.sys.elevation.level0",
"md.comp.top-app-bar.large.container.height": 152.0, "md.comp.top-app-bar.large.container.height": 152.0,
"md.comp.top-app-bar.large.container.shape": "md.sys.shape.corner.none", "md.comp.top-app-bar.large.container.shape": "md.sys.shape.corner.none",
"md.comp.top-app-bar.large.container.surface-tint-layer.color": "surfaceTint",
"md.comp.top-app-bar.large.headline.color": "onSurface", "md.comp.top-app-bar.large.headline.color": "onSurface",
"md.comp.top-app-bar.large.headline.text-style": "headlineMedium", "md.comp.top-app-bar.large.headline.text-style": "headlineMedium",
"md.comp.top-app-bar.large.leading-icon.color": "onSurface", "md.comp.top-app-bar.large.leading-icon.color": "onSurface",
......
{ {
"version": "v0_206", "version": "v0_162",
"md.comp.top-app-bar.medium.container.color": "surface", "md.comp.top-app-bar.medium.container.color": "surface",
"md.comp.top-app-bar.medium.container.elevation": "md.sys.elevation.level0", "md.comp.top-app-bar.medium.container.elevation": "md.sys.elevation.level0",
"md.comp.top-app-bar.medium.container.height": 112.0, "md.comp.top-app-bar.medium.container.height": 112.0,
"md.comp.top-app-bar.medium.container.shape": "md.sys.shape.corner.none", "md.comp.top-app-bar.medium.container.shape": "md.sys.shape.corner.none",
"md.comp.top-app-bar.medium.container.surface-tint-layer.color": "surfaceTint",
"md.comp.top-app-bar.medium.headline.color": "onSurface", "md.comp.top-app-bar.medium.headline.color": "onSurface",
"md.comp.top-app-bar.medium.headline.text-style": "headlineSmall", "md.comp.top-app-bar.medium.headline.text-style": "headlineSmall",
"md.comp.top-app-bar.medium.leading-icon.color": "onSurface", "md.comp.top-app-bar.medium.leading-icon.color": "onSurface",
......
{ {
"version": "v0_206", "version": "v0_162",
"md.comp.top-app-bar.small.container.color": "surface", "md.comp.top-app-bar.small.container.color": "surface",
"md.comp.top-app-bar.small.container.elevation": "md.sys.elevation.level0", "md.comp.top-app-bar.small.container.elevation": "md.sys.elevation.level0",
"md.comp.top-app-bar.small.container.height": 64.0, "md.comp.top-app-bar.small.container.height": 64.0,
"md.comp.top-app-bar.small.container.shape": "md.sys.shape.corner.none", "md.comp.top-app-bar.small.container.shape": "md.sys.shape.corner.none",
"md.comp.top-app-bar.small.container.surface-tint-layer.color": "surfaceTint",
"md.comp.top-app-bar.small.headline.color": "onSurface", "md.comp.top-app-bar.small.headline.color": "onSurface",
"md.comp.top-app-bar.small.headline.text-style": "titleLarge", "md.comp.top-app-bar.small.headline.text-style": "titleLarge",
"md.comp.top-app-bar.small.leading-icon.color": "onSurface", "md.comp.top-app-bar.small.leading-icon.color": "onSurface",
"md.comp.top-app-bar.small.leading-icon.size": 24.0, "md.comp.top-app-bar.small.leading-icon.size": 24.0,
"md.comp.top-app-bar.small.on-scroll.container.color": "surfaceContainer",
"md.comp.top-app-bar.small.on-scroll.container.elevation": "md.sys.elevation.level2", "md.comp.top-app-bar.small.on-scroll.container.elevation": "md.sys.elevation.level2",
"md.comp.top-app-bar.small.trailing-icon.color": "onSurfaceVariant", "md.comp.top-app-bar.small.trailing-icon.color": "onSurfaceVariant",
"md.comp.top-app-bar.small.trailing-icon.size": 24.0 "md.comp.top-app-bar.small.trailing-icon.size": 24.0
......
{ {
"version": "v0_206", "version": "v0_162",
"md.ref.typeface.brand": "Roboto", "md.ref.typeface.brand": "Roboto",
"md.ref.typeface.plain": "Roboto", "md.ref.typeface.plain": "Roboto",
......
...@@ -52,9 +52,7 @@ class _${blockName}DefaultsM3 extends ChipThemeData { ...@@ -52,9 +52,7 @@ class _${blockName}DefaultsM3 extends ChipThemeData {
? ${componentColor("$tokenGroup$flatVariant.disabled.container")} ? ${componentColor("$tokenGroup$flatVariant.disabled.container")}
: ${componentColor("$tokenGroup$elevatedVariant.disabled.container")}; : ${componentColor("$tokenGroup$elevatedVariant.disabled.container")};
} }
return _chipVariant == _ChipVariant.flat return ${componentColor("$tokenGroup$flatVariant.container")};
? ${componentColor("$tokenGroup$flatVariant.container")}
: ${componentColor("$tokenGroup$elevatedVariant.container")};
}); });
@override @override
......
...@@ -24,7 +24,7 @@ class _${blockName}DefaultsM3 extends MaterialBannerThemeData { ...@@ -24,7 +24,7 @@ class _${blockName}DefaultsM3 extends MaterialBannerThemeData {
Color? get backgroundColor => ${componentColor("md.comp.banner.container")}; Color? get backgroundColor => ${componentColor("md.comp.banner.container")};
@override @override
Color? get surfaceTintColor => ${colorOrTransparent("md.comp.banner.container.surface-tint-layer.color")}; Color? get surfaceTintColor => ${color("md.comp.banner.container.surface-tint-layer.color")};
@override @override
Color? get dividerColor => ${color("md.comp.divider.color")}; Color? get dividerColor => ${color("md.comp.divider.color")};
......
...@@ -26,7 +26,7 @@ class _${blockName}DefaultsM3 extends BottomAppBarTheme { ...@@ -26,7 +26,7 @@ class _${blockName}DefaultsM3 extends BottomAppBarTheme {
Color? get color => ${componentColor('md.comp.bottom-app-bar.container')}; Color? get color => ${componentColor('md.comp.bottom-app-bar.container')};
@override @override
Color? get surfaceTintColor => ${colorOrTransparent('md.comp.bottom-app-bar.container.surface-tint-layer')}; Color? get surfaceTintColor => ${componentColor('md.comp.bottom-app-bar.container.surface-tint-layer')};
@override @override
Color? get shadowColor => Colors.transparent; Color? get shadowColor => Colors.transparent;
......
...@@ -30,7 +30,7 @@ class _${blockName}DefaultsM3 extends BottomSheetThemeData { ...@@ -30,7 +30,7 @@ class _${blockName}DefaultsM3 extends BottomSheetThemeData {
Color? get backgroundColor => ${componentColor("md.comp.sheet.bottom.docked.container")}; Color? get backgroundColor => ${componentColor("md.comp.sheet.bottom.docked.container")};
@override @override
Color? get surfaceTintColor => ${colorOrTransparent("md.comp.sheet.bottom.docked.container.surface-tint-layer")}; Color? get surfaceTintColor => ${componentColor("md.comp.sheet.bottom.docked.container.surface-tint-layer")};
@override @override
Color? get shadowColor => Colors.transparent; Color? get shadowColor => Colors.transparent;
......
...@@ -32,26 +32,14 @@ const ColorScheme _colorSchemeLightM3 = ColorScheme( ...@@ -32,26 +32,14 @@ const ColorScheme _colorSchemeLightM3 = ColorScheme(
onPrimary: Color(${light('md.sys.color.on-primary')}), onPrimary: Color(${light('md.sys.color.on-primary')}),
primaryContainer: Color(${light('md.sys.color.primary-container')}), primaryContainer: Color(${light('md.sys.color.primary-container')}),
onPrimaryContainer: Color(${light('md.sys.color.on-primary-container')}), onPrimaryContainer: Color(${light('md.sys.color.on-primary-container')}),
primaryFixed: Color(${light('md.sys.color.primary-fixed')}),
primaryFixedDim: Color(${light('md.sys.color.primary-fixed-dim')}),
onPrimaryFixed: Color(${light('md.sys.color.on-primary-fixed')}),
onPrimaryFixedVariant: Color(${light('md.sys.color.on-primary-fixed-variant')}),
secondary: Color(${light('md.sys.color.secondary')}), secondary: Color(${light('md.sys.color.secondary')}),
onSecondary: Color(${light('md.sys.color.on-secondary')}), onSecondary: Color(${light('md.sys.color.on-secondary')}),
secondaryContainer: Color(${light('md.sys.color.secondary-container')}), secondaryContainer: Color(${light('md.sys.color.secondary-container')}),
onSecondaryContainer: Color(${light('md.sys.color.on-secondary-container')}), onSecondaryContainer: Color(${light('md.sys.color.on-secondary-container')}),
secondaryFixed: Color(${light('md.sys.color.secondary-fixed')}),
secondaryFixedDim: Color(${light('md.sys.color.secondary-fixed-dim')}),
onSecondaryFixed: Color(${light('md.sys.color.on-secondary-fixed')}),
onSecondaryFixedVariant: Color(${light('md.sys.color.on-secondary-fixed-variant')}),
tertiary: Color(${light('md.sys.color.tertiary')}), tertiary: Color(${light('md.sys.color.tertiary')}),
onTertiary: Color(${light('md.sys.color.on-tertiary')}), onTertiary: Color(${light('md.sys.color.on-tertiary')}),
tertiaryContainer: Color(${light('md.sys.color.tertiary-container')}), tertiaryContainer: Color(${light('md.sys.color.tertiary-container')}),
onTertiaryContainer: Color(${light('md.sys.color.on-tertiary-container')}), onTertiaryContainer: Color(${light('md.sys.color.on-tertiary-container')}),
tertiaryFixed: Color(${light('md.sys.color.tertiary-fixed')}),
tertiaryFixedDim: Color(${light('md.sys.color.tertiary-fixed-dim')}),
onTertiaryFixed: Color(${light('md.sys.color.on-tertiary-fixed')}),
onTertiaryFixedVariant: Color(${light('md.sys.color.on-tertiary-fixed-variant')}),
error: Color(${light('md.sys.color.error')}), error: Color(${light('md.sys.color.error')}),
onError: Color(${light('md.sys.color.on-error')}), onError: Color(${light('md.sys.color.on-error')}),
errorContainer: Color(${light('md.sys.color.error-container')}), errorContainer: Color(${light('md.sys.color.error-container')}),
...@@ -59,13 +47,6 @@ const ColorScheme _colorSchemeLightM3 = ColorScheme( ...@@ -59,13 +47,6 @@ const ColorScheme _colorSchemeLightM3 = ColorScheme(
background: Color(${light('md.sys.color.background')}), background: Color(${light('md.sys.color.background')}),
onBackground: Color(${light('md.sys.color.on-background')}), onBackground: Color(${light('md.sys.color.on-background')}),
surface: Color(${light('md.sys.color.surface')}), surface: Color(${light('md.sys.color.surface')}),
surfaceBright: Color(${light('md.sys.color.surface-bright')}),
surfaceContainerLowest: Color(${light('md.sys.color.surface-container-lowest')}),
surfaceContainerLow: Color(${light('md.sys.color.surface-container-low')}),
surfaceContainer: Color(${light('md.sys.color.surface-container')}),
surfaceContainerHigh: Color(${light('md.sys.color.surface-container-high')}),
surfaceContainerHighest: Color(${light('md.sys.color.surface-container-highest')}),
surfaceDim: Color(${light('md.sys.color.surface-dim')}),
onSurface: Color(${light('md.sys.color.on-surface')}), onSurface: Color(${light('md.sys.color.on-surface')}),
surfaceVariant: Color(${light('md.sys.color.surface-variant')}), surfaceVariant: Color(${light('md.sys.color.surface-variant')}),
onSurfaceVariant: Color(${light('md.sys.color.on-surface-variant')}), onSurfaceVariant: Color(${light('md.sys.color.on-surface-variant')}),
...@@ -86,26 +67,14 @@ const ColorScheme _colorSchemeDarkM3 = ColorScheme( ...@@ -86,26 +67,14 @@ const ColorScheme _colorSchemeDarkM3 = ColorScheme(
onPrimary: Color(${dark('md.sys.color.on-primary')}), onPrimary: Color(${dark('md.sys.color.on-primary')}),
primaryContainer: Color(${dark('md.sys.color.primary-container')}), primaryContainer: Color(${dark('md.sys.color.primary-container')}),
onPrimaryContainer: Color(${dark('md.sys.color.on-primary-container')}), onPrimaryContainer: Color(${dark('md.sys.color.on-primary-container')}),
primaryFixed: Color(${dark('md.sys.color.primary-fixed')}),
primaryFixedDim: Color(${dark('md.sys.color.primary-fixed-dim')}),
onPrimaryFixed: Color(${dark('md.sys.color.on-primary-fixed')}),
onPrimaryFixedVariant: Color(${dark('md.sys.color.on-primary-fixed-variant')}),
secondary: Color(${dark('md.sys.color.secondary')}), secondary: Color(${dark('md.sys.color.secondary')}),
onSecondary: Color(${dark('md.sys.color.on-secondary')}), onSecondary: Color(${dark('md.sys.color.on-secondary')}),
secondaryContainer: Color(${dark('md.sys.color.secondary-container')}), secondaryContainer: Color(${dark('md.sys.color.secondary-container')}),
onSecondaryContainer: Color(${dark('md.sys.color.on-secondary-container')}), onSecondaryContainer: Color(${dark('md.sys.color.on-secondary-container')}),
secondaryFixed: Color(${dark('md.sys.color.secondary-fixed')}),
secondaryFixedDim: Color(${dark('md.sys.color.secondary-fixed-dim')}),
onSecondaryFixed: Color(${dark('md.sys.color.on-secondary-fixed')}),
onSecondaryFixedVariant: Color(${dark('md.sys.color.on-secondary-fixed-variant')}),
tertiary: Color(${dark('md.sys.color.tertiary')}), tertiary: Color(${dark('md.sys.color.tertiary')}),
onTertiary: Color(${dark('md.sys.color.on-tertiary')}), onTertiary: Color(${dark('md.sys.color.on-tertiary')}),
tertiaryContainer: Color(${dark('md.sys.color.tertiary-container')}), tertiaryContainer: Color(${dark('md.sys.color.tertiary-container')}),
onTertiaryContainer: Color(${dark('md.sys.color.on-tertiary-container')}), onTertiaryContainer: Color(${dark('md.sys.color.on-tertiary-container')}),
tertiaryFixed: Color(${dark('md.sys.color.tertiary-fixed')}),
tertiaryFixedDim: Color(${dark('md.sys.color.tertiary-fixed-dim')}),
onTertiaryFixed: Color(${dark('md.sys.color.on-tertiary-fixed')}),
onTertiaryFixedVariant: Color(${dark('md.sys.color.on-tertiary-fixed-variant')}),
error: Color(${dark('md.sys.color.error')}), error: Color(${dark('md.sys.color.error')}),
onError: Color(${dark('md.sys.color.on-error')}), onError: Color(${dark('md.sys.color.on-error')}),
errorContainer: Color(${dark('md.sys.color.error-container')}), errorContainer: Color(${dark('md.sys.color.error-container')}),
...@@ -113,13 +82,6 @@ const ColorScheme _colorSchemeDarkM3 = ColorScheme( ...@@ -113,13 +82,6 @@ const ColorScheme _colorSchemeDarkM3 = ColorScheme(
background: Color(${dark('md.sys.color.background')}), background: Color(${dark('md.sys.color.background')}),
onBackground: Color(${dark('md.sys.color.on-background')}), onBackground: Color(${dark('md.sys.color.on-background')}),
surface: Color(${dark('md.sys.color.surface')}), surface: Color(${dark('md.sys.color.surface')}),
surfaceBright: Color(${dark('md.sys.color.surface-bright')}),
surfaceContainerLowest: Color(${dark('md.sys.color.surface-container-lowest')}),
surfaceContainerLow: Color(${dark('md.sys.color.surface-container-low')}),
surfaceContainer: Color(${dark('md.sys.color.surface-container')}),
surfaceContainerHigh: Color(${dark('md.sys.color.surface-container-high')}),
surfaceContainerHighest: Color(${dark('md.sys.color.surface-container-highest')}),
surfaceDim: Color(${dark('md.sys.color.surface-dim')}),
onSurface: Color(${dark('md.sys.color.on-surface')}), onSurface: Color(${dark('md.sys.color.on-surface')}),
surfaceVariant: Color(${dark('md.sys.color.surface-variant')}), surfaceVariant: Color(${dark('md.sys.color.surface-variant')}),
onSurfaceVariant: Color(${dark('md.sys.color.on-surface-variant')}), onSurfaceVariant: Color(${dark('md.sys.color.on-surface-variant')}),
......
...@@ -17,7 +17,7 @@ class _${blockName}DefaultsM3 extends DrawerThemeData { ...@@ -17,7 +17,7 @@ class _${blockName}DefaultsM3 extends DrawerThemeData {
late final TextDirection direction = Directionality.of(context); late final TextDirection direction = Directionality.of(context);
@override @override
Color? get backgroundColor => ${componentColor("md.comp.navigation-drawer.modal.container")}; Color? get backgroundColor => ${componentColor("md.comp.navigation-drawer.container")};
@override @override
Color? get surfaceTintColor => ${colorOrTransparent("md.comp.navigation-drawer.container.surface-tint-layer.color")}; Color? get surfaceTintColor => ${colorOrTransparent("md.comp.navigation-drawer.container.surface-tint-layer.color")};
......
...@@ -71,7 +71,7 @@ class _${blockName}DefaultsM3 extends ChipThemeData { ...@@ -71,7 +71,7 @@ class _${blockName}DefaultsM3 extends ChipThemeData {
} }
return _chipVariant == _ChipVariant.flat return _chipVariant == _ChipVariant.flat
? ${componentColor("$tokenGroup$flatVariant.container")} ? ${componentColor("$tokenGroup$flatVariant.container")}
: ${componentColor("$tokenGroup$elevatedVariant.unselected.container")}; : ${componentColor("$tokenGroup$elevatedVariant.container")};
}); });
@override @override
......
...@@ -185,14 +185,14 @@ class IconButtonTemplate extends TokenTemplate { ...@@ -185,14 +185,14 @@ class IconButtonTemplate extends TokenTemplate {
} }
String _minimumSize() { String _minimumSize() {
if (tokenAvailable('$tokenGroup.container.height') && tokenAvailable('$tokenGroup.container.width')) { if (tokenAvailable('$tokenGroup.container.size')) {
return ''' return '''
const MaterialStatePropertyAll<Size>(Size(${getToken('$tokenGroup.container.width')}, ${getToken('$tokenGroup.container.height')}))'''; const MaterialStatePropertyAll<Size>(Size(${getToken('$tokenGroup.container.size')}, ${getToken('$tokenGroup.container.size')}))''';
} else { } else {
return ''' return '''
const MaterialStatePropertyAll<Size>(Size(40.0, 40.0))'''; const MaterialStatePropertyAll<Size>(Size(${getToken('$tokenGroup.state-layer.size')}, ${getToken('$tokenGroup.state-layer.size')}))''';
} }
} }
......
...@@ -38,7 +38,7 @@ class _MenuBarDefaultsM3 extends MenuStyle { ...@@ -38,7 +38,7 @@ class _MenuBarDefaultsM3 extends MenuStyle {
@override @override
MaterialStateProperty<Color?>? get surfaceTintColor { MaterialStateProperty<Color?>? get surfaceTintColor {
return const MaterialStatePropertyAll<Color?>(${colorOrTransparent('md.comp.menu.container.surface-tint-layer')}); return MaterialStatePropertyAll<Color?>(${componentColor('md.comp.menu.container.surface-tint-layer')});
} }
@override @override
...@@ -242,10 +242,7 @@ class _MenuDefaultsM3 extends MenuStyle { ...@@ -242,10 +242,7 @@ class _MenuDefaultsM3 extends MenuStyle {
@override @override
MaterialStateProperty<Color?>? get surfaceTintColor { MaterialStateProperty<Color?>? get surfaceTintColor {
return ${componentColor('md.comp.menu.container.surface-tint-layer') == 'null' return MaterialStatePropertyAll<Color?>(${componentColor('md.comp.menu.container.surface-tint-layer')});
? 'const MaterialStatePropertyAll<Color?>(Colors.transparent)'
: 'MaterialStatePropertyAll<Color?>(${componentColor('md.comp.menu.container.surface-tint-layer')})'
};
} }
@override @override
......
...@@ -26,7 +26,7 @@ class _${blockName}DefaultsM3 extends NavigationDrawerThemeData { ...@@ -26,7 +26,7 @@ class _${blockName}DefaultsM3 extends NavigationDrawerThemeData {
late final TextTheme _textTheme = Theme.of(context).textTheme; late final TextTheme _textTheme = Theme.of(context).textTheme;
@override @override
Color? get backgroundColor => ${componentColor("md.comp.navigation-drawer.modal.container")}; Color? get backgroundColor => ${componentColor("md.comp.navigation-drawer.container")};
@override @override
Color? get surfaceTintColor => ${colorOrTransparent("md.comp.navigation-drawer.container.surface-tint-layer.color")}; Color? get surfaceTintColor => ${colorOrTransparent("md.comp.navigation-drawer.container.surface-tint-layer.color")};
......
...@@ -38,7 +38,7 @@ class _${blockName}DefaultsM3 extends PopupMenuThemeData { ...@@ -38,7 +38,7 @@ class _${blockName}DefaultsM3 extends PopupMenuThemeData {
Color? get shadowColor => ${color("md.comp.menu.container.shadow-color")}; Color? get shadowColor => ${color("md.comp.menu.container.shadow-color")};
@override @override
Color? get surfaceTintColor => ${colorOrTransparent("md.comp.menu.container.surface-tint-layer.color")}; Color? get surfaceTintColor => ${color("md.comp.menu.container.surface-tint-layer.color")};
@override @override
ShapeBorder? get shape => ${shape("md.comp.menu.container")}; ShapeBorder? get shape => ${shape("md.comp.menu.container")};
......
...@@ -10,15 +10,6 @@ class SearchBarTemplate extends TokenTemplate { ...@@ -10,15 +10,6 @@ class SearchBarTemplate extends TokenTemplate {
super.textThemePrefix = '_textTheme.' super.textThemePrefix = '_textTheme.'
}); });
String _surfaceTint() {
final String? color = colorOrTransparent('md.comp.search-bar.container.surface-tint-layer.color');
final String surfaceTintColor = 'MaterialStatePropertyAll<Color>($color);';
if (color == 'Colors.transparent') {
return 'const $surfaceTintColor';
}
return surfaceTintColor;
}
@override @override
String generate() => ''' String generate() => '''
class _SearchBarDefaultsM3 extends SearchBarThemeData { class _SearchBarDefaultsM3 extends SearchBarThemeData {
...@@ -42,7 +33,7 @@ class _SearchBarDefaultsM3 extends SearchBarThemeData { ...@@ -42,7 +33,7 @@ class _SearchBarDefaultsM3 extends SearchBarThemeData {
@override @override
MaterialStateProperty<Color>? get surfaceTintColor => MaterialStateProperty<Color>? get surfaceTintColor =>
${_surfaceTint()} MaterialStatePropertyAll<Color>(${colorOrTransparent("md.comp.search-bar.container.surface-tint-layer.color")});
@override @override
MaterialStateProperty<Color?>? get overlayColor => MaterialStateProperty<Color?>? get overlayColor =>
......
...@@ -124,23 +124,23 @@ class _${blockName}DefaultsM3 extends SegmentedButtonThemeData { ...@@ -124,23 +124,23 @@ class _${blockName}DefaultsM3 extends SegmentedButtonThemeData {
return MaterialStateProperty.resolveWith((Set<MaterialState> states) { return MaterialStateProperty.resolveWith((Set<MaterialState> states) {
if (states.contains(MaterialState.selected)) { if (states.contains(MaterialState.selected)) {
if (states.contains(MaterialState.pressed)) { if (states.contains(MaterialState.pressed)) {
return selectedColor?.withOpacity(0.1); return selectedColor?.withOpacity(0.12);
} }
if (states.contains(MaterialState.hovered)) { if (states.contains(MaterialState.hovered)) {
return selectedColor?.withOpacity(0.08); return selectedColor?.withOpacity(0.08);
} }
if (states.contains(MaterialState.focused)) { if (states.contains(MaterialState.focused)) {
return selectedColor?.withOpacity(0.1); return selectedColor?.withOpacity(0.12);
} }
} else { } else {
if (states.contains(MaterialState.pressed)) { if (states.contains(MaterialState.pressed)) {
return unselectedColor?.withOpacity(0.1); return unselectedColor?.withOpacity(0.12);
} }
if (states.contains(MaterialState.hovered)) { if (states.contains(MaterialState.hovered)) {
return unselectedColor?.withOpacity(0.08); return unselectedColor?.withOpacity(0.08);
} }
if (states.contains(MaterialState.focused)) { if (states.contains(MaterialState.focused)) {
return unselectedColor?.withOpacity(0.1); return unselectedColor?.withOpacity(0.12);
} }
} }
return Colors.transparent; return Colors.transparent;
......
...@@ -21,13 +21,11 @@ class _${blockName}PrimaryDefaultsM3 extends TabBarTheme { ...@@ -21,13 +21,11 @@ class _${blockName}PrimaryDefaultsM3 extends TabBarTheme {
late final TextTheme _textTheme = Theme.of(context).textTheme; late final TextTheme _textTheme = Theme.of(context).textTheme;
final bool isScrollable; final bool isScrollable;
// This value comes from Divider widget defaults. Token db deprecated 'primary-navigation-tab.divider.color' token.
@override @override
Color? get dividerColor => ${componentColor("md.comp.divider")}; Color? get dividerColor => ${componentColor("md.comp.primary-navigation-tab.divider")};
// This value comes from Divider widget defaults. Token db deprecated 'primary-navigation-tab.divider.height' token.
@override @override
double? get dividerHeight => ${getToken("md.comp.divider.thickness")}; double? get dividerHeight => ${getToken('md.comp.primary-navigation-tab.divider.height')};
@override @override
Color? get indicatorColor => ${componentColor("md.comp.primary-navigation-tab.active-indicator")}; Color? get indicatorColor => ${componentColor("md.comp.primary-navigation-tab.active-indicator")};
...@@ -95,13 +93,11 @@ class _${blockName}SecondaryDefaultsM3 extends TabBarTheme { ...@@ -95,13 +93,11 @@ class _${blockName}SecondaryDefaultsM3 extends TabBarTheme {
late final TextTheme _textTheme = Theme.of(context).textTheme; late final TextTheme _textTheme = Theme.of(context).textTheme;
final bool isScrollable; final bool isScrollable;
// This value comes from Divider widget defaults. Token db deprecated 'secondary-navigation-tab.divider.color' token.
@override @override
Color? get dividerColor => ${componentColor("md.comp.divider")}; Color? get dividerColor => ${componentColor("md.comp.secondary-navigation-tab.divider")};
// This value comes from Divider widget defaults. Token db deprecated 'secondary-navigation-tab.divider.height' token.
@override @override
double? get dividerHeight => ${getToken("md.comp.divider.thickness")}; double? get dividerHeight => ${getToken('md.comp.secondary-navigation-tab.divider.height')};
@override @override
Color? get indicatorColor => ${componentColor("md.comp.primary-navigation-tab.active-indicator")}; Color? get indicatorColor => ${componentColor("md.comp.primary-navigation-tab.active-indicator")};
......
...@@ -126,7 +126,7 @@ class _DynamicColorExampleState extends State<DynamicColorExample> { ...@@ -126,7 +126,7 @@ class _DynamicColorExampleState extends State<DynamicColorExample> {
divider, divider,
Expanded( Expanded(
child: ColoredBox( child: ColoredBox(
color: colorScheme.surface, color: colorScheme.background,
child: LayoutBuilder(builder: (BuildContext context, BoxConstraints constraints) { child: LayoutBuilder(builder: (BuildContext context, BoxConstraints constraints) {
if (constraints.maxWidth < narrowScreenWidthThreshold) { if (constraints.maxWidth < narrowScreenWidthThreshold) {
return SingleChildScrollView( return SingleChildScrollView(
...@@ -226,7 +226,7 @@ class _DynamicColorExampleState extends State<DynamicColorExample> { ...@@ -226,7 +226,7 @@ class _DynamicColorExampleState extends State<DynamicColorExample> {
child: Card( child: Card(
color: widget.images.indexOf(image) == selectedImage color: widget.images.indexOf(image) == selectedImage
? colorScheme.primaryContainer ? colorScheme.primaryContainer
: colorScheme.surface, : colorScheme.background,
child: Padding( child: Padding(
padding: const EdgeInsets.all(5.0), padding: const EdgeInsets.all(5.0),
child: ConstrainedBox( child: ConstrainedBox(
...@@ -305,12 +305,21 @@ class ColorSchemeView extends StatelessWidget { ...@@ -305,12 +305,21 @@ class ColorSchemeView extends StatelessWidget {
], ],
), ),
divider, divider,
ColorGroup(
children: <ColorChip>[
ColorChip(label: 'background', color: colorScheme.background, onColor: colorScheme.onBackground),
ColorChip(label: 'onBackground', color: colorScheme.onBackground, onColor: colorScheme.background),
],
),
divider,
ColorGroup( ColorGroup(
children: <ColorChip>[ children: <ColorChip>[
ColorChip(label: 'surface', color: colorScheme.surface, onColor: colorScheme.onSurface), ColorChip(label: 'surface', color: colorScheme.surface, onColor: colorScheme.onSurface),
ColorChip(label: 'onSurface', color: colorScheme.onSurface, onColor: colorScheme.surface), ColorChip(label: 'onSurface', color: colorScheme.onSurface, onColor: colorScheme.surface),
ColorChip( ColorChip(
label: 'onSurfaceVariant', color: colorScheme.onSurfaceVariant, onColor: colorScheme.surfaceContainerHighest), label: 'surfaceVariant', color: colorScheme.surfaceVariant, onColor: colorScheme.onSurfaceVariant),
ColorChip(
label: 'onSurfaceVariant', color: colorScheme.onSurfaceVariant, onColor: colorScheme.surfaceVariant),
], ],
), ),
divider, divider,
......
...@@ -133,7 +133,7 @@ class Grabber extends StatelessWidget { ...@@ -133,7 +133,7 @@ class Grabber extends StatelessWidget {
width: 32.0, width: 32.0,
height: 4.0, height: 4.0,
decoration: BoxDecoration( decoration: BoxDecoration(
color: colorScheme.surfaceContainerHighest, color: colorScheme.surfaceVariant,
borderRadius: BorderRadius.circular(8.0), borderRadius: BorderRadius.circular(8.0),
), ),
), ),
......
...@@ -169,7 +169,7 @@ class PageIndicator extends StatelessWidget { ...@@ -169,7 +169,7 @@ class PageIndicator extends StatelessWidget {
), ),
TabPageSelector( TabPageSelector(
controller: tabController, controller: tabController,
color: colorScheme.surface, color: colorScheme.background,
selectedColor: colorScheme.primary, selectedColor: colorScheme.primary,
), ),
IconButton( IconButton(
......
...@@ -27,7 +27,7 @@ void main() { ...@@ -27,7 +27,7 @@ void main() {
); );
// Test the default animation. // Test the default animation.
expect(getScaffoldMaterial().color, lightTheme.colorScheme.surface); expect(getScaffoldMaterial().color, lightTheme.colorScheme.background);
await tester.tap(find.text( 'Switch Theme Mode')); await tester.tap(find.text( 'Switch Theme Mode'));
await tester.pump(); await tester.pump();
...@@ -37,13 +37,13 @@ void main() { ...@@ -37,13 +37,13 @@ void main() {
// The Scaffold background color is updated. // The Scaffold background color is updated.
expect( expect(
getScaffoldMaterial().color, getScaffoldMaterial().color,
Color.lerp(lightTheme.colorScheme.surface, darkTheme.colorScheme.surface, 0.5), Color.lerp(lightTheme.colorScheme.background, darkTheme.colorScheme.background, 0.5),
); );
await tester.pumpAndSettle(); await tester.pumpAndSettle();
// The Scaffold background color is now fully dark. // The Scaffold background color is now fully dark.
expect(getScaffoldMaterial().color, darkTheme.colorScheme.surface); expect(getScaffoldMaterial().color, darkTheme.colorScheme.background);
// Test the custom animation curve and duration. // Test the custom animation curve and duration.
await tester.tap(find.text('Custom')); await tester.tap(find.text('Custom'));
...@@ -55,12 +55,12 @@ void main() { ...@@ -55,12 +55,12 @@ void main() {
await tester.pump(const Duration(milliseconds: 500)); await tester.pump(const Duration(milliseconds: 500));
// The Scaffold background color is updated. // The Scaffold background color is updated.
expect(getScaffoldMaterial().color, const Color(0xff333731)); expect(getScaffoldMaterial().color, const Color(0xff3c3e3b));
await tester.pumpAndSettle(); await tester.pumpAndSettle();
// The Scaffold background color is now fully light. // The Scaffold background color is now fully light.
expect(getScaffoldMaterial().color, lightTheme.colorScheme.surface); expect(getScaffoldMaterial().color, lightTheme.colorScheme.background);
// Test the no animation style. // Test the no animation style.
await tester.tap(find.text('None')); await tester.tap(find.text('None'));
...@@ -71,6 +71,6 @@ void main() { ...@@ -71,6 +71,6 @@ void main() {
await tester.pump(); await tester.pump();
// The Scaffold background color is updated immediately. // The Scaffold background color is updated immediately.
expect(getScaffoldMaterial().color, darkTheme.colorScheme.surface); expect(getScaffoldMaterial().color, darkTheme.colorScheme.background);
}); });
} }
...@@ -31,9 +31,9 @@ void main() { ...@@ -31,9 +31,9 @@ void main() {
expect(defaultCard.shape, const RoundedRectangleBorder( expect(defaultCard.shape, const RoundedRectangleBorder(
borderRadius: BorderRadius.all(Radius.circular(12.0)), borderRadius: BorderRadius.all(Radius.circular(12.0)),
)); ));
expect(defaultCard.color, const Color(0xfff7f2fa)); expect(defaultCard.color, const Color(0xfffffbfe));
expect(defaultCard.shadowColor, const Color(0xff000000)); expect(defaultCard.shadowColor, const Color(0xff000000));
expect(defaultCard.surfaceTintColor, Colors.transparent); expect(defaultCard.surfaceTintColor, const Color(0xff6750a4));
final Material filledCard = getCardMaterial(tester, 1); final Material filledCard = getCardMaterial(tester, 1);
expect(filledCard.clipBehavior, Clip.none); expect(filledCard.clipBehavior, Clip.none);
...@@ -41,7 +41,7 @@ void main() { ...@@ -41,7 +41,7 @@ void main() {
expect(filledCard.shape, const RoundedRectangleBorder( expect(filledCard.shape, const RoundedRectangleBorder(
borderRadius: BorderRadius.all(Radius.circular(12.0)), borderRadius: BorderRadius.all(Radius.circular(12.0)),
)); ));
expect(filledCard.color, const Color(0xffe6e0e9)); expect(filledCard.color, const Color(0xffe7e0ec));
expect(filledCard.shadowColor, const Color(0xff000000)); expect(filledCard.shadowColor, const Color(0xff000000));
expect(filledCard.surfaceTintColor, const Color(0x00000000)); expect(filledCard.surfaceTintColor, const Color(0x00000000));
...@@ -52,8 +52,8 @@ void main() { ...@@ -52,8 +52,8 @@ void main() {
side: BorderSide(color: Color(0xffcac4d0)), side: BorderSide(color: Color(0xffcac4d0)),
borderRadius: BorderRadius.all(Radius.circular(12.0)), borderRadius: BorderRadius.all(Radius.circular(12.0)),
)); ));
expect(outlinedCard.color, const Color(0xfffef7ff)); expect(outlinedCard.color, const Color(0xfffffbfe));
expect(outlinedCard.shadowColor, const Color(0xff000000)); expect(outlinedCard.shadowColor, const Color(0xff000000));
expect(outlinedCard.surfaceTintColor, Colors.transparent); expect(outlinedCard.surfaceTintColor, const Color(0xff6750a4));
}); });
} }
// Copyright 2014 The Flutter Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.
import 'package:flutter/material.dart';
import 'package:flutter_api_samples/material/color_scheme/color_scheme.0.dart' as example;
import 'package:flutter_test/flutter_test.dart';
void main() {
testWidgets('ColorScheme Smoke Test', (WidgetTester tester) async {
await tester.pumpWidget(
const example.ColorSchemeExample(),
);
expect(find.text('Light ColorScheme'), findsOneWidget);
expect(find.text('Dark ColorScheme'), findsOneWidget);
expect(find.byType(example.ColorChip), findsNWidgets(86));
});
testWidgets('Change color seed', (WidgetTester tester) async {
await tester.pumpWidget(
const example.ColorSchemeExample(),
);
ColoredBox coloredBox() {
return tester.widget<ColoredBox>(
find.descendant(
of: find.widgetWithText(example.ColorChip, 'primary').first,
matching: find.byType(ColoredBox)
)
);
}
expect(coloredBox().color, const Color(0xFF6750A4));
await tester.tap(find.byType(MenuAnchor));
await tester.pumpAndSettle();
await tester.tap(find.widgetWithText(MenuItemButton, 'Yellow'));
await tester.pumpAndSettle();
expect(coloredBox().color, const Color(0xFF685F12));
});
}
...@@ -25,7 +25,7 @@ void main() { ...@@ -25,7 +25,7 @@ void main() {
TextButton thirdButton = findButton('Orange'); TextButton thirdButton = findButton('Orange');
const Color selectedColor = Color(0xffef9a9a); const Color selectedColor = Color(0xffef9a9a);
const Color unselectedColor = Color(0x00fef7ff); const Color unselectedColor = Color(0x00fffbfe);
/// First button is selected. /// First button is selected.
expect(firstButton.style!.backgroundColor!.resolve(enabled), selectedColor); expect(firstButton.style!.backgroundColor!.resolve(enabled), selectedColor);
...@@ -63,7 +63,7 @@ void main() { ...@@ -63,7 +63,7 @@ void main() {
TextButton thirdButton = findButton('Carrots'); TextButton thirdButton = findButton('Carrots');
const Color selectedColor = Color(0xffa5d6a7); const Color selectedColor = Color(0xffa5d6a7);
const Color unselectedColor = Color(0x00fef7ff); const Color unselectedColor = Color(0x00fffbfe);
/// Second button is selected. /// Second button is selected.
expect(firstButton.style!.backgroundColor!.resolve(enabled), unselectedColor); expect(firstButton.style!.backgroundColor!.resolve(enabled), unselectedColor);
...@@ -102,7 +102,7 @@ void main() { ...@@ -102,7 +102,7 @@ void main() {
TextButton thirdButton = findButton(Icons.ac_unit); TextButton thirdButton = findButton(Icons.ac_unit);
const Color selectedColor = Color(0xff90caf9); const Color selectedColor = Color(0xff90caf9);
const Color unselectedColor = Color(0x00fef7ff); const Color unselectedColor = Color(0x00fffbfe);
/// Third button is selected. /// Third button is selected.
......
...@@ -280,9 +280,7 @@ class _ActionChipDefaultsM3 extends ChipThemeData { ...@@ -280,9 +280,7 @@ class _ActionChipDefaultsM3 extends ChipThemeData {
? null ? null
: _colors.onSurface.withOpacity(0.12); : _colors.onSurface.withOpacity(0.12);
} }
return _chipVariant == _ChipVariant.flat return null;
? null
: _colors.surfaceContainerLow;
}); });
@override @override
...@@ -291,7 +289,7 @@ class _ActionChipDefaultsM3 extends ChipThemeData { ...@@ -291,7 +289,7 @@ class _ActionChipDefaultsM3 extends ChipThemeData {
: _colors.shadow; : _colors.shadow;
@override @override
Color? get surfaceTintColor => Colors.transparent; Color? get surfaceTintColor => _colors.surfaceTint;
@override @override
Color? get checkmarkColor => null; Color? get checkmarkColor => null;
......
...@@ -848,17 +848,6 @@ class _AppBarState extends State<AppBar> { ...@@ -848,17 +848,6 @@ class _AppBarState extends State<AppBar> {
defaults.backgroundColor!, defaults.backgroundColor!,
); );
final Color scrolledUnderBackground = _resolveColor(
states,
widget.backgroundColor,
appBarTheme.backgroundColor,
Theme.of(context).colorScheme.surfaceContainer,
);
final Color effectiveBackgroundColor = states.contains(MaterialState.scrolledUnder)
? scrolledUnderBackground
: backgroundColor;
final Color foregroundColor = widget.foregroundColor final Color foregroundColor = widget.foregroundColor
?? appBarTheme.foregroundColor ?? appBarTheme.foregroundColor
?? defaults.foregroundColor!; ?? defaults.foregroundColor!;
...@@ -1124,7 +1113,7 @@ class _AppBarState extends State<AppBar> { ...@@ -1124,7 +1113,7 @@ class _AppBarState extends State<AppBar> {
?? appBarTheme.systemOverlayStyle ?? appBarTheme.systemOverlayStyle
?? defaults.systemOverlayStyle ?? defaults.systemOverlayStyle
?? _systemOverlayStyleForBrightness( ?? _systemOverlayStyleForBrightness(
ThemeData.estimateBrightnessForColor(effectiveBackgroundColor), ThemeData.estimateBrightnessForColor(backgroundColor),
// Make the status bar transparent for M3 so the elevation overlay // Make the status bar transparent for M3 so the elevation overlay
// color is picked up by the statusbar. // color is picked up by the statusbar.
theme.useMaterial3 ? const Color(0x00000000) : null, theme.useMaterial3 ? const Color(0x00000000) : null,
...@@ -1135,7 +1124,7 @@ class _AppBarState extends State<AppBar> { ...@@ -1135,7 +1124,7 @@ class _AppBarState extends State<AppBar> {
child: AnnotatedRegion<SystemUiOverlayStyle>( child: AnnotatedRegion<SystemUiOverlayStyle>(
value: overlayStyle, value: overlayStyle,
child: Material( child: Material(
color: theme.useMaterial3 ? effectiveBackgroundColor : backgroundColor, color: backgroundColor,
elevation: effectiveElevation, elevation: effectiveElevation,
type: widget.forceMaterialTransparency type: widget.forceMaterialTransparency
? MaterialType.transparency ? MaterialType.transparency
...@@ -1145,10 +1134,7 @@ class _AppBarState extends State<AppBar> { ...@@ -1145,10 +1134,7 @@ class _AppBarState extends State<AppBar> {
?? defaults.shadowColor, ?? defaults.shadowColor,
surfaceTintColor: widget.surfaceTintColor surfaceTintColor: widget.surfaceTintColor
?? appBarTheme.surfaceTintColor ?? appBarTheme.surfaceTintColor
// M3 `defaults.surfaceTint` is Colors.transparent now. It is not used ?? defaults.surfaceTintColor,
// here because otherwise, it will cause breaking change for
// `scrolledUnderElevation`.
?? (theme.useMaterial3 ? theme.colorScheme.surfaceTint : null),
shape: widget.shape ?? appBarTheme.shape ?? defaults.shape, shape: widget.shape ?? appBarTheme.shape ?? defaults.shape,
child: Semantics( child: Semantics(
explicitChildNodes: true, explicitChildNodes: true,
...@@ -2355,7 +2341,7 @@ class _AppBarDefaultsM3 extends AppBarTheme { ...@@ -2355,7 +2341,7 @@ class _AppBarDefaultsM3 extends AppBarTheme {
Color? get shadowColor => Colors.transparent; Color? get shadowColor => Colors.transparent;
@override @override
Color? get surfaceTintColor => Colors.transparent; Color? get surfaceTintColor => _colors.surfaceTint;
@override @override
IconThemeData? get iconTheme => IconThemeData( IconThemeData? get iconTheme => IconThemeData(
......
...@@ -6,7 +6,6 @@ import 'package:flutter/widgets.dart'; ...@@ -6,7 +6,6 @@ import 'package:flutter/widgets.dart';
import 'banner_theme.dart'; import 'banner_theme.dart';
import 'color_scheme.dart'; import 'color_scheme.dart';
import 'colors.dart';
import 'divider.dart'; import 'divider.dart';
import 'material.dart'; import 'material.dart';
import 'scaffold.dart'; import 'scaffold.dart';
...@@ -154,18 +153,16 @@ class MaterialBanner extends StatefulWidget { ...@@ -154,18 +153,16 @@ class MaterialBanner extends StatefulWidget {
/// The color of the surface of this [MaterialBanner]. /// The color of the surface of this [MaterialBanner].
/// ///
/// If `null`, [MaterialBannerThemeData.backgroundColor] is used. If that is /// If `null`, [MaterialBannerThemeData.backgroundColor] is used. If that is
/// also `null`, [ColorScheme.surfaceContainerLow] of [ThemeData.colorScheme] is used. /// also `null`, [ColorScheme.surface] of [ThemeData.colorScheme] is used.
final Color? backgroundColor; final Color? backgroundColor;
/// The color used as an overlay on [backgroundColor] to indicate elevation. /// The color used as an overlay on [backgroundColor] to indicate elevation.
/// ///
/// If null, [MaterialBannerThemeData.surfaceTintColor] is used. If that /// If null, [MaterialBannerThemeData.surfaceTintColor] is used. If that
/// is also null, the default value is [Colors.transparent]. /// is also null, the default value is [ColorScheme.surfaceTint].
/// ///
/// This is not recommended for use. [Material 3 spec](https://m3.material.io/styles/color/the-color-system/color-roles) /// See [Material.surfaceTintColor] for more details on how this
/// introduced a set of tone-based surfaces and surface containers in its [ColorScheme], /// overlay is applied.
/// which provide more flexibility. The intention is to eventually remove surface tint color from
/// the framework.
final Color? surfaceTintColor; final Color? surfaceTintColor;
/// The color of the shadow below the [MaterialBanner]. /// The color of the shadow below the [MaterialBanner].
...@@ -486,10 +483,10 @@ class _BannerDefaultsM3 extends MaterialBannerThemeData { ...@@ -486,10 +483,10 @@ class _BannerDefaultsM3 extends MaterialBannerThemeData {
late final TextTheme _textTheme = Theme.of(context).textTheme; late final TextTheme _textTheme = Theme.of(context).textTheme;
@override @override
Color? get backgroundColor => _colors.surfaceContainerLow; Color? get backgroundColor => _colors.surface;
@override @override
Color? get surfaceTintColor => Colors.transparent; Color? get surfaceTintColor => _colors.surfaceTint;
@override @override
Color? get dividerColor => _colors.outlineVariant; Color? get dividerColor => _colors.outlineVariant;
......
...@@ -94,9 +94,8 @@ class BottomAppBar extends StatefulWidget { ...@@ -94,9 +94,8 @@ class BottomAppBar extends StatefulWidget {
/// The bottom app bar's background color. /// The bottom app bar's background color.
/// ///
/// If this property is null then [BottomAppBarTheme.color] of /// If this property is null then [BottomAppBarTheme.color] of
/// [ThemeData.bottomAppBarTheme] is used. If that's null and [ThemeData.useMaterial3] /// [ThemeData.bottomAppBarTheme] is used. If that's null then
/// is true, the default value is [ColorScheme.surfaceContainer]; If that's null /// [ThemeData.bottomAppBarColor] is used.
/// and [ThemeData.useMaterial3] is false, then [ThemeData.bottomAppBarColor] is used.
final Color? color; final Color? color;
/// The z-coordinate at which to place this bottom app bar relative to its /// The z-coordinate at which to place this bottom app bar relative to its
...@@ -130,17 +129,18 @@ class BottomAppBar extends StatefulWidget { ...@@ -130,17 +129,18 @@ class BottomAppBar extends StatefulWidget {
/// A custom color for the Material 3 surface-tint elevation effect. /// A custom color for the Material 3 surface-tint elevation effect.
/// ///
/// This is not recommended for use. [Material 3 spec](https://m3.material.io/styles/color/the-color-system/color-roles) /// In Material 3, a "surface tint" with an opacity related to [elevation]
/// introduced a set of tone-based surfaces and surface containers in its [ColorScheme], /// will be applied to the [BottomAppBar]'s background.
/// which provide more flexibility. The intention is to eventually remove surface tint color from /// Use this property to override the default color of that tint.
/// the framework.
/// ///
/// If this property is null, then [BottomAppBarTheme.surfaceTintColor] /// If this property is null, then [BottomAppBarTheme.surfaceTintColor]
/// of [ThemeData.bottomAppBarTheme] is used. If that is also null, the default /// of [ThemeData.bottomAppBarTheme] is used.
/// value is [Colors.transparent]. /// If that is also null, [ColorScheme.surfaceTint] is used.
/// ///
/// Ignored if [ThemeData.useMaterial3] is false. /// Ignored if [ThemeData.useMaterial3] is false.
/// ///
/// The default is null.
///
/// See [Material.surfaceTintColor] for more details on how this overlay is applied. /// See [Material.surfaceTintColor] for more details on how this overlay is applied.
final Color? surfaceTintColor; final Color? surfaceTintColor;
...@@ -308,10 +308,10 @@ class _BottomAppBarDefaultsM3 extends BottomAppBarTheme { ...@@ -308,10 +308,10 @@ class _BottomAppBarDefaultsM3 extends BottomAppBarTheme {
late final ColorScheme _colors = Theme.of(context).colorScheme; late final ColorScheme _colors = Theme.of(context).colorScheme;
@override @override
Color? get color => _colors.surfaceContainer; Color? get color => _colors.surface;
@override @override
Color? get surfaceTintColor => Colors.transparent; Color? get surfaceTintColor => _colors.surfaceTint;
@override @override
Color? get shadowColor => Colors.transparent; Color? get shadowColor => Colors.transparent;
......
...@@ -147,7 +147,8 @@ class BottomSheet extends StatefulWidget { ...@@ -147,7 +147,8 @@ class BottomSheet extends StatefulWidget {
/// The bottom sheet drag handle's color. /// The bottom sheet drag handle's color.
/// ///
/// Defaults to [BottomSheetThemeData.dragHandleColor]. /// Defaults to [BottomSheetThemeData.dragHandleColor].
/// If that is also null, defaults to [ColorScheme.onSurfaceVariant]. /// If that is also null, defaults to [ColorScheme.onSurfaceVariant]
/// with an opacity of 0.4.
final Color? dragHandleColor; final Color? dragHandleColor;
/// Defaults to [BottomSheetThemeData.dragHandleSize]. /// Defaults to [BottomSheetThemeData.dragHandleSize].
...@@ -1404,16 +1405,16 @@ class _BottomSheetDefaultsM3 extends BottomSheetThemeData { ...@@ -1404,16 +1405,16 @@ class _BottomSheetDefaultsM3 extends BottomSheetThemeData {
late final ColorScheme _colors = Theme.of(context).colorScheme; late final ColorScheme _colors = Theme.of(context).colorScheme;
@override @override
Color? get backgroundColor => _colors.surfaceContainerLow; Color? get backgroundColor => _colors.surface;
@override @override
Color? get surfaceTintColor => Colors.transparent; Color? get surfaceTintColor => _colors.surfaceTint;
@override @override
Color? get shadowColor => Colors.transparent; Color? get shadowColor => Colors.transparent;
@override @override
Color? get dragHandleColor => _colors.onSurfaceVariant; Color? get dragHandleColor => _colors.onSurfaceVariant.withOpacity(0.4);
@override @override
Size? get dragHandleSize => const Size(32, 4); Size? get dragHandleSize => const Size(32, 4);
......
...@@ -119,8 +119,14 @@ class Card extends StatelessWidget { ...@@ -119,8 +119,14 @@ class Card extends StatelessWidget {
/// ///
/// Defines the card's [Material.color]. /// Defines the card's [Material.color].
/// ///
/// In Material 3, [surfaceTintColor] is drawn on top of this color
/// when the card is elevated. This might make the appearance of
/// the card slightly different than in Material 2. To disable this
/// feature, set [surfaceTintColor] to [Colors.transparent].
/// See [Material.surfaceTintColor] for more details.
///
/// If this property is null then the ambient [CardTheme.color] is used. If that is null, /// If this property is null then the ambient [CardTheme.color] is used. If that is null,
/// and [ThemeData.useMaterial3] is true, then [ColorScheme.surfaceContainerLow] of /// and [ThemeData.useMaterial3] is true, then [ColorScheme.surface] of
/// [ThemeData.colorScheme] is used. Otherwise, [ThemeData.cardColor] is used. /// [ThemeData.colorScheme] is used. Otherwise, [ThemeData.cardColor] is used.
final Color? color; final Color? color;
...@@ -133,16 +139,11 @@ class Card extends StatelessWidget { ...@@ -133,16 +139,11 @@ class Card extends StatelessWidget {
/// The color used as an overlay on [color] to indicate elevation. /// The color used as an overlay on [color] to indicate elevation.
/// ///
/// This is not recommended for use. [Material 3 spec](https://m3.material.io/styles/color/the-color-system/color-roles)
/// introduced a set of tone-based surfaces and surface containers in its [ColorScheme],
/// which provide more flexibility. The intention is to eventually remove surface tint color from
/// the framework.
///
/// If this is null, no overlay will be applied. Otherwise this color /// If this is null, no overlay will be applied. Otherwise this color
/// will be composited on top of [color] with an opacity related /// will be composited on top of [color] with an opacity related
/// to [elevation] and used to paint the background of the card. /// to [elevation] and used to paint the background of the card.
/// ///
/// The default is [Colors.transparent]. /// The default is null.
/// ///
/// See [Material.surfaceTintColor] for more details on how this /// See [Material.surfaceTintColor] for more details on how this
/// overlay is applied. /// overlay is applied.
...@@ -285,13 +286,13 @@ class _CardDefaultsM3 extends CardTheme { ...@@ -285,13 +286,13 @@ class _CardDefaultsM3 extends CardTheme {
late final ColorScheme _colors = Theme.of(context).colorScheme; late final ColorScheme _colors = Theme.of(context).colorScheme;
@override @override
Color? get color => _colors.surfaceContainerLow; Color? get color => _colors.surface;
@override @override
Color? get shadowColor => _colors.shadow; Color? get shadowColor => _colors.shadow;
@override @override
Color? get surfaceTintColor => Colors.transparent; Color? get surfaceTintColor => _colors.surfaceTint;
@override @override
ShapeBorder? get shape =>const RoundedRectangleBorder(borderRadius: BorderRadius.all(Radius.circular(12.0))); ShapeBorder? get shape =>const RoundedRectangleBorder(borderRadius: BorderRadius.all(Radius.circular(12.0)));
...@@ -318,7 +319,7 @@ class _FilledCardDefaultsM3 extends CardTheme { ...@@ -318,7 +319,7 @@ class _FilledCardDefaultsM3 extends CardTheme {
late final ColorScheme _colors = Theme.of(context).colorScheme; late final ColorScheme _colors = Theme.of(context).colorScheme;
@override @override
Color? get color => _colors.surfaceContainerHighest; Color? get color => _colors.surfaceVariant;
@override @override
Color? get shadowColor => _colors.shadow; Color? get shadowColor => _colors.shadow;
...@@ -357,7 +358,7 @@ class _OutlinedCardDefaultsM3 extends CardTheme { ...@@ -357,7 +358,7 @@ class _OutlinedCardDefaultsM3 extends CardTheme {
Color? get shadowColor => _colors.shadow; Color? get shadowColor => _colors.shadow;
@override @override
Color? get surfaceTintColor => Colors.transparent; Color? get surfaceTintColor => _colors.surfaceTint;
@override @override
ShapeBorder? get shape => ShapeBorder? get shape =>
......
...@@ -975,35 +975,35 @@ class _CheckboxDefaultsM3 extends CheckboxThemeData { ...@@ -975,35 +975,35 @@ class _CheckboxDefaultsM3 extends CheckboxThemeData {
return MaterialStateProperty.resolveWith((Set<MaterialState> states) { return MaterialStateProperty.resolveWith((Set<MaterialState> states) {
if (states.contains(MaterialState.error)) { if (states.contains(MaterialState.error)) {
if (states.contains(MaterialState.pressed)) { if (states.contains(MaterialState.pressed)) {
return _colors.error.withOpacity(0.1); return _colors.error.withOpacity(0.12);
} }
if (states.contains(MaterialState.hovered)) { if (states.contains(MaterialState.hovered)) {
return _colors.error.withOpacity(0.08); return _colors.error.withOpacity(0.08);
} }
if (states.contains(MaterialState.focused)) { if (states.contains(MaterialState.focused)) {
return _colors.error.withOpacity(0.1); return _colors.error.withOpacity(0.12);
} }
} }
if (states.contains(MaterialState.selected)) { if (states.contains(MaterialState.selected)) {
if (states.contains(MaterialState.pressed)) { if (states.contains(MaterialState.pressed)) {
return _colors.onSurface.withOpacity(0.1); return _colors.onSurface.withOpacity(0.12);
} }
if (states.contains(MaterialState.hovered)) { if (states.contains(MaterialState.hovered)) {
return _colors.primary.withOpacity(0.08); return _colors.primary.withOpacity(0.08);
} }
if (states.contains(MaterialState.focused)) { if (states.contains(MaterialState.focused)) {
return _colors.primary.withOpacity(0.1); return _colors.primary.withOpacity(0.12);
} }
return Colors.transparent; return Colors.transparent;
} }
if (states.contains(MaterialState.pressed)) { if (states.contains(MaterialState.pressed)) {
return _colors.primary.withOpacity(0.1); return _colors.primary.withOpacity(0.12);
} }
if (states.contains(MaterialState.hovered)) { if (states.contains(MaterialState.hovered)) {
return _colors.onSurface.withOpacity(0.08); return _colors.onSurface.withOpacity(0.08);
} }
if (states.contains(MaterialState.focused)) { if (states.contains(MaterialState.focused)) {
return _colors.onSurface.withOpacity(0.1); return _colors.onSurface.withOpacity(0.12);
} }
return Colors.transparent; return Colors.transparent;
}); });
......
...@@ -212,12 +212,9 @@ abstract interface class ChipAttributes { ...@@ -212,12 +212,9 @@ abstract interface class ChipAttributes {
/// Color of the chip's surface tint overlay when its elevation is /// Color of the chip's surface tint overlay when its elevation is
/// greater than 0. /// greater than 0.
/// ///
/// This is not recommended for use. [Material 3 spec](https://m3.material.io/styles/color/the-color-system/color-roles) /// If this is null and [ThemeData.useMaterial3] is true, then
/// introduced a set of tone-based surfaces and surface containers in its [ColorScheme], /// [ColorScheme.surfaceTint] color is used. Otherwise, it defaults
/// which provide more flexibility. The intention is to eventually remove surface tint color from /// to null.
/// the framework.
///
/// If this is null, defaults to [Colors.transparent].
Color? get surfaceTintColor; Color? get surfaceTintColor;
/// Theme used for all icons in the chip. /// Theme used for all icons in the chip.
...@@ -2377,7 +2374,7 @@ class _ChipDefaultsM3 extends ChipThemeData { ...@@ -2377,7 +2374,7 @@ class _ChipDefaultsM3 extends ChipThemeData {
Color? get shadowColor => Colors.transparent; Color? get shadowColor => Colors.transparent;
@override @override
Color? get surfaceTintColor => Colors.transparent; Color? get surfaceTintColor => _colors.surfaceTint;
@override @override
Color? get checkmarkColor => null; Color? get checkmarkColor => null;
......
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment