@material/web 2.4.1 → 2.4.2-nightly.067f9cd.0

package/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--*;

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

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

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

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

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

@@ -0,0 +1,42 @@
+//
+// 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-shape';
+@use 'md-sys-typescale';
+
+/// md.comp.app-bar.small.container.height
+$container-height: 64px;
+/// md.comp.app-bar.small.icon.size
+///
+/// @deprecated Please use icon size token in the common app bar set
+$icon-size: 24px;
+/// md.comp.app-bar.small.search.container.height
+$search-container-height: 56px;
+/// md.comp.app-bar.small.search.container.shape
+$search-container-shape: md-sys-shape.$corner-full;
+/// md.comp.app-bar.small.search.label-text.font
+@mixin search-label-text-font {
+  @include md-sys-typescale.body-large;
+}
+/// md.comp.app-bar.small.subtitle.font
+@mixin subtitle-font {
+  @include md-sys-typescale.label-medium;
+}
+/// md.comp.app-bar.small.title.font
+@mixin title-font {
+  @include md-sys-typescale.title-large;
+}

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

@@ -0,0 +1,59 @@
+//
+// 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-color';
+@use 'md-sys-elevation';
+@use 'md-sys-shape';
+
+/// md.comp.app-bar.avatar.size (Size)
+$avatar-size: 32px;
+/// md.comp.app-bar.icon-button-space (Spacing)
+$icon-button-space: 0px;
+/// md.comp.app-bar.icon.size (Size)
+$icon-size: 24px;
+/// md.comp.app-bar.leading-space (Spacing)
+$leading-space: 4px;
+/// md.comp.app-bar.search.leading-space (Spacing)
+$search-leading-space: 8px;
+/// md.comp.app-bar.search.trailing-space (Spacing)
+$search-trailing-space: 8px;
+/// md.comp.app-bar.trailing-space (Spacing)
+$trailing-space: 4px;
+/// md.comp.app-bar.container.color (Color)
+$container-color: md-sys-color.$surface;
+/// md.comp.app-bar.container.elevation (Color)
+$container-elevation: md-sys-elevation.$level0;
+/// md.comp.app-bar.container.shape (Shape)
+$container-shape: md-sys-shape.$corner-none;
+/// md.comp.app-bar.leading-icon.color (Color)
+$leading-icon-color: md-sys-color.$on-surface;
+/// md.comp.app-bar.on-scroll.container.color (Color)
+$on-scroll-container-color: md-sys-color.$surface-container;
+/// md.comp.app-bar.on-scroll.container.elevation (Color)
+$on-scroll-container-elevation: md-sys-elevation.$level2;
+/// md.comp.app-bar.search.container.color (Color)
+$search-container-color: md-sys-color.$surface-container;
+/// md.comp.app-bar.search.label.color (Color)
+$search-label-color: md-sys-color.$on-surface-variant;
+/// md.comp.app-bar.search.on-scroll.container.color (Color)
+$search-on-scroll-container-color: md-sys-color.$surface-container-highest;
+/// md.comp.app-bar.subtitle.color (Color)
+$subtitle-color: md-sys-color.$on-surface-variant;
+/// md.comp.app-bar.title.color (Color)
+$title-color: md-sys-color.$on-surface;
+/// md.comp.app-bar.trailing-icon.color (Color)
+$trailing-icon-color: md-sys-color.$on-surface-variant;

package/tokens/versions/v30_0/sass/_md-comp-assist-chip.scss

