Skip to content

Commit e2cd832

Browse files
asynclizcopybara-github
asyncliz
authored and
copybara-github
committed
feat(tokens): generate tokens v0.161
v0.161 - Deprecated menu specific list item tokens. Use standalone list tokens instead (b/261029781) - Bug fix, wrong color mapping for date picker "date ranges" (b/269510888) PiperOrigin-RevId: 511811300
1 parent e7c766f commit e2cd832

File tree

95 files changed

+11616
-0
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

95 files changed

+11616
-0
lines changed

‎tokens/v0_161/_index.scss‎

Lines changed: 107 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,107 @@
1+
//
2+
// Copyright 2023 Google LLC
3+
// SPDX-License-Identifier: Apache-2.0
4+
//
5+
//
6+
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
7+
// !!! DO NOT MODIFY IT BY HAND !!!
8+
//
9+
10+
@forward './md-comp-assist-chip' as md-comp-assist-chip-*;
11+
@forward './md-comp-badge' as md-comp-badge-*;
12+
@forward './md-comp-banner' as md-comp-banner-*;
13+
@forward './md-comp-bottom-app-bar' as md-comp-bottom-app-bar-*;
14+
@forward './md-comp-carousel-item' as md-comp-carousel-item-*;
15+
@forward './md-comp-checkbox' as md-comp-checkbox-*;
16+
@forward './md-comp-circular-progress-indicator' as
17+
md-comp-circular-progress-indicator-*;
18+
@forward './md-comp-data-table' as md-comp-data-table-*;
19+
@forward './md-comp-date-input-modal' as md-comp-date-input-modal-*;
20+
@forward './md-comp-date-picker-docked' as md-comp-date-picker-docked-*;
21+
@forward './md-comp-date-picker-modal' as md-comp-date-picker-modal-*;
22+
@forward './md-comp-dialog' as md-comp-dialog-*;
23+
@forward './md-comp-divider' as md-comp-divider-*;
24+
@forward './md-comp-elevated-button' as md-comp-elevated-button-*;
25+
@forward './md-comp-elevated-card' as md-comp-elevated-card-*;
26+
@forward './md-comp-extended-fab-branded' as md-comp-extended-fab-branded-*;
27+
@forward './md-comp-extended-fab-primary' as md-comp-extended-fab-primary-*;
28+
@forward './md-comp-extended-fab-secondary' as md-comp-extended-fab-secondary-*;
29+
@forward './md-comp-extended-fab-surface' as md-comp-extended-fab-surface-*;
30+
@forward './md-comp-extended-fab-tertiary' as md-comp-extended-fab-tertiary-*;
31+
@forward './md-comp-fab-branded' as md-comp-fab-branded-*;
32+
@forward './md-comp-fab-branded-large' as md-comp-fab-branded-large-*;
33+
@forward './md-comp-fab-primary' as md-comp-fab-primary-*;
34+
@forward './md-comp-fab-primary-large' as md-comp-fab-primary-large-*;
35+
@forward './md-comp-fab-primary-small' as md-comp-fab-primary-small-*;
36+
@forward './md-comp-fab-secondary' as md-comp-fab-secondary-*;
37+
@forward './md-comp-fab-secondary-large' as md-comp-fab-secondary-large-*;
38+
@forward './md-comp-fab-secondary-small' as md-comp-fab-secondary-small-*;
39+
@forward './md-comp-fab-surface' as md-comp-fab-surface-*;
40+
@forward './md-comp-fab-surface-large' as md-comp-fab-surface-large-*;
41+
@forward './md-comp-fab-surface-small' as md-comp-fab-surface-small-*;
42+
@forward './md-comp-fab-tertiary' as md-comp-fab-tertiary-*;
43+
@forward './md-comp-fab-tertiary-large' as md-comp-fab-tertiary-large-*;
44+
@forward './md-comp-fab-tertiary-small' as md-comp-fab-tertiary-small-*;
45+
@forward './md-comp-filled-autocomplete' as md-comp-filled-autocomplete-*;
46+
@forward './md-comp-filled-button' as md-comp-filled-button-*;
47+
@forward './md-comp-filled-card' as md-comp-filled-card-*;
48+
@forward './md-comp-filled-icon-button' as md-comp-filled-icon-button-*;
49+
@forward './md-comp-filled-menu-button' as md-comp-filled-menu-button-*;
50+
@forward './md-comp-filled-select' as md-comp-filled-select-*;
51+
@forward './md-comp-filled-text-field' as md-comp-filled-text-field-*;
52+
@forward './md-comp-filled-tonal-button' as md-comp-filled-tonal-button-*;
53+
@forward './md-comp-filled-tonal-icon-button' as
54+
md-comp-filled-tonal-icon-button-*;
55+
@forward './md-comp-filter-chip' as md-comp-filter-chip-*;
56+
@forward './md-comp-full-screen-dialog' as md-comp-full-screen-dialog-*;
57+
@forward './md-comp-icon-button' as md-comp-icon-button-*;
58+
@forward './md-comp-input-chip' as md-comp-input-chip-*;
59+
@forward './md-comp-linear-progress-indicator' as
60+
md-comp-linear-progress-indicator-*;
61+
@forward './md-comp-list' as md-comp-list-*;
62+
@forward './md-comp-menu' as md-comp-menu-*;
63+
@forward './md-comp-navigation-bar' as md-comp-navigation-bar-*;
64+
@forward './md-comp-navigation-drawer' as md-comp-navigation-drawer-*;
65+
@forward './md-comp-navigation-rail' as md-comp-navigation-rail-*;
66+
@forward './md-comp-outlined-autocomplete' as md-comp-outlined-autocomplete-*;
67+
@forward './md-comp-outlined-button' as md-comp-outlined-button-*;
68+
@forward './md-comp-outlined-card' as md-comp-outlined-card-*;
69+
@forward './md-comp-outlined-icon-button' as md-comp-outlined-icon-button-*;
70+
@forward './md-comp-outlined-menu-button' as md-comp-outlined-menu-button-*;
71+
@forward './md-comp-outlined-segmented-button' as
72+
md-comp-outlined-segmented-button-*;
73+
@forward './md-comp-outlined-select' as md-comp-outlined-select-*;
74+
@forward './md-comp-outlined-text-field' as md-comp-outlined-text-field-*;
75+
@forward './md-comp-plain-tooltip' as md-comp-plain-tooltip-*;
76+
@forward './md-comp-primary-navigation-tab' as md-comp-primary-navigation-tab-*;
77+
@forward './md-comp-radio-button' as md-comp-radio-button-*;
78+
@forward './md-comp-rich-tooltip' as md-comp-rich-tooltip-*;
79+
@forward './md-comp-scrim' as md-comp-scrim-*;
80+
@forward './md-comp-search-bar' as md-comp-search-bar-*;
81+
@forward './md-comp-search-view' as md-comp-search-view-*;
82+
@forward './md-comp-secondary-navigation-tab' as
83+
md-comp-secondary-navigation-tab-*;
84+
@forward './md-comp-sheet-bottom' as md-comp-sheet-bottom-*;
85+
@forward './md-comp-sheet-floating' as md-comp-sheet-floating-*;
86+
@forward './md-comp-sheet-side' as md-comp-sheet-side-*;
87+
@forward './md-comp-slider' as md-comp-slider-*;
88+
@forward './md-comp-snackbar' as md-comp-snackbar-*;
89+
@forward './md-comp-standard-menu-button' as md-comp-standard-menu-button-*;
90+
@forward './md-comp-suggestion-chip' as md-comp-suggestion-chip-*;
91+
@forward './md-comp-switch' as md-comp-switch-*;
92+
@forward './md-comp-text-button' as md-comp-text-button-*;
93+
@forward './md-comp-time-input' as md-comp-time-input-*;
94+
@forward './md-comp-time-picker' as md-comp-time-picker-*;
95+
@forward './md-comp-top-app-bar-large' as md-comp-top-app-bar-large-*;
96+
@forward './md-comp-top-app-bar-medium' as md-comp-top-app-bar-medium-*;
97+
@forward './md-comp-top-app-bar-small' as md-comp-top-app-bar-small-*;
98+
@forward './md-comp-top-app-bar-small-centered' as
99+
md-comp-top-app-bar-small-centered-*;
100+
@forward './md-ref-palette' as md-ref-palette-*;
101+
@forward './md-ref-typeface' as md-ref-typeface-*;
102+
@forward './md-sys-color' as md-sys-color-*;
103+
@forward './md-sys-elevation' as md-sys-elevation-*;
104+
@forward './md-sys-motion' as md-sys-motion-*;
105+
@forward './md-sys-shape' as md-sys-shape-*;
106+
@forward './md-sys-state' as md-sys-state-*;
107+
@forward './md-sys-typescale' as md-sys-typescale-*;

