Unverified Commit 97124d7b authored by Darren Austin's avatar Darren Austin Committed by GitHub

Updated gen_defaults to use new JSON output from the Material token database. (#97596)

parent 32abf42a
......@@ -19,11 +19,55 @@ import 'dart:io';
import 'package:gen_defaults/fab_template.dart';
Future<void> main(List<String> args) async {
const String tokensDB = 'dev/tools/gen_defaults/data/material-tokens.json';
final Map<String, dynamic> tokens = jsonDecode(File(tokensDB).readAsStringSync()) as Map<String, dynamic>;
Map<String, dynamic> _readTokenFile(String fileName) {
return jsonDecode(File('dev/tools/gen_defaults/data/$fileName').readAsStringSync()) as Map<String, dynamic>;
}
Future<void> main(List<String> args) async {
const String materialLib = 'packages/flutter/lib/src/material';
const List<String> tokenFiles = <String>[
'assist_chip.json',
'banner.json',
'color_dark.json',
'color_light.json',
'dialog.json',
'elevation.json',
'fab_extended_primary.json',
'fab_extended_secondary.json',
'fab_extended_surface.json',
'fab_large_primary.json',
'fab_large_secondary.json',
'fab_large_surface.json',
'fab_primary.json',
'fab_secondary.json',
'fab_small_primary.json',
'fab_small_secondary.json',
'fab_small_surface.json',
'fab_surface.json',
'filter_chip.json',
'input_chip.json',
'motion.json',
'navigation_bar.json',
'palette.json',
'shape.json',
'slider.json',
'state.json',
'suggestion_chip.json',
'text_style.json',
'top_app_bar_large.json',
'top_app_bar_medium.json',
'top_app_bar_small.json',
'typeface.json',
];
final Map<String, dynamic> tokens = <String, dynamic>{};
// Special case the light and dark color schemes.
tokens['colorsLight'] = _readTokenFile('color_light.json');
tokens['colorsDark'] = _readTokenFile('color_dark.json');
for (final String tokenFile in tokenFiles) {
tokens.addAll(_readTokenFile(tokenFile));
}
FABTemplate('$materialLib/floating_action_button.dart', tokens).updateFile();
}
{
"version": "v0_76",
"md.comp.assist-chip.container.height": 32.0,
"md.comp.assist-chip.container.shape": "md.sys.shape.corner.small",
"md.comp.assist-chip.container.surface-tint-layer.color": "surfaceTintColor",
"md.comp.assist-chip.disabled.label-text.color": "onSurface",
"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.label-text.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.elevated.container.color": "surface",
"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.disabled.container.color": "onSurface",
"md.comp.assist-chip.elevated.disabled.container.elevation": "md.sys.elevation.level0",
"md.comp.assist-chip.elevated.disabled.container.opacity": 0.12,
"md.comp.assist-chip.elevated.focus.container.elevation": "md.sys.elevation.level1",
"md.comp.assist-chip.elevated.hover.container.elevation": "md.sys.elevation.level2",
"md.comp.assist-chip.elevated.pressed.container.elevation": "md.sys.elevation.level1",
"md.comp.assist-chip.flat.container.elevation": "md.sys.elevation.level0",
"md.comp.assist-chip.flat.disabled.outline.color": "onSurface",
"md.comp.assist-chip.flat.disabled.outline.opacity": 0.12,
"md.comp.assist-chip.flat.focus.outline.color": "onSurface",
"md.comp.assist-chip.flat.outline.color": "outline",
"md.comp.assist-chip.flat.outline.width": 1.0,
"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.opacity": "md.sys.state.focus.state-layer-opacity",
"md.comp.assist-chip.hover.label-text.color": "onSurface",
"md.comp.assist-chip.hover.state-layer.color": "onSurface",
"md.comp.assist-chip.hover.state-layer.opacity": "md.sys.state.hover.state-layer-opacity",
"md.comp.assist-chip.label-text.color": "onSurface",
"md.comp.assist-chip.label-text.text-style": "labelLarge",
"md.comp.assist-chip.pressed.label-text.color": "onSurface",
"md.comp.assist-chip.pressed.state-layer.color": "onSurface",
"md.comp.assist-chip.pressed.state-layer.opacity": "md.sys.state.pressed.state-layer-opacity",
"md.comp.assist-chip.with-icon.disabled.icon.color": "onSurface",
"md.comp.assist-chip.with-icon.disabled.icon.opacity": 0.38,
"md.comp.assist-chip.with-icon.dragged.icon.color": "primary",
"md.comp.assist-chip.with-icon.focus.icon.color": "primary",
"md.comp.assist-chip.with-icon.hover.icon.color": "primary",
"md.comp.assist-chip.with-icon.icon.color": "primary",
"md.comp.assist-chip.with-icon.icon.size": 18.0,
"md.comp.assist-chip.with-icon.pressed.icon.color": "primary"
}
{
"version": "v0_76",
"md.comp.banner.action.focus.label-text.color": "primary",
"md.comp.banner.action.focus.state-layer.color": "primary",
"md.comp.banner.action.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
"md.comp.banner.action.hover.label-text.color": "primary",
"md.comp.banner.action.hover.state-layer.color": "primary",
"md.comp.banner.action.hover.state-layer.opacity": "md.sys.state.hover.state-layer-opacity",
"md.comp.banner.action.label-text.color": "primary",
"md.comp.banner.action.label-text.text-style": "labelLarge",
"md.comp.banner.action.pressed.label-text.color": "primary",
"md.comp.banner.action.pressed.state-layer.color": "primary",
"md.comp.banner.action.pressed.state-layer.opacity": "md.sys.state.pressed.state-layer-opacity",
"md.comp.banner.container.color": "surface",
"md.comp.banner.container.elevation": "md.sys.elevation.level1",
"md.comp.banner.container.shape": "md.sys.shape.corner.none",
"md.comp.banner.container.surface-tint-layer.color": "surfaceTintColor",
"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-two-lines.with-image.container.height": 72.0,
"md.comp.banner.divider.color": "surfaceVariant",
"md.comp.banner.divider.height": 1.0,
"md.comp.banner.mobile.with-single-line.container.height": 54.0,
"md.comp.banner.mobile.with-two-lines.container.height": 112.0,
"md.comp.banner.mobile.with-two-lines.with-image.container.height": 120.0,
"md.comp.banner.supporting-text.color": "onSurfaceVariant",
"md.comp.banner.supporting-text.text-style": "bodyMedium",
"md.comp.banner.with-image.image.shape": "md.sys.shape.corner.full",
"md.comp.banner.with-image.image.size": 40.0
}
{
"version": "v0_76",
"md.sys.color.background": "md.ref.palette.neutral10",
"md.sys.color.error": "md.ref.palette.error80",
"md.sys.color.error-container": "md.ref.palette.error30",
"md.sys.color.inverse-on-surface": "md.ref.palette.neutral20",
"md.sys.color.inverse-primary": "md.ref.palette.primary40",
"md.sys.color.inverse-surface": "md.ref.palette.neutral90",
"md.sys.color.on-background": "md.ref.palette.neutral90",
"md.sys.color.on-error": "md.ref.palette.error20",
"md.sys.color.on-error-container": "md.ref.palette.error80",
"md.sys.color.on-primary": "md.ref.palette.primary20",
"md.sys.color.on-primary-container": "md.ref.palette.primary90",
"md.sys.color.on-secondary": "md.ref.palette.secondary20",
"md.sys.color.on-secondary-container": "md.ref.palette.secondary90",
"md.sys.color.on-surface": "md.ref.palette.neutral90",
"md.sys.color.on-surface-variant": "md.ref.palette.neutral-variant80",
"md.sys.color.on-tertiary": "md.ref.palette.tertiary20",
"md.sys.color.on-tertiary-container": "md.ref.palette.tertiary90",
"md.sys.color.outline": "md.ref.palette.neutral-variant60",
"md.sys.color.primary": "md.ref.palette.primary80",
"md.sys.color.primary-container": "md.ref.palette.primary30",
"md.sys.color.secondary": "md.ref.palette.secondary80",
"md.sys.color.secondary-container": "md.ref.palette.secondary30",
"md.sys.color.shadow": "md.ref.palette.neutral0",
"md.sys.color.surface": "md.ref.palette.neutral10",
"md.sys.color.surface-variant": "md.ref.palette.neutral-variant30",
"md.sys.color.tertiary": "md.ref.palette.tertiary80",
"md.sys.color.tertiary-container": "md.ref.palette.tertiary30"
}
{
"version": "v0_76",
"md.sys.color.background": "md.ref.palette.neutral99",
"md.sys.color.error": "md.ref.palette.error40",
"md.sys.color.error-container": "md.ref.palette.error90",
"md.sys.color.inverse-on-surface": "md.ref.palette.neutral95",
"md.sys.color.inverse-primary": "md.ref.palette.primary80",
"md.sys.color.inverse-surface": "md.ref.palette.neutral20",
"md.sys.color.on-background": "md.ref.palette.neutral10",
"md.sys.color.on-error": "md.ref.palette.error100",
"md.sys.color.on-error-container": "md.ref.palette.error10",
"md.sys.color.on-primary": "md.ref.palette.primary100",
"md.sys.color.on-primary-container": "md.ref.palette.primary10",
"md.sys.color.on-secondary": "md.ref.palette.secondary100",
"md.sys.color.on-secondary-container": "md.ref.palette.secondary10",
"md.sys.color.on-surface": "md.ref.palette.neutral10",
"md.sys.color.on-surface-variant": "md.ref.palette.neutral-variant30",
"md.sys.color.on-tertiary": "md.ref.palette.tertiary100",
"md.sys.color.on-tertiary-container": "md.ref.palette.tertiary10",
"md.sys.color.outline": "md.ref.palette.neutral-variant50",
"md.sys.color.primary": "md.ref.palette.primary40",
"md.sys.color.primary-container": "md.ref.palette.primary90",
"md.sys.color.secondary": "md.ref.palette.secondary40",
"md.sys.color.secondary-container": "md.ref.palette.secondary90",
"md.sys.color.shadow": "md.ref.palette.neutral0",
"md.sys.color.surface": "md.ref.palette.neutral99",
"md.sys.color.surface-variant": "md.ref.palette.neutral-variant90",
"md.sys.color.tertiary": "md.ref.palette.tertiary40",
"md.sys.color.tertiary-container": "md.ref.palette.tertiary90"
}
{
"version": "v0_76",
"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.opacity": "md.sys.state.focus.state-layer-opacity",
"md.comp.dialog.action.hover.label-text.color": "primary",
"md.comp.dialog.action.hover.state-layer.color": "primary",
"md.comp.dialog.action.hover.state-layer.opacity": "md.sys.state.hover.state-layer-opacity",
"md.comp.dialog.action.label-text.color": "primary",
"md.comp.dialog.action.label-text.text-style": "labelLarge",
"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.opacity": "md.sys.state.pressed.state-layer-opacity",
"md.comp.dialog.container.color": "surface",
"md.comp.dialog.container.elevation": "md.sys.elevation.level3",
"md.comp.dialog.container.shape": "md.sys.shape.corner.extra-large",
"md.comp.dialog.container.surface-tint-layer.color": "surfaceTintColor",
"md.comp.dialog.subhead.color": "onSurface",
"md.comp.dialog.subhead.text-style": "headlineSmall",
"md.comp.dialog.supporting-text.color": "onSurfaceVariant",
"md.comp.dialog.supporting-text.text-style": "bodyMedium",
"md.comp.dialog.with-divider.divider.color": "outline",
"md.comp.dialog.with-divider.divider.height": 1.0,
"md.comp.dialog.with-icon.icon.color": "secondary",
"md.comp.dialog.with-icon.icon.size": 24.0
}
{
"version": "v0_76",
"md.sys.elevation.level0": 0.0,
"md.sys.elevation.level1": 1.0,
"md.sys.elevation.level2": 3.0,
"md.sys.elevation.level3": 6.0,
"md.sys.elevation.level4": 8.0,
"md.sys.elevation.level5": 12.0,
"md.sys.elevation.surface-tint-color": "primary"
}
{
"version": "v0_76",
"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.height": 56.0,
"md.comp.extended-fab.primary.container.shadow-color": "shadow",
"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.icon.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.opacity": "md.sys.state.focus.state-layer-opacity",
"md.comp.extended-fab.primary.hover.container.elevation": "md.sys.elevation.level4",
"md.comp.extended-fab.primary.hover.icon.color": "onPrimaryContainer",
"md.comp.extended-fab.primary.hover.label-text.color": "onPrimaryContainer",
"md.comp.extended-fab.primary.hover.state-layer.color": "onPrimaryContainer",
"md.comp.extended-fab.primary.hover.state-layer.opacity": "md.sys.state.hover.state-layer-opacity",
"md.comp.extended-fab.primary.icon.color": "onPrimaryContainer",
"md.comp.extended-fab.primary.icon.size": 24.0,
"md.comp.extended-fab.primary.label-text.color": "onPrimaryContainer",
"md.comp.extended-fab.primary.label-text.text-style": "labelLarge",
"md.comp.extended-fab.primary.lowered.container.elevation": "md.sys.elevation.level1",
"md.comp.extended-fab.primary.lowered.focus.container.elevation": "md.sys.elevation.level1",
"md.comp.extended-fab.primary.lowered.hover.container.elevation": "md.sys.elevation.level2",
"md.comp.extended-fab.primary.lowered.pressed.container.elevation": "md.sys.elevation.level1",
"md.comp.extended-fab.primary.pressed.container.elevation": "md.sys.elevation.level3",
"md.comp.extended-fab.primary.pressed.icon.color": "onPrimaryContainer",
"md.comp.extended-fab.primary.pressed.label-text.color": "onPrimaryContainer",
"md.comp.extended-fab.primary.pressed.state-layer.color": "onPrimaryContainer",
"md.comp.extended-fab.primary.pressed.state-layer.opacity": "md.sys.state.pressed.state-layer-opacity"
}
{
"version": "v0_76",
"md.comp.extended-fab.secondary.container.color": "secondaryContainer",
"md.comp.extended-fab.secondary.container.elevation": "md.sys.elevation.level3",
"md.comp.extended-fab.secondary.container.height": 56.0,
"md.comp.extended-fab.secondary.container.shadow-color": "shadow",
"md.comp.extended-fab.secondary.container.shape": "md.sys.shape.corner.large",
"md.comp.extended-fab.secondary.focus.container.elevation": "md.sys.elevation.level3",
"md.comp.extended-fab.secondary.focus.icon.color": "onSecondaryContainer",
"md.comp.extended-fab.secondary.focus.label-text.color": "onSecondaryContainer",
"md.comp.extended-fab.secondary.focus.state-layer.color": "onSecondaryContainer",
"md.comp.extended-fab.secondary.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
"md.comp.extended-fab.secondary.hover.container.elevation": "md.sys.elevation.level4",
"md.comp.extended-fab.secondary.hover.icon.color": "onSecondaryContainer",
"md.comp.extended-fab.secondary.hover.label-text.color": "onSecondaryContainer",
"md.comp.extended-fab.secondary.hover.state-layer.color": "onSecondaryContainer",
"md.comp.extended-fab.secondary.hover.state-layer.opacity": "md.sys.state.hover.state-layer-opacity",
"md.comp.extended-fab.secondary.icon.color": "onSecondaryContainer",
"md.comp.extended-fab.secondary.icon.size": 24.0,
"md.comp.extended-fab.secondary.label-text.color": "onSecondaryContainer",
"md.comp.extended-fab.secondary.label-text.text-style": "labelLarge",
"md.comp.extended-fab.secondary.lowered.container.elevation": "md.sys.elevation.level1",
"md.comp.extended-fab.secondary.lowered.focus.container.elevation": "md.sys.elevation.level1",
"md.comp.extended-fab.secondary.lowered.hover.container.elevation": "md.sys.elevation.level2",
"md.comp.extended-fab.secondary.lowered.pressed.container.elevation": "md.sys.elevation.level1",
"md.comp.extended-fab.secondary.pressed.container.elevation": "md.sys.elevation.level3",
"md.comp.extended-fab.secondary.pressed.icon.color": "onSecondaryContainer",
"md.comp.extended-fab.secondary.pressed.label-text.color": "onSecondaryContainer",
"md.comp.extended-fab.secondary.pressed.state-layer.color": "onSecondaryContainer",
"md.comp.extended-fab.secondary.pressed.state-layer.opacity": "md.sys.state.pressed.state-layer-opacity"
}
{
"version": "v0_76",
"md.comp.extended-fab.surface.container.color": "surface",
"md.comp.extended-fab.surface.container.elevation": "md.sys.elevation.level3",
"md.comp.extended-fab.surface.container.height": 56.0,
"md.comp.extended-fab.surface.container.shadow-color": "shadow",
"md.comp.extended-fab.surface.container.shape": "md.sys.shape.corner.large",
"md.comp.extended-fab.surface.container.surface-tint-layer.color": "surfaceTintColor",
"md.comp.extended-fab.surface.focus.container.elevation": "md.sys.elevation.level3",
"md.comp.extended-fab.surface.focus.icon.color": "primary",
"md.comp.extended-fab.surface.focus.label-text.color": "primary",
"md.comp.extended-fab.surface.focus.state-layer.color": "primary",
"md.comp.extended-fab.surface.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
"md.comp.extended-fab.surface.hover.container.elevation": "md.sys.elevation.level4",
"md.comp.extended-fab.surface.hover.icon.color": "primary",
"md.comp.extended-fab.surface.hover.label-text.color": "primary",
"md.comp.extended-fab.surface.hover.state-layer.color": "primary",
"md.comp.extended-fab.surface.hover.state-layer.opacity": "md.sys.state.hover.state-layer-opacity",
"md.comp.extended-fab.surface.icon.color": "primary",
"md.comp.extended-fab.surface.icon.size": 24.0,
"md.comp.extended-fab.surface.label-text.color": "primary",
"md.comp.extended-fab.surface.label-text.text-style": "labelLarge",
"md.comp.extended-fab.surface.lowered.container.elevation": "md.sys.elevation.level1",
"md.comp.extended-fab.surface.lowered.focus.container.elevation": "md.sys.elevation.level1",
"md.comp.extended-fab.surface.lowered.hover.container.elevation": "md.sys.elevation.level2",
"md.comp.extended-fab.surface.lowered.pressed.container.elevation": "md.sys.elevation.level1",
"md.comp.extended-fab.surface.pressed.container.elevation": "md.sys.elevation.level3",
"md.comp.extended-fab.surface.pressed.icon.color": "primary",
"md.comp.extended-fab.surface.pressed.label-text.color": "primary",
"md.comp.extended-fab.surface.pressed.state-layer.color": "primary",
"md.comp.extended-fab.surface.pressed.state-layer.opacity": "md.sys.state.pressed.state-layer-opacity"
}
{
"version": "v0_76",
"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.height": 96.0,
"md.comp.fab.primary.large.container.shadow-color": "shadow",
"md.comp.fab.primary.large.container.shape": "md.sys.shape.corner.extra-large",
"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.icon.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.hover.container.elevation": "md.sys.elevation.level4",
"md.comp.fab.primary.large.hover.icon.color": "onPrimaryContainer",
"md.comp.fab.primary.large.hover.state-layer.color": "onPrimaryContainer",
"md.comp.fab.primary.large.hover.state-layer.opacity": "md.sys.state.hover.state-layer-opacity",
"md.comp.fab.primary.large.icon.color": "onPrimaryContainer",
"md.comp.fab.primary.large.icon.size": 36.0,
"md.comp.fab.primary.large.lowered.container.elevation": "md.sys.elevation.level1",
"md.comp.fab.primary.large.lowered.focus.container.elevation": "md.sys.elevation.level1",
"md.comp.fab.primary.large.lowered.hover.container.elevation": "md.sys.elevation.level2",
"md.comp.fab.primary.large.lowered.pressed.container.elevation": "md.sys.elevation.level1",
"md.comp.fab.primary.large.pressed.container.elevation": "md.sys.elevation.level3",
"md.comp.fab.primary.large.pressed.icon.color": "onPrimaryContainer",
"md.comp.fab.primary.large.pressed.state-layer.color": "onPrimaryContainer",
"md.comp.fab.primary.large.pressed.state-layer.opacity": "md.sys.state.pressed.state-layer-opacity"
}
{
"version": "v0_76",
"md.comp.fab.secondary.large.container.color": "secondaryContainer",
"md.comp.fab.secondary.large.container.elevation": "md.sys.elevation.level3",
"md.comp.fab.secondary.large.container.height": 96.0,
"md.comp.fab.secondary.large.container.shadow-color": "shadow",
"md.comp.fab.secondary.large.container.shape": "md.sys.shape.corner.extra-large",
"md.comp.fab.secondary.large.container.width": 96.0,
"md.comp.fab.secondary.large.focus.container.elevation": "md.sys.elevation.level3",
"md.comp.fab.secondary.large.focus.icon.color": "onSecondaryContainer",
"md.comp.fab.secondary.large.focus.state-layer.color": "onSecondaryContainer",
"md.comp.fab.secondary.large.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
"md.comp.fab.secondary.large.hover.container.elevation": "md.sys.elevation.level4",
"md.comp.fab.secondary.large.hover.icon.color": "onSecondaryContainer",
"md.comp.fab.secondary.large.hover.state-layer.color": "onSecondaryContainer",
"md.comp.fab.secondary.large.hover.state-layer.opacity": "md.sys.state.hover.state-layer-opacity",
"md.comp.fab.secondary.large.icon.color": "onSecondaryContainer",
"md.comp.fab.secondary.large.icon.size": 36.0,
"md.comp.fab.secondary.large.lowered.container.elevation": "md.sys.elevation.level1",
"md.comp.fab.secondary.large.lowered.focus.container.elevation": "md.sys.elevation.level1",
"md.comp.fab.secondary.large.lowered.hover.container.elevation": "md.sys.elevation.level2",
"md.comp.fab.secondary.large.lowered.pressed.container.elevation": "md.sys.elevation.level1",
"md.comp.fab.secondary.large.pressed.container.elevation": "md.sys.elevation.level3",
"md.comp.fab.secondary.large.pressed.icon.color": "onSecondaryContainer",
"md.comp.fab.secondary.large.pressed.state-layer.color": "onSecondaryContainer",
"md.comp.fab.secondary.large.pressed.state-layer.opacity": "md.sys.state.pressed.state-layer-opacity"
}
{
"version": "v0_76",
"md.comp.fab.surface.large.container.color": "surface",
"md.comp.fab.surface.large.container.elevation": "md.sys.elevation.level3",
"md.comp.fab.surface.large.container.height": 96.0,
"md.comp.fab.surface.large.container.shadow-color": "shadow",
"md.comp.fab.surface.large.container.shape": "md.sys.shape.corner.extra-large",
"md.comp.fab.surface.large.container.surface-tint-layer.color": "surfaceTintColor",
"md.comp.fab.surface.large.container.width": 96.0,
"md.comp.fab.surface.large.focus.container.elevation": "md.sys.elevation.level3",
"md.comp.fab.surface.large.focus.icon.color": "primary",
"md.comp.fab.surface.large.focus.state-layer.color": "primary",
"md.comp.fab.surface.large.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
"md.comp.fab.surface.large.hover.container.elevation": "md.sys.elevation.level4",
"md.comp.fab.surface.large.hover.icon.color": "primary",
"md.comp.fab.surface.large.hover.state-layer.color": "primary",
"md.comp.fab.surface.large.hover.state-layer.opacity": "md.sys.state.hover.state-layer-opacity",
"md.comp.fab.surface.large.icon.color": "primary",
"md.comp.fab.surface.large.icon.size": 36.0,
"md.comp.fab.surface.large.lowered.container.elevation": "md.sys.elevation.level1",
"md.comp.fab.surface.large.lowered.focus.container.elevation": "md.sys.elevation.level1",
"md.comp.fab.surface.large.lowered.hover.container.elevation": "md.sys.elevation.level2",
"md.comp.fab.surface.large.lowered.pressed.container.elevation": "md.sys.elevation.level1",
"md.comp.fab.surface.large.pressed.container.elevation": "md.sys.elevation.level3",
"md.comp.fab.surface.large.pressed.icon.color": "primary",
"md.comp.fab.surface.large.pressed.state-layer.color": "primary",
"md.comp.fab.surface.large.pressed.state-layer.opacity": "md.sys.state.pressed.state-layer-opacity"
}
{
"version": "v0_76",
"md.comp.fab.primary.container.color": "primaryContainer",
"md.comp.fab.primary.container.elevation": "md.sys.elevation.level3",
"md.comp.fab.primary.container.height": 56.0,
"md.comp.fab.primary.container.shadow-color": "shadow",
"md.comp.fab.primary.container.shape": "md.sys.shape.corner.large",
"md.comp.fab.primary.container.width": 56.0,
"md.comp.fab.primary.focus.container.elevation": "md.sys.elevation.level3",
"md.comp.fab.primary.focus.icon.color": "onPrimaryContainer",
"md.comp.fab.primary.focus.state-layer.color": "onPrimaryContainer",
"md.comp.fab.primary.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
"md.comp.fab.primary.hover.container.elevation": "md.sys.elevation.level4",
"md.comp.fab.primary.hover.icon.color": "onPrimaryContainer",
"md.comp.fab.primary.hover.state-layer.color": "onPrimaryContainer",
"md.comp.fab.primary.hover.state-layer.opacity": "md.sys.state.hover.state-layer-opacity",
"md.comp.fab.primary.icon.color": "onPrimaryContainer",
"md.comp.fab.primary.icon.size": 24.0,
"md.comp.fab.primary.lowered.container.elevation": "md.sys.elevation.level1",
"md.comp.fab.primary.lowered.focus.container.elevation": "md.sys.elevation.level1",
"md.comp.fab.primary.lowered.hover.container.elevation": "md.sys.elevation.level2",
"md.comp.fab.primary.lowered.pressed.container.elevation": "md.sys.elevation.level1",
"md.comp.fab.primary.pressed.container.elevation": "md.sys.elevation.level3",
"md.comp.fab.primary.pressed.icon.color": "onPrimaryContainer",
"md.comp.fab.primary.pressed.state-layer.color": "onPrimaryContainer",
"md.comp.fab.primary.pressed.state-layer.opacity": "md.sys.state.pressed.state-layer-opacity"
}
{
"version": "v0_76",
"md.comp.fab.secondary.container.color": "secondaryContainer",
"md.comp.fab.secondary.container.elevation": "md.sys.elevation.level3",
"md.comp.fab.secondary.container.height": 56.0,
"md.comp.fab.secondary.container.shadow-color": "shadow",
"md.comp.fab.secondary.container.shape": "md.sys.shape.corner.large",
"md.comp.fab.secondary.container.width": 56.0,
"md.comp.fab.secondary.focus.container.elevation": "md.sys.elevation.level3",
"md.comp.fab.secondary.focus.icon.color": "onSecondaryContainer",
"md.comp.fab.secondary.focus.state-layer.color": "onSecondaryContainer",
"md.comp.fab.secondary.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
"md.comp.fab.secondary.hover.container.elevation": "md.sys.elevation.level4",
"md.comp.fab.secondary.hover.icon.color": "onSecondaryContainer",
"md.comp.fab.secondary.hover.state-layer.color": "onSecondaryContainer",
"md.comp.fab.secondary.hover.state-layer.opacity": "md.sys.state.hover.state-layer-opacity",
"md.comp.fab.secondary.icon.color": "onSecondaryContainer",
"md.comp.fab.secondary.icon.size": 24.0,
"md.comp.fab.secondary.lowered.container.elevation": "md.sys.elevation.level1",
"md.comp.fab.secondary.lowered.focus.container.elevation": "md.sys.elevation.level1",
"md.comp.fab.secondary.lowered.hover.container.elevation": "md.sys.elevation.level2",
"md.comp.fab.secondary.lowered.pressed.container.elevation": "md.sys.elevation.level1",
"md.comp.fab.secondary.pressed.container.elevation": "md.sys.elevation.level3",
"md.comp.fab.secondary.pressed.icon.color": "onSecondaryContainer",
"md.comp.fab.secondary.pressed.state-layer.color": "onSecondaryContainer",
"md.comp.fab.secondary.pressed.state-layer.opacity": "md.sys.state.pressed.state-layer-opacity"
}
{
"version": "v0_76",
"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.height": 40.0,
"md.comp.fab.primary.small.container.shadow-color": "shadow",
"md.comp.fab.primary.small.container.shape": "md.sys.shape.corner.medium",
"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.icon.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.hover.container.elevation": "md.sys.elevation.level4",
"md.comp.fab.primary.small.hover.icon.color": "onPrimaryContainer",
"md.comp.fab.primary.small.hover.state-layer.color": "onPrimaryContainer",
"md.comp.fab.primary.small.hover.state-layer.opacity": "md.sys.state.hover.state-layer-opacity",
"md.comp.fab.primary.small.icon.color": "onPrimaryContainer",
"md.comp.fab.primary.small.icon.size": 24.0,
"md.comp.fab.primary.small.lowered.container.elevation": "md.sys.elevation.level1",
"md.comp.fab.primary.small.lowered.focus.container.elevation": "md.sys.elevation.level1",
"md.comp.fab.primary.small.lowered.hover.container.elevation": "md.sys.elevation.level2",
"md.comp.fab.primary.small.lowered.pressed.container.elevation": "md.sys.elevation.level1",
"md.comp.fab.primary.small.pressed.container.elevation": "md.sys.elevation.level3",
"md.comp.fab.primary.small.pressed.icon.color": "onPrimaryContainer",
"md.comp.fab.primary.small.pressed.state-layer.color": "onPrimaryContainer",
"md.comp.fab.primary.small.pressed.state-layer.opacity": "md.sys.state.pressed.state-layer-opacity"
}
{
"version": "v0_76",
"md.comp.fab.secondary.small.container.color": "secondaryContainer",
"md.comp.fab.secondary.small.container.elevation": "md.sys.elevation.level3",
"md.comp.fab.secondary.small.container.height": 40.0,
"md.comp.fab.secondary.small.container.shadow-color": "shadow",
"md.comp.fab.secondary.small.container.shape": "md.sys.shape.corner.medium",
"md.comp.fab.secondary.small.container.width": 40.0,
"md.comp.fab.secondary.small.focus.container.elevation": "md.sys.elevation.level3",
"md.comp.fab.secondary.small.focus.icon.color": "onSecondaryContainer",
"md.comp.fab.secondary.small.focus.state-layer.color": "onSecondaryContainer",
"md.comp.fab.secondary.small.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
"md.comp.fab.secondary.small.hover.container.elevation": "md.sys.elevation.level4",
"md.comp.fab.secondary.small.hover.icon.color": "onSecondaryContainer",
"md.comp.fab.secondary.small.hover.state-layer.color": "onSecondary",
"md.comp.fab.secondary.small.hover.state-layer.opacity": "md.sys.state.hover.state-layer-opacity",
"md.comp.fab.secondary.small.icon.color": "onSecondaryContainer",
"md.comp.fab.secondary.small.icon.size": 24.0,
"md.comp.fab.secondary.small.lowered.container.elevation": "md.sys.elevation.level1",
"md.comp.fab.secondary.small.lowered.focus.container.elevation": "md.sys.elevation.level1",
"md.comp.fab.secondary.small.lowered.hover.container.elevation": "md.sys.elevation.level2",
"md.comp.fab.secondary.small.lowered.pressed.container.elevation": "md.sys.elevation.level1",
"md.comp.fab.secondary.small.pressed.container.elevation": "md.sys.elevation.level3",
"md.comp.fab.secondary.small.pressed.icon.color": "onSecondaryContainer",
"md.comp.fab.secondary.small.pressed.state-layer.color": "onSecondaryContainer",
"md.comp.fab.secondary.small.pressed.state-layer.opacity": "md.sys.state.pressed.state-layer-opacity"
}
{
"version": "v0_76",
"md.comp.fab.surface.small.container.color": "surface",
"md.comp.fab.surface.small.container.elevation": "md.sys.elevation.level3",
"md.comp.fab.surface.small.container.height": 40.0,
"md.comp.fab.surface.small.container.shadow-color": "shadow",
"md.comp.fab.surface.small.container.shape": "md.sys.shape.corner.medium",
"md.comp.fab.surface.small.container.surface-tint-layer.color": "surfaceTintColor",
"md.comp.fab.surface.small.container.width": 40.0,
"md.comp.fab.surface.small.focus.container.elevation": "md.sys.elevation.level3",
"md.comp.fab.surface.small.focus.icon.color": "primary",
"md.comp.fab.surface.small.focus.state-layer.color": "primary",
"md.comp.fab.surface.small.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
"md.comp.fab.surface.small.hover.container.elevation": "md.sys.elevation.level4",
"md.comp.fab.surface.small.hover.icon.color": "primary",
"md.comp.fab.surface.small.hover.state-layer.color": "primary",
"md.comp.fab.surface.small.hover.state-layer.opacity": "md.sys.state.hover.state-layer-opacity",
"md.comp.fab.surface.small.icon.color": "primary",
"md.comp.fab.surface.small.icon.size": 24.0,
"md.comp.fab.surface.small.lowered.container.elevation": "md.sys.elevation.level1",
"md.comp.fab.surface.small.lowered.focus.container.elevation": "md.sys.elevation.level1",
"md.comp.fab.surface.small.lowered.hover.container.elevation": "md.sys.elevation.level2",
"md.comp.fab.surface.small.lowered.pressed.container.elevation": "md.sys.elevation.level1",
"md.comp.fab.surface.small.pressed.container.elevation": "md.sys.elevation.level3",
"md.comp.fab.surface.small.pressed.icon.color": "primary",
"md.comp.fab.surface.small.pressed.state-layer.color": "primary",
"md.comp.fab.surface.small.pressed.state-layer.opacity": "md.sys.state.pressed.state-layer-opacity"
}
{
"version": "v0_76",
"md.comp.fab.surface.container.color": "surface",
"md.comp.fab.surface.container.elevation": "md.sys.elevation.level3",
"md.comp.fab.surface.container.height": 56.0,
"md.comp.fab.surface.container.shadow-color": "shadow",
"md.comp.fab.surface.container.shape": "md.sys.shape.corner.large",
"md.comp.fab.surface.container.surface-tint-layer.color": "surfaceTintColor",
"md.comp.fab.surface.container.width": 56.0,
"md.comp.fab.surface.focus.container.elevation": "md.sys.elevation.level3",
"md.comp.fab.surface.focus.icon.color": "primary",
"md.comp.fab.surface.focus.state-layer.color": "primary",
"md.comp.fab.surface.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
"md.comp.fab.surface.hover.container.elevation": "md.sys.elevation.level4",
"md.comp.fab.surface.hover.icon.color": "primary",
"md.comp.fab.surface.hover.state-layer.color": "primary",
"md.comp.fab.surface.hover.state-layer.opacity": "md.sys.state.hover.state-layer-opacity",
"md.comp.fab.surface.icon.color": "primary",
"md.comp.fab.surface.icon.size": 24.0,
"md.comp.fab.surface.lowered.container.elevation": "md.sys.elevation.level1",
"md.comp.fab.surface.lowered.focus.container.elevation": "md.sys.elevation.level1",
"md.comp.fab.surface.lowered.hover.container.elevation": "md.sys.elevation.level2",
"md.comp.fab.surface.lowered.pressed.container.elevation": "md.sys.elevation.level1",
"md.comp.fab.surface.pressed.container.elevation": "md.sys.elevation.level3",
"md.comp.fab.surface.pressed.icon.color": "primary",
"md.comp.fab.surface.pressed.state-layer.color": "primary",
"md.comp.fab.surface.pressed.state-layer.opacity": "md.sys.state.pressed.state-layer-opacity"
}
{
"version": "v0_76",
"md.comp.filter-chip.container.height": 32.0,
"md.comp.filter-chip.container.shadow-color": "shadow",
"md.comp.filter-chip.container.shape": "md.sys.shape.corner.small",
"md.comp.filter-chip.container.surface-tint-layer.color": "surfaceTintColor",
"md.comp.filter-chip.disabled.label-text.color": "onSurface",
"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.elevated.container.elevation": "md.sys.elevation.level1",
"md.comp.filter-chip.elevated.disabled.container.color": "onSurface",
"md.comp.filter-chip.elevated.disabled.container.elevation": "md.sys.elevation.level0",
"md.comp.filter-chip.elevated.disabled.container.opacity": 0.12,
"md.comp.filter-chip.elevated.focus.container.elevation": "md.sys.elevation.level1",
"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.selected.container.color": "secondaryContainer",
"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.disabled.selected.container.color": "onSurface",
"md.comp.filter-chip.flat.disabled.selected.container.opacity": 0.12,
"md.comp.filter-chip.flat.disabled.unselected.outline.color": "onSurface",
"md.comp.filter-chip.flat.disabled.unselected.outline.opacity": 0.12,
"md.comp.filter-chip.flat.selected.container.color": "secondaryContainer",
"md.comp.filter-chip.flat.selected.focus.container.elevation": "md.sys.elevation.level0",
"md.comp.filter-chip.flat.selected.hover.container.elevation": "md.sys.elevation.level1",
"md.comp.filter-chip.flat.selected.outline.width": 0.0,
"md.comp.filter-chip.flat.selected.pressed.container.elevation": "md.sys.elevation.level0",
"md.comp.filter-chip.flat.unselected.focus.container.elevation": "md.sys.elevation.level0",
"md.comp.filter-chip.flat.unselected.focus.outline.color": "onSurfaceVariant",
"md.comp.filter-chip.flat.unselected.hover.container.elevation": "md.sys.elevation.level0",
"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.pressed.container.elevation": "md.sys.elevation.level0",
"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.state-layer.color": "onSecondaryContainer",
"md.comp.filter-chip.selected.dragged.state-layer.opacity": "md.sys.state.dragged.state-layer-opacity",
"md.comp.filter-chip.selected.focus.label-text.color": "onSecondaryContainer",
"md.comp.filter-chip.selected.focus.state-layer.color": "onSecondaryContainer",
"md.comp.filter-chip.selected.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
"md.comp.filter-chip.selected.hover.label-text.color": "onSecondaryContainer",
"md.comp.filter-chip.selected.hover.state-layer.color": "onSecondaryContainer",
"md.comp.filter-chip.selected.hover.state-layer.opacity": "md.sys.state.hover.state-layer-opacity",
"md.comp.filter-chip.selected.label-text.color": "onSecondaryContainer",
"md.comp.filter-chip.selected.pressed.label-text.color": "onSecondaryContainer",
"md.comp.filter-chip.selected.pressed.state-layer.color": "onSurfaceVariant",
"md.comp.filter-chip.selected.pressed.state-layer.opacity": "md.sys.state.pressed.state-layer-opacity",
"md.comp.filter-chip.unselected.dragged.label-text.color": "onSurfaceVariant",
"md.comp.filter-chip.unselected.dragged.state-layer.color": "onSurfaceVariant",
"md.comp.filter-chip.unselected.dragged.state-layer.opacity": "md.sys.state.dragged.state-layer-opacity",
"md.comp.filter-chip.unselected.focus.label-text.color": "onSurfaceVariant",
"md.comp.filter-chip.unselected.focus.state-layer.color": "onSurfaceVariant",
"md.comp.filter-chip.unselected.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
"md.comp.filter-chip.unselected.hover.label-text.color": "onSurfaceVariant",
"md.comp.filter-chip.unselected.hover.state-layer.color": "onSurfaceVariant",
"md.comp.filter-chip.unselected.hover.state-layer.opacity": "md.sys.state.hover.state-layer-opacity",
"md.comp.filter-chip.unselected.label-text.color": "onSurfaceVariant",
"md.comp.filter-chip.unselected.pressed.label-text.color": "onSurfaceVariant",
"md.comp.filter-chip.unselected.pressed.state-layer.color": "onSecondaryContainer",
"md.comp.filter-chip.unselected.pressed.state-layer.opacity": "md.sys.state.pressed.state-layer-opacity",
"md.comp.filter-chip.with-icon.disabled.icon.color": "onSurface",
"md.comp.filter-chip.with-icon.disabled.icon.opacity": 0.38,
"md.comp.filter-chip.with-icon.icon.size": 18.0,
"md.comp.filter-chip.with-icon.selected.dragged.icon.color": "onSecondaryContainer",
"md.comp.filter-chip.with-icon.selected.focus.icon.color": "onSecondaryContainer",
"md.comp.filter-chip.with-icon.selected.hover.icon.color": "onSecondaryContainer",
"md.comp.filter-chip.with-icon.selected.icon.color": "onSecondaryContainer",
"md.comp.filter-chip.with-icon.selected.pressed.icon.color": "onSecondaryContainer",
"md.comp.filter-chip.with-icon.unselected.dragged.icon.color": "onSurfaceVariant",
"md.comp.filter-chip.with-icon.unselected.focus.icon.color": "onSurfaceVariant",
"md.comp.filter-chip.with-icon.unselected.hover.icon.color": "onSurfaceVariant",
"md.comp.filter-chip.with-icon.unselected.icon.color": "onSurfaceVariant",
"md.comp.filter-chip.with-icon.unselected.pressed.icon.color": "onSurfaceVariant"
}
{
"version": "v0_76",
"md.comp.input-chip.container.elevation": "md.sys.elevation.level0",
"md.comp.input-chip.container.height": 32.0,
"md.comp.input-chip.container.shape": "md.sys.shape.corner.small",
"md.comp.input-chip.disabled.label-text.color": "onSurface",
"md.comp.input-chip.disabled.label-text.opacity": 0.38,
"md.comp.input-chip.disabled.outline.color": "onSurface",
"md.comp.input-chip.disabled.outline.opacity": 0.12,
"md.comp.input-chip.dragged.container.elevation": "md.sys.elevation.level4",
"md.comp.input-chip.dragged.label-text.color": "onSurfaceVariant",
"md.comp.input-chip.dragged.state-layer.color": "onSurfaceVariant",
"md.comp.input-chip.dragged.state-layer.opacity": "md.sys.state.dragged.state-layer-opacity",
"md.comp.input-chip.focus.label-text.color": "onSurfaceVariant",
"md.comp.input-chip.focus.outline.color": "onSurfaceVariant",
"md.comp.input-chip.focus.state-layer.color": "onSurfaceVariant",
"md.comp.input-chip.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
"md.comp.input-chip.hover.label-text.color": "onSurfaceVariant",
"md.comp.input-chip.hover.state-layer.color": "onSurfaceVariant",
"md.comp.input-chip.hover.state-layer.opacity": "md.sys.state.hover.state-layer-opacity",
"md.comp.input-chip.label-text.color": "onSurfaceVariant",
"md.comp.input-chip.label-text.text-style": "labelLarge",
"md.comp.input-chip.outline.color": "outline",
"md.comp.input-chip.outline.width": 1.0,
"md.comp.input-chip.pressed.label-text.color": "onSurfaceVariant",
"md.comp.input-chip.pressed.state-layer.color": "onSurfaceVariant",
"md.comp.input-chip.pressed.state-layer.opacity": "md.sys.state.pressed.state-layer-opacity",
"md.comp.input-chip.with-avatar.avatar.shape": "md.sys.shape.corner.full",
"md.comp.input-chip.with-avatar.avatar.size": 24.0,
"md.comp.input-chip.with-avatar.disabled.avatar.opacity": 0.38,
"md.comp.input-chip.with-leading-icon.disabled.leading-icon.color": "onSurface",
"md.comp.input-chip.with-leading-icon.disabled.leading-icon.opacity": 0.38,
"md.comp.input-chip.with-leading-icon.dragged.leading-icon.color": "onSurfaceVariant",
"md.comp.input-chip.with-leading-icon.focus.leading-icon.color": "onSurfaceVariant",
"md.comp.input-chip.with-leading-icon.hover.leading-icon.color": "onSurfaceVariant",
"md.comp.input-chip.with-leading-icon.leading-icon.color": "onSurfaceVariant",
"md.comp.input-chip.with-leading-icon.leading-icon.size": 18.0,
"md.comp.input-chip.with-leading-icon.pressed.leading-icon.color": "onSurfaceVariant",
"md.comp.input-chip.with-trailing-icon.disabled.trailing-icon.color": "onSurface",
"md.comp.input-chip.with-trailing-icon.disabled.trailing-icon.opacity": 0.38,
"md.comp.input-chip.with-trailing-icon.dragged.trailing-icon.color": "onSurfaceVariant",
"md.comp.input-chip.with-trailing-icon.focus.trailing-icon.color": "onSurfaceVariant",
"md.comp.input-chip.with-trailing-icon.hover.trailing-icon.color": "onSurfaceVariant",
"md.comp.input-chip.with-trailing-icon.pressed.trailing-icon.color": "onSurfaceVariant",
"md.comp.input-chip.with-trailing-icon.trailing-icon.color": "onSurfaceVariant",
"md.comp.input-chip.with-trailing-icon.trailing-icon.size": 18.0
}
This diff is collapsed.
{
"version": "v0_76",
"md.sys.motion.duration.100Ms": 100.0,
"md.sys.motion.duration.1000Ms": 1000.0,
"md.sys.motion.duration.150Ms": 150.0,
"md.sys.motion.duration.200Ms": 200.0,
"md.sys.motion.duration.250Ms": 250.0,
"md.sys.motion.duration.300Ms": 300.0,
"md.sys.motion.duration.350Ms": 350.0,
"md.sys.motion.duration.400Ms": 400.0,
"md.sys.motion.duration.450Ms": 450.0,
"md.sys.motion.duration.50Ms": 50.0,
"md.sys.motion.duration.500Ms": 500.0,
"md.sys.motion.duration.550Ms": 550.0,
"md.sys.motion.duration.600Ms": 600.0,
"md.sys.motion.duration.700Ms": 700.0,
"md.sys.motion.duration.800Ms": 800.0,
"md.sys.motion.duration.900Ms": 900.0,
"md.sys.motion.easing.emphasized": "Cubic(0.2, 0.0, 0.0, 1.0)",
"md.sys.motion.easing.emphasized.accelerate": "Cubic(0.3, 0.0, 0.8, 0.15)",
"md.sys.motion.easing.emphasized.decelerate": "Cubic(0.05, 0.7, 0.1, 1.0)",
"md.sys.motion.easing.legacy": "Cubic(0.4, 0.0, 0.2, 1.0)",
"md.sys.motion.easing.legacy.accelerate": "Cubic(0.4, 0.0, 1.0, 1.0)",
"md.sys.motion.easing.legacy.decelerate": "Cubic(0.0, 0.0, 0.2, 1.0)",
"md.sys.motion.easing.linear": "Cubic(0.0, 0.0, 1.0, 1.0)",
"md.sys.motion.easing.standard": "Cubic(0.2, 0.0, 0.0, 1.0)",
"md.sys.motion.easing.standard.accelerate": "Cubic(0.3, 0.0, 1.0, 1.0)",
"md.sys.motion.easing.standard.decelerate": "Cubic(0.0, 0.0, 0.0, 1.0)"
}
{
"version": "v0_76",
"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.state-layer.color": "onSurface",
"md.comp.navigation-bar.active.hover.icon.color": "onSecondaryContainer",
"md.comp.navigation-bar.active.hover.label-text.color": "onSurface",
"md.comp.navigation-bar.active.hover.state-layer.color": "onSurface",
"md.comp.navigation-bar.active.icon.color": "onSecondaryContainer",
"md.comp.navigation-bar.active-indicator.color": "secondaryContainer",
"md.comp.navigation-bar.active-indicator.height": 32.0,
"md.comp.navigation-bar.active-indicator.shape": "md.sys.shape.corner.large",
"md.comp.navigation-bar.active-indicator.width": 64.0,
"md.comp.navigation-bar.active.label-text.color": "onSurface",
"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.state-layer.color": "onSurface",
"md.comp.navigation-bar.container.color": "surface",
"md.comp.navigation-bar.container.elevation": "md.sys.elevation.level2",
"md.comp.navigation-bar.container.height": 80.0,
"md.comp.navigation-bar.container.shape": "md.sys.shape.corner.none",
"md.comp.navigation-bar.container.surface-tint-layer.color": "surfaceTintColor",
"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.icon.size": 24.0,
"md.comp.navigation-bar.inactive.focus.icon.color": "onSurface",
"md.comp.navigation-bar.inactive.focus.label-text.color": "onSurface",
"md.comp.navigation-bar.inactive.focus.state-layer.color": "onSurface",
"md.comp.navigation-bar.inactive.hover.icon.color": "onSurface",
"md.comp.navigation-bar.inactive.hover.label-text.color": "onSurface",
"md.comp.navigation-bar.inactive.hover.state-layer.color": "onSurface",
"md.comp.navigation-bar.inactive.icon.color": "onSurfaceVariant",
"md.comp.navigation-bar.inactive.label-text.color": "onSurfaceVariant",
"md.comp.navigation-bar.inactive.pressed.icon.color": "onSurface",
"md.comp.navigation-bar.inactive.pressed.label-text.color": "onSurface",
"md.comp.navigation-bar.inactive.pressed.state-layer.color": "onSurface",
"md.comp.navigation-bar.label-text.text-style": "labelMedium",
"md.comp.navigation-bar.pressed.state-layer.opacity": "md.sys.state.pressed.state-layer-opacity"
}
{
"version": "v0_76",
"md.ref.palette.black": "0xFF000000",
"md.ref.palette.error0": "0xFF000000",
"md.ref.palette.error10": "0xFF410E0B",
"md.ref.palette.error100": "0xFFFFFFFF",
"md.ref.palette.error20": "0xFF601410",
"md.ref.palette.error30": "0xFF8C1D18",
"md.ref.palette.error40": "0xFFB3261E",
"md.ref.palette.error50": "0xFFDC362E",
"md.ref.palette.error60": "0xFFE46962",
"md.ref.palette.error70": "0xFFEC928E",
"md.ref.palette.error80": "0xFFF2B8B5",
"md.ref.palette.error90": "0xFFF9DEDC",
"md.ref.palette.error95": "0xFFFCEEEE",
"md.ref.palette.error99": "0xFFFFFBF9",
"md.ref.palette.neutral0": "0xFF000000",
"md.ref.palette.neutral10": "0xFF1C1B1F",
"md.ref.palette.neutral100": "0xFFFFFFFF",
"md.ref.palette.neutral20": "0xFF313033",
"md.ref.palette.neutral30": "0xFF484649",
"md.ref.palette.neutral40": "0xFF605D62",
"md.ref.palette.neutral50": "0xFF787579",
"md.ref.palette.neutral60": "0xFF939094",
"md.ref.palette.neutral70": "0xFFAEAAAE",
"md.ref.palette.neutral80": "0xFFC9C5CA",
"md.ref.palette.neutral90": "0xFFE6E1E5",
"md.ref.palette.neutral95": "0xFFF4EFF4",
"md.ref.palette.neutral99": "0xFFFFFBFE",
"md.ref.palette.neutral-variant0": "0xFF000000",
"md.ref.palette.neutral-variant10": "0xFF1D1A22",
"md.ref.palette.neutral-variant100": "0xFFFFFFFF",
"md.ref.palette.neutral-variant20": "0xFF322F37",
"md.ref.palette.neutral-variant30": "0xFF49454F",
"md.ref.palette.neutral-variant40": "0xFF605D66",
"md.ref.palette.neutral-variant50": "0xFF79747E",
"md.ref.palette.neutral-variant60": "0xFF938F99",
"md.ref.palette.neutral-variant70": "0xFFAEA9B4",
"md.ref.palette.neutral-variant80": "0xFFCAC4D0",
"md.ref.palette.neutral-variant90": "0xFFE7E0EC",
"md.ref.palette.neutral-variant95": "0xFFF5EEFA",
"md.ref.palette.neutral-variant99": "0xFFFFFBFE",
"md.ref.palette.primary0": "0xFF000000",
"md.ref.palette.primary10": "0xFF21005D",
"md.ref.palette.primary100": "0xFFFFFFFF",
"md.ref.palette.primary20": "0xFF381E72",
"md.ref.palette.primary30": "0xFF4F378B",
"md.ref.palette.primary40": "0xFF6750A4",
"md.ref.palette.primary50": "0xFF7F67BE",
"md.ref.palette.primary60": "0xFF9A82DB",
"md.ref.palette.primary70": "0xFFB69DF8",
"md.ref.palette.primary80": "0xFFD0BCFF",
"md.ref.palette.primary90": "0xFFEADDFF",
"md.ref.palette.primary95": "0xFFF6EDFF",
"md.ref.palette.primary99": "0xFFFFFBFE",
"md.ref.palette.secondary0": "0xFF000000",
"md.ref.palette.secondary10": "0xFF1D192B",
"md.ref.palette.secondary100": "0xFFFFFFFF",
"md.ref.palette.secondary20": "0xFF332D41",
"md.ref.palette.secondary30": "0xFF4A4458",
"md.ref.palette.secondary40": "0xFF625B71",
"md.ref.palette.secondary50": "0xFF7A7289",
"md.ref.palette.secondary60": "0xFF958DA5",
"md.ref.palette.secondary70": "0xFFB0A7C0",
"md.ref.palette.secondary80": "0xFFCCC2DC",
"md.ref.palette.secondary90": "0xFFE8DEF8",
"md.ref.palette.secondary95": "0xFFF6EDFF",
"md.ref.palette.secondary99": "0xFFFFFBFE",
"md.ref.palette.tertiary0": "0xFF000000",
"md.ref.palette.tertiary10": "0xFF31111D",
"md.ref.palette.tertiary100": "0xFFFFFFFF",
"md.ref.palette.tertiary20": "0xFF492532",
"md.ref.palette.tertiary30": "0xFF633B48",
"md.ref.palette.tertiary40": "0xFF7D5260",
"md.ref.palette.tertiary50": "0xFF986977",
"md.ref.palette.tertiary60": "0xFFB58392",
"md.ref.palette.tertiary70": "0xFFD29DAC",
"md.ref.palette.tertiary80": "0xFFEFB8C8",
"md.ref.palette.tertiary90": "0xFFFFD8E4",
"md.ref.palette.tertiary95": "0xFFFFECF1",
"md.ref.palette.tertiary99": "0xFFFFFBFA",
"md.ref.palette.white": "0xFFFFFFFF"
}
{
"version": "v0_76",
"md.sys.shape.corner.extra-large": {
"family": "SHAPE_FAMILY_ROUNDED_CORNERS",
"topLeft": 28.0,
"topRight": 28.0,
"bottomLeft": 28.0,
"bottomRight": 28.0
},
"md.sys.shape.corner.extra-large.top": {
"family": "SHAPE_FAMILY_ROUNDED_CORNERS",
"topLeft": 28.0,
"topRight": 28.0,
"bottomLeft": 0.0,
"bottomRight": 0.0
},
"md.sys.shape.corner.extra-small": {
"family": "SHAPE_FAMILY_ROUNDED_CORNERS",
"topLeft": 4.0,
"topRight": 4.0,
"bottomLeft": 4.0,
"bottomRight": 4.0
},
"md.sys.shape.corner.extra-small.top": {
"family": "SHAPE_FAMILY_ROUNDED_CORNERS",
"topLeft": 4.0,
"topRight": 4.0,
"bottomLeft": 0.0,
"bottomRight": 0.0
},
"md.sys.shape.corner.large": {
"family": "SHAPE_FAMILY_ROUNDED_CORNERS",
"topLeft": 16.0,
"topRight": 16.0,
"bottomLeft": 16.0,
"bottomRight": 16.0
},
"md.sys.shape.corner.large.end": {
"family": "SHAPE_FAMILY_ROUNDED_CORNERS",
"topLeft": 0.0,
"topRight": 16.0,
"bottomLeft": 0.0,
"bottomRight": 16.0
},
"md.sys.shape.corner.large.top": {
"family": "SHAPE_FAMILY_ROUNDED_CORNERS",
"topLeft": 16.0,
"topRight": 16.0,
"bottomLeft": 0.0,
"bottomRight": 0.0
},
"md.sys.shape.corner.medium": {
"family": "SHAPE_FAMILY_ROUNDED_CORNERS",
"topLeft": 12.0,
"topRight": 12.0,
"bottomLeft": 12.0,
"bottomRight": 12.0
},
"md.sys.shape.corner.none": {
"family": "SHAPE_FAMILY_ROUNDED_CORNERS",
"topLeft": 0.0,
"topRight": 0.0,
"bottomLeft": 0.0,
"bottomRight": 0.0
},
"md.sys.shape.corner.small": {
"family": "SHAPE_FAMILY_ROUNDED_CORNERS",
"topLeft": 8.0,
"topRight": 8.0,
"bottomLeft": 8.0,
"bottomRight": 8.0
}
}
{
"version": "v0_76",
"md.comp.slider.active.track.color": "primary",
"md.comp.slider.active.track.height": 6.0,
"md.comp.slider.active.track.shape": "md.sys.shape.corner.full",
"md.comp.slider.disabled.active.track.color": "onSurface",
"md.comp.slider.disabled.active.track.opacity": 0.38,
"md.comp.slider.disabled.handle.color": "onSurface",
"md.comp.slider.disabled.handle.elevation": "md.sys.elevation.level0",
"md.comp.slider.disabled.handle.opacity": 0.38,
"md.comp.slider.disabled.inactive.track.color": "onSurface",
"md.comp.slider.disabled.inactive.track.opacity": 0.12,
"md.comp.slider.focus.handle.color": "primary",
"md.comp.slider.focus.state-layer.color": "primary",
"md.comp.slider.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
"md.comp.slider.handle.color": "primary",
"md.comp.slider.handle.elevation": "md.sys.elevation.level1",
"md.comp.slider.handle.height": 20.0,
"md.comp.slider.handle.shadow-color": "shadow",
"md.comp.slider.handle.shape": "md.sys.shape.corner.full",
"md.comp.slider.handle.width": 20.0,
"md.comp.slider.hover.handle.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.inactive.track.color": "surfaceVariant",
"md.comp.slider.inactive.track.height": 4.0,
"md.comp.slider.inactive.track.shape": "md.sys.shape.corner.full",
"md.comp.slider.label.container.color": "primary",
"md.comp.slider.label.container.elevation": "md.sys.elevation.level0",
"md.comp.slider.label.container.height": 28.0,
"md.comp.slider.label.label-text.color": "onPrimary",
"md.comp.slider.label.label-text.text-style": "labelMedium",
"md.comp.slider.pressed.handle.color": "primary",
"md.comp.slider.pressed.state-layer.color": "primary",
"md.comp.slider.pressed.state-layer.opacity": "md.sys.state.pressed.state-layer-opacity",
"md.comp.slider.state-layer.size": 48.0,
"md.comp.slider.track.elevation": "md.sys.elevation.level0",
"md.comp.slider.with-overlap.handle.outline.color": "onPrimary",
"md.comp.slider.with-overlap.handle.outline.width": 1.0,
"md.comp.slider.with-tick-marks.active.container.color": "onPrimary",
"md.comp.slider.with-tick-marks.active.container.opacity": 0.38,
"md.comp.slider.with-tick-marks.container.shape": "md.sys.shape.corner.full",
"md.comp.slider.with-tick-marks.container.size": 2.0,
"md.comp.slider.with-tick-marks.disabled.container.color": "onSurface",
"md.comp.slider.with-tick-marks.disabled.container.opacity": 0.38,
"md.comp.slider.with-tick-marks.inactive.container.color": "onSurfaceVariant",
"md.comp.slider.with-tick-marks.inactive.container.opacity": 0.38
}
{
"version": "v0_76",
"md.sys.state.dragged.state-layer-opacity": 0.16,
"md.sys.state.focus.state-layer-opacity": 0.12,
"md.sys.state.hover.state-layer-opacity": 0.08,
"md.sys.state.pressed.state-layer-opacity": 0.12
}
{
"version": "v0_76",
"md.comp.suggestion-chip.container.height": 32.0,
"md.comp.suggestion-chip.container.shape": "md.sys.shape.corner.small",
"md.comp.suggestion-chip.container.surface-tint-layer.color": "surfaceTintColor",
"md.comp.suggestion-chip.disabled.label-text.color": "onSurface",
"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.label-text.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.elevated.container.color": "surface",
"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.disabled.container.color": "onSurface",
"md.comp.suggestion-chip.elevated.disabled.container.elevation": "md.sys.elevation.level0",
"md.comp.suggestion-chip.elevated.disabled.container.opacity": 0.12,
"md.comp.suggestion-chip.elevated.focus.container.elevation": "md.sys.elevation.level1",
"md.comp.suggestion-chip.elevated.hover.container.elevation": "md.sys.elevation.level2",
"md.comp.suggestion-chip.elevated.pressed.container.elevation": "md.sys.elevation.level1",
"md.comp.suggestion-chip.flat.container.elevation": "md.sys.elevation.level0",
"md.comp.suggestion-chip.flat.disabled.outline.color": "onSurface",
"md.comp.suggestion-chip.flat.disabled.outline.opacity": 0.12,
"md.comp.suggestion-chip.flat.focus.outline.color": "onSurfaceVariant",
"md.comp.suggestion-chip.flat.outline.color": "outline",
"md.comp.suggestion-chip.flat.outline.width": 1.0,
"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.opacity": "md.sys.state.focus.state-layer-opacity",
"md.comp.suggestion-chip.hover.label-text.color": "onSurfaceVariant",
"md.comp.suggestion-chip.hover.state-layer.color": "onSurfaceVariant",
"md.comp.suggestion-chip.hover.state-layer.opacity": "md.sys.state.hover.state-layer-opacity",
"md.comp.suggestion-chip.label-text.color": "onSurfaceVariant",
"md.comp.suggestion-chip.label-text.text-style": "labelLarge",
"md.comp.suggestion-chip.pressed.label-text.color": "onSurfaceVariant",
"md.comp.suggestion-chip.pressed.state-layer.color": "onSurfaceVariant",
"md.comp.suggestion-chip.pressed.state-layer.opacity": "md.sys.state.pressed.state-layer-opacity"
}
{
"version": "v0_76",
"md.sys.typescale.body-large.font": "md.ref.typeface.plain",
"md.sys.typescale.body-large.line-height": 24.0,
"md.sys.typescale.body-large.size": 16.0,
"md.sys.typescale.body-large.tracking": 0.5,
"md.sys.typescale.body-large.weight": "md.ref.typeface.weight-regular",
"md.sys.typescale.body-medium.font": "md.ref.typeface.plain",
"md.sys.typescale.body-medium.line-height": 20.0,
"md.sys.typescale.body-medium.size": 14.0,
"md.sys.typescale.body-medium.tracking": 0.25,
"md.sys.typescale.body-medium.weight": "md.ref.typeface.weight-regular",
"md.sys.typescale.body-small.font": "md.ref.typeface.plain",
"md.sys.typescale.body-small.line-height": 16.0,
"md.sys.typescale.body-small.size": 12.0,
"md.sys.typescale.body-small.tracking": 0.4,
"md.sys.typescale.body-small.weight": "md.ref.typeface.weight-regular",
"md.sys.typescale.display-large.font": "md.ref.typeface.brand",
"md.sys.typescale.display-large.line-height": 64.0,
"md.sys.typescale.display-large.size": 57.0,
"md.sys.typescale.display-large.tracking": -0.25,
"md.sys.typescale.display-large.weight": "md.ref.typeface.weight-regular",
"md.sys.typescale.display-medium.font": "md.ref.typeface.brand",
"md.sys.typescale.display-medium.line-height": 52.0,
"md.sys.typescale.display-medium.size": 45.0,
"md.sys.typescale.display-medium.tracking": 0.0,
"md.sys.typescale.display-medium.weight": "md.ref.typeface.weight-regular",
"md.sys.typescale.display-small.font": "md.ref.typeface.brand",
"md.sys.typescale.display-small.line-height": 44.0,
"md.sys.typescale.display-small.size": 36.0,
"md.sys.typescale.display-small.tracking": 0.0,
"md.sys.typescale.display-small.weight": "md.ref.typeface.weight-regular",
"md.sys.typescale.headline-large.font": "md.ref.typeface.brand",
"md.sys.typescale.headline-large.line-height": 40.0,
"md.sys.typescale.headline-large.size": 32.0,
"md.sys.typescale.headline-large.tracking": 0.0,
"md.sys.typescale.headline-large.weight": "md.ref.typeface.weight-regular",
"md.sys.typescale.headline-medium.font": "md.ref.typeface.brand",
"md.sys.typescale.headline-medium.line-height": 36.0,
"md.sys.typescale.headline-medium.size": 28.0,
"md.sys.typescale.headline-medium.tracking": 0.0,
"md.sys.typescale.headline-medium.weight": "md.ref.typeface.weight-regular",
"md.sys.typescale.headline-small.font": "md.ref.typeface.brand",
"md.sys.typescale.headline-small.line-height": 32.0,
"md.sys.typescale.headline-small.size": 24.0,
"md.sys.typescale.headline-small.tracking": 0.0,
"md.sys.typescale.headline-small.weight": "md.ref.typeface.weight-regular",
"md.sys.typescale.label-large.font": "md.ref.typeface.plain",
"md.sys.typescale.label-large.line-height": 20.0,
"md.sys.typescale.label-large.size": 14.0,
"md.sys.typescale.label-large.tracking": 0.1,
"md.sys.typescale.label-large.weight": "md.ref.typeface.weight-medium",
"md.sys.typescale.label-medium.font": "md.ref.typeface.plain",
"md.sys.typescale.label-medium.line-height": 16.0,
"md.sys.typescale.label-medium.size": 12.0,
"md.sys.typescale.label-medium.tracking": 0.5,
"md.sys.typescale.label-medium.weight": "md.ref.typeface.weight-medium",
"md.sys.typescale.label-small.font": "md.ref.typeface.plain",
"md.sys.typescale.label-small.line-height": 16.0,
"md.sys.typescale.label-small.size": 11.0,
"md.sys.typescale.label-small.tracking": 0.5,
"md.sys.typescale.label-small.weight": "md.ref.typeface.weight-medium",
"md.sys.typescale.title-large.font": "md.ref.typeface.brand",
"md.sys.typescale.title-large.line-height": 28.0,
"md.sys.typescale.title-large.size": 22.0,
"md.sys.typescale.title-large.tracking": 0.0,
"md.sys.typescale.title-large.weight": "md.ref.typeface.weight-regular",
"md.sys.typescale.title-medium.font": "md.ref.typeface.plain",
"md.sys.typescale.title-medium.line-height": 24.0,
"md.sys.typescale.title-medium.size": 16.0,
"md.sys.typescale.title-medium.tracking": 0.15,
"md.sys.typescale.title-medium.weight": "md.ref.typeface.weight-medium",
"md.sys.typescale.title-small.font": "md.ref.typeface.plain",
"md.sys.typescale.title-small.line-height": 20.0,
"md.sys.typescale.title-small.size": 14.0,
"md.sys.typescale.title-small.tracking": 0.1,
"md.sys.typescale.title-small.weight": "md.ref.typeface.weight-medium"
}
{
"version": "v0_76",
"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.height": 152.0,
"md.comp.top-app-bar.large.container.shape": "md.sys.shape.corner.none",
"md.comp.top-app-bar.large.container.surface-tint-layer.color": "surfaceTintColor",
"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.leading-icon.color": "onSurface",
"md.comp.top-app-bar.large.leading-icon.size": 24.0,
"md.comp.top-app-bar.large.trailing-icon.color": "onSurfaceVariant",
"md.comp.top-app-bar.large.trailing-icon.size": 24.0
}
{
"version": "v0_76",
"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.height": 112.0,
"md.comp.top-app-bar.medium.container.shape": "md.sys.shape.corner.none",
"md.comp.top-app-bar.medium.container.surface-tint-layer.color": "surfaceTintColor",
"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.leading-icon.color": "onSurface",
"md.comp.top-app-bar.medium.leading-icon.size": 24.0,
"md.comp.top-app-bar.medium.trailing-icon.color": "onSurfaceVariant",
"md.comp.top-app-bar.medium.trailing-icon.size": 24.0
}
{
"version": "v0_76",
"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.height": 64.0,
"md.comp.top-app-bar.small.container.shape": "md.sys.shape.corner.none",
"md.comp.top-app-bar.small.container.surface-tint-layer.color": "surfaceTintColor",
"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.leading-icon.color": "onSurface",
"md.comp.top-app-bar.small.leading-icon.size": 24.0,
"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.size": 24.0
}
{
"version": "v0_76",
"md.ref.typeface.brand": "Roboto",
"md.ref.typeface.plain": "Roboto",
"md.ref.typeface.weight-bold": 700,
"md.ref.typeface.weight-medium": 500,
"md.ref.typeface.weight-regular": 400
}
......@@ -9,7 +9,7 @@ class FABTemplate extends TokenTemplate {
@override
String generate() => '''
// Generated version ${tokens["version"]}, ${tokens["date"]}
// Generated version ${tokens["version"]}
class _M3Defaults extends FloatingActionButtonThemeData {
_M3Defaults(this.context, this.type, this.hasChild)
: _colors = Theme.of(context).colorScheme,
......@@ -26,12 +26,12 @@ class _M3Defaults extends FloatingActionButtonThemeData {
@override Color? get foregroundColor => _colors.${color("md.comp.fab.primary.icon")};
@override Color? get backgroundColor => _colors.${color("md.comp.fab.primary.container")};
@override Color? get splashColor => _colors.${color("md.comp.fab.primary.pressed.state-layer")};
@override double get elevation => ${elevation("md.comp.fab.primary.container")};
@override double get elevation => ${elevation("md.comp.fab.primary.container.elevation")};
@override Color? get focusColor => _colors.${color("md.comp.fab.primary.focus.state-layer")};
@override double get focusElevation => ${elevation("md.comp.fab.primary.focus.container")};
@override double get focusElevation => ${elevation("md.comp.fab.primary.focus.container.elevation")};
@override Color? get hoverColor => _colors.${color("md.comp.fab.primary.hover.state-layer")};
@override double get hoverElevation => ${elevation("md.comp.fab.primary.hover.container")};
@override double get highlightElevation => ${elevation("md.comp.fab.primary.pressed.container")};
@override double get hoverElevation => ${elevation("md.comp.fab.primary.hover.container.elevation")};
@override double get highlightElevation => ${elevation("md.comp.fab.primary.pressed.container.elevation")};
@override
ShapeBorder? get shape {
......@@ -52,34 +52,34 @@ class _M3Defaults extends FloatingActionButtonThemeData {
@override
double? get iconSize {
switch (type) {
case _FloatingActionButtonType.regular: return ${value("md.comp.fab.primary.icon.size")};
case _FloatingActionButtonType.small: return ${value("md.comp.fab.primary.small.icon.size")};
case _FloatingActionButtonType.large: return ${value("md.comp.fab.primary.large.icon.size")};
case _FloatingActionButtonType.extended: return ${value("md.comp.extended-fab.primary.icon.size")};
case _FloatingActionButtonType.regular: return ${tokens["md.comp.fab.primary.icon.size"]};
case _FloatingActionButtonType.small: return ${tokens["md.comp.fab.primary.small.icon.size"]};
case _FloatingActionButtonType.large: return ${tokens["md.comp.fab.primary.large.icon.size"]};
case _FloatingActionButtonType.extended: return ${tokens["md.comp.extended-fab.primary.icon.size"]};
}
}
@override
BoxConstraints? get sizeConstraints => const BoxConstraints.tightFor(
width: ${value("md.comp.fab.primary.container.width")},
height: ${value("md.comp.fab.primary.container.height")},
width: ${tokens["md.comp.fab.primary.container.width"]},
height: ${tokens["md.comp.fab.primary.container.height"]},
);
@override
BoxConstraints? get smallSizeConstraints => const BoxConstraints.tightFor(
width: ${value("md.comp.fab.primary.small.container.width")},
height: ${value("md.comp.fab.primary.small.container.height")},
width: ${tokens["md.comp.fab.primary.small.container.width"]},
height: ${tokens["md.comp.fab.primary.small.container.height"]},
);
@override
BoxConstraints? get largeSizeConstraints => const BoxConstraints.tightFor(
width: ${value("md.comp.fab.primary.large.container.width")},
height: ${value("md.comp.fab.primary.large.container.height")},
width: ${tokens["md.comp.fab.primary.large.container.width"]},
height: ${tokens["md.comp.fab.primary.large.container.height"]},
);
@override
BoxConstraints? get extendedSizeConstraints => const BoxConstraints.tightFor(
height: ${value("md.comp.extended-fab.primary.container.height")},
height: ${tokens["md.comp.extended-fab.primary.container.height"]},
);
@override double? get extendedIconLabelSpacing => 8.0;
......
......@@ -66,17 +66,18 @@ abstract class TokenTemplate {
}
String elevation(String tokenName) {
final String elevationName = '$tokenName.elevation';
final Map<String, dynamic> elevationValue = tokens[tokens[elevationName]!]! as Map<String, dynamic>;
return elevationValue['value']!.toString();
return tokens[tokens[tokenName]!]!.toString();
}
String shape(String tokenName) {
// TODO(darrenaustin): handle more than just rounded rectangle shapes
final String shapeToken = tokens[tokenName]! as String;
final Map<String, dynamic> shape = tokens[shapeToken]! as Map<String, dynamic>;
final Map<String, dynamic> shapeValue = shape['value']! as Map<String, dynamic>;
return 'const RoundedRectangleBorder(borderRadius: BorderRadius.all(Radius.circular(${shapeValue['value']!})))';
final Map<String, dynamic> shape = tokens[tokens[tokenName]!]! as Map<String, dynamic>;
return 'const RoundedRectangleBorder(borderRadius: '
'BorderRadius.only('
'topLeft: Radius.circular(${shape['topLeft']}), '
'topRight: Radius.circular(${shape['topRight']}), '
'bottomLeft: Radius.circular(${shape['bottomLeft']}), '
'bottomRight: Radius.circular(${shape['bottomRight']})))';
}
String value(String tokenName) {
......@@ -85,7 +86,7 @@ abstract class TokenTemplate {
}
String textStyle(String tokenName) {
final String fontName = '$tokenName.font';
final String fontName = '$tokenName.text-style';
return tokens[fontName]!.toString();
}
}
......@@ -97,6 +97,21 @@ static final String tokenBar = 'bar';
tempDir.deleteSync(recursive: true);
}
});
test('Templates can get proper shapes from given data', () {
const Map<String, dynamic> tokens = <String, dynamic>{
'foo.shape': 'shape.large',
'shape.large': <String, dynamic>{
'family': 'SHAPE_FAMILY_ROUNDED_CORNERS',
'topLeft': 1.0,
'topRight': 2.0,
'bottomLeft': 3.0,
'bottomRight': 4.0,
}
};
final TestTemplate template = TestTemplate('foobar.dart', tokens);
expect(template.shape('foo.shape'), 'const RoundedRectangleBorder(borderRadius: BorderRadius.only(topLeft: Radius.circular(1.0), topRight: Radius.circular(2.0), bottomLeft: Radius.circular(3.0), bottomRight: Radius.circular(4.0)))');
});
}
class TestTemplate extends TokenTemplate {
......
......@@ -777,7 +777,7 @@ class _M2Defaults extends FloatingActionButtonThemeData {
// These defaults are generated from the Material Design Token
// database by the script dev/tools/gen_defaults/bin/gen_defaults.dart.
// Generated version v0.74, 2022-01-06
// Generated version v0_76
class _M3Defaults extends FloatingActionButtonThemeData {
_M3Defaults(this.context, this.type, this.hasChild)
: _colors = Theme.of(context).colorScheme,
......@@ -805,13 +805,13 @@ class _M3Defaults extends FloatingActionButtonThemeData {
ShapeBorder? get shape {
switch (type) {
case _FloatingActionButtonType.regular:
return const RoundedRectangleBorder(borderRadius: BorderRadius.all(Radius.circular(16.0)));
return const RoundedRectangleBorder(borderRadius: BorderRadius.only(topLeft: Radius.circular(16.0), topRight: Radius.circular(16.0), bottomLeft: Radius.circular(16.0), bottomRight: Radius.circular(16.0)));
case _FloatingActionButtonType.small:
return const RoundedRectangleBorder(borderRadius: BorderRadius.all(Radius.circular(12.0)));
return const RoundedRectangleBorder(borderRadius: BorderRadius.only(topLeft: Radius.circular(12.0), topRight: Radius.circular(12.0), bottomLeft: Radius.circular(12.0), bottomRight: Radius.circular(12.0)));
case _FloatingActionButtonType.large:
return const RoundedRectangleBorder(borderRadius: BorderRadius.all(Radius.circular(28.0)));
return const RoundedRectangleBorder(borderRadius: BorderRadius.only(topLeft: Radius.circular(28.0), topRight: Radius.circular(28.0), bottomLeft: Radius.circular(28.0), bottomRight: Radius.circular(28.0)));
case _FloatingActionButtonType.extended:
return const RoundedRectangleBorder(borderRadius: BorderRadius.all(Radius.circular(16.0)));
return const RoundedRectangleBorder(borderRadius: BorderRadius.only(topLeft: Radius.circular(16.0), topRight: Radius.circular(16.0), bottomLeft: Radius.circular(16.0), bottomRight: Radius.circular(16.0)));
}
}
......
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