@@ -0,0 +1,134 @@
+//
+// 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-color';
+@use 'md-sys-elevation';
+@use 'md-sys-shape';
+@use 'md-sys-state';
+@use 'md-sys-state-focus-indicator';
+@use 'md-sys-typescale';
+
+/// md.comp.assist-chip.container.height (Enabled / Container)
+$container-height: 32px;
+/// md.comp.assist-chip.disabled.label-text.opacity (Disabled / Label text)
+$disabled-label-text-opacity: 0.38;
+/// md.comp.assist-chip.elevated.disabled.container.opacity (Disabled / Container)
+$elevated-disabled-container-opacity: 0.12;
+/// md.comp.assist-chip.flat.disabled.outline.opacity (Disabled / Container)
+$flat-disabled-outline-opacity: 0.12;
+/// md.comp.assist-chip.flat.outline.width (Enabled / Container)
+$flat-outline-width: 1px;
+/// md.comp.assist-chip.with-icon.disabled.icon.opacity (Disabled / Icon)
+$with-icon-disabled-icon-opacity: 0.38;
+/// md.comp.assist-chip.with-icon.icon.size (Enabled / Icon)
+$with-icon-icon-size: 18px;
+/// md.comp.assist-chip.container.shape (Enabled / Container)
+$container-shape: md-sys-shape.$corner-small;
+/// md.comp.assist-chip.container.surface-tint-layer.color (Enabled / Container)
+///
+/// @deprecated Deprecated as part of the update from opacity based surfaces to tonal surfaces. Surfaces no longer use surface-tint layers for tinting, please use the desired surface role directly as the container color.
+$container-surface-tint-layer-color: md-sys-color.$surface-tint;
+/// md.comp.assist-chip.disabled.label-text.color (Disabled / Label text)
+$disabled-label-text-color: md-sys-color.$on-surface;
+/// md.comp.assist-chip.dragged.container.elevation (Dragged / Container)
+$dragged-container-elevation: md-sys-elevation.$level4;
+/// md.comp.assist-chip.dragged.label-text.color (Dragged / Label text)
+$dragged-label-text-color: md-sys-color.$on-surface;
+/// md.comp.assist-chip.dragged.state-layer.color (Dragged / State layer)
+$dragged-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.assist-chip.dragged.state-layer.opacity (Dragged / State layer)
+$dragged-state-layer-opacity: md-sys-state.$dragged-state-layer-opacity;
+/// md.comp.assist-chip.elevated.container.color (Enabled / Container)
+$elevated-container-color: md-sys-color.$surface-container-low;
+/// md.comp.assist-chip.elevated.container.elevation (Enabled / Container)
+$elevated-container-elevation: md-sys-elevation.$level1;
+/// md.comp.assist-chip.elevated.container.shadow-color (Enabled / Container)
+$elevated-container-shadow-color: md-sys-color.$shadow;
+/// md.comp.assist-chip.elevated.disabled.container.color (Disabled / Container)
+$elevated-disabled-container-color: md-sys-color.$on-surface;
+/// md.comp.assist-chip.elevated.disabled.container.elevation (Disabled / Container)
+$elevated-disabled-container-elevation: md-sys-elevation.$level0;
+/// md.comp.assist-chip.elevated.focus.container.elevation (Focused / Container)
+$elevated-focus-container-elevation: md-sys-elevation.$level1;
+/// md.comp.assist-chip.elevated.hover.container.elevation (Hovered / Container)
+$elevated-hover-container-elevation: md-sys-elevation.$level2;
+/// md.comp.assist-chip.elevated.pressed.container.elevation (Pressed (ripple) / Container)
+$elevated-pressed-container-elevation: md-sys-elevation.$level1;
+/// md.comp.assist-chip.flat.container.elevation (Enabled / Container)
+$flat-container-elevation: md-sys-elevation.$level0;
+/// md.comp.assist-chip.flat.disabled.outline.color (Disabled / Container)
+$flat-disabled-outline-color: md-sys-color.$on-surface;
+/// md.comp.assist-chip.flat.focus.outline.color (Focused / Container)
+$flat-focus-outline-color: md-sys-color.$on-surface;
+/// md.comp.assist-chip.flat.outline.color (Enabled / Container)
+$flat-outline-color: md-sys-color.$outline-variant;
+/// md.comp.assist-chip.focus.indicator.color (Focused / Focus indicator)
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.assist-chip.focus.indicator.outline.offset (Focused / Focus indicator)
+$focus-indicator-outline-offset: md-sys-state-focus-indicator.$outer-offset;
+/// md.comp.assist-chip.focus.indicator.thickness (Focused / Focus indicator)
+$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.comp.assist-chip.focus.label-text.color (Focused / Label text)
+$focus-label-text-color: md-sys-color.$on-surface;
+/// md.comp.assist-chip.focus.state-layer.color (Focused / State layer)
+$focus-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.assist-chip.focus.state-layer.opacity (Focused / State layer)
+$focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.assist-chip.hover.label-text.color (Hovered / Label text)
+$hover-label-text-color: md-sys-color.$on-surface;
+/// md.comp.assist-chip.hover.state-layer.color (Hovered / State layer)
+$hover-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.assist-chip.hover.state-layer.opacity (Hovered / State layer)
+$hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.assist-chip.label-text.color (Enabled / Label text)
+$label-text-color: md-sys-color.$on-surface;
+/// md.comp.assist-chip.label-text.font (Enabled / Label text)
+$label-text-font: md-sys-typescale.$label-large-font;
+/// md.comp.assist-chip.label-text.line-height (Enabled / Label text)
+$label-text-line-height: md-sys-typescale.$label-large-line-height;
+/// md.comp.assist-chip.label-text.size (Enabled / Label text)
+$label-text-size: md-sys-typescale.$label-large-size;
+/// md.comp.assist-chip.label-text.tracking (Enabled / Label text)
+$label-text-tracking: md-sys-typescale.$label-large-tracking;
+/// md.comp.assist-chip.label-text.weight (Enabled / Label text)
+$label-text-weight: md-sys-typescale.$label-large-weight;
+/// md.comp.assist-chip.pressed.label-text.color (Pressed (ripple) / Label text)
+$pressed-label-text-color: md-sys-color.$on-surface;
+/// md.comp.assist-chip.pressed.state-layer.color (Pressed (ripple) / State layer)
+$pressed-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.assist-chip.pressed.state-layer.opacity (Pressed (ripple) / State layer)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.assist-chip.with-icon.disabled.icon.color (Disabled / Icon)
+$with-icon-disabled-icon-color: md-sys-color.$on-surface;
+/// md.comp.assist-chip.with-icon.dragged.icon.color (Dragged / Icon)
+$with-icon-dragged-icon-color: md-sys-color.$primary;
+/// md.comp.assist-chip.with-icon.focus.icon.color (Focused / Icon)
+$with-icon-focus-icon-color: md-sys-color.$primary;
+/// md.comp.assist-chip.with-icon.hover.icon.color (Hovered / Icon)
+$with-icon-hover-icon-color: md-sys-color.$primary;
+/// md.comp.assist-chip.with-icon.icon.color (Enabled / Icon)
+$with-icon-icon-color: md-sys-color.$primary;
+/// md.comp.assist-chip.with-icon.pressed.icon.color (Pressed (ripple) / Icon)
+$with-icon-pressed-icon-color: md-sys-color.$primary;
+/// md.comp.assist-chip.label-text.type (Enabled / Label text)
+@mixin label-text-type {
+  font-family: $label-text-font;
+  font-size: $label-text-size;
+  font-weight: $label-text-weight;
+  letter-spacing: $label-text-tracking;
+  line-height: $label-text-line-height;
+}

