Skip to content

Commit 4a7179f

Browse files
asynclizcopybara-github
authored andcommitted
fix(tokens): add expressive token versions
PiperOrigin-RevId: 835308838
1 parent 0231054 commit 4a7179f

File tree

195 files changed

+19868
-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.

195 files changed

+19868
-0
lines changed
Lines changed: 241 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,241 @@
1+
//
2+
// Copyright 2025 Google LLC
3+
// SPDX-License-Identifier: Apache-2.0
4+
//
5+
// AUTOGENERATED. DO NOT MODIFY.
6+
// To modify this file, update the source template,
7+
// or run the compiler: go/carbon-service-code-gen-mwtc.
8+
// Source template: sassvars/index.scss.tmpl
9+
10+
// Design system: Google Material 3
11+
// Version: 29.0.16
12+
// Configured context tags:
13+
// audience: 3p
14+
// font: static
15+
// platform: web
16+
// Output format: sass_vars
17+
18+
@forward 'md-comp-app-bar' as md-comp-app-bar--*;
19+
@forward 'md-comp-app-bar-large' as md-comp-app-bar-large--*;
20+
@forward 'md-comp-app-bar-large-flexible' as md-comp-app-bar-large-flexible--*;
21+
@forward 'md-comp-app-bar-medium' as md-comp-app-bar-medium--*;
22+
@forward 'md-comp-app-bar-medium-flexible' as md-comp-app-bar-medium-flexible--*;
23+
@forward 'md-comp-app-bar-small' as md-comp-app-bar-small--*;
24+
@forward 'md-comp-assist-chip' as md-comp-assist-chip--*;
25+
@forward 'md-comp-badge' as md-comp-badge--*;
26+
@forward 'md-comp-banner' as md-comp-banner--*;
27+
@forward 'md-comp-banners' as md-comp-banners--*;
28+
@forward 'md-comp-banners-basic' as md-comp-banners-basic--*;
29+
@forward 'md-comp-banners-rich' as md-comp-banners-rich--*;
30+
@forward 'md-comp-bottom-app-bar' as md-comp-bottom-app-bar--*;
31+
@forward 'md-comp-button' as md-comp-button--*;
32+
@forward 'md-comp-button-elevated' as md-comp-button-elevated--*;
33+
@forward 'md-comp-button-filled' as md-comp-button-filled--*;
34+
@forward 'md-comp-button-group-connected-large' as
35+
md-comp-button-group-connected-large--*;
36+
@forward 'md-comp-button-group-connected-medium' as
37+
md-comp-button-group-connected-medium--*;
38+
@forward 'md-comp-button-group-connected-small' as
39+
md-comp-button-group-connected-small--*;
40+
@forward 'md-comp-button-group-connected-xlarge' as
41+
md-comp-button-group-connected-xlarge--*;
42+
@forward 'md-comp-button-group-connected-xsmall' as
43+
md-comp-button-group-connected-xsmall--*;
44+
@forward 'md-comp-button-group-standard-large' as
45+
md-comp-button-group-standard-large--*;
46+
@forward 'md-comp-button-group-standard-medium' as
47+
md-comp-button-group-standard-medium--*;
48+
@forward 'md-comp-button-group-standard-small' as
49+
md-comp-button-group-standard-small--*;
50+
@forward 'md-comp-button-group-standard-xlarge' as
51+
md-comp-button-group-standard-xlarge--*;
52+
@forward 'md-comp-button-group-standard-xsmall' as
53+
md-comp-button-group-standard-xsmall--*;
54+
@forward 'md-comp-button-large' as md-comp-button-large--*;
55+
@forward 'md-comp-button-medium' as md-comp-button-medium--*;
56+
@forward 'md-comp-button-outlined' as md-comp-button-outlined--*;
57+
@forward 'md-comp-button-small' as md-comp-button-small--*;
58+
@forward 'md-comp-button-text' as md-comp-button-text--*;
59+
@forward 'md-comp-button-tonal' as md-comp-button-tonal--*;
60+
@forward 'md-comp-button-xlarge' as md-comp-button-xlarge--*;
61+
@forward 'md-comp-button-xsmall' as md-comp-button-xsmall--*;
62+
@forward 'md-comp-carousel-item' as md-comp-carousel-item--*;
63+
@forward 'md-comp-checkbox' as md-comp-checkbox--*;
64+
@forward 'md-comp-circular-progress-indicator' as
65+
md-comp-circular-progress-indicator--*;
66+
@forward 'md-comp-data-table' as md-comp-data-table--*;
67+
@forward 'md-comp-date-input-modal' as md-comp-date-input-modal--*;
68+
@forward 'md-comp-date-picker-docked' as md-comp-date-picker-docked--*;
69+
@forward 'md-comp-date-picker-modal' as md-comp-date-picker-modal--*;
70+
@forward 'md-comp-dialog' as md-comp-dialog--*;
71+
@forward 'md-comp-divider' as md-comp-divider--*;
72+
@forward 'md-comp-drag-handle' as md-comp-drag-handle--*;
73+
@forward 'md-comp-elevated-button' as md-comp-elevated-button--*;
74+
@forward 'md-comp-elevated-card' as md-comp-elevated-card--*;
75+
@forward 'md-comp-extended-fab' as md-comp-extended-fab--*;
76+
@forward 'md-comp-extended-fab-branded' as md-comp-extended-fab-branded--*;
77+
@forward 'md-comp-extended-fab-large' as md-comp-extended-fab-large--*;
78+
@forward 'md-comp-extended-fab-medium' as md-comp-extended-fab-medium--*;
79+
@forward 'md-comp-extended-fab-primary' as md-comp-extended-fab-primary--*;
80+
@forward 'md-comp-extended-fab-primary-container' as
81+
md-comp-extended-fab-primary-container--*;
82+
@forward 'md-comp-extended-fab-secondary' as md-comp-extended-fab-secondary--*;
83+
@forward 'md-comp-extended-fab-secondary-container' as
84+
md-comp-extended-fab-secondary-container--*;
85+
@forward 'md-comp-extended-fab-small' as md-comp-extended-fab-small--*;
86+
@forward 'md-comp-extended-fab-surface' as md-comp-extended-fab-surface--*;
87+
@forward 'md-comp-extended-fab-tertiary' as md-comp-extended-fab-tertiary--*;
88+
@forward 'md-comp-extended-fab-tertiary-container' as
89+
md-comp-extended-fab-tertiary-container--*;
90+
@forward 'md-comp-fab' as md-comp-fab--*;
91+
@forward 'md-comp-fab-branded' as md-comp-fab-branded--*;
92+
@forward 'md-comp-fab-branded-large' as md-comp-fab-branded-large--*;
93+
@forward 'md-comp-fab-large' as md-comp-fab-large--*;
94+
@forward 'md-comp-fab-medium' as md-comp-fab-medium--*;
95+
@forward 'md-comp-fab-menu' as md-comp-fab-menu--*;
96+
@forward 'md-comp-fab-menu-primary-close-button' as
97+
md-comp-fab-menu-primary-close-button--*;
98+
@forward 'md-comp-fab-menu-primary-container' as
99+
md-comp-fab-menu-primary-container--*;
100+
@forward 'md-comp-fab-menu-secondary-close-button' as
101+
md-comp-fab-menu-secondary-close-button--*;
102+
@forward 'md-comp-fab-menu-secondary-container' as
103+
md-comp-fab-menu-secondary-container--*;
104+
@forward 'md-comp-fab-menu-tertiary-close-button' as
105+
md-comp-fab-menu-tertiary-close-button--*;
106+
@forward 'md-comp-fab-menu-tertiary-container' as
107+
md-comp-fab-menu-tertiary-container--*;
108+
@forward 'md-comp-fab-primary' as md-comp-fab-primary--*;
109+
@forward 'md-comp-fab-primary-container' as md-comp-fab-primary-container--*;
110+
@forward 'md-comp-fab-primary-large' as md-comp-fab-primary-large--*;
111+
@forward 'md-comp-fab-primary-small' as md-comp-fab-primary-small--*;
112+
@forward 'md-comp-fab-secondary' as md-comp-fab-secondary--*;
113+
@forward 'md-comp-fab-secondary-container' as md-comp-fab-secondary-container--*;
114+
@forward 'md-comp-fab-secondary-large' as md-comp-fab-secondary-large--*;
115+
@forward 'md-comp-fab-secondary-small' as md-comp-fab-secondary-small--*;
116+
@forward 'md-comp-fab-small' as md-comp-fab-small--*;
117+
@forward 'md-comp-fab-surface' as md-comp-fab-surface--*;
118+
@forward 'md-comp-fab-surface-large' as md-comp-fab-surface-large--*;
119+
@forward 'md-comp-fab-surface-small' as md-comp-fab-surface-small--*;
120+
@forward 'md-comp-fab-tertiary' as md-comp-fab-tertiary--*;
121+
@forward 'md-comp-fab-tertiary-container' as md-comp-fab-tertiary-container--*;
122+
@forward 'md-comp-fab-tertiary-large' as md-comp-fab-tertiary-large--*;
123+
@forward 'md-comp-fab-tertiary-small' as md-comp-fab-tertiary-small--*;
124+
@forward 'md-comp-filled-autocomplete' as md-comp-filled-autocomplete--*;
125+
@forward 'md-comp-filled-button' as md-comp-filled-button--*;
126+
@forward 'md-comp-filled-card' as md-comp-filled-card--*;
127+
@forward 'md-comp-filled-icon-button' as md-comp-filled-icon-button--*;
128+
@forward 'md-comp-filled-menu-button' as md-comp-filled-menu-button--*;
129+
@forward 'md-comp-filled-select' as md-comp-filled-select--*;
130+
@forward 'md-comp-filled-text-field' as md-comp-filled-text-field--*;
131+
@forward 'md-comp-filled-tonal-button' as md-comp-filled-tonal-button--*;
132+
@forward 'md-comp-filled-tonal-icon-button' as
133+
md-comp-filled-tonal-icon-button--*;
134+
@forward 'md-comp-filter-chip' as md-comp-filter-chip--*;
135+
@forward 'md-comp-full-screen-dialog' as md-comp-full-screen-dialog--*;
136+
@forward 'md-comp-icon-button' as md-comp-icon-button--*;
137+
@forward 'md-comp-icon-button-filled' as md-comp-icon-button-filled--*;
138+
@forward 'md-comp-icon-button-large' as md-comp-icon-button-large--*;
139+
@forward 'md-comp-icon-button-medium' as md-comp-icon-button-medium--*;
140+
@forward 'md-comp-icon-button-outlined' as md-comp-icon-button-outlined--*;
141+
@forward 'md-comp-icon-button-small' as md-comp-icon-button-small--*;
142+
@forward 'md-comp-icon-button-standard' as md-comp-icon-button-standard--*;
143+
@forward 'md-comp-icon-button-tonal' as md-comp-icon-button-tonal--*;
144+
@forward 'md-comp-icon-button-xlarge' as md-comp-icon-button-xlarge--*;
145+
@forward 'md-comp-icon-button-xsmall' as md-comp-icon-button-xsmall--*;
146+
@forward 'md-comp-input-chip' as md-comp-input-chip--*;
147+
@forward 'md-comp-linear-progress-indicator' as
148+
md-comp-linear-progress-indicator--*;
149+
@forward 'md-comp-list' as md-comp-list--*;
150+
@forward 'md-comp-list-expand' as md-comp-list-expand--*;
151+
@forward 'md-comp-list-reorder' as md-comp-list-reorder--*;
152+
@forward 'md-comp-list-reveal' as md-comp-list-reveal--*;
153+
@forward 'md-comp-loading-indicator' as md-comp-loading-indicator--*;
154+
@forward 'md-comp-menu' as md-comp-menu--*;
155+
@forward 'md-comp-menus' as md-comp-menus--*;
156+
@forward 'md-comp-menus-standard' as md-comp-menus-standard--*;
157+
@forward 'md-comp-menus-vibrant' as md-comp-menus-vibrant--*;
158+
@forward 'md-comp-nav-bar' as md-comp-nav-bar--*;
159+
@forward 'md-comp-nav-bar-item-horizontal' as md-comp-nav-bar-item-horizontal--*;
160+
@forward 'md-comp-nav-bar-item-vertical' as md-comp-nav-bar-item-vertical--*;
161+
@forward 'md-comp-nav-rail' as md-comp-nav-rail--*;
162+
@forward 'md-comp-nav-rail-collapsed' as md-comp-nav-rail-collapsed--*;
163+
@forward 'md-comp-nav-rail-expanded' as md-comp-nav-rail-expanded--*;
164+
@forward 'md-comp-nav-rail-item' as md-comp-nav-rail-item--*;
165+
@forward 'md-comp-nav-rail-item-horizontal' as
166+
md-comp-nav-rail-item-horizontal--*;
167+
@forward 'md-comp-nav-rail-item-vertical' as md-comp-nav-rail-item-vertical--*;
168+
@forward 'md-comp-navigation-bar' as md-comp-navigation-bar--*;
169+
@forward 'md-comp-navigation-drawer' as md-comp-navigation-drawer--*;
170+
@forward 'md-comp-navigation-rail' as md-comp-navigation-rail--*;
171+
@forward 'md-comp-outlined-autocomplete' as md-comp-outlined-autocomplete--*;
172+
@forward 'md-comp-outlined-button' as md-comp-outlined-button--*;
173+
@forward 'md-comp-outlined-card' as md-comp-outlined-card--*;
174+
@forward 'md-comp-outlined-icon-button' as md-comp-outlined-icon-button--*;
175+
@forward 'md-comp-outlined-menu-button' as md-comp-outlined-menu-button--*;
176+
@forward 'md-comp-outlined-segmented-button' as
177+
md-comp-outlined-segmented-button--*;
178+
@forward 'md-comp-outlined-select' as md-comp-outlined-select--*;
179+
@forward 'md-comp-outlined-text-field' as md-comp-outlined-text-field--*;
180+
@forward 'md-comp-plain-tooltip' as md-comp-plain-tooltip--*;
181+
@forward 'md-comp-primary-navigation-tab' as md-comp-primary-navigation-tab--*;
182+
@forward 'md-comp-progress-indicator' as md-comp-progress-indicator--*;
183+
@forward 'md-comp-progress-indicator-circular' as
184+
md-comp-progress-indicator-circular--*;
185+
@forward 'md-comp-progress-indicator-linear' as
186+
md-comp-progress-indicator-linear--*;
187+
@forward 'md-comp-radio-button' as md-comp-radio-button--*;
188+
@forward 'md-comp-rich-tooltip' as md-comp-rich-tooltip--*;
189+
@forward 'md-comp-scrim' as md-comp-scrim--*;
190+
@forward 'md-comp-search-bar' as md-comp-search-bar--*;
191+
@forward 'md-comp-search-view' as md-comp-search-view--*;
192+
@forward 'md-comp-secondary-navigation-tab' as
193+
md-comp-secondary-navigation-tab--*;
194+
@forward 'md-comp-sheet-bottom' as md-comp-sheet-bottom--*;
195+
@forward 'md-comp-sheet-floating' as md-comp-sheet-floating--*;
196+
@forward 'md-comp-sheet-side' as md-comp-sheet-side--*;
197+
@forward 'md-comp-slider' as md-comp-slider--*;
198+
@forward 'md-comp-slider-large' as md-comp-slider-large--*;
199+
@forward 'md-comp-slider-medium' as md-comp-slider-medium--*;
200+
@forward 'md-comp-slider-small' as md-comp-slider-small--*;
201+
@forward 'md-comp-slider-xlarge' as md-comp-slider-xlarge--*;
202+
@forward 'md-comp-slider-xsmall' as md-comp-slider-xsmall--*;
203+
@forward 'md-comp-snackbar' as md-comp-snackbar--*;
204+
@forward 'md-comp-split-button-large' as md-comp-split-button-large--*;
205+
@forward 'md-comp-split-button-medium' as md-comp-split-button-medium--*;
206+
@forward 'md-comp-split-button-small' as md-comp-split-button-small--*;
207+
@forward 'md-comp-split-button-xlarge' as md-comp-split-button-xlarge--*;
208+
@forward 'md-comp-split-button-xsmall' as md-comp-split-button-xsmall--*;
209+
@forward 'md-comp-standard-menu-button' as md-comp-standard-menu-button--*;
210+
@forward 'md-comp-suggestion-chip' as md-comp-suggestion-chip--*;
211+
@forward 'md-comp-switch' as md-comp-switch--*;
212+
@forward 'md-comp-text-button' as md-comp-text-button--*;
213+
@forward 'md-comp-time-input' as md-comp-time-input--*;
214+
@forward 'md-comp-time-picker' as md-comp-time-picker--*;
215+
@forward 'md-comp-toolbar-docked' as md-comp-toolbar-docked--*;
216+
@forward 'md-comp-toolbar-floating' as md-comp-toolbar-floating--*;
217+
@forward 'md-comp-toolbar-floating-fab' as md-comp-toolbar-floating-fab--*;
218+
@forward 'md-comp-toolbar-standard' as md-comp-toolbar-standard--*;
219+
@forward 'md-comp-toolbar-vibrant' as md-comp-toolbar-vibrant--*;
220+
@forward 'md-comp-top-app-bar-large' as md-comp-top-app-bar-large--*;
221+
@forward 'md-comp-top-app-bar-medium' as md-comp-top-app-bar-medium--*;
222+
@forward 'md-comp-top-app-bar-small' as md-comp-top-app-bar-small--*;
223+
@forward 'md-comp-top-app-bar-small-centered' as
224+
md-comp-top-app-bar-small-centered--*;
225+
@forward 'md-ref-palette' as md-ref-palette--*;
226+
@forward 'md-ref-typeface' as md-ref-typeface--*;
227+
@forward 'md-sys-color' as md-sys-color--*;
228+
@forward 'md-sys-color__dark' as md-sys-color--dark--*;
229+
@forward 'md-sys-color__dark__high-contrast' as
230+
md-sys-color--dark--high-contrast--*;
231+
@forward 'md-sys-color__dark__medium-contrast' as
232+
md-sys-color--dark--medium-contrast--*;
233+
@forward 'md-sys-color__high-contrast' as md-sys-color--high-contrast--*;
234+
@forward 'md-sys-color__medium-contrast' as md-sys-color--medium-contrast--*;
235+
@forward 'md-sys-elevation' as md-sys-elevation--*;
236+
@forward 'md-sys-motion' as md-sys-motion--*;
237+
@forward 'md-sys-shape' as md-sys-shape--*;
238+
@forward 'md-sys-state' as md-sys-state--*;
239+
@forward 'md-sys-state-focus-indicator' as md-sys-state-focus-indicator--*;
240+
@forward 'md-sys-typescale' as md-sys-typescale--*;
241+
@forward 'md-sys-typescale-emphasized' as md-sys-typescale-emphasized--*;
Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
//
2+
// Copyright 2025 Google LLC
3+
// SPDX-License-Identifier: Apache-2.0
4+
//
5+
// AUTOGENERATED. DO NOT MODIFY.
6+
// To modify this file, update the source template,
7+
// or run the compiler: go/carbon-service-code-gen-mwtc.
8+
// Source template: sassvars/contextualtokenset.scss.tmpl
9+
10+
// Design system: Google Material 3
11+
// Version: 29.0.16
12+
// Configured context tags:
13+
// audience: 3p
14+
// font: static
15+
// platform: web
16+
// Output format: sass_vars
17+
18+
@use 'md-sys-typescale';
19+
20+
/// md.comp.app-bar.large-flexible.container.height
21+
$container-height: 120px;
22+
/// md.comp.app-bar.large-flexible.with-subtitle.container.height
23+
$with-subtitle-container-height: 152px;
24+
/// md.comp.app-bar.large-flexible.subtitle.font
25+
@mixin subtitle-font {
26+
@include md-sys-typescale.title-medium;
27+
}
28+
/// md.comp.app-bar.large-flexible.title.font
29+
@mixin title-font {
30+
@include md-sys-typescale.display-small;
31+
}
Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,35 @@
1+
//
2+
// Copyright 2025 Google LLC
3+
// SPDX-License-Identifier: Apache-2.0
4+
//
5+
// AUTOGENERATED. DO NOT MODIFY.
6+
// To modify this file, update the source template,
7+
// or run the compiler: go/carbon-service-code-gen-mwtc.
8+
// Source template: sassvars/contextualtokenset.scss.tmpl
9+
10+
// Design system: Google Material 3
11+
// Version: 29.0.16
12+
// Configured context tags:
13+
// audience: 3p
14+
// font: static
15+
// platform: web
16+
// Output format: sass_vars
17+
18+
@use 'md-sys-typescale';
19+
20+
/// md.comp.app-bar.large.container.height
21+
$container-height: 152px;
22+
/// md.comp.app-bar.large.icon.size
23+
///
24+
/// @deprecated Please use icon size token in the common app bar set
25+
$icon-size: 24px;
26+
/// md.comp.app-bar.large.subtitle.font
27+
///
28+
/// @deprecated No subtitle support on the legacy app bar. Please use the new, flexible variant instead.
29+
@mixin subtitle-font {
30+
@include md-sys-typescale.title-medium;
31+
}
32+
/// md.comp.app-bar.large.title.font
33+
@mixin title-font {
34+
@include md-sys-typescale.headline-medium;
35+
}
Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
//
2+
// Copyright 2025 Google LLC
3+
// SPDX-License-Identifier: Apache-2.0
4+
//
5+
// AUTOGENERATED. DO NOT MODIFY.
6+
// To modify this file, update the source template,
7+
// or run the compiler: go/carbon-service-code-gen-mwtc.
8+
// Source template: sassvars/contextualtokenset.scss.tmpl
9+
10+
// Design system: Google Material 3
11+
// Version: 29.0.16
12+
// Configured context tags:
13+
// audience: 3p
14+
// font: static
15+
// platform: web
16+
// Output format: sass_vars
17+
18+
@use 'md-sys-typescale';
19+
20+
/// md.comp.app-bar.medium-flexible.container.height
21+
$container-height: 112px;
22+
/// md.comp.app-bar.medium-flexible.with-subtitle.container.height
23+
$with-subtitle-container-height: 136px;
24+
/// md.comp.app-bar.medium-flexible.subtitle.font
25+
@mixin subtitle-font {
26+
@include md-sys-typescale.label-large;
27+
}
28+
/// md.comp.app-bar.medium-flexible.title.font
29+
@mixin title-font {
30+
@include md-sys-typescale.headline-medium;
31+
}
Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,35 @@
1+
//
2+
// Copyright 2025 Google LLC
3+
// SPDX-License-Identifier: Apache-2.0
4+
//
5+
// AUTOGENERATED. DO NOT MODIFY.
6+
// To modify this file, update the source template,
7+
// or run the compiler: go/carbon-service-code-gen-mwtc.
8+
// Source template: sassvars/contextualtokenset.scss.tmpl
9+
10+
// Design system: Google Material 3
11+
// Version: 29.0.16
12+
// Configured context tags:
13+
// audience: 3p
14+
// font: static
15+
// platform: web
16+
// Output format: sass_vars
17+
18+
@use 'md-sys-typescale';
19+
20+
/// md.comp.app-bar.medium.container.height
21+
$container-height: 112px;
22+
/// md.comp.app-bar.medium.icon.size
23+
///
24+
/// @deprecated Please use icon size token in the common app bar set
25+
$icon-size: 24px;
26+
/// md.comp.app-bar.medium.subtitle.font
27+
///
28+
/// @deprecated No subtitle support on the legacy app bar. Please use the new, flexible variant instead.
29+
@mixin subtitle-font {
30+
@include md-sys-typescale.label-large;
31+
}
32+
/// md.comp.app-bar.medium.title.font
33+
@mixin title-font {
34+
@include md-sys-typescale.headline-small;
35+
}

0 commit comments

Comments
 (0)