‎tokens/v0_161/_md-comp-assist-chip.scss‎

Lines changed: 109 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,109 @@
1+
//
2+
// Copyright 2023 Google LLC
3+
// SPDX-License-Identifier: Apache-2.0
4+
//
5+
//
6+
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
7+
// !!! DO NOT MODIFY IT BY HAND !!!
8+
// Design system display name: Google Material 3
9+
// Design system version: v0.161
10+
//
11+
12+
@use 'sass:map';
13+
14+
@use './md-sys-color';
15+
16+
@use './md-sys-elevation';
17+
18+
@use './md-sys-shape';
19+
20+
@use './md-sys-state';
21+
22+
@use './md-sys-typescale';
23+
24+
$_default: (
25+
'md-sys-color': md-sys-color.values-light(),
26+
'md-sys-elevation': md-sys-elevation.values(),
27+
'md-sys-shape': md-sys-shape.values(),
28+
'md-sys-state': md-sys-state.values(),
29+
'md-sys-typescale': md-sys-typescale.values(),
30+
);
31+
32+
@function values($deps: $_default, $exclude-hardcoded-values: false) {
33+
@return (
34+
'container-height': if($exclude-hardcoded-values, null, 32px),
35+
'container-shape': map.get($deps, 'md-sys-shape', 'corner-small'),
36+
'container-surface-tint-layer-color':
37+
map.get($deps, 'md-sys-color', 'surface-tint'),
38+
'disabled-label-text-color': map.get($deps, 'md-sys-color', 'on-surface'),
39+
'disabled-label-text-opacity': if($exclude-hardcoded-values, null, 0.38),
40+
'dragged-container-elevation': map.get($deps, 'md-sys-elevation', 'level4'),
41+
'dragged-label-text-color': map.get($deps, 'md-sys-color', 'on-surface'),
42+
'dragged-state-layer-color': map.get($deps, 'md-sys-color', 'on-surface'),
43+
'dragged-state-layer-opacity':
44+
map.get($deps, 'md-sys-state', 'dragged-state-layer-opacity'),
45+
'elevated-container-color': map.get($deps, 'md-sys-color', 'surface'),
46+
'elevated-container-elevation': map.get($deps, 'md-sys-elevation', 'level1'),
47+
'elevated-container-shadow-color': map.get($deps, 'md-sys-color', 'shadow'),
48+
'elevated-disabled-container-color':
49+
map.get($deps, 'md-sys-color', 'on-surface'),
50+
'elevated-disabled-container-elevation':
51+
map.get($deps, 'md-sys-elevation', 'level0'),
52+
'elevated-disabled-container-opacity':
53+
if($exclude-hardcoded-values, null, 0.12),
54+
'elevated-focus-container-elevation':
55+
map.get($deps, 'md-sys-elevation', 'level1'),
56+
'elevated-hover-container-elevation':
57+
map.get($deps, 'md-sys-elevation', 'level2'),
58+
'elevated-pressed-container-elevation':
59+
map.get($deps, 'md-sys-elevation', 'level1'),
60+
'flat-container-elevation': map.get($deps, 'md-sys-elevation', 'level0'),
61+
'flat-disabled-outline-color': map.get($deps, 'md-sys-color', 'on-surface'),
62+
'flat-disabled-outline-opacity': if($exclude-hardcoded-values, null, 0.12),
63+
'flat-focus-outline-color': map.get($deps, 'md-sys-color', 'on-surface'),
64+
'flat-outline-color': map.get($deps, 'md-sys-color', 'outline'),
65+
'flat-outline-width': if($exclude-hardcoded-values, null, 1px),
66+
'focus-label-text-color': map.get($deps, 'md-sys-color', 'on-surface'),
67+
'focus-state-layer-color': map.get($deps, 'md-sys-color', 'on-surface'),
68+
'focus-state-layer-opacity':
69+
map.get($deps, 'md-sys-state', 'focus-state-layer-opacity'),
70+
'hover-label-text-color': map.get($deps, 'md-sys-color', 'on-surface'),
71+
'hover-state-layer-color': map.get($deps, 'md-sys-color', 'on-surface'),
72+
'hover-state-layer-opacity':
73+
map.get($deps, 'md-sys-state', 'hover-state-layer-opacity'),
74+
'label-text-color': map.get($deps, 'md-sys-color', 'on-surface'),
75+
'label-text-font': map.get($deps, 'md-sys-typescale', 'label-large-font'),
76+
'label-text-line-height':
77+
map.get($deps, 'md-sys-typescale', 'label-large-line-height'),
78+
'label-text-size': map.get($deps, 'md-sys-typescale', 'label-large-size'),
79+
'label-text-tracking':
80+
map.get($deps, 'md-sys-typescale', 'label-large-tracking'),
81+
'label-text-type':
82+
if(
83+
$exclude-hardcoded-values,
84+
null,
85+
/** Warning: risk of reduced fidelity from using this composite typography token. Tokens md.comp.assist-chip.label-text.tracking cannot be represented in the "font" property shorthand. Consider using the discrete properties instead. */
86+
map.get($deps, 'md-sys-typescale', 'label-large-weight')
87+
map.get($deps, 'md-sys-typescale', 'label-large-size') #{'/'} map.get(
88+
$deps,
89+
'md-sys-typescale',
90+
'label-large-line-height'
91+
) map.get($deps, 'md-sys-typescale', 'label-large-font')
92+
),
93+
'label-text-weight':
94+
map.get($deps, 'md-sys-typescale', 'label-large-weight'),
95+
'pressed-label-text-color': map.get($deps, 'md-sys-color', 'on-surface'),
96+
'pressed-state-layer-color': map.get($deps, 'md-sys-color', 'on-surface'),
97+
'pressed-state-layer-opacity':
98+
map.get($deps, 'md-sys-state', 'pressed-state-layer-opacity'),
99+
'with-icon-disabled-icon-color':
100+
map.get($deps, 'md-sys-color', 'on-surface'),
101+
'with-icon-disabled-icon-opacity': if($exclude-hardcoded-values, null, 0.38),
102+
'with-icon-dragged-icon-color': map.get($deps, 'md-sys-color', 'primary'),
103+
'with-icon-focus-icon-color': map.get($deps, 'md-sys-color', 'primary'),
104+
'with-icon-hover-icon-color': map.get($deps, 'md-sys-color', 'primary'),
105+
'with-icon-icon-color': map.get($deps, 'md-sys-color', 'primary'),
106+
'with-icon-icon-size': if($exclude-hardcoded-values, null, 18px),
107+
'with-icon-pressed-icon-color': map.get($deps, 'md-sys-color', 'primary')
108+
);
109+
}

