fix(tokens): add expressive token versions

tokens/versions/v30_0/sass/_index.scss

@@ -0,0 +1,239 @@
+//
+// Copyright 2026 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+// AUTOGENERATED. DO NOT MODIFY.
+// To modify this file, update the source template,
+// or run the compiler: go/carbon-service-code-gen-mwtc.
+// Source template: sassvars/index.scss.tmpl
+
+// Design system: Google Material 3
+// Version: 30.0.14
+// Configured context tags:
+//   audience: 3p
+//   font: static
+//   platform: web
+// Output format: sass_vars
+
+@forward 'md-comp-app-bar' as md-comp-app-bar--*;
+@forward 'md-comp-app-bar-large' as md-comp-app-bar-large--*;
+@forward 'md-comp-app-bar-large-flexible' as md-comp-app-bar-large-flexible--*;
+@forward 'md-comp-app-bar-medium' as md-comp-app-bar-medium--*;
+@forward 'md-comp-app-bar-medium-flexible' as md-comp-app-bar-medium-flexible--*;
+@forward 'md-comp-app-bar-small' as md-comp-app-bar-small--*;
+@forward 'md-comp-assist-chip' as md-comp-assist-chip--*;
+@forward 'md-comp-badge' as md-comp-badge--*;
+@forward 'md-comp-banner' as md-comp-banner--*;
+@forward 'md-comp-banners' as md-comp-banners--*;
+@forward 'md-comp-banners-basic' as md-comp-banners-basic--*;
+@forward 'md-comp-banners-rich' as md-comp-banners-rich--*;
+@forward 'md-comp-bottom-app-bar' as md-comp-bottom-app-bar--*;
+@forward 'md-comp-button' as md-comp-button--*;
+@forward 'md-comp-button-elevated' as md-comp-button-elevated--*;
+@forward 'md-comp-button-filled' as md-comp-button-filled--*;
+@forward 'md-comp-button-group-connected-large' as
+  md-comp-button-group-connected-large--*;
+@forward 'md-comp-button-group-connected-medium' as
+  md-comp-button-group-connected-medium--*;
+@forward 'md-comp-button-group-connected-small' as
+  md-comp-button-group-connected-small--*;
+@forward 'md-comp-button-group-connected-xlarge' as
+  md-comp-button-group-connected-xlarge--*;
+@forward 'md-comp-button-group-connected-xsmall' as
+  md-comp-button-group-connected-xsmall--*;
+@forward 'md-comp-button-group-standard-large' as
+  md-comp-button-group-standard-large--*;
+@forward 'md-comp-button-group-standard-medium' as
+  md-comp-button-group-standard-medium--*;
+@forward 'md-comp-button-group-standard-small' as
+  md-comp-button-group-standard-small--*;
+@forward 'md-comp-button-group-standard-xlarge' as
+  md-comp-button-group-standard-xlarge--*;
+@forward 'md-comp-button-group-standard-xsmall' as
+  md-comp-button-group-standard-xsmall--*;
+@forward 'md-comp-button-large' as md-comp-button-large--*;
+@forward 'md-comp-button-medium' as md-comp-button-medium--*;
+@forward 'md-comp-button-outlined' as md-comp-button-outlined--*;
+@forward 'md-comp-button-small' as md-comp-button-small--*;
+@forward 'md-comp-button-text' as md-comp-button-text--*;
+@forward 'md-comp-button-tonal' as md-comp-button-tonal--*;
+@forward 'md-comp-button-xlarge' as md-comp-button-xlarge--*;
+@forward 'md-comp-button-xsmall' as md-comp-button-xsmall--*;
+@forward 'md-comp-carousel-item' as md-comp-carousel-item--*;
+@forward 'md-comp-checkbox' as md-comp-checkbox--*;
+@forward 'md-comp-circular-progress-indicator' as
+  md-comp-circular-progress-indicator--*;
+@forward 'md-comp-data-table' as md-comp-data-table--*;
+@forward 'md-comp-date-input-modal' as md-comp-date-input-modal--*;
+@forward 'md-comp-date-picker-docked' as md-comp-date-picker-docked--*;
+@forward 'md-comp-date-picker-modal' as md-comp-date-picker-modal--*;
+@forward 'md-comp-dialog' as md-comp-dialog--*;
+@forward 'md-comp-divider' as md-comp-divider--*;
+@forward 'md-comp-drag-handle' as md-comp-drag-handle--*;
+@forward 'md-comp-elevated-button' as md-comp-elevated-button--*;
+@forward 'md-comp-elevated-card' as md-comp-elevated-card--*;
+@forward 'md-comp-extended-fab' as md-comp-extended-fab--*;
+@forward 'md-comp-extended-fab-branded' as md-comp-extended-fab-branded--*;
+@forward 'md-comp-extended-fab-large' as md-comp-extended-fab-large--*;
+@forward 'md-comp-extended-fab-medium' as md-comp-extended-fab-medium--*;
+@forward 'md-comp-extended-fab-primary' as md-comp-extended-fab-primary--*;
+@forward 'md-comp-extended-fab-primary-container' as
+  md-comp-extended-fab-primary-container--*;
+@forward 'md-comp-extended-fab-secondary' as md-comp-extended-fab-secondary--*;
+@forward 'md-comp-extended-fab-secondary-container' as
+  md-comp-extended-fab-secondary-container--*;
+@forward 'md-comp-extended-fab-small' as md-comp-extended-fab-small--*;
+@forward 'md-comp-extended-fab-surface' as md-comp-extended-fab-surface--*;
+@forward 'md-comp-extended-fab-tertiary' as md-comp-extended-fab-tertiary--*;
+@forward 'md-comp-extended-fab-tertiary-container' as
+  md-comp-extended-fab-tertiary-container--*;
+@forward 'md-comp-fab' as md-comp-fab--*;
+@forward 'md-comp-fab-branded' as md-comp-fab-branded--*;
+@forward 'md-comp-fab-branded-large' as md-comp-fab-branded-large--*;
+@forward 'md-comp-fab-large' as md-comp-fab-large--*;
+@forward 'md-comp-fab-medium' as md-comp-fab-medium--*;
+@forward 'md-comp-fab-menu' as md-comp-fab-menu--*;
+@forward 'md-comp-fab-menu-primary-close-button' as
+  md-comp-fab-menu-primary-close-button--*;
+@forward 'md-comp-fab-menu-primary-container' as
+  md-comp-fab-menu-primary-container--*;
+@forward 'md-comp-fab-menu-secondary-close-button' as
+  md-comp-fab-menu-secondary-close-button--*;
+@forward 'md-comp-fab-menu-secondary-container' as
+  md-comp-fab-menu-secondary-container--*;
+@forward 'md-comp-fab-menu-tertiary-close-button' as
+  md-comp-fab-menu-tertiary-close-button--*;
+@forward 'md-comp-fab-menu-tertiary-container' as
+  md-comp-fab-menu-tertiary-container--*;
+@forward 'md-comp-fab-primary' as md-comp-fab-primary--*;
+@forward 'md-comp-fab-primary-container' as md-comp-fab-primary-container--*;
+@forward 'md-comp-fab-primary-large' as md-comp-fab-primary-large--*;
+@forward 'md-comp-fab-primary-small' as md-comp-fab-primary-small--*;
+@forward 'md-comp-fab-secondary' as md-comp-fab-secondary--*;
+@forward 'md-comp-fab-secondary-container' as md-comp-fab-secondary-container--*;
+@forward 'md-comp-fab-secondary-large' as md-comp-fab-secondary-large--*;
+@forward 'md-comp-fab-secondary-small' as md-comp-fab-secondary-small--*;
+@forward 'md-comp-fab-small' as md-comp-fab-small--*;
+@forward 'md-comp-fab-surface' as md-comp-fab-surface--*;
+@forward 'md-comp-fab-surface-large' as md-comp-fab-surface-large--*;
+@forward 'md-comp-fab-tertiary' as md-comp-fab-tertiary--*;
+@forward 'md-comp-fab-tertiary-container' as md-comp-fab-tertiary-container--*;
+@forward 'md-comp-fab-tertiary-large' as md-comp-fab-tertiary-large--*;
+@forward 'md-comp-fab-tertiary-small' as md-comp-fab-tertiary-small--*;
+@forward 'md-comp-filled-autocomplete' as md-comp-filled-autocomplete--*;
+@forward 'md-comp-filled-button' as md-comp-filled-button--*;
+@forward 'md-comp-filled-card' as md-comp-filled-card--*;
+@forward 'md-comp-filled-icon-button' as md-comp-filled-icon-button--*;
+@forward 'md-comp-filled-menu-button' as md-comp-filled-menu-button--*;
+@forward 'md-comp-filled-select' as md-comp-filled-select--*;
+@forward 'md-comp-filled-text-field' as md-comp-filled-text-field--*;
+@forward 'md-comp-filled-tonal-button' as md-comp-filled-tonal-button--*;
+@forward 'md-comp-filled-tonal-icon-button' as
+  md-comp-filled-tonal-icon-button--*;
+@forward 'md-comp-filter-chip' as md-comp-filter-chip--*;
+@forward 'md-comp-full-screen-dialog' as md-comp-full-screen-dialog--*;
+@forward 'md-comp-icon-button' as md-comp-icon-button--*;
+@forward 'md-comp-icon-button-filled' as md-comp-icon-button-filled--*;
+@forward 'md-comp-icon-button-large' as md-comp-icon-button-large--*;
+@forward 'md-comp-icon-button-medium' as md-comp-icon-button-medium--*;
+@forward 'md-comp-icon-button-outlined' as md-comp-icon-button-outlined--*;
+@forward 'md-comp-icon-button-small' as md-comp-icon-button-small--*;
+@forward 'md-comp-icon-button-standard' as md-comp-icon-button-standard--*;
+@forward 'md-comp-icon-button-tonal' as md-comp-icon-button-tonal--*;
+@forward 'md-comp-icon-button-xlarge' as md-comp-icon-button-xlarge--*;
+@forward 'md-comp-icon-button-xsmall' as md-comp-icon-button-xsmall--*;
+@forward 'md-comp-input-chip' as md-comp-input-chip--*;
+@forward 'md-comp-linear-progress-indicator' as
+  md-comp-linear-progress-indicator--*;
+@forward 'md-comp-list' as md-comp-list--*;
+@forward 'md-comp-list-expand' as md-comp-list-expand--*;
+@forward 'md-comp-list-reorder' as md-comp-list-reorder--*;
+@forward 'md-comp-list-reveal' as md-comp-list-reveal--*;
+@forward 'md-comp-loading-indicator' as md-comp-loading-indicator--*;
+@forward 'md-comp-menu' as md-comp-menu--*;
+@forward 'md-comp-menus' as md-comp-menus--*;
+@forward 'md-comp-menus-standard' as md-comp-menus-standard--*;
+@forward 'md-comp-menus-vibrant' as md-comp-menus-vibrant--*;
+@forward 'md-comp-nav-bar' as md-comp-nav-bar--*;
+@forward 'md-comp-nav-bar-item-horizontal' as md-comp-nav-bar-item-horizontal--*;
+@forward 'md-comp-nav-bar-item-vertical' as md-comp-nav-bar-item-vertical--*;
+@forward 'md-comp-nav-rail' as md-comp-nav-rail--*;
+@forward 'md-comp-nav-rail-collapsed' as md-comp-nav-rail-collapsed--*;
+@forward 'md-comp-nav-rail-expanded' as md-comp-nav-rail-expanded--*;
+@forward 'md-comp-nav-rail-item' as md-comp-nav-rail-item--*;
+@forward 'md-comp-nav-rail-item-horizontal' as
+  md-comp-nav-rail-item-horizontal--*;
+@forward 'md-comp-nav-rail-item-vertical' as md-comp-nav-rail-item-vertical--*;
+@forward 'md-comp-navigation-bar' as md-comp-navigation-bar--*;
+@forward 'md-comp-navigation-drawer' as md-comp-navigation-drawer--*;
+@forward 'md-comp-navigation-rail' as md-comp-navigation-rail--*;
+@forward 'md-comp-outlined-autocomplete' as md-comp-outlined-autocomplete--*;
+@forward 'md-comp-outlined-button' as md-comp-outlined-button--*;
+@forward 'md-comp-outlined-card' as md-comp-outlined-card--*;
+@forward 'md-comp-outlined-menu-button' as md-comp-outlined-menu-button--*;
+@forward 'md-comp-outlined-segmented-button' as
+  md-comp-outlined-segmented-button--*;
+@forward 'md-comp-outlined-select' as md-comp-outlined-select--*;
+@forward 'md-comp-outlined-text-field' as md-comp-outlined-text-field--*;
+@forward 'md-comp-plain-tooltip' as md-comp-plain-tooltip--*;
+@forward 'md-comp-primary-navigation-tab' as md-comp-primary-navigation-tab--*;
+@forward 'md-comp-progress-indicator' as md-comp-progress-indicator--*;
+@forward 'md-comp-progress-indicator-circular' as
+  md-comp-progress-indicator-circular--*;
+@forward 'md-comp-progress-indicator-linear' as
+  md-comp-progress-indicator-linear--*;
+@forward 'md-comp-radio-button' as md-comp-radio-button--*;
+@forward 'md-comp-rich-tooltip' as md-comp-rich-tooltip--*;
+@forward 'md-comp-scrim' as md-comp-scrim--*;
+@forward 'md-comp-search-bar' as md-comp-search-bar--*;
+@forward 'md-comp-search-view' as md-comp-search-view--*;
+@forward 'md-comp-secondary-navigation-tab' as
+  md-comp-secondary-navigation-tab--*;
+@forward 'md-comp-sheet-bottom' as md-comp-sheet-bottom--*;
+@forward 'md-comp-sheet-floating' as md-comp-sheet-floating--*;
+@forward 'md-comp-sheet-side' as md-comp-sheet-side--*;
+@forward 'md-comp-slider' as md-comp-slider--*;
+@forward 'md-comp-slider-large' as md-comp-slider-large--*;
+@forward 'md-comp-slider-medium' as md-comp-slider-medium--*;
+@forward 'md-comp-slider-small' as md-comp-slider-small--*;
+@forward 'md-comp-slider-xlarge' as md-comp-slider-xlarge--*;
+@forward 'md-comp-slider-xsmall' as md-comp-slider-xsmall--*;
+@forward 'md-comp-snackbar' as md-comp-snackbar--*;
+@forward 'md-comp-split-button-large' as md-comp-split-button-large--*;
+@forward 'md-comp-split-button-medium' as md-comp-split-button-medium--*;
+@forward 'md-comp-split-button-small' as md-comp-split-button-small--*;
+@forward 'md-comp-split-button-xlarge' as md-comp-split-button-xlarge--*;
+@forward 'md-comp-split-button-xsmall' as md-comp-split-button-xsmall--*;
+@forward 'md-comp-standard-menu-button' as md-comp-standard-menu-button--*;
+@forward 'md-comp-suggestion-chip' as md-comp-suggestion-chip--*;
+@forward 'md-comp-switch' as md-comp-switch--*;
+@forward 'md-comp-text-button' as md-comp-text-button--*;
+@forward 'md-comp-time-input' as md-comp-time-input--*;
+@forward 'md-comp-time-picker' as md-comp-time-picker--*;
+@forward 'md-comp-toolbar-docked' as md-comp-toolbar-docked--*;
+@forward 'md-comp-toolbar-floating' as md-comp-toolbar-floating--*;
+@forward 'md-comp-toolbar-floating-fab' as md-comp-toolbar-floating-fab--*;
+@forward 'md-comp-toolbar-standard' as md-comp-toolbar-standard--*;
+@forward 'md-comp-toolbar-vibrant' as md-comp-toolbar-vibrant--*;
+@forward 'md-comp-top-app-bar-large' as md-comp-top-app-bar-large--*;
+@forward 'md-comp-top-app-bar-medium' as md-comp-top-app-bar-medium--*;
+@forward 'md-comp-top-app-bar-small' as md-comp-top-app-bar-small--*;
+@forward 'md-comp-top-app-bar-small-centered' as
+  md-comp-top-app-bar-small-centered--*;
+@forward 'md-ref-palette' as md-ref-palette--*;
+@forward 'md-ref-typeface' as md-ref-typeface--*;
+@forward 'md-sys-color' as md-sys-color--*;
+@forward 'md-sys-color__dark' as md-sys-color--dark--*;
+@forward 'md-sys-color__dark__high-contrast' as
+  md-sys-color--dark--high-contrast--*;
+@forward 'md-sys-color__dark__medium-contrast' as
+  md-sys-color--dark--medium-contrast--*;
+@forward 'md-sys-color__high-contrast' as md-sys-color--high-contrast--*;
+@forward 'md-sys-color__medium-contrast' as md-sys-color--medium-contrast--*;
+@forward 'md-sys-elevation' as md-sys-elevation--*;
+@forward 'md-sys-motion' as md-sys-motion--*;
+@forward 'md-sys-shape' as md-sys-shape--*;
+@forward 'md-sys-state' as md-sys-state--*;
+@forward 'md-sys-state-focus-indicator' as md-sys-state-focus-indicator--*;
+@forward 'md-sys-typescale' as md-sys-typescale--*;
+@forward 'md-sys-typescale-emphasized' as md-sys-typescale-emphasized--*;

