Skip to content

[material_ui] Update M3E data tokens to version 38.0.1 #11963

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
elliette wants to merge 1 commit into
base: m3e_migration
Choose a base branch
from
Open

[material_ui] Update M3E data tokens to version 38.0.1 #11963

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
174 changes: 145 additions & 29 deletions packages/material_ui/tool/gen_defaults/data/app_bar.dart
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,76 +2,192 @@
// 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.1

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.icon-button-space
static const double iconButtonSpace = 0.00;
/// md.comp.app-bar.avatar.size
static const double avatarSize = 32.00;

/// md.comp.app-bar.container.elevation
static const double containerElevation = 0.00;

/// 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.icon-button-space
static const double iconButtonSpace = 0.00;

/// md.comp.app-bar.icon.size
static const double iconSize = 24.00;

/// md.comp.app-bar.leading-space
static const double leadingSpace = 4.00;

/// md.comp.app-bar.on-scroll.container.elevation
static const double onScrollContainerElevation = 3.00;

/// md.comp.app-bar.search.leading-space
static const double searchLeadingSpace = 8.00;

/// md.comp.app-bar.search.trailing-space
static const double searchTrailingSpace = 8.00;

/// md.comp.app-bar.trailing-space
static const double trailingSpace = 4.00;
}

class TokenAppBarDark {
/// md.comp.app-bar.container.color
static const TokenColorRole containerColor = TokenColorRole.surface;

/// md.comp.app-bar.on-scroll.container.color
static const TokenColorRole onScrollContainerColor =
TokenColorRole.surfaceContainer;

/// md.comp.app-bar.title.color
static const TokenColorRole titleColor = TokenColorRole.onSurface;

/// md.comp.app-bar.search.container.color
static const TokenColorRole searchContainerColor =
TokenColorRole.surfaceContainer;

/// md.comp.app-bar.search.on-scroll.container.color
static const TokenColorRole searchOnScrollContainerColor =
TokenColorRole.surfaceContainerHighest;
}

class TokenAppBarDarkDefault {
/// md.comp.app-bar.leading-icon.color
static const TokenColorRole leadingIconColor = TokenColorRole.onSurface;

/// md.comp.app-bar.search.label.color
static const TokenColorRole searchLabelColor =
TokenColorRole.onSurfaceVariant;

/// md.comp.app-bar.leading-space
static const double leadingSpace = 4.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;
}

class TokenAppBarDarkHighContrast {
/// md.comp.app-bar.leading-icon.color
static const TokenColorRole leadingIconColor = TokenColorRole.onSurface;

/// md.comp.app-bar.search.label.color
static const TokenColorRole searchLabelColor =
TokenColorRole.onSurfaceVariant;

/// 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;
}

class TokenAppBarDarkMediumContrast {
/// md.comp.app-bar.leading-icon.color
static const TokenColorRole leadingIconColor = TokenColorRole.onSurface;

/// md.comp.app-bar.search.label.color
static const TokenColorRole searchLabelColor =
TokenColorRole.onSurfaceVariant;

/// 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;
}

class TokenAppBarLight {
/// md.comp.app-bar.container.color
static const TokenColorRole containerColor = TokenColorRole.surface;

/// md.comp.app-bar.on-scroll.container.color
static const TokenColorRole onScrollContainerColor =
TokenColorRole.surfaceContainer;

/// md.comp.app-bar.search.container.color
static const TokenColorRole searchContainerColor =
TokenColorRole.surfaceContainer;

/// md.comp.app-bar.search.on-scroll.container.color
static const TokenColorRole searchOnScrollContainerColor =
TokenColorRole.surfaceContainerHighest;
}

/// md.comp.app-bar.search.trailing-space
static const double searchTrailingSpace = 8.00;
class TokenAppBarLightDefault {
/// md.comp.app-bar.leading-icon.color
static const TokenColorRole leadingIconColor = TokenColorRole.onSurface;

/// md.comp.app-bar.trailing-space
static const double trailingSpace = 4.00;
/// md.comp.app-bar.search.label.color
static const TokenColorRole searchLabelColor =
TokenColorRole.onSurfaceVariant;

/// 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.subtitle.color
static const TokenColorRole subtitleColor = TokenColorRole.onSurfaceVariant;

/// md.comp.app-bar.search.leading-space
static const double searchLeadingSpace = 8.00;
/// 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;
}

class TokenAppBarLightHighContrast {
/// 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.label.color
static const TokenColorRole searchLabelColor =
TokenColorRole.onSurfaceVariant;

/// md.comp.app-bar.avatar.size
static const double avatarSize = 32.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;
}

class TokenAppBarLightMediumContrast {
/// md.comp.app-bar.leading-icon.color
static const TokenColorRole leadingIconColor = TokenColorRole.onSurface;

/// md.comp.app-bar.search.label.color
static const TokenColorRole searchLabelColor =
TokenColorRole.onSurfaceVariant;

/// 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;
Expand Down
19 changes: 5 additions & 14 deletions packages/material_ui/tool/gen_defaults/data/app_bar_large.dart
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,24 +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.1

import 'typescale.dart';
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 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 titleFontLineHeight = 36.00;

/// 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 TypescaleStruct titleFont = TokenTypescale.headlineMedium;
}
35 changes: 7 additions & 28 deletions packages/material_ui/tool/gen_defaults/data/app_bar_large_flexible.dart
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,41 +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.1

class TokenAppBarLargeFlexible {
/// 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 subtitleFontLineHeight = 24.00;

/// 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';
import 'typescale.dart';
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.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 titleFontLineHeight = 44.00;

/// md.comp.app-bar.large-flexible.title.font
static const double titleFontLetterSpacing = 0.00;
/// md.comp.app-bar.large-flexible.subtitle.font
static const TypescaleStruct subtitleFont = TokenTypescale.titleMedium;

/// md.comp.app-bar.large-flexible.title.font
static const String titleFontFontFamily = 'Roboto';
static const TypescaleStruct titleFont = TokenTypescale.displaySmall;

/// md.comp.app-bar.large-flexible.with-subtitle.container.height
static const double withSubtitleContainerHeight = 152.00;
Expand Down
23 changes: 7 additions & 16 deletions packages/material_ui/tool/gen_defaults/data/app_bar_medium.dart
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,24 +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.1

class TokenAppBarMedium {
/// 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 titleFontLineHeight = 32.00;

/// 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';
import 'typescale.dart';
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 TypescaleStruct titleFont = TokenTypescale.headlineSmall;
}
33 changes: 6 additions & 27 deletions packages/material_ui/tool/gen_defaults/data/app_bar_medium_flexible.dart
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,41 +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.1

import 'typescale.dart';
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 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 subtitleFontLineHeight = 20.00;

/// 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';

/// 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 titleFontLineHeight = 36.00;

/// md.comp.app-bar.medium-flexible.title.font
static const double titleFontLetterSpacing = 0.00;
static const TypescaleStruct subtitleFont = TokenTypescale.labelLarge;

/// md.comp.app-bar.medium-flexible.title.font
static const String titleFontFontFamily = 'Roboto';
static const TypescaleStruct titleFont = TokenTypescale.headlineMedium;

/// md.comp.app-bar.medium-flexible.with-subtitle.container.height
static const double withSubtitleContainerHeight = 136.00;
Expand Down
Loading