‎tokens/v0_161/_md-comp-badge.scss‎

Lines changed: 58 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,58 @@
1+
//
2+
// Copyright 2023 Google LLC
3+
// SPDX-License-Identifier: Apache-2.0
4+
//
5+
//
6+
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
7+
// !!! DO NOT MODIFY IT BY HAND !!!
8+
// Design system display name: Google Material 3
9+
// Design system version: v0.161
10+
//
11+
12+
@use 'sass:map';
13+
14+
@use './md-sys-color';
15+
16+
@use './md-sys-shape';
17+
18+
@use './md-sys-typescale';
19+
20+
$_default: (
21+
'md-sys-color': md-sys-color.values-light(),
22+
'md-sys-shape': md-sys-shape.values(),
23+
'md-sys-typescale': md-sys-typescale.values(),
24+
);
25+
26+
@function values($deps: $_default, $exclude-hardcoded-values: false) {
27+
@return (
28+
'color': map.get($deps, 'md-sys-color', 'error'),
29+
'large-color': map.get($deps, 'md-sys-color', 'error'),
30+
'large-label-text-color': map.get($deps, 'md-sys-color', 'on-error'),
31+
'large-label-text-font':
32+
map.get($deps, 'md-sys-typescale', 'label-small-font'),
33+
'large-label-text-line-height':
34+
map.get($deps, 'md-sys-typescale', 'label-small-line-height'),
35+
'large-label-text-size':
36+
map.get($deps, 'md-sys-typescale', 'label-small-size'),
37+
'large-label-text-tracking':
38+
map.get($deps, 'md-sys-typescale', 'label-small-tracking'),
39+
'large-label-text-type':
40+
if(
41+
$exclude-hardcoded-values,
42+
null,
43+
/** Warning: risk of reduced fidelity from using this composite typography token. Tokens md.comp.badge.large.label-text.tracking cannot be represented in the "font" property shorthand. Consider using the discrete properties instead. */
44+
map.get($deps, 'md-sys-typescale', 'label-small-weight')
45+
map.get($deps, 'md-sys-typescale', 'label-small-size') #{'/'} map.get(
46+
$deps,
47+
'md-sys-typescale',
48+
'label-small-line-height'
49+
) map.get($deps, 'md-sys-typescale', 'label-small-font')
50+
),
51+
'large-label-text-weight':
52+
map.get($deps, 'md-sys-typescale', 'label-small-weight'),
53+
'large-shape': map.get($deps, 'md-sys-shape', 'corner-full'),
54+
'large-size': if($exclude-hardcoded-values, null, 16px),
55+
'shape': map.get($deps, 'md-sys-shape', 'corner-full'),
56+
'size': if($exclude-hardcoded-values, null, 6px)
57+
);
58+
}

