Skip to content

Commit 60c0cfa

Browse files
asynclizcopybara-github
asyncliz
authored and
copybara-github
committed
fix(tokens): @material/web/tokens/v* moved to @material/web/tokens/versions/v*
The `@material/web/tokens/v0_192` directory will be removed in the next major version. The new import path is `@material/web/tokens/versions/v0_192` PiperOrigin-RevId: 816189853
1 parent 5099541 commit 60c0cfa

File tree

188 files changed

+11106
-9299
lines changed

Some content is hidden

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

188 files changed

+11106
-9299
lines changed

‎tokens/v0_192/_index.scss‎

Lines changed: 3 additions & 102 deletions
Original file line numberDiff line numberDiff line change
@@ -2,106 +2,7 @@
22
// Copyright 2023 Google LLC
33
// SPDX-License-Identifier: Apache-2.0
44
//
5-
//
6-
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
7-
// !!! DO NOT MODIFY IT BY HAND !!!
8-
//
95

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-*;
6+
/// @deprecated this folder has moved to `@material/web/tokens/versions/v0_192`
7+
/// TODO: b/449809799 - remove this folder in the next major version.
8+
@forward '../versions/v0_192/index';

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

Lines changed: 1 addition & 106 deletions
Original file line numberDiff line numberDiff line change
@@ -2,110 +2,5 @@
22
// Copyright 2023 Google LLC
33
// SPDX-License-Identifier: Apache-2.0
44
//
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.192
10-
// User-configured context group "Audience": "3P"
11-
// User-configured context group "Platform": "Web"
12-
// User-configured context group "Scheme": "Dynamic"
13-
//
14-
15-
@use 'sass:map';
16-
17-
@use './md-sys-color';
18-
19-
@use './md-sys-elevation';
20-
21-
@use './md-sys-shape';
22-
23-
@use './md-sys-state';
24-
25-
@use './md-sys-typescale';
26-
27-
$_default: (
28-
'md-sys-color': md-sys-color.values-light(),
29-
'md-sys-elevation': md-sys-elevation.values(),
30-
'md-sys-shape': md-sys-shape.values(),
31-
'md-sys-state': md-sys-state.values(),
32-
'md-sys-typescale': md-sys-typescale.values(),
33-
);
345

35-
@function values($deps: $_default, $exclude-hardcoded-values: false) {
36-
@return (
37-
'container-height': if($exclude-hardcoded-values, null, 32px),
38-
'container-shape': map.get($deps, 'md-sys-shape', 'corner-small'),
39-
'disabled-label-text-color': map.get($deps, 'md-sys-color', 'on-surface'),
40-
'disabled-label-text-opacity': if($exclude-hardcoded-values, null, 0.38),
41-
'dragged-container-elevation': map.get($deps, 'md-sys-elevation', 'level4'),
42-
'dragged-label-text-color': map.get($deps, 'md-sys-color', 'on-surface'),
43-
'dragged-state-layer-color': map.get($deps, 'md-sys-color', 'on-surface'),
44-
'dragged-state-layer-opacity':
45-
map.get($deps, 'md-sys-state', 'dragged-state-layer-opacity'),
46-
'elevated-container-color':
47-
map.get($deps, 'md-sys-color', 'surface-container-low'),
48-
'elevated-container-elevation': map.get($deps, 'md-sys-elevation', 'level1'),
49-
'elevated-container-shadow-color': map.get($deps, 'md-sys-color', 'shadow'),
50-
'elevated-disabled-container-color':
51-
map.get($deps, 'md-sys-color', 'on-surface'),
52-
'elevated-disabled-container-elevation':
53-
map.get($deps, 'md-sys-elevation', 'level0'),
54-
'elevated-disabled-container-opacity':
55-
if($exclude-hardcoded-values, null, 0.12),
56-
'elevated-focus-container-elevation':
57-
map.get($deps, 'md-sys-elevation', 'level1'),
58-
'elevated-hover-container-elevation':
59-
map.get($deps, 'md-sys-elevation', 'level2'),
60-
'elevated-pressed-container-elevation':
61-
map.get($deps, 'md-sys-elevation', 'level1'),
62-
'flat-container-elevation': map.get($deps, 'md-sys-elevation', 'level0'),
63-
'flat-disabled-outline-color': map.get($deps, 'md-sys-color', 'on-surface'),
64-
'flat-disabled-outline-opacity': if($exclude-hardcoded-values, null, 0.12),
65-
'flat-focus-outline-color': map.get($deps, 'md-sys-color', 'on-surface'),
66-
'flat-outline-color': map.get($deps, 'md-sys-color', 'outline'),
67-
'flat-outline-width': if($exclude-hardcoded-values, null, 1px),
68-
'focus-label-text-color': map.get($deps, 'md-sys-color', 'on-surface'),
69-
'focus-state-layer-color': map.get($deps, 'md-sys-color', 'on-surface'),
70-
'focus-state-layer-opacity':
71-
map.get($deps, 'md-sys-state', 'focus-state-layer-opacity'),
72-
'hover-label-text-color': map.get($deps, 'md-sys-color', 'on-surface'),
73-
'hover-state-layer-color': map.get($deps, 'md-sys-color', 'on-surface'),
74-
'hover-state-layer-opacity':
75-
map.get($deps, 'md-sys-state', 'hover-state-layer-opacity'),
76-
'label-text-color': map.get($deps, 'md-sys-color', 'on-surface'),
77-
'label-text-font': map.get($deps, 'md-sys-typescale', 'label-large-font'),
78-
'label-text-line-height':
79-
map.get($deps, 'md-sys-typescale', 'label-large-line-height'),
80-
'label-text-size': map.get($deps, 'md-sys-typescale', 'label-large-size'),
81-
'label-text-tracking':
82-
map.get($deps, 'md-sys-typescale', 'label-large-tracking'),
83-
'label-text-type':
84-
if(
85-
$exclude-hardcoded-values,
86-
null,
87-
/** 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. */
88-
map.get($deps, 'md-sys-typescale', 'label-large-weight')
89-
map.get($deps, 'md-sys-typescale', 'label-large-size') #{'/'} map.get(
90-
$deps,
91-
'md-sys-typescale',
92-
'label-large-line-height'
93-
) map.get($deps, 'md-sys-typescale', 'label-large-font')
94-
),
95-
'label-text-weight':
96-
map.get($deps, 'md-sys-typescale', 'label-large-weight'),
97-
'pressed-label-text-color': map.get($deps, 'md-sys-color', 'on-surface'),
98-
'pressed-state-layer-color': map.get($deps, 'md-sys-color', 'on-surface'),
99-
'pressed-state-layer-opacity':
100-
map.get($deps, 'md-sys-state', 'pressed-state-layer-opacity'),
101-
'with-icon-disabled-icon-color':
102-
map.get($deps, 'md-sys-color', 'on-surface'),
103-
'with-icon-disabled-icon-opacity': if($exclude-hardcoded-values, null, 0.38),
104-
'with-icon-dragged-icon-color': map.get($deps, 'md-sys-color', 'primary'),
105-
'with-icon-focus-icon-color': map.get($deps, 'md-sys-color', 'primary'),
106-
'with-icon-hover-icon-color': map.get($deps, 'md-sys-color', 'primary'),
107-
'with-icon-icon-color': map.get($deps, 'md-sys-color', 'primary'),
108-
'with-icon-icon-size': if($exclude-hardcoded-values, null, 18px),
109-
'with-icon-pressed-icon-color': map.get($deps, 'md-sys-color', 'primary')
110-
);
111-
}
6+
@forward '../versions/v0_192/md-comp-assist-chip';

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