package/tokens/versions/v30_0/sass/_md-comp-badge.scss

@@ -0,0 +1,53 @@
+//
+// 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-color';
+@use 'md-sys-shape';
+@use 'md-sys-typescale';
+
+/// md.comp.badge.large.size (Enabled / Container)
+$large-size: 16px;
+/// md.comp.badge.size (Enabled / Container)
+$size: 6px;
+/// md.comp.badge.color (Enabled / Container)
+$color: md-sys-color.$error;
+/// md.comp.badge.large.color (Enabled / Container)
+$large-color: md-sys-color.$error;
+/// md.comp.badge.large.label-text.color (Enabled / Label text)
+$large-label-text-color: md-sys-color.$on-error;
+/// md.comp.badge.large.label-text.font (Enabled / Label text)
+$large-label-text-font: md-sys-typescale.$label-small-font;
+/// md.comp.badge.large.label-text.line-height (Enabled / Label text)
+$large-label-text-line-height: md-sys-typescale.$label-small-line-height;
+/// md.comp.badge.large.label-text.size (Enabled / Label text)
+$large-label-text-size: md-sys-typescale.$label-small-size;
+/// md.comp.badge.large.label-text.tracking (Enabled / Label text)
+$large-label-text-tracking: md-sys-typescale.$label-small-tracking;
+/// md.comp.badge.large.label-text.weight (Enabled / Label text)
+$large-label-text-weight: md-sys-typescale.$label-small-weight;
+/// md.comp.badge.large.shape (Enabled / Container)
+$large-shape: md-sys-shape.$corner-full;
+/// md.comp.badge.shape (Enabled / Container)
+$shape: md-sys-shape.$corner-full;
+/// md.comp.badge.large.label-text.type (Enabled / Label text)
+@mixin large-label-text-type {
+  font-family: $large-label-text-font;
+  font-size: $large-label-text-size;
+  font-weight: $large-label-text-weight;
+  letter-spacing: $large-label-text-tracking;
+  line-height: $large-label-text-line-height;
+}