‎tokens/v0_161/_md-comp-banner.scss‎

Lines changed: 75 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,75 @@
1+
//
2+
// Copyright 2023 Google LLC
3+
// SPDX-License-Identifier: Apache-2.0
4+
//
5+
//
6+
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
7+
// !!! DO NOT MODIFY IT BY HAND !!!
8+
// Design system display name: Google Material 3
9+
// Design system version: v0.161
10+
//
11+
12+
@use 'sass:map';
13+
14+
@use './md-sys-color';
15+
16+
@use './md-sys-elevation';
17+
18+
@use './md-sys-shape';
19+
20+
@use './md-sys-typescale';
21+
22+
$_default: (
23+
'md-sys-color': md-sys-color.values-light(),
24+
'md-sys-elevation': md-sys-elevation.values(),
25+
'md-sys-shape': md-sys-shape.values(),
26+
'md-sys-typescale': md-sys-typescale.values(),
27+
);
28+
29+
@function values($deps: $_default, $exclude-hardcoded-values: false) {
30+
@return (
31+
'container-color': map.get($deps, 'md-sys-color', 'surface'),
32+
'container-elevation': map.get($deps, 'md-sys-elevation', 'level1'),
33+
'container-shape': map.get($deps, 'md-sys-shape', 'corner-none'),
34+
'container-surface-tint-layer-color':
35+
map.get($deps, 'md-sys-color', 'surface-tint'),
36+
'desktop-with-single-line-container-height':
37+
if($exclude-hardcoded-values, null, 52px),
38+
'desktop-with-three-lines-container-height':
39+
if($exclude-hardcoded-values, null, 90px),
40+
'desktop-with-two-lines-with-image-container-height':
41+
if($exclude-hardcoded-values, null, 72px),
42+
'mobile-with-single-line-container-height':
43+
if($exclude-hardcoded-values, null, 54px),
44+
'mobile-with-two-lines-container-height':
45+
if($exclude-hardcoded-values, null, 112px),
46+
'mobile-with-two-lines-with-image-container-height':
47+
if($exclude-hardcoded-values, null, 120px),
48+
'supporting-text-color':
49+
map.get($deps, 'md-sys-color', 'on-surface-variant'),
50+
'supporting-text-font':
51+
map.get($deps, 'md-sys-typescale', 'body-medium-font'),
52+
'supporting-text-line-height':
53+
map.get($deps, 'md-sys-typescale', 'body-medium-line-height'),
54+
'supporting-text-size':
55+
map.get($deps, 'md-sys-typescale', 'body-medium-size'),
56+
'supporting-text-tracking':
57+
map.get($deps, 'md-sys-typescale', 'body-medium-tracking'),
58+
'supporting-text-type':
59+
if(
60+
$exclude-hardcoded-values,
61+
null,
62+
/** Warning: risk of reduced fidelity from using this composite typography token. Tokens md.comp.banner.supporting-text.tracking cannot be represented in the "font" property shorthand. Consider using the discrete properties instead. */
63+
map.get($deps, 'md-sys-typescale', 'body-medium-weight')
64+
map.get($deps, 'md-sys-typescale', 'body-medium-size') #{'/'} map.get(
65+
$deps,
66+
'md-sys-typescale',
67+
'body-medium-line-height'
68+
) map.get($deps, 'md-sys-typescale', 'body-medium-font')
69+
),
70+
'supporting-text-weight':
71+
map.get($deps, 'md-sys-typescale', 'body-medium-weight'),
72+
'with-image-image-shape': map.get($deps, 'md-sys-shape', 'corner-full'),
73+
'with-image-image-size': if($exclude-hardcoded-values, null, 40px)
74+
);
75+
}

