From 21494cff4e439f9d9110a92f75849f15461bf78b Mon Sep 17 00:00:00 2001 From: Elliott Brooks <21270878+elliette@users.noreply.github.com> Date: Wed, 8 Jul 2026 12:17:47 -0700 Subject: [PATCH 1/2] Sort members --- .../tool/gen_defaults/data/app_bar.dart | 79 +- .../tool/gen_defaults/data/app_bar_large.dart | 8 +- .../data/app_bar_large_flexible.dart | 20 +- .../gen_defaults/data/app_bar_medium.dart | 14 +- .../data/app_bar_medium_flexible.dart | 16 +- .../tool/gen_defaults/data/app_bar_small.dart | 54 +- .../tool/gen_defaults/data/assist_chip.dart | 211 ++-- .../tool/gen_defaults/data/badge.dart | 40 +- .../tool/gen_defaults/data/banner.dart | 80 +- .../tool/gen_defaults/data/banners.dart | 46 +- .../tool/gen_defaults/data/banners_basic.dart | 144 +-- .../tool/gen_defaults/data/banners_rich.dart | 154 +-- .../tool/gen_defaults/data/button.dart | 329 +++--- .../gen_defaults/data/button_elevated.dart | 210 ++-- .../tool/gen_defaults/data/button_filled.dart | 209 ++-- .../data/button_group_connected_large.dart | 18 +- .../data/button_group_connected_medium.dart | 20 +- .../data/button_group_connected_small.dart | 16 +- .../data/button_group_connected_xlarge.dart | 14 +- .../data/button_group_connected_xsmall.dart | 12 +- .../data/button_group_standard_large.dart | 6 +- .../data/button_group_standard_medium.dart | 16 +- .../data/button_group_standard_small.dart | 12 +- .../data/button_group_standard_xlarge.dart | 10 +- .../tool/gen_defaults/data/button_large.dart | 76 +- .../tool/gen_defaults/data/button_medium.dart | 78 +- .../gen_defaults/data/button_outlined.dart | 235 ++--- .../tool/gen_defaults/data/button_small.dart | 96 +- .../tool/gen_defaults/data/button_text.dart | 72 +- .../tool/gen_defaults/data/button_tonal.dart | 222 ++-- .../tool/gen_defaults/data/button_xlarge.dart | 110 +- .../tool/gen_defaults/data/button_xsmall.dart | 100 +- .../tool/gen_defaults/data/carousel_item.dart | 110 +- .../tool/gen_defaults/data/checkbox.dart | 309 +++--- .../tool/gen_defaults/data/color.dart | 180 ++-- .../tool/gen_defaults/data/color_dark.dart | 128 +-- .../data/color_dark_high_contrast.dart | 122 +-- .../data/color_dark_medium_contrast.dart | 120 +-- .../data/color_light_high_contrast.dart | 122 +-- .../data/color_light_medium_contrast.dart | 116 +-- .../tool/gen_defaults/data/data_table.dart | 107 +- .../gen_defaults/data/date_input_modal.dart | 81 +- .../gen_defaults/data/date_picker_docked.dart | 438 ++++---- .../gen_defaults/data/date_picker_modal.dart | 502 +++++---- .../tool/gen_defaults/data/dialog.dart | 136 ++- .../tool/gen_defaults/data/drag_handle.dart | 64 +- .../tool/gen_defaults/data/elevated_card.dart | 81 +- .../tool/gen_defaults/data/elevation.dart | 16 +- .../tool/gen_defaults/data/extended_fab.dart | 26 +- .../data/extended_fab_branded.dart | 116 ++- .../gen_defaults/data/extended_fab_large.dart | 34 +- .../data/extended_fab_medium.dart | 26 +- .../data/extended_fab_primary.dart | 68 +- .../data/extended_fab_primary_container.dart | 80 +- .../data/extended_fab_secondary.dart | 72 +- .../extended_fab_secondary_container.dart | 79 +- .../gen_defaults/data/extended_fab_small.dart | 26 +- .../data/extended_fab_surface.dart | 132 ++- .../data/extended_fab_tertiary.dart | 63 +- .../data/extended_fab_tertiary_container.dart | 84 +- .../tool/gen_defaults/data/fab.dart | 6 +- .../tool/gen_defaults/data/fab_branded.dart | 80 +- .../tool/gen_defaults/data/fab_large.dart | 12 +- .../tool/gen_defaults/data/fab_medium.dart | 10 +- .../tool/gen_defaults/data/fab_menu.dart | 78 +- .../data/fab_menu_primary_close_button.dart | 44 +- .../data/fab_menu_primary_container.dart | 73 +- .../data/fab_menu_secondary_close_button.dart | 53 +- .../data/fab_menu_secondary_container.dart | 85 +- .../data/fab_menu_tertiary_close_button.dart | 51 +- .../data/fab_menu_tertiary_container.dart | 83 +- .../tool/gen_defaults/data/fab_primary.dart | 52 +- .../data/fab_primary_container.dart | 62 +- .../tool/gen_defaults/data/fab_secondary.dart | 59 +- .../data/fab_secondary_container.dart | 57 +- .../tool/gen_defaults/data/fab_surface.dart | 100 +- .../tool/gen_defaults/data/fab_tertiary.dart | 55 +- .../data/fab_tertiary_container.dart | 64 +- .../data/filled_autocomplete.dart | 407 ++++---- .../tool/gen_defaults/data/filled_card.dart | 82 +- .../gen_defaults/data/filled_menu_button.dart | 177 ++-- .../tool/gen_defaults/data/filled_select.dart | 445 ++++---- .../gen_defaults/data/filled_text_field.dart | 376 ++++--- .../tool/gen_defaults/data/filter_chip.dart | 397 ++++---- .../gen_defaults/data/full_screen_dialog.dart | 128 ++- .../tool/gen_defaults/data/glass_button.dart | 70 +- .../gen_defaults/data/glass_icon_button.dart | 52 +- .../tool/gen_defaults/data/icon_button.dart | 226 ++--- .../gen_defaults/data/icon_button_filled.dart | 130 ++- .../gen_defaults/data/icon_button_large.dart | 60 +- .../gen_defaults/data/icon_button_medium.dart | 70 +- .../data/icon_button_outlined.dart | 153 ++- .../gen_defaults/data/icon_button_small.dart | 82 +- .../data/icon_button_standard.dart | 114 +-- .../gen_defaults/data/icon_button_tonal.dart | 134 ++- .../gen_defaults/data/icon_button_xlarge.dart | 80 +- .../gen_defaults/data/icon_button_xsmall.dart | 92 +- .../tool/gen_defaults/data/input_chip.dart | 391 ++++--- .../tool/gen_defaults/data/list.dart | 951 ++++++++---------- .../tool/gen_defaults/data/list_expand.dart | 33 +- .../tool/gen_defaults/data/list_reorder.dart | 58 +- .../tool/gen_defaults/data/list_reveal.dart | 56 +- .../gen_defaults/data/loading_indicator.dart | 20 +- .../tool/gen_defaults/data/measurement.dart | 58 +- .../tool/gen_defaults/data/menu.dart | 10 +- .../tool/gen_defaults/data/menus.dart | 315 +++--- .../gen_defaults/data/menus_standard.dart | 398 ++++---- .../tool/gen_defaults/data/menus_vibrant.dart | 317 +++--- .../gen_defaults/data/motion_expressive.dart | 130 +-- .../gen_defaults/data/motion_standard.dart | 126 +-- .../tool/gen_defaults/data/nav_bar.dart | 107 +- .../data/nav_bar_item_horizontal.dart | 26 +- .../data/nav_bar_item_vertical.dart | 26 +- .../tool/gen_defaults/data/nav_rail.dart | 53 +- .../gen_defaults/data/nav_rail_collapsed.dart | 18 +- .../gen_defaults/data/nav_rail_expanded.dart | 37 +- .../tool/gen_defaults/data/nav_rail_item.dart | 42 +- .../data/nav_rail_item_horizontal.dart | 22 +- .../data/nav_rail_item_vertical.dart | 20 +- .../gen_defaults/data/navigation_bar.dart | 180 ++-- .../gen_defaults/data/navigation_drawer.dart | 293 +++--- .../gen_defaults/data/navigation_rail.dart | 184 ++-- .../data/outlined_autocomplete.dart | 415 ++++---- .../tool/gen_defaults/data/outlined_card.dart | 98 +- .../data/outlined_menu_button.dart | 171 ++-- .../data/outlined_segmented_button.dart | 209 ++-- .../gen_defaults/data/outlined_select.dart | 453 ++++----- .../data/outlined_text_field.dart | 334 +++--- .../tool/gen_defaults/data/palette.dart | 942 ++++++++--------- .../tool/gen_defaults/data/plain_tooltip.dart | 21 +- .../data/primary_navigation_tab.dart | 211 ++-- .../gen_defaults/data/progress_indicator.dart | 24 +- .../data/progress_indicator_circular.dart | 16 +- .../data/progress_indicator_linear.dart | 32 +- .../tool/gen_defaults/data/radio_button.dart | 108 +- .../tool/gen_defaults/data/rich_tooltip.dart | 137 ++- .../tool/gen_defaults/data/scrim.dart | 6 +- .../tool/gen_defaults/data/search_bar.dart | 189 ++-- .../tool/gen_defaults/data/search_view.dart | 162 ++- .../data/secondary_navigation_tab.dart | 116 ++- .../tool/gen_defaults/data/shape.dart | 202 ++-- .../tool/gen_defaults/data/shape_struct.dart | 8 +- .../tool/gen_defaults/data/sheet_bottom.dart | 42 +- .../gen_defaults/data/sheet_floating.dart | 7 +- .../tool/gen_defaults/data/sheet_side.dart | 120 +-- .../tool/gen_defaults/data/slider.dart | 230 ++--- .../tool/gen_defaults/data/slider_large.dart | 14 +- .../tool/gen_defaults/data/slider_medium.dart | 20 +- .../tool/gen_defaults/data/slider_small.dart | 8 +- .../tool/gen_defaults/data/slider_xlarge.dart | 22 +- .../tool/gen_defaults/data/slider_xsmall.dart | 16 +- .../tool/gen_defaults/data/snackbar.dart | 182 ++-- .../tool/gen_defaults/data/space.dart | 64 +- .../gen_defaults/data/split_button_large.dart | 28 +- .../data/split_button_medium.dart | 32 +- .../gen_defaults/data/split_button_small.dart | 42 +- .../data/split_button_xlarge.dart | 36 +- .../data/split_button_xsmall.dart | 42 +- .../data/standard_menu_button.dart | 156 ++- .../tool/gen_defaults/data/state.dart | 6 +- .../data/state_focus_indicator.dart | 6 +- .../gen_defaults/data/suggestion_chip.dart | 219 ++-- .../tool/gen_defaults/data/switch.dart | 338 +++---- .../tool/gen_defaults/data/time_input.dart | 359 ++++--- .../tool/gen_defaults/data/time_picker.dart | 479 +++++---- .../gen_defaults/data/toolbar_docked.dart | 12 +- .../gen_defaults/data/toolbar_floating.dart | 28 +- .../data/toolbar_floating_fab.dart | 68 +- .../gen_defaults/data/toolbar_standard.dart | 156 ++- .../gen_defaults/data/toolbar_vibrant.dart | 157 ++- .../tool/gen_defaults/data/typeface.dart | 12 +- .../tool/gen_defaults/data/typescale.dart | 340 +++---- .../data/typescale_emphasized.dart | 340 +++---- .../data/typescale_emphasized_variable.dart | 292 +++--- .../gen_defaults/data/typescale_variable.dart | 318 +++--- .../data/typescale_variable_emphasized.dart | 330 +++--- 176 files changed, 10704 insertions(+), 12006 deletions(-) diff --git a/packages/material_ui/tool/gen_defaults/data/app_bar.dart b/packages/material_ui/tool/gen_defaults/data/app_bar.dart index 8601904e232f..55439b00ccb1 100644 --- a/packages/material_ui/tool/gen_defaults/data/app_bar.dart +++ b/packages/material_ui/tool/gen_defaults/data/app_bar.dart @@ -8,71 +8,66 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenAppBar { - /// md.comp.app-bar.on-scroll.container.elevation - static const double onScrollContainerElevation = 3.00; + /// md.comp.app-bar.avatar.size + static const double avatarSize = 32.00; - /// md.comp.app-bar.icon-button-space - static const double iconButtonSpace = 0.00; + /// md.comp.app-bar.container.color + static const TokenColorRole containerColor = TokenColorRole.surface; /// md.comp.app-bar.container.elevation static const double containerElevation = 0.00; - /// md.comp.app-bar.icon.size - static const double iconSize = 24.00; - - /// md.comp.app-bar.on-scroll.container.color - static const TokenColorRole onScrollContainerColor = - TokenColorRole.surfaceContainer; + /// md.comp.app-bar.container.shape + static const ShapeStruct containerShape = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 0.00, + topRight: 0.00, + bottomLeft: 0.00, + bottomRight: 0.00, + ); - /// md.comp.app-bar.title.color - static const TokenColorRole titleColor = TokenColorRole.onSurface; + /// md.comp.app-bar.icon-button-space + static const double iconButtonSpace = 0.00; - /// md.comp.app-bar.search.container.color - static const TokenColorRole searchContainerColor = - TokenColorRole.surfaceContainer; + /// md.comp.app-bar.icon.size + static const double iconSize = 24.00; - /// md.comp.app-bar.search.label.color - static const TokenColorRole searchLabelColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.app-bar.leading-icon.color + static const TokenColorRole leadingIconColor = TokenColorRole.onSurface; /// md.comp.app-bar.leading-space static const double leadingSpace = 4.00; - /// md.comp.app-bar.search.on-scroll.container.color - static const TokenColorRole searchOnScrollContainerColor = - TokenColorRole.surfaceContainerHighest; + /// md.comp.app-bar.on-scroll.container.color + static const TokenColorRole onScrollContainerColor = TokenColorRole.surfaceContainer; - /// md.comp.app-bar.search.trailing-space - static const double searchTrailingSpace = 8.00; + /// md.comp.app-bar.on-scroll.container.elevation + static const double onScrollContainerElevation = 3.00; - /// md.comp.app-bar.trailing-space - static const double trailingSpace = 4.00; + /// md.comp.app-bar.search.container.color + static const TokenColorRole searchContainerColor = TokenColorRole.surfaceContainer; - /// md.comp.app-bar.container.shape - static const ShapeStruct containerShape = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 0.00, - topRight: 0.00, - bottomLeft: 0.00, - bottomRight: 0.00, - ); + /// md.comp.app-bar.search.label.color + static const TokenColorRole searchLabelColor = TokenColorRole.onSurfaceVariant; /// md.comp.app-bar.search.leading-space static const double searchLeadingSpace = 8.00; - /// md.comp.app-bar.leading-icon.color - static const TokenColorRole leadingIconColor = TokenColorRole.onSurface; - - /// md.comp.app-bar.container.color - static const TokenColorRole containerColor = TokenColorRole.surface; + /// md.comp.app-bar.search.on-scroll.container.color + static const TokenColorRole searchOnScrollContainerColor = TokenColorRole.surfaceContainerHighest; - /// md.comp.app-bar.avatar.size - static const double avatarSize = 32.00; + /// md.comp.app-bar.search.trailing-space + static const double searchTrailingSpace = 8.00; /// md.comp.app-bar.subtitle.color static const TokenColorRole subtitleColor = TokenColorRole.onSurfaceVariant; + /// md.comp.app-bar.title.color + static const TokenColorRole titleColor = TokenColorRole.onSurface; + /// md.comp.app-bar.trailing-icon.color - static const TokenColorRole trailingIconColor = - TokenColorRole.onSurfaceVariant; + static const TokenColorRole trailingIconColor = TokenColorRole.onSurfaceVariant; + + /// md.comp.app-bar.trailing-space + static const double trailingSpace = 4.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/app_bar_large.dart b/packages/material_ui/tool/gen_defaults/data/app_bar_large.dart index 6af4675d2a32..19d674972f71 100644 --- a/packages/material_ui/tool/gen_defaults/data/app_bar_large.dart +++ b/packages/material_ui/tool/gen_defaults/data/app_bar_large.dart @@ -9,17 +9,17 @@ class TokenAppBarLarge { static const double containerHeight = 152.00; /// md.comp.app-bar.large.title.font - static const double titleFontFontSize = 28.00; + static const String titleFontFontFamily = 'Roboto'; /// md.comp.app-bar.large.title.font - static const double titleFontFontWeight = 400; + static const double titleFontFontSize = 28.00; /// md.comp.app-bar.large.title.font - static const double titleFontLineHeight = 36.00; + static const double titleFontFontWeight = 400; /// md.comp.app-bar.large.title.font static const double titleFontLetterSpacing = 0.00; /// md.comp.app-bar.large.title.font - static const String titleFontFontFamily = 'Roboto'; + static const double titleFontLineHeight = 36.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/app_bar_large_flexible.dart b/packages/material_ui/tool/gen_defaults/data/app_bar_large_flexible.dart index 54b10b79cb7d..f44421b24e5c 100644 --- a/packages/material_ui/tool/gen_defaults/data/app_bar_large_flexible.dart +++ b/packages/material_ui/tool/gen_defaults/data/app_bar_large_flexible.dart @@ -5,23 +5,26 @@ // Version: 36.0.6 class TokenAppBarLargeFlexible { + /// md.comp.app-bar.large-flexible.container.height + static const double containerHeight = 120.00; + /// md.comp.app-bar.large-flexible.subtitle.font - static const double subtitleFontFontSize = 16.00; + static const String subtitleFontFontFamily = 'Roboto'; /// md.comp.app-bar.large-flexible.subtitle.font - static const double subtitleFontFontWeight = 500; + static const double subtitleFontFontSize = 16.00; /// md.comp.app-bar.large-flexible.subtitle.font - static const double subtitleFontLineHeight = 24.00; + static const double subtitleFontFontWeight = 500; /// md.comp.app-bar.large-flexible.subtitle.font static const double subtitleFontLetterSpacing = 0.15; /// md.comp.app-bar.large-flexible.subtitle.font - static const String subtitleFontFontFamily = 'Roboto'; + static const double subtitleFontLineHeight = 24.00; - /// md.comp.app-bar.large-flexible.container.height - static const double containerHeight = 120.00; + /// md.comp.app-bar.large-flexible.title.font + static const String titleFontFontFamily = 'Roboto'; /// md.comp.app-bar.large-flexible.title.font static const double titleFontFontSize = 36.00; @@ -29,14 +32,11 @@ class TokenAppBarLargeFlexible { /// md.comp.app-bar.large-flexible.title.font static const double titleFontFontWeight = 400; - /// md.comp.app-bar.large-flexible.title.font - static const double titleFontLineHeight = 44.00; - /// md.comp.app-bar.large-flexible.title.font static const double titleFontLetterSpacing = 0.00; /// md.comp.app-bar.large-flexible.title.font - static const String titleFontFontFamily = 'Roboto'; + static const double titleFontLineHeight = 44.00; /// md.comp.app-bar.large-flexible.with-subtitle.container.height static const double withSubtitleContainerHeight = 152.00; diff --git a/packages/material_ui/tool/gen_defaults/data/app_bar_medium.dart b/packages/material_ui/tool/gen_defaults/data/app_bar_medium.dart index fed482f671f6..d79ae980e2cc 100644 --- a/packages/material_ui/tool/gen_defaults/data/app_bar_medium.dart +++ b/packages/material_ui/tool/gen_defaults/data/app_bar_medium.dart @@ -5,21 +5,21 @@ // Version: 36.0.6 class TokenAppBarMedium { + /// md.comp.app-bar.medium.container.height + static const double containerHeight = 112.00; + /// md.comp.app-bar.medium.title.font - static const double titleFontFontSize = 24.00; + static const String titleFontFontFamily = 'Roboto'; /// md.comp.app-bar.medium.title.font - static const double titleFontFontWeight = 400; + static const double titleFontFontSize = 24.00; /// md.comp.app-bar.medium.title.font - static const double titleFontLineHeight = 32.00; + static const double titleFontFontWeight = 400; /// md.comp.app-bar.medium.title.font static const double titleFontLetterSpacing = 0.00; /// md.comp.app-bar.medium.title.font - static const String titleFontFontFamily = 'Roboto'; - - /// md.comp.app-bar.medium.container.height - static const double containerHeight = 112.00; + static const double titleFontLineHeight = 32.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/app_bar_medium_flexible.dart b/packages/material_ui/tool/gen_defaults/data/app_bar_medium_flexible.dart index 0529a3c5440b..980d8d8a8fd7 100644 --- a/packages/material_ui/tool/gen_defaults/data/app_bar_medium_flexible.dart +++ b/packages/material_ui/tool/gen_defaults/data/app_bar_medium_flexible.dart @@ -9,34 +9,34 @@ class TokenAppBarMediumFlexible { static const double containerHeight = 112.00; /// md.comp.app-bar.medium-flexible.subtitle.font - static const double subtitleFontFontSize = 14.00; + static const String subtitleFontFontFamily = 'Roboto'; /// md.comp.app-bar.medium-flexible.subtitle.font - static const double subtitleFontFontWeight = 500; + static const double subtitleFontFontSize = 14.00; /// md.comp.app-bar.medium-flexible.subtitle.font - static const double subtitleFontLineHeight = 20.00; + static const double subtitleFontFontWeight = 500; /// md.comp.app-bar.medium-flexible.subtitle.font static const double subtitleFontLetterSpacing = 0.10; /// md.comp.app-bar.medium-flexible.subtitle.font - static const String subtitleFontFontFamily = 'Roboto'; + static const double subtitleFontLineHeight = 20.00; /// md.comp.app-bar.medium-flexible.title.font - static const double titleFontFontSize = 28.00; + static const String titleFontFontFamily = 'Roboto'; /// md.comp.app-bar.medium-flexible.title.font - static const double titleFontFontWeight = 400; + static const double titleFontFontSize = 28.00; /// md.comp.app-bar.medium-flexible.title.font - static const double titleFontLineHeight = 36.00; + static const double titleFontFontWeight = 400; /// md.comp.app-bar.medium-flexible.title.font static const double titleFontLetterSpacing = 0.00; /// md.comp.app-bar.medium-flexible.title.font - static const String titleFontFontFamily = 'Roboto'; + static const double titleFontLineHeight = 36.00; /// md.comp.app-bar.medium-flexible.with-subtitle.container.height static const double withSubtitleContainerHeight = 136.00; diff --git a/packages/material_ui/tool/gen_defaults/data/app_bar_small.dart b/packages/material_ui/tool/gen_defaults/data/app_bar_small.dart index 169ca62ec004..7afb74eedb8a 100644 --- a/packages/material_ui/tool/gen_defaults/data/app_bar_small.dart +++ b/packages/material_ui/tool/gen_defaults/data/app_bar_small.dart @@ -7,6 +7,12 @@ import 'shape_struct.dart'; class TokenAppBarSmall { + /// md.comp.app-bar.small.container.height + static const double containerHeight = 64.00; + + /// md.comp.app-bar.small.search.container.height + static const double searchContainerHeight = 56.00; + /// md.comp.app-bar.small.search.container.shape static const ShapeStruct searchContainerShape = ShapeStruct( family: 'SHAPE_FAMILY_CIRCULAR', @@ -16,11 +22,8 @@ class TokenAppBarSmall { bottomRight: 0.00, ); - /// md.comp.app-bar.small.container.height - static const double containerHeight = 64.00; - - /// md.comp.app-bar.small.search.container.height - static const double searchContainerHeight = 56.00; + /// md.comp.app-bar.small.search.label-text.font + static const String searchLabelTextFontFontFamily = 'Roboto'; /// md.comp.app-bar.small.search.label-text.font static const double searchLabelTextFontFontSize = 16.00; @@ -28,29 +31,14 @@ class TokenAppBarSmall { /// md.comp.app-bar.small.search.label-text.font static const double searchLabelTextFontFontWeight = 400; - /// md.comp.app-bar.small.search.label-text.font - static const double searchLabelTextFontLineHeight = 24.00; - /// md.comp.app-bar.small.search.label-text.font static const double searchLabelTextFontLetterSpacing = 0.50; /// md.comp.app-bar.small.search.label-text.font - static const String searchLabelTextFontFontFamily = 'Roboto'; - - /// md.comp.app-bar.small.title.font - static const double titleFontFontSize = 22.00; - - /// md.comp.app-bar.small.title.font - static const double titleFontFontWeight = 400; - - /// md.comp.app-bar.small.title.font - static const double titleFontLineHeight = 28.00; - - /// md.comp.app-bar.small.title.font - static const double titleFontLetterSpacing = 0.00; + static const double searchLabelTextFontLineHeight = 24.00; - /// md.comp.app-bar.small.title.font - static const String titleFontFontFamily = 'Roboto'; + /// md.comp.app-bar.small.subtitle.font + static const String subtitleFontFontFamily = 'Roboto'; /// md.comp.app-bar.small.subtitle.font static const double subtitleFontFontSize = 12.00; @@ -58,12 +46,24 @@ class TokenAppBarSmall { /// md.comp.app-bar.small.subtitle.font static const double subtitleFontFontWeight = 500; - /// md.comp.app-bar.small.subtitle.font - static const double subtitleFontLineHeight = 16.00; - /// md.comp.app-bar.small.subtitle.font static const double subtitleFontLetterSpacing = 0.50; /// md.comp.app-bar.small.subtitle.font - static const String subtitleFontFontFamily = 'Roboto'; + static const double subtitleFontLineHeight = 16.00; + + /// md.comp.app-bar.small.title.font + static const String titleFontFontFamily = 'Roboto'; + + /// md.comp.app-bar.small.title.font + static const double titleFontFontSize = 22.00; + + /// md.comp.app-bar.small.title.font + static const double titleFontFontWeight = 400; + + /// md.comp.app-bar.small.title.font + static const double titleFontLetterSpacing = 0.00; + + /// md.comp.app-bar.small.title.font + static const double titleFontLineHeight = 28.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/assist_chip.dart b/packages/material_ui/tool/gen_defaults/data/assist_chip.dart index 169bc5eb8218..ef4608c8eb4b 100644 --- a/packages/material_ui/tool/gen_defaults/data/assist_chip.dart +++ b/packages/material_ui/tool/gen_defaults/data/assist_chip.dart @@ -8,164 +8,159 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenAssistChip { - /// md.comp.assist-chip.hover.state-layer.color - static const TokenColorRole hoverStateLayerColor = TokenColorRole.onSurface; + /// md.comp.assist-chip.container.height + static const double containerHeight = 32.00; - /// md.comp.assist-chip.with-icon.icon.size - static const double withIconIconSize = 18.00; + /// md.comp.assist-chip.container.shape + static const ShapeStruct containerShape = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 8.00, + topRight: 8.00, + bottomLeft: 8.00, + bottomRight: 8.00, + ); - /// md.comp.assist-chip.with-icon.icon.color - static const TokenColorRole withIconIconColor = TokenColorRole.primary; + /// md.comp.assist-chip.disabled.label-text.color + static const TokenColorRole disabledLabelTextColor = TokenColorRole.onSurface; - /// md.comp.assist-chip.label-text.type - static const double labelTextTypeFontSize = 14.00; + /// md.comp.assist-chip.disabled.label-text.opacity + static const double disabledLabelTextOpacity = 0.38; - /// md.comp.assist-chip.label-text.type - static const double labelTextTypeFontWeight = 500; + /// md.comp.assist-chip.dragged.container.elevation + static const double draggedContainerElevation = 8.00; - /// md.comp.assist-chip.label-text.type - static const double labelTextTypeLineHeight = 20.00; + /// md.comp.assist-chip.dragged.label-text.color + static const TokenColorRole draggedLabelTextColor = TokenColorRole.onSurface; - /// md.comp.assist-chip.label-text.type - static const double labelTextTypeLetterSpacing = 0.10; + /// md.comp.assist-chip.dragged.state-layer.color + static const TokenColorRole draggedStateLayerColor = TokenColorRole.onSurface; - /// md.comp.assist-chip.label-text.type - static const String labelTextTypeFontFamily = 'Roboto'; + /// md.comp.assist-chip.dragged.state-layer.opacity + static const double draggedStateLayerOpacity = 0.16; /// md.comp.assist-chip.elevated.container.color - static const TokenColorRole elevatedContainerColor = - TokenColorRole.surfaceContainerLow; + static const TokenColorRole elevatedContainerColor = TokenColorRole.surfaceContainerLow; - /// md.comp.assist-chip.label-text.color - static const TokenColorRole labelTextColor = TokenColorRole.onSurface; + /// md.comp.assist-chip.elevated.container.elevation + static const double elevatedContainerElevation = 1.00; - /// md.comp.assist-chip.disabled.label-text.color - static const TokenColorRole disabledLabelTextColor = TokenColorRole.onSurface; + /// md.comp.assist-chip.elevated.container.shadow-color + static const TokenColorRole elevatedContainerShadowColor = TokenColorRole.shadow; - /// md.comp.assist-chip.focus.state-layer.opacity - static const double focusStateLayerOpacity = 0.10; + /// md.comp.assist-chip.elevated.disabled.container.color + static const TokenColorRole elevatedDisabledContainerColor = TokenColorRole.onSurface; - /// md.comp.assist-chip.focus.indicator.outline.offset - static const double focusIndicatorOutlineOffset = 2.00; + /// md.comp.assist-chip.elevated.disabled.container.elevation + static const double elevatedDisabledContainerElevation = 0.00; - /// md.comp.assist-chip.with-icon.disabled.icon.opacity - static const double withIconDisabledIconOpacity = 0.38; + /// md.comp.assist-chip.elevated.disabled.container.opacity + static const double elevatedDisabledContainerOpacity = 0.12; + + /// md.comp.assist-chip.elevated.focus.container.elevation + static const double elevatedFocusContainerElevation = 1.00; + + /// md.comp.assist-chip.elevated.hover.container.elevation + static const double elevatedHoverContainerElevation = 3.00; /// md.comp.assist-chip.elevated.pressed.container.elevation static const double elevatedPressedContainerElevation = 1.00; - /// md.comp.assist-chip.pressed.state-layer.color - static const TokenColorRole pressedStateLayerColor = TokenColorRole.onSurface; + /// md.comp.assist-chip.flat.container.elevation + static const double flatContainerElevation = 0.00; - /// md.comp.assist-chip.with-icon.focus.icon.color - static const TokenColorRole withIconFocusIconColor = TokenColorRole.primary; + /// md.comp.assist-chip.flat.disabled.outline.color + static const TokenColorRole flatDisabledOutlineColor = TokenColorRole.onSurface; - /// md.comp.assist-chip.flat.outline.width - static const double flatOutlineWidth = 1.00; + /// md.comp.assist-chip.flat.disabled.outline.opacity + static const double flatDisabledOutlineOpacity = 0.12; - /// md.comp.assist-chip.container.height - static const double containerHeight = 32.00; + /// md.comp.assist-chip.flat.focus.outline.color + static const TokenColorRole flatFocusOutlineColor = TokenColorRole.onSurface; - /// md.comp.assist-chip.focus.label-text.color - static const TokenColorRole focusLabelTextColor = TokenColorRole.onSurface; + /// md.comp.assist-chip.flat.outline.color + static const TokenColorRole flatOutlineColor = TokenColorRole.outlineVariant; - /// md.comp.assist-chip.pressed.state-layer.opacity - static const double pressedStateLayerOpacity = 0.10; + /// md.comp.assist-chip.flat.outline.width + static const double flatOutlineWidth = 1.00; - /// md.comp.assist-chip.dragged.state-layer.opacity - static const double draggedStateLayerOpacity = 0.16; + /// md.comp.assist-chip.focus.indicator.color + static const TokenColorRole focusIndicatorColor = TokenColorRole.secondary; - /// md.comp.assist-chip.with-icon.hover.icon.color - static const TokenColorRole withIconHoverIconColor = TokenColorRole.primary; + /// md.comp.assist-chip.focus.indicator.outline.offset + static const double focusIndicatorOutlineOffset = 2.00; - /// md.comp.assist-chip.elevated.disabled.container.elevation - static const double elevatedDisabledContainerElevation = 0.00; + /// md.comp.assist-chip.focus.indicator.thickness + static const double focusIndicatorThickness = 3.00; - /// md.comp.assist-chip.elevated.container.shadow-color - static const TokenColorRole elevatedContainerShadowColor = - TokenColorRole.shadow; + /// md.comp.assist-chip.focus.label-text.color + static const TokenColorRole focusLabelTextColor = TokenColorRole.onSurface; - /// md.comp.assist-chip.pressed.label-text.color - static const TokenColorRole pressedLabelTextColor = TokenColorRole.onSurface; + /// md.comp.assist-chip.focus.state-layer.color + static const TokenColorRole focusStateLayerColor = TokenColorRole.onSurface; - /// md.comp.assist-chip.container.shape - static const ShapeStruct containerShape = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 8.00, - topRight: 8.00, - bottomLeft: 8.00, - bottomRight: 8.00, - ); + /// md.comp.assist-chip.focus.state-layer.opacity + static const double focusStateLayerOpacity = 0.10; - /// md.comp.assist-chip.dragged.label-text.color - static const TokenColorRole draggedLabelTextColor = TokenColorRole.onSurface; + /// md.comp.assist-chip.hover.label-text.color + static const TokenColorRole hoverLabelTextColor = TokenColorRole.onSurface; + + /// md.comp.assist-chip.hover.state-layer.color + static const TokenColorRole hoverStateLayerColor = TokenColorRole.onSurface; /// md.comp.assist-chip.hover.state-layer.opacity static const double hoverStateLayerOpacity = 0.08; - /// md.comp.assist-chip.focus.indicator.color - static const TokenColorRole focusIndicatorColor = TokenColorRole.secondary; + /// md.comp.assist-chip.label-text.color + static const TokenColorRole labelTextColor = TokenColorRole.onSurface; - /// md.comp.assist-chip.flat.outline.color - static const TokenColorRole flatOutlineColor = TokenColorRole.outlineVariant; + /// md.comp.assist-chip.label-text.font + static const String labelTextFont = 'Roboto'; - /// md.comp.assist-chip.flat.focus.outline.color - static const TokenColorRole flatFocusOutlineColor = TokenColorRole.onSurface; + /// md.comp.assist-chip.label-text.type + static const String labelTextTypeFontFamily = 'Roboto'; - /// md.comp.assist-chip.flat.container.elevation - static const double flatContainerElevation = 0.00; + /// md.comp.assist-chip.label-text.type + static const double labelTextTypeFontSize = 14.00; - /// md.comp.assist-chip.focus.indicator.thickness - static const double focusIndicatorThickness = 3.00; + /// md.comp.assist-chip.label-text.type + static const double labelTextTypeFontWeight = 500; - /// md.comp.assist-chip.with-icon.pressed.icon.color - static const TokenColorRole withIconPressedIconColor = TokenColorRole.primary; + /// md.comp.assist-chip.label-text.type + static const double labelTextTypeLetterSpacing = 0.10; - /// md.comp.assist-chip.dragged.container.elevation - static const double draggedContainerElevation = 8.00; + /// md.comp.assist-chip.label-text.type + static const double labelTextTypeLineHeight = 20.00; - /// md.comp.assist-chip.focus.state-layer.color - static const TokenColorRole focusStateLayerColor = TokenColorRole.onSurface; + /// md.comp.assist-chip.pressed.label-text.color + static const TokenColorRole pressedLabelTextColor = TokenColorRole.onSurface; - /// md.comp.assist-chip.dragged.state-layer.color - static const TokenColorRole draggedStateLayerColor = TokenColorRole.onSurface; + /// md.comp.assist-chip.pressed.state-layer.color + static const TokenColorRole pressedStateLayerColor = TokenColorRole.onSurface; - /// md.comp.assist-chip.flat.disabled.outline.color - static const TokenColorRole flatDisabledOutlineColor = - TokenColorRole.onSurface; + /// md.comp.assist-chip.pressed.state-layer.opacity + static const double pressedStateLayerOpacity = 0.10; /// md.comp.assist-chip.with-icon.disabled.icon.color - static const TokenColorRole withIconDisabledIconColor = - TokenColorRole.onSurface; + static const TokenColorRole withIconDisabledIconColor = TokenColorRole.onSurface; - /// md.comp.assist-chip.label-text.font - static const String labelTextFont = 'Roboto'; - - /// md.comp.assist-chip.hover.label-text.color - static const TokenColorRole hoverLabelTextColor = TokenColorRole.onSurface; - - /// md.comp.assist-chip.elevated.container.elevation - static const double elevatedContainerElevation = 1.00; - - /// md.comp.assist-chip.elevated.hover.container.elevation - static const double elevatedHoverContainerElevation = 3.00; + /// md.comp.assist-chip.with-icon.disabled.icon.opacity + static const double withIconDisabledIconOpacity = 0.38; - /// md.comp.assist-chip.elevated.disabled.container.opacity - static const double elevatedDisabledContainerOpacity = 0.12; + /// md.comp.assist-chip.with-icon.dragged.icon.color + static const TokenColorRole withIconDraggedIconColor = TokenColorRole.primary; - /// md.comp.assist-chip.elevated.focus.container.elevation - static const double elevatedFocusContainerElevation = 1.00; + /// md.comp.assist-chip.with-icon.focus.icon.color + static const TokenColorRole withIconFocusIconColor = TokenColorRole.primary; - /// md.comp.assist-chip.disabled.label-text.opacity - static const double disabledLabelTextOpacity = 0.38; + /// md.comp.assist-chip.with-icon.hover.icon.color + static const TokenColorRole withIconHoverIconColor = TokenColorRole.primary; - /// md.comp.assist-chip.with-icon.dragged.icon.color - static const TokenColorRole withIconDraggedIconColor = TokenColorRole.primary; + /// md.comp.assist-chip.with-icon.icon.color + static const TokenColorRole withIconIconColor = TokenColorRole.primary; - /// md.comp.assist-chip.elevated.disabled.container.color - static const TokenColorRole elevatedDisabledContainerColor = - TokenColorRole.onSurface; + /// md.comp.assist-chip.with-icon.icon.size + static const double withIconIconSize = 18.00; - /// md.comp.assist-chip.flat.disabled.outline.opacity - static const double flatDisabledOutlineOpacity = 0.12; + /// md.comp.assist-chip.with-icon.pressed.icon.color + static const TokenColorRole withIconPressedIconColor = TokenColorRole.primary; } diff --git a/packages/material_ui/tool/gen_defaults/data/badge.dart b/packages/material_ui/tool/gen_defaults/data/badge.dart index 2f649d5a9680..1876fea33b65 100644 --- a/packages/material_ui/tool/gen_defaults/data/badge.dart +++ b/packages/material_ui/tool/gen_defaults/data/badge.dart @@ -8,32 +8,20 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenBadge { - /// md.comp.badge.size - static const double size = 6.00; - - /// md.comp.badge.large.size - static const double largeSize = 16.00; - /// md.comp.badge.color static const TokenColorRole color = TokenColorRole.error; /// md.comp.badge.large.color static const TokenColorRole largeColor = TokenColorRole.error; - /// md.comp.badge.shape - static const ShapeStruct shape = ShapeStruct( - family: 'SHAPE_FAMILY_CIRCULAR', - topLeft: 0.00, - topRight: 0.00, - bottomLeft: 0.00, - bottomRight: 0.00, - ); + /// md.comp.badge.large.label-text.color + static const TokenColorRole largeLabelTextColor = TokenColorRole.onError; /// md.comp.badge.large.label-text.font static const String largeLabelTextFont = 'Roboto'; - /// md.comp.badge.large.label-text.color - static const TokenColorRole largeLabelTextColor = TokenColorRole.onError; + /// md.comp.badge.large.label-text.type + static const String largeLabelTextTypeFontFamily = 'Roboto'; /// md.comp.badge.large.label-text.type static const double largeLabelTextTypeFontSize = 11.00; @@ -41,14 +29,11 @@ class TokenBadge { /// md.comp.badge.large.label-text.type static const double largeLabelTextTypeFontWeight = 500; - /// md.comp.badge.large.label-text.type - static const double largeLabelTextTypeLineHeight = 16.00; - /// md.comp.badge.large.label-text.type static const double largeLabelTextTypeLetterSpacing = 0.50; /// md.comp.badge.large.label-text.type - static const String largeLabelTextTypeFontFamily = 'Roboto'; + static const double largeLabelTextTypeLineHeight = 16.00; /// md.comp.badge.large.shape static const ShapeStruct largeShape = ShapeStruct( @@ -58,4 +43,19 @@ class TokenBadge { bottomLeft: 0.00, bottomRight: 0.00, ); + + /// md.comp.badge.large.size + static const double largeSize = 16.00; + + /// md.comp.badge.shape + static const ShapeStruct shape = ShapeStruct( + family: 'SHAPE_FAMILY_CIRCULAR', + topLeft: 0.00, + topRight: 0.00, + bottomLeft: 0.00, + bottomRight: 0.00, + ); + + /// md.comp.badge.size + static const double size = 6.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/banner.dart b/packages/material_ui/tool/gen_defaults/data/banner.dart index 874d6a1854f3..f7f85538b798 100644 --- a/packages/material_ui/tool/gen_defaults/data/banner.dart +++ b/packages/material_ui/tool/gen_defaults/data/banner.dart @@ -8,71 +8,69 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenBanner { - /// md.comp.banner.supporting-text.type - static const double supportingTextTypeFontSize = 14.00; - - /// md.comp.banner.supporting-text.type - static const double supportingTextTypeFontWeight = 400; + /// md.comp.banner.container.color + static const TokenColorRole containerColor = TokenColorRole.surfaceContainerLow; - /// md.comp.banner.supporting-text.type - static const double supportingTextTypeLineHeight = 20.00; + /// md.comp.banner.container.elevation + static const double containerElevation = 1.00; - /// md.comp.banner.supporting-text.type - static const double supportingTextTypeLetterSpacing = 0.25; + /// md.comp.banner.container.shape + static const ShapeStruct containerShape = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 0.00, + topRight: 0.00, + bottomLeft: 0.00, + bottomRight: 0.00, + ); - /// md.comp.banner.supporting-text.type - static const String supportingTextTypeFontFamily = 'Roboto'; + /// md.comp.banner.desktop.with-single-line.container.height + static const double desktopWithSingleLineContainerHeight = 52.00; /// md.comp.banner.desktop.with-three-lines.container.height static const double desktopWithThreeLinesContainerHeight = 90.00; - /// md.comp.banner.with-image.image.size - static const double withImageImageSize = 40.00; + /// md.comp.banner.desktop.with-two-lines.with-image.container.height + static const double desktopWithTwoLinesWithImageContainerHeight = 72.00; /// md.comp.banner.mobile.with-single-line.container.height static const double mobileWithSingleLineContainerHeight = 54.00; + /// md.comp.banner.mobile.with-two-lines.container.height + static const double mobileWithTwoLinesContainerHeight = 112.00; + /// md.comp.banner.mobile.with-two-lines.with-image.container.height static const double mobileWithTwoLinesWithImageContainerHeight = 120.00; - /// md.comp.banner.container.elevation - static const double containerElevation = 1.00; - - /// md.comp.banner.desktop.with-two-lines.with-image.container.height - static const double desktopWithTwoLinesWithImageContainerHeight = 72.00; + /// md.comp.banner.supporting-text.color + static const TokenColorRole supportingTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.banner.desktop.with-single-line.container.height - static const double desktopWithSingleLineContainerHeight = 52.00; + /// md.comp.banner.supporting-text.font + static const String supportingTextFont = 'Roboto'; - /// md.comp.banner.with-image.image.shape - static const ShapeStruct withImageImageShape = ShapeStruct( - family: 'SHAPE_FAMILY_CIRCULAR', - topLeft: 0.00, - topRight: 0.00, - bottomLeft: 0.00, - bottomRight: 0.00, - ); + /// md.comp.banner.supporting-text.type + static const String supportingTextTypeFontFamily = 'Roboto'; - /// md.comp.banner.container.color - static const TokenColorRole containerColor = - TokenColorRole.surfaceContainerLow; + /// md.comp.banner.supporting-text.type + static const double supportingTextTypeFontSize = 14.00; - /// md.comp.banner.mobile.with-two-lines.container.height - static const double mobileWithTwoLinesContainerHeight = 112.00; + /// md.comp.banner.supporting-text.type + static const double supportingTextTypeFontWeight = 400; - /// md.comp.banner.supporting-text.color - static const TokenColorRole supportingTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.banner.supporting-text.type + static const double supportingTextTypeLetterSpacing = 0.25; - /// md.comp.banner.supporting-text.font - static const String supportingTextFont = 'Roboto'; + /// md.comp.banner.supporting-text.type + static const double supportingTextTypeLineHeight = 20.00; - /// md.comp.banner.container.shape - static const ShapeStruct containerShape = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + /// md.comp.banner.with-image.image.shape + static const ShapeStruct withImageImageShape = ShapeStruct( + family: 'SHAPE_FAMILY_CIRCULAR', topLeft: 0.00, topRight: 0.00, bottomLeft: 0.00, bottomRight: 0.00, ); + + /// md.comp.banner.with-image.image.size + static const double withImageImageSize = 40.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/banners.dart b/packages/material_ui/tool/gen_defaults/data/banners.dart index f7497468cf3a..c6ba26776cb0 100644 --- a/packages/material_ui/tool/gen_defaults/data/banners.dart +++ b/packages/material_ui/tool/gen_defaults/data/banners.dart @@ -7,45 +7,39 @@ import 'color_role.dart'; class TokenBanners { - /// md.comp.banners.standard.body-text.color - static const TokenColorRole standardBodyTextColor = TokenColorRole.onSurface; + /// md.comp.banners.banners.close-button.pressed.state-layer.color + static const TokenColorRole bannersCloseButtonPressedStateLayerColor = TokenColorRole.primary; - /// md.comp.banners.close-button.hovered.state-layer.color - static const TokenColorRole closeButtonHoveredStateLayerColor = - TokenColorRole.primary; + /// md.comp.banners.close-button.color + static const TokenColorRole closeButtonColor = TokenColorRole.primary; - /// md.comp.banners.vibrant.color - static const TokenColorRole vibrantColor = TokenColorRole.primaryContainer; + /// md.comp.banners.close-button.focused.state-layer.color + static const TokenColorRole closeButtonFocusedStateLayerColor = TokenColorRole.primary; - /// md.comp.banners.vibrant.icon.color - static const TokenColorRole vibrantIconColor = - TokenColorRole.onPrimaryContainer; + /// md.comp.banners.close-button.hovered.state-layer.color + static const TokenColorRole closeButtonHoveredStateLayerColor = TokenColorRole.primary; + + /// md.comp.banners.standard.body-text.color + static const TokenColorRole standardBodyTextColor = TokenColorRole.onSurface; /// md.comp.banners.standard.color static const TokenColorRole standardColor = TokenColorRole.surfaceContainer; - /// md.comp.banners.banners.close-button.pressed.state-layer.color - static const TokenColorRole bannersCloseButtonPressedStateLayerColor = - TokenColorRole.primary; - - /// md.comp.banners.close-button.focused.state-layer.color - static const TokenColorRole closeButtonFocusedStateLayerColor = - TokenColorRole.primary; - /// md.comp.banners.standard.icon.color static const TokenColorRole standardIconColor = TokenColorRole.onSurface; /// md.comp.banners.standard.title-text.color static const TokenColorRole standardTitleTextColor = TokenColorRole.onSurface; - /// md.comp.banners.vibrant.title-text.color - static const TokenColorRole vibrantTitleTextColor = - TokenColorRole.onPrimaryContainer; + /// md.comp.banners.vibrant.body-text.color + static const TokenColorRole vibrantBodyTextColor = TokenColorRole.onPrimaryContainer; - /// md.comp.banners.close-button.color - static const TokenColorRole closeButtonColor = TokenColorRole.primary; + /// md.comp.banners.vibrant.color + static const TokenColorRole vibrantColor = TokenColorRole.primaryContainer; - /// md.comp.banners.vibrant.body-text.color - static const TokenColorRole vibrantBodyTextColor = - TokenColorRole.onPrimaryContainer; + /// md.comp.banners.vibrant.icon.color + static const TokenColorRole vibrantIconColor = TokenColorRole.onPrimaryContainer; + + /// md.comp.banners.vibrant.title-text.color + static const TokenColorRole vibrantTitleTextColor = TokenColorRole.onPrimaryContainer; } diff --git a/packages/material_ui/tool/gen_defaults/data/banners_basic.dart b/packages/material_ui/tool/gen_defaults/data/banners_basic.dart index cfb58663df4d..ba36c2931564 100644 --- a/packages/material_ui/tool/gen_defaults/data/banners_basic.dart +++ b/packages/material_ui/tool/gen_defaults/data/banners_basic.dart @@ -7,86 +7,38 @@ import 'shape_struct.dart'; class TokenBannersBasic { - /// md.comp.banners.basic.top-space - static const double topSpace = 4.00; - - /// md.comp.banners.basic.body-text.leading-space - static const double bodyTextLeadingSpace = 0.00; - - /// md.comp.banners.basic.body-text.bottom-space - static const double bodyTextBottomSpace = 14.00; + /// md.comp.banners.basic.actions.between-space + static const double actionsBetweenSpace = 8.00; /// md.comp.banners.basic.actions.bottom-space static const double actionsBottomSpace = 0.00; - /// md.comp.banners.basic.two-lines.body-text.bottom-space - static const double twoLinesBodyTextBottomSpace = 8.00; - /// md.comp.banners.basic.actions-close-button-space static const double actionsCloseButtonSpace = 8.00; - /// md.comp.banners.basic.bottom-space - static const double bottomSpace = 4.00; - - /// md.comp.banners.basic.shape.square - static const ShapeStruct shapeSquare = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 0.00, - topRight: 0.00, - bottomLeft: 0.00, - bottomRight: 0.00, - ); - - /// md.comp.banners.basic.mobile.actions.trailing-space - static const double mobileActionsTrailingSpace = 4.00; - - /// md.comp.banners.basic.round.no-icon.body-text.leading-space - static const double roundNoIconBodyTextLeadingSpace = 16.00; - - /// md.comp.banners.basic.body-text.trailing-space - static const double bodyTextTrailingSpace = 48.00; - - /// md.comp.banners.basic.trailing-space - static const double trailingSpace = 4.00; - - /// md.comp.banners.basic.actions.trailing-space - static const double actionsTrailingSpace = 8.00; - - /// md.comp.banners.basic.height - static const double height = 56.00; - /// md.comp.banners.basic.actions.leading-space static const double actionsLeadingSpace = 8.00; - /// md.comp.banners.basic.two-lines.container-buttons-top-space - static const double twoLinesContainerButtonsTopSpace = 4.00; - - /// md.comp.banners.basic.icon.size - static const double iconSize = 24.00; - - /// md.comp.banners.basic.icon.container.size - static const double iconContainerSize = 48.00; - /// md.comp.banners.basic.actions.top-space static const double actionsTopSpace = 0.00; - /// md.comp.banners.basic.actions.between-space - static const double actionsBetweenSpace = 8.00; + /// md.comp.banners.basic.actions.trailing-space + static const double actionsTrailingSpace = 8.00; - /// md.comp.banners.basic.two-lines.container-buttons-bottom-space - static const double twoLinesContainerButtonsBottomSpace = 4.00; + /// md.comp.banners.basic.body-text.bottom-space + static const double bodyTextBottomSpace = 14.00; - /// md.comp.banners.basic.two-lines.height - static const double twoLinesHeight = 64.00; + /// md.comp.banners.basic.body-text.leading-space + static const double bodyTextLeadingSpace = 0.00; - /// md.comp.banners.basic.centered.body-text.trailing-space - static const double centeredBodyTextTrailingSpace = 0.00; + /// md.comp.banners.basic.body-text.top-space + static const double bodyTextTopSpace = 14.00; - /// md.comp.banners.basic.square.no-icon.body-text.leading-space - static const double squareNoIconBodyTextLeadingSpace = 12.00; + /// md.comp.banners.basic.body-text.trailing-space + static const double bodyTextTrailingSpace = 48.00; - /// md.comp.banners.basic.mobile.height - static const double mobileHeight = 112.00; + /// md.comp.banners.basic.body-text.type + static const String bodyTextTypeFontFamily = 'Roboto'; /// md.comp.banners.basic.body-text.type static const double bodyTextTypeFontSize = 14.00; @@ -94,14 +46,26 @@ class TokenBannersBasic { /// md.comp.banners.basic.body-text.type static const double bodyTextTypeFontWeight = 400; - /// md.comp.banners.basic.body-text.type - static const double bodyTextTypeLineHeight = 20.00; - /// md.comp.banners.basic.body-text.type static const double bodyTextTypeLetterSpacing = 0.25; /// md.comp.banners.basic.body-text.type - static const String bodyTextTypeFontFamily = 'Roboto'; + static const double bodyTextTypeLineHeight = 20.00; + + /// md.comp.banners.basic.bottom-space + static const double bottomSpace = 4.00; + + /// md.comp.banners.basic.centered.body-text.trailing-space + static const double centeredBodyTextTrailingSpace = 0.00; + + /// md.comp.banners.basic.height + static const double height = 56.00; + + /// md.comp.banners.basic.icon.container.size + static const double iconContainerSize = 48.00; + + /// md.comp.banners.basic.icon.size + static const double iconSize = 24.00; /// md.comp.banners.basic.leading-space static const double leadingSpace = 4.00; @@ -109,8 +73,17 @@ class TokenBannersBasic { /// md.comp.banners.basic.mobile.actions-close-button-space static const double mobileActionsCloseButtonSpace = 4.00; - /// md.comp.banners.basic.two-lines.body-text.top-space - static const double twoLinesBodyTextTopSpace = 8.00; + /// md.comp.banners.basic.mobile.actions.trailing-space + static const double mobileActionsTrailingSpace = 4.00; + + /// md.comp.banners.basic.mobile.height + static const double mobileHeight = 112.00; + + /// md.comp.banners.basic.mobile.top-space + static const double mobileTopSpace = 8.00; + + /// md.comp.banners.basic.round.no-icon.body-text.leading-space + static const double roundNoIconBodyTextLeadingSpace = 16.00; /// md.comp.banners.basic.shape.round static const ShapeStruct shapeRound = ShapeStruct( @@ -121,9 +94,36 @@ class TokenBannersBasic { bottomRight: 28.00, ); - /// md.comp.banners.basic.body-text.top-space - static const double bodyTextTopSpace = 14.00; + /// md.comp.banners.basic.shape.square + static const ShapeStruct shapeSquare = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 0.00, + topRight: 0.00, + bottomLeft: 0.00, + bottomRight: 0.00, + ); - /// md.comp.banners.basic.mobile.top-space - static const double mobileTopSpace = 8.00; + /// md.comp.banners.basic.square.no-icon.body-text.leading-space + static const double squareNoIconBodyTextLeadingSpace = 12.00; + + /// md.comp.banners.basic.top-space + static const double topSpace = 4.00; + + /// md.comp.banners.basic.trailing-space + static const double trailingSpace = 4.00; + + /// md.comp.banners.basic.two-lines.body-text.bottom-space + static const double twoLinesBodyTextBottomSpace = 8.00; + + /// md.comp.banners.basic.two-lines.body-text.top-space + static const double twoLinesBodyTextTopSpace = 8.00; + + /// md.comp.banners.basic.two-lines.container-buttons-bottom-space + static const double twoLinesContainerButtonsBottomSpace = 4.00; + + /// md.comp.banners.basic.two-lines.container-buttons-top-space + static const double twoLinesContainerButtonsTopSpace = 4.00; + + /// md.comp.banners.basic.two-lines.height + static const double twoLinesHeight = 64.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/banners_rich.dart b/packages/material_ui/tool/gen_defaults/data/banners_rich.dart index 7055e730bc13..f00ff1ebd67d 100644 --- a/packages/material_ui/tool/gen_defaults/data/banners_rich.dart +++ b/packages/material_ui/tool/gen_defaults/data/banners_rich.dart @@ -7,62 +7,59 @@ import 'shape_struct.dart'; class TokenBannersRich { - /// md.comp.banners.rich.body-text.type - static const double bodyTextTypeFontSize = 14.00; + /// md.comp.banners.rich.actions.between-space + static const double actionsBetweenSpace = 8.00; - /// md.comp.banners.rich.body-text.type - static const double bodyTextTypeFontWeight = 400; + /// md.comp.banners.rich.actions.bottom-space + static const double actionsBottomSpace = 12.00; - /// md.comp.banners.rich.body-text.type - static const double bodyTextTypeLineHeight = 20.00; + /// md.comp.banners.rich.actions.leading-space + static const double actionsLeadingSpace = 12.00; - /// md.comp.banners.rich.body-text.type - static const double bodyTextTypeLetterSpacing = 0.25; + /// md.comp.banners.rich.actions.top-space + static const double actionsTopSpace = 12.00; - /// md.comp.banners.rich.body-text.type - static const String bodyTextTypeFontFamily = 'Roboto'; + /// md.comp.banners.rich.actions.trailing-space + static const double actionsTrailingSpace = 12.00; /// md.comp.banners.rich.body-text.bottom-space static const double bodyTextBottomSpace = 0.00; - /// md.comp.banners.rich.leading-space - static const double leadingSpace = 12.00; + /// md.comp.banners.rich.body-text.leading-space + static const double bodyTextLeadingSpace = 0.00; - /// md.comp.banners.rich.actions.trailing-space - static const double actionsTrailingSpace = 12.00; + /// md.comp.banners.rich.body-text.text-actions-space + static const double bodyTextTextActionsSpace = 8.00; /// md.comp.banners.rich.body-text.top-space static const double bodyTextTopSpace = 0.00; - /// md.comp.banners.rich.actions.bottom-space - static const double actionsBottomSpace = 12.00; - - /// md.comp.banners.rich.leading-element.trailing-space - static const double leadingElementTrailingSpace = 4.00; + /// md.comp.banners.rich.body-text.trailing-space + static const double bodyTextTrailingSpace = 48.00; - /// md.comp.banners.rich.leading-element.bottom-space - static const double leadingElementBottomSpace = 12.00; + /// md.comp.banners.rich.body-text.type + static const String bodyTextTypeFontFamily = 'Roboto'; - /// md.comp.banners.rich.leading-element.top-space - static const double leadingElementTopSpace = 12.00; + /// md.comp.banners.rich.body-text.type + static const double bodyTextTypeFontSize = 14.00; - /// md.comp.banners.rich.trailing-space - static const double trailingSpace = 12.00; + /// md.comp.banners.rich.body-text.type + static const double bodyTextTypeFontWeight = 400; - /// md.comp.banners.rich.icon.size - static const double iconSize = 24.00; + /// md.comp.banners.rich.body-text.type + static const double bodyTextTypeLetterSpacing = 0.25; - /// md.comp.banners.rich.title-text.top-space - static const double titleTextTopSpace = 14.00; + /// md.comp.banners.rich.body-text.type + static const double bodyTextTypeLineHeight = 20.00; - /// md.comp.banners.rich.title-text.trailing-space - static const double titleTextTrailingSpace = 0.00; + /// md.comp.banners.rich.bottom-space + static const double bottomSpace = 12.00; - /// md.comp.banners.rich.title-text.leading-space - static const double titleTextLeadingSpace = 0.00; + /// md.comp.banners.rich.icon.size + static const double iconSize = 24.00; - /// md.comp.banners.rich.actions.leading-space - static const double actionsLeadingSpace = 12.00; + /// md.comp.banners.rich.icon-text-space + static const double iconTextSpace = 4.00; /// md.comp.banners.rich.image.shape static const ShapeStruct imageShape = ShapeStruct( @@ -73,69 +70,72 @@ class TokenBannersRich { bottomRight: 0.00, ); - /// md.comp.banners.rich.body-text.leading-space - static const double bodyTextLeadingSpace = 0.00; + /// md.comp.banners.rich.image.size + static const double imageSize = 80.00; - /// md.comp.banners.rich.body-text.text-actions-space - static const double bodyTextTextActionsSpace = 8.00; + /// md.comp.banners.rich.image-text-space + static const double imageTextSpace = 8.00; - /// md.comp.banners.rich.actions.top-space - static const double actionsTopSpace = 12.00; + /// md.comp.banners.rich.leading-element.bottom-space + static const double leadingElementBottomSpace = 12.00; - /// md.comp.banners.rich.title-text.type - static const double titleTextTypeFontSize = 14.00; + /// md.comp.banners.rich.leading-element.leading-space + static const double leadingElementLeadingSpace = 4.00; - /// md.comp.banners.rich.title-text.type - static const double titleTextTypeFontWeight = 500; + /// md.comp.banners.rich.leading-element.top-space + static const double leadingElementTopSpace = 12.00; - /// md.comp.banners.rich.title-text.type - static const double titleTextTypeLineHeight = 20.00; + /// md.comp.banners.rich.leading-element.trailing-space + static const double leadingElementTrailingSpace = 4.00; - /// md.comp.banners.rich.title-text.type - static const double titleTextTypeLetterSpacing = 0.25; + /// md.comp.banners.rich.leading-space + static const double leadingSpace = 12.00; - /// md.comp.banners.rich.title-text.type - static const String titleTextTypeFontFamily = 'Roboto'; + /// md.comp.banners.rich.shape + static const ShapeStruct shape = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 28.00, + topRight: 28.00, + bottomLeft: 28.00, + bottomRight: 28.00, + ); + + /// md.comp.banners.rich.title-text.bottom-space + static const double titleTextBottomSpace = 14.00; /// md.comp.banners.rich.title-text.height static const double titleTextHeight = 48.00; - /// md.comp.banners.rich.image.size - static const double imageSize = 80.00; + /// md.comp.banners.rich.title-text.leading-space + static const double titleTextLeadingSpace = 0.00; - /// md.comp.banners.rich.actions.between-space - static const double actionsBetweenSpace = 8.00; + /// md.comp.banners.rich.title-text.top-space + static const double titleTextTopSpace = 14.00; - /// md.comp.banners.rich.with-image-leading-space - static const double withImageLeadingSpace = 20.00; + /// md.comp.banners.rich.title-text.trailing-space + static const double titleTextTrailingSpace = 0.00; - /// md.comp.banners.rich.leading-element.leading-space - static const double leadingElementLeadingSpace = 4.00; + /// md.comp.banners.rich.title-text.type + static const String titleTextTypeFontFamily = 'Roboto'; - /// md.comp.banners.rich.body-text.trailing-space - static const double bodyTextTrailingSpace = 48.00; + /// md.comp.banners.rich.title-text.type + static const double titleTextTypeFontSize = 14.00; - /// md.comp.banners.rich.title-text.bottom-space - static const double titleTextBottomSpace = 14.00; + /// md.comp.banners.rich.title-text.type + static const double titleTextTypeFontWeight = 500; - /// md.comp.banners.rich.image-text-space - static const double imageTextSpace = 8.00; + /// md.comp.banners.rich.title-text.type + static const double titleTextTypeLetterSpacing = 0.25; - /// md.comp.banners.rich.icon-text-space - static const double iconTextSpace = 4.00; + /// md.comp.banners.rich.title-text.type + static const double titleTextTypeLineHeight = 20.00; /// md.comp.banners.rich.top-space static const double topSpace = 12.00; - /// md.comp.banners.rich.bottom-space - static const double bottomSpace = 12.00; + /// md.comp.banners.rich.trailing-space + static const double trailingSpace = 12.00; - /// md.comp.banners.rich.shape - static const ShapeStruct shape = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 28.00, - topRight: 28.00, - bottomLeft: 28.00, - bottomRight: 28.00, - ); + /// md.comp.banners.rich.with-image-leading-space + static const double withImageLeadingSpace = 20.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/button.dart b/packages/material_ui/tool/gen_defaults/data/button.dart index a382b83fc2b9..cc29a3b66490 100644 --- a/packages/material_ui/tool/gen_defaults/data/button.dart +++ b/packages/material_ui/tool/gen_defaults/data/button.dart @@ -8,42 +8,29 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenButton { - /// md.comp.button.selected.icon.color - static const TokenColorRole selectedIconColor = TokenColorRole.onPrimary; - - /// md.comp.button.focused.container.elevation - static const double focusedContainerElevation = 0.00; - - /// md.comp.button.hovered.state-layer.color - static const TokenColorRole hoveredStateLayerColor = TokenColorRole.onPrimary; - - /// md.comp.button.focused.label-text.color - static const TokenColorRole focusedLabelTextColor = TokenColorRole.onPrimary; - - /// md.comp.button.focused.state-layer.color - static const TokenColorRole focusedStateLayerColor = TokenColorRole.onPrimary; - - /// md.comp.button.pressed.container.corner-size.motion.spring.stiffness - static const double pressedContainerCornerSizeMotionSpringStiffness = 800.00; - - /// md.comp.button.leading-space - static const double leadingSpace = 24.00; + /// md.comp.button.container.color + static const TokenColorRole containerColor = TokenColorRole.primary; - /// md.comp.button.icon.color - static const TokenColorRole iconColor = TokenColorRole.onPrimary; + /// md.comp.button.container.elevation + static const double containerElevation = 0.00; - /// md.comp.button.focused.icon.color - static const TokenColorRole focusedIconColor = TokenColorRole.onPrimary; + /// md.comp.button.container.height + static const double containerHeight = 40.00; - /// md.comp.button.unselected.container.color - static const TokenColorRole unselectedContainerColor = - TokenColorRole.surfaceContainer; + /// md.comp.button.container.shadow-color + static const TokenColorRole containerShadowColor = TokenColorRole.shadow; - /// md.comp.button.hovered.state-layer.opacity - static const double hoveredStateLayerOpacity = 0.08; + /// md.comp.button.container.shape.round + static const ShapeStruct containerShapeRound = ShapeStruct( + family: 'SHAPE_FAMILY_CIRCULAR', + topLeft: 0.00, + topRight: 0.00, + bottomLeft: 0.00, + bottomRight: 0.00, + ); - /// md.comp.button.selected.container.shape.round - static const ShapeStruct selectedContainerShapeRound = ShapeStruct( + /// md.comp.button.container.shape.square + static const ShapeStruct containerShapeSquare = ShapeStruct( family: 'SHAPE_FAMILY_ROUNDED_CORNERS', topLeft: 12.00, topRight: 12.00, @@ -51,117 +38,140 @@ class TokenButton { bottomRight: 12.00, ); - /// md.comp.button.pressed.state-layer.opacity - static const double pressedStateLayerOpacity = 0.10; + /// md.comp.button.disabled.container.color + static const TokenColorRole disabledContainerColor = TokenColorRole.onSurface; - /// md.comp.button.unselected.hovered.icon.color - static const TokenColorRole unselectedHoveredIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.button.disabled.container.elevation + static const double disabledContainerElevation = 0.00; - /// md.comp.button.pressed.label-text.color - static const TokenColorRole pressedLabelTextColor = TokenColorRole.onPrimary; + /// md.comp.button.disabled.container.opacity + static const double disabledContainerOpacity = 0.10; - /// md.comp.button.selected.focused.label-text.color - static const TokenColorRole selectedFocusedLabelTextColor = - TokenColorRole.onPrimary; + /// md.comp.button.disabled.icon.color + static const TokenColorRole disabledIconColor = TokenColorRole.onSurface; - /// md.comp.button.pressed.container.corner-size.motion.spring.damping - static const double pressedContainerCornerSizeMotionSpringDamping = 0.60; + /// md.comp.button.disabled.icon.opacity + static const double disabledIconOpacity = 0.38; - /// md.comp.button.label-text.selected.color - static const TokenColorRole labelTextSelectedColor = TokenColorRole.onPrimary; + /// md.comp.button.disabled.label-text.color + static const TokenColorRole disabledLabelTextColor = TokenColorRole.onSurface; - /// md.comp.button.container.shape.square - static const ShapeStruct containerShapeSquare = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 12.00, - topRight: 12.00, - bottomLeft: 12.00, - bottomRight: 12.00, - ); + /// md.comp.button.disabled.label-text.opacity + static const double disabledLabelTextOpacity = 0.38; - /// md.comp.button.selected.focused.state-layer.color - static const TokenColorRole selectedFocusedStateLayerColor = - TokenColorRole.onPrimary; + /// md.comp.button.focused.container.elevation + static const double focusedContainerElevation = 0.00; - /// md.comp.button.disabled.icon.color - static const TokenColorRole disabledIconColor = TokenColorRole.onSurface; + /// md.comp.button.focused.icon.color + static const TokenColorRole focusedIconColor = TokenColorRole.onPrimary; - /// md.comp.button.hovered.label-text.color - static const TokenColorRole hoveredLabelTextColor = TokenColorRole.onPrimary; + /// md.comp.button.focused.label-text.color + static const TokenColorRole focusedLabelTextColor = TokenColorRole.onPrimary; - /// md.comp.button.label-text.color - static const TokenColorRole labelTextColor = TokenColorRole.onPrimary; + /// md.comp.button.focused.state-layer.color + static const TokenColorRole focusedStateLayerColor = TokenColorRole.onPrimary; - /// md.comp.button.disabled.container.opacity - static const double disabledContainerOpacity = 0.10; + /// md.comp.button.focused.state-layer.opacity + static const double focusedStateLayerOpacity = 0.10; - /// md.comp.button.pressed.container.shape - static const ShapeStruct pressedContainerShape = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 8.00, - topRight: 8.00, - bottomLeft: 8.00, - bottomRight: 8.00, - ); + /// md.comp.button.focus.indicator.color + static const TokenColorRole focusIndicatorColor = TokenColorRole.secondary; - /// md.comp.button.hovered.icon.color - static const TokenColorRole hoveredIconColor = TokenColorRole.onPrimary; + /// md.comp.button.focus.indicator.outline.offset + static const double focusIndicatorOutlineOffset = 2.00; /// md.comp.button.focus.indicator.thickness static const double focusIndicatorThickness = 3.00; + /// md.comp.button.hovered.icon.color + static const TokenColorRole hoveredIconColor = TokenColorRole.onPrimary; + + /// md.comp.button.hovered.label-text.color + static const TokenColorRole hoveredLabelTextColor = TokenColorRole.onPrimary; + + /// md.comp.button.hovered.state-layer.color + static const TokenColorRole hoveredStateLayerColor = TokenColorRole.onPrimary; + + /// md.comp.button.hovered.state-layer.opacity + static const double hoveredStateLayerOpacity = 0.08; + + /// md.comp.button.icon.color + static const TokenColorRole iconColor = TokenColorRole.onPrimary; + + /// md.comp.button.icon-label-space + static const double iconLabelSpace = 8.00; + + /// md.comp.button.icon.size + static const double iconSize = 20.00; + + /// md.comp.button.label-text.color + static const TokenColorRole labelTextColor = TokenColorRole.onPrimary; + /// md.comp.button.label-text - static const double labelTextFontSize = 14.00; + static const String labelTextFontFamily = 'Roboto'; /// md.comp.button.label-text - static const double labelTextFontWeight = 500; + static const double labelTextFontSize = 14.00; /// md.comp.button.label-text - static const double labelTextLineHeight = 20.00; + static const double labelTextFontWeight = 500; /// md.comp.button.label-text static const double labelTextLetterSpacing = 0.10; /// md.comp.button.label-text - static const String labelTextFontFamily = 'Roboto'; + static const double labelTextLineHeight = 20.00; - /// md.comp.button.disabled.label-text.color - static const TokenColorRole disabledLabelTextColor = TokenColorRole.onSurface; + /// md.comp.button.label-text.selected.color + static const TokenColorRole labelTextSelectedColor = TokenColorRole.onPrimary; - /// md.comp.button.pressed.icon.color - static const TokenColorRole pressedIconColor = TokenColorRole.onPrimary; + /// md.comp.button.label-text.unselected.color + static const TokenColorRole labelTextUnselectedColor = TokenColorRole.onSurfaceVariant; - /// md.comp.button.disabled.container.color - static const TokenColorRole disabledContainerColor = TokenColorRole.onSurface; + /// md.comp.button.leading-space + static const double leadingSpace = 24.00; - /// md.comp.button.focused.state-layer.opacity - static const double focusedStateLayerOpacity = 0.10; + /// md.comp.button.pressed.container.corner-size.motion.spring.damping + static const double pressedContainerCornerSizeMotionSpringDamping = 0.60; - /// md.comp.button.disabled.icon.opacity - static const double disabledIconOpacity = 0.38; + /// md.comp.button.pressed.container.corner-size.motion.spring.stiffness + static const double pressedContainerCornerSizeMotionSpringStiffness = 800.00; - /// md.comp.button.container.shadow-color - static const TokenColorRole containerShadowColor = TokenColorRole.shadow; + /// md.comp.button.pressed.container.elevation + static const double pressedContainerElevation = 0.00; - /// md.comp.button.selected.pressed.label-text.color - static const TokenColorRole selectedPressedLabelTextColor = - TokenColorRole.onPrimary; + /// md.comp.button.pressed.container.shape + static const ShapeStruct pressedContainerShape = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 8.00, + topRight: 8.00, + bottomLeft: 8.00, + bottomRight: 8.00, + ); - /// md.comp.button.unselected.focused.state-layer.color - static const TokenColorRole unselectedFocusedStateLayerColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.button.pressed.icon.color + static const TokenColorRole pressedIconColor = TokenColorRole.onPrimary; - /// md.comp.button.disabled.label-text.opacity - static const double disabledLabelTextOpacity = 0.38; + /// md.comp.button.pressed.label-text.color + static const TokenColorRole pressedLabelTextColor = TokenColorRole.onPrimary; - /// md.comp.button.unselected.hovered.state-layer.color - static const TokenColorRole unselectedHoveredStateLayerColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.button.pressed.state-layer.color + static const TokenColorRole pressedStateLayerColor = TokenColorRole.onPrimary; - /// md.comp.button.unselected.focused.label-text.color - static const TokenColorRole unselectedFocusedLabelTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.button.pressed.state-layer.opacity + static const double pressedStateLayerOpacity = 0.10; + + /// md.comp.button.selected.container.color + static const TokenColorRole selectedContainerColor = TokenColorRole.primary; + + /// md.comp.button.selected.container.shape.round + static const ShapeStruct selectedContainerShapeRound = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 12.00, + topRight: 12.00, + bottomLeft: 12.00, + bottomRight: 12.00, + ); /// md.comp.button.selected.container.shape.square static const ShapeStruct selectedContainerShapeSquare = ShapeStruct( @@ -172,100 +182,69 @@ class TokenButton { bottomRight: 0.00, ); - /// md.comp.button.unselected.pressed.state-layer.color - static const TokenColorRole unselectedPressedStateLayerColor = - TokenColorRole.onSurfaceVariant; - - /// md.comp.button.container.color - static const TokenColorRole containerColor = TokenColorRole.primary; - - /// md.comp.button.unselected.pressed.icon.color - static const TokenColorRole unselectedPressedIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.button.selected.focused.icon.color + static const TokenColorRole selectedFocusedIconColor = TokenColorRole.onPrimary; - /// md.comp.button.pressed.container.elevation - static const double pressedContainerElevation = 0.00; + /// md.comp.button.selected.focused.label-text.color + static const TokenColorRole selectedFocusedLabelTextColor = TokenColorRole.onPrimary; - /// md.comp.button.label-text.unselected.color - static const TokenColorRole labelTextUnselectedColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.button.selected.focused.state-layer.color + static const TokenColorRole selectedFocusedStateLayerColor = TokenColorRole.onPrimary; /// md.comp.button.selected.hovered.icon.color - static const TokenColorRole selectedHoveredIconColor = - TokenColorRole.onPrimary; + static const TokenColorRole selectedHoveredIconColor = TokenColorRole.onPrimary; - /// md.comp.button.trailing-space - static const double trailingSpace = 24.00; + /// md.comp.button.selected.hovered.label-text.color + static const TokenColorRole selectedHoveredLabelTextColor = TokenColorRole.onPrimary; - /// md.comp.button.selected.focused.icon.color - static const TokenColorRole selectedFocusedIconColor = - TokenColorRole.onPrimary; + /// md.comp.button.selected.hovered.state-layer.color + static const TokenColorRole selectedHoveredStateLayerColor = TokenColorRole.onPrimary; - /// md.comp.button.disabled.container.elevation - static const double disabledContainerElevation = 0.00; + /// md.comp.button.selected.icon.color + static const TokenColorRole selectedIconColor = TokenColorRole.onPrimary; /// md.comp.button.selected.pressed.icon.color - static const TokenColorRole selectedPressedIconColor = - TokenColorRole.onPrimary; + static const TokenColorRole selectedPressedIconColor = TokenColorRole.onPrimary; - /// md.comp.button.selected.hovered.state-layer.color - static const TokenColorRole selectedHoveredStateLayerColor = - TokenColorRole.onPrimary; + /// md.comp.button.selected.pressed.label-text.color + static const TokenColorRole selectedPressedLabelTextColor = TokenColorRole.onPrimary; /// md.comp.button.selected.pressed.state-layer.color - static const TokenColorRole selectedPressedStateLayerColor = - TokenColorRole.onPrimary; - - /// md.comp.button.selected.container.color - static const TokenColorRole selectedContainerColor = TokenColorRole.primary; - - /// md.comp.button.focus.indicator.outline.offset - static const double focusIndicatorOutlineOffset = 2.00; + static const TokenColorRole selectedPressedStateLayerColor = TokenColorRole.onPrimary; - /// md.comp.button.unselected.pressed.label-text.color - static const TokenColorRole unselectedPressedLabelTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.button.trailing-space + static const double trailingSpace = 24.00; - /// md.comp.button.pressed.state-layer.color - static const TokenColorRole pressedStateLayerColor = TokenColorRole.onPrimary; + /// md.comp.button.unselected.container.color + static const TokenColorRole unselectedContainerColor = TokenColorRole.surfaceContainer; - /// md.comp.button.unselected.hovered.label-text.color - static const TokenColorRole unselectedHoveredLabelTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.button.unselected.focused.icon.color + static const TokenColorRole unselectedFocusedIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.button.container.height - static const double containerHeight = 40.00; + /// md.comp.button.unselected.focused.label-text.color + static const TokenColorRole unselectedFocusedLabelTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.button.focus.indicator.color - static const TokenColorRole focusIndicatorColor = TokenColorRole.secondary; + /// md.comp.button.unselected.focused.state-layer.color + static const TokenColorRole unselectedFocusedStateLayerColor = TokenColorRole.onSurfaceVariant; - /// md.comp.button.container.shape.round - static const ShapeStruct containerShapeRound = ShapeStruct( - family: 'SHAPE_FAMILY_CIRCULAR', - topLeft: 0.00, - topRight: 0.00, - bottomLeft: 0.00, - bottomRight: 0.00, - ); + /// md.comp.button.unselected.hovered.icon.color + static const TokenColorRole unselectedHoveredIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.button.unselected.focused.icon.color - static const TokenColorRole unselectedFocusedIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.button.unselected.hovered.label-text.color + static const TokenColorRole unselectedHoveredLabelTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.button.icon.size - static const double iconSize = 20.00; + /// md.comp.button.unselected.hovered.state-layer.color + static const TokenColorRole unselectedHoveredStateLayerColor = TokenColorRole.onSurfaceVariant; /// md.comp.button.unselected.icon.color - static const TokenColorRole unselectedIconColor = - TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.button.selected.hovered.label-text.color - static const TokenColorRole selectedHoveredLabelTextColor = - TokenColorRole.onPrimary; + /// md.comp.button.unselected.pressed.icon.color + static const TokenColorRole unselectedPressedIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.button.icon-label-space - static const double iconLabelSpace = 8.00; + /// md.comp.button.unselected.pressed.label-text.color + static const TokenColorRole unselectedPressedLabelTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.button.container.elevation - static const double containerElevation = 0.00; + /// md.comp.button.unselected.pressed.state-layer.color + static const TokenColorRole unselectedPressedStateLayerColor = TokenColorRole.onSurfaceVariant; } diff --git a/packages/material_ui/tool/gen_defaults/data/button_elevated.dart b/packages/material_ui/tool/gen_defaults/data/button_elevated.dart index 06c1bc37f48d..89476413fde9 100644 --- a/packages/material_ui/tool/gen_defaults/data/button_elevated.dart +++ b/packages/material_ui/tool/gen_defaults/data/button_elevated.dart @@ -7,173 +7,153 @@ import 'color_role.dart'; class TokenButtonElevated { - /// md.comp.button.elevated.selected.pressed.state-layer.color - static const TokenColorRole selectedPressedStateLayerColor = - TokenColorRole.onPrimary; + /// md.comp.button.elevated.container.color + static const TokenColorRole containerColor = TokenColorRole.surfaceContainerLow; + + /// md.comp.button.elevated.container.elevation + static const double containerElevation = 1.00; /// md.comp.button.elevated.container.shadow-color static const TokenColorRole containerShadowColor = TokenColorRole.shadow; + /// md.comp.button.elevated.disabled.container.color + static const TokenColorRole disabledContainerColor = TokenColorRole.onSurface; + + /// md.comp.button.elevated.disabled.container.elevation + static const double disabledContainerElevation = 0.00; + + /// md.comp.button.elevated.disabled.container.opacity + static const double disabledContainerOpacity = 0.10; + /// md.comp.button.elevated.disabled.icon.color static const TokenColorRole disabledIconColor = TokenColorRole.onSurface; - /// md.comp.button.elevated.pressed.label-text.color - static const TokenColorRole pressedLabelTextColor = TokenColorRole.primary; + /// md.comp.button.elevated.disabled.icon.opacity + static const double disabledIconOpacity = 0.38; - /// md.comp.button.elevated.selected.focused.state-layer.color - static const TokenColorRole selectedFocusedStateLayerColor = - TokenColorRole.onPrimary; + /// md.comp.button.elevated.disabled.label-text.color + static const TokenColorRole disabledLabelTextColor = TokenColorRole.onSurface; - /// md.comp.button.elevated.unselected.pressed.label-text.color - static const TokenColorRole unselectedPressedLabelTextColor = - TokenColorRole.primary; + /// md.comp.button.elevated.disabled.label-text.opacity + static const double disabledLabelTextOpacity = 0.38; - /// md.comp.button.elevated.selected.focused.label-text.color - static const TokenColorRole selectedFocusedLabelTextColor = - TokenColorRole.onPrimary; + /// md.comp.button.elevated.focused.container.elevation + static const double focusedContainerElevation = 1.00; - /// md.comp.button.elevated.selected.focused.icon.color - static const TokenColorRole selectedFocusedIconColor = - TokenColorRole.onPrimary; + /// md.comp.button.elevated.focused.icon.color + static const TokenColorRole focusedIconColor = TokenColorRole.primary; - /// md.comp.button.elevated.unselected.pressed.icon.color - static const TokenColorRole unselectedPressedIconColor = - TokenColorRole.primary; + /// md.comp.button.elevated.focused.label-text.color + static const TokenColorRole focusedLabelTextColor = TokenColorRole.primary; /// md.comp.button.elevated.focused.state-layer.color static const TokenColorRole focusedStateLayerColor = TokenColorRole.primary; - /// md.comp.button.elevated.disabled.icon.opacity - static const double disabledIconOpacity = 0.38; - - /// md.comp.button.elevated.selected.icon.color - static const TokenColorRole selectedIconColor = TokenColorRole.onPrimary; - - /// md.comp.button.elevated.pressed.state-layer.opacity - static const double pressedStateLayerOpacity = 0.10; - /// md.comp.button.elevated.focused.state-layer.opacity static const double focusedStateLayerOpacity = 0.10; - /// md.comp.button.elevated.pressed.state-layer.color - static const TokenColorRole pressedStateLayerColor = TokenColorRole.primary; - - /// md.comp.button.elevated.unselected.icon.color - static const TokenColorRole unselectedIconColor = TokenColorRole.primary; + /// md.comp.button.elevated.hovered.icon.color + static const TokenColorRole hoveredIconColor = TokenColorRole.primary; - /// md.comp.button.elevated.unselected.hovered.icon.color - static const TokenColorRole unselectedHoveredIconColor = - TokenColorRole.primary; + /// md.comp.button.elevated.hovered.label-text.color + static const TokenColorRole hoveredLabelTextColor = TokenColorRole.primary; - /// md.comp.button.elevated.container.elevation - static const double containerElevation = 1.00; + /// md.comp.button.elevated.hovered.state-layer.color + static const TokenColorRole hoveredStateLayerColor = TokenColorRole.primary; - /// md.comp.button.elevated.unselected.focused.icon.color - static const TokenColorRole unselectedFocusedIconColor = - TokenColorRole.primary; + /// md.comp.button.elevated.hovered.state-layer.opacity + static const double hoveredStateLayerOpacity = 0.08; - /// md.comp.button.elevated.disabled.container.opacity - static const double disabledContainerOpacity = 0.10; + /// md.comp.button.elevated.icon.color + static const TokenColorRole iconColor = TokenColorRole.primary; - /// md.comp.button.elevated.focused.label-text.color - static const TokenColorRole focusedLabelTextColor = TokenColorRole.primary; + /// md.comp.button.elevated.label-text.color + static const TokenColorRole labelTextColor = TokenColorRole.primary; - /// md.comp.button.elevated.hovered.state-layer.opacity - static const double hoveredStateLayerOpacity = 0.08; + /// md.comp.button.elevated.pressed.container.elevation + static const double pressedContainerElevation = 1.00; - /// md.comp.button.elevated.selected.hovered.state-layer.color - static const TokenColorRole selectedHoveredStateLayerColor = - TokenColorRole.onPrimary; + /// md.comp.button.elevated.pressed.icon.color + static const TokenColorRole pressedIconColor = TokenColorRole.primary; - /// md.comp.button.elevated.selected.pressed.icon.color - static const TokenColorRole selectedPressedIconColor = - TokenColorRole.onPrimary; + /// md.comp.button.elevated.pressed.label-text.color + static const TokenColorRole pressedLabelTextColor = TokenColorRole.primary; - /// md.comp.button.elevated.focused.container.elevation - static const double focusedContainerElevation = 1.00; + /// md.comp.button.elevated.pressed.state-layer.color + static const TokenColorRole pressedStateLayerColor = TokenColorRole.primary; - /// md.comp.button.elevated.disabled.container.color - static const TokenColorRole disabledContainerColor = TokenColorRole.onSurface; + /// md.comp.button.elevated.pressed.state-layer.opacity + static const double pressedStateLayerOpacity = 0.10; - /// md.comp.button.elevated.selected.hovered.icon.color - static const TokenColorRole selectedHoveredIconColor = - TokenColorRole.onPrimary; + /// md.comp.button.elevated.selected.container.color + static const TokenColorRole selectedContainerColor = TokenColorRole.primary; - /// md.comp.button.elevated.unselected.hovered.state-layer.color - static const TokenColorRole unselectedHoveredStateLayerColor = - TokenColorRole.primary; + /// md.comp.button.elevated.selected.focused.icon.color + static const TokenColorRole selectedFocusedIconColor = TokenColorRole.onPrimary; - /// md.comp.button.elevated.unselected.pressed.state-layer.color - static const TokenColorRole unselectedPressedStateLayerColor = - TokenColorRole.primary; + /// md.comp.button.elevated.selected.focused.label-text.color + static const TokenColorRole selectedFocusedLabelTextColor = TokenColorRole.onPrimary; - /// md.comp.button.elevated.unselected.hovered.label-text.color - static const TokenColorRole unselectedHoveredLabelTextColor = - TokenColorRole.primary; + /// md.comp.button.elevated.selected.focused.state-layer.color + static const TokenColorRole selectedFocusedStateLayerColor = TokenColorRole.onPrimary; - /// md.comp.button.elevated.container.color - static const TokenColorRole containerColor = - TokenColorRole.surfaceContainerLow; + /// md.comp.button.elevated.selected.hovered.icon.color + static const TokenColorRole selectedHoveredIconColor = TokenColorRole.onPrimary; - /// md.comp.button.elevated.hovered.icon.color - static const TokenColorRole hoveredIconColor = TokenColorRole.primary; + /// md.comp.button.elevated.selected.hovered.label-text.color + static const TokenColorRole selectedHoveredLabelTextColor = TokenColorRole.onPrimary; - /// md.comp.button.elevated.disabled.container.elevation - static const double disabledContainerElevation = 0.00; + /// md.comp.button.elevated.selected.hovered.state-layer.color + static const TokenColorRole selectedHoveredStateLayerColor = TokenColorRole.onPrimary; - /// md.comp.button.elevated.unselected.label-text.color - static const TokenColorRole unselectedLabelTextColor = TokenColorRole.primary; + /// md.comp.button.elevated.selected.icon.color + static const TokenColorRole selectedIconColor = TokenColorRole.onPrimary; - /// md.comp.button.elevated.hovered.state-layer.color - static const TokenColorRole hoveredStateLayerColor = TokenColorRole.primary; + /// md.comp.button.elevated.selected.label-text.color + static const TokenColorRole selectedLabelTextColor = TokenColorRole.onPrimary; - /// md.comp.button.elevated.label-text.color - static const TokenColorRole labelTextColor = TokenColorRole.primary; + /// md.comp.button.elevated.selected.pressed.icon.color + static const TokenColorRole selectedPressedIconColor = TokenColorRole.onPrimary; - /// md.comp.button.elevated.pressed.container.elevation - static const double pressedContainerElevation = 1.00; + /// md.comp.button.elevated.selected.pressed.label-text.color + static const TokenColorRole selectedPressedLabelTextColor = TokenColorRole.onPrimary; - /// md.comp.button.elevated.icon.color - static const TokenColorRole iconColor = TokenColorRole.primary; + /// md.comp.button.elevated.selected.pressed.state-layer.color + static const TokenColorRole selectedPressedStateLayerColor = TokenColorRole.onPrimary; /// md.comp.button.elevated.unselected.container.color - static const TokenColorRole unselectedContainerColor = - TokenColorRole.surfaceContainerLow; + static const TokenColorRole unselectedContainerColor = TokenColorRole.surfaceContainerLow; - /// md.comp.button.elevated.focused.icon.color - static const TokenColorRole focusedIconColor = TokenColorRole.primary; + /// md.comp.button.elevated.unselected.focused.icon.color + static const TokenColorRole unselectedFocusedIconColor = TokenColorRole.primary; - /// md.comp.button.elevated.disabled.label-text.color - static const TokenColorRole disabledLabelTextColor = TokenColorRole.onSurface; + /// md.comp.button.elevated.unselected.focused.label-text.color + static const TokenColorRole unselectedFocusedLabelTextColor = TokenColorRole.primary; - /// md.comp.button.elevated.selected.pressed.label-text.color - static const TokenColorRole selectedPressedLabelTextColor = - TokenColorRole.onPrimary; + /// md.comp.button.elevated.unselected.focused.state-layer.color + static const TokenColorRole unselectedFocusedStateLayerColor = TokenColorRole.primary; - /// md.comp.button.elevated.selected.label-text.color - static const TokenColorRole selectedLabelTextColor = TokenColorRole.onPrimary; + /// md.comp.button.elevated.unselected.hovered.icon.color + static const TokenColorRole unselectedHoveredIconColor = TokenColorRole.primary; - /// md.comp.button.elevated.selected.hovered.label-text.color - static const TokenColorRole selectedHoveredLabelTextColor = - TokenColorRole.onPrimary; + /// md.comp.button.elevated.unselected.hovered.label-text.color + static const TokenColorRole unselectedHoveredLabelTextColor = TokenColorRole.primary; - /// md.comp.button.elevated.selected.container.color - static const TokenColorRole selectedContainerColor = TokenColorRole.primary; + /// md.comp.button.elevated.unselected.hovered.state-layer.color + static const TokenColorRole unselectedHoveredStateLayerColor = TokenColorRole.primary; - /// md.comp.button.elevated.unselected.focused.state-layer.color - static const TokenColorRole unselectedFocusedStateLayerColor = - TokenColorRole.primary; + /// md.comp.button.elevated.unselected.icon.color + static const TokenColorRole unselectedIconColor = TokenColorRole.primary; - /// md.comp.button.elevated.disabled.label-text.opacity - static const double disabledLabelTextOpacity = 0.38; + /// md.comp.button.elevated.unselected.label-text.color + static const TokenColorRole unselectedLabelTextColor = TokenColorRole.primary; - /// md.comp.button.elevated.pressed.icon.color - static const TokenColorRole pressedIconColor = TokenColorRole.primary; + /// md.comp.button.elevated.unselected.pressed.icon.color + static const TokenColorRole unselectedPressedIconColor = TokenColorRole.primary; - /// md.comp.button.elevated.hovered.label-text.color - static const TokenColorRole hoveredLabelTextColor = TokenColorRole.primary; + /// md.comp.button.elevated.unselected.pressed.label-text.color + static const TokenColorRole unselectedPressedLabelTextColor = TokenColorRole.primary; - /// md.comp.button.elevated.unselected.focused.label-text.color - static const TokenColorRole unselectedFocusedLabelTextColor = - TokenColorRole.primary; + /// md.comp.button.elevated.unselected.pressed.state-layer.color + static const TokenColorRole unselectedPressedStateLayerColor = TokenColorRole.primary; } diff --git a/packages/material_ui/tool/gen_defaults/data/button_filled.dart b/packages/material_ui/tool/gen_defaults/data/button_filled.dart index a41bb412259c..cd3abad477cc 100644 --- a/packages/material_ui/tool/gen_defaults/data/button_filled.dart +++ b/packages/material_ui/tool/gen_defaults/data/button_filled.dart @@ -7,174 +7,153 @@ import 'color_role.dart'; class TokenButtonFilled { - /// md.comp.button.filled.unselected.label-text.color - static const TokenColorRole unselectedLabelTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.button.filled.container.color + static const TokenColorRole containerColor = TokenColorRole.primary; - /// md.comp.button.filled.unselected.hovered.label-text.color - static const TokenColorRole unselectedHoveredLabelTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.button.filled.container.elevation + static const double containerElevation = 0.00; - /// md.comp.button.filled.unselected.focused.state-layer.color - static const TokenColorRole unselectedFocusedStateLayerColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.button.filled.container.shadow-color + static const TokenColorRole containerShadowColor = TokenColorRole.shadow; /// md.comp.button.filled.disabled.container.color static const TokenColorRole disabledContainerColor = TokenColorRole.onSurface; - /// md.comp.button.filled.pressed.label-text.color - static const TokenColorRole pressedLabelTextColor = TokenColorRole.onPrimary; + /// md.comp.button.filled.disabled.container.elevation + static const double disabledContainerElevation = 0.00; - /// md.comp.button.filled.icon.color - static const TokenColorRole iconColor = TokenColorRole.onPrimary; + /// md.comp.button.filled.disabled.container.opacity + static const double disabledContainerOpacity = 0.10; - /// md.comp.button.filled.unselected.hovered.icon.color - static const TokenColorRole unselectedHoveredIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.button.filled.disabled.icon.color + static const TokenColorRole disabledIconColor = TokenColorRole.onSurface; - /// md.comp.button.filled.unselected.pressed.state-layer.color - static const TokenColorRole unselectedPressedStateLayerColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.button.filled.disabled.icon.opacity + static const double disabledIconOpacity = 0.38; - /// md.comp.button.filled.selected.focused.state-layer.color - static const TokenColorRole selectedFocusedStateLayerColor = - TokenColorRole.onPrimary; + /// md.comp.button.filled.disabled.label-text.color + static const TokenColorRole disabledLabelTextColor = TokenColorRole.onSurface; + + /// md.comp.button.filled.disabled.label-text.opacity + static const double disabledLabelTextOpacity = 0.38; /// md.comp.button.filled.focused.container.elevation static const double focusedContainerElevation = 0.00; - /// md.comp.button.filled.disabled.icon.color - static const TokenColorRole disabledIconColor = TokenColorRole.onSurface; - - /// md.comp.button.filled.disabled.icon.opacity - static const double disabledIconOpacity = 0.38; + /// md.comp.button.filled.focused.icon.color + static const TokenColorRole focusedIconColor = TokenColorRole.onPrimary; - /// md.comp.button.filled.pressed.state-layer.opacity - static const double pressedStateLayerOpacity = 0.10; + /// md.comp.button.filled.focused.label-text.color + static const TokenColorRole focusedLabelTextColor = TokenColorRole.onPrimary; - /// md.comp.button.filled.unselected.hovered.state-layer.color - static const TokenColorRole unselectedHoveredStateLayerColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.button.filled.focused.state-layer.color + static const TokenColorRole focusedStateLayerColor = TokenColorRole.onPrimary; /// md.comp.button.filled.focused.state-layer.opacity static const double focusedStateLayerOpacity = 0.10; - /// md.comp.button.filled.selected.hovered.state-layer.color - static const TokenColorRole selectedHoveredStateLayerColor = - TokenColorRole.onPrimary; + /// md.comp.button.filled.hovered.icon.color + static const TokenColorRole hoveredIconColor = TokenColorRole.onPrimary; - /// md.comp.button.filled.disabled.label-text.opacity - static const double disabledLabelTextOpacity = 0.38; + /// md.comp.button.filled.hovered.label-text.color + static const TokenColorRole hoveredLabelTextColor = TokenColorRole.onPrimary; - /// md.comp.button.filled.selected.pressed.label-text.color - static const TokenColorRole selectedPressedLabelTextColor = - TokenColorRole.onPrimary; + /// md.comp.button.filled.hovered.state-layer.color + static const TokenColorRole hoveredStateLayerColor = TokenColorRole.onPrimary; - /// md.comp.button.filled.disabled.label-text.color - static const TokenColorRole disabledLabelTextColor = TokenColorRole.onSurface; + /// md.comp.button.filled.hovered.state-layer.opacity + static const double hoveredStateLayerOpacity = 0.08; - /// md.comp.button.filled.container.color - static const TokenColorRole containerColor = TokenColorRole.primary; + /// md.comp.button.filled.icon.color + static const TokenColorRole iconColor = TokenColorRole.onPrimary; - /// md.comp.button.filled.disabled.container.elevation - static const double disabledContainerElevation = 0.00; + /// md.comp.button.filled.label-text.color + static const TokenColorRole labelTextColor = TokenColorRole.onPrimary; - /// md.comp.button.filled.unselected.pressed.label-text.color - static const TokenColorRole unselectedPressedLabelTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.button.filled.pressed.container.elevation + static const double pressedContainerElevation = 0.00; - /// md.comp.button.filled.unselected.pressed.icon.color - static const TokenColorRole unselectedPressedIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.button.filled.pressed.icon.color + static const TokenColorRole pressedIconColor = TokenColorRole.onPrimary; - /// md.comp.button.filled.container.shadow-color - static const TokenColorRole containerShadowColor = TokenColorRole.shadow; + /// md.comp.button.filled.pressed.label-text.color + static const TokenColorRole pressedLabelTextColor = TokenColorRole.onPrimary; - /// md.comp.button.filled.unselected.focused.label-text.color - static const TokenColorRole unselectedFocusedLabelTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.button.filled.pressed.state-layer.color + static const TokenColorRole pressedStateLayerColor = TokenColorRole.onPrimary; - /// md.comp.button.filled.unselected.icon.color - static const TokenColorRole unselectedIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.button.filled.pressed.state-layer.opacity + static const double pressedStateLayerOpacity = 0.10; - /// md.comp.button.filled.focused.icon.color - static const TokenColorRole focusedIconColor = TokenColorRole.onPrimary; + /// md.comp.button.filled.selected.container.color + static const TokenColorRole selectedContainerColor = TokenColorRole.primary; - /// md.comp.button.filled.selected.label-text.color - static const TokenColorRole selectedLabelTextColor = TokenColorRole.onPrimary; + /// md.comp.button.filled.selected.focused.icon.color + static const TokenColorRole selectedFocusedIconColor = TokenColorRole.onPrimary; - /// md.comp.button.filled.hovered.label-text.color - static const TokenColorRole hoveredLabelTextColor = TokenColorRole.onPrimary; + /// md.comp.button.filled.selected.focused.label-text.color + static const TokenColorRole selectedFocusedLabelTextColor = TokenColorRole.onPrimary; - /// md.comp.button.filled.pressed.container.elevation - static const double pressedContainerElevation = 0.00; + /// md.comp.button.filled.selected.focused.state-layer.color + static const TokenColorRole selectedFocusedStateLayerColor = TokenColorRole.onPrimary; - /// md.comp.button.filled.focused.label-text.color - static const TokenColorRole focusedLabelTextColor = TokenColorRole.onPrimary; + /// md.comp.button.filled.selected.hovered.icon.color + static const TokenColorRole selectedHoveredIconColor = TokenColorRole.onPrimary; - /// md.comp.button.filled.selected.focused.icon.color - static const TokenColorRole selectedFocusedIconColor = - TokenColorRole.onPrimary; + /// md.comp.button.filled.selected.hovered.label-text.color + static const TokenColorRole selectedHoveredLabelTextColor = TokenColorRole.onPrimary; - /// md.comp.button.filled.label-text.color - static const TokenColorRole labelTextColor = TokenColorRole.onPrimary; + /// md.comp.button.filled.selected.hovered.state-layer.color + static const TokenColorRole selectedHoveredStateLayerColor = TokenColorRole.onPrimary; - /// md.comp.button.filled.selected.pressed.state-layer.color - static const TokenColorRole selectedPressedStateLayerColor = - TokenColorRole.onPrimary; + /// md.comp.button.filled.selected.icon.color + static const TokenColorRole selectedIconColor = TokenColorRole.onPrimary; - /// md.comp.button.filled.hovered.state-layer.color - static const TokenColorRole hoveredStateLayerColor = TokenColorRole.onPrimary; + /// md.comp.button.filled.selected.label-text.color + static const TokenColorRole selectedLabelTextColor = TokenColorRole.onPrimary; - /// md.comp.button.filled.pressed.icon.color - static const TokenColorRole pressedIconColor = TokenColorRole.onPrimary; + /// md.comp.button.filled.selected.pressed.icon.color + static const TokenColorRole selectedPressedIconColor = TokenColorRole.onPrimary; - /// md.comp.button.filled.selected.hovered.icon.color - static const TokenColorRole selectedHoveredIconColor = - TokenColorRole.onPrimary; + /// md.comp.button.filled.selected.pressed.label-text.color + static const TokenColorRole selectedPressedLabelTextColor = TokenColorRole.onPrimary; - /// md.comp.button.filled.hovered.state-layer.opacity - static const double hoveredStateLayerOpacity = 0.08; + /// md.comp.button.filled.selected.pressed.state-layer.color + static const TokenColorRole selectedPressedStateLayerColor = TokenColorRole.onPrimary; /// md.comp.button.filled.unselected.container.color - static const TokenColorRole unselectedContainerColor = - TokenColorRole.surfaceContainer; + static const TokenColorRole unselectedContainerColor = TokenColorRole.surfaceContainer; - /// md.comp.button.filled.selected.hovered.label-text.color - static const TokenColorRole selectedHoveredLabelTextColor = - TokenColorRole.onPrimary; + /// md.comp.button.filled.unselected.focused.icon.color + static const TokenColorRole unselectedFocusedIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.button.filled.hovered.icon.color - static const TokenColorRole hoveredIconColor = TokenColorRole.onPrimary; + /// md.comp.button.filled.unselected.focused.label-text.color + static const TokenColorRole unselectedFocusedLabelTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.button.filled.selected.container.color - static const TokenColorRole selectedContainerColor = TokenColorRole.primary; + /// md.comp.button.filled.unselected.focused.state-layer.color + static const TokenColorRole unselectedFocusedStateLayerColor = TokenColorRole.onSurfaceVariant; - /// md.comp.button.filled.disabled.container.opacity - static const double disabledContainerOpacity = 0.10; + /// md.comp.button.filled.unselected.hovered.icon.color + static const TokenColorRole unselectedHoveredIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.button.filled.pressed.state-layer.color - static const TokenColorRole pressedStateLayerColor = TokenColorRole.onPrimary; + /// md.comp.button.filled.unselected.hovered.label-text.color + static const TokenColorRole unselectedHoveredLabelTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.button.filled.focused.state-layer.color - static const TokenColorRole focusedStateLayerColor = TokenColorRole.onPrimary; + /// md.comp.button.filled.unselected.hovered.state-layer.color + static const TokenColorRole unselectedHoveredStateLayerColor = TokenColorRole.onSurfaceVariant; - /// md.comp.button.filled.unselected.focused.icon.color - static const TokenColorRole unselectedFocusedIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.button.filled.unselected.icon.color + static const TokenColorRole unselectedIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.button.filled.selected.icon.color - static const TokenColorRole selectedIconColor = TokenColorRole.onPrimary; + /// md.comp.button.filled.unselected.label-text.color + static const TokenColorRole unselectedLabelTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.button.filled.selected.focused.label-text.color - static const TokenColorRole selectedFocusedLabelTextColor = - TokenColorRole.onPrimary; + /// md.comp.button.filled.unselected.pressed.icon.color + static const TokenColorRole unselectedPressedIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.button.filled.container.elevation - static const double containerElevation = 0.00; + /// md.comp.button.filled.unselected.pressed.label-text.color + static const TokenColorRole unselectedPressedLabelTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.button.filled.selected.pressed.icon.color - static const TokenColorRole selectedPressedIconColor = - TokenColorRole.onPrimary; + /// md.comp.button.filled.unselected.pressed.state-layer.color + static const TokenColorRole unselectedPressedStateLayerColor = TokenColorRole.onSurfaceVariant; } diff --git a/packages/material_ui/tool/gen_defaults/data/button_group_connected_large.dart b/packages/material_ui/tool/gen_defaults/data/button_group_connected_large.dart index ebda591a7afe..7fa54fcfad6c 100644 --- a/packages/material_ui/tool/gen_defaults/data/button_group_connected_large.dart +++ b/packages/material_ui/tool/gen_defaults/data/button_group_connected_large.dart @@ -7,8 +7,11 @@ import 'shape_struct.dart'; class TokenButtonGroupConnectedLarge { - /// md.comp.button-group.connected.large.inner-corner.corner-size - static const double innerCornerCornerSize = 16.00; + /// md.comp.button-group.connected.large.between-space + static const double betweenSpace = 2.00; + + /// md.comp.button-group.connected.large.container.height + static const double containerHeight = 96.00; /// md.comp.button-group.connected.large.container.shape static const ShapeStruct containerShape = ShapeStruct( @@ -19,15 +22,12 @@ class TokenButtonGroupConnectedLarge { bottomRight: 0.00, ); - /// md.comp.button-group.connected.large.selected.inner-corner.corner-size - static const double selectedInnerCornerCornerSize = 50.00; + /// md.comp.button-group.connected.large.inner-corner.corner-size + static const double innerCornerCornerSize = 16.00; /// md.comp.button-group.connected.large.pressed.inner-corner.corner-size static const double pressedInnerCornerCornerSize = 12.00; - /// md.comp.button-group.connected.large.between-space - static const double betweenSpace = 2.00; - - /// md.comp.button-group.connected.large.container.height - static const double containerHeight = 96.00; + /// md.comp.button-group.connected.large.selected.inner-corner.corner-size + static const double selectedInnerCornerCornerSize = 50.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/button_group_connected_medium.dart b/packages/material_ui/tool/gen_defaults/data/button_group_connected_medium.dart index fd267eb3b582..aead429be792 100644 --- a/packages/material_ui/tool/gen_defaults/data/button_group_connected_medium.dart +++ b/packages/material_ui/tool/gen_defaults/data/button_group_connected_medium.dart @@ -7,6 +7,12 @@ import 'shape_struct.dart'; class TokenButtonGroupConnectedMedium { + /// md.comp.button-group.connected.medium.between-space + static const double betweenSpace = 2.00; + + /// md.comp.button-group.connected.medium.container.height + static const double containerHeight = 56.00; + /// md.comp.button-group.connected.medium.container.shape static const ShapeStruct containerShape = ShapeStruct( family: 'SHAPE_FAMILY_CIRCULAR', @@ -16,18 +22,12 @@ class TokenButtonGroupConnectedMedium { bottomRight: 0.00, ); - /// md.comp.button-group.connected.medium.container.height - static const double containerHeight = 56.00; - - /// md.comp.button-group.connected.medium.between-space - static const double betweenSpace = 2.00; - - /// md.comp.button-group.connected.medium.selected.inner-corner.corner-size - static const double selectedInnerCornerCornerSize = 50.00; + /// md.comp.button-group.connected.medium.inner-corner.corner-size + static const double innerCornerCornerSize = 8.00; /// md.comp.button-group.connected.medium.pressed.inner-corner.corner-size static const double pressedInnerCornerCornerSize = 4.00; - /// md.comp.button-group.connected.medium.inner-corner.corner-size - static const double innerCornerCornerSize = 8.00; + /// md.comp.button-group.connected.medium.selected.inner-corner.corner-size + static const double selectedInnerCornerCornerSize = 50.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/button_group_connected_small.dart b/packages/material_ui/tool/gen_defaults/data/button_group_connected_small.dart index d452ed37a2e8..2c410bea703a 100644 --- a/packages/material_ui/tool/gen_defaults/data/button_group_connected_small.dart +++ b/packages/material_ui/tool/gen_defaults/data/button_group_connected_small.dart @@ -7,17 +7,11 @@ import 'shape_struct.dart'; class TokenButtonGroupConnectedSmall { - /// md.comp.button-group.connected.small.container.height - static const double containerHeight = 40.00; - - /// md.comp.button-group.connected.small.pressed.inner-corner.corner-size - static const double pressedInnerCornerCornerSize = 4.00; - /// md.comp.button-group.connected.small.between-space static const double betweenSpace = 2.00; - /// md.comp.button-group.connected.small.inner-corner.corner-size - static const double innerCornerCornerSize = 8.00; + /// md.comp.button-group.connected.small.container.height + static const double containerHeight = 40.00; /// md.comp.button-group.connected.small.container.shape static const ShapeStruct containerShape = ShapeStruct( @@ -28,6 +22,12 @@ class TokenButtonGroupConnectedSmall { bottomRight: 0.00, ); + /// md.comp.button-group.connected.small.inner-corner.corner-size + static const double innerCornerCornerSize = 8.00; + + /// md.comp.button-group.connected.small.pressed.inner-corner.corner-size + static const double pressedInnerCornerCornerSize = 4.00; + /// md.comp.button-group.connected.small.selected.inner-corner.corner-size static const double selectedInnerCornerCornerSize = 50.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/button_group_connected_xlarge.dart b/packages/material_ui/tool/gen_defaults/data/button_group_connected_xlarge.dart index 329e0011d8d1..fb92d8d8b3a1 100644 --- a/packages/material_ui/tool/gen_defaults/data/button_group_connected_xlarge.dart +++ b/packages/material_ui/tool/gen_defaults/data/button_group_connected_xlarge.dart @@ -10,6 +10,9 @@ class TokenButtonGroupConnectedXlarge { /// md.comp.button-group.connected.xlarge.between-space static const double betweenSpace = 2.00; + /// md.comp.button-group.connected.xlarge.container.height + static const double containerHeight = 136.00; + /// md.comp.button-group.connected.xlarge.container.shape static const ShapeStruct containerShape = ShapeStruct( family: 'SHAPE_FAMILY_CIRCULAR', @@ -19,15 +22,12 @@ class TokenButtonGroupConnectedXlarge { bottomRight: 0.00, ); - /// md.comp.button-group.connected.xlarge.container.height - static const double containerHeight = 136.00; - - /// md.comp.button-group.connected.xlarge.selected.inner-corner.corner-size - static const double selectedInnerCornerCornerSize = 50.00; + /// md.comp.button-group.connected.xlarge.inner-corner.corner-size + static const double innerCornerCornerSize = 20.00; /// md.comp.button-group.connected.xlarge.pressed.inner-corner.corner-size static const double pressedInnerCornerCornerSize = 16.00; - /// md.comp.button-group.connected.xlarge.inner-corner.corner-size - static const double innerCornerCornerSize = 20.00; + /// md.comp.button-group.connected.xlarge.selected.inner-corner.corner-size + static const double selectedInnerCornerCornerSize = 50.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/button_group_connected_xsmall.dart b/packages/material_ui/tool/gen_defaults/data/button_group_connected_xsmall.dart index 5f9b5a4c61bc..fb8630f40782 100644 --- a/packages/material_ui/tool/gen_defaults/data/button_group_connected_xsmall.dart +++ b/packages/material_ui/tool/gen_defaults/data/button_group_connected_xsmall.dart @@ -7,15 +7,9 @@ import 'shape_struct.dart'; class TokenButtonGroupConnectedXsmall { - /// md.comp.button-group.connected.xsmall.selected.inner-corner.corner-size - static const double selectedInnerCornerCornerSize = 50.00; - /// md.comp.button-group.connected.xsmall.between-space static const double betweenSpace = 2.00; - /// md.comp.button-group.connected.xsmall.inner-corner.corner-size - static const double innerCornerCornerSize = 8.00; - /// md.comp.button-group.connected.xsmall.container.height static const double containerHeight = 32.00; @@ -28,6 +22,12 @@ class TokenButtonGroupConnectedXsmall { bottomRight: 0.00, ); + /// md.comp.button-group.connected.xsmall.inner-corner.corner-size + static const double innerCornerCornerSize = 8.00; + /// md.comp.button-group.connected.xsmall.pressed.inner-corner.corner-size static const double pressedInnerCornerCornerSize = 4.00; + + /// md.comp.button-group.connected.xsmall.selected.inner-corner.corner-size + static const double selectedInnerCornerCornerSize = 50.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/button_group_standard_large.dart b/packages/material_ui/tool/gen_defaults/data/button_group_standard_large.dart index d9e9d5a507cd..9c80e718e763 100644 --- a/packages/material_ui/tool/gen_defaults/data/button_group_standard_large.dart +++ b/packages/material_ui/tool/gen_defaults/data/button_group_standard_large.dart @@ -8,9 +8,6 @@ class TokenButtonGroupStandardLarge { /// md.comp.button-group.standard.large.between-space static const double betweenSpace = 8.00; - /// md.comp.button-group.standard.large.pressed.item.width.multiplier - static const double pressedItemWidthMultiplier = 15.00; - /// md.comp.button-group.standard.large.container.height static const double containerHeight = 96.00; @@ -19,4 +16,7 @@ class TokenButtonGroupStandardLarge { /// md.comp.button-group.standard.large.pressed.item.width.motion.spring.stiffness static const double pressedItemWidthMotionSpringStiffness = 800.00; + + /// md.comp.button-group.standard.large.pressed.item.width.multiplier + static const double pressedItemWidthMultiplier = 15.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/button_group_standard_medium.dart b/packages/material_ui/tool/gen_defaults/data/button_group_standard_medium.dart index fda2c7fd75f5..2d49b53bb874 100644 --- a/packages/material_ui/tool/gen_defaults/data/button_group_standard_medium.dart +++ b/packages/material_ui/tool/gen_defaults/data/button_group_standard_medium.dart @@ -5,18 +5,18 @@ // Version: 36.0.6 class TokenButtonGroupStandardMedium { - /// md.comp.button-group.standard.medium.pressed.item.width.motion.spring.dampening - static const double pressedItemWidthMotionSpringDampening = 0.60; - - /// md.comp.button-group.standard.medium.pressed.item.width.multiplier - static const double pressedItemWidthMultiplier = 15.00; - /// md.comp.button-group.standard.medium.between-space static const double betweenSpace = 8.00; + /// md.comp.button-group.standard.medium.container.height + static const double containerHeight = 56.00; + + /// md.comp.button-group.standard.medium.pressed.item.width.motion.spring.dampening + static const double pressedItemWidthMotionSpringDampening = 0.60; + /// md.comp.button-group.standard.medium.pressed.item.width.motion.spring.stiffness static const double pressedItemWidthMotionSpringStiffness = 800.00; - /// md.comp.button-group.standard.medium.container.height - static const double containerHeight = 56.00; + /// md.comp.button-group.standard.medium.pressed.item.width.multiplier + static const double pressedItemWidthMultiplier = 15.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/button_group_standard_small.dart b/packages/material_ui/tool/gen_defaults/data/button_group_standard_small.dart index 6c6ede52273a..d51d8a6c163c 100644 --- a/packages/material_ui/tool/gen_defaults/data/button_group_standard_small.dart +++ b/packages/material_ui/tool/gen_defaults/data/button_group_standard_small.dart @@ -5,12 +5,6 @@ // Version: 36.0.6 class TokenButtonGroupStandardSmall { - /// md.comp.button-group.standard.small.pressed.item.width.motion.spring.stiffness - static const double pressedItemWidthMotionSpringStiffness = 800.00; - - /// md.comp.button-group.standard.small.pressed.item.width.multiplier - static const double pressedItemWidthMultiplier = 15.00; - /// md.comp.button-group.standard.small.between-space static const double betweenSpace = 12.00; @@ -19,4 +13,10 @@ class TokenButtonGroupStandardSmall { /// md.comp.button-group.standard.small.pressed.item.width.motion.spring.dampening static const double pressedItemWidthMotionSpringDampening = 0.60; + + /// md.comp.button-group.standard.small.pressed.item.width.motion.spring.stiffness + static const double pressedItemWidthMotionSpringStiffness = 800.00; + + /// md.comp.button-group.standard.small.pressed.item.width.multiplier + static const double pressedItemWidthMultiplier = 15.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/button_group_standard_xlarge.dart b/packages/material_ui/tool/gen_defaults/data/button_group_standard_xlarge.dart index 299391b78fd7..1c5eae39531d 100644 --- a/packages/material_ui/tool/gen_defaults/data/button_group_standard_xlarge.dart +++ b/packages/material_ui/tool/gen_defaults/data/button_group_standard_xlarge.dart @@ -8,15 +8,15 @@ class TokenButtonGroupStandardXlarge { /// md.comp.button-group.standard.xlarge.between-space static const double betweenSpace = 8.00; - /// md.comp.button-group.standard.xlarge.pressed.item.width.motion.spring.stiffness - static const double pressedItemWidthMotionSpringStiffness = 800.00; + /// md.comp.button-group.standard.xlarge.container.height + static const double containerHeight = 136.00; /// md.comp.button-group.standard.xlarge.pressed.item.width.motion.spring.dampening static const double pressedItemWidthMotionSpringDampening = 0.60; + /// md.comp.button-group.standard.xlarge.pressed.item.width.motion.spring.stiffness + static const double pressedItemWidthMotionSpringStiffness = 800.00; + /// md.comp.button-group.standard.xlarge.pressed.item.width.multiplier static const double pressedItemWidthMultiplier = 15.00; - - /// md.comp.button-group.standard.xlarge.container.height - static const double containerHeight = 136.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/button_large.dart b/packages/material_ui/tool/gen_defaults/data/button_large.dart index 36064973a5f0..b537ca40d83e 100644 --- a/packages/material_ui/tool/gen_defaults/data/button_large.dart +++ b/packages/material_ui/tool/gen_defaults/data/button_large.dart @@ -19,56 +19,56 @@ class TokenButtonLarge { bottomRight: 0.00, ); - /// md.comp.button.large.selected.container.shape.square - static const ShapeStruct selectedContainerShapeSquare = ShapeStruct( - family: 'SHAPE_FAMILY_CIRCULAR', - topLeft: 0.00, - topRight: 0.00, - bottomLeft: 0.00, - bottomRight: 0.00, - ); - - /// md.comp.button.large.pressed.container.shape - static const ShapeStruct pressedContainerShape = ShapeStruct( + /// md.comp.button.large.container.shape.square + static const ShapeStruct containerShapeSquare = ShapeStruct( family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 16.00, - topRight: 16.00, - bottomLeft: 16.00, - bottomRight: 16.00, + topLeft: 28.00, + topRight: 28.00, + bottomLeft: 28.00, + bottomRight: 28.00, ); - /// md.comp.button.large.pressed.container.corner-size.motion.spring.stiffness - static const double pressedContainerCornerSizeMotionSpringStiffness = 800.00; + /// md.comp.button.large.icon-label-space + static const double iconLabelSpace = 12.00; + + /// md.comp.button.large.icon.size + static const double iconSize = 32.00; /// md.comp.button.large.label-text - static const double labelTextFontSize = 24.00; + static const String labelTextFontFamily = 'Roboto'; /// md.comp.button.large.label-text - static const double labelTextFontWeight = 400; + static const double labelTextFontSize = 24.00; /// md.comp.button.large.label-text - static const double labelTextLineHeight = 32.00; + static const double labelTextFontWeight = 400; /// md.comp.button.large.label-text static const double labelTextLetterSpacing = 0.00; /// md.comp.button.large.label-text - static const String labelTextFontFamily = 'Roboto'; - - /// md.comp.button.large.trailing-space - static const double trailingSpace = 48.00; + static const double labelTextLineHeight = 32.00; /// md.comp.button.large.leading-space static const double leadingSpace = 48.00; + /// md.comp.button.large.outlined.outline.width + static const double outlinedOutlineWidth = 2.00; + /// md.comp.button.large.pressed.container.corner-size.motion.spring.damping static const double pressedContainerCornerSizeMotionSpringDamping = 0.60; - /// md.comp.button.large.outlined.outline.width - static const double outlinedOutlineWidth = 2.00; + /// md.comp.button.large.pressed.container.corner-size.motion.spring.stiffness + static const double pressedContainerCornerSizeMotionSpringStiffness = 800.00; - /// md.comp.button.large.icon-label-space - static const double iconLabelSpace = 12.00; + /// md.comp.button.large.pressed.container.shape + static const ShapeStruct pressedContainerShape = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 16.00, + topRight: 16.00, + bottomLeft: 16.00, + bottomRight: 16.00, + ); /// md.comp.button.large.selected.container.shape.round static const ShapeStruct selectedContainerShapeRound = ShapeStruct( @@ -79,15 +79,15 @@ class TokenButtonLarge { bottomRight: 28.00, ); - /// md.comp.button.large.icon.size - static const double iconSize = 32.00; - - /// md.comp.button.large.container.shape.square - static const ShapeStruct containerShapeSquare = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 28.00, - topRight: 28.00, - bottomLeft: 28.00, - bottomRight: 28.00, + /// md.comp.button.large.selected.container.shape.square + static const ShapeStruct selectedContainerShapeSquare = ShapeStruct( + family: 'SHAPE_FAMILY_CIRCULAR', + topLeft: 0.00, + topRight: 0.00, + bottomLeft: 0.00, + bottomRight: 0.00, ); + + /// md.comp.button.large.trailing-space + static const double trailingSpace = 48.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/button_medium.dart b/packages/material_ui/tool/gen_defaults/data/button_medium.dart index c25472901efa..fb5588669407 100644 --- a/packages/material_ui/tool/gen_defaults/data/button_medium.dart +++ b/packages/material_ui/tool/gen_defaults/data/button_medium.dart @@ -10,53 +10,56 @@ class TokenButtonMedium { /// md.comp.button.medium.container.height static const double containerHeight = 56.00; - /// md.comp.button.medium.leading-space - static const double leadingSpace = 24.00; + /// md.comp.button.medium.container.shape.round + static const ShapeStruct containerShapeRound = ShapeStruct( + family: 'SHAPE_FAMILY_CIRCULAR', + topLeft: 0.00, + topRight: 0.00, + bottomLeft: 0.00, + bottomRight: 0.00, + ); - /// md.comp.button.medium.outlined.outline.width - static const double outlinedOutlineWidth = 1.00; + /// md.comp.button.medium.container.shape.square + static const ShapeStruct containerShapeSquare = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 16.00, + topRight: 16.00, + bottomLeft: 16.00, + bottomRight: 16.00, + ); + + /// md.comp.button.medium.icon-label-space + static const double iconLabelSpace = 8.00; + + /// md.comp.button.medium.icon.size + static const double iconSize = 24.00; /// md.comp.button.medium.label-text - static const double labelTextFontSize = 16.00; + static const String labelTextFontFamily = 'Roboto'; /// md.comp.button.medium.label-text - static const double labelTextFontWeight = 500; + static const double labelTextFontSize = 16.00; /// md.comp.button.medium.label-text - static const double labelTextLineHeight = 24.00; + static const double labelTextFontWeight = 500; /// md.comp.button.medium.label-text static const double labelTextLetterSpacing = 0.15; /// md.comp.button.medium.label-text - static const String labelTextFontFamily = 'Roboto'; - - /// md.comp.button.medium.selected.container.shape.round - static const ShapeStruct selectedContainerShapeRound = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 16.00, - topRight: 16.00, - bottomLeft: 16.00, - bottomRight: 16.00, - ); + static const double labelTextLineHeight = 24.00; - /// md.comp.button.medium.pressed.container.corner-size.motion.spring.stiffness - static const double pressedContainerCornerSizeMotionSpringStiffness = 800.00; + /// md.comp.button.medium.leading-space + static const double leadingSpace = 24.00; - /// md.comp.button.medium.icon.size - static const double iconSize = 24.00; + /// md.comp.button.medium.outlined.outline.width + static const double outlinedOutlineWidth = 1.00; - /// md.comp.button.medium.container.shape.round - static const ShapeStruct containerShapeRound = ShapeStruct( - family: 'SHAPE_FAMILY_CIRCULAR', - topLeft: 0.00, - topRight: 0.00, - bottomLeft: 0.00, - bottomRight: 0.00, - ); + /// md.comp.button.medium.pressed.container.corner-size.motion.spring.damping + static const double pressedContainerCornerSizeMotionSpringDamping = 0.60; - /// md.comp.button.medium.trailing-space - static const double trailingSpace = 24.00; + /// md.comp.button.medium.pressed.container.corner-size.motion.spring.stiffness + static const double pressedContainerCornerSizeMotionSpringStiffness = 800.00; /// md.comp.button.medium.pressed.container.shape static const ShapeStruct pressedContainerShape = ShapeStruct( @@ -67,14 +70,8 @@ class TokenButtonMedium { bottomRight: 12.00, ); - /// md.comp.button.medium.pressed.container.corner-size.motion.spring.damping - static const double pressedContainerCornerSizeMotionSpringDamping = 0.60; - - /// md.comp.button.medium.icon-label-space - static const double iconLabelSpace = 8.00; - - /// md.comp.button.medium.container.shape.square - static const ShapeStruct containerShapeSquare = ShapeStruct( + /// md.comp.button.medium.selected.container.shape.round + static const ShapeStruct selectedContainerShapeRound = ShapeStruct( family: 'SHAPE_FAMILY_ROUNDED_CORNERS', topLeft: 16.00, topRight: 16.00, @@ -90,4 +87,7 @@ class TokenButtonMedium { bottomLeft: 0.00, bottomRight: 0.00, ); + + /// md.comp.button.medium.trailing-space + static const double trailingSpace = 24.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/button_outlined.dart b/packages/material_ui/tool/gen_defaults/data/button_outlined.dart index c4df30dd11e8..38dc640faf9a 100644 --- a/packages/material_ui/tool/gen_defaults/data/button_outlined.dart +++ b/packages/material_ui/tool/gen_defaults/data/button_outlined.dart @@ -7,200 +7,159 @@ import 'color_role.dart'; class TokenButtonOutlined { - /// md.comp.button.outlined.selected.hovered.label-text.color - static const TokenColorRole selectedHoveredLabelTextColor = - TokenColorRole.inverseOnSurface; + /// md.comp.button.outlined.disabled.container.opacity + static const double disabledContainerOpacity = 0.10; - /// md.comp.button.outlined.selected.hovered.state-layer.color - static const TokenColorRole selectedHoveredStateLayerColor = - TokenColorRole.inverseOnSurface; + /// md.comp.button.outlined.disabled.icon.color + static const TokenColorRole disabledIconColor = TokenColorRole.onSurface; - /// md.comp.button.outlined.selected.focused.label-text.color - static const TokenColorRole selectedFocusedLabelTextColor = - TokenColorRole.inverseOnSurface; + /// md.comp.button.outlined.disabled.icon.opacity + static const double disabledIconOpacity = 0.38; - /// md.comp.button.outlined.disabled.outline.color - static const TokenColorRole disabledOutlineColor = - TokenColorRole.outlineVariant; + /// md.comp.button.outlined.disabled.label-text.color + static const TokenColorRole disabledLabelTextColor = TokenColorRole.onSurface; /// md.comp.button.outlined.disabled.label-text.opacity static const double disabledLabelTextOpacity = 0.38; - /// md.comp.button.outlined.disabled.icon.color - static const TokenColorRole disabledIconColor = TokenColorRole.onSurface; + /// md.comp.button.outlined.disabled.outline.color + static const TokenColorRole disabledOutlineColor = TokenColorRole.outlineVariant; - /// md.comp.button.outlined.hovered.outline.color - static const TokenColorRole hoveredOutlineColor = - TokenColorRole.outlineVariant; + /// md.comp.button.outlined.focused.icon.color + static const TokenColorRole focusedIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.button.outlined.selected.pressed.state-layer.color - static const TokenColorRole selectedPressedStateLayerColor = - TokenColorRole.inverseOnSurface; + /// md.comp.button.outlined.focused.label-text.color + static const TokenColorRole focusedLabelTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.button.outlined.icon.color - static const TokenColorRole iconColor = TokenColorRole.onSurfaceVariant; + /// md.comp.button.outlined.focused.outline.color + static const TokenColorRole focusedOutlineColor = TokenColorRole.outlineVariant; - /// md.comp.button.outlined.unselected.focused.icon.color - static const TokenColorRole unselectedFocusedIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.button.outlined.focused.state-layer.color + static const TokenColorRole focusedStateLayerColor = TokenColorRole.onSurfaceVariant; - /// md.comp.button.outlined.pressed.label-text.color - static const TokenColorRole pressedLabelTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.button.outlined.focused.state-layer.opacity + static const double focusedStateLayerOpacity = 0.10; - /// md.comp.button.outlined.outline.color - static const TokenColorRole outlineColor = TokenColorRole.outlineVariant; + /// md.comp.button.outlined.hovered.icon.color + static const TokenColorRole hoveredIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.button.outlined.selected.focused.state-layer.color - static const TokenColorRole selectedFocusedStateLayerColor = - TokenColorRole.inverseOnSurface; + /// md.comp.button.outlined.hovered.label-text.color + static const TokenColorRole hoveredLabelTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.button.outlined.focused.outline.color - static const TokenColorRole focusedOutlineColor = - TokenColorRole.outlineVariant; + /// md.comp.button.outlined.hovered.outline.color + static const TokenColorRole hoveredOutlineColor = TokenColorRole.outlineVariant; - /// md.comp.button.outlined.unselected.hovered.label-text.color - static const TokenColorRole unselectedHoveredLabelTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.button.outlined.hovered.state-layer.color + static const TokenColorRole hoveredStateLayerColor = TokenColorRole.onSurfaceVariant; /// md.comp.button.outlined.hovered.state-layer.opacity static const double hoveredStateLayerOpacity = 0.08; - /// md.comp.button.outlined.unselected.hovered.outline.color - static const TokenColorRole unselectedHoveredOutlineColor = - TokenColorRole.outlineVariant; + /// md.comp.button.outlined.icon.color + static const TokenColorRole iconColor = TokenColorRole.onSurfaceVariant; /// md.comp.button.outlined.label-text.color static const TokenColorRole labelTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.button.outlined.unselected.focused.label-text.color - static const TokenColorRole unselectedFocusedLabelTextColor = - TokenColorRole.onSurfaceVariant; - - /// md.comp.button.outlined.unselected.pressed.state-layer.color - static const TokenColorRole unselectedPressedStateLayerColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.button.outlined.outline.color + static const TokenColorRole outlineColor = TokenColorRole.outlineVariant; - /// md.comp.button.outlined.pressed.state-layer.color - static const TokenColorRole pressedStateLayerColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.button.outlined.pressed.icon.color + static const TokenColorRole pressedIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.button.outlined.unselected.hovered.state-layer.color - static const TokenColorRole unselectedHoveredStateLayerColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.button.outlined.pressed.label-text.color + static const TokenColorRole pressedLabelTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.button.outlined.disabled.label-text.color - static const TokenColorRole disabledLabelTextColor = TokenColorRole.onSurface; + /// md.comp.button.outlined.pressed.outline.color + static const TokenColorRole pressedOutlineColor = TokenColorRole.outlineVariant; - /// md.comp.button.outlined.selected.pressed.icon.color - static const TokenColorRole selectedPressedIconColor = - TokenColorRole.inverseOnSurface; + /// md.comp.button.outlined.pressed.state-layer.color + static const TokenColorRole pressedStateLayerColor = TokenColorRole.onSurfaceVariant; - /// md.comp.button.outlined.focused.label-text.color - static const TokenColorRole focusedLabelTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.button.outlined.pressed.state-layer.opacity + static const double pressedStateLayerOpacity = 0.10; - /// md.comp.button.outlined.selected.focused.icon.color - static const TokenColorRole selectedFocusedIconColor = - TokenColorRole.inverseOnSurface; + /// md.comp.button.outlined.selected.container.color + static const TokenColorRole selectedContainerColor = TokenColorRole.inverseSurface; /// md.comp.button.outlined.selected.disabled.container.color - static const TokenColorRole selectedDisabledContainerColor = - TokenColorRole.onSurface; - - /// md.comp.button.outlined.selected.label-text.color - static const TokenColorRole selectedLabelTextColor = - TokenColorRole.inverseOnSurface; + static const TokenColorRole selectedDisabledContainerColor = TokenColorRole.onSurface; - /// md.comp.button.outlined.focused.state-layer.opacity - static const double focusedStateLayerOpacity = 0.10; + /// md.comp.button.outlined.selected.focused.icon.color + static const TokenColorRole selectedFocusedIconColor = TokenColorRole.inverseOnSurface; - /// md.comp.button.outlined.pressed.icon.color - static const TokenColorRole pressedIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.button.outlined.selected.focused.label-text.color + static const TokenColorRole selectedFocusedLabelTextColor = TokenColorRole.inverseOnSurface; - /// md.comp.button.outlined.unselected.focused.outline.color - static const TokenColorRole unselectedFocusedOutlineColor = - TokenColorRole.outlineVariant; + /// md.comp.button.outlined.selected.focused.state-layer.color + static const TokenColorRole selectedFocusedStateLayerColor = TokenColorRole.inverseOnSurface; - /// md.comp.button.outlined.pressed.outline.color - static const TokenColorRole pressedOutlineColor = - TokenColorRole.outlineVariant; + /// md.comp.button.outlined.selected.hovered.icon.color + static const TokenColorRole selectedHoveredIconColor = TokenColorRole.inverseOnSurface; - /// md.comp.button.outlined.selected.pressed.label-text.color - static const TokenColorRole selectedPressedLabelTextColor = - TokenColorRole.inverseOnSurface; + /// md.comp.button.outlined.selected.hovered.label-text.color + static const TokenColorRole selectedHoveredLabelTextColor = TokenColorRole.inverseOnSurface; - /// md.comp.button.outlined.unselected.hovered.icon.color - static const TokenColorRole unselectedHoveredIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.button.outlined.selected.hovered.state-layer.color + static const TokenColorRole selectedHoveredStateLayerColor = TokenColorRole.inverseOnSurface; /// md.comp.button.outlined.selected.icon.color - static const TokenColorRole selectedIconColor = - TokenColorRole.inverseOnSurface; + static const TokenColorRole selectedIconColor = TokenColorRole.inverseOnSurface; - /// md.comp.button.outlined.hovered.label-text.color - static const TokenColorRole hoveredLabelTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.button.outlined.selected.label-text.color + static const TokenColorRole selectedLabelTextColor = TokenColorRole.inverseOnSurface; - /// md.comp.button.outlined.selected.container.color - static const TokenColorRole selectedContainerColor = - TokenColorRole.inverseSurface; + /// md.comp.button.outlined.selected.pressed.icon.color + static const TokenColorRole selectedPressedIconColor = TokenColorRole.inverseOnSurface; - /// md.comp.button.outlined.disabled.container.opacity - static const double disabledContainerOpacity = 0.10; + /// md.comp.button.outlined.selected.pressed.label-text.color + static const TokenColorRole selectedPressedLabelTextColor = TokenColorRole.inverseOnSurface; - /// md.comp.button.outlined.unselected.pressed.outline.color - static const TokenColorRole unselectedPressedOutlineColor = - TokenColorRole.outlineVariant; + /// md.comp.button.outlined.selected.pressed.state-layer.color + static const TokenColorRole selectedPressedStateLayerColor = TokenColorRole.inverseOnSurface; - /// md.comp.button.outlined.hovered.icon.color - static const TokenColorRole hoveredIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.button.outlined.unselected.disabled.outline.color + static const TokenColorRole unselectedDisabledOutlineColor = TokenColorRole.outlineVariant; - /// md.comp.button.outlined.disabled.icon.opacity - static const double disabledIconOpacity = 0.38; + /// md.comp.button.outlined.unselected.focused.icon.color + static const TokenColorRole unselectedFocusedIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.button.outlined.unselected.pressed.label-text.color - static const TokenColorRole unselectedPressedLabelTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.button.outlined.unselected.focused.label-text.color + static const TokenColorRole unselectedFocusedLabelTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.button.outlined.unselected.pressed.icon.color - static const TokenColorRole unselectedPressedIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.button.outlined.unselected.focused.outline.color + static const TokenColorRole unselectedFocusedOutlineColor = TokenColorRole.outlineVariant; - /// md.comp.button.outlined.pressed.state-layer.opacity - static const double pressedStateLayerOpacity = 0.10; + /// md.comp.button.outlined.unselected.focused.state-layer.color + static const TokenColorRole unselectedFocusedStateLayerColor = TokenColorRole.onSurfaceVariant; - /// md.comp.button.outlined.selected.hovered.icon.color - static const TokenColorRole selectedHoveredIconColor = - TokenColorRole.inverseOnSurface; + /// md.comp.button.outlined.unselected.hovered.icon.color + static const TokenColorRole unselectedHoveredIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.button.outlined.focused.state-layer.color - static const TokenColorRole focusedStateLayerColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.button.outlined.unselected.hovered.label-text.color + static const TokenColorRole unselectedHoveredLabelTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.button.outlined.unselected.focused.state-layer.color - static const TokenColorRole unselectedFocusedStateLayerColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.button.outlined.unselected.hovered.outline.color + static const TokenColorRole unselectedHoveredOutlineColor = TokenColorRole.outlineVariant; - /// md.comp.button.outlined.unselected.label-text.color - static const TokenColorRole unselectedLabelTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.button.outlined.unselected.hovered.state-layer.color + static const TokenColorRole unselectedHoveredStateLayerColor = TokenColorRole.onSurfaceVariant; /// md.comp.button.outlined.unselected.icon.color - static const TokenColorRole unselectedIconColor = - TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.button.outlined.focused.icon.color - static const TokenColorRole focusedIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.button.outlined.unselected.label-text.color + static const TokenColorRole unselectedLabelTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.button.outlined.unselected.disabled.outline.color - static const TokenColorRole unselectedDisabledOutlineColor = - TokenColorRole.outlineVariant; + /// md.comp.button.outlined.unselected.pressed.icon.color + static const TokenColorRole unselectedPressedIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.button.outlined.hovered.state-layer.color - static const TokenColorRole hoveredStateLayerColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.button.outlined.unselected.pressed.label-text.color + static const TokenColorRole unselectedPressedLabelTextColor = TokenColorRole.onSurfaceVariant; + + /// md.comp.button.outlined.unselected.pressed.outline.color + static const TokenColorRole unselectedPressedOutlineColor = TokenColorRole.outlineVariant; + + /// md.comp.button.outlined.unselected.pressed.state-layer.color + static const TokenColorRole unselectedPressedStateLayerColor = TokenColorRole.onSurfaceVariant; } diff --git a/packages/material_ui/tool/gen_defaults/data/button_small.dart b/packages/material_ui/tool/gen_defaults/data/button_small.dart index bc6cf9189d25..8cee205e1875 100644 --- a/packages/material_ui/tool/gen_defaults/data/button_small.dart +++ b/packages/material_ui/tool/gen_defaults/data/button_small.dart @@ -7,35 +7,59 @@ import 'shape_struct.dart'; class TokenButtonSmall { + /// md.comp.button.small.container.height + static const double containerHeight = 40.00; + + /// md.comp.button.small.container.shape.round + static const ShapeStruct containerShapeRound = ShapeStruct( + family: 'SHAPE_FAMILY_CIRCULAR', + topLeft: 0.00, + topRight: 0.00, + bottomLeft: 0.00, + bottomRight: 0.00, + ); + + /// md.comp.button.small.container.shape.square + static const ShapeStruct containerShapeSquare = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 12.00, + topRight: 12.00, + bottomLeft: 12.00, + bottomRight: 12.00, + ); + + /// md.comp.button.small.icon-label-space + static const double iconLabelSpace = 8.00; + + /// md.comp.button.small.icon.size + static const double iconSize = 20.00; + /// md.comp.button.small.label-text - static const double labelTextFontSize = 14.00; + static const String labelTextFontFamily = 'Roboto'; /// md.comp.button.small.label-text - static const double labelTextFontWeight = 500; + static const double labelTextFontSize = 14.00; /// md.comp.button.small.label-text - static const double labelTextLineHeight = 20.00; + static const double labelTextFontWeight = 500; /// md.comp.button.small.label-text static const double labelTextLetterSpacing = 0.10; /// md.comp.button.small.label-text - static const String labelTextFontFamily = 'Roboto'; + static const double labelTextLineHeight = 20.00; + + /// md.comp.button.small.leading-space + static const double leadingSpace = 16.00; + + /// md.comp.button.small.outlined.outline.width + static const double outlinedOutlineWidth = 1.00; /// md.comp.button.small.pressed.container.corner-size.motion.spring.damping static const double pressedContainerCornerSizeMotionSpringDamping = 0.60; - /// md.comp.button.small.icon-label-space - static const double iconLabelSpace = 8.00; - - /// md.comp.button.small.selected.container.shape.round - static const ShapeStruct selectedContainerShapeRound = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 12.00, - topRight: 12.00, - bottomLeft: 12.00, - bottomRight: 12.00, - ); + /// md.comp.button.small.pressed.container.corner-size.motion.spring.stiffness + static const double pressedContainerCornerSizeMotionSpringStiffness = 800.00; /// md.comp.button.small.pressed.container.shape static const ShapeStruct pressedContainerShape = ShapeStruct( @@ -46,6 +70,15 @@ class TokenButtonSmall { bottomRight: 8.00, ); + /// md.comp.button.small.selected.container.shape.round + static const ShapeStruct selectedContainerShapeRound = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 12.00, + topRight: 12.00, + bottomLeft: 12.00, + bottomRight: 12.00, + ); + /// md.comp.button.small.selected.container.shape.square static const ShapeStruct selectedContainerShapeSquare = ShapeStruct( family: 'SHAPE_FAMILY_CIRCULAR', @@ -57,37 +90,4 @@ class TokenButtonSmall { /// md.comp.button.small.trailing-space static const double trailingSpace = 16.00; - - /// md.comp.button.small.container.shape.round - static const ShapeStruct containerShapeRound = ShapeStruct( - family: 'SHAPE_FAMILY_CIRCULAR', - topLeft: 0.00, - topRight: 0.00, - bottomLeft: 0.00, - bottomRight: 0.00, - ); - - /// md.comp.button.small.container.height - static const double containerHeight = 40.00; - - /// md.comp.button.small.container.shape.square - static const ShapeStruct containerShapeSquare = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 12.00, - topRight: 12.00, - bottomLeft: 12.00, - bottomRight: 12.00, - ); - - /// md.comp.button.small.pressed.container.corner-size.motion.spring.stiffness - static const double pressedContainerCornerSizeMotionSpringStiffness = 800.00; - - /// md.comp.button.small.leading-space - static const double leadingSpace = 16.00; - - /// md.comp.button.small.outlined.outline.width - static const double outlinedOutlineWidth = 1.00; - - /// md.comp.button.small.icon.size - static const double iconSize = 20.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/button_text.dart b/packages/material_ui/tool/gen_defaults/data/button_text.dart index 187aa5a42d23..be591aae5dea 100644 --- a/packages/material_ui/tool/gen_defaults/data/button_text.dart +++ b/packages/material_ui/tool/gen_defaults/data/button_text.dart @@ -7,63 +7,63 @@ import 'color_role.dart'; class TokenButtonText { - /// md.comp.button.text.icon.color - static const TokenColorRole iconColor = TokenColorRole.primary; + /// md.comp.button.text.disabled.container.color + static const TokenColorRole disabledContainerColor = TokenColorRole.onSurface; - /// md.comp.button.text.pressed.state-layer.opacity - static const double pressedStateLayerOpacity = 0.10; + /// md.comp.button.text.disabled.container.opacity + static const double disabledContainerOpacity = 0.10; - /// md.comp.button.text.hovered.icon.color - static const TokenColorRole hoveredIconColor = TokenColorRole.primary; + /// md.comp.button.text.disabled.icon.color + static const TokenColorRole disabledIconColor = TokenColorRole.onSurface; - /// md.comp.button.text.hovered.label-text.color - static const TokenColorRole hoveredLabelTextColor = TokenColorRole.primary; + /// md.comp.button.text.disabled.icon.opacity + static const double disabledIconOpacity = 0.38; - /// md.comp.button.text.disabled.container.opacity - static const double disabledContainerOpacity = 0.10; + /// md.comp.button.text.disabled.label-text.color + static const TokenColorRole disabledLabelTextColor = TokenColorRole.onSurface; - /// md.comp.button.text.focused.state-layer.opacity - static const double focusedStateLayerOpacity = 0.10; + /// md.comp.button.text.disabled.label-text.opacity + static const double disabledLabelTextOpacity = 0.38; - /// md.comp.button.text.pressed.state-layer.color - static const TokenColorRole pressedStateLayerColor = TokenColorRole.primary; + /// md.comp.button.text.focused.icon.color + static const TokenColorRole focusedIconColor = TokenColorRole.primary; + + /// md.comp.button.text.focused.label-text.color + static const TokenColorRole focusedLabelTextColor = TokenColorRole.primary; /// md.comp.button.text.focused.state-layer.color static const TokenColorRole focusedStateLayerColor = TokenColorRole.primary; - /// md.comp.button.text.hovered.state-layer.color - static const TokenColorRole hoveredStateLayerColor = TokenColorRole.primary; + /// md.comp.button.text.focused.state-layer.opacity + static const double focusedStateLayerOpacity = 0.10; - /// md.comp.button.text.label-text.color - static const TokenColorRole labelTextColor = TokenColorRole.primary; + /// md.comp.button.text.hovered.icon.color + static const TokenColorRole hoveredIconColor = TokenColorRole.primary; - /// md.comp.button.text.disabled.icon.color - static const TokenColorRole disabledIconColor = TokenColorRole.onSurface; + /// md.comp.button.text.hovered.label-text.color + static const TokenColorRole hoveredLabelTextColor = TokenColorRole.primary; + + /// md.comp.button.text.hovered.state-layer.color + static const TokenColorRole hoveredStateLayerColor = TokenColorRole.primary; /// md.comp.button.text.hovered.state-layer.opacity static const double hoveredStateLayerOpacity = 0.08; - /// md.comp.button.text.pressed.label-text.color - static const TokenColorRole pressedLabelTextColor = TokenColorRole.primary; - - /// md.comp.button.text.disabled.label-text.color - static const TokenColorRole disabledLabelTextColor = TokenColorRole.onSurface; - - /// md.comp.button.text.focused.label-text.color - static const TokenColorRole focusedLabelTextColor = TokenColorRole.primary; + /// md.comp.button.text.icon.color + static const TokenColorRole iconColor = TokenColorRole.primary; - /// md.comp.button.text.disabled.label-text.opacity - static const double disabledLabelTextOpacity = 0.38; + /// md.comp.button.text.label-text.color + static const TokenColorRole labelTextColor = TokenColorRole.primary; /// md.comp.button.text.pressed.icon.color static const TokenColorRole pressedIconColor = TokenColorRole.primary; - /// md.comp.button.text.disabled.icon.opacity - static const double disabledIconOpacity = 0.38; + /// md.comp.button.text.pressed.label-text.color + static const TokenColorRole pressedLabelTextColor = TokenColorRole.primary; - /// md.comp.button.text.focused.icon.color - static const TokenColorRole focusedIconColor = TokenColorRole.primary; + /// md.comp.button.text.pressed.state-layer.color + static const TokenColorRole pressedStateLayerColor = TokenColorRole.primary; - /// md.comp.button.text.disabled.container.color - static const TokenColorRole disabledContainerColor = TokenColorRole.onSurface; + /// md.comp.button.text.pressed.state-layer.opacity + static const double pressedStateLayerOpacity = 0.10; } diff --git a/packages/material_ui/tool/gen_defaults/data/button_tonal.dart b/packages/material_ui/tool/gen_defaults/data/button_tonal.dart index feba811b4042..2aaa6a2b7300 100644 --- a/packages/material_ui/tool/gen_defaults/data/button_tonal.dart +++ b/packages/material_ui/tool/gen_defaults/data/button_tonal.dart @@ -7,186 +7,156 @@ import 'color_role.dart'; class TokenButtonTonal { - /// md.comp.button.tonal.selected.focused.icon.color - static const TokenColorRole selectedFocusedIconColor = - TokenColorRole.onSecondary; - - /// md.comp.button.tonal.unselected.pressed.state-layer.color - static const TokenColorRole unselectedPressedStateLayerColor = - TokenColorRole.onSecondaryContainer; - - /// md.comp.button.tonal.focused.container.elevation - static const double focusedContainerElevation = 0.00; - - /// md.comp.button.tonal.hovered.state-layer.opacity - static const double hoveredStateLayerOpacity = 0.08; - - /// md.comp.button.tonal.hovered.state-layer.color - static const TokenColorRole hoveredStateLayerColor = - TokenColorRole.onSecondaryContainer; - - /// md.comp.button.tonal.focused.state-layer.color - static const TokenColorRole focusedStateLayerColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.button.tonal.container.color + static const TokenColorRole containerColor = TokenColorRole.secondaryContainer; - /// md.comp.button.tonal.selected.label-text.color - static const TokenColorRole selectedLabelTextColor = - TokenColorRole.onSecondary; + /// md.comp.button.tonal.container.elevation + static const double containerElevation = 0.00; - /// md.comp.button.tonal.selected.icon.color - static const TokenColorRole selectedIconColor = TokenColorRole.onSecondary; + /// md.comp.button.tonal.container.shadow-color + static const TokenColorRole containerShadowColor = TokenColorRole.shadow; - /// md.comp.button.tonal.selected.focused.label-text.color - static const TokenColorRole selectedFocusedLabelTextColor = - TokenColorRole.onSecondary; + /// md.comp.button.tonal.disabled.container.color + static const TokenColorRole disabledContainerColor = TokenColorRole.onSurface; /// md.comp.button.tonal.disabled.container.elevation static const double disabledContainerElevation = 0.00; + /// md.comp.button.tonal.disabled.container.opacity + static const double disabledContainerOpacity = 0.10; + + /// md.comp.button.tonal.disabled.icon.color + static const TokenColorRole disabledIconColor = TokenColorRole.onSurface; + /// md.comp.button.tonal.disabled.icon.opacity static const double disabledIconOpacity = 0.38; - /// md.comp.button.tonal.selected.hovered.icon.color - static const TokenColorRole selectedHoveredIconColor = - TokenColorRole.onSecondary; + /// md.comp.button.tonal.disabled.label-text.color + static const TokenColorRole disabledLabelTextColor = TokenColorRole.onSurface; /// md.comp.button.tonal.disabled.label-text.opacity static const double disabledLabelTextOpacity = 0.38; - /// md.comp.button.tonal.unselected.focused.label-text.color - static const TokenColorRole unselectedFocusedLabelTextColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.button.tonal.focused.container.elevation + static const double focusedContainerElevation = 0.00; - /// md.comp.button.tonal.unselected.hovered.state-layer.color - static const TokenColorRole unselectedHoveredStateLayerColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.button.tonal.focused.icon.color + static const TokenColorRole focusedIconColor = TokenColorRole.onSecondaryContainer; - /// md.comp.button.tonal.label-text.color - static const TokenColorRole labelTextColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.button.tonal.focused.label-text.color + static const TokenColorRole focusedLabelTextColor = TokenColorRole.onSecondaryContainer; - /// md.comp.button.tonal.pressed.state-layer.color - static const TokenColorRole pressedStateLayerColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.button.tonal.focused.state-layer.color + static const TokenColorRole focusedStateLayerColor = TokenColorRole.onSecondaryContainer; - /// md.comp.button.tonal.selected.pressed.state-layer.color - static const TokenColorRole selectedPressedStateLayerColor = - TokenColorRole.onSecondary; + /// md.comp.button.tonal.focused.state-layer.opacity + static const double focusedStateLayerOpacity = 0.10; - /// md.comp.button.tonal.disabled.label-text.color - static const TokenColorRole disabledLabelTextColor = TokenColorRole.onSurface; + /// md.comp.button.tonal.hovered.icon.color + static const TokenColorRole hoveredIconColor = TokenColorRole.onSecondaryContainer; - /// md.comp.button.tonal.unselected.icon.color - static const TokenColorRole unselectedIconColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.button.tonal.hovered.label-text.color + static const TokenColorRole hoveredLabelTextColor = TokenColorRole.onSecondaryContainer; + + /// md.comp.button.tonal.hovered.state-layer.color + static const TokenColorRole hoveredStateLayerColor = TokenColorRole.onSecondaryContainer; + + /// md.comp.button.tonal.hovered.state-layer.opacity + static const double hoveredStateLayerOpacity = 0.08; /// md.comp.button.tonal.icon.color static const TokenColorRole iconColor = TokenColorRole.onSecondaryContainer; - /// md.comp.button.tonal.unselected.hovered.icon.color - static const TokenColorRole unselectedHoveredIconColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.button.tonal.label-text.color + static const TokenColorRole labelTextColor = TokenColorRole.onSecondaryContainer; - /// md.comp.button.tonal.unselected.container.color - static const TokenColorRole unselectedContainerColor = - TokenColorRole.secondaryContainer; + /// md.comp.button.tonal.pressed.container.elevation + static const double pressedContainerElevation = 0.00; - /// md.comp.button.tonal.hovered.label-text.color - static const TokenColorRole hoveredLabelTextColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.button.tonal.pressed.icon.color + static const TokenColorRole pressedIconColor = TokenColorRole.onSecondaryContainer; - /// md.comp.button.tonal.unselected.hovered.label-text.color - static const TokenColorRole unselectedHoveredLabelTextColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.button.tonal.pressed.label-text.color + static const TokenColorRole pressedLabelTextColor = TokenColorRole.onSecondaryContainer; - /// md.comp.button.tonal.container.shadow-color - static const TokenColorRole containerShadowColor = TokenColorRole.shadow; + /// md.comp.button.tonal.pressed.state-layer.color + static const TokenColorRole pressedStateLayerColor = TokenColorRole.onSecondaryContainer; - /// md.comp.button.tonal.selected.pressed.label-text.color - static const TokenColorRole selectedPressedLabelTextColor = - TokenColorRole.onSecondary; + /// md.comp.button.tonal.pressed.state-layer.opacity + static const double pressedStateLayerOpacity = 0.10; - /// md.comp.button.tonal.unselected.label-text.color - static const TokenColorRole unselectedLabelTextColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.button.tonal.selected.container.color + static const TokenColorRole selectedContainerColor = TokenColorRole.secondary; - /// md.comp.button.tonal.focused.label-text.color - static const TokenColorRole focusedLabelTextColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.button.tonal.selected.focused.icon.color + static const TokenColorRole selectedFocusedIconColor = TokenColorRole.onSecondary; - /// md.comp.button.tonal.disabled.icon.color - static const TokenColorRole disabledIconColor = TokenColorRole.onSurface; + /// md.comp.button.tonal.selected.focused.label-text.color + static const TokenColorRole selectedFocusedLabelTextColor = TokenColorRole.onSecondary; - /// md.comp.button.tonal.selected.container.color - static const TokenColorRole selectedContainerColor = TokenColorRole.secondary; + /// md.comp.button.tonal.selected.focused.state-layer.color + static const TokenColorRole selectedFocusedStateLayerColor = TokenColorRole.onSecondary; - /// md.comp.button.tonal.disabled.container.color - static const TokenColorRole disabledContainerColor = TokenColorRole.onSurface; + /// md.comp.button.tonal.selected.hovered.icon.color + static const TokenColorRole selectedHoveredIconColor = TokenColorRole.onSecondary; - /// md.comp.button.tonal.unselected.pressed.icon.color - static const TokenColorRole unselectedPressedIconColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.button.tonal.selected.hovered.label-text.color + static const TokenColorRole selectedHoveredLabelTextColor = TokenColorRole.onSecondary; - /// md.comp.button.tonal.container.elevation - static const double containerElevation = 0.00; + /// md.comp.button.tonal.selected.hovered.state-layer.color + static const TokenColorRole selectedHoveredStateLayerColor = TokenColorRole.onSecondary; + + /// md.comp.button.tonal.selected.icon.color + static const TokenColorRole selectedIconColor = TokenColorRole.onSecondary; + + /// md.comp.button.tonal.selected.label-text.color + static const TokenColorRole selectedLabelTextColor = TokenColorRole.onSecondary; /// md.comp.button.tonal.selected.pressed.icon.color - static const TokenColorRole selectedPressedIconColor = - TokenColorRole.onSecondary; + static const TokenColorRole selectedPressedIconColor = TokenColorRole.onSecondary; - /// md.comp.button.tonal.selected.hovered.state-layer.color - static const TokenColorRole selectedHoveredStateLayerColor = - TokenColorRole.onSecondary; + /// md.comp.button.tonal.selected.pressed.label-text.color + static const TokenColorRole selectedPressedLabelTextColor = TokenColorRole.onSecondary; - /// md.comp.button.tonal.unselected.pressed.label-text.color - static const TokenColorRole unselectedPressedLabelTextColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.button.tonal.selected.pressed.state-layer.color + static const TokenColorRole selectedPressedStateLayerColor = TokenColorRole.onSecondary; - /// md.comp.button.tonal.focused.state-layer.opacity - static const double focusedStateLayerOpacity = 0.10; + /// md.comp.button.tonal.unselected.container.color + static const TokenColorRole unselectedContainerColor = TokenColorRole.secondaryContainer; - /// md.comp.button.tonal.container.color - static const TokenColorRole containerColor = - TokenColorRole.secondaryContainer; + /// md.comp.button.tonal.unselected.focused.icon.color + static const TokenColorRole unselectedFocusedIconColor = TokenColorRole.onSecondaryContainer; + + /// md.comp.button.tonal.unselected.focused.label-text.color + static const TokenColorRole unselectedFocusedLabelTextColor = TokenColorRole.onSecondaryContainer; /// md.comp.button.tonal.unselected.focused.state-layer.color static const TokenColorRole unselectedFocusedStateLayerColor = TokenColorRole.onSecondaryContainer; - /// md.comp.button.tonal.hovered.icon.color - static const TokenColorRole hoveredIconColor = - TokenColorRole.onSecondaryContainer; - - /// md.comp.button.tonal.selected.focused.state-layer.color - static const TokenColorRole selectedFocusedStateLayerColor = - TokenColorRole.onSecondary; + /// md.comp.button.tonal.unselected.hovered.icon.color + static const TokenColorRole unselectedHoveredIconColor = TokenColorRole.onSecondaryContainer; - /// md.comp.button.tonal.disabled.container.opacity - static const double disabledContainerOpacity = 0.10; + /// md.comp.button.tonal.unselected.hovered.label-text.color + static const TokenColorRole unselectedHoveredLabelTextColor = TokenColorRole.onSecondaryContainer; - /// md.comp.button.tonal.unselected.focused.icon.color - static const TokenColorRole unselectedFocusedIconColor = + /// md.comp.button.tonal.unselected.hovered.state-layer.color + static const TokenColorRole unselectedHoveredStateLayerColor = TokenColorRole.onSecondaryContainer; - /// md.comp.button.tonal.selected.hovered.label-text.color - static const TokenColorRole selectedHoveredLabelTextColor = - TokenColorRole.onSecondary; - - /// md.comp.button.tonal.pressed.state-layer.opacity - static const double pressedStateLayerOpacity = 0.10; + /// md.comp.button.tonal.unselected.icon.color + static const TokenColorRole unselectedIconColor = TokenColorRole.onSecondaryContainer; - /// md.comp.button.tonal.pressed.container.elevation - static const double pressedContainerElevation = 0.00; + /// md.comp.button.tonal.unselected.label-text.color + static const TokenColorRole unselectedLabelTextColor = TokenColorRole.onSecondaryContainer; - /// md.comp.button.tonal.focused.icon.color - static const TokenColorRole focusedIconColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.button.tonal.unselected.pressed.icon.color + static const TokenColorRole unselectedPressedIconColor = TokenColorRole.onSecondaryContainer; - /// md.comp.button.tonal.pressed.icon.color - static const TokenColorRole pressedIconColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.button.tonal.unselected.pressed.label-text.color + static const TokenColorRole unselectedPressedLabelTextColor = TokenColorRole.onSecondaryContainer; - /// md.comp.button.tonal.pressed.label-text.color - static const TokenColorRole pressedLabelTextColor = + /// md.comp.button.tonal.unselected.pressed.state-layer.color + static const TokenColorRole unselectedPressedStateLayerColor = TokenColorRole.onSecondaryContainer; } diff --git a/packages/material_ui/tool/gen_defaults/data/button_xlarge.dart b/packages/material_ui/tool/gen_defaults/data/button_xlarge.dart index 79dd3d0c89f2..6a3281b0864a 100644 --- a/packages/material_ui/tool/gen_defaults/data/button_xlarge.dart +++ b/packages/material_ui/tool/gen_defaults/data/button_xlarge.dart @@ -7,25 +7,16 @@ import 'shape_struct.dart'; class TokenButtonXlarge { - /// md.comp.button.xlarge.trailing-space - static const double trailingSpace = 64.00; - - /// md.comp.button.xlarge.pressed.container.shape - static const ShapeStruct pressedContainerShape = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 16.00, - topRight: 16.00, - bottomLeft: 16.00, - bottomRight: 16.00, - ); + /// md.comp.button.xlarge.container.height + static const double containerHeight = 136.00; - /// md.comp.button.xlarge.selected.container.shape.round - static const ShapeStruct selectedContainerShapeRound = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 28.00, - topRight: 28.00, - bottomLeft: 28.00, - bottomRight: 28.00, + /// md.comp.button.xlarge.container.shape.round + static const ShapeStruct containerShapeRound = ShapeStruct( + family: 'SHAPE_FAMILY_CIRCULAR', + topLeft: 0.00, + topRight: 0.00, + bottomLeft: 0.00, + bottomRight: 0.00, ); /// md.comp.button.xlarge.container.shape.square @@ -37,41 +28,14 @@ class TokenButtonXlarge { bottomRight: 28.00, ); - /// md.comp.button.xlarge.pressed.container.corner-size.motion.spring.stiffness - static const double pressedContainerCornerSizeMotionSpringStiffness = 800.00; - - /// md.comp.button.xlarge.pressed.container.corner-size.motion.spring.damping - static const double pressedContainerCornerSizeMotionSpringDamping = 0.60; - - /// md.comp.button.xlarge.container.height - static const double containerHeight = 136.00; - - /// md.comp.button.xlarge.outlined.outline.width - static const double outlinedOutlineWidth = 3.00; - - /// md.comp.button.xlarge.selected.container.shape.square - static const ShapeStruct selectedContainerShapeSquare = ShapeStruct( - family: 'SHAPE_FAMILY_CIRCULAR', - topLeft: 0.00, - topRight: 0.00, - bottomLeft: 0.00, - bottomRight: 0.00, - ); + /// md.comp.button.xlarge.icon-label-space + static const double iconLabelSpace = 16.00; /// md.comp.button.xlarge.icon.size static const double iconSize = 40.00; - /// md.comp.button.xlarge.leading-space - static const double leadingSpace = 64.00; - - /// md.comp.button.xlarge.container.shape.round - static const ShapeStruct containerShapeRound = ShapeStruct( - family: 'SHAPE_FAMILY_CIRCULAR', - topLeft: 0.00, - topRight: 0.00, - bottomLeft: 0.00, - bottomRight: 0.00, - ); + /// md.comp.button.xlarge.label-text + static const String labelTextFontFamily = 'Roboto'; /// md.comp.button.xlarge.label-text static const double labelTextFontSize = 32.00; @@ -79,15 +43,51 @@ class TokenButtonXlarge { /// md.comp.button.xlarge.label-text static const double labelTextFontWeight = 400; - /// md.comp.button.xlarge.label-text - static const double labelTextLineHeight = 40.00; - /// md.comp.button.xlarge.label-text static const double labelTextLetterSpacing = 0.00; /// md.comp.button.xlarge.label-text - static const String labelTextFontFamily = 'Roboto'; + static const double labelTextLineHeight = 40.00; - /// md.comp.button.xlarge.icon-label-space - static const double iconLabelSpace = 16.00; + /// md.comp.button.xlarge.leading-space + static const double leadingSpace = 64.00; + + /// md.comp.button.xlarge.outlined.outline.width + static const double outlinedOutlineWidth = 3.00; + + /// md.comp.button.xlarge.pressed.container.corner-size.motion.spring.damping + static const double pressedContainerCornerSizeMotionSpringDamping = 0.60; + + /// md.comp.button.xlarge.pressed.container.corner-size.motion.spring.stiffness + static const double pressedContainerCornerSizeMotionSpringStiffness = 800.00; + + /// md.comp.button.xlarge.pressed.container.shape + static const ShapeStruct pressedContainerShape = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 16.00, + topRight: 16.00, + bottomLeft: 16.00, + bottomRight: 16.00, + ); + + /// md.comp.button.xlarge.selected.container.shape.round + static const ShapeStruct selectedContainerShapeRound = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 28.00, + topRight: 28.00, + bottomLeft: 28.00, + bottomRight: 28.00, + ); + + /// md.comp.button.xlarge.selected.container.shape.square + static const ShapeStruct selectedContainerShapeSquare = ShapeStruct( + family: 'SHAPE_FAMILY_CIRCULAR', + topLeft: 0.00, + topRight: 0.00, + bottomLeft: 0.00, + bottomRight: 0.00, + ); + + /// md.comp.button.xlarge.trailing-space + static const double trailingSpace = 64.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/button_xsmall.dart b/packages/material_ui/tool/gen_defaults/data/button_xsmall.dart index 43696ab7d09a..84b9f76be3c8 100644 --- a/packages/material_ui/tool/gen_defaults/data/button_xsmall.dart +++ b/packages/material_ui/tool/gen_defaults/data/button_xsmall.dart @@ -7,22 +7,16 @@ import 'shape_struct.dart'; class TokenButtonXsmall { - /// md.comp.button.xsmall.pressed.container.shape - static const ShapeStruct pressedContainerShape = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 8.00, - topRight: 8.00, - bottomLeft: 8.00, - bottomRight: 8.00, - ); + /// md.comp.button.xsmall.container.height + static const double containerHeight = 32.00; - /// md.comp.button.xsmall.selected.container.shape.round - static const ShapeStruct selectedContainerShapeRound = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 12.00, - topRight: 12.00, - bottomLeft: 12.00, - bottomRight: 12.00, + /// md.comp.button.xsmall.container.shape.round + static const ShapeStruct containerShapeRound = ShapeStruct( + family: 'SHAPE_FAMILY_CIRCULAR', + topLeft: 0.00, + topRight: 0.00, + bottomLeft: 0.00, + bottomRight: 0.00, ); /// md.comp.button.xsmall.container.shape.square @@ -34,25 +28,55 @@ class TokenButtonXsmall { bottomRight: 12.00, ); - /// md.comp.button.xsmall.pressed.container.corner-size.motion.spring.stiffness - static const double pressedContainerCornerSizeMotionSpringStiffness = 800.00; + /// md.comp.button.xsmall.icon-label-space + static const double iconLabelSpace = 8.00; - /// md.comp.button.xsmall.outlined.outline.width - static const double outlinedOutlineWidth = 1.00; + /// md.comp.button.xsmall.icon.size + static const double iconSize = 20.00; + + /// md.comp.button.xsmall.label-text + static const String labelTextFontFamily = 'Roboto'; + + /// md.comp.button.xsmall.label-text + static const double labelTextFontSize = 14.00; + + /// md.comp.button.xsmall.label-text + static const double labelTextFontWeight = 500; + + /// md.comp.button.xsmall.label-text + static const double labelTextLetterSpacing = 0.10; + + /// md.comp.button.xsmall.label-text + static const double labelTextLineHeight = 20.00; /// md.comp.button.xsmall.leading-space static const double leadingSpace = 12.00; + /// md.comp.button.xsmall.outlined.outline.width + static const double outlinedOutlineWidth = 1.00; + /// md.comp.button.xsmall.pressed.container.corner-size.motion.spring.damping static const double pressedContainerCornerSizeMotionSpringDamping = 0.60; - /// md.comp.button.xsmall.container.shape.round - static const ShapeStruct containerShapeRound = ShapeStruct( - family: 'SHAPE_FAMILY_CIRCULAR', - topLeft: 0.00, - topRight: 0.00, - bottomLeft: 0.00, - bottomRight: 0.00, + /// md.comp.button.xsmall.pressed.container.corner-size.motion.spring.stiffness + static const double pressedContainerCornerSizeMotionSpringStiffness = 800.00; + + /// md.comp.button.xsmall.pressed.container.shape + static const ShapeStruct pressedContainerShape = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 8.00, + topRight: 8.00, + bottomLeft: 8.00, + bottomRight: 8.00, + ); + + /// md.comp.button.xsmall.selected.container.shape.round + static const ShapeStruct selectedContainerShapeRound = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 12.00, + topRight: 12.00, + bottomLeft: 12.00, + bottomRight: 12.00, ); /// md.comp.button.xsmall.selected.container.shape.square @@ -64,30 +88,6 @@ class TokenButtonXsmall { bottomRight: 0.00, ); - /// md.comp.button.xsmall.icon-label-space - static const double iconLabelSpace = 8.00; - /// md.comp.button.xsmall.trailing-space static const double trailingSpace = 12.00; - - /// md.comp.button.xsmall.container.height - static const double containerHeight = 32.00; - - /// md.comp.button.xsmall.icon.size - static const double iconSize = 20.00; - - /// md.comp.button.xsmall.label-text - static const double labelTextFontSize = 14.00; - - /// md.comp.button.xsmall.label-text - static const double labelTextFontWeight = 500; - - /// md.comp.button.xsmall.label-text - static const double labelTextLineHeight = 20.00; - - /// md.comp.button.xsmall.label-text - static const double labelTextLetterSpacing = 0.10; - - /// md.comp.button.xsmall.label-text - static const String labelTextFontFamily = 'Roboto'; } diff --git a/packages/material_ui/tool/gen_defaults/data/carousel_item.dart b/packages/material_ui/tool/gen_defaults/data/carousel_item.dart index 547839fcb6cf..6d1a414885f6 100644 --- a/packages/material_ui/tool/gen_defaults/data/carousel_item.dart +++ b/packages/material_ui/tool/gen_defaults/data/carousel_item.dart @@ -8,91 +8,87 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenCarouselItem { - /// md.comp.carousel-item.with-outline.focus.outline.color - static const TokenColorRole withOutlineFocusOutlineColor = - TokenColorRole.onSurface; + /// md.comp.carousel-item.container.color + static const TokenColorRole containerColor = TokenColorRole.surface; - /// md.comp.carousel-item.pressed.container.elevation - static const double pressedContainerElevation = 0.00; + /// md.comp.carousel-item.container.elevation + static const double containerElevation = 0.00; /// md.comp.carousel-item.container.shadow-color static const TokenColorRole containerShadowColor = TokenColorRole.shadow; - /// md.comp.carousel-item.with-outline.disabled.outline.opacity - static const double withOutlineDisabledOutlineOpacity = 0.12; + /// md.comp.carousel-item.container.shape + static const ShapeStruct containerShape = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 28.00, + topRight: 28.00, + bottomLeft: 28.00, + bottomRight: 28.00, + ); + + /// md.comp.carousel-item.disabled.container.color + static const TokenColorRole disabledContainerColor = TokenColorRole.surface; + + /// md.comp.carousel-item.disabled.container.elevation + static const double disabledContainerElevation = 0.00; + + /// md.comp.carousel-item.disabled.container.opacity + static const double disabledContainerOpacity = 0.38; /// md.comp.carousel-item.focus.container.elevation static const double focusContainerElevation = 0.00; - /// md.comp.carousel-item.with-outline.disabled.outline.color - static const TokenColorRole withOutlineDisabledOutlineColor = - TokenColorRole.outline; + /// md.comp.carousel-item.focus.indicator.color + static const TokenColorRole focusIndicatorColor = TokenColorRole.secondary; + + /// md.comp.carousel-item.focus.indicator.outline.offset + static const double focusIndicatorOutlineOffset = 2.00; /// md.comp.carousel-item.focus.indicator.thickness static const double focusIndicatorThickness = 3.00; + /// md.comp.carousel-item.focus.state-layer.color + static const TokenColorRole focusStateLayerColor = TokenColorRole.onSurface; + /// md.comp.carousel-item.focus.state-layer.opacity static const double focusStateLayerOpacity = 0.10; - /// md.comp.carousel-item.container.color - static const TokenColorRole containerColor = TokenColorRole.surface; + /// md.comp.carousel-item.hover.container.elevation + static const double hoverContainerElevation = 1.00; - /// md.comp.carousel-item.focus.state-layer.color - static const TokenColorRole focusStateLayerColor = TokenColorRole.onSurface; + /// md.comp.carousel-item.hover.state-layer.color + static const TokenColorRole hoverStateLayerColor = TokenColorRole.onSurface; + + /// md.comp.carousel-item.hover.state-layer.opacity + static const double hoverStateLayerOpacity = 0.08; + + /// md.comp.carousel-item.pressed.container.elevation + static const double pressedContainerElevation = 0.00; /// md.comp.carousel-item.pressed.state-layer.color static const TokenColorRole pressedStateLayerColor = TokenColorRole.onSurface; - /// md.comp.carousel-item.with-outline.outline.width - static const double withOutlineOutlineWidth = 1.00; - - /// md.comp.carousel-item.with-outline.outline.color - static const TokenColorRole withOutlineOutlineColor = TokenColorRole.outline; + /// md.comp.carousel-item.pressed.state-layer.opacity + static const double pressedStateLayerOpacity = 0.10; - /// md.comp.carousel-item.disabled.container.elevation - static const double disabledContainerElevation = 0.00; + /// md.comp.carousel-item.with-outline.disabled.outline.color + static const TokenColorRole withOutlineDisabledOutlineColor = TokenColorRole.outline; - /// md.comp.carousel-item.disabled.container.opacity - static const double disabledContainerOpacity = 0.38; + /// md.comp.carousel-item.with-outline.disabled.outline.opacity + static const double withOutlineDisabledOutlineOpacity = 0.12; - /// md.comp.carousel-item.disabled.container.color - static const TokenColorRole disabledContainerColor = TokenColorRole.surface; + /// md.comp.carousel-item.with-outline.focus.outline.color + static const TokenColorRole withOutlineFocusOutlineColor = TokenColorRole.onSurface; /// md.comp.carousel-item.with-outline.hover.outline.color - static const TokenColorRole withOutlineHoverOutlineColor = - TokenColorRole.outline; - - /// md.comp.carousel-item.hover.state-layer.opacity - static const double hoverStateLayerOpacity = 0.08; + static const TokenColorRole withOutlineHoverOutlineColor = TokenColorRole.outline; - /// md.comp.carousel-item.container.elevation - static const double containerElevation = 0.00; + /// md.comp.carousel-item.with-outline.outline.color + static const TokenColorRole withOutlineOutlineColor = TokenColorRole.outline; - /// md.comp.carousel-item.hover.container.elevation - static const double hoverContainerElevation = 1.00; + /// md.comp.carousel-item.with-outline.outline.width + static const double withOutlineOutlineWidth = 1.00; /// md.comp.carousel-item.with-outline.pressed.outline.color - static const TokenColorRole withOutlinePressedOutlineColor = - TokenColorRole.outline; - - /// md.comp.carousel-item.hover.state-layer.color - static const TokenColorRole hoverStateLayerColor = TokenColorRole.onSurface; - - /// md.comp.carousel-item.pressed.state-layer.opacity - static const double pressedStateLayerOpacity = 0.10; - - /// md.comp.carousel-item.focus.indicator.color - static const TokenColorRole focusIndicatorColor = TokenColorRole.secondary; - - /// md.comp.carousel-item.container.shape - static const ShapeStruct containerShape = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 28.00, - topRight: 28.00, - bottomLeft: 28.00, - bottomRight: 28.00, - ); - - /// md.comp.carousel-item.focus.indicator.outline.offset - static const double focusIndicatorOutlineOffset = 2.00; + static const TokenColorRole withOutlinePressedOutlineColor = TokenColorRole.outline; } diff --git a/packages/material_ui/tool/gen_defaults/data/checkbox.dart b/packages/material_ui/tool/gen_defaults/data/checkbox.dart index 7d0ff4fde814..e41f97759eaa 100644 --- a/packages/material_ui/tool/gen_defaults/data/checkbox.dart +++ b/packages/material_ui/tool/gen_defaults/data/checkbox.dart @@ -8,239 +8,210 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenCheckbox { - /// md.comp.checkbox.unselected.pressed.state-layer.color - static const TokenColorRole unselectedPressedStateLayerColor = - TokenColorRole.primary; + /// md.comp.checkbox.container.shape + static const ShapeStruct containerShape = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 2.00, + topRight: 2.00, + bottomLeft: 2.00, + bottomRight: 2.00, + ); + + /// md.comp.checkbox.container.size + static const double containerSize = 18.00; + + /// md.comp.checkbox.error.focus.state-layer.color + static const TokenColorRole errorFocusStateLayerColor = TokenColorRole.error; + + /// md.comp.checkbox.error.focus.state-layer.opacity + static const double errorFocusStateLayerOpacity = 0.10; + + /// md.comp.checkbox.error.hover.state-layer.color + static const TokenColorRole errorHoverStateLayerColor = TokenColorRole.error; + + /// md.comp.checkbox.error.hover.state-layer.opacity + static const double errorHoverStateLayerOpacity = 0.08; + + /// md.comp.checkbox.error.pressed.state-layer.color + static const TokenColorRole errorPressedStateLayerColor = TokenColorRole.error; /// md.comp.checkbox.error.pressed.state-layer.opacity static const double errorPressedStateLayerOpacity = 0.10; - /// md.comp.checkbox.unselected.focus.outline.color - static const TokenColorRole unselectedFocusOutlineColor = - TokenColorRole.onSurface; + /// md.comp.checkbox.focus.indicator.color + static const TokenColorRole focusIndicatorColor = TokenColorRole.secondary; - /// md.comp.checkbox.selected.hover.state-layer.opacity - static const double selectedHoverStateLayerOpacity = 0.08; + /// md.comp.checkbox.focus.indicator.outline.offset + static const double focusIndicatorOutlineOffset = 2.00; - /// md.comp.checkbox.selected.error.hover.icon.color - static const TokenColorRole selectedErrorHoverIconColor = - TokenColorRole.onError; + /// md.comp.checkbox.focus.indicator.thickness + static const double focusIndicatorThickness = 3.00; - /// md.comp.checkbox.selected.disabled.container.color - static const TokenColorRole selectedDisabledContainerColor = - TokenColorRole.onSurface; + /// md.comp.checkbox.icon.size + static const double iconSize = 18.00; - /// md.comp.checkbox.selected.pressed.state-layer.opacity - static const double selectedPressedStateLayerOpacity = 0.10; + /// md.comp.checkbox.selected.container.color + static const TokenColorRole selectedContainerColor = TokenColorRole.primary; - /// md.comp.checkbox.unselected.disabled.outline.color - static const TokenColorRole unselectedDisabledOutlineColor = - TokenColorRole.onSurface; + /// md.comp.checkbox.selected.disabled.container.color + static const TokenColorRole selectedDisabledContainerColor = TokenColorRole.onSurface; - /// md.comp.checkbox.unselected.error.focus.outline.color - static const TokenColorRole unselectedErrorFocusOutlineColor = - TokenColorRole.error; + /// md.comp.checkbox.selected.disabled.container.opacity + static const double selectedDisabledContainerOpacity = 0.38; - /// md.comp.checkbox.unselected.hover.state-layer.opacity - static const double unselectedHoverStateLayerOpacity = 0.08; + /// md.comp.checkbox.selected.disabled.container.outline.width + static const double selectedDisabledContainerOutlineWidth = 0.00; - /// md.comp.checkbox.unselected.hover.outline.width - static const double unselectedHoverOutlineWidth = 2.00; + /// md.comp.checkbox.selected.disabled.icon.color + static const TokenColorRole selectedDisabledIconColor = TokenColorRole.surface; - /// md.comp.checkbox.selected.pressed.state-layer.color - static const TokenColorRole selectedPressedStateLayerColor = - TokenColorRole.onSurface; + /// md.comp.checkbox.selected.error.container.color + static const TokenColorRole selectedErrorContainerColor = TokenColorRole.error; - /// md.comp.checkbox.unselected.hover.state-layer.color - static const TokenColorRole unselectedHoverStateLayerColor = - TokenColorRole.onSurface; + /// md.comp.checkbox.selected.error.focus.container.color + static const TokenColorRole selectedErrorFocusContainerColor = TokenColorRole.error; - /// md.comp.checkbox.unselected.pressed.state-layer.opacity - static const double unselectedPressedStateLayerOpacity = 0.10; + /// md.comp.checkbox.selected.error.focus.icon.color + static const TokenColorRole selectedErrorFocusIconColor = TokenColorRole.onError; - /// md.comp.checkbox.unselected.pressed.outline.width - static const double unselectedPressedOutlineWidth = 2.00; + /// md.comp.checkbox.selected.error.hover.container.color + static const TokenColorRole selectedErrorHoverContainerColor = TokenColorRole.error; - /// md.comp.checkbox.selected.outline.width - static const double selectedOutlineWidth = 0.00; + /// md.comp.checkbox.selected.error.hover.icon.color + static const TokenColorRole selectedErrorHoverIconColor = TokenColorRole.onError; - /// md.comp.checkbox.focus.indicator.thickness - static const double focusIndicatorThickness = 3.00; + /// md.comp.checkbox.selected.error.icon.color + static const TokenColorRole selectedErrorIconColor = TokenColorRole.onError; /// md.comp.checkbox.selected.error.pressed.container.color - static const TokenColorRole selectedErrorPressedContainerColor = - TokenColorRole.error; + static const TokenColorRole selectedErrorPressedContainerColor = TokenColorRole.error; - /// md.comp.checkbox.selected.disabled.container.outline.width - static const double selectedDisabledContainerOutlineWidth = 0.00; - - /// md.comp.checkbox.unselected.hover.outline.color - static const TokenColorRole unselectedHoverOutlineColor = - TokenColorRole.onSurface; + /// md.comp.checkbox.selected.error.pressed.icon.color + static const TokenColorRole selectedErrorPressedIconColor = TokenColorRole.onError; - /// md.comp.checkbox.selected.hover.outline.width - static const double selectedHoverOutlineWidth = 0.00; + /// md.comp.checkbox.selected.focus.container.color + static const TokenColorRole selectedFocusContainerColor = TokenColorRole.primary; - /// md.comp.checkbox.unselected.focus.state-layer.color - static const TokenColorRole unselectedFocusStateLayerColor = - TokenColorRole.onSurface; + /// md.comp.checkbox.selected.focus.icon.color + static const TokenColorRole selectedFocusIconColor = TokenColorRole.onPrimary; - /// md.comp.checkbox.state-layer.shape - static const ShapeStruct stateLayerShape = ShapeStruct( - family: 'SHAPE_FAMILY_CIRCULAR', - topLeft: 0.00, - topRight: 0.00, - bottomLeft: 0.00, - bottomRight: 0.00, - ); + /// md.comp.checkbox.selected.focus.outline.width + static const double selectedFocusOutlineWidth = 0.00; - /// md.comp.checkbox.unselected.error.outline.color - static const TokenColorRole unselectedErrorOutlineColor = - TokenColorRole.error; + /// md.comp.checkbox.selected.focus.state-layer.color + static const TokenColorRole selectedFocusStateLayerColor = TokenColorRole.primary; - /// md.comp.checkbox.selected.disabled.icon.color - static const TokenColorRole selectedDisabledIconColor = - TokenColorRole.surface; + /// md.comp.checkbox.selected.focus.state-layer.opacity + static const double selectedFocusStateLayerOpacity = 0.10; - /// md.comp.checkbox.selected.error.icon.color - static const TokenColorRole selectedErrorIconColor = TokenColorRole.onError; + /// md.comp.checkbox.selected.hover.container.color + static const TokenColorRole selectedHoverContainerColor = TokenColorRole.primary; - /// md.comp.checkbox.selected.disabled.container.opacity - static const double selectedDisabledContainerOpacity = 0.38; + /// md.comp.checkbox.selected.hover.icon.color + static const TokenColorRole selectedHoverIconColor = TokenColorRole.onPrimary; - /// md.comp.checkbox.error.focus.state-layer.color - static const TokenColorRole errorFocusStateLayerColor = TokenColorRole.error; + /// md.comp.checkbox.selected.hover.outline.width + static const double selectedHoverOutlineWidth = 0.00; /// md.comp.checkbox.selected.hover.state-layer.color - static const TokenColorRole selectedHoverStateLayerColor = - TokenColorRole.primary; + static const TokenColorRole selectedHoverStateLayerColor = TokenColorRole.primary; - /// md.comp.checkbox.error.hover.state-layer.opacity - static const double errorHoverStateLayerOpacity = 0.08; + /// md.comp.checkbox.selected.hover.state-layer.opacity + static const double selectedHoverStateLayerOpacity = 0.08; - /// md.comp.checkbox.icon.size - static const double iconSize = 18.00; + /// md.comp.checkbox.selected.icon.color + static const TokenColorRole selectedIconColor = TokenColorRole.onPrimary; - /// md.comp.checkbox.selected.error.pressed.icon.color - static const TokenColorRole selectedErrorPressedIconColor = - TokenColorRole.onError; + /// md.comp.checkbox.selected.outline.width + static const double selectedOutlineWidth = 0.00; + + /// md.comp.checkbox.selected.pressed.container.color + static const TokenColorRole selectedPressedContainerColor = TokenColorRole.primary; + + /// md.comp.checkbox.selected.pressed.icon.color + static const TokenColorRole selectedPressedIconColor = TokenColorRole.onPrimary; /// md.comp.checkbox.selected.pressed.outline.width static const double selectedPressedOutlineWidth = 0.00; - /// md.comp.checkbox.state-layer.size - static const double stateLayerSize = 40.00; - - /// md.comp.checkbox.selected.pressed.icon.color - static const TokenColorRole selectedPressedIconColor = - TokenColorRole.onPrimary; + /// md.comp.checkbox.selected.pressed.state-layer.color + static const TokenColorRole selectedPressedStateLayerColor = TokenColorRole.onSurface; - /// md.comp.checkbox.error.hover.state-layer.color - static const TokenColorRole errorHoverStateLayerColor = TokenColorRole.error; + /// md.comp.checkbox.selected.pressed.state-layer.opacity + static const double selectedPressedStateLayerOpacity = 0.10; - /// md.comp.checkbox.focus.indicator.color - static const TokenColorRole focusIndicatorColor = TokenColorRole.secondary; + /// md.comp.checkbox.state-layer.shape + static const ShapeStruct stateLayerShape = ShapeStruct( + family: 'SHAPE_FAMILY_CIRCULAR', + topLeft: 0.00, + topRight: 0.00, + bottomLeft: 0.00, + bottomRight: 0.00, + ); - /// md.comp.checkbox.error.focus.state-layer.opacity - static const double errorFocusStateLayerOpacity = 0.10; + /// md.comp.checkbox.state-layer.size + static const double stateLayerSize = 40.00; - /// md.comp.checkbox.selected.error.hover.container.color - static const TokenColorRole selectedErrorHoverContainerColor = - TokenColorRole.error; + /// md.comp.checkbox.unselected.disabled.container.opacity + static const double unselectedDisabledContainerOpacity = 0.38; - /// md.comp.checkbox.selected.hover.container.color - static const TokenColorRole selectedHoverContainerColor = - TokenColorRole.primary; + /// md.comp.checkbox.unselected.disabled.outline.color + static const TokenColorRole unselectedDisabledOutlineColor = TokenColorRole.onSurface; /// md.comp.checkbox.unselected.disabled.outline.width static const double unselectedDisabledOutlineWidth = 2.00; - /// md.comp.checkbox.unselected.pressed.outline.color - static const TokenColorRole unselectedPressedOutlineColor = - TokenColorRole.onSurface; - - /// md.comp.checkbox.container.size - static const double containerSize = 18.00; - - /// md.comp.checkbox.unselected.focus.outline.width - static const double unselectedFocusOutlineWidth = 2.00; - - /// md.comp.checkbox.selected.focus.state-layer.color - static const TokenColorRole selectedFocusStateLayerColor = - TokenColorRole.primary; + /// md.comp.checkbox.unselected.error.focus.outline.color + static const TokenColorRole unselectedErrorFocusOutlineColor = TokenColorRole.error; - /// md.comp.checkbox.focus.indicator.outline.offset - static const double focusIndicatorOutlineOffset = 2.00; + /// md.comp.checkbox.unselected.error.hover.outline.color + static const TokenColorRole unselectedErrorHoverOutlineColor = TokenColorRole.error; - /// md.comp.checkbox.unselected.outline.width - static const double unselectedOutlineWidth = 2.00; + /// md.comp.checkbox.unselected.error.outline.color + static const TokenColorRole unselectedErrorOutlineColor = TokenColorRole.error; - /// md.comp.checkbox.selected.error.focus.container.color - static const TokenColorRole selectedErrorFocusContainerColor = - TokenColorRole.error; + /// md.comp.checkbox.unselected.error.pressed.outline.color + static const TokenColorRole unselectedErrorPressedOutlineColor = TokenColorRole.error; - /// md.comp.checkbox.selected.focus.icon.color - static const TokenColorRole selectedFocusIconColor = TokenColorRole.onPrimary; + /// md.comp.checkbox.unselected.focus.outline.color + static const TokenColorRole unselectedFocusOutlineColor = TokenColorRole.onSurface; - /// md.comp.checkbox.selected.error.focus.icon.color - static const TokenColorRole selectedErrorFocusIconColor = - TokenColorRole.onError; + /// md.comp.checkbox.unselected.focus.outline.width + static const double unselectedFocusOutlineWidth = 2.00; - /// md.comp.checkbox.error.pressed.state-layer.color - static const TokenColorRole errorPressedStateLayerColor = - TokenColorRole.error; + /// md.comp.checkbox.unselected.focus.state-layer.color + static const TokenColorRole unselectedFocusStateLayerColor = TokenColorRole.onSurface; /// md.comp.checkbox.unselected.focus.state-layer.opacity static const double unselectedFocusStateLayerOpacity = 0.10; - /// md.comp.checkbox.container.shape - static const ShapeStruct containerShape = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 2.00, - topRight: 2.00, - bottomLeft: 2.00, - bottomRight: 2.00, - ); - - /// md.comp.checkbox.selected.pressed.container.color - static const TokenColorRole selectedPressedContainerColor = - TokenColorRole.primary; - - /// md.comp.checkbox.selected.focus.container.color - static const TokenColorRole selectedFocusContainerColor = - TokenColorRole.primary; - - /// md.comp.checkbox.selected.hover.icon.color - static const TokenColorRole selectedHoverIconColor = TokenColorRole.onPrimary; + /// md.comp.checkbox.unselected.hover.outline.color + static const TokenColorRole unselectedHoverOutlineColor = TokenColorRole.onSurface; - /// md.comp.checkbox.selected.focus.state-layer.opacity - static const double selectedFocusStateLayerOpacity = 0.10; + /// md.comp.checkbox.unselected.hover.outline.width + static const double unselectedHoverOutlineWidth = 2.00; - /// md.comp.checkbox.selected.icon.color - static const TokenColorRole selectedIconColor = TokenColorRole.onPrimary; + /// md.comp.checkbox.unselected.hover.state-layer.color + static const TokenColorRole unselectedHoverStateLayerColor = TokenColorRole.onSurface; - /// md.comp.checkbox.unselected.error.hover.outline.color - static const TokenColorRole unselectedErrorHoverOutlineColor = - TokenColorRole.error; + /// md.comp.checkbox.unselected.hover.state-layer.opacity + static const double unselectedHoverStateLayerOpacity = 0.08; - /// md.comp.checkbox.selected.focus.outline.width - static const double selectedFocusOutlineWidth = 0.00; + /// md.comp.checkbox.unselected.outline.color + static const TokenColorRole unselectedOutlineColor = TokenColorRole.onSurfaceVariant; - /// md.comp.checkbox.selected.error.container.color - static const TokenColorRole selectedErrorContainerColor = - TokenColorRole.error; + /// md.comp.checkbox.unselected.outline.width + static const double unselectedOutlineWidth = 2.00; - /// md.comp.checkbox.unselected.error.pressed.outline.color - static const TokenColorRole unselectedErrorPressedOutlineColor = - TokenColorRole.error; + /// md.comp.checkbox.unselected.pressed.outline.color + static const TokenColorRole unselectedPressedOutlineColor = TokenColorRole.onSurface; - /// md.comp.checkbox.unselected.disabled.container.opacity - static const double unselectedDisabledContainerOpacity = 0.38; + /// md.comp.checkbox.unselected.pressed.outline.width + static const double unselectedPressedOutlineWidth = 2.00; - /// md.comp.checkbox.unselected.outline.color - static const TokenColorRole unselectedOutlineColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.checkbox.unselected.pressed.state-layer.color + static const TokenColorRole unselectedPressedStateLayerColor = TokenColorRole.primary; - /// md.comp.checkbox.selected.container.color - static const TokenColorRole selectedContainerColor = TokenColorRole.primary; + /// md.comp.checkbox.unselected.pressed.state-layer.opacity + static const double unselectedPressedStateLayerOpacity = 0.10; } diff --git a/packages/material_ui/tool/gen_defaults/data/color.dart b/packages/material_ui/tool/gen_defaults/data/color.dart index 9f4e5ced181a..d4415ad4e85c 100644 --- a/packages/material_ui/tool/gen_defaults/data/color.dart +++ b/packages/material_ui/tool/gen_defaults/data/color.dart @@ -5,147 +5,147 @@ // Version: 36.0.6 class TokenColor { - /// md.sys.color.tertiary-container - static const String tertiaryContainer = '0xFFFFD8E4'; - - /// md.sys.color.on-primary-fixed - static const String onPrimaryFixed = '0xFF21005D'; - - /// md.sys.color.secondary-fixed - static const String secondaryFixed = '0xFFE8DEF8'; - - /// md.sys.color.surface-container - static const String surfaceContainer = '0xFFF3EDF7'; + /// md.sys.color.background + static const String background = '0xFFFEF7FF'; - /// md.sys.color.primary-container - static const String primaryContainer = '0xFFEADDFF'; + /// md.sys.color.error + static const String error = '0xFFB3261E'; - /// md.sys.color.on-surface-variant - static const String onSurfaceVariant = '0xFF49454F'; + /// md.sys.color.error-container + static const String errorContainer = '0xFFF9DEDC'; /// md.sys.color.inverse-on-surface static const String inverseOnSurface = '0xFFF5EFF7'; - /// md.sys.color.surface - static const String surface = '0xFFFEF7FF'; - - /// md.sys.color.background - static const String background = '0xFFFEF7FF'; - - /// md.sys.color.primary-fixed - static const String primaryFixed = '0xFFEADDFF'; + /// md.sys.color.inverse-primary + static const String inversePrimary = '0xFFD0BCFF'; - /// md.sys.color.surface-variant - static const String surfaceVariant = '0xFFE7E0EC'; + /// md.sys.color.inverse-surface + static const String inverseSurface = '0xFF322F35'; /// md.sys.color.on-background static const String onBackground = '0xFF1D1B20'; - /// md.sys.color.secondary-container - static const String secondaryContainer = '0xFFE8DEF8'; - /// md.sys.color.on-error static const String onError = '0xFFFFFFFF'; + /// md.sys.color.on-error-container + static const String onErrorContainer = '0xFF8C1D18'; + + /// md.sys.color.on-primary + static const String onPrimary = '0xFFFFFFFF'; + + /// md.sys.color.on-primary-container + static const String onPrimaryContainer = '0xFF4F378B'; + + /// md.sys.color.on-primary-fixed + static const String onPrimaryFixed = '0xFF21005D'; + + /// md.sys.color.on-primary-fixed-variant + static const String onPrimaryFixedVariant = '0xFF4F378B'; + + /// md.sys.color.on-secondary + static const String onSecondary = '0xFFFFFFFF'; + /// md.sys.color.on-secondary-container static const String onSecondaryContainer = '0xFF4A4458'; - /// md.sys.color.surface-container-high - static const String surfaceContainerHigh = '0xFFECE6F0'; + /// md.sys.color.on-secondary-fixed + static const String onSecondaryFixed = '0xFF1D192B'; - /// md.sys.color.scrim - static const String scrim = '0xFF000000'; + /// md.sys.color.on-secondary-fixed-variant + static const String onSecondaryFixedVariant = '0xFF4A4458'; + + /// md.sys.color.on-surface + static const String onSurface = '0xFF1D1B20'; + + /// md.sys.color.on-surface-variant + static const String onSurfaceVariant = '0xFF49454F'; + + /// md.sys.color.on-tertiary + static const String onTertiary = '0xFFFFFFFF'; + + /// md.sys.color.on-tertiary-container + static const String onTertiaryContainer = '0xFF633B48'; /// md.sys.color.on-tertiary-fixed static const String onTertiaryFixed = '0xFF31111D'; - /// md.sys.color.on-secondary-fixed-variant - static const String onSecondaryFixedVariant = '0xFF4A4458'; - - /// md.sys.color.error-container - static const String errorContainer = '0xFFF9DEDC'; + /// md.sys.color.on-tertiary-fixed-variant + static const String onTertiaryFixedVariant = '0xFF633B48'; - /// md.sys.color.shadow - static const String shadow = '0xFF000000'; + /// md.sys.color.outline + static const String outline = '0xFF79747E'; /// md.sys.color.outline-variant static const String outlineVariant = '0xFFCAC4D0'; - /// md.sys.color.surface-container-lowest - static const String surfaceContainerLowest = '0xFFFFFFFF'; + /// md.sys.color.primary + static const String primary = '0xFF6750A4'; - /// md.sys.color.secondary-fixed-dim - static const String secondaryFixedDim = '0xFFCCC2DC'; + /// md.sys.color.primary-container + static const String primaryContainer = '0xFFEADDFF'; - /// md.sys.color.on-surface - static const String onSurface = '0xFF1D1B20'; + /// md.sys.color.primary-fixed + static const String primaryFixed = '0xFFEADDFF'; /// md.sys.color.primary-fixed-dim static const String primaryFixedDim = '0xFFD0BCFF'; - /// md.sys.color.inverse-surface - static const String inverseSurface = '0xFF322F35'; + /// md.sys.color.scrim + static const String scrim = '0xFF000000'; - /// md.sys.color.error - static const String error = '0xFFB3261E'; + /// md.sys.color.secondary + static const String secondary = '0xFF625B71'; - /// md.sys.color.on-tertiary - static const String onTertiary = '0xFFFFFFFF'; + /// md.sys.color.secondary-container + static const String secondaryContainer = '0xFFE8DEF8'; - /// md.sys.color.inverse-primary - static const String inversePrimary = '0xFFD0BCFF'; + /// md.sys.color.secondary-fixed + static const String secondaryFixed = '0xFFE8DEF8'; - /// md.sys.color.surface-dim - static const String surfaceDim = '0xFFDED8E1'; + /// md.sys.color.secondary-fixed-dim + static const String secondaryFixedDim = '0xFFCCC2DC'; - /// md.sys.color.tertiary-fixed-dim - static const String tertiaryFixedDim = '0xFFEFB8C8'; + /// md.sys.color.shadow + static const String shadow = '0xFF000000'; - /// md.sys.color.on-tertiary-container - static const String onTertiaryContainer = '0xFF633B48'; + /// md.sys.color.surface + static const String surface = '0xFFFEF7FF'; + + /// md.sys.color.surface-bright + static const String surfaceBright = '0xFFFEF7FF'; + + /// md.sys.color.surface-container + static const String surfaceContainer = '0xFFF3EDF7'; + + /// md.sys.color.surface-container-high + static const String surfaceContainerHigh = '0xFFECE6F0'; /// md.sys.color.surface-container-highest static const String surfaceContainerHighest = '0xFFE6E0E9'; - /// md.sys.color.on-primary - static const String onPrimary = '0xFFFFFFFF'; - - /// md.sys.color.on-secondary-fixed - static const String onSecondaryFixed = '0xFF1D192B'; + /// md.sys.color.surface-container-low + static const String surfaceContainerLow = '0xFFF7F2FA'; - /// md.sys.color.on-primary-fixed-variant - static const String onPrimaryFixedVariant = '0xFF4F378B'; + /// md.sys.color.surface-container-lowest + static const String surfaceContainerLowest = '0xFFFFFFFF'; - /// md.sys.color.surface-bright - static const String surfaceBright = '0xFFFEF7FF'; + /// md.sys.color.surface-dim + static const String surfaceDim = '0xFFDED8E1'; - /// md.sys.color.on-secondary - static const String onSecondary = '0xFFFFFFFF'; + /// md.sys.color.surface-variant + static const String surfaceVariant = '0xFFE7E0EC'; /// md.sys.color.tertiary static const String tertiary = '0xFF7D5260'; + /// md.sys.color.tertiary-container + static const String tertiaryContainer = '0xFFFFD8E4'; + /// md.sys.color.tertiary-fixed static const String tertiaryFixed = '0xFFFFD8E4'; - /// md.sys.color.outline - static const String outline = '0xFF79747E'; - - /// md.sys.color.on-error-container - static const String onErrorContainer = '0xFF8C1D18'; - - /// md.sys.color.on-primary-container - static const String onPrimaryContainer = '0xFF4F378B'; - - /// md.sys.color.primary - static const String primary = '0xFF6750A4'; - - /// md.sys.color.on-tertiary-fixed-variant - static const String onTertiaryFixedVariant = '0xFF633B48'; - - /// md.sys.color.surface-container-low - static const String surfaceContainerLow = '0xFFF7F2FA'; - - /// md.sys.color.secondary - static const String secondary = '0xFF625B71'; + /// md.sys.color.tertiary-fixed-dim + static const String tertiaryFixedDim = '0xFFEFB8C8'; } diff --git a/packages/material_ui/tool/gen_defaults/data/color_dark.dart b/packages/material_ui/tool/gen_defaults/data/color_dark.dart index f150b5b63a0c..a7b2e9deb113 100644 --- a/packages/material_ui/tool/gen_defaults/data/color_dark.dart +++ b/packages/material_ui/tool/gen_defaults/data/color_dark.dart @@ -5,111 +5,111 @@ // Version: 36.0.6 class TokenColorDark { - /// md.sys.color.primary-container - static const String primaryContainer = '0xFF4F378B'; + /// md.sys.color.background + static const String background = '0xFF141218'; - /// md.sys.color.on-surface-variant - static const String onSurfaceVariant = '0xFFCAC4D0'; + /// md.sys.color.error + static const String error = '0xFFF2B8B5'; + + /// md.sys.color.error-container + static const String errorContainer = '0xFF8C1D18'; /// md.sys.color.inverse-on-surface static const String inverseOnSurface = '0xFF322F35'; - /// md.sys.color.surface - static const String surface = '0xFF141218'; - - /// md.sys.color.background - static const String background = '0xFF141218'; + /// md.sys.color.inverse-primary + static const String inversePrimary = '0xFF6750A4'; - /// md.sys.color.surface-variant - static const String surfaceVariant = '0xFF49454F'; + /// md.sys.color.inverse-surface + static const String inverseSurface = '0xFFE6E0E9'; /// md.sys.color.on-background static const String onBackground = '0xFFE6E0E9'; - /// md.sys.color.secondary-container - static const String secondaryContainer = '0xFF4A4458'; - /// md.sys.color.on-error static const String onError = '0xFF601410'; - /// md.sys.color.on-secondary-container - static const String onSecondaryContainer = '0xFFE8DEF8'; - - /// md.sys.color.surface-container-high - static const String surfaceContainerHigh = '0xFF2B2930'; - - /// md.sys.color.scrim - static const String scrim = '0xFF000000'; + /// md.sys.color.on-error-container + static const String onErrorContainer = '0xFFF9DEDC'; - /// md.sys.color.error-container - static const String errorContainer = '0xFF8C1D18'; + /// md.sys.color.on-primary + static const String onPrimary = '0xFF381E72'; - /// md.sys.color.shadow - static const String shadow = '0xFF000000'; + /// md.sys.color.on-primary-container + static const String onPrimaryContainer = '0xFFEADDFF'; - /// md.sys.color.outline-variant - static const String outlineVariant = '0xFF49454F'; + /// md.sys.color.on-secondary + static const String onSecondary = '0xFF332D41'; - /// md.sys.color.surface-container-lowest - static const String surfaceContainerLowest = '0xFF0F0D13'; + /// md.sys.color.on-secondary-container + static const String onSecondaryContainer = '0xFFE8DEF8'; /// md.sys.color.on-surface static const String onSurface = '0xFFE6E0E9'; - /// md.sys.color.inverse-surface - static const String inverseSurface = '0xFFE6E0E9'; - - /// md.sys.color.error - static const String error = '0xFFF2B8B5'; + /// md.sys.color.on-surface-variant + static const String onSurfaceVariant = '0xFFCAC4D0'; /// md.sys.color.on-tertiary static const String onTertiary = '0xFF492532'; - /// md.sys.color.inverse-primary - static const String inversePrimary = '0xFF6750A4'; - - /// md.sys.color.surface-dim - static const String surfaceDim = '0xFF141218'; - /// md.sys.color.on-tertiary-container static const String onTertiaryContainer = '0xFFFFD8E4'; - /// md.sys.color.surface-container-highest - static const String surfaceContainerHighest = '0xFF36343B'; + /// md.sys.color.outline + static const String outline = '0xFF938F99'; - /// md.sys.color.on-primary - static const String onPrimary = '0xFF381E72'; + /// md.sys.color.outline-variant + static const String outlineVariant = '0xFF49454F'; - /// md.sys.color.surface-bright - static const String surfaceBright = '0xFF3B383E'; + /// md.sys.color.primary + static const String primary = '0xFFD0BCFF'; - /// md.sys.color.on-secondary - static const String onSecondary = '0xFF332D41'; + /// md.sys.color.primary-container + static const String primaryContainer = '0xFF4F378B'; - /// md.sys.color.tertiary - static const String tertiary = '0xFFEFB8C8'; + /// md.sys.color.scrim + static const String scrim = '0xFF000000'; - /// md.sys.color.outline - static const String outline = '0xFF938F99'; + /// md.sys.color.secondary + static const String secondary = '0xFFCCC2DC'; - /// md.sys.color.on-error-container - static const String onErrorContainer = '0xFFF9DEDC'; + /// md.sys.color.secondary-container + static const String secondaryContainer = '0xFF4A4458'; - /// md.sys.color.on-primary-container - static const String onPrimaryContainer = '0xFFEADDFF'; + /// md.sys.color.shadow + static const String shadow = '0xFF000000'; - /// md.sys.color.primary - static const String primary = '0xFFD0BCFF'; + /// md.sys.color.surface + static const String surface = '0xFF141218'; + + /// md.sys.color.surface-bright + static const String surfaceBright = '0xFF3B383E'; + + /// md.sys.color.surface-container + static const String surfaceContainer = '0xFF211F26'; + + /// md.sys.color.surface-container-high + static const String surfaceContainerHigh = '0xFF2B2930'; + + /// md.sys.color.surface-container-highest + static const String surfaceContainerHighest = '0xFF36343B'; /// md.sys.color.surface-container-low static const String surfaceContainerLow = '0xFF1D1B20'; - /// md.sys.color.secondary - static const String secondary = '0xFFCCC2DC'; + /// md.sys.color.surface-container-lowest + static const String surfaceContainerLowest = '0xFF0F0D13'; + + /// md.sys.color.surface-dim + static const String surfaceDim = '0xFF141218'; + + /// md.sys.color.surface-variant + static const String surfaceVariant = '0xFF49454F'; + + /// md.sys.color.tertiary + static const String tertiary = '0xFFEFB8C8'; /// md.sys.color.tertiary-container static const String tertiaryContainer = '0xFF633B48'; - - /// md.sys.color.surface-container - static const String surfaceContainer = '0xFF211F26'; } diff --git a/packages/material_ui/tool/gen_defaults/data/color_dark_high_contrast.dart b/packages/material_ui/tool/gen_defaults/data/color_dark_high_contrast.dart index d2c9f15b1f72..e8324ec6caf0 100644 --- a/packages/material_ui/tool/gen_defaults/data/color_dark_high_contrast.dart +++ b/packages/material_ui/tool/gen_defaults/data/color_dark_high_contrast.dart @@ -5,108 +5,108 @@ // Version: 36.0.6 class TokenColorDarkHighContrast { - /// md.sys.color.primary-fixed - static const String primaryFixed = '0xFFEADDFF'; + /// md.sys.color.error + static const String error = '0xFFFCEEEE'; + + /// md.sys.color.error-container + static const String errorContainer = '0xFFF2B8B5'; + + /// md.sys.color.inverse-on-surface + static const String inverseOnSurface = '0xFF000000'; + + /// md.sys.color.inverse-primary + static const String inversePrimary = '0xFF381E72'; /// md.sys.color.on-background static const String onBackground = '0xFFFFFFFF'; - /// md.sys.color.secondary-container - static const String secondaryContainer = '0xFFCCC2DC'; - /// md.sys.color.on-error static const String onError = '0xFF000000'; + /// md.sys.color.on-error-container + static const String onErrorContainer = '0xFF000000'; + + /// md.sys.color.on-primary + static const String onPrimary = '0xFF000000'; + + /// md.sys.color.on-primary-container + static const String onPrimaryContainer = '0xFF000000'; + + /// md.sys.color.on-primary-fixed + static const String onPrimaryFixed = '0xFF000000'; + + /// md.sys.color.on-primary-fixed-variant + static const String onPrimaryFixedVariant = '0xFF000000'; + + /// md.sys.color.on-secondary + static const String onSecondary = '0xFF000000'; + /// md.sys.color.on-secondary-container static const String onSecondaryContainer = '0xFF000000'; - /// md.sys.color.on-tertiary-fixed - static const String onTertiaryFixed = '0xFF000000'; + /// md.sys.color.on-secondary-fixed + static const String onSecondaryFixed = '0xFF000000'; /// md.sys.color.on-secondary-fixed-variant static const String onSecondaryFixedVariant = '0xFF000000'; - /// md.sys.color.error-container - static const String errorContainer = '0xFFF2B8B5'; - - /// md.sys.color.outline-variant - static const String outlineVariant = '0xFFCAC4D0'; - - /// md.sys.color.secondary-fixed-dim - static const String secondaryFixedDim = '0xFFCCC2DC'; - /// md.sys.color.on-surface static const String onSurface = '0xFFFFFFFF'; - /// md.sys.color.primary-fixed-dim - static const String primaryFixedDim = '0xFFD0BCFF'; - - /// md.sys.color.error - static const String error = '0xFFFCEEEE'; + /// md.sys.color.on-surface-variant + static const String onSurfaceVariant = '0xFFFFFFFF'; /// md.sys.color.on-tertiary static const String onTertiary = '0xFF000000'; - /// md.sys.color.inverse-primary - static const String inversePrimary = '0xFF381E72'; - - /// md.sys.color.tertiary-fixed-dim - static const String tertiaryFixedDim = '0xFFEFB8C8'; - /// md.sys.color.on-tertiary-container static const String onTertiaryContainer = '0xFF000000'; - /// md.sys.color.on-primary - static const String onPrimary = '0xFF000000'; - - /// md.sys.color.on-secondary-fixed - static const String onSecondaryFixed = '0xFF000000'; - - /// md.sys.color.on-primary-fixed-variant - static const String onPrimaryFixedVariant = '0xFF000000'; - - /// md.sys.color.on-secondary - static const String onSecondary = '0xFF000000'; - - /// md.sys.color.tertiary - static const String tertiary = '0xFFFFECF1'; + /// md.sys.color.on-tertiary-fixed + static const String onTertiaryFixed = '0xFF000000'; - /// md.sys.color.tertiary-fixed - static const String tertiaryFixed = '0xFFFFD8E4'; + /// md.sys.color.on-tertiary-fixed-variant + static const String onTertiaryFixedVariant = '0xFF000000'; /// md.sys.color.outline static const String outline = '0xFFF5EEFA'; - /// md.sys.color.on-error-container - static const String onErrorContainer = '0xFF000000'; - - /// md.sys.color.on-primary-container - static const String onPrimaryContainer = '0xFF000000'; + /// md.sys.color.outline-variant + static const String outlineVariant = '0xFFCAC4D0'; /// md.sys.color.primary static const String primary = '0xFFF6EDFF'; - /// md.sys.color.on-tertiary-fixed-variant - static const String onTertiaryFixedVariant = '0xFF000000'; + /// md.sys.color.primary-container + static const String primaryContainer = '0xFFD0BCFF'; + + /// md.sys.color.primary-fixed + static const String primaryFixed = '0xFFEADDFF'; + + /// md.sys.color.primary-fixed-dim + static const String primaryFixedDim = '0xFFD0BCFF'; /// md.sys.color.secondary static const String secondary = '0xFFF6EDFF'; - /// md.sys.color.tertiary-container - static const String tertiaryContainer = '0xFFEFB8C8'; - - /// md.sys.color.on-primary-fixed - static const String onPrimaryFixed = '0xFF000000'; + /// md.sys.color.secondary-container + static const String secondaryContainer = '0xFFCCC2DC'; /// md.sys.color.secondary-fixed static const String secondaryFixed = '0xFFE8DEF8'; - /// md.sys.color.primary-container - static const String primaryContainer = '0xFFD0BCFF'; + /// md.sys.color.secondary-fixed-dim + static const String secondaryFixedDim = '0xFFCCC2DC'; - /// md.sys.color.on-surface-variant - static const String onSurfaceVariant = '0xFFFFFFFF'; + /// md.sys.color.tertiary + static const String tertiary = '0xFFFFECF1'; - /// md.sys.color.inverse-on-surface - static const String inverseOnSurface = '0xFF000000'; + /// md.sys.color.tertiary-container + static const String tertiaryContainer = '0xFFEFB8C8'; + + /// md.sys.color.tertiary-fixed + static const String tertiaryFixed = '0xFFFFD8E4'; + + /// md.sys.color.tertiary-fixed-dim + static const String tertiaryFixedDim = '0xFFEFB8C8'; } diff --git a/packages/material_ui/tool/gen_defaults/data/color_dark_medium_contrast.dart b/packages/material_ui/tool/gen_defaults/data/color_dark_medium_contrast.dart index f5d19c893a9f..7abc0bb6085a 100644 --- a/packages/material_ui/tool/gen_defaults/data/color_dark_medium_contrast.dart +++ b/packages/material_ui/tool/gen_defaults/data/color_dark_medium_contrast.dart @@ -5,20 +5,35 @@ // Version: 36.0.6 class TokenColorDarkMediumContrast { + /// md.sys.color.error + static const String error = '0xFFF9DEDC'; + + /// md.sys.color.error-container + static const String errorContainer = '0xFFE46962'; + + /// md.sys.color.inverse-on-surface + static const String inverseOnSurface = '0xFF1D1B20'; + /// md.sys.color.inverse-primary static const String inversePrimary = '0xFF4F378B'; - /// md.sys.color.tertiary-fixed-dim - static const String tertiaryFixedDim = '0xFFEFB8C8'; + /// md.sys.color.on-background + static const String onBackground = '0xFFFFFFFF'; - /// md.sys.color.on-tertiary-container - static const String onTertiaryContainer = '0xFF000000'; + /// md.sys.color.on-error + static const String onError = '0xFF410E0B'; + + /// md.sys.color.on-error-container + static const String onErrorContainer = '0xFF000000'; /// md.sys.color.on-primary static const String onPrimary = '0xFF21005D'; - /// md.sys.color.on-secondary-fixed - static const String onSecondaryFixed = '0xFF000000'; + /// md.sys.color.on-primary-container + static const String onPrimaryContainer = '0xFF000000'; + + /// md.sys.color.on-primary-fixed + static const String onPrimaryFixed = '0xFF000000'; /// md.sys.color.on-primary-fixed-variant static const String onPrimaryFixedVariant = '0xFF381E72'; @@ -26,87 +41,72 @@ class TokenColorDarkMediumContrast { /// md.sys.color.on-secondary static const String onSecondary = '0xFF1D192B'; - /// md.sys.color.tertiary - static const String tertiary = '0xFFFFD8E4'; + /// md.sys.color.on-secondary-container + static const String onSecondaryContainer = '0xFF000000'; - /// md.sys.color.tertiary-fixed - static const String tertiaryFixed = '0xFFFFD8E4'; + /// md.sys.color.on-secondary-fixed + static const String onSecondaryFixed = '0xFF000000'; - /// md.sys.color.outline - static const String outline = '0xFFAEA9B4'; + /// md.sys.color.on-secondary-fixed-variant + static const String onSecondaryFixedVariant = '0xFF332D41'; - /// md.sys.color.on-error-container - static const String onErrorContainer = '0xFF000000'; + /// md.sys.color.on-surface + static const String onSurface = '0xFFFFFFFF'; - /// md.sys.color.on-primary-container - static const String onPrimaryContainer = '0xFF000000'; + /// md.sys.color.on-surface-variant + static const String onSurfaceVariant = '0xFFE7E0EC'; - /// md.sys.color.primary - static const String primary = '0xFFEADDFF'; + /// md.sys.color.on-tertiary + static const String onTertiary = '0xFF31111D'; + + /// md.sys.color.on-tertiary-container + static const String onTertiaryContainer = '0xFF000000'; + + /// md.sys.color.on-tertiary-fixed + static const String onTertiaryFixed = '0xFF000000'; /// md.sys.color.on-tertiary-fixed-variant static const String onTertiaryFixedVariant = '0xFF492532'; - /// md.sys.color.secondary - static const String secondary = '0xFFE8DEF8'; - - /// md.sys.color.tertiary-container - static const String tertiaryContainer = '0xFFB58392'; + /// md.sys.color.outline + static const String outline = '0xFFAEA9B4'; - /// md.sys.color.on-primary-fixed - static const String onPrimaryFixed = '0xFF000000'; + /// md.sys.color.outline-variant + static const String outlineVariant = '0xFF938F99'; - /// md.sys.color.secondary-fixed - static const String secondaryFixed = '0xFFE8DEF8'; + /// md.sys.color.primary + static const String primary = '0xFFEADDFF'; /// md.sys.color.primary-container static const String primaryContainer = '0xFF9A82DB'; - /// md.sys.color.on-surface-variant - static const String onSurfaceVariant = '0xFFE7E0EC'; - - /// md.sys.color.inverse-on-surface - static const String inverseOnSurface = '0xFF1D1B20'; - /// md.sys.color.primary-fixed static const String primaryFixed = '0xFFEADDFF'; - /// md.sys.color.on-background - static const String onBackground = '0xFFFFFFFF'; + /// md.sys.color.primary-fixed-dim + static const String primaryFixedDim = '0xFFD0BCFF'; + + /// md.sys.color.secondary + static const String secondary = '0xFFE8DEF8'; /// md.sys.color.secondary-container static const String secondaryContainer = '0xFF958DA5'; - /// md.sys.color.on-error - static const String onError = '0xFF410E0B'; - - /// md.sys.color.on-secondary-container - static const String onSecondaryContainer = '0xFF000000'; - - /// md.sys.color.on-tertiary-fixed - static const String onTertiaryFixed = '0xFF000000'; - - /// md.sys.color.on-secondary-fixed-variant - static const String onSecondaryFixedVariant = '0xFF332D41'; - - /// md.sys.color.error-container - static const String errorContainer = '0xFFE46962'; - - /// md.sys.color.outline-variant - static const String outlineVariant = '0xFF938F99'; + /// md.sys.color.secondary-fixed + static const String secondaryFixed = '0xFFE8DEF8'; /// md.sys.color.secondary-fixed-dim static const String secondaryFixedDim = '0xFFCCC2DC'; - /// md.sys.color.on-surface - static const String onSurface = '0xFFFFFFFF'; + /// md.sys.color.tertiary + static const String tertiary = '0xFFFFD8E4'; - /// md.sys.color.primary-fixed-dim - static const String primaryFixedDim = '0xFFD0BCFF'; + /// md.sys.color.tertiary-container + static const String tertiaryContainer = '0xFFB58392'; - /// md.sys.color.error - static const String error = '0xFFF9DEDC'; + /// md.sys.color.tertiary-fixed + static const String tertiaryFixed = '0xFFFFD8E4'; - /// md.sys.color.on-tertiary - static const String onTertiary = '0xFF31111D'; + /// md.sys.color.tertiary-fixed-dim + static const String tertiaryFixedDim = '0xFFEFB8C8'; } diff --git a/packages/material_ui/tool/gen_defaults/data/color_light_high_contrast.dart b/packages/material_ui/tool/gen_defaults/data/color_light_high_contrast.dart index 1a76419c7799..bcae6be70673 100644 --- a/packages/material_ui/tool/gen_defaults/data/color_light_high_contrast.dart +++ b/packages/material_ui/tool/gen_defaults/data/color_light_high_contrast.dart @@ -5,105 +5,105 @@ // Version: 36.0.6 class TokenColorLightHighContrast { - /// md.sys.color.on-secondary-fixed - static const String onSecondaryFixed = '0xFFFFFFFF'; - - /// md.sys.color.on-primary-fixed-variant - static const String onPrimaryFixedVariant = '0xFFFFFFFF'; + /// md.sys.color.error + static const String error = '0xFF601410'; - /// md.sys.color.on-secondary - static const String onSecondary = '0xFFFFFFFF'; + /// md.sys.color.error-container + static const String errorContainer = '0xFF8C1D18'; - /// md.sys.color.tertiary - static const String tertiary = '0xFF492532'; + /// md.sys.color.inverse-on-surface + static const String inverseOnSurface = '0xFFFFFFFF'; - /// md.sys.color.tertiary-fixed - static const String tertiaryFixed = '0xFF633B48'; + /// md.sys.color.on-background + static const String onBackground = '0xFF000000'; - /// md.sys.color.outline - static const String outline = '0xFF322F37'; + /// md.sys.color.on-error + static const String onError = '0xFFFFFFFF'; /// md.sys.color.on-error-container static const String onErrorContainer = '0xFFFFFFFF'; + /// md.sys.color.on-primary + static const String onPrimary = '0xFFFFFFFF'; + /// md.sys.color.on-primary-container static const String onPrimaryContainer = '0xFFFFFFFF'; - /// md.sys.color.primary - static const String primary = '0xFF381E72'; - - /// md.sys.color.on-tertiary-fixed-variant - static const String onTertiaryFixedVariant = '0xFFFFFFFF'; - - /// md.sys.color.secondary - static const String secondary = '0xFF332D41'; - - /// md.sys.color.tertiary-container - static const String tertiaryContainer = '0xFF633B48'; - /// md.sys.color.on-primary-fixed static const String onPrimaryFixed = '0xFFFFFFFF'; - /// md.sys.color.secondary-fixed - static const String secondaryFixed = '0xFF4A4458'; + /// md.sys.color.on-primary-fixed-variant + static const String onPrimaryFixedVariant = '0xFFFFFFFF'; - /// md.sys.color.primary-container - static const String primaryContainer = '0xFF4F378B'; + /// md.sys.color.on-secondary + static const String onSecondary = '0xFFFFFFFF'; - /// md.sys.color.on-surface-variant - static const String onSurfaceVariant = '0xFF000000'; + /// md.sys.color.on-secondary-container + static const String onSecondaryContainer = '0xFFFFFFFF'; - /// md.sys.color.inverse-on-surface - static const String inverseOnSurface = '0xFFFFFFFF'; + /// md.sys.color.on-secondary-fixed + static const String onSecondaryFixed = '0xFFFFFFFF'; - /// md.sys.color.primary-fixed - static const String primaryFixed = '0xFF4F378B'; + /// md.sys.color.on-secondary-fixed-variant + static const String onSecondaryFixedVariant = '0xFFFFFFFF'; - /// md.sys.color.on-background - static const String onBackground = '0xFF000000'; + /// md.sys.color.on-surface + static const String onSurface = '0xFF000000'; - /// md.sys.color.secondary-container - static const String secondaryContainer = '0xFF4A4458'; + /// md.sys.color.on-surface-variant + static const String onSurfaceVariant = '0xFF000000'; - /// md.sys.color.on-error - static const String onError = '0xFFFFFFFF'; + /// md.sys.color.on-tertiary + static const String onTertiary = '0xFFFFFFFF'; - /// md.sys.color.on-secondary-container - static const String onSecondaryContainer = '0xFFFFFFFF'; + /// md.sys.color.on-tertiary-container + static const String onTertiaryContainer = '0xFFFFFFFF'; /// md.sys.color.on-tertiary-fixed static const String onTertiaryFixed = '0xFFFFFFFF'; - /// md.sys.color.on-secondary-fixed-variant - static const String onSecondaryFixedVariant = '0xFFFFFFFF'; + /// md.sys.color.on-tertiary-fixed-variant + static const String onTertiaryFixedVariant = '0xFFFFFFFF'; - /// md.sys.color.error-container - static const String errorContainer = '0xFF8C1D18'; + /// md.sys.color.outline + static const String outline = '0xFF322F37'; /// md.sys.color.outline-variant static const String outlineVariant = '0xFF49454F'; - /// md.sys.color.secondary-fixed-dim - static const String secondaryFixedDim = '0xFF332D41'; + /// md.sys.color.primary + static const String primary = '0xFF381E72'; - /// md.sys.color.on-surface - static const String onSurface = '0xFF000000'; + /// md.sys.color.primary-container + static const String primaryContainer = '0xFF4F378B'; + + /// md.sys.color.primary-fixed + static const String primaryFixed = '0xFF4F378B'; /// md.sys.color.primary-fixed-dim static const String primaryFixedDim = '0xFF381E72'; - /// md.sys.color.error - static const String error = '0xFF601410'; + /// md.sys.color.secondary + static const String secondary = '0xFF332D41'; - /// md.sys.color.on-tertiary - static const String onTertiary = '0xFFFFFFFF'; + /// md.sys.color.secondary-container + static const String secondaryContainer = '0xFF4A4458'; - /// md.sys.color.tertiary-fixed-dim - static const String tertiaryFixedDim = '0xFF492532'; + /// md.sys.color.secondary-fixed + static const String secondaryFixed = '0xFF4A4458'; - /// md.sys.color.on-tertiary-container - static const String onTertiaryContainer = '0xFFFFFFFF'; + /// md.sys.color.secondary-fixed-dim + static const String secondaryFixedDim = '0xFF332D41'; - /// md.sys.color.on-primary - static const String onPrimary = '0xFFFFFFFF'; + /// md.sys.color.tertiary + static const String tertiary = '0xFF492532'; + + /// md.sys.color.tertiary-container + static const String tertiaryContainer = '0xFF633B48'; + + /// md.sys.color.tertiary-fixed + static const String tertiaryFixed = '0xFF633B48'; + + /// md.sys.color.tertiary-fixed-dim + static const String tertiaryFixedDim = '0xFF492532'; } diff --git a/packages/material_ui/tool/gen_defaults/data/color_light_medium_contrast.dart b/packages/material_ui/tool/gen_defaults/data/color_light_medium_contrast.dart index e40bf0abff65..4303aadc509e 100644 --- a/packages/material_ui/tool/gen_defaults/data/color_light_medium_contrast.dart +++ b/packages/material_ui/tool/gen_defaults/data/color_light_medium_contrast.dart @@ -5,105 +5,105 @@ // Version: 36.0.6 class TokenColorLightMediumContrast { + /// md.sys.color.error + static const String error = '0xFF8C1D18'; + + /// md.sys.color.error-container + static const String errorContainer = '0xFFB3261E'; + + /// md.sys.color.inverse-on-surface + static const String inverseOnSurface = '0xFFFFFFFF'; + /// md.sys.color.on-background static const String onBackground = '0xFF000000'; - /// md.sys.color.secondary-container - static const String secondaryContainer = '0xFF625B71'; - /// md.sys.color.on-error static const String onError = '0xFFFFFFFF'; + /// md.sys.color.on-error-container + static const String onErrorContainer = '0xFFFFFFFF'; + + /// md.sys.color.on-primary + static const String onPrimary = '0xFFFFFFFF'; + + /// md.sys.color.on-primary-container + static const String onPrimaryContainer = '0xFFFFFFFF'; + + /// md.sys.color.on-primary-fixed + static const String onPrimaryFixed = '0xFFFFFFFF'; + + /// md.sys.color.on-primary-fixed-variant + static const String onPrimaryFixedVariant = '0xFFFFFFFF'; + + /// md.sys.color.on-secondary + static const String onSecondary = '0xFFFFFFFF'; + /// md.sys.color.on-secondary-container static const String onSecondaryContainer = '0xFFFFFFFF'; - /// md.sys.color.on-tertiary-fixed - static const String onTertiaryFixed = '0xFFFFFFFF'; + /// md.sys.color.on-secondary-fixed + static const String onSecondaryFixed = '0xFFFFFFFF'; /// md.sys.color.on-secondary-fixed-variant static const String onSecondaryFixedVariant = '0xFFFFFFFF'; - /// md.sys.color.error-container - static const String errorContainer = '0xFFB3261E'; - - /// md.sys.color.outline-variant - static const String outlineVariant = '0xFF79747E'; - - /// md.sys.color.secondary-fixed-dim - static const String secondaryFixedDim = '0xFF4A4458'; - /// md.sys.color.on-surface static const String onSurface = '0xFF000000'; - /// md.sys.color.primary-fixed-dim - static const String primaryFixedDim = '0xFF4F378B'; - - /// md.sys.color.error - static const String error = '0xFF8C1D18'; + /// md.sys.color.on-surface-variant + static const String onSurfaceVariant = '0xFF322F37'; /// md.sys.color.on-tertiary static const String onTertiary = '0xFFFFFFFF'; - /// md.sys.color.tertiary-fixed-dim - static const String tertiaryFixedDim = '0xFF633B48'; - /// md.sys.color.on-tertiary-container static const String onTertiaryContainer = '0xFFFFFFFF'; - /// md.sys.color.on-primary - static const String onPrimary = '0xFFFFFFFF'; - - /// md.sys.color.on-secondary-fixed - static const String onSecondaryFixed = '0xFFFFFFFF'; - - /// md.sys.color.on-primary-fixed-variant - static const String onPrimaryFixedVariant = '0xFFFFFFFF'; - - /// md.sys.color.on-secondary - static const String onSecondary = '0xFFFFFFFF'; - - /// md.sys.color.tertiary - static const String tertiary = '0xFF633B48'; + /// md.sys.color.on-tertiary-fixed + static const String onTertiaryFixed = '0xFFFFFFFF'; - /// md.sys.color.tertiary-fixed - static const String tertiaryFixed = '0xFF7D5260'; + /// md.sys.color.on-tertiary-fixed-variant + static const String onTertiaryFixedVariant = '0xFFFFFFFF'; /// md.sys.color.outline static const String outline = '0xFF49454F'; - /// md.sys.color.on-error-container - static const String onErrorContainer = '0xFFFFFFFF'; - - /// md.sys.color.on-primary-container - static const String onPrimaryContainer = '0xFFFFFFFF'; + /// md.sys.color.outline-variant + static const String outlineVariant = '0xFF79747E'; /// md.sys.color.primary static const String primary = '0xFF4F378B'; - /// md.sys.color.on-tertiary-fixed-variant - static const String onTertiaryFixedVariant = '0xFFFFFFFF'; + /// md.sys.color.primary-container + static const String primaryContainer = '0xFF6750A4'; + + /// md.sys.color.primary-fixed + static const String primaryFixed = '0xFF6750A4'; + + /// md.sys.color.primary-fixed-dim + static const String primaryFixedDim = '0xFF4F378B'; /// md.sys.color.secondary static const String secondary = '0xFF4A4458'; - /// md.sys.color.tertiary-container - static const String tertiaryContainer = '0xFF7D5260'; - - /// md.sys.color.on-primary-fixed - static const String onPrimaryFixed = '0xFFFFFFFF'; + /// md.sys.color.secondary-container + static const String secondaryContainer = '0xFF625B71'; /// md.sys.color.secondary-fixed static const String secondaryFixed = '0xFF625B71'; - /// md.sys.color.primary-container - static const String primaryContainer = '0xFF6750A4'; + /// md.sys.color.secondary-fixed-dim + static const String secondaryFixedDim = '0xFF4A4458'; - /// md.sys.color.on-surface-variant - static const String onSurfaceVariant = '0xFF322F37'; + /// md.sys.color.tertiary + static const String tertiary = '0xFF633B48'; - /// md.sys.color.inverse-on-surface - static const String inverseOnSurface = '0xFFFFFFFF'; + /// md.sys.color.tertiary-container + static const String tertiaryContainer = '0xFF7D5260'; - /// md.sys.color.primary-fixed - static const String primaryFixed = '0xFF6750A4'; + /// md.sys.color.tertiary-fixed + static const String tertiaryFixed = '0xFF7D5260'; + + /// md.sys.color.tertiary-fixed-dim + static const String tertiaryFixedDim = '0xFF633B48'; } diff --git a/packages/material_ui/tool/gen_defaults/data/data_table.dart b/packages/material_ui/tool/gen_defaults/data/data_table.dart index dacee46a6a24..ddacc8248f15 100644 --- a/packages/material_ui/tool/gen_defaults/data/data_table.dart +++ b/packages/material_ui/tool/gen_defaults/data/data_table.dart @@ -8,18 +8,6 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenDataTable { - /// md.comp.data-table.row-item.unselected.hover.state-layer.opacity - static const double rowItemUnselectedHoverStateLayerOpacity = 0.08; - - /// md.comp.data-table.outline.color - static const TokenColorRole outlineColor = TokenColorRole.outlineVariant; - - /// md.comp.data-table.header.container.height - static const double headerContainerHeight = 56.00; - - /// md.comp.data-table.header.container.color - static const TokenColorRole headerContainerColor = TokenColorRole.surface; - /// md.comp.data-table.container.shape static const ShapeStruct containerShape = ShapeStruct( family: 'SHAPE_FAMILY_ROUNDED_CORNERS', @@ -29,76 +17,79 @@ class TokenDataTable { bottomRight: 4.00, ); - /// md.comp.data-table.row-item.selected.container.color - static const TokenColorRole rowItemSelectedContainerColor = - TokenColorRole.surfaceContainerHighest; + /// md.comp.data-table.footer.container.color + static const TokenColorRole footerContainerColor = TokenColorRole.surface; - /// md.comp.data-table.row-item.disabled.label-text.opacity - static const double rowItemDisabledLabelTextOpacity = 0.38; + /// md.comp.data-table.footer.container.height + static const double footerContainerHeight = 52.00; /// md.comp.data-table.footer.supporting-text.color - static const TokenColorRole footerSupportingTextColor = - TokenColorRole.onSurfaceVariant; + static const TokenColorRole footerSupportingTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.data-table.outline.width - static const double outlineWidth = 1.00; + /// md.comp.data-table.footer.supporting-text.font + static const String footerSupportingTextFont = 'Roboto'; - /// md.comp.data-table.footer.container.color - static const TokenColorRole footerContainerColor = TokenColorRole.surface; + /// md.comp.data-table.header.container.color + static const TokenColorRole headerContainerColor = TokenColorRole.surface; - /// md.comp.data-table.row-item.label-text.font - static const String rowItemLabelTextFont = 'Roboto'; + /// md.comp.data-table.header.container.height + static const double headerContainerHeight = 56.00; - /// md.comp.data-table.row-item.label-text.color - static const TokenColorRole rowItemLabelTextColor = TokenColorRole.onSurface; + /// md.comp.data-table.header.headline.color + static const TokenColorRole headerHeadlineColor = TokenColorRole.onSurfaceVariant; - /// md.comp.data-table.row-item.unselected.hover.state-layer.color - static const TokenColorRole rowItemUnselectedHoverStateLayerColor = - TokenColorRole.onSurface; + /// md.comp.data-table.header.headline.font + static const String headerHeadlineFont = 'Roboto'; - /// md.comp.data-table.row-item.outline.color - static const TokenColorRole rowItemOutlineColor = - TokenColorRole.outlineVariant; + /// md.comp.data-table.header.hover.headline.color + static const TokenColorRole headerHoverHeadlineColor = TokenColorRole.onSurface; /// md.comp.data-table.header.hover.sorting.icon-button.color - static const TokenColorRole headerHoverSortingIconButtonColor = - TokenColorRole.onSurface; + static const TokenColorRole headerHoverSortingIconButtonColor = TokenColorRole.onSurface; - /// md.comp.data-table.row-item.unselected.container.color - static const TokenColorRole rowItemUnselectedContainerColor = - TokenColorRole.surface; + /// md.comp.data-table.outline.color + static const TokenColorRole outlineColor = TokenColorRole.outlineVariant; + + /// md.comp.data-table.outline.width + static const double outlineWidth = 1.00; /// md.comp.data-table.row-item.container.height static const double rowItemContainerHeight = 52.00; - /// md.comp.data-table.row-item.selected.hover.state-layer.opacity - static const double rowItemSelectedHoverStateLayerOpacity = 0.08; + /// md.comp.data-table.row-item.disabled.label-text.color + static const TokenColorRole rowItemDisabledLabelTextColor = TokenColorRole.onSurface; - /// md.comp.data-table.header.hover.headline.color - static const TokenColorRole headerHoverHeadlineColor = - TokenColorRole.onSurface; + /// md.comp.data-table.row-item.disabled.label-text.opacity + static const double rowItemDisabledLabelTextOpacity = 0.38; - /// md.comp.data-table.row-item.disabled.label-text.color - static const TokenColorRole rowItemDisabledLabelTextColor = - TokenColorRole.onSurface; + /// md.comp.data-table.row-item.label-text.color + static const TokenColorRole rowItemLabelTextColor = TokenColorRole.onSurface; - /// md.comp.data-table.row-item.selected.hover.state-layer.color - static const TokenColorRole rowItemSelectedHoverStateLayerColor = - TokenColorRole.onSurface; + /// md.comp.data-table.row-item.label-text.font + static const String rowItemLabelTextFont = 'Roboto'; + + /// md.comp.data-table.row-item.outline.color + static const TokenColorRole rowItemOutlineColor = TokenColorRole.outlineVariant; /// md.comp.data-table.row-item.outline.width static const double rowItemOutlineWidth = 1.00; - /// md.comp.data-table.header.headline.color - static const TokenColorRole headerHeadlineColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.data-table.row-item.selected.container.color + static const TokenColorRole rowItemSelectedContainerColor = + TokenColorRole.surfaceContainerHighest; - /// md.comp.data-table.header.headline.font - static const String headerHeadlineFont = 'Roboto'; + /// md.comp.data-table.row-item.selected.hover.state-layer.color + static const TokenColorRole rowItemSelectedHoverStateLayerColor = TokenColorRole.onSurface; - /// md.comp.data-table.footer.container.height - static const double footerContainerHeight = 52.00; + /// md.comp.data-table.row-item.selected.hover.state-layer.opacity + static const double rowItemSelectedHoverStateLayerOpacity = 0.08; - /// md.comp.data-table.footer.supporting-text.font - static const String footerSupportingTextFont = 'Roboto'; + /// md.comp.data-table.row-item.unselected.container.color + static const TokenColorRole rowItemUnselectedContainerColor = TokenColorRole.surface; + + /// md.comp.data-table.row-item.unselected.hover.state-layer.color + static const TokenColorRole rowItemUnselectedHoverStateLayerColor = TokenColorRole.onSurface; + + /// md.comp.data-table.row-item.unselected.hover.state-layer.opacity + static const double rowItemUnselectedHoverStateLayerOpacity = 0.08; } diff --git a/packages/material_ui/tool/gen_defaults/data/date_input_modal.dart b/packages/material_ui/tool/gen_defaults/data/date_input_modal.dart index ab0497fd3635..255309d729d0 100644 --- a/packages/material_ui/tool/gen_defaults/data/date_input_modal.dart +++ b/packages/material_ui/tool/gen_defaults/data/date_input_modal.dart @@ -8,75 +8,72 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenDateInputModal { - /// md.comp.date-input.modal.header.headline.color - static const TokenColorRole headerHeadlineColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.date-input.modal.container.color + static const TokenColorRole containerColor = TokenColorRole.surfaceContainerHigh; + + /// md.comp.date-input.modal.container.elevation + static const double containerElevation = 6.00; + + /// md.comp.date-input.modal.container.height + static const double containerHeight = 512.00; + + /// md.comp.date-input.modal.container.shape + static const ShapeStruct containerShape = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 28.00, + topRight: 28.00, + bottomLeft: 28.00, + bottomRight: 28.00, + ); /// md.comp.date-input.modal.container.width static const double containerWidth = 328.00; - /// md.comp.date-input.modal.header.supporting-text.font - static const String headerSupportingTextFont = 'Roboto'; + /// md.comp.date-input.modal.header.container.height + static const double headerContainerHeight = 120.00; - /// md.comp.date-input.modal.header.supporting-text.color - static const TokenColorRole headerSupportingTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.date-input.modal.header.container.width + static const double headerContainerWidth = 328.00; - /// md.comp.date-input.modal.container.color - static const TokenColorRole containerColor = - TokenColorRole.surfaceContainerHigh; + /// md.comp.date-input.modal.header.headline.color + static const TokenColorRole headerHeadlineColor = TokenColorRole.onSurfaceVariant; + + /// md.comp.date-input.modal.header.headline.font + static const String headerHeadlineFont = 'Roboto'; /// md.comp.date-input.modal.header.headline.type - static const double headerHeadlineTypeFontSize = 32.00; + static const String headerHeadlineTypeFontFamily = 'Roboto'; /// md.comp.date-input.modal.header.headline.type - static const double headerHeadlineTypeFontWeight = 400; + static const double headerHeadlineTypeFontSize = 32.00; /// md.comp.date-input.modal.header.headline.type - static const double headerHeadlineTypeLineHeight = 40.00; + static const double headerHeadlineTypeFontWeight = 400; /// md.comp.date-input.modal.header.headline.type static const double headerHeadlineTypeLetterSpacing = 0.00; /// md.comp.date-input.modal.header.headline.type - static const String headerHeadlineTypeFontFamily = 'Roboto'; + static const double headerHeadlineTypeLineHeight = 40.00; - /// md.comp.date-input.modal.container.shape - static const ShapeStruct containerShape = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 28.00, - topRight: 28.00, - bottomLeft: 28.00, - bottomRight: 28.00, - ); + /// md.comp.date-input.modal.header.supporting-text.color + static const TokenColorRole headerSupportingTextColor = TokenColorRole.onSurfaceVariant; + + /// md.comp.date-input.modal.header.supporting-text.font + static const String headerSupportingTextFont = 'Roboto'; /// md.comp.date-input.modal.header.supporting-text.type - static const double headerSupportingTextTypeFontSize = 14.00; + static const String headerSupportingTextTypeFontFamily = 'Roboto'; /// md.comp.date-input.modal.header.supporting-text.type - static const double headerSupportingTextTypeFontWeight = 500; + static const double headerSupportingTextTypeFontSize = 14.00; /// md.comp.date-input.modal.header.supporting-text.type - static const double headerSupportingTextTypeLineHeight = 20.00; + static const double headerSupportingTextTypeFontWeight = 500; /// md.comp.date-input.modal.header.supporting-text.type static const double headerSupportingTextTypeLetterSpacing = 0.10; /// md.comp.date-input.modal.header.supporting-text.type - static const String headerSupportingTextTypeFontFamily = 'Roboto'; - - /// md.comp.date-input.modal.header.container.width - static const double headerContainerWidth = 328.00; - - /// md.comp.date-input.modal.header.headline.font - static const String headerHeadlineFont = 'Roboto'; - - /// md.comp.date-input.modal.header.container.height - static const double headerContainerHeight = 120.00; - - /// md.comp.date-input.modal.container.elevation - static const double containerElevation = 6.00; - - /// md.comp.date-input.modal.container.height - static const double containerHeight = 512.00; + static const double headerSupportingTextTypeLineHeight = 20.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/date_picker_docked.dart b/packages/material_ui/tool/gen_defaults/data/date_picker_docked.dart index b9ceef5eb34f..e8abeafa3e4e 100644 --- a/packages/material_ui/tool/gen_defaults/data/date_picker_docked.dart +++ b/packages/material_ui/tool/gen_defaults/data/date_picker_docked.dart @@ -8,34 +8,14 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenDatePickerDocked { - /// md.comp.date-picker.docked.menu-button.label-text.font - static const String menuButtonLabelTextFont = 'Roboto'; - - /// md.comp.date-picker.docked.date.unselected.label-text.color - static const TokenColorRole dateUnselectedLabelTextColor = - TokenColorRole.onSurface; - - /// md.comp.date-picker.docked.date.label-text.type - static const double dateLabelTextTypeFontSize = 16.00; - - /// md.comp.date-picker.docked.date.label-text.type - static const double dateLabelTextTypeFontWeight = 400; - - /// md.comp.date-picker.docked.date.label-text.type - static const double dateLabelTextTypeLineHeight = 24.00; - - /// md.comp.date-picker.docked.date.label-text.type - static const double dateLabelTextTypeLetterSpacing = 0.50; - - /// md.comp.date-picker.docked.date.label-text.type - static const String dateLabelTextTypeFontFamily = 'Roboto'; + /// md.comp.date-picker.docked.container.color + static const TokenColorRole containerColor = TokenColorRole.surfaceContainerHigh; - /// md.comp.date-picker.docked.menu.list-item.pressed.label-text.color - static const TokenColorRole menuListItemPressedLabelTextColor = - TokenColorRole.onSurface; + /// md.comp.date-picker.docked.container.elevation + static const double containerElevation = 6.00; - /// md.comp.date-picker.docked.date.today.container.outline.width - static const double dateTodayContainerOutlineWidth = 1.00; + /// md.comp.date-picker.docked.container.height + static const double containerHeight = 456.00; /// md.comp.date-picker.docked.container.shape static const ShapeStruct containerShape = ShapeStruct( @@ -46,121 +26,71 @@ class TokenDatePickerDocked { bottomRight: 16.00, ); - /// md.comp.date-picker.docked.menu.list-item.hover.state-layer.color - static const TokenColorRole menuListItemHoverStateLayerColor = - TokenColorRole.onSurface; + /// md.comp.date-picker.docked.container.width + static const double containerWidth = 360.00; /// md.comp.date-picker.docked.date.container.height static const double dateContainerHeight = 48.00; - /// md.comp.date-picker.docked.date.today.focus.state-layer.color - static const TokenColorRole dateTodayFocusStateLayerColor = - TokenColorRole.primary; - - /// md.comp.date-picker.docked.menu.list-item.focus.state-layer.color - static const TokenColorRole menuListItemFocusStateLayerColor = - TokenColorRole.onSurface; - - /// md.comp.date-picker.docked.menu-button.pressed.state-layer.color - static const TokenColorRole menuButtonPressedStateLayerColor = - TokenColorRole.onSurfaceVariant; - - /// md.comp.date-picker.docked.weekdays.label-text.type - static const double weekdaysLabelTextTypeFontSize = 16.00; - - /// md.comp.date-picker.docked.weekdays.label-text.type - static const double weekdaysLabelTextTypeFontWeight = 400; - - /// md.comp.date-picker.docked.weekdays.label-text.type - static const double weekdaysLabelTextTypeLineHeight = 24.00; - - /// md.comp.date-picker.docked.weekdays.label-text.type - static const double weekdaysLabelTextTypeLetterSpacing = 0.50; + /// md.comp.date-picker.docked.date.container.shape + static const ShapeStruct dateContainerShape = ShapeStruct( + family: 'SHAPE_FAMILY_CIRCULAR', + topLeft: 0.00, + topRight: 0.00, + bottomLeft: 0.00, + bottomRight: 0.00, + ); - /// md.comp.date-picker.docked.weekdays.label-text.type - static const String weekdaysLabelTextTypeFontFamily = 'Roboto'; + /// md.comp.date-picker.docked.date.container.width + static const double dateContainerWidth = 48.00; /// md.comp.date-picker.docked.date.focus.state-layer.opacity static const double dateFocusStateLayerOpacity = 0.10; - /// md.comp.date-picker.docked.menu.list-item.selected.container.color - static const TokenColorRole menuListItemSelectedContainerColor = - TokenColorRole.surfaceVariant; - - /// md.comp.date-picker.docked.menu-button.label-text.color - static const TokenColorRole menuButtonLabelTextColor = - TokenColorRole.onSurfaceVariant; - - /// md.comp.date-picker.docked.menu.list-item.hover.label-text.color - static const TokenColorRole menuListItemHoverLabelTextColor = - TokenColorRole.onSurface; - - /// md.comp.date-picker.docked.menu-button.focus.state-layer.color - static const TokenColorRole menuButtonFocusStateLayerColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.date-picker.docked.date.hover.state-layer.opacity + static const double dateHoverStateLayerOpacity = 0.08; /// md.comp.date-picker.docked.date.label-text.font static const String dateLabelTextFont = 'Roboto'; - /// md.comp.date-picker.docked.menu-button.pressed.state-layer.opacity - static const double menuButtonPressedStateLayerOpacity = 0.10; - - /// md.comp.date-picker.docked.menu-button.disabled.label-text.opacity - static const double menuButtonDisabledLabelTextOpacity = 0.38; - - /// md.comp.date-picker.docked.menu-button.icon.color - static const TokenColorRole menuButtonIconColor = - TokenColorRole.onSurfaceVariant; - - /// md.comp.date-picker.docked.date.selected.hover.state-layer.color - static const TokenColorRole dateSelectedHoverStateLayerColor = - TokenColorRole.onPrimary; - - /// md.comp.date-picker.docked.menu.list-item.hover.state-layer.opacity - static const double menuListItemHoverStateLayerOpacity = 0.08; - - /// md.comp.date-picker.docked.date.unselected.outside-month.label-text.color - static const TokenColorRole dateUnselectedOutsideMonthLabelTextColor = - TokenColorRole.onSurface; + /// md.comp.date-picker.docked.date.label-text.type + static const String dateLabelTextTypeFontFamily = 'Roboto'; - /// md.comp.date-picker.docked.date.today.container.outline.color - static const TokenColorRole dateTodayContainerOutlineColor = - TokenColorRole.primary; + /// md.comp.date-picker.docked.date.label-text.type + static const double dateLabelTextTypeFontSize = 16.00; - /// md.comp.date-picker.docked.menu.list-item.label-text.type - static const double menuListItemLabelTextTypeFontSize = 16.00; + /// md.comp.date-picker.docked.date.label-text.type + static const double dateLabelTextTypeFontWeight = 400; - /// md.comp.date-picker.docked.menu.list-item.label-text.type - static const double menuListItemLabelTextTypeFontWeight = 400; + /// md.comp.date-picker.docked.date.label-text.type + static const double dateLabelTextTypeLetterSpacing = 0.50; - /// md.comp.date-picker.docked.menu.list-item.label-text.type - static const double menuListItemLabelTextTypeLineHeight = 24.00; + /// md.comp.date-picker.docked.date.label-text.type + static const double dateLabelTextTypeLineHeight = 24.00; - /// md.comp.date-picker.docked.menu.list-item.label-text.type - static const double menuListItemLabelTextTypeLetterSpacing = 0.50; + /// md.comp.date-picker.docked.date.pressed.state-layer.opacity + static const double datePressedStateLayerOpacity = 0.10; - /// md.comp.date-picker.docked.menu.list-item.label-text.type - static const String menuListItemLabelTextTypeFontFamily = 'Roboto'; + /// md.comp.date-picker.docked.date.selected.container.color + static const TokenColorRole dateSelectedContainerColor = TokenColorRole.primary; - /// md.comp.date-picker.docked.menu-button.pressed.icon.color - static const TokenColorRole menuButtonPressedIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.date-picker.docked.date.selected.focus.state-layer.color + static const TokenColorRole dateSelectedFocusStateLayerColor = TokenColorRole.onPrimary; - /// md.comp.date-picker.docked.menu-button.container.height - static const double menuButtonContainerHeight = 40.00; + /// md.comp.date-picker.docked.date.selected.hover.state-layer.color + static const TokenColorRole dateSelectedHoverStateLayerColor = TokenColorRole.onPrimary; - /// md.comp.date-picker.docked.menu.list-item.selected.leading-icon.color - static const TokenColorRole menuListItemSelectedLeadingIconColor = - TokenColorRole.onSurface; + /// md.comp.date-picker.docked.date.selected.label-text.color + static const TokenColorRole dateSelectedLabelTextColor = TokenColorRole.onPrimary; - /// md.comp.date-picker.docked.menu.list-item.focus.state-layer.opacity - static const double menuListItemFocusStateLayerOpacity = 0.10; + /// md.comp.date-picker.docked.date.selected.pressed.state-layer.color + static const TokenColorRole dateSelectedPressedStateLayerColor = TokenColorRole.onPrimary; - /// md.comp.date-picker.docked.date.unselected.outside-month.label-text.opacity - static const double dateUnselectedOutsideMonthLabelTextOpacity = 0.38; + /// md.comp.date-picker.docked.date.state-layer.height + static const double dateStateLayerHeight = 40.00; - /// md.comp.date-picker.docked.date.container.shape - static const ShapeStruct dateContainerShape = ShapeStruct( + /// md.comp.date-picker.docked.date.state-layer.shape + static const ShapeStruct dateStateLayerShape = ShapeStruct( family: 'SHAPE_FAMILY_CIRCULAR', topLeft: 0.00, topRight: 0.00, @@ -168,50 +98,51 @@ class TokenDatePickerDocked { bottomRight: 0.00, ); - /// md.comp.date-picker.docked.date.state-layer.height - static const double dateStateLayerHeight = 40.00; + /// md.comp.date-picker.docked.date.state-layer.width + static const double dateStateLayerWidth = 40.00; - /// md.comp.date-picker.docked.date.selected.label-text.color - static const TokenColorRole dateSelectedLabelTextColor = - TokenColorRole.onPrimary; + /// md.comp.date-picker.docked.date.today.container.outline.color + static const TokenColorRole dateTodayContainerOutlineColor = TokenColorRole.primary; - /// md.comp.date-picker.docked.date.today.hover.state-layer.color - static const TokenColorRole dateTodayHoverStateLayerColor = - TokenColorRole.primary; + /// md.comp.date-picker.docked.date.today.container.outline.width + static const double dateTodayContainerOutlineWidth = 1.00; - /// md.comp.date-picker.docked.menu-button.focus.state-layer.opacity - static const double menuButtonFocusStateLayerOpacity = 0.10; + /// md.comp.date-picker.docked.date.today.focus.state-layer.color + static const TokenColorRole dateTodayFocusStateLayerColor = TokenColorRole.primary; - /// md.comp.date-picker.docked.weekdays.label-text.font - static const String weekdaysLabelTextFont = 'Roboto'; + /// md.comp.date-picker.docked.date.today.hover.state-layer.color + static const TokenColorRole dateTodayHoverStateLayerColor = TokenColorRole.primary; - /// md.comp.date-picker.docked.menu.list-item.pressed.state-layer.opacity - static const double menuListItemPressedStateLayerOpacity = 0.10; + /// md.comp.date-picker.docked.date.today.label-text.color + static const TokenColorRole dateTodayLabelTextColor = TokenColorRole.primary; - /// md.comp.date-picker.docked.menu.list-item.focus.label-text.color - static const TokenColorRole menuListItemFocusLabelTextColor = - TokenColorRole.onSurface; + /// md.comp.date-picker.docked.date.today.pressed.state-layer.color + static const TokenColorRole dateTodayPressedStateLayerColor = TokenColorRole.primary; - /// md.comp.date-picker.docked.menu.list-item.selected.pressed.leading-icon.color - static const TokenColorRole menuListItemSelectedPressedLeadingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.date-picker.docked.date.unselected.focus.state-layer.color + static const TokenColorRole dateUnselectedFocusStateLayerColor = TokenColorRole.onSurfaceVariant; - /// md.comp.date-picker.docked.menu.list-item.pressed.state-layer.color - static const TokenColorRole menuListItemPressedStateLayerColor = - TokenColorRole.onSurface; + /// md.comp.date-picker.docked.date.unselected.hover.state-layer.color + static const TokenColorRole dateUnselectedHoverStateLayerColor = TokenColorRole.onSurfaceVariant; - /// md.comp.date-picker.docked.menu.list-item.label-text.font - static const String menuListItemLabelTextFont = 'Roboto'; + /// md.comp.date-picker.docked.date.unselected.label-text.color + static const TokenColorRole dateUnselectedLabelTextColor = TokenColorRole.onSurface; - /// md.comp.date-picker.docked.menu-button.icon.size - static const double menuButtonIconSize = 18.00; + /// md.comp.date-picker.docked.date.unselected.outside-month.label-text.color + static const TokenColorRole dateUnselectedOutsideMonthLabelTextColor = TokenColorRole.onSurface; - /// md.comp.date-picker.docked.menu-button.focus.icon.color - static const TokenColorRole menuButtonFocusIconColor = + /// md.comp.date-picker.docked.date.unselected.outside-month.label-text.opacity + static const double dateUnselectedOutsideMonthLabelTextOpacity = 0.38; + + /// md.comp.date-picker.docked.date.unselected.pressed.state-layer.color + static const TokenColorRole dateUnselectedPressedStateLayerColor = TokenColorRole.onSurfaceVariant; - /// md.comp.date-picker.docked.container.elevation - static const double containerElevation = 6.00; + /// md.comp.date-picker.docked.header.height + static const double headerHeight = 64.00; + + /// md.comp.date-picker.docked.menu-button.container.height + static const double menuButtonContainerHeight = 40.00; /// md.comp.date-picker.docked.menu-button.container.shape static const ShapeStruct menuButtonContainerShape = ShapeStruct( @@ -222,85 +153,56 @@ class TokenDatePickerDocked { bottomRight: 0.00, ); + /// md.comp.date-picker.docked.menu-button.disabled.icon.color + static const TokenColorRole menuButtonDisabledIconColor = TokenColorRole.onSurface; + /// md.comp.date-picker.docked.menu-button.disabled.icon.opacity static const double menuButtonDisabledIconOpacity = 0.38; - /// md.comp.date-picker.docked.menu-button.hover.label-text.color - static const TokenColorRole menuButtonHoverLabelTextColor = - TokenColorRole.onSurfaceVariant; - - /// md.comp.date-picker.docked.menu-button.disabled.icon.color - static const TokenColorRole menuButtonDisabledIconColor = - TokenColorRole.onSurface; + /// md.comp.date-picker.docked.menu-button.disabled.label-text.color + static const TokenColorRole menuButtonDisabledLabelTextColor = TokenColorRole.onSurface; - /// md.comp.date-picker.docked.weekdays.label-text.color - static const TokenColorRole weekdaysLabelTextColor = TokenColorRole.onSurface; + /// md.comp.date-picker.docked.menu-button.disabled.label-text.opacity + static const double menuButtonDisabledLabelTextOpacity = 0.38; - /// md.comp.date-picker.docked.menu-button.disabled.label-text.color - static const TokenColorRole menuButtonDisabledLabelTextColor = - TokenColorRole.onSurface; + /// md.comp.date-picker.docked.menu-button.focus.icon.color + static const TokenColorRole menuButtonFocusIconColor = TokenColorRole.onSurfaceVariant; /// md.comp.date-picker.docked.menu-button.focus.label-text.color - static const TokenColorRole menuButtonFocusLabelTextColor = - TokenColorRole.onSurfaceVariant; + static const TokenColorRole menuButtonFocusLabelTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.date-picker.docked.menu.list-item.selected.focus.leading-icon.color - static const TokenColorRole menuListItemSelectedFocusLeadingIconColor = - TokenColorRole.onSurfaceVariant; - - /// md.comp.date-picker.docked.date.selected.focus.state-layer.color - static const TokenColorRole dateSelectedFocusStateLayerColor = - TokenColorRole.onPrimary; + /// md.comp.date-picker.docked.menu-button.focus.state-layer.color + static const TokenColorRole menuButtonFocusStateLayerColor = TokenColorRole.onSurfaceVariant; - /// md.comp.date-picker.docked.container.height - static const double containerHeight = 456.00; + /// md.comp.date-picker.docked.menu-button.focus.state-layer.opacity + static const double menuButtonFocusStateLayerOpacity = 0.10; /// md.comp.date-picker.docked.menu-button.hover.icon.color - static const TokenColorRole menuButtonHoverIconColor = - TokenColorRole.onSurfaceVariant; + static const TokenColorRole menuButtonHoverIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.date-picker.docked.container.width - static const double containerWidth = 360.00; - - /// md.comp.date-picker.docked.date.hover.state-layer.opacity - static const double dateHoverStateLayerOpacity = 0.08; - - /// md.comp.date-picker.docked.date.selected.container.color - static const TokenColorRole dateSelectedContainerColor = - TokenColorRole.primary; - - /// md.comp.date-picker.docked.menu.list-item.selected.leading-icon.size - static const double menuListItemSelectedLeadingIconSize = 24.00; + /// md.comp.date-picker.docked.menu-button.hover.label-text.color + static const TokenColorRole menuButtonHoverLabelTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.date-picker.docked.date.pressed.state-layer.opacity - static const double datePressedStateLayerOpacity = 0.10; + /// md.comp.date-picker.docked.menu-button.hover.state-layer.color + static const TokenColorRole menuButtonHoverStateLayerColor = TokenColorRole.onSurfaceVariant; - /// md.comp.date-picker.docked.date.state-layer.width - static const double dateStateLayerWidth = 40.00; + /// md.comp.date-picker.docked.menu-button.hover.state-layer.opacity + static const double menuButtonHoverStateLayerOpacity = 0.08; - /// md.comp.date-picker.docked.menu.list-item.container.height - static const double menuListItemContainerHeight = 48.00; + /// md.comp.date-picker.docked.menu-button.icon.color + static const TokenColorRole menuButtonIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.date-picker.docked.menu.list-item.label-text.color - static const TokenColorRole menuListItemLabelTextColor = - TokenColorRole.onSurface; + /// md.comp.date-picker.docked.menu-button.icon.size + static const double menuButtonIconSize = 18.00; - /// md.comp.date-picker.docked.menu-button.hover.state-layer.color - static const TokenColorRole menuButtonHoverStateLayerColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.date-picker.docked.menu-button.label-text.color + static const TokenColorRole menuButtonLabelTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.date-picker.docked.date.state-layer.shape - static const ShapeStruct dateStateLayerShape = ShapeStruct( - family: 'SHAPE_FAMILY_CIRCULAR', - topLeft: 0.00, - topRight: 0.00, - bottomLeft: 0.00, - bottomRight: 0.00, - ); + /// md.comp.date-picker.docked.menu-button.label-text.font + static const String menuButtonLabelTextFont = 'Roboto'; - /// md.comp.date-picker.docked.date.today.pressed.state-layer.color - static const TokenColorRole dateTodayPressedStateLayerColor = - TokenColorRole.primary; + /// md.comp.date-picker.docked.menu-button.label-text.type + static const String menuButtonLabelTextTypeFontFamily = 'Roboto'; /// md.comp.date-picker.docked.menu-button.label-text.type static const double menuButtonLabelTextTypeFontSize = 14.00; @@ -308,52 +210,114 @@ class TokenDatePickerDocked { /// md.comp.date-picker.docked.menu-button.label-text.type static const double menuButtonLabelTextTypeFontWeight = 500; - /// md.comp.date-picker.docked.menu-button.label-text.type - static const double menuButtonLabelTextTypeLineHeight = 20.00; - /// md.comp.date-picker.docked.menu-button.label-text.type static const double menuButtonLabelTextTypeLetterSpacing = 0.10; /// md.comp.date-picker.docked.menu-button.label-text.type - static const String menuButtonLabelTextTypeFontFamily = 'Roboto'; - - /// md.comp.date-picker.docked.date.unselected.hover.state-layer.color - static const TokenColorRole dateUnselectedHoverStateLayerColor = - TokenColorRole.onSurfaceVariant; + static const double menuButtonLabelTextTypeLineHeight = 20.00; - /// md.comp.date-picker.docked.date.today.label-text.color - static const TokenColorRole dateTodayLabelTextColor = TokenColorRole.primary; + /// md.comp.date-picker.docked.menu-button.pressed.icon.color + static const TokenColorRole menuButtonPressedIconColor = TokenColorRole.onSurfaceVariant; /// md.comp.date-picker.docked.menu-button.pressed.label-text.color - static const TokenColorRole menuButtonPressedLabelTextColor = - TokenColorRole.onSurfaceVariant; + static const TokenColorRole menuButtonPressedLabelTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.date-picker.docked.container.color - static const TokenColorRole containerColor = - TokenColorRole.surfaceContainerHigh; + /// md.comp.date-picker.docked.menu-button.pressed.state-layer.color + static const TokenColorRole menuButtonPressedStateLayerColor = TokenColorRole.onSurfaceVariant; - /// md.comp.date-picker.docked.date.selected.pressed.state-layer.color - static const TokenColorRole dateSelectedPressedStateLayerColor = - TokenColorRole.onPrimary; + /// md.comp.date-picker.docked.menu-button.pressed.state-layer.opacity + static const double menuButtonPressedStateLayerOpacity = 0.10; - /// md.comp.date-picker.docked.date.container.width - static const double dateContainerWidth = 48.00; + /// md.comp.date-picker.docked.menu.list-item.container.height + static const double menuListItemContainerHeight = 48.00; - /// md.comp.date-picker.docked.date.unselected.pressed.state-layer.color - static const TokenColorRole dateUnselectedPressedStateLayerColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.date-picker.docked.menu.list-item.focus.label-text.color + static const TokenColorRole menuListItemFocusLabelTextColor = TokenColorRole.onSurface; - /// md.comp.date-picker.docked.date.unselected.focus.state-layer.color - static const TokenColorRole dateUnselectedFocusStateLayerColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.date-picker.docked.menu.list-item.focus.state-layer.color + static const TokenColorRole menuListItemFocusStateLayerColor = TokenColorRole.onSurface; - /// md.comp.date-picker.docked.header.height - static const double headerHeight = 64.00; + /// md.comp.date-picker.docked.menu.list-item.focus.state-layer.opacity + static const double menuListItemFocusStateLayerOpacity = 0.10; - /// md.comp.date-picker.docked.menu-button.hover.state-layer.opacity - static const double menuButtonHoverStateLayerOpacity = 0.08; + /// md.comp.date-picker.docked.menu.list-item.hover.label-text.color + static const TokenColorRole menuListItemHoverLabelTextColor = TokenColorRole.onSurface; + + /// md.comp.date-picker.docked.menu.list-item.hover.state-layer.color + static const TokenColorRole menuListItemHoverStateLayerColor = TokenColorRole.onSurface; + + /// md.comp.date-picker.docked.menu.list-item.hover.state-layer.opacity + static const double menuListItemHoverStateLayerOpacity = 0.08; + + /// md.comp.date-picker.docked.menu.list-item.label-text.color + static const TokenColorRole menuListItemLabelTextColor = TokenColorRole.onSurface; + + /// md.comp.date-picker.docked.menu.list-item.label-text.font + static const String menuListItemLabelTextFont = 'Roboto'; + + /// md.comp.date-picker.docked.menu.list-item.label-text.type + static const String menuListItemLabelTextTypeFontFamily = 'Roboto'; + + /// md.comp.date-picker.docked.menu.list-item.label-text.type + static const double menuListItemLabelTextTypeFontSize = 16.00; + + /// md.comp.date-picker.docked.menu.list-item.label-text.type + static const double menuListItemLabelTextTypeFontWeight = 400; + + /// md.comp.date-picker.docked.menu.list-item.label-text.type + static const double menuListItemLabelTextTypeLetterSpacing = 0.50; + + /// md.comp.date-picker.docked.menu.list-item.label-text.type + static const double menuListItemLabelTextTypeLineHeight = 24.00; + + /// md.comp.date-picker.docked.menu.list-item.pressed.label-text.color + static const TokenColorRole menuListItemPressedLabelTextColor = TokenColorRole.onSurface; + + /// md.comp.date-picker.docked.menu.list-item.pressed.state-layer.color + static const TokenColorRole menuListItemPressedStateLayerColor = TokenColorRole.onSurface; + + /// md.comp.date-picker.docked.menu.list-item.pressed.state-layer.opacity + static const double menuListItemPressedStateLayerOpacity = 0.10; + + /// md.comp.date-picker.docked.menu.list-item.selected.container.color + static const TokenColorRole menuListItemSelectedContainerColor = TokenColorRole.surfaceVariant; + + /// md.comp.date-picker.docked.menu.list-item.selected.focus.leading-icon.color + static const TokenColorRole menuListItemSelectedFocusLeadingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.date-picker.docked.menu.list-item.selected.hover.leading-icon.color static const TokenColorRole menuListItemSelectedHoverLeadingIconColor = TokenColorRole.onSurfaceVariant; + + /// md.comp.date-picker.docked.menu.list-item.selected.leading-icon.color + static const TokenColorRole menuListItemSelectedLeadingIconColor = TokenColorRole.onSurface; + + /// md.comp.date-picker.docked.menu.list-item.selected.leading-icon.size + static const double menuListItemSelectedLeadingIconSize = 24.00; + + /// md.comp.date-picker.docked.menu.list-item.selected.pressed.leading-icon.color + static const TokenColorRole menuListItemSelectedPressedLeadingIconColor = + TokenColorRole.onSurfaceVariant; + + /// md.comp.date-picker.docked.weekdays.label-text.color + static const TokenColorRole weekdaysLabelTextColor = TokenColorRole.onSurface; + + /// md.comp.date-picker.docked.weekdays.label-text.font + static const String weekdaysLabelTextFont = 'Roboto'; + + /// md.comp.date-picker.docked.weekdays.label-text.type + static const String weekdaysLabelTextTypeFontFamily = 'Roboto'; + + /// md.comp.date-picker.docked.weekdays.label-text.type + static const double weekdaysLabelTextTypeFontSize = 16.00; + + /// md.comp.date-picker.docked.weekdays.label-text.type + static const double weekdaysLabelTextTypeFontWeight = 400; + + /// md.comp.date-picker.docked.weekdays.label-text.type + static const double weekdaysLabelTextTypeLetterSpacing = 0.50; + + /// md.comp.date-picker.docked.weekdays.label-text.type + static const double weekdaysLabelTextTypeLineHeight = 24.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/date_picker_modal.dart b/packages/material_ui/tool/gen_defaults/data/date_picker_modal.dart index 8bb7ac2834a5..fd1dd098d8c3 100644 --- a/packages/material_ui/tool/gen_defaults/data/date_picker_modal.dart +++ b/packages/material_ui/tool/gen_defaults/data/date_picker_modal.dart @@ -8,100 +8,32 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenDatePickerModal { - /// md.comp.date-picker.modal.date.state-layer.shape - static const ShapeStruct dateStateLayerShape = ShapeStruct( - family: 'SHAPE_FAMILY_CIRCULAR', - topLeft: 0.00, - topRight: 0.00, - bottomLeft: 0.00, - bottomRight: 0.00, - ); - - /// md.comp.date-picker.modal.year-selection.year.unselected.hover.state-layer.color - static const TokenColorRole yearSelectionYearUnselectedHoverStateLayerColor = - TokenColorRole.onSurfaceVariant; - - /// md.comp.date-picker.modal.range-selection.active-indicator.container.shape - static const ShapeStruct rangeSelectionActiveIndicatorContainerShape = - ShapeStruct( - family: 'SHAPE_FAMILY_CIRCULAR', - topLeft: 0.00, - topRight: 0.00, - bottomLeft: 0.00, - bottomRight: 0.00, - ); - - /// md.comp.date-picker.modal.range-selection.active-indicator.container.color - static const TokenColorRole rangeSelectionActiveIndicatorContainerColor = - TokenColorRole.secondaryContainer; - - /// md.comp.date-picker.modal.year-selection.year.selected.pressed.state-layer.color - static const TokenColorRole yearSelectionYearSelectedPressedStateLayerColor = - TokenColorRole.onPrimary; + /// md.comp.date-picker.modal.container.color + static const TokenColorRole containerColor = TokenColorRole.surfaceContainerHigh; - /// md.comp.date-picker.modal.container.width - static const double containerWidth = 360.00; + /// md.comp.date-picker.modal.container.elevation + static const double containerElevation = 6.00; /// md.comp.date-picker.modal.container.height static const double containerHeight = 524.00; - /// md.comp.date-picker.modal.range-selection.container.shape - static const ShapeStruct rangeSelectionContainerShape = ShapeStruct( + /// md.comp.date-picker.modal.container.shape + static const ShapeStruct containerShape = ShapeStruct( family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 0.00, - topRight: 0.00, - bottomLeft: 0.00, - bottomRight: 0.00, + topLeft: 28.00, + topRight: 28.00, + bottomLeft: 28.00, + bottomRight: 28.00, ); - /// md.comp.date-picker.modal.date.today.container.outline.color - static const TokenColorRole dateTodayContainerOutlineColor = - TokenColorRole.primary; - - /// md.comp.date-picker.modal.header.supporting-text.color - static const TokenColorRole headerSupportingTextColor = - TokenColorRole.onSurfaceVariant; - - /// md.comp.date-picker.modal.date.state-layer.width - static const double dateStateLayerWidth = 40.00; - - /// md.comp.date-picker.modal.weekdays.label-text.font - static const String weekdaysLabelTextFont = 'Roboto'; - - /// md.comp.date-picker.modal.weekdays.label-text.type - static const double weekdaysLabelTextTypeFontSize = 16.00; - - /// md.comp.date-picker.modal.weekdays.label-text.type - static const double weekdaysLabelTextTypeFontWeight = 400; - - /// md.comp.date-picker.modal.weekdays.label-text.type - static const double weekdaysLabelTextTypeLineHeight = 24.00; - - /// md.comp.date-picker.modal.weekdays.label-text.type - static const double weekdaysLabelTextTypeLetterSpacing = 0.50; - - /// md.comp.date-picker.modal.weekdays.label-text.type - static const String weekdaysLabelTextTypeFontFamily = 'Roboto'; - - /// md.comp.date-picker.modal.year-selection.year.state-layer.height - static const double yearSelectionYearStateLayerHeight = 36.00; - - /// md.comp.date-picker.modal.year-selection.year.label-text.font - static const String yearSelectionYearLabelTextFont = 'Roboto'; - - /// md.comp.date-picker.modal.header.headline.color - static const TokenColorRole headerHeadlineColor = - TokenColorRole.onSurfaceVariant; - - /// md.comp.date-picker.modal.date.today.hover.state-layer.color - static const TokenColorRole dateTodayHoverStateLayerColor = - TokenColorRole.primary; + /// md.comp.date-picker.modal.container.width + static const double containerWidth = 360.00; - /// md.comp.date-picker.modal.year-selection.year.focus.state-layer.opacity - static const double yearSelectionYearFocusStateLayerOpacity = 0.10; + /// md.comp.date-picker.modal.date.container.height + static const double dateContainerHeight = 40.00; - /// md.comp.date-picker.modal.year-selection.year.state-layer.shape - static const ShapeStruct yearSelectionYearStateLayerShape = ShapeStruct( + /// md.comp.date-picker.modal.date.container.shape + static const ShapeStruct dateContainerShape = ShapeStruct( family: 'SHAPE_FAMILY_CIRCULAR', topLeft: 0.00, topRight: 0.00, @@ -109,292 +41,340 @@ class TokenDatePickerModal { bottomRight: 0.00, ); + /// md.comp.date-picker.modal.date.container.width + static const double dateContainerWidth = 40.00; + /// md.comp.date-picker.modal.date.focus.state-layer.opacity static const double dateFocusStateLayerOpacity = 0.10; + /// md.comp.date-picker.modal.date.hover.state-layer.opacity + static const double dateHoverStateLayerOpacity = 0.08; + + /// md.comp.date-picker.modal.date.label-text.font + static const String dateLabelTextFont = 'Roboto'; + /// md.comp.date-picker.modal.date.label-text.type - static const double dateLabelTextTypeFontSize = 16.00; + static const String dateLabelTextTypeFontFamily = 'Roboto'; /// md.comp.date-picker.modal.date.label-text.type - static const double dateLabelTextTypeFontWeight = 400; + static const double dateLabelTextTypeFontSize = 16.00; /// md.comp.date-picker.modal.date.label-text.type - static const double dateLabelTextTypeLineHeight = 24.00; + static const double dateLabelTextTypeFontWeight = 400; /// md.comp.date-picker.modal.date.label-text.type static const double dateLabelTextTypeLetterSpacing = 0.50; /// md.comp.date-picker.modal.date.label-text.type - static const String dateLabelTextTypeFontFamily = 'Roboto'; + static const double dateLabelTextTypeLineHeight = 24.00; - /// md.comp.date-picker.modal.header.headline.type - static const double headerHeadlineTypeFontSize = 32.00; + /// md.comp.date-picker.modal.date.pressed.state-layer.opacity + static const double datePressedStateLayerOpacity = 0.10; - /// md.comp.date-picker.modal.header.headline.type - static const double headerHeadlineTypeFontWeight = 400; + /// md.comp.date-picker.modal.date.selected.container.color + static const TokenColorRole dateSelectedContainerColor = TokenColorRole.primary; - /// md.comp.date-picker.modal.header.headline.type - static const double headerHeadlineTypeLineHeight = 40.00; + /// md.comp.date-picker.modal.date.selected.focus.state-layer.color + static const TokenColorRole dateSelectedFocusStateLayerColor = TokenColorRole.onPrimary; - /// md.comp.date-picker.modal.header.headline.type - static const double headerHeadlineTypeLetterSpacing = 0.00; + /// md.comp.date-picker.modal.date.selected.hover.state-layer.color + static const TokenColorRole dateSelectedHoverStateLayerColor = TokenColorRole.onPrimary; - /// md.comp.date-picker.modal.header.headline.type - static const String headerHeadlineTypeFontFamily = 'Roboto'; + /// md.comp.date-picker.modal.date.selected.label-text.color + static const TokenColorRole dateSelectedLabelTextColor = TokenColorRole.onPrimary; - /// md.comp.date-picker.modal.range-selection.header.headline.font - static const String rangeSelectionHeaderHeadlineFont = 'Roboto'; + /// md.comp.date-picker.modal.date.selected.pressed.state-layer.color + static const TokenColorRole dateSelectedPressedStateLayerColor = TokenColorRole.onPrimary; - /// md.comp.date-picker.modal.date.selected.focus.state-layer.color - static const TokenColorRole dateSelectedFocusStateLayerColor = - TokenColorRole.onPrimary; + /// md.comp.date-picker.modal.date.state-layer.height + static const double dateStateLayerHeight = 40.00; - /// md.comp.date-picker.modal.year-selection.year.container.width - static const double yearSelectionYearContainerWidth = 72.00; + /// md.comp.date-picker.modal.date.state-layer.shape + static const ShapeStruct dateStateLayerShape = ShapeStruct( + family: 'SHAPE_FAMILY_CIRCULAR', + topLeft: 0.00, + topRight: 0.00, + bottomLeft: 0.00, + bottomRight: 0.00, + ); - /// md.comp.date-picker.modal.range-selection.header.container.height - static const double rangeSelectionHeaderContainerHeight = 128.00; + /// md.comp.date-picker.modal.date.state-layer.width + static const double dateStateLayerWidth = 40.00; - /// md.comp.date-picker.modal.range-selection.date.in-range.hover.state-layer.color - static const TokenColorRole rangeSelectionDateInRangeHoverStateLayerColor = - TokenColorRole.onPrimaryContainer; + /// md.comp.date-picker.modal.date.today.container.outline.color + static const TokenColorRole dateTodayContainerOutlineColor = TokenColorRole.primary; - /// md.comp.date-picker.modal.range-selection.date.in-range.focus.state-layer.color - static const TokenColorRole rangeSelectionDateInRangeFocusStateLayerColor = - TokenColorRole.onPrimaryContainer; + /// md.comp.date-picker.modal.date.today.container.outline.width + static const double dateTodayContainerOutlineWidth = 1.00; - /// md.comp.date-picker.modal.range-selection.active-indicator.container.height - static const double rangeSelectionActiveIndicatorContainerHeight = 40.00; + /// md.comp.date-picker.modal.date.today.focus.state-layer.color + static const TokenColorRole dateTodayFocusStateLayerColor = TokenColorRole.primary; - /// md.comp.date-picker.modal.container.color - static const TokenColorRole containerColor = - TokenColorRole.surfaceContainerHigh; + /// md.comp.date-picker.modal.date.today.hover.state-layer.color + static const TokenColorRole dateTodayHoverStateLayerColor = TokenColorRole.primary; - /// md.comp.date-picker.modal.range-selection.container.elevation - static const double rangeSelectionContainerElevation = 0.00; + /// md.comp.date-picker.modal.date.today.label-text.color + static const TokenColorRole dateTodayLabelTextColor = TokenColorRole.primary; - /// md.comp.date-picker.modal.range-selection.date.in-range.pressed.state-layer.opacity - static const double rangeSelectionDateInRangePressedStateLayerOpacity = 0.10; + /// md.comp.date-picker.modal.date.today.pressed.state-layer.color + static const TokenColorRole dateTodayPressedStateLayerColor = TokenColorRole.primary; - /// md.comp.date-picker.modal.year-selection.year.selected.focus.state-layer.color - static const TokenColorRole yearSelectionYearSelectedFocusStateLayerColor = - TokenColorRole.onPrimary; + /// md.comp.date-picker.modal.date.unselected.focus.state-layer.color + static const TokenColorRole dateUnselectedFocusStateLayerColor = TokenColorRole.onSurfaceVariant; - /// md.comp.date-picker.modal.date.today.focus.state-layer.color - static const TokenColorRole dateTodayFocusStateLayerColor = - TokenColorRole.primary; + /// md.comp.date-picker.modal.date.unselected.hover.state-layer.color + static const TokenColorRole dateUnselectedHoverStateLayerColor = TokenColorRole.onSurfaceVariant; - /// md.comp.date-picker.modal.date.state-layer.height - static const double dateStateLayerHeight = 40.00; + /// md.comp.date-picker.modal.date.unselected.label-text.color + static const TokenColorRole dateUnselectedLabelTextColor = TokenColorRole.onSurface; - /// md.comp.date-picker.modal.date.hover.state-layer.opacity - static const double dateHoverStateLayerOpacity = 0.08; + /// md.comp.date-picker.modal.date.unselected.pressed.state-layer.color + static const TokenColorRole dateUnselectedPressedStateLayerColor = + TokenColorRole.onSurfaceVariant; + + /// md.comp.date-picker.modal.header.container.height + static const double headerContainerHeight = 120.00; /// md.comp.date-picker.modal.header.container.width static const double headerContainerWidth = 360.00; - /// md.comp.date-picker.modal.range-selection.header.headline.type - static const double rangeSelectionHeaderHeadlineTypeFontSize = 22.00; + /// md.comp.date-picker.modal.header.headline.color + static const TokenColorRole headerHeadlineColor = TokenColorRole.onSurfaceVariant; - /// md.comp.date-picker.modal.range-selection.header.headline.type - static const double rangeSelectionHeaderHeadlineTypeFontWeight = 400; + /// md.comp.date-picker.modal.header.headline.font + static const String headerHeadlineFont = 'Roboto'; - /// md.comp.date-picker.modal.range-selection.header.headline.type - static const double rangeSelectionHeaderHeadlineTypeLineHeight = 28.00; + /// md.comp.date-picker.modal.header.headline.type + static const String headerHeadlineTypeFontFamily = 'Roboto'; - /// md.comp.date-picker.modal.range-selection.header.headline.type - static const double rangeSelectionHeaderHeadlineTypeLetterSpacing = 0.00; + /// md.comp.date-picker.modal.header.headline.type + static const double headerHeadlineTypeFontSize = 32.00; - /// md.comp.date-picker.modal.range-selection.header.headline.type - static const String rangeSelectionHeaderHeadlineTypeFontFamily = 'Roboto'; + /// md.comp.date-picker.modal.header.headline.type + static const double headerHeadlineTypeFontWeight = 400; - /// md.comp.date-picker.modal.year-selection.year.selected.hover.state-layer.color - static const TokenColorRole yearSelectionYearSelectedHoverStateLayerColor = - TokenColorRole.onPrimary; + /// md.comp.date-picker.modal.header.headline.type + static const double headerHeadlineTypeLetterSpacing = 0.00; - /// md.comp.date-picker.modal.date.pressed.state-layer.opacity - static const double datePressedStateLayerOpacity = 0.10; + /// md.comp.date-picker.modal.header.headline.type + static const double headerHeadlineTypeLineHeight = 40.00; - /// md.comp.date-picker.modal.date.container.height - static const double dateContainerHeight = 40.00; + /// md.comp.date-picker.modal.header.supporting-text.color + static const TokenColorRole headerSupportingTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.date-picker.modal.year-selection.year.label-text.type - static const double yearSelectionYearLabelTextTypeFontSize = 16.00; + /// md.comp.date-picker.modal.header.supporting-text.font + static const String headerSupportingTextFont = 'Roboto'; - /// md.comp.date-picker.modal.year-selection.year.label-text.type - static const double yearSelectionYearLabelTextTypeFontWeight = 400; + /// md.comp.date-picker.modal.header.supporting-text.type + static const String headerSupportingTextTypeFontFamily = 'Roboto'; - /// md.comp.date-picker.modal.year-selection.year.label-text.type - static const double yearSelectionYearLabelTextTypeLineHeight = 24.00; + /// md.comp.date-picker.modal.header.supporting-text.type + static const double headerSupportingTextTypeFontSize = 14.00; - /// md.comp.date-picker.modal.year-selection.year.label-text.type - static const double yearSelectionYearLabelTextTypeLetterSpacing = 0.50; + /// md.comp.date-picker.modal.header.supporting-text.type + static const double headerSupportingTextTypeFontWeight = 500; - /// md.comp.date-picker.modal.year-selection.year.label-text.type - static const String yearSelectionYearLabelTextTypeFontFamily = 'Roboto'; + /// md.comp.date-picker.modal.header.supporting-text.type + static const double headerSupportingTextTypeLetterSpacing = 0.10; - /// md.comp.date-picker.modal.year-selection.year.selected.container.color - static const TokenColorRole yearSelectionYearSelectedContainerColor = - TokenColorRole.primary; + /// md.comp.date-picker.modal.header.supporting-text.type + static const double headerSupportingTextTypeLineHeight = 20.00; - /// md.comp.date-picker.modal.range-selection.date.in-range.pressed.state-layer.color - static const TokenColorRole rangeSelectionDateInRangePressedStateLayerColor = - TokenColorRole.onPrimaryContainer; + /// md.comp.date-picker.modal.range-selection.active-indicator.container.color + static const TokenColorRole rangeSelectionActiveIndicatorContainerColor = + TokenColorRole.secondaryContainer; - /// md.comp.date-picker.modal.year-selection.year.selected.label-text.color - static const TokenColorRole yearSelectionYearSelectedLabelTextColor = - TokenColorRole.onPrimary; + /// md.comp.date-picker.modal.range-selection.active-indicator.container.height + static const double rangeSelectionActiveIndicatorContainerHeight = 40.00; - /// md.comp.date-picker.modal.date.unselected.focus.state-layer.color - static const TokenColorRole dateUnselectedFocusStateLayerColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.date-picker.modal.range-selection.active-indicator.container.shape + static const ShapeStruct rangeSelectionActiveIndicatorContainerShape = ShapeStruct( + family: 'SHAPE_FAMILY_CIRCULAR', + topLeft: 0.00, + topRight: 0.00, + bottomLeft: 0.00, + bottomRight: 0.00, + ); - /// md.comp.date-picker.modal.date.container.width - static const double dateContainerWidth = 40.00; + /// md.comp.date-picker.modal.range-selection.container.elevation + static const double rangeSelectionContainerElevation = 0.00; - /// md.comp.date-picker.modal.date.container.shape - static const ShapeStruct dateContainerShape = ShapeStruct( - family: 'SHAPE_FAMILY_CIRCULAR', + /// md.comp.date-picker.modal.range-selection.container.shape + static const ShapeStruct rangeSelectionContainerShape = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', topLeft: 0.00, topRight: 0.00, bottomLeft: 0.00, bottomRight: 0.00, ); - /// md.comp.date-picker.modal.year-selection.year.unselected.pressed.state-layer.color - static const TokenColorRole - yearSelectionYearUnselectedPressedStateLayerColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.date-picker.modal.range-selection.date.in-range.focus.state-layer.color + static const TokenColorRole rangeSelectionDateInRangeFocusStateLayerColor = + TokenColorRole.onPrimaryContainer; - /// md.comp.date-picker.modal.date.label-text.font - static const String dateLabelTextFont = 'Roboto'; + /// md.comp.date-picker.modal.range-selection.date.in-range.focus.state-layer.opacity + static const double rangeSelectionDateInRangeFocusStateLayerOpacity = 0.10; + + /// md.comp.date-picker.modal.range-selection.date.in-range.hover.state-layer.color + static const TokenColorRole rangeSelectionDateInRangeHoverStateLayerColor = + TokenColorRole.onPrimaryContainer; + + /// md.comp.date-picker.modal.range-selection.date.in-range.hover.state-layer.opacity + static const double rangeSelectionDateInRangeHoverStateLayerOpacity = 0.08; /// md.comp.date-picker.modal.range-selection.date.in-range.label-text.color static const TokenColorRole rangeSelectionDateInRangeLabelTextColor = TokenColorRole.onSecondaryContainer; - /// md.comp.date-picker.modal.range-selection.month.subhead.color - static const TokenColorRole rangeSelectionMonthSubheadColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.date-picker.modal.range-selection.date.in-range.pressed.state-layer.color + static const TokenColorRole rangeSelectionDateInRangePressedStateLayerColor = + TokenColorRole.onPrimaryContainer; - /// md.comp.date-picker.modal.weekdays.label-text.color - static const TokenColorRole weekdaysLabelTextColor = TokenColorRole.onSurface; + /// md.comp.date-picker.modal.range-selection.date.in-range.pressed.state-layer.opacity + static const double rangeSelectionDateInRangePressedStateLayerOpacity = 0.10; - /// md.comp.date-picker.modal.date.selected.label-text.color - static const TokenColorRole dateSelectedLabelTextColor = - TokenColorRole.onPrimary; + /// md.comp.date-picker.modal.range-selection.header.container.height + static const double rangeSelectionHeaderContainerHeight = 128.00; - /// md.comp.date-picker.modal.date.unselected.pressed.state-layer.color - static const TokenColorRole dateUnselectedPressedStateLayerColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.date-picker.modal.range-selection.header.headline.font + static const String rangeSelectionHeaderHeadlineFont = 'Roboto'; - /// md.comp.date-picker.modal.year-selection.year.unselected.label-text.color - static const TokenColorRole yearSelectionYearUnselectedLabelTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.date-picker.modal.range-selection.header.headline.type + static const String rangeSelectionHeaderHeadlineTypeFontFamily = 'Roboto'; - /// md.comp.date-picker.modal.container.elevation - static const double containerElevation = 6.00; + /// md.comp.date-picker.modal.range-selection.header.headline.type + static const double rangeSelectionHeaderHeadlineTypeFontSize = 22.00; + + /// md.comp.date-picker.modal.range-selection.header.headline.type + static const double rangeSelectionHeaderHeadlineTypeFontWeight = 400; + + /// md.comp.date-picker.modal.range-selection.header.headline.type + static const double rangeSelectionHeaderHeadlineTypeLetterSpacing = 0.00; + + /// md.comp.date-picker.modal.range-selection.header.headline.type + static const double rangeSelectionHeaderHeadlineTypeLineHeight = 28.00; + + /// md.comp.date-picker.modal.range-selection.month.subhead.color + static const TokenColorRole rangeSelectionMonthSubheadColor = TokenColorRole.onSurfaceVariant; + + /// md.comp.date-picker.modal.range-selection.month.subhead.font + static const String rangeSelectionMonthSubheadFont = 'Roboto'; /// md.comp.date-picker.modal.range-selection.month.subhead.type - static const double rangeSelectionMonthSubheadTypeFontSize = 14.00; + static const String rangeSelectionMonthSubheadTypeFontFamily = 'Roboto'; /// md.comp.date-picker.modal.range-selection.month.subhead.type - static const double rangeSelectionMonthSubheadTypeFontWeight = 500; + static const double rangeSelectionMonthSubheadTypeFontSize = 14.00; /// md.comp.date-picker.modal.range-selection.month.subhead.type - static const double rangeSelectionMonthSubheadTypeLineHeight = 20.00; + static const double rangeSelectionMonthSubheadTypeFontWeight = 500; /// md.comp.date-picker.modal.range-selection.month.subhead.type static const double rangeSelectionMonthSubheadTypeLetterSpacing = 0.10; /// md.comp.date-picker.modal.range-selection.month.subhead.type - static const String rangeSelectionMonthSubheadTypeFontFamily = 'Roboto'; + static const double rangeSelectionMonthSubheadTypeLineHeight = 20.00; - /// md.comp.date-picker.modal.header.supporting-text.type - static const double headerSupportingTextTypeFontSize = 14.00; + /// md.comp.date-picker.modal.weekdays.label-text.color + static const TokenColorRole weekdaysLabelTextColor = TokenColorRole.onSurface; - /// md.comp.date-picker.modal.header.supporting-text.type - static const double headerSupportingTextTypeFontWeight = 500; + /// md.comp.date-picker.modal.weekdays.label-text.font + static const String weekdaysLabelTextFont = 'Roboto'; - /// md.comp.date-picker.modal.header.supporting-text.type - static const double headerSupportingTextTypeLineHeight = 20.00; + /// md.comp.date-picker.modal.weekdays.label-text.type + static const String weekdaysLabelTextTypeFontFamily = 'Roboto'; - /// md.comp.date-picker.modal.header.supporting-text.type - static const double headerSupportingTextTypeLetterSpacing = 0.10; + /// md.comp.date-picker.modal.weekdays.label-text.type + static const double weekdaysLabelTextTypeFontSize = 16.00; - /// md.comp.date-picker.modal.header.supporting-text.type - static const String headerSupportingTextTypeFontFamily = 'Roboto'; + /// md.comp.date-picker.modal.weekdays.label-text.type + static const double weekdaysLabelTextTypeFontWeight = 400; - /// md.comp.date-picker.modal.date.unselected.hover.state-layer.color - static const TokenColorRole dateUnselectedHoverStateLayerColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.date-picker.modal.weekdays.label-text.type + static const double weekdaysLabelTextTypeLetterSpacing = 0.50; - /// md.comp.date-picker.modal.header.container.height - static const double headerContainerHeight = 120.00; + /// md.comp.date-picker.modal.weekdays.label-text.type + static const double weekdaysLabelTextTypeLineHeight = 24.00; - /// md.comp.date-picker.modal.header.supporting-text.font - static const String headerSupportingTextFont = 'Roboto'; + /// md.comp.date-picker.modal.year-selection.year.container.height + static const double yearSelectionYearContainerHeight = 36.00; + + /// md.comp.date-picker.modal.year-selection.year.container.width + static const double yearSelectionYearContainerWidth = 72.00; + + /// md.comp.date-picker.modal.year-selection.year.focus.state-layer.opacity + static const double yearSelectionYearFocusStateLayerOpacity = 0.10; /// md.comp.date-picker.modal.year-selection.year.hover.state-layer.opacity static const double yearSelectionYearHoverStateLayerOpacity = 0.08; - /// md.comp.date-picker.modal.year-selection.year.container.height - static const double yearSelectionYearContainerHeight = 36.00; + /// md.comp.date-picker.modal.year-selection.year.label-text.font + static const String yearSelectionYearLabelTextFont = 'Roboto'; - /// md.comp.date-picker.modal.date.selected.container.color - static const TokenColorRole dateSelectedContainerColor = - TokenColorRole.primary; + /// md.comp.date-picker.modal.year-selection.year.label-text.type + static const String yearSelectionYearLabelTextTypeFontFamily = 'Roboto'; - /// md.comp.date-picker.modal.date.today.pressed.state-layer.color - static const TokenColorRole dateTodayPressedStateLayerColor = - TokenColorRole.primary; + /// md.comp.date-picker.modal.year-selection.year.label-text.type + static const double yearSelectionYearLabelTextTypeFontSize = 16.00; - /// md.comp.date-picker.modal.date.today.container.outline.width - static const double dateTodayContainerOutlineWidth = 1.00; + /// md.comp.date-picker.modal.year-selection.year.label-text.type + static const double yearSelectionYearLabelTextTypeFontWeight = 400; - /// md.comp.date-picker.modal.range-selection.date.in-range.focus.state-layer.opacity - static const double rangeSelectionDateInRangeFocusStateLayerOpacity = 0.10; + /// md.comp.date-picker.modal.year-selection.year.label-text.type + static const double yearSelectionYearLabelTextTypeLetterSpacing = 0.50; - /// md.comp.date-picker.modal.date.today.label-text.color - static const TokenColorRole dateTodayLabelTextColor = TokenColorRole.primary; + /// md.comp.date-picker.modal.year-selection.year.label-text.type + static const double yearSelectionYearLabelTextTypeLineHeight = 24.00; - /// md.comp.date-picker.modal.year-selection.year.state-layer.width - static const double yearSelectionYearStateLayerWidth = 72.00; + /// md.comp.date-picker.modal.year-selection.year.pressed.state-layer.opacity + static const double yearSelectionYearPressedStateLayerOpacity = 0.10; - /// md.comp.date-picker.modal.date.unselected.label-text.color - static const TokenColorRole dateUnselectedLabelTextColor = - TokenColorRole.onSurface; + /// md.comp.date-picker.modal.year-selection.year.selected.container.color + static const TokenColorRole yearSelectionYearSelectedContainerColor = TokenColorRole.primary; - /// md.comp.date-picker.modal.range-selection.date.in-range.hover.state-layer.opacity - static const double rangeSelectionDateInRangeHoverStateLayerOpacity = 0.08; + /// md.comp.date-picker.modal.year-selection.year.selected.focus.state-layer.color + static const TokenColorRole yearSelectionYearSelectedFocusStateLayerColor = + TokenColorRole.onPrimary; - /// md.comp.date-picker.modal.date.selected.pressed.state-layer.color - static const TokenColorRole dateSelectedPressedStateLayerColor = + /// md.comp.date-picker.modal.year-selection.year.selected.hover.state-layer.color + static const TokenColorRole yearSelectionYearSelectedHoverStateLayerColor = + TokenColorRole.onPrimary; + + /// md.comp.date-picker.modal.year-selection.year.selected.label-text.color + static const TokenColorRole yearSelectionYearSelectedLabelTextColor = TokenColorRole.onPrimary; + + /// md.comp.date-picker.modal.year-selection.year.selected.pressed.state-layer.color + static const TokenColorRole yearSelectionYearSelectedPressedStateLayerColor = TokenColorRole.onPrimary; + /// md.comp.date-picker.modal.year-selection.year.state-layer.height + static const double yearSelectionYearStateLayerHeight = 36.00; + + /// md.comp.date-picker.modal.year-selection.year.state-layer.shape + static const ShapeStruct yearSelectionYearStateLayerShape = ShapeStruct( + family: 'SHAPE_FAMILY_CIRCULAR', + topLeft: 0.00, + topRight: 0.00, + bottomLeft: 0.00, + bottomRight: 0.00, + ); + + /// md.comp.date-picker.modal.year-selection.year.state-layer.width + static const double yearSelectionYearStateLayerWidth = 72.00; + /// md.comp.date-picker.modal.year-selection.year.unselected.focus.state-layer.color static const TokenColorRole yearSelectionYearUnselectedFocusStateLayerColor = TokenColorRole.onSurfaceVariant; - /// md.comp.date-picker.modal.header.headline.font - static const String headerHeadlineFont = 'Roboto'; - - /// md.comp.date-picker.modal.range-selection.month.subhead.font - static const String rangeSelectionMonthSubheadFont = 'Roboto'; - - /// md.comp.date-picker.modal.year-selection.year.pressed.state-layer.opacity - static const double yearSelectionYearPressedStateLayerOpacity = 0.10; + /// md.comp.date-picker.modal.year-selection.year.unselected.hover.state-layer.color + static const TokenColorRole yearSelectionYearUnselectedHoverStateLayerColor = + TokenColorRole.onSurfaceVariant; - /// md.comp.date-picker.modal.date.selected.hover.state-layer.color - static const TokenColorRole dateSelectedHoverStateLayerColor = - TokenColorRole.onPrimary; + /// md.comp.date-picker.modal.year-selection.year.unselected.label-text.color + static const TokenColorRole yearSelectionYearUnselectedLabelTextColor = + TokenColorRole.onSurfaceVariant; - /// md.comp.date-picker.modal.container.shape - static const ShapeStruct containerShape = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 28.00, - topRight: 28.00, - bottomLeft: 28.00, - bottomRight: 28.00, - ); + /// md.comp.date-picker.modal.year-selection.year.unselected.pressed.state-layer.color + static const TokenColorRole yearSelectionYearUnselectedPressedStateLayerColor = + TokenColorRole.onSurfaceVariant; } diff --git a/packages/material_ui/tool/gen_defaults/data/dialog.dart b/packages/material_ui/tool/gen_defaults/data/dialog.dart index b821b9982293..b197406df460 100644 --- a/packages/material_ui/tool/gen_defaults/data/dialog.dart +++ b/packages/material_ui/tool/gen_defaults/data/dialog.dart @@ -9,121 +9,113 @@ import 'shape_struct.dart'; class TokenDialog { /// md.comp.dialog.action.focus.label-text.color - static const TokenColorRole actionFocusLabelTextColor = - TokenColorRole.primary; + static const TokenColorRole actionFocusLabelTextColor = TokenColorRole.primary; - /// md.comp.dialog.with-icon.icon.color - static const TokenColorRole withIconIconColor = TokenColorRole.secondary; + /// md.comp.dialog.action.focus.state-layer.color + static const TokenColorRole actionFocusStateLayerColor = TokenColorRole.primary; - /// md.comp.dialog.headline.type - static const double headlineTypeFontSize = 24.00; + /// md.comp.dialog.action.focus.state-layer.opacity + static const double actionFocusStateLayerOpacity = 0.10; - /// md.comp.dialog.headline.type - static const double headlineTypeFontWeight = 400; + /// md.comp.dialog.action.hover.label-text.color + static const TokenColorRole actionHoverLabelTextColor = TokenColorRole.primary; - /// md.comp.dialog.headline.type - static const double headlineTypeLineHeight = 32.00; + /// md.comp.dialog.action.hover.state-layer.color + static const TokenColorRole actionHoverStateLayerColor = TokenColorRole.primary; - /// md.comp.dialog.headline.type - static const double headlineTypeLetterSpacing = 0.00; + /// md.comp.dialog.action.hover.state-layer.opacity + static const double actionHoverStateLayerOpacity = 0.08; - /// md.comp.dialog.headline.type - static const String headlineTypeFontFamily = 'Roboto'; + /// md.comp.dialog.action.label-text.color + static const TokenColorRole actionLabelTextColor = TokenColorRole.primary; /// md.comp.dialog.action.label-text.font static const String actionLabelTextFont = 'Roboto'; /// md.comp.dialog.action.label-text.type - static const double actionLabelTextTypeFontSize = 14.00; + static const String actionLabelTextTypeFontFamily = 'Roboto'; /// md.comp.dialog.action.label-text.type - static const double actionLabelTextTypeFontWeight = 500; + static const double actionLabelTextTypeFontSize = 14.00; /// md.comp.dialog.action.label-text.type - static const double actionLabelTextTypeLineHeight = 20.00; + static const double actionLabelTextTypeFontWeight = 500; /// md.comp.dialog.action.label-text.type static const double actionLabelTextTypeLetterSpacing = 0.10; /// md.comp.dialog.action.label-text.type - static const String actionLabelTextTypeFontFamily = 'Roboto'; + static const double actionLabelTextTypeLineHeight = 20.00; /// md.comp.dialog.action.pressed.label-text.color - static const TokenColorRole actionPressedLabelTextColor = - TokenColorRole.primary; + static const TokenColorRole actionPressedLabelTextColor = TokenColorRole.primary; - /// md.comp.dialog.headline.font - static const String headlineFont = 'Roboto'; + /// md.comp.dialog.action.pressed.state-layer.color + static const TokenColorRole actionPressedStateLayerColor = TokenColorRole.primary; + + /// md.comp.dialog.action.pressed.state-layer.opacity + static const double actionPressedStateLayerOpacity = 0.10; + + /// md.comp.dialog.container.color + static const TokenColorRole containerColor = TokenColorRole.surfaceContainerHigh; /// md.comp.dialog.container.elevation static const double containerElevation = 6.00; - /// md.comp.dialog.container.color - static const TokenColorRole containerColor = - TokenColorRole.surfaceContainerHigh; + /// md.comp.dialog.container.shape + static const ShapeStruct containerShape = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 28.00, + topRight: 28.00, + bottomLeft: 28.00, + bottomRight: 28.00, + ); - /// md.comp.dialog.supporting-text.font - static const String supportingTextFont = 'Roboto'; + /// md.comp.dialog.headline.color + static const TokenColorRole headlineColor = TokenColorRole.onSurface; - /// md.comp.dialog.action.focus.state-layer.opacity - static const double actionFocusStateLayerOpacity = 0.10; + /// md.comp.dialog.headline.font + static const String headlineFont = 'Roboto'; - /// md.comp.dialog.action.hover.label-text.color - static const TokenColorRole actionHoverLabelTextColor = - TokenColorRole.primary; + /// md.comp.dialog.headline.type + static const String headlineTypeFontFamily = 'Roboto'; - /// md.comp.dialog.action.pressed.state-layer.color - static const TokenColorRole actionPressedStateLayerColor = - TokenColorRole.primary; + /// md.comp.dialog.headline.type + static const double headlineTypeFontSize = 24.00; - /// md.comp.dialog.with-icon.icon.size - static const double withIconIconSize = 24.00; + /// md.comp.dialog.headline.type + static const double headlineTypeFontWeight = 400; - /// md.comp.dialog.supporting-text.type - static const double supportingTextTypeFontSize = 14.00; + /// md.comp.dialog.headline.type + static const double headlineTypeLetterSpacing = 0.00; - /// md.comp.dialog.supporting-text.type - static const double supportingTextTypeFontWeight = 400; + /// md.comp.dialog.headline.type + static const double headlineTypeLineHeight = 32.00; - /// md.comp.dialog.supporting-text.type - static const double supportingTextTypeLineHeight = 20.00; + /// md.comp.dialog.supporting-text.color + static const TokenColorRole supportingTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.dialog.supporting-text.type - static const double supportingTextTypeLetterSpacing = 0.25; + /// md.comp.dialog.supporting-text.font + static const String supportingTextFont = 'Roboto'; /// md.comp.dialog.supporting-text.type static const String supportingTextTypeFontFamily = 'Roboto'; - /// md.comp.dialog.action.hover.state-layer.color - static const TokenColorRole actionHoverStateLayerColor = - TokenColorRole.primary; - - /// md.comp.dialog.supporting-text.color - static const TokenColorRole supportingTextColor = - TokenColorRole.onSurfaceVariant; - - /// md.comp.dialog.action.label-text.color - static const TokenColorRole actionLabelTextColor = TokenColorRole.primary; + /// md.comp.dialog.supporting-text.type + static const double supportingTextTypeFontSize = 14.00; - /// md.comp.dialog.action.pressed.state-layer.opacity - static const double actionPressedStateLayerOpacity = 0.10; + /// md.comp.dialog.supporting-text.type + static const double supportingTextTypeFontWeight = 400; - /// md.comp.dialog.action.focus.state-layer.color - static const TokenColorRole actionFocusStateLayerColor = - TokenColorRole.primary; + /// md.comp.dialog.supporting-text.type + static const double supportingTextTypeLetterSpacing = 0.25; - /// md.comp.dialog.container.shape - static const ShapeStruct containerShape = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 28.00, - topRight: 28.00, - bottomLeft: 28.00, - bottomRight: 28.00, - ); + /// md.comp.dialog.supporting-text.type + static const double supportingTextTypeLineHeight = 20.00; - /// md.comp.dialog.headline.color - static const TokenColorRole headlineColor = TokenColorRole.onSurface; + /// md.comp.dialog.with-icon.icon.color + static const TokenColorRole withIconIconColor = TokenColorRole.secondary; - /// md.comp.dialog.action.hover.state-layer.opacity - static const double actionHoverStateLayerOpacity = 0.08; + /// md.comp.dialog.with-icon.icon.size + static const double withIconIconSize = 24.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/drag_handle.dart b/packages/material_ui/tool/gen_defaults/data/drag_handle.dart index 1b0533a4b943..ad1d075ae530 100644 --- a/packages/material_ui/tool/gen_defaults/data/drag_handle.dart +++ b/packages/material_ui/tool/gen_defaults/data/drag_handle.dart @@ -8,15 +8,38 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenDragHandle { + /// md.comp.drag-handle.color + static const TokenColorRole color = TokenColorRole.outline; + + /// md.comp.drag-handle.container.width + static const double containerWidth = 24.00; + + /// md.comp.drag-handle.elevation + static const double elevation = 0.00; + /// md.comp.drag-handle.focus.state-layer.color - static const TokenColorRole focusStateLayerColor = - TokenColorRole.inverseOnSurface; + static const TokenColorRole focusStateLayerColor = TokenColorRole.inverseOnSurface; + + /// md.comp.drag-handle.focus.state-layer.opacity + static const double focusStateLayerOpacity = 0.10; + + /// md.comp.drag-handle.height + static const double height = 48.00; + + /// md.comp.drag-handle.hover.state-layer.color + static const TokenColorRole hoverStateLayerColor = TokenColorRole.inverseOnSurface; /// md.comp.drag-handle.hover.state-layer.opacity static const double hoverStateLayerOpacity = 0.08; - /// md.comp.drag-handle.focus.state-layer.opacity - static const double focusStateLayerOpacity = 0.10; + /// md.comp.drag-handle.pressed.color + static const TokenColorRole pressedColor = TokenColorRole.onSurface; + + /// md.comp.drag-handle.pressed.elevation + static const double pressedElevation = 0.00; + + /// md.comp.drag-handle.pressed.height + static const double pressedHeight = 52.00; /// md.comp.drag-handle.pressed.shape static const ShapeStruct pressedShape = ShapeStruct( @@ -27,17 +50,8 @@ class TokenDragHandle { bottomRight: 12.00, ); - /// md.comp.drag-handle.pressed.elevation - static const double pressedElevation = 0.00; - - /// md.comp.drag-handle.color - static const TokenColorRole color = TokenColorRole.outline; - - /// md.comp.drag-handle.width - static const double width = 4.00; - - /// md.comp.drag-handle.pressed.color - static const TokenColorRole pressedColor = TokenColorRole.onSurface; + /// md.comp.drag-handle.pressed.width + static const double pressedWidth = 12.00; /// md.comp.drag-handle.shape static const ShapeStruct shape = ShapeStruct( @@ -48,22 +62,6 @@ class TokenDragHandle { bottomRight: 0.00, ); - /// md.comp.drag-handle.height - static const double height = 48.00; - - /// md.comp.drag-handle.elevation - static const double elevation = 0.00; - - /// md.comp.drag-handle.hover.state-layer.color - static const TokenColorRole hoverStateLayerColor = - TokenColorRole.inverseOnSurface; - - /// md.comp.drag-handle.pressed.width - static const double pressedWidth = 12.00; - - /// md.comp.drag-handle.pressed.height - static const double pressedHeight = 52.00; - - /// md.comp.drag-handle.container.width - static const double containerWidth = 24.00; + /// md.comp.drag-handle.width + static const double width = 4.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/elevated_card.dart b/packages/material_ui/tool/gen_defaults/data/elevated_card.dart index da9d96685a17..000eb5b5ac32 100644 --- a/packages/material_ui/tool/gen_defaults/data/elevated_card.dart +++ b/packages/material_ui/tool/gen_defaults/data/elevated_card.dart @@ -8,11 +8,14 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenElevatedCard { - /// md.comp.elevated-card.pressed.container.elevation - static const double pressedContainerElevation = 1.00; + /// md.comp.elevated-card.container.color + static const TokenColorRole containerColor = TokenColorRole.surfaceContainerLow; - /// md.comp.elevated-card.focus.indicator.thickness - static const double focusIndicatorThickness = 3.00; + /// md.comp.elevated-card.container.elevation + static const double containerElevation = 1.00; + + /// md.comp.elevated-card.container.shadow-color + static const TokenColorRole containerShadowColor = TokenColorRole.shadow; /// md.comp.elevated-card.container.shape static const ShapeStruct containerShape = ShapeStruct( @@ -23,67 +26,63 @@ class TokenElevatedCard { bottomRight: 12.00, ); + /// md.comp.elevated-card.disabled.container.color + static const TokenColorRole disabledContainerColor = TokenColorRole.surface; + /// md.comp.elevated-card.disabled.container.elevation static const double disabledContainerElevation = 1.00; - /// md.comp.elevated-card.pressed.state-layer.color - static const TokenColorRole pressedStateLayerColor = TokenColorRole.onSurface; - - /// md.comp.elevated-card.focus.state-layer.opacity - static const double focusStateLayerOpacity = 0.10; - - /// md.comp.elevated-card.container.shadow-color - static const TokenColorRole containerShadowColor = TokenColorRole.shadow; + /// md.comp.elevated-card.disabled.container.opacity + static const double disabledContainerOpacity = 0.38; - /// md.comp.elevated-card.container.color - static const TokenColorRole containerColor = - TokenColorRole.surfaceContainerLow; + /// md.comp.elevated-card.dragged.container.elevation + static const double draggedContainerElevation = 8.00; - /// md.comp.elevated-card.hover.container.elevation - static const double hoverContainerElevation = 3.00; + /// md.comp.elevated-card.dragged.state-layer.color + static const TokenColorRole draggedStateLayerColor = TokenColorRole.onSurface; - /// md.comp.elevated-card.hover.state-layer.opacity - static const double hoverStateLayerOpacity = 0.08; + /// md.comp.elevated-card.dragged.state-layer.opacity + static const double draggedStateLayerOpacity = 0.16; - /// md.comp.elevated-card.dragged.container.elevation - static const double draggedContainerElevation = 8.00; + /// md.comp.elevated-card.focus.container.elevation + static const double focusContainerElevation = 1.00; /// md.comp.elevated-card.focus.indicator.color static const TokenColorRole focusIndicatorColor = TokenColorRole.secondary; - /// md.comp.elevated-card.disabled.container.opacity - static const double disabledContainerOpacity = 0.38; + /// md.comp.elevated-card.focus.indicator.outline.offset + static const double focusIndicatorOutlineOffset = 2.00; - /// md.comp.elevated-card.dragged.state-layer.color - static const TokenColorRole draggedStateLayerColor = TokenColorRole.onSurface; + /// md.comp.elevated-card.focus.indicator.thickness + static const double focusIndicatorThickness = 3.00; /// md.comp.elevated-card.focus.state-layer.color static const TokenColorRole focusStateLayerColor = TokenColorRole.onSurface; - /// md.comp.elevated-card.disabled.container.color - static const TokenColorRole disabledContainerColor = TokenColorRole.surface; + /// md.comp.elevated-card.focus.state-layer.opacity + static const double focusStateLayerOpacity = 0.10; - /// md.comp.elevated-card.dragged.state-layer.opacity - static const double draggedStateLayerOpacity = 0.16; + /// md.comp.elevated-card.hover.container.elevation + static const double hoverContainerElevation = 3.00; - /// md.comp.elevated-card.focus.container.elevation - static const double focusContainerElevation = 1.00; + /// md.comp.elevated-card.hover.state-layer.color + static const TokenColorRole hoverStateLayerColor = TokenColorRole.onSurface; - /// md.comp.elevated-card.pressed.state-layer.opacity - static const double pressedStateLayerOpacity = 0.10; + /// md.comp.elevated-card.hover.state-layer.opacity + static const double hoverStateLayerOpacity = 0.08; /// md.comp.elevated-card.icon.color static const TokenColorRole iconColor = TokenColorRole.primary; - /// md.comp.elevated-card.container.elevation - static const double containerElevation = 1.00; + /// md.comp.elevated-card.icon.size + static const double iconSize = 24.00; - /// md.comp.elevated-card.hover.state-layer.color - static const TokenColorRole hoverStateLayerColor = TokenColorRole.onSurface; + /// md.comp.elevated-card.pressed.container.elevation + static const double pressedContainerElevation = 1.00; - /// md.comp.elevated-card.focus.indicator.outline.offset - static const double focusIndicatorOutlineOffset = 2.00; + /// md.comp.elevated-card.pressed.state-layer.color + static const TokenColorRole pressedStateLayerColor = TokenColorRole.onSurface; - /// md.comp.elevated-card.icon.size - static const double iconSize = 24.00; + /// md.comp.elevated-card.pressed.state-layer.opacity + static const double pressedStateLayerOpacity = 0.10; } diff --git a/packages/material_ui/tool/gen_defaults/data/elevation.dart b/packages/material_ui/tool/gen_defaults/data/elevation.dart index fd42e2dc85ab..928a63c5f603 100644 --- a/packages/material_ui/tool/gen_defaults/data/elevation.dart +++ b/packages/material_ui/tool/gen_defaults/data/elevation.dart @@ -5,21 +5,21 @@ // Version: 36.0.6 class TokenElevation { + /// md.sys.elevation.level0 + static const double level0 = 0.00; + + /// md.sys.elevation.level1 + static const double level1 = 1.00; + /// md.sys.elevation.level2 static const double level2 = 3.00; /// md.sys.elevation.level3 static const double level3 = 6.00; - /// md.sys.elevation.level5 - static const double level5 = 12.00; - - /// md.sys.elevation.level0 - static const double level0 = 0.00; - /// md.sys.elevation.level4 static const double level4 = 8.00; - /// md.sys.elevation.level1 - static const double level1 = 1.00; + /// md.sys.elevation.level5 + static const double level5 = 12.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/extended_fab.dart b/packages/material_ui/tool/gen_defaults/data/extended_fab.dart index ac78c89c25a6..8ca32868160a 100644 --- a/packages/material_ui/tool/gen_defaults/data/extended_fab.dart +++ b/packages/material_ui/tool/gen_defaults/data/extended_fab.dart @@ -7,18 +7,9 @@ import 'shape_struct.dart'; class TokenExtendedFab { - /// md.comp.extended-fab.icon.size - static const double iconSize = 24.00; - /// md.comp.extended-fab.container.height static const double containerHeight = 56.00; - /// md.comp.extended-fab.leading-space - static const double leadingSpace = 16.00; - - /// md.comp.extended-fab.icon-label-space - static const double iconLabelSpace = 12.00; - /// md.comp.extended-fab.container.shape static const ShapeStruct containerShape = ShapeStruct( family: 'SHAPE_FAMILY_ROUNDED_CORNERS', @@ -28,20 +19,29 @@ class TokenExtendedFab { bottomRight: 16.00, ); + /// md.comp.extended-fab.icon-label-space + static const double iconLabelSpace = 12.00; + + /// md.comp.extended-fab.icon.size + static const double iconSize = 24.00; + /// md.comp.extended-fab.label-text - static const double labelTextFontSize = 14.00; + static const String labelTextFontFamily = 'Roboto'; /// md.comp.extended-fab.label-text - static const double labelTextFontWeight = 500; + static const double labelTextFontSize = 14.00; /// md.comp.extended-fab.label-text - static const double labelTextLineHeight = 20.00; + static const double labelTextFontWeight = 500; /// md.comp.extended-fab.label-text static const double labelTextLetterSpacing = 0.10; /// md.comp.extended-fab.label-text - static const String labelTextFontFamily = 'Roboto'; + static const double labelTextLineHeight = 20.00; + + /// md.comp.extended-fab.leading-space + static const double leadingSpace = 16.00; /// md.comp.extended-fab.trailing-space static const double trailingSpace = 20.00; diff --git a/packages/material_ui/tool/gen_defaults/data/extended_fab_branded.dart b/packages/material_ui/tool/gen_defaults/data/extended_fab_branded.dart index ce6c567a24aa..f13cd70d95ac 100644 --- a/packages/material_ui/tool/gen_defaults/data/extended_fab_branded.dart +++ b/packages/material_ui/tool/gen_defaults/data/extended_fab_branded.dart @@ -8,14 +8,17 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenExtendedFabBranded { - /// md.comp.extended-fab.branded.focus.container.elevation - static const double focusContainerElevation = 6.00; + /// md.comp.extended-fab.branded.container.color + static const TokenColorRole containerColor = TokenColorRole.surfaceContainerHigh; - /// md.comp.extended-fab.branded.hover.label-text.color - static const TokenColorRole hoverLabelTextColor = TokenColorRole.primary; + /// md.comp.extended-fab.branded.container.elevation + static const double containerElevation = 6.00; - /// md.comp.extended-fab.branded.focus.indicator.color - static const TokenColorRole focusIndicatorColor = TokenColorRole.secondary; + /// md.comp.extended-fab.branded.container.height + static const double containerHeight = 56.00; + + /// md.comp.extended-fab.branded.container.shadow-color + static const TokenColorRole containerShadowColor = TokenColorRole.shadow; /// md.comp.extended-fab.branded.container.shape static const ShapeStruct containerShape = ShapeStruct( @@ -26,92 +29,87 @@ class TokenExtendedFabBranded { bottomRight: 16.00, ); - /// md.comp.extended-fab.branded.label-text.font - static const String labelTextFont = 'Roboto'; - - /// md.comp.extended-fab.branded.lowered.container.color - static const TokenColorRole loweredContainerColor = - TokenColorRole.surfaceContainerLow; - - /// md.comp.extended-fab.branded.icon.size - static const double iconSize = 36.00; - - /// md.comp.extended-fab.branded.focus.state-layer.opacity - static const double focusStateLayerOpacity = 0.10; - - /// md.comp.extended-fab.branded.lowered.hover.container.elevation - static const double loweredHoverContainerElevation = 3.00; - - /// md.comp.extended-fab.branded.pressed.state-layer.color - static const TokenColorRole pressedStateLayerColor = TokenColorRole.primary; - - /// md.comp.extended-fab.branded.lowered.pressed.container.elevation - static const double loweredPressedContainerElevation = 1.00; + /// md.comp.extended-fab.branded.focus.container.elevation + static const double focusContainerElevation = 6.00; - /// md.comp.extended-fab.branded.pressed.container.elevation - static const double pressedContainerElevation = 6.00; + /// md.comp.extended-fab.branded.focus.indicator.color + static const TokenColorRole focusIndicatorColor = TokenColorRole.secondary; /// md.comp.extended-fab.branded.focus.indicator.outline.offset static const double focusIndicatorOutlineOffset = 2.00; - /// md.comp.extended-fab.branded.pressed.label-text.color - static const TokenColorRole pressedLabelTextColor = TokenColorRole.primary; - - /// md.comp.extended-fab.branded.focus.state-layer.color - static const TokenColorRole focusStateLayerColor = TokenColorRole.primary; + /// md.comp.extended-fab.branded.focus.indicator.thickness + static const double focusIndicatorThickness = 3.00; /// md.comp.extended-fab.branded.focus.label-text.color static const TokenColorRole focusLabelTextColor = TokenColorRole.primary; - /// md.comp.extended-fab.branded.container.height - static const double containerHeight = 56.00; + /// md.comp.extended-fab.branded.focus.state-layer.color + static const TokenColorRole focusStateLayerColor = TokenColorRole.primary; - /// md.comp.extended-fab.branded.pressed.state-layer.opacity - static const double pressedStateLayerOpacity = 0.10; + /// md.comp.extended-fab.branded.focus.state-layer.opacity + static const double focusStateLayerOpacity = 0.10; - /// md.comp.extended-fab.branded.container.color - static const TokenColorRole containerColor = - TokenColorRole.surfaceContainerHigh; + /// md.comp.extended-fab.branded.hover.container.elevation + static const double hoverContainerElevation = 8.00; - /// md.comp.extended-fab.branded.label-text.color - static const TokenColorRole labelTextColor = TokenColorRole.onSurface; + /// md.comp.extended-fab.branded.hover.label-text.color + static const TokenColorRole hoverLabelTextColor = TokenColorRole.primary; + + /// md.comp.extended-fab.branded.hover.state-layer.color + static const TokenColorRole hoverStateLayerColor = TokenColorRole.primary; /// md.comp.extended-fab.branded.hover.state-layer.opacity static const double hoverStateLayerOpacity = 0.08; - /// md.comp.extended-fab.branded.hover.state-layer.color - static const TokenColorRole hoverStateLayerColor = TokenColorRole.primary; + /// md.comp.extended-fab.branded.icon.size + static const double iconSize = 36.00; - /// md.comp.extended-fab.branded.container.shadow-color - static const TokenColorRole containerShadowColor = TokenColorRole.shadow; + /// md.comp.extended-fab.branded.label-text.color + static const TokenColorRole labelTextColor = TokenColorRole.onSurface; - /// md.comp.extended-fab.branded.lowered.container.elevation - static const double loweredContainerElevation = 1.00; + /// md.comp.extended-fab.branded.label-text.font + static const String labelTextFont = 'Roboto'; /// md.comp.extended-fab.branded.label-text.type - static const double labelTextTypeFontSize = 14.00; + static const String labelTextTypeFontFamily = 'Roboto'; /// md.comp.extended-fab.branded.label-text.type - static const double labelTextTypeFontWeight = 500; + static const double labelTextTypeFontSize = 14.00; /// md.comp.extended-fab.branded.label-text.type - static const double labelTextTypeLineHeight = 20.00; + static const double labelTextTypeFontWeight = 500; /// md.comp.extended-fab.branded.label-text.type static const double labelTextTypeLetterSpacing = 0.10; /// md.comp.extended-fab.branded.label-text.type - static const String labelTextTypeFontFamily = 'Roboto'; + static const double labelTextTypeLineHeight = 20.00; - /// md.comp.extended-fab.branded.container.elevation - static const double containerElevation = 6.00; + /// md.comp.extended-fab.branded.lowered.container.color + static const TokenColorRole loweredContainerColor = TokenColorRole.surfaceContainerLow; + + /// md.comp.extended-fab.branded.lowered.container.elevation + static const double loweredContainerElevation = 1.00; /// md.comp.extended-fab.branded.lowered.focus.container.elevation static const double loweredFocusContainerElevation = 1.00; - /// md.comp.extended-fab.branded.focus.indicator.thickness - static const double focusIndicatorThickness = 3.00; + /// md.comp.extended-fab.branded.lowered.hover.container.elevation + static const double loweredHoverContainerElevation = 3.00; - /// md.comp.extended-fab.branded.hover.container.elevation - static const double hoverContainerElevation = 8.00; + /// md.comp.extended-fab.branded.lowered.pressed.container.elevation + static const double loweredPressedContainerElevation = 1.00; + + /// md.comp.extended-fab.branded.pressed.container.elevation + static const double pressedContainerElevation = 6.00; + + /// md.comp.extended-fab.branded.pressed.label-text.color + static const TokenColorRole pressedLabelTextColor = TokenColorRole.primary; + + /// md.comp.extended-fab.branded.pressed.state-layer.color + static const TokenColorRole pressedStateLayerColor = TokenColorRole.primary; + + /// md.comp.extended-fab.branded.pressed.state-layer.opacity + static const double pressedStateLayerOpacity = 0.10; } diff --git a/packages/material_ui/tool/gen_defaults/data/extended_fab_large.dart b/packages/material_ui/tool/gen_defaults/data/extended_fab_large.dart index 8c4605f1c377..2d8563dd72ac 100644 --- a/packages/material_ui/tool/gen_defaults/data/extended_fab_large.dart +++ b/packages/material_ui/tool/gen_defaults/data/extended_fab_large.dart @@ -7,17 +7,8 @@ import 'shape_struct.dart'; class TokenExtendedFabLarge { - /// md.comp.extended-fab.large.leading-space - static const double leadingSpace = 28.00; - - /// md.comp.extended-fab.large.icon.size - static const double iconSize = 36.00; - - /// md.comp.extended-fab.large.trailing-space - static const double trailingSpace = 28.00; - - /// md.comp.extended-fab.large.icon-label-space - static const double iconLabelSpace = 16.00; + /// md.comp.extended-fab.large.container.height + static const double containerHeight = 96.00; /// md.comp.extended-fab.large.container.shape static const ShapeStruct containerShape = ShapeStruct( @@ -28,21 +19,30 @@ class TokenExtendedFabLarge { bottomRight: 28.00, ); + /// md.comp.extended-fab.large.icon-label-space + static const double iconLabelSpace = 16.00; + + /// md.comp.extended-fab.large.icon.size + static const double iconSize = 36.00; + /// md.comp.extended-fab.large.label-text - static const double labelTextFontSize = 24.00; + static const String labelTextFontFamily = 'Roboto'; /// md.comp.extended-fab.large.label-text - static const double labelTextFontWeight = 400; + static const double labelTextFontSize = 24.00; /// md.comp.extended-fab.large.label-text - static const double labelTextLineHeight = 32.00; + static const double labelTextFontWeight = 400; /// md.comp.extended-fab.large.label-text static const double labelTextLetterSpacing = 0.00; /// md.comp.extended-fab.large.label-text - static const String labelTextFontFamily = 'Roboto'; + static const double labelTextLineHeight = 32.00; - /// md.comp.extended-fab.large.container.height - static const double containerHeight = 96.00; + /// md.comp.extended-fab.large.leading-space + static const double leadingSpace = 28.00; + + /// md.comp.extended-fab.large.trailing-space + static const double trailingSpace = 28.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/extended_fab_medium.dart b/packages/material_ui/tool/gen_defaults/data/extended_fab_medium.dart index babc5cca987f..8c558ebd3e24 100644 --- a/packages/material_ui/tool/gen_defaults/data/extended_fab_medium.dart +++ b/packages/material_ui/tool/gen_defaults/data/extended_fab_medium.dart @@ -7,8 +7,8 @@ import 'shape_struct.dart'; class TokenExtendedFabMedium { - /// md.comp.extended-fab.medium.icon-label-space - static const double iconLabelSpace = 12.00; + /// md.comp.extended-fab.medium.container.height + static const double containerHeight = 80.00; /// md.comp.extended-fab.medium.container.shape static const ShapeStruct containerShape = ShapeStruct( @@ -19,17 +19,14 @@ class TokenExtendedFabMedium { bottomRight: 20.00, ); - /// md.comp.extended-fab.medium.leading-space - static const double leadingSpace = 26.00; - - /// md.comp.extended-fab.medium.trailing-space - static const double trailingSpace = 26.00; + /// md.comp.extended-fab.medium.icon-label-space + static const double iconLabelSpace = 12.00; /// md.comp.extended-fab.medium.icon.size static const double iconSize = 28.00; - /// md.comp.extended-fab.medium.container.height - static const double containerHeight = 80.00; + /// md.comp.extended-fab.medium.label-text + static const String labelTextFontFamily = 'Roboto'; /// md.comp.extended-fab.medium.label-text static const double labelTextFontSize = 22.00; @@ -37,12 +34,15 @@ class TokenExtendedFabMedium { /// md.comp.extended-fab.medium.label-text static const double labelTextFontWeight = 400; - /// md.comp.extended-fab.medium.label-text - static const double labelTextLineHeight = 28.00; - /// md.comp.extended-fab.medium.label-text static const double labelTextLetterSpacing = 0.00; /// md.comp.extended-fab.medium.label-text - static const String labelTextFontFamily = 'Roboto'; + static const double labelTextLineHeight = 28.00; + + /// md.comp.extended-fab.medium.leading-space + static const double leadingSpace = 26.00; + + /// md.comp.extended-fab.medium.trailing-space + static const double trailingSpace = 26.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/extended_fab_primary.dart b/packages/material_ui/tool/gen_defaults/data/extended_fab_primary.dart index b03cca013a31..34af349de8c7 100644 --- a/packages/material_ui/tool/gen_defaults/data/extended_fab_primary.dart +++ b/packages/material_ui/tool/gen_defaults/data/extended_fab_primary.dart @@ -7,63 +7,63 @@ import 'color_role.dart'; class TokenExtendedFabPrimary { - /// md.comp.extended-fab.primary.focused.label-text.color - static const TokenColorRole focusedLabelTextColor = TokenColorRole.onPrimary; + /// md.comp.extended-fab.primary.container.color + static const TokenColorRole containerColor = TokenColorRole.primary; + + /// md.comp.extended-fab.primary.container.elevation + static const double containerElevation = 6.00; /// md.comp.extended-fab.primary.container.shadow-color static const TokenColorRole containerShadowColor = TokenColorRole.shadow; - /// md.comp.extended-fab.primary.hovered.state-layer.opacity - static const double hoveredStateLayerOpacity = 0.08; + /// md.comp.extended-fab.primary.focused.container.elevation + static const double focusedContainerElevation = 6.00; - /// md.comp.extended-fab.primary.pressed.label-text.color - static const TokenColorRole pressedLabelTextColor = TokenColorRole.onPrimary; + /// md.comp.extended-fab.primary.focused.icon.color + static const TokenColorRole focusedIconColor = TokenColorRole.onPrimary; - /// md.comp.extended-fab.primary.pressed.state-layer.opacity - static const double pressedStateLayerOpacity = 0.10; + /// md.comp.extended-fab.primary.focused.label-text.color + static const TokenColorRole focusedLabelTextColor = TokenColorRole.onPrimary; - /// md.comp.extended-fab.primary.pressed.state-layer.color - static const TokenColorRole pressedStateLayerColor = TokenColorRole.onPrimary; + /// md.comp.extended-fab.primary.focused.state-layer.color + static const TokenColorRole focusedStateLayerColor = TokenColorRole.onPrimary; - /// md.comp.extended-fab.primary.label-text.color - static const TokenColorRole labelTextColor = TokenColorRole.onPrimary; + /// md.comp.extended-fab.primary.focused.state-layer.opacity + static const double focusedStateLayerOpacity = 0.10; + + /// md.comp.extended-fab.primary.hovered.container.elevation + static const double hoveredContainerElevation = 8.00; /// md.comp.extended-fab.primary.hovered.icon.color static const TokenColorRole hoveredIconColor = TokenColorRole.onPrimary; - /// md.comp.extended-fab.primary.pressed.container.elevation - static const double pressedContainerElevation = 6.00; - - /// md.comp.extended-fab.primary.container.elevation - static const double containerElevation = 6.00; - /// md.comp.extended-fab.primary.hovered.label-text.color static const TokenColorRole hoveredLabelTextColor = TokenColorRole.onPrimary; - /// md.comp.extended-fab.primary.focused.state-layer.opacity - static const double focusedStateLayerOpacity = 0.10; - - /// md.comp.extended-fab.primary.container.color - static const TokenColorRole containerColor = TokenColorRole.primary; - /// md.comp.extended-fab.primary.hovered.state-layer.color static const TokenColorRole hoveredStateLayerColor = TokenColorRole.onPrimary; - /// md.comp.extended-fab.primary.focused.state-layer.color - static const TokenColorRole focusedStateLayerColor = TokenColorRole.onPrimary; + /// md.comp.extended-fab.primary.hovered.state-layer.opacity + static const double hoveredStateLayerOpacity = 0.08; - /// md.comp.extended-fab.primary.focused.container.elevation - static const double focusedContainerElevation = 6.00; + /// md.comp.extended-fab.primary.icon.color + static const TokenColorRole iconColor = TokenColorRole.onPrimary; + + /// md.comp.extended-fab.primary.label-text.color + static const TokenColorRole labelTextColor = TokenColorRole.onPrimary; + + /// md.comp.extended-fab.primary.pressed.container.elevation + static const double pressedContainerElevation = 6.00; /// md.comp.extended-fab.primary.pressed.icon.color static const TokenColorRole pressedIconColor = TokenColorRole.onPrimary; - /// md.comp.extended-fab.primary.focused.icon.color - static const TokenColorRole focusedIconColor = TokenColorRole.onPrimary; + /// md.comp.extended-fab.primary.pressed.label-text.color + static const TokenColorRole pressedLabelTextColor = TokenColorRole.onPrimary; - /// md.comp.extended-fab.primary.hovered.container.elevation - static const double hoveredContainerElevation = 8.00; + /// md.comp.extended-fab.primary.pressed.state-layer.color + static const TokenColorRole pressedStateLayerColor = TokenColorRole.onPrimary; - /// md.comp.extended-fab.primary.icon.color - static const TokenColorRole iconColor = TokenColorRole.onPrimary; + /// md.comp.extended-fab.primary.pressed.state-layer.opacity + static const double pressedStateLayerOpacity = 0.10; } diff --git a/packages/material_ui/tool/gen_defaults/data/extended_fab_primary_container.dart b/packages/material_ui/tool/gen_defaults/data/extended_fab_primary_container.dart index 22964bb4d45b..1fa7ee6b1368 100644 --- a/packages/material_ui/tool/gen_defaults/data/extended_fab_primary_container.dart +++ b/packages/material_ui/tool/gen_defaults/data/extended_fab_primary_container.dart @@ -7,73 +7,63 @@ import 'color_role.dart'; class TokenExtendedFabPrimaryContainer { - /// md.comp.extended-fab.primary-container.pressed.icon.color - static const TokenColorRole pressedIconColor = - TokenColorRole.onPrimaryContainer; + /// md.comp.extended-fab.primary-container.container.color + static const TokenColorRole containerColor = TokenColorRole.primaryContainer; - /// md.comp.extended-fab.primary-container.pressed.state-layer.color - static const TokenColorRole pressedStateLayerColor = - TokenColorRole.onPrimaryContainer; + /// md.comp.extended-fab.primary-container.container.elevation + static const double containerElevation = 6.00; + + /// md.comp.extended-fab.primary-container.container.shadow-color + static const TokenColorRole containerShadowColor = TokenColorRole.shadow; /// md.comp.extended-fab.primary-container.focused.container.elevation static const double focusedContainerElevation = 6.00; + /// md.comp.extended-fab.primary-container.focused.icon.color + static const TokenColorRole focusedIconColor = TokenColorRole.onPrimaryContainer; + + /// md.comp.extended-fab.primary-container.focused.label-text.color + static const TokenColorRole focusedLabelTextColor = TokenColorRole.onPrimaryContainer; + + /// md.comp.extended-fab.primary-container.focused.state-layer.color + static const TokenColorRole focusedStateLayerColor = TokenColorRole.onPrimaryContainer; + /// md.comp.extended-fab.primary-container.focused.state-layer.opacity static const double focusedStateLayerOpacity = 0.10; - /// md.comp.extended-fab.primary-container.pressed.container.elevation - static const double pressedContainerElevation = 6.00; - /// md.comp.extended-fab.primary-container.hovered.container.elevation static const double hoveredContainerElevation = 8.00; - /// md.comp.extended-fab.primary-container.pressed.state-layer.opacity - static const double pressedStateLayerOpacity = 0.10; - - /// md.comp.extended-fab.primary-container.container.color - static const TokenColorRole containerColor = TokenColorRole.primaryContainer; - - /// md.comp.extended-fab.primary-container.focused.state-layer.color - static const TokenColorRole focusedStateLayerColor = - TokenColorRole.onPrimaryContainer; + /// md.comp.extended-fab.primary-container.hovered.icon.color + static const TokenColorRole hoveredIconColor = TokenColorRole.onPrimaryContainer; /// md.comp.extended-fab.primary-container.hovered.label-text.color - static const TokenColorRole hoveredLabelTextColor = - TokenColorRole.onPrimaryContainer; - - /// md.comp.extended-fab.primary-container.container.shadow-color - static const TokenColorRole containerShadowColor = TokenColorRole.shadow; - - /// md.comp.extended-fab.primary-container.icon.color - static const TokenColorRole iconColor = TokenColorRole.onPrimaryContainer; + static const TokenColorRole hoveredLabelTextColor = TokenColorRole.onPrimaryContainer; - /// md.comp.extended-fab.primary-container.pressed.label-text.color - static const TokenColorRole pressedLabelTextColor = - TokenColorRole.onPrimaryContainer; + /// md.comp.extended-fab.primary-container.hovered.state-layer.color + static const TokenColorRole hoveredStateLayerColor = TokenColorRole.onPrimaryContainer; /// md.comp.extended-fab.primary-container.hovered.state-layer.opacity static const double hoveredStateLayerOpacity = 0.08; + /// md.comp.extended-fab.primary-container.icon.color + static const TokenColorRole iconColor = TokenColorRole.onPrimaryContainer; + /// md.comp.extended-fab.primary-container.label-text.color - static const TokenColorRole labelTextColor = - TokenColorRole.onPrimaryContainer; + static const TokenColorRole labelTextColor = TokenColorRole.onPrimaryContainer; - /// md.comp.extended-fab.primary-container.hovered.state-layer.color - static const TokenColorRole hoveredStateLayerColor = - TokenColorRole.onPrimaryContainer; + /// md.comp.extended-fab.primary-container.pressed.container.elevation + static const double pressedContainerElevation = 6.00; - /// md.comp.extended-fab.primary-container.container.elevation - static const double containerElevation = 6.00; + /// md.comp.extended-fab.primary-container.pressed.icon.color + static const TokenColorRole pressedIconColor = TokenColorRole.onPrimaryContainer; - /// md.comp.extended-fab.primary-container.focused.icon.color - static const TokenColorRole focusedIconColor = - TokenColorRole.onPrimaryContainer; + /// md.comp.extended-fab.primary-container.pressed.label-text.color + static const TokenColorRole pressedLabelTextColor = TokenColorRole.onPrimaryContainer; - /// md.comp.extended-fab.primary-container.hovered.icon.color - static const TokenColorRole hoveredIconColor = - TokenColorRole.onPrimaryContainer; + /// md.comp.extended-fab.primary-container.pressed.state-layer.color + static const TokenColorRole pressedStateLayerColor = TokenColorRole.onPrimaryContainer; - /// md.comp.extended-fab.primary-container.focused.label-text.color - static const TokenColorRole focusedLabelTextColor = - TokenColorRole.onPrimaryContainer; + /// md.comp.extended-fab.primary-container.pressed.state-layer.opacity + static const double pressedStateLayerOpacity = 0.10; } diff --git a/packages/material_ui/tool/gen_defaults/data/extended_fab_secondary.dart b/packages/material_ui/tool/gen_defaults/data/extended_fab_secondary.dart index bccaff8e0480..d924a5e13bc4 100644 --- a/packages/material_ui/tool/gen_defaults/data/extended_fab_secondary.dart +++ b/packages/material_ui/tool/gen_defaults/data/extended_fab_secondary.dart @@ -7,22 +7,29 @@ import 'color_role.dart'; class TokenExtendedFabSecondary { + /// md.comp.extended-fab.secondary.container.color + static const TokenColorRole containerColor = TokenColorRole.secondary; + /// md.comp.extended-fab.secondary.container.elevation static const double containerElevation = 6.00; - /// md.comp.extended-fab.secondary.pressed.icon.color - static const TokenColorRole pressedIconColor = TokenColorRole.onSecondary; + /// md.comp.extended-fab.secondary.container.shadow-color + static const TokenColorRole containerShadowColor = TokenColorRole.shadow; - /// md.comp.extended-fab.secondary.pressed.container.elevation - static const double pressedContainerElevation = 6.00; + /// md.comp.extended-fab.secondary.focused.container.elevation + static const double focusedContainerElevation = 6.00; - /// md.comp.extended-fab.secondary.hovered.state-layer.color - static const TokenColorRole hoveredStateLayerColor = - TokenColorRole.onSecondary; + /// md.comp.extended-fab.secondary.focused.icon.color + static const TokenColorRole focusedIconColor = TokenColorRole.onSecondary; - /// md.comp.extended-fab.secondary.pressed.label-text.color - static const TokenColorRole pressedLabelTextColor = - TokenColorRole.onSecondary; + /// md.comp.extended-fab.secondary.focused.label-text.color + static const TokenColorRole focusedLabelTextColor = TokenColorRole.onSecondary; + + /// md.comp.extended-fab.secondary.focused.state-layer.color + static const TokenColorRole focusedStateLayerColor = TokenColorRole.onSecondary; + + /// md.comp.extended-fab.secondary.focused.state-layer.opacity + static const double focusedStateLayerOpacity = 0.10; /// md.comp.extended-fab.secondary.hovered.container.elevation static const double hoveredContainerElevation = 8.00; @@ -30,46 +37,33 @@ class TokenExtendedFabSecondary { /// md.comp.extended-fab.secondary.hovered.icon.color static const TokenColorRole hoveredIconColor = TokenColorRole.onSecondary; - /// md.comp.extended-fab.secondary.container.shadow-color - static const TokenColorRole containerShadowColor = TokenColorRole.shadow; + /// md.comp.extended-fab.secondary.hovered.label-text.color + static const TokenColorRole hoveredLabelTextColor = TokenColorRole.onSecondary; - /// md.comp.extended-fab.secondary.focused.state-layer.color - static const TokenColorRole focusedStateLayerColor = - TokenColorRole.onSecondary; + /// md.comp.extended-fab.secondary.hovered.state-layer.color + static const TokenColorRole hoveredStateLayerColor = TokenColorRole.onSecondary; - /// md.comp.extended-fab.secondary.focused.icon.color - static const TokenColorRole focusedIconColor = TokenColorRole.onSecondary; + /// md.comp.extended-fab.secondary.hovered.state-layer.opacity + static const double hoveredStateLayerOpacity = 0.08; /// md.comp.extended-fab.secondary.icon.color static const TokenColorRole iconColor = TokenColorRole.onSecondary; - /// md.comp.extended-fab.secondary.focused.container.elevation - static const double focusedContainerElevation = 6.00; + /// md.comp.extended-fab.secondary.label-text.color + static const TokenColorRole labelTextColor = TokenColorRole.onSecondary; - /// md.comp.extended-fab.secondary.focused.label-text.color - static const TokenColorRole focusedLabelTextColor = - TokenColorRole.onSecondary; + /// md.comp.extended-fab.secondary.pressed.container.elevation + static const double pressedContainerElevation = 6.00; - /// md.comp.extended-fab.secondary.hovered.state-layer.opacity - static const double hoveredStateLayerOpacity = 0.08; + /// md.comp.extended-fab.secondary.pressed.icon.color + static const TokenColorRole pressedIconColor = TokenColorRole.onSecondary; - /// md.comp.extended-fab.secondary.pressed.state-layer.color - static const TokenColorRole pressedStateLayerColor = - TokenColorRole.onSecondary; + /// md.comp.extended-fab.secondary.pressed.label-text.color + static const TokenColorRole pressedLabelTextColor = TokenColorRole.onSecondary; - /// md.comp.extended-fab.secondary.label-text.color - static const TokenColorRole labelTextColor = TokenColorRole.onSecondary; + /// md.comp.extended-fab.secondary.pressed.state-layer.color + static const TokenColorRole pressedStateLayerColor = TokenColorRole.onSecondary; /// md.comp.extended-fab.secondary.pressed.state-layer.opacity static const double pressedStateLayerOpacity = 0.10; - - /// md.comp.extended-fab.secondary.focused.state-layer.opacity - static const double focusedStateLayerOpacity = 0.10; - - /// md.comp.extended-fab.secondary.container.color - static const TokenColorRole containerColor = TokenColorRole.secondary; - - /// md.comp.extended-fab.secondary.hovered.label-text.color - static const TokenColorRole hoveredLabelTextColor = - TokenColorRole.onSecondary; } diff --git a/packages/material_ui/tool/gen_defaults/data/extended_fab_secondary_container.dart b/packages/material_ui/tool/gen_defaults/data/extended_fab_secondary_container.dart index a6128bfd3491..6c20ccee6ff8 100644 --- a/packages/material_ui/tool/gen_defaults/data/extended_fab_secondary_container.dart +++ b/packages/material_ui/tool/gen_defaults/data/extended_fab_secondary_container.dart @@ -7,74 +7,63 @@ import 'color_role.dart'; class TokenExtendedFabSecondaryContainer { + /// md.comp.extended-fab.secondary-container.container.color + static const TokenColorRole containerColor = TokenColorRole.secondaryContainer; + /// md.comp.extended-fab.secondary-container.container.elevation static const double containerElevation = 6.00; - /// md.comp.extended-fab.secondary-container.pressed.icon.color - static const TokenColorRole pressedIconColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.extended-fab.secondary-container.container.shadow-color + static const TokenColorRole containerShadowColor = TokenColorRole.shadow; /// md.comp.extended-fab.secondary-container.focused.container.elevation static const double focusedContainerElevation = 6.00; - /// md.comp.extended-fab.secondary-container.pressed.container.elevation - static const double pressedContainerElevation = 6.00; - - /// md.comp.extended-fab.secondary-container.pressed.state-layer.color - static const TokenColorRole pressedStateLayerColor = - TokenColorRole.onSecondaryContainer; - - /// md.comp.extended-fab.secondary-container.hovered.label-text.color - static const TokenColorRole hoveredLabelTextColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.extended-fab.secondary-container.focused.icon.color + static const TokenColorRole focusedIconColor = TokenColorRole.onSecondaryContainer; /// md.comp.extended-fab.secondary-container.focused.label-text.color - static const TokenColorRole focusedLabelTextColor = - TokenColorRole.onSecondaryContainer; + static const TokenColorRole focusedLabelTextColor = TokenColorRole.onSecondaryContainer; /// md.comp.extended-fab.secondary-container.focused.state-layer.color - static const TokenColorRole focusedStateLayerColor = - TokenColorRole.onSecondaryContainer; + static const TokenColorRole focusedStateLayerColor = TokenColorRole.onSecondaryContainer; - /// md.comp.extended-fab.secondary-container.hovered.state-layer.opacity - static const double hoveredStateLayerOpacity = 0.08; + /// md.comp.extended-fab.secondary-container.focused.state-layer.opacity + static const double focusedStateLayerOpacity = 0.10; + + /// md.comp.extended-fab.secondary-container.hovered.container.elevation + static const double hoveredContainerElevation = 8.00; + + /// md.comp.extended-fab.secondary-container.hovered.icon.color + static const TokenColorRole hoveredIconColor = TokenColorRole.onSecondaryContainer; + + /// md.comp.extended-fab.secondary-container.hovered.label-text.color + static const TokenColorRole hoveredLabelTextColor = TokenColorRole.onSecondaryContainer; /// md.comp.extended-fab.secondary-container.hovered.state-layer.color - static const TokenColorRole hoveredStateLayerColor = - TokenColorRole.onSecondaryContainer; + static const TokenColorRole hoveredStateLayerColor = TokenColorRole.onSecondaryContainer; - /// md.comp.extended-fab.secondary-container.pressed.state-layer.opacity - static const double pressedStateLayerOpacity = 0.10; + /// md.comp.extended-fab.secondary-container.hovered.state-layer.opacity + static const double hoveredStateLayerOpacity = 0.08; /// md.comp.extended-fab.secondary-container.icon.color static const TokenColorRole iconColor = TokenColorRole.onSecondaryContainer; - /// md.comp.extended-fab.secondary-container.pressed.label-text.color - static const TokenColorRole pressedLabelTextColor = - TokenColorRole.onSecondaryContainer; - - /// md.comp.extended-fab.secondary-container.hovered.container.elevation - static const double hoveredContainerElevation = 8.00; - /// md.comp.extended-fab.secondary-container.label-text.color - static const TokenColorRole labelTextColor = - TokenColorRole.onSecondaryContainer; + static const TokenColorRole labelTextColor = TokenColorRole.onSecondaryContainer; - /// md.comp.extended-fab.secondary-container.hovered.icon.color - static const TokenColorRole hoveredIconColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.extended-fab.secondary-container.pressed.container.elevation + static const double pressedContainerElevation = 6.00; - /// md.comp.extended-fab.secondary-container.container.shadow-color - static const TokenColorRole containerShadowColor = TokenColorRole.shadow; + /// md.comp.extended-fab.secondary-container.pressed.icon.color + static const TokenColorRole pressedIconColor = TokenColorRole.onSecondaryContainer; - /// md.comp.extended-fab.secondary-container.focused.icon.color - static const TokenColorRole focusedIconColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.extended-fab.secondary-container.pressed.label-text.color + static const TokenColorRole pressedLabelTextColor = TokenColorRole.onSecondaryContainer; - /// md.comp.extended-fab.secondary-container.focused.state-layer.opacity - static const double focusedStateLayerOpacity = 0.10; + /// md.comp.extended-fab.secondary-container.pressed.state-layer.color + static const TokenColorRole pressedStateLayerColor = TokenColorRole.onSecondaryContainer; - /// md.comp.extended-fab.secondary-container.container.color - static const TokenColorRole containerColor = - TokenColorRole.secondaryContainer; + /// md.comp.extended-fab.secondary-container.pressed.state-layer.opacity + static const double pressedStateLayerOpacity = 0.10; } diff --git a/packages/material_ui/tool/gen_defaults/data/extended_fab_small.dart b/packages/material_ui/tool/gen_defaults/data/extended_fab_small.dart index b5c5865a7e61..84be720bc6dd 100644 --- a/packages/material_ui/tool/gen_defaults/data/extended_fab_small.dart +++ b/packages/material_ui/tool/gen_defaults/data/extended_fab_small.dart @@ -7,15 +7,6 @@ import 'shape_struct.dart'; class TokenExtendedFabSmall { - /// md.comp.extended-fab.small.leading-space - static const double leadingSpace = 16.00; - - /// md.comp.extended-fab.small.icon-label-space - static const double iconLabelSpace = 8.00; - - /// md.comp.extended-fab.small.icon.size - static const double iconSize = 24.00; - /// md.comp.extended-fab.small.container.height static const double containerHeight = 56.00; @@ -28,20 +19,29 @@ class TokenExtendedFabSmall { bottomRight: 16.00, ); + /// md.comp.extended-fab.small.icon-label-space + static const double iconLabelSpace = 8.00; + + /// md.comp.extended-fab.small.icon.size + static const double iconSize = 24.00; + /// md.comp.extended-fab.small.label-text - static const double labelTextFontSize = 16.00; + static const String labelTextFontFamily = 'Roboto'; /// md.comp.extended-fab.small.label-text - static const double labelTextFontWeight = 500; + static const double labelTextFontSize = 16.00; /// md.comp.extended-fab.small.label-text - static const double labelTextLineHeight = 24.00; + static const double labelTextFontWeight = 500; /// md.comp.extended-fab.small.label-text static const double labelTextLetterSpacing = 0.15; /// md.comp.extended-fab.small.label-text - static const String labelTextFontFamily = 'Roboto'; + static const double labelTextLineHeight = 24.00; + + /// md.comp.extended-fab.small.leading-space + static const double leadingSpace = 16.00; /// md.comp.extended-fab.small.trailing-space static const double trailingSpace = 16.00; diff --git a/packages/material_ui/tool/gen_defaults/data/extended_fab_surface.dart b/packages/material_ui/tool/gen_defaults/data/extended_fab_surface.dart index 79a5d6401178..6903da28b3a2 100644 --- a/packages/material_ui/tool/gen_defaults/data/extended_fab_surface.dart +++ b/packages/material_ui/tool/gen_defaults/data/extended_fab_surface.dart @@ -8,17 +8,17 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenExtendedFabSurface { - /// md.comp.extended-fab.surface.focus.indicator.thickness - static const double focusIndicatorThickness = 3.00; + /// md.comp.extended-fab.surface.container.color + static const TokenColorRole containerColor = TokenColorRole.surfaceContainerHigh; - /// md.comp.extended-fab.surface.hover.state-layer.opacity - static const double hoverStateLayerOpacity = 0.08; + /// md.comp.extended-fab.surface.container.elevation + static const double containerElevation = 6.00; - /// md.comp.extended-fab.surface.pressed.state-layer.opacity - static const double pressedStateLayerOpacity = 0.10; + /// md.comp.extended-fab.surface.container.height + static const double containerHeight = 56.00; - /// md.comp.extended-fab.surface.focus.state-layer.color - static const TokenColorRole focusStateLayerColor = TokenColorRole.primary; + /// md.comp.extended-fab.surface.container.shadow-color + static const TokenColorRole containerShadowColor = TokenColorRole.shadow; /// md.comp.extended-fab.surface.container.shape static const ShapeStruct containerShape = ShapeStruct( @@ -29,101 +29,99 @@ class TokenExtendedFabSurface { bottomRight: 16.00, ); - /// md.comp.extended-fab.surface.label-text.color - static const TokenColorRole labelTextColor = TokenColorRole.primary; - - /// md.comp.extended-fab.surface.pressed.container.elevation - static const double pressedContainerElevation = 6.00; + /// md.comp.extended-fab.surface.focus.container.elevation + static const double focusContainerElevation = 6.00; /// md.comp.extended-fab.surface.focus.icon.color static const TokenColorRole focusIconColor = TokenColorRole.primary; - /// md.comp.extended-fab.surface.pressed.state-layer.color - static const TokenColorRole pressedStateLayerColor = TokenColorRole.primary; - - /// md.comp.extended-fab.surface.container.color - static const TokenColorRole containerColor = - TokenColorRole.surfaceContainerHigh; + /// md.comp.extended-fab.surface.focus.indicator.color + static const TokenColorRole focusIndicatorColor = TokenColorRole.secondary; - /// md.comp.extended-fab.surface.label-text.type - static const double labelTextTypeFontSize = 14.00; + /// md.comp.extended-fab.surface.focus.indicator.outline.offset + static const double focusIndicatorOutlineOffset = 2.00; - /// md.comp.extended-fab.surface.label-text.type - static const double labelTextTypeFontWeight = 500; + /// md.comp.extended-fab.surface.focus.indicator.thickness + static const double focusIndicatorThickness = 3.00; - /// md.comp.extended-fab.surface.label-text.type - static const double labelTextTypeLineHeight = 20.00; + /// md.comp.extended-fab.surface.focus.label-text.color + static const TokenColorRole focusLabelTextColor = TokenColorRole.primary; - /// md.comp.extended-fab.surface.label-text.type - static const double labelTextTypeLetterSpacing = 0.10; + /// md.comp.extended-fab.surface.focus.state-layer.color + static const TokenColorRole focusStateLayerColor = TokenColorRole.primary; - /// md.comp.extended-fab.surface.label-text.type - static const String labelTextTypeFontFamily = 'Roboto'; + /// md.comp.extended-fab.surface.focus.state-layer.opacity + static const double focusStateLayerOpacity = 0.10; - /// md.comp.extended-fab.surface.focus.label-text.color - static const TokenColorRole focusLabelTextColor = TokenColorRole.primary; + /// md.comp.extended-fab.surface.hover.container.elevation + static const double hoverContainerElevation = 8.00; - /// md.comp.extended-fab.surface.lowered.hover.container.elevation - static const double loweredHoverContainerElevation = 3.00; + /// md.comp.extended-fab.surface.hover.icon.color + static const TokenColorRole hoverIconColor = TokenColorRole.primary; - /// md.comp.extended-fab.surface.container.elevation - static const double containerElevation = 6.00; + /// md.comp.extended-fab.surface.hover.label-text.color + static const TokenColorRole hoverLabelTextColor = TokenColorRole.primary; /// md.comp.extended-fab.surface.hover.state-layer.color static const TokenColorRole hoverStateLayerColor = TokenColorRole.primary; - /// md.comp.extended-fab.surface.focus.indicator.color - static const TokenColorRole focusIndicatorColor = TokenColorRole.secondary; - - /// md.comp.extended-fab.surface.container.shadow-color - static const TokenColorRole containerShadowColor = TokenColorRole.shadow; + /// md.comp.extended-fab.surface.hover.state-layer.opacity + static const double hoverStateLayerOpacity = 0.08; - /// md.comp.extended-fab.surface.pressed.icon.color - static const TokenColorRole pressedIconColor = TokenColorRole.primary; + /// md.comp.extended-fab.surface.icon.color + static const TokenColorRole iconColor = TokenColorRole.primary; /// md.comp.extended-fab.surface.icon.size static const double iconSize = 24.00; - /// md.comp.extended-fab.surface.focus.indicator.outline.offset - static const double focusIndicatorOutlineOffset = 2.00; + /// md.comp.extended-fab.surface.label-text.color + static const TokenColorRole labelTextColor = TokenColorRole.primary; - /// md.comp.extended-fab.surface.hover.container.elevation - static const double hoverContainerElevation = 8.00; + /// md.comp.extended-fab.surface.label-text.font + static const String labelTextFont = 'Roboto'; - /// md.comp.extended-fab.surface.hover.label-text.color - static const TokenColorRole hoverLabelTextColor = TokenColorRole.primary; + /// md.comp.extended-fab.surface.label-text.type + static const String labelTextTypeFontFamily = 'Roboto'; - /// md.comp.extended-fab.surface.focus.state-layer.opacity - static const double focusStateLayerOpacity = 0.10; + /// md.comp.extended-fab.surface.label-text.type + static const double labelTextTypeFontSize = 14.00; - /// md.comp.extended-fab.surface.pressed.label-text.color - static const TokenColorRole pressedLabelTextColor = TokenColorRole.primary; + /// md.comp.extended-fab.surface.label-text.type + static const double labelTextTypeFontWeight = 500; - /// md.comp.extended-fab.surface.hover.icon.color - static const TokenColorRole hoverIconColor = TokenColorRole.primary; + /// md.comp.extended-fab.surface.label-text.type + static const double labelTextTypeLetterSpacing = 0.10; - /// md.comp.extended-fab.surface.lowered.focus.container.elevation - static const double loweredFocusContainerElevation = 1.00; + /// md.comp.extended-fab.surface.label-text.type + static const double labelTextTypeLineHeight = 20.00; - /// md.comp.extended-fab.surface.focus.container.elevation - static const double focusContainerElevation = 6.00; + /// md.comp.extended-fab.surface.lowered.container.color + static const TokenColorRole loweredContainerColor = TokenColorRole.surfaceContainerLow; /// md.comp.extended-fab.surface.lowered.container.elevation static const double loweredContainerElevation = 1.00; + /// md.comp.extended-fab.surface.lowered.focus.container.elevation + static const double loweredFocusContainerElevation = 1.00; + + /// md.comp.extended-fab.surface.lowered.hover.container.elevation + static const double loweredHoverContainerElevation = 3.00; + /// md.comp.extended-fab.surface.lowered.pressed.container.elevation static const double loweredPressedContainerElevation = 1.00; - /// md.comp.extended-fab.surface.label-text.font - static const String labelTextFont = 'Roboto'; + /// md.comp.extended-fab.surface.pressed.container.elevation + static const double pressedContainerElevation = 6.00; - /// md.comp.extended-fab.surface.container.height - static const double containerHeight = 56.00; + /// md.comp.extended-fab.surface.pressed.icon.color + static const TokenColorRole pressedIconColor = TokenColorRole.primary; - /// md.comp.extended-fab.surface.icon.color - static const TokenColorRole iconColor = TokenColorRole.primary; + /// md.comp.extended-fab.surface.pressed.label-text.color + static const TokenColorRole pressedLabelTextColor = TokenColorRole.primary; - /// md.comp.extended-fab.surface.lowered.container.color - static const TokenColorRole loweredContainerColor = - TokenColorRole.surfaceContainerLow; + /// md.comp.extended-fab.surface.pressed.state-layer.color + static const TokenColorRole pressedStateLayerColor = TokenColorRole.primary; + + /// md.comp.extended-fab.surface.pressed.state-layer.opacity + static const double pressedStateLayerOpacity = 0.10; } diff --git a/packages/material_ui/tool/gen_defaults/data/extended_fab_tertiary.dart b/packages/material_ui/tool/gen_defaults/data/extended_fab_tertiary.dart index 941e03da23b1..1d5e1f8c89fa 100644 --- a/packages/material_ui/tool/gen_defaults/data/extended_fab_tertiary.dart +++ b/packages/material_ui/tool/gen_defaults/data/extended_fab_tertiary.dart @@ -7,66 +7,63 @@ import 'color_role.dart'; class TokenExtendedFabTertiary { - /// md.comp.extended-fab.tertiary.pressed.state-layer.color - static const TokenColorRole pressedStateLayerColor = - TokenColorRole.onTertiary; - - /// md.comp.extended-fab.tertiary.focused.icon.color - static const TokenColorRole focusedIconColor = TokenColorRole.onTertiary; - - /// md.comp.extended-fab.tertiary.container.shadow-color - static const TokenColorRole containerShadowColor = TokenColorRole.shadow; - /// md.comp.extended-fab.tertiary.container.color static const TokenColorRole containerColor = TokenColorRole.tertiary; - /// md.comp.extended-fab.tertiary.pressed.label-text.color - static const TokenColorRole pressedLabelTextColor = TokenColorRole.onTertiary; + /// md.comp.extended-fab.tertiary.container.elevation + static const double containerElevation = 6.00; - /// md.comp.extended-fab.tertiary.pressed.state-layer.opacity - static const double pressedStateLayerOpacity = 0.10; + /// md.comp.extended-fab.tertiary.container.shadow-color + static const TokenColorRole containerShadowColor = TokenColorRole.shadow; - /// md.comp.extended-fab.tertiary.hovered.state-layer.color - static const TokenColorRole hoveredStateLayerColor = - TokenColorRole.onTertiary; + /// md.comp.extended-fab.tertiary.focused.container.elevation + static const double focusedContainerElevation = 6.00; - /// md.comp.extended-fab.tertiary.focused.state-layer.color - static const TokenColorRole focusedStateLayerColor = - TokenColorRole.onTertiary; + /// md.comp.extended-fab.tertiary.focused.icon.color + static const TokenColorRole focusedIconColor = TokenColorRole.onTertiary; /// md.comp.extended-fab.tertiary.focused.label-text.color static const TokenColorRole focusedLabelTextColor = TokenColorRole.onTertiary; - /// md.comp.extended-fab.tertiary.pressed.icon.color - static const TokenColorRole pressedIconColor = TokenColorRole.onTertiary; + /// md.comp.extended-fab.tertiary.focused.state-layer.color + static const TokenColorRole focusedStateLayerColor = TokenColorRole.onTertiary; /// md.comp.extended-fab.tertiary.focused.state-layer.opacity static const double focusedStateLayerOpacity = 0.10; - /// md.comp.extended-fab.tertiary.hovered.icon.color - static const TokenColorRole hoveredIconColor = TokenColorRole.onTertiary; - /// md.comp.extended-fab.tertiary.hovered.container.elevation static const double hoveredContainerElevation = 8.00; - /// md.comp.extended-fab.tertiary.icon.color - static const TokenColorRole iconColor = TokenColorRole.onTertiary; + /// md.comp.extended-fab.tertiary.hovered.icon.color + static const TokenColorRole hoveredIconColor = TokenColorRole.onTertiary; /// md.comp.extended-fab.tertiary.hovered.label-text.color static const TokenColorRole hoveredLabelTextColor = TokenColorRole.onTertiary; - /// md.comp.extended-fab.tertiary.pressed.container.elevation - static const double pressedContainerElevation = 6.00; + /// md.comp.extended-fab.tertiary.hovered.state-layer.color + static const TokenColorRole hoveredStateLayerColor = TokenColorRole.onTertiary; /// md.comp.extended-fab.tertiary.hovered.state-layer.opacity static const double hoveredStateLayerOpacity = 0.08; - /// md.comp.extended-fab.tertiary.container.elevation - static const double containerElevation = 6.00; + /// md.comp.extended-fab.tertiary.icon.color + static const TokenColorRole iconColor = TokenColorRole.onTertiary; /// md.comp.extended-fab.tertiary.label-text.color static const TokenColorRole labelTextColor = TokenColorRole.onTertiary; - /// md.comp.extended-fab.tertiary.focused.container.elevation - static const double focusedContainerElevation = 6.00; + /// md.comp.extended-fab.tertiary.pressed.container.elevation + static const double pressedContainerElevation = 6.00; + + /// md.comp.extended-fab.tertiary.pressed.icon.color + static const TokenColorRole pressedIconColor = TokenColorRole.onTertiary; + + /// md.comp.extended-fab.tertiary.pressed.label-text.color + static const TokenColorRole pressedLabelTextColor = TokenColorRole.onTertiary; + + /// md.comp.extended-fab.tertiary.pressed.state-layer.color + static const TokenColorRole pressedStateLayerColor = TokenColorRole.onTertiary; + + /// md.comp.extended-fab.tertiary.pressed.state-layer.opacity + static const double pressedStateLayerOpacity = 0.10; } diff --git a/packages/material_ui/tool/gen_defaults/data/extended_fab_tertiary_container.dart b/packages/material_ui/tool/gen_defaults/data/extended_fab_tertiary_container.dart index 8864e174740c..5be576a98ae7 100644 --- a/packages/material_ui/tool/gen_defaults/data/extended_fab_tertiary_container.dart +++ b/packages/material_ui/tool/gen_defaults/data/extended_fab_tertiary_container.dart @@ -7,73 +7,63 @@ import 'color_role.dart'; class TokenExtendedFabTertiaryContainer { - /// md.comp.extended-fab.tertiary-container.focused.state-layer.opacity - static const double focusedStateLayerOpacity = 0.10; - - /// md.comp.extended-fab.tertiary-container.hovered.container.elevation - static const double hoveredContainerElevation = 8.00; - /// md.comp.extended-fab.tertiary-container.container.color static const TokenColorRole containerColor = TokenColorRole.tertiaryContainer; - /// md.comp.extended-fab.tertiary-container.hovered.icon.color - static const TokenColorRole hoveredIconColor = - TokenColorRole.onTertiaryContainer; - - /// md.comp.extended-fab.tertiary-container.pressed.label-text.color - static const TokenColorRole pressedLabelTextColor = - TokenColorRole.onTertiaryContainer; + /// md.comp.extended-fab.tertiary-container.container.elevation + static const double containerElevation = 6.00; - /// md.comp.extended-fab.tertiary-container.pressed.state-layer.opacity - static const double pressedStateLayerOpacity = 0.10; + /// md.comp.extended-fab.tertiary-container.container.shadow-color + static const TokenColorRole containerShadowColor = TokenColorRole.shadow; - /// md.comp.extended-fab.tertiary-container.icon.color - static const TokenColorRole iconColor = TokenColorRole.onTertiaryContainer; + /// md.comp.extended-fab.tertiary-container.focused.container.elevation + static const double focusedContainerElevation = 6.00; /// md.comp.extended-fab.tertiary-container.focused.icon.color - static const TokenColorRole focusedIconColor = - TokenColorRole.onTertiaryContainer; + static const TokenColorRole focusedIconColor = TokenColorRole.onTertiaryContainer; - /// md.comp.extended-fab.tertiary-container.hovered.state-layer.color - static const TokenColorRole hoveredStateLayerColor = - TokenColorRole.onTertiaryContainer; + /// md.comp.extended-fab.tertiary-container.focused.label-text.color + static const TokenColorRole focusedLabelTextColor = TokenColorRole.onTertiaryContainer; - /// md.comp.extended-fab.tertiary-container.container.shadow-color - static const TokenColorRole containerShadowColor = TokenColorRole.shadow; + /// md.comp.extended-fab.tertiary-container.focused.state-layer.color + static const TokenColorRole focusedStateLayerColor = TokenColorRole.onTertiaryContainer; - /// md.comp.extended-fab.tertiary-container.pressed.state-layer.color - static const TokenColorRole pressedStateLayerColor = - TokenColorRole.onTertiaryContainer; + /// md.comp.extended-fab.tertiary-container.focused.state-layer.opacity + static const double focusedStateLayerOpacity = 0.10; + + /// md.comp.extended-fab.tertiary-container.hovered.container.elevation + static const double hoveredContainerElevation = 8.00; + + /// md.comp.extended-fab.tertiary-container.hovered.icon.color + static const TokenColorRole hoveredIconColor = TokenColorRole.onTertiaryContainer; + + /// md.comp.extended-fab.tertiary-container.hovered.label-text.color + static const TokenColorRole hoveredLabelTextColor = TokenColorRole.onTertiaryContainer; + + /// md.comp.extended-fab.tertiary-container.hovered.state-layer.color + static const TokenColorRole hoveredStateLayerColor = TokenColorRole.onTertiaryContainer; /// md.comp.extended-fab.tertiary-container.hovered.state-layer.opacity static const double hoveredStateLayerOpacity = 0.08; - /// md.comp.extended-fab.tertiary-container.pressed.container.elevation - static const double pressedContainerElevation = 6.00; - - /// md.comp.extended-fab.tertiary-container.focused.label-text.color - static const TokenColorRole focusedLabelTextColor = - TokenColorRole.onTertiaryContainer; + /// md.comp.extended-fab.tertiary-container.icon.color + static const TokenColorRole iconColor = TokenColorRole.onTertiaryContainer; /// md.comp.extended-fab.tertiary-container.label-text.color - static const TokenColorRole labelTextColor = - TokenColorRole.onTertiaryContainer; + static const TokenColorRole labelTextColor = TokenColorRole.onTertiaryContainer; - /// md.comp.extended-fab.tertiary-container.focused.state-layer.color - static const TokenColorRole focusedStateLayerColor = - TokenColorRole.onTertiaryContainer; + /// md.comp.extended-fab.tertiary-container.pressed.container.elevation + static const double pressedContainerElevation = 6.00; /// md.comp.extended-fab.tertiary-container.pressed.icon.color - static const TokenColorRole pressedIconColor = - TokenColorRole.onTertiaryContainer; + static const TokenColorRole pressedIconColor = TokenColorRole.onTertiaryContainer; - /// md.comp.extended-fab.tertiary-container.container.elevation - static const double containerElevation = 6.00; + /// md.comp.extended-fab.tertiary-container.pressed.label-text.color + static const TokenColorRole pressedLabelTextColor = TokenColorRole.onTertiaryContainer; - /// md.comp.extended-fab.tertiary-container.focused.container.elevation - static const double focusedContainerElevation = 6.00; + /// md.comp.extended-fab.tertiary-container.pressed.state-layer.color + static const TokenColorRole pressedStateLayerColor = TokenColorRole.onTertiaryContainer; - /// md.comp.extended-fab.tertiary-container.hovered.label-text.color - static const TokenColorRole hoveredLabelTextColor = - TokenColorRole.onTertiaryContainer; + /// md.comp.extended-fab.tertiary-container.pressed.state-layer.opacity + static const double pressedStateLayerOpacity = 0.10; } diff --git a/packages/material_ui/tool/gen_defaults/data/fab.dart b/packages/material_ui/tool/gen_defaults/data/fab.dart index 0514dcb13f36..730cf2efbdd3 100644 --- a/packages/material_ui/tool/gen_defaults/data/fab.dart +++ b/packages/material_ui/tool/gen_defaults/data/fab.dart @@ -7,6 +7,9 @@ import 'shape_struct.dart'; class TokenFab { + /// md.comp.fab.container.height + static const double containerHeight = 56.00; + /// md.comp.fab.container.shape static const ShapeStruct containerShape = ShapeStruct( family: 'SHAPE_FAMILY_ROUNDED_CORNERS', @@ -16,9 +19,6 @@ class TokenFab { bottomRight: 16.00, ); - /// md.comp.fab.container.height - static const double containerHeight = 56.00; - /// md.comp.fab.container.width static const double containerWidth = 56.00; diff --git a/packages/material_ui/tool/gen_defaults/data/fab_branded.dart b/packages/material_ui/tool/gen_defaults/data/fab_branded.dart index 993540c50e94..d473087b85b0 100644 --- a/packages/material_ui/tool/gen_defaults/data/fab_branded.dart +++ b/packages/material_ui/tool/gen_defaults/data/fab_branded.dart @@ -8,29 +8,17 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenFabBranded { - /// md.comp.fab.branded.focus.indicator.thickness - static const double focusIndicatorThickness = 3.00; + /// md.comp.fab.branded.container.color + static const TokenColorRole containerColor = TokenColorRole.surfaceContainerHigh; + + /// md.comp.fab.branded.container.elevation + static const double containerElevation = 6.00; /// md.comp.fab.branded.container.height static const double containerHeight = 56.00; - /// md.comp.fab.branded.lowered.pressed.container.elevation - static const double loweredPressedContainerElevation = 1.00; - - /// md.comp.fab.branded.hover.container.elevation - static const double hoverContainerElevation = 8.00; - - /// md.comp.fab.branded.focus.state-layer.opacity - static const double focusStateLayerOpacity = 0.10; - - /// md.comp.fab.branded.lowered.container.elevation - static const double loweredContainerElevation = 1.00; - - /// md.comp.fab.branded.focus.container.elevation - static const double focusContainerElevation = 6.00; - - /// md.comp.fab.branded.container.elevation - static const double containerElevation = 6.00; + /// md.comp.fab.branded.container.shadow-color + static const TokenColorRole containerShadowColor = TokenColorRole.shadow; /// md.comp.fab.branded.container.shape static const ShapeStruct containerShape = ShapeStruct( @@ -41,12 +29,30 @@ class TokenFabBranded { bottomRight: 16.00, ); - /// md.comp.fab.branded.pressed.state-layer.color - static const TokenColorRole pressedStateLayerColor = TokenColorRole.primary; - /// md.comp.fab.branded.container.width static const double containerWidth = 56.00; + /// md.comp.fab.branded.focus.container.elevation + static const double focusContainerElevation = 6.00; + + /// md.comp.fab.branded.focus.indicator.color + static const TokenColorRole focusIndicatorColor = TokenColorRole.secondary; + + /// md.comp.fab.branded.focus.indicator.thickness + static const double focusIndicatorThickness = 3.00; + + /// md.comp.fab.branded.focus.state-layer.color + static const TokenColorRole focusStateLayerColor = TokenColorRole.primary; + + /// md.comp.fab.branded.focus.state-layer.opacity + static const double focusStateLayerOpacity = 0.10; + + /// md.comp.fab.branded.hover.container.elevation + static const double hoverContainerElevation = 8.00; + + /// md.comp.fab.branded.hover.state-layer.color + static const TokenColorRole hoverStateLayerColor = TokenColorRole.primary; + /// md.comp.fab.branded.hover.state-layer.opacity static const double hoverStateLayerOpacity = 0.08; @@ -56,35 +62,27 @@ class TokenFabBranded { /// md.comp.fab.branded.indicator.outline.offset static const double indicatorOutlineOffset = 2.00; - /// md.comp.fab.branded.lowered.focus.container.elevation - static const double loweredFocusContainerElevation = 1.00; - - /// md.comp.fab.branded.container.color - static const TokenColorRole containerColor = - TokenColorRole.surfaceContainerHigh; - - /// md.comp.fab.branded.focus.state-layer.color - static const TokenColorRole focusStateLayerColor = TokenColorRole.primary; + /// md.comp.fab.branded.lowered.container.color + static const TokenColorRole loweredContainerColor = TokenColorRole.surfaceContainerLow; - /// md.comp.fab.branded.container.shadow-color - static const TokenColorRole containerShadowColor = TokenColorRole.shadow; + /// md.comp.fab.branded.lowered.container.elevation + static const double loweredContainerElevation = 1.00; - /// md.comp.fab.branded.focus.indicator.color - static const TokenColorRole focusIndicatorColor = TokenColorRole.secondary; + /// md.comp.fab.branded.lowered.focus.container.elevation + static const double loweredFocusContainerElevation = 1.00; /// md.comp.fab.branded.lowered.hover.container.elevation static const double loweredHoverContainerElevation = 3.00; - /// md.comp.fab.branded.hover.state-layer.color - static const TokenColorRole hoverStateLayerColor = TokenColorRole.primary; - - /// md.comp.fab.branded.lowered.container.color - static const TokenColorRole loweredContainerColor = - TokenColorRole.surfaceContainerLow; + /// md.comp.fab.branded.lowered.pressed.container.elevation + static const double loweredPressedContainerElevation = 1.00; /// md.comp.fab.branded.pressed.container.elevation static const double pressedContainerElevation = 6.00; + /// md.comp.fab.branded.pressed.state-layer.color + static const TokenColorRole pressedStateLayerColor = TokenColorRole.primary; + /// md.comp.fab.branded.pressed.state-layer.opacity static const double pressedStateLayerOpacity = 0.10; } diff --git a/packages/material_ui/tool/gen_defaults/data/fab_large.dart b/packages/material_ui/tool/gen_defaults/data/fab_large.dart index 5b84ba5bdc40..a27dca2f4295 100644 --- a/packages/material_ui/tool/gen_defaults/data/fab_large.dart +++ b/packages/material_ui/tool/gen_defaults/data/fab_large.dart @@ -7,12 +7,6 @@ import 'shape_struct.dart'; class TokenFabLarge { - /// md.comp.fab.large.container.width - static const double containerWidth = 96.00; - - /// md.comp.fab.large.icon.size - static const double iconSize = 36.00; - /// md.comp.fab.large.container.height static const double containerHeight = 96.00; @@ -24,4 +18,10 @@ class TokenFabLarge { bottomLeft: 28.00, bottomRight: 28.00, ); + + /// md.comp.fab.large.container.width + static const double containerWidth = 96.00; + + /// md.comp.fab.large.icon.size + static const double iconSize = 36.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/fab_medium.dart b/packages/material_ui/tool/gen_defaults/data/fab_medium.dart index 2b4f2eb40f44..94a3b6b645ef 100644 --- a/packages/material_ui/tool/gen_defaults/data/fab_medium.dart +++ b/packages/material_ui/tool/gen_defaults/data/fab_medium.dart @@ -7,8 +7,8 @@ import 'shape_struct.dart'; class TokenFabMedium { - /// md.comp.fab.medium.icon.size - static const double iconSize = 28.00; + /// md.comp.fab.medium.container.height + static const double containerHeight = 80.00; /// md.comp.fab.medium.container.shape static const ShapeStruct containerShape = ShapeStruct( @@ -19,9 +19,9 @@ class TokenFabMedium { bottomRight: 20.00, ); - /// md.comp.fab.medium.container.height - static const double containerHeight = 80.00; - /// md.comp.fab.medium.container.width static const double containerWidth = 80.00; + + /// md.comp.fab.medium.icon.size + static const double iconSize = 28.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/fab_menu.dart b/packages/material_ui/tool/gen_defaults/data/fab_menu.dart index a78252f8b237..5b398a9398da 100644 --- a/packages/material_ui/tool/gen_defaults/data/fab_menu.dart +++ b/packages/material_ui/tool/gen_defaults/data/fab_menu.dart @@ -7,42 +7,15 @@ import 'shape_struct.dart'; class TokenFabMenu { - /// md.comp.fab-menu.menu-item.label-text - static const double menuItemLabelTextFontSize = 16.00; - - /// md.comp.fab-menu.menu-item.label-text - static const double menuItemLabelTextFontWeight = 500; - - /// md.comp.fab-menu.menu-item.label-text - static const double menuItemLabelTextLineHeight = 24.00; - - /// md.comp.fab-menu.menu-item.label-text - static const double menuItemLabelTextLetterSpacing = 0.15; - - /// md.comp.fab-menu.menu-item.label-text - static const String menuItemLabelTextFontFamily = 'Roboto'; - - /// md.comp.fab-menu.menu-item.leading-space - static const double menuItemLeadingSpace = 24.00; - - /// md.comp.fab-menu.close-button.container.width - static const double closeButtonContainerWidth = 56.00; - - /// md.comp.fab-menu.menu-item.icon-label-space - static const double menuItemIconLabelSpace = 8.00; - - /// md.comp.fab-menu.close-button.icon.size - static const double closeButtonIconSize = 20.00; - - /// md.comp.fab-menu.menu-item.trailing-space - static const double menuItemTrailingSpace = 24.00; - - /// md.comp.fab-menu.menu-item.container.height - static const double menuItemContainerHeight = 56.00; - /// md.comp.fab-menu.close-button.between-space static const double closeButtonBetweenSpace = 8.00; + /// md.comp.fab-menu.close-button.container.elevation + static const double closeButtonContainerElevation = 6.00; + + /// md.comp.fab-menu.close-button.container.height + static const double closeButtonContainerHeight = 56.00; + /// md.comp.fab-menu.close-button.container.shape static const ShapeStruct closeButtonContainerShape = ShapeStruct( family: 'SHAPE_FAMILY_CIRCULAR', @@ -52,12 +25,21 @@ class TokenFabMenu { bottomRight: 0.00, ); - /// md.comp.fab-menu.close-button.container.height - static const double closeButtonContainerHeight = 56.00; + /// md.comp.fab-menu.close-button.container.width + static const double closeButtonContainerWidth = 56.00; + + /// md.comp.fab-menu.close-button.icon.size + static const double closeButtonIconSize = 20.00; /// md.comp.fab-menu.menu-item.between-space static const double menuItemBetweenSpace = 4.00; + /// md.comp.fab-menu.menu-item.container.elevation + static const double menuItemContainerElevation = 0.00; + + /// md.comp.fab-menu.menu-item.container.height + static const double menuItemContainerHeight = 56.00; + /// md.comp.fab-menu.menu-item.container.shape static const ShapeStruct menuItemContainerShape = ShapeStruct( family: 'SHAPE_FAMILY_CIRCULAR', @@ -67,12 +49,30 @@ class TokenFabMenu { bottomRight: 0.00, ); - /// md.comp.fab-menu.close-button.container.elevation - static const double closeButtonContainerElevation = 6.00; + /// md.comp.fab-menu.menu-item.icon-label-space + static const double menuItemIconLabelSpace = 8.00; /// md.comp.fab-menu.menu-item.icon.size static const double menuItemIconSize = 24.00; - /// md.comp.fab-menu.menu-item.container.elevation - static const double menuItemContainerElevation = 0.00; + /// md.comp.fab-menu.menu-item.label-text + static const String menuItemLabelTextFontFamily = 'Roboto'; + + /// md.comp.fab-menu.menu-item.label-text + static const double menuItemLabelTextFontSize = 16.00; + + /// md.comp.fab-menu.menu-item.label-text + static const double menuItemLabelTextFontWeight = 500; + + /// md.comp.fab-menu.menu-item.label-text + static const double menuItemLabelTextLetterSpacing = 0.15; + + /// md.comp.fab-menu.menu-item.label-text + static const double menuItemLabelTextLineHeight = 24.00; + + /// md.comp.fab-menu.menu-item.leading-space + static const double menuItemLeadingSpace = 24.00; + + /// md.comp.fab-menu.menu-item.trailing-space + static const double menuItemTrailingSpace = 24.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/fab_menu_primary_close_button.dart b/packages/material_ui/tool/gen_defaults/data/fab_menu_primary_close_button.dart index 3d8dd90a94fb..54dbeda92a41 100644 --- a/packages/material_ui/tool/gen_defaults/data/fab_menu_primary_close_button.dart +++ b/packages/material_ui/tool/gen_defaults/data/fab_menu_primary_close_button.dart @@ -7,48 +7,48 @@ import 'color_role.dart'; class TokenFabMenuPrimaryCloseButton { - /// md.comp.fab-menu.primary.close-button.focused.container.elevation - static const double focusedContainerElevation = 6.00; + /// md.comp.fab-menu.primary.close-button.container.color + static const TokenColorRole containerColor = TokenColorRole.primary; /// md.comp.fab-menu.primary.close-button.container.shadow-color static const TokenColorRole containerShadowColor = TokenColorRole.shadow; + /// md.comp.fab-menu.primary.close-button.focused.container.elevation + static const double focusedContainerElevation = 6.00; + + /// md.comp.fab-menu.primary.close-button.focused.icon.color + static const TokenColorRole focusedIconColor = TokenColorRole.onPrimary; + /// md.comp.fab-menu.primary.close-button.focused.state-layer.color static const TokenColorRole focusedStateLayerColor = TokenColorRole.onPrimary; + /// md.comp.fab-menu.primary.close-button.focused.state-layer.opacity + static const double focusedStateLayerOpacity = 0.10; + + /// md.comp.fab-menu.primary.close-button.hovered.container.elevation + static const double hoveredContainerElevation = 8.00; + /// md.comp.fab-menu.primary.close-button.hovered.icon.color static const TokenColorRole hoveredIconColor = TokenColorRole.onPrimary; /// md.comp.fab-menu.primary.close-button.hovered.state-layer.color static const TokenColorRole hoveredStateLayerColor = TokenColorRole.onPrimary; - /// md.comp.fab-menu.primary.close-button.pressed.container.elevation - static const double pressedContainerElevation = 6.00; - - /// md.comp.fab-menu.primary.close-button.pressed.state-layer.opacity - static const double pressedStateLayerOpacity = 0.10; - - /// md.comp.fab-menu.primary.close-button.hovered.container.elevation - static const double hoveredContainerElevation = 8.00; - - /// md.comp.fab-menu.primary.close-button.focused.state-layer.opacity - static const double focusedStateLayerOpacity = 0.10; + /// md.comp.fab-menu.primary.close-button.hovered.state-layer.opacity + static const double hoveredStateLayerOpacity = 0.08; /// md.comp.fab-menu.primary.close-button.icon.color static const TokenColorRole iconColor = TokenColorRole.onPrimary; - /// md.comp.fab-menu.primary.close-button.container.color - static const TokenColorRole containerColor = TokenColorRole.primary; - - /// md.comp.fab-menu.primary.close-button.pressed.state-layer.color - static const TokenColorRole pressedStateLayerColor = TokenColorRole.onPrimary; + /// md.comp.fab-menu.primary.close-button.pressed.container.elevation + static const double pressedContainerElevation = 6.00; /// md.comp.fab-menu.primary.close-button.pressed.icon.color static const TokenColorRole pressedIconColor = TokenColorRole.onPrimary; - /// md.comp.fab-menu.primary.close-button.hovered.state-layer.opacity - static const double hoveredStateLayerOpacity = 0.08; + /// md.comp.fab-menu.primary.close-button.pressed.state-layer.color + static const TokenColorRole pressedStateLayerColor = TokenColorRole.onPrimary; - /// md.comp.fab-menu.primary.close-button.focused.icon.color - static const TokenColorRole focusedIconColor = TokenColorRole.onPrimary; + /// md.comp.fab-menu.primary.close-button.pressed.state-layer.opacity + static const double pressedStateLayerOpacity = 0.10; } diff --git a/packages/material_ui/tool/gen_defaults/data/fab_menu_primary_container.dart b/packages/material_ui/tool/gen_defaults/data/fab_menu_primary_container.dart index 03b5d07bbe16..d5ee83efc900 100644 --- a/packages/material_ui/tool/gen_defaults/data/fab_menu_primary_container.dart +++ b/packages/material_ui/tool/gen_defaults/data/fab_menu_primary_container.dart @@ -7,73 +7,60 @@ import 'color_role.dart'; class TokenFabMenuPrimaryContainer { - /// md.comp.fab-menu.primary-container.list-item.pressed.icon.color - static const TokenColorRole listItemPressedIconColor = - TokenColorRole.onPrimaryContainer; + /// md.comp.fab-menu.primary-container.list-item.container.color + static const TokenColorRole listItemContainerColor = TokenColorRole.primaryContainer; - /// md.comp.fab-menu.primary-container.list-item.pressed.state-layer.opacity - static const double listItemPressedStateLayerOpacity = 0.10; + /// md.comp.fab-menu.primary-container.list-item.container.shadow-color + static const TokenColorRole listItemContainerShadowColor = TokenColorRole.shadow; /// md.comp.fab-menu.primary-container.list-item.focused.container.elevation static const double listItemFocusedContainerElevation = 6.00; - /// md.comp.fab-menu.primary-container.list-item.pressed.label-text.color - static const TokenColorRole listItemPressedLabelTextColor = - TokenColorRole.onPrimaryContainer; + /// md.comp.fab-menu.primary-container.list-item.focused.icon.color + static const TokenColorRole listItemFocusedIconColor = TokenColorRole.onPrimaryContainer; - /// md.comp.fab-menu.primary-container.list-item.hovered.label-text.color - static const TokenColorRole listItemHoveredLabelTextColor = - TokenColorRole.onPrimaryContainer; + /// md.comp.fab-menu.primary-container.list-item.focused.label-text.color + static const TokenColorRole listItemFocusedLabelTextColor = TokenColorRole.onPrimaryContainer; - /// md.comp.fab-menu.primary-container.list-item.hovered.state-layer.color - static const TokenColorRole listItemHoveredStateLayerColor = - TokenColorRole.onPrimaryContainer; + /// md.comp.fab-menu.primary-container.list-item.focused.state-layer.color + static const TokenColorRole listItemFocusedStateLayerColor = TokenColorRole.onPrimaryContainer; /// md.comp.fab-menu.primary-container.list-item.focused.state-layer.opacity static const double listItemFocusedStateLayerOpacity = 0.10; - /// md.comp.fab-menu.primary-container.list-item.focused.state-layer.color - static const TokenColorRole listItemFocusedStateLayerColor = - TokenColorRole.onPrimaryContainer; - - /// md.comp.fab-menu.primary-container.list-item.pressed.state-layer.color - static const TokenColorRole listItemPressedStateLayerColor = - TokenColorRole.onPrimaryContainer; - /// md.comp.fab-menu.primary-container.list-item.hovered.container.elevation static const double listItemHoveredContainerElevation = 8.00; - /// md.comp.fab-menu.primary-container.list-item.container.color - static const TokenColorRole listItemContainerColor = - TokenColorRole.primaryContainer; - /// md.comp.fab-menu.primary-container.list-item.hovered.icon.color - static const TokenColorRole listItemHoveredIconColor = - TokenColorRole.onPrimaryContainer; + static const TokenColorRole listItemHoveredIconColor = TokenColorRole.onPrimaryContainer; - /// md.comp.fab-menu.primary-container.list-item.icon.color - static const TokenColorRole listItemIconColor = - TokenColorRole.onPrimaryContainer; + /// md.comp.fab-menu.primary-container.list-item.hovered.label-text.color + static const TokenColorRole listItemHoveredLabelTextColor = TokenColorRole.onPrimaryContainer; + + /// md.comp.fab-menu.primary-container.list-item.hovered.state-layer.color + static const TokenColorRole listItemHoveredStateLayerColor = TokenColorRole.onPrimaryContainer; /// md.comp.fab-menu.primary-container.list-item.hovered.state-layer.opacity static const double listItemHoveredStateLayerOpacity = 0.08; - /// md.comp.fab-menu.primary-container.list-item.focused.label-text.color - static const TokenColorRole listItemFocusedLabelTextColor = - TokenColorRole.onPrimaryContainer; + /// md.comp.fab-menu.primary-container.list-item.icon.color + static const TokenColorRole listItemIconColor = TokenColorRole.onPrimaryContainer; + + /// md.comp.fab-menu.primary-container.list-item.label-text.color + static const TokenColorRole listItemLabelTextColor = TokenColorRole.onPrimaryContainer; /// md.comp.fab-menu.primary-container.list-item.pressed.container.elevation static const double listItemPressedContainerElevation = 6.00; - /// md.comp.fab-menu.primary-container.list-item.focused.icon.color - static const TokenColorRole listItemFocusedIconColor = - TokenColorRole.onPrimaryContainer; + /// md.comp.fab-menu.primary-container.list-item.pressed.icon.color + static const TokenColorRole listItemPressedIconColor = TokenColorRole.onPrimaryContainer; - /// md.comp.fab-menu.primary-container.list-item.label-text.color - static const TokenColorRole listItemLabelTextColor = - TokenColorRole.onPrimaryContainer; + /// md.comp.fab-menu.primary-container.list-item.pressed.label-text.color + static const TokenColorRole listItemPressedLabelTextColor = TokenColorRole.onPrimaryContainer; - /// md.comp.fab-menu.primary-container.list-item.container.shadow-color - static const TokenColorRole listItemContainerShadowColor = - TokenColorRole.shadow; + /// md.comp.fab-menu.primary-container.list-item.pressed.state-layer.color + static const TokenColorRole listItemPressedStateLayerColor = TokenColorRole.onPrimaryContainer; + + /// md.comp.fab-menu.primary-container.list-item.pressed.state-layer.opacity + static const double listItemPressedStateLayerOpacity = 0.10; } diff --git a/packages/material_ui/tool/gen_defaults/data/fab_menu_secondary_close_button.dart b/packages/material_ui/tool/gen_defaults/data/fab_menu_secondary_close_button.dart index 15940675c9f8..41fba9e5129a 100644 --- a/packages/material_ui/tool/gen_defaults/data/fab_menu_secondary_close_button.dart +++ b/packages/material_ui/tool/gen_defaults/data/fab_menu_secondary_close_button.dart @@ -7,51 +7,48 @@ import 'color_role.dart'; class TokenFabMenuSecondaryCloseButton { + /// md.comp.fab-menu.secondary.close-button.container.color + static const TokenColorRole containerColor = TokenColorRole.secondary; + /// md.comp.fab-menu.secondary.close-button.container.shadow-color static const TokenColorRole containerShadowColor = TokenColorRole.shadow; - /// md.comp.fab-menu.secondary.close-button.hovered.icon.color - static const TokenColorRole hoveredIconColor = TokenColorRole.onSecondary; - - /// md.comp.fab-menu.secondary.close-button.pressed.state-layer.color - static const TokenColorRole pressedStateLayerColor = - TokenColorRole.onSecondary; - /// md.comp.fab-menu.secondary.close-button.focused.container.elevation static const double focusedContainerElevation = 6.00; - /// md.comp.fab-menu.secondary.close-button.pressed.state-layer.opacity - static const double pressedStateLayerOpacity = 0.10; - - /// md.comp.fab-menu.secondary.close-button.pressed.icon.color - static const TokenColorRole pressedIconColor = TokenColorRole.onSecondary; + /// md.comp.fab-menu.secondary.close-button.focused.icon.color + static const TokenColorRole focusedIconColor = TokenColorRole.onSecondary; - /// md.comp.fab-menu.secondary.close-button.icon.color - static const TokenColorRole iconColor = TokenColorRole.onSecondary; + /// md.comp.fab-menu.secondary.close-button.focused.state-layer.color + static const TokenColorRole focusedStateLayerColor = TokenColorRole.onSecondary; - /// md.comp.fab-menu.secondary.close-button.pressed.container.elevation - static const double pressedContainerElevation = 6.00; + /// md.comp.fab-menu.secondary.close-button.focused.state-layer.opacity + static const double focusedStateLayerOpacity = 0.10; /// md.comp.fab-menu.secondary.close-button.hovered.container.elevation static const double hoveredContainerElevation = 8.00; + /// md.comp.fab-menu.secondary.close-button.hovered.icon.color + static const TokenColorRole hoveredIconColor = TokenColorRole.onSecondary; + + /// md.comp.fab-menu.secondary.close-button.hovered.state-layer.color + static const TokenColorRole hoveredStateLayerColor = TokenColorRole.onSecondary; + /// md.comp.fab-menu.secondary.close-button.hovered.state-layer.opacity static const double hoveredStateLayerOpacity = 0.08; - /// md.comp.fab-menu.secondary.close-button.focused.icon.color - static const TokenColorRole focusedIconColor = TokenColorRole.onSecondary; + /// md.comp.fab-menu.secondary.close-button.icon.color + static const TokenColorRole iconColor = TokenColorRole.onSecondary; - /// md.comp.fab-menu.secondary.close-button.focused.state-layer.color - static const TokenColorRole focusedStateLayerColor = - TokenColorRole.onSecondary; + /// md.comp.fab-menu.secondary.close-button.pressed.container.elevation + static const double pressedContainerElevation = 6.00; - /// md.comp.fab-menu.secondary.close-button.hovered.state-layer.color - static const TokenColorRole hoveredStateLayerColor = - TokenColorRole.onSecondary; + /// md.comp.fab-menu.secondary.close-button.pressed.icon.color + static const TokenColorRole pressedIconColor = TokenColorRole.onSecondary; - /// md.comp.fab-menu.secondary.close-button.focused.state-layer.opacity - static const double focusedStateLayerOpacity = 0.10; + /// md.comp.fab-menu.secondary.close-button.pressed.state-layer.color + static const TokenColorRole pressedStateLayerColor = TokenColorRole.onSecondary; - /// md.comp.fab-menu.secondary.close-button.container.color - static const TokenColorRole containerColor = TokenColorRole.secondary; + /// md.comp.fab-menu.secondary.close-button.pressed.state-layer.opacity + static const double pressedStateLayerOpacity = 0.10; } diff --git a/packages/material_ui/tool/gen_defaults/data/fab_menu_secondary_container.dart b/packages/material_ui/tool/gen_defaults/data/fab_menu_secondary_container.dart index 9bde367c4fe8..c8661c9778d5 100644 --- a/packages/material_ui/tool/gen_defaults/data/fab_menu_secondary_container.dart +++ b/packages/material_ui/tool/gen_defaults/data/fab_menu_secondary_container.dart @@ -7,73 +7,60 @@ import 'color_role.dart'; class TokenFabMenuSecondaryContainer { + /// md.comp.fab-menu.secondary-container.list-item.container.color + static const TokenColorRole listItemContainerColor = TokenColorRole.secondaryContainer; + + /// md.comp.fab-menu.secondary-container.list-item.container.shadow-color + static const TokenColorRole listItemContainerShadowColor = TokenColorRole.shadow; + /// md.comp.fab-menu.secondary-container.list-item.focused.container.elevation static const double listItemFocusedContainerElevation = 6.00; - /// md.comp.fab-menu.secondary-container.list-item.hovered.state-layer.color - static const TokenColorRole listItemHoveredStateLayerColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.fab-menu.secondary-container.list-item.focused.icon.color + static const TokenColorRole listItemFocusedIconColor = TokenColorRole.onSecondaryContainer; - /// md.comp.fab-menu.secondary-container.list-item.hovered.label-text.color - static const TokenColorRole listItemHoveredLabelTextColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.fab-menu.secondary-container.list-item.focused.label-text.color + static const TokenColorRole listItemFocusedLabelTextColor = TokenColorRole.onSecondaryContainer; - /// md.comp.fab-menu.secondary-container.list-item.pressed.state-layer.opacity - static const double listItemPressedStateLayerOpacity = 0.10; + /// md.comp.fab-menu.secondary-container.list-item.focused.state-layer.color + static const TokenColorRole listItemFocusedStateLayerColor = TokenColorRole.onSecondaryContainer; + + /// md.comp.fab-menu.secondary-container.list-item.focused.state-layer.opacity + static const double listItemFocusedStateLayerOpacity = 0.10; /// md.comp.fab-menu.secondary-container.list-item.hovered.container.elevation static const double listItemHoveredContainerElevation = 8.00; - /// md.comp.fab-menu.secondary-container.list-item.icon.color - static const TokenColorRole listItemIconColor = - TokenColorRole.onSecondaryContainer; - - /// md.comp.fab-menu.secondary-container.list-item.pressed.container.elevation - static const double listItemPressedContainerElevation = 6.00; + /// md.comp.fab-menu.secondary-container.list-item.hovered.icon.color + static const TokenColorRole listItemHoveredIconColor = TokenColorRole.onSecondaryContainer; - /// md.comp.fab-menu.secondary-container.list-item.pressed.icon.color - static const TokenColorRole listItemPressedIconColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.fab-menu.secondary-container.list-item.hovered.label-text.color + static const TokenColorRole listItemHoveredLabelTextColor = TokenColorRole.onSecondaryContainer; - /// md.comp.fab-menu.secondary-container.list-item.focused.label-text.color - static const TokenColorRole listItemFocusedLabelTextColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.fab-menu.secondary-container.list-item.hovered.state-layer.color + static const TokenColorRole listItemHoveredStateLayerColor = TokenColorRole.onSecondaryContainer; - /// md.comp.fab-menu.secondary-container.list-item.label-text.color - static const TokenColorRole listItemLabelTextColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.fab-menu.secondary-container.list-item.hovered.state-layer.opacity + static const double listItemHoveredStateLayerOpacity = 0.08; - /// md.comp.fab-menu.secondary-container.list-item.pressed.state-layer.color - static const TokenColorRole listItemPressedStateLayerColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.fab-menu.secondary-container.list-item.icon.color + static const TokenColorRole listItemIconColor = TokenColorRole.onSecondaryContainer; - /// md.comp.fab-menu.secondary-container.list-item.focused.icon.color - static const TokenColorRole listItemFocusedIconColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.fab-menu.secondary-container.list-item.label-text.color + static const TokenColorRole listItemLabelTextColor = TokenColorRole.onSecondaryContainer; - /// md.comp.fab-menu.secondary-container.list-item.container.shadow-color - static const TokenColorRole listItemContainerShadowColor = - TokenColorRole.shadow; + /// md.comp.fab-menu.secondary-container.list-item.pressed.container.elevation + static const double listItemPressedContainerElevation = 6.00; - /// md.comp.fab-menu.secondary-container.list-item.hovered.state-layer.opacity - static const double listItemHoveredStateLayerOpacity = 0.08; + /// md.comp.fab-menu.secondary-container.list-item.pressed.icon.color + static const TokenColorRole listItemPressedIconColor = TokenColorRole.onSecondaryContainer; /// md.comp.fab-menu.secondary-container.list-item.pressed.label-text.color - static const TokenColorRole listItemPressedLabelTextColor = - TokenColorRole.onSecondaryContainer; - - /// md.comp.fab-menu.secondary-container.list-item.focused.state-layer.color - static const TokenColorRole listItemFocusedStateLayerColor = - TokenColorRole.onSecondaryContainer; + static const TokenColorRole listItemPressedLabelTextColor = TokenColorRole.onSecondaryContainer; - /// md.comp.fab-menu.secondary-container.list-item.hovered.icon.color - static const TokenColorRole listItemHoveredIconColor = - TokenColorRole.onSecondaryContainer; - - /// md.comp.fab-menu.secondary-container.list-item.container.color - static const TokenColorRole listItemContainerColor = - TokenColorRole.secondaryContainer; + /// md.comp.fab-menu.secondary-container.list-item.pressed.state-layer.color + static const TokenColorRole listItemPressedStateLayerColor = TokenColorRole.onSecondaryContainer; - /// md.comp.fab-menu.secondary-container.list-item.focused.state-layer.opacity - static const double listItemFocusedStateLayerOpacity = 0.10; + /// md.comp.fab-menu.secondary-container.list-item.pressed.state-layer.opacity + static const double listItemPressedStateLayerOpacity = 0.10; } diff --git a/packages/material_ui/tool/gen_defaults/data/fab_menu_tertiary_close_button.dart b/packages/material_ui/tool/gen_defaults/data/fab_menu_tertiary_close_button.dart index cf51e042bc1f..3c1f8cf99c4c 100644 --- a/packages/material_ui/tool/gen_defaults/data/fab_menu_tertiary_close_button.dart +++ b/packages/material_ui/tool/gen_defaults/data/fab_menu_tertiary_close_button.dart @@ -7,36 +7,35 @@ import 'color_role.dart'; class TokenFabMenuTertiaryCloseButton { - /// md.comp.fab-menu.tertiary.close-button.focused.container.elevation - static const double focusedContainerElevation = 6.00; + /// md.comp.fab-menu.tertiary.close-button.container.color + static const TokenColorRole containerColor = TokenColorRole.tertiary; - /// md.comp.fab-menu.tertiary.close-button.pressed.state-layer.opacity - static const double pressedStateLayerOpacity = 0.10; + /// md.comp.fab-menu.tertiary.close-button.container.shadow-color + static const TokenColorRole containerShadowColor = TokenColorRole.shadow; - /// md.comp.fab-menu.tertiary.close-button.hovered.state-layer.opacity - static const double hoveredStateLayerOpacity = 0.08; + /// md.comp.fab-menu.tertiary.close-button.focused.container.elevation + static const double focusedContainerElevation = 6.00; - /// md.comp.fab-menu.tertiary.close-button.pressed.icon.color - static const TokenColorRole pressedIconColor = TokenColorRole.onTertiary; + /// md.comp.fab-menu.tertiary.close-button.focused.icon.color + static const TokenColorRole focusedIconColor = TokenColorRole.onTertiary; - /// md.comp.fab-menu.tertiary.close-button.hovered.icon.color - static const TokenColorRole hoveredIconColor = TokenColorRole.onTertiary; + /// md.comp.fab-menu.tertiary.close-button.focused.state-layer.color + static const TokenColorRole focusedStateLayerColor = TokenColorRole.onTertiary; - /// md.comp.fab-menu.tertiary.close-button.pressed.state-layer.color - static const TokenColorRole pressedStateLayerColor = - TokenColorRole.onTertiary; + /// md.comp.fab-menu.tertiary.close-button.focused.state-layer.opacity + static const double focusedStateLayerOpacity = 0.10; /// md.comp.fab-menu.tertiary.close-button.hovered.container.elevation static const double hoveredContainerElevation = 8.00; - /// md.comp.fab-menu.tertiary.close-button.focused.icon.color - static const TokenColorRole focusedIconColor = TokenColorRole.onTertiary; + /// md.comp.fab-menu.tertiary.close-button.hovered.icon.color + static const TokenColorRole hoveredIconColor = TokenColorRole.onTertiary; - /// md.comp.fab-menu.tertiary.close-button.container.shadow-color - static const TokenColorRole containerShadowColor = TokenColorRole.shadow; + /// md.comp.fab-menu.tertiary.close-button.hovered.state-layer.color + static const TokenColorRole hoveredStateLayerColor = TokenColorRole.onTertiary; - /// md.comp.fab-menu.tertiary.close-button.focused.state-layer.opacity - static const double focusedStateLayerOpacity = 0.10; + /// md.comp.fab-menu.tertiary.close-button.hovered.state-layer.opacity + static const double hoveredStateLayerOpacity = 0.08; /// md.comp.fab-menu.tertiary.close-button.icon.color static const TokenColorRole iconColor = TokenColorRole.onTertiary; @@ -44,14 +43,12 @@ class TokenFabMenuTertiaryCloseButton { /// md.comp.fab-menu.tertiary.close-button.pressed.container.elevation static const double pressedContainerElevation = 6.00; - /// md.comp.fab-menu.tertiary.close-button.hovered.state-layer.color - static const TokenColorRole hoveredStateLayerColor = - TokenColorRole.onTertiary; + /// md.comp.fab-menu.tertiary.close-button.pressed.icon.color + static const TokenColorRole pressedIconColor = TokenColorRole.onTertiary; - /// md.comp.fab-menu.tertiary.close-button.focused.state-layer.color - static const TokenColorRole focusedStateLayerColor = - TokenColorRole.onTertiary; + /// md.comp.fab-menu.tertiary.close-button.pressed.state-layer.color + static const TokenColorRole pressedStateLayerColor = TokenColorRole.onTertiary; - /// md.comp.fab-menu.tertiary.close-button.container.color - static const TokenColorRole containerColor = TokenColorRole.tertiary; + /// md.comp.fab-menu.tertiary.close-button.pressed.state-layer.opacity + static const double pressedStateLayerOpacity = 0.10; } diff --git a/packages/material_ui/tool/gen_defaults/data/fab_menu_tertiary_container.dart b/packages/material_ui/tool/gen_defaults/data/fab_menu_tertiary_container.dart index 4070950be6a4..a0f4885e02b7 100644 --- a/packages/material_ui/tool/gen_defaults/data/fab_menu_tertiary_container.dart +++ b/packages/material_ui/tool/gen_defaults/data/fab_menu_tertiary_container.dart @@ -7,73 +7,60 @@ import 'color_role.dart'; class TokenFabMenuTertiaryContainer { - /// md.comp.fab-menu.tertiary-container.list-item.focused.icon.color - static const TokenColorRole listItemFocusedIconColor = - TokenColorRole.onTertiaryContainer; + /// md.comp.fab-menu.tertiary-container.list-item.container.color + static const TokenColorRole listItemContainerColor = TokenColorRole.tertiaryContainer; + + /// md.comp.fab-menu.tertiary-container.list-item.container.shadow-color + static const TokenColorRole listItemContainerShadowColor = TokenColorRole.shadow; /// md.comp.fab-menu.tertiary-container.list-item.focused.container.elevation static const double listItemFocusedContainerElevation = 6.00; - /// md.comp.fab-menu.tertiary-container.list-item.pressed.container.elevation - static const double listItemPressedContainerElevation = 6.00; + /// md.comp.fab-menu.tertiary-container.list-item.focused.icon.color + static const TokenColorRole listItemFocusedIconColor = TokenColorRole.onTertiaryContainer; - /// md.comp.fab-menu.tertiary-container.list-item.hovered.state-layer.color - static const TokenColorRole listItemHoveredStateLayerColor = - TokenColorRole.onTertiaryContainer; + /// md.comp.fab-menu.tertiary-container.list-item.focused.label-text.color + static const TokenColorRole listItemFocusedLabelTextColor = TokenColorRole.onTertiaryContainer; - /// md.comp.fab-menu.tertiary-container.list-item.container.color - static const TokenColorRole listItemContainerColor = - TokenColorRole.tertiaryContainer; + /// md.comp.fab-menu.tertiary-container.list-item.focused.state-layer.color + static const TokenColorRole listItemFocusedStateLayerColor = TokenColorRole.onTertiaryContainer; - /// md.comp.fab-menu.tertiary-container.list-item.pressed.label-text.color - static const TokenColorRole listItemPressedLabelTextColor = - TokenColorRole.onTertiaryContainer; + /// md.comp.fab-menu.tertiary-container.list-item.focused.state-layer.opacity + static const double listItemFocusedStateLayerOpacity = 0.10; + + /// md.comp.fab-menu.tertiary-container.list-item.hovered.container.elevation + static const double listItemHoveredContainerElevation = 8.00; /// md.comp.fab-menu.tertiary-container.list-item.hovered.icon.color - static const TokenColorRole listItemHoveredIconColor = - TokenColorRole.onTertiaryContainer; + static const TokenColorRole listItemHoveredIconColor = TokenColorRole.onTertiaryContainer; /// md.comp.fab-menu.tertiary-container.list-item.hovered.label-text.color - static const TokenColorRole listItemHoveredLabelTextColor = - TokenColorRole.onTertiaryContainer; + static const TokenColorRole listItemHoveredLabelTextColor = TokenColorRole.onTertiaryContainer; - /// md.comp.fab-menu.tertiary-container.list-item.icon.color - static const TokenColorRole listItemIconColor = - TokenColorRole.onTertiaryContainer; + /// md.comp.fab-menu.tertiary-container.list-item.hovered.state-layer.color + static const TokenColorRole listItemHoveredStateLayerColor = TokenColorRole.onTertiaryContainer; - /// md.comp.fab-menu.tertiary-container.list-item.focused.state-layer.opacity - static const double listItemFocusedStateLayerOpacity = 0.10; + /// md.comp.fab-menu.tertiary-container.list-item.hovered.state-layer.opacity + static const double listItemHoveredStateLayerOpacity = 0.08; - /// md.comp.fab-menu.tertiary-container.list-item.pressed.icon.color - static const TokenColorRole listItemPressedIconColor = - TokenColorRole.onTertiaryContainer; + /// md.comp.fab-menu.tertiary-container.list-item.icon.color + static const TokenColorRole listItemIconColor = TokenColorRole.onTertiaryContainer; - /// md.comp.fab-menu.tertiary-container.list-item.pressed.state-layer.color - static const TokenColorRole listItemPressedStateLayerColor = - TokenColorRole.onTertiaryContainer; + /// md.comp.fab-menu.tertiary-container.list-item.label-text.color + static const TokenColorRole listItemLabelTextColor = TokenColorRole.onTertiaryContainer; - /// md.comp.fab-menu.tertiary-container.list-item.hovered.container.elevation - static const double listItemHoveredContainerElevation = 8.00; + /// md.comp.fab-menu.tertiary-container.list-item.pressed.container.elevation + static const double listItemPressedContainerElevation = 6.00; - /// md.comp.fab-menu.tertiary-container.list-item.hovered.state-layer.opacity - static const double listItemHoveredStateLayerOpacity = 0.08; + /// md.comp.fab-menu.tertiary-container.list-item.pressed.icon.color + static const TokenColorRole listItemPressedIconColor = TokenColorRole.onTertiaryContainer; - /// md.comp.fab-menu.tertiary-container.list-item.focused.state-layer.color - static const TokenColorRole listItemFocusedStateLayerColor = - TokenColorRole.onTertiaryContainer; + /// md.comp.fab-menu.tertiary-container.list-item.pressed.label-text.color + static const TokenColorRole listItemPressedLabelTextColor = TokenColorRole.onTertiaryContainer; + + /// md.comp.fab-menu.tertiary-container.list-item.pressed.state-layer.color + static const TokenColorRole listItemPressedStateLayerColor = TokenColorRole.onTertiaryContainer; /// md.comp.fab-menu.tertiary-container.list-item.pressed.state-layer.opacity static const double listItemPressedStateLayerOpacity = 0.10; - - /// md.comp.fab-menu.tertiary-container.list-item.focused.label-text.color - static const TokenColorRole listItemFocusedLabelTextColor = - TokenColorRole.onTertiaryContainer; - - /// md.comp.fab-menu.tertiary-container.list-item.label-text.color - static const TokenColorRole listItemLabelTextColor = - TokenColorRole.onTertiaryContainer; - - /// md.comp.fab-menu.tertiary-container.list-item.container.shadow-color - static const TokenColorRole listItemContainerShadowColor = - TokenColorRole.shadow; } diff --git a/packages/material_ui/tool/gen_defaults/data/fab_primary.dart b/packages/material_ui/tool/gen_defaults/data/fab_primary.dart index b384b9474319..d45b58fdf319 100644 --- a/packages/material_ui/tool/gen_defaults/data/fab_primary.dart +++ b/packages/material_ui/tool/gen_defaults/data/fab_primary.dart @@ -7,50 +7,50 @@ import 'color_role.dart'; class TokenFabPrimary { - /// md.comp.fab.primary.hovered.icon.color - static const TokenColorRole hoveredIconColor = TokenColorRole.onPrimary; - /// md.comp.fab.primary.container.color static const TokenColorRole containerColor = TokenColorRole.primary; + /// md.comp.fab.primary.container.elevation + static const double containerElevation = 6.00; + + /// md.comp.fab.primary.container.shadow-color + static const TokenColorRole containerShadowColor = TokenColorRole.shadow; + + /// md.comp.fab.primary.focused.container.elevation + static const double focusedContainerElevation = 6.00; + + /// md.comp.fab.primary.focused.icon.color + static const TokenColorRole focusedIconColor = TokenColorRole.onPrimary; + /// md.comp.fab.primary.focused.state-layer.color static const TokenColorRole focusedStateLayerColor = TokenColorRole.onPrimary; - /// md.comp.fab.primary.hovered.state-layer.color - static const TokenColorRole hoveredStateLayerColor = TokenColorRole.onPrimary; - - /// md.comp.fab.primary.pressed.state-layer.color - static const TokenColorRole pressedStateLayerColor = TokenColorRole.onPrimary; + /// md.comp.fab.primary.focused.state-layer.opacity + static const double focusedStateLayerOpacity = 0.10; /// md.comp.fab.primary.hovered.container.elevation static const double hoveredContainerElevation = 8.00; - /// md.comp.fab.primary.icon.color - static const TokenColorRole iconColor = TokenColorRole.onPrimary; - - /// md.comp.fab.primary.container.elevation - static const double containerElevation = 6.00; + /// md.comp.fab.primary.hovered.icon.color + static const TokenColorRole hoveredIconColor = TokenColorRole.onPrimary; - /// md.comp.fab.primary.pressed.icon.color - static const TokenColorRole pressedIconColor = TokenColorRole.onPrimary; + /// md.comp.fab.primary.hovered.state-layer.color + static const TokenColorRole hoveredStateLayerColor = TokenColorRole.onPrimary; - /// md.comp.fab.primary.container.shadow-color - static const TokenColorRole containerShadowColor = TokenColorRole.shadow; + /// md.comp.fab.primary.hovered.state-layer.opacity + static const double hoveredStateLayerOpacity = 0.08; - /// md.comp.fab.primary.focused.state-layer.opacity - static const double focusedStateLayerOpacity = 0.10; + /// md.comp.fab.primary.icon.color + static const TokenColorRole iconColor = TokenColorRole.onPrimary; /// md.comp.fab.primary.pressed.container.elevation static const double pressedContainerElevation = 6.00; - /// md.comp.fab.primary.focused.container.elevation - static const double focusedContainerElevation = 6.00; - - /// md.comp.fab.primary.hovered.state-layer.opacity - static const double hoveredStateLayerOpacity = 0.08; + /// md.comp.fab.primary.pressed.icon.color + static const TokenColorRole pressedIconColor = TokenColorRole.onPrimary; - /// md.comp.fab.primary.focused.icon.color - static const TokenColorRole focusedIconColor = TokenColorRole.onPrimary; + /// md.comp.fab.primary.pressed.state-layer.color + static const TokenColorRole pressedStateLayerColor = TokenColorRole.onPrimary; /// md.comp.fab.primary.pressed.state-layer.opacity static const double pressedStateLayerOpacity = 0.10; diff --git a/packages/material_ui/tool/gen_defaults/data/fab_primary_container.dart b/packages/material_ui/tool/gen_defaults/data/fab_primary_container.dart index 58db264e3629..192f1ccf0ecf 100644 --- a/packages/material_ui/tool/gen_defaults/data/fab_primary_container.dart +++ b/packages/material_ui/tool/gen_defaults/data/fab_primary_container.dart @@ -7,57 +7,51 @@ import 'color_role.dart'; class TokenFabPrimaryContainer { - /// md.comp.fab.primary-container.hovered.state-layer.color - static const TokenColorRole hoveredStateLayerColor = - TokenColorRole.onPrimaryContainer; - - /// md.comp.fab.primary-container.icon.color - static const TokenColorRole iconColor = TokenColorRole.onPrimaryContainer; + /// md.comp.fab.primary-container.container.color + static const TokenColorRole containerColor = TokenColorRole.primaryContainer; - /// md.comp.fab.primary-container.focused.container.elevation - static const double focusedContainerElevation = 6.00; + /// md.comp.fab.primary-container.container.elevation + static const double containerElevation = 6.00; /// md.comp.fab.primary-container.container.shadow-color static const TokenColorRole containerShadowColor = TokenColorRole.shadow; - /// md.comp.fab.primary-container.pressed.state-layer.opacity - static const double pressedStateLayerOpacity = 0.10; + /// md.comp.fab.primary-container.focused.container.elevation + static const double focusedContainerElevation = 6.00; - /// md.comp.fab.primary-container.focused.state-layer.color - static const TokenColorRole focusedStateLayerColor = - TokenColorRole.onPrimaryContainer; + /// md.comp.fab.primary-container.focused.icon.color + static const TokenColorRole focusedIconColor = TokenColorRole.onPrimaryContainer; - /// md.comp.fab.primary-container.hovered.state-layer.opacity - static const double hoveredStateLayerOpacity = 0.08; + /// md.comp.fab.primary-container.focused.state-layer.color + static const TokenColorRole focusedStateLayerColor = TokenColorRole.onPrimaryContainer; - /// md.comp.fab.primary-container.container.color - static const TokenColorRole containerColor = TokenColorRole.primaryContainer; + /// md.comp.fab.primary-container.focused.state-layer.opacity + static const double focusedStateLayerOpacity = 0.10; - /// md.comp.fab.primary-container.pressed.state-layer.color - static const TokenColorRole pressedStateLayerColor = - TokenColorRole.onPrimaryContainer; + /// md.comp.fab.primary-container.hovered.container.elevation + static const double hoveredContainerElevation = 8.00; /// md.comp.fab.primary-container.hovered.icon.color - static const TokenColorRole hoveredIconColor = - TokenColorRole.onPrimaryContainer; + static const TokenColorRole hoveredIconColor = TokenColorRole.onPrimaryContainer; - /// md.comp.fab.primary-container.focused.icon.color - static const TokenColorRole focusedIconColor = - TokenColorRole.onPrimaryContainer; + /// md.comp.fab.primary-container.hovered.state-layer.color + static const TokenColorRole hoveredStateLayerColor = TokenColorRole.onPrimaryContainer; - /// md.comp.fab.primary-container.pressed.icon.color - static const TokenColorRole pressedIconColor = - TokenColorRole.onPrimaryContainer; + /// md.comp.fab.primary-container.hovered.state-layer.opacity + static const double hoveredStateLayerOpacity = 0.08; + + /// md.comp.fab.primary-container.icon.color + static const TokenColorRole iconColor = TokenColorRole.onPrimaryContainer; /// md.comp.fab.primary-container.pressed.container.elevation static const double pressedContainerElevation = 6.00; - /// md.comp.fab.primary-container.focused.state-layer.opacity - static const double focusedStateLayerOpacity = 0.10; + /// md.comp.fab.primary-container.pressed.icon.color + static const TokenColorRole pressedIconColor = TokenColorRole.onPrimaryContainer; - /// md.comp.fab.primary-container.container.elevation - static const double containerElevation = 6.00; + /// md.comp.fab.primary-container.pressed.state-layer.color + static const TokenColorRole pressedStateLayerColor = TokenColorRole.onPrimaryContainer; - /// md.comp.fab.primary-container.hovered.container.elevation - static const double hoveredContainerElevation = 8.00; + /// md.comp.fab.primary-container.pressed.state-layer.opacity + static const double pressedStateLayerOpacity = 0.10; } diff --git a/packages/material_ui/tool/gen_defaults/data/fab_secondary.dart b/packages/material_ui/tool/gen_defaults/data/fab_secondary.dart index ac463a9e3b15..d8c749122477 100644 --- a/packages/material_ui/tool/gen_defaults/data/fab_secondary.dart +++ b/packages/material_ui/tool/gen_defaults/data/fab_secondary.dart @@ -7,54 +7,51 @@ import 'color_role.dart'; class TokenFabSecondary { - /// md.comp.fab.secondary.hovered.state-layer.color - static const TokenColorRole hoveredStateLayerColor = - TokenColorRole.onSecondary; + /// md.comp.fab.secondary.container.color + static const TokenColorRole containerColor = TokenColorRole.secondary; - /// md.comp.fab.secondary.pressed.icon.color - static const TokenColorRole pressedIconColor = TokenColorRole.onSecondary; + /// md.comp.fab.secondary.container.elevation + static const double containerElevation = 6.00; - /// md.comp.fab.secondary.focused.state-layer.opacity - static const double focusedStateLayerOpacity = 0.10; + /// md.comp.fab.secondary.container.shadow-color + static const TokenColorRole containerShadowColor = TokenColorRole.shadow; - /// md.comp.fab.secondary.focused.state-layer.color - static const TokenColorRole focusedStateLayerColor = - TokenColorRole.onSecondary; + /// md.comp.fab.secondary.focused.container.elevation + static const double focusedContainerElevation = 6.00; - /// md.comp.fab.secondary.pressed.container.elevation - static const double pressedContainerElevation = 6.00; + /// md.comp.fab.secondary.focused.icon.color + static const TokenColorRole focusedIconColor = TokenColorRole.onSecondary; - /// md.comp.fab.secondary.hovered.state-layer.opacity - static const double hoveredStateLayerOpacity = 0.08; + /// md.comp.fab.secondary.focused.state-layer.color + static const TokenColorRole focusedStateLayerColor = TokenColorRole.onSecondary; + + /// md.comp.fab.secondary.focused.state-layer.opacity + static const double focusedStateLayerOpacity = 0.10; /// md.comp.fab.secondary.hovered.container.elevation static const double hoveredContainerElevation = 8.00; - /// md.comp.fab.secondary.icon.color - static const TokenColorRole iconColor = TokenColorRole.onSecondary; - /// md.comp.fab.secondary.hovered.icon.color static const TokenColorRole hoveredIconColor = TokenColorRole.onSecondary; - /// md.comp.fab.secondary.container.color - static const TokenColorRole containerColor = TokenColorRole.secondary; + /// md.comp.fab.secondary.hovered.state-layer.color + static const TokenColorRole hoveredStateLayerColor = TokenColorRole.onSecondary; - /// md.comp.fab.secondary.container.elevation - static const double containerElevation = 6.00; + /// md.comp.fab.secondary.hovered.state-layer.opacity + static const double hoveredStateLayerOpacity = 0.08; - /// md.comp.fab.secondary.container.shadow-color - static const TokenColorRole containerShadowColor = TokenColorRole.shadow; + /// md.comp.fab.secondary.icon.color + static const TokenColorRole iconColor = TokenColorRole.onSecondary; - /// md.comp.fab.secondary.focused.container.elevation - static const double focusedContainerElevation = 6.00; + /// md.comp.fab.secondary.pressed.container.elevation + static const double pressedContainerElevation = 6.00; - /// md.comp.fab.secondary.focused.icon.color - static const TokenColorRole focusedIconColor = TokenColorRole.onSecondary; + /// md.comp.fab.secondary.pressed.icon.color + static const TokenColorRole pressedIconColor = TokenColorRole.onSecondary; + + /// md.comp.fab.secondary.pressed.state-layer.color + static const TokenColorRole pressedStateLayerColor = TokenColorRole.onSecondary; /// md.comp.fab.secondary.pressed.state-layer.opacity static const double pressedStateLayerOpacity = 0.10; - - /// md.comp.fab.secondary.pressed.state-layer.color - static const TokenColorRole pressedStateLayerColor = - TokenColorRole.onSecondary; } diff --git a/packages/material_ui/tool/gen_defaults/data/fab_secondary_container.dart b/packages/material_ui/tool/gen_defaults/data/fab_secondary_container.dart index 5518bc4ffe3b..ab40f2091405 100644 --- a/packages/material_ui/tool/gen_defaults/data/fab_secondary_container.dart +++ b/packages/material_ui/tool/gen_defaults/data/fab_secondary_container.dart @@ -7,57 +7,50 @@ import 'color_role.dart'; class TokenFabSecondaryContainer { - /// md.comp.fab.secondary-container.container.shadow-color - static const TokenColorRole containerShadowColor = TokenColorRole.shadow; - - /// md.comp.fab.secondary-container.hovered.state-layer.color - static const TokenColorRole hoveredStateLayerColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.fab.secondary-container.container.color + static const TokenColorRole containerColor = TokenColorRole.secondaryContainer; - /// md.comp.fab.secondary-container.hovered.state-layer.opacity - static const double hoveredStateLayerOpacity = 0.08; + /// md.comp.fab.secondary-container.container.elevation + static const double containerElevation = 6.00; - /// md.comp.fab.secondary-container.hovered.icon.color - static const TokenColorRole hoveredIconColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.fab.secondary-container.container.shadow-color + static const TokenColorRole containerShadowColor = TokenColorRole.shadow; /// md.comp.fab.secondary-container.focused.container.elevation static const double focusedContainerElevation = 6.00; - /// md.comp.fab.secondary-container.container.color - static const TokenColorRole containerColor = - TokenColorRole.secondaryContainer; - - /// md.comp.fab.secondary-container.container.elevation - static const double containerElevation = 6.00; + /// md.comp.fab.secondary-container.focused.icon.color + static const TokenColorRole focusedIconColor = TokenColorRole.onSecondaryContainer; - /// md.comp.fab.secondary-container.pressed.state-layer.color - static const TokenColorRole pressedStateLayerColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.fab.secondary-container.focused.state-layer.color + static const TokenColorRole focusedStateLayerColor = TokenColorRole.onSecondaryContainer; /// md.comp.fab.secondary-container.focused.state-layer.opacity static const double focusedStateLayerOpacity = 0.10; - /// md.comp.fab.secondary-container.pressed.container.elevation - static const double pressedContainerElevation = 6.00; - /// md.comp.fab.secondary-container.hovered.container.elevation static const double hoveredContainerElevation = 8.00; - /// md.comp.fab.secondary-container.pressed.icon.color - static const TokenColorRole pressedIconColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.fab.secondary-container.hovered.icon.color + static const TokenColorRole hoveredIconColor = TokenColorRole.onSecondaryContainer; - /// md.comp.fab.secondary-container.focused.icon.color - static const TokenColorRole focusedIconColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.fab.secondary-container.hovered.state-layer.color + static const TokenColorRole hoveredStateLayerColor = TokenColorRole.onSecondaryContainer; + + /// md.comp.fab.secondary-container.hovered.state-layer.opacity + static const double hoveredStateLayerOpacity = 0.08; /// md.comp.fab.secondary-container.icon.color static const TokenColorRole iconColor = TokenColorRole.onSecondaryContainer; - /// md.comp.fab.secondary-container.focused.state-layer.color - static const TokenColorRole focusedStateLayerColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.fab.secondary-container.pressed.container.elevation + static const double pressedContainerElevation = 6.00; + + /// md.comp.fab.secondary-container.pressed.icon.color + static const TokenColorRole pressedIconColor = TokenColorRole.onSecondaryContainer; + + /// md.comp.fab.secondary-container.pressed.state-layer.color + static const TokenColorRole pressedStateLayerColor = TokenColorRole.onSecondaryContainer; /// md.comp.fab.secondary-container.pressed.state-layer.opacity static const double pressedStateLayerOpacity = 0.10; diff --git a/packages/material_ui/tool/gen_defaults/data/fab_surface.dart b/packages/material_ui/tool/gen_defaults/data/fab_surface.dart index 970c79cb1afb..de83cabf59c7 100644 --- a/packages/material_ui/tool/gen_defaults/data/fab_surface.dart +++ b/packages/material_ui/tool/gen_defaults/data/fab_surface.dart @@ -8,8 +8,17 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenFabSurface { - /// md.comp.fab.surface.pressed.state-layer.opacity - static const double pressedStateLayerOpacity = 0.10; + /// md.comp.fab.surface.container.color + static const TokenColorRole containerColor = TokenColorRole.surfaceContainerHigh; + + /// md.comp.fab.surface.container.elevation + static const double containerElevation = 6.00; + + /// md.comp.fab.surface.container.height + static const double containerHeight = 56.00; + + /// md.comp.fab.surface.container.shadow-color + static const TokenColorRole containerShadowColor = TokenColorRole.shadow; /// md.comp.fab.surface.container.shape static const ShapeStruct containerShape = ShapeStruct( @@ -20,83 +29,72 @@ class TokenFabSurface { bottomRight: 16.00, ); - /// md.comp.fab.surface.focus.icon.color - static const TokenColorRole focusIconColor = TokenColorRole.primary; - - /// md.comp.fab.surface.lowered.hover.container.elevation - static const double loweredHoverContainerElevation = 3.00; - /// md.comp.fab.surface.container.width static const double containerWidth = 56.00; - /// md.comp.fab.surface.lowered.container.color - static const TokenColorRole loweredContainerColor = - TokenColorRole.surfaceContainerLow; + /// md.comp.fab.surface.focus.container.elevation + static const double focusContainerElevation = 6.00; - /// md.comp.fab.surface.container.elevation - static const double containerElevation = 6.00; + /// md.comp.fab.surface.focus.icon.color + static const TokenColorRole focusIconColor = TokenColorRole.primary; - /// md.comp.fab.surface.lowered.focus.container.elevation - static const double loweredFocusContainerElevation = 1.00; + /// md.comp.fab.surface.focus.indicator.color + static const TokenColorRole focusIndicatorColor = TokenColorRole.secondary; - /// md.comp.fab.surface.container.height - static const double containerHeight = 56.00; + /// md.comp.fab.surface.focus.indicator.outline.offset + static const double focusIndicatorOutlineOffset = 2.00; - /// md.comp.fab.surface.container.shadow-color - static const TokenColorRole containerShadowColor = TokenColorRole.shadow; + /// md.comp.fab.surface.focus.indicator.thickness + static const double focusIndicatorThickness = 3.00; - /// md.comp.fab.surface.hover.state-layer.opacity - static const double hoverStateLayerOpacity = 0.08; + /// md.comp.fab.surface.focus.state-layer.color + static const TokenColorRole focusStateLayerColor = TokenColorRole.primary; - /// md.comp.fab.surface.focus.indicator.outline.offset - static const double focusIndicatorOutlineOffset = 2.00; + /// md.comp.fab.surface.focus.state-layer.opacity + static const double focusStateLayerOpacity = 0.10; /// md.comp.fab.surface.hover.container.elevation static const double hoverContainerElevation = 8.00; - /// md.comp.fab.surface.icon.size - static const double iconSize = 24.00; - - /// md.comp.fab.surface.lowered.container.elevation - static const double loweredContainerElevation = 1.00; - /// md.comp.fab.surface.hover.icon.color static const TokenColorRole hoverIconColor = TokenColorRole.primary; - /// md.comp.fab.surface.pressed.container.elevation - static const double pressedContainerElevation = 6.00; + /// md.comp.fab.surface.hover.state-layer.color + static const TokenColorRole hoverStateLayerColor = TokenColorRole.primary; + + /// md.comp.fab.surface.hover.state-layer.opacity + static const double hoverStateLayerOpacity = 0.08; /// md.comp.fab.surface.icon.color static const TokenColorRole iconColor = TokenColorRole.primary; - /// md.comp.fab.surface.focus.indicator.thickness - static const double focusIndicatorThickness = 3.00; + /// md.comp.fab.surface.icon.size + static const double iconSize = 24.00; - /// md.comp.fab.surface.focus.state-layer.opacity - static const double focusStateLayerOpacity = 0.10; + /// md.comp.fab.surface.lowered.container.color + static const TokenColorRole loweredContainerColor = TokenColorRole.surfaceContainerLow; - /// md.comp.fab.surface.hover.state-layer.color - static const TokenColorRole hoverStateLayerColor = TokenColorRole.primary; + /// md.comp.fab.surface.lowered.container.elevation + static const double loweredContainerElevation = 1.00; - /// md.comp.fab.surface.pressed.state-layer.color - static const TokenColorRole pressedStateLayerColor = TokenColorRole.primary; + /// md.comp.fab.surface.lowered.focus.container.elevation + static const double loweredFocusContainerElevation = 1.00; + + /// md.comp.fab.surface.lowered.hover.container.elevation + static const double loweredHoverContainerElevation = 3.00; /// md.comp.fab.surface.lowered.pressed.container.elevation static const double loweredPressedContainerElevation = 1.00; - /// md.comp.fab.surface.focus.indicator.color - static const TokenColorRole focusIndicatorColor = TokenColorRole.secondary; - - /// md.comp.fab.surface.container.color - static const TokenColorRole containerColor = - TokenColorRole.surfaceContainerHigh; - - /// md.comp.fab.surface.focus.container.elevation - static const double focusContainerElevation = 6.00; - - /// md.comp.fab.surface.focus.state-layer.color - static const TokenColorRole focusStateLayerColor = TokenColorRole.primary; + /// md.comp.fab.surface.pressed.container.elevation + static const double pressedContainerElevation = 6.00; /// md.comp.fab.surface.pressed.icon.color static const TokenColorRole pressedIconColor = TokenColorRole.primary; + + /// md.comp.fab.surface.pressed.state-layer.color + static const TokenColorRole pressedStateLayerColor = TokenColorRole.primary; + + /// md.comp.fab.surface.pressed.state-layer.opacity + static const double pressedStateLayerOpacity = 0.10; } diff --git a/packages/material_ui/tool/gen_defaults/data/fab_tertiary.dart b/packages/material_ui/tool/gen_defaults/data/fab_tertiary.dart index 413173c0d4cf..793ae8b3c55a 100644 --- a/packages/material_ui/tool/gen_defaults/data/fab_tertiary.dart +++ b/packages/material_ui/tool/gen_defaults/data/fab_tertiary.dart @@ -7,54 +7,51 @@ import 'color_role.dart'; class TokenFabTertiary { - /// md.comp.fab.tertiary.hovered.state-layer.color - static const TokenColorRole hoveredStateLayerColor = - TokenColorRole.onTertiary; + /// md.comp.fab.tertiary.container.color + static const TokenColorRole containerColor = TokenColorRole.tertiary; + + /// md.comp.fab.tertiary.container.elevation + static const double containerElevation = 6.00; /// md.comp.fab.tertiary.container.shadow-color static const TokenColorRole containerShadowColor = TokenColorRole.shadow; - /// md.comp.fab.tertiary.hovered.state-layer.opacity - static const double hoveredStateLayerOpacity = 0.08; - - /// md.comp.fab.tertiary.hovered.icon.color - static const TokenColorRole hoveredIconColor = TokenColorRole.onTertiary; - - /// md.comp.fab.tertiary.pressed.icon.color - static const TokenColorRole pressedIconColor = TokenColorRole.onTertiary; + /// md.comp.fab.tertiary.focused.container.elevation + static const double focusedContainerElevation = 6.00; /// md.comp.fab.tertiary.focused.icon.color static const TokenColorRole focusedIconColor = TokenColorRole.onTertiary; - /// md.comp.fab.tertiary.pressed.state-layer.opacity - static const double pressedStateLayerOpacity = 0.10; + /// md.comp.fab.tertiary.focused.state-layer.color + static const TokenColorRole focusedStateLayerColor = TokenColorRole.onTertiary; - /// md.comp.fab.tertiary.container.elevation - static const double containerElevation = 6.00; + /// md.comp.fab.tertiary.focused.state-layer.opacity + static const double focusedStateLayerOpacity = 0.10; /// md.comp.fab.tertiary.hovered.container.elevation static const double hoveredContainerElevation = 8.00; - /// md.comp.fab.tertiary.focused.container.elevation - static const double focusedContainerElevation = 6.00; + /// md.comp.fab.tertiary.hovered.icon.color + static const TokenColorRole hoveredIconColor = TokenColorRole.onTertiary; - /// md.comp.fab.tertiary.focused.state-layer.color - static const TokenColorRole focusedStateLayerColor = - TokenColorRole.onTertiary; + /// md.comp.fab.tertiary.hovered.state-layer.color + static const TokenColorRole hoveredStateLayerColor = TokenColorRole.onTertiary; - /// md.comp.fab.tertiary.container.color - static const TokenColorRole containerColor = TokenColorRole.tertiary; + /// md.comp.fab.tertiary.hovered.state-layer.opacity + static const double hoveredStateLayerOpacity = 0.08; /// md.comp.fab.tertiary.icon.color static const TokenColorRole iconColor = TokenColorRole.onTertiary; - /// md.comp.fab.tertiary.pressed.state-layer.color - static const TokenColorRole pressedStateLayerColor = - TokenColorRole.onTertiary; - - /// md.comp.fab.tertiary.focused.state-layer.opacity - static const double focusedStateLayerOpacity = 0.10; - /// md.comp.fab.tertiary.pressed.container.elevation static const double pressedContainerElevation = 6.00; + + /// md.comp.fab.tertiary.pressed.icon.color + static const TokenColorRole pressedIconColor = TokenColorRole.onTertiary; + + /// md.comp.fab.tertiary.pressed.state-layer.color + static const TokenColorRole pressedStateLayerColor = TokenColorRole.onTertiary; + + /// md.comp.fab.tertiary.pressed.state-layer.opacity + static const double pressedStateLayerOpacity = 0.10; } diff --git a/packages/material_ui/tool/gen_defaults/data/fab_tertiary_container.dart b/packages/material_ui/tool/gen_defaults/data/fab_tertiary_container.dart index 96b6d314127b..af4c1483d7cc 100644 --- a/packages/material_ui/tool/gen_defaults/data/fab_tertiary_container.dart +++ b/packages/material_ui/tool/gen_defaults/data/fab_tertiary_container.dart @@ -7,57 +7,51 @@ import 'color_role.dart'; class TokenFabTertiaryContainer { - /// md.comp.fab.tertiary-container.pressed.container.elevation - static const double pressedContainerElevation = 6.00; - - /// md.comp.fab.tertiary-container.icon.color - static const TokenColorRole iconColor = TokenColorRole.onTertiaryContainer; - - /// md.comp.fab.tertiary-container.focused.state-layer.color - static const TokenColorRole focusedStateLayerColor = - TokenColorRole.onTertiaryContainer; - /// md.comp.fab.tertiary-container.container.color static const TokenColorRole containerColor = TokenColorRole.tertiaryContainer; - /// md.comp.fab.tertiary-container.pressed.state-layer.color - static const TokenColorRole pressedStateLayerColor = - TokenColorRole.onTertiaryContainer; + /// md.comp.fab.tertiary-container.container.elevation + static const double containerElevation = 6.00; /// md.comp.fab.tertiary-container.container.shadow-color static const TokenColorRole containerShadowColor = TokenColorRole.shadow; - /// md.comp.fab.tertiary-container.pressed.icon.color - static const TokenColorRole pressedIconColor = - TokenColorRole.onTertiaryContainer; + /// md.comp.fab.tertiary-container.focused.container.elevation + static const double focusedContainerElevation = 6.00; + + /// md.comp.fab.tertiary-container.focused.icon.color + static const TokenColorRole focusedIconColor = TokenColorRole.onTertiaryContainer; + + /// md.comp.fab.tertiary-container.focused.state-layer.color + static const TokenColorRole focusedStateLayerColor = TokenColorRole.onTertiaryContainer; + + /// md.comp.fab.tertiary-container.focused.state-layer.opacity + static const double focusedStateLayerOpacity = 0.10; + + /// md.comp.fab.tertiary-container.hovered.container.elevation + static const double hoveredContainerElevation = 8.00; /// md.comp.fab.tertiary-container.hovered.icon.color - static const TokenColorRole hoveredIconColor = - TokenColorRole.onTertiaryContainer; + static const TokenColorRole hoveredIconColor = TokenColorRole.onTertiaryContainer; - /// md.comp.fab.tertiary-container.focused.container.elevation - static const double focusedContainerElevation = 6.00; + /// md.comp.fab.tertiary-container.hovered.state-layer.color + static const TokenColorRole hoveredStateLayerColor = TokenColorRole.onTertiaryContainer; /// md.comp.fab.tertiary-container.hovered.state-layer.opacity static const double hoveredStateLayerOpacity = 0.08; - /// md.comp.fab.tertiary-container.hovered.state-layer.color - static const TokenColorRole hoveredStateLayerColor = - TokenColorRole.onTertiaryContainer; - - /// md.comp.fab.tertiary-container.pressed.state-layer.opacity - static const double pressedStateLayerOpacity = 0.10; + /// md.comp.fab.tertiary-container.icon.color + static const TokenColorRole iconColor = TokenColorRole.onTertiaryContainer; - /// md.comp.fab.tertiary-container.focused.icon.color - static const TokenColorRole focusedIconColor = - TokenColorRole.onTertiaryContainer; + /// md.comp.fab.tertiary-container.pressed.container.elevation + static const double pressedContainerElevation = 6.00; - /// md.comp.fab.tertiary-container.hovered.container.elevation - static const double hoveredContainerElevation = 8.00; + /// md.comp.fab.tertiary-container.pressed.icon.color + static const TokenColorRole pressedIconColor = TokenColorRole.onTertiaryContainer; - /// md.comp.fab.tertiary-container.focused.state-layer.opacity - static const double focusedStateLayerOpacity = 0.10; + /// md.comp.fab.tertiary-container.pressed.state-layer.color + static const TokenColorRole pressedStateLayerColor = TokenColorRole.onTertiaryContainer; - /// md.comp.fab.tertiary-container.container.elevation - static const double containerElevation = 6.00; + /// md.comp.fab.tertiary-container.pressed.state-layer.opacity + static const double pressedStateLayerOpacity = 0.10; } diff --git a/packages/material_ui/tool/gen_defaults/data/filled_autocomplete.dart b/packages/material_ui/tool/gen_defaults/data/filled_autocomplete.dart index c4caaba24388..fbc53f36d31a 100644 --- a/packages/material_ui/tool/gen_defaults/data/filled_autocomplete.dart +++ b/packages/material_ui/tool/gen_defaults/data/filled_autocomplete.dart @@ -8,328 +8,281 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenFilledAutocomplete { - /// md.comp.filled-autocomplete.text-field.disabled.active-indicator.height - static const double textFieldDisabledActiveIndicatorHeight = 1.00; + /// md.comp.filled-autocomplete.menu.cascading-menu-indicator.icon.color + static const TokenColorRole menuCascadingMenuIndicatorIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.filled-autocomplete.text-field.trailing-icon.color - static const TokenColorRole textFieldTrailingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.filled-autocomplete.menu.cascading-menu-indicator.icon.size + static const double menuCascadingMenuIndicatorIconSize = 24.00; - /// md.comp.filled-autocomplete.text-field.error.focus.active-indicator.color - static const TokenColorRole textFieldErrorFocusActiveIndicatorColor = - TokenColorRole.error; + /// md.comp.filled-autocomplete.menu.container.color + static const TokenColorRole menuContainerColor = TokenColorRole.surfaceContainer; - /// md.comp.filled-autocomplete.text-field.error.active-indicator.color - static const TokenColorRole textFieldErrorActiveIndicatorColor = - TokenColorRole.error; + /// md.comp.filled-autocomplete.menu.container.elevation + static const double menuContainerElevation = 3.00; - /// md.comp.filled-autocomplete.text-field.error.hover.state-layer.color - static const TokenColorRole textFieldErrorHoverStateLayerColor = - TokenColorRole.onSurface; + /// md.comp.filled-autocomplete.menu.container.shadow-color + static const TokenColorRole menuContainerShadowColor = TokenColorRole.shadow; - /// md.comp.filled-autocomplete.text-field.leading-icon.size - static const double textFieldLeadingIconSize = 20.00; + /// md.comp.filled-autocomplete.menu.container.shape + static const ShapeStruct menuContainerShape = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 4.00, + topRight: 4.00, + bottomLeft: 4.00, + bottomRight: 4.00, + ); - /// md.comp.filled-autocomplete.text-field.leading-icon.color - static const TokenColorRole textFieldLeadingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.filled-autocomplete.text-field.active-indicator.color + static const TokenColorRole textFieldActiveIndicatorColor = TokenColorRole.onSurfaceVariant; - /// md.comp.filled-autocomplete.text-field.error.focus.caret.color - static const TokenColorRole textFieldErrorFocusCaretColor = - TokenColorRole.error; + /// md.comp.filled-autocomplete.text-field.active-indicator.height + static const double textFieldActiveIndicatorHeight = 1.00; - /// md.comp.filled-autocomplete.text-field.disabled.label-text.opacity - static const double textFieldDisabledLabelTextOpacity = 0.38; + /// md.comp.filled-autocomplete.text-field.caret.color + static const TokenColorRole textFieldCaretColor = TokenColorRole.primary; - /// md.comp.filled-autocomplete.text-field.supporting-text.font - static const String textFieldSupportingTextFont = 'Roboto'; + /// md.comp.filled-autocomplete.text-field.container.color + static const TokenColorRole textFieldContainerColor = TokenColorRole.surfaceContainerHighest; - /// md.comp.filled-autocomplete.text-field.error.hover.trailing-icon.color - static const TokenColorRole textFieldErrorHoverTrailingIconColor = - TokenColorRole.onErrorContainer; + /// md.comp.filled-autocomplete.text-field.container.shape + static const ShapeStruct textFieldContainerShape = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 4.00, + topRight: 4.00, + bottomLeft: 0.00, + bottomRight: 0.00, + ); - /// md.comp.filled-autocomplete.text-field.error.focus.leading-icon.color - static const TokenColorRole textFieldErrorFocusLeadingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.filled-autocomplete.text-field.disabled.active-indicator.color + static const TokenColorRole textFieldDisabledActiveIndicatorColor = TokenColorRole.onSurface; - /// md.comp.filled-autocomplete.text-field.error.focus.supporting-text.color - static const TokenColorRole textFieldErrorFocusSupportingTextColor = - TokenColorRole.error; + /// md.comp.filled-autocomplete.text-field.disabled.active-indicator.height + static const double textFieldDisabledActiveIndicatorHeight = 1.00; - /// md.comp.filled-autocomplete.text-field.error.leading-icon.color - static const TokenColorRole textFieldErrorLeadingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.filled-autocomplete.text-field.disabled.active-indicator.opacity + static const double textFieldDisabledActiveIndicatorOpacity = 0.38; + + /// md.comp.filled-autocomplete.text-field.disabled.container.color + static const TokenColorRole textFieldDisabledContainerColor = TokenColorRole.onSurface; /// md.comp.filled-autocomplete.text-field.disabled.container.opacity static const double textFieldDisabledContainerOpacity = 0.04; - /// md.comp.filled-autocomplete.text-field.disabled.label-text.color - static const TokenColorRole textFieldDisabledLabelTextColor = - TokenColorRole.onSurface; - - /// md.comp.filled-autocomplete.text-field.active-indicator.color - static const TokenColorRole textFieldActiveIndicatorColor = - TokenColorRole.onSurfaceVariant; - - /// md.comp.filled-autocomplete.text-field.trailing-icon.size - static const double textFieldTrailingIconSize = 24.00; - - /// md.comp.filled-autocomplete.text-field.error.supporting-text.color - static const TokenColorRole textFieldErrorSupportingTextColor = - TokenColorRole.error; - - /// md.comp.filled-autocomplete.text-field.error.hover.input-text.color - static const TokenColorRole textFieldErrorHoverInputTextColor = - TokenColorRole.onSurface; + /// md.comp.filled-autocomplete.text-field.disabled.input-text.color + static const TokenColorRole textFieldDisabledInputTextColor = TokenColorRole.onSurface; - /// md.comp.filled-autocomplete.text-field.hover.supporting-text.color - static const TokenColorRole textFieldHoverSupportingTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.filled-autocomplete.text-field.disabled.input-text.opacity + static const double textFieldDisabledInputTextOpacity = 0.38; - /// md.comp.filled-autocomplete.text-field.label-text.type - static const double textFieldLabelTextTypeFontSize = 16.00; + /// md.comp.filled-autocomplete.text-field.disabled.label-text.color + static const TokenColorRole textFieldDisabledLabelTextColor = TokenColorRole.onSurface; - /// md.comp.filled-autocomplete.text-field.label-text.type - static const double textFieldLabelTextTypeFontWeight = 400; + /// md.comp.filled-autocomplete.text-field.disabled.label-text.opacity + static const double textFieldDisabledLabelTextOpacity = 0.38; - /// md.comp.filled-autocomplete.text-field.label-text.type - static const double textFieldLabelTextTypeLineHeight = 24.00; + /// md.comp.filled-autocomplete.text-field.disabled.leading-icon.color + static const TokenColorRole textFieldDisabledLeadingIconColor = TokenColorRole.onSurface; - /// md.comp.filled-autocomplete.text-field.label-text.type - static const double textFieldLabelTextTypeLetterSpacing = 0.50; + /// md.comp.filled-autocomplete.text-field.disabled.leading-icon.opacity + static const double textFieldDisabledLeadingIconOpacity = 0.38; - /// md.comp.filled-autocomplete.text-field.label-text.type - static const String textFieldLabelTextTypeFontFamily = 'Roboto'; + /// md.comp.filled-autocomplete.text-field.disabled.supporting-text.color + static const TokenColorRole textFieldDisabledSupportingTextColor = TokenColorRole.onSurface; /// md.comp.filled-autocomplete.text-field.disabled.supporting-text.opacity static const double textFieldDisabledSupportingTextOpacity = 0.38; - /// md.comp.filled-autocomplete.text-field.supporting-text.color - static const TokenColorRole textFieldSupportingTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.filled-autocomplete.text-field.disabled.trailing-icon.color + static const TokenColorRole textFieldDisabledTrailingIconColor = TokenColorRole.onSurface; - /// md.comp.filled-autocomplete.text-field.disabled.leading-icon.color - static const TokenColorRole textFieldDisabledLeadingIconColor = - TokenColorRole.onSurface; + /// md.comp.filled-autocomplete.text-field.disabled.trailing-icon.opacity + static const double textFieldDisabledTrailingIconOpacity = 0.38; - /// md.comp.filled-autocomplete.text-field.input-text.color - static const TokenColorRole textFieldInputTextColor = - TokenColorRole.onSurface; + /// md.comp.filled-autocomplete.text-field.error.active-indicator.color + static const TokenColorRole textFieldErrorActiveIndicatorColor = TokenColorRole.error; - /// md.comp.filled-autocomplete.menu.container.shadow-color - static const TokenColorRole menuContainerShadowColor = TokenColorRole.shadow; + /// md.comp.filled-autocomplete.text-field.error.focus.active-indicator.color + static const TokenColorRole textFieldErrorFocusActiveIndicatorColor = TokenColorRole.error; - /// md.comp.filled-autocomplete.menu.container.color - static const TokenColorRole menuContainerColor = - TokenColorRole.surfaceContainer; + /// md.comp.filled-autocomplete.text-field.error.focus.caret.color + static const TokenColorRole textFieldErrorFocusCaretColor = TokenColorRole.error; - /// md.comp.filled-autocomplete.text-field.focus.input-text.color - static const TokenColorRole textFieldFocusInputTextColor = - TokenColorRole.onSurface; + /// md.comp.filled-autocomplete.text-field.error.focus.input-text.color + static const TokenColorRole textFieldErrorFocusInputTextColor = TokenColorRole.onSurface; - /// md.comp.filled-autocomplete.menu.cascading-menu-indicator.icon.color - static const TokenColorRole menuCascadingMenuIndicatorIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.filled-autocomplete.text-field.error.focus.label-text.color + static const TokenColorRole textFieldErrorFocusLabelTextColor = TokenColorRole.error; - /// md.comp.filled-autocomplete.text-field.active-indicator.height - static const double textFieldActiveIndicatorHeight = 1.00; + /// md.comp.filled-autocomplete.text-field.error.focus.leading-icon.color + static const TokenColorRole textFieldErrorFocusLeadingIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.filled-autocomplete.text-field.hover.active-indicator.height - static const double textFieldHoverActiveIndicatorHeight = 1.00; + /// md.comp.filled-autocomplete.text-field.error.focus.supporting-text.color + static const TokenColorRole textFieldErrorFocusSupportingTextColor = TokenColorRole.error; + + /// md.comp.filled-autocomplete.text-field.error.focus.trailing-icon.color + static const TokenColorRole textFieldErrorFocusTrailingIconColor = TokenColorRole.error; /// md.comp.filled-autocomplete.text-field.error.hover.active-indicator.color static const TokenColorRole textFieldErrorHoverActiveIndicatorColor = TokenColorRole.onErrorContainer; - /// md.comp.filled-autocomplete.text-field.error.trailing-icon.color - static const TokenColorRole textFieldErrorTrailingIconColor = - TokenColorRole.error; + /// md.comp.filled-autocomplete.text-field.error.hover.input-text.color + static const TokenColorRole textFieldErrorHoverInputTextColor = TokenColorRole.onSurface; - /// md.comp.filled-autocomplete.text-field.focus.active-indicator.height - static const double textFieldFocusActiveIndicatorHeight = 2.00; + /// md.comp.filled-autocomplete.text-field.error.hover.label-text.color + static const TokenColorRole textFieldErrorHoverLabelTextColor = TokenColorRole.onErrorContainer; - /// md.comp.filled-autocomplete.text-field.caret.color - static const TokenColorRole textFieldCaretColor = TokenColorRole.primary; + /// md.comp.filled-autocomplete.text-field.error.hover.leading-icon.color + static const TokenColorRole textFieldErrorHoverLeadingIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.filled-autocomplete.text-field.disabled.container.color - static const TokenColorRole textFieldDisabledContainerColor = - TokenColorRole.onSurface; + /// md.comp.filled-autocomplete.text-field.error.hover.state-layer.color + static const TokenColorRole textFieldErrorHoverStateLayerColor = TokenColorRole.onSurface; - /// md.comp.filled-autocomplete.text-field.hover.label-text.color - static const TokenColorRole textFieldHoverLabelTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.filled-autocomplete.text-field.error.hover.state-layer.opacity + static const double textFieldErrorHoverStateLayerOpacity = 0.08; /// md.comp.filled-autocomplete.text-field.error.hover.supporting-text.color - static const TokenColorRole textFieldErrorHoverSupportingTextColor = - TokenColorRole.error; + static const TokenColorRole textFieldErrorHoverSupportingTextColor = TokenColorRole.error; - /// md.comp.filled-autocomplete.text-field.container.shape - static const ShapeStruct textFieldContainerShape = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 4.00, - topRight: 4.00, - bottomLeft: 0.00, - bottomRight: 0.00, - ); + /// md.comp.filled-autocomplete.text-field.error.hover.trailing-icon.color + static const TokenColorRole textFieldErrorHoverTrailingIconColor = + TokenColorRole.onErrorContainer; - /// md.comp.filled-autocomplete.text-field.disabled.trailing-icon.color - static const TokenColorRole textFieldDisabledTrailingIconColor = - TokenColorRole.onSurface; + /// md.comp.filled-autocomplete.text-field.error.input-text.color + static const TokenColorRole textFieldErrorInputTextColor = TokenColorRole.onSurface; - /// md.comp.filled-autocomplete.text-field.focus.supporting-text.color - static const TokenColorRole textFieldFocusSupportingTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.filled-autocomplete.text-field.error.label-text.color + static const TokenColorRole textFieldErrorLabelTextColor = TokenColorRole.error; - /// md.comp.filled-autocomplete.text-field.hover.trailing-icon.color - static const TokenColorRole textFieldHoverTrailingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.filled-autocomplete.text-field.error.leading-icon.color + static const TokenColorRole textFieldErrorLeadingIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.filled-autocomplete.text-field.input-text.font - static const String textFieldInputTextFont = 'Roboto'; + /// md.comp.filled-autocomplete.text-field.error.supporting-text.color + static const TokenColorRole textFieldErrorSupportingTextColor = TokenColorRole.error; - /// md.comp.filled-autocomplete.text-field.hover.active-indicator.color - static const TokenColorRole textFieldHoverActiveIndicatorColor = - TokenColorRole.onSurface; + /// md.comp.filled-autocomplete.text-field.error.trailing-icon.color + static const TokenColorRole textFieldErrorTrailingIconColor = TokenColorRole.error; - /// md.comp.filled-autocomplete.text-field.disabled.input-text.color - static const TokenColorRole textFieldDisabledInputTextColor = - TokenColorRole.onSurface; + /// md.comp.filled-autocomplete.text-field.focus.active-indicator.color + static const TokenColorRole textFieldFocusActiveIndicatorColor = TokenColorRole.primary; - /// md.comp.filled-autocomplete.text-field.error.label-text.color - static const TokenColorRole textFieldErrorLabelTextColor = - TokenColorRole.error; + /// md.comp.filled-autocomplete.text-field.focus.active-indicator.height + static const double textFieldFocusActiveIndicatorHeight = 2.00; - /// md.comp.filled-autocomplete.text-field.label-text.font - static const String textFieldLabelTextFont = 'Roboto'; + /// md.comp.filled-autocomplete.text-field.focus.input-text.color + static const TokenColorRole textFieldFocusInputTextColor = TokenColorRole.onSurface; - /// md.comp.filled-autocomplete.text-field.error.focus.label-text.color - static const TokenColorRole textFieldErrorFocusLabelTextColor = - TokenColorRole.error; + /// md.comp.filled-autocomplete.text-field.focus.label-text.color + static const TokenColorRole textFieldFocusLabelTextColor = TokenColorRole.primary; - /// md.comp.filled-autocomplete.text-field.supporting-text.type - static const double textFieldSupportingTextTypeFontSize = 12.00; + /// md.comp.filled-autocomplete.text-field.focus.leading-icon.color + static const TokenColorRole textFieldFocusLeadingIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.filled-autocomplete.text-field.supporting-text.type - static const double textFieldSupportingTextTypeFontWeight = 400; + /// md.comp.filled-autocomplete.text-field.focus.supporting-text.color + static const TokenColorRole textFieldFocusSupportingTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.filled-autocomplete.text-field.supporting-text.type - static const double textFieldSupportingTextTypeLineHeight = 16.00; + /// md.comp.filled-autocomplete.text-field.focus.trailing-icon.color + static const TokenColorRole textFieldFocusTrailingIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.filled-autocomplete.text-field.supporting-text.type - static const double textFieldSupportingTextTypeLetterSpacing = 0.40; + /// md.comp.filled-autocomplete.text-field.hover.active-indicator.color + static const TokenColorRole textFieldHoverActiveIndicatorColor = TokenColorRole.onSurface; - /// md.comp.filled-autocomplete.text-field.supporting-text.type - static const String textFieldSupportingTextTypeFontFamily = 'Roboto'; + /// md.comp.filled-autocomplete.text-field.hover.active-indicator.height + static const double textFieldHoverActiveIndicatorHeight = 1.00; - /// md.comp.filled-autocomplete.text-field.hover.state-layer.opacity - static const double textFieldHoverStateLayerOpacity = 0.08; + /// md.comp.filled-autocomplete.text-field.hover.input-text.color + static const TokenColorRole textFieldHoverInputTextColor = TokenColorRole.onSurface; - /// md.comp.filled-autocomplete.text-field.error.hover.leading-icon.color - static const TokenColorRole textFieldErrorHoverLeadingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.filled-autocomplete.text-field.hover.label-text.color + static const TokenColorRole textFieldHoverLabelTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.filled-autocomplete.menu.cascading-menu-indicator.icon.size - static const double menuCascadingMenuIndicatorIconSize = 24.00; + /// md.comp.filled-autocomplete.text-field.hover.leading-icon.color + static const TokenColorRole textFieldHoverLeadingIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.filled-autocomplete.text-field.container.color - static const TokenColorRole textFieldContainerColor = - TokenColorRole.surfaceContainerHighest; + /// md.comp.filled-autocomplete.text-field.hover.state-layer.color + static const TokenColorRole textFieldHoverStateLayerColor = TokenColorRole.onSurface; - /// md.comp.filled-autocomplete.text-field.focus.active-indicator.color - static const TokenColorRole textFieldFocusActiveIndicatorColor = - TokenColorRole.primary; + /// md.comp.filled-autocomplete.text-field.hover.state-layer.opacity + static const double textFieldHoverStateLayerOpacity = 0.08; - /// md.comp.filled-autocomplete.text-field.error.focus.input-text.color - static const TokenColorRole textFieldErrorFocusInputTextColor = - TokenColorRole.onSurface; + /// md.comp.filled-autocomplete.text-field.hover.supporting-text.color + static const TokenColorRole textFieldHoverSupportingTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.filled-autocomplete.text-field.disabled.trailing-icon.opacity - static const double textFieldDisabledTrailingIconOpacity = 0.38; + /// md.comp.filled-autocomplete.text-field.hover.trailing-icon.color + static const TokenColorRole textFieldHoverTrailingIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.filled-autocomplete.text-field.disabled.input-text.opacity - static const double textFieldDisabledInputTextOpacity = 0.38; + /// md.comp.filled-autocomplete.text-field.input-text.color + static const TokenColorRole textFieldInputTextColor = TokenColorRole.onSurface; + + /// md.comp.filled-autocomplete.text-field.input-text.font + static const String textFieldInputTextFont = 'Roboto'; /// md.comp.filled-autocomplete.text-field.input-text.type - static const double textFieldInputTextTypeFontSize = 16.00; + static const String textFieldInputTextTypeFontFamily = 'Roboto'; /// md.comp.filled-autocomplete.text-field.input-text.type - static const double textFieldInputTextTypeFontWeight = 400; + static const double textFieldInputTextTypeFontSize = 16.00; /// md.comp.filled-autocomplete.text-field.input-text.type - static const double textFieldInputTextTypeLineHeight = 24.00; + static const double textFieldInputTextTypeFontWeight = 400; /// md.comp.filled-autocomplete.text-field.input-text.type static const double textFieldInputTextTypeLetterSpacing = 0.50; /// md.comp.filled-autocomplete.text-field.input-text.type - static const String textFieldInputTextTypeFontFamily = 'Roboto'; + static const double textFieldInputTextTypeLineHeight = 24.00; - /// md.comp.filled-autocomplete.menu.container.elevation - static const double menuContainerElevation = 3.00; + /// md.comp.filled-autocomplete.text-field.label-text.color + static const TokenColorRole textFieldLabelTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.filled-autocomplete.text-field.disabled.leading-icon.opacity - static const double textFieldDisabledLeadingIconOpacity = 0.38; + /// md.comp.filled-autocomplete.text-field.label-text.font + static const String textFieldLabelTextFont = 'Roboto'; - /// md.comp.filled-autocomplete.text-field.error.hover.label-text.color - static const TokenColorRole textFieldErrorHoverLabelTextColor = - TokenColorRole.onErrorContainer; + /// md.comp.filled-autocomplete.text-field.label-text.type + static const String textFieldLabelTextTypeFontFamily = 'Roboto'; - /// md.comp.filled-autocomplete.text-field.error.focus.trailing-icon.color - static const TokenColorRole textFieldErrorFocusTrailingIconColor = - TokenColorRole.error; + /// md.comp.filled-autocomplete.text-field.label-text.type + static const double textFieldLabelTextTypeFontSize = 16.00; - /// md.comp.filled-autocomplete.text-field.error.hover.state-layer.opacity - static const double textFieldErrorHoverStateLayerOpacity = 0.08; + /// md.comp.filled-autocomplete.text-field.label-text.type + static const double textFieldLabelTextTypeFontWeight = 400; - /// md.comp.filled-autocomplete.text-field.disabled.active-indicator.opacity - static const double textFieldDisabledActiveIndicatorOpacity = 0.38; + /// md.comp.filled-autocomplete.text-field.label-text.type + static const double textFieldLabelTextTypeLetterSpacing = 0.50; - /// md.comp.filled-autocomplete.text-field.focus.leading-icon.color - static const TokenColorRole textFieldFocusLeadingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.filled-autocomplete.text-field.label-text.type + static const double textFieldLabelTextTypeLineHeight = 24.00; - /// md.comp.filled-autocomplete.text-field.focus.label-text.color - static const TokenColorRole textFieldFocusLabelTextColor = - TokenColorRole.primary; + /// md.comp.filled-autocomplete.text-field.leading-icon.color + static const TokenColorRole textFieldLeadingIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.filled-autocomplete.menu.container.shape - static const ShapeStruct menuContainerShape = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 4.00, - topRight: 4.00, - bottomLeft: 4.00, - bottomRight: 4.00, - ); + /// md.comp.filled-autocomplete.text-field.leading-icon.size + static const double textFieldLeadingIconSize = 20.00; - /// md.comp.filled-autocomplete.text-field.disabled.active-indicator.color - static const TokenColorRole textFieldDisabledActiveIndicatorColor = - TokenColorRole.onSurface; + /// md.comp.filled-autocomplete.text-field.supporting-text.color + static const TokenColorRole textFieldSupportingTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.filled-autocomplete.text-field.error.input-text.color - static const TokenColorRole textFieldErrorInputTextColor = - TokenColorRole.onSurface; + /// md.comp.filled-autocomplete.text-field.supporting-text.font + static const String textFieldSupportingTextFont = 'Roboto'; - /// md.comp.filled-autocomplete.text-field.focus.trailing-icon.color - static const TokenColorRole textFieldFocusTrailingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.filled-autocomplete.text-field.supporting-text.type + static const String textFieldSupportingTextTypeFontFamily = 'Roboto'; - /// md.comp.filled-autocomplete.text-field.label-text.color - static const TokenColorRole textFieldLabelTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.filled-autocomplete.text-field.supporting-text.type + static const double textFieldSupportingTextTypeFontSize = 12.00; - /// md.comp.filled-autocomplete.text-field.hover.leading-icon.color - static const TokenColorRole textFieldHoverLeadingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.filled-autocomplete.text-field.supporting-text.type + static const double textFieldSupportingTextTypeFontWeight = 400; - /// md.comp.filled-autocomplete.text-field.disabled.supporting-text.color - static const TokenColorRole textFieldDisabledSupportingTextColor = - TokenColorRole.onSurface; + /// md.comp.filled-autocomplete.text-field.supporting-text.type + static const double textFieldSupportingTextTypeLetterSpacing = 0.40; - /// md.comp.filled-autocomplete.text-field.hover.input-text.color - static const TokenColorRole textFieldHoverInputTextColor = - TokenColorRole.onSurface; + /// md.comp.filled-autocomplete.text-field.supporting-text.type + static const double textFieldSupportingTextTypeLineHeight = 16.00; - /// md.comp.filled-autocomplete.text-field.hover.state-layer.color - static const TokenColorRole textFieldHoverStateLayerColor = - TokenColorRole.onSurface; + /// md.comp.filled-autocomplete.text-field.trailing-icon.color + static const TokenColorRole textFieldTrailingIconColor = TokenColorRole.onSurfaceVariant; + + /// md.comp.filled-autocomplete.text-field.trailing-icon.size + static const double textFieldTrailingIconSize = 24.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/filled_card.dart b/packages/material_ui/tool/gen_defaults/data/filled_card.dart index 16bc13010b00..f6e51740283c 100644 --- a/packages/material_ui/tool/gen_defaults/data/filled_card.dart +++ b/packages/material_ui/tool/gen_defaults/data/filled_card.dart @@ -8,15 +8,14 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenFilledCard { - /// md.comp.filled-card.disabled.container.opacity - static const double disabledContainerOpacity = 0.38; + /// md.comp.filled-card.container.color + static const TokenColorRole containerColor = TokenColorRole.surfaceContainerHighest; - /// md.comp.filled-card.disabled.container.color - static const TokenColorRole disabledContainerColor = - TokenColorRole.surfaceVariant; + /// md.comp.filled-card.container.elevation + static const double containerElevation = 0.00; - /// md.comp.filled-card.focus.indicator.outline.offset - static const double focusIndicatorOutlineOffset = 2.00; + /// md.comp.filled-card.container.shadow-color + static const TokenColorRole containerShadowColor = TokenColorRole.shadow; /// md.comp.filled-card.container.shape static const ShapeStruct containerShape = ShapeStruct( @@ -27,64 +26,63 @@ class TokenFilledCard { bottomRight: 12.00, ); - /// md.comp.filled-card.container.color - static const TokenColorRole containerColor = - TokenColorRole.surfaceContainerHighest; + /// md.comp.filled-card.disabled.container.color + static const TokenColorRole disabledContainerColor = TokenColorRole.surfaceVariant; /// md.comp.filled-card.disabled.container.elevation static const double disabledContainerElevation = 0.00; - /// md.comp.filled-card.pressed.container.elevation - static const double pressedContainerElevation = 0.00; + /// md.comp.filled-card.disabled.container.opacity + static const double disabledContainerOpacity = 0.38; - /// md.comp.filled-card.pressed.state-layer.opacity - static const double pressedStateLayerOpacity = 0.10; + /// md.comp.filled-card.dragged.container.elevation + static const double draggedContainerElevation = 6.00; + + /// md.comp.filled-card.dragged.state-layer.color + static const TokenColorRole draggedStateLayerColor = TokenColorRole.onSurface; + + /// md.comp.filled-card.dragged.state-layer.opacity + static const double draggedStateLayerOpacity = 0.16; + + /// md.comp.filled-card.focus.container.elevation + static const double focusContainerElevation = 0.00; + + /// md.comp.filled-card.focus.indicator.color + static const TokenColorRole focusIndicatorColor = TokenColorRole.secondary; + + /// md.comp.filled-card.focus.indicator.outline.offset + static const double focusIndicatorOutlineOffset = 2.00; + + /// md.comp.filled-card.focus.indicator.thickness + static const double focusIndicatorThickness = 3.00; /// md.comp.filled-card.focus.state-layer.color static const TokenColorRole focusStateLayerColor = TokenColorRole.onSurface; - /// md.comp.filled-card.hover.state-layer.opacity - static const double hoverStateLayerOpacity = 0.08; - /// md.comp.filled-card.focus.state-layer.opacity static const double focusStateLayerOpacity = 0.10; - /// md.comp.filled-card.focus.container.elevation - static const double focusContainerElevation = 0.00; - /// md.comp.filled-card.hover.container.elevation static const double hoverContainerElevation = 1.00; /// md.comp.filled-card.hover.state-layer.color static const TokenColorRole hoverStateLayerColor = TokenColorRole.onSurface; - /// md.comp.filled-card.pressed.state-layer.color - static const TokenColorRole pressedStateLayerColor = TokenColorRole.onSurface; - - /// md.comp.filled-card.icon.size - static const double iconSize = 24.00; - - /// md.comp.filled-card.dragged.container.elevation - static const double draggedContainerElevation = 6.00; + /// md.comp.filled-card.hover.state-layer.opacity + static const double hoverStateLayerOpacity = 0.08; /// md.comp.filled-card.icon.color static const TokenColorRole iconColor = TokenColorRole.primary; - /// md.comp.filled-card.container.shadow-color - static const TokenColorRole containerShadowColor = TokenColorRole.shadow; - - /// md.comp.filled-card.dragged.state-layer.opacity - static const double draggedStateLayerOpacity = 0.16; - - /// md.comp.filled-card.focus.indicator.thickness - static const double focusIndicatorThickness = 3.00; + /// md.comp.filled-card.icon.size + static const double iconSize = 24.00; - /// md.comp.filled-card.focus.indicator.color - static const TokenColorRole focusIndicatorColor = TokenColorRole.secondary; + /// md.comp.filled-card.pressed.container.elevation + static const double pressedContainerElevation = 0.00; - /// md.comp.filled-card.dragged.state-layer.color - static const TokenColorRole draggedStateLayerColor = TokenColorRole.onSurface; + /// md.comp.filled-card.pressed.state-layer.color + static const TokenColorRole pressedStateLayerColor = TokenColorRole.onSurface; - /// md.comp.filled-card.container.elevation - static const double containerElevation = 0.00; + /// md.comp.filled-card.pressed.state-layer.opacity + static const double pressedStateLayerOpacity = 0.10; } diff --git a/packages/material_ui/tool/gen_defaults/data/filled_menu_button.dart b/packages/material_ui/tool/gen_defaults/data/filled_menu_button.dart index 3ff0c2768d1b..09fb897e99b3 100644 --- a/packages/material_ui/tool/gen_defaults/data/filled_menu_button.dart +++ b/packages/material_ui/tool/gen_defaults/data/filled_menu_button.dart @@ -8,104 +8,107 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenFilledMenuButton { - /// md.comp.filled-menu-button.focus.container.elevation - static const double focusContainerElevation = 0.00; - - /// md.comp.filled-menu-button.focus.indicator.color - static const TokenColorRole focusIndicatorColor = TokenColorRole.secondary; - - /// md.comp.filled-menu-button.hover.state-layer.color - static const TokenColorRole hoverStateLayerColor = TokenColorRole.onPrimary; + /// md.comp.filled-menu-button.container.color + static const TokenColorRole containerColor = TokenColorRole.primary; /// md.comp.filled-menu-button.container.elevation static const double containerElevation = 0.00; - /// md.comp.filled-menu-button.label-text.font - static const String labelTextFont = 'Roboto'; - - /// md.comp.filled-menu-button.focus.trailing-icon.color - static const TokenColorRole focusTrailingIconColor = TokenColorRole.onPrimary; + /// md.comp.filled-menu-button.container.height + static const double containerHeight = 40.00; - /// md.comp.filled-menu-button.label-text.type - static const double labelTextTypeFontSize = 14.00; + /// md.comp.filled-menu-button.disabled.container.color + static const TokenColorRole disabledContainerColor = TokenColorRole.onSurface; - /// md.comp.filled-menu-button.label-text.type - static const double labelTextTypeFontWeight = 500; + /// md.comp.filled-menu-button.disabled.container.elevation + static const double disabledContainerElevation = 0.00; - /// md.comp.filled-menu-button.label-text.type - static const double labelTextTypeLineHeight = 20.00; + /// md.comp.filled-menu-button.disabled.container.opacity + static const double disabledContainerOpacity = 0.12; - /// md.comp.filled-menu-button.label-text.type - static const double labelTextTypeLetterSpacing = 0.10; + /// md.comp.filled-menu-button.disabled.label-text.color + static const TokenColorRole disabledLabelTextColor = TokenColorRole.onSurface; - /// md.comp.filled-menu-button.label-text.type - static const String labelTextTypeFontFamily = 'Roboto'; + /// md.comp.filled-menu-button.disabled.label-text.opacity + static const double disabledLabelTextOpacity = 0.38; - /// md.comp.filled-menu-button.hover.label-text.color - static const TokenColorRole hoverLabelTextColor = TokenColorRole.onPrimary; + /// md.comp.filled-menu-button.disabled.trailing-icon.color + static const TokenColorRole disabledTrailingIconColor = TokenColorRole.onSurface; - /// md.comp.filled-menu-button.trailing-icon.size - static const double trailingIconSize = 18.00; + /// md.comp.filled-menu-button.disabled.trailing-icon.opacity + static const double disabledTrailingIconOpacity = 0.38; - /// md.comp.filled-menu-button.with-icon.disabled.leading-icon.color - static const TokenColorRole withIconDisabledLeadingIconColor = - TokenColorRole.onSurface; + /// md.comp.filled-menu-button.focus.container.elevation + static const double focusContainerElevation = 0.00; - /// md.comp.filled-menu-button.hover.container.elevation - static const double hoverContainerElevation = 1.00; + /// md.comp.filled-menu-button.focus.indicator.color + static const TokenColorRole focusIndicatorColor = TokenColorRole.secondary; - /// md.comp.filled-menu-button.container.height - static const double containerHeight = 40.00; + /// md.comp.filled-menu-button.focus.indicator.outline.offset + static const double focusIndicatorOutlineOffset = 2.00; - /// md.comp.filled-menu-button.with-icon.hover.leading-icon.color - static const TokenColorRole withIconHoverLeadingIconColor = - TokenColorRole.onPrimary; + /// md.comp.filled-menu-button.focus.indicator.thickness + static const double focusIndicatorThickness = 3.00; - /// md.comp.filled-menu-button.with-icon.focus.leading-icon.color - static const TokenColorRole withIconFocusLeadingIconColor = - TokenColorRole.onPrimary; + /// md.comp.filled-menu-button.focus.label-text.color + static const TokenColorRole focusLabelTextColor = TokenColorRole.onPrimary; - /// md.comp.filled-menu-button.container.color - static const TokenColorRole containerColor = TokenColorRole.primary; + /// md.comp.filled-menu-button.focus.state-layer.color + static const TokenColorRole focusStateLayerColor = TokenColorRole.onPrimary; - /// md.comp.filled-menu-button.disabled.label-text.color - static const TokenColorRole disabledLabelTextColor = TokenColorRole.onSurface; + /// md.comp.filled-menu-button.focus.state-layer.opacity + static const double focusStateLayerOpacity = 0.10; - /// md.comp.filled-menu-button.focus.indicator.outline.offset - static const double focusIndicatorOutlineOffset = 2.00; + /// md.comp.filled-menu-button.focus.trailing-icon.color + static const TokenColorRole focusTrailingIconColor = TokenColorRole.onPrimary; - /// md.comp.filled-menu-button.pressed.label-text.color - static const TokenColorRole pressedLabelTextColor = TokenColorRole.onPrimary; + /// md.comp.filled-menu-button.hover.container.elevation + static const double hoverContainerElevation = 1.00; - /// md.comp.filled-menu-button.focus.label-text.color - static const TokenColorRole focusLabelTextColor = TokenColorRole.onPrimary; + /// md.comp.filled-menu-button.hover.label-text.color + static const TokenColorRole hoverLabelTextColor = TokenColorRole.onPrimary; - /// md.comp.filled-menu-button.disabled.container.color - static const TokenColorRole disabledContainerColor = TokenColorRole.onSurface; + /// md.comp.filled-menu-button.hover.state-layer.color + static const TokenColorRole hoverStateLayerColor = TokenColorRole.onPrimary; - /// md.comp.filled-menu-button.trailing-icon.color - static const TokenColorRole trailingIconColor = TokenColorRole.onPrimary; + /// md.comp.filled-menu-button.hover.state-layer.opacity + static const double hoverStateLayerOpacity = 0.08; - /// md.comp.filled-menu-button.with-icon.leading-icon.size - static const double withIconLeadingIconSize = 18.00; + /// md.comp.filled-menu-button.hover.trailing-icon.color + static const TokenColorRole hoverTrailingIconColor = TokenColorRole.onPrimary; /// md.comp.filled-menu-button.label-text.color static const TokenColorRole labelTextColor = TokenColorRole.onPrimary; - /// md.comp.filled-menu-button.disabled.trailing-icon.opacity - static const double disabledTrailingIconOpacity = 0.38; + /// md.comp.filled-menu-button.label-text.font + static const String labelTextFont = 'Roboto'; + + /// md.comp.filled-menu-button.label-text.type + static const String labelTextTypeFontFamily = 'Roboto'; + + /// md.comp.filled-menu-button.label-text.type + static const double labelTextTypeFontSize = 14.00; + + /// md.comp.filled-menu-button.label-text.type + static const double labelTextTypeFontWeight = 500; + + /// md.comp.filled-menu-button.label-text.type + static const double labelTextTypeLetterSpacing = 0.10; + + /// md.comp.filled-menu-button.label-text.type + static const double labelTextTypeLineHeight = 20.00; + + /// md.comp.filled-menu-button.pressed.label-text.color + static const TokenColorRole pressedLabelTextColor = TokenColorRole.onPrimary; /// md.comp.filled-menu-button.pressed.state-layer.color static const TokenColorRole pressedStateLayerColor = TokenColorRole.onPrimary; - /// md.comp.filled-menu-button.hover.state-layer.opacity - static const double hoverStateLayerOpacity = 0.08; - - /// md.comp.filled-menu-button.disabled.label-text.opacity - static const double disabledLabelTextOpacity = 0.38; + /// md.comp.filled-menu-button.pressed.state-layer.opacity + static const double pressedStateLayerOpacity = 0.10; - /// md.comp.filled-menu-button.focus.indicator.thickness - static const double focusIndicatorThickness = 3.00; + /// md.comp.filled-menu-button.pressed.trailing-icon.color + static const TokenColorRole pressedTrailingIconColor = TokenColorRole.onPrimary; /// md.comp.filled-menu-button.shape static const ShapeStruct shape = ShapeStruct( @@ -116,40 +119,30 @@ class TokenFilledMenuButton { bottomRight: 0.00, ); - /// md.comp.filled-menu-button.disabled.trailing-icon.color - static const TokenColorRole disabledTrailingIconColor = - TokenColorRole.onSurface; + /// md.comp.filled-menu-button.trailing-icon.color + static const TokenColorRole trailingIconColor = TokenColorRole.onPrimary; - /// md.comp.filled-menu-button.with-icon.disabled.leading-icon.opacity - static const double withIconDisabledLeadingIconOpacity = 0.38; + /// md.comp.filled-menu-button.trailing-icon.size + static const double trailingIconSize = 18.00; - /// md.comp.filled-menu-button.focus.state-layer.opacity - static const double focusStateLayerOpacity = 0.10; + /// md.comp.filled-menu-button.with-icon.disabled.leading-icon.color + static const TokenColorRole withIconDisabledLeadingIconColor = TokenColorRole.onSurface; - /// md.comp.filled-menu-button.disabled.container.opacity - static const double disabledContainerOpacity = 0.12; + /// md.comp.filled-menu-button.with-icon.disabled.leading-icon.opacity + static const double withIconDisabledLeadingIconOpacity = 0.38; - /// md.comp.filled-menu-button.focus.state-layer.color - static const TokenColorRole focusStateLayerColor = TokenColorRole.onPrimary; + /// md.comp.filled-menu-button.with-icon.focus.leading-icon.color + static const TokenColorRole withIconFocusLeadingIconColor = TokenColorRole.onPrimary; - /// md.comp.filled-menu-button.pressed.trailing-icon.color - static const TokenColorRole pressedTrailingIconColor = - TokenColorRole.onPrimary; + /// md.comp.filled-menu-button.with-icon.hover.leading-icon.color + static const TokenColorRole withIconHoverLeadingIconColor = TokenColorRole.onPrimary; - /// md.comp.filled-menu-button.disabled.container.elevation - static const double disabledContainerElevation = 0.00; + /// md.comp.filled-menu-button.with-icon.leading-icon.color + static const TokenColorRole withIconLeadingIconColor = TokenColorRole.onPrimary; - /// md.comp.filled-menu-button.pressed.state-layer.opacity - static const double pressedStateLayerOpacity = 0.10; + /// md.comp.filled-menu-button.with-icon.leading-icon.size + static const double withIconLeadingIconSize = 18.00; /// md.comp.filled-menu-button.with-icon.pressed.leading-icon.color - static const TokenColorRole withIconPressedLeadingIconColor = - TokenColorRole.onPrimary; - - /// md.comp.filled-menu-button.with-icon.leading-icon.color - static const TokenColorRole withIconLeadingIconColor = - TokenColorRole.onPrimary; - - /// md.comp.filled-menu-button.hover.trailing-icon.color - static const TokenColorRole hoverTrailingIconColor = TokenColorRole.onPrimary; + static const TokenColorRole withIconPressedLeadingIconColor = TokenColorRole.onPrimary; } diff --git a/packages/material_ui/tool/gen_defaults/data/filled_select.dart b/packages/material_ui/tool/gen_defaults/data/filled_select.dart index 65110c23f054..5bb60ee23dfd 100644 --- a/packages/material_ui/tool/gen_defaults/data/filled_select.dart +++ b/packages/material_ui/tool/gen_defaults/data/filled_select.dart @@ -8,315 +8,259 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenFilledSelect { - /// md.comp.filled-select.text-field.disabled.input-text.opacity - static const double textFieldDisabledInputTextOpacity = 0.38; + /// md.comp.filled-select.menu.cascading-menu-indicator.icon.color + static const TokenColorRole menuCascadingMenuIndicatorIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.filled-select.text-field.disabled.leading-icon.opacity - static const double textFieldDisabledLeadingIconOpacity = 0.38; + /// md.comp.filled-select.menu.cascading-menu-indicator.icon.size + static const double menuCascadingMenuIndicatorIconSize = 24.00; - /// md.comp.filled-select.text-field.error.supporting-text.color - static const TokenColorRole textFieldErrorSupportingTextColor = - TokenColorRole.error; + /// md.comp.filled-select.menu.container.color + static const TokenColorRole menuContainerColor = TokenColorRole.surfaceContainer; - /// md.comp.filled-select.text-field.leading-icon.size - static const double textFieldLeadingIconSize = 24.00; + /// md.comp.filled-select.menu.container.elevation + static const double menuContainerElevation = 3.00; - /// md.comp.filled-select.text-field.error.focus.label-text.color - static const TokenColorRole textFieldErrorFocusLabelTextColor = - TokenColorRole.error; + /// md.comp.filled-select.menu.container.shadow-color + static const TokenColorRole menuContainerShadowColor = TokenColorRole.shadow; - /// md.comp.filled-select.text-field.disabled.supporting-text.opacity - static const double textFieldDisabledSupportingTextOpacity = 0.38; + /// md.comp.filled-select.menu.container.shape + static const ShapeStruct menuContainerShape = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 4.00, + topRight: 4.00, + bottomLeft: 4.00, + bottomRight: 4.00, + ); - /// md.comp.filled-select.text-field.focus.active-indicator.color - static const TokenColorRole textFieldFocusActiveIndicatorColor = - TokenColorRole.primary; + /// md.comp.filled-select.menu.divider.color + static const TokenColorRole menuDividerColor = TokenColorRole.surfaceVariant; - /// md.comp.filled-select.text-field.disabled.input-text.color - static const TokenColorRole textFieldDisabledInputTextColor = - TokenColorRole.onSurface; + /// md.comp.filled-select.menu.divider.height + static const double menuDividerHeight = 1.00; - /// md.comp.filled-select.menu.container.color - static const TokenColorRole menuContainerColor = - TokenColorRole.surfaceContainer; + /// md.comp.filled-select.menu.list-item.container.height + static const double menuListItemContainerHeight = 48.00; - /// md.comp.filled-select.text-field.container.color - static const TokenColorRole textFieldContainerColor = - TokenColorRole.surfaceContainerHighest; + /// md.comp.filled-select.menu.list-item.label-text.color + static const TokenColorRole menuListItemLabelTextColor = TokenColorRole.onSurface; + + /// md.comp.filled-select.menu.list-item.label-text.font + static const String menuListItemLabelTextFont = 'Roboto'; /// md.comp.filled-select.menu.list-item.label-text.type - static const double menuListItemLabelTextTypeFontSize = 14.00; + static const String menuListItemLabelTextTypeFontFamily = 'Roboto'; /// md.comp.filled-select.menu.list-item.label-text.type - static const double menuListItemLabelTextTypeFontWeight = 500; + static const double menuListItemLabelTextTypeFontSize = 14.00; /// md.comp.filled-select.menu.list-item.label-text.type - static const double menuListItemLabelTextTypeLineHeight = 20.00; + static const double menuListItemLabelTextTypeFontWeight = 500; /// md.comp.filled-select.menu.list-item.label-text.type static const double menuListItemLabelTextTypeLetterSpacing = 0.10; /// md.comp.filled-select.menu.list-item.label-text.type - static const String menuListItemLabelTextTypeFontFamily = 'Roboto'; + static const double menuListItemLabelTextTypeLineHeight = 20.00; - /// md.comp.filled-select.menu.list-item.label-text.font - static const String menuListItemLabelTextFont = 'Roboto'; + /// md.comp.filled-select.menu.list-item.selected.container.color + static const TokenColorRole menuListItemSelectedContainerColor = + TokenColorRole.surfaceContainerHighest; - /// md.comp.filled-select.text-field.error.hover.active-indicator.color - static const TokenColorRole textFieldErrorHoverActiveIndicatorColor = - TokenColorRole.onErrorContainer; + /// md.comp.filled-select.menu.list-item.with-leading-icon.leading-icon.color + static const TokenColorRole menuListItemWithLeadingIconLeadingIconColor = + TokenColorRole.onSurfaceVariant; - /// md.comp.filled-select.menu.container.elevation - static const double menuContainerElevation = 3.00; + /// md.comp.filled-select.menu.list-item.with-leading-icon.leading-icon.size + static const double menuListItemWithLeadingIconLeadingIconSize = 24.00; - /// md.comp.filled-select.menu.divider.height - static const double menuDividerHeight = 1.00; + /// md.comp.filled-select.menu.list-item.with-trailing-icon.trailing-icon.color + static const TokenColorRole menuListItemWithTrailingIconTrailingIconColor = + TokenColorRole.onSurfaceVariant; + + /// md.comp.filled-select.menu.list-item.with-trailing-icon.trailing-icon.size + static const double menuListItemWithTrailingIconTrailingIconSize = 24.00; + + /// md.comp.filled-select.text-field.active-indicator.color + static const TokenColorRole textFieldActiveIndicatorColor = TokenColorRole.onSurfaceVariant; /// md.comp.filled-select.text-field.active-indicator.height static const double textFieldActiveIndicatorHeight = 1.00; - /// md.comp.filled-select.menu.list-item.with-leading-icon.leading-icon.color - static const TokenColorRole menuListItemWithLeadingIconLeadingIconColor = - TokenColorRole.onSurfaceVariant; - - /// md.comp.filled-select.text-field.trailing-icon.color - static const TokenColorRole textFieldTrailingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.filled-select.text-field.container.color + static const TokenColorRole textFieldContainerColor = TokenColorRole.surfaceContainerHighest; - /// md.comp.filled-select.menu.container.shape - static const ShapeStruct menuContainerShape = ShapeStruct( + /// md.comp.filled-select.text-field.container.shape + static const ShapeStruct textFieldContainerShape = ShapeStruct( family: 'SHAPE_FAMILY_ROUNDED_CORNERS', topLeft: 4.00, topRight: 4.00, - bottomLeft: 4.00, - bottomRight: 4.00, + bottomLeft: 0.00, + bottomRight: 0.00, ); - /// md.comp.filled-select.text-field.focus.supporting-text.color - static const TokenColorRole textFieldFocusSupportingTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.filled-select.text-field.disabled.active-indicator.color + static const TokenColorRole textFieldDisabledActiveIndicatorColor = TokenColorRole.onSurface; - /// md.comp.filled-select.text-field.disabled.container.color - static const TokenColorRole textFieldDisabledContainerColor = - TokenColorRole.onSurface; + /// md.comp.filled-select.text-field.disabled.active-indicator.height + static const double textFieldDisabledActiveIndicatorHeight = 1.00; - /// md.comp.filled-select.text-field.supporting-text.color - static const TokenColorRole textFieldSupportingTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.filled-select.text-field.disabled.active-indicator.opacity + static const double textFieldDisabledActiveIndicatorOpacity = 0.38; - /// md.comp.filled-select.text-field.error.hover.supporting-text.color - static const TokenColorRole textFieldErrorHoverSupportingTextColor = - TokenColorRole.error; + /// md.comp.filled-select.text-field.disabled.container.color + static const TokenColorRole textFieldDisabledContainerColor = TokenColorRole.onSurface; - /// md.comp.filled-select.menu.list-item.with-leading-icon.leading-icon.size - static const double menuListItemWithLeadingIconLeadingIconSize = 24.00; + /// md.comp.filled-select.text-field.disabled.container.opacity + static const double textFieldDisabledContainerOpacity = 0.04; - /// md.comp.filled-select.text-field.hover.state-layer.color - static const TokenColorRole textFieldHoverStateLayerColor = - TokenColorRole.onSurface; + /// md.comp.filled-select.text-field.disabled.input-text.color + static const TokenColorRole textFieldDisabledInputTextColor = TokenColorRole.onSurface; - /// md.comp.filled-select.menu.list-item.with-trailing-icon.trailing-icon.size - static const double menuListItemWithTrailingIconTrailingIconSize = 24.00; + /// md.comp.filled-select.text-field.disabled.input-text.opacity + static const double textFieldDisabledInputTextOpacity = 0.38; - /// md.comp.filled-select.menu.list-item.label-text.color - static const TokenColorRole menuListItemLabelTextColor = - TokenColorRole.onSurface; + /// md.comp.filled-select.text-field.disabled.label-text.color + static const TokenColorRole textFieldDisabledLabelTextColor = TokenColorRole.onSurface; - /// md.comp.filled-select.text-field.hover.active-indicator.height - static const double textFieldHoverActiveIndicatorHeight = 1.00; + /// md.comp.filled-select.text-field.disabled.label-text.opacity + static const double textFieldDisabledLabelTextOpacity = 0.38; /// md.comp.filled-select.text-field.disabled.leading-icon.color - static const TokenColorRole textFieldDisabledLeadingIconColor = - TokenColorRole.onSurface; + static const TokenColorRole textFieldDisabledLeadingIconColor = TokenColorRole.onSurface; - /// md.comp.filled-select.text-field.disabled.label-text.color - static const TokenColorRole textFieldDisabledLabelTextColor = - TokenColorRole.onSurface; + /// md.comp.filled-select.text-field.disabled.leading-icon.opacity + static const double textFieldDisabledLeadingIconOpacity = 0.38; - /// md.comp.filled-select.text-field.supporting-text.type - static const double textFieldSupportingTextTypeFontSize = 12.00; + /// md.comp.filled-select.text-field.disabled.supporting-text.color + static const TokenColorRole textFieldDisabledSupportingTextColor = TokenColorRole.onSurface; - /// md.comp.filled-select.text-field.supporting-text.type - static const double textFieldSupportingTextTypeFontWeight = 400; + /// md.comp.filled-select.text-field.disabled.supporting-text.opacity + static const double textFieldDisabledSupportingTextOpacity = 0.38; - /// md.comp.filled-select.text-field.supporting-text.type - static const double textFieldSupportingTextTypeLineHeight = 16.00; + /// md.comp.filled-select.text-field.disabled.trailing-icon.color + static const TokenColorRole textFieldDisabledTrailingIconColor = TokenColorRole.onSurface; - /// md.comp.filled-select.text-field.supporting-text.type - static const double textFieldSupportingTextTypeLetterSpacing = 0.40; + /// md.comp.filled-select.text-field.disabled.trailing-icon.opacity + static const double textFieldDisabledTrailingIconOpacity = 0.38; - /// md.comp.filled-select.text-field.supporting-text.type - static const String textFieldSupportingTextTypeFontFamily = 'Roboto'; + /// md.comp.filled-select.text-field.error.active-indicator.color + static const TokenColorRole textFieldErrorActiveIndicatorColor = TokenColorRole.error; - /// md.comp.filled-select.text-field.hover.input-text.color - static const TokenColorRole textFieldHoverInputTextColor = - TokenColorRole.onSurface; + /// md.comp.filled-select.text-field.error.focus.active-indicator.color + static const TokenColorRole textFieldErrorFocusActiveIndicatorColor = TokenColorRole.error; /// md.comp.filled-select.text-field.error.focus.input-text.color - static const TokenColorRole textFieldErrorFocusInputTextColor = - TokenColorRole.onSurface; - - /// md.comp.filled-select.menu.divider.color - static const TokenColorRole menuDividerColor = TokenColorRole.surfaceVariant; + static const TokenColorRole textFieldErrorFocusInputTextColor = TokenColorRole.onSurface; - /// md.comp.filled-select.text-field.error.label-text.color - static const TokenColorRole textFieldErrorLabelTextColor = - TokenColorRole.error; + /// md.comp.filled-select.text-field.error.focus.label-text.color + static const TokenColorRole textFieldErrorFocusLabelTextColor = TokenColorRole.error; - /// md.comp.filled-select.text-field.hover.leading-icon.color - static const TokenColorRole textFieldHoverLeadingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.filled-select.text-field.error.focus.leading-icon.color + static const TokenColorRole textFieldErrorFocusLeadingIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.filled-select.text-field.error.focus.active-indicator.color - static const TokenColorRole textFieldErrorFocusActiveIndicatorColor = - TokenColorRole.error; + /// md.comp.filled-select.text-field.error.focus.supporting-text.color + static const TokenColorRole textFieldErrorFocusSupportingTextColor = TokenColorRole.error; - /// md.comp.filled-select.menu.list-item.container.height - static const double menuListItemContainerHeight = 48.00; + /// md.comp.filled-select.text-field.error.focus.trailing-icon.color + static const TokenColorRole textFieldErrorFocusTrailingIconColor = TokenColorRole.error; - /// md.comp.filled-select.menu.cascading-menu-indicator.icon.color - static const TokenColorRole menuCascadingMenuIndicatorIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.filled-select.text-field.error.hover.active-indicator.color + static const TokenColorRole textFieldErrorHoverActiveIndicatorColor = + TokenColorRole.onErrorContainer; - /// md.comp.filled-select.text-field.label-text.type - static const double textFieldLabelTextTypeFontSize = 16.00; + /// md.comp.filled-select.text-field.error.hover.input-text.color + static const TokenColorRole textFieldErrorHoverInputTextColor = TokenColorRole.onSurface; - /// md.comp.filled-select.text-field.label-text.type - static const double textFieldLabelTextTypeFontWeight = 400; + /// md.comp.filled-select.text-field.error.hover.label-text.color + static const TokenColorRole textFieldErrorHoverLabelTextColor = TokenColorRole.onErrorContainer; - /// md.comp.filled-select.text-field.label-text.type - static const double textFieldLabelTextTypeLineHeight = 24.00; + /// md.comp.filled-select.text-field.error.hover.leading-icon.color + static const TokenColorRole textFieldErrorHoverLeadingIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.filled-select.text-field.label-text.type - static const double textFieldLabelTextTypeLetterSpacing = 0.50; + /// md.comp.filled-select.text-field.error.hover.state-layer.color + static const TokenColorRole textFieldErrorHoverStateLayerColor = TokenColorRole.onSurface; - /// md.comp.filled-select.text-field.label-text.type - static const String textFieldLabelTextTypeFontFamily = 'Roboto'; + /// md.comp.filled-select.text-field.error.hover.state-layer.opacity + static const double textFieldErrorHoverStateLayerOpacity = 0.08; - /// md.comp.filled-select.text-field.input-text.color - static const TokenColorRole textFieldInputTextColor = - TokenColorRole.onSurface; + /// md.comp.filled-select.text-field.error.hover.supporting-text.color + static const TokenColorRole textFieldErrorHoverSupportingTextColor = TokenColorRole.error; - /// md.comp.filled-select.text-field.error.hover.label-text.color - static const TokenColorRole textFieldErrorHoverLabelTextColor = + /// md.comp.filled-select.text-field.error.hover.trailing-icon.color + static const TokenColorRole textFieldErrorHoverTrailingIconColor = TokenColorRole.onErrorContainer; - /// md.comp.filled-select.text-field.error.hover.input-text.color - static const TokenColorRole textFieldErrorHoverInputTextColor = - TokenColorRole.onSurface; + /// md.comp.filled-select.text-field.error.input-text.color + static const TokenColorRole textFieldErrorInputTextColor = TokenColorRole.onSurface; - /// md.comp.filled-select.text-field.leading-icon.color - static const TokenColorRole textFieldLeadingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.filled-select.text-field.error.label-text.color + static const TokenColorRole textFieldErrorLabelTextColor = TokenColorRole.error; - /// md.comp.filled-select.text-field.focus.input-text.color - static const TokenColorRole textFieldFocusInputTextColor = - TokenColorRole.onSurface; + /// md.comp.filled-select.text-field.error.leading-icon.color + static const TokenColorRole textFieldErrorLeadingIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.filled-select.text-field.hover.active-indicator.color - static const TokenColorRole textFieldHoverActiveIndicatorColor = - TokenColorRole.onSurface; + /// md.comp.filled-select.text-field.error.supporting-text.color + static const TokenColorRole textFieldErrorSupportingTextColor = TokenColorRole.error; - /// md.comp.filled-select.text-field.container.shape - static const ShapeStruct textFieldContainerShape = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 4.00, - topRight: 4.00, - bottomLeft: 0.00, - bottomRight: 0.00, - ); + /// md.comp.filled-select.text-field.error.trailing-icon.color + static const TokenColorRole textFieldErrorTrailingIconColor = TokenColorRole.error; + + /// md.comp.filled-select.text-field.focus.active-indicator.color + static const TokenColorRole textFieldFocusActiveIndicatorColor = TokenColorRole.primary; /// md.comp.filled-select.text-field.focus.active-indicator.height static const double textFieldFocusActiveIndicatorHeight = 2.00; - /// md.comp.filled-select.text-field.active-indicator.color - static const TokenColorRole textFieldActiveIndicatorColor = - TokenColorRole.onSurfaceVariant; - - /// md.comp.filled-select.menu.cascading-menu-indicator.icon.size - static const double menuCascadingMenuIndicatorIconSize = 24.00; + /// md.comp.filled-select.text-field.focus.input-text.color + static const TokenColorRole textFieldFocusInputTextColor = TokenColorRole.onSurface; /// md.comp.filled-select.text-field.focus.label-text.color - static const TokenColorRole textFieldFocusLabelTextColor = - TokenColorRole.primary; - - /// md.comp.filled-select.text-field.hover.trailing-icon.color - static const TokenColorRole textFieldHoverTrailingIconColor = - TokenColorRole.onSurfaceVariant; - - /// md.comp.filled-select.text-field.hover.state-layer.opacity - static const double textFieldHoverStateLayerOpacity = 0.08; + static const TokenColorRole textFieldFocusLabelTextColor = TokenColorRole.primary; - /// md.comp.filled-select.text-field.error.trailing-icon.color - static const TokenColorRole textFieldErrorTrailingIconColor = - TokenColorRole.error; - - /// md.comp.filled-select.text-field.error.active-indicator.color - static const TokenColorRole textFieldErrorActiveIndicatorColor = - TokenColorRole.error; - - /// md.comp.filled-select.text-field.disabled.container.opacity - static const double textFieldDisabledContainerOpacity = 0.04; - - /// md.comp.filled-select.text-field.error.focus.trailing-icon.color - static const TokenColorRole textFieldErrorFocusTrailingIconColor = - TokenColorRole.error; + /// md.comp.filled-select.text-field.focus.leading-icon.color + static const TokenColorRole textFieldFocusLeadingIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.filled-select.text-field.error.focus.supporting-text.color - static const TokenColorRole textFieldErrorFocusSupportingTextColor = - TokenColorRole.error; + /// md.comp.filled-select.text-field.focus.supporting-text.color + static const TokenColorRole textFieldFocusSupportingTextColor = TokenColorRole.onSurfaceVariant; /// md.comp.filled-select.text-field.focus.trailing-icon.color - static const TokenColorRole textFieldFocusTrailingIconColor = - TokenColorRole.primary; - - /// md.comp.filled-select.text-field.error.hover.state-layer.color - static const TokenColorRole textFieldErrorHoverStateLayerColor = - TokenColorRole.onSurface; + static const TokenColorRole textFieldFocusTrailingIconColor = TokenColorRole.primary; - /// md.comp.filled-select.text-field.disabled.trailing-icon.color - static const TokenColorRole textFieldDisabledTrailingIconColor = - TokenColorRole.onSurface; + /// md.comp.filled-select.text-field.hover.active-indicator.color + static const TokenColorRole textFieldHoverActiveIndicatorColor = TokenColorRole.onSurface; - /// md.comp.filled-select.text-field.trailing-icon.size - static const double textFieldTrailingIconSize = 24.00; + /// md.comp.filled-select.text-field.hover.active-indicator.height + static const double textFieldHoverActiveIndicatorHeight = 1.00; - /// md.comp.filled-select.text-field.error.leading-icon.color - static const TokenColorRole textFieldErrorLeadingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.filled-select.text-field.hover.input-text.color + static const TokenColorRole textFieldHoverInputTextColor = TokenColorRole.onSurface; - /// md.comp.filled-select.menu.list-item.with-trailing-icon.trailing-icon.color - static const TokenColorRole menuListItemWithTrailingIconTrailingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.filled-select.text-field.hover.label-text.color + static const TokenColorRole textFieldHoverLabelTextColor = TokenColorRole.onSurface; - /// md.comp.filled-select.text-field.hover.supporting-text.color - static const TokenColorRole textFieldHoverSupportingTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.filled-select.text-field.hover.leading-icon.color + static const TokenColorRole textFieldHoverLeadingIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.filled-select.menu.container.shadow-color - static const TokenColorRole menuContainerShadowColor = TokenColorRole.shadow; + /// md.comp.filled-select.text-field.hover.state-layer.color + static const TokenColorRole textFieldHoverStateLayerColor = TokenColorRole.onSurface; - /// md.comp.filled-select.menu.list-item.selected.container.color - static const TokenColorRole menuListItemSelectedContainerColor = - TokenColorRole.surfaceContainerHighest; + /// md.comp.filled-select.text-field.hover.state-layer.opacity + static const double textFieldHoverStateLayerOpacity = 0.08; - /// md.comp.filled-select.text-field.label-text.color - static const TokenColorRole textFieldLabelTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.filled-select.text-field.hover.supporting-text.color + static const TokenColorRole textFieldHoverSupportingTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.filled-select.text-field.error.hover.leading-icon.color - static const TokenColorRole textFieldErrorHoverLeadingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.filled-select.text-field.hover.trailing-icon.color + static const TokenColorRole textFieldHoverTrailingIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.filled-select.text-field.disabled.supporting-text.color - static const TokenColorRole textFieldDisabledSupportingTextColor = - TokenColorRole.onSurface; + /// md.comp.filled-select.text-field.input-text.color + static const TokenColorRole textFieldInputTextColor = TokenColorRole.onSurface; /// md.comp.filled-select.text-field.input-text.font static const String textFieldInputTextFont = 'Roboto'; - /// md.comp.filled-select.text-field.label-text.font - static const String textFieldLabelTextFont = 'Roboto'; + /// md.comp.filled-select.text-field.input-text.type + static const String textFieldInputTextTypeFontFamily = 'Roboto'; /// md.comp.filled-select.text-field.input-text.type static const double textFieldInputTextTypeFontSize = 16.00; @@ -324,54 +268,63 @@ class TokenFilledSelect { /// md.comp.filled-select.text-field.input-text.type static const double textFieldInputTextTypeFontWeight = 400; - /// md.comp.filled-select.text-field.input-text.type - static const double textFieldInputTextTypeLineHeight = 24.00; - /// md.comp.filled-select.text-field.input-text.type static const double textFieldInputTextTypeLetterSpacing = 0.50; /// md.comp.filled-select.text-field.input-text.type - static const String textFieldInputTextTypeFontFamily = 'Roboto'; + static const double textFieldInputTextTypeLineHeight = 24.00; - /// md.comp.filled-select.text-field.error.hover.trailing-icon.color - static const TokenColorRole textFieldErrorHoverTrailingIconColor = - TokenColorRole.onErrorContainer; + /// md.comp.filled-select.text-field.label-text.color + static const TokenColorRole textFieldLabelTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.filled-select.text-field.disabled.label-text.opacity - static const double textFieldDisabledLabelTextOpacity = 0.38; + /// md.comp.filled-select.text-field.label-text.font + static const String textFieldLabelTextFont = 'Roboto'; - /// md.comp.filled-select.text-field.focus.leading-icon.color - static const TokenColorRole textFieldFocusLeadingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.filled-select.text-field.label-text.type + static const String textFieldLabelTextTypeFontFamily = 'Roboto'; - /// md.comp.filled-select.text-field.disabled.active-indicator.height - static const double textFieldDisabledActiveIndicatorHeight = 1.00; + /// md.comp.filled-select.text-field.label-text.type + static const double textFieldLabelTextTypeFontSize = 16.00; - /// md.comp.filled-select.text-field.hover.label-text.color - static const TokenColorRole textFieldHoverLabelTextColor = - TokenColorRole.onSurface; + /// md.comp.filled-select.text-field.label-text.type + static const double textFieldLabelTextTypeFontWeight = 400; - /// md.comp.filled-select.text-field.error.focus.leading-icon.color - static const TokenColorRole textFieldErrorFocusLeadingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.filled-select.text-field.label-text.type + static const double textFieldLabelTextTypeLetterSpacing = 0.50; - /// md.comp.filled-select.text-field.disabled.active-indicator.color - static const TokenColorRole textFieldDisabledActiveIndicatorColor = - TokenColorRole.onSurface; + /// md.comp.filled-select.text-field.label-text.type + static const double textFieldLabelTextTypeLineHeight = 24.00; - /// md.comp.filled-select.text-field.disabled.trailing-icon.opacity - static const double textFieldDisabledTrailingIconOpacity = 0.38; + /// md.comp.filled-select.text-field.leading-icon.color + static const TokenColorRole textFieldLeadingIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.filled-select.text-field.disabled.active-indicator.opacity - static const double textFieldDisabledActiveIndicatorOpacity = 0.38; + /// md.comp.filled-select.text-field.leading-icon.size + static const double textFieldLeadingIconSize = 24.00; + + /// md.comp.filled-select.text-field.supporting-text.color + static const TokenColorRole textFieldSupportingTextColor = TokenColorRole.onSurfaceVariant; /// md.comp.filled-select.text-field.supporting-text.font static const String textFieldSupportingTextFont = 'Roboto'; - /// md.comp.filled-select.text-field.error.hover.state-layer.opacity - static const double textFieldErrorHoverStateLayerOpacity = 0.08; + /// md.comp.filled-select.text-field.supporting-text.type + static const String textFieldSupportingTextTypeFontFamily = 'Roboto'; - /// md.comp.filled-select.text-field.error.input-text.color - static const TokenColorRole textFieldErrorInputTextColor = - TokenColorRole.onSurface; + /// md.comp.filled-select.text-field.supporting-text.type + static const double textFieldSupportingTextTypeFontSize = 12.00; + + /// md.comp.filled-select.text-field.supporting-text.type + static const double textFieldSupportingTextTypeFontWeight = 400; + + /// md.comp.filled-select.text-field.supporting-text.type + static const double textFieldSupportingTextTypeLetterSpacing = 0.40; + + /// md.comp.filled-select.text-field.supporting-text.type + static const double textFieldSupportingTextTypeLineHeight = 16.00; + + /// md.comp.filled-select.text-field.trailing-icon.color + static const TokenColorRole textFieldTrailingIconColor = TokenColorRole.onSurfaceVariant; + + /// md.comp.filled-select.text-field.trailing-icon.size + static const double textFieldTrailingIconSize = 24.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/filled_text_field.dart b/packages/material_ui/tool/gen_defaults/data/filled_text_field.dart index c7d288753b07..e23956065d29 100644 --- a/packages/material_ui/tool/gen_defaults/data/filled_text_field.dart +++ b/packages/material_ui/tool/gen_defaults/data/filled_text_field.dart @@ -8,301 +8,267 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenFilledTextField { - /// md.comp.filled-text-field.error.trailing-icon.color - static const TokenColorRole errorTrailingIconColor = TokenColorRole.error; - - /// md.comp.filled-text-field.trailing-icon.color - static const TokenColorRole trailingIconColor = - TokenColorRole.onSurfaceVariant; - - /// md.comp.filled-text-field.supporting-text.font - static const String supportingTextFont = 'Roboto'; + /// md.comp.filled-text-field.active-indicator.color + static const TokenColorRole activeIndicatorColor = TokenColorRole.onSurfaceVariant; - /// md.comp.filled-text-field.error.active-indicator.color - static const TokenColorRole errorActiveIndicatorColor = TokenColorRole.error; + /// md.comp.filled-text-field.active-indicator.height + static const double activeIndicatorHeight = 1.00; - /// md.comp.filled-text-field.disabled.active-indicator.opacity - static const double disabledActiveIndicatorOpacity = 0.38; + /// md.comp.filled-text-field.caret.color + static const TokenColorRole caretColor = TokenColorRole.primary; - /// md.comp.filled-text-field.supporting-text.type - static const double supportingTextTypeFontSize = 12.00; + /// md.comp.filled-text-field.container.color + static const TokenColorRole containerColor = TokenColorRole.surfaceContainerHighest; - /// md.comp.filled-text-field.supporting-text.type - static const double supportingTextTypeFontWeight = 400; + /// md.comp.filled-text-field.container.shape + static const ShapeStruct containerShape = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 4.00, + topRight: 4.00, + bottomLeft: 0.00, + bottomRight: 0.00, + ); - /// md.comp.filled-text-field.supporting-text.type - static const double supportingTextTypeLineHeight = 16.00; + /// md.comp.filled-text-field.disabled.active-indicator.color + static const TokenColorRole disabledActiveIndicatorColor = TokenColorRole.onSurface; - /// md.comp.filled-text-field.supporting-text.type - static const double supportingTextTypeLetterSpacing = 0.40; + /// md.comp.filled-text-field.disabled.active-indicator.height + static const double disabledActiveIndicatorHeight = 1.00; - /// md.comp.filled-text-field.supporting-text.type - static const String supportingTextTypeFontFamily = 'Roboto'; + /// md.comp.filled-text-field.disabled.active-indicator.opacity + static const double disabledActiveIndicatorOpacity = 0.38; - /// md.comp.filled-text-field.error.hover.state-layer.color - static const TokenColorRole errorHoverStateLayerColor = - TokenColorRole.onSurface; + /// md.comp.filled-text-field.disabled.container.color + static const TokenColorRole disabledContainerColor = TokenColorRole.onSurface; - /// md.comp.filled-text-field.hover.label-text.color - static const TokenColorRole hoverLabelTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.filled-text-field.disabled.container.opacity + static const double disabledContainerOpacity = 0.04; - /// md.comp.filled-text-field.active-indicator.height - static const double activeIndicatorHeight = 1.00; + /// md.comp.filled-text-field.disabled.input-text.color + static const TokenColorRole disabledInputTextColor = TokenColorRole.onSurface; - /// md.comp.filled-text-field.disabled.label-text.opacity - static const double disabledLabelTextOpacity = 0.38; + /// md.comp.filled-text-field.disabled.input-text.opacity + static const double disabledInputTextOpacity = 0.38; /// md.comp.filled-text-field.disabled.label-text.color static const TokenColorRole disabledLabelTextColor = TokenColorRole.onSurface; - /// md.comp.filled-text-field.error.input-text.color - static const TokenColorRole errorInputTextColor = TokenColorRole.onSurface; + /// md.comp.filled-text-field.disabled.label-text.opacity + static const double disabledLabelTextOpacity = 0.38; - /// md.comp.filled-text-field.error.hover.supporting-text.color - static const TokenColorRole errorHoverSupportingTextColor = - TokenColorRole.error; + /// md.comp.filled-text-field.disabled.leading-icon.color + static const TokenColorRole disabledLeadingIconColor = TokenColorRole.onSurface; - /// md.comp.filled-text-field.hover.supporting-text.color - static const TokenColorRole hoverSupportingTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.filled-text-field.disabled.leading-icon.opacity + static const double disabledLeadingIconOpacity = 0.38; - /// md.comp.filled-text-field.error.focus.supporting-text.color - static const TokenColorRole errorFocusSupportingTextColor = - TokenColorRole.error; + /// md.comp.filled-text-field.disabled.supporting-text.color + static const TokenColorRole disabledSupportingTextColor = TokenColorRole.onSurface; - /// md.comp.filled-text-field.disabled.input-text.opacity - static const double disabledInputTextOpacity = 0.38; + /// md.comp.filled-text-field.disabled.supporting-text.opacity + static const double disabledSupportingTextOpacity = 0.38; - /// md.comp.filled-text-field.hover.trailing-icon.color - static const TokenColorRole hoverTrailingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.filled-text-field.disabled.trailing-icon.color + static const TokenColorRole disabledTrailingIconColor = TokenColorRole.onSurface; - /// md.comp.filled-text-field.error.leading-icon.color - static const TokenColorRole errorLeadingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.filled-text-field.disabled.trailing-icon.opacity + static const double disabledTrailingIconOpacity = 0.38; - /// md.comp.filled-text-field.focus.label-text.color - static const TokenColorRole focusLabelTextColor = TokenColorRole.primary; + /// md.comp.filled-text-field.error.active-indicator.color + static const TokenColorRole errorActiveIndicatorColor = TokenColorRole.error; - /// md.comp.filled-text-field.hover.state-layer.color - static const TokenColorRole hoverStateLayerColor = TokenColorRole.onSurface; + /// md.comp.filled-text-field.error.focus.active-indicator.color + static const TokenColorRole errorFocusActiveIndicatorColor = TokenColorRole.error; - /// md.comp.filled-text-field.focus.active-indicator.thickness - static const double focusActiveIndicatorThickness = 3.00; + /// md.comp.filled-text-field.error.focus.caret.color + static const TokenColorRole errorFocusCaretColor = TokenColorRole.error; - /// md.comp.filled-text-field.hover.active-indicator.color - static const TokenColorRole hoverActiveIndicatorColor = - TokenColorRole.onSurface; + /// md.comp.filled-text-field.error.focus.input-text.color + static const TokenColorRole errorFocusInputTextColor = TokenColorRole.onSurface; - /// md.comp.filled-text-field.error.hover.state-layer.opacity - static const double errorHoverStateLayerOpacity = 0.08; + /// md.comp.filled-text-field.error.focus.label-text.color + static const TokenColorRole errorFocusLabelTextColor = TokenColorRole.error; - /// md.comp.filled-text-field.error.hover.leading-icon.color - static const TokenColorRole errorHoverLeadingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.filled-text-field.error.focus.leading-icon.color + static const TokenColorRole errorFocusLeadingIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.filled-text-field.disabled.trailing-icon.opacity - static const double disabledTrailingIconOpacity = 0.38; + /// md.comp.filled-text-field.error.focus.supporting-text.color + static const TokenColorRole errorFocusSupportingTextColor = TokenColorRole.error; - /// md.comp.filled-text-field.error.focus.leading-icon.color - static const TokenColorRole errorFocusLeadingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.filled-text-field.error.focus.trailing-icon.color + static const TokenColorRole errorFocusTrailingIconColor = TokenColorRole.error; - /// md.comp.filled-text-field.focus.active-indicator.height - static const double focusActiveIndicatorHeight = 2.00; + /// md.comp.filled-text-field.error.hover.active-indicator.color + static const TokenColorRole errorHoverActiveIndicatorColor = TokenColorRole.onErrorContainer; - /// md.comp.filled-text-field.error.focus.caret.color - static const TokenColorRole errorFocusCaretColor = TokenColorRole.error; + /// md.comp.filled-text-field.error.hover.input-text.color + static const TokenColorRole errorHoverInputTextColor = TokenColorRole.onSurface; - /// md.comp.filled-text-field.label-text.type - static const double labelTextTypeFontSize = 16.00; + /// md.comp.filled-text-field.error.hover.label-text.color + static const TokenColorRole errorHoverLabelTextColor = TokenColorRole.onErrorContainer; - /// md.comp.filled-text-field.label-text.type - static const double labelTextTypeFontWeight = 400; + /// md.comp.filled-text-field.error.hover.leading-icon.color + static const TokenColorRole errorHoverLeadingIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.filled-text-field.label-text.type - static const double labelTextTypeLineHeight = 24.00; + /// md.comp.filled-text-field.error.hover.state-layer.color + static const TokenColorRole errorHoverStateLayerColor = TokenColorRole.onSurface; - /// md.comp.filled-text-field.label-text.type - static const double labelTextTypeLetterSpacing = 0.50; + /// md.comp.filled-text-field.error.hover.state-layer.opacity + static const double errorHoverStateLayerOpacity = 0.08; - /// md.comp.filled-text-field.label-text.type - static const String labelTextTypeFontFamily = 'Roboto'; + /// md.comp.filled-text-field.error.hover.supporting-text.color + static const TokenColorRole errorHoverSupportingTextColor = TokenColorRole.error; - /// md.comp.filled-text-field.disabled.container.color - static const TokenColorRole disabledContainerColor = TokenColorRole.onSurface; + /// md.comp.filled-text-field.error.hover.trailing-icon.color + static const TokenColorRole errorHoverTrailingIconColor = TokenColorRole.onErrorContainer; - /// md.comp.filled-text-field.focus.supporting-text.color - static const TokenColorRole focusSupportingTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.filled-text-field.error.input-text.color + static const TokenColorRole errorInputTextColor = TokenColorRole.onSurface; - /// md.comp.filled-text-field.disabled.supporting-text.color - static const TokenColorRole disabledSupportingTextColor = - TokenColorRole.onSurface; + /// md.comp.filled-text-field.error.label-text.color + static const TokenColorRole errorLabelTextColor = TokenColorRole.error; - /// md.comp.filled-text-field.container.shape - static const ShapeStruct containerShape = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 4.00, - topRight: 4.00, - bottomLeft: 0.00, - bottomRight: 0.00, - ); + /// md.comp.filled-text-field.error.leading-icon.color + static const TokenColorRole errorLeadingIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.filled-text-field.focus.trailing-icon.color - static const TokenColorRole focusTrailingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.filled-text-field.error.supporting-text.color + static const TokenColorRole errorSupportingTextColor = TokenColorRole.error; - /// md.comp.filled-text-field.disabled.container.opacity - static const double disabledContainerOpacity = 0.04; + /// md.comp.filled-text-field.error.trailing-icon.color + static const TokenColorRole errorTrailingIconColor = TokenColorRole.error; /// md.comp.filled-text-field.focus.active-indicator.color - static const TokenColorRole focusActiveIndicatorColor = - TokenColorRole.primary; + static const TokenColorRole focusActiveIndicatorColor = TokenColorRole.primary; - /// md.comp.filled-text-field.active-indicator.color - static const TokenColorRole activeIndicatorColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.filled-text-field.focus.active-indicator.height + static const double focusActiveIndicatorHeight = 2.00; + + /// md.comp.filled-text-field.focus.active-indicator.thickness + static const double focusActiveIndicatorThickness = 3.00; /// md.comp.filled-text-field.focus.input-text.color static const TokenColorRole focusInputTextColor = TokenColorRole.onSurface; - /// md.comp.filled-text-field.trailing-icon.size - static const double trailingIconSize = 24.00; + /// md.comp.filled-text-field.focus.label-text.color + static const TokenColorRole focusLabelTextColor = TokenColorRole.primary; - /// md.comp.filled-text-field.leading-icon.size - static const double leadingIconSize = 24.00; + /// md.comp.filled-text-field.focus.leading-icon.color + static const TokenColorRole focusLeadingIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.filled-text-field.error.hover.trailing-icon.color - static const TokenColorRole errorHoverTrailingIconColor = - TokenColorRole.onErrorContainer; + /// md.comp.filled-text-field.focus.supporting-text.color + static const TokenColorRole focusSupportingTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.filled-text-field.input-text.placeholder.color - static const TokenColorRole inputTextPlaceholderColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.filled-text-field.focus.trailing-icon.color + static const TokenColorRole focusTrailingIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.filled-text-field.label-text.font - static const String labelTextFont = 'Roboto'; + /// md.comp.filled-text-field.hover.active-indicator.color + static const TokenColorRole hoverActiveIndicatorColor = TokenColorRole.onSurface; + + /// md.comp.filled-text-field.hover.active-indicator.height + static const double hoverActiveIndicatorHeight = 1.00; /// md.comp.filled-text-field.hover.input-text.color static const TokenColorRole hoverInputTextColor = TokenColorRole.onSurface; + /// md.comp.filled-text-field.hover.label-text.color + static const TokenColorRole hoverLabelTextColor = TokenColorRole.onSurfaceVariant; + + /// md.comp.filled-text-field.hover.leading-icon.color + static const TokenColorRole hoverLeadingIconColor = TokenColorRole.onSurfaceVariant; + + /// md.comp.filled-text-field.hover.state-layer.color + static const TokenColorRole hoverStateLayerColor = TokenColorRole.onSurface; + + /// md.comp.filled-text-field.hover.state-layer.opacity + static const double hoverStateLayerOpacity = 0.08; + + /// md.comp.filled-text-field.hover.supporting-text.color + static const TokenColorRole hoverSupportingTextColor = TokenColorRole.onSurfaceVariant; + + /// md.comp.filled-text-field.hover.trailing-icon.color + static const TokenColorRole hoverTrailingIconColor = TokenColorRole.onSurfaceVariant; + /// md.comp.filled-text-field.input-text.color static const TokenColorRole inputTextColor = TokenColorRole.onSurface; - /// md.comp.filled-text-field.container.color - static const TokenColorRole containerColor = - TokenColorRole.surfaceContainerHighest; + /// md.comp.filled-text-field.input-text.font + static const String inputTextFont = 'Roboto'; - /// md.comp.filled-text-field.error.focus.input-text.color - static const TokenColorRole errorFocusInputTextColor = - TokenColorRole.onSurface; + /// md.comp.filled-text-field.input-text.placeholder.color + static const TokenColorRole inputTextPlaceholderColor = TokenColorRole.onSurfaceVariant; + + /// md.comp.filled-text-field.input-text.prefix.color + static const TokenColorRole inputTextPrefixColor = TokenColorRole.onSurfaceVariant; + + /// md.comp.filled-text-field.input-text.suffix.color + static const TokenColorRole inputTextSuffixColor = TokenColorRole.onSurfaceVariant; /// md.comp.filled-text-field.input-text.type - static const double inputTextTypeFontSize = 16.00; + static const String inputTextTypeFontFamily = 'Roboto'; /// md.comp.filled-text-field.input-text.type - static const double inputTextTypeFontWeight = 400; + static const double inputTextTypeFontSize = 16.00; /// md.comp.filled-text-field.input-text.type - static const double inputTextTypeLineHeight = 24.00; + static const double inputTextTypeFontWeight = 400; /// md.comp.filled-text-field.input-text.type static const double inputTextTypeLetterSpacing = 0.50; /// md.comp.filled-text-field.input-text.type - static const String inputTextTypeFontFamily = 'Roboto'; - - /// md.comp.filled-text-field.error.hover.input-text.color - static const TokenColorRole errorHoverInputTextColor = - TokenColorRole.onSurface; - - /// md.comp.filled-text-field.hover.active-indicator.height - static const double hoverActiveIndicatorHeight = 1.00; - - /// md.comp.filled-text-field.disabled.supporting-text.opacity - static const double disabledSupportingTextOpacity = 0.38; - - /// md.comp.filled-text-field.error.hover.active-indicator.color - static const TokenColorRole errorHoverActiveIndicatorColor = - TokenColorRole.onErrorContainer; - - /// md.comp.filled-text-field.disabled.active-indicator.height - static const double disabledActiveIndicatorHeight = 1.00; - - /// md.comp.filled-text-field.error.focus.label-text.color - static const TokenColorRole errorFocusLabelTextColor = TokenColorRole.error; - - /// md.comp.filled-text-field.disabled.input-text.color - static const TokenColorRole disabledInputTextColor = TokenColorRole.onSurface; + static const double inputTextTypeLineHeight = 24.00; /// md.comp.filled-text-field.label-text.color static const TokenColorRole labelTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.filled-text-field.disabled.trailing-icon.color - static const TokenColorRole disabledTrailingIconColor = - TokenColorRole.onSurface; - - /// md.comp.filled-text-field.disabled.active-indicator.color - static const TokenColorRole disabledActiveIndicatorColor = - TokenColorRole.onSurface; + /// md.comp.filled-text-field.label-text.font + static const String labelTextFont = 'Roboto'; - /// md.comp.filled-text-field.hover.leading-icon.color - static const TokenColorRole hoverLeadingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.filled-text-field.label-text.type + static const String labelTextTypeFontFamily = 'Roboto'; - /// md.comp.filled-text-field.hover.state-layer.opacity - static const double hoverStateLayerOpacity = 0.08; + /// md.comp.filled-text-field.label-text.type + static const double labelTextTypeFontSize = 16.00; - /// md.comp.filled-text-field.error.hover.label-text.color - static const TokenColorRole errorHoverLabelTextColor = - TokenColorRole.onErrorContainer; + /// md.comp.filled-text-field.label-text.type + static const double labelTextTypeFontWeight = 400; - /// md.comp.filled-text-field.leading-icon.color - static const TokenColorRole leadingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.filled-text-field.label-text.type + static const double labelTextTypeLetterSpacing = 0.50; - /// md.comp.filled-text-field.input-text.prefix.color - static const TokenColorRole inputTextPrefixColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.filled-text-field.label-text.type + static const double labelTextTypeLineHeight = 24.00; - /// md.comp.filled-text-field.input-text.suffix.color - static const TokenColorRole inputTextSuffixColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.filled-text-field.leading-icon.color + static const TokenColorRole leadingIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.filled-text-field.error.focus.trailing-icon.color - static const TokenColorRole errorFocusTrailingIconColor = - TokenColorRole.error; + /// md.comp.filled-text-field.leading-icon.size + static const double leadingIconSize = 24.00; - /// md.comp.filled-text-field.error.supporting-text.color - static const TokenColorRole errorSupportingTextColor = TokenColorRole.error; + /// md.comp.filled-text-field.supporting-text.color + static const TokenColorRole supportingTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.filled-text-field.error.focus.active-indicator.color - static const TokenColorRole errorFocusActiveIndicatorColor = - TokenColorRole.error; + /// md.comp.filled-text-field.supporting-text.font + static const String supportingTextFont = 'Roboto'; - /// md.comp.filled-text-field.error.label-text.color - static const TokenColorRole errorLabelTextColor = TokenColorRole.error; + /// md.comp.filled-text-field.supporting-text.type + static const String supportingTextTypeFontFamily = 'Roboto'; - /// md.comp.filled-text-field.disabled.leading-icon.opacity - static const double disabledLeadingIconOpacity = 0.38; + /// md.comp.filled-text-field.supporting-text.type + static const double supportingTextTypeFontSize = 12.00; - /// md.comp.filled-text-field.disabled.leading-icon.color - static const TokenColorRole disabledLeadingIconColor = - TokenColorRole.onSurface; + /// md.comp.filled-text-field.supporting-text.type + static const double supportingTextTypeFontWeight = 400; - /// md.comp.filled-text-field.supporting-text.color - static const TokenColorRole supportingTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.filled-text-field.supporting-text.type + static const double supportingTextTypeLetterSpacing = 0.40; - /// md.comp.filled-text-field.focus.leading-icon.color - static const TokenColorRole focusLeadingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.filled-text-field.supporting-text.type + static const double supportingTextTypeLineHeight = 16.00; - /// md.comp.filled-text-field.input-text.font - static const String inputTextFont = 'Roboto'; + /// md.comp.filled-text-field.trailing-icon.color + static const TokenColorRole trailingIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.filled-text-field.caret.color - static const TokenColorRole caretColor = TokenColorRole.primary; + /// md.comp.filled-text-field.trailing-icon.size + static const double trailingIconSize = 24.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/filter_chip.dart b/packages/material_ui/tool/gen_defaults/data/filter_chip.dart index 7791242284e5..53f674af7cee 100644 --- a/packages/material_ui/tool/gen_defaults/data/filter_chip.dart +++ b/packages/material_ui/tool/gen_defaults/data/filter_chip.dart @@ -8,333 +8,302 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenFilterChip { - /// md.comp.filter-chip.elevated.container.shadow-color - static const TokenColorRole elevatedContainerShadowColor = - TokenColorRole.shadow; + /// md.comp.filter-chip.container.height + static const double containerHeight = 32.00; - /// md.comp.filter-chip.flat.disabled.unselected.outline.opacity - static const double flatDisabledUnselectedOutlineOpacity = 0.12; + /// md.comp.filter-chip.container.shape + static const ShapeStruct containerShape = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 8.00, + topRight: 8.00, + bottomLeft: 8.00, + bottomRight: 8.00, + ); + + /// md.comp.filter-chip.disabled.label-text.color + static const TokenColorRole disabledLabelTextColor = TokenColorRole.onSurface; /// md.comp.filter-chip.disabled.label-text.opacity static const double disabledLabelTextOpacity = 0.38; - /// md.comp.filter-chip.flat.selected.container.color - static const TokenColorRole flatSelectedContainerColor = - TokenColorRole.secondaryContainer; + /// md.comp.filter-chip.dragged.container.elevation + static const double draggedContainerElevation = 8.00; - /// md.comp.filter-chip.focus.indicator.color - static const TokenColorRole focusIndicatorColor = TokenColorRole.secondary; + /// md.comp.filter-chip.elevated.container.elevation + static const double elevatedContainerElevation = 1.00; - /// md.comp.filter-chip.unselected.focus.state-layer.opacity - static const double unselectedFocusStateLayerOpacity = 0.10; + /// md.comp.filter-chip.elevated.container.shadow-color + static const TokenColorRole elevatedContainerShadowColor = TokenColorRole.shadow; - /// md.comp.filter-chip.with-leading-icon.selected.pressed.leading-icon.color - static const TokenColorRole withLeadingIconSelectedPressedLeadingIconColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.filter-chip.elevated.disabled.container.color + static const TokenColorRole elevatedDisabledContainerColor = TokenColorRole.onSurface; - /// md.comp.filter-chip.unselected.label-text.color - static const TokenColorRole unselectedLabelTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.filter-chip.elevated.disabled.container.elevation + static const double elevatedDisabledContainerElevation = 0.00; - /// md.comp.filter-chip.with-trailing-icon.selected.pressed.trailing-icon.color - static const TokenColorRole withTrailingIconSelectedPressedTrailingIconColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.filter-chip.elevated.disabled.container.opacity + static const double elevatedDisabledContainerOpacity = 0.12; - /// md.comp.filter-chip.with-leading-icon.unselected.leading-icon.color - static const TokenColorRole withLeadingIconUnselectedLeadingIconColor = - TokenColorRole.primary; + /// md.comp.filter-chip.elevated.focus.container.elevation + static const double elevatedFocusContainerElevation = 1.00; - /// md.comp.filter-chip.selected.dragged.state-layer.color - static const TokenColorRole selectedDraggedStateLayerColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.filter-chip.elevated.hover.container.elevation + static const double elevatedHoverContainerElevation = 3.00; - /// md.comp.filter-chip.selected.hover.state-layer.opacity - static const double selectedHoverStateLayerOpacity = 0.08; + /// md.comp.filter-chip.elevated.pressed.container.elevation + static const double elevatedPressedContainerElevation = 1.00; - /// md.comp.filter-chip.with-leading-icon.unselected.hover.leading-icon.color - static const TokenColorRole withLeadingIconUnselectedHoverLeadingIconColor = - TokenColorRole.primary; + /// md.comp.filter-chip.elevated.selected.container.color + static const TokenColorRole elevatedSelectedContainerColor = TokenColorRole.secondaryContainer; - /// md.comp.filter-chip.with-trailing-icon.disabled.trailing-icon.color - static const TokenColorRole withTrailingIconDisabledTrailingIconColor = - TokenColorRole.onSurface; + /// md.comp.filter-chip.elevated.unselected.container.color + static const TokenColorRole elevatedUnselectedContainerColor = TokenColorRole.surfaceContainerLow; - /// md.comp.filter-chip.with-icon.icon.size - static const double withIconIconSize = 18.00; + /// md.comp.filter-chip.flat.container.elevation + static const double flatContainerElevation = 0.00; - /// md.comp.filter-chip.flat.unselected.focus.outline.color - static const TokenColorRole flatUnselectedFocusOutlineColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.filter-chip.flat.disabled.selected.container.color + static const TokenColorRole flatDisabledSelectedContainerColor = TokenColorRole.onSurface; - /// md.comp.filter-chip.flat.unselected.hover.container.elevation - static const double flatUnselectedHoverContainerElevation = 0.00; + /// md.comp.filter-chip.flat.disabled.selected.container.opacity + static const double flatDisabledSelectedContainerOpacity = 0.12; - /// md.comp.filter-chip.unselected.pressed.label-text.color - static const TokenColorRole unselectedPressedLabelTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.filter-chip.flat.disabled.unselected.outline.color + static const TokenColorRole flatDisabledUnselectedOutlineColor = TokenColorRole.onSurface; - /// md.comp.filter-chip.with-trailing-icon.selected.trailing-icon.color - static const TokenColorRole withTrailingIconSelectedTrailingIconColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.filter-chip.flat.disabled.unselected.outline.opacity + static const double flatDisabledUnselectedOutlineOpacity = 0.12; - /// md.comp.filter-chip.unselected.dragged.label-text.color - static const TokenColorRole unselectedDraggedLabelTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.filter-chip.flat.selected.container.color + static const TokenColorRole flatSelectedContainerColor = TokenColorRole.secondaryContainer; - /// md.comp.filter-chip.with-trailing-icon.unselected.hover.trailing-icon.color - static const TokenColorRole withTrailingIconUnselectedHoverTrailingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.filter-chip.flat.selected.focus.container.elevation + static const double flatSelectedFocusContainerElevation = 0.00; - /// md.comp.filter-chip.unselected.pressed.state-layer.opacity - static const double unselectedPressedStateLayerOpacity = 0.10; + /// md.comp.filter-chip.flat.selected.hover.container.elevation + static const double flatSelectedHoverContainerElevation = 1.00; - /// md.comp.filter-chip.focus.indicator.thickness - static const double focusIndicatorThickness = 3.00; + /// md.comp.filter-chip.flat.selected.outline.width + static const double flatSelectedOutlineWidth = 0.00; /// md.comp.filter-chip.flat.selected.pressed.container.elevation static const double flatSelectedPressedContainerElevation = 0.00; - /// md.comp.filter-chip.flat.container.elevation - static const double flatContainerElevation = 0.00; + /// md.comp.filter-chip.flat.unselected.focus.container.elevation + static const double flatUnselectedFocusContainerElevation = 0.00; - /// md.comp.filter-chip.selected.hover.state-layer.color - static const TokenColorRole selectedHoverStateLayerColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.filter-chip.flat.unselected.focus.outline.color + static const TokenColorRole flatUnselectedFocusOutlineColor = TokenColorRole.onSurfaceVariant; + + /// md.comp.filter-chip.flat.unselected.hover.container.elevation + static const double flatUnselectedHoverContainerElevation = 0.00; + + /// md.comp.filter-chip.flat.unselected.outline.color + static const TokenColorRole flatUnselectedOutlineColor = TokenColorRole.outlineVariant; /// md.comp.filter-chip.flat.unselected.outline.width static const double flatUnselectedOutlineWidth = 1.00; - /// md.comp.filter-chip.with-leading-icon.disabled.leading-icon.opacity - static const double withLeadingIconDisabledLeadingIconOpacity = 0.38; + /// md.comp.filter-chip.flat.unselected.pressed.container.elevation + static const double flatUnselectedPressedContainerElevation = 0.00; - /// md.comp.filter-chip.flat.selected.hover.container.elevation - static const double flatSelectedHoverContainerElevation = 1.00; + /// md.comp.filter-chip.focus.indicator.color + static const TokenColorRole focusIndicatorColor = TokenColorRole.secondary; - /// md.comp.filter-chip.unselected.hover.state-layer.color - static const TokenColorRole unselectedHoverStateLayerColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.filter-chip.focus.indicator.outline.offset + static const double focusIndicatorOutlineOffset = 2.00; + + /// md.comp.filter-chip.focus.indicator.thickness + static const double focusIndicatorThickness = 3.00; /// md.comp.filter-chip.label-text.font static const String labelTextFont = 'Roboto'; /// md.comp.filter-chip.label-text.type - static const double labelTextTypeFontSize = 14.00; + static const String labelTextTypeFontFamily = 'Roboto'; /// md.comp.filter-chip.label-text.type - static const double labelTextTypeFontWeight = 500; + static const double labelTextTypeFontSize = 14.00; /// md.comp.filter-chip.label-text.type - static const double labelTextTypeLineHeight = 20.00; + static const double labelTextTypeFontWeight = 500; /// md.comp.filter-chip.label-text.type static const double labelTextTypeLetterSpacing = 0.10; /// md.comp.filter-chip.label-text.type - static const String labelTextTypeFontFamily = 'Roboto'; - - /// md.comp.filter-chip.dragged.container.elevation - static const double draggedContainerElevation = 8.00; - - /// md.comp.filter-chip.with-trailing-icon.selected.hover.trailing-icon.color - static const TokenColorRole withTrailingIconSelectedHoverTrailingIconColor = - TokenColorRole.onSecondaryContainer; + static const double labelTextTypeLineHeight = 20.00; - /// md.comp.filter-chip.selected.pressed.state-layer.opacity - static const double selectedPressedStateLayerOpacity = 0.10; + /// md.comp.filter-chip.selected.dragged.label-text.color + static const TokenColorRole selectedDraggedLabelTextColor = TokenColorRole.onSecondaryContainer; - /// md.comp.filter-chip.unselected.hover.state-layer.opacity - static const double unselectedHoverStateLayerOpacity = 0.08; + /// md.comp.filter-chip.selected.dragged.state-layer.color + static const TokenColorRole selectedDraggedStateLayerColor = TokenColorRole.onSecondaryContainer; - /// md.comp.filter-chip.flat.unselected.focus.container.elevation - static const double flatUnselectedFocusContainerElevation = 0.00; + /// md.comp.filter-chip.selected.dragged.state-layer.opacity + static const double selectedDraggedStateLayerOpacity = 0.16; - /// md.comp.filter-chip.focus.indicator.outline.offset - static const double focusIndicatorOutlineOffset = 2.00; + /// md.comp.filter-chip.selected.focus.label-text.color + static const TokenColorRole selectedFocusLabelTextColor = TokenColorRole.onSecondaryContainer; - /// md.comp.filter-chip.with-leading-icon.selected.focus.leading-icon.color - static const TokenColorRole withLeadingIconSelectedFocusLeadingIconColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.filter-chip.selected.focus.state-layer.color + static const TokenColorRole selectedFocusStateLayerColor = TokenColorRole.onSecondaryContainer; - /// md.comp.filter-chip.selected.focus.label-text.color - static const TokenColorRole selectedFocusLabelTextColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.filter-chip.selected.focus.state-layer.opacity + static const double selectedFocusStateLayerOpacity = 0.10; - /// md.comp.filter-chip.elevated.focus.container.elevation - static const double elevatedFocusContainerElevation = 1.00; + /// md.comp.filter-chip.selected.hover.label-text.color + static const TokenColorRole selectedHoverLabelTextColor = TokenColorRole.onSecondaryContainer; - /// md.comp.filter-chip.flat.disabled.selected.container.color - static const TokenColorRole flatDisabledSelectedContainerColor = - TokenColorRole.onSurface; + /// md.comp.filter-chip.selected.hover.state-layer.color + static const TokenColorRole selectedHoverStateLayerColor = TokenColorRole.onSecondaryContainer; - /// md.comp.filter-chip.elevated.unselected.container.color - static const TokenColorRole elevatedUnselectedContainerColor = - TokenColorRole.surfaceContainerLow; + /// md.comp.filter-chip.selected.hover.state-layer.opacity + static const double selectedHoverStateLayerOpacity = 0.08; /// md.comp.filter-chip.selected.label-text.color - static const TokenColorRole selectedLabelTextColor = - TokenColorRole.onSecondaryContainer; + static const TokenColorRole selectedLabelTextColor = TokenColorRole.onSecondaryContainer; - /// md.comp.filter-chip.flat.disabled.unselected.outline.color - static const TokenColorRole flatDisabledUnselectedOutlineColor = - TokenColorRole.onSurface; + /// md.comp.filter-chip.selected.pressed.label-text.color + static const TokenColorRole selectedPressedLabelTextColor = TokenColorRole.onSecondaryContainer; - /// md.comp.filter-chip.with-trailing-icon.unselected.focus.trailing-icon.color - static const TokenColorRole withTrailingIconUnselectedFocusTrailingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.filter-chip.selected.pressed.state-layer.color + static const TokenColorRole selectedPressedStateLayerColor = TokenColorRole.onSurfaceVariant; - /// md.comp.filter-chip.with-trailing-icon.unselected.dragged.trailing-icon.color - static const TokenColorRole - withTrailingIconUnselectedDraggedTrailingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.filter-chip.selected.pressed.state-layer.opacity + static const double selectedPressedStateLayerOpacity = 0.10; - /// md.comp.filter-chip.elevated.disabled.container.opacity - static const double elevatedDisabledContainerOpacity = 0.12; + /// md.comp.filter-chip.unselected.dragged.label-text.color + static const TokenColorRole unselectedDraggedLabelTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.filter-chip.container.height - static const double containerHeight = 32.00; + /// md.comp.filter-chip.unselected.dragged.state-layer.color + static const TokenColorRole unselectedDraggedStateLayerColor = TokenColorRole.onSurfaceVariant; - /// md.comp.filter-chip.unselected.focus.label-text.color - static const TokenColorRole unselectedFocusLabelTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.filter-chip.unselected.dragged.state-layer.opacity + static const double unselectedDraggedStateLayerOpacity = 0.16; - /// md.comp.filter-chip.elevated.selected.container.color - static const TokenColorRole elevatedSelectedContainerColor = - TokenColorRole.secondaryContainer; + /// md.comp.filter-chip.unselected.focus.label-text.color + static const TokenColorRole unselectedFocusLabelTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.filter-chip.with-leading-icon.selected.hover.leading-icon.color - static const TokenColorRole withLeadingIconSelectedHoverLeadingIconColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.filter-chip.unselected.focus.state-layer.color + static const TokenColorRole unselectedFocusStateLayerColor = TokenColorRole.onSurfaceVariant; - /// md.comp.filter-chip.selected.pressed.label-text.color - static const TokenColorRole selectedPressedLabelTextColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.filter-chip.unselected.focus.state-layer.opacity + static const double unselectedFocusStateLayerOpacity = 0.10; - /// md.comp.filter-chip.with-leading-icon.disabled.leading-icon.color - static const TokenColorRole withLeadingIconDisabledLeadingIconColor = - TokenColorRole.onSurface; + /// md.comp.filter-chip.unselected.hover.label-text.color + static const TokenColorRole unselectedHoverLabelTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.filter-chip.selected.focus.state-layer.color - static const TokenColorRole selectedFocusStateLayerColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.filter-chip.unselected.hover.state-layer.color + static const TokenColorRole unselectedHoverStateLayerColor = TokenColorRole.onSurfaceVariant; - /// md.comp.filter-chip.container.shape - static const ShapeStruct containerShape = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 8.00, - topRight: 8.00, - bottomLeft: 8.00, - bottomRight: 8.00, - ); + /// md.comp.filter-chip.unselected.hover.state-layer.opacity + static const double unselectedHoverStateLayerOpacity = 0.08; - /// md.comp.filter-chip.with-leading-icon.unselected.pressed.leading-icon.color - static const TokenColorRole withLeadingIconUnselectedPressedLeadingIconColor = - TokenColorRole.primary; + /// md.comp.filter-chip.unselected.label-text.color + static const TokenColorRole unselectedLabelTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.filter-chip.with-trailing-icon.unselected.pressed.trailing-icon.color - static const TokenColorRole - withTrailingIconUnselectedPressedTrailingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.filter-chip.unselected.pressed.label-text.color + static const TokenColorRole unselectedPressedLabelTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.filter-chip.selected.dragged.label-text.color - static const TokenColorRole selectedDraggedLabelTextColor = + /// md.comp.filter-chip.unselected.pressed.state-layer.color + static const TokenColorRole unselectedPressedStateLayerColor = TokenColorRole.onSecondaryContainer; - /// md.comp.filter-chip.flat.selected.outline.width - static const double flatSelectedOutlineWidth = 0.00; + /// md.comp.filter-chip.unselected.pressed.state-layer.opacity + static const double unselectedPressedStateLayerOpacity = 0.10; - /// md.comp.filter-chip.selected.focus.state-layer.opacity - static const double selectedFocusStateLayerOpacity = 0.10; + /// md.comp.filter-chip.with-icon.icon.size + static const double withIconIconSize = 18.00; - /// md.comp.filter-chip.selected.pressed.state-layer.color - static const TokenColorRole selectedPressedStateLayerColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.filter-chip.with-leading-icon.disabled.leading-icon.color + static const TokenColorRole withLeadingIconDisabledLeadingIconColor = TokenColorRole.onSurface; + + /// md.comp.filter-chip.with-leading-icon.disabled.leading-icon.opacity + static const double withLeadingIconDisabledLeadingIconOpacity = 0.38; /// md.comp.filter-chip.with-leading-icon.selected.dragged.leading-icon.color static const TokenColorRole withLeadingIconSelectedDraggedLeadingIconColor = TokenColorRole.onSecondaryContainer; - /// md.comp.filter-chip.elevated.container.elevation - static const double elevatedContainerElevation = 1.00; - - /// md.comp.filter-chip.flat.disabled.selected.container.opacity - static const double flatDisabledSelectedContainerOpacity = 0.12; - - /// md.comp.filter-chip.elevated.disabled.container.elevation - static const double elevatedDisabledContainerElevation = 0.00; - - /// md.comp.filter-chip.flat.selected.focus.container.elevation - static const double flatSelectedFocusContainerElevation = 0.00; - - /// md.comp.filter-chip.unselected.dragged.state-layer.opacity - static const double unselectedDraggedStateLayerOpacity = 0.16; - - /// md.comp.filter-chip.unselected.hover.label-text.color - static const TokenColorRole unselectedHoverLabelTextColor = - TokenColorRole.onSurfaceVariant; - - /// md.comp.filter-chip.elevated.disabled.container.color - static const TokenColorRole elevatedDisabledContainerColor = - TokenColorRole.onSurface; - - /// md.comp.filter-chip.with-trailing-icon.disabled.trailing-icon.opacity - static const double withTrailingIconDisabledTrailingIconOpacity = 0.38; + /// md.comp.filter-chip.with-leading-icon.selected.focus.leading-icon.color + static const TokenColorRole withLeadingIconSelectedFocusLeadingIconColor = + TokenColorRole.onSecondaryContainer; - /// md.comp.filter-chip.selected.dragged.state-layer.opacity - static const double selectedDraggedStateLayerOpacity = 0.16; + /// md.comp.filter-chip.with-leading-icon.selected.hover.leading-icon.color + static const TokenColorRole withLeadingIconSelectedHoverLeadingIconColor = + TokenColorRole.onSecondaryContainer; /// md.comp.filter-chip.with-leading-icon.selected.leading-icon.color static const TokenColorRole withLeadingIconSelectedLeadingIconColor = TokenColorRole.onSecondaryContainer; - /// md.comp.filter-chip.disabled.label-text.color - static const TokenColorRole disabledLabelTextColor = TokenColorRole.onSurface; + /// md.comp.filter-chip.with-leading-icon.selected.pressed.leading-icon.color + static const TokenColorRole withLeadingIconSelectedPressedLeadingIconColor = + TokenColorRole.onSecondaryContainer; /// md.comp.filter-chip.with-leading-icon.unselected.dragged.leading-icon.color static const TokenColorRole withLeadingIconUnselectedDraggedLeadingIconColor = TokenColorRole.primary; - /// md.comp.filter-chip.elevated.hover.container.elevation - static const double elevatedHoverContainerElevation = 3.00; + /// md.comp.filter-chip.with-leading-icon.unselected.focus.leading-icon.color + static const TokenColorRole withLeadingIconUnselectedFocusLeadingIconColor = + TokenColorRole.primary; + + /// md.comp.filter-chip.with-leading-icon.unselected.hover.leading-icon.color + static const TokenColorRole withLeadingIconUnselectedHoverLeadingIconColor = + TokenColorRole.primary; + + /// md.comp.filter-chip.with-leading-icon.unselected.leading-icon.color + static const TokenColorRole withLeadingIconUnselectedLeadingIconColor = TokenColorRole.primary; + + /// md.comp.filter-chip.with-leading-icon.unselected.pressed.leading-icon.color + static const TokenColorRole withLeadingIconUnselectedPressedLeadingIconColor = + TokenColorRole.primary; + + /// md.comp.filter-chip.with-trailing-icon.disabled.trailing-icon.color + static const TokenColorRole withTrailingIconDisabledTrailingIconColor = TokenColorRole.onSurface; + + /// md.comp.filter-chip.with-trailing-icon.disabled.trailing-icon.opacity + static const double withTrailingIconDisabledTrailingIconOpacity = 0.38; + + /// md.comp.filter-chip.with-trailing-icon.selected.dragged.trailing-icon.color + static const TokenColorRole withTrailingIconSelectedDraggedTrailingIconColor = + TokenColorRole.onSecondaryContainer; /// md.comp.filter-chip.with-trailing-icon.selected.focus.trailing-icon.color static const TokenColorRole withTrailingIconSelectedFocusTrailingIconColor = TokenColorRole.onSecondaryContainer; - /// md.comp.filter-chip.selected.hover.label-text.color - static const TokenColorRole selectedHoverLabelTextColor = + /// md.comp.filter-chip.with-trailing-icon.selected.hover.trailing-icon.color + static const TokenColorRole withTrailingIconSelectedHoverTrailingIconColor = TokenColorRole.onSecondaryContainer; - /// md.comp.filter-chip.with-trailing-icon.selected.dragged.trailing-icon.color - static const TokenColorRole withTrailingIconSelectedDraggedTrailingIconColor = + /// md.comp.filter-chip.with-trailing-icon.selected.pressed.trailing-icon.color + static const TokenColorRole withTrailingIconSelectedPressedTrailingIconColor = TokenColorRole.onSecondaryContainer; - /// md.comp.filter-chip.unselected.pressed.state-layer.color - static const TokenColorRole unselectedPressedStateLayerColor = + /// md.comp.filter-chip.with-trailing-icon.selected.trailing-icon.color + static const TokenColorRole withTrailingIconSelectedTrailingIconColor = TokenColorRole.onSecondaryContainer; - /// md.comp.filter-chip.flat.unselected.outline.color - static const TokenColorRole flatUnselectedOutlineColor = - TokenColorRole.outlineVariant; - - /// md.comp.filter-chip.unselected.dragged.state-layer.color - static const TokenColorRole unselectedDraggedStateLayerColor = + /// md.comp.filter-chip.with-trailing-icon.unselected.dragged.trailing-icon.color + static const TokenColorRole withTrailingIconUnselectedDraggedTrailingIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.filter-chip.flat.unselected.pressed.container.elevation - static const double flatUnselectedPressedContainerElevation = 0.00; + /// md.comp.filter-chip.with-trailing-icon.unselected.focus.trailing-icon.color + static const TokenColorRole withTrailingIconUnselectedFocusTrailingIconColor = + TokenColorRole.onSurfaceVariant; - /// md.comp.filter-chip.elevated.pressed.container.elevation - static const double elevatedPressedContainerElevation = 1.00; + /// md.comp.filter-chip.with-trailing-icon.unselected.hover.trailing-icon.color + static const TokenColorRole withTrailingIconUnselectedHoverTrailingIconColor = + TokenColorRole.onSurfaceVariant; - /// md.comp.filter-chip.unselected.focus.state-layer.color - static const TokenColorRole unselectedFocusStateLayerColor = + /// md.comp.filter-chip.with-trailing-icon.unselected.pressed.trailing-icon.color + static const TokenColorRole withTrailingIconUnselectedPressedTrailingIconColor = TokenColorRole.onSurfaceVariant; /// md.comp.filter-chip.with-trailing-icon.unselected.trailing-icon.color static const TokenColorRole withTrailingIconUnselectedTrailingIconColor = TokenColorRole.onSurfaceVariant; - - /// md.comp.filter-chip.with-leading-icon.unselected.focus.leading-icon.color - static const TokenColorRole withLeadingIconUnselectedFocusLeadingIconColor = - TokenColorRole.primary; } diff --git a/packages/material_ui/tool/gen_defaults/data/full_screen_dialog.dart b/packages/material_ui/tool/gen_defaults/data/full_screen_dialog.dart index 77b28e600ce9..8a2b28005d4d 100644 --- a/packages/material_ui/tool/gen_defaults/data/full_screen_dialog.dart +++ b/packages/material_ui/tool/gen_defaults/data/full_screen_dialog.dart @@ -8,90 +8,86 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenFullScreenDialog { - /// md.comp.full-screen-dialog.header.headline.color - static const TokenColorRole headerHeadlineColor = TokenColorRole.onSurface; + /// md.comp.full-screen-dialog.container.color + static const TokenColorRole containerColor = TokenColorRole.surface; - /// md.comp.full-screen-dialog.header.icon.size - static const double headerIconSize = 24.00; + /// md.comp.full-screen-dialog.container.elevation + static const double containerElevation = 0.00; - /// md.comp.full-screen-dialog.header.headline.font - static const String headerHeadlineFont = 'Roboto'; + /// md.comp.full-screen-dialog.container.shape + static const ShapeStruct containerShape = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 0.00, + topRight: 0.00, + bottomLeft: 0.00, + bottomRight: 0.00, + ); - /// md.comp.full-screen-dialog.header.action.pressed.label-text.color - static const TokenColorRole headerActionPressedLabelTextColor = - TokenColorRole.primary; + /// md.comp.full-screen-dialog.header.action.focus.label-text.color + static const TokenColorRole headerActionFocusLabelTextColor = TokenColorRole.primary; - /// md.comp.full-screen-dialog.header.action.pressed.state-layer.color - static const TokenColorRole headerActionPressedStateLayerColor = - TokenColorRole.primary; + /// md.comp.full-screen-dialog.header.action.focus.state-layer.color + static const TokenColorRole headerActionFocusStateLayerColor = TokenColorRole.primary; + + /// md.comp.full-screen-dialog.header.action.focus.state-layer.opacity + static const double headerActionFocusStateLayerOpacity = 0.10; /// md.comp.full-screen-dialog.header.action.hover.label-text.color - static const TokenColorRole headerActionHoverLabelTextColor = - TokenColorRole.primary; + static const TokenColorRole headerActionHoverLabelTextColor = TokenColorRole.primary; - /// md.comp.full-screen-dialog.header.on-scroll.container.elevation - static const double headerOnScrollContainerElevation = 3.00; + /// md.comp.full-screen-dialog.header.action.hover.state-layer.color + static const TokenColorRole headerActionHoverStateLayerColor = TokenColorRole.primary; + + /// md.comp.full-screen-dialog.header.action.hover.state-layer.opacity + static const double headerActionHoverStateLayerOpacity = 0.08; + + /// md.comp.full-screen-dialog.header.action.label-text.color + static const TokenColorRole headerActionLabelTextColor = TokenColorRole.primary; + + /// md.comp.full-screen-dialog.header.action.label-text.font + static const String headerActionLabelTextFont = 'Roboto'; /// md.comp.full-screen-dialog.header.action.label-text.type - static const double headerActionLabelTextTypeFontSize = 14.00; + static const String headerActionLabelTextTypeFontFamily = 'Roboto'; /// md.comp.full-screen-dialog.header.action.label-text.type - static const double headerActionLabelTextTypeFontWeight = 500; + static const double headerActionLabelTextTypeFontSize = 14.00; /// md.comp.full-screen-dialog.header.action.label-text.type - static const double headerActionLabelTextTypeLineHeight = 20.00; + static const double headerActionLabelTextTypeFontWeight = 500; /// md.comp.full-screen-dialog.header.action.label-text.type static const double headerActionLabelTextTypeLetterSpacing = 0.10; /// md.comp.full-screen-dialog.header.action.label-text.type - static const String headerActionLabelTextTypeFontFamily = 'Roboto'; - - /// md.comp.full-screen-dialog.header.action.hover.state-layer.opacity - static const double headerActionHoverStateLayerOpacity = 0.08; - - /// md.comp.full-screen-dialog.header.action.focus.label-text.color - static const TokenColorRole headerActionFocusLabelTextColor = - TokenColorRole.primary; - - /// md.comp.full-screen-dialog.header.action.hover.state-layer.color - static const TokenColorRole headerActionHoverStateLayerColor = - TokenColorRole.primary; + static const double headerActionLabelTextTypeLineHeight = 20.00; - /// md.comp.full-screen-dialog.header.action.focus.state-layer.color - static const TokenColorRole headerActionFocusStateLayerColor = - TokenColorRole.primary; + /// md.comp.full-screen-dialog.header.action.pressed.label-text.color + static const TokenColorRole headerActionPressedLabelTextColor = TokenColorRole.primary; - /// md.comp.full-screen-dialog.header.action.focus.state-layer.opacity - static const double headerActionFocusStateLayerOpacity = 0.10; + /// md.comp.full-screen-dialog.header.action.pressed.state-layer.color + static const TokenColorRole headerActionPressedStateLayerColor = TokenColorRole.primary; - /// md.comp.full-screen-dialog.header.action.label-text.font - static const String headerActionLabelTextFont = 'Roboto'; + /// md.comp.full-screen-dialog.header.action.pressed.state-layer.opacity + static const double headerActionPressedStateLayerOpacity = 0.10; /// md.comp.full-screen-dialog.header.container.color static const TokenColorRole headerContainerColor = TokenColorRole.surface; - /// md.comp.full-screen-dialog.container.color - static const TokenColorRole containerColor = TokenColorRole.surface; + /// md.comp.full-screen-dialog.header.container.elevation + static const double headerContainerElevation = 0.00; - /// md.comp.full-screen-dialog.header.icon.color - static const TokenColorRole headerIconColor = TokenColorRole.onSurface; + /// md.comp.full-screen-dialog.header.container.height + static const double headerContainerHeight = 56.00; - /// md.comp.full-screen-dialog.container.shape - static const ShapeStruct containerShape = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 0.00, - topRight: 0.00, - bottomLeft: 0.00, - bottomRight: 0.00, - ); + /// md.comp.full-screen-dialog.header.headline.color + static const TokenColorRole headerHeadlineColor = TokenColorRole.onSurface; - /// md.comp.full-screen-dialog.header.on-scroll.container.color - static const TokenColorRole headerOnScrollContainerColor = - TokenColorRole.surfaceContainer; + /// md.comp.full-screen-dialog.header.headline.font + static const String headerHeadlineFont = 'Roboto'; - /// md.comp.full-screen-dialog.header.container.elevation - static const double headerContainerElevation = 0.00; + /// md.comp.full-screen-dialog.header.headline.type + static const String headerHeadlineTypeFontFamily = 'Roboto'; /// md.comp.full-screen-dialog.header.headline.type static const double headerHeadlineTypeFontSize = 22.00; @@ -99,25 +95,21 @@ class TokenFullScreenDialog { /// md.comp.full-screen-dialog.header.headline.type static const double headerHeadlineTypeFontWeight = 400; - /// md.comp.full-screen-dialog.header.headline.type - static const double headerHeadlineTypeLineHeight = 28.00; - /// md.comp.full-screen-dialog.header.headline.type static const double headerHeadlineTypeLetterSpacing = 0.00; /// md.comp.full-screen-dialog.header.headline.type - static const String headerHeadlineTypeFontFamily = 'Roboto'; + static const double headerHeadlineTypeLineHeight = 28.00; - /// md.comp.full-screen-dialog.container.elevation - static const double containerElevation = 0.00; + /// md.comp.full-screen-dialog.header.icon.color + static const TokenColorRole headerIconColor = TokenColorRole.onSurface; - /// md.comp.full-screen-dialog.header.action.pressed.state-layer.opacity - static const double headerActionPressedStateLayerOpacity = 0.10; + /// md.comp.full-screen-dialog.header.icon.size + static const double headerIconSize = 24.00; - /// md.comp.full-screen-dialog.header.action.label-text.color - static const TokenColorRole headerActionLabelTextColor = - TokenColorRole.primary; + /// md.comp.full-screen-dialog.header.on-scroll.container.color + static const TokenColorRole headerOnScrollContainerColor = TokenColorRole.surfaceContainer; - /// md.comp.full-screen-dialog.header.container.height - static const double headerContainerHeight = 56.00; + /// md.comp.full-screen-dialog.header.on-scroll.container.elevation + static const double headerOnScrollContainerElevation = 3.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/glass_button.dart b/packages/material_ui/tool/gen_defaults/data/glass_button.dart index 9dbad4e87be2..5e8e3d237bd8 100644 --- a/packages/material_ui/tool/gen_defaults/data/glass_button.dart +++ b/packages/material_ui/tool/gen_defaults/data/glass_button.dart @@ -7,58 +7,48 @@ import 'color_role.dart'; class TokenGlassButton { - /// md.comp.glass.button.text.unselected.container.color - static const TokenColorRole textUnselectedContainerColor = - TokenColorRole.surface; + /// md.comp.glass.button.text.container.color + static const TokenColorRole textContainerColor = TokenColorRole.surface; - /// md.comp.glass.button.text.pressed.unselected.state-layer.color - static const TokenColorRole textPressedUnselectedStateLayerColor = - TokenColorRole.primary; + /// md.comp.glass.button.text.disabled.container.color + static const TokenColorRole textDisabledContainerColor = TokenColorRole.surfaceContainer; - /// md.comp.glass.button.text.selected.label-text.color - static const TokenColorRole textSelectedLabelTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.glass.button.text.disabled.icon.color + static const TokenColorRole textDisabledIconColor = TokenColorRole.onSurface; - /// md.comp.glass.button.text.pressed.state-layer.color - static const TokenColorRole textPressedStateLayerColor = - TokenColorRole.primary; + /// md.comp.glass.button.text.disabled.label-text.color + static const TokenColorRole textDisabledLabelTextColor = TokenColorRole.onSurface; - /// md.comp.glass.button.text.unselected.icon.color - static const TokenColorRole textUnselectedIconColor = TokenColorRole.primary; + /// md.comp.glass.button.text.icon.color + static const TokenColorRole textIconColor = TokenColorRole.primary; - /// md.comp.glass.button.text.selected.icon.color - static const TokenColorRole textSelectedIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.glass.button.text.label-text.color + static const TokenColorRole textLabelTextColor = TokenColorRole.primary; - /// md.comp.glass.button.text.unselected.label-text.color - static const TokenColorRole textUnselectedLabelTextColor = - TokenColorRole.primary; + /// md.comp.glass.button.text.pressed.selected.state-layer.color + static const TokenColorRole textPressedSelectedStateLayerColor = TokenColorRole.onSecondary; - /// md.comp.glass.button.text.selected.container.color - static const TokenColorRole textSelectedContainerColor = - TokenColorRole.surfaceContainerHighest; + /// md.comp.glass.button.text.pressed.state-layer.color + static const TokenColorRole textPressedStateLayerColor = TokenColorRole.primary; - /// md.comp.glass.button.text.pressed.selected.state-layer.color - static const TokenColorRole textPressedSelectedStateLayerColor = - TokenColorRole.onSecondary; + /// md.comp.glass.button.text.pressed.unselected.state-layer.color + static const TokenColorRole textPressedUnselectedStateLayerColor = TokenColorRole.primary; - /// md.comp.glass.button.text.disabled.icon.color - static const TokenColorRole textDisabledIconColor = TokenColorRole.onSurface; + /// md.comp.glass.button.text.selected.container.color + static const TokenColorRole textSelectedContainerColor = TokenColorRole.surfaceContainerHighest; - /// md.comp.glass.button.text.label-text.color - static const TokenColorRole textLabelTextColor = TokenColorRole.primary; + /// md.comp.glass.button.text.selected.icon.color + static const TokenColorRole textSelectedIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.glass.button.text.container.color - static const TokenColorRole textContainerColor = TokenColorRole.surface; + /// md.comp.glass.button.text.selected.label-text.color + static const TokenColorRole textSelectedLabelTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.glass.button.text.disabled.container.color - static const TokenColorRole textDisabledContainerColor = - TokenColorRole.surfaceContainer; + /// md.comp.glass.button.text.unselected.container.color + static const TokenColorRole textUnselectedContainerColor = TokenColorRole.surface; - /// md.comp.glass.button.text.disabled.label-text.color - static const TokenColorRole textDisabledLabelTextColor = - TokenColorRole.onSurface; + /// md.comp.glass.button.text.unselected.icon.color + static const TokenColorRole textUnselectedIconColor = TokenColorRole.primary; - /// md.comp.glass.button.text.icon.color - static const TokenColorRole textIconColor = TokenColorRole.primary; + /// md.comp.glass.button.text.unselected.label-text.color + static const TokenColorRole textUnselectedLabelTextColor = TokenColorRole.primary; } diff --git a/packages/material_ui/tool/gen_defaults/data/glass_icon_button.dart b/packages/material_ui/tool/gen_defaults/data/glass_icon_button.dart index 5bbe600561c7..a2705c455d4e 100644 --- a/packages/material_ui/tool/gen_defaults/data/glass_icon_button.dart +++ b/packages/material_ui/tool/gen_defaults/data/glass_icon_button.dart @@ -8,45 +8,39 @@ import 'color_role.dart'; class TokenGlassIconButton { /// md.comp.glass.icon-button.filled.disabled.container.color - static const TokenColorRole filledDisabledContainerColor = - TokenColorRole.surfaceContainer; - - /// md.comp.glass.icon-button.tonal.disabled.container.color - static const TokenColorRole tonalDisabledContainerColor = - TokenColorRole.surfaceContainer; - - /// md.comp.glass.icon-button.standard.pressed.state-layer.color - static const TokenColorRole standardPressedStateLayerColor = - TokenColorRole.onSurfaceVariant; - - /// md.comp.glass.icon-button.standard.unselected.pressed.state-layer.color - static const TokenColorRole standardUnselectedPressedStateLayerColor = - TokenColorRole.onSurfaceVariant; - - /// md.comp.glass.icon-button.standard.unselected.container.color - static const TokenColorRole standardUnselectedContainerColor = - TokenColorRole.surface; + static const TokenColorRole filledDisabledContainerColor = TokenColorRole.surfaceContainer; /// md.comp.glass.icon-button.standard.container.color static const TokenColorRole standardContainerColor = TokenColorRole.surface; - /// md.comp.glass.icon-button.standard.selected.pressed.state-layer.color - static const TokenColorRole standardSelectedPressedStateLayerColor = + /// md.comp.glass.icon-button.standard.disabled.container.color + static const TokenColorRole standardDisabledContainerColor = TokenColorRole.surface; + + /// md.comp.glass.icon-button.standard.disabled.selected.container.color + static const TokenColorRole standardDisabledSelectedContainerColor = TokenColorRole.surfaceContainerHighest; + /// md.comp.glass.icon-button.standard.disabled.unselected.container.color + static const TokenColorRole standardDisabledUnselectedContainerColor = TokenColorRole.surface; + + /// md.comp.glass.icon-button.standard.pressed.state-layer.color + static const TokenColorRole standardPressedStateLayerColor = TokenColorRole.onSurfaceVariant; + /// md.comp.glass.icon-button.standard.selected.container.color static const TokenColorRole standardSelectedContainerColor = TokenColorRole.surfaceContainerHighest; - /// md.comp.glass.icon-button.standard.disabled.container.color - static const TokenColorRole standardDisabledContainerColor = - TokenColorRole.surface; - - /// md.comp.glass.icon-button.standard.disabled.selected.container.color - static const TokenColorRole standardDisabledSelectedContainerColor = + /// md.comp.glass.icon-button.standard.selected.pressed.state-layer.color + static const TokenColorRole standardSelectedPressedStateLayerColor = TokenColorRole.surfaceContainerHighest; - /// md.comp.glass.icon-button.standard.disabled.unselected.container.color - static const TokenColorRole standardDisabledUnselectedContainerColor = - TokenColorRole.surface; + /// md.comp.glass.icon-button.standard.unselected.container.color + static const TokenColorRole standardUnselectedContainerColor = TokenColorRole.surface; + + /// md.comp.glass.icon-button.standard.unselected.pressed.state-layer.color + static const TokenColorRole standardUnselectedPressedStateLayerColor = + TokenColorRole.onSurfaceVariant; + + /// md.comp.glass.icon-button.tonal.disabled.container.color + static const TokenColorRole tonalDisabledContainerColor = TokenColorRole.surfaceContainer; } diff --git a/packages/material_ui/tool/gen_defaults/data/icon_button.dart b/packages/material_ui/tool/gen_defaults/data/icon_button.dart index 27531cde2d6d..e2d5e8629dca 100644 --- a/packages/material_ui/tool/gen_defaults/data/icon_button.dart +++ b/packages/material_ui/tool/gen_defaults/data/icon_button.dart @@ -8,8 +8,23 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenIconButton { - /// md.comp.icon-button.selected.container.shape.round - static const ShapeStruct selectedContainerShapeRound = ShapeStruct( + /// md.comp.icon-button.container.color + static const TokenColorRole containerColor = TokenColorRole.primary; + + /// md.comp.icon-button.container.height + static const double containerHeight = 40.00; + + /// md.comp.icon-button.container.shape.round + static const ShapeStruct containerShapeRound = ShapeStruct( + family: 'SHAPE_FAMILY_CIRCULAR', + topLeft: 0.00, + topRight: 0.00, + bottomLeft: 0.00, + bottomRight: 0.00, + ); + + /// md.comp.icon-button.container.shape.square + static const ShapeStruct containerShapeSquare = ShapeStruct( family: 'SHAPE_FAMILY_ROUNDED_CORNERS', topLeft: 12.00, topRight: 12.00, @@ -17,96 +32,69 @@ class TokenIconButton { bottomRight: 12.00, ); - /// md.comp.icon-button.focused.icon.color - static const TokenColorRole focusedIconColor = TokenColorRole.onPrimary; - - /// md.comp.icon-button.unselected.hovered.icon.color - static const TokenColorRole unselectedHoveredIconColor = - TokenColorRole.onSurfaceVariant; - - /// md.comp.icon-button.hovered.icon.color - static const TokenColorRole hoveredIconColor = TokenColorRole.onPrimary; - - /// md.comp.icon-button.selected.focused.icon.color - static const TokenColorRole selectedFocusedIconColor = - TokenColorRole.onPrimary; + /// md.comp.icon-button.default.leading-space + static const double defaultLeadingSpace = 8.00; - /// md.comp.icon-button.focused.state-layer.color - static const TokenColorRole focusedStateLayerColor = TokenColorRole.onPrimary; + /// md.comp.icon-button.default.trailing-space + static const double defaultTrailingSpace = 8.00; - /// md.comp.icon-button.wide.leading-space - static const double wideLeadingSpace = 14.00; + /// md.comp.icon-button.disabled.container.color + static const TokenColorRole disabledContainerColor = TokenColorRole.onSurface; - /// md.comp.icon-button.focused.state-layer.opacity - static const double focusedStateLayerOpacity = 0.10; + /// md.comp.icon-button.disabled.container.opacity + static const double disabledContainerOpacity = 0.10; - /// md.comp.icon-button.hovered.state-layer.color - static const TokenColorRole hoveredStateLayerColor = TokenColorRole.onPrimary; + /// md.comp.icon-button.disabled.icon.color + static const TokenColorRole disabledIconColor = TokenColorRole.onSurface; /// md.comp.icon-button.disabled.icon.opacity static const double disabledIconOpacity = 0.38; - /// md.comp.icon-button.unselected.hovered.state-layer.color - static const TokenColorRole unselectedHoveredStateLayerColor = - TokenColorRole.onSurfaceVariant; - - /// md.comp.icon-button.selected.pressed.icon.color - static const TokenColorRole selectedPressedIconColor = - TokenColorRole.onPrimary; - - /// md.comp.icon-button.default.trailing-space - static const double defaultTrailingSpace = 8.00; + /// md.comp.icon-button.focused.icon.color + static const TokenColorRole focusedIconColor = TokenColorRole.onPrimary; - /// md.comp.icon-button.selected.container.shape.square - static const ShapeStruct selectedContainerShapeSquare = ShapeStruct( - family: 'SHAPE_FAMILY_CIRCULAR', - topLeft: 0.00, - topRight: 0.00, - bottomLeft: 0.00, - bottomRight: 0.00, - ); + /// md.comp.icon-button.focused.state-layer.color + static const TokenColorRole focusedStateLayerColor = TokenColorRole.onPrimary; - /// md.comp.icon-button.container.shape.round - static const ShapeStruct containerShapeRound = ShapeStruct( - family: 'SHAPE_FAMILY_CIRCULAR', - topLeft: 0.00, - topRight: 0.00, - bottomLeft: 0.00, - bottomRight: 0.00, - ); + /// md.comp.icon-button.focused.state-layer.opacity + static const double focusedStateLayerOpacity = 0.10; - /// md.comp.icon-button.disabled.icon.color - static const TokenColorRole disabledIconColor = TokenColorRole.onSurface; + /// md.comp.icon-button.focus.indicator.color + static const TokenColorRole focusIndicatorColor = TokenColorRole.secondary; - /// md.comp.icon-button.unselected.container.color - static const TokenColorRole unselectedContainerColor = - TokenColorRole.surfaceContainer; + /// md.comp.icon-button.focus.indicator.outline.offset + static const double focusIndicatorOutlineOffset = 2.00; /// md.comp.icon-button.focus.indicator.thickness static const double focusIndicatorThickness = 3.00; - /// md.comp.icon-button.disabled.container.opacity - static const double disabledContainerOpacity = 0.10; + /// md.comp.icon-button.hovered.icon.color + static const TokenColorRole hoveredIconColor = TokenColorRole.onPrimary; - /// md.comp.icon-button.focus.indicator.outline.offset - static const double focusIndicatorOutlineOffset = 2.00; + /// md.comp.icon-button.hovered.state-layer.color + static const TokenColorRole hoveredStateLayerColor = TokenColorRole.onPrimary; + + /// md.comp.icon-button.hovered.state-layer.opacity + static const double hoveredStateLayerOpacity = 0.08; /// md.comp.icon-button.icon.color static const TokenColorRole iconColor = TokenColorRole.onPrimary; - /// md.comp.icon-button.default.leading-space - static const double defaultLeadingSpace = 8.00; - - /// md.comp.icon-button.focus.indicator.color - static const TokenColorRole focusIndicatorColor = TokenColorRole.secondary; - - /// md.comp.icon-button.unselected.pressed.state-layer.color - static const TokenColorRole unselectedPressedStateLayerColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.icon-button.icon.size + static const double iconSize = 24.00; /// md.comp.icon-button.narrow.leading-space static const double narrowLeadingSpace = 4.00; + /// md.comp.icon-button.narrow.trailing-space + static const double narrowTrailingSpace = 4.00; + + /// md.comp.icon-button.pressed.container.corner-size.motion.spring.damping + static const double pressedContainerCornerSizeMotionSpringDamping = 0.60; + + /// md.comp.icon-button.pressed.container.corner-size.motion.spring.stiffness + static const double pressedContainerCornerSizeMotionSpringStiffness = 800.00; + /// md.comp.icon-button.pressed.container.shape static const ShapeStruct pressedContainerShape = ShapeStruct( family: 'SHAPE_FAMILY_ROUNDED_CORNERS', @@ -116,36 +104,20 @@ class TokenIconButton { bottomRight: 8.00, ); - /// md.comp.icon-button.pressed.container.corner-size.motion.spring.stiffness - static const double pressedContainerCornerSizeMotionSpringStiffness = 800.00; - - /// md.comp.icon-button.unselected.focused.icon.color - static const TokenColorRole unselectedFocusedIconColor = - TokenColorRole.onSurfaceVariant; - - /// md.comp.icon-button.selected.hovered.icon.color - static const TokenColorRole selectedHoveredIconColor = - TokenColorRole.onPrimary; - /// md.comp.icon-button.pressed.icon.color static const TokenColorRole pressedIconColor = TokenColorRole.onPrimary; + /// md.comp.icon-button.pressed.state-layer.color + static const TokenColorRole pressedStateLayerColor = TokenColorRole.onPrimary; + /// md.comp.icon-button.pressed.state-layer.opacity static const double pressedStateLayerOpacity = 0.10; - /// md.comp.icon-button.pressed.container.corner-size.motion.spring.damping - static const double pressedContainerCornerSizeMotionSpringDamping = 0.60; - - /// md.comp.icon-button.unselected.pressed.icon.color - static const TokenColorRole unselectedPressedIconColor = - TokenColorRole.onSurfaceVariant; - - /// md.comp.icon-button.selected.hovered.state-layer.color - static const TokenColorRole selectedHoveredStateLayerColor = - TokenColorRole.onPrimary; + /// md.comp.icon-button.selected.container.color + static const TokenColorRole selectedContainerColor = TokenColorRole.primary; - /// md.comp.icon-button.container.shape.square - static const ShapeStruct containerShapeSquare = ShapeStruct( + /// md.comp.icon-button.selected.container.shape.round + static const ShapeStruct selectedContainerShapeRound = ShapeStruct( family: 'SHAPE_FAMILY_ROUNDED_CORNERS', topLeft: 12.00, topRight: 12.00, @@ -153,49 +125,63 @@ class TokenIconButton { bottomRight: 12.00, ); - /// md.comp.icon-button.wide.trailing-space - static const double wideTrailingSpace = 14.00; + /// md.comp.icon-button.selected.container.shape.square + static const ShapeStruct selectedContainerShapeSquare = ShapeStruct( + family: 'SHAPE_FAMILY_CIRCULAR', + topLeft: 0.00, + topRight: 0.00, + bottomLeft: 0.00, + bottomRight: 0.00, + ); + + /// md.comp.icon-button.selected.focused.icon.color + static const TokenColorRole selectedFocusedIconColor = TokenColorRole.onPrimary; + + /// md.comp.icon-button.selected.focused.state-layer.color + static const TokenColorRole selectedFocusedStateLayerColor = TokenColorRole.onPrimary; + + /// md.comp.icon-button.selected.hovered.icon.color + static const TokenColorRole selectedHoveredIconColor = TokenColorRole.onPrimary; + + /// md.comp.icon-button.selected.hovered.state-layer.color + static const TokenColorRole selectedHoveredStateLayerColor = TokenColorRole.onPrimary; /// md.comp.icon-button.selected.icon.color static const TokenColorRole selectedIconColor = TokenColorRole.onPrimary; - /// md.comp.icon-button.unselected.focused.state-layer.color - static const TokenColorRole unselectedFocusedStateLayerColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.icon-button.selected.pressed.icon.color + static const TokenColorRole selectedPressedIconColor = TokenColorRole.onPrimary; - /// md.comp.icon-button.pressed.state-layer.color - static const TokenColorRole pressedStateLayerColor = TokenColorRole.onPrimary; + /// md.comp.icon-button.selected.pressed.state-layer.color + static const TokenColorRole selectedPressedStateLayerColor = TokenColorRole.onPrimary; - /// md.comp.icon-button.unselected.icon.color - static const TokenColorRole unselectedIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.icon-button.unselected.container.color + static const TokenColorRole unselectedContainerColor = TokenColorRole.surfaceContainer; - /// md.comp.icon-button.container.height - static const double containerHeight = 40.00; + /// md.comp.icon-button.unselected.focused.icon.color + static const TokenColorRole unselectedFocusedIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.icon-button.narrow.trailing-space - static const double narrowTrailingSpace = 4.00; + /// md.comp.icon-button.unselected.focused.state-layer.color + static const TokenColorRole unselectedFocusedStateLayerColor = TokenColorRole.onSurfaceVariant; - /// md.comp.icon-button.selected.focused.state-layer.color - static const TokenColorRole selectedFocusedStateLayerColor = - TokenColorRole.onPrimary; + /// md.comp.icon-button.unselected.hovered.icon.color + static const TokenColorRole unselectedHoveredIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.icon-button.hovered.state-layer.opacity - static const double hoveredStateLayerOpacity = 0.08; + /// md.comp.icon-button.unselected.hovered.state-layer.color + static const TokenColorRole unselectedHoveredStateLayerColor = TokenColorRole.onSurfaceVariant; - /// md.comp.icon-button.container.color - static const TokenColorRole containerColor = TokenColorRole.primary; + /// md.comp.icon-button.unselected.icon.color + static const TokenColorRole unselectedIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.icon-button.disabled.container.color - static const TokenColorRole disabledContainerColor = TokenColorRole.onSurface; + /// md.comp.icon-button.unselected.pressed.icon.color + static const TokenColorRole unselectedPressedIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.icon-button.selected.pressed.state-layer.color - static const TokenColorRole selectedPressedStateLayerColor = - TokenColorRole.onPrimary; + /// md.comp.icon-button.unselected.pressed.state-layer.color + static const TokenColorRole unselectedPressedStateLayerColor = TokenColorRole.onSurfaceVariant; - /// md.comp.icon-button.selected.container.color - static const TokenColorRole selectedContainerColor = TokenColorRole.primary; + /// md.comp.icon-button.wide.leading-space + static const double wideLeadingSpace = 14.00; - /// md.comp.icon-button.icon.size - static const double iconSize = 24.00; + /// md.comp.icon-button.wide.trailing-space + static const double wideTrailingSpace = 14.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/icon_button_filled.dart b/packages/material_ui/tool/gen_defaults/data/icon_button_filled.dart index 4dd2362ea713..3b34453c9e13 100644 --- a/packages/material_ui/tool/gen_defaults/data/icon_button_filled.dart +++ b/packages/material_ui/tool/gen_defaults/data/icon_button_filled.dart @@ -7,110 +7,96 @@ import 'color_role.dart'; class TokenIconButtonFilled { - /// md.comp.icon-button.filled.hovered.state-layer.opacity - static const double hoveredStateLayerOpacity = 0.08; + /// md.comp.icon-button.filled.container.color + static const TokenColorRole containerColor = TokenColorRole.primary; - /// md.comp.icon-button.filled.selected.pressed.state-layer.color - static const TokenColorRole selectedPressedStateLayerColor = - TokenColorRole.onPrimary; + /// md.comp.icon-button.filled.disabled.container.color + static const TokenColorRole disabledContainerColor = TokenColorRole.onSurface; /// md.comp.icon-button.filled.disabled.container.opacity static const double disabledContainerOpacity = 0.10; - /// md.comp.icon-button.filled.disabled.container.color - static const TokenColorRole disabledContainerColor = TokenColorRole.onSurface; + /// md.comp.icon-button.filled.disabled.icon.color + static const TokenColorRole disabledIconColor = TokenColorRole.onSurface; - /// md.comp.icon-button.filled.selected.pressed.icon.color - static const TokenColorRole selectedPressedIconColor = - TokenColorRole.onPrimary; + /// md.comp.icon-button.filled.disabled.icon.opacity + static const double disabledIconOpacity = 0.38; - /// md.comp.icon-button.filled.pressed.state-layer.opacity - static const double pressedStateLayerOpacity = 0.10; + /// md.comp.icon-button.filled.focused.icon.color + static const TokenColorRole focusedIconColor = TokenColorRole.onPrimary; - /// md.comp.icon-button.filled.pressed.state-layer.color - static const TokenColorRole pressedStateLayerColor = TokenColorRole.onPrimary; + /// md.comp.icon-button.filled.focused.state-layer.color + static const TokenColorRole focusedStateLayerColor = TokenColorRole.onPrimary; - /// md.comp.icon-button.filled.unselected.hovered.state-layer.color - static const TokenColorRole unselectedHoveredStateLayerColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.icon-button.filled.focused.state-layer.opacity + static const double focusedStateLayerOpacity = 0.10; + + /// md.comp.icon-button.filled.hovered.icon.color + static const TokenColorRole hoveredIconColor = TokenColorRole.onPrimary; /// md.comp.icon-button.filled.hovered.state-layer.color static const TokenColorRole hoveredStateLayerColor = TokenColorRole.onPrimary; - /// md.comp.icon-button.filled.unselected.pressed.icon.color - static const TokenColorRole unselectedPressedIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.icon-button.filled.hovered.state-layer.opacity + static const double hoveredStateLayerOpacity = 0.08; - /// md.comp.icon-button.filled.disabled.icon.color - static const TokenColorRole disabledIconColor = TokenColorRole.onSurface; + /// md.comp.icon-button.filled.icon.color + static const TokenColorRole iconColor = TokenColorRole.onPrimary; - /// md.comp.icon-button.filled.selected.container.color - static const TokenColorRole selectedContainerColor = TokenColorRole.primary; + /// md.comp.icon-button.filled.pressed.icon.color + static const TokenColorRole pressedIconColor = TokenColorRole.onPrimary; - /// md.comp.icon-button.filled.selected.icon.color - static const TokenColorRole selectedIconColor = TokenColorRole.onPrimary; + /// md.comp.icon-button.filled.pressed.state-layer.color + static const TokenColorRole pressedStateLayerColor = TokenColorRole.onPrimary; - /// md.comp.icon-button.filled.disabled.icon.opacity - static const double disabledIconOpacity = 0.38; + /// md.comp.icon-button.filled.pressed.state-layer.opacity + static const double pressedStateLayerOpacity = 0.10; - /// md.comp.icon-button.filled.selected.hovered.icon.color - static const TokenColorRole selectedHoveredIconColor = - TokenColorRole.onPrimary; + /// md.comp.icon-button.filled.selected.container.color + static const TokenColorRole selectedContainerColor = TokenColorRole.primary; /// md.comp.icon-button.filled.selected.focused.icon.color - static const TokenColorRole selectedFocusedIconColor = - TokenColorRole.onPrimary; - - /// md.comp.icon-button.filled.unselected.icon.color - static const TokenColorRole unselectedIconColor = - TokenColorRole.onSurfaceVariant; - - /// md.comp.icon-button.filled.unselected.hovered.icon.color - static const TokenColorRole unselectedHoveredIconColor = - TokenColorRole.onSurfaceVariant; + static const TokenColorRole selectedFocusedIconColor = TokenColorRole.onPrimary; /// md.comp.icon-button.filled.selected.focused.state-layer.color - static const TokenColorRole selectedFocusedStateLayerColor = - TokenColorRole.onPrimary; + static const TokenColorRole selectedFocusedStateLayerColor = TokenColorRole.onPrimary; - /// md.comp.icon-button.filled.unselected.focused.state-layer.color - static const TokenColorRole unselectedFocusedStateLayerColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.icon-button.filled.selected.hovered.icon.color + static const TokenColorRole selectedHoveredIconColor = TokenColorRole.onPrimary; - /// md.comp.icon-button.filled.container.color - static const TokenColorRole containerColor = TokenColorRole.primary; + /// md.comp.icon-button.filled.selected.hovered.state-layer.color + static const TokenColorRole selectedHoveredStateLayerColor = TokenColorRole.onPrimary; - /// md.comp.icon-button.filled.unselected.pressed.state-layer.color - static const TokenColorRole unselectedPressedStateLayerColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.icon-button.filled.selected.icon.color + static const TokenColorRole selectedIconColor = TokenColorRole.onPrimary; - /// md.comp.icon-button.filled.icon.color - static const TokenColorRole iconColor = TokenColorRole.onPrimary; + /// md.comp.icon-button.filled.selected.pressed.icon.color + static const TokenColorRole selectedPressedIconColor = TokenColorRole.onPrimary; - /// md.comp.icon-button.filled.focused.state-layer.opacity - static const double focusedStateLayerOpacity = 0.10; + /// md.comp.icon-button.filled.selected.pressed.state-layer.color + static const TokenColorRole selectedPressedStateLayerColor = TokenColorRole.onPrimary; - /// md.comp.icon-button.filled.hovered.icon.color - static const TokenColorRole hoveredIconColor = TokenColorRole.onPrimary; + /// md.comp.icon-button.filled.unselected.container.color + static const TokenColorRole unselectedContainerColor = TokenColorRole.surfaceContainer; - /// md.comp.icon-button.filled.focused.state-layer.color - static const TokenColorRole focusedStateLayerColor = TokenColorRole.onPrimary; + /// md.comp.icon-button.filled.unselected.focused.icon.color + static const TokenColorRole unselectedFocusedIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.icon-button.filled.unselected.container.color - static const TokenColorRole unselectedContainerColor = - TokenColorRole.surfaceContainer; + /// md.comp.icon-button.filled.unselected.focused.state-layer.color + static const TokenColorRole unselectedFocusedStateLayerColor = TokenColorRole.onSurfaceVariant; - /// md.comp.icon-button.filled.focused.icon.color - static const TokenColorRole focusedIconColor = TokenColorRole.onPrimary; + /// md.comp.icon-button.filled.unselected.hovered.icon.color + static const TokenColorRole unselectedHoveredIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.icon-button.filled.pressed.icon.color - static const TokenColorRole pressedIconColor = TokenColorRole.onPrimary; + /// md.comp.icon-button.filled.unselected.hovered.state-layer.color + static const TokenColorRole unselectedHoveredStateLayerColor = TokenColorRole.onSurfaceVariant; - /// md.comp.icon-button.filled.selected.hovered.state-layer.color - static const TokenColorRole selectedHoveredStateLayerColor = - TokenColorRole.onPrimary; + /// md.comp.icon-button.filled.unselected.icon.color + static const TokenColorRole unselectedIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.icon-button.filled.unselected.focused.icon.color - static const TokenColorRole unselectedFocusedIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.icon-button.filled.unselected.pressed.icon.color + static const TokenColorRole unselectedPressedIconColor = TokenColorRole.onSurfaceVariant; + + /// md.comp.icon-button.filled.unselected.pressed.state-layer.color + static const TokenColorRole unselectedPressedStateLayerColor = TokenColorRole.onSurfaceVariant; } diff --git a/packages/material_ui/tool/gen_defaults/data/icon_button_large.dart b/packages/material_ui/tool/gen_defaults/data/icon_button_large.dart index f446707d3827..bdad1e372183 100644 --- a/packages/material_ui/tool/gen_defaults/data/icon_button_large.dart +++ b/packages/material_ui/tool/gen_defaults/data/icon_button_large.dart @@ -7,14 +7,8 @@ import 'shape_struct.dart'; class TokenIconButtonLarge { - /// md.comp.icon-button.large.pressed.container.corner-size.motion.spring.damping - static const double pressedContainerCornerSizeMotionSpringDamping = 0.60; - - /// md.comp.icon-button.large.default.leading-space - static const double defaultLeadingSpace = 32.00; - - /// md.comp.icon-button.large.narrow.trailing-space - static const double narrowTrailingSpace = 16.00; + /// md.comp.icon-button.large.container.height + static const double containerHeight = 96.00; /// md.comp.icon-button.large.container.shape.round static const ShapeStruct containerShapeRound = ShapeStruct( @@ -25,21 +19,39 @@ class TokenIconButtonLarge { bottomRight: 0.00, ); + /// md.comp.icon-button.large.container.shape.square + static const ShapeStruct containerShapeSquare = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 28.00, + topRight: 28.00, + bottomLeft: 28.00, + bottomRight: 28.00, + ); + + /// md.comp.icon-button.large.default.leading-space + static const double defaultLeadingSpace = 32.00; + + /// md.comp.icon-button.large.default.trailing-space + static const double defaultTrailingSpace = 32.00; + /// md.comp.icon-button.large.icon.size static const double iconSize = 32.00; - /// md.comp.icon-button.large.wide.trailing-space - static const double wideTrailingSpace = 48.00; + /// md.comp.icon-button.large.narrow.leading-space + static const double narrowLeadingSpace = 16.00; - /// md.comp.icon-button.large.container.height - static const double containerHeight = 96.00; + /// md.comp.icon-button.large.narrow.trailing-space + static const double narrowTrailingSpace = 16.00; + + /// md.comp.icon-button.large.outlined.outline.width + static const double outlinedOutlineWidth = 2.00; + + /// md.comp.icon-button.large.pressed.container.corner-size.motion.spring.damping + static const double pressedContainerCornerSizeMotionSpringDamping = 0.60; /// md.comp.icon-button.large.pressed.container.corner-size.motion.spring.stiffness static const double pressedContainerCornerSizeMotionSpringStiffness = 800.00; - /// md.comp.icon-button.large.default.trailing-space - static const double defaultTrailingSpace = 32.00; - /// md.comp.icon-button.large.pressed.container.shape static const ShapeStruct pressedContainerShape = ShapeStruct( family: 'SHAPE_FAMILY_ROUNDED_CORNERS', @@ -49,21 +61,6 @@ class TokenIconButtonLarge { bottomRight: 16.00, ); - /// md.comp.icon-button.large.narrow.leading-space - static const double narrowLeadingSpace = 16.00; - - /// md.comp.icon-button.large.container.shape.square - static const ShapeStruct containerShapeSquare = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 28.00, - topRight: 28.00, - bottomLeft: 28.00, - bottomRight: 28.00, - ); - - /// md.comp.icon-button.large.outlined.outline.width - static const double outlinedOutlineWidth = 2.00; - /// md.comp.icon-button.large.selected.container.shape.round static const ShapeStruct selectedContainerShapeRound = ShapeStruct( family: 'SHAPE_FAMILY_ROUNDED_CORNERS', @@ -84,4 +81,7 @@ class TokenIconButtonLarge { /// md.comp.icon-button.large.wide.leading-space static const double wideLeadingSpace = 48.00; + + /// md.comp.icon-button.large.wide.trailing-space + static const double wideTrailingSpace = 48.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/icon_button_medium.dart b/packages/material_ui/tool/gen_defaults/data/icon_button_medium.dart index a569429c26ee..ee49c5c526a0 100644 --- a/packages/material_ui/tool/gen_defaults/data/icon_button_medium.dart +++ b/packages/material_ui/tool/gen_defaults/data/icon_button_medium.dart @@ -7,14 +7,11 @@ import 'shape_struct.dart'; class TokenIconButtonMedium { - /// md.comp.icon-button.medium.icon.size - static const double iconSize = 24.00; - - /// md.comp.icon-button.medium.pressed.container.corner-size.motion.spring.stiffness - static const double pressedContainerCornerSizeMotionSpringStiffness = 800.00; + /// md.comp.icon-button.medium.container.height + static const double containerHeight = 56.00; - /// md.comp.icon-button.medium.selected.container.shape.square - static const ShapeStruct selectedContainerShapeSquare = ShapeStruct( + /// md.comp.icon-button.medium.container.shape.round + static const ShapeStruct containerShapeRound = ShapeStruct( family: 'SHAPE_FAMILY_CIRCULAR', topLeft: 0.00, topRight: 0.00, @@ -22,21 +19,6 @@ class TokenIconButtonMedium { bottomRight: 0.00, ); - /// md.comp.icon-button.medium.narrow.trailing-space - static const double narrowTrailingSpace = 12.00; - - /// md.comp.icon-button.medium.selected.container.shape.round - static const ShapeStruct selectedContainerShapeRound = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 16.00, - topRight: 16.00, - bottomLeft: 16.00, - bottomRight: 16.00, - ); - - /// md.comp.icon-button.medium.container.height - static const double containerHeight = 56.00; - /// md.comp.icon-button.medium.container.shape.square static const ShapeStruct containerShapeSquare = ShapeStruct( family: 'SHAPE_FAMILY_ROUNDED_CORNERS', @@ -46,20 +28,29 @@ class TokenIconButtonMedium { bottomRight: 16.00, ); + /// md.comp.icon-button.medium.default.leading-space + static const double defaultLeadingSpace = 16.00; + /// md.comp.icon-button.medium.default.trailing-space static const double defaultTrailingSpace = 16.00; - /// md.comp.icon-button.medium.wide.trailing-space - static const double wideTrailingSpace = 24.00; - - /// md.comp.icon-button.medium.wide.leading-space - static const double wideLeadingSpace = 24.00; + /// md.comp.icon-button.medium.icon.size + static const double iconSize = 24.00; /// md.comp.icon-button.medium.narrow.leading-space static const double narrowLeadingSpace = 12.00; - /// md.comp.icon-button.medium.default.leading-space - static const double defaultLeadingSpace = 16.00; + /// md.comp.icon-button.medium.narrow.trailing-space + static const double narrowTrailingSpace = 12.00; + + /// md.comp.icon-button.medium.outlined.outline.width + static const double outlinedOutlineWidth = 1.00; + + /// md.comp.icon-button.medium.pressed.container.corner-size.motion.spring.damping + static const double pressedContainerCornerSizeMotionSpringDamping = 0.60; + + /// md.comp.icon-button.medium.pressed.container.corner-size.motion.spring.stiffness + static const double pressedContainerCornerSizeMotionSpringStiffness = 800.00; /// md.comp.icon-button.medium.pressed.container.shape static const ShapeStruct pressedContainerShape = ShapeStruct( @@ -70,8 +61,17 @@ class TokenIconButtonMedium { bottomRight: 12.00, ); - /// md.comp.icon-button.medium.container.shape.round - static const ShapeStruct containerShapeRound = ShapeStruct( + /// md.comp.icon-button.medium.selected.container.shape.round + static const ShapeStruct selectedContainerShapeRound = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 16.00, + topRight: 16.00, + bottomLeft: 16.00, + bottomRight: 16.00, + ); + + /// md.comp.icon-button.medium.selected.container.shape.square + static const ShapeStruct selectedContainerShapeSquare = ShapeStruct( family: 'SHAPE_FAMILY_CIRCULAR', topLeft: 0.00, topRight: 0.00, @@ -79,9 +79,9 @@ class TokenIconButtonMedium { bottomRight: 0.00, ); - /// md.comp.icon-button.medium.pressed.container.corner-size.motion.spring.damping - static const double pressedContainerCornerSizeMotionSpringDamping = 0.60; + /// md.comp.icon-button.medium.wide.leading-space + static const double wideLeadingSpace = 24.00; - /// md.comp.icon-button.medium.outlined.outline.width - static const double outlinedOutlineWidth = 1.00; + /// md.comp.icon-button.medium.wide.trailing-space + static const double wideTrailingSpace = 24.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/icon_button_outlined.dart b/packages/material_ui/tool/gen_defaults/data/icon_button_outlined.dart index ac08e349d1e0..eaa055ee59c2 100644 --- a/packages/material_ui/tool/gen_defaults/data/icon_button_outlined.dart +++ b/packages/material_ui/tool/gen_defaults/data/icon_button_outlined.dart @@ -7,127 +7,102 @@ import 'color_role.dart'; class TokenIconButtonOutlined { - /// md.comp.icon-button.outlined.unselected.outline.color - static const TokenColorRole unselectedOutlineColor = - TokenColorRole.outlineVariant; + /// md.comp.icon-button.outlined.disabled.icon.color + static const TokenColorRole disabledIconColor = TokenColorRole.onSurface; - /// md.comp.icon-button.outlined.icon.color - static const TokenColorRole iconColor = TokenColorRole.onSurfaceVariant; + /// md.comp.icon-button.outlined.disabled.icon.opacity + static const double disabledIconOpacity = 0.38; - /// md.comp.icon-button.outlined.focused.state-layer.opacity - static const double focusedStateLayerOpacity = 0.10; + /// md.comp.icon-button.outlined.disabled.outline.color + static const TokenColorRole disabledOutlineColor = TokenColorRole.outlineVariant; - /// md.comp.icon-button.outlined.unselected.hovered.icon.color - static const TokenColorRole unselectedHoveredIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.icon-button.outlined.focused.icon.color + static const TokenColorRole focusedIconColor = TokenColorRole.onSurfaceVariant; /// md.comp.icon-button.outlined.focused.state-layer.color - static const TokenColorRole focusedStateLayerColor = - TokenColorRole.onSurfaceVariant; - - /// md.comp.icon-button.outlined.outline.color - static const TokenColorRole outlineColor = TokenColorRole.outlineVariant; + static const TokenColorRole focusedStateLayerColor = TokenColorRole.onSurfaceVariant; - /// md.comp.icon-button.outlined.pressed.state-layer.opacity - static const double pressedStateLayerOpacity = 0.10; - - /// md.comp.icon-button.outlined.selected.hovered.icon.color - static const TokenColorRole selectedHoveredIconColor = - TokenColorRole.inverseOnSurface; + /// md.comp.icon-button.outlined.focused.state-layer.opacity + static const double focusedStateLayerOpacity = 0.10; - /// md.comp.icon-button.outlined.unselected.pressed.icon.color - static const TokenColorRole unselectedPressedIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.icon-button.outlined.hovered.icon.color + static const TokenColorRole hoveredIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.icon-button.outlined.unselected.hovered.state-layer.color - static const TokenColorRole unselectedHoveredStateLayerColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.icon-button.outlined.hovered.state-layer.color + static const TokenColorRole hoveredStateLayerColor = TokenColorRole.onSurfaceVariant; - /// md.comp.icon-button.outlined.unselected.pressed.state-layer.color - static const TokenColorRole unselectedPressedStateLayerColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.icon-button.outlined.hovered.state-layer.opacity + static const double hoveredStateLayerOpacity = 0.08; - /// md.comp.icon-button.outlined.focused.icon.color - static const TokenColorRole focusedIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.icon-button.outlined.icon.color + static const TokenColorRole iconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.icon-button.outlined.disabled.icon.opacity - static const double disabledIconOpacity = 0.38; + /// md.comp.icon-button.outlined.outline.color + static const TokenColorRole outlineColor = TokenColorRole.outlineVariant; - /// md.comp.icon-button.outlined.selected.disabled.container.color - static const TokenColorRole selectedDisabledContainerColor = - TokenColorRole.onSurface; + /// md.comp.icon-button.outlined.pressed.icon.color + static const TokenColorRole pressedIconColor = TokenColorRole.onSurfaceVariant; /// md.comp.icon-button.outlined.pressed.state-layer.color - static const TokenColorRole pressedStateLayerColor = - TokenColorRole.onSurfaceVariant; + static const TokenColorRole pressedStateLayerColor = TokenColorRole.onSurfaceVariant; - /// md.comp.icon-button.outlined.selected.focused.icon.color - static const TokenColorRole selectedFocusedIconColor = - TokenColorRole.inverseOnSurface; + /// md.comp.icon-button.outlined.pressed.state-layer.opacity + static const double pressedStateLayerOpacity = 0.10; - /// md.comp.icon-button.outlined.selected.hovered.state-layer.color - static const TokenColorRole selectedHoveredStateLayerColor = - TokenColorRole.inverseOnSurface; + /// md.comp.icon-button.outlined.selected.container.color + static const TokenColorRole selectedContainerColor = TokenColorRole.inverseSurface; - /// md.comp.icon-button.outlined.unselected.disabled.outline.color - static const TokenColorRole unselectedDisabledOutlineColor = - TokenColorRole.outlineVariant; + /// md.comp.icon-button.outlined.selected.disabled.container.color + static const TokenColorRole selectedDisabledContainerColor = TokenColorRole.onSurface; - /// md.comp.icon-button.outlined.selected.pressed.icon.color - static const TokenColorRole selectedPressedIconColor = - TokenColorRole.inverseOnSurface; + /// md.comp.icon-button.outlined.selected.disabled.container.opacity + static const double selectedDisabledContainerOpacity = 0.10; - /// md.comp.icon-button.outlined.disabled.outline.color - static const TokenColorRole disabledOutlineColor = - TokenColorRole.outlineVariant; + /// md.comp.icon-button.outlined.selected.focused.icon.color + static const TokenColorRole selectedFocusedIconColor = TokenColorRole.inverseOnSurface; - /// md.comp.icon-button.outlined.unselected.focused.state-layer.color - static const TokenColorRole unselectedFocusedStateLayerColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.icon-button.outlined.selected.focused.state-layer.color + static const TokenColorRole selectedFocusedStateLayerColor = TokenColorRole.inverseOnSurface; - /// md.comp.icon-button.outlined.selected.disabled.container.opacity - static const double selectedDisabledContainerOpacity = 0.10; + /// md.comp.icon-button.outlined.selected.hovered.icon.color + static const TokenColorRole selectedHoveredIconColor = TokenColorRole.inverseOnSurface; - /// md.comp.icon-button.outlined.hovered.state-layer.opacity - static const double hoveredStateLayerOpacity = 0.08; + /// md.comp.icon-button.outlined.selected.hovered.state-layer.color + static const TokenColorRole selectedHoveredStateLayerColor = TokenColorRole.inverseOnSurface; - /// md.comp.icon-button.outlined.pressed.icon.color - static const TokenColorRole pressedIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.icon-button.outlined.selected.icon.color + static const TokenColorRole selectedIconColor = TokenColorRole.inverseOnSurface; + + /// md.comp.icon-button.outlined.selected.pressed.icon.color + static const TokenColorRole selectedPressedIconColor = TokenColorRole.inverseOnSurface; /// md.comp.icon-button.outlined.selected.pressed.state-layer.color - static const TokenColorRole selectedPressedStateLayerColor = - TokenColorRole.inverseOnSurface; + static const TokenColorRole selectedPressedStateLayerColor = TokenColorRole.inverseOnSurface; - /// md.comp.icon-button.outlined.hovered.state-layer.color - static const TokenColorRole hoveredStateLayerColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.icon-button.outlined.unselected.disabled.outline.color + static const TokenColorRole unselectedDisabledOutlineColor = TokenColorRole.outlineVariant; - /// md.comp.icon-button.outlined.selected.container.color - static const TokenColorRole selectedContainerColor = - TokenColorRole.inverseSurface; + /// md.comp.icon-button.outlined.unselected.focused.icon.color + static const TokenColorRole unselectedFocusedIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.icon-button.outlined.disabled.icon.color - static const TokenColorRole disabledIconColor = TokenColorRole.onSurface; + /// md.comp.icon-button.outlined.unselected.focused.state-layer.color + static const TokenColorRole unselectedFocusedStateLayerColor = TokenColorRole.onSurfaceVariant; - /// md.comp.icon-button.outlined.unselected.focused.icon.color - static const TokenColorRole unselectedFocusedIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.icon-button.outlined.unselected.hovered.icon.color + static const TokenColorRole unselectedHoveredIconColor = TokenColorRole.onSurfaceVariant; + + /// md.comp.icon-button.outlined.unselected.hovered.state-layer.color + static const TokenColorRole unselectedHoveredStateLayerColor = TokenColorRole.onSurfaceVariant; /// md.comp.icon-button.outlined.unselected.icon.color - static const TokenColorRole unselectedIconColor = - TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.icon-button.outlined.selected.icon.color - static const TokenColorRole selectedIconColor = - TokenColorRole.inverseOnSurface; + /// md.comp.icon-button.outlined.unselected.outline.color + static const TokenColorRole unselectedOutlineColor = TokenColorRole.outlineVariant; - /// md.comp.icon-button.outlined.hovered.icon.color - static const TokenColorRole hoveredIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.icon-button.outlined.unselected.pressed.icon.color + static const TokenColorRole unselectedPressedIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.icon-button.outlined.selected.focused.state-layer.color - static const TokenColorRole selectedFocusedStateLayerColor = - TokenColorRole.inverseOnSurface; + /// md.comp.icon-button.outlined.unselected.pressed.state-layer.color + static const TokenColorRole unselectedPressedStateLayerColor = TokenColorRole.onSurfaceVariant; } diff --git a/packages/material_ui/tool/gen_defaults/data/icon_button_small.dart b/packages/material_ui/tool/gen_defaults/data/icon_button_small.dart index 693717b3a6e3..51ef1297878e 100644 --- a/packages/material_ui/tool/gen_defaults/data/icon_button_small.dart +++ b/packages/material_ui/tool/gen_defaults/data/icon_button_small.dart @@ -7,32 +7,8 @@ import 'shape_struct.dart'; class TokenIconButtonSmall { - /// md.comp.icon-button.small.selected.container.shape.round - static const ShapeStruct selectedContainerShapeRound = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 12.00, - topRight: 12.00, - bottomLeft: 12.00, - bottomRight: 12.00, - ); - - /// md.comp.icon-button.small.narrow.trailing-space - static const double narrowTrailingSpace = 4.00; - - /// md.comp.icon-button.small.pressed.container.shape - static const ShapeStruct pressedContainerShape = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 8.00, - topRight: 8.00, - bottomLeft: 8.00, - bottomRight: 8.00, - ); - - /// md.comp.icon-button.small.narrow.leading-space - static const double narrowLeadingSpace = 4.00; - - /// md.comp.icon-button.small.wide.trailing-space - static const double wideTrailingSpace = 14.00; + /// md.comp.icon-button.small.container.height + static const double containerHeight = 40.00; /// md.comp.icon-button.small.container.shape.round static const ShapeStruct containerShapeRound = ShapeStruct( @@ -43,12 +19,6 @@ class TokenIconButtonSmall { bottomRight: 0.00, ); - /// md.comp.icon-button.small.pressed.container.corner-size.motion.spring.stiffness - static const double pressedContainerCornerSizeMotionSpringStiffness = 800.00; - - /// md.comp.icon-button.small.default.leading-space - static const double defaultLeadingSpace = 8.00; - /// md.comp.icon-button.small.container.shape.square static const ShapeStruct containerShapeSquare = ShapeStruct( family: 'SHAPE_FAMILY_ROUNDED_CORNERS', @@ -58,23 +28,47 @@ class TokenIconButtonSmall { bottomRight: 12.00, ); + /// md.comp.icon-button.small.default.leading-space + static const double defaultLeadingSpace = 8.00; + + /// md.comp.icon-button.small.default.trailing-space + static const double defaultTrailingSpace = 8.00; + + /// md.comp.icon-button.small.icon.size + static const double iconSize = 24.00; + + /// md.comp.icon-button.small.narrow.leading-space + static const double narrowLeadingSpace = 4.00; + + /// md.comp.icon-button.small.narrow.trailing-space + static const double narrowTrailingSpace = 4.00; + /// md.comp.icon-button.small.outlined.outline.width static const double outlinedOutlineWidth = 1.00; /// md.comp.icon-button.small.pressed.container.corner-size.motion.spring.damping static const double pressedContainerCornerSizeMotionSpringDamping = 0.60; - /// md.comp.icon-button.small.default.trailing-space - static const double defaultTrailingSpace = 8.00; - - /// md.comp.icon-button.small.container.height - static const double containerHeight = 40.00; + /// md.comp.icon-button.small.pressed.container.corner-size.motion.spring.stiffness + static const double pressedContainerCornerSizeMotionSpringStiffness = 800.00; - /// md.comp.icon-button.small.wide.leading-space - static const double wideLeadingSpace = 14.00; + /// md.comp.icon-button.small.pressed.container.shape + static const ShapeStruct pressedContainerShape = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 8.00, + topRight: 8.00, + bottomLeft: 8.00, + bottomRight: 8.00, + ); - /// md.comp.icon-button.small.icon.size - static const double iconSize = 24.00; + /// md.comp.icon-button.small.selected.container.shape.round + static const ShapeStruct selectedContainerShapeRound = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 12.00, + topRight: 12.00, + bottomLeft: 12.00, + bottomRight: 12.00, + ); /// md.comp.icon-button.small.selected.container.shape.square static const ShapeStruct selectedContainerShapeSquare = ShapeStruct( @@ -84,4 +78,10 @@ class TokenIconButtonSmall { bottomLeft: 0.00, bottomRight: 0.00, ); + + /// md.comp.icon-button.small.wide.leading-space + static const double wideLeadingSpace = 14.00; + + /// md.comp.icon-button.small.wide.trailing-space + static const double wideTrailingSpace = 14.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/icon_button_standard.dart b/packages/material_ui/tool/gen_defaults/data/icon_button_standard.dart index 66535a0f7e08..9cef5799bcc6 100644 --- a/packages/material_ui/tool/gen_defaults/data/icon_button_standard.dart +++ b/packages/material_ui/tool/gen_defaults/data/icon_button_standard.dart @@ -7,97 +7,81 @@ import 'color_role.dart'; class TokenIconButtonStandard { - /// md.comp.icon-button.standard.hovered.icon.color - static const TokenColorRole hoveredIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.icon-button.standard.disabled.icon.color + static const TokenColorRole disabledIconColor = TokenColorRole.onSurface; - /// md.comp.icon-button.standard.pressed.state-layer.color - static const TokenColorRole pressedStateLayerColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.icon-button.standard.disabled.icon.opacity + static const double disabledIconOpacity = 0.38; /// md.comp.icon-button.standard.focused.icon.color - static const TokenColorRole focusedIconColor = - TokenColorRole.onSurfaceVariant; + static const TokenColorRole focusedIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.icon-button.standard.pressed.state-layer.opacity - static const double pressedStateLayerOpacity = 0.10; + /// md.comp.icon-button.standard.focused.state-layer.color + static const TokenColorRole focusedStateLayerColor = TokenColorRole.onSurfaceVariant; - /// md.comp.icon-button.standard.unselected.pressed.icon.color - static const TokenColorRole unselectedPressedIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.icon-button.standard.focused.state-layer.opacity + static const double focusedStateLayerOpacity = 0.10; + + /// md.comp.icon-button.standard.hovered.icon.color + static const TokenColorRole hoveredIconColor = TokenColorRole.onSurfaceVariant; + + /// md.comp.icon-button.standard.hovered.state-layer.color + static const TokenColorRole hoveredStateLayerColor = TokenColorRole.onSurfaceVariant; /// md.comp.icon-button.standard.hovered.state-layer.opacity static const double hoveredStateLayerOpacity = 0.08; - /// md.comp.icon-button.standard.unselected.hovered.state-layer.color - static const TokenColorRole unselectedHoveredStateLayerColor = - TokenColorRole.onSurfaceVariant; - - /// md.comp.icon-button.standard.selected.hovered.state-layer.color - static const TokenColorRole selectedHoveredStateLayerColor = - TokenColorRole.primary; + /// md.comp.icon-button.standard.icon.color + static const TokenColorRole iconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.icon-button.standard.selected.pressed.state-layer.color - static const TokenColorRole selectedPressedStateLayerColor = - TokenColorRole.primary; + /// md.comp.icon-button.standard.pressed.icon.color + static const TokenColorRole pressedIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.icon-button.standard.hovered.state-layer.color - static const TokenColorRole hoveredStateLayerColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.icon-button.standard.pressed.state-layer.color + static const TokenColorRole pressedStateLayerColor = TokenColorRole.onSurfaceVariant; - /// md.comp.icon-button.standard.unselected.focused.icon.color - static const TokenColorRole unselectedFocusedIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.icon-button.standard.pressed.state-layer.opacity + static const double pressedStateLayerOpacity = 0.10; - /// md.comp.icon-button.standard.selected.hovered.icon.color - static const TokenColorRole selectedHoveredIconColor = TokenColorRole.primary; + /// md.comp.icon-button.standard.selected.focused.icon.color + static const TokenColorRole selectedFocusedIconColor = TokenColorRole.primary; /// md.comp.icon-button.standard.selected.focused.state-layer.color - static const TokenColorRole selectedFocusedStateLayerColor = - TokenColorRole.primary; - - /// md.comp.icon-button.standard.focused.state-layer.opacity - static const double focusedStateLayerOpacity = 0.10; + static const TokenColorRole selectedFocusedStateLayerColor = TokenColorRole.primary; - /// md.comp.icon-button.standard.unselected.hovered.icon.color - static const TokenColorRole unselectedHoveredIconColor = - TokenColorRole.onSurfaceVariant; - - /// md.comp.icon-button.standard.unselected.focused.state-layer.color - static const TokenColorRole unselectedFocusedStateLayerColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.icon-button.standard.selected.hovered.icon.color + static const TokenColorRole selectedHoveredIconColor = TokenColorRole.primary; - /// md.comp.icon-button.standard.unselected.icon.color - static const TokenColorRole unselectedIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.icon-button.standard.selected.hovered.state-layer.color + static const TokenColorRole selectedHoveredStateLayerColor = TokenColorRole.primary; - /// md.comp.icon-button.standard.unselected.pressed.state-layer.color - static const TokenColorRole unselectedPressedStateLayerColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.icon-button.standard.selected.icon.color + static const TokenColorRole selectedIconColor = TokenColorRole.primary; /// md.comp.icon-button.standard.selected.pressed.icon.color static const TokenColorRole selectedPressedIconColor = TokenColorRole.primary; - /// md.comp.icon-button.standard.focused.state-layer.color - static const TokenColorRole focusedStateLayerColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.icon-button.standard.selected.pressed.state-layer.color + static const TokenColorRole selectedPressedStateLayerColor = TokenColorRole.primary; - /// md.comp.icon-button.standard.disabled.icon.opacity - static const double disabledIconOpacity = 0.38; + /// md.comp.icon-button.standard.unselected.focused.icon.color + static const TokenColorRole unselectedFocusedIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.icon-button.standard.pressed.icon.color - static const TokenColorRole pressedIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.icon-button.standard.unselected.focused.state-layer.color + static const TokenColorRole unselectedFocusedStateLayerColor = TokenColorRole.onSurfaceVariant; - /// md.comp.icon-button.standard.icon.color - static const TokenColorRole iconColor = TokenColorRole.onSurfaceVariant; + /// md.comp.icon-button.standard.unselected.hovered.icon.color + static const TokenColorRole unselectedHoveredIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.icon-button.standard.selected.icon.color - static const TokenColorRole selectedIconColor = TokenColorRole.primary; + /// md.comp.icon-button.standard.unselected.hovered.state-layer.color + static const TokenColorRole unselectedHoveredStateLayerColor = TokenColorRole.onSurfaceVariant; - /// md.comp.icon-button.standard.selected.focused.icon.color - static const TokenColorRole selectedFocusedIconColor = TokenColorRole.primary; + /// md.comp.icon-button.standard.unselected.icon.color + static const TokenColorRole unselectedIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.icon-button.standard.disabled.icon.color - static const TokenColorRole disabledIconColor = TokenColorRole.onSurface; + /// md.comp.icon-button.standard.unselected.pressed.icon.color + static const TokenColorRole unselectedPressedIconColor = TokenColorRole.onSurfaceVariant; + + /// md.comp.icon-button.standard.unselected.pressed.state-layer.color + static const TokenColorRole unselectedPressedStateLayerColor = TokenColorRole.onSurfaceVariant; } diff --git a/packages/material_ui/tool/gen_defaults/data/icon_button_tonal.dart b/packages/material_ui/tool/gen_defaults/data/icon_button_tonal.dart index 1300eaed967b..ec20b930a266 100644 --- a/packages/material_ui/tool/gen_defaults/data/icon_button_tonal.dart +++ b/packages/material_ui/tool/gen_defaults/data/icon_button_tonal.dart @@ -7,117 +7,99 @@ import 'color_role.dart'; class TokenIconButtonTonal { - /// md.comp.icon-button.tonal.unselected.focused.state-layer.color - static const TokenColorRole unselectedFocusedStateLayerColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.icon-button.tonal.container.color + static const TokenColorRole containerColor = TokenColorRole.secondaryContainer; - /// md.comp.icon-button.tonal.hovered.state-layer.opacity - static const double hoveredStateLayerOpacity = 0.08; + /// md.comp.icon-button.tonal.disabled.container.color + static const TokenColorRole disabledContainerColor = TokenColorRole.onSurface; - /// md.comp.icon-button.tonal.container.color - static const TokenColorRole containerColor = - TokenColorRole.secondaryContainer; + /// md.comp.icon-button.tonal.disabled.container.opacity + static const double disabledContainerOpacity = 0.10; - /// md.comp.icon-button.tonal.selected.hovered.icon.color - static const TokenColorRole selectedHoveredIconColor = - TokenColorRole.onSecondary; + /// md.comp.icon-button.tonal.disabled.icon.color + static const TokenColorRole disabledIconColor = TokenColorRole.onSurface; /// md.comp.icon-button.tonal.disabled.icon.opacity static const double disabledIconOpacity = 0.38; - /// md.comp.icon-button.tonal.selected.pressed.icon.color - static const TokenColorRole selectedPressedIconColor = - TokenColorRole.onSecondary; + /// md.comp.icon-button.tonal.focused.icon.color + static const TokenColorRole focusedIconColor = TokenColorRole.onSecondaryContainer; - /// md.comp.icon-button.tonal.unselected.hovered.icon.color - static const TokenColorRole unselectedHoveredIconColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.icon-button.tonal.focused.state-layer.color + static const TokenColorRole focusedStateLayerColor = TokenColorRole.onSecondaryContainer; - /// md.comp.icon-button.tonal.unselected.icon.color - static const TokenColorRole unselectedIconColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.icon-button.tonal.focused.state-layer.opacity + static const double focusedStateLayerOpacity = 0.10; - /// md.comp.icon-button.tonal.selected.hovered.state-layer.color - static const TokenColorRole selectedHoveredStateLayerColor = - TokenColorRole.onSecondary; + /// md.comp.icon-button.tonal.hovered.icon.color + static const TokenColorRole hoveredIconColor = TokenColorRole.onSecondaryContainer; - /// md.comp.icon-button.tonal.focused.icon.color - static const TokenColorRole focusedIconColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.icon-button.tonal.hovered.state-layer.color + static const TokenColorRole hoveredStateLayerColor = TokenColorRole.onSecondaryContainer; - /// md.comp.icon-button.tonal.unselected.hovered.state-layer.color - static const TokenColorRole unselectedHoveredStateLayerColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.icon-button.tonal.hovered.state-layer.opacity + static const double hoveredStateLayerOpacity = 0.08; /// md.comp.icon-button.tonal.icon.color static const TokenColorRole iconColor = TokenColorRole.onSecondaryContainer; - /// md.comp.icon-button.tonal.selected.icon.color - static const TokenColorRole selectedIconColor = TokenColorRole.onSecondary; - - /// md.comp.icon-button.tonal.focused.state-layer.opacity - static const double focusedStateLayerOpacity = 0.10; - - /// md.comp.icon-button.tonal.selected.focused.state-layer.color - static const TokenColorRole selectedFocusedStateLayerColor = - TokenColorRole.onSecondary; - - /// md.comp.icon-button.tonal.disabled.icon.color - static const TokenColorRole disabledIconColor = TokenColorRole.onSurface; + /// md.comp.icon-button.tonal.pressed.icon.color + static const TokenColorRole pressedIconColor = TokenColorRole.onSecondaryContainer; /// md.comp.icon-button.tonal.pressed.state-layer.color - static const TokenColorRole pressedStateLayerColor = - TokenColorRole.onSecondaryContainer; + static const TokenColorRole pressedStateLayerColor = TokenColorRole.onSecondaryContainer; - /// md.comp.icon-button.tonal.disabled.container.opacity - static const double disabledContainerOpacity = 0.10; - - /// md.comp.icon-button.tonal.disabled.container.color - static const TokenColorRole disabledContainerColor = TokenColorRole.onSurface; + /// md.comp.icon-button.tonal.pressed.state-layer.opacity + static const double pressedStateLayerOpacity = 0.10; /// md.comp.icon-button.tonal.selected.container.color static const TokenColorRole selectedContainerColor = TokenColorRole.secondary; - /// md.comp.icon-button.tonal.unselected.container.color - static const TokenColorRole unselectedContainerColor = - TokenColorRole.secondaryContainer; - /// md.comp.icon-button.tonal.selected.focused.icon.color - static const TokenColorRole selectedFocusedIconColor = - TokenColorRole.onSecondary; + static const TokenColorRole selectedFocusedIconColor = TokenColorRole.onSecondary; - /// md.comp.icon-button.tonal.unselected.focused.icon.color - static const TokenColorRole unselectedFocusedIconColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.icon-button.tonal.selected.focused.state-layer.color + static const TokenColorRole selectedFocusedStateLayerColor = TokenColorRole.onSecondary; - /// md.comp.icon-button.tonal.unselected.pressed.icon.color - static const TokenColorRole unselectedPressedIconColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.icon-button.tonal.selected.hovered.icon.color + static const TokenColorRole selectedHoveredIconColor = TokenColorRole.onSecondary; - /// md.comp.icon-button.tonal.unselected.pressed.state-layer.color - static const TokenColorRole unselectedPressedStateLayerColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.icon-button.tonal.selected.hovered.state-layer.color + static const TokenColorRole selectedHoveredStateLayerColor = TokenColorRole.onSecondary; + + /// md.comp.icon-button.tonal.selected.icon.color + static const TokenColorRole selectedIconColor = TokenColorRole.onSecondary; + + /// md.comp.icon-button.tonal.selected.pressed.icon.color + static const TokenColorRole selectedPressedIconColor = TokenColorRole.onSecondary; /// md.comp.icon-button.tonal.selected.pressed.state-layer.color - static const TokenColorRole selectedPressedStateLayerColor = - TokenColorRole.onSecondary; + static const TokenColorRole selectedPressedStateLayerColor = TokenColorRole.onSecondary; - /// md.comp.icon-button.tonal.pressed.icon.color - static const TokenColorRole pressedIconColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.icon-button.tonal.unselected.container.color + static const TokenColorRole unselectedContainerColor = TokenColorRole.secondaryContainer; - /// md.comp.icon-button.tonal.hovered.state-layer.color - static const TokenColorRole hoveredStateLayerColor = + /// md.comp.icon-button.tonal.unselected.focused.icon.color + static const TokenColorRole unselectedFocusedIconColor = TokenColorRole.onSecondaryContainer; + + /// md.comp.icon-button.tonal.unselected.focused.state-layer.color + static const TokenColorRole unselectedFocusedStateLayerColor = TokenColorRole.onSecondaryContainer; - /// md.comp.icon-button.tonal.hovered.icon.color - static const TokenColorRole hoveredIconColor = + /// md.comp.icon-button.tonal.unselected.hovered.icon.color + static const TokenColorRole unselectedHoveredIconColor = TokenColorRole.onSecondaryContainer; + + /// md.comp.icon-button.tonal.unselected.hovered.state-layer.color + static const TokenColorRole unselectedHoveredStateLayerColor = TokenColorRole.onSecondaryContainer; - /// md.comp.icon-button.tonal.pressed.state-layer.opacity - static const double pressedStateLayerOpacity = 0.10; + /// md.comp.icon-button.tonal.unselected.icon.color + static const TokenColorRole unselectedIconColor = TokenColorRole.onSecondaryContainer; - /// md.comp.icon-button.tonal.focused.state-layer.color - static const TokenColorRole focusedStateLayerColor = + /// md.comp.icon-button.tonal.unselected.pressed.icon.color + static const TokenColorRole unselectedPressedIconColor = TokenColorRole.onSecondaryContainer; + + /// md.comp.icon-button.tonal.unselected.pressed.state-layer.color + static const TokenColorRole unselectedPressedStateLayerColor = TokenColorRole.onSecondaryContainer; } diff --git a/packages/material_ui/tool/gen_defaults/data/icon_button_xlarge.dart b/packages/material_ui/tool/gen_defaults/data/icon_button_xlarge.dart index d332a30b9bae..fd487c74ce3c 100644 --- a/packages/material_ui/tool/gen_defaults/data/icon_button_xlarge.dart +++ b/packages/material_ui/tool/gen_defaults/data/icon_button_xlarge.dart @@ -7,16 +7,16 @@ import 'shape_struct.dart'; class TokenIconButtonXlarge { - /// md.comp.icon-button.xlarge.narrow.trailing-space - static const double narrowTrailingSpace = 32.00; + /// md.comp.icon-button.xlarge.container.height + static const double containerHeight = 136.00; - /// md.comp.icon-button.xlarge.pressed.container.shape - static const ShapeStruct pressedContainerShape = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 16.00, - topRight: 16.00, - bottomLeft: 16.00, - bottomRight: 16.00, + /// md.comp.icon-button.xlarge.container.shape.round + static const ShapeStruct containerShapeRound = ShapeStruct( + family: 'SHAPE_FAMILY_CIRCULAR', + topLeft: 0.00, + topRight: 0.00, + bottomLeft: 0.00, + bottomRight: 0.00, ); /// md.comp.icon-button.xlarge.container.shape.square @@ -31,19 +31,34 @@ class TokenIconButtonXlarge { /// md.comp.icon-button.xlarge.default.leading-space static const double defaultLeadingSpace = 48.00; - /// md.comp.icon-button.xlarge.wide.trailing-space - static const double wideTrailingSpace = 72.00; + /// md.comp.icon-button.xlarge.default.trailing-space + static const double defaultTrailingSpace = 48.00; - /// md.comp.icon-button.xlarge.container.height - static const double containerHeight = 136.00; + /// md.comp.icon-button.xlarge.icon.size + static const double iconSize = 40.00; - /// md.comp.icon-button.xlarge.selected.container.shape.square - static const ShapeStruct selectedContainerShapeSquare = ShapeStruct( - family: 'SHAPE_FAMILY_CIRCULAR', - topLeft: 0.00, - topRight: 0.00, - bottomLeft: 0.00, - bottomRight: 0.00, + /// md.comp.icon-button.xlarge.narrow.leading-space + static const double narrowLeadingSpace = 32.00; + + /// md.comp.icon-button.xlarge.narrow.trailing-space + static const double narrowTrailingSpace = 32.00; + + /// md.comp.icon-button.xlarge.outlined.outline.width + static const double outlinedOutlineWidth = 3.00; + + /// md.comp.icon-button.xlarge.pressed.container.corner-size.motion.spring.damping + static const double pressedContainerCornerSizeMotionSpringDamping = 0.60; + + /// md.comp.icon-button.xlarge.pressed.container.corner-size.motion.spring.stiffness + static const double pressedContainerCornerSizeMotionSpringStiffness = 800.00; + + /// md.comp.icon-button.xlarge.pressed.container.shape + static const ShapeStruct pressedContainerShape = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 16.00, + topRight: 16.00, + bottomLeft: 16.00, + bottomRight: 16.00, ); /// md.comp.icon-button.xlarge.selected.container.shape.round @@ -55,14 +70,8 @@ class TokenIconButtonXlarge { bottomRight: 28.00, ); - /// md.comp.icon-button.xlarge.default.trailing-space - static const double defaultTrailingSpace = 48.00; - - /// md.comp.icon-button.xlarge.narrow.leading-space - static const double narrowLeadingSpace = 32.00; - - /// md.comp.icon-button.xlarge.container.shape.round - static const ShapeStruct containerShapeRound = ShapeStruct( + /// md.comp.icon-button.xlarge.selected.container.shape.square + static const ShapeStruct selectedContainerShapeSquare = ShapeStruct( family: 'SHAPE_FAMILY_CIRCULAR', topLeft: 0.00, topRight: 0.00, @@ -70,18 +79,9 @@ class TokenIconButtonXlarge { bottomRight: 0.00, ); - /// md.comp.icon-button.xlarge.outlined.outline.width - static const double outlinedOutlineWidth = 3.00; - - /// md.comp.icon-button.xlarge.pressed.container.corner-size.motion.spring.stiffness - static const double pressedContainerCornerSizeMotionSpringStiffness = 800.00; - - /// md.comp.icon-button.xlarge.icon.size - static const double iconSize = 40.00; - - /// md.comp.icon-button.xlarge.pressed.container.corner-size.motion.spring.damping - static const double pressedContainerCornerSizeMotionSpringDamping = 0.60; - /// md.comp.icon-button.xlarge.wide.leading-space static const double wideLeadingSpace = 72.00; + + /// md.comp.icon-button.xlarge.wide.trailing-space + static const double wideTrailingSpace = 72.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/icon_button_xsmall.dart b/packages/material_ui/tool/gen_defaults/data/icon_button_xsmall.dart index 9b7109f60bcc..0885270f1f20 100644 --- a/packages/material_ui/tool/gen_defaults/data/icon_button_xsmall.dart +++ b/packages/material_ui/tool/gen_defaults/data/icon_button_xsmall.dart @@ -7,41 +7,8 @@ import 'shape_struct.dart'; class TokenIconButtonXsmall { - /// md.comp.icon-button.xsmall.default.trailing-space - static const double defaultTrailingSpace = 6.00; - - /// md.comp.icon-button.xsmall.pressed.container.corner-size.motion.spring.damping - static const double pressedContainerCornerSizeMotionSpringDamping = 0.60; - - /// md.comp.icon-button.xsmall.wide.trailing-space - static const double wideTrailingSpace = 10.00; - - /// md.comp.icon-button.xsmall.default.leading-space - static const double defaultLeadingSpace = 6.00; - - /// md.comp.icon-button.xsmall.selected.container.shape.square - static const ShapeStruct selectedContainerShapeSquare = ShapeStruct( - family: 'SHAPE_FAMILY_CIRCULAR', - topLeft: 0.00, - topRight: 0.00, - bottomLeft: 0.00, - bottomRight: 0.00, - ); - - /// md.comp.icon-button.xsmall.wide.leading-space - static const double wideLeadingSpace = 10.00; - - /// md.comp.icon-button.xsmall.icon.size - static const double iconSize = 20.00; - - /// md.comp.icon-button.xsmall.pressed.container.shape - static const ShapeStruct pressedContainerShape = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 8.00, - topRight: 8.00, - bottomLeft: 8.00, - bottomRight: 8.00, - ); + /// md.comp.icon-button.xsmall.container.height + static const double containerHeight = 32.00; /// md.comp.icon-button.xsmall.container.shape.round static const ShapeStruct containerShapeRound = ShapeStruct( @@ -52,15 +19,6 @@ class TokenIconButtonXsmall { bottomRight: 0.00, ); - /// md.comp.icon-button.xsmall.narrow.leading-space - static const double narrowLeadingSpace = 4.00; - - /// md.comp.icon-button.xsmall.pressed.container.corner-size.motion.spring.stiffness - static const double pressedContainerCornerSizeMotionSpringStiffness = 800.00; - - /// md.comp.icon-button.xsmall.container.height - static const double containerHeight = 32.00; - /// md.comp.icon-button.xsmall.container.shape.square static const ShapeStruct containerShapeSquare = ShapeStruct( family: 'SHAPE_FAMILY_ROUNDED_CORNERS', @@ -70,12 +28,39 @@ class TokenIconButtonXsmall { bottomRight: 12.00, ); - /// md.comp.icon-button.xsmall.outlined.outline.width - static const double outlinedOutlineWidth = 1.00; + /// md.comp.icon-button.xsmall.default.leading-space + static const double defaultLeadingSpace = 6.00; + + /// md.comp.icon-button.xsmall.default.trailing-space + static const double defaultTrailingSpace = 6.00; + + /// md.comp.icon-button.xsmall.icon.size + static const double iconSize = 20.00; + + /// md.comp.icon-button.xsmall.narrow.leading-space + static const double narrowLeadingSpace = 4.00; /// md.comp.icon-button.xsmall.narrow.trailing-space static const double narrowTrailingSpace = 4.00; + /// md.comp.icon-button.xsmall.outlined.outline.width + static const double outlinedOutlineWidth = 1.00; + + /// md.comp.icon-button.xsmall.pressed.container.corner-size.motion.spring.damping + static const double pressedContainerCornerSizeMotionSpringDamping = 0.60; + + /// md.comp.icon-button.xsmall.pressed.container.corner-size.motion.spring.stiffness + static const double pressedContainerCornerSizeMotionSpringStiffness = 800.00; + + /// md.comp.icon-button.xsmall.pressed.container.shape + static const ShapeStruct pressedContainerShape = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 8.00, + topRight: 8.00, + bottomLeft: 8.00, + bottomRight: 8.00, + ); + /// md.comp.icon-button.xsmall.selected.container.shape.round static const ShapeStruct selectedContainerShapeRound = ShapeStruct( family: 'SHAPE_FAMILY_ROUNDED_CORNERS', @@ -84,4 +69,19 @@ class TokenIconButtonXsmall { bottomLeft: 12.00, bottomRight: 12.00, ); + + /// md.comp.icon-button.xsmall.selected.container.shape.square + static const ShapeStruct selectedContainerShapeSquare = ShapeStruct( + family: 'SHAPE_FAMILY_CIRCULAR', + topLeft: 0.00, + topRight: 0.00, + bottomLeft: 0.00, + bottomRight: 0.00, + ); + + /// md.comp.icon-button.xsmall.wide.leading-space + static const double wideLeadingSpace = 10.00; + + /// md.comp.icon-button.xsmall.wide.trailing-space + static const double wideTrailingSpace = 10.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/input_chip.dart b/packages/material_ui/tool/gen_defaults/data/input_chip.dart index c1b329833241..ec8cd8dfba97 100644 --- a/packages/material_ui/tool/gen_defaults/data/input_chip.dart +++ b/packages/material_ui/tool/gen_defaults/data/input_chip.dart @@ -8,298 +8,269 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenInputChip { - /// md.comp.input-chip.unselected.dragged.state-layer.opacity - static const double unselectedDraggedStateLayerOpacity = 0.16; - - /// md.comp.input-chip.unselected.hover.state-layer.opacity - static const double unselectedHoverStateLayerOpacity = 0.08; - - /// md.comp.input-chip.selected.pressed.label-text.color - static const TokenColorRole selectedPressedLabelTextColor = - TokenColorRole.onSecondaryContainer; - - /// md.comp.input-chip.with-trailing-icon.selected.hover.trailing-icon.color - static const TokenColorRole withTrailingIconSelectedHoverTrailingIconColor = - TokenColorRole.onSecondaryContainer; - - /// md.comp.input-chip.with-leading-icon.selected.leading-icon.color - static const TokenColorRole withLeadingIconSelectedLeadingIconColor = - TokenColorRole.primary; - - /// md.comp.input-chip.selected.container.color - static const TokenColorRole selectedContainerColor = - TokenColorRole.secondaryContainer; + /// md.comp.input-chip.container.elevation + static const double containerElevation = 0.00; - /// md.comp.input-chip.with-trailing-icon.trailing-icon.size - static const double withTrailingIconTrailingIconSize = 18.00; + /// md.comp.input-chip.container.height + static const double containerHeight = 32.00; - /// md.comp.input-chip.selected.focus.state-layer.opacity - static const double selectedFocusStateLayerOpacity = 0.10; + /// md.comp.input-chip.container.shape + static const ShapeStruct containerShape = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 8.00, + topRight: 8.00, + bottomLeft: 8.00, + bottomRight: 8.00, + ); - /// md.comp.input-chip.selected.pressed.state-layer.color - static const TokenColorRole selectedPressedStateLayerColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.input-chip.disabled.label-text.color + static const TokenColorRole disabledLabelTextColor = TokenColorRole.onSurface; - /// md.comp.input-chip.selected.dragged.state-layer.color - static const TokenColorRole selectedDraggedStateLayerColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.input-chip.disabled.label-text.opacity + static const double disabledLabelTextOpacity = 0.38; - /// md.comp.input-chip.with-leading-icon.unselected.dragged.leading-icon.color - static const TokenColorRole withLeadingIconUnselectedDraggedLeadingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.input-chip.disabled.selected.container.color + static const TokenColorRole disabledSelectedContainerColor = TokenColorRole.onSurface; - /// md.comp.input-chip.with-avatar.avatar.size - static const double withAvatarAvatarSize = 24.00; + /// md.comp.input-chip.disabled.selected.container.opacity + static const double disabledSelectedContainerOpacity = 0.12; - /// md.comp.input-chip.selected.hover.state-layer.opacity - static const double selectedHoverStateLayerOpacity = 0.08; + /// md.comp.input-chip.disabled.unselected.outline.color + static const TokenColorRole disabledUnselectedOutlineColor = TokenColorRole.onSurface; - /// md.comp.input-chip.with-leading-icon.leading-icon.size - static const double withLeadingIconLeadingIconSize = 18.00; + /// md.comp.input-chip.disabled.unselected.outline.opacity + static const double disabledUnselectedOutlineOpacity = 0.12; /// md.comp.input-chip.dragged.container.elevation static const double draggedContainerElevation = 8.00; - /// md.comp.input-chip.selected.outline.width - static const double selectedOutlineWidth = 0.00; - - /// md.comp.input-chip.with-avatar.avatar.shape - static const ShapeStruct withAvatarAvatarShape = ShapeStruct( - family: 'SHAPE_FAMILY_CIRCULAR', - topLeft: 0.00, - topRight: 0.00, - bottomLeft: 0.00, - bottomRight: 0.00, - ); - - /// md.comp.input-chip.with-trailing-icon.unselected.pressed.trailing-icon.color - static const TokenColorRole - withTrailingIconUnselectedPressedTrailingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.input-chip.focus.indicator.color + static const TokenColorRole focusIndicatorColor = TokenColorRole.secondary; - /// md.comp.input-chip.unselected.focus.outline.color - static const TokenColorRole unselectedFocusOutlineColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.input-chip.focus.indicator.outline.offset + static const double focusIndicatorOutlineOffset = 2.00; - /// md.comp.input-chip.with-leading-icon.selected.hover.leading-icon.color - static const TokenColorRole withLeadingIconSelectedHoverLeadingIconColor = - TokenColorRole.primary; + /// md.comp.input-chip.focus.indicator.thickness + static const double focusIndicatorThickness = 3.00; - /// md.comp.input-chip.disabled.unselected.outline.color - static const TokenColorRole disabledUnselectedOutlineColor = - TokenColorRole.onSurface; + /// md.comp.input-chip.label-text.font + static const String labelTextFont = 'Roboto'; - /// md.comp.input-chip.with-leading-icon.selected.pressed.leading-icon.color - static const TokenColorRole withLeadingIconSelectedPressedLeadingIconColor = - TokenColorRole.primary; + /// md.comp.input-chip.label-text.type + static const String labelTextTypeFontFamily = 'Roboto'; - /// md.comp.input-chip.unselected.label-text.color - static const TokenColorRole unselectedLabelTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.input-chip.label-text.type + static const double labelTextTypeFontSize = 14.00; - /// md.comp.input-chip.with-leading-icon.unselected.focus.leading-icon.color - static const TokenColorRole withLeadingIconUnselectedFocusLeadingIconColor = - TokenColorRole.primary; + /// md.comp.input-chip.label-text.type + static const double labelTextTypeFontWeight = 500; - /// md.comp.input-chip.with-trailing-icon.selected.trailing-icon.color - static const TokenColorRole withTrailingIconSelectedTrailingIconColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.input-chip.label-text.type + static const double labelTextTypeLetterSpacing = 0.10; - /// md.comp.input-chip.focus.indicator.color - static const TokenColorRole focusIndicatorColor = TokenColorRole.secondary; + /// md.comp.input-chip.label-text.type + static const double labelTextTypeLineHeight = 20.00; - /// md.comp.input-chip.unselected.pressed.label-text.color - static const TokenColorRole unselectedPressedLabelTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.input-chip.selected.container.color + static const TokenColorRole selectedContainerColor = TokenColorRole.secondaryContainer; /// md.comp.input-chip.selected.dragged.label-text.color - static const TokenColorRole selectedDraggedLabelTextColor = - TokenColorRole.onSecondaryContainer; - - /// md.comp.input-chip.with-leading-icon.unselected.hover.leading-icon.color - static const TokenColorRole withLeadingIconUnselectedHoverLeadingIconColor = - TokenColorRole.primary; - - /// md.comp.input-chip.with-trailing-icon.unselected.dragged.trailing-icon.color - static const TokenColorRole - withTrailingIconUnselectedDraggedTrailingIconColor = TokenColorRole.primary; - - /// md.comp.input-chip.with-leading-icon.disabled.leading-icon.color - static const TokenColorRole withLeadingIconDisabledLeadingIconColor = - TokenColorRole.onSurface; + static const TokenColorRole selectedDraggedLabelTextColor = TokenColorRole.onSecondaryContainer; - /// md.comp.input-chip.disabled.label-text.opacity - static const double disabledLabelTextOpacity = 0.38; + /// md.comp.input-chip.selected.dragged.state-layer.color + static const TokenColorRole selectedDraggedStateLayerColor = TokenColorRole.onSecondaryContainer; - /// md.comp.input-chip.with-leading-icon.unselected.leading-icon.color - static const TokenColorRole withLeadingIconUnselectedLeadingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.input-chip.selected.dragged.state-layer.opacity + static const double selectedDraggedStateLayerOpacity = 0.16; - /// md.comp.input-chip.with-trailing-icon.unselected.hover.trailing-icon.color - static const TokenColorRole withTrailingIconUnselectedHoverTrailingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.input-chip.selected.focus.label-text.color + static const TokenColorRole selectedFocusLabelTextColor = TokenColorRole.onSecondaryContainer; - /// md.comp.input-chip.with-leading-icon.disabled.leading-icon.opacity - static const double withLeadingIconDisabledLeadingIconOpacity = 0.38; + /// md.comp.input-chip.selected.focus.state-layer.color + static const TokenColorRole selectedFocusStateLayerColor = TokenColorRole.onSecondaryContainer; - /// md.comp.input-chip.focus.indicator.thickness - static const double focusIndicatorThickness = 3.00; + /// md.comp.input-chip.selected.focus.state-layer.opacity + static const double selectedFocusStateLayerOpacity = 0.10; - /// md.comp.input-chip.with-trailing-icon.selected.dragged.trailing-icon.color - static const TokenColorRole withTrailingIconSelectedDraggedTrailingIconColor = - TokenColorRole.primary; + /// md.comp.input-chip.selected.hover.label-text.color + static const TokenColorRole selectedHoverLabelTextColor = TokenColorRole.onSecondaryContainer; /// md.comp.input-chip.selected.hover.state-layer.color - static const TokenColorRole selectedHoverStateLayerColor = - TokenColorRole.onSecondaryContainer; + static const TokenColorRole selectedHoverStateLayerColor = TokenColorRole.onSecondaryContainer; - /// md.comp.input-chip.with-trailing-icon.selected.focus.trailing-icon.color - static const TokenColorRole withTrailingIconSelectedFocusTrailingIconColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.input-chip.selected.hover.state-layer.opacity + static const double selectedHoverStateLayerOpacity = 0.08; - /// md.comp.input-chip.container.shape - static const ShapeStruct containerShape = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 8.00, - topRight: 8.00, - bottomLeft: 8.00, - bottomRight: 8.00, - ); + /// md.comp.input-chip.selected.label-text.color + static const TokenColorRole selectedLabelTextColor = TokenColorRole.onSecondaryContainer; - /// md.comp.input-chip.container.height - static const double containerHeight = 32.00; + /// md.comp.input-chip.selected.outline.width + static const double selectedOutlineWidth = 0.00; - /// md.comp.input-chip.unselected.dragged.state-layer.color - static const TokenColorRole unselectedDraggedStateLayerColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.input-chip.selected.pressed.label-text.color + static const TokenColorRole selectedPressedLabelTextColor = TokenColorRole.onSecondaryContainer; - /// md.comp.input-chip.selected.hover.label-text.color - static const TokenColorRole selectedHoverLabelTextColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.input-chip.selected.pressed.state-layer.color + static const TokenColorRole selectedPressedStateLayerColor = TokenColorRole.onSecondaryContainer; /// md.comp.input-chip.selected.pressed.state-layer.opacity static const double selectedPressedStateLayerOpacity = 0.10; - /// md.comp.input-chip.disabled.label-text.color - static const TokenColorRole disabledLabelTextColor = TokenColorRole.onSurface; + /// md.comp.input-chip.unselected.dragged.label-text.color + static const TokenColorRole unselectedDraggedLabelTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.input-chip.unselected.hover.label-text.color - static const TokenColorRole unselectedHoverLabelTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.input-chip.unselected.dragged.state-layer.color + static const TokenColorRole unselectedDraggedStateLayerColor = TokenColorRole.onSurfaceVariant; + + /// md.comp.input-chip.unselected.dragged.state-layer.opacity + static const double unselectedDraggedStateLayerOpacity = 0.16; + + /// md.comp.input-chip.unselected.focus.label-text.color + static const TokenColorRole unselectedFocusLabelTextColor = TokenColorRole.onSurfaceVariant; + + /// md.comp.input-chip.unselected.focus.outline.color + static const TokenColorRole unselectedFocusOutlineColor = TokenColorRole.onSurfaceVariant; /// md.comp.input-chip.unselected.focus.state-layer.color - static const TokenColorRole unselectedFocusStateLayerColor = - TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedFocusStateLayerColor = TokenColorRole.onSurfaceVariant; - /// md.comp.input-chip.disabled.unselected.outline.opacity - static const double disabledUnselectedOutlineOpacity = 0.12; + /// md.comp.input-chip.unselected.focus.state-layer.opacity + static const double unselectedFocusStateLayerOpacity = 0.10; - /// md.comp.input-chip.unselected.pressed.state-layer.opacity - static const double unselectedPressedStateLayerOpacity = 0.10; + /// md.comp.input-chip.unselected.hover.label-text.color + static const TokenColorRole unselectedHoverLabelTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.input-chip.disabled.selected.container.color - static const TokenColorRole disabledSelectedContainerColor = - TokenColorRole.onSurface; + /// md.comp.input-chip.unselected.hover.state-layer.color + static const TokenColorRole unselectedHoverStateLayerColor = TokenColorRole.onSurfaceVariant; - /// md.comp.input-chip.with-leading-icon.unselected.pressed.leading-icon.color - static const TokenColorRole withLeadingIconUnselectedPressedLeadingIconColor = - TokenColorRole.primary; + /// md.comp.input-chip.unselected.hover.state-layer.opacity + static const double unselectedHoverStateLayerOpacity = 0.08; - /// md.comp.input-chip.with-trailing-icon.disabled.trailing-icon.opacity - static const double withTrailingIconDisabledTrailingIconOpacity = 0.38; + /// md.comp.input-chip.unselected.label-text.color + static const TokenColorRole unselectedLabelTextColor = TokenColorRole.onSurfaceVariant; /// md.comp.input-chip.unselected.outline.color - static const TokenColorRole unselectedOutlineColor = - TokenColorRole.outlineVariant; + static const TokenColorRole unselectedOutlineColor = TokenColorRole.outlineVariant; - /// md.comp.input-chip.disabled.selected.container.opacity - static const double disabledSelectedContainerOpacity = 0.12; + /// md.comp.input-chip.unselected.outline.width + static const double unselectedOutlineWidth = 1.00; - /// md.comp.input-chip.container.elevation - static const double containerElevation = 0.00; + /// md.comp.input-chip.unselected.pressed.label-text.color + static const TokenColorRole unselectedPressedLabelTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.input-chip.unselected.focus.state-layer.opacity - static const double unselectedFocusStateLayerOpacity = 0.10; + /// md.comp.input-chip.unselected.pressed.state-layer.color + static const TokenColorRole unselectedPressedStateLayerColor = TokenColorRole.onSurfaceVariant; - /// md.comp.input-chip.selected.label-text.color - static const TokenColorRole selectedLabelTextColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.input-chip.unselected.pressed.state-layer.opacity + static const double unselectedPressedStateLayerOpacity = 0.10; - /// md.comp.input-chip.focus.indicator.outline.offset - static const double focusIndicatorOutlineOffset = 2.00; + /// md.comp.input-chip.with-avatar.avatar.shape + static const ShapeStruct withAvatarAvatarShape = ShapeStruct( + family: 'SHAPE_FAMILY_CIRCULAR', + topLeft: 0.00, + topRight: 0.00, + bottomLeft: 0.00, + bottomRight: 0.00, + ); - /// md.comp.input-chip.with-trailing-icon.unselected.trailing-icon.color - static const TokenColorRole withTrailingIconUnselectedTrailingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.input-chip.with-avatar.avatar.size + static const double withAvatarAvatarSize = 24.00; - /// md.comp.input-chip.unselected.dragged.label-text.color - static const TokenColorRole unselectedDraggedLabelTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.input-chip.with-avatar.disabled.avatar.opacity + static const double withAvatarDisabledAvatarOpacity = 0.38; - /// md.comp.input-chip.unselected.focus.label-text.color - static const TokenColorRole unselectedFocusLabelTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.input-chip.with-leading-icon.disabled.leading-icon.color + static const TokenColorRole withLeadingIconDisabledLeadingIconColor = TokenColorRole.onSurface; + + /// md.comp.input-chip.with-leading-icon.disabled.leading-icon.opacity + static const double withLeadingIconDisabledLeadingIconOpacity = 0.38; + + /// md.comp.input-chip.with-leading-icon.leading-icon.size + static const double withLeadingIconLeadingIconSize = 18.00; /// md.comp.input-chip.with-leading-icon.selected.dragged.leading-icon.color static const TokenColorRole withLeadingIconSelectedDraggedLeadingIconColor = TokenColorRole.onSecondaryContainer; - /// md.comp.input-chip.with-trailing-icon.selected.pressed.trailing-icon.color - static const TokenColorRole withTrailingIconSelectedPressedTrailingIconColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.input-chip.with-leading-icon.selected.focus.leading-icon.color + static const TokenColorRole withLeadingIconSelectedFocusLeadingIconColor = TokenColorRole.primary; - /// md.comp.input-chip.selected.focus.state-layer.color - static const TokenColorRole selectedFocusStateLayerColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.input-chip.with-leading-icon.selected.hover.leading-icon.color + static const TokenColorRole withLeadingIconSelectedHoverLeadingIconColor = TokenColorRole.primary; - /// md.comp.input-chip.with-leading-icon.selected.focus.leading-icon.color - static const TokenColorRole withLeadingIconSelectedFocusLeadingIconColor = + /// md.comp.input-chip.with-leading-icon.selected.leading-icon.color + static const TokenColorRole withLeadingIconSelectedLeadingIconColor = TokenColorRole.primary; + + /// md.comp.input-chip.with-leading-icon.selected.pressed.leading-icon.color + static const TokenColorRole withLeadingIconSelectedPressedLeadingIconColor = TokenColorRole.primary; - /// md.comp.input-chip.selected.dragged.state-layer.opacity - static const double selectedDraggedStateLayerOpacity = 0.16; + /// md.comp.input-chip.with-leading-icon.unselected.dragged.leading-icon.color + static const TokenColorRole withLeadingIconUnselectedDraggedLeadingIconColor = + TokenColorRole.onSurfaceVariant; - /// md.comp.input-chip.with-avatar.disabled.avatar.opacity - static const double withAvatarDisabledAvatarOpacity = 0.38; + /// md.comp.input-chip.with-leading-icon.unselected.focus.leading-icon.color + static const TokenColorRole withLeadingIconUnselectedFocusLeadingIconColor = + TokenColorRole.primary; - /// md.comp.input-chip.with-trailing-icon.unselected.focus.trailing-icon.color - static const TokenColorRole withTrailingIconUnselectedFocusTrailingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.input-chip.with-leading-icon.unselected.hover.leading-icon.color + static const TokenColorRole withLeadingIconUnselectedHoverLeadingIconColor = + TokenColorRole.primary; - /// md.comp.input-chip.unselected.hover.state-layer.color - static const TokenColorRole unselectedHoverStateLayerColor = + /// md.comp.input-chip.with-leading-icon.unselected.leading-icon.color + static const TokenColorRole withLeadingIconUnselectedLeadingIconColor = TokenColorRole.onSurfaceVariant; + /// md.comp.input-chip.with-leading-icon.unselected.pressed.leading-icon.color + static const TokenColorRole withLeadingIconUnselectedPressedLeadingIconColor = + TokenColorRole.primary; + /// md.comp.input-chip.with-trailing-icon.disabled.trailing-icon.color - static const TokenColorRole withTrailingIconDisabledTrailingIconColor = - TokenColorRole.onSurface; + static const TokenColorRole withTrailingIconDisabledTrailingIconColor = TokenColorRole.onSurface; - /// md.comp.input-chip.unselected.outline.width - static const double unselectedOutlineWidth = 1.00; + /// md.comp.input-chip.with-trailing-icon.disabled.trailing-icon.opacity + static const double withTrailingIconDisabledTrailingIconOpacity = 0.38; - /// md.comp.input-chip.selected.focus.label-text.color - static const TokenColorRole selectedFocusLabelTextColor = + /// md.comp.input-chip.with-trailing-icon.selected.dragged.trailing-icon.color + static const TokenColorRole withTrailingIconSelectedDraggedTrailingIconColor = + TokenColorRole.primary; + + /// md.comp.input-chip.with-trailing-icon.selected.focus.trailing-icon.color + static const TokenColorRole withTrailingIconSelectedFocusTrailingIconColor = TokenColorRole.onSecondaryContainer; - /// md.comp.input-chip.label-text.font - static const String labelTextFont = 'Roboto'; + /// md.comp.input-chip.with-trailing-icon.selected.hover.trailing-icon.color + static const TokenColorRole withTrailingIconSelectedHoverTrailingIconColor = + TokenColorRole.onSecondaryContainer; - /// md.comp.input-chip.label-text.type - static const double labelTextTypeFontSize = 14.00; + /// md.comp.input-chip.with-trailing-icon.selected.pressed.trailing-icon.color + static const TokenColorRole withTrailingIconSelectedPressedTrailingIconColor = + TokenColorRole.onSecondaryContainer; - /// md.comp.input-chip.label-text.type - static const double labelTextTypeFontWeight = 500; + /// md.comp.input-chip.with-trailing-icon.selected.trailing-icon.color + static const TokenColorRole withTrailingIconSelectedTrailingIconColor = + TokenColorRole.onSecondaryContainer; - /// md.comp.input-chip.label-text.type - static const double labelTextTypeLineHeight = 20.00; + /// md.comp.input-chip.with-trailing-icon.trailing-icon.size + static const double withTrailingIconTrailingIconSize = 18.00; - /// md.comp.input-chip.label-text.type - static const double labelTextTypeLetterSpacing = 0.10; + /// md.comp.input-chip.with-trailing-icon.unselected.dragged.trailing-icon.color + static const TokenColorRole withTrailingIconUnselectedDraggedTrailingIconColor = + TokenColorRole.primary; - /// md.comp.input-chip.label-text.type - static const String labelTextTypeFontFamily = 'Roboto'; + /// md.comp.input-chip.with-trailing-icon.unselected.focus.trailing-icon.color + static const TokenColorRole withTrailingIconUnselectedFocusTrailingIconColor = + TokenColorRole.onSurfaceVariant; - /// md.comp.input-chip.unselected.pressed.state-layer.color - static const TokenColorRole unselectedPressedStateLayerColor = + /// md.comp.input-chip.with-trailing-icon.unselected.hover.trailing-icon.color + static const TokenColorRole withTrailingIconUnselectedHoverTrailingIconColor = + TokenColorRole.onSurfaceVariant; + + /// md.comp.input-chip.with-trailing-icon.unselected.pressed.trailing-icon.color + static const TokenColorRole withTrailingIconUnselectedPressedTrailingIconColor = + TokenColorRole.onSurfaceVariant; + + /// md.comp.input-chip.with-trailing-icon.unselected.trailing-icon.color + static const TokenColorRole withTrailingIconUnselectedTrailingIconColor = TokenColorRole.onSurfaceVariant; } diff --git a/packages/material_ui/tool/gen_defaults/data/list.dart b/packages/material_ui/tool/gen_defaults/data/list.dart index b96c1bea8296..81566df61ced 100644 --- a/packages/material_ui/tool/gen_defaults/data/list.dart +++ b/packages/material_ui/tool/gen_defaults/data/list.dart @@ -8,377 +8,288 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenList { - /// md.comp.list.list-item.disabled.label-text.color - static const TokenColorRole listItemDisabledLabelTextColor = - TokenColorRole.onSurface; - - /// md.comp.list.list-item.selected.disabled.container.color - static const TokenColorRole listItemSelectedDisabledContainerColor = - TokenColorRole.onSurface; - - /// md.comp.list.list-item.leading-avatar-label.type - static const double listItemLeadingAvatarLabelTypeFontSize = 16.00; - - /// md.comp.list.list-item.leading-avatar-label.type - static const double listItemLeadingAvatarLabelTypeFontWeight = 500; - - /// md.comp.list.list-item.leading-avatar-label.type - static const double listItemLeadingAvatarLabelTypeLineHeight = 24.00; - - /// md.comp.list.list-item.leading-avatar-label.type - static const double listItemLeadingAvatarLabelTypeLetterSpacing = 0.15; - - /// md.comp.list.list-item.leading-avatar-label.type - static const String listItemLeadingAvatarLabelTypeFontFamily = 'Roboto'; + /// md.comp.list.container.shape + static const ShapeStruct containerShape = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 16.00, + topRight: 16.00, + bottomLeft: 16.00, + bottomRight: 16.00, + ); - /// md.comp.list.list-item.selected.leading-icon.color - static const TokenColorRole listItemSelectedLeadingIconColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.list.divider.bottom-space + static const double dividerBottomSpace = 0.00; - /// md.comp.list.list-item.selected.dragged.label-text.color - static const TokenColorRole listItemSelectedDraggedLabelTextColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.list.divider.leading-space + static const double dividerLeadingSpace = 16.00; - /// md.comp.list.list-item.label-text.type - static const double listItemLabelTextTypeFontSize = 16.00; + /// md.comp.list.divider.top-space + static const double dividerTopSpace = 0.00; - /// md.comp.list.list-item.label-text.type - static const double listItemLabelTextTypeFontWeight = 400; + /// md.comp.list.divider.trailing-space + static const double dividerTrailingSpace = 16.00; - /// md.comp.list.list-item.label-text.type - static const double listItemLabelTextTypeLineHeight = 24.00; + /// md.comp.list.focus.indicator.color + static const TokenColorRole focusIndicatorColor = TokenColorRole.secondary; - /// md.comp.list.list-item.label-text.type - static const double listItemLabelTextTypeLetterSpacing = 0.50; + /// md.comp.list.focus.indicator.outline.offset + static const double focusIndicatorOutlineOffset = -3.00; - /// md.comp.list.list-item.label-text.type - static const String listItemLabelTextTypeFontFamily = 'Roboto'; + /// md.comp.list.focus.indicator.thickness + static const double focusIndicatorThickness = 3.00; - /// md.comp.list.list-item.selected.overline.color - static const TokenColorRole listItemSelectedOverlineColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.list.list-item.between-space + static const double listItemBetweenSpace = 12.00; - /// md.comp.list.list-item.large.leading-video.height - static const double listItemLargeLeadingVideoHeight = 64.00; + /// md.comp.list.list-item.bottom-space + static const double listItemBottomSpace = 10.00; - /// md.comp.list.list-item.selected.disabled.leading-icon.color - static const TokenColorRole listItemSelectedDisabledLeadingIconColor = - TokenColorRole.onSurface; + /// md.comp.list.list-item.container.color + static const TokenColorRole listItemContainerColor = TokenColorRole.surface; - /// md.comp.list.list-item.selected.supporting-text.color - static const TokenColorRole listItemSelectedSupportingTextColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.list.list-item.container.elevation + static const double listItemContainerElevation = 0.00; - /// md.comp.list.list-item.selected.focus.leading-icon.color - static const TokenColorRole listItemSelectedFocusLeadingIconColor = - TokenColorRole.onSurface; + /// md.comp.list.list-item.container.expressive.shape + static const ShapeStruct listItemContainerExpressiveShape = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 4.00, + topRight: 4.00, + bottomLeft: 4.00, + bottomRight: 4.00, + ); - /// md.comp.list.list-item.dragged.leading-icon.icon.color - static const TokenColorRole listItemDraggedLeadingIconIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.list.list-item.container.shape + static const ShapeStruct listItemContainerShape = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 0.00, + topRight: 0.00, + bottomLeft: 0.00, + bottomRight: 0.00, + ); - /// md.comp.list.list-item.overline.font - static const String listItemOverlineFont = 'Roboto'; + /// md.comp.list.list-item.disabled.container.expressive.shape + static const ShapeStruct listItemDisabledContainerExpressiveShape = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 4.00, + topRight: 4.00, + bottomLeft: 4.00, + bottomRight: 4.00, + ); - /// md.comp.list.list-item.selected.disabled.leading-icon.opacity - static const double listItemSelectedDisabledLeadingIconOpacity = 0.38; + /// md.comp.list.list-item.disabled.label-text.color + static const TokenColorRole listItemDisabledLabelTextColor = TokenColorRole.onSurface; - /// md.comp.list.list-item.two-line.container.height - static const double listItemTwoLineContainerHeight = 72.00; + /// md.comp.list.list-item.disabled.label-text.opacity + static const double listItemDisabledLabelTextOpacity = 0.38; - /// md.comp.list.list-item.one-line.container.height - static const double listItemOneLineContainerHeight = 56.00; + /// md.comp.list.list-item.disabled.leading-icon.color + static const TokenColorRole listItemDisabledLeadingIconColor = TokenColorRole.onSurface; /// md.comp.list.list-item.disabled.leading-icon.opacity static const double listItemDisabledLeadingIconOpacity = 0.38; - /// md.comp.list.list-item.leading-avatar.color - static const TokenColorRole listItemLeadingAvatarColor = - TokenColorRole.primaryContainer; - - /// md.comp.list.list-item.leading-video.width - static const double listItemLeadingVideoWidth = 100.00; - - /// md.comp.list.list-item.selected.pressed.state-layer.opacity - static const double listItemSelectedPressedStateLayerOpacity = 0.10; - - /// md.comp.list.list-item.hover.leading-icon.icon.color - static const TokenColorRole listItemHoverLeadingIconIconColor = - TokenColorRole.onSurfaceVariant; - - /// md.comp.list.list-item.selected.disabled.container.expressive.shape - static const ShapeStruct listItemSelectedDisabledContainerExpressiveShape = - ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 16.00, - topRight: 16.00, - bottomLeft: 16.00, - bottomRight: 16.00, - ); - - /// md.comp.list.list-item.supporting-text.font - static const String listItemSupportingTextFont = 'Roboto'; - - /// md.comp.list.list-item.disabled.container.expressive.shape - static const ShapeStruct listItemDisabledContainerExpressiveShape = - ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 4.00, - topRight: 4.00, - bottomLeft: 4.00, - bottomRight: 4.00, - ); - - /// md.comp.list.list-item.small.leading-video.height - static const double listItemSmallLeadingVideoHeight = 56.00; - - /// md.comp.list.divider.leading-space - static const double dividerLeadingSpace = 16.00; - - /// md.comp.list.divider.top-space - static const double dividerTopSpace = 0.00; - - /// md.comp.list.list-item.selected.dragged.state-layer.opacity - static const double listItemSelectedDraggedStateLayerOpacity = 0.16; + /// md.comp.list.list-item.disabled.overline.color + static const TokenColorRole listItemDisabledOverlineColor = TokenColorRole.onSurface; - /// md.comp.list.list-item.pressed.state-layer.opacity - static const double listItemPressedStateLayerOpacity = 0.10; + /// md.comp.list.list-item.disabled.overline.opacity + static const double listItemDisabledOverlineOpacity = 0.38; - /// md.comp.list.list-item.selected.disabled.trailing-icon.color - static const TokenColorRole listItemSelectedDisabledTrailingIconColor = - TokenColorRole.onSurface; + /// md.comp.list.list-item.disabled.state-layer.color + static const TokenColorRole listItemDisabledStateLayerColor = TokenColorRole.onSurface; - /// md.comp.list.list-item.unselected.trailing-icon.color - static const TokenColorRole listItemUnselectedTrailingIconColor = - TokenColorRole.onSurface; + /// md.comp.list.list-item.disabled.state-layer.opacity + static const double listItemDisabledStateLayerOpacity = 0.10; - /// md.comp.list.list-item.selected.dragged.container.expressive.shape - static const ShapeStruct listItemSelectedDraggedContainerExpressiveShape = - ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 16.00, - topRight: 16.00, - bottomLeft: 16.00, - bottomRight: 16.00, - ); + /// md.comp.list.list-item.disabled.supporting-text.color + static const TokenColorRole listItemDisabledSupportingTextColor = TokenColorRole.onSurface; - /// md.comp.list.list-item.selected.disabled.state-layer.color - static const TokenColorRole listItemSelectedDisabledStateLayerColor = - TokenColorRole.onSurface; + /// md.comp.list.list-item.disabled.supporting-text.opacity + static const double listItemDisabledSupportingTextOpacity = 0.38; - /// md.comp.list.list-item.selected.focus.state-layer.color - static const TokenColorRole listItemSelectedFocusStateLayerColor = - TokenColorRole.onSurface; + /// md.comp.list.list-item.disabled.trailing-icon.color + static const TokenColorRole listItemDisabledTrailingIconColor = TokenColorRole.onSurface; /// md.comp.list.list-item.disabled.trailing-icon.opacity static const double listItemDisabledTrailingIconOpacity = 0.38; - /// md.comp.list.list-item.selected.disabled.supporting-text.opacity - static const double listItemSelectedDisabledSupportingTextOpacity = 0.38; + /// md.comp.list.list-item.dragged.container.elevation + static const double listItemDraggedContainerElevation = 8.00; - /// md.comp.list.list-item.container.expressive.shape - static const ShapeStruct listItemContainerExpressiveShape = ShapeStruct( + /// md.comp.list.list-item.dragged.container.expressive.shape + static const ShapeStruct listItemDraggedContainerExpressiveShape = ShapeStruct( family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 4.00, - topRight: 4.00, - bottomLeft: 4.00, - bottomRight: 4.00, + topLeft: 16.00, + topRight: 16.00, + bottomLeft: 16.00, + bottomRight: 16.00, ); - /// md.comp.list.list-item.selected.pressed.state-layer.color - static const TokenColorRole listItemSelectedPressedStateLayerColor = - TokenColorRole.onSurface; - - /// md.comp.list.list-item.leading-space - static const double listItemLeadingSpace = 16.00; - - /// md.comp.list.list-item.selected.hover.leading-icon.color - static const TokenColorRole listItemSelectedHoverLeadingIconColor = - TokenColorRole.onSurface; + /// md.comp.list.list-item.dragged.label-text.color + static const TokenColorRole listItemDraggedLabelTextColor = TokenColorRole.onSurface; - /// md.comp.list.list-item.between-space - static const double listItemBetweenSpace = 12.00; + /// md.comp.list.list-item.dragged.leading-icon.icon.color + static const TokenColorRole listItemDraggedLeadingIconIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.list.list-item.selected.disabled.supporting-text.color - static const TokenColorRole listItemSelectedDisabledSupportingTextColor = - TokenColorRole.onSurface; + /// md.comp.list.list-item.dragged.state-layer.color + static const TokenColorRole listItemDraggedStateLayerColor = TokenColorRole.onSurface; /// md.comp.list.list-item.dragged.state-layer.opacity static const double listItemDraggedStateLayerOpacity = 0.16; - /// md.comp.list.list-item.leading-video.shape - static const ShapeStruct listItemLeadingVideoShape = ShapeStruct( + /// md.comp.list.list-item.dragged.trailing-icon.icon.color + static const TokenColorRole listItemDraggedTrailingIconIconColor = + TokenColorRole.onSurfaceVariant; + + /// md.comp.list.list-item.focused.container.expressive.shape + static const ShapeStruct listItemFocusedContainerExpressiveShape = ShapeStruct( family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 8.00, - topRight: 8.00, - bottomLeft: 8.00, - bottomRight: 8.00, + topLeft: 16.00, + topRight: 16.00, + bottomLeft: 16.00, + bottomRight: 16.00, ); - /// md.comp.list.list-item.leading-avatar.size - static const double listItemLeadingAvatarSize = 40.00; - - /// md.comp.list.list-item.disabled.state-layer.opacity - static const double listItemDisabledStateLayerOpacity = 0.10; + /// md.comp.list.list-item.focus.label-text.color + static const TokenColorRole listItemFocusLabelTextColor = TokenColorRole.onSurface; - /// md.comp.list.list-item.pressed.container.expressive.shape - static const ShapeStruct listItemPressedContainerExpressiveShape = - ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 16.00, - topRight: 16.00, - bottomLeft: 16.00, - bottomRight: 16.00, - ); + /// md.comp.list.list-item.focus.leading-icon.icon.color + static const TokenColorRole listItemFocusLeadingIconIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.list.list-item.disabled.overline.color - static const TokenColorRole listItemDisabledOverlineColor = - TokenColorRole.onSurface; + /// md.comp.list.list-item.focus.state-layer.color + static const TokenColorRole listItemFocusStateLayerColor = TokenColorRole.onSurface; - /// md.comp.list.list-item.dragged.state-layer.color - static const TokenColorRole listItemDraggedStateLayerColor = - TokenColorRole.onSurface; + /// md.comp.list.list-item.focus.state-layer.opacity + static const double listItemFocusStateLayerOpacity = 0.10; - /// md.comp.list.divider.trailing-space - static const double dividerTrailingSpace = 16.00; + /// md.comp.list.list-item.focus.trailing-icon.icon.color + static const TokenColorRole listItemFocusTrailingIconIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.list.list-item.selected.focused.container.expressive.shape - static const ShapeStruct listItemSelectedFocusedContainerExpressiveShape = - ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 16.00, - topRight: 16.00, - bottomLeft: 16.00, - bottomRight: 16.00, - ); + /// md.comp.list.list-item.hovered.container.expressive.shape + static const ShapeStruct listItemHoveredContainerExpressiveShape = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 12.00, + topRight: 12.00, + bottomLeft: 12.00, + bottomRight: 12.00, + ); - /// md.comp.list.list-item.dragged.trailing-icon.icon.color - static const TokenColorRole listItemDraggedTrailingIconIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.list.list-item.hover.label-text.color + static const TokenColorRole listItemHoverLabelTextColor = TokenColorRole.onSurface; - /// md.comp.list.list-item.leading-image.height - static const double listItemLeadingImageHeight = 56.00; + /// md.comp.list.list-item.hover.leading-icon.icon.color + static const TokenColorRole listItemHoverLeadingIconIconColor = TokenColorRole.onSurfaceVariant; /// md.comp.list.list-item.hover.state-layer.color - static const TokenColorRole listItemHoverStateLayerColor = - TokenColorRole.onSurface; + static const TokenColorRole listItemHoverStateLayerColor = TokenColorRole.onSurface; - /// md.comp.list.list-item.selected.trailing-supporting-text.color - static const TokenColorRole listItemSelectedTrailingSupportingTextColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.list.list-item.hover.state-layer.opacity + static const double listItemHoverStateLayerOpacity = 0.08; - /// md.comp.list.list-item.selected.hover.trailing-icon.color - static const TokenColorRole listItemSelectedHoverTrailingIconColor = - TokenColorRole.onSurface; + /// md.comp.list.list-item.hover.trailing-icon.icon.color + static const TokenColorRole listItemHoverTrailingIconIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.list.list-item.disabled.supporting-text.opacity - static const double listItemDisabledSupportingTextOpacity = 0.38; + /// md.comp.list.list-item.label-text.color + static const TokenColorRole listItemLabelTextColor = TokenColorRole.onSurface; - /// md.comp.list.list-item.focus.state-layer.color - static const TokenColorRole listItemFocusStateLayerColor = - TokenColorRole.onSurface; + /// md.comp.list.list-item.label-text.font + static const String listItemLabelTextFont = 'Roboto'; - /// md.comp.list.list-item.leading-icon.size - static const double listItemLeadingIconSize = 24.00; + /// md.comp.list.list-item.label-text.type + static const String listItemLabelTextTypeFontFamily = 'Roboto'; - /// md.comp.list.list-item.focus.label-text.color - static const TokenColorRole listItemFocusLabelTextColor = - TokenColorRole.onSurface; + /// md.comp.list.list-item.label-text.type + static const double listItemLabelTextTypeFontSize = 16.00; - /// md.comp.list.list-item.trailing-icon.color - static const TokenColorRole listItemTrailingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.list.list-item.label-text.type + static const double listItemLabelTextTypeFontWeight = 400; - /// md.comp.list.list-item.focus.leading-icon.icon.color - static const TokenColorRole listItemFocusLeadingIconIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.list.list-item.label-text.type + static const double listItemLabelTextTypeLetterSpacing = 0.50; - /// md.comp.list.list-item.disabled.trailing-icon.color - static const TokenColorRole listItemDisabledTrailingIconColor = - TokenColorRole.onSurface; + /// md.comp.list.list-item.label-text.type + static const double listItemLabelTextTypeLineHeight = 24.00; - /// md.comp.list.list-item.overline.color - static const TokenColorRole listItemOverlineColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.list.list-item.large.leading-video.height + static const double listItemLargeLeadingVideoHeight = 64.00; - /// md.comp.list.list-item.hover.label-text.color - static const TokenColorRole listItemHoverLabelTextColor = - TokenColorRole.onSurface; + /// md.comp.list.list-item.large.leading-video.width + static const double listItemLargeLeadingVideoWidth = 114.00; - /// md.comp.list.container.shape - static const ShapeStruct containerShape = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 16.00, - topRight: 16.00, - bottomLeft: 16.00, - bottomRight: 16.00, - ); + /// md.comp.list.list-item.leading-avatar.color + static const TokenColorRole listItemLeadingAvatarColor = TokenColorRole.primaryContainer; - /// md.comp.list.segmented.gap - static const double segmentedGap = 2.00; + /// md.comp.list.list-item.leading-avatar-label.color + static const TokenColorRole listItemLeadingAvatarLabelColor = TokenColorRole.onPrimaryContainer; - /// md.comp.list.list-item.label-text.font - static const String listItemLabelTextFont = 'Roboto'; + /// md.comp.list.list-item.leading-avatar-label.font + static const String listItemLeadingAvatarLabelFont = 'Roboto'; - /// md.comp.list.list-item.focus.trailing-icon.icon.color - static const TokenColorRole listItemFocusTrailingIconIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.list.list-item.leading-avatar-label.type + static const String listItemLeadingAvatarLabelTypeFontFamily = 'Roboto'; - /// md.comp.list.list-item.disabled.label-text.opacity - static const double listItemDisabledLabelTextOpacity = 0.38; + /// md.comp.list.list-item.leading-avatar-label.type + static const double listItemLeadingAvatarLabelTypeFontSize = 16.00; - /// md.comp.list.list-item.selected.focus.label-text.color - static const TokenColorRole listItemSelectedFocusLabelTextColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.list.list-item.leading-avatar-label.type + static const double listItemLeadingAvatarLabelTypeFontWeight = 500; - /// md.comp.list.list-item.selected.container.shape - static const ShapeStruct listItemSelectedContainerShape = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 16.00, - topRight: 16.00, - bottomLeft: 16.00, - bottomRight: 16.00, - ); + /// md.comp.list.list-item.leading-avatar-label.type + static const double listItemLeadingAvatarLabelTypeLetterSpacing = 0.15; - /// md.comp.list.list-item.top-space - static const double listItemTopSpace = 10.00; + /// md.comp.list.list-item.leading-avatar-label.type + static const double listItemLeadingAvatarLabelTypeLineHeight = 24.00; - /// md.comp.list.list-item.selected.label-text.color - static const TokenColorRole listItemSelectedLabelTextColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.list.list-item.leading-avatar.shape + static const ShapeStruct listItemLeadingAvatarShape = ShapeStruct( + family: 'SHAPE_FAMILY_CIRCULAR', + topLeft: 0.00, + topRight: 0.00, + bottomLeft: 0.00, + bottomRight: 0.00, + ); - /// md.comp.list.list-item.container.color - static const TokenColorRole listItemContainerColor = TokenColorRole.surface; + /// md.comp.list.list-item.leading-avatar.size + static const double listItemLeadingAvatarSize = 40.00; - /// md.comp.list.list-item.dragged.container.elevation - static const double listItemDraggedContainerElevation = 8.00; + /// md.comp.list.list-item.leading-icon.color + static const TokenColorRole listItemLeadingIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.list.list-item.trailing-supporting-text.font - static const String listItemTrailingSupportingTextFont = 'Roboto'; + /// md.comp.list.list-item.leading-icon.expressive.size + static const double listItemLeadingIconExpressiveSize = 20.00; - /// md.comp.list.focus.indicator.thickness - static const double focusIndicatorThickness = 3.00; + /// md.comp.list.list-item.leading-icon.size + static const double listItemLeadingIconSize = 24.00; - /// md.comp.list.list-item.selected.focus.trailing-icon.color - static const TokenColorRole listItemSelectedFocusTrailingIconColor = - TokenColorRole.onSurface; + /// md.comp.list.list-item.leading-image.expressive.shape + static const ShapeStruct listItemLeadingImageExpressiveShape = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 8.00, + topRight: 8.00, + bottomLeft: 8.00, + bottomRight: 8.00, + ); - /// md.comp.list.list-item.selected.pressed.leading-icon.color - static const TokenColorRole listItemSelectedPressedLeadingIconColor = - TokenColorRole.onSurface; + /// md.comp.list.list-item.leading-image.height + static const double listItemLeadingImageHeight = 56.00; - /// md.comp.list.divider.bottom-space - static const double dividerBottomSpace = 0.00; + /// md.comp.list.list-item.leading-image.shape + static const ShapeStruct listItemLeadingImageShape = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 0.00, + topRight: 0.00, + bottomLeft: 0.00, + bottomRight: 0.00, + ); - /// md.comp.list.list-item.selected.dragged.leading-icon.color - static const TokenColorRole listItemSelectedDraggedLeadingIconColor = - TokenColorRole.onSurface; + /// md.comp.list.list-item.leading-image.width + static const double listItemLeadingImageWidth = 56.00; - /// md.comp.list.list-item.bottom-space - static const double listItemBottomSpace = 10.00; + /// md.comp.list.list-item.leading-space + static const double listItemLeadingSpace = 16.00; - /// md.comp.list.list-item.leading-image.expressive.shape - static const ShapeStruct listItemLeadingImageExpressiveShape = ShapeStruct( + /// md.comp.list.list-item.leading-video.shape + static const ShapeStruct listItemLeadingVideoShape = ShapeStruct( family: 'SHAPE_FAMILY_ROUNDED_CORNERS', topLeft: 8.00, topRight: 8.00, @@ -386,309 +297,335 @@ class TokenList { bottomRight: 8.00, ); - /// md.comp.list.list-item.supporting-text.type - static const double listItemSupportingTextTypeFontSize = 14.00; + /// md.comp.list.list-item.leading-video.width + static const double listItemLeadingVideoWidth = 100.00; - /// md.comp.list.list-item.supporting-text.type - static const double listItemSupportingTextTypeFontWeight = 400; + /// md.comp.list.list-item.one-line.container.height + static const double listItemOneLineContainerHeight = 56.00; - /// md.comp.list.list-item.supporting-text.type - static const double listItemSupportingTextTypeLineHeight = 20.00; + /// md.comp.list.list-item.overline.color + static const TokenColorRole listItemOverlineColor = TokenColorRole.onSurfaceVariant; - /// md.comp.list.list-item.supporting-text.type - static const double listItemSupportingTextTypeLetterSpacing = 0.25; + /// md.comp.list.list-item.overline.font + static const String listItemOverlineFont = 'Roboto'; - /// md.comp.list.list-item.supporting-text.type - static const String listItemSupportingTextTypeFontFamily = 'Roboto'; + /// md.comp.list.list-item.overline.type + static const String listItemOverlineTypeFontFamily = 'Roboto'; - /// md.comp.list.list-item.leading-icon.expressive.size - static const double listItemLeadingIconExpressiveSize = 20.00; + /// md.comp.list.list-item.overline.type + static const double listItemOverlineTypeFontSize = 11.00; - /// md.comp.list.focus.indicator.outline.offset - static const double focusIndicatorOutlineOffset = -3.00; + /// md.comp.list.list-item.overline.type + static const double listItemOverlineTypeFontWeight = 500; - /// md.comp.list.list-item.trailing-supporting-text.color - static const TokenColorRole listItemTrailingSupportingTextColor = + /// md.comp.list.list-item.overline.type + static const double listItemOverlineTypeLetterSpacing = 0.50; + + /// md.comp.list.list-item.overline.type + static const double listItemOverlineTypeLineHeight = 16.00; + + /// md.comp.list.list-item.pressed.container.expressive.shape + static const ShapeStruct listItemPressedContainerExpressiveShape = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 16.00, + topRight: 16.00, + bottomLeft: 16.00, + bottomRight: 16.00, + ); + + /// md.comp.list.list-item.pressed.label-text.color + static const TokenColorRole listItemPressedLabelTextColor = TokenColorRole.onSurface; + + /// md.comp.list.list-item.pressed.leading-icon.icon.color + static const TokenColorRole listItemPressedLeadingIconIconColor = TokenColorRole.onSurfaceVariant; + + /// md.comp.list.list-item.pressed.state-layer.color + static const TokenColorRole listItemPressedStateLayerColor = TokenColorRole.onSurface; + + /// md.comp.list.list-item.pressed.state-layer.opacity + static const double listItemPressedStateLayerOpacity = 0.10; + + /// md.comp.list.list-item.pressed.trailing-icon.icon.color + static const TokenColorRole listItemPressedTrailingIconIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.list.list-item.hovered.container.expressive.shape - static const ShapeStruct listItemHoveredContainerExpressiveShape = - ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 12.00, - topRight: 12.00, - bottomLeft: 12.00, - bottomRight: 12.00, - ); + /// md.comp.list.list-item.segmented.container.color + static const TokenColorRole listItemSegmentedContainerColor = TokenColorRole.surface; - /// md.comp.list.list-item.disabled.supporting-text.color - static const TokenColorRole listItemDisabledSupportingTextColor = - TokenColorRole.onSurface; + /// md.comp.list.list-item.selected.container.color + static const TokenColorRole listItemSelectedContainerColor = TokenColorRole.secondaryContainer; - /// md.comp.list.list-item.container.shape - static const ShapeStruct listItemContainerShape = ShapeStruct( + /// md.comp.list.list-item.selected.container.expressive.shape + static const ShapeStruct listItemSelectedContainerExpressiveShape = ShapeStruct( family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 0.00, - topRight: 0.00, - bottomLeft: 0.00, - bottomRight: 0.00, + topLeft: 16.00, + topRight: 16.00, + bottomLeft: 16.00, + bottomRight: 16.00, ); - /// md.comp.list.list-item.selected.hovered.container.expressive.shape - static const ShapeStruct listItemSelectedHoveredContainerExpressiveShape = - ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 16.00, - topRight: 16.00, - bottomLeft: 16.00, - bottomRight: 16.00, - ); + /// md.comp.list.list-item.selected.container.shape + static const ShapeStruct listItemSelectedContainerShape = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 16.00, + topRight: 16.00, + bottomLeft: 16.00, + bottomRight: 16.00, + ); - /// md.comp.list.list-item.pressed.state-layer.color - static const TokenColorRole listItemPressedStateLayerColor = - TokenColorRole.onSurface; + /// md.comp.list.list-item.selected.disabled.container.color + static const TokenColorRole listItemSelectedDisabledContainerColor = TokenColorRole.onSurface; - /// md.comp.list.list-item.label-text.color - static const TokenColorRole listItemLabelTextColor = TokenColorRole.onSurface; + /// md.comp.list.list-item.selected.disabled.container.expressive.shape + static const ShapeStruct listItemSelectedDisabledContainerExpressiveShape = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 16.00, + topRight: 16.00, + bottomLeft: 16.00, + bottomRight: 16.00, + ); - /// md.comp.list.list-item.selected.disabled.state-layer.opacity - static const double listItemSelectedDisabledStateLayerOpacity = 0.10; + /// md.comp.list.list-item.selected.disabled.container.opacity + static const double listItemSelectedDisabledContainerOpacity = 0.38; - /// md.comp.list.focus.indicator.color - static const TokenColorRole focusIndicatorColor = TokenColorRole.secondary; + /// md.comp.list.list-item.selected.disabled.label-text.color + static const TokenColorRole listItemSelectedDisabledLabelTextColor = TokenColorRole.onSurface; - /// md.comp.list.list-item.hover.trailing-icon.icon.color - static const TokenColorRole listItemHoverTrailingIconIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.list.list-item.selected.disabled.label-text.opacity + static const double listItemSelectedDisabledLabelTextOpacity = 0.38; - /// md.comp.list.list-item.leading-icon.color - static const TokenColorRole listItemLeadingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.list.list-item.selected.disabled.leading-icon.color + static const TokenColorRole listItemSelectedDisabledLeadingIconColor = TokenColorRole.onSurface; - /// md.comp.list.list-item.hover.state-layer.opacity - static const double listItemHoverStateLayerOpacity = 0.08; + /// md.comp.list.list-item.selected.disabled.leading-icon.opacity + static const double listItemSelectedDisabledLeadingIconOpacity = 0.38; - /// md.comp.list.list-item.trailing-icon.size - static const double listItemTrailingIconSize = 24.00; + /// md.comp.list.list-item.selected.disabled.overline.color + static const TokenColorRole listItemSelectedDisabledOverlineColor = TokenColorRole.onSurface; - /// md.comp.list.list-item.supporting-text.color - static const TokenColorRole listItemSupportingTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.list.list-item.selected.disabled.overline.opacity + static const double listItemSelectedDisabledOverlineOpacity = 0.38; - /// md.comp.list.list-item.overline.type - static const double listItemOverlineTypeFontSize = 11.00; + /// md.comp.list.list-item.selected.disabled.state-layer.color + static const TokenColorRole listItemSelectedDisabledStateLayerColor = TokenColorRole.onSurface; - /// md.comp.list.list-item.overline.type - static const double listItemOverlineTypeFontWeight = 500; + /// md.comp.list.list-item.selected.disabled.state-layer.opacity + static const double listItemSelectedDisabledStateLayerOpacity = 0.10; - /// md.comp.list.list-item.overline.type - static const double listItemOverlineTypeLineHeight = 16.00; + /// md.comp.list.list-item.selected.disabled.supporting-text.color + static const TokenColorRole listItemSelectedDisabledSupportingTextColor = + TokenColorRole.onSurface; - /// md.comp.list.list-item.overline.type - static const double listItemOverlineTypeLetterSpacing = 0.50; + /// md.comp.list.list-item.selected.disabled.supporting-text.opacity + static const double listItemSelectedDisabledSupportingTextOpacity = 0.38; - /// md.comp.list.list-item.overline.type - static const String listItemOverlineTypeFontFamily = 'Roboto'; + /// md.comp.list.list-item.selected.disabled.trailing-icon.color + static const TokenColorRole listItemSelectedDisabledTrailingIconColor = TokenColorRole.onSurface; /// md.comp.list.list-item.selected.disabled.trailing-icon.opacity static const double listItemSelectedDisabledTrailingIconOpacity = 0.38; - /// md.comp.list.list-item.disabled.state-layer.color - static const TokenColorRole listItemDisabledStateLayerColor = - TokenColorRole.onSurface; - - /// md.comp.list.list-item.selected.pressed.trailing-icon.color - static const TokenColorRole listItemSelectedPressedTrailingIconColor = + /// md.comp.list.list-item.selected.disabled.trailing-supporting-text.color + static const TokenColorRole listItemSelectedDisabledTrailingSupportingTextColor = TokenColorRole.onSurface; - /// md.comp.list.list-item.pressed.leading-icon.icon.color - static const TokenColorRole listItemPressedLeadingIconIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.list.list-item.selected.disabled.trailing-supporting-text.opacity + static const double listItemSelectedDisabledTrailingSupportingTextOpacity = 0.38; - /// md.comp.list.list-item.selected.disabled.container.opacity - static const double listItemSelectedDisabledContainerOpacity = 0.38; + /// md.comp.list.list-item.selected.dragged.container.expressive.shape + static const ShapeStruct listItemSelectedDraggedContainerExpressiveShape = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 16.00, + topRight: 16.00, + bottomLeft: 16.00, + bottomRight: 16.00, + ); - /// md.comp.list.list-item.dragged.label-text.color - static const TokenColorRole listItemDraggedLabelTextColor = - TokenColorRole.onSurface; + /// md.comp.list.list-item.selected.dragged.label-text.color + static const TokenColorRole listItemSelectedDraggedLabelTextColor = + TokenColorRole.onSecondaryContainer; - /// md.comp.list.list-item.selected.disabled.trailing-supporting-text.color - static const TokenColorRole - listItemSelectedDisabledTrailingSupportingTextColor = - TokenColorRole.onSurface; + /// md.comp.list.list-item.selected.dragged.leading-icon.color + static const TokenColorRole listItemSelectedDraggedLeadingIconColor = TokenColorRole.onSurface; - /// md.comp.list.list-item.small.leading-video.width - static const double listItemSmallLeadingVideoWidth = 100.00; + /// md.comp.list.list-item.selected.dragged.state-layer.color + static const TokenColorRole listItemSelectedDraggedStateLayerColor = TokenColorRole.onSurface; - /// md.comp.list.list-item.trailing-icon.expressive.size - static const double listItemTrailingIconExpressiveSize = 20.00; + /// md.comp.list.list-item.selected.dragged.state-layer.opacity + static const double listItemSelectedDraggedStateLayerOpacity = 0.16; /// md.comp.list.list-item.selected.dragged.trailing-icon.color - static const TokenColorRole listItemSelectedDraggedTrailingIconColor = - TokenColorRole.onSurface; + static const TokenColorRole listItemSelectedDraggedTrailingIconColor = TokenColorRole.onSurface; - /// md.comp.list.list-item.selected.disabled.label-text.color - static const TokenColorRole listItemSelectedDisabledLabelTextColor = - TokenColorRole.onSurface; + /// md.comp.list.list-item.selected.focused.container.expressive.shape + static const ShapeStruct listItemSelectedFocusedContainerExpressiveShape = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 16.00, + topRight: 16.00, + bottomLeft: 16.00, + bottomRight: 16.00, + ); - /// md.comp.list.list-item.selected.hover.state-layer.opacity - static const double listItemSelectedHoverStateLayerOpacity = 0.08; + /// md.comp.list.list-item.selected.focus.label-text.color + static const TokenColorRole listItemSelectedFocusLabelTextColor = + TokenColorRole.onSecondaryContainer; - /// md.comp.list.list-item.trailing-supporting-text.type - static const double listItemTrailingSupportingTextTypeFontSize = 11.00; + /// md.comp.list.list-item.selected.focus.leading-icon.color + static const TokenColorRole listItemSelectedFocusLeadingIconColor = TokenColorRole.onSurface; - /// md.comp.list.list-item.trailing-supporting-text.type - static const double listItemTrailingSupportingTextTypeFontWeight = 500; + /// md.comp.list.list-item.selected.focus.state-layer.color + static const TokenColorRole listItemSelectedFocusStateLayerColor = TokenColorRole.onSurface; - /// md.comp.list.list-item.trailing-supporting-text.type - static const double listItemTrailingSupportingTextTypeLineHeight = 16.00; + /// md.comp.list.list-item.selected.focus.state-layer.opacity + static const double listItemSelectedFocusStateLayerOpacity = 0.10; - /// md.comp.list.list-item.trailing-supporting-text.type - static const double listItemTrailingSupportingTextTypeLetterSpacing = 0.50; + /// md.comp.list.list-item.selected.focus.trailing-icon.color + static const TokenColorRole listItemSelectedFocusTrailingIconColor = TokenColorRole.onSurface; - /// md.comp.list.list-item.trailing-supporting-text.type - static const String listItemTrailingSupportingTextTypeFontFamily = 'Roboto'; + /// md.comp.list.list-item.selected.hovered.container.expressive.shape + static const ShapeStruct listItemSelectedHoveredContainerExpressiveShape = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 16.00, + topRight: 16.00, + bottomLeft: 16.00, + bottomRight: 16.00, + ); /// md.comp.list.list-item.selected.hover.label-text.color static const TokenColorRole listItemSelectedHoverLabelTextColor = TokenColorRole.onSecondaryContainer; - /// md.comp.list.list-item.leading-avatar.shape - static const ShapeStruct listItemLeadingAvatarShape = ShapeStruct( - family: 'SHAPE_FAMILY_CIRCULAR', - topLeft: 0.00, - topRight: 0.00, - bottomLeft: 0.00, - bottomRight: 0.00, - ); + /// md.comp.list.list-item.selected.hover.leading-icon.color + static const TokenColorRole listItemSelectedHoverLeadingIconColor = TokenColorRole.onSurface; - /// md.comp.list.list-item.selected.disabled.overline.color - static const TokenColorRole listItemSelectedDisabledOverlineColor = - TokenColorRole.onSurface; + /// md.comp.list.list-item.selected.hover.state-layer.color + static const TokenColorRole listItemSelectedHoverStateLayerColor = TokenColorRole.onSurface; - /// md.comp.list.list-item.large.leading-video.width - static const double listItemLargeLeadingVideoWidth = 114.00; + /// md.comp.list.list-item.selected.hover.state-layer.opacity + static const double listItemSelectedHoverStateLayerOpacity = 0.08; - /// md.comp.list.list-item.disabled.leading-icon.color - static const TokenColorRole listItemDisabledLeadingIconColor = - TokenColorRole.onSurface; + /// md.comp.list.list-item.selected.hover.trailing-icon.color + static const TokenColorRole listItemSelectedHoverTrailingIconColor = TokenColorRole.onSurface; - /// md.comp.list.list-item.container.elevation - static const double listItemContainerElevation = 0.00; + /// md.comp.list.list-item.selected.label-text.color + static const TokenColorRole listItemSelectedLabelTextColor = TokenColorRole.onSecondaryContainer; - /// md.comp.list.list-item.focused.container.expressive.shape - static const ShapeStruct listItemFocusedContainerExpressiveShape = - ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 16.00, - topRight: 16.00, - bottomLeft: 16.00, - bottomRight: 16.00, - ); + /// md.comp.list.list-item.selected.leading-icon.color + static const TokenColorRole listItemSelectedLeadingIconColor = + TokenColorRole.onSecondaryContainer; + + /// md.comp.list.list-item.selected.overline.color + static const TokenColorRole listItemSelectedOverlineColor = TokenColorRole.onSecondaryContainer; + + /// md.comp.list.list-item.selected.pressed.container.expressive.shape + static const ShapeStruct listItemSelectedPressedContainerExpressiveShape = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 16.00, + topRight: 16.00, + bottomLeft: 16.00, + bottomRight: 16.00, + ); /// md.comp.list.list-item.selected.pressed.label-text.color static const TokenColorRole listItemSelectedPressedLabelTextColor = TokenColorRole.onSecondaryContainer; - /// md.comp.list.list-item.selected.disabled.label-text.opacity - static const double listItemSelectedDisabledLabelTextOpacity = 0.38; + /// md.comp.list.list-item.selected.pressed.leading-icon.color + static const TokenColorRole listItemSelectedPressedLeadingIconColor = TokenColorRole.onSurface; - /// md.comp.list.list-item.focus.state-layer.opacity - static const double listItemFocusStateLayerOpacity = 0.10; + /// md.comp.list.list-item.selected.pressed.state-layer.color + static const TokenColorRole listItemSelectedPressedStateLayerColor = TokenColorRole.onSurface; - /// md.comp.list.list-item.segmented.container.color - static const TokenColorRole listItemSegmentedContainerColor = - TokenColorRole.surface; + /// md.comp.list.list-item.selected.pressed.state-layer.opacity + static const double listItemSelectedPressedStateLayerOpacity = 0.10; - /// md.comp.list.list-item.selected.disabled.trailing-supporting-text.opacity - static const double listItemSelectedDisabledTrailingSupportingTextOpacity = - 0.38; + /// md.comp.list.list-item.selected.pressed.trailing-icon.color + static const TokenColorRole listItemSelectedPressedTrailingIconColor = TokenColorRole.onSurface; - /// md.comp.list.list-item.leading-image.width - static const double listItemLeadingImageWidth = 56.00; + /// md.comp.list.list-item.selected.supporting-text.color + static const TokenColorRole listItemSelectedSupportingTextColor = + TokenColorRole.onSecondaryContainer; - /// md.comp.list.list-item.selected.dragged.state-layer.color - static const TokenColorRole listItemSelectedDraggedStateLayerColor = - TokenColorRole.onSurface; + /// md.comp.list.list-item.selected.trailing-icon.color + static const TokenColorRole listItemSelectedTrailingIconColor = + TokenColorRole.onSecondaryContainer; - /// md.comp.list.list-item.pressed.label-text.color - static const TokenColorRole listItemPressedLabelTextColor = - TokenColorRole.onSurface; + /// md.comp.list.list-item.selected.trailing-supporting-text.color + static const TokenColorRole listItemSelectedTrailingSupportingTextColor = + TokenColorRole.onSecondaryContainer; - /// md.comp.list.list-item.leading-avatar-label.color - static const TokenColorRole listItemLeadingAvatarLabelColor = - TokenColorRole.onPrimaryContainer; + /// md.comp.list.list-item.small.leading-video.height + static const double listItemSmallLeadingVideoHeight = 56.00; - /// md.comp.list.list-item.selected.pressed.container.expressive.shape - static const ShapeStruct listItemSelectedPressedContainerExpressiveShape = - ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 16.00, - topRight: 16.00, - bottomLeft: 16.00, - bottomRight: 16.00, - ); + /// md.comp.list.list-item.small.leading-video.width + static const double listItemSmallLeadingVideoWidth = 100.00; - /// md.comp.list.list-item.selected.disabled.overline.opacity - static const double listItemSelectedDisabledOverlineOpacity = 0.38; + /// md.comp.list.list-item.supporting-text.color + static const TokenColorRole listItemSupportingTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.list.list-item.disabled.overline.opacity - static const double listItemDisabledOverlineOpacity = 0.38; + /// md.comp.list.list-item.supporting-text.font + static const String listItemSupportingTextFont = 'Roboto'; - /// md.comp.list.list-item.leading-image.shape - static const ShapeStruct listItemLeadingImageShape = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 0.00, - topRight: 0.00, - bottomLeft: 0.00, - bottomRight: 0.00, - ); + /// md.comp.list.list-item.supporting-text.type + static const String listItemSupportingTextTypeFontFamily = 'Roboto'; - /// md.comp.list.list-item.three-line.container.height - static const double listItemThreeLineContainerHeight = 88.00; + /// md.comp.list.list-item.supporting-text.type + static const double listItemSupportingTextTypeFontSize = 14.00; - /// md.comp.list.list-item.pressed.trailing-icon.icon.color - static const TokenColorRole listItemPressedTrailingIconIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.list.list-item.supporting-text.type + static const double listItemSupportingTextTypeFontWeight = 400; - /// md.comp.list.list-item.selected.hover.state-layer.color - static const TokenColorRole listItemSelectedHoverStateLayerColor = - TokenColorRole.onSurface; + /// md.comp.list.list-item.supporting-text.type + static const double listItemSupportingTextTypeLetterSpacing = 0.25; - /// md.comp.list.list-item.selected.container.color - static const TokenColorRole listItemSelectedContainerColor = - TokenColorRole.secondaryContainer; + /// md.comp.list.list-item.supporting-text.type + static const double listItemSupportingTextTypeLineHeight = 20.00; - /// md.comp.list.list-item.dragged.container.expressive.shape - static const ShapeStruct listItemDraggedContainerExpressiveShape = - ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 16.00, - topRight: 16.00, - bottomLeft: 16.00, - bottomRight: 16.00, - ); + /// md.comp.list.list-item.three-line.container.height + static const double listItemThreeLineContainerHeight = 88.00; - /// md.comp.list.list-item.selected.trailing-icon.color - static const TokenColorRole listItemSelectedTrailingIconColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.list.list-item.top-space + static const double listItemTopSpace = 10.00; - /// md.comp.list.list-item.leading-avatar-label.font - static const String listItemLeadingAvatarLabelFont = 'Roboto'; + /// md.comp.list.list-item.trailing-icon.color + static const TokenColorRole listItemTrailingIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.list.list-item.selected.container.expressive.shape - static const ShapeStruct listItemSelectedContainerExpressiveShape = - ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 16.00, - topRight: 16.00, - bottomLeft: 16.00, - bottomRight: 16.00, - ); + /// md.comp.list.list-item.trailing-icon.expressive.size + static const double listItemTrailingIconExpressiveSize = 20.00; - /// md.comp.list.list-item.selected.focus.state-layer.opacity - static const double listItemSelectedFocusStateLayerOpacity = 0.10; + /// md.comp.list.list-item.trailing-icon.size + static const double listItemTrailingIconSize = 24.00; /// md.comp.list.list-item.trailing-space static const double listItemTrailingSpace = 16.00; + + /// md.comp.list.list-item.trailing-supporting-text.color + static const TokenColorRole listItemTrailingSupportingTextColor = TokenColorRole.onSurfaceVariant; + + /// md.comp.list.list-item.trailing-supporting-text.font + static const String listItemTrailingSupportingTextFont = 'Roboto'; + + /// md.comp.list.list-item.trailing-supporting-text.type + static const String listItemTrailingSupportingTextTypeFontFamily = 'Roboto'; + + /// md.comp.list.list-item.trailing-supporting-text.type + static const double listItemTrailingSupportingTextTypeFontSize = 11.00; + + /// md.comp.list.list-item.trailing-supporting-text.type + static const double listItemTrailingSupportingTextTypeFontWeight = 500; + + /// md.comp.list.list-item.trailing-supporting-text.type + static const double listItemTrailingSupportingTextTypeLetterSpacing = 0.50; + + /// md.comp.list.list-item.trailing-supporting-text.type + static const double listItemTrailingSupportingTextTypeLineHeight = 16.00; + + /// md.comp.list.list-item.two-line.container.height + static const double listItemTwoLineContainerHeight = 72.00; + + /// md.comp.list.list-item.unselected.trailing-icon.color + static const TokenColorRole listItemUnselectedTrailingIconColor = TokenColorRole.onSurface; + + /// md.comp.list.segmented.gap + static const double segmentedGap = 2.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/list_expand.dart b/packages/material_ui/tool/gen_defaults/data/list_expand.dart index 1e14863cd0d1..0f18b366595c 100644 --- a/packages/material_ui/tool/gen_defaults/data/list_expand.dart +++ b/packages/material_ui/tool/gen_defaults/data/list_expand.dart @@ -8,6 +8,12 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenListExpand { + /// md.comp.list.expand.collapsed.list-item.trailing-icon.container.color + static const TokenColorRole collapsedListItemTrailingIconContainerColor = TokenColorRole.surface; + + /// md.comp.list.expand.collapsed.list-item.trailing-icon.icon.color + static const TokenColorRole collapsedListItemTrailingIconIconColor = TokenColorRole.onSurface; + /// md.comp.list.expand.container.shape static const ShapeStruct containerShape = ShapeStruct( family: 'SHAPE_FAMILY_ROUNDED_CORNERS', @@ -17,21 +23,18 @@ class TokenListExpand { bottomRight: 16.00, ); - /// md.comp.list.expand.expanded.list-item.segmented.container.color - static const TokenColorRole expandedListItemSegmentedContainerColor = - TokenColorRole.surface; + /// md.comp.list.expand.expanded.list-item.container.color + static const TokenColorRole expandedListItemContainerColor = TokenColorRole.surface; - /// md.comp.list.expand.collapsed.list-item.trailing-icon.icon.color - static const TokenColorRole collapsedListItemTrailingIconIconColor = - TokenColorRole.onSurface; + /// md.comp.list.expand.expanded.list-item.segmented.container.color + static const TokenColorRole expandedListItemSegmentedContainerColor = TokenColorRole.surface; - /// md.comp.list.expand.collapsed.list-item.trailing-icon.container.color - static const TokenColorRole collapsedListItemTrailingIconContainerColor = - TokenColorRole.surface; + /// md.comp.list.expand.expanded.list-item.trailing-icon.container.color + static const TokenColorRole expandedListItemTrailingIconContainerColor = + TokenColorRole.surfaceContainer; /// md.comp.list.expand.expanded.list-item.trailing-icon.icon.color - static const TokenColorRole expandedListItemTrailingIconIconColor = - TokenColorRole.onSurface; + static const TokenColorRole expandedListItemTrailingIconIconColor = TokenColorRole.onSurface; /// md.comp.list.expand.trailing-icon.shape static const ShapeStruct trailingIconShape = ShapeStruct( @@ -41,12 +44,4 @@ class TokenListExpand { bottomLeft: 0.00, bottomRight: 0.00, ); - - /// md.comp.list.expand.expanded.list-item.container.color - static const TokenColorRole expandedListItemContainerColor = - TokenColorRole.surface; - - /// md.comp.list.expand.expanded.list-item.trailing-icon.container.color - static const TokenColorRole expandedListItemTrailingIconContainerColor = - TokenColorRole.surfaceContainer; } diff --git a/packages/material_ui/tool/gen_defaults/data/list_reorder.dart b/packages/material_ui/tool/gen_defaults/data/list_reorder.dart index 3e3565fdeeea..318be4e95556 100644 --- a/packages/material_ui/tool/gen_defaults/data/list_reorder.dart +++ b/packages/material_ui/tool/gen_defaults/data/list_reorder.dart @@ -8,9 +8,23 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenListReorder { - /// md.comp.list.reorder.list-item.trailing-supporting-text.color - static const TokenColorRole listItemTrailingSupportingTextColor = - TokenColorRole.onTertiaryContainer; + /// md.comp.list.reorder.list-item.container.color + static const TokenColorRole listItemContainerColor = TokenColorRole.tertiaryContainer; + + /// md.comp.list.reorder.list-item.drop-zone.color + static const TokenColorRole listItemDropZoneColor = TokenColorRole.surfaceContainerLow; + + /// md.comp.list.reorder.list-item.label-text.color + static const TokenColorRole listItemLabelTextColor = TokenColorRole.onTertiaryContainer; + + /// md.comp.list.reorder.list-item.leading-icon.color + static const TokenColorRole listItemLeadingIconColor = TokenColorRole.onTertiaryContainer; + + /// md.comp.list.reorder.list-item.overline.color + static const TokenColorRole listItemOverlineColor = TokenColorRole.onTertiaryContainer; + + /// md.comp.list.reorder.list-item.shadow-color + static const TokenColorRole listItemShadowColor = TokenColorRole.shadow; /// md.comp.list.reorder.list-item.shape static const ShapeStruct listItemShape = ShapeStruct( @@ -21,41 +35,19 @@ class TokenListReorder { bottomRight: 16.00, ); + /// md.comp.list.reorder.list-item.state-layer.color + static const TokenColorRole listItemStateLayerColor = TokenColorRole.onTertiaryContainer; + /// md.comp.list.reorder.list-item.state-layer.opacity static const double listItemStateLayerOpacity = 0.10; - /// md.comp.list.reorder.list-item.shadow-color - static const TokenColorRole listItemShadowColor = TokenColorRole.shadow; - - /// md.comp.list.reorder.list-item.overline.color - static const TokenColorRole listItemOverlineColor = - TokenColorRole.onTertiaryContainer; - - /// md.comp.list.reorder.list-item.container.color - static const TokenColorRole listItemContainerColor = - TokenColorRole.tertiaryContainer; - - /// md.comp.list.reorder.list-item.trailing-icon.color - static const TokenColorRole listItemTrailingIconColor = - TokenColorRole.onTertiaryContainer; - - /// md.comp.list.reorder.list-item.leading-icon.color - static const TokenColorRole listItemLeadingIconColor = - TokenColorRole.onTertiaryContainer; - - /// md.comp.list.reorder.list-item.drop-zone.color - static const TokenColorRole listItemDropZoneColor = - TokenColorRole.surfaceContainerLow; - /// md.comp.list.reorder.list-item.supporting-text.color - static const TokenColorRole listItemSupportingTextColor = - TokenColorRole.onTertiaryContainer; + static const TokenColorRole listItemSupportingTextColor = TokenColorRole.onTertiaryContainer; - /// md.comp.list.reorder.list-item.state-layer.color - static const TokenColorRole listItemStateLayerColor = - TokenColorRole.onTertiaryContainer; + /// md.comp.list.reorder.list-item.trailing-icon.color + static const TokenColorRole listItemTrailingIconColor = TokenColorRole.onTertiaryContainer; - /// md.comp.list.reorder.list-item.label-text.color - static const TokenColorRole listItemLabelTextColor = + /// md.comp.list.reorder.list-item.trailing-supporting-text.color + static const TokenColorRole listItemTrailingSupportingTextColor = TokenColorRole.onTertiaryContainer; } diff --git a/packages/material_ui/tool/gen_defaults/data/list_reveal.dart b/packages/material_ui/tool/gen_defaults/data/list_reveal.dart index 6b8ef8011a74..17f63b11bd82 100644 --- a/packages/material_ui/tool/gen_defaults/data/list_reveal.dart +++ b/packages/material_ui/tool/gen_defaults/data/list_reveal.dart @@ -8,16 +8,29 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenListReveal { - /// md.comp.list.reveal.list-item.action.icon-button.pressed.state-layer.color - static const TokenColorRole listItemActionIconButtonPressedStateLayerColor = + /// md.comp.list.reveal.list-item.action.icon-button.container.color + static const TokenColorRole listItemActionIconButtonContainerColor = TokenColorRole.primary; + + /// md.comp.list.reveal.list-item.action.icon-button.focused.state-layer.color + static const TokenColorRole listItemActionIconButtonFocusedStateLayerColor = TokenColorRole.onPrimary; /// md.comp.list.reveal.list-item.action.icon-button.hovered.state-layer.color static const TokenColorRole listItemActionIconButtonHoveredStateLayerColor = TokenColorRole.onPrimary; - /// md.comp.list.reveal.list-item.icon-button.action.container.shape - static const ShapeStruct listItemIconButtonActionContainerShape = ShapeStruct( + /// md.comp.list.reveal.list-item.action.icon-button.icon.color + static const TokenColorRole listItemActionIconButtonIconColor = TokenColorRole.onPrimary; + + /// md.comp.list.reveal.list-item.action.icon-button.pressed.state-layer.color + static const TokenColorRole listItemActionIconButtonPressedStateLayerColor = + TokenColorRole.onPrimary; + + /// md.comp.list.reveal.list-item.container.color + static const TokenColorRole listItemContainerColor = TokenColorRole.surface; + + /// md.comp.list.reveal.list-item.container.shape + static const ShapeStruct listItemContainerShape = ShapeStruct( family: 'SHAPE_FAMILY_ROUNDED_CORNERS', topLeft: 16.00, topRight: 16.00, @@ -25,8 +38,8 @@ class TokenListReveal { bottomRight: 16.00, ); - /// md.comp.list.reveal.list-item.container.shape - static const ShapeStruct listItemContainerShape = ShapeStruct( + /// md.comp.list.reveal.list-item.icon-button.action.container.shape + static const ShapeStruct listItemIconButtonActionContainerShape = ShapeStruct( family: 'SHAPE_FAMILY_ROUNDED_CORNERS', topLeft: 16.00, topRight: 16.00, @@ -34,6 +47,9 @@ class TokenListReveal { bottomRight: 16.00, ); + /// md.comp.list.reveal.list-item.icon-button.container.color + static const TokenColorRole listItemIconButtonContainerColor = TokenColorRole.secondaryContainer; + /// md.comp.list.reveal.list-item.icon-button.container.shape static const ShapeStruct listItemIconButtonContainerShape = ShapeStruct( family: 'SHAPE_FAMILY_CIRCULAR', @@ -43,24 +59,16 @@ class TokenListReveal { bottomRight: 0.00, ); - /// md.comp.list.reveal.list-item.icon-button.icon.color - static const TokenColorRole listItemIconButtonIconColor = + /// md.comp.list.reveal.list-item.icon-button.focused.state-layer.color + static const TokenColorRole listItemIconButtonFocusedStateLayerColor = TokenColorRole.onSecondaryContainer; - /// md.comp.list.reveal.list-item.action.icon-button.focused.state-layer.color - static const TokenColorRole listItemActionIconButtonFocusedStateLayerColor = - TokenColorRole.onPrimary; - - /// md.comp.list.reveal.list-item.container.color - static const TokenColorRole listItemContainerColor = TokenColorRole.surface; - /// md.comp.list.reveal.list-item.icon-button.hovered.state-layer.color static const TokenColorRole listItemIconButtonHoveredStateLayerColor = TokenColorRole.onSecondaryContainer; - /// md.comp.list.reveal.list-item.icon-button.container.color - static const TokenColorRole listItemIconButtonContainerColor = - TokenColorRole.secondaryContainer; + /// md.comp.list.reveal.list-item.icon-button.icon.color + static const TokenColorRole listItemIconButtonIconColor = TokenColorRole.onSecondaryContainer; /// md.comp.list.reveal.list-item.icon-button.pressed.state-layer.color static const TokenColorRole listItemIconButtonPressedStateLayerColor = @@ -74,16 +82,4 @@ class TokenListReveal { bottomLeft: 16.00, bottomRight: 16.00, ); - - /// md.comp.list.reveal.list-item.action.icon-button.icon.color - static const TokenColorRole listItemActionIconButtonIconColor = - TokenColorRole.onPrimary; - - /// md.comp.list.reveal.list-item.action.icon-button.container.color - static const TokenColorRole listItemActionIconButtonContainerColor = - TokenColorRole.primary; - - /// md.comp.list.reveal.list-item.icon-button.focused.state-layer.color - static const TokenColorRole listItemIconButtonFocusedStateLayerColor = - TokenColorRole.onSecondaryContainer; } diff --git a/packages/material_ui/tool/gen_defaults/data/loading_indicator.dart b/packages/material_ui/tool/gen_defaults/data/loading_indicator.dart index f886f4120a5f..710fc2872dd1 100644 --- a/packages/material_ui/tool/gen_defaults/data/loading_indicator.dart +++ b/packages/material_ui/tool/gen_defaults/data/loading_indicator.dart @@ -8,22 +8,21 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenLoadingIndicator { - /// md.comp.loading-indicator.container.width - static const double containerWidth = 48.00; - /// md.comp.loading-indicator.active-indicator.color static const TokenColorRole activeIndicatorColor = TokenColorRole.primary; + /// md.comp.loading-indicator.active-indicator.size + static const double activeIndicatorSize = 38.00; + /// md.comp.loading-indicator.contained.active-indicator.color - static const TokenColorRole containedActiveIndicatorColor = - TokenColorRole.onPrimaryContainer; + static const TokenColorRole containedActiveIndicatorColor = TokenColorRole.onPrimaryContainer; + + /// md.comp.loading-indicator.contained.container.color + static const TokenColorRole containedContainerColor = TokenColorRole.primaryContainer; /// md.comp.loading-indicator.container.height static const double containerHeight = 48.00; - /// md.comp.loading-indicator.active-indicator.size - static const double activeIndicatorSize = 38.00; - /// md.comp.loading-indicator.container.shape static const ShapeStruct containerShape = ShapeStruct( family: 'SHAPE_FAMILY_CIRCULAR', @@ -33,7 +32,6 @@ class TokenLoadingIndicator { bottomRight: 0.00, ); - /// md.comp.loading-indicator.contained.container.color - static const TokenColorRole containedContainerColor = - TokenColorRole.primaryContainer; + /// md.comp.loading-indicator.container.width + static const double containerWidth = 48.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/measurement.dart b/packages/material_ui/tool/gen_defaults/data/measurement.dart index 4bd63ac19c43..729ea8d7989b 100644 --- a/packages/material_ui/tool/gen_defaults/data/measurement.dart +++ b/packages/material_ui/tool/gen_defaults/data/measurement.dart @@ -5,57 +5,57 @@ // Version: 36.0.6 class TokenMeasurement { - /// md.sys.measurement.space250 - static const double space250 = 20.00; + /// md.sys.measurement.space0 + static const double space0 = 0.00; - /// md.sys.measurement.space450 - static const double space450 = 36.00; + /// md.sys.measurement.space100 + static const double space100 = 8.00; /// md.sys.measurement.space125 static const double space125 = 10.00; - /// md.sys.measurement.space200 - static const double space200 = 16.00; + /// md.sys.measurement.space150 + static const double space150 = 12.00; - /// md.sys.measurement.space500 - static const double space500 = 40.00; + /// md.sys.measurement.space175 + static const double space175 = 14.00; - /// md.sys.measurement.space600 - static const double space600 = 48.00; + /// md.sys.measurement.space200 + static const double space200 = 16.00; /// md.sys.measurement.space25 static const double space25 = 2.00; - /// md.sys.measurement.space175 - static const double space175 = 14.00; + /// md.sys.measurement.space250 + static const double space250 = 20.00; - /// md.sys.measurement.space50 - static const double space50 = 4.00; + /// md.sys.measurement.space300 + static const double space300 = 24.00; /// md.sys.measurement.space400 static const double space400 = 32.00; - /// md.sys.measurement.space150 - static const double space150 = 12.00; + /// md.sys.measurement.space450 + static const double space450 = 36.00; - /// md.sys.measurement.space0 - static const double space0 = 0.00; + /// md.sys.measurement.space50 + static const double space50 = 4.00; + + /// md.sys.measurement.space500 + static const double space500 = 40.00; + + /// md.sys.measurement.space600 + static const double space600 = 48.00; + + /// md.sys.measurement.space700 + static const double space700 = 56.00; /// md.sys.measurement.space75 static const double space75 = 6.00; - /// md.sys.measurement.space900 - static const double space900 = 72.00; - /// md.sys.measurement.space800 static const double space800 = 64.00; - /// md.sys.measurement.space300 - static const double space300 = 24.00; - - /// md.sys.measurement.space700 - static const double space700 = 56.00; - - /// md.sys.measurement.space100 - static const double space100 = 8.00; + /// md.sys.measurement.space900 + static const double space900 = 72.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/menu.dart b/packages/material_ui/tool/gen_defaults/data/menu.dart index 931b05a69754..263814d2bc7d 100644 --- a/packages/material_ui/tool/gen_defaults/data/menu.dart +++ b/packages/material_ui/tool/gen_defaults/data/menu.dart @@ -8,12 +8,15 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenMenu { - /// md.comp.menu.container.shadow-color - static const TokenColorRole containerShadowColor = TokenColorRole.shadow; + /// md.comp.menu.container.color + static const TokenColorRole containerColor = TokenColorRole.surfaceContainer; /// md.comp.menu.container.elevation static const double containerElevation = 3.00; + /// md.comp.menu.container.shadow-color + static const TokenColorRole containerShadowColor = TokenColorRole.shadow; + /// md.comp.menu.container.shape static const ShapeStruct containerShape = ShapeStruct( family: 'SHAPE_FAMILY_ROUNDED_CORNERS', @@ -22,7 +25,4 @@ class TokenMenu { bottomLeft: 4.00, bottomRight: 4.00, ); - - /// md.comp.menu.container.color - static const TokenColorRole containerColor = TokenColorRole.surfaceContainer; } diff --git a/packages/material_ui/tool/gen_defaults/data/menus.dart b/packages/material_ui/tool/gen_defaults/data/menus.dart index 18f50b0f95ee..55fd00d67d45 100644 --- a/packages/material_ui/tool/gen_defaults/data/menus.dart +++ b/packages/material_ui/tool/gen_defaults/data/menus.dart @@ -8,78 +8,89 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenMenus { - /// md.comp.menus.horizontal.menu-item.top-space - static const double horizontalMenuItemTopSpace = 6.00; - - /// md.comp.menus.horizontal.menu-item.selected.pressed.shape - static const ShapeStruct horizontalMenuItemSelectedPressedShape = ShapeStruct( - family: 'SHAPE_FAMILY_CIRCULAR', - topLeft: 0.00, - topRight: 0.00, - bottomLeft: 0.00, - bottomRight: 0.00, + /// md.comp.menus.active.container.shape + static const ShapeStruct activeContainerShape = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 16.00, + topRight: 16.00, + bottomLeft: 16.00, + bottomRight: 16.00, ); - /// md.comp.menus.menu-item.focus.indicator.color - static const TokenColorRole menuItemFocusIndicatorColor = - TokenColorRole.secondary; + /// md.comp.menus.container.elevation + static const double containerElevation = 3.00; - /// md.comp.menus.horizontal.menu-item.hovered.shape - static const ShapeStruct horizontalMenuItemHoveredShape = ShapeStruct( + /// md.comp.menus.container.shape + static const ShapeStruct containerShape = ShapeStruct( family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 12.00, - topRight: 12.00, - bottomLeft: 12.00, - bottomRight: 12.00, + topLeft: 16.00, + topRight: 16.00, + bottomLeft: 16.00, + bottomRight: 16.00, ); - /// md.comp.menus.menu-item.between-space - static const double menuItemBetweenSpace = 12.00; + /// md.comp.menus.gap + static const double gap = 2.00; - /// md.comp.menus.menu-item.last-child.shape - static const ShapeStruct menuItemLastChildShape = ShapeStruct( + /// md.comp.menus.group.padding + static const double groupPadding = 2.00; + + /// md.comp.menus.group.shape + static const ShapeStruct groupShape = ShapeStruct( family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 12.00, - topRight: 12.00, - bottomLeft: 12.00, - bottomRight: 12.00, + topLeft: 8.00, + topRight: 8.00, + bottomLeft: 8.00, + bottomRight: 8.00, ); - /// md.comp.menus.horizontal.menu-item.pressed.shape - static const ShapeStruct horizontalMenuItemPressedShape = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 12.00, - topRight: 12.00, - bottomLeft: 12.00, - bottomRight: 12.00, + /// md.comp.menus.horizontal.container.bottom-space + static const double horizontalContainerBottomSpace = 8.00; + + /// md.comp.menus.horizontal.container.shape + static const ShapeStruct horizontalContainerShape = ShapeStruct( + family: 'SHAPE_FAMILY_CIRCULAR', + topLeft: 0.00, + topRight: 0.00, + bottomLeft: 0.00, + bottomRight: 0.00, ); - /// md.comp.menus.menu-item.bottom-space - static const double menuItemBottomSpace = 8.00; + /// md.comp.menus.horizontal.container.top-space + static const double horizontalContainerTopSpace = 8.00; /// md.comp.menus.horizontal.icon-only.gap static const double horizontalIconOnlyGap = 4.00; - /// md.comp.menus.menu-item.shape - static const ShapeStruct menuItemShape = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 4.00, - topRight: 4.00, - bottomLeft: 4.00, - bottomRight: 4.00, - ); - - /// md.comp.menus.horizontal.menu-item.leading-space - static const double horizontalMenuItemLeadingSpace = 12.00; + /// md.comp.menus.horizontal.icon-only.menu-item.bottom-space + static const double horizontalIconOnlyMenuItemBottomSpace = 16.00; /// md.comp.menus.horizontal.icon-only.menu-item.leading-space static const double horizontalIconOnlyMenuItemLeadingSpace = 16.00; - /// md.comp.menus.menu-item.leading-icon.size - static const double menuItemLeadingIconSize = 20.00; + /// md.comp.menus.horizontal.icon-only.menu-item.selected.shape + static const ShapeStruct horizontalIconOnlyMenuItemSelectedShape = ShapeStruct( + family: 'SHAPE_FAMILY_CIRCULAR', + topLeft: 0.00, + topRight: 0.00, + bottomLeft: 0.00, + bottomRight: 0.00, + ); - /// md.comp.menus.menu-item.selected.shape - static const ShapeStruct menuItemSelectedShape = ShapeStruct( + /// md.comp.menus.horizontal.icon-only.menu-item.top-space + static const double horizontalIconOnlyMenuItemTopSpace = 16.00; + + /// md.comp.menus.horizontal.icon-only.menu-item.trailing-space + static const double horizontalIconOnlyMenuItemTrailingSpace = 16.00; + + /// md.comp.menus.horizontal.menu-item.between-space + static const double horizontalMenuItemBetweenSpace = 12.00; + + /// md.comp.menus.horizontal.menu-item.bottom-space + static const double horizontalMenuItemBottomSpace = 6.00; + + /// md.comp.menus.horizontal.menu-item.focused.shape + static const ShapeStruct horizontalMenuItemFocusedShape = ShapeStruct( family: 'SHAPE_FAMILY_ROUNDED_CORNERS', topLeft: 12.00, topRight: 12.00, @@ -87,8 +98,8 @@ class TokenMenus { bottomRight: 12.00, ); - /// md.comp.menus.menu-item.first-child.shape - static const ShapeStruct menuItemFirstChildShape = ShapeStruct( + /// md.comp.menus.horizontal.menu-item.hovered.shape + static const ShapeStruct horizontalMenuItemHoveredShape = ShapeStruct( family: 'SHAPE_FAMILY_ROUNDED_CORNERS', topLeft: 12.00, topRight: 12.00, @@ -96,40 +107,16 @@ class TokenMenus { bottomRight: 12.00, ); - /// md.comp.menus.menu-item.last-child.inner-corner.corner-size - static const ShapeStruct menuItemLastChildInnerCornerCornerSize = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 4.00, - topRight: 4.00, - bottomLeft: 4.00, - bottomRight: 4.00, - ); - - /// md.comp.menus.menu-item.trailing-supporting-text.font - static const String menuItemTrailingSupportingTextFont = 'Roboto'; - - /// md.comp.menus.menu-item.height - static const double menuItemHeight = 44.00; - - /// md.comp.menus.horizontal.icon-only.menu-item.top-space - static const double horizontalIconOnlyMenuItemTopSpace = 16.00; - - /// md.comp.menus.group.shape - static const ShapeStruct groupShape = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 8.00, - topRight: 8.00, - bottomLeft: 8.00, - bottomRight: 8.00, - ); + /// md.comp.menus.horizontal.menu-item.leading-space + static const double horizontalMenuItemLeadingSpace = 12.00; - /// md.comp.menus.container.shape - static const ShapeStruct containerShape = ShapeStruct( + /// md.comp.menus.horizontal.menu-item.pressed.shape + static const ShapeStruct horizontalMenuItemPressedShape = ShapeStruct( family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 16.00, - topRight: 16.00, - bottomLeft: 16.00, - bottomRight: 16.00, + topLeft: 12.00, + topRight: 12.00, + bottomLeft: 12.00, + bottomRight: 12.00, ); /// md.comp.menus.horizontal.menu-item.selected.focused.shape @@ -141,27 +128,6 @@ class TokenMenus { bottomRight: 0.00, ); - /// md.comp.menus.menu-item.focus.indicator.outline.offset - static const double menuItemFocusIndicatorOutlineOffset = -3.00; - - /// md.comp.menus.menu-item.focus.indicator.thickness - static const double menuItemFocusIndicatorThickness = 3.00; - - /// md.comp.menus.gap - static const double gap = 2.00; - - /// md.comp.menus.horizontal.icon-only.menu-item.trailing-space - static const double horizontalIconOnlyMenuItemTrailingSpace = 16.00; - - /// md.comp.menus.group.padding - static const double groupPadding = 2.00; - - /// md.comp.menus.menu-item.supporting-text.font - static const String menuItemSupportingTextFont = 'Roboto'; - - /// md.comp.menus.menu-item.top-space - static const double menuItemTopSpace = 8.00; - /// md.comp.menus.horizontal.menu-item.selected.hovered.shape static const ShapeStruct horizontalMenuItemSelectedHoveredShape = ShapeStruct( family: 'SHAPE_FAMILY_CIRCULAR', @@ -171,6 +137,18 @@ class TokenMenus { bottomRight: 0.00, ); + /// md.comp.menus.horizontal.menu-item.selected.pressed.shape + static const ShapeStruct horizontalMenuItemSelectedPressedShape = ShapeStruct( + family: 'SHAPE_FAMILY_CIRCULAR', + topLeft: 0.00, + topRight: 0.00, + bottomLeft: 0.00, + bottomRight: 0.00, + ); + + /// md.comp.menus.horizontal.menu-item.top-space + static const double horizontalMenuItemTopSpace = 6.00; + /// md.comp.menus.horizontal.menu-item.trailing-space static const double horizontalMenuItemTrailingSpace = 12.00; @@ -183,26 +161,56 @@ class TokenMenus { bottomRight: 8.00, ); - /// md.comp.menus.menu-item.trailing-icon.size - static const double menuItemTrailingIconSize = 20.00; + /// md.comp.menus.menu-item.between-space + static const double menuItemBetweenSpace = 12.00; - /// md.comp.menus.menu-item.label-text.font - static const String menuItemLabelTextFont = 'Roboto'; + /// md.comp.menus.menu-item.bottom-space + static const double menuItemBottomSpace = 8.00; - /// md.comp.menus.horizontal.container.top-space - static const double horizontalContainerTopSpace = 8.00; + /// md.comp.menus.menu-item.first-child.inner-corner.corner-size + static const ShapeStruct menuItemFirstChildInnerCornerCornerSize = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 4.00, + topRight: 4.00, + bottomLeft: 4.00, + bottomRight: 4.00, + ); - /// md.comp.menus.menu-item.trailing-space - static const double menuItemTrailingSpace = 16.00; + /// md.comp.menus.menu-item.first-child.shape + static const ShapeStruct menuItemFirstChildShape = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 12.00, + topRight: 12.00, + bottomLeft: 12.00, + bottomRight: 12.00, + ); - /// md.comp.menus.menu-item.leading-space - static const double menuItemLeadingSpace = 16.00; + /// md.comp.menus.menu-item.focus.indicator.color + static const TokenColorRole menuItemFocusIndicatorColor = TokenColorRole.secondary; - /// md.comp.menus.container.elevation - static const double containerElevation = 3.00; + /// md.comp.menus.menu-item.focus.indicator.outline.offset + static const double menuItemFocusIndicatorOutlineOffset = -3.00; - /// md.comp.menus.horizontal.menu-item.focused.shape - static const ShapeStruct horizontalMenuItemFocusedShape = ShapeStruct( + /// md.comp.menus.menu-item.focus.indicator.thickness + static const double menuItemFocusIndicatorThickness = 3.00; + + /// md.comp.menus.menu-item.height + static const double menuItemHeight = 44.00; + + /// md.comp.menus.menu-item.label-text.font + static const String menuItemLabelTextFont = 'Roboto'; + + /// md.comp.menus.menu-item.last-child.inner-corner.corner-size + static const ShapeStruct menuItemLastChildInnerCornerCornerSize = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 4.00, + topRight: 4.00, + bottomLeft: 4.00, + bottomRight: 4.00, + ); + + /// md.comp.menus.menu-item.last-child.shape + static const ShapeStruct menuItemLastChildShape = ShapeStruct( family: 'SHAPE_FAMILY_ROUNDED_CORNERS', topLeft: 12.00, topRight: 12.00, @@ -210,53 +218,42 @@ class TokenMenus { bottomRight: 12.00, ); - /// md.comp.menus.horizontal.icon-only.menu-item.selected.shape - static const ShapeStruct horizontalIconOnlyMenuItemSelectedShape = - ShapeStruct( - family: 'SHAPE_FAMILY_CIRCULAR', - topLeft: 0.00, - topRight: 0.00, - bottomLeft: 0.00, - bottomRight: 0.00, - ); + /// md.comp.menus.menu-item.leading-icon.size + static const double menuItemLeadingIconSize = 20.00; - /// md.comp.menus.active.container.shape - static const ShapeStruct activeContainerShape = ShapeStruct( + /// md.comp.menus.menu-item.leading-space + static const double menuItemLeadingSpace = 16.00; + + /// md.comp.menus.menu-item.selected.shape + static const ShapeStruct menuItemSelectedShape = ShapeStruct( family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 16.00, - topRight: 16.00, - bottomLeft: 16.00, - bottomRight: 16.00, + topLeft: 12.00, + topRight: 12.00, + bottomLeft: 12.00, + bottomRight: 12.00, ); - /// md.comp.menus.horizontal.container.shape - static const ShapeStruct horizontalContainerShape = ShapeStruct( - family: 'SHAPE_FAMILY_CIRCULAR', - topLeft: 0.00, - topRight: 0.00, - bottomLeft: 0.00, - bottomRight: 0.00, + /// md.comp.menus.menu-item.shape + static const ShapeStruct menuItemShape = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 4.00, + topRight: 4.00, + bottomLeft: 4.00, + bottomRight: 4.00, ); - /// md.comp.menus.horizontal.menu-item.between-space - static const double horizontalMenuItemBetweenSpace = 12.00; + /// md.comp.menus.menu-item.supporting-text.font + static const String menuItemSupportingTextFont = 'Roboto'; - /// md.comp.menus.menu-item.first-child.inner-corner.corner-size - static const ShapeStruct menuItemFirstChildInnerCornerCornerSize = - ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 4.00, - topRight: 4.00, - bottomLeft: 4.00, - bottomRight: 4.00, - ); + /// md.comp.menus.menu-item.top-space + static const double menuItemTopSpace = 8.00; - /// md.comp.menus.horizontal.icon-only.menu-item.bottom-space - static const double horizontalIconOnlyMenuItemBottomSpace = 16.00; + /// md.comp.menus.menu-item.trailing-icon.size + static const double menuItemTrailingIconSize = 20.00; - /// md.comp.menus.horizontal.container.bottom-space - static const double horizontalContainerBottomSpace = 8.00; + /// md.comp.menus.menu-item.trailing-space + static const double menuItemTrailingSpace = 16.00; - /// md.comp.menus.horizontal.menu-item.bottom-space - static const double horizontalMenuItemBottomSpace = 6.00; + /// md.comp.menus.menu-item.trailing-supporting-text.font + static const String menuItemTrailingSupportingTextFont = 'Roboto'; } diff --git a/packages/material_ui/tool/gen_defaults/data/menus_standard.dart b/packages/material_ui/tool/gen_defaults/data/menus_standard.dart index 39988d7e4e53..1b84df328fef 100644 --- a/packages/material_ui/tool/gen_defaults/data/menus_standard.dart +++ b/packages/material_ui/tool/gen_defaults/data/menus_standard.dart @@ -7,325 +7,285 @@ import 'color_role.dart'; class TokenMenusStandard { - /// md.comp.menus.standard.icon-button.selected.container.color - static const TokenColorRole iconButtonSelectedContainerColor = - TokenColorRole.tertiaryContainer; + /// md.comp.menus.standard.container.color + static const TokenColorRole containerColor = TokenColorRole.surfaceContainerLow; - /// md.comp.menus.standard.menu-item.selected.hovered.label-text.color - static const TokenColorRole menuItemSelectedHoveredLabelTextColor = - TokenColorRole.onTertiaryContainer; + /// md.comp.menus.standard.container.shadow-color + static const TokenColorRole containerShadowColor = TokenColorRole.shadow; - /// md.comp.menus.standard.menu-item.selected.disabled.container.color - static const TokenColorRole menuItemSelectedDisabledContainerColor = - TokenColorRole.tertiaryContainer; + /// md.comp.menus.standard.disabled.icon-button.icon.color + static const TokenColorRole disabledIconButtonIconColor = TokenColorRole.onSurface; - /// md.comp.menus.standard.menu-item.selected.trailing-icon.color - static const TokenColorRole menuItemSelectedTrailingIconColor = - TokenColorRole.onTertiaryContainer; + /// md.comp.menus.standard.icon-button.container.color + static const TokenColorRole iconButtonContainerColor = TokenColorRole.surfaceContainerLow; - /// md.comp.menus.standard.menu-item.disabled.leading-icon.opacity - static const double menuItemDisabledLeadingIconOpacity = 0.38; + /// md.comp.menus.standard.icon-button.disabled.icon.color + static const TokenColorRole iconButtonDisabledIconColor = TokenColorRole.onTertiaryContainer; - /// md.comp.menus.standard.menu-item.disabled.supporting-text.color - static const TokenColorRole menuItemDisabledSupportingTextColor = - TokenColorRole.onSurface; + /// md.comp.menus.standard.icon-button.focused.state-layer.color + static const TokenColorRole iconButtonFocusedStateLayerColor = TokenColorRole.onSurface; - /// md.comp.menus.standard.menu-item.selected.label-text.color - static const TokenColorRole menuItemSelectedLabelTextColor = - TokenColorRole.onTertiaryContainer; + /// md.comp.menus.standard.icon-button.hovered.state-layer.color + static const TokenColorRole iconButtonHoveredStateLayerColor = TokenColorRole.onSurface; + + /// md.comp.menus.standard.icon-button.icon.color + static const TokenColorRole iconButtonIconColor = TokenColorRole.onSurfaceVariant; /// md.comp.menus.standard.icon-button.pressed.state-layer.color - static const TokenColorRole iconButtonPressedStateLayerColor = - TokenColorRole.onSurface; + static const TokenColorRole iconButtonPressedStateLayerColor = TokenColorRole.onSurface; - /// md.comp.menus.standard.section-label-text.color - static const TokenColorRole sectionLabelTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.menus.standard.icon-button.selected.container.color + static const TokenColorRole iconButtonSelectedContainerColor = TokenColorRole.tertiaryContainer; - /// md.comp.menus.standard.menu-item.hovered.label-text.color - static const TokenColorRole menuItemHoveredLabelTextColor = - TokenColorRole.onSurface; + /// md.comp.menus.standard.icon-button.selected.focused.state-layer.color + static const TokenColorRole iconButtonSelectedFocusedStateLayerColor = + TokenColorRole.onTertiaryContainer; - /// md.comp.menus.standard.menu-item.selected.hovered.supporting-text.color - static const TokenColorRole menuItemSelectedHoveredSupportingTextColor = + /// md.comp.menus.standard.icon-button.selected.hovered.state-layer.color + static const TokenColorRole iconButtonSelectedHoveredStateLayerColor = TokenColorRole.onTertiaryContainer; - /// md.comp.menus.standard.menu-item.hovered.state-layer.color - static const TokenColorRole menuItemHoveredStateLayerColor = - TokenColorRole.onSurface; + /// md.comp.menus.standard.icon-button.selected.icon.color + static const TokenColorRole iconButtonSelectedIconColor = TokenColorRole.onTertiaryContainer; - /// md.comp.menus.standard.menu-item.focused.label-text.color - static const TokenColorRole menuItemFocusedLabelTextColor = - TokenColorRole.onSurface; + /// md.comp.menus.standard.icon-button.selected.pressed.state-layer.color + static const TokenColorRole iconButtonSelectedPressedStateLayerColor = + TokenColorRole.onTertiaryContainer; - /// md.comp.menus.standard.menu-item.label-text.color - static const TokenColorRole menuItemLabelTextColor = TokenColorRole.onSurface; + /// md.comp.menus.standard.menu-item.active.state-layer.color + static const TokenColorRole menuItemActiveStateLayerColor = TokenColorRole.onSurface; + + /// md.comp.menus.standard.menu-item.active.state-layer.opacity + static const double menuItemActiveStateLayerOpacity = 0.08; /// md.comp.menus.standard.menu-item.container.color - static const TokenColorRole menuItemContainerColor = - TokenColorRole.surfaceContainerLow; + static const TokenColorRole menuItemContainerColor = TokenColorRole.surfaceContainerLow; - /// md.comp.menus.standard.menu-item.selected.focused.trailing-icon.color - static const TokenColorRole menuItemSelectedFocusedTrailingIconColor = - TokenColorRole.onTertiaryContainer; + /// md.comp.menus.standard.menu-item.disabled.label-text.color + static const TokenColorRole menuItemDisabledLabelTextColor = TokenColorRole.onSurface; - /// md.comp.menus.standard.menu-item.selected.disabled.trailing-icon.opacity - static const double menuItemSelectedDisabledTrailingIconOpacity = 0.38; + /// md.comp.menus.standard.menu-item.disabled.label-text.opacity + static const double menuItemDisabledLabelTextOpacity = 0.38; - /// md.comp.menus.standard.menu-item.selected.disabled.container.opacity - static const double menuItemSelectedDisabledContainerOpacity = 0.38; + /// md.comp.menus.standard.menu-item.disabled.leading-icon.color + static const TokenColorRole menuItemDisabledLeadingIconColor = TokenColorRole.onSurface; - /// md.comp.menus.standard.menu-item.disabled.label-text.color - static const TokenColorRole menuItemDisabledLabelTextColor = - TokenColorRole.onSurface; + /// md.comp.menus.standard.menu-item.disabled.leading-icon.opacity + static const double menuItemDisabledLeadingIconOpacity = 0.38; - /// md.comp.menus.standard.menu-item.selected.hovered.leading-icon.color - static const TokenColorRole menuItemSelectedHoveredLeadingIconColor = - TokenColorRole.onTertiaryContainer; + /// md.comp.menus.standard.menu-item.disabled.supporting-text.color + static const TokenColorRole menuItemDisabledSupportingTextColor = TokenColorRole.onSurface; + + /// md.comp.menus.standard.menu-item.disabled.supporting-text.opacity + static const double menuItemDisabledSupportingTextOpacity = 0.38; + + /// md.comp.menus.standard.menu-item.disabled.trailing-icon.color + static const TokenColorRole menuItemDisabledTrailingIconColor = TokenColorRole.onSurface; /// md.comp.menus.standard.menu-item.disabled.trailing-icon.opacity static const double menuItemDisabledTrailingIconOpacity = 0.38; - /// md.comp.menus.standard.menu-item.hovered.state-layer.opacity - static const double menuItemHoveredStateLayerOpacity = 0.08; + /// md.comp.menus.standard.menu-item.disabled.trailing-supporting-text.color + static const TokenColorRole menuItemDisabledTrailingSupportingTextColor = + TokenColorRole.onSurface; - /// md.comp.menus.standard.menu-item.selected.disabled.trailing-supporting-text.color - static const TokenColorRole - menuItemSelectedDisabledTrailingSupportingTextColor = - TokenColorRole.onTertiaryContainer; + /// md.comp.menus.standard.menu-item.disabled.trailing-supporting-text.opacity + static const double menuItemDisabledTrailingSupportingTextOpacity = 0.38; - /// md.comp.menus.standard.menu-item.selected.pressed.leading-icon.color - static const TokenColorRole menuItemSelectedPressedLeadingIconColor = - TokenColorRole.onTertiaryContainer; + /// md.comp.menus.standard.menu-item.focused.label-text.color + static const TokenColorRole menuItemFocusedLabelTextColor = TokenColorRole.onSurface; - /// md.comp.menus.standard.disabled.icon-button.icon.color - static const TokenColorRole disabledIconButtonIconColor = - TokenColorRole.onSurface; + /// md.comp.menus.standard.menu-item.focused.leading-icon.color + static const TokenColorRole menuItemFocusedLeadingIconColor = TokenColorRole.onSurfaceVariant; + + /// md.comp.menus.standard.menu-item.focused.state-layer.color + static const TokenColorRole menuItemFocusedStateLayerColor = TokenColorRole.onSurface; /// md.comp.menus.standard.menu-item.focused.state-layer.opacity static const double menuItemFocusedStateLayerOpacity = 0.10; - /// md.comp.menus.standard.menu-item.selected.disabled.label-text.opacity - static const double menuItemSelectedDisabledLabelTextOpacity = 0.38; - - /// md.comp.menus.standard.menu-item.selected.disabled.trailing-icon.color - static const TokenColorRole menuItemSelectedDisabledTrailingIconColor = - TokenColorRole.onTertiaryContainer; + /// md.comp.menus.standard.menu-item.focused.trailing-icon.color + static const TokenColorRole menuItemFocusedTrailingIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.menus.standard.menu-item.selected.hovered.trailing-icon.color - static const TokenColorRole menuItemSelectedHoveredTrailingIconColor = - TokenColorRole.onTertiaryContainer; + /// md.comp.menus.standard.menu-item.hovered.label-text.color + static const TokenColorRole menuItemHoveredLabelTextColor = TokenColorRole.onSurface; - /// md.comp.menus.standard.menu-item.selected.disabled.leading-icon.color - static const TokenColorRole menuItemSelectedDisabledLeadingIconColor = - TokenColorRole.onTertiaryContainer; + /// md.comp.menus.standard.menu-item.hovered.leading-icon.color + static const TokenColorRole menuItemHoveredLeadingIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.menus.standard.menu-item.disabled.trailing-icon.color - static const TokenColorRole menuItemDisabledTrailingIconColor = - TokenColorRole.onSurface; + /// md.comp.menus.standard.menu-item.hovered.state-layer.color + static const TokenColorRole menuItemHoveredStateLayerColor = TokenColorRole.onSurface; - /// md.comp.menus.standard.menu-item.disabled.leading-icon.color - static const TokenColorRole menuItemDisabledLeadingIconColor = - TokenColorRole.onSurface; + /// md.comp.menus.standard.menu-item.hovered.state-layer.opacity + static const double menuItemHoveredStateLayerOpacity = 0.08; - /// md.comp.menus.standard.menu-item.selected.pressed.state-layer.opacity - static const double menuItemSelectedPressedStateLayerOpacity = 0.10; + /// md.comp.menus.standard.menu-item.hovered.trailing-icon.color + static const TokenColorRole menuItemHoveredTrailingIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.menus.standard.menu-item.pressed.trailing-icon.color - static const TokenColorRole menuItemPressedTrailingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.menus.standard.menu-item.label-text.color + static const TokenColorRole menuItemLabelTextColor = TokenColorRole.onSurface; - /// md.comp.menus.standard.menu-item.selected.focused.supporting-text.color - static const TokenColorRole menuItemSelectedFocusedSupportingTextColor = - TokenColorRole.onTertiaryContainer; + /// md.comp.menus.standard.menu-item.leading-icon.color + static const TokenColorRole menuItemLeadingIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.menus.standard.menu-item.selected.supporting-text.color - static const TokenColorRole menuItemSelectedSupportingTextColor = - TokenColorRole.onTertiaryContainer; + /// md.comp.menus.standard.menu-item.pressed.label-text.color + static const TokenColorRole menuItemPressedLabelTextColor = TokenColorRole.onSurface; - /// md.comp.menus.standard.menu-item.disabled.trailing-supporting-text.opacity - static const double menuItemDisabledTrailingSupportingTextOpacity = 0.38; + /// md.comp.menus.standard.menu-item.pressed.leading-icon.color + static const TokenColorRole menuItemPressedLeadingIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.menus.standard.menu-item.disabled.trailing-supporting-text.color - static const TokenColorRole menuItemDisabledTrailingSupportingTextColor = - TokenColorRole.onSurface; + /// md.comp.menus.standard.menu-item.pressed.state-layer.color + static const TokenColorRole menuItemPressedStateLayerColor = TokenColorRole.onSurface; - /// md.comp.menus.standard.menu-item.active.state-layer.color - static const TokenColorRole menuItemActiveStateLayerColor = - TokenColorRole.onSurface; + /// md.comp.menus.standard.menu-item.pressed.state-layer.opacity + static const double menuItemPressedStateLayerOpacity = 0.10; - /// md.comp.menus.standard.menu-item.focused.leading-icon.color - static const TokenColorRole menuItemFocusedLeadingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.menus.standard.menu-item.pressed.trailing-icon.color + static const TokenColorRole menuItemPressedTrailingIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.menus.standard.container.shadow-color - static const TokenColorRole containerShadowColor = TokenColorRole.shadow; + /// md.comp.menus.standard.menu-item.selected.container.color + static const TokenColorRole menuItemSelectedContainerColor = TokenColorRole.tertiaryContainer; - /// md.comp.menus.standard.menu-item.trailing-supporting-text.color - static const TokenColorRole menuItemTrailingSupportingTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.menus.standard.menu-item.selected.disabled.container.color + static const TokenColorRole menuItemSelectedDisabledContainerColor = + TokenColorRole.tertiaryContainer; - /// md.comp.menus.standard.menu-item.disabled.label-text.opacity - static const double menuItemDisabledLabelTextOpacity = 0.38; + /// md.comp.menus.standard.menu-item.selected.disabled.container.opacity + static const double menuItemSelectedDisabledContainerOpacity = 0.38; - /// md.comp.menus.standard.menu-item.selected.pressed.supporting-text.color - static const TokenColorRole menuItemSelectedPressedSupportingTextColor = + /// md.comp.menus.standard.menu-item.selected.disabled.label-text.color + static const TokenColorRole menuItemSelectedDisabledLabelTextColor = TokenColorRole.onTertiaryContainer; - /// md.comp.menus.standard.menu-item.leading-icon.color - static const TokenColorRole menuItemLeadingIconColor = - TokenColorRole.onSurfaceVariant; - - /// md.comp.menus.standard.menu-item.selected.trailing-supporting-text.color - static const TokenColorRole menuItemSelectedTrailingSupportingTextColor = - TokenColorRole.onTertiaryContainer; + /// md.comp.menus.standard.menu-item.selected.disabled.label-text.opacity + static const double menuItemSelectedDisabledLabelTextOpacity = 0.38; - /// md.comp.menus.standard.menu-item.selected.focused.trailing-supporting-text.color - static const TokenColorRole - menuItemSelectedFocusedTrailingSupportingTextColor = + /// md.comp.menus.standard.menu-item.selected.disabled.leading-icon.color + static const TokenColorRole menuItemSelectedDisabledLeadingIconColor = TokenColorRole.onTertiaryContainer; - /// md.comp.menus.standard.menu-item.trailing-icon.color - static const TokenColorRole menuItemTrailingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.menus.standard.menu-item.selected.disabled.leading-icon.opacity + static const double menuItemSelectedDisabledLeadingIconOpacity = 0.38; - /// md.comp.menus.standard.icon-button.disabled.icon.color - static const TokenColorRole iconButtonDisabledIconColor = + /// md.comp.menus.standard.menu-item.selected.disabled.trailing-icon.color + static const TokenColorRole menuItemSelectedDisabledTrailingIconColor = TokenColorRole.onTertiaryContainer; - /// md.comp.menus.standard.icon-button.hovered.state-layer.color - static const TokenColorRole iconButtonHoveredStateLayerColor = - TokenColorRole.onSurface; - - /// md.comp.menus.standard.menu-item.focused.trailing-icon.color - static const TokenColorRole menuItemFocusedTrailingIconColor = - TokenColorRole.onSurfaceVariant; - - /// md.comp.menus.standard.menu-item.hovered.leading-icon.color - static const TokenColorRole menuItemHoveredLeadingIconColor = - TokenColorRole.onSurfaceVariant; - - /// md.comp.menus.standard.menu-item.selected.container.color - static const TokenColorRole menuItemSelectedContainerColor = - TokenColorRole.tertiaryContainer; + /// md.comp.menus.standard.menu-item.selected.disabled.trailing-icon.opacity + static const double menuItemSelectedDisabledTrailingIconOpacity = 0.38; - /// md.comp.menus.standard.menu-item.selected.pressed.label-text.color - static const TokenColorRole menuItemSelectedPressedLabelTextColor = + /// md.comp.menus.standard.menu-item.selected.disabled.trailing-supporting-text.color + static const TokenColorRole menuItemSelectedDisabledTrailingSupportingTextColor = TokenColorRole.onTertiaryContainer; - /// md.comp.menus.standard.icon-button.selected.hovered.state-layer.color - static const TokenColorRole iconButtonSelectedHoveredStateLayerColor = + /// md.comp.menus.standard.menu-item.selected.focused.label-text.color + static const TokenColorRole menuItemSelectedFocusedLabelTextColor = TokenColorRole.onTertiaryContainer; - /// md.comp.menus.standard.menu-item.active.state-layer.opacity - static const double menuItemActiveStateLayerOpacity = 0.08; - - /// md.comp.menus.standard.container.color - static const TokenColorRole containerColor = - TokenColorRole.surfaceContainerLow; - - /// md.comp.menus.standard.menu-item.selected.pressed.state-layer.color - static const TokenColorRole menuItemSelectedPressedStateLayerColor = + /// md.comp.menus.standard.menu-item.selected.focused.leading-icon.color + static const TokenColorRole menuItemSelectedFocusedLeadingIconColor = TokenColorRole.onTertiaryContainer; - /// md.comp.menus.standard.menu-item.pressed.state-layer.opacity - static const double menuItemPressedStateLayerOpacity = 0.10; + /// md.comp.menus.standard.menu-item.selected.focused.state-layer.color + static const TokenColorRole menuItemSelectedFocusedStateLayerColor = + TokenColorRole.onTertiaryContainer; - /// md.comp.menus.standard.icon-button.icon.color - static const TokenColorRole iconButtonIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.menus.standard.menu-item.selected.focused.state-layer.opacity + static const double menuItemSelectedFocusedStateLayerOpacity = 0.10; - /// md.comp.menus.standard.menu-item.selected.hovered.trailing-supporting-text.color - static const TokenColorRole - menuItemSelectedHoveredTrailingSupportingTextColor = + /// md.comp.menus.standard.menu-item.selected.focused.supporting-text.color + static const TokenColorRole menuItemSelectedFocusedSupportingTextColor = TokenColorRole.onTertiaryContainer; - /// md.comp.menus.standard.icon-button.focused.state-layer.color - static const TokenColorRole iconButtonFocusedStateLayerColor = - TokenColorRole.onSurface; - - /// md.comp.menus.standard.icon-button.selected.pressed.state-layer.color - static const TokenColorRole iconButtonSelectedPressedStateLayerColor = + /// md.comp.menus.standard.menu-item.selected.focused.trailing-icon.color + static const TokenColorRole menuItemSelectedFocusedTrailingIconColor = TokenColorRole.onTertiaryContainer; - /// md.comp.menus.standard.icon-button.selected.focused.state-layer.color - static const TokenColorRole iconButtonSelectedFocusedStateLayerColor = + /// md.comp.menus.standard.menu-item.selected.focused.trailing-supporting-text.color + static const TokenColorRole menuItemSelectedFocusedTrailingSupportingTextColor = TokenColorRole.onTertiaryContainer; - /// md.comp.menus.standard.menu-item.selected.focused.state-layer.color - static const TokenColorRole menuItemSelectedFocusedStateLayerColor = + /// md.comp.menus.standard.menu-item.selected.hovered.label-text.color + static const TokenColorRole menuItemSelectedHoveredLabelTextColor = TokenColorRole.onTertiaryContainer; - /// md.comp.menus.standard.menu-item.selected.disabled.leading-icon.opacity - static const double menuItemSelectedDisabledLeadingIconOpacity = 0.38; + /// md.comp.menus.standard.menu-item.selected.hovered.leading-icon.color + static const TokenColorRole menuItemSelectedHoveredLeadingIconColor = + TokenColorRole.onTertiaryContainer; - /// md.comp.menus.standard.menu-item.selected.pressed.trailing-supporting-text.color - static const TokenColorRole - menuItemSelectedPressedTrailingSupportingTextColor = + /// md.comp.menus.standard.menu-item.selected.hovered.state-layer.color + static const TokenColorRole menuItemSelectedHoveredStateLayerColor = TokenColorRole.onTertiaryContainer; /// md.comp.menus.standard.menu-item.selected.hovered.state-layer.opacity static const double menuItemSelectedHoveredStateLayerOpacity = 0.08; - /// md.comp.menus.standard.menu-item.disabled.supporting-text.opacity - static const double menuItemDisabledSupportingTextOpacity = 0.38; - - /// md.comp.menus.standard.icon-button.selected.icon.color - static const TokenColorRole iconButtonSelectedIconColor = + /// md.comp.menus.standard.menu-item.selected.hovered.supporting-text.color + static const TokenColorRole menuItemSelectedHoveredSupportingTextColor = TokenColorRole.onTertiaryContainer; - /// md.comp.menus.standard.menu-item.hovered.trailing-icon.color - static const TokenColorRole menuItemHoveredTrailingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.menus.standard.menu-item.selected.hovered.trailing-icon.color + static const TokenColorRole menuItemSelectedHoveredTrailingIconColor = + TokenColorRole.onTertiaryContainer; - /// md.comp.menus.standard.menu-item.selected.pressed.trailing-icon.color - static const TokenColorRole menuItemSelectedPressedTrailingIconColor = + /// md.comp.menus.standard.menu-item.selected.hovered.trailing-supporting-text.color + static const TokenColorRole menuItemSelectedHoveredTrailingSupportingTextColor = TokenColorRole.onTertiaryContainer; - /// md.comp.menus.standard.menu-item.pressed.leading-icon.color - static const TokenColorRole menuItemPressedLeadingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.menus.standard.menu-item.selected.label-text.color + static const TokenColorRole menuItemSelectedLabelTextColor = TokenColorRole.onTertiaryContainer; - /// md.comp.menus.standard.menu-item.selected.focused.leading-icon.color - static const TokenColorRole menuItemSelectedFocusedLeadingIconColor = + /// md.comp.menus.standard.menu-item.selected.leading-icon.color + static const TokenColorRole menuItemSelectedLeadingIconColor = TokenColorRole.onTertiaryContainer; + + /// md.comp.menus.standard.menu-item.selected.pressed.label-text.color + static const TokenColorRole menuItemSelectedPressedLabelTextColor = TokenColorRole.onTertiaryContainer; - /// md.comp.menus.standard.menu-item.selected.disabled.label-text.color - static const TokenColorRole menuItemSelectedDisabledLabelTextColor = + /// md.comp.menus.standard.menu-item.selected.pressed.leading-icon.color + static const TokenColorRole menuItemSelectedPressedLeadingIconColor = TokenColorRole.onTertiaryContainer; - /// md.comp.menus.standard.menu-item.selected.leading-icon.color - static const TokenColorRole menuItemSelectedLeadingIconColor = + /// md.comp.menus.standard.menu-item.selected.pressed.state-layer.color + static const TokenColorRole menuItemSelectedPressedStateLayerColor = TokenColorRole.onTertiaryContainer; - /// md.comp.menus.standard.menu-item.selected.focused.state-layer.opacity - static const double menuItemSelectedFocusedStateLayerOpacity = 0.10; + /// md.comp.menus.standard.menu-item.selected.pressed.state-layer.opacity + static const double menuItemSelectedPressedStateLayerOpacity = 0.10; - /// md.comp.menus.standard.menu-item.focused.state-layer.color - static const TokenColorRole menuItemFocusedStateLayerColor = - TokenColorRole.onSurface; + /// md.comp.menus.standard.menu-item.selected.pressed.supporting-text.color + static const TokenColorRole menuItemSelectedPressedSupportingTextColor = + TokenColorRole.onTertiaryContainer; - /// md.comp.menus.standard.menu-item.pressed.label-text.color - static const TokenColorRole menuItemPressedLabelTextColor = - TokenColorRole.onSurface; + /// md.comp.menus.standard.menu-item.selected.pressed.trailing-icon.color + static const TokenColorRole menuItemSelectedPressedTrailingIconColor = + TokenColorRole.onTertiaryContainer; - /// md.comp.menus.standard.icon-button.container.color - static const TokenColorRole iconButtonContainerColor = - TokenColorRole.surfaceContainerLow; + /// md.comp.menus.standard.menu-item.selected.pressed.trailing-supporting-text.color + static const TokenColorRole menuItemSelectedPressedTrailingSupportingTextColor = + TokenColorRole.onTertiaryContainer; - /// md.comp.menus.standard.menu-item.pressed.state-layer.color - static const TokenColorRole menuItemPressedStateLayerColor = - TokenColorRole.onSurface; + /// md.comp.menus.standard.menu-item.selected.supporting-text.color + static const TokenColorRole menuItemSelectedSupportingTextColor = + TokenColorRole.onTertiaryContainer; - /// md.comp.menus.standard.menu-item.selected.focused.label-text.color - static const TokenColorRole menuItemSelectedFocusedLabelTextColor = + /// md.comp.menus.standard.menu-item.selected.trailing-icon.color + static const TokenColorRole menuItemSelectedTrailingIconColor = TokenColorRole.onTertiaryContainer; - /// md.comp.menus.standard.menu-item.selected.hovered.state-layer.color - static const TokenColorRole menuItemSelectedHoveredStateLayerColor = + /// md.comp.menus.standard.menu-item.selected.trailing-supporting-text.color + static const TokenColorRole menuItemSelectedTrailingSupportingTextColor = TokenColorRole.onTertiaryContainer; /// md.comp.menus.standard.menu-item.supporting-text.color - static const TokenColorRole menuItemSupportingTextColor = - TokenColorRole.onSurfaceVariant; + static const TokenColorRole menuItemSupportingTextColor = TokenColorRole.onSurfaceVariant; + + /// md.comp.menus.standard.menu-item.trailing-icon.color + static const TokenColorRole menuItemTrailingIconColor = TokenColorRole.onSurfaceVariant; + + /// md.comp.menus.standard.menu-item.trailing-supporting-text.color + static const TokenColorRole menuItemTrailingSupportingTextColor = TokenColorRole.onSurfaceVariant; + + /// md.comp.menus.standard.section-label-text.color + static const TokenColorRole sectionLabelTextColor = TokenColorRole.onSurfaceVariant; } diff --git a/packages/material_ui/tool/gen_defaults/data/menus_vibrant.dart b/packages/material_ui/tool/gen_defaults/data/menus_vibrant.dart index bf2ef2016c2c..4b9bb0d2bd68 100644 --- a/packages/material_ui/tool/gen_defaults/data/menus_vibrant.dart +++ b/packages/material_ui/tool/gen_defaults/data/menus_vibrant.dart @@ -7,265 +7,224 @@ import 'color_role.dart'; class TokenMenusVibrant { - /// md.comp.menus.vibrant.menu-item.disabled.leading-icon.opacity - static const double menuItemDisabledLeadingIconOpacity = 0.38; - - /// md.comp.menus.vibrant.icon-button.pressed.state-layer.color - static const TokenColorRole iconButtonPressedStateLayerColor = - TokenColorRole.onTertiaryContainer; + /// md.comp.menus.vibrant.container.color + static const TokenColorRole containerColor = TokenColorRole.tertiaryContainer; - /// md.comp.menus.vibrant.section-label-text.color - static const TokenColorRole sectionLabelTextColor = - TokenColorRole.onTertiaryContainer; + /// md.comp.menus.vibrant.icon-button.container.color + static const TokenColorRole iconButtonContainerColor = TokenColorRole.tertiaryContainer; - /// md.comp.menus.vibrant.menu-item.selected.disabled.trailing-supporting-text.opacity - static const double menuItemSelectedDisabledTrailingSupportingTextOpacity = - 0.38; + /// md.comp.menus.vibrant.icon-button.disabled.icon.color + static const TokenColorRole iconButtonDisabledIconColor = TokenColorRole.onTertiaryContainer; - /// md.comp.menus.vibrant.menu-item.selected.pressed.label-text.color - static const TokenColorRole menuItemSelectedPressedLabelTextColor = - TokenColorRole.onTertiary; + /// md.comp.menus.vibrant.icon-button.focused.state-layer.color + static const TokenColorRole iconButtonFocusedStateLayerColor = TokenColorRole.onTertiaryContainer; - /// md.comp.menus.vibrant.menu-item.selected.focused.state-layer.color - static const TokenColorRole menuItemSelectedFocusedStateLayerColor = - TokenColorRole.onTertiary; + /// md.comp.menus.vibrant.icon-button.hovered.state-layer.color + static const TokenColorRole iconButtonHoveredStateLayerColor = TokenColorRole.onTertiaryContainer; - /// md.comp.menus.vibrant.menu-item.disabled.trailing-supporting-text.opacity - static const double menuItemDisabledTrailingSupportingTextOpacity = 0.38; + /// md.comp.menus.vibrant.icon-button.icon.color + static const TokenColorRole iconButtonIconColor = TokenColorRole.onTertiaryContainer; - /// md.comp.menus.vibrant.menu-item.label-text.color - static const TokenColorRole menuItemLabelTextColor = - TokenColorRole.onTertiaryContainer; + /// md.comp.menus.vibrant.icon-button.pressed.state-layer.color + static const TokenColorRole iconButtonPressedStateLayerColor = TokenColorRole.onTertiaryContainer; - /// md.comp.menus.vibrant.menu-item.selected.hovered.state-layer.opacity - static const double menuItemSelectedHoveredStateLayerOpacity = 0.08; + /// md.comp.menus.vibrant.icon-button.selected.container.color + static const TokenColorRole iconButtonSelectedContainerColor = TokenColorRole.tertiary; - /// md.comp.menus.vibrant.menu-item.selected.supporting-text.color - static const TokenColorRole menuItemSelectedSupportingTextColor = - TokenColorRole.onTertiary; + /// md.comp.menus.vibrant.icon-button.selected.disabled.icon.color + static const TokenColorRole iconButtonSelectedDisabledIconColor = TokenColorRole.onTertiary; - /// md.comp.menus.vibrant.icon-button.icon.color - static const TokenColorRole iconButtonIconColor = - TokenColorRole.onTertiaryContainer; + /// md.comp.menus.vibrant.icon-button.selected.icon.color + static const TokenColorRole iconButtonSelectedIconColor = TokenColorRole.onTertiary; - /// md.comp.menus.vibrant.menu-item.selected.pressed.state-layer.color - static const TokenColorRole menuItemSelectedPressedStateLayerColor = - TokenColorRole.onTertiary; + /// md.comp.menus.vibrant.menu-item.active.state-layer.color + static const TokenColorRole menuItemActiveStateLayerColor = TokenColorRole.onTertiaryContainer; /// md.comp.menus.vibrant.menu-item.active.state-layer.opacity static const double menuItemActiveStateLayerOpacity = 0.08; - /// md.comp.menus.vibrant.container.color - static const TokenColorRole containerColor = TokenColorRole.tertiaryContainer; + /// md.comp.menus.vibrant.menu-item.color + static const TokenColorRole menuItemColor = TokenColorRole.tertiaryContainer; - /// md.comp.menus.vibrant.menu-item.focused.supporting-text.color - static const TokenColorRole menuItemFocusedSupportingTextColor = + /// md.comp.menus.vibrant.menu-item.disabled.label-text.color + static const TokenColorRole menuItemDisabledLabelTextColor = TokenColorRole.onTertiaryContainer; + + /// md.comp.menus.vibrant.menu-item.disabled.label-text.opacity + static const double menuItemDisabledLabelTextOpacity = 0.38; + + /// md.comp.menus.vibrant.menu-item.disabled.leading-icon.color + static const TokenColorRole menuItemDisabledLeadingIconColor = TokenColorRole.onTertiaryContainer; + + /// md.comp.menus.vibrant.menu-item.disabled.leading-icon.opacity + static const double menuItemDisabledLeadingIconOpacity = 0.38; + + /// md.comp.menus.vibrant.menu-item.disabled.supporting-text.color + static const TokenColorRole menuItemDisabledSupportingTextColor = TokenColorRole.onTertiaryContainer; /// md.comp.menus.vibrant.menu-item.disabled.supporting-text.opacity static const double menuItemDisabledSupportingTextOpacity = 0.38; - /// md.comp.menus.vibrant.menu-item.selected.disabled.trailing-icon.opacity - static const double menuItemSelectedDisabledTrailingIconOpacity = 0.38; - - /// md.comp.menus.vibrant.menu-item.selected.container.color - static const TokenColorRole menuItemSelectedContainerColor = - TokenColorRole.tertiary; + /// md.comp.menus.vibrant.menu-item.disabled.trailing-icon.color + static const TokenColorRole menuItemDisabledTrailingIconColor = + TokenColorRole.onTertiaryContainer; - /// md.comp.menus.vibrant.menu-item.selected.trailing-supporting-text.color - static const TokenColorRole menuItemSelectedTrailingSupportingTextColor = - TokenColorRole.onTertiary; + /// md.comp.menus.vibrant.menu-item.disabled.trailing-icon.opacity + static const double menuItemDisabledTrailingIconOpacity = 0.38; - /// md.comp.menus.vibrant.menu-item.pressed.trailing-supporting-text.color - static const TokenColorRole menuItemPressedTrailingSupportingTextColor = + /// md.comp.menus.vibrant.menu-item.disabled.trailing-supporting-text.color + static const TokenColorRole menuItemDisabledTrailingSupportingTextColor = TokenColorRole.onTertiaryContainer; - /// md.comp.menus.vibrant.menu-item.trailing-supporting-text.color - static const TokenColorRole menuItemTrailingSupportingTextColor = - TokenColorRole.onTertiaryContainer; + /// md.comp.menus.vibrant.menu-item.disabled.trailing-supporting-text.opacity + static const double menuItemDisabledTrailingSupportingTextOpacity = 0.38; - /// md.comp.menus.vibrant.menu-item.focused.trailing-supporting-text.color - static const TokenColorRole menuItemFocusedTrailingSupportingTextColor = - TokenColorRole.onTertiaryContainer; + /// md.comp.menus.vibrant.menu-item.focused.label-text.color + static const TokenColorRole menuItemFocusedLabelTextColor = TokenColorRole.onTertiaryContainer; - /// md.comp.menus.vibrant.menu-item.pressed.label-text.color - static const TokenColorRole menuItemPressedLabelTextColor = - TokenColorRole.onTertiaryContainer; + /// md.comp.menus.vibrant.menu-item.focused.leading-icon.color + static const TokenColorRole menuItemFocusedLeadingIconColor = TokenColorRole.tertiary; - /// md.comp.menus.vibrant.menu-item.selected.pressed.state-layer.opacity - static const double menuItemSelectedPressedStateLayerOpacity = 0.10; + /// md.comp.menus.vibrant.menu-item.focused.state-layer.color + static const TokenColorRole menuItemFocusedStateLayerColor = TokenColorRole.onTertiaryContainer; - /// md.comp.menus.vibrant.menu-item.disabled.label-text.color - static const TokenColorRole menuItemDisabledLabelTextColor = + /// md.comp.menus.vibrant.menu-item.focused.state-layer.opacity + static const double menuItemFocusedStateLayerOpacity = 0.10; + + /// md.comp.menus.vibrant.menu-item.focused.supporting-text.color + static const TokenColorRole menuItemFocusedSupportingTextColor = TokenColorRole.onTertiaryContainer; - /// md.comp.menus.vibrant.menu-item.hovered.state-layer.opacity - static const double menuItemHoveredStateLayerOpacity = 0.08; + /// md.comp.menus.vibrant.menu-item.focused.trailing-icon.color + static const TokenColorRole menuItemFocusedTrailingIconColor = TokenColorRole.tertiary; - /// md.comp.menus.vibrant.menu-item.selected.disabled.supporting-text.opacity - static const double menuItemSelectedDisabledSupportingTextOpacity = 0.38; + /// md.comp.menus.vibrant.menu-item.focused.trailing-supporting-text.color + static const TokenColorRole menuItemFocusedTrailingSupportingTextColor = + TokenColorRole.onTertiaryContainer; - /// md.comp.menus.vibrant.menu-item.selected.trailing-icon.color - static const TokenColorRole menuItemSelectedTrailingIconColor = - TokenColorRole.onTertiary; + /// md.comp.menus.vibrant.menu-item.hovered.label-text.color + static const TokenColorRole menuItemHoveredLabelTextColor = TokenColorRole.onTertiaryContainer; - /// md.comp.menus.vibrant.menu-item.pressed.state-layer.opacity - static const double menuItemPressedStateLayerOpacity = 0.10; + /// md.comp.menus.vibrant.menu-item.hovered.leading-icon.color + static const TokenColorRole menuItemHoveredLeadingIconColor = TokenColorRole.tertiary; - /// md.comp.menus.vibrant.menu-item.selected.hovered.state-layer.color - static const TokenColorRole menuItemSelectedHoveredStateLayerColor = - TokenColorRole.onTertiary; + /// md.comp.menus.vibrant.menu-item.hovered.state-layer.color + static const TokenColorRole menuItemHoveredStateLayerColor = TokenColorRole.onTertiaryContainer; - /// md.comp.menus.vibrant.menu-item.selected.focused.label-text.color - static const TokenColorRole menuItemSelectedFocusedLabelTextColor = - TokenColorRole.onTertiary; + /// md.comp.menus.vibrant.menu-item.hovered.state-layer.opacity + static const double menuItemHoveredStateLayerOpacity = 0.08; - /// md.comp.menus.vibrant.menu-item.disabled.supporting-text.color - static const TokenColorRole menuItemDisabledSupportingTextColor = + /// md.comp.menus.vibrant.menu-item.hovered.supporting-text.color + static const TokenColorRole menuItemHoveredSupportingTextColor = TokenColorRole.onTertiaryContainer; + /// md.comp.menus.vibrant.menu-item.hovered.trailing-icon.color + static const TokenColorRole menuItemHoveredTrailingIconColor = TokenColorRole.tertiary; + /// md.comp.menus.vibrant.menu-item.hovered.trailing-supporting-text.color static const TokenColorRole menuItemHoveredTrailingSupportingTextColor = TokenColorRole.onTertiaryContainer; - /// md.comp.menus.vibrant.menu-item.disabled.trailing-icon.color - static const TokenColorRole menuItemDisabledTrailingIconColor = - TokenColorRole.onTertiaryContainer; - - /// md.comp.menus.vibrant.menu-item.color - static const TokenColorRole menuItemColor = TokenColorRole.tertiaryContainer; + /// md.comp.menus.vibrant.menu-item.label-text.color + static const TokenColorRole menuItemLabelTextColor = TokenColorRole.onTertiaryContainer; - /// md.comp.menus.vibrant.menu-item.disabled.trailing-supporting-text.color - static const TokenColorRole menuItemDisabledTrailingSupportingTextColor = - TokenColorRole.onTertiaryContainer; + /// md.comp.menus.vibrant.menu-item.leading-icon.color + static const TokenColorRole menuItemLeadingIconColor = TokenColorRole.onTertiaryContainer; - /// md.comp.menus.vibrant.menu-item.disabled.label-text.opacity - static const double menuItemDisabledLabelTextOpacity = 0.38; + /// md.comp.menus.vibrant.menu-item.pressed.label-text.color + static const TokenColorRole menuItemPressedLabelTextColor = TokenColorRole.onTertiaryContainer; /// md.comp.menus.vibrant.menu-item.pressed.leading-icon.color - static const TokenColorRole menuItemPressedLeadingIconColor = - TokenColorRole.tertiary; - - /// md.comp.menus.vibrant.icon-button.disabled.icon.color - static const TokenColorRole iconButtonDisabledIconColor = - TokenColorRole.onTertiaryContainer; + static const TokenColorRole menuItemPressedLeadingIconColor = TokenColorRole.tertiary; /// md.comp.menus.vibrant.menu-item.pressed.state-layer.color - static const TokenColorRole menuItemPressedStateLayerColor = - TokenColorRole.onTertiaryContainer; - - /// md.comp.menus.vibrant.menu-item.selected.disabled.leading-icon.opacity - static const double menuItemSelectedDisabledLeadingIconOpacity = 0.38; - - /// md.comp.menus.vibrant.menu-item.hovered.trailing-icon.color - static const TokenColorRole menuItemHoveredTrailingIconColor = - TokenColorRole.tertiary; + static const TokenColorRole menuItemPressedStateLayerColor = TokenColorRole.onTertiaryContainer; - /// md.comp.menus.vibrant.menu-item.selected.hovered.label-text.color - static const TokenColorRole menuItemSelectedHoveredLabelTextColor = - TokenColorRole.onTertiary; + /// md.comp.menus.vibrant.menu-item.pressed.state-layer.opacity + static const double menuItemPressedStateLayerOpacity = 0.10; - /// md.comp.menus.vibrant.menu-item.hovered.supporting-text.color - static const TokenColorRole menuItemHoveredSupportingTextColor = + /// md.comp.menus.vibrant.menu-item.pressed.supporting-text.color + static const TokenColorRole menuItemPressedSupportingTextColor = TokenColorRole.onTertiaryContainer; - /// md.comp.menus.vibrant.menu-item.focused.state-layer.color - static const TokenColorRole menuItemFocusedStateLayerColor = - TokenColorRole.onTertiaryContainer; + /// md.comp.menus.vibrant.menu-item.pressed.trailing-icon.color + static const TokenColorRole menuItemPressedTrailingIconColor = TokenColorRole.tertiary; - /// md.comp.menus.vibrant.menu-item.trailing-icon.color - static const TokenColorRole menuItemTrailingIconColor = + /// md.comp.menus.vibrant.menu-item.pressed.trailing-supporting-text.color + static const TokenColorRole menuItemPressedTrailingSupportingTextColor = TokenColorRole.onTertiaryContainer; - /// md.comp.menus.vibrant.menu-item.focused.state-layer.opacity - static const double menuItemFocusedStateLayerOpacity = 0.10; + /// md.comp.menus.vibrant.menu-item.selected.container.color + static const TokenColorRole menuItemSelectedContainerColor = TokenColorRole.tertiary; /// md.comp.menus.vibrant.menu-item.selected.disabled.label-text.opacity static const double menuItemSelectedDisabledLabelTextOpacity = 0.38; - /// md.comp.menus.vibrant.menu-item.disabled.trailing-icon.opacity - static const double menuItemDisabledTrailingIconOpacity = 0.38; - - /// md.comp.menus.vibrant.menu-item.focused.trailing-icon.color - static const TokenColorRole menuItemFocusedTrailingIconColor = - TokenColorRole.tertiary; - - /// md.comp.menus.vibrant.menu-item.hovered.label-text.color - static const TokenColorRole menuItemHoveredLabelTextColor = - TokenColorRole.onTertiaryContainer; + /// md.comp.menus.vibrant.menu-item.selected.disabled.leading-icon.opacity + static const double menuItemSelectedDisabledLeadingIconOpacity = 0.38; - /// md.comp.menus.vibrant.menu-item.pressed.supporting-text.color - static const TokenColorRole menuItemPressedSupportingTextColor = - TokenColorRole.onTertiaryContainer; + /// md.comp.menus.vibrant.menu-item.selected.disabled.supporting-text.opacity + static const double menuItemSelectedDisabledSupportingTextOpacity = 0.38; - /// md.comp.menus.vibrant.icon-button.selected.icon.color - static const TokenColorRole iconButtonSelectedIconColor = - TokenColorRole.onTertiary; + /// md.comp.menus.vibrant.menu-item.selected.disabled.trailing-icon.opacity + static const double menuItemSelectedDisabledTrailingIconOpacity = 0.38; - /// md.comp.menus.vibrant.icon-button.hovered.state-layer.color - static const TokenColorRole iconButtonHoveredStateLayerColor = - TokenColorRole.onTertiaryContainer; + /// md.comp.menus.vibrant.menu-item.selected.disabled.trailing-supporting-text.opacity + static const double menuItemSelectedDisabledTrailingSupportingTextOpacity = 0.38; - /// md.comp.menus.vibrant.icon-button.container.color - static const TokenColorRole iconButtonContainerColor = - TokenColorRole.tertiaryContainer; + /// md.comp.menus.vibrant.menu-item.selected.focused.label-text.color + static const TokenColorRole menuItemSelectedFocusedLabelTextColor = TokenColorRole.onTertiary; - /// md.comp.menus.vibrant.menu-item.focused.label-text.color - static const TokenColorRole menuItemFocusedLabelTextColor = - TokenColorRole.onTertiaryContainer; + /// md.comp.menus.vibrant.menu-item.selected.focused.state-layer.color + static const TokenColorRole menuItemSelectedFocusedStateLayerColor = TokenColorRole.onTertiary; /// md.comp.menus.vibrant.menu-item.selected.focused.state-layer.opacity static const double menuItemSelectedFocusedStateLayerOpacity = 0.10; - /// md.comp.menus.vibrant.icon-button.focused.state-layer.color - static const TokenColorRole iconButtonFocusedStateLayerColor = - TokenColorRole.onTertiaryContainer; + /// md.comp.menus.vibrant.menu-item.selected.hovered.label-text.color + static const TokenColorRole menuItemSelectedHoveredLabelTextColor = TokenColorRole.onTertiary; - /// md.comp.menus.vibrant.menu-item.active.state-layer.color - static const TokenColorRole menuItemActiveStateLayerColor = - TokenColorRole.onTertiaryContainer; + /// md.comp.menus.vibrant.menu-item.selected.hovered.state-layer.color + static const TokenColorRole menuItemSelectedHoveredStateLayerColor = TokenColorRole.onTertiary; - /// md.comp.menus.vibrant.menu-item.leading-icon.color - static const TokenColorRole menuItemLeadingIconColor = - TokenColorRole.onTertiaryContainer; + /// md.comp.menus.vibrant.menu-item.selected.hovered.state-layer.opacity + static const double menuItemSelectedHoveredStateLayerOpacity = 0.08; + + /// md.comp.menus.vibrant.menu-item.selected.label-text.color + static const TokenColorRole menuItemSelectedLabelTextColor = TokenColorRole.onTertiary; /// md.comp.menus.vibrant.menu-item.selected.leading-icon.color - static const TokenColorRole menuItemSelectedLeadingIconColor = - TokenColorRole.onTertiary; + static const TokenColorRole menuItemSelectedLeadingIconColor = TokenColorRole.onTertiary; - /// md.comp.menus.vibrant.menu-item.supporting-text.color - static const TokenColorRole menuItemSupportingTextColor = - TokenColorRole.onTertiaryContainer; + /// md.comp.menus.vibrant.menu-item.selected.pressed.label-text.color + static const TokenColorRole menuItemSelectedPressedLabelTextColor = TokenColorRole.onTertiary; - /// md.comp.menus.vibrant.menu-item.hovered.leading-icon.color - static const TokenColorRole menuItemHoveredLeadingIconColor = - TokenColorRole.tertiary; + /// md.comp.menus.vibrant.menu-item.selected.pressed.state-layer.color + static const TokenColorRole menuItemSelectedPressedStateLayerColor = TokenColorRole.onTertiary; - /// md.comp.menus.vibrant.menu-item.hovered.state-layer.color - static const TokenColorRole menuItemHoveredStateLayerColor = - TokenColorRole.onTertiaryContainer; + /// md.comp.menus.vibrant.menu-item.selected.pressed.state-layer.opacity + static const double menuItemSelectedPressedStateLayerOpacity = 0.10; - /// md.comp.menus.vibrant.menu-item.disabled.leading-icon.color - static const TokenColorRole menuItemDisabledLeadingIconColor = - TokenColorRole.onTertiaryContainer; + /// md.comp.menus.vibrant.menu-item.selected.supporting-text.color + static const TokenColorRole menuItemSelectedSupportingTextColor = TokenColorRole.onTertiary; - /// md.comp.menus.vibrant.menu-item.pressed.trailing-icon.color - static const TokenColorRole menuItemPressedTrailingIconColor = - TokenColorRole.tertiary; + /// md.comp.menus.vibrant.menu-item.selected.trailing-icon.color + static const TokenColorRole menuItemSelectedTrailingIconColor = TokenColorRole.onTertiary; - /// md.comp.menus.vibrant.icon-button.selected.disabled.icon.color - static const TokenColorRole iconButtonSelectedDisabledIconColor = + /// md.comp.menus.vibrant.menu-item.selected.trailing-supporting-text.color + static const TokenColorRole menuItemSelectedTrailingSupportingTextColor = TokenColorRole.onTertiary; - /// md.comp.menus.vibrant.menu-item.selected.label-text.color - static const TokenColorRole menuItemSelectedLabelTextColor = - TokenColorRole.onTertiary; + /// md.comp.menus.vibrant.menu-item.supporting-text.color + static const TokenColorRole menuItemSupportingTextColor = TokenColorRole.onTertiaryContainer; - /// md.comp.menus.vibrant.menu-item.focused.leading-icon.color - static const TokenColorRole menuItemFocusedLeadingIconColor = - TokenColorRole.tertiary; + /// md.comp.menus.vibrant.menu-item.trailing-icon.color + static const TokenColorRole menuItemTrailingIconColor = TokenColorRole.onTertiaryContainer; - /// md.comp.menus.vibrant.icon-button.selected.container.color - static const TokenColorRole iconButtonSelectedContainerColor = - TokenColorRole.tertiary; + /// md.comp.menus.vibrant.menu-item.trailing-supporting-text.color + static const TokenColorRole menuItemTrailingSupportingTextColor = + TokenColorRole.onTertiaryContainer; + + /// md.comp.menus.vibrant.section-label-text.color + static const TokenColorRole sectionLabelTextColor = TokenColorRole.onTertiaryContainer; } diff --git a/packages/material_ui/tool/gen_defaults/data/motion_expressive.dart b/packages/material_ui/tool/gen_defaults/data/motion_expressive.dart index 12d1e6a49863..51b8f33d5718 100644 --- a/packages/material_ui/tool/gen_defaults/data/motion_expressive.dart +++ b/packages/material_ui/tool/gen_defaults/data/motion_expressive.dart @@ -7,111 +7,111 @@ import 'package:flutter/animation.dart'; class TokenMotionExpressive { - /// md.sys.motion.easing.legacy.accelerate - static const Cubic easingLegacyAccelerate = Cubic(0.40, 0.00, 1.00, 1.00); - - /// md.sys.motion.spring.fast.spatial.damping - static const double springFastSpatialDamping = 0.60; + /// md.sys.motion.duration.extra-long1 + static const Duration durationExtraLong1 = Duration(milliseconds: 700); - /// md.sys.motion.easing.legacy - static const Cubic easingLegacy = Cubic(0.40, 0.00, 0.20, 1.00); + /// md.sys.motion.duration.extra-long2 + static const Duration durationExtraLong2 = Duration(milliseconds: 800); - /// md.sys.motion.easing.linear - static const Cubic easingLinear = Cubic(0.00, 0.00, 1.00, 1.00); + /// md.sys.motion.duration.extra-long3 + static const Duration durationExtraLong3 = Duration(milliseconds: 900); /// md.sys.motion.duration.extra-long4 static const Duration durationExtraLong4 = Duration(milliseconds: 1000); - /// md.sys.motion.duration.extra-long1 - static const Duration durationExtraLong1 = Duration(milliseconds: 700); + /// md.sys.motion.duration.long1 + static const Duration durationLong1 = Duration(milliseconds: 450); - /// md.sys.motion.duration.extra-long3 - static const Duration durationExtraLong3 = Duration(milliseconds: 900); + /// md.sys.motion.duration.long2 + static const Duration durationLong2 = Duration(milliseconds: 500); - /// md.sys.motion.duration.medium3 - static const Duration durationMedium3 = Duration(milliseconds: 350); + /// md.sys.motion.duration.long3 + static const Duration durationLong3 = Duration(milliseconds: 550); - /// md.sys.motion.easing.legacy.decelerate - static const Cubic easingLegacyDecelerate = Cubic(0.00, 0.00, 0.20, 1.00); + /// md.sys.motion.duration.long4 + static const Duration durationLong4 = Duration(milliseconds: 600); - /// md.sys.motion.spring.slow.spatial.damping - static const double springSlowSpatialDamping = 0.80; + /// md.sys.motion.duration.medium1 + static const Duration durationMedium1 = Duration(milliseconds: 250); - /// md.sys.motion.duration.long1 - static const Duration durationLong1 = Duration(milliseconds: 450); + /// md.sys.motion.duration.medium2 + static const Duration durationMedium2 = Duration(milliseconds: 300); - /// md.sys.motion.spring.fast.effects.stiffness - static const double springFastEffectsStiffness = 3800.00; + /// md.sys.motion.duration.medium3 + static const Duration durationMedium3 = Duration(milliseconds: 350); + + /// md.sys.motion.duration.medium4 + static const Duration durationMedium4 = Duration(milliseconds: 400); /// md.sys.motion.duration.short1 static const Duration durationShort1 = Duration(milliseconds: 50); - /// md.sys.motion.duration.extra-long2 - static const Duration durationExtraLong2 = Duration(milliseconds: 800); + /// md.sys.motion.duration.short2 + static const Duration durationShort2 = Duration(milliseconds: 100); - /// md.sys.motion.duration.long4 - static const Duration durationLong4 = Duration(milliseconds: 600); + /// md.sys.motion.duration.short3 + static const Duration durationShort3 = Duration(milliseconds: 150); - /// md.sys.motion.spring.default.spatial.damping - static const double springDefaultSpatialDamping = 0.80; + /// md.sys.motion.duration.short4 + static const Duration durationShort4 = Duration(milliseconds: 200); - /// md.sys.motion.duration.short2 - static const Duration durationShort2 = Duration(milliseconds: 100); + /// md.sys.motion.easing.emphasized.accelerate + static const Cubic easingEmphasizedAccelerate = Cubic(0.30, 0.00, 0.80, 0.15); /// md.sys.motion.easing.emphasized.decelerate static const Cubic easingEmphasizedDecelerate = Cubic(0.05, 0.70, 0.10, 1.00); - /// md.sys.motion.duration.medium4 - static const Duration durationMedium4 = Duration(milliseconds: 400); + /// md.sys.motion.easing.legacy + static const Cubic easingLegacy = Cubic(0.40, 0.00, 0.20, 1.00); - /// md.sys.motion.spring.fast.effects.damping - static const double springFastEffectsDamping = 1.00; + /// md.sys.motion.easing.legacy.accelerate + static const Cubic easingLegacyAccelerate = Cubic(0.40, 0.00, 1.00, 1.00); - /// md.sys.motion.spring.slow.effects.damping - static const double springSlowEffectsDamping = 1.00; + /// md.sys.motion.easing.legacy.decelerate + static const Cubic easingLegacyDecelerate = Cubic(0.00, 0.00, 0.20, 1.00); - /// md.sys.motion.spring.default.spatial.stiffness - static const double springDefaultSpatialStiffness = 380.00; + /// md.sys.motion.easing.linear + static const Cubic easingLinear = Cubic(0.00, 0.00, 1.00, 1.00); - /// md.sys.motion.spring.slow.spatial.stiffness - static const double springSlowSpatialStiffness = 200.00; + /// md.sys.motion.easing.standard + static const Cubic easingStandard = Cubic(0.20, 0.00, 0.00, 1.00); /// md.sys.motion.path static const String path = 'LINEAR'; - /// md.sys.motion.duration.long3 - static const Duration durationLong3 = Duration(milliseconds: 550); - - /// md.sys.motion.duration.medium2 - static const Duration durationMedium2 = Duration(milliseconds: 300); - - /// md.sys.motion.duration.short4 - static const Duration durationShort4 = Duration(milliseconds: 200); + /// md.sys.motion.spring.default.effects.damping + static const double springDefaultEffectsDamping = 1.00; /// md.sys.motion.spring.default.effects.stiffness static const double springDefaultEffectsStiffness = 1600.00; - /// md.sys.motion.easing.standard - static const Cubic easingStandard = Cubic(0.20, 0.00, 0.00, 1.00); - - /// md.sys.motion.spring.slow.effects.stiffness - static const double springSlowEffectsStiffness = 800.00; - - /// md.sys.motion.duration.medium1 - static const Duration durationMedium1 = Duration(milliseconds: 250); + /// md.sys.motion.spring.default.spatial.damping + static const double springDefaultSpatialDamping = 0.80; - /// md.sys.motion.easing.emphasized.accelerate - static const Cubic easingEmphasizedAccelerate = Cubic(0.30, 0.00, 0.80, 0.15); + /// md.sys.motion.spring.default.spatial.stiffness + static const double springDefaultSpatialStiffness = 380.00; - /// md.sys.motion.spring.default.effects.damping - static const double springDefaultEffectsDamping = 1.00; + /// md.sys.motion.spring.fast.effects.damping + static const double springFastEffectsDamping = 1.00; - /// md.sys.motion.duration.short3 - static const Duration durationShort3 = Duration(milliseconds: 150); + /// md.sys.motion.spring.fast.effects.stiffness + static const double springFastEffectsStiffness = 3800.00; - /// md.sys.motion.duration.long2 - static const Duration durationLong2 = Duration(milliseconds: 500); + /// md.sys.motion.spring.fast.spatial.damping + static const double springFastSpatialDamping = 0.60; /// md.sys.motion.spring.fast.spatial.stiffness static const double springFastSpatialStiffness = 800.00; + + /// md.sys.motion.spring.slow.effects.damping + static const double springSlowEffectsDamping = 1.00; + + /// md.sys.motion.spring.slow.effects.stiffness + static const double springSlowEffectsStiffness = 800.00; + + /// md.sys.motion.spring.slow.spatial.damping + static const double springSlowSpatialDamping = 0.80; + + /// md.sys.motion.spring.slow.spatial.stiffness + static const double springSlowSpatialStiffness = 200.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/motion_standard.dart b/packages/material_ui/tool/gen_defaults/data/motion_standard.dart index 53019d3f3068..0e49a1df2d46 100644 --- a/packages/material_ui/tool/gen_defaults/data/motion_standard.dart +++ b/packages/material_ui/tool/gen_defaults/data/motion_standard.dart @@ -7,86 +7,65 @@ import 'package:flutter/animation.dart'; class TokenMotionStandard { - /// md.sys.motion.easing.legacy.accelerate - static const Cubic easingLegacyAccelerate = Cubic(0.40, 0.00, 1.00, 1.00); - - /// md.sys.motion.spring.fast.spatial.damping - static const double springFastSpatialDamping = 0.60; - - /// md.sys.motion.easing.legacy - static const Cubic easingLegacy = Cubic(0.40, 0.00, 0.20, 1.00); - - /// md.sys.motion.easing.linear - static const Cubic easingLinear = Cubic(0.00, 0.00, 1.00, 1.00); - - /// md.sys.motion.duration.extra-long4 - static const Duration durationExtraLong4 = Duration(milliseconds: 1000); - /// md.sys.motion.duration.extra-long1 static const Duration durationExtraLong1 = Duration(milliseconds: 700); + /// md.sys.motion.duration.extra-long2 + static const Duration durationExtraLong2 = Duration(milliseconds: 800); + /// md.sys.motion.duration.extra-long3 static const Duration durationExtraLong3 = Duration(milliseconds: 900); - /// md.sys.motion.duration.medium3 - static const Duration durationMedium3 = Duration(milliseconds: 350); - - /// md.sys.motion.easing.legacy.decelerate - static const Cubic easingLegacyDecelerate = Cubic(0.00, 0.00, 0.20, 1.00); - - /// md.sys.motion.spring.slow.spatial.damping - static const double springSlowSpatialDamping = 0.80; + /// md.sys.motion.duration.extra-long4 + static const Duration durationExtraLong4 = Duration(milliseconds: 1000); /// md.sys.motion.duration.long1 static const Duration durationLong1 = Duration(milliseconds: 450); - /// md.sys.motion.spring.fast.effects.stiffness - static const double springFastEffectsStiffness = 3800.00; - - /// md.sys.motion.duration.short1 - static const Duration durationShort1 = Duration(milliseconds: 50); + /// md.sys.motion.duration.long2 + static const Duration durationLong2 = Duration(milliseconds: 500); - /// md.sys.motion.duration.extra-long2 - static const Duration durationExtraLong2 = Duration(milliseconds: 800); + /// md.sys.motion.duration.long3 + static const Duration durationLong3 = Duration(milliseconds: 550); /// md.sys.motion.duration.long4 static const Duration durationLong4 = Duration(milliseconds: 600); - /// md.sys.motion.spring.default.spatial.damping - static const double springDefaultSpatialDamping = 0.80; + /// md.sys.motion.duration.medium1 + static const Duration durationMedium1 = Duration(milliseconds: 250); - /// md.sys.motion.duration.short2 - static const Duration durationShort2 = Duration(milliseconds: 100); + /// md.sys.motion.duration.medium2 + static const Duration durationMedium2 = Duration(milliseconds: 300); + + /// md.sys.motion.duration.medium3 + static const Duration durationMedium3 = Duration(milliseconds: 350); /// md.sys.motion.duration.medium4 static const Duration durationMedium4 = Duration(milliseconds: 400); - /// md.sys.motion.spring.fast.effects.damping - static const double springFastEffectsDamping = 1.00; - - /// md.sys.motion.spring.slow.effects.damping - static const double springSlowEffectsDamping = 1.00; + /// md.sys.motion.duration.short1 + static const Duration durationShort1 = Duration(milliseconds: 50); - /// md.sys.motion.spring.default.spatial.stiffness - static const double springDefaultSpatialStiffness = 380.00; + /// md.sys.motion.duration.short2 + static const Duration durationShort2 = Duration(milliseconds: 100); - /// md.sys.motion.spring.slow.spatial.stiffness - static const double springSlowSpatialStiffness = 200.00; + /// md.sys.motion.duration.short3 + static const Duration durationShort3 = Duration(milliseconds: 150); - /// md.sys.motion.path - static const String path = 'LINEAR'; + /// md.sys.motion.duration.short4 + static const Duration durationShort4 = Duration(milliseconds: 200); - /// md.sys.motion.duration.long3 - static const Duration durationLong3 = Duration(milliseconds: 550); + /// md.sys.motion.easing.legacy + static const Cubic easingLegacy = Cubic(0.40, 0.00, 0.20, 1.00); - /// md.sys.motion.duration.medium2 - static const Duration durationMedium2 = Duration(milliseconds: 300); + /// md.sys.motion.easing.legacy.accelerate + static const Cubic easingLegacyAccelerate = Cubic(0.40, 0.00, 1.00, 1.00); - /// md.sys.motion.duration.short4 - static const Duration durationShort4 = Duration(milliseconds: 200); + /// md.sys.motion.easing.legacy.decelerate + static const Cubic easingLegacyDecelerate = Cubic(0.00, 0.00, 0.20, 1.00); - /// md.sys.motion.spring.default.effects.stiffness - static const double springDefaultEffectsStiffness = 1600.00; + /// md.sys.motion.easing.linear + static const Cubic easingLinear = Cubic(0.00, 0.00, 1.00, 1.00); /// md.sys.motion.easing.standard static const Cubic easingStandard = Cubic(0.20, 0.00, 0.00, 1.00); @@ -94,24 +73,45 @@ class TokenMotionStandard { /// md.sys.motion.easing.standard.accelerate static const Cubic easingStandardAccelerate = Cubic(0.30, 0.00, 1.00, 1.00); - /// md.sys.motion.spring.slow.effects.stiffness - static const double springSlowEffectsStiffness = 800.00; + /// md.sys.motion.easing.standard.decelerate + static const Cubic easingStandardDecelerate = Cubic(0.00, 0.00, 0.00, 1.00); - /// md.sys.motion.duration.medium1 - static const Duration durationMedium1 = Duration(milliseconds: 250); + /// md.sys.motion.path + static const String path = 'LINEAR'; /// md.sys.motion.spring.default.effects.damping static const double springDefaultEffectsDamping = 1.00; - /// md.sys.motion.easing.standard.decelerate - static const Cubic easingStandardDecelerate = Cubic(0.00, 0.00, 0.00, 1.00); + /// md.sys.motion.spring.default.effects.stiffness + static const double springDefaultEffectsStiffness = 1600.00; - /// md.sys.motion.duration.short3 - static const Duration durationShort3 = Duration(milliseconds: 150); + /// md.sys.motion.spring.default.spatial.damping + static const double springDefaultSpatialDamping = 0.80; - /// md.sys.motion.duration.long2 - static const Duration durationLong2 = Duration(milliseconds: 500); + /// md.sys.motion.spring.default.spatial.stiffness + static const double springDefaultSpatialStiffness = 380.00; + + /// md.sys.motion.spring.fast.effects.damping + static const double springFastEffectsDamping = 1.00; + + /// md.sys.motion.spring.fast.effects.stiffness + static const double springFastEffectsStiffness = 3800.00; + + /// md.sys.motion.spring.fast.spatial.damping + static const double springFastSpatialDamping = 0.60; /// md.sys.motion.spring.fast.spatial.stiffness static const double springFastSpatialStiffness = 800.00; + + /// md.sys.motion.spring.slow.effects.damping + static const double springSlowEffectsDamping = 1.00; + + /// md.sys.motion.spring.slow.effects.stiffness + static const double springSlowEffectsStiffness = 800.00; + + /// md.sys.motion.spring.slow.spatial.damping + static const double springSlowSpatialDamping = 0.80; + + /// md.sys.motion.spring.slow.spatial.stiffness + static const double springSlowSpatialStiffness = 200.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/nav_bar.dart b/packages/material_ui/tool/gen_defaults/data/nav_bar.dart index 12e704d96e65..b3d72844449e 100644 --- a/packages/material_ui/tool/gen_defaults/data/nav_bar.dart +++ b/packages/material_ui/tool/gen_defaults/data/nav_bar.dart @@ -8,56 +8,50 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenNavBar { + /// md.comp.nav-bar.container.color + static const TokenColorRole containerColor = TokenColorRole.surfaceContainer; + + /// md.comp.nav-bar.container.elevation + static const double containerElevation = 3.00; + + /// md.comp.nav-bar.container.height + static const double containerHeight = 64.00; + /// md.comp.nav-bar.container.shadow-color static const TokenColorRole containerShadowColor = TokenColorRole.shadow; + /// md.comp.nav-bar.container.shape + static const ShapeStruct containerShape = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 0.00, + topRight: 0.00, + bottomLeft: 0.00, + bottomRight: 0.00, + ); + /// md.comp.nav-bar.item.active.focused.state-layer.color static const TokenColorRole itemActiveFocusedStateLayerColor = TokenColorRole.onSecondaryContainer; - /// md.comp.nav-bar.item.active.label-text.color - static const TokenColorRole itemActiveLabelTextColor = - TokenColorRole.secondary; - - /// md.comp.nav-bar.item.active.hovered.state-layer.opacity - static const double itemActiveHoveredStateLayerOpacity = 0.08; + /// md.comp.nav-bar.item.active.focused.state-layer.opacity + static const double itemActiveFocusedStateLayerOpacity = 0.10; - /// md.comp.nav-bar.item.inactive.hovered.state-layer.color - static const TokenColorRole itemInactiveHoveredStateLayerColor = + /// md.comp.nav-bar.item.active.hovered.state-layer.color + static const TokenColorRole itemActiveHoveredStateLayerColor = TokenColorRole.onSecondaryContainer; - /// md.comp.nav-bar.item.active.pressed.state-layer.opacity - static const double itemActivePressedStateLayerOpacity = 0.10; - - /// md.comp.nav-bar.container.color - static const TokenColorRole containerColor = TokenColorRole.surfaceContainer; + /// md.comp.nav-bar.item.active.hovered.state-layer.opacity + static const double itemActiveHoveredStateLayerOpacity = 0.08; - /// md.comp.nav-bar.item.active.focused.state-layer.opacity - static const double itemActiveFocusedStateLayerOpacity = 0.10; + /// md.comp.nav-bar.item.active.icon.color + static const TokenColorRole itemActiveIconColor = TokenColorRole.onSecondaryContainer; /// md.comp.nav-bar.item.active.indicator.color - static const TokenColorRole itemActiveIndicatorColor = - TokenColorRole.secondaryContainer; + static const TokenColorRole itemActiveIndicatorColor = TokenColorRole.secondaryContainer; /// md.comp.nav-bar.item.active-indicator.icon-label-space static const double itemActiveIndicatorIconLabelSpace = 4.00; - /// md.comp.nav-bar.item.inactive.focused.state-layer.color - static const TokenColorRole itemInactiveFocusedStateLayerColor = - TokenColorRole.onSecondaryContainer; - - /// md.comp.nav-bar.item.inactive.pressed.state-layer.color - static const TokenColorRole itemInactivePressedStateLayerColor = - TokenColorRole.onSecondaryContainer; - - /// md.comp.nav-bar.item.active.pressed.state-layer.color - static const TokenColorRole itemActivePressedStateLayerColor = - TokenColorRole.onSecondaryContainer; - - /// md.comp.nav-bar.item.active.icon.color - static const TokenColorRole itemActiveIconColor = - TokenColorRole.onSecondaryContainer; - /// md.comp.nav-bar.item.active-indicator.shape static const ShapeStruct itemActiveIndicatorShape = ShapeStruct( family: 'SHAPE_FAMILY_CIRCULAR', @@ -67,36 +61,37 @@ class TokenNavBar { bottomRight: 0.00, ); - /// md.comp.nav-bar.item.active.hovered.state-layer.color - static const TokenColorRole itemActiveHoveredStateLayerColor = + /// md.comp.nav-bar.item.active.label-text.color + static const TokenColorRole itemActiveLabelTextColor = TokenColorRole.secondary; + + /// md.comp.nav-bar.item.active.pressed.state-layer.color + static const TokenColorRole itemActivePressedStateLayerColor = TokenColorRole.onSecondaryContainer; - /// md.comp.nav-bar.container.shape - static const ShapeStruct containerShape = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 0.00, - topRight: 0.00, - bottomLeft: 0.00, - bottomRight: 0.00, - ); + /// md.comp.nav-bar.item.active.pressed.state-layer.opacity + static const double itemActivePressedStateLayerOpacity = 0.10; - /// md.comp.nav-bar.container.elevation - static const double containerElevation = 3.00; + /// md.comp.nav-bar.item.between-space + static const double itemBetweenSpace = 0.00; - /// md.comp.nav-bar.item.inactive.icon.color - static const TokenColorRole itemInactiveIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.nav-bar.item.icon.size + static const double itemIconSize = 24.00; - /// md.comp.nav-bar.container.height - static const double containerHeight = 64.00; + /// md.comp.nav-bar.item.inactive.focused.state-layer.color + static const TokenColorRole itemInactiveFocusedStateLayerColor = + TokenColorRole.onSecondaryContainer; - /// md.comp.nav-bar.item.between-space - static const double itemBetweenSpace = 0.00; + /// md.comp.nav-bar.item.inactive.hovered.state-layer.color + static const TokenColorRole itemInactiveHoveredStateLayerColor = + TokenColorRole.onSecondaryContainer; + + /// md.comp.nav-bar.item.inactive.icon.color + static const TokenColorRole itemInactiveIconColor = TokenColorRole.onSurfaceVariant; /// md.comp.nav-bar.item.inactive.label-text.color - static const TokenColorRole itemInactiveLabelTextColor = - TokenColorRole.onSurfaceVariant; + static const TokenColorRole itemInactiveLabelTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.nav-bar.item.icon.size - static const double itemIconSize = 24.00; + /// md.comp.nav-bar.item.inactive.pressed.state-layer.color + static const TokenColorRole itemInactivePressedStateLayerColor = + TokenColorRole.onSecondaryContainer; } diff --git a/packages/material_ui/tool/gen_defaults/data/nav_bar_item_horizontal.dart b/packages/material_ui/tool/gen_defaults/data/nav_bar_item_horizontal.dart index db7d4ae72a28..1b1142bc7d94 100644 --- a/packages/material_ui/tool/gen_defaults/data/nav_bar_item_horizontal.dart +++ b/packages/material_ui/tool/gen_defaults/data/nav_bar_item_horizontal.dart @@ -5,30 +5,30 @@ // Version: 36.0.6 class TokenNavBarItemHorizontal { + /// md.comp.nav-bar.item.horizontal.active-indicator.height + static const double activeIndicatorHeight = 40.00; + /// md.comp.nav-bar.item.horizontal.active-indicator.icon-label-space static const double activeIndicatorIconLabelSpace = 4.00; + /// md.comp.nav-bar.item.horizontal.active-indicator.leading-space + static const double activeIndicatorLeadingSpace = 16.00; + + /// md.comp.nav-bar.item.horizontal.active-indicator.trailing-space + static const double activeIndicatorTrailingSpace = 16.00; + /// md.comp.nav-bar.item.horizontal.label-text.font - static const double labelTextFontFontSize = 12.00; + static const String labelTextFontFontFamily = 'Roboto'; /// md.comp.nav-bar.item.horizontal.label-text.font - static const double labelTextFontFontWeight = 500; + static const double labelTextFontFontSize = 12.00; /// md.comp.nav-bar.item.horizontal.label-text.font - static const double labelTextFontLineHeight = 16.00; + static const double labelTextFontFontWeight = 500; /// md.comp.nav-bar.item.horizontal.label-text.font static const double labelTextFontLetterSpacing = 0.50; /// md.comp.nav-bar.item.horizontal.label-text.font - static const String labelTextFontFontFamily = 'Roboto'; - - /// md.comp.nav-bar.item.horizontal.active-indicator.leading-space - static const double activeIndicatorLeadingSpace = 16.00; - - /// md.comp.nav-bar.item.horizontal.active-indicator.height - static const double activeIndicatorHeight = 40.00; - - /// md.comp.nav-bar.item.horizontal.active-indicator.trailing-space - static const double activeIndicatorTrailingSpace = 16.00; + static const double labelTextFontLineHeight = 16.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/nav_bar_item_vertical.dart b/packages/material_ui/tool/gen_defaults/data/nav_bar_item_vertical.dart index 251e0819b56a..97f35dd1ce70 100644 --- a/packages/material_ui/tool/gen_defaults/data/nav_bar_item_vertical.dart +++ b/packages/material_ui/tool/gen_defaults/data/nav_bar_item_vertical.dart @@ -5,30 +5,30 @@ // Version: 36.0.6 class TokenNavBarItemVertical { + /// md.comp.nav-bar.item.vertical.active-indicator.height + static const double activeIndicatorHeight = 32.00; + + /// md.comp.nav-bar.item.vertical.active-indicator.icon-label-space + static const double activeIndicatorIconLabelSpace = 4.00; + + /// md.comp.nav-bar.item.vertical.active-indicator.width + static const double activeIndicatorWidth = 56.00; + /// md.comp.nav-bar.item.vertical.container.between-space static const double containerBetweenSpace = 6.00; /// md.comp.nav-bar.item.vertical.label-text.font - static const double labelTextFontFontSize = 12.00; + static const String labelTextFontFontFamily = 'Roboto'; /// md.comp.nav-bar.item.vertical.label-text.font - static const double labelTextFontFontWeight = 500; + static const double labelTextFontFontSize = 12.00; /// md.comp.nav-bar.item.vertical.label-text.font - static const double labelTextFontLineHeight = 16.00; + static const double labelTextFontFontWeight = 500; /// md.comp.nav-bar.item.vertical.label-text.font static const double labelTextFontLetterSpacing = 0.50; /// md.comp.nav-bar.item.vertical.label-text.font - static const String labelTextFontFontFamily = 'Roboto'; - - /// md.comp.nav-bar.item.vertical.active-indicator.width - static const double activeIndicatorWidth = 56.00; - - /// md.comp.nav-bar.item.vertical.active-indicator.icon-label-space - static const double activeIndicatorIconLabelSpace = 4.00; - - /// md.comp.nav-bar.item.vertical.active-indicator.height - static const double activeIndicatorHeight = 32.00; + static const double labelTextFontLineHeight = 16.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/nav_rail.dart b/packages/material_ui/tool/gen_defaults/data/nav_rail.dart index e6f51bb4bd6d..45545629dbf1 100644 --- a/packages/material_ui/tool/gen_defaults/data/nav_rail.dart +++ b/packages/material_ui/tool/gen_defaults/data/nav_rail.dart @@ -7,56 +7,51 @@ import 'color_role.dart'; class TokenNavRail { - /// md.comp.nav-rail.item.inactive.pressed.state-layer.color - static const TokenColorRole itemInactivePressedStateLayerColor = - TokenColorRole.onSecondaryContainer; - /// md.comp.nav-rail.item.active.focused.state-layer.color static const TokenColorRole itemActiveFocusedStateLayerColor = TokenColorRole.onSecondaryContainer; - /// md.comp.nav-rail.item.active.icon.color - static const TokenColorRole itemActiveIconColor = - TokenColorRole.onSecondaryContainer; - /// md.comp.nav-rail.item.active.focused.state-layer.opacity static const double itemActiveFocusedStateLayerOpacity = 0.10; - /// md.comp.nav-rail.item.inactive.hovered.state-layer.color - static const TokenColorRole itemInactiveHoveredStateLayerColor = + /// md.comp.nav-rail.item.active.hovered.state-layer.color + static const TokenColorRole itemActiveHoveredStateLayerColor = TokenColorRole.onSecondaryContainer; - /// md.comp.nav-rail.item.inactive.label-text.color - static const TokenColorRole itemInactiveLabelTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.nav-rail.item.active.hovered.state-layer.opacity + static const double itemActiveHoveredStateLayerOpacity = 0.08; + + /// md.comp.nav-rail.item.active.icon.color + static const TokenColorRole itemActiveIconColor = TokenColorRole.onSecondaryContainer; + + /// md.comp.nav-rail.item.active.indicator.color + static const TokenColorRole itemActiveIndicatorColor = TokenColorRole.secondaryContainer; /// md.comp.nav-rail.item.active.label-text.color - static const TokenColorRole itemActiveLabelTextColor = - TokenColorRole.secondary; + static const TokenColorRole itemActiveLabelTextColor = TokenColorRole.secondary; - /// md.comp.nav-rail.item.active.hovered.state-layer.color - static const TokenColorRole itemActiveHoveredStateLayerColor = + /// md.comp.nav-rail.item.active.pressed.state-layer.color + static const TokenColorRole itemActivePressedStateLayerColor = TokenColorRole.onSecondaryContainer; /// md.comp.nav-rail.item.active.pressed.state-layer.opacity static const double itemActivePressedStateLayerOpacity = 0.10; - /// md.comp.nav-rail.item.active.hovered.state-layer.opacity - static const double itemActiveHoveredStateLayerOpacity = 0.08; - - /// md.comp.nav-rail.item.active.pressed.state-layer.color - static const TokenColorRole itemActivePressedStateLayerColor = + /// md.comp.nav-rail.item.inactive.focused.state-layer.color + static const TokenColorRole itemInactiveFocusedStateLayerColor = TokenColorRole.onSecondaryContainer; - /// md.comp.nav-rail.item.active.indicator.color - static const TokenColorRole itemActiveIndicatorColor = - TokenColorRole.secondaryContainer; + /// md.comp.nav-rail.item.inactive.hovered.state-layer.color + static const TokenColorRole itemInactiveHoveredStateLayerColor = + TokenColorRole.onSecondaryContainer; /// md.comp.nav-rail.item.inactive.icon.color - static const TokenColorRole itemInactiveIconColor = - TokenColorRole.onSurfaceVariant; + static const TokenColorRole itemInactiveIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.nav-rail.item.inactive.focused.state-layer.color - static const TokenColorRole itemInactiveFocusedStateLayerColor = + /// md.comp.nav-rail.item.inactive.label-text.color + static const TokenColorRole itemInactiveLabelTextColor = TokenColorRole.onSurfaceVariant; + + /// md.comp.nav-rail.item.inactive.pressed.state-layer.color + static const TokenColorRole itemInactivePressedStateLayerColor = TokenColorRole.onSecondaryContainer; } diff --git a/packages/material_ui/tool/gen_defaults/data/nav_rail_collapsed.dart b/packages/material_ui/tool/gen_defaults/data/nav_rail_collapsed.dart index 5cdf57f2e9b2..4c85473a6056 100644 --- a/packages/material_ui/tool/gen_defaults/data/nav_rail_collapsed.dart +++ b/packages/material_ui/tool/gen_defaults/data/nav_rail_collapsed.dart @@ -8,6 +8,12 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenNavRailCollapsed { + /// md.comp.nav-rail.collapsed.container.color + static const TokenColorRole containerColor = TokenColorRole.surface; + + /// md.comp.nav-rail.collapsed.container.elevation + static const double containerElevation = 0.00; + /// md.comp.nav-rail.collapsed.container.shape static const ShapeStruct containerShape = ShapeStruct( family: 'SHAPE_FAMILY_ROUNDED_CORNERS', @@ -17,21 +23,15 @@ class TokenNavRailCollapsed { bottomRight: 0.00, ); - /// md.comp.nav-rail.collapsed.container.elevation - static const double containerElevation = 0.00; - /// md.comp.nav-rail.collapsed.container.width static const double containerWidth = 96.00; - /// md.comp.nav-rail.collapsed.top-space - static const double topSpace = 44.00; - /// md.comp.nav-rail.collapsed.item.vertical-space static const double itemVerticalSpace = 4.00; - /// md.comp.nav-rail.collapsed.container.color - static const TokenColorRole containerColor = TokenColorRole.surface; - /// md.comp.nav-rail.collapsed.narrow.container.width static const double narrowContainerWidth = 80.00; + + /// md.comp.nav-rail.collapsed.top-space + static const double topSpace = 44.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/nav_rail_expanded.dart b/packages/material_ui/tool/gen_defaults/data/nav_rail_expanded.dart index 9b7bb21d2893..e4dd3911d2de 100644 --- a/packages/material_ui/tool/gen_defaults/data/nav_rail_expanded.dart +++ b/packages/material_ui/tool/gen_defaults/data/nav_rail_expanded.dart @@ -8,15 +8,29 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenNavRailExpanded { - /// md.comp.nav-rail.expanded.container.width.minimum - static const double containerWidthMinimum = 220.00; + /// md.comp.nav-rail.expanded.container.color + static const TokenColorRole containerColor = TokenColorRole.surface; /// md.comp.nav-rail.expanded.container.elevation static const double containerElevation = 0.00; + /// md.comp.nav-rail.expanded.container.shape + static const ShapeStruct containerShape = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 0.00, + topRight: 0.00, + bottomLeft: 0.00, + bottomRight: 0.00, + ); + + /// md.comp.nav-rail.expanded.container.width.maximum + static const double containerWidthMaximum = 360.00; + + /// md.comp.nav-rail.expanded.container.width.minimum + static const double containerWidthMinimum = 220.00; + /// md.comp.nav-rail.expanded.modal.container.color - static const TokenColorRole modalContainerColor = - TokenColorRole.surfaceContainer; + static const TokenColorRole modalContainerColor = TokenColorRole.surfaceContainer; /// md.comp.nav-rail.expanded.modal.container.elevation static const double modalContainerElevation = 3.00; @@ -30,21 +44,6 @@ class TokenNavRailExpanded { bottomRight: 16.00, ); - /// md.comp.nav-rail.expanded.container.color - static const TokenColorRole containerColor = TokenColorRole.surface; - - /// md.comp.nav-rail.expanded.container.width.maximum - static const double containerWidthMaximum = 360.00; - /// md.comp.nav-rail.expanded.top-space static const double topSpace = 44.00; - - /// md.comp.nav-rail.expanded.container.shape - static const ShapeStruct containerShape = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 0.00, - topRight: 0.00, - bottomLeft: 0.00, - bottomRight: 0.00, - ); } diff --git a/packages/material_ui/tool/gen_defaults/data/nav_rail_item.dart b/packages/material_ui/tool/gen_defaults/data/nav_rail_item.dart index 4d5c9bb738b9..5754ff9bccd6 100644 --- a/packages/material_ui/tool/gen_defaults/data/nav_rail_item.dart +++ b/packages/material_ui/tool/gen_defaults/data/nav_rail_item.dart @@ -7,45 +7,45 @@ import 'shape_struct.dart'; class TokenNavRailItem { - /// md.comp.nav-rail.item.container.vertical-space - static const double containerVerticalSpace = 6.00; - - /// md.comp.nav-rail.item.container.height - static const double containerHeight = 64.00; - - /// md.comp.nav-rail.item.header-space-minimum - static const double headerSpaceMinimum = 40.00; + /// md.comp.nav-rail.item.active-indicator.icon-label-space + static const double activeIndicatorIconLabelSpace = 8.00; - /// md.comp.nav-rail.item.short.container.height - static const double shortContainerHeight = 56.00; + /// md.comp.nav-rail.item.active-indicator.leading-space + static const double activeIndicatorLeadingSpace = 16.00; - /// md.comp.nav-rail.item.container.shape - static const ShapeStruct containerShape = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + /// md.comp.nav-rail.item.active-indicator.shape + static const ShapeStruct activeIndicatorShape = ShapeStruct( + family: 'SHAPE_FAMILY_CIRCULAR', topLeft: 0.00, topRight: 0.00, bottomLeft: 0.00, bottomRight: 0.00, ); - /// md.comp.nav-rail.item.active-indicator.icon-label-space - static const double activeIndicatorIconLabelSpace = 8.00; - /// md.comp.nav-rail.item.active-indicator.trailing-space static const double activeIndicatorTrailingSpace = 16.00; - /// md.comp.nav-rail.item.active-indicator.shape - static const ShapeStruct activeIndicatorShape = ShapeStruct( - family: 'SHAPE_FAMILY_CIRCULAR', + /// md.comp.nav-rail.item.container.height + static const double containerHeight = 64.00; + + /// md.comp.nav-rail.item.container.shape + static const ShapeStruct containerShape = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', topLeft: 0.00, topRight: 0.00, bottomLeft: 0.00, bottomRight: 0.00, ); + /// md.comp.nav-rail.item.container.vertical-space + static const double containerVerticalSpace = 6.00; + + /// md.comp.nav-rail.item.header-space-minimum + static const double headerSpaceMinimum = 40.00; + /// md.comp.nav-rail.item.icon.size static const double iconSize = 24.00; - /// md.comp.nav-rail.item.active-indicator.leading-space - static const double activeIndicatorLeadingSpace = 16.00; + /// md.comp.nav-rail.item.short.container.height + static const double shortContainerHeight = 56.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/nav_rail_item_horizontal.dart b/packages/material_ui/tool/gen_defaults/data/nav_rail_item_horizontal.dart index 8e0feee31eda..9edfbbf0a000 100644 --- a/packages/material_ui/tool/gen_defaults/data/nav_rail_item_horizontal.dart +++ b/packages/material_ui/tool/gen_defaults/data/nav_rail_item_horizontal.dart @@ -5,30 +5,30 @@ // Version: 36.0.6 class TokenNavRailItemHorizontal { - /// md.comp.nav-rail.item.horizontal.icon-label-space - static const double iconLabelSpace = 8.00; + /// md.comp.nav-rail.item.horizontal.active-indicator.height + static const double activeIndicatorHeight = 56.00; + + /// md.comp.nav-rail.item.horizontal.full-width.leading-space + static const double fullWidthLeadingSpace = 16.00; /// md.comp.nav-rail.item.horizontal.full-width.trailing-space static const double fullWidthTrailingSpace = 16.00; - /// md.comp.nav-rail.item.horizontal.full-width.leading-space - static const double fullWidthLeadingSpace = 16.00; + /// md.comp.nav-rail.item.horizontal.icon-label-space + static const double iconLabelSpace = 8.00; /// md.comp.nav-rail.item.horizontal.label-text.font - static const double labelTextFontFontSize = 14.00; + static const String labelTextFontFontFamily = 'Roboto'; /// md.comp.nav-rail.item.horizontal.label-text.font - static const double labelTextFontFontWeight = 500; + static const double labelTextFontFontSize = 14.00; /// md.comp.nav-rail.item.horizontal.label-text.font - static const double labelTextFontLineHeight = 20.00; + static const double labelTextFontFontWeight = 500; /// md.comp.nav-rail.item.horizontal.label-text.font static const double labelTextFontLetterSpacing = 0.10; /// md.comp.nav-rail.item.horizontal.label-text.font - static const String labelTextFontFontFamily = 'Roboto'; - - /// md.comp.nav-rail.item.horizontal.active-indicator.height - static const double activeIndicatorHeight = 56.00; + static const double labelTextFontLineHeight = 20.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/nav_rail_item_vertical.dart b/packages/material_ui/tool/gen_defaults/data/nav_rail_item_vertical.dart index fcde6f0b4398..b6d2f25cd403 100644 --- a/packages/material_ui/tool/gen_defaults/data/nav_rail_item_vertical.dart +++ b/packages/material_ui/tool/gen_defaults/data/nav_rail_item_vertical.dart @@ -5,33 +5,33 @@ // Version: 36.0.6 class TokenNavRailItemVertical { + /// md.comp.nav-rail.item.vertical.active-indicator.height + static const double activeIndicatorHeight = 32.00; + /// md.comp.nav-rail.item.vertical.active-indicator.width static const double activeIndicatorWidth = 56.00; + /// md.comp.nav-rail.item.vertical.icon-label-space + static const double iconLabelSpace = 4.00; + /// md.comp.nav-rail.item.vertical.label-text.font - static const double labelTextFontFontSize = 12.00; + static const String labelTextFontFontFamily = 'Roboto'; /// md.comp.nav-rail.item.vertical.label-text.font - static const double labelTextFontFontWeight = 500; + static const double labelTextFontFontSize = 12.00; /// md.comp.nav-rail.item.vertical.label-text.font - static const double labelTextFontLineHeight = 16.00; + static const double labelTextFontFontWeight = 500; /// md.comp.nav-rail.item.vertical.label-text.font static const double labelTextFontLetterSpacing = 0.50; /// md.comp.nav-rail.item.vertical.label-text.font - static const String labelTextFontFontFamily = 'Roboto'; + static const double labelTextFontLineHeight = 16.00; /// md.comp.nav-rail.item.vertical.leading-space static const double leadingSpace = 16.00; /// md.comp.nav-rail.item.vertical.trailing-space static const double trailingSpace = 16.00; - - /// md.comp.nav-rail.item.vertical.icon-label-space - static const double iconLabelSpace = 4.00; - - /// md.comp.nav-rail.item.vertical.active-indicator.height - static const double activeIndicatorHeight = 32.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/navigation_bar.dart b/packages/material_ui/tool/gen_defaults/data/navigation_bar.dart index e65330c9a707..9344b0f80bb7 100644 --- a/packages/material_ui/tool/gen_defaults/data/navigation_bar.dart +++ b/packages/material_ui/tool/gen_defaults/data/navigation_bar.dart @@ -8,74 +8,33 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenNavigationBar { - /// md.comp.navigation-bar.inactive.pressed.label-text.color - static const TokenColorRole inactivePressedLabelTextColor = - TokenColorRole.onSurface; + /// md.comp.navigation-bar.active.focus.icon.color + static const TokenColorRole activeFocusIconColor = TokenColorRole.onSecondaryContainer; - /// md.comp.navigation-bar.focus.state-layer.opacity - static const double focusStateLayerOpacity = 0.10; + /// md.comp.navigation-bar.active.focus.label-text.color + static const TokenColorRole activeFocusLabelTextColor = TokenColorRole.onSurface; - /// md.comp.navigation-bar.active.icon.color - static const TokenColorRole activeIconColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.navigation-bar.active.focus.state-layer.color + static const TokenColorRole activeFocusStateLayerColor = TokenColorRole.onSurface; - /// md.comp.navigation-bar.active.pressed.icon.color - static const TokenColorRole activePressedIconColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.navigation-bar.active.hover.icon.color + static const TokenColorRole activeHoverIconColor = TokenColorRole.onSecondaryContainer; - /// md.comp.navigation-bar.active.pressed.state-layer.color - static const TokenColorRole activePressedStateLayerColor = - TokenColorRole.onSurface; + /// md.comp.navigation-bar.active.hover.label-text.color + static const TokenColorRole activeHoverLabelTextColor = TokenColorRole.onSurface; /// md.comp.navigation-bar.active.hover.state-layer.color - static const TokenColorRole activeHoverStateLayerColor = - TokenColorRole.onSurface; - - /// md.comp.navigation-bar.active-indicator.width - static const double activeIndicatorWidth = 64.00; - - /// md.comp.navigation-bar.inactive.hover.state-layer.color - static const TokenColorRole inactiveHoverStateLayerColor = - TokenColorRole.onSurface; - - /// md.comp.navigation-bar.inactive.focus.icon.color - static const TokenColorRole inactiveFocusIconColor = TokenColorRole.onSurface; + static const TokenColorRole activeHoverStateLayerColor = TokenColorRole.onSurface; - /// md.comp.navigation-bar.inactive.hover.icon.color - static const TokenColorRole inactiveHoverIconColor = TokenColorRole.onSurface; - - /// md.comp.navigation-bar.container.color - static const TokenColorRole containerColor = TokenColorRole.surfaceContainer; - - /// md.comp.navigation-bar.active.focus.icon.color - static const TokenColorRole activeFocusIconColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.navigation-bar.active.icon.color + static const TokenColorRole activeIconColor = TokenColorRole.onSecondaryContainer; - /// md.comp.navigation-bar.focus.indicator.color - static const TokenColorRole focusIndicatorColor = TokenColorRole.secondary; + /// md.comp.navigation-bar.active-indicator.color + static const TokenColorRole activeIndicatorColor = TokenColorRole.secondaryContainer; /// md.comp.navigation-bar.active-indicator.height static const double activeIndicatorHeight = 32.00; - /// md.comp.navigation-bar.active.label-text.color - static const TokenColorRole activeLabelTextColor = TokenColorRole.onSurface; - - /// md.comp.navigation-bar.pressed.state-layer.opacity - static const double pressedStateLayerOpacity = 0.10; - - /// md.comp.navigation-bar.container.height - static const double containerHeight = 80.00; - - /// md.comp.navigation-bar.container.elevation - static const double containerElevation = 3.00; - - /// md.comp.navigation-bar.icon.size - static const double iconSize = 24.00; - - /// md.comp.navigation-bar.inactive.pressed.state-layer.color - static const TokenColorRole inactivePressedStateLayerColor = - TokenColorRole.onSurface; - /// md.comp.navigation-bar.active-indicator.shape static const ShapeStruct activeIndicatorShape = ShapeStruct( family: 'SHAPE_FAMILY_CIRCULAR', @@ -85,35 +44,29 @@ class TokenNavigationBar { bottomRight: 0.00, ); - /// md.comp.navigation-bar.active.hover.label-text.color - static const TokenColorRole activeHoverLabelTextColor = - TokenColorRole.onSurface; + /// md.comp.navigation-bar.active-indicator.width + static const double activeIndicatorWidth = 64.00; - /// md.comp.navigation-bar.inactive.hover.label-text.color - static const TokenColorRole inactiveHoverLabelTextColor = - TokenColorRole.onSurface; + /// md.comp.navigation-bar.active.label-text.color + static const TokenColorRole activeLabelTextColor = TokenColorRole.onSurface; - /// md.comp.navigation-bar.focus.indicator.thickness - static const double focusIndicatorThickness = 3.00; + /// md.comp.navigation-bar.active.pressed.icon.color + static const TokenColorRole activePressedIconColor = TokenColorRole.onSecondaryContainer; - /// md.comp.navigation-bar.inactive.pressed.icon.color - static const TokenColorRole inactivePressedIconColor = - TokenColorRole.onSurface; + /// md.comp.navigation-bar.active.pressed.label-text.color + static const TokenColorRole activePressedLabelTextColor = TokenColorRole.onSurface; - /// md.comp.navigation-bar.active-indicator.color - static const TokenColorRole activeIndicatorColor = - TokenColorRole.secondaryContainer; + /// md.comp.navigation-bar.active.pressed.state-layer.color + static const TokenColorRole activePressedStateLayerColor = TokenColorRole.onSurface; - /// md.comp.navigation-bar.active.focus.state-layer.color - static const TokenColorRole activeFocusStateLayerColor = - TokenColorRole.onSurface; + /// md.comp.navigation-bar.container.color + static const TokenColorRole containerColor = TokenColorRole.surfaceContainer; - /// md.comp.navigation-bar.focus.indicator.outline.offset - static const double focusIndicatorOutlineOffset = -3.00; + /// md.comp.navigation-bar.container.elevation + static const double containerElevation = 3.00; - /// md.comp.navigation-bar.inactive.focus.state-layer.color - static const TokenColorRole inactiveFocusStateLayerColor = - TokenColorRole.onSurface; + /// md.comp.navigation-bar.container.height + static const double containerHeight = 80.00; /// md.comp.navigation-bar.container.shape static const ShapeStruct containerShape = ShapeStruct( @@ -124,48 +77,75 @@ class TokenNavigationBar { bottomRight: 0.00, ); + /// md.comp.navigation-bar.focus.indicator.color + static const TokenColorRole focusIndicatorColor = TokenColorRole.secondary; + + /// md.comp.navigation-bar.focus.indicator.outline.offset + static const double focusIndicatorOutlineOffset = -3.00; + + /// md.comp.navigation-bar.focus.indicator.thickness + static const double focusIndicatorThickness = 3.00; + + /// md.comp.navigation-bar.focus.state-layer.opacity + static const double focusStateLayerOpacity = 0.10; + /// md.comp.navigation-bar.hover.state-layer.opacity static const double hoverStateLayerOpacity = 0.08; - /// md.comp.navigation-bar.inactive.icon.color - static const TokenColorRole inactiveIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.navigation-bar.icon.size + static const double iconSize = 24.00; - /// md.comp.navigation-bar.active.pressed.label-text.color - static const TokenColorRole activePressedLabelTextColor = - TokenColorRole.onSurface; + /// md.comp.navigation-bar.inactive.focus.icon.color + static const TokenColorRole inactiveFocusIconColor = TokenColorRole.onSurface; + + /// md.comp.navigation-bar.inactive.focus.label-text.color + static const TokenColorRole inactiveFocusLabelTextColor = TokenColorRole.onSurface; + + /// md.comp.navigation-bar.inactive.focus.state-layer.color + static const TokenColorRole inactiveFocusStateLayerColor = TokenColorRole.onSurface; + + /// md.comp.navigation-bar.inactive.hover.icon.color + static const TokenColorRole inactiveHoverIconColor = TokenColorRole.onSurface; + + /// md.comp.navigation-bar.inactive.hover.label-text.color + static const TokenColorRole inactiveHoverLabelTextColor = TokenColorRole.onSurface; + + /// md.comp.navigation-bar.inactive.hover.state-layer.color + static const TokenColorRole inactiveHoverStateLayerColor = TokenColorRole.onSurface; + + /// md.comp.navigation-bar.inactive.icon.color + static const TokenColorRole inactiveIconColor = TokenColorRole.onSurfaceVariant; /// md.comp.navigation-bar.inactive.label-text.color - static const TokenColorRole inactiveLabelTextColor = - TokenColorRole.onSurfaceVariant; + static const TokenColorRole inactiveLabelTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.navigation-bar.active.hover.icon.color - static const TokenColorRole activeHoverIconColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.navigation-bar.inactive.pressed.icon.color + static const TokenColorRole inactivePressedIconColor = TokenColorRole.onSurface; + + /// md.comp.navigation-bar.inactive.pressed.label-text.color + static const TokenColorRole inactivePressedLabelTextColor = TokenColorRole.onSurface; + + /// md.comp.navigation-bar.inactive.pressed.state-layer.color + static const TokenColorRole inactivePressedStateLayerColor = TokenColorRole.onSurface; /// md.comp.navigation-bar.label-text.font static const String labelTextFont = 'Roboto'; /// md.comp.navigation-bar.label-text.type - static const double labelTextTypeFontSize = 12.00; + static const String labelTextTypeFontFamily = 'Roboto'; /// md.comp.navigation-bar.label-text.type - static const double labelTextTypeFontWeight = 500; + static const double labelTextTypeFontSize = 12.00; /// md.comp.navigation-bar.label-text.type - static const double labelTextTypeLineHeight = 16.00; + static const double labelTextTypeFontWeight = 500; /// md.comp.navigation-bar.label-text.type static const double labelTextTypeLetterSpacing = 0.50; /// md.comp.navigation-bar.label-text.type - static const String labelTextTypeFontFamily = 'Roboto'; - - /// md.comp.navigation-bar.inactive.focus.label-text.color - static const TokenColorRole inactiveFocusLabelTextColor = - TokenColorRole.onSurface; + static const double labelTextTypeLineHeight = 16.00; - /// md.comp.navigation-bar.active.focus.label-text.color - static const TokenColorRole activeFocusLabelTextColor = - TokenColorRole.onSurface; + /// md.comp.navigation-bar.pressed.state-layer.opacity + static const double pressedStateLayerOpacity = 0.10; } diff --git a/packages/material_ui/tool/gen_defaults/data/navigation_drawer.dart b/packages/material_ui/tool/gen_defaults/data/navigation_drawer.dart index cb914bd17f79..aa0d7e1b1454 100644 --- a/packages/material_ui/tool/gen_defaults/data/navigation_drawer.dart +++ b/packages/material_ui/tool/gen_defaults/data/navigation_drawer.dart @@ -8,26 +8,68 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenNavigationDrawer { - /// md.comp.navigation-drawer.modal.container.elevation - static const double modalContainerElevation = 1.00; + /// md.comp.navigation-drawer.active.focus.icon.color + static const TokenColorRole activeFocusIconColor = TokenColorRole.onSecondaryContainer; /// md.comp.navigation-drawer.active.focus.label-text.color - static const TokenColorRole activeFocusLabelTextColor = - TokenColorRole.onSecondaryContainer; + static const TokenColorRole activeFocusLabelTextColor = TokenColorRole.onSecondaryContainer; + + /// md.comp.navigation-drawer.active.focus.state-layer.color + static const TokenColorRole activeFocusStateLayerColor = TokenColorRole.onSecondaryContainer; + + /// md.comp.navigation-drawer.active.hover.icon.color + static const TokenColorRole activeHoverIconColor = TokenColorRole.onSecondaryContainer; + + /// md.comp.navigation-drawer.active.hover.label-text.color + static const TokenColorRole activeHoverLabelTextColor = TokenColorRole.onSecondaryContainer; + + /// md.comp.navigation-drawer.active.hover.state-layer.color + static const TokenColorRole activeHoverStateLayerColor = TokenColorRole.onSecondaryContainer; /// md.comp.navigation-drawer.active.icon.color - static const TokenColorRole activeIconColor = - TokenColorRole.onSecondaryContainer; + static const TokenColorRole activeIconColor = TokenColorRole.onSecondaryContainer; - /// md.comp.navigation-drawer.container.width - static const double containerWidth = 360.00; + /// md.comp.navigation-drawer.active-indicator.color + static const TokenColorRole activeIndicatorColor = TokenColorRole.secondaryContainer; - /// md.comp.navigation-drawer.standard.container.elevation - static const double standardContainerElevation = 0.00; + /// md.comp.navigation-drawer.active-indicator.height + static const double activeIndicatorHeight = 56.00; - /// md.comp.navigation-drawer.inactive.pressed.label-text.color - static const TokenColorRole inactivePressedLabelTextColor = - TokenColorRole.onSurface; + /// md.comp.navigation-drawer.active-indicator.shape + static const ShapeStruct activeIndicatorShape = ShapeStruct( + family: 'SHAPE_FAMILY_CIRCULAR', + topLeft: 0.00, + topRight: 0.00, + bottomLeft: 0.00, + bottomRight: 0.00, + ); + + /// md.comp.navigation-drawer.active-indicator.width + static const double activeIndicatorWidth = 336.00; + + /// md.comp.navigation-drawer.active.label-text.color + static const TokenColorRole activeLabelTextColor = TokenColorRole.onSecondaryContainer; + + /// md.comp.navigation-drawer.active.pressed.icon.color + static const TokenColorRole activePressedIconColor = TokenColorRole.onSecondaryContainer; + + /// md.comp.navigation-drawer.active.pressed.label-text.color + static const TokenColorRole activePressedLabelTextColor = TokenColorRole.onSecondaryContainer; + + /// md.comp.navigation-drawer.active.pressed.state-layer.color + static const TokenColorRole activePressedStateLayerColor = TokenColorRole.onSecondaryContainer; + + /// md.comp.navigation-drawer.bottom.container.shape + static const ShapeStruct bottomContainerShape = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 16.00, + topRight: 16.00, + bottomLeft: 0.00, + bottomRight: 0.00, + ); + + /// md.comp.navigation-drawer.container.height + static const double containerHeight = 100.00; /// md.comp.navigation-drawer.container.shape static const ShapeStruct containerShape = ShapeStruct( @@ -38,197 +80,132 @@ class TokenNavigationDrawer { bottomRight: 16.00, ); - /// md.comp.navigation-drawer.focus.indicator.thickness - static const double focusIndicatorThickness = 3.00; - - /// md.comp.navigation-drawer.inactive.pressed.icon.color - static const TokenColorRole inactivePressedIconColor = - TokenColorRole.onSurface; + /// md.comp.navigation-drawer.container.width + static const double containerWidth = 360.00; - /// md.comp.navigation-drawer.active.focus.icon.color - static const TokenColorRole activeFocusIconColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.navigation-drawer.focus.indicator.color + static const TokenColorRole focusIndicatorColor = TokenColorRole.secondary; /// md.comp.navigation-drawer.focus.indicator.outline.offset static const double focusIndicatorOutlineOffset = -3.00; - /// md.comp.navigation-drawer.inactive.pressed.state-layer.color - static const TokenColorRole inactivePressedStateLayerColor = - TokenColorRole.onSecondaryContainer; - - /// md.comp.navigation-drawer.active.focus.state-layer.color - static const TokenColorRole activeFocusStateLayerColor = - TokenColorRole.onSecondaryContainer; - - /// md.comp.navigation-drawer.active-indicator.height - static const double activeIndicatorHeight = 56.00; + /// md.comp.navigation-drawer.focus.indicator.thickness + static const double focusIndicatorThickness = 3.00; /// md.comp.navigation-drawer.focus.state-layer.opacity static const double focusStateLayerOpacity = 0.10; - /// md.comp.navigation-drawer.standard.container.color - static const TokenColorRole standardContainerColor = TokenColorRole.surface; - - /// md.comp.navigation-drawer.active.pressed.icon.color - static const TokenColorRole activePressedIconColor = - TokenColorRole.onSecondaryContainer; - - /// md.comp.navigation-drawer.large-badge-label.type - static const double largeBadgeLabelTypeFontSize = 14.00; - - /// md.comp.navigation-drawer.large-badge-label.type - static const double largeBadgeLabelTypeFontWeight = 500; - - /// md.comp.navigation-drawer.large-badge-label.type - static const double largeBadgeLabelTypeLineHeight = 20.00; - - /// md.comp.navigation-drawer.large-badge-label.type - static const double largeBadgeLabelTypeLetterSpacing = 0.10; - - /// md.comp.navigation-drawer.large-badge-label.type - static const String largeBadgeLabelTypeFontFamily = 'Roboto'; - - /// md.comp.navigation-drawer.hover.state-layer.opacity - static const double hoverStateLayerOpacity = 0.08; - - /// md.comp.navigation-drawer.large-badge-label.font - static const String largeBadgeLabelFont = 'Roboto'; - - /// md.comp.navigation-drawer.container.height - static const double containerHeight = 100.00; + /// md.comp.navigation-drawer.headline.color + static const TokenColorRole headlineColor = TokenColorRole.onSurfaceVariant; /// md.comp.navigation-drawer.headline.font static const String headlineFont = 'Roboto'; - /// md.comp.navigation-drawer.active.hover.label-text.color - static const TokenColorRole activeHoverLabelTextColor = - TokenColorRole.onSecondaryContainer; - - /// md.comp.navigation-drawer.active.pressed.label-text.color - static const TokenColorRole activePressedLabelTextColor = - TokenColorRole.onSecondaryContainer; - - /// md.comp.navigation-drawer.label-text.type - static const double labelTextTypeFontSize = 14.00; - - /// md.comp.navigation-drawer.label-text.type - static const double labelTextTypeFontWeight = 500; + /// md.comp.navigation-drawer.headline.type + static const String headlineTypeFontFamily = 'Roboto'; - /// md.comp.navigation-drawer.label-text.type - static const double labelTextTypeLineHeight = 20.00; + /// md.comp.navigation-drawer.headline.type + static const double headlineTypeFontSize = 14.00; - /// md.comp.navigation-drawer.label-text.type - static const double labelTextTypeLetterSpacing = 0.10; + /// md.comp.navigation-drawer.headline.type + static const double headlineTypeFontWeight = 500; - /// md.comp.navigation-drawer.label-text.type - static const String labelTextTypeFontFamily = 'Roboto'; + /// md.comp.navigation-drawer.headline.type + static const double headlineTypeLetterSpacing = 0.10; - /// md.comp.navigation-drawer.active.hover.state-layer.color - static const TokenColorRole activeHoverStateLayerColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.navigation-drawer.headline.type + static const double headlineTypeLineHeight = 20.00; - /// md.comp.navigation-drawer.active-indicator.shape - static const ShapeStruct activeIndicatorShape = ShapeStruct( - family: 'SHAPE_FAMILY_CIRCULAR', - topLeft: 0.00, - topRight: 0.00, - bottomLeft: 0.00, - bottomRight: 0.00, - ); + /// md.comp.navigation-drawer.hover.state-layer.opacity + static const double hoverStateLayerOpacity = 0.08; /// md.comp.navigation-drawer.icon.size static const double iconSize = 24.00; - /// md.comp.navigation-drawer.active.hover.icon.color - static const TokenColorRole activeHoverIconColor = - TokenColorRole.onSecondaryContainer; - - /// md.comp.navigation-drawer.modal.container.color - static const TokenColorRole modalContainerColor = - TokenColorRole.surfaceContainerLow; + /// md.comp.navigation-drawer.inactive.focus.icon.color + static const TokenColorRole inactiveFocusIconColor = TokenColorRole.onSurface; - /// md.comp.navigation-drawer.active.pressed.state-layer.color - static const TokenColorRole activePressedStateLayerColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.navigation-drawer.inactive.focus.label-text.color + static const TokenColorRole inactiveFocusLabelTextColor = TokenColorRole.onSurface; - /// md.comp.navigation-drawer.pressed.state-layer.opacity - static const double pressedStateLayerOpacity = 0.10; + /// md.comp.navigation-drawer.inactive.focus.state-layer.color + static const TokenColorRole inactiveFocusStateLayerColor = TokenColorRole.onSurface; /// md.comp.navigation-drawer.inactive.hover.icon.color static const TokenColorRole inactiveHoverIconColor = TokenColorRole.onSurface; - /// md.comp.navigation-drawer.inactive.focus.icon.color - static const TokenColorRole inactiveFocusIconColor = TokenColorRole.onSurface; + /// md.comp.navigation-drawer.inactive.hover.label-text.color + static const TokenColorRole inactiveHoverLabelTextColor = TokenColorRole.onSurface; - /// md.comp.navigation-drawer.active-indicator.width - static const double activeIndicatorWidth = 336.00; + /// md.comp.navigation-drawer.inactive.hover.state-layer.color + static const TokenColorRole inactiveHoverStateLayerColor = TokenColorRole.onSurface; - /// md.comp.navigation-drawer.focus.indicator.color - static const TokenColorRole focusIndicatorColor = TokenColorRole.secondary; + /// md.comp.navigation-drawer.inactive.icon.color + static const TokenColorRole inactiveIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.navigation-drawer.inactive.focus.state-layer.color - static const TokenColorRole inactiveFocusStateLayerColor = - TokenColorRole.onSurface; + /// md.comp.navigation-drawer.inactive.label-text.color + static const TokenColorRole inactiveLabelTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.navigation-drawer.bottom.container.shape - static const ShapeStruct bottomContainerShape = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 16.00, - topRight: 16.00, - bottomLeft: 0.00, - bottomRight: 0.00, - ); + /// md.comp.navigation-drawer.inactive.pressed.icon.color + static const TokenColorRole inactivePressedIconColor = TokenColorRole.onSurface; - /// md.comp.navigation-drawer.active.label-text.color - static const TokenColorRole activeLabelTextColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.navigation-drawer.inactive.pressed.label-text.color + static const TokenColorRole inactivePressedLabelTextColor = TokenColorRole.onSurface; - /// md.comp.navigation-drawer.inactive.focus.label-text.color - static const TokenColorRole inactiveFocusLabelTextColor = - TokenColorRole.onSurface; + /// md.comp.navigation-drawer.inactive.pressed.state-layer.color + static const TokenColorRole inactivePressedStateLayerColor = TokenColorRole.onSecondaryContainer; - /// md.comp.navigation-drawer.headline.type - static const double headlineTypeFontSize = 14.00; + /// md.comp.navigation-drawer.label-text.font + static const String labelTextFont = 'Roboto'; - /// md.comp.navigation-drawer.headline.type - static const double headlineTypeFontWeight = 500; + /// md.comp.navigation-drawer.label-text.type + static const String labelTextTypeFontFamily = 'Roboto'; - /// md.comp.navigation-drawer.headline.type - static const double headlineTypeLineHeight = 20.00; + /// md.comp.navigation-drawer.label-text.type + static const double labelTextTypeFontSize = 14.00; - /// md.comp.navigation-drawer.headline.type - static const double headlineTypeLetterSpacing = 0.10; + /// md.comp.navigation-drawer.label-text.type + static const double labelTextTypeFontWeight = 500; - /// md.comp.navigation-drawer.headline.type - static const String headlineTypeFontFamily = 'Roboto'; + /// md.comp.navigation-drawer.label-text.type + static const double labelTextTypeLetterSpacing = 0.10; - /// md.comp.navigation-drawer.inactive.icon.color - static const TokenColorRole inactiveIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.navigation-drawer.label-text.type + static const double labelTextTypeLineHeight = 20.00; /// md.comp.navigation-drawer.large-badge-label.color - static const TokenColorRole largeBadgeLabelColor = - TokenColorRole.onSurfaceVariant; + static const TokenColorRole largeBadgeLabelColor = TokenColorRole.onSurfaceVariant; - /// md.comp.navigation-drawer.inactive.label-text.color - static const TokenColorRole inactiveLabelTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.navigation-drawer.large-badge-label.font + static const String largeBadgeLabelFont = 'Roboto'; - /// md.comp.navigation-drawer.inactive.hover.state-layer.color - static const TokenColorRole inactiveHoverStateLayerColor = - TokenColorRole.onSurface; + /// md.comp.navigation-drawer.large-badge-label.type + static const String largeBadgeLabelTypeFontFamily = 'Roboto'; - /// md.comp.navigation-drawer.label-text.font - static const String labelTextFont = 'Roboto'; + /// md.comp.navigation-drawer.large-badge-label.type + static const double largeBadgeLabelTypeFontSize = 14.00; - /// md.comp.navigation-drawer.headline.color - static const TokenColorRole headlineColor = TokenColorRole.onSurfaceVariant; + /// md.comp.navigation-drawer.large-badge-label.type + static const double largeBadgeLabelTypeFontWeight = 500; - /// md.comp.navigation-drawer.inactive.hover.label-text.color - static const TokenColorRole inactiveHoverLabelTextColor = - TokenColorRole.onSurface; + /// md.comp.navigation-drawer.large-badge-label.type + static const double largeBadgeLabelTypeLetterSpacing = 0.10; - /// md.comp.navigation-drawer.active-indicator.color - static const TokenColorRole activeIndicatorColor = - TokenColorRole.secondaryContainer; + /// md.comp.navigation-drawer.large-badge-label.type + static const double largeBadgeLabelTypeLineHeight = 20.00; + + /// md.comp.navigation-drawer.modal.container.color + static const TokenColorRole modalContainerColor = TokenColorRole.surfaceContainerLow; + + /// md.comp.navigation-drawer.modal.container.elevation + static const double modalContainerElevation = 1.00; + + /// md.comp.navigation-drawer.pressed.state-layer.opacity + static const double pressedStateLayerOpacity = 0.10; + + /// md.comp.navigation-drawer.standard.container.color + static const TokenColorRole standardContainerColor = TokenColorRole.surface; + + /// md.comp.navigation-drawer.standard.container.elevation + static const double standardContainerElevation = 0.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/navigation_rail.dart b/packages/material_ui/tool/gen_defaults/data/navigation_rail.dart index d36ff6f488d8..33f20097b5cc 100644 --- a/packages/material_ui/tool/gen_defaults/data/navigation_rail.dart +++ b/packages/material_ui/tool/gen_defaults/data/navigation_rail.dart @@ -8,56 +8,32 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenNavigationRail { - /// md.comp.navigation-rail.inactive.pressed.icon.color - static const TokenColorRole inactivePressedIconColor = - TokenColorRole.onSurface; + /// md.comp.navigation-rail.active.focus.icon.color + static const TokenColorRole activeFocusIconColor = TokenColorRole.onSecondaryContainer; - /// md.comp.navigation-rail.label-text.font - static const String labelTextFont = 'Roboto'; + /// md.comp.navigation-rail.active.focus.label-text.color + static const TokenColorRole activeFocusLabelTextColor = TokenColorRole.onSurface; - /// md.comp.navigation-rail.icon.size - static const double iconSize = 24.00; + /// md.comp.navigation-rail.active.focus.state-layer.color + static const TokenColorRole activeFocusStateLayerColor = TokenColorRole.onSurface; - /// md.comp.navigation-rail.active-indicator.width - static const double activeIndicatorWidth = 56.00; + /// md.comp.navigation-rail.active.hover.icon.color + static const TokenColorRole activeHoverIconColor = TokenColorRole.onSecondaryContainer; - /// md.comp.navigation-rail.inactive.focus.icon.color - static const TokenColorRole inactiveFocusIconColor = TokenColorRole.onSurface; + /// md.comp.navigation-rail.active.hover.label-text.color + static const TokenColorRole activeHoverLabelTextColor = TokenColorRole.onSurface; /// md.comp.navigation-rail.active.hover.state-layer.color - static const TokenColorRole activeHoverStateLayerColor = - TokenColorRole.onSurface; - - /// md.comp.navigation-rail.inactive.hover.state-layer.color - static const TokenColorRole inactiveHoverStateLayerColor = - TokenColorRole.onSurface; + static const TokenColorRole activeHoverStateLayerColor = TokenColorRole.onSurface; - /// md.comp.navigation-rail.hover.state-layer.opacity - static const double hoverStateLayerOpacity = 0.08; - - /// md.comp.navigation-rail.active.pressed.state-layer.color - static const TokenColorRole activePressedStateLayerColor = - TokenColorRole.onSurface; - - /// md.comp.navigation-rail.inactive.pressed.label-text.color - static const TokenColorRole inactivePressedLabelTextColor = - TokenColorRole.onSurface; - - /// md.comp.navigation-rail.inactive.focus.state-layer.color - static const TokenColorRole inactiveFocusStateLayerColor = - TokenColorRole.onSurface; - - /// md.comp.navigation-rail.active.pressed.label-text.color - static const TokenColorRole activePressedLabelTextColor = - TokenColorRole.onSurface; + /// md.comp.navigation-rail.active.icon.color + static const TokenColorRole activeIconColor = TokenColorRole.onSecondaryContainer; - /// md.comp.navigation-rail.active.hover.icon.color - static const TokenColorRole activeHoverIconColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.navigation-rail.active-indicator.color + static const TokenColorRole activeIndicatorColor = TokenColorRole.secondaryContainer; - /// md.comp.navigation-rail.inactive.hover.label-text.color - static const TokenColorRole inactiveHoverLabelTextColor = - TokenColorRole.onSurface; + /// md.comp.navigation-rail.active-indicator.height + static const double activeIndicatorHeight = 32.00; /// md.comp.navigation-rail.active-indicator.shape static const ShapeStruct activeIndicatorShape = ShapeStruct( @@ -68,107 +44,111 @@ class TokenNavigationRail { bottomRight: 0.00, ); - /// md.comp.navigation-rail.active.hover.label-text.color - static const TokenColorRole activeHoverLabelTextColor = - TokenColorRole.onSurface; - - /// md.comp.navigation-rail.inactive.pressed.state-layer.color - static const TokenColorRole inactivePressedStateLayerColor = - TokenColorRole.onSurface; - - /// md.comp.navigation-rail.active.focus.state-layer.color - static const TokenColorRole activeFocusStateLayerColor = - TokenColorRole.onSurface; - - /// md.comp.navigation-rail.active.focus.icon.color - static const TokenColorRole activeFocusIconColor = - TokenColorRole.onSecondaryContainer; - - /// md.comp.navigation-rail.focus.state-layer.opacity - static const double focusStateLayerOpacity = 0.10; - - /// md.comp.navigation-rail.container.width - static const double containerWidth = 80.00; - - /// md.comp.navigation-rail.pressed.state-layer.opacity - static const double pressedStateLayerOpacity = 0.10; + /// md.comp.navigation-rail.active-indicator.width + static const double activeIndicatorWidth = 56.00; /// md.comp.navigation-rail.active.label-text.color static const TokenColorRole activeLabelTextColor = TokenColorRole.onSurface; - /// md.comp.navigation-rail.active-indicator.color - static const TokenColorRole activeIndicatorColor = - TokenColorRole.secondaryContainer; + /// md.comp.navigation-rail.active.pressed.icon.color + static const TokenColorRole activePressedIconColor = TokenColorRole.onSecondaryContainer; + + /// md.comp.navigation-rail.active.pressed.label-text.color + static const TokenColorRole activePressedLabelTextColor = TokenColorRole.onSurface; + + /// md.comp.navigation-rail.active.pressed.state-layer.color + static const TokenColorRole activePressedStateLayerColor = TokenColorRole.onSurface; /// md.comp.navigation-rail.container.color static const TokenColorRole containerColor = TokenColorRole.surface; - /// md.comp.navigation-rail.active.pressed.icon.color - static const TokenColorRole activePressedIconColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.navigation-rail.container.elevation + static const double containerElevation = 0.00; - /// md.comp.navigation-rail.no-label.active-indicator.shape - static const ShapeStruct noLabelActiveIndicatorShape = ShapeStruct( - family: 'SHAPE_FAMILY_CIRCULAR', + /// md.comp.navigation-rail.container.shape + static const ShapeStruct containerShape = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', topLeft: 0.00, topRight: 0.00, bottomLeft: 0.00, bottomRight: 0.00, ); - /// md.comp.navigation-rail.active.icon.color - static const TokenColorRole activeIconColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.navigation-rail.container.width + static const double containerWidth = 80.00; - /// md.comp.navigation-rail.no-label.active-indicator.height - static const double noLabelActiveIndicatorHeight = 56.00; + /// md.comp.navigation-rail.focus.state-layer.opacity + static const double focusStateLayerOpacity = 0.10; - /// md.comp.navigation-rail.container.elevation - static const double containerElevation = 0.00; + /// md.comp.navigation-rail.hover.state-layer.opacity + static const double hoverStateLayerOpacity = 0.08; - /// md.comp.navigation-rail.active-indicator.height - static const double activeIndicatorHeight = 32.00; + /// md.comp.navigation-rail.icon.size + static const double iconSize = 24.00; + + /// md.comp.navigation-rail.inactive.focus.icon.color + static const TokenColorRole inactiveFocusIconColor = TokenColorRole.onSurface; + + /// md.comp.navigation-rail.inactive.focus.label-text.color + static const TokenColorRole inactiveFocusLabelTextColor = TokenColorRole.onSurface; + + /// md.comp.navigation-rail.inactive.focus.state-layer.color + static const TokenColorRole inactiveFocusStateLayerColor = TokenColorRole.onSurface; /// md.comp.navigation-rail.inactive.hover.icon.color static const TokenColorRole inactiveHoverIconColor = TokenColorRole.onSurface; + /// md.comp.navigation-rail.inactive.hover.label-text.color + static const TokenColorRole inactiveHoverLabelTextColor = TokenColorRole.onSurface; + + /// md.comp.navigation-rail.inactive.hover.state-layer.color + static const TokenColorRole inactiveHoverStateLayerColor = TokenColorRole.onSurface; + + /// md.comp.navigation-rail.inactive.icon.color + static const TokenColorRole inactiveIconColor = TokenColorRole.onSurfaceVariant; + /// md.comp.navigation-rail.inactive.label-text.color - static const TokenColorRole inactiveLabelTextColor = - TokenColorRole.onSurfaceVariant; + static const TokenColorRole inactiveLabelTextColor = TokenColorRole.onSurfaceVariant; + + /// md.comp.navigation-rail.inactive.pressed.icon.color + static const TokenColorRole inactivePressedIconColor = TokenColorRole.onSurface; + + /// md.comp.navigation-rail.inactive.pressed.label-text.color + static const TokenColorRole inactivePressedLabelTextColor = TokenColorRole.onSurface; + + /// md.comp.navigation-rail.inactive.pressed.state-layer.color + static const TokenColorRole inactivePressedStateLayerColor = TokenColorRole.onSurface; + + /// md.comp.navigation-rail.label-text.font + static const String labelTextFont = 'Roboto'; /// md.comp.navigation-rail.label-text.type - static const double labelTextTypeFontSize = 12.00; + static const String labelTextTypeFontFamily = 'Roboto'; /// md.comp.navigation-rail.label-text.type - static const double labelTextTypeFontWeight = 500; + static const double labelTextTypeFontSize = 12.00; /// md.comp.navigation-rail.label-text.type - static const double labelTextTypeLineHeight = 16.00; + static const double labelTextTypeFontWeight = 500; /// md.comp.navigation-rail.label-text.type static const double labelTextTypeLetterSpacing = 0.50; /// md.comp.navigation-rail.label-text.type - static const String labelTextTypeFontFamily = 'Roboto'; + static const double labelTextTypeLineHeight = 16.00; - /// md.comp.navigation-rail.active.focus.label-text.color - static const TokenColorRole activeFocusLabelTextColor = - TokenColorRole.onSurface; + /// md.comp.navigation-rail.no-label.active-indicator.height + static const double noLabelActiveIndicatorHeight = 56.00; - /// md.comp.navigation-rail.container.shape - static const ShapeStruct containerShape = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + /// md.comp.navigation-rail.no-label.active-indicator.shape + static const ShapeStruct noLabelActiveIndicatorShape = ShapeStruct( + family: 'SHAPE_FAMILY_CIRCULAR', topLeft: 0.00, topRight: 0.00, bottomLeft: 0.00, bottomRight: 0.00, ); - /// md.comp.navigation-rail.inactive.focus.label-text.color - static const TokenColorRole inactiveFocusLabelTextColor = - TokenColorRole.onSurface; - - /// md.comp.navigation-rail.inactive.icon.color - static const TokenColorRole inactiveIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.navigation-rail.pressed.state-layer.opacity + static const double pressedStateLayerOpacity = 0.10; } diff --git a/packages/material_ui/tool/gen_defaults/data/outlined_autocomplete.dart b/packages/material_ui/tool/gen_defaults/data/outlined_autocomplete.dart index 21e3eb5f1fac..f69894aa35bf 100644 --- a/packages/material_ui/tool/gen_defaults/data/outlined_autocomplete.dart +++ b/packages/material_ui/tool/gen_defaults/data/outlined_autocomplete.dart @@ -8,319 +8,274 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenOutlinedAutocomplete { - /// md.comp.outlined-autocomplete.text-field.error.supporting-text.color - static const TokenColorRole textFieldErrorSupportingTextColor = - TokenColorRole.error; - - /// md.comp.outlined-autocomplete.text-field.input-text.color - static const TokenColorRole textFieldInputTextColor = - TokenColorRole.onSurface; - - /// md.comp.outlined-autocomplete.text-field.hover.trailing-icon.color - static const TokenColorRole textFieldHoverTrailingIconColor = - TokenColorRole.onSurfaceVariant; - - /// md.comp.outlined-autocomplete.text-field.hover.outline.color - static const TokenColorRole textFieldHoverOutlineColor = - TokenColorRole.onSurface; - - /// md.comp.outlined-autocomplete.text-field.supporting-text.font - static const String textFieldSupportingTextFont = 'Roboto'; - - /// md.comp.outlined-autocomplete.text-field.outline.color - static const TokenColorRole textFieldOutlineColor = TokenColorRole.outline; - - /// md.comp.outlined-autocomplete.text-field.hover.outline.width - static const double textFieldHoverOutlineWidth = 1.00; + /// md.comp.outlined-autocomplete.menu.cascading-menu-indicator.icon.color + static const TokenColorRole menuCascadingMenuIndicatorIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.outlined-autocomplete.text-field.label-text.type - static const double textFieldLabelTextTypeFontSize = 16.00; + /// md.comp.outlined-autocomplete.menu.cascading-menu-indicator.icon.size + static const double menuCascadingMenuIndicatorIconSize = 24.00; - /// md.comp.outlined-autocomplete.text-field.label-text.type - static const double textFieldLabelTextTypeFontWeight = 400; + /// md.comp.outlined-autocomplete.menu.container.color + static const TokenColorRole menuContainerColor = TokenColorRole.surfaceContainer; - /// md.comp.outlined-autocomplete.text-field.label-text.type - static const double textFieldLabelTextTypeLineHeight = 24.00; + /// md.comp.outlined-autocomplete.menu.container.elevation + static const double menuContainerElevation = 3.00; - /// md.comp.outlined-autocomplete.text-field.label-text.type - static const double textFieldLabelTextTypeLetterSpacing = 0.50; + /// md.comp.outlined-autocomplete.menu.container.shadow-color + static const TokenColorRole menuContainerShadowColor = TokenColorRole.shadow; - /// md.comp.outlined-autocomplete.text-field.label-text.type - static const String textFieldLabelTextTypeFontFamily = 'Roboto'; + /// md.comp.outlined-autocomplete.menu.container.shape + static const ShapeStruct menuContainerShape = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 4.00, + topRight: 4.00, + bottomLeft: 4.00, + bottomRight: 4.00, + ); - /// md.comp.outlined-autocomplete.text-field.input-text.type - static const double textFieldInputTextTypeFontSize = 16.00; + /// md.comp.outlined-autocomplete.text-field.caret.color + static const TokenColorRole textFieldCaretColor = TokenColorRole.primary; - /// md.comp.outlined-autocomplete.text-field.input-text.type - static const double textFieldInputTextTypeFontWeight = 400; + /// md.comp.outlined-autocomplete.text-field.container.color + static const TokenColorRole textFieldContainerColor = TokenColorRole.surfaceContainerHighest; - /// md.comp.outlined-autocomplete.text-field.input-text.type - static const double textFieldInputTextTypeLineHeight = 24.00; + /// md.comp.outlined-autocomplete.text-field.container.shape + static const ShapeStruct textFieldContainerShape = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 4.00, + topRight: 4.00, + bottomLeft: 4.00, + bottomRight: 4.00, + ); - /// md.comp.outlined-autocomplete.text-field.input-text.type - static const double textFieldInputTextTypeLetterSpacing = 0.50; + /// md.comp.outlined-autocomplete.text-field.disabled.input-text.color + static const TokenColorRole textFieldDisabledInputTextColor = TokenColorRole.onSurface; - /// md.comp.outlined-autocomplete.text-field.input-text.type - static const String textFieldInputTextTypeFontFamily = 'Roboto'; + /// md.comp.outlined-autocomplete.text-field.disabled.input-text.opacity + static const double textFieldDisabledInputTextOpacity = 0.38; - /// md.comp.outlined-autocomplete.text-field.error.hover.leading-icon.color - static const TokenColorRole textFieldErrorHoverLeadingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.outlined-autocomplete.text-field.disabled.label-text.color + static const TokenColorRole textFieldDisabledLabelTextColor = TokenColorRole.onSurface; - /// md.comp.outlined-autocomplete.text-field.error.hover.state-layer.color - static const TokenColorRole textFieldErrorHoverStateLayerColor = - TokenColorRole.onSurface; + /// md.comp.outlined-autocomplete.text-field.disabled.label-text.opacity + static const double textFieldDisabledLabelTextOpacity = 0.38; /// md.comp.outlined-autocomplete.text-field.disabled.leading-icon.color - static const TokenColorRole textFieldDisabledLeadingIconColor = - TokenColorRole.onSurface; + static const TokenColorRole textFieldDisabledLeadingIconColor = TokenColorRole.onSurface; - /// md.comp.outlined-autocomplete.text-field.hover.leading-icon.color - static const TokenColorRole textFieldHoverLeadingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.outlined-autocomplete.text-field.disabled.leading-icon.opacity + static const double textFieldDisabledLeadingIconOpacity = 0.38; + + /// md.comp.outlined-autocomplete.text-field.disabled.outline.color + static const TokenColorRole textFieldDisabledOutlineColor = TokenColorRole.onSurface; /// md.comp.outlined-autocomplete.text-field.disabled.outline.opacity static const double textFieldDisabledOutlineOpacity = 0.12; - /// md.comp.outlined-autocomplete.text-field.error.focus.outline.color - static const TokenColorRole textFieldErrorFocusOutlineColor = - TokenColorRole.error; - - /// md.comp.outlined-autocomplete.text-field.error.focus.supporting-text.color - static const TokenColorRole textFieldErrorFocusSupportingTextColor = - TokenColorRole.error; - - /// md.comp.outlined-autocomplete.text-field.error.focus.trailing-icon.color - static const TokenColorRole textFieldErrorFocusTrailingIconColor = - TokenColorRole.error; - /// md.comp.outlined-autocomplete.text-field.disabled.outline.width static const double textFieldDisabledOutlineWidth = 1.00; - /// md.comp.outlined-autocomplete.text-field.outline.width - static const double textFieldOutlineWidth = 1.00; - - /// md.comp.outlined-autocomplete.text-field.hover.input-text.color - static const TokenColorRole textFieldHoverInputTextColor = - TokenColorRole.onSurface; - /// md.comp.outlined-autocomplete.text-field.disabled.supporting-text.color - static const TokenColorRole textFieldDisabledSupportingTextColor = - TokenColorRole.onSurface; + static const TokenColorRole textFieldDisabledSupportingTextColor = TokenColorRole.onSurface; - /// md.comp.outlined-autocomplete.menu.container.color - static const TokenColorRole menuContainerColor = - TokenColorRole.surfaceContainer; + /// md.comp.outlined-autocomplete.text-field.disabled.supporting-text.opacity + static const double textFieldDisabledSupportingTextOpacity = 0.38; - /// md.comp.outlined-autocomplete.text-field.error.outline.color - static const TokenColorRole textFieldErrorOutlineColor = TokenColorRole.error; + /// md.comp.outlined-autocomplete.text-field.disabled.trailing-icon.color + static const TokenColorRole textFieldDisabledTrailingIconColor = TokenColorRole.onSurface; - /// md.comp.outlined-autocomplete.text-field.error.hover.outline.color - static const TokenColorRole textFieldErrorHoverOutlineColor = - TokenColorRole.onErrorContainer; + /// md.comp.outlined-autocomplete.text-field.disabled.trailing-icon.opacity + static const double textFieldDisabledTrailingIconOpacity = 0.38; - /// md.comp.outlined-autocomplete.text-field.container.color - static const TokenColorRole textFieldContainerColor = - TokenColorRole.surfaceContainerHighest; + /// md.comp.outlined-autocomplete.text-field.error.focus.caret.color + static const TokenColorRole textFieldErrorFocusCaretColor = TokenColorRole.error; - /// md.comp.outlined-autocomplete.text-field.disabled.leading-icon.opacity - static const double textFieldDisabledLeadingIconOpacity = 0.38; + /// md.comp.outlined-autocomplete.text-field.error.focus.input-text.color + static const TokenColorRole textFieldErrorFocusInputTextColor = TokenColorRole.onSurface; - /// md.comp.outlined-autocomplete.text-field.focus.input-text.color - static const TokenColorRole textFieldFocusInputTextColor = - TokenColorRole.onSurface; + /// md.comp.outlined-autocomplete.text-field.error.focus.label-text.color + static const TokenColorRole textFieldErrorFocusLabelTextColor = TokenColorRole.error; - /// md.comp.outlined-autocomplete.text-field.disabled.trailing-icon.color - static const TokenColorRole textFieldDisabledTrailingIconColor = - TokenColorRole.onSurface; + /// md.comp.outlined-autocomplete.text-field.error.focus.leading-icon.color + static const TokenColorRole textFieldErrorFocusLeadingIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.outlined-autocomplete.text-field.disabled.input-text.opacity - static const double textFieldDisabledInputTextOpacity = 0.38; + /// md.comp.outlined-autocomplete.text-field.error.focus.outline.color + static const TokenColorRole textFieldErrorFocusOutlineColor = TokenColorRole.error; - /// md.comp.outlined-autocomplete.text-field.input-text.font - static const String textFieldInputTextFont = 'Roboto'; + /// md.comp.outlined-autocomplete.text-field.error.focus.supporting-text.color + static const TokenColorRole textFieldErrorFocusSupportingTextColor = TokenColorRole.error; - /// md.comp.outlined-autocomplete.text-field.focus.label-text.color - static const TokenColorRole textFieldFocusLabelTextColor = - TokenColorRole.primary; + /// md.comp.outlined-autocomplete.text-field.error.focus.trailing-icon.color + static const TokenColorRole textFieldErrorFocusTrailingIconColor = TokenColorRole.error; - /// md.comp.outlined-autocomplete.text-field.disabled.label-text.color - static const TokenColorRole textFieldDisabledLabelTextColor = - TokenColorRole.onSurface; + /// md.comp.outlined-autocomplete.text-field.error.hover.input-text.color + static const TokenColorRole textFieldErrorHoverInputTextColor = TokenColorRole.onSurface; - /// md.comp.outlined-autocomplete.text-field.hover.state-layer.color - static const TokenColorRole textFieldHoverStateLayerColor = - TokenColorRole.onSurface; + /// md.comp.outlined-autocomplete.text-field.error.hover.label-text.color + static const TokenColorRole textFieldErrorHoverLabelTextColor = TokenColorRole.onErrorContainer; - /// md.comp.outlined-autocomplete.text-field.error.focus.leading-icon.color - static const TokenColorRole textFieldErrorFocusLeadingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.outlined-autocomplete.text-field.error.hover.leading-icon.color + static const TokenColorRole textFieldErrorHoverLeadingIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.outlined-autocomplete.text-field.focus.trailing-icon.color - static const TokenColorRole textFieldFocusTrailingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.outlined-autocomplete.text-field.error.hover.outline.color + static const TokenColorRole textFieldErrorHoverOutlineColor = TokenColorRole.onErrorContainer; - /// md.comp.outlined-autocomplete.text-field.leading-icon.color - static const TokenColorRole textFieldLeadingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.outlined-autocomplete.text-field.error.hover.state-layer.color + static const TokenColorRole textFieldErrorHoverStateLayerColor = TokenColorRole.onSurface; - /// md.comp.outlined-autocomplete.text-field.error.focus.caret.color - static const TokenColorRole textFieldErrorFocusCaretColor = - TokenColorRole.error; + /// md.comp.outlined-autocomplete.text-field.error.hover.state-layer.opacity + static const double textFieldErrorHoverStateLayerOpacity = 0.08; - /// md.comp.outlined-autocomplete.text-field.supporting-text.type - static const double textFieldSupportingTextTypeFontSize = 12.00; + /// md.comp.outlined-autocomplete.text-field.error.hover.supporting-text.color + static const TokenColorRole textFieldErrorHoverSupportingTextColor = TokenColorRole.error; - /// md.comp.outlined-autocomplete.text-field.supporting-text.type - static const double textFieldSupportingTextTypeFontWeight = 400; + /// md.comp.outlined-autocomplete.text-field.error.hover.trailing-icon.color + static const TokenColorRole textFieldErrorHoverTrailingIconColor = + TokenColorRole.onErrorContainer; - /// md.comp.outlined-autocomplete.text-field.supporting-text.type - static const double textFieldSupportingTextTypeLineHeight = 16.00; + /// md.comp.outlined-autocomplete.text-field.error.input-text.color + static const TokenColorRole textFieldErrorInputTextColor = TokenColorRole.onSurface; - /// md.comp.outlined-autocomplete.text-field.supporting-text.type - static const double textFieldSupportingTextTypeLetterSpacing = 0.40; + /// md.comp.outlined-autocomplete.text-field.error.label-text.color + static const TokenColorRole textFieldErrorLabelTextColor = TokenColorRole.error; - /// md.comp.outlined-autocomplete.text-field.supporting-text.type - static const String textFieldSupportingTextTypeFontFamily = 'Roboto'; + /// md.comp.outlined-autocomplete.text-field.error.leading-icon.color + static const TokenColorRole textFieldErrorLeadingIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.outlined-autocomplete.text-field.supporting-text.color - static const TokenColorRole textFieldSupportingTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.outlined-autocomplete.text-field.error.outline.color + static const TokenColorRole textFieldErrorOutlineColor = TokenColorRole.error; - /// md.comp.outlined-autocomplete.text-field.disabled.input-text.color - static const TokenColorRole textFieldDisabledInputTextColor = - TokenColorRole.onSurface; + /// md.comp.outlined-autocomplete.text-field.error.supporting-text.color + static const TokenColorRole textFieldErrorSupportingTextColor = TokenColorRole.error; - /// md.comp.outlined-autocomplete.text-field.error.focus.input-text.color - static const TokenColorRole textFieldErrorFocusInputTextColor = - TokenColorRole.onSurface; + /// md.comp.outlined-autocomplete.text-field.error.trailing-icon.color + static const TokenColorRole textFieldErrorTrailingIconColor = TokenColorRole.error; - /// md.comp.outlined-autocomplete.text-field.disabled.trailing-icon.opacity - static const double textFieldDisabledTrailingIconOpacity = 0.38; + /// md.comp.outlined-autocomplete.text-field.focus.input-text.color + static const TokenColorRole textFieldFocusInputTextColor = TokenColorRole.onSurface; - /// md.comp.outlined-autocomplete.text-field.error.hover.input-text.color - static const TokenColorRole textFieldErrorHoverInputTextColor = - TokenColorRole.onSurface; + /// md.comp.outlined-autocomplete.text-field.focus.label-text.color + static const TokenColorRole textFieldFocusLabelTextColor = TokenColorRole.primary; - /// md.comp.outlined-autocomplete.text-field.label-text.font - static const String textFieldLabelTextFont = 'Roboto'; + /// md.comp.outlined-autocomplete.text-field.focus.leading-icon.color + static const TokenColorRole textFieldFocusLeadingIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.outlined-autocomplete.text-field.trailing-icon.size - static const double textFieldTrailingIconSize = 24.00; + /// md.comp.outlined-autocomplete.text-field.focus.outline.color + static const TokenColorRole textFieldFocusOutlineColor = TokenColorRole.primary; - /// md.comp.outlined-autocomplete.text-field.disabled.supporting-text.opacity - static const double textFieldDisabledSupportingTextOpacity = 0.38; + /// md.comp.outlined-autocomplete.text-field.focus.outline.width + static const double textFieldFocusOutlineWidth = 2.00; /// md.comp.outlined-autocomplete.text-field.focus.supporting-text.color - static const TokenColorRole textFieldFocusSupportingTextColor = - TokenColorRole.onSurfaceVariant; + static const TokenColorRole textFieldFocusSupportingTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.outlined-autocomplete.text-field.error.trailing-icon.color - static const TokenColorRole textFieldErrorTrailingIconColor = - TokenColorRole.error; + /// md.comp.outlined-autocomplete.text-field.focus.trailing-icon.color + static const TokenColorRole textFieldFocusTrailingIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.outlined-autocomplete.text-field.error.hover.state-layer.opacity - static const double textFieldErrorHoverStateLayerOpacity = 0.08; + /// md.comp.outlined-autocomplete.text-field.hover.input-text.color + static const TokenColorRole textFieldHoverInputTextColor = TokenColorRole.onSurface; - /// md.comp.outlined-autocomplete.menu.container.shape - static const ShapeStruct menuContainerShape = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 4.00, - topRight: 4.00, - bottomLeft: 4.00, - bottomRight: 4.00, - ); + /// md.comp.outlined-autocomplete.text-field.hover.label-text.color + static const TokenColorRole textFieldHoverLabelTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.outlined-autocomplete.text-field.focus.leading-icon.color - static const TokenColorRole textFieldFocusLeadingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.outlined-autocomplete.text-field.hover.leading-icon.color + static const TokenColorRole textFieldHoverLeadingIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.outlined-autocomplete.menu.cascading-menu-indicator.icon.size - static const double menuCascadingMenuIndicatorIconSize = 24.00; + /// md.comp.outlined-autocomplete.text-field.hover.outline.color + static const TokenColorRole textFieldHoverOutlineColor = TokenColorRole.onSurface; - /// md.comp.outlined-autocomplete.text-field.error.focus.label-text.color - static const TokenColorRole textFieldErrorFocusLabelTextColor = - TokenColorRole.error; + /// md.comp.outlined-autocomplete.text-field.hover.outline.width + static const double textFieldHoverOutlineWidth = 1.00; + + /// md.comp.outlined-autocomplete.text-field.hover.state-layer.color + static const TokenColorRole textFieldHoverStateLayerColor = TokenColorRole.onSurface; /// md.comp.outlined-autocomplete.text-field.hover.state-layer.opacity static const double textFieldHoverStateLayerOpacity = 0.08; - /// md.comp.outlined-autocomplete.text-field.error.hover.supporting-text.color - static const TokenColorRole textFieldErrorHoverSupportingTextColor = - TokenColorRole.error; + /// md.comp.outlined-autocomplete.text-field.hover.supporting-text.color + static const TokenColorRole textFieldHoverSupportingTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.outlined-autocomplete.menu.container.shadow-color - static const TokenColorRole menuContainerShadowColor = TokenColorRole.shadow; + /// md.comp.outlined-autocomplete.text-field.hover.trailing-icon.color + static const TokenColorRole textFieldHoverTrailingIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.outlined-autocomplete.text-field.caret.color - static const TokenColorRole textFieldCaretColor = TokenColorRole.primary; + /// md.comp.outlined-autocomplete.text-field.input-text.color + static const TokenColorRole textFieldInputTextColor = TokenColorRole.onSurface; - /// md.comp.outlined-autocomplete.text-field.focus.outline.width - static const double textFieldFocusOutlineWidth = 2.00; + /// md.comp.outlined-autocomplete.text-field.input-text.font + static const String textFieldInputTextFont = 'Roboto'; - /// md.comp.outlined-autocomplete.text-field.error.leading-icon.color - static const TokenColorRole textFieldErrorLeadingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.outlined-autocomplete.text-field.input-text.type + static const String textFieldInputTextTypeFontFamily = 'Roboto'; - /// md.comp.outlined-autocomplete.text-field.container.shape - static const ShapeStruct textFieldContainerShape = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 4.00, - topRight: 4.00, - bottomLeft: 4.00, - bottomRight: 4.00, - ); + /// md.comp.outlined-autocomplete.text-field.input-text.type + static const double textFieldInputTextTypeFontSize = 16.00; - /// md.comp.outlined-autocomplete.text-field.hover.supporting-text.color - static const TokenColorRole textFieldHoverSupportingTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.outlined-autocomplete.text-field.input-text.type + static const double textFieldInputTextTypeFontWeight = 400; - /// md.comp.outlined-autocomplete.text-field.hover.label-text.color - static const TokenColorRole textFieldHoverLabelTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.outlined-autocomplete.text-field.input-text.type + static const double textFieldInputTextTypeLetterSpacing = 0.50; - /// md.comp.outlined-autocomplete.text-field.disabled.outline.color - static const TokenColorRole textFieldDisabledOutlineColor = - TokenColorRole.onSurface; + /// md.comp.outlined-autocomplete.text-field.input-text.type + static const double textFieldInputTextTypeLineHeight = 24.00; - /// md.comp.outlined-autocomplete.text-field.error.label-text.color - static const TokenColorRole textFieldErrorLabelTextColor = - TokenColorRole.error; + /// md.comp.outlined-autocomplete.text-field.label-text.color + static const TokenColorRole textFieldLabelTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.outlined-autocomplete.menu.cascading-menu-indicator.icon.color - static const TokenColorRole menuCascadingMenuIndicatorIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.outlined-autocomplete.text-field.label-text.font + static const String textFieldLabelTextFont = 'Roboto'; - /// md.comp.outlined-autocomplete.text-field.focus.outline.color - static const TokenColorRole textFieldFocusOutlineColor = - TokenColorRole.primary; + /// md.comp.outlined-autocomplete.text-field.label-text.type + static const String textFieldLabelTextTypeFontFamily = 'Roboto'; - /// md.comp.outlined-autocomplete.text-field.error.hover.label-text.color - static const TokenColorRole textFieldErrorHoverLabelTextColor = - TokenColorRole.onErrorContainer; + /// md.comp.outlined-autocomplete.text-field.label-text.type + static const double textFieldLabelTextTypeFontSize = 16.00; - /// md.comp.outlined-autocomplete.menu.container.elevation - static const double menuContainerElevation = 3.00; + /// md.comp.outlined-autocomplete.text-field.label-text.type + static const double textFieldLabelTextTypeFontWeight = 400; + + /// md.comp.outlined-autocomplete.text-field.label-text.type + static const double textFieldLabelTextTypeLetterSpacing = 0.50; + + /// md.comp.outlined-autocomplete.text-field.label-text.type + static const double textFieldLabelTextTypeLineHeight = 24.00; + + /// md.comp.outlined-autocomplete.text-field.leading-icon.color + static const TokenColorRole textFieldLeadingIconColor = TokenColorRole.onSurfaceVariant; /// md.comp.outlined-autocomplete.text-field.leading-icon.size static const double textFieldLeadingIconSize = 24.00; - /// md.comp.outlined-autocomplete.text-field.label-text.color - static const TokenColorRole textFieldLabelTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.outlined-autocomplete.text-field.outline.color + static const TokenColorRole textFieldOutlineColor = TokenColorRole.outline; - /// md.comp.outlined-autocomplete.text-field.trailing-icon.color - static const TokenColorRole textFieldTrailingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.outlined-autocomplete.text-field.outline.width + static const double textFieldOutlineWidth = 1.00; - /// md.comp.outlined-autocomplete.text-field.error.hover.trailing-icon.color - static const TokenColorRole textFieldErrorHoverTrailingIconColor = - TokenColorRole.onErrorContainer; + /// md.comp.outlined-autocomplete.text-field.supporting-text.color + static const TokenColorRole textFieldSupportingTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.outlined-autocomplete.text-field.disabled.label-text.opacity - static const double textFieldDisabledLabelTextOpacity = 0.38; + /// md.comp.outlined-autocomplete.text-field.supporting-text.font + static const String textFieldSupportingTextFont = 'Roboto'; - /// md.comp.outlined-autocomplete.text-field.error.input-text.color - static const TokenColorRole textFieldErrorInputTextColor = - TokenColorRole.onSurface; + /// md.comp.outlined-autocomplete.text-field.supporting-text.type + static const String textFieldSupportingTextTypeFontFamily = 'Roboto'; + + /// md.comp.outlined-autocomplete.text-field.supporting-text.type + static const double textFieldSupportingTextTypeFontSize = 12.00; + + /// md.comp.outlined-autocomplete.text-field.supporting-text.type + static const double textFieldSupportingTextTypeFontWeight = 400; + + /// md.comp.outlined-autocomplete.text-field.supporting-text.type + static const double textFieldSupportingTextTypeLetterSpacing = 0.40; + + /// md.comp.outlined-autocomplete.text-field.supporting-text.type + static const double textFieldSupportingTextTypeLineHeight = 16.00; + + /// md.comp.outlined-autocomplete.text-field.trailing-icon.color + static const TokenColorRole textFieldTrailingIconColor = TokenColorRole.onSurfaceVariant; + + /// md.comp.outlined-autocomplete.text-field.trailing-icon.size + static const double textFieldTrailingIconSize = 24.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/outlined_card.dart b/packages/material_ui/tool/gen_defaults/data/outlined_card.dart index 97cbb0bba3f7..ce83c7580f83 100644 --- a/packages/material_ui/tool/gen_defaults/data/outlined_card.dart +++ b/packages/material_ui/tool/gen_defaults/data/outlined_card.dart @@ -8,17 +8,14 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenOutlinedCard { - /// md.comp.outlined-card.icon.color - static const TokenColorRole iconColor = TokenColorRole.primary; - - /// md.comp.outlined-card.focus.indicator.color - static const TokenColorRole focusIndicatorColor = TokenColorRole.secondary; + /// md.comp.outlined-card.container.color + static const TokenColorRole containerColor = TokenColorRole.surface; /// md.comp.outlined-card.container.elevation static const double containerElevation = 0.00; - /// md.comp.outlined-card.hover.outline.color - static const TokenColorRole hoverOutlineColor = TokenColorRole.outlineVariant; + /// md.comp.outlined-card.container.shadow-color + static const TokenColorRole containerShadowColor = TokenColorRole.shadow; /// md.comp.outlined-card.container.shape static const ShapeStruct containerShape = ShapeStruct( @@ -32,77 +29,78 @@ class TokenOutlinedCard { /// md.comp.outlined-card.disabled.container.elevation static const double disabledContainerElevation = 0.00; - /// md.comp.outlined-card.hover.state-layer.opacity - static const double hoverStateLayerOpacity = 0.08; + /// md.comp.outlined-card.disabled.outline.color + static const TokenColorRole disabledOutlineColor = TokenColorRole.outline; /// md.comp.outlined-card.disabled.outline.opacity static const double disabledOutlineOpacity = 0.12; - /// md.comp.outlined-card.pressed.container.elevation - static const double pressedContainerElevation = 0.00; + /// md.comp.outlined-card.dragged.container.elevation + static const double draggedContainerElevation = 6.00; - /// md.comp.outlined-card.container.color - static const TokenColorRole containerColor = TokenColorRole.surface; + /// md.comp.outlined-card.dragged.outline.color + static const TokenColorRole draggedOutlineColor = TokenColorRole.outlineVariant; - /// md.comp.outlined-card.focus.state-layer.opacity - static const double focusStateLayerOpacity = 0.10; + /// md.comp.outlined-card.dragged.state-layer.color + static const TokenColorRole draggedStateLayerColor = TokenColorRole.onSurface; - /// md.comp.outlined-card.outline.color - static const TokenColorRole outlineColor = TokenColorRole.outlineVariant; + /// md.comp.outlined-card.dragged.state-layer.opacity + static const double draggedStateLayerOpacity = 0.16; - /// md.comp.outlined-card.dragged.outline.color - static const TokenColorRole draggedOutlineColor = - TokenColorRole.outlineVariant; + /// md.comp.outlined-card.focus.container.elevation + static const double focusContainerElevation = 0.00; + + /// md.comp.outlined-card.focus.indicator.color + static const TokenColorRole focusIndicatorColor = TokenColorRole.secondary; /// md.comp.outlined-card.focus.indicator.outline.offset static const double focusIndicatorOutlineOffset = 2.00; + /// md.comp.outlined-card.focus.indicator.thickness + static const double focusIndicatorThickness = 3.00; + + /// md.comp.outlined-card.focus.outline.color + static const TokenColorRole focusOutlineColor = TokenColorRole.onSurface; + + /// md.comp.outlined-card.focus.state-layer.color + static const TokenColorRole focusStateLayerColor = TokenColorRole.onSurface; + + /// md.comp.outlined-card.focus.state-layer.opacity + static const double focusStateLayerOpacity = 0.10; + /// md.comp.outlined-card.hover.container.elevation static const double hoverContainerElevation = 1.00; - /// md.comp.outlined-card.dragged.state-layer.opacity - static const double draggedStateLayerOpacity = 0.16; - - /// md.comp.outlined-card.pressed.outline.color - static const TokenColorRole pressedOutlineColor = - TokenColorRole.outlineVariant; + /// md.comp.outlined-card.hover.outline.color + static const TokenColorRole hoverOutlineColor = TokenColorRole.outlineVariant; /// md.comp.outlined-card.hover.state-layer.color static const TokenColorRole hoverStateLayerColor = TokenColorRole.onSurface; - /// md.comp.outlined-card.dragged.state-layer.color - static const TokenColorRole draggedStateLayerColor = TokenColorRole.onSurface; + /// md.comp.outlined-card.hover.state-layer.opacity + static const double hoverStateLayerOpacity = 0.08; - /// md.comp.outlined-card.pressed.state-layer.opacity - static const double pressedStateLayerOpacity = 0.10; + /// md.comp.outlined-card.icon.color + static const TokenColorRole iconColor = TokenColorRole.primary; - /// md.comp.outlined-card.container.shadow-color - static const TokenColorRole containerShadowColor = TokenColorRole.shadow; + /// md.comp.outlined-card.icon.size + static const double iconSize = 24.00; + + /// md.comp.outlined-card.outline.color + static const TokenColorRole outlineColor = TokenColorRole.outlineVariant; /// md.comp.outlined-card.outline.width static const double outlineWidth = 1.00; - /// md.comp.outlined-card.focus.indicator.thickness - static const double focusIndicatorThickness = 3.00; - - /// md.comp.outlined-card.icon.size - static const double iconSize = 24.00; + /// md.comp.outlined-card.pressed.container.elevation + static const double pressedContainerElevation = 0.00; - /// md.comp.outlined-card.focus.state-layer.color - static const TokenColorRole focusStateLayerColor = TokenColorRole.onSurface; + /// md.comp.outlined-card.pressed.outline.color + static const TokenColorRole pressedOutlineColor = TokenColorRole.outlineVariant; /// md.comp.outlined-card.pressed.state-layer.color static const TokenColorRole pressedStateLayerColor = TokenColorRole.onSurface; - /// md.comp.outlined-card.focus.container.elevation - static const double focusContainerElevation = 0.00; - - /// md.comp.outlined-card.disabled.outline.color - static const TokenColorRole disabledOutlineColor = TokenColorRole.outline; - - /// md.comp.outlined-card.dragged.container.elevation - static const double draggedContainerElevation = 6.00; - - /// md.comp.outlined-card.focus.outline.color - static const TokenColorRole focusOutlineColor = TokenColorRole.onSurface; + /// md.comp.outlined-card.pressed.state-layer.opacity + static const double pressedStateLayerOpacity = 0.10; } diff --git a/packages/material_ui/tool/gen_defaults/data/outlined_menu_button.dart b/packages/material_ui/tool/gen_defaults/data/outlined_menu_button.dart index e23fb15ea996..4de570389482 100644 --- a/packages/material_ui/tool/gen_defaults/data/outlined_menu_button.dart +++ b/packages/material_ui/tool/gen_defaults/data/outlined_menu_button.dart @@ -8,114 +8,107 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenOutlinedMenuButton { - /// md.comp.outlined-menu-button.disabled.label-text.opacity - static const double disabledLabelTextOpacity = 0.38; - - /// md.comp.outlined-menu-button.trailing-icon.size - static const double trailingIconSize = 18.00; - - /// md.comp.outlined-menu-button.hover.state-layer.color - static const TokenColorRole hoverStateLayerColor = TokenColorRole.primary; - - /// md.comp.outlined-menu-button.hover.label-text.color - static const TokenColorRole hoverLabelTextColor = TokenColorRole.primary; - - /// md.comp.outlined-menu-button.with-icon.disabled.icon.color - static const TokenColorRole withIconDisabledIconColor = - TokenColorRole.onSurface; + /// md.comp.outlined-menu-button.container.height + static const double containerHeight = 40.00; - /// md.comp.outlined-menu-button.with-icon.pressed.leading-icon.color - static const TokenColorRole withIconPressedLeadingIconColor = - TokenColorRole.primary; + /// md.comp.outlined-menu-button.disabled.container.opacity + static const double disabledContainerOpacity = 0.12; - /// md.comp.outlined-menu-button.pressed.state-layer.color - static const TokenColorRole pressedStateLayerColor = TokenColorRole.primary; + /// md.comp.outlined-menu-button.disabled.label-text.color + static const TokenColorRole disabledLabelTextColor = TokenColorRole.onSurface; - /// md.comp.outlined-menu-button.trailing-icon.color - static const TokenColorRole trailingIconColor = TokenColorRole.primary; + /// md.comp.outlined-menu-button.disabled.label-text.opacity + static const double disabledLabelTextOpacity = 0.38; - /// md.comp.outlined-menu-button.focus.outline.color - static const TokenColorRole focusOutlineColor = TokenColorRole.primary; + /// md.comp.outlined-menu-button.disabled.outline.color + static const TokenColorRole disabledOutlineColor = TokenColorRole.onSurface; - /// md.comp.outlined-menu-button.pressed.outline.color - static const TokenColorRole pressedOutlineColor = TokenColorRole.outline; + /// md.comp.outlined-menu-button.disabled.trailing-icon.color + static const TokenColorRole disabledTrailingIconColor = TokenColorRole.onSurface; - /// md.comp.outlined-menu-button.outline.width - static const double outlineWidth = 1.00; + /// md.comp.outlined-menu-button.disabled.trailing-icon.opacity + static const double disabledTrailingIconOpacity = 0.38; - /// md.comp.outlined-menu-button.with-icon.leading-icon.size - static const double withIconLeadingIconSize = 18.00; + /// md.comp.outlined-menu-button.focus.indicator.color + static const TokenColorRole focusIndicatorColor = TokenColorRole.secondary; /// md.comp.outlined-menu-button.focus.indicator.outline.offset static const double focusIndicatorOutlineOffset = 2.00; - /// md.comp.outlined-menu-button.with-icon.leading-icon.color - static const TokenColorRole withIconLeadingIconColor = TokenColorRole.primary; + /// md.comp.outlined-menu-button.focus.indicator.thickness + static const double focusIndicatorThickness = 3.00; - /// md.comp.outlined-menu-button.label-text.type - static const double labelTextTypeFontSize = 14.00; + /// md.comp.outlined-menu-button.focus.label-text.color + static const TokenColorRole focusLabelTextColor = TokenColorRole.primary; - /// md.comp.outlined-menu-button.label-text.type - static const double labelTextTypeFontWeight = 500; + /// md.comp.outlined-menu-button.focus.outline.color + static const TokenColorRole focusOutlineColor = TokenColorRole.primary; - /// md.comp.outlined-menu-button.label-text.type - static const double labelTextTypeLineHeight = 20.00; + /// md.comp.outlined-menu-button.focus.state-layer.color + static const TokenColorRole focusStateLayerColor = TokenColorRole.primary; - /// md.comp.outlined-menu-button.label-text.type - static const double labelTextTypeLetterSpacing = 0.10; + /// md.comp.outlined-menu-button.focus.state-layer.opacity + static const double focusStateLayerOpacity = 0.10; - /// md.comp.outlined-menu-button.label-text.type - static const String labelTextTypeFontFamily = 'Roboto'; + /// md.comp.outlined-menu-button.focus.trailing-icon.color + static const TokenColorRole focusTrailingIconColor = TokenColorRole.primary; + + /// md.comp.outlined-menu-button.hover.label-text.color + static const TokenColorRole hoverLabelTextColor = TokenColorRole.primary; /// md.comp.outlined-menu-button.hover.outline.color static const TokenColorRole hoverOutlineColor = TokenColorRole.outline; + /// md.comp.outlined-menu-button.hover.state-layer.color + static const TokenColorRole hoverStateLayerColor = TokenColorRole.primary; + + /// md.comp.outlined-menu-button.hover.state-layer.opacity + static const double hoverStateLayerOpacity = 0.08; + /// md.comp.outlined-menu-button.hover.trailing-icon.color static const TokenColorRole hoverTrailingIconColor = TokenColorRole.primary; - /// md.comp.outlined-menu-button.with-icon.disabled.icon.opacity - static const double withIconDisabledIconOpacity = 0.38; - /// md.comp.outlined-menu-button.label-text.color static const TokenColorRole labelTextColor = TokenColorRole.primary; - /// md.comp.outlined-menu-button.focus.label-text.color - static const TokenColorRole focusLabelTextColor = TokenColorRole.primary; + /// md.comp.outlined-menu-button.label-text.font + static const String labelTextFont = 'Roboto'; - /// md.comp.outlined-menu-button.with-icon.focus.leading-icon.color - static const TokenColorRole withIconFocusLeadingIconColor = - TokenColorRole.primary; + /// md.comp.outlined-menu-button.label-text.type + static const String labelTextTypeFontFamily = 'Roboto'; - /// md.comp.outlined-menu-button.focus.state-layer.color - static const TokenColorRole focusStateLayerColor = TokenColorRole.primary; + /// md.comp.outlined-menu-button.label-text.type + static const double labelTextTypeFontSize = 14.00; - /// md.comp.outlined-menu-button.disabled.trailing-icon.color - static const TokenColorRole disabledTrailingIconColor = - TokenColorRole.onSurface; + /// md.comp.outlined-menu-button.label-text.type + static const double labelTextTypeFontWeight = 500; - /// md.comp.outlined-menu-button.disabled.trailing-icon.opacity - static const double disabledTrailingIconOpacity = 0.38; + /// md.comp.outlined-menu-button.label-text.type + static const double labelTextTypeLetterSpacing = 0.10; - /// md.comp.outlined-menu-button.focus.state-layer.opacity - static const double focusStateLayerOpacity = 0.10; + /// md.comp.outlined-menu-button.label-text.type + static const double labelTextTypeLineHeight = 20.00; - /// md.comp.outlined-menu-button.label-text.font - static const String labelTextFont = 'Roboto'; + /// md.comp.outlined-menu-button.outline.color + static const TokenColorRole outlineColor = TokenColorRole.outline; - /// md.comp.outlined-menu-button.focus.trailing-icon.color - static const TokenColorRole focusTrailingIconColor = TokenColorRole.primary; + /// md.comp.outlined-menu-button.outline.width + static const double outlineWidth = 1.00; - /// md.comp.outlined-menu-button.disabled.label-text.color - static const TokenColorRole disabledLabelTextColor = TokenColorRole.onSurface; + /// md.comp.outlined-menu-button.pressed.label-text.color + static const TokenColorRole pressedLabelTextColor = TokenColorRole.primary; - /// md.comp.outlined-menu-button.disabled.container.opacity - static const double disabledContainerOpacity = 0.12; + /// md.comp.outlined-menu-button.pressed.outline.color + static const TokenColorRole pressedOutlineColor = TokenColorRole.outline; - /// md.comp.outlined-menu-button.disabled.outline.color - static const TokenColorRole disabledOutlineColor = TokenColorRole.onSurface; + /// md.comp.outlined-menu-button.pressed.state-layer.color + static const TokenColorRole pressedStateLayerColor = TokenColorRole.primary; - /// md.comp.outlined-menu-button.pressed.label-text.color - static const TokenColorRole pressedLabelTextColor = TokenColorRole.primary; + /// md.comp.outlined-menu-button.pressed.state-layer.opacity + static const double pressedStateLayerOpacity = 0.10; + + /// md.comp.outlined-menu-button.pressed.trailing-icon.color + static const TokenColorRole pressedTrailingIconColor = TokenColorRole.primary; /// md.comp.outlined-menu-button.shape static const ShapeStruct shape = ShapeStruct( @@ -126,28 +119,30 @@ class TokenOutlinedMenuButton { bottomRight: 0.00, ); - /// md.comp.outlined-menu-button.focus.indicator.color - static const TokenColorRole focusIndicatorColor = TokenColorRole.secondary; + /// md.comp.outlined-menu-button.trailing-icon.color + static const TokenColorRole trailingIconColor = TokenColorRole.primary; - /// md.comp.outlined-menu-button.container.height - static const double containerHeight = 40.00; + /// md.comp.outlined-menu-button.trailing-icon.size + static const double trailingIconSize = 18.00; - /// md.comp.outlined-menu-button.pressed.state-layer.opacity - static const double pressedStateLayerOpacity = 0.10; + /// md.comp.outlined-menu-button.with-icon.disabled.icon.color + static const TokenColorRole withIconDisabledIconColor = TokenColorRole.onSurface; - /// md.comp.outlined-menu-button.with-icon.hover.leading-icon.color - static const TokenColorRole withIconHoverLeadingIconColor = - TokenColorRole.primary; + /// md.comp.outlined-menu-button.with-icon.disabled.icon.opacity + static const double withIconDisabledIconOpacity = 0.38; - /// md.comp.outlined-menu-button.pressed.trailing-icon.color - static const TokenColorRole pressedTrailingIconColor = TokenColorRole.primary; + /// md.comp.outlined-menu-button.with-icon.focus.leading-icon.color + static const TokenColorRole withIconFocusLeadingIconColor = TokenColorRole.primary; - /// md.comp.outlined-menu-button.hover.state-layer.opacity - static const double hoverStateLayerOpacity = 0.08; + /// md.comp.outlined-menu-button.with-icon.hover.leading-icon.color + static const TokenColorRole withIconHoverLeadingIconColor = TokenColorRole.primary; - /// md.comp.outlined-menu-button.outline.color - static const TokenColorRole outlineColor = TokenColorRole.outline; + /// md.comp.outlined-menu-button.with-icon.leading-icon.color + static const TokenColorRole withIconLeadingIconColor = TokenColorRole.primary; - /// md.comp.outlined-menu-button.focus.indicator.thickness - static const double focusIndicatorThickness = 3.00; + /// md.comp.outlined-menu-button.with-icon.leading-icon.size + static const double withIconLeadingIconSize = 18.00; + + /// md.comp.outlined-menu-button.with-icon.pressed.leading-icon.color + static const TokenColorRole withIconPressedLeadingIconColor = TokenColorRole.primary; } diff --git a/packages/material_ui/tool/gen_defaults/data/outlined_segmented_button.dart b/packages/material_ui/tool/gen_defaults/data/outlined_segmented_button.dart index 37eeaa45aad5..660705a17603 100644 --- a/packages/material_ui/tool/gen_defaults/data/outlined_segmented_button.dart +++ b/packages/material_ui/tool/gen_defaults/data/outlined_segmented_button.dart @@ -8,170 +8,147 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenOutlinedSegmentedButton { - /// md.comp.outlined-segmented-button.selected.hover.icon.color - static const TokenColorRole selectedHoverIconColor = - TokenColorRole.onSecondaryContainer; - - /// md.comp.outlined-segmented-button.shape - static const ShapeStruct shape = ShapeStruct( - family: 'SHAPE_FAMILY_CIRCULAR', - topLeft: 0.00, - topRight: 0.00, - bottomLeft: 0.00, - bottomRight: 0.00, - ); + /// md.comp.outlined-segmented-button.container.height + static const double containerHeight = 40.00; - /// md.comp.outlined-segmented-button.selected.pressed.icon.color - static const TokenColorRole selectedPressedIconColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.outlined-segmented-button.disabled.icon.color + static const TokenColorRole disabledIconColor = TokenColorRole.onSurface; - /// md.comp.outlined-segmented-button.label-text.font - static const String labelTextFont = 'Roboto'; + /// md.comp.outlined-segmented-button.disabled.icon.opacity + static const double disabledIconOpacity = 0.38; /// md.comp.outlined-segmented-button.disabled.label-text.color static const TokenColorRole disabledLabelTextColor = TokenColorRole.onSurface; - /// md.comp.outlined-segmented-button.selected.container.color - static const TokenColorRole selectedContainerColor = - TokenColorRole.secondaryContainer; + /// md.comp.outlined-segmented-button.disabled.label-text.opacity + static const double disabledLabelTextOpacity = 0.38; - /// md.comp.outlined-segmented-button.unselected.hover.icon.color - static const TokenColorRole unselectedHoverIconColor = - TokenColorRole.onSurface; + /// md.comp.outlined-segmented-button.disabled.outline.color + static const TokenColorRole disabledOutlineColor = TokenColorRole.onSurface; - /// md.comp.outlined-segmented-button.unselected.hover.label-text.color - static const TokenColorRole unselectedHoverLabelTextColor = - TokenColorRole.onSurface; + /// md.comp.outlined-segmented-button.disabled.outline.opacity + static const double disabledOutlineOpacity = 0.12; - /// md.comp.outlined-segmented-button.outline.width - static const double outlineWidth = 1.00; + /// md.comp.outlined-segmented-button.focus.indicator.color + static const TokenColorRole focusIndicatorColor = TokenColorRole.secondary; - /// md.comp.outlined-segmented-button.unselected.focus.state-layer.color - static const TokenColorRole unselectedFocusStateLayerColor = - TokenColorRole.onSurface; + /// md.comp.outlined-segmented-button.focus.indicator.outline.offset + static const double focusIndicatorOutlineOffset = 2.00; - /// md.comp.outlined-segmented-button.unselected.hover.state-layer.color - static const TokenColorRole unselectedHoverStateLayerColor = - TokenColorRole.onSurface; + /// md.comp.outlined-segmented-button.focus.indicator.thickness + static const double focusIndicatorThickness = 3.00; + + /// md.comp.outlined-segmented-button.focus.state-layer.opacity + static const double focusStateLayerOpacity = 0.10; /// md.comp.outlined-segmented-button.hover.state-layer.opacity static const double hoverStateLayerOpacity = 0.08; - /// md.comp.outlined-segmented-button.focus.indicator.color - static const TokenColorRole focusIndicatorColor = TokenColorRole.secondary; + /// md.comp.outlined-segmented-button.label-text.font + static const String labelTextFont = 'Roboto'; - /// md.comp.outlined-segmented-button.outline.color - static const TokenColorRole outlineColor = TokenColorRole.outline; + /// md.comp.outlined-segmented-button.label-text.type + static const String labelTextTypeFontFamily = 'Roboto'; - /// md.comp.outlined-segmented-button.disabled.icon.opacity - static const double disabledIconOpacity = 0.38; + /// md.comp.outlined-segmented-button.label-text.type + static const double labelTextTypeFontSize = 14.00; - /// md.comp.outlined-segmented-button.unselected.label-text.color - static const TokenColorRole unselectedLabelTextColor = - TokenColorRole.onSurface; + /// md.comp.outlined-segmented-button.label-text.type + static const double labelTextTypeFontWeight = 500; - /// md.comp.outlined-segmented-button.selected.label-text.color - static const TokenColorRole selectedLabelTextColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.outlined-segmented-button.label-text.type + static const double labelTextTypeLetterSpacing = 0.10; - /// md.comp.outlined-segmented-button.selected.focus.state-layer.color - static const TokenColorRole selectedFocusStateLayerColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.outlined-segmented-button.label-text.type + static const double labelTextTypeLineHeight = 20.00; - /// md.comp.outlined-segmented-button.unselected.pressed.state-layer.color - static const TokenColorRole unselectedPressedStateLayerColor = - TokenColorRole.onSurface; + /// md.comp.outlined-segmented-button.outline.color + static const TokenColorRole outlineColor = TokenColorRole.outline; - /// md.comp.outlined-segmented-button.selected.focus.icon.color - static const TokenColorRole selectedFocusIconColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.outlined-segmented-button.outline.width + static const double outlineWidth = 1.00; - /// md.comp.outlined-segmented-button.container.height - static const double containerHeight = 40.00; + /// md.comp.outlined-segmented-button.pressed.state-layer.opacity + static const double pressedStateLayerOpacity = 0.10; - /// md.comp.outlined-segmented-button.with-icon.icon.size - static const double withIconIconSize = 18.00; + /// md.comp.outlined-segmented-button.selected.container.color + static const TokenColorRole selectedContainerColor = TokenColorRole.secondaryContainer; - /// md.comp.outlined-segmented-button.selected.pressed.state-layer.color - static const TokenColorRole selectedPressedStateLayerColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.outlined-segmented-button.selected.focus.icon.color + static const TokenColorRole selectedFocusIconColor = TokenColorRole.onSecondaryContainer; - /// md.comp.outlined-segmented-button.disabled.icon.color - static const TokenColorRole disabledIconColor = TokenColorRole.onSurface; + /// md.comp.outlined-segmented-button.selected.focus.label-text.color + static const TokenColorRole selectedFocusLabelTextColor = TokenColorRole.onSecondaryContainer; - /// md.comp.outlined-segmented-button.unselected.pressed.label-text.color - static const TokenColorRole unselectedPressedLabelTextColor = - TokenColorRole.onSurface; + /// md.comp.outlined-segmented-button.selected.focus.state-layer.color + static const TokenColorRole selectedFocusStateLayerColor = TokenColorRole.onSecondaryContainer; - /// md.comp.outlined-segmented-button.disabled.outline.color - static const TokenColorRole disabledOutlineColor = TokenColorRole.onSurface; + /// md.comp.outlined-segmented-button.selected.hover.icon.color + static const TokenColorRole selectedHoverIconColor = TokenColorRole.onSecondaryContainer; - /// md.comp.outlined-segmented-button.unselected.with-icon.icon.color - static const TokenColorRole unselectedWithIconIconColor = - TokenColorRole.onSurface; + /// md.comp.outlined-segmented-button.selected.hover.label-text.color + static const TokenColorRole selectedHoverLabelTextColor = TokenColorRole.onSecondaryContainer; - /// md.comp.outlined-segmented-button.focus.state-layer.opacity - static const double focusStateLayerOpacity = 0.10; + /// md.comp.outlined-segmented-button.selected.hover.state-layer.color + static const TokenColorRole selectedHoverStateLayerColor = TokenColorRole.onSecondaryContainer; - /// md.comp.outlined-segmented-button.selected.focus.label-text.color - static const TokenColorRole selectedFocusLabelTextColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.outlined-segmented-button.selected.label-text.color + static const TokenColorRole selectedLabelTextColor = TokenColorRole.onSecondaryContainer; - /// md.comp.outlined-segmented-button.label-text.type - static const double labelTextTypeFontSize = 14.00; + /// md.comp.outlined-segmented-button.selected.pressed.icon.color + static const TokenColorRole selectedPressedIconColor = TokenColorRole.onSecondaryContainer; - /// md.comp.outlined-segmented-button.label-text.type - static const double labelTextTypeFontWeight = 500; + /// md.comp.outlined-segmented-button.selected.pressed.label-text.color + static const TokenColorRole selectedPressedLabelTextColor = TokenColorRole.onSecondaryContainer; - /// md.comp.outlined-segmented-button.label-text.type - static const double labelTextTypeLineHeight = 20.00; + /// md.comp.outlined-segmented-button.selected.pressed.state-layer.color + static const TokenColorRole selectedPressedStateLayerColor = TokenColorRole.onSecondaryContainer; - /// md.comp.outlined-segmented-button.label-text.type - static const double labelTextTypeLetterSpacing = 0.10; + /// md.comp.outlined-segmented-button.selected.with-icon.icon.color + static const TokenColorRole selectedWithIconIconColor = TokenColorRole.onSecondaryContainer; - /// md.comp.outlined-segmented-button.label-text.type - static const String labelTextTypeFontFamily = 'Roboto'; + /// md.comp.outlined-segmented-button.shape + static const ShapeStruct shape = ShapeStruct( + family: 'SHAPE_FAMILY_CIRCULAR', + topLeft: 0.00, + topRight: 0.00, + bottomLeft: 0.00, + bottomRight: 0.00, + ); /// md.comp.outlined-segmented-button.unselected.focus.icon.color - static const TokenColorRole unselectedFocusIconColor = - TokenColorRole.onSurface; + static const TokenColorRole unselectedFocusIconColor = TokenColorRole.onSurface; /// md.comp.outlined-segmented-button.unselected.focus.label-text.color - static const TokenColorRole unselectedFocusLabelTextColor = - TokenColorRole.onSurface; + static const TokenColorRole unselectedFocusLabelTextColor = TokenColorRole.onSurface; - /// md.comp.outlined-segmented-button.selected.with-icon.icon.color - static const TokenColorRole selectedWithIconIconColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.outlined-segmented-button.unselected.focus.state-layer.color + static const TokenColorRole unselectedFocusStateLayerColor = TokenColorRole.onSurface; - /// md.comp.outlined-segmented-button.focus.indicator.outline.offset - static const double focusIndicatorOutlineOffset = 2.00; + /// md.comp.outlined-segmented-button.unselected.hover.icon.color + static const TokenColorRole unselectedHoverIconColor = TokenColorRole.onSurface; - /// md.comp.outlined-segmented-button.pressed.state-layer.opacity - static const double pressedStateLayerOpacity = 0.10; + /// md.comp.outlined-segmented-button.unselected.hover.label-text.color + static const TokenColorRole unselectedHoverLabelTextColor = TokenColorRole.onSurface; - /// md.comp.outlined-segmented-button.unselected.pressed.icon.color - static const TokenColorRole unselectedPressedIconColor = - TokenColorRole.onSurface; + /// md.comp.outlined-segmented-button.unselected.hover.state-layer.color + static const TokenColorRole unselectedHoverStateLayerColor = TokenColorRole.onSurface; - /// md.comp.outlined-segmented-button.selected.hover.label-text.color - static const TokenColorRole selectedHoverLabelTextColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.outlined-segmented-button.unselected.label-text.color + static const TokenColorRole unselectedLabelTextColor = TokenColorRole.onSurface; - /// md.comp.outlined-segmented-button.disabled.label-text.opacity - static const double disabledLabelTextOpacity = 0.38; + /// md.comp.outlined-segmented-button.unselected.pressed.icon.color + static const TokenColorRole unselectedPressedIconColor = TokenColorRole.onSurface; - /// md.comp.outlined-segmented-button.disabled.outline.opacity - static const double disabledOutlineOpacity = 0.12; + /// md.comp.outlined-segmented-button.unselected.pressed.label-text.color + static const TokenColorRole unselectedPressedLabelTextColor = TokenColorRole.onSurface; - /// md.comp.outlined-segmented-button.selected.pressed.label-text.color - static const TokenColorRole selectedPressedLabelTextColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.outlined-segmented-button.unselected.pressed.state-layer.color + static const TokenColorRole unselectedPressedStateLayerColor = TokenColorRole.onSurface; - /// md.comp.outlined-segmented-button.focus.indicator.thickness - static const double focusIndicatorThickness = 3.00; + /// md.comp.outlined-segmented-button.unselected.with-icon.icon.color + static const TokenColorRole unselectedWithIconIconColor = TokenColorRole.onSurface; - /// md.comp.outlined-segmented-button.selected.hover.state-layer.color - static const TokenColorRole selectedHoverStateLayerColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.outlined-segmented-button.with-icon.icon.size + static const double withIconIconSize = 18.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/outlined_select.dart b/packages/material_ui/tool/gen_defaults/data/outlined_select.dart index 4017febae71b..7bc6f4f149fd 100644 --- a/packages/material_ui/tool/gen_defaults/data/outlined_select.dart +++ b/packages/material_ui/tool/gen_defaults/data/outlined_select.dart @@ -8,262 +8,267 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenOutlinedSelect { - /// md.comp.outlined-select.text-field.hover.label-text.color - static const TokenColorRole textFieldHoverLabelTextColor = - TokenColorRole.onSurface; - /// md.comp.outlined-select.menu.cascading-menu-indicator.icon.color - static const TokenColorRole menuCascadingMenuIndicatorIconColor = - TokenColorRole.onSurfaceVariant; + static const TokenColorRole menuCascadingMenuIndicatorIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.outlined-select.menu.divider.color - static const TokenColorRole menuDividerColor = TokenColorRole.surfaceVariant; + /// md.comp.outlined-select.menu.cascading-menu-indicator.icon.size + static const double menuCascadingMenuIndicatorIconSize = 24.00; + + /// md.comp.outlined-select.menu.container.color + static const TokenColorRole menuContainerColor = TokenColorRole.surfaceContainer; + + /// md.comp.outlined-select.menu.container.elevation + static const double menuContainerElevation = 3.00; /// md.comp.outlined-select.menu.container.shadow-color static const TokenColorRole menuContainerShadowColor = TokenColorRole.shadow; - /// md.comp.outlined-select.text-field.label-text.color - static const TokenColorRole textFieldLabelTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.outlined-select.menu.container.shape + static const ShapeStruct menuContainerShape = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 4.00, + topRight: 4.00, + bottomLeft: 4.00, + bottomRight: 4.00, + ); - /// md.comp.outlined-select.text-field.error.hover.input-text.color - static const TokenColorRole textFieldErrorHoverInputTextColor = - TokenColorRole.onSurface; + /// md.comp.outlined-select.menu.divider.color + static const TokenColorRole menuDividerColor = TokenColorRole.surfaceVariant; - /// md.comp.outlined-select.text-field.disabled.trailing-icon.color - static const TokenColorRole textFieldDisabledTrailingIconColor = - TokenColorRole.onSurface; + /// md.comp.outlined-select.menu.divider.height + static const double menuDividerHeight = 1.00; - /// md.comp.outlined-select.text-field.error.hover.supporting-text.color - static const TokenColorRole textFieldErrorHoverSupportingTextColor = - TokenColorRole.error; + /// md.comp.outlined-select.menu.list-item.container.height + static const double menuListItemContainerHeight = 48.00; - /// md.comp.outlined-select.text-field.hover.input-text.color - static const TokenColorRole textFieldHoverInputTextColor = - TokenColorRole.onSurface; + /// md.comp.outlined-select.menu.list-item.label-text.color + static const TokenColorRole menuListItemLabelTextColor = TokenColorRole.onSurface; - /// md.comp.outlined-select.text-field.error.focus.leading-icon.color - static const TokenColorRole textFieldErrorFocusLeadingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.outlined-select.menu.list-item.label-text.font + static const String menuListItemLabelTextFont = 'Roboto'; - /// md.comp.outlined-select.text-field.hover.outline.color - static const TokenColorRole textFieldHoverOutlineColor = - TokenColorRole.onSurface; + /// md.comp.outlined-select.menu.list-item.label-text.type + static const String menuListItemLabelTextTypeFontFamily = 'Roboto'; - /// md.comp.outlined-select.menu.container.elevation - static const double menuContainerElevation = 3.00; + /// md.comp.outlined-select.menu.list-item.label-text.type + static const double menuListItemLabelTextTypeFontSize = 14.00; - /// md.comp.outlined-select.text-field.supporting-text.type - static const double textFieldSupportingTextTypeFontSize = 12.00; + /// md.comp.outlined-select.menu.list-item.label-text.type + static const double menuListItemLabelTextTypeFontWeight = 500; - /// md.comp.outlined-select.text-field.supporting-text.type - static const double textFieldSupportingTextTypeFontWeight = 400; + /// md.comp.outlined-select.menu.list-item.label-text.type + static const double menuListItemLabelTextTypeLetterSpacing = 0.10; - /// md.comp.outlined-select.text-field.supporting-text.type - static const double textFieldSupportingTextTypeLineHeight = 16.00; + /// md.comp.outlined-select.menu.list-item.label-text.type + static const double menuListItemLabelTextTypeLineHeight = 20.00; - /// md.comp.outlined-select.text-field.supporting-text.type - static const double textFieldSupportingTextTypeLetterSpacing = 0.40; + /// md.comp.outlined-select.menu.list-item.selected.container.color + static const TokenColorRole menuListItemSelectedContainerColor = + TokenColorRole.surfaceContainerHighest; - /// md.comp.outlined-select.text-field.supporting-text.type - static const String textFieldSupportingTextTypeFontFamily = 'Roboto'; + /// md.comp.outlined-select.menu.list-item.with-leading-icon.leading-icon.color + static const TokenColorRole menuListItemWithLeadingIconLeadingIconColor = + TokenColorRole.onSurfaceVariant; + + /// md.comp.outlined-select.menu.list-item.with-leading-icon.leading-icon.size + static const double menuListItemWithLeadingIconLeadingIconSize = 24.00; + + /// md.comp.outlined-select.menu.list-item.with-trailing-icon.trailing-icon.color + static const TokenColorRole menuListItemWithTrailingIconTrailingIconColor = + TokenColorRole.onSurfaceVariant; + + /// md.comp.outlined-select.menu.list-item.with-trailing-icon.trailing-icon.size + static const double menuListItemWithTrailingIconTrailingIconSize = 24.00; + + /// md.comp.outlined-select.text-field.container.color + static const TokenColorRole textFieldContainerColor = TokenColorRole.surfaceContainerHighest; + + /// md.comp.outlined-select.text-field.container.shape + static const ShapeStruct textFieldContainerShape = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 4.00, + topRight: 4.00, + bottomLeft: 4.00, + bottomRight: 4.00, + ); + + /// md.comp.outlined-select.text-field.disabled.input-text.color + static const TokenColorRole textFieldDisabledInputTextColor = TokenColorRole.onSurface; /// md.comp.outlined-select.text-field.disabled.input-text.opacity static const double textFieldDisabledInputTextOpacity = 0.38; - /// md.comp.outlined-select.text-field.error.focus.input-text.color - static const TokenColorRole textFieldErrorFocusInputTextColor = - TokenColorRole.onSurface; + /// md.comp.outlined-select.text-field.disabled.label-text.color + static const TokenColorRole textFieldDisabledLabelTextColor = TokenColorRole.onSurface; - /// md.comp.outlined-select.text-field.focus.supporting-text.color - static const TokenColorRole textFieldFocusSupportingTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.outlined-select.text-field.disabled.label-text.opacity + static const double textFieldDisabledLabelTextOpacity = 0.38; - /// md.comp.outlined-select.text-field.error.supporting-text.color - static const TokenColorRole textFieldErrorSupportingTextColor = - TokenColorRole.error; + /// md.comp.outlined-select.text-field.disabled.leading-icon.color + static const TokenColorRole textFieldDisabledLeadingIconColor = TokenColorRole.onSurface; - /// md.comp.outlined-select.text-field.error.hover.state-layer.color - static const TokenColorRole textFieldErrorHoverStateLayerColor = - TokenColorRole.onSurface; + /// md.comp.outlined-select.text-field.disabled.leading-icon.opacity + static const double textFieldDisabledLeadingIconOpacity = 0.38; - /// md.comp.outlined-select.menu.list-item.label-text.color - static const TokenColorRole menuListItemLabelTextColor = - TokenColorRole.onSurface; + /// md.comp.outlined-select.text-field.disabled.outline.color + static const TokenColorRole textFieldDisabledOutlineColor = TokenColorRole.onSurface; - /// md.comp.outlined-select.text-field.container.color - static const TokenColorRole textFieldContainerColor = - TokenColorRole.surfaceContainerHighest; + /// md.comp.outlined-select.text-field.disabled.outline.opacity + static const double textFieldDisabledOutlineOpacity = 0.12; - /// md.comp.outlined-select.menu.list-item.with-leading-icon.leading-icon.size - static const double menuListItemWithLeadingIconLeadingIconSize = 24.00; + /// md.comp.outlined-select.text-field.disabled.outline.width + static const double textFieldDisabledOutlineWidth = 1.00; - /// md.comp.outlined-select.menu.divider.height - static const double menuDividerHeight = 1.00; + /// md.comp.outlined-select.text-field.disabled.supporting-text.color + static const TokenColorRole textFieldDisabledSupportingTextColor = TokenColorRole.onSurface; - /// md.comp.outlined-select.text-field.error.input-text.color - static const TokenColorRole textFieldErrorInputTextColor = - TokenColorRole.onSurface; + /// md.comp.outlined-select.text-field.disabled.supporting-text.opacity + static const double textFieldDisabledSupportingTextOpacity = 0.38; - /// md.comp.outlined-select.text-field.error.hover.outline.color - static const TokenColorRole textFieldErrorHoverOutlineColor = - TokenColorRole.onErrorContainer; + /// md.comp.outlined-select.text-field.disabled.trailing-icon.color + static const TokenColorRole textFieldDisabledTrailingIconColor = TokenColorRole.onSurface; - /// md.comp.outlined-select.text-field.focus.leading-icon.color - static const TokenColorRole textFieldFocusLeadingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.outlined-select.text-field.disabled.trailing-icon.opacity + static const double textFieldDisabledTrailingIconOpacity = 0.38; - /// md.comp.outlined-select.text-field.supporting-text.font - static const String textFieldSupportingTextFont = 'Roboto'; + /// md.comp.outlined-select.text-field.error.focus.input-text.color + static const TokenColorRole textFieldErrorFocusInputTextColor = TokenColorRole.onSurface; - /// md.comp.outlined-select.text-field.trailing-icon.size - static const double textFieldTrailingIconSize = 24.00; + /// md.comp.outlined-select.text-field.error.focus.label-text.color + static const TokenColorRole textFieldErrorFocusLabelTextColor = TokenColorRole.error; - /// md.comp.outlined-select.text-field.disabled.input-text.color - static const TokenColorRole textFieldDisabledInputTextColor = - TokenColorRole.onSurface; + /// md.comp.outlined-select.text-field.error.focus.leading-icon.color + static const TokenColorRole textFieldErrorFocusLeadingIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.outlined-select.menu.list-item.selected.container.color - static const TokenColorRole menuListItemSelectedContainerColor = - TokenColorRole.surfaceContainerHighest; + /// md.comp.outlined-select.text-field.error.focus.outline.color + static const TokenColorRole textFieldErrorFocusOutlineColor = TokenColorRole.error; - /// md.comp.outlined-select.text-field.hover.state-layer.color - static const TokenColorRole textFieldHoverStateLayerColor = - TokenColorRole.onSurface; + /// md.comp.outlined-select.text-field.error.focus.supporting-text.color + static const TokenColorRole textFieldErrorFocusSupportingTextColor = TokenColorRole.error; - /// md.comp.outlined-select.text-field.supporting-text.color - static const TokenColorRole textFieldSupportingTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.outlined-select.text-field.error.focus.trailing-icon.color + static const TokenColorRole textFieldErrorFocusTrailingIconColor = TokenColorRole.error; - /// md.comp.outlined-select.text-field.disabled.supporting-text.color - static const TokenColorRole textFieldDisabledSupportingTextColor = - TokenColorRole.onSurface; + /// md.comp.outlined-select.text-field.error.hover.input-text.color + static const TokenColorRole textFieldErrorHoverInputTextColor = TokenColorRole.onSurface; - /// md.comp.outlined-select.text-field.outline.color - static const TokenColorRole textFieldOutlineColor = TokenColorRole.outline; + /// md.comp.outlined-select.text-field.error.hover.label-text.color + static const TokenColorRole textFieldErrorHoverLabelTextColor = TokenColorRole.onErrorContainer; - /// md.comp.outlined-select.text-field.disabled.outline.color - static const TokenColorRole textFieldDisabledOutlineColor = - TokenColorRole.onSurface; + /// md.comp.outlined-select.text-field.error.hover.leading-icon.color + static const TokenColorRole textFieldErrorHoverLeadingIconColor = TokenColorRole.onSurfaceVariant; + + /// md.comp.outlined-select.text-field.error.hover.outline.color + static const TokenColorRole textFieldErrorHoverOutlineColor = TokenColorRole.onErrorContainer; + + /// md.comp.outlined-select.text-field.error.hover.state-layer.color + static const TokenColorRole textFieldErrorHoverStateLayerColor = TokenColorRole.onSurface; + + /// md.comp.outlined-select.text-field.error.hover.state-layer.opacity + static const double textFieldErrorHoverStateLayerOpacity = 0.08; + + /// md.comp.outlined-select.text-field.error.hover.supporting-text.color + static const TokenColorRole textFieldErrorHoverSupportingTextColor = TokenColorRole.error; /// md.comp.outlined-select.text-field.error.hover.trailing-icon.color static const TokenColorRole textFieldErrorHoverTrailingIconColor = TokenColorRole.onErrorContainer; + /// md.comp.outlined-select.text-field.error.input-text.color + static const TokenColorRole textFieldErrorInputTextColor = TokenColorRole.onSurface; + /// md.comp.outlined-select.text-field.error.label-text.color - static const TokenColorRole textFieldErrorLabelTextColor = - TokenColorRole.error; + static const TokenColorRole textFieldErrorLabelTextColor = TokenColorRole.error; - /// md.comp.outlined-select.text-field.disabled.supporting-text.opacity - static const double textFieldDisabledSupportingTextOpacity = 0.38; + /// md.comp.outlined-select.text-field.error.leading-icon.color + static const TokenColorRole textFieldErrorLeadingIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.outlined-select.text-field.error.trailing-icon.color - static const TokenColorRole textFieldErrorTrailingIconColor = - TokenColorRole.error; + /// md.comp.outlined-select.text-field.error.outline.color + static const TokenColorRole textFieldErrorOutlineColor = TokenColorRole.error; - /// md.comp.outlined-select.text-field.hover.leading-icon.color - static const TokenColorRole textFieldHoverLeadingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.outlined-select.text-field.error.supporting-text.color + static const TokenColorRole textFieldErrorSupportingTextColor = TokenColorRole.error; - /// md.comp.outlined-select.text-field.error.focus.supporting-text.color - static const TokenColorRole textFieldErrorFocusSupportingTextColor = - TokenColorRole.error; + /// md.comp.outlined-select.text-field.error.trailing-icon.color + static const TokenColorRole textFieldErrorTrailingIconColor = TokenColorRole.error; - /// md.comp.outlined-select.text-field.trailing-icon.color - static const TokenColorRole textFieldTrailingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.outlined-select.text-field.focus.input-text.color + static const TokenColorRole textFieldFocusInputTextColor = TokenColorRole.onSurface; - /// md.comp.outlined-select.text-field.disabled.label-text.color - static const TokenColorRole textFieldDisabledLabelTextColor = - TokenColorRole.onSurface; + /// md.comp.outlined-select.text-field.focus.label-text.color + static const TokenColorRole textFieldFocusLabelTextColor = TokenColorRole.primary; - /// md.comp.outlined-select.menu.list-item.with-trailing-icon.trailing-icon.color - static const TokenColorRole menuListItemWithTrailingIconTrailingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.outlined-select.text-field.focus.leading-icon.color + static const TokenColorRole textFieldFocusLeadingIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.outlined-select.text-field.label-text.font - static const String textFieldLabelTextFont = 'Roboto'; + /// md.comp.outlined-select.text-field.focus.outline.color + static const TokenColorRole textFieldFocusOutlineColor = TokenColorRole.primary; - /// md.comp.outlined-select.menu.container.color - static const TokenColorRole menuContainerColor = - TokenColorRole.surfaceContainer; + /// md.comp.outlined-select.text-field.focus.outline.width + static const double textFieldFocusOutlineWidth = 3.00; - /// md.comp.outlined-select.menu.list-item.container.height - static const double menuListItemContainerHeight = 48.00; + /// md.comp.outlined-select.text-field.focus.supporting-text.color + static const TokenColorRole textFieldFocusSupportingTextColor = TokenColorRole.onSurfaceVariant; /// md.comp.outlined-select.text-field.focus.trailing-icon.color - static const TokenColorRole textFieldFocusTrailingIconColor = - TokenColorRole.primary; + static const TokenColorRole textFieldFocusTrailingIconColor = TokenColorRole.primary; - /// md.comp.outlined-select.text-field.error.outline.color - static const TokenColorRole textFieldErrorOutlineColor = TokenColorRole.error; + /// md.comp.outlined-select.text-field.hover.input-text.color + static const TokenColorRole textFieldHoverInputTextColor = TokenColorRole.onSurface; - /// md.comp.outlined-select.text-field.focus.outline.color - static const TokenColorRole textFieldFocusOutlineColor = - TokenColorRole.primary; + /// md.comp.outlined-select.text-field.hover.label-text.color + static const TokenColorRole textFieldHoverLabelTextColor = TokenColorRole.onSurface; - /// md.comp.outlined-select.menu.cascading-menu-indicator.icon.size - static const double menuCascadingMenuIndicatorIconSize = 24.00; + /// md.comp.outlined-select.text-field.hover.leading-icon.color + static const TokenColorRole textFieldHoverLeadingIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.outlined-select.text-field.disabled.label-text.opacity - static const double textFieldDisabledLabelTextOpacity = 0.38; + /// md.comp.outlined-select.text-field.hover.outline.color + static const TokenColorRole textFieldHoverOutlineColor = TokenColorRole.onSurface; - /// md.comp.outlined-select.text-field.input-text.color - static const TokenColorRole textFieldInputTextColor = - TokenColorRole.onSurface; + /// md.comp.outlined-select.text-field.hover.outline.width + static const double textFieldHoverOutlineWidth = 1.00; - /// md.comp.outlined-select.text-field.focus.outline.width - static const double textFieldFocusOutlineWidth = 3.00; + /// md.comp.outlined-select.text-field.hover.state-layer.color + static const TokenColorRole textFieldHoverStateLayerColor = TokenColorRole.onSurface; - /// md.comp.outlined-select.text-field.focus.label-text.color - static const TokenColorRole textFieldFocusLabelTextColor = - TokenColorRole.primary; + /// md.comp.outlined-select.text-field.hover.state-layer.opacity + static const double textFieldHoverStateLayerOpacity = 0.08; - /// md.comp.outlined-select.menu.list-item.label-text.font - static const String menuListItemLabelTextFont = 'Roboto'; + /// md.comp.outlined-select.text-field.hover.supporting-text.color + static const TokenColorRole textFieldHoverSupportingTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.outlined-select.text-field.error.focus.outline.color - static const TokenColorRole textFieldErrorFocusOutlineColor = - TokenColorRole.error; + /// md.comp.outlined-select.text-field.hover.trailing-icon.color + static const TokenColorRole textFieldHoverTrailingIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.outlined-select.text-field.disabled.leading-icon.color - static const TokenColorRole textFieldDisabledLeadingIconColor = - TokenColorRole.onSurface; + /// md.comp.outlined-select.text-field.input-text.color + static const TokenColorRole textFieldInputTextColor = TokenColorRole.onSurface; - /// md.comp.outlined-select.text-field.hover.outline.width - static const double textFieldHoverOutlineWidth = 1.00; + /// md.comp.outlined-select.text-field.input-text.font + static const String textFieldInputTextFont = 'Roboto'; /// md.comp.outlined-select.text-field.input-text.type - static const double textFieldInputTextTypeFontSize = 16.00; + static const String textFieldInputTextTypeFontFamily = 'Roboto'; /// md.comp.outlined-select.text-field.input-text.type - static const double textFieldInputTextTypeFontWeight = 400; + static const double textFieldInputTextTypeFontSize = 16.00; /// md.comp.outlined-select.text-field.input-text.type - static const double textFieldInputTextTypeLineHeight = 24.00; + static const double textFieldInputTextTypeFontWeight = 400; /// md.comp.outlined-select.text-field.input-text.type static const double textFieldInputTextTypeLetterSpacing = 0.50; /// md.comp.outlined-select.text-field.input-text.type - static const String textFieldInputTextTypeFontFamily = 'Roboto'; - - /// md.comp.outlined-select.text-field.outline.width - static const double textFieldOutlineWidth = 1.00; - - /// md.comp.outlined-select.text-field.input-text.font - static const String textFieldInputTextFont = 'Roboto'; + static const double textFieldInputTextTypeLineHeight = 24.00; - /// md.comp.outlined-select.menu.list-item.with-trailing-icon.trailing-icon.size - static const double menuListItemWithTrailingIconTrailingIconSize = 24.00; + /// md.comp.outlined-select.text-field.label-text.color + static const TokenColorRole textFieldLabelTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.outlined-select.text-field.leading-icon.color - static const TokenColorRole textFieldLeadingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.outlined-select.text-field.label-text.font + static const String textFieldLabelTextFont = 'Roboto'; - /// md.comp.outlined-select.text-field.error.focus.label-text.color - static const TokenColorRole textFieldErrorFocusLabelTextColor = - TokenColorRole.error; + /// md.comp.outlined-select.text-field.label-text.type + static const String textFieldLabelTextTypeFontFamily = 'Roboto'; /// md.comp.outlined-select.text-field.label-text.type static const double textFieldLabelTextTypeFontSize = 16.00; @@ -271,98 +276,48 @@ class TokenOutlinedSelect { /// md.comp.outlined-select.text-field.label-text.type static const double textFieldLabelTextTypeFontWeight = 400; - /// md.comp.outlined-select.text-field.label-text.type - static const double textFieldLabelTextTypeLineHeight = 24.00; - /// md.comp.outlined-select.text-field.label-text.type static const double textFieldLabelTextTypeLetterSpacing = 0.50; /// md.comp.outlined-select.text-field.label-text.type - static const String textFieldLabelTextTypeFontFamily = 'Roboto'; - - /// md.comp.outlined-select.text-field.hover.supporting-text.color - static const TokenColorRole textFieldHoverSupportingTextColor = - TokenColorRole.onSurfaceVariant; - - /// md.comp.outlined-select.text-field.disabled.trailing-icon.opacity - static const double textFieldDisabledTrailingIconOpacity = 0.38; - - /// md.comp.outlined-select.menu.container.shape - static const ShapeStruct menuContainerShape = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 4.00, - topRight: 4.00, - bottomLeft: 4.00, - bottomRight: 4.00, - ); - - /// md.comp.outlined-select.text-field.hover.state-layer.opacity - static const double textFieldHoverStateLayerOpacity = 0.08; - - /// md.comp.outlined-select.text-field.error.focus.trailing-icon.color - static const TokenColorRole textFieldErrorFocusTrailingIconColor = - TokenColorRole.error; - - /// md.comp.outlined-select.text-field.error.hover.label-text.color - static const TokenColorRole textFieldErrorHoverLabelTextColor = - TokenColorRole.onErrorContainer; - - /// md.comp.outlined-select.menu.list-item.label-text.type - static const double menuListItemLabelTextTypeFontSize = 14.00; - - /// md.comp.outlined-select.menu.list-item.label-text.type - static const double menuListItemLabelTextTypeFontWeight = 500; - - /// md.comp.outlined-select.menu.list-item.label-text.type - static const double menuListItemLabelTextTypeLineHeight = 20.00; + static const double textFieldLabelTextTypeLineHeight = 24.00; - /// md.comp.outlined-select.menu.list-item.label-text.type - static const double menuListItemLabelTextTypeLetterSpacing = 0.10; + /// md.comp.outlined-select.text-field.leading-icon.color + static const TokenColorRole textFieldLeadingIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.outlined-select.menu.list-item.label-text.type - static const String menuListItemLabelTextTypeFontFamily = 'Roboto'; + /// md.comp.outlined-select.text-field.leading-icon.size + static const double textFieldLeadingIconSize = 24.00; - /// md.comp.outlined-select.text-field.disabled.outline.width - static const double textFieldDisabledOutlineWidth = 1.00; + /// md.comp.outlined-select.text-field.outline.color + static const TokenColorRole textFieldOutlineColor = TokenColorRole.outline; - /// md.comp.outlined-select.text-field.hover.trailing-icon.color - static const TokenColorRole textFieldHoverTrailingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.outlined-select.text-field.outline.width + static const double textFieldOutlineWidth = 1.00; - /// md.comp.outlined-select.menu.list-item.with-leading-icon.leading-icon.color - static const TokenColorRole menuListItemWithLeadingIconLeadingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.outlined-select.text-field.supporting-text.color + static const TokenColorRole textFieldSupportingTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.outlined-select.text-field.leading-icon.size - static const double textFieldLeadingIconSize = 24.00; + /// md.comp.outlined-select.text-field.supporting-text.font + static const String textFieldSupportingTextFont = 'Roboto'; - /// md.comp.outlined-select.text-field.container.shape - static const ShapeStruct textFieldContainerShape = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 4.00, - topRight: 4.00, - bottomLeft: 4.00, - bottomRight: 4.00, - ); + /// md.comp.outlined-select.text-field.supporting-text.type + static const String textFieldSupportingTextTypeFontFamily = 'Roboto'; - /// md.comp.outlined-select.text-field.error.leading-icon.color - static const TokenColorRole textFieldErrorLeadingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.outlined-select.text-field.supporting-text.type + static const double textFieldSupportingTextTypeFontSize = 12.00; - /// md.comp.outlined-select.text-field.disabled.leading-icon.opacity - static const double textFieldDisabledLeadingIconOpacity = 0.38; + /// md.comp.outlined-select.text-field.supporting-text.type + static const double textFieldSupportingTextTypeFontWeight = 400; - /// md.comp.outlined-select.text-field.error.hover.leading-icon.color - static const TokenColorRole textFieldErrorHoverLeadingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.outlined-select.text-field.supporting-text.type + static const double textFieldSupportingTextTypeLetterSpacing = 0.40; - /// md.comp.outlined-select.text-field.error.hover.state-layer.opacity - static const double textFieldErrorHoverStateLayerOpacity = 0.08; + /// md.comp.outlined-select.text-field.supporting-text.type + static const double textFieldSupportingTextTypeLineHeight = 16.00; - /// md.comp.outlined-select.text-field.disabled.outline.opacity - static const double textFieldDisabledOutlineOpacity = 0.12; + /// md.comp.outlined-select.text-field.trailing-icon.color + static const TokenColorRole textFieldTrailingIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.outlined-select.text-field.focus.input-text.color - static const TokenColorRole textFieldFocusInputTextColor = - TokenColorRole.onSurface; + /// md.comp.outlined-select.text-field.trailing-icon.size + static const double textFieldTrailingIconSize = 24.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/outlined_text_field.dart b/packages/material_ui/tool/gen_defaults/data/outlined_text_field.dart index 28e730bbc61e..8e9c9bdbb8c0 100644 --- a/packages/material_ui/tool/gen_defaults/data/outlined_text_field.dart +++ b/packages/material_ui/tool/gen_defaults/data/outlined_text_field.dart @@ -8,244 +8,194 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenOutlinedTextField { - /// md.comp.outlined-text-field.input-text.type - static const double inputTextTypeFontSize = 16.00; - - /// md.comp.outlined-text-field.input-text.type - static const double inputTextTypeFontWeight = 400; - - /// md.comp.outlined-text-field.input-text.type - static const double inputTextTypeLineHeight = 24.00; - - /// md.comp.outlined-text-field.input-text.type - static const double inputTextTypeLetterSpacing = 0.50; - - /// md.comp.outlined-text-field.input-text.type - static const String inputTextTypeFontFamily = 'Roboto'; - - /// md.comp.outlined-text-field.hover.leading-icon.color - static const TokenColorRole hoverLeadingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.outlined-text-field.caret.color + static const TokenColorRole caretColor = TokenColorRole.primary; - /// md.comp.outlined-text-field.disabled.trailing-icon.color - static const TokenColorRole disabledTrailingIconColor = - TokenColorRole.onSurface; + /// md.comp.outlined-text-field.container.shape + static const ShapeStruct containerShape = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 4.00, + topRight: 4.00, + bottomLeft: 4.00, + bottomRight: 4.00, + ); - /// md.comp.outlined-text-field.supporting-text.font - static const String supportingTextFont = 'Roboto'; + /// md.comp.outlined-text-field.disabled.input-text.color + static const TokenColorRole disabledInputTextColor = TokenColorRole.onSurface; - /// md.comp.outlined-text-field.error.hover.label-text.color - static const TokenColorRole errorHoverLabelTextColor = - TokenColorRole.onErrorContainer; + /// md.comp.outlined-text-field.disabled.input-text.opacity + static const double disabledInputTextOpacity = 0.38; - /// md.comp.outlined-text-field.error.input-text.color - static const TokenColorRole errorInputTextColor = TokenColorRole.onSurface; + /// md.comp.outlined-text-field.disabled.label-text.color + static const TokenColorRole disabledLabelTextColor = TokenColorRole.onSurface; - /// md.comp.outlined-text-field.error.focus.leading-icon.color - static const TokenColorRole errorFocusLeadingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.outlined-text-field.disabled.label-text.opacity + static const double disabledLabelTextOpacity = 0.38; - /// md.comp.outlined-text-field.hover.supporting-text.color - static const TokenColorRole hoverSupportingTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.outlined-text-field.disabled.leading-icon.color + static const TokenColorRole disabledLeadingIconColor = TokenColorRole.onSurface; - /// md.comp.outlined-text-field.disabled.outline.opacity - static const double disabledOutlineOpacity = 0.12; + /// md.comp.outlined-text-field.disabled.leading-icon.opacity + static const double disabledLeadingIconOpacity = 0.38; /// md.comp.outlined-text-field.disabled.outline.color static const TokenColorRole disabledOutlineColor = TokenColorRole.onSurface; - /// md.comp.outlined-text-field.input-text.placeholder.color - static const TokenColorRole inputTextPlaceholderColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.outlined-text-field.disabled.outline.opacity + static const double disabledOutlineOpacity = 0.12; - /// md.comp.outlined-text-field.disabled.label-text.opacity - static const double disabledLabelTextOpacity = 0.38; + /// md.comp.outlined-text-field.disabled.outline.width + static const double disabledOutlineWidth = 1.00; - /// md.comp.outlined-text-field.disabled.leading-icon.opacity - static const double disabledLeadingIconOpacity = 0.38; + /// md.comp.outlined-text-field.disabled.supporting-text.color + static const TokenColorRole disabledSupportingTextColor = TokenColorRole.onSurface; - /// md.comp.outlined-text-field.input-text.prefix.color - static const TokenColorRole inputTextPrefixColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.outlined-text-field.disabled.supporting-text.opacity + static const double disabledSupportingTextOpacity = 0.38; - /// md.comp.outlined-text-field.focus.leading-icon.color - static const TokenColorRole focusLeadingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.outlined-text-field.disabled.trailing-icon.color + static const TokenColorRole disabledTrailingIconColor = TokenColorRole.onSurface; - /// md.comp.outlined-text-field.disabled.input-text.color - static const TokenColorRole disabledInputTextColor = TokenColorRole.onSurface; + /// md.comp.outlined-text-field.disabled.trailing-icon.opacity + static const double disabledTrailingIconOpacity = 0.38; - /// md.comp.outlined-text-field.container.shape - static const ShapeStruct containerShape = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 4.00, - topRight: 4.00, - bottomLeft: 4.00, - bottomRight: 4.00, - ); + /// md.comp.outlined-text-field.error.focus.caret.color + static const TokenColorRole errorFocusCaretColor = TokenColorRole.error; - /// md.comp.outlined-text-field.supporting-text.type - static const double supportingTextTypeFontSize = 12.00; + /// md.comp.outlined-text-field.error.focus.input-text.color + static const TokenColorRole errorFocusInputTextColor = TokenColorRole.onSurface; - /// md.comp.outlined-text-field.supporting-text.type - static const double supportingTextTypeFontWeight = 400; + /// md.comp.outlined-text-field.error.focus.label-text.color + static const TokenColorRole errorFocusLabelTextColor = TokenColorRole.error; - /// md.comp.outlined-text-field.supporting-text.type - static const double supportingTextTypeLineHeight = 16.00; + /// md.comp.outlined-text-field.error.focus.leading-icon.color + static const TokenColorRole errorFocusLeadingIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.outlined-text-field.supporting-text.type - static const double supportingTextTypeLetterSpacing = 0.40; + /// md.comp.outlined-text-field.error.focus.outline.color + static const TokenColorRole errorFocusOutlineColor = TokenColorRole.error; - /// md.comp.outlined-text-field.supporting-text.type - static const String supportingTextTypeFontFamily = 'Roboto'; + /// md.comp.outlined-text-field.error.focus.supporting-text.color + static const TokenColorRole errorFocusSupportingTextColor = TokenColorRole.error; - /// md.comp.outlined-text-field.focus.label-text.color - static const TokenColorRole focusLabelTextColor = TokenColorRole.primary; + /// md.comp.outlined-text-field.error.focus.trailing-icon.color + static const TokenColorRole errorFocusTrailingIconColor = TokenColorRole.error; - /// md.comp.outlined-text-field.disabled.leading-icon.color - static const TokenColorRole disabledLeadingIconColor = - TokenColorRole.onSurface; + /// md.comp.outlined-text-field.error.hover.input-text.color + static const TokenColorRole errorHoverInputTextColor = TokenColorRole.onSurface; - /// md.comp.outlined-text-field.disabled.supporting-text.color - static const TokenColorRole disabledSupportingTextColor = - TokenColorRole.onSurface; + /// md.comp.outlined-text-field.error.hover.label-text.color + static const TokenColorRole errorHoverLabelTextColor = TokenColorRole.onErrorContainer; /// md.comp.outlined-text-field.error.hover.leading-icon.color - static const TokenColorRole errorHoverLeadingIconColor = - TokenColorRole.onSurfaceVariant; + static const TokenColorRole errorHoverLeadingIconColor = TokenColorRole.onSurfaceVariant; /// md.comp.outlined-text-field.error.hover.outline.color - static const TokenColorRole errorHoverOutlineColor = - TokenColorRole.onErrorContainer; - - /// md.comp.outlined-text-field.input-text.color - static const TokenColorRole inputTextColor = TokenColorRole.onSurface; - - /// md.comp.outlined-text-field.error.hover.input-text.color - static const TokenColorRole errorHoverInputTextColor = - TokenColorRole.onSurface; - - /// md.comp.outlined-text-field.leading-icon.size - static const double leadingIconSize = 24.00; + static const TokenColorRole errorHoverOutlineColor = TokenColorRole.onErrorContainer; - /// md.comp.outlined-text-field.hover.input-text.color - static const TokenColorRole hoverInputTextColor = TokenColorRole.onSurface; + /// md.comp.outlined-text-field.error.hover.supporting-text.color + static const TokenColorRole errorHoverSupportingTextColor = TokenColorRole.error; - /// md.comp.outlined-text-field.error.focus.label-text.color - static const TokenColorRole errorFocusLabelTextColor = TokenColorRole.error; + /// md.comp.outlined-text-field.error.hover.trailing-icon.color + static const TokenColorRole errorHoverTrailingIconColor = TokenColorRole.onErrorContainer; - /// md.comp.outlined-text-field.focus.supporting-text.color - static const TokenColorRole focusSupportingTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.outlined-text-field.error.input-text.color + static const TokenColorRole errorInputTextColor = TokenColorRole.onSurface; - /// md.comp.outlined-text-field.disabled.supporting-text.opacity - static const double disabledSupportingTextOpacity = 0.38; + /// md.comp.outlined-text-field.error.label-text.color + static const TokenColorRole errorLabelTextColor = TokenColorRole.error; - /// md.comp.outlined-text-field.outline.color - static const TokenColorRole outlineColor = TokenColorRole.outline; + /// md.comp.outlined-text-field.error.leading-icon.color + static const TokenColorRole errorLeadingIconColor = TokenColorRole.onSurfaceVariant; /// md.comp.outlined-text-field.error.outline.color static const TokenColorRole errorOutlineColor = TokenColorRole.error; - /// md.comp.outlined-text-field.error.hover.trailing-icon.color - static const TokenColorRole errorHoverTrailingIconColor = - TokenColorRole.onErrorContainer; + /// md.comp.outlined-text-field.error.supporting-text.color + static const TokenColorRole errorSupportingTextColor = TokenColorRole.error; - /// md.comp.outlined-text-field.input-text.suffix.color - static const TokenColorRole inputTextSuffixColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.outlined-text-field.error.trailing-icon.color + static const TokenColorRole errorTrailingIconColor = TokenColorRole.error; - /// md.comp.outlined-text-field.focus.trailing-icon.color - static const TokenColorRole focusTrailingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.outlined-text-field.focus.input-text.color + static const TokenColorRole focusInputTextColor = TokenColorRole.onSurface; - /// md.comp.outlined-text-field.error.focus.trailing-icon.color - static const TokenColorRole errorFocusTrailingIconColor = - TokenColorRole.error; + /// md.comp.outlined-text-field.focus.label-text.color + static const TokenColorRole focusLabelTextColor = TokenColorRole.primary; - /// md.comp.outlined-text-field.disabled.label-text.color - static const TokenColorRole disabledLabelTextColor = TokenColorRole.onSurface; + /// md.comp.outlined-text-field.focus.leading-icon.color + static const TokenColorRole focusLeadingIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.outlined-text-field.label-text.color - static const TokenColorRole labelTextColor = TokenColorRole.onSurfaceVariant; + /// md.comp.outlined-text-field.focus.outline.color + static const TokenColorRole focusOutlineColor = TokenColorRole.primary; - /// md.comp.outlined-text-field.error.focus.input-text.color - static const TokenColorRole errorFocusInputTextColor = - TokenColorRole.onSurface; + /// md.comp.outlined-text-field.focus.outline.width + static const double focusOutlineWidth = 3.00; - /// md.comp.outlined-text-field.error.leading-icon.color - static const TokenColorRole errorLeadingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.outlined-text-field.focus.supporting-text.color + static const TokenColorRole focusSupportingTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.outlined-text-field.input-text.font - static const String inputTextFont = 'Roboto'; + /// md.comp.outlined-text-field.focus.trailing-icon.color + static const TokenColorRole focusTrailingIconColor = TokenColorRole.onSurfaceVariant; + + /// md.comp.outlined-text-field.hover.input-text.color + static const TokenColorRole hoverInputTextColor = TokenColorRole.onSurface; /// md.comp.outlined-text-field.hover.label-text.color static const TokenColorRole hoverLabelTextColor = TokenColorRole.onSurface; + /// md.comp.outlined-text-field.hover.leading-icon.color + static const TokenColorRole hoverLeadingIconColor = TokenColorRole.onSurfaceVariant; + /// md.comp.outlined-text-field.hover.outline.color static const TokenColorRole hoverOutlineColor = TokenColorRole.onSurface; - /// md.comp.outlined-text-field.error.label-text.color - static const TokenColorRole errorLabelTextColor = TokenColorRole.error; - - /// md.comp.outlined-text-field.error.hover.supporting-text.color - static const TokenColorRole errorHoverSupportingTextColor = - TokenColorRole.error; - - /// md.comp.outlined-text-field.error.trailing-icon.color - static const TokenColorRole errorTrailingIconColor = TokenColorRole.error; + /// md.comp.outlined-text-field.hover.outline.width + static const double hoverOutlineWidth = 1.00; - /// md.comp.outlined-text-field.error.focus.supporting-text.color - static const TokenColorRole errorFocusSupportingTextColor = - TokenColorRole.error; + /// md.comp.outlined-text-field.hover.supporting-text.color + static const TokenColorRole hoverSupportingTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.outlined-text-field.error.supporting-text.color - static const TokenColorRole errorSupportingTextColor = TokenColorRole.error; + /// md.comp.outlined-text-field.hover.trailing-icon.color + static const TokenColorRole hoverTrailingIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.outlined-text-field.label-text.font - static const String labelTextFont = 'Roboto'; + /// md.comp.outlined-text-field.input-text.color + static const TokenColorRole inputTextColor = TokenColorRole.onSurface; - /// md.comp.outlined-text-field.trailing-icon.size - static const double trailingIconSize = 24.00; + /// md.comp.outlined-text-field.input-text.font + static const String inputTextFont = 'Roboto'; - /// md.comp.outlined-text-field.focus.outline.color - static const TokenColorRole focusOutlineColor = TokenColorRole.primary; + /// md.comp.outlined-text-field.input-text.placeholder.color + static const TokenColorRole inputTextPlaceholderColor = TokenColorRole.onSurfaceVariant; - /// md.comp.outlined-text-field.supporting-text.color - static const TokenColorRole supportingTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.outlined-text-field.input-text.prefix.color + static const TokenColorRole inputTextPrefixColor = TokenColorRole.onSurfaceVariant; - /// md.comp.outlined-text-field.disabled.trailing-icon.opacity - static const double disabledTrailingIconOpacity = 0.38; + /// md.comp.outlined-text-field.input-text.suffix.color + static const TokenColorRole inputTextSuffixColor = TokenColorRole.onSurfaceVariant; - /// md.comp.outlined-text-field.focus.outline.width - static const double focusOutlineWidth = 3.00; + /// md.comp.outlined-text-field.input-text.type + static const String inputTextTypeFontFamily = 'Roboto'; - /// md.comp.outlined-text-field.leading-icon.color - static const TokenColorRole leadingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.outlined-text-field.input-text.type + static const double inputTextTypeFontSize = 16.00; - /// md.comp.outlined-text-field.hover.outline.width - static const double hoverOutlineWidth = 1.00; + /// md.comp.outlined-text-field.input-text.type + static const double inputTextTypeFontWeight = 400; - /// md.comp.outlined-text-field.trailing-icon.color - static const TokenColorRole trailingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.outlined-text-field.input-text.type + static const double inputTextTypeLetterSpacing = 0.50; - /// md.comp.outlined-text-field.disabled.outline.width - static const double disabledOutlineWidth = 1.00; + /// md.comp.outlined-text-field.input-text.type + static const double inputTextTypeLineHeight = 24.00; - /// md.comp.outlined-text-field.caret.color - static const TokenColorRole caretColor = TokenColorRole.primary; + /// md.comp.outlined-text-field.label-text.color + static const TokenColorRole labelTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.outlined-text-field.focus.input-text.color - static const TokenColorRole focusInputTextColor = TokenColorRole.onSurface; + /// md.comp.outlined-text-field.label-text.font + static const String labelTextFont = 'Roboto'; - /// md.comp.outlined-text-field.hover.trailing-icon.color - static const TokenColorRole hoverTrailingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.outlined-text-field.label-text.type + static const String labelTextTypeFontFamily = 'Roboto'; /// md.comp.outlined-text-field.label-text.type static const double labelTextTypeFontSize = 16.00; @@ -253,24 +203,48 @@ class TokenOutlinedTextField { /// md.comp.outlined-text-field.label-text.type static const double labelTextTypeFontWeight = 400; - /// md.comp.outlined-text-field.label-text.type - static const double labelTextTypeLineHeight = 24.00; - /// md.comp.outlined-text-field.label-text.type static const double labelTextTypeLetterSpacing = 0.50; /// md.comp.outlined-text-field.label-text.type - static const String labelTextTypeFontFamily = 'Roboto'; + static const double labelTextTypeLineHeight = 24.00; - /// md.comp.outlined-text-field.disabled.input-text.opacity - static const double disabledInputTextOpacity = 0.38; + /// md.comp.outlined-text-field.leading-icon.color + static const TokenColorRole leadingIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.outlined-text-field.error.focus.caret.color - static const TokenColorRole errorFocusCaretColor = TokenColorRole.error; + /// md.comp.outlined-text-field.leading-icon.size + static const double leadingIconSize = 24.00; - /// md.comp.outlined-text-field.error.focus.outline.color - static const TokenColorRole errorFocusOutlineColor = TokenColorRole.error; + /// md.comp.outlined-text-field.outline.color + static const TokenColorRole outlineColor = TokenColorRole.outline; /// md.comp.outlined-text-field.outline.width static const double outlineWidth = 1.00; + + /// md.comp.outlined-text-field.supporting-text.color + static const TokenColorRole supportingTextColor = TokenColorRole.onSurfaceVariant; + + /// md.comp.outlined-text-field.supporting-text.font + static const String supportingTextFont = 'Roboto'; + + /// md.comp.outlined-text-field.supporting-text.type + static const String supportingTextTypeFontFamily = 'Roboto'; + + /// md.comp.outlined-text-field.supporting-text.type + static const double supportingTextTypeFontSize = 12.00; + + /// md.comp.outlined-text-field.supporting-text.type + static const double supportingTextTypeFontWeight = 400; + + /// md.comp.outlined-text-field.supporting-text.type + static const double supportingTextTypeLetterSpacing = 0.40; + + /// md.comp.outlined-text-field.supporting-text.type + static const double supportingTextTypeLineHeight = 16.00; + + /// md.comp.outlined-text-field.trailing-icon.color + static const TokenColorRole trailingIconColor = TokenColorRole.onSurfaceVariant; + + /// md.comp.outlined-text-field.trailing-icon.size + static const double trailingIconSize = 24.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/palette.dart b/packages/material_ui/tool/gen_defaults/data/palette.dart index 4b87a5c6c6ce..1d5549ef5b86 100644 --- a/packages/material_ui/tool/gen_defaults/data/palette.dart +++ b/packages/material_ui/tool/gen_defaults/data/palette.dart @@ -5,720 +5,720 @@ // Version: 36.0.6 class TokenPalette { - /// md.ref.palette.blue60 - static const String blue60 = '0xFF4E8FF8'; - - /// md.ref.palette.white - static const String white = '0xFFFFFFFF'; - - /// md.ref.palette.error100 - static const String error100 = '0xFFFFFFFF'; - - /// md.ref.palette.secondary90 - static const String secondary90 = '0xFFE8DEF8'; - - /// md.ref.palette.green70 - static const String green70 = '0xFF44C265'; - - /// md.ref.palette.cyan80 - static const String cyan80 = '0xFF60D5F3'; - - /// md.ref.palette.tertiary40 - static const String tertiary40 = '0xFF7D5260'; + /// md.ref.palette.black + static const String black = '0xFF000000'; /// md.ref.palette.blue0 static const String blue0 = '0xFF000000'; - /// md.ref.palette.yellow70 - static const String yellow70 = '0xFFEF9800'; - - /// md.ref.palette.purple10 - static const String purple10 = '0xFF280255'; + /// md.ref.palette.blue10 + static const String blue10 = '0xFF001944'; - /// md.ref.palette.red95 - static const String red95 = '0xFFFFECEE'; + /// md.ref.palette.blue100 + static const String blue100 = '0xFFFFFFFF'; - /// md.ref.palette.orange98 - static const String orange98 = '0xFFFFF8F4'; + /// md.ref.palette.blue20 + static const String blue20 = '0xFF012C6F'; - /// md.ref.palette.green100 - static const String green100 = '0xFFFFFFFF'; + /// md.ref.palette.blue30 + static const String blue30 = '0xFF04409F'; - /// md.ref.palette.orange30 - static const String orange30 = '0xFF753403'; + /// md.ref.palette.blue40 + static const String blue40 = '0xFF1157CE'; - /// md.ref.palette.grey-variant10 - static const String greyVariant10 = '0xFF191D1C'; + /// md.ref.palette.blue50 + static const String blue50 = '0xFF3271EA'; - /// md.ref.palette.neutral50 - static const String neutral50 = '0xFF79767D'; + /// md.ref.palette.blue60 + static const String blue60 = '0xFF4E8FF8'; - /// md.ref.palette.purple80 - static const String purple80 = '0xFFD9BAFD'; + /// md.ref.palette.blue70 + static const String blue70 = '0xFF76ACFF'; - /// md.ref.palette.blue-variant95 - static const String blueVariant95 = '0xFFE0F4FF'; + /// md.ref.palette.blue80 + static const String blue80 = '0xFFA1C9FF'; - /// md.ref.palette.neutral-variant40 - static const String neutralVariant40 = '0xFF605D66'; + /// md.ref.palette.blue90 + static const String blue90 = '0xFFD0E4FF'; - /// md.ref.palette.secondary95 - static const String secondary95 = '0xFFF6EDFF'; + /// md.ref.palette.blue95 + static const String blue95 = '0xFFE7F2FF'; - /// md.ref.palette.secondary60 - static const String secondary60 = '0xFF958DA5'; + /// md.ref.palette.blue98 + static const String blue98 = '0xFFF5FAFF'; - /// md.ref.palette.neutral70 - static const String neutral70 = '0xFFAEA9B1'; + /// md.ref.palette.blue-variant0 + static const String blueVariant0 = '0xFF000000'; /// md.ref.palette.blue-variant10 static const String blueVariant10 = '0xFF001F2D'; - /// md.ref.palette.red10 - static const String red10 = '0xFF3A0907'; - - /// md.ref.palette.neutral-variant80 - static const String neutralVariant80 = '0xFFCAC4D0'; + /// md.ref.palette.blue-variant100 + static const String blueVariant100 = '0xFFFFFFFF'; - /// md.ref.palette.blue90 - static const String blue90 = '0xFFD0E4FF'; + /// md.ref.palette.blue-variant20 + static const String blueVariant20 = '0xFF003549'; - /// md.ref.palette.blue-variant80 - static const String blueVariant80 = '0xFF67D4FF'; + /// md.ref.palette.blue-variant30 + static const String blueVariant30 = '0xFF004D68'; - /// md.ref.palette.secondary20 - static const String secondary20 = '0xFF332D41'; + /// md.ref.palette.blue-variant40 + static const String blueVariant40 = '0xFF006788'; - /// md.ref.palette.tertiary80 - static const String tertiary80 = '0xFFEFB8C8'; + /// md.ref.palette.blue-variant50 + static const String blueVariant50 = '0xFF0081A8'; - /// md.ref.palette.neutral20 - static const String neutral20 = '0xFF322F35'; + /// md.ref.palette.blue-variant60 + static const String blueVariant60 = '0xFF009DC9'; - /// md.ref.palette.neutral87 - static const String neutral87 = '0xFFDED8E1'; + /// md.ref.palette.blue-variant70 + static const String blueVariant70 = '0xFF00BBEA'; - /// md.ref.palette.tertiary90 - static const String tertiary90 = '0xFFFFD8E4'; + /// md.ref.palette.blue-variant80 + static const String blueVariant80 = '0xFF67D4FF'; - /// md.ref.palette.grey60 - static const String grey60 = '0xFF919191'; + /// md.ref.palette.blue-variant90 + static const String blueVariant90 = '0xFFBDE9FF'; - /// md.ref.palette.neutral-variant70 - static const String neutralVariant70 = '0xFFAEA9B4'; + /// md.ref.palette.blue-variant95 + static const String blueVariant95 = '0xFFE0F4FF'; - /// md.ref.palette.grey-variant95 - static const String greyVariant95 = '0xFFEFF2EF'; + /// md.ref.palette.blue-variant98 + static const String blueVariant98 = '0xFFF4FAFF'; - /// md.ref.palette.red30 - static const String red30 = '0xFF8A1A16'; + /// md.ref.palette.cyan0 + static const String cyan0 = '0xFF000000'; - /// md.ref.palette.blue20 - static const String blue20 = '0xFF012C6F'; + /// md.ref.palette.cyan10 + static const String cyan10 = '0xFF001F26'; - /// md.ref.palette.error70 - static const String error70 = '0xFFEC928E'; + /// md.ref.palette.cyan100 + static const String cyan100 = '0xFFFFFFFF'; - /// md.ref.palette.blue-variant98 - static const String blueVariant98 = '0xFFF4FAFF'; + /// md.ref.palette.cyan20 + static const String cyan20 = '0xFF003641'; - /// md.ref.palette.green30 - static const String green30 = '0xFF00522C'; + /// md.ref.palette.cyan30 + static const String cyan30 = '0xFF004E5D'; - /// md.ref.palette.tertiary50 - static const String tertiary50 = '0xFF986977'; + /// md.ref.palette.cyan40 + static const String cyan40 = '0xFF00687C'; - /// md.ref.palette.blue-variant50 - static const String blueVariant50 = '0xFF0081A8'; + /// md.ref.palette.cyan50 + static const String cyan50 = '0xFF00839B'; - /// md.ref.palette.yellow90 - static const String yellow90 = '0xFFFFE07C'; + /// md.ref.palette.cyan60 + static const String cyan60 = '0xFF009EBB'; - /// md.ref.palette.error99 - static const String error99 = '0xFFFFFBF9'; + /// md.ref.palette.cyan70 + static const String cyan70 = '0xFF00BBDF'; - /// md.ref.palette.secondary30 - static const String secondary30 = '0xFF4A4458'; + /// md.ref.palette.cyan80 + static const String cyan80 = '0xFF60D5F3'; /// md.ref.palette.cyan90 static const String cyan90 = '0xFFACEDFF'; - /// md.ref.palette.neutral10 - static const String neutral10 = '0xFF1D1B20'; - - /// md.ref.palette.primary10 - static const String primary10 = '0xFF21005D'; + /// md.ref.palette.cyan95 + static const String cyan95 = '0xFFD8F6FF'; - /// md.ref.palette.neutral90 - static const String neutral90 = '0xFFE6E0E9'; + /// md.ref.palette.cyan98 + static const String cyan98 = '0xFFF0FBFF'; - /// md.ref.palette.blue100 - static const String blue100 = '0xFFFFFFFF'; + /// md.ref.palette.error0 + static const String error0 = '0xFF000000'; - /// md.ref.palette.neutral92 - static const String neutral92 = '0xFFECE6F0'; + /// md.ref.palette.error10 + static const String error10 = '0xFF410E0B'; - /// md.ref.palette.neutral-variant95 - static const String neutralVariant95 = '0xFFF5EEFA'; + /// md.ref.palette.error100 + static const String error100 = '0xFFFFFFFF'; - /// md.ref.palette.red20 - static const String red20 = '0xFF60150F'; + /// md.ref.palette.error20 + static const String error20 = '0xFF601410'; - /// md.ref.palette.blue80 - static const String blue80 = '0xFFA1C9FF'; + /// md.ref.palette.error30 + static const String error30 = '0xFF8C1D18'; - /// md.ref.palette.cyan98 - static const String cyan98 = '0xFFF0FBFF'; + /// md.ref.palette.error40 + static const String error40 = '0xFFB3261E'; - /// md.ref.palette.purple20 - static const String purple20 = '0xFF400B84'; + /// md.ref.palette.error50 + static const String error50 = '0xFFDC362E'; - /// md.ref.palette.neutral-variant90 - static const String neutralVariant90 = '0xFFE7E0EC'; + /// md.ref.palette.error60 + static const String error60 = '0xFFE46962'; - /// md.ref.palette.primary95 - static const String primary95 = '0xFFF6EDFF'; + /// md.ref.palette.error70 + static const String error70 = '0xFFEC928E'; - /// md.ref.palette.grey-variant80 - static const String greyVariant80 = '0xFFC4C7C5'; + /// md.ref.palette.error80 + static const String error80 = '0xFFF2B8B5'; - /// md.ref.palette.neutral95 - static const String neutral95 = '0xFFF5EFF7'; + /// md.ref.palette.error90 + static const String error90 = '0xFFF9DEDC'; - /// md.ref.palette.primary80 - static const String primary80 = '0xFFD0BCFF'; + /// md.ref.palette.error95 + static const String error95 = '0xFFFCEEEE'; - /// md.ref.palette.red50 - static const String red50 = '0xFFDB372D'; + /// md.ref.palette.error98 + static const String error98 = '0xFFFFF8F7'; - /// md.ref.palette.pink30 - static const String pink30 = '0xFF8D0053'; + /// md.ref.palette.error99 + static const String error99 = '0xFFFFFBF9'; - /// md.ref.palette.grey-variant20 - static const String greyVariant20 = '0xFF2D312F'; + /// md.ref.palette.green0 + static const String green0 = '0xFF000000'; - /// md.ref.palette.secondary40 - static const String secondary40 = '0xFF625B71'; + /// md.ref.palette.green10 + static const String green10 = '0xFF002110'; - /// md.ref.palette.secondary70 - static const String secondary70 = '0xFFB0A7C0'; + /// md.ref.palette.green100 + static const String green100 = '0xFFFFFFFF'; - /// md.ref.palette.secondary99 - static const String secondary99 = '0xFFFFFBFE'; + /// md.ref.palette.green20 + static const String green20 = '0xFF00381F'; - /// md.ref.palette.blue70 - static const String blue70 = '0xFF76ACFF'; + /// md.ref.palette.green30 + static const String green30 = '0xFF00522C'; - /// md.ref.palette.black - static const String black = '0xFF000000'; + /// md.ref.palette.green40 + static const String green40 = '0xFF006C35'; - /// md.ref.palette.grey80 - static const String grey80 = '0xFFC7C7C7'; + /// md.ref.palette.green50 + static const String green50 = '0xFF128937'; - /// md.ref.palette.pink50 - static const String pink50 = '0xFFDC258D'; + /// md.ref.palette.green60 + static const String green60 = '0xFF1AA64A'; - /// md.ref.palette.tertiary10 - static const String tertiary10 = '0xFF31111D'; + /// md.ref.palette.green70 + static const String green70 = '0xFF44C265'; - /// md.ref.palette.grey50 - static const String grey50 = '0xFF777777'; + /// md.ref.palette.green80 + static const String green80 = '0xFF80DA88'; - /// md.ref.palette.tertiary0 - static const String tertiary0 = '0xFF000000'; + /// md.ref.palette.green90 + static const String green90 = '0xFFBEEFBB'; - /// md.ref.palette.cyan20 - static const String cyan20 = '0xFF003641'; + /// md.ref.palette.green95 + static const String green95 = '0xFFDDF8D8'; - /// md.ref.palette.primary40 - static const String primary40 = '0xFF6750A4'; + /// md.ref.palette.green98 + static const String green98 = '0xFFF2FCEF'; - /// md.ref.palette.primary50 - static const String primary50 = '0xFF7F67BE'; + /// md.ref.palette.grey0 + static const String grey0 = '0xFF000000'; - /// md.ref.palette.neutral24 - static const String neutral24 = '0xFF3B383E'; + /// md.ref.palette.grey10 + static const String grey10 = '0xFF1B1B1C'; - /// md.ref.palette.neutral40 - static const String neutral40 = '0xFF605D64'; + /// md.ref.palette.grey100 + static const String grey100 = '0xFFFFFFFF'; - /// md.ref.palette.orange100 - static const String orange100 = '0xFFFFFFFF'; + /// md.ref.palette.grey20 + static const String grey20 = '0xFF303030'; - /// md.ref.palette.pink80 - static const String pink80 = '0xFFFFAEE4'; + /// md.ref.palette.grey30 + static const String grey30 = '0xFF474747'; - /// md.ref.palette.neutral6 - static const String neutral6 = '0xFF141218'; + /// md.ref.palette.grey40 + static const String grey40 = '0xFF5E5E5E'; - /// md.ref.palette.tertiary60 - static const String tertiary60 = '0xFFB58392'; + /// md.ref.palette.grey50 + static const String grey50 = '0xFF777777'; - /// md.ref.palette.neutral-variant30 - static const String neutralVariant30 = '0xFF49454F'; + /// md.ref.palette.grey60 + static const String grey60 = '0xFF919191'; - /// md.ref.palette.red40 - static const String red40 = '0xFFB3251E'; + /// md.ref.palette.grey70 + static const String grey70 = '0xFFABABAB'; - /// md.ref.palette.pink70 - static const String pink70 = '0xFFFF7DD2'; + /// md.ref.palette.grey80 + static const String grey80 = '0xFFC7C7C7'; - /// md.ref.palette.green10 - static const String green10 = '0xFF002110'; + /// md.ref.palette.grey90 + static const String grey90 = '0xFFE3E3E3'; - /// md.ref.palette.yellow95 - static const String yellow95 = '0xFFFFF2B4'; + /// md.ref.palette.grey95 + static const String grey95 = '0xFFF2F2F2'; - /// md.ref.palette.neutral-variant10 - static const String neutralVariant10 = '0xFF1D1A22'; + /// md.ref.palette.grey98 + static const String grey98 = '0xFFF9F9F9'; - /// md.ref.palette.primary98 - static const String primary98 = '0xFFFEF7FF'; + /// md.ref.palette.grey-variant0 + static const String greyVariant0 = '0xFF000000'; - /// md.ref.palette.primary90 - static const String primary90 = '0xFFEADDFF'; + /// md.ref.palette.grey-variant10 + static const String greyVariant10 = '0xFF191D1C'; - /// md.ref.palette.grey70 - static const String grey70 = '0xFFABABAB'; + /// md.ref.palette.grey-variant100 + static const String greyVariant100 = '0xFFFFFFFF'; - /// md.ref.palette.neutral0 - static const String neutral0 = '0xFF000000'; + /// md.ref.palette.grey-variant20 + static const String greyVariant20 = '0xFF2D312F'; - /// md.ref.palette.neutral22 - static const String neutral22 = '0xFF36343B'; + /// md.ref.palette.grey-variant30 + static const String greyVariant30 = '0xFF444746'; - /// md.ref.palette.tertiary30 - static const String tertiary30 = '0xFF633B48'; + /// md.ref.palette.grey-variant40 + static const String greyVariant40 = '0xFF5C5F5E'; - /// md.ref.palette.error0 - static const String error0 = '0xFF000000'; + /// md.ref.palette.grey-variant50 + static const String greyVariant50 = '0xFF747775'; - /// md.ref.palette.pink10 - static const String pink10 = '0xFF3D0023'; + /// md.ref.palette.grey-variant60 + static const String greyVariant60 = '0xFF8E918F'; - /// md.ref.palette.error50 - static const String error50 = '0xFFDC362E'; + /// md.ref.palette.grey-variant70 + static const String greyVariant70 = '0xFFA9ACAA'; - /// md.ref.palette.blue-variant100 - static const String blueVariant100 = '0xFFFFFFFF'; + /// md.ref.palette.grey-variant80 + static const String greyVariant80 = '0xFFC4C7C5'; - /// md.ref.palette.pink60 - static const String pink60 = '0xFFF94AAB'; + /// md.ref.palette.grey-variant90 + static const String greyVariant90 = '0xFFE1E3E1'; - /// md.ref.palette.neutral-variant60 - static const String neutralVariant60 = '0xFF938F99'; + /// md.ref.palette.grey-variant95 + static const String greyVariant95 = '0xFFEFF2EF'; - /// md.ref.palette.tertiary95 - static const String tertiary95 = '0xFFFFECF1'; + /// md.ref.palette.grey-variant98 + static const String greyVariant98 = '0xFFF7FAF7'; - /// md.ref.palette.secondary98 - static const String secondary98 = '0xFFFEF7FF'; + /// md.ref.palette.neutral0 + static const String neutral0 = '0xFF000000'; - /// md.ref.palette.blue40 - static const String blue40 = '0xFF1157CE'; + /// md.ref.palette.neutral10 + static const String neutral10 = '0xFF1D1B20'; - /// md.ref.palette.yellow50 - static const String yellow50 = '0xFFB16300'; + /// md.ref.palette.neutral100 + static const String neutral100 = '0xFFFFFFFF'; - /// md.ref.palette.primary30 - static const String primary30 = '0xFF4F378B'; + /// md.ref.palette.neutral12 + static const String neutral12 = '0xFF211F26'; - /// md.ref.palette.grey-variant30 - static const String greyVariant30 = '0xFF444746'; + /// md.ref.palette.neutral17 + static const String neutral17 = '0xFF2B2930'; - /// md.ref.palette.grey20 - static const String grey20 = '0xFF303030'; + /// md.ref.palette.neutral20 + static const String neutral20 = '0xFF322F35'; - /// md.ref.palette.cyan10 - static const String cyan10 = '0xFF001F26'; + /// md.ref.palette.neutral22 + static const String neutral22 = '0xFF36343B'; - /// md.ref.palette.pink0 - static const String pink0 = '0xFF000000'; + /// md.ref.palette.neutral24 + static const String neutral24 = '0xFF3B383E'; - /// md.ref.palette.cyan30 - static const String cyan30 = '0xFF004E5D'; + /// md.ref.palette.neutral30 + static const String neutral30 = '0xFF48464C'; - /// md.ref.palette.neutral12 - static const String neutral12 = '0xFF211F26'; + /// md.ref.palette.neutral4 + static const String neutral4 = '0xFF0F0D13'; - /// md.ref.palette.neutral-variant100 - static const String neutralVariant100 = '0xFFFFFFFF'; + /// md.ref.palette.neutral40 + static const String neutral40 = '0xFF605D64'; - /// md.ref.palette.grey30 - static const String grey30 = '0xFF474747'; + /// md.ref.palette.neutral50 + static const String neutral50 = '0xFF79767D'; - /// md.ref.palette.neutral100 - static const String neutral100 = '0xFFFFFFFF'; + /// md.ref.palette.neutral6 + static const String neutral6 = '0xFF141218'; - /// md.ref.palette.tertiary98 - static const String tertiary98 = '0xFFFFF8F8'; + /// md.ref.palette.neutral60 + static const String neutral60 = '0xFF938F96'; - /// md.ref.palette.grey100 - static const String grey100 = '0xFFFFFFFF'; + /// md.ref.palette.neutral70 + static const String neutral70 = '0xFFAEA9B1'; - /// md.ref.palette.pink20 - static const String pink20 = '0xFF620438'; + /// md.ref.palette.neutral80 + static const String neutral80 = '0xFFCAC5CD'; - /// md.ref.palette.cyan40 - static const String cyan40 = '0xFF00687C'; + /// md.ref.palette.neutral87 + static const String neutral87 = '0xFFDED8E1'; - /// md.ref.palette.error10 - static const String error10 = '0xFF410E0B'; + /// md.ref.palette.neutral90 + static const String neutral90 = '0xFFE6E0E9'; - /// md.ref.palette.purple98 - static const String purple98 = '0xFFFDF8FF'; + /// md.ref.palette.neutral92 + static const String neutral92 = '0xFFECE6F0'; - /// md.ref.palette.error60 - static const String error60 = '0xFFE46962'; + /// md.ref.palette.neutral94 + static const String neutral94 = '0xFFF3EDF7'; - /// md.ref.palette.grey95 - static const String grey95 = '0xFFF2F2F2'; + /// md.ref.palette.neutral95 + static const String neutral95 = '0xFFF5EFF7'; - /// md.ref.palette.blue50 - static const String blue50 = '0xFF3271EA'; + /// md.ref.palette.neutral96 + static const String neutral96 = '0xFFF7F2FA'; - /// md.ref.palette.blue98 - static const String blue98 = '0xFFF5FAFF'; + /// md.ref.palette.neutral98 + static const String neutral98 = '0xFFFEF7FF'; /// md.ref.palette.neutral99 static const String neutral99 = '0xFFFFFBFF'; - /// md.ref.palette.yellow80 - static const String yellow80 = '0xFFFCBD00'; + /// md.ref.palette.neutral-variant0 + static const String neutralVariant0 = '0xFF000000'; - /// md.ref.palette.blue-variant30 - static const String blueVariant30 = '0xFF004D68'; + /// md.ref.palette.neutral-variant10 + static const String neutralVariant10 = '0xFF1D1A22'; - /// md.ref.palette.grey0 - static const String grey0 = '0xFF000000'; + /// md.ref.palette.neutral-variant100 + static const String neutralVariant100 = '0xFFFFFFFF'; - /// md.ref.palette.primary20 - static const String primary20 = '0xFF381E72'; + /// md.ref.palette.neutral-variant20 + static const String neutralVariant20 = '0xFF322F37'; - /// md.ref.palette.green98 - static const String green98 = '0xFFF2FCEF'; + /// md.ref.palette.neutral-variant30 + static const String neutralVariant30 = '0xFF49454F'; - /// md.ref.palette.error90 - static const String error90 = '0xFFF9DEDC'; + /// md.ref.palette.neutral-variant40 + static const String neutralVariant40 = '0xFF605D66'; - /// md.ref.palette.blue-variant20 - static const String blueVariant20 = '0xFF003549'; + /// md.ref.palette.neutral-variant50 + static const String neutralVariant50 = '0xFF79747E'; - /// md.ref.palette.orange0 - static const String orange0 = '0xFF000000'; + /// md.ref.palette.neutral-variant60 + static const String neutralVariant60 = '0xFF938F99'; - /// md.ref.palette.purple100 - static const String purple100 = '0xFFFFFFFF'; + /// md.ref.palette.neutral-variant70 + static const String neutralVariant70 = '0xFFAEA9B4'; - /// md.ref.palette.primary70 - static const String primary70 = '0xFFB69DF8'; + /// md.ref.palette.neutral-variant80 + static const String neutralVariant80 = '0xFFCAC4D0'; - /// md.ref.palette.grey-variant0 - static const String greyVariant0 = '0xFF000000'; + /// md.ref.palette.neutral-variant90 + static const String neutralVariant90 = '0xFFE7E0EC'; - /// md.ref.palette.secondary80 - static const String secondary80 = '0xFFCCC2DC'; + /// md.ref.palette.neutral-variant95 + static const String neutralVariant95 = '0xFFF5EEFA'; - /// md.ref.palette.neutral96 - static const String neutral96 = '0xFFF7F2FA'; + /// md.ref.palette.neutral-variant98 + static const String neutralVariant98 = '0xFFFDF7FF'; - /// md.ref.palette.blue-variant60 - static const String blueVariant60 = '0xFF009DC9'; + /// md.ref.palette.neutral-variant99 + static const String neutralVariant99 = '0xFFFFFBFE'; - /// md.ref.palette.red90 - static const String red90 = '0xFFFFDADC'; + /// md.ref.palette.orange0 + static const String orange0 = '0xFF000000'; - /// md.ref.palette.cyan95 - static const String cyan95 = '0xFFD8F6FF'; + /// md.ref.palette.orange10 + static const String orange10 = '0xFF321200'; - /// md.ref.palette.green50 - static const String green50 = '0xFF128937'; + /// md.ref.palette.orange100 + static const String orange100 = '0xFFFFFFFF'; - /// md.ref.palette.yellow0 - static const String yellow0 = '0xFF000000'; + /// md.ref.palette.orange20 + static const String orange20 = '0xFF522302'; - /// md.ref.palette.green0 - static const String green0 = '0xFF000000'; + /// md.ref.palette.orange30 + static const String orange30 = '0xFF753403'; - /// md.ref.palette.cyan70 - static const String cyan70 = '0xFF00BBDF'; + /// md.ref.palette.orange40 + static const String orange40 = '0xFF9A4600'; - /// md.ref.palette.neutral-variant99 - static const String neutralVariant99 = '0xFFFFFBFE'; + /// md.ref.palette.orange50 + static const String orange50 = '0xFFC05A01'; - /// md.ref.palette.blue30 - static const String blue30 = '0xFF04409F'; + /// md.ref.palette.orange60 + static const String orange60 = '0xFFE86E00'; - /// md.ref.palette.grey98 - static const String grey98 = '0xFFF9F9F9'; + /// md.ref.palette.orange70 + static const String orange70 = '0xFFFF8D41'; - /// md.ref.palette.green40 - static const String green40 = '0xFF006C35'; + /// md.ref.palette.orange80 + static const String orange80 = '0xFFFFB683'; - /// md.ref.palette.grey-variant50 - static const String greyVariant50 = '0xFF747775'; + /// md.ref.palette.orange90 + static const String orange90 = '0xFFFFDCC3'; - /// md.ref.palette.error30 - static const String error30 = '0xFF8C1D18'; + /// md.ref.palette.orange95 + static const String orange95 = '0xFFFFEDE1'; - /// md.ref.palette.secondary100 - static const String secondary100 = '0xFFFFFFFF'; + /// md.ref.palette.orange98 + static const String orange98 = '0xFFFFF8F4'; - /// md.ref.palette.grey-variant60 - static const String greyVariant60 = '0xFF8E918F'; + /// md.ref.palette.pink0 + static const String pink0 = '0xFF000000'; - /// md.ref.palette.purple40 - static const String purple40 = '0xFF7438D2'; + /// md.ref.palette.pink10 + static const String pink10 = '0xFF3D0023'; - /// md.ref.palette.yellow30 - static const String yellow30 = '0xFF6D3A01'; + /// md.ref.palette.pink100 + static const String pink100 = '0xFFFFFFFF'; - /// md.ref.palette.yellow100 - static const String yellow100 = '0xFFFFFFFF'; + /// md.ref.palette.pink20 + static const String pink20 = '0xFF620438'; - /// md.ref.palette.cyan60 - static const String cyan60 = '0xFF009EBB'; + /// md.ref.palette.pink30 + static const String pink30 = '0xFF8D0053'; - /// md.ref.palette.purple90 - static const String purple90 = '0xFFEEDCFE'; + /// md.ref.palette.pink40 + static const String pink40 = '0xFFB60D6E'; - /// md.ref.palette.tertiary99 - static const String tertiary99 = '0xFFFFFBFA'; + /// md.ref.palette.pink50 + static const String pink50 = '0xFFDC258D'; - /// md.ref.palette.secondary50 - static const String secondary50 = '0xFF7A7289'; + /// md.ref.palette.pink60 + static const String pink60 = '0xFFF94AAB'; - /// md.ref.palette.orange80 - static const String orange80 = '0xFFFFB683'; + /// md.ref.palette.pink70 + static const String pink70 = '0xFFFF7DD2'; + + /// md.ref.palette.pink80 + static const String pink80 = '0xFFFFAEE4'; /// md.ref.palette.pink90 static const String pink90 = '0xFFFFD8EF'; - /// md.ref.palette.cyan50 - static const String cyan50 = '0xFF00839B'; + /// md.ref.palette.pink95 + static const String pink95 = '0xFFFFECF6'; - /// md.ref.palette.grey90 - static const String grey90 = '0xFFE3E3E3'; + /// md.ref.palette.pink98 + static const String pink98 = '0xFFFFF7FC'; - /// md.ref.palette.neutral-variant98 - static const String neutralVariant98 = '0xFFFDF7FF'; + /// md.ref.palette.primary0 + static const String primary0 = '0xFF000000'; - /// md.ref.palette.neutral60 - static const String neutral60 = '0xFF938F96'; + /// md.ref.palette.primary10 + static const String primary10 = '0xFF21005D'; - /// md.ref.palette.neutral-variant0 - static const String neutralVariant0 = '0xFF000000'; + /// md.ref.palette.primary100 + static const String primary100 = '0xFFFFFFFF'; - /// md.ref.palette.grey-variant100 - static const String greyVariant100 = '0xFFFFFFFF'; + /// md.ref.palette.primary20 + static const String primary20 = '0xFF381E72'; - /// md.ref.palette.green95 - static const String green95 = '0xFFDDF8D8'; + /// md.ref.palette.primary30 + static const String primary30 = '0xFF4F378B'; - /// md.ref.palette.grey-variant90 - static const String greyVariant90 = '0xFFE1E3E1'; + /// md.ref.palette.primary40 + static const String primary40 = '0xFF6750A4'; - /// md.ref.palette.neutral98 - static const String neutral98 = '0xFFFEF7FF'; + /// md.ref.palette.primary50 + static const String primary50 = '0xFF7F67BE'; - /// md.ref.palette.secondary0 - static const String secondary0 = '0xFF000000'; + /// md.ref.palette.primary60 + static const String primary60 = '0xFF9A82DB'; - /// md.ref.palette.yellow10 - static const String yellow10 = '0xFF2F1400'; + /// md.ref.palette.primary70 + static const String primary70 = '0xFFB69DF8'; - /// md.ref.palette.orange40 - static const String orange40 = '0xFF9A4600'; + /// md.ref.palette.primary80 + static const String primary80 = '0xFFD0BCFF'; - /// md.ref.palette.purple95 - static const String purple95 = '0xFFF7ECFE'; + /// md.ref.palette.primary90 + static const String primary90 = '0xFFEADDFF'; - /// md.ref.palette.orange95 - static const String orange95 = '0xFFFFEDE1'; + /// md.ref.palette.primary95 + static const String primary95 = '0xFFF6EDFF'; + + /// md.ref.palette.primary98 + static const String primary98 = '0xFFFEF7FF'; + + /// md.ref.palette.primary99 + static const String primary99 = '0xFFFFFBFE'; /// md.ref.palette.purple0 static const String purple0 = '0xFF000000'; - /// md.ref.palette.secondary10 - static const String secondary10 = '0xFF1D192B'; + /// md.ref.palette.purple10 + static const String purple10 = '0xFF280255'; - /// md.ref.palette.error80 - static const String error80 = '0xFFF2B8B5'; + /// md.ref.palette.purple100 + static const String purple100 = '0xFFFFFFFF'; - /// md.ref.palette.red70 - static const String red70 = '0xFFFF8983'; + /// md.ref.palette.purple20 + static const String purple20 = '0xFF400B84'; - /// md.ref.palette.primary100 - static const String primary100 = '0xFFFFFFFF'; + /// md.ref.palette.purple30 + static const String purple30 = '0xFF5629A4'; - /// md.ref.palette.neutral80 - static const String neutral80 = '0xFFCAC5CD'; + /// md.ref.palette.purple40 + static const String purple40 = '0xFF7438D2'; - /// md.ref.palette.red98 - static const String red98 = '0xFFFFF8F8'; + /// md.ref.palette.purple50 + static const String purple50 = '0xFF9254EA'; - /// md.ref.palette.grey-variant98 - static const String greyVariant98 = '0xFFF7FAF7'; + /// md.ref.palette.purple60 + static const String purple60 = '0xFFAD72FF'; - /// md.ref.palette.grey40 - static const String grey40 = '0xFF5E5E5E'; + /// md.ref.palette.purple70 + static const String purple70 = '0xFFC597FF'; - /// md.ref.palette.purple30 - static const String purple30 = '0xFF5629A4'; + /// md.ref.palette.purple80 + static const String purple80 = '0xFFD9BAFD'; - /// md.ref.palette.yellow20 - static const String yellow20 = '0xFF4D2600'; + /// md.ref.palette.purple90 + static const String purple90 = '0xFFEEDCFE'; - /// md.ref.palette.blue-variant40 - static const String blueVariant40 = '0xFF006788'; + /// md.ref.palette.purple95 + static const String purple95 = '0xFFF7ECFE'; - /// md.ref.palette.grey-variant40 - static const String greyVariant40 = '0xFF5C5F5E'; + /// md.ref.palette.purple98 + static const String purple98 = '0xFFFDF8FF'; - /// md.ref.palette.grey-variant70 - static const String greyVariant70 = '0xFFA9ACAA'; + /// md.ref.palette.red0 + static const String red0 = '0xFF000000'; - /// md.ref.palette.yellow60 - static const String yellow60 = '0xFFD37B00'; + /// md.ref.palette.red10 + static const String red10 = '0xFF3A0907'; - /// md.ref.palette.purple50 - static const String purple50 = '0xFF9254EA'; + /// md.ref.palette.red100 + static const String red100 = '0xFFFFFFFF'; - /// md.ref.palette.primary60 - static const String primary60 = '0xFF9A82DB'; + /// md.ref.palette.red20 + static const String red20 = '0xFF60150F'; - /// md.ref.palette.neutral4 - static const String neutral4 = '0xFF0F0D13'; + /// md.ref.palette.red30 + static const String red30 = '0xFF8A1A16'; - /// md.ref.palette.blue-variant0 - static const String blueVariant0 = '0xFF000000'; + /// md.ref.palette.red40 + static const String red40 = '0xFFB3251E'; - /// md.ref.palette.green80 - static const String green80 = '0xFF80DA88'; + /// md.ref.palette.red50 + static const String red50 = '0xFFDB372D'; - /// md.ref.palette.neutral-variant20 - static const String neutralVariant20 = '0xFF322F37'; + /// md.ref.palette.red60 + static const String red60 = '0xFFF55E57'; - /// md.ref.palette.cyan0 - static const String cyan0 = '0xFF000000'; + /// md.ref.palette.red70 + static const String red70 = '0xFFFF8983'; - /// md.ref.palette.pink95 - static const String pink95 = '0xFFFFECF6'; + /// md.ref.palette.red80 + static const String red80 = '0xFFFFB3AE'; - /// md.ref.palette.error98 - static const String error98 = '0xFFFFF8F7'; + /// md.ref.palette.red90 + static const String red90 = '0xFFFFDADC'; - /// md.ref.palette.green90 - static const String green90 = '0xFFBEEFBB'; + /// md.ref.palette.red95 + static const String red95 = '0xFFFFECEE'; - /// md.ref.palette.pink98 - static const String pink98 = '0xFFFFF7FC'; + /// md.ref.palette.red98 + static const String red98 = '0xFFFFF8F8'; - /// md.ref.palette.pink40 - static const String pink40 = '0xFFB60D6E'; + /// md.ref.palette.secondary0 + static const String secondary0 = '0xFF000000'; - /// md.ref.palette.red60 - static const String red60 = '0xFFF55E57'; + /// md.ref.palette.secondary10 + static const String secondary10 = '0xFF1D192B'; - /// md.ref.palette.error95 - static const String error95 = '0xFFFCEEEE'; + /// md.ref.palette.secondary100 + static const String secondary100 = '0xFFFFFFFF'; - /// md.ref.palette.orange50 - static const String orange50 = '0xFFC05A01'; + /// md.ref.palette.secondary20 + static const String secondary20 = '0xFF332D41'; - /// md.ref.palette.red0 - static const String red0 = '0xFF000000'; + /// md.ref.palette.secondary30 + static const String secondary30 = '0xFF4A4458'; - /// md.ref.palette.orange90 - static const String orange90 = '0xFFFFDCC3'; + /// md.ref.palette.secondary40 + static const String secondary40 = '0xFF625B71'; - /// md.ref.palette.red80 - static const String red80 = '0xFFFFB3AE'; + /// md.ref.palette.secondary50 + static const String secondary50 = '0xFF7A7289'; - /// md.ref.palette.purple70 - static const String purple70 = '0xFFC597FF'; + /// md.ref.palette.secondary60 + static const String secondary60 = '0xFF958DA5'; - /// md.ref.palette.blue-variant90 - static const String blueVariant90 = '0xFFBDE9FF'; + /// md.ref.palette.secondary70 + static const String secondary70 = '0xFFB0A7C0'; - /// md.ref.palette.cyan100 - static const String cyan100 = '0xFFFFFFFF'; + /// md.ref.palette.secondary80 + static const String secondary80 = '0xFFCCC2DC'; - /// md.ref.palette.error20 - static const String error20 = '0xFF601410'; + /// md.ref.palette.secondary90 + static const String secondary90 = '0xFFE8DEF8'; - /// md.ref.palette.tertiary100 - static const String tertiary100 = '0xFFFFFFFF'; + /// md.ref.palette.secondary95 + static const String secondary95 = '0xFFF6EDFF'; - /// md.ref.palette.blue95 - static const String blue95 = '0xFFE7F2FF'; + /// md.ref.palette.secondary98 + static const String secondary98 = '0xFFFEF7FF'; - /// md.ref.palette.primary0 - static const String primary0 = '0xFF000000'; + /// md.ref.palette.secondary99 + static const String secondary99 = '0xFFFFFBFE'; - /// md.ref.palette.blue10 - static const String blue10 = '0xFF001944'; + /// md.ref.palette.tertiary0 + static const String tertiary0 = '0xFF000000'; - /// md.ref.palette.neutral30 - static const String neutral30 = '0xFF48464C'; + /// md.ref.palette.tertiary10 + static const String tertiary10 = '0xFF31111D'; - /// md.ref.palette.green60 - static const String green60 = '0xFF1AA64A'; + /// md.ref.palette.tertiary100 + static const String tertiary100 = '0xFFFFFFFF'; - /// md.ref.palette.red100 - static const String red100 = '0xFFFFFFFF'; + /// md.ref.palette.tertiary20 + static const String tertiary20 = '0xFF492532'; - /// md.ref.palette.orange60 - static const String orange60 = '0xFFE86E00'; + /// md.ref.palette.tertiary30 + static const String tertiary30 = '0xFF633B48'; - /// md.ref.palette.pink100 - static const String pink100 = '0xFFFFFFFF'; + /// md.ref.palette.tertiary40 + static const String tertiary40 = '0xFF7D5260'; - /// md.ref.palette.error40 - static const String error40 = '0xFFB3261E'; + /// md.ref.palette.tertiary50 + static const String tertiary50 = '0xFF986977'; - /// md.ref.palette.neutral94 - static const String neutral94 = '0xFFF3EDF7'; + /// md.ref.palette.tertiary60 + static const String tertiary60 = '0xFFB58392'; /// md.ref.palette.tertiary70 static const String tertiary70 = '0xFFD29DAC'; - /// md.ref.palette.blue-variant70 - static const String blueVariant70 = '0xFF00BBEA'; + /// md.ref.palette.tertiary80 + static const String tertiary80 = '0xFFEFB8C8'; - /// md.ref.palette.neutral17 - static const String neutral17 = '0xFF2B2930'; + /// md.ref.palette.tertiary90 + static const String tertiary90 = '0xFFFFD8E4'; - /// md.ref.palette.yellow98 - static const String yellow98 = '0xFFFFFADE'; + /// md.ref.palette.tertiary95 + static const String tertiary95 = '0xFFFFECF1'; - /// md.ref.palette.green20 - static const String green20 = '0xFF00381F'; + /// md.ref.palette.tertiary98 + static const String tertiary98 = '0xFFFFF8F8'; - /// md.ref.palette.grey10 - static const String grey10 = '0xFF1B1B1C'; + /// md.ref.palette.tertiary99 + static const String tertiary99 = '0xFFFFFBFA'; - /// md.ref.palette.neutral-variant50 - static const String neutralVariant50 = '0xFF79747E'; + /// md.ref.palette.white + static const String white = '0xFFFFFFFF'; - /// md.ref.palette.orange10 - static const String orange10 = '0xFF321200'; + /// md.ref.palette.yellow0 + static const String yellow0 = '0xFF000000'; - /// md.ref.palette.purple60 - static const String purple60 = '0xFFAD72FF'; + /// md.ref.palette.yellow10 + static const String yellow10 = '0xFF2F1400'; + + /// md.ref.palette.yellow100 + static const String yellow100 = '0xFFFFFFFF'; + + /// md.ref.palette.yellow20 + static const String yellow20 = '0xFF4D2600'; + + /// md.ref.palette.yellow30 + static const String yellow30 = '0xFF6D3A01'; /// md.ref.palette.yellow40 static const String yellow40 = '0xFF8F4E06'; - /// md.ref.palette.tertiary20 - static const String tertiary20 = '0xFF492532'; + /// md.ref.palette.yellow50 + static const String yellow50 = '0xFFB16300'; - /// md.ref.palette.orange20 - static const String orange20 = '0xFF522302'; + /// md.ref.palette.yellow60 + static const String yellow60 = '0xFFD37B00'; - /// md.ref.palette.orange70 - static const String orange70 = '0xFFFF8D41'; + /// md.ref.palette.yellow70 + static const String yellow70 = '0xFFEF9800'; - /// md.ref.palette.primary99 - static const String primary99 = '0xFFFFFBFE'; + /// md.ref.palette.yellow80 + static const String yellow80 = '0xFFFCBD00'; + + /// md.ref.palette.yellow90 + static const String yellow90 = '0xFFFFE07C'; + + /// md.ref.palette.yellow95 + static const String yellow95 = '0xFFFFF2B4'; + + /// md.ref.palette.yellow98 + static const String yellow98 = '0xFFFFFADE'; } diff --git a/packages/material_ui/tool/gen_defaults/data/plain_tooltip.dart b/packages/material_ui/tool/gen_defaults/data/plain_tooltip.dart index 357050044f3f..4c173d7e4ac0 100644 --- a/packages/material_ui/tool/gen_defaults/data/plain_tooltip.dart +++ b/packages/material_ui/tool/gen_defaults/data/plain_tooltip.dart @@ -11,10 +11,6 @@ class TokenPlainTooltip { /// md.comp.plain-tooltip.container.color static const TokenColorRole containerColor = TokenColorRole.inverseSurface; - /// md.comp.plain-tooltip.supporting-text.color - static const TokenColorRole supportingTextColor = - TokenColorRole.inverseOnSurface; - /// md.comp.plain-tooltip.container.shape static const ShapeStruct containerShape = ShapeStruct( family: 'SHAPE_FAMILY_ROUNDED_CORNERS', @@ -24,21 +20,24 @@ class TokenPlainTooltip { bottomRight: 4.00, ); + /// md.comp.plain-tooltip.supporting-text.color + static const TokenColorRole supportingTextColor = TokenColorRole.inverseOnSurface; + + /// md.comp.plain-tooltip.supporting-text.font + static const String supportingTextFont = 'Roboto'; + /// md.comp.plain-tooltip.supporting-text.type - static const double supportingTextTypeFontSize = 12.00; + static const String supportingTextTypeFontFamily = 'Roboto'; /// md.comp.plain-tooltip.supporting-text.type - static const double supportingTextTypeFontWeight = 400; + static const double supportingTextTypeFontSize = 12.00; /// md.comp.plain-tooltip.supporting-text.type - static const double supportingTextTypeLineHeight = 16.00; + static const double supportingTextTypeFontWeight = 400; /// md.comp.plain-tooltip.supporting-text.type static const double supportingTextTypeLetterSpacing = 0.40; /// md.comp.plain-tooltip.supporting-text.type - static const String supportingTextTypeFontFamily = 'Roboto'; - - /// md.comp.plain-tooltip.supporting-text.font - static const String supportingTextFont = 'Roboto'; + static const double supportingTextTypeLineHeight = 16.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/primary_navigation_tab.dart b/packages/material_ui/tool/gen_defaults/data/primary_navigation_tab.dart index dac4ff822095..5cead8355beb 100644 --- a/packages/material_ui/tool/gen_defaults/data/primary_navigation_tab.dart +++ b/packages/material_ui/tool/gen_defaults/data/primary_navigation_tab.dart @@ -8,45 +8,24 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenPrimaryNavigationTab { - /// md.comp.primary-navigation-tab.with-label-text.active.focus.label-text.color - static const TokenColorRole withLabelTextActiveFocusLabelTextColor = - TokenColorRole.primary; - - /// md.comp.primary-navigation-tab.with-label-text.active.pressed.label-text.color - static const TokenColorRole withLabelTextActivePressedLabelTextColor = - TokenColorRole.primary; - - /// md.comp.primary-navigation-tab.with-icon.active.pressed.icon.color - static const TokenColorRole withIconActivePressedIconColor = - TokenColorRole.primary; - - /// md.comp.primary-navigation-tab.with-label-text.inactive.pressed.label-text.color - static const TokenColorRole withLabelTextInactivePressedLabelTextColor = - TokenColorRole.onSurface; - - /// md.comp.primary-navigation-tab.container.color - static const TokenColorRole containerColor = TokenColorRole.surface; - - /// md.comp.primary-navigation-tab.focus.indicator.outline.offset - static const double focusIndicatorOutlineOffset = -3.00; + /// md.comp.primary-navigation-tab.active.focus.state-layer.color + static const TokenColorRole activeFocusStateLayerColor = TokenColorRole.primary; /// md.comp.primary-navigation-tab.active.focus.state-layer.opacity static const double activeFocusStateLayerOpacity = 0.10; - /// md.comp.primary-navigation-tab.container.height - static const double containerHeight = 48.00; + /// md.comp.primary-navigation-tab.active.hover.state-layer.color + static const TokenColorRole activeHoverStateLayerColor = TokenColorRole.primary; - /// md.comp.primary-navigation-tab.with-icon.inactive.hover.icon.color - static const TokenColorRole withIconInactiveHoverIconColor = - TokenColorRole.onSurface; + /// md.comp.primary-navigation-tab.active.hover.state-layer.opacity + static const double activeHoverStateLayerOpacity = 0.08; + + /// md.comp.primary-navigation-tab.active-indicator.color + static const TokenColorRole activeIndicatorColor = TokenColorRole.primary; /// md.comp.primary-navigation-tab.active-indicator.height static const double activeIndicatorHeight = 3.00; - /// md.comp.primary-navigation-tab.with-label-text.inactive.focus.label-text.color - static const TokenColorRole withLabelTextInactiveFocusLabelTextColor = - TokenColorRole.onSurface; - /// md.comp.primary-navigation-tab.active-indicator.shape static const ShapeStruct activeIndicatorShape = ShapeStruct( family: 'SHAPE_FAMILY_ROUNDED_CORNERS', @@ -56,126 +35,126 @@ class TokenPrimaryNavigationTab { bottomRight: 0.00, ); - /// md.comp.primary-navigation-tab.inactive.pressed.state-layer.color - static const TokenColorRole inactivePressedStateLayerColor = - TokenColorRole.primary; + /// md.comp.primary-navigation-tab.active.pressed.state-layer.color + static const TokenColorRole activePressedStateLayerColor = TokenColorRole.primary; - /// md.comp.primary-navigation-tab.with-icon.inactive.icon.color - static const TokenColorRole withIconInactiveIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.primary-navigation-tab.active.pressed.state-layer.opacity + static const double activePressedStateLayerOpacity = 0.10; - /// md.comp.primary-navigation-tab.active-indicator.color - static const TokenColorRole activeIndicatorColor = TokenColorRole.primary; + /// md.comp.primary-navigation-tab.container.color + static const TokenColorRole containerColor = TokenColorRole.surface; - /// md.comp.primary-navigation-tab.with-label-text.label-text.type - static const double withLabelTextLabelTextTypeFontSize = 14.00; + /// md.comp.primary-navigation-tab.container.elevation + static const double containerElevation = 0.00; - /// md.comp.primary-navigation-tab.with-label-text.label-text.type - static const double withLabelTextLabelTextTypeFontWeight = 500; + /// md.comp.primary-navigation-tab.container.height + static const double containerHeight = 48.00; - /// md.comp.primary-navigation-tab.with-label-text.label-text.type - static const double withLabelTextLabelTextTypeLineHeight = 20.00; + /// md.comp.primary-navigation-tab.container.shape + static const ShapeStruct containerShape = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 0.00, + topRight: 0.00, + bottomLeft: 0.00, + bottomRight: 0.00, + ); - /// md.comp.primary-navigation-tab.with-label-text.label-text.type - static const double withLabelTextLabelTextTypeLetterSpacing = 0.10; + /// md.comp.primary-navigation-tab.focus.indicator.color + static const TokenColorRole focusIndicatorColor = TokenColorRole.secondary; - /// md.comp.primary-navigation-tab.with-label-text.label-text.type - static const String withLabelTextLabelTextTypeFontFamily = 'Roboto'; + /// md.comp.primary-navigation-tab.focus.indicator.outline.offset + static const double focusIndicatorOutlineOffset = -3.00; + + /// md.comp.primary-navigation-tab.focus.indicator.thickness + static const double focusIndicatorThickness = 3.00; + + /// md.comp.primary-navigation-tab.inactive.focus.state-layer.color + static const TokenColorRole inactiveFocusStateLayerColor = TokenColorRole.onSurface; + + /// md.comp.primary-navigation-tab.inactive.focus.state-layer.opacity + static const double inactiveFocusStateLayerOpacity = 0.10; + + /// md.comp.primary-navigation-tab.inactive.hover.state-layer.color + static const TokenColorRole inactiveHoverStateLayerColor = TokenColorRole.onSurface; /// md.comp.primary-navigation-tab.inactive.hover.state-layer.opacity static const double inactiveHoverStateLayerOpacity = 0.08; - /// md.comp.primary-navigation-tab.active.hover.state-layer.opacity - static const double activeHoverStateLayerOpacity = 0.08; + /// md.comp.primary-navigation-tab.inactive.pressed.state-layer.color + static const TokenColorRole inactivePressedStateLayerColor = TokenColorRole.primary; - /// md.comp.primary-navigation-tab.inactive.hover.state-layer.color - static const TokenColorRole inactiveHoverStateLayerColor = - TokenColorRole.onSurface; + /// md.comp.primary-navigation-tab.inactive.pressed.state-layer.opacity + static const double inactivePressedStateLayerOpacity = 0.10; - /// md.comp.primary-navigation-tab.with-icon.icon.size - static const double withIconIconSize = 24.00; + /// md.comp.primary-navigation-tab.with-icon.active.focus.icon.color + static const TokenColorRole withIconActiveFocusIconColor = TokenColorRole.primary; + + /// md.comp.primary-navigation-tab.with-icon.active.hover.icon.color + static const TokenColorRole withIconActiveHoverIconColor = TokenColorRole.primary; + + /// md.comp.primary-navigation-tab.with-icon.active.icon.color + static const TokenColorRole withIconActiveIconColor = TokenColorRole.primary; + + /// md.comp.primary-navigation-tab.with-icon.active.pressed.icon.color + static const TokenColorRole withIconActivePressedIconColor = TokenColorRole.primary; /// md.comp.primary-navigation-tab.with-icon-and-label-text.container.height static const double withIconAndLabelTextContainerHeight = 64.00; - /// md.comp.primary-navigation-tab.with-label-text.active.label-text.color - static const TokenColorRole withLabelTextActiveLabelTextColor = - TokenColorRole.primary; + /// md.comp.primary-navigation-tab.with-icon.icon.size + static const double withIconIconSize = 24.00; - /// md.comp.primary-navigation-tab.with-icon.inactive.pressed.icon.color - static const TokenColorRole withIconInactivePressedIconColor = - TokenColorRole.onSurface; + /// md.comp.primary-navigation-tab.with-icon.inactive.focus.icon.color + static const TokenColorRole withIconInactiveFocusIconColor = TokenColorRole.onSurface; - /// md.comp.primary-navigation-tab.with-icon.active.focus.icon.color - static const TokenColorRole withIconActiveFocusIconColor = - TokenColorRole.primary; + /// md.comp.primary-navigation-tab.with-icon.inactive.hover.icon.color + static const TokenColorRole withIconInactiveHoverIconColor = TokenColorRole.onSurface; - /// md.comp.primary-navigation-tab.container.elevation - static const double containerElevation = 0.00; + /// md.comp.primary-navigation-tab.with-icon.inactive.icon.color + static const TokenColorRole withIconInactiveIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.primary-navigation-tab.with-label-text.label-text.font - static const String withLabelTextLabelTextFont = 'Roboto'; + /// md.comp.primary-navigation-tab.with-icon.inactive.pressed.icon.color + static const TokenColorRole withIconInactivePressedIconColor = TokenColorRole.onSurface; - /// md.comp.primary-navigation-tab.focus.indicator.color - static const TokenColorRole focusIndicatorColor = TokenColorRole.secondary; + /// md.comp.primary-navigation-tab.with-label-text.active.focus.label-text.color + static const TokenColorRole withLabelTextActiveFocusLabelTextColor = TokenColorRole.primary; - /// md.comp.primary-navigation-tab.focus.indicator.thickness - static const double focusIndicatorThickness = 3.00; + /// md.comp.primary-navigation-tab.with-label-text.active.hover.label-text.color + static const TokenColorRole withLabelTextActiveHoverLabelTextColor = TokenColorRole.primary; - /// md.comp.primary-navigation-tab.with-icon.active.icon.color - static const TokenColorRole withIconActiveIconColor = TokenColorRole.primary; + /// md.comp.primary-navigation-tab.with-label-text.active.label-text.color + static const TokenColorRole withLabelTextActiveLabelTextColor = TokenColorRole.primary; - /// md.comp.primary-navigation-tab.inactive.pressed.state-layer.opacity - static const double inactivePressedStateLayerOpacity = 0.10; + /// md.comp.primary-navigation-tab.with-label-text.active.pressed.label-text.color + static const TokenColorRole withLabelTextActivePressedLabelTextColor = TokenColorRole.primary; - /// md.comp.primary-navigation-tab.inactive.focus.state-layer.color - static const TokenColorRole inactiveFocusStateLayerColor = - TokenColorRole.onSurface; + /// md.comp.primary-navigation-tab.with-label-text.inactive.focus.label-text.color + static const TokenColorRole withLabelTextInactiveFocusLabelTextColor = TokenColorRole.onSurface; - /// md.comp.primary-navigation-tab.active.hover.state-layer.color - static const TokenColorRole activeHoverStateLayerColor = - TokenColorRole.primary; + /// md.comp.primary-navigation-tab.with-label-text.inactive.hover.label-text.color + static const TokenColorRole withLabelTextInactiveHoverLabelTextColor = TokenColorRole.onSurface; /// md.comp.primary-navigation-tab.with-label-text.inactive.label-text.color - static const TokenColorRole withLabelTextInactiveLabelTextColor = - TokenColorRole.onSurfaceVariant; - - /// md.comp.primary-navigation-tab.inactive.focus.state-layer.opacity - static const double inactiveFocusStateLayerOpacity = 0.10; + static const TokenColorRole withLabelTextInactiveLabelTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.primary-navigation-tab.active.pressed.state-layer.color - static const TokenColorRole activePressedStateLayerColor = - TokenColorRole.primary; - - /// md.comp.primary-navigation-tab.with-icon.active.hover.icon.color - static const TokenColorRole withIconActiveHoverIconColor = - TokenColorRole.primary; + /// md.comp.primary-navigation-tab.with-label-text.inactive.pressed.label-text.color + static const TokenColorRole withLabelTextInactivePressedLabelTextColor = TokenColorRole.onSurface; - /// md.comp.primary-navigation-tab.active.pressed.state-layer.opacity - static const double activePressedStateLayerOpacity = 0.10; + /// md.comp.primary-navigation-tab.with-label-text.label-text.font + static const String withLabelTextLabelTextFont = 'Roboto'; - /// md.comp.primary-navigation-tab.with-label-text.inactive.hover.label-text.color - static const TokenColorRole withLabelTextInactiveHoverLabelTextColor = - TokenColorRole.onSurface; + /// md.comp.primary-navigation-tab.with-label-text.label-text.type + static const String withLabelTextLabelTextTypeFontFamily = 'Roboto'; - /// md.comp.primary-navigation-tab.with-label-text.active.hover.label-text.color - static const TokenColorRole withLabelTextActiveHoverLabelTextColor = - TokenColorRole.primary; + /// md.comp.primary-navigation-tab.with-label-text.label-text.type + static const double withLabelTextLabelTextTypeFontSize = 14.00; - /// md.comp.primary-navigation-tab.active.focus.state-layer.color - static const TokenColorRole activeFocusStateLayerColor = - TokenColorRole.primary; + /// md.comp.primary-navigation-tab.with-label-text.label-text.type + static const double withLabelTextLabelTextTypeFontWeight = 500; - /// md.comp.primary-navigation-tab.with-icon.inactive.focus.icon.color - static const TokenColorRole withIconInactiveFocusIconColor = - TokenColorRole.onSurface; + /// md.comp.primary-navigation-tab.with-label-text.label-text.type + static const double withLabelTextLabelTextTypeLetterSpacing = 0.10; - /// md.comp.primary-navigation-tab.container.shape - static const ShapeStruct containerShape = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 0.00, - topRight: 0.00, - bottomLeft: 0.00, - bottomRight: 0.00, - ); + /// md.comp.primary-navigation-tab.with-label-text.label-text.type + static const double withLabelTextLabelTextTypeLineHeight = 20.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/progress_indicator.dart b/packages/material_ui/tool/gen_defaults/data/progress_indicator.dart index 905a83b0e15b..dc37b4620f3d 100644 --- a/packages/material_ui/tool/gen_defaults/data/progress_indicator.dart +++ b/packages/material_ui/tool/gen_defaults/data/progress_indicator.dart @@ -8,14 +8,11 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenProgressIndicator { - /// md.comp.progress-indicator.stop-indicator.color - static const TokenColorRole stopIndicatorColor = TokenColorRole.primary; - - /// md.comp.progress-indicator.track.color - static const TokenColorRole trackColor = TokenColorRole.secondaryContainer; + /// md.comp.progress-indicator.active-indicator.color + static const TokenColorRole activeIndicatorColor = TokenColorRole.primary; - /// md.comp.progress-indicator.stop-indicator.shape - static const ShapeStruct stopIndicatorShape = ShapeStruct( + /// md.comp.progress-indicator.active-indicator.shape + static const ShapeStruct activeIndicatorShape = ShapeStruct( family: 'SHAPE_FAMILY_CIRCULAR', topLeft: 0.00, topRight: 0.00, @@ -23,8 +20,11 @@ class TokenProgressIndicator { bottomRight: 0.00, ); - /// md.comp.progress-indicator.active-indicator.shape - static const ShapeStruct activeIndicatorShape = ShapeStruct( + /// md.comp.progress-indicator.stop-indicator.color + static const TokenColorRole stopIndicatorColor = TokenColorRole.primary; + + /// md.comp.progress-indicator.stop-indicator.shape + static const ShapeStruct stopIndicatorShape = ShapeStruct( family: 'SHAPE_FAMILY_CIRCULAR', topLeft: 0.00, topRight: 0.00, @@ -32,6 +32,9 @@ class TokenProgressIndicator { bottomRight: 0.00, ); + /// md.comp.progress-indicator.track.color + static const TokenColorRole trackColor = TokenColorRole.secondaryContainer; + /// md.comp.progress-indicator.track.shape static const ShapeStruct trackShape = ShapeStruct( family: 'SHAPE_FAMILY_CIRCULAR', @@ -40,7 +43,4 @@ class TokenProgressIndicator { bottomLeft: 0.00, bottomRight: 0.00, ); - - /// md.comp.progress-indicator.active-indicator.color - static const TokenColorRole activeIndicatorColor = TokenColorRole.primary; } diff --git a/packages/material_ui/tool/gen_defaults/data/progress_indicator_circular.dart b/packages/material_ui/tool/gen_defaults/data/progress_indicator_circular.dart index 8b1bb5978a99..f9e8a8faa4a7 100644 --- a/packages/material_ui/tool/gen_defaults/data/progress_indicator_circular.dart +++ b/packages/material_ui/tool/gen_defaults/data/progress_indicator_circular.dart @@ -5,24 +5,24 @@ // Version: 36.0.6 class TokenProgressIndicatorCircular { - /// md.comp.progress-indicator.circular.track.thickness - static const double trackThickness = 4.00; - /// md.comp.progress-indicator.circular.active-indicator.thickness static const double activeIndicatorThickness = 4.00; /// md.comp.progress-indicator.circular.active-indicator.wave.amplitude static const double activeIndicatorWaveAmplitude = 1.60; - /// md.comp.progress-indicator.circular.size - static const double size = 40.00; - /// md.comp.progress-indicator.circular.active-indicator.wave.wavelength static const double activeIndicatorWaveWavelength = 15.00; - /// md.comp.progress-indicator.circular.with-wave.size - static const double withWaveSize = 48.00; + /// md.comp.progress-indicator.circular.size + static const double size = 40.00; /// md.comp.progress-indicator.circular.track-active-indicator-space static const double trackActiveIndicatorSpace = 4.00; + + /// md.comp.progress-indicator.circular.track.thickness + static const double trackThickness = 4.00; + + /// md.comp.progress-indicator.circular.with-wave.size + static const double withWaveSize = 48.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/progress_indicator_linear.dart b/packages/material_ui/tool/gen_defaults/data/progress_indicator_linear.dart index 6133bb373659..186887fd935b 100644 --- a/packages/material_ui/tool/gen_defaults/data/progress_indicator_linear.dart +++ b/packages/material_ui/tool/gen_defaults/data/progress_indicator_linear.dart @@ -5,26 +5,14 @@ // Version: 36.0.6 class TokenProgressIndicatorLinear { - /// md.comp.progress-indicator.linear.stop-indicator.size - static const double stopIndicatorSize = 4.00; - /// md.comp.progress-indicator.linear.active-indicator.thickness static const double activeIndicatorThickness = 4.00; - /// md.comp.progress-indicator.linear.with-wave.height - static const double withWaveHeight = 10.00; - - /// md.comp.progress-indicator.linear.track-active-indicator-space - static const double trackActiveIndicatorSpace = 4.00; - /// md.comp.progress-indicator.linear.active-indicator.wave.amplitude static const double activeIndicatorWaveAmplitude = 3.00; - /// md.comp.progress-indicator.linear.stop-indicator.trailing-space - static const double stopIndicatorTrailingSpace = 0.00; - - /// md.comp.progress-indicator.linear.track.thickness - static const double trackThickness = 4.00; + /// md.comp.progress-indicator.linear.active-indicator.wave.wavelength + static const double activeIndicatorWaveWavelength = 40.00; /// md.comp.progress-indicator.linear.height static const double height = 4.00; @@ -32,6 +20,18 @@ class TokenProgressIndicatorLinear { /// md.comp.progress-indicator.linear.indeterminate.active-indicator.wave.wavelength static const double indeterminateActiveIndicatorWaveWavelength = 20.00; - /// md.comp.progress-indicator.linear.active-indicator.wave.wavelength - static const double activeIndicatorWaveWavelength = 40.00; + /// md.comp.progress-indicator.linear.stop-indicator.size + static const double stopIndicatorSize = 4.00; + + /// md.comp.progress-indicator.linear.stop-indicator.trailing-space + static const double stopIndicatorTrailingSpace = 0.00; + + /// md.comp.progress-indicator.linear.track-active-indicator-space + static const double trackActiveIndicatorSpace = 4.00; + + /// md.comp.progress-indicator.linear.track.thickness + static const double trackThickness = 4.00; + + /// md.comp.progress-indicator.linear.with-wave.height + static const double withWaveHeight = 10.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/radio_button.dart b/packages/material_ui/tool/gen_defaults/data/radio_button.dart index ec2e722feaa4..fc6e2364fbf1 100644 --- a/packages/material_ui/tool/gen_defaults/data/radio_button.dart +++ b/packages/material_ui/tool/gen_defaults/data/radio_button.dart @@ -7,93 +7,81 @@ import 'color_role.dart'; class TokenRadioButton { - /// md.comp.radio-button.unselected.hover.state-layer.opacity - static const double unselectedHoverStateLayerOpacity = 0.08; - - /// md.comp.radio-button.disabled.unselected.icon.opacity - static const double disabledUnselectedIconOpacity = 0.38; - /// md.comp.radio-button.disabled.selected.icon.color - static const TokenColorRole disabledSelectedIconColor = - TokenColorRole.onSurface; - - /// md.comp.radio-button.disabled.unselected.icon.color - static const TokenColorRole disabledUnselectedIconColor = - TokenColorRole.onSurface; + static const TokenColorRole disabledSelectedIconColor = TokenColorRole.onSurface; - /// md.comp.radio-button.unselected.icon.color - static const TokenColorRole unselectedIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.radio-button.disabled.selected.icon.opacity + static const double disabledSelectedIconOpacity = 0.38; - /// md.comp.radio-button.unselected.pressed.state-layer.opacity - static const double unselectedPressedStateLayerOpacity = 0.10; + /// md.comp.radio-button.disabled.unselected.icon.color + static const TokenColorRole disabledUnselectedIconColor = TokenColorRole.onSurface; - /// md.comp.radio-button.selected.focus.state-layer.color - static const TokenColorRole selectedFocusStateLayerColor = - TokenColorRole.primary; + /// md.comp.radio-button.disabled.unselected.icon.opacity + static const double disabledUnselectedIconOpacity = 0.38; - /// md.comp.radio-button.state-layer.size - static const double stateLayerSize = 40.00; + /// md.comp.radio-button.icon.size + static const double iconSize = 20.00; /// md.comp.radio-button.selected.focus.icon.color static const TokenColorRole selectedFocusIconColor = TokenColorRole.primary; - /// md.comp.radio-button.icon.size - static const double iconSize = 20.00; + /// md.comp.radio-button.selected.focus.state-layer.color + static const TokenColorRole selectedFocusStateLayerColor = TokenColorRole.primary; + + /// md.comp.radio-button.selected.focus.state-layer.opacity + static const double selectedFocusStateLayerOpacity = 0.10; /// md.comp.radio-button.selected.hover.icon.color static const TokenColorRole selectedHoverIconColor = TokenColorRole.primary; + /// md.comp.radio-button.selected.hover.state-layer.color + static const TokenColorRole selectedHoverStateLayerColor = TokenColorRole.primary; + + /// md.comp.radio-button.selected.hover.state-layer.opacity + static const double selectedHoverStateLayerOpacity = 0.08; + + /// md.comp.radio-button.selected.icon.color + static const TokenColorRole selectedIconColor = TokenColorRole.primary; + /// md.comp.radio-button.selected.pressed.icon.color static const TokenColorRole selectedPressedIconColor = TokenColorRole.primary; - /// md.comp.radio-button.unselected.focus.state-layer.color - static const TokenColorRole unselectedFocusStateLayerColor = - TokenColorRole.onSurface; + /// md.comp.radio-button.selected.pressed.state-layer.color + static const TokenColorRole selectedPressedStateLayerColor = TokenColorRole.onSurface; - /// md.comp.radio-button.selected.hover.state-layer.opacity - static const double selectedHoverStateLayerOpacity = 0.08; + /// md.comp.radio-button.selected.pressed.state-layer.opacity + static const double selectedPressedStateLayerOpacity = 0.10; - /// md.comp.radio-button.unselected.hover.state-layer.color - static const TokenColorRole unselectedHoverStateLayerColor = - TokenColorRole.onSurface; + /// md.comp.radio-button.state-layer.size + static const double stateLayerSize = 40.00; + + /// md.comp.radio-button.unselected.focus.icon.color + static const TokenColorRole unselectedFocusIconColor = TokenColorRole.onSurface; + + /// md.comp.radio-button.unselected.focus.state-layer.color + static const TokenColorRole unselectedFocusStateLayerColor = TokenColorRole.onSurface; /// md.comp.radio-button.unselected.focus.state-layer.opacity static const double unselectedFocusStateLayerOpacity = 0.10; /// md.comp.radio-button.unselected.hover.icon.color - static const TokenColorRole unselectedHoverIconColor = - TokenColorRole.onSurface; - - /// md.comp.radio-button.unselected.pressed.icon.color - static const TokenColorRole unselectedPressedIconColor = - TokenColorRole.onSurface; - - /// md.comp.radio-button.selected.pressed.state-layer.color - static const TokenColorRole selectedPressedStateLayerColor = - TokenColorRole.onSurface; - - /// md.comp.radio-button.selected.icon.color - static const TokenColorRole selectedIconColor = TokenColorRole.primary; + static const TokenColorRole unselectedHoverIconColor = TokenColorRole.onSurface; - /// md.comp.radio-button.unselected.pressed.state-layer.color - static const TokenColorRole unselectedPressedStateLayerColor = - TokenColorRole.primary; + /// md.comp.radio-button.unselected.hover.state-layer.color + static const TokenColorRole unselectedHoverStateLayerColor = TokenColorRole.onSurface; - /// md.comp.radio-button.disabled.selected.icon.opacity - static const double disabledSelectedIconOpacity = 0.38; + /// md.comp.radio-button.unselected.hover.state-layer.opacity + static const double unselectedHoverStateLayerOpacity = 0.08; - /// md.comp.radio-button.unselected.focus.icon.color - static const TokenColorRole unselectedFocusIconColor = - TokenColorRole.onSurface; + /// md.comp.radio-button.unselected.icon.color + static const TokenColorRole unselectedIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.radio-button.selected.focus.state-layer.opacity - static const double selectedFocusStateLayerOpacity = 0.10; + /// md.comp.radio-button.unselected.pressed.icon.color + static const TokenColorRole unselectedPressedIconColor = TokenColorRole.onSurface; - /// md.comp.radio-button.selected.pressed.state-layer.opacity - static const double selectedPressedStateLayerOpacity = 0.10; + /// md.comp.radio-button.unselected.pressed.state-layer.color + static const TokenColorRole unselectedPressedStateLayerColor = TokenColorRole.primary; - /// md.comp.radio-button.selected.hover.state-layer.color - static const TokenColorRole selectedHoverStateLayerColor = - TokenColorRole.primary; + /// md.comp.radio-button.unselected.pressed.state-layer.opacity + static const double unselectedPressedStateLayerOpacity = 0.10; } diff --git a/packages/material_ui/tool/gen_defaults/data/rich_tooltip.dart b/packages/material_ui/tool/gen_defaults/data/rich_tooltip.dart index 1b07146df579..8293948d681c 100644 --- a/packages/material_ui/tool/gen_defaults/data/rich_tooltip.dart +++ b/packages/material_ui/tool/gen_defaults/data/rich_tooltip.dart @@ -8,105 +8,101 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenRichTooltip { - /// md.comp.rich-tooltip.subhead.type - static const double subheadTypeFontSize = 14.00; + /// md.comp.rich-tooltip.action.focus.label-text.color + static const TokenColorRole actionFocusLabelTextColor = TokenColorRole.primary; - /// md.comp.rich-tooltip.subhead.type - static const double subheadTypeFontWeight = 500; + /// md.comp.rich-tooltip.action.focus.state-layer.color + static const TokenColorRole actionFocusStateLayerColor = TokenColorRole.primary; - /// md.comp.rich-tooltip.subhead.type - static const double subheadTypeLineHeight = 20.00; + /// md.comp.rich-tooltip.action.focus.state-layer.opacity + static const double actionFocusStateLayerOpacity = 0.10; - /// md.comp.rich-tooltip.subhead.type - static const double subheadTypeLetterSpacing = 0.10; + /// md.comp.rich-tooltip.action.hover.label-text.color + static const TokenColorRole actionHoverLabelTextColor = TokenColorRole.primary; - /// md.comp.rich-tooltip.subhead.type - static const String subheadTypeFontFamily = 'Roboto'; + /// md.comp.rich-tooltip.action.hover.state-layer.color + static const TokenColorRole actionHoverStateLayerColor = TokenColorRole.primary; + + /// md.comp.rich-tooltip.action.hover.state-layer.opacity + static const double actionHoverStateLayerOpacity = 0.08; /// md.comp.rich-tooltip.action.label-text.color static const TokenColorRole actionLabelTextColor = TokenColorRole.primary; - /// md.comp.rich-tooltip.supporting-text.font - static const String supportingTextFont = 'Roboto'; + /// md.comp.rich-tooltip.action.label-text.font + static const String actionLabelTextFont = 'Roboto'; - /// md.comp.rich-tooltip.subhead.color - static const TokenColorRole subheadColor = TokenColorRole.onSurfaceVariant; + /// md.comp.rich-tooltip.action.label-text.type + static const String actionLabelTextTypeFontFamily = 'Roboto'; - /// md.comp.rich-tooltip.container.shape - static const ShapeStruct containerShape = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 12.00, - topRight: 12.00, - bottomLeft: 12.00, - bottomRight: 12.00, - ); + /// md.comp.rich-tooltip.action.label-text.type + static const double actionLabelTextTypeFontSize = 14.00; - /// md.comp.rich-tooltip.container.color - static const TokenColorRole containerColor = TokenColorRole.surfaceContainer; + /// md.comp.rich-tooltip.action.label-text.type + static const double actionLabelTextTypeFontWeight = 500; + + /// md.comp.rich-tooltip.action.label-text.type + static const double actionLabelTextTypeLetterSpacing = 0.10; + + /// md.comp.rich-tooltip.action.label-text.type + static const double actionLabelTextTypeLineHeight = 20.00; /// md.comp.rich-tooltip.action.pressed.label-text.color - static const TokenColorRole actionPressedLabelTextColor = - TokenColorRole.primary; + static const TokenColorRole actionPressedLabelTextColor = TokenColorRole.primary; - /// md.comp.rich-tooltip.subhead.font - static const String subheadFont = 'Roboto'; + /// md.comp.rich-tooltip.action.pressed.state-layer.color + static const TokenColorRole actionPressedStateLayerColor = TokenColorRole.primary; - /// md.comp.rich-tooltip.action.hover.state-layer.opacity - static const double actionHoverStateLayerOpacity = 0.08; + /// md.comp.rich-tooltip.action.pressed.state-layer.opacity + static const double actionPressedStateLayerOpacity = 0.10; + + /// md.comp.rich-tooltip.container.color + static const TokenColorRole containerColor = TokenColorRole.surfaceContainer; /// md.comp.rich-tooltip.container.elevation static const double containerElevation = 3.00; - /// md.comp.rich-tooltip.action.hover.state-layer.color - static const TokenColorRole actionHoverStateLayerColor = - TokenColorRole.primary; + /// md.comp.rich-tooltip.container.shadow-color + static const TokenColorRole containerShadowColor = TokenColorRole.shadow; - /// md.comp.rich-tooltip.action.focus.label-text.color - static const TokenColorRole actionFocusLabelTextColor = - TokenColorRole.primary; + /// md.comp.rich-tooltip.container.shape + static const ShapeStruct containerShape = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 12.00, + topRight: 12.00, + bottomLeft: 12.00, + bottomRight: 12.00, + ); - /// md.comp.rich-tooltip.action.label-text.font - static const String actionLabelTextFont = 'Roboto'; + /// md.comp.rich-tooltip.subhead.color + static const TokenColorRole subheadColor = TokenColorRole.onSurfaceVariant; - /// md.comp.rich-tooltip.action.focus.state-layer.color - static const TokenColorRole actionFocusStateLayerColor = - TokenColorRole.primary; + /// md.comp.rich-tooltip.subhead.font + static const String subheadFont = 'Roboto'; - /// md.comp.rich-tooltip.action.hover.label-text.color - static const TokenColorRole actionHoverLabelTextColor = - TokenColorRole.primary; + /// md.comp.rich-tooltip.subhead.type + static const String subheadTypeFontFamily = 'Roboto'; - /// md.comp.rich-tooltip.action.pressed.state-layer.opacity - static const double actionPressedStateLayerOpacity = 0.10; + /// md.comp.rich-tooltip.subhead.type + static const double subheadTypeFontSize = 14.00; - /// md.comp.rich-tooltip.action.focus.state-layer.opacity - static const double actionFocusStateLayerOpacity = 0.10; + /// md.comp.rich-tooltip.subhead.type + static const double subheadTypeFontWeight = 500; - /// md.comp.rich-tooltip.container.shadow-color - static const TokenColorRole containerShadowColor = TokenColorRole.shadow; + /// md.comp.rich-tooltip.subhead.type + static const double subheadTypeLetterSpacing = 0.10; - /// md.comp.rich-tooltip.action.pressed.state-layer.color - static const TokenColorRole actionPressedStateLayerColor = - TokenColorRole.primary; + /// md.comp.rich-tooltip.subhead.type + static const double subheadTypeLineHeight = 20.00; /// md.comp.rich-tooltip.supporting-text.color - static const TokenColorRole supportingTextColor = - TokenColorRole.onSurfaceVariant; + static const TokenColorRole supportingTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.rich-tooltip.action.label-text.type - static const double actionLabelTextTypeFontSize = 14.00; - - /// md.comp.rich-tooltip.action.label-text.type - static const double actionLabelTextTypeFontWeight = 500; - - /// md.comp.rich-tooltip.action.label-text.type - static const double actionLabelTextTypeLineHeight = 20.00; - - /// md.comp.rich-tooltip.action.label-text.type - static const double actionLabelTextTypeLetterSpacing = 0.10; + /// md.comp.rich-tooltip.supporting-text.font + static const String supportingTextFont = 'Roboto'; - /// md.comp.rich-tooltip.action.label-text.type - static const String actionLabelTextTypeFontFamily = 'Roboto'; + /// md.comp.rich-tooltip.supporting-text.type + static const String supportingTextTypeFontFamily = 'Roboto'; /// md.comp.rich-tooltip.supporting-text.type static const double supportingTextTypeFontSize = 14.00; @@ -114,12 +110,9 @@ class TokenRichTooltip { /// md.comp.rich-tooltip.supporting-text.type static const double supportingTextTypeFontWeight = 400; - /// md.comp.rich-tooltip.supporting-text.type - static const double supportingTextTypeLineHeight = 20.00; - /// md.comp.rich-tooltip.supporting-text.type static const double supportingTextTypeLetterSpacing = 0.25; /// md.comp.rich-tooltip.supporting-text.type - static const String supportingTextTypeFontFamily = 'Roboto'; + static const double supportingTextTypeLineHeight = 20.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/scrim.dart b/packages/material_ui/tool/gen_defaults/data/scrim.dart index 3602cc11c36f..d051e8afa56c 100644 --- a/packages/material_ui/tool/gen_defaults/data/scrim.dart +++ b/packages/material_ui/tool/gen_defaults/data/scrim.dart @@ -7,9 +7,9 @@ import 'color_role.dart'; class TokenScrim { - /// md.comp.scrim.container.opacity - static const double containerOpacity = 0.32; - /// md.comp.scrim.container.color static const TokenColorRole containerColor = TokenColorRole.scrim; + + /// md.comp.scrim.container.opacity + static const double containerOpacity = 0.32; } diff --git a/packages/material_ui/tool/gen_defaults/data/search_bar.dart b/packages/material_ui/tool/gen_defaults/data/search_bar.dart index 21943273707f..3a9f351e0f27 100644 --- a/packages/material_ui/tool/gen_defaults/data/search_bar.dart +++ b/packages/material_ui/tool/gen_defaults/data/search_bar.dart @@ -8,28 +8,62 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenSearchBar { - /// md.comp.search-bar.trailing-icon.label-trailing-icon-space - static const double trailingIconLabelTrailingIconSpace = 16.00; + /// md.comp.search-bar.avatar.shape + static const ShapeStruct avatarShape = ShapeStruct( + family: 'SHAPE_FAMILY_CIRCULAR', + topLeft: 0.00, + topRight: 0.00, + bottomLeft: 0.00, + bottomRight: 0.00, + ); + + /// md.comp.search-bar.avatar.size + static const double avatarSize = 30.00; + + /// md.comp.search-bar.contained.avatar.target-size + static const double containedAvatarTargetSize = 48.00; + + /// md.comp.search-bar.contained.icon-label.gap + static const double containedIconLabelGap = 4.00; + + /// md.comp.search-bar.contained.leading-margin + static const double containedLeadingMargin = 24.00; + + /// md.comp.search-bar.contained.leading-space + static const double containedLeadingSpace = 4.00; + + /// md.comp.search-bar.contained.no-actions.leading-space + static const double containedNoActionsLeadingSpace = 16.00; + + /// md.comp.search-bar.contained.no-actions.trailing-space + static const double containedNoActionsTrailingSpace = 16.00; + + /// md.comp.search-bar.contained.trailing-actions.gap + static const double containedTrailingActionsGap = 0.00; + + /// md.comp.search-bar.contained.trailing-actions.leading-space + static const double containedTrailingActionsLeadingSpace = 4.00; /// md.comp.search-bar.contained.trailing-actions.trailing-space static const double containedTrailingActionsTrailingSpace = 4.00; - /// md.comp.search-bar.pressed.state-layer.color - static const TokenColorRole pressedStateLayerColor = TokenColorRole.onSurface; - - /// md.comp.search-bar.avatar.size - static const double avatarSize = 30.00; + /// md.comp.search-bar.contained.trailing-margin + static const double containedTrailingMargin = 24.00; - /// md.comp.search-bar.pressed.supporting-text.color - static const TokenColorRole pressedSupportingTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.search-bar.contained.trailing-space + static const double containedTrailingSpace = 4.00; /// md.comp.search-bar.container.color - static const TokenColorRole containerColor = - TokenColorRole.surfaceContainerHigh; + static const TokenColorRole containerColor = TokenColorRole.surfaceContainerHigh; - /// md.comp.search-bar.avatar.shape - static const ShapeStruct avatarShape = ShapeStruct( + /// md.comp.search-bar.container.elevation + static const double containerElevation = 6.00; + + /// md.comp.search-bar.container.height + static const double containerHeight = 56.00; + + /// md.comp.search-bar.container.shape + static const ShapeStruct containerShape = ShapeStruct( family: 'SHAPE_FAMILY_CIRCULAR', topLeft: 0.00, topRight: 0.00, @@ -37,38 +71,35 @@ class TokenSearchBar { bottomRight: 0.00, ); - /// md.comp.search-bar.focus.indicator.thickness - static const double focusIndicatorThickness = 3.00; + /// md.comp.search-bar.focus.indicator.color + static const TokenColorRole focusIndicatorColor = TokenColorRole.secondary; - /// md.comp.search-bar.contained.trailing-actions.gap - static const double containedTrailingActionsGap = 0.00; + /// md.comp.search-bar.focus.indicator.outline.offset + static const double focusIndicatorOutlineOffset = 2.00; - /// md.comp.search-bar.supporting-text.type - static const double supportingTextTypeFontSize = 16.00; + /// md.comp.search-bar.focus.indicator.thickness + static const double focusIndicatorThickness = 3.00; - /// md.comp.search-bar.supporting-text.type - static const double supportingTextTypeFontWeight = 400; + /// md.comp.search-bar.hover.state-layer.color + static const TokenColorRole hoverStateLayerColor = TokenColorRole.onSurface; - /// md.comp.search-bar.supporting-text.type - static const double supportingTextTypeLineHeight = 24.00; + /// md.comp.search-bar.hover.state-layer.opacity + static const double hoverStateLayerOpacity = 0.08; - /// md.comp.search-bar.supporting-text.type - static const double supportingTextTypeLetterSpacing = 0.50; + /// md.comp.search-bar.hover.supporting-text.color + static const TokenColorRole hoverSupportingTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.search-bar.supporting-text.type - static const String supportingTextTypeFontFamily = 'Roboto'; + /// md.comp.search-bar.icon.size + static const double iconSize = 24.00; /// md.comp.search-bar.input-text.color static const TokenColorRole inputTextColor = TokenColorRole.onSurface; - /// md.comp.search-bar.leading-icon.leading-icon-label-space - static const double leadingIconLeadingIconLabelSpace = 16.00; - /// md.comp.search-bar.input-text.font static const String inputTextFont = 'Roboto'; - /// md.comp.search-bar.contained.trailing-margin - static const double containedTrailingMargin = 24.00; + /// md.comp.search-bar.input-text.type + static const String inputTextTypeFontFamily = 'Roboto'; /// md.comp.search-bar.input-text.type static const double inputTextTypeFontSize = 16.00; @@ -76,93 +107,57 @@ class TokenSearchBar { /// md.comp.search-bar.input-text.type static const double inputTextTypeFontWeight = 400; - /// md.comp.search-bar.input-text.type - static const double inputTextTypeLineHeight = 24.00; - /// md.comp.search-bar.input-text.type static const double inputTextTypeLetterSpacing = 0.50; /// md.comp.search-bar.input-text.type - static const String inputTextTypeFontFamily = 'Roboto'; + static const double inputTextTypeLineHeight = 24.00; /// md.comp.search-bar.leading-icon.color static const TokenColorRole leadingIconColor = TokenColorRole.onSurface; + /// md.comp.search-bar.leading-icon.leading-icon-label-space + static const double leadingIconLeadingIconLabelSpace = 16.00; + /// md.comp.search-bar.leading-space static const double leadingSpace = 16.00; - /// md.comp.search-bar.contained.leading-space - static const double containedLeadingSpace = 4.00; - - /// md.comp.search-bar.contained.icon-label.gap - static const double containedIconLabelGap = 4.00; - - /// md.comp.search-bar.hover.state-layer.color - static const TokenColorRole hoverStateLayerColor = TokenColorRole.onSurface; - - /// md.comp.search-bar.contained.trailing-space - static const double containedTrailingSpace = 4.00; - - /// md.comp.search-bar.contained.avatar.target-size - static const double containedAvatarTargetSize = 48.00; - - /// md.comp.search-bar.hover.supporting-text.color - static const TokenColorRole hoverSupportingTextColor = - TokenColorRole.onSurfaceVariant; - - /// md.comp.search-bar.icon.size - static const double iconSize = 24.00; - - /// md.comp.search-bar.container.shape - static const ShapeStruct containerShape = ShapeStruct( - family: 'SHAPE_FAMILY_CIRCULAR', - topLeft: 0.00, - topRight: 0.00, - bottomLeft: 0.00, - bottomRight: 0.00, - ); - - /// md.comp.search-bar.container.elevation - static const double containerElevation = 6.00; - - /// md.comp.search-bar.hover.state-layer.opacity - static const double hoverStateLayerOpacity = 0.08; + /// md.comp.search-bar.pressed.state-layer.color + static const TokenColorRole pressedStateLayerColor = TokenColorRole.onSurface; /// md.comp.search-bar.pressed.state-layer.opacity static const double pressedStateLayerOpacity = 0.10; - /// md.comp.search-bar.contained.trailing-actions.leading-space - static const double containedTrailingActionsLeadingSpace = 4.00; + /// md.comp.search-bar.pressed.supporting-text.color + static const TokenColorRole pressedSupportingTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.search-bar.trailing-space - static const double trailingSpace = 16.00; + /// md.comp.search-bar.supporting-text.color + static const TokenColorRole supportingTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.search-bar.contained.no-actions.trailing-space - static const double containedNoActionsTrailingSpace = 16.00; + /// md.comp.search-bar.supporting-text.font + static const String supportingTextFont = 'Roboto'; - /// md.comp.search-bar.contained.no-actions.leading-space - static const double containedNoActionsLeadingSpace = 16.00; + /// md.comp.search-bar.supporting-text.type + static const String supportingTextTypeFontFamily = 'Roboto'; - /// md.comp.search-bar.focus.indicator.color - static const TokenColorRole focusIndicatorColor = TokenColorRole.secondary; + /// md.comp.search-bar.supporting-text.type + static const double supportingTextTypeFontSize = 16.00; - /// md.comp.search-bar.supporting-text.font - static const String supportingTextFont = 'Roboto'; + /// md.comp.search-bar.supporting-text.type + static const double supportingTextTypeFontWeight = 400; - /// md.comp.search-bar.contained.leading-margin - static const double containedLeadingMargin = 24.00; + /// md.comp.search-bar.supporting-text.type + static const double supportingTextTypeLetterSpacing = 0.50; - /// md.comp.search-bar.trailing-icon.color - static const TokenColorRole trailingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.search-bar.supporting-text.type + static const double supportingTextTypeLineHeight = 24.00; - /// md.comp.search-bar.focus.indicator.outline.offset - static const double focusIndicatorOutlineOffset = 2.00; + /// md.comp.search-bar.trailing-icon.color + static const TokenColorRole trailingIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.search-bar.supporting-text.color - static const TokenColorRole supportingTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.search-bar.trailing-icon.label-trailing-icon-space + static const double trailingIconLabelTrailingIconSpace = 16.00; - /// md.comp.search-bar.container.height - static const double containerHeight = 56.00; + /// md.comp.search-bar.trailing-space + static const double trailingSpace = 16.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/search_view.dart b/packages/material_ui/tool/gen_defaults/data/search_view.dart index 1c1c0db82540..bf7a6b110447 100644 --- a/packages/material_ui/tool/gen_defaults/data/search_view.dart +++ b/packages/material_ui/tool/gen_defaults/data/search_view.dart @@ -8,62 +8,62 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenSearchView { - /// md.comp.search-view.docked.container.shape - static const ShapeStruct dockedContainerShape = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 28.00, - topRight: 28.00, - bottomLeft: 28.00, - bottomRight: 28.00, - ); - - /// md.comp.search-view.header.supporting-text.font - static const String headerSupportingTextFont = 'Roboto'; - /// md.comp.search-view.contained.background.color - static const TokenColorRole containedBackgroundColor = - TokenColorRole.surfaceContainerLow; + static const TokenColorRole containedBackgroundColor = TokenColorRole.surfaceContainerLow; - /// md.comp.search-view.container.elevation - static const double containerElevation = 6.00; + /// md.comp.search-view.contained.docked.bar-results.gap + static const double containedDockedBarResultsGap = 2.00; - /// md.comp.search-view.header.supporting-text.color - static const TokenColorRole headerSupportingTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.search-view.contained.docked.bar.shape + static const ShapeStruct containedDockedBarShape = ShapeStruct( + family: 'SHAPE_FAMILY_CIRCULAR', + topLeft: 0.00, + topRight: 0.00, + bottomLeft: 0.00, + bottomRight: 0.00, + ); - /// md.comp.search-view.leading-space - static const double leadingSpace = 16.00; + /// md.comp.search-view.contained.docked.results.shape + static const ShapeStruct containedDockedResultsShape = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 12.00, + topRight: 12.00, + bottomLeft: 12.00, + bottomRight: 12.00, + ); + + /// md.comp.search-view.contained.full-screen.bar.container.height + static const double containedFullScreenBarContainerHeight = 56.00; /// md.comp.search-view.contained.icon-label.gap static const double containedIconLabelGap = 4.00; - /// md.comp.search-view.header.supporting-text.type - static const double headerSupportingTextTypeFontSize = 16.00; - - /// md.comp.search-view.header.supporting-text.type - static const double headerSupportingTextTypeFontWeight = 400; - - /// md.comp.search-view.header.supporting-text.type - static const double headerSupportingTextTypeLineHeight = 24.00; + /// md.comp.search-view.contained.leading-margin + static const double containedLeadingMargin = 12.00; - /// md.comp.search-view.header.supporting-text.type - static const double headerSupportingTextTypeLetterSpacing = 0.50; + /// md.comp.search-view.contained.trailing-margin + static const double containedTrailingMargin = 12.00; - /// md.comp.search-view.header.supporting-text.type - static const String headerSupportingTextTypeFontFamily = 'Roboto'; + /// md.comp.search-view.container.color + static const TokenColorRole containerColor = TokenColorRole.surfaceContainerHigh; - /// md.comp.search-view.trailing-icon.label-trailing-icon-space - static const double trailingIconLabelTrailingIconSpace = 16.00; + /// md.comp.search-view.container.elevation + static const double containerElevation = 6.00; - /// md.comp.search-view.header.input-text.color - static const TokenColorRole headerInputTextColor = TokenColorRole.onSurface; + /// md.comp.search-view.divider.color + static const TokenColorRole dividerColor = TokenColorRole.outline; - /// md.comp.search-view.header.trailing-icon.color - static const TokenColorRole headerTrailingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.search-view.docked.container.shape + static const ShapeStruct dockedContainerShape = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 28.00, + topRight: 28.00, + bottomLeft: 28.00, + bottomRight: 28.00, + ); - /// md.comp.search-view.trailing-space - static const double trailingSpace = 16.00; + /// md.comp.search-view.docked.header.container.height + static const double dockedHeaderContainerHeight = 56.00; /// md.comp.search-view.full-screen.container.shape static const ShapeStruct fullScreenContainerShape = ShapeStruct( @@ -74,70 +74,66 @@ class TokenSearchView { bottomRight: 0.00, ); - /// md.comp.search-view.divider.color - static const TokenColorRole dividerColor = TokenColorRole.outline; - - /// md.comp.search-view.contained.trailing-margin - static const double containedTrailingMargin = 12.00; - /// md.comp.search-view.full-screen.header.container.height static const double fullScreenHeaderContainerHeight = 72.00; - /// md.comp.search-view.contained.docked.bar-results.gap - static const double containedDockedBarResultsGap = 2.00; + /// md.comp.search-view.header.input-text.color + static const TokenColorRole headerInputTextColor = TokenColorRole.onSurface; + + /// md.comp.search-view.header.input-text.font + static const String headerInputTextFont = 'Roboto'; /// md.comp.search-view.header.input-text.type - static const double headerInputTextTypeFontSize = 16.00; + static const String headerInputTextTypeFontFamily = 'Roboto'; /// md.comp.search-view.header.input-text.type - static const double headerInputTextTypeFontWeight = 400; + static const double headerInputTextTypeFontSize = 16.00; /// md.comp.search-view.header.input-text.type - static const double headerInputTextTypeLineHeight = 24.00; + static const double headerInputTextTypeFontWeight = 400; /// md.comp.search-view.header.input-text.type static const double headerInputTextTypeLetterSpacing = 0.50; /// md.comp.search-view.header.input-text.type - static const String headerInputTextTypeFontFamily = 'Roboto'; + static const double headerInputTextTypeLineHeight = 24.00; - /// md.comp.search-view.contained.docked.bar.shape - static const ShapeStruct containedDockedBarShape = ShapeStruct( - family: 'SHAPE_FAMILY_CIRCULAR', - topLeft: 0.00, - topRight: 0.00, - bottomLeft: 0.00, - bottomRight: 0.00, - ); + /// md.comp.search-view.header.leading-icon.color + static const TokenColorRole headerLeadingIconColor = TokenColorRole.onSurface; - /// md.comp.search-view.contained.docked.results.shape - static const ShapeStruct containedDockedResultsShape = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 12.00, - topRight: 12.00, - bottomLeft: 12.00, - bottomRight: 12.00, - ); + /// md.comp.search-view.header.supporting-text.color + static const TokenColorRole headerSupportingTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.search-view.contained.leading-margin - static const double containedLeadingMargin = 12.00; + /// md.comp.search-view.header.supporting-text.font + static const String headerSupportingTextFont = 'Roboto'; - /// md.comp.search-view.header.leading-icon.color - static const TokenColorRole headerLeadingIconColor = TokenColorRole.onSurface; + /// md.comp.search-view.header.supporting-text.type + static const String headerSupportingTextTypeFontFamily = 'Roboto'; - /// md.comp.search-view.header.input-text.font - static const String headerInputTextFont = 'Roboto'; + /// md.comp.search-view.header.supporting-text.type + static const double headerSupportingTextTypeFontSize = 16.00; - /// md.comp.search-view.container.color - static const TokenColorRole containerColor = - TokenColorRole.surfaceContainerHigh; + /// md.comp.search-view.header.supporting-text.type + static const double headerSupportingTextTypeFontWeight = 400; + + /// md.comp.search-view.header.supporting-text.type + static const double headerSupportingTextTypeLetterSpacing = 0.50; + + /// md.comp.search-view.header.supporting-text.type + static const double headerSupportingTextTypeLineHeight = 24.00; + + /// md.comp.search-view.header.trailing-icon.color + static const TokenColorRole headerTrailingIconColor = TokenColorRole.onSurfaceVariant; /// md.comp.search-view.leading-icon.leading-icon-label-space static const double leadingIconLeadingIconLabelSpace = 16.00; - /// md.comp.search-view.contained.full-screen.bar.container.height - static const double containedFullScreenBarContainerHeight = 56.00; + /// md.comp.search-view.leading-space + static const double leadingSpace = 16.00; - /// md.comp.search-view.docked.header.container.height - static const double dockedHeaderContainerHeight = 56.00; + /// md.comp.search-view.trailing-icon.label-trailing-icon-space + static const double trailingIconLabelTrailingIconSpace = 16.00; + + /// md.comp.search-view.trailing-space + static const double trailingSpace = 16.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/secondary_navigation_tab.dart b/packages/material_ui/tool/gen_defaults/data/secondary_navigation_tab.dart index b4c123b71d54..2722c6b88425 100644 --- a/packages/material_ui/tool/gen_defaults/data/secondary_navigation_tab.dart +++ b/packages/material_ui/tool/gen_defaults/data/secondary_navigation_tab.dart @@ -8,33 +8,26 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenSecondaryNavigationTab { - /// md.comp.secondary-navigation-tab.container.shadow-color - static const TokenColorRole containerShadowColor = TokenColorRole.shadow; - - /// md.comp.secondary-navigation-tab.with-icon.focus.icon.color - static const TokenColorRole withIconFocusIconColor = TokenColorRole.onSurface; - - /// md.comp.secondary-navigation-tab.focus.state-layer.color - static const TokenColorRole focusStateLayerColor = TokenColorRole.onSurface; + /// md.comp.secondary-navigation-tab.active-indicator.color + static const TokenColorRole activeIndicatorColor = TokenColorRole.primary; - /// md.comp.secondary-navigation-tab.focus.indicator.outline.offset - static const double focusIndicatorOutlineOffset = -3.00; + /// md.comp.secondary-navigation-tab.active-indicator.height + static const double activeIndicatorHeight = 2.00; - /// md.comp.secondary-navigation-tab.pressed.label-text.color - static const TokenColorRole pressedLabelTextColor = TokenColorRole.onSurface; + /// md.comp.secondary-navigation-tab.active.label-text.color + static const TokenColorRole activeLabelTextColor = TokenColorRole.onSurface; /// md.comp.secondary-navigation-tab.container.color static const TokenColorRole containerColor = TokenColorRole.surface; - /// md.comp.secondary-navigation-tab.with-icon.inactive.icon.color - static const TokenColorRole withIconInactiveIconColor = - TokenColorRole.onSurfaceVariant; - /// md.comp.secondary-navigation-tab.container.elevation static const double containerElevation = 0.00; - /// md.comp.secondary-navigation-tab.label-text.font - static const String labelTextFont = 'Roboto'; + /// md.comp.secondary-navigation-tab.container.height + static const double containerHeight = 48.00; + + /// md.comp.secondary-navigation-tab.container.shadow-color + static const TokenColorRole containerShadowColor = TokenColorRole.shadow; /// md.comp.secondary-navigation-tab.container.shape static const ShapeStruct containerShape = ShapeStruct( @@ -45,75 +38,78 @@ class TokenSecondaryNavigationTab { bottomRight: 0.00, ); - /// md.comp.secondary-navigation-tab.with-icon.pressed.icon.color - static const TokenColorRole withIconPressedIconColor = - TokenColorRole.onSurface; - - /// md.comp.secondary-navigation-tab.pressed.state-layer.opacity - static const double pressedStateLayerOpacity = 0.10; - /// md.comp.secondary-navigation-tab.focus.indicator.color static const TokenColorRole focusIndicatorColor = TokenColorRole.secondary; - /// md.comp.secondary-navigation-tab.active.label-text.color - static const TokenColorRole activeLabelTextColor = TokenColorRole.onSurface; - - /// md.comp.secondary-navigation-tab.hover.state-layer.opacity - static const double hoverStateLayerOpacity = 0.08; + /// md.comp.secondary-navigation-tab.focus.indicator.outline.offset + static const double focusIndicatorOutlineOffset = -3.00; /// md.comp.secondary-navigation-tab.focus.indicator.thickness static const double focusIndicatorThickness = 3.00; - /// md.comp.secondary-navigation-tab.with-icon.hover.icon.color - static const TokenColorRole withIconHoverIconColor = TokenColorRole.onSurface; - - /// md.comp.secondary-navigation-tab.pressed.state-layer.color - static const TokenColorRole pressedStateLayerColor = TokenColorRole.onSurface; - /// md.comp.secondary-navigation-tab.focus.label-text.color static const TokenColorRole focusLabelTextColor = TokenColorRole.onSurface; - /// md.comp.secondary-navigation-tab.hover.state-layer.color - static const TokenColorRole hoverStateLayerColor = TokenColorRole.onSurface; - - /// md.comp.secondary-navigation-tab.container.height - static const double containerHeight = 48.00; - - /// md.comp.secondary-navigation-tab.with-icon.icon.size - static const double withIconIconSize = 24.00; - - /// md.comp.secondary-navigation-tab.with-icon.active.icon.color - static const TokenColorRole withIconActiveIconColor = - TokenColorRole.onSurface; + /// md.comp.secondary-navigation-tab.focus.state-layer.color + static const TokenColorRole focusStateLayerColor = TokenColorRole.onSurface; /// md.comp.secondary-navigation-tab.focus.state-layer.opacity static const double focusStateLayerOpacity = 0.10; - /// md.comp.secondary-navigation-tab.active-indicator.height - static const double activeIndicatorHeight = 2.00; - /// md.comp.secondary-navigation-tab.hover.label-text.color static const TokenColorRole hoverLabelTextColor = TokenColorRole.onSurface; + /// md.comp.secondary-navigation-tab.hover.state-layer.color + static const TokenColorRole hoverStateLayerColor = TokenColorRole.onSurface; + + /// md.comp.secondary-navigation-tab.hover.state-layer.opacity + static const double hoverStateLayerOpacity = 0.08; + + /// md.comp.secondary-navigation-tab.inactive.label-text.color + static const TokenColorRole inactiveLabelTextColor = TokenColorRole.onSurfaceVariant; + + /// md.comp.secondary-navigation-tab.label-text.font + static const String labelTextFont = 'Roboto'; + /// md.comp.secondary-navigation-tab.label-text.type - static const double labelTextTypeFontSize = 14.00; + static const String labelTextTypeFontFamily = 'Roboto'; /// md.comp.secondary-navigation-tab.label-text.type - static const double labelTextTypeFontWeight = 500; + static const double labelTextTypeFontSize = 14.00; /// md.comp.secondary-navigation-tab.label-text.type - static const double labelTextTypeLineHeight = 20.00; + static const double labelTextTypeFontWeight = 500; /// md.comp.secondary-navigation-tab.label-text.type static const double labelTextTypeLetterSpacing = 0.10; /// md.comp.secondary-navigation-tab.label-text.type - static const String labelTextTypeFontFamily = 'Roboto'; + static const double labelTextTypeLineHeight = 20.00; - /// md.comp.secondary-navigation-tab.active-indicator.color - static const TokenColorRole activeIndicatorColor = TokenColorRole.primary; + /// md.comp.secondary-navigation-tab.pressed.label-text.color + static const TokenColorRole pressedLabelTextColor = TokenColorRole.onSurface; - /// md.comp.secondary-navigation-tab.inactive.label-text.color - static const TokenColorRole inactiveLabelTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.secondary-navigation-tab.pressed.state-layer.color + static const TokenColorRole pressedStateLayerColor = TokenColorRole.onSurface; + + /// md.comp.secondary-navigation-tab.pressed.state-layer.opacity + static const double pressedStateLayerOpacity = 0.10; + + /// md.comp.secondary-navigation-tab.with-icon.active.icon.color + static const TokenColorRole withIconActiveIconColor = TokenColorRole.onSurface; + + /// md.comp.secondary-navigation-tab.with-icon.focus.icon.color + static const TokenColorRole withIconFocusIconColor = TokenColorRole.onSurface; + + /// md.comp.secondary-navigation-tab.with-icon.hover.icon.color + static const TokenColorRole withIconHoverIconColor = TokenColorRole.onSurface; + + /// md.comp.secondary-navigation-tab.with-icon.icon.size + static const double withIconIconSize = 24.00; + + /// md.comp.secondary-navigation-tab.with-icon.inactive.icon.color + static const TokenColorRole withIconInactiveIconColor = TokenColorRole.onSurfaceVariant; + + /// md.comp.secondary-navigation-tab.with-icon.pressed.icon.color + static const TokenColorRole withIconPressedIconColor = TokenColorRole.onSurface; } diff --git a/packages/material_ui/tool/gen_defaults/data/shape.dart b/packages/material_ui/tool/gen_defaults/data/shape.dart index ef37d1c4976b..56314443e21e 100644 --- a/packages/material_ui/tool/gen_defaults/data/shape.dart +++ b/packages/material_ui/tool/gen_defaults/data/shape.dart @@ -7,14 +7,59 @@ import 'shape_struct.dart'; class TokenShape { - /// md.sys.shape.corner-value.extra-large - static const double cornerValueExtraLarge = 28.00; + /// md.sys.shape.corner.extra-extra-large + static const ShapeStruct cornerExtraExtraLarge = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 48.00, + topRight: 48.00, + bottomLeft: 48.00, + bottomRight: 48.00, + ); - /// md.sys.shape.corner-value.extra-extra-large - static const double cornerValueExtraExtraLarge = 48.00; + /// md.sys.shape.corner.extra-large + static const ShapeStruct cornerExtraLarge = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 28.00, + topRight: 28.00, + bottomLeft: 28.00, + bottomRight: 28.00, + ); - /// md.sys.shape.corner-value.large-increased - static const double cornerValueLargeIncreased = 20.00; + /// md.sys.shape.corner.extra-large-increased + static const ShapeStruct cornerExtraLargeIncreased = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 32.00, + topRight: 32.00, + bottomLeft: 32.00, + bottomRight: 32.00, + ); + + /// md.sys.shape.corner.extra-large.top + static const ShapeStruct cornerExtraLargeTop = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 28.00, + topRight: 28.00, + bottomLeft: 0.00, + bottomRight: 0.00, + ); + + /// md.sys.shape.corner.extra-small + static const ShapeStruct cornerExtraSmall = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 4.00, + topRight: 4.00, + bottomLeft: 4.00, + bottomRight: 4.00, + ); + + /// md.sys.shape.corner.extra-small.top + static const ShapeStruct cornerExtraSmallTop = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 4.00, + topRight: 4.00, + bottomLeft: 0.00, + bottomRight: 0.00, + ); /// md.sys.shape.corner.full static const ShapeStruct cornerFull = ShapeStruct( @@ -25,16 +70,22 @@ class TokenShape { bottomRight: 0.00, ); - /// md.sys.shape.corner-value.none - static const double cornerValueNone = 0.00; - - /// md.sys.shape.corner.large.start - static const ShapeStruct cornerLargeStart = ShapeStruct( + /// md.sys.shape.corner.large + static const ShapeStruct cornerLarge = ShapeStruct( family: 'SHAPE_FAMILY_ROUNDED_CORNERS', topLeft: 16.00, - topRight: 0.00, + topRight: 16.00, bottomLeft: 16.00, - bottomRight: 0.00, + bottomRight: 16.00, + ); + + /// md.sys.shape.corner.large.end + static const ShapeStruct cornerLargeEnd = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 0.00, + topRight: 16.00, + bottomLeft: 0.00, + bottomRight: 16.00, ); /// md.sys.shape.corner.large-increased @@ -46,31 +97,31 @@ class TokenShape { bottomRight: 20.00, ); - /// md.sys.shape.corner.small - static const ShapeStruct cornerSmall = ShapeStruct( + /// md.sys.shape.corner.large.start + static const ShapeStruct cornerLargeStart = ShapeStruct( family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 8.00, - topRight: 8.00, - bottomLeft: 8.00, - bottomRight: 8.00, + topLeft: 16.00, + topRight: 0.00, + bottomLeft: 16.00, + bottomRight: 0.00, ); - /// md.sys.shape.corner.large - static const ShapeStruct cornerLarge = ShapeStruct( + /// md.sys.shape.corner.large.top + static const ShapeStruct cornerLargeTop = ShapeStruct( family: 'SHAPE_FAMILY_ROUNDED_CORNERS', topLeft: 16.00, topRight: 16.00, - bottomLeft: 16.00, - bottomRight: 16.00, + bottomLeft: 0.00, + bottomRight: 0.00, ); - /// md.sys.shape.corner.extra-large-increased - static const ShapeStruct cornerExtraLargeIncreased = ShapeStruct( + /// md.sys.shape.corner.medium + static const ShapeStruct cornerMedium = ShapeStruct( family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 32.00, - topRight: 32.00, - bottomLeft: 32.00, - bottomRight: 32.00, + topLeft: 12.00, + topRight: 12.00, + bottomLeft: 12.00, + bottomRight: 12.00, ); /// md.sys.shape.corner.none @@ -82,90 +133,39 @@ class TokenShape { bottomRight: 0.00, ); - /// md.sys.shape.corner-value.small - static const double cornerValueSmall = 8.00; - - /// md.sys.shape.corner.large.end - static const ShapeStruct cornerLargeEnd = ShapeStruct( + /// md.sys.shape.corner.small + static const ShapeStruct cornerSmall = ShapeStruct( family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 0.00, - topRight: 16.00, - bottomLeft: 0.00, - bottomRight: 16.00, + topLeft: 8.00, + topRight: 8.00, + bottomLeft: 8.00, + bottomRight: 8.00, ); - /// md.sys.shape.corner-value.large - static const double cornerValueLarge = 16.00; + /// md.sys.shape.corner-value.extra-extra-large + static const double cornerValueExtraExtraLarge = 48.00; - /// md.sys.shape.corner.extra-large - static const ShapeStruct cornerExtraLarge = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 28.00, - topRight: 28.00, - bottomLeft: 28.00, - bottomRight: 28.00, - ); + /// md.sys.shape.corner-value.extra-large + static const double cornerValueExtraLarge = 28.00; - /// md.sys.shape.corner.extra-large.top - static const ShapeStruct cornerExtraLargeTop = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 28.00, - topRight: 28.00, - bottomLeft: 0.00, - bottomRight: 0.00, - ); + /// md.sys.shape.corner-value.extra-large-increased + static const double cornerValueExtraLargeIncreased = 32.00; /// md.sys.shape.corner-value.extra-small static const double cornerValueExtraSmall = 4.00; - /// md.sys.shape.corner.medium - static const ShapeStruct cornerMedium = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 12.00, - topRight: 12.00, - bottomLeft: 12.00, - bottomRight: 12.00, - ); + /// md.sys.shape.corner-value.large + static const double cornerValueLarge = 16.00; + + /// md.sys.shape.corner-value.large-increased + static const double cornerValueLargeIncreased = 20.00; /// md.sys.shape.corner-value.medium static const double cornerValueMedium = 12.00; - /// md.sys.shape.corner-value.extra-large-increased - static const double cornerValueExtraLargeIncreased = 32.00; - - /// md.sys.shape.corner.extra-small - static const ShapeStruct cornerExtraSmall = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 4.00, - topRight: 4.00, - bottomLeft: 4.00, - bottomRight: 4.00, - ); - - /// md.sys.shape.corner.extra-extra-large - static const ShapeStruct cornerExtraExtraLarge = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 48.00, - topRight: 48.00, - bottomLeft: 48.00, - bottomRight: 48.00, - ); - - /// md.sys.shape.corner.large.top - static const ShapeStruct cornerLargeTop = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 16.00, - topRight: 16.00, - bottomLeft: 0.00, - bottomRight: 0.00, - ); + /// md.sys.shape.corner-value.none + static const double cornerValueNone = 0.00; - /// md.sys.shape.corner.extra-small.top - static const ShapeStruct cornerExtraSmallTop = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 4.00, - topRight: 4.00, - bottomLeft: 0.00, - bottomRight: 0.00, - ); + /// md.sys.shape.corner-value.small + static const double cornerValueSmall = 8.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/shape_struct.dart b/packages/material_ui/tool/gen_defaults/data/shape_struct.dart index 665cf8ba9ac7..50ea303e4df0 100644 --- a/packages/material_ui/tool/gen_defaults/data/shape_struct.dart +++ b/packages/material_ui/tool/gen_defaults/data/shape_struct.dart @@ -4,11 +4,15 @@ // Source template: javascript/materialdesign/tokens/compiler/formats/flutter/templates/shape_struct.dart class ShapeStruct { + final double bottomLeft; + + final double bottomRight; + final String family; + final double topLeft; + final double topRight; - final double bottomLeft; - final double bottomRight; const ShapeStruct({ required this.family, diff --git a/packages/material_ui/tool/gen_defaults/data/sheet_bottom.dart b/packages/material_ui/tool/gen_defaults/data/sheet_bottom.dart index c0f99c33d1f7..76d756cbe459 100644 --- a/packages/material_ui/tool/gen_defaults/data/sheet_bottom.dart +++ b/packages/material_ui/tool/gen_defaults/data/sheet_bottom.dart @@ -8,18 +8,8 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenSheetBottom { - /// md.comp.sheet.bottom.focus.indicator.thickness - static const double focusIndicatorThickness = 3.00; - /// md.comp.sheet.bottom.docked.container.color - static const TokenColorRole dockedContainerColor = - TokenColorRole.surfaceContainerLow; - - /// md.comp.sheet.bottom.docked.drag-handle.height - static const double dockedDragHandleHeight = 4.00; - - /// md.comp.sheet.bottom.focus.indicator.color - static const TokenColorRole focusIndicatorColor = TokenColorRole.secondary; + static const TokenColorRole dockedContainerColor = TokenColorRole.surfaceContainerLow; /// md.comp.sheet.bottom.docked.container.shape static const ShapeStruct dockedContainerShape = ShapeStruct( @@ -30,18 +20,14 @@ class TokenSheetBottom { bottomRight: 0.00, ); - /// md.comp.sheet.bottom.docked.standard.container.elevation - static const double dockedStandardContainerElevation = 1.00; - /// md.comp.sheet.bottom.docked.drag-handle.color - static const TokenColorRole dockedDragHandleColor = - TokenColorRole.onSurfaceVariant; + static const TokenColorRole dockedDragHandleColor = TokenColorRole.onSurfaceVariant; - /// md.comp.sheet.bottom.focus.indicator.outline.offset - static const double focusIndicatorOutlineOffset = 2.00; + /// md.comp.sheet.bottom.docked.drag-handle.height + static const double dockedDragHandleHeight = 4.00; - /// md.comp.sheet.bottom.docked.modal.container.elevation - static const double dockedModalContainerElevation = 1.00; + /// md.comp.sheet.bottom.docked.drag-handle.width + static const double dockedDragHandleWidth = 32.00; /// md.comp.sheet.bottom.docked.minimized.container.shape static const ShapeStruct dockedMinimizedContainerShape = ShapeStruct( @@ -52,6 +38,18 @@ class TokenSheetBottom { bottomRight: 0.00, ); - /// md.comp.sheet.bottom.docked.drag-handle.width - static const double dockedDragHandleWidth = 32.00; + /// md.comp.sheet.bottom.docked.modal.container.elevation + static const double dockedModalContainerElevation = 1.00; + + /// md.comp.sheet.bottom.docked.standard.container.elevation + static const double dockedStandardContainerElevation = 1.00; + + /// md.comp.sheet.bottom.focus.indicator.color + static const TokenColorRole focusIndicatorColor = TokenColorRole.secondary; + + /// md.comp.sheet.bottom.focus.indicator.outline.offset + static const double focusIndicatorOutlineOffset = 2.00; + + /// md.comp.sheet.bottom.focus.indicator.thickness + static const double focusIndicatorThickness = 3.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/sheet_floating.dart b/packages/material_ui/tool/gen_defaults/data/sheet_floating.dart index 80e33729f14b..8523da39061e 100644 --- a/packages/material_ui/tool/gen_defaults/data/sheet_floating.dart +++ b/packages/material_ui/tool/gen_defaults/data/sheet_floating.dart @@ -8,13 +8,12 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenSheetFloating { + /// md.comp.sheet.floating.container.color + static const TokenColorRole containerColor = TokenColorRole.surfaceContainerLow; + /// md.comp.sheet.floating.container.elevation static const double containerElevation = 1.00; - /// md.comp.sheet.floating.container.color - static const TokenColorRole containerColor = - TokenColorRole.surfaceContainerLow; - /// md.comp.sheet.floating.container.shape static const ShapeStruct containerShape = ShapeStruct( family: 'SHAPE_FAMILY_ROUNDED_CORNERS', diff --git a/packages/material_ui/tool/gen_defaults/data/sheet_side.dart b/packages/material_ui/tool/gen_defaults/data/sheet_side.dart index 5d351912b8d7..66914d8c41da 100644 --- a/packages/material_ui/tool/gen_defaults/data/sheet_side.dart +++ b/packages/material_ui/tool/gen_defaults/data/sheet_side.dart @@ -8,25 +8,6 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenSheetSide { - /// md.comp.sheet.side.docked.focus.indicator.thickness - static const double dockedFocusIndicatorThickness = 3.00; - - /// md.comp.sheet.side.docked.standard.container.color - static const TokenColorRole dockedStandardContainerColor = - TokenColorRole.surface; - - /// md.comp.sheet.side.docked.modal.container.shape - static const ShapeStruct dockedModalContainerShape = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 16.00, - topRight: 0.00, - bottomLeft: 16.00, - bottomRight: 0.00, - ); - - /// md.comp.sheet.side.docked.action.pressed.state-layer.opacity - static const double dockedActionPressedStateLayerOpacity = 0.10; - /// md.comp.sheet.side.detached.container.shape static const ShapeStruct detachedContainerShape = ShapeStruct( family: 'SHAPE_FAMILY_ROUNDED_CORNERS', @@ -36,20 +17,35 @@ class TokenSheetSide { bottomRight: 16.00, ); - /// md.comp.sheet.side.docked.modal.container.color - static const TokenColorRole dockedModalContainerColor = - TokenColorRole.surfaceContainerLow; + /// md.comp.sheet.side.docked.action.focus.label-text.color + static const TokenColorRole dockedActionFocusLabelTextColor = TokenColorRole.primary; - /// md.comp.sheet.side.docked.container.height - static const double dockedContainerHeight = 100.00; + /// md.comp.sheet.side.docked.action.focus.state-layer.color + static const TokenColorRole dockedActionFocusStateLayerColor = TokenColorRole.primary; + + /// md.comp.sheet.side.docked.action.focus.state-layer.opacity + static const double dockedActionFocusStateLayerOpacity = 0.10; + + /// md.comp.sheet.side.docked.action.hover.label-text.color + static const TokenColorRole dockedActionHoverLabelTextColor = TokenColorRole.primary; + + /// md.comp.sheet.side.docked.action.hover.state-layer.color + static const TokenColorRole dockedActionHoverStateLayerColor = TokenColorRole.primary; + + /// md.comp.sheet.side.docked.action.hover.state-layer.opacity + static const double dockedActionHoverStateLayerOpacity = 0.08; /// md.comp.sheet.side.docked.action.pressed.label-text.color - static const TokenColorRole dockedActionPressedLabelTextColor = - TokenColorRole.primary; + static const TokenColorRole dockedActionPressedLabelTextColor = TokenColorRole.primary; - /// md.comp.sheet.side.docked.focus.indicator.color - static const TokenColorRole dockedFocusIndicatorColor = - TokenColorRole.secondary; + /// md.comp.sheet.side.docked.action.pressed.state-layer.color + static const TokenColorRole dockedActionPressedStateLayerColor = TokenColorRole.primary; + + /// md.comp.sheet.side.docked.action.pressed.state-layer.opacity + static const double dockedActionPressedStateLayerOpacity = 0.10; + + /// md.comp.sheet.side.docked.container.height + static const double dockedContainerHeight = 100.00; /// md.comp.sheet.side.docked.container.shape static const ShapeStruct dockedContainerShape = ShapeStruct( @@ -60,66 +56,60 @@ class TokenSheetSide { bottomRight: 0.00, ); - /// md.comp.sheet.side.docked.action.hover.state-layer.color - static const TokenColorRole dockedActionHoverStateLayerColor = - TokenColorRole.primary; + /// md.comp.sheet.side.docked.container.width + static const double dockedContainerWidth = 256.00; /// md.comp.sheet.side.docked.divider.color static const TokenColorRole dockedDividerColor = TokenColorRole.outline; - /// md.comp.sheet.side.docked.action.hover.label-text.color - static const TokenColorRole dockedActionHoverLabelTextColor = - TokenColorRole.primary; - - /// md.comp.sheet.side.docked.modal.container.elevation - static const double dockedModalContainerElevation = 1.00; - - /// md.comp.sheet.side.docked.action.focus.state-layer.color - static const TokenColorRole dockedActionFocusStateLayerColor = - TokenColorRole.primary; - - /// md.comp.sheet.side.docked.action.pressed.state-layer.color - static const TokenColorRole dockedActionPressedStateLayerColor = - TokenColorRole.primary; + /// md.comp.sheet.side.docked.focus.indicator.color + static const TokenColorRole dockedFocusIndicatorColor = TokenColorRole.secondary; /// md.comp.sheet.side.docked.focus.indicator.outline.offset static const double dockedFocusIndicatorOutlineOffset = 2.00; - /// md.comp.sheet.side.docked.action.focus.state-layer.opacity - static const double dockedActionFocusStateLayerOpacity = 0.10; + /// md.comp.sheet.side.docked.focus.indicator.thickness + static const double dockedFocusIndicatorThickness = 3.00; - /// md.comp.sheet.side.docked.action.focus.label-text.color - static const TokenColorRole dockedActionFocusLabelTextColor = - TokenColorRole.primary; + /// md.comp.sheet.side.docked.headline.color + static const TokenColorRole dockedHeadlineColor = TokenColorRole.onSurfaceVariant; - /// md.comp.sheet.side.docked.action.hover.state-layer.opacity - static const double dockedActionHoverStateLayerOpacity = 0.08; + /// md.comp.sheet.side.docked.headline.font + static const String dockedHeadlineFont = 'Roboto'; /// md.comp.sheet.side.docked.headline.type - static const double dockedHeadlineTypeFontSize = 22.00; + static const String dockedHeadlineTypeFontFamily = 'Roboto'; /// md.comp.sheet.side.docked.headline.type - static const double dockedHeadlineTypeFontWeight = 400; + static const double dockedHeadlineTypeFontSize = 22.00; /// md.comp.sheet.side.docked.headline.type - static const double dockedHeadlineTypeLineHeight = 28.00; + static const double dockedHeadlineTypeFontWeight = 400; /// md.comp.sheet.side.docked.headline.type static const double dockedHeadlineTypeLetterSpacing = 0.00; /// md.comp.sheet.side.docked.headline.type - static const String dockedHeadlineTypeFontFamily = 'Roboto'; + static const double dockedHeadlineTypeLineHeight = 28.00; - /// md.comp.sheet.side.docked.headline.font - static const String dockedHeadlineFont = 'Roboto'; + /// md.comp.sheet.side.docked.modal.container.color + static const TokenColorRole dockedModalContainerColor = TokenColorRole.surfaceContainerLow; - /// md.comp.sheet.side.docked.headline.color - static const TokenColorRole dockedHeadlineColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.sheet.side.docked.modal.container.elevation + static const double dockedModalContainerElevation = 1.00; + + /// md.comp.sheet.side.docked.modal.container.shape + static const ShapeStruct dockedModalContainerShape = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 16.00, + topRight: 0.00, + bottomLeft: 16.00, + bottomRight: 0.00, + ); + + /// md.comp.sheet.side.docked.standard.container.color + static const TokenColorRole dockedStandardContainerColor = TokenColorRole.surface; /// md.comp.sheet.side.docked.standard.container.elevation static const double dockedStandardContainerElevation = 0.00; - - /// md.comp.sheet.side.docked.container.width - static const double dockedContainerWidth = 256.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/slider.dart b/packages/material_ui/tool/gen_defaults/data/slider.dart index 6a236d6440de..4c485d2003e4 100644 --- a/packages/material_ui/tool/gen_defaults/data/slider.dart +++ b/packages/material_ui/tool/gen_defaults/data/slider.dart @@ -8,28 +8,17 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenSlider { - /// md.comp.slider.stop-indicator.color - static const TokenColorRole stopIndicatorColor = - TokenColorRole.onSecondaryContainer; - - /// md.comp.slider.stop-indicator.color-selected - static const TokenColorRole stopIndicatorColorSelected = - TokenColorRole.onPrimary; - - /// md.comp.slider.pressed.active.track.color - static const TokenColorRole pressedActiveTrackColor = TokenColorRole.primary; - - /// md.comp.slider.handle.height - static const double handleHeight = 44.00; + /// md.comp.slider.active.handle.height + static const double activeHandleHeight = 44.00; /// md.comp.slider.active.handle.leading-space static const double activeHandleLeadingSpace = 6.00; - /// md.comp.slider.active.handle.width - static const double activeHandleWidth = 4.00; + /// md.comp.slider.active.handle.padding + static const double activeHandlePadding = 6.00; - /// md.comp.slider.active.track.shape - static const ShapeStruct activeTrackShape = ShapeStruct( + /// md.comp.slider.active.handle.shape + static const ShapeStruct activeHandleShape = ShapeStruct( family: 'SHAPE_FAMILY_CIRCULAR', topLeft: 0.00, topRight: 0.00, @@ -37,44 +26,44 @@ class TokenSlider { bottomRight: 0.00, ); - /// md.comp.slider.focus.active.track.color - static const TokenColorRole focusActiveTrackColor = TokenColorRole.primary; - - /// md.comp.slider.disabled.inactive.track.opacity - static const double disabledInactiveTrackOpacity = 0.12; - /// md.comp.slider.active.handle.trailing-space static const double activeHandleTrailingSpace = 6.00; - /// md.comp.slider.pressed.inactive.track.color - static const TokenColorRole pressedInactiveTrackColor = - TokenColorRole.secondaryContainer; - - /// md.comp.slider.value-indicator.container.color - static const TokenColorRole valueIndicatorContainerColor = - TokenColorRole.inverseSurface; + /// md.comp.slider.active.handle.width + static const double activeHandleWidth = 4.00; - /// md.comp.slider.inactive.stop-indicator.container.color - static const TokenColorRole inactiveStopIndicatorContainerColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.slider.active.stop-indicator.container.color + static const TokenColorRole activeStopIndicatorContainerColor = TokenColorRole.onPrimary; - /// md.comp.slider.pressed.handle.width - static const double pressedHandleWidth = 2.00; + /// md.comp.slider.active.stop-indicator.container.opacity + static const double activeStopIndicatorContainerOpacity = 1.00; - /// md.comp.slider.inactive.stop-indicator.container.opacity - static const double inactiveStopIndicatorContainerOpacity = 1.00; + /// md.comp.slider.active.track.color + static const TokenColorRole activeTrackColor = TokenColorRole.primary; - /// md.comp.slider.handle.width - static const double handleWidth = 4.00; + /// md.comp.slider.active.track.height + static const double activeTrackHeight = 16.00; - /// md.comp.slider.disabled.active.track.opacity - static const double disabledActiveTrackOpacity = 0.38; + /// md.comp.slider.active.track.inner-corner.corner-size + static const ShapeStruct activeTrackInnerCornerCornerSize = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 0.00, + topRight: 2.00, + bottomLeft: 0.00, + bottomRight: 2.00, + ); - /// md.comp.slider.stop-indicator.size - static const double stopIndicatorSize = 4.00; + /// md.comp.slider.active.track.outer-corner.corner-size + static const ShapeStruct activeTrackOuterCornerCornerSize = ShapeStruct( + family: 'SHAPE_FAMILY_CIRCULAR', + topLeft: 0.00, + topRight: 0.00, + bottomLeft: 0.00, + bottomRight: 0.00, + ); - /// md.comp.slider.handle.shape - static const ShapeStruct handleShape = ShapeStruct( + /// md.comp.slider.active.track.shape + static const ShapeStruct activeTrackShape = ShapeStruct( family: 'SHAPE_FAMILY_CIRCULAR', topLeft: 0.00, topRight: 0.00, @@ -82,59 +71,77 @@ class TokenSlider { bottomRight: 0.00, ); + /// md.comp.slider.disabled.active.stop-indicator.container.color + static const TokenColorRole disabledActiveStopIndicatorContainerColor = + TokenColorRole.inverseOnSurface; + + /// md.comp.slider.disabled.active.track.color + static const TokenColorRole disabledActiveTrackColor = TokenColorRole.onSurface; + + /// md.comp.slider.disabled.active.track.opacity + static const double disabledActiveTrackOpacity = 0.38; + /// md.comp.slider.disabled.handle.color static const TokenColorRole disabledHandleColor = TokenColorRole.onSurface; - /// md.comp.slider.handle.color - static const TokenColorRole handleColor = TokenColorRole.primary; + /// md.comp.slider.disabled.handle.opacity + static const double disabledHandleOpacity = 0.38; - /// md.comp.slider.value-indicator.label.label-text.color - static const TokenColorRole valueIndicatorLabelLabelTextColor = - TokenColorRole.inverseOnSurface; + /// md.comp.slider.disabled.handle.width + static const double disabledHandleWidth = 4.00; - /// md.comp.slider.inactive.track.color - static const TokenColorRole inactiveTrackColor = - TokenColorRole.secondaryContainer; + /// md.comp.slider.disabled.inactive.stop-indicator.container.color + static const TokenColorRole disabledInactiveStopIndicatorContainerColor = + TokenColorRole.onSurface; - /// md.comp.slider.active.handle.padding - static const double activeHandlePadding = 6.00; + /// md.comp.slider.disabled.inactive.track.color + static const TokenColorRole disabledInactiveTrackColor = TokenColorRole.onSurface; - /// md.comp.slider.pressed.handle.color - static const TokenColorRole pressedHandleColor = TokenColorRole.primary; + /// md.comp.slider.disabled.inactive.track.opacity + static const double disabledInactiveTrackOpacity = 0.12; - /// md.comp.slider.active.handle.height - static const double activeHandleHeight = 44.00; + /// md.comp.slider.focus.active.track.color + static const TokenColorRole focusActiveTrackColor = TokenColorRole.primary; - /// md.comp.slider.active.stop-indicator.container.opacity - static const double activeStopIndicatorContainerOpacity = 1.00; + /// md.comp.slider.focus.handle.width + static const double focusHandleWidth = 2.00; - /// md.comp.slider.disabled.active.stop-indicator.container.color - static const TokenColorRole disabledActiveStopIndicatorContainerColor = - TokenColorRole.inverseOnSurface; + /// md.comp.slider.focus.inactive.track.color + static const TokenColorRole focusInactiveTrackColor = TokenColorRole.secondaryContainer; - /// md.comp.slider.disabled.handle.width - static const double disabledHandleWidth = 4.00; + /// md.comp.slider.handle.color + static const TokenColorRole handleColor = TokenColorRole.primary; - /// md.comp.slider.active.track.inner-corner.corner-size - static const ShapeStruct activeTrackInnerCornerCornerSize = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + /// md.comp.slider.handle.height + static const double handleHeight = 44.00; + + /// md.comp.slider.handle.shape + static const ShapeStruct handleShape = ShapeStruct( + family: 'SHAPE_FAMILY_CIRCULAR', topLeft: 0.00, - topRight: 2.00, + topRight: 0.00, bottomLeft: 0.00, - bottomRight: 2.00, + bottomRight: 0.00, ); - /// md.comp.slider.focus.inactive.track.color - static const TokenColorRole focusInactiveTrackColor = - TokenColorRole.secondaryContainer; + /// md.comp.slider.handle.width + static const double handleWidth = 4.00; - /// md.comp.slider.disabled.inactive.stop-indicator.container.color - static const TokenColorRole disabledInactiveStopIndicatorContainerColor = - TokenColorRole.onSurface; + /// md.comp.slider.hover.handle.width + static const double hoverHandleWidth = 4.00; - /// md.comp.slider.disabled.inactive.track.color - static const TokenColorRole disabledInactiveTrackColor = - TokenColorRole.onSurface; + /// md.comp.slider.inactive.stop-indicator.container.color + static const TokenColorRole inactiveStopIndicatorContainerColor = + TokenColorRole.onSecondaryContainer; + + /// md.comp.slider.inactive.stop-indicator.container.opacity + static const double inactiveStopIndicatorContainerOpacity = 1.00; + + /// md.comp.slider.inactive.track.color + static const TokenColorRole inactiveTrackColor = TokenColorRole.secondaryContainer; + + /// md.comp.slider.inactive.track.height + static const double inactiveTrackHeight = 16.00; /// md.comp.slider.inactive.track.shape static const ShapeStruct inactiveTrackShape = ShapeStruct( @@ -145,24 +152,26 @@ class TokenSlider { bottomRight: 0.00, ); - /// md.comp.slider.inactive.track.height - static const double inactiveTrackHeight = 16.00; + /// md.comp.slider.pressed.active.track.color + static const TokenColorRole pressedActiveTrackColor = TokenColorRole.primary; - /// md.comp.slider.stop-indicator.trailing-space - static const double stopIndicatorTrailingSpace = 4.00; + /// md.comp.slider.pressed.handle.color + static const TokenColorRole pressedHandleColor = TokenColorRole.primary; - /// md.comp.slider.disabled.active.track.color - static const TokenColorRole disabledActiveTrackColor = - TokenColorRole.onSurface; + /// md.comp.slider.pressed.handle.width + static const double pressedHandleWidth = 2.00; - /// md.comp.slider.value-indicator.active.bottom-space - static const double valueIndicatorActiveBottomSpace = 12.00; + /// md.comp.slider.pressed.inactive.track.color + static const TokenColorRole pressedInactiveTrackColor = TokenColorRole.secondaryContainer; /// md.comp.slider.slider-active-handle-color static const TokenColorRole sliderActiveHandleColor = TokenColorRole.primary; - /// md.comp.slider.active.track.height - static const double activeTrackHeight = 16.00; + /// md.comp.slider.stop-indicator.color + static const TokenColorRole stopIndicatorColor = TokenColorRole.onSecondaryContainer; + + /// md.comp.slider.stop-indicator.color-selected + static const TokenColorRole stopIndicatorColorSelected = TokenColorRole.onPrimary; /// md.comp.slider.stop-indicator.shape static const ShapeStruct stopIndicatorShape = ShapeStruct( @@ -173,40 +182,21 @@ class TokenSlider { bottomRight: 0.00, ); - /// md.comp.slider.active.track.color - static const TokenColorRole activeTrackColor = TokenColorRole.primary; - - /// md.comp.slider.active.handle.shape - static const ShapeStruct activeHandleShape = ShapeStruct( - family: 'SHAPE_FAMILY_CIRCULAR', - topLeft: 0.00, - topRight: 0.00, - bottomLeft: 0.00, - bottomRight: 0.00, - ); + /// md.comp.slider.stop-indicator.size + static const double stopIndicatorSize = 4.00; - /// md.comp.slider.focus.handle.width - static const double focusHandleWidth = 2.00; + /// md.comp.slider.stop-indicator.trailing-space + static const double stopIndicatorTrailingSpace = 4.00; - /// md.comp.slider.active.track.outer-corner.corner-size - static const ShapeStruct activeTrackOuterCornerCornerSize = ShapeStruct( - family: 'SHAPE_FAMILY_CIRCULAR', - topLeft: 0.00, - topRight: 0.00, - bottomLeft: 0.00, - bottomRight: 0.00, - ); + /// md.comp.slider.value-indicator.active.bottom-space + static const double valueIndicatorActiveBottomSpace = 12.00; - /// md.comp.slider.active.stop-indicator.container.color - static const TokenColorRole activeStopIndicatorContainerColor = - TokenColorRole.onPrimary; + /// md.comp.slider.value-indicator.container.color + static const TokenColorRole valueIndicatorContainerColor = TokenColorRole.inverseSurface; - /// md.comp.slider.disabled.handle.opacity - static const double disabledHandleOpacity = 0.38; + /// md.comp.slider.value-indicator.label.label-text.color + static const TokenColorRole valueIndicatorLabelLabelTextColor = TokenColorRole.inverseOnSurface; /// md.comp.slider.value-indicator.label.label-text.font static const String valueIndicatorLabelLabelTextFont = 'Roboto'; - - /// md.comp.slider.hover.handle.width - static const double hoverHandleWidth = 4.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/slider_large.dart b/packages/material_ui/tool/gen_defaults/data/slider_large.dart index a13a5433614c..f6b92cdc8170 100644 --- a/packages/material_ui/tool/gen_defaults/data/slider_large.dart +++ b/packages/material_ui/tool/gen_defaults/data/slider_large.dart @@ -5,8 +5,8 @@ // Version: 36.0.6 class TokenSliderLarge { - /// md.comp.slider.large.icon.size - static const double iconSize = 24.00; + /// md.comp.slider.large.active.handle.height + static const double activeHandleHeight = 68.00; /// md.comp.slider.large.active.track.height static const double activeTrackHeight = 56.00; @@ -17,12 +17,12 @@ class TokenSliderLarge { /// md.comp.slider.large.icon.padding static const double iconPadding = 6.00; - /// md.comp.slider.large.active.handle.height - static const double activeHandleHeight = 68.00; - - /// md.comp.slider.large.inactive.track.shape.trailing - static const double inactiveTrackShapeTrailing = 16.00; + /// md.comp.slider.large.icon.size + static const double iconSize = 24.00; /// md.comp.slider.large.inactive.track.height static const double inactiveTrackHeight = 56.00; + + /// md.comp.slider.large.inactive.track.shape.trailing + static const double inactiveTrackShapeTrailing = 16.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/slider_medium.dart b/packages/material_ui/tool/gen_defaults/data/slider_medium.dart index d9f487db0d70..f5001e810423 100644 --- a/packages/material_ui/tool/gen_defaults/data/slider_medium.dart +++ b/packages/material_ui/tool/gen_defaults/data/slider_medium.dart @@ -5,24 +5,24 @@ // Version: 36.0.6 class TokenSliderMedium { - /// md.comp.slider.medium.icon.padding - static const double iconPadding = 6.00; - - /// md.comp.slider.medium.inactive.track.height - static const double inactiveTrackHeight = 40.00; + /// md.comp.slider.medium.active.handle.height + static const double activeHandleHeight = 44.00; /// md.comp.slider.medium.active.track.height static const double activeTrackHeight = 40.00; - /// md.comp.slider.medium.inactive.track.shape.trailing - static const double inactiveTrackShapeTrailing = 12.00; - /// md.comp.slider.medium.active.track.shape.leading static const double activeTrackShapeLeading = 12.00; - /// md.comp.slider.medium.active.handle.height - static const double activeHandleHeight = 44.00; + /// md.comp.slider.medium.icon.padding + static const double iconPadding = 6.00; /// md.comp.slider.medium.icon.size static const double iconSize = 24.00; + + /// md.comp.slider.medium.inactive.track.height + static const double inactiveTrackHeight = 40.00; + + /// md.comp.slider.medium.inactive.track.shape.trailing + static const double inactiveTrackShapeTrailing = 12.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/slider_small.dart b/packages/material_ui/tool/gen_defaults/data/slider_small.dart index 02167b00389e..a1348e3abd1e 100644 --- a/packages/material_ui/tool/gen_defaults/data/slider_small.dart +++ b/packages/material_ui/tool/gen_defaults/data/slider_small.dart @@ -8,14 +8,14 @@ class TokenSliderSmall { /// md.comp.slider.small.active.handle.height static const double activeHandleHeight = 44.00; - /// md.comp.slider.small.inactive.track.height - static const double inactiveTrackHeight = 24.00; + /// md.comp.slider.small.active.track.height + static const double activeTrackHeight = 24.00; /// md.comp.slider.small.active.track.shape.leading static const double activeTrackShapeLeading = 8.00; - /// md.comp.slider.small.active.track.height - static const double activeTrackHeight = 24.00; + /// md.comp.slider.small.inactive.track.height + static const double inactiveTrackHeight = 24.00; /// md.comp.slider.small.inactive.track.shape.trailing static const double inactiveTrackShapeTrailing = 8.00; diff --git a/packages/material_ui/tool/gen_defaults/data/slider_xlarge.dart b/packages/material_ui/tool/gen_defaults/data/slider_xlarge.dart index 3f5423a89d12..99f4133f783c 100644 --- a/packages/material_ui/tool/gen_defaults/data/slider_xlarge.dart +++ b/packages/material_ui/tool/gen_defaults/data/slider_xlarge.dart @@ -5,24 +5,24 @@ // Version: 36.0.6 class TokenSliderXlarge { - /// md.comp.slider.xlarge.icon.size - static const double iconSize = 32.00; + /// md.comp.slider.xlarge.active.handle.height + static const double activeHandleHeight = 108.00; /// md.comp.slider.xlarge.active.track.height static const double activeTrackHeight = 96.00; - /// md.comp.slider.xlarge.inactive.track.shape.trailing - static const double inactiveTrackShapeTrailing = 28.00; - - /// md.comp.slider.xlarge.inactive.track.height - static const double inactiveTrackHeight = 96.00; + /// md.comp.slider.xlarge.active.track.shape.leading + static const double activeTrackShapeLeading = 28.00; /// md.comp.slider.xlarge.icon.padding static const double iconPadding = 8.00; - /// md.comp.slider.xlarge.active.track.shape.leading - static const double activeTrackShapeLeading = 28.00; + /// md.comp.slider.xlarge.icon.size + static const double iconSize = 32.00; - /// md.comp.slider.xlarge.active.handle.height - static const double activeHandleHeight = 108.00; + /// md.comp.slider.xlarge.inactive.track.height + static const double inactiveTrackHeight = 96.00; + + /// md.comp.slider.xlarge.inactive.track.shape.trailing + static const double inactiveTrackShapeTrailing = 28.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/slider_xsmall.dart b/packages/material_ui/tool/gen_defaults/data/slider_xsmall.dart index 605d6011b701..2a17a37c066d 100644 --- a/packages/material_ui/tool/gen_defaults/data/slider_xsmall.dart +++ b/packages/material_ui/tool/gen_defaults/data/slider_xsmall.dart @@ -5,18 +5,18 @@ // Version: 36.0.6 class TokenSliderXsmall { - /// md.comp.slider.xsmall.inactive.track.shape.trailing - static const double inactiveTrackShapeTrailing = 8.00; - - /// md.comp.slider.xsmall.inactive.track.height - static const double inactiveTrackHeight = 16.00; + /// md.comp.slider.xsmall.active.handle.height + static const double activeHandleHeight = 44.00; /// md.comp.slider.xsmall.active.track.height static const double activeTrackHeight = 16.00; - /// md.comp.slider.xsmall.active.handle.height - static const double activeHandleHeight = 44.00; - /// md.comp.slider.xsmall.active.track.shape.leading static const double activeTrackShapeLeading = 8.00; + + /// md.comp.slider.xsmall.inactive.track.height + static const double inactiveTrackHeight = 16.00; + + /// md.comp.slider.xsmall.inactive.track.shape.trailing + static const double inactiveTrackShapeTrailing = 8.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/snackbar.dart b/packages/material_ui/tool/gen_defaults/data/snackbar.dart index 7d730e1ad5bb..4284b9f30fdd 100644 --- a/packages/material_ui/tool/gen_defaults/data/snackbar.dart +++ b/packages/material_ui/tool/gen_defaults/data/snackbar.dart @@ -8,143 +8,129 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenSnackbar { - /// md.comp.snackbar.action.pressed.state-layer.opacity - static const double actionPressedStateLayerOpacity = 0.10; + /// md.comp.snackbar.action.focus.label-text.color + static const TokenColorRole actionFocusLabelTextColor = TokenColorRole.inversePrimary; - /// md.comp.snackbar.container.shadow-color - static const TokenColorRole containerShadowColor = TokenColorRole.shadow; + /// md.comp.snackbar.action.focus.state-layer.color + static const TokenColorRole actionFocusStateLayerColor = TokenColorRole.inversePrimary; - /// md.comp.snackbar.icon.focus.state-layer.color - static const TokenColorRole iconFocusStateLayerColor = - TokenColorRole.inverseOnSurface; + /// md.comp.snackbar.action.focus.state-layer.opacity + static const double actionFocusStateLayerOpacity = 0.10; - /// md.comp.snackbar.icon.pressed.state-layer.color - static const TokenColorRole iconPressedStateLayerColor = - TokenColorRole.inverseOnSurface; + /// md.comp.snackbar.action.hover.label-text.color + static const TokenColorRole actionHoverLabelTextColor = TokenColorRole.inversePrimary; - /// md.comp.snackbar.icon.pressed.state-layer.opacity - static const double iconPressedStateLayerOpacity = 0.10; + /// md.comp.snackbar.action.hover.state-layer.color + static const TokenColorRole actionHoverStateLayerColor = TokenColorRole.inversePrimary; - /// md.comp.snackbar.action.focus.label-text.color - static const TokenColorRole actionFocusLabelTextColor = - TokenColorRole.inversePrimary; + /// md.comp.snackbar.action.hover.state-layer.opacity + static const double actionHoverStateLayerOpacity = 0.08; - /// md.comp.snackbar.icon.color - static const TokenColorRole iconColor = TokenColorRole.inverseOnSurface; + /// md.comp.snackbar.action.label-text.color + static const TokenColorRole actionLabelTextColor = TokenColorRole.inversePrimary; /// md.comp.snackbar.action.label-text.font static const String actionLabelTextFont = 'Roboto'; - /// md.comp.snackbar.action.pressed.state-layer.color - static const TokenColorRole actionPressedStateLayerColor = - TokenColorRole.inversePrimary; + /// md.comp.snackbar.action.label-text.type + static const String actionLabelTextTypeFontFamily = 'Roboto'; - /// md.comp.snackbar.with-two-lines.container.height - static const double withTwoLinesContainerHeight = 68.00; + /// md.comp.snackbar.action.label-text.type + static const double actionLabelTextTypeFontSize = 14.00; - /// md.comp.snackbar.icon.hover.state-layer.color - static const TokenColorRole iconHoverStateLayerColor = - TokenColorRole.inverseOnSurface; + /// md.comp.snackbar.action.label-text.type + static const double actionLabelTextTypeFontWeight = 500; - /// md.comp.snackbar.supporting-text.color - static const TokenColorRole supportingTextColor = - TokenColorRole.inverseOnSurface; + /// md.comp.snackbar.action.label-text.type + static const double actionLabelTextTypeLetterSpacing = 0.10; - /// md.comp.snackbar.supporting-text.type - static const double supportingTextTypeFontSize = 14.00; + /// md.comp.snackbar.action.label-text.type + static const double actionLabelTextTypeLineHeight = 20.00; - /// md.comp.snackbar.supporting-text.type - static const double supportingTextTypeFontWeight = 400; + /// md.comp.snackbar.action.pressed.label-text.color + static const TokenColorRole actionPressedLabelTextColor = TokenColorRole.inversePrimary; - /// md.comp.snackbar.supporting-text.type - static const double supportingTextTypeLineHeight = 20.00; + /// md.comp.snackbar.action.pressed.state-layer.color + static const TokenColorRole actionPressedStateLayerColor = TokenColorRole.inversePrimary; - /// md.comp.snackbar.supporting-text.type - static const double supportingTextTypeLetterSpacing = 0.25; + /// md.comp.snackbar.action.pressed.state-layer.opacity + static const double actionPressedStateLayerOpacity = 0.10; - /// md.comp.snackbar.supporting-text.type - static const String supportingTextTypeFontFamily = 'Roboto'; + /// md.comp.snackbar.container.color + static const TokenColorRole containerColor = TokenColorRole.inverseSurface; - /// md.comp.snackbar.action.label-text.color - static const TokenColorRole actionLabelTextColor = - TokenColorRole.inversePrimary; + /// md.comp.snackbar.container.elevation + static const double containerElevation = 6.00; - /// md.comp.snackbar.action.focus.state-layer.color - static const TokenColorRole actionFocusStateLayerColor = - TokenColorRole.inversePrimary; + /// md.comp.snackbar.container.shadow-color + static const TokenColorRole containerShadowColor = TokenColorRole.shadow; - /// md.comp.snackbar.icon.size - static const double iconSize = 24.00; + /// md.comp.snackbar.container.shape + static const ShapeStruct containerShape = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 4.00, + topRight: 4.00, + bottomLeft: 4.00, + bottomRight: 4.00, + ); - /// md.comp.snackbar.icon.hover.icon.color - static const TokenColorRole iconHoverIconColor = - TokenColorRole.inverseOnSurface; + /// md.comp.snackbar.icon.color + static const TokenColorRole iconColor = TokenColorRole.inverseOnSurface; - /// md.comp.snackbar.action.hover.label-text.color - static const TokenColorRole actionHoverLabelTextColor = - TokenColorRole.inversePrimary; + /// md.comp.snackbar.icon.focus.icon.color + static const TokenColorRole iconFocusIconColor = TokenColorRole.inverseOnSurface; - /// md.comp.snackbar.supporting-text.font - static const String supportingTextFont = 'Roboto'; + /// md.comp.snackbar.icon.focus.state-layer.color + static const TokenColorRole iconFocusStateLayerColor = TokenColorRole.inverseOnSurface; - /// md.comp.snackbar.icon.hover.state-layer.opacity - static const double iconHoverStateLayerOpacity = 0.08; + /// md.comp.snackbar.icon.focus.state-layer.opacity + static const double iconFocusStateLayerOpacity = 0.10; - /// md.comp.snackbar.with-single-line.container.height - static const double withSingleLineContainerHeight = 48.00; + /// md.comp.snackbar.icon.hover.icon.color + static const TokenColorRole iconHoverIconColor = TokenColorRole.inverseOnSurface; - /// md.comp.snackbar.action.hover.state-layer.opacity - static const double actionHoverStateLayerOpacity = 0.08; + /// md.comp.snackbar.icon.hover.state-layer.color + static const TokenColorRole iconHoverStateLayerColor = TokenColorRole.inverseOnSurface; - /// md.comp.snackbar.action.label-text.type - static const double actionLabelTextTypeFontSize = 14.00; + /// md.comp.snackbar.icon.hover.state-layer.opacity + static const double iconHoverStateLayerOpacity = 0.08; - /// md.comp.snackbar.action.label-text.type - static const double actionLabelTextTypeFontWeight = 500; + /// md.comp.snackbar.icon.pressed.icon.color + static const TokenColorRole iconPressedIconColor = TokenColorRole.inverseOnSurface; - /// md.comp.snackbar.action.label-text.type - static const double actionLabelTextTypeLineHeight = 20.00; + /// md.comp.snackbar.icon.pressed.state-layer.color + static const TokenColorRole iconPressedStateLayerColor = TokenColorRole.inverseOnSurface; - /// md.comp.snackbar.action.label-text.type - static const double actionLabelTextTypeLetterSpacing = 0.10; + /// md.comp.snackbar.icon.pressed.state-layer.opacity + static const double iconPressedStateLayerOpacity = 0.10; - /// md.comp.snackbar.action.label-text.type - static const String actionLabelTextTypeFontFamily = 'Roboto'; + /// md.comp.snackbar.icon.size + static const double iconSize = 24.00; - /// md.comp.snackbar.icon.pressed.icon.color - static const TokenColorRole iconPressedIconColor = - TokenColorRole.inverseOnSurface; + /// md.comp.snackbar.supporting-text.color + static const TokenColorRole supportingTextColor = TokenColorRole.inverseOnSurface; - /// md.comp.snackbar.icon.focus.icon.color - static const TokenColorRole iconFocusIconColor = - TokenColorRole.inverseOnSurface; + /// md.comp.snackbar.supporting-text.font + static const String supportingTextFont = 'Roboto'; - /// md.comp.snackbar.action.hover.state-layer.color - static const TokenColorRole actionHoverStateLayerColor = - TokenColorRole.inversePrimary; + /// md.comp.snackbar.supporting-text.type + static const String supportingTextTypeFontFamily = 'Roboto'; - /// md.comp.snackbar.icon.focus.state-layer.opacity - static const double iconFocusStateLayerOpacity = 0.10; + /// md.comp.snackbar.supporting-text.type + static const double supportingTextTypeFontSize = 14.00; - /// md.comp.snackbar.action.pressed.label-text.color - static const TokenColorRole actionPressedLabelTextColor = - TokenColorRole.inversePrimary; + /// md.comp.snackbar.supporting-text.type + static const double supportingTextTypeFontWeight = 400; - /// md.comp.snackbar.container.elevation - static const double containerElevation = 6.00; + /// md.comp.snackbar.supporting-text.type + static const double supportingTextTypeLetterSpacing = 0.25; - /// md.comp.snackbar.container.color - static const TokenColorRole containerColor = TokenColorRole.inverseSurface; + /// md.comp.snackbar.supporting-text.type + static const double supportingTextTypeLineHeight = 20.00; - /// md.comp.snackbar.action.focus.state-layer.opacity - static const double actionFocusStateLayerOpacity = 0.10; + /// md.comp.snackbar.with-single-line.container.height + static const double withSingleLineContainerHeight = 48.00; - /// md.comp.snackbar.container.shape - static const ShapeStruct containerShape = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 4.00, - topRight: 4.00, - bottomLeft: 4.00, - bottomRight: 4.00, - ); + /// md.comp.snackbar.with-two-lines.container.height + static const double withTwoLinesContainerHeight = 68.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/space.dart b/packages/material_ui/tool/gen_defaults/data/space.dart index 4a2ab6e20a0b..d6f61e51b079 100644 --- a/packages/material_ui/tool/gen_defaults/data/space.dart +++ b/packages/material_ui/tool/gen_defaults/data/space.dart @@ -5,17 +5,26 @@ // Version: 34.1.18 class TokenSpace { - /// md.sys.space.700 - static const double space700 = 56.00; + /// md.sys.space.0 + static const double space0 = 0.00; + + /// md.sys.space.100 + static const double space100 = 8.00; + + /// md.sys.space.125 + static const double space125 = 10.00; + + /// md.sys.space.150 + static const double space150 = 12.00; + + /// md.sys.space.175 + static const double space175 = 14.00; /// md.sys.space.200 static const double space200 = 16.00; - /// md.sys.space.75 - static const double space75 = 6.00; - - /// md.sys.space.450 - static const double space450 = 36.00; + /// md.sys.space.25 + static const double space25 = 2.00; /// md.sys.space.250 static const double space250 = 20.00; @@ -23,39 +32,30 @@ class TokenSpace { /// md.sys.space.300 static const double space300 = 24.00; - /// md.sys.space.900 - static const double space900 = 72.00; + /// md.sys.space.400 + static const double space400 = 32.00; - /// md.sys.space.800 - static const double space800 = 64.00; + /// md.sys.space.450 + static const double space450 = 36.00; - /// md.sys.space.25 - static const double space25 = 2.00; + /// md.sys.space.50 + static const double space50 = 4.00; /// md.sys.space.500 static const double space500 = 40.00; - /// md.sys.space.125 - static const double space125 = 10.00; - - /// md.sys.space.175 - static const double space175 = 14.00; - - /// md.sys.space.150 - static const double space150 = 12.00; - - /// md.sys.space.0 - static const double space0 = 0.00; - - /// md.sys.space.100 - static const double space100 = 8.00; - /// md.sys.space.600 static const double space600 = 48.00; - /// md.sys.space.50 - static const double space50 = 4.00; + /// md.sys.space.700 + static const double space700 = 56.00; - /// md.sys.space.400 - static const double space400 = 32.00; + /// md.sys.space.75 + static const double space75 = 6.00; + + /// md.sys.space.800 + static const double space800 = 64.00; + + /// md.sys.space.900 + static const double space900 = 72.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/split_button_large.dart b/packages/material_ui/tool/gen_defaults/data/split_button_large.dart index 3d2c203a5281..eed792873a22 100644 --- a/packages/material_ui/tool/gen_defaults/data/split_button_large.dart +++ b/packages/material_ui/tool/gen_defaults/data/split_button_large.dart @@ -7,11 +7,11 @@ import 'shape_struct.dart'; class TokenSplitButtonLarge { - /// md.comp.split-button.large.inner-corner.corner-size - static const double innerCornerCornerSize = 8.00; + /// md.comp.split-button.large.between-space + static const double betweenSpace = 2.00; - /// md.comp.split-button.large.trailing-button.trailing-space - static const double trailingButtonTrailingSpace = 29.00; + /// md.comp.split-button.large.container.height + static const double containerHeight = 96.00; /// md.comp.split-button.large.container.shape static const ShapeStruct containerShape = ShapeStruct( @@ -22,17 +22,17 @@ class TokenSplitButtonLarge { bottomRight: 0.00, ); + /// md.comp.split-button.large.inner-corner.corner-size + static const double innerCornerCornerSize = 8.00; + /// md.comp.split-button.large.inner-corner.hovered.corner-size static const double innerCornerHoveredCornerSize = 20.00; - /// md.comp.split-button.large.container.height - static const double containerHeight = 96.00; - /// md.comp.split-button.large.inner-corner.pressed.corner-size static const double innerCornerPressedCornerSize = 20.00; - /// md.comp.split-button.large.between-space - static const double betweenSpace = 2.00; + /// md.comp.split-button.large.leading-button.leading-space + static const double leadingButtonLeadingSpace = 48.00; /// md.comp.split-button.large.leading-button.trailing-space static const double leadingButtonTrailingSpace = 48.00; @@ -40,12 +40,12 @@ class TokenSplitButtonLarge { /// md.comp.split-button.large.trailing-button.icon.size static const double trailingButtonIconSize = 38.00; - /// md.comp.split-button.large.trailing-button.leading-space - static const double trailingButtonLeadingSpace = 29.00; - /// md.comp.split-button.large.trailing-button.inner-corner.selected.corner-size static const double trailingButtonInnerCornerSelectedCornerSize = 50.00; - /// md.comp.split-button.large.leading-button.leading-space - static const double leadingButtonLeadingSpace = 48.00; + /// md.comp.split-button.large.trailing-button.leading-space + static const double trailingButtonLeadingSpace = 29.00; + + /// md.comp.split-button.large.trailing-button.trailing-space + static const double trailingButtonTrailingSpace = 29.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/split_button_medium.dart b/packages/material_ui/tool/gen_defaults/data/split_button_medium.dart index ec95b5c23f1b..c183392ba5f3 100644 --- a/packages/material_ui/tool/gen_defaults/data/split_button_medium.dart +++ b/packages/material_ui/tool/gen_defaults/data/split_button_medium.dart @@ -7,24 +7,12 @@ import 'shape_struct.dart'; class TokenSplitButtonMedium { - /// md.comp.split-button.medium.trailing-button.inner-corner.selected.corner-size - static const double trailingButtonInnerCornerSelectedCornerSize = 50.00; - - /// md.comp.split-button.medium.inner-corner.hovered.corner-size - static const double innerCornerHoveredCornerSize = 12.00; - - /// md.comp.split-button.medium.inner-corner.corner-size - static const double innerCornerCornerSize = 4.00; + /// md.comp.split-button.medium.between-space + static const double betweenSpace = 2.00; /// md.comp.split-button.medium.container.height static const double containerHeight = 56.00; - /// md.comp.split-button.medium.trailing-button.leading-space - static const double trailingButtonLeadingSpace = 15.00; - - /// md.comp.split-button.medium.leading-button.leading-space - static const double leadingButtonLeadingSpace = 24.00; - /// md.comp.split-button.medium.container.shape static const ShapeStruct containerShape = ShapeStruct( family: 'SHAPE_FAMILY_CIRCULAR', @@ -34,17 +22,29 @@ class TokenSplitButtonMedium { bottomRight: 0.00, ); + /// md.comp.split-button.medium.inner-corner.corner-size + static const double innerCornerCornerSize = 4.00; + + /// md.comp.split-button.medium.inner-corner.hovered.corner-size + static const double innerCornerHoveredCornerSize = 12.00; + /// md.comp.split-button.medium.inner-corner.pressed.corner-size static const double innerCornerPressedCornerSize = 12.00; + /// md.comp.split-button.medium.leading-button.leading-space + static const double leadingButtonLeadingSpace = 24.00; + /// md.comp.split-button.medium.leading-button.trailing-space static const double leadingButtonTrailingSpace = 24.00; /// md.comp.split-button.medium.trailing-button.icon.size static const double trailingButtonIconSize = 26.00; - /// md.comp.split-button.medium.between-space - static const double betweenSpace = 2.00; + /// md.comp.split-button.medium.trailing-button.inner-corner.selected.corner-size + static const double trailingButtonInnerCornerSelectedCornerSize = 50.00; + + /// md.comp.split-button.medium.trailing-button.leading-space + static const double trailingButtonLeadingSpace = 15.00; /// md.comp.split-button.medium.trailing-button.trailing-space static const double trailingButtonTrailingSpace = 15.00; diff --git a/packages/material_ui/tool/gen_defaults/data/split_button_small.dart b/packages/material_ui/tool/gen_defaults/data/split_button_small.dart index ab8098945f61..3fb5e5ba8758 100644 --- a/packages/material_ui/tool/gen_defaults/data/split_button_small.dart +++ b/packages/material_ui/tool/gen_defaults/data/split_button_small.dart @@ -7,14 +7,11 @@ import 'shape_struct.dart'; class TokenSplitButtonSmall { - /// md.comp.split-button.small.trailing-button.inner-corner.selected.corner-size - static const double trailingButtonInnerCornerSelectedCornerSize = 50.00; - - /// md.comp.split-button.small.trailing-button.icon.size - static const double trailingButtonIconSize = 22.00; + /// md.comp.split-button.small.between-space + static const double betweenSpace = 2.00; - /// md.comp.split-button.small.inner-corner.hovered.corner-size - static const double innerCornerHoveredCornerSize = 12.00; + /// md.comp.split-button.small.container.height + static const double containerHeight = 40.00; /// md.comp.split-button.small.container.shape static const ShapeStruct containerShape = ShapeStruct( @@ -25,27 +22,30 @@ class TokenSplitButtonSmall { bottomRight: 0.00, ); - /// md.comp.split-button.small.leading-button.trailing-space - static const double leadingButtonTrailingSpace = 12.00; + /// md.comp.split-button.small.inner-corner.corner-size + static const double innerCornerCornerSize = 4.00; - /// md.comp.split-button.small.trailing-button.leading-space - static const double trailingButtonLeadingSpace = 13.00; + /// md.comp.split-button.small.inner-corner.hovered.corner-size + static const double innerCornerHoveredCornerSize = 12.00; - /// md.comp.split-button.small.trailing-button.trailing-space - static const double trailingButtonTrailingSpace = 13.00; + /// md.comp.split-button.small.inner-corner.pressed.corner-size + static const double innerCornerPressedCornerSize = 12.00; /// md.comp.split-button.small.leading-button.leading-space static const double leadingButtonLeadingSpace = 16.00; - /// md.comp.split-button.small.container.height - static const double containerHeight = 40.00; + /// md.comp.split-button.small.leading-button.trailing-space + static const double leadingButtonTrailingSpace = 12.00; - /// md.comp.split-button.small.inner-corner.corner-size - static const double innerCornerCornerSize = 4.00; + /// md.comp.split-button.small.trailing-button.icon.size + static const double trailingButtonIconSize = 22.00; - /// md.comp.split-button.small.inner-corner.pressed.corner-size - static const double innerCornerPressedCornerSize = 12.00; + /// md.comp.split-button.small.trailing-button.inner-corner.selected.corner-size + static const double trailingButtonInnerCornerSelectedCornerSize = 50.00; - /// md.comp.split-button.small.between-space - static const double betweenSpace = 2.00; + /// md.comp.split-button.small.trailing-button.leading-space + static const double trailingButtonLeadingSpace = 13.00; + + /// md.comp.split-button.small.trailing-button.trailing-space + static const double trailingButtonTrailingSpace = 13.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/split_button_xlarge.dart b/packages/material_ui/tool/gen_defaults/data/split_button_xlarge.dart index 670d6ad81ac4..1003965ee524 100644 --- a/packages/material_ui/tool/gen_defaults/data/split_button_xlarge.dart +++ b/packages/material_ui/tool/gen_defaults/data/split_button_xlarge.dart @@ -7,11 +7,11 @@ import 'shape_struct.dart'; class TokenSplitButtonXlarge { - /// md.comp.split-button.xlarge.inner-corner.corner-size - static const double innerCornerCornerSize = 12.00; + /// md.comp.split-button.xlarge.between-space + static const double betweenSpace = 2.00; - /// md.comp.split-button.xlarge.trailing-button.inner-corner.selected.corner-size - static const double trailingButtonInnerCornerSelectedCornerSize = 50.00; + /// md.comp.split-button.xlarge.container.height + static const double containerHeight = 136.00; /// md.comp.split-button.xlarge.container.shape static const ShapeStruct containerShape = ShapeStruct( @@ -22,30 +22,30 @@ class TokenSplitButtonXlarge { bottomRight: 0.00, ); - /// md.comp.split-button.xlarge.leading-button.leading-space - static const double leadingButtonLeadingSpace = 64.00; + /// md.comp.split-button.xlarge.inner-corner.corner-size + static const double innerCornerCornerSize = 12.00; - /// md.comp.split-button.xlarge.trailing-button.leading-space - static const double trailingButtonLeadingSpace = 43.00; + /// md.comp.split-button.xlarge.inner-corner.hovered.corner-size + static const double innerCornerHoveredCornerSize = 20.00; /// md.comp.split-button.xlarge.inner-corner.pressed.corner-size static const double innerCornerPressedCornerSize = 20.00; + /// md.comp.split-button.xlarge.leading-button.leading-space + static const double leadingButtonLeadingSpace = 64.00; + /// md.comp.split-button.xlarge.leading-button.trailing-space static const double leadingButtonTrailingSpace = 64.00; - /// md.comp.split-button.xlarge.trailing-button.trailing-space - static const double trailingButtonTrailingSpace = 43.00; - - /// md.comp.split-button.xlarge.between-space - static const double betweenSpace = 2.00; - /// md.comp.split-button.xlarge.trailing-button.icon.size static const double trailingButtonIconSize = 50.00; - /// md.comp.split-button.xlarge.container.height - static const double containerHeight = 136.00; + /// md.comp.split-button.xlarge.trailing-button.inner-corner.selected.corner-size + static const double trailingButtonInnerCornerSelectedCornerSize = 50.00; - /// md.comp.split-button.xlarge.inner-corner.hovered.corner-size - static const double innerCornerHoveredCornerSize = 20.00; + /// md.comp.split-button.xlarge.trailing-button.leading-space + static const double trailingButtonLeadingSpace = 43.00; + + /// md.comp.split-button.xlarge.trailing-button.trailing-space + static const double trailingButtonTrailingSpace = 43.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/split_button_xsmall.dart b/packages/material_ui/tool/gen_defaults/data/split_button_xsmall.dart index b35be6edd946..dacfb40f92df 100644 --- a/packages/material_ui/tool/gen_defaults/data/split_button_xsmall.dart +++ b/packages/material_ui/tool/gen_defaults/data/split_button_xsmall.dart @@ -7,6 +7,12 @@ import 'shape_struct.dart'; class TokenSplitButtonXsmall { + /// md.comp.split-button.xsmall.between-space + static const double betweenSpace = 2.00; + + /// md.comp.split-button.xsmall.container.height + static const double containerHeight = 32.00; + /// md.comp.split-button.xsmall.container.shape static const ShapeStruct containerShape = ShapeStruct( family: 'SHAPE_FAMILY_CIRCULAR', @@ -16,32 +22,17 @@ class TokenSplitButtonXsmall { bottomRight: 0.00, ); - /// md.comp.split-button.xsmall.inner-corner.hovered.corner-size - static const double innerCornerHoveredCornerSize = 8.00; - - /// md.comp.split-button.xsmall.trailing-button.icon.size - static const double trailingButtonIconSize = 22.00; - - /// md.comp.split-button.xsmall.trailing-button.leading-space - static const double trailingButtonLeadingSpace = 13.00; - /// md.comp.split-button.xsmall.inner-corner.corner-size static const double innerCornerCornerSize = 4.00; - /// md.comp.split-button.xsmall.container.height - static const double containerHeight = 32.00; + /// md.comp.split-button.xsmall.inner-corner.hovered.corner-size + static const double innerCornerHoveredCornerSize = 8.00; /// md.comp.split-button.xsmall.inner-corner.pressed.corner-size static const double innerCornerPressedCornerSize = 8.00; - /// md.comp.split-button.xsmall.trailing-button.trailing-space - static const double trailingButtonTrailingSpace = 13.00; - - /// md.comp.split-button.xsmall.between-space - static const double betweenSpace = 2.00; - - /// md.comp.split-button.xsmall.trailing-button.inner-corner.selected.corner-size - static const double trailingButtonInnerCornerSelectedCornerSize = 50.00; + /// md.comp.split-button.xsmall.leading-button.leading-space + static const double leadingButtonLeadingSpace = 12.00; /// md.comp.split-button.xsmall.leading-button.trailing-space static const double leadingButtonTrailingSpace = 10.00; @@ -49,6 +40,15 @@ class TokenSplitButtonXsmall { /// md.comp.split-button.xsmall.outer-corner.corner-size static const double outerCornerCornerSize = 50.00; - /// md.comp.split-button.xsmall.leading-button.leading-space - static const double leadingButtonLeadingSpace = 12.00; + /// md.comp.split-button.xsmall.trailing-button.icon.size + static const double trailingButtonIconSize = 22.00; + + /// md.comp.split-button.xsmall.trailing-button.inner-corner.selected.corner-size + static const double trailingButtonInnerCornerSelectedCornerSize = 50.00; + + /// md.comp.split-button.xsmall.trailing-button.leading-space + static const double trailingButtonLeadingSpace = 13.00; + + /// md.comp.split-button.xsmall.trailing-button.trailing-space + static const double trailingButtonTrailingSpace = 13.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/standard_menu_button.dart b/packages/material_ui/tool/gen_defaults/data/standard_menu_button.dart index 30491faee28d..208f5a0e8ed3 100644 --- a/packages/material_ui/tool/gen_defaults/data/standard_menu_button.dart +++ b/packages/material_ui/tool/gen_defaults/data/standard_menu_button.dart @@ -8,95 +8,71 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenStandardMenuButton { + /// md.comp.standard-menu-button.container.height + static const double containerHeight = 40.00; + + /// md.comp.standard-menu-button.container.shape + static const ShapeStruct containerShape = ShapeStruct( + family: 'SHAPE_FAMILY_CIRCULAR', + topLeft: 0.00, + topRight: 0.00, + bottomLeft: 0.00, + bottomRight: 0.00, + ); + /// md.comp.standard-menu-button.disabled.label-text.color static const TokenColorRole disabledLabelTextColor = TokenColorRole.onSurface; /// md.comp.standard-menu-button.disabled.label-text.opacity static const double disabledLabelTextOpacity = 0.38; - /// md.comp.standard-menu-button.with-icon.leading-icon.color - static const TokenColorRole withIconLeadingIconColor = - TokenColorRole.onSurfaceVariant; - - /// md.comp.standard-menu-button.focus.indicator.color - static const TokenColorRole focusIndicatorColor = TokenColorRole.secondary; - - /// md.comp.standard-menu-button.hover.label-text.color - static const TokenColorRole hoverLabelTextColor = - TokenColorRole.onSurfaceVariant; - - /// md.comp.standard-menu-button.trailing-icon.color - static const TokenColorRole trailingIconColor = - TokenColorRole.onSurfaceVariant; - - /// md.comp.standard-menu-button.with-icon.pressed.icon.color - static const TokenColorRole withIconPressedIconColor = - TokenColorRole.onSurfaceVariant; - /// md.comp.standard-menu-button.disabled.trailing-icon.color - static const TokenColorRole disabledTrailingIconColor = - TokenColorRole.onSurface; - - /// md.comp.standard-menu-button.hover.trailing-icon.color - static const TokenColorRole hoverTrailingIconColor = - TokenColorRole.onSurfaceVariant; + static const TokenColorRole disabledTrailingIconColor = TokenColorRole.onSurface; - /// md.comp.standard-menu-button.trailing-icon.size - static const double trailingIconSize = 18.00; + /// md.comp.standard-menu-button.disabled.trailing-icon.opacity + static const double disabledTrailingIconOpacity = 0.38; - /// md.comp.standard-menu-button.pressed.label-text.color - static const TokenColorRole pressedLabelTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.standard-menu-button.focus.indicator.color + static const TokenColorRole focusIndicatorColor = TokenColorRole.secondary; - /// md.comp.standard-menu-button.container.shape - static const ShapeStruct containerShape = ShapeStruct( - family: 'SHAPE_FAMILY_CIRCULAR', - topLeft: 0.00, - topRight: 0.00, - bottomLeft: 0.00, - bottomRight: 0.00, - ); + /// md.comp.standard-menu-button.focus.indicator.outline.offset + static const double focusIndicatorOutlineOffset = 2.00; /// md.comp.standard-menu-button.focus.indicator.thickness static const double focusIndicatorThickness = 3.00; - /// md.comp.standard-menu-button.pressed.state-layer.opacity - static const double pressedStateLayerOpacity = 0.10; + /// md.comp.standard-menu-button.focus.label-text.color + static const TokenColorRole focusLabelTextColor = TokenColorRole.onSurfaceVariant; /// md.comp.standard-menu-button.focus.state-layer.color - static const TokenColorRole focusStateLayerColor = - TokenColorRole.onSurfaceVariant; + static const TokenColorRole focusStateLayerColor = TokenColorRole.onSurfaceVariant; - /// md.comp.standard-menu-button.label-text.color - static const TokenColorRole labelTextColor = TokenColorRole.onSurfaceVariant; + /// md.comp.standard-menu-button.focus.state-layer.opacity + static const double focusStateLayerOpacity = 0.10; - /// md.comp.standard-menu-button.with-icon.leading-icon.size - static const double withIconLeadingIconSize = 18.00; + /// md.comp.standard-menu-button.focus.trailing-icon.color + static const TokenColorRole focusTrailingIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.standard-menu-button.focus.label-text.color - static const TokenColorRole focusLabelTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.standard-menu-button.hover.label-text.color + static const TokenColorRole hoverLabelTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.standard-menu-button.focus.indicator.outline.offset - static const double focusIndicatorOutlineOffset = 2.00; + /// md.comp.standard-menu-button.hover.state-layer.color + static const TokenColorRole hoverStateLayerColor = TokenColorRole.onSurfaceVariant; - /// md.comp.standard-menu-button.with-icon.focus.icon.color - static const TokenColorRole withIconFocusIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.standard-menu-button.hover.state-layer.opacity + static const double hoverStateLayerOpacity = 0.08; - /// md.comp.standard-menu-button.focus.state-layer.opacity - static const double focusStateLayerOpacity = 0.10; + /// md.comp.standard-menu-button.hover.trailing-icon.color + static const TokenColorRole hoverTrailingIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.standard-menu-button.disabled.trailing-icon.opacity - static const double disabledTrailingIconOpacity = 0.38; + /// md.comp.standard-menu-button.label-text.color + static const TokenColorRole labelTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.standard-menu-button.with-icon.disabled.leading-icon.color - static const TokenColorRole withIconDisabledLeadingIconColor = - TokenColorRole.onSurface; + /// md.comp.standard-menu-button.label-text.font + static const String labelTextFont = 'Roboto'; - /// md.comp.standard-menu-button.pressed.state-layer.color - static const TokenColorRole pressedStateLayerColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.standard-menu-button.label-text.type + static const String labelTextTypeFontFamily = 'Roboto'; /// md.comp.standard-menu-button.label-text.type static const double labelTextTypeFontSize = 14.00; @@ -104,40 +80,48 @@ class TokenStandardMenuButton { /// md.comp.standard-menu-button.label-text.type static const double labelTextTypeFontWeight = 500; - /// md.comp.standard-menu-button.label-text.type - static const double labelTextTypeLineHeight = 20.00; - /// md.comp.standard-menu-button.label-text.type static const double labelTextTypeLetterSpacing = 0.10; /// md.comp.standard-menu-button.label-text.type - static const String labelTextTypeFontFamily = 'Roboto'; + static const double labelTextTypeLineHeight = 20.00; - /// md.comp.standard-menu-button.hover.state-layer.color - static const TokenColorRole hoverStateLayerColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.standard-menu-button.pressed.label-text.color + static const TokenColorRole pressedLabelTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.standard-menu-button.focus.trailing-icon.color - static const TokenColorRole focusTrailingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.standard-menu-button.pressed.state-layer.color + static const TokenColorRole pressedStateLayerColor = TokenColorRole.onSurfaceVariant; + + /// md.comp.standard-menu-button.pressed.state-layer.opacity + static const double pressedStateLayerOpacity = 0.10; + + /// md.comp.standard-menu-button.pressed.trailing-icon.color + static const TokenColorRole pressedTrailingIconColor = TokenColorRole.onSurfaceVariant; + + /// md.comp.standard-menu-button.trailing-icon.color + static const TokenColorRole trailingIconColor = TokenColorRole.onSurfaceVariant; + + /// md.comp.standard-menu-button.trailing-icon.size + static const double trailingIconSize = 18.00; + + /// md.comp.standard-menu-button.with-icon.disabled.leading-icon.color + static const TokenColorRole withIconDisabledLeadingIconColor = TokenColorRole.onSurface; /// md.comp.standard-menu-button.with-icon.disabled.leading-icon.opacity static const double withIconDisabledLeadingIconOpacity = 0.38; - /// md.comp.standard-menu-button.container.height - static const double containerHeight = 40.00; + /// md.comp.standard-menu-button.with-icon.focus.icon.color + static const TokenColorRole withIconFocusIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.standard-menu-button.label-text.font - static const String labelTextFont = 'Roboto'; + /// md.comp.standard-menu-button.with-icon.hover.leading-icon.color + static const TokenColorRole withIconHoverLeadingIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.standard-menu-button.hover.state-layer.opacity - static const double hoverStateLayerOpacity = 0.08; + /// md.comp.standard-menu-button.with-icon.leading-icon.color + static const TokenColorRole withIconLeadingIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.standard-menu-button.pressed.trailing-icon.color - static const TokenColorRole pressedTrailingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.standard-menu-button.with-icon.leading-icon.size + static const double withIconLeadingIconSize = 18.00; - /// md.comp.standard-menu-button.with-icon.hover.leading-icon.color - static const TokenColorRole withIconHoverLeadingIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.standard-menu-button.with-icon.pressed.icon.color + static const TokenColorRole withIconPressedIconColor = TokenColorRole.onSurfaceVariant; } diff --git a/packages/material_ui/tool/gen_defaults/data/state.dart b/packages/material_ui/tool/gen_defaults/data/state.dart index bbf2bf49e53f..86f44530352c 100644 --- a/packages/material_ui/tool/gen_defaults/data/state.dart +++ b/packages/material_ui/tool/gen_defaults/data/state.dart @@ -8,12 +8,12 @@ class TokenState { /// md.sys.state.disabled.state-layer-opacity static const double disabledStateLayerOpacity = 0.38; - /// md.sys.state.focus.state-layer-opacity - static const double focusStateLayerOpacity = 0.10; - /// md.sys.state.dragged.state-layer-opacity static const double draggedStateLayerOpacity = 0.16; + /// md.sys.state.focus.state-layer-opacity + static const double focusStateLayerOpacity = 0.10; + /// md.sys.state.hover.state-layer-opacity static const double hoverStateLayerOpacity = 0.08; diff --git a/packages/material_ui/tool/gen_defaults/data/state_focus_indicator.dart b/packages/material_ui/tool/gen_defaults/data/state_focus_indicator.dart index fedf069d8172..39244e5f087c 100644 --- a/packages/material_ui/tool/gen_defaults/data/state_focus_indicator.dart +++ b/packages/material_ui/tool/gen_defaults/data/state_focus_indicator.dart @@ -5,12 +5,12 @@ // Version: 36.0.6 class TokenStateFocusIndicator { - /// md.sys.state.focus-indicator.thickness - static const double thickness = 3.00; - /// md.sys.state.focus-indicator.inner-offset static const double innerOffset = -3.00; /// md.sys.state.focus-indicator.outer-offset static const double outerOffset = 2.00; + + /// md.sys.state.focus-indicator.thickness + static const double thickness = 3.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/suggestion_chip.dart b/packages/material_ui/tool/gen_defaults/data/suggestion_chip.dart index 6adf80a103cd..20c5cb68561d 100644 --- a/packages/material_ui/tool/gen_defaults/data/suggestion_chip.dart +++ b/packages/material_ui/tool/gen_defaults/data/suggestion_chip.dart @@ -8,159 +8,116 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenSuggestionChip { - /// md.comp.suggestion-chip.with-leading-icon.pressed.leading-icon.color - static const TokenColorRole withLeadingIconPressedLeadingIconColor = - TokenColorRole.primary; + /// md.comp.suggestion-chip.container.height + static const double containerHeight = 32.00; - /// md.comp.suggestion-chip.with-leading-icon.focus.leading-icon.color - static const TokenColorRole withLeadingIconFocusLeadingIconColor = - TokenColorRole.primary; + /// md.comp.suggestion-chip.container.shape + static const ShapeStruct containerShape = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 8.00, + topRight: 8.00, + bottomLeft: 8.00, + bottomRight: 8.00, + ); - /// md.comp.suggestion-chip.hover.state-layer.opacity - static const double hoverStateLayerOpacity = 0.08; + /// md.comp.suggestion-chip.disabled.label-text.color + static const TokenColorRole disabledLabelTextColor = TokenColorRole.onSurface; - /// md.comp.suggestion-chip.flat.outline.width - static const double flatOutlineWidth = 1.00; + /// md.comp.suggestion-chip.disabled.label-text.opacity + static const double disabledLabelTextOpacity = 0.38; - /// md.comp.suggestion-chip.elevated.hover.container.elevation - static const double elevatedHoverContainerElevation = 3.00; + /// md.comp.suggestion-chip.dragged.container.elevation + static const double draggedContainerElevation = 8.00; - /// md.comp.suggestion-chip.flat.disabled.outline.opacity - static const double flatDisabledOutlineOpacity = 0.12; + /// md.comp.suggestion-chip.dragged.label-text.color + static const TokenColorRole draggedLabelTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.suggestion-chip.label-text.font - static const String labelTextFont = 'Roboto'; + /// md.comp.suggestion-chip.dragged.state-layer.color + static const TokenColorRole draggedStateLayerColor = TokenColorRole.onSurfaceVariant; - /// md.comp.suggestion-chip.hover.label-text.color - static const TokenColorRole hoverLabelTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.suggestion-chip.dragged.state-layer.opacity + static const double draggedStateLayerOpacity = 0.16; - /// md.comp.suggestion-chip.flat.outline.color - static const TokenColorRole flatOutlineColor = TokenColorRole.outlineVariant; + /// md.comp.suggestion-chip.elevated.container.color + static const TokenColorRole elevatedContainerColor = TokenColorRole.surfaceContainerLow; - /// md.comp.suggestion-chip.elevated.focus.container.elevation - static const double elevatedFocusContainerElevation = 1.00; + /// md.comp.suggestion-chip.elevated.container.elevation + static const double elevatedContainerElevation = 1.00; - /// md.comp.suggestion-chip.with-leading-icon.leading-icon.color - static const TokenColorRole withLeadingIconLeadingIconColor = - TokenColorRole.primary; + /// md.comp.suggestion-chip.elevated.container.shadow-color + static const TokenColorRole elevatedContainerShadowColor = TokenColorRole.shadow; + + /// md.comp.suggestion-chip.elevated.disabled.container.color + static const TokenColorRole elevatedDisabledContainerColor = TokenColorRole.onSurface; /// md.comp.suggestion-chip.elevated.disabled.container.elevation static const double elevatedDisabledContainerElevation = 0.00; - /// md.comp.suggestion-chip.dragged.label-text.color - static const TokenColorRole draggedLabelTextColor = - TokenColorRole.onSurfaceVariant; - - /// md.comp.suggestion-chip.hover.state-layer.color - static const TokenColorRole hoverStateLayerColor = - TokenColorRole.onSurfaceVariant; - - /// md.comp.suggestion-chip.dragged.container.elevation - static const double draggedContainerElevation = 8.00; - - /// md.comp.suggestion-chip.focus.indicator.thickness - static const double focusIndicatorThickness = 3.00; - - /// md.comp.suggestion-chip.dragged.state-layer.color - static const TokenColorRole draggedStateLayerColor = - TokenColorRole.onSurfaceVariant; - - /// md.comp.suggestion-chip.pressed.state-layer.color - static const TokenColorRole pressedStateLayerColor = - TokenColorRole.onSurfaceVariant; - - /// md.comp.suggestion-chip.elevated.container.elevation - static const double elevatedContainerElevation = 1.00; + /// md.comp.suggestion-chip.elevated.disabled.container.opacity + static const double elevatedDisabledContainerOpacity = 0.12; - /// md.comp.suggestion-chip.flat.focus.outline.color - static const TokenColorRole flatFocusOutlineColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.suggestion-chip.elevated.focus.container.elevation + static const double elevatedFocusContainerElevation = 1.00; - /// md.comp.suggestion-chip.with-leading-icon.disabled.leading-icon.opacity - static const double withLeadingIconDisabledLeadingIconOpacity = 0.38; + /// md.comp.suggestion-chip.elevated.hover.container.elevation + static const double elevatedHoverContainerElevation = 3.00; - /// md.comp.suggestion-chip.focus.state-layer.color - static const TokenColorRole focusStateLayerColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.suggestion-chip.elevated.pressed.container.elevation + static const double elevatedPressedContainerElevation = 1.00; - /// md.comp.suggestion-chip.with-leading-icon.leading-icon.size - static const double withLeadingIconLeadingIconSize = 18.00; + /// md.comp.suggestion-chip.flat.container.elevation + static const double flatContainerElevation = 0.00; /// md.comp.suggestion-chip.flat.disabled.outline.color - static const TokenColorRole flatDisabledOutlineColor = - TokenColorRole.onSurface; + static const TokenColorRole flatDisabledOutlineColor = TokenColorRole.onSurface; - /// md.comp.suggestion-chip.focus.label-text.color - static const TokenColorRole focusLabelTextColor = - TokenColorRole.onSurfaceVariant; - - /// md.comp.suggestion-chip.elevated.disabled.container.color - static const TokenColorRole elevatedDisabledContainerColor = - TokenColorRole.onSurface; + /// md.comp.suggestion-chip.flat.disabled.outline.opacity + static const double flatDisabledOutlineOpacity = 0.12; - /// md.comp.suggestion-chip.elevated.container.color - static const TokenColorRole elevatedContainerColor = - TokenColorRole.surfaceContainerLow; + /// md.comp.suggestion-chip.flat.focus.outline.color + static const TokenColorRole flatFocusOutlineColor = TokenColorRole.onSurfaceVariant; - /// md.comp.suggestion-chip.disabled.label-text.opacity - static const double disabledLabelTextOpacity = 0.38; + /// md.comp.suggestion-chip.flat.outline.color + static const TokenColorRole flatOutlineColor = TokenColorRole.outlineVariant; - /// md.comp.suggestion-chip.elevated.pressed.container.elevation - static const double elevatedPressedContainerElevation = 1.00; + /// md.comp.suggestion-chip.flat.outline.width + static const double flatOutlineWidth = 1.00; /// md.comp.suggestion-chip.focus.indicator.color static const TokenColorRole focusIndicatorColor = TokenColorRole.secondary; - /// md.comp.suggestion-chip.container.height - static const double containerHeight = 32.00; + /// md.comp.suggestion-chip.focus.indicator.outline.offset + static const double focusIndicatorOutlineOffset = 2.00; - /// md.comp.suggestion-chip.elevated.container.shadow-color - static const TokenColorRole elevatedContainerShadowColor = - TokenColorRole.shadow; + /// md.comp.suggestion-chip.focus.indicator.thickness + static const double focusIndicatorThickness = 3.00; - /// md.comp.suggestion-chip.dragged.state-layer.opacity - static const double draggedStateLayerOpacity = 0.16; + /// md.comp.suggestion-chip.focus.label-text.color + static const TokenColorRole focusLabelTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.suggestion-chip.disabled.label-text.color - static const TokenColorRole disabledLabelTextColor = TokenColorRole.onSurface; + /// md.comp.suggestion-chip.focus.state-layer.color + static const TokenColorRole focusStateLayerColor = TokenColorRole.onSurfaceVariant; - /// md.comp.suggestion-chip.flat.container.elevation - static const double flatContainerElevation = 0.00; + /// md.comp.suggestion-chip.focus.state-layer.opacity + static const double focusStateLayerOpacity = 0.10; - /// md.comp.suggestion-chip.pressed.label-text.color - static const TokenColorRole pressedLabelTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.suggestion-chip.hover.label-text.color + static const TokenColorRole hoverLabelTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.suggestion-chip.focus.indicator.outline.offset - static const double focusIndicatorOutlineOffset = 2.00; + /// md.comp.suggestion-chip.hover.state-layer.color + static const TokenColorRole hoverStateLayerColor = TokenColorRole.onSurfaceVariant; - /// md.comp.suggestion-chip.elevated.disabled.container.opacity - static const double elevatedDisabledContainerOpacity = 0.12; + /// md.comp.suggestion-chip.hover.state-layer.opacity + static const double hoverStateLayerOpacity = 0.08; /// md.comp.suggestion-chip.label-text.color static const TokenColorRole labelTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.suggestion-chip.with-leading-icon.hover.leading-icon.color - static const TokenColorRole withLeadingIconHoverLeadingIconColor = - TokenColorRole.primary; - - /// md.comp.suggestion-chip.with-leading-icon.dragged.leading-icon.color - static const TokenColorRole withLeadingIconDraggedLeadingIconColor = - TokenColorRole.primary; - - /// md.comp.suggestion-chip.container.shape - static const ShapeStruct containerShape = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 8.00, - topRight: 8.00, - bottomLeft: 8.00, - bottomRight: 8.00, - ); + /// md.comp.suggestion-chip.label-text.font + static const String labelTextFont = 'Roboto'; - /// md.comp.suggestion-chip.with-leading-icon.disabled.leading-icon.color - static const TokenColorRole withLeadingIconDisabledLeadingIconColor = - TokenColorRole.onSurface; + /// md.comp.suggestion-chip.label-text.type + static const String labelTextTypeFontFamily = 'Roboto'; /// md.comp.suggestion-chip.label-text.type static const double labelTextTypeFontSize = 14.00; @@ -168,18 +125,42 @@ class TokenSuggestionChip { /// md.comp.suggestion-chip.label-text.type static const double labelTextTypeFontWeight = 500; - /// md.comp.suggestion-chip.label-text.type - static const double labelTextTypeLineHeight = 20.00; - /// md.comp.suggestion-chip.label-text.type static const double labelTextTypeLetterSpacing = 0.10; /// md.comp.suggestion-chip.label-text.type - static const String labelTextTypeFontFamily = 'Roboto'; + static const double labelTextTypeLineHeight = 20.00; + + /// md.comp.suggestion-chip.pressed.label-text.color + static const TokenColorRole pressedLabelTextColor = TokenColorRole.onSurfaceVariant; + + /// md.comp.suggestion-chip.pressed.state-layer.color + static const TokenColorRole pressedStateLayerColor = TokenColorRole.onSurfaceVariant; /// md.comp.suggestion-chip.pressed.state-layer.opacity static const double pressedStateLayerOpacity = 0.10; - /// md.comp.suggestion-chip.focus.state-layer.opacity - static const double focusStateLayerOpacity = 0.10; + /// md.comp.suggestion-chip.with-leading-icon.disabled.leading-icon.color + static const TokenColorRole withLeadingIconDisabledLeadingIconColor = TokenColorRole.onSurface; + + /// md.comp.suggestion-chip.with-leading-icon.disabled.leading-icon.opacity + static const double withLeadingIconDisabledLeadingIconOpacity = 0.38; + + /// md.comp.suggestion-chip.with-leading-icon.dragged.leading-icon.color + static const TokenColorRole withLeadingIconDraggedLeadingIconColor = TokenColorRole.primary; + + /// md.comp.suggestion-chip.with-leading-icon.focus.leading-icon.color + static const TokenColorRole withLeadingIconFocusLeadingIconColor = TokenColorRole.primary; + + /// md.comp.suggestion-chip.with-leading-icon.hover.leading-icon.color + static const TokenColorRole withLeadingIconHoverLeadingIconColor = TokenColorRole.primary; + + /// md.comp.suggestion-chip.with-leading-icon.leading-icon.color + static const TokenColorRole withLeadingIconLeadingIconColor = TokenColorRole.primary; + + /// md.comp.suggestion-chip.with-leading-icon.leading-icon.size + static const double withLeadingIconLeadingIconSize = 18.00; + + /// md.comp.suggestion-chip.with-leading-icon.pressed.leading-icon.color + static const TokenColorRole withLeadingIconPressedLeadingIconColor = TokenColorRole.primary; } diff --git a/packages/material_ui/tool/gen_defaults/data/switch.dart b/packages/material_ui/tool/gen_defaults/data/switch.dart index 0897eee48f9b..6d19102dd51c 100644 --- a/packages/material_ui/tool/gen_defaults/data/switch.dart +++ b/packages/material_ui/tool/gen_defaults/data/switch.dart @@ -8,105 +8,53 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenSwitch { - /// md.comp.switch.unselected.focus.handle.color - static const TokenColorRole unselectedFocusHandleColor = - TokenColorRole.onSurfaceVariant; - - /// md.comp.switch.track.width - static const double trackWidth = 52.00; - - /// md.comp.switch.unselected.hover.track.color - static const TokenColorRole unselectedHoverTrackColor = - TokenColorRole.surfaceContainerHighest; - - /// md.comp.switch.state-layer.shape - static const ShapeStruct stateLayerShape = ShapeStruct( - family: 'SHAPE_FAMILY_CIRCULAR', - topLeft: 0.00, - topRight: 0.00, - bottomLeft: 0.00, - bottomRight: 0.00, - ); - - /// md.comp.switch.selected.focus.handle.color - static const TokenColorRole selectedFocusHandleColor = - TokenColorRole.primaryContainer; - - /// md.comp.switch.unselected.focus.icon.color - static const TokenColorRole unselectedFocusIconColor = - TokenColorRole.surfaceContainerHighest; - - /// md.comp.switch.selected.handle.width - static const double selectedHandleWidth = 24.00; - - /// md.comp.switch.selected.pressed.track.color - static const TokenColorRole selectedPressedTrackColor = - TokenColorRole.primary; - - /// md.comp.switch.disabled.unselected.track.outline.color - static const TokenColorRole disabledUnselectedTrackOutlineColor = - TokenColorRole.onSurface; - - /// md.comp.switch.disabled.unselected.track.color - static const TokenColorRole disabledUnselectedTrackColor = - TokenColorRole.surfaceContainerHighest; - - /// md.comp.switch.disabled.selected.track.color - static const TokenColorRole disabledSelectedTrackColor = - TokenColorRole.onSurface; + /// md.comp.switch.disabled.selected.handle.color + static const TokenColorRole disabledSelectedHandleColor = TokenColorRole.surface; - /// md.comp.switch.selected.icon.color - static const TokenColorRole selectedIconColor = TokenColorRole.primary; + /// md.comp.switch.disabled.selected.handle.opacity + static const double disabledSelectedHandleOpacity = 1.00; - /// md.comp.switch.with-icon.handle.width - static const double withIconHandleWidth = 24.00; + /// md.comp.switch.disabled.selected.icon.color + static const TokenColorRole disabledSelectedIconColor = TokenColorRole.onSurface; /// md.comp.switch.disabled.selected.icon.opacity static const double disabledSelectedIconOpacity = 0.38; - /// md.comp.switch.selected.focus.state-layer.color - static const TokenColorRole selectedFocusStateLayerColor = - TokenColorRole.primary; - - /// md.comp.switch.selected.icon.size - static const double selectedIconSize = 16.00; + /// md.comp.switch.disabled.selected.track.color + static const TokenColorRole disabledSelectedTrackColor = TokenColorRole.onSurface; - /// md.comp.switch.unselected.pressed.track.color - static const TokenColorRole unselectedPressedTrackColor = - TokenColorRole.surfaceContainerHighest; + /// md.comp.switch.disabled.track.opacity + static const double disabledTrackOpacity = 0.12; - /// md.comp.switch.state-layer.size - static const double stateLayerSize = 40.00; + /// md.comp.switch.disabled.unselected.handle.color + static const TokenColorRole disabledUnselectedHandleColor = TokenColorRole.onSurface; - /// md.comp.switch.track.height - static const double trackHeight = 32.00; + /// md.comp.switch.disabled.unselected.handle.opacity + static const double disabledUnselectedHandleOpacity = 0.38; - /// md.comp.switch.selected.hover.track.color - static const TokenColorRole selectedHoverTrackColor = TokenColorRole.primary; + /// md.comp.switch.disabled.unselected.icon.color + static const TokenColorRole disabledUnselectedIconColor = TokenColorRole.surfaceContainerHighest; - /// md.comp.switch.selected.pressed.icon.color - static const TokenColorRole selectedPressedIconColor = TokenColorRole.primary; + /// md.comp.switch.disabled.unselected.icon.opacity + static const double disabledUnselectedIconOpacity = 0.38; - /// md.comp.switch.unselected.icon.size - static const double unselectedIconSize = 16.00; + /// md.comp.switch.disabled.unselected.track.color + static const TokenColorRole disabledUnselectedTrackColor = TokenColorRole.surfaceContainerHighest; - /// md.comp.switch.selected.hover.handle.color - static const TokenColorRole selectedHoverHandleColor = - TokenColorRole.primaryContainer; + /// md.comp.switch.disabled.unselected.track.outline.color + static const TokenColorRole disabledUnselectedTrackOutlineColor = TokenColorRole.onSurface; - /// md.comp.switch.disabled.selected.icon.color - static const TokenColorRole disabledSelectedIconColor = - TokenColorRole.onSurface; + /// md.comp.switch.focus.indicator.color + static const TokenColorRole focusIndicatorColor = TokenColorRole.secondary; - /// md.comp.switch.unselected.hover.state-layer.color - static const TokenColorRole unselectedHoverStateLayerColor = - TokenColorRole.onSurface; + /// md.comp.switch.focus.indicator.offset + static const double focusIndicatorOffset = 2.00; - /// md.comp.switch.selected.focus.icon.color - static const TokenColorRole selectedFocusIconColor = TokenColorRole.primary; + /// md.comp.switch.focus.indicator.thickness + static const double focusIndicatorThickness = 3.00; - /// md.comp.switch.track.shape - static const ShapeStruct trackShape = ShapeStruct( + /// md.comp.switch.handle.shape + static const ShapeStruct handleShape = ShapeStruct( family: 'SHAPE_FAMILY_CIRCULAR', topLeft: 0.00, topRight: 0.00, @@ -114,87 +62,95 @@ class TokenSwitch { bottomRight: 0.00, ); - /// md.comp.switch.unselected.hover.state-layer.opacity - static const double unselectedHoverStateLayerOpacity = 0.08; + /// md.comp.switch.pressed.handle.height + static const double pressedHandleHeight = 28.00; - /// md.comp.switch.selected.pressed.state-layer.color - static const TokenColorRole selectedPressedStateLayerColor = - TokenColorRole.primary; + /// md.comp.switch.pressed.handle.width + static const double pressedHandleWidth = 28.00; - /// md.comp.switch.unselected.focus.track.color - static const TokenColorRole unselectedFocusTrackColor = - TokenColorRole.surfaceContainerHighest; + /// md.comp.switch.selected.focus.handle.color + static const TokenColorRole selectedFocusHandleColor = TokenColorRole.primaryContainer; - /// md.comp.switch.focus.indicator.thickness - static const double focusIndicatorThickness = 3.00; + /// md.comp.switch.selected.focus.icon.color + static const TokenColorRole selectedFocusIconColor = TokenColorRole.primary; - /// md.comp.switch.pressed.handle.width - static const double pressedHandleWidth = 28.00; + /// md.comp.switch.selected.focus.state-layer.color + static const TokenColorRole selectedFocusStateLayerColor = TokenColorRole.primary; + + /// md.comp.switch.selected.focus.state-layer.opacity + static const double selectedFocusStateLayerOpacity = 0.10; + + /// md.comp.switch.selected.focus.track.color + static const TokenColorRole selectedFocusTrackColor = TokenColorRole.primary; + + /// md.comp.switch.selected.handle.color + static const TokenColorRole selectedHandleColor = TokenColorRole.onPrimary; /// md.comp.switch.selected.handle.height static const double selectedHandleHeight = 24.00; - /// md.comp.switch.unselected.track.color - static const TokenColorRole unselectedTrackColor = - TokenColorRole.surfaceContainerHighest; + /// md.comp.switch.selected.handle.width + static const double selectedHandleWidth = 24.00; - /// md.comp.switch.unselected.track.outline.color - static const TokenColorRole unselectedTrackOutlineColor = - TokenColorRole.outline; + /// md.comp.switch.selected.hover.handle.color + static const TokenColorRole selectedHoverHandleColor = TokenColorRole.primaryContainer; - /// md.comp.switch.disabled.unselected.icon.color - static const TokenColorRole disabledUnselectedIconColor = - TokenColorRole.surfaceContainerHighest; + /// md.comp.switch.selected.hover.icon.color + static const TokenColorRole selectedHoverIconColor = TokenColorRole.primary; - /// md.comp.switch.unselected.hover.handle.color - static const TokenColorRole unselectedHoverHandleColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.switch.selected.hover.state-layer.color + static const TokenColorRole selectedHoverStateLayerColor = TokenColorRole.primary; - /// md.comp.switch.unselected.handle.color - static const TokenColorRole unselectedHandleColor = TokenColorRole.outline; + /// md.comp.switch.selected.hover.state-layer.opacity + static const double selectedHoverStateLayerOpacity = 0.08; - /// md.comp.switch.with-icon.handle.height - static const double withIconHandleHeight = 24.00; + /// md.comp.switch.selected.hover.track.color + static const TokenColorRole selectedHoverTrackColor = TokenColorRole.primary; - /// md.comp.switch.unselected.hover.icon.color - static const TokenColorRole unselectedHoverIconColor = - TokenColorRole.surfaceContainerHighest; + /// md.comp.switch.selected.icon.color + static const TokenColorRole selectedIconColor = TokenColorRole.primary; - /// md.comp.switch.unselected.pressed.state-layer.opacity - static const double unselectedPressedStateLayerOpacity = 0.10; + /// md.comp.switch.selected.icon.size + static const double selectedIconSize = 16.00; - /// md.comp.switch.selected.focus.state-layer.opacity - static const double selectedFocusStateLayerOpacity = 0.10; + /// md.comp.switch.selected.pressed.handle.color + static const TokenColorRole selectedPressedHandleColor = TokenColorRole.primaryContainer; - /// md.comp.switch.unselected.pressed.icon.color - static const TokenColorRole unselectedPressedIconColor = - TokenColorRole.surfaceContainerHighest; + /// md.comp.switch.selected.pressed.icon.color + static const TokenColorRole selectedPressedIconColor = TokenColorRole.primary; - /// md.comp.switch.unselected.focus.state-layer.opacity - static const double unselectedFocusStateLayerOpacity = 0.10; + /// md.comp.switch.selected.pressed.state-layer.color + static const TokenColorRole selectedPressedStateLayerColor = TokenColorRole.primary; - /// md.comp.switch.focus.indicator.color - static const TokenColorRole focusIndicatorColor = TokenColorRole.secondary; + /// md.comp.switch.selected.pressed.state-layer.opacity + static const double selectedPressedStateLayerOpacity = 0.10; - /// md.comp.switch.focus.indicator.offset - static const double focusIndicatorOffset = 2.00; + /// md.comp.switch.selected.pressed.track.color + static const TokenColorRole selectedPressedTrackColor = TokenColorRole.primary; - /// md.comp.switch.unselected.focus.state-layer.color - static const TokenColorRole unselectedFocusStateLayerColor = - TokenColorRole.onSurface; + /// md.comp.switch.selected.track.color + static const TokenColorRole selectedTrackColor = TokenColorRole.primary; - /// md.comp.switch.unselected.pressed.handle.color - static const TokenColorRole unselectedPressedHandleColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.switch.state-layer.shape + static const ShapeStruct stateLayerShape = ShapeStruct( + family: 'SHAPE_FAMILY_CIRCULAR', + topLeft: 0.00, + topRight: 0.00, + bottomLeft: 0.00, + bottomRight: 0.00, + ); - /// md.comp.switch.disabled.unselected.icon.opacity - static const double disabledUnselectedIconOpacity = 0.38; + /// md.comp.switch.state-layer.size + static const double stateLayerSize = 40.00; - /// md.comp.switch.unselected.handle.width - static const double unselectedHandleWidth = 16.00; + /// md.comp.switch.track.height + static const double trackHeight = 32.00; - /// md.comp.switch.handle.shape - static const ShapeStruct handleShape = ShapeStruct( + /// md.comp.switch.track.outline.width + static const double trackOutlineWidth = 2.00; + + /// md.comp.switch.track.shape + static const ShapeStruct trackShape = ShapeStruct( family: 'SHAPE_FAMILY_CIRCULAR', topLeft: 0.00, topRight: 0.00, @@ -202,75 +158,87 @@ class TokenSwitch { bottomRight: 0.00, ); - /// md.comp.switch.selected.hover.state-layer.opacity - static const double selectedHoverStateLayerOpacity = 0.08; + /// md.comp.switch.track.width + static const double trackWidth = 52.00; - /// md.comp.switch.selected.pressed.state-layer.opacity - static const double selectedPressedStateLayerOpacity = 0.10; + /// md.comp.switch.unselected.focus.handle.color + static const TokenColorRole unselectedFocusHandleColor = TokenColorRole.onSurfaceVariant; - /// md.comp.switch.disabled.selected.handle.opacity - static const double disabledSelectedHandleOpacity = 1.00; + /// md.comp.switch.unselected.focus.icon.color + static const TokenColorRole unselectedFocusIconColor = TokenColorRole.surfaceContainerHighest; - /// md.comp.switch.selected.handle.color - static const TokenColorRole selectedHandleColor = TokenColorRole.onPrimary; + /// md.comp.switch.unselected.focus.state-layer.color + static const TokenColorRole unselectedFocusStateLayerColor = TokenColorRole.onSurface; - /// md.comp.switch.unselected.hover.track.outline.color - static const TokenColorRole unselectedHoverTrackOutlineColor = - TokenColorRole.outline; + /// md.comp.switch.unselected.focus.state-layer.opacity + static const double unselectedFocusStateLayerOpacity = 0.10; - /// md.comp.switch.selected.hover.icon.color - static const TokenColorRole selectedHoverIconColor = TokenColorRole.primary; + /// md.comp.switch.unselected.focus.track.color + static const TokenColorRole unselectedFocusTrackColor = TokenColorRole.surfaceContainerHighest; /// md.comp.switch.unselected.focus.track.outline.color - static const TokenColorRole unselectedFocusTrackOutlineColor = - TokenColorRole.outline; + static const TokenColorRole unselectedFocusTrackOutlineColor = TokenColorRole.outline; - /// md.comp.switch.disabled.unselected.handle.color - static const TokenColorRole disabledUnselectedHandleColor = - TokenColorRole.onSurface; + /// md.comp.switch.unselected.handle.color + static const TokenColorRole unselectedHandleColor = TokenColorRole.outline; /// md.comp.switch.unselected.handle.height static const double unselectedHandleHeight = 16.00; - /// md.comp.switch.track.outline.width - static const double trackOutlineWidth = 2.00; + /// md.comp.switch.unselected.handle.width + static const double unselectedHandleWidth = 16.00; - /// md.comp.switch.selected.focus.track.color - static const TokenColorRole selectedFocusTrackColor = TokenColorRole.primary; + /// md.comp.switch.unselected.hover.handle.color + static const TokenColorRole unselectedHoverHandleColor = TokenColorRole.onSurfaceVariant; - /// md.comp.switch.selected.track.color - static const TokenColorRole selectedTrackColor = TokenColorRole.primary; + /// md.comp.switch.unselected.hover.icon.color + static const TokenColorRole unselectedHoverIconColor = TokenColorRole.surfaceContainerHighest; - /// md.comp.switch.unselected.pressed.track.outline.color - static const TokenColorRole unselectedPressedTrackOutlineColor = - TokenColorRole.outline; + /// md.comp.switch.unselected.hover.state-layer.color + static const TokenColorRole unselectedHoverStateLayerColor = TokenColorRole.onSurface; + + /// md.comp.switch.unselected.hover.state-layer.opacity + static const double unselectedHoverStateLayerOpacity = 0.08; + + /// md.comp.switch.unselected.hover.track.color + static const TokenColorRole unselectedHoverTrackColor = TokenColorRole.surfaceContainerHighest; + + /// md.comp.switch.unselected.hover.track.outline.color + static const TokenColorRole unselectedHoverTrackOutlineColor = TokenColorRole.outline; + + /// md.comp.switch.unselected.icon.color + static const TokenColorRole unselectedIconColor = TokenColorRole.surfaceContainerHighest; + + /// md.comp.switch.unselected.icon.size + static const double unselectedIconSize = 16.00; + + /// md.comp.switch.unselected.pressed.handle.color + static const TokenColorRole unselectedPressedHandleColor = TokenColorRole.onSurfaceVariant; + + /// md.comp.switch.unselected.pressed.icon.color + static const TokenColorRole unselectedPressedIconColor = TokenColorRole.surfaceContainerHighest; /// md.comp.switch.unselected.pressed.state-layer.color - static const TokenColorRole unselectedPressedStateLayerColor = - TokenColorRole.onSurface; + static const TokenColorRole unselectedPressedStateLayerColor = TokenColorRole.onSurface; - /// md.comp.switch.selected.pressed.handle.color - static const TokenColorRole selectedPressedHandleColor = - TokenColorRole.primaryContainer; + /// md.comp.switch.unselected.pressed.state-layer.opacity + static const double unselectedPressedStateLayerOpacity = 0.10; - /// md.comp.switch.pressed.handle.height - static const double pressedHandleHeight = 28.00; + /// md.comp.switch.unselected.pressed.track.color + static const TokenColorRole unselectedPressedTrackColor = TokenColorRole.surfaceContainerHighest; - /// md.comp.switch.disabled.unselected.handle.opacity - static const double disabledUnselectedHandleOpacity = 0.38; + /// md.comp.switch.unselected.pressed.track.outline.color + static const TokenColorRole unselectedPressedTrackOutlineColor = TokenColorRole.outline; - /// md.comp.switch.disabled.track.opacity - static const double disabledTrackOpacity = 0.12; + /// md.comp.switch.unselected.track.color + static const TokenColorRole unselectedTrackColor = TokenColorRole.surfaceContainerHighest; - /// md.comp.switch.selected.hover.state-layer.color - static const TokenColorRole selectedHoverStateLayerColor = - TokenColorRole.primary; + /// md.comp.switch.unselected.track.outline.color + static const TokenColorRole unselectedTrackOutlineColor = TokenColorRole.outline; - /// md.comp.switch.unselected.icon.color - static const TokenColorRole unselectedIconColor = - TokenColorRole.surfaceContainerHighest; + /// md.comp.switch.with-icon.handle.height + static const double withIconHandleHeight = 24.00; - /// md.comp.switch.disabled.selected.handle.color - static const TokenColorRole disabledSelectedHandleColor = - TokenColorRole.surface; + /// md.comp.switch.with-icon.handle.width + static const double withIconHandleWidth = 24.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/time_input.dart b/packages/material_ui/tool/gen_defaults/data/time_input.dart index f674c251f20b..065c93067673 100644 --- a/packages/material_ui/tool/gen_defaults/data/time_input.dart +++ b/packages/material_ui/tool/gen_defaults/data/time_input.dart @@ -8,119 +8,167 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenTimeInput { - /// md.comp.time-input.time-input-field.supporting-text.color - static const TokenColorRole timeInputFieldSupportingTextColor = - TokenColorRole.onSurfaceVariant; - /// md.comp.time-input.container.color - static const TokenColorRole containerColor = - TokenColorRole.surfaceContainerHigh; + static const TokenColorRole containerColor = TokenColorRole.surfaceContainerHigh; + + /// md.comp.time-input.container.elevation + static const double containerElevation = 6.00; + + /// md.comp.time-input.container.shape + static const ShapeStruct containerShape = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 28.00, + topRight: 28.00, + bottomLeft: 28.00, + bottomRight: 28.00, + ); + + /// md.comp.time-input.focus.indicator.color + static const TokenColorRole focusIndicatorColor = TokenColorRole.secondary; + + /// md.comp.time-input.focus.indicator.outline.offset + static const double focusIndicatorOutlineOffset = 2.00; + + /// md.comp.time-input.focus.indicator.thickness + static const double focusIndicatorThickness = 3.00; + + /// md.comp.time-input.headline.color + static const TokenColorRole headlineColor = TokenColorRole.onSurfaceVariant; + + /// md.comp.time-input.headline.font + static const String headlineFont = 'Roboto'; + + /// md.comp.time-input.headline.type + static const String headlineTypeFontFamily = 'Roboto'; + + /// md.comp.time-input.headline.type + static const double headlineTypeFontSize = 12.00; + + /// md.comp.time-input.headline.type + static const double headlineTypeFontWeight = 500; + + /// md.comp.time-input.headline.type + static const double headlineTypeLetterSpacing = 0.50; + + /// md.comp.time-input.headline.type + static const double headlineTypeLineHeight = 16.00; + + /// md.comp.time-input.period-selector.container.height + static const double periodSelectorContainerHeight = 72.00; + + /// md.comp.time-input.period-selector.container.shape + static const ShapeStruct periodSelectorContainerShape = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 8.00, + topRight: 8.00, + bottomLeft: 8.00, + bottomRight: 8.00, + ); + + /// md.comp.time-input.period-selector.container.width + static const double periodSelectorContainerWidth = 52.00; /// md.comp.time-input.period-selector.focus.state-layer.opacity static const double periodSelectorFocusStateLayerOpacity = 0.10; - /// md.comp.time-input.period-selector.selected.hover.label-text.color - static const TokenColorRole periodSelectorSelectedHoverLabelTextColor = - TokenColorRole.onTertiaryContainer; + /// md.comp.time-input.period-selector.hover.state-layer.opacity + static const double periodSelectorHoverStateLayerOpacity = 0.08; - /// md.comp.time-input.time-input-field.focus.outline.color - static const TokenColorRole timeInputFieldFocusOutlineColor = - TokenColorRole.primary; + /// md.comp.time-input.period-selector.label-text.font + static const String periodSelectorLabelTextFont = 'Roboto'; - /// md.comp.time-input.time-input-field.separator.color - static const TokenColorRole timeInputFieldSeparatorColor = - TokenColorRole.onSurface; + /// md.comp.time-input.period-selector.label-text.type + static const String periodSelectorLabelTextTypeFontFamily = 'Roboto'; - /// md.comp.time-input.period-selector.pressed.state-layer.opacity - static const double periodSelectorPressedStateLayerOpacity = 0.10; + /// md.comp.time-input.period-selector.label-text.type + static const double periodSelectorLabelTextTypeFontSize = 16.00; - /// md.comp.time-input.time-input-field.supporting-text.font - static const String timeInputFieldSupportingTextFont = 'Roboto'; + /// md.comp.time-input.period-selector.label-text.type + static const double periodSelectorLabelTextTypeFontWeight = 500; - /// md.comp.time-input.time-input-field.label-text.color - static const TokenColorRole timeInputFieldLabelTextColor = - TokenColorRole.onSurface; + /// md.comp.time-input.period-selector.label-text.type + static const double periodSelectorLabelTextTypeLetterSpacing = 0.15; - /// md.comp.time-input.time-input-field.supporting-text.type - static const double timeInputFieldSupportingTextTypeFontSize = 12.00; + /// md.comp.time-input.period-selector.label-text.type + static const double periodSelectorLabelTextTypeLineHeight = 24.00; - /// md.comp.time-input.time-input-field.supporting-text.type - static const double timeInputFieldSupportingTextTypeFontWeight = 400; + /// md.comp.time-input.period-selector.outline.color + static const TokenColorRole periodSelectorOutlineColor = TokenColorRole.outline; - /// md.comp.time-input.time-input-field.supporting-text.type - static const double timeInputFieldSupportingTextTypeLineHeight = 16.00; + /// md.comp.time-input.period-selector.outline.width + static const double periodSelectorOutlineWidth = 1.00; - /// md.comp.time-input.time-input-field.supporting-text.type - static const double timeInputFieldSupportingTextTypeLetterSpacing = 0.40; + /// md.comp.time-input.period-selector.pressed.state-layer.opacity + static const double periodSelectorPressedStateLayerOpacity = 0.10; - /// md.comp.time-input.time-input-field.supporting-text.type - static const String timeInputFieldSupportingTextTypeFontFamily = 'Roboto'; + /// md.comp.time-input.period-selector.selected.container.color + static const TokenColorRole periodSelectorSelectedContainerColor = + TokenColorRole.tertiaryContainer; - /// md.comp.time-input.period-selector.selected.pressed.label-text.color - static const TokenColorRole periodSelectorSelectedPressedLabelTextColor = + /// md.comp.time-input.period-selector.selected.focus.label-text.color + static const TokenColorRole periodSelectorSelectedFocusLabelTextColor = TokenColorRole.onTertiaryContainer; - /// md.comp.time-input.time-input-field.separator.type - static const double timeInputFieldSeparatorTypeFontSize = 57.00; - - /// md.comp.time-input.time-input-field.separator.type - static const double timeInputFieldSeparatorTypeFontWeight = 400; + /// md.comp.time-input.period-selector.selected.focus.state-layer.color + static const TokenColorRole periodSelectorSelectedFocusStateLayerColor = + TokenColorRole.onTertiaryContainer; - /// md.comp.time-input.time-input-field.separator.type - static const double timeInputFieldSeparatorTypeLineHeight = 64.00; + /// md.comp.time-input.period-selector.selected.hover.label-text.color + static const TokenColorRole periodSelectorSelectedHoverLabelTextColor = + TokenColorRole.onTertiaryContainer; - /// md.comp.time-input.time-input-field.separator.type - static const double timeInputFieldSeparatorTypeLetterSpacing = -0.25; + /// md.comp.time-input.period-selector.selected.hover.state-layer.color + static const TokenColorRole periodSelectorSelectedHoverStateLayerColor = + TokenColorRole.onTertiaryContainer; - /// md.comp.time-input.time-input-field.separator.type - static const String timeInputFieldSeparatorTypeFontFamily = 'Roboto'; + /// md.comp.time-input.period-selector.selected.label-text.color + static const TokenColorRole periodSelectorSelectedLabelTextColor = + TokenColorRole.onTertiaryContainer; - /// md.comp.time-input.period-selector.unselected.pressed.label-text.color - static const TokenColorRole periodSelectorUnselectedPressedLabelTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.time-input.period-selector.selected.pressed.label-text.color + static const TokenColorRole periodSelectorSelectedPressedLabelTextColor = + TokenColorRole.onTertiaryContainer; - /// md.comp.time-input.period-selector.outline.color - static const TokenColorRole periodSelectorOutlineColor = - TokenColorRole.outline; + /// md.comp.time-input.period-selector.selected.pressed.state-layer.color + static const TokenColorRole periodSelectorSelectedPressedStateLayerColor = + TokenColorRole.onTertiaryContainer; - /// md.comp.time-input.time-input-field.hover.state-layer.color - static const TokenColorRole timeInputFieldHoverStateLayerColor = - TokenColorRole.onSurface; + /// md.comp.time-input.period-selector.unselected.focus.label-text.color + static const TokenColorRole periodSelectorUnselectedFocusLabelTextColor = + TokenColorRole.onSurfaceVariant; - /// md.comp.time-input.focus.indicator.thickness - static const double focusIndicatorThickness = 3.00; + /// md.comp.time-input.period-selector.unselected.focus.state-layer.color + static const TokenColorRole periodSelectorUnselectedFocusStateLayerColor = + TokenColorRole.onSurfaceVariant; - /// md.comp.time-input.period-selector.hover.state-layer.opacity - static const double periodSelectorHoverStateLayerOpacity = 0.08; + /// md.comp.time-input.period-selector.unselected.hover.label-text.color + static const TokenColorRole periodSelectorUnselectedHoverLabelTextColor = + TokenColorRole.onSurfaceVariant; - /// md.comp.time-input.time-input-field.container.shape - static const ShapeStruct timeInputFieldContainerShape = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 8.00, - topRight: 8.00, - bottomLeft: 8.00, - bottomRight: 8.00, - ); + /// md.comp.time-input.period-selector.unselected.hover.state-layer.color + static const TokenColorRole periodSelectorUnselectedHoverStateLayerColor = + TokenColorRole.onSurfaceVariant; - /// md.comp.time-input.headline.color - static const TokenColorRole headlineColor = TokenColorRole.onSurfaceVariant; + /// md.comp.time-input.period-selector.unselected.label-text.color + static const TokenColorRole periodSelectorUnselectedLabelTextColor = + TokenColorRole.onSurfaceVariant; - /// md.comp.time-input.time-input-field.label-text.font - static const String timeInputFieldLabelTextFont = 'Roboto'; + /// md.comp.time-input.period-selector.unselected.pressed.label-text.color + static const TokenColorRole periodSelectorUnselectedPressedLabelTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.time-input.period-selector.unselected.pressed.state-layer.color static const TokenColorRole periodSelectorUnselectedPressedStateLayerColor = TokenColorRole.onSurfaceVariant; - /// md.comp.time-input.container.elevation - static const double containerElevation = 6.00; - /// md.comp.time-input.time-input-field.container.color - static const TokenColorRole timeInputFieldContainerColor = - TokenColorRole.surfaceContainerHighest; + static const TokenColorRole timeInputFieldContainerColor = TokenColorRole.surfaceContainerHighest; - /// md.comp.time-input.period-selector.container.shape - static const ShapeStruct periodSelectorContainerShape = ShapeStruct( + /// md.comp.time-input.time-input-field.container.height + static const double timeInputFieldContainerHeight = 72.00; + + /// md.comp.time-input.time-input-field.container.shape + static const ShapeStruct timeInputFieldContainerShape = ShapeStruct( family: 'SHAPE_FAMILY_ROUNDED_CORNERS', topLeft: 8.00, topRight: 8.00, @@ -131,41 +179,35 @@ class TokenTimeInput { /// md.comp.time-input.time-input-field.container.width static const double timeInputFieldContainerWidth = 96.00; - /// md.comp.time-input.period-selector.unselected.hover.state-layer.color - static const TokenColorRole periodSelectorUnselectedHoverStateLayerColor = - TokenColorRole.onSurfaceVariant; - - /// md.comp.time-input.period-selector.label-text.type - static const double periodSelectorLabelTextTypeFontSize = 16.00; + /// md.comp.time-input.time-input-field.focus.container.color + static const TokenColorRole timeInputFieldFocusContainerColor = TokenColorRole.primaryContainer; - /// md.comp.time-input.period-selector.label-text.type - static const double periodSelectorLabelTextTypeFontWeight = 500; + /// md.comp.time-input.time-input-field.focus.label-text.color + static const TokenColorRole timeInputFieldFocusLabelTextColor = TokenColorRole.onPrimaryContainer; - /// md.comp.time-input.period-selector.label-text.type - static const double periodSelectorLabelTextTypeLineHeight = 24.00; + /// md.comp.time-input.time-input-field.focus.outline.color + static const TokenColorRole timeInputFieldFocusOutlineColor = TokenColorRole.primary; - /// md.comp.time-input.period-selector.label-text.type - static const double periodSelectorLabelTextTypeLetterSpacing = 0.15; + /// md.comp.time-input.time-input-field.focus.outline.width + static const double timeInputFieldFocusOutlineWidth = 2.00; - /// md.comp.time-input.period-selector.label-text.type - static const String periodSelectorLabelTextTypeFontFamily = 'Roboto'; + /// md.comp.time-input.time-input-field.hover.label-text.color + static const TokenColorRole timeInputFieldHoverLabelTextColor = TokenColorRole.onSurface; - /// md.comp.time-input.period-selector.unselected.focus.label-text.color - static const TokenColorRole periodSelectorUnselectedFocusLabelTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.time-input.time-input-field.hover.state-layer.color + static const TokenColorRole timeInputFieldHoverStateLayerColor = TokenColorRole.onSurface; - /// md.comp.time-input.period-selector.selected.label-text.color - static const TokenColorRole periodSelectorSelectedLabelTextColor = - TokenColorRole.onTertiaryContainer; + /// md.comp.time-input.time-input-field.hover.state-layer.opacity + static const double timeInputFieldHoverStateLayerOpacity = 0.08; - /// md.comp.time-input.focus.indicator.color - static const TokenColorRole focusIndicatorColor = TokenColorRole.secondary; + /// md.comp.time-input.time-input-field.label-text.color + static const TokenColorRole timeInputFieldLabelTextColor = TokenColorRole.onSurface; - /// md.comp.time-input.focus.indicator.outline.offset - static const double focusIndicatorOutlineOffset = 2.00; + /// md.comp.time-input.time-input-field.label-text.font + static const String timeInputFieldLabelTextFont = 'Roboto'; - /// md.comp.time-input.period-selector.container.height - static const double periodSelectorContainerHeight = 72.00; + /// md.comp.time-input.time-input-field.label-text.type + static const String timeInputFieldLabelTextTypeFontFamily = 'Roboto'; /// md.comp.time-input.time-input-field.label-text.type static const double timeInputFieldLabelTextTypeFontSize = 45.00; @@ -173,104 +215,51 @@ class TokenTimeInput { /// md.comp.time-input.time-input-field.label-text.type static const double timeInputFieldLabelTextTypeFontWeight = 400; - /// md.comp.time-input.time-input-field.label-text.type - static const double timeInputFieldLabelTextTypeLineHeight = 52.00; - /// md.comp.time-input.time-input-field.label-text.type static const double timeInputFieldLabelTextTypeLetterSpacing = 0.00; /// md.comp.time-input.time-input-field.label-text.type - static const String timeInputFieldLabelTextTypeFontFamily = 'Roboto'; - - /// md.comp.time-input.time-input-field.focus.container.color - static const TokenColorRole timeInputFieldFocusContainerColor = - TokenColorRole.primaryContainer; - - /// md.comp.time-input.time-input-field.container.height - static const double timeInputFieldContainerHeight = 72.00; - - /// md.comp.time-input.period-selector.outline.width - static const double periodSelectorOutlineWidth = 1.00; - - /// md.comp.time-input.time-input-field.focus.outline.width - static const double timeInputFieldFocusOutlineWidth = 2.00; - - /// md.comp.time-input.headline.font - static const String headlineFont = 'Roboto'; - - /// md.comp.time-input.period-selector.container.width - static const double periodSelectorContainerWidth = 52.00; - - /// md.comp.time-input.period-selector.selected.pressed.state-layer.color - static const TokenColorRole periodSelectorSelectedPressedStateLayerColor = - TokenColorRole.onTertiaryContainer; - - /// md.comp.time-input.headline.type - static const double headlineTypeFontSize = 12.00; - - /// md.comp.time-input.headline.type - static const double headlineTypeFontWeight = 500; - - /// md.comp.time-input.headline.type - static const double headlineTypeLineHeight = 16.00; - - /// md.comp.time-input.headline.type - static const double headlineTypeLetterSpacing = 0.50; + static const double timeInputFieldLabelTextTypeLineHeight = 52.00; - /// md.comp.time-input.headline.type - static const String headlineTypeFontFamily = 'Roboto'; + /// md.comp.time-input.time-input-field.separator.color + static const TokenColorRole timeInputFieldSeparatorColor = TokenColorRole.onSurface; - /// md.comp.time-input.time-input-field.focus.label-text.color - static const TokenColorRole timeInputFieldFocusLabelTextColor = - TokenColorRole.onPrimaryContainer; + /// md.comp.time-input.time-input-field.separator.font + static const String timeInputFieldSeparatorFont = 'Roboto'; - /// md.comp.time-input.period-selector.unselected.focus.state-layer.color - static const TokenColorRole periodSelectorUnselectedFocusStateLayerColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.time-input.time-input-field.separator.type + static const String timeInputFieldSeparatorTypeFontFamily = 'Roboto'; - /// md.comp.time-input.period-selector.selected.focus.state-layer.color - static const TokenColorRole periodSelectorSelectedFocusStateLayerColor = - TokenColorRole.onTertiaryContainer; + /// md.comp.time-input.time-input-field.separator.type + static const double timeInputFieldSeparatorTypeFontSize = 57.00; - /// md.comp.time-input.time-input-field.hover.state-layer.opacity - static const double timeInputFieldHoverStateLayerOpacity = 0.08; + /// md.comp.time-input.time-input-field.separator.type + static const double timeInputFieldSeparatorTypeFontWeight = 400; - /// md.comp.time-input.period-selector.selected.hover.state-layer.color - static const TokenColorRole periodSelectorSelectedHoverStateLayerColor = - TokenColorRole.onTertiaryContainer; + /// md.comp.time-input.time-input-field.separator.type + static const double timeInputFieldSeparatorTypeLetterSpacing = -0.25; - /// md.comp.time-input.period-selector.selected.container.color - static const TokenColorRole periodSelectorSelectedContainerColor = - TokenColorRole.tertiaryContainer; + /// md.comp.time-input.time-input-field.separator.type + static const double timeInputFieldSeparatorTypeLineHeight = 64.00; - /// md.comp.time-input.time-input-field.separator.font - static const String timeInputFieldSeparatorFont = 'Roboto'; + /// md.comp.time-input.time-input-field.supporting-text.color + static const TokenColorRole timeInputFieldSupportingTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.time-input.period-selector.unselected.label-text.color - static const TokenColorRole periodSelectorUnselectedLabelTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.time-input.time-input-field.supporting-text.font + static const String timeInputFieldSupportingTextFont = 'Roboto'; - /// md.comp.time-input.container.shape - static const ShapeStruct containerShape = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 28.00, - topRight: 28.00, - bottomLeft: 28.00, - bottomRight: 28.00, - ); + /// md.comp.time-input.time-input-field.supporting-text.type + static const String timeInputFieldSupportingTextTypeFontFamily = 'Roboto'; - /// md.comp.time-input.period-selector.selected.focus.label-text.color - static const TokenColorRole periodSelectorSelectedFocusLabelTextColor = - TokenColorRole.onTertiaryContainer; + /// md.comp.time-input.time-input-field.supporting-text.type + static const double timeInputFieldSupportingTextTypeFontSize = 12.00; - /// md.comp.time-input.time-input-field.hover.label-text.color - static const TokenColorRole timeInputFieldHoverLabelTextColor = - TokenColorRole.onSurface; + /// md.comp.time-input.time-input-field.supporting-text.type + static const double timeInputFieldSupportingTextTypeFontWeight = 400; - /// md.comp.time-input.period-selector.unselected.hover.label-text.color - static const TokenColorRole periodSelectorUnselectedHoverLabelTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.time-input.time-input-field.supporting-text.type + static const double timeInputFieldSupportingTextTypeLetterSpacing = 0.40; - /// md.comp.time-input.period-selector.label-text.font - static const String periodSelectorLabelTextFont = 'Roboto'; + /// md.comp.time-input.time-input-field.supporting-text.type + static const double timeInputFieldSupportingTextTypeLineHeight = 16.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/time_picker.dart b/packages/material_ui/tool/gen_defaults/data/time_picker.dart index d21897d678c2..d189d03d762b 100644 --- a/packages/material_ui/tool/gen_defaults/data/time_picker.dart +++ b/packages/material_ui/tool/gen_defaults/data/time_picker.dart @@ -8,22 +8,38 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenTimePicker { - /// md.comp.time-picker.time-selector.unselected.hover.label-text.color - static const TokenColorRole timeSelectorUnselectedHoverLabelTextColor = - TokenColorRole.onSurface; + /// md.comp.time-picker.clock-dial.color + static const TokenColorRole clockDialColor = TokenColorRole.surfaceContainerHighest; - /// md.comp.time-picker.period-selector.focus.state-layer.opacity - static const double periodSelectorFocusStateLayerOpacity = 0.10; + /// md.comp.time-picker.clock-dial.container.size + static const double clockDialContainerSize = 256.00; - /// md.comp.time-picker.period-selector.selected.hover.label-text.color - static const TokenColorRole periodSelectorSelectedHoverLabelTextColor = - TokenColorRole.onTertiaryContainer; + /// md.comp.time-picker.clock-dial.label-text.font + static const String clockDialLabelTextFont = 'Roboto'; - /// md.comp.time-picker.headline.color - static const TokenColorRole headlineColor = TokenColorRole.onSurfaceVariant; + /// md.comp.time-picker.clock-dial.label-text.type + static const String clockDialLabelTextTypeFontFamily = 'Roboto'; - /// md.comp.time-picker.clock-dial.shape - static const ShapeStruct clockDialShape = ShapeStruct( + /// md.comp.time-picker.clock-dial.label-text.type + static const double clockDialLabelTextTypeFontSize = 16.00; + + /// md.comp.time-picker.clock-dial.label-text.type + static const double clockDialLabelTextTypeFontWeight = 400; + + /// md.comp.time-picker.clock-dial.label-text.type + static const double clockDialLabelTextTypeLetterSpacing = 0.50; + + /// md.comp.time-picker.clock-dial.label-text.type + static const double clockDialLabelTextTypeLineHeight = 24.00; + + /// md.comp.time-picker.clock-dial.selected.label-text.color + static const TokenColorRole clockDialSelectedLabelTextColor = TokenColorRole.onPrimary; + + /// md.comp.time-picker.clock-dial.selector.center.container.color + static const TokenColorRole clockDialSelectorCenterContainerColor = TokenColorRole.primary; + + /// md.comp.time-picker.clock-dial.selector.center.container.shape + static const ShapeStruct clockDialSelectorCenterContainerShape = ShapeStruct( family: 'SHAPE_FAMILY_CIRCULAR', topLeft: 0.00, topRight: 0.00, @@ -31,22 +47,44 @@ class TokenTimePicker { bottomRight: 0.00, ); - /// md.comp.time-picker.time-selector.unselected.hover.state-layer.color - static const TokenColorRole timeSelectorUnselectedHoverStateLayerColor = - TokenColorRole.onSurface; + /// md.comp.time-picker.clock-dial.selector.center.container.size + static const double clockDialSelectorCenterContainerSize = 8.00; - /// md.comp.time-picker.period-selector.vertical.container.width - static const double periodSelectorVerticalContainerWidth = 52.00; + /// md.comp.time-picker.clock-dial.selector.handle.container.color + static const TokenColorRole clockDialSelectorHandleContainerColor = TokenColorRole.primary; - /// md.comp.time-picker.time-selector.pressed.state-layer.opacity - static const double timeSelectorPressedStateLayerOpacity = 0.10; + /// md.comp.time-picker.clock-dial.selector.handle.container.shape + static const ShapeStruct clockDialSelectorHandleContainerShape = ShapeStruct( + family: 'SHAPE_FAMILY_CIRCULAR', + topLeft: 0.00, + topRight: 0.00, + bottomLeft: 0.00, + bottomRight: 0.00, + ); - /// md.comp.time-picker.time-selector.separator.font - static const String timeSelectorSeparatorFont = 'Roboto'; + /// md.comp.time-picker.clock-dial.selector.handle.container.size + static const double clockDialSelectorHandleContainerSize = 48.00; - /// md.comp.time-picker.clock-dial.selector.center.container.color - static const TokenColorRole clockDialSelectorCenterContainerColor = - TokenColorRole.primary; + /// md.comp.time-picker.clock-dial.selector.track.container.color + static const TokenColorRole clockDialSelectorTrackContainerColor = TokenColorRole.primary; + + /// md.comp.time-picker.clock-dial.selector.track.container.width + static const double clockDialSelectorTrackContainerWidth = 2.00; + + /// md.comp.time-picker.clock-dial.shape + static const ShapeStruct clockDialShape = ShapeStruct( + family: 'SHAPE_FAMILY_CIRCULAR', + topLeft: 0.00, + topRight: 0.00, + bottomLeft: 0.00, + bottomRight: 0.00, + ); + + /// md.comp.time-picker.clock-dial.unselected.label-text.color + static const TokenColorRole clockDialUnselectedLabelTextColor = TokenColorRole.onSurface; + + /// md.comp.time-picker.container.color + static const TokenColorRole containerColor = TokenColorRole.surfaceContainerHigh; /// md.comp.time-picker.container.elevation static const double containerElevation = 6.00; @@ -60,92 +98,14 @@ class TokenTimePicker { bottomRight: 28.00, ); - /// md.comp.time-picker.period-selector.selected.pressed.state-layer.color - static const TokenColorRole periodSelectorSelectedPressedStateLayerColor = - TokenColorRole.onTertiaryContainer; - - /// md.comp.time-picker.time-selector.unselected.pressed.state-layer.color - static const TokenColorRole timeSelectorUnselectedPressedStateLayerColor = - TokenColorRole.onSurface; - - /// md.comp.time-picker.period-selector.unselected.focus.label-text.color - static const TokenColorRole periodSelectorUnselectedFocusLabelTextColor = - TokenColorRole.onSurfaceVariant; - - /// md.comp.time-picker.time-selector.unselected.label-text.color - static const TokenColorRole timeSelectorUnselectedLabelTextColor = - TokenColorRole.onSurface; - - /// md.comp.time-picker.clock-dial.selector.center.container.size - static const double clockDialSelectorCenterContainerSize = 8.00; - - /// md.comp.time-picker.time-selector.unselected.focus.state-layer.color - static const TokenColorRole timeSelectorUnselectedFocusStateLayerColor = - TokenColorRole.onSurface; - - /// md.comp.time-picker.time-selector.separator.type - static const double timeSelectorSeparatorTypeFontSize = 57.00; - - /// md.comp.time-picker.time-selector.separator.type - static const double timeSelectorSeparatorTypeFontWeight = 400; - - /// md.comp.time-picker.time-selector.separator.type - static const double timeSelectorSeparatorTypeLineHeight = 64.00; - - /// md.comp.time-picker.time-selector.separator.type - static const double timeSelectorSeparatorTypeLetterSpacing = -0.25; - - /// md.comp.time-picker.time-selector.separator.type - static const String timeSelectorSeparatorTypeFontFamily = 'Roboto'; - - /// md.comp.time-picker.period-selector.unselected.hover.label-text.color - static const TokenColorRole periodSelectorUnselectedHoverLabelTextColor = - TokenColorRole.onSurfaceVariant; - - /// md.comp.time-picker.period-selector.unselected.pressed.state-layer.color - static const TokenColorRole periodSelectorUnselectedPressedStateLayerColor = - TokenColorRole.onSurfaceVariant; - - /// md.comp.time-picker.time-selector.label-text.type - static const double timeSelectorLabelTextTypeFontSize = 57.00; - - /// md.comp.time-picker.time-selector.label-text.type - static const double timeSelectorLabelTextTypeFontWeight = 400; - - /// md.comp.time-picker.time-selector.label-text.type - static const double timeSelectorLabelTextTypeLineHeight = 64.00; - - /// md.comp.time-picker.time-selector.label-text.type - static const double timeSelectorLabelTextTypeLetterSpacing = -0.25; - - /// md.comp.time-picker.time-selector.label-text.type - static const String timeSelectorLabelTextTypeFontFamily = 'Roboto'; - - /// md.comp.time-picker.period-selector.hover.state-layer.opacity - static const double periodSelectorHoverStateLayerOpacity = 0.08; - - /// md.comp.time-picker.clock-dial.selector.track.container.color - static const TokenColorRole clockDialSelectorTrackContainerColor = - TokenColorRole.primary; - - /// md.comp.time-picker.period-selector.unselected.focus.state-layer.color - static const TokenColorRole periodSelectorUnselectedFocusStateLayerColor = - TokenColorRole.onSurfaceVariant; - - /// md.comp.time-picker.time-selector.selected.label-text.color - static const TokenColorRole timeSelectorSelectedLabelTextColor = - TokenColorRole.onPrimaryContainer; - - /// md.comp.time-picker.time-selector.label-text.font - static const String timeSelectorLabelTextFont = 'Roboto'; + /// md.comp.time-picker.headline.color + static const TokenColorRole headlineColor = TokenColorRole.onSurfaceVariant; - /// md.comp.time-picker.time-selector.unselected.pressed.label-text.color - static const TokenColorRole timeSelectorUnselectedPressedLabelTextColor = - TokenColorRole.onSurface; + /// md.comp.time-picker.headline.font + static const String headlineFont = 'Roboto'; - /// md.comp.time-picker.period-selector.unselected.pressed.label-text.color - static const TokenColorRole periodSelectorUnselectedPressedLabelTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.time-picker.headline.type + static const String headlineTypeFontFamily = 'Roboto'; /// md.comp.time-picker.headline.type static const double headlineTypeFontSize = 12.00; @@ -153,14 +113,11 @@ class TokenTimePicker { /// md.comp.time-picker.headline.type static const double headlineTypeFontWeight = 500; - /// md.comp.time-picker.headline.type - static const double headlineTypeLineHeight = 16.00; - /// md.comp.time-picker.headline.type static const double headlineTypeLetterSpacing = 0.50; /// md.comp.time-picker.headline.type - static const String headlineTypeFontFamily = 'Roboto'; + static const double headlineTypeLineHeight = 16.00; /// md.comp.time-picker.period-selector.container.shape static const ShapeStruct periodSelectorContainerShape = ShapeStruct( @@ -171,130 +128,116 @@ class TokenTimePicker { bottomRight: 8.00, ); - /// md.comp.time-picker.time-selector.container.height - static const double timeSelectorContainerHeight = 80.00; - - /// md.comp.time-picker.headline.font - static const String headlineFont = 'Roboto'; + /// md.comp.time-picker.period-selector.focus.state-layer.opacity + static const double periodSelectorFocusStateLayerOpacity = 0.10; - /// md.comp.time-picker.period-selector.pressed.state-layer.opacity - static const double periodSelectorPressedStateLayerOpacity = 0.10; + /// md.comp.time-picker.period-selector.horizontal.container.height + static const double periodSelectorHorizontalContainerHeight = 38.00; - /// md.comp.time-picker.time-selector.selected.hover.label-text.color - static const TokenColorRole timeSelectorSelectedHoverLabelTextColor = - TokenColorRole.onPrimaryContainer; + /// md.comp.time-picker.period-selector.horizontal.container.width + static const double periodSelectorHorizontalContainerWidth = 216.00; - /// md.comp.time-picker.clock-dial.selector.center.container.shape - static const ShapeStruct clockDialSelectorCenterContainerShape = ShapeStruct( - family: 'SHAPE_FAMILY_CIRCULAR', - topLeft: 0.00, - topRight: 0.00, - bottomLeft: 0.00, - bottomRight: 0.00, - ); + /// md.comp.time-picker.period-selector.hover.state-layer.opacity + static const double periodSelectorHoverStateLayerOpacity = 0.08; - /// md.comp.time-picker.clock-dial.selector.handle.container.color - static const TokenColorRole clockDialSelectorHandleContainerColor = - TokenColorRole.primary; + /// md.comp.time-picker.period-selector.label-text.font + static const String periodSelectorLabelTextFont = 'Roboto'; - /// md.comp.time-picker.time-selector.unselected.focus.label-text.color - static const TokenColorRole timeSelectorUnselectedFocusLabelTextColor = - TokenColorRole.onSurface; + /// md.comp.time-picker.period-selector.label-text.type + static const String periodSelectorLabelTextTypeFontFamily = 'Roboto'; - /// md.comp.time-picker.time-selector.focus.state-layer.opacity - static const double timeSelectorFocusStateLayerOpacity = 0.10; + /// md.comp.time-picker.period-selector.label-text.type + static const double periodSelectorLabelTextTypeFontSize = 16.00; - /// md.comp.time-picker.time-selector.selected.container.color - static const TokenColorRole timeSelectorSelectedContainerColor = - TokenColorRole.primaryContainer; + /// md.comp.time-picker.period-selector.label-text.type + static const double periodSelectorLabelTextTypeFontWeight = 500; - /// md.comp.time-picker.container.color - static const TokenColorRole containerColor = - TokenColorRole.surfaceContainerHigh; + /// md.comp.time-picker.period-selector.label-text.type + static const double periodSelectorLabelTextTypeLetterSpacing = 0.15; - /// md.comp.time-picker.clock-dial.color - static const TokenColorRole clockDialColor = - TokenColorRole.surfaceContainerHighest; + /// md.comp.time-picker.period-selector.label-text.type + static const double periodSelectorLabelTextTypeLineHeight = 24.00; - /// md.comp.time-picker.period-selector.unselected.label-text.color - static const TokenColorRole periodSelectorUnselectedLabelTextColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.time-picker.period-selector.outline.color + static const TokenColorRole periodSelectorOutlineColor = TokenColorRole.outline; - /// md.comp.time-picker.period-selector.unselected.hover.state-layer.color - static const TokenColorRole periodSelectorUnselectedHoverStateLayerColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.time-picker.period-selector.outline.width + static const double periodSelectorOutlineWidth = 1.00; - /// md.comp.time-picker.period-selector.horizontal.container.height - static const double periodSelectorHorizontalContainerHeight = 38.00; + /// md.comp.time-picker.period-selector.pressed.state-layer.opacity + static const double periodSelectorPressedStateLayerOpacity = 0.10; - /// md.comp.time-picker.clock-dial.unselected.label-text.color - static const TokenColorRole clockDialUnselectedLabelTextColor = - TokenColorRole.onSurface; + /// md.comp.time-picker.period-selector.selected.container.color + static const TokenColorRole periodSelectorSelectedContainerColor = + TokenColorRole.tertiaryContainer; /// md.comp.time-picker.period-selector.selected.focus.label-text.color static const TokenColorRole periodSelectorSelectedFocusLabelTextColor = TokenColorRole.onTertiaryContainer; - /// md.comp.time-picker.clock-dial.label-text.font - static const String clockDialLabelTextFont = 'Roboto'; - - /// md.comp.time-picker.period-selector.outline.color - static const TokenColorRole periodSelectorOutlineColor = - TokenColorRole.outline; - - /// md.comp.time-picker.period-selector.vertical.container.height - static const double periodSelectorVerticalContainerHeight = 80.00; + /// md.comp.time-picker.period-selector.selected.focus.state-layer.color + static const TokenColorRole periodSelectorSelectedFocusStateLayerColor = + TokenColorRole.onTertiaryContainer; - /// md.comp.time-picker.time-selector.selected.focus.label-text.color - static const TokenColorRole timeSelectorSelectedFocusLabelTextColor = - TokenColorRole.onPrimaryContainer; + /// md.comp.time-picker.period-selector.selected.hover.label-text.color + static const TokenColorRole periodSelectorSelectedHoverLabelTextColor = + TokenColorRole.onTertiaryContainer; - /// md.comp.time-picker.clock-dial.label-text.type - static const double clockDialLabelTextTypeFontSize = 16.00; + /// md.comp.time-picker.period-selector.selected.hover.state-layer.color + static const TokenColorRole periodSelectorSelectedHoverStateLayerColor = + TokenColorRole.onTertiaryContainer; - /// md.comp.time-picker.clock-dial.label-text.type - static const double clockDialLabelTextTypeFontWeight = 400; + /// md.comp.time-picker.period-selector.selected.label-text.color + static const TokenColorRole periodSelectorSelectedLabelTextColor = + TokenColorRole.onTertiaryContainer; - /// md.comp.time-picker.clock-dial.label-text.type - static const double clockDialLabelTextTypeLineHeight = 24.00; + /// md.comp.time-picker.period-selector.selected.pressed.label-text.color + static const TokenColorRole periodSelectorSelectedPressedLabelTextColor = + TokenColorRole.onTertiaryContainer; - /// md.comp.time-picker.clock-dial.label-text.type - static const double clockDialLabelTextTypeLetterSpacing = 0.50; + /// md.comp.time-picker.period-selector.selected.pressed.state-layer.color + static const TokenColorRole periodSelectorSelectedPressedStateLayerColor = + TokenColorRole.onTertiaryContainer; - /// md.comp.time-picker.clock-dial.label-text.type - static const String clockDialLabelTextTypeFontFamily = 'Roboto'; + /// md.comp.time-picker.period-selector.unselected.focus.label-text.color + static const TokenColorRole periodSelectorUnselectedFocusLabelTextColor = + TokenColorRole.onSurfaceVariant; - /// md.comp.time-picker.period-selector.label-text.type - static const double periodSelectorLabelTextTypeFontSize = 16.00; + /// md.comp.time-picker.period-selector.unselected.focus.state-layer.color + static const TokenColorRole periodSelectorUnselectedFocusStateLayerColor = + TokenColorRole.onSurfaceVariant; - /// md.comp.time-picker.period-selector.label-text.type - static const double periodSelectorLabelTextTypeFontWeight = 500; + /// md.comp.time-picker.period-selector.unselected.hover.label-text.color + static const TokenColorRole periodSelectorUnselectedHoverLabelTextColor = + TokenColorRole.onSurfaceVariant; - /// md.comp.time-picker.period-selector.label-text.type - static const double periodSelectorLabelTextTypeLineHeight = 24.00; + /// md.comp.time-picker.period-selector.unselected.hover.state-layer.color + static const TokenColorRole periodSelectorUnselectedHoverStateLayerColor = + TokenColorRole.onSurfaceVariant; - /// md.comp.time-picker.period-selector.label-text.type - static const double periodSelectorLabelTextTypeLetterSpacing = 0.15; + /// md.comp.time-picker.period-selector.unselected.label-text.color + static const TokenColorRole periodSelectorUnselectedLabelTextColor = + TokenColorRole.onSurfaceVariant; - /// md.comp.time-picker.period-selector.label-text.type - static const String periodSelectorLabelTextTypeFontFamily = 'Roboto'; + /// md.comp.time-picker.period-selector.unselected.pressed.label-text.color + static const TokenColorRole periodSelectorUnselectedPressedLabelTextColor = + TokenColorRole.onSurfaceVariant; - /// md.comp.time-picker.time-selector.selected.pressed.state-layer.color - static const TokenColorRole timeSelectorSelectedPressedStateLayerColor = - TokenColorRole.onPrimaryContainer; + /// md.comp.time-picker.period-selector.unselected.pressed.state-layer.color + static const TokenColorRole periodSelectorUnselectedPressedStateLayerColor = + TokenColorRole.onSurfaceVariant; - /// md.comp.time-picker.period-selector.selected.label-text.color - static const TokenColorRole periodSelectorSelectedLabelTextColor = - TokenColorRole.onTertiaryContainer; + /// md.comp.time-picker.period-selector.vertical.container.height + static const double periodSelectorVerticalContainerHeight = 80.00; - /// md.comp.time-picker.clock-dial.selector.handle.container.size - static const double clockDialSelectorHandleContainerSize = 48.00; + /// md.comp.time-picker.period-selector.vertical.container.width + static const double periodSelectorVerticalContainerWidth = 52.00; - /// md.comp.time-picker.period-selector.label-text.font - static const String periodSelectorLabelTextFont = 'Roboto'; + /// md.comp.time-picker.time-selector.24h-vertical.container.width + static const double timeSelector24hVerticalContainerWidth = 114.00; - /// md.comp.time-picker.clock-dial.container.size - static const double clockDialContainerSize = 256.00; + /// md.comp.time-picker.time-selector.container.height + static const double timeSelectorContainerHeight = 80.00; /// md.comp.time-picker.time-selector.container.shape static const ShapeStruct timeSelectorContainerShape = ShapeStruct( @@ -305,70 +248,112 @@ class TokenTimePicker { bottomRight: 8.00, ); - /// md.comp.time-picker.period-selector.selected.pressed.label-text.color - static const TokenColorRole periodSelectorSelectedPressedLabelTextColor = - TokenColorRole.onTertiaryContainer; + /// md.comp.time-picker.time-selector.container.width + static const double timeSelectorContainerWidth = 96.00; - /// md.comp.time-picker.time-selector.unselected.container.color - static const TokenColorRole timeSelectorUnselectedContainerColor = - TokenColorRole.surfaceContainerHighest; + /// md.comp.time-picker.time-selector.focus.state-layer.opacity + static const double timeSelectorFocusStateLayerOpacity = 0.10; + + /// md.comp.time-picker.time-selector.hover.state-layer.opacity + static const double timeSelectorHoverStateLayerOpacity = 0.08; + + /// md.comp.time-picker.time-selector.label-text.font + static const String timeSelectorLabelTextFont = 'Roboto'; + + /// md.comp.time-picker.time-selector.label-text.type + static const String timeSelectorLabelTextTypeFontFamily = 'Roboto'; + + /// md.comp.time-picker.time-selector.label-text.type + static const double timeSelectorLabelTextTypeFontSize = 57.00; + + /// md.comp.time-picker.time-selector.label-text.type + static const double timeSelectorLabelTextTypeFontWeight = 400; + + /// md.comp.time-picker.time-selector.label-text.type + static const double timeSelectorLabelTextTypeLetterSpacing = -0.25; + + /// md.comp.time-picker.time-selector.label-text.type + static const double timeSelectorLabelTextTypeLineHeight = 64.00; + + /// md.comp.time-picker.time-selector.pressed.state-layer.opacity + static const double timeSelectorPressedStateLayerOpacity = 0.10; + + /// md.comp.time-picker.time-selector.selected.container.color + static const TokenColorRole timeSelectorSelectedContainerColor = TokenColorRole.primaryContainer; + + /// md.comp.time-picker.time-selector.selected.focus.label-text.color + static const TokenColorRole timeSelectorSelectedFocusLabelTextColor = + TokenColorRole.onPrimaryContainer; /// md.comp.time-picker.time-selector.selected.focus.state-layer.color static const TokenColorRole timeSelectorSelectedFocusStateLayerColor = TokenColorRole.onPrimaryContainer; - /// md.comp.time-picker.clock-dial.selected.label-text.color - static const TokenColorRole clockDialSelectedLabelTextColor = - TokenColorRole.onPrimary; - - /// md.comp.time-picker.period-selector.selected.hover.state-layer.color - static const TokenColorRole periodSelectorSelectedHoverStateLayerColor = - TokenColorRole.onTertiaryContainer; - - /// md.comp.time-picker.period-selector.selected.container.color - static const TokenColorRole periodSelectorSelectedContainerColor = - TokenColorRole.tertiaryContainer; + /// md.comp.time-picker.time-selector.selected.hover.label-text.color + static const TokenColorRole timeSelectorSelectedHoverLabelTextColor = + TokenColorRole.onPrimaryContainer; - /// md.comp.time-picker.time-selector.hover.state-layer.opacity - static const double timeSelectorHoverStateLayerOpacity = 0.08; + /// md.comp.time-picker.time-selector.selected.hover.state-layer.color + static const TokenColorRole timeSelectorSelectedHoverStateLayerColor = + TokenColorRole.onPrimaryContainer; - /// md.comp.time-picker.period-selector.outline.width - static const double periodSelectorOutlineWidth = 1.00; + /// md.comp.time-picker.time-selector.selected.label-text.color + static const TokenColorRole timeSelectorSelectedLabelTextColor = + TokenColorRole.onPrimaryContainer; /// md.comp.time-picker.time-selector.selected.pressed.label-text.color static const TokenColorRole timeSelectorSelectedPressedLabelTextColor = TokenColorRole.onPrimaryContainer; - /// md.comp.time-picker.period-selector.selected.focus.state-layer.color - static const TokenColorRole periodSelectorSelectedFocusStateLayerColor = - TokenColorRole.onTertiaryContainer; + /// md.comp.time-picker.time-selector.selected.pressed.state-layer.color + static const TokenColorRole timeSelectorSelectedPressedStateLayerColor = + TokenColorRole.onPrimaryContainer; /// md.comp.time-picker.time-selector.separator.color - static const TokenColorRole timeSelectorSeparatorColor = - TokenColorRole.onSurface; + static const TokenColorRole timeSelectorSeparatorColor = TokenColorRole.onSurface; - /// md.comp.time-picker.time-selector.selected.hover.state-layer.color - static const TokenColorRole timeSelectorSelectedHoverStateLayerColor = - TokenColorRole.onPrimaryContainer; + /// md.comp.time-picker.time-selector.separator.font + static const String timeSelectorSeparatorFont = 'Roboto'; - /// md.comp.time-picker.clock-dial.selector.handle.container.shape - static const ShapeStruct clockDialSelectorHandleContainerShape = ShapeStruct( - family: 'SHAPE_FAMILY_CIRCULAR', - topLeft: 0.00, - topRight: 0.00, - bottomLeft: 0.00, - bottomRight: 0.00, - ); + /// md.comp.time-picker.time-selector.separator.type + static const String timeSelectorSeparatorTypeFontFamily = 'Roboto'; - /// md.comp.time-picker.period-selector.horizontal.container.width - static const double periodSelectorHorizontalContainerWidth = 216.00; + /// md.comp.time-picker.time-selector.separator.type + static const double timeSelectorSeparatorTypeFontSize = 57.00; - /// md.comp.time-picker.clock-dial.selector.track.container.width - static const double clockDialSelectorTrackContainerWidth = 2.00; + /// md.comp.time-picker.time-selector.separator.type + static const double timeSelectorSeparatorTypeFontWeight = 400; - /// md.comp.time-picker.time-selector.24h-vertical.container.width - static const double timeSelector24hVerticalContainerWidth = 114.00; + /// md.comp.time-picker.time-selector.separator.type + static const double timeSelectorSeparatorTypeLetterSpacing = -0.25; - /// md.comp.time-picker.time-selector.container.width - static const double timeSelectorContainerWidth = 96.00; + /// md.comp.time-picker.time-selector.separator.type + static const double timeSelectorSeparatorTypeLineHeight = 64.00; + + /// md.comp.time-picker.time-selector.unselected.container.color + static const TokenColorRole timeSelectorUnselectedContainerColor = + TokenColorRole.surfaceContainerHighest; + + /// md.comp.time-picker.time-selector.unselected.focus.label-text.color + static const TokenColorRole timeSelectorUnselectedFocusLabelTextColor = TokenColorRole.onSurface; + + /// md.comp.time-picker.time-selector.unselected.focus.state-layer.color + static const TokenColorRole timeSelectorUnselectedFocusStateLayerColor = TokenColorRole.onSurface; + + /// md.comp.time-picker.time-selector.unselected.hover.label-text.color + static const TokenColorRole timeSelectorUnselectedHoverLabelTextColor = TokenColorRole.onSurface; + + /// md.comp.time-picker.time-selector.unselected.hover.state-layer.color + static const TokenColorRole timeSelectorUnselectedHoverStateLayerColor = TokenColorRole.onSurface; + + /// md.comp.time-picker.time-selector.unselected.label-text.color + static const TokenColorRole timeSelectorUnselectedLabelTextColor = TokenColorRole.onSurface; + + /// md.comp.time-picker.time-selector.unselected.pressed.label-text.color + static const TokenColorRole timeSelectorUnselectedPressedLabelTextColor = + TokenColorRole.onSurface; + + /// md.comp.time-picker.time-selector.unselected.pressed.state-layer.color + static const TokenColorRole timeSelectorUnselectedPressedStateLayerColor = + TokenColorRole.onSurface; } diff --git a/packages/material_ui/tool/gen_defaults/data/toolbar_docked.dart b/packages/material_ui/tool/gen_defaults/data/toolbar_docked.dart index f8f946230b67..56a1a56cebd8 100644 --- a/packages/material_ui/tool/gen_defaults/data/toolbar_docked.dart +++ b/packages/material_ui/tool/gen_defaults/data/toolbar_docked.dart @@ -7,21 +7,18 @@ import 'shape_struct.dart'; class TokenToolbarDocked { - /// md.comp.toolbar.docked.container.trailing-space - static const double containerTrailingSpace = 16.00; - /// md.comp.toolbar.docked.container.height static const double containerHeight = 64.00; - /// md.comp.toolbar.docked.container.min-spacing - static const double containerMinSpacing = 4.00; - /// md.comp.toolbar.docked.container.leading-space static const double containerLeadingSpace = 16.00; /// md.comp.toolbar.docked.container.max-spacing static const double containerMaxSpacing = 32.00; + /// md.comp.toolbar.docked.container.min-spacing + static const double containerMinSpacing = 4.00; + /// md.comp.toolbar.docked.container.shape static const ShapeStruct containerShape = ShapeStruct( family: 'SHAPE_FAMILY_ROUNDED_CORNERS', @@ -30,4 +27,7 @@ class TokenToolbarDocked { bottomLeft: 0.00, bottomRight: 0.00, ); + + /// md.comp.toolbar.docked.container.trailing-space + static const double containerTrailingSpace = 16.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/toolbar_floating.dart b/packages/material_ui/tool/gen_defaults/data/toolbar_floating.dart index 98db06fee557..386913ad330b 100644 --- a/packages/material_ui/tool/gen_defaults/data/toolbar_floating.dart +++ b/packages/material_ui/tool/gen_defaults/data/toolbar_floating.dart @@ -7,6 +7,15 @@ import 'shape_struct.dart'; class TokenToolbarFloating { + /// md.comp.toolbar.floating.container.between-space + static const double containerBetweenSpace = 4.00; + + /// md.comp.toolbar.floating.container.elevation + static const double containerElevation = 6.00; + + /// md.comp.toolbar.floating.container.leading-space + static const double containerLeadingSpace = 8.00; + /// md.comp.toolbar.floating.container.shape static const ShapeStruct containerShape = ShapeStruct( family: 'SHAPE_FAMILY_CIRCULAR', @@ -19,24 +28,15 @@ class TokenToolbarFloating { /// md.comp.toolbar.floating.container.trailing-space static const double containerTrailingSpace = 8.00; - /// md.comp.toolbar.floating.container.between-space - static const double containerBetweenSpace = 4.00; + /// md.comp.toolbar.floating.horizontal.container.external-space + static const double horizontalContainerExternalSpace = 16.00; + + /// md.comp.toolbar.floating.horizontal.container.height + static const double horizontalContainerHeight = 64.00; /// md.comp.toolbar.floating.vertical.container.external-space static const double verticalContainerExternalSpace = 24.00; /// md.comp.toolbar.floating.vertical.container.width static const double verticalContainerWidth = 64.00; - - /// md.comp.toolbar.floating.container.leading-space - static const double containerLeadingSpace = 8.00; - - /// md.comp.toolbar.floating.horizontal.container.height - static const double horizontalContainerHeight = 64.00; - - /// md.comp.toolbar.floating.horizontal.container.external-space - static const double horizontalContainerExternalSpace = 16.00; - - /// md.comp.toolbar.floating.container.elevation - static const double containerElevation = 6.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/toolbar_floating_fab.dart b/packages/material_ui/tool/gen_defaults/data/toolbar_floating_fab.dart index 1a39b380f8e8..11bd6d8d4723 100644 --- a/packages/material_ui/tool/gen_defaults/data/toolbar_floating_fab.dart +++ b/packages/material_ui/tool/gen_defaults/data/toolbar_floating_fab.dart @@ -8,42 +8,12 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenToolbarFloatingFab { - /// md.comp.toolbar.floating.fab.vibrant.container.color - static const TokenColorRole vibrantContainerColor = - TokenColorRole.tertiaryContainer; - - /// md.comp.toolbar.floating.fab.medium.container.shape - static const ShapeStruct mediumContainerShape = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 20.00, - topRight: 20.00, - bottomLeft: 20.00, - bottomRight: 20.00, - ); - - /// md.comp.toolbar.floating.fab.standard.icon.color - static const TokenColorRole standardIconColor = - TokenColorRole.onSecondaryContainer; - - /// md.comp.toolbar.floating.fab.medium.container.width - static const double mediumContainerWidth = 80.00; - - /// md.comp.toolbar.floating.fab.standard.container.color - static const TokenColorRole standardContainerColor = - TokenColorRole.secondaryContainer; - - /// md.comp.toolbar.floating.fab.medium.container.elevation - static const double mediumContainerElevation = 3.00; + /// md.comp.toolbar.floating.fab.between-space + static const double betweenSpace = 8.00; /// md.comp.toolbar.floating.fab.container.elevation static const double containerElevation = 1.00; - /// md.comp.toolbar.floating.fab.icon.size - static const double iconSize = 24.00; - - /// md.comp.toolbar.floating.fab.medium.container.height - static const double mediumContainerHeight = 80.00; - /// md.comp.toolbar.floating.fab.container.height static const double containerHeight = 56.00; @@ -59,13 +29,39 @@ class TokenToolbarFloatingFab { /// md.comp.toolbar.floating.fab.container.width static const double containerWidth = 56.00; - /// md.comp.toolbar.floating.fab.between-space - static const double betweenSpace = 8.00; + /// md.comp.toolbar.floating.fab.icon.size + static const double iconSize = 24.00; + + /// md.comp.toolbar.floating.fab.medium.container.elevation + static const double mediumContainerElevation = 3.00; + + /// md.comp.toolbar.floating.fab.medium.container.height + static const double mediumContainerHeight = 80.00; + + /// md.comp.toolbar.floating.fab.medium.container.shape + static const ShapeStruct mediumContainerShape = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 20.00, + topRight: 20.00, + bottomLeft: 20.00, + bottomRight: 20.00, + ); + + /// md.comp.toolbar.floating.fab.medium.container.width + static const double mediumContainerWidth = 80.00; /// md.comp.toolbar.floating.fab.medium.icon.size static const double mediumIconSize = 28.00; + /// md.comp.toolbar.floating.fab.standard.container.color + static const TokenColorRole standardContainerColor = TokenColorRole.secondaryContainer; + + /// md.comp.toolbar.floating.fab.standard.icon.color + static const TokenColorRole standardIconColor = TokenColorRole.onSecondaryContainer; + + /// md.comp.toolbar.floating.fab.vibrant.container.color + static const TokenColorRole vibrantContainerColor = TokenColorRole.tertiaryContainer; + /// md.comp.toolbar.floating.fab.vibrant.icon.color - static const TokenColorRole vibrantIconColor = - TokenColorRole.onTertiaryContainer; + static const TokenColorRole vibrantIconColor = TokenColorRole.onTertiaryContainer; } diff --git a/packages/material_ui/tool/gen_defaults/data/toolbar_standard.dart b/packages/material_ui/tool/gen_defaults/data/toolbar_standard.dart index a4073d92dbf0..c1940a848f22 100644 --- a/packages/material_ui/tool/gen_defaults/data/toolbar_standard.dart +++ b/packages/material_ui/tool/gen_defaults/data/toolbar_standard.dart @@ -8,48 +8,11 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenToolbarStandard { - /// md.comp.toolbar.standard.disabled.icon.opacity - static const double disabledIconOpacity = 0.38; - - /// md.comp.toolbar.standard.pressed.label-text.color - static const TokenColorRole pressedLabelTextColor = - TokenColorRole.onSurfaceVariant; - - /// md.comp.toolbar.standard.selected.focused.state-layer.color - static const TokenColorRole selectedFocusedStateLayerColor = - TokenColorRole.onSecondaryContainer; - - /// md.comp.toolbar.standard.selected.focused.icon.color - static const TokenColorRole selectedFocusedIconColor = - TokenColorRole.onSecondaryContainer; - - /// md.comp.toolbar.standard.focused.label-text.color - static const TokenColorRole focusedLabelTextColor = - TokenColorRole.onSurfaceVariant; - - /// md.comp.toolbar.standard.label-text.color - static const TokenColorRole labelTextColor = TokenColorRole.onSurfaceVariant; - - /// md.comp.toolbar.standard.selected.hovered.state-layer.color - static const TokenColorRole selectedHoveredStateLayerColor = - TokenColorRole.onSecondaryContainer; - - /// md.comp.toolbar.standard.disabled.icon.color - static const TokenColorRole disabledIconColor = TokenColorRole.onSurface; - - /// md.comp.toolbar.standard.icon.color - static const TokenColorRole iconColor = TokenColorRole.onSurfaceVariant; - - /// md.comp.toolbar.standard.hovered.label-text.color - static const TokenColorRole hoveredLabelTextColor = - TokenColorRole.onSurfaceVariant; - /// md.comp.toolbar.standard.button.container.color - static const TokenColorRole buttonContainerColor = - TokenColorRole.surfaceContainer; + static const TokenColorRole buttonContainerColor = TokenColorRole.surfaceContainer; - /// md.comp.toolbar.standard.focused.state-layer.opacity - static const double focusedStateLayerOpacity = 0.10; + /// md.comp.toolbar.standard.container.color + static const TokenColorRole containerColor = TokenColorRole.surfaceContainer; /// md.comp.toolbar.standard.container.shape static const ShapeStruct containerShape = ShapeStruct( @@ -60,78 +23,93 @@ class TokenToolbarStandard { bottomRight: 0.00, ); - /// md.comp.toolbar.standard.selected.pressed.state-layer.color - static const TokenColorRole selectedPressedStateLayerColor = - TokenColorRole.onSecondaryContainer; - - /// md.comp.toolbar.standard.container.color - static const TokenColorRole containerColor = TokenColorRole.surfaceContainer; + /// md.comp.toolbar.standard.disabled.icon.color + static const TokenColorRole disabledIconColor = TokenColorRole.onSurface; - /// md.comp.toolbar.standard.selected.label-text.color - static const TokenColorRole selectedLabelTextColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.toolbar.standard.disabled.icon.opacity + static const double disabledIconOpacity = 0.38; /// md.comp.toolbar.standard.disabled.label-text.color static const TokenColorRole disabledLabelTextColor = TokenColorRole.onSurface; - /// md.comp.toolbar.standard.focused.state-layer.color - static const TokenColorRole focusedStateLayerColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.toolbar.standard.disabled.label-text.opacity + static const double disabledLabelTextOpacity = 0.38; - /// md.comp.toolbar.standard.pressed.state-layer.opacity - static const double pressedStateLayerOpacity = 0.10; + /// md.comp.toolbar.standard.focused.icon.color + static const TokenColorRole focusedIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.toolbar.standard.selected.hovered.label-text.color - static const TokenColorRole selectedHoveredLabelTextColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.toolbar.standard.focused.label-text.color + static const TokenColorRole focusedLabelTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.toolbar.standard.selected.button.container.color - static const TokenColorRole selectedButtonContainerColor = - TokenColorRole.secondaryContainer; + /// md.comp.toolbar.standard.focused.state-layer.color + static const TokenColorRole focusedStateLayerColor = TokenColorRole.onSurfaceVariant; - /// md.comp.toolbar.standard.disabled.label-text.opacity - static const double disabledLabelTextOpacity = 0.38; + /// md.comp.toolbar.standard.focused.state-layer.opacity + static const double focusedStateLayerOpacity = 0.10; - /// md.comp.toolbar.standard.selected.pressed.icon.color - static const TokenColorRole selectedPressedIconColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.toolbar.standard.hovered.icon.color + static const TokenColorRole hoveredIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.toolbar.standard.focused.icon.color - static const TokenColorRole focusedIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.toolbar.standard.hovered.label-text.color + static const TokenColorRole hoveredLabelTextColor = TokenColorRole.onSurfaceVariant; + + /// md.comp.toolbar.standard.hovered.state-layer.color + static const TokenColorRole hoveredStateLayerColor = TokenColorRole.onSurfaceVariant; /// md.comp.toolbar.standard.hovered.state-layer.opacity static const double hoveredStateLayerOpacity = 0.08; - /// md.comp.toolbar.standard.pressed.state-layer.color - static const TokenColorRole pressedStateLayerColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.toolbar.standard.icon.color + static const TokenColorRole iconColor = TokenColorRole.onSurfaceVariant; + + /// md.comp.toolbar.standard.label-text.color + static const TokenColorRole labelTextColor = TokenColorRole.onSurfaceVariant; /// md.comp.toolbar.standard.pressed.icon.color - static const TokenColorRole pressedIconColor = - TokenColorRole.onSurfaceVariant; + static const TokenColorRole pressedIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.toolbar.standard.selected.pressed.label-text.color - static const TokenColorRole selectedPressedLabelTextColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.toolbar.standard.pressed.label-text.color + static const TokenColorRole pressedLabelTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.toolbar.standard.selected.hovered.icon.color - static const TokenColorRole selectedHoveredIconColor = - TokenColorRole.onSecondaryContainer; + /// md.comp.toolbar.standard.pressed.state-layer.color + static const TokenColorRole pressedStateLayerColor = TokenColorRole.onSurfaceVariant; + + /// md.comp.toolbar.standard.pressed.state-layer.opacity + static const double pressedStateLayerOpacity = 0.10; + + /// md.comp.toolbar.standard.selected.button.container.color + static const TokenColorRole selectedButtonContainerColor = TokenColorRole.secondaryContainer; + + /// md.comp.toolbar.standard.selected.focused.icon.color + static const TokenColorRole selectedFocusedIconColor = TokenColorRole.onSecondaryContainer; /// md.comp.toolbar.standard.selected.focused.label-text.color - static const TokenColorRole selectedFocusedLabelTextColor = - TokenColorRole.onSecondaryContainer; + static const TokenColorRole selectedFocusedLabelTextColor = TokenColorRole.onSecondaryContainer; - /// md.comp.toolbar.standard.hovered.state-layer.color - static const TokenColorRole hoveredStateLayerColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.toolbar.standard.selected.focused.state-layer.color + static const TokenColorRole selectedFocusedStateLayerColor = TokenColorRole.onSecondaryContainer; - /// md.comp.toolbar.standard.hovered.icon.color - static const TokenColorRole hoveredIconColor = - TokenColorRole.onSurfaceVariant; + /// md.comp.toolbar.standard.selected.hovered.icon.color + static const TokenColorRole selectedHoveredIconColor = TokenColorRole.onSecondaryContainer; + + /// md.comp.toolbar.standard.selected.hovered.label-text.color + static const TokenColorRole selectedHoveredLabelTextColor = TokenColorRole.onSecondaryContainer; + + /// md.comp.toolbar.standard.selected.hovered.state-layer.color + static const TokenColorRole selectedHoveredStateLayerColor = TokenColorRole.onSecondaryContainer; /// md.comp.toolbar.standard.selected.icon.color - static const TokenColorRole selectedIconColor = - TokenColorRole.onSecondaryContainer; + static const TokenColorRole selectedIconColor = TokenColorRole.onSecondaryContainer; + + /// md.comp.toolbar.standard.selected.label-text.color + static const TokenColorRole selectedLabelTextColor = TokenColorRole.onSecondaryContainer; + + /// md.comp.toolbar.standard.selected.pressed.icon.color + static const TokenColorRole selectedPressedIconColor = TokenColorRole.onSecondaryContainer; + + /// md.comp.toolbar.standard.selected.pressed.label-text.color + static const TokenColorRole selectedPressedLabelTextColor = TokenColorRole.onSecondaryContainer; + + /// md.comp.toolbar.standard.selected.pressed.state-layer.color + static const TokenColorRole selectedPressedStateLayerColor = TokenColorRole.onSecondaryContainer; } diff --git a/packages/material_ui/tool/gen_defaults/data/toolbar_vibrant.dart b/packages/material_ui/tool/gen_defaults/data/toolbar_vibrant.dart index c495762c94fb..98bddb1bd130 100644 --- a/packages/material_ui/tool/gen_defaults/data/toolbar_vibrant.dart +++ b/packages/material_ui/tool/gen_defaults/data/toolbar_vibrant.dart @@ -8,129 +8,108 @@ import 'color_role.dart'; import 'shape_struct.dart'; class TokenToolbarVibrant { - /// md.comp.toolbar.vibrant.pressed.state-layer.color - static const TokenColorRole pressedStateLayerColor = - TokenColorRole.onPrimaryContainer; + /// md.comp.toolbar.vibrant.button.container.color + static const TokenColorRole buttonContainerColor = TokenColorRole.primaryContainer; - /// md.comp.toolbar.vibrant.selected.hovered.label-text.color - static const TokenColorRole selectedHoveredLabelTextColor = - TokenColorRole.onSurface; + /// md.comp.toolbar.vibrant.container.color + static const TokenColorRole containerColor = TokenColorRole.primaryContainer; - /// md.comp.toolbar.vibrant.selected.hovered.state-layer.color - static const TokenColorRole selectedHoveredStateLayerColor = - TokenColorRole.onSurface; + /// md.comp.toolbar.vibrant.container.shape + static const ShapeStruct containerShape = ShapeStruct( + family: 'SHAPE_FAMILY_CIRCULAR', + topLeft: 0.00, + topRight: 0.00, + bottomLeft: 0.00, + bottomRight: 0.00, + ); - /// md.comp.toolbar.vibrant.selected.icon.color - static const TokenColorRole selectedIconColor = TokenColorRole.onSurface; + /// md.comp.toolbar.vibrant.disabled.icon.color + static const TokenColorRole disabledIconColor = TokenColorRole.onSurface; - /// md.comp.toolbar.vibrant.icon.color - static const TokenColorRole iconColor = TokenColorRole.onPrimaryContainer; + /// md.comp.toolbar.vibrant.disabled.icon.opacity + static const double disabledIconOpacity = 0.38; + + /// md.comp.toolbar.vibrant.disabled.label-text.color + static const TokenColorRole disabledLabelTextColor = TokenColorRole.onSurface; + + /// md.comp.toolbar.vibrant.disabled.label-text.opacity + static const double disabledLabelTextOpacity = 0.38; /// md.comp.toolbar.vibrant.focused.icon.color - static const TokenColorRole focusedIconColor = - TokenColorRole.onPrimaryContainer; + static const TokenColorRole focusedIconColor = TokenColorRole.onPrimaryContainer; /// md.comp.toolbar.vibrant.focused.label-text.color - static const TokenColorRole focusedLabelTextColor = - TokenColorRole.onPrimaryContainer; - - /// md.comp.toolbar.vibrant.pressed.icon.color - static const TokenColorRole pressedIconColor = - TokenColorRole.onPrimaryContainer; + static const TokenColorRole focusedLabelTextColor = TokenColorRole.onPrimaryContainer; - /// md.comp.toolbar.vibrant.container.color - static const TokenColorRole containerColor = TokenColorRole.primaryContainer; + /// md.comp.toolbar.vibrant.focused.state-layer.color + static const TokenColorRole focusedStateLayerColor = TokenColorRole.onPrimaryContainer; /// md.comp.toolbar.vibrant.focused.state-layer.opacity static const double focusedStateLayerOpacity = 0.10; - /// md.comp.toolbar.vibrant.disabled.icon.color - static const TokenColorRole disabledIconColor = TokenColorRole.onSurface; + /// md.comp.toolbar.vibrant.hovered.icon.color + static const TokenColorRole hoveredIconColor = TokenColorRole.onPrimaryContainer; - /// md.comp.toolbar.vibrant.disabled.label-text.color - static const TokenColorRole disabledLabelTextColor = TokenColorRole.onSurface; + /// md.comp.toolbar.vibrant.hovered.label-text.color + static const TokenColorRole hoveredLabelTextColor = TokenColorRole.onPrimaryContainer; /// md.comp.toolbar.vibrant.hovered.state-layer.color - static const TokenColorRole hoveredStateLayerColor = - TokenColorRole.onPrimaryContainer; + static const TokenColorRole hoveredStateLayerColor = TokenColorRole.onPrimaryContainer; - /// md.comp.toolbar.vibrant.selected.button.container.color - static const TokenColorRole selectedButtonContainerColor = - TokenColorRole.surfaceContainer; - - /// md.comp.toolbar.vibrant.pressed.state-layer.opacity - static const double pressedStateLayerOpacity = 0.10; - - /// md.comp.toolbar.vibrant.selected.pressed.icon.color - static const TokenColorRole selectedPressedIconColor = - TokenColorRole.onSurface; - - /// md.comp.toolbar.vibrant.disabled.label-text.opacity - static const double disabledLabelTextOpacity = 0.38; + /// md.comp.toolbar.vibrant.hovered.state-layer.opacity + static const double hoveredStateLayerOpacity = 0.08; - /// md.comp.toolbar.vibrant.button.container.color - static const TokenColorRole buttonContainerColor = - TokenColorRole.primaryContainer; + /// md.comp.toolbar.vibrant.icon.color + static const TokenColorRole iconColor = TokenColorRole.onPrimaryContainer; - /// md.comp.toolbar.vibrant.selected.focused.label-text.color - static const TokenColorRole selectedFocusedLabelTextColor = - TokenColorRole.onSurface; + /// md.comp.toolbar.vibrant.label-text.color + static const TokenColorRole labelTextColor = TokenColorRole.onPrimaryContainer; - /// md.comp.toolbar.vibrant.hovered.label-text.color - static const TokenColorRole hoveredLabelTextColor = - TokenColorRole.onPrimaryContainer; + /// md.comp.toolbar.vibrant.pressed.icon.color + static const TokenColorRole pressedIconColor = TokenColorRole.onPrimaryContainer; /// md.comp.toolbar.vibrant.pressed.label-text.color - static const TokenColorRole pressedLabelTextColor = - TokenColorRole.onPrimaryContainer; + static const TokenColorRole pressedLabelTextColor = TokenColorRole.onPrimaryContainer; - /// md.comp.toolbar.vibrant.selected.pressed.label-text.color - static const TokenColorRole selectedPressedLabelTextColor = - TokenColorRole.onSurface; + /// md.comp.toolbar.vibrant.pressed.state-layer.color + static const TokenColorRole pressedStateLayerColor = TokenColorRole.onPrimaryContainer; - /// md.comp.toolbar.vibrant.selected.pressed.state-layer.color - static const TokenColorRole selectedPressedStateLayerColor = - TokenColorRole.onSurface; + /// md.comp.toolbar.vibrant.pressed.state-layer.opacity + static const double pressedStateLayerOpacity = 0.10; - /// md.comp.toolbar.vibrant.container.shape - static const ShapeStruct containerShape = ShapeStruct( - family: 'SHAPE_FAMILY_CIRCULAR', - topLeft: 0.00, - topRight: 0.00, - bottomLeft: 0.00, - bottomRight: 0.00, - ); + /// md.comp.toolbar.vibrant.selected.button.container.color + static const TokenColorRole selectedButtonContainerColor = TokenColorRole.surfaceContainer; - /// md.comp.toolbar.vibrant.disabled.icon.opacity - static const double disabledIconOpacity = 0.38; + /// md.comp.toolbar.vibrant.selected.focused.icon.color + static const TokenColorRole selectedFocusedIconColor = TokenColorRole.onSurface; - /// md.comp.toolbar.vibrant.selected.hovered.icon.color - static const TokenColorRole selectedHoveredIconColor = - TokenColorRole.onSurface; + /// md.comp.toolbar.vibrant.selected.focused.label-text.color + static const TokenColorRole selectedFocusedLabelTextColor = TokenColorRole.onSurface; - /// md.comp.toolbar.vibrant.focused.state-layer.color - static const TokenColorRole focusedStateLayerColor = - TokenColorRole.onPrimaryContainer; + /// md.comp.toolbar.vibrant.selected.focused.state-layer.color + static const TokenColorRole selectedFocusedStateLayerColor = TokenColorRole.onSurface; - /// md.comp.toolbar.vibrant.hovered.icon.color - static const TokenColorRole hoveredIconColor = - TokenColorRole.onPrimaryContainer; + /// md.comp.toolbar.vibrant.selected.hovered.icon.color + static const TokenColorRole selectedHoveredIconColor = TokenColorRole.onSurface; - /// md.comp.toolbar.vibrant.label-text.color - static const TokenColorRole labelTextColor = - TokenColorRole.onPrimaryContainer; + /// md.comp.toolbar.vibrant.selected.hovered.label-text.color + static const TokenColorRole selectedHoveredLabelTextColor = TokenColorRole.onSurface; - /// md.comp.toolbar.vibrant.selected.focused.icon.color - static const TokenColorRole selectedFocusedIconColor = - TokenColorRole.onSurface; + /// md.comp.toolbar.vibrant.selected.hovered.state-layer.color + static const TokenColorRole selectedHoveredStateLayerColor = TokenColorRole.onSurface; - /// md.comp.toolbar.vibrant.selected.focused.state-layer.color - static const TokenColorRole selectedFocusedStateLayerColor = - TokenColorRole.onSurface; + /// md.comp.toolbar.vibrant.selected.icon.color + static const TokenColorRole selectedIconColor = TokenColorRole.onSurface; /// md.comp.toolbar.vibrant.selected.label-text.color static const TokenColorRole selectedLabelTextColor = TokenColorRole.onSurface; - /// md.comp.toolbar.vibrant.hovered.state-layer.opacity - static const double hoveredStateLayerOpacity = 0.08; + /// md.comp.toolbar.vibrant.selected.pressed.icon.color + static const TokenColorRole selectedPressedIconColor = TokenColorRole.onSurface; + + /// md.comp.toolbar.vibrant.selected.pressed.label-text.color + static const TokenColorRole selectedPressedLabelTextColor = TokenColorRole.onSurface; + + /// md.comp.toolbar.vibrant.selected.pressed.state-layer.color + static const TokenColorRole selectedPressedStateLayerColor = TokenColorRole.onSurface; } diff --git a/packages/material_ui/tool/gen_defaults/data/typeface.dart b/packages/material_ui/tool/gen_defaults/data/typeface.dart index 5b42b2a8a52f..844faa98e0d2 100644 --- a/packages/material_ui/tool/gen_defaults/data/typeface.dart +++ b/packages/material_ui/tool/gen_defaults/data/typeface.dart @@ -5,15 +5,15 @@ // Version: 36.0.6 class TokenTypeface { + /// md.ref.typeface.brand + static const String brand = 'Roboto'; + + /// md.ref.typeface.plain + static const String plain = 'Roboto'; + /// md.ref.typeface.variable.brand static const String variableBrand = 'Roboto Flex'; /// md.ref.typeface.variable.plain static const String variablePlain = 'Roboto Flex'; - - /// md.ref.typeface.plain - static const String plain = 'Roboto'; - - /// md.ref.typeface.brand - static const String brand = 'Roboto'; } diff --git a/packages/material_ui/tool/gen_defaults/data/typescale.dart b/packages/material_ui/tool/gen_defaults/data/typescale.dart index ab7519aa06b1..c7adbfa5aa5d 100644 --- a/packages/material_ui/tool/gen_defaults/data/typescale.dart +++ b/packages/material_ui/tool/gen_defaults/data/typescale.dart @@ -5,179 +5,191 @@ // Version: 36.0.6 class TokenTypescale { - /// md.sys.typescale.title-medium.font - static const String titleMediumFont = 'Roboto'; + /// md.sys.typescale.body-large.font + static const String bodyLargeFont = 'Roboto'; - /// md.sys.typescale.label-large - static const double labelLargeFontSize = 14.00; + /// md.sys.typescale.body-large + static const String bodyLargeFontFamily = 'Roboto'; - /// md.sys.typescale.label-large - static const double labelLargeFontWeight = 500; + /// md.sys.typescale.body-large + static const double bodyLargeFontSize = 16.00; - /// md.sys.typescale.label-large - static const double labelLargeLineHeight = 20.00; + /// md.sys.typescale.body-large + static const double bodyLargeFontWeight = 400; - /// md.sys.typescale.label-large - static const double labelLargeLetterSpacing = 0.10; + /// md.sys.typescale.body-large + static const double bodyLargeLetterSpacing = 0.50; - /// md.sys.typescale.label-large - static const String labelLargeFontFamily = 'Roboto'; + /// md.sys.typescale.body-large + static const double bodyLargeLineHeight = 24.00; - /// md.sys.typescale.title-medium - static const double titleMediumFontSize = 16.00; + /// md.sys.typescale.body-medium.font + static const String bodyMediumFont = 'Roboto'; - /// md.sys.typescale.title-medium - static const double titleMediumFontWeight = 500; + /// md.sys.typescale.body-medium + static const String bodyMediumFontFamily = 'Roboto'; - /// md.sys.typescale.title-medium - static const double titleMediumLineHeight = 24.00; + /// md.sys.typescale.body-medium + static const double bodyMediumFontSize = 14.00; - /// md.sys.typescale.title-medium - static const double titleMediumLetterSpacing = 0.15; + /// md.sys.typescale.body-medium + static const double bodyMediumFontWeight = 400; - /// md.sys.typescale.title-medium - static const String titleMediumFontFamily = 'Roboto'; + /// md.sys.typescale.body-medium + static const double bodyMediumLetterSpacing = 0.25; - /// md.sys.typescale.body-large.font - static const String bodyLargeFont = 'Roboto'; + /// md.sys.typescale.body-medium + static const double bodyMediumLineHeight = 20.00; - /// md.sys.typescale.headline-medium.font - static const String headlineMediumFont = 'Roboto'; + /// md.sys.typescale.body-small.font + static const String bodySmallFont = 'Roboto'; - /// md.sys.typescale.title-small - static const double titleSmallFontSize = 14.00; + /// md.sys.typescale.body-small + static const String bodySmallFontFamily = 'Roboto'; - /// md.sys.typescale.title-small - static const double titleSmallFontWeight = 500; + /// md.sys.typescale.body-small + static const double bodySmallFontSize = 12.00; - /// md.sys.typescale.title-small - static const double titleSmallLineHeight = 20.00; + /// md.sys.typescale.body-small + static const double bodySmallFontWeight = 400; - /// md.sys.typescale.title-small - static const double titleSmallLetterSpacing = 0.10; + /// md.sys.typescale.body-small + static const double bodySmallLetterSpacing = 0.40; - /// md.sys.typescale.title-small - static const String titleSmallFontFamily = 'Roboto'; + /// md.sys.typescale.body-small + static const double bodySmallLineHeight = 16.00; - /// md.sys.typescale.title-small.font - static const String titleSmallFont = 'Roboto'; + /// md.sys.typescale.display-large.font + static const String displayLargeFont = 'Roboto'; - /// md.sys.typescale.headline-large.font - static const String headlineLargeFont = 'Roboto'; + /// md.sys.typescale.display-large + static const String displayLargeFontFamily = 'Roboto'; - /// md.sys.typescale.label-large.font - static const String labelLargeFont = 'Roboto'; + /// md.sys.typescale.display-large + static const double displayLargeFontSize = 57.00; - /// md.sys.typescale.title-large.font - static const String titleLargeFont = 'Roboto'; + /// md.sys.typescale.display-large + static const double displayLargeFontWeight = 400; - /// md.sys.typescale.display-small - static const double displaySmallFontSize = 36.00; + /// md.sys.typescale.display-large + static const double displayLargeLetterSpacing = -0.25; - /// md.sys.typescale.display-small - static const double displaySmallFontWeight = 400; + /// md.sys.typescale.display-large + static const double displayLargeLineHeight = 64.00; - /// md.sys.typescale.display-small - static const double displaySmallLineHeight = 44.00; + /// md.sys.typescale.display-medium.font + static const String displayMediumFont = 'Roboto'; - /// md.sys.typescale.display-small - static const double displaySmallLetterSpacing = 0.00; + /// md.sys.typescale.display-medium + static const String displayMediumFontFamily = 'Roboto'; + + /// md.sys.typescale.display-medium + static const double displayMediumFontSize = 45.00; + + /// md.sys.typescale.display-medium + static const double displayMediumFontWeight = 400; + + /// md.sys.typescale.display-medium + static const double displayMediumLetterSpacing = 0.00; + + /// md.sys.typescale.display-medium + static const double displayMediumLineHeight = 52.00; + + /// md.sys.typescale.display-small.font + static const String displaySmallFont = 'Roboto'; /// md.sys.typescale.display-small static const String displaySmallFontFamily = 'Roboto'; - /// md.sys.typescale.headline-medium - static const double headlineMediumFontSize = 28.00; - - /// md.sys.typescale.headline-medium - static const double headlineMediumFontWeight = 400; + /// md.sys.typescale.display-small + static const double displaySmallFontSize = 36.00; - /// md.sys.typescale.headline-medium - static const double headlineMediumLineHeight = 36.00; + /// md.sys.typescale.display-small + static const double displaySmallFontWeight = 400; - /// md.sys.typescale.headline-medium - static const double headlineMediumLetterSpacing = 0.00; + /// md.sys.typescale.display-small + static const double displaySmallLetterSpacing = 0.00; - /// md.sys.typescale.headline-medium - static const String headlineMediumFontFamily = 'Roboto'; + /// md.sys.typescale.display-small + static const double displaySmallLineHeight = 44.00; - /// md.sys.typescale.display-small.font - static const String displaySmallFont = 'Roboto'; + /// md.sys.typescale.headline-large.font + static const String headlineLargeFont = 'Roboto'; - /// md.sys.typescale.body-medium.font - static const String bodyMediumFont = 'Roboto'; + /// md.sys.typescale.headline-large + static const String headlineLargeFontFamily = 'Roboto'; - /// md.sys.typescale.display-large.font - static const String displayLargeFont = 'Roboto'; + /// md.sys.typescale.headline-large + static const double headlineLargeFontSize = 32.00; - /// md.sys.typescale.body-large - static const double bodyLargeFontSize = 16.00; + /// md.sys.typescale.headline-large + static const double headlineLargeFontWeight = 400; - /// md.sys.typescale.body-large - static const double bodyLargeFontWeight = 400; + /// md.sys.typescale.headline-large + static const double headlineLargeLetterSpacing = 0.00; - /// md.sys.typescale.body-large - static const double bodyLargeLineHeight = 24.00; + /// md.sys.typescale.headline-large + static const double headlineLargeLineHeight = 40.00; - /// md.sys.typescale.body-large - static const double bodyLargeLetterSpacing = 0.50; + /// md.sys.typescale.headline-medium.font + static const String headlineMediumFont = 'Roboto'; - /// md.sys.typescale.body-large - static const String bodyLargeFontFamily = 'Roboto'; + /// md.sys.typescale.headline-medium + static const String headlineMediumFontFamily = 'Roboto'; - /// md.sys.typescale.body-medium - static const double bodyMediumFontSize = 14.00; + /// md.sys.typescale.headline-medium + static const double headlineMediumFontSize = 28.00; - /// md.sys.typescale.body-medium - static const double bodyMediumFontWeight = 400; + /// md.sys.typescale.headline-medium + static const double headlineMediumFontWeight = 400; - /// md.sys.typescale.body-medium - static const double bodyMediumLineHeight = 20.00; + /// md.sys.typescale.headline-medium + static const double headlineMediumLetterSpacing = 0.00; - /// md.sys.typescale.body-medium - static const double bodyMediumLetterSpacing = 0.25; + /// md.sys.typescale.headline-medium + static const double headlineMediumLineHeight = 36.00; - /// md.sys.typescale.body-medium - static const String bodyMediumFontFamily = 'Roboto'; + /// md.sys.typescale.headline-small.font + static const String headlineSmallFont = 'Roboto'; - /// md.sys.typescale.label-small - static const double labelSmallFontSize = 11.00; + /// md.sys.typescale.headline-small + static const String headlineSmallFontFamily = 'Roboto'; - /// md.sys.typescale.label-small - static const double labelSmallFontWeight = 500; + /// md.sys.typescale.headline-small + static const double headlineSmallFontSize = 24.00; - /// md.sys.typescale.label-small - static const double labelSmallLineHeight = 16.00; + /// md.sys.typescale.headline-small + static const double headlineSmallFontWeight = 400; - /// md.sys.typescale.label-small - static const double labelSmallLetterSpacing = 0.50; + /// md.sys.typescale.headline-small + static const double headlineSmallLetterSpacing = 0.00; - /// md.sys.typescale.label-small - static const String labelSmallFontFamily = 'Roboto'; + /// md.sys.typescale.headline-small + static const double headlineSmallLineHeight = 32.00; - /// md.sys.typescale.headline-large - static const double headlineLargeFontSize = 32.00; + /// md.sys.typescale.label-large.font + static const String labelLargeFont = 'Roboto'; - /// md.sys.typescale.headline-large - static const double headlineLargeFontWeight = 400; + /// md.sys.typescale.label-large + static const String labelLargeFontFamily = 'Roboto'; - /// md.sys.typescale.headline-large - static const double headlineLargeLineHeight = 40.00; + /// md.sys.typescale.label-large + static const double labelLargeFontSize = 14.00; - /// md.sys.typescale.headline-large - static const double headlineLargeLetterSpacing = 0.00; + /// md.sys.typescale.label-large + static const double labelLargeFontWeight = 500; - /// md.sys.typescale.headline-large - static const String headlineLargeFontFamily = 'Roboto'; + /// md.sys.typescale.label-large + static const double labelLargeLetterSpacing = 0.10; - /// md.sys.typescale.body-small.font - static const String bodySmallFont = 'Roboto'; + /// md.sys.typescale.label-large + static const double labelLargeLineHeight = 20.00; /// md.sys.typescale.label-medium.font static const String labelMediumFont = 'Roboto'; - /// md.sys.typescale.display-medium.font - static const String displayMediumFont = 'Roboto'; + /// md.sys.typescale.label-medium + static const String labelMediumFontFamily = 'Roboto'; /// md.sys.typescale.label-medium static const double labelMediumFontSize = 12.00; @@ -185,93 +197,81 @@ class TokenTypescale { /// md.sys.typescale.label-medium static const double labelMediumFontWeight = 500; - /// md.sys.typescale.label-medium - static const double labelMediumLineHeight = 16.00; - /// md.sys.typescale.label-medium static const double labelMediumLetterSpacing = 0.50; /// md.sys.typescale.label-medium - static const String labelMediumFontFamily = 'Roboto'; + static const double labelMediumLineHeight = 16.00; - /// md.sys.typescale.display-large - static const double displayLargeFontSize = 57.00; + /// md.sys.typescale.label-small.font + static const String labelSmallFont = 'Roboto'; - /// md.sys.typescale.display-large - static const double displayLargeFontWeight = 400; + /// md.sys.typescale.label-small + static const String labelSmallFontFamily = 'Roboto'; - /// md.sys.typescale.display-large - static const double displayLargeLineHeight = 64.00; + /// md.sys.typescale.label-small + static const double labelSmallFontSize = 11.00; - /// md.sys.typescale.display-large - static const double displayLargeLetterSpacing = -0.25; + /// md.sys.typescale.label-small + static const double labelSmallFontWeight = 500; - /// md.sys.typescale.display-large - static const String displayLargeFontFamily = 'Roboto'; + /// md.sys.typescale.label-small + static const double labelSmallLetterSpacing = 0.50; + + /// md.sys.typescale.label-small + static const double labelSmallLineHeight = 16.00; + + /// md.sys.typescale.title-large.font + static const String titleLargeFont = 'Roboto'; /// md.sys.typescale.title-large - static const double titleLargeFontSize = 22.00; + static const String titleLargeFontFamily = 'Roboto'; /// md.sys.typescale.title-large - static const double titleLargeFontWeight = 400; + static const double titleLargeFontSize = 22.00; /// md.sys.typescale.title-large - static const double titleLargeLineHeight = 28.00; + static const double titleLargeFontWeight = 400; /// md.sys.typescale.title-large static const double titleLargeLetterSpacing = 0.00; /// md.sys.typescale.title-large - static const String titleLargeFontFamily = 'Roboto'; - - /// md.sys.typescale.display-medium - static const double displayMediumFontSize = 45.00; - - /// md.sys.typescale.display-medium - static const double displayMediumFontWeight = 400; - - /// md.sys.typescale.display-medium - static const double displayMediumLineHeight = 52.00; - - /// md.sys.typescale.display-medium - static const double displayMediumLetterSpacing = 0.00; - - /// md.sys.typescale.display-medium - static const String displayMediumFontFamily = 'Roboto'; + static const double titleLargeLineHeight = 28.00; - /// md.sys.typescale.label-small.font - static const String labelSmallFont = 'Roboto'; + /// md.sys.typescale.title-medium.font + static const String titleMediumFont = 'Roboto'; - /// md.sys.typescale.headline-small.font - static const String headlineSmallFont = 'Roboto'; + /// md.sys.typescale.title-medium + static const String titleMediumFontFamily = 'Roboto'; - /// md.sys.typescale.headline-small - static const double headlineSmallFontSize = 24.00; + /// md.sys.typescale.title-medium + static const double titleMediumFontSize = 16.00; - /// md.sys.typescale.headline-small - static const double headlineSmallFontWeight = 400; + /// md.sys.typescale.title-medium + static const double titleMediumFontWeight = 500; - /// md.sys.typescale.headline-small - static const double headlineSmallLineHeight = 32.00; + /// md.sys.typescale.title-medium + static const double titleMediumLetterSpacing = 0.15; - /// md.sys.typescale.headline-small - static const double headlineSmallLetterSpacing = 0.00; + /// md.sys.typescale.title-medium + static const double titleMediumLineHeight = 24.00; - /// md.sys.typescale.headline-small - static const String headlineSmallFontFamily = 'Roboto'; + /// md.sys.typescale.title-small.font + static const String titleSmallFont = 'Roboto'; - /// md.sys.typescale.body-small - static const double bodySmallFontSize = 12.00; + /// md.sys.typescale.title-small + static const String titleSmallFontFamily = 'Roboto'; - /// md.sys.typescale.body-small - static const double bodySmallFontWeight = 400; + /// md.sys.typescale.title-small + static const double titleSmallFontSize = 14.00; - /// md.sys.typescale.body-small - static const double bodySmallLineHeight = 16.00; + /// md.sys.typescale.title-small + static const double titleSmallFontWeight = 500; - /// md.sys.typescale.body-small - static const double bodySmallLetterSpacing = 0.40; + /// md.sys.typescale.title-small + static const double titleSmallLetterSpacing = 0.10; - /// md.sys.typescale.body-small - static const String bodySmallFontFamily = 'Roboto'; + /// md.sys.typescale.title-small + static const double titleSmallLineHeight = 20.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/typescale_emphasized.dart b/packages/material_ui/tool/gen_defaults/data/typescale_emphasized.dart index 57cd4c0916b0..ffddbd49b289 100644 --- a/packages/material_ui/tool/gen_defaults/data/typescale_emphasized.dart +++ b/packages/material_ui/tool/gen_defaults/data/typescale_emphasized.dart @@ -5,116 +5,119 @@ // Version: 36.0.6 class TokenTypescaleEmphasized { - /// md.sys.typescale.emphasized.title-medium.font - static const String titleMediumFont = 'Roboto'; + /// md.sys.typescale.emphasized.body-large.font + static const String bodyLargeFont = 'Roboto'; - /// md.sys.typescale.emphasized.title-medium - static const double titleMediumFontSize = 16.00; + /// md.sys.typescale.emphasized.body-large + static const String bodyLargeFontFamily = 'Roboto'; - /// md.sys.typescale.emphasized.title-medium - static const double titleMediumFontWeight = 700; + /// md.sys.typescale.emphasized.body-large + static const double bodyLargeFontSize = 16.00; - /// md.sys.typescale.emphasized.title-medium - static const double titleMediumLineHeight = 24.00; + /// md.sys.typescale.emphasized.body-large + static const double bodyLargeFontWeight = 500; - /// md.sys.typescale.emphasized.title-medium - static const double titleMediumLetterSpacing = 0.15; + /// md.sys.typescale.emphasized.body-large + static const double bodyLargeLetterSpacing = 0.50; - /// md.sys.typescale.emphasized.title-medium - static const String titleMediumFontFamily = 'Roboto'; + /// md.sys.typescale.emphasized.body-large + static const double bodyLargeLineHeight = 24.00; - /// md.sys.typescale.emphasized.headline-medium - static const double headlineMediumFontSize = 28.00; + /// md.sys.typescale.emphasized.body-medium.font + static const String bodyMediumFont = 'Roboto'; - /// md.sys.typescale.emphasized.headline-medium - static const double headlineMediumFontWeight = 500; + /// md.sys.typescale.emphasized.body-medium + static const String bodyMediumFontFamily = 'Roboto'; - /// md.sys.typescale.emphasized.headline-medium - static const double headlineMediumLineHeight = 36.00; + /// md.sys.typescale.emphasized.body-medium + static const double bodyMediumFontSize = 14.00; - /// md.sys.typescale.emphasized.headline-medium - static const double headlineMediumLetterSpacing = 0.00; + /// md.sys.typescale.emphasized.body-medium + static const double bodyMediumFontWeight = 500; - /// md.sys.typescale.emphasized.headline-medium - static const String headlineMediumFontFamily = 'Roboto'; + /// md.sys.typescale.emphasized.body-medium + static const double bodyMediumLetterSpacing = 0.25; - /// md.sys.typescale.emphasized.display-small - static const double displaySmallFontSize = 36.00; + /// md.sys.typescale.emphasized.body-medium + static const double bodyMediumLineHeight = 20.00; - /// md.sys.typescale.emphasized.display-small - static const double displaySmallFontWeight = 500; + /// md.sys.typescale.emphasized.body-small.font + static const String bodySmallFont = 'Roboto'; - /// md.sys.typescale.emphasized.display-small - static const double displaySmallLineHeight = 44.00; + /// md.sys.typescale.emphasized.body-small + static const String bodySmallFontFamily = 'Roboto'; - /// md.sys.typescale.emphasized.display-small - static const double displaySmallLetterSpacing = 0.00; + /// md.sys.typescale.emphasized.body-small + static const double bodySmallFontSize = 12.00; - /// md.sys.typescale.emphasized.display-small - static const String displaySmallFontFamily = 'Roboto'; + /// md.sys.typescale.emphasized.body-small + static const double bodySmallFontWeight = 500; - /// md.sys.typescale.emphasized.headline-large.font - static const String headlineLargeFont = 'Roboto'; + /// md.sys.typescale.emphasized.body-small + static const double bodySmallLetterSpacing = 0.40; - /// md.sys.typescale.emphasized.headline-small - static const double headlineSmallFontSize = 24.00; + /// md.sys.typescale.emphasized.body-small + static const double bodySmallLineHeight = 16.00; - /// md.sys.typescale.emphasized.headline-small - static const double headlineSmallFontWeight = 500; + /// md.sys.typescale.emphasized.display-large.font + static const String displayLargeFont = 'Roboto'; - /// md.sys.typescale.emphasized.headline-small - static const double headlineSmallLineHeight = 32.00; + /// md.sys.typescale.emphasized.display-large + static const String displayLargeFontFamily = 'Roboto'; - /// md.sys.typescale.emphasized.headline-small - static const double headlineSmallLetterSpacing = 0.00; + /// md.sys.typescale.emphasized.display-large + static const double displayLargeFontSize = 57.00; - /// md.sys.typescale.emphasized.headline-small - static const String headlineSmallFontFamily = 'Roboto'; + /// md.sys.typescale.emphasized.display-large + static const double displayLargeFontWeight = 500; - /// md.sys.typescale.emphasized.title-small.font - static const String titleSmallFont = 'Roboto'; + /// md.sys.typescale.emphasized.display-large + static const double displayLargeLetterSpacing = -0.25; + + /// md.sys.typescale.emphasized.display-large + static const double displayLargeLineHeight = 64.00; /// md.sys.typescale.emphasized.display-medium.font static const String displayMediumFont = 'Roboto'; - /// md.sys.typescale.emphasized.body-large.font - static const String bodyLargeFont = 'Roboto'; + /// md.sys.typescale.emphasized.display-medium + static const String displayMediumFontFamily = 'Roboto'; - /// md.sys.typescale.emphasized.label-large.font - static const String labelLargeFont = 'Roboto'; + /// md.sys.typescale.emphasized.display-medium + static const double displayMediumFontSize = 45.00; - /// md.sys.typescale.emphasized.headline-small.font - static const String headlineSmallFont = 'Roboto'; + /// md.sys.typescale.emphasized.display-medium + static const double displayMediumFontWeight = 500; - /// md.sys.typescale.emphasized.body-large - static const double bodyLargeFontSize = 16.00; + /// md.sys.typescale.emphasized.display-medium + static const double displayMediumLetterSpacing = 0.00; - /// md.sys.typescale.emphasized.body-large - static const double bodyLargeFontWeight = 500; + /// md.sys.typescale.emphasized.display-medium + static const double displayMediumLineHeight = 52.00; - /// md.sys.typescale.emphasized.body-large - static const double bodyLargeLineHeight = 24.00; + /// md.sys.typescale.emphasized.display-small.font + static const String displaySmallFont = 'Roboto'; - /// md.sys.typescale.emphasized.body-large - static const double bodyLargeLetterSpacing = 0.50; + /// md.sys.typescale.emphasized.display-small + static const String displaySmallFontFamily = 'Roboto'; - /// md.sys.typescale.emphasized.body-large - static const String bodyLargeFontFamily = 'Roboto'; + /// md.sys.typescale.emphasized.display-small + static const double displaySmallFontSize = 36.00; - /// md.sys.typescale.emphasized.label-medium - static const double labelMediumFontSize = 12.00; + /// md.sys.typescale.emphasized.display-small + static const double displaySmallFontWeight = 500; - /// md.sys.typescale.emphasized.label-medium - static const double labelMediumFontWeight = 700; + /// md.sys.typescale.emphasized.display-small + static const double displaySmallLetterSpacing = 0.00; - /// md.sys.typescale.emphasized.label-medium - static const double labelMediumLineHeight = 16.00; + /// md.sys.typescale.emphasized.display-small + static const double displaySmallLineHeight = 44.00; - /// md.sys.typescale.emphasized.label-medium - static const double labelMediumLetterSpacing = 0.50; + /// md.sys.typescale.emphasized.headline-large.font + static const String headlineLargeFont = 'Roboto'; - /// md.sys.typescale.emphasized.label-medium - static const String labelMediumFontFamily = 'Roboto'; + /// md.sys.typescale.emphasized.headline-large + static const String headlineLargeFontFamily = 'Roboto'; /// md.sys.typescale.emphasized.headline-large static const double headlineLargeFontSize = 32.00; @@ -122,156 +125,153 @@ class TokenTypescaleEmphasized { /// md.sys.typescale.emphasized.headline-large static const double headlineLargeFontWeight = 500; - /// md.sys.typescale.emphasized.headline-large - static const double headlineLargeLineHeight = 40.00; - /// md.sys.typescale.emphasized.headline-large static const double headlineLargeLetterSpacing = 0.00; /// md.sys.typescale.emphasized.headline-large - static const String headlineLargeFontFamily = 'Roboto'; + static const double headlineLargeLineHeight = 40.00; /// md.sys.typescale.emphasized.headline-medium.font static const String headlineMediumFont = 'Roboto'; - /// md.sys.typescale.emphasized.label-small.font - static const String labelSmallFont = 'Roboto'; + /// md.sys.typescale.emphasized.headline-medium + static const String headlineMediumFontFamily = 'Roboto'; - /// md.sys.typescale.emphasized.body-medium.font - static const String bodyMediumFont = 'Roboto'; + /// md.sys.typescale.emphasized.headline-medium + static const double headlineMediumFontSize = 28.00; - /// md.sys.typescale.emphasized.title-small - static const double titleSmallFontSize = 14.00; + /// md.sys.typescale.emphasized.headline-medium + static const double headlineMediumFontWeight = 500; - /// md.sys.typescale.emphasized.title-small - static const double titleSmallFontWeight = 700; + /// md.sys.typescale.emphasized.headline-medium + static const double headlineMediumLetterSpacing = 0.00; - /// md.sys.typescale.emphasized.title-small - static const double titleSmallLineHeight = 20.00; + /// md.sys.typescale.emphasized.headline-medium + static const double headlineMediumLineHeight = 36.00; - /// md.sys.typescale.emphasized.title-small - static const double titleSmallLetterSpacing = 0.10; + /// md.sys.typescale.emphasized.headline-small.font + static const String headlineSmallFont = 'Roboto'; - /// md.sys.typescale.emphasized.title-small - static const String titleSmallFontFamily = 'Roboto'; + /// md.sys.typescale.emphasized.headline-small + static const String headlineSmallFontFamily = 'Roboto'; - /// md.sys.typescale.emphasized.label-small - static const double labelSmallFontSize = 11.00; + /// md.sys.typescale.emphasized.headline-small + static const double headlineSmallFontSize = 24.00; - /// md.sys.typescale.emphasized.label-small - static const double labelSmallFontWeight = 700; + /// md.sys.typescale.emphasized.headline-small + static const double headlineSmallFontWeight = 500; - /// md.sys.typescale.emphasized.label-small - static const double labelSmallLineHeight = 16.00; + /// md.sys.typescale.emphasized.headline-small + static const double headlineSmallLetterSpacing = 0.00; - /// md.sys.typescale.emphasized.label-small - static const double labelSmallLetterSpacing = 0.50; + /// md.sys.typescale.emphasized.headline-small + static const double headlineSmallLineHeight = 32.00; - /// md.sys.typescale.emphasized.label-small - static const String labelSmallFontFamily = 'Roboto'; + /// md.sys.typescale.emphasized.label-large.font + static const String labelLargeFont = 'Roboto'; - /// md.sys.typescale.emphasized.display-large - static const double displayLargeFontSize = 57.00; + /// md.sys.typescale.emphasized.label-large + static const String labelLargeFontFamily = 'Roboto'; - /// md.sys.typescale.emphasized.display-large - static const double displayLargeFontWeight = 500; + /// md.sys.typescale.emphasized.label-large + static const double labelLargeFontSize = 14.00; - /// md.sys.typescale.emphasized.display-large - static const double displayLargeLineHeight = 64.00; + /// md.sys.typescale.emphasized.label-large + static const double labelLargeFontWeight = 700; - /// md.sys.typescale.emphasized.display-large - static const double displayLargeLetterSpacing = -0.25; + /// md.sys.typescale.emphasized.label-large + static const double labelLargeLetterSpacing = 0.10; - /// md.sys.typescale.emphasized.display-large - static const String displayLargeFontFamily = 'Roboto'; + /// md.sys.typescale.emphasized.label-large + static const double labelLargeLineHeight = 20.00; - /// md.sys.typescale.emphasized.title-large - static const double titleLargeFontSize = 22.00; + /// md.sys.typescale.emphasized.label-medium.font + static const String labelMediumFont = 'Roboto'; - /// md.sys.typescale.emphasized.title-large - static const double titleLargeFontWeight = 500; + /// md.sys.typescale.emphasized.label-medium + static const String labelMediumFontFamily = 'Roboto'; - /// md.sys.typescale.emphasized.title-large - static const double titleLargeLineHeight = 28.00; + /// md.sys.typescale.emphasized.label-medium + static const double labelMediumFontSize = 12.00; - /// md.sys.typescale.emphasized.title-large - static const double titleLargeLetterSpacing = 0.00; + /// md.sys.typescale.emphasized.label-medium + static const double labelMediumFontWeight = 700; - /// md.sys.typescale.emphasized.title-large - static const String titleLargeFontFamily = 'Roboto'; + /// md.sys.typescale.emphasized.label-medium + static const double labelMediumLetterSpacing = 0.50; - /// md.sys.typescale.emphasized.title-large.font - static const String titleLargeFont = 'Roboto'; + /// md.sys.typescale.emphasized.label-medium + static const double labelMediumLineHeight = 16.00; - /// md.sys.typescale.emphasized.body-small - static const double bodySmallFontSize = 12.00; + /// md.sys.typescale.emphasized.label-small.font + static const String labelSmallFont = 'Roboto'; - /// md.sys.typescale.emphasized.body-small - static const double bodySmallFontWeight = 500; + /// md.sys.typescale.emphasized.label-small + static const String labelSmallFontFamily = 'Roboto'; - /// md.sys.typescale.emphasized.body-small - static const double bodySmallLineHeight = 16.00; + /// md.sys.typescale.emphasized.label-small + static const double labelSmallFontSize = 11.00; - /// md.sys.typescale.emphasized.body-small - static const double bodySmallLetterSpacing = 0.40; + /// md.sys.typescale.emphasized.label-small + static const double labelSmallFontWeight = 700; - /// md.sys.typescale.emphasized.body-small - static const String bodySmallFontFamily = 'Roboto'; + /// md.sys.typescale.emphasized.label-small + static const double labelSmallLetterSpacing = 0.50; - /// md.sys.typescale.emphasized.display-small.font - static const String displaySmallFont = 'Roboto'; + /// md.sys.typescale.emphasized.label-small + static const double labelSmallLineHeight = 16.00; - /// md.sys.typescale.emphasized.label-large - static const double labelLargeFontSize = 14.00; + /// md.sys.typescale.emphasized.title-large.font + static const String titleLargeFont = 'Roboto'; - /// md.sys.typescale.emphasized.label-large - static const double labelLargeFontWeight = 700; + /// md.sys.typescale.emphasized.title-large + static const String titleLargeFontFamily = 'Roboto'; - /// md.sys.typescale.emphasized.label-large - static const double labelLargeLineHeight = 20.00; + /// md.sys.typescale.emphasized.title-large + static const double titleLargeFontSize = 22.00; - /// md.sys.typescale.emphasized.label-large - static const double labelLargeLetterSpacing = 0.10; + /// md.sys.typescale.emphasized.title-large + static const double titleLargeFontWeight = 500; - /// md.sys.typescale.emphasized.label-large - static const String labelLargeFontFamily = 'Roboto'; + /// md.sys.typescale.emphasized.title-large + static const double titleLargeLetterSpacing = 0.00; - /// md.sys.typescale.emphasized.display-medium - static const double displayMediumFontSize = 45.00; + /// md.sys.typescale.emphasized.title-large + static const double titleLargeLineHeight = 28.00; - /// md.sys.typescale.emphasized.display-medium - static const double displayMediumFontWeight = 500; + /// md.sys.typescale.emphasized.title-medium.font + static const String titleMediumFont = 'Roboto'; - /// md.sys.typescale.emphasized.display-medium - static const double displayMediumLineHeight = 52.00; + /// md.sys.typescale.emphasized.title-medium + static const String titleMediumFontFamily = 'Roboto'; - /// md.sys.typescale.emphasized.display-medium - static const double displayMediumLetterSpacing = 0.00; + /// md.sys.typescale.emphasized.title-medium + static const double titleMediumFontSize = 16.00; - /// md.sys.typescale.emphasized.display-medium - static const String displayMediumFontFamily = 'Roboto'; + /// md.sys.typescale.emphasized.title-medium + static const double titleMediumFontWeight = 700; - /// md.sys.typescale.emphasized.label-medium.font - static const String labelMediumFont = 'Roboto'; + /// md.sys.typescale.emphasized.title-medium + static const double titleMediumLetterSpacing = 0.15; - /// md.sys.typescale.emphasized.body-small.font - static const String bodySmallFont = 'Roboto'; + /// md.sys.typescale.emphasized.title-medium + static const double titleMediumLineHeight = 24.00; - /// md.sys.typescale.emphasized.display-large.font - static const String displayLargeFont = 'Roboto'; + /// md.sys.typescale.emphasized.title-small.font + static const String titleSmallFont = 'Roboto'; - /// md.sys.typescale.emphasized.body-medium - static const double bodyMediumFontSize = 14.00; + /// md.sys.typescale.emphasized.title-small + static const String titleSmallFontFamily = 'Roboto'; - /// md.sys.typescale.emphasized.body-medium - static const double bodyMediumFontWeight = 500; + /// md.sys.typescale.emphasized.title-small + static const double titleSmallFontSize = 14.00; - /// md.sys.typescale.emphasized.body-medium - static const double bodyMediumLineHeight = 20.00; + /// md.sys.typescale.emphasized.title-small + static const double titleSmallFontWeight = 700; - /// md.sys.typescale.emphasized.body-medium - static const double bodyMediumLetterSpacing = 0.25; + /// md.sys.typescale.emphasized.title-small + static const double titleSmallLetterSpacing = 0.10; - /// md.sys.typescale.emphasized.body-medium - static const String bodyMediumFontFamily = 'Roboto'; + /// md.sys.typescale.emphasized.title-small + static const double titleSmallLineHeight = 20.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/typescale_emphasized_variable.dart b/packages/material_ui/tool/gen_defaults/data/typescale_emphasized_variable.dart index adde15d4536c..55c360c418f6 100644 --- a/packages/material_ui/tool/gen_defaults/data/typescale_emphasized_variable.dart +++ b/packages/material_ui/tool/gen_defaults/data/typescale_emphasized_variable.dart @@ -5,50 +5,8 @@ // Version: 36.0.6 class TokenTypescaleEmphasizedVariable { - /// md.sys.typescale.emphasized.headline-medium - static const double headlineMediumFontSize = 28.00; - - /// md.sys.typescale.emphasized.headline-medium - static const double headlineMediumFontWeight = 500; - - /// md.sys.typescale.emphasized.headline-medium - static const double headlineMediumLineHeight = 36.00; - - /// md.sys.typescale.emphasized.headline-medium - static const double headlineMediumLetterSpacing = 0.00; - - /// md.sys.typescale.emphasized.headline-medium - static const String headlineMediumFontFamily = 'Roboto Flex'; - - /// md.sys.typescale.emphasized.display-small - static const double displaySmallFontSize = 36.00; - - /// md.sys.typescale.emphasized.display-small - static const double displaySmallFontWeight = 500; - - /// md.sys.typescale.emphasized.display-small - static const double displaySmallLineHeight = 44.00; - - /// md.sys.typescale.emphasized.display-small - static const double displaySmallLetterSpacing = 0.00; - - /// md.sys.typescale.emphasized.display-small - static const String displaySmallFontFamily = 'Roboto Flex'; - - /// md.sys.typescale.emphasized.headline-small - static const double headlineSmallFontSize = 24.00; - - /// md.sys.typescale.emphasized.headline-small - static const double headlineSmallFontWeight = 500; - - /// md.sys.typescale.emphasized.headline-small - static const double headlineSmallLineHeight = 32.00; - - /// md.sys.typescale.emphasized.headline-small - static const double headlineSmallLetterSpacing = 0.00; - - /// md.sys.typescale.emphasized.headline-small - static const String headlineSmallFontFamily = 'Roboto Flex'; + /// md.sys.typescale.emphasized.body-large + static const String bodyLargeFontFamily = 'Roboto Flex'; /// md.sys.typescale.emphasized.body-large static const double bodyLargeFontSize = 16.00; @@ -56,177 +14,219 @@ class TokenTypescaleEmphasizedVariable { /// md.sys.typescale.emphasized.body-large static const double bodyLargeFontWeight = 500; - /// md.sys.typescale.emphasized.body-large - static const double bodyLargeLineHeight = 24.00; - /// md.sys.typescale.emphasized.body-large static const double bodyLargeLetterSpacing = 0.00; /// md.sys.typescale.emphasized.body-large - static const String bodyLargeFontFamily = 'Roboto Flex'; + static const double bodyLargeLineHeight = 24.00; - /// md.sys.typescale.emphasized.label-medium - static const double labelMediumFontSize = 12.00; + /// md.sys.typescale.emphasized.body-medium + static const String bodyMediumFontFamily = 'Roboto Flex'; - /// md.sys.typescale.emphasized.label-medium - static const double labelMediumFontWeight = 700; + /// md.sys.typescale.emphasized.body-medium + static const double bodyMediumFontSize = 14.00; - /// md.sys.typescale.emphasized.label-medium - static const double labelMediumLineHeight = 16.00; + /// md.sys.typescale.emphasized.body-medium + static const double bodyMediumFontWeight = 500; - /// md.sys.typescale.emphasized.label-medium - static const double labelMediumLetterSpacing = 0.00; + /// md.sys.typescale.emphasized.body-medium + static const double bodyMediumLetterSpacing = 0.00; - /// md.sys.typescale.emphasized.label-medium - static const String labelMediumFontFamily = 'Roboto Flex'; + /// md.sys.typescale.emphasized.body-medium + static const double bodyMediumLineHeight = 20.00; - /// md.sys.typescale.emphasized.headline-large - static const double headlineLargeFontSize = 32.00; + /// md.sys.typescale.emphasized.body-small + static const String bodySmallFontFamily = 'Roboto Flex'; - /// md.sys.typescale.emphasized.headline-large - static const double headlineLargeFontWeight = 500; + /// md.sys.typescale.emphasized.body-small + static const double bodySmallFontSize = 12.00; - /// md.sys.typescale.emphasized.headline-large - static const double headlineLargeLineHeight = 40.00; + /// md.sys.typescale.emphasized.body-small + static const double bodySmallFontWeight = 500; - /// md.sys.typescale.emphasized.headline-large - static const double headlineLargeLetterSpacing = 0.00; + /// md.sys.typescale.emphasized.body-small + static const double bodySmallLetterSpacing = 0.00; - /// md.sys.typescale.emphasized.headline-large - static const String headlineLargeFontFamily = 'Roboto Flex'; + /// md.sys.typescale.emphasized.body-small + static const double bodySmallLineHeight = 16.00; - /// md.sys.typescale.emphasized.title-small - static const double titleSmallFontSize = 14.00; + /// md.sys.typescale.emphasized.display-large + static const String displayLargeFontFamily = 'Roboto Flex'; - /// md.sys.typescale.emphasized.title-small - static const double titleSmallFontWeight = 700; + /// md.sys.typescale.emphasized.display-large + static const double displayLargeFontSize = 57.00; - /// md.sys.typescale.emphasized.title-small - static const double titleSmallLineHeight = 20.00; + /// md.sys.typescale.emphasized.display-large + static const double displayLargeFontWeight = 500; - /// md.sys.typescale.emphasized.title-small - static const double titleSmallLetterSpacing = 0.00; + /// md.sys.typescale.emphasized.display-large + static const double displayLargeLetterSpacing = 0.00; - /// md.sys.typescale.emphasized.title-small - static const String titleSmallFontFamily = 'Roboto Flex'; + /// md.sys.typescale.emphasized.display-large + static const double displayLargeLineHeight = 64.00; - /// md.sys.typescale.emphasized.label-small - static const double labelSmallFontSize = 11.00; + /// md.sys.typescale.emphasized.display-medium + static const String displayMediumFontFamily = 'Roboto Flex'; - /// md.sys.typescale.emphasized.label-small - static const double labelSmallFontWeight = 700; + /// md.sys.typescale.emphasized.display-medium + static const double displayMediumFontSize = 45.00; - /// md.sys.typescale.emphasized.label-small - static const double labelSmallLineHeight = 16.00; + /// md.sys.typescale.emphasized.display-medium + static const double displayMediumFontWeight = 500; - /// md.sys.typescale.emphasized.label-small - static const double labelSmallLetterSpacing = 0.00; + /// md.sys.typescale.emphasized.display-medium + static const double displayMediumLetterSpacing = 0.00; - /// md.sys.typescale.emphasized.label-small - static const String labelSmallFontFamily = 'Roboto Flex'; + /// md.sys.typescale.emphasized.display-medium + static const double displayMediumLineHeight = 52.00; - /// md.sys.typescale.emphasized.display-large - static const double displayLargeFontSize = 57.00; + /// md.sys.typescale.emphasized.display-small + static const String displaySmallFontFamily = 'Roboto Flex'; - /// md.sys.typescale.emphasized.display-large - static const double displayLargeFontWeight = 500; + /// md.sys.typescale.emphasized.display-small + static const double displaySmallFontSize = 36.00; - /// md.sys.typescale.emphasized.display-large - static const double displayLargeLineHeight = 64.00; + /// md.sys.typescale.emphasized.display-small + static const double displaySmallFontWeight = 500; - /// md.sys.typescale.emphasized.display-large - static const double displayLargeLetterSpacing = 0.00; + /// md.sys.typescale.emphasized.display-small + static const double displaySmallLetterSpacing = 0.00; - /// md.sys.typescale.emphasized.display-large - static const String displayLargeFontFamily = 'Roboto Flex'; + /// md.sys.typescale.emphasized.display-small + static const double displaySmallLineHeight = 44.00; - /// md.sys.typescale.emphasized.title-large - static const double titleLargeFontSize = 22.00; + /// md.sys.typescale.emphasized.headline-large + static const String headlineLargeFontFamily = 'Roboto Flex'; - /// md.sys.typescale.emphasized.title-large - static const double titleLargeFontWeight = 500; + /// md.sys.typescale.emphasized.headline-large + static const double headlineLargeFontSize = 32.00; - /// md.sys.typescale.emphasized.title-large - static const double titleLargeLineHeight = 28.00; + /// md.sys.typescale.emphasized.headline-large + static const double headlineLargeFontWeight = 500; - /// md.sys.typescale.emphasized.title-large - static const double titleLargeLetterSpacing = 0.00; + /// md.sys.typescale.emphasized.headline-large + static const double headlineLargeLetterSpacing = 0.00; - /// md.sys.typescale.emphasized.title-large - static const String titleLargeFontFamily = 'Roboto Flex'; + /// md.sys.typescale.emphasized.headline-large + static const double headlineLargeLineHeight = 40.00; - /// md.sys.typescale.emphasized.body-small - static const double bodySmallFontSize = 12.00; + /// md.sys.typescale.emphasized.headline-medium + static const String headlineMediumFontFamily = 'Roboto Flex'; - /// md.sys.typescale.emphasized.body-small - static const double bodySmallFontWeight = 500; + /// md.sys.typescale.emphasized.headline-medium + static const double headlineMediumFontSize = 28.00; - /// md.sys.typescale.emphasized.body-small - static const double bodySmallLineHeight = 16.00; + /// md.sys.typescale.emphasized.headline-medium + static const double headlineMediumFontWeight = 500; - /// md.sys.typescale.emphasized.body-small - static const double bodySmallLetterSpacing = 0.00; + /// md.sys.typescale.emphasized.headline-medium + static const double headlineMediumLetterSpacing = 0.00; - /// md.sys.typescale.emphasized.body-small - static const String bodySmallFontFamily = 'Roboto Flex'; + /// md.sys.typescale.emphasized.headline-medium + static const double headlineMediumLineHeight = 36.00; + + /// md.sys.typescale.emphasized.headline-small + static const String headlineSmallFontFamily = 'Roboto Flex'; + + /// md.sys.typescale.emphasized.headline-small + static const double headlineSmallFontSize = 24.00; + + /// md.sys.typescale.emphasized.headline-small + static const double headlineSmallFontWeight = 500; + + /// md.sys.typescale.emphasized.headline-small + static const double headlineSmallLetterSpacing = 0.00; + + /// md.sys.typescale.emphasized.headline-small + static const double headlineSmallLineHeight = 32.00; /// md.sys.typescale.emphasized.label-large - static const double labelLargeFontSize = 14.00; + static const String labelLargeFontFamily = 'Roboto Flex'; /// md.sys.typescale.emphasized.label-large - static const double labelLargeFontWeight = 700; + static const double labelLargeFontSize = 14.00; /// md.sys.typescale.emphasized.label-large - static const double labelLargeLineHeight = 20.00; + static const double labelLargeFontWeight = 700; /// md.sys.typescale.emphasized.label-large static const double labelLargeLetterSpacing = 0.00; /// md.sys.typescale.emphasized.label-large - static const String labelLargeFontFamily = 'Roboto Flex'; + static const double labelLargeLineHeight = 20.00; - /// md.sys.typescale.emphasized.display-medium - static const double displayMediumFontSize = 45.00; + /// md.sys.typescale.emphasized.label-medium + static const String labelMediumFontFamily = 'Roboto Flex'; - /// md.sys.typescale.emphasized.display-medium - static const double displayMediumFontWeight = 500; + /// md.sys.typescale.emphasized.label-medium + static const double labelMediumFontSize = 12.00; - /// md.sys.typescale.emphasized.display-medium - static const double displayMediumLineHeight = 52.00; + /// md.sys.typescale.emphasized.label-medium + static const double labelMediumFontWeight = 700; - /// md.sys.typescale.emphasized.display-medium - static const double displayMediumLetterSpacing = 0.00; + /// md.sys.typescale.emphasized.label-medium + static const double labelMediumLetterSpacing = 0.00; - /// md.sys.typescale.emphasized.display-medium - static const String displayMediumFontFamily = 'Roboto Flex'; + /// md.sys.typescale.emphasized.label-medium + static const double labelMediumLineHeight = 16.00; - /// md.sys.typescale.emphasized.body-medium - static const double bodyMediumFontSize = 14.00; + /// md.sys.typescale.emphasized.label-small + static const String labelSmallFontFamily = 'Roboto Flex'; - /// md.sys.typescale.emphasized.body-medium - static const double bodyMediumFontWeight = 500; + /// md.sys.typescale.emphasized.label-small + static const double labelSmallFontSize = 11.00; - /// md.sys.typescale.emphasized.body-medium - static const double bodyMediumLineHeight = 20.00; + /// md.sys.typescale.emphasized.label-small + static const double labelSmallFontWeight = 700; - /// md.sys.typescale.emphasized.body-medium - static const double bodyMediumLetterSpacing = 0.00; + /// md.sys.typescale.emphasized.label-small + static const double labelSmallLetterSpacing = 0.00; - /// md.sys.typescale.emphasized.body-medium - static const String bodyMediumFontFamily = 'Roboto Flex'; + /// md.sys.typescale.emphasized.label-small + static const double labelSmallLineHeight = 16.00; + + /// md.sys.typescale.emphasized.title-large + static const String titleLargeFontFamily = 'Roboto Flex'; + + /// md.sys.typescale.emphasized.title-large + static const double titleLargeFontSize = 22.00; + + /// md.sys.typescale.emphasized.title-large + static const double titleLargeFontWeight = 500; + + /// md.sys.typescale.emphasized.title-large + static const double titleLargeLetterSpacing = 0.00; + + /// md.sys.typescale.emphasized.title-large + static const double titleLargeLineHeight = 28.00; /// md.sys.typescale.emphasized.title-medium - static const double titleMediumFontSize = 16.00; + static const String titleMediumFontFamily = 'Roboto Flex'; /// md.sys.typescale.emphasized.title-medium - static const double titleMediumFontWeight = 700; + static const double titleMediumFontSize = 16.00; /// md.sys.typescale.emphasized.title-medium - static const double titleMediumLineHeight = 24.00; + static const double titleMediumFontWeight = 700; /// md.sys.typescale.emphasized.title-medium static const double titleMediumLetterSpacing = 0.00; /// md.sys.typescale.emphasized.title-medium - static const String titleMediumFontFamily = 'Roboto Flex'; + static const double titleMediumLineHeight = 24.00; + + /// md.sys.typescale.emphasized.title-small + static const String titleSmallFontFamily = 'Roboto Flex'; + + /// md.sys.typescale.emphasized.title-small + static const double titleSmallFontSize = 14.00; + + /// md.sys.typescale.emphasized.title-small + static const double titleSmallFontWeight = 700; + + /// md.sys.typescale.emphasized.title-small + static const double titleSmallLetterSpacing = 0.00; + + /// md.sys.typescale.emphasized.title-small + static const double titleSmallLineHeight = 20.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/typescale_variable.dart b/packages/material_ui/tool/gen_defaults/data/typescale_variable.dart index 46c7afe62c93..bfb1f09517d4 100644 --- a/packages/material_ui/tool/gen_defaults/data/typescale_variable.dart +++ b/packages/material_ui/tool/gen_defaults/data/typescale_variable.dart @@ -5,113 +5,101 @@ // Version: 36.0.6 class TokenTypescaleVariable { - /// md.sys.typescale.variable.label-small.font - static const String labelSmallFont = 'Roboto Flex'; + /// md.sys.typescale.variable.body-large.font + static const String bodyLargeFont = 'Roboto Flex'; - /// md.sys.typescale.variable.body-small - static const double bodySmallFontSize = 12.00; + /// md.sys.typescale.variable.body-large + static const String bodyLargeFontFamily = 'Roboto Flex'; - /// md.sys.typescale.variable.body-small - static const double bodySmallFontWeight = 400; + /// md.sys.typescale.variable.body-large + static const double bodyLargeFontSize = 16.00; - /// md.sys.typescale.variable.body-small - static const double bodySmallLineHeight = 16.00; + /// md.sys.typescale.variable.body-large + static const double bodyLargeFontWeight = 400; - /// md.sys.typescale.variable.body-small - static const double bodySmallLetterSpacing = 0.00; + /// md.sys.typescale.variable.body-large + static const double bodyLargeLetterSpacing = 0.00; - /// md.sys.typescale.variable.body-small - static const String bodySmallFontFamily = 'Roboto Flex'; + /// md.sys.typescale.variable.body-large + static const double bodyLargeLineHeight = 24.00; - /// md.sys.typescale.variable.headline-medium.font - static const String headlineMediumFont = 'Roboto Flex'; + /// md.sys.typescale.variable.body-medium.font + static const String bodyMediumFont = 'Roboto Flex'; + + /// md.sys.typescale.variable.body-medium + static const String bodyMediumFontFamily = 'Roboto Flex'; + + /// md.sys.typescale.variable.body-medium + static const double bodyMediumFontSize = 14.00; + + /// md.sys.typescale.variable.body-medium + static const double bodyMediumFontWeight = 400; + + /// md.sys.typescale.variable.body-medium + static const double bodyMediumLetterSpacing = 0.00; + + /// md.sys.typescale.variable.body-medium + static const double bodyMediumLineHeight = 20.00; /// md.sys.typescale.variable.body-small.font static const String bodySmallFont = 'Roboto Flex'; - /// md.sys.typescale.variable.headline-small - static const double headlineSmallFontSize = 24.00; + /// md.sys.typescale.variable.body-small + static const String bodySmallFontFamily = 'Roboto Flex'; - /// md.sys.typescale.variable.headline-small - static const double headlineSmallFontWeight = 400; + /// md.sys.typescale.variable.body-small + static const double bodySmallFontSize = 12.00; - /// md.sys.typescale.variable.headline-small - static const double headlineSmallLineHeight = 32.00; + /// md.sys.typescale.variable.body-small + static const double bodySmallFontWeight = 400; - /// md.sys.typescale.variable.headline-small - static const double headlineSmallLetterSpacing = 0.00; + /// md.sys.typescale.variable.body-small + static const double bodySmallLetterSpacing = 0.00; - /// md.sys.typescale.variable.headline-small - static const String headlineSmallFontFamily = 'Roboto Flex'; + /// md.sys.typescale.variable.body-small + static const double bodySmallLineHeight = 16.00; - /// md.sys.typescale.variable.title-large - static const double titleLargeFontSize = 22.00; + /// md.sys.typescale.variable.display-large.font + static const String displayLargeFont = 'Roboto Flex'; - /// md.sys.typescale.variable.title-large - static const double titleLargeFontWeight = 400; + /// md.sys.typescale.variable.display-large + static const String displayLargeFontFamily = 'Roboto Flex'; - /// md.sys.typescale.variable.title-large - static const double titleLargeLineHeight = 28.00; + /// md.sys.typescale.variable.display-large + static const double displayLargeFontSize = 57.00; - /// md.sys.typescale.variable.title-large - static const double titleLargeLetterSpacing = 0.00; + /// md.sys.typescale.variable.display-large + static const double displayLargeFontWeight = 400; - /// md.sys.typescale.variable.title-large - static const String titleLargeFontFamily = 'Roboto Flex'; + /// md.sys.typescale.variable.display-large + static const double displayLargeLetterSpacing = 0.00; + + /// md.sys.typescale.variable.display-large + static const double displayLargeLineHeight = 64.00; + + /// md.sys.typescale.variable.display-medium.font + static const String displayMediumFont = 'Roboto Flex'; /// md.sys.typescale.variable.display-medium - static const double displayMediumFontSize = 45.00; + static const String displayMediumFontFamily = 'Roboto Flex'; /// md.sys.typescale.variable.display-medium - static const double displayMediumFontWeight = 400; + static const double displayMediumFontSize = 45.00; /// md.sys.typescale.variable.display-medium - static const double displayMediumLineHeight = 52.00; + static const double displayMediumFontWeight = 400; /// md.sys.typescale.variable.display-medium static const double displayMediumLetterSpacing = 0.00; /// md.sys.typescale.variable.display-medium - static const String displayMediumFontFamily = 'Roboto Flex'; - - /// md.sys.typescale.variable.title-small - static const double titleSmallFontSize = 14.00; - - /// md.sys.typescale.variable.title-small - static const double titleSmallFontWeight = 500; - - /// md.sys.typescale.variable.title-small - static const double titleSmallLineHeight = 20.00; - - /// md.sys.typescale.variable.title-small - static const double titleSmallLetterSpacing = 0.00; - - /// md.sys.typescale.variable.title-small - static const String titleSmallFontFamily = 'Roboto Flex'; - - /// md.sys.typescale.variable.title-medium - static const double titleMediumFontSize = 16.00; - - /// md.sys.typescale.variable.title-medium - static const double titleMediumFontWeight = 500; - - /// md.sys.typescale.variable.title-medium - static const double titleMediumLineHeight = 24.00; - - /// md.sys.typescale.variable.title-medium - static const double titleMediumLetterSpacing = 0.00; - - /// md.sys.typescale.variable.title-medium - static const String titleMediumFontFamily = 'Roboto Flex'; - - /// md.sys.typescale.variable.body-medium.font - static const String bodyMediumFont = 'Roboto Flex'; + static const double displayMediumLineHeight = 52.00; - /// md.sys.typescale.variable.title-large.font - static const String titleLargeFont = 'Roboto Flex'; + /// md.sys.typescale.variable.display-small.font + static const String displaySmallFont = 'Roboto Flex'; - /// md.sys.typescale.variable.title-medium.font - static const String titleMediumFont = 'Roboto Flex'; + /// md.sys.typescale.variable.display-small + static const String displaySmallFontFamily = 'Roboto Flex'; /// md.sys.typescale.variable.display-small static const double displaySmallFontSize = 36.00; @@ -119,107 +107,89 @@ class TokenTypescaleVariable { /// md.sys.typescale.variable.display-small static const double displaySmallFontWeight = 400; - /// md.sys.typescale.variable.display-small - static const double displaySmallLineHeight = 44.00; - /// md.sys.typescale.variable.display-small static const double displaySmallLetterSpacing = 0.00; /// md.sys.typescale.variable.display-small - static const String displaySmallFontFamily = 'Roboto Flex'; - - /// md.sys.typescale.variable.display-medium.font - static const String displayMediumFont = 'Roboto Flex'; + static const double displaySmallLineHeight = 44.00; /// md.sys.typescale.variable.headline-large.font static const String headlineLargeFont = 'Roboto Flex'; - /// md.sys.typescale.variable.label-small - static const double labelSmallFontSize = 11.00; + /// md.sys.typescale.variable.headline-large + static const String headlineLargeFontFamily = 'Roboto Flex'; - /// md.sys.typescale.variable.label-small - static const double labelSmallFontWeight = 500; + /// md.sys.typescale.variable.headline-large + static const double headlineLargeFontSize = 32.00; - /// md.sys.typescale.variable.label-small - static const double labelSmallLineHeight = 16.00; + /// md.sys.typescale.variable.headline-large + static const double headlineLargeFontWeight = 400; - /// md.sys.typescale.variable.label-small - static const double labelSmallLetterSpacing = 0.00; + /// md.sys.typescale.variable.headline-large + static const double headlineLargeLetterSpacing = 0.00; - /// md.sys.typescale.variable.label-small - static const String labelSmallFontFamily = 'Roboto Flex'; + /// md.sys.typescale.variable.headline-large + static const double headlineLargeLineHeight = 40.00; + + /// md.sys.typescale.variable.headline-medium.font + static const String headlineMediumFont = 'Roboto Flex'; /// md.sys.typescale.variable.headline-medium - static const double headlineMediumFontSize = 28.00; + static const String headlineMediumFontFamily = 'Roboto Flex'; /// md.sys.typescale.variable.headline-medium - static const double headlineMediumFontWeight = 400; + static const double headlineMediumFontSize = 28.00; /// md.sys.typescale.variable.headline-medium - static const double headlineMediumLineHeight = 36.00; + static const double headlineMediumFontWeight = 400; /// md.sys.typescale.variable.headline-medium static const double headlineMediumLetterSpacing = 0.00; /// md.sys.typescale.variable.headline-medium - static const String headlineMediumFontFamily = 'Roboto Flex'; + static const double headlineMediumLineHeight = 36.00; - /// md.sys.typescale.variable.display-large.font - static const String displayLargeFont = 'Roboto Flex'; + /// md.sys.typescale.variable.headline-small.font + static const String headlineSmallFont = 'Roboto Flex'; - /// md.sys.typescale.variable.label-large.font - static const String labelLargeFont = 'Roboto Flex'; + /// md.sys.typescale.variable.headline-small + static const String headlineSmallFontFamily = 'Roboto Flex'; - /// md.sys.typescale.variable.display-large - static const double displayLargeFontSize = 57.00; + /// md.sys.typescale.variable.headline-small + static const double headlineSmallFontSize = 24.00; - /// md.sys.typescale.variable.display-large - static const double displayLargeFontWeight = 400; + /// md.sys.typescale.variable.headline-small + static const double headlineSmallFontWeight = 400; - /// md.sys.typescale.variable.display-large - static const double displayLargeLineHeight = 64.00; + /// md.sys.typescale.variable.headline-small + static const double headlineSmallLetterSpacing = 0.00; - /// md.sys.typescale.variable.display-large - static const double displayLargeLetterSpacing = 0.00; + /// md.sys.typescale.variable.headline-small + static const double headlineSmallLineHeight = 32.00; - /// md.sys.typescale.variable.display-large - static const String displayLargeFontFamily = 'Roboto Flex'; + /// md.sys.typescale.variable.label-large.font + static const String labelLargeFont = 'Roboto Flex'; /// md.sys.typescale.variable.label-large - static const double labelLargeFontSize = 14.00; + static const String labelLargeFontFamily = 'Roboto Flex'; /// md.sys.typescale.variable.label-large - static const double labelLargeFontWeight = 500; + static const double labelLargeFontSize = 14.00; /// md.sys.typescale.variable.label-large - static const double labelLargeLineHeight = 20.00; + static const double labelLargeFontWeight = 500; /// md.sys.typescale.variable.label-large static const double labelLargeLetterSpacing = 0.00; /// md.sys.typescale.variable.label-large - static const String labelLargeFontFamily = 'Roboto Flex'; - - /// md.sys.typescale.variable.headline-large - static const double headlineLargeFontSize = 32.00; - - /// md.sys.typescale.variable.headline-large - static const double headlineLargeFontWeight = 400; - - /// md.sys.typescale.variable.headline-large - static const double headlineLargeLineHeight = 40.00; - - /// md.sys.typescale.variable.headline-large - static const double headlineLargeLetterSpacing = 0.00; - - /// md.sys.typescale.variable.headline-large - static const String headlineLargeFontFamily = 'Roboto Flex'; + static const double labelLargeLineHeight = 20.00; /// md.sys.typescale.variable.label-medium.font static const String labelMediumFont = 'Roboto Flex'; - /// md.sys.typescale.variable.display-small.font - static const String displaySmallFont = 'Roboto Flex'; + /// md.sys.typescale.variable.label-medium + static const String labelMediumFontFamily = 'Roboto Flex'; /// md.sys.typescale.variable.label-medium static const double labelMediumFontSize = 12.00; @@ -227,51 +197,81 @@ class TokenTypescaleVariable { /// md.sys.typescale.variable.label-medium static const double labelMediumFontWeight = 500; - /// md.sys.typescale.variable.label-medium - static const double labelMediumLineHeight = 16.00; - /// md.sys.typescale.variable.label-medium static const double labelMediumLetterSpacing = 0.00; /// md.sys.typescale.variable.label-medium - static const String labelMediumFontFamily = 'Roboto Flex'; + static const double labelMediumLineHeight = 16.00; - /// md.sys.typescale.variable.headline-small.font - static const String headlineSmallFont = 'Roboto Flex'; + /// md.sys.typescale.variable.label-small.font + static const String labelSmallFont = 'Roboto Flex'; - /// md.sys.typescale.variable.body-large - static const double bodyLargeFontSize = 16.00; + /// md.sys.typescale.variable.label-small + static const String labelSmallFontFamily = 'Roboto Flex'; - /// md.sys.typescale.variable.body-large - static const double bodyLargeFontWeight = 400; + /// md.sys.typescale.variable.label-small + static const double labelSmallFontSize = 11.00; - /// md.sys.typescale.variable.body-large - static const double bodyLargeLineHeight = 24.00; + /// md.sys.typescale.variable.label-small + static const double labelSmallFontWeight = 500; - /// md.sys.typescale.variable.body-large - static const double bodyLargeLetterSpacing = 0.00; + /// md.sys.typescale.variable.label-small + static const double labelSmallLetterSpacing = 0.00; - /// md.sys.typescale.variable.body-large - static const String bodyLargeFontFamily = 'Roboto Flex'; + /// md.sys.typescale.variable.label-small + static const double labelSmallLineHeight = 16.00; - /// md.sys.typescale.variable.body-medium - static const double bodyMediumFontSize = 14.00; + /// md.sys.typescale.variable.title-large.font + static const String titleLargeFont = 'Roboto Flex'; - /// md.sys.typescale.variable.body-medium - static const double bodyMediumFontWeight = 400; + /// md.sys.typescale.variable.title-large + static const String titleLargeFontFamily = 'Roboto Flex'; - /// md.sys.typescale.variable.body-medium - static const double bodyMediumLineHeight = 20.00; + /// md.sys.typescale.variable.title-large + static const double titleLargeFontSize = 22.00; - /// md.sys.typescale.variable.body-medium - static const double bodyMediumLetterSpacing = 0.00; + /// md.sys.typescale.variable.title-large + static const double titleLargeFontWeight = 400; - /// md.sys.typescale.variable.body-medium - static const String bodyMediumFontFamily = 'Roboto Flex'; + /// md.sys.typescale.variable.title-large + static const double titleLargeLetterSpacing = 0.00; + + /// md.sys.typescale.variable.title-large + static const double titleLargeLineHeight = 28.00; + + /// md.sys.typescale.variable.title-medium.font + static const String titleMediumFont = 'Roboto Flex'; + + /// md.sys.typescale.variable.title-medium + static const String titleMediumFontFamily = 'Roboto Flex'; + + /// md.sys.typescale.variable.title-medium + static const double titleMediumFontSize = 16.00; + + /// md.sys.typescale.variable.title-medium + static const double titleMediumFontWeight = 500; + + /// md.sys.typescale.variable.title-medium + static const double titleMediumLetterSpacing = 0.00; + + /// md.sys.typescale.variable.title-medium + static const double titleMediumLineHeight = 24.00; /// md.sys.typescale.variable.title-small.font static const String titleSmallFont = 'Roboto Flex'; - /// md.sys.typescale.variable.body-large.font - static const String bodyLargeFont = 'Roboto Flex'; + /// md.sys.typescale.variable.title-small + static const String titleSmallFontFamily = 'Roboto Flex'; + + /// md.sys.typescale.variable.title-small + static const double titleSmallFontSize = 14.00; + + /// md.sys.typescale.variable.title-small + static const double titleSmallFontWeight = 500; + + /// md.sys.typescale.variable.title-small + static const double titleSmallLetterSpacing = 0.00; + + /// md.sys.typescale.variable.title-small + static const double titleSmallLineHeight = 20.00; } diff --git a/packages/material_ui/tool/gen_defaults/data/typescale_variable_emphasized.dart b/packages/material_ui/tool/gen_defaults/data/typescale_variable_emphasized.dart index a1cb75244b88..644166ac9a50 100644 --- a/packages/material_ui/tool/gen_defaults/data/typescale_variable_emphasized.dart +++ b/packages/material_ui/tool/gen_defaults/data/typescale_variable_emphasized.dart @@ -5,134 +5,155 @@ // Version: 36.0.6 class TokenTypescaleVariableEmphasized { - /// md.sys.typescale.variable.emphasized.title-medium - static const double titleMediumFontSize = 16.00; + /// md.sys.typescale.variable.emphasized.body-large.font + static const String bodyLargeFont = 'Roboto Flex'; - /// md.sys.typescale.variable.emphasized.title-medium - static const double titleMediumFontWeight = 600; + /// md.sys.typescale.variable.emphasized.body-large + static const String bodyLargeFontFamily = 'Roboto Flex'; - /// md.sys.typescale.variable.emphasized.title-medium - static const double titleMediumLineHeight = 24.00; + /// md.sys.typescale.variable.emphasized.body-large + static const double bodyLargeFontSize = 16.00; - /// md.sys.typescale.variable.emphasized.title-medium - static const double titleMediumLetterSpacing = 0.00; + /// md.sys.typescale.variable.emphasized.body-large + static const double bodyLargeFontWeight = 500; - /// md.sys.typescale.variable.emphasized.title-medium - static const String titleMediumFontFamily = 'Roboto Flex'; + /// md.sys.typescale.variable.emphasized.body-large + static const double bodyLargeLetterSpacing = 0.00; - /// md.sys.typescale.variable.emphasized.title-medium.font - static const String titleMediumFont = 'Roboto Flex'; + /// md.sys.typescale.variable.emphasized.body-large + static const double bodyLargeLineHeight = 24.00; - /// md.sys.typescale.variable.emphasized.display-medium - static const double displayMediumFontSize = 45.00; + /// md.sys.typescale.variable.emphasized.body-medium.font + static const String bodyMediumFont = 'Roboto Flex'; - /// md.sys.typescale.variable.emphasized.display-medium - static const double displayMediumFontWeight = 500; + /// md.sys.typescale.variable.emphasized.body-medium + static const String bodyMediumFontFamily = 'Roboto Flex'; - /// md.sys.typescale.variable.emphasized.display-medium - static const double displayMediumLineHeight = 52.00; + /// md.sys.typescale.variable.emphasized.body-medium + static const double bodyMediumFontSize = 14.00; - /// md.sys.typescale.variable.emphasized.display-medium - static const double displayMediumLetterSpacing = 0.00; + /// md.sys.typescale.variable.emphasized.body-medium + static const double bodyMediumFontWeight = 500; - /// md.sys.typescale.variable.emphasized.display-medium - static const String displayMediumFontFamily = 'Roboto Flex'; + /// md.sys.typescale.variable.emphasized.body-medium + static const double bodyMediumLetterSpacing = 0.00; + + /// md.sys.typescale.variable.emphasized.body-medium + static const double bodyMediumLineHeight = 20.00; + + /// md.sys.typescale.variable.emphasized.body-small.font + static const String bodySmallFont = 'Roboto Flex'; + + /// md.sys.typescale.variable.emphasized.body-small + static const String bodySmallFontFamily = 'Roboto Flex'; + + /// md.sys.typescale.variable.emphasized.body-small + static const double bodySmallFontSize = 12.00; + + /// md.sys.typescale.variable.emphasized.body-small + static const double bodySmallFontWeight = 500; + + /// md.sys.typescale.variable.emphasized.body-small + static const double bodySmallLetterSpacing = 0.00; + + /// md.sys.typescale.variable.emphasized.body-small + static const double bodySmallLineHeight = 16.00; + + /// md.sys.typescale.variable.emphasized.display-large.font + static const String displayLargeFont = 'Roboto Flex'; /// md.sys.typescale.variable.emphasized.display-large - static const double displayLargeFontSize = 57.00; + static const String displayLargeFontFamily = 'Roboto Flex'; /// md.sys.typescale.variable.emphasized.display-large - static const double displayLargeFontWeight = 500; + static const double displayLargeFontSize = 57.00; /// md.sys.typescale.variable.emphasized.display-large - static const double displayLargeLineHeight = 64.00; + static const double displayLargeFontWeight = 500; /// md.sys.typescale.variable.emphasized.display-large static const double displayLargeLetterSpacing = 0.00; /// md.sys.typescale.variable.emphasized.display-large - static const String displayLargeFontFamily = 'Roboto Flex'; - - /// md.sys.typescale.variable.emphasized.headline-large.font - static const String headlineLargeFont = 'Roboto Flex'; + static const double displayLargeLineHeight = 64.00; - /// md.sys.typescale.variable.emphasized.body-large.font - static const String bodyLargeFont = 'Roboto Flex'; + /// md.sys.typescale.variable.emphasized.display-medium.font + static const String displayMediumFont = 'Roboto Flex'; - /// md.sys.typescale.variable.emphasized.title-small.font - static const String titleSmallFont = 'Roboto Flex'; + /// md.sys.typescale.variable.emphasized.display-medium + static const String displayMediumFontFamily = 'Roboto Flex'; - /// md.sys.typescale.variable.emphasized.headline-large - static const double headlineLargeFontSize = 32.00; + /// md.sys.typescale.variable.emphasized.display-medium + static const double displayMediumFontSize = 45.00; - /// md.sys.typescale.variable.emphasized.headline-large - static const double headlineLargeFontWeight = 500; + /// md.sys.typescale.variable.emphasized.display-medium + static const double displayMediumFontWeight = 500; - /// md.sys.typescale.variable.emphasized.headline-large - static const double headlineLargeLineHeight = 40.00; + /// md.sys.typescale.variable.emphasized.display-medium + static const double displayMediumLetterSpacing = 0.00; - /// md.sys.typescale.variable.emphasized.headline-large - static const double headlineLargeLetterSpacing = 0.00; + /// md.sys.typescale.variable.emphasized.display-medium + static const double displayMediumLineHeight = 52.00; - /// md.sys.typescale.variable.emphasized.headline-large - static const String headlineLargeFontFamily = 'Roboto Flex'; + /// md.sys.typescale.variable.emphasized.display-small.font + static const String displaySmallFont = 'Roboto Flex'; - /// md.sys.typescale.variable.emphasized.label-small - static const double labelSmallFontSize = 11.00; + /// md.sys.typescale.variable.emphasized.display-small + static const String displaySmallFontFamily = 'Roboto Flex'; - /// md.sys.typescale.variable.emphasized.label-small - static const double labelSmallFontWeight = 600; + /// md.sys.typescale.variable.emphasized.display-small + static const double displaySmallFontSize = 36.00; - /// md.sys.typescale.variable.emphasized.label-small - static const double labelSmallLineHeight = 16.00; + /// md.sys.typescale.variable.emphasized.display-small + static const double displaySmallFontWeight = 500; - /// md.sys.typescale.variable.emphasized.label-small - static const double labelSmallLetterSpacing = 0.00; + /// md.sys.typescale.variable.emphasized.display-small + static const double displaySmallLetterSpacing = 0.00; - /// md.sys.typescale.variable.emphasized.label-small - static const String labelSmallFontFamily = 'Roboto Flex'; + /// md.sys.typescale.variable.emphasized.display-small + static const double displaySmallLineHeight = 44.00; - /// md.sys.typescale.variable.emphasized.title-small - static const double titleSmallFontSize = 14.00; + /// md.sys.typescale.variable.emphasized.headline-large.font + static const String headlineLargeFont = 'Roboto Flex'; - /// md.sys.typescale.variable.emphasized.title-small - static const double titleSmallFontWeight = 600; + /// md.sys.typescale.variable.emphasized.headline-large + static const String headlineLargeFontFamily = 'Roboto Flex'; - /// md.sys.typescale.variable.emphasized.title-small - static const double titleSmallLineHeight = 20.00; + /// md.sys.typescale.variable.emphasized.headline-large + static const double headlineLargeFontSize = 32.00; - /// md.sys.typescale.variable.emphasized.title-small - static const double titleSmallLetterSpacing = 0.00; + /// md.sys.typescale.variable.emphasized.headline-large + static const double headlineLargeFontWeight = 500; - /// md.sys.typescale.variable.emphasized.title-small - static const String titleSmallFontFamily = 'Roboto Flex'; + /// md.sys.typescale.variable.emphasized.headline-large + static const double headlineLargeLetterSpacing = 0.00; - /// md.sys.typescale.variable.emphasized.body-small - static const double bodySmallFontSize = 12.00; + /// md.sys.typescale.variable.emphasized.headline-large + static const double headlineLargeLineHeight = 40.00; - /// md.sys.typescale.variable.emphasized.body-small - static const double bodySmallFontWeight = 500; + /// md.sys.typescale.variable.emphasized.headline-medium.font + static const String headlineMediumFont = 'Roboto Flex'; - /// md.sys.typescale.variable.emphasized.body-small - static const double bodySmallLineHeight = 16.00; + /// md.sys.typescale.variable.emphasized.headline-medium + static const String headlineMediumFontFamily = 'Roboto Flex'; - /// md.sys.typescale.variable.emphasized.body-small - static const double bodySmallLetterSpacing = 0.00; + /// md.sys.typescale.variable.emphasized.headline-medium + static const double headlineMediumFontSize = 28.00; - /// md.sys.typescale.variable.emphasized.body-small - static const String bodySmallFontFamily = 'Roboto Flex'; + /// md.sys.typescale.variable.emphasized.headline-medium + static const double headlineMediumFontWeight = 500; - /// md.sys.typescale.variable.emphasized.display-medium.font - static const String displayMediumFont = 'Roboto Flex'; + /// md.sys.typescale.variable.emphasized.headline-medium + static const double headlineMediumLetterSpacing = 0.00; - /// md.sys.typescale.variable.emphasized.label-medium.font - static const String labelMediumFont = 'Roboto Flex'; + /// md.sys.typescale.variable.emphasized.headline-medium + static const double headlineMediumLineHeight = 36.00; - /// md.sys.typescale.variable.emphasized.display-large.font - static const String displayLargeFont = 'Roboto Flex'; + /// md.sys.typescale.variable.emphasized.headline-small.font + static const String headlineSmallFont = 'Roboto Flex'; - /// md.sys.typescale.variable.emphasized.body-medium.font - static const String bodyMediumFont = 'Roboto Flex'; + /// md.sys.typescale.variable.emphasized.headline-small + static const String headlineSmallFontFamily = 'Roboto Flex'; /// md.sys.typescale.variable.emphasized.headline-small static const double headlineSmallFontSize = 24.00; @@ -140,56 +161,17 @@ class TokenTypescaleVariableEmphasized { /// md.sys.typescale.variable.emphasized.headline-small static const double headlineSmallFontWeight = 500; - /// md.sys.typescale.variable.emphasized.headline-small - static const double headlineSmallLineHeight = 32.00; - /// md.sys.typescale.variable.emphasized.headline-small static const double headlineSmallLetterSpacing = 0.00; /// md.sys.typescale.variable.emphasized.headline-small - static const String headlineSmallFontFamily = 'Roboto Flex'; - - /// md.sys.typescale.variable.emphasized.display-small.font - static const String displaySmallFont = 'Roboto Flex'; - - /// md.sys.typescale.variable.emphasized.body-medium - static const double bodyMediumFontSize = 14.00; - - /// md.sys.typescale.variable.emphasized.body-medium - static const double bodyMediumFontWeight = 500; - - /// md.sys.typescale.variable.emphasized.body-medium - static const double bodyMediumLineHeight = 20.00; - - /// md.sys.typescale.variable.emphasized.body-medium - static const double bodyMediumLetterSpacing = 0.00; - - /// md.sys.typescale.variable.emphasized.body-medium - static const String bodyMediumFontFamily = 'Roboto Flex'; + static const double headlineSmallLineHeight = 32.00; /// md.sys.typescale.variable.emphasized.label-large.font static const String labelLargeFont = 'Roboto Flex'; - /// md.sys.typescale.variable.emphasized.title-large.font - static const String titleLargeFont = 'Roboto Flex'; - - /// md.sys.typescale.variable.emphasized.display-small - static const double displaySmallFontSize = 36.00; - - /// md.sys.typescale.variable.emphasized.display-small - static const double displaySmallFontWeight = 500; - - /// md.sys.typescale.variable.emphasized.display-small - static const double displaySmallLineHeight = 44.00; - - /// md.sys.typescale.variable.emphasized.display-small - static const double displaySmallLetterSpacing = 0.00; - - /// md.sys.typescale.variable.emphasized.display-small - static const String displaySmallFontFamily = 'Roboto Flex'; - - /// md.sys.typescale.variable.emphasized.headline-small.font - static const String headlineSmallFont = 'Roboto Flex'; + /// md.sys.typescale.variable.emphasized.label-large + static const String labelLargeFontFamily = 'Roboto Flex'; /// md.sys.typescale.variable.emphasized.label-large static const double labelLargeFontSize = 14.00; @@ -197,32 +179,17 @@ class TokenTypescaleVariableEmphasized { /// md.sys.typescale.variable.emphasized.label-large static const double labelLargeFontWeight = 600; - /// md.sys.typescale.variable.emphasized.label-large - static const double labelLargeLineHeight = 20.00; - /// md.sys.typescale.variable.emphasized.label-large static const double labelLargeLetterSpacing = 0.00; /// md.sys.typescale.variable.emphasized.label-large - static const String labelLargeFontFamily = 'Roboto Flex'; - - /// md.sys.typescale.variable.emphasized.body-large - static const double bodyLargeFontSize = 16.00; - - /// md.sys.typescale.variable.emphasized.body-large - static const double bodyLargeFontWeight = 500; - - /// md.sys.typescale.variable.emphasized.body-large - static const double bodyLargeLineHeight = 24.00; - - /// md.sys.typescale.variable.emphasized.body-large - static const double bodyLargeLetterSpacing = 0.00; + static const double labelLargeLineHeight = 20.00; - /// md.sys.typescale.variable.emphasized.body-large - static const String bodyLargeFontFamily = 'Roboto Flex'; + /// md.sys.typescale.variable.emphasized.label-medium.font + static const String labelMediumFont = 'Roboto Flex'; - /// md.sys.typescale.variable.emphasized.headline-medium.font - static const String headlineMediumFont = 'Roboto Flex'; + /// md.sys.typescale.variable.emphasized.label-medium + static const String labelMediumFontFamily = 'Roboto Flex'; /// md.sys.typescale.variable.emphasized.label-medium static const double labelMediumFontSize = 12.00; @@ -230,48 +197,81 @@ class TokenTypescaleVariableEmphasized { /// md.sys.typescale.variable.emphasized.label-medium static const double labelMediumFontWeight = 600; - /// md.sys.typescale.variable.emphasized.label-medium - static const double labelMediumLineHeight = 16.00; - /// md.sys.typescale.variable.emphasized.label-medium static const double labelMediumLetterSpacing = 0.00; /// md.sys.typescale.variable.emphasized.label-medium - static const String labelMediumFontFamily = 'Roboto Flex'; + static const double labelMediumLineHeight = 16.00; - /// md.sys.typescale.variable.emphasized.headline-medium - static const double headlineMediumFontSize = 28.00; + /// md.sys.typescale.variable.emphasized.label-small.font + static const String labelSmallFont = 'Roboto Flex'; - /// md.sys.typescale.variable.emphasized.headline-medium - static const double headlineMediumFontWeight = 500; + /// md.sys.typescale.variable.emphasized.label-small + static const String labelSmallFontFamily = 'Roboto Flex'; - /// md.sys.typescale.variable.emphasized.headline-medium - static const double headlineMediumLineHeight = 36.00; + /// md.sys.typescale.variable.emphasized.label-small + static const double labelSmallFontSize = 11.00; - /// md.sys.typescale.variable.emphasized.headline-medium - static const double headlineMediumLetterSpacing = 0.00; + /// md.sys.typescale.variable.emphasized.label-small + static const double labelSmallFontWeight = 600; - /// md.sys.typescale.variable.emphasized.headline-medium - static const String headlineMediumFontFamily = 'Roboto Flex'; + /// md.sys.typescale.variable.emphasized.label-small + static const double labelSmallLetterSpacing = 0.00; - /// md.sys.typescale.variable.emphasized.label-small.font - static const String labelSmallFont = 'Roboto Flex'; + /// md.sys.typescale.variable.emphasized.label-small + static const double labelSmallLineHeight = 16.00; + + /// md.sys.typescale.variable.emphasized.title-large.font + static const String titleLargeFont = 'Roboto Flex'; /// md.sys.typescale.variable.emphasized.title-large - static const double titleLargeFontSize = 22.00; + static const String titleLargeFontFamily = 'Roboto Flex'; /// md.sys.typescale.variable.emphasized.title-large - static const double titleLargeFontWeight = 500; + static const double titleLargeFontSize = 22.00; /// md.sys.typescale.variable.emphasized.title-large - static const double titleLargeLineHeight = 28.00; + static const double titleLargeFontWeight = 500; /// md.sys.typescale.variable.emphasized.title-large static const double titleLargeLetterSpacing = 0.00; /// md.sys.typescale.variable.emphasized.title-large - static const String titleLargeFontFamily = 'Roboto Flex'; + static const double titleLargeLineHeight = 28.00; - /// md.sys.typescale.variable.emphasized.body-small.font - static const String bodySmallFont = 'Roboto Flex'; + /// md.sys.typescale.variable.emphasized.title-medium.font + static const String titleMediumFont = 'Roboto Flex'; + + /// md.sys.typescale.variable.emphasized.title-medium + static const String titleMediumFontFamily = 'Roboto Flex'; + + /// md.sys.typescale.variable.emphasized.title-medium + static const double titleMediumFontSize = 16.00; + + /// md.sys.typescale.variable.emphasized.title-medium + static const double titleMediumFontWeight = 600; + + /// md.sys.typescale.variable.emphasized.title-medium + static const double titleMediumLetterSpacing = 0.00; + + /// md.sys.typescale.variable.emphasized.title-medium + static const double titleMediumLineHeight = 24.00; + + /// md.sys.typescale.variable.emphasized.title-small.font + static const String titleSmallFont = 'Roboto Flex'; + + /// md.sys.typescale.variable.emphasized.title-small + static const String titleSmallFontFamily = 'Roboto Flex'; + + /// md.sys.typescale.variable.emphasized.title-small + static const double titleSmallFontSize = 14.00; + + /// md.sys.typescale.variable.emphasized.title-small + static const double titleSmallFontWeight = 600; + + /// md.sys.typescale.variable.emphasized.title-small + static const double titleSmallLetterSpacing = 0.00; + + /// md.sys.typescale.variable.emphasized.title-small + static const double titleSmallLineHeight = 20.00; } From d81fd032723a23e6483bd14eea63639ecdfdd1ed Mon Sep 17 00:00:00 2001 From: Flutter Material Tokens Copybara Bot Date: Thu, 9 Jul 2026 19:17:43 +0000 Subject: [PATCH 2/2] Project import generated by Copybara. FolderOrigin-RevId: /google/src/cloud/elliottbrooks/flutter-mwtc-combine-tokens/google3/javascript/materialdesign/tokens/compiler/formats/flutter/staging_output --- .../tool/gen_defaults/data/app_bar.dart | 17 +- .../tool/gen_defaults/data/app_bar_large.dart | 24 +- .../data/app_bar_large_flexible.dart | 44 +- .../gen_defaults/data/app_bar_medium.dart | 24 +- .../data/app_bar_medium_flexible.dart | 44 +- .../tool/gen_defaults/data/app_bar_small.dart | 63 +-- .../tool/gen_defaults/data/assist_chip.dart | 41 +- .../tool/gen_defaults/data/badge.dart | 26 +- .../tool/gen_defaults/data/banner.dart | 32 +- .../tool/gen_defaults/data/banners.dart | 20 +- .../tool/gen_defaults/data/banners_basic.dart | 23 +- .../tool/gen_defaults/data/banners_rich.dart | 43 +- .../gen_defaults/data/bottom_app_bar.dart | 2 +- .../tool/gen_defaults/data/button.dart | 108 +++-- .../gen_defaults/data/button_elevated.dart | 62 ++- .../tool/gen_defaults/data/button_filled.dart | 65 ++- .../data/button_group_connected_large.dart | 2 +- .../data/button_group_connected_medium.dart | 2 +- .../data/button_group_connected_small.dart | 2 +- .../data/button_group_connected_xlarge.dart | 2 +- .../data/button_group_connected_xsmall.dart | 2 +- .../data/button_group_standard_large.dart | 2 +- .../data/button_group_standard_medium.dart | 2 +- .../data/button_group_standard_small.dart | 2 +- .../data/button_group_standard_xlarge.dart | 2 +- .../data/button_group_standard_xsmall.dart | 2 +- .../tool/gen_defaults/data/button_large.dart | 23 +- .../tool/gen_defaults/data/button_medium.dart | 23 +- .../gen_defaults/data/button_outlined.dart | 125 +++-- .../tool/gen_defaults/data/button_small.dart | 23 +- .../tool/gen_defaults/data/button_text.dart | 2 +- .../tool/gen_defaults/data/button_tonal.dart | 92 ++-- .../tool/gen_defaults/data/button_xlarge.dart | 23 +- .../tool/gen_defaults/data/button_xsmall.dart | 25 +- .../tool/gen_defaults/data/carousel_item.dart | 14 +- .../tool/gen_defaults/data/checkbox.dart | 89 ++-- .../tool/gen_defaults/data/chips.dart | 223 +++++++++ .../tool/gen_defaults/data/color.dart | 2 +- .../tool/gen_defaults/data/color_dark.dart | 38 +- .../data/color_dark_high_contrast.dart | 41 +- .../data/color_dark_medium_contrast.dart | 41 +- .../data/color_light_high_contrast.dart | 44 +- .../data/color_light_medium_contrast.dart | 44 +- .../tool/gen_defaults/data/color_role.dart | 2 +- .../tool/gen_defaults/data/data_table.dart | 38 +- .../gen_defaults/data/date_input_modal.dart | 58 +-- .../gen_defaults/data/date_picker_docked.dart | 203 ++++---- .../gen_defaults/data/date_picker_modal.dart | 237 ++++----- .../tool/gen_defaults/data/dialog.dart | 96 ++-- .../tool/gen_defaults/data/divider.dart | 2 +- .../tool/gen_defaults/data/drag_handle.dart | 8 +- .../tool/gen_defaults/data/elevated_card.dart | 5 +- .../tool/gen_defaults/data/elevation.dart | 2 +- .../tool/gen_defaults/data/extended_fab.dart | 23 +- .../data/extended_fab_branded.dart | 115 ----- .../gen_defaults/data/extended_fab_large.dart | 23 +- .../data/extended_fab_medium.dart | 23 +- .../data/extended_fab_primary.dart | 2 +- .../data/extended_fab_primary_container.dart | 32 +- .../data/extended_fab_secondary.dart | 20 +- .../extended_fab_secondary_container.dart | 35 +- .../gen_defaults/data/extended_fab_small.dart | 23 +- .../data/extended_fab_surface.dart | 32 +- .../data/extended_fab_tertiary.dart | 11 +- .../data/extended_fab_tertiary_container.dart | 32 +- .../tool/gen_defaults/data/fab.dart | 2 +- .../tool/gen_defaults/data/fab_branded.dart | 88 ---- .../tool/gen_defaults/data/fab_large.dart | 2 +- .../tool/gen_defaults/data/fab_medium.dart | 2 +- .../tool/gen_defaults/data/fab_menu.dart | 23 +- .../data/fab_menu_primary_close_button.dart | 2 +- .../data/fab_menu_primary_container.dart | 41 +- .../data/fab_menu_secondary_close_button.dart | 11 +- .../data/fab_menu_secondary_container.dart | 41 +- .../data/fab_menu_tertiary_close_button.dart | 11 +- .../data/fab_menu_tertiary_container.dart | 41 +- .../tool/gen_defaults/data/fab_primary.dart | 2 +- .../data/fab_primary_container.dart | 20 +- .../tool/gen_defaults/data/fab_secondary.dart | 11 +- .../data/fab_secondary_container.dart | 23 +- .../tool/gen_defaults/data/fab_small.dart | 2 +- .../tool/gen_defaults/data/fab_surface.dart | 8 +- .../tool/gen_defaults/data/fab_tertiary.dart | 11 +- .../data/fab_tertiary_container.dart | 20 +- .../data/filled_autocomplete.dart | 213 +++++---- .../tool/gen_defaults/data/filled_card.dart | 7 +- .../gen_defaults/data/filled_menu_button.dart | 47 +- .../tool/gen_defaults/data/filled_select.dart | 236 ++++----- .../gen_defaults/data/filled_text_field.dart | 174 +++---- .../tool/gen_defaults/data/filter_chip.dart | 119 +++-- .../gen_defaults/data/full_screen_dialog.dart | 73 ++- .../tool/gen_defaults/data/glass_button.dart | 32 +- .../gen_defaults/data/glass_icon_button.dart | 20 +- .../tool/gen_defaults/data/icon_button.dart | 62 ++- .../gen_defaults/data/icon_button_filled.dart | 44 +- .../gen_defaults/data/icon_button_large.dart | 2 +- .../gen_defaults/data/icon_button_medium.dart | 2 +- .../data/icon_button_outlined.dart | 77 ++- .../gen_defaults/data/icon_button_small.dart | 2 +- .../data/icon_button_standard.dart | 50 +- .../gen_defaults/data/icon_button_tonal.dart | 56 ++- .../gen_defaults/data/icon_button_xlarge.dart | 2 +- .../gen_defaults/data/icon_button_xsmall.dart | 2 +- .../tool/gen_defaults/data/input_chip.dart | 117 +++-- .../tool/gen_defaults/data/list.dart | 452 +++++++++--------- .../tool/gen_defaults/data/list_expand.dart | 17 +- .../tool/gen_defaults/data/list_reorder.dart | 26 +- .../tool/gen_defaults/data/list_reveal.dart | 14 +- .../gen_defaults/data/loading_indicator.dart | 8 +- .../tool/gen_defaults/data/measurement.dart | 2 +- .../tool/gen_defaults/data/menu.dart | 2 +- .../tool/gen_defaults/data/menus.dart | 44 +- .../gen_defaults/data/menus_standard.dart | 122 +++-- .../tool/gen_defaults/data/menus_vibrant.dart | 125 +++-- .../gen_defaults/data/motion_expressive.dart | 6 +- .../gen_defaults/data/motion_standard.dart | 6 +- .../tool/gen_defaults/data/nav_bar.dart | 17 +- .../data/nav_bar_item_horizontal.dart | 24 +- .../data/nav_bar_item_vertical.dart | 24 +- .../tool/gen_defaults/data/nav_rail.dart | 17 +- .../gen_defaults/data/nav_rail_collapsed.dart | 2 +- .../gen_defaults/data/nav_rail_expanded.dart | 5 +- .../tool/gen_defaults/data/nav_rail_item.dart | 2 +- .../data/nav_rail_item_horizontal.dart | 24 +- .../data/nav_rail_item_vertical.dart | 24 +- .../gen_defaults/data/navigation_bar.dart | 86 ++-- .../gen_defaults/data/navigation_drawer.dart | 141 +++--- .../gen_defaults/data/navigation_rail.dart | 86 ++-- .../data/outlined_autocomplete.dart | 207 ++++---- .../tool/gen_defaults/data/outlined_card.dart | 8 +- .../data/outlined_menu_button.dart | 41 +- .../data/outlined_segmented_button.dart | 95 ++-- .../gen_defaults/data/outlined_select.dart | 230 ++++----- .../data/outlined_text_field.dart | 150 +++--- .../tool/gen_defaults/data/palette.dart | 2 +- .../tool/gen_defaults/data/plain_tooltip.dart | 29 +- .../data/primary_navigation_tab.dart | 89 ++-- .../gen_defaults/data/progress_indicator.dart | 2 +- .../data/progress_indicator_circular.dart | 2 +- .../data/progress_indicator_linear.dart | 2 +- .../tool/gen_defaults/data/radio_button.dart | 38 +- .../tool/gen_defaults/data/rich_tooltip.dart | 93 ++-- .../tool/gen_defaults/data/scrim.dart | 2 +- .../tool/gen_defaults/data/search_bar.dart | 64 +-- .../tool/gen_defaults/data/search_view.dart | 61 +-- .../data/secondary_navigation_tab.dart | 38 +- .../tool/gen_defaults/data/shape.dart | 2 +- .../tool/gen_defaults/data/shape_struct.dart | 23 +- .../tool/gen_defaults/data/sheet_bottom.dart | 8 +- .../gen_defaults/data/sheet_floating.dart | 5 +- .../tool/gen_defaults/data/sheet_side.dart | 56 +-- .../tool/gen_defaults/data/slider.dart | 41 +- .../tool/gen_defaults/data/slider_large.dart | 2 +- .../tool/gen_defaults/data/slider_medium.dart | 2 +- .../tool/gen_defaults/data/slider_small.dart | 2 +- .../tool/gen_defaults/data/slider_xlarge.dart | 2 +- .../tool/gen_defaults/data/slider_xsmall.dart | 2 +- .../tool/gen_defaults/data/snackbar.dart | 91 ++-- .../tool/gen_defaults/data/space.dart | 61 --- .../gen_defaults/data/split_button_large.dart | 2 +- .../data/split_button_medium.dart | 2 +- .../gen_defaults/data/split_button_small.dart | 2 +- .../data/split_button_xlarge.dart | 2 +- .../data/split_button_xsmall.dart | 2 +- .../data/standard_menu_button.dart | 74 +-- .../tool/gen_defaults/data/state.dart | 2 +- .../data/state_focus_indicator.dart | 2 +- .../gen_defaults/data/suggestion_chip.dart | 83 ++-- .../tool/gen_defaults/data/switch.dart | 98 ++-- .../data/switch_dark_ios_default.dart | 10 - .../data/switch_dark_ios_medium_contrast.dart | 10 - .../tool/gen_defaults/data/time_input.dart | 152 +++--- .../tool/gen_defaults/data/time_picker.dart | 163 +++---- .../gen_defaults/data/toolbar_docked.dart | 2 +- .../gen_defaults/data/toolbar_floating.dart | 2 +- .../data/toolbar_floating_fab.dart | 14 +- .../gen_defaults/data/toolbar_standard.dart | 68 ++- .../gen_defaults/data/toolbar_vibrant.dart | 65 ++- .../tool/gen_defaults/data/typeface.dart | 2 +- .../gen_defaults/data/typeface_variable.dart | 13 - .../tool/gen_defaults/data/typescale.dart | 349 +++++--------- .../data/typescale_emphasized.dart | 349 +++++--------- .../data/typescale_emphasized_variable.dart | 232 --------- .../gen_defaults/data/typescale_struct.dart | 19 + .../gen_defaults/data/typescale_variable.dart | 349 +++++--------- .../data/typescale_variable_emphasized.dart | 349 +++++--------- 186 files changed, 4612 insertions(+), 4781 deletions(-) create mode 100644 packages/material_ui/tool/gen_defaults/data/chips.dart delete mode 100644 packages/material_ui/tool/gen_defaults/data/extended_fab_branded.dart delete mode 100644 packages/material_ui/tool/gen_defaults/data/fab_branded.dart delete mode 100644 packages/material_ui/tool/gen_defaults/data/space.dart delete mode 100644 packages/material_ui/tool/gen_defaults/data/switch_dark_ios_default.dart delete mode 100644 packages/material_ui/tool/gen_defaults/data/switch_dark_ios_medium_contrast.dart delete mode 100644 packages/material_ui/tool/gen_defaults/data/typeface_variable.dart delete mode 100644 packages/material_ui/tool/gen_defaults/data/typescale_emphasized_variable.dart create mode 100644 packages/material_ui/tool/gen_defaults/data/typescale_struct.dart diff --git a/packages/material_ui/tool/gen_defaults/data/app_bar.dart b/packages/material_ui/tool/gen_defaults/data/app_bar.dart index 55439b00ccb1..508d88f2e127 100644 --- a/packages/material_ui/tool/gen_defaults/data/app_bar.dart +++ b/packages/material_ui/tool/gen_defaults/data/app_bar.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; @@ -39,22 +39,26 @@ class TokenAppBar { static const double leadingSpace = 4.00; /// md.comp.app-bar.on-scroll.container.color - static const TokenColorRole onScrollContainerColor = TokenColorRole.surfaceContainer; + static const TokenColorRole onScrollContainerColor = + TokenColorRole.surfaceContainer; /// md.comp.app-bar.on-scroll.container.elevation static const double onScrollContainerElevation = 3.00; /// md.comp.app-bar.search.container.color - static const TokenColorRole searchContainerColor = TokenColorRole.surfaceContainer; + static const TokenColorRole searchContainerColor = + TokenColorRole.surfaceContainer; /// md.comp.app-bar.search.label.color - static const TokenColorRole searchLabelColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole searchLabelColor = + TokenColorRole.onSurfaceVariant; /// md.comp.app-bar.search.leading-space static const double searchLeadingSpace = 8.00; /// md.comp.app-bar.search.on-scroll.container.color - static const TokenColorRole searchOnScrollContainerColor = TokenColorRole.surfaceContainerHighest; + static const TokenColorRole searchOnScrollContainerColor = + TokenColorRole.surfaceContainerHighest; /// md.comp.app-bar.search.trailing-space static const double searchTrailingSpace = 8.00; @@ -66,7 +70,8 @@ class TokenAppBar { static const TokenColorRole titleColor = TokenColorRole.onSurface; /// md.comp.app-bar.trailing-icon.color - static const TokenColorRole trailingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole trailingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.app-bar.trailing-space static const double trailingSpace = 4.00; diff --git a/packages/material_ui/tool/gen_defaults/data/app_bar_large.dart b/packages/material_ui/tool/gen_defaults/data/app_bar_large.dart index 19d674972f71..abcf9977cc8b 100644 --- a/packages/material_ui/tool/gen_defaults/data/app_bar_large.dart +++ b/packages/material_ui/tool/gen_defaults/data/app_bar_large.dart @@ -2,24 +2,20 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 + +import 'typescale_struct.dart'; class TokenAppBarLarge { /// md.comp.app-bar.large.container.height static const double containerHeight = 152.00; /// md.comp.app-bar.large.title.font - static const String titleFontFontFamily = 'Roboto'; - - /// md.comp.app-bar.large.title.font - static const double titleFontFontSize = 28.00; - - /// md.comp.app-bar.large.title.font - static const double titleFontFontWeight = 400; - - /// md.comp.app-bar.large.title.font - static const double titleFontLetterSpacing = 0.00; - - /// md.comp.app-bar.large.title.font - static const double titleFontLineHeight = 36.00; + static const TypescaleStruct titleFont = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 28.00, + fontWeight: 400, + lineHeight: 36.00, + letterSpacing: 0.00, + ); } diff --git a/packages/material_ui/tool/gen_defaults/data/app_bar_large_flexible.dart b/packages/material_ui/tool/gen_defaults/data/app_bar_large_flexible.dart index f44421b24e5c..9d733d7739d4 100644 --- a/packages/material_ui/tool/gen_defaults/data/app_bar_large_flexible.dart +++ b/packages/material_ui/tool/gen_defaults/data/app_bar_large_flexible.dart @@ -2,41 +2,31 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 + +import 'typescale_struct.dart'; class TokenAppBarLargeFlexible { /// md.comp.app-bar.large-flexible.container.height static const double containerHeight = 120.00; /// md.comp.app-bar.large-flexible.subtitle.font - static const String subtitleFontFontFamily = 'Roboto'; - - /// md.comp.app-bar.large-flexible.subtitle.font - static const double subtitleFontFontSize = 16.00; - - /// md.comp.app-bar.large-flexible.subtitle.font - static const double subtitleFontFontWeight = 500; - - /// md.comp.app-bar.large-flexible.subtitle.font - static const double subtitleFontLetterSpacing = 0.15; - - /// md.comp.app-bar.large-flexible.subtitle.font - static const double subtitleFontLineHeight = 24.00; - - /// md.comp.app-bar.large-flexible.title.font - static const String titleFontFontFamily = 'Roboto'; - - /// md.comp.app-bar.large-flexible.title.font - static const double titleFontFontSize = 36.00; - - /// md.comp.app-bar.large-flexible.title.font - static const double titleFontFontWeight = 400; - - /// md.comp.app-bar.large-flexible.title.font - static const double titleFontLetterSpacing = 0.00; + static const TypescaleStruct subtitleFont = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 16.00, + fontWeight: 500, + lineHeight: 24.00, + letterSpacing: 0.15, + ); /// md.comp.app-bar.large-flexible.title.font - static const double titleFontLineHeight = 44.00; + static const TypescaleStruct titleFont = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 36.00, + fontWeight: 400, + lineHeight: 44.00, + letterSpacing: 0.00, + ); /// md.comp.app-bar.large-flexible.with-subtitle.container.height static const double withSubtitleContainerHeight = 152.00; diff --git a/packages/material_ui/tool/gen_defaults/data/app_bar_medium.dart b/packages/material_ui/tool/gen_defaults/data/app_bar_medium.dart index d79ae980e2cc..d5d0b55fa5a7 100644 --- a/packages/material_ui/tool/gen_defaults/data/app_bar_medium.dart +++ b/packages/material_ui/tool/gen_defaults/data/app_bar_medium.dart @@ -2,24 +2,20 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 + +import 'typescale_struct.dart'; class TokenAppBarMedium { /// md.comp.app-bar.medium.container.height static const double containerHeight = 112.00; /// md.comp.app-bar.medium.title.font - static const String titleFontFontFamily = 'Roboto'; - - /// md.comp.app-bar.medium.title.font - static const double titleFontFontSize = 24.00; - - /// md.comp.app-bar.medium.title.font - static const double titleFontFontWeight = 400; - - /// md.comp.app-bar.medium.title.font - static const double titleFontLetterSpacing = 0.00; - - /// md.comp.app-bar.medium.title.font - static const double titleFontLineHeight = 32.00; + static const TypescaleStruct titleFont = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 24.00, + fontWeight: 400, + lineHeight: 32.00, + letterSpacing: 0.00, + ); } diff --git a/packages/material_ui/tool/gen_defaults/data/app_bar_medium_flexible.dart b/packages/material_ui/tool/gen_defaults/data/app_bar_medium_flexible.dart index 980d8d8a8fd7..288559b63ade 100644 --- a/packages/material_ui/tool/gen_defaults/data/app_bar_medium_flexible.dart +++ b/packages/material_ui/tool/gen_defaults/data/app_bar_medium_flexible.dart @@ -2,41 +2,31 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 + +import 'typescale_struct.dart'; class TokenAppBarMediumFlexible { /// md.comp.app-bar.medium-flexible.container.height static const double containerHeight = 112.00; /// md.comp.app-bar.medium-flexible.subtitle.font - static const String subtitleFontFontFamily = 'Roboto'; - - /// md.comp.app-bar.medium-flexible.subtitle.font - static const double subtitleFontFontSize = 14.00; - - /// md.comp.app-bar.medium-flexible.subtitle.font - static const double subtitleFontFontWeight = 500; - - /// md.comp.app-bar.medium-flexible.subtitle.font - static const double subtitleFontLetterSpacing = 0.10; - - /// md.comp.app-bar.medium-flexible.subtitle.font - static const double subtitleFontLineHeight = 20.00; - - /// md.comp.app-bar.medium-flexible.title.font - static const String titleFontFontFamily = 'Roboto'; - - /// md.comp.app-bar.medium-flexible.title.font - static const double titleFontFontSize = 28.00; - - /// md.comp.app-bar.medium-flexible.title.font - static const double titleFontFontWeight = 400; - - /// md.comp.app-bar.medium-flexible.title.font - static const double titleFontLetterSpacing = 0.00; + static const TypescaleStruct subtitleFont = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 14.00, + fontWeight: 500, + lineHeight: 20.00, + letterSpacing: 0.10, + ); /// md.comp.app-bar.medium-flexible.title.font - static const double titleFontLineHeight = 36.00; + static const TypescaleStruct titleFont = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 28.00, + fontWeight: 400, + lineHeight: 36.00, + letterSpacing: 0.00, + ); /// md.comp.app-bar.medium-flexible.with-subtitle.container.height static const double withSubtitleContainerHeight = 136.00; diff --git a/packages/material_ui/tool/gen_defaults/data/app_bar_small.dart b/packages/material_ui/tool/gen_defaults/data/app_bar_small.dart index 7afb74eedb8a..91c257ad00a0 100644 --- a/packages/material_ui/tool/gen_defaults/data/app_bar_small.dart +++ b/packages/material_ui/tool/gen_defaults/data/app_bar_small.dart @@ -2,9 +2,10 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'shape_struct.dart'; +import 'typescale_struct.dart'; class TokenAppBarSmall { /// md.comp.app-bar.small.container.height @@ -23,47 +24,29 @@ class TokenAppBarSmall { ); /// md.comp.app-bar.small.search.label-text.font - static const String searchLabelTextFontFontFamily = 'Roboto'; - - /// md.comp.app-bar.small.search.label-text.font - static const double searchLabelTextFontFontSize = 16.00; - - /// md.comp.app-bar.small.search.label-text.font - static const double searchLabelTextFontFontWeight = 400; - - /// md.comp.app-bar.small.search.label-text.font - static const double searchLabelTextFontLetterSpacing = 0.50; - - /// md.comp.app-bar.small.search.label-text.font - static const double searchLabelTextFontLineHeight = 24.00; - - /// md.comp.app-bar.small.subtitle.font - static const String subtitleFontFontFamily = 'Roboto'; - - /// md.comp.app-bar.small.subtitle.font - static const double subtitleFontFontSize = 12.00; - - /// md.comp.app-bar.small.subtitle.font - static const double subtitleFontFontWeight = 500; - - /// md.comp.app-bar.small.subtitle.font - static const double subtitleFontLetterSpacing = 0.50; + static const TypescaleStruct searchLabelTextFont = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 16.00, + fontWeight: 400, + lineHeight: 24.00, + letterSpacing: 0.50, + ); /// md.comp.app-bar.small.subtitle.font - static const double subtitleFontLineHeight = 16.00; - - /// md.comp.app-bar.small.title.font - static const String titleFontFontFamily = 'Roboto'; - - /// md.comp.app-bar.small.title.font - static const double titleFontFontSize = 22.00; - - /// md.comp.app-bar.small.title.font - static const double titleFontFontWeight = 400; - - /// md.comp.app-bar.small.title.font - static const double titleFontLetterSpacing = 0.00; + static const TypescaleStruct subtitleFont = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 12.00, + fontWeight: 500, + lineHeight: 16.00, + letterSpacing: 0.50, + ); /// md.comp.app-bar.small.title.font - static const double titleFontLineHeight = 28.00; + static const TypescaleStruct titleFont = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 22.00, + fontWeight: 400, + lineHeight: 28.00, + letterSpacing: 0.00, + ); } diff --git a/packages/material_ui/tool/gen_defaults/data/assist_chip.dart b/packages/material_ui/tool/gen_defaults/data/assist_chip.dart index ef4608c8eb4b..46ea9e677bab 100644 --- a/packages/material_ui/tool/gen_defaults/data/assist_chip.dart +++ b/packages/material_ui/tool/gen_defaults/data/assist_chip.dart @@ -2,10 +2,11 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; +import 'typescale_struct.dart'; class TokenAssistChip { /// md.comp.assist-chip.container.height @@ -39,16 +40,19 @@ class TokenAssistChip { static const double draggedStateLayerOpacity = 0.16; /// md.comp.assist-chip.elevated.container.color - static const TokenColorRole elevatedContainerColor = TokenColorRole.surfaceContainerLow; + static const TokenColorRole elevatedContainerColor = + TokenColorRole.surfaceContainerLow; /// md.comp.assist-chip.elevated.container.elevation static const double elevatedContainerElevation = 1.00; /// md.comp.assist-chip.elevated.container.shadow-color - static const TokenColorRole elevatedContainerShadowColor = TokenColorRole.shadow; + static const TokenColorRole elevatedContainerShadowColor = + TokenColorRole.shadow; /// md.comp.assist-chip.elevated.disabled.container.color - static const TokenColorRole elevatedDisabledContainerColor = TokenColorRole.onSurface; + static const TokenColorRole elevatedDisabledContainerColor = + TokenColorRole.onSurface; /// md.comp.assist-chip.elevated.disabled.container.elevation static const double elevatedDisabledContainerElevation = 0.00; @@ -69,7 +73,8 @@ class TokenAssistChip { static const double flatContainerElevation = 0.00; /// md.comp.assist-chip.flat.disabled.outline.color - static const TokenColorRole flatDisabledOutlineColor = TokenColorRole.onSurface; + static const TokenColorRole flatDisabledOutlineColor = + TokenColorRole.onSurface; /// md.comp.assist-chip.flat.disabled.outline.opacity static const double flatDisabledOutlineOpacity = 0.12; @@ -113,23 +118,14 @@ class TokenAssistChip { /// md.comp.assist-chip.label-text.color static const TokenColorRole labelTextColor = TokenColorRole.onSurface; - /// md.comp.assist-chip.label-text.font - static const String labelTextFont = 'Roboto'; - - /// md.comp.assist-chip.label-text.type - static const String labelTextTypeFontFamily = 'Roboto'; - - /// md.comp.assist-chip.label-text.type - static const double labelTextTypeFontSize = 14.00; - /// md.comp.assist-chip.label-text.type - static const double labelTextTypeFontWeight = 500; - - /// md.comp.assist-chip.label-text.type - static const double labelTextTypeLetterSpacing = 0.10; - - /// md.comp.assist-chip.label-text.type - static const double labelTextTypeLineHeight = 20.00; + static const TypescaleStruct labelTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 14.00, + fontWeight: 500, + lineHeight: 20.00, + letterSpacing: 0.10, + ); /// md.comp.assist-chip.pressed.label-text.color static const TokenColorRole pressedLabelTextColor = TokenColorRole.onSurface; @@ -141,7 +137,8 @@ class TokenAssistChip { static const double pressedStateLayerOpacity = 0.10; /// md.comp.assist-chip.with-icon.disabled.icon.color - static const TokenColorRole withIconDisabledIconColor = TokenColorRole.onSurface; + static const TokenColorRole withIconDisabledIconColor = + TokenColorRole.onSurface; /// md.comp.assist-chip.with-icon.disabled.icon.opacity static const double withIconDisabledIconOpacity = 0.38; diff --git a/packages/material_ui/tool/gen_defaults/data/badge.dart b/packages/material_ui/tool/gen_defaults/data/badge.dart index 1876fea33b65..3dddb2b80a89 100644 --- a/packages/material_ui/tool/gen_defaults/data/badge.dart +++ b/packages/material_ui/tool/gen_defaults/data/badge.dart @@ -2,10 +2,11 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; +import 'typescale_struct.dart'; class TokenBadge { /// md.comp.badge.color @@ -17,23 +18,14 @@ class TokenBadge { /// md.comp.badge.large.label-text.color static const TokenColorRole largeLabelTextColor = TokenColorRole.onError; - /// md.comp.badge.large.label-text.font - static const String largeLabelTextFont = 'Roboto'; - - /// md.comp.badge.large.label-text.type - static const String largeLabelTextTypeFontFamily = 'Roboto'; - - /// md.comp.badge.large.label-text.type - static const double largeLabelTextTypeFontSize = 11.00; - /// md.comp.badge.large.label-text.type - static const double largeLabelTextTypeFontWeight = 500; - - /// md.comp.badge.large.label-text.type - static const double largeLabelTextTypeLetterSpacing = 0.50; - - /// md.comp.badge.large.label-text.type - static const double largeLabelTextTypeLineHeight = 16.00; + static const TypescaleStruct largeLabelTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 11.00, + fontWeight: 500, + lineHeight: 16.00, + letterSpacing: 0.50, + ); /// md.comp.badge.large.shape static const ShapeStruct largeShape = ShapeStruct( diff --git a/packages/material_ui/tool/gen_defaults/data/banner.dart b/packages/material_ui/tool/gen_defaults/data/banner.dart index f7f85538b798..81de4e9374d1 100644 --- a/packages/material_ui/tool/gen_defaults/data/banner.dart +++ b/packages/material_ui/tool/gen_defaults/data/banner.dart @@ -2,14 +2,16 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; +import 'typescale_struct.dart'; class TokenBanner { /// md.comp.banner.container.color - static const TokenColorRole containerColor = TokenColorRole.surfaceContainerLow; + static const TokenColorRole containerColor = + TokenColorRole.surfaceContainerLow; /// md.comp.banner.container.elevation static const double containerElevation = 1.00; @@ -42,25 +44,17 @@ class TokenBanner { static const double mobileWithTwoLinesWithImageContainerHeight = 120.00; /// md.comp.banner.supporting-text.color - static const TokenColorRole supportingTextColor = TokenColorRole.onSurfaceVariant; - - /// md.comp.banner.supporting-text.font - static const String supportingTextFont = 'Roboto'; - - /// md.comp.banner.supporting-text.type - static const String supportingTextTypeFontFamily = 'Roboto'; - - /// md.comp.banner.supporting-text.type - static const double supportingTextTypeFontSize = 14.00; + static const TokenColorRole supportingTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.banner.supporting-text.type - static const double supportingTextTypeFontWeight = 400; - - /// md.comp.banner.supporting-text.type - static const double supportingTextTypeLetterSpacing = 0.25; - - /// md.comp.banner.supporting-text.type - static const double supportingTextTypeLineHeight = 20.00; + static const TypescaleStruct supportingTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 14.00, + fontWeight: 400, + lineHeight: 20.00, + letterSpacing: 0.25, + ); /// md.comp.banner.with-image.image.shape static const ShapeStruct withImageImageShape = ShapeStruct( diff --git a/packages/material_ui/tool/gen_defaults/data/banners.dart b/packages/material_ui/tool/gen_defaults/data/banners.dart index c6ba26776cb0..5030095bd31d 100644 --- a/packages/material_ui/tool/gen_defaults/data/banners.dart +++ b/packages/material_ui/tool/gen_defaults/data/banners.dart @@ -2,22 +2,25 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; class TokenBanners { /// md.comp.banners.banners.close-button.pressed.state-layer.color - static const TokenColorRole bannersCloseButtonPressedStateLayerColor = TokenColorRole.primary; + static const TokenColorRole bannersCloseButtonPressedStateLayerColor = + TokenColorRole.primary; /// md.comp.banners.close-button.color static const TokenColorRole closeButtonColor = TokenColorRole.primary; /// md.comp.banners.close-button.focused.state-layer.color - static const TokenColorRole closeButtonFocusedStateLayerColor = TokenColorRole.primary; + static const TokenColorRole closeButtonFocusedStateLayerColor = + TokenColorRole.primary; /// md.comp.banners.close-button.hovered.state-layer.color - static const TokenColorRole closeButtonHoveredStateLayerColor = TokenColorRole.primary; + static const TokenColorRole closeButtonHoveredStateLayerColor = + TokenColorRole.primary; /// md.comp.banners.standard.body-text.color static const TokenColorRole standardBodyTextColor = TokenColorRole.onSurface; @@ -32,14 +35,17 @@ class TokenBanners { static const TokenColorRole standardTitleTextColor = TokenColorRole.onSurface; /// md.comp.banners.vibrant.body-text.color - static const TokenColorRole vibrantBodyTextColor = TokenColorRole.onPrimaryContainer; + static const TokenColorRole vibrantBodyTextColor = + TokenColorRole.onPrimaryContainer; /// md.comp.banners.vibrant.color static const TokenColorRole vibrantColor = TokenColorRole.primaryContainer; /// md.comp.banners.vibrant.icon.color - static const TokenColorRole vibrantIconColor = TokenColorRole.onPrimaryContainer; + static const TokenColorRole vibrantIconColor = + TokenColorRole.onPrimaryContainer; /// md.comp.banners.vibrant.title-text.color - static const TokenColorRole vibrantTitleTextColor = TokenColorRole.onPrimaryContainer; + static const TokenColorRole vibrantTitleTextColor = + TokenColorRole.onPrimaryContainer; } diff --git a/packages/material_ui/tool/gen_defaults/data/banners_basic.dart b/packages/material_ui/tool/gen_defaults/data/banners_basic.dart index ba36c2931564..a6fa2129a012 100644 --- a/packages/material_ui/tool/gen_defaults/data/banners_basic.dart +++ b/packages/material_ui/tool/gen_defaults/data/banners_basic.dart @@ -2,9 +2,10 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'shape_struct.dart'; +import 'typescale_struct.dart'; class TokenBannersBasic { /// md.comp.banners.basic.actions.between-space @@ -38,19 +39,13 @@ class TokenBannersBasic { static const double bodyTextTrailingSpace = 48.00; /// md.comp.banners.basic.body-text.type - static const String bodyTextTypeFontFamily = 'Roboto'; - - /// md.comp.banners.basic.body-text.type - static const double bodyTextTypeFontSize = 14.00; - - /// md.comp.banners.basic.body-text.type - static const double bodyTextTypeFontWeight = 400; - - /// md.comp.banners.basic.body-text.type - static const double bodyTextTypeLetterSpacing = 0.25; - - /// md.comp.banners.basic.body-text.type - static const double bodyTextTypeLineHeight = 20.00; + static const TypescaleStruct bodyTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 14.00, + fontWeight: 400, + lineHeight: 20.00, + letterSpacing: 0.25, + ); /// md.comp.banners.basic.bottom-space static const double bottomSpace = 4.00; diff --git a/packages/material_ui/tool/gen_defaults/data/banners_rich.dart b/packages/material_ui/tool/gen_defaults/data/banners_rich.dart index f00ff1ebd67d..12af5f3d536b 100644 --- a/packages/material_ui/tool/gen_defaults/data/banners_rich.dart +++ b/packages/material_ui/tool/gen_defaults/data/banners_rich.dart @@ -2,9 +2,10 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'shape_struct.dart'; +import 'typescale_struct.dart'; class TokenBannersRich { /// md.comp.banners.rich.actions.between-space @@ -38,19 +39,13 @@ class TokenBannersRich { static const double bodyTextTrailingSpace = 48.00; /// md.comp.banners.rich.body-text.type - static const String bodyTextTypeFontFamily = 'Roboto'; - - /// md.comp.banners.rich.body-text.type - static const double bodyTextTypeFontSize = 14.00; - - /// md.comp.banners.rich.body-text.type - static const double bodyTextTypeFontWeight = 400; - - /// md.comp.banners.rich.body-text.type - static const double bodyTextTypeLetterSpacing = 0.25; - - /// md.comp.banners.rich.body-text.type - static const double bodyTextTypeLineHeight = 20.00; + static const TypescaleStruct bodyTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 14.00, + fontWeight: 400, + lineHeight: 20.00, + letterSpacing: 0.25, + ); /// md.comp.banners.rich.bottom-space static const double bottomSpace = 12.00; @@ -116,19 +111,13 @@ class TokenBannersRich { static const double titleTextTrailingSpace = 0.00; /// md.comp.banners.rich.title-text.type - static const String titleTextTypeFontFamily = 'Roboto'; - - /// md.comp.banners.rich.title-text.type - static const double titleTextTypeFontSize = 14.00; - - /// md.comp.banners.rich.title-text.type - static const double titleTextTypeFontWeight = 500; - - /// md.comp.banners.rich.title-text.type - static const double titleTextTypeLetterSpacing = 0.25; - - /// md.comp.banners.rich.title-text.type - static const double titleTextTypeLineHeight = 20.00; + static const TypescaleStruct titleTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 14.00, + fontWeight: 500, + lineHeight: 20.00, + letterSpacing: 0.25, + ); /// md.comp.banners.rich.top-space static const double topSpace = 12.00; diff --git a/packages/material_ui/tool/gen_defaults/data/bottom_app_bar.dart b/packages/material_ui/tool/gen_defaults/data/bottom_app_bar.dart index 29325a643f1c..75e8ea4b7d51 100644 --- a/packages/material_ui/tool/gen_defaults/data/bottom_app_bar.dart +++ b/packages/material_ui/tool/gen_defaults/data/bottom_app_bar.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; diff --git a/packages/material_ui/tool/gen_defaults/data/button.dart b/packages/material_ui/tool/gen_defaults/data/button.dart index cc29a3b66490..efff5a39c1a4 100644 --- a/packages/material_ui/tool/gen_defaults/data/button.dart +++ b/packages/material_ui/tool/gen_defaults/data/button.dart @@ -2,10 +2,11 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; +import 'typescale_struct.dart'; class TokenButton { /// md.comp.button.container.color @@ -59,6 +60,15 @@ class TokenButton { /// md.comp.button.disabled.label-text.opacity static const double disabledLabelTextOpacity = 0.38; + /// md.comp.button.focus.indicator.color + static const TokenColorRole focusIndicatorColor = TokenColorRole.secondary; + + /// md.comp.button.focus.indicator.outline.offset + static const double focusIndicatorOutlineOffset = 2.00; + + /// md.comp.button.focus.indicator.thickness + static const double focusIndicatorThickness = 3.00; + /// md.comp.button.focused.container.elevation static const double focusedContainerElevation = 0.00; @@ -74,15 +84,6 @@ class TokenButton { /// md.comp.button.focused.state-layer.opacity static const double focusedStateLayerOpacity = 0.10; - /// md.comp.button.focus.indicator.color - static const TokenColorRole focusIndicatorColor = TokenColorRole.secondary; - - /// md.comp.button.focus.indicator.outline.offset - static const double focusIndicatorOutlineOffset = 2.00; - - /// md.comp.button.focus.indicator.thickness - static const double focusIndicatorThickness = 3.00; - /// md.comp.button.hovered.icon.color static const TokenColorRole hoveredIconColor = TokenColorRole.onPrimary; @@ -104,29 +105,24 @@ class TokenButton { /// md.comp.button.icon.size static const double iconSize = 20.00; - /// md.comp.button.label-text.color - static const TokenColorRole labelTextColor = TokenColorRole.onPrimary; - - /// md.comp.button.label-text - static const String labelTextFontFamily = 'Roboto'; - /// md.comp.button.label-text - static const double labelTextFontSize = 14.00; - - /// md.comp.button.label-text - static const double labelTextFontWeight = 500; - - /// md.comp.button.label-text - static const double labelTextLetterSpacing = 0.10; + static const TypescaleStruct labelText = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 14.00, + fontWeight: 500, + lineHeight: 20.00, + letterSpacing: 0.10, + ); - /// md.comp.button.label-text - static const double labelTextLineHeight = 20.00; + /// md.comp.button.label-text.color + static const TokenColorRole labelTextColor = TokenColorRole.onPrimary; /// md.comp.button.label-text.selected.color static const TokenColorRole labelTextSelectedColor = TokenColorRole.onPrimary; /// md.comp.button.label-text.unselected.color - static const TokenColorRole labelTextUnselectedColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole labelTextUnselectedColor = + TokenColorRole.onSurfaceVariant; /// md.comp.button.leading-space static const double leadingSpace = 24.00; @@ -183,68 +179,88 @@ class TokenButton { ); /// md.comp.button.selected.focused.icon.color - static const TokenColorRole selectedFocusedIconColor = TokenColorRole.onPrimary; + static const TokenColorRole selectedFocusedIconColor = + TokenColorRole.onPrimary; /// md.comp.button.selected.focused.label-text.color - static const TokenColorRole selectedFocusedLabelTextColor = TokenColorRole.onPrimary; + static const TokenColorRole selectedFocusedLabelTextColor = + TokenColorRole.onPrimary; /// md.comp.button.selected.focused.state-layer.color - static const TokenColorRole selectedFocusedStateLayerColor = TokenColorRole.onPrimary; + static const TokenColorRole selectedFocusedStateLayerColor = + TokenColorRole.onPrimary; /// md.comp.button.selected.hovered.icon.color - static const TokenColorRole selectedHoveredIconColor = TokenColorRole.onPrimary; + static const TokenColorRole selectedHoveredIconColor = + TokenColorRole.onPrimary; /// md.comp.button.selected.hovered.label-text.color - static const TokenColorRole selectedHoveredLabelTextColor = TokenColorRole.onPrimary; + static const TokenColorRole selectedHoveredLabelTextColor = + TokenColorRole.onPrimary; /// md.comp.button.selected.hovered.state-layer.color - static const TokenColorRole selectedHoveredStateLayerColor = TokenColorRole.onPrimary; + static const TokenColorRole selectedHoveredStateLayerColor = + TokenColorRole.onPrimary; /// md.comp.button.selected.icon.color static const TokenColorRole selectedIconColor = TokenColorRole.onPrimary; /// md.comp.button.selected.pressed.icon.color - static const TokenColorRole selectedPressedIconColor = TokenColorRole.onPrimary; + static const TokenColorRole selectedPressedIconColor = + TokenColorRole.onPrimary; /// md.comp.button.selected.pressed.label-text.color - static const TokenColorRole selectedPressedLabelTextColor = TokenColorRole.onPrimary; + static const TokenColorRole selectedPressedLabelTextColor = + TokenColorRole.onPrimary; /// md.comp.button.selected.pressed.state-layer.color - static const TokenColorRole selectedPressedStateLayerColor = TokenColorRole.onPrimary; + static const TokenColorRole selectedPressedStateLayerColor = + TokenColorRole.onPrimary; /// md.comp.button.trailing-space static const double trailingSpace = 24.00; /// md.comp.button.unselected.container.color - static const TokenColorRole unselectedContainerColor = TokenColorRole.surfaceContainer; + static const TokenColorRole unselectedContainerColor = + TokenColorRole.surfaceContainer; /// md.comp.button.unselected.focused.icon.color - static const TokenColorRole unselectedFocusedIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedFocusedIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.button.unselected.focused.label-text.color - static const TokenColorRole unselectedFocusedLabelTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedFocusedLabelTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.button.unselected.focused.state-layer.color - static const TokenColorRole unselectedFocusedStateLayerColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedFocusedStateLayerColor = + TokenColorRole.onSurfaceVariant; /// md.comp.button.unselected.hovered.icon.color - static const TokenColorRole unselectedHoveredIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedHoveredIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.button.unselected.hovered.label-text.color - static const TokenColorRole unselectedHoveredLabelTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedHoveredLabelTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.button.unselected.hovered.state-layer.color - static const TokenColorRole unselectedHoveredStateLayerColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedHoveredStateLayerColor = + TokenColorRole.onSurfaceVariant; /// md.comp.button.unselected.icon.color - static const TokenColorRole unselectedIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.button.unselected.pressed.icon.color - static const TokenColorRole unselectedPressedIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedPressedIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.button.unselected.pressed.label-text.color - static const TokenColorRole unselectedPressedLabelTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedPressedLabelTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.button.unselected.pressed.state-layer.color - static const TokenColorRole unselectedPressedStateLayerColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedPressedStateLayerColor = + TokenColorRole.onSurfaceVariant; } diff --git a/packages/material_ui/tool/gen_defaults/data/button_elevated.dart b/packages/material_ui/tool/gen_defaults/data/button_elevated.dart index 89476413fde9..85b03e7bbaa5 100644 --- a/packages/material_ui/tool/gen_defaults/data/button_elevated.dart +++ b/packages/material_ui/tool/gen_defaults/data/button_elevated.dart @@ -2,13 +2,14 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; class TokenButtonElevated { /// md.comp.button.elevated.container.color - static const TokenColorRole containerColor = TokenColorRole.surfaceContainerLow; + static const TokenColorRole containerColor = + TokenColorRole.surfaceContainerLow; /// md.comp.button.elevated.container.elevation static const double containerElevation = 1.00; @@ -89,22 +90,28 @@ class TokenButtonElevated { static const TokenColorRole selectedContainerColor = TokenColorRole.primary; /// md.comp.button.elevated.selected.focused.icon.color - static const TokenColorRole selectedFocusedIconColor = TokenColorRole.onPrimary; + static const TokenColorRole selectedFocusedIconColor = + TokenColorRole.onPrimary; /// md.comp.button.elevated.selected.focused.label-text.color - static const TokenColorRole selectedFocusedLabelTextColor = TokenColorRole.onPrimary; + static const TokenColorRole selectedFocusedLabelTextColor = + TokenColorRole.onPrimary; /// md.comp.button.elevated.selected.focused.state-layer.color - static const TokenColorRole selectedFocusedStateLayerColor = TokenColorRole.onPrimary; + static const TokenColorRole selectedFocusedStateLayerColor = + TokenColorRole.onPrimary; /// md.comp.button.elevated.selected.hovered.icon.color - static const TokenColorRole selectedHoveredIconColor = TokenColorRole.onPrimary; + static const TokenColorRole selectedHoveredIconColor = + TokenColorRole.onPrimary; /// md.comp.button.elevated.selected.hovered.label-text.color - static const TokenColorRole selectedHoveredLabelTextColor = TokenColorRole.onPrimary; + static const TokenColorRole selectedHoveredLabelTextColor = + TokenColorRole.onPrimary; /// md.comp.button.elevated.selected.hovered.state-layer.color - static const TokenColorRole selectedHoveredStateLayerColor = TokenColorRole.onPrimary; + static const TokenColorRole selectedHoveredStateLayerColor = + TokenColorRole.onPrimary; /// md.comp.button.elevated.selected.icon.color static const TokenColorRole selectedIconColor = TokenColorRole.onPrimary; @@ -113,34 +120,44 @@ class TokenButtonElevated { static const TokenColorRole selectedLabelTextColor = TokenColorRole.onPrimary; /// md.comp.button.elevated.selected.pressed.icon.color - static const TokenColorRole selectedPressedIconColor = TokenColorRole.onPrimary; + static const TokenColorRole selectedPressedIconColor = + TokenColorRole.onPrimary; /// md.comp.button.elevated.selected.pressed.label-text.color - static const TokenColorRole selectedPressedLabelTextColor = TokenColorRole.onPrimary; + static const TokenColorRole selectedPressedLabelTextColor = + TokenColorRole.onPrimary; /// md.comp.button.elevated.selected.pressed.state-layer.color - static const TokenColorRole selectedPressedStateLayerColor = TokenColorRole.onPrimary; + static const TokenColorRole selectedPressedStateLayerColor = + TokenColorRole.onPrimary; /// md.comp.button.elevated.unselected.container.color - static const TokenColorRole unselectedContainerColor = TokenColorRole.surfaceContainerLow; + static const TokenColorRole unselectedContainerColor = + TokenColorRole.surfaceContainerLow; /// md.comp.button.elevated.unselected.focused.icon.color - static const TokenColorRole unselectedFocusedIconColor = TokenColorRole.primary; + static const TokenColorRole unselectedFocusedIconColor = + TokenColorRole.primary; /// md.comp.button.elevated.unselected.focused.label-text.color - static const TokenColorRole unselectedFocusedLabelTextColor = TokenColorRole.primary; + static const TokenColorRole unselectedFocusedLabelTextColor = + TokenColorRole.primary; /// md.comp.button.elevated.unselected.focused.state-layer.color - static const TokenColorRole unselectedFocusedStateLayerColor = TokenColorRole.primary; + static const TokenColorRole unselectedFocusedStateLayerColor = + TokenColorRole.primary; /// md.comp.button.elevated.unselected.hovered.icon.color - static const TokenColorRole unselectedHoveredIconColor = TokenColorRole.primary; + static const TokenColorRole unselectedHoveredIconColor = + TokenColorRole.primary; /// md.comp.button.elevated.unselected.hovered.label-text.color - static const TokenColorRole unselectedHoveredLabelTextColor = TokenColorRole.primary; + static const TokenColorRole unselectedHoveredLabelTextColor = + TokenColorRole.primary; /// md.comp.button.elevated.unselected.hovered.state-layer.color - static const TokenColorRole unselectedHoveredStateLayerColor = TokenColorRole.primary; + static const TokenColorRole unselectedHoveredStateLayerColor = + TokenColorRole.primary; /// md.comp.button.elevated.unselected.icon.color static const TokenColorRole unselectedIconColor = TokenColorRole.primary; @@ -149,11 +166,14 @@ class TokenButtonElevated { static const TokenColorRole unselectedLabelTextColor = TokenColorRole.primary; /// md.comp.button.elevated.unselected.pressed.icon.color - static const TokenColorRole unselectedPressedIconColor = TokenColorRole.primary; + static const TokenColorRole unselectedPressedIconColor = + TokenColorRole.primary; /// md.comp.button.elevated.unselected.pressed.label-text.color - static const TokenColorRole unselectedPressedLabelTextColor = TokenColorRole.primary; + static const TokenColorRole unselectedPressedLabelTextColor = + TokenColorRole.primary; /// md.comp.button.elevated.unselected.pressed.state-layer.color - static const TokenColorRole unselectedPressedStateLayerColor = TokenColorRole.primary; + static const TokenColorRole unselectedPressedStateLayerColor = + TokenColorRole.primary; } diff --git a/packages/material_ui/tool/gen_defaults/data/button_filled.dart b/packages/material_ui/tool/gen_defaults/data/button_filled.dart index cd3abad477cc..c3a8ee39ed0b 100644 --- a/packages/material_ui/tool/gen_defaults/data/button_filled.dart +++ b/packages/material_ui/tool/gen_defaults/data/button_filled.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; @@ -89,22 +89,28 @@ class TokenButtonFilled { static const TokenColorRole selectedContainerColor = TokenColorRole.primary; /// md.comp.button.filled.selected.focused.icon.color - static const TokenColorRole selectedFocusedIconColor = TokenColorRole.onPrimary; + static const TokenColorRole selectedFocusedIconColor = + TokenColorRole.onPrimary; /// md.comp.button.filled.selected.focused.label-text.color - static const TokenColorRole selectedFocusedLabelTextColor = TokenColorRole.onPrimary; + static const TokenColorRole selectedFocusedLabelTextColor = + TokenColorRole.onPrimary; /// md.comp.button.filled.selected.focused.state-layer.color - static const TokenColorRole selectedFocusedStateLayerColor = TokenColorRole.onPrimary; + static const TokenColorRole selectedFocusedStateLayerColor = + TokenColorRole.onPrimary; /// md.comp.button.filled.selected.hovered.icon.color - static const TokenColorRole selectedHoveredIconColor = TokenColorRole.onPrimary; + static const TokenColorRole selectedHoveredIconColor = + TokenColorRole.onPrimary; /// md.comp.button.filled.selected.hovered.label-text.color - static const TokenColorRole selectedHoveredLabelTextColor = TokenColorRole.onPrimary; + static const TokenColorRole selectedHoveredLabelTextColor = + TokenColorRole.onPrimary; /// md.comp.button.filled.selected.hovered.state-layer.color - static const TokenColorRole selectedHoveredStateLayerColor = TokenColorRole.onPrimary; + static const TokenColorRole selectedHoveredStateLayerColor = + TokenColorRole.onPrimary; /// md.comp.button.filled.selected.icon.color static const TokenColorRole selectedIconColor = TokenColorRole.onPrimary; @@ -113,47 +119,62 @@ class TokenButtonFilled { static const TokenColorRole selectedLabelTextColor = TokenColorRole.onPrimary; /// md.comp.button.filled.selected.pressed.icon.color - static const TokenColorRole selectedPressedIconColor = TokenColorRole.onPrimary; + static const TokenColorRole selectedPressedIconColor = + TokenColorRole.onPrimary; /// md.comp.button.filled.selected.pressed.label-text.color - static const TokenColorRole selectedPressedLabelTextColor = TokenColorRole.onPrimary; + static const TokenColorRole selectedPressedLabelTextColor = + TokenColorRole.onPrimary; /// md.comp.button.filled.selected.pressed.state-layer.color - static const TokenColorRole selectedPressedStateLayerColor = TokenColorRole.onPrimary; + static const TokenColorRole selectedPressedStateLayerColor = + TokenColorRole.onPrimary; /// md.comp.button.filled.unselected.container.color - static const TokenColorRole unselectedContainerColor = TokenColorRole.surfaceContainer; + static const TokenColorRole unselectedContainerColor = + TokenColorRole.surfaceContainer; /// md.comp.button.filled.unselected.focused.icon.color - static const TokenColorRole unselectedFocusedIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedFocusedIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.button.filled.unselected.focused.label-text.color - static const TokenColorRole unselectedFocusedLabelTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedFocusedLabelTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.button.filled.unselected.focused.state-layer.color - static const TokenColorRole unselectedFocusedStateLayerColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedFocusedStateLayerColor = + TokenColorRole.onSurfaceVariant; /// md.comp.button.filled.unselected.hovered.icon.color - static const TokenColorRole unselectedHoveredIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedHoveredIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.button.filled.unselected.hovered.label-text.color - static const TokenColorRole unselectedHoveredLabelTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedHoveredLabelTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.button.filled.unselected.hovered.state-layer.color - static const TokenColorRole unselectedHoveredStateLayerColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedHoveredStateLayerColor = + TokenColorRole.onSurfaceVariant; /// md.comp.button.filled.unselected.icon.color - static const TokenColorRole unselectedIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.button.filled.unselected.label-text.color - static const TokenColorRole unselectedLabelTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedLabelTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.button.filled.unselected.pressed.icon.color - static const TokenColorRole unselectedPressedIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedPressedIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.button.filled.unselected.pressed.label-text.color - static const TokenColorRole unselectedPressedLabelTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedPressedLabelTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.button.filled.unselected.pressed.state-layer.color - static const TokenColorRole unselectedPressedStateLayerColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedPressedStateLayerColor = + TokenColorRole.onSurfaceVariant; } diff --git a/packages/material_ui/tool/gen_defaults/data/button_group_connected_large.dart b/packages/material_ui/tool/gen_defaults/data/button_group_connected_large.dart index 7fa54fcfad6c..9ed92b9d0267 100644 --- a/packages/material_ui/tool/gen_defaults/data/button_group_connected_large.dart +++ b/packages/material_ui/tool/gen_defaults/data/button_group_connected_large.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'shape_struct.dart'; diff --git a/packages/material_ui/tool/gen_defaults/data/button_group_connected_medium.dart b/packages/material_ui/tool/gen_defaults/data/button_group_connected_medium.dart index aead429be792..a75e6a0f3170 100644 --- a/packages/material_ui/tool/gen_defaults/data/button_group_connected_medium.dart +++ b/packages/material_ui/tool/gen_defaults/data/button_group_connected_medium.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'shape_struct.dart'; diff --git a/packages/material_ui/tool/gen_defaults/data/button_group_connected_small.dart b/packages/material_ui/tool/gen_defaults/data/button_group_connected_small.dart index 2c410bea703a..746e63845dbb 100644 --- a/packages/material_ui/tool/gen_defaults/data/button_group_connected_small.dart +++ b/packages/material_ui/tool/gen_defaults/data/button_group_connected_small.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'shape_struct.dart'; diff --git a/packages/material_ui/tool/gen_defaults/data/button_group_connected_xlarge.dart b/packages/material_ui/tool/gen_defaults/data/button_group_connected_xlarge.dart index fb92d8d8b3a1..819a097c6fd6 100644 --- a/packages/material_ui/tool/gen_defaults/data/button_group_connected_xlarge.dart +++ b/packages/material_ui/tool/gen_defaults/data/button_group_connected_xlarge.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'shape_struct.dart'; diff --git a/packages/material_ui/tool/gen_defaults/data/button_group_connected_xsmall.dart b/packages/material_ui/tool/gen_defaults/data/button_group_connected_xsmall.dart index fb8630f40782..cffb515a769f 100644 --- a/packages/material_ui/tool/gen_defaults/data/button_group_connected_xsmall.dart +++ b/packages/material_ui/tool/gen_defaults/data/button_group_connected_xsmall.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'shape_struct.dart'; diff --git a/packages/material_ui/tool/gen_defaults/data/button_group_standard_large.dart b/packages/material_ui/tool/gen_defaults/data/button_group_standard_large.dart index 9c80e718e763..53abe66b2127 100644 --- a/packages/material_ui/tool/gen_defaults/data/button_group_standard_large.dart +++ b/packages/material_ui/tool/gen_defaults/data/button_group_standard_large.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 class TokenButtonGroupStandardLarge { /// md.comp.button-group.standard.large.between-space diff --git a/packages/material_ui/tool/gen_defaults/data/button_group_standard_medium.dart b/packages/material_ui/tool/gen_defaults/data/button_group_standard_medium.dart index 2d49b53bb874..34e01613a923 100644 --- a/packages/material_ui/tool/gen_defaults/data/button_group_standard_medium.dart +++ b/packages/material_ui/tool/gen_defaults/data/button_group_standard_medium.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 class TokenButtonGroupStandardMedium { /// md.comp.button-group.standard.medium.between-space diff --git a/packages/material_ui/tool/gen_defaults/data/button_group_standard_small.dart b/packages/material_ui/tool/gen_defaults/data/button_group_standard_small.dart index d51d8a6c163c..776cfca20404 100644 --- a/packages/material_ui/tool/gen_defaults/data/button_group_standard_small.dart +++ b/packages/material_ui/tool/gen_defaults/data/button_group_standard_small.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 class TokenButtonGroupStandardSmall { /// md.comp.button-group.standard.small.between-space diff --git a/packages/material_ui/tool/gen_defaults/data/button_group_standard_xlarge.dart b/packages/material_ui/tool/gen_defaults/data/button_group_standard_xlarge.dart index 1c5eae39531d..7217aa659e4e 100644 --- a/packages/material_ui/tool/gen_defaults/data/button_group_standard_xlarge.dart +++ b/packages/material_ui/tool/gen_defaults/data/button_group_standard_xlarge.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 class TokenButtonGroupStandardXlarge { /// md.comp.button-group.standard.xlarge.between-space diff --git a/packages/material_ui/tool/gen_defaults/data/button_group_standard_xsmall.dart b/packages/material_ui/tool/gen_defaults/data/button_group_standard_xsmall.dart index e7f5836091c0..b0efd322bbe2 100644 --- a/packages/material_ui/tool/gen_defaults/data/button_group_standard_xsmall.dart +++ b/packages/material_ui/tool/gen_defaults/data/button_group_standard_xsmall.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 class TokenButtonGroupStandardXsmall { /// md.comp.button-group.standard.xsmall.between-space diff --git a/packages/material_ui/tool/gen_defaults/data/button_large.dart b/packages/material_ui/tool/gen_defaults/data/button_large.dart index b537ca40d83e..5ecebfaa1d49 100644 --- a/packages/material_ui/tool/gen_defaults/data/button_large.dart +++ b/packages/material_ui/tool/gen_defaults/data/button_large.dart @@ -2,9 +2,10 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'shape_struct.dart'; +import 'typescale_struct.dart'; class TokenButtonLarge { /// md.comp.button.large.container.height @@ -35,19 +36,13 @@ class TokenButtonLarge { static const double iconSize = 32.00; /// md.comp.button.large.label-text - static const String labelTextFontFamily = 'Roboto'; - - /// md.comp.button.large.label-text - static const double labelTextFontSize = 24.00; - - /// md.comp.button.large.label-text - static const double labelTextFontWeight = 400; - - /// md.comp.button.large.label-text - static const double labelTextLetterSpacing = 0.00; - - /// md.comp.button.large.label-text - static const double labelTextLineHeight = 32.00; + static const TypescaleStruct labelText = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 24.00, + fontWeight: 400, + lineHeight: 32.00, + letterSpacing: 0.00, + ); /// md.comp.button.large.leading-space static const double leadingSpace = 48.00; diff --git a/packages/material_ui/tool/gen_defaults/data/button_medium.dart b/packages/material_ui/tool/gen_defaults/data/button_medium.dart index fb5588669407..7982c76d5e1e 100644 --- a/packages/material_ui/tool/gen_defaults/data/button_medium.dart +++ b/packages/material_ui/tool/gen_defaults/data/button_medium.dart @@ -2,9 +2,10 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'shape_struct.dart'; +import 'typescale_struct.dart'; class TokenButtonMedium { /// md.comp.button.medium.container.height @@ -35,19 +36,13 @@ class TokenButtonMedium { static const double iconSize = 24.00; /// md.comp.button.medium.label-text - static const String labelTextFontFamily = 'Roboto'; - - /// md.comp.button.medium.label-text - static const double labelTextFontSize = 16.00; - - /// md.comp.button.medium.label-text - static const double labelTextFontWeight = 500; - - /// md.comp.button.medium.label-text - static const double labelTextLetterSpacing = 0.15; - - /// md.comp.button.medium.label-text - static const double labelTextLineHeight = 24.00; + static const TypescaleStruct labelText = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 16.00, + fontWeight: 500, + lineHeight: 24.00, + letterSpacing: 0.15, + ); /// md.comp.button.medium.leading-space static const double leadingSpace = 24.00; diff --git a/packages/material_ui/tool/gen_defaults/data/button_outlined.dart b/packages/material_ui/tool/gen_defaults/data/button_outlined.dart index 38dc640faf9a..e229272dd1ce 100644 --- a/packages/material_ui/tool/gen_defaults/data/button_outlined.dart +++ b/packages/material_ui/tool/gen_defaults/data/button_outlined.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; @@ -23,34 +23,43 @@ class TokenButtonOutlined { static const double disabledLabelTextOpacity = 0.38; /// md.comp.button.outlined.disabled.outline.color - static const TokenColorRole disabledOutlineColor = TokenColorRole.outlineVariant; + static const TokenColorRole disabledOutlineColor = + TokenColorRole.outlineVariant; /// md.comp.button.outlined.focused.icon.color - static const TokenColorRole focusedIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole focusedIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.button.outlined.focused.label-text.color - static const TokenColorRole focusedLabelTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole focusedLabelTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.button.outlined.focused.outline.color - static const TokenColorRole focusedOutlineColor = TokenColorRole.outlineVariant; + static const TokenColorRole focusedOutlineColor = + TokenColorRole.outlineVariant; /// md.comp.button.outlined.focused.state-layer.color - static const TokenColorRole focusedStateLayerColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole focusedStateLayerColor = + TokenColorRole.onSurfaceVariant; /// md.comp.button.outlined.focused.state-layer.opacity static const double focusedStateLayerOpacity = 0.10; /// md.comp.button.outlined.hovered.icon.color - static const TokenColorRole hoveredIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole hoveredIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.button.outlined.hovered.label-text.color - static const TokenColorRole hoveredLabelTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole hoveredLabelTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.button.outlined.hovered.outline.color - static const TokenColorRole hoveredOutlineColor = TokenColorRole.outlineVariant; + static const TokenColorRole hoveredOutlineColor = + TokenColorRole.outlineVariant; /// md.comp.button.outlined.hovered.state-layer.color - static const TokenColorRole hoveredStateLayerColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole hoveredStateLayerColor = + TokenColorRole.onSurfaceVariant; /// md.comp.button.outlined.hovered.state-layer.opacity static const double hoveredStateLayerOpacity = 0.08; @@ -65,101 +74,133 @@ class TokenButtonOutlined { static const TokenColorRole outlineColor = TokenColorRole.outlineVariant; /// md.comp.button.outlined.pressed.icon.color - static const TokenColorRole pressedIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole pressedIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.button.outlined.pressed.label-text.color - static const TokenColorRole pressedLabelTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole pressedLabelTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.button.outlined.pressed.outline.color - static const TokenColorRole pressedOutlineColor = TokenColorRole.outlineVariant; + static const TokenColorRole pressedOutlineColor = + TokenColorRole.outlineVariant; /// md.comp.button.outlined.pressed.state-layer.color - static const TokenColorRole pressedStateLayerColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole pressedStateLayerColor = + TokenColorRole.onSurfaceVariant; /// md.comp.button.outlined.pressed.state-layer.opacity static const double pressedStateLayerOpacity = 0.10; /// md.comp.button.outlined.selected.container.color - static const TokenColorRole selectedContainerColor = TokenColorRole.inverseSurface; + static const TokenColorRole selectedContainerColor = + TokenColorRole.inverseSurface; /// md.comp.button.outlined.selected.disabled.container.color - static const TokenColorRole selectedDisabledContainerColor = TokenColorRole.onSurface; + static const TokenColorRole selectedDisabledContainerColor = + TokenColorRole.onSurface; /// md.comp.button.outlined.selected.focused.icon.color - static const TokenColorRole selectedFocusedIconColor = TokenColorRole.inverseOnSurface; + static const TokenColorRole selectedFocusedIconColor = + TokenColorRole.inverseOnSurface; /// md.comp.button.outlined.selected.focused.label-text.color - static const TokenColorRole selectedFocusedLabelTextColor = TokenColorRole.inverseOnSurface; + static const TokenColorRole selectedFocusedLabelTextColor = + TokenColorRole.inverseOnSurface; /// md.comp.button.outlined.selected.focused.state-layer.color - static const TokenColorRole selectedFocusedStateLayerColor = TokenColorRole.inverseOnSurface; + static const TokenColorRole selectedFocusedStateLayerColor = + TokenColorRole.inverseOnSurface; /// md.comp.button.outlined.selected.hovered.icon.color - static const TokenColorRole selectedHoveredIconColor = TokenColorRole.inverseOnSurface; + static const TokenColorRole selectedHoveredIconColor = + TokenColorRole.inverseOnSurface; /// md.comp.button.outlined.selected.hovered.label-text.color - static const TokenColorRole selectedHoveredLabelTextColor = TokenColorRole.inverseOnSurface; + static const TokenColorRole selectedHoveredLabelTextColor = + TokenColorRole.inverseOnSurface; /// md.comp.button.outlined.selected.hovered.state-layer.color - static const TokenColorRole selectedHoveredStateLayerColor = TokenColorRole.inverseOnSurface; + static const TokenColorRole selectedHoveredStateLayerColor = + TokenColorRole.inverseOnSurface; /// md.comp.button.outlined.selected.icon.color - static const TokenColorRole selectedIconColor = TokenColorRole.inverseOnSurface; + static const TokenColorRole selectedIconColor = + TokenColorRole.inverseOnSurface; /// md.comp.button.outlined.selected.label-text.color - static const TokenColorRole selectedLabelTextColor = TokenColorRole.inverseOnSurface; + static const TokenColorRole selectedLabelTextColor = + TokenColorRole.inverseOnSurface; /// md.comp.button.outlined.selected.pressed.icon.color - static const TokenColorRole selectedPressedIconColor = TokenColorRole.inverseOnSurface; + static const TokenColorRole selectedPressedIconColor = + TokenColorRole.inverseOnSurface; /// md.comp.button.outlined.selected.pressed.label-text.color - static const TokenColorRole selectedPressedLabelTextColor = TokenColorRole.inverseOnSurface; + static const TokenColorRole selectedPressedLabelTextColor = + TokenColorRole.inverseOnSurface; /// md.comp.button.outlined.selected.pressed.state-layer.color - static const TokenColorRole selectedPressedStateLayerColor = TokenColorRole.inverseOnSurface; + static const TokenColorRole selectedPressedStateLayerColor = + TokenColorRole.inverseOnSurface; /// md.comp.button.outlined.unselected.disabled.outline.color - static const TokenColorRole unselectedDisabledOutlineColor = TokenColorRole.outlineVariant; + static const TokenColorRole unselectedDisabledOutlineColor = + TokenColorRole.outlineVariant; /// md.comp.button.outlined.unselected.focused.icon.color - static const TokenColorRole unselectedFocusedIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedFocusedIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.button.outlined.unselected.focused.label-text.color - static const TokenColorRole unselectedFocusedLabelTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedFocusedLabelTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.button.outlined.unselected.focused.outline.color - static const TokenColorRole unselectedFocusedOutlineColor = TokenColorRole.outlineVariant; + static const TokenColorRole unselectedFocusedOutlineColor = + TokenColorRole.outlineVariant; /// md.comp.button.outlined.unselected.focused.state-layer.color - static const TokenColorRole unselectedFocusedStateLayerColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedFocusedStateLayerColor = + TokenColorRole.onSurfaceVariant; /// md.comp.button.outlined.unselected.hovered.icon.color - static const TokenColorRole unselectedHoveredIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedHoveredIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.button.outlined.unselected.hovered.label-text.color - static const TokenColorRole unselectedHoveredLabelTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedHoveredLabelTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.button.outlined.unselected.hovered.outline.color - static const TokenColorRole unselectedHoveredOutlineColor = TokenColorRole.outlineVariant; + static const TokenColorRole unselectedHoveredOutlineColor = + TokenColorRole.outlineVariant; /// md.comp.button.outlined.unselected.hovered.state-layer.color - static const TokenColorRole unselectedHoveredStateLayerColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedHoveredStateLayerColor = + TokenColorRole.onSurfaceVariant; /// md.comp.button.outlined.unselected.icon.color - static const TokenColorRole unselectedIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.button.outlined.unselected.label-text.color - static const TokenColorRole unselectedLabelTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedLabelTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.button.outlined.unselected.pressed.icon.color - static const TokenColorRole unselectedPressedIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedPressedIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.button.outlined.unselected.pressed.label-text.color - static const TokenColorRole unselectedPressedLabelTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedPressedLabelTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.button.outlined.unselected.pressed.outline.color - static const TokenColorRole unselectedPressedOutlineColor = TokenColorRole.outlineVariant; + static const TokenColorRole unselectedPressedOutlineColor = + TokenColorRole.outlineVariant; /// md.comp.button.outlined.unselected.pressed.state-layer.color - static const TokenColorRole unselectedPressedStateLayerColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedPressedStateLayerColor = + TokenColorRole.onSurfaceVariant; } diff --git a/packages/material_ui/tool/gen_defaults/data/button_small.dart b/packages/material_ui/tool/gen_defaults/data/button_small.dart index 8cee205e1875..291a87dbc625 100644 --- a/packages/material_ui/tool/gen_defaults/data/button_small.dart +++ b/packages/material_ui/tool/gen_defaults/data/button_small.dart @@ -2,9 +2,10 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'shape_struct.dart'; +import 'typescale_struct.dart'; class TokenButtonSmall { /// md.comp.button.small.container.height @@ -35,19 +36,13 @@ class TokenButtonSmall { static const double iconSize = 20.00; /// md.comp.button.small.label-text - static const String labelTextFontFamily = 'Roboto'; - - /// md.comp.button.small.label-text - static const double labelTextFontSize = 14.00; - - /// md.comp.button.small.label-text - static const double labelTextFontWeight = 500; - - /// md.comp.button.small.label-text - static const double labelTextLetterSpacing = 0.10; - - /// md.comp.button.small.label-text - static const double labelTextLineHeight = 20.00; + static const TypescaleStruct labelText = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 14.00, + fontWeight: 500, + lineHeight: 20.00, + letterSpacing: 0.10, + ); /// md.comp.button.small.leading-space static const double leadingSpace = 16.00; diff --git a/packages/material_ui/tool/gen_defaults/data/button_text.dart b/packages/material_ui/tool/gen_defaults/data/button_text.dart index be591aae5dea..8e06c003ee95 100644 --- a/packages/material_ui/tool/gen_defaults/data/button_text.dart +++ b/packages/material_ui/tool/gen_defaults/data/button_text.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; diff --git a/packages/material_ui/tool/gen_defaults/data/button_tonal.dart b/packages/material_ui/tool/gen_defaults/data/button_tonal.dart index 2aaa6a2b7300..8e6ca7d0a33d 100644 --- a/packages/material_ui/tool/gen_defaults/data/button_tonal.dart +++ b/packages/material_ui/tool/gen_defaults/data/button_tonal.dart @@ -2,13 +2,14 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; class TokenButtonTonal { /// md.comp.button.tonal.container.color - static const TokenColorRole containerColor = TokenColorRole.secondaryContainer; + static const TokenColorRole containerColor = + TokenColorRole.secondaryContainer; /// md.comp.button.tonal.container.elevation static const double containerElevation = 0.00; @@ -41,25 +42,31 @@ class TokenButtonTonal { static const double focusedContainerElevation = 0.00; /// md.comp.button.tonal.focused.icon.color - static const TokenColorRole focusedIconColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole focusedIconColor = + TokenColorRole.onSecondaryContainer; /// md.comp.button.tonal.focused.label-text.color - static const TokenColorRole focusedLabelTextColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole focusedLabelTextColor = + TokenColorRole.onSecondaryContainer; /// md.comp.button.tonal.focused.state-layer.color - static const TokenColorRole focusedStateLayerColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole focusedStateLayerColor = + TokenColorRole.onSecondaryContainer; /// md.comp.button.tonal.focused.state-layer.opacity static const double focusedStateLayerOpacity = 0.10; /// md.comp.button.tonal.hovered.icon.color - static const TokenColorRole hoveredIconColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole hoveredIconColor = + TokenColorRole.onSecondaryContainer; /// md.comp.button.tonal.hovered.label-text.color - static const TokenColorRole hoveredLabelTextColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole hoveredLabelTextColor = + TokenColorRole.onSecondaryContainer; /// md.comp.button.tonal.hovered.state-layer.color - static const TokenColorRole hoveredStateLayerColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole hoveredStateLayerColor = + TokenColorRole.onSecondaryContainer; /// md.comp.button.tonal.hovered.state-layer.opacity static const double hoveredStateLayerOpacity = 0.08; @@ -68,19 +75,23 @@ class TokenButtonTonal { static const TokenColorRole iconColor = TokenColorRole.onSecondaryContainer; /// md.comp.button.tonal.label-text.color - static const TokenColorRole labelTextColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole labelTextColor = + TokenColorRole.onSecondaryContainer; /// md.comp.button.tonal.pressed.container.elevation static const double pressedContainerElevation = 0.00; /// md.comp.button.tonal.pressed.icon.color - static const TokenColorRole pressedIconColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole pressedIconColor = + TokenColorRole.onSecondaryContainer; /// md.comp.button.tonal.pressed.label-text.color - static const TokenColorRole pressedLabelTextColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole pressedLabelTextColor = + TokenColorRole.onSecondaryContainer; /// md.comp.button.tonal.pressed.state-layer.color - static const TokenColorRole pressedStateLayerColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole pressedStateLayerColor = + TokenColorRole.onSecondaryContainer; /// md.comp.button.tonal.pressed.state-layer.opacity static const double pressedStateLayerOpacity = 0.10; @@ -89,72 +100,91 @@ class TokenButtonTonal { static const TokenColorRole selectedContainerColor = TokenColorRole.secondary; /// md.comp.button.tonal.selected.focused.icon.color - static const TokenColorRole selectedFocusedIconColor = TokenColorRole.onSecondary; + static const TokenColorRole selectedFocusedIconColor = + TokenColorRole.onSecondary; /// md.comp.button.tonal.selected.focused.label-text.color - static const TokenColorRole selectedFocusedLabelTextColor = TokenColorRole.onSecondary; + static const TokenColorRole selectedFocusedLabelTextColor = + TokenColorRole.onSecondary; /// md.comp.button.tonal.selected.focused.state-layer.color - static const TokenColorRole selectedFocusedStateLayerColor = TokenColorRole.onSecondary; + static const TokenColorRole selectedFocusedStateLayerColor = + TokenColorRole.onSecondary; /// md.comp.button.tonal.selected.hovered.icon.color - static const TokenColorRole selectedHoveredIconColor = TokenColorRole.onSecondary; + static const TokenColorRole selectedHoveredIconColor = + TokenColorRole.onSecondary; /// md.comp.button.tonal.selected.hovered.label-text.color - static const TokenColorRole selectedHoveredLabelTextColor = TokenColorRole.onSecondary; + static const TokenColorRole selectedHoveredLabelTextColor = + TokenColorRole.onSecondary; /// md.comp.button.tonal.selected.hovered.state-layer.color - static const TokenColorRole selectedHoveredStateLayerColor = TokenColorRole.onSecondary; + static const TokenColorRole selectedHoveredStateLayerColor = + TokenColorRole.onSecondary; /// md.comp.button.tonal.selected.icon.color static const TokenColorRole selectedIconColor = TokenColorRole.onSecondary; /// md.comp.button.tonal.selected.label-text.color - static const TokenColorRole selectedLabelTextColor = TokenColorRole.onSecondary; + static const TokenColorRole selectedLabelTextColor = + TokenColorRole.onSecondary; /// md.comp.button.tonal.selected.pressed.icon.color - static const TokenColorRole selectedPressedIconColor = TokenColorRole.onSecondary; + static const TokenColorRole selectedPressedIconColor = + TokenColorRole.onSecondary; /// md.comp.button.tonal.selected.pressed.label-text.color - static const TokenColorRole selectedPressedLabelTextColor = TokenColorRole.onSecondary; + static const TokenColorRole selectedPressedLabelTextColor = + TokenColorRole.onSecondary; /// md.comp.button.tonal.selected.pressed.state-layer.color - static const TokenColorRole selectedPressedStateLayerColor = TokenColorRole.onSecondary; + static const TokenColorRole selectedPressedStateLayerColor = + TokenColorRole.onSecondary; /// md.comp.button.tonal.unselected.container.color - static const TokenColorRole unselectedContainerColor = TokenColorRole.secondaryContainer; + static const TokenColorRole unselectedContainerColor = + TokenColorRole.secondaryContainer; /// md.comp.button.tonal.unselected.focused.icon.color - static const TokenColorRole unselectedFocusedIconColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole unselectedFocusedIconColor = + TokenColorRole.onSecondaryContainer; /// md.comp.button.tonal.unselected.focused.label-text.color - static const TokenColorRole unselectedFocusedLabelTextColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole unselectedFocusedLabelTextColor = + TokenColorRole.onSecondaryContainer; /// md.comp.button.tonal.unselected.focused.state-layer.color static const TokenColorRole unselectedFocusedStateLayerColor = TokenColorRole.onSecondaryContainer; /// md.comp.button.tonal.unselected.hovered.icon.color - static const TokenColorRole unselectedHoveredIconColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole unselectedHoveredIconColor = + TokenColorRole.onSecondaryContainer; /// md.comp.button.tonal.unselected.hovered.label-text.color - static const TokenColorRole unselectedHoveredLabelTextColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole unselectedHoveredLabelTextColor = + TokenColorRole.onSecondaryContainer; /// md.comp.button.tonal.unselected.hovered.state-layer.color static const TokenColorRole unselectedHoveredStateLayerColor = TokenColorRole.onSecondaryContainer; /// md.comp.button.tonal.unselected.icon.color - static const TokenColorRole unselectedIconColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole unselectedIconColor = + TokenColorRole.onSecondaryContainer; /// md.comp.button.tonal.unselected.label-text.color - static const TokenColorRole unselectedLabelTextColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole unselectedLabelTextColor = + TokenColorRole.onSecondaryContainer; /// md.comp.button.tonal.unselected.pressed.icon.color - static const TokenColorRole unselectedPressedIconColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole unselectedPressedIconColor = + TokenColorRole.onSecondaryContainer; /// md.comp.button.tonal.unselected.pressed.label-text.color - static const TokenColorRole unselectedPressedLabelTextColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole unselectedPressedLabelTextColor = + TokenColorRole.onSecondaryContainer; /// md.comp.button.tonal.unselected.pressed.state-layer.color static const TokenColorRole unselectedPressedStateLayerColor = diff --git a/packages/material_ui/tool/gen_defaults/data/button_xlarge.dart b/packages/material_ui/tool/gen_defaults/data/button_xlarge.dart index 6a3281b0864a..2aaee0c7c7e0 100644 --- a/packages/material_ui/tool/gen_defaults/data/button_xlarge.dart +++ b/packages/material_ui/tool/gen_defaults/data/button_xlarge.dart @@ -2,9 +2,10 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'shape_struct.dart'; +import 'typescale_struct.dart'; class TokenButtonXlarge { /// md.comp.button.xlarge.container.height @@ -35,19 +36,13 @@ class TokenButtonXlarge { static const double iconSize = 40.00; /// md.comp.button.xlarge.label-text - static const String labelTextFontFamily = 'Roboto'; - - /// md.comp.button.xlarge.label-text - static const double labelTextFontSize = 32.00; - - /// md.comp.button.xlarge.label-text - static const double labelTextFontWeight = 400; - - /// md.comp.button.xlarge.label-text - static const double labelTextLetterSpacing = 0.00; - - /// md.comp.button.xlarge.label-text - static const double labelTextLineHeight = 40.00; + static const TypescaleStruct labelText = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 32.00, + fontWeight: 400, + lineHeight: 40.00, + letterSpacing: 0.00, + ); /// md.comp.button.xlarge.leading-space static const double leadingSpace = 64.00; diff --git a/packages/material_ui/tool/gen_defaults/data/button_xsmall.dart b/packages/material_ui/tool/gen_defaults/data/button_xsmall.dart index 84b9f76be3c8..5aa44d5f4b8f 100644 --- a/packages/material_ui/tool/gen_defaults/data/button_xsmall.dart +++ b/packages/material_ui/tool/gen_defaults/data/button_xsmall.dart @@ -2,9 +2,10 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'shape_struct.dart'; +import 'typescale_struct.dart'; class TokenButtonXsmall { /// md.comp.button.xsmall.container.height @@ -29,25 +30,19 @@ class TokenButtonXsmall { ); /// md.comp.button.xsmall.icon-label-space - static const double iconLabelSpace = 8.00; + static const double iconLabelSpace = 4.00; /// md.comp.button.xsmall.icon.size static const double iconSize = 20.00; /// md.comp.button.xsmall.label-text - static const String labelTextFontFamily = 'Roboto'; - - /// md.comp.button.xsmall.label-text - static const double labelTextFontSize = 14.00; - - /// md.comp.button.xsmall.label-text - static const double labelTextFontWeight = 500; - - /// md.comp.button.xsmall.label-text - static const double labelTextLetterSpacing = 0.10; - - /// md.comp.button.xsmall.label-text - static const double labelTextLineHeight = 20.00; + static const TypescaleStruct labelText = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 14.00, + fontWeight: 500, + lineHeight: 20.00, + letterSpacing: 0.10, + ); /// md.comp.button.xsmall.leading-space static const double leadingSpace = 12.00; diff --git a/packages/material_ui/tool/gen_defaults/data/carousel_item.dart b/packages/material_ui/tool/gen_defaults/data/carousel_item.dart index 6d1a414885f6..c11bab18fb3a 100644 --- a/packages/material_ui/tool/gen_defaults/data/carousel_item.dart +++ b/packages/material_ui/tool/gen_defaults/data/carousel_item.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; @@ -72,16 +72,19 @@ class TokenCarouselItem { static const double pressedStateLayerOpacity = 0.10; /// md.comp.carousel-item.with-outline.disabled.outline.color - static const TokenColorRole withOutlineDisabledOutlineColor = TokenColorRole.outline; + static const TokenColorRole withOutlineDisabledOutlineColor = + TokenColorRole.outline; /// md.comp.carousel-item.with-outline.disabled.outline.opacity static const double withOutlineDisabledOutlineOpacity = 0.12; /// md.comp.carousel-item.with-outline.focus.outline.color - static const TokenColorRole withOutlineFocusOutlineColor = TokenColorRole.onSurface; + static const TokenColorRole withOutlineFocusOutlineColor = + TokenColorRole.onSurface; /// md.comp.carousel-item.with-outline.hover.outline.color - static const TokenColorRole withOutlineHoverOutlineColor = TokenColorRole.outline; + static const TokenColorRole withOutlineHoverOutlineColor = + TokenColorRole.outline; /// md.comp.carousel-item.with-outline.outline.color static const TokenColorRole withOutlineOutlineColor = TokenColorRole.outline; @@ -90,5 +93,6 @@ class TokenCarouselItem { static const double withOutlineOutlineWidth = 1.00; /// md.comp.carousel-item.with-outline.pressed.outline.color - static const TokenColorRole withOutlinePressedOutlineColor = TokenColorRole.outline; + static const TokenColorRole withOutlinePressedOutlineColor = + TokenColorRole.outline; } diff --git a/packages/material_ui/tool/gen_defaults/data/checkbox.dart b/packages/material_ui/tool/gen_defaults/data/checkbox.dart index e41f97759eaa..403f6f45bc72 100644 --- a/packages/material_ui/tool/gen_defaults/data/checkbox.dart +++ b/packages/material_ui/tool/gen_defaults/data/checkbox.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; @@ -33,7 +33,8 @@ class TokenCheckbox { static const double errorHoverStateLayerOpacity = 0.08; /// md.comp.checkbox.error.pressed.state-layer.color - static const TokenColorRole errorPressedStateLayerColor = TokenColorRole.error; + static const TokenColorRole errorPressedStateLayerColor = + TokenColorRole.error; /// md.comp.checkbox.error.pressed.state-layer.opacity static const double errorPressedStateLayerOpacity = 0.10; @@ -54,7 +55,8 @@ class TokenCheckbox { static const TokenColorRole selectedContainerColor = TokenColorRole.primary; /// md.comp.checkbox.selected.disabled.container.color - static const TokenColorRole selectedDisabledContainerColor = TokenColorRole.onSurface; + static const TokenColorRole selectedDisabledContainerColor = + TokenColorRole.onSurface; /// md.comp.checkbox.selected.disabled.container.opacity static const double selectedDisabledContainerOpacity = 0.38; @@ -63,34 +65,43 @@ class TokenCheckbox { static const double selectedDisabledContainerOutlineWidth = 0.00; /// md.comp.checkbox.selected.disabled.icon.color - static const TokenColorRole selectedDisabledIconColor = TokenColorRole.surface; + static const TokenColorRole selectedDisabledIconColor = + TokenColorRole.surface; /// md.comp.checkbox.selected.error.container.color - static const TokenColorRole selectedErrorContainerColor = TokenColorRole.error; + static const TokenColorRole selectedErrorContainerColor = + TokenColorRole.error; /// md.comp.checkbox.selected.error.focus.container.color - static const TokenColorRole selectedErrorFocusContainerColor = TokenColorRole.error; + static const TokenColorRole selectedErrorFocusContainerColor = + TokenColorRole.error; /// md.comp.checkbox.selected.error.focus.icon.color - static const TokenColorRole selectedErrorFocusIconColor = TokenColorRole.onError; + static const TokenColorRole selectedErrorFocusIconColor = + TokenColorRole.onError; /// md.comp.checkbox.selected.error.hover.container.color - static const TokenColorRole selectedErrorHoverContainerColor = TokenColorRole.error; + static const TokenColorRole selectedErrorHoverContainerColor = + TokenColorRole.error; /// md.comp.checkbox.selected.error.hover.icon.color - static const TokenColorRole selectedErrorHoverIconColor = TokenColorRole.onError; + static const TokenColorRole selectedErrorHoverIconColor = + TokenColorRole.onError; /// md.comp.checkbox.selected.error.icon.color static const TokenColorRole selectedErrorIconColor = TokenColorRole.onError; /// md.comp.checkbox.selected.error.pressed.container.color - static const TokenColorRole selectedErrorPressedContainerColor = TokenColorRole.error; + static const TokenColorRole selectedErrorPressedContainerColor = + TokenColorRole.error; /// md.comp.checkbox.selected.error.pressed.icon.color - static const TokenColorRole selectedErrorPressedIconColor = TokenColorRole.onError; + static const TokenColorRole selectedErrorPressedIconColor = + TokenColorRole.onError; /// md.comp.checkbox.selected.focus.container.color - static const TokenColorRole selectedFocusContainerColor = TokenColorRole.primary; + static const TokenColorRole selectedFocusContainerColor = + TokenColorRole.primary; /// md.comp.checkbox.selected.focus.icon.color static const TokenColorRole selectedFocusIconColor = TokenColorRole.onPrimary; @@ -99,13 +110,15 @@ class TokenCheckbox { static const double selectedFocusOutlineWidth = 0.00; /// md.comp.checkbox.selected.focus.state-layer.color - static const TokenColorRole selectedFocusStateLayerColor = TokenColorRole.primary; + static const TokenColorRole selectedFocusStateLayerColor = + TokenColorRole.primary; /// md.comp.checkbox.selected.focus.state-layer.opacity static const double selectedFocusStateLayerOpacity = 0.10; /// md.comp.checkbox.selected.hover.container.color - static const TokenColorRole selectedHoverContainerColor = TokenColorRole.primary; + static const TokenColorRole selectedHoverContainerColor = + TokenColorRole.primary; /// md.comp.checkbox.selected.hover.icon.color static const TokenColorRole selectedHoverIconColor = TokenColorRole.onPrimary; @@ -114,7 +127,8 @@ class TokenCheckbox { static const double selectedHoverOutlineWidth = 0.00; /// md.comp.checkbox.selected.hover.state-layer.color - static const TokenColorRole selectedHoverStateLayerColor = TokenColorRole.primary; + static const TokenColorRole selectedHoverStateLayerColor = + TokenColorRole.primary; /// md.comp.checkbox.selected.hover.state-layer.opacity static const double selectedHoverStateLayerOpacity = 0.08; @@ -126,16 +140,19 @@ class TokenCheckbox { static const double selectedOutlineWidth = 0.00; /// md.comp.checkbox.selected.pressed.container.color - static const TokenColorRole selectedPressedContainerColor = TokenColorRole.primary; + static const TokenColorRole selectedPressedContainerColor = + TokenColorRole.primary; /// md.comp.checkbox.selected.pressed.icon.color - static const TokenColorRole selectedPressedIconColor = TokenColorRole.onPrimary; + static const TokenColorRole selectedPressedIconColor = + TokenColorRole.onPrimary; /// md.comp.checkbox.selected.pressed.outline.width static const double selectedPressedOutlineWidth = 0.00; /// md.comp.checkbox.selected.pressed.state-layer.color - static const TokenColorRole selectedPressedStateLayerColor = TokenColorRole.onSurface; + static const TokenColorRole selectedPressedStateLayerColor = + TokenColorRole.onSurface; /// md.comp.checkbox.selected.pressed.state-layer.opacity static const double selectedPressedStateLayerOpacity = 0.10; @@ -156,61 +173,73 @@ class TokenCheckbox { static const double unselectedDisabledContainerOpacity = 0.38; /// md.comp.checkbox.unselected.disabled.outline.color - static const TokenColorRole unselectedDisabledOutlineColor = TokenColorRole.onSurface; + static const TokenColorRole unselectedDisabledOutlineColor = + TokenColorRole.onSurface; /// md.comp.checkbox.unselected.disabled.outline.width static const double unselectedDisabledOutlineWidth = 2.00; /// md.comp.checkbox.unselected.error.focus.outline.color - static const TokenColorRole unselectedErrorFocusOutlineColor = TokenColorRole.error; + static const TokenColorRole unselectedErrorFocusOutlineColor = + TokenColorRole.error; /// md.comp.checkbox.unselected.error.hover.outline.color - static const TokenColorRole unselectedErrorHoverOutlineColor = TokenColorRole.error; + static const TokenColorRole unselectedErrorHoverOutlineColor = + TokenColorRole.error; /// md.comp.checkbox.unselected.error.outline.color - static const TokenColorRole unselectedErrorOutlineColor = TokenColorRole.error; + static const TokenColorRole unselectedErrorOutlineColor = + TokenColorRole.error; /// md.comp.checkbox.unselected.error.pressed.outline.color - static const TokenColorRole unselectedErrorPressedOutlineColor = TokenColorRole.error; + static const TokenColorRole unselectedErrorPressedOutlineColor = + TokenColorRole.error; /// md.comp.checkbox.unselected.focus.outline.color - static const TokenColorRole unselectedFocusOutlineColor = TokenColorRole.onSurface; + static const TokenColorRole unselectedFocusOutlineColor = + TokenColorRole.onSurface; /// md.comp.checkbox.unselected.focus.outline.width static const double unselectedFocusOutlineWidth = 2.00; /// md.comp.checkbox.unselected.focus.state-layer.color - static const TokenColorRole unselectedFocusStateLayerColor = TokenColorRole.onSurface; + static const TokenColorRole unselectedFocusStateLayerColor = + TokenColorRole.onSurface; /// md.comp.checkbox.unselected.focus.state-layer.opacity static const double unselectedFocusStateLayerOpacity = 0.10; /// md.comp.checkbox.unselected.hover.outline.color - static const TokenColorRole unselectedHoverOutlineColor = TokenColorRole.onSurface; + static const TokenColorRole unselectedHoverOutlineColor = + TokenColorRole.onSurface; /// md.comp.checkbox.unselected.hover.outline.width static const double unselectedHoverOutlineWidth = 2.00; /// md.comp.checkbox.unselected.hover.state-layer.color - static const TokenColorRole unselectedHoverStateLayerColor = TokenColorRole.onSurface; + static const TokenColorRole unselectedHoverStateLayerColor = + TokenColorRole.onSurface; /// md.comp.checkbox.unselected.hover.state-layer.opacity static const double unselectedHoverStateLayerOpacity = 0.08; /// md.comp.checkbox.unselected.outline.color - static const TokenColorRole unselectedOutlineColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedOutlineColor = + TokenColorRole.onSurfaceVariant; /// md.comp.checkbox.unselected.outline.width static const double unselectedOutlineWidth = 2.00; /// md.comp.checkbox.unselected.pressed.outline.color - static const TokenColorRole unselectedPressedOutlineColor = TokenColorRole.onSurface; + static const TokenColorRole unselectedPressedOutlineColor = + TokenColorRole.onSurface; /// md.comp.checkbox.unselected.pressed.outline.width static const double unselectedPressedOutlineWidth = 2.00; /// md.comp.checkbox.unselected.pressed.state-layer.color - static const TokenColorRole unselectedPressedStateLayerColor = TokenColorRole.primary; + static const TokenColorRole unselectedPressedStateLayerColor = + TokenColorRole.primary; /// md.comp.checkbox.unselected.pressed.state-layer.opacity static const double unselectedPressedStateLayerOpacity = 0.10; diff --git a/packages/material_ui/tool/gen_defaults/data/chips.dart b/packages/material_ui/tool/gen_defaults/data/chips.dart new file mode 100644 index 000000000000..ce81499e2353 --- /dev/null +++ b/packages/material_ui/tool/gen_defaults/data/chips.dart @@ -0,0 +1,223 @@ +// Copyright 2013 The Flutter Authors. +// Use of this source code is governed by a BSD-style license that can be +// found in the LICENSE file. + +// Version: 38.0.15 + +import 'color_role.dart'; +import 'shape_struct.dart'; +import 'typescale_struct.dart'; + +class TokenChips { + /// md.comp.chips.avatar.shape + static const ShapeStruct avatarShape = ShapeStruct( + family: 'SHAPE_FAMILY_CIRCULAR', + topLeft: 0.00, + topRight: 0.00, + bottomLeft: 0.00, + bottomRight: 0.00, + ); + + /// md.comp.chips.avatar.size + static const double avatarSize = 24.00; + + /// md.comp.chips.container.elevation + static const double containerElevation = 0.00; + + /// md.comp.chips.disabled.avatar.opacity + static const double disabledAvatarOpacity = 0.38; + + /// md.comp.chips.disabled.label-text.color + static const TokenColorRole disabledLabelTextColor = TokenColorRole.onSurface; + + /// md.comp.chips.disabled.label-text.opacity + static const double disabledLabelTextOpacity = 0.38; + + /// md.comp.chips.disabled.leading-icon.color + static const TokenColorRole disabledLeadingIconColor = + TokenColorRole.onSurface; + + /// md.comp.chips.disabled.leading-icon.opacity + static const double disabledLeadingIconOpacity = 0.38; + + /// md.comp.chips.disabled.trailing-icon.color + static const TokenColorRole disabledTrailingIconColor = + TokenColorRole.onSurface; + + /// md.comp.chips.disabled.trailing-icon.opacity + static const double disabledTrailingIconOpacity = 0.38; + + /// md.comp.chips.dragged.container.elevation + static const double draggedContainerElevation = 8.00; + + /// md.comp.chips.filter.padding.leading + static const double filterPaddingLeading = 16.00; + + /// md.comp.chips.filter.padding.trailing + static const double filterPaddingTrailing = 16.00; + + /// md.comp.chips.focused.indicator.color + static const TokenColorRole focusedIndicatorColor = TokenColorRole.secondary; + + /// md.comp.chips.focused.indicator.outline.offset + static const double focusedIndicatorOutlineOffset = 2.00; + + /// md.comp.chips.focused.indicator.thickness + static const double focusedIndicatorThickness = 3.00; + + /// md.comp.chips.gap.horizontal + static const double gapHorizontal = 4.00; + + /// md.comp.chips.height + static const double height = 32.00; + + /// md.comp.chips.input.padding.leading + static const double inputPaddingLeading = 12.00; + + /// md.comp.chips.input.padding.trailing + static const double inputPaddingTrailing = 12.00; + + /// md.comp.chips.label-text + static const TypescaleStruct labelText = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 14.00, + fontWeight: 500, + lineHeight: 20.00, + letterSpacing: 0.10, + ); + + /// md.comp.chips.leading-icon.size + static const double leadingIconSize = 18.00; + + /// md.comp.chips.padding.bottom + static const double paddingBottom = 6.00; + + /// md.comp.chips.padding.top + static const double paddingTop = 6.00; + + /// md.comp.chips.pressed.shape + static const ShapeStruct pressedShape = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 8.00, + topRight: 8.00, + bottomLeft: 8.00, + bottomRight: 8.00, + ); + + /// md.comp.chips.selected.container.color + static const TokenColorRole selectedContainerColor = + TokenColorRole.secondaryContainer; + + /// md.comp.chips.selected.disabled.container.color + static const TokenColorRole selectedDisabledContainerColor = + TokenColorRole.onSurface; + + /// md.comp.chips.selected.disabled.container.opacity + static const double selectedDisabledContainerOpacity = 0.12; + + /// md.comp.chips.selected.dragged.state-layer.opacity + static const double selectedDraggedStateLayerOpacity = 0.16; + + /// md.comp.chips.selected.focused.state-layer.opacity + static const double selectedFocusedStateLayerOpacity = 0.10; + + /// md.comp.chips.selected.hovered.state-layer.opacity + static const double selectedHoveredStateLayerOpacity = 0.08; + + /// md.comp.chips.selected.label-text.color + static const TokenColorRole selectedLabelTextColor = + TokenColorRole.onSecondaryContainer; + + /// md.comp.chips.selected.leading-icon.color + static const TokenColorRole selectedLeadingIconColor = + TokenColorRole.onSecondaryContainer; + + /// md.comp.chips.selected.outline.width + static const double selectedOutlineWidth = 0.00; + + /// md.comp.chips.selected.pressed.state-layer.opacity + static const double selectedPressedStateLayerOpacity = 0.10; + + /// md.comp.chips.selected.shape + static const ShapeStruct selectedShape = ShapeStruct( + family: 'SHAPE_FAMILY_CIRCULAR', + topLeft: 0.00, + topRight: 0.00, + bottomLeft: 0.00, + bottomRight: 0.00, + ); + + /// md.comp.chips.selected.state-layer.color + static const TokenColorRole selectedStateLayerColor = + TokenColorRole.onSecondaryContainer; + + /// md.comp.chips.selected.trailing-icon.color + static const TokenColorRole selectedTrailingIconColor = + TokenColorRole.onSecondaryContainer; + + /// md.comp.chips.state-layer.opacity + static const double stateLayerOpacity = 0.00; + + /// md.comp.chips.trailing-icon.size + static const double trailingIconSize = 18.00; + + /// md.comp.chips.unselected.disabled.outline.color + static const TokenColorRole unselectedDisabledOutlineColor = + TokenColorRole.onSurface; + + /// md.comp.chips.unselected.disabled.outline.opacity + static const double unselectedDisabledOutlineOpacity = 0.10; + + /// md.comp.chips.unselected.dragged.state-layer.opacity + static const double unselectedDraggedStateLayerOpacity = 0.16; + + /// md.comp.chips.unselected.focused.state-layer.opacity + static const double unselectedFocusedStateLayerOpacity = 0.10; + + /// md.comp.chips.unselected.hovered.state-layer.opacity + static const double unselectedHoveredStateLayerOpacity = 0.08; + + /// md.comp.chips.unselected.label-text.color + static const TokenColorRole unselectedLabelTextColor = + TokenColorRole.onSurfaceVariant; + + /// md.comp.chips.unselected.leading-icon.color + static const TokenColorRole unselectedLeadingIconColor = + TokenColorRole.onSurfaceVariant; + + /// md.comp.chips.unselected.outline.color + static const TokenColorRole unselectedOutlineColor = + TokenColorRole.outlineVariant; + + /// md.comp.chips.unselected.outline.width + static const double unselectedOutlineWidth = 1.00; + + /// md.comp.chips.unselected.pressed.state-layer.opacity + static const double unselectedPressedStateLayerOpacity = 0.10; + + /// md.comp.chips.unselected.shape + static const ShapeStruct unselectedShape = ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 12.00, + topRight: 12.00, + bottomLeft: 12.00, + bottomRight: 12.00, + ); + + /// md.comp.chips.unselected.state-layer.color + static const TokenColorRole unselectedStateLayerColor = + TokenColorRole.onSurfaceVariant; + + /// md.comp.chips.unselected.trailing-icon.color + static const TokenColorRole unselectedTrailingIconColor = + TokenColorRole.onSurfaceVariant; + + /// md.comp.chips.with-avatar.padding.leading + static const double withAvatarPaddingLeading = 4.00; + + /// md.comp.chips.with-leading-icon.padding.leading + static const double withLeadingIconPaddingLeading = 8.00; + + /// md.comp.chips.with-trailing-icon.padding.trailing + static const double withTrailingIconPaddingTrailing = 8.00; +} diff --git a/packages/material_ui/tool/gen_defaults/data/color.dart b/packages/material_ui/tool/gen_defaults/data/color.dart index d4415ad4e85c..4dc5fa814cd3 100644 --- a/packages/material_ui/tool/gen_defaults/data/color.dart +++ b/packages/material_ui/tool/gen_defaults/data/color.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 class TokenColor { /// md.sys.color.background diff --git a/packages/material_ui/tool/gen_defaults/data/color_dark.dart b/packages/material_ui/tool/gen_defaults/data/color_dark.dart index a7b2e9deb113..b22f14827b4a 100644 --- a/packages/material_ui/tool/gen_defaults/data/color_dark.dart +++ b/packages/material_ui/tool/gen_defaults/data/color_dark.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 class TokenColorDark { /// md.sys.color.background @@ -38,12 +38,24 @@ class TokenColorDark { /// md.sys.color.on-primary-container static const String onPrimaryContainer = '0xFFEADDFF'; + /// md.sys.color.on-primary-fixed + static const String onPrimaryFixed = '0xFF21005D'; + + /// md.sys.color.on-primary-fixed-variant + static const String onPrimaryFixedVariant = '0xFF4F378B'; + /// md.sys.color.on-secondary static const String onSecondary = '0xFF332D41'; /// md.sys.color.on-secondary-container static const String onSecondaryContainer = '0xFFE8DEF8'; + /// md.sys.color.on-secondary-fixed + static const String onSecondaryFixed = '0xFF1D192B'; + + /// md.sys.color.on-secondary-fixed-variant + static const String onSecondaryFixedVariant = '0xFF4A4458'; + /// md.sys.color.on-surface static const String onSurface = '0xFFE6E0E9'; @@ -56,6 +68,12 @@ class TokenColorDark { /// md.sys.color.on-tertiary-container static const String onTertiaryContainer = '0xFFFFD8E4'; + /// md.sys.color.on-tertiary-fixed + static const String onTertiaryFixed = '0xFF31111D'; + + /// md.sys.color.on-tertiary-fixed-variant + static const String onTertiaryFixedVariant = '0xFF633B48'; + /// md.sys.color.outline static const String outline = '0xFF938F99'; @@ -68,6 +86,12 @@ class TokenColorDark { /// md.sys.color.primary-container static const String primaryContainer = '0xFF4F378B'; + /// md.sys.color.primary-fixed + static const String primaryFixed = '0xFFEADDFF'; + + /// md.sys.color.primary-fixed-dim + static const String primaryFixedDim = '0xFFD0BCFF'; + /// md.sys.color.scrim static const String scrim = '0xFF000000'; @@ -77,6 +101,12 @@ class TokenColorDark { /// md.sys.color.secondary-container static const String secondaryContainer = '0xFF4A4458'; + /// md.sys.color.secondary-fixed + static const String secondaryFixed = '0xFFE8DEF8'; + + /// md.sys.color.secondary-fixed-dim + static const String secondaryFixedDim = '0xFFCCC2DC'; + /// md.sys.color.shadow static const String shadow = '0xFF000000'; @@ -112,4 +142,10 @@ class TokenColorDark { /// md.sys.color.tertiary-container static const String tertiaryContainer = '0xFF633B48'; + + /// md.sys.color.tertiary-fixed + static const String tertiaryFixed = '0xFFFFD8E4'; + + /// md.sys.color.tertiary-fixed-dim + static const String tertiaryFixedDim = '0xFFEFB8C8'; } diff --git a/packages/material_ui/tool/gen_defaults/data/color_dark_high_contrast.dart b/packages/material_ui/tool/gen_defaults/data/color_dark_high_contrast.dart index e8324ec6caf0..337c78555f60 100644 --- a/packages/material_ui/tool/gen_defaults/data/color_dark_high_contrast.dart +++ b/packages/material_ui/tool/gen_defaults/data/color_dark_high_contrast.dart @@ -2,9 +2,12 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 class TokenColorDarkHighContrast { + /// md.sys.color.background + static const String background = '0xFF141218'; + /// md.sys.color.error static const String error = '0xFFFCEEEE'; @@ -17,6 +20,9 @@ class TokenColorDarkHighContrast { /// md.sys.color.inverse-primary static const String inversePrimary = '0xFF381E72'; + /// md.sys.color.inverse-surface + static const String inverseSurface = '0xFFE6E0E9'; + /// md.sys.color.on-background static const String onBackground = '0xFFFFFFFF'; @@ -86,6 +92,9 @@ class TokenColorDarkHighContrast { /// md.sys.color.primary-fixed-dim static const String primaryFixedDim = '0xFFD0BCFF'; + /// md.sys.color.scrim + static const String scrim = '0xFF000000'; + /// md.sys.color.secondary static const String secondary = '0xFFF6EDFF'; @@ -98,6 +107,36 @@ class TokenColorDarkHighContrast { /// md.sys.color.secondary-fixed-dim static const String secondaryFixedDim = '0xFFCCC2DC'; + /// md.sys.color.shadow + static const String shadow = '0xFF000000'; + + /// md.sys.color.surface + static const String surface = '0xFF141218'; + + /// md.sys.color.surface-bright + static const String surfaceBright = '0xFF3B383E'; + + /// md.sys.color.surface-container + static const String surfaceContainer = '0xFF211F26'; + + /// md.sys.color.surface-container-high + static const String surfaceContainerHigh = '0xFF2B2930'; + + /// md.sys.color.surface-container-highest + static const String surfaceContainerHighest = '0xFF36343B'; + + /// md.sys.color.surface-container-low + static const String surfaceContainerLow = '0xFF1D1B20'; + + /// md.sys.color.surface-container-lowest + static const String surfaceContainerLowest = '0xFF0F0D13'; + + /// md.sys.color.surface-dim + static const String surfaceDim = '0xFF141218'; + + /// md.sys.color.surface-variant + static const String surfaceVariant = '0xFF49454F'; + /// md.sys.color.tertiary static const String tertiary = '0xFFFFECF1'; diff --git a/packages/material_ui/tool/gen_defaults/data/color_dark_medium_contrast.dart b/packages/material_ui/tool/gen_defaults/data/color_dark_medium_contrast.dart index 7abc0bb6085a..676073b34e59 100644 --- a/packages/material_ui/tool/gen_defaults/data/color_dark_medium_contrast.dart +++ b/packages/material_ui/tool/gen_defaults/data/color_dark_medium_contrast.dart @@ -2,9 +2,12 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 class TokenColorDarkMediumContrast { + /// md.sys.color.background + static const String background = '0xFF141218'; + /// md.sys.color.error static const String error = '0xFFF9DEDC'; @@ -17,6 +20,9 @@ class TokenColorDarkMediumContrast { /// md.sys.color.inverse-primary static const String inversePrimary = '0xFF4F378B'; + /// md.sys.color.inverse-surface + static const String inverseSurface = '0xFFE6E0E9'; + /// md.sys.color.on-background static const String onBackground = '0xFFFFFFFF'; @@ -86,6 +92,9 @@ class TokenColorDarkMediumContrast { /// md.sys.color.primary-fixed-dim static const String primaryFixedDim = '0xFFD0BCFF'; + /// md.sys.color.scrim + static const String scrim = '0xFF000000'; + /// md.sys.color.secondary static const String secondary = '0xFFE8DEF8'; @@ -98,6 +107,36 @@ class TokenColorDarkMediumContrast { /// md.sys.color.secondary-fixed-dim static const String secondaryFixedDim = '0xFFCCC2DC'; + /// md.sys.color.shadow + static const String shadow = '0xFF000000'; + + /// md.sys.color.surface + static const String surface = '0xFF141218'; + + /// md.sys.color.surface-bright + static const String surfaceBright = '0xFF3B383E'; + + /// md.sys.color.surface-container + static const String surfaceContainer = '0xFF211F26'; + + /// md.sys.color.surface-container-high + static const String surfaceContainerHigh = '0xFF2B2930'; + + /// md.sys.color.surface-container-highest + static const String surfaceContainerHighest = '0xFF36343B'; + + /// md.sys.color.surface-container-low + static const String surfaceContainerLow = '0xFF1D1B20'; + + /// md.sys.color.surface-container-lowest + static const String surfaceContainerLowest = '0xFF0F0D13'; + + /// md.sys.color.surface-dim + static const String surfaceDim = '0xFF141218'; + + /// md.sys.color.surface-variant + static const String surfaceVariant = '0xFF49454F'; + /// md.sys.color.tertiary static const String tertiary = '0xFFFFD8E4'; diff --git a/packages/material_ui/tool/gen_defaults/data/color_light_high_contrast.dart b/packages/material_ui/tool/gen_defaults/data/color_light_high_contrast.dart index bcae6be70673..322c58d1a73d 100644 --- a/packages/material_ui/tool/gen_defaults/data/color_light_high_contrast.dart +++ b/packages/material_ui/tool/gen_defaults/data/color_light_high_contrast.dart @@ -2,9 +2,12 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 class TokenColorLightHighContrast { + /// md.sys.color.background + static const String background = '0xFFFEF7FF'; + /// md.sys.color.error static const String error = '0xFF601410'; @@ -14,6 +17,12 @@ class TokenColorLightHighContrast { /// md.sys.color.inverse-on-surface static const String inverseOnSurface = '0xFFFFFFFF'; + /// md.sys.color.inverse-primary + static const String inversePrimary = '0xFFD0BCFF'; + + /// md.sys.color.inverse-surface + static const String inverseSurface = '0xFF322F35'; + /// md.sys.color.on-background static const String onBackground = '0xFF000000'; @@ -83,6 +92,9 @@ class TokenColorLightHighContrast { /// md.sys.color.primary-fixed-dim static const String primaryFixedDim = '0xFF381E72'; + /// md.sys.color.scrim + static const String scrim = '0xFF000000'; + /// md.sys.color.secondary static const String secondary = '0xFF332D41'; @@ -95,6 +107,36 @@ class TokenColorLightHighContrast { /// md.sys.color.secondary-fixed-dim static const String secondaryFixedDim = '0xFF332D41'; + /// md.sys.color.shadow + static const String shadow = '0xFF000000'; + + /// md.sys.color.surface + static const String surface = '0xFFFEF7FF'; + + /// md.sys.color.surface-bright + static const String surfaceBright = '0xFFFEF7FF'; + + /// md.sys.color.surface-container + static const String surfaceContainer = '0xFFF3EDF7'; + + /// md.sys.color.surface-container-high + static const String surfaceContainerHigh = '0xFFECE6F0'; + + /// md.sys.color.surface-container-highest + static const String surfaceContainerHighest = '0xFFE6E0E9'; + + /// md.sys.color.surface-container-low + static const String surfaceContainerLow = '0xFFF7F2FA'; + + /// md.sys.color.surface-container-lowest + static const String surfaceContainerLowest = '0xFFFFFFFF'; + + /// md.sys.color.surface-dim + static const String surfaceDim = '0xFFDED8E1'; + + /// md.sys.color.surface-variant + static const String surfaceVariant = '0xFFE7E0EC'; + /// md.sys.color.tertiary static const String tertiary = '0xFF492532'; diff --git a/packages/material_ui/tool/gen_defaults/data/color_light_medium_contrast.dart b/packages/material_ui/tool/gen_defaults/data/color_light_medium_contrast.dart index 4303aadc509e..82ce1c7d1092 100644 --- a/packages/material_ui/tool/gen_defaults/data/color_light_medium_contrast.dart +++ b/packages/material_ui/tool/gen_defaults/data/color_light_medium_contrast.dart @@ -2,9 +2,12 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 class TokenColorLightMediumContrast { + /// md.sys.color.background + static const String background = '0xFFFEF7FF'; + /// md.sys.color.error static const String error = '0xFF8C1D18'; @@ -14,6 +17,12 @@ class TokenColorLightMediumContrast { /// md.sys.color.inverse-on-surface static const String inverseOnSurface = '0xFFFFFFFF'; + /// md.sys.color.inverse-primary + static const String inversePrimary = '0xFFD0BCFF'; + + /// md.sys.color.inverse-surface + static const String inverseSurface = '0xFF322F35'; + /// md.sys.color.on-background static const String onBackground = '0xFF000000'; @@ -83,6 +92,9 @@ class TokenColorLightMediumContrast { /// md.sys.color.primary-fixed-dim static const String primaryFixedDim = '0xFF4F378B'; + /// md.sys.color.scrim + static const String scrim = '0xFF000000'; + /// md.sys.color.secondary static const String secondary = '0xFF4A4458'; @@ -95,6 +107,36 @@ class TokenColorLightMediumContrast { /// md.sys.color.secondary-fixed-dim static const String secondaryFixedDim = '0xFF4A4458'; + /// md.sys.color.shadow + static const String shadow = '0xFF000000'; + + /// md.sys.color.surface + static const String surface = '0xFFFEF7FF'; + + /// md.sys.color.surface-bright + static const String surfaceBright = '0xFFFEF7FF'; + + /// md.sys.color.surface-container + static const String surfaceContainer = '0xFFF3EDF7'; + + /// md.sys.color.surface-container-high + static const String surfaceContainerHigh = '0xFFECE6F0'; + + /// md.sys.color.surface-container-highest + static const String surfaceContainerHighest = '0xFFE6E0E9'; + + /// md.sys.color.surface-container-low + static const String surfaceContainerLow = '0xFFF7F2FA'; + + /// md.sys.color.surface-container-lowest + static const String surfaceContainerLowest = '0xFFFFFFFF'; + + /// md.sys.color.surface-dim + static const String surfaceDim = '0xFFDED8E1'; + + /// md.sys.color.surface-variant + static const String surfaceVariant = '0xFFE7E0EC'; + /// md.sys.color.tertiary static const String tertiary = '0xFF633B48'; diff --git a/packages/material_ui/tool/gen_defaults/data/color_role.dart b/packages/material_ui/tool/gen_defaults/data/color_role.dart index bffa24997a1f..ca49130e0f08 100644 --- a/packages/material_ui/tool/gen_defaults/data/color_role.dart +++ b/packages/material_ui/tool/gen_defaults/data/color_role.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 enum TokenColorRole { /// md.sys.color.background diff --git a/packages/material_ui/tool/gen_defaults/data/data_table.dart b/packages/material_ui/tool/gen_defaults/data/data_table.dart index ddacc8248f15..075a3311b9c5 100644 --- a/packages/material_ui/tool/gen_defaults/data/data_table.dart +++ b/packages/material_ui/tool/gen_defaults/data/data_table.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; @@ -24,10 +24,8 @@ class TokenDataTable { static const double footerContainerHeight = 52.00; /// md.comp.data-table.footer.supporting-text.color - static const TokenColorRole footerSupportingTextColor = TokenColorRole.onSurfaceVariant; - - /// md.comp.data-table.footer.supporting-text.font - static const String footerSupportingTextFont = 'Roboto'; + static const TokenColorRole footerSupportingTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.data-table.header.container.color static const TokenColorRole headerContainerColor = TokenColorRole.surface; @@ -36,16 +34,16 @@ class TokenDataTable { static const double headerContainerHeight = 56.00; /// md.comp.data-table.header.headline.color - static const TokenColorRole headerHeadlineColor = TokenColorRole.onSurfaceVariant; - - /// md.comp.data-table.header.headline.font - static const String headerHeadlineFont = 'Roboto'; + static const TokenColorRole headerHeadlineColor = + TokenColorRole.onSurfaceVariant; /// md.comp.data-table.header.hover.headline.color - static const TokenColorRole headerHoverHeadlineColor = TokenColorRole.onSurface; + static const TokenColorRole headerHoverHeadlineColor = + TokenColorRole.onSurface; /// md.comp.data-table.header.hover.sorting.icon-button.color - static const TokenColorRole headerHoverSortingIconButtonColor = TokenColorRole.onSurface; + static const TokenColorRole headerHoverSortingIconButtonColor = + TokenColorRole.onSurface; /// md.comp.data-table.outline.color static const TokenColorRole outlineColor = TokenColorRole.outlineVariant; @@ -57,7 +55,8 @@ class TokenDataTable { static const double rowItemContainerHeight = 52.00; /// md.comp.data-table.row-item.disabled.label-text.color - static const TokenColorRole rowItemDisabledLabelTextColor = TokenColorRole.onSurface; + static const TokenColorRole rowItemDisabledLabelTextColor = + TokenColorRole.onSurface; /// md.comp.data-table.row-item.disabled.label-text.opacity static const double rowItemDisabledLabelTextOpacity = 0.38; @@ -65,11 +64,9 @@ class TokenDataTable { /// md.comp.data-table.row-item.label-text.color static const TokenColorRole rowItemLabelTextColor = TokenColorRole.onSurface; - /// md.comp.data-table.row-item.label-text.font - static const String rowItemLabelTextFont = 'Roboto'; - /// md.comp.data-table.row-item.outline.color - static const TokenColorRole rowItemOutlineColor = TokenColorRole.outlineVariant; + static const TokenColorRole rowItemOutlineColor = + TokenColorRole.outlineVariant; /// md.comp.data-table.row-item.outline.width static const double rowItemOutlineWidth = 1.00; @@ -79,16 +76,19 @@ class TokenDataTable { TokenColorRole.surfaceContainerHighest; /// md.comp.data-table.row-item.selected.hover.state-layer.color - static const TokenColorRole rowItemSelectedHoverStateLayerColor = TokenColorRole.onSurface; + static const TokenColorRole rowItemSelectedHoverStateLayerColor = + TokenColorRole.onSurface; /// md.comp.data-table.row-item.selected.hover.state-layer.opacity static const double rowItemSelectedHoverStateLayerOpacity = 0.08; /// md.comp.data-table.row-item.unselected.container.color - static const TokenColorRole rowItemUnselectedContainerColor = TokenColorRole.surface; + static const TokenColorRole rowItemUnselectedContainerColor = + TokenColorRole.surface; /// md.comp.data-table.row-item.unselected.hover.state-layer.color - static const TokenColorRole rowItemUnselectedHoverStateLayerColor = TokenColorRole.onSurface; + static const TokenColorRole rowItemUnselectedHoverStateLayerColor = + TokenColorRole.onSurface; /// md.comp.data-table.row-item.unselected.hover.state-layer.opacity static const double rowItemUnselectedHoverStateLayerOpacity = 0.08; diff --git a/packages/material_ui/tool/gen_defaults/data/date_input_modal.dart b/packages/material_ui/tool/gen_defaults/data/date_input_modal.dart index 255309d729d0..f546524685ad 100644 --- a/packages/material_ui/tool/gen_defaults/data/date_input_modal.dart +++ b/packages/material_ui/tool/gen_defaults/data/date_input_modal.dart @@ -2,14 +2,16 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; +import 'typescale_struct.dart'; class TokenDateInputModal { /// md.comp.date-input.modal.container.color - static const TokenColorRole containerColor = TokenColorRole.surfaceContainerHigh; + static const TokenColorRole containerColor = + TokenColorRole.surfaceContainerHigh; /// md.comp.date-input.modal.container.elevation static const double containerElevation = 6.00; @@ -36,44 +38,28 @@ class TokenDateInputModal { static const double headerContainerWidth = 328.00; /// md.comp.date-input.modal.header.headline.color - static const TokenColorRole headerHeadlineColor = TokenColorRole.onSurfaceVariant; - - /// md.comp.date-input.modal.header.headline.font - static const String headerHeadlineFont = 'Roboto'; - - /// md.comp.date-input.modal.header.headline.type - static const String headerHeadlineTypeFontFamily = 'Roboto'; - - /// md.comp.date-input.modal.header.headline.type - static const double headerHeadlineTypeFontSize = 32.00; + static const TokenColorRole headerHeadlineColor = + TokenColorRole.onSurfaceVariant; /// md.comp.date-input.modal.header.headline.type - static const double headerHeadlineTypeFontWeight = 400; - - /// md.comp.date-input.modal.header.headline.type - static const double headerHeadlineTypeLetterSpacing = 0.00; - - /// md.comp.date-input.modal.header.headline.type - static const double headerHeadlineTypeLineHeight = 40.00; + static const TypescaleStruct headerHeadlineType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 32.00, + fontWeight: 400, + lineHeight: 40.00, + letterSpacing: 0.00, + ); /// md.comp.date-input.modal.header.supporting-text.color - static const TokenColorRole headerSupportingTextColor = TokenColorRole.onSurfaceVariant; - - /// md.comp.date-input.modal.header.supporting-text.font - static const String headerSupportingTextFont = 'Roboto'; - - /// md.comp.date-input.modal.header.supporting-text.type - static const String headerSupportingTextTypeFontFamily = 'Roboto'; - - /// md.comp.date-input.modal.header.supporting-text.type - static const double headerSupportingTextTypeFontSize = 14.00; + static const TokenColorRole headerSupportingTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.date-input.modal.header.supporting-text.type - static const double headerSupportingTextTypeFontWeight = 500; - - /// md.comp.date-input.modal.header.supporting-text.type - static const double headerSupportingTextTypeLetterSpacing = 0.10; - - /// md.comp.date-input.modal.header.supporting-text.type - static const double headerSupportingTextTypeLineHeight = 20.00; + static const TypescaleStruct headerSupportingTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 14.00, + fontWeight: 500, + lineHeight: 20.00, + letterSpacing: 0.10, + ); } diff --git a/packages/material_ui/tool/gen_defaults/data/date_picker_docked.dart b/packages/material_ui/tool/gen_defaults/data/date_picker_docked.dart index e8abeafa3e4e..320859823449 100644 --- a/packages/material_ui/tool/gen_defaults/data/date_picker_docked.dart +++ b/packages/material_ui/tool/gen_defaults/data/date_picker_docked.dart @@ -2,14 +2,16 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; +import 'typescale_struct.dart'; class TokenDatePickerDocked { /// md.comp.date-picker.docked.container.color - static const TokenColorRole containerColor = TokenColorRole.surfaceContainerHigh; + static const TokenColorRole containerColor = + TokenColorRole.surfaceContainerHigh; /// md.comp.date-picker.docked.container.elevation static const double containerElevation = 6.00; @@ -50,41 +52,37 @@ class TokenDatePickerDocked { /// md.comp.date-picker.docked.date.hover.state-layer.opacity static const double dateHoverStateLayerOpacity = 0.08; - /// md.comp.date-picker.docked.date.label-text.font - static const String dateLabelTextFont = 'Roboto'; - - /// md.comp.date-picker.docked.date.label-text.type - static const String dateLabelTextTypeFontFamily = 'Roboto'; - - /// md.comp.date-picker.docked.date.label-text.type - static const double dateLabelTextTypeFontSize = 16.00; - - /// md.comp.date-picker.docked.date.label-text.type - static const double dateLabelTextTypeFontWeight = 400; - /// md.comp.date-picker.docked.date.label-text.type - static const double dateLabelTextTypeLetterSpacing = 0.50; - - /// md.comp.date-picker.docked.date.label-text.type - static const double dateLabelTextTypeLineHeight = 24.00; + static const TypescaleStruct dateLabelTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 16.00, + fontWeight: 400, + lineHeight: 24.00, + letterSpacing: 0.50, + ); /// md.comp.date-picker.docked.date.pressed.state-layer.opacity static const double datePressedStateLayerOpacity = 0.10; /// md.comp.date-picker.docked.date.selected.container.color - static const TokenColorRole dateSelectedContainerColor = TokenColorRole.primary; + static const TokenColorRole dateSelectedContainerColor = + TokenColorRole.primary; /// md.comp.date-picker.docked.date.selected.focus.state-layer.color - static const TokenColorRole dateSelectedFocusStateLayerColor = TokenColorRole.onPrimary; + static const TokenColorRole dateSelectedFocusStateLayerColor = + TokenColorRole.onPrimary; /// md.comp.date-picker.docked.date.selected.hover.state-layer.color - static const TokenColorRole dateSelectedHoverStateLayerColor = TokenColorRole.onPrimary; + static const TokenColorRole dateSelectedHoverStateLayerColor = + TokenColorRole.onPrimary; /// md.comp.date-picker.docked.date.selected.label-text.color - static const TokenColorRole dateSelectedLabelTextColor = TokenColorRole.onPrimary; + static const TokenColorRole dateSelectedLabelTextColor = + TokenColorRole.onPrimary; /// md.comp.date-picker.docked.date.selected.pressed.state-layer.color - static const TokenColorRole dateSelectedPressedStateLayerColor = TokenColorRole.onPrimary; + static const TokenColorRole dateSelectedPressedStateLayerColor = + TokenColorRole.onPrimary; /// md.comp.date-picker.docked.date.state-layer.height static const double dateStateLayerHeight = 40.00; @@ -102,34 +100,42 @@ class TokenDatePickerDocked { static const double dateStateLayerWidth = 40.00; /// md.comp.date-picker.docked.date.today.container.outline.color - static const TokenColorRole dateTodayContainerOutlineColor = TokenColorRole.primary; + static const TokenColorRole dateTodayContainerOutlineColor = + TokenColorRole.primary; /// md.comp.date-picker.docked.date.today.container.outline.width static const double dateTodayContainerOutlineWidth = 1.00; /// md.comp.date-picker.docked.date.today.focus.state-layer.color - static const TokenColorRole dateTodayFocusStateLayerColor = TokenColorRole.primary; + static const TokenColorRole dateTodayFocusStateLayerColor = + TokenColorRole.primary; /// md.comp.date-picker.docked.date.today.hover.state-layer.color - static const TokenColorRole dateTodayHoverStateLayerColor = TokenColorRole.primary; + static const TokenColorRole dateTodayHoverStateLayerColor = + TokenColorRole.primary; /// md.comp.date-picker.docked.date.today.label-text.color static const TokenColorRole dateTodayLabelTextColor = TokenColorRole.primary; /// md.comp.date-picker.docked.date.today.pressed.state-layer.color - static const TokenColorRole dateTodayPressedStateLayerColor = TokenColorRole.primary; + static const TokenColorRole dateTodayPressedStateLayerColor = + TokenColorRole.primary; /// md.comp.date-picker.docked.date.unselected.focus.state-layer.color - static const TokenColorRole dateUnselectedFocusStateLayerColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole dateUnselectedFocusStateLayerColor = + TokenColorRole.onSurfaceVariant; /// md.comp.date-picker.docked.date.unselected.hover.state-layer.color - static const TokenColorRole dateUnselectedHoverStateLayerColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole dateUnselectedHoverStateLayerColor = + TokenColorRole.onSurfaceVariant; /// md.comp.date-picker.docked.date.unselected.label-text.color - static const TokenColorRole dateUnselectedLabelTextColor = TokenColorRole.onSurface; + static const TokenColorRole dateUnselectedLabelTextColor = + TokenColorRole.onSurface; /// md.comp.date-picker.docked.date.unselected.outside-month.label-text.color - static const TokenColorRole dateUnselectedOutsideMonthLabelTextColor = TokenColorRole.onSurface; + static const TokenColorRole dateUnselectedOutsideMonthLabelTextColor = + TokenColorRole.onSurface; /// md.comp.date-picker.docked.date.unselected.outside-month.label-text.opacity static const double dateUnselectedOutsideMonthLabelTextOpacity = 0.38; @@ -154,76 +160,80 @@ class TokenDatePickerDocked { ); /// md.comp.date-picker.docked.menu-button.disabled.icon.color - static const TokenColorRole menuButtonDisabledIconColor = TokenColorRole.onSurface; + static const TokenColorRole menuButtonDisabledIconColor = + TokenColorRole.onSurface; /// md.comp.date-picker.docked.menu-button.disabled.icon.opacity static const double menuButtonDisabledIconOpacity = 0.38; /// md.comp.date-picker.docked.menu-button.disabled.label-text.color - static const TokenColorRole menuButtonDisabledLabelTextColor = TokenColorRole.onSurface; + static const TokenColorRole menuButtonDisabledLabelTextColor = + TokenColorRole.onSurface; /// md.comp.date-picker.docked.menu-button.disabled.label-text.opacity static const double menuButtonDisabledLabelTextOpacity = 0.38; /// md.comp.date-picker.docked.menu-button.focus.icon.color - static const TokenColorRole menuButtonFocusIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole menuButtonFocusIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.date-picker.docked.menu-button.focus.label-text.color - static const TokenColorRole menuButtonFocusLabelTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole menuButtonFocusLabelTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.date-picker.docked.menu-button.focus.state-layer.color - static const TokenColorRole menuButtonFocusStateLayerColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole menuButtonFocusStateLayerColor = + TokenColorRole.onSurfaceVariant; /// md.comp.date-picker.docked.menu-button.focus.state-layer.opacity static const double menuButtonFocusStateLayerOpacity = 0.10; /// md.comp.date-picker.docked.menu-button.hover.icon.color - static const TokenColorRole menuButtonHoverIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole menuButtonHoverIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.date-picker.docked.menu-button.hover.label-text.color - static const TokenColorRole menuButtonHoverLabelTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole menuButtonHoverLabelTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.date-picker.docked.menu-button.hover.state-layer.color - static const TokenColorRole menuButtonHoverStateLayerColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole menuButtonHoverStateLayerColor = + TokenColorRole.onSurfaceVariant; /// md.comp.date-picker.docked.menu-button.hover.state-layer.opacity static const double menuButtonHoverStateLayerOpacity = 0.08; /// md.comp.date-picker.docked.menu-button.icon.color - static const TokenColorRole menuButtonIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole menuButtonIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.date-picker.docked.menu-button.icon.size static const double menuButtonIconSize = 18.00; /// md.comp.date-picker.docked.menu-button.label-text.color - static const TokenColorRole menuButtonLabelTextColor = TokenColorRole.onSurfaceVariant; - - /// md.comp.date-picker.docked.menu-button.label-text.font - static const String menuButtonLabelTextFont = 'Roboto'; - - /// md.comp.date-picker.docked.menu-button.label-text.type - static const String menuButtonLabelTextTypeFontFamily = 'Roboto'; - - /// md.comp.date-picker.docked.menu-button.label-text.type - static const double menuButtonLabelTextTypeFontSize = 14.00; - - /// md.comp.date-picker.docked.menu-button.label-text.type - static const double menuButtonLabelTextTypeFontWeight = 500; - - /// md.comp.date-picker.docked.menu-button.label-text.type - static const double menuButtonLabelTextTypeLetterSpacing = 0.10; + static const TokenColorRole menuButtonLabelTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.date-picker.docked.menu-button.label-text.type - static const double menuButtonLabelTextTypeLineHeight = 20.00; + static const TypescaleStruct menuButtonLabelTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 14.00, + fontWeight: 500, + lineHeight: 20.00, + letterSpacing: 0.10, + ); /// md.comp.date-picker.docked.menu-button.pressed.icon.color - static const TokenColorRole menuButtonPressedIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole menuButtonPressedIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.date-picker.docked.menu-button.pressed.label-text.color - static const TokenColorRole menuButtonPressedLabelTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole menuButtonPressedLabelTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.date-picker.docked.menu-button.pressed.state-layer.color - static const TokenColorRole menuButtonPressedStateLayerColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole menuButtonPressedStateLayerColor = + TokenColorRole.onSurfaceVariant; /// md.comp.date-picker.docked.menu-button.pressed.state-layer.opacity static const double menuButtonPressedStateLayerOpacity = 0.10; @@ -232,55 +242,54 @@ class TokenDatePickerDocked { static const double menuListItemContainerHeight = 48.00; /// md.comp.date-picker.docked.menu.list-item.focus.label-text.color - static const TokenColorRole menuListItemFocusLabelTextColor = TokenColorRole.onSurface; + static const TokenColorRole menuListItemFocusLabelTextColor = + TokenColorRole.onSurface; /// md.comp.date-picker.docked.menu.list-item.focus.state-layer.color - static const TokenColorRole menuListItemFocusStateLayerColor = TokenColorRole.onSurface; + static const TokenColorRole menuListItemFocusStateLayerColor = + TokenColorRole.onSurface; /// md.comp.date-picker.docked.menu.list-item.focus.state-layer.opacity static const double menuListItemFocusStateLayerOpacity = 0.10; /// md.comp.date-picker.docked.menu.list-item.hover.label-text.color - static const TokenColorRole menuListItemHoverLabelTextColor = TokenColorRole.onSurface; + static const TokenColorRole menuListItemHoverLabelTextColor = + TokenColorRole.onSurface; /// md.comp.date-picker.docked.menu.list-item.hover.state-layer.color - static const TokenColorRole menuListItemHoverStateLayerColor = TokenColorRole.onSurface; + static const TokenColorRole menuListItemHoverStateLayerColor = + TokenColorRole.onSurface; /// md.comp.date-picker.docked.menu.list-item.hover.state-layer.opacity static const double menuListItemHoverStateLayerOpacity = 0.08; /// md.comp.date-picker.docked.menu.list-item.label-text.color - static const TokenColorRole menuListItemLabelTextColor = TokenColorRole.onSurface; - - /// md.comp.date-picker.docked.menu.list-item.label-text.font - static const String menuListItemLabelTextFont = 'Roboto'; - - /// md.comp.date-picker.docked.menu.list-item.label-text.type - static const String menuListItemLabelTextTypeFontFamily = 'Roboto'; - - /// md.comp.date-picker.docked.menu.list-item.label-text.type - static const double menuListItemLabelTextTypeFontSize = 16.00; - - /// md.comp.date-picker.docked.menu.list-item.label-text.type - static const double menuListItemLabelTextTypeFontWeight = 400; + static const TokenColorRole menuListItemLabelTextColor = + TokenColorRole.onSurface; /// md.comp.date-picker.docked.menu.list-item.label-text.type - static const double menuListItemLabelTextTypeLetterSpacing = 0.50; - - /// md.comp.date-picker.docked.menu.list-item.label-text.type - static const double menuListItemLabelTextTypeLineHeight = 24.00; + static const TypescaleStruct menuListItemLabelTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 16.00, + fontWeight: 400, + lineHeight: 24.00, + letterSpacing: 0.50, + ); /// md.comp.date-picker.docked.menu.list-item.pressed.label-text.color - static const TokenColorRole menuListItemPressedLabelTextColor = TokenColorRole.onSurface; + static const TokenColorRole menuListItemPressedLabelTextColor = + TokenColorRole.onSurface; /// md.comp.date-picker.docked.menu.list-item.pressed.state-layer.color - static const TokenColorRole menuListItemPressedStateLayerColor = TokenColorRole.onSurface; + static const TokenColorRole menuListItemPressedStateLayerColor = + TokenColorRole.onSurface; /// md.comp.date-picker.docked.menu.list-item.pressed.state-layer.opacity static const double menuListItemPressedStateLayerOpacity = 0.10; /// md.comp.date-picker.docked.menu.list-item.selected.container.color - static const TokenColorRole menuListItemSelectedContainerColor = TokenColorRole.surfaceVariant; + static const TokenColorRole menuListItemSelectedContainerColor = + TokenColorRole.surfaceVariant; /// md.comp.date-picker.docked.menu.list-item.selected.focus.leading-icon.color static const TokenColorRole menuListItemSelectedFocusLeadingIconColor = @@ -291,7 +300,8 @@ class TokenDatePickerDocked { TokenColorRole.onSurfaceVariant; /// md.comp.date-picker.docked.menu.list-item.selected.leading-icon.color - static const TokenColorRole menuListItemSelectedLeadingIconColor = TokenColorRole.onSurface; + static const TokenColorRole menuListItemSelectedLeadingIconColor = + TokenColorRole.onSurface; /// md.comp.date-picker.docked.menu.list-item.selected.leading-icon.size static const double menuListItemSelectedLeadingIconSize = 24.00; @@ -303,21 +313,12 @@ class TokenDatePickerDocked { /// md.comp.date-picker.docked.weekdays.label-text.color static const TokenColorRole weekdaysLabelTextColor = TokenColorRole.onSurface; - /// md.comp.date-picker.docked.weekdays.label-text.font - static const String weekdaysLabelTextFont = 'Roboto'; - /// md.comp.date-picker.docked.weekdays.label-text.type - static const String weekdaysLabelTextTypeFontFamily = 'Roboto'; - - /// md.comp.date-picker.docked.weekdays.label-text.type - static const double weekdaysLabelTextTypeFontSize = 16.00; - - /// md.comp.date-picker.docked.weekdays.label-text.type - static const double weekdaysLabelTextTypeFontWeight = 400; - - /// md.comp.date-picker.docked.weekdays.label-text.type - static const double weekdaysLabelTextTypeLetterSpacing = 0.50; - - /// md.comp.date-picker.docked.weekdays.label-text.type - static const double weekdaysLabelTextTypeLineHeight = 24.00; + static const TypescaleStruct weekdaysLabelTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 16.00, + fontWeight: 400, + lineHeight: 24.00, + letterSpacing: 0.50, + ); } diff --git a/packages/material_ui/tool/gen_defaults/data/date_picker_modal.dart b/packages/material_ui/tool/gen_defaults/data/date_picker_modal.dart index fd1dd098d8c3..b850820ec7b8 100644 --- a/packages/material_ui/tool/gen_defaults/data/date_picker_modal.dart +++ b/packages/material_ui/tool/gen_defaults/data/date_picker_modal.dart @@ -2,14 +2,16 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; +import 'typescale_struct.dart'; class TokenDatePickerModal { /// md.comp.date-picker.modal.container.color - static const TokenColorRole containerColor = TokenColorRole.surfaceContainerHigh; + static const TokenColorRole containerColor = + TokenColorRole.surfaceContainerHigh; /// md.comp.date-picker.modal.container.elevation static const double containerElevation = 6.00; @@ -50,41 +52,37 @@ class TokenDatePickerModal { /// md.comp.date-picker.modal.date.hover.state-layer.opacity static const double dateHoverStateLayerOpacity = 0.08; - /// md.comp.date-picker.modal.date.label-text.font - static const String dateLabelTextFont = 'Roboto'; - - /// md.comp.date-picker.modal.date.label-text.type - static const String dateLabelTextTypeFontFamily = 'Roboto'; - /// md.comp.date-picker.modal.date.label-text.type - static const double dateLabelTextTypeFontSize = 16.00; - - /// md.comp.date-picker.modal.date.label-text.type - static const double dateLabelTextTypeFontWeight = 400; - - /// md.comp.date-picker.modal.date.label-text.type - static const double dateLabelTextTypeLetterSpacing = 0.50; - - /// md.comp.date-picker.modal.date.label-text.type - static const double dateLabelTextTypeLineHeight = 24.00; + static const TypescaleStruct dateLabelTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 16.00, + fontWeight: 400, + lineHeight: 24.00, + letterSpacing: 0.50, + ); /// md.comp.date-picker.modal.date.pressed.state-layer.opacity static const double datePressedStateLayerOpacity = 0.10; /// md.comp.date-picker.modal.date.selected.container.color - static const TokenColorRole dateSelectedContainerColor = TokenColorRole.primary; + static const TokenColorRole dateSelectedContainerColor = + TokenColorRole.primary; /// md.comp.date-picker.modal.date.selected.focus.state-layer.color - static const TokenColorRole dateSelectedFocusStateLayerColor = TokenColorRole.onPrimary; + static const TokenColorRole dateSelectedFocusStateLayerColor = + TokenColorRole.onPrimary; /// md.comp.date-picker.modal.date.selected.hover.state-layer.color - static const TokenColorRole dateSelectedHoverStateLayerColor = TokenColorRole.onPrimary; + static const TokenColorRole dateSelectedHoverStateLayerColor = + TokenColorRole.onPrimary; /// md.comp.date-picker.modal.date.selected.label-text.color - static const TokenColorRole dateSelectedLabelTextColor = TokenColorRole.onPrimary; + static const TokenColorRole dateSelectedLabelTextColor = + TokenColorRole.onPrimary; /// md.comp.date-picker.modal.date.selected.pressed.state-layer.color - static const TokenColorRole dateSelectedPressedStateLayerColor = TokenColorRole.onPrimary; + static const TokenColorRole dateSelectedPressedStateLayerColor = + TokenColorRole.onPrimary; /// md.comp.date-picker.modal.date.state-layer.height static const double dateStateLayerHeight = 40.00; @@ -102,31 +100,38 @@ class TokenDatePickerModal { static const double dateStateLayerWidth = 40.00; /// md.comp.date-picker.modal.date.today.container.outline.color - static const TokenColorRole dateTodayContainerOutlineColor = TokenColorRole.primary; + static const TokenColorRole dateTodayContainerOutlineColor = + TokenColorRole.primary; /// md.comp.date-picker.modal.date.today.container.outline.width static const double dateTodayContainerOutlineWidth = 1.00; /// md.comp.date-picker.modal.date.today.focus.state-layer.color - static const TokenColorRole dateTodayFocusStateLayerColor = TokenColorRole.primary; + static const TokenColorRole dateTodayFocusStateLayerColor = + TokenColorRole.primary; /// md.comp.date-picker.modal.date.today.hover.state-layer.color - static const TokenColorRole dateTodayHoverStateLayerColor = TokenColorRole.primary; + static const TokenColorRole dateTodayHoverStateLayerColor = + TokenColorRole.primary; /// md.comp.date-picker.modal.date.today.label-text.color static const TokenColorRole dateTodayLabelTextColor = TokenColorRole.primary; /// md.comp.date-picker.modal.date.today.pressed.state-layer.color - static const TokenColorRole dateTodayPressedStateLayerColor = TokenColorRole.primary; + static const TokenColorRole dateTodayPressedStateLayerColor = + TokenColorRole.primary; /// md.comp.date-picker.modal.date.unselected.focus.state-layer.color - static const TokenColorRole dateUnselectedFocusStateLayerColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole dateUnselectedFocusStateLayerColor = + TokenColorRole.onSurfaceVariant; /// md.comp.date-picker.modal.date.unselected.hover.state-layer.color - static const TokenColorRole dateUnselectedHoverStateLayerColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole dateUnselectedHoverStateLayerColor = + TokenColorRole.onSurfaceVariant; /// md.comp.date-picker.modal.date.unselected.label-text.color - static const TokenColorRole dateUnselectedLabelTextColor = TokenColorRole.onSurface; + static const TokenColorRole dateUnselectedLabelTextColor = + TokenColorRole.onSurface; /// md.comp.date-picker.modal.date.unselected.pressed.state-layer.color static const TokenColorRole dateUnselectedPressedStateLayerColor = @@ -139,46 +144,30 @@ class TokenDatePickerModal { static const double headerContainerWidth = 360.00; /// md.comp.date-picker.modal.header.headline.color - static const TokenColorRole headerHeadlineColor = TokenColorRole.onSurfaceVariant; - - /// md.comp.date-picker.modal.header.headline.font - static const String headerHeadlineFont = 'Roboto'; - - /// md.comp.date-picker.modal.header.headline.type - static const String headerHeadlineTypeFontFamily = 'Roboto'; - - /// md.comp.date-picker.modal.header.headline.type - static const double headerHeadlineTypeFontSize = 32.00; - - /// md.comp.date-picker.modal.header.headline.type - static const double headerHeadlineTypeFontWeight = 400; - - /// md.comp.date-picker.modal.header.headline.type - static const double headerHeadlineTypeLetterSpacing = 0.00; + static const TokenColorRole headerHeadlineColor = + TokenColorRole.onSurfaceVariant; /// md.comp.date-picker.modal.header.headline.type - static const double headerHeadlineTypeLineHeight = 40.00; + static const TypescaleStruct headerHeadlineType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 32.00, + fontWeight: 400, + lineHeight: 40.00, + letterSpacing: 0.00, + ); /// md.comp.date-picker.modal.header.supporting-text.color - static const TokenColorRole headerSupportingTextColor = TokenColorRole.onSurfaceVariant; - - /// md.comp.date-picker.modal.header.supporting-text.font - static const String headerSupportingTextFont = 'Roboto'; - - /// md.comp.date-picker.modal.header.supporting-text.type - static const String headerSupportingTextTypeFontFamily = 'Roboto'; - - /// md.comp.date-picker.modal.header.supporting-text.type - static const double headerSupportingTextTypeFontSize = 14.00; - - /// md.comp.date-picker.modal.header.supporting-text.type - static const double headerSupportingTextTypeFontWeight = 500; - - /// md.comp.date-picker.modal.header.supporting-text.type - static const double headerSupportingTextTypeLetterSpacing = 0.10; + static const TokenColorRole headerSupportingTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.date-picker.modal.header.supporting-text.type - static const double headerSupportingTextTypeLineHeight = 20.00; + static const TypescaleStruct headerSupportingTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 14.00, + fontWeight: 500, + lineHeight: 20.00, + letterSpacing: 0.10, + ); /// md.comp.date-picker.modal.range-selection.active-indicator.container.color static const TokenColorRole rangeSelectionActiveIndicatorContainerColor = @@ -188,13 +177,14 @@ class TokenDatePickerModal { static const double rangeSelectionActiveIndicatorContainerHeight = 40.00; /// md.comp.date-picker.modal.range-selection.active-indicator.container.shape - static const ShapeStruct rangeSelectionActiveIndicatorContainerShape = ShapeStruct( - family: 'SHAPE_FAMILY_CIRCULAR', - topLeft: 0.00, - topRight: 0.00, - bottomLeft: 0.00, - bottomRight: 0.00, - ); + static const ShapeStruct rangeSelectionActiveIndicatorContainerShape = + ShapeStruct( + family: 'SHAPE_FAMILY_CIRCULAR', + topLeft: 0.00, + topRight: 0.00, + bottomLeft: 0.00, + bottomRight: 0.00, + ); /// md.comp.date-picker.modal.range-selection.container.elevation static const double rangeSelectionContainerElevation = 0.00; @@ -236,65 +226,40 @@ class TokenDatePickerModal { /// md.comp.date-picker.modal.range-selection.header.container.height static const double rangeSelectionHeaderContainerHeight = 128.00; - /// md.comp.date-picker.modal.range-selection.header.headline.font - static const String rangeSelectionHeaderHeadlineFont = 'Roboto'; - - /// md.comp.date-picker.modal.range-selection.header.headline.type - static const String rangeSelectionHeaderHeadlineTypeFontFamily = 'Roboto'; - - /// md.comp.date-picker.modal.range-selection.header.headline.type - static const double rangeSelectionHeaderHeadlineTypeFontSize = 22.00; - /// md.comp.date-picker.modal.range-selection.header.headline.type - static const double rangeSelectionHeaderHeadlineTypeFontWeight = 400; - - /// md.comp.date-picker.modal.range-selection.header.headline.type - static const double rangeSelectionHeaderHeadlineTypeLetterSpacing = 0.00; - - /// md.comp.date-picker.modal.range-selection.header.headline.type - static const double rangeSelectionHeaderHeadlineTypeLineHeight = 28.00; + static const TypescaleStruct rangeSelectionHeaderHeadlineType = + TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 22.00, + fontWeight: 400, + lineHeight: 28.00, + letterSpacing: 0.00, + ); /// md.comp.date-picker.modal.range-selection.month.subhead.color - static const TokenColorRole rangeSelectionMonthSubheadColor = TokenColorRole.onSurfaceVariant; - - /// md.comp.date-picker.modal.range-selection.month.subhead.font - static const String rangeSelectionMonthSubheadFont = 'Roboto'; - - /// md.comp.date-picker.modal.range-selection.month.subhead.type - static const String rangeSelectionMonthSubheadTypeFontFamily = 'Roboto'; - - /// md.comp.date-picker.modal.range-selection.month.subhead.type - static const double rangeSelectionMonthSubheadTypeFontSize = 14.00; - - /// md.comp.date-picker.modal.range-selection.month.subhead.type - static const double rangeSelectionMonthSubheadTypeFontWeight = 500; - - /// md.comp.date-picker.modal.range-selection.month.subhead.type - static const double rangeSelectionMonthSubheadTypeLetterSpacing = 0.10; + static const TokenColorRole rangeSelectionMonthSubheadColor = + TokenColorRole.onSurfaceVariant; /// md.comp.date-picker.modal.range-selection.month.subhead.type - static const double rangeSelectionMonthSubheadTypeLineHeight = 20.00; + static const TypescaleStruct rangeSelectionMonthSubheadType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 14.00, + fontWeight: 500, + lineHeight: 20.00, + letterSpacing: 0.10, + ); /// md.comp.date-picker.modal.weekdays.label-text.color static const TokenColorRole weekdaysLabelTextColor = TokenColorRole.onSurface; - /// md.comp.date-picker.modal.weekdays.label-text.font - static const String weekdaysLabelTextFont = 'Roboto'; - - /// md.comp.date-picker.modal.weekdays.label-text.type - static const String weekdaysLabelTextTypeFontFamily = 'Roboto'; - /// md.comp.date-picker.modal.weekdays.label-text.type - static const double weekdaysLabelTextTypeFontSize = 16.00; - - /// md.comp.date-picker.modal.weekdays.label-text.type - static const double weekdaysLabelTextTypeFontWeight = 400; - - /// md.comp.date-picker.modal.weekdays.label-text.type - static const double weekdaysLabelTextTypeLetterSpacing = 0.50; - - /// md.comp.date-picker.modal.weekdays.label-text.type - static const double weekdaysLabelTextTypeLineHeight = 24.00; + static const TypescaleStruct weekdaysLabelTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 16.00, + fontWeight: 400, + lineHeight: 24.00, + letterSpacing: 0.50, + ); /// md.comp.date-picker.modal.year-selection.year.container.height static const double yearSelectionYearContainerHeight = 36.00; @@ -308,29 +273,21 @@ class TokenDatePickerModal { /// md.comp.date-picker.modal.year-selection.year.hover.state-layer.opacity static const double yearSelectionYearHoverStateLayerOpacity = 0.08; - /// md.comp.date-picker.modal.year-selection.year.label-text.font - static const String yearSelectionYearLabelTextFont = 'Roboto'; - /// md.comp.date-picker.modal.year-selection.year.label-text.type - static const String yearSelectionYearLabelTextTypeFontFamily = 'Roboto'; - - /// md.comp.date-picker.modal.year-selection.year.label-text.type - static const double yearSelectionYearLabelTextTypeFontSize = 16.00; - - /// md.comp.date-picker.modal.year-selection.year.label-text.type - static const double yearSelectionYearLabelTextTypeFontWeight = 400; - - /// md.comp.date-picker.modal.year-selection.year.label-text.type - static const double yearSelectionYearLabelTextTypeLetterSpacing = 0.50; - - /// md.comp.date-picker.modal.year-selection.year.label-text.type - static const double yearSelectionYearLabelTextTypeLineHeight = 24.00; + static const TypescaleStruct yearSelectionYearLabelTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 16.00, + fontWeight: 400, + lineHeight: 24.00, + letterSpacing: 0.50, + ); /// md.comp.date-picker.modal.year-selection.year.pressed.state-layer.opacity static const double yearSelectionYearPressedStateLayerOpacity = 0.10; /// md.comp.date-picker.modal.year-selection.year.selected.container.color - static const TokenColorRole yearSelectionYearSelectedContainerColor = TokenColorRole.primary; + static const TokenColorRole yearSelectionYearSelectedContainerColor = + TokenColorRole.primary; /// md.comp.date-picker.modal.year-selection.year.selected.focus.state-layer.color static const TokenColorRole yearSelectionYearSelectedFocusStateLayerColor = @@ -341,7 +298,8 @@ class TokenDatePickerModal { TokenColorRole.onPrimary; /// md.comp.date-picker.modal.year-selection.year.selected.label-text.color - static const TokenColorRole yearSelectionYearSelectedLabelTextColor = TokenColorRole.onPrimary; + static const TokenColorRole yearSelectionYearSelectedLabelTextColor = + TokenColorRole.onPrimary; /// md.comp.date-picker.modal.year-selection.year.selected.pressed.state-layer.color static const TokenColorRole yearSelectionYearSelectedPressedStateLayerColor = @@ -375,6 +333,7 @@ class TokenDatePickerModal { TokenColorRole.onSurfaceVariant; /// md.comp.date-picker.modal.year-selection.year.unselected.pressed.state-layer.color - static const TokenColorRole yearSelectionYearUnselectedPressedStateLayerColor = + static const TokenColorRole + yearSelectionYearUnselectedPressedStateLayerColor = TokenColorRole.onSurfaceVariant; } diff --git a/packages/material_ui/tool/gen_defaults/data/dialog.dart b/packages/material_ui/tool/gen_defaults/data/dialog.dart index b197406df460..cc006c1d8bfa 100644 --- a/packages/material_ui/tool/gen_defaults/data/dialog.dart +++ b/packages/material_ui/tool/gen_defaults/data/dialog.dart @@ -2,26 +2,31 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; +import 'typescale_struct.dart'; class TokenDialog { /// md.comp.dialog.action.focus.label-text.color - static const TokenColorRole actionFocusLabelTextColor = TokenColorRole.primary; + static const TokenColorRole actionFocusLabelTextColor = + TokenColorRole.primary; /// md.comp.dialog.action.focus.state-layer.color - static const TokenColorRole actionFocusStateLayerColor = TokenColorRole.primary; + static const TokenColorRole actionFocusStateLayerColor = + TokenColorRole.primary; /// md.comp.dialog.action.focus.state-layer.opacity static const double actionFocusStateLayerOpacity = 0.10; /// md.comp.dialog.action.hover.label-text.color - static const TokenColorRole actionHoverLabelTextColor = TokenColorRole.primary; + static const TokenColorRole actionHoverLabelTextColor = + TokenColorRole.primary; /// md.comp.dialog.action.hover.state-layer.color - static const TokenColorRole actionHoverStateLayerColor = TokenColorRole.primary; + static const TokenColorRole actionHoverStateLayerColor = + TokenColorRole.primary; /// md.comp.dialog.action.hover.state-layer.opacity static const double actionHoverStateLayerOpacity = 0.08; @@ -29,35 +34,29 @@ class TokenDialog { /// md.comp.dialog.action.label-text.color static const TokenColorRole actionLabelTextColor = TokenColorRole.primary; - /// md.comp.dialog.action.label-text.font - static const String actionLabelTextFont = 'Roboto'; - - /// md.comp.dialog.action.label-text.type - static const String actionLabelTextTypeFontFamily = 'Roboto'; - - /// md.comp.dialog.action.label-text.type - static const double actionLabelTextTypeFontSize = 14.00; - - /// md.comp.dialog.action.label-text.type - static const double actionLabelTextTypeFontWeight = 500; - /// md.comp.dialog.action.label-text.type - static const double actionLabelTextTypeLetterSpacing = 0.10; - - /// md.comp.dialog.action.label-text.type - static const double actionLabelTextTypeLineHeight = 20.00; + static const TypescaleStruct actionLabelTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 14.00, + fontWeight: 500, + lineHeight: 20.00, + letterSpacing: 0.10, + ); /// md.comp.dialog.action.pressed.label-text.color - static const TokenColorRole actionPressedLabelTextColor = TokenColorRole.primary; + static const TokenColorRole actionPressedLabelTextColor = + TokenColorRole.primary; /// md.comp.dialog.action.pressed.state-layer.color - static const TokenColorRole actionPressedStateLayerColor = TokenColorRole.primary; + static const TokenColorRole actionPressedStateLayerColor = + TokenColorRole.primary; /// md.comp.dialog.action.pressed.state-layer.opacity static const double actionPressedStateLayerOpacity = 0.10; /// md.comp.dialog.container.color - static const TokenColorRole containerColor = TokenColorRole.surfaceContainerHigh; + static const TokenColorRole containerColor = + TokenColorRole.surfaceContainerHigh; /// md.comp.dialog.container.elevation static const double containerElevation = 6.00; @@ -74,44 +73,27 @@ class TokenDialog { /// md.comp.dialog.headline.color static const TokenColorRole headlineColor = TokenColorRole.onSurface; - /// md.comp.dialog.headline.font - static const String headlineFont = 'Roboto'; - - /// md.comp.dialog.headline.type - static const String headlineTypeFontFamily = 'Roboto'; - - /// md.comp.dialog.headline.type - static const double headlineTypeFontSize = 24.00; - /// md.comp.dialog.headline.type - static const double headlineTypeFontWeight = 400; - - /// md.comp.dialog.headline.type - static const double headlineTypeLetterSpacing = 0.00; - - /// md.comp.dialog.headline.type - static const double headlineTypeLineHeight = 32.00; + static const TypescaleStruct headlineType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 24.00, + fontWeight: 400, + lineHeight: 32.00, + letterSpacing: 0.00, + ); /// md.comp.dialog.supporting-text.color - static const TokenColorRole supportingTextColor = TokenColorRole.onSurfaceVariant; - - /// md.comp.dialog.supporting-text.font - static const String supportingTextFont = 'Roboto'; - - /// md.comp.dialog.supporting-text.type - static const String supportingTextTypeFontFamily = 'Roboto'; + static const TokenColorRole supportingTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.dialog.supporting-text.type - static const double supportingTextTypeFontSize = 14.00; - - /// md.comp.dialog.supporting-text.type - static const double supportingTextTypeFontWeight = 400; - - /// md.comp.dialog.supporting-text.type - static const double supportingTextTypeLetterSpacing = 0.25; - - /// md.comp.dialog.supporting-text.type - static const double supportingTextTypeLineHeight = 20.00; + static const TypescaleStruct supportingTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 14.00, + fontWeight: 400, + lineHeight: 20.00, + letterSpacing: 0.25, + ); /// md.comp.dialog.with-icon.icon.color static const TokenColorRole withIconIconColor = TokenColorRole.secondary; diff --git a/packages/material_ui/tool/gen_defaults/data/divider.dart b/packages/material_ui/tool/gen_defaults/data/divider.dart index 0ef94af820a0..4603f760138c 100644 --- a/packages/material_ui/tool/gen_defaults/data/divider.dart +++ b/packages/material_ui/tool/gen_defaults/data/divider.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; diff --git a/packages/material_ui/tool/gen_defaults/data/drag_handle.dart b/packages/material_ui/tool/gen_defaults/data/drag_handle.dart index ad1d075ae530..e748fe69f6e2 100644 --- a/packages/material_ui/tool/gen_defaults/data/drag_handle.dart +++ b/packages/material_ui/tool/gen_defaults/data/drag_handle.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; @@ -18,7 +18,8 @@ class TokenDragHandle { static const double elevation = 0.00; /// md.comp.drag-handle.focus.state-layer.color - static const TokenColorRole focusStateLayerColor = TokenColorRole.inverseOnSurface; + static const TokenColorRole focusStateLayerColor = + TokenColorRole.inverseOnSurface; /// md.comp.drag-handle.focus.state-layer.opacity static const double focusStateLayerOpacity = 0.10; @@ -27,7 +28,8 @@ class TokenDragHandle { static const double height = 48.00; /// md.comp.drag-handle.hover.state-layer.color - static const TokenColorRole hoverStateLayerColor = TokenColorRole.inverseOnSurface; + static const TokenColorRole hoverStateLayerColor = + TokenColorRole.inverseOnSurface; /// md.comp.drag-handle.hover.state-layer.opacity static const double hoverStateLayerOpacity = 0.08; diff --git a/packages/material_ui/tool/gen_defaults/data/elevated_card.dart b/packages/material_ui/tool/gen_defaults/data/elevated_card.dart index 000eb5b5ac32..3b1c4ecd68fb 100644 --- a/packages/material_ui/tool/gen_defaults/data/elevated_card.dart +++ b/packages/material_ui/tool/gen_defaults/data/elevated_card.dart @@ -2,14 +2,15 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; class TokenElevatedCard { /// md.comp.elevated-card.container.color - static const TokenColorRole containerColor = TokenColorRole.surfaceContainerLow; + static const TokenColorRole containerColor = + TokenColorRole.surfaceContainerLow; /// md.comp.elevated-card.container.elevation static const double containerElevation = 1.00; diff --git a/packages/material_ui/tool/gen_defaults/data/elevation.dart b/packages/material_ui/tool/gen_defaults/data/elevation.dart index 928a63c5f603..b24b2e9369ae 100644 --- a/packages/material_ui/tool/gen_defaults/data/elevation.dart +++ b/packages/material_ui/tool/gen_defaults/data/elevation.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 class TokenElevation { /// md.sys.elevation.level0 diff --git a/packages/material_ui/tool/gen_defaults/data/extended_fab.dart b/packages/material_ui/tool/gen_defaults/data/extended_fab.dart index 8ca32868160a..3e176ab537f7 100644 --- a/packages/material_ui/tool/gen_defaults/data/extended_fab.dart +++ b/packages/material_ui/tool/gen_defaults/data/extended_fab.dart @@ -2,9 +2,10 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'shape_struct.dart'; +import 'typescale_struct.dart'; class TokenExtendedFab { /// md.comp.extended-fab.container.height @@ -26,19 +27,13 @@ class TokenExtendedFab { static const double iconSize = 24.00; /// md.comp.extended-fab.label-text - static const String labelTextFontFamily = 'Roboto'; - - /// md.comp.extended-fab.label-text - static const double labelTextFontSize = 14.00; - - /// md.comp.extended-fab.label-text - static const double labelTextFontWeight = 500; - - /// md.comp.extended-fab.label-text - static const double labelTextLetterSpacing = 0.10; - - /// md.comp.extended-fab.label-text - static const double labelTextLineHeight = 20.00; + static const TypescaleStruct labelText = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 14.00, + fontWeight: 500, + lineHeight: 20.00, + letterSpacing: 0.10, + ); /// md.comp.extended-fab.leading-space static const double leadingSpace = 16.00; diff --git a/packages/material_ui/tool/gen_defaults/data/extended_fab_branded.dart b/packages/material_ui/tool/gen_defaults/data/extended_fab_branded.dart deleted file mode 100644 index f13cd70d95ac..000000000000 --- a/packages/material_ui/tool/gen_defaults/data/extended_fab_branded.dart +++ /dev/null @@ -1,115 +0,0 @@ -// Copyright 2013 The Flutter Authors. -// Use of this source code is governed by a BSD-style license that can be -// found in the LICENSE file. - -// Version: 36.0.6 - -import 'color_role.dart'; -import 'shape_struct.dart'; - -class TokenExtendedFabBranded { - /// md.comp.extended-fab.branded.container.color - static const TokenColorRole containerColor = TokenColorRole.surfaceContainerHigh; - - /// md.comp.extended-fab.branded.container.elevation - static const double containerElevation = 6.00; - - /// md.comp.extended-fab.branded.container.height - static const double containerHeight = 56.00; - - /// md.comp.extended-fab.branded.container.shadow-color - static const TokenColorRole containerShadowColor = TokenColorRole.shadow; - - /// md.comp.extended-fab.branded.container.shape - static const ShapeStruct containerShape = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 16.00, - topRight: 16.00, - bottomLeft: 16.00, - bottomRight: 16.00, - ); - - /// md.comp.extended-fab.branded.focus.container.elevation - static const double focusContainerElevation = 6.00; - - /// md.comp.extended-fab.branded.focus.indicator.color - static const TokenColorRole focusIndicatorColor = TokenColorRole.secondary; - - /// md.comp.extended-fab.branded.focus.indicator.outline.offset - static const double focusIndicatorOutlineOffset = 2.00; - - /// md.comp.extended-fab.branded.focus.indicator.thickness - static const double focusIndicatorThickness = 3.00; - - /// md.comp.extended-fab.branded.focus.label-text.color - static const TokenColorRole focusLabelTextColor = TokenColorRole.primary; - - /// md.comp.extended-fab.branded.focus.state-layer.color - static const TokenColorRole focusStateLayerColor = TokenColorRole.primary; - - /// md.comp.extended-fab.branded.focus.state-layer.opacity - static const double focusStateLayerOpacity = 0.10; - - /// md.comp.extended-fab.branded.hover.container.elevation - static const double hoverContainerElevation = 8.00; - - /// md.comp.extended-fab.branded.hover.label-text.color - static const TokenColorRole hoverLabelTextColor = TokenColorRole.primary; - - /// md.comp.extended-fab.branded.hover.state-layer.color - static const TokenColorRole hoverStateLayerColor = TokenColorRole.primary; - - /// md.comp.extended-fab.branded.hover.state-layer.opacity - static const double hoverStateLayerOpacity = 0.08; - - /// md.comp.extended-fab.branded.icon.size - static const double iconSize = 36.00; - - /// md.comp.extended-fab.branded.label-text.color - static const TokenColorRole labelTextColor = TokenColorRole.onSurface; - - /// md.comp.extended-fab.branded.label-text.font - static const String labelTextFont = 'Roboto'; - - /// md.comp.extended-fab.branded.label-text.type - static const String labelTextTypeFontFamily = 'Roboto'; - - /// md.comp.extended-fab.branded.label-text.type - static const double labelTextTypeFontSize = 14.00; - - /// md.comp.extended-fab.branded.label-text.type - static const double labelTextTypeFontWeight = 500; - - /// md.comp.extended-fab.branded.label-text.type - static const double labelTextTypeLetterSpacing = 0.10; - - /// md.comp.extended-fab.branded.label-text.type - static const double labelTextTypeLineHeight = 20.00; - - /// md.comp.extended-fab.branded.lowered.container.color - static const TokenColorRole loweredContainerColor = TokenColorRole.surfaceContainerLow; - - /// md.comp.extended-fab.branded.lowered.container.elevation - static const double loweredContainerElevation = 1.00; - - /// md.comp.extended-fab.branded.lowered.focus.container.elevation - static const double loweredFocusContainerElevation = 1.00; - - /// md.comp.extended-fab.branded.lowered.hover.container.elevation - static const double loweredHoverContainerElevation = 3.00; - - /// md.comp.extended-fab.branded.lowered.pressed.container.elevation - static const double loweredPressedContainerElevation = 1.00; - - /// md.comp.extended-fab.branded.pressed.container.elevation - static const double pressedContainerElevation = 6.00; - - /// md.comp.extended-fab.branded.pressed.label-text.color - static const TokenColorRole pressedLabelTextColor = TokenColorRole.primary; - - /// md.comp.extended-fab.branded.pressed.state-layer.color - static const TokenColorRole pressedStateLayerColor = TokenColorRole.primary; - - /// md.comp.extended-fab.branded.pressed.state-layer.opacity - static const double pressedStateLayerOpacity = 0.10; -} diff --git a/packages/material_ui/tool/gen_defaults/data/extended_fab_large.dart b/packages/material_ui/tool/gen_defaults/data/extended_fab_large.dart index 2d8563dd72ac..6108fc093b35 100644 --- a/packages/material_ui/tool/gen_defaults/data/extended_fab_large.dart +++ b/packages/material_ui/tool/gen_defaults/data/extended_fab_large.dart @@ -2,9 +2,10 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'shape_struct.dart'; +import 'typescale_struct.dart'; class TokenExtendedFabLarge { /// md.comp.extended-fab.large.container.height @@ -26,19 +27,13 @@ class TokenExtendedFabLarge { static const double iconSize = 36.00; /// md.comp.extended-fab.large.label-text - static const String labelTextFontFamily = 'Roboto'; - - /// md.comp.extended-fab.large.label-text - static const double labelTextFontSize = 24.00; - - /// md.comp.extended-fab.large.label-text - static const double labelTextFontWeight = 400; - - /// md.comp.extended-fab.large.label-text - static const double labelTextLetterSpacing = 0.00; - - /// md.comp.extended-fab.large.label-text - static const double labelTextLineHeight = 32.00; + static const TypescaleStruct labelText = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 24.00, + fontWeight: 400, + lineHeight: 32.00, + letterSpacing: 0.00, + ); /// md.comp.extended-fab.large.leading-space static const double leadingSpace = 28.00; diff --git a/packages/material_ui/tool/gen_defaults/data/extended_fab_medium.dart b/packages/material_ui/tool/gen_defaults/data/extended_fab_medium.dart index 8c558ebd3e24..e45e30775ad7 100644 --- a/packages/material_ui/tool/gen_defaults/data/extended_fab_medium.dart +++ b/packages/material_ui/tool/gen_defaults/data/extended_fab_medium.dart @@ -2,9 +2,10 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'shape_struct.dart'; +import 'typescale_struct.dart'; class TokenExtendedFabMedium { /// md.comp.extended-fab.medium.container.height @@ -26,19 +27,13 @@ class TokenExtendedFabMedium { static const double iconSize = 28.00; /// md.comp.extended-fab.medium.label-text - static const String labelTextFontFamily = 'Roboto'; - - /// md.comp.extended-fab.medium.label-text - static const double labelTextFontSize = 22.00; - - /// md.comp.extended-fab.medium.label-text - static const double labelTextFontWeight = 400; - - /// md.comp.extended-fab.medium.label-text - static const double labelTextLetterSpacing = 0.00; - - /// md.comp.extended-fab.medium.label-text - static const double labelTextLineHeight = 28.00; + static const TypescaleStruct labelText = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 22.00, + fontWeight: 400, + lineHeight: 28.00, + letterSpacing: 0.00, + ); /// md.comp.extended-fab.medium.leading-space static const double leadingSpace = 26.00; diff --git a/packages/material_ui/tool/gen_defaults/data/extended_fab_primary.dart b/packages/material_ui/tool/gen_defaults/data/extended_fab_primary.dart index 34af349de8c7..cc7e634ff8bb 100644 --- a/packages/material_ui/tool/gen_defaults/data/extended_fab_primary.dart +++ b/packages/material_ui/tool/gen_defaults/data/extended_fab_primary.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; diff --git a/packages/material_ui/tool/gen_defaults/data/extended_fab_primary_container.dart b/packages/material_ui/tool/gen_defaults/data/extended_fab_primary_container.dart index 1fa7ee6b1368..bbc633ab3d79 100644 --- a/packages/material_ui/tool/gen_defaults/data/extended_fab_primary_container.dart +++ b/packages/material_ui/tool/gen_defaults/data/extended_fab_primary_container.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; @@ -20,13 +20,16 @@ class TokenExtendedFabPrimaryContainer { static const double focusedContainerElevation = 6.00; /// md.comp.extended-fab.primary-container.focused.icon.color - static const TokenColorRole focusedIconColor = TokenColorRole.onPrimaryContainer; + static const TokenColorRole focusedIconColor = + TokenColorRole.onPrimaryContainer; /// md.comp.extended-fab.primary-container.focused.label-text.color - static const TokenColorRole focusedLabelTextColor = TokenColorRole.onPrimaryContainer; + static const TokenColorRole focusedLabelTextColor = + TokenColorRole.onPrimaryContainer; /// md.comp.extended-fab.primary-container.focused.state-layer.color - static const TokenColorRole focusedStateLayerColor = TokenColorRole.onPrimaryContainer; + static const TokenColorRole focusedStateLayerColor = + TokenColorRole.onPrimaryContainer; /// md.comp.extended-fab.primary-container.focused.state-layer.opacity static const double focusedStateLayerOpacity = 0.10; @@ -35,13 +38,16 @@ class TokenExtendedFabPrimaryContainer { static const double hoveredContainerElevation = 8.00; /// md.comp.extended-fab.primary-container.hovered.icon.color - static const TokenColorRole hoveredIconColor = TokenColorRole.onPrimaryContainer; + static const TokenColorRole hoveredIconColor = + TokenColorRole.onPrimaryContainer; /// md.comp.extended-fab.primary-container.hovered.label-text.color - static const TokenColorRole hoveredLabelTextColor = TokenColorRole.onPrimaryContainer; + static const TokenColorRole hoveredLabelTextColor = + TokenColorRole.onPrimaryContainer; /// md.comp.extended-fab.primary-container.hovered.state-layer.color - static const TokenColorRole hoveredStateLayerColor = TokenColorRole.onPrimaryContainer; + static const TokenColorRole hoveredStateLayerColor = + TokenColorRole.onPrimaryContainer; /// md.comp.extended-fab.primary-container.hovered.state-layer.opacity static const double hoveredStateLayerOpacity = 0.08; @@ -50,19 +56,23 @@ class TokenExtendedFabPrimaryContainer { static const TokenColorRole iconColor = TokenColorRole.onPrimaryContainer; /// md.comp.extended-fab.primary-container.label-text.color - static const TokenColorRole labelTextColor = TokenColorRole.onPrimaryContainer; + static const TokenColorRole labelTextColor = + TokenColorRole.onPrimaryContainer; /// md.comp.extended-fab.primary-container.pressed.container.elevation static const double pressedContainerElevation = 6.00; /// md.comp.extended-fab.primary-container.pressed.icon.color - static const TokenColorRole pressedIconColor = TokenColorRole.onPrimaryContainer; + static const TokenColorRole pressedIconColor = + TokenColorRole.onPrimaryContainer; /// md.comp.extended-fab.primary-container.pressed.label-text.color - static const TokenColorRole pressedLabelTextColor = TokenColorRole.onPrimaryContainer; + static const TokenColorRole pressedLabelTextColor = + TokenColorRole.onPrimaryContainer; /// md.comp.extended-fab.primary-container.pressed.state-layer.color - static const TokenColorRole pressedStateLayerColor = TokenColorRole.onPrimaryContainer; + static const TokenColorRole pressedStateLayerColor = + TokenColorRole.onPrimaryContainer; /// md.comp.extended-fab.primary-container.pressed.state-layer.opacity static const double pressedStateLayerOpacity = 0.10; diff --git a/packages/material_ui/tool/gen_defaults/data/extended_fab_secondary.dart b/packages/material_ui/tool/gen_defaults/data/extended_fab_secondary.dart index d924a5e13bc4..654e626f751b 100644 --- a/packages/material_ui/tool/gen_defaults/data/extended_fab_secondary.dart +++ b/packages/material_ui/tool/gen_defaults/data/extended_fab_secondary.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; @@ -23,10 +23,12 @@ class TokenExtendedFabSecondary { static const TokenColorRole focusedIconColor = TokenColorRole.onSecondary; /// md.comp.extended-fab.secondary.focused.label-text.color - static const TokenColorRole focusedLabelTextColor = TokenColorRole.onSecondary; + static const TokenColorRole focusedLabelTextColor = + TokenColorRole.onSecondary; /// md.comp.extended-fab.secondary.focused.state-layer.color - static const TokenColorRole focusedStateLayerColor = TokenColorRole.onSecondary; + static const TokenColorRole focusedStateLayerColor = + TokenColorRole.onSecondary; /// md.comp.extended-fab.secondary.focused.state-layer.opacity static const double focusedStateLayerOpacity = 0.10; @@ -38,10 +40,12 @@ class TokenExtendedFabSecondary { static const TokenColorRole hoveredIconColor = TokenColorRole.onSecondary; /// md.comp.extended-fab.secondary.hovered.label-text.color - static const TokenColorRole hoveredLabelTextColor = TokenColorRole.onSecondary; + static const TokenColorRole hoveredLabelTextColor = + TokenColorRole.onSecondary; /// md.comp.extended-fab.secondary.hovered.state-layer.color - static const TokenColorRole hoveredStateLayerColor = TokenColorRole.onSecondary; + static const TokenColorRole hoveredStateLayerColor = + TokenColorRole.onSecondary; /// md.comp.extended-fab.secondary.hovered.state-layer.opacity static const double hoveredStateLayerOpacity = 0.08; @@ -59,10 +63,12 @@ class TokenExtendedFabSecondary { static const TokenColorRole pressedIconColor = TokenColorRole.onSecondary; /// md.comp.extended-fab.secondary.pressed.label-text.color - static const TokenColorRole pressedLabelTextColor = TokenColorRole.onSecondary; + static const TokenColorRole pressedLabelTextColor = + TokenColorRole.onSecondary; /// md.comp.extended-fab.secondary.pressed.state-layer.color - static const TokenColorRole pressedStateLayerColor = TokenColorRole.onSecondary; + static const TokenColorRole pressedStateLayerColor = + TokenColorRole.onSecondary; /// md.comp.extended-fab.secondary.pressed.state-layer.opacity static const double pressedStateLayerOpacity = 0.10; diff --git a/packages/material_ui/tool/gen_defaults/data/extended_fab_secondary_container.dart b/packages/material_ui/tool/gen_defaults/data/extended_fab_secondary_container.dart index 6c20ccee6ff8..d33de9590da2 100644 --- a/packages/material_ui/tool/gen_defaults/data/extended_fab_secondary_container.dart +++ b/packages/material_ui/tool/gen_defaults/data/extended_fab_secondary_container.dart @@ -2,13 +2,14 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; class TokenExtendedFabSecondaryContainer { /// md.comp.extended-fab.secondary-container.container.color - static const TokenColorRole containerColor = TokenColorRole.secondaryContainer; + static const TokenColorRole containerColor = + TokenColorRole.secondaryContainer; /// md.comp.extended-fab.secondary-container.container.elevation static const double containerElevation = 6.00; @@ -20,13 +21,16 @@ class TokenExtendedFabSecondaryContainer { static const double focusedContainerElevation = 6.00; /// md.comp.extended-fab.secondary-container.focused.icon.color - static const TokenColorRole focusedIconColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole focusedIconColor = + TokenColorRole.onSecondaryContainer; /// md.comp.extended-fab.secondary-container.focused.label-text.color - static const TokenColorRole focusedLabelTextColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole focusedLabelTextColor = + TokenColorRole.onSecondaryContainer; /// md.comp.extended-fab.secondary-container.focused.state-layer.color - static const TokenColorRole focusedStateLayerColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole focusedStateLayerColor = + TokenColorRole.onSecondaryContainer; /// md.comp.extended-fab.secondary-container.focused.state-layer.opacity static const double focusedStateLayerOpacity = 0.10; @@ -35,13 +39,16 @@ class TokenExtendedFabSecondaryContainer { static const double hoveredContainerElevation = 8.00; /// md.comp.extended-fab.secondary-container.hovered.icon.color - static const TokenColorRole hoveredIconColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole hoveredIconColor = + TokenColorRole.onSecondaryContainer; /// md.comp.extended-fab.secondary-container.hovered.label-text.color - static const TokenColorRole hoveredLabelTextColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole hoveredLabelTextColor = + TokenColorRole.onSecondaryContainer; /// md.comp.extended-fab.secondary-container.hovered.state-layer.color - static const TokenColorRole hoveredStateLayerColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole hoveredStateLayerColor = + TokenColorRole.onSecondaryContainer; /// md.comp.extended-fab.secondary-container.hovered.state-layer.opacity static const double hoveredStateLayerOpacity = 0.08; @@ -50,19 +57,23 @@ class TokenExtendedFabSecondaryContainer { static const TokenColorRole iconColor = TokenColorRole.onSecondaryContainer; /// md.comp.extended-fab.secondary-container.label-text.color - static const TokenColorRole labelTextColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole labelTextColor = + TokenColorRole.onSecondaryContainer; /// md.comp.extended-fab.secondary-container.pressed.container.elevation static const double pressedContainerElevation = 6.00; /// md.comp.extended-fab.secondary-container.pressed.icon.color - static const TokenColorRole pressedIconColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole pressedIconColor = + TokenColorRole.onSecondaryContainer; /// md.comp.extended-fab.secondary-container.pressed.label-text.color - static const TokenColorRole pressedLabelTextColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole pressedLabelTextColor = + TokenColorRole.onSecondaryContainer; /// md.comp.extended-fab.secondary-container.pressed.state-layer.color - static const TokenColorRole pressedStateLayerColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole pressedStateLayerColor = + TokenColorRole.onSecondaryContainer; /// md.comp.extended-fab.secondary-container.pressed.state-layer.opacity static const double pressedStateLayerOpacity = 0.10; diff --git a/packages/material_ui/tool/gen_defaults/data/extended_fab_small.dart b/packages/material_ui/tool/gen_defaults/data/extended_fab_small.dart index 84be720bc6dd..d80ac08b9bed 100644 --- a/packages/material_ui/tool/gen_defaults/data/extended_fab_small.dart +++ b/packages/material_ui/tool/gen_defaults/data/extended_fab_small.dart @@ -2,9 +2,10 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'shape_struct.dart'; +import 'typescale_struct.dart'; class TokenExtendedFabSmall { /// md.comp.extended-fab.small.container.height @@ -26,19 +27,13 @@ class TokenExtendedFabSmall { static const double iconSize = 24.00; /// md.comp.extended-fab.small.label-text - static const String labelTextFontFamily = 'Roboto'; - - /// md.comp.extended-fab.small.label-text - static const double labelTextFontSize = 16.00; - - /// md.comp.extended-fab.small.label-text - static const double labelTextFontWeight = 500; - - /// md.comp.extended-fab.small.label-text - static const double labelTextLetterSpacing = 0.15; - - /// md.comp.extended-fab.small.label-text - static const double labelTextLineHeight = 24.00; + static const TypescaleStruct labelText = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 16.00, + fontWeight: 500, + lineHeight: 24.00, + letterSpacing: 0.15, + ); /// md.comp.extended-fab.small.leading-space static const double leadingSpace = 16.00; diff --git a/packages/material_ui/tool/gen_defaults/data/extended_fab_surface.dart b/packages/material_ui/tool/gen_defaults/data/extended_fab_surface.dart index 6903da28b3a2..712c2033dea0 100644 --- a/packages/material_ui/tool/gen_defaults/data/extended_fab_surface.dart +++ b/packages/material_ui/tool/gen_defaults/data/extended_fab_surface.dart @@ -2,14 +2,16 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; +import 'typescale_struct.dart'; class TokenExtendedFabSurface { /// md.comp.extended-fab.surface.container.color - static const TokenColorRole containerColor = TokenColorRole.surfaceContainerHigh; + static const TokenColorRole containerColor = + TokenColorRole.surfaceContainerHigh; /// md.comp.extended-fab.surface.container.elevation static const double containerElevation = 6.00; @@ -77,26 +79,18 @@ class TokenExtendedFabSurface { /// md.comp.extended-fab.surface.label-text.color static const TokenColorRole labelTextColor = TokenColorRole.primary; - /// md.comp.extended-fab.surface.label-text.font - static const String labelTextFont = 'Roboto'; - - /// md.comp.extended-fab.surface.label-text.type - static const String labelTextTypeFontFamily = 'Roboto'; - - /// md.comp.extended-fab.surface.label-text.type - static const double labelTextTypeFontSize = 14.00; - /// md.comp.extended-fab.surface.label-text.type - static const double labelTextTypeFontWeight = 500; - - /// md.comp.extended-fab.surface.label-text.type - static const double labelTextTypeLetterSpacing = 0.10; - - /// md.comp.extended-fab.surface.label-text.type - static const double labelTextTypeLineHeight = 20.00; + static const TypescaleStruct labelTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 14.00, + fontWeight: 500, + lineHeight: 20.00, + letterSpacing: 0.10, + ); /// md.comp.extended-fab.surface.lowered.container.color - static const TokenColorRole loweredContainerColor = TokenColorRole.surfaceContainerLow; + static const TokenColorRole loweredContainerColor = + TokenColorRole.surfaceContainerLow; /// md.comp.extended-fab.surface.lowered.container.elevation static const double loweredContainerElevation = 1.00; diff --git a/packages/material_ui/tool/gen_defaults/data/extended_fab_tertiary.dart b/packages/material_ui/tool/gen_defaults/data/extended_fab_tertiary.dart index 1d5e1f8c89fa..ed740ee8b19f 100644 --- a/packages/material_ui/tool/gen_defaults/data/extended_fab_tertiary.dart +++ b/packages/material_ui/tool/gen_defaults/data/extended_fab_tertiary.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; @@ -26,7 +26,8 @@ class TokenExtendedFabTertiary { static const TokenColorRole focusedLabelTextColor = TokenColorRole.onTertiary; /// md.comp.extended-fab.tertiary.focused.state-layer.color - static const TokenColorRole focusedStateLayerColor = TokenColorRole.onTertiary; + static const TokenColorRole focusedStateLayerColor = + TokenColorRole.onTertiary; /// md.comp.extended-fab.tertiary.focused.state-layer.opacity static const double focusedStateLayerOpacity = 0.10; @@ -41,7 +42,8 @@ class TokenExtendedFabTertiary { static const TokenColorRole hoveredLabelTextColor = TokenColorRole.onTertiary; /// md.comp.extended-fab.tertiary.hovered.state-layer.color - static const TokenColorRole hoveredStateLayerColor = TokenColorRole.onTertiary; + static const TokenColorRole hoveredStateLayerColor = + TokenColorRole.onTertiary; /// md.comp.extended-fab.tertiary.hovered.state-layer.opacity static const double hoveredStateLayerOpacity = 0.08; @@ -62,7 +64,8 @@ class TokenExtendedFabTertiary { static const TokenColorRole pressedLabelTextColor = TokenColorRole.onTertiary; /// md.comp.extended-fab.tertiary.pressed.state-layer.color - static const TokenColorRole pressedStateLayerColor = TokenColorRole.onTertiary; + static const TokenColorRole pressedStateLayerColor = + TokenColorRole.onTertiary; /// md.comp.extended-fab.tertiary.pressed.state-layer.opacity static const double pressedStateLayerOpacity = 0.10; diff --git a/packages/material_ui/tool/gen_defaults/data/extended_fab_tertiary_container.dart b/packages/material_ui/tool/gen_defaults/data/extended_fab_tertiary_container.dart index 5be576a98ae7..4a342a21a2d9 100644 --- a/packages/material_ui/tool/gen_defaults/data/extended_fab_tertiary_container.dart +++ b/packages/material_ui/tool/gen_defaults/data/extended_fab_tertiary_container.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; @@ -20,13 +20,16 @@ class TokenExtendedFabTertiaryContainer { static const double focusedContainerElevation = 6.00; /// md.comp.extended-fab.tertiary-container.focused.icon.color - static const TokenColorRole focusedIconColor = TokenColorRole.onTertiaryContainer; + static const TokenColorRole focusedIconColor = + TokenColorRole.onTertiaryContainer; /// md.comp.extended-fab.tertiary-container.focused.label-text.color - static const TokenColorRole focusedLabelTextColor = TokenColorRole.onTertiaryContainer; + static const TokenColorRole focusedLabelTextColor = + TokenColorRole.onTertiaryContainer; /// md.comp.extended-fab.tertiary-container.focused.state-layer.color - static const TokenColorRole focusedStateLayerColor = TokenColorRole.onTertiaryContainer; + static const TokenColorRole focusedStateLayerColor = + TokenColorRole.onTertiaryContainer; /// md.comp.extended-fab.tertiary-container.focused.state-layer.opacity static const double focusedStateLayerOpacity = 0.10; @@ -35,13 +38,16 @@ class TokenExtendedFabTertiaryContainer { static const double hoveredContainerElevation = 8.00; /// md.comp.extended-fab.tertiary-container.hovered.icon.color - static const TokenColorRole hoveredIconColor = TokenColorRole.onTertiaryContainer; + static const TokenColorRole hoveredIconColor = + TokenColorRole.onTertiaryContainer; /// md.comp.extended-fab.tertiary-container.hovered.label-text.color - static const TokenColorRole hoveredLabelTextColor = TokenColorRole.onTertiaryContainer; + static const TokenColorRole hoveredLabelTextColor = + TokenColorRole.onTertiaryContainer; /// md.comp.extended-fab.tertiary-container.hovered.state-layer.color - static const TokenColorRole hoveredStateLayerColor = TokenColorRole.onTertiaryContainer; + static const TokenColorRole hoveredStateLayerColor = + TokenColorRole.onTertiaryContainer; /// md.comp.extended-fab.tertiary-container.hovered.state-layer.opacity static const double hoveredStateLayerOpacity = 0.08; @@ -50,19 +56,23 @@ class TokenExtendedFabTertiaryContainer { static const TokenColorRole iconColor = TokenColorRole.onTertiaryContainer; /// md.comp.extended-fab.tertiary-container.label-text.color - static const TokenColorRole labelTextColor = TokenColorRole.onTertiaryContainer; + static const TokenColorRole labelTextColor = + TokenColorRole.onTertiaryContainer; /// md.comp.extended-fab.tertiary-container.pressed.container.elevation static const double pressedContainerElevation = 6.00; /// md.comp.extended-fab.tertiary-container.pressed.icon.color - static const TokenColorRole pressedIconColor = TokenColorRole.onTertiaryContainer; + static const TokenColorRole pressedIconColor = + TokenColorRole.onTertiaryContainer; /// md.comp.extended-fab.tertiary-container.pressed.label-text.color - static const TokenColorRole pressedLabelTextColor = TokenColorRole.onTertiaryContainer; + static const TokenColorRole pressedLabelTextColor = + TokenColorRole.onTertiaryContainer; /// md.comp.extended-fab.tertiary-container.pressed.state-layer.color - static const TokenColorRole pressedStateLayerColor = TokenColorRole.onTertiaryContainer; + static const TokenColorRole pressedStateLayerColor = + TokenColorRole.onTertiaryContainer; /// md.comp.extended-fab.tertiary-container.pressed.state-layer.opacity static const double pressedStateLayerOpacity = 0.10; diff --git a/packages/material_ui/tool/gen_defaults/data/fab.dart b/packages/material_ui/tool/gen_defaults/data/fab.dart index 730cf2efbdd3..9a4503d48963 100644 --- a/packages/material_ui/tool/gen_defaults/data/fab.dart +++ b/packages/material_ui/tool/gen_defaults/data/fab.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'shape_struct.dart'; diff --git a/packages/material_ui/tool/gen_defaults/data/fab_branded.dart b/packages/material_ui/tool/gen_defaults/data/fab_branded.dart deleted file mode 100644 index d473087b85b0..000000000000 --- a/packages/material_ui/tool/gen_defaults/data/fab_branded.dart +++ /dev/null @@ -1,88 +0,0 @@ -// Copyright 2013 The Flutter Authors. -// Use of this source code is governed by a BSD-style license that can be -// found in the LICENSE file. - -// Version: 36.0.6 - -import 'color_role.dart'; -import 'shape_struct.dart'; - -class TokenFabBranded { - /// md.comp.fab.branded.container.color - static const TokenColorRole containerColor = TokenColorRole.surfaceContainerHigh; - - /// md.comp.fab.branded.container.elevation - static const double containerElevation = 6.00; - - /// md.comp.fab.branded.container.height - static const double containerHeight = 56.00; - - /// md.comp.fab.branded.container.shadow-color - static const TokenColorRole containerShadowColor = TokenColorRole.shadow; - - /// md.comp.fab.branded.container.shape - static const ShapeStruct containerShape = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 16.00, - topRight: 16.00, - bottomLeft: 16.00, - bottomRight: 16.00, - ); - - /// md.comp.fab.branded.container.width - static const double containerWidth = 56.00; - - /// md.comp.fab.branded.focus.container.elevation - static const double focusContainerElevation = 6.00; - - /// md.comp.fab.branded.focus.indicator.color - static const TokenColorRole focusIndicatorColor = TokenColorRole.secondary; - - /// md.comp.fab.branded.focus.indicator.thickness - static const double focusIndicatorThickness = 3.00; - - /// md.comp.fab.branded.focus.state-layer.color - static const TokenColorRole focusStateLayerColor = TokenColorRole.primary; - - /// md.comp.fab.branded.focus.state-layer.opacity - static const double focusStateLayerOpacity = 0.10; - - /// md.comp.fab.branded.hover.container.elevation - static const double hoverContainerElevation = 8.00; - - /// md.comp.fab.branded.hover.state-layer.color - static const TokenColorRole hoverStateLayerColor = TokenColorRole.primary; - - /// md.comp.fab.branded.hover.state-layer.opacity - static const double hoverStateLayerOpacity = 0.08; - - /// md.comp.fab.branded.icon.size - static const double iconSize = 36.00; - - /// md.comp.fab.branded.indicator.outline.offset - static const double indicatorOutlineOffset = 2.00; - - /// md.comp.fab.branded.lowered.container.color - static const TokenColorRole loweredContainerColor = TokenColorRole.surfaceContainerLow; - - /// md.comp.fab.branded.lowered.container.elevation - static const double loweredContainerElevation = 1.00; - - /// md.comp.fab.branded.lowered.focus.container.elevation - static const double loweredFocusContainerElevation = 1.00; - - /// md.comp.fab.branded.lowered.hover.container.elevation - static const double loweredHoverContainerElevation = 3.00; - - /// md.comp.fab.branded.lowered.pressed.container.elevation - static const double loweredPressedContainerElevation = 1.00; - - /// md.comp.fab.branded.pressed.container.elevation - static const double pressedContainerElevation = 6.00; - - /// md.comp.fab.branded.pressed.state-layer.color - static const TokenColorRole pressedStateLayerColor = TokenColorRole.primary; - - /// md.comp.fab.branded.pressed.state-layer.opacity - static const double pressedStateLayerOpacity = 0.10; -} diff --git a/packages/material_ui/tool/gen_defaults/data/fab_large.dart b/packages/material_ui/tool/gen_defaults/data/fab_large.dart index a27dca2f4295..01f319748bbb 100644 --- a/packages/material_ui/tool/gen_defaults/data/fab_large.dart +++ b/packages/material_ui/tool/gen_defaults/data/fab_large.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'shape_struct.dart'; diff --git a/packages/material_ui/tool/gen_defaults/data/fab_medium.dart b/packages/material_ui/tool/gen_defaults/data/fab_medium.dart index 94a3b6b645ef..5325532e2a42 100644 --- a/packages/material_ui/tool/gen_defaults/data/fab_medium.dart +++ b/packages/material_ui/tool/gen_defaults/data/fab_medium.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'shape_struct.dart'; diff --git a/packages/material_ui/tool/gen_defaults/data/fab_menu.dart b/packages/material_ui/tool/gen_defaults/data/fab_menu.dart index 5b398a9398da..65beac495882 100644 --- a/packages/material_ui/tool/gen_defaults/data/fab_menu.dart +++ b/packages/material_ui/tool/gen_defaults/data/fab_menu.dart @@ -2,9 +2,10 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'shape_struct.dart'; +import 'typescale_struct.dart'; class TokenFabMenu { /// md.comp.fab-menu.close-button.between-space @@ -56,19 +57,13 @@ class TokenFabMenu { static const double menuItemIconSize = 24.00; /// md.comp.fab-menu.menu-item.label-text - static const String menuItemLabelTextFontFamily = 'Roboto'; - - /// md.comp.fab-menu.menu-item.label-text - static const double menuItemLabelTextFontSize = 16.00; - - /// md.comp.fab-menu.menu-item.label-text - static const double menuItemLabelTextFontWeight = 500; - - /// md.comp.fab-menu.menu-item.label-text - static const double menuItemLabelTextLetterSpacing = 0.15; - - /// md.comp.fab-menu.menu-item.label-text - static const double menuItemLabelTextLineHeight = 24.00; + static const TypescaleStruct menuItemLabelText = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 16.00, + fontWeight: 500, + lineHeight: 24.00, + letterSpacing: 0.15, + ); /// md.comp.fab-menu.menu-item.leading-space static const double menuItemLeadingSpace = 24.00; diff --git a/packages/material_ui/tool/gen_defaults/data/fab_menu_primary_close_button.dart b/packages/material_ui/tool/gen_defaults/data/fab_menu_primary_close_button.dart index 54dbeda92a41..9c0772e240af 100644 --- a/packages/material_ui/tool/gen_defaults/data/fab_menu_primary_close_button.dart +++ b/packages/material_ui/tool/gen_defaults/data/fab_menu_primary_close_button.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; diff --git a/packages/material_ui/tool/gen_defaults/data/fab_menu_primary_container.dart b/packages/material_ui/tool/gen_defaults/data/fab_menu_primary_container.dart index d5ee83efc900..98332d420cec 100644 --- a/packages/material_ui/tool/gen_defaults/data/fab_menu_primary_container.dart +++ b/packages/material_ui/tool/gen_defaults/data/fab_menu_primary_container.dart @@ -2,28 +2,33 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; class TokenFabMenuPrimaryContainer { /// md.comp.fab-menu.primary-container.list-item.container.color - static const TokenColorRole listItemContainerColor = TokenColorRole.primaryContainer; + static const TokenColorRole listItemContainerColor = + TokenColorRole.primaryContainer; /// md.comp.fab-menu.primary-container.list-item.container.shadow-color - static const TokenColorRole listItemContainerShadowColor = TokenColorRole.shadow; + static const TokenColorRole listItemContainerShadowColor = + TokenColorRole.shadow; /// md.comp.fab-menu.primary-container.list-item.focused.container.elevation static const double listItemFocusedContainerElevation = 6.00; /// md.comp.fab-menu.primary-container.list-item.focused.icon.color - static const TokenColorRole listItemFocusedIconColor = TokenColorRole.onPrimaryContainer; + static const TokenColorRole listItemFocusedIconColor = + TokenColorRole.onPrimaryContainer; /// md.comp.fab-menu.primary-container.list-item.focused.label-text.color - static const TokenColorRole listItemFocusedLabelTextColor = TokenColorRole.onPrimaryContainer; + static const TokenColorRole listItemFocusedLabelTextColor = + TokenColorRole.onPrimaryContainer; /// md.comp.fab-menu.primary-container.list-item.focused.state-layer.color - static const TokenColorRole listItemFocusedStateLayerColor = TokenColorRole.onPrimaryContainer; + static const TokenColorRole listItemFocusedStateLayerColor = + TokenColorRole.onPrimaryContainer; /// md.comp.fab-menu.primary-container.list-item.focused.state-layer.opacity static const double listItemFocusedStateLayerOpacity = 0.10; @@ -32,34 +37,42 @@ class TokenFabMenuPrimaryContainer { static const double listItemHoveredContainerElevation = 8.00; /// md.comp.fab-menu.primary-container.list-item.hovered.icon.color - static const TokenColorRole listItemHoveredIconColor = TokenColorRole.onPrimaryContainer; + static const TokenColorRole listItemHoveredIconColor = + TokenColorRole.onPrimaryContainer; /// md.comp.fab-menu.primary-container.list-item.hovered.label-text.color - static const TokenColorRole listItemHoveredLabelTextColor = TokenColorRole.onPrimaryContainer; + static const TokenColorRole listItemHoveredLabelTextColor = + TokenColorRole.onPrimaryContainer; /// md.comp.fab-menu.primary-container.list-item.hovered.state-layer.color - static const TokenColorRole listItemHoveredStateLayerColor = TokenColorRole.onPrimaryContainer; + static const TokenColorRole listItemHoveredStateLayerColor = + TokenColorRole.onPrimaryContainer; /// md.comp.fab-menu.primary-container.list-item.hovered.state-layer.opacity static const double listItemHoveredStateLayerOpacity = 0.08; /// md.comp.fab-menu.primary-container.list-item.icon.color - static const TokenColorRole listItemIconColor = TokenColorRole.onPrimaryContainer; + static const TokenColorRole listItemIconColor = + TokenColorRole.onPrimaryContainer; /// md.comp.fab-menu.primary-container.list-item.label-text.color - static const TokenColorRole listItemLabelTextColor = TokenColorRole.onPrimaryContainer; + static const TokenColorRole listItemLabelTextColor = + TokenColorRole.onPrimaryContainer; /// md.comp.fab-menu.primary-container.list-item.pressed.container.elevation static const double listItemPressedContainerElevation = 6.00; /// md.comp.fab-menu.primary-container.list-item.pressed.icon.color - static const TokenColorRole listItemPressedIconColor = TokenColorRole.onPrimaryContainer; + static const TokenColorRole listItemPressedIconColor = + TokenColorRole.onPrimaryContainer; /// md.comp.fab-menu.primary-container.list-item.pressed.label-text.color - static const TokenColorRole listItemPressedLabelTextColor = TokenColorRole.onPrimaryContainer; + static const TokenColorRole listItemPressedLabelTextColor = + TokenColorRole.onPrimaryContainer; /// md.comp.fab-menu.primary-container.list-item.pressed.state-layer.color - static const TokenColorRole listItemPressedStateLayerColor = TokenColorRole.onPrimaryContainer; + static const TokenColorRole listItemPressedStateLayerColor = + TokenColorRole.onPrimaryContainer; /// md.comp.fab-menu.primary-container.list-item.pressed.state-layer.opacity static const double listItemPressedStateLayerOpacity = 0.10; diff --git a/packages/material_ui/tool/gen_defaults/data/fab_menu_secondary_close_button.dart b/packages/material_ui/tool/gen_defaults/data/fab_menu_secondary_close_button.dart index 41fba9e5129a..a9fe789f6100 100644 --- a/packages/material_ui/tool/gen_defaults/data/fab_menu_secondary_close_button.dart +++ b/packages/material_ui/tool/gen_defaults/data/fab_menu_secondary_close_button.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; @@ -20,7 +20,8 @@ class TokenFabMenuSecondaryCloseButton { static const TokenColorRole focusedIconColor = TokenColorRole.onSecondary; /// md.comp.fab-menu.secondary.close-button.focused.state-layer.color - static const TokenColorRole focusedStateLayerColor = TokenColorRole.onSecondary; + static const TokenColorRole focusedStateLayerColor = + TokenColorRole.onSecondary; /// md.comp.fab-menu.secondary.close-button.focused.state-layer.opacity static const double focusedStateLayerOpacity = 0.10; @@ -32,7 +33,8 @@ class TokenFabMenuSecondaryCloseButton { static const TokenColorRole hoveredIconColor = TokenColorRole.onSecondary; /// md.comp.fab-menu.secondary.close-button.hovered.state-layer.color - static const TokenColorRole hoveredStateLayerColor = TokenColorRole.onSecondary; + static const TokenColorRole hoveredStateLayerColor = + TokenColorRole.onSecondary; /// md.comp.fab-menu.secondary.close-button.hovered.state-layer.opacity static const double hoveredStateLayerOpacity = 0.08; @@ -47,7 +49,8 @@ class TokenFabMenuSecondaryCloseButton { static const TokenColorRole pressedIconColor = TokenColorRole.onSecondary; /// md.comp.fab-menu.secondary.close-button.pressed.state-layer.color - static const TokenColorRole pressedStateLayerColor = TokenColorRole.onSecondary; + static const TokenColorRole pressedStateLayerColor = + TokenColorRole.onSecondary; /// md.comp.fab-menu.secondary.close-button.pressed.state-layer.opacity static const double pressedStateLayerOpacity = 0.10; diff --git a/packages/material_ui/tool/gen_defaults/data/fab_menu_secondary_container.dart b/packages/material_ui/tool/gen_defaults/data/fab_menu_secondary_container.dart index c8661c9778d5..4abbe4195a56 100644 --- a/packages/material_ui/tool/gen_defaults/data/fab_menu_secondary_container.dart +++ b/packages/material_ui/tool/gen_defaults/data/fab_menu_secondary_container.dart @@ -2,28 +2,33 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; class TokenFabMenuSecondaryContainer { /// md.comp.fab-menu.secondary-container.list-item.container.color - static const TokenColorRole listItemContainerColor = TokenColorRole.secondaryContainer; + static const TokenColorRole listItemContainerColor = + TokenColorRole.secondaryContainer; /// md.comp.fab-menu.secondary-container.list-item.container.shadow-color - static const TokenColorRole listItemContainerShadowColor = TokenColorRole.shadow; + static const TokenColorRole listItemContainerShadowColor = + TokenColorRole.shadow; /// md.comp.fab-menu.secondary-container.list-item.focused.container.elevation static const double listItemFocusedContainerElevation = 6.00; /// md.comp.fab-menu.secondary-container.list-item.focused.icon.color - static const TokenColorRole listItemFocusedIconColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole listItemFocusedIconColor = + TokenColorRole.onSecondaryContainer; /// md.comp.fab-menu.secondary-container.list-item.focused.label-text.color - static const TokenColorRole listItemFocusedLabelTextColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole listItemFocusedLabelTextColor = + TokenColorRole.onSecondaryContainer; /// md.comp.fab-menu.secondary-container.list-item.focused.state-layer.color - static const TokenColorRole listItemFocusedStateLayerColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole listItemFocusedStateLayerColor = + TokenColorRole.onSecondaryContainer; /// md.comp.fab-menu.secondary-container.list-item.focused.state-layer.opacity static const double listItemFocusedStateLayerOpacity = 0.10; @@ -32,34 +37,42 @@ class TokenFabMenuSecondaryContainer { static const double listItemHoveredContainerElevation = 8.00; /// md.comp.fab-menu.secondary-container.list-item.hovered.icon.color - static const TokenColorRole listItemHoveredIconColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole listItemHoveredIconColor = + TokenColorRole.onSecondaryContainer; /// md.comp.fab-menu.secondary-container.list-item.hovered.label-text.color - static const TokenColorRole listItemHoveredLabelTextColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole listItemHoveredLabelTextColor = + TokenColorRole.onSecondaryContainer; /// md.comp.fab-menu.secondary-container.list-item.hovered.state-layer.color - static const TokenColorRole listItemHoveredStateLayerColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole listItemHoveredStateLayerColor = + TokenColorRole.onSecondaryContainer; /// md.comp.fab-menu.secondary-container.list-item.hovered.state-layer.opacity static const double listItemHoveredStateLayerOpacity = 0.08; /// md.comp.fab-menu.secondary-container.list-item.icon.color - static const TokenColorRole listItemIconColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole listItemIconColor = + TokenColorRole.onSecondaryContainer; /// md.comp.fab-menu.secondary-container.list-item.label-text.color - static const TokenColorRole listItemLabelTextColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole listItemLabelTextColor = + TokenColorRole.onSecondaryContainer; /// md.comp.fab-menu.secondary-container.list-item.pressed.container.elevation static const double listItemPressedContainerElevation = 6.00; /// md.comp.fab-menu.secondary-container.list-item.pressed.icon.color - static const TokenColorRole listItemPressedIconColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole listItemPressedIconColor = + TokenColorRole.onSecondaryContainer; /// md.comp.fab-menu.secondary-container.list-item.pressed.label-text.color - static const TokenColorRole listItemPressedLabelTextColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole listItemPressedLabelTextColor = + TokenColorRole.onSecondaryContainer; /// md.comp.fab-menu.secondary-container.list-item.pressed.state-layer.color - static const TokenColorRole listItemPressedStateLayerColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole listItemPressedStateLayerColor = + TokenColorRole.onSecondaryContainer; /// md.comp.fab-menu.secondary-container.list-item.pressed.state-layer.opacity static const double listItemPressedStateLayerOpacity = 0.10; diff --git a/packages/material_ui/tool/gen_defaults/data/fab_menu_tertiary_close_button.dart b/packages/material_ui/tool/gen_defaults/data/fab_menu_tertiary_close_button.dart index 3c1f8cf99c4c..414711ae72cd 100644 --- a/packages/material_ui/tool/gen_defaults/data/fab_menu_tertiary_close_button.dart +++ b/packages/material_ui/tool/gen_defaults/data/fab_menu_tertiary_close_button.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; @@ -20,7 +20,8 @@ class TokenFabMenuTertiaryCloseButton { static const TokenColorRole focusedIconColor = TokenColorRole.onTertiary; /// md.comp.fab-menu.tertiary.close-button.focused.state-layer.color - static const TokenColorRole focusedStateLayerColor = TokenColorRole.onTertiary; + static const TokenColorRole focusedStateLayerColor = + TokenColorRole.onTertiary; /// md.comp.fab-menu.tertiary.close-button.focused.state-layer.opacity static const double focusedStateLayerOpacity = 0.10; @@ -32,7 +33,8 @@ class TokenFabMenuTertiaryCloseButton { static const TokenColorRole hoveredIconColor = TokenColorRole.onTertiary; /// md.comp.fab-menu.tertiary.close-button.hovered.state-layer.color - static const TokenColorRole hoveredStateLayerColor = TokenColorRole.onTertiary; + static const TokenColorRole hoveredStateLayerColor = + TokenColorRole.onTertiary; /// md.comp.fab-menu.tertiary.close-button.hovered.state-layer.opacity static const double hoveredStateLayerOpacity = 0.08; @@ -47,7 +49,8 @@ class TokenFabMenuTertiaryCloseButton { static const TokenColorRole pressedIconColor = TokenColorRole.onTertiary; /// md.comp.fab-menu.tertiary.close-button.pressed.state-layer.color - static const TokenColorRole pressedStateLayerColor = TokenColorRole.onTertiary; + static const TokenColorRole pressedStateLayerColor = + TokenColorRole.onTertiary; /// md.comp.fab-menu.tertiary.close-button.pressed.state-layer.opacity static const double pressedStateLayerOpacity = 0.10; diff --git a/packages/material_ui/tool/gen_defaults/data/fab_menu_tertiary_container.dart b/packages/material_ui/tool/gen_defaults/data/fab_menu_tertiary_container.dart index a0f4885e02b7..136e93c1f430 100644 --- a/packages/material_ui/tool/gen_defaults/data/fab_menu_tertiary_container.dart +++ b/packages/material_ui/tool/gen_defaults/data/fab_menu_tertiary_container.dart @@ -2,28 +2,33 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; class TokenFabMenuTertiaryContainer { /// md.comp.fab-menu.tertiary-container.list-item.container.color - static const TokenColorRole listItemContainerColor = TokenColorRole.tertiaryContainer; + static const TokenColorRole listItemContainerColor = + TokenColorRole.tertiaryContainer; /// md.comp.fab-menu.tertiary-container.list-item.container.shadow-color - static const TokenColorRole listItemContainerShadowColor = TokenColorRole.shadow; + static const TokenColorRole listItemContainerShadowColor = + TokenColorRole.shadow; /// md.comp.fab-menu.tertiary-container.list-item.focused.container.elevation static const double listItemFocusedContainerElevation = 6.00; /// md.comp.fab-menu.tertiary-container.list-item.focused.icon.color - static const TokenColorRole listItemFocusedIconColor = TokenColorRole.onTertiaryContainer; + static const TokenColorRole listItemFocusedIconColor = + TokenColorRole.onTertiaryContainer; /// md.comp.fab-menu.tertiary-container.list-item.focused.label-text.color - static const TokenColorRole listItemFocusedLabelTextColor = TokenColorRole.onTertiaryContainer; + static const TokenColorRole listItemFocusedLabelTextColor = + TokenColorRole.onTertiaryContainer; /// md.comp.fab-menu.tertiary-container.list-item.focused.state-layer.color - static const TokenColorRole listItemFocusedStateLayerColor = TokenColorRole.onTertiaryContainer; + static const TokenColorRole listItemFocusedStateLayerColor = + TokenColorRole.onTertiaryContainer; /// md.comp.fab-menu.tertiary-container.list-item.focused.state-layer.opacity static const double listItemFocusedStateLayerOpacity = 0.10; @@ -32,34 +37,42 @@ class TokenFabMenuTertiaryContainer { static const double listItemHoveredContainerElevation = 8.00; /// md.comp.fab-menu.tertiary-container.list-item.hovered.icon.color - static const TokenColorRole listItemHoveredIconColor = TokenColorRole.onTertiaryContainer; + static const TokenColorRole listItemHoveredIconColor = + TokenColorRole.onTertiaryContainer; /// md.comp.fab-menu.tertiary-container.list-item.hovered.label-text.color - static const TokenColorRole listItemHoveredLabelTextColor = TokenColorRole.onTertiaryContainer; + static const TokenColorRole listItemHoveredLabelTextColor = + TokenColorRole.onTertiaryContainer; /// md.comp.fab-menu.tertiary-container.list-item.hovered.state-layer.color - static const TokenColorRole listItemHoveredStateLayerColor = TokenColorRole.onTertiaryContainer; + static const TokenColorRole listItemHoveredStateLayerColor = + TokenColorRole.onTertiaryContainer; /// md.comp.fab-menu.tertiary-container.list-item.hovered.state-layer.opacity static const double listItemHoveredStateLayerOpacity = 0.08; /// md.comp.fab-menu.tertiary-container.list-item.icon.color - static const TokenColorRole listItemIconColor = TokenColorRole.onTertiaryContainer; + static const TokenColorRole listItemIconColor = + TokenColorRole.onTertiaryContainer; /// md.comp.fab-menu.tertiary-container.list-item.label-text.color - static const TokenColorRole listItemLabelTextColor = TokenColorRole.onTertiaryContainer; + static const TokenColorRole listItemLabelTextColor = + TokenColorRole.onTertiaryContainer; /// md.comp.fab-menu.tertiary-container.list-item.pressed.container.elevation static const double listItemPressedContainerElevation = 6.00; /// md.comp.fab-menu.tertiary-container.list-item.pressed.icon.color - static const TokenColorRole listItemPressedIconColor = TokenColorRole.onTertiaryContainer; + static const TokenColorRole listItemPressedIconColor = + TokenColorRole.onTertiaryContainer; /// md.comp.fab-menu.tertiary-container.list-item.pressed.label-text.color - static const TokenColorRole listItemPressedLabelTextColor = TokenColorRole.onTertiaryContainer; + static const TokenColorRole listItemPressedLabelTextColor = + TokenColorRole.onTertiaryContainer; /// md.comp.fab-menu.tertiary-container.list-item.pressed.state-layer.color - static const TokenColorRole listItemPressedStateLayerColor = TokenColorRole.onTertiaryContainer; + static const TokenColorRole listItemPressedStateLayerColor = + TokenColorRole.onTertiaryContainer; /// md.comp.fab-menu.tertiary-container.list-item.pressed.state-layer.opacity static const double listItemPressedStateLayerOpacity = 0.10; diff --git a/packages/material_ui/tool/gen_defaults/data/fab_primary.dart b/packages/material_ui/tool/gen_defaults/data/fab_primary.dart index d45b58fdf319..9813c4f1682b 100644 --- a/packages/material_ui/tool/gen_defaults/data/fab_primary.dart +++ b/packages/material_ui/tool/gen_defaults/data/fab_primary.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; diff --git a/packages/material_ui/tool/gen_defaults/data/fab_primary_container.dart b/packages/material_ui/tool/gen_defaults/data/fab_primary_container.dart index 192f1ccf0ecf..e47bbca543cc 100644 --- a/packages/material_ui/tool/gen_defaults/data/fab_primary_container.dart +++ b/packages/material_ui/tool/gen_defaults/data/fab_primary_container.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; @@ -20,10 +20,12 @@ class TokenFabPrimaryContainer { static const double focusedContainerElevation = 6.00; /// md.comp.fab.primary-container.focused.icon.color - static const TokenColorRole focusedIconColor = TokenColorRole.onPrimaryContainer; + static const TokenColorRole focusedIconColor = + TokenColorRole.onPrimaryContainer; /// md.comp.fab.primary-container.focused.state-layer.color - static const TokenColorRole focusedStateLayerColor = TokenColorRole.onPrimaryContainer; + static const TokenColorRole focusedStateLayerColor = + TokenColorRole.onPrimaryContainer; /// md.comp.fab.primary-container.focused.state-layer.opacity static const double focusedStateLayerOpacity = 0.10; @@ -32,10 +34,12 @@ class TokenFabPrimaryContainer { static const double hoveredContainerElevation = 8.00; /// md.comp.fab.primary-container.hovered.icon.color - static const TokenColorRole hoveredIconColor = TokenColorRole.onPrimaryContainer; + static const TokenColorRole hoveredIconColor = + TokenColorRole.onPrimaryContainer; /// md.comp.fab.primary-container.hovered.state-layer.color - static const TokenColorRole hoveredStateLayerColor = TokenColorRole.onPrimaryContainer; + static const TokenColorRole hoveredStateLayerColor = + TokenColorRole.onPrimaryContainer; /// md.comp.fab.primary-container.hovered.state-layer.opacity static const double hoveredStateLayerOpacity = 0.08; @@ -47,10 +51,12 @@ class TokenFabPrimaryContainer { static const double pressedContainerElevation = 6.00; /// md.comp.fab.primary-container.pressed.icon.color - static const TokenColorRole pressedIconColor = TokenColorRole.onPrimaryContainer; + static const TokenColorRole pressedIconColor = + TokenColorRole.onPrimaryContainer; /// md.comp.fab.primary-container.pressed.state-layer.color - static const TokenColorRole pressedStateLayerColor = TokenColorRole.onPrimaryContainer; + static const TokenColorRole pressedStateLayerColor = + TokenColorRole.onPrimaryContainer; /// md.comp.fab.primary-container.pressed.state-layer.opacity static const double pressedStateLayerOpacity = 0.10; diff --git a/packages/material_ui/tool/gen_defaults/data/fab_secondary.dart b/packages/material_ui/tool/gen_defaults/data/fab_secondary.dart index d8c749122477..c92e77eb872d 100644 --- a/packages/material_ui/tool/gen_defaults/data/fab_secondary.dart +++ b/packages/material_ui/tool/gen_defaults/data/fab_secondary.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; @@ -23,7 +23,8 @@ class TokenFabSecondary { static const TokenColorRole focusedIconColor = TokenColorRole.onSecondary; /// md.comp.fab.secondary.focused.state-layer.color - static const TokenColorRole focusedStateLayerColor = TokenColorRole.onSecondary; + static const TokenColorRole focusedStateLayerColor = + TokenColorRole.onSecondary; /// md.comp.fab.secondary.focused.state-layer.opacity static const double focusedStateLayerOpacity = 0.10; @@ -35,7 +36,8 @@ class TokenFabSecondary { static const TokenColorRole hoveredIconColor = TokenColorRole.onSecondary; /// md.comp.fab.secondary.hovered.state-layer.color - static const TokenColorRole hoveredStateLayerColor = TokenColorRole.onSecondary; + static const TokenColorRole hoveredStateLayerColor = + TokenColorRole.onSecondary; /// md.comp.fab.secondary.hovered.state-layer.opacity static const double hoveredStateLayerOpacity = 0.08; @@ -50,7 +52,8 @@ class TokenFabSecondary { static const TokenColorRole pressedIconColor = TokenColorRole.onSecondary; /// md.comp.fab.secondary.pressed.state-layer.color - static const TokenColorRole pressedStateLayerColor = TokenColorRole.onSecondary; + static const TokenColorRole pressedStateLayerColor = + TokenColorRole.onSecondary; /// md.comp.fab.secondary.pressed.state-layer.opacity static const double pressedStateLayerOpacity = 0.10; diff --git a/packages/material_ui/tool/gen_defaults/data/fab_secondary_container.dart b/packages/material_ui/tool/gen_defaults/data/fab_secondary_container.dart index ab40f2091405..9bf288b35ede 100644 --- a/packages/material_ui/tool/gen_defaults/data/fab_secondary_container.dart +++ b/packages/material_ui/tool/gen_defaults/data/fab_secondary_container.dart @@ -2,13 +2,14 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; class TokenFabSecondaryContainer { /// md.comp.fab.secondary-container.container.color - static const TokenColorRole containerColor = TokenColorRole.secondaryContainer; + static const TokenColorRole containerColor = + TokenColorRole.secondaryContainer; /// md.comp.fab.secondary-container.container.elevation static const double containerElevation = 6.00; @@ -20,10 +21,12 @@ class TokenFabSecondaryContainer { static const double focusedContainerElevation = 6.00; /// md.comp.fab.secondary-container.focused.icon.color - static const TokenColorRole focusedIconColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole focusedIconColor = + TokenColorRole.onSecondaryContainer; /// md.comp.fab.secondary-container.focused.state-layer.color - static const TokenColorRole focusedStateLayerColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole focusedStateLayerColor = + TokenColorRole.onSecondaryContainer; /// md.comp.fab.secondary-container.focused.state-layer.opacity static const double focusedStateLayerOpacity = 0.10; @@ -32,10 +35,12 @@ class TokenFabSecondaryContainer { static const double hoveredContainerElevation = 8.00; /// md.comp.fab.secondary-container.hovered.icon.color - static const TokenColorRole hoveredIconColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole hoveredIconColor = + TokenColorRole.onSecondaryContainer; /// md.comp.fab.secondary-container.hovered.state-layer.color - static const TokenColorRole hoveredStateLayerColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole hoveredStateLayerColor = + TokenColorRole.onSecondaryContainer; /// md.comp.fab.secondary-container.hovered.state-layer.opacity static const double hoveredStateLayerOpacity = 0.08; @@ -47,10 +52,12 @@ class TokenFabSecondaryContainer { static const double pressedContainerElevation = 6.00; /// md.comp.fab.secondary-container.pressed.icon.color - static const TokenColorRole pressedIconColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole pressedIconColor = + TokenColorRole.onSecondaryContainer; /// md.comp.fab.secondary-container.pressed.state-layer.color - static const TokenColorRole pressedStateLayerColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole pressedStateLayerColor = + TokenColorRole.onSecondaryContainer; /// md.comp.fab.secondary-container.pressed.state-layer.opacity static const double pressedStateLayerOpacity = 0.10; diff --git a/packages/material_ui/tool/gen_defaults/data/fab_small.dart b/packages/material_ui/tool/gen_defaults/data/fab_small.dart index 382603eb3463..bfb04be9be61 100644 --- a/packages/material_ui/tool/gen_defaults/data/fab_small.dart +++ b/packages/material_ui/tool/gen_defaults/data/fab_small.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'shape_struct.dart'; diff --git a/packages/material_ui/tool/gen_defaults/data/fab_surface.dart b/packages/material_ui/tool/gen_defaults/data/fab_surface.dart index de83cabf59c7..9f90c9320f85 100644 --- a/packages/material_ui/tool/gen_defaults/data/fab_surface.dart +++ b/packages/material_ui/tool/gen_defaults/data/fab_surface.dart @@ -2,14 +2,15 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; class TokenFabSurface { /// md.comp.fab.surface.container.color - static const TokenColorRole containerColor = TokenColorRole.surfaceContainerHigh; + static const TokenColorRole containerColor = + TokenColorRole.surfaceContainerHigh; /// md.comp.fab.surface.container.elevation static const double containerElevation = 6.00; @@ -72,7 +73,8 @@ class TokenFabSurface { static const double iconSize = 24.00; /// md.comp.fab.surface.lowered.container.color - static const TokenColorRole loweredContainerColor = TokenColorRole.surfaceContainerLow; + static const TokenColorRole loweredContainerColor = + TokenColorRole.surfaceContainerLow; /// md.comp.fab.surface.lowered.container.elevation static const double loweredContainerElevation = 1.00; diff --git a/packages/material_ui/tool/gen_defaults/data/fab_tertiary.dart b/packages/material_ui/tool/gen_defaults/data/fab_tertiary.dart index 793ae8b3c55a..304eb2ab2a48 100644 --- a/packages/material_ui/tool/gen_defaults/data/fab_tertiary.dart +++ b/packages/material_ui/tool/gen_defaults/data/fab_tertiary.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; @@ -23,7 +23,8 @@ class TokenFabTertiary { static const TokenColorRole focusedIconColor = TokenColorRole.onTertiary; /// md.comp.fab.tertiary.focused.state-layer.color - static const TokenColorRole focusedStateLayerColor = TokenColorRole.onTertiary; + static const TokenColorRole focusedStateLayerColor = + TokenColorRole.onTertiary; /// md.comp.fab.tertiary.focused.state-layer.opacity static const double focusedStateLayerOpacity = 0.10; @@ -35,7 +36,8 @@ class TokenFabTertiary { static const TokenColorRole hoveredIconColor = TokenColorRole.onTertiary; /// md.comp.fab.tertiary.hovered.state-layer.color - static const TokenColorRole hoveredStateLayerColor = TokenColorRole.onTertiary; + static const TokenColorRole hoveredStateLayerColor = + TokenColorRole.onTertiary; /// md.comp.fab.tertiary.hovered.state-layer.opacity static const double hoveredStateLayerOpacity = 0.08; @@ -50,7 +52,8 @@ class TokenFabTertiary { static const TokenColorRole pressedIconColor = TokenColorRole.onTertiary; /// md.comp.fab.tertiary.pressed.state-layer.color - static const TokenColorRole pressedStateLayerColor = TokenColorRole.onTertiary; + static const TokenColorRole pressedStateLayerColor = + TokenColorRole.onTertiary; /// md.comp.fab.tertiary.pressed.state-layer.opacity static const double pressedStateLayerOpacity = 0.10; diff --git a/packages/material_ui/tool/gen_defaults/data/fab_tertiary_container.dart b/packages/material_ui/tool/gen_defaults/data/fab_tertiary_container.dart index af4c1483d7cc..c6da0c0ead5a 100644 --- a/packages/material_ui/tool/gen_defaults/data/fab_tertiary_container.dart +++ b/packages/material_ui/tool/gen_defaults/data/fab_tertiary_container.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; @@ -20,10 +20,12 @@ class TokenFabTertiaryContainer { static const double focusedContainerElevation = 6.00; /// md.comp.fab.tertiary-container.focused.icon.color - static const TokenColorRole focusedIconColor = TokenColorRole.onTertiaryContainer; + static const TokenColorRole focusedIconColor = + TokenColorRole.onTertiaryContainer; /// md.comp.fab.tertiary-container.focused.state-layer.color - static const TokenColorRole focusedStateLayerColor = TokenColorRole.onTertiaryContainer; + static const TokenColorRole focusedStateLayerColor = + TokenColorRole.onTertiaryContainer; /// md.comp.fab.tertiary-container.focused.state-layer.opacity static const double focusedStateLayerOpacity = 0.10; @@ -32,10 +34,12 @@ class TokenFabTertiaryContainer { static const double hoveredContainerElevation = 8.00; /// md.comp.fab.tertiary-container.hovered.icon.color - static const TokenColorRole hoveredIconColor = TokenColorRole.onTertiaryContainer; + static const TokenColorRole hoveredIconColor = + TokenColorRole.onTertiaryContainer; /// md.comp.fab.tertiary-container.hovered.state-layer.color - static const TokenColorRole hoveredStateLayerColor = TokenColorRole.onTertiaryContainer; + static const TokenColorRole hoveredStateLayerColor = + TokenColorRole.onTertiaryContainer; /// md.comp.fab.tertiary-container.hovered.state-layer.opacity static const double hoveredStateLayerOpacity = 0.08; @@ -47,10 +51,12 @@ class TokenFabTertiaryContainer { static const double pressedContainerElevation = 6.00; /// md.comp.fab.tertiary-container.pressed.icon.color - static const TokenColorRole pressedIconColor = TokenColorRole.onTertiaryContainer; + static const TokenColorRole pressedIconColor = + TokenColorRole.onTertiaryContainer; /// md.comp.fab.tertiary-container.pressed.state-layer.color - static const TokenColorRole pressedStateLayerColor = TokenColorRole.onTertiaryContainer; + static const TokenColorRole pressedStateLayerColor = + TokenColorRole.onTertiaryContainer; /// md.comp.fab.tertiary-container.pressed.state-layer.opacity static const double pressedStateLayerOpacity = 0.10; diff --git a/packages/material_ui/tool/gen_defaults/data/filled_autocomplete.dart b/packages/material_ui/tool/gen_defaults/data/filled_autocomplete.dart index fbc53f36d31a..520c4fa3dfd5 100644 --- a/packages/material_ui/tool/gen_defaults/data/filled_autocomplete.dart +++ b/packages/material_ui/tool/gen_defaults/data/filled_autocomplete.dart @@ -2,20 +2,23 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; +import 'typescale_struct.dart'; class TokenFilledAutocomplete { /// md.comp.filled-autocomplete.menu.cascading-menu-indicator.icon.color - static const TokenColorRole menuCascadingMenuIndicatorIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole menuCascadingMenuIndicatorIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.filled-autocomplete.menu.cascading-menu-indicator.icon.size static const double menuCascadingMenuIndicatorIconSize = 24.00; /// md.comp.filled-autocomplete.menu.container.color - static const TokenColorRole menuContainerColor = TokenColorRole.surfaceContainer; + static const TokenColorRole menuContainerColor = + TokenColorRole.surfaceContainer; /// md.comp.filled-autocomplete.menu.container.elevation static const double menuContainerElevation = 3.00; @@ -33,7 +36,8 @@ class TokenFilledAutocomplete { ); /// md.comp.filled-autocomplete.text-field.active-indicator.color - static const TokenColorRole textFieldActiveIndicatorColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole textFieldActiveIndicatorColor = + TokenColorRole.onSurfaceVariant; /// md.comp.filled-autocomplete.text-field.active-indicator.height static const double textFieldActiveIndicatorHeight = 1.00; @@ -42,7 +46,8 @@ class TokenFilledAutocomplete { static const TokenColorRole textFieldCaretColor = TokenColorRole.primary; /// md.comp.filled-autocomplete.text-field.container.color - static const TokenColorRole textFieldContainerColor = TokenColorRole.surfaceContainerHighest; + static const TokenColorRole textFieldContainerColor = + TokenColorRole.surfaceContainerHighest; /// md.comp.filled-autocomplete.text-field.container.shape static const ShapeStruct textFieldContainerShape = ShapeStruct( @@ -54,7 +59,8 @@ class TokenFilledAutocomplete { ); /// md.comp.filled-autocomplete.text-field.disabled.active-indicator.color - static const TokenColorRole textFieldDisabledActiveIndicatorColor = TokenColorRole.onSurface; + static const TokenColorRole textFieldDisabledActiveIndicatorColor = + TokenColorRole.onSurface; /// md.comp.filled-autocomplete.text-field.disabled.active-indicator.height static const double textFieldDisabledActiveIndicatorHeight = 1.00; @@ -63,225 +69,240 @@ class TokenFilledAutocomplete { static const double textFieldDisabledActiveIndicatorOpacity = 0.38; /// md.comp.filled-autocomplete.text-field.disabled.container.color - static const TokenColorRole textFieldDisabledContainerColor = TokenColorRole.onSurface; + static const TokenColorRole textFieldDisabledContainerColor = + TokenColorRole.onSurface; /// md.comp.filled-autocomplete.text-field.disabled.container.opacity static const double textFieldDisabledContainerOpacity = 0.04; /// md.comp.filled-autocomplete.text-field.disabled.input-text.color - static const TokenColorRole textFieldDisabledInputTextColor = TokenColorRole.onSurface; + static const TokenColorRole textFieldDisabledInputTextColor = + TokenColorRole.onSurface; /// md.comp.filled-autocomplete.text-field.disabled.input-text.opacity static const double textFieldDisabledInputTextOpacity = 0.38; /// md.comp.filled-autocomplete.text-field.disabled.label-text.color - static const TokenColorRole textFieldDisabledLabelTextColor = TokenColorRole.onSurface; + static const TokenColorRole textFieldDisabledLabelTextColor = + TokenColorRole.onSurface; /// md.comp.filled-autocomplete.text-field.disabled.label-text.opacity static const double textFieldDisabledLabelTextOpacity = 0.38; /// md.comp.filled-autocomplete.text-field.disabled.leading-icon.color - static const TokenColorRole textFieldDisabledLeadingIconColor = TokenColorRole.onSurface; + static const TokenColorRole textFieldDisabledLeadingIconColor = + TokenColorRole.onSurface; /// md.comp.filled-autocomplete.text-field.disabled.leading-icon.opacity static const double textFieldDisabledLeadingIconOpacity = 0.38; /// md.comp.filled-autocomplete.text-field.disabled.supporting-text.color - static const TokenColorRole textFieldDisabledSupportingTextColor = TokenColorRole.onSurface; + static const TokenColorRole textFieldDisabledSupportingTextColor = + TokenColorRole.onSurface; /// md.comp.filled-autocomplete.text-field.disabled.supporting-text.opacity static const double textFieldDisabledSupportingTextOpacity = 0.38; /// md.comp.filled-autocomplete.text-field.disabled.trailing-icon.color - static const TokenColorRole textFieldDisabledTrailingIconColor = TokenColorRole.onSurface; + static const TokenColorRole textFieldDisabledTrailingIconColor = + TokenColorRole.onSurface; /// md.comp.filled-autocomplete.text-field.disabled.trailing-icon.opacity static const double textFieldDisabledTrailingIconOpacity = 0.38; /// md.comp.filled-autocomplete.text-field.error.active-indicator.color - static const TokenColorRole textFieldErrorActiveIndicatorColor = TokenColorRole.error; + static const TokenColorRole textFieldErrorActiveIndicatorColor = + TokenColorRole.error; /// md.comp.filled-autocomplete.text-field.error.focus.active-indicator.color - static const TokenColorRole textFieldErrorFocusActiveIndicatorColor = TokenColorRole.error; + static const TokenColorRole textFieldErrorFocusActiveIndicatorColor = + TokenColorRole.error; /// md.comp.filled-autocomplete.text-field.error.focus.caret.color - static const TokenColorRole textFieldErrorFocusCaretColor = TokenColorRole.error; + static const TokenColorRole textFieldErrorFocusCaretColor = + TokenColorRole.error; /// md.comp.filled-autocomplete.text-field.error.focus.input-text.color - static const TokenColorRole textFieldErrorFocusInputTextColor = TokenColorRole.onSurface; + static const TokenColorRole textFieldErrorFocusInputTextColor = + TokenColorRole.onSurface; /// md.comp.filled-autocomplete.text-field.error.focus.label-text.color - static const TokenColorRole textFieldErrorFocusLabelTextColor = TokenColorRole.error; + static const TokenColorRole textFieldErrorFocusLabelTextColor = + TokenColorRole.error; /// md.comp.filled-autocomplete.text-field.error.focus.leading-icon.color - static const TokenColorRole textFieldErrorFocusLeadingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole textFieldErrorFocusLeadingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.filled-autocomplete.text-field.error.focus.supporting-text.color - static const TokenColorRole textFieldErrorFocusSupportingTextColor = TokenColorRole.error; + static const TokenColorRole textFieldErrorFocusSupportingTextColor = + TokenColorRole.error; /// md.comp.filled-autocomplete.text-field.error.focus.trailing-icon.color - static const TokenColorRole textFieldErrorFocusTrailingIconColor = TokenColorRole.error; + static const TokenColorRole textFieldErrorFocusTrailingIconColor = + TokenColorRole.error; /// md.comp.filled-autocomplete.text-field.error.hover.active-indicator.color static const TokenColorRole textFieldErrorHoverActiveIndicatorColor = TokenColorRole.onErrorContainer; /// md.comp.filled-autocomplete.text-field.error.hover.input-text.color - static const TokenColorRole textFieldErrorHoverInputTextColor = TokenColorRole.onSurface; + static const TokenColorRole textFieldErrorHoverInputTextColor = + TokenColorRole.onSurface; /// md.comp.filled-autocomplete.text-field.error.hover.label-text.color - static const TokenColorRole textFieldErrorHoverLabelTextColor = TokenColorRole.onErrorContainer; + static const TokenColorRole textFieldErrorHoverLabelTextColor = + TokenColorRole.onErrorContainer; /// md.comp.filled-autocomplete.text-field.error.hover.leading-icon.color - static const TokenColorRole textFieldErrorHoverLeadingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole textFieldErrorHoverLeadingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.filled-autocomplete.text-field.error.hover.state-layer.color - static const TokenColorRole textFieldErrorHoverStateLayerColor = TokenColorRole.onSurface; + static const TokenColorRole textFieldErrorHoverStateLayerColor = + TokenColorRole.onSurface; /// md.comp.filled-autocomplete.text-field.error.hover.state-layer.opacity static const double textFieldErrorHoverStateLayerOpacity = 0.08; /// md.comp.filled-autocomplete.text-field.error.hover.supporting-text.color - static const TokenColorRole textFieldErrorHoverSupportingTextColor = TokenColorRole.error; + static const TokenColorRole textFieldErrorHoverSupportingTextColor = + TokenColorRole.error; /// md.comp.filled-autocomplete.text-field.error.hover.trailing-icon.color static const TokenColorRole textFieldErrorHoverTrailingIconColor = TokenColorRole.onErrorContainer; /// md.comp.filled-autocomplete.text-field.error.input-text.color - static const TokenColorRole textFieldErrorInputTextColor = TokenColorRole.onSurface; + static const TokenColorRole textFieldErrorInputTextColor = + TokenColorRole.onSurface; /// md.comp.filled-autocomplete.text-field.error.label-text.color - static const TokenColorRole textFieldErrorLabelTextColor = TokenColorRole.error; + static const TokenColorRole textFieldErrorLabelTextColor = + TokenColorRole.error; /// md.comp.filled-autocomplete.text-field.error.leading-icon.color - static const TokenColorRole textFieldErrorLeadingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole textFieldErrorLeadingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.filled-autocomplete.text-field.error.supporting-text.color - static const TokenColorRole textFieldErrorSupportingTextColor = TokenColorRole.error; + static const TokenColorRole textFieldErrorSupportingTextColor = + TokenColorRole.error; /// md.comp.filled-autocomplete.text-field.error.trailing-icon.color - static const TokenColorRole textFieldErrorTrailingIconColor = TokenColorRole.error; + static const TokenColorRole textFieldErrorTrailingIconColor = + TokenColorRole.error; /// md.comp.filled-autocomplete.text-field.focus.active-indicator.color - static const TokenColorRole textFieldFocusActiveIndicatorColor = TokenColorRole.primary; + static const TokenColorRole textFieldFocusActiveIndicatorColor = + TokenColorRole.primary; /// md.comp.filled-autocomplete.text-field.focus.active-indicator.height static const double textFieldFocusActiveIndicatorHeight = 2.00; /// md.comp.filled-autocomplete.text-field.focus.input-text.color - static const TokenColorRole textFieldFocusInputTextColor = TokenColorRole.onSurface; + static const TokenColorRole textFieldFocusInputTextColor = + TokenColorRole.onSurface; /// md.comp.filled-autocomplete.text-field.focus.label-text.color - static const TokenColorRole textFieldFocusLabelTextColor = TokenColorRole.primary; + static const TokenColorRole textFieldFocusLabelTextColor = + TokenColorRole.primary; /// md.comp.filled-autocomplete.text-field.focus.leading-icon.color - static const TokenColorRole textFieldFocusLeadingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole textFieldFocusLeadingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.filled-autocomplete.text-field.focus.supporting-text.color - static const TokenColorRole textFieldFocusSupportingTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole textFieldFocusSupportingTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.filled-autocomplete.text-field.focus.trailing-icon.color - static const TokenColorRole textFieldFocusTrailingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole textFieldFocusTrailingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.filled-autocomplete.text-field.hover.active-indicator.color - static const TokenColorRole textFieldHoverActiveIndicatorColor = TokenColorRole.onSurface; + static const TokenColorRole textFieldHoverActiveIndicatorColor = + TokenColorRole.onSurface; /// md.comp.filled-autocomplete.text-field.hover.active-indicator.height static const double textFieldHoverActiveIndicatorHeight = 1.00; /// md.comp.filled-autocomplete.text-field.hover.input-text.color - static const TokenColorRole textFieldHoverInputTextColor = TokenColorRole.onSurface; + static const TokenColorRole textFieldHoverInputTextColor = + TokenColorRole.onSurface; /// md.comp.filled-autocomplete.text-field.hover.label-text.color - static const TokenColorRole textFieldHoverLabelTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole textFieldHoverLabelTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.filled-autocomplete.text-field.hover.leading-icon.color - static const TokenColorRole textFieldHoverLeadingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole textFieldHoverLeadingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.filled-autocomplete.text-field.hover.state-layer.color - static const TokenColorRole textFieldHoverStateLayerColor = TokenColorRole.onSurface; + static const TokenColorRole textFieldHoverStateLayerColor = + TokenColorRole.onSurface; /// md.comp.filled-autocomplete.text-field.hover.state-layer.opacity static const double textFieldHoverStateLayerOpacity = 0.08; /// md.comp.filled-autocomplete.text-field.hover.supporting-text.color - static const TokenColorRole textFieldHoverSupportingTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole textFieldHoverSupportingTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.filled-autocomplete.text-field.hover.trailing-icon.color - static const TokenColorRole textFieldHoverTrailingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole textFieldHoverTrailingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.filled-autocomplete.text-field.input-text.color - static const TokenColorRole textFieldInputTextColor = TokenColorRole.onSurface; - - /// md.comp.filled-autocomplete.text-field.input-text.font - static const String textFieldInputTextFont = 'Roboto'; - - /// md.comp.filled-autocomplete.text-field.input-text.type - static const String textFieldInputTextTypeFontFamily = 'Roboto'; - - /// md.comp.filled-autocomplete.text-field.input-text.type - static const double textFieldInputTextTypeFontSize = 16.00; - - /// md.comp.filled-autocomplete.text-field.input-text.type - static const double textFieldInputTextTypeFontWeight = 400; + static const TokenColorRole textFieldInputTextColor = + TokenColorRole.onSurface; /// md.comp.filled-autocomplete.text-field.input-text.type - static const double textFieldInputTextTypeLetterSpacing = 0.50; - - /// md.comp.filled-autocomplete.text-field.input-text.type - static const double textFieldInputTextTypeLineHeight = 24.00; + static const TypescaleStruct textFieldInputTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 16.00, + fontWeight: 400, + lineHeight: 24.00, + letterSpacing: 0.50, + ); /// md.comp.filled-autocomplete.text-field.label-text.color - static const TokenColorRole textFieldLabelTextColor = TokenColorRole.onSurfaceVariant; - - /// md.comp.filled-autocomplete.text-field.label-text.font - static const String textFieldLabelTextFont = 'Roboto'; - - /// md.comp.filled-autocomplete.text-field.label-text.type - static const String textFieldLabelTextTypeFontFamily = 'Roboto'; - - /// md.comp.filled-autocomplete.text-field.label-text.type - static const double textFieldLabelTextTypeFontSize = 16.00; + static const TokenColorRole textFieldLabelTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.filled-autocomplete.text-field.label-text.type - static const double textFieldLabelTextTypeFontWeight = 400; - - /// md.comp.filled-autocomplete.text-field.label-text.type - static const double textFieldLabelTextTypeLetterSpacing = 0.50; - - /// md.comp.filled-autocomplete.text-field.label-text.type - static const double textFieldLabelTextTypeLineHeight = 24.00; + static const TypescaleStruct textFieldLabelTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 16.00, + fontWeight: 400, + lineHeight: 24.00, + letterSpacing: 0.50, + ); /// md.comp.filled-autocomplete.text-field.leading-icon.color - static const TokenColorRole textFieldLeadingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole textFieldLeadingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.filled-autocomplete.text-field.leading-icon.size static const double textFieldLeadingIconSize = 20.00; /// md.comp.filled-autocomplete.text-field.supporting-text.color - static const TokenColorRole textFieldSupportingTextColor = TokenColorRole.onSurfaceVariant; - - /// md.comp.filled-autocomplete.text-field.supporting-text.font - static const String textFieldSupportingTextFont = 'Roboto'; - - /// md.comp.filled-autocomplete.text-field.supporting-text.type - static const String textFieldSupportingTextTypeFontFamily = 'Roboto'; + static const TokenColorRole textFieldSupportingTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.filled-autocomplete.text-field.supporting-text.type - static const double textFieldSupportingTextTypeFontSize = 12.00; - - /// md.comp.filled-autocomplete.text-field.supporting-text.type - static const double textFieldSupportingTextTypeFontWeight = 400; - - /// md.comp.filled-autocomplete.text-field.supporting-text.type - static const double textFieldSupportingTextTypeLetterSpacing = 0.40; - - /// md.comp.filled-autocomplete.text-field.supporting-text.type - static const double textFieldSupportingTextTypeLineHeight = 16.00; + static const TypescaleStruct textFieldSupportingTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 12.00, + fontWeight: 400, + lineHeight: 16.00, + letterSpacing: 0.40, + ); /// md.comp.filled-autocomplete.text-field.trailing-icon.color - static const TokenColorRole textFieldTrailingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole textFieldTrailingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.filled-autocomplete.text-field.trailing-icon.size static const double textFieldTrailingIconSize = 24.00; diff --git a/packages/material_ui/tool/gen_defaults/data/filled_card.dart b/packages/material_ui/tool/gen_defaults/data/filled_card.dart index f6e51740283c..234e4b8b1934 100644 --- a/packages/material_ui/tool/gen_defaults/data/filled_card.dart +++ b/packages/material_ui/tool/gen_defaults/data/filled_card.dart @@ -2,14 +2,15 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; class TokenFilledCard { /// md.comp.filled-card.container.color - static const TokenColorRole containerColor = TokenColorRole.surfaceContainerHighest; + static const TokenColorRole containerColor = + TokenColorRole.surfaceContainerHighest; /// md.comp.filled-card.container.elevation static const double containerElevation = 0.00; @@ -27,7 +28,7 @@ class TokenFilledCard { ); /// md.comp.filled-card.disabled.container.color - static const TokenColorRole disabledContainerColor = TokenColorRole.surfaceVariant; + static const TokenColorRole disabledContainerColor = TokenColorRole.onSurface; /// md.comp.filled-card.disabled.container.elevation static const double disabledContainerElevation = 0.00; diff --git a/packages/material_ui/tool/gen_defaults/data/filled_menu_button.dart b/packages/material_ui/tool/gen_defaults/data/filled_menu_button.dart index 09fb897e99b3..3813f0b7667f 100644 --- a/packages/material_ui/tool/gen_defaults/data/filled_menu_button.dart +++ b/packages/material_ui/tool/gen_defaults/data/filled_menu_button.dart @@ -2,10 +2,11 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; +import 'typescale_struct.dart'; class TokenFilledMenuButton { /// md.comp.filled-menu-button.container.color @@ -33,7 +34,8 @@ class TokenFilledMenuButton { static const double disabledLabelTextOpacity = 0.38; /// md.comp.filled-menu-button.disabled.trailing-icon.color - static const TokenColorRole disabledTrailingIconColor = TokenColorRole.onSurface; + static const TokenColorRole disabledTrailingIconColor = + TokenColorRole.onSurface; /// md.comp.filled-menu-button.disabled.trailing-icon.opacity static const double disabledTrailingIconOpacity = 0.38; @@ -80,23 +82,14 @@ class TokenFilledMenuButton { /// md.comp.filled-menu-button.label-text.color static const TokenColorRole labelTextColor = TokenColorRole.onPrimary; - /// md.comp.filled-menu-button.label-text.font - static const String labelTextFont = 'Roboto'; - - /// md.comp.filled-menu-button.label-text.type - static const String labelTextTypeFontFamily = 'Roboto'; - - /// md.comp.filled-menu-button.label-text.type - static const double labelTextTypeFontSize = 14.00; - /// md.comp.filled-menu-button.label-text.type - static const double labelTextTypeFontWeight = 500; - - /// md.comp.filled-menu-button.label-text.type - static const double labelTextTypeLetterSpacing = 0.10; - - /// md.comp.filled-menu-button.label-text.type - static const double labelTextTypeLineHeight = 20.00; + static const TypescaleStruct labelTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 14.00, + fontWeight: 500, + lineHeight: 20.00, + letterSpacing: 0.10, + ); /// md.comp.filled-menu-button.pressed.label-text.color static const TokenColorRole pressedLabelTextColor = TokenColorRole.onPrimary; @@ -108,7 +101,8 @@ class TokenFilledMenuButton { static const double pressedStateLayerOpacity = 0.10; /// md.comp.filled-menu-button.pressed.trailing-icon.color - static const TokenColorRole pressedTrailingIconColor = TokenColorRole.onPrimary; + static const TokenColorRole pressedTrailingIconColor = + TokenColorRole.onPrimary; /// md.comp.filled-menu-button.shape static const ShapeStruct shape = ShapeStruct( @@ -126,23 +120,28 @@ class TokenFilledMenuButton { static const double trailingIconSize = 18.00; /// md.comp.filled-menu-button.with-icon.disabled.leading-icon.color - static const TokenColorRole withIconDisabledLeadingIconColor = TokenColorRole.onSurface; + static const TokenColorRole withIconDisabledLeadingIconColor = + TokenColorRole.onSurface; /// md.comp.filled-menu-button.with-icon.disabled.leading-icon.opacity static const double withIconDisabledLeadingIconOpacity = 0.38; /// md.comp.filled-menu-button.with-icon.focus.leading-icon.color - static const TokenColorRole withIconFocusLeadingIconColor = TokenColorRole.onPrimary; + static const TokenColorRole withIconFocusLeadingIconColor = + TokenColorRole.onPrimary; /// md.comp.filled-menu-button.with-icon.hover.leading-icon.color - static const TokenColorRole withIconHoverLeadingIconColor = TokenColorRole.onPrimary; + static const TokenColorRole withIconHoverLeadingIconColor = + TokenColorRole.onPrimary; /// md.comp.filled-menu-button.with-icon.leading-icon.color - static const TokenColorRole withIconLeadingIconColor = TokenColorRole.onPrimary; + static const TokenColorRole withIconLeadingIconColor = + TokenColorRole.onPrimary; /// md.comp.filled-menu-button.with-icon.leading-icon.size static const double withIconLeadingIconSize = 18.00; /// md.comp.filled-menu-button.with-icon.pressed.leading-icon.color - static const TokenColorRole withIconPressedLeadingIconColor = TokenColorRole.onPrimary; + static const TokenColorRole withIconPressedLeadingIconColor = + TokenColorRole.onPrimary; } diff --git a/packages/material_ui/tool/gen_defaults/data/filled_select.dart b/packages/material_ui/tool/gen_defaults/data/filled_select.dart index 5bb60ee23dfd..edb99729f8e6 100644 --- a/packages/material_ui/tool/gen_defaults/data/filled_select.dart +++ b/packages/material_ui/tool/gen_defaults/data/filled_select.dart @@ -2,20 +2,23 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; +import 'typescale_struct.dart'; class TokenFilledSelect { /// md.comp.filled-select.menu.cascading-menu-indicator.icon.color - static const TokenColorRole menuCascadingMenuIndicatorIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole menuCascadingMenuIndicatorIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.filled-select.menu.cascading-menu-indicator.icon.size static const double menuCascadingMenuIndicatorIconSize = 24.00; /// md.comp.filled-select.menu.container.color - static const TokenColorRole menuContainerColor = TokenColorRole.surfaceContainer; + static const TokenColorRole menuContainerColor = + TokenColorRole.surfaceContainer; /// md.comp.filled-select.menu.container.elevation static const double menuContainerElevation = 3.00; @@ -42,25 +45,17 @@ class TokenFilledSelect { static const double menuListItemContainerHeight = 48.00; /// md.comp.filled-select.menu.list-item.label-text.color - static const TokenColorRole menuListItemLabelTextColor = TokenColorRole.onSurface; - - /// md.comp.filled-select.menu.list-item.label-text.font - static const String menuListItemLabelTextFont = 'Roboto'; - - /// md.comp.filled-select.menu.list-item.label-text.type - static const String menuListItemLabelTextTypeFontFamily = 'Roboto'; - - /// md.comp.filled-select.menu.list-item.label-text.type - static const double menuListItemLabelTextTypeFontSize = 14.00; - - /// md.comp.filled-select.menu.list-item.label-text.type - static const double menuListItemLabelTextTypeFontWeight = 500; - - /// md.comp.filled-select.menu.list-item.label-text.type - static const double menuListItemLabelTextTypeLetterSpacing = 0.10; + static const TokenColorRole menuListItemLabelTextColor = + TokenColorRole.onSurface; /// md.comp.filled-select.menu.list-item.label-text.type - static const double menuListItemLabelTextTypeLineHeight = 20.00; + static const TypescaleStruct menuListItemLabelTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 14.00, + fontWeight: 500, + lineHeight: 20.00, + letterSpacing: 0.10, + ); /// md.comp.filled-select.menu.list-item.selected.container.color static const TokenColorRole menuListItemSelectedContainerColor = @@ -81,13 +76,15 @@ class TokenFilledSelect { static const double menuListItemWithTrailingIconTrailingIconSize = 24.00; /// md.comp.filled-select.text-field.active-indicator.color - static const TokenColorRole textFieldActiveIndicatorColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole textFieldActiveIndicatorColor = + TokenColorRole.onSurfaceVariant; /// md.comp.filled-select.text-field.active-indicator.height static const double textFieldActiveIndicatorHeight = 1.00; /// md.comp.filled-select.text-field.container.color - static const TokenColorRole textFieldContainerColor = TokenColorRole.surfaceContainerHighest; + static const TokenColorRole textFieldContainerColor = + TokenColorRole.surfaceContainerHighest; /// md.comp.filled-select.text-field.container.shape static const ShapeStruct textFieldContainerShape = ShapeStruct( @@ -99,7 +96,8 @@ class TokenFilledSelect { ); /// md.comp.filled-select.text-field.disabled.active-indicator.color - static const TokenColorRole textFieldDisabledActiveIndicatorColor = TokenColorRole.onSurface; + static const TokenColorRole textFieldDisabledActiveIndicatorColor = + TokenColorRole.onSurface; /// md.comp.filled-select.text-field.disabled.active-indicator.height static const double textFieldDisabledActiveIndicatorHeight = 1.00; @@ -108,222 +106,236 @@ class TokenFilledSelect { static const double textFieldDisabledActiveIndicatorOpacity = 0.38; /// md.comp.filled-select.text-field.disabled.container.color - static const TokenColorRole textFieldDisabledContainerColor = TokenColorRole.onSurface; + static const TokenColorRole textFieldDisabledContainerColor = + TokenColorRole.onSurface; /// md.comp.filled-select.text-field.disabled.container.opacity static const double textFieldDisabledContainerOpacity = 0.04; /// md.comp.filled-select.text-field.disabled.input-text.color - static const TokenColorRole textFieldDisabledInputTextColor = TokenColorRole.onSurface; + static const TokenColorRole textFieldDisabledInputTextColor = + TokenColorRole.onSurface; /// md.comp.filled-select.text-field.disabled.input-text.opacity static const double textFieldDisabledInputTextOpacity = 0.38; /// md.comp.filled-select.text-field.disabled.label-text.color - static const TokenColorRole textFieldDisabledLabelTextColor = TokenColorRole.onSurface; + static const TokenColorRole textFieldDisabledLabelTextColor = + TokenColorRole.onSurface; /// md.comp.filled-select.text-field.disabled.label-text.opacity static const double textFieldDisabledLabelTextOpacity = 0.38; /// md.comp.filled-select.text-field.disabled.leading-icon.color - static const TokenColorRole textFieldDisabledLeadingIconColor = TokenColorRole.onSurface; + static const TokenColorRole textFieldDisabledLeadingIconColor = + TokenColorRole.onSurface; /// md.comp.filled-select.text-field.disabled.leading-icon.opacity static const double textFieldDisabledLeadingIconOpacity = 0.38; /// md.comp.filled-select.text-field.disabled.supporting-text.color - static const TokenColorRole textFieldDisabledSupportingTextColor = TokenColorRole.onSurface; + static const TokenColorRole textFieldDisabledSupportingTextColor = + TokenColorRole.onSurface; /// md.comp.filled-select.text-field.disabled.supporting-text.opacity static const double textFieldDisabledSupportingTextOpacity = 0.38; /// md.comp.filled-select.text-field.disabled.trailing-icon.color - static const TokenColorRole textFieldDisabledTrailingIconColor = TokenColorRole.onSurface; + static const TokenColorRole textFieldDisabledTrailingIconColor = + TokenColorRole.onSurface; /// md.comp.filled-select.text-field.disabled.trailing-icon.opacity static const double textFieldDisabledTrailingIconOpacity = 0.38; /// md.comp.filled-select.text-field.error.active-indicator.color - static const TokenColorRole textFieldErrorActiveIndicatorColor = TokenColorRole.error; + static const TokenColorRole textFieldErrorActiveIndicatorColor = + TokenColorRole.error; /// md.comp.filled-select.text-field.error.focus.active-indicator.color - static const TokenColorRole textFieldErrorFocusActiveIndicatorColor = TokenColorRole.error; + static const TokenColorRole textFieldErrorFocusActiveIndicatorColor = + TokenColorRole.error; /// md.comp.filled-select.text-field.error.focus.input-text.color - static const TokenColorRole textFieldErrorFocusInputTextColor = TokenColorRole.onSurface; + static const TokenColorRole textFieldErrorFocusInputTextColor = + TokenColorRole.onSurface; /// md.comp.filled-select.text-field.error.focus.label-text.color - static const TokenColorRole textFieldErrorFocusLabelTextColor = TokenColorRole.error; + static const TokenColorRole textFieldErrorFocusLabelTextColor = + TokenColorRole.error; /// md.comp.filled-select.text-field.error.focus.leading-icon.color - static const TokenColorRole textFieldErrorFocusLeadingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole textFieldErrorFocusLeadingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.filled-select.text-field.error.focus.supporting-text.color - static const TokenColorRole textFieldErrorFocusSupportingTextColor = TokenColorRole.error; + static const TokenColorRole textFieldErrorFocusSupportingTextColor = + TokenColorRole.error; /// md.comp.filled-select.text-field.error.focus.trailing-icon.color - static const TokenColorRole textFieldErrorFocusTrailingIconColor = TokenColorRole.error; + static const TokenColorRole textFieldErrorFocusTrailingIconColor = + TokenColorRole.error; /// md.comp.filled-select.text-field.error.hover.active-indicator.color static const TokenColorRole textFieldErrorHoverActiveIndicatorColor = TokenColorRole.onErrorContainer; /// md.comp.filled-select.text-field.error.hover.input-text.color - static const TokenColorRole textFieldErrorHoverInputTextColor = TokenColorRole.onSurface; + static const TokenColorRole textFieldErrorHoverInputTextColor = + TokenColorRole.onSurface; /// md.comp.filled-select.text-field.error.hover.label-text.color - static const TokenColorRole textFieldErrorHoverLabelTextColor = TokenColorRole.onErrorContainer; + static const TokenColorRole textFieldErrorHoverLabelTextColor = + TokenColorRole.onErrorContainer; /// md.comp.filled-select.text-field.error.hover.leading-icon.color - static const TokenColorRole textFieldErrorHoverLeadingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole textFieldErrorHoverLeadingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.filled-select.text-field.error.hover.state-layer.color - static const TokenColorRole textFieldErrorHoverStateLayerColor = TokenColorRole.onSurface; + static const TokenColorRole textFieldErrorHoverStateLayerColor = + TokenColorRole.onSurface; /// md.comp.filled-select.text-field.error.hover.state-layer.opacity static const double textFieldErrorHoverStateLayerOpacity = 0.08; /// md.comp.filled-select.text-field.error.hover.supporting-text.color - static const TokenColorRole textFieldErrorHoverSupportingTextColor = TokenColorRole.error; + static const TokenColorRole textFieldErrorHoverSupportingTextColor = + TokenColorRole.error; /// md.comp.filled-select.text-field.error.hover.trailing-icon.color static const TokenColorRole textFieldErrorHoverTrailingIconColor = TokenColorRole.onErrorContainer; /// md.comp.filled-select.text-field.error.input-text.color - static const TokenColorRole textFieldErrorInputTextColor = TokenColorRole.onSurface; + static const TokenColorRole textFieldErrorInputTextColor = + TokenColorRole.onSurface; /// md.comp.filled-select.text-field.error.label-text.color - static const TokenColorRole textFieldErrorLabelTextColor = TokenColorRole.error; + static const TokenColorRole textFieldErrorLabelTextColor = + TokenColorRole.error; /// md.comp.filled-select.text-field.error.leading-icon.color - static const TokenColorRole textFieldErrorLeadingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole textFieldErrorLeadingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.filled-select.text-field.error.supporting-text.color - static const TokenColorRole textFieldErrorSupportingTextColor = TokenColorRole.error; + static const TokenColorRole textFieldErrorSupportingTextColor = + TokenColorRole.error; /// md.comp.filled-select.text-field.error.trailing-icon.color - static const TokenColorRole textFieldErrorTrailingIconColor = TokenColorRole.error; + static const TokenColorRole textFieldErrorTrailingIconColor = + TokenColorRole.error; /// md.comp.filled-select.text-field.focus.active-indicator.color - static const TokenColorRole textFieldFocusActiveIndicatorColor = TokenColorRole.primary; + static const TokenColorRole textFieldFocusActiveIndicatorColor = + TokenColorRole.primary; /// md.comp.filled-select.text-field.focus.active-indicator.height static const double textFieldFocusActiveIndicatorHeight = 2.00; /// md.comp.filled-select.text-field.focus.input-text.color - static const TokenColorRole textFieldFocusInputTextColor = TokenColorRole.onSurface; + static const TokenColorRole textFieldFocusInputTextColor = + TokenColorRole.onSurface; /// md.comp.filled-select.text-field.focus.label-text.color - static const TokenColorRole textFieldFocusLabelTextColor = TokenColorRole.primary; + static const TokenColorRole textFieldFocusLabelTextColor = + TokenColorRole.primary; /// md.comp.filled-select.text-field.focus.leading-icon.color - static const TokenColorRole textFieldFocusLeadingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole textFieldFocusLeadingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.filled-select.text-field.focus.supporting-text.color - static const TokenColorRole textFieldFocusSupportingTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole textFieldFocusSupportingTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.filled-select.text-field.focus.trailing-icon.color - static const TokenColorRole textFieldFocusTrailingIconColor = TokenColorRole.primary; + static const TokenColorRole textFieldFocusTrailingIconColor = + TokenColorRole.primary; /// md.comp.filled-select.text-field.hover.active-indicator.color - static const TokenColorRole textFieldHoverActiveIndicatorColor = TokenColorRole.onSurface; + static const TokenColorRole textFieldHoverActiveIndicatorColor = + TokenColorRole.onSurface; /// md.comp.filled-select.text-field.hover.active-indicator.height static const double textFieldHoverActiveIndicatorHeight = 1.00; /// md.comp.filled-select.text-field.hover.input-text.color - static const TokenColorRole textFieldHoverInputTextColor = TokenColorRole.onSurface; + static const TokenColorRole textFieldHoverInputTextColor = + TokenColorRole.onSurface; /// md.comp.filled-select.text-field.hover.label-text.color - static const TokenColorRole textFieldHoverLabelTextColor = TokenColorRole.onSurface; + static const TokenColorRole textFieldHoverLabelTextColor = + TokenColorRole.onSurface; /// md.comp.filled-select.text-field.hover.leading-icon.color - static const TokenColorRole textFieldHoverLeadingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole textFieldHoverLeadingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.filled-select.text-field.hover.state-layer.color - static const TokenColorRole textFieldHoverStateLayerColor = TokenColorRole.onSurface; + static const TokenColorRole textFieldHoverStateLayerColor = + TokenColorRole.onSurface; /// md.comp.filled-select.text-field.hover.state-layer.opacity static const double textFieldHoverStateLayerOpacity = 0.08; /// md.comp.filled-select.text-field.hover.supporting-text.color - static const TokenColorRole textFieldHoverSupportingTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole textFieldHoverSupportingTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.filled-select.text-field.hover.trailing-icon.color - static const TokenColorRole textFieldHoverTrailingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole textFieldHoverTrailingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.filled-select.text-field.input-text.color - static const TokenColorRole textFieldInputTextColor = TokenColorRole.onSurface; - - /// md.comp.filled-select.text-field.input-text.font - static const String textFieldInputTextFont = 'Roboto'; - - /// md.comp.filled-select.text-field.input-text.type - static const String textFieldInputTextTypeFontFamily = 'Roboto'; - - /// md.comp.filled-select.text-field.input-text.type - static const double textFieldInputTextTypeFontSize = 16.00; - - /// md.comp.filled-select.text-field.input-text.type - static const double textFieldInputTextTypeFontWeight = 400; - - /// md.comp.filled-select.text-field.input-text.type - static const double textFieldInputTextTypeLetterSpacing = 0.50; + static const TokenColorRole textFieldInputTextColor = + TokenColorRole.onSurface; /// md.comp.filled-select.text-field.input-text.type - static const double textFieldInputTextTypeLineHeight = 24.00; + static const TypescaleStruct textFieldInputTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 16.00, + fontWeight: 400, + lineHeight: 24.00, + letterSpacing: 0.50, + ); /// md.comp.filled-select.text-field.label-text.color - static const TokenColorRole textFieldLabelTextColor = TokenColorRole.onSurfaceVariant; - - /// md.comp.filled-select.text-field.label-text.font - static const String textFieldLabelTextFont = 'Roboto'; - - /// md.comp.filled-select.text-field.label-text.type - static const String textFieldLabelTextTypeFontFamily = 'Roboto'; - - /// md.comp.filled-select.text-field.label-text.type - static const double textFieldLabelTextTypeFontSize = 16.00; - - /// md.comp.filled-select.text-field.label-text.type - static const double textFieldLabelTextTypeFontWeight = 400; - - /// md.comp.filled-select.text-field.label-text.type - static const double textFieldLabelTextTypeLetterSpacing = 0.50; + static const TokenColorRole textFieldLabelTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.filled-select.text-field.label-text.type - static const double textFieldLabelTextTypeLineHeight = 24.00; + static const TypescaleStruct textFieldLabelTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 16.00, + fontWeight: 400, + lineHeight: 24.00, + letterSpacing: 0.50, + ); /// md.comp.filled-select.text-field.leading-icon.color - static const TokenColorRole textFieldLeadingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole textFieldLeadingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.filled-select.text-field.leading-icon.size static const double textFieldLeadingIconSize = 24.00; /// md.comp.filled-select.text-field.supporting-text.color - static const TokenColorRole textFieldSupportingTextColor = TokenColorRole.onSurfaceVariant; - - /// md.comp.filled-select.text-field.supporting-text.font - static const String textFieldSupportingTextFont = 'Roboto'; - - /// md.comp.filled-select.text-field.supporting-text.type - static const String textFieldSupportingTextTypeFontFamily = 'Roboto'; - - /// md.comp.filled-select.text-field.supporting-text.type - static const double textFieldSupportingTextTypeFontSize = 12.00; - - /// md.comp.filled-select.text-field.supporting-text.type - static const double textFieldSupportingTextTypeFontWeight = 400; - - /// md.comp.filled-select.text-field.supporting-text.type - static const double textFieldSupportingTextTypeLetterSpacing = 0.40; + static const TokenColorRole textFieldSupportingTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.filled-select.text-field.supporting-text.type - static const double textFieldSupportingTextTypeLineHeight = 16.00; + static const TypescaleStruct textFieldSupportingTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 12.00, + fontWeight: 400, + lineHeight: 16.00, + letterSpacing: 0.40, + ); /// md.comp.filled-select.text-field.trailing-icon.color - static const TokenColorRole textFieldTrailingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole textFieldTrailingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.filled-select.text-field.trailing-icon.size static const double textFieldTrailingIconSize = 24.00; diff --git a/packages/material_ui/tool/gen_defaults/data/filled_text_field.dart b/packages/material_ui/tool/gen_defaults/data/filled_text_field.dart index e23956065d29..27c15a9b22ec 100644 --- a/packages/material_ui/tool/gen_defaults/data/filled_text_field.dart +++ b/packages/material_ui/tool/gen_defaults/data/filled_text_field.dart @@ -2,14 +2,16 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; +import 'typescale_struct.dart'; class TokenFilledTextField { /// md.comp.filled-text-field.active-indicator.color - static const TokenColorRole activeIndicatorColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole activeIndicatorColor = + TokenColorRole.onSurfaceVariant; /// md.comp.filled-text-field.active-indicator.height static const double activeIndicatorHeight = 1.00; @@ -18,7 +20,8 @@ class TokenFilledTextField { static const TokenColorRole caretColor = TokenColorRole.primary; /// md.comp.filled-text-field.container.color - static const TokenColorRole containerColor = TokenColorRole.surfaceContainerHighest; + static const TokenColorRole containerColor = + TokenColorRole.surfaceContainerHighest; /// md.comp.filled-text-field.container.shape static const ShapeStruct containerShape = ShapeStruct( @@ -30,7 +33,8 @@ class TokenFilledTextField { ); /// md.comp.filled-text-field.disabled.active-indicator.color - static const TokenColorRole disabledActiveIndicatorColor = TokenColorRole.onSurface; + static const TokenColorRole disabledActiveIndicatorColor = + TokenColorRole.onSurface; /// md.comp.filled-text-field.disabled.active-indicator.height static const double disabledActiveIndicatorHeight = 1.00; @@ -57,19 +61,22 @@ class TokenFilledTextField { static const double disabledLabelTextOpacity = 0.38; /// md.comp.filled-text-field.disabled.leading-icon.color - static const TokenColorRole disabledLeadingIconColor = TokenColorRole.onSurface; + static const TokenColorRole disabledLeadingIconColor = + TokenColorRole.onSurface; /// md.comp.filled-text-field.disabled.leading-icon.opacity static const double disabledLeadingIconOpacity = 0.38; /// md.comp.filled-text-field.disabled.supporting-text.color - static const TokenColorRole disabledSupportingTextColor = TokenColorRole.onSurface; + static const TokenColorRole disabledSupportingTextColor = + TokenColorRole.onSurface; /// md.comp.filled-text-field.disabled.supporting-text.opacity static const double disabledSupportingTextOpacity = 0.38; /// md.comp.filled-text-field.disabled.trailing-icon.color - static const TokenColorRole disabledTrailingIconColor = TokenColorRole.onSurface; + static const TokenColorRole disabledTrailingIconColor = + TokenColorRole.onSurface; /// md.comp.filled-text-field.disabled.trailing-icon.opacity static const double disabledTrailingIconOpacity = 0.38; @@ -78,49 +85,61 @@ class TokenFilledTextField { static const TokenColorRole errorActiveIndicatorColor = TokenColorRole.error; /// md.comp.filled-text-field.error.focus.active-indicator.color - static const TokenColorRole errorFocusActiveIndicatorColor = TokenColorRole.error; + static const TokenColorRole errorFocusActiveIndicatorColor = + TokenColorRole.error; /// md.comp.filled-text-field.error.focus.caret.color static const TokenColorRole errorFocusCaretColor = TokenColorRole.error; /// md.comp.filled-text-field.error.focus.input-text.color - static const TokenColorRole errorFocusInputTextColor = TokenColorRole.onSurface; + static const TokenColorRole errorFocusInputTextColor = + TokenColorRole.onSurface; /// md.comp.filled-text-field.error.focus.label-text.color static const TokenColorRole errorFocusLabelTextColor = TokenColorRole.error; /// md.comp.filled-text-field.error.focus.leading-icon.color - static const TokenColorRole errorFocusLeadingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole errorFocusLeadingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.filled-text-field.error.focus.supporting-text.color - static const TokenColorRole errorFocusSupportingTextColor = TokenColorRole.error; + static const TokenColorRole errorFocusSupportingTextColor = + TokenColorRole.error; /// md.comp.filled-text-field.error.focus.trailing-icon.color - static const TokenColorRole errorFocusTrailingIconColor = TokenColorRole.error; + static const TokenColorRole errorFocusTrailingIconColor = + TokenColorRole.error; /// md.comp.filled-text-field.error.hover.active-indicator.color - static const TokenColorRole errorHoverActiveIndicatorColor = TokenColorRole.onErrorContainer; + static const TokenColorRole errorHoverActiveIndicatorColor = + TokenColorRole.onErrorContainer; /// md.comp.filled-text-field.error.hover.input-text.color - static const TokenColorRole errorHoverInputTextColor = TokenColorRole.onSurface; + static const TokenColorRole errorHoverInputTextColor = + TokenColorRole.onSurface; /// md.comp.filled-text-field.error.hover.label-text.color - static const TokenColorRole errorHoverLabelTextColor = TokenColorRole.onErrorContainer; + static const TokenColorRole errorHoverLabelTextColor = + TokenColorRole.onErrorContainer; /// md.comp.filled-text-field.error.hover.leading-icon.color - static const TokenColorRole errorHoverLeadingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole errorHoverLeadingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.filled-text-field.error.hover.state-layer.color - static const TokenColorRole errorHoverStateLayerColor = TokenColorRole.onSurface; + static const TokenColorRole errorHoverStateLayerColor = + TokenColorRole.onSurface; /// md.comp.filled-text-field.error.hover.state-layer.opacity static const double errorHoverStateLayerOpacity = 0.08; /// md.comp.filled-text-field.error.hover.supporting-text.color - static const TokenColorRole errorHoverSupportingTextColor = TokenColorRole.error; + static const TokenColorRole errorHoverSupportingTextColor = + TokenColorRole.error; /// md.comp.filled-text-field.error.hover.trailing-icon.color - static const TokenColorRole errorHoverTrailingIconColor = TokenColorRole.onErrorContainer; + static const TokenColorRole errorHoverTrailingIconColor = + TokenColorRole.onErrorContainer; /// md.comp.filled-text-field.error.input-text.color static const TokenColorRole errorInputTextColor = TokenColorRole.onSurface; @@ -129,7 +148,8 @@ class TokenFilledTextField { static const TokenColorRole errorLabelTextColor = TokenColorRole.error; /// md.comp.filled-text-field.error.leading-icon.color - static const TokenColorRole errorLeadingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole errorLeadingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.filled-text-field.error.supporting-text.color static const TokenColorRole errorSupportingTextColor = TokenColorRole.error; @@ -138,7 +158,8 @@ class TokenFilledTextField { static const TokenColorRole errorTrailingIconColor = TokenColorRole.error; /// md.comp.filled-text-field.focus.active-indicator.color - static const TokenColorRole focusActiveIndicatorColor = TokenColorRole.primary; + static const TokenColorRole focusActiveIndicatorColor = + TokenColorRole.primary; /// md.comp.filled-text-field.focus.active-indicator.height static const double focusActiveIndicatorHeight = 2.00; @@ -153,16 +174,20 @@ class TokenFilledTextField { static const TokenColorRole focusLabelTextColor = TokenColorRole.primary; /// md.comp.filled-text-field.focus.leading-icon.color - static const TokenColorRole focusLeadingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole focusLeadingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.filled-text-field.focus.supporting-text.color - static const TokenColorRole focusSupportingTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole focusSupportingTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.filled-text-field.focus.trailing-icon.color - static const TokenColorRole focusTrailingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole focusTrailingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.filled-text-field.hover.active-indicator.color - static const TokenColorRole hoverActiveIndicatorColor = TokenColorRole.onSurface; + static const TokenColorRole hoverActiveIndicatorColor = + TokenColorRole.onSurface; /// md.comp.filled-text-field.hover.active-indicator.height static const double hoverActiveIndicatorHeight = 1.00; @@ -171,10 +196,12 @@ class TokenFilledTextField { static const TokenColorRole hoverInputTextColor = TokenColorRole.onSurface; /// md.comp.filled-text-field.hover.label-text.color - static const TokenColorRole hoverLabelTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole hoverLabelTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.filled-text-field.hover.leading-icon.color - static const TokenColorRole hoverLeadingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole hoverLeadingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.filled-text-field.hover.state-layer.color static const TokenColorRole hoverStateLayerColor = TokenColorRole.onSurface; @@ -183,91 +210,72 @@ class TokenFilledTextField { static const double hoverStateLayerOpacity = 0.08; /// md.comp.filled-text-field.hover.supporting-text.color - static const TokenColorRole hoverSupportingTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole hoverSupportingTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.filled-text-field.hover.trailing-icon.color - static const TokenColorRole hoverTrailingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole hoverTrailingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.filled-text-field.input-text.color static const TokenColorRole inputTextColor = TokenColorRole.onSurface; - /// md.comp.filled-text-field.input-text.font - static const String inputTextFont = 'Roboto'; - /// md.comp.filled-text-field.input-text.placeholder.color - static const TokenColorRole inputTextPlaceholderColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole inputTextPlaceholderColor = + TokenColorRole.onSurfaceVariant; /// md.comp.filled-text-field.input-text.prefix.color - static const TokenColorRole inputTextPrefixColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole inputTextPrefixColor = + TokenColorRole.onSurfaceVariant; /// md.comp.filled-text-field.input-text.suffix.color - static const TokenColorRole inputTextSuffixColor = TokenColorRole.onSurfaceVariant; - - /// md.comp.filled-text-field.input-text.type - static const String inputTextTypeFontFamily = 'Roboto'; - - /// md.comp.filled-text-field.input-text.type - static const double inputTextTypeFontSize = 16.00; - - /// md.comp.filled-text-field.input-text.type - static const double inputTextTypeFontWeight = 400; + static const TokenColorRole inputTextSuffixColor = + TokenColorRole.onSurfaceVariant; /// md.comp.filled-text-field.input-text.type - static const double inputTextTypeLetterSpacing = 0.50; - - /// md.comp.filled-text-field.input-text.type - static const double inputTextTypeLineHeight = 24.00; + static const TypescaleStruct inputTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 16.00, + fontWeight: 400, + lineHeight: 24.00, + letterSpacing: 0.50, + ); /// md.comp.filled-text-field.label-text.color static const TokenColorRole labelTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.filled-text-field.label-text.font - static const String labelTextFont = 'Roboto'; - - /// md.comp.filled-text-field.label-text.type - static const String labelTextTypeFontFamily = 'Roboto'; - - /// md.comp.filled-text-field.label-text.type - static const double labelTextTypeFontSize = 16.00; - /// md.comp.filled-text-field.label-text.type - static const double labelTextTypeFontWeight = 400; - - /// md.comp.filled-text-field.label-text.type - static const double labelTextTypeLetterSpacing = 0.50; - - /// md.comp.filled-text-field.label-text.type - static const double labelTextTypeLineHeight = 24.00; + static const TypescaleStruct labelTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 16.00, + fontWeight: 400, + lineHeight: 24.00, + letterSpacing: 0.50, + ); /// md.comp.filled-text-field.leading-icon.color - static const TokenColorRole leadingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole leadingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.filled-text-field.leading-icon.size static const double leadingIconSize = 24.00; /// md.comp.filled-text-field.supporting-text.color - static const TokenColorRole supportingTextColor = TokenColorRole.onSurfaceVariant; - - /// md.comp.filled-text-field.supporting-text.font - static const String supportingTextFont = 'Roboto'; - - /// md.comp.filled-text-field.supporting-text.type - static const String supportingTextTypeFontFamily = 'Roboto'; + static const TokenColorRole supportingTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.filled-text-field.supporting-text.type - static const double supportingTextTypeFontSize = 12.00; - - /// md.comp.filled-text-field.supporting-text.type - static const double supportingTextTypeFontWeight = 400; - - /// md.comp.filled-text-field.supporting-text.type - static const double supportingTextTypeLetterSpacing = 0.40; - - /// md.comp.filled-text-field.supporting-text.type - static const double supportingTextTypeLineHeight = 16.00; + static const TypescaleStruct supportingTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 12.00, + fontWeight: 400, + lineHeight: 16.00, + letterSpacing: 0.40, + ); /// md.comp.filled-text-field.trailing-icon.color - static const TokenColorRole trailingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole trailingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.filled-text-field.trailing-icon.size static const double trailingIconSize = 24.00; diff --git a/packages/material_ui/tool/gen_defaults/data/filter_chip.dart b/packages/material_ui/tool/gen_defaults/data/filter_chip.dart index 53f674af7cee..70178c722343 100644 --- a/packages/material_ui/tool/gen_defaults/data/filter_chip.dart +++ b/packages/material_ui/tool/gen_defaults/data/filter_chip.dart @@ -2,10 +2,11 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; +import 'typescale_struct.dart'; class TokenFilterChip { /// md.comp.filter-chip.container.height @@ -33,10 +34,12 @@ class TokenFilterChip { static const double elevatedContainerElevation = 1.00; /// md.comp.filter-chip.elevated.container.shadow-color - static const TokenColorRole elevatedContainerShadowColor = TokenColorRole.shadow; + static const TokenColorRole elevatedContainerShadowColor = + TokenColorRole.shadow; /// md.comp.filter-chip.elevated.disabled.container.color - static const TokenColorRole elevatedDisabledContainerColor = TokenColorRole.onSurface; + static const TokenColorRole elevatedDisabledContainerColor = + TokenColorRole.onSurface; /// md.comp.filter-chip.elevated.disabled.container.elevation static const double elevatedDisabledContainerElevation = 0.00; @@ -54,28 +57,33 @@ class TokenFilterChip { static const double elevatedPressedContainerElevation = 1.00; /// md.comp.filter-chip.elevated.selected.container.color - static const TokenColorRole elevatedSelectedContainerColor = TokenColorRole.secondaryContainer; + static const TokenColorRole elevatedSelectedContainerColor = + TokenColorRole.secondaryContainer; /// md.comp.filter-chip.elevated.unselected.container.color - static const TokenColorRole elevatedUnselectedContainerColor = TokenColorRole.surfaceContainerLow; + static const TokenColorRole elevatedUnselectedContainerColor = + TokenColorRole.surfaceContainerLow; /// md.comp.filter-chip.flat.container.elevation static const double flatContainerElevation = 0.00; /// md.comp.filter-chip.flat.disabled.selected.container.color - static const TokenColorRole flatDisabledSelectedContainerColor = TokenColorRole.onSurface; + static const TokenColorRole flatDisabledSelectedContainerColor = + TokenColorRole.onSurface; /// md.comp.filter-chip.flat.disabled.selected.container.opacity static const double flatDisabledSelectedContainerOpacity = 0.12; /// md.comp.filter-chip.flat.disabled.unselected.outline.color - static const TokenColorRole flatDisabledUnselectedOutlineColor = TokenColorRole.onSurface; + static const TokenColorRole flatDisabledUnselectedOutlineColor = + TokenColorRole.onSurface; /// md.comp.filter-chip.flat.disabled.unselected.outline.opacity static const double flatDisabledUnselectedOutlineOpacity = 0.12; /// md.comp.filter-chip.flat.selected.container.color - static const TokenColorRole flatSelectedContainerColor = TokenColorRole.secondaryContainer; + static const TokenColorRole flatSelectedContainerColor = + TokenColorRole.secondaryContainer; /// md.comp.filter-chip.flat.selected.focus.container.elevation static const double flatSelectedFocusContainerElevation = 0.00; @@ -93,13 +101,15 @@ class TokenFilterChip { static const double flatUnselectedFocusContainerElevation = 0.00; /// md.comp.filter-chip.flat.unselected.focus.outline.color - static const TokenColorRole flatUnselectedFocusOutlineColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole flatUnselectedFocusOutlineColor = + TokenColorRole.onSurfaceVariant; /// md.comp.filter-chip.flat.unselected.hover.container.elevation static const double flatUnselectedHoverContainerElevation = 0.00; /// md.comp.filter-chip.flat.unselected.outline.color - static const TokenColorRole flatUnselectedOutlineColor = TokenColorRole.outlineVariant; + static const TokenColorRole flatUnselectedOutlineColor = + TokenColorRole.outlineVariant; /// md.comp.filter-chip.flat.unselected.outline.width static const double flatUnselectedOutlineWidth = 1.00; @@ -116,95 +126,103 @@ class TokenFilterChip { /// md.comp.filter-chip.focus.indicator.thickness static const double focusIndicatorThickness = 3.00; - /// md.comp.filter-chip.label-text.font - static const String labelTextFont = 'Roboto'; - - /// md.comp.filter-chip.label-text.type - static const String labelTextTypeFontFamily = 'Roboto'; - - /// md.comp.filter-chip.label-text.type - static const double labelTextTypeFontSize = 14.00; - - /// md.comp.filter-chip.label-text.type - static const double labelTextTypeFontWeight = 500; - /// md.comp.filter-chip.label-text.type - static const double labelTextTypeLetterSpacing = 0.10; - - /// md.comp.filter-chip.label-text.type - static const double labelTextTypeLineHeight = 20.00; + static const TypescaleStruct labelTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 14.00, + fontWeight: 500, + lineHeight: 20.00, + letterSpacing: 0.10, + ); /// md.comp.filter-chip.selected.dragged.label-text.color - static const TokenColorRole selectedDraggedLabelTextColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole selectedDraggedLabelTextColor = + TokenColorRole.onSecondaryContainer; /// md.comp.filter-chip.selected.dragged.state-layer.color - static const TokenColorRole selectedDraggedStateLayerColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole selectedDraggedStateLayerColor = + TokenColorRole.onSecondaryContainer; /// md.comp.filter-chip.selected.dragged.state-layer.opacity static const double selectedDraggedStateLayerOpacity = 0.16; /// md.comp.filter-chip.selected.focus.label-text.color - static const TokenColorRole selectedFocusLabelTextColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole selectedFocusLabelTextColor = + TokenColorRole.onSecondaryContainer; /// md.comp.filter-chip.selected.focus.state-layer.color - static const TokenColorRole selectedFocusStateLayerColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole selectedFocusStateLayerColor = + TokenColorRole.onSecondaryContainer; /// md.comp.filter-chip.selected.focus.state-layer.opacity static const double selectedFocusStateLayerOpacity = 0.10; /// md.comp.filter-chip.selected.hover.label-text.color - static const TokenColorRole selectedHoverLabelTextColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole selectedHoverLabelTextColor = + TokenColorRole.onSecondaryContainer; /// md.comp.filter-chip.selected.hover.state-layer.color - static const TokenColorRole selectedHoverStateLayerColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole selectedHoverStateLayerColor = + TokenColorRole.onSecondaryContainer; /// md.comp.filter-chip.selected.hover.state-layer.opacity static const double selectedHoverStateLayerOpacity = 0.08; /// md.comp.filter-chip.selected.label-text.color - static const TokenColorRole selectedLabelTextColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole selectedLabelTextColor = + TokenColorRole.onSecondaryContainer; /// md.comp.filter-chip.selected.pressed.label-text.color - static const TokenColorRole selectedPressedLabelTextColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole selectedPressedLabelTextColor = + TokenColorRole.onSecondaryContainer; /// md.comp.filter-chip.selected.pressed.state-layer.color - static const TokenColorRole selectedPressedStateLayerColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole selectedPressedStateLayerColor = + TokenColorRole.onSurfaceVariant; /// md.comp.filter-chip.selected.pressed.state-layer.opacity static const double selectedPressedStateLayerOpacity = 0.10; /// md.comp.filter-chip.unselected.dragged.label-text.color - static const TokenColorRole unselectedDraggedLabelTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedDraggedLabelTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.filter-chip.unselected.dragged.state-layer.color - static const TokenColorRole unselectedDraggedStateLayerColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedDraggedStateLayerColor = + TokenColorRole.onSurfaceVariant; /// md.comp.filter-chip.unselected.dragged.state-layer.opacity static const double unselectedDraggedStateLayerOpacity = 0.16; /// md.comp.filter-chip.unselected.focus.label-text.color - static const TokenColorRole unselectedFocusLabelTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedFocusLabelTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.filter-chip.unselected.focus.state-layer.color - static const TokenColorRole unselectedFocusStateLayerColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedFocusStateLayerColor = + TokenColorRole.onSurfaceVariant; /// md.comp.filter-chip.unselected.focus.state-layer.opacity static const double unselectedFocusStateLayerOpacity = 0.10; /// md.comp.filter-chip.unselected.hover.label-text.color - static const TokenColorRole unselectedHoverLabelTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedHoverLabelTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.filter-chip.unselected.hover.state-layer.color - static const TokenColorRole unselectedHoverStateLayerColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedHoverStateLayerColor = + TokenColorRole.onSurfaceVariant; /// md.comp.filter-chip.unselected.hover.state-layer.opacity static const double unselectedHoverStateLayerOpacity = 0.08; /// md.comp.filter-chip.unselected.label-text.color - static const TokenColorRole unselectedLabelTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedLabelTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.filter-chip.unselected.pressed.label-text.color - static const TokenColorRole unselectedPressedLabelTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedPressedLabelTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.filter-chip.unselected.pressed.state-layer.color static const TokenColorRole unselectedPressedStateLayerColor = @@ -217,7 +235,8 @@ class TokenFilterChip { static const double withIconIconSize = 18.00; /// md.comp.filter-chip.with-leading-icon.disabled.leading-icon.color - static const TokenColorRole withLeadingIconDisabledLeadingIconColor = TokenColorRole.onSurface; + static const TokenColorRole withLeadingIconDisabledLeadingIconColor = + TokenColorRole.onSurface; /// md.comp.filter-chip.with-leading-icon.disabled.leading-icon.opacity static const double withLeadingIconDisabledLeadingIconOpacity = 0.38; @@ -255,14 +274,16 @@ class TokenFilterChip { TokenColorRole.primary; /// md.comp.filter-chip.with-leading-icon.unselected.leading-icon.color - static const TokenColorRole withLeadingIconUnselectedLeadingIconColor = TokenColorRole.primary; + static const TokenColorRole withLeadingIconUnselectedLeadingIconColor = + TokenColorRole.primary; /// md.comp.filter-chip.with-leading-icon.unselected.pressed.leading-icon.color static const TokenColorRole withLeadingIconUnselectedPressedLeadingIconColor = TokenColorRole.primary; /// md.comp.filter-chip.with-trailing-icon.disabled.trailing-icon.color - static const TokenColorRole withTrailingIconDisabledTrailingIconColor = TokenColorRole.onSurface; + static const TokenColorRole withTrailingIconDisabledTrailingIconColor = + TokenColorRole.onSurface; /// md.comp.filter-chip.with-trailing-icon.disabled.trailing-icon.opacity static const double withTrailingIconDisabledTrailingIconOpacity = 0.38; @@ -288,7 +309,8 @@ class TokenFilterChip { TokenColorRole.onSecondaryContainer; /// md.comp.filter-chip.with-trailing-icon.unselected.dragged.trailing-icon.color - static const TokenColorRole withTrailingIconUnselectedDraggedTrailingIconColor = + static const TokenColorRole + withTrailingIconUnselectedDraggedTrailingIconColor = TokenColorRole.onSurfaceVariant; /// md.comp.filter-chip.with-trailing-icon.unselected.focus.trailing-icon.color @@ -300,7 +322,8 @@ class TokenFilterChip { TokenColorRole.onSurfaceVariant; /// md.comp.filter-chip.with-trailing-icon.unselected.pressed.trailing-icon.color - static const TokenColorRole withTrailingIconUnselectedPressedTrailingIconColor = + static const TokenColorRole + withTrailingIconUnselectedPressedTrailingIconColor = TokenColorRole.onSurfaceVariant; /// md.comp.filter-chip.with-trailing-icon.unselected.trailing-icon.color diff --git a/packages/material_ui/tool/gen_defaults/data/full_screen_dialog.dart b/packages/material_ui/tool/gen_defaults/data/full_screen_dialog.dart index 8a2b28005d4d..d0c6eca56900 100644 --- a/packages/material_ui/tool/gen_defaults/data/full_screen_dialog.dart +++ b/packages/material_ui/tool/gen_defaults/data/full_screen_dialog.dart @@ -2,10 +2,11 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; +import 'typescale_struct.dart'; class TokenFullScreenDialog { /// md.comp.full-screen-dialog.container.color @@ -24,49 +25,47 @@ class TokenFullScreenDialog { ); /// md.comp.full-screen-dialog.header.action.focus.label-text.color - static const TokenColorRole headerActionFocusLabelTextColor = TokenColorRole.primary; + static const TokenColorRole headerActionFocusLabelTextColor = + TokenColorRole.primary; /// md.comp.full-screen-dialog.header.action.focus.state-layer.color - static const TokenColorRole headerActionFocusStateLayerColor = TokenColorRole.primary; + static const TokenColorRole headerActionFocusStateLayerColor = + TokenColorRole.primary; /// md.comp.full-screen-dialog.header.action.focus.state-layer.opacity static const double headerActionFocusStateLayerOpacity = 0.10; /// md.comp.full-screen-dialog.header.action.hover.label-text.color - static const TokenColorRole headerActionHoverLabelTextColor = TokenColorRole.primary; + static const TokenColorRole headerActionHoverLabelTextColor = + TokenColorRole.primary; /// md.comp.full-screen-dialog.header.action.hover.state-layer.color - static const TokenColorRole headerActionHoverStateLayerColor = TokenColorRole.primary; + static const TokenColorRole headerActionHoverStateLayerColor = + TokenColorRole.primary; /// md.comp.full-screen-dialog.header.action.hover.state-layer.opacity static const double headerActionHoverStateLayerOpacity = 0.08; /// md.comp.full-screen-dialog.header.action.label-text.color - static const TokenColorRole headerActionLabelTextColor = TokenColorRole.primary; - - /// md.comp.full-screen-dialog.header.action.label-text.font - static const String headerActionLabelTextFont = 'Roboto'; - - /// md.comp.full-screen-dialog.header.action.label-text.type - static const String headerActionLabelTextTypeFontFamily = 'Roboto'; - - /// md.comp.full-screen-dialog.header.action.label-text.type - static const double headerActionLabelTextTypeFontSize = 14.00; + static const TokenColorRole headerActionLabelTextColor = + TokenColorRole.primary; /// md.comp.full-screen-dialog.header.action.label-text.type - static const double headerActionLabelTextTypeFontWeight = 500; - - /// md.comp.full-screen-dialog.header.action.label-text.type - static const double headerActionLabelTextTypeLetterSpacing = 0.10; - - /// md.comp.full-screen-dialog.header.action.label-text.type - static const double headerActionLabelTextTypeLineHeight = 20.00; + static const TypescaleStruct headerActionLabelTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 14.00, + fontWeight: 500, + lineHeight: 20.00, + letterSpacing: 0.10, + ); /// md.comp.full-screen-dialog.header.action.pressed.label-text.color - static const TokenColorRole headerActionPressedLabelTextColor = TokenColorRole.primary; + static const TokenColorRole headerActionPressedLabelTextColor = + TokenColorRole.primary; /// md.comp.full-screen-dialog.header.action.pressed.state-layer.color - static const TokenColorRole headerActionPressedStateLayerColor = TokenColorRole.primary; + static const TokenColorRole headerActionPressedStateLayerColor = + TokenColorRole.primary; /// md.comp.full-screen-dialog.header.action.pressed.state-layer.opacity static const double headerActionPressedStateLayerOpacity = 0.10; @@ -83,23 +82,14 @@ class TokenFullScreenDialog { /// md.comp.full-screen-dialog.header.headline.color static const TokenColorRole headerHeadlineColor = TokenColorRole.onSurface; - /// md.comp.full-screen-dialog.header.headline.font - static const String headerHeadlineFont = 'Roboto'; - - /// md.comp.full-screen-dialog.header.headline.type - static const String headerHeadlineTypeFontFamily = 'Roboto'; - - /// md.comp.full-screen-dialog.header.headline.type - static const double headerHeadlineTypeFontSize = 22.00; - /// md.comp.full-screen-dialog.header.headline.type - static const double headerHeadlineTypeFontWeight = 400; - - /// md.comp.full-screen-dialog.header.headline.type - static const double headerHeadlineTypeLetterSpacing = 0.00; - - /// md.comp.full-screen-dialog.header.headline.type - static const double headerHeadlineTypeLineHeight = 28.00; + static const TypescaleStruct headerHeadlineType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 22.00, + fontWeight: 400, + lineHeight: 28.00, + letterSpacing: 0.00, + ); /// md.comp.full-screen-dialog.header.icon.color static const TokenColorRole headerIconColor = TokenColorRole.onSurface; @@ -108,7 +98,8 @@ class TokenFullScreenDialog { static const double headerIconSize = 24.00; /// md.comp.full-screen-dialog.header.on-scroll.container.color - static const TokenColorRole headerOnScrollContainerColor = TokenColorRole.surfaceContainer; + static const TokenColorRole headerOnScrollContainerColor = + TokenColorRole.surfaceContainer; /// md.comp.full-screen-dialog.header.on-scroll.container.elevation static const double headerOnScrollContainerElevation = 3.00; diff --git a/packages/material_ui/tool/gen_defaults/data/glass_button.dart b/packages/material_ui/tool/gen_defaults/data/glass_button.dart index 5e8e3d237bd8..cc8abaaadbe4 100644 --- a/packages/material_ui/tool/gen_defaults/data/glass_button.dart +++ b/packages/material_ui/tool/gen_defaults/data/glass_button.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; @@ -11,13 +11,15 @@ class TokenGlassButton { static const TokenColorRole textContainerColor = TokenColorRole.surface; /// md.comp.glass.button.text.disabled.container.color - static const TokenColorRole textDisabledContainerColor = TokenColorRole.surfaceContainer; + static const TokenColorRole textDisabledContainerColor = + TokenColorRole.surfaceContainer; /// md.comp.glass.button.text.disabled.icon.color static const TokenColorRole textDisabledIconColor = TokenColorRole.onSurface; /// md.comp.glass.button.text.disabled.label-text.color - static const TokenColorRole textDisabledLabelTextColor = TokenColorRole.onSurface; + static const TokenColorRole textDisabledLabelTextColor = + TokenColorRole.onSurface; /// md.comp.glass.button.text.icon.color static const TokenColorRole textIconColor = TokenColorRole.primary; @@ -26,29 +28,37 @@ class TokenGlassButton { static const TokenColorRole textLabelTextColor = TokenColorRole.primary; /// md.comp.glass.button.text.pressed.selected.state-layer.color - static const TokenColorRole textPressedSelectedStateLayerColor = TokenColorRole.onSecondary; + static const TokenColorRole textPressedSelectedStateLayerColor = + TokenColorRole.onSecondary; /// md.comp.glass.button.text.pressed.state-layer.color - static const TokenColorRole textPressedStateLayerColor = TokenColorRole.primary; + static const TokenColorRole textPressedStateLayerColor = + TokenColorRole.primary; /// md.comp.glass.button.text.pressed.unselected.state-layer.color - static const TokenColorRole textPressedUnselectedStateLayerColor = TokenColorRole.primary; + static const TokenColorRole textPressedUnselectedStateLayerColor = + TokenColorRole.primary; /// md.comp.glass.button.text.selected.container.color - static const TokenColorRole textSelectedContainerColor = TokenColorRole.surfaceContainerHighest; + static const TokenColorRole textSelectedContainerColor = + TokenColorRole.surfaceContainerHighest; /// md.comp.glass.button.text.selected.icon.color - static const TokenColorRole textSelectedIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole textSelectedIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.glass.button.text.selected.label-text.color - static const TokenColorRole textSelectedLabelTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole textSelectedLabelTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.glass.button.text.unselected.container.color - static const TokenColorRole textUnselectedContainerColor = TokenColorRole.surface; + static const TokenColorRole textUnselectedContainerColor = + TokenColorRole.surface; /// md.comp.glass.button.text.unselected.icon.color static const TokenColorRole textUnselectedIconColor = TokenColorRole.primary; /// md.comp.glass.button.text.unselected.label-text.color - static const TokenColorRole textUnselectedLabelTextColor = TokenColorRole.primary; + static const TokenColorRole textUnselectedLabelTextColor = + TokenColorRole.primary; } diff --git a/packages/material_ui/tool/gen_defaults/data/glass_icon_button.dart b/packages/material_ui/tool/gen_defaults/data/glass_icon_button.dart index a2705c455d4e..e29f29521fae 100644 --- a/packages/material_ui/tool/gen_defaults/data/glass_icon_button.dart +++ b/packages/material_ui/tool/gen_defaults/data/glass_icon_button.dart @@ -2,29 +2,33 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; class TokenGlassIconButton { /// md.comp.glass.icon-button.filled.disabled.container.color - static const TokenColorRole filledDisabledContainerColor = TokenColorRole.surfaceContainer; + static const TokenColorRole filledDisabledContainerColor = + TokenColorRole.surfaceContainer; /// md.comp.glass.icon-button.standard.container.color static const TokenColorRole standardContainerColor = TokenColorRole.surface; /// md.comp.glass.icon-button.standard.disabled.container.color - static const TokenColorRole standardDisabledContainerColor = TokenColorRole.surface; + static const TokenColorRole standardDisabledContainerColor = + TokenColorRole.surface; /// md.comp.glass.icon-button.standard.disabled.selected.container.color static const TokenColorRole standardDisabledSelectedContainerColor = TokenColorRole.surfaceContainerHighest; /// md.comp.glass.icon-button.standard.disabled.unselected.container.color - static const TokenColorRole standardDisabledUnselectedContainerColor = TokenColorRole.surface; + static const TokenColorRole standardDisabledUnselectedContainerColor = + TokenColorRole.surface; /// md.comp.glass.icon-button.standard.pressed.state-layer.color - static const TokenColorRole standardPressedStateLayerColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole standardPressedStateLayerColor = + TokenColorRole.onSurfaceVariant; /// md.comp.glass.icon-button.standard.selected.container.color static const TokenColorRole standardSelectedContainerColor = @@ -35,12 +39,14 @@ class TokenGlassIconButton { TokenColorRole.surfaceContainerHighest; /// md.comp.glass.icon-button.standard.unselected.container.color - static const TokenColorRole standardUnselectedContainerColor = TokenColorRole.surface; + static const TokenColorRole standardUnselectedContainerColor = + TokenColorRole.surface; /// md.comp.glass.icon-button.standard.unselected.pressed.state-layer.color static const TokenColorRole standardUnselectedPressedStateLayerColor = TokenColorRole.onSurfaceVariant; /// md.comp.glass.icon-button.tonal.disabled.container.color - static const TokenColorRole tonalDisabledContainerColor = TokenColorRole.surfaceContainer; + static const TokenColorRole tonalDisabledContainerColor = + TokenColorRole.surfaceContainer; } diff --git a/packages/material_ui/tool/gen_defaults/data/icon_button.dart b/packages/material_ui/tool/gen_defaults/data/icon_button.dart index e2d5e8629dca..2f8778d2e4c0 100644 --- a/packages/material_ui/tool/gen_defaults/data/icon_button.dart +++ b/packages/material_ui/tool/gen_defaults/data/icon_button.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; @@ -50,15 +50,6 @@ class TokenIconButton { /// md.comp.icon-button.disabled.icon.opacity static const double disabledIconOpacity = 0.38; - /// md.comp.icon-button.focused.icon.color - static const TokenColorRole focusedIconColor = TokenColorRole.onPrimary; - - /// md.comp.icon-button.focused.state-layer.color - static const TokenColorRole focusedStateLayerColor = TokenColorRole.onPrimary; - - /// md.comp.icon-button.focused.state-layer.opacity - static const double focusedStateLayerOpacity = 0.10; - /// md.comp.icon-button.focus.indicator.color static const TokenColorRole focusIndicatorColor = TokenColorRole.secondary; @@ -68,6 +59,15 @@ class TokenIconButton { /// md.comp.icon-button.focus.indicator.thickness static const double focusIndicatorThickness = 3.00; + /// md.comp.icon-button.focused.icon.color + static const TokenColorRole focusedIconColor = TokenColorRole.onPrimary; + + /// md.comp.icon-button.focused.state-layer.color + static const TokenColorRole focusedStateLayerColor = TokenColorRole.onPrimary; + + /// md.comp.icon-button.focused.state-layer.opacity + static const double focusedStateLayerOpacity = 0.10; + /// md.comp.icon-button.hovered.icon.color static const TokenColorRole hoveredIconColor = TokenColorRole.onPrimary; @@ -135,49 +135,63 @@ class TokenIconButton { ); /// md.comp.icon-button.selected.focused.icon.color - static const TokenColorRole selectedFocusedIconColor = TokenColorRole.onPrimary; + static const TokenColorRole selectedFocusedIconColor = + TokenColorRole.onPrimary; /// md.comp.icon-button.selected.focused.state-layer.color - static const TokenColorRole selectedFocusedStateLayerColor = TokenColorRole.onPrimary; + static const TokenColorRole selectedFocusedStateLayerColor = + TokenColorRole.onPrimary; /// md.comp.icon-button.selected.hovered.icon.color - static const TokenColorRole selectedHoveredIconColor = TokenColorRole.onPrimary; + static const TokenColorRole selectedHoveredIconColor = + TokenColorRole.onPrimary; /// md.comp.icon-button.selected.hovered.state-layer.color - static const TokenColorRole selectedHoveredStateLayerColor = TokenColorRole.onPrimary; + static const TokenColorRole selectedHoveredStateLayerColor = + TokenColorRole.onPrimary; /// md.comp.icon-button.selected.icon.color static const TokenColorRole selectedIconColor = TokenColorRole.onPrimary; /// md.comp.icon-button.selected.pressed.icon.color - static const TokenColorRole selectedPressedIconColor = TokenColorRole.onPrimary; + static const TokenColorRole selectedPressedIconColor = + TokenColorRole.onPrimary; /// md.comp.icon-button.selected.pressed.state-layer.color - static const TokenColorRole selectedPressedStateLayerColor = TokenColorRole.onPrimary; + static const TokenColorRole selectedPressedStateLayerColor = + TokenColorRole.onPrimary; /// md.comp.icon-button.unselected.container.color - static const TokenColorRole unselectedContainerColor = TokenColorRole.surfaceContainer; + static const TokenColorRole unselectedContainerColor = + TokenColorRole.surfaceContainer; /// md.comp.icon-button.unselected.focused.icon.color - static const TokenColorRole unselectedFocusedIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedFocusedIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.icon-button.unselected.focused.state-layer.color - static const TokenColorRole unselectedFocusedStateLayerColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedFocusedStateLayerColor = + TokenColorRole.onSurfaceVariant; /// md.comp.icon-button.unselected.hovered.icon.color - static const TokenColorRole unselectedHoveredIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedHoveredIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.icon-button.unselected.hovered.state-layer.color - static const TokenColorRole unselectedHoveredStateLayerColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedHoveredStateLayerColor = + TokenColorRole.onSurfaceVariant; /// md.comp.icon-button.unselected.icon.color - static const TokenColorRole unselectedIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.icon-button.unselected.pressed.icon.color - static const TokenColorRole unselectedPressedIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedPressedIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.icon-button.unselected.pressed.state-layer.color - static const TokenColorRole unselectedPressedStateLayerColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedPressedStateLayerColor = + TokenColorRole.onSurfaceVariant; /// md.comp.icon-button.wide.leading-space static const double wideLeadingSpace = 14.00; diff --git a/packages/material_ui/tool/gen_defaults/data/icon_button_filled.dart b/packages/material_ui/tool/gen_defaults/data/icon_button_filled.dart index 3b34453c9e13..1e2436f8d431 100644 --- a/packages/material_ui/tool/gen_defaults/data/icon_button_filled.dart +++ b/packages/material_ui/tool/gen_defaults/data/icon_button_filled.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; @@ -56,47 +56,61 @@ class TokenIconButtonFilled { static const TokenColorRole selectedContainerColor = TokenColorRole.primary; /// md.comp.icon-button.filled.selected.focused.icon.color - static const TokenColorRole selectedFocusedIconColor = TokenColorRole.onPrimary; + static const TokenColorRole selectedFocusedIconColor = + TokenColorRole.onPrimary; /// md.comp.icon-button.filled.selected.focused.state-layer.color - static const TokenColorRole selectedFocusedStateLayerColor = TokenColorRole.onPrimary; + static const TokenColorRole selectedFocusedStateLayerColor = + TokenColorRole.onPrimary; /// md.comp.icon-button.filled.selected.hovered.icon.color - static const TokenColorRole selectedHoveredIconColor = TokenColorRole.onPrimary; + static const TokenColorRole selectedHoveredIconColor = + TokenColorRole.onPrimary; /// md.comp.icon-button.filled.selected.hovered.state-layer.color - static const TokenColorRole selectedHoveredStateLayerColor = TokenColorRole.onPrimary; + static const TokenColorRole selectedHoveredStateLayerColor = + TokenColorRole.onPrimary; /// md.comp.icon-button.filled.selected.icon.color static const TokenColorRole selectedIconColor = TokenColorRole.onPrimary; /// md.comp.icon-button.filled.selected.pressed.icon.color - static const TokenColorRole selectedPressedIconColor = TokenColorRole.onPrimary; + static const TokenColorRole selectedPressedIconColor = + TokenColorRole.onPrimary; /// md.comp.icon-button.filled.selected.pressed.state-layer.color - static const TokenColorRole selectedPressedStateLayerColor = TokenColorRole.onPrimary; + static const TokenColorRole selectedPressedStateLayerColor = + TokenColorRole.onPrimary; /// md.comp.icon-button.filled.unselected.container.color - static const TokenColorRole unselectedContainerColor = TokenColorRole.surfaceContainer; + static const TokenColorRole unselectedContainerColor = + TokenColorRole.surfaceContainer; /// md.comp.icon-button.filled.unselected.focused.icon.color - static const TokenColorRole unselectedFocusedIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedFocusedIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.icon-button.filled.unselected.focused.state-layer.color - static const TokenColorRole unselectedFocusedStateLayerColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedFocusedStateLayerColor = + TokenColorRole.onSurfaceVariant; /// md.comp.icon-button.filled.unselected.hovered.icon.color - static const TokenColorRole unselectedHoveredIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedHoveredIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.icon-button.filled.unselected.hovered.state-layer.color - static const TokenColorRole unselectedHoveredStateLayerColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedHoveredStateLayerColor = + TokenColorRole.onSurfaceVariant; /// md.comp.icon-button.filled.unselected.icon.color - static const TokenColorRole unselectedIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.icon-button.filled.unselected.pressed.icon.color - static const TokenColorRole unselectedPressedIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedPressedIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.icon-button.filled.unselected.pressed.state-layer.color - static const TokenColorRole unselectedPressedStateLayerColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedPressedStateLayerColor = + TokenColorRole.onSurfaceVariant; } diff --git a/packages/material_ui/tool/gen_defaults/data/icon_button_large.dart b/packages/material_ui/tool/gen_defaults/data/icon_button_large.dart index bdad1e372183..de87ffc30367 100644 --- a/packages/material_ui/tool/gen_defaults/data/icon_button_large.dart +++ b/packages/material_ui/tool/gen_defaults/data/icon_button_large.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'shape_struct.dart'; diff --git a/packages/material_ui/tool/gen_defaults/data/icon_button_medium.dart b/packages/material_ui/tool/gen_defaults/data/icon_button_medium.dart index ee49c5c526a0..2383dcfd0ef2 100644 --- a/packages/material_ui/tool/gen_defaults/data/icon_button_medium.dart +++ b/packages/material_ui/tool/gen_defaults/data/icon_button_medium.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'shape_struct.dart'; diff --git a/packages/material_ui/tool/gen_defaults/data/icon_button_outlined.dart b/packages/material_ui/tool/gen_defaults/data/icon_button_outlined.dart index eaa055ee59c2..37d216ba7d9d 100644 --- a/packages/material_ui/tool/gen_defaults/data/icon_button_outlined.dart +++ b/packages/material_ui/tool/gen_defaults/data/icon_button_outlined.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; @@ -14,22 +14,27 @@ class TokenIconButtonOutlined { static const double disabledIconOpacity = 0.38; /// md.comp.icon-button.outlined.disabled.outline.color - static const TokenColorRole disabledOutlineColor = TokenColorRole.outlineVariant; + static const TokenColorRole disabledOutlineColor = + TokenColorRole.outlineVariant; /// md.comp.icon-button.outlined.focused.icon.color - static const TokenColorRole focusedIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole focusedIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.icon-button.outlined.focused.state-layer.color - static const TokenColorRole focusedStateLayerColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole focusedStateLayerColor = + TokenColorRole.onSurfaceVariant; /// md.comp.icon-button.outlined.focused.state-layer.opacity static const double focusedStateLayerOpacity = 0.10; /// md.comp.icon-button.outlined.hovered.icon.color - static const TokenColorRole hoveredIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole hoveredIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.icon-button.outlined.hovered.state-layer.color - static const TokenColorRole hoveredStateLayerColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole hoveredStateLayerColor = + TokenColorRole.onSurfaceVariant; /// md.comp.icon-button.outlined.hovered.state-layer.opacity static const double hoveredStateLayerOpacity = 0.08; @@ -41,68 +46,88 @@ class TokenIconButtonOutlined { static const TokenColorRole outlineColor = TokenColorRole.outlineVariant; /// md.comp.icon-button.outlined.pressed.icon.color - static const TokenColorRole pressedIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole pressedIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.icon-button.outlined.pressed.state-layer.color - static const TokenColorRole pressedStateLayerColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole pressedStateLayerColor = + TokenColorRole.onSurfaceVariant; /// md.comp.icon-button.outlined.pressed.state-layer.opacity static const double pressedStateLayerOpacity = 0.10; /// md.comp.icon-button.outlined.selected.container.color - static const TokenColorRole selectedContainerColor = TokenColorRole.inverseSurface; + static const TokenColorRole selectedContainerColor = + TokenColorRole.inverseSurface; /// md.comp.icon-button.outlined.selected.disabled.container.color - static const TokenColorRole selectedDisabledContainerColor = TokenColorRole.onSurface; + static const TokenColorRole selectedDisabledContainerColor = + TokenColorRole.onSurface; /// md.comp.icon-button.outlined.selected.disabled.container.opacity static const double selectedDisabledContainerOpacity = 0.10; /// md.comp.icon-button.outlined.selected.focused.icon.color - static const TokenColorRole selectedFocusedIconColor = TokenColorRole.inverseOnSurface; + static const TokenColorRole selectedFocusedIconColor = + TokenColorRole.inverseOnSurface; /// md.comp.icon-button.outlined.selected.focused.state-layer.color - static const TokenColorRole selectedFocusedStateLayerColor = TokenColorRole.inverseOnSurface; + static const TokenColorRole selectedFocusedStateLayerColor = + TokenColorRole.inverseOnSurface; /// md.comp.icon-button.outlined.selected.hovered.icon.color - static const TokenColorRole selectedHoveredIconColor = TokenColorRole.inverseOnSurface; + static const TokenColorRole selectedHoveredIconColor = + TokenColorRole.inverseOnSurface; /// md.comp.icon-button.outlined.selected.hovered.state-layer.color - static const TokenColorRole selectedHoveredStateLayerColor = TokenColorRole.inverseOnSurface; + static const TokenColorRole selectedHoveredStateLayerColor = + TokenColorRole.inverseOnSurface; /// md.comp.icon-button.outlined.selected.icon.color - static const TokenColorRole selectedIconColor = TokenColorRole.inverseOnSurface; + static const TokenColorRole selectedIconColor = + TokenColorRole.inverseOnSurface; /// md.comp.icon-button.outlined.selected.pressed.icon.color - static const TokenColorRole selectedPressedIconColor = TokenColorRole.inverseOnSurface; + static const TokenColorRole selectedPressedIconColor = + TokenColorRole.inverseOnSurface; /// md.comp.icon-button.outlined.selected.pressed.state-layer.color - static const TokenColorRole selectedPressedStateLayerColor = TokenColorRole.inverseOnSurface; + static const TokenColorRole selectedPressedStateLayerColor = + TokenColorRole.inverseOnSurface; /// md.comp.icon-button.outlined.unselected.disabled.outline.color - static const TokenColorRole unselectedDisabledOutlineColor = TokenColorRole.outlineVariant; + static const TokenColorRole unselectedDisabledOutlineColor = + TokenColorRole.outlineVariant; /// md.comp.icon-button.outlined.unselected.focused.icon.color - static const TokenColorRole unselectedFocusedIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedFocusedIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.icon-button.outlined.unselected.focused.state-layer.color - static const TokenColorRole unselectedFocusedStateLayerColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedFocusedStateLayerColor = + TokenColorRole.onSurfaceVariant; /// md.comp.icon-button.outlined.unselected.hovered.icon.color - static const TokenColorRole unselectedHoveredIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedHoveredIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.icon-button.outlined.unselected.hovered.state-layer.color - static const TokenColorRole unselectedHoveredStateLayerColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedHoveredStateLayerColor = + TokenColorRole.onSurfaceVariant; /// md.comp.icon-button.outlined.unselected.icon.color - static const TokenColorRole unselectedIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.icon-button.outlined.unselected.outline.color - static const TokenColorRole unselectedOutlineColor = TokenColorRole.outlineVariant; + static const TokenColorRole unselectedOutlineColor = + TokenColorRole.outlineVariant; /// md.comp.icon-button.outlined.unselected.pressed.icon.color - static const TokenColorRole unselectedPressedIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedPressedIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.icon-button.outlined.unselected.pressed.state-layer.color - static const TokenColorRole unselectedPressedStateLayerColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedPressedStateLayerColor = + TokenColorRole.onSurfaceVariant; } diff --git a/packages/material_ui/tool/gen_defaults/data/icon_button_small.dart b/packages/material_ui/tool/gen_defaults/data/icon_button_small.dart index 51ef1297878e..31857815a938 100644 --- a/packages/material_ui/tool/gen_defaults/data/icon_button_small.dart +++ b/packages/material_ui/tool/gen_defaults/data/icon_button_small.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'shape_struct.dart'; diff --git a/packages/material_ui/tool/gen_defaults/data/icon_button_standard.dart b/packages/material_ui/tool/gen_defaults/data/icon_button_standard.dart index 9cef5799bcc6..b08f2bb25b9a 100644 --- a/packages/material_ui/tool/gen_defaults/data/icon_button_standard.dart +++ b/packages/material_ui/tool/gen_defaults/data/icon_button_standard.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; @@ -14,19 +14,23 @@ class TokenIconButtonStandard { static const double disabledIconOpacity = 0.38; /// md.comp.icon-button.standard.focused.icon.color - static const TokenColorRole focusedIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole focusedIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.icon-button.standard.focused.state-layer.color - static const TokenColorRole focusedStateLayerColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole focusedStateLayerColor = + TokenColorRole.onSurfaceVariant; /// md.comp.icon-button.standard.focused.state-layer.opacity static const double focusedStateLayerOpacity = 0.10; /// md.comp.icon-button.standard.hovered.icon.color - static const TokenColorRole hoveredIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole hoveredIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.icon-button.standard.hovered.state-layer.color - static const TokenColorRole hoveredStateLayerColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole hoveredStateLayerColor = + TokenColorRole.onSurfaceVariant; /// md.comp.icon-button.standard.hovered.state-layer.opacity static const double hoveredStateLayerOpacity = 0.08; @@ -35,10 +39,12 @@ class TokenIconButtonStandard { static const TokenColorRole iconColor = TokenColorRole.onSurfaceVariant; /// md.comp.icon-button.standard.pressed.icon.color - static const TokenColorRole pressedIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole pressedIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.icon-button.standard.pressed.state-layer.color - static const TokenColorRole pressedStateLayerColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole pressedStateLayerColor = + TokenColorRole.onSurfaceVariant; /// md.comp.icon-button.standard.pressed.state-layer.opacity static const double pressedStateLayerOpacity = 0.10; @@ -47,13 +53,15 @@ class TokenIconButtonStandard { static const TokenColorRole selectedFocusedIconColor = TokenColorRole.primary; /// md.comp.icon-button.standard.selected.focused.state-layer.color - static const TokenColorRole selectedFocusedStateLayerColor = TokenColorRole.primary; + static const TokenColorRole selectedFocusedStateLayerColor = + TokenColorRole.primary; /// md.comp.icon-button.standard.selected.hovered.icon.color static const TokenColorRole selectedHoveredIconColor = TokenColorRole.primary; /// md.comp.icon-button.standard.selected.hovered.state-layer.color - static const TokenColorRole selectedHoveredStateLayerColor = TokenColorRole.primary; + static const TokenColorRole selectedHoveredStateLayerColor = + TokenColorRole.primary; /// md.comp.icon-button.standard.selected.icon.color static const TokenColorRole selectedIconColor = TokenColorRole.primary; @@ -62,26 +70,34 @@ class TokenIconButtonStandard { static const TokenColorRole selectedPressedIconColor = TokenColorRole.primary; /// md.comp.icon-button.standard.selected.pressed.state-layer.color - static const TokenColorRole selectedPressedStateLayerColor = TokenColorRole.primary; + static const TokenColorRole selectedPressedStateLayerColor = + TokenColorRole.primary; /// md.comp.icon-button.standard.unselected.focused.icon.color - static const TokenColorRole unselectedFocusedIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedFocusedIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.icon-button.standard.unselected.focused.state-layer.color - static const TokenColorRole unselectedFocusedStateLayerColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedFocusedStateLayerColor = + TokenColorRole.onSurfaceVariant; /// md.comp.icon-button.standard.unselected.hovered.icon.color - static const TokenColorRole unselectedHoveredIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedHoveredIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.icon-button.standard.unselected.hovered.state-layer.color - static const TokenColorRole unselectedHoveredStateLayerColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedHoveredStateLayerColor = + TokenColorRole.onSurfaceVariant; /// md.comp.icon-button.standard.unselected.icon.color - static const TokenColorRole unselectedIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.icon-button.standard.unselected.pressed.icon.color - static const TokenColorRole unselectedPressedIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedPressedIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.icon-button.standard.unselected.pressed.state-layer.color - static const TokenColorRole unselectedPressedStateLayerColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedPressedStateLayerColor = + TokenColorRole.onSurfaceVariant; } diff --git a/packages/material_ui/tool/gen_defaults/data/icon_button_tonal.dart b/packages/material_ui/tool/gen_defaults/data/icon_button_tonal.dart index ec20b930a266..6ed1c064960a 100644 --- a/packages/material_ui/tool/gen_defaults/data/icon_button_tonal.dart +++ b/packages/material_ui/tool/gen_defaults/data/icon_button_tonal.dart @@ -2,13 +2,14 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; class TokenIconButtonTonal { /// md.comp.icon-button.tonal.container.color - static const TokenColorRole containerColor = TokenColorRole.secondaryContainer; + static const TokenColorRole containerColor = + TokenColorRole.secondaryContainer; /// md.comp.icon-button.tonal.disabled.container.color static const TokenColorRole disabledContainerColor = TokenColorRole.onSurface; @@ -23,19 +24,23 @@ class TokenIconButtonTonal { static const double disabledIconOpacity = 0.38; /// md.comp.icon-button.tonal.focused.icon.color - static const TokenColorRole focusedIconColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole focusedIconColor = + TokenColorRole.onSecondaryContainer; /// md.comp.icon-button.tonal.focused.state-layer.color - static const TokenColorRole focusedStateLayerColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole focusedStateLayerColor = + TokenColorRole.onSecondaryContainer; /// md.comp.icon-button.tonal.focused.state-layer.opacity static const double focusedStateLayerOpacity = 0.10; /// md.comp.icon-button.tonal.hovered.icon.color - static const TokenColorRole hoveredIconColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole hoveredIconColor = + TokenColorRole.onSecondaryContainer; /// md.comp.icon-button.tonal.hovered.state-layer.color - static const TokenColorRole hoveredStateLayerColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole hoveredStateLayerColor = + TokenColorRole.onSecondaryContainer; /// md.comp.icon-button.tonal.hovered.state-layer.opacity static const double hoveredStateLayerOpacity = 0.08; @@ -44,10 +49,12 @@ class TokenIconButtonTonal { static const TokenColorRole iconColor = TokenColorRole.onSecondaryContainer; /// md.comp.icon-button.tonal.pressed.icon.color - static const TokenColorRole pressedIconColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole pressedIconColor = + TokenColorRole.onSecondaryContainer; /// md.comp.icon-button.tonal.pressed.state-layer.color - static const TokenColorRole pressedStateLayerColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole pressedStateLayerColor = + TokenColorRole.onSecondaryContainer; /// md.comp.icon-button.tonal.pressed.state-layer.opacity static const double pressedStateLayerOpacity = 0.10; @@ -56,48 +63,59 @@ class TokenIconButtonTonal { static const TokenColorRole selectedContainerColor = TokenColorRole.secondary; /// md.comp.icon-button.tonal.selected.focused.icon.color - static const TokenColorRole selectedFocusedIconColor = TokenColorRole.onSecondary; + static const TokenColorRole selectedFocusedIconColor = + TokenColorRole.onSecondary; /// md.comp.icon-button.tonal.selected.focused.state-layer.color - static const TokenColorRole selectedFocusedStateLayerColor = TokenColorRole.onSecondary; + static const TokenColorRole selectedFocusedStateLayerColor = + TokenColorRole.onSecondary; /// md.comp.icon-button.tonal.selected.hovered.icon.color - static const TokenColorRole selectedHoveredIconColor = TokenColorRole.onSecondary; + static const TokenColorRole selectedHoveredIconColor = + TokenColorRole.onSecondary; /// md.comp.icon-button.tonal.selected.hovered.state-layer.color - static const TokenColorRole selectedHoveredStateLayerColor = TokenColorRole.onSecondary; + static const TokenColorRole selectedHoveredStateLayerColor = + TokenColorRole.onSecondary; /// md.comp.icon-button.tonal.selected.icon.color static const TokenColorRole selectedIconColor = TokenColorRole.onSecondary; /// md.comp.icon-button.tonal.selected.pressed.icon.color - static const TokenColorRole selectedPressedIconColor = TokenColorRole.onSecondary; + static const TokenColorRole selectedPressedIconColor = + TokenColorRole.onSecondary; /// md.comp.icon-button.tonal.selected.pressed.state-layer.color - static const TokenColorRole selectedPressedStateLayerColor = TokenColorRole.onSecondary; + static const TokenColorRole selectedPressedStateLayerColor = + TokenColorRole.onSecondary; /// md.comp.icon-button.tonal.unselected.container.color - static const TokenColorRole unselectedContainerColor = TokenColorRole.secondaryContainer; + static const TokenColorRole unselectedContainerColor = + TokenColorRole.secondaryContainer; /// md.comp.icon-button.tonal.unselected.focused.icon.color - static const TokenColorRole unselectedFocusedIconColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole unselectedFocusedIconColor = + TokenColorRole.onSecondaryContainer; /// md.comp.icon-button.tonal.unselected.focused.state-layer.color static const TokenColorRole unselectedFocusedStateLayerColor = TokenColorRole.onSecondaryContainer; /// md.comp.icon-button.tonal.unselected.hovered.icon.color - static const TokenColorRole unselectedHoveredIconColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole unselectedHoveredIconColor = + TokenColorRole.onSecondaryContainer; /// md.comp.icon-button.tonal.unselected.hovered.state-layer.color static const TokenColorRole unselectedHoveredStateLayerColor = TokenColorRole.onSecondaryContainer; /// md.comp.icon-button.tonal.unselected.icon.color - static const TokenColorRole unselectedIconColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole unselectedIconColor = + TokenColorRole.onSecondaryContainer; /// md.comp.icon-button.tonal.unselected.pressed.icon.color - static const TokenColorRole unselectedPressedIconColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole unselectedPressedIconColor = + TokenColorRole.onSecondaryContainer; /// md.comp.icon-button.tonal.unselected.pressed.state-layer.color static const TokenColorRole unselectedPressedStateLayerColor = diff --git a/packages/material_ui/tool/gen_defaults/data/icon_button_xlarge.dart b/packages/material_ui/tool/gen_defaults/data/icon_button_xlarge.dart index fd487c74ce3c..bc2b7face1d0 100644 --- a/packages/material_ui/tool/gen_defaults/data/icon_button_xlarge.dart +++ b/packages/material_ui/tool/gen_defaults/data/icon_button_xlarge.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'shape_struct.dart'; diff --git a/packages/material_ui/tool/gen_defaults/data/icon_button_xsmall.dart b/packages/material_ui/tool/gen_defaults/data/icon_button_xsmall.dart index 0885270f1f20..7102e2444fc9 100644 --- a/packages/material_ui/tool/gen_defaults/data/icon_button_xsmall.dart +++ b/packages/material_ui/tool/gen_defaults/data/icon_button_xsmall.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'shape_struct.dart'; diff --git a/packages/material_ui/tool/gen_defaults/data/input_chip.dart b/packages/material_ui/tool/gen_defaults/data/input_chip.dart index ec8cd8dfba97..b34cd52bc6b7 100644 --- a/packages/material_ui/tool/gen_defaults/data/input_chip.dart +++ b/packages/material_ui/tool/gen_defaults/data/input_chip.dart @@ -2,10 +2,11 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; +import 'typescale_struct.dart'; class TokenInputChip { /// md.comp.input-chip.container.elevation @@ -30,13 +31,15 @@ class TokenInputChip { static const double disabledLabelTextOpacity = 0.38; /// md.comp.input-chip.disabled.selected.container.color - static const TokenColorRole disabledSelectedContainerColor = TokenColorRole.onSurface; + static const TokenColorRole disabledSelectedContainerColor = + TokenColorRole.onSurface; /// md.comp.input-chip.disabled.selected.container.opacity static const double disabledSelectedContainerOpacity = 0.12; /// md.comp.input-chip.disabled.unselected.outline.color - static const TokenColorRole disabledUnselectedOutlineColor = TokenColorRole.onSurface; + static const TokenColorRole disabledUnselectedOutlineColor = + TokenColorRole.onSurface; /// md.comp.input-chip.disabled.unselected.outline.opacity static const double disabledUnselectedOutlineOpacity = 0.12; @@ -53,113 +56,125 @@ class TokenInputChip { /// md.comp.input-chip.focus.indicator.thickness static const double focusIndicatorThickness = 3.00; - /// md.comp.input-chip.label-text.font - static const String labelTextFont = 'Roboto'; - - /// md.comp.input-chip.label-text.type - static const String labelTextTypeFontFamily = 'Roboto'; - - /// md.comp.input-chip.label-text.type - static const double labelTextTypeFontSize = 14.00; - - /// md.comp.input-chip.label-text.type - static const double labelTextTypeFontWeight = 500; - - /// md.comp.input-chip.label-text.type - static const double labelTextTypeLetterSpacing = 0.10; - /// md.comp.input-chip.label-text.type - static const double labelTextTypeLineHeight = 20.00; + static const TypescaleStruct labelTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 14.00, + fontWeight: 500, + lineHeight: 20.00, + letterSpacing: 0.10, + ); /// md.comp.input-chip.selected.container.color - static const TokenColorRole selectedContainerColor = TokenColorRole.secondaryContainer; + static const TokenColorRole selectedContainerColor = + TokenColorRole.secondaryContainer; /// md.comp.input-chip.selected.dragged.label-text.color - static const TokenColorRole selectedDraggedLabelTextColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole selectedDraggedLabelTextColor = + TokenColorRole.onSecondaryContainer; /// md.comp.input-chip.selected.dragged.state-layer.color - static const TokenColorRole selectedDraggedStateLayerColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole selectedDraggedStateLayerColor = + TokenColorRole.onSecondaryContainer; /// md.comp.input-chip.selected.dragged.state-layer.opacity static const double selectedDraggedStateLayerOpacity = 0.16; /// md.comp.input-chip.selected.focus.label-text.color - static const TokenColorRole selectedFocusLabelTextColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole selectedFocusLabelTextColor = + TokenColorRole.onSecondaryContainer; /// md.comp.input-chip.selected.focus.state-layer.color - static const TokenColorRole selectedFocusStateLayerColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole selectedFocusStateLayerColor = + TokenColorRole.onSecondaryContainer; /// md.comp.input-chip.selected.focus.state-layer.opacity static const double selectedFocusStateLayerOpacity = 0.10; /// md.comp.input-chip.selected.hover.label-text.color - static const TokenColorRole selectedHoverLabelTextColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole selectedHoverLabelTextColor = + TokenColorRole.onSecondaryContainer; /// md.comp.input-chip.selected.hover.state-layer.color - static const TokenColorRole selectedHoverStateLayerColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole selectedHoverStateLayerColor = + TokenColorRole.onSecondaryContainer; /// md.comp.input-chip.selected.hover.state-layer.opacity static const double selectedHoverStateLayerOpacity = 0.08; /// md.comp.input-chip.selected.label-text.color - static const TokenColorRole selectedLabelTextColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole selectedLabelTextColor = + TokenColorRole.onSecondaryContainer; /// md.comp.input-chip.selected.outline.width static const double selectedOutlineWidth = 0.00; /// md.comp.input-chip.selected.pressed.label-text.color - static const TokenColorRole selectedPressedLabelTextColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole selectedPressedLabelTextColor = + TokenColorRole.onSecondaryContainer; /// md.comp.input-chip.selected.pressed.state-layer.color - static const TokenColorRole selectedPressedStateLayerColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole selectedPressedStateLayerColor = + TokenColorRole.onSecondaryContainer; /// md.comp.input-chip.selected.pressed.state-layer.opacity static const double selectedPressedStateLayerOpacity = 0.10; /// md.comp.input-chip.unselected.dragged.label-text.color - static const TokenColorRole unselectedDraggedLabelTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedDraggedLabelTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.input-chip.unselected.dragged.state-layer.color - static const TokenColorRole unselectedDraggedStateLayerColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedDraggedStateLayerColor = + TokenColorRole.onSurfaceVariant; /// md.comp.input-chip.unselected.dragged.state-layer.opacity static const double unselectedDraggedStateLayerOpacity = 0.16; /// md.comp.input-chip.unselected.focus.label-text.color - static const TokenColorRole unselectedFocusLabelTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedFocusLabelTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.input-chip.unselected.focus.outline.color - static const TokenColorRole unselectedFocusOutlineColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedFocusOutlineColor = + TokenColorRole.onSurfaceVariant; /// md.comp.input-chip.unselected.focus.state-layer.color - static const TokenColorRole unselectedFocusStateLayerColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedFocusStateLayerColor = + TokenColorRole.onSurfaceVariant; /// md.comp.input-chip.unselected.focus.state-layer.opacity static const double unselectedFocusStateLayerOpacity = 0.10; /// md.comp.input-chip.unselected.hover.label-text.color - static const TokenColorRole unselectedHoverLabelTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedHoverLabelTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.input-chip.unselected.hover.state-layer.color - static const TokenColorRole unselectedHoverStateLayerColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedHoverStateLayerColor = + TokenColorRole.onSurfaceVariant; /// md.comp.input-chip.unselected.hover.state-layer.opacity static const double unselectedHoverStateLayerOpacity = 0.08; /// md.comp.input-chip.unselected.label-text.color - static const TokenColorRole unselectedLabelTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedLabelTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.input-chip.unselected.outline.color - static const TokenColorRole unselectedOutlineColor = TokenColorRole.outlineVariant; + static const TokenColorRole unselectedOutlineColor = + TokenColorRole.outlineVariant; /// md.comp.input-chip.unselected.outline.width static const double unselectedOutlineWidth = 1.00; /// md.comp.input-chip.unselected.pressed.label-text.color - static const TokenColorRole unselectedPressedLabelTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedPressedLabelTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.input-chip.unselected.pressed.state-layer.color - static const TokenColorRole unselectedPressedStateLayerColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedPressedStateLayerColor = + TokenColorRole.onSurfaceVariant; /// md.comp.input-chip.unselected.pressed.state-layer.opacity static const double unselectedPressedStateLayerOpacity = 0.10; @@ -180,7 +195,8 @@ class TokenInputChip { static const double withAvatarDisabledAvatarOpacity = 0.38; /// md.comp.input-chip.with-leading-icon.disabled.leading-icon.color - static const TokenColorRole withLeadingIconDisabledLeadingIconColor = TokenColorRole.onSurface; + static const TokenColorRole withLeadingIconDisabledLeadingIconColor = + TokenColorRole.onSurface; /// md.comp.input-chip.with-leading-icon.disabled.leading-icon.opacity static const double withLeadingIconDisabledLeadingIconOpacity = 0.38; @@ -193,13 +209,16 @@ class TokenInputChip { TokenColorRole.onSecondaryContainer; /// md.comp.input-chip.with-leading-icon.selected.focus.leading-icon.color - static const TokenColorRole withLeadingIconSelectedFocusLeadingIconColor = TokenColorRole.primary; + static const TokenColorRole withLeadingIconSelectedFocusLeadingIconColor = + TokenColorRole.primary; /// md.comp.input-chip.with-leading-icon.selected.hover.leading-icon.color - static const TokenColorRole withLeadingIconSelectedHoverLeadingIconColor = TokenColorRole.primary; + static const TokenColorRole withLeadingIconSelectedHoverLeadingIconColor = + TokenColorRole.primary; /// md.comp.input-chip.with-leading-icon.selected.leading-icon.color - static const TokenColorRole withLeadingIconSelectedLeadingIconColor = TokenColorRole.primary; + static const TokenColorRole withLeadingIconSelectedLeadingIconColor = + TokenColorRole.primary; /// md.comp.input-chip.with-leading-icon.selected.pressed.leading-icon.color static const TokenColorRole withLeadingIconSelectedPressedLeadingIconColor = @@ -226,7 +245,8 @@ class TokenInputChip { TokenColorRole.primary; /// md.comp.input-chip.with-trailing-icon.disabled.trailing-icon.color - static const TokenColorRole withTrailingIconDisabledTrailingIconColor = TokenColorRole.onSurface; + static const TokenColorRole withTrailingIconDisabledTrailingIconColor = + TokenColorRole.onSurface; /// md.comp.input-chip.with-trailing-icon.disabled.trailing-icon.opacity static const double withTrailingIconDisabledTrailingIconOpacity = 0.38; @@ -255,8 +275,8 @@ class TokenInputChip { static const double withTrailingIconTrailingIconSize = 18.00; /// md.comp.input-chip.with-trailing-icon.unselected.dragged.trailing-icon.color - static const TokenColorRole withTrailingIconUnselectedDraggedTrailingIconColor = - TokenColorRole.primary; + static const TokenColorRole + withTrailingIconUnselectedDraggedTrailingIconColor = TokenColorRole.primary; /// md.comp.input-chip.with-trailing-icon.unselected.focus.trailing-icon.color static const TokenColorRole withTrailingIconUnselectedFocusTrailingIconColor = @@ -267,7 +287,8 @@ class TokenInputChip { TokenColorRole.onSurfaceVariant; /// md.comp.input-chip.with-trailing-icon.unselected.pressed.trailing-icon.color - static const TokenColorRole withTrailingIconUnselectedPressedTrailingIconColor = + static const TokenColorRole + withTrailingIconUnselectedPressedTrailingIconColor = TokenColorRole.onSurfaceVariant; /// md.comp.input-chip.with-trailing-icon.unselected.trailing-icon.color diff --git a/packages/material_ui/tool/gen_defaults/data/list.dart b/packages/material_ui/tool/gen_defaults/data/list.dart index 81566df61ced..0f1e8386e420 100644 --- a/packages/material_ui/tool/gen_defaults/data/list.dart +++ b/packages/material_ui/tool/gen_defaults/data/list.dart @@ -2,10 +2,11 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; +import 'typescale_struct.dart'; class TokenList { /// md.comp.list.container.shape @@ -69,46 +70,53 @@ class TokenList { ); /// md.comp.list.list-item.disabled.container.expressive.shape - static const ShapeStruct listItemDisabledContainerExpressiveShape = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 4.00, - topRight: 4.00, - bottomLeft: 4.00, - bottomRight: 4.00, - ); + static const ShapeStruct listItemDisabledContainerExpressiveShape = + ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 4.00, + topRight: 4.00, + bottomLeft: 4.00, + bottomRight: 4.00, + ); /// md.comp.list.list-item.disabled.label-text.color - static const TokenColorRole listItemDisabledLabelTextColor = TokenColorRole.onSurface; + static const TokenColorRole listItemDisabledLabelTextColor = + TokenColorRole.onSurface; /// md.comp.list.list-item.disabled.label-text.opacity static const double listItemDisabledLabelTextOpacity = 0.38; /// md.comp.list.list-item.disabled.leading-icon.color - static const TokenColorRole listItemDisabledLeadingIconColor = TokenColorRole.onSurface; + static const TokenColorRole listItemDisabledLeadingIconColor = + TokenColorRole.onSurface; /// md.comp.list.list-item.disabled.leading-icon.opacity static const double listItemDisabledLeadingIconOpacity = 0.38; /// md.comp.list.list-item.disabled.overline.color - static const TokenColorRole listItemDisabledOverlineColor = TokenColorRole.onSurface; + static const TokenColorRole listItemDisabledOverlineColor = + TokenColorRole.onSurface; /// md.comp.list.list-item.disabled.overline.opacity static const double listItemDisabledOverlineOpacity = 0.38; /// md.comp.list.list-item.disabled.state-layer.color - static const TokenColorRole listItemDisabledStateLayerColor = TokenColorRole.onSurface; + static const TokenColorRole listItemDisabledStateLayerColor = + TokenColorRole.onSurface; /// md.comp.list.list-item.disabled.state-layer.opacity static const double listItemDisabledStateLayerOpacity = 0.10; /// md.comp.list.list-item.disabled.supporting-text.color - static const TokenColorRole listItemDisabledSupportingTextColor = TokenColorRole.onSurface; + static const TokenColorRole listItemDisabledSupportingTextColor = + TokenColorRole.onSurface; /// md.comp.list.list-item.disabled.supporting-text.opacity static const double listItemDisabledSupportingTextOpacity = 0.38; /// md.comp.list.list-item.disabled.trailing-icon.color - static const TokenColorRole listItemDisabledTrailingIconColor = TokenColorRole.onSurface; + static const TokenColorRole listItemDisabledTrailingIconColor = + TokenColorRole.onSurface; /// md.comp.list.list-item.disabled.trailing-icon.opacity static const double listItemDisabledTrailingIconOpacity = 0.38; @@ -117,22 +125,26 @@ class TokenList { static const double listItemDraggedContainerElevation = 8.00; /// md.comp.list.list-item.dragged.container.expressive.shape - static const ShapeStruct listItemDraggedContainerExpressiveShape = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 16.00, - topRight: 16.00, - bottomLeft: 16.00, - bottomRight: 16.00, - ); + static const ShapeStruct listItemDraggedContainerExpressiveShape = + ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 16.00, + topRight: 16.00, + bottomLeft: 16.00, + bottomRight: 16.00, + ); /// md.comp.list.list-item.dragged.label-text.color - static const TokenColorRole listItemDraggedLabelTextColor = TokenColorRole.onSurface; + static const TokenColorRole listItemDraggedLabelTextColor = + TokenColorRole.onSurface; /// md.comp.list.list-item.dragged.leading-icon.icon.color - static const TokenColorRole listItemDraggedLeadingIconIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole listItemDraggedLeadingIconIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.list.list-item.dragged.state-layer.color - static const TokenColorRole listItemDraggedStateLayerColor = TokenColorRole.onSurface; + static const TokenColorRole listItemDraggedStateLayerColor = + TokenColorRole.onSurface; /// md.comp.list.list-item.dragged.state-layer.opacity static const double listItemDraggedStateLayerOpacity = 0.16; @@ -141,74 +153,75 @@ class TokenList { static const TokenColorRole listItemDraggedTrailingIconIconColor = TokenColorRole.onSurfaceVariant; - /// md.comp.list.list-item.focused.container.expressive.shape - static const ShapeStruct listItemFocusedContainerExpressiveShape = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 16.00, - topRight: 16.00, - bottomLeft: 16.00, - bottomRight: 16.00, - ); - /// md.comp.list.list-item.focus.label-text.color - static const TokenColorRole listItemFocusLabelTextColor = TokenColorRole.onSurface; + static const TokenColorRole listItemFocusLabelTextColor = + TokenColorRole.onSurface; /// md.comp.list.list-item.focus.leading-icon.icon.color - static const TokenColorRole listItemFocusLeadingIconIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole listItemFocusLeadingIconIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.list.list-item.focus.state-layer.color - static const TokenColorRole listItemFocusStateLayerColor = TokenColorRole.onSurface; + static const TokenColorRole listItemFocusStateLayerColor = + TokenColorRole.onSurface; /// md.comp.list.list-item.focus.state-layer.opacity static const double listItemFocusStateLayerOpacity = 0.10; /// md.comp.list.list-item.focus.trailing-icon.icon.color - static const TokenColorRole listItemFocusTrailingIconIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole listItemFocusTrailingIconIconColor = + TokenColorRole.onSurfaceVariant; - /// md.comp.list.list-item.hovered.container.expressive.shape - static const ShapeStruct listItemHoveredContainerExpressiveShape = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 12.00, - topRight: 12.00, - bottomLeft: 12.00, - bottomRight: 12.00, - ); + /// md.comp.list.list-item.focused.container.expressive.shape + static const ShapeStruct listItemFocusedContainerExpressiveShape = + ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 16.00, + topRight: 16.00, + bottomLeft: 16.00, + bottomRight: 16.00, + ); /// md.comp.list.list-item.hover.label-text.color - static const TokenColorRole listItemHoverLabelTextColor = TokenColorRole.onSurface; + static const TokenColorRole listItemHoverLabelTextColor = + TokenColorRole.onSurface; /// md.comp.list.list-item.hover.leading-icon.icon.color - static const TokenColorRole listItemHoverLeadingIconIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole listItemHoverLeadingIconIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.list.list-item.hover.state-layer.color - static const TokenColorRole listItemHoverStateLayerColor = TokenColorRole.onSurface; + static const TokenColorRole listItemHoverStateLayerColor = + TokenColorRole.onSurface; /// md.comp.list.list-item.hover.state-layer.opacity static const double listItemHoverStateLayerOpacity = 0.08; /// md.comp.list.list-item.hover.trailing-icon.icon.color - static const TokenColorRole listItemHoverTrailingIconIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole listItemHoverTrailingIconIconColor = + TokenColorRole.onSurfaceVariant; + + /// md.comp.list.list-item.hovered.container.expressive.shape + static const ShapeStruct listItemHoveredContainerExpressiveShape = + ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 12.00, + topRight: 12.00, + bottomLeft: 12.00, + bottomRight: 12.00, + ); /// md.comp.list.list-item.label-text.color static const TokenColorRole listItemLabelTextColor = TokenColorRole.onSurface; - /// md.comp.list.list-item.label-text.font - static const String listItemLabelTextFont = 'Roboto'; - - /// md.comp.list.list-item.label-text.type - static const String listItemLabelTextTypeFontFamily = 'Roboto'; - /// md.comp.list.list-item.label-text.type - static const double listItemLabelTextTypeFontSize = 16.00; - - /// md.comp.list.list-item.label-text.type - static const double listItemLabelTextTypeFontWeight = 400; - - /// md.comp.list.list-item.label-text.type - static const double listItemLabelTextTypeLetterSpacing = 0.50; - - /// md.comp.list.list-item.label-text.type - static const double listItemLabelTextTypeLineHeight = 24.00; + static const TypescaleStruct listItemLabelTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 16.00, + fontWeight: 400, + lineHeight: 24.00, + letterSpacing: 0.50, + ); /// md.comp.list.list-item.large.leading-video.height static const double listItemLargeLeadingVideoHeight = 64.00; @@ -217,28 +230,21 @@ class TokenList { static const double listItemLargeLeadingVideoWidth = 114.00; /// md.comp.list.list-item.leading-avatar.color - static const TokenColorRole listItemLeadingAvatarColor = TokenColorRole.primaryContainer; + static const TokenColorRole listItemLeadingAvatarColor = + TokenColorRole.primaryContainer; /// md.comp.list.list-item.leading-avatar-label.color - static const TokenColorRole listItemLeadingAvatarLabelColor = TokenColorRole.onPrimaryContainer; - - /// md.comp.list.list-item.leading-avatar-label.font - static const String listItemLeadingAvatarLabelFont = 'Roboto'; + static const TokenColorRole listItemLeadingAvatarLabelColor = + TokenColorRole.onPrimaryContainer; /// md.comp.list.list-item.leading-avatar-label.type - static const String listItemLeadingAvatarLabelTypeFontFamily = 'Roboto'; - - /// md.comp.list.list-item.leading-avatar-label.type - static const double listItemLeadingAvatarLabelTypeFontSize = 16.00; - - /// md.comp.list.list-item.leading-avatar-label.type - static const double listItemLeadingAvatarLabelTypeFontWeight = 500; - - /// md.comp.list.list-item.leading-avatar-label.type - static const double listItemLeadingAvatarLabelTypeLetterSpacing = 0.15; - - /// md.comp.list.list-item.leading-avatar-label.type - static const double listItemLeadingAvatarLabelTypeLineHeight = 24.00; + static const TypescaleStruct listItemLeadingAvatarLabelType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 16.00, + fontWeight: 500, + lineHeight: 24.00, + letterSpacing: 0.15, + ); /// md.comp.list.list-item.leading-avatar.shape static const ShapeStruct listItemLeadingAvatarShape = ShapeStruct( @@ -253,7 +259,8 @@ class TokenList { static const double listItemLeadingAvatarSize = 40.00; /// md.comp.list.list-item.leading-icon.color - static const TokenColorRole listItemLeadingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole listItemLeadingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.list.list-item.leading-icon.expressive.size static const double listItemLeadingIconExpressiveSize = 20.00; @@ -304,43 +311,39 @@ class TokenList { static const double listItemOneLineContainerHeight = 56.00; /// md.comp.list.list-item.overline.color - static const TokenColorRole listItemOverlineColor = TokenColorRole.onSurfaceVariant; - - /// md.comp.list.list-item.overline.font - static const String listItemOverlineFont = 'Roboto'; - - /// md.comp.list.list-item.overline.type - static const String listItemOverlineTypeFontFamily = 'Roboto'; - - /// md.comp.list.list-item.overline.type - static const double listItemOverlineTypeFontSize = 11.00; - - /// md.comp.list.list-item.overline.type - static const double listItemOverlineTypeFontWeight = 500; - - /// md.comp.list.list-item.overline.type - static const double listItemOverlineTypeLetterSpacing = 0.50; + static const TokenColorRole listItemOverlineColor = + TokenColorRole.onSurfaceVariant; /// md.comp.list.list-item.overline.type - static const double listItemOverlineTypeLineHeight = 16.00; + static const TypescaleStruct listItemOverlineType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 11.00, + fontWeight: 500, + lineHeight: 16.00, + letterSpacing: 0.50, + ); /// md.comp.list.list-item.pressed.container.expressive.shape - static const ShapeStruct listItemPressedContainerExpressiveShape = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 16.00, - topRight: 16.00, - bottomLeft: 16.00, - bottomRight: 16.00, - ); + static const ShapeStruct listItemPressedContainerExpressiveShape = + ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 16.00, + topRight: 16.00, + bottomLeft: 16.00, + bottomRight: 16.00, + ); /// md.comp.list.list-item.pressed.label-text.color - static const TokenColorRole listItemPressedLabelTextColor = TokenColorRole.onSurface; + static const TokenColorRole listItemPressedLabelTextColor = + TokenColorRole.onSurface; /// md.comp.list.list-item.pressed.leading-icon.icon.color - static const TokenColorRole listItemPressedLeadingIconIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole listItemPressedLeadingIconIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.list.list-item.pressed.state-layer.color - static const TokenColorRole listItemPressedStateLayerColor = TokenColorRole.onSurface; + static const TokenColorRole listItemPressedStateLayerColor = + TokenColorRole.onSurface; /// md.comp.list.list-item.pressed.state-layer.opacity static const double listItemPressedStateLayerOpacity = 0.10; @@ -350,19 +353,22 @@ class TokenList { TokenColorRole.onSurfaceVariant; /// md.comp.list.list-item.segmented.container.color - static const TokenColorRole listItemSegmentedContainerColor = TokenColorRole.surface; + static const TokenColorRole listItemSegmentedContainerColor = + TokenColorRole.surface; /// md.comp.list.list-item.selected.container.color - static const TokenColorRole listItemSelectedContainerColor = TokenColorRole.secondaryContainer; + static const TokenColorRole listItemSelectedContainerColor = + TokenColorRole.secondaryContainer; /// md.comp.list.list-item.selected.container.expressive.shape - static const ShapeStruct listItemSelectedContainerExpressiveShape = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 16.00, - topRight: 16.00, - bottomLeft: 16.00, - bottomRight: 16.00, - ); + static const ShapeStruct listItemSelectedContainerExpressiveShape = + ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 16.00, + topRight: 16.00, + bottomLeft: 16.00, + bottomRight: 16.00, + ); /// md.comp.list.list-item.selected.container.shape static const ShapeStruct listItemSelectedContainerShape = ShapeStruct( @@ -374,40 +380,46 @@ class TokenList { ); /// md.comp.list.list-item.selected.disabled.container.color - static const TokenColorRole listItemSelectedDisabledContainerColor = TokenColorRole.onSurface; + static const TokenColorRole listItemSelectedDisabledContainerColor = + TokenColorRole.onSurface; /// md.comp.list.list-item.selected.disabled.container.expressive.shape - static const ShapeStruct listItemSelectedDisabledContainerExpressiveShape = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 16.00, - topRight: 16.00, - bottomLeft: 16.00, - bottomRight: 16.00, - ); + static const ShapeStruct listItemSelectedDisabledContainerExpressiveShape = + ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 16.00, + topRight: 16.00, + bottomLeft: 16.00, + bottomRight: 16.00, + ); /// md.comp.list.list-item.selected.disabled.container.opacity static const double listItemSelectedDisabledContainerOpacity = 0.38; /// md.comp.list.list-item.selected.disabled.label-text.color - static const TokenColorRole listItemSelectedDisabledLabelTextColor = TokenColorRole.onSurface; + static const TokenColorRole listItemSelectedDisabledLabelTextColor = + TokenColorRole.onSurface; /// md.comp.list.list-item.selected.disabled.label-text.opacity static const double listItemSelectedDisabledLabelTextOpacity = 0.38; /// md.comp.list.list-item.selected.disabled.leading-icon.color - static const TokenColorRole listItemSelectedDisabledLeadingIconColor = TokenColorRole.onSurface; + static const TokenColorRole listItemSelectedDisabledLeadingIconColor = + TokenColorRole.onSurface; /// md.comp.list.list-item.selected.disabled.leading-icon.opacity static const double listItemSelectedDisabledLeadingIconOpacity = 0.38; /// md.comp.list.list-item.selected.disabled.overline.color - static const TokenColorRole listItemSelectedDisabledOverlineColor = TokenColorRole.onSurface; + static const TokenColorRole listItemSelectedDisabledOverlineColor = + TokenColorRole.onSurface; /// md.comp.list.list-item.selected.disabled.overline.opacity static const double listItemSelectedDisabledOverlineOpacity = 0.38; /// md.comp.list.list-item.selected.disabled.state-layer.color - static const TokenColorRole listItemSelectedDisabledStateLayerColor = TokenColorRole.onSurface; + static const TokenColorRole listItemSelectedDisabledStateLayerColor = + TokenColorRole.onSurface; /// md.comp.list.list-item.selected.disabled.state-layer.opacity static const double listItemSelectedDisabledStateLayerOpacity = 0.10; @@ -420,127 +432,148 @@ class TokenList { static const double listItemSelectedDisabledSupportingTextOpacity = 0.38; /// md.comp.list.list-item.selected.disabled.trailing-icon.color - static const TokenColorRole listItemSelectedDisabledTrailingIconColor = TokenColorRole.onSurface; + static const TokenColorRole listItemSelectedDisabledTrailingIconColor = + TokenColorRole.onSurface; /// md.comp.list.list-item.selected.disabled.trailing-icon.opacity static const double listItemSelectedDisabledTrailingIconOpacity = 0.38; /// md.comp.list.list-item.selected.disabled.trailing-supporting-text.color - static const TokenColorRole listItemSelectedDisabledTrailingSupportingTextColor = + static const TokenColorRole + listItemSelectedDisabledTrailingSupportingTextColor = TokenColorRole.onSurface; /// md.comp.list.list-item.selected.disabled.trailing-supporting-text.opacity - static const double listItemSelectedDisabledTrailingSupportingTextOpacity = 0.38; + static const double listItemSelectedDisabledTrailingSupportingTextOpacity = + 0.38; /// md.comp.list.list-item.selected.dragged.container.expressive.shape - static const ShapeStruct listItemSelectedDraggedContainerExpressiveShape = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 16.00, - topRight: 16.00, - bottomLeft: 16.00, - bottomRight: 16.00, - ); + static const ShapeStruct listItemSelectedDraggedContainerExpressiveShape = + ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 16.00, + topRight: 16.00, + bottomLeft: 16.00, + bottomRight: 16.00, + ); /// md.comp.list.list-item.selected.dragged.label-text.color static const TokenColorRole listItemSelectedDraggedLabelTextColor = TokenColorRole.onSecondaryContainer; /// md.comp.list.list-item.selected.dragged.leading-icon.color - static const TokenColorRole listItemSelectedDraggedLeadingIconColor = TokenColorRole.onSurface; + static const TokenColorRole listItemSelectedDraggedLeadingIconColor = + TokenColorRole.onSurface; /// md.comp.list.list-item.selected.dragged.state-layer.color - static const TokenColorRole listItemSelectedDraggedStateLayerColor = TokenColorRole.onSurface; + static const TokenColorRole listItemSelectedDraggedStateLayerColor = + TokenColorRole.onSurface; /// md.comp.list.list-item.selected.dragged.state-layer.opacity static const double listItemSelectedDraggedStateLayerOpacity = 0.16; /// md.comp.list.list-item.selected.dragged.trailing-icon.color - static const TokenColorRole listItemSelectedDraggedTrailingIconColor = TokenColorRole.onSurface; - - /// md.comp.list.list-item.selected.focused.container.expressive.shape - static const ShapeStruct listItemSelectedFocusedContainerExpressiveShape = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 16.00, - topRight: 16.00, - bottomLeft: 16.00, - bottomRight: 16.00, - ); + static const TokenColorRole listItemSelectedDraggedTrailingIconColor = + TokenColorRole.onSurface; /// md.comp.list.list-item.selected.focus.label-text.color static const TokenColorRole listItemSelectedFocusLabelTextColor = TokenColorRole.onSecondaryContainer; /// md.comp.list.list-item.selected.focus.leading-icon.color - static const TokenColorRole listItemSelectedFocusLeadingIconColor = TokenColorRole.onSurface; + static const TokenColorRole listItemSelectedFocusLeadingIconColor = + TokenColorRole.onSurface; /// md.comp.list.list-item.selected.focus.state-layer.color - static const TokenColorRole listItemSelectedFocusStateLayerColor = TokenColorRole.onSurface; + static const TokenColorRole listItemSelectedFocusStateLayerColor = + TokenColorRole.onSurface; /// md.comp.list.list-item.selected.focus.state-layer.opacity static const double listItemSelectedFocusStateLayerOpacity = 0.10; /// md.comp.list.list-item.selected.focus.trailing-icon.color - static const TokenColorRole listItemSelectedFocusTrailingIconColor = TokenColorRole.onSurface; + static const TokenColorRole listItemSelectedFocusTrailingIconColor = + TokenColorRole.onSurface; - /// md.comp.list.list-item.selected.hovered.container.expressive.shape - static const ShapeStruct listItemSelectedHoveredContainerExpressiveShape = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 16.00, - topRight: 16.00, - bottomLeft: 16.00, - bottomRight: 16.00, - ); + /// md.comp.list.list-item.selected.focused.container.expressive.shape + static const ShapeStruct listItemSelectedFocusedContainerExpressiveShape = + ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 16.00, + topRight: 16.00, + bottomLeft: 16.00, + bottomRight: 16.00, + ); /// md.comp.list.list-item.selected.hover.label-text.color static const TokenColorRole listItemSelectedHoverLabelTextColor = TokenColorRole.onSecondaryContainer; /// md.comp.list.list-item.selected.hover.leading-icon.color - static const TokenColorRole listItemSelectedHoverLeadingIconColor = TokenColorRole.onSurface; + static const TokenColorRole listItemSelectedHoverLeadingIconColor = + TokenColorRole.onSurface; /// md.comp.list.list-item.selected.hover.state-layer.color - static const TokenColorRole listItemSelectedHoverStateLayerColor = TokenColorRole.onSurface; + static const TokenColorRole listItemSelectedHoverStateLayerColor = + TokenColorRole.onSurface; /// md.comp.list.list-item.selected.hover.state-layer.opacity static const double listItemSelectedHoverStateLayerOpacity = 0.08; /// md.comp.list.list-item.selected.hover.trailing-icon.color - static const TokenColorRole listItemSelectedHoverTrailingIconColor = TokenColorRole.onSurface; + static const TokenColorRole listItemSelectedHoverTrailingIconColor = + TokenColorRole.onSurface; + + /// md.comp.list.list-item.selected.hovered.container.expressive.shape + static const ShapeStruct listItemSelectedHoveredContainerExpressiveShape = + ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 16.00, + topRight: 16.00, + bottomLeft: 16.00, + bottomRight: 16.00, + ); /// md.comp.list.list-item.selected.label-text.color - static const TokenColorRole listItemSelectedLabelTextColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole listItemSelectedLabelTextColor = + TokenColorRole.onSecondaryContainer; /// md.comp.list.list-item.selected.leading-icon.color static const TokenColorRole listItemSelectedLeadingIconColor = TokenColorRole.onSecondaryContainer; /// md.comp.list.list-item.selected.overline.color - static const TokenColorRole listItemSelectedOverlineColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole listItemSelectedOverlineColor = + TokenColorRole.onSecondaryContainer; /// md.comp.list.list-item.selected.pressed.container.expressive.shape - static const ShapeStruct listItemSelectedPressedContainerExpressiveShape = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 16.00, - topRight: 16.00, - bottomLeft: 16.00, - bottomRight: 16.00, - ); + static const ShapeStruct listItemSelectedPressedContainerExpressiveShape = + ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 16.00, + topRight: 16.00, + bottomLeft: 16.00, + bottomRight: 16.00, + ); /// md.comp.list.list-item.selected.pressed.label-text.color static const TokenColorRole listItemSelectedPressedLabelTextColor = TokenColorRole.onSecondaryContainer; /// md.comp.list.list-item.selected.pressed.leading-icon.color - static const TokenColorRole listItemSelectedPressedLeadingIconColor = TokenColorRole.onSurface; + static const TokenColorRole listItemSelectedPressedLeadingIconColor = + TokenColorRole.onSurface; /// md.comp.list.list-item.selected.pressed.state-layer.color - static const TokenColorRole listItemSelectedPressedStateLayerColor = TokenColorRole.onSurface; + static const TokenColorRole listItemSelectedPressedStateLayerColor = + TokenColorRole.onSurface; /// md.comp.list.list-item.selected.pressed.state-layer.opacity static const double listItemSelectedPressedStateLayerOpacity = 0.10; /// md.comp.list.list-item.selected.pressed.trailing-icon.color - static const TokenColorRole listItemSelectedPressedTrailingIconColor = TokenColorRole.onSurface; + static const TokenColorRole listItemSelectedPressedTrailingIconColor = + TokenColorRole.onSurface; /// md.comp.list.list-item.selected.supporting-text.color static const TokenColorRole listItemSelectedSupportingTextColor = @@ -561,25 +594,17 @@ class TokenList { static const double listItemSmallLeadingVideoWidth = 100.00; /// md.comp.list.list-item.supporting-text.color - static const TokenColorRole listItemSupportingTextColor = TokenColorRole.onSurfaceVariant; - - /// md.comp.list.list-item.supporting-text.font - static const String listItemSupportingTextFont = 'Roboto'; - - /// md.comp.list.list-item.supporting-text.type - static const String listItemSupportingTextTypeFontFamily = 'Roboto'; - - /// md.comp.list.list-item.supporting-text.type - static const double listItemSupportingTextTypeFontSize = 14.00; - - /// md.comp.list.list-item.supporting-text.type - static const double listItemSupportingTextTypeFontWeight = 400; - - /// md.comp.list.list-item.supporting-text.type - static const double listItemSupportingTextTypeLetterSpacing = 0.25; + static const TokenColorRole listItemSupportingTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.list.list-item.supporting-text.type - static const double listItemSupportingTextTypeLineHeight = 20.00; + static const TypescaleStruct listItemSupportingTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 14.00, + fontWeight: 400, + lineHeight: 20.00, + letterSpacing: 0.25, + ); /// md.comp.list.list-item.three-line.container.height static const double listItemThreeLineContainerHeight = 88.00; @@ -588,7 +613,8 @@ class TokenList { static const double listItemTopSpace = 10.00; /// md.comp.list.list-item.trailing-icon.color - static const TokenColorRole listItemTrailingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole listItemTrailingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.list.list-item.trailing-icon.expressive.size static const double listItemTrailingIconExpressiveSize = 20.00; @@ -600,31 +626,25 @@ class TokenList { static const double listItemTrailingSpace = 16.00; /// md.comp.list.list-item.trailing-supporting-text.color - static const TokenColorRole listItemTrailingSupportingTextColor = TokenColorRole.onSurfaceVariant; - - /// md.comp.list.list-item.trailing-supporting-text.font - static const String listItemTrailingSupportingTextFont = 'Roboto'; - - /// md.comp.list.list-item.trailing-supporting-text.type - static const String listItemTrailingSupportingTextTypeFontFamily = 'Roboto'; - - /// md.comp.list.list-item.trailing-supporting-text.type - static const double listItemTrailingSupportingTextTypeFontSize = 11.00; - - /// md.comp.list.list-item.trailing-supporting-text.type - static const double listItemTrailingSupportingTextTypeFontWeight = 500; - - /// md.comp.list.list-item.trailing-supporting-text.type - static const double listItemTrailingSupportingTextTypeLetterSpacing = 0.50; + static const TokenColorRole listItemTrailingSupportingTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.list.list-item.trailing-supporting-text.type - static const double listItemTrailingSupportingTextTypeLineHeight = 16.00; + static const TypescaleStruct listItemTrailingSupportingTextType = + TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 11.00, + fontWeight: 500, + lineHeight: 16.00, + letterSpacing: 0.50, + ); /// md.comp.list.list-item.two-line.container.height static const double listItemTwoLineContainerHeight = 72.00; /// md.comp.list.list-item.unselected.trailing-icon.color - static const TokenColorRole listItemUnselectedTrailingIconColor = TokenColorRole.onSurface; + static const TokenColorRole listItemUnselectedTrailingIconColor = + TokenColorRole.onSurface; /// md.comp.list.segmented.gap static const double segmentedGap = 2.00; diff --git a/packages/material_ui/tool/gen_defaults/data/list_expand.dart b/packages/material_ui/tool/gen_defaults/data/list_expand.dart index 0f18b366595c..32822b7ff742 100644 --- a/packages/material_ui/tool/gen_defaults/data/list_expand.dart +++ b/packages/material_ui/tool/gen_defaults/data/list_expand.dart @@ -2,17 +2,19 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; class TokenListExpand { /// md.comp.list.expand.collapsed.list-item.trailing-icon.container.color - static const TokenColorRole collapsedListItemTrailingIconContainerColor = TokenColorRole.surface; + static const TokenColorRole collapsedListItemTrailingIconContainerColor = + TokenColorRole.surface; /// md.comp.list.expand.collapsed.list-item.trailing-icon.icon.color - static const TokenColorRole collapsedListItemTrailingIconIconColor = TokenColorRole.onSurface; + static const TokenColorRole collapsedListItemTrailingIconIconColor = + TokenColorRole.onSurface; /// md.comp.list.expand.container.shape static const ShapeStruct containerShape = ShapeStruct( @@ -24,17 +26,20 @@ class TokenListExpand { ); /// md.comp.list.expand.expanded.list-item.container.color - static const TokenColorRole expandedListItemContainerColor = TokenColorRole.surface; + static const TokenColorRole expandedListItemContainerColor = + TokenColorRole.surface; /// md.comp.list.expand.expanded.list-item.segmented.container.color - static const TokenColorRole expandedListItemSegmentedContainerColor = TokenColorRole.surface; + static const TokenColorRole expandedListItemSegmentedContainerColor = + TokenColorRole.surface; /// md.comp.list.expand.expanded.list-item.trailing-icon.container.color static const TokenColorRole expandedListItemTrailingIconContainerColor = TokenColorRole.surfaceContainer; /// md.comp.list.expand.expanded.list-item.trailing-icon.icon.color - static const TokenColorRole expandedListItemTrailingIconIconColor = TokenColorRole.onSurface; + static const TokenColorRole expandedListItemTrailingIconIconColor = + TokenColorRole.onSurface; /// md.comp.list.expand.trailing-icon.shape static const ShapeStruct trailingIconShape = ShapeStruct( diff --git a/packages/material_ui/tool/gen_defaults/data/list_reorder.dart b/packages/material_ui/tool/gen_defaults/data/list_reorder.dart index 318be4e95556..ab6c6a2cdf69 100644 --- a/packages/material_ui/tool/gen_defaults/data/list_reorder.dart +++ b/packages/material_ui/tool/gen_defaults/data/list_reorder.dart @@ -2,26 +2,31 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; class TokenListReorder { /// md.comp.list.reorder.list-item.container.color - static const TokenColorRole listItemContainerColor = TokenColorRole.tertiaryContainer; + static const TokenColorRole listItemContainerColor = + TokenColorRole.tertiaryContainer; /// md.comp.list.reorder.list-item.drop-zone.color - static const TokenColorRole listItemDropZoneColor = TokenColorRole.surfaceContainerLow; + static const TokenColorRole listItemDropZoneColor = + TokenColorRole.surfaceContainerLow; /// md.comp.list.reorder.list-item.label-text.color - static const TokenColorRole listItemLabelTextColor = TokenColorRole.onTertiaryContainer; + static const TokenColorRole listItemLabelTextColor = + TokenColorRole.onTertiaryContainer; /// md.comp.list.reorder.list-item.leading-icon.color - static const TokenColorRole listItemLeadingIconColor = TokenColorRole.onTertiaryContainer; + static const TokenColorRole listItemLeadingIconColor = + TokenColorRole.onTertiaryContainer; /// md.comp.list.reorder.list-item.overline.color - static const TokenColorRole listItemOverlineColor = TokenColorRole.onTertiaryContainer; + static const TokenColorRole listItemOverlineColor = + TokenColorRole.onTertiaryContainer; /// md.comp.list.reorder.list-item.shadow-color static const TokenColorRole listItemShadowColor = TokenColorRole.shadow; @@ -36,16 +41,19 @@ class TokenListReorder { ); /// md.comp.list.reorder.list-item.state-layer.color - static const TokenColorRole listItemStateLayerColor = TokenColorRole.onTertiaryContainer; + static const TokenColorRole listItemStateLayerColor = + TokenColorRole.onTertiaryContainer; /// md.comp.list.reorder.list-item.state-layer.opacity static const double listItemStateLayerOpacity = 0.10; /// md.comp.list.reorder.list-item.supporting-text.color - static const TokenColorRole listItemSupportingTextColor = TokenColorRole.onTertiaryContainer; + static const TokenColorRole listItemSupportingTextColor = + TokenColorRole.onTertiaryContainer; /// md.comp.list.reorder.list-item.trailing-icon.color - static const TokenColorRole listItemTrailingIconColor = TokenColorRole.onTertiaryContainer; + static const TokenColorRole listItemTrailingIconColor = + TokenColorRole.onTertiaryContainer; /// md.comp.list.reorder.list-item.trailing-supporting-text.color static const TokenColorRole listItemTrailingSupportingTextColor = diff --git a/packages/material_ui/tool/gen_defaults/data/list_reveal.dart b/packages/material_ui/tool/gen_defaults/data/list_reveal.dart index 17f63b11bd82..77e708e0a677 100644 --- a/packages/material_ui/tool/gen_defaults/data/list_reveal.dart +++ b/packages/material_ui/tool/gen_defaults/data/list_reveal.dart @@ -2,14 +2,15 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; class TokenListReveal { /// md.comp.list.reveal.list-item.action.icon-button.container.color - static const TokenColorRole listItemActionIconButtonContainerColor = TokenColorRole.primary; + static const TokenColorRole listItemActionIconButtonContainerColor = + TokenColorRole.primary; /// md.comp.list.reveal.list-item.action.icon-button.focused.state-layer.color static const TokenColorRole listItemActionIconButtonFocusedStateLayerColor = @@ -20,7 +21,8 @@ class TokenListReveal { TokenColorRole.onPrimary; /// md.comp.list.reveal.list-item.action.icon-button.icon.color - static const TokenColorRole listItemActionIconButtonIconColor = TokenColorRole.onPrimary; + static const TokenColorRole listItemActionIconButtonIconColor = + TokenColorRole.onPrimary; /// md.comp.list.reveal.list-item.action.icon-button.pressed.state-layer.color static const TokenColorRole listItemActionIconButtonPressedStateLayerColor = @@ -48,7 +50,8 @@ class TokenListReveal { ); /// md.comp.list.reveal.list-item.icon-button.container.color - static const TokenColorRole listItemIconButtonContainerColor = TokenColorRole.secondaryContainer; + static const TokenColorRole listItemIconButtonContainerColor = + TokenColorRole.secondaryContainer; /// md.comp.list.reveal.list-item.icon-button.container.shape static const ShapeStruct listItemIconButtonContainerShape = ShapeStruct( @@ -68,7 +71,8 @@ class TokenListReveal { TokenColorRole.onSecondaryContainer; /// md.comp.list.reveal.list-item.icon-button.icon.color - static const TokenColorRole listItemIconButtonIconColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole listItemIconButtonIconColor = + TokenColorRole.onSecondaryContainer; /// md.comp.list.reveal.list-item.icon-button.pressed.state-layer.color static const TokenColorRole listItemIconButtonPressedStateLayerColor = diff --git a/packages/material_ui/tool/gen_defaults/data/loading_indicator.dart b/packages/material_ui/tool/gen_defaults/data/loading_indicator.dart index 710fc2872dd1..58936d66a748 100644 --- a/packages/material_ui/tool/gen_defaults/data/loading_indicator.dart +++ b/packages/material_ui/tool/gen_defaults/data/loading_indicator.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; @@ -15,10 +15,12 @@ class TokenLoadingIndicator { static const double activeIndicatorSize = 38.00; /// md.comp.loading-indicator.contained.active-indicator.color - static const TokenColorRole containedActiveIndicatorColor = TokenColorRole.onPrimaryContainer; + static const TokenColorRole containedActiveIndicatorColor = + TokenColorRole.onPrimaryContainer; /// md.comp.loading-indicator.contained.container.color - static const TokenColorRole containedContainerColor = TokenColorRole.primaryContainer; + static const TokenColorRole containedContainerColor = + TokenColorRole.primaryContainer; /// md.comp.loading-indicator.container.height static const double containerHeight = 48.00; diff --git a/packages/material_ui/tool/gen_defaults/data/measurement.dart b/packages/material_ui/tool/gen_defaults/data/measurement.dart index 729ea8d7989b..7db2d54992c6 100644 --- a/packages/material_ui/tool/gen_defaults/data/measurement.dart +++ b/packages/material_ui/tool/gen_defaults/data/measurement.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 class TokenMeasurement { /// md.sys.measurement.space0 diff --git a/packages/material_ui/tool/gen_defaults/data/menu.dart b/packages/material_ui/tool/gen_defaults/data/menu.dart index 263814d2bc7d..2dbe840cde73 100644 --- a/packages/material_ui/tool/gen_defaults/data/menu.dart +++ b/packages/material_ui/tool/gen_defaults/data/menu.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; diff --git a/packages/material_ui/tool/gen_defaults/data/menus.dart b/packages/material_ui/tool/gen_defaults/data/menus.dart index 55fd00d67d45..3b8835eb7265 100644 --- a/packages/material_ui/tool/gen_defaults/data/menus.dart +++ b/packages/material_ui/tool/gen_defaults/data/menus.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; @@ -69,13 +69,14 @@ class TokenMenus { static const double horizontalIconOnlyMenuItemLeadingSpace = 16.00; /// md.comp.menus.horizontal.icon-only.menu-item.selected.shape - static const ShapeStruct horizontalIconOnlyMenuItemSelectedShape = ShapeStruct( - family: 'SHAPE_FAMILY_CIRCULAR', - topLeft: 0.00, - topRight: 0.00, - bottomLeft: 0.00, - bottomRight: 0.00, - ); + static const ShapeStruct horizontalIconOnlyMenuItemSelectedShape = + ShapeStruct( + family: 'SHAPE_FAMILY_CIRCULAR', + topLeft: 0.00, + topRight: 0.00, + bottomLeft: 0.00, + bottomRight: 0.00, + ); /// md.comp.menus.horizontal.icon-only.menu-item.top-space static const double horizontalIconOnlyMenuItemTopSpace = 16.00; @@ -168,13 +169,14 @@ class TokenMenus { static const double menuItemBottomSpace = 8.00; /// md.comp.menus.menu-item.first-child.inner-corner.corner-size - static const ShapeStruct menuItemFirstChildInnerCornerCornerSize = ShapeStruct( - family: 'SHAPE_FAMILY_ROUNDED_CORNERS', - topLeft: 4.00, - topRight: 4.00, - bottomLeft: 4.00, - bottomRight: 4.00, - ); + static const ShapeStruct menuItemFirstChildInnerCornerCornerSize = + ShapeStruct( + family: 'SHAPE_FAMILY_ROUNDED_CORNERS', + topLeft: 4.00, + topRight: 4.00, + bottomLeft: 4.00, + bottomRight: 4.00, + ); /// md.comp.menus.menu-item.first-child.shape static const ShapeStruct menuItemFirstChildShape = ShapeStruct( @@ -186,7 +188,8 @@ class TokenMenus { ); /// md.comp.menus.menu-item.focus.indicator.color - static const TokenColorRole menuItemFocusIndicatorColor = TokenColorRole.secondary; + static const TokenColorRole menuItemFocusIndicatorColor = + TokenColorRole.secondary; /// md.comp.menus.menu-item.focus.indicator.outline.offset static const double menuItemFocusIndicatorOutlineOffset = -3.00; @@ -197,9 +200,6 @@ class TokenMenus { /// md.comp.menus.menu-item.height static const double menuItemHeight = 44.00; - /// md.comp.menus.menu-item.label-text.font - static const String menuItemLabelTextFont = 'Roboto'; - /// md.comp.menus.menu-item.last-child.inner-corner.corner-size static const ShapeStruct menuItemLastChildInnerCornerCornerSize = ShapeStruct( family: 'SHAPE_FAMILY_ROUNDED_CORNERS', @@ -242,9 +242,6 @@ class TokenMenus { bottomRight: 4.00, ); - /// md.comp.menus.menu-item.supporting-text.font - static const String menuItemSupportingTextFont = 'Roboto'; - /// md.comp.menus.menu-item.top-space static const double menuItemTopSpace = 8.00; @@ -253,7 +250,4 @@ class TokenMenus { /// md.comp.menus.menu-item.trailing-space static const double menuItemTrailingSpace = 16.00; - - /// md.comp.menus.menu-item.trailing-supporting-text.font - static const String menuItemTrailingSupportingTextFont = 'Roboto'; } diff --git a/packages/material_ui/tool/gen_defaults/data/menus_standard.dart b/packages/material_ui/tool/gen_defaults/data/menus_standard.dart index 1b84df328fef..2339e10f102f 100644 --- a/packages/material_ui/tool/gen_defaults/data/menus_standard.dart +++ b/packages/material_ui/tool/gen_defaults/data/menus_standard.dart @@ -2,40 +2,49 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; class TokenMenusStandard { /// md.comp.menus.standard.container.color - static const TokenColorRole containerColor = TokenColorRole.surfaceContainerLow; + static const TokenColorRole containerColor = + TokenColorRole.surfaceContainerLow; /// md.comp.menus.standard.container.shadow-color static const TokenColorRole containerShadowColor = TokenColorRole.shadow; /// md.comp.menus.standard.disabled.icon-button.icon.color - static const TokenColorRole disabledIconButtonIconColor = TokenColorRole.onSurface; + static const TokenColorRole disabledIconButtonIconColor = + TokenColorRole.onSurface; /// md.comp.menus.standard.icon-button.container.color - static const TokenColorRole iconButtonContainerColor = TokenColorRole.surfaceContainerLow; + static const TokenColorRole iconButtonContainerColor = + TokenColorRole.surfaceContainerLow; /// md.comp.menus.standard.icon-button.disabled.icon.color - static const TokenColorRole iconButtonDisabledIconColor = TokenColorRole.onTertiaryContainer; + static const TokenColorRole iconButtonDisabledIconColor = + TokenColorRole.onTertiaryContainer; /// md.comp.menus.standard.icon-button.focused.state-layer.color - static const TokenColorRole iconButtonFocusedStateLayerColor = TokenColorRole.onSurface; + static const TokenColorRole iconButtonFocusedStateLayerColor = + TokenColorRole.onSurface; /// md.comp.menus.standard.icon-button.hovered.state-layer.color - static const TokenColorRole iconButtonHoveredStateLayerColor = TokenColorRole.onSurface; + static const TokenColorRole iconButtonHoveredStateLayerColor = + TokenColorRole.onSurface; /// md.comp.menus.standard.icon-button.icon.color - static const TokenColorRole iconButtonIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole iconButtonIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.menus.standard.icon-button.pressed.state-layer.color - static const TokenColorRole iconButtonPressedStateLayerColor = TokenColorRole.onSurface; + static const TokenColorRole iconButtonPressedStateLayerColor = + TokenColorRole.onSurface; /// md.comp.menus.standard.icon-button.selected.container.color - static const TokenColorRole iconButtonSelectedContainerColor = TokenColorRole.tertiaryContainer; + static const TokenColorRole iconButtonSelectedContainerColor = + TokenColorRole.tertiaryContainer; /// md.comp.menus.standard.icon-button.selected.focused.state-layer.color static const TokenColorRole iconButtonSelectedFocusedStateLayerColor = @@ -46,41 +55,48 @@ class TokenMenusStandard { TokenColorRole.onTertiaryContainer; /// md.comp.menus.standard.icon-button.selected.icon.color - static const TokenColorRole iconButtonSelectedIconColor = TokenColorRole.onTertiaryContainer; + static const TokenColorRole iconButtonSelectedIconColor = + TokenColorRole.onTertiaryContainer; /// md.comp.menus.standard.icon-button.selected.pressed.state-layer.color static const TokenColorRole iconButtonSelectedPressedStateLayerColor = TokenColorRole.onTertiaryContainer; /// md.comp.menus.standard.menu-item.active.state-layer.color - static const TokenColorRole menuItemActiveStateLayerColor = TokenColorRole.onSurface; + static const TokenColorRole menuItemActiveStateLayerColor = + TokenColorRole.onSurface; /// md.comp.menus.standard.menu-item.active.state-layer.opacity static const double menuItemActiveStateLayerOpacity = 0.08; /// md.comp.menus.standard.menu-item.container.color - static const TokenColorRole menuItemContainerColor = TokenColorRole.surfaceContainerLow; + static const TokenColorRole menuItemContainerColor = + TokenColorRole.surfaceContainerLow; /// md.comp.menus.standard.menu-item.disabled.label-text.color - static const TokenColorRole menuItemDisabledLabelTextColor = TokenColorRole.onSurface; + static const TokenColorRole menuItemDisabledLabelTextColor = + TokenColorRole.onSurface; /// md.comp.menus.standard.menu-item.disabled.label-text.opacity static const double menuItemDisabledLabelTextOpacity = 0.38; /// md.comp.menus.standard.menu-item.disabled.leading-icon.color - static const TokenColorRole menuItemDisabledLeadingIconColor = TokenColorRole.onSurface; + static const TokenColorRole menuItemDisabledLeadingIconColor = + TokenColorRole.onSurface; /// md.comp.menus.standard.menu-item.disabled.leading-icon.opacity static const double menuItemDisabledLeadingIconOpacity = 0.38; /// md.comp.menus.standard.menu-item.disabled.supporting-text.color - static const TokenColorRole menuItemDisabledSupportingTextColor = TokenColorRole.onSurface; + static const TokenColorRole menuItemDisabledSupportingTextColor = + TokenColorRole.onSurface; /// md.comp.menus.standard.menu-item.disabled.supporting-text.opacity static const double menuItemDisabledSupportingTextOpacity = 0.38; /// md.comp.menus.standard.menu-item.disabled.trailing-icon.color - static const TokenColorRole menuItemDisabledTrailingIconColor = TokenColorRole.onSurface; + static const TokenColorRole menuItemDisabledTrailingIconColor = + TokenColorRole.onSurface; /// md.comp.menus.standard.menu-item.disabled.trailing-icon.opacity static const double menuItemDisabledTrailingIconOpacity = 0.38; @@ -93,58 +109,72 @@ class TokenMenusStandard { static const double menuItemDisabledTrailingSupportingTextOpacity = 0.38; /// md.comp.menus.standard.menu-item.focused.label-text.color - static const TokenColorRole menuItemFocusedLabelTextColor = TokenColorRole.onSurface; + static const TokenColorRole menuItemFocusedLabelTextColor = + TokenColorRole.onSurface; /// md.comp.menus.standard.menu-item.focused.leading-icon.color - static const TokenColorRole menuItemFocusedLeadingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole menuItemFocusedLeadingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.menus.standard.menu-item.focused.state-layer.color - static const TokenColorRole menuItemFocusedStateLayerColor = TokenColorRole.onSurface; + static const TokenColorRole menuItemFocusedStateLayerColor = + TokenColorRole.onSurface; /// md.comp.menus.standard.menu-item.focused.state-layer.opacity static const double menuItemFocusedStateLayerOpacity = 0.10; /// md.comp.menus.standard.menu-item.focused.trailing-icon.color - static const TokenColorRole menuItemFocusedTrailingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole menuItemFocusedTrailingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.menus.standard.menu-item.hovered.label-text.color - static const TokenColorRole menuItemHoveredLabelTextColor = TokenColorRole.onSurface; + static const TokenColorRole menuItemHoveredLabelTextColor = + TokenColorRole.onSurface; /// md.comp.menus.standard.menu-item.hovered.leading-icon.color - static const TokenColorRole menuItemHoveredLeadingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole menuItemHoveredLeadingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.menus.standard.menu-item.hovered.state-layer.color - static const TokenColorRole menuItemHoveredStateLayerColor = TokenColorRole.onSurface; + static const TokenColorRole menuItemHoveredStateLayerColor = + TokenColorRole.onSurface; /// md.comp.menus.standard.menu-item.hovered.state-layer.opacity static const double menuItemHoveredStateLayerOpacity = 0.08; /// md.comp.menus.standard.menu-item.hovered.trailing-icon.color - static const TokenColorRole menuItemHoveredTrailingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole menuItemHoveredTrailingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.menus.standard.menu-item.label-text.color static const TokenColorRole menuItemLabelTextColor = TokenColorRole.onSurface; /// md.comp.menus.standard.menu-item.leading-icon.color - static const TokenColorRole menuItemLeadingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole menuItemLeadingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.menus.standard.menu-item.pressed.label-text.color - static const TokenColorRole menuItemPressedLabelTextColor = TokenColorRole.onSurface; + static const TokenColorRole menuItemPressedLabelTextColor = + TokenColorRole.onSurface; /// md.comp.menus.standard.menu-item.pressed.leading-icon.color - static const TokenColorRole menuItemPressedLeadingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole menuItemPressedLeadingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.menus.standard.menu-item.pressed.state-layer.color - static const TokenColorRole menuItemPressedStateLayerColor = TokenColorRole.onSurface; + static const TokenColorRole menuItemPressedStateLayerColor = + TokenColorRole.onSurface; /// md.comp.menus.standard.menu-item.pressed.state-layer.opacity static const double menuItemPressedStateLayerOpacity = 0.10; /// md.comp.menus.standard.menu-item.pressed.trailing-icon.color - static const TokenColorRole menuItemPressedTrailingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole menuItemPressedTrailingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.menus.standard.menu-item.selected.container.color - static const TokenColorRole menuItemSelectedContainerColor = TokenColorRole.tertiaryContainer; + static const TokenColorRole menuItemSelectedContainerColor = + TokenColorRole.tertiaryContainer; /// md.comp.menus.standard.menu-item.selected.disabled.container.color static const TokenColorRole menuItemSelectedDisabledContainerColor = @@ -175,7 +205,8 @@ class TokenMenusStandard { static const double menuItemSelectedDisabledTrailingIconOpacity = 0.38; /// md.comp.menus.standard.menu-item.selected.disabled.trailing-supporting-text.color - static const TokenColorRole menuItemSelectedDisabledTrailingSupportingTextColor = + static const TokenColorRole + menuItemSelectedDisabledTrailingSupportingTextColor = TokenColorRole.onTertiaryContainer; /// md.comp.menus.standard.menu-item.selected.focused.label-text.color @@ -202,7 +233,8 @@ class TokenMenusStandard { TokenColorRole.onTertiaryContainer; /// md.comp.menus.standard.menu-item.selected.focused.trailing-supporting-text.color - static const TokenColorRole menuItemSelectedFocusedTrailingSupportingTextColor = + static const TokenColorRole + menuItemSelectedFocusedTrailingSupportingTextColor = TokenColorRole.onTertiaryContainer; /// md.comp.menus.standard.menu-item.selected.hovered.label-text.color @@ -229,14 +261,17 @@ class TokenMenusStandard { TokenColorRole.onTertiaryContainer; /// md.comp.menus.standard.menu-item.selected.hovered.trailing-supporting-text.color - static const TokenColorRole menuItemSelectedHoveredTrailingSupportingTextColor = + static const TokenColorRole + menuItemSelectedHoveredTrailingSupportingTextColor = TokenColorRole.onTertiaryContainer; /// md.comp.menus.standard.menu-item.selected.label-text.color - static const TokenColorRole menuItemSelectedLabelTextColor = TokenColorRole.onTertiaryContainer; + static const TokenColorRole menuItemSelectedLabelTextColor = + TokenColorRole.onTertiaryContainer; /// md.comp.menus.standard.menu-item.selected.leading-icon.color - static const TokenColorRole menuItemSelectedLeadingIconColor = TokenColorRole.onTertiaryContainer; + static const TokenColorRole menuItemSelectedLeadingIconColor = + TokenColorRole.onTertiaryContainer; /// md.comp.menus.standard.menu-item.selected.pressed.label-text.color static const TokenColorRole menuItemSelectedPressedLabelTextColor = @@ -262,7 +297,8 @@ class TokenMenusStandard { TokenColorRole.onTertiaryContainer; /// md.comp.menus.standard.menu-item.selected.pressed.trailing-supporting-text.color - static const TokenColorRole menuItemSelectedPressedTrailingSupportingTextColor = + static const TokenColorRole + menuItemSelectedPressedTrailingSupportingTextColor = TokenColorRole.onTertiaryContainer; /// md.comp.menus.standard.menu-item.selected.supporting-text.color @@ -278,14 +314,18 @@ class TokenMenusStandard { TokenColorRole.onTertiaryContainer; /// md.comp.menus.standard.menu-item.supporting-text.color - static const TokenColorRole menuItemSupportingTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole menuItemSupportingTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.menus.standard.menu-item.trailing-icon.color - static const TokenColorRole menuItemTrailingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole menuItemTrailingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.menus.standard.menu-item.trailing-supporting-text.color - static const TokenColorRole menuItemTrailingSupportingTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole menuItemTrailingSupportingTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.menus.standard.section-label-text.color - static const TokenColorRole sectionLabelTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole sectionLabelTextColor = + TokenColorRole.onSurfaceVariant; } diff --git a/packages/material_ui/tool/gen_defaults/data/menus_vibrant.dart b/packages/material_ui/tool/gen_defaults/data/menus_vibrant.dart index 4b9bb0d2bd68..ec40f1c47192 100644 --- a/packages/material_ui/tool/gen_defaults/data/menus_vibrant.dart +++ b/packages/material_ui/tool/gen_defaults/data/menus_vibrant.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; @@ -11,34 +11,44 @@ class TokenMenusVibrant { static const TokenColorRole containerColor = TokenColorRole.tertiaryContainer; /// md.comp.menus.vibrant.icon-button.container.color - static const TokenColorRole iconButtonContainerColor = TokenColorRole.tertiaryContainer; + static const TokenColorRole iconButtonContainerColor = + TokenColorRole.tertiaryContainer; /// md.comp.menus.vibrant.icon-button.disabled.icon.color - static const TokenColorRole iconButtonDisabledIconColor = TokenColorRole.onTertiaryContainer; + static const TokenColorRole iconButtonDisabledIconColor = + TokenColorRole.onTertiaryContainer; /// md.comp.menus.vibrant.icon-button.focused.state-layer.color - static const TokenColorRole iconButtonFocusedStateLayerColor = TokenColorRole.onTertiaryContainer; + static const TokenColorRole iconButtonFocusedStateLayerColor = + TokenColorRole.onTertiaryContainer; /// md.comp.menus.vibrant.icon-button.hovered.state-layer.color - static const TokenColorRole iconButtonHoveredStateLayerColor = TokenColorRole.onTertiaryContainer; + static const TokenColorRole iconButtonHoveredStateLayerColor = + TokenColorRole.onTertiaryContainer; /// md.comp.menus.vibrant.icon-button.icon.color - static const TokenColorRole iconButtonIconColor = TokenColorRole.onTertiaryContainer; + static const TokenColorRole iconButtonIconColor = + TokenColorRole.onTertiaryContainer; /// md.comp.menus.vibrant.icon-button.pressed.state-layer.color - static const TokenColorRole iconButtonPressedStateLayerColor = TokenColorRole.onTertiaryContainer; + static const TokenColorRole iconButtonPressedStateLayerColor = + TokenColorRole.onTertiaryContainer; /// md.comp.menus.vibrant.icon-button.selected.container.color - static const TokenColorRole iconButtonSelectedContainerColor = TokenColorRole.tertiary; + static const TokenColorRole iconButtonSelectedContainerColor = + TokenColorRole.tertiary; /// md.comp.menus.vibrant.icon-button.selected.disabled.icon.color - static const TokenColorRole iconButtonSelectedDisabledIconColor = TokenColorRole.onTertiary; + static const TokenColorRole iconButtonSelectedDisabledIconColor = + TokenColorRole.onTertiary; /// md.comp.menus.vibrant.icon-button.selected.icon.color - static const TokenColorRole iconButtonSelectedIconColor = TokenColorRole.onTertiary; + static const TokenColorRole iconButtonSelectedIconColor = + TokenColorRole.onTertiary; /// md.comp.menus.vibrant.menu-item.active.state-layer.color - static const TokenColorRole menuItemActiveStateLayerColor = TokenColorRole.onTertiaryContainer; + static const TokenColorRole menuItemActiveStateLayerColor = + TokenColorRole.onTertiaryContainer; /// md.comp.menus.vibrant.menu-item.active.state-layer.opacity static const double menuItemActiveStateLayerOpacity = 0.08; @@ -47,13 +57,15 @@ class TokenMenusVibrant { static const TokenColorRole menuItemColor = TokenColorRole.tertiaryContainer; /// md.comp.menus.vibrant.menu-item.disabled.label-text.color - static const TokenColorRole menuItemDisabledLabelTextColor = TokenColorRole.onTertiaryContainer; + static const TokenColorRole menuItemDisabledLabelTextColor = + TokenColorRole.onTertiaryContainer; /// md.comp.menus.vibrant.menu-item.disabled.label-text.opacity static const double menuItemDisabledLabelTextOpacity = 0.38; /// md.comp.menus.vibrant.menu-item.disabled.leading-icon.color - static const TokenColorRole menuItemDisabledLeadingIconColor = TokenColorRole.onTertiaryContainer; + static const TokenColorRole menuItemDisabledLeadingIconColor = + TokenColorRole.onTertiaryContainer; /// md.comp.menus.vibrant.menu-item.disabled.leading-icon.opacity static const double menuItemDisabledLeadingIconOpacity = 0.38; @@ -80,13 +92,16 @@ class TokenMenusVibrant { static const double menuItemDisabledTrailingSupportingTextOpacity = 0.38; /// md.comp.menus.vibrant.menu-item.focused.label-text.color - static const TokenColorRole menuItemFocusedLabelTextColor = TokenColorRole.onTertiaryContainer; + static const TokenColorRole menuItemFocusedLabelTextColor = + TokenColorRole.onTertiaryContainer; /// md.comp.menus.vibrant.menu-item.focused.leading-icon.color - static const TokenColorRole menuItemFocusedLeadingIconColor = TokenColorRole.tertiary; + static const TokenColorRole menuItemFocusedLeadingIconColor = + TokenColorRole.tertiary; /// md.comp.menus.vibrant.menu-item.focused.state-layer.color - static const TokenColorRole menuItemFocusedStateLayerColor = TokenColorRole.onTertiaryContainer; + static const TokenColorRole menuItemFocusedStateLayerColor = + TokenColorRole.onTertiaryContainer; /// md.comp.menus.vibrant.menu-item.focused.state-layer.opacity static const double menuItemFocusedStateLayerOpacity = 0.10; @@ -96,20 +111,24 @@ class TokenMenusVibrant { TokenColorRole.onTertiaryContainer; /// md.comp.menus.vibrant.menu-item.focused.trailing-icon.color - static const TokenColorRole menuItemFocusedTrailingIconColor = TokenColorRole.tertiary; + static const TokenColorRole menuItemFocusedTrailingIconColor = + TokenColorRole.tertiary; /// md.comp.menus.vibrant.menu-item.focused.trailing-supporting-text.color static const TokenColorRole menuItemFocusedTrailingSupportingTextColor = TokenColorRole.onTertiaryContainer; /// md.comp.menus.vibrant.menu-item.hovered.label-text.color - static const TokenColorRole menuItemHoveredLabelTextColor = TokenColorRole.onTertiaryContainer; + static const TokenColorRole menuItemHoveredLabelTextColor = + TokenColorRole.onTertiaryContainer; /// md.comp.menus.vibrant.menu-item.hovered.leading-icon.color - static const TokenColorRole menuItemHoveredLeadingIconColor = TokenColorRole.tertiary; + static const TokenColorRole menuItemHoveredLeadingIconColor = + TokenColorRole.tertiary; /// md.comp.menus.vibrant.menu-item.hovered.state-layer.color - static const TokenColorRole menuItemHoveredStateLayerColor = TokenColorRole.onTertiaryContainer; + static const TokenColorRole menuItemHoveredStateLayerColor = + TokenColorRole.onTertiaryContainer; /// md.comp.menus.vibrant.menu-item.hovered.state-layer.opacity static const double menuItemHoveredStateLayerOpacity = 0.08; @@ -119,26 +138,32 @@ class TokenMenusVibrant { TokenColorRole.onTertiaryContainer; /// md.comp.menus.vibrant.menu-item.hovered.trailing-icon.color - static const TokenColorRole menuItemHoveredTrailingIconColor = TokenColorRole.tertiary; + static const TokenColorRole menuItemHoveredTrailingIconColor = + TokenColorRole.tertiary; /// md.comp.menus.vibrant.menu-item.hovered.trailing-supporting-text.color static const TokenColorRole menuItemHoveredTrailingSupportingTextColor = TokenColorRole.onTertiaryContainer; /// md.comp.menus.vibrant.menu-item.label-text.color - static const TokenColorRole menuItemLabelTextColor = TokenColorRole.onTertiaryContainer; + static const TokenColorRole menuItemLabelTextColor = + TokenColorRole.onTertiaryContainer; /// md.comp.menus.vibrant.menu-item.leading-icon.color - static const TokenColorRole menuItemLeadingIconColor = TokenColorRole.onTertiaryContainer; + static const TokenColorRole menuItemLeadingIconColor = + TokenColorRole.onTertiaryContainer; /// md.comp.menus.vibrant.menu-item.pressed.label-text.color - static const TokenColorRole menuItemPressedLabelTextColor = TokenColorRole.onTertiaryContainer; + static const TokenColorRole menuItemPressedLabelTextColor = + TokenColorRole.onTertiaryContainer; /// md.comp.menus.vibrant.menu-item.pressed.leading-icon.color - static const TokenColorRole menuItemPressedLeadingIconColor = TokenColorRole.tertiary; + static const TokenColorRole menuItemPressedLeadingIconColor = + TokenColorRole.tertiary; /// md.comp.menus.vibrant.menu-item.pressed.state-layer.color - static const TokenColorRole menuItemPressedStateLayerColor = TokenColorRole.onTertiaryContainer; + static const TokenColorRole menuItemPressedStateLayerColor = + TokenColorRole.onTertiaryContainer; /// md.comp.menus.vibrant.menu-item.pressed.state-layer.opacity static const double menuItemPressedStateLayerOpacity = 0.10; @@ -148,14 +173,16 @@ class TokenMenusVibrant { TokenColorRole.onTertiaryContainer; /// md.comp.menus.vibrant.menu-item.pressed.trailing-icon.color - static const TokenColorRole menuItemPressedTrailingIconColor = TokenColorRole.tertiary; + static const TokenColorRole menuItemPressedTrailingIconColor = + TokenColorRole.tertiary; /// md.comp.menus.vibrant.menu-item.pressed.trailing-supporting-text.color static const TokenColorRole menuItemPressedTrailingSupportingTextColor = TokenColorRole.onTertiaryContainer; /// md.comp.menus.vibrant.menu-item.selected.container.color - static const TokenColorRole menuItemSelectedContainerColor = TokenColorRole.tertiary; + static const TokenColorRole menuItemSelectedContainerColor = + TokenColorRole.tertiary; /// md.comp.menus.vibrant.menu-item.selected.disabled.label-text.opacity static const double menuItemSelectedDisabledLabelTextOpacity = 0.38; @@ -170,61 +197,75 @@ class TokenMenusVibrant { static const double menuItemSelectedDisabledTrailingIconOpacity = 0.38; /// md.comp.menus.vibrant.menu-item.selected.disabled.trailing-supporting-text.opacity - static const double menuItemSelectedDisabledTrailingSupportingTextOpacity = 0.38; + static const double menuItemSelectedDisabledTrailingSupportingTextOpacity = + 0.38; /// md.comp.menus.vibrant.menu-item.selected.focused.label-text.color - static const TokenColorRole menuItemSelectedFocusedLabelTextColor = TokenColorRole.onTertiary; + static const TokenColorRole menuItemSelectedFocusedLabelTextColor = + TokenColorRole.onTertiary; /// md.comp.menus.vibrant.menu-item.selected.focused.state-layer.color - static const TokenColorRole menuItemSelectedFocusedStateLayerColor = TokenColorRole.onTertiary; + static const TokenColorRole menuItemSelectedFocusedStateLayerColor = + TokenColorRole.onTertiary; /// md.comp.menus.vibrant.menu-item.selected.focused.state-layer.opacity static const double menuItemSelectedFocusedStateLayerOpacity = 0.10; /// md.comp.menus.vibrant.menu-item.selected.hovered.label-text.color - static const TokenColorRole menuItemSelectedHoveredLabelTextColor = TokenColorRole.onTertiary; + static const TokenColorRole menuItemSelectedHoveredLabelTextColor = + TokenColorRole.onTertiary; /// md.comp.menus.vibrant.menu-item.selected.hovered.state-layer.color - static const TokenColorRole menuItemSelectedHoveredStateLayerColor = TokenColorRole.onTertiary; + static const TokenColorRole menuItemSelectedHoveredStateLayerColor = + TokenColorRole.onTertiary; /// md.comp.menus.vibrant.menu-item.selected.hovered.state-layer.opacity static const double menuItemSelectedHoveredStateLayerOpacity = 0.08; /// md.comp.menus.vibrant.menu-item.selected.label-text.color - static const TokenColorRole menuItemSelectedLabelTextColor = TokenColorRole.onTertiary; + static const TokenColorRole menuItemSelectedLabelTextColor = + TokenColorRole.onTertiary; /// md.comp.menus.vibrant.menu-item.selected.leading-icon.color - static const TokenColorRole menuItemSelectedLeadingIconColor = TokenColorRole.onTertiary; + static const TokenColorRole menuItemSelectedLeadingIconColor = + TokenColorRole.onTertiary; /// md.comp.menus.vibrant.menu-item.selected.pressed.label-text.color - static const TokenColorRole menuItemSelectedPressedLabelTextColor = TokenColorRole.onTertiary; + static const TokenColorRole menuItemSelectedPressedLabelTextColor = + TokenColorRole.onTertiary; /// md.comp.menus.vibrant.menu-item.selected.pressed.state-layer.color - static const TokenColorRole menuItemSelectedPressedStateLayerColor = TokenColorRole.onTertiary; + static const TokenColorRole menuItemSelectedPressedStateLayerColor = + TokenColorRole.onTertiary; /// md.comp.menus.vibrant.menu-item.selected.pressed.state-layer.opacity static const double menuItemSelectedPressedStateLayerOpacity = 0.10; /// md.comp.menus.vibrant.menu-item.selected.supporting-text.color - static const TokenColorRole menuItemSelectedSupportingTextColor = TokenColorRole.onTertiary; + static const TokenColorRole menuItemSelectedSupportingTextColor = + TokenColorRole.onTertiary; /// md.comp.menus.vibrant.menu-item.selected.trailing-icon.color - static const TokenColorRole menuItemSelectedTrailingIconColor = TokenColorRole.onTertiary; + static const TokenColorRole menuItemSelectedTrailingIconColor = + TokenColorRole.onTertiary; /// md.comp.menus.vibrant.menu-item.selected.trailing-supporting-text.color static const TokenColorRole menuItemSelectedTrailingSupportingTextColor = TokenColorRole.onTertiary; /// md.comp.menus.vibrant.menu-item.supporting-text.color - static const TokenColorRole menuItemSupportingTextColor = TokenColorRole.onTertiaryContainer; + static const TokenColorRole menuItemSupportingTextColor = + TokenColorRole.onTertiaryContainer; /// md.comp.menus.vibrant.menu-item.trailing-icon.color - static const TokenColorRole menuItemTrailingIconColor = TokenColorRole.onTertiaryContainer; + static const TokenColorRole menuItemTrailingIconColor = + TokenColorRole.onTertiaryContainer; /// md.comp.menus.vibrant.menu-item.trailing-supporting-text.color static const TokenColorRole menuItemTrailingSupportingTextColor = TokenColorRole.onTertiaryContainer; /// md.comp.menus.vibrant.section-label-text.color - static const TokenColorRole sectionLabelTextColor = TokenColorRole.onTertiaryContainer; + static const TokenColorRole sectionLabelTextColor = + TokenColorRole.onTertiaryContainer; } diff --git a/packages/material_ui/tool/gen_defaults/data/motion_expressive.dart b/packages/material_ui/tool/gen_defaults/data/motion_expressive.dart index 51b8f33d5718..4c558b75a028 100644 --- a/packages/material_ui/tool/gen_defaults/data/motion_expressive.dart +++ b/packages/material_ui/tool/gen_defaults/data/motion_expressive.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'package:flutter/animation.dart'; @@ -55,6 +55,10 @@ class TokenMotionExpressive { /// md.sys.motion.duration.short4 static const Duration durationShort4 = Duration(milliseconds: 200); + /// md.sys.motion.easing.emphasized + static const String easingEmphasized = + 'M 0,0 C 0.05, 0, 0.133333, 0.06, 0.166666, 0.4 C 0.208333, 0.82, 0.25, 1, 1, 1'; + /// md.sys.motion.easing.emphasized.accelerate static const Cubic easingEmphasizedAccelerate = Cubic(0.30, 0.00, 0.80, 0.15); diff --git a/packages/material_ui/tool/gen_defaults/data/motion_standard.dart b/packages/material_ui/tool/gen_defaults/data/motion_standard.dart index 0e49a1df2d46..9934b66204bf 100644 --- a/packages/material_ui/tool/gen_defaults/data/motion_standard.dart +++ b/packages/material_ui/tool/gen_defaults/data/motion_standard.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'package:flutter/animation.dart'; @@ -55,6 +55,10 @@ class TokenMotionStandard { /// md.sys.motion.duration.short4 static const Duration durationShort4 = Duration(milliseconds: 200); + /// md.sys.motion.easing.emphasized + static const String easingEmphasized = + 'M 0,0 C 0.05, 0, 0.133333, 0.06, 0.166666, 0.4 C 0.208333, 0.82, 0.25, 1, 1, 1'; + /// md.sys.motion.easing.legacy static const Cubic easingLegacy = Cubic(0.40, 0.00, 0.20, 1.00); diff --git a/packages/material_ui/tool/gen_defaults/data/nav_bar.dart b/packages/material_ui/tool/gen_defaults/data/nav_bar.dart index b3d72844449e..d8ade9ac6154 100644 --- a/packages/material_ui/tool/gen_defaults/data/nav_bar.dart +++ b/packages/material_ui/tool/gen_defaults/data/nav_bar.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; @@ -44,10 +44,12 @@ class TokenNavBar { static const double itemActiveHoveredStateLayerOpacity = 0.08; /// md.comp.nav-bar.item.active.icon.color - static const TokenColorRole itemActiveIconColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole itemActiveIconColor = + TokenColorRole.onSecondaryContainer; /// md.comp.nav-bar.item.active.indicator.color - static const TokenColorRole itemActiveIndicatorColor = TokenColorRole.secondaryContainer; + static const TokenColorRole itemActiveIndicatorColor = + TokenColorRole.secondaryContainer; /// md.comp.nav-bar.item.active-indicator.icon-label-space static const double itemActiveIndicatorIconLabelSpace = 4.00; @@ -62,7 +64,8 @@ class TokenNavBar { ); /// md.comp.nav-bar.item.active.label-text.color - static const TokenColorRole itemActiveLabelTextColor = TokenColorRole.secondary; + static const TokenColorRole itemActiveLabelTextColor = + TokenColorRole.secondary; /// md.comp.nav-bar.item.active.pressed.state-layer.color static const TokenColorRole itemActivePressedStateLayerColor = @@ -86,10 +89,12 @@ class TokenNavBar { TokenColorRole.onSecondaryContainer; /// md.comp.nav-bar.item.inactive.icon.color - static const TokenColorRole itemInactiveIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole itemInactiveIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.nav-bar.item.inactive.label-text.color - static const TokenColorRole itemInactiveLabelTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole itemInactiveLabelTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.nav-bar.item.inactive.pressed.state-layer.color static const TokenColorRole itemInactivePressedStateLayerColor = diff --git a/packages/material_ui/tool/gen_defaults/data/nav_bar_item_horizontal.dart b/packages/material_ui/tool/gen_defaults/data/nav_bar_item_horizontal.dart index 1b1142bc7d94..8965fa5c446a 100644 --- a/packages/material_ui/tool/gen_defaults/data/nav_bar_item_horizontal.dart +++ b/packages/material_ui/tool/gen_defaults/data/nav_bar_item_horizontal.dart @@ -2,7 +2,9 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 + +import 'typescale_struct.dart'; class TokenNavBarItemHorizontal { /// md.comp.nav-bar.item.horizontal.active-indicator.height @@ -18,17 +20,11 @@ class TokenNavBarItemHorizontal { static const double activeIndicatorTrailingSpace = 16.00; /// md.comp.nav-bar.item.horizontal.label-text.font - static const String labelTextFontFontFamily = 'Roboto'; - - /// md.comp.nav-bar.item.horizontal.label-text.font - static const double labelTextFontFontSize = 12.00; - - /// md.comp.nav-bar.item.horizontal.label-text.font - static const double labelTextFontFontWeight = 500; - - /// md.comp.nav-bar.item.horizontal.label-text.font - static const double labelTextFontLetterSpacing = 0.50; - - /// md.comp.nav-bar.item.horizontal.label-text.font - static const double labelTextFontLineHeight = 16.00; + static const TypescaleStruct labelTextFont = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 12.00, + fontWeight: 500, + lineHeight: 16.00, + letterSpacing: 0.50, + ); } diff --git a/packages/material_ui/tool/gen_defaults/data/nav_bar_item_vertical.dart b/packages/material_ui/tool/gen_defaults/data/nav_bar_item_vertical.dart index 97f35dd1ce70..be473e033069 100644 --- a/packages/material_ui/tool/gen_defaults/data/nav_bar_item_vertical.dart +++ b/packages/material_ui/tool/gen_defaults/data/nav_bar_item_vertical.dart @@ -2,7 +2,9 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 + +import 'typescale_struct.dart'; class TokenNavBarItemVertical { /// md.comp.nav-bar.item.vertical.active-indicator.height @@ -18,17 +20,11 @@ class TokenNavBarItemVertical { static const double containerBetweenSpace = 6.00; /// md.comp.nav-bar.item.vertical.label-text.font - static const String labelTextFontFontFamily = 'Roboto'; - - /// md.comp.nav-bar.item.vertical.label-text.font - static const double labelTextFontFontSize = 12.00; - - /// md.comp.nav-bar.item.vertical.label-text.font - static const double labelTextFontFontWeight = 500; - - /// md.comp.nav-bar.item.vertical.label-text.font - static const double labelTextFontLetterSpacing = 0.50; - - /// md.comp.nav-bar.item.vertical.label-text.font - static const double labelTextFontLineHeight = 16.00; + static const TypescaleStruct labelTextFont = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 12.00, + fontWeight: 500, + lineHeight: 16.00, + letterSpacing: 0.50, + ); } diff --git a/packages/material_ui/tool/gen_defaults/data/nav_rail.dart b/packages/material_ui/tool/gen_defaults/data/nav_rail.dart index 45545629dbf1..0ccbffc09b6e 100644 --- a/packages/material_ui/tool/gen_defaults/data/nav_rail.dart +++ b/packages/material_ui/tool/gen_defaults/data/nav_rail.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; @@ -22,13 +22,16 @@ class TokenNavRail { static const double itemActiveHoveredStateLayerOpacity = 0.08; /// md.comp.nav-rail.item.active.icon.color - static const TokenColorRole itemActiveIconColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole itemActiveIconColor = + TokenColorRole.onSecondaryContainer; /// md.comp.nav-rail.item.active.indicator.color - static const TokenColorRole itemActiveIndicatorColor = TokenColorRole.secondaryContainer; + static const TokenColorRole itemActiveIndicatorColor = + TokenColorRole.secondaryContainer; /// md.comp.nav-rail.item.active.label-text.color - static const TokenColorRole itemActiveLabelTextColor = TokenColorRole.secondary; + static const TokenColorRole itemActiveLabelTextColor = + TokenColorRole.secondary; /// md.comp.nav-rail.item.active.pressed.state-layer.color static const TokenColorRole itemActivePressedStateLayerColor = @@ -46,10 +49,12 @@ class TokenNavRail { TokenColorRole.onSecondaryContainer; /// md.comp.nav-rail.item.inactive.icon.color - static const TokenColorRole itemInactiveIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole itemInactiveIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.nav-rail.item.inactive.label-text.color - static const TokenColorRole itemInactiveLabelTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole itemInactiveLabelTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.nav-rail.item.inactive.pressed.state-layer.color static const TokenColorRole itemInactivePressedStateLayerColor = diff --git a/packages/material_ui/tool/gen_defaults/data/nav_rail_collapsed.dart b/packages/material_ui/tool/gen_defaults/data/nav_rail_collapsed.dart index 4c85473a6056..3178e2b4a770 100644 --- a/packages/material_ui/tool/gen_defaults/data/nav_rail_collapsed.dart +++ b/packages/material_ui/tool/gen_defaults/data/nav_rail_collapsed.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; diff --git a/packages/material_ui/tool/gen_defaults/data/nav_rail_expanded.dart b/packages/material_ui/tool/gen_defaults/data/nav_rail_expanded.dart index e4dd3911d2de..00f003340153 100644 --- a/packages/material_ui/tool/gen_defaults/data/nav_rail_expanded.dart +++ b/packages/material_ui/tool/gen_defaults/data/nav_rail_expanded.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; @@ -30,7 +30,8 @@ class TokenNavRailExpanded { static const double containerWidthMinimum = 220.00; /// md.comp.nav-rail.expanded.modal.container.color - static const TokenColorRole modalContainerColor = TokenColorRole.surfaceContainer; + static const TokenColorRole modalContainerColor = + TokenColorRole.surfaceContainer; /// md.comp.nav-rail.expanded.modal.container.elevation static const double modalContainerElevation = 3.00; diff --git a/packages/material_ui/tool/gen_defaults/data/nav_rail_item.dart b/packages/material_ui/tool/gen_defaults/data/nav_rail_item.dart index 5754ff9bccd6..0ddada5e2a17 100644 --- a/packages/material_ui/tool/gen_defaults/data/nav_rail_item.dart +++ b/packages/material_ui/tool/gen_defaults/data/nav_rail_item.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'shape_struct.dart'; diff --git a/packages/material_ui/tool/gen_defaults/data/nav_rail_item_horizontal.dart b/packages/material_ui/tool/gen_defaults/data/nav_rail_item_horizontal.dart index 9edfbbf0a000..967ab6649323 100644 --- a/packages/material_ui/tool/gen_defaults/data/nav_rail_item_horizontal.dart +++ b/packages/material_ui/tool/gen_defaults/data/nav_rail_item_horizontal.dart @@ -2,7 +2,9 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 + +import 'typescale_struct.dart'; class TokenNavRailItemHorizontal { /// md.comp.nav-rail.item.horizontal.active-indicator.height @@ -18,17 +20,11 @@ class TokenNavRailItemHorizontal { static const double iconLabelSpace = 8.00; /// md.comp.nav-rail.item.horizontal.label-text.font - static const String labelTextFontFontFamily = 'Roboto'; - - /// md.comp.nav-rail.item.horizontal.label-text.font - static const double labelTextFontFontSize = 14.00; - - /// md.comp.nav-rail.item.horizontal.label-text.font - static const double labelTextFontFontWeight = 500; - - /// md.comp.nav-rail.item.horizontal.label-text.font - static const double labelTextFontLetterSpacing = 0.10; - - /// md.comp.nav-rail.item.horizontal.label-text.font - static const double labelTextFontLineHeight = 20.00; + static const TypescaleStruct labelTextFont = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 14.00, + fontWeight: 500, + lineHeight: 20.00, + letterSpacing: 0.10, + ); } diff --git a/packages/material_ui/tool/gen_defaults/data/nav_rail_item_vertical.dart b/packages/material_ui/tool/gen_defaults/data/nav_rail_item_vertical.dart index b6d2f25cd403..965b0a260f74 100644 --- a/packages/material_ui/tool/gen_defaults/data/nav_rail_item_vertical.dart +++ b/packages/material_ui/tool/gen_defaults/data/nav_rail_item_vertical.dart @@ -2,7 +2,9 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 + +import 'typescale_struct.dart'; class TokenNavRailItemVertical { /// md.comp.nav-rail.item.vertical.active-indicator.height @@ -15,19 +17,13 @@ class TokenNavRailItemVertical { static const double iconLabelSpace = 4.00; /// md.comp.nav-rail.item.vertical.label-text.font - static const String labelTextFontFontFamily = 'Roboto'; - - /// md.comp.nav-rail.item.vertical.label-text.font - static const double labelTextFontFontSize = 12.00; - - /// md.comp.nav-rail.item.vertical.label-text.font - static const double labelTextFontFontWeight = 500; - - /// md.comp.nav-rail.item.vertical.label-text.font - static const double labelTextFontLetterSpacing = 0.50; - - /// md.comp.nav-rail.item.vertical.label-text.font - static const double labelTextFontLineHeight = 16.00; + static const TypescaleStruct labelTextFont = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 12.00, + fontWeight: 500, + lineHeight: 16.00, + letterSpacing: 0.50, + ); /// md.comp.nav-rail.item.vertical.leading-space static const double leadingSpace = 16.00; diff --git a/packages/material_ui/tool/gen_defaults/data/navigation_bar.dart b/packages/material_ui/tool/gen_defaults/data/navigation_bar.dart index 9344b0f80bb7..566ad3713ac1 100644 --- a/packages/material_ui/tool/gen_defaults/data/navigation_bar.dart +++ b/packages/material_ui/tool/gen_defaults/data/navigation_bar.dart @@ -2,35 +2,44 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; +import 'typescale_struct.dart'; class TokenNavigationBar { /// md.comp.navigation-bar.active.focus.icon.color - static const TokenColorRole activeFocusIconColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole activeFocusIconColor = + TokenColorRole.onSecondaryContainer; /// md.comp.navigation-bar.active.focus.label-text.color - static const TokenColorRole activeFocusLabelTextColor = TokenColorRole.onSurface; + static const TokenColorRole activeFocusLabelTextColor = + TokenColorRole.onSurface; /// md.comp.navigation-bar.active.focus.state-layer.color - static const TokenColorRole activeFocusStateLayerColor = TokenColorRole.onSurface; + static const TokenColorRole activeFocusStateLayerColor = + TokenColorRole.onSurface; /// md.comp.navigation-bar.active.hover.icon.color - static const TokenColorRole activeHoverIconColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole activeHoverIconColor = + TokenColorRole.onSecondaryContainer; /// md.comp.navigation-bar.active.hover.label-text.color - static const TokenColorRole activeHoverLabelTextColor = TokenColorRole.onSurface; + static const TokenColorRole activeHoverLabelTextColor = + TokenColorRole.onSurface; /// md.comp.navigation-bar.active.hover.state-layer.color - static const TokenColorRole activeHoverStateLayerColor = TokenColorRole.onSurface; + static const TokenColorRole activeHoverStateLayerColor = + TokenColorRole.onSurface; /// md.comp.navigation-bar.active.icon.color - static const TokenColorRole activeIconColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole activeIconColor = + TokenColorRole.onSecondaryContainer; /// md.comp.navigation-bar.active-indicator.color - static const TokenColorRole activeIndicatorColor = TokenColorRole.secondaryContainer; + static const TokenColorRole activeIndicatorColor = + TokenColorRole.secondaryContainer; /// md.comp.navigation-bar.active-indicator.height static const double activeIndicatorHeight = 32.00; @@ -51,13 +60,16 @@ class TokenNavigationBar { static const TokenColorRole activeLabelTextColor = TokenColorRole.onSurface; /// md.comp.navigation-bar.active.pressed.icon.color - static const TokenColorRole activePressedIconColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole activePressedIconColor = + TokenColorRole.onSecondaryContainer; /// md.comp.navigation-bar.active.pressed.label-text.color - static const TokenColorRole activePressedLabelTextColor = TokenColorRole.onSurface; + static const TokenColorRole activePressedLabelTextColor = + TokenColorRole.onSurface; /// md.comp.navigation-bar.active.pressed.state-layer.color - static const TokenColorRole activePressedStateLayerColor = TokenColorRole.onSurface; + static const TokenColorRole activePressedStateLayerColor = + TokenColorRole.onSurface; /// md.comp.navigation-bar.container.color static const TokenColorRole containerColor = TokenColorRole.surfaceContainer; @@ -99,52 +111,52 @@ class TokenNavigationBar { static const TokenColorRole inactiveFocusIconColor = TokenColorRole.onSurface; /// md.comp.navigation-bar.inactive.focus.label-text.color - static const TokenColorRole inactiveFocusLabelTextColor = TokenColorRole.onSurface; + static const TokenColorRole inactiveFocusLabelTextColor = + TokenColorRole.onSurface; /// md.comp.navigation-bar.inactive.focus.state-layer.color - static const TokenColorRole inactiveFocusStateLayerColor = TokenColorRole.onSurface; + static const TokenColorRole inactiveFocusStateLayerColor = + TokenColorRole.onSurface; /// md.comp.navigation-bar.inactive.hover.icon.color static const TokenColorRole inactiveHoverIconColor = TokenColorRole.onSurface; /// md.comp.navigation-bar.inactive.hover.label-text.color - static const TokenColorRole inactiveHoverLabelTextColor = TokenColorRole.onSurface; + static const TokenColorRole inactiveHoverLabelTextColor = + TokenColorRole.onSurface; /// md.comp.navigation-bar.inactive.hover.state-layer.color - static const TokenColorRole inactiveHoverStateLayerColor = TokenColorRole.onSurface; + static const TokenColorRole inactiveHoverStateLayerColor = + TokenColorRole.onSurface; /// md.comp.navigation-bar.inactive.icon.color - static const TokenColorRole inactiveIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole inactiveIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.navigation-bar.inactive.label-text.color - static const TokenColorRole inactiveLabelTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole inactiveLabelTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.navigation-bar.inactive.pressed.icon.color - static const TokenColorRole inactivePressedIconColor = TokenColorRole.onSurface; + static const TokenColorRole inactivePressedIconColor = + TokenColorRole.onSurface; /// md.comp.navigation-bar.inactive.pressed.label-text.color - static const TokenColorRole inactivePressedLabelTextColor = TokenColorRole.onSurface; + static const TokenColorRole inactivePressedLabelTextColor = + TokenColorRole.onSurface; /// md.comp.navigation-bar.inactive.pressed.state-layer.color - static const TokenColorRole inactivePressedStateLayerColor = TokenColorRole.onSurface; - - /// md.comp.navigation-bar.label-text.font - static const String labelTextFont = 'Roboto'; - - /// md.comp.navigation-bar.label-text.type - static const String labelTextTypeFontFamily = 'Roboto'; - - /// md.comp.navigation-bar.label-text.type - static const double labelTextTypeFontSize = 12.00; + static const TokenColorRole inactivePressedStateLayerColor = + TokenColorRole.onSurface; /// md.comp.navigation-bar.label-text.type - static const double labelTextTypeFontWeight = 500; - - /// md.comp.navigation-bar.label-text.type - static const double labelTextTypeLetterSpacing = 0.50; - - /// md.comp.navigation-bar.label-text.type - static const double labelTextTypeLineHeight = 16.00; + static const TypescaleStruct labelTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 12.00, + fontWeight: 500, + lineHeight: 16.00, + letterSpacing: 0.50, + ); /// md.comp.navigation-bar.pressed.state-layer.opacity static const double pressedStateLayerOpacity = 0.10; diff --git a/packages/material_ui/tool/gen_defaults/data/navigation_drawer.dart b/packages/material_ui/tool/gen_defaults/data/navigation_drawer.dart index aa0d7e1b1454..1199d6237d33 100644 --- a/packages/material_ui/tool/gen_defaults/data/navigation_drawer.dart +++ b/packages/material_ui/tool/gen_defaults/data/navigation_drawer.dart @@ -2,35 +2,44 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; +import 'typescale_struct.dart'; class TokenNavigationDrawer { /// md.comp.navigation-drawer.active.focus.icon.color - static const TokenColorRole activeFocusIconColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole activeFocusIconColor = + TokenColorRole.onSecondaryContainer; /// md.comp.navigation-drawer.active.focus.label-text.color - static const TokenColorRole activeFocusLabelTextColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole activeFocusLabelTextColor = + TokenColorRole.onSecondaryContainer; /// md.comp.navigation-drawer.active.focus.state-layer.color - static const TokenColorRole activeFocusStateLayerColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole activeFocusStateLayerColor = + TokenColorRole.onSecondaryContainer; /// md.comp.navigation-drawer.active.hover.icon.color - static const TokenColorRole activeHoverIconColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole activeHoverIconColor = + TokenColorRole.onSecondaryContainer; /// md.comp.navigation-drawer.active.hover.label-text.color - static const TokenColorRole activeHoverLabelTextColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole activeHoverLabelTextColor = + TokenColorRole.onSecondaryContainer; /// md.comp.navigation-drawer.active.hover.state-layer.color - static const TokenColorRole activeHoverStateLayerColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole activeHoverStateLayerColor = + TokenColorRole.onSecondaryContainer; /// md.comp.navigation-drawer.active.icon.color - static const TokenColorRole activeIconColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole activeIconColor = + TokenColorRole.onSecondaryContainer; /// md.comp.navigation-drawer.active-indicator.color - static const TokenColorRole activeIndicatorColor = TokenColorRole.secondaryContainer; + static const TokenColorRole activeIndicatorColor = + TokenColorRole.secondaryContainer; /// md.comp.navigation-drawer.active-indicator.height static const double activeIndicatorHeight = 56.00; @@ -48,16 +57,20 @@ class TokenNavigationDrawer { static const double activeIndicatorWidth = 336.00; /// md.comp.navigation-drawer.active.label-text.color - static const TokenColorRole activeLabelTextColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole activeLabelTextColor = + TokenColorRole.onSecondaryContainer; /// md.comp.navigation-drawer.active.pressed.icon.color - static const TokenColorRole activePressedIconColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole activePressedIconColor = + TokenColorRole.onSecondaryContainer; /// md.comp.navigation-drawer.active.pressed.label-text.color - static const TokenColorRole activePressedLabelTextColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole activePressedLabelTextColor = + TokenColorRole.onSecondaryContainer; /// md.comp.navigation-drawer.active.pressed.state-layer.color - static const TokenColorRole activePressedStateLayerColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole activePressedStateLayerColor = + TokenColorRole.onSecondaryContainer; /// md.comp.navigation-drawer.bottom.container.shape static const ShapeStruct bottomContainerShape = ShapeStruct( @@ -98,23 +111,14 @@ class TokenNavigationDrawer { /// md.comp.navigation-drawer.headline.color static const TokenColorRole headlineColor = TokenColorRole.onSurfaceVariant; - /// md.comp.navigation-drawer.headline.font - static const String headlineFont = 'Roboto'; - - /// md.comp.navigation-drawer.headline.type - static const String headlineTypeFontFamily = 'Roboto'; - - /// md.comp.navigation-drawer.headline.type - static const double headlineTypeFontSize = 14.00; - - /// md.comp.navigation-drawer.headline.type - static const double headlineTypeFontWeight = 500; - /// md.comp.navigation-drawer.headline.type - static const double headlineTypeLetterSpacing = 0.10; - - /// md.comp.navigation-drawer.headline.type - static const double headlineTypeLineHeight = 20.00; + static const TypescaleStruct headlineType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 14.00, + fontWeight: 500, + lineHeight: 20.00, + letterSpacing: 0.10, + ); /// md.comp.navigation-drawer.hover.state-layer.opacity static const double hoverStateLayerOpacity = 0.08; @@ -126,76 +130,69 @@ class TokenNavigationDrawer { static const TokenColorRole inactiveFocusIconColor = TokenColorRole.onSurface; /// md.comp.navigation-drawer.inactive.focus.label-text.color - static const TokenColorRole inactiveFocusLabelTextColor = TokenColorRole.onSurface; + static const TokenColorRole inactiveFocusLabelTextColor = + TokenColorRole.onSurface; /// md.comp.navigation-drawer.inactive.focus.state-layer.color - static const TokenColorRole inactiveFocusStateLayerColor = TokenColorRole.onSurface; + static const TokenColorRole inactiveFocusStateLayerColor = + TokenColorRole.onSurface; /// md.comp.navigation-drawer.inactive.hover.icon.color static const TokenColorRole inactiveHoverIconColor = TokenColorRole.onSurface; /// md.comp.navigation-drawer.inactive.hover.label-text.color - static const TokenColorRole inactiveHoverLabelTextColor = TokenColorRole.onSurface; + static const TokenColorRole inactiveHoverLabelTextColor = + TokenColorRole.onSurface; /// md.comp.navigation-drawer.inactive.hover.state-layer.color - static const TokenColorRole inactiveHoverStateLayerColor = TokenColorRole.onSurface; + static const TokenColorRole inactiveHoverStateLayerColor = + TokenColorRole.onSurface; /// md.comp.navigation-drawer.inactive.icon.color - static const TokenColorRole inactiveIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole inactiveIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.navigation-drawer.inactive.label-text.color - static const TokenColorRole inactiveLabelTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole inactiveLabelTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.navigation-drawer.inactive.pressed.icon.color - static const TokenColorRole inactivePressedIconColor = TokenColorRole.onSurface; + static const TokenColorRole inactivePressedIconColor = + TokenColorRole.onSurface; /// md.comp.navigation-drawer.inactive.pressed.label-text.color - static const TokenColorRole inactivePressedLabelTextColor = TokenColorRole.onSurface; + static const TokenColorRole inactivePressedLabelTextColor = + TokenColorRole.onSurface; /// md.comp.navigation-drawer.inactive.pressed.state-layer.color - static const TokenColorRole inactivePressedStateLayerColor = TokenColorRole.onSecondaryContainer; - - /// md.comp.navigation-drawer.label-text.font - static const String labelTextFont = 'Roboto'; - - /// md.comp.navigation-drawer.label-text.type - static const String labelTextTypeFontFamily = 'Roboto'; - - /// md.comp.navigation-drawer.label-text.type - static const double labelTextTypeFontSize = 14.00; + static const TokenColorRole inactivePressedStateLayerColor = + TokenColorRole.onSecondaryContainer; /// md.comp.navigation-drawer.label-text.type - static const double labelTextTypeFontWeight = 500; - - /// md.comp.navigation-drawer.label-text.type - static const double labelTextTypeLetterSpacing = 0.10; - - /// md.comp.navigation-drawer.label-text.type - static const double labelTextTypeLineHeight = 20.00; + static const TypescaleStruct labelTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 14.00, + fontWeight: 500, + lineHeight: 20.00, + letterSpacing: 0.10, + ); /// md.comp.navigation-drawer.large-badge-label.color - static const TokenColorRole largeBadgeLabelColor = TokenColorRole.onSurfaceVariant; - - /// md.comp.navigation-drawer.large-badge-label.font - static const String largeBadgeLabelFont = 'Roboto'; - - /// md.comp.navigation-drawer.large-badge-label.type - static const String largeBadgeLabelTypeFontFamily = 'Roboto'; + static const TokenColorRole largeBadgeLabelColor = + TokenColorRole.onSurfaceVariant; /// md.comp.navigation-drawer.large-badge-label.type - static const double largeBadgeLabelTypeFontSize = 14.00; - - /// md.comp.navigation-drawer.large-badge-label.type - static const double largeBadgeLabelTypeFontWeight = 500; - - /// md.comp.navigation-drawer.large-badge-label.type - static const double largeBadgeLabelTypeLetterSpacing = 0.10; - - /// md.comp.navigation-drawer.large-badge-label.type - static const double largeBadgeLabelTypeLineHeight = 20.00; + static const TypescaleStruct largeBadgeLabelType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 14.00, + fontWeight: 500, + lineHeight: 20.00, + letterSpacing: 0.10, + ); /// md.comp.navigation-drawer.modal.container.color - static const TokenColorRole modalContainerColor = TokenColorRole.surfaceContainerLow; + static const TokenColorRole modalContainerColor = + TokenColorRole.surfaceContainerLow; /// md.comp.navigation-drawer.modal.container.elevation static const double modalContainerElevation = 1.00; diff --git a/packages/material_ui/tool/gen_defaults/data/navigation_rail.dart b/packages/material_ui/tool/gen_defaults/data/navigation_rail.dart index 33f20097b5cc..d852eef0ad0e 100644 --- a/packages/material_ui/tool/gen_defaults/data/navigation_rail.dart +++ b/packages/material_ui/tool/gen_defaults/data/navigation_rail.dart @@ -2,35 +2,44 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; +import 'typescale_struct.dart'; class TokenNavigationRail { /// md.comp.navigation-rail.active.focus.icon.color - static const TokenColorRole activeFocusIconColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole activeFocusIconColor = + TokenColorRole.onSecondaryContainer; /// md.comp.navigation-rail.active.focus.label-text.color - static const TokenColorRole activeFocusLabelTextColor = TokenColorRole.onSurface; + static const TokenColorRole activeFocusLabelTextColor = + TokenColorRole.onSurface; /// md.comp.navigation-rail.active.focus.state-layer.color - static const TokenColorRole activeFocusStateLayerColor = TokenColorRole.onSurface; + static const TokenColorRole activeFocusStateLayerColor = + TokenColorRole.onSurface; /// md.comp.navigation-rail.active.hover.icon.color - static const TokenColorRole activeHoverIconColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole activeHoverIconColor = + TokenColorRole.onSecondaryContainer; /// md.comp.navigation-rail.active.hover.label-text.color - static const TokenColorRole activeHoverLabelTextColor = TokenColorRole.onSurface; + static const TokenColorRole activeHoverLabelTextColor = + TokenColorRole.onSurface; /// md.comp.navigation-rail.active.hover.state-layer.color - static const TokenColorRole activeHoverStateLayerColor = TokenColorRole.onSurface; + static const TokenColorRole activeHoverStateLayerColor = + TokenColorRole.onSurface; /// md.comp.navigation-rail.active.icon.color - static const TokenColorRole activeIconColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole activeIconColor = + TokenColorRole.onSecondaryContainer; /// md.comp.navigation-rail.active-indicator.color - static const TokenColorRole activeIndicatorColor = TokenColorRole.secondaryContainer; + static const TokenColorRole activeIndicatorColor = + TokenColorRole.secondaryContainer; /// md.comp.navigation-rail.active-indicator.height static const double activeIndicatorHeight = 32.00; @@ -51,13 +60,16 @@ class TokenNavigationRail { static const TokenColorRole activeLabelTextColor = TokenColorRole.onSurface; /// md.comp.navigation-rail.active.pressed.icon.color - static const TokenColorRole activePressedIconColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole activePressedIconColor = + TokenColorRole.onSecondaryContainer; /// md.comp.navigation-rail.active.pressed.label-text.color - static const TokenColorRole activePressedLabelTextColor = TokenColorRole.onSurface; + static const TokenColorRole activePressedLabelTextColor = + TokenColorRole.onSurface; /// md.comp.navigation-rail.active.pressed.state-layer.color - static const TokenColorRole activePressedStateLayerColor = TokenColorRole.onSurface; + static const TokenColorRole activePressedStateLayerColor = + TokenColorRole.onSurface; /// md.comp.navigation-rail.container.color static const TokenColorRole containerColor = TokenColorRole.surface; @@ -90,52 +102,52 @@ class TokenNavigationRail { static const TokenColorRole inactiveFocusIconColor = TokenColorRole.onSurface; /// md.comp.navigation-rail.inactive.focus.label-text.color - static const TokenColorRole inactiveFocusLabelTextColor = TokenColorRole.onSurface; + static const TokenColorRole inactiveFocusLabelTextColor = + TokenColorRole.onSurface; /// md.comp.navigation-rail.inactive.focus.state-layer.color - static const TokenColorRole inactiveFocusStateLayerColor = TokenColorRole.onSurface; + static const TokenColorRole inactiveFocusStateLayerColor = + TokenColorRole.onSurface; /// md.comp.navigation-rail.inactive.hover.icon.color static const TokenColorRole inactiveHoverIconColor = TokenColorRole.onSurface; /// md.comp.navigation-rail.inactive.hover.label-text.color - static const TokenColorRole inactiveHoverLabelTextColor = TokenColorRole.onSurface; + static const TokenColorRole inactiveHoverLabelTextColor = + TokenColorRole.onSurface; /// md.comp.navigation-rail.inactive.hover.state-layer.color - static const TokenColorRole inactiveHoverStateLayerColor = TokenColorRole.onSurface; + static const TokenColorRole inactiveHoverStateLayerColor = + TokenColorRole.onSurface; /// md.comp.navigation-rail.inactive.icon.color - static const TokenColorRole inactiveIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole inactiveIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.navigation-rail.inactive.label-text.color - static const TokenColorRole inactiveLabelTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole inactiveLabelTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.navigation-rail.inactive.pressed.icon.color - static const TokenColorRole inactivePressedIconColor = TokenColorRole.onSurface; + static const TokenColorRole inactivePressedIconColor = + TokenColorRole.onSurface; /// md.comp.navigation-rail.inactive.pressed.label-text.color - static const TokenColorRole inactivePressedLabelTextColor = TokenColorRole.onSurface; + static const TokenColorRole inactivePressedLabelTextColor = + TokenColorRole.onSurface; /// md.comp.navigation-rail.inactive.pressed.state-layer.color - static const TokenColorRole inactivePressedStateLayerColor = TokenColorRole.onSurface; - - /// md.comp.navigation-rail.label-text.font - static const String labelTextFont = 'Roboto'; - - /// md.comp.navigation-rail.label-text.type - static const String labelTextTypeFontFamily = 'Roboto'; - - /// md.comp.navigation-rail.label-text.type - static const double labelTextTypeFontSize = 12.00; + static const TokenColorRole inactivePressedStateLayerColor = + TokenColorRole.onSurface; /// md.comp.navigation-rail.label-text.type - static const double labelTextTypeFontWeight = 500; - - /// md.comp.navigation-rail.label-text.type - static const double labelTextTypeLetterSpacing = 0.50; - - /// md.comp.navigation-rail.label-text.type - static const double labelTextTypeLineHeight = 16.00; + static const TypescaleStruct labelTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 12.00, + fontWeight: 500, + lineHeight: 16.00, + letterSpacing: 0.50, + ); /// md.comp.navigation-rail.no-label.active-indicator.height static const double noLabelActiveIndicatorHeight = 56.00; diff --git a/packages/material_ui/tool/gen_defaults/data/outlined_autocomplete.dart b/packages/material_ui/tool/gen_defaults/data/outlined_autocomplete.dart index f69894aa35bf..21b643039cba 100644 --- a/packages/material_ui/tool/gen_defaults/data/outlined_autocomplete.dart +++ b/packages/material_ui/tool/gen_defaults/data/outlined_autocomplete.dart @@ -2,20 +2,23 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; +import 'typescale_struct.dart'; class TokenOutlinedAutocomplete { /// md.comp.outlined-autocomplete.menu.cascading-menu-indicator.icon.color - static const TokenColorRole menuCascadingMenuIndicatorIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole menuCascadingMenuIndicatorIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.outlined-autocomplete.menu.cascading-menu-indicator.icon.size static const double menuCascadingMenuIndicatorIconSize = 24.00; /// md.comp.outlined-autocomplete.menu.container.color - static const TokenColorRole menuContainerColor = TokenColorRole.surfaceContainer; + static const TokenColorRole menuContainerColor = + TokenColorRole.surfaceContainer; /// md.comp.outlined-autocomplete.menu.container.elevation static const double menuContainerElevation = 3.00; @@ -36,7 +39,8 @@ class TokenOutlinedAutocomplete { static const TokenColorRole textFieldCaretColor = TokenColorRole.primary; /// md.comp.outlined-autocomplete.text-field.container.color - static const TokenColorRole textFieldContainerColor = TokenColorRole.surfaceContainerHighest; + static const TokenColorRole textFieldContainerColor = + TokenColorRole.surfaceContainerHighest; /// md.comp.outlined-autocomplete.text-field.container.shape static const ShapeStruct textFieldContainerShape = ShapeStruct( @@ -48,25 +52,29 @@ class TokenOutlinedAutocomplete { ); /// md.comp.outlined-autocomplete.text-field.disabled.input-text.color - static const TokenColorRole textFieldDisabledInputTextColor = TokenColorRole.onSurface; + static const TokenColorRole textFieldDisabledInputTextColor = + TokenColorRole.onSurface; /// md.comp.outlined-autocomplete.text-field.disabled.input-text.opacity static const double textFieldDisabledInputTextOpacity = 0.38; /// md.comp.outlined-autocomplete.text-field.disabled.label-text.color - static const TokenColorRole textFieldDisabledLabelTextColor = TokenColorRole.onSurface; + static const TokenColorRole textFieldDisabledLabelTextColor = + TokenColorRole.onSurface; /// md.comp.outlined-autocomplete.text-field.disabled.label-text.opacity static const double textFieldDisabledLabelTextOpacity = 0.38; /// md.comp.outlined-autocomplete.text-field.disabled.leading-icon.color - static const TokenColorRole textFieldDisabledLeadingIconColor = TokenColorRole.onSurface; + static const TokenColorRole textFieldDisabledLeadingIconColor = + TokenColorRole.onSurface; /// md.comp.outlined-autocomplete.text-field.disabled.leading-icon.opacity static const double textFieldDisabledLeadingIconOpacity = 0.38; /// md.comp.outlined-autocomplete.text-field.disabled.outline.color - static const TokenColorRole textFieldDisabledOutlineColor = TokenColorRole.onSurface; + static const TokenColorRole textFieldDisabledOutlineColor = + TokenColorRole.onSurface; /// md.comp.outlined-autocomplete.text-field.disabled.outline.opacity static const double textFieldDisabledOutlineOpacity = 0.12; @@ -75,173 +83,191 @@ class TokenOutlinedAutocomplete { static const double textFieldDisabledOutlineWidth = 1.00; /// md.comp.outlined-autocomplete.text-field.disabled.supporting-text.color - static const TokenColorRole textFieldDisabledSupportingTextColor = TokenColorRole.onSurface; + static const TokenColorRole textFieldDisabledSupportingTextColor = + TokenColorRole.onSurface; /// md.comp.outlined-autocomplete.text-field.disabled.supporting-text.opacity static const double textFieldDisabledSupportingTextOpacity = 0.38; /// md.comp.outlined-autocomplete.text-field.disabled.trailing-icon.color - static const TokenColorRole textFieldDisabledTrailingIconColor = TokenColorRole.onSurface; + static const TokenColorRole textFieldDisabledTrailingIconColor = + TokenColorRole.onSurface; /// md.comp.outlined-autocomplete.text-field.disabled.trailing-icon.opacity static const double textFieldDisabledTrailingIconOpacity = 0.38; /// md.comp.outlined-autocomplete.text-field.error.focus.caret.color - static const TokenColorRole textFieldErrorFocusCaretColor = TokenColorRole.error; + static const TokenColorRole textFieldErrorFocusCaretColor = + TokenColorRole.error; /// md.comp.outlined-autocomplete.text-field.error.focus.input-text.color - static const TokenColorRole textFieldErrorFocusInputTextColor = TokenColorRole.onSurface; + static const TokenColorRole textFieldErrorFocusInputTextColor = + TokenColorRole.onSurface; /// md.comp.outlined-autocomplete.text-field.error.focus.label-text.color - static const TokenColorRole textFieldErrorFocusLabelTextColor = TokenColorRole.error; + static const TokenColorRole textFieldErrorFocusLabelTextColor = + TokenColorRole.error; /// md.comp.outlined-autocomplete.text-field.error.focus.leading-icon.color - static const TokenColorRole textFieldErrorFocusLeadingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole textFieldErrorFocusLeadingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.outlined-autocomplete.text-field.error.focus.outline.color - static const TokenColorRole textFieldErrorFocusOutlineColor = TokenColorRole.error; + static const TokenColorRole textFieldErrorFocusOutlineColor = + TokenColorRole.error; /// md.comp.outlined-autocomplete.text-field.error.focus.supporting-text.color - static const TokenColorRole textFieldErrorFocusSupportingTextColor = TokenColorRole.error; + static const TokenColorRole textFieldErrorFocusSupportingTextColor = + TokenColorRole.error; /// md.comp.outlined-autocomplete.text-field.error.focus.trailing-icon.color - static const TokenColorRole textFieldErrorFocusTrailingIconColor = TokenColorRole.error; + static const TokenColorRole textFieldErrorFocusTrailingIconColor = + TokenColorRole.error; /// md.comp.outlined-autocomplete.text-field.error.hover.input-text.color - static const TokenColorRole textFieldErrorHoverInputTextColor = TokenColorRole.onSurface; + static const TokenColorRole textFieldErrorHoverInputTextColor = + TokenColorRole.onSurface; /// md.comp.outlined-autocomplete.text-field.error.hover.label-text.color - static const TokenColorRole textFieldErrorHoverLabelTextColor = TokenColorRole.onErrorContainer; + static const TokenColorRole textFieldErrorHoverLabelTextColor = + TokenColorRole.onErrorContainer; /// md.comp.outlined-autocomplete.text-field.error.hover.leading-icon.color - static const TokenColorRole textFieldErrorHoverLeadingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole textFieldErrorHoverLeadingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.outlined-autocomplete.text-field.error.hover.outline.color - static const TokenColorRole textFieldErrorHoverOutlineColor = TokenColorRole.onErrorContainer; + static const TokenColorRole textFieldErrorHoverOutlineColor = + TokenColorRole.onErrorContainer; /// md.comp.outlined-autocomplete.text-field.error.hover.state-layer.color - static const TokenColorRole textFieldErrorHoverStateLayerColor = TokenColorRole.onSurface; + static const TokenColorRole textFieldErrorHoverStateLayerColor = + TokenColorRole.onSurface; /// md.comp.outlined-autocomplete.text-field.error.hover.state-layer.opacity static const double textFieldErrorHoverStateLayerOpacity = 0.08; /// md.comp.outlined-autocomplete.text-field.error.hover.supporting-text.color - static const TokenColorRole textFieldErrorHoverSupportingTextColor = TokenColorRole.error; + static const TokenColorRole textFieldErrorHoverSupportingTextColor = + TokenColorRole.error; /// md.comp.outlined-autocomplete.text-field.error.hover.trailing-icon.color static const TokenColorRole textFieldErrorHoverTrailingIconColor = TokenColorRole.onErrorContainer; /// md.comp.outlined-autocomplete.text-field.error.input-text.color - static const TokenColorRole textFieldErrorInputTextColor = TokenColorRole.onSurface; + static const TokenColorRole textFieldErrorInputTextColor = + TokenColorRole.onSurface; /// md.comp.outlined-autocomplete.text-field.error.label-text.color - static const TokenColorRole textFieldErrorLabelTextColor = TokenColorRole.error; + static const TokenColorRole textFieldErrorLabelTextColor = + TokenColorRole.error; /// md.comp.outlined-autocomplete.text-field.error.leading-icon.color - static const TokenColorRole textFieldErrorLeadingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole textFieldErrorLeadingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.outlined-autocomplete.text-field.error.outline.color static const TokenColorRole textFieldErrorOutlineColor = TokenColorRole.error; /// md.comp.outlined-autocomplete.text-field.error.supporting-text.color - static const TokenColorRole textFieldErrorSupportingTextColor = TokenColorRole.error; + static const TokenColorRole textFieldErrorSupportingTextColor = + TokenColorRole.error; /// md.comp.outlined-autocomplete.text-field.error.trailing-icon.color - static const TokenColorRole textFieldErrorTrailingIconColor = TokenColorRole.error; + static const TokenColorRole textFieldErrorTrailingIconColor = + TokenColorRole.error; /// md.comp.outlined-autocomplete.text-field.focus.input-text.color - static const TokenColorRole textFieldFocusInputTextColor = TokenColorRole.onSurface; + static const TokenColorRole textFieldFocusInputTextColor = + TokenColorRole.onSurface; /// md.comp.outlined-autocomplete.text-field.focus.label-text.color - static const TokenColorRole textFieldFocusLabelTextColor = TokenColorRole.primary; + static const TokenColorRole textFieldFocusLabelTextColor = + TokenColorRole.primary; /// md.comp.outlined-autocomplete.text-field.focus.leading-icon.color - static const TokenColorRole textFieldFocusLeadingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole textFieldFocusLeadingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.outlined-autocomplete.text-field.focus.outline.color - static const TokenColorRole textFieldFocusOutlineColor = TokenColorRole.primary; + static const TokenColorRole textFieldFocusOutlineColor = + TokenColorRole.primary; /// md.comp.outlined-autocomplete.text-field.focus.outline.width static const double textFieldFocusOutlineWidth = 2.00; /// md.comp.outlined-autocomplete.text-field.focus.supporting-text.color - static const TokenColorRole textFieldFocusSupportingTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole textFieldFocusSupportingTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.outlined-autocomplete.text-field.focus.trailing-icon.color - static const TokenColorRole textFieldFocusTrailingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole textFieldFocusTrailingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.outlined-autocomplete.text-field.hover.input-text.color - static const TokenColorRole textFieldHoverInputTextColor = TokenColorRole.onSurface; + static const TokenColorRole textFieldHoverInputTextColor = + TokenColorRole.onSurface; /// md.comp.outlined-autocomplete.text-field.hover.label-text.color - static const TokenColorRole textFieldHoverLabelTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole textFieldHoverLabelTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.outlined-autocomplete.text-field.hover.leading-icon.color - static const TokenColorRole textFieldHoverLeadingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole textFieldHoverLeadingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.outlined-autocomplete.text-field.hover.outline.color - static const TokenColorRole textFieldHoverOutlineColor = TokenColorRole.onSurface; + static const TokenColorRole textFieldHoverOutlineColor = + TokenColorRole.onSurface; /// md.comp.outlined-autocomplete.text-field.hover.outline.width static const double textFieldHoverOutlineWidth = 1.00; /// md.comp.outlined-autocomplete.text-field.hover.state-layer.color - static const TokenColorRole textFieldHoverStateLayerColor = TokenColorRole.onSurface; + static const TokenColorRole textFieldHoverStateLayerColor = + TokenColorRole.onSurface; /// md.comp.outlined-autocomplete.text-field.hover.state-layer.opacity static const double textFieldHoverStateLayerOpacity = 0.08; /// md.comp.outlined-autocomplete.text-field.hover.supporting-text.color - static const TokenColorRole textFieldHoverSupportingTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole textFieldHoverSupportingTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.outlined-autocomplete.text-field.hover.trailing-icon.color - static const TokenColorRole textFieldHoverTrailingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole textFieldHoverTrailingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.outlined-autocomplete.text-field.input-text.color - static const TokenColorRole textFieldInputTextColor = TokenColorRole.onSurface; - - /// md.comp.outlined-autocomplete.text-field.input-text.font - static const String textFieldInputTextFont = 'Roboto'; - - /// md.comp.outlined-autocomplete.text-field.input-text.type - static const String textFieldInputTextTypeFontFamily = 'Roboto'; - - /// md.comp.outlined-autocomplete.text-field.input-text.type - static const double textFieldInputTextTypeFontSize = 16.00; - - /// md.comp.outlined-autocomplete.text-field.input-text.type - static const double textFieldInputTextTypeFontWeight = 400; - - /// md.comp.outlined-autocomplete.text-field.input-text.type - static const double textFieldInputTextTypeLetterSpacing = 0.50; + static const TokenColorRole textFieldInputTextColor = + TokenColorRole.onSurface; /// md.comp.outlined-autocomplete.text-field.input-text.type - static const double textFieldInputTextTypeLineHeight = 24.00; + static const TypescaleStruct textFieldInputTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 16.00, + fontWeight: 400, + lineHeight: 24.00, + letterSpacing: 0.50, + ); /// md.comp.outlined-autocomplete.text-field.label-text.color - static const TokenColorRole textFieldLabelTextColor = TokenColorRole.onSurfaceVariant; - - /// md.comp.outlined-autocomplete.text-field.label-text.font - static const String textFieldLabelTextFont = 'Roboto'; - - /// md.comp.outlined-autocomplete.text-field.label-text.type - static const String textFieldLabelTextTypeFontFamily = 'Roboto'; - - /// md.comp.outlined-autocomplete.text-field.label-text.type - static const double textFieldLabelTextTypeFontSize = 16.00; - - /// md.comp.outlined-autocomplete.text-field.label-text.type - static const double textFieldLabelTextTypeFontWeight = 400; - - /// md.comp.outlined-autocomplete.text-field.label-text.type - static const double textFieldLabelTextTypeLetterSpacing = 0.50; + static const TokenColorRole textFieldLabelTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.outlined-autocomplete.text-field.label-text.type - static const double textFieldLabelTextTypeLineHeight = 24.00; + static const TypescaleStruct textFieldLabelTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 16.00, + fontWeight: 400, + lineHeight: 24.00, + letterSpacing: 0.50, + ); /// md.comp.outlined-autocomplete.text-field.leading-icon.color - static const TokenColorRole textFieldLeadingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole textFieldLeadingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.outlined-autocomplete.text-field.leading-icon.size static const double textFieldLeadingIconSize = 24.00; @@ -253,28 +279,21 @@ class TokenOutlinedAutocomplete { static const double textFieldOutlineWidth = 1.00; /// md.comp.outlined-autocomplete.text-field.supporting-text.color - static const TokenColorRole textFieldSupportingTextColor = TokenColorRole.onSurfaceVariant; - - /// md.comp.outlined-autocomplete.text-field.supporting-text.font - static const String textFieldSupportingTextFont = 'Roboto'; - - /// md.comp.outlined-autocomplete.text-field.supporting-text.type - static const String textFieldSupportingTextTypeFontFamily = 'Roboto'; - - /// md.comp.outlined-autocomplete.text-field.supporting-text.type - static const double textFieldSupportingTextTypeFontSize = 12.00; - - /// md.comp.outlined-autocomplete.text-field.supporting-text.type - static const double textFieldSupportingTextTypeFontWeight = 400; - - /// md.comp.outlined-autocomplete.text-field.supporting-text.type - static const double textFieldSupportingTextTypeLetterSpacing = 0.40; + static const TokenColorRole textFieldSupportingTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.outlined-autocomplete.text-field.supporting-text.type - static const double textFieldSupportingTextTypeLineHeight = 16.00; + static const TypescaleStruct textFieldSupportingTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 12.00, + fontWeight: 400, + lineHeight: 16.00, + letterSpacing: 0.40, + ); /// md.comp.outlined-autocomplete.text-field.trailing-icon.color - static const TokenColorRole textFieldTrailingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole textFieldTrailingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.outlined-autocomplete.text-field.trailing-icon.size static const double textFieldTrailingIconSize = 24.00; diff --git a/packages/material_ui/tool/gen_defaults/data/outlined_card.dart b/packages/material_ui/tool/gen_defaults/data/outlined_card.dart index ce83c7580f83..aa0764648ae9 100644 --- a/packages/material_ui/tool/gen_defaults/data/outlined_card.dart +++ b/packages/material_ui/tool/gen_defaults/data/outlined_card.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; @@ -39,7 +39,8 @@ class TokenOutlinedCard { static const double draggedContainerElevation = 6.00; /// md.comp.outlined-card.dragged.outline.color - static const TokenColorRole draggedOutlineColor = TokenColorRole.outlineVariant; + static const TokenColorRole draggedOutlineColor = + TokenColorRole.outlineVariant; /// md.comp.outlined-card.dragged.state-layer.color static const TokenColorRole draggedStateLayerColor = TokenColorRole.onSurface; @@ -96,7 +97,8 @@ class TokenOutlinedCard { static const double pressedContainerElevation = 0.00; /// md.comp.outlined-card.pressed.outline.color - static const TokenColorRole pressedOutlineColor = TokenColorRole.outlineVariant; + static const TokenColorRole pressedOutlineColor = + TokenColorRole.outlineVariant; /// md.comp.outlined-card.pressed.state-layer.color static const TokenColorRole pressedStateLayerColor = TokenColorRole.onSurface; diff --git a/packages/material_ui/tool/gen_defaults/data/outlined_menu_button.dart b/packages/material_ui/tool/gen_defaults/data/outlined_menu_button.dart index 4de570389482..4dee879a8241 100644 --- a/packages/material_ui/tool/gen_defaults/data/outlined_menu_button.dart +++ b/packages/material_ui/tool/gen_defaults/data/outlined_menu_button.dart @@ -2,10 +2,11 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; +import 'typescale_struct.dart'; class TokenOutlinedMenuButton { /// md.comp.outlined-menu-button.container.height @@ -24,7 +25,8 @@ class TokenOutlinedMenuButton { static const TokenColorRole disabledOutlineColor = TokenColorRole.onSurface; /// md.comp.outlined-menu-button.disabled.trailing-icon.color - static const TokenColorRole disabledTrailingIconColor = TokenColorRole.onSurface; + static const TokenColorRole disabledTrailingIconColor = + TokenColorRole.onSurface; /// md.comp.outlined-menu-button.disabled.trailing-icon.opacity static const double disabledTrailingIconOpacity = 0.38; @@ -71,23 +73,14 @@ class TokenOutlinedMenuButton { /// md.comp.outlined-menu-button.label-text.color static const TokenColorRole labelTextColor = TokenColorRole.primary; - /// md.comp.outlined-menu-button.label-text.font - static const String labelTextFont = 'Roboto'; - - /// md.comp.outlined-menu-button.label-text.type - static const String labelTextTypeFontFamily = 'Roboto'; - - /// md.comp.outlined-menu-button.label-text.type - static const double labelTextTypeFontSize = 14.00; - /// md.comp.outlined-menu-button.label-text.type - static const double labelTextTypeFontWeight = 500; - - /// md.comp.outlined-menu-button.label-text.type - static const double labelTextTypeLetterSpacing = 0.10; - - /// md.comp.outlined-menu-button.label-text.type - static const double labelTextTypeLineHeight = 20.00; + static const TypescaleStruct labelTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 14.00, + fontWeight: 500, + lineHeight: 20.00, + letterSpacing: 0.10, + ); /// md.comp.outlined-menu-button.outline.color static const TokenColorRole outlineColor = TokenColorRole.outline; @@ -126,16 +119,19 @@ class TokenOutlinedMenuButton { static const double trailingIconSize = 18.00; /// md.comp.outlined-menu-button.with-icon.disabled.icon.color - static const TokenColorRole withIconDisabledIconColor = TokenColorRole.onSurface; + static const TokenColorRole withIconDisabledIconColor = + TokenColorRole.onSurface; /// md.comp.outlined-menu-button.with-icon.disabled.icon.opacity static const double withIconDisabledIconOpacity = 0.38; /// md.comp.outlined-menu-button.with-icon.focus.leading-icon.color - static const TokenColorRole withIconFocusLeadingIconColor = TokenColorRole.primary; + static const TokenColorRole withIconFocusLeadingIconColor = + TokenColorRole.primary; /// md.comp.outlined-menu-button.with-icon.hover.leading-icon.color - static const TokenColorRole withIconHoverLeadingIconColor = TokenColorRole.primary; + static const TokenColorRole withIconHoverLeadingIconColor = + TokenColorRole.primary; /// md.comp.outlined-menu-button.with-icon.leading-icon.color static const TokenColorRole withIconLeadingIconColor = TokenColorRole.primary; @@ -144,5 +140,6 @@ class TokenOutlinedMenuButton { static const double withIconLeadingIconSize = 18.00; /// md.comp.outlined-menu-button.with-icon.pressed.leading-icon.color - static const TokenColorRole withIconPressedLeadingIconColor = TokenColorRole.primary; + static const TokenColorRole withIconPressedLeadingIconColor = + TokenColorRole.primary; } diff --git a/packages/material_ui/tool/gen_defaults/data/outlined_segmented_button.dart b/packages/material_ui/tool/gen_defaults/data/outlined_segmented_button.dart index 660705a17603..31e807c7bf7c 100644 --- a/packages/material_ui/tool/gen_defaults/data/outlined_segmented_button.dart +++ b/packages/material_ui/tool/gen_defaults/data/outlined_segmented_button.dart @@ -2,10 +2,11 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; +import 'typescale_struct.dart'; class TokenOutlinedSegmentedButton { /// md.comp.outlined-segmented-button.container.height @@ -44,23 +45,14 @@ class TokenOutlinedSegmentedButton { /// md.comp.outlined-segmented-button.hover.state-layer.opacity static const double hoverStateLayerOpacity = 0.08; - /// md.comp.outlined-segmented-button.label-text.font - static const String labelTextFont = 'Roboto'; - - /// md.comp.outlined-segmented-button.label-text.type - static const String labelTextTypeFontFamily = 'Roboto'; - - /// md.comp.outlined-segmented-button.label-text.type - static const double labelTextTypeFontSize = 14.00; - /// md.comp.outlined-segmented-button.label-text.type - static const double labelTextTypeFontWeight = 500; - - /// md.comp.outlined-segmented-button.label-text.type - static const double labelTextTypeLetterSpacing = 0.10; - - /// md.comp.outlined-segmented-button.label-text.type - static const double labelTextTypeLineHeight = 20.00; + static const TypescaleStruct labelTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 14.00, + fontWeight: 500, + lineHeight: 20.00, + letterSpacing: 0.10, + ); /// md.comp.outlined-segmented-button.outline.color static const TokenColorRole outlineColor = TokenColorRole.outline; @@ -72,40 +64,52 @@ class TokenOutlinedSegmentedButton { static const double pressedStateLayerOpacity = 0.10; /// md.comp.outlined-segmented-button.selected.container.color - static const TokenColorRole selectedContainerColor = TokenColorRole.secondaryContainer; + static const TokenColorRole selectedContainerColor = + TokenColorRole.secondaryContainer; /// md.comp.outlined-segmented-button.selected.focus.icon.color - static const TokenColorRole selectedFocusIconColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole selectedFocusIconColor = + TokenColorRole.onSecondaryContainer; /// md.comp.outlined-segmented-button.selected.focus.label-text.color - static const TokenColorRole selectedFocusLabelTextColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole selectedFocusLabelTextColor = + TokenColorRole.onSecondaryContainer; /// md.comp.outlined-segmented-button.selected.focus.state-layer.color - static const TokenColorRole selectedFocusStateLayerColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole selectedFocusStateLayerColor = + TokenColorRole.onSecondaryContainer; /// md.comp.outlined-segmented-button.selected.hover.icon.color - static const TokenColorRole selectedHoverIconColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole selectedHoverIconColor = + TokenColorRole.onSecondaryContainer; /// md.comp.outlined-segmented-button.selected.hover.label-text.color - static const TokenColorRole selectedHoverLabelTextColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole selectedHoverLabelTextColor = + TokenColorRole.onSecondaryContainer; /// md.comp.outlined-segmented-button.selected.hover.state-layer.color - static const TokenColorRole selectedHoverStateLayerColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole selectedHoverStateLayerColor = + TokenColorRole.onSecondaryContainer; /// md.comp.outlined-segmented-button.selected.label-text.color - static const TokenColorRole selectedLabelTextColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole selectedLabelTextColor = + TokenColorRole.onSecondaryContainer; /// md.comp.outlined-segmented-button.selected.pressed.icon.color - static const TokenColorRole selectedPressedIconColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole selectedPressedIconColor = + TokenColorRole.onSecondaryContainer; /// md.comp.outlined-segmented-button.selected.pressed.label-text.color - static const TokenColorRole selectedPressedLabelTextColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole selectedPressedLabelTextColor = + TokenColorRole.onSecondaryContainer; /// md.comp.outlined-segmented-button.selected.pressed.state-layer.color - static const TokenColorRole selectedPressedStateLayerColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole selectedPressedStateLayerColor = + TokenColorRole.onSecondaryContainer; /// md.comp.outlined-segmented-button.selected.with-icon.icon.color - static const TokenColorRole selectedWithIconIconColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole selectedWithIconIconColor = + TokenColorRole.onSecondaryContainer; /// md.comp.outlined-segmented-button.shape static const ShapeStruct shape = ShapeStruct( @@ -117,37 +121,48 @@ class TokenOutlinedSegmentedButton { ); /// md.comp.outlined-segmented-button.unselected.focus.icon.color - static const TokenColorRole unselectedFocusIconColor = TokenColorRole.onSurface; + static const TokenColorRole unselectedFocusIconColor = + TokenColorRole.onSurface; /// md.comp.outlined-segmented-button.unselected.focus.label-text.color - static const TokenColorRole unselectedFocusLabelTextColor = TokenColorRole.onSurface; + static const TokenColorRole unselectedFocusLabelTextColor = + TokenColorRole.onSurface; /// md.comp.outlined-segmented-button.unselected.focus.state-layer.color - static const TokenColorRole unselectedFocusStateLayerColor = TokenColorRole.onSurface; + static const TokenColorRole unselectedFocusStateLayerColor = + TokenColorRole.onSurface; /// md.comp.outlined-segmented-button.unselected.hover.icon.color - static const TokenColorRole unselectedHoverIconColor = TokenColorRole.onSurface; + static const TokenColorRole unselectedHoverIconColor = + TokenColorRole.onSurface; /// md.comp.outlined-segmented-button.unselected.hover.label-text.color - static const TokenColorRole unselectedHoverLabelTextColor = TokenColorRole.onSurface; + static const TokenColorRole unselectedHoverLabelTextColor = + TokenColorRole.onSurface; /// md.comp.outlined-segmented-button.unselected.hover.state-layer.color - static const TokenColorRole unselectedHoverStateLayerColor = TokenColorRole.onSurface; + static const TokenColorRole unselectedHoverStateLayerColor = + TokenColorRole.onSurface; /// md.comp.outlined-segmented-button.unselected.label-text.color - static const TokenColorRole unselectedLabelTextColor = TokenColorRole.onSurface; + static const TokenColorRole unselectedLabelTextColor = + TokenColorRole.onSurface; /// md.comp.outlined-segmented-button.unselected.pressed.icon.color - static const TokenColorRole unselectedPressedIconColor = TokenColorRole.onSurface; + static const TokenColorRole unselectedPressedIconColor = + TokenColorRole.onSurface; /// md.comp.outlined-segmented-button.unselected.pressed.label-text.color - static const TokenColorRole unselectedPressedLabelTextColor = TokenColorRole.onSurface; + static const TokenColorRole unselectedPressedLabelTextColor = + TokenColorRole.onSurface; /// md.comp.outlined-segmented-button.unselected.pressed.state-layer.color - static const TokenColorRole unselectedPressedStateLayerColor = TokenColorRole.onSurface; + static const TokenColorRole unselectedPressedStateLayerColor = + TokenColorRole.onSurface; /// md.comp.outlined-segmented-button.unselected.with-icon.icon.color - static const TokenColorRole unselectedWithIconIconColor = TokenColorRole.onSurface; + static const TokenColorRole unselectedWithIconIconColor = + TokenColorRole.onSurface; /// md.comp.outlined-segmented-button.with-icon.icon.size static const double withIconIconSize = 18.00; diff --git a/packages/material_ui/tool/gen_defaults/data/outlined_select.dart b/packages/material_ui/tool/gen_defaults/data/outlined_select.dart index 7bc6f4f149fd..da70a7f8b5e9 100644 --- a/packages/material_ui/tool/gen_defaults/data/outlined_select.dart +++ b/packages/material_ui/tool/gen_defaults/data/outlined_select.dart @@ -2,20 +2,23 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; +import 'typescale_struct.dart'; class TokenOutlinedSelect { /// md.comp.outlined-select.menu.cascading-menu-indicator.icon.color - static const TokenColorRole menuCascadingMenuIndicatorIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole menuCascadingMenuIndicatorIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.outlined-select.menu.cascading-menu-indicator.icon.size static const double menuCascadingMenuIndicatorIconSize = 24.00; /// md.comp.outlined-select.menu.container.color - static const TokenColorRole menuContainerColor = TokenColorRole.surfaceContainer; + static const TokenColorRole menuContainerColor = + TokenColorRole.surfaceContainer; /// md.comp.outlined-select.menu.container.elevation static const double menuContainerElevation = 3.00; @@ -42,25 +45,17 @@ class TokenOutlinedSelect { static const double menuListItemContainerHeight = 48.00; /// md.comp.outlined-select.menu.list-item.label-text.color - static const TokenColorRole menuListItemLabelTextColor = TokenColorRole.onSurface; - - /// md.comp.outlined-select.menu.list-item.label-text.font - static const String menuListItemLabelTextFont = 'Roboto'; - - /// md.comp.outlined-select.menu.list-item.label-text.type - static const String menuListItemLabelTextTypeFontFamily = 'Roboto'; - - /// md.comp.outlined-select.menu.list-item.label-text.type - static const double menuListItemLabelTextTypeFontSize = 14.00; - - /// md.comp.outlined-select.menu.list-item.label-text.type - static const double menuListItemLabelTextTypeFontWeight = 500; - - /// md.comp.outlined-select.menu.list-item.label-text.type - static const double menuListItemLabelTextTypeLetterSpacing = 0.10; + static const TokenColorRole menuListItemLabelTextColor = + TokenColorRole.onSurface; /// md.comp.outlined-select.menu.list-item.label-text.type - static const double menuListItemLabelTextTypeLineHeight = 20.00; + static const TypescaleStruct menuListItemLabelTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 14.00, + fontWeight: 500, + lineHeight: 20.00, + letterSpacing: 0.10, + ); /// md.comp.outlined-select.menu.list-item.selected.container.color static const TokenColorRole menuListItemSelectedContainerColor = @@ -81,7 +76,8 @@ class TokenOutlinedSelect { static const double menuListItemWithTrailingIconTrailingIconSize = 24.00; /// md.comp.outlined-select.text-field.container.color - static const TokenColorRole textFieldContainerColor = TokenColorRole.surfaceContainerHighest; + static const TokenColorRole textFieldContainerColor = + TokenColorRole.surfaceContainerHighest; /// md.comp.outlined-select.text-field.container.shape static const ShapeStruct textFieldContainerShape = ShapeStruct( @@ -93,25 +89,29 @@ class TokenOutlinedSelect { ); /// md.comp.outlined-select.text-field.disabled.input-text.color - static const TokenColorRole textFieldDisabledInputTextColor = TokenColorRole.onSurface; + static const TokenColorRole textFieldDisabledInputTextColor = + TokenColorRole.onSurface; /// md.comp.outlined-select.text-field.disabled.input-text.opacity static const double textFieldDisabledInputTextOpacity = 0.38; /// md.comp.outlined-select.text-field.disabled.label-text.color - static const TokenColorRole textFieldDisabledLabelTextColor = TokenColorRole.onSurface; + static const TokenColorRole textFieldDisabledLabelTextColor = + TokenColorRole.onSurface; /// md.comp.outlined-select.text-field.disabled.label-text.opacity static const double textFieldDisabledLabelTextOpacity = 0.38; /// md.comp.outlined-select.text-field.disabled.leading-icon.color - static const TokenColorRole textFieldDisabledLeadingIconColor = TokenColorRole.onSurface; + static const TokenColorRole textFieldDisabledLeadingIconColor = + TokenColorRole.onSurface; /// md.comp.outlined-select.text-field.disabled.leading-icon.opacity static const double textFieldDisabledLeadingIconOpacity = 0.38; /// md.comp.outlined-select.text-field.disabled.outline.color - static const TokenColorRole textFieldDisabledOutlineColor = TokenColorRole.onSurface; + static const TokenColorRole textFieldDisabledOutlineColor = + TokenColorRole.onSurface; /// md.comp.outlined-select.text-field.disabled.outline.opacity static const double textFieldDisabledOutlineOpacity = 0.12; @@ -120,170 +120,187 @@ class TokenOutlinedSelect { static const double textFieldDisabledOutlineWidth = 1.00; /// md.comp.outlined-select.text-field.disabled.supporting-text.color - static const TokenColorRole textFieldDisabledSupportingTextColor = TokenColorRole.onSurface; + static const TokenColorRole textFieldDisabledSupportingTextColor = + TokenColorRole.onSurface; /// md.comp.outlined-select.text-field.disabled.supporting-text.opacity static const double textFieldDisabledSupportingTextOpacity = 0.38; /// md.comp.outlined-select.text-field.disabled.trailing-icon.color - static const TokenColorRole textFieldDisabledTrailingIconColor = TokenColorRole.onSurface; + static const TokenColorRole textFieldDisabledTrailingIconColor = + TokenColorRole.onSurface; /// md.comp.outlined-select.text-field.disabled.trailing-icon.opacity static const double textFieldDisabledTrailingIconOpacity = 0.38; /// md.comp.outlined-select.text-field.error.focus.input-text.color - static const TokenColorRole textFieldErrorFocusInputTextColor = TokenColorRole.onSurface; + static const TokenColorRole textFieldErrorFocusInputTextColor = + TokenColorRole.onSurface; /// md.comp.outlined-select.text-field.error.focus.label-text.color - static const TokenColorRole textFieldErrorFocusLabelTextColor = TokenColorRole.error; + static const TokenColorRole textFieldErrorFocusLabelTextColor = + TokenColorRole.error; /// md.comp.outlined-select.text-field.error.focus.leading-icon.color - static const TokenColorRole textFieldErrorFocusLeadingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole textFieldErrorFocusLeadingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.outlined-select.text-field.error.focus.outline.color - static const TokenColorRole textFieldErrorFocusOutlineColor = TokenColorRole.error; + static const TokenColorRole textFieldErrorFocusOutlineColor = + TokenColorRole.error; /// md.comp.outlined-select.text-field.error.focus.supporting-text.color - static const TokenColorRole textFieldErrorFocusSupportingTextColor = TokenColorRole.error; + static const TokenColorRole textFieldErrorFocusSupportingTextColor = + TokenColorRole.error; /// md.comp.outlined-select.text-field.error.focus.trailing-icon.color - static const TokenColorRole textFieldErrorFocusTrailingIconColor = TokenColorRole.error; + static const TokenColorRole textFieldErrorFocusTrailingIconColor = + TokenColorRole.error; /// md.comp.outlined-select.text-field.error.hover.input-text.color - static const TokenColorRole textFieldErrorHoverInputTextColor = TokenColorRole.onSurface; + static const TokenColorRole textFieldErrorHoverInputTextColor = + TokenColorRole.onSurface; /// md.comp.outlined-select.text-field.error.hover.label-text.color - static const TokenColorRole textFieldErrorHoverLabelTextColor = TokenColorRole.onErrorContainer; + static const TokenColorRole textFieldErrorHoverLabelTextColor = + TokenColorRole.onErrorContainer; /// md.comp.outlined-select.text-field.error.hover.leading-icon.color - static const TokenColorRole textFieldErrorHoverLeadingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole textFieldErrorHoverLeadingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.outlined-select.text-field.error.hover.outline.color - static const TokenColorRole textFieldErrorHoverOutlineColor = TokenColorRole.onErrorContainer; + static const TokenColorRole textFieldErrorHoverOutlineColor = + TokenColorRole.onErrorContainer; /// md.comp.outlined-select.text-field.error.hover.state-layer.color - static const TokenColorRole textFieldErrorHoverStateLayerColor = TokenColorRole.onSurface; + static const TokenColorRole textFieldErrorHoverStateLayerColor = + TokenColorRole.onSurface; /// md.comp.outlined-select.text-field.error.hover.state-layer.opacity static const double textFieldErrorHoverStateLayerOpacity = 0.08; /// md.comp.outlined-select.text-field.error.hover.supporting-text.color - static const TokenColorRole textFieldErrorHoverSupportingTextColor = TokenColorRole.error; + static const TokenColorRole textFieldErrorHoverSupportingTextColor = + TokenColorRole.error; /// md.comp.outlined-select.text-field.error.hover.trailing-icon.color static const TokenColorRole textFieldErrorHoverTrailingIconColor = TokenColorRole.onErrorContainer; /// md.comp.outlined-select.text-field.error.input-text.color - static const TokenColorRole textFieldErrorInputTextColor = TokenColorRole.onSurface; + static const TokenColorRole textFieldErrorInputTextColor = + TokenColorRole.onSurface; /// md.comp.outlined-select.text-field.error.label-text.color - static const TokenColorRole textFieldErrorLabelTextColor = TokenColorRole.error; + static const TokenColorRole textFieldErrorLabelTextColor = + TokenColorRole.error; /// md.comp.outlined-select.text-field.error.leading-icon.color - static const TokenColorRole textFieldErrorLeadingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole textFieldErrorLeadingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.outlined-select.text-field.error.outline.color static const TokenColorRole textFieldErrorOutlineColor = TokenColorRole.error; /// md.comp.outlined-select.text-field.error.supporting-text.color - static const TokenColorRole textFieldErrorSupportingTextColor = TokenColorRole.error; + static const TokenColorRole textFieldErrorSupportingTextColor = + TokenColorRole.error; /// md.comp.outlined-select.text-field.error.trailing-icon.color - static const TokenColorRole textFieldErrorTrailingIconColor = TokenColorRole.error; + static const TokenColorRole textFieldErrorTrailingIconColor = + TokenColorRole.error; /// md.comp.outlined-select.text-field.focus.input-text.color - static const TokenColorRole textFieldFocusInputTextColor = TokenColorRole.onSurface; + static const TokenColorRole textFieldFocusInputTextColor = + TokenColorRole.onSurface; /// md.comp.outlined-select.text-field.focus.label-text.color - static const TokenColorRole textFieldFocusLabelTextColor = TokenColorRole.primary; + static const TokenColorRole textFieldFocusLabelTextColor = + TokenColorRole.primary; /// md.comp.outlined-select.text-field.focus.leading-icon.color - static const TokenColorRole textFieldFocusLeadingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole textFieldFocusLeadingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.outlined-select.text-field.focus.outline.color - static const TokenColorRole textFieldFocusOutlineColor = TokenColorRole.primary; + static const TokenColorRole textFieldFocusOutlineColor = + TokenColorRole.primary; /// md.comp.outlined-select.text-field.focus.outline.width static const double textFieldFocusOutlineWidth = 3.00; /// md.comp.outlined-select.text-field.focus.supporting-text.color - static const TokenColorRole textFieldFocusSupportingTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole textFieldFocusSupportingTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.outlined-select.text-field.focus.trailing-icon.color - static const TokenColorRole textFieldFocusTrailingIconColor = TokenColorRole.primary; + static const TokenColorRole textFieldFocusTrailingIconColor = + TokenColorRole.primary; /// md.comp.outlined-select.text-field.hover.input-text.color - static const TokenColorRole textFieldHoverInputTextColor = TokenColorRole.onSurface; + static const TokenColorRole textFieldHoverInputTextColor = + TokenColorRole.onSurface; /// md.comp.outlined-select.text-field.hover.label-text.color - static const TokenColorRole textFieldHoverLabelTextColor = TokenColorRole.onSurface; + static const TokenColorRole textFieldHoverLabelTextColor = + TokenColorRole.onSurface; /// md.comp.outlined-select.text-field.hover.leading-icon.color - static const TokenColorRole textFieldHoverLeadingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole textFieldHoverLeadingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.outlined-select.text-field.hover.outline.color - static const TokenColorRole textFieldHoverOutlineColor = TokenColorRole.onSurface; + static const TokenColorRole textFieldHoverOutlineColor = + TokenColorRole.onSurface; /// md.comp.outlined-select.text-field.hover.outline.width static const double textFieldHoverOutlineWidth = 1.00; /// md.comp.outlined-select.text-field.hover.state-layer.color - static const TokenColorRole textFieldHoverStateLayerColor = TokenColorRole.onSurface; + static const TokenColorRole textFieldHoverStateLayerColor = + TokenColorRole.onSurface; /// md.comp.outlined-select.text-field.hover.state-layer.opacity static const double textFieldHoverStateLayerOpacity = 0.08; /// md.comp.outlined-select.text-field.hover.supporting-text.color - static const TokenColorRole textFieldHoverSupportingTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole textFieldHoverSupportingTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.outlined-select.text-field.hover.trailing-icon.color - static const TokenColorRole textFieldHoverTrailingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole textFieldHoverTrailingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.outlined-select.text-field.input-text.color - static const TokenColorRole textFieldInputTextColor = TokenColorRole.onSurface; - - /// md.comp.outlined-select.text-field.input-text.font - static const String textFieldInputTextFont = 'Roboto'; - - /// md.comp.outlined-select.text-field.input-text.type - static const String textFieldInputTextTypeFontFamily = 'Roboto'; - - /// md.comp.outlined-select.text-field.input-text.type - static const double textFieldInputTextTypeFontSize = 16.00; - - /// md.comp.outlined-select.text-field.input-text.type - static const double textFieldInputTextTypeFontWeight = 400; - - /// md.comp.outlined-select.text-field.input-text.type - static const double textFieldInputTextTypeLetterSpacing = 0.50; + static const TokenColorRole textFieldInputTextColor = + TokenColorRole.onSurface; /// md.comp.outlined-select.text-field.input-text.type - static const double textFieldInputTextTypeLineHeight = 24.00; + static const TypescaleStruct textFieldInputTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 16.00, + fontWeight: 400, + lineHeight: 24.00, + letterSpacing: 0.50, + ); /// md.comp.outlined-select.text-field.label-text.color - static const TokenColorRole textFieldLabelTextColor = TokenColorRole.onSurfaceVariant; - - /// md.comp.outlined-select.text-field.label-text.font - static const String textFieldLabelTextFont = 'Roboto'; - - /// md.comp.outlined-select.text-field.label-text.type - static const String textFieldLabelTextTypeFontFamily = 'Roboto'; - - /// md.comp.outlined-select.text-field.label-text.type - static const double textFieldLabelTextTypeFontSize = 16.00; - - /// md.comp.outlined-select.text-field.label-text.type - static const double textFieldLabelTextTypeFontWeight = 400; - - /// md.comp.outlined-select.text-field.label-text.type - static const double textFieldLabelTextTypeLetterSpacing = 0.50; + static const TokenColorRole textFieldLabelTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.outlined-select.text-field.label-text.type - static const double textFieldLabelTextTypeLineHeight = 24.00; + static const TypescaleStruct textFieldLabelTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 16.00, + fontWeight: 400, + lineHeight: 24.00, + letterSpacing: 0.50, + ); /// md.comp.outlined-select.text-field.leading-icon.color - static const TokenColorRole textFieldLeadingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole textFieldLeadingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.outlined-select.text-field.leading-icon.size static const double textFieldLeadingIconSize = 24.00; @@ -295,28 +312,21 @@ class TokenOutlinedSelect { static const double textFieldOutlineWidth = 1.00; /// md.comp.outlined-select.text-field.supporting-text.color - static const TokenColorRole textFieldSupportingTextColor = TokenColorRole.onSurfaceVariant; - - /// md.comp.outlined-select.text-field.supporting-text.font - static const String textFieldSupportingTextFont = 'Roboto'; - - /// md.comp.outlined-select.text-field.supporting-text.type - static const String textFieldSupportingTextTypeFontFamily = 'Roboto'; - - /// md.comp.outlined-select.text-field.supporting-text.type - static const double textFieldSupportingTextTypeFontSize = 12.00; - - /// md.comp.outlined-select.text-field.supporting-text.type - static const double textFieldSupportingTextTypeFontWeight = 400; - - /// md.comp.outlined-select.text-field.supporting-text.type - static const double textFieldSupportingTextTypeLetterSpacing = 0.40; + static const TokenColorRole textFieldSupportingTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.outlined-select.text-field.supporting-text.type - static const double textFieldSupportingTextTypeLineHeight = 16.00; + static const TypescaleStruct textFieldSupportingTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 12.00, + fontWeight: 400, + lineHeight: 16.00, + letterSpacing: 0.40, + ); /// md.comp.outlined-select.text-field.trailing-icon.color - static const TokenColorRole textFieldTrailingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole textFieldTrailingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.outlined-select.text-field.trailing-icon.size static const double textFieldTrailingIconSize = 24.00; diff --git a/packages/material_ui/tool/gen_defaults/data/outlined_text_field.dart b/packages/material_ui/tool/gen_defaults/data/outlined_text_field.dart index 8e9c9bdbb8c0..e339497881dd 100644 --- a/packages/material_ui/tool/gen_defaults/data/outlined_text_field.dart +++ b/packages/material_ui/tool/gen_defaults/data/outlined_text_field.dart @@ -2,10 +2,11 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; +import 'typescale_struct.dart'; class TokenOutlinedTextField { /// md.comp.outlined-text-field.caret.color @@ -33,7 +34,8 @@ class TokenOutlinedTextField { static const double disabledLabelTextOpacity = 0.38; /// md.comp.outlined-text-field.disabled.leading-icon.color - static const TokenColorRole disabledLeadingIconColor = TokenColorRole.onSurface; + static const TokenColorRole disabledLeadingIconColor = + TokenColorRole.onSurface; /// md.comp.outlined-text-field.disabled.leading-icon.opacity static const double disabledLeadingIconOpacity = 0.38; @@ -48,13 +50,15 @@ class TokenOutlinedTextField { static const double disabledOutlineWidth = 1.00; /// md.comp.outlined-text-field.disabled.supporting-text.color - static const TokenColorRole disabledSupportingTextColor = TokenColorRole.onSurface; + static const TokenColorRole disabledSupportingTextColor = + TokenColorRole.onSurface; /// md.comp.outlined-text-field.disabled.supporting-text.opacity static const double disabledSupportingTextOpacity = 0.38; /// md.comp.outlined-text-field.disabled.trailing-icon.color - static const TokenColorRole disabledTrailingIconColor = TokenColorRole.onSurface; + static const TokenColorRole disabledTrailingIconColor = + TokenColorRole.onSurface; /// md.comp.outlined-text-field.disabled.trailing-icon.opacity static const double disabledTrailingIconOpacity = 0.38; @@ -63,40 +67,50 @@ class TokenOutlinedTextField { static const TokenColorRole errorFocusCaretColor = TokenColorRole.error; /// md.comp.outlined-text-field.error.focus.input-text.color - static const TokenColorRole errorFocusInputTextColor = TokenColorRole.onSurface; + static const TokenColorRole errorFocusInputTextColor = + TokenColorRole.onSurface; /// md.comp.outlined-text-field.error.focus.label-text.color static const TokenColorRole errorFocusLabelTextColor = TokenColorRole.error; /// md.comp.outlined-text-field.error.focus.leading-icon.color - static const TokenColorRole errorFocusLeadingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole errorFocusLeadingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.outlined-text-field.error.focus.outline.color static const TokenColorRole errorFocusOutlineColor = TokenColorRole.error; /// md.comp.outlined-text-field.error.focus.supporting-text.color - static const TokenColorRole errorFocusSupportingTextColor = TokenColorRole.error; + static const TokenColorRole errorFocusSupportingTextColor = + TokenColorRole.error; /// md.comp.outlined-text-field.error.focus.trailing-icon.color - static const TokenColorRole errorFocusTrailingIconColor = TokenColorRole.error; + static const TokenColorRole errorFocusTrailingIconColor = + TokenColorRole.error; /// md.comp.outlined-text-field.error.hover.input-text.color - static const TokenColorRole errorHoverInputTextColor = TokenColorRole.onSurface; + static const TokenColorRole errorHoverInputTextColor = + TokenColorRole.onSurface; /// md.comp.outlined-text-field.error.hover.label-text.color - static const TokenColorRole errorHoverLabelTextColor = TokenColorRole.onErrorContainer; + static const TokenColorRole errorHoverLabelTextColor = + TokenColorRole.onErrorContainer; /// md.comp.outlined-text-field.error.hover.leading-icon.color - static const TokenColorRole errorHoverLeadingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole errorHoverLeadingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.outlined-text-field.error.hover.outline.color - static const TokenColorRole errorHoverOutlineColor = TokenColorRole.onErrorContainer; + static const TokenColorRole errorHoverOutlineColor = + TokenColorRole.onErrorContainer; /// md.comp.outlined-text-field.error.hover.supporting-text.color - static const TokenColorRole errorHoverSupportingTextColor = TokenColorRole.error; + static const TokenColorRole errorHoverSupportingTextColor = + TokenColorRole.error; /// md.comp.outlined-text-field.error.hover.trailing-icon.color - static const TokenColorRole errorHoverTrailingIconColor = TokenColorRole.onErrorContainer; + static const TokenColorRole errorHoverTrailingIconColor = + TokenColorRole.onErrorContainer; /// md.comp.outlined-text-field.error.input-text.color static const TokenColorRole errorInputTextColor = TokenColorRole.onSurface; @@ -105,7 +119,8 @@ class TokenOutlinedTextField { static const TokenColorRole errorLabelTextColor = TokenColorRole.error; /// md.comp.outlined-text-field.error.leading-icon.color - static const TokenColorRole errorLeadingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole errorLeadingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.outlined-text-field.error.outline.color static const TokenColorRole errorOutlineColor = TokenColorRole.error; @@ -123,7 +138,8 @@ class TokenOutlinedTextField { static const TokenColorRole focusLabelTextColor = TokenColorRole.primary; /// md.comp.outlined-text-field.focus.leading-icon.color - static const TokenColorRole focusLeadingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole focusLeadingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.outlined-text-field.focus.outline.color static const TokenColorRole focusOutlineColor = TokenColorRole.primary; @@ -132,10 +148,12 @@ class TokenOutlinedTextField { static const double focusOutlineWidth = 3.00; /// md.comp.outlined-text-field.focus.supporting-text.color - static const TokenColorRole focusSupportingTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole focusSupportingTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.outlined-text-field.focus.trailing-icon.color - static const TokenColorRole focusTrailingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole focusTrailingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.outlined-text-field.hover.input-text.color static const TokenColorRole hoverInputTextColor = TokenColorRole.onSurface; @@ -144,7 +162,8 @@ class TokenOutlinedTextField { static const TokenColorRole hoverLabelTextColor = TokenColorRole.onSurface; /// md.comp.outlined-text-field.hover.leading-icon.color - static const TokenColorRole hoverLeadingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole hoverLeadingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.outlined-text-field.hover.outline.color static const TokenColorRole hoverOutlineColor = TokenColorRole.onSurface; @@ -153,64 +172,52 @@ class TokenOutlinedTextField { static const double hoverOutlineWidth = 1.00; /// md.comp.outlined-text-field.hover.supporting-text.color - static const TokenColorRole hoverSupportingTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole hoverSupportingTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.outlined-text-field.hover.trailing-icon.color - static const TokenColorRole hoverTrailingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole hoverTrailingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.outlined-text-field.input-text.color static const TokenColorRole inputTextColor = TokenColorRole.onSurface; - /// md.comp.outlined-text-field.input-text.font - static const String inputTextFont = 'Roboto'; - /// md.comp.outlined-text-field.input-text.placeholder.color - static const TokenColorRole inputTextPlaceholderColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole inputTextPlaceholderColor = + TokenColorRole.onSurfaceVariant; /// md.comp.outlined-text-field.input-text.prefix.color - static const TokenColorRole inputTextPrefixColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole inputTextPrefixColor = + TokenColorRole.onSurfaceVariant; /// md.comp.outlined-text-field.input-text.suffix.color - static const TokenColorRole inputTextSuffixColor = TokenColorRole.onSurfaceVariant; - - /// md.comp.outlined-text-field.input-text.type - static const String inputTextTypeFontFamily = 'Roboto'; - - /// md.comp.outlined-text-field.input-text.type - static const double inputTextTypeFontSize = 16.00; - - /// md.comp.outlined-text-field.input-text.type - static const double inputTextTypeFontWeight = 400; + static const TokenColorRole inputTextSuffixColor = + TokenColorRole.onSurfaceVariant; /// md.comp.outlined-text-field.input-text.type - static const double inputTextTypeLetterSpacing = 0.50; - - /// md.comp.outlined-text-field.input-text.type - static const double inputTextTypeLineHeight = 24.00; + static const TypescaleStruct inputTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 16.00, + fontWeight: 400, + lineHeight: 24.00, + letterSpacing: 0.50, + ); /// md.comp.outlined-text-field.label-text.color static const TokenColorRole labelTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.outlined-text-field.label-text.font - static const String labelTextFont = 'Roboto'; - - /// md.comp.outlined-text-field.label-text.type - static const String labelTextTypeFontFamily = 'Roboto'; - - /// md.comp.outlined-text-field.label-text.type - static const double labelTextTypeFontSize = 16.00; - /// md.comp.outlined-text-field.label-text.type - static const double labelTextTypeFontWeight = 400; - - /// md.comp.outlined-text-field.label-text.type - static const double labelTextTypeLetterSpacing = 0.50; - - /// md.comp.outlined-text-field.label-text.type - static const double labelTextTypeLineHeight = 24.00; + static const TypescaleStruct labelTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 16.00, + fontWeight: 400, + lineHeight: 24.00, + letterSpacing: 0.50, + ); /// md.comp.outlined-text-field.leading-icon.color - static const TokenColorRole leadingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole leadingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.outlined-text-field.leading-icon.size static const double leadingIconSize = 24.00; @@ -222,28 +229,21 @@ class TokenOutlinedTextField { static const double outlineWidth = 1.00; /// md.comp.outlined-text-field.supporting-text.color - static const TokenColorRole supportingTextColor = TokenColorRole.onSurfaceVariant; - - /// md.comp.outlined-text-field.supporting-text.font - static const String supportingTextFont = 'Roboto'; - - /// md.comp.outlined-text-field.supporting-text.type - static const String supportingTextTypeFontFamily = 'Roboto'; + static const TokenColorRole supportingTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.outlined-text-field.supporting-text.type - static const double supportingTextTypeFontSize = 12.00; - - /// md.comp.outlined-text-field.supporting-text.type - static const double supportingTextTypeFontWeight = 400; - - /// md.comp.outlined-text-field.supporting-text.type - static const double supportingTextTypeLetterSpacing = 0.40; - - /// md.comp.outlined-text-field.supporting-text.type - static const double supportingTextTypeLineHeight = 16.00; + static const TypescaleStruct supportingTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 12.00, + fontWeight: 400, + lineHeight: 16.00, + letterSpacing: 0.40, + ); /// md.comp.outlined-text-field.trailing-icon.color - static const TokenColorRole trailingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole trailingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.outlined-text-field.trailing-icon.size static const double trailingIconSize = 24.00; diff --git a/packages/material_ui/tool/gen_defaults/data/palette.dart b/packages/material_ui/tool/gen_defaults/data/palette.dart index 1d5549ef5b86..f573b364235d 100644 --- a/packages/material_ui/tool/gen_defaults/data/palette.dart +++ b/packages/material_ui/tool/gen_defaults/data/palette.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 class TokenPalette { /// md.ref.palette.black diff --git a/packages/material_ui/tool/gen_defaults/data/plain_tooltip.dart b/packages/material_ui/tool/gen_defaults/data/plain_tooltip.dart index 4c173d7e4ac0..bf4218e95398 100644 --- a/packages/material_ui/tool/gen_defaults/data/plain_tooltip.dart +++ b/packages/material_ui/tool/gen_defaults/data/plain_tooltip.dart @@ -2,10 +2,11 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; +import 'typescale_struct.dart'; class TokenPlainTooltip { /// md.comp.plain-tooltip.container.color @@ -21,23 +22,15 @@ class TokenPlainTooltip { ); /// md.comp.plain-tooltip.supporting-text.color - static const TokenColorRole supportingTextColor = TokenColorRole.inverseOnSurface; - - /// md.comp.plain-tooltip.supporting-text.font - static const String supportingTextFont = 'Roboto'; - - /// md.comp.plain-tooltip.supporting-text.type - static const String supportingTextTypeFontFamily = 'Roboto'; - - /// md.comp.plain-tooltip.supporting-text.type - static const double supportingTextTypeFontSize = 12.00; + static const TokenColorRole supportingTextColor = + TokenColorRole.inverseOnSurface; /// md.comp.plain-tooltip.supporting-text.type - static const double supportingTextTypeFontWeight = 400; - - /// md.comp.plain-tooltip.supporting-text.type - static const double supportingTextTypeLetterSpacing = 0.40; - - /// md.comp.plain-tooltip.supporting-text.type - static const double supportingTextTypeLineHeight = 16.00; + static const TypescaleStruct supportingTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 12.00, + fontWeight: 400, + lineHeight: 16.00, + letterSpacing: 0.40, + ); } diff --git a/packages/material_ui/tool/gen_defaults/data/primary_navigation_tab.dart b/packages/material_ui/tool/gen_defaults/data/primary_navigation_tab.dart index 5cead8355beb..d7d6e0f91248 100644 --- a/packages/material_ui/tool/gen_defaults/data/primary_navigation_tab.dart +++ b/packages/material_ui/tool/gen_defaults/data/primary_navigation_tab.dart @@ -2,20 +2,23 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; +import 'typescale_struct.dart'; class TokenPrimaryNavigationTab { /// md.comp.primary-navigation-tab.active.focus.state-layer.color - static const TokenColorRole activeFocusStateLayerColor = TokenColorRole.primary; + static const TokenColorRole activeFocusStateLayerColor = + TokenColorRole.primary; /// md.comp.primary-navigation-tab.active.focus.state-layer.opacity static const double activeFocusStateLayerOpacity = 0.10; /// md.comp.primary-navigation-tab.active.hover.state-layer.color - static const TokenColorRole activeHoverStateLayerColor = TokenColorRole.primary; + static const TokenColorRole activeHoverStateLayerColor = + TokenColorRole.primary; /// md.comp.primary-navigation-tab.active.hover.state-layer.opacity static const double activeHoverStateLayerOpacity = 0.08; @@ -36,7 +39,8 @@ class TokenPrimaryNavigationTab { ); /// md.comp.primary-navigation-tab.active.pressed.state-layer.color - static const TokenColorRole activePressedStateLayerColor = TokenColorRole.primary; + static const TokenColorRole activePressedStateLayerColor = + TokenColorRole.primary; /// md.comp.primary-navigation-tab.active.pressed.state-layer.opacity static const double activePressedStateLayerOpacity = 0.10; @@ -69,34 +73,40 @@ class TokenPrimaryNavigationTab { static const double focusIndicatorThickness = 3.00; /// md.comp.primary-navigation-tab.inactive.focus.state-layer.color - static const TokenColorRole inactiveFocusStateLayerColor = TokenColorRole.onSurface; + static const TokenColorRole inactiveFocusStateLayerColor = + TokenColorRole.onSurface; /// md.comp.primary-navigation-tab.inactive.focus.state-layer.opacity static const double inactiveFocusStateLayerOpacity = 0.10; /// md.comp.primary-navigation-tab.inactive.hover.state-layer.color - static const TokenColorRole inactiveHoverStateLayerColor = TokenColorRole.onSurface; + static const TokenColorRole inactiveHoverStateLayerColor = + TokenColorRole.onSurface; /// md.comp.primary-navigation-tab.inactive.hover.state-layer.opacity static const double inactiveHoverStateLayerOpacity = 0.08; /// md.comp.primary-navigation-tab.inactive.pressed.state-layer.color - static const TokenColorRole inactivePressedStateLayerColor = TokenColorRole.primary; + static const TokenColorRole inactivePressedStateLayerColor = + TokenColorRole.primary; /// md.comp.primary-navigation-tab.inactive.pressed.state-layer.opacity static const double inactivePressedStateLayerOpacity = 0.10; /// md.comp.primary-navigation-tab.with-icon.active.focus.icon.color - static const TokenColorRole withIconActiveFocusIconColor = TokenColorRole.primary; + static const TokenColorRole withIconActiveFocusIconColor = + TokenColorRole.primary; /// md.comp.primary-navigation-tab.with-icon.active.hover.icon.color - static const TokenColorRole withIconActiveHoverIconColor = TokenColorRole.primary; + static const TokenColorRole withIconActiveHoverIconColor = + TokenColorRole.primary; /// md.comp.primary-navigation-tab.with-icon.active.icon.color static const TokenColorRole withIconActiveIconColor = TokenColorRole.primary; /// md.comp.primary-navigation-tab.with-icon.active.pressed.icon.color - static const TokenColorRole withIconActivePressedIconColor = TokenColorRole.primary; + static const TokenColorRole withIconActivePressedIconColor = + TokenColorRole.primary; /// md.comp.primary-navigation-tab.with-icon-and-label-text.container.height static const double withIconAndLabelTextContainerHeight = 64.00; @@ -105,56 +115,59 @@ class TokenPrimaryNavigationTab { static const double withIconIconSize = 24.00; /// md.comp.primary-navigation-tab.with-icon.inactive.focus.icon.color - static const TokenColorRole withIconInactiveFocusIconColor = TokenColorRole.onSurface; + static const TokenColorRole withIconInactiveFocusIconColor = + TokenColorRole.onSurface; /// md.comp.primary-navigation-tab.with-icon.inactive.hover.icon.color - static const TokenColorRole withIconInactiveHoverIconColor = TokenColorRole.onSurface; + static const TokenColorRole withIconInactiveHoverIconColor = + TokenColorRole.onSurface; /// md.comp.primary-navigation-tab.with-icon.inactive.icon.color - static const TokenColorRole withIconInactiveIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole withIconInactiveIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.primary-navigation-tab.with-icon.inactive.pressed.icon.color - static const TokenColorRole withIconInactivePressedIconColor = TokenColorRole.onSurface; + static const TokenColorRole withIconInactivePressedIconColor = + TokenColorRole.onSurface; /// md.comp.primary-navigation-tab.with-label-text.active.focus.label-text.color - static const TokenColorRole withLabelTextActiveFocusLabelTextColor = TokenColorRole.primary; + static const TokenColorRole withLabelTextActiveFocusLabelTextColor = + TokenColorRole.primary; /// md.comp.primary-navigation-tab.with-label-text.active.hover.label-text.color - static const TokenColorRole withLabelTextActiveHoverLabelTextColor = TokenColorRole.primary; + static const TokenColorRole withLabelTextActiveHoverLabelTextColor = + TokenColorRole.primary; /// md.comp.primary-navigation-tab.with-label-text.active.label-text.color - static const TokenColorRole withLabelTextActiveLabelTextColor = TokenColorRole.primary; + static const TokenColorRole withLabelTextActiveLabelTextColor = + TokenColorRole.primary; /// md.comp.primary-navigation-tab.with-label-text.active.pressed.label-text.color - static const TokenColorRole withLabelTextActivePressedLabelTextColor = TokenColorRole.primary; + static const TokenColorRole withLabelTextActivePressedLabelTextColor = + TokenColorRole.primary; /// md.comp.primary-navigation-tab.with-label-text.inactive.focus.label-text.color - static const TokenColorRole withLabelTextInactiveFocusLabelTextColor = TokenColorRole.onSurface; + static const TokenColorRole withLabelTextInactiveFocusLabelTextColor = + TokenColorRole.onSurface; /// md.comp.primary-navigation-tab.with-label-text.inactive.hover.label-text.color - static const TokenColorRole withLabelTextInactiveHoverLabelTextColor = TokenColorRole.onSurface; + static const TokenColorRole withLabelTextInactiveHoverLabelTextColor = + TokenColorRole.onSurface; /// md.comp.primary-navigation-tab.with-label-text.inactive.label-text.color - static const TokenColorRole withLabelTextInactiveLabelTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole withLabelTextInactiveLabelTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.primary-navigation-tab.with-label-text.inactive.pressed.label-text.color - static const TokenColorRole withLabelTextInactivePressedLabelTextColor = TokenColorRole.onSurface; - - /// md.comp.primary-navigation-tab.with-label-text.label-text.font - static const String withLabelTextLabelTextFont = 'Roboto'; - - /// md.comp.primary-navigation-tab.with-label-text.label-text.type - static const String withLabelTextLabelTextTypeFontFamily = 'Roboto'; - - /// md.comp.primary-navigation-tab.with-label-text.label-text.type - static const double withLabelTextLabelTextTypeFontSize = 14.00; + static const TokenColorRole withLabelTextInactivePressedLabelTextColor = + TokenColorRole.onSurface; /// md.comp.primary-navigation-tab.with-label-text.label-text.type - static const double withLabelTextLabelTextTypeFontWeight = 500; - - /// md.comp.primary-navigation-tab.with-label-text.label-text.type - static const double withLabelTextLabelTextTypeLetterSpacing = 0.10; - - /// md.comp.primary-navigation-tab.with-label-text.label-text.type - static const double withLabelTextLabelTextTypeLineHeight = 20.00; + static const TypescaleStruct withLabelTextLabelTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 14.00, + fontWeight: 500, + lineHeight: 20.00, + letterSpacing: 0.10, + ); } diff --git a/packages/material_ui/tool/gen_defaults/data/progress_indicator.dart b/packages/material_ui/tool/gen_defaults/data/progress_indicator.dart index dc37b4620f3d..f75149027928 100644 --- a/packages/material_ui/tool/gen_defaults/data/progress_indicator.dart +++ b/packages/material_ui/tool/gen_defaults/data/progress_indicator.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; diff --git a/packages/material_ui/tool/gen_defaults/data/progress_indicator_circular.dart b/packages/material_ui/tool/gen_defaults/data/progress_indicator_circular.dart index f9e8a8faa4a7..46ed920a6a87 100644 --- a/packages/material_ui/tool/gen_defaults/data/progress_indicator_circular.dart +++ b/packages/material_ui/tool/gen_defaults/data/progress_indicator_circular.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 class TokenProgressIndicatorCircular { /// md.comp.progress-indicator.circular.active-indicator.thickness diff --git a/packages/material_ui/tool/gen_defaults/data/progress_indicator_linear.dart b/packages/material_ui/tool/gen_defaults/data/progress_indicator_linear.dart index 186887fd935b..bab73a9ced12 100644 --- a/packages/material_ui/tool/gen_defaults/data/progress_indicator_linear.dart +++ b/packages/material_ui/tool/gen_defaults/data/progress_indicator_linear.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 class TokenProgressIndicatorLinear { /// md.comp.progress-indicator.linear.active-indicator.thickness diff --git a/packages/material_ui/tool/gen_defaults/data/radio_button.dart b/packages/material_ui/tool/gen_defaults/data/radio_button.dart index fc6e2364fbf1..9f1198792779 100644 --- a/packages/material_ui/tool/gen_defaults/data/radio_button.dart +++ b/packages/material_ui/tool/gen_defaults/data/radio_button.dart @@ -2,19 +2,21 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; class TokenRadioButton { /// md.comp.radio-button.disabled.selected.icon.color - static const TokenColorRole disabledSelectedIconColor = TokenColorRole.onSurface; + static const TokenColorRole disabledSelectedIconColor = + TokenColorRole.onSurface; /// md.comp.radio-button.disabled.selected.icon.opacity static const double disabledSelectedIconOpacity = 0.38; /// md.comp.radio-button.disabled.unselected.icon.color - static const TokenColorRole disabledUnselectedIconColor = TokenColorRole.onSurface; + static const TokenColorRole disabledUnselectedIconColor = + TokenColorRole.onSurface; /// md.comp.radio-button.disabled.unselected.icon.opacity static const double disabledUnselectedIconOpacity = 0.38; @@ -26,7 +28,8 @@ class TokenRadioButton { static const TokenColorRole selectedFocusIconColor = TokenColorRole.primary; /// md.comp.radio-button.selected.focus.state-layer.color - static const TokenColorRole selectedFocusStateLayerColor = TokenColorRole.primary; + static const TokenColorRole selectedFocusStateLayerColor = + TokenColorRole.primary; /// md.comp.radio-button.selected.focus.state-layer.opacity static const double selectedFocusStateLayerOpacity = 0.10; @@ -35,7 +38,8 @@ class TokenRadioButton { static const TokenColorRole selectedHoverIconColor = TokenColorRole.primary; /// md.comp.radio-button.selected.hover.state-layer.color - static const TokenColorRole selectedHoverStateLayerColor = TokenColorRole.primary; + static const TokenColorRole selectedHoverStateLayerColor = + TokenColorRole.primary; /// md.comp.radio-button.selected.hover.state-layer.opacity static const double selectedHoverStateLayerOpacity = 0.08; @@ -47,7 +51,8 @@ class TokenRadioButton { static const TokenColorRole selectedPressedIconColor = TokenColorRole.primary; /// md.comp.radio-button.selected.pressed.state-layer.color - static const TokenColorRole selectedPressedStateLayerColor = TokenColorRole.onSurface; + static const TokenColorRole selectedPressedStateLayerColor = + TokenColorRole.onSurface; /// md.comp.radio-button.selected.pressed.state-layer.opacity static const double selectedPressedStateLayerOpacity = 0.10; @@ -56,31 +61,38 @@ class TokenRadioButton { static const double stateLayerSize = 40.00; /// md.comp.radio-button.unselected.focus.icon.color - static const TokenColorRole unselectedFocusIconColor = TokenColorRole.onSurface; + static const TokenColorRole unselectedFocusIconColor = + TokenColorRole.onSurface; /// md.comp.radio-button.unselected.focus.state-layer.color - static const TokenColorRole unselectedFocusStateLayerColor = TokenColorRole.onSurface; + static const TokenColorRole unselectedFocusStateLayerColor = + TokenColorRole.onSurface; /// md.comp.radio-button.unselected.focus.state-layer.opacity static const double unselectedFocusStateLayerOpacity = 0.10; /// md.comp.radio-button.unselected.hover.icon.color - static const TokenColorRole unselectedHoverIconColor = TokenColorRole.onSurface; + static const TokenColorRole unselectedHoverIconColor = + TokenColorRole.onSurface; /// md.comp.radio-button.unselected.hover.state-layer.color - static const TokenColorRole unselectedHoverStateLayerColor = TokenColorRole.onSurface; + static const TokenColorRole unselectedHoverStateLayerColor = + TokenColorRole.onSurface; /// md.comp.radio-button.unselected.hover.state-layer.opacity static const double unselectedHoverStateLayerOpacity = 0.08; /// md.comp.radio-button.unselected.icon.color - static const TokenColorRole unselectedIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.radio-button.unselected.pressed.icon.color - static const TokenColorRole unselectedPressedIconColor = TokenColorRole.onSurface; + static const TokenColorRole unselectedPressedIconColor = + TokenColorRole.onSurface; /// md.comp.radio-button.unselected.pressed.state-layer.color - static const TokenColorRole unselectedPressedStateLayerColor = TokenColorRole.primary; + static const TokenColorRole unselectedPressedStateLayerColor = + TokenColorRole.primary; /// md.comp.radio-button.unselected.pressed.state-layer.opacity static const double unselectedPressedStateLayerOpacity = 0.10; diff --git a/packages/material_ui/tool/gen_defaults/data/rich_tooltip.dart b/packages/material_ui/tool/gen_defaults/data/rich_tooltip.dart index 8293948d681c..5896d2245854 100644 --- a/packages/material_ui/tool/gen_defaults/data/rich_tooltip.dart +++ b/packages/material_ui/tool/gen_defaults/data/rich_tooltip.dart @@ -2,26 +2,31 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; +import 'typescale_struct.dart'; class TokenRichTooltip { /// md.comp.rich-tooltip.action.focus.label-text.color - static const TokenColorRole actionFocusLabelTextColor = TokenColorRole.primary; + static const TokenColorRole actionFocusLabelTextColor = + TokenColorRole.primary; /// md.comp.rich-tooltip.action.focus.state-layer.color - static const TokenColorRole actionFocusStateLayerColor = TokenColorRole.primary; + static const TokenColorRole actionFocusStateLayerColor = + TokenColorRole.primary; /// md.comp.rich-tooltip.action.focus.state-layer.opacity static const double actionFocusStateLayerOpacity = 0.10; /// md.comp.rich-tooltip.action.hover.label-text.color - static const TokenColorRole actionHoverLabelTextColor = TokenColorRole.primary; + static const TokenColorRole actionHoverLabelTextColor = + TokenColorRole.primary; /// md.comp.rich-tooltip.action.hover.state-layer.color - static const TokenColorRole actionHoverStateLayerColor = TokenColorRole.primary; + static const TokenColorRole actionHoverStateLayerColor = + TokenColorRole.primary; /// md.comp.rich-tooltip.action.hover.state-layer.opacity static const double actionHoverStateLayerOpacity = 0.08; @@ -29,29 +34,22 @@ class TokenRichTooltip { /// md.comp.rich-tooltip.action.label-text.color static const TokenColorRole actionLabelTextColor = TokenColorRole.primary; - /// md.comp.rich-tooltip.action.label-text.font - static const String actionLabelTextFont = 'Roboto'; - - /// md.comp.rich-tooltip.action.label-text.type - static const String actionLabelTextTypeFontFamily = 'Roboto'; - - /// md.comp.rich-tooltip.action.label-text.type - static const double actionLabelTextTypeFontSize = 14.00; - - /// md.comp.rich-tooltip.action.label-text.type - static const double actionLabelTextTypeFontWeight = 500; - /// md.comp.rich-tooltip.action.label-text.type - static const double actionLabelTextTypeLetterSpacing = 0.10; - - /// md.comp.rich-tooltip.action.label-text.type - static const double actionLabelTextTypeLineHeight = 20.00; + static const TypescaleStruct actionLabelTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 14.00, + fontWeight: 500, + lineHeight: 20.00, + letterSpacing: 0.10, + ); /// md.comp.rich-tooltip.action.pressed.label-text.color - static const TokenColorRole actionPressedLabelTextColor = TokenColorRole.primary; + static const TokenColorRole actionPressedLabelTextColor = + TokenColorRole.primary; /// md.comp.rich-tooltip.action.pressed.state-layer.color - static const TokenColorRole actionPressedStateLayerColor = TokenColorRole.primary; + static const TokenColorRole actionPressedStateLayerColor = + TokenColorRole.primary; /// md.comp.rich-tooltip.action.pressed.state-layer.opacity static const double actionPressedStateLayerOpacity = 0.10; @@ -77,42 +75,25 @@ class TokenRichTooltip { /// md.comp.rich-tooltip.subhead.color static const TokenColorRole subheadColor = TokenColorRole.onSurfaceVariant; - /// md.comp.rich-tooltip.subhead.font - static const String subheadFont = 'Roboto'; - - /// md.comp.rich-tooltip.subhead.type - static const String subheadTypeFontFamily = 'Roboto'; - - /// md.comp.rich-tooltip.subhead.type - static const double subheadTypeFontSize = 14.00; - /// md.comp.rich-tooltip.subhead.type - static const double subheadTypeFontWeight = 500; - - /// md.comp.rich-tooltip.subhead.type - static const double subheadTypeLetterSpacing = 0.10; - - /// md.comp.rich-tooltip.subhead.type - static const double subheadTypeLineHeight = 20.00; + static const TypescaleStruct subheadType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 14.00, + fontWeight: 500, + lineHeight: 20.00, + letterSpacing: 0.10, + ); /// md.comp.rich-tooltip.supporting-text.color - static const TokenColorRole supportingTextColor = TokenColorRole.onSurfaceVariant; - - /// md.comp.rich-tooltip.supporting-text.font - static const String supportingTextFont = 'Roboto'; - - /// md.comp.rich-tooltip.supporting-text.type - static const String supportingTextTypeFontFamily = 'Roboto'; + static const TokenColorRole supportingTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.rich-tooltip.supporting-text.type - static const double supportingTextTypeFontSize = 14.00; - - /// md.comp.rich-tooltip.supporting-text.type - static const double supportingTextTypeFontWeight = 400; - - /// md.comp.rich-tooltip.supporting-text.type - static const double supportingTextTypeLetterSpacing = 0.25; - - /// md.comp.rich-tooltip.supporting-text.type - static const double supportingTextTypeLineHeight = 20.00; + static const TypescaleStruct supportingTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 14.00, + fontWeight: 400, + lineHeight: 20.00, + letterSpacing: 0.25, + ); } diff --git a/packages/material_ui/tool/gen_defaults/data/scrim.dart b/packages/material_ui/tool/gen_defaults/data/scrim.dart index d051e8afa56c..c70b66d5d58c 100644 --- a/packages/material_ui/tool/gen_defaults/data/scrim.dart +++ b/packages/material_ui/tool/gen_defaults/data/scrim.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; diff --git a/packages/material_ui/tool/gen_defaults/data/search_bar.dart b/packages/material_ui/tool/gen_defaults/data/search_bar.dart index 3a9f351e0f27..09652fe112b0 100644 --- a/packages/material_ui/tool/gen_defaults/data/search_bar.dart +++ b/packages/material_ui/tool/gen_defaults/data/search_bar.dart @@ -2,10 +2,11 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; +import 'typescale_struct.dart'; class TokenSearchBar { /// md.comp.search-bar.avatar.shape @@ -54,7 +55,8 @@ class TokenSearchBar { static const double containedTrailingSpace = 4.00; /// md.comp.search-bar.container.color - static const TokenColorRole containerColor = TokenColorRole.surfaceContainerHigh; + static const TokenColorRole containerColor = + TokenColorRole.surfaceContainerHigh; /// md.comp.search-bar.container.elevation static const double containerElevation = 6.00; @@ -87,7 +89,8 @@ class TokenSearchBar { static const double hoverStateLayerOpacity = 0.08; /// md.comp.search-bar.hover.supporting-text.color - static const TokenColorRole hoverSupportingTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole hoverSupportingTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.search-bar.icon.size static const double iconSize = 24.00; @@ -95,23 +98,14 @@ class TokenSearchBar { /// md.comp.search-bar.input-text.color static const TokenColorRole inputTextColor = TokenColorRole.onSurface; - /// md.comp.search-bar.input-text.font - static const String inputTextFont = 'Roboto'; - - /// md.comp.search-bar.input-text.type - static const String inputTextTypeFontFamily = 'Roboto'; - - /// md.comp.search-bar.input-text.type - static const double inputTextTypeFontSize = 16.00; - /// md.comp.search-bar.input-text.type - static const double inputTextTypeFontWeight = 400; - - /// md.comp.search-bar.input-text.type - static const double inputTextTypeLetterSpacing = 0.50; - - /// md.comp.search-bar.input-text.type - static const double inputTextTypeLineHeight = 24.00; + static const TypescaleStruct inputTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 16.00, + fontWeight: 400, + lineHeight: 24.00, + letterSpacing: 0.50, + ); /// md.comp.search-bar.leading-icon.color static const TokenColorRole leadingIconColor = TokenColorRole.onSurface; @@ -129,31 +123,25 @@ class TokenSearchBar { static const double pressedStateLayerOpacity = 0.10; /// md.comp.search-bar.pressed.supporting-text.color - static const TokenColorRole pressedSupportingTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole pressedSupportingTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.search-bar.supporting-text.color - static const TokenColorRole supportingTextColor = TokenColorRole.onSurfaceVariant; - - /// md.comp.search-bar.supporting-text.font - static const String supportingTextFont = 'Roboto'; - - /// md.comp.search-bar.supporting-text.type - static const String supportingTextTypeFontFamily = 'Roboto'; - - /// md.comp.search-bar.supporting-text.type - static const double supportingTextTypeFontSize = 16.00; + static const TokenColorRole supportingTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.search-bar.supporting-text.type - static const double supportingTextTypeFontWeight = 400; - - /// md.comp.search-bar.supporting-text.type - static const double supportingTextTypeLetterSpacing = 0.50; - - /// md.comp.search-bar.supporting-text.type - static const double supportingTextTypeLineHeight = 24.00; + static const TypescaleStruct supportingTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 16.00, + fontWeight: 400, + lineHeight: 24.00, + letterSpacing: 0.50, + ); /// md.comp.search-bar.trailing-icon.color - static const TokenColorRole trailingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole trailingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.search-bar.trailing-icon.label-trailing-icon-space static const double trailingIconLabelTrailingIconSpace = 16.00; diff --git a/packages/material_ui/tool/gen_defaults/data/search_view.dart b/packages/material_ui/tool/gen_defaults/data/search_view.dart index bf7a6b110447..afcf8c8262e6 100644 --- a/packages/material_ui/tool/gen_defaults/data/search_view.dart +++ b/packages/material_ui/tool/gen_defaults/data/search_view.dart @@ -2,14 +2,16 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; +import 'typescale_struct.dart'; class TokenSearchView { /// md.comp.search-view.contained.background.color - static const TokenColorRole containedBackgroundColor = TokenColorRole.surfaceContainerLow; + static const TokenColorRole containedBackgroundColor = + TokenColorRole.surfaceContainerLow; /// md.comp.search-view.contained.docked.bar-results.gap static const double containedDockedBarResultsGap = 2.00; @@ -45,7 +47,8 @@ class TokenSearchView { static const double containedTrailingMargin = 12.00; /// md.comp.search-view.container.color - static const TokenColorRole containerColor = TokenColorRole.surfaceContainerHigh; + static const TokenColorRole containerColor = + TokenColorRole.surfaceContainerHigh; /// md.comp.search-view.container.elevation static const double containerElevation = 6.00; @@ -80,50 +83,34 @@ class TokenSearchView { /// md.comp.search-view.header.input-text.color static const TokenColorRole headerInputTextColor = TokenColorRole.onSurface; - /// md.comp.search-view.header.input-text.font - static const String headerInputTextFont = 'Roboto'; - - /// md.comp.search-view.header.input-text.type - static const String headerInputTextTypeFontFamily = 'Roboto'; - - /// md.comp.search-view.header.input-text.type - static const double headerInputTextTypeFontSize = 16.00; - /// md.comp.search-view.header.input-text.type - static const double headerInputTextTypeFontWeight = 400; - - /// md.comp.search-view.header.input-text.type - static const double headerInputTextTypeLetterSpacing = 0.50; - - /// md.comp.search-view.header.input-text.type - static const double headerInputTextTypeLineHeight = 24.00; + static const TypescaleStruct headerInputTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 16.00, + fontWeight: 400, + lineHeight: 24.00, + letterSpacing: 0.50, + ); /// md.comp.search-view.header.leading-icon.color static const TokenColorRole headerLeadingIconColor = TokenColorRole.onSurface; /// md.comp.search-view.header.supporting-text.color - static const TokenColorRole headerSupportingTextColor = TokenColorRole.onSurfaceVariant; - - /// md.comp.search-view.header.supporting-text.font - static const String headerSupportingTextFont = 'Roboto'; - - /// md.comp.search-view.header.supporting-text.type - static const String headerSupportingTextTypeFontFamily = 'Roboto'; - - /// md.comp.search-view.header.supporting-text.type - static const double headerSupportingTextTypeFontSize = 16.00; + static const TokenColorRole headerSupportingTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.search-view.header.supporting-text.type - static const double headerSupportingTextTypeFontWeight = 400; - - /// md.comp.search-view.header.supporting-text.type - static const double headerSupportingTextTypeLetterSpacing = 0.50; - - /// md.comp.search-view.header.supporting-text.type - static const double headerSupportingTextTypeLineHeight = 24.00; + static const TypescaleStruct headerSupportingTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 16.00, + fontWeight: 400, + lineHeight: 24.00, + letterSpacing: 0.50, + ); /// md.comp.search-view.header.trailing-icon.color - static const TokenColorRole headerTrailingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole headerTrailingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.search-view.leading-icon.leading-icon-label-space static const double leadingIconLeadingIconLabelSpace = 16.00; diff --git a/packages/material_ui/tool/gen_defaults/data/secondary_navigation_tab.dart b/packages/material_ui/tool/gen_defaults/data/secondary_navigation_tab.dart index 2722c6b88425..d0df2a87dcc3 100644 --- a/packages/material_ui/tool/gen_defaults/data/secondary_navigation_tab.dart +++ b/packages/material_ui/tool/gen_defaults/data/secondary_navigation_tab.dart @@ -2,10 +2,11 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; +import 'typescale_struct.dart'; class TokenSecondaryNavigationTab { /// md.comp.secondary-navigation-tab.active-indicator.color @@ -66,25 +67,17 @@ class TokenSecondaryNavigationTab { static const double hoverStateLayerOpacity = 0.08; /// md.comp.secondary-navigation-tab.inactive.label-text.color - static const TokenColorRole inactiveLabelTextColor = TokenColorRole.onSurfaceVariant; - - /// md.comp.secondary-navigation-tab.label-text.font - static const String labelTextFont = 'Roboto'; - - /// md.comp.secondary-navigation-tab.label-text.type - static const String labelTextTypeFontFamily = 'Roboto'; - - /// md.comp.secondary-navigation-tab.label-text.type - static const double labelTextTypeFontSize = 14.00; + static const TokenColorRole inactiveLabelTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.secondary-navigation-tab.label-text.type - static const double labelTextTypeFontWeight = 500; - - /// md.comp.secondary-navigation-tab.label-text.type - static const double labelTextTypeLetterSpacing = 0.10; - - /// md.comp.secondary-navigation-tab.label-text.type - static const double labelTextTypeLineHeight = 20.00; + static const TypescaleStruct labelTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 14.00, + fontWeight: 500, + lineHeight: 20.00, + letterSpacing: 0.10, + ); /// md.comp.secondary-navigation-tab.pressed.label-text.color static const TokenColorRole pressedLabelTextColor = TokenColorRole.onSurface; @@ -96,7 +89,8 @@ class TokenSecondaryNavigationTab { static const double pressedStateLayerOpacity = 0.10; /// md.comp.secondary-navigation-tab.with-icon.active.icon.color - static const TokenColorRole withIconActiveIconColor = TokenColorRole.onSurface; + static const TokenColorRole withIconActiveIconColor = + TokenColorRole.onSurface; /// md.comp.secondary-navigation-tab.with-icon.focus.icon.color static const TokenColorRole withIconFocusIconColor = TokenColorRole.onSurface; @@ -108,8 +102,10 @@ class TokenSecondaryNavigationTab { static const double withIconIconSize = 24.00; /// md.comp.secondary-navigation-tab.with-icon.inactive.icon.color - static const TokenColorRole withIconInactiveIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole withIconInactiveIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.secondary-navigation-tab.with-icon.pressed.icon.color - static const TokenColorRole withIconPressedIconColor = TokenColorRole.onSurface; + static const TokenColorRole withIconPressedIconColor = + TokenColorRole.onSurface; } diff --git a/packages/material_ui/tool/gen_defaults/data/shape.dart b/packages/material_ui/tool/gen_defaults/data/shape.dart index 56314443e21e..8e7a8ae55ded 100644 --- a/packages/material_ui/tool/gen_defaults/data/shape.dart +++ b/packages/material_ui/tool/gen_defaults/data/shape.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'shape_struct.dart'; diff --git a/packages/material_ui/tool/gen_defaults/data/shape_struct.dart b/packages/material_ui/tool/gen_defaults/data/shape_struct.dart index 50ea303e4df0..1a96ae87c3e9 100644 --- a/packages/material_ui/tool/gen_defaults/data/shape_struct.dart +++ b/packages/material_ui/tool/gen_defaults/data/shape_struct.dart @@ -1,19 +1,8 @@ -// AUTOGENERATED. DO NOT MODIFY. -// To modify this file, update the source template, -// or run the compiler: go/carbon-service-code-gen-mwtc. -// Source template: javascript/materialdesign/tokens/compiler/formats/flutter/templates/shape_struct.dart +// Copyright 2013 The Flutter Authors. +// Use of this source code is governed by a BSD-style license that can be +// found in the LICENSE file. class ShapeStruct { - final double bottomLeft; - - final double bottomRight; - - final String family; - - final double topLeft; - - final double topRight; - const ShapeStruct({ required this.family, required this.topLeft, @@ -21,4 +10,10 @@ class ShapeStruct { required this.bottomLeft, required this.bottomRight, }); + + final String family; + final double topLeft; + final double topRight; + final double bottomLeft; + final double bottomRight; } diff --git a/packages/material_ui/tool/gen_defaults/data/sheet_bottom.dart b/packages/material_ui/tool/gen_defaults/data/sheet_bottom.dart index 76d756cbe459..04c86006b53b 100644 --- a/packages/material_ui/tool/gen_defaults/data/sheet_bottom.dart +++ b/packages/material_ui/tool/gen_defaults/data/sheet_bottom.dart @@ -2,14 +2,15 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; class TokenSheetBottom { /// md.comp.sheet.bottom.docked.container.color - static const TokenColorRole dockedContainerColor = TokenColorRole.surfaceContainerLow; + static const TokenColorRole dockedContainerColor = + TokenColorRole.surfaceContainerLow; /// md.comp.sheet.bottom.docked.container.shape static const ShapeStruct dockedContainerShape = ShapeStruct( @@ -21,7 +22,8 @@ class TokenSheetBottom { ); /// md.comp.sheet.bottom.docked.drag-handle.color - static const TokenColorRole dockedDragHandleColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole dockedDragHandleColor = + TokenColorRole.onSurfaceVariant; /// md.comp.sheet.bottom.docked.drag-handle.height static const double dockedDragHandleHeight = 4.00; diff --git a/packages/material_ui/tool/gen_defaults/data/sheet_floating.dart b/packages/material_ui/tool/gen_defaults/data/sheet_floating.dart index 8523da39061e..8674a1356e93 100644 --- a/packages/material_ui/tool/gen_defaults/data/sheet_floating.dart +++ b/packages/material_ui/tool/gen_defaults/data/sheet_floating.dart @@ -2,14 +2,15 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; class TokenSheetFloating { /// md.comp.sheet.floating.container.color - static const TokenColorRole containerColor = TokenColorRole.surfaceContainerLow; + static const TokenColorRole containerColor = + TokenColorRole.surfaceContainerLow; /// md.comp.sheet.floating.container.elevation static const double containerElevation = 1.00; diff --git a/packages/material_ui/tool/gen_defaults/data/sheet_side.dart b/packages/material_ui/tool/gen_defaults/data/sheet_side.dart index 66914d8c41da..f27faeacea3d 100644 --- a/packages/material_ui/tool/gen_defaults/data/sheet_side.dart +++ b/packages/material_ui/tool/gen_defaults/data/sheet_side.dart @@ -2,10 +2,11 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; +import 'typescale_struct.dart'; class TokenSheetSide { /// md.comp.sheet.side.detached.container.shape @@ -18,28 +19,34 @@ class TokenSheetSide { ); /// md.comp.sheet.side.docked.action.focus.label-text.color - static const TokenColorRole dockedActionFocusLabelTextColor = TokenColorRole.primary; + static const TokenColorRole dockedActionFocusLabelTextColor = + TokenColorRole.primary; /// md.comp.sheet.side.docked.action.focus.state-layer.color - static const TokenColorRole dockedActionFocusStateLayerColor = TokenColorRole.primary; + static const TokenColorRole dockedActionFocusStateLayerColor = + TokenColorRole.primary; /// md.comp.sheet.side.docked.action.focus.state-layer.opacity static const double dockedActionFocusStateLayerOpacity = 0.10; /// md.comp.sheet.side.docked.action.hover.label-text.color - static const TokenColorRole dockedActionHoverLabelTextColor = TokenColorRole.primary; + static const TokenColorRole dockedActionHoverLabelTextColor = + TokenColorRole.primary; /// md.comp.sheet.side.docked.action.hover.state-layer.color - static const TokenColorRole dockedActionHoverStateLayerColor = TokenColorRole.primary; + static const TokenColorRole dockedActionHoverStateLayerColor = + TokenColorRole.primary; /// md.comp.sheet.side.docked.action.hover.state-layer.opacity static const double dockedActionHoverStateLayerOpacity = 0.08; /// md.comp.sheet.side.docked.action.pressed.label-text.color - static const TokenColorRole dockedActionPressedLabelTextColor = TokenColorRole.primary; + static const TokenColorRole dockedActionPressedLabelTextColor = + TokenColorRole.primary; /// md.comp.sheet.side.docked.action.pressed.state-layer.color - static const TokenColorRole dockedActionPressedStateLayerColor = TokenColorRole.primary; + static const TokenColorRole dockedActionPressedStateLayerColor = + TokenColorRole.primary; /// md.comp.sheet.side.docked.action.pressed.state-layer.opacity static const double dockedActionPressedStateLayerOpacity = 0.10; @@ -63,7 +70,8 @@ class TokenSheetSide { static const TokenColorRole dockedDividerColor = TokenColorRole.outline; /// md.comp.sheet.side.docked.focus.indicator.color - static const TokenColorRole dockedFocusIndicatorColor = TokenColorRole.secondary; + static const TokenColorRole dockedFocusIndicatorColor = + TokenColorRole.secondary; /// md.comp.sheet.side.docked.focus.indicator.outline.offset static const double dockedFocusIndicatorOutlineOffset = 2.00; @@ -72,28 +80,21 @@ class TokenSheetSide { static const double dockedFocusIndicatorThickness = 3.00; /// md.comp.sheet.side.docked.headline.color - static const TokenColorRole dockedHeadlineColor = TokenColorRole.onSurfaceVariant; - - /// md.comp.sheet.side.docked.headline.font - static const String dockedHeadlineFont = 'Roboto'; - - /// md.comp.sheet.side.docked.headline.type - static const String dockedHeadlineTypeFontFamily = 'Roboto'; - - /// md.comp.sheet.side.docked.headline.type - static const double dockedHeadlineTypeFontSize = 22.00; + static const TokenColorRole dockedHeadlineColor = + TokenColorRole.onSurfaceVariant; /// md.comp.sheet.side.docked.headline.type - static const double dockedHeadlineTypeFontWeight = 400; - - /// md.comp.sheet.side.docked.headline.type - static const double dockedHeadlineTypeLetterSpacing = 0.00; - - /// md.comp.sheet.side.docked.headline.type - static const double dockedHeadlineTypeLineHeight = 28.00; + static const TypescaleStruct dockedHeadlineType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 22.00, + fontWeight: 400, + lineHeight: 28.00, + letterSpacing: 0.00, + ); /// md.comp.sheet.side.docked.modal.container.color - static const TokenColorRole dockedModalContainerColor = TokenColorRole.surfaceContainerLow; + static const TokenColorRole dockedModalContainerColor = + TokenColorRole.surfaceContainerLow; /// md.comp.sheet.side.docked.modal.container.elevation static const double dockedModalContainerElevation = 1.00; @@ -108,7 +109,8 @@ class TokenSheetSide { ); /// md.comp.sheet.side.docked.standard.container.color - static const TokenColorRole dockedStandardContainerColor = TokenColorRole.surface; + static const TokenColorRole dockedStandardContainerColor = + TokenColorRole.surface; /// md.comp.sheet.side.docked.standard.container.elevation static const double dockedStandardContainerElevation = 0.00; diff --git a/packages/material_ui/tool/gen_defaults/data/slider.dart b/packages/material_ui/tool/gen_defaults/data/slider.dart index 4c485d2003e4..b4d4523c4ecb 100644 --- a/packages/material_ui/tool/gen_defaults/data/slider.dart +++ b/packages/material_ui/tool/gen_defaults/data/slider.dart @@ -2,12 +2,15 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; class TokenSlider { + /// md.comp.slider.active.handle.color + static const TokenColorRole activeHandleColor = TokenColorRole.primary; + /// md.comp.slider.active.handle.height static const double activeHandleHeight = 44.00; @@ -33,7 +36,8 @@ class TokenSlider { static const double activeHandleWidth = 4.00; /// md.comp.slider.active.stop-indicator.container.color - static const TokenColorRole activeStopIndicatorContainerColor = TokenColorRole.onPrimary; + static const TokenColorRole activeStopIndicatorContainerColor = + TokenColorRole.onPrimary; /// md.comp.slider.active.stop-indicator.container.opacity static const double activeStopIndicatorContainerOpacity = 1.00; @@ -76,7 +80,8 @@ class TokenSlider { TokenColorRole.inverseOnSurface; /// md.comp.slider.disabled.active.track.color - static const TokenColorRole disabledActiveTrackColor = TokenColorRole.onSurface; + static const TokenColorRole disabledActiveTrackColor = + TokenColorRole.onSurface; /// md.comp.slider.disabled.active.track.opacity static const double disabledActiveTrackOpacity = 0.38; @@ -95,7 +100,8 @@ class TokenSlider { TokenColorRole.onSurface; /// md.comp.slider.disabled.inactive.track.color - static const TokenColorRole disabledInactiveTrackColor = TokenColorRole.onSurface; + static const TokenColorRole disabledInactiveTrackColor = + TokenColorRole.onSurface; /// md.comp.slider.disabled.inactive.track.opacity static const double disabledInactiveTrackOpacity = 0.12; @@ -107,7 +113,8 @@ class TokenSlider { static const double focusHandleWidth = 2.00; /// md.comp.slider.focus.inactive.track.color - static const TokenColorRole focusInactiveTrackColor = TokenColorRole.secondaryContainer; + static const TokenColorRole focusInactiveTrackColor = + TokenColorRole.secondaryContainer; /// md.comp.slider.handle.color static const TokenColorRole handleColor = TokenColorRole.primary; @@ -138,7 +145,8 @@ class TokenSlider { static const double inactiveStopIndicatorContainerOpacity = 1.00; /// md.comp.slider.inactive.track.color - static const TokenColorRole inactiveTrackColor = TokenColorRole.secondaryContainer; + static const TokenColorRole inactiveTrackColor = + TokenColorRole.secondaryContainer; /// md.comp.slider.inactive.track.height static const double inactiveTrackHeight = 16.00; @@ -162,16 +170,16 @@ class TokenSlider { static const double pressedHandleWidth = 2.00; /// md.comp.slider.pressed.inactive.track.color - static const TokenColorRole pressedInactiveTrackColor = TokenColorRole.secondaryContainer; - - /// md.comp.slider.slider-active-handle-color - static const TokenColorRole sliderActiveHandleColor = TokenColorRole.primary; + static const TokenColorRole pressedInactiveTrackColor = + TokenColorRole.secondaryContainer; /// md.comp.slider.stop-indicator.color - static const TokenColorRole stopIndicatorColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole stopIndicatorColor = + TokenColorRole.onSecondaryContainer; /// md.comp.slider.stop-indicator.color-selected - static const TokenColorRole stopIndicatorColorSelected = TokenColorRole.onPrimary; + static const TokenColorRole stopIndicatorColorSelected = + TokenColorRole.onPrimary; /// md.comp.slider.stop-indicator.shape static const ShapeStruct stopIndicatorShape = ShapeStruct( @@ -192,11 +200,10 @@ class TokenSlider { static const double valueIndicatorActiveBottomSpace = 12.00; /// md.comp.slider.value-indicator.container.color - static const TokenColorRole valueIndicatorContainerColor = TokenColorRole.inverseSurface; + static const TokenColorRole valueIndicatorContainerColor = + TokenColorRole.inverseSurface; /// md.comp.slider.value-indicator.label.label-text.color - static const TokenColorRole valueIndicatorLabelLabelTextColor = TokenColorRole.inverseOnSurface; - - /// md.comp.slider.value-indicator.label.label-text.font - static const String valueIndicatorLabelLabelTextFont = 'Roboto'; + static const TokenColorRole valueIndicatorLabelLabelTextColor = + TokenColorRole.inverseOnSurface; } diff --git a/packages/material_ui/tool/gen_defaults/data/slider_large.dart b/packages/material_ui/tool/gen_defaults/data/slider_large.dart index f6b92cdc8170..c23fc39ad0f4 100644 --- a/packages/material_ui/tool/gen_defaults/data/slider_large.dart +++ b/packages/material_ui/tool/gen_defaults/data/slider_large.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 class TokenSliderLarge { /// md.comp.slider.large.active.handle.height diff --git a/packages/material_ui/tool/gen_defaults/data/slider_medium.dart b/packages/material_ui/tool/gen_defaults/data/slider_medium.dart index f5001e810423..0945630ef841 100644 --- a/packages/material_ui/tool/gen_defaults/data/slider_medium.dart +++ b/packages/material_ui/tool/gen_defaults/data/slider_medium.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 class TokenSliderMedium { /// md.comp.slider.medium.active.handle.height diff --git a/packages/material_ui/tool/gen_defaults/data/slider_small.dart b/packages/material_ui/tool/gen_defaults/data/slider_small.dart index a1348e3abd1e..1de61ef760cf 100644 --- a/packages/material_ui/tool/gen_defaults/data/slider_small.dart +++ b/packages/material_ui/tool/gen_defaults/data/slider_small.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 class TokenSliderSmall { /// md.comp.slider.small.active.handle.height diff --git a/packages/material_ui/tool/gen_defaults/data/slider_xlarge.dart b/packages/material_ui/tool/gen_defaults/data/slider_xlarge.dart index 99f4133f783c..d4f4185802e0 100644 --- a/packages/material_ui/tool/gen_defaults/data/slider_xlarge.dart +++ b/packages/material_ui/tool/gen_defaults/data/slider_xlarge.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 class TokenSliderXlarge { /// md.comp.slider.xlarge.active.handle.height diff --git a/packages/material_ui/tool/gen_defaults/data/slider_xsmall.dart b/packages/material_ui/tool/gen_defaults/data/slider_xsmall.dart index 2a17a37c066d..03d5941160ed 100644 --- a/packages/material_ui/tool/gen_defaults/data/slider_xsmall.dart +++ b/packages/material_ui/tool/gen_defaults/data/slider_xsmall.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 class TokenSliderXsmall { /// md.comp.slider.xsmall.active.handle.height diff --git a/packages/material_ui/tool/gen_defaults/data/snackbar.dart b/packages/material_ui/tool/gen_defaults/data/snackbar.dart index 4284b9f30fdd..ea9189a14543 100644 --- a/packages/material_ui/tool/gen_defaults/data/snackbar.dart +++ b/packages/material_ui/tool/gen_defaults/data/snackbar.dart @@ -2,56 +2,55 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; +import 'typescale_struct.dart'; class TokenSnackbar { /// md.comp.snackbar.action.focus.label-text.color - static const TokenColorRole actionFocusLabelTextColor = TokenColorRole.inversePrimary; + static const TokenColorRole actionFocusLabelTextColor = + TokenColorRole.inversePrimary; /// md.comp.snackbar.action.focus.state-layer.color - static const TokenColorRole actionFocusStateLayerColor = TokenColorRole.inversePrimary; + static const TokenColorRole actionFocusStateLayerColor = + TokenColorRole.inversePrimary; /// md.comp.snackbar.action.focus.state-layer.opacity static const double actionFocusStateLayerOpacity = 0.10; /// md.comp.snackbar.action.hover.label-text.color - static const TokenColorRole actionHoverLabelTextColor = TokenColorRole.inversePrimary; + static const TokenColorRole actionHoverLabelTextColor = + TokenColorRole.inversePrimary; /// md.comp.snackbar.action.hover.state-layer.color - static const TokenColorRole actionHoverStateLayerColor = TokenColorRole.inversePrimary; + static const TokenColorRole actionHoverStateLayerColor = + TokenColorRole.inversePrimary; /// md.comp.snackbar.action.hover.state-layer.opacity static const double actionHoverStateLayerOpacity = 0.08; /// md.comp.snackbar.action.label-text.color - static const TokenColorRole actionLabelTextColor = TokenColorRole.inversePrimary; - - /// md.comp.snackbar.action.label-text.font - static const String actionLabelTextFont = 'Roboto'; - - /// md.comp.snackbar.action.label-text.type - static const String actionLabelTextTypeFontFamily = 'Roboto'; - - /// md.comp.snackbar.action.label-text.type - static const double actionLabelTextTypeFontSize = 14.00; + static const TokenColorRole actionLabelTextColor = + TokenColorRole.inversePrimary; /// md.comp.snackbar.action.label-text.type - static const double actionLabelTextTypeFontWeight = 500; - - /// md.comp.snackbar.action.label-text.type - static const double actionLabelTextTypeLetterSpacing = 0.10; - - /// md.comp.snackbar.action.label-text.type - static const double actionLabelTextTypeLineHeight = 20.00; + static const TypescaleStruct actionLabelTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 14.00, + fontWeight: 500, + lineHeight: 20.00, + letterSpacing: 0.10, + ); /// md.comp.snackbar.action.pressed.label-text.color - static const TokenColorRole actionPressedLabelTextColor = TokenColorRole.inversePrimary; + static const TokenColorRole actionPressedLabelTextColor = + TokenColorRole.inversePrimary; /// md.comp.snackbar.action.pressed.state-layer.color - static const TokenColorRole actionPressedStateLayerColor = TokenColorRole.inversePrimary; + static const TokenColorRole actionPressedStateLayerColor = + TokenColorRole.inversePrimary; /// md.comp.snackbar.action.pressed.state-layer.opacity static const double actionPressedStateLayerOpacity = 0.10; @@ -78,28 +77,34 @@ class TokenSnackbar { static const TokenColorRole iconColor = TokenColorRole.inverseOnSurface; /// md.comp.snackbar.icon.focus.icon.color - static const TokenColorRole iconFocusIconColor = TokenColorRole.inverseOnSurface; + static const TokenColorRole iconFocusIconColor = + TokenColorRole.inverseOnSurface; /// md.comp.snackbar.icon.focus.state-layer.color - static const TokenColorRole iconFocusStateLayerColor = TokenColorRole.inverseOnSurface; + static const TokenColorRole iconFocusStateLayerColor = + TokenColorRole.inverseOnSurface; /// md.comp.snackbar.icon.focus.state-layer.opacity static const double iconFocusStateLayerOpacity = 0.10; /// md.comp.snackbar.icon.hover.icon.color - static const TokenColorRole iconHoverIconColor = TokenColorRole.inverseOnSurface; + static const TokenColorRole iconHoverIconColor = + TokenColorRole.inverseOnSurface; /// md.comp.snackbar.icon.hover.state-layer.color - static const TokenColorRole iconHoverStateLayerColor = TokenColorRole.inverseOnSurface; + static const TokenColorRole iconHoverStateLayerColor = + TokenColorRole.inverseOnSurface; /// md.comp.snackbar.icon.hover.state-layer.opacity static const double iconHoverStateLayerOpacity = 0.08; /// md.comp.snackbar.icon.pressed.icon.color - static const TokenColorRole iconPressedIconColor = TokenColorRole.inverseOnSurface; + static const TokenColorRole iconPressedIconColor = + TokenColorRole.inverseOnSurface; /// md.comp.snackbar.icon.pressed.state-layer.color - static const TokenColorRole iconPressedStateLayerColor = TokenColorRole.inverseOnSurface; + static const TokenColorRole iconPressedStateLayerColor = + TokenColorRole.inverseOnSurface; /// md.comp.snackbar.icon.pressed.state-layer.opacity static const double iconPressedStateLayerOpacity = 0.10; @@ -108,25 +113,17 @@ class TokenSnackbar { static const double iconSize = 24.00; /// md.comp.snackbar.supporting-text.color - static const TokenColorRole supportingTextColor = TokenColorRole.inverseOnSurface; - - /// md.comp.snackbar.supporting-text.font - static const String supportingTextFont = 'Roboto'; - - /// md.comp.snackbar.supporting-text.type - static const String supportingTextTypeFontFamily = 'Roboto'; - - /// md.comp.snackbar.supporting-text.type - static const double supportingTextTypeFontSize = 14.00; + static const TokenColorRole supportingTextColor = + TokenColorRole.inverseOnSurface; /// md.comp.snackbar.supporting-text.type - static const double supportingTextTypeFontWeight = 400; - - /// md.comp.snackbar.supporting-text.type - static const double supportingTextTypeLetterSpacing = 0.25; - - /// md.comp.snackbar.supporting-text.type - static const double supportingTextTypeLineHeight = 20.00; + static const TypescaleStruct supportingTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 14.00, + fontWeight: 400, + lineHeight: 20.00, + letterSpacing: 0.25, + ); /// md.comp.snackbar.with-single-line.container.height static const double withSingleLineContainerHeight = 48.00; diff --git a/packages/material_ui/tool/gen_defaults/data/space.dart b/packages/material_ui/tool/gen_defaults/data/space.dart deleted file mode 100644 index d6f61e51b079..000000000000 --- a/packages/material_ui/tool/gen_defaults/data/space.dart +++ /dev/null @@ -1,61 +0,0 @@ -// Copyright 2013 The Flutter Authors. -// Use of this source code is governed by a BSD-style license that can be -// found in the LICENSE file. - -// Version: 34.1.18 - -class TokenSpace { - /// md.sys.space.0 - static const double space0 = 0.00; - - /// md.sys.space.100 - static const double space100 = 8.00; - - /// md.sys.space.125 - static const double space125 = 10.00; - - /// md.sys.space.150 - static const double space150 = 12.00; - - /// md.sys.space.175 - static const double space175 = 14.00; - - /// md.sys.space.200 - static const double space200 = 16.00; - - /// md.sys.space.25 - static const double space25 = 2.00; - - /// md.sys.space.250 - static const double space250 = 20.00; - - /// md.sys.space.300 - static const double space300 = 24.00; - - /// md.sys.space.400 - static const double space400 = 32.00; - - /// md.sys.space.450 - static const double space450 = 36.00; - - /// md.sys.space.50 - static const double space50 = 4.00; - - /// md.sys.space.500 - static const double space500 = 40.00; - - /// md.sys.space.600 - static const double space600 = 48.00; - - /// md.sys.space.700 - static const double space700 = 56.00; - - /// md.sys.space.75 - static const double space75 = 6.00; - - /// md.sys.space.800 - static const double space800 = 64.00; - - /// md.sys.space.900 - static const double space900 = 72.00; -} diff --git a/packages/material_ui/tool/gen_defaults/data/split_button_large.dart b/packages/material_ui/tool/gen_defaults/data/split_button_large.dart index eed792873a22..fd92a0f8ce01 100644 --- a/packages/material_ui/tool/gen_defaults/data/split_button_large.dart +++ b/packages/material_ui/tool/gen_defaults/data/split_button_large.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'shape_struct.dart'; diff --git a/packages/material_ui/tool/gen_defaults/data/split_button_medium.dart b/packages/material_ui/tool/gen_defaults/data/split_button_medium.dart index c183392ba5f3..ebc6ff797112 100644 --- a/packages/material_ui/tool/gen_defaults/data/split_button_medium.dart +++ b/packages/material_ui/tool/gen_defaults/data/split_button_medium.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'shape_struct.dart'; diff --git a/packages/material_ui/tool/gen_defaults/data/split_button_small.dart b/packages/material_ui/tool/gen_defaults/data/split_button_small.dart index 3fb5e5ba8758..96713bb754ea 100644 --- a/packages/material_ui/tool/gen_defaults/data/split_button_small.dart +++ b/packages/material_ui/tool/gen_defaults/data/split_button_small.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'shape_struct.dart'; diff --git a/packages/material_ui/tool/gen_defaults/data/split_button_xlarge.dart b/packages/material_ui/tool/gen_defaults/data/split_button_xlarge.dart index 1003965ee524..b4ea792a6419 100644 --- a/packages/material_ui/tool/gen_defaults/data/split_button_xlarge.dart +++ b/packages/material_ui/tool/gen_defaults/data/split_button_xlarge.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'shape_struct.dart'; diff --git a/packages/material_ui/tool/gen_defaults/data/split_button_xsmall.dart b/packages/material_ui/tool/gen_defaults/data/split_button_xsmall.dart index dacfb40f92df..091305e4dfec 100644 --- a/packages/material_ui/tool/gen_defaults/data/split_button_xsmall.dart +++ b/packages/material_ui/tool/gen_defaults/data/split_button_xsmall.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'shape_struct.dart'; diff --git a/packages/material_ui/tool/gen_defaults/data/standard_menu_button.dart b/packages/material_ui/tool/gen_defaults/data/standard_menu_button.dart index 208f5a0e8ed3..2fee1d741d08 100644 --- a/packages/material_ui/tool/gen_defaults/data/standard_menu_button.dart +++ b/packages/material_ui/tool/gen_defaults/data/standard_menu_button.dart @@ -2,10 +2,11 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; +import 'typescale_struct.dart'; class TokenStandardMenuButton { /// md.comp.standard-menu-button.container.height @@ -27,7 +28,8 @@ class TokenStandardMenuButton { static const double disabledLabelTextOpacity = 0.38; /// md.comp.standard-menu-button.disabled.trailing-icon.color - static const TokenColorRole disabledTrailingIconColor = TokenColorRole.onSurface; + static const TokenColorRole disabledTrailingIconColor = + TokenColorRole.onSurface; /// md.comp.standard-menu-button.disabled.trailing-icon.opacity static const double disabledTrailingIconOpacity = 0.38; @@ -42,86 +44,92 @@ class TokenStandardMenuButton { static const double focusIndicatorThickness = 3.00; /// md.comp.standard-menu-button.focus.label-text.color - static const TokenColorRole focusLabelTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole focusLabelTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.standard-menu-button.focus.state-layer.color - static const TokenColorRole focusStateLayerColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole focusStateLayerColor = + TokenColorRole.onSurfaceVariant; /// md.comp.standard-menu-button.focus.state-layer.opacity static const double focusStateLayerOpacity = 0.10; /// md.comp.standard-menu-button.focus.trailing-icon.color - static const TokenColorRole focusTrailingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole focusTrailingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.standard-menu-button.hover.label-text.color - static const TokenColorRole hoverLabelTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole hoverLabelTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.standard-menu-button.hover.state-layer.color - static const TokenColorRole hoverStateLayerColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole hoverStateLayerColor = + TokenColorRole.onSurfaceVariant; /// md.comp.standard-menu-button.hover.state-layer.opacity static const double hoverStateLayerOpacity = 0.08; /// md.comp.standard-menu-button.hover.trailing-icon.color - static const TokenColorRole hoverTrailingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole hoverTrailingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.standard-menu-button.label-text.color static const TokenColorRole labelTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.standard-menu-button.label-text.font - static const String labelTextFont = 'Roboto'; - - /// md.comp.standard-menu-button.label-text.type - static const String labelTextTypeFontFamily = 'Roboto'; - - /// md.comp.standard-menu-button.label-text.type - static const double labelTextTypeFontSize = 14.00; - /// md.comp.standard-menu-button.label-text.type - static const double labelTextTypeFontWeight = 500; - - /// md.comp.standard-menu-button.label-text.type - static const double labelTextTypeLetterSpacing = 0.10; - - /// md.comp.standard-menu-button.label-text.type - static const double labelTextTypeLineHeight = 20.00; + static const TypescaleStruct labelTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 14.00, + fontWeight: 500, + lineHeight: 20.00, + letterSpacing: 0.10, + ); /// md.comp.standard-menu-button.pressed.label-text.color - static const TokenColorRole pressedLabelTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole pressedLabelTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.standard-menu-button.pressed.state-layer.color - static const TokenColorRole pressedStateLayerColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole pressedStateLayerColor = + TokenColorRole.onSurfaceVariant; /// md.comp.standard-menu-button.pressed.state-layer.opacity static const double pressedStateLayerOpacity = 0.10; /// md.comp.standard-menu-button.pressed.trailing-icon.color - static const TokenColorRole pressedTrailingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole pressedTrailingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.standard-menu-button.trailing-icon.color - static const TokenColorRole trailingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole trailingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.standard-menu-button.trailing-icon.size static const double trailingIconSize = 18.00; /// md.comp.standard-menu-button.with-icon.disabled.leading-icon.color - static const TokenColorRole withIconDisabledLeadingIconColor = TokenColorRole.onSurface; + static const TokenColorRole withIconDisabledLeadingIconColor = + TokenColorRole.onSurface; /// md.comp.standard-menu-button.with-icon.disabled.leading-icon.opacity static const double withIconDisabledLeadingIconOpacity = 0.38; /// md.comp.standard-menu-button.with-icon.focus.icon.color - static const TokenColorRole withIconFocusIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole withIconFocusIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.standard-menu-button.with-icon.hover.leading-icon.color - static const TokenColorRole withIconHoverLeadingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole withIconHoverLeadingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.standard-menu-button.with-icon.leading-icon.color - static const TokenColorRole withIconLeadingIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole withIconLeadingIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.standard-menu-button.with-icon.leading-icon.size static const double withIconLeadingIconSize = 18.00; /// md.comp.standard-menu-button.with-icon.pressed.icon.color - static const TokenColorRole withIconPressedIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole withIconPressedIconColor = + TokenColorRole.onSurfaceVariant; } diff --git a/packages/material_ui/tool/gen_defaults/data/state.dart b/packages/material_ui/tool/gen_defaults/data/state.dart index 86f44530352c..2aa2bec2dc2d 100644 --- a/packages/material_ui/tool/gen_defaults/data/state.dart +++ b/packages/material_ui/tool/gen_defaults/data/state.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 class TokenState { /// md.sys.state.disabled.state-layer-opacity diff --git a/packages/material_ui/tool/gen_defaults/data/state_focus_indicator.dart b/packages/material_ui/tool/gen_defaults/data/state_focus_indicator.dart index 39244e5f087c..311b6569756b 100644 --- a/packages/material_ui/tool/gen_defaults/data/state_focus_indicator.dart +++ b/packages/material_ui/tool/gen_defaults/data/state_focus_indicator.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 class TokenStateFocusIndicator { /// md.sys.state.focus-indicator.inner-offset diff --git a/packages/material_ui/tool/gen_defaults/data/suggestion_chip.dart b/packages/material_ui/tool/gen_defaults/data/suggestion_chip.dart index 20c5cb68561d..ed8631ec0877 100644 --- a/packages/material_ui/tool/gen_defaults/data/suggestion_chip.dart +++ b/packages/material_ui/tool/gen_defaults/data/suggestion_chip.dart @@ -2,10 +2,11 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; +import 'typescale_struct.dart'; class TokenSuggestionChip { /// md.comp.suggestion-chip.container.height @@ -30,25 +31,30 @@ class TokenSuggestionChip { static const double draggedContainerElevation = 8.00; /// md.comp.suggestion-chip.dragged.label-text.color - static const TokenColorRole draggedLabelTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole draggedLabelTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.suggestion-chip.dragged.state-layer.color - static const TokenColorRole draggedStateLayerColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole draggedStateLayerColor = + TokenColorRole.onSurfaceVariant; /// md.comp.suggestion-chip.dragged.state-layer.opacity static const double draggedStateLayerOpacity = 0.16; /// md.comp.suggestion-chip.elevated.container.color - static const TokenColorRole elevatedContainerColor = TokenColorRole.surfaceContainerLow; + static const TokenColorRole elevatedContainerColor = + TokenColorRole.surfaceContainerLow; /// md.comp.suggestion-chip.elevated.container.elevation static const double elevatedContainerElevation = 1.00; /// md.comp.suggestion-chip.elevated.container.shadow-color - static const TokenColorRole elevatedContainerShadowColor = TokenColorRole.shadow; + static const TokenColorRole elevatedContainerShadowColor = + TokenColorRole.shadow; /// md.comp.suggestion-chip.elevated.disabled.container.color - static const TokenColorRole elevatedDisabledContainerColor = TokenColorRole.onSurface; + static const TokenColorRole elevatedDisabledContainerColor = + TokenColorRole.onSurface; /// md.comp.suggestion-chip.elevated.disabled.container.elevation static const double elevatedDisabledContainerElevation = 0.00; @@ -69,13 +75,15 @@ class TokenSuggestionChip { static const double flatContainerElevation = 0.00; /// md.comp.suggestion-chip.flat.disabled.outline.color - static const TokenColorRole flatDisabledOutlineColor = TokenColorRole.onSurface; + static const TokenColorRole flatDisabledOutlineColor = + TokenColorRole.onSurface; /// md.comp.suggestion-chip.flat.disabled.outline.opacity static const double flatDisabledOutlineOpacity = 0.12; /// md.comp.suggestion-chip.flat.focus.outline.color - static const TokenColorRole flatFocusOutlineColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole flatFocusOutlineColor = + TokenColorRole.onSurfaceVariant; /// md.comp.suggestion-chip.flat.outline.color static const TokenColorRole flatOutlineColor = TokenColorRole.outlineVariant; @@ -93,19 +101,23 @@ class TokenSuggestionChip { static const double focusIndicatorThickness = 3.00; /// md.comp.suggestion-chip.focus.label-text.color - static const TokenColorRole focusLabelTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole focusLabelTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.suggestion-chip.focus.state-layer.color - static const TokenColorRole focusStateLayerColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole focusStateLayerColor = + TokenColorRole.onSurfaceVariant; /// md.comp.suggestion-chip.focus.state-layer.opacity static const double focusStateLayerOpacity = 0.10; /// md.comp.suggestion-chip.hover.label-text.color - static const TokenColorRole hoverLabelTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole hoverLabelTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.suggestion-chip.hover.state-layer.color - static const TokenColorRole hoverStateLayerColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole hoverStateLayerColor = + TokenColorRole.onSurfaceVariant; /// md.comp.suggestion-chip.hover.state-layer.opacity static const double hoverStateLayerOpacity = 0.08; @@ -113,54 +125,53 @@ class TokenSuggestionChip { /// md.comp.suggestion-chip.label-text.color static const TokenColorRole labelTextColor = TokenColorRole.onSurfaceVariant; - /// md.comp.suggestion-chip.label-text.font - static const String labelTextFont = 'Roboto'; - - /// md.comp.suggestion-chip.label-text.type - static const String labelTextTypeFontFamily = 'Roboto'; - - /// md.comp.suggestion-chip.label-text.type - static const double labelTextTypeFontSize = 14.00; - /// md.comp.suggestion-chip.label-text.type - static const double labelTextTypeFontWeight = 500; - - /// md.comp.suggestion-chip.label-text.type - static const double labelTextTypeLetterSpacing = 0.10; - - /// md.comp.suggestion-chip.label-text.type - static const double labelTextTypeLineHeight = 20.00; + static const TypescaleStruct labelTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 14.00, + fontWeight: 500, + lineHeight: 20.00, + letterSpacing: 0.10, + ); /// md.comp.suggestion-chip.pressed.label-text.color - static const TokenColorRole pressedLabelTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole pressedLabelTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.suggestion-chip.pressed.state-layer.color - static const TokenColorRole pressedStateLayerColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole pressedStateLayerColor = + TokenColorRole.onSurfaceVariant; /// md.comp.suggestion-chip.pressed.state-layer.opacity static const double pressedStateLayerOpacity = 0.10; /// md.comp.suggestion-chip.with-leading-icon.disabled.leading-icon.color - static const TokenColorRole withLeadingIconDisabledLeadingIconColor = TokenColorRole.onSurface; + static const TokenColorRole withLeadingIconDisabledLeadingIconColor = + TokenColorRole.onSurface; /// md.comp.suggestion-chip.with-leading-icon.disabled.leading-icon.opacity static const double withLeadingIconDisabledLeadingIconOpacity = 0.38; /// md.comp.suggestion-chip.with-leading-icon.dragged.leading-icon.color - static const TokenColorRole withLeadingIconDraggedLeadingIconColor = TokenColorRole.primary; + static const TokenColorRole withLeadingIconDraggedLeadingIconColor = + TokenColorRole.primary; /// md.comp.suggestion-chip.with-leading-icon.focus.leading-icon.color - static const TokenColorRole withLeadingIconFocusLeadingIconColor = TokenColorRole.primary; + static const TokenColorRole withLeadingIconFocusLeadingIconColor = + TokenColorRole.primary; /// md.comp.suggestion-chip.with-leading-icon.hover.leading-icon.color - static const TokenColorRole withLeadingIconHoverLeadingIconColor = TokenColorRole.primary; + static const TokenColorRole withLeadingIconHoverLeadingIconColor = + TokenColorRole.primary; /// md.comp.suggestion-chip.with-leading-icon.leading-icon.color - static const TokenColorRole withLeadingIconLeadingIconColor = TokenColorRole.primary; + static const TokenColorRole withLeadingIconLeadingIconColor = + TokenColorRole.primary; /// md.comp.suggestion-chip.with-leading-icon.leading-icon.size static const double withLeadingIconLeadingIconSize = 18.00; /// md.comp.suggestion-chip.with-leading-icon.pressed.leading-icon.color - static const TokenColorRole withLeadingIconPressedLeadingIconColor = TokenColorRole.primary; + static const TokenColorRole withLeadingIconPressedLeadingIconColor = + TokenColorRole.primary; } diff --git a/packages/material_ui/tool/gen_defaults/data/switch.dart b/packages/material_ui/tool/gen_defaults/data/switch.dart index 6d19102dd51c..b542d81edf1e 100644 --- a/packages/material_ui/tool/gen_defaults/data/switch.dart +++ b/packages/material_ui/tool/gen_defaults/data/switch.dart @@ -2,47 +2,54 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; class TokenSwitch { /// md.comp.switch.disabled.selected.handle.color - static const TokenColorRole disabledSelectedHandleColor = TokenColorRole.surface; + static const TokenColorRole disabledSelectedHandleColor = + TokenColorRole.surface; /// md.comp.switch.disabled.selected.handle.opacity static const double disabledSelectedHandleOpacity = 1.00; /// md.comp.switch.disabled.selected.icon.color - static const TokenColorRole disabledSelectedIconColor = TokenColorRole.onSurface; + static const TokenColorRole disabledSelectedIconColor = + TokenColorRole.onSurface; /// md.comp.switch.disabled.selected.icon.opacity static const double disabledSelectedIconOpacity = 0.38; /// md.comp.switch.disabled.selected.track.color - static const TokenColorRole disabledSelectedTrackColor = TokenColorRole.onSurface; + static const TokenColorRole disabledSelectedTrackColor = + TokenColorRole.onSurface; /// md.comp.switch.disabled.track.opacity static const double disabledTrackOpacity = 0.12; /// md.comp.switch.disabled.unselected.handle.color - static const TokenColorRole disabledUnselectedHandleColor = TokenColorRole.onSurface; + static const TokenColorRole disabledUnselectedHandleColor = + TokenColorRole.onSurface; /// md.comp.switch.disabled.unselected.handle.opacity static const double disabledUnselectedHandleOpacity = 0.38; /// md.comp.switch.disabled.unselected.icon.color - static const TokenColorRole disabledUnselectedIconColor = TokenColorRole.surfaceContainerHighest; + static const TokenColorRole disabledUnselectedIconColor = + TokenColorRole.surfaceContainerHighest; /// md.comp.switch.disabled.unselected.icon.opacity static const double disabledUnselectedIconOpacity = 0.38; /// md.comp.switch.disabled.unselected.track.color - static const TokenColorRole disabledUnselectedTrackColor = TokenColorRole.surfaceContainerHighest; + static const TokenColorRole disabledUnselectedTrackColor = + TokenColorRole.surfaceContainerHighest; /// md.comp.switch.disabled.unselected.track.outline.color - static const TokenColorRole disabledUnselectedTrackOutlineColor = TokenColorRole.onSurface; + static const TokenColorRole disabledUnselectedTrackOutlineColor = + TokenColorRole.onSurface; /// md.comp.switch.focus.indicator.color static const TokenColorRole focusIndicatorColor = TokenColorRole.secondary; @@ -69,13 +76,15 @@ class TokenSwitch { static const double pressedHandleWidth = 28.00; /// md.comp.switch.selected.focus.handle.color - static const TokenColorRole selectedFocusHandleColor = TokenColorRole.primaryContainer; + static const TokenColorRole selectedFocusHandleColor = + TokenColorRole.primaryContainer; /// md.comp.switch.selected.focus.icon.color static const TokenColorRole selectedFocusIconColor = TokenColorRole.primary; /// md.comp.switch.selected.focus.state-layer.color - static const TokenColorRole selectedFocusStateLayerColor = TokenColorRole.primary; + static const TokenColorRole selectedFocusStateLayerColor = + TokenColorRole.primary; /// md.comp.switch.selected.focus.state-layer.opacity static const double selectedFocusStateLayerOpacity = 0.10; @@ -93,13 +102,15 @@ class TokenSwitch { static const double selectedHandleWidth = 24.00; /// md.comp.switch.selected.hover.handle.color - static const TokenColorRole selectedHoverHandleColor = TokenColorRole.primaryContainer; + static const TokenColorRole selectedHoverHandleColor = + TokenColorRole.primaryContainer; /// md.comp.switch.selected.hover.icon.color static const TokenColorRole selectedHoverIconColor = TokenColorRole.primary; /// md.comp.switch.selected.hover.state-layer.color - static const TokenColorRole selectedHoverStateLayerColor = TokenColorRole.primary; + static const TokenColorRole selectedHoverStateLayerColor = + TokenColorRole.primary; /// md.comp.switch.selected.hover.state-layer.opacity static const double selectedHoverStateLayerOpacity = 0.08; @@ -114,19 +125,22 @@ class TokenSwitch { static const double selectedIconSize = 16.00; /// md.comp.switch.selected.pressed.handle.color - static const TokenColorRole selectedPressedHandleColor = TokenColorRole.primaryContainer; + static const TokenColorRole selectedPressedHandleColor = + TokenColorRole.primaryContainer; /// md.comp.switch.selected.pressed.icon.color static const TokenColorRole selectedPressedIconColor = TokenColorRole.primary; /// md.comp.switch.selected.pressed.state-layer.color - static const TokenColorRole selectedPressedStateLayerColor = TokenColorRole.primary; + static const TokenColorRole selectedPressedStateLayerColor = + TokenColorRole.primary; /// md.comp.switch.selected.pressed.state-layer.opacity static const double selectedPressedStateLayerOpacity = 0.10; /// md.comp.switch.selected.pressed.track.color - static const TokenColorRole selectedPressedTrackColor = TokenColorRole.primary; + static const TokenColorRole selectedPressedTrackColor = + TokenColorRole.primary; /// md.comp.switch.selected.track.color static const TokenColorRole selectedTrackColor = TokenColorRole.primary; @@ -162,22 +176,27 @@ class TokenSwitch { static const double trackWidth = 52.00; /// md.comp.switch.unselected.focus.handle.color - static const TokenColorRole unselectedFocusHandleColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedFocusHandleColor = + TokenColorRole.onSurfaceVariant; /// md.comp.switch.unselected.focus.icon.color - static const TokenColorRole unselectedFocusIconColor = TokenColorRole.surfaceContainerHighest; + static const TokenColorRole unselectedFocusIconColor = + TokenColorRole.surfaceContainerHighest; /// md.comp.switch.unselected.focus.state-layer.color - static const TokenColorRole unselectedFocusStateLayerColor = TokenColorRole.onSurface; + static const TokenColorRole unselectedFocusStateLayerColor = + TokenColorRole.onSurface; /// md.comp.switch.unselected.focus.state-layer.opacity static const double unselectedFocusStateLayerOpacity = 0.10; /// md.comp.switch.unselected.focus.track.color - static const TokenColorRole unselectedFocusTrackColor = TokenColorRole.surfaceContainerHighest; + static const TokenColorRole unselectedFocusTrackColor = + TokenColorRole.surfaceContainerHighest; /// md.comp.switch.unselected.focus.track.outline.color - static const TokenColorRole unselectedFocusTrackOutlineColor = TokenColorRole.outline; + static const TokenColorRole unselectedFocusTrackOutlineColor = + TokenColorRole.outline; /// md.comp.switch.unselected.handle.color static const TokenColorRole unselectedHandleColor = TokenColorRole.outline; @@ -189,52 +208,65 @@ class TokenSwitch { static const double unselectedHandleWidth = 16.00; /// md.comp.switch.unselected.hover.handle.color - static const TokenColorRole unselectedHoverHandleColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedHoverHandleColor = + TokenColorRole.onSurfaceVariant; /// md.comp.switch.unselected.hover.icon.color - static const TokenColorRole unselectedHoverIconColor = TokenColorRole.surfaceContainerHighest; + static const TokenColorRole unselectedHoverIconColor = + TokenColorRole.surfaceContainerHighest; /// md.comp.switch.unselected.hover.state-layer.color - static const TokenColorRole unselectedHoverStateLayerColor = TokenColorRole.onSurface; + static const TokenColorRole unselectedHoverStateLayerColor = + TokenColorRole.onSurface; /// md.comp.switch.unselected.hover.state-layer.opacity static const double unselectedHoverStateLayerOpacity = 0.08; /// md.comp.switch.unselected.hover.track.color - static const TokenColorRole unselectedHoverTrackColor = TokenColorRole.surfaceContainerHighest; + static const TokenColorRole unselectedHoverTrackColor = + TokenColorRole.surfaceContainerHighest; /// md.comp.switch.unselected.hover.track.outline.color - static const TokenColorRole unselectedHoverTrackOutlineColor = TokenColorRole.outline; + static const TokenColorRole unselectedHoverTrackOutlineColor = + TokenColorRole.outline; /// md.comp.switch.unselected.icon.color - static const TokenColorRole unselectedIconColor = TokenColorRole.surfaceContainerHighest; + static const TokenColorRole unselectedIconColor = + TokenColorRole.surfaceContainerHighest; /// md.comp.switch.unselected.icon.size static const double unselectedIconSize = 16.00; /// md.comp.switch.unselected.pressed.handle.color - static const TokenColorRole unselectedPressedHandleColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole unselectedPressedHandleColor = + TokenColorRole.onSurfaceVariant; /// md.comp.switch.unselected.pressed.icon.color - static const TokenColorRole unselectedPressedIconColor = TokenColorRole.surfaceContainerHighest; + static const TokenColorRole unselectedPressedIconColor = + TokenColorRole.surfaceContainerHighest; /// md.comp.switch.unselected.pressed.state-layer.color - static const TokenColorRole unselectedPressedStateLayerColor = TokenColorRole.onSurface; + static const TokenColorRole unselectedPressedStateLayerColor = + TokenColorRole.onSurface; /// md.comp.switch.unselected.pressed.state-layer.opacity static const double unselectedPressedStateLayerOpacity = 0.10; /// md.comp.switch.unselected.pressed.track.color - static const TokenColorRole unselectedPressedTrackColor = TokenColorRole.surfaceContainerHighest; + static const TokenColorRole unselectedPressedTrackColor = + TokenColorRole.surfaceContainerHighest; /// md.comp.switch.unselected.pressed.track.outline.color - static const TokenColorRole unselectedPressedTrackOutlineColor = TokenColorRole.outline; + static const TokenColorRole unselectedPressedTrackOutlineColor = + TokenColorRole.outline; /// md.comp.switch.unselected.track.color - static const TokenColorRole unselectedTrackColor = TokenColorRole.surfaceContainerHighest; + static const TokenColorRole unselectedTrackColor = + TokenColorRole.surfaceContainerHighest; /// md.comp.switch.unselected.track.outline.color - static const TokenColorRole unselectedTrackOutlineColor = TokenColorRole.outline; + static const TokenColorRole unselectedTrackOutlineColor = + TokenColorRole.outline; /// md.comp.switch.with-icon.handle.height static const double withIconHandleHeight = 24.00; diff --git a/packages/material_ui/tool/gen_defaults/data/switch_dark_ios_default.dart b/packages/material_ui/tool/gen_defaults/data/switch_dark_ios_default.dart deleted file mode 100644 index 36110917f81a..000000000000 --- a/packages/material_ui/tool/gen_defaults/data/switch_dark_ios_default.dart +++ /dev/null @@ -1,10 +0,0 @@ -// Copyright 2013 The Flutter Authors. -// Use of this source code is governed by a BSD-style license that can be -// found in the LICENSE file. - -// Version: 36.0.6 - -class TokenSwitchDarkIosDefault { - /// md.comp.switch.selected.track.color - static const String selectedTrackColor = '0xFF7F67BE'; -} diff --git a/packages/material_ui/tool/gen_defaults/data/switch_dark_ios_medium_contrast.dart b/packages/material_ui/tool/gen_defaults/data/switch_dark_ios_medium_contrast.dart deleted file mode 100644 index 461fb445f2e1..000000000000 --- a/packages/material_ui/tool/gen_defaults/data/switch_dark_ios_medium_contrast.dart +++ /dev/null @@ -1,10 +0,0 @@ -// Copyright 2013 The Flutter Authors. -// Use of this source code is governed by a BSD-style license that can be -// found in the LICENSE file. - -// Version: 36.0.6 - -class TokenSwitchDarkIosMediumContrast { - /// md.comp.switch.selected.track.color - static const String selectedTrackColor = '0xFF9A82DB'; -} diff --git a/packages/material_ui/tool/gen_defaults/data/time_input.dart b/packages/material_ui/tool/gen_defaults/data/time_input.dart index 065c93067673..5df8a8edd502 100644 --- a/packages/material_ui/tool/gen_defaults/data/time_input.dart +++ b/packages/material_ui/tool/gen_defaults/data/time_input.dart @@ -2,14 +2,16 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; +import 'typescale_struct.dart'; class TokenTimeInput { /// md.comp.time-input.container.color - static const TokenColorRole containerColor = TokenColorRole.surfaceContainerHigh; + static const TokenColorRole containerColor = + TokenColorRole.surfaceContainerHigh; /// md.comp.time-input.container.elevation static const double containerElevation = 6.00; @@ -35,23 +37,14 @@ class TokenTimeInput { /// md.comp.time-input.headline.color static const TokenColorRole headlineColor = TokenColorRole.onSurfaceVariant; - /// md.comp.time-input.headline.font - static const String headlineFont = 'Roboto'; - - /// md.comp.time-input.headline.type - static const String headlineTypeFontFamily = 'Roboto'; - - /// md.comp.time-input.headline.type - static const double headlineTypeFontSize = 12.00; - - /// md.comp.time-input.headline.type - static const double headlineTypeFontWeight = 500; - /// md.comp.time-input.headline.type - static const double headlineTypeLetterSpacing = 0.50; - - /// md.comp.time-input.headline.type - static const double headlineTypeLineHeight = 16.00; + static const TypescaleStruct headlineType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 12.00, + fontWeight: 500, + lineHeight: 16.00, + letterSpacing: 0.50, + ); /// md.comp.time-input.period-selector.container.height static const double periodSelectorContainerHeight = 72.00; @@ -74,26 +67,18 @@ class TokenTimeInput { /// md.comp.time-input.period-selector.hover.state-layer.opacity static const double periodSelectorHoverStateLayerOpacity = 0.08; - /// md.comp.time-input.period-selector.label-text.font - static const String periodSelectorLabelTextFont = 'Roboto'; - - /// md.comp.time-input.period-selector.label-text.type - static const String periodSelectorLabelTextTypeFontFamily = 'Roboto'; - /// md.comp.time-input.period-selector.label-text.type - static const double periodSelectorLabelTextTypeFontSize = 16.00; - - /// md.comp.time-input.period-selector.label-text.type - static const double periodSelectorLabelTextTypeFontWeight = 500; - - /// md.comp.time-input.period-selector.label-text.type - static const double periodSelectorLabelTextTypeLetterSpacing = 0.15; - - /// md.comp.time-input.period-selector.label-text.type - static const double periodSelectorLabelTextTypeLineHeight = 24.00; + static const TypescaleStruct periodSelectorLabelTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 16.00, + fontWeight: 500, + lineHeight: 24.00, + letterSpacing: 0.15, + ); /// md.comp.time-input.period-selector.outline.color - static const TokenColorRole periodSelectorOutlineColor = TokenColorRole.outline; + static const TokenColorRole periodSelectorOutlineColor = + TokenColorRole.outline; /// md.comp.time-input.period-selector.outline.width static const double periodSelectorOutlineWidth = 1.00; @@ -162,7 +147,8 @@ class TokenTimeInput { TokenColorRole.onSurfaceVariant; /// md.comp.time-input.time-input-field.container.color - static const TokenColorRole timeInputFieldContainerColor = TokenColorRole.surfaceContainerHighest; + static const TokenColorRole timeInputFieldContainerColor = + TokenColorRole.surfaceContainerHighest; /// md.comp.time-input.time-input-field.container.height static const double timeInputFieldContainerHeight = 72.00; @@ -180,86 +166,68 @@ class TokenTimeInput { static const double timeInputFieldContainerWidth = 96.00; /// md.comp.time-input.time-input-field.focus.container.color - static const TokenColorRole timeInputFieldFocusContainerColor = TokenColorRole.primaryContainer; + static const TokenColorRole timeInputFieldFocusContainerColor = + TokenColorRole.primaryContainer; /// md.comp.time-input.time-input-field.focus.label-text.color - static const TokenColorRole timeInputFieldFocusLabelTextColor = TokenColorRole.onPrimaryContainer; + static const TokenColorRole timeInputFieldFocusLabelTextColor = + TokenColorRole.onPrimaryContainer; /// md.comp.time-input.time-input-field.focus.outline.color - static const TokenColorRole timeInputFieldFocusOutlineColor = TokenColorRole.primary; + static const TokenColorRole timeInputFieldFocusOutlineColor = + TokenColorRole.primary; /// md.comp.time-input.time-input-field.focus.outline.width static const double timeInputFieldFocusOutlineWidth = 2.00; /// md.comp.time-input.time-input-field.hover.label-text.color - static const TokenColorRole timeInputFieldHoverLabelTextColor = TokenColorRole.onSurface; + static const TokenColorRole timeInputFieldHoverLabelTextColor = + TokenColorRole.onSurface; /// md.comp.time-input.time-input-field.hover.state-layer.color - static const TokenColorRole timeInputFieldHoverStateLayerColor = TokenColorRole.onSurface; + static const TokenColorRole timeInputFieldHoverStateLayerColor = + TokenColorRole.onSurface; /// md.comp.time-input.time-input-field.hover.state-layer.opacity static const double timeInputFieldHoverStateLayerOpacity = 0.08; /// md.comp.time-input.time-input-field.label-text.color - static const TokenColorRole timeInputFieldLabelTextColor = TokenColorRole.onSurface; - - /// md.comp.time-input.time-input-field.label-text.font - static const String timeInputFieldLabelTextFont = 'Roboto'; - - /// md.comp.time-input.time-input-field.label-text.type - static const String timeInputFieldLabelTextTypeFontFamily = 'Roboto'; - - /// md.comp.time-input.time-input-field.label-text.type - static const double timeInputFieldLabelTextTypeFontSize = 45.00; + static const TokenColorRole timeInputFieldLabelTextColor = + TokenColorRole.onSurface; /// md.comp.time-input.time-input-field.label-text.type - static const double timeInputFieldLabelTextTypeFontWeight = 400; - - /// md.comp.time-input.time-input-field.label-text.type - static const double timeInputFieldLabelTextTypeLetterSpacing = 0.00; - - /// md.comp.time-input.time-input-field.label-text.type - static const double timeInputFieldLabelTextTypeLineHeight = 52.00; + static const TypescaleStruct timeInputFieldLabelTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 45.00, + fontWeight: 400, + lineHeight: 52.00, + letterSpacing: 0.00, + ); /// md.comp.time-input.time-input-field.separator.color - static const TokenColorRole timeInputFieldSeparatorColor = TokenColorRole.onSurface; - - /// md.comp.time-input.time-input-field.separator.font - static const String timeInputFieldSeparatorFont = 'Roboto'; + static const TokenColorRole timeInputFieldSeparatorColor = + TokenColorRole.onSurface; /// md.comp.time-input.time-input-field.separator.type - static const String timeInputFieldSeparatorTypeFontFamily = 'Roboto'; - - /// md.comp.time-input.time-input-field.separator.type - static const double timeInputFieldSeparatorTypeFontSize = 57.00; - - /// md.comp.time-input.time-input-field.separator.type - static const double timeInputFieldSeparatorTypeFontWeight = 400; - - /// md.comp.time-input.time-input-field.separator.type - static const double timeInputFieldSeparatorTypeLetterSpacing = -0.25; - - /// md.comp.time-input.time-input-field.separator.type - static const double timeInputFieldSeparatorTypeLineHeight = 64.00; + static const TypescaleStruct timeInputFieldSeparatorType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 57.00, + fontWeight: 400, + lineHeight: 64.00, + letterSpacing: -0.25, + ); /// md.comp.time-input.time-input-field.supporting-text.color - static const TokenColorRole timeInputFieldSupportingTextColor = TokenColorRole.onSurfaceVariant; - - /// md.comp.time-input.time-input-field.supporting-text.font - static const String timeInputFieldSupportingTextFont = 'Roboto'; - - /// md.comp.time-input.time-input-field.supporting-text.type - static const String timeInputFieldSupportingTextTypeFontFamily = 'Roboto'; - - /// md.comp.time-input.time-input-field.supporting-text.type - static const double timeInputFieldSupportingTextTypeFontSize = 12.00; - - /// md.comp.time-input.time-input-field.supporting-text.type - static const double timeInputFieldSupportingTextTypeFontWeight = 400; - - /// md.comp.time-input.time-input-field.supporting-text.type - static const double timeInputFieldSupportingTextTypeLetterSpacing = 0.40; + static const TokenColorRole timeInputFieldSupportingTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.time-input.time-input-field.supporting-text.type - static const double timeInputFieldSupportingTextTypeLineHeight = 16.00; + static const TypescaleStruct timeInputFieldSupportingTextType = + TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 12.00, + fontWeight: 400, + lineHeight: 16.00, + letterSpacing: 0.40, + ); } diff --git a/packages/material_ui/tool/gen_defaults/data/time_picker.dart b/packages/material_ui/tool/gen_defaults/data/time_picker.dart index d189d03d762b..5cd8fdc5596f 100644 --- a/packages/material_ui/tool/gen_defaults/data/time_picker.dart +++ b/packages/material_ui/tool/gen_defaults/data/time_picker.dart @@ -2,41 +2,36 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; +import 'typescale_struct.dart'; class TokenTimePicker { /// md.comp.time-picker.clock-dial.color - static const TokenColorRole clockDialColor = TokenColorRole.surfaceContainerHighest; + static const TokenColorRole clockDialColor = + TokenColorRole.surfaceContainerHighest; /// md.comp.time-picker.clock-dial.container.size static const double clockDialContainerSize = 256.00; - /// md.comp.time-picker.clock-dial.label-text.font - static const String clockDialLabelTextFont = 'Roboto'; - - /// md.comp.time-picker.clock-dial.label-text.type - static const String clockDialLabelTextTypeFontFamily = 'Roboto'; - - /// md.comp.time-picker.clock-dial.label-text.type - static const double clockDialLabelTextTypeFontSize = 16.00; - - /// md.comp.time-picker.clock-dial.label-text.type - static const double clockDialLabelTextTypeFontWeight = 400; - /// md.comp.time-picker.clock-dial.label-text.type - static const double clockDialLabelTextTypeLetterSpacing = 0.50; - - /// md.comp.time-picker.clock-dial.label-text.type - static const double clockDialLabelTextTypeLineHeight = 24.00; + static const TypescaleStruct clockDialLabelTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 16.00, + fontWeight: 400, + lineHeight: 24.00, + letterSpacing: 0.50, + ); /// md.comp.time-picker.clock-dial.selected.label-text.color - static const TokenColorRole clockDialSelectedLabelTextColor = TokenColorRole.onPrimary; + static const TokenColorRole clockDialSelectedLabelTextColor = + TokenColorRole.onPrimary; /// md.comp.time-picker.clock-dial.selector.center.container.color - static const TokenColorRole clockDialSelectorCenterContainerColor = TokenColorRole.primary; + static const TokenColorRole clockDialSelectorCenterContainerColor = + TokenColorRole.primary; /// md.comp.time-picker.clock-dial.selector.center.container.shape static const ShapeStruct clockDialSelectorCenterContainerShape = ShapeStruct( @@ -51,7 +46,8 @@ class TokenTimePicker { static const double clockDialSelectorCenterContainerSize = 8.00; /// md.comp.time-picker.clock-dial.selector.handle.container.color - static const TokenColorRole clockDialSelectorHandleContainerColor = TokenColorRole.primary; + static const TokenColorRole clockDialSelectorHandleContainerColor = + TokenColorRole.primary; /// md.comp.time-picker.clock-dial.selector.handle.container.shape static const ShapeStruct clockDialSelectorHandleContainerShape = ShapeStruct( @@ -66,7 +62,8 @@ class TokenTimePicker { static const double clockDialSelectorHandleContainerSize = 48.00; /// md.comp.time-picker.clock-dial.selector.track.container.color - static const TokenColorRole clockDialSelectorTrackContainerColor = TokenColorRole.primary; + static const TokenColorRole clockDialSelectorTrackContainerColor = + TokenColorRole.primary; /// md.comp.time-picker.clock-dial.selector.track.container.width static const double clockDialSelectorTrackContainerWidth = 2.00; @@ -81,10 +78,12 @@ class TokenTimePicker { ); /// md.comp.time-picker.clock-dial.unselected.label-text.color - static const TokenColorRole clockDialUnselectedLabelTextColor = TokenColorRole.onSurface; + static const TokenColorRole clockDialUnselectedLabelTextColor = + TokenColorRole.onSurface; /// md.comp.time-picker.container.color - static const TokenColorRole containerColor = TokenColorRole.surfaceContainerHigh; + static const TokenColorRole containerColor = + TokenColorRole.surfaceContainerHigh; /// md.comp.time-picker.container.elevation static const double containerElevation = 6.00; @@ -101,23 +100,14 @@ class TokenTimePicker { /// md.comp.time-picker.headline.color static const TokenColorRole headlineColor = TokenColorRole.onSurfaceVariant; - /// md.comp.time-picker.headline.font - static const String headlineFont = 'Roboto'; - - /// md.comp.time-picker.headline.type - static const String headlineTypeFontFamily = 'Roboto'; - /// md.comp.time-picker.headline.type - static const double headlineTypeFontSize = 12.00; - - /// md.comp.time-picker.headline.type - static const double headlineTypeFontWeight = 500; - - /// md.comp.time-picker.headline.type - static const double headlineTypeLetterSpacing = 0.50; - - /// md.comp.time-picker.headline.type - static const double headlineTypeLineHeight = 16.00; + static const TypescaleStruct headlineType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 12.00, + fontWeight: 500, + lineHeight: 16.00, + letterSpacing: 0.50, + ); /// md.comp.time-picker.period-selector.container.shape static const ShapeStruct periodSelectorContainerShape = ShapeStruct( @@ -140,26 +130,18 @@ class TokenTimePicker { /// md.comp.time-picker.period-selector.hover.state-layer.opacity static const double periodSelectorHoverStateLayerOpacity = 0.08; - /// md.comp.time-picker.period-selector.label-text.font - static const String periodSelectorLabelTextFont = 'Roboto'; - - /// md.comp.time-picker.period-selector.label-text.type - static const String periodSelectorLabelTextTypeFontFamily = 'Roboto'; - - /// md.comp.time-picker.period-selector.label-text.type - static const double periodSelectorLabelTextTypeFontSize = 16.00; - - /// md.comp.time-picker.period-selector.label-text.type - static const double periodSelectorLabelTextTypeFontWeight = 500; - /// md.comp.time-picker.period-selector.label-text.type - static const double periodSelectorLabelTextTypeLetterSpacing = 0.15; - - /// md.comp.time-picker.period-selector.label-text.type - static const double periodSelectorLabelTextTypeLineHeight = 24.00; + static const TypescaleStruct periodSelectorLabelTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 16.00, + fontWeight: 500, + lineHeight: 24.00, + letterSpacing: 0.15, + ); /// md.comp.time-picker.period-selector.outline.color - static const TokenColorRole periodSelectorOutlineColor = TokenColorRole.outline; + static const TokenColorRole periodSelectorOutlineColor = + TokenColorRole.outline; /// md.comp.time-picker.period-selector.outline.width static const double periodSelectorOutlineWidth = 1.00; @@ -257,29 +239,21 @@ class TokenTimePicker { /// md.comp.time-picker.time-selector.hover.state-layer.opacity static const double timeSelectorHoverStateLayerOpacity = 0.08; - /// md.comp.time-picker.time-selector.label-text.font - static const String timeSelectorLabelTextFont = 'Roboto'; - - /// md.comp.time-picker.time-selector.label-text.type - static const String timeSelectorLabelTextTypeFontFamily = 'Roboto'; - - /// md.comp.time-picker.time-selector.label-text.type - static const double timeSelectorLabelTextTypeFontSize = 57.00; - /// md.comp.time-picker.time-selector.label-text.type - static const double timeSelectorLabelTextTypeFontWeight = 400; - - /// md.comp.time-picker.time-selector.label-text.type - static const double timeSelectorLabelTextTypeLetterSpacing = -0.25; - - /// md.comp.time-picker.time-selector.label-text.type - static const double timeSelectorLabelTextTypeLineHeight = 64.00; + static const TypescaleStruct timeSelectorLabelTextType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 57.00, + fontWeight: 400, + lineHeight: 64.00, + letterSpacing: -0.25, + ); /// md.comp.time-picker.time-selector.pressed.state-layer.opacity static const double timeSelectorPressedStateLayerOpacity = 0.10; /// md.comp.time-picker.time-selector.selected.container.color - static const TokenColorRole timeSelectorSelectedContainerColor = TokenColorRole.primaryContainer; + static const TokenColorRole timeSelectorSelectedContainerColor = + TokenColorRole.primaryContainer; /// md.comp.time-picker.time-selector.selected.focus.label-text.color static const TokenColorRole timeSelectorSelectedFocusLabelTextColor = @@ -310,44 +284,41 @@ class TokenTimePicker { TokenColorRole.onPrimaryContainer; /// md.comp.time-picker.time-selector.separator.color - static const TokenColorRole timeSelectorSeparatorColor = TokenColorRole.onSurface; - - /// md.comp.time-picker.time-selector.separator.font - static const String timeSelectorSeparatorFont = 'Roboto'; - - /// md.comp.time-picker.time-selector.separator.type - static const String timeSelectorSeparatorTypeFontFamily = 'Roboto'; - - /// md.comp.time-picker.time-selector.separator.type - static const double timeSelectorSeparatorTypeFontSize = 57.00; - - /// md.comp.time-picker.time-selector.separator.type - static const double timeSelectorSeparatorTypeFontWeight = 400; - - /// md.comp.time-picker.time-selector.separator.type - static const double timeSelectorSeparatorTypeLetterSpacing = -0.25; + static const TokenColorRole timeSelectorSeparatorColor = + TokenColorRole.onSurface; /// md.comp.time-picker.time-selector.separator.type - static const double timeSelectorSeparatorTypeLineHeight = 64.00; + static const TypescaleStruct timeSelectorSeparatorType = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 57.00, + fontWeight: 400, + lineHeight: 64.00, + letterSpacing: -0.25, + ); /// md.comp.time-picker.time-selector.unselected.container.color static const TokenColorRole timeSelectorUnselectedContainerColor = TokenColorRole.surfaceContainerHighest; /// md.comp.time-picker.time-selector.unselected.focus.label-text.color - static const TokenColorRole timeSelectorUnselectedFocusLabelTextColor = TokenColorRole.onSurface; + static const TokenColorRole timeSelectorUnselectedFocusLabelTextColor = + TokenColorRole.onSurface; /// md.comp.time-picker.time-selector.unselected.focus.state-layer.color - static const TokenColorRole timeSelectorUnselectedFocusStateLayerColor = TokenColorRole.onSurface; + static const TokenColorRole timeSelectorUnselectedFocusStateLayerColor = + TokenColorRole.onSurface; /// md.comp.time-picker.time-selector.unselected.hover.label-text.color - static const TokenColorRole timeSelectorUnselectedHoverLabelTextColor = TokenColorRole.onSurface; + static const TokenColorRole timeSelectorUnselectedHoverLabelTextColor = + TokenColorRole.onSurface; /// md.comp.time-picker.time-selector.unselected.hover.state-layer.color - static const TokenColorRole timeSelectorUnselectedHoverStateLayerColor = TokenColorRole.onSurface; + static const TokenColorRole timeSelectorUnselectedHoverStateLayerColor = + TokenColorRole.onSurface; /// md.comp.time-picker.time-selector.unselected.label-text.color - static const TokenColorRole timeSelectorUnselectedLabelTextColor = TokenColorRole.onSurface; + static const TokenColorRole timeSelectorUnselectedLabelTextColor = + TokenColorRole.onSurface; /// md.comp.time-picker.time-selector.unselected.pressed.label-text.color static const TokenColorRole timeSelectorUnselectedPressedLabelTextColor = diff --git a/packages/material_ui/tool/gen_defaults/data/toolbar_docked.dart b/packages/material_ui/tool/gen_defaults/data/toolbar_docked.dart index 56a1a56cebd8..3e1e50c933a1 100644 --- a/packages/material_ui/tool/gen_defaults/data/toolbar_docked.dart +++ b/packages/material_ui/tool/gen_defaults/data/toolbar_docked.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'shape_struct.dart'; diff --git a/packages/material_ui/tool/gen_defaults/data/toolbar_floating.dart b/packages/material_ui/tool/gen_defaults/data/toolbar_floating.dart index 386913ad330b..a918484c73a6 100644 --- a/packages/material_ui/tool/gen_defaults/data/toolbar_floating.dart +++ b/packages/material_ui/tool/gen_defaults/data/toolbar_floating.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'shape_struct.dart'; diff --git a/packages/material_ui/tool/gen_defaults/data/toolbar_floating_fab.dart b/packages/material_ui/tool/gen_defaults/data/toolbar_floating_fab.dart index 11bd6d8d4723..35dd75309084 100644 --- a/packages/material_ui/tool/gen_defaults/data/toolbar_floating_fab.dart +++ b/packages/material_ui/tool/gen_defaults/data/toolbar_floating_fab.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; @@ -54,14 +54,18 @@ class TokenToolbarFloatingFab { static const double mediumIconSize = 28.00; /// md.comp.toolbar.floating.fab.standard.container.color - static const TokenColorRole standardContainerColor = TokenColorRole.secondaryContainer; + static const TokenColorRole standardContainerColor = + TokenColorRole.secondaryContainer; /// md.comp.toolbar.floating.fab.standard.icon.color - static const TokenColorRole standardIconColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole standardIconColor = + TokenColorRole.onSecondaryContainer; /// md.comp.toolbar.floating.fab.vibrant.container.color - static const TokenColorRole vibrantContainerColor = TokenColorRole.tertiaryContainer; + static const TokenColorRole vibrantContainerColor = + TokenColorRole.tertiaryContainer; /// md.comp.toolbar.floating.fab.vibrant.icon.color - static const TokenColorRole vibrantIconColor = TokenColorRole.onTertiaryContainer; + static const TokenColorRole vibrantIconColor = + TokenColorRole.onTertiaryContainer; } diff --git a/packages/material_ui/tool/gen_defaults/data/toolbar_standard.dart b/packages/material_ui/tool/gen_defaults/data/toolbar_standard.dart index c1940a848f22..e692e09f66b7 100644 --- a/packages/material_ui/tool/gen_defaults/data/toolbar_standard.dart +++ b/packages/material_ui/tool/gen_defaults/data/toolbar_standard.dart @@ -2,14 +2,15 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; class TokenToolbarStandard { /// md.comp.toolbar.standard.button.container.color - static const TokenColorRole buttonContainerColor = TokenColorRole.surfaceContainer; + static const TokenColorRole buttonContainerColor = + TokenColorRole.surfaceContainer; /// md.comp.toolbar.standard.container.color static const TokenColorRole containerColor = TokenColorRole.surfaceContainer; @@ -36,25 +37,31 @@ class TokenToolbarStandard { static const double disabledLabelTextOpacity = 0.38; /// md.comp.toolbar.standard.focused.icon.color - static const TokenColorRole focusedIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole focusedIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.toolbar.standard.focused.label-text.color - static const TokenColorRole focusedLabelTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole focusedLabelTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.toolbar.standard.focused.state-layer.color - static const TokenColorRole focusedStateLayerColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole focusedStateLayerColor = + TokenColorRole.onSurfaceVariant; /// md.comp.toolbar.standard.focused.state-layer.opacity static const double focusedStateLayerOpacity = 0.10; /// md.comp.toolbar.standard.hovered.icon.color - static const TokenColorRole hoveredIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole hoveredIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.toolbar.standard.hovered.label-text.color - static const TokenColorRole hoveredLabelTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole hoveredLabelTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.toolbar.standard.hovered.state-layer.color - static const TokenColorRole hoveredStateLayerColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole hoveredStateLayerColor = + TokenColorRole.onSurfaceVariant; /// md.comp.toolbar.standard.hovered.state-layer.opacity static const double hoveredStateLayerOpacity = 0.08; @@ -66,50 +73,65 @@ class TokenToolbarStandard { static const TokenColorRole labelTextColor = TokenColorRole.onSurfaceVariant; /// md.comp.toolbar.standard.pressed.icon.color - static const TokenColorRole pressedIconColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole pressedIconColor = + TokenColorRole.onSurfaceVariant; /// md.comp.toolbar.standard.pressed.label-text.color - static const TokenColorRole pressedLabelTextColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole pressedLabelTextColor = + TokenColorRole.onSurfaceVariant; /// md.comp.toolbar.standard.pressed.state-layer.color - static const TokenColorRole pressedStateLayerColor = TokenColorRole.onSurfaceVariant; + static const TokenColorRole pressedStateLayerColor = + TokenColorRole.onSurfaceVariant; /// md.comp.toolbar.standard.pressed.state-layer.opacity static const double pressedStateLayerOpacity = 0.10; /// md.comp.toolbar.standard.selected.button.container.color - static const TokenColorRole selectedButtonContainerColor = TokenColorRole.secondaryContainer; + static const TokenColorRole selectedButtonContainerColor = + TokenColorRole.secondaryContainer; /// md.comp.toolbar.standard.selected.focused.icon.color - static const TokenColorRole selectedFocusedIconColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole selectedFocusedIconColor = + TokenColorRole.onSecondaryContainer; /// md.comp.toolbar.standard.selected.focused.label-text.color - static const TokenColorRole selectedFocusedLabelTextColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole selectedFocusedLabelTextColor = + TokenColorRole.onSecondaryContainer; /// md.comp.toolbar.standard.selected.focused.state-layer.color - static const TokenColorRole selectedFocusedStateLayerColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole selectedFocusedStateLayerColor = + TokenColorRole.onSecondaryContainer; /// md.comp.toolbar.standard.selected.hovered.icon.color - static const TokenColorRole selectedHoveredIconColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole selectedHoveredIconColor = + TokenColorRole.onSecondaryContainer; /// md.comp.toolbar.standard.selected.hovered.label-text.color - static const TokenColorRole selectedHoveredLabelTextColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole selectedHoveredLabelTextColor = + TokenColorRole.onSecondaryContainer; /// md.comp.toolbar.standard.selected.hovered.state-layer.color - static const TokenColorRole selectedHoveredStateLayerColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole selectedHoveredStateLayerColor = + TokenColorRole.onSecondaryContainer; /// md.comp.toolbar.standard.selected.icon.color - static const TokenColorRole selectedIconColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole selectedIconColor = + TokenColorRole.onSecondaryContainer; /// md.comp.toolbar.standard.selected.label-text.color - static const TokenColorRole selectedLabelTextColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole selectedLabelTextColor = + TokenColorRole.onSecondaryContainer; /// md.comp.toolbar.standard.selected.pressed.icon.color - static const TokenColorRole selectedPressedIconColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole selectedPressedIconColor = + TokenColorRole.onSecondaryContainer; /// md.comp.toolbar.standard.selected.pressed.label-text.color - static const TokenColorRole selectedPressedLabelTextColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole selectedPressedLabelTextColor = + TokenColorRole.onSecondaryContainer; /// md.comp.toolbar.standard.selected.pressed.state-layer.color - static const TokenColorRole selectedPressedStateLayerColor = TokenColorRole.onSecondaryContainer; + static const TokenColorRole selectedPressedStateLayerColor = + TokenColorRole.onSecondaryContainer; } diff --git a/packages/material_ui/tool/gen_defaults/data/toolbar_vibrant.dart b/packages/material_ui/tool/gen_defaults/data/toolbar_vibrant.dart index 98bddb1bd130..4e47466ae6ff 100644 --- a/packages/material_ui/tool/gen_defaults/data/toolbar_vibrant.dart +++ b/packages/material_ui/tool/gen_defaults/data/toolbar_vibrant.dart @@ -2,14 +2,15 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 import 'color_role.dart'; import 'shape_struct.dart'; class TokenToolbarVibrant { /// md.comp.toolbar.vibrant.button.container.color - static const TokenColorRole buttonContainerColor = TokenColorRole.primaryContainer; + static const TokenColorRole buttonContainerColor = + TokenColorRole.primaryContainer; /// md.comp.toolbar.vibrant.container.color static const TokenColorRole containerColor = TokenColorRole.primaryContainer; @@ -36,25 +37,31 @@ class TokenToolbarVibrant { static const double disabledLabelTextOpacity = 0.38; /// md.comp.toolbar.vibrant.focused.icon.color - static const TokenColorRole focusedIconColor = TokenColorRole.onPrimaryContainer; + static const TokenColorRole focusedIconColor = + TokenColorRole.onPrimaryContainer; /// md.comp.toolbar.vibrant.focused.label-text.color - static const TokenColorRole focusedLabelTextColor = TokenColorRole.onPrimaryContainer; + static const TokenColorRole focusedLabelTextColor = + TokenColorRole.onPrimaryContainer; /// md.comp.toolbar.vibrant.focused.state-layer.color - static const TokenColorRole focusedStateLayerColor = TokenColorRole.onPrimaryContainer; + static const TokenColorRole focusedStateLayerColor = + TokenColorRole.onPrimaryContainer; /// md.comp.toolbar.vibrant.focused.state-layer.opacity static const double focusedStateLayerOpacity = 0.10; /// md.comp.toolbar.vibrant.hovered.icon.color - static const TokenColorRole hoveredIconColor = TokenColorRole.onPrimaryContainer; + static const TokenColorRole hoveredIconColor = + TokenColorRole.onPrimaryContainer; /// md.comp.toolbar.vibrant.hovered.label-text.color - static const TokenColorRole hoveredLabelTextColor = TokenColorRole.onPrimaryContainer; + static const TokenColorRole hoveredLabelTextColor = + TokenColorRole.onPrimaryContainer; /// md.comp.toolbar.vibrant.hovered.state-layer.color - static const TokenColorRole hoveredStateLayerColor = TokenColorRole.onPrimaryContainer; + static const TokenColorRole hoveredStateLayerColor = + TokenColorRole.onPrimaryContainer; /// md.comp.toolbar.vibrant.hovered.state-layer.opacity static const double hoveredStateLayerOpacity = 0.08; @@ -63,40 +70,51 @@ class TokenToolbarVibrant { static const TokenColorRole iconColor = TokenColorRole.onPrimaryContainer; /// md.comp.toolbar.vibrant.label-text.color - static const TokenColorRole labelTextColor = TokenColorRole.onPrimaryContainer; + static const TokenColorRole labelTextColor = + TokenColorRole.onPrimaryContainer; /// md.comp.toolbar.vibrant.pressed.icon.color - static const TokenColorRole pressedIconColor = TokenColorRole.onPrimaryContainer; + static const TokenColorRole pressedIconColor = + TokenColorRole.onPrimaryContainer; /// md.comp.toolbar.vibrant.pressed.label-text.color - static const TokenColorRole pressedLabelTextColor = TokenColorRole.onPrimaryContainer; + static const TokenColorRole pressedLabelTextColor = + TokenColorRole.onPrimaryContainer; /// md.comp.toolbar.vibrant.pressed.state-layer.color - static const TokenColorRole pressedStateLayerColor = TokenColorRole.onPrimaryContainer; + static const TokenColorRole pressedStateLayerColor = + TokenColorRole.onPrimaryContainer; /// md.comp.toolbar.vibrant.pressed.state-layer.opacity static const double pressedStateLayerOpacity = 0.10; /// md.comp.toolbar.vibrant.selected.button.container.color - static const TokenColorRole selectedButtonContainerColor = TokenColorRole.surfaceContainer; + static const TokenColorRole selectedButtonContainerColor = + TokenColorRole.surfaceContainer; /// md.comp.toolbar.vibrant.selected.focused.icon.color - static const TokenColorRole selectedFocusedIconColor = TokenColorRole.onSurface; + static const TokenColorRole selectedFocusedIconColor = + TokenColorRole.onSurface; /// md.comp.toolbar.vibrant.selected.focused.label-text.color - static const TokenColorRole selectedFocusedLabelTextColor = TokenColorRole.onSurface; + static const TokenColorRole selectedFocusedLabelTextColor = + TokenColorRole.onSurface; /// md.comp.toolbar.vibrant.selected.focused.state-layer.color - static const TokenColorRole selectedFocusedStateLayerColor = TokenColorRole.onSurface; + static const TokenColorRole selectedFocusedStateLayerColor = + TokenColorRole.onSurface; /// md.comp.toolbar.vibrant.selected.hovered.icon.color - static const TokenColorRole selectedHoveredIconColor = TokenColorRole.onSurface; + static const TokenColorRole selectedHoveredIconColor = + TokenColorRole.onSurface; /// md.comp.toolbar.vibrant.selected.hovered.label-text.color - static const TokenColorRole selectedHoveredLabelTextColor = TokenColorRole.onSurface; + static const TokenColorRole selectedHoveredLabelTextColor = + TokenColorRole.onSurface; /// md.comp.toolbar.vibrant.selected.hovered.state-layer.color - static const TokenColorRole selectedHoveredStateLayerColor = TokenColorRole.onSurface; + static const TokenColorRole selectedHoveredStateLayerColor = + TokenColorRole.onSurface; /// md.comp.toolbar.vibrant.selected.icon.color static const TokenColorRole selectedIconColor = TokenColorRole.onSurface; @@ -105,11 +123,14 @@ class TokenToolbarVibrant { static const TokenColorRole selectedLabelTextColor = TokenColorRole.onSurface; /// md.comp.toolbar.vibrant.selected.pressed.icon.color - static const TokenColorRole selectedPressedIconColor = TokenColorRole.onSurface; + static const TokenColorRole selectedPressedIconColor = + TokenColorRole.onSurface; /// md.comp.toolbar.vibrant.selected.pressed.label-text.color - static const TokenColorRole selectedPressedLabelTextColor = TokenColorRole.onSurface; + static const TokenColorRole selectedPressedLabelTextColor = + TokenColorRole.onSurface; /// md.comp.toolbar.vibrant.selected.pressed.state-layer.color - static const TokenColorRole selectedPressedStateLayerColor = TokenColorRole.onSurface; + static const TokenColorRole selectedPressedStateLayerColor = + TokenColorRole.onSurface; } diff --git a/packages/material_ui/tool/gen_defaults/data/typeface.dart b/packages/material_ui/tool/gen_defaults/data/typeface.dart index 844faa98e0d2..ed362aae92c9 100644 --- a/packages/material_ui/tool/gen_defaults/data/typeface.dart +++ b/packages/material_ui/tool/gen_defaults/data/typeface.dart @@ -2,7 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 class TokenTypeface { /// md.ref.typeface.brand diff --git a/packages/material_ui/tool/gen_defaults/data/typeface_variable.dart b/packages/material_ui/tool/gen_defaults/data/typeface_variable.dart deleted file mode 100644 index 698432184583..000000000000 --- a/packages/material_ui/tool/gen_defaults/data/typeface_variable.dart +++ /dev/null @@ -1,13 +0,0 @@ -// Copyright 2013 The Flutter Authors. -// Use of this source code is governed by a BSD-style license that can be -// found in the LICENSE file. - -// Version: 36.0.6 - -class TokenTypefaceVariable { - /// md.ref.typeface.brand - static const String brand = 'Roboto Flex'; - - /// md.ref.typeface.plain - static const String plain = 'Roboto Flex'; -} diff --git a/packages/material_ui/tool/gen_defaults/data/typescale.dart b/packages/material_ui/tool/gen_defaults/data/typescale.dart index c7adbfa5aa5d..4d2cf6f319ad 100644 --- a/packages/material_ui/tool/gen_defaults/data/typescale.dart +++ b/packages/material_ui/tool/gen_defaults/data/typescale.dart @@ -2,276 +2,143 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 -class TokenTypescale { - /// md.sys.typescale.body-large.font - static const String bodyLargeFont = 'Roboto'; - - /// md.sys.typescale.body-large - static const String bodyLargeFontFamily = 'Roboto'; - - /// md.sys.typescale.body-large - static const double bodyLargeFontSize = 16.00; - - /// md.sys.typescale.body-large - static const double bodyLargeFontWeight = 400; - - /// md.sys.typescale.body-large - static const double bodyLargeLetterSpacing = 0.50; +import 'typescale_struct.dart'; +class TokenTypescale { /// md.sys.typescale.body-large - static const double bodyLargeLineHeight = 24.00; - - /// md.sys.typescale.body-medium.font - static const String bodyMediumFont = 'Roboto'; - - /// md.sys.typescale.body-medium - static const String bodyMediumFontFamily = 'Roboto'; - - /// md.sys.typescale.body-medium - static const double bodyMediumFontSize = 14.00; - - /// md.sys.typescale.body-medium - static const double bodyMediumFontWeight = 400; + static const TypescaleStruct bodyLarge = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 16.00, + fontWeight: 400, + lineHeight: 24.00, + letterSpacing: 0.50, + ); /// md.sys.typescale.body-medium - static const double bodyMediumLetterSpacing = 0.25; - - /// md.sys.typescale.body-medium - static const double bodyMediumLineHeight = 20.00; - - /// md.sys.typescale.body-small.font - static const String bodySmallFont = 'Roboto'; - - /// md.sys.typescale.body-small - static const String bodySmallFontFamily = 'Roboto'; - - /// md.sys.typescale.body-small - static const double bodySmallFontSize = 12.00; - - /// md.sys.typescale.body-small - static const double bodySmallFontWeight = 400; + static const TypescaleStruct bodyMedium = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 14.00, + fontWeight: 400, + lineHeight: 20.00, + letterSpacing: 0.25, + ); /// md.sys.typescale.body-small - static const double bodySmallLetterSpacing = 0.40; - - /// md.sys.typescale.body-small - static const double bodySmallLineHeight = 16.00; - - /// md.sys.typescale.display-large.font - static const String displayLargeFont = 'Roboto'; - - /// md.sys.typescale.display-large - static const String displayLargeFontFamily = 'Roboto'; - - /// md.sys.typescale.display-large - static const double displayLargeFontSize = 57.00; - - /// md.sys.typescale.display-large - static const double displayLargeFontWeight = 400; - - /// md.sys.typescale.display-large - static const double displayLargeLetterSpacing = -0.25; + static const TypescaleStruct bodySmall = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 12.00, + fontWeight: 400, + lineHeight: 16.00, + letterSpacing: 0.40, + ); /// md.sys.typescale.display-large - static const double displayLargeLineHeight = 64.00; - - /// md.sys.typescale.display-medium.font - static const String displayMediumFont = 'Roboto'; + static const TypescaleStruct displayLarge = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 57.00, + fontWeight: 400, + lineHeight: 64.00, + letterSpacing: -0.25, + ); /// md.sys.typescale.display-medium - static const String displayMediumFontFamily = 'Roboto'; - - /// md.sys.typescale.display-medium - static const double displayMediumFontSize = 45.00; - - /// md.sys.typescale.display-medium - static const double displayMediumFontWeight = 400; - - /// md.sys.typescale.display-medium - static const double displayMediumLetterSpacing = 0.00; - - /// md.sys.typescale.display-medium - static const double displayMediumLineHeight = 52.00; - - /// md.sys.typescale.display-small.font - static const String displaySmallFont = 'Roboto'; - - /// md.sys.typescale.display-small - static const String displaySmallFontFamily = 'Roboto'; - - /// md.sys.typescale.display-small - static const double displaySmallFontSize = 36.00; + static const TypescaleStruct displayMedium = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 45.00, + fontWeight: 400, + lineHeight: 52.00, + letterSpacing: 0.00, + ); /// md.sys.typescale.display-small - static const double displaySmallFontWeight = 400; - - /// md.sys.typescale.display-small - static const double displaySmallLetterSpacing = 0.00; - - /// md.sys.typescale.display-small - static const double displaySmallLineHeight = 44.00; - - /// md.sys.typescale.headline-large.font - static const String headlineLargeFont = 'Roboto'; - - /// md.sys.typescale.headline-large - static const String headlineLargeFontFamily = 'Roboto'; - - /// md.sys.typescale.headline-large - static const double headlineLargeFontSize = 32.00; + static const TypescaleStruct displaySmall = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 36.00, + fontWeight: 400, + lineHeight: 44.00, + letterSpacing: 0.00, + ); /// md.sys.typescale.headline-large - static const double headlineLargeFontWeight = 400; - - /// md.sys.typescale.headline-large - static const double headlineLargeLetterSpacing = 0.00; - - /// md.sys.typescale.headline-large - static const double headlineLargeLineHeight = 40.00; - - /// md.sys.typescale.headline-medium.font - static const String headlineMediumFont = 'Roboto'; - - /// md.sys.typescale.headline-medium - static const String headlineMediumFontFamily = 'Roboto'; - - /// md.sys.typescale.headline-medium - static const double headlineMediumFontSize = 28.00; - - /// md.sys.typescale.headline-medium - static const double headlineMediumFontWeight = 400; - - /// md.sys.typescale.headline-medium - static const double headlineMediumLetterSpacing = 0.00; + static const TypescaleStruct headlineLarge = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 32.00, + fontWeight: 400, + lineHeight: 40.00, + letterSpacing: 0.00, + ); /// md.sys.typescale.headline-medium - static const double headlineMediumLineHeight = 36.00; - - /// md.sys.typescale.headline-small.font - static const String headlineSmallFont = 'Roboto'; - - /// md.sys.typescale.headline-small - static const String headlineSmallFontFamily = 'Roboto'; + static const TypescaleStruct headlineMedium = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 28.00, + fontWeight: 400, + lineHeight: 36.00, + letterSpacing: 0.00, + ); /// md.sys.typescale.headline-small - static const double headlineSmallFontSize = 24.00; - - /// md.sys.typescale.headline-small - static const double headlineSmallFontWeight = 400; - - /// md.sys.typescale.headline-small - static const double headlineSmallLetterSpacing = 0.00; - - /// md.sys.typescale.headline-small - static const double headlineSmallLineHeight = 32.00; - - /// md.sys.typescale.label-large.font - static const String labelLargeFont = 'Roboto'; - - /// md.sys.typescale.label-large - static const String labelLargeFontFamily = 'Roboto'; + static const TypescaleStruct headlineSmall = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 24.00, + fontWeight: 400, + lineHeight: 32.00, + letterSpacing: 0.00, + ); /// md.sys.typescale.label-large - static const double labelLargeFontSize = 14.00; - - /// md.sys.typescale.label-large - static const double labelLargeFontWeight = 500; - - /// md.sys.typescale.label-large - static const double labelLargeLetterSpacing = 0.10; - - /// md.sys.typescale.label-large - static const double labelLargeLineHeight = 20.00; - - /// md.sys.typescale.label-medium.font - static const String labelMediumFont = 'Roboto'; - - /// md.sys.typescale.label-medium - static const String labelMediumFontFamily = 'Roboto'; + static const TypescaleStruct labelLarge = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 14.00, + fontWeight: 500, + lineHeight: 20.00, + letterSpacing: 0.10, + ); /// md.sys.typescale.label-medium - static const double labelMediumFontSize = 12.00; - - /// md.sys.typescale.label-medium - static const double labelMediumFontWeight = 500; - - /// md.sys.typescale.label-medium - static const double labelMediumLetterSpacing = 0.50; - - /// md.sys.typescale.label-medium - static const double labelMediumLineHeight = 16.00; - - /// md.sys.typescale.label-small.font - static const String labelSmallFont = 'Roboto'; - - /// md.sys.typescale.label-small - static const String labelSmallFontFamily = 'Roboto'; - - /// md.sys.typescale.label-small - static const double labelSmallFontSize = 11.00; - - /// md.sys.typescale.label-small - static const double labelSmallFontWeight = 500; + static const TypescaleStruct labelMedium = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 12.00, + fontWeight: 500, + lineHeight: 16.00, + letterSpacing: 0.50, + ); /// md.sys.typescale.label-small - static const double labelSmallLetterSpacing = 0.50; - - /// md.sys.typescale.label-small - static const double labelSmallLineHeight = 16.00; - - /// md.sys.typescale.title-large.font - static const String titleLargeFont = 'Roboto'; + static const TypescaleStruct labelSmall = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 11.00, + fontWeight: 500, + lineHeight: 16.00, + letterSpacing: 0.50, + ); /// md.sys.typescale.title-large - static const String titleLargeFontFamily = 'Roboto'; - - /// md.sys.typescale.title-large - static const double titleLargeFontSize = 22.00; - - /// md.sys.typescale.title-large - static const double titleLargeFontWeight = 400; - - /// md.sys.typescale.title-large - static const double titleLargeLetterSpacing = 0.00; - - /// md.sys.typescale.title-large - static const double titleLargeLineHeight = 28.00; - - /// md.sys.typescale.title-medium.font - static const String titleMediumFont = 'Roboto'; + static const TypescaleStruct titleLarge = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 22.00, + fontWeight: 400, + lineHeight: 28.00, + letterSpacing: 0.00, + ); /// md.sys.typescale.title-medium - static const String titleMediumFontFamily = 'Roboto'; - - /// md.sys.typescale.title-medium - static const double titleMediumFontSize = 16.00; - - /// md.sys.typescale.title-medium - static const double titleMediumFontWeight = 500; - - /// md.sys.typescale.title-medium - static const double titleMediumLetterSpacing = 0.15; - - /// md.sys.typescale.title-medium - static const double titleMediumLineHeight = 24.00; - - /// md.sys.typescale.title-small.font - static const String titleSmallFont = 'Roboto'; - - /// md.sys.typescale.title-small - static const String titleSmallFontFamily = 'Roboto'; - - /// md.sys.typescale.title-small - static const double titleSmallFontSize = 14.00; - - /// md.sys.typescale.title-small - static const double titleSmallFontWeight = 500; - - /// md.sys.typescale.title-small - static const double titleSmallLetterSpacing = 0.10; + static const TypescaleStruct titleMedium = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 16.00, + fontWeight: 500, + lineHeight: 24.00, + letterSpacing: 0.15, + ); /// md.sys.typescale.title-small - static const double titleSmallLineHeight = 20.00; + static const TypescaleStruct titleSmall = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 14.00, + fontWeight: 500, + lineHeight: 20.00, + letterSpacing: 0.10, + ); } diff --git a/packages/material_ui/tool/gen_defaults/data/typescale_emphasized.dart b/packages/material_ui/tool/gen_defaults/data/typescale_emphasized.dart index ffddbd49b289..1f214a98675e 100644 --- a/packages/material_ui/tool/gen_defaults/data/typescale_emphasized.dart +++ b/packages/material_ui/tool/gen_defaults/data/typescale_emphasized.dart @@ -2,276 +2,143 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 -class TokenTypescaleEmphasized { - /// md.sys.typescale.emphasized.body-large.font - static const String bodyLargeFont = 'Roboto'; - - /// md.sys.typescale.emphasized.body-large - static const String bodyLargeFontFamily = 'Roboto'; - - /// md.sys.typescale.emphasized.body-large - static const double bodyLargeFontSize = 16.00; - - /// md.sys.typescale.emphasized.body-large - static const double bodyLargeFontWeight = 500; - - /// md.sys.typescale.emphasized.body-large - static const double bodyLargeLetterSpacing = 0.50; +import 'typescale_struct.dart'; +class TokenTypescaleEmphasized { /// md.sys.typescale.emphasized.body-large - static const double bodyLargeLineHeight = 24.00; - - /// md.sys.typescale.emphasized.body-medium.font - static const String bodyMediumFont = 'Roboto'; - - /// md.sys.typescale.emphasized.body-medium - static const String bodyMediumFontFamily = 'Roboto'; - - /// md.sys.typescale.emphasized.body-medium - static const double bodyMediumFontSize = 14.00; - - /// md.sys.typescale.emphasized.body-medium - static const double bodyMediumFontWeight = 500; + static const TypescaleStruct bodyLarge = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 16.00, + fontWeight: 500, + lineHeight: 24.00, + letterSpacing: 0.50, + ); /// md.sys.typescale.emphasized.body-medium - static const double bodyMediumLetterSpacing = 0.25; - - /// md.sys.typescale.emphasized.body-medium - static const double bodyMediumLineHeight = 20.00; - - /// md.sys.typescale.emphasized.body-small.font - static const String bodySmallFont = 'Roboto'; - - /// md.sys.typescale.emphasized.body-small - static const String bodySmallFontFamily = 'Roboto'; - - /// md.sys.typescale.emphasized.body-small - static const double bodySmallFontSize = 12.00; - - /// md.sys.typescale.emphasized.body-small - static const double bodySmallFontWeight = 500; + static const TypescaleStruct bodyMedium = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 14.00, + fontWeight: 500, + lineHeight: 20.00, + letterSpacing: 0.25, + ); /// md.sys.typescale.emphasized.body-small - static const double bodySmallLetterSpacing = 0.40; - - /// md.sys.typescale.emphasized.body-small - static const double bodySmallLineHeight = 16.00; - - /// md.sys.typescale.emphasized.display-large.font - static const String displayLargeFont = 'Roboto'; - - /// md.sys.typescale.emphasized.display-large - static const String displayLargeFontFamily = 'Roboto'; - - /// md.sys.typescale.emphasized.display-large - static const double displayLargeFontSize = 57.00; - - /// md.sys.typescale.emphasized.display-large - static const double displayLargeFontWeight = 500; - - /// md.sys.typescale.emphasized.display-large - static const double displayLargeLetterSpacing = -0.25; + static const TypescaleStruct bodySmall = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 12.00, + fontWeight: 500, + lineHeight: 16.00, + letterSpacing: 0.40, + ); /// md.sys.typescale.emphasized.display-large - static const double displayLargeLineHeight = 64.00; - - /// md.sys.typescale.emphasized.display-medium.font - static const String displayMediumFont = 'Roboto'; + static const TypescaleStruct displayLarge = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 57.00, + fontWeight: 500, + lineHeight: 64.00, + letterSpacing: -0.25, + ); /// md.sys.typescale.emphasized.display-medium - static const String displayMediumFontFamily = 'Roboto'; - - /// md.sys.typescale.emphasized.display-medium - static const double displayMediumFontSize = 45.00; - - /// md.sys.typescale.emphasized.display-medium - static const double displayMediumFontWeight = 500; - - /// md.sys.typescale.emphasized.display-medium - static const double displayMediumLetterSpacing = 0.00; - - /// md.sys.typescale.emphasized.display-medium - static const double displayMediumLineHeight = 52.00; - - /// md.sys.typescale.emphasized.display-small.font - static const String displaySmallFont = 'Roboto'; - - /// md.sys.typescale.emphasized.display-small - static const String displaySmallFontFamily = 'Roboto'; - - /// md.sys.typescale.emphasized.display-small - static const double displaySmallFontSize = 36.00; + static const TypescaleStruct displayMedium = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 45.00, + fontWeight: 500, + lineHeight: 52.00, + letterSpacing: 0.00, + ); /// md.sys.typescale.emphasized.display-small - static const double displaySmallFontWeight = 500; - - /// md.sys.typescale.emphasized.display-small - static const double displaySmallLetterSpacing = 0.00; - - /// md.sys.typescale.emphasized.display-small - static const double displaySmallLineHeight = 44.00; - - /// md.sys.typescale.emphasized.headline-large.font - static const String headlineLargeFont = 'Roboto'; - - /// md.sys.typescale.emphasized.headline-large - static const String headlineLargeFontFamily = 'Roboto'; - - /// md.sys.typescale.emphasized.headline-large - static const double headlineLargeFontSize = 32.00; + static const TypescaleStruct displaySmall = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 36.00, + fontWeight: 500, + lineHeight: 44.00, + letterSpacing: 0.00, + ); /// md.sys.typescale.emphasized.headline-large - static const double headlineLargeFontWeight = 500; - - /// md.sys.typescale.emphasized.headline-large - static const double headlineLargeLetterSpacing = 0.00; - - /// md.sys.typescale.emphasized.headline-large - static const double headlineLargeLineHeight = 40.00; - - /// md.sys.typescale.emphasized.headline-medium.font - static const String headlineMediumFont = 'Roboto'; - - /// md.sys.typescale.emphasized.headline-medium - static const String headlineMediumFontFamily = 'Roboto'; - - /// md.sys.typescale.emphasized.headline-medium - static const double headlineMediumFontSize = 28.00; - - /// md.sys.typescale.emphasized.headline-medium - static const double headlineMediumFontWeight = 500; - - /// md.sys.typescale.emphasized.headline-medium - static const double headlineMediumLetterSpacing = 0.00; + static const TypescaleStruct headlineLarge = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 32.00, + fontWeight: 500, + lineHeight: 40.00, + letterSpacing: 0.00, + ); /// md.sys.typescale.emphasized.headline-medium - static const double headlineMediumLineHeight = 36.00; - - /// md.sys.typescale.emphasized.headline-small.font - static const String headlineSmallFont = 'Roboto'; - - /// md.sys.typescale.emphasized.headline-small - static const String headlineSmallFontFamily = 'Roboto'; + static const TypescaleStruct headlineMedium = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 28.00, + fontWeight: 500, + lineHeight: 36.00, + letterSpacing: 0.00, + ); /// md.sys.typescale.emphasized.headline-small - static const double headlineSmallFontSize = 24.00; - - /// md.sys.typescale.emphasized.headline-small - static const double headlineSmallFontWeight = 500; - - /// md.sys.typescale.emphasized.headline-small - static const double headlineSmallLetterSpacing = 0.00; - - /// md.sys.typescale.emphasized.headline-small - static const double headlineSmallLineHeight = 32.00; - - /// md.sys.typescale.emphasized.label-large.font - static const String labelLargeFont = 'Roboto'; - - /// md.sys.typescale.emphasized.label-large - static const String labelLargeFontFamily = 'Roboto'; + static const TypescaleStruct headlineSmall = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 24.00, + fontWeight: 500, + lineHeight: 32.00, + letterSpacing: 0.00, + ); /// md.sys.typescale.emphasized.label-large - static const double labelLargeFontSize = 14.00; - - /// md.sys.typescale.emphasized.label-large - static const double labelLargeFontWeight = 700; - - /// md.sys.typescale.emphasized.label-large - static const double labelLargeLetterSpacing = 0.10; - - /// md.sys.typescale.emphasized.label-large - static const double labelLargeLineHeight = 20.00; - - /// md.sys.typescale.emphasized.label-medium.font - static const String labelMediumFont = 'Roboto'; - - /// md.sys.typescale.emphasized.label-medium - static const String labelMediumFontFamily = 'Roboto'; + static const TypescaleStruct labelLarge = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 14.00, + fontWeight: 700, + lineHeight: 20.00, + letterSpacing: 0.10, + ); /// md.sys.typescale.emphasized.label-medium - static const double labelMediumFontSize = 12.00; - - /// md.sys.typescale.emphasized.label-medium - static const double labelMediumFontWeight = 700; - - /// md.sys.typescale.emphasized.label-medium - static const double labelMediumLetterSpacing = 0.50; - - /// md.sys.typescale.emphasized.label-medium - static const double labelMediumLineHeight = 16.00; - - /// md.sys.typescale.emphasized.label-small.font - static const String labelSmallFont = 'Roboto'; - - /// md.sys.typescale.emphasized.label-small - static const String labelSmallFontFamily = 'Roboto'; - - /// md.sys.typescale.emphasized.label-small - static const double labelSmallFontSize = 11.00; - - /// md.sys.typescale.emphasized.label-small - static const double labelSmallFontWeight = 700; + static const TypescaleStruct labelMedium = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 12.00, + fontWeight: 700, + lineHeight: 16.00, + letterSpacing: 0.50, + ); /// md.sys.typescale.emphasized.label-small - static const double labelSmallLetterSpacing = 0.50; - - /// md.sys.typescale.emphasized.label-small - static const double labelSmallLineHeight = 16.00; - - /// md.sys.typescale.emphasized.title-large.font - static const String titleLargeFont = 'Roboto'; + static const TypescaleStruct labelSmall = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 11.00, + fontWeight: 700, + lineHeight: 16.00, + letterSpacing: 0.50, + ); /// md.sys.typescale.emphasized.title-large - static const String titleLargeFontFamily = 'Roboto'; - - /// md.sys.typescale.emphasized.title-large - static const double titleLargeFontSize = 22.00; - - /// md.sys.typescale.emphasized.title-large - static const double titleLargeFontWeight = 500; - - /// md.sys.typescale.emphasized.title-large - static const double titleLargeLetterSpacing = 0.00; - - /// md.sys.typescale.emphasized.title-large - static const double titleLargeLineHeight = 28.00; - - /// md.sys.typescale.emphasized.title-medium.font - static const String titleMediumFont = 'Roboto'; + static const TypescaleStruct titleLarge = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 22.00, + fontWeight: 500, + lineHeight: 28.00, + letterSpacing: 0.00, + ); /// md.sys.typescale.emphasized.title-medium - static const String titleMediumFontFamily = 'Roboto'; - - /// md.sys.typescale.emphasized.title-medium - static const double titleMediumFontSize = 16.00; - - /// md.sys.typescale.emphasized.title-medium - static const double titleMediumFontWeight = 700; - - /// md.sys.typescale.emphasized.title-medium - static const double titleMediumLetterSpacing = 0.15; - - /// md.sys.typescale.emphasized.title-medium - static const double titleMediumLineHeight = 24.00; - - /// md.sys.typescale.emphasized.title-small.font - static const String titleSmallFont = 'Roboto'; - - /// md.sys.typescale.emphasized.title-small - static const String titleSmallFontFamily = 'Roboto'; - - /// md.sys.typescale.emphasized.title-small - static const double titleSmallFontSize = 14.00; - - /// md.sys.typescale.emphasized.title-small - static const double titleSmallFontWeight = 700; - - /// md.sys.typescale.emphasized.title-small - static const double titleSmallLetterSpacing = 0.10; + static const TypescaleStruct titleMedium = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 16.00, + fontWeight: 700, + lineHeight: 24.00, + letterSpacing: 0.15, + ); /// md.sys.typescale.emphasized.title-small - static const double titleSmallLineHeight = 20.00; + static const TypescaleStruct titleSmall = TypescaleStruct( + fontFamily: 'Roboto', + fontSize: 14.00, + fontWeight: 700, + lineHeight: 20.00, + letterSpacing: 0.10, + ); } diff --git a/packages/material_ui/tool/gen_defaults/data/typescale_emphasized_variable.dart b/packages/material_ui/tool/gen_defaults/data/typescale_emphasized_variable.dart deleted file mode 100644 index 55c360c418f6..000000000000 --- a/packages/material_ui/tool/gen_defaults/data/typescale_emphasized_variable.dart +++ /dev/null @@ -1,232 +0,0 @@ -// Copyright 2013 The Flutter Authors. -// Use of this source code is governed by a BSD-style license that can be -// found in the LICENSE file. - -// Version: 36.0.6 - -class TokenTypescaleEmphasizedVariable { - /// md.sys.typescale.emphasized.body-large - static const String bodyLargeFontFamily = 'Roboto Flex'; - - /// md.sys.typescale.emphasized.body-large - static const double bodyLargeFontSize = 16.00; - - /// md.sys.typescale.emphasized.body-large - static const double bodyLargeFontWeight = 500; - - /// md.sys.typescale.emphasized.body-large - static const double bodyLargeLetterSpacing = 0.00; - - /// md.sys.typescale.emphasized.body-large - static const double bodyLargeLineHeight = 24.00; - - /// md.sys.typescale.emphasized.body-medium - static const String bodyMediumFontFamily = 'Roboto Flex'; - - /// md.sys.typescale.emphasized.body-medium - static const double bodyMediumFontSize = 14.00; - - /// md.sys.typescale.emphasized.body-medium - static const double bodyMediumFontWeight = 500; - - /// md.sys.typescale.emphasized.body-medium - static const double bodyMediumLetterSpacing = 0.00; - - /// md.sys.typescale.emphasized.body-medium - static const double bodyMediumLineHeight = 20.00; - - /// md.sys.typescale.emphasized.body-small - static const String bodySmallFontFamily = 'Roboto Flex'; - - /// md.sys.typescale.emphasized.body-small - static const double bodySmallFontSize = 12.00; - - /// md.sys.typescale.emphasized.body-small - static const double bodySmallFontWeight = 500; - - /// md.sys.typescale.emphasized.body-small - static const double bodySmallLetterSpacing = 0.00; - - /// md.sys.typescale.emphasized.body-small - static const double bodySmallLineHeight = 16.00; - - /// md.sys.typescale.emphasized.display-large - static const String displayLargeFontFamily = 'Roboto Flex'; - - /// md.sys.typescale.emphasized.display-large - static const double displayLargeFontSize = 57.00; - - /// md.sys.typescale.emphasized.display-large - static const double displayLargeFontWeight = 500; - - /// md.sys.typescale.emphasized.display-large - static const double displayLargeLetterSpacing = 0.00; - - /// md.sys.typescale.emphasized.display-large - static const double displayLargeLineHeight = 64.00; - - /// md.sys.typescale.emphasized.display-medium - static const String displayMediumFontFamily = 'Roboto Flex'; - - /// md.sys.typescale.emphasized.display-medium - static const double displayMediumFontSize = 45.00; - - /// md.sys.typescale.emphasized.display-medium - static const double displayMediumFontWeight = 500; - - /// md.sys.typescale.emphasized.display-medium - static const double displayMediumLetterSpacing = 0.00; - - /// md.sys.typescale.emphasized.display-medium - static const double displayMediumLineHeight = 52.00; - - /// md.sys.typescale.emphasized.display-small - static const String displaySmallFontFamily = 'Roboto Flex'; - - /// md.sys.typescale.emphasized.display-small - static const double displaySmallFontSize = 36.00; - - /// md.sys.typescale.emphasized.display-small - static const double displaySmallFontWeight = 500; - - /// md.sys.typescale.emphasized.display-small - static const double displaySmallLetterSpacing = 0.00; - - /// md.sys.typescale.emphasized.display-small - static const double displaySmallLineHeight = 44.00; - - /// md.sys.typescale.emphasized.headline-large - static const String headlineLargeFontFamily = 'Roboto Flex'; - - /// md.sys.typescale.emphasized.headline-large - static const double headlineLargeFontSize = 32.00; - - /// md.sys.typescale.emphasized.headline-large - static const double headlineLargeFontWeight = 500; - - /// md.sys.typescale.emphasized.headline-large - static const double headlineLargeLetterSpacing = 0.00; - - /// md.sys.typescale.emphasized.headline-large - static const double headlineLargeLineHeight = 40.00; - - /// md.sys.typescale.emphasized.headline-medium - static const String headlineMediumFontFamily = 'Roboto Flex'; - - /// md.sys.typescale.emphasized.headline-medium - static const double headlineMediumFontSize = 28.00; - - /// md.sys.typescale.emphasized.headline-medium - static const double headlineMediumFontWeight = 500; - - /// md.sys.typescale.emphasized.headline-medium - static const double headlineMediumLetterSpacing = 0.00; - - /// md.sys.typescale.emphasized.headline-medium - static const double headlineMediumLineHeight = 36.00; - - /// md.sys.typescale.emphasized.headline-small - static const String headlineSmallFontFamily = 'Roboto Flex'; - - /// md.sys.typescale.emphasized.headline-small - static const double headlineSmallFontSize = 24.00; - - /// md.sys.typescale.emphasized.headline-small - static const double headlineSmallFontWeight = 500; - - /// md.sys.typescale.emphasized.headline-small - static const double headlineSmallLetterSpacing = 0.00; - - /// md.sys.typescale.emphasized.headline-small - static const double headlineSmallLineHeight = 32.00; - - /// md.sys.typescale.emphasized.label-large - static const String labelLargeFontFamily = 'Roboto Flex'; - - /// md.sys.typescale.emphasized.label-large - static const double labelLargeFontSize = 14.00; - - /// md.sys.typescale.emphasized.label-large - static const double labelLargeFontWeight = 700; - - /// md.sys.typescale.emphasized.label-large - static const double labelLargeLetterSpacing = 0.00; - - /// md.sys.typescale.emphasized.label-large - static const double labelLargeLineHeight = 20.00; - - /// md.sys.typescale.emphasized.label-medium - static const String labelMediumFontFamily = 'Roboto Flex'; - - /// md.sys.typescale.emphasized.label-medium - static const double labelMediumFontSize = 12.00; - - /// md.sys.typescale.emphasized.label-medium - static const double labelMediumFontWeight = 700; - - /// md.sys.typescale.emphasized.label-medium - static const double labelMediumLetterSpacing = 0.00; - - /// md.sys.typescale.emphasized.label-medium - static const double labelMediumLineHeight = 16.00; - - /// md.sys.typescale.emphasized.label-small - static const String labelSmallFontFamily = 'Roboto Flex'; - - /// md.sys.typescale.emphasized.label-small - static const double labelSmallFontSize = 11.00; - - /// md.sys.typescale.emphasized.label-small - static const double labelSmallFontWeight = 700; - - /// md.sys.typescale.emphasized.label-small - static const double labelSmallLetterSpacing = 0.00; - - /// md.sys.typescale.emphasized.label-small - static const double labelSmallLineHeight = 16.00; - - /// md.sys.typescale.emphasized.title-large - static const String titleLargeFontFamily = 'Roboto Flex'; - - /// md.sys.typescale.emphasized.title-large - static const double titleLargeFontSize = 22.00; - - /// md.sys.typescale.emphasized.title-large - static const double titleLargeFontWeight = 500; - - /// md.sys.typescale.emphasized.title-large - static const double titleLargeLetterSpacing = 0.00; - - /// md.sys.typescale.emphasized.title-large - static const double titleLargeLineHeight = 28.00; - - /// md.sys.typescale.emphasized.title-medium - static const String titleMediumFontFamily = 'Roboto Flex'; - - /// md.sys.typescale.emphasized.title-medium - static const double titleMediumFontSize = 16.00; - - /// md.sys.typescale.emphasized.title-medium - static const double titleMediumFontWeight = 700; - - /// md.sys.typescale.emphasized.title-medium - static const double titleMediumLetterSpacing = 0.00; - - /// md.sys.typescale.emphasized.title-medium - static const double titleMediumLineHeight = 24.00; - - /// md.sys.typescale.emphasized.title-small - static const String titleSmallFontFamily = 'Roboto Flex'; - - /// md.sys.typescale.emphasized.title-small - static const double titleSmallFontSize = 14.00; - - /// md.sys.typescale.emphasized.title-small - static const double titleSmallFontWeight = 700; - - /// md.sys.typescale.emphasized.title-small - static const double titleSmallLetterSpacing = 0.00; - - /// md.sys.typescale.emphasized.title-small - static const double titleSmallLineHeight = 20.00; -} diff --git a/packages/material_ui/tool/gen_defaults/data/typescale_struct.dart b/packages/material_ui/tool/gen_defaults/data/typescale_struct.dart new file mode 100644 index 000000000000..1040cb9011fc --- /dev/null +++ b/packages/material_ui/tool/gen_defaults/data/typescale_struct.dart @@ -0,0 +1,19 @@ +// Copyright 2013 The Flutter Authors. +// Use of this source code is governed by a BSD-style license that can be +// found in the LICENSE file. + +class TypescaleStruct { + const TypescaleStruct({ + required this.fontFamily, + required this.fontSize, + required this.fontWeight, + required this.lineHeight, + required this.letterSpacing, + }); + + final String fontFamily; + final double fontSize; + final double fontWeight; + final double lineHeight; + final double letterSpacing; +} diff --git a/packages/material_ui/tool/gen_defaults/data/typescale_variable.dart b/packages/material_ui/tool/gen_defaults/data/typescale_variable.dart index bfb1f09517d4..8d2e6f9d3957 100644 --- a/packages/material_ui/tool/gen_defaults/data/typescale_variable.dart +++ b/packages/material_ui/tool/gen_defaults/data/typescale_variable.dart @@ -2,276 +2,143 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 -class TokenTypescaleVariable { - /// md.sys.typescale.variable.body-large.font - static const String bodyLargeFont = 'Roboto Flex'; - - /// md.sys.typescale.variable.body-large - static const String bodyLargeFontFamily = 'Roboto Flex'; - - /// md.sys.typescale.variable.body-large - static const double bodyLargeFontSize = 16.00; - - /// md.sys.typescale.variable.body-large - static const double bodyLargeFontWeight = 400; - - /// md.sys.typescale.variable.body-large - static const double bodyLargeLetterSpacing = 0.00; +import 'typescale_struct.dart'; +class TokenTypescaleVariable { /// md.sys.typescale.variable.body-large - static const double bodyLargeLineHeight = 24.00; - - /// md.sys.typescale.variable.body-medium.font - static const String bodyMediumFont = 'Roboto Flex'; - - /// md.sys.typescale.variable.body-medium - static const String bodyMediumFontFamily = 'Roboto Flex'; - - /// md.sys.typescale.variable.body-medium - static const double bodyMediumFontSize = 14.00; - - /// md.sys.typescale.variable.body-medium - static const double bodyMediumFontWeight = 400; + static const TypescaleStruct bodyLarge = TypescaleStruct( + fontFamily: 'Roboto Flex', + fontSize: 16.00, + fontWeight: 400, + lineHeight: 24.00, + letterSpacing: 0.00, + ); /// md.sys.typescale.variable.body-medium - static const double bodyMediumLetterSpacing = 0.00; - - /// md.sys.typescale.variable.body-medium - static const double bodyMediumLineHeight = 20.00; - - /// md.sys.typescale.variable.body-small.font - static const String bodySmallFont = 'Roboto Flex'; - - /// md.sys.typescale.variable.body-small - static const String bodySmallFontFamily = 'Roboto Flex'; - - /// md.sys.typescale.variable.body-small - static const double bodySmallFontSize = 12.00; - - /// md.sys.typescale.variable.body-small - static const double bodySmallFontWeight = 400; + static const TypescaleStruct bodyMedium = TypescaleStruct( + fontFamily: 'Roboto Flex', + fontSize: 14.00, + fontWeight: 400, + lineHeight: 20.00, + letterSpacing: 0.00, + ); /// md.sys.typescale.variable.body-small - static const double bodySmallLetterSpacing = 0.00; - - /// md.sys.typescale.variable.body-small - static const double bodySmallLineHeight = 16.00; - - /// md.sys.typescale.variable.display-large.font - static const String displayLargeFont = 'Roboto Flex'; - - /// md.sys.typescale.variable.display-large - static const String displayLargeFontFamily = 'Roboto Flex'; - - /// md.sys.typescale.variable.display-large - static const double displayLargeFontSize = 57.00; - - /// md.sys.typescale.variable.display-large - static const double displayLargeFontWeight = 400; - - /// md.sys.typescale.variable.display-large - static const double displayLargeLetterSpacing = 0.00; + static const TypescaleStruct bodySmall = TypescaleStruct( + fontFamily: 'Roboto Flex', + fontSize: 12.00, + fontWeight: 400, + lineHeight: 16.00, + letterSpacing: 0.00, + ); /// md.sys.typescale.variable.display-large - static const double displayLargeLineHeight = 64.00; - - /// md.sys.typescale.variable.display-medium.font - static const String displayMediumFont = 'Roboto Flex'; + static const TypescaleStruct displayLarge = TypescaleStruct( + fontFamily: 'Roboto Flex', + fontSize: 57.00, + fontWeight: 400, + lineHeight: 64.00, + letterSpacing: 0.00, + ); /// md.sys.typescale.variable.display-medium - static const String displayMediumFontFamily = 'Roboto Flex'; - - /// md.sys.typescale.variable.display-medium - static const double displayMediumFontSize = 45.00; - - /// md.sys.typescale.variable.display-medium - static const double displayMediumFontWeight = 400; - - /// md.sys.typescale.variable.display-medium - static const double displayMediumLetterSpacing = 0.00; - - /// md.sys.typescale.variable.display-medium - static const double displayMediumLineHeight = 52.00; - - /// md.sys.typescale.variable.display-small.font - static const String displaySmallFont = 'Roboto Flex'; - - /// md.sys.typescale.variable.display-small - static const String displaySmallFontFamily = 'Roboto Flex'; - - /// md.sys.typescale.variable.display-small - static const double displaySmallFontSize = 36.00; + static const TypescaleStruct displayMedium = TypescaleStruct( + fontFamily: 'Roboto Flex', + fontSize: 45.00, + fontWeight: 400, + lineHeight: 52.00, + letterSpacing: 0.00, + ); /// md.sys.typescale.variable.display-small - static const double displaySmallFontWeight = 400; - - /// md.sys.typescale.variable.display-small - static const double displaySmallLetterSpacing = 0.00; - - /// md.sys.typescale.variable.display-small - static const double displaySmallLineHeight = 44.00; - - /// md.sys.typescale.variable.headline-large.font - static const String headlineLargeFont = 'Roboto Flex'; - - /// md.sys.typescale.variable.headline-large - static const String headlineLargeFontFamily = 'Roboto Flex'; - - /// md.sys.typescale.variable.headline-large - static const double headlineLargeFontSize = 32.00; + static const TypescaleStruct displaySmall = TypescaleStruct( + fontFamily: 'Roboto Flex', + fontSize: 36.00, + fontWeight: 400, + lineHeight: 44.00, + letterSpacing: 0.00, + ); /// md.sys.typescale.variable.headline-large - static const double headlineLargeFontWeight = 400; - - /// md.sys.typescale.variable.headline-large - static const double headlineLargeLetterSpacing = 0.00; - - /// md.sys.typescale.variable.headline-large - static const double headlineLargeLineHeight = 40.00; - - /// md.sys.typescale.variable.headline-medium.font - static const String headlineMediumFont = 'Roboto Flex'; - - /// md.sys.typescale.variable.headline-medium - static const String headlineMediumFontFamily = 'Roboto Flex'; - - /// md.sys.typescale.variable.headline-medium - static const double headlineMediumFontSize = 28.00; - - /// md.sys.typescale.variable.headline-medium - static const double headlineMediumFontWeight = 400; - - /// md.sys.typescale.variable.headline-medium - static const double headlineMediumLetterSpacing = 0.00; + static const TypescaleStruct headlineLarge = TypescaleStruct( + fontFamily: 'Roboto Flex', + fontSize: 32.00, + fontWeight: 400, + lineHeight: 40.00, + letterSpacing: 0.00, + ); /// md.sys.typescale.variable.headline-medium - static const double headlineMediumLineHeight = 36.00; - - /// md.sys.typescale.variable.headline-small.font - static const String headlineSmallFont = 'Roboto Flex'; - - /// md.sys.typescale.variable.headline-small - static const String headlineSmallFontFamily = 'Roboto Flex'; + static const TypescaleStruct headlineMedium = TypescaleStruct( + fontFamily: 'Roboto Flex', + fontSize: 28.00, + fontWeight: 400, + lineHeight: 36.00, + letterSpacing: 0.00, + ); /// md.sys.typescale.variable.headline-small - static const double headlineSmallFontSize = 24.00; - - /// md.sys.typescale.variable.headline-small - static const double headlineSmallFontWeight = 400; - - /// md.sys.typescale.variable.headline-small - static const double headlineSmallLetterSpacing = 0.00; - - /// md.sys.typescale.variable.headline-small - static const double headlineSmallLineHeight = 32.00; - - /// md.sys.typescale.variable.label-large.font - static const String labelLargeFont = 'Roboto Flex'; - - /// md.sys.typescale.variable.label-large - static const String labelLargeFontFamily = 'Roboto Flex'; + static const TypescaleStruct headlineSmall = TypescaleStruct( + fontFamily: 'Roboto Flex', + fontSize: 24.00, + fontWeight: 400, + lineHeight: 32.00, + letterSpacing: 0.00, + ); /// md.sys.typescale.variable.label-large - static const double labelLargeFontSize = 14.00; - - /// md.sys.typescale.variable.label-large - static const double labelLargeFontWeight = 500; - - /// md.sys.typescale.variable.label-large - static const double labelLargeLetterSpacing = 0.00; - - /// md.sys.typescale.variable.label-large - static const double labelLargeLineHeight = 20.00; - - /// md.sys.typescale.variable.label-medium.font - static const String labelMediumFont = 'Roboto Flex'; - - /// md.sys.typescale.variable.label-medium - static const String labelMediumFontFamily = 'Roboto Flex'; + static const TypescaleStruct labelLarge = TypescaleStruct( + fontFamily: 'Roboto Flex', + fontSize: 14.00, + fontWeight: 500, + lineHeight: 20.00, + letterSpacing: 0.00, + ); /// md.sys.typescale.variable.label-medium - static const double labelMediumFontSize = 12.00; - - /// md.sys.typescale.variable.label-medium - static const double labelMediumFontWeight = 500; - - /// md.sys.typescale.variable.label-medium - static const double labelMediumLetterSpacing = 0.00; - - /// md.sys.typescale.variable.label-medium - static const double labelMediumLineHeight = 16.00; - - /// md.sys.typescale.variable.label-small.font - static const String labelSmallFont = 'Roboto Flex'; - - /// md.sys.typescale.variable.label-small - static const String labelSmallFontFamily = 'Roboto Flex'; - - /// md.sys.typescale.variable.label-small - static const double labelSmallFontSize = 11.00; - - /// md.sys.typescale.variable.label-small - static const double labelSmallFontWeight = 500; + static const TypescaleStruct labelMedium = TypescaleStruct( + fontFamily: 'Roboto Flex', + fontSize: 12.00, + fontWeight: 500, + lineHeight: 16.00, + letterSpacing: 0.00, + ); /// md.sys.typescale.variable.label-small - static const double labelSmallLetterSpacing = 0.00; - - /// md.sys.typescale.variable.label-small - static const double labelSmallLineHeight = 16.00; - - /// md.sys.typescale.variable.title-large.font - static const String titleLargeFont = 'Roboto Flex'; + static const TypescaleStruct labelSmall = TypescaleStruct( + fontFamily: 'Roboto Flex', + fontSize: 11.00, + fontWeight: 500, + lineHeight: 16.00, + letterSpacing: 0.00, + ); /// md.sys.typescale.variable.title-large - static const String titleLargeFontFamily = 'Roboto Flex'; - - /// md.sys.typescale.variable.title-large - static const double titleLargeFontSize = 22.00; - - /// md.sys.typescale.variable.title-large - static const double titleLargeFontWeight = 400; - - /// md.sys.typescale.variable.title-large - static const double titleLargeLetterSpacing = 0.00; - - /// md.sys.typescale.variable.title-large - static const double titleLargeLineHeight = 28.00; - - /// md.sys.typescale.variable.title-medium.font - static const String titleMediumFont = 'Roboto Flex'; + static const TypescaleStruct titleLarge = TypescaleStruct( + fontFamily: 'Roboto Flex', + fontSize: 22.00, + fontWeight: 400, + lineHeight: 28.00, + letterSpacing: 0.00, + ); /// md.sys.typescale.variable.title-medium - static const String titleMediumFontFamily = 'Roboto Flex'; - - /// md.sys.typescale.variable.title-medium - static const double titleMediumFontSize = 16.00; - - /// md.sys.typescale.variable.title-medium - static const double titleMediumFontWeight = 500; - - /// md.sys.typescale.variable.title-medium - static const double titleMediumLetterSpacing = 0.00; - - /// md.sys.typescale.variable.title-medium - static const double titleMediumLineHeight = 24.00; - - /// md.sys.typescale.variable.title-small.font - static const String titleSmallFont = 'Roboto Flex'; - - /// md.sys.typescale.variable.title-small - static const String titleSmallFontFamily = 'Roboto Flex'; - - /// md.sys.typescale.variable.title-small - static const double titleSmallFontSize = 14.00; - - /// md.sys.typescale.variable.title-small - static const double titleSmallFontWeight = 500; - - /// md.sys.typescale.variable.title-small - static const double titleSmallLetterSpacing = 0.00; + static const TypescaleStruct titleMedium = TypescaleStruct( + fontFamily: 'Roboto Flex', + fontSize: 16.00, + fontWeight: 500, + lineHeight: 24.00, + letterSpacing: 0.00, + ); /// md.sys.typescale.variable.title-small - static const double titleSmallLineHeight = 20.00; + static const TypescaleStruct titleSmall = TypescaleStruct( + fontFamily: 'Roboto Flex', + fontSize: 14.00, + fontWeight: 500, + lineHeight: 20.00, + letterSpacing: 0.00, + ); } diff --git a/packages/material_ui/tool/gen_defaults/data/typescale_variable_emphasized.dart b/packages/material_ui/tool/gen_defaults/data/typescale_variable_emphasized.dart index 644166ac9a50..761501dc4b9d 100644 --- a/packages/material_ui/tool/gen_defaults/data/typescale_variable_emphasized.dart +++ b/packages/material_ui/tool/gen_defaults/data/typescale_variable_emphasized.dart @@ -2,276 +2,143 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. -// Version: 36.0.6 +// Version: 38.0.15 -class TokenTypescaleVariableEmphasized { - /// md.sys.typescale.variable.emphasized.body-large.font - static const String bodyLargeFont = 'Roboto Flex'; - - /// md.sys.typescale.variable.emphasized.body-large - static const String bodyLargeFontFamily = 'Roboto Flex'; - - /// md.sys.typescale.variable.emphasized.body-large - static const double bodyLargeFontSize = 16.00; - - /// md.sys.typescale.variable.emphasized.body-large - static const double bodyLargeFontWeight = 500; - - /// md.sys.typescale.variable.emphasized.body-large - static const double bodyLargeLetterSpacing = 0.00; +import 'typescale_struct.dart'; +class TokenTypescaleVariableEmphasized { /// md.sys.typescale.variable.emphasized.body-large - static const double bodyLargeLineHeight = 24.00; - - /// md.sys.typescale.variable.emphasized.body-medium.font - static const String bodyMediumFont = 'Roboto Flex'; - - /// md.sys.typescale.variable.emphasized.body-medium - static const String bodyMediumFontFamily = 'Roboto Flex'; - - /// md.sys.typescale.variable.emphasized.body-medium - static const double bodyMediumFontSize = 14.00; - - /// md.sys.typescale.variable.emphasized.body-medium - static const double bodyMediumFontWeight = 500; + static const TypescaleStruct bodyLarge = TypescaleStruct( + fontFamily: 'Roboto Flex', + fontSize: 16.00, + fontWeight: 500, + lineHeight: 24.00, + letterSpacing: 0.00, + ); /// md.sys.typescale.variable.emphasized.body-medium - static const double bodyMediumLetterSpacing = 0.00; - - /// md.sys.typescale.variable.emphasized.body-medium - static const double bodyMediumLineHeight = 20.00; - - /// md.sys.typescale.variable.emphasized.body-small.font - static const String bodySmallFont = 'Roboto Flex'; - - /// md.sys.typescale.variable.emphasized.body-small - static const String bodySmallFontFamily = 'Roboto Flex'; - - /// md.sys.typescale.variable.emphasized.body-small - static const double bodySmallFontSize = 12.00; - - /// md.sys.typescale.variable.emphasized.body-small - static const double bodySmallFontWeight = 500; + static const TypescaleStruct bodyMedium = TypescaleStruct( + fontFamily: 'Roboto Flex', + fontSize: 14.00, + fontWeight: 500, + lineHeight: 20.00, + letterSpacing: 0.00, + ); /// md.sys.typescale.variable.emphasized.body-small - static const double bodySmallLetterSpacing = 0.00; - - /// md.sys.typescale.variable.emphasized.body-small - static const double bodySmallLineHeight = 16.00; - - /// md.sys.typescale.variable.emphasized.display-large.font - static const String displayLargeFont = 'Roboto Flex'; - - /// md.sys.typescale.variable.emphasized.display-large - static const String displayLargeFontFamily = 'Roboto Flex'; - - /// md.sys.typescale.variable.emphasized.display-large - static const double displayLargeFontSize = 57.00; - - /// md.sys.typescale.variable.emphasized.display-large - static const double displayLargeFontWeight = 500; - - /// md.sys.typescale.variable.emphasized.display-large - static const double displayLargeLetterSpacing = 0.00; + static const TypescaleStruct bodySmall = TypescaleStruct( + fontFamily: 'Roboto Flex', + fontSize: 12.00, + fontWeight: 500, + lineHeight: 16.00, + letterSpacing: 0.00, + ); /// md.sys.typescale.variable.emphasized.display-large - static const double displayLargeLineHeight = 64.00; - - /// md.sys.typescale.variable.emphasized.display-medium.font - static const String displayMediumFont = 'Roboto Flex'; + static const TypescaleStruct displayLarge = TypescaleStruct( + fontFamily: 'Roboto Flex', + fontSize: 57.00, + fontWeight: 500, + lineHeight: 64.00, + letterSpacing: 0.00, + ); /// md.sys.typescale.variable.emphasized.display-medium - static const String displayMediumFontFamily = 'Roboto Flex'; - - /// md.sys.typescale.variable.emphasized.display-medium - static const double displayMediumFontSize = 45.00; - - /// md.sys.typescale.variable.emphasized.display-medium - static const double displayMediumFontWeight = 500; - - /// md.sys.typescale.variable.emphasized.display-medium - static const double displayMediumLetterSpacing = 0.00; - - /// md.sys.typescale.variable.emphasized.display-medium - static const double displayMediumLineHeight = 52.00; - - /// md.sys.typescale.variable.emphasized.display-small.font - static const String displaySmallFont = 'Roboto Flex'; - - /// md.sys.typescale.variable.emphasized.display-small - static const String displaySmallFontFamily = 'Roboto Flex'; - - /// md.sys.typescale.variable.emphasized.display-small - static const double displaySmallFontSize = 36.00; + static const TypescaleStruct displayMedium = TypescaleStruct( + fontFamily: 'Roboto Flex', + fontSize: 45.00, + fontWeight: 500, + lineHeight: 52.00, + letterSpacing: 0.00, + ); /// md.sys.typescale.variable.emphasized.display-small - static const double displaySmallFontWeight = 500; - - /// md.sys.typescale.variable.emphasized.display-small - static const double displaySmallLetterSpacing = 0.00; - - /// md.sys.typescale.variable.emphasized.display-small - static const double displaySmallLineHeight = 44.00; - - /// md.sys.typescale.variable.emphasized.headline-large.font - static const String headlineLargeFont = 'Roboto Flex'; - - /// md.sys.typescale.variable.emphasized.headline-large - static const String headlineLargeFontFamily = 'Roboto Flex'; - - /// md.sys.typescale.variable.emphasized.headline-large - static const double headlineLargeFontSize = 32.00; + static const TypescaleStruct displaySmall = TypescaleStruct( + fontFamily: 'Roboto Flex', + fontSize: 36.00, + fontWeight: 500, + lineHeight: 44.00, + letterSpacing: 0.00, + ); /// md.sys.typescale.variable.emphasized.headline-large - static const double headlineLargeFontWeight = 500; - - /// md.sys.typescale.variable.emphasized.headline-large - static const double headlineLargeLetterSpacing = 0.00; - - /// md.sys.typescale.variable.emphasized.headline-large - static const double headlineLargeLineHeight = 40.00; - - /// md.sys.typescale.variable.emphasized.headline-medium.font - static const String headlineMediumFont = 'Roboto Flex'; - - /// md.sys.typescale.variable.emphasized.headline-medium - static const String headlineMediumFontFamily = 'Roboto Flex'; - - /// md.sys.typescale.variable.emphasized.headline-medium - static const double headlineMediumFontSize = 28.00; - - /// md.sys.typescale.variable.emphasized.headline-medium - static const double headlineMediumFontWeight = 500; - - /// md.sys.typescale.variable.emphasized.headline-medium - static const double headlineMediumLetterSpacing = 0.00; + static const TypescaleStruct headlineLarge = TypescaleStruct( + fontFamily: 'Roboto Flex', + fontSize: 32.00, + fontWeight: 500, + lineHeight: 40.00, + letterSpacing: 0.00, + ); /// md.sys.typescale.variable.emphasized.headline-medium - static const double headlineMediumLineHeight = 36.00; - - /// md.sys.typescale.variable.emphasized.headline-small.font - static const String headlineSmallFont = 'Roboto Flex'; - - /// md.sys.typescale.variable.emphasized.headline-small - static const String headlineSmallFontFamily = 'Roboto Flex'; + static const TypescaleStruct headlineMedium = TypescaleStruct( + fontFamily: 'Roboto Flex', + fontSize: 28.00, + fontWeight: 500, + lineHeight: 36.00, + letterSpacing: 0.00, + ); /// md.sys.typescale.variable.emphasized.headline-small - static const double headlineSmallFontSize = 24.00; - - /// md.sys.typescale.variable.emphasized.headline-small - static const double headlineSmallFontWeight = 500; - - /// md.sys.typescale.variable.emphasized.headline-small - static const double headlineSmallLetterSpacing = 0.00; - - /// md.sys.typescale.variable.emphasized.headline-small - static const double headlineSmallLineHeight = 32.00; - - /// md.sys.typescale.variable.emphasized.label-large.font - static const String labelLargeFont = 'Roboto Flex'; - - /// md.sys.typescale.variable.emphasized.label-large - static const String labelLargeFontFamily = 'Roboto Flex'; + static const TypescaleStruct headlineSmall = TypescaleStruct( + fontFamily: 'Roboto Flex', + fontSize: 24.00, + fontWeight: 500, + lineHeight: 32.00, + letterSpacing: 0.00, + ); /// md.sys.typescale.variable.emphasized.label-large - static const double labelLargeFontSize = 14.00; - - /// md.sys.typescale.variable.emphasized.label-large - static const double labelLargeFontWeight = 600; - - /// md.sys.typescale.variable.emphasized.label-large - static const double labelLargeLetterSpacing = 0.00; - - /// md.sys.typescale.variable.emphasized.label-large - static const double labelLargeLineHeight = 20.00; - - /// md.sys.typescale.variable.emphasized.label-medium.font - static const String labelMediumFont = 'Roboto Flex'; - - /// md.sys.typescale.variable.emphasized.label-medium - static const String labelMediumFontFamily = 'Roboto Flex'; + static const TypescaleStruct labelLarge = TypescaleStruct( + fontFamily: 'Roboto Flex', + fontSize: 14.00, + fontWeight: 600, + lineHeight: 20.00, + letterSpacing: 0.00, + ); /// md.sys.typescale.variable.emphasized.label-medium - static const double labelMediumFontSize = 12.00; - - /// md.sys.typescale.variable.emphasized.label-medium - static const double labelMediumFontWeight = 600; - - /// md.sys.typescale.variable.emphasized.label-medium - static const double labelMediumLetterSpacing = 0.00; - - /// md.sys.typescale.variable.emphasized.label-medium - static const double labelMediumLineHeight = 16.00; - - /// md.sys.typescale.variable.emphasized.label-small.font - static const String labelSmallFont = 'Roboto Flex'; - - /// md.sys.typescale.variable.emphasized.label-small - static const String labelSmallFontFamily = 'Roboto Flex'; - - /// md.sys.typescale.variable.emphasized.label-small - static const double labelSmallFontSize = 11.00; - - /// md.sys.typescale.variable.emphasized.label-small - static const double labelSmallFontWeight = 600; + static const TypescaleStruct labelMedium = TypescaleStruct( + fontFamily: 'Roboto Flex', + fontSize: 12.00, + fontWeight: 600, + lineHeight: 16.00, + letterSpacing: 0.00, + ); /// md.sys.typescale.variable.emphasized.label-small - static const double labelSmallLetterSpacing = 0.00; - - /// md.sys.typescale.variable.emphasized.label-small - static const double labelSmallLineHeight = 16.00; - - /// md.sys.typescale.variable.emphasized.title-large.font - static const String titleLargeFont = 'Roboto Flex'; + static const TypescaleStruct labelSmall = TypescaleStruct( + fontFamily: 'Roboto Flex', + fontSize: 11.00, + fontWeight: 600, + lineHeight: 16.00, + letterSpacing: 0.00, + ); /// md.sys.typescale.variable.emphasized.title-large - static const String titleLargeFontFamily = 'Roboto Flex'; - - /// md.sys.typescale.variable.emphasized.title-large - static const double titleLargeFontSize = 22.00; - - /// md.sys.typescale.variable.emphasized.title-large - static const double titleLargeFontWeight = 500; - - /// md.sys.typescale.variable.emphasized.title-large - static const double titleLargeLetterSpacing = 0.00; - - /// md.sys.typescale.variable.emphasized.title-large - static const double titleLargeLineHeight = 28.00; - - /// md.sys.typescale.variable.emphasized.title-medium.font - static const String titleMediumFont = 'Roboto Flex'; + static const TypescaleStruct titleLarge = TypescaleStruct( + fontFamily: 'Roboto Flex', + fontSize: 22.00, + fontWeight: 500, + lineHeight: 28.00, + letterSpacing: 0.00, + ); /// md.sys.typescale.variable.emphasized.title-medium - static const String titleMediumFontFamily = 'Roboto Flex'; - - /// md.sys.typescale.variable.emphasized.title-medium - static const double titleMediumFontSize = 16.00; - - /// md.sys.typescale.variable.emphasized.title-medium - static const double titleMediumFontWeight = 600; - - /// md.sys.typescale.variable.emphasized.title-medium - static const double titleMediumLetterSpacing = 0.00; - - /// md.sys.typescale.variable.emphasized.title-medium - static const double titleMediumLineHeight = 24.00; - - /// md.sys.typescale.variable.emphasized.title-small.font - static const String titleSmallFont = 'Roboto Flex'; - - /// md.sys.typescale.variable.emphasized.title-small - static const String titleSmallFontFamily = 'Roboto Flex'; - - /// md.sys.typescale.variable.emphasized.title-small - static const double titleSmallFontSize = 14.00; - - /// md.sys.typescale.variable.emphasized.title-small - static const double titleSmallFontWeight = 600; - - /// md.sys.typescale.variable.emphasized.title-small - static const double titleSmallLetterSpacing = 0.00; + static const TypescaleStruct titleMedium = TypescaleStruct( + fontFamily: 'Roboto Flex', + fontSize: 16.00, + fontWeight: 600, + lineHeight: 24.00, + letterSpacing: 0.00, + ); /// md.sys.typescale.variable.emphasized.title-small - static const double titleSmallLineHeight = 20.00; + static const TypescaleStruct titleSmall = TypescaleStruct( + fontFamily: 'Roboto Flex', + fontSize: 14.00, + fontWeight: 600, + lineHeight: 20.00, + letterSpacing: 0.00, + ); }