Lines changed: 1 addition & 56 deletions
Original file line numberDiff line numberDiff line change
@@ -2,60 +2,5 @@
22
// Copyright 2023 Google LLC
33
// SPDX-License-Identifier: Apache-2.0
44
//
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.192
10-
// User-configured context group "Audience": "3P"
11-
// User-configured context group "Platform": "Web"
12-
// User-configured context group "Scheme": "Dynamic"
13-
//
14-
15-
@use 'sass:map';
16-
17-
@use './md-sys-color';
18-
19-
@use './md-sys-shape';
20-
21-
@use './md-sys-typescale';
22-
23-
$_default: (
24-
'md-sys-color': md-sys-color.values-light(),
25-
'md-sys-shape': md-sys-shape.values(),
26-
'md-sys-typescale': md-sys-typescale.values(),
27-
);
285

29-
@function values($deps: $_default, $exclude-hardcoded-values: false) {
30-
@return (
31-
'color': map.get($deps, 'md-sys-color', 'error'),
32-
'large-color': map.get($deps, 'md-sys-color', 'error'),
33-
'large-label-text-color': map.get($deps, 'md-sys-color', 'on-error'),
34-
'large-label-text-font':
35-
map.get($deps, 'md-sys-typescale', 'label-small-font'),
36-
'large-label-text-line-height':
37-
map.get($deps, 'md-sys-typescale', 'label-small-line-height'),
38-
'large-label-text-size':
39-
map.get($deps, 'md-sys-typescale', 'label-small-size'),
40-
'large-label-text-tracking':
41-
map.get($deps, 'md-sys-typescale', 'label-small-tracking'),
42-
'large-label-text-type':
43-
if(
44-
$exclude-hardcoded-values,
45-
null,
46-
/** 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. */
47-
map.get($deps, 'md-sys-typescale', 'label-small-weight')
48-
map.get($deps, 'md-sys-typescale', 'label-small-size') #{'/'} map.get(
49-
$deps,
50-
'md-sys-typescale',
51-
'label-small-line-height'
52-
) map.get($deps, 'md-sys-typescale', 'label-small-font')
53-
),
54-
'large-label-text-weight':
55-
map.get($deps, 'md-sys-typescale', 'label-small-weight'),
56-
'large-shape': map.get($deps, 'md-sys-shape', 'corner-full'),
57-
'large-size': if($exclude-hardcoded-values, null, 16px),
58-
'shape': map.get($deps, 'md-sys-shape', 'corner-full'),
59-
'size': if($exclude-hardcoded-values, null, 6px)
60-
);
61-
}
6+
@forward '../versions/v0_192/md-comp-badge';

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