‎tokens/v0_161/_md-comp-bottom-app-bar.scss‎

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,35 @@
1+
//
2+
// Copyright 2023 Google LLC
3+
// SPDX-License-Identifier: Apache-2.0
4+
//
5+
//
6+
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
7+
// !!! DO NOT MODIFY IT BY HAND !!!
8+
// Design system display name: Google Material 3
9+
// Design system version: v0.161
10+
//
11+
12+
@use 'sass:map';
13+
14+
@use './md-sys-color';
15+
16+
@use './md-sys-elevation';
17+
18+
@use './md-sys-shape';
19+
20+
$_default: (
21+
'md-sys-color': md-sys-color.values-light(),
22+
'md-sys-elevation': md-sys-elevation.values(),
23+
'md-sys-shape': md-sys-shape.values(),
24+
);
25+
26+
@function values($deps: $_default, $exclude-hardcoded-values: false) {
27+
@return (
28+
'container-color': map.get($deps, 'md-sys-color', 'surface'),
29+
'container-elevation': map.get($deps, 'md-sys-elevation', 'level2'),
30+
'container-height': if($exclude-hardcoded-values, null, 80px),
31+
'container-shape': map.get($deps, 'md-sys-shape', 'corner-none'),
32+
'container-surface-tint-layer-color':
33+
map.get($deps, 'md-sys-color', 'surface-tint')
34+
);
35+
}

0 commit comments

Comments
 (0)