tokens/versions/v30_0/sass/_md-comp-app-bar-large-flexible.scss

@@ -0,0 +1,31 @@
+//
+// Copyright 2026 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+// AUTOGENERATED. DO NOT MODIFY.
+// To modify this file, update the source template,
+// or run the compiler: go/carbon-service-code-gen-mwtc.
+// Source template: sassvars/contextualtokenset.scss.tmpl
+
+// Design system: Google Material 3
+// Version: 30.0.14
+// Configured context tags:
+//   audience: 3p
+//   font: static
+//   platform: web
+// Output format: sass_vars
+
+@use 'md-sys-typescale';
+
+/// md.comp.app-bar.large-flexible.container.height
+$container-height: 120px;
+/// md.comp.app-bar.large-flexible.with-subtitle.container.height
+$with-subtitle-container-height: 152px;
+/// md.comp.app-bar.large-flexible.subtitle.font
+@mixin subtitle-font {
+  @include md-sys-typescale.title-medium;
+}
+/// md.comp.app-bar.large-flexible.title.font
+@mixin title-font {
+  @include md-sys-typescale.display-small;
+}

tokens/versions/v30_0/sass/_md-comp-app-bar-large.scss

@@ -0,0 +1,35 @@
+//
+// Copyright 2026 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+// AUTOGENERATED. DO NOT MODIFY.
+// To modify this file, update the source template,
+// or run the compiler: go/carbon-service-code-gen-mwtc.
+// Source template: sassvars/contextualtokenset.scss.tmpl
+
+// Design system: Google Material 3
+// Version: 30.0.14
+// Configured context tags:
+//   audience: 3p
+//   font: static
+//   platform: web
+// Output format: sass_vars
+
+@use 'md-sys-typescale';
+
+/// md.comp.app-bar.large.container.height
+$container-height: 152px;
+/// md.comp.app-bar.large.icon.size
+///
+/// @deprecated Please use icon size token in the common app bar set
+$icon-size: 24px;
+/// md.comp.app-bar.large.subtitle.font
+///
+/// @deprecated No subtitle support on the legacy app bar. Please use the new, flexible variant instead.
+@mixin subtitle-font {
+  @include md-sys-typescale.title-medium;
+}
+/// md.comp.app-bar.large.title.font
+@mixin title-font {
+  @include md-sys-typescale.headline-medium;
+}