Lines changed: 1 addition & 71 deletions
Original file line numberDiff line numberDiff line change
@@ -2,75 +2,5 @@
22
// Copyright 2023 Google LLC
33
// SPDX-License-Identifier: Apache-2.0
44
//
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.192
10-
// User-configured context group "Audience": "3P"
11-
// User-configured context group "Platform": "Web"
12-
// User-configured context group "Scheme": "Dynamic"
13-
//
14-
15-
@use 'sass:map';
16-
17-
@use './md-sys-color';
18-
19-
@use './md-sys-elevation';
20-
21-
@use './md-sys-shape';
22-
23-
@use './md-sys-typescale';
24-
25-
$_default: (
26-
'md-sys-color': md-sys-color.values-light(),
27-
'md-sys-elevation': md-sys-elevation.values(),
28-
'md-sys-shape': md-sys-shape.values(),
29-
'md-sys-typescale': md-sys-typescale.values(),
30-
);
315

32-
@function values($deps: $_default, $exclude-hardcoded-values: false) {
33-
@return (
34-
'container-color': map.get($deps, 'md-sys-color', 'surface-container-low'),
35-
'container-elevation': map.get($deps, 'md-sys-elevation', 'level1'),
36-
'container-shape': map.get($deps, 'md-sys-shape', 'corner-none'),
37-
'desktop-with-single-line-container-height':
38-
if($exclude-hardcoded-values, null, 52px),
39-
'desktop-with-three-lines-container-height':
40-
if($exclude-hardcoded-values, null, 90px),
41-
'desktop-with-two-lines-with-image-container-height':
42-
if($exclude-hardcoded-values, null, 72px),
43-
'mobile-with-single-line-container-height':
44-
if($exclude-hardcoded-values, null, 54px),
45-
'mobile-with-two-lines-container-height':
46-
if($exclude-hardcoded-values, null, 112px),
47-
'mobile-with-two-lines-with-image-container-height':
48-
if($exclude-hardcoded-values, null, 120px),
49-
'supporting-text-color':
50-
map.get($deps, 'md-sys-color', 'on-surface-variant'),
51-
'supporting-text-font':
52-
map.get($deps, 'md-sys-typescale', 'body-medium-font'),
53-
'supporting-text-line-height':
54-
map.get($deps, 'md-sys-typescale', 'body-medium-line-height'),
55-
'supporting-text-size':
56-
map.get($deps, 'md-sys-typescale', 'body-medium-size'),
57-
'supporting-text-tracking':
58-
map.get($deps, 'md-sys-typescale', 'body-medium-tracking'),
59-
'supporting-text-type':
60-
if(
61-
$exclude-hardcoded-values,
62-
null,
63-
/** 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. */
64-
map.get($deps, 'md-sys-typescale', 'body-medium-weight')
65-
map.get($deps, 'md-sys-typescale', 'body-medium-size') #{'/'} map.get(
66-
$deps,
67-
'md-sys-typescale',
68-
'body-medium-line-height'
69-
) map.get($deps, 'md-sys-typescale', 'body-medium-font')
70-
),
71-
'supporting-text-weight':
72-
map.get($deps, 'md-sys-typescale', 'body-medium-weight'),
73-
'with-image-image-shape': map.get($deps, 'md-sys-shape', 'corner-full'),
74-
'with-image-image-size': if($exclude-hardcoded-values, null, 40px)
75-
);
76-
}
6+
@forward '../versions/v0_192/md-comp-banner';

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

Lines changed: 1 addition & 31 deletions
Original file line numberDiff line numberDiff line change
@@ -2,35 +2,5 @@
22
// Copyright 2023 Google LLC
33
// SPDX-License-Identifier: Apache-2.0
44
//
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.192
10-
// User-configured context group "Audience": "3P"
11-
// User-configured context group "Platform": "Web"
12-
// User-configured context group "Scheme": "Dynamic"
13-
//
14-
15-
@use 'sass:map';
16-
17-
@use './md-sys-color';
18-
19-
@use './md-sys-elevation';
20-
21-
@use './md-sys-shape';
22-
23-
$_default: (
24-
'md-sys-color': md-sys-color.values-light(),
25-
'md-sys-elevation': md-sys-elevation.values(),
26-
'md-sys-shape': md-sys-shape.values(),
27-
);
285

29-
@function values($deps: $_default, $exclude-hardcoded-values: false) {
30-
@return (
31-
'container-color': map.get($deps, 'md-sys-color', 'surface-container'),
32-
'container-elevation': map.get($deps, 'md-sys-elevation', 'level2'),
33-
'container-height': if($exclude-hardcoded-values, null, 80px),
34-
'container-shape': map.get($deps, 'md-sys-shape', 'corner-none')
35-
);
36-
}
6+
@forward '../versions/v0_192/md-comp-bottom-app-bar';

0 commit comments

Comments
 (0)