tokens/versions/v30_0/sass/_md-comp-app-bar-medium-flexible.scss

@@ -0,0 +1,31 @@
+//
+// Copyright 2026 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+// AUTOGENERATED. DO NOT MODIFY.
+// To modify this file, update the source template,
+// or run the compiler: go/carbon-service-code-gen-mwtc.
+// Source template: sassvars/contextualtokenset.scss.tmpl
+
+// Design system: Google Material 3
+// Version: 30.0.14
+// Configured context tags:
+//   audience: 3p
+//   font: static
+//   platform: web
+// Output format: sass_vars
+
+@use 'md-sys-typescale';
+
+/// md.comp.app-bar.medium-flexible.container.height
+$container-height: 112px;
+/// md.comp.app-bar.medium-flexible.with-subtitle.container.height
+$with-subtitle-container-height: 136px;
+/// md.comp.app-bar.medium-flexible.subtitle.font
+@mixin subtitle-font {
+  @include md-sys-typescale.label-large;
+}
+/// md.comp.app-bar.medium-flexible.title.font
+@mixin title-font {
+  @include md-sys-typescale.headline-medium;
+}

tokens/versions/v30_0/sass/_md-comp-app-bar-medium.scss

@@ -0,0 +1,35 @@
+//
+// Copyright 2026 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+// AUTOGENERATED. DO NOT MODIFY.
+// To modify this file, update the source template,
+// or run the compiler: go/carbon-service-code-gen-mwtc.
+// Source template: sassvars/contextualtokenset.scss.tmpl
+
+// Design system: Google Material 3
+// Version: 30.0.14
+// Configured context tags:
+//   audience: 3p
+//   font: static
+//   platform: web
+// Output format: sass_vars
+
+@use 'md-sys-typescale';
+
+/// md.comp.app-bar.medium.container.height
+$container-height: 112px;
+/// md.comp.app-bar.medium.icon.size
+///
+/// @deprecated Please use icon size token in the common app bar set
+$icon-size: 24px;
+/// md.comp.app-bar.medium.subtitle.font
+///
+/// @deprecated No subtitle support on the legacy app bar. Please use the new, flexible variant instead.
+@mixin subtitle-font {
+  @include md-sys-typescale.label-large;
+}
+/// md.comp.app-bar.medium.title.font
+@mixin title-font {
+  @include md-sys-typescale.headline-small;
+}