diff --git a/tokens/versions/v30_0/sass/_index.scss b/tokens/versions/v30_0/sass/_index.scss
new file mode 100644
index 0000000000..df7d574d67
--- /dev/null
+++ b/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--*;
diff --git a/tokens/versions/v30_0/sass/_md-comp-app-bar-large-flexible.scss b/tokens/versions/v30_0/sass/_md-comp-app-bar-large-flexible.scss
new file mode 100644
index 0000000000..eb83bb4493
--- /dev/null
+++ b/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;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-app-bar-large.scss b/tokens/versions/v30_0/sass/_md-comp-app-bar-large.scss
new file mode 100644
index 0000000000..717130556d
--- /dev/null
+++ b/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;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-app-bar-medium-flexible.scss b/tokens/versions/v30_0/sass/_md-comp-app-bar-medium-flexible.scss
new file mode 100644
index 0000000000..3c264e2013
--- /dev/null
+++ b/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;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-app-bar-medium.scss b/tokens/versions/v30_0/sass/_md-comp-app-bar-medium.scss
new file mode 100644
index 0000000000..dbb464651c
--- /dev/null
+++ b/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;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-app-bar-small.scss b/tokens/versions/v30_0/sass/_md-comp-app-bar-small.scss
new file mode 100644
index 0000000000..8cac5c3bc8
--- /dev/null
+++ b/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;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-app-bar.scss b/tokens/versions/v30_0/sass/_md-comp-app-bar.scss
new file mode 100644
index 0000000000..82a93fb69b
--- /dev/null
+++ b/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;
diff --git a/tokens/versions/v30_0/sass/_md-comp-assist-chip.scss b/tokens/versions/v30_0/sass/_md-comp-assist-chip.scss
new file mode 100644
index 0000000000..5e66a30be9
--- /dev/null
+++ b/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;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-badge.scss b/tokens/versions/v30_0/sass/_md-comp-badge.scss
new file mode 100644
index 0000000000..38eb26be99
--- /dev/null
+++ b/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;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-banner.scss b/tokens/versions/v30_0/sass/_md-comp-banner.scss
new file mode 100644
index 0000000000..f8eca30c16
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-banner.scss
@@ -0,0 +1,147 @@
+//
+// 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-typescale';
+
+/// md.comp.banner.desktop.with-single-line.container.height (Enabled / Container)
+$desktop-with-single-line-container-height: 52px;
+/// md.comp.banner.desktop.with-three-lines.container.height (Enabled / Container)
+$desktop-with-three-lines-container-height: 90px;
+/// md.comp.banner.desktop.with-two-lines.with-image.container.height (Enabled / Container)
+$desktop-with-two-lines-with-image-container-height: 72px;
+/// md.comp.banner.divider.height (Enabled / Divider)
+///
+/// @deprecated Use standalone components tokens instead of embedded divider and button components.
+$divider-height: 1px;
+/// md.comp.banner.mobile.with-single-line.container.height (Enabled / Container)
+$mobile-with-single-line-container-height: 54px;
+/// md.comp.banner.mobile.with-two-lines.container.height (Enabled / Container)
+$mobile-with-two-lines-container-height: 112px;
+/// md.comp.banner.mobile.with-two-lines.with-image.container.height (Enabled / Container)
+$mobile-with-two-lines-with-image-container-height: 120px;
+/// md.comp.banner.with-image.image.size (Enabled / Supporting text)
+$with-image-image-size: 40px;
+/// md.comp.banner.action.focus.label-text.color (Focused / Label text)
+///
+/// @deprecated Use standalone components tokens instead of embedded divider and button components.
+$action-focus-label-text-color: md-sys-color.$primary;
+/// md.comp.banner.action.focus.state-layer.color (Focused / State layer)
+///
+/// @deprecated Use standalone components tokens instead of embedded divider and button components.
+$action-focus-state-layer-color: md-sys-color.$primary;
+/// md.comp.banner.action.focus.state-layer.opacity (Focused / State layer)
+///
+/// @deprecated Use standalone components tokens instead of embedded divider and button components.
+$action-focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.banner.action.hover.label-text.color (Hovered / Label text)
+///
+/// @deprecated Use standalone components tokens instead of embedded divider and button components.
+$action-hover-label-text-color: md-sys-color.$primary;
+/// md.comp.banner.action.hover.state-layer.color (Hovered / State layer)
+///
+/// @deprecated Use standalone components tokens instead of embedded divider and button components.
+$action-hover-state-layer-color: md-sys-color.$primary;
+/// md.comp.banner.action.hover.state-layer.opacity (Hovered / State layer)
+///
+/// @deprecated Use standalone components tokens instead of embedded divider and button components.
+$action-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.banner.action.label-text.color (Enabled / Label text)
+///
+/// @deprecated Use standalone components tokens instead of embedded divider and button components.
+$action-label-text-color: md-sys-color.$primary;
+/// md.comp.banner.action.label-text.font (Enabled / Label text)
+///
+/// @deprecated Use standalone components tokens instead of embedded divider and button components.
+$action-label-text-font: md-sys-typescale.$label-large-font;
+/// md.comp.banner.action.label-text.line-height (Enabled / Label text)
+///
+/// @deprecated Use standalone components tokens instead of embedded divider and button components.
+$action-label-text-line-height: md-sys-typescale.$label-large-line-height;
+/// md.comp.banner.action.label-text.size (Enabled / Label text)
+///
+/// @deprecated Use standalone components tokens instead of embedded divider and button components.
+$action-label-text-size: md-sys-typescale.$label-large-size;
+/// md.comp.banner.action.label-text.tracking (Enabled / Label text)
+///
+/// @deprecated Use standalone components tokens instead of embedded divider and button components.
+$action-label-text-tracking: md-sys-typescale.$label-large-tracking;
+/// md.comp.banner.action.label-text.weight (Enabled / Label text)
+///
+/// @deprecated Use standalone components tokens instead of embedded divider and button components.
+$action-label-text-weight: md-sys-typescale.$label-large-weight;
+/// md.comp.banner.action.pressed.label-text.color (Pressed (ripple) / Label text)
+///
+/// @deprecated Use standalone components tokens instead of embedded divider and button components.
+$action-pressed-label-text-color: md-sys-color.$primary;
+/// md.comp.banner.action.pressed.state-layer.color (Pressed (ripple) / State layer)
+///
+/// @deprecated Use standalone components tokens instead of embedded divider and button components.
+$action-pressed-state-layer-color: md-sys-color.$primary;
+/// md.comp.banner.action.pressed.state-layer.opacity (Pressed (ripple) / State layer)
+///
+/// @deprecated Use standalone components tokens instead of embedded divider and button components.
+$action-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.banner.container.color (Enabled / Container)
+$container-color: md-sys-color.$surface-container-low;
+/// md.comp.banner.container.elevation (Enabled / Container)
+$container-elevation: md-sys-elevation.$level1;
+/// md.comp.banner.container.shape (Enabled / Container)
+$container-shape: md-sys-shape.$corner-none;
+/// md.comp.banner.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.banner.divider.color (Enabled / Divider)
+///
+/// @deprecated Use standalone components tokens instead of embedded divider and button components.
+$divider-color: md-sys-color.$surface-variant;
+/// md.comp.banner.supporting-text.color (Enabled / Supporting text)
+$supporting-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.banner.supporting-text.font (Enabled / Supporting text)
+$supporting-text-font: md-sys-typescale.$body-medium-font;
+/// md.comp.banner.supporting-text.line-height (Enabled / Supporting text)
+$supporting-text-line-height: md-sys-typescale.$body-medium-line-height;
+/// md.comp.banner.supporting-text.size (Enabled / Supporting text)
+$supporting-text-size: md-sys-typescale.$body-medium-size;
+/// md.comp.banner.supporting-text.tracking (Enabled / Supporting text)
+$supporting-text-tracking: md-sys-typescale.$body-medium-tracking;
+/// md.comp.banner.supporting-text.weight (Enabled / Supporting text)
+$supporting-text-weight: md-sys-typescale.$body-medium-weight;
+/// md.comp.banner.with-image.image.shape (Enabled / Supporting text)
+$with-image-image-shape: md-sys-shape.$corner-full;
+/// md.comp.banner.action.label-text.type (Enabled / Label text)
+///
+/// @deprecated Use standalone components tokens instead of embedded button components.
+@mixin action-label-text-type {
+  font-family: $action-label-text-font;
+  font-size: $action-label-text-size;
+  font-weight: $action-label-text-weight;
+  letter-spacing: $action-label-text-tracking;
+  line-height: $action-label-text-line-height;
+}
+/// md.comp.banner.supporting-text.type (Enabled / Supporting text)
+@mixin supporting-text-type {
+  font-family: $supporting-text-font;
+  font-size: $supporting-text-size;
+  font-weight: $supporting-text-weight;
+  letter-spacing: $supporting-text-tracking;
+  line-height: $supporting-text-line-height;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-banners-basic.scss b/tokens/versions/v30_0/sass/_md-comp-banners-basic.scss
new file mode 100644
index 0000000000..5f09fbac84
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-banners-basic.scss
@@ -0,0 +1,86 @@
+//
+// 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.banners.basic.actions-close-button-space (Body text)
+$actions-close-button-space: 8px;
+/// md.comp.banners.basic.actions.between-space (Button actions)
+$actions-between-space: 8px;
+/// md.comp.banners.basic.actions.bottom-space (Button actions)
+$actions-bottom-space: 0px;
+/// md.comp.banners.basic.actions.leading-space (Button actions)
+$actions-leading-space: 8px;
+/// md.comp.banners.basic.actions.top-space (Button actions)
+$actions-top-space: 0px;
+/// md.comp.banners.basic.actions.trailing-space (Button actions)
+$actions-trailing-space: 8px;
+/// md.comp.banners.basic.body-text.bottom-space (Body text)
+$body-text-bottom-space: 14px;
+/// md.comp.banners.basic.body-text.leading-space (Body text)
+$body-text-leading-space: 0px;
+/// md.comp.banners.basic.body-text.top-space (Body text)
+$body-text-top-space: 14px;
+/// md.comp.banners.basic.body-text.trailing-space (Body text)
+$body-text-trailing-space: 48px;
+/// md.comp.banners.basic.bottom-space (Container)
+$bottom-space: 4px;
+/// md.comp.banners.basic.centered.body-text.trailing-space (Body text)
+$centered-body-text-trailing-space: 0px;
+/// md.comp.banners.basic.height (Container)
+$height: 56px;
+/// md.comp.banners.basic.icon.container.size (Leading icon)
+$icon-container-size: 48px;
+/// md.comp.banners.basic.icon.size (Leading icon)
+$icon-size: 24px;
+/// md.comp.banners.basic.leading-space (Container)
+$leading-space: 4px;
+/// md.comp.banners.basic.mobile.actions-close-button-space (Body text)
+$mobile-actions-close-button-space: 4px;
+/// md.comp.banners.basic.mobile.actions.trailing-space (Button actions)
+$mobile-actions-trailing-space: 4px;
+/// md.comp.banners.basic.mobile.height (Container)
+$mobile-height: 112px;
+/// md.comp.banners.basic.mobile.top-space (Container)
+$mobile-top-space: 8px;
+/// md.comp.banners.basic.round.no-icon.body-text.leading-space (Body text)
+$round-no-icon-body-text-leading-space: 16px;
+/// md.comp.banners.basic.square.no-icon.body-text.leading-space (Body text)
+$square-no-icon-body-text-leading-space: 12px;
+/// md.comp.banners.basic.top-space (Container)
+$top-space: 4px;
+/// md.comp.banners.basic.trailing-space (Container)
+$trailing-space: 4px;
+/// md.comp.banners.basic.two-lines.body-text.bottom-space (Body text)
+$two-lines-body-text-bottom-space: 8px;
+/// md.comp.banners.basic.two-lines.body-text.top-space (Body text)
+$two-lines-body-text-top-space: 8px;
+/// md.comp.banners.basic.two-lines.container-buttons-bottom-space (Button actions)
+$two-lines-container-buttons-bottom-space: 4px;
+/// md.comp.banners.basic.two-lines.container-buttons-top-space (Button actions)
+$two-lines-container-buttons-top-space: 4px;
+/// md.comp.banners.basic.two-lines.height (Container)
+$two-lines-height: 64px;
+/// md.comp.banners.basic.shape.round (Container)
+$shape-round: md-sys-shape.$corner-extra-large;
+/// md.comp.banners.basic.shape.square (Container)
+$shape-square: md-sys-shape.$corner-none;
+/// md.comp.banners.basic.body-text.type (Body text)
+@mixin body-text-type {
+  @include md-sys-typescale.body-medium;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-banners-rich.scss b/tokens/versions/v30_0/sass/_md-comp-banners-rich.scss
new file mode 100644
index 0000000000..b26279efa1
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-banners-rich.scss
@@ -0,0 +1,89 @@
+//
+// 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';
+@use 'md-sys-typescale-emphasized';
+
+/// md.comp.banners.rich.actions.between-space (Button action)
+$actions-between-space: 8px;
+/// md.comp.banners.rich.actions.bottom-space (Button action)
+$actions-bottom-space: 12px;
+/// md.comp.banners.rich.actions.leading-space (Button action)
+$actions-leading-space: 12px;
+/// md.comp.banners.rich.actions.top-space (Button action)
+$actions-top-space: 12px;
+/// md.comp.banners.rich.actions.trailing-space (Button action)
+$actions-trailing-space: 12px;
+/// md.comp.banners.rich.body-text.bottom-space (Body text)
+$body-text-bottom-space: 0px;
+/// md.comp.banners.rich.body-text.leading-space (Body text)
+$body-text-leading-space: 0px;
+/// md.comp.banners.rich.body-text.text-actions-space (Body text)
+$body-text-text-actions-space: 8px;
+/// md.comp.banners.rich.body-text.top-space (Body text)
+$body-text-top-space: 0px;
+/// md.comp.banners.rich.body-text.trailing-space (Body text)
+$body-text-trailing-space: 48px;
+/// md.comp.banners.rich.bottom-space (Container)
+$bottom-space: 12px;
+/// md.comp.banners.rich.icon-text-space (Leading element)
+$icon-text-space: 4px;
+/// md.comp.banners.rich.icon.size (Leading element)
+$icon-size: 24px;
+/// md.comp.banners.rich.image-text-space (Leading element)
+$image-text-space: 8px;
+/// md.comp.banners.rich.image.size (Leading element)
+$image-size: 80px;
+/// md.comp.banners.rich.leading-element.bottom-space (Leading element)
+$leading-element-bottom-space: 12px;
+/// md.comp.banners.rich.leading-element.leading-space (Leading element)
+$leading-element-leading-space: 4px;
+/// md.comp.banners.rich.leading-element.top-space (Leading element)
+$leading-element-top-space: 12px;
+/// md.comp.banners.rich.leading-element.trailing-space (Leading element)
+$leading-element-trailing-space: 4px;
+/// md.comp.banners.rich.leading-space (Container)
+$leading-space: 12px;
+/// md.comp.banners.rich.title-text.bottom-space (Title text)
+$title-text-bottom-space: 14px;
+/// md.comp.banners.rich.title-text.height (Title text)
+$title-text-height: 48px;
+/// md.comp.banners.rich.title-text.leading-space (Title text)
+$title-text-leading-space: 0px;
+/// md.comp.banners.rich.title-text.top-space (Title text)
+$title-text-top-space: 14px;
+/// md.comp.banners.rich.title-text.trailing-space (Title text)
+$title-text-trailing-space: 0px;
+/// md.comp.banners.rich.top-space (Container)
+$top-space: 12px;
+/// md.comp.banners.rich.trailing-space (Container)
+$trailing-space: 12px;
+/// md.comp.banners.rich.with-image-leading-space (Container)
+$with-image-leading-space: 20px;
+/// md.comp.banners.rich.image.shape (Leading element)
+$image-shape: md-sys-shape.$corner-none;
+/// md.comp.banners.rich.shape (Container)
+$shape: md-sys-shape.$corner-extra-large;
+/// md.comp.banners.rich.body-text.type (Body text)
+@mixin body-text-type {
+  @include md-sys-typescale.body-medium;
+}
+/// md.comp.banners.rich.title-text.type (Title text)
+@mixin title-text-type {
+  @include md-sys-typescale-emphasized.body-medium;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-banners.scss b/tokens/versions/v30_0/sass/_md-comp-banners.scss
new file mode 100644
index 0000000000..b45475bd1f
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-banners.scss
@@ -0,0 +1,43 @@
+//
+// 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';
+
+/// md.comp.banners.banners.close-button.pressed.state-layer.color (Close button color)
+$banners-close-button-pressed-state-layer-color: md-sys-color.$primary;
+/// md.comp.banners.close-button.color (Close button color)
+$close-button-color: md-sys-color.$primary;
+/// md.comp.banners.close-button.focused.state-layer.color (Close button color)
+$close-button-focused-state-layer-color: md-sys-color.$primary;
+/// md.comp.banners.close-button.hovered.state-layer.color (Close button color)
+$close-button-hovered-state-layer-color: md-sys-color.$primary;
+/// md.comp.banners.standard.body-text.color (Color - Standard)
+$standard-body-text-color: md-sys-color.$on-surface;
+/// md.comp.banners.standard.color (Color - Standard)
+$standard-color: md-sys-color.$surface-container;
+/// md.comp.banners.standard.icon.color (Color - Standard)
+$standard-icon-color: md-sys-color.$on-surface;
+/// md.comp.banners.standard.title-text.color (Color - Standard)
+$standard-title-text-color: md-sys-color.$on-surface;
+/// md.comp.banners.vibrant.body-text.color (Color -Vibrant)
+$vibrant-body-text-color: md-sys-color.$on-primary-container;
+/// md.comp.banners.vibrant.color (Color -Vibrant)
+$vibrant-color: md-sys-color.$primary-container;
+/// md.comp.banners.vibrant.icon.color (Color -Vibrant)
+$vibrant-icon-color: md-sys-color.$on-primary-container;
+/// md.comp.banners.vibrant.title-text.color (Color -Vibrant)
+$vibrant-title-text-color: md-sys-color.$on-primary-container;
diff --git a/tokens/versions/v30_0/sass/_md-comp-bottom-app-bar.scss b/tokens/versions/v30_0/sass/_md-comp-bottom-app-bar.scss
new file mode 100644
index 0000000000..f91a869e65
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-bottom-app-bar.scss
@@ -0,0 +1,37 @@
+//
+// 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.bottom-app-bar.container.height (Enabled / Container)
+$container-height: 80px;
+/// md.comp.bottom-app-bar.with-fab.container.height (Enabled / Container)
+///
+/// @deprecated Bottom app bar design updated to use a single height for all configurations, with vertically centered content. Please use md.comp.bottom-app-bar.container.height instead
+$with-fab-container-height: 72px;
+/// md.comp.bottom-app-bar.container.color (Enabled / Container)
+$container-color: md-sys-color.$surface-container;
+/// md.comp.bottom-app-bar.container.elevation (Enabled / Container)
+$container-elevation: md-sys-elevation.$level2;
+/// md.comp.bottom-app-bar.container.shape (Enabled / Container)
+$container-shape: md-sys-shape.$corner-none;
+/// md.comp.bottom-app-bar.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;
diff --git a/tokens/versions/v30_0/sass/_md-comp-button-elevated.scss b/tokens/versions/v30_0/sass/_md-comp-button-elevated.scss
new file mode 100644
index 0000000000..37430c4dd1
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-button-elevated.scss
@@ -0,0 +1,125 @@
+//
+// 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-state';
+
+/// md.comp.button.elevated.disabled.container.opacity (Disabled)
+$disabled-container-opacity: 0.1;
+/// md.comp.button.elevated.disabled.icon.opacity (Disabled)
+$disabled-icon-opacity: 0.38;
+/// md.comp.button.elevated.disabled.label-text.opacity (Disabled)
+$disabled-label-text-opacity: 0.38;
+/// md.comp.button.elevated.container.color (Enabled)
+$container-color: md-sys-color.$surface-container-low;
+/// md.comp.button.elevated.container.elevation (Enabled)
+$container-elevation: md-sys-elevation.$level1;
+/// md.comp.button.elevated.container.shadow-color (Enabled)
+$container-shadow-color: md-sys-color.$shadow;
+/// md.comp.button.elevated.disabled.container.color (Disabled)
+$disabled-container-color: md-sys-color.$on-surface;
+/// md.comp.button.elevated.disabled.container.elevation (Disabled)
+$disabled-container-elevation: md-sys-elevation.$level0;
+/// md.comp.button.elevated.disabled.icon.color (Disabled)
+$disabled-icon-color: md-sys-color.$on-surface;
+/// md.comp.button.elevated.disabled.label-text.color (Disabled)
+$disabled-label-text-color: md-sys-color.$on-surface;
+/// md.comp.button.elevated.focused.container.elevation (Focused)
+$focused-container-elevation: md-sys-elevation.$level1;
+/// md.comp.button.elevated.focused.icon.color (Focused)
+$focused-icon-color: md-sys-color.$primary;
+/// md.comp.button.elevated.focused.label-text.color (Focused)
+$focused-label-text-color: md-sys-color.$primary;
+/// md.comp.button.elevated.focused.state-layer.color (Focused)
+$focused-state-layer-color: md-sys-color.$primary;
+/// md.comp.button.elevated.focused.state-layer.opacity (Focused)
+$focused-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.button.elevated.hovered.container.elevation (Hovered)
+///
+/// @deprecated No longer part of the design spec
+$hovered-container-elevation: md-sys-elevation.$level2;
+/// md.comp.button.elevated.hovered.icon.color (Hovered)
+$hovered-icon-color: md-sys-color.$primary;
+/// md.comp.button.elevated.hovered.label-text.color (Hovered)
+$hovered-label-text-color: md-sys-color.$primary;
+/// md.comp.button.elevated.hovered.state-layer.color (Hovered)
+$hovered-state-layer-color: md-sys-color.$primary;
+/// md.comp.button.elevated.hovered.state-layer.opacity (Hovered)
+$hovered-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.button.elevated.icon.color (Enabled)
+$icon-color: md-sys-color.$primary;
+/// md.comp.button.elevated.label-text.color (Enabled)
+$label-text-color: md-sys-color.$primary;
+/// md.comp.button.elevated.pressed.container.elevation (Pressed)
+$pressed-container-elevation: md-sys-elevation.$level1;
+/// md.comp.button.elevated.pressed.icon.color (Pressed)
+$pressed-icon-color: md-sys-color.$primary;
+/// md.comp.button.elevated.pressed.label-text.color (Pressed)
+$pressed-label-text-color: md-sys-color.$primary;
+/// md.comp.button.elevated.pressed.state-layer.color (Pressed)
+$pressed-state-layer-color: md-sys-color.$primary;
+/// md.comp.button.elevated.pressed.state-layer.opacity (Pressed)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.button.elevated.selected.container.color (Enabled)
+$selected-container-color: md-sys-color.$primary;
+/// md.comp.button.elevated.selected.focused.icon.color (Focused)
+$selected-focused-icon-color: md-sys-color.$on-primary;
+/// md.comp.button.elevated.selected.focused.label-text.color (Focused)
+$selected-focused-label-text-color: md-sys-color.$on-primary;
+/// md.comp.button.elevated.selected.focused.state-layer.color (Focused)
+$selected-focused-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.button.elevated.selected.hovered.icon.color (Hovered)
+$selected-hovered-icon-color: md-sys-color.$on-primary;
+/// md.comp.button.elevated.selected.hovered.label-text.color (Hovered)
+$selected-hovered-label-text-color: md-sys-color.$on-primary;
+/// md.comp.button.elevated.selected.hovered.state-layer.color (Hovered)
+$selected-hovered-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.button.elevated.selected.icon.color (Enabled)
+$selected-icon-color: md-sys-color.$on-primary;
+/// md.comp.button.elevated.selected.label-text.color (Enabled)
+$selected-label-text-color: md-sys-color.$on-primary;
+/// md.comp.button.elevated.selected.pressed.icon.color (Pressed)
+$selected-pressed-icon-color: md-sys-color.$on-primary;
+/// md.comp.button.elevated.selected.pressed.label-text.color (Pressed)
+$selected-pressed-label-text-color: md-sys-color.$on-primary;
+/// md.comp.button.elevated.selected.pressed.state-layer.color (Pressed)
+$selected-pressed-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.button.elevated.unselected.container.color (Enabled)
+$unselected-container-color: md-sys-color.$surface-container-low;
+/// md.comp.button.elevated.unselected.focused.icon.color (Focused)
+$unselected-focused-icon-color: md-sys-color.$primary;
+/// md.comp.button.elevated.unselected.focused.label-text.color (Focused)
+$unselected-focused-label-text-color: md-sys-color.$primary;
+/// md.comp.button.elevated.unselected.focused.state-layer.color (Focused)
+$unselected-focused-state-layer-color: md-sys-color.$primary;
+/// md.comp.button.elevated.unselected.hovered.icon.color (Hovered)
+$unselected-hovered-icon-color: md-sys-color.$primary;
+/// md.comp.button.elevated.unselected.hovered.label-text.color (Hovered)
+$unselected-hovered-label-text-color: md-sys-color.$primary;
+/// md.comp.button.elevated.unselected.hovered.state-layer.color (Hovered)
+$unselected-hovered-state-layer-color: md-sys-color.$primary;
+/// md.comp.button.elevated.unselected.icon.color (Enabled)
+$unselected-icon-color: md-sys-color.$primary;
+/// md.comp.button.elevated.unselected.label-text.color (Enabled)
+$unselected-label-text-color: md-sys-color.$primary;
+/// md.comp.button.elevated.unselected.pressed.icon.color (Pressed)
+$unselected-pressed-icon-color: md-sys-color.$primary;
+/// md.comp.button.elevated.unselected.pressed.label-text.color (Pressed)
+$unselected-pressed-label-text-color: md-sys-color.$primary;
+/// md.comp.button.elevated.unselected.pressed.state-layer.color (Pressed)
+$unselected-pressed-state-layer-color: md-sys-color.$primary;
diff --git a/tokens/versions/v30_0/sass/_md-comp-button-filled.scss b/tokens/versions/v30_0/sass/_md-comp-button-filled.scss
new file mode 100644
index 0000000000..e711fb3220
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-button-filled.scss
@@ -0,0 +1,125 @@
+//
+// 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-state';
+
+/// md.comp.button.filled.disabled.container.opacity (Disabled)
+$disabled-container-opacity: 0.1;
+/// md.comp.button.filled.disabled.icon.opacity (Disabled)
+$disabled-icon-opacity: 0.38;
+/// md.comp.button.filled.disabled.label-text.opacity (Disabled)
+$disabled-label-text-opacity: 0.38;
+/// md.comp.button.filled.container.color (Enabled)
+$container-color: md-sys-color.$primary;
+/// md.comp.button.filled.container.elevation (Enabled)
+$container-elevation: md-sys-elevation.$level0;
+/// md.comp.button.filled.container.shadow-color (Enabled)
+$container-shadow-color: md-sys-color.$shadow;
+/// md.comp.button.filled.disabled.container.color (Disabled)
+$disabled-container-color: md-sys-color.$on-surface;
+/// md.comp.button.filled.disabled.container.elevation (Disabled)
+$disabled-container-elevation: md-sys-elevation.$level0;
+/// md.comp.button.filled.disabled.icon.color (Disabled)
+$disabled-icon-color: md-sys-color.$on-surface;
+/// md.comp.button.filled.disabled.label-text.color (Disabled)
+$disabled-label-text-color: md-sys-color.$on-surface;
+/// md.comp.button.filled.focused.container.elevation (Focused)
+$focused-container-elevation: md-sys-elevation.$level0;
+/// md.comp.button.filled.focused.icon.color (Focused)
+$focused-icon-color: md-sys-color.$on-primary;
+/// md.comp.button.filled.focused.label-text.color (Focused)
+$focused-label-text-color: md-sys-color.$on-primary;
+/// md.comp.button.filled.focused.state-layer.color (Focused)
+$focused-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.button.filled.focused.state-layer.opacity (Focused)
+$focused-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.button.filled.hovered.container.elevation (Hovered)
+///
+/// @deprecated No longer part of the design spec
+$hovered-container-elevation: md-sys-elevation.$level1;
+/// md.comp.button.filled.hovered.icon.color (Hovered)
+$hovered-icon-color: md-sys-color.$on-primary;
+/// md.comp.button.filled.hovered.label-text.color (Hovered)
+$hovered-label-text-color: md-sys-color.$on-primary;
+/// md.comp.button.filled.hovered.state-layer.color (Hovered)
+$hovered-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.button.filled.hovered.state-layer.opacity (Hovered)
+$hovered-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.button.filled.icon.color (Enabled)
+$icon-color: md-sys-color.$on-primary;
+/// md.comp.button.filled.label-text.color (Enabled)
+$label-text-color: md-sys-color.$on-primary;
+/// md.comp.button.filled.pressed.container.elevation (Pressed)
+$pressed-container-elevation: md-sys-elevation.$level0;
+/// md.comp.button.filled.pressed.icon.color (Pressed)
+$pressed-icon-color: md-sys-color.$on-primary;
+/// md.comp.button.filled.pressed.label-text.color (Pressed)
+$pressed-label-text-color: md-sys-color.$on-primary;
+/// md.comp.button.filled.pressed.state-layer.color (Pressed)
+$pressed-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.button.filled.pressed.state-layer.opacity (Pressed)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.button.filled.selected.container.color (Enabled)
+$selected-container-color: md-sys-color.$primary;
+/// md.comp.button.filled.selected.focused.icon.color (Focused)
+$selected-focused-icon-color: md-sys-color.$on-primary;
+/// md.comp.button.filled.selected.focused.label-text.color (Focused)
+$selected-focused-label-text-color: md-sys-color.$on-primary;
+/// md.comp.button.filled.selected.focused.state-layer.color (Focused)
+$selected-focused-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.button.filled.selected.hovered.icon.color (Hovered)
+$selected-hovered-icon-color: md-sys-color.$on-primary;
+/// md.comp.button.filled.selected.hovered.label-text.color (Hovered)
+$selected-hovered-label-text-color: md-sys-color.$on-primary;
+/// md.comp.button.filled.selected.hovered.state-layer.color (Hovered)
+$selected-hovered-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.button.filled.selected.icon.color (Enabled)
+$selected-icon-color: md-sys-color.$on-primary;
+/// md.comp.button.filled.selected.label-text.color (Enabled)
+$selected-label-text-color: md-sys-color.$on-primary;
+/// md.comp.button.filled.selected.pressed.icon.color (Pressed)
+$selected-pressed-icon-color: md-sys-color.$on-primary;
+/// md.comp.button.filled.selected.pressed.label-text.color (Pressed)
+$selected-pressed-label-text-color: md-sys-color.$on-primary;
+/// md.comp.button.filled.selected.pressed.state-layer.color (Pressed)
+$selected-pressed-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.button.filled.unselected.container.color (Enabled)
+$unselected-container-color: md-sys-color.$surface-container;
+/// md.comp.button.filled.unselected.focused.icon.color (Focused)
+$unselected-focused-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.button.filled.unselected.focused.label-text.color (Focused)
+$unselected-focused-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.button.filled.unselected.focused.state-layer.color (Focused)
+$unselected-focused-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.button.filled.unselected.hovered.icon.color (Hovered)
+$unselected-hovered-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.button.filled.unselected.hovered.label-text.color (Hovered)
+$unselected-hovered-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.button.filled.unselected.hovered.state-layer.color (Hovered)
+$unselected-hovered-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.button.filled.unselected.icon.color (Enabled)
+$unselected-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.button.filled.unselected.label-text.color (Enabled)
+$unselected-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.button.filled.unselected.pressed.icon.color (Pressed)
+$unselected-pressed-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.button.filled.unselected.pressed.label-text.color (Pressed)
+$unselected-pressed-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.button.filled.unselected.pressed.state-layer.color (Pressed)
+$unselected-pressed-state-layer-color: md-sys-color.$on-surface-variant;
diff --git a/tokens/versions/v30_0/sass/_md-comp-button-group-connected-large.scss b/tokens/versions/v30_0/sass/_md-comp-button-group-connected-large.scss
new file mode 100644
index 0000000000..5614c7ac9c
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-button-group-connected-large.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-shape';
+
+/// md.comp.button-group.connected.large.between-space
+$between-space: 2px;
+/// md.comp.button-group.connected.large.container.height
+$container-height: 96px;
+/// md.comp.button-group.connected.large.selected.inner-corner.corner-size
+$selected-inner-corner-corner-size: 50%;
+/// md.comp.button-group.connected.large.container.shape
+$container-shape: md-sys-shape.$corner-full;
+/// md.comp.button-group.connected.large.inner-corner.corner-size
+$inner-corner-corner-size: md-sys-shape.$corner-value-large;
+/// md.comp.button-group.connected.large.pressed.inner-corner.corner-size
+$pressed-inner-corner-corner-size: md-sys-shape.$corner-value-medium;
diff --git a/tokens/versions/v30_0/sass/_md-comp-button-group-connected-medium.scss b/tokens/versions/v30_0/sass/_md-comp-button-group-connected-medium.scss
new file mode 100644
index 0000000000..07a496efd1
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-button-group-connected-medium.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-shape';
+
+/// md.comp.button-group.connected.medium.between-space
+$between-space: 2px;
+/// md.comp.button-group.connected.medium.container.height
+$container-height: 56px;
+/// md.comp.button-group.connected.medium.selected.inner-corner.corner-size
+$selected-inner-corner-corner-size: 50%;
+/// md.comp.button-group.connected.medium.container.shape
+$container-shape: md-sys-shape.$corner-full;
+/// md.comp.button-group.connected.medium.inner-corner.corner-size
+$inner-corner-corner-size: md-sys-shape.$corner-value-small;
+/// md.comp.button-group.connected.medium.pressed.inner-corner.corner-size
+$pressed-inner-corner-corner-size: md-sys-shape.$corner-value-extra-small;
diff --git a/tokens/versions/v30_0/sass/_md-comp-button-group-connected-small.scss b/tokens/versions/v30_0/sass/_md-comp-button-group-connected-small.scss
new file mode 100644
index 0000000000..f8e19d6cdb
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-button-group-connected-small.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-shape';
+
+/// md.comp.button-group.connected.small.between-space
+$between-space: 2px;
+/// md.comp.button-group.connected.small.container.height
+$container-height: 40px;
+/// md.comp.button-group.connected.small.selected.inner-corner.corner-size
+$selected-inner-corner-corner-size: 50%;
+/// md.comp.button-group.connected.small.container.shape
+$container-shape: md-sys-shape.$corner-full;
+/// md.comp.button-group.connected.small.inner-corner.corner-size
+$inner-corner-corner-size: md-sys-shape.$corner-value-small;
+/// md.comp.button-group.connected.small.pressed.inner-corner.corner-size
+$pressed-inner-corner-corner-size: md-sys-shape.$corner-value-extra-small;
diff --git a/tokens/versions/v30_0/sass/_md-comp-button-group-connected-xlarge.scss b/tokens/versions/v30_0/sass/_md-comp-button-group-connected-xlarge.scss
new file mode 100644
index 0000000000..20946d00ae
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-button-group-connected-xlarge.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-shape';
+
+/// md.comp.button-group.connected.xlarge.between-space
+$between-space: 2px;
+/// md.comp.button-group.connected.xlarge.container.height
+$container-height: 136px;
+/// md.comp.button-group.connected.xlarge.selected.inner-corner.corner-size
+$selected-inner-corner-corner-size: 50%;
+/// md.comp.button-group.connected.xlarge.container.shape
+$container-shape: md-sys-shape.$corner-full;
+/// md.comp.button-group.connected.xlarge.inner-corner.corner-size
+$inner-corner-corner-size: md-sys-shape.$corner-value-large-increased;
+/// md.comp.button-group.connected.xlarge.pressed.inner-corner.corner-size
+$pressed-inner-corner-corner-size: md-sys-shape.$corner-value-large;
diff --git a/tokens/versions/v30_0/sass/_md-comp-button-group-connected-xsmall.scss b/tokens/versions/v30_0/sass/_md-comp-button-group-connected-xsmall.scss
new file mode 100644
index 0000000000..5188cbae2a
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-button-group-connected-xsmall.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-shape';
+
+/// md.comp.button-group.connected.xsmall.between-space
+$between-space: 2px;
+/// md.comp.button-group.connected.xsmall.container.height
+$container-height: 32px;
+/// md.comp.button-group.connected.xsmall.selected.inner-corner.corner-size
+$selected-inner-corner-corner-size: 50%;
+/// md.comp.button-group.connected.xsmall.container.shape
+$container-shape: md-sys-shape.$corner-full;
+/// md.comp.button-group.connected.xsmall.inner-corner.corner-size
+$inner-corner-corner-size: md-sys-shape.$corner-value-small;
+/// md.comp.button-group.connected.xsmall.pressed.inner-corner.corner-size
+$pressed-inner-corner-corner-size: md-sys-shape.$corner-value-extra-small;
diff --git a/tokens/versions/v30_0/sass/_md-comp-button-group-standard-large.scss b/tokens/versions/v30_0/sass/_md-comp-button-group-standard-large.scss
new file mode 100644
index 0000000000..79a7c15044
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-button-group-standard-large.scss
@@ -0,0 +1,29 @@
+//
+// 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-motion';
+
+/// md.comp.button-group.standard.large.between-space
+$between-space: 8px;
+/// md.comp.button-group.standard.large.container.height
+$container-height: 96px;
+/// md.comp.button-group.standard.large.pressed.item.width.multiplier (Pressed)
+$pressed-item-width-multiplier: 15%;
+/// md.comp.button-group.standard.large.pressed.item.width.motion.spring.dampening (Pressed)
+$pressed-item-width-motion-spring-dampening: md-sys-motion.$spring-fast-spatial-damping;
+/// md.comp.button-group.standard.large.pressed.item.width.motion.spring.stiffness (Pressed)
+$pressed-item-width-motion-spring-stiffness: md-sys-motion.$spring-fast-spatial-stiffness;
diff --git a/tokens/versions/v30_0/sass/_md-comp-button-group-standard-medium.scss b/tokens/versions/v30_0/sass/_md-comp-button-group-standard-medium.scss
new file mode 100644
index 0000000000..34db1cfb69
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-button-group-standard-medium.scss
@@ -0,0 +1,29 @@
+//
+// 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-motion';
+
+/// md.comp.button-group.standard.medium.between-space
+$between-space: 8px;
+/// md.comp.button-group.standard.medium.container.height
+$container-height: 56px;
+/// md.comp.button-group.standard.medium.pressed.item.width.multiplier (Pressed)
+$pressed-item-width-multiplier: 15%;
+/// md.comp.button-group.standard.medium.pressed.item.width.motion.spring.dampening (Pressed)
+$pressed-item-width-motion-spring-dampening: md-sys-motion.$spring-fast-spatial-damping;
+/// md.comp.button-group.standard.medium.pressed.item.width.motion.spring.stiffness (Pressed)
+$pressed-item-width-motion-spring-stiffness: md-sys-motion.$spring-fast-spatial-stiffness;
diff --git a/tokens/versions/v30_0/sass/_md-comp-button-group-standard-small.scss b/tokens/versions/v30_0/sass/_md-comp-button-group-standard-small.scss
new file mode 100644
index 0000000000..10a9d333b5
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-button-group-standard-small.scss
@@ -0,0 +1,29 @@
+//
+// 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-motion';
+
+/// md.comp.button-group.standard.small.between-space
+$between-space: 12px;
+/// md.comp.button-group.standard.small.container.height
+$container-height: 40px;
+/// md.comp.button-group.standard.small.pressed.item.width.multiplier (Pressed)
+$pressed-item-width-multiplier: 15%;
+/// md.comp.button-group.standard.small.pressed.item.width.motion.spring.dampening (Pressed)
+$pressed-item-width-motion-spring-dampening: md-sys-motion.$spring-fast-spatial-damping;
+/// md.comp.button-group.standard.small.pressed.item.width.motion.spring.stiffness (Pressed)
+$pressed-item-width-motion-spring-stiffness: md-sys-motion.$spring-fast-spatial-stiffness;
diff --git a/tokens/versions/v30_0/sass/_md-comp-button-group-standard-xlarge.scss b/tokens/versions/v30_0/sass/_md-comp-button-group-standard-xlarge.scss
new file mode 100644
index 0000000000..0c203dc803
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-button-group-standard-xlarge.scss
@@ -0,0 +1,29 @@
+//
+// 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-motion';
+
+/// md.comp.button-group.standard.xlarge.between-space
+$between-space: 8px;
+/// md.comp.button-group.standard.xlarge.container.height
+$container-height: 136px;
+/// md.comp.button-group.standard.xlarge.pressed.item.width.multiplier (Pressed)
+$pressed-item-width-multiplier: 15%;
+/// md.comp.button-group.standard.xlarge.pressed.item.width.motion.spring.dampening (Pressed)
+$pressed-item-width-motion-spring-dampening: md-sys-motion.$spring-fast-spatial-damping;
+/// md.comp.button-group.standard.xlarge.pressed.item.width.motion.spring.stiffness (Pressed)
+$pressed-item-width-motion-spring-stiffness: md-sys-motion.$spring-fast-spatial-stiffness;
diff --git a/tokens/versions/v30_0/sass/_md-comp-button-group-standard-xsmall.scss b/tokens/versions/v30_0/sass/_md-comp-button-group-standard-xsmall.scss
new file mode 100644
index 0000000000..769c0a0b67
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-button-group-standard-xsmall.scss
@@ -0,0 +1,29 @@
+//
+// 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-motion';
+
+/// md.comp.button-group.standard.xsmall.between-space
+$between-space: 18px;
+/// md.comp.button-group.standard.xsmall.container.height
+$container-height: 32px;
+/// md.comp.button-group.standard.xsmall.pressed.item.width.multiplier (Pressed)
+$pressed-item-width-multiplier: 15%;
+/// md.comp.button-group.standard.xsmall.pressed.item.width.motion.spring.dampening (Pressed)
+$pressed-item-width-motion-spring-dampening: md-sys-motion.$spring-fast-spatial-damping;
+/// md.comp.button-group.standard.xsmall.pressed.item.width.motion.spring.stiffness (Pressed)
+$pressed-item-width-motion-spring-stiffness: md-sys-motion.$spring-fast-spatial-stiffness;
diff --git a/tokens/versions/v30_0/sass/_md-comp-button-large.scss b/tokens/versions/v30_0/sass/_md-comp-button-large.scss
new file mode 100644
index 0000000000..a41f93c7ba
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-button-large.scss
@@ -0,0 +1,51 @@
+//
+// 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-motion';
+@use 'md-sys-shape';
+@use 'md-sys-typescale';
+
+/// md.comp.button.large.container.height
+$container-height: 96px;
+/// md.comp.button.large.icon-label-space
+$icon-label-space: 12px;
+/// md.comp.button.large.icon.size
+$icon-size: 32px;
+/// md.comp.button.large.leading-space
+$leading-space: 48px;
+/// md.comp.button.large.outlined.outline.width
+$outlined-outline-width: 2px;
+/// md.comp.button.large.trailing-space
+$trailing-space: 48px;
+/// md.comp.button.large.container.shape.round
+$container-shape-round: md-sys-shape.$corner-full;
+/// md.comp.button.large.container.shape.square
+$container-shape-square: md-sys-shape.$corner-extra-large;
+/// md.comp.button.large.pressed.container.corner-size.motion.spring.damping
+$pressed-container-corner-size-motion-spring-damping: md-sys-motion.$spring-fast-spatial-damping;
+/// md.comp.button.large.pressed.container.corner-size.motion.spring.stiffness
+$pressed-container-corner-size-motion-spring-stiffness: md-sys-motion.$spring-fast-spatial-stiffness;
+/// md.comp.button.large.pressed.container.shape
+$pressed-container-shape: md-sys-shape.$corner-large;
+/// md.comp.button.large.selected.container.shape.round
+$selected-container-shape-round: md-sys-shape.$corner-extra-large;
+/// md.comp.button.large.selected.container.shape.square
+$selected-container-shape-square: md-sys-shape.$corner-full;
+/// md.comp.button.large.label-text
+@mixin label-text {
+  @include md-sys-typescale.headline-small;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-button-medium.scss b/tokens/versions/v30_0/sass/_md-comp-button-medium.scss
new file mode 100644
index 0000000000..31a6d42fa4
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-button-medium.scss
@@ -0,0 +1,51 @@
+//
+// 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-motion';
+@use 'md-sys-shape';
+@use 'md-sys-typescale';
+
+/// md.comp.button.medium.container.height
+$container-height: 56px;
+/// md.comp.button.medium.icon-label-space
+$icon-label-space: 8px;
+/// md.comp.button.medium.icon.size
+$icon-size: 24px;
+/// md.comp.button.medium.leading-space
+$leading-space: 24px;
+/// md.comp.button.medium.outlined.outline.width
+$outlined-outline-width: 1px;
+/// md.comp.button.medium.trailing-space
+$trailing-space: 24px;
+/// md.comp.button.medium.container.shape.round
+$container-shape-round: md-sys-shape.$corner-full;
+/// md.comp.button.medium.container.shape.square
+$container-shape-square: md-sys-shape.$corner-large;
+/// md.comp.button.medium.pressed.container.corner-size.motion.spring.damping
+$pressed-container-corner-size-motion-spring-damping: md-sys-motion.$spring-fast-spatial-damping;
+/// md.comp.button.medium.pressed.container.corner-size.motion.spring.stiffness
+$pressed-container-corner-size-motion-spring-stiffness: md-sys-motion.$spring-fast-spatial-stiffness;
+/// md.comp.button.medium.pressed.container.shape
+$pressed-container-shape: md-sys-shape.$corner-medium;
+/// md.comp.button.medium.selected.container.shape.round
+$selected-container-shape-round: md-sys-shape.$corner-large;
+/// md.comp.button.medium.selected.container.shape.square
+$selected-container-shape-square: md-sys-shape.$corner-full;
+/// md.comp.button.medium.label-text
+@mixin label-text {
+  @include md-sys-typescale.title-medium;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-button-outlined.scss b/tokens/versions/v30_0/sass/_md-comp-button-outlined.scss
new file mode 100644
index 0000000000..e64676248a
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-button-outlined.scss
@@ -0,0 +1,124 @@
+//
+// 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-state';
+
+/// md.comp.button.outlined.disabled.container.opacity (Disabled)
+$disabled-container-opacity: 0.1;
+/// md.comp.button.outlined.disabled.icon.opacity (Disabled)
+$disabled-icon-opacity: 0.38;
+/// md.comp.button.outlined.disabled.label-text.opacity (Disabled)
+$disabled-label-text-opacity: 0.38;
+/// md.comp.button.outlined.disabled.icon.color (Disabled)
+$disabled-icon-color: md-sys-color.$on-surface;
+/// md.comp.button.outlined.disabled.label-text.color (Disabled)
+$disabled-label-text-color: md-sys-color.$on-surface;
+/// md.comp.button.outlined.disabled.outline.color (Disabled)
+$disabled-outline-color: md-sys-color.$outline-variant;
+/// md.comp.button.outlined.focused.icon.color (Focused)
+$focused-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.button.outlined.focused.label-text.color (Focused)
+$focused-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.button.outlined.focused.outline.color (Focused)
+$focused-outline-color: md-sys-color.$outline-variant;
+/// md.comp.button.outlined.focused.state-layer.color (Focused)
+$focused-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.button.outlined.focused.state-layer.opacity (Focused)
+$focused-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.button.outlined.hovered.icon.color (Hovered)
+$hovered-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.button.outlined.hovered.label-text.color (Hovered)
+$hovered-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.button.outlined.hovered.outline.color (Hovered)
+$hovered-outline-color: md-sys-color.$outline-variant;
+/// md.comp.button.outlined.hovered.state-layer.color (Hovered)
+$hovered-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.button.outlined.hovered.state-layer.opacity (Hovered)
+$hovered-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.button.outlined.icon.color (Enabled)
+$icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.button.outlined.label-text.color (Enabled)
+$label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.button.outlined.outline.color (Enabled)
+$outline-color: md-sys-color.$outline-variant;
+/// md.comp.button.outlined.pressed.icon.color (Pressed)
+$pressed-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.button.outlined.pressed.label-text.color (Pressed)
+$pressed-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.button.outlined.pressed.outline.color (Pressed)
+$pressed-outline-color: md-sys-color.$outline-variant;
+/// md.comp.button.outlined.pressed.state-layer.color (Pressed)
+$pressed-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.button.outlined.pressed.state-layer.opacity (Pressed)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.button.outlined.selected.container.color (Enabled)
+$selected-container-color: md-sys-color.$inverse-surface;
+/// md.comp.button.outlined.selected.disabled.container.color (Disabled)
+$selected-disabled-container-color: md-sys-color.$on-surface;
+/// md.comp.button.outlined.selected.focused.icon.color (Focused)
+$selected-focused-icon-color: md-sys-color.$inverse-on-surface;
+/// md.comp.button.outlined.selected.focused.label-text.color (Focused)
+$selected-focused-label-text-color: md-sys-color.$inverse-on-surface;
+/// md.comp.button.outlined.selected.focused.state-layer.color (Focused)
+$selected-focused-state-layer-color: md-sys-color.$inverse-on-surface;
+/// md.comp.button.outlined.selected.hovered.icon.color (Hovered)
+$selected-hovered-icon-color: md-sys-color.$inverse-on-surface;
+/// md.comp.button.outlined.selected.hovered.label-text.color (Hovered)
+$selected-hovered-label-text-color: md-sys-color.$inverse-on-surface;
+/// md.comp.button.outlined.selected.hovered.state-layer.color (Hovered)
+$selected-hovered-state-layer-color: md-sys-color.$inverse-on-surface;
+/// md.comp.button.outlined.selected.icon.color (Enabled)
+$selected-icon-color: md-sys-color.$inverse-on-surface;
+/// md.comp.button.outlined.selected.label-text.color (Enabled)
+$selected-label-text-color: md-sys-color.$inverse-on-surface;
+/// md.comp.button.outlined.selected.pressed.icon.color (Pressed)
+$selected-pressed-icon-color: md-sys-color.$inverse-on-surface;
+/// md.comp.button.outlined.selected.pressed.label-text.color (Pressed)
+$selected-pressed-label-text-color: md-sys-color.$inverse-on-surface;
+/// md.comp.button.outlined.selected.pressed.state-layer.color (Pressed)
+$selected-pressed-state-layer-color: md-sys-color.$inverse-on-surface;
+/// md.comp.button.outlined.unselected.disabled.outline.color (Disabled)
+$unselected-disabled-outline-color: md-sys-color.$outline-variant;
+/// md.comp.button.outlined.unselected.focused.icon.color (Focused)
+$unselected-focused-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.button.outlined.unselected.focused.label-text.color (Focused)
+$unselected-focused-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.button.outlined.unselected.focused.outline.color (Focused)
+$unselected-focused-outline-color: md-sys-color.$outline-variant;
+/// md.comp.button.outlined.unselected.focused.state-layer.color (Focused)
+$unselected-focused-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.button.outlined.unselected.hovered.icon.color (Hovered)
+$unselected-hovered-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.button.outlined.unselected.hovered.label-text.color (Hovered)
+$unselected-hovered-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.button.outlined.unselected.hovered.outline.color (Hovered)
+$unselected-hovered-outline-color: md-sys-color.$outline-variant;
+/// md.comp.button.outlined.unselected.hovered.state-layer.color (Hovered)
+$unselected-hovered-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.button.outlined.unselected.icon.color (Enabled)
+$unselected-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.button.outlined.unselected.label-text.color (Enabled)
+$unselected-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.button.outlined.unselected.pressed.icon.color (Pressed)
+$unselected-pressed-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.button.outlined.unselected.pressed.label-text.color (Pressed)
+$unselected-pressed-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.button.outlined.unselected.pressed.outline.color (Pressed)
+$unselected-pressed-outline-color: md-sys-color.$outline-variant;
+/// md.comp.button.outlined.unselected.pressed.state-layer.color (Pressed)
+$unselected-pressed-state-layer-color: md-sys-color.$on-surface-variant;
diff --git a/tokens/versions/v30_0/sass/_md-comp-button-small.scss b/tokens/versions/v30_0/sass/_md-comp-button-small.scss
new file mode 100644
index 0000000000..7d573408a5
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-button-small.scss
@@ -0,0 +1,51 @@
+//
+// 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-motion';
+@use 'md-sys-shape';
+@use 'md-sys-typescale';
+
+/// md.comp.button.small.container.height
+$container-height: 40px;
+/// md.comp.button.small.icon-label-space
+$icon-label-space: 8px;
+/// md.comp.button.small.icon.size
+$icon-size: 20px;
+/// md.comp.button.small.leading-space
+$leading-space: 16px;
+/// md.comp.button.small.outlined.outline.width
+$outlined-outline-width: 1px;
+/// md.comp.button.small.trailing-space
+$trailing-space: 16px;
+/// md.comp.button.small.container.shape.round
+$container-shape-round: md-sys-shape.$corner-full;
+/// md.comp.button.small.container.shape.square
+$container-shape-square: md-sys-shape.$corner-medium;
+/// md.comp.button.small.pressed.container.corner-size.motion.spring.damping
+$pressed-container-corner-size-motion-spring-damping: md-sys-motion.$spring-fast-spatial-damping;
+/// md.comp.button.small.pressed.container.corner-size.motion.spring.stiffness
+$pressed-container-corner-size-motion-spring-stiffness: md-sys-motion.$spring-fast-spatial-stiffness;
+/// md.comp.button.small.pressed.container.shape
+$pressed-container-shape: md-sys-shape.$corner-small;
+/// md.comp.button.small.selected.container.shape.round
+$selected-container-shape-round: md-sys-shape.$corner-medium;
+/// md.comp.button.small.selected.container.shape.square
+$selected-container-shape-square: md-sys-shape.$corner-full;
+/// md.comp.button.small.label-text
+@mixin label-text {
+  @include md-sys-typescale.label-large;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-button-text.scss b/tokens/versions/v30_0/sass/_md-comp-button-text.scss
new file mode 100644
index 0000000000..d45e692801
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-button-text.scss
@@ -0,0 +1,60 @@
+//
+// 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-state';
+
+/// md.comp.button.text.disabled.container.opacity (Disabled)
+$disabled-container-opacity: 0.1;
+/// md.comp.button.text.disabled.icon.opacity (Disabled)
+$disabled-icon-opacity: 0.38;
+/// md.comp.button.text.disabled.label-text.opacity (Disabled)
+$disabled-label-text-opacity: 0.38;
+/// md.comp.button.text.disabled.container.color (Disabled)
+$disabled-container-color: md-sys-color.$on-surface;
+/// md.comp.button.text.disabled.icon.color (Disabled)
+$disabled-icon-color: md-sys-color.$on-surface;
+/// md.comp.button.text.disabled.label-text.color (Disabled)
+$disabled-label-text-color: md-sys-color.$on-surface;
+/// md.comp.button.text.focused.icon.color (Focused)
+$focused-icon-color: md-sys-color.$primary;
+/// md.comp.button.text.focused.label-text.color (Focused)
+$focused-label-text-color: md-sys-color.$primary;
+/// md.comp.button.text.focused.state-layer.color (Focused)
+$focused-state-layer-color: md-sys-color.$primary;
+/// md.comp.button.text.focused.state-layer.opacity (Focused)
+$focused-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.button.text.hovered.icon.color (Hovered)
+$hovered-icon-color: md-sys-color.$primary;
+/// md.comp.button.text.hovered.label-text.color (Hovered)
+$hovered-label-text-color: md-sys-color.$primary;
+/// md.comp.button.text.hovered.state-layer.color (Hovered)
+$hovered-state-layer-color: md-sys-color.$primary;
+/// md.comp.button.text.hovered.state-layer.opacity (Hovered)
+$hovered-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.button.text.icon.color (Enabled)
+$icon-color: md-sys-color.$primary;
+/// md.comp.button.text.label-text.color (Enabled)
+$label-text-color: md-sys-color.$primary;
+/// md.comp.button.text.pressed.icon.color (Pressed)
+$pressed-icon-color: md-sys-color.$primary;
+/// md.comp.button.text.pressed.label-text.color (Pressed)
+$pressed-label-text-color: md-sys-color.$primary;
+/// md.comp.button.text.pressed.state-layer.color (Pressed)
+$pressed-state-layer-color: md-sys-color.$primary;
+/// md.comp.button.text.pressed.state-layer.opacity (Pressed)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
diff --git a/tokens/versions/v30_0/sass/_md-comp-button-tonal.scss b/tokens/versions/v30_0/sass/_md-comp-button-tonal.scss
new file mode 100644
index 0000000000..adf5a50fab
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-button-tonal.scss
@@ -0,0 +1,125 @@
+//
+// 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-state';
+
+/// md.comp.button.tonal.disabled.container.opacity (Disabled)
+$disabled-container-opacity: 0.1;
+/// md.comp.button.tonal.disabled.icon.opacity (Disabled)
+$disabled-icon-opacity: 0.38;
+/// md.comp.button.tonal.disabled.label-text.opacity (Disabled)
+$disabled-label-text-opacity: 0.38;
+/// md.comp.button.tonal.container.color (Enabled)
+$container-color: md-sys-color.$secondary-container;
+/// md.comp.button.tonal.container.elevation (Enabled)
+$container-elevation: md-sys-elevation.$level0;
+/// md.comp.button.tonal.container.shadow-color (Enabled)
+$container-shadow-color: md-sys-color.$shadow;
+/// md.comp.button.tonal.disabled.container.color (Disabled)
+$disabled-container-color: md-sys-color.$on-surface;
+/// md.comp.button.tonal.disabled.container.elevation (Disabled)
+$disabled-container-elevation: md-sys-elevation.$level0;
+/// md.comp.button.tonal.disabled.icon.color (Disabled)
+$disabled-icon-color: md-sys-color.$on-surface;
+/// md.comp.button.tonal.disabled.label-text.color (Disabled)
+$disabled-label-text-color: md-sys-color.$on-surface;
+/// md.comp.button.tonal.focused.container.elevation (Focused)
+$focused-container-elevation: md-sys-elevation.$level0;
+/// md.comp.button.tonal.focused.icon.color (Focused)
+$focused-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.button.tonal.focused.label-text.color (Focused)
+$focused-label-text-color: md-sys-color.$on-secondary-container;
+/// md.comp.button.tonal.focused.state-layer.color (Focused)
+$focused-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.button.tonal.focused.state-layer.opacity (Focused)
+$focused-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.button.tonal.hovered.container.elevation (Hovered)
+///
+/// @deprecated No longer part of the design spec
+$hovered-container-elevation: md-sys-elevation.$level1;
+/// md.comp.button.tonal.hovered.icon.color (Hovered)
+$hovered-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.button.tonal.hovered.label-text.color (Hovered)
+$hovered-label-text-color: md-sys-color.$on-secondary-container;
+/// md.comp.button.tonal.hovered.state-layer.color (Hovered)
+$hovered-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.button.tonal.hovered.state-layer.opacity (Hovered)
+$hovered-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.button.tonal.icon.color (Enabled)
+$icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.button.tonal.label-text.color (Enabled)
+$label-text-color: md-sys-color.$on-secondary-container;
+/// md.comp.button.tonal.pressed.container.elevation (Pressed)
+$pressed-container-elevation: md-sys-elevation.$level0;
+/// md.comp.button.tonal.pressed.icon.color (Pressed)
+$pressed-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.button.tonal.pressed.label-text.color (Pressed)
+$pressed-label-text-color: md-sys-color.$on-secondary-container;
+/// md.comp.button.tonal.pressed.state-layer.color (Pressed)
+$pressed-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.button.tonal.pressed.state-layer.opacity (Pressed)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.button.tonal.selected.container.color (Enabled)
+$selected-container-color: md-sys-color.$secondary;
+/// md.comp.button.tonal.selected.focused.icon.color (Focused)
+$selected-focused-icon-color: md-sys-color.$on-secondary;
+/// md.comp.button.tonal.selected.focused.label-text.color (Focused)
+$selected-focused-label-text-color: md-sys-color.$on-secondary;
+/// md.comp.button.tonal.selected.focused.state-layer.color (Focused)
+$selected-focused-state-layer-color: md-sys-color.$on-secondary;
+/// md.comp.button.tonal.selected.hovered.icon.color (Hovered)
+$selected-hovered-icon-color: md-sys-color.$on-secondary;
+/// md.comp.button.tonal.selected.hovered.label-text.color (Hovered)
+$selected-hovered-label-text-color: md-sys-color.$on-secondary;
+/// md.comp.button.tonal.selected.hovered.state-layer.color (Hovered)
+$selected-hovered-state-layer-color: md-sys-color.$on-secondary;
+/// md.comp.button.tonal.selected.icon.color (Enabled)
+$selected-icon-color: md-sys-color.$on-secondary;
+/// md.comp.button.tonal.selected.label-text.color (Enabled)
+$selected-label-text-color: md-sys-color.$on-secondary;
+/// md.comp.button.tonal.selected.pressed.icon.color (Pressed)
+$selected-pressed-icon-color: md-sys-color.$on-secondary;
+/// md.comp.button.tonal.selected.pressed.label-text.color (Pressed)
+$selected-pressed-label-text-color: md-sys-color.$on-secondary;
+/// md.comp.button.tonal.selected.pressed.state-layer.color (Pressed)
+$selected-pressed-state-layer-color: md-sys-color.$on-secondary;
+/// md.comp.button.tonal.unselected.container.color (Enabled)
+$unselected-container-color: md-sys-color.$secondary-container;
+/// md.comp.button.tonal.unselected.focused.icon.color (Focused)
+$unselected-focused-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.button.tonal.unselected.focused.label-text.color (Focused)
+$unselected-focused-label-text-color: md-sys-color.$on-secondary-container;
+/// md.comp.button.tonal.unselected.focused.state-layer.color (Focused)
+$unselected-focused-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.button.tonal.unselected.hovered.icon.color (Hovered)
+$unselected-hovered-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.button.tonal.unselected.hovered.label-text.color (Hovered)
+$unselected-hovered-label-text-color: md-sys-color.$on-secondary-container;
+/// md.comp.button.tonal.unselected.hovered.state-layer.color (Hovered)
+$unselected-hovered-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.button.tonal.unselected.icon.color (Enabled)
+$unselected-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.button.tonal.unselected.label-text.color (Enabled)
+$unselected-label-text-color: md-sys-color.$on-secondary-container;
+/// md.comp.button.tonal.unselected.pressed.icon.color (Pressed)
+$unselected-pressed-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.button.tonal.unselected.pressed.label-text.color (Pressed)
+$unselected-pressed-label-text-color: md-sys-color.$on-secondary-container;
+/// md.comp.button.tonal.unselected.pressed.state-layer.color (Pressed)
+$unselected-pressed-state-layer-color: md-sys-color.$on-secondary-container;
diff --git a/tokens/versions/v30_0/sass/_md-comp-button-xlarge.scss b/tokens/versions/v30_0/sass/_md-comp-button-xlarge.scss
new file mode 100644
index 0000000000..6460832792
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-button-xlarge.scss
@@ -0,0 +1,51 @@
+//
+// 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-motion';
+@use 'md-sys-shape';
+@use 'md-sys-typescale';
+
+/// md.comp.button.xlarge.container.height
+$container-height: 136px;
+/// md.comp.button.xlarge.icon-label-space
+$icon-label-space: 16px;
+/// md.comp.button.xlarge.icon.size
+$icon-size: 40px;
+/// md.comp.button.xlarge.leading-space
+$leading-space: 64px;
+/// md.comp.button.xlarge.outlined.outline.width
+$outlined-outline-width: 3px;
+/// md.comp.button.xlarge.trailing-space
+$trailing-space: 64px;
+/// md.comp.button.xlarge.container.shape.round
+$container-shape-round: md-sys-shape.$corner-full;
+/// md.comp.button.xlarge.container.shape.square
+$container-shape-square: md-sys-shape.$corner-extra-large;
+/// md.comp.button.xlarge.pressed.container.corner-size.motion.spring.damping
+$pressed-container-corner-size-motion-spring-damping: md-sys-motion.$spring-fast-spatial-damping;
+/// md.comp.button.xlarge.pressed.container.corner-size.motion.spring.stiffness
+$pressed-container-corner-size-motion-spring-stiffness: md-sys-motion.$spring-fast-spatial-stiffness;
+/// md.comp.button.xlarge.pressed.container.shape
+$pressed-container-shape: md-sys-shape.$corner-large;
+/// md.comp.button.xlarge.selected.container.shape.round
+$selected-container-shape-round: md-sys-shape.$corner-extra-large;
+/// md.comp.button.xlarge.selected.container.shape.square
+$selected-container-shape-square: md-sys-shape.$corner-full;
+/// md.comp.button.xlarge.label-text
+@mixin label-text {
+  @include md-sys-typescale.headline-large;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-button-xsmall.scss b/tokens/versions/v30_0/sass/_md-comp-button-xsmall.scss
new file mode 100644
index 0000000000..a899b82642
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-button-xsmall.scss
@@ -0,0 +1,51 @@
+//
+// 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-motion';
+@use 'md-sys-shape';
+@use 'md-sys-typescale';
+
+/// md.comp.button.xsmall.container.height
+$container-height: 32px;
+/// md.comp.button.xsmall.icon-label-space
+$icon-label-space: 8px;
+/// md.comp.button.xsmall.icon.size
+$icon-size: 20px;
+/// md.comp.button.xsmall.leading-space
+$leading-space: 12px;
+/// md.comp.button.xsmall.outlined.outline.width
+$outlined-outline-width: 1px;
+/// md.comp.button.xsmall.trailing-space
+$trailing-space: 12px;
+/// md.comp.button.xsmall.container.shape.round
+$container-shape-round: md-sys-shape.$corner-full;
+/// md.comp.button.xsmall.container.shape.square
+$container-shape-square: md-sys-shape.$corner-medium;
+/// md.comp.button.xsmall.pressed.container.corner-size.motion.spring.damping
+$pressed-container-corner-size-motion-spring-damping: md-sys-motion.$spring-fast-spatial-damping;
+/// md.comp.button.xsmall.pressed.container.corner-size.motion.spring.stiffness
+$pressed-container-corner-size-motion-spring-stiffness: md-sys-motion.$spring-fast-spatial-stiffness;
+/// md.comp.button.xsmall.pressed.container.shape
+$pressed-container-shape: md-sys-shape.$corner-small;
+/// md.comp.button.xsmall.selected.container.shape.round
+$selected-container-shape-round: md-sys-shape.$corner-medium;
+/// md.comp.button.xsmall.selected.container.shape.square
+$selected-container-shape-square: md-sys-shape.$corner-full;
+/// md.comp.button.xsmall.label-text
+@mixin label-text {
+  @include md-sys-typescale.label-large;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-button.scss b/tokens/versions/v30_0/sass/_md-comp-button.scss
new file mode 100644
index 0000000000..bc97ab5a98
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-button.scss
@@ -0,0 +1,163 @@
+//
+// 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-motion';
+@use 'md-sys-shape';
+@use 'md-sys-state';
+@use 'md-sys-state-focus-indicator';
+@use 'md-sys-typescale';
+
+/// md.comp.button.container.height (Enabled)
+$container-height: 40px;
+/// md.comp.button.disabled.container.opacity (Disabled)
+$disabled-container-opacity: 0.1;
+/// md.comp.button.disabled.icon.opacity (Disabled)
+$disabled-icon-opacity: 0.38;
+/// md.comp.button.disabled.label-text.opacity (Disabled)
+$disabled-label-text-opacity: 0.38;
+/// md.comp.button.icon-label-space (Enabled)
+$icon-label-space: 8px;
+/// md.comp.button.icon.size (Enabled)
+$icon-size: 20px;
+/// md.comp.button.leading-space (Enabled)
+$leading-space: 24px;
+/// md.comp.button.trailing-space (Enabled)
+$trailing-space: 24px;
+/// md.comp.button.container.color (Enabled)
+$container-color: md-sys-color.$primary;
+/// md.comp.button.container.elevation (Enabled)
+$container-elevation: md-sys-elevation.$level0;
+/// md.comp.button.container.shadow-color (Enabled)
+$container-shadow-color: md-sys-color.$shadow;
+/// md.comp.button.container.shape.round (Enabled)
+$container-shape-round: md-sys-shape.$corner-full;
+/// md.comp.button.container.shape.square (Enabled)
+$container-shape-square: md-sys-shape.$corner-medium;
+/// md.comp.button.disabled.container.color (Disabled)
+$disabled-container-color: md-sys-color.$on-surface;
+/// md.comp.button.disabled.container.elevation (Disabled)
+$disabled-container-elevation: md-sys-elevation.$level0;
+/// md.comp.button.disabled.icon.color (Disabled)
+$disabled-icon-color: md-sys-color.$on-surface;
+/// md.comp.button.disabled.label-text.color (Disabled)
+$disabled-label-text-color: md-sys-color.$on-surface;
+/// md.comp.button.focus.indicator.color (Enabled)
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.button.focus.indicator.outline.offset (Enabled)
+$focus-indicator-outline-offset: md-sys-state-focus-indicator.$outer-offset;
+/// md.comp.button.focus.indicator.thickness (Enabled)
+$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.comp.button.focused.container.elevation (Focused)
+$focused-container-elevation: md-sys-elevation.$level0;
+/// md.comp.button.focused.icon.color (Focused)
+$focused-icon-color: md-sys-color.$on-primary;
+/// md.comp.button.focused.label-text.color (Focused)
+$focused-label-text-color: md-sys-color.$on-primary;
+/// md.comp.button.focused.state-layer.color (Focused)
+$focused-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.button.focused.state-layer.opacity (Focused)
+$focused-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.button.hovered.container.elevation (Hovered)
+///
+/// @deprecated No longer part of the design spec
+$hovered-container-elevation: md-sys-elevation.$level1;
+/// md.comp.button.hovered.icon.color (Hovered)
+$hovered-icon-color: md-sys-color.$on-primary;
+/// md.comp.button.hovered.label-text.color (Hovered)
+$hovered-label-text-color: md-sys-color.$on-primary;
+/// md.comp.button.hovered.state-layer.color (Hovered)
+$hovered-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.button.hovered.state-layer.opacity (Hovered)
+$hovered-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.button.icon.color (Enabled)
+$icon-color: md-sys-color.$on-primary;
+/// md.comp.button.label-text.color (Enabled)
+$label-text-color: md-sys-color.$on-primary;
+/// md.comp.button.label-text.selected.color (Enabled)
+$label-text-selected-color: md-sys-color.$on-primary;
+/// md.comp.button.label-text.unselected.color (Enabled)
+$label-text-unselected-color: md-sys-color.$on-surface-variant;
+/// md.comp.button.pressed.container.corner-size.motion.spring.damping (Enabled)
+$pressed-container-corner-size-motion-spring-damping: md-sys-motion.$spring-fast-spatial-damping;
+/// md.comp.button.pressed.container.corner-size.motion.spring.stiffness (Enabled)
+$pressed-container-corner-size-motion-spring-stiffness: md-sys-motion.$spring-fast-spatial-stiffness;
+/// md.comp.button.pressed.container.elevation (Pressed)
+$pressed-container-elevation: md-sys-elevation.$level0;
+/// md.comp.button.pressed.container.shape (Enabled)
+$pressed-container-shape: md-sys-shape.$corner-small;
+/// md.comp.button.pressed.icon.color (Pressed)
+$pressed-icon-color: md-sys-color.$on-primary;
+/// md.comp.button.pressed.label-text.color (Pressed)
+$pressed-label-text-color: md-sys-color.$on-primary;
+/// md.comp.button.pressed.state-layer.color (Pressed)
+$pressed-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.button.pressed.state-layer.opacity (Pressed)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.button.selected.container.color (Enabled)
+$selected-container-color: md-sys-color.$primary;
+/// md.comp.button.selected.container.shape.round (Enabled)
+$selected-container-shape-round: md-sys-shape.$corner-medium;
+/// md.comp.button.selected.container.shape.square (Enabled)
+$selected-container-shape-square: md-sys-shape.$corner-full;
+/// md.comp.button.selected.focused.icon.color (Focused)
+$selected-focused-icon-color: md-sys-color.$on-primary;
+/// md.comp.button.selected.focused.label-text.color (Focused)
+$selected-focused-label-text-color: md-sys-color.$on-primary;
+/// md.comp.button.selected.focused.state-layer.color (Focused)
+$selected-focused-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.button.selected.hovered.icon.color (Hovered)
+$selected-hovered-icon-color: md-sys-color.$on-primary;
+/// md.comp.button.selected.hovered.label-text.color (Hovered)
+$selected-hovered-label-text-color: md-sys-color.$on-primary;
+/// md.comp.button.selected.hovered.state-layer.color (Hovered)
+$selected-hovered-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.button.selected.icon.color (Enabled)
+$selected-icon-color: md-sys-color.$on-primary;
+/// md.comp.button.selected.pressed.icon.color (Pressed)
+$selected-pressed-icon-color: md-sys-color.$on-primary;
+/// md.comp.button.selected.pressed.label-text.color (Pressed)
+$selected-pressed-label-text-color: md-sys-color.$on-primary;
+/// md.comp.button.selected.pressed.state-layer.color (Pressed)
+$selected-pressed-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.button.unselected.container.color (Enabled)
+$unselected-container-color: md-sys-color.$surface-container;
+/// md.comp.button.unselected.focused.icon.color (Focused)
+$unselected-focused-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.button.unselected.focused.label-text.color (Focused)
+$unselected-focused-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.button.unselected.focused.state-layer.color (Focused)
+$unselected-focused-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.button.unselected.hovered.icon.color (Hovered)
+$unselected-hovered-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.button.unselected.hovered.label-text.color (Hovered)
+$unselected-hovered-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.button.unselected.hovered.state-layer.color (Hovered)
+$unselected-hovered-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.button.unselected.icon.color (Enabled)
+$unselected-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.button.unselected.pressed.icon.color (Pressed)
+$unselected-pressed-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.button.unselected.pressed.label-text.color (Pressed)
+$unselected-pressed-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.button.unselected.pressed.state-layer.color (Pressed)
+$unselected-pressed-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.button.label-text (Enabled)
+@mixin label-text {
+  @include md-sys-typescale.label-large;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-carousel-item.scss b/tokens/versions/v30_0/sass/_md-comp-carousel-item.scss
new file mode 100644
index 0000000000..610377b7cf
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-carousel-item.scss
@@ -0,0 +1,79 @@
+//
+// 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';
+
+/// md.comp.carousel-item.disabled.container.opacity (Disabled / Container)
+$disabled-container-opacity: 0.38;
+/// md.comp.carousel-item.with-outline.disabled.outline.opacity (Disabled / Outline)
+$with-outline-disabled-outline-opacity: 0.12;
+/// md.comp.carousel-item.with-outline.outline.width (Enabled / Outline)
+$with-outline-outline-width: 1px;
+/// md.comp.carousel-item.container.color (Enabled / Container)
+$container-color: md-sys-color.$surface;
+/// md.comp.carousel-item.container.elevation (Enabled / Container)
+$container-elevation: md-sys-elevation.$level0;
+/// md.comp.carousel-item.container.shadow-color (Enabled / Container)
+$container-shadow-color: md-sys-color.$shadow;
+/// md.comp.carousel-item.container.shape (Enabled / Container)
+$container-shape: md-sys-shape.$corner-extra-large;
+/// md.comp.carousel-item.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.carousel-item.disabled.container.color (Disabled / Container)
+$disabled-container-color: md-sys-color.$surface;
+/// md.comp.carousel-item.disabled.container.elevation (Disabled / Container)
+$disabled-container-elevation: md-sys-elevation.$level0;
+/// md.comp.carousel-item.focus.container.elevation (Focus / Container)
+$focus-container-elevation: md-sys-elevation.$level0;
+/// md.comp.carousel-item.focus.indicator.color (Focus / Focus indicator)
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.carousel-item.focus.indicator.outline.offset (Focus / Focus indicator)
+$focus-indicator-outline-offset: md-sys-state-focus-indicator.$outer-offset;
+/// md.comp.carousel-item.focus.indicator.thickness (Focus / Focus indicator)
+$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.comp.carousel-item.focus.state-layer.color (Focus / State layer)
+$focus-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.carousel-item.focus.state-layer.opacity (Focus / State layer)
+$focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.carousel-item.hover.container.elevation (Hover / Container)
+$hover-container-elevation: md-sys-elevation.$level1;
+/// md.comp.carousel-item.hover.state-layer.color (Hover / State layer)
+$hover-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.carousel-item.hover.state-layer.opacity (Hover / State layer)
+$hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.carousel-item.pressed.container.elevation (Pressed (ripple) / Container)
+$pressed-container-elevation: md-sys-elevation.$level0;
+/// md.comp.carousel-item.pressed.state-layer.color (Pressed (ripple) / State layer)
+$pressed-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.carousel-item.pressed.state-layer.opacity (Pressed (ripple) / State layer)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.carousel-item.with-outline.disabled.outline.color (Disabled / Outline)
+$with-outline-disabled-outline-color: md-sys-color.$outline;
+/// md.comp.carousel-item.with-outline.focus.outline.color (Focus / Outline)
+$with-outline-focus-outline-color: md-sys-color.$on-surface;
+/// md.comp.carousel-item.with-outline.hover.outline.color (Hover / Outline)
+$with-outline-hover-outline-color: md-sys-color.$outline;
+/// md.comp.carousel-item.with-outline.outline.color (Enabled / Outline)
+$with-outline-outline-color: md-sys-color.$outline;
+/// md.comp.carousel-item.with-outline.pressed.outline.color (Pressed (ripple) / Outline)
+$with-outline-pressed-outline-color: md-sys-color.$outline;
diff --git a/tokens/versions/v30_0/sass/_md-comp-checkbox.scss b/tokens/versions/v30_0/sass/_md-comp-checkbox.scss
new file mode 100644
index 0000000000..63819349e6
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-checkbox.scss
@@ -0,0 +1,216 @@
+//
+// 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-state';
+@use 'md-sys-state-focus-indicator';
+
+/// md.comp.checkbox.container.height (Enabled / Container)
+///
+/// @deprecated Combining height and width into a single size token
+$container-height: 18px;
+/// md.comp.checkbox.container.shape (Enabled / Container)
+$container-shape: 2px;
+/// md.comp.checkbox.container.size (Enabled / Container)
+$container-size: 18px;
+/// md.comp.checkbox.container.width (Enabled / Container)
+///
+/// @deprecated Combining height and width into a single size token
+$container-width: 18px;
+/// md.comp.checkbox.disabled.selected.icon.opacity (Disabled / Icon)
+///
+/// @deprecated Checkbox changed how rendering was specified, if these are needed, copy to your own tokens.
+$disabled-selected-icon-opacity: 0.38;
+/// md.comp.checkbox.disabled.unselected.icon.opacity (Disabled / Icon)
+///
+/// @deprecated Checkbox changed how rendering was specified, if these are needed, copy to your own tokens.
+$disabled-unselected-icon-opacity: 0.38;
+/// md.comp.checkbox.icon.size (Enabled / Icon)
+$icon-size: 18px;
+/// md.comp.checkbox.selected.disabled.container.opacity (Disabled / Container)
+$selected-disabled-container-opacity: 0.38;
+/// md.comp.checkbox.selected.disabled.container.outline.width (Disabled / Container)
+$selected-disabled-container-outline-width: 0px;
+/// md.comp.checkbox.selected.error.focus.outline.width (Focused / Container)
+///
+/// @deprecated Redundant values. Please use md.comp.checkbox.unselected.outline.width or md.comp.checkbox.selected.outline.width tokens instead.
+$selected-error-focus-outline-width: 0px;
+/// md.comp.checkbox.selected.error.hover.outline.width (Hovered / Container)
+///
+/// @deprecated Redundant values. Please use md.comp.checkbox.unselected.outline.width or md.comp.checkbox.selected.outline.width tokens instead.
+$selected-error-hover-outline-width: 0px;
+/// md.comp.checkbox.selected.error.pressed.outline.width (Pressed (ripple) / Container)
+///
+/// @deprecated Redundant values. Please use md.comp.checkbox.unselected.outline.width or md.comp.checkbox.selected.outline.width tokens instead.
+$selected-error-pressed-outline-width: 0px;
+/// md.comp.checkbox.selected.focus.outline.width (Focused / Container)
+$selected-focus-outline-width: 0px;
+/// md.comp.checkbox.selected.hover.outline.width (Hovered / Container)
+$selected-hover-outline-width: 0px;
+/// md.comp.checkbox.selected.outline.width (Enabled / Container)
+$selected-outline-width: 0px;
+/// md.comp.checkbox.selected.pressed.outline.width (Pressed (ripple) / Container)
+$selected-pressed-outline-width: 0px;
+/// md.comp.checkbox.state-layer.size (Enabled / State layer)
+$state-layer-size: 40px;
+/// md.comp.checkbox.unselected.disabled.container.opacity (Disabled / Container)
+$unselected-disabled-container-opacity: 0.38;
+/// md.comp.checkbox.unselected.disabled.outline.width (Disabled / Container)
+$unselected-disabled-outline-width: 2px;
+/// md.comp.checkbox.unselected.error.focus.outline.width (Focused / Container)
+///
+/// @deprecated Redundant values. Please use md.comp.checkbox.unselected.outline.width or md.comp.checkbox.selected.outline.width tokens instead.
+$unselected-error-focus-outline-width: 2px;
+/// md.comp.checkbox.unselected.error.hover.outline.width (Hovered / Container)
+///
+/// @deprecated Redundant values. Please use md.comp.checkbox.unselected.outline.width or md.comp.checkbox.selected.outline.width tokens instead.
+$unselected-error-hover-outline-width: 2px;
+/// md.comp.checkbox.unselected.error.pressed.outline.width (Pressed (ripple) / Container)
+///
+/// @deprecated Redundant values. Please use md.comp.checkbox.unselected.outline.width or md.comp.checkbox.selected.outline.width tokens instead.
+$unselected-error-pressed-outline-width: 2px;
+/// md.comp.checkbox.unselected.focus.outline.width (Focused / Container)
+$unselected-focus-outline-width: 2px;
+/// md.comp.checkbox.unselected.hover.outline.width (Hovered / Container)
+$unselected-hover-outline-width: 2px;
+/// md.comp.checkbox.unselected.outline.width (Enabled / Container)
+$unselected-outline-width: 2px;
+/// md.comp.checkbox.unselected.pressed.outline.width (Pressed (ripple) / Container)
+$unselected-pressed-outline-width: 2px;
+/// md.comp.checkbox.disabled.selected.icon.color (Disabled / Icon)
+///
+/// @deprecated Checkbox changed how rendering was specified, if these are needed, copy to your own tokens.
+$disabled-selected-icon-color: md-sys-color.$primary;
+/// md.comp.checkbox.disabled.unselected.icon.color (Disabled / Icon)
+///
+/// @deprecated Checkbox changed how rendering was specified, if these are needed, copy to your own tokens.
+$disabled-unselected-icon-color: md-sys-color.$primary;
+/// md.comp.checkbox.error.focus.state-layer.color (Focused / State layer)
+$error-focus-state-layer-color: md-sys-color.$error;
+/// md.comp.checkbox.error.focus.state-layer.opacity (Focused / State layer)
+$error-focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.checkbox.error.hover.state-layer.color (Hovered / State layer)
+$error-hover-state-layer-color: md-sys-color.$error;
+/// md.comp.checkbox.error.hover.state-layer.opacity (Hovered / State layer)
+$error-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.checkbox.error.pressed.state-layer.color (Pressed (ripple) / State layer)
+$error-pressed-state-layer-color: md-sys-color.$error;
+/// md.comp.checkbox.error.pressed.state-layer.opacity (Pressed (ripple) / State layer)
+$error-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.checkbox.focus.indicator.color (Focused / Focus indicator)
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.checkbox.focus.indicator.outline.offset (Focused / Focus indicator)
+$focus-indicator-outline-offset: md-sys-state-focus-indicator.$outer-offset;
+/// md.comp.checkbox.focus.indicator.thickness (Focused / Focus indicator)
+$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.comp.checkbox.selected.container.color (Enabled / Container)
+$selected-container-color: md-sys-color.$primary;
+/// md.comp.checkbox.selected.disabled.container.color (Disabled / Container)
+$selected-disabled-container-color: md-sys-color.$on-surface;
+/// md.comp.checkbox.selected.disabled.icon.color (Disabled / Icon)
+$selected-disabled-icon-color: md-sys-color.$surface;
+/// md.comp.checkbox.selected.error.container.color (Enabled / Container)
+$selected-error-container-color: md-sys-color.$error;
+/// md.comp.checkbox.selected.error.focus.container.color (Focused / Container)
+$selected-error-focus-container-color: md-sys-color.$error;
+/// md.comp.checkbox.selected.error.focus.icon.color (Focused / Icon)
+$selected-error-focus-icon-color: md-sys-color.$on-error;
+/// md.comp.checkbox.selected.error.hover.container.color (Hovered / Container)
+$selected-error-hover-container-color: md-sys-color.$error;
+/// md.comp.checkbox.selected.error.hover.icon.color (Hovered / Icon)
+$selected-error-hover-icon-color: md-sys-color.$on-error;
+/// md.comp.checkbox.selected.error.icon.color (Enabled / Icon)
+$selected-error-icon-color: md-sys-color.$on-error;
+/// md.comp.checkbox.selected.error.pressed.container.color (Pressed (ripple) / Container)
+$selected-error-pressed-container-color: md-sys-color.$error;
+/// md.comp.checkbox.selected.error.pressed.icon.color (Pressed (ripple) / Icon)
+$selected-error-pressed-icon-color: md-sys-color.$on-error;
+/// md.comp.checkbox.selected.focus.container.color (Focused / Container)
+$selected-focus-container-color: md-sys-color.$primary;
+/// md.comp.checkbox.selected.focus.icon.color (Focused / Icon)
+$selected-focus-icon-color: md-sys-color.$on-primary;
+/// md.comp.checkbox.selected.focus.state-layer.color (Focused / State layer)
+$selected-focus-state-layer-color: md-sys-color.$primary;
+/// md.comp.checkbox.selected.focus.state-layer.opacity (Focused / State layer)
+$selected-focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.checkbox.selected.hover.container.color (Hovered / Container)
+$selected-hover-container-color: md-sys-color.$primary;
+/// md.comp.checkbox.selected.hover.icon.color (Hovered / Icon)
+$selected-hover-icon-color: md-sys-color.$on-primary;
+/// md.comp.checkbox.selected.hover.state-layer.color (Hovered / State layer)
+$selected-hover-state-layer-color: md-sys-color.$primary;
+/// md.comp.checkbox.selected.hover.state-layer.opacity (Hovered / State layer)
+$selected-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.checkbox.selected.icon.color (Enabled / Icon)
+$selected-icon-color: md-sys-color.$on-primary;
+/// md.comp.checkbox.selected.pressed.container.color (Pressed (ripple) / Container)
+$selected-pressed-container-color: md-sys-color.$primary;
+/// md.comp.checkbox.selected.pressed.icon.color (Pressed (ripple) / Icon)
+$selected-pressed-icon-color: md-sys-color.$on-primary;
+/// md.comp.checkbox.selected.pressed.state-layer.color (Pressed (ripple) / State layer)
+$selected-pressed-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.checkbox.selected.pressed.state-layer.opacity (Pressed (ripple) / State layer)
+$selected-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.checkbox.state-layer.shape (Enabled / State layer)
+$state-layer-shape: md-sys-shape.$corner-full;
+/// md.comp.checkbox.unselected.disabled.outline.color (Disabled / Container)
+$unselected-disabled-outline-color: md-sys-color.$on-surface;
+/// md.comp.checkbox.unselected.error.focus.outline.color (Focused / Container)
+$unselected-error-focus-outline-color: md-sys-color.$error;
+/// md.comp.checkbox.unselected.error.hover.outline.color (Hovered / Container)
+$unselected-error-hover-outline-color: md-sys-color.$error;
+/// md.comp.checkbox.unselected.error.outline.color (Enabled / Container)
+$unselected-error-outline-color: md-sys-color.$error;
+/// md.comp.checkbox.unselected.error.pressed.outline.color (Pressed (ripple) / Container)
+$unselected-error-pressed-outline-color: md-sys-color.$error;
+/// md.comp.checkbox.unselected.focus.icon.color (Focused / Icon)
+///
+/// @deprecated Checkbox changed how rendering was specified, if these are needed, copy to your own tokens.
+$unselected-focus-icon-color: md-sys-color.$on-surface;
+/// md.comp.checkbox.unselected.focus.outline.color (Focused / Container)
+$unselected-focus-outline-color: md-sys-color.$on-surface;
+/// md.comp.checkbox.unselected.focus.state-layer.color (Focused / State layer)
+$unselected-focus-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.checkbox.unselected.focus.state-layer.opacity (Focused / State layer)
+$unselected-focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.checkbox.unselected.hover.icon.color (Hovered / Icon)
+///
+/// @deprecated Checkbox changed how rendering was specified, if these are needed, copy to your own tokens.
+$unselected-hover-icon-color: md-sys-color.$on-surface;
+/// md.comp.checkbox.unselected.hover.outline.color (Hovered / Container)
+$unselected-hover-outline-color: md-sys-color.$on-surface;
+/// md.comp.checkbox.unselected.hover.state-layer.color (Hovered / State layer)
+$unselected-hover-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.checkbox.unselected.hover.state-layer.opacity (Hovered / State layer)
+$unselected-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.checkbox.unselected.icon.color (Enabled / Icon)
+///
+/// @deprecated Checkbox changed how rendering was specified, if these are needed, copy to your own tokens.
+$unselected-icon-color: md-sys-color.$on-surface;
+/// md.comp.checkbox.unselected.outline.color (Enabled / Container)
+$unselected-outline-color: md-sys-color.$on-surface-variant;
+/// md.comp.checkbox.unselected.pressed.icon.color (Pressed (ripple) / Icon)
+///
+/// @deprecated Checkbox changed how rendering was specified, if these are needed, copy to your own tokens.
+$unselected-pressed-icon-color: md-sys-color.$on-surface;
+/// md.comp.checkbox.unselected.pressed.outline.color (Pressed (ripple) / Container)
+$unselected-pressed-outline-color: md-sys-color.$on-surface;
+/// md.comp.checkbox.unselected.pressed.state-layer.color (Pressed (ripple) / State layer)
+$unselected-pressed-state-layer-color: md-sys-color.$primary;
+/// md.comp.checkbox.unselected.pressed.state-layer.opacity (Pressed (ripple) / State layer)
+$unselected-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
diff --git a/tokens/versions/v30_0/sass/_md-comp-circular-progress-indicator.scss b/tokens/versions/v30_0/sass/_md-comp-circular-progress-indicator.scss
new file mode 100644
index 0000000000..c2289b5f7c
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-circular-progress-indicator.scss
@@ -0,0 +1,52 @@
+//
+// 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';
+
+/// md.comp.circular-progress-indicator.active-indicator.width ([Deprecated] Enabled / [Deprecated] Active indicator)
+///
+/// @deprecated Token set deprecated in favour of a merged token set which combines the circular and linear progress indicator. Please use "md.com.progress-indicator" tokens instead.
+$active-indicator-width: 4px;
+/// md.comp.circular-progress-indicator.size ([Deprecated] Enabled / [Deprecated] Active indicator)
+///
+/// @deprecated Token set deprecated in favour of a merged token set which combines the circular and linear progress indicator. Please use "md.com.progress-indicator" tokens instead.
+$size: 48px;
+/// md.comp.circular-progress-indicator.active-indicator.color ([Deprecated] Enabled / [Deprecated] Active indicator)
+///
+/// @deprecated Token set deprecated in favour of a merged token set which combines the circular and linear progress indicator. Please use "md.com.progress-indicator" tokens instead.
+$active-indicator-color: md-sys-color.$primary;
+/// md.comp.circular-progress-indicator.active-indicator.shape ([Deprecated] Enabled / [Deprecated] Active indicator)
+///
+/// @deprecated Token set deprecated in favour of a merged token set which combines the circular and linear progress indicator. Please use "md.com.progress-indicator" tokens instead.
+$active-indicator-shape: md-sys-shape.$corner-none;
+/// md.comp.circular-progress-indicator.four-color.active-indicator.four.color ([Deprecated] Enabled / [Deprecated] Active indicator)
+///
+/// @deprecated Token set deprecated in favour of a merged token set which combines the circular and linear progress indicator. Please use "md.com.progress-indicator" tokens instead.
+$four-color-active-indicator-four-color: md-sys-color.$tertiary-container;
+/// md.comp.circular-progress-indicator.four-color.active-indicator.one.color ([Deprecated] Enabled / [Deprecated] Active indicator)
+///
+/// @deprecated Token set deprecated in favour of a merged token set which combines the circular and linear progress indicator. Please use "md.com.progress-indicator" tokens instead.
+$four-color-active-indicator-one-color: md-sys-color.$primary;
+/// md.comp.circular-progress-indicator.four-color.active-indicator.three.color ([Deprecated] Enabled / [Deprecated] Active indicator)
+///
+/// @deprecated Token set deprecated in favour of a merged token set which combines the circular and linear progress indicator. Please use "md.com.progress-indicator" tokens instead.
+$four-color-active-indicator-three-color: md-sys-color.$tertiary;
+/// md.comp.circular-progress-indicator.four-color.active-indicator.two.color ([Deprecated] Enabled / [Deprecated] Active indicator)
+///
+/// @deprecated Token set deprecated in favour of a merged token set which combines the circular and linear progress indicator. Please use "md.com.progress-indicator" tokens instead.
+$four-color-active-indicator-two-color: md-sys-color.$primary-container;
diff --git a/tokens/versions/v30_0/sass/_md-comp-data-table.scss b/tokens/versions/v30_0/sass/_md-comp-data-table.scss
new file mode 100644
index 0000000000..a4a850d317
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-data-table.scss
@@ -0,0 +1,110 @@
+//
+// 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-state';
+@use 'md-sys-typescale';
+
+/// md.comp.data-table.footer.container.height
+$footer-container-height: 52px;
+/// md.comp.data-table.footer.outlined-select.text-field.container.height
+///
+/// @deprecated Deprecating this token until we have density tokens that can support our outline-select component.
+$footer-outlined-select-text-field-container-height: 36px;
+/// md.comp.data-table.header.container.height
+$header-container-height: 56px;
+/// md.comp.data-table.outline.width
+$outline-width: 1px;
+/// md.comp.data-table.row-item.container.height
+$row-item-container-height: 52px;
+/// md.comp.data-table.row-item.disabled.label-text.opacity
+$row-item-disabled-label-text-opacity: 0.38;
+/// md.comp.data-table.row-item.divider.thickness
+///
+/// @deprecated Replacing divider with outline. Please use md.comp.data-table.row-item.outline.* instead.
+$row-item-divider-thickness: 1px;
+/// md.comp.data-table.row-item.outline.width
+$row-item-outline-width: 1px;
+/// md.comp.data-table.container.shape
+$container-shape: md-sys-shape.$corner-extra-small;
+/// md.comp.data-table.footer.container.color
+$footer-container-color: md-sys-color.$surface;
+/// md.comp.data-table.footer.supporting-text.color
+$footer-supporting-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.data-table.footer.supporting-text.font
+$footer-supporting-text-font: md-sys-typescale.$body-medium-font;
+/// md.comp.data-table.footer.supporting-text.line-height
+$footer-supporting-text-line-height: md-sys-typescale.$body-medium-line-height;
+/// md.comp.data-table.footer.supporting-text.size
+$footer-supporting-text-size: md-sys-typescale.$body-medium-size;
+/// md.comp.data-table.footer.supporting-text.tracking
+$footer-supporting-text-tracking: md-sys-typescale.$body-medium-tracking;
+/// md.comp.data-table.footer.supporting-text.weight
+$footer-supporting-text-weight: md-sys-typescale.$body-medium-weight;
+/// md.comp.data-table.header.container.color
+$header-container-color: md-sys-color.$surface;
+/// md.comp.data-table.header.headline.color
+$header-headline-color: md-sys-color.$on-surface-variant;
+/// md.comp.data-table.header.headline.font
+$header-headline-font: md-sys-typescale.$title-small-font;
+/// md.comp.data-table.header.headline.line-height
+$header-headline-line-height: md-sys-typescale.$title-small-line-height;
+/// md.comp.data-table.header.headline.size
+$header-headline-size: md-sys-typescale.$title-small-size;
+/// md.comp.data-table.header.headline.tracking
+$header-headline-tracking: md-sys-typescale.$title-small-tracking;
+/// md.comp.data-table.header.headline.weight
+$header-headline-weight: md-sys-typescale.$title-small-weight;
+/// md.comp.data-table.header.hover.headline.color
+$header-hover-headline-color: md-sys-color.$on-surface;
+/// md.comp.data-table.header.hover.sorting.icon-button.color
+$header-hover-sorting-icon-button-color: md-sys-color.$on-surface;
+/// md.comp.data-table.outline.color
+$outline-color: md-sys-color.$outline-variant;
+/// md.comp.data-table.row-item.disabled.label-text.color
+$row-item-disabled-label-text-color: md-sys-color.$on-surface;
+/// md.comp.data-table.row-item.divider.color
+///
+/// @deprecated Replacing divider with outline. Please use md.comp.data-table.row-item.outline.* instead.
+$row-item-divider-color: md-sys-color.$surface-variant;
+/// md.comp.data-table.row-item.label-text.color
+$row-item-label-text-color: md-sys-color.$on-surface;
+/// md.comp.data-table.row-item.label-text.font
+$row-item-label-text-font: md-sys-typescale.$body-medium-font;
+/// md.comp.data-table.row-item.label-text.line-height
+$row-item-label-text-line-height: md-sys-typescale.$body-medium-line-height;
+/// md.comp.data-table.row-item.label-text.size
+$row-item-label-text-size: md-sys-typescale.$body-medium-size;
+/// md.comp.data-table.row-item.label-text.tracking
+$row-item-label-text-tracking: md-sys-typescale.$body-medium-tracking;
+/// md.comp.data-table.row-item.label-text.weight
+$row-item-label-text-weight: md-sys-typescale.$body-medium-weight;
+/// md.comp.data-table.row-item.outline.color
+$row-item-outline-color: md-sys-color.$outline-variant;
+/// md.comp.data-table.row-item.selected.container.color
+$row-item-selected-container-color: md-sys-color.$surface-container-highest;
+/// md.comp.data-table.row-item.selected.hover.state-layer.color
+$row-item-selected-hover-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.data-table.row-item.selected.hover.state-layer.opacity
+$row-item-selected-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.data-table.row-item.unselected.container.color
+$row-item-unselected-container-color: md-sys-color.$surface;
+/// md.comp.data-table.row-item.unselected.hover.state-layer.color
+$row-item-unselected-hover-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.data-table.row-item.unselected.hover.state-layer.opacity
+$row-item-unselected-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
diff --git a/tokens/versions/v30_0/sass/_md-comp-date-input-modal.scss b/tokens/versions/v30_0/sass/_md-comp-date-input-modal.scss
new file mode 100644
index 0000000000..cbe2b68f28
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-date-input-modal.scss
@@ -0,0 +1,80 @@
+//
+// 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-typescale';
+
+/// md.comp.date-input.modal.container.height (Enabled / Container)
+$container-height: 512px;
+/// md.comp.date-input.modal.container.width (Enabled / Container)
+$container-width: 328px;
+/// md.comp.date-input.modal.header.container.height (Enabled / Container)
+$header-container-height: 120px;
+/// md.comp.date-input.modal.header.container.width (Enabled / Container)
+$header-container-width: 328px;
+/// md.comp.date-input.modal.container.color (Enabled / Container)
+$container-color: md-sys-color.$surface-container-high;
+/// md.comp.date-input.modal.container.elevation (Enabled / Container)
+$container-elevation: md-sys-elevation.$level3;
+/// md.comp.date-input.modal.container.shape (Enabled / Container)
+$container-shape: md-sys-shape.$corner-extra-large;
+/// md.comp.date-input.modal.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.date-input.modal.header.headline.color (Enabled / Headline)
+$header-headline-color: md-sys-color.$on-surface-variant;
+/// md.comp.date-input.modal.header.headline.font (Enabled / Headline)
+$header-headline-font: md-sys-typescale.$headline-large-font;
+/// md.comp.date-input.modal.header.headline.line-height (Enabled / Headline)
+$header-headline-line-height: md-sys-typescale.$headline-large-line-height;
+/// md.comp.date-input.modal.header.headline.size (Enabled / Headline)
+$header-headline-size: md-sys-typescale.$headline-large-size;
+/// md.comp.date-input.modal.header.headline.tracking (Enabled / Headline)
+$header-headline-tracking: md-sys-typescale.$headline-large-tracking;
+/// md.comp.date-input.modal.header.headline.weight (Enabled / Headline)
+$header-headline-weight: md-sys-typescale.$headline-large-weight;
+/// md.comp.date-input.modal.header.supporting-text.color (Enabled / Supporting text)
+$header-supporting-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.date-input.modal.header.supporting-text.font (Enabled / Supporting text)
+$header-supporting-text-font: md-sys-typescale.$label-large-font;
+/// md.comp.date-input.modal.header.supporting-text.line-height (Enabled / Supporting text)
+$header-supporting-text-line-height: md-sys-typescale.$label-large-line-height;
+/// md.comp.date-input.modal.header.supporting-text.size (Enabled / Supporting text)
+$header-supporting-text-size: md-sys-typescale.$label-large-size;
+/// md.comp.date-input.modal.header.supporting-text.tracking (Enabled / Supporting text)
+$header-supporting-text-tracking: md-sys-typescale.$label-large-tracking;
+/// md.comp.date-input.modal.header.supporting-text.weight (Enabled / Supporting text)
+$header-supporting-text-weight: md-sys-typescale.$label-large-weight;
+/// md.comp.date-input.modal.header.headline.type (Enabled / Headline)
+@mixin header-headline-type {
+  font-family: $header-headline-font;
+  font-size: $header-headline-size;
+  font-weight: $header-headline-weight;
+  letter-spacing: $header-headline-tracking;
+  line-height: $header-headline-line-height;
+}
+/// md.comp.date-input.modal.header.supporting-text.type (Enabled / Supporting text)
+@mixin header-supporting-text-type {
+  font-family: $header-supporting-text-font;
+  font-size: $header-supporting-text-size;
+  font-weight: $header-supporting-text-weight;
+  letter-spacing: $header-supporting-text-tracking;
+  line-height: $header-supporting-text-line-height;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-date-picker-docked.scss b/tokens/versions/v30_0/sass/_md-comp-date-picker-docked.scss
new file mode 100644
index 0000000000..a04fdfadb2
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-date-picker-docked.scss
@@ -0,0 +1,241 @@
+//
+// 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-typescale';
+
+/// md.comp.date-picker.docked.container.height (Enabled / Container)
+$container-height: 456px;
+/// md.comp.date-picker.docked.container.width (Enabled / Container)
+$container-width: 360px;
+/// md.comp.date-picker.docked.date.container.height (Enabled / Container)
+$date-container-height: 48px;
+/// md.comp.date-picker.docked.date.container.width (Enabled / Container)
+$date-container-width: 48px;
+/// md.comp.date-picker.docked.date.state-layer.height (Enabled / State layer)
+$date-state-layer-height: 40px;
+/// md.comp.date-picker.docked.date.state-layer.width (Enabled / State layer)
+$date-state-layer-width: 40px;
+/// md.comp.date-picker.docked.date.today.container.outline.width (Enabled / Container)
+$date-today-container-outline-width: 1px;
+/// md.comp.date-picker.docked.date.unselected.outside-month.label-text.opacity (Enabled / Label text)
+$date-unselected-outside-month-label-text-opacity: 0.38;
+/// md.comp.date-picker.docked.header.height (Enabled / Header)
+$header-height: 64px;
+/// md.comp.date-picker.docked.menu-button.container.height (Enabled / Container)
+$menu-button-container-height: 40px;
+/// md.comp.date-picker.docked.menu-button.disabled.icon.opacity (Disabled / Icon)
+$menu-button-disabled-icon-opacity: 0.38;
+/// md.comp.date-picker.docked.menu-button.disabled.label-text.opacity (Disabled / Label text)
+$menu-button-disabled-label-text-opacity: 0.38;
+/// md.comp.date-picker.docked.menu-button.icon.size (Enabled / Icon)
+$menu-button-icon-size: 18px;
+/// md.comp.date-picker.docked.menu.list-item.container.height (Enabled / Container)
+$menu-list-item-container-height: 48px;
+/// md.comp.date-picker.docked.menu.list-item.selected.leading-icon.size (Enabled / Leading icon)
+$menu-list-item-selected-leading-icon-size: 24px;
+/// md.comp.date-picker.docked.container.color (Enabled / Container)
+$container-color: md-sys-color.$surface-container-high;
+/// md.comp.date-picker.docked.container.elevation (Enabled / Container)
+$container-elevation: md-sys-elevation.$level3;
+/// md.comp.date-picker.docked.container.shape (Enabled / Container)
+$container-shape: md-sys-shape.$corner-large;
+/// md.comp.date-picker.docked.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.date-picker.docked.date.container.shape (Enabled / Container)
+$date-container-shape: md-sys-shape.$corner-full;
+/// md.comp.date-picker.docked.date.focus.state-layer.opacity (Focused / State layer)
+$date-focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.date-picker.docked.date.hover.state-layer.opacity (Hovered / State layer)
+$date-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.date-picker.docked.date.label-text.font (Enabled / Label text)
+$date-label-text-font: md-sys-typescale.$body-large-font;
+/// md.comp.date-picker.docked.date.label-text.line-height (Enabled / Label text)
+$date-label-text-line-height: md-sys-typescale.$body-large-line-height;
+/// md.comp.date-picker.docked.date.label-text.size (Enabled / Label text)
+$date-label-text-size: md-sys-typescale.$body-large-size;
+/// md.comp.date-picker.docked.date.label-text.tracking (Enabled / Label text)
+$date-label-text-tracking: md-sys-typescale.$body-large-tracking;
+/// md.comp.date-picker.docked.date.label-text.weight (Enabled / Label text)
+$date-label-text-weight: md-sys-typescale.$body-large-weight;
+/// md.comp.date-picker.docked.date.pressed.state-layer.opacity (Pressed (ripple) / State layer)
+$date-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.date-picker.docked.date.selected.container.color (Enabled / Container)
+$date-selected-container-color: md-sys-color.$primary;
+/// md.comp.date-picker.docked.date.selected.focus.state-layer.color (Focused / State layer)
+$date-selected-focus-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.date-picker.docked.date.selected.hover.state-layer.color (Hovered / State layer)
+$date-selected-hover-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.date-picker.docked.date.selected.label-text.color (Enabled / Label text)
+$date-selected-label-text-color: md-sys-color.$on-primary;
+/// md.comp.date-picker.docked.date.selected.pressed.state-layer.color (Pressed (ripple) / State layer)
+$date-selected-pressed-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.date-picker.docked.date.state-layer.shape (Enabled / State layer)
+$date-state-layer-shape: md-sys-shape.$corner-full;
+/// md.comp.date-picker.docked.date.today.container.outline.color (Enabled / Container)
+$date-today-container-outline-color: md-sys-color.$primary;
+/// md.comp.date-picker.docked.date.today.focus.state-layer.color (Focused / State layer)
+$date-today-focus-state-layer-color: md-sys-color.$primary;
+/// md.comp.date-picker.docked.date.today.hover.state-layer.color (Hovered / State layer)
+$date-today-hover-state-layer-color: md-sys-color.$primary;
+/// md.comp.date-picker.docked.date.today.label-text.color (Enabled / Label text)
+$date-today-label-text-color: md-sys-color.$primary;
+/// md.comp.date-picker.docked.date.today.pressed.state-layer.color (Pressed (ripple) / State layer)
+$date-today-pressed-state-layer-color: md-sys-color.$primary;
+/// md.comp.date-picker.docked.date.unselected.focus.state-layer.color (Focused / State layer)
+$date-unselected-focus-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.date-picker.docked.date.unselected.hover.state-layer.color (Hovered / State layer)
+$date-unselected-hover-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.date-picker.docked.date.unselected.label-text.color (Enabled / Label text)
+$date-unselected-label-text-color: md-sys-color.$on-surface;
+/// md.comp.date-picker.docked.date.unselected.outside-month.label-text.color (Enabled / Label text)
+$date-unselected-outside-month-label-text-color: md-sys-color.$on-surface;
+/// md.comp.date-picker.docked.date.unselected.pressed.state-layer.color (Pressed (ripple) / State layer)
+$date-unselected-pressed-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.date-picker.docked.menu-button.container.shape (Enabled / Container)
+$menu-button-container-shape: md-sys-shape.$corner-full;
+/// md.comp.date-picker.docked.menu-button.disabled.icon.color (Disabled / Icon)
+$menu-button-disabled-icon-color: md-sys-color.$on-surface;
+/// md.comp.date-picker.docked.menu-button.disabled.label-text.color (Disabled / Label text)
+$menu-button-disabled-label-text-color: md-sys-color.$on-surface;
+/// md.comp.date-picker.docked.menu-button.focus.icon.color (Focused / Icon)
+$menu-button-focus-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.date-picker.docked.menu-button.focus.label-text.color (Focused / Label text)
+$menu-button-focus-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.date-picker.docked.menu-button.focus.state-layer.color (Focused / State layer)
+$menu-button-focus-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.date-picker.docked.menu-button.focus.state-layer.opacity (Focused / State layer)
+$menu-button-focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.date-picker.docked.menu-button.hover.icon.color (Hovered / Icon)
+$menu-button-hover-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.date-picker.docked.menu-button.hover.label-text.color (Hovered / Label text)
+$menu-button-hover-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.date-picker.docked.menu-button.hover.state-layer.color (Hovered / State layer)
+$menu-button-hover-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.date-picker.docked.menu-button.hover.state-layer.opacity (Hovered / State layer)
+$menu-button-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.date-picker.docked.menu-button.icon.color (Enabled / Icon)
+$menu-button-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.date-picker.docked.menu-button.label-text.color (Enabled / Label text)
+$menu-button-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.date-picker.docked.menu-button.label-text.font (Enabled / Label text)
+$menu-button-label-text-font: md-sys-typescale.$label-large-font;
+/// md.comp.date-picker.docked.menu-button.label-text.line-height (Enabled / Label text)
+$menu-button-label-text-line-height: md-sys-typescale.$label-large-line-height;
+/// md.comp.date-picker.docked.menu-button.label-text.size (Enabled / Label text)
+$menu-button-label-text-size: md-sys-typescale.$label-large-size;
+/// md.comp.date-picker.docked.menu-button.label-text.tracking (Enabled / Label text)
+$menu-button-label-text-tracking: md-sys-typescale.$label-large-tracking;
+/// md.comp.date-picker.docked.menu-button.label-text.weight (Enabled / Label text)
+$menu-button-label-text-weight: md-sys-typescale.$label-large-weight;
+/// md.comp.date-picker.docked.menu-button.pressed.icon.color (Pressed (ripple) / Icon)
+$menu-button-pressed-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.date-picker.docked.menu-button.pressed.label-text.color (Pressed (ripple) / Label text)
+$menu-button-pressed-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.date-picker.docked.menu-button.pressed.state-layer.color (Pressed (ripple) / State layer)
+$menu-button-pressed-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.date-picker.docked.menu-button.pressed.state-layer.opacity (Pressed (ripple) / State layer)
+$menu-button-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.date-picker.docked.menu.list-item.focus.label-text.color (Focused / Label text)
+$menu-list-item-focus-label-text-color: md-sys-color.$on-surface;
+/// md.comp.date-picker.docked.menu.list-item.focus.state-layer.color (Focused / State layer)
+$menu-list-item-focus-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.date-picker.docked.menu.list-item.focus.state-layer.opacity (Focused / State layer)
+$menu-list-item-focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.date-picker.docked.menu.list-item.hover.label-text.color (Hovered / Label text)
+$menu-list-item-hover-label-text-color: md-sys-color.$on-surface;
+/// md.comp.date-picker.docked.menu.list-item.hover.state-layer.color (Hovered / State layer)
+$menu-list-item-hover-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.date-picker.docked.menu.list-item.hover.state-layer.opacity (Hovered / State layer)
+$menu-list-item-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.date-picker.docked.menu.list-item.label-text.color (Enabled / Label text)
+$menu-list-item-label-text-color: md-sys-color.$on-surface;
+/// md.comp.date-picker.docked.menu.list-item.label-text.font (Enabled / Label text)
+$menu-list-item-label-text-font: md-sys-typescale.$body-large-font;
+/// md.comp.date-picker.docked.menu.list-item.label-text.line-height (Enabled / Label text)
+$menu-list-item-label-text-line-height: md-sys-typescale.$body-large-line-height;
+/// md.comp.date-picker.docked.menu.list-item.label-text.size (Enabled / Label text)
+$menu-list-item-label-text-size: md-sys-typescale.$body-large-size;
+/// md.comp.date-picker.docked.menu.list-item.label-text.tracking (Enabled / Label text)
+$menu-list-item-label-text-tracking: md-sys-typescale.$body-large-tracking;
+/// md.comp.date-picker.docked.menu.list-item.label-text.weight (Enabled / Label text)
+$menu-list-item-label-text-weight: md-sys-typescale.$body-large-weight;
+/// md.comp.date-picker.docked.menu.list-item.pressed.label-text.color (Pressed (ripple) / Label text)
+$menu-list-item-pressed-label-text-color: md-sys-color.$on-surface;
+/// md.comp.date-picker.docked.menu.list-item.pressed.state-layer.color (Pressed (ripple) / State layer)
+$menu-list-item-pressed-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.date-picker.docked.menu.list-item.pressed.state-layer.opacity (Pressed (ripple) / State layer)
+$menu-list-item-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.date-picker.docked.menu.list-item.selected.container.color (Enabled / Container)
+$menu-list-item-selected-container-color: md-sys-color.$surface-variant;
+/// md.comp.date-picker.docked.menu.list-item.selected.focus.leading-icon.color (Focused / Leading icon)
+$menu-list-item-selected-focus-leading-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.date-picker.docked.menu.list-item.selected.hover.leading-icon.color (Hovered / Leading icon)
+$menu-list-item-selected-hover-leading-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.date-picker.docked.menu.list-item.selected.leading-icon.color (Enabled / Leading icon)
+$menu-list-item-selected-leading-icon-color: md-sys-color.$on-surface;
+/// md.comp.date-picker.docked.menu.list-item.selected.pressed.leading-icon.color (Pressed (ripple) / Leading icon)
+$menu-list-item-selected-pressed-leading-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.date-picker.docked.weekdays.label-text.color (Enabled / Label text)
+$weekdays-label-text-color: md-sys-color.$on-surface;
+/// md.comp.date-picker.docked.weekdays.label-text.font (Enabled / Label text)
+$weekdays-label-text-font: md-sys-typescale.$body-large-font;
+/// md.comp.date-picker.docked.weekdays.label-text.line-height (Enabled / Label text)
+$weekdays-label-text-line-height: md-sys-typescale.$body-large-line-height;
+/// md.comp.date-picker.docked.weekdays.label-text.size (Enabled / Label text)
+$weekdays-label-text-size: md-sys-typescale.$body-large-size;
+/// md.comp.date-picker.docked.weekdays.label-text.tracking (Enabled / Label text)
+$weekdays-label-text-tracking: md-sys-typescale.$body-large-tracking;
+/// md.comp.date-picker.docked.weekdays.label-text.weight (Enabled / Label text)
+$weekdays-label-text-weight: md-sys-typescale.$body-large-weight;
+/// md.comp.date-picker.docked.date.label-text.type (Enabled / Label text)
+@mixin date-label-text-type {
+  font-family: $date-label-text-font;
+  font-size: $date-label-text-size;
+  font-weight: $date-label-text-weight;
+  letter-spacing: $date-label-text-tracking;
+  line-height: $date-label-text-line-height;
+}
+/// md.comp.date-picker.docked.menu-button.label-text.type (Enabled / Label text)
+@mixin menu-button-label-text-type {
+  font-family: $menu-button-label-text-font;
+  font-size: $menu-button-label-text-size;
+  font-weight: $menu-button-label-text-weight;
+  letter-spacing: $menu-button-label-text-tracking;
+  line-height: $menu-button-label-text-line-height;
+}
+/// md.comp.date-picker.docked.menu.list-item.label-text.type (Enabled / Label text)
+@mixin menu-list-item-label-text-type {
+  font-family: $menu-list-item-label-text-font;
+  font-size: $menu-list-item-label-text-size;
+  font-weight: $menu-list-item-label-text-weight;
+  letter-spacing: $menu-list-item-label-text-tracking;
+  line-height: $menu-list-item-label-text-line-height;
+}
+/// md.comp.date-picker.docked.weekdays.label-text.type (Enabled / Label text)
+@mixin weekdays-label-text-type {
+  font-family: $weekdays-label-text-font;
+  font-size: $weekdays-label-text-size;
+  font-weight: $weekdays-label-text-weight;
+  letter-spacing: $weekdays-label-text-tracking;
+  line-height: $weekdays-label-text-line-height;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-date-picker-modal.scss b/tokens/versions/v30_0/sass/_md-comp-date-picker-modal.scss
new file mode 100644
index 0000000000..cf482a6c6d
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-date-picker-modal.scss
@@ -0,0 +1,295 @@
+//
+// 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-typescale';
+
+/// md.comp.date-picker.modal.container.height (Enabled / Container)
+$container-height: 524px;
+/// md.comp.date-picker.modal.container.width (Enabled / Container)
+$container-width: 360px;
+/// md.comp.date-picker.modal.date.container.height (Enabled / Container)
+$date-container-height: 40px;
+/// md.comp.date-picker.modal.date.container.width (Enabled / Container)
+$date-container-width: 40px;
+/// md.comp.date-picker.modal.date.state-layer.height (Enabled / State layer)
+$date-state-layer-height: 40px;
+/// md.comp.date-picker.modal.date.state-layer.width (Enabled / State layer)
+$date-state-layer-width: 40px;
+/// md.comp.date-picker.modal.date.today.container.outline.width (Enabled / Container)
+$date-today-container-outline-width: 1px;
+/// md.comp.date-picker.modal.header.container.height (Enabled / Container)
+$header-container-height: 120px;
+/// md.comp.date-picker.modal.header.container.width (Enabled / Container)
+$header-container-width: 360px;
+/// md.comp.date-picker.modal.range-selection.active-indicator.container.height (Enabled / Container)
+$range-selection-active-indicator-container-height: 40px;
+/// md.comp.date-picker.modal.range-selection.header.container.height (Enabled / Container)
+$range-selection-header-container-height: 128px;
+/// md.comp.date-picker.modal.year-selection.year.container.height (Enabled / Container)
+$year-selection-year-container-height: 36px;
+/// md.comp.date-picker.modal.year-selection.year.container.width (Enabled / Container)
+$year-selection-year-container-width: 72px;
+/// md.comp.date-picker.modal.year-selection.year.state-layer.height (Enabled / State layer)
+$year-selection-year-state-layer-height: 36px;
+/// md.comp.date-picker.modal.year-selection.year.state-layer.width (Enabled / State layer)
+$year-selection-year-state-layer-width: 72px;
+/// md.comp.date-picker.modal.container.color (Enabled / Container)
+$container-color: md-sys-color.$surface-container-high;
+/// md.comp.date-picker.modal.container.elevation (Enabled / Container)
+$container-elevation: md-sys-elevation.$level3;
+/// md.comp.date-picker.modal.container.shape (Enabled / Container)
+$container-shape: md-sys-shape.$corner-extra-large;
+/// md.comp.date-picker.modal.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.date-picker.modal.date.container.shape (Enabled / Container)
+$date-container-shape: md-sys-shape.$corner-full;
+/// md.comp.date-picker.modal.date.focus.state-layer.opacity (Focused / State layer)
+$date-focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.date-picker.modal.date.hover.state-layer.opacity (Hovered / State layer)
+$date-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.date-picker.modal.date.label-text.font (Enabled / Label text)
+$date-label-text-font: md-sys-typescale.$body-large-font;
+/// md.comp.date-picker.modal.date.label-text.line-height (Enabled / Label text)
+$date-label-text-line-height: md-sys-typescale.$body-large-line-height;
+/// md.comp.date-picker.modal.date.label-text.size (Enabled / Label text)
+$date-label-text-size: md-sys-typescale.$body-large-size;
+/// md.comp.date-picker.modal.date.label-text.tracking (Enabled / Label text)
+$date-label-text-tracking: md-sys-typescale.$body-large-tracking;
+/// md.comp.date-picker.modal.date.label-text.weight (Enabled / Label text)
+$date-label-text-weight: md-sys-typescale.$body-large-weight;
+/// md.comp.date-picker.modal.date.pressed.state-layer.opacity (Pressed (ripple) / State layer)
+$date-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.date-picker.modal.date.selected.container.color (Enabled / Container)
+$date-selected-container-color: md-sys-color.$primary;
+/// md.comp.date-picker.modal.date.selected.focus.state-layer.color (Focused / State layer)
+$date-selected-focus-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.date-picker.modal.date.selected.hover.state-layer.color (Hovered / State layer)
+$date-selected-hover-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.date-picker.modal.date.selected.label-text.color (Enabled / Label text)
+$date-selected-label-text-color: md-sys-color.$on-primary;
+/// md.comp.date-picker.modal.date.selected.pressed.state-layer.color (Pressed (ripple) / State layer)
+$date-selected-pressed-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.date-picker.modal.date.state-layer.shape (Enabled / State layer)
+$date-state-layer-shape: md-sys-shape.$corner-full;
+/// md.comp.date-picker.modal.date.today.container.outline.color (Enabled / Container)
+$date-today-container-outline-color: md-sys-color.$primary;
+/// md.comp.date-picker.modal.date.today.focus.state-layer.color (Focused / State layer)
+$date-today-focus-state-layer-color: md-sys-color.$primary;
+/// md.comp.date-picker.modal.date.today.hover.state-layer.color (Hovered / State layer)
+$date-today-hover-state-layer-color: md-sys-color.$primary;
+/// md.comp.date-picker.modal.date.today.label-text.color (Enabled / Label text)
+$date-today-label-text-color: md-sys-color.$primary;
+/// md.comp.date-picker.modal.date.today.pressed.state-layer.color (Pressed (ripple) / State layer)
+$date-today-pressed-state-layer-color: md-sys-color.$primary;
+/// md.comp.date-picker.modal.date.unselected.focus.state-layer.color (Focused / State layer)
+$date-unselected-focus-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.date-picker.modal.date.unselected.hover.state-layer.color (Hovered / State layer)
+$date-unselected-hover-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.date-picker.modal.date.unselected.label-text.color (Enabled / Label text)
+$date-unselected-label-text-color: md-sys-color.$on-surface;
+/// md.comp.date-picker.modal.date.unselected.pressed.state-layer.color (Pressed (ripple) / State layer)
+$date-unselected-pressed-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.date-picker.modal.header.headline.color (Enabled / Headline)
+$header-headline-color: md-sys-color.$on-surface-variant;
+/// md.comp.date-picker.modal.header.headline.font (Enabled / Headline)
+$header-headline-font: md-sys-typescale.$headline-large-font;
+/// md.comp.date-picker.modal.header.headline.line-height (Enabled / Headline)
+$header-headline-line-height: md-sys-typescale.$headline-large-line-height;
+/// md.comp.date-picker.modal.header.headline.size (Enabled / Headline)
+$header-headline-size: md-sys-typescale.$headline-large-size;
+/// md.comp.date-picker.modal.header.headline.tracking (Enabled / Headline)
+$header-headline-tracking: md-sys-typescale.$headline-large-tracking;
+/// md.comp.date-picker.modal.header.headline.weight (Enabled / Headline)
+$header-headline-weight: md-sys-typescale.$headline-large-weight;
+/// md.comp.date-picker.modal.header.supporting-text.color (Enabled / Header)
+$header-supporting-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.date-picker.modal.header.supporting-text.font (Enabled / Header)
+$header-supporting-text-font: md-sys-typescale.$label-large-font;
+/// md.comp.date-picker.modal.header.supporting-text.line-height (Enabled / Header)
+$header-supporting-text-line-height: md-sys-typescale.$label-large-line-height;
+/// md.comp.date-picker.modal.header.supporting-text.size (Enabled / Header)
+$header-supporting-text-size: md-sys-typescale.$label-large-size;
+/// md.comp.date-picker.modal.header.supporting-text.tracking (Enabled / Header)
+$header-supporting-text-tracking: md-sys-typescale.$label-large-tracking;
+/// md.comp.date-picker.modal.header.supporting-text.weight (Enabled / Header)
+$header-supporting-text-weight: md-sys-typescale.$label-large-weight;
+/// md.comp.date-picker.modal.range-selection.active-indicator.container.color (Enabled / Container)
+$range-selection-active-indicator-container-color: md-sys-color.$secondary-container;
+/// md.comp.date-picker.modal.range-selection.active-indicator.container.shape (Enabled / Container)
+$range-selection-active-indicator-container-shape: md-sys-shape.$corner-full;
+/// md.comp.date-picker.modal.range-selection.container.elevation (Enabled / Container)
+$range-selection-container-elevation: md-sys-elevation.$level0;
+/// md.comp.date-picker.modal.range-selection.container.shape (Enabled / Container)
+$range-selection-container-shape: md-sys-shape.$corner-none;
+/// md.comp.date-picker.modal.range-selection.date.in-range.focus.state-layer.color (Focused / State layer)
+$range-selection-date-in-range-focus-state-layer-color: md-sys-color.$on-primary-container;
+/// md.comp.date-picker.modal.range-selection.date.in-range.focus.state-layer.opacity (Focused / State layer)
+$range-selection-date-in-range-focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.date-picker.modal.range-selection.date.in-range.focus.state-layer.opcaity (Focused / State layer)
+///
+/// @deprecated Fixed spelling (was ".opcaity" should be ".opacity")
+$range-selection-date-in-range-focus-state-layer-opcaity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.date-picker.modal.range-selection.date.in-range.hover.state-layer.color (Hovered / State layer)
+$range-selection-date-in-range-hover-state-layer-color: md-sys-color.$on-primary-container;
+/// md.comp.date-picker.modal.range-selection.date.in-range.hover.state-layer.opacity (Hovered / State layer)
+$range-selection-date-in-range-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.date-picker.modal.range-selection.date.in-range.hover.state-layer.opcaity (Hovered / State layer)
+///
+/// @deprecated Fixed spelling (was ".opcaity" should be ".opacity")
+$range-selection-date-in-range-hover-state-layer-opcaity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.date-picker.modal.range-selection.date.in-range.label-text.color (Enabled / Label text)
+$range-selection-date-in-range-label-text-color: md-sys-color.$on-secondary-container;
+/// md.comp.date-picker.modal.range-selection.date.in-range.pressed.state-layer.color (Pressed (ripple) / State layer)
+$range-selection-date-in-range-pressed-state-layer-color: md-sys-color.$on-primary-container;
+/// md.comp.date-picker.modal.range-selection.date.in-range.pressed.state-layer.opacity (Pressed (ripple) / State layer)
+$range-selection-date-in-range-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.date-picker.modal.range-selection.date.in-range.pressed.state-layer.opcaity (Pressed (ripple) / State layer)
+///
+/// @deprecated Fixed spelling (was ".opcaity" should be ".opacity")
+$range-selection-date-in-range-pressed-state-layer-opcaity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.date-picker.modal.range-selection.header.headline.font (Enabled / Headline)
+$range-selection-header-headline-font: md-sys-typescale.$title-large-font;
+/// md.comp.date-picker.modal.range-selection.header.headline.line-height (Enabled / Headline)
+$range-selection-header-headline-line-height: md-sys-typescale.$title-large-line-height;
+/// md.comp.date-picker.modal.range-selection.header.headline.size (Enabled / Headline)
+$range-selection-header-headline-size: md-sys-typescale.$title-large-size;
+/// md.comp.date-picker.modal.range-selection.header.headline.tracking (Enabled / Headline)
+$range-selection-header-headline-tracking: md-sys-typescale.$title-large-tracking;
+/// md.comp.date-picker.modal.range-selection.header.headline.weight (Enabled / Headline)
+$range-selection-header-headline-weight: md-sys-typescale.$title-large-weight;
+/// md.comp.date-picker.modal.range-selection.month.subhead.color (Enabled / Subhead)
+$range-selection-month-subhead-color: md-sys-color.$on-surface-variant;
+/// md.comp.date-picker.modal.range-selection.month.subhead.font (Enabled / Subhead)
+$range-selection-month-subhead-font: md-sys-typescale.$title-small-font;
+/// md.comp.date-picker.modal.range-selection.month.subhead.line-height (Enabled / Subhead)
+$range-selection-month-subhead-line-height: md-sys-typescale.$title-small-line-height;
+/// md.comp.date-picker.modal.range-selection.month.subhead.size (Enabled / Subhead)
+$range-selection-month-subhead-size: md-sys-typescale.$title-small-size;
+/// md.comp.date-picker.modal.range-selection.month.subhead.tracking (Enabled / Subhead)
+$range-selection-month-subhead-tracking: md-sys-typescale.$title-small-tracking;
+/// md.comp.date-picker.modal.range-selection.month.subhead.weight (Enabled / Subhead)
+$range-selection-month-subhead-weight: md-sys-typescale.$title-small-weight;
+/// md.comp.date-picker.modal.weekdays.label-text.color (Enabled / Label text)
+$weekdays-label-text-color: md-sys-color.$on-surface;
+/// md.comp.date-picker.modal.weekdays.label-text.font (Enabled / Label text)
+$weekdays-label-text-font: md-sys-typescale.$body-large-font;
+/// md.comp.date-picker.modal.weekdays.label-text.line-height (Enabled / Label text)
+$weekdays-label-text-line-height: md-sys-typescale.$body-large-line-height;
+/// md.comp.date-picker.modal.weekdays.label-text.size (Enabled / Label text)
+$weekdays-label-text-size: md-sys-typescale.$body-large-size;
+/// md.comp.date-picker.modal.weekdays.label-text.tracking (Enabled / Label text)
+$weekdays-label-text-tracking: md-sys-typescale.$body-large-tracking;
+/// md.comp.date-picker.modal.weekdays.label-text.weight (Enabled / Label text)
+$weekdays-label-text-weight: md-sys-typescale.$body-large-weight;
+/// md.comp.date-picker.modal.year-selection.year.focus.state-layer.opacity (Focused / State layer)
+$year-selection-year-focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.date-picker.modal.year-selection.year.hover.state-layer.opacity (Hovered / State layer)
+$year-selection-year-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.date-picker.modal.year-selection.year.label-text.font (Enabled / Label text)
+$year-selection-year-label-text-font: md-sys-typescale.$body-large-font;
+/// md.comp.date-picker.modal.year-selection.year.label-text.line-height (Enabled / Label text)
+$year-selection-year-label-text-line-height: md-sys-typescale.$body-large-line-height;
+/// md.comp.date-picker.modal.year-selection.year.label-text.size (Enabled / Label text)
+$year-selection-year-label-text-size: md-sys-typescale.$body-large-size;
+/// md.comp.date-picker.modal.year-selection.year.label-text.tracking (Enabled / Label text)
+$year-selection-year-label-text-tracking: md-sys-typescale.$body-large-tracking;
+/// md.comp.date-picker.modal.year-selection.year.label-text.weight (Enabled / Label text)
+$year-selection-year-label-text-weight: md-sys-typescale.$body-large-weight;
+/// md.comp.date-picker.modal.year-selection.year.pressed.state-layer.opacity (Pressed (ripple) / State layer)
+$year-selection-year-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.date-picker.modal.year-selection.year.selected.container.color (Enabled / Container)
+$year-selection-year-selected-container-color: md-sys-color.$primary;
+/// md.comp.date-picker.modal.year-selection.year.selected.focus.state-layer.color (Focused / State layer)
+$year-selection-year-selected-focus-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.date-picker.modal.year-selection.year.selected.hover.state-layer.color (Hovered / State layer)
+$year-selection-year-selected-hover-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.date-picker.modal.year-selection.year.selected.label-text.color (Enabled / Label text)
+$year-selection-year-selected-label-text-color: md-sys-color.$on-primary;
+/// md.comp.date-picker.modal.year-selection.year.selected.pressed.state-layer.color (Pressed (ripple) / State layer)
+$year-selection-year-selected-pressed-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.date-picker.modal.year-selection.year.state-layer.shape (Enabled / State layer)
+$year-selection-year-state-layer-shape: md-sys-shape.$corner-full;
+/// md.comp.date-picker.modal.year-selection.year.unselected.focus.state-layer.color (Focused / State layer)
+$year-selection-year-unselected-focus-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.date-picker.modal.year-selection.year.unselected.hover.state-layer.color (Hovered / State layer)
+$year-selection-year-unselected-hover-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.date-picker.modal.year-selection.year.unselected.label-text.color (Enabled / Label text)
+$year-selection-year-unselected-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.date-picker.modal.year-selection.year.unselected.pressed.state-layer.color (Pressed (ripple) / State layer)
+$year-selection-year-unselected-pressed-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.date-picker.modal.date.label-text.type (Enabled / Label text)
+@mixin date-label-text-type {
+  font-family: $date-label-text-font;
+  font-size: $date-label-text-size;
+  font-weight: $date-label-text-weight;
+  letter-spacing: $date-label-text-tracking;
+  line-height: $date-label-text-line-height;
+}
+/// md.comp.date-picker.modal.header.headline.type (Enabled / Headline)
+@mixin header-headline-type {
+  font-family: $header-headline-font;
+  font-size: $header-headline-size;
+  font-weight: $header-headline-weight;
+  letter-spacing: $header-headline-tracking;
+  line-height: $header-headline-line-height;
+}
+/// md.comp.date-picker.modal.header.supporting-text.type (Enabled / Supporting text)
+@mixin header-supporting-text-type {
+  font-family: $header-supporting-text-font;
+  font-size: $header-supporting-text-size;
+  font-weight: $header-supporting-text-weight;
+  letter-spacing: $header-supporting-text-tracking;
+  line-height: $header-supporting-text-line-height;
+}
+/// md.comp.date-picker.modal.range-selection.header.headline.type (Enabled / Headline)
+@mixin range-selection-header-headline-type {
+  font-family: $range-selection-header-headline-font;
+  font-size: $range-selection-header-headline-size;
+  font-weight: $range-selection-header-headline-weight;
+  letter-spacing: $range-selection-header-headline-tracking;
+  line-height: $range-selection-header-headline-line-height;
+}
+/// md.comp.date-picker.modal.range-selection.month.subhead.type (Enabled / Subhead)
+@mixin range-selection-month-subhead-type {
+  font-family: $range-selection-month-subhead-font;
+  font-size: $range-selection-month-subhead-size;
+  font-weight: $range-selection-month-subhead-weight;
+  letter-spacing: $range-selection-month-subhead-tracking;
+  line-height: $range-selection-month-subhead-line-height;
+}
+/// md.comp.date-picker.modal.weekdays.label-text.type (Enabled / Label text)
+@mixin weekdays-label-text-type {
+  font-family: $weekdays-label-text-font;
+  font-size: $weekdays-label-text-size;
+  font-weight: $weekdays-label-text-weight;
+  letter-spacing: $weekdays-label-text-tracking;
+  line-height: $weekdays-label-text-line-height;
+}
+/// md.comp.date-picker.modal.year-selection.year.label-text.type (Enabled / Label text)
+@mixin year-selection-year-label-text-type {
+  font-family: $year-selection-year-label-text-font;
+  font-size: $year-selection-year-label-text-size;
+  font-weight: $year-selection-year-label-text-weight;
+  letter-spacing: $year-selection-year-label-text-tracking;
+  line-height: $year-selection-year-label-text-line-height;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-dialog.scss b/tokens/versions/v30_0/sass/_md-comp-dialog.scss
new file mode 100644
index 0000000000..c1ac57e920
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-dialog.scss
@@ -0,0 +1,157 @@
+//
+// 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-typescale';
+
+/// md.comp.dialog.with-divider.divider.height (Enabled / Divider)
+///
+/// @deprecated Depcrecating all divider tokens nested across components. Please use the standalone divider component token md.comp.divider.thickness as a replacement
+$with-divider-divider-height: 1px;
+/// md.comp.dialog.with-icon.icon.size (Enabled / Icon)
+$with-icon-icon-size: 24px;
+/// md.comp.dialog.action.focus.label-text.color (Focused / Label text)
+$action-focus-label-text-color: md-sys-color.$primary;
+/// md.comp.dialog.action.focus.state-layer.color (Focused / State layer)
+$action-focus-state-layer-color: md-sys-color.$primary;
+/// md.comp.dialog.action.focus.state-layer.opacity (Focused / State layer)
+$action-focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.dialog.action.hover.label-text.color (Hovered / Label text)
+$action-hover-label-text-color: md-sys-color.$primary;
+/// md.comp.dialog.action.hover.state-layer.color (Hovered / State layer)
+$action-hover-state-layer-color: md-sys-color.$primary;
+/// md.comp.dialog.action.hover.state-layer.opacity (Hovered / State layer)
+$action-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.dialog.action.label-text.color (Enabled / Label text)
+$action-label-text-color: md-sys-color.$primary;
+/// md.comp.dialog.action.label-text.font (Enabled / Label text)
+$action-label-text-font: md-sys-typescale.$label-large-font;
+/// md.comp.dialog.action.label-text.line-height (Enabled / Label text)
+$action-label-text-line-height: md-sys-typescale.$label-large-line-height;
+/// md.comp.dialog.action.label-text.size (Enabled / Label text)
+$action-label-text-size: md-sys-typescale.$label-large-size;
+/// md.comp.dialog.action.label-text.tracking (Enabled / Label text)
+$action-label-text-tracking: md-sys-typescale.$label-large-tracking;
+/// md.comp.dialog.action.label-text.weight (Enabled / Label text)
+$action-label-text-weight: md-sys-typescale.$label-large-weight;
+/// md.comp.dialog.action.pressed.label-text.color (Pressed (ripple) / Label text)
+$action-pressed-label-text-color: md-sys-color.$primary;
+/// md.comp.dialog.action.pressed.state-layer.color (Pressed (ripple) / State layer)
+$action-pressed-state-layer-color: md-sys-color.$primary;
+/// md.comp.dialog.action.pressed.state-layer.opacity (Pressed (ripple) / State layer)
+$action-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.dialog.container.color (Enabled / Container)
+$container-color: md-sys-color.$surface-container-high;
+/// md.comp.dialog.container.elevation (Enabled / Container)
+$container-elevation: md-sys-elevation.$level3;
+/// md.comp.dialog.container.shape (Enabled / Container)
+$container-shape: md-sys-shape.$corner-extra-large;
+/// md.comp.dialog.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.dialog.headline.color (Enabled / Headline)
+$headline-color: md-sys-color.$on-surface;
+/// md.comp.dialog.headline.font (Enabled / Headline)
+$headline-font: md-sys-typescale.$headline-small-font;
+/// md.comp.dialog.headline.line-height (Enabled / Headline)
+$headline-line-height: md-sys-typescale.$headline-small-line-height;
+/// md.comp.dialog.headline.size (Enabled / Headline)
+$headline-size: md-sys-typescale.$headline-small-size;
+/// md.comp.dialog.headline.tracking (Enabled / Headline)
+$headline-tracking: md-sys-typescale.$headline-small-tracking;
+/// md.comp.dialog.headline.weight (Enabled / Headline)
+$headline-weight: md-sys-typescale.$headline-small-weight;
+/// md.comp.dialog.subhead.color (Enabled / Subhead)
+///
+/// @deprecated Tokens deprecated to align taxonomy with full-screen dialogs. Please use md.comp.dialog.headline.… instead
+$subhead-color: md-sys-color.$on-surface;
+/// md.comp.dialog.subhead.font (Enabled / Subhead)
+///
+/// @deprecated Tokens deprecated to align taxonomy with full-screen dialogs. Please use md.comp.dialog.headline.… instead
+$subhead-font: md-sys-typescale.$headline-small-font;
+/// md.comp.dialog.subhead.line-height (Enabled / Subhead)
+///
+/// @deprecated Tokens deprecated to align taxonomy with full-screen dialogs. Please use md.comp.dialog.headline.… instead
+$subhead-line-height: md-sys-typescale.$headline-small-line-height;
+/// md.comp.dialog.subhead.size (Enabled / Subhead)
+///
+/// @deprecated Tokens deprecated to align taxonomy with full-screen dialogs. Please use md.comp.dialog.headline.… instead
+$subhead-size: md-sys-typescale.$headline-small-size;
+/// md.comp.dialog.subhead.tracking (Enabled / Subhead)
+///
+/// @deprecated Tokens deprecated to align taxonomy with full-screen dialogs. Please use md.comp.dialog.headline.… instead
+$subhead-tracking: md-sys-typescale.$headline-small-tracking;
+/// md.comp.dialog.subhead.weight (Enabled / Subhead)
+///
+/// @deprecated Tokens deprecated to align taxonomy with full-screen dialogs. Please use md.comp.dialog.headline.… instead
+$subhead-weight: md-sys-typescale.$headline-small-weight;
+/// md.comp.dialog.supporting-text.color (Enabled / Supporting text)
+$supporting-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.dialog.supporting-text.font (Enabled / Supporting text)
+$supporting-text-font: md-sys-typescale.$body-medium-font;
+/// md.comp.dialog.supporting-text.line-height (Enabled / Supporting text)
+$supporting-text-line-height: md-sys-typescale.$body-medium-line-height;
+/// md.comp.dialog.supporting-text.size (Enabled / Supporting text)
+$supporting-text-size: md-sys-typescale.$body-medium-size;
+/// md.comp.dialog.supporting-text.tracking (Enabled / Supporting text)
+$supporting-text-tracking: md-sys-typescale.$body-medium-tracking;
+/// md.comp.dialog.supporting-text.weight (Enabled / Supporting text)
+$supporting-text-weight: md-sys-typescale.$body-medium-weight;
+/// md.comp.dialog.with-divider.divider.color (Enabled / Divider)
+///
+/// @deprecated Depcrecating all divider tokens nested across components. Please use the standalone divider component token md.comp.divider.color as a replacement
+$with-divider-divider-color: md-sys-color.$outline;
+/// md.comp.dialog.with-icon.icon.color (Enabled / Icon)
+$with-icon-icon-color: md-sys-color.$secondary;
+/// md.comp.dialog.action.label-text.type (Enabled / Label text)
+@mixin action-label-text-type {
+  font-family: $action-label-text-font;
+  font-size: $action-label-text-size;
+  font-weight: $action-label-text-weight;
+  letter-spacing: $action-label-text-tracking;
+  line-height: $action-label-text-line-height;
+}
+/// md.comp.dialog.headline.type (Enabled / Headline)
+@mixin headline-type {
+  font-family: $headline-font;
+  font-size: $headline-size;
+  font-weight: $headline-weight;
+  letter-spacing: $headline-tracking;
+  line-height: $headline-line-height;
+}
+/// md.comp.dialog.subhead.type (Enabled / Subhead)
+///
+/// @deprecated Tokens deprecated to align taxonomy with full-screen dialogs. Please use md.comp.dialog.headline.… instead
+@mixin subhead-type {
+  font-family: $subhead-font;
+  font-size: $subhead-size;
+  font-weight: $subhead-weight;
+  letter-spacing: $subhead-tracking;
+  line-height: $subhead-line-height;
+}
+/// md.comp.dialog.supporting-text.type (Enabled / Supporting text)
+@mixin supporting-text-type {
+  font-family: $supporting-text-font;
+  font-size: $supporting-text-size;
+  font-weight: $supporting-text-weight;
+  letter-spacing: $supporting-text-tracking;
+  line-height: $supporting-text-line-height;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-divider.scss b/tokens/versions/v30_0/sass/_md-comp-divider.scss
new file mode 100644
index 0000000000..a491596d0d
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-divider.scss
@@ -0,0 +1,23 @@
+//
+// 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';
+
+/// md.comp.divider.thickness (Enabled / Container)
+$thickness: 1px;
+/// md.comp.divider.color (Enabled / Container)
+$color: md-sys-color.$outline-variant;
diff --git a/tokens/versions/v30_0/sass/_md-comp-drag-handle.scss b/tokens/versions/v30_0/sass/_md-comp-drag-handle.scss
new file mode 100644
index 0000000000..6cd0fef403
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-drag-handle.scss
@@ -0,0 +1,54 @@
+//
+// 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';
+
+/// md.comp.drag-handle.container.width (Enabled / Container)
+///
+/// The drag handle container is wider than than the handle, and stretches to fill vertical space.
+$container-width: 24px;
+/// md.comp.drag-handle.height (Enabled / Drag Handle)
+$height: 48px;
+/// md.comp.drag-handle.pressed.height (Pressed / Drag handle)
+$pressed-height: 52px;
+/// md.comp.drag-handle.pressed.width (Pressed / Drag handle)
+$pressed-width: 12px;
+/// md.comp.drag-handle.width (Enabled / Drag Handle)
+$width: 4px;
+/// md.comp.drag-handle.color (Enabled / Drag Handle)
+$color: md-sys-color.$outline;
+/// md.comp.drag-handle.elevation (Enabled / Drag Handle)
+$elevation: md-sys-elevation.$level0;
+/// md.comp.drag-handle.focus.state-layer.color (Focused / State layer)
+$focus-state-layer-color: md-sys-color.$inverse-on-surface;
+/// md.comp.drag-handle.focus.state-layer.opacity (Focused / State layer)
+$focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.drag-handle.hover.state-layer.color (Hovered / State layer)
+$hover-state-layer-color: md-sys-color.$inverse-on-surface;
+/// md.comp.drag-handle.hover.state-layer.opacity (Hovered / State layer)
+$hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.drag-handle.pressed.color (Pressed / Drag handle)
+$pressed-color: md-sys-color.$on-surface;
+/// md.comp.drag-handle.pressed.elevation (Pressed / Drag handle)
+$pressed-elevation: md-sys-elevation.$level0;
+/// md.comp.drag-handle.pressed.shape (Pressed / Drag handle)
+$pressed-shape: md-sys-shape.$corner-medium;
+/// md.comp.drag-handle.shape (Enabled / Drag Handle)
+$shape: md-sys-shape.$corner-full;
diff --git a/tokens/versions/v30_0/sass/_md-comp-elevated-button.scss b/tokens/versions/v30_0/sass/_md-comp-elevated-button.scss
new file mode 100644
index 0000000000..8a63937528
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-elevated-button.scss
@@ -0,0 +1,112 @@
+//
+// 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.elevated-button.container.height ([Deprecated] Enabled / [Deprecated] Container)
+$container-height: 40px;
+/// md.comp.elevated-button.disabled.container.opacity ([Deprecated] Disabled / [Deprecated] Container)
+$disabled-container-opacity: 0.12;
+/// md.comp.elevated-button.disabled.label-text.opacity ([Deprecated] Disabled / [Deprecated] Label text)
+$disabled-label-text-opacity: 0.38;
+/// md.comp.elevated-button.with-icon.disabled.icon.opacity ([Deprecated] Disabled / [Deprecated] Icon)
+$with-icon-disabled-icon-opacity: 0.38;
+/// md.comp.elevated-button.with-icon.icon.size ([Deprecated] Enabled / [Deprecated] Icon)
+$with-icon-icon-size: 18px;
+/// md.comp.elevated-button.container.color ([Deprecated] Enabled / [Deprecated] Container)
+$container-color: md-sys-color.$surface-container-low;
+/// md.comp.elevated-button.container.elevation ([Deprecated] Enabled / [Deprecated] Container)
+$container-elevation: md-sys-elevation.$level1;
+/// md.comp.elevated-button.container.shadow-color ([Deprecated] Enabled / [Deprecated] Container)
+$container-shadow-color: md-sys-color.$shadow;
+/// md.comp.elevated-button.container.shape ([Deprecated] Enabled / [Deprecated] Container)
+$container-shape: md-sys-shape.$corner-full;
+/// md.comp.elevated-button.container.surface-tint-layer.color ([Deprecated] Enabled / [Deprecated] 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.elevated-button.disabled.container.color ([Deprecated] Disabled / [Deprecated] Container)
+$disabled-container-color: md-sys-color.$on-surface;
+/// md.comp.elevated-button.disabled.container.elevation ([Deprecated] Disabled / [Deprecated] Container)
+$disabled-container-elevation: md-sys-elevation.$level0;
+/// md.comp.elevated-button.disabled.label-text.color ([Deprecated] Disabled / [Deprecated] Label text)
+$disabled-label-text-color: md-sys-color.$on-surface;
+/// md.comp.elevated-button.focus.container.elevation ([Deprecated] Focused / [Deprecated] Container)
+$focus-container-elevation: md-sys-elevation.$level1;
+/// md.comp.elevated-button.focus.indicator.color ([Deprecated] Focused / [Deprecated] Focus indicator)
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.elevated-button.focus.indicator.outline.offset ([Deprecated] Focused / [Deprecated] Focus indicator)
+$focus-indicator-outline-offset: md-sys-state-focus-indicator.$outer-offset;
+/// md.comp.elevated-button.focus.indicator.thickness ([Deprecated] Focused / [Deprecated] Focus indicator)
+$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.comp.elevated-button.focus.label-text.color ([Deprecated] Focused / [Deprecated] Label text)
+$focus-label-text-color: md-sys-color.$primary;
+/// md.comp.elevated-button.focus.state-layer.color ([Deprecated] Focused / [Deprecated] State layer)
+$focus-state-layer-color: md-sys-color.$primary;
+/// md.comp.elevated-button.focus.state-layer.opacity ([Deprecated] Focused / [Deprecated] State layer)
+$focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.elevated-button.hover.container.elevation ([Deprecated] Hovered / [Deprecated] Container)
+$hover-container-elevation: md-sys-elevation.$level2;
+/// md.comp.elevated-button.hover.label-text.color ([Deprecated] Hovered / [Deprecated] Label text)
+$hover-label-text-color: md-sys-color.$primary;
+/// md.comp.elevated-button.hover.state-layer.color ([Deprecated] Hovered / [Deprecated] State layer)
+$hover-state-layer-color: md-sys-color.$primary;
+/// md.comp.elevated-button.hover.state-layer.opacity ([Deprecated] Hovered / [Deprecated] State layer)
+$hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.elevated-button.label-text.color ([Deprecated] Enabled / [Deprecated] Label text)
+$label-text-color: md-sys-color.$primary;
+/// md.comp.elevated-button.label-text.font ([Deprecated] Enabled / [Deprecated] Label text)
+$label-text-font: md-sys-typescale.$label-large-font;
+/// md.comp.elevated-button.label-text.line-height ([Deprecated] Enabled / [Deprecated] Label text)
+$label-text-line-height: md-sys-typescale.$label-large-line-height;
+/// md.comp.elevated-button.label-text.size ([Deprecated] Enabled / [Deprecated] Label text)
+$label-text-size: md-sys-typescale.$label-large-size;
+/// md.comp.elevated-button.label-text.tracking ([Deprecated] Enabled / [Deprecated] Label text)
+$label-text-tracking: md-sys-typescale.$label-large-tracking;
+/// md.comp.elevated-button.label-text.weight ([Deprecated] Enabled / [Deprecated] Label text)
+$label-text-weight: md-sys-typescale.$label-large-weight;
+/// md.comp.elevated-button.pressed.container.elevation ([Deprecated] Pressed (ripple) / [Deprecated] Container)
+$pressed-container-elevation: md-sys-elevation.$level1;
+/// md.comp.elevated-button.pressed.label-text.color ([Deprecated] Pressed (ripple) / [Deprecated] Label text)
+$pressed-label-text-color: md-sys-color.$primary;
+/// md.comp.elevated-button.pressed.state-layer.color ([Deprecated] Pressed (ripple) / [Deprecated] State layer)
+$pressed-state-layer-color: md-sys-color.$primary;
+/// md.comp.elevated-button.pressed.state-layer.opacity ([Deprecated] Pressed (ripple) / [Deprecated] State layer)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.elevated-button.with-icon.disabled.icon.color ([Deprecated] Disabled / [Deprecated] Icon)
+$with-icon-disabled-icon-color: md-sys-color.$on-surface;
+/// md.comp.elevated-button.with-icon.focus.icon.color ([Deprecated] Focused / [Deprecated] Icon)
+$with-icon-focus-icon-color: md-sys-color.$primary;
+/// md.comp.elevated-button.with-icon.hover.icon.color ([Deprecated] Hovered / [Deprecated] Icon)
+$with-icon-hover-icon-color: md-sys-color.$primary;
+/// md.comp.elevated-button.with-icon.icon.color ([Deprecated] Enabled / [Deprecated] Icon)
+$with-icon-icon-color: md-sys-color.$primary;
+/// md.comp.elevated-button.with-icon.pressed.icon.color ([Deprecated] Pressed (ripple) / [Deprecated] Icon)
+$with-icon-pressed-icon-color: md-sys-color.$primary;
+/// md.comp.elevated-button.label-text.type ([Deprecated] Enabled / [Deprecated] 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;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-elevated-card.scss b/tokens/versions/v30_0/sass/_md-comp-elevated-card.scss
new file mode 100644
index 0000000000..8535eae308
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-elevated-card.scss
@@ -0,0 +1,75 @@
+//
+// 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';
+
+/// md.comp.elevated-card.disabled.container.opacity (Disabled / Container)
+$disabled-container-opacity: 0.38;
+/// md.comp.elevated-card.icon.size (Enabled / Icon)
+$icon-size: 24px;
+/// md.comp.elevated-card.container.color (Enabled / Container)
+$container-color: md-sys-color.$surface-container-low;
+/// md.comp.elevated-card.container.elevation (Enabled / Container)
+$container-elevation: md-sys-elevation.$level1;
+/// md.comp.elevated-card.container.shadow-color (Enabled / Container)
+$container-shadow-color: md-sys-color.$shadow;
+/// md.comp.elevated-card.container.shape (Enabled / Container)
+$container-shape: md-sys-shape.$corner-medium;
+/// md.comp.elevated-card.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.elevated-card.disabled.container.color (Disabled / Container)
+$disabled-container-color: md-sys-color.$surface;
+/// md.comp.elevated-card.disabled.container.elevation (Disabled / Container)
+$disabled-container-elevation: md-sys-elevation.$level1;
+/// md.comp.elevated-card.dragged.container.elevation (Dragged / Container)
+$dragged-container-elevation: md-sys-elevation.$level4;
+/// md.comp.elevated-card.dragged.state-layer.color (Dragged / State layer)
+$dragged-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.elevated-card.dragged.state-layer.opacity (Dragged / State layer)
+$dragged-state-layer-opacity: md-sys-state.$dragged-state-layer-opacity;
+/// md.comp.elevated-card.focus.container.elevation (Focused / Container)
+$focus-container-elevation: md-sys-elevation.$level1;
+/// md.comp.elevated-card.focus.indicator.color (Focused / Focus indicator)
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.elevated-card.focus.indicator.outline.offset (Focused / Focus indicator)
+$focus-indicator-outline-offset: md-sys-state-focus-indicator.$outer-offset;
+/// md.comp.elevated-card.focus.indicator.thickness (Focused / Focus indicator)
+$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.comp.elevated-card.focus.state-layer.color (Focused / State layer)
+$focus-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.elevated-card.focus.state-layer.opacity (Focused / State layer)
+$focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.elevated-card.hover.container.elevation (Hovered / Container)
+$hover-container-elevation: md-sys-elevation.$level2;
+/// md.comp.elevated-card.hover.state-layer.color (Hovered / State layer)
+$hover-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.elevated-card.hover.state-layer.opacity (Hovered / State layer)
+$hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.elevated-card.icon.color (Enabled / Icon)
+$icon-color: md-sys-color.$primary;
+/// md.comp.elevated-card.pressed.container.elevation (Pressed (ripple) / Container)
+$pressed-container-elevation: md-sys-elevation.$level1;
+/// md.comp.elevated-card.pressed.state-layer.color (Pressed (ripple) / State layer)
+$pressed-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.elevated-card.pressed.state-layer.opacity (Pressed (ripple) / State layer)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
diff --git a/tokens/versions/v30_0/sass/_md-comp-extended-fab-branded.scss b/tokens/versions/v30_0/sass/_md-comp-extended-fab-branded.scss
new file mode 100644
index 0000000000..98a6c9115c
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-extended-fab-branded.scss
@@ -0,0 +1,100 @@
+//
+// 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.extended-fab.branded.container.height (Enabled / Container)
+$container-height: 56px;
+/// md.comp.extended-fab.branded.icon.size (Enabled / Icon)
+$icon-size: 36px;
+/// md.comp.extended-fab.branded.container.color (Enabled / Container)
+$container-color: md-sys-color.$surface-container-high;
+/// md.comp.extended-fab.branded.container.elevation (Enabled / Container)
+$container-elevation: md-sys-elevation.$level3;
+/// md.comp.extended-fab.branded.container.shadow-color (Enabled / Container)
+$container-shadow-color: md-sys-color.$shadow;
+/// md.comp.extended-fab.branded.container.shape (Enabled / Container)
+$container-shape: md-sys-shape.$corner-large;
+/// md.comp.extended-fab.branded.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.extended-fab.branded.focus.container.elevation (Focused / Container)
+$focus-container-elevation: md-sys-elevation.$level3;
+/// md.comp.extended-fab.branded.focus.indicator.color (Focused / Focus indicator)
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.extended-fab.branded.focus.indicator.outline.offset (Focused / Focus indicator)
+$focus-indicator-outline-offset: md-sys-state-focus-indicator.$outer-offset;
+/// md.comp.extended-fab.branded.focus.indicator.thickness (Focused / Focus indicator)
+$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.comp.extended-fab.branded.focus.label-text.color (Focused / Label text)
+$focus-label-text-color: md-sys-color.$primary;
+/// md.comp.extended-fab.branded.focus.state-layer.color (Focused / State layer)
+$focus-state-layer-color: md-sys-color.$primary;
+/// md.comp.extended-fab.branded.focus.state-layer.opacity (Focused / State layer)
+$focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.extended-fab.branded.hover.container.elevation (Hovered / Container)
+$hover-container-elevation: md-sys-elevation.$level4;
+/// md.comp.extended-fab.branded.hover.label-text.color (Hovered / Label text)
+$hover-label-text-color: md-sys-color.$primary;
+/// md.comp.extended-fab.branded.hover.state-layer.color (Hovered / State layer)
+$hover-state-layer-color: md-sys-color.$primary;
+/// md.comp.extended-fab.branded.hover.state-layer.opacity (Hovered / State layer)
+$hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.extended-fab.branded.label-text.color (Enabled / Label text)
+$label-text-color: md-sys-color.$on-surface;
+/// md.comp.extended-fab.branded.label-text.font (Enabled / Label text)
+$label-text-font: md-sys-typescale.$label-large-font;
+/// md.comp.extended-fab.branded.label-text.line-height (Enabled / Label text)
+$label-text-line-height: md-sys-typescale.$label-large-line-height;
+/// md.comp.extended-fab.branded.label-text.size (Enabled / Label text)
+$label-text-size: md-sys-typescale.$label-large-size;
+/// md.comp.extended-fab.branded.label-text.tracking (Enabled / Label text)
+$label-text-tracking: md-sys-typescale.$label-large-tracking;
+/// md.comp.extended-fab.branded.label-text.weight (Enabled / Label text)
+$label-text-weight: md-sys-typescale.$label-large-weight;
+/// md.comp.extended-fab.branded.lowered.container.color (Enabled / Container)
+$lowered-container-color: md-sys-color.$surface-container-low;
+/// md.comp.extended-fab.branded.lowered.container.elevation (Enabled / Container)
+$lowered-container-elevation: md-sys-elevation.$level1;
+/// md.comp.extended-fab.branded.lowered.focus.container.elevation (Focused / Container)
+$lowered-focus-container-elevation: md-sys-elevation.$level1;
+/// md.comp.extended-fab.branded.lowered.hover.container.elevation (Hovered / Container)
+$lowered-hover-container-elevation: md-sys-elevation.$level2;
+/// md.comp.extended-fab.branded.lowered.pressed.container.elevation (Pressed (ripple) / Container)
+$lowered-pressed-container-elevation: md-sys-elevation.$level1;
+/// md.comp.extended-fab.branded.pressed.container.elevation (Pressed (ripple) / Container)
+$pressed-container-elevation: md-sys-elevation.$level3;
+/// md.comp.extended-fab.branded.pressed.label-text.color (Pressed (ripple) / Label text)
+$pressed-label-text-color: md-sys-color.$primary;
+/// md.comp.extended-fab.branded.pressed.state-layer.color (Pressed (ripple) / State layer)
+$pressed-state-layer-color: md-sys-color.$primary;
+/// md.comp.extended-fab.branded.pressed.state-layer.opacity (Pressed (ripple) / State layer)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.extended-fab.branded.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;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-extended-fab-large.scss b/tokens/versions/v30_0/sass/_md-comp-extended-fab-large.scss
new file mode 100644
index 0000000000..eeafe1ad2d
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-extended-fab-large.scss
@@ -0,0 +1,36 @@
+//
+// 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.extended-fab.large.container.height
+$container-height: 96px;
+/// md.comp.extended-fab.large.icon-label-space
+$icon-label-space: 16px;
+/// md.comp.extended-fab.large.icon.size
+$icon-size: 36px;
+/// md.comp.extended-fab.large.leading-space
+$leading-space: 28px;
+/// md.comp.extended-fab.large.trailing-space
+$trailing-space: 28px;
+/// md.comp.extended-fab.large.container.shape
+$container-shape: md-sys-shape.$corner-extra-large;
+/// md.comp.extended-fab.large.label-text
+@mixin label-text {
+  @include md-sys-typescale.headline-small;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-extended-fab-medium.scss b/tokens/versions/v30_0/sass/_md-comp-extended-fab-medium.scss
new file mode 100644
index 0000000000..ad1f3fcc2e
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-extended-fab-medium.scss
@@ -0,0 +1,36 @@
+//
+// 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.extended-fab.medium.container.height
+$container-height: 80px;
+/// md.comp.extended-fab.medium.icon-label-space
+$icon-label-space: 12px;
+/// md.comp.extended-fab.medium.icon.size
+$icon-size: 28px;
+/// md.comp.extended-fab.medium.leading-space
+$leading-space: 26px;
+/// md.comp.extended-fab.medium.trailing-space
+$trailing-space: 26px;
+/// md.comp.extended-fab.medium.container.shape
+$container-shape: md-sys-shape.$corner-large-increased;
+/// md.comp.extended-fab.medium.label-text
+@mixin label-text {
+  @include md-sys-typescale.title-large;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-extended-fab-primary-container.scss b/tokens/versions/v30_0/sass/_md-comp-extended-fab-primary-container.scss
new file mode 100644
index 0000000000..4094daafa7
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-extended-fab-primary-container.scss
@@ -0,0 +1,61 @@
+//
+// 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-state';
+
+/// md.comp.extended-fab.primary-container.container.color (Enabled)
+$container-color: md-sys-color.$primary-container;
+/// md.comp.extended-fab.primary-container.container.elevation (Enabled)
+$container-elevation: md-sys-elevation.$level3;
+/// md.comp.extended-fab.primary-container.container.shadow-color (Enabled)
+$container-shadow-color: md-sys-color.$shadow;
+/// md.comp.extended-fab.primary-container.focused.container.elevation (Focused)
+$focused-container-elevation: md-sys-elevation.$level3;
+/// md.comp.extended-fab.primary-container.focused.icon.color (Focused)
+$focused-icon-color: md-sys-color.$on-primary-container;
+/// md.comp.extended-fab.primary-container.focused.label-text.color (Focused)
+$focused-label-text-color: md-sys-color.$on-primary-container;
+/// md.comp.extended-fab.primary-container.focused.state-layer.color (Focused)
+$focused-state-layer-color: md-sys-color.$on-primary-container;
+/// md.comp.extended-fab.primary-container.focused.state-layer.opacity (Focused)
+$focused-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.extended-fab.primary-container.hovered.container.elevation (Hovered)
+$hovered-container-elevation: md-sys-elevation.$level4;
+/// md.comp.extended-fab.primary-container.hovered.icon.color (Hovered)
+$hovered-icon-color: md-sys-color.$on-primary-container;
+/// md.comp.extended-fab.primary-container.hovered.label-text.color (Hovered)
+$hovered-label-text-color: md-sys-color.$on-primary-container;
+/// md.comp.extended-fab.primary-container.hovered.state-layer.color (Hovered)
+$hovered-state-layer-color: md-sys-color.$on-primary-container;
+/// md.comp.extended-fab.primary-container.hovered.state-layer.opacity (Hovered)
+$hovered-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.extended-fab.primary-container.icon.color (Enabled)
+$icon-color: md-sys-color.$on-primary-container;
+/// md.comp.extended-fab.primary-container.label-text.color (Enabled)
+$label-text-color: md-sys-color.$on-primary-container;
+/// md.comp.extended-fab.primary-container.pressed.container.elevation (Pressed)
+$pressed-container-elevation: md-sys-elevation.$level3;
+/// md.comp.extended-fab.primary-container.pressed.icon.color (Pressed)
+$pressed-icon-color: md-sys-color.$on-primary-container;
+/// md.comp.extended-fab.primary-container.pressed.label-text.color (Pressed)
+$pressed-label-text-color: md-sys-color.$on-primary-container;
+/// md.comp.extended-fab.primary-container.pressed.state-layer.color (Pressed)
+$pressed-state-layer-color: md-sys-color.$on-primary-container;
+/// md.comp.extended-fab.primary-container.pressed.state-layer.opacity (Pressed)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
diff --git a/tokens/versions/v30_0/sass/_md-comp-extended-fab-primary.scss b/tokens/versions/v30_0/sass/_md-comp-extended-fab-primary.scss
new file mode 100644
index 0000000000..49e4ef6a12
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-extended-fab-primary.scss
@@ -0,0 +1,174 @@
+//
+// 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.extended-fab.primary.container.height ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$container-height: 56px;
+/// md.comp.extended-fab.primary.icon.size ([Deprecated] Enabled / [Deprecated] Icon)
+///
+/// @deprecated Token is deprecated.
+$icon-size: 24px;
+/// md.comp.extended-fab.primary.container.color (Enabled)
+$container-color: md-sys-color.$primary;
+/// md.comp.extended-fab.primary.container.elevation (Enabled)
+$container-elevation: md-sys-elevation.$level3;
+/// md.comp.extended-fab.primary.container.shadow-color (Enabled)
+$container-shadow-color: md-sys-color.$shadow;
+/// md.comp.extended-fab.primary.container.shape ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$container-shape: md-sys-shape.$corner-large;
+/// md.comp.extended-fab.primary.focus.container.elevation ([Deprecated] Focused / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$focus-container-elevation: md-sys-elevation.$level3;
+/// md.comp.extended-fab.primary.focus.icon.color ([Deprecated] Focused / [Deprecated] Icon)
+///
+/// @deprecated Token is deprecated.
+$focus-icon-color: md-sys-color.$on-primary-container;
+/// md.comp.extended-fab.primary.focus.indicator.color ([Deprecated] Focused / [Deprecated] Focus indicator)
+///
+/// @deprecated Token is deprecated.
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.extended-fab.primary.focus.indicator.outline.offset ([Deprecated] Focused / [Deprecated] Focus indicator)
+///
+/// @deprecated Token is deprecated.
+$focus-indicator-outline-offset: md-sys-state-focus-indicator.$outer-offset;
+/// md.comp.extended-fab.primary.focus.indicator.thickness ([Deprecated] Focused / [Deprecated] Focus indicator)
+///
+/// @deprecated Token is deprecated.
+$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.comp.extended-fab.primary.focus.label-text.color ([Deprecated] Focused / [Deprecated] Label text)
+///
+/// @deprecated Token is deprecated.
+$focus-label-text-color: md-sys-color.$on-primary-container;
+/// md.comp.extended-fab.primary.focus.state-layer.color ([Deprecated] Focused / [Deprecated] State layer)
+///
+/// @deprecated Token is deprecated.
+$focus-state-layer-color: md-sys-color.$on-primary-container;
+/// md.comp.extended-fab.primary.focus.state-layer.opacity ([Deprecated] Focused / [Deprecated] State layer)
+///
+/// @deprecated Token is deprecated.
+$focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.extended-fab.primary.focused.container.elevation (Focused)
+$focused-container-elevation: md-sys-elevation.$level3;
+/// md.comp.extended-fab.primary.focused.icon.color (Focused)
+$focused-icon-color: md-sys-color.$on-primary;
+/// md.comp.extended-fab.primary.focused.label-text.color (Focused)
+$focused-label-text-color: md-sys-color.$on-primary;
+/// md.comp.extended-fab.primary.focused.state-layer.color (Focused)
+$focused-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.extended-fab.primary.focused.state-layer.opacity (Focused)
+$focused-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.extended-fab.primary.hover.container.elevation ([Deprecated] Hovered / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$hover-container-elevation: md-sys-elevation.$level4;
+/// md.comp.extended-fab.primary.hover.icon.color ([Deprecated] Hovered / [Deprecated] Icon)
+///
+/// @deprecated Token is deprecated.
+$hover-icon-color: md-sys-color.$on-primary-container;
+/// md.comp.extended-fab.primary.hover.label-text.color ([Deprecated] Hovered / [Deprecated] Label text)
+///
+/// @deprecated Token is deprecated.
+$hover-label-text-color: md-sys-color.$on-primary-container;
+/// md.comp.extended-fab.primary.hover.state-layer.color ([Deprecated] Hovered / [Deprecated] State layer)
+///
+/// @deprecated Token is deprecated.
+$hover-state-layer-color: md-sys-color.$on-primary-container;
+/// md.comp.extended-fab.primary.hover.state-layer.opacity ([Deprecated] Hovered / [Deprecated] State layer)
+///
+/// @deprecated Token is deprecated.
+$hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.extended-fab.primary.hovered.container.elevation (Hovered)
+$hovered-container-elevation: md-sys-elevation.$level4;
+/// md.comp.extended-fab.primary.hovered.icon.color (Hovered)
+$hovered-icon-color: md-sys-color.$on-primary;
+/// md.comp.extended-fab.primary.hovered.label-text.color (Hovered)
+$hovered-label-text-color: md-sys-color.$on-primary;
+/// md.comp.extended-fab.primary.hovered.state-layer.color (Hovered)
+$hovered-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.extended-fab.primary.hovered.state-layer.opacity (Hovered)
+$hovered-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.extended-fab.primary.icon.color (Enabled)
+$icon-color: md-sys-color.$on-primary;
+/// md.comp.extended-fab.primary.label-text.color (Enabled)
+$label-text-color: md-sys-color.$on-primary;
+/// md.comp.extended-fab.primary.label-text.font ([Deprecated] Enabled / [Deprecated] Label text)
+///
+/// @deprecated Token is deprecated.
+$label-text-font: md-sys-typescale.$label-large-font;
+/// md.comp.extended-fab.primary.label-text.line-height ([Deprecated] Enabled / [Deprecated] Label text)
+///
+/// @deprecated Token is deprecated.
+$label-text-line-height: md-sys-typescale.$label-large-line-height;
+/// md.comp.extended-fab.primary.label-text.size ([Deprecated] Enabled / [Deprecated] Label text)
+///
+/// @deprecated Token is deprecated.
+$label-text-size: md-sys-typescale.$label-large-size;
+/// md.comp.extended-fab.primary.label-text.tracking ([Deprecated] Enabled / [Deprecated] Label text)
+///
+/// @deprecated Token is deprecated.
+$label-text-tracking: md-sys-typescale.$label-large-tracking;
+/// md.comp.extended-fab.primary.label-text.weight ([Deprecated] Enabled / [Deprecated] Label text)
+///
+/// @deprecated Token is deprecated.
+$label-text-weight: md-sys-typescale.$label-large-weight;
+/// md.comp.extended-fab.primary.lowered.container.elevation ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$lowered-container-elevation: md-sys-elevation.$level1;
+/// md.comp.extended-fab.primary.lowered.focus.container.elevation ([Deprecated] Focused / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$lowered-focus-container-elevation: md-sys-elevation.$level1;
+/// md.comp.extended-fab.primary.lowered.hover.container.elevation ([Deprecated] Hovered / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$lowered-hover-container-elevation: md-sys-elevation.$level2;
+/// md.comp.extended-fab.primary.lowered.pressed.container.elevation ([Deprecated] Pressed (ripple) / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$lowered-pressed-container-elevation: md-sys-elevation.$level1;
+/// md.comp.extended-fab.primary.pressed.container.elevation (Pressed)
+$pressed-container-elevation: md-sys-elevation.$level3;
+/// md.comp.extended-fab.primary.pressed.icon.color (Pressed)
+$pressed-icon-color: md-sys-color.$on-primary;
+/// md.comp.extended-fab.primary.pressed.label-text.color (Pressed)
+$pressed-label-text-color: md-sys-color.$on-primary;
+/// md.comp.extended-fab.primary.pressed.state-layer.color (Pressed)
+$pressed-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.extended-fab.primary.pressed.state-layer.opacity (Pressed)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.extended-fab.primary.label-text.type ([Deprecated] Enabled / [Deprecated] Label text)
+///
+/// @deprecated Token is deprecated.
+@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;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-extended-fab-secondary-container.scss b/tokens/versions/v30_0/sass/_md-comp-extended-fab-secondary-container.scss
new file mode 100644
index 0000000000..f588460558
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-extended-fab-secondary-container.scss
@@ -0,0 +1,61 @@
+//
+// 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-state';
+
+/// md.comp.extended-fab.secondary-container.container.color (Enabled)
+$container-color: md-sys-color.$secondary-container;
+/// md.comp.extended-fab.secondary-container.container.elevation (Enabled)
+$container-elevation: md-sys-elevation.$level3;
+/// md.comp.extended-fab.secondary-container.container.shadow-color (Enabled)
+$container-shadow-color: md-sys-color.$shadow;
+/// md.comp.extended-fab.secondary-container.focused.container.elevation (Focused)
+$focused-container-elevation: md-sys-elevation.$level3;
+/// md.comp.extended-fab.secondary-container.focused.icon.color (Focused)
+$focused-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.extended-fab.secondary-container.focused.label-text.color (Focused)
+$focused-label-text-color: md-sys-color.$on-secondary-container;
+/// md.comp.extended-fab.secondary-container.focused.state-layer.color (Focused)
+$focused-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.extended-fab.secondary-container.focused.state-layer.opacity (Focused)
+$focused-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.extended-fab.secondary-container.hovered.container.elevation (Hovered)
+$hovered-container-elevation: md-sys-elevation.$level4;
+/// md.comp.extended-fab.secondary-container.hovered.icon.color (Hovered)
+$hovered-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.extended-fab.secondary-container.hovered.label-text.color (Hovered)
+$hovered-label-text-color: md-sys-color.$on-secondary-container;
+/// md.comp.extended-fab.secondary-container.hovered.state-layer.color (Hovered)
+$hovered-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.extended-fab.secondary-container.hovered.state-layer.opacity (Hovered)
+$hovered-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.extended-fab.secondary-container.icon.color (Enabled)
+$icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.extended-fab.secondary-container.label-text.color (Enabled)
+$label-text-color: md-sys-color.$on-secondary-container;
+/// md.comp.extended-fab.secondary-container.pressed.container.elevation (Pressed)
+$pressed-container-elevation: md-sys-elevation.$level3;
+/// md.comp.extended-fab.secondary-container.pressed.icon.color (Pressed)
+$pressed-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.extended-fab.secondary-container.pressed.label-text.color (Pressed)
+$pressed-label-text-color: md-sys-color.$on-secondary-container;
+/// md.comp.extended-fab.secondary-container.pressed.state-layer.color (Pressed)
+$pressed-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.extended-fab.secondary-container.pressed.state-layer.opacity (Pressed)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
diff --git a/tokens/versions/v30_0/sass/_md-comp-extended-fab-secondary.scss b/tokens/versions/v30_0/sass/_md-comp-extended-fab-secondary.scss
new file mode 100644
index 0000000000..14d9a400c3
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-extended-fab-secondary.scss
@@ -0,0 +1,174 @@
+//
+// 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.extended-fab.secondary.container.height ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$container-height: 56px;
+/// md.comp.extended-fab.secondary.icon.size ([Deprecated] Enabled / [Deprecated] Icon)
+///
+/// @deprecated Token is deprecated.
+$icon-size: 24px;
+/// md.comp.extended-fab.secondary.container.color (Enabled)
+$container-color: md-sys-color.$secondary;
+/// md.comp.extended-fab.secondary.container.elevation (Enabled)
+$container-elevation: md-sys-elevation.$level3;
+/// md.comp.extended-fab.secondary.container.shadow-color (Enabled)
+$container-shadow-color: md-sys-color.$shadow;
+/// md.comp.extended-fab.secondary.container.shape ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$container-shape: md-sys-shape.$corner-large;
+/// md.comp.extended-fab.secondary.focus.container.elevation ([Deprecated] Focused / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$focus-container-elevation: md-sys-elevation.$level3;
+/// md.comp.extended-fab.secondary.focus.icon.color ([Deprecated] Focused / [Deprecated] Icon)
+///
+/// @deprecated Token is deprecated.
+$focus-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.extended-fab.secondary.focus.indicator.color ([Deprecated] Focused / [Deprecated] Focus indicator)
+///
+/// @deprecated Token is deprecated.
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.extended-fab.secondary.focus.indicator.outline.offset ([Deprecated] Focused / [Deprecated] Focus indicator)
+///
+/// @deprecated Token is deprecated.
+$focus-indicator-outline-offset: md-sys-state-focus-indicator.$outer-offset;
+/// md.comp.extended-fab.secondary.focus.indicator.thickness ([Deprecated] Focused / [Deprecated] Focus indicator)
+///
+/// @deprecated Token is deprecated.
+$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.comp.extended-fab.secondary.focus.label-text.color ([Deprecated] Focused / [Deprecated] Label text)
+///
+/// @deprecated Token is deprecated.
+$focus-label-text-color: md-sys-color.$on-secondary-container;
+/// md.comp.extended-fab.secondary.focus.state-layer.color ([Deprecated] Focused / [Deprecated] State layer)
+///
+/// @deprecated Token is deprecated.
+$focus-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.extended-fab.secondary.focus.state-layer.opacity ([Deprecated] Focused / [Deprecated] State layer)
+///
+/// @deprecated Token is deprecated.
+$focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.extended-fab.secondary.focused.container.elevation (Focused)
+$focused-container-elevation: md-sys-elevation.$level3;
+/// md.comp.extended-fab.secondary.focused.icon.color (Focused)
+$focused-icon-color: md-sys-color.$on-secondary;
+/// md.comp.extended-fab.secondary.focused.label-text.color (Focused)
+$focused-label-text-color: md-sys-color.$on-secondary;
+/// md.comp.extended-fab.secondary.focused.state-layer.color (Focused)
+$focused-state-layer-color: md-sys-color.$on-secondary;
+/// md.comp.extended-fab.secondary.focused.state-layer.opacity (Focused)
+$focused-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.extended-fab.secondary.hover.container.elevation ([Deprecated] Hovered / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$hover-container-elevation: md-sys-elevation.$level4;
+/// md.comp.extended-fab.secondary.hover.icon.color ([Deprecated] Hovered / [Deprecated] Icon)
+///
+/// @deprecated Token is deprecated.
+$hover-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.extended-fab.secondary.hover.label-text.color ([Deprecated] Hovered / [Deprecated] Label text)
+///
+/// @deprecated Token is deprecated.
+$hover-label-text-color: md-sys-color.$on-secondary-container;
+/// md.comp.extended-fab.secondary.hover.state-layer.color ([Deprecated] Hovered / [Deprecated] State layer)
+///
+/// @deprecated Token is deprecated.
+$hover-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.extended-fab.secondary.hover.state-layer.opacity ([Deprecated] Hovered / [Deprecated] State layer)
+///
+/// @deprecated Token is deprecated.
+$hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.extended-fab.secondary.hovered.container.elevation (Hovered)
+$hovered-container-elevation: md-sys-elevation.$level4;
+/// md.comp.extended-fab.secondary.hovered.icon.color (Hovered)
+$hovered-icon-color: md-sys-color.$on-secondary;
+/// md.comp.extended-fab.secondary.hovered.label-text.color (Hovered)
+$hovered-label-text-color: md-sys-color.$on-secondary;
+/// md.comp.extended-fab.secondary.hovered.state-layer.color (Hovered)
+$hovered-state-layer-color: md-sys-color.$on-secondary;
+/// md.comp.extended-fab.secondary.hovered.state-layer.opacity (Hovered)
+$hovered-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.extended-fab.secondary.icon.color (Enabled)
+$icon-color: md-sys-color.$on-secondary;
+/// md.comp.extended-fab.secondary.label-text.color (Enabled)
+$label-text-color: md-sys-color.$on-secondary;
+/// md.comp.extended-fab.secondary.label-text.font ([Deprecated] Enabled / [Deprecated] Label text)
+///
+/// @deprecated Token is deprecated.
+$label-text-font: md-sys-typescale.$label-large-font;
+/// md.comp.extended-fab.secondary.label-text.line-height ([Deprecated] Enabled / [Deprecated] Label text)
+///
+/// @deprecated Token is deprecated.
+$label-text-line-height: md-sys-typescale.$label-large-line-height;
+/// md.comp.extended-fab.secondary.label-text.size ([Deprecated] Enabled / [Deprecated] Label text)
+///
+/// @deprecated Token is deprecated.
+$label-text-size: md-sys-typescale.$label-large-size;
+/// md.comp.extended-fab.secondary.label-text.tracking ([Deprecated] Enabled / [Deprecated] Label text)
+///
+/// @deprecated Token is deprecated.
+$label-text-tracking: md-sys-typescale.$label-large-tracking;
+/// md.comp.extended-fab.secondary.label-text.weight ([Deprecated] Enabled / [Deprecated] Label text)
+///
+/// @deprecated Token is deprecated.
+$label-text-weight: md-sys-typescale.$label-large-weight;
+/// md.comp.extended-fab.secondary.lowered.container.elevation ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$lowered-container-elevation: md-sys-elevation.$level1;
+/// md.comp.extended-fab.secondary.lowered.focus.container.elevation ([Deprecated] Focused / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$lowered-focus-container-elevation: md-sys-elevation.$level1;
+/// md.comp.extended-fab.secondary.lowered.hover.container.elevation ([Deprecated] Hovered / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$lowered-hover-container-elevation: md-sys-elevation.$level2;
+/// md.comp.extended-fab.secondary.lowered.pressed.container.elevation ([Deprecated] Pressed (ripple) / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$lowered-pressed-container-elevation: md-sys-elevation.$level1;
+/// md.comp.extended-fab.secondary.pressed.container.elevation (Pressed)
+$pressed-container-elevation: md-sys-elevation.$level3;
+/// md.comp.extended-fab.secondary.pressed.icon.color (Pressed)
+$pressed-icon-color: md-sys-color.$on-secondary;
+/// md.comp.extended-fab.secondary.pressed.label-text.color (Pressed)
+$pressed-label-text-color: md-sys-color.$on-secondary;
+/// md.comp.extended-fab.secondary.pressed.state-layer.color (Pressed)
+$pressed-state-layer-color: md-sys-color.$on-secondary;
+/// md.comp.extended-fab.secondary.pressed.state-layer.opacity (Pressed)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.extended-fab.secondary.label-text.type ([Deprecated] Enabled / [Deprecated] Label text)
+///
+/// @deprecated Token is deprecated.
+@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;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-extended-fab-small.scss b/tokens/versions/v30_0/sass/_md-comp-extended-fab-small.scss
new file mode 100644
index 0000000000..7c7c61fb95
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-extended-fab-small.scss
@@ -0,0 +1,36 @@
+//
+// 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.extended-fab.small.container.height
+$container-height: 56px;
+/// md.comp.extended-fab.small.icon-label-space
+$icon-label-space: 8px;
+/// md.comp.extended-fab.small.icon.size
+$icon-size: 24px;
+/// md.comp.extended-fab.small.leading-space
+$leading-space: 16px;
+/// md.comp.extended-fab.small.trailing-space
+$trailing-space: 16px;
+/// md.comp.extended-fab.small.container.shape
+$container-shape: md-sys-shape.$corner-large;
+/// md.comp.extended-fab.small.label-text
+@mixin label-text {
+  @include md-sys-typescale.title-medium;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-extended-fab-surface.scss b/tokens/versions/v30_0/sass/_md-comp-extended-fab-surface.scss
new file mode 100644
index 0000000000..e60b0cf9b7
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-extended-fab-surface.scss
@@ -0,0 +1,108 @@
+//
+// 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.extended-fab.surface.container.height (Enabled / Container)
+$container-height: 56px;
+/// md.comp.extended-fab.surface.icon.size (Enabled / Icon)
+$icon-size: 24px;
+/// md.comp.extended-fab.surface.container.color (Enabled / Container)
+$container-color: md-sys-color.$surface-container-high;
+/// md.comp.extended-fab.surface.container.elevation (Enabled / Container)
+$container-elevation: md-sys-elevation.$level3;
+/// md.comp.extended-fab.surface.container.shadow-color (Enabled / Container)
+$container-shadow-color: md-sys-color.$shadow;
+/// md.comp.extended-fab.surface.container.shape (Enabled / Container)
+$container-shape: md-sys-shape.$corner-large;
+/// md.comp.extended-fab.surface.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.extended-fab.surface.focus.container.elevation (Focused / Container)
+$focus-container-elevation: md-sys-elevation.$level3;
+/// md.comp.extended-fab.surface.focus.icon.color (Focused / Icon)
+$focus-icon-color: md-sys-color.$primary;
+/// md.comp.extended-fab.surface.focus.indicator.color (Focused / Focus indicator)
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.extended-fab.surface.focus.indicator.outline.offset (Focused / Focus indicator)
+$focus-indicator-outline-offset: md-sys-state-focus-indicator.$outer-offset;
+/// md.comp.extended-fab.surface.focus.indicator.thickness (Focused / Focus indicator)
+$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.comp.extended-fab.surface.focus.label-text.color (Focused / Label text)
+$focus-label-text-color: md-sys-color.$primary;
+/// md.comp.extended-fab.surface.focus.state-layer.color (Focused / State layer)
+$focus-state-layer-color: md-sys-color.$primary;
+/// md.comp.extended-fab.surface.focus.state-layer.opacity (Focused / State layer)
+$focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.extended-fab.surface.hover.container.elevation (Hovered / Container)
+$hover-container-elevation: md-sys-elevation.$level4;
+/// md.comp.extended-fab.surface.hover.icon.color (Hovered / Icon)
+$hover-icon-color: md-sys-color.$primary;
+/// md.comp.extended-fab.surface.hover.label-text.color (Hovered / Label text)
+$hover-label-text-color: md-sys-color.$primary;
+/// md.comp.extended-fab.surface.hover.state-layer.color (Hovered / State layer)
+$hover-state-layer-color: md-sys-color.$primary;
+/// md.comp.extended-fab.surface.hover.state-layer.opacity (Hovered / State layer)
+$hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.extended-fab.surface.icon.color (Enabled / Icon)
+$icon-color: md-sys-color.$primary;
+/// md.comp.extended-fab.surface.label-text.color (Enabled / Label text)
+$label-text-color: md-sys-color.$primary;
+/// md.comp.extended-fab.surface.label-text.font (Enabled / Label text)
+$label-text-font: md-sys-typescale.$label-large-font;
+/// md.comp.extended-fab.surface.label-text.line-height (Enabled / Label text)
+$label-text-line-height: md-sys-typescale.$label-large-line-height;
+/// md.comp.extended-fab.surface.label-text.size (Enabled / Label text)
+$label-text-size: md-sys-typescale.$label-large-size;
+/// md.comp.extended-fab.surface.label-text.tracking (Enabled / Label text)
+$label-text-tracking: md-sys-typescale.$label-large-tracking;
+/// md.comp.extended-fab.surface.label-text.weight (Enabled / Label text)
+$label-text-weight: md-sys-typescale.$label-large-weight;
+/// md.comp.extended-fab.surface.lowered.container.color (Enabled / Container)
+$lowered-container-color: md-sys-color.$surface-container-low;
+/// md.comp.extended-fab.surface.lowered.container.elevation (Enabled / Container)
+$lowered-container-elevation: md-sys-elevation.$level1;
+/// md.comp.extended-fab.surface.lowered.focus.container.elevation (Focused / Container)
+$lowered-focus-container-elevation: md-sys-elevation.$level1;
+/// md.comp.extended-fab.surface.lowered.hover.container.elevation (Hovered / Container)
+$lowered-hover-container-elevation: md-sys-elevation.$level2;
+/// md.comp.extended-fab.surface.lowered.pressed.container.elevation (Pressed (ripple) / Container)
+$lowered-pressed-container-elevation: md-sys-elevation.$level1;
+/// md.comp.extended-fab.surface.pressed.container.elevation (Pressed (ripple) / Container)
+$pressed-container-elevation: md-sys-elevation.$level3;
+/// md.comp.extended-fab.surface.pressed.icon.color (Pressed (ripple) / Icon)
+$pressed-icon-color: md-sys-color.$primary;
+/// md.comp.extended-fab.surface.pressed.label-text.color (Pressed (ripple) / Label text)
+$pressed-label-text-color: md-sys-color.$primary;
+/// md.comp.extended-fab.surface.pressed.state-layer.color (Pressed (ripple) / State layer)
+$pressed-state-layer-color: md-sys-color.$primary;
+/// md.comp.extended-fab.surface.pressed.state-layer.opacity (Pressed (ripple) / State layer)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.extended-fab.surface.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;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-extended-fab-tertiary-container.scss b/tokens/versions/v30_0/sass/_md-comp-extended-fab-tertiary-container.scss
new file mode 100644
index 0000000000..ead2388686
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-extended-fab-tertiary-container.scss
@@ -0,0 +1,61 @@
+//
+// 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-state';
+
+/// md.comp.extended-fab.tertiary-container.container.color (Enabled)
+$container-color: md-sys-color.$tertiary-container;
+/// md.comp.extended-fab.tertiary-container.container.elevation (Enabled)
+$container-elevation: md-sys-elevation.$level3;
+/// md.comp.extended-fab.tertiary-container.container.shadow-color (Enabled)
+$container-shadow-color: md-sys-color.$shadow;
+/// md.comp.extended-fab.tertiary-container.focused.container.elevation (Focused)
+$focused-container-elevation: md-sys-elevation.$level3;
+/// md.comp.extended-fab.tertiary-container.focused.icon.color (Focused)
+$focused-icon-color: md-sys-color.$on-tertiary-container;
+/// md.comp.extended-fab.tertiary-container.focused.label-text.color (Focused)
+$focused-label-text-color: md-sys-color.$on-tertiary-container;
+/// md.comp.extended-fab.tertiary-container.focused.state-layer.color (Focused)
+$focused-state-layer-color: md-sys-color.$on-tertiary-container;
+/// md.comp.extended-fab.tertiary-container.focused.state-layer.opacity (Focused)
+$focused-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.extended-fab.tertiary-container.hovered.container.elevation (Hovered)
+$hovered-container-elevation: md-sys-elevation.$level4;
+/// md.comp.extended-fab.tertiary-container.hovered.icon.color (Hovered)
+$hovered-icon-color: md-sys-color.$on-tertiary-container;
+/// md.comp.extended-fab.tertiary-container.hovered.label-text.color (Hovered)
+$hovered-label-text-color: md-sys-color.$on-tertiary-container;
+/// md.comp.extended-fab.tertiary-container.hovered.state-layer.color (Hovered)
+$hovered-state-layer-color: md-sys-color.$on-tertiary-container;
+/// md.comp.extended-fab.tertiary-container.hovered.state-layer.opacity (Hovered)
+$hovered-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.extended-fab.tertiary-container.icon.color (Enabled)
+$icon-color: md-sys-color.$on-tertiary-container;
+/// md.comp.extended-fab.tertiary-container.label-text.color (Enabled)
+$label-text-color: md-sys-color.$on-tertiary-container;
+/// md.comp.extended-fab.tertiary-container.pressed.container.elevation (Pressed)
+$pressed-container-elevation: md-sys-elevation.$level3;
+/// md.comp.extended-fab.tertiary-container.pressed.icon.color (Pressed)
+$pressed-icon-color: md-sys-color.$on-tertiary-container;
+/// md.comp.extended-fab.tertiary-container.pressed.label-text.color (Pressed)
+$pressed-label-text-color: md-sys-color.$on-tertiary-container;
+/// md.comp.extended-fab.tertiary-container.pressed.state-layer.color (Pressed)
+$pressed-state-layer-color: md-sys-color.$on-tertiary-container;
+/// md.comp.extended-fab.tertiary-container.pressed.state-layer.opacity (Pressed)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
diff --git a/tokens/versions/v30_0/sass/_md-comp-extended-fab-tertiary.scss b/tokens/versions/v30_0/sass/_md-comp-extended-fab-tertiary.scss
new file mode 100644
index 0000000000..33aa61abf1
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-extended-fab-tertiary.scss
@@ -0,0 +1,174 @@
+//
+// 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.extended-fab.tertiary.container.height ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$container-height: 56px;
+/// md.comp.extended-fab.tertiary.icon.size ([Deprecated] Enabled / [Deprecated] Icon)
+///
+/// @deprecated Token is deprecated.
+$icon-size: 24px;
+/// md.comp.extended-fab.tertiary.container.color (Enabled)
+$container-color: md-sys-color.$tertiary;
+/// md.comp.extended-fab.tertiary.container.elevation (Enabled)
+$container-elevation: md-sys-elevation.$level3;
+/// md.comp.extended-fab.tertiary.container.shadow-color (Enabled)
+$container-shadow-color: md-sys-color.$shadow;
+/// md.comp.extended-fab.tertiary.container.shape ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$container-shape: md-sys-shape.$corner-large;
+/// md.comp.extended-fab.tertiary.focus.container.elevation ([Deprecated] Focused / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$focus-container-elevation: md-sys-elevation.$level3;
+/// md.comp.extended-fab.tertiary.focus.icon.color ([Deprecated] Focused / [Deprecated] Icon)
+///
+/// @deprecated Token is deprecated.
+$focus-icon-color: md-sys-color.$on-tertiary-container;
+/// md.comp.extended-fab.tertiary.focus.indicator.color ([Deprecated] Focused / [Deprecated] Focus indicator)
+///
+/// @deprecated Token is deprecated.
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.extended-fab.tertiary.focus.indicator.outline.offset ([Deprecated] Focused / [Deprecated] Focus indicator)
+///
+/// @deprecated Token is deprecated.
+$focus-indicator-outline-offset: md-sys-state-focus-indicator.$outer-offset;
+/// md.comp.extended-fab.tertiary.focus.indicator.thickness ([Deprecated] Focused / [Deprecated] Focus indicator)
+///
+/// @deprecated Token is deprecated.
+$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.comp.extended-fab.tertiary.focus.label-text.color ([Deprecated] Focused / [Deprecated] Label text)
+///
+/// @deprecated Token is deprecated.
+$focus-label-text-color: md-sys-color.$on-tertiary-container;
+/// md.comp.extended-fab.tertiary.focus.state-layer.color ([Deprecated] Focused / [Deprecated] State layer)
+///
+/// @deprecated Token is deprecated.
+$focus-state-layer-color: md-sys-color.$on-tertiary-container;
+/// md.comp.extended-fab.tertiary.focus.state-layer.opacity ([Deprecated] Focused / [Deprecated] State layer)
+///
+/// @deprecated Token is deprecated.
+$focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.extended-fab.tertiary.focused.container.elevation (Focused)
+$focused-container-elevation: md-sys-elevation.$level3;
+/// md.comp.extended-fab.tertiary.focused.icon.color (Focused)
+$focused-icon-color: md-sys-color.$on-tertiary;
+/// md.comp.extended-fab.tertiary.focused.label-text.color (Focused)
+$focused-label-text-color: md-sys-color.$on-tertiary;
+/// md.comp.extended-fab.tertiary.focused.state-layer.color (Focused)
+$focused-state-layer-color: md-sys-color.$on-tertiary;
+/// md.comp.extended-fab.tertiary.focused.state-layer.opacity (Focused)
+$focused-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.extended-fab.tertiary.hover.container.elevation ([Deprecated] Hovered / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$hover-container-elevation: md-sys-elevation.$level4;
+/// md.comp.extended-fab.tertiary.hover.icon.color ([Deprecated] Hovered / [Deprecated] Icon)
+///
+/// @deprecated Token is deprecated.
+$hover-icon-color: md-sys-color.$on-tertiary-container;
+/// md.comp.extended-fab.tertiary.hover.label-text.color ([Deprecated] Hovered / [Deprecated] Label text)
+///
+/// @deprecated Token is deprecated.
+$hover-label-text-color: md-sys-color.$on-tertiary-container;
+/// md.comp.extended-fab.tertiary.hover.state-layer.color ([Deprecated] Hovered / [Deprecated] State layer)
+///
+/// @deprecated Token is deprecated.
+$hover-state-layer-color: md-sys-color.$on-tertiary-container;
+/// md.comp.extended-fab.tertiary.hover.state-layer.opacity ([Deprecated] Hovered / [Deprecated] State layer)
+///
+/// @deprecated Token is deprecated.
+$hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.extended-fab.tertiary.hovered.container.elevation (Hovered)
+$hovered-container-elevation: md-sys-elevation.$level4;
+/// md.comp.extended-fab.tertiary.hovered.icon.color (Hovered)
+$hovered-icon-color: md-sys-color.$on-tertiary;
+/// md.comp.extended-fab.tertiary.hovered.label-text.color (Hovered)
+$hovered-label-text-color: md-sys-color.$on-tertiary;
+/// md.comp.extended-fab.tertiary.hovered.state-layer.color (Hovered)
+$hovered-state-layer-color: md-sys-color.$on-tertiary;
+/// md.comp.extended-fab.tertiary.hovered.state-layer.opacity (Hovered)
+$hovered-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.extended-fab.tertiary.icon.color (Enabled)
+$icon-color: md-sys-color.$on-tertiary;
+/// md.comp.extended-fab.tertiary.label-text.color (Enabled)
+$label-text-color: md-sys-color.$on-tertiary;
+/// md.comp.extended-fab.tertiary.label-text.font ([Deprecated] Enabled / [Deprecated] Label text)
+///
+/// @deprecated Token is deprecated.
+$label-text-font: md-sys-typescale.$label-large-font;
+/// md.comp.extended-fab.tertiary.label-text.line-height ([Deprecated] Enabled / [Deprecated] Label text)
+///
+/// @deprecated Token is deprecated.
+$label-text-line-height: md-sys-typescale.$label-large-line-height;
+/// md.comp.extended-fab.tertiary.label-text.size ([Deprecated] Enabled / [Deprecated] Label text)
+///
+/// @deprecated Token is deprecated.
+$label-text-size: md-sys-typescale.$label-large-size;
+/// md.comp.extended-fab.tertiary.label-text.tracking ([Deprecated] Enabled / [Deprecated] Label text)
+///
+/// @deprecated Token is deprecated.
+$label-text-tracking: md-sys-typescale.$label-large-tracking;
+/// md.comp.extended-fab.tertiary.label-text.weight ([Deprecated] Enabled / [Deprecated] Label text)
+///
+/// @deprecated Token is deprecated.
+$label-text-weight: md-sys-typescale.$label-large-weight;
+/// md.comp.extended-fab.tertiary.lowered.container.elevation ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$lowered-container-elevation: md-sys-elevation.$level1;
+/// md.comp.extended-fab.tertiary.lowered.focus.container.elevation ([Deprecated] Focused / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$lowered-focus-container-elevation: md-sys-elevation.$level1;
+/// md.comp.extended-fab.tertiary.lowered.hover.container.elevation ([Deprecated] Hovered / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$lowered-hover-container-elevation: md-sys-elevation.$level2;
+/// md.comp.extended-fab.tertiary.lowered.pressed.container.elevation ([Deprecated] Pressed (ripple) / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$lowered-pressed-container-elevation: md-sys-elevation.$level1;
+/// md.comp.extended-fab.tertiary.pressed.container.elevation (Pressed)
+$pressed-container-elevation: md-sys-elevation.$level3;
+/// md.comp.extended-fab.tertiary.pressed.icon.color (Pressed)
+$pressed-icon-color: md-sys-color.$on-tertiary;
+/// md.comp.extended-fab.tertiary.pressed.label-text.color (Pressed)
+$pressed-label-text-color: md-sys-color.$on-tertiary;
+/// md.comp.extended-fab.tertiary.pressed.state-layer.color (Pressed)
+$pressed-state-layer-color: md-sys-color.$on-tertiary;
+/// md.comp.extended-fab.tertiary.pressed.state-layer.opacity (Pressed)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.extended-fab.tertiary.label-text.type ([Deprecated] Enabled / [Deprecated] Label text)
+///
+/// @deprecated Token is deprecated.
+@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;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-extended-fab.scss b/tokens/versions/v30_0/sass/_md-comp-extended-fab.scss
new file mode 100644
index 0000000000..d2f41ef4d9
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-extended-fab.scss
@@ -0,0 +1,36 @@
+//
+// 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.extended-fab.container.height
+$container-height: 56px;
+/// md.comp.extended-fab.icon-label-space
+$icon-label-space: 12px;
+/// md.comp.extended-fab.icon.size
+$icon-size: 24px;
+/// md.comp.extended-fab.leading-space
+$leading-space: 16px;
+/// md.comp.extended-fab.trailing-space
+$trailing-space: 20px;
+/// md.comp.extended-fab.container.shape
+$container-shape: md-sys-shape.$corner-large;
+/// md.comp.extended-fab.label-text
+@mixin label-text {
+  @include md-sys-typescale.label-large;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-fab-branded-large.scss b/tokens/versions/v30_0/sass/_md-comp-fab-branded-large.scss
new file mode 100644
index 0000000000..6e0e7aa901
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-fab-branded-large.scss
@@ -0,0 +1,79 @@
+//
+// 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';
+
+/// md.comp.fab.branded.large.container.height ([Deprecated] Enabled / [Deprecated] Container)
+$container-height: 96px;
+/// md.comp.fab.branded.large.container.width ([Deprecated] Enabled / [Deprecated] Container)
+$container-width: 96px;
+/// md.comp.fab.branded.large.icon.size ([Deprecated] Enabled / [Deprecated] Icon)
+$icon-size: 48px;
+/// md.comp.fab.branded.large.container.color ([Deprecated] Enabled / [Deprecated] Container)
+$container-color: md-sys-color.$surface-container-high;
+/// md.comp.fab.branded.large.container.elevation ([Deprecated] Enabled / [Deprecated] Container)
+$container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.branded.large.container.shadow-color ([Deprecated] Enabled / [Deprecated] Container)
+$container-shadow-color: md-sys-color.$shadow;
+/// md.comp.fab.branded.large.container.shape ([Deprecated] Enabled / [Deprecated] Container)
+$container-shape: md-sys-shape.$corner-extra-large;
+/// md.comp.fab.branded.large.container.surface-tint-layer.color ([Deprecated] Enabled / [Deprecated] 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.fab.branded.large.focus.container.elevation ([Deprecated] Focused / [Deprecated] Container)
+$focus-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.branded.large.focus.indicator.color ([Deprecated] Focused / [Deprecated] Focus indicator)
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.fab.branded.large.focus.indicator.outline.offset ([Deprecated] Focused / [Deprecated] Focus indicator)
+$focus-indicator-outline-offset: md-sys-state-focus-indicator.$outer-offset;
+/// md.comp.fab.branded.large.focus.indicator.thickness ([Deprecated] Focused / [Deprecated] Focus indicator)
+$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.comp.fab.branded.large.focus.state-layer.color ([Deprecated] Focused / [Deprecated] State layer)
+$focus-state-layer-color: md-sys-color.$primary;
+/// md.comp.fab.branded.large.focus.state-layer.opacity ([Deprecated] Focused / [Deprecated] State layer)
+$focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.fab.branded.large.hover.container.elevation ([Deprecated] Hovered / [Deprecated] Container)
+$hover-container-elevation: md-sys-elevation.$level4;
+/// md.comp.fab.branded.large.hover.state-layer.color ([Deprecated] Hovered / [Deprecated] State layer)
+$hover-state-layer-color: md-sys-color.$primary;
+/// md.comp.fab.branded.large.hover.state-layer.opacity ([Deprecated] Hovered / [Deprecated] State layer)
+$hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.fab.branded.large.icon.color ([Deprecated] Enabled / [Deprecated] Icon)
+///
+/// @deprecated Bug fix. The branded FAB is using a four-colored icon.
+$icon-color: md-sys-color.$on-secondary;
+/// md.comp.fab.branded.large.lowered.container.color ([Deprecated] Enabled / [Deprecated] Container)
+$lowered-container-color: md-sys-color.$surface-container-low;
+/// md.comp.fab.branded.large.lowered.container.elevation ([Deprecated] Enabled / [Deprecated] Container)
+$lowered-container-elevation: md-sys-elevation.$level1;
+/// md.comp.fab.branded.large.lowered.focus.container.elevation ([Deprecated] Focused / [Deprecated] Container)
+$lowered-focus-container-elevation: md-sys-elevation.$level1;
+/// md.comp.fab.branded.large.lowered.hover.container.elevation ([Deprecated] Hovered / [Deprecated] Container)
+$lowered-hover-container-elevation: md-sys-elevation.$level2;
+/// md.comp.fab.branded.large.lowered.pressed.container.elevation ([Deprecated] Pressed (ripple) / [Deprecated] Container)
+$lowered-pressed-container-elevation: md-sys-elevation.$level1;
+/// md.comp.fab.branded.large.pressed.container.elevation ([Deprecated] Pressed (ripple) / [Deprecated] Container)
+$pressed-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.branded.large.pressed.state-layer.color ([Deprecated] Pressed (ripple) / [Deprecated] State layer)
+$pressed-state-layer-color: md-sys-color.$primary;
+/// md.comp.fab.branded.large.pressed.state-layer.opacity ([Deprecated] Pressed (ripple) / [Deprecated] State layer)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
diff --git a/tokens/versions/v30_0/sass/_md-comp-fab-branded.scss b/tokens/versions/v30_0/sass/_md-comp-fab-branded.scss
new file mode 100644
index 0000000000..c47ec389f1
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-fab-branded.scss
@@ -0,0 +1,75 @@
+//
+// 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';
+
+/// md.comp.fab.branded.container.height (Enabled / Container)
+$container-height: 56px;
+/// md.comp.fab.branded.container.width (Enabled / Container)
+$container-width: 56px;
+/// md.comp.fab.branded.icon.size (Enabled / Icon)
+$icon-size: 36px;
+/// md.comp.fab.branded.container.color (Enabled / Container)
+$container-color: md-sys-color.$surface-container-high;
+/// md.comp.fab.branded.container.elevation (Enabled / Container)
+$container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.branded.container.shadow-color (Enabled / Container)
+$container-shadow-color: md-sys-color.$shadow;
+/// md.comp.fab.branded.container.shape (Enabled / Container)
+$container-shape: md-sys-shape.$corner-large;
+/// md.comp.fab.branded.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.fab.branded.focus.container.elevation (Focused / Container)
+$focus-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.branded.focus.indicator.color (Focused / Focus indicator)
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.fab.branded.focus.indicator.thickness (Focused / Focus indicator)
+$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.comp.fab.branded.focus.state-layer.color (Focused / State layer)
+$focus-state-layer-color: md-sys-color.$primary;
+/// md.comp.fab.branded.focus.state-layer.opacity (Focused / State layer)
+$focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.fab.branded.hover.container.elevation (Hovered / Container)
+$hover-container-elevation: md-sys-elevation.$level4;
+/// md.comp.fab.branded.hover.state-layer.color (Hovered / State layer)
+$hover-state-layer-color: md-sys-color.$primary;
+/// md.comp.fab.branded.hover.state-layer.opacity (Hovered / State layer)
+$hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.fab.branded.indicator.outline.offset (Focused / Focus indicator)
+$indicator-outline-offset: md-sys-state-focus-indicator.$outer-offset;
+/// md.comp.fab.branded.lowered.container.color (Enabled / Container)
+$lowered-container-color: md-sys-color.$surface-container-low;
+/// md.comp.fab.branded.lowered.container.elevation (Enabled / Container)
+$lowered-container-elevation: md-sys-elevation.$level1;
+/// md.comp.fab.branded.lowered.focus.container.elevation (Focused / Container)
+$lowered-focus-container-elevation: md-sys-elevation.$level1;
+/// md.comp.fab.branded.lowered.hover.container.elevation (Hovered / Container)
+$lowered-hover-container-elevation: md-sys-elevation.$level2;
+/// md.comp.fab.branded.lowered.pressed.container.elevation (Pressed (ripple) / Container)
+$lowered-pressed-container-elevation: md-sys-elevation.$level1;
+/// md.comp.fab.branded.pressed.container.elevation (Pressed (ripple) / Container)
+$pressed-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.branded.pressed.state-layer.color (Pressed (ripple) / State layer)
+$pressed-state-layer-color: md-sys-color.$primary;
+/// md.comp.fab.branded.pressed.state-layer.opacity (Pressed (ripple) / State layer)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
diff --git a/tokens/versions/v30_0/sass/_md-comp-fab-large.scss b/tokens/versions/v30_0/sass/_md-comp-fab-large.scss
new file mode 100644
index 0000000000..86b61b49ce
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-fab-large.scss
@@ -0,0 +1,27 @@
+//
+// 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';
+
+/// md.comp.fab.large.container.height
+$container-height: 96px;
+/// md.comp.fab.large.container.width
+$container-width: 96px;
+/// md.comp.fab.large.icon.size
+$icon-size: 36px;
+/// md.comp.fab.large.container.shape
+$container-shape: md-sys-shape.$corner-extra-large;
diff --git a/tokens/versions/v30_0/sass/_md-comp-fab-medium.scss b/tokens/versions/v30_0/sass/_md-comp-fab-medium.scss
new file mode 100644
index 0000000000..d449052157
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-fab-medium.scss
@@ -0,0 +1,27 @@
+//
+// 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';
+
+/// md.comp.fab.medium.container.height
+$container-height: 80px;
+/// md.comp.fab.medium.container.width
+$container-width: 80px;
+/// md.comp.fab.medium.icon.size
+$icon-size: 28px;
+/// md.comp.fab.medium.container.shape
+$container-shape: md-sys-shape.$corner-large-increased;
diff --git a/tokens/versions/v30_0/sass/_md-comp-fab-menu-primary-close-button.scss b/tokens/versions/v30_0/sass/_md-comp-fab-menu-primary-close-button.scss
new file mode 100644
index 0000000000..1c86526ea0
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-fab-menu-primary-close-button.scss
@@ -0,0 +1,51 @@
+//
+// 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-state';
+
+/// md.comp.fab-menu.primary.close-button.container.color (Enabled)
+$container-color: md-sys-color.$primary;
+/// md.comp.fab-menu.primary.close-button.container.shadow-color (Enabled)
+$container-shadow-color: md-sys-color.$shadow;
+/// md.comp.fab-menu.primary.close-button.focused.container.elevation (Focused)
+$focused-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab-menu.primary.close-button.focused.icon.color (Focused)
+$focused-icon-color: md-sys-color.$on-primary;
+/// md.comp.fab-menu.primary.close-button.focused.state-layer.color (Focused)
+$focused-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.fab-menu.primary.close-button.focused.state-layer.opacity (Focused)
+$focused-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.fab-menu.primary.close-button.hovered.container.elevation (Hovered)
+$hovered-container-elevation: md-sys-elevation.$level4;
+/// md.comp.fab-menu.primary.close-button.hovered.icon.color (Hovered)
+$hovered-icon-color: md-sys-color.$on-primary;
+/// md.comp.fab-menu.primary.close-button.hovered.state-layer.color (Hovered)
+$hovered-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.fab-menu.primary.close-button.hovered.state-layer.opacity (Hovered)
+$hovered-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.fab-menu.primary.close-button.icon.color (Enabled)
+$icon-color: md-sys-color.$on-primary;
+/// md.comp.fab-menu.primary.close-button.pressed.container.elevation (Pressed)
+$pressed-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab-menu.primary.close-button.pressed.icon.color (Pressed)
+$pressed-icon-color: md-sys-color.$on-primary;
+/// md.comp.fab-menu.primary.close-button.pressed.state-layer.color (Pressed)
+$pressed-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.fab-menu.primary.close-button.pressed.state-layer.opacity (Pressed)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
diff --git a/tokens/versions/v30_0/sass/_md-comp-fab-menu-primary-container.scss b/tokens/versions/v30_0/sass/_md-comp-fab-menu-primary-container.scss
new file mode 100644
index 0000000000..68b04dbf44
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-fab-menu-primary-container.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-state';
+
+/// md.comp.fab-menu.primary-container.list-item.container.color (Enabled)
+$list-item-container-color: md-sys-color.$primary-container;
+/// md.comp.fab-menu.primary-container.list-item.container.shadow-color (Enabled)
+$list-item-container-shadow-color: md-sys-color.$shadow;
+/// md.comp.fab-menu.primary-container.list-item.focused.container.elevation (Focused)
+$list-item-focused-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab-menu.primary-container.list-item.focused.icon.color (Focused)
+$list-item-focused-icon-color: md-sys-color.$on-primary-container;
+/// md.comp.fab-menu.primary-container.list-item.focused.label-text.color (Focused)
+$list-item-focused-label-text-color: md-sys-color.$on-primary-container;
+/// md.comp.fab-menu.primary-container.list-item.focused.state-layer.color (Focused)
+$list-item-focused-state-layer-color: md-sys-color.$on-primary-container;
+/// md.comp.fab-menu.primary-container.list-item.focused.state-layer.opacity (Focused)
+$list-item-focused-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.fab-menu.primary-container.list-item.hovered.container.elevation (Hovered)
+$list-item-hovered-container-elevation: md-sys-elevation.$level4;
+/// md.comp.fab-menu.primary-container.list-item.hovered.icon.color (Hovered)
+$list-item-hovered-icon-color: md-sys-color.$on-primary-container;
+/// md.comp.fab-menu.primary-container.list-item.hovered.label-text.color (Hovered)
+$list-item-hovered-label-text-color: md-sys-color.$on-primary-container;
+/// md.comp.fab-menu.primary-container.list-item.hovered.state-layer.color (Hovered)
+$list-item-hovered-state-layer-color: md-sys-color.$on-primary-container;
+/// md.comp.fab-menu.primary-container.list-item.hovered.state-layer.opacity (Hovered)
+$list-item-hovered-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.fab-menu.primary-container.list-item.icon.color (Enabled)
+$list-item-icon-color: md-sys-color.$on-primary-container;
+/// md.comp.fab-menu.primary-container.list-item.label-text.color (Enabled)
+$list-item-label-text-color: md-sys-color.$on-primary-container;
+/// md.comp.fab-menu.primary-container.list-item.pressed.container.elevation (Pressed)
+$list-item-pressed-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab-menu.primary-container.list-item.pressed.icon.color (Pressed)
+$list-item-pressed-icon-color: md-sys-color.$on-primary-container;
+/// md.comp.fab-menu.primary-container.list-item.pressed.label-text.color (Pressed)
+$list-item-pressed-label-text-color: md-sys-color.$on-primary-container;
+/// md.comp.fab-menu.primary-container.list-item.pressed.state-layer.color (Pressed)
+$list-item-pressed-state-layer-color: md-sys-color.$on-primary-container;
+/// md.comp.fab-menu.primary-container.list-item.pressed.state-layer.opacity (Pressed)
+$list-item-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
diff --git a/tokens/versions/v30_0/sass/_md-comp-fab-menu-secondary-close-button.scss b/tokens/versions/v30_0/sass/_md-comp-fab-menu-secondary-close-button.scss
new file mode 100644
index 0000000000..49551e6aaf
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-fab-menu-secondary-close-button.scss
@@ -0,0 +1,51 @@
+//
+// 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-state';
+
+/// md.comp.fab-menu.secondary.close-button.container.color (Enabled)
+$container-color: md-sys-color.$secondary;
+/// md.comp.fab-menu.secondary.close-button.container.shadow-color (Enabled)
+$container-shadow-color: md-sys-color.$shadow;
+/// md.comp.fab-menu.secondary.close-button.focused.container.elevation (Focused)
+$focused-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab-menu.secondary.close-button.focused.icon.color (Focused)
+$focused-icon-color: md-sys-color.$on-secondary;
+/// md.comp.fab-menu.secondary.close-button.focused.state-layer.color (Focused)
+$focused-state-layer-color: md-sys-color.$on-secondary;
+/// md.comp.fab-menu.secondary.close-button.focused.state-layer.opacity (Focused)
+$focused-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.fab-menu.secondary.close-button.hovered.container.elevation (Hovered)
+$hovered-container-elevation: md-sys-elevation.$level4;
+/// md.comp.fab-menu.secondary.close-button.hovered.icon.color (Hovered)
+$hovered-icon-color: md-sys-color.$on-secondary;
+/// md.comp.fab-menu.secondary.close-button.hovered.state-layer.color (Hovered)
+$hovered-state-layer-color: md-sys-color.$on-secondary;
+/// md.comp.fab-menu.secondary.close-button.hovered.state-layer.opacity (Hovered)
+$hovered-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.fab-menu.secondary.close-button.icon.color (Enabled)
+$icon-color: md-sys-color.$on-secondary;
+/// md.comp.fab-menu.secondary.close-button.pressed.container.elevation (Pressed)
+$pressed-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab-menu.secondary.close-button.pressed.icon.color (Pressed)
+$pressed-icon-color: md-sys-color.$on-secondary;
+/// md.comp.fab-menu.secondary.close-button.pressed.state-layer.color (Pressed)
+$pressed-state-layer-color: md-sys-color.$on-secondary;
+/// md.comp.fab-menu.secondary.close-button.pressed.state-layer.opacity (Pressed)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
diff --git a/tokens/versions/v30_0/sass/_md-comp-fab-menu-secondary-container.scss b/tokens/versions/v30_0/sass/_md-comp-fab-menu-secondary-container.scss
new file mode 100644
index 0000000000..f52536f466
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-fab-menu-secondary-container.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-state';
+
+/// md.comp.fab-menu.secondary-container.list-item.container.color (Enabled)
+$list-item-container-color: md-sys-color.$secondary-container;
+/// md.comp.fab-menu.secondary-container.list-item.container.shadow-color (Enabled)
+$list-item-container-shadow-color: md-sys-color.$shadow;
+/// md.comp.fab-menu.secondary-container.list-item.focused.container.elevation (Focused)
+$list-item-focused-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab-menu.secondary-container.list-item.focused.icon.color (Focused)
+$list-item-focused-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab-menu.secondary-container.list-item.focused.label-text.color (Focused)
+$list-item-focused-label-text-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab-menu.secondary-container.list-item.focused.state-layer.color (Focused)
+$list-item-focused-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab-menu.secondary-container.list-item.focused.state-layer.opacity (Focused)
+$list-item-focused-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.fab-menu.secondary-container.list-item.hovered.container.elevation (Hovered)
+$list-item-hovered-container-elevation: md-sys-elevation.$level4;
+/// md.comp.fab-menu.secondary-container.list-item.hovered.icon.color (Hovered)
+$list-item-hovered-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab-menu.secondary-container.list-item.hovered.label-text.color (Hovered)
+$list-item-hovered-label-text-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab-menu.secondary-container.list-item.hovered.state-layer.color (Hovered)
+$list-item-hovered-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab-menu.secondary-container.list-item.hovered.state-layer.opacity (Hovered)
+$list-item-hovered-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.fab-menu.secondary-container.list-item.icon.color (Enabled)
+$list-item-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab-menu.secondary-container.list-item.label-text.color (Enabled)
+$list-item-label-text-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab-menu.secondary-container.list-item.pressed.container.elevation (Pressed)
+$list-item-pressed-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab-menu.secondary-container.list-item.pressed.icon.color (Pressed)
+$list-item-pressed-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab-menu.secondary-container.list-item.pressed.label-text.color (Pressed)
+$list-item-pressed-label-text-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab-menu.secondary-container.list-item.pressed.state-layer.color (Pressed)
+$list-item-pressed-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab-menu.secondary-container.list-item.pressed.state-layer.opacity (Pressed)
+$list-item-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
diff --git a/tokens/versions/v30_0/sass/_md-comp-fab-menu-tertiary-close-button.scss b/tokens/versions/v30_0/sass/_md-comp-fab-menu-tertiary-close-button.scss
new file mode 100644
index 0000000000..a4fadf2be0
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-fab-menu-tertiary-close-button.scss
@@ -0,0 +1,51 @@
+//
+// 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-state';
+
+/// md.comp.fab-menu.tertiary.close-button.container.color (Enabled)
+$container-color: md-sys-color.$tertiary;
+/// md.comp.fab-menu.tertiary.close-button.container.shadow-color (Enabled)
+$container-shadow-color: md-sys-color.$shadow;
+/// md.comp.fab-menu.tertiary.close-button.focused.container.elevation (Focused)
+$focused-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab-menu.tertiary.close-button.focused.icon.color (Focused)
+$focused-icon-color: md-sys-color.$on-tertiary;
+/// md.comp.fab-menu.tertiary.close-button.focused.state-layer.color (Focused)
+$focused-state-layer-color: md-sys-color.$on-tertiary;
+/// md.comp.fab-menu.tertiary.close-button.focused.state-layer.opacity (Focused)
+$focused-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.fab-menu.tertiary.close-button.hovered.container.elevation (Hovered)
+$hovered-container-elevation: md-sys-elevation.$level4;
+/// md.comp.fab-menu.tertiary.close-button.hovered.icon.color (Hovered)
+$hovered-icon-color: md-sys-color.$on-tertiary;
+/// md.comp.fab-menu.tertiary.close-button.hovered.state-layer.color (Hovered)
+$hovered-state-layer-color: md-sys-color.$on-tertiary;
+/// md.comp.fab-menu.tertiary.close-button.hovered.state-layer.opacity (Hovered)
+$hovered-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.fab-menu.tertiary.close-button.icon.color (Enabled)
+$icon-color: md-sys-color.$on-tertiary;
+/// md.comp.fab-menu.tertiary.close-button.pressed.container.elevation (Pressed)
+$pressed-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab-menu.tertiary.close-button.pressed.icon.color (Pressed)
+$pressed-icon-color: md-sys-color.$on-tertiary;
+/// md.comp.fab-menu.tertiary.close-button.pressed.state-layer.color (Pressed)
+$pressed-state-layer-color: md-sys-color.$on-tertiary;
+/// md.comp.fab-menu.tertiary.close-button.pressed.state-layer.opacity (Pressed)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
diff --git a/tokens/versions/v30_0/sass/_md-comp-fab-menu-tertiary-container.scss b/tokens/versions/v30_0/sass/_md-comp-fab-menu-tertiary-container.scss
new file mode 100644
index 0000000000..39f9ac7c64
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-fab-menu-tertiary-container.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-state';
+
+/// md.comp.fab-menu.tertiary-container.list-item.container.color (Enabled)
+$list-item-container-color: md-sys-color.$tertiary-container;
+/// md.comp.fab-menu.tertiary-container.list-item.container.shadow-color (Enabled)
+$list-item-container-shadow-color: md-sys-color.$shadow;
+/// md.comp.fab-menu.tertiary-container.list-item.focused.container.elevation (Focused)
+$list-item-focused-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab-menu.tertiary-container.list-item.focused.icon.color (Focused)
+$list-item-focused-icon-color: md-sys-color.$on-tertiary-container;
+/// md.comp.fab-menu.tertiary-container.list-item.focused.label-text.color (Focused)
+$list-item-focused-label-text-color: md-sys-color.$on-tertiary-container;
+/// md.comp.fab-menu.tertiary-container.list-item.focused.state-layer.color (Focused)
+$list-item-focused-state-layer-color: md-sys-color.$on-tertiary-container;
+/// md.comp.fab-menu.tertiary-container.list-item.focused.state-layer.opacity (Focused)
+$list-item-focused-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.fab-menu.tertiary-container.list-item.hovered.container.elevation (Hovered)
+$list-item-hovered-container-elevation: md-sys-elevation.$level4;
+/// md.comp.fab-menu.tertiary-container.list-item.hovered.icon.color (Hovered)
+$list-item-hovered-icon-color: md-sys-color.$on-tertiary-container;
+/// md.comp.fab-menu.tertiary-container.list-item.hovered.label-text.color (Hovered)
+$list-item-hovered-label-text-color: md-sys-color.$on-tertiary-container;
+/// md.comp.fab-menu.tertiary-container.list-item.hovered.state-layer.color (Hovered)
+$list-item-hovered-state-layer-color: md-sys-color.$on-tertiary-container;
+/// md.comp.fab-menu.tertiary-container.list-item.hovered.state-layer.opacity (Hovered)
+$list-item-hovered-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.fab-menu.tertiary-container.list-item.icon.color (Enabled)
+$list-item-icon-color: md-sys-color.$on-tertiary-container;
+/// md.comp.fab-menu.tertiary-container.list-item.label-text.color (Enabled)
+$list-item-label-text-color: md-sys-color.$on-tertiary-container;
+/// md.comp.fab-menu.tertiary-container.list-item.pressed.container.elevation (Pressed)
+$list-item-pressed-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab-menu.tertiary-container.list-item.pressed.icon.color (Pressed)
+$list-item-pressed-icon-color: md-sys-color.$on-tertiary-container;
+/// md.comp.fab-menu.tertiary-container.list-item.pressed.label-text.color (Pressed)
+$list-item-pressed-label-text-color: md-sys-color.$on-tertiary-container;
+/// md.comp.fab-menu.tertiary-container.list-item.pressed.state-layer.color (Pressed)
+$list-item-pressed-state-layer-color: md-sys-color.$on-tertiary-container;
+/// md.comp.fab-menu.tertiary-container.list-item.pressed.state-layer.opacity (Pressed)
+$list-item-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
diff --git a/tokens/versions/v30_0/sass/_md-comp-fab-menu.scss b/tokens/versions/v30_0/sass/_md-comp-fab-menu.scss
new file mode 100644
index 0000000000..020289b42b
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-fab-menu.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-elevation';
+@use 'md-sys-shape';
+@use 'md-sys-typescale';
+
+/// md.comp.fab-menu.close-button.between-space (Close button)
+$close-button-between-space: 8px;
+/// md.comp.fab-menu.close-button.container.height (Close button)
+$close-button-container-height: 56px;
+/// md.comp.fab-menu.close-button.container.width (Close button)
+$close-button-container-width: 56px;
+/// md.comp.fab-menu.close-button.icon.size (Close button)
+$close-button-icon-size: 20px;
+/// md.comp.fab-menu.menu-item.between-space (List item)
+$menu-item-between-space: 4px;
+/// md.comp.fab-menu.menu-item.container.height (List item)
+$menu-item-container-height: 56px;
+/// md.comp.fab-menu.menu-item.icon-label-space (List item)
+$menu-item-icon-label-space: 8px;
+/// md.comp.fab-menu.menu-item.icon.size (List item)
+$menu-item-icon-size: 24px;
+/// md.comp.fab-menu.menu-item.leading-space (List item)
+$menu-item-leading-space: 24px;
+/// md.comp.fab-menu.menu-item.trailing-space (List item)
+$menu-item-trailing-space: 24px;
+/// md.comp.fab-menu.close-button.container.elevation (Close button)
+$close-button-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab-menu.close-button.container.shape (Close button)
+$close-button-container-shape: md-sys-shape.$corner-full;
+/// md.comp.fab-menu.menu-item.container.elevation (List item)
+$menu-item-container-elevation: md-sys-elevation.$level0;
+/// md.comp.fab-menu.menu-item.container.shape (List item)
+$menu-item-container-shape: md-sys-shape.$corner-full;
+/// md.comp.fab-menu.menu-item.label-text (List item)
+@mixin menu-item-label-text {
+  @include md-sys-typescale.title-medium;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-fab-primary-container.scss b/tokens/versions/v30_0/sass/_md-comp-fab-primary-container.scss
new file mode 100644
index 0000000000..a0359dec9a
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-fab-primary-container.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-elevation';
+@use 'md-sys-state';
+
+/// md.comp.fab.primary-container.container.color (Enabled)
+$container-color: md-sys-color.$primary-container;
+/// md.comp.fab.primary-container.container.elevation (Enabled)
+$container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.primary-container.container.shadow-color (Enabled)
+$container-shadow-color: md-sys-color.$shadow;
+/// md.comp.fab.primary-container.focused.container.elevation (Focused)
+$focused-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.primary-container.focused.icon.color (Focused)
+$focused-icon-color: md-sys-color.$on-primary-container;
+/// md.comp.fab.primary-container.focused.state-layer.color (Focused)
+$focused-state-layer-color: md-sys-color.$on-primary-container;
+/// md.comp.fab.primary-container.focused.state-layer.opacity (Focused)
+$focused-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.fab.primary-container.hovered.container.elevation (Hovered)
+$hovered-container-elevation: md-sys-elevation.$level4;
+/// md.comp.fab.primary-container.hovered.icon.color (Hovered)
+$hovered-icon-color: md-sys-color.$on-primary-container;
+/// md.comp.fab.primary-container.hovered.state-layer.color (Hovered)
+$hovered-state-layer-color: md-sys-color.$on-primary-container;
+/// md.comp.fab.primary-container.hovered.state-layer.opacity (Hovered)
+$hovered-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.fab.primary-container.icon.color (Enabled)
+$icon-color: md-sys-color.$on-primary-container;
+/// md.comp.fab.primary-container.pressed.container.elevation (Pressed)
+$pressed-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.primary-container.pressed.icon.color (Pressed)
+$pressed-icon-color: md-sys-color.$on-primary-container;
+/// md.comp.fab.primary-container.pressed.state-layer.color (Pressed)
+$pressed-state-layer-color: md-sys-color.$on-primary-container;
+/// md.comp.fab.primary-container.pressed.state-layer.opacity (Pressed)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
diff --git a/tokens/versions/v30_0/sass/_md-comp-fab-primary-large.scss b/tokens/versions/v30_0/sass/_md-comp-fab-primary-large.scss
new file mode 100644
index 0000000000..91025cc22a
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-fab-primary-large.scss
@@ -0,0 +1,77 @@
+//
+// 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';
+
+/// md.comp.fab.primary.large.container.height ([Deprecated] Enabled / [Deprecated] Container)
+$container-height: 96px;
+/// md.comp.fab.primary.large.container.width ([Deprecated] Enabled / [Deprecated] Container)
+$container-width: 96px;
+/// md.comp.fab.primary.large.icon.size ([Deprecated] Enabled / [Deprecated] Icon)
+$icon-size: 36px;
+/// md.comp.fab.primary.large.container.color ([Deprecated] Enabled / [Deprecated] Container)
+$container-color: md-sys-color.$primary-container;
+/// md.comp.fab.primary.large.container.elevation ([Deprecated] Enabled / [Deprecated] Container)
+$container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.primary.large.container.shadow-color ([Deprecated] Enabled / [Deprecated] Container)
+$container-shadow-color: md-sys-color.$shadow;
+/// md.comp.fab.primary.large.container.shape ([Deprecated] Enabled / [Deprecated] Container)
+$container-shape: md-sys-shape.$corner-extra-large;
+/// md.comp.fab.primary.large.focus.container.elevation ([Deprecated] Focused / [Deprecated] Container)
+$focus-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.primary.large.focus.icon.color ([Deprecated] Focused / [Deprecated] Icon)
+$focus-icon-color: md-sys-color.$on-primary-container;
+/// md.comp.fab.primary.large.focus.indicator.color ([Deprecated] Focused / [Deprecated] Focus indicator)
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.fab.primary.large.focus.indicator.outline.offset ([Deprecated] Focused / [Deprecated] Focus indicator)
+$focus-indicator-outline-offset: md-sys-state-focus-indicator.$outer-offset;
+/// md.comp.fab.primary.large.focus.indicator.thickness ([Deprecated] Focused / [Deprecated] Focus indicator)
+$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.comp.fab.primary.large.focus.state-layer.color ([Deprecated] Focused / [Deprecated] State layer)
+$focus-state-layer-color: md-sys-color.$on-primary-container;
+/// md.comp.fab.primary.large.focus.state-layer.opacity ([Deprecated] Focused / [Deprecated] State layer)
+$focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.fab.primary.large.hover.container.elevation ([Deprecated] Hovered / [Deprecated] Container)
+$hover-container-elevation: md-sys-elevation.$level4;
+/// md.comp.fab.primary.large.hover.icon.color ([Deprecated] Hovered / [Deprecated] Icon)
+$hover-icon-color: md-sys-color.$on-primary-container;
+/// md.comp.fab.primary.large.hover.state-layer.color ([Deprecated] Hovered / [Deprecated] State layer)
+$hover-state-layer-color: md-sys-color.$on-primary-container;
+/// md.comp.fab.primary.large.hover.state-layer.opacity ([Deprecated] Hovered / [Deprecated] State layer)
+$hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.fab.primary.large.icon.color ([Deprecated] Enabled / [Deprecated] Icon)
+$icon-color: md-sys-color.$on-primary-container;
+/// md.comp.fab.primary.large.lowered.container.elevation ([Deprecated] Enabled / [Deprecated] Container)
+$lowered-container-elevation: md-sys-elevation.$level1;
+/// md.comp.fab.primary.large.lowered.focus.container.elevation ([Deprecated] Focused / [Deprecated] Container)
+$lowered-focus-container-elevation: md-sys-elevation.$level1;
+/// md.comp.fab.primary.large.lowered.hover.container.elevation ([Deprecated] Hovered / [Deprecated] Container)
+$lowered-hover-container-elevation: md-sys-elevation.$level2;
+/// md.comp.fab.primary.large.lowered.pressed.container.elevation ([Deprecated] Pressed (ripple) / [Deprecated] Container)
+$lowered-pressed-container-elevation: md-sys-elevation.$level1;
+/// md.comp.fab.primary.large.pressed.container.elevation ([Deprecated] Pressed (ripple) / [Deprecated] Container)
+$pressed-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.primary.large.pressed.icon.color ([Deprecated] Pressed (ripple) / [Deprecated] Icon)
+$pressed-icon-color: md-sys-color.$on-primary-container;
+/// md.comp.fab.primary.large.pressed.state-layer.color ([Deprecated] Pressed (ripple) / [Deprecated] State layer)
+$pressed-state-layer-color: md-sys-color.$on-primary-container;
+/// md.comp.fab.primary.large.pressed.state-layer.opacity ([Deprecated] Pressed (ripple) / [Deprecated] State layer)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
diff --git a/tokens/versions/v30_0/sass/_md-comp-fab-primary-small.scss b/tokens/versions/v30_0/sass/_md-comp-fab-primary-small.scss
new file mode 100644
index 0000000000..2dabd41e0d
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-fab-primary-small.scss
@@ -0,0 +1,77 @@
+//
+// 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';
+
+/// md.comp.fab.primary.small.container.height ([Deprecated] Enabled / [Deprecated] Container)
+$container-height: 40px;
+/// md.comp.fab.primary.small.container.width ([Deprecated] Enabled / [Deprecated] Container)
+$container-width: 40px;
+/// md.comp.fab.primary.small.icon.size ([Deprecated] Enabled / [Deprecated] Icon)
+$icon-size: 24px;
+/// md.comp.fab.primary.small.container.color ([Deprecated] Enabled / [Deprecated] Container)
+$container-color: md-sys-color.$primary-container;
+/// md.comp.fab.primary.small.container.elevation ([Deprecated] Enabled / [Deprecated] Container)
+$container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.primary.small.container.shadow-color ([Deprecated] Enabled / [Deprecated] Container)
+$container-shadow-color: md-sys-color.$shadow;
+/// md.comp.fab.primary.small.container.shape ([Deprecated] Enabled / [Deprecated] Container)
+$container-shape: md-sys-shape.$corner-medium;
+/// md.comp.fab.primary.small.focus.container.elevation ([Deprecated] Focused / [Deprecated] Container)
+$focus-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.primary.small.focus.icon.color ([Deprecated] Focused / [Deprecated] Icon)
+$focus-icon-color: md-sys-color.$on-primary-container;
+/// md.comp.fab.primary.small.focus.indicator.color ([Deprecated] Focused / [Deprecated] Focus indicator)
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.fab.primary.small.focus.indicator.outline.offset ([Deprecated] Focused / [Deprecated] Focus indicator)
+$focus-indicator-outline-offset: md-sys-state-focus-indicator.$outer-offset;
+/// md.comp.fab.primary.small.focus.indicator.thickness ([Deprecated] Focused / [Deprecated] Focus indicator)
+$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.comp.fab.primary.small.focus.state-layer.color ([Deprecated] Focused / [Deprecated] State layer)
+$focus-state-layer-color: md-sys-color.$on-primary-container;
+/// md.comp.fab.primary.small.focus.state-layer.opacity ([Deprecated] Focused / [Deprecated] State layer)
+$focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.fab.primary.small.hover.container.elevation ([Deprecated] Hovered / [Deprecated] Container)
+$hover-container-elevation: md-sys-elevation.$level4;
+/// md.comp.fab.primary.small.hover.icon.color ([Deprecated] Hovered / [Deprecated] Icon)
+$hover-icon-color: md-sys-color.$on-primary-container;
+/// md.comp.fab.primary.small.hover.state-layer.color ([Deprecated] Hovered / [Deprecated] State layer)
+$hover-state-layer-color: md-sys-color.$on-primary-container;
+/// md.comp.fab.primary.small.hover.state-layer.opacity ([Deprecated] Hovered / [Deprecated] State layer)
+$hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.fab.primary.small.icon.color ([Deprecated] Enabled / [Deprecated] Icon)
+$icon-color: md-sys-color.$on-primary-container;
+/// md.comp.fab.primary.small.lowered.container.elevation ([Deprecated] Enabled / [Deprecated] Container)
+$lowered-container-elevation: md-sys-elevation.$level1;
+/// md.comp.fab.primary.small.lowered.focus.container.elevation ([Deprecated] Focused / [Deprecated] Container)
+$lowered-focus-container-elevation: md-sys-elevation.$level1;
+/// md.comp.fab.primary.small.lowered.hover.container.elevation ([Deprecated] Hovered / [Deprecated] Container)
+$lowered-hover-container-elevation: md-sys-elevation.$level2;
+/// md.comp.fab.primary.small.lowered.pressed.container.elevation ([Deprecated] Pressed (ripple) / [Deprecated] Container)
+$lowered-pressed-container-elevation: md-sys-elevation.$level1;
+/// md.comp.fab.primary.small.pressed.container.elevation ([Deprecated] Pressed (ripple) / [Deprecated] Container)
+$pressed-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.primary.small.pressed.icon.color ([Deprecated] Pressed (ripple) / [Deprecated] Icon)
+$pressed-icon-color: md-sys-color.$on-primary-container;
+/// md.comp.fab.primary.small.pressed.state-layer.color ([Deprecated] Pressed (ripple) / [Deprecated] State layer)
+$pressed-state-layer-color: md-sys-color.$on-primary-container;
+/// md.comp.fab.primary.small.pressed.state-layer.opacity ([Deprecated] Pressed (ripple) / [Deprecated] State layer)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
diff --git a/tokens/versions/v30_0/sass/_md-comp-fab-primary.scss b/tokens/versions/v30_0/sass/_md-comp-fab-primary.scss
new file mode 100644
index 0000000000..1cb7688e87
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-fab-primary.scss
@@ -0,0 +1,131 @@
+//
+// 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';
+
+/// md.comp.fab.primary.container.height ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$container-height: 56px;
+/// md.comp.fab.primary.container.width ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$container-width: 56px;
+/// md.comp.fab.primary.icon.size ([Deprecated] Enabled / [Deprecated] Icon)
+///
+/// @deprecated Token is deprecated.
+$icon-size: 24px;
+/// md.comp.fab.primary.container.color (Enabled)
+$container-color: md-sys-color.$primary;
+/// md.comp.fab.primary.container.elevation (Enabled)
+$container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.primary.container.shadow-color (Enabled)
+$container-shadow-color: md-sys-color.$shadow;
+/// md.comp.fab.primary.container.shape ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$container-shape: md-sys-shape.$corner-large;
+/// md.comp.fab.primary.focus.container.elevation ([Deprecated] Focused / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$focus-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.primary.focus.icon.color ([Deprecated] Focused / [Deprecated] Icon)
+///
+/// @deprecated Token is deprecated.
+$focus-icon-color: md-sys-color.$on-primary-container;
+/// md.comp.fab.primary.focus.indicator.color ([Deprecated] Focused / [Deprecated] Focus indicator)
+///
+/// @deprecated Token is deprecated.
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.fab.primary.focus.indicator.outline.offset ([Deprecated] Focused / [Deprecated] Focus indicator)
+///
+/// @deprecated Token is deprecated.
+$focus-indicator-outline-offset: md-sys-state-focus-indicator.$outer-offset;
+/// md.comp.fab.primary.focus.indicator.thickness ([Deprecated] Focused / [Deprecated] Focus indicator)
+///
+/// @deprecated Token is deprecated.
+$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.comp.fab.primary.focus.state-layer.color ([Deprecated] Focused / [Deprecated] State layer)
+///
+/// @deprecated Token is deprecated.
+$focus-state-layer-color: md-sys-color.$on-primary-container;
+/// md.comp.fab.primary.focus.state-layer.opacity ([Deprecated] Focused / [Deprecated] State layer)
+///
+/// @deprecated Token is deprecated.
+$focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.fab.primary.focused.container.elevation (Focused)
+$focused-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.primary.focused.icon.color (Focused)
+$focused-icon-color: md-sys-color.$on-primary;
+/// md.comp.fab.primary.focused.state-layer.color (Focused)
+$focused-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.fab.primary.focused.state-layer.opacity (Focused)
+$focused-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.fab.primary.hover.container.elevation ([Deprecated] Hovered / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$hover-container-elevation: md-sys-elevation.$level4;
+/// md.comp.fab.primary.hover.icon.color ([Deprecated] Hovered / [Deprecated] Icon)
+///
+/// @deprecated Token is deprecated.
+$hover-icon-color: md-sys-color.$on-primary-container;
+/// md.comp.fab.primary.hover.state-layer.color ([Deprecated] Hovered / [Deprecated] State layer)
+///
+/// @deprecated Token is deprecated.
+$hover-state-layer-color: md-sys-color.$on-primary-container;
+/// md.comp.fab.primary.hover.state-layer.opacity ([Deprecated] Hovered / [Deprecated] State layer)
+///
+/// @deprecated Token is deprecated.
+$hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.fab.primary.hovered.container.elevation (Hovered)
+$hovered-container-elevation: md-sys-elevation.$level4;
+/// md.comp.fab.primary.hovered.icon.color (Hovered)
+$hovered-icon-color: md-sys-color.$on-primary;
+/// md.comp.fab.primary.hovered.state-layer.color (Hovered)
+$hovered-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.fab.primary.hovered.state-layer.opacity (Hovered)
+$hovered-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.fab.primary.icon.color (Enabled)
+$icon-color: md-sys-color.$on-primary;
+/// md.comp.fab.primary.lowered.container.elevation ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$lowered-container-elevation: md-sys-elevation.$level1;
+/// md.comp.fab.primary.lowered.focus.container.elevation ([Deprecated] Focused / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$lowered-focus-container-elevation: md-sys-elevation.$level1;
+/// md.comp.fab.primary.lowered.hover.container.elevation ([Deprecated] Hovered / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$lowered-hover-container-elevation: md-sys-elevation.$level2;
+/// md.comp.fab.primary.lowered.pressed.container.elevation ([Deprecated] Pressed (ripple) / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$lowered-pressed-container-elevation: md-sys-elevation.$level1;
+/// md.comp.fab.primary.pressed.container.elevation (Pressed)
+$pressed-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.primary.pressed.icon.color (Pressed)
+$pressed-icon-color: md-sys-color.$on-primary;
+/// md.comp.fab.primary.pressed.state-layer.color (Pressed)
+$pressed-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.fab.primary.pressed.state-layer.opacity (Pressed)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
diff --git a/tokens/versions/v30_0/sass/_md-comp-fab-secondary-container.scss b/tokens/versions/v30_0/sass/_md-comp-fab-secondary-container.scss
new file mode 100644
index 0000000000..f57234b741
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-fab-secondary-container.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-elevation';
+@use 'md-sys-state';
+
+/// md.comp.fab.secondary-container.container.color (Enabled)
+$container-color: md-sys-color.$secondary-container;
+/// md.comp.fab.secondary-container.container.elevation (Enabled)
+$container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.secondary-container.container.shadow-color (Enabled)
+$container-shadow-color: md-sys-color.$shadow;
+/// md.comp.fab.secondary-container.focused.container.elevation (Focused)
+$focused-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.secondary-container.focused.icon.color (Focused)
+$focused-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab.secondary-container.focused.state-layer.color (Focused)
+$focused-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab.secondary-container.focused.state-layer.opacity (Focused)
+$focused-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.fab.secondary-container.hovered.container.elevation (Hovered)
+$hovered-container-elevation: md-sys-elevation.$level4;
+/// md.comp.fab.secondary-container.hovered.icon.color (Hovered)
+$hovered-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab.secondary-container.hovered.state-layer.color (Hovered)
+$hovered-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab.secondary-container.hovered.state-layer.opacity (Hovered)
+$hovered-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.fab.secondary-container.icon.color (Enabled)
+$icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab.secondary-container.pressed.container.elevation (Pressed)
+$pressed-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.secondary-container.pressed.icon.color (Pressed)
+$pressed-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab.secondary-container.pressed.state-layer.color (Pressed)
+$pressed-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab.secondary-container.pressed.state-layer.opacity (Pressed)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
diff --git a/tokens/versions/v30_0/sass/_md-comp-fab-secondary-large.scss b/tokens/versions/v30_0/sass/_md-comp-fab-secondary-large.scss
new file mode 100644
index 0000000000..197a64d949
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-fab-secondary-large.scss
@@ -0,0 +1,77 @@
+//
+// 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';
+
+/// md.comp.fab.secondary.large.container.height ([Deprecated] Enabled / [Deprecated] Container)
+$container-height: 96px;
+/// md.comp.fab.secondary.large.container.width ([Deprecated] Enabled / [Deprecated] Container)
+$container-width: 96px;
+/// md.comp.fab.secondary.large.icon.size ([Deprecated] Enabled / [Deprecated] Icon)
+$icon-size: 36px;
+/// md.comp.fab.secondary.large.container.color ([Deprecated] Enabled / [Deprecated] Container)
+$container-color: md-sys-color.$secondary-container;
+/// md.comp.fab.secondary.large.container.elevation ([Deprecated] Enabled / [Deprecated] Container)
+$container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.secondary.large.container.shadow-color ([Deprecated] Enabled / [Deprecated] Container)
+$container-shadow-color: md-sys-color.$shadow;
+/// md.comp.fab.secondary.large.container.shape ([Deprecated] Enabled / [Deprecated] Container)
+$container-shape: md-sys-shape.$corner-extra-large;
+/// md.comp.fab.secondary.large.focus.container.elevation ([Deprecated] Focused / [Deprecated] Container)
+$focus-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.secondary.large.focus.icon.color ([Deprecated] Focused / [Deprecated] Icon)
+$focus-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab.secondary.large.focus.indicator.color ([Deprecated] Focused / [Deprecated] Focus indicator)
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.fab.secondary.large.focus.indicator.outline.offset ([Deprecated] Focused / [Deprecated] Focus indicator)
+$focus-indicator-outline-offset: md-sys-state-focus-indicator.$outer-offset;
+/// md.comp.fab.secondary.large.focus.indicator.thickness ([Deprecated] Focused / [Deprecated] Focus indicator)
+$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.comp.fab.secondary.large.focus.state-layer.color ([Deprecated] Focused / [Deprecated] State layer)
+$focus-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab.secondary.large.focus.state-layer.opacity ([Deprecated] Focused / [Deprecated] State layer)
+$focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.fab.secondary.large.hover.container.elevation ([Deprecated] Hovered / [Deprecated] Container)
+$hover-container-elevation: md-sys-elevation.$level4;
+/// md.comp.fab.secondary.large.hover.icon.color ([Deprecated] Hovered / [Deprecated] Icon)
+$hover-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab.secondary.large.hover.state-layer.color ([Deprecated] Hovered / [Deprecated] State layer)
+$hover-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab.secondary.large.hover.state-layer.opacity ([Deprecated] Hovered / [Deprecated] State layer)
+$hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.fab.secondary.large.icon.color ([Deprecated] Enabled / [Deprecated] Icon)
+$icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab.secondary.large.lowered.container.elevation ([Deprecated] Enabled / [Deprecated] Container)
+$lowered-container-elevation: md-sys-elevation.$level1;
+/// md.comp.fab.secondary.large.lowered.focus.container.elevation ([Deprecated] Focused / [Deprecated] Container)
+$lowered-focus-container-elevation: md-sys-elevation.$level1;
+/// md.comp.fab.secondary.large.lowered.hover.container.elevation ([Deprecated] Hovered / [Deprecated] Container)
+$lowered-hover-container-elevation: md-sys-elevation.$level2;
+/// md.comp.fab.secondary.large.lowered.pressed.container.elevation ([Deprecated] Pressed (ripple) / [Deprecated] Container)
+$lowered-pressed-container-elevation: md-sys-elevation.$level1;
+/// md.comp.fab.secondary.large.pressed.container.elevation ([Deprecated] Pressed (ripple) / [Deprecated] Container)
+$pressed-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.secondary.large.pressed.icon.color ([Deprecated] Pressed (ripple) / [Deprecated] Icon)
+$pressed-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab.secondary.large.pressed.state-layer.color ([Deprecated] Pressed (ripple) / [Deprecated] State layer)
+$pressed-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab.secondary.large.pressed.state-layer.opacity ([Deprecated] Pressed (ripple) / [Deprecated] State layer)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
diff --git a/tokens/versions/v30_0/sass/_md-comp-fab-secondary-small.scss b/tokens/versions/v30_0/sass/_md-comp-fab-secondary-small.scss
new file mode 100644
index 0000000000..58b9975e88
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-fab-secondary-small.scss
@@ -0,0 +1,77 @@
+//
+// 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';
+
+/// md.comp.fab.secondary.small.container.height ([Deprecated] Enabled / [Deprecated] Container)
+$container-height: 40px;
+/// md.comp.fab.secondary.small.container.width ([Deprecated] Enabled / [Deprecated] Container)
+$container-width: 40px;
+/// md.comp.fab.secondary.small.icon.size ([Deprecated] Enabled / [Deprecated] Icon)
+$icon-size: 24px;
+/// md.comp.fab.secondary.small.container.color ([Deprecated] Enabled / [Deprecated] Container)
+$container-color: md-sys-color.$secondary-container;
+/// md.comp.fab.secondary.small.container.elevation ([Deprecated] Enabled / [Deprecated] Container)
+$container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.secondary.small.container.shadow-color ([Deprecated] Enabled / [Deprecated] Container)
+$container-shadow-color: md-sys-color.$shadow;
+/// md.comp.fab.secondary.small.container.shape ([Deprecated] Enabled / [Deprecated] Container)
+$container-shape: md-sys-shape.$corner-medium;
+/// md.comp.fab.secondary.small.focus.container.elevation ([Deprecated] Focused / [Deprecated] Container)
+$focus-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.secondary.small.focus.icon.color ([Deprecated] Focused / [Deprecated] Icon)
+$focus-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab.secondary.small.focus.indicator.color ([Deprecated] Focused / [Deprecated] Focus indicator)
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.fab.secondary.small.focus.indicator.outline.offset ([Deprecated] Focused / [Deprecated] Focus indicator)
+$focus-indicator-outline-offset: md-sys-state-focus-indicator.$outer-offset;
+/// md.comp.fab.secondary.small.focus.indicator.thickness ([Deprecated] Focused / [Deprecated] Focus indicator)
+$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.comp.fab.secondary.small.focus.state-layer.color ([Deprecated] Focused / [Deprecated] State layer)
+$focus-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab.secondary.small.focus.state-layer.opacity ([Deprecated] Focused / [Deprecated] State layer)
+$focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.fab.secondary.small.hover.container.elevation ([Deprecated] Hovered / [Deprecated] Container)
+$hover-container-elevation: md-sys-elevation.$level4;
+/// md.comp.fab.secondary.small.hover.icon.color ([Deprecated] Hovered / [Deprecated] Icon)
+$hover-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab.secondary.small.hover.state-layer.color ([Deprecated] Hovered / [Deprecated] State layer)
+$hover-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab.secondary.small.hover.state-layer.opacity ([Deprecated] Hovered / [Deprecated] State layer)
+$hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.fab.secondary.small.icon.color ([Deprecated] Enabled / [Deprecated] Icon)
+$icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab.secondary.small.lowered.container.elevation ([Deprecated] Enabled / [Deprecated] Container)
+$lowered-container-elevation: md-sys-elevation.$level1;
+/// md.comp.fab.secondary.small.lowered.focus.container.elevation ([Deprecated] Focused / [Deprecated] Container)
+$lowered-focus-container-elevation: md-sys-elevation.$level1;
+/// md.comp.fab.secondary.small.lowered.hover.container.elevation ([Deprecated] Hovered / [Deprecated] Container)
+$lowered-hover-container-elevation: md-sys-elevation.$level2;
+/// md.comp.fab.secondary.small.lowered.pressed.container.elevation ([Deprecated] Pressed (ripple) / [Deprecated] Container)
+$lowered-pressed-container-elevation: md-sys-elevation.$level1;
+/// md.comp.fab.secondary.small.pressed.container.elevation ([Deprecated] Pressed (ripple) / [Deprecated] Container)
+$pressed-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.secondary.small.pressed.icon.color ([Deprecated] Pressed (ripple) / [Deprecated] Icon)
+$pressed-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab.secondary.small.pressed.state-layer.color ([Deprecated] Pressed (ripple) / [Deprecated] State layer)
+$pressed-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab.secondary.small.pressed.state-layer.opacity ([Deprecated] Pressed (ripple) / [Deprecated] State layer)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
diff --git a/tokens/versions/v30_0/sass/_md-comp-fab-secondary.scss b/tokens/versions/v30_0/sass/_md-comp-fab-secondary.scss
new file mode 100644
index 0000000000..813ab651c7
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-fab-secondary.scss
@@ -0,0 +1,131 @@
+//
+// 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';
+
+/// md.comp.fab.secondary.container.height ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$container-height: 56px;
+/// md.comp.fab.secondary.container.width ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$container-width: 56px;
+/// md.comp.fab.secondary.icon.size ([Deprecated] Enabled / [Deprecated] Icon)
+///
+/// @deprecated Token is deprecated.
+$icon-size: 24px;
+/// md.comp.fab.secondary.container.color (Enabled)
+$container-color: md-sys-color.$secondary;
+/// md.comp.fab.secondary.container.elevation (Enabled)
+$container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.secondary.container.shadow-color (Enabled)
+$container-shadow-color: md-sys-color.$shadow;
+/// md.comp.fab.secondary.container.shape ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$container-shape: md-sys-shape.$corner-large;
+/// md.comp.fab.secondary.focus.container.elevation ([Deprecated] Focused / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$focus-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.secondary.focus.icon.color ([Deprecated] Focused / [Deprecated] Icon)
+///
+/// @deprecated Token is deprecated.
+$focus-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab.secondary.focus.indicator.color ([Deprecated] Focused / [Deprecated] Focus indicator)
+///
+/// @deprecated Token is deprecated.
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.fab.secondary.focus.indicator.outline.offset ([Deprecated] Focused / [Deprecated] Focus indicator)
+///
+/// @deprecated Token is deprecated.
+$focus-indicator-outline-offset: md-sys-state-focus-indicator.$outer-offset;
+/// md.comp.fab.secondary.focus.indicator.thickness ([Deprecated] Focused / [Deprecated] Focus indicator)
+///
+/// @deprecated Token is deprecated.
+$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.comp.fab.secondary.focus.state-layer.color ([Deprecated] Focused / [Deprecated] State layer)
+///
+/// @deprecated Token is deprecated.
+$focus-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab.secondary.focus.state-layer.opacity ([Deprecated] Focused / [Deprecated] State layer)
+///
+/// @deprecated Token is deprecated.
+$focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.fab.secondary.focused.container.elevation (Focused)
+$focused-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.secondary.focused.icon.color (Focused)
+$focused-icon-color: md-sys-color.$on-secondary;
+/// md.comp.fab.secondary.focused.state-layer.color (Focused)
+$focused-state-layer-color: md-sys-color.$on-secondary;
+/// md.comp.fab.secondary.focused.state-layer.opacity (Focused)
+$focused-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.fab.secondary.hover.container.elevation ([Deprecated] Hovered / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$hover-container-elevation: md-sys-elevation.$level4;
+/// md.comp.fab.secondary.hover.icon.color ([Deprecated] Hovered / [Deprecated] Icon)
+///
+/// @deprecated Token is deprecated.
+$hover-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab.secondary.hover.state-layer.color ([Deprecated] Hovered / [Deprecated] State layer)
+///
+/// @deprecated Token is deprecated.
+$hover-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab.secondary.hover.state-layer.opacity ([Deprecated] Hovered / [Deprecated] State layer)
+///
+/// @deprecated Token is deprecated.
+$hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.fab.secondary.hovered.container.elevation (Hovered)
+$hovered-container-elevation: md-sys-elevation.$level4;
+/// md.comp.fab.secondary.hovered.icon.color (Hovered)
+$hovered-icon-color: md-sys-color.$on-secondary;
+/// md.comp.fab.secondary.hovered.state-layer.color (Hovered)
+$hovered-state-layer-color: md-sys-color.$on-secondary;
+/// md.comp.fab.secondary.hovered.state-layer.opacity (Hovered)
+$hovered-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.fab.secondary.icon.color (Enabled)
+$icon-color: md-sys-color.$on-secondary;
+/// md.comp.fab.secondary.lowered.container.elevation ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$lowered-container-elevation: md-sys-elevation.$level1;
+/// md.comp.fab.secondary.lowered.focus.container.elevation ([Deprecated] Focused / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$lowered-focus-container-elevation: md-sys-elevation.$level1;
+/// md.comp.fab.secondary.lowered.hover.container.elevation ([Deprecated] Hovered / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$lowered-hover-container-elevation: md-sys-elevation.$level2;
+/// md.comp.fab.secondary.lowered.pressed.container.elevation ([Deprecated] Pressed (ripple) / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$lowered-pressed-container-elevation: md-sys-elevation.$level1;
+/// md.comp.fab.secondary.pressed.container.elevation (Pressed)
+$pressed-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.secondary.pressed.icon.color (Pressed)
+$pressed-icon-color: md-sys-color.$on-secondary;
+/// md.comp.fab.secondary.pressed.state-layer.color (Pressed)
+$pressed-state-layer-color: md-sys-color.$on-secondary;
+/// md.comp.fab.secondary.pressed.state-layer.opacity (Pressed)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
diff --git a/tokens/versions/v30_0/sass/_md-comp-fab-small.scss b/tokens/versions/v30_0/sass/_md-comp-fab-small.scss
new file mode 100644
index 0000000000..73633ac186
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-fab-small.scss
@@ -0,0 +1,27 @@
+//
+// 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';
+
+/// md.comp.fab.small.container.height
+$container-height: 40px;
+/// md.comp.fab.small.container.width
+$container-width: 40px;
+/// md.comp.fab.small.icon.size
+$icon-size: 24px;
+/// md.comp.fab.small.container.shape
+$container-shape: md-sys-shape.$corner-medium;
diff --git a/tokens/versions/v30_0/sass/_md-comp-fab-surface-large.scss b/tokens/versions/v30_0/sass/_md-comp-fab-surface-large.scss
new file mode 100644
index 0000000000..0979b9088a
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-fab-surface-large.scss
@@ -0,0 +1,83 @@
+//
+// 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';
+
+/// md.comp.fab.surface.large.container.height ([Deprecated] Enabled / [Deprecated] Container)
+$container-height: 96px;
+/// md.comp.fab.surface.large.container.width ([Deprecated] Enabled / [Deprecated] Container)
+$container-width: 96px;
+/// md.comp.fab.surface.large.icon.size ([Deprecated] Enabled / [Deprecated] Icon)
+$icon-size: 36px;
+/// md.comp.fab.surface.large.container.color ([Deprecated] Enabled / [Deprecated] Container)
+$container-color: md-sys-color.$surface-container-high;
+/// md.comp.fab.surface.large.container.elevation ([Deprecated] Enabled / [Deprecated] Container)
+$container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.surface.large.container.shadow-color ([Deprecated] Enabled / [Deprecated] Container)
+$container-shadow-color: md-sys-color.$shadow;
+/// md.comp.fab.surface.large.container.shape ([Deprecated] Enabled / [Deprecated] Container)
+$container-shape: md-sys-shape.$corner-extra-large;
+/// md.comp.fab.surface.large.container.surface-tint-layer.color ([Deprecated] Enabled / [Deprecated] 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.fab.surface.large.focus.container.elevation ([Deprecated] Focused / [Deprecated] Container)
+$focus-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.surface.large.focus.icon.color ([Deprecated] Focused / [Deprecated] Icon)
+$focus-icon-color: md-sys-color.$primary;
+/// md.comp.fab.surface.large.focus.indicator.color ([Deprecated] Focused / [Deprecated] Focus indicator)
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.fab.surface.large.focus.indicator.outline.offset ([Deprecated] Focused / [Deprecated] Focus indicator)
+$focus-indicator-outline-offset: md-sys-state-focus-indicator.$outer-offset;
+/// md.comp.fab.surface.large.focus.indicator.thickness ([Deprecated] Focused / [Deprecated] Focus indicator)
+$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.comp.fab.surface.large.focus.state-layer.color ([Deprecated] Focused / [Deprecated] State layer)
+$focus-state-layer-color: md-sys-color.$primary;
+/// md.comp.fab.surface.large.focus.state-layer.opacity ([Deprecated] Focused / [Deprecated] State layer)
+$focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.fab.surface.large.hover.container.elevation ([Deprecated] Hovered / [Deprecated] Container)
+$hover-container-elevation: md-sys-elevation.$level4;
+/// md.comp.fab.surface.large.hover.icon.color ([Deprecated] Hovered / [Deprecated] Icon)
+$hover-icon-color: md-sys-color.$primary;
+/// md.comp.fab.surface.large.hover.state-layer.color ([Deprecated] Hovered / [Deprecated] State layer)
+$hover-state-layer-color: md-sys-color.$primary;
+/// md.comp.fab.surface.large.hover.state-layer.opacity ([Deprecated] Hovered / [Deprecated] State layer)
+$hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.fab.surface.large.icon.color ([Deprecated] Enabled / [Deprecated] Icon)
+$icon-color: md-sys-color.$primary;
+/// md.comp.fab.surface.large.lowered.container.color ([Deprecated] Enabled / [Deprecated] Container)
+$lowered-container-color: md-sys-color.$surface-container-low;
+/// md.comp.fab.surface.large.lowered.container.elevation ([Deprecated] Enabled / [Deprecated] Container)
+$lowered-container-elevation: md-sys-elevation.$level1;
+/// md.comp.fab.surface.large.lowered.focus.container.elevation ([Deprecated] Focused / [Deprecated] Container)
+$lowered-focus-container-elevation: md-sys-elevation.$level1;
+/// md.comp.fab.surface.large.lowered.hover.container.elevation ([Deprecated] Hovered / [Deprecated] Container)
+$lowered-hover-container-elevation: md-sys-elevation.$level2;
+/// md.comp.fab.surface.large.lowered.pressed.container.elevation ([Deprecated] Pressed (ripple) / [Deprecated] Container)
+$lowered-pressed-container-elevation: md-sys-elevation.$level1;
+/// md.comp.fab.surface.large.pressed.container.elevation ([Deprecated] Pressed (ripple) / [Deprecated] Container)
+$pressed-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.surface.large.pressed.icon.color ([Deprecated] Pressed (ripple) / [Deprecated] Icon)
+$pressed-icon-color: md-sys-color.$primary;
+/// md.comp.fab.surface.large.pressed.state-layer.color ([Deprecated] Pressed (ripple) / [Deprecated] State layer)
+$pressed-state-layer-color: md-sys-color.$primary;
+/// md.comp.fab.surface.large.pressed.state-layer.opacity ([Deprecated] Pressed (ripple) / [Deprecated] State layer)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
diff --git a/tokens/versions/v30_0/sass/_md-comp-fab-surface.scss b/tokens/versions/v30_0/sass/_md-comp-fab-surface.scss
new file mode 100644
index 0000000000..6c963ae27e
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-fab-surface.scss
@@ -0,0 +1,83 @@
+//
+// 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';
+
+/// md.comp.fab.surface.container.height (Enabled / Container)
+$container-height: 56px;
+/// md.comp.fab.surface.container.width (Enabled / Container)
+$container-width: 56px;
+/// md.comp.fab.surface.icon.size (Enabled / Icon)
+$icon-size: 24px;
+/// md.comp.fab.surface.container.color (Enabled / Container)
+$container-color: md-sys-color.$surface-container-high;
+/// md.comp.fab.surface.container.elevation (Enabled / Container)
+$container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.surface.container.shadow-color (Enabled / Container)
+$container-shadow-color: md-sys-color.$shadow;
+/// md.comp.fab.surface.container.shape (Enabled / Container)
+$container-shape: md-sys-shape.$corner-large;
+/// md.comp.fab.surface.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.fab.surface.focus.container.elevation (Focused / Container)
+$focus-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.surface.focus.icon.color (Focused / Icon)
+$focus-icon-color: md-sys-color.$primary;
+/// md.comp.fab.surface.focus.indicator.color (Focused / Focus indicator)
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.fab.surface.focus.indicator.outline.offset (Focused / Focus indicator)
+$focus-indicator-outline-offset: md-sys-state-focus-indicator.$outer-offset;
+/// md.comp.fab.surface.focus.indicator.thickness (Focused / Focus indicator)
+$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.comp.fab.surface.focus.state-layer.color (Focused / State layer)
+$focus-state-layer-color: md-sys-color.$primary;
+/// md.comp.fab.surface.focus.state-layer.opacity (Focused / State layer)
+$focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.fab.surface.hover.container.elevation (Hovered / Container)
+$hover-container-elevation: md-sys-elevation.$level4;
+/// md.comp.fab.surface.hover.icon.color (Hovered / Icon)
+$hover-icon-color: md-sys-color.$primary;
+/// md.comp.fab.surface.hover.state-layer.color (Hovered / State layer)
+$hover-state-layer-color: md-sys-color.$primary;
+/// md.comp.fab.surface.hover.state-layer.opacity (Hovered / State layer)
+$hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.fab.surface.icon.color (Enabled / Icon)
+$icon-color: md-sys-color.$primary;
+/// md.comp.fab.surface.lowered.container.color (Enabled / Container)
+$lowered-container-color: md-sys-color.$surface-container-low;
+/// md.comp.fab.surface.lowered.container.elevation (Enabled / Container)
+$lowered-container-elevation: md-sys-elevation.$level1;
+/// md.comp.fab.surface.lowered.focus.container.elevation (Focused / Container)
+$lowered-focus-container-elevation: md-sys-elevation.$level1;
+/// md.comp.fab.surface.lowered.hover.container.elevation (Hovered / Container)
+$lowered-hover-container-elevation: md-sys-elevation.$level2;
+/// md.comp.fab.surface.lowered.pressed.container.elevation (Pressed (ripple) / Container)
+$lowered-pressed-container-elevation: md-sys-elevation.$level1;
+/// md.comp.fab.surface.pressed.container.elevation (Pressed (ripple) / Container)
+$pressed-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.surface.pressed.icon.color (Pressed (ripple) / Icon)
+$pressed-icon-color: md-sys-color.$primary;
+/// md.comp.fab.surface.pressed.state-layer.color (Pressed (ripple) / State layer)
+$pressed-state-layer-color: md-sys-color.$primary;
+/// md.comp.fab.surface.pressed.state-layer.opacity (Pressed (ripple) / State layer)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
diff --git a/tokens/versions/v30_0/sass/_md-comp-fab-tertiary-container.scss b/tokens/versions/v30_0/sass/_md-comp-fab-tertiary-container.scss
new file mode 100644
index 0000000000..717448399c
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-fab-tertiary-container.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-elevation';
+@use 'md-sys-state';
+
+/// md.comp.fab.tertiary-container.container.color (Enabled)
+$container-color: md-sys-color.$tertiary-container;
+/// md.comp.fab.tertiary-container.container.elevation (Enabled)
+$container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.tertiary-container.container.shadow-color (Enabled)
+$container-shadow-color: md-sys-color.$shadow;
+/// md.comp.fab.tertiary-container.focused.container.elevation (Focused)
+$focused-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.tertiary-container.focused.icon.color (Focused)
+$focused-icon-color: md-sys-color.$on-tertiary-container;
+/// md.comp.fab.tertiary-container.focused.state-layer.color (Focused)
+$focused-state-layer-color: md-sys-color.$on-tertiary-container;
+/// md.comp.fab.tertiary-container.focused.state-layer.opacity (Focused)
+$focused-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.fab.tertiary-container.hovered.container.elevation (Hovered)
+$hovered-container-elevation: md-sys-elevation.$level4;
+/// md.comp.fab.tertiary-container.hovered.icon.color (Hovered)
+$hovered-icon-color: md-sys-color.$on-tertiary-container;
+/// md.comp.fab.tertiary-container.hovered.state-layer.color (Hovered)
+$hovered-state-layer-color: md-sys-color.$on-tertiary-container;
+/// md.comp.fab.tertiary-container.hovered.state-layer.opacity (Hovered)
+$hovered-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.fab.tertiary-container.icon.color (Enabled)
+$icon-color: md-sys-color.$on-tertiary-container;
+/// md.comp.fab.tertiary-container.pressed.container.elevation (Pressed)
+$pressed-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.tertiary-container.pressed.icon.color (Pressed)
+$pressed-icon-color: md-sys-color.$on-tertiary-container;
+/// md.comp.fab.tertiary-container.pressed.state-layer.color (Pressed)
+$pressed-state-layer-color: md-sys-color.$on-tertiary-container;
+/// md.comp.fab.tertiary-container.pressed.state-layer.opacity (Pressed)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
diff --git a/tokens/versions/v30_0/sass/_md-comp-fab-tertiary-large.scss b/tokens/versions/v30_0/sass/_md-comp-fab-tertiary-large.scss
new file mode 100644
index 0000000000..108e42c454
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-fab-tertiary-large.scss
@@ -0,0 +1,77 @@
+//
+// 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';
+
+/// md.comp.fab.tertiary.large.container.height ([Deprecated] Enabled / [Deprecated] Container)
+$container-height: 96px;
+/// md.comp.fab.tertiary.large.container.width ([Deprecated] Enabled / [Deprecated] Container)
+$container-width: 96px;
+/// md.comp.fab.tertiary.large.icon.size ([Deprecated] Enabled / [Deprecated] Icon)
+$icon-size: 36px;
+/// md.comp.fab.tertiary.large.container.color ([Deprecated] Enabled / [Deprecated] Container)
+$container-color: md-sys-color.$tertiary-container;
+/// md.comp.fab.tertiary.large.container.elevation ([Deprecated] Enabled / [Deprecated] Container)
+$container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.tertiary.large.container.shadow-color ([Deprecated] Enabled / [Deprecated] Container)
+$container-shadow-color: md-sys-color.$shadow;
+/// md.comp.fab.tertiary.large.container.shape ([Deprecated] Enabled / [Deprecated] Container)
+$container-shape: md-sys-shape.$corner-extra-large;
+/// md.comp.fab.tertiary.large.focus.container.elevation ([Deprecated] Focused / [Deprecated] Container)
+$focus-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.tertiary.large.focus.icon.color ([Deprecated] Focused / [Deprecated] Icon)
+$focus-icon-color: md-sys-color.$on-tertiary-container;
+/// md.comp.fab.tertiary.large.focus.indicator.color ([Deprecated] Focused / [Deprecated] Focus indicator)
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.fab.tertiary.large.focus.indicator.outline.offset ([Deprecated] Focused / [Deprecated] Focus indicator)
+$focus-indicator-outline-offset: md-sys-state-focus-indicator.$outer-offset;
+/// md.comp.fab.tertiary.large.focus.indicator.thickness ([Deprecated] Focused / [Deprecated] Focus indicator)
+$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.comp.fab.tertiary.large.focus.state-layer.color ([Deprecated] Focused / [Deprecated] State layer)
+$focus-state-layer-color: md-sys-color.$on-tertiary-container;
+/// md.comp.fab.tertiary.large.focus.state-layer.opacity ([Deprecated] Focused / [Deprecated] State layer)
+$focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.fab.tertiary.large.hover.container.elevation ([Deprecated] Hovered / [Deprecated] Container)
+$hover-container-elevation: md-sys-elevation.$level4;
+/// md.comp.fab.tertiary.large.hover.icon.color ([Deprecated] Hovered / [Deprecated] Icon)
+$hover-icon-color: md-sys-color.$on-tertiary-container;
+/// md.comp.fab.tertiary.large.hover.state-layer.color ([Deprecated] Hovered / [Deprecated] State layer)
+$hover-state-layer-color: md-sys-color.$on-tertiary-container;
+/// md.comp.fab.tertiary.large.hover.state-layer.opacity ([Deprecated] Hovered / [Deprecated] State layer)
+$hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.fab.tertiary.large.icon.color ([Deprecated] Enabled / [Deprecated] Icon)
+$icon-color: md-sys-color.$on-tertiary-container;
+/// md.comp.fab.tertiary.large.lowered.container.elevation ([Deprecated] Enabled / [Deprecated] Container)
+$lowered-container-elevation: md-sys-elevation.$level1;
+/// md.comp.fab.tertiary.large.lowered.focus.container.elevation ([Deprecated] Focused / [Deprecated] Container)
+$lowered-focus-container-elevation: md-sys-elevation.$level1;
+/// md.comp.fab.tertiary.large.lowered.hover.container.elevation ([Deprecated] Hovered / [Deprecated] Container)
+$lowered-hover-container-elevation: md-sys-elevation.$level2;
+/// md.comp.fab.tertiary.large.lowered.pressed.container.elevation ([Deprecated] Pressed (ripple) / [Deprecated] Container)
+$lowered-pressed-container-elevation: md-sys-elevation.$level1;
+/// md.comp.fab.tertiary.large.pressed.container.elevation ([Deprecated] Pressed (ripple) / [Deprecated] Container)
+$pressed-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.tertiary.large.pressed.icon.color ([Deprecated] Pressed (ripple) / [Deprecated] Icon)
+$pressed-icon-color: md-sys-color.$on-tertiary-container;
+/// md.comp.fab.tertiary.large.pressed.state-layer.color ([Deprecated] Pressed (ripple) / [Deprecated] State layer)
+$pressed-state-layer-color: md-sys-color.$on-tertiary-container;
+/// md.comp.fab.tertiary.large.pressed.state-layer.opacity ([Deprecated] Pressed (ripple) / [Deprecated] State layer)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
diff --git a/tokens/versions/v30_0/sass/_md-comp-fab-tertiary-small.scss b/tokens/versions/v30_0/sass/_md-comp-fab-tertiary-small.scss
new file mode 100644
index 0000000000..f658f6a13a
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-fab-tertiary-small.scss
@@ -0,0 +1,77 @@
+//
+// 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';
+
+/// md.comp.fab.tertiary.small.container.height ([Deprecated] Enabled / [Deprecated] Container)
+$container-height: 40px;
+/// md.comp.fab.tertiary.small.container.width ([Deprecated] Enabled / [Deprecated] Container)
+$container-width: 40px;
+/// md.comp.fab.tertiary.small.icon.size ([Deprecated] Enabled / [Deprecated] Icon)
+$icon-size: 24px;
+/// md.comp.fab.tertiary.small.container.color ([Deprecated] Enabled / [Deprecated] Container)
+$container-color: md-sys-color.$tertiary-container;
+/// md.comp.fab.tertiary.small.container.elevation ([Deprecated] Enabled / [Deprecated] Container)
+$container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.tertiary.small.container.shadow-color ([Deprecated] Enabled / [Deprecated] Container)
+$container-shadow-color: md-sys-color.$shadow;
+/// md.comp.fab.tertiary.small.container.shape ([Deprecated] Enabled / [Deprecated] Container)
+$container-shape: md-sys-shape.$corner-medium;
+/// md.comp.fab.tertiary.small.focus.container.elevation ([Deprecated] Focused / [Deprecated] Container)
+$focus-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.tertiary.small.focus.icon.color ([Deprecated] Focused / [Deprecated] Icon)
+$focus-icon-color: md-sys-color.$on-tertiary-container;
+/// md.comp.fab.tertiary.small.focus.indicator.color ([Deprecated] Focused / [Deprecated] Focus indicator)
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.fab.tertiary.small.focus.indicator.outline.offset ([Deprecated] Focused / [Deprecated] Focus indicator)
+$focus-indicator-outline-offset: md-sys-state-focus-indicator.$outer-offset;
+/// md.comp.fab.tertiary.small.focus.indicator.thickness ([Deprecated] Focused / [Deprecated] Focus indicator)
+$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.comp.fab.tertiary.small.focus.state-layer.color ([Deprecated] Focused / [Deprecated] State layer)
+$focus-state-layer-color: md-sys-color.$on-tertiary-container;
+/// md.comp.fab.tertiary.small.focus.state-layer.opacity ([Deprecated] Focused / [Deprecated] State layer)
+$focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.fab.tertiary.small.hover.container.elevation ([Deprecated] Hovered / [Deprecated] Container)
+$hover-container-elevation: md-sys-elevation.$level4;
+/// md.comp.fab.tertiary.small.hover.icon.color ([Deprecated] Hovered / [Deprecated] Icon)
+$hover-icon-color: md-sys-color.$on-tertiary-container;
+/// md.comp.fab.tertiary.small.hover.state-layer.color ([Deprecated] Hovered / [Deprecated] State layer)
+$hover-state-layer-color: md-sys-color.$on-tertiary-container;
+/// md.comp.fab.tertiary.small.hover.state-layer.opacity ([Deprecated] Hovered / [Deprecated] State layer)
+$hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.fab.tertiary.small.icon.color ([Deprecated] Enabled / [Deprecated] Icon)
+$icon-color: md-sys-color.$on-tertiary-container;
+/// md.comp.fab.tertiary.small.lowered.container.elevation ([Deprecated] Enabled / [Deprecated] Container)
+$lowered-container-elevation: md-sys-elevation.$level1;
+/// md.comp.fab.tertiary.small.lowered.focus.container.elevation ([Deprecated] Focused / [Deprecated] Container)
+$lowered-focus-container-elevation: md-sys-elevation.$level1;
+/// md.comp.fab.tertiary.small.lowered.hover.container.elevation ([Deprecated] Hovered / [Deprecated] Container)
+$lowered-hover-container-elevation: md-sys-elevation.$level2;
+/// md.comp.fab.tertiary.small.lowered.pressed.container.elevation ([Deprecated] Pressed (ripple) / [Deprecated] Container)
+$lowered-pressed-container-elevation: md-sys-elevation.$level1;
+/// md.comp.fab.tertiary.small.pressed.container.elevation ([Deprecated] Pressed (ripple) / [Deprecated] Container)
+$pressed-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.tertiary.small.pressed.icon.color ([Deprecated] Pressed (ripple) / [Deprecated] Icon)
+$pressed-icon-color: md-sys-color.$on-tertiary-container;
+/// md.comp.fab.tertiary.small.pressed.state-layer.color ([Deprecated] Pressed (ripple) / [Deprecated] State layer)
+$pressed-state-layer-color: md-sys-color.$on-tertiary-container;
+/// md.comp.fab.tertiary.small.pressed.state-layer.opacity ([Deprecated] Pressed (ripple) / [Deprecated] State layer)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
diff --git a/tokens/versions/v30_0/sass/_md-comp-fab-tertiary.scss b/tokens/versions/v30_0/sass/_md-comp-fab-tertiary.scss
new file mode 100644
index 0000000000..cd4121ff46
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-fab-tertiary.scss
@@ -0,0 +1,131 @@
+//
+// 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';
+
+/// md.comp.fab.tertiary.container.height ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$container-height: 56px;
+/// md.comp.fab.tertiary.container.width ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$container-width: 56px;
+/// md.comp.fab.tertiary.icon.size ([Deprecated] Enabled / [Deprecated] Icon)
+///
+/// @deprecated Token is deprecated.
+$icon-size: 24px;
+/// md.comp.fab.tertiary.container.color (Enabled)
+$container-color: md-sys-color.$tertiary;
+/// md.comp.fab.tertiary.container.elevation (Enabled)
+$container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.tertiary.container.shadow-color (Enabled)
+$container-shadow-color: md-sys-color.$shadow;
+/// md.comp.fab.tertiary.container.shape ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$container-shape: md-sys-shape.$corner-large;
+/// md.comp.fab.tertiary.focus.container.elevation ([Deprecated] Focused / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$focus-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.tertiary.focus.icon.color ([Deprecated] Focused / [Deprecated] Icon)
+///
+/// @deprecated Token is deprecated.
+$focus-icon-color: md-sys-color.$on-tertiary-container;
+/// md.comp.fab.tertiary.focus.indicator.color ([Deprecated] Focused / [Deprecated] Focus indicator)
+///
+/// @deprecated Token is deprecated.
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.fab.tertiary.focus.indicator.outline.offset ([Deprecated] Focused / [Deprecated] Focus indicator)
+///
+/// @deprecated Token is deprecated.
+$focus-indicator-outline-offset: md-sys-state-focus-indicator.$outer-offset;
+/// md.comp.fab.tertiary.focus.indicator.thickness ([Deprecated] Focused / [Deprecated] Focus indicator)
+///
+/// @deprecated Token is deprecated.
+$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.comp.fab.tertiary.focus.state-layer.color ([Deprecated] Focused / [Deprecated] State layer)
+///
+/// @deprecated Token is deprecated.
+$focus-state-layer-color: md-sys-color.$on-tertiary-container;
+/// md.comp.fab.tertiary.focus.state-layer.opacity ([Deprecated] Focused / [Deprecated] State layer)
+///
+/// @deprecated Token is deprecated.
+$focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.fab.tertiary.focused.container.elevation (Focused)
+$focused-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.tertiary.focused.icon.color (Focused)
+$focused-icon-color: md-sys-color.$on-tertiary;
+/// md.comp.fab.tertiary.focused.state-layer.color (Focused)
+$focused-state-layer-color: md-sys-color.$on-tertiary;
+/// md.comp.fab.tertiary.focused.state-layer.opacity (Focused)
+$focused-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.fab.tertiary.hover.container.elevation ([Deprecated] Hovered / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$hover-container-elevation: md-sys-elevation.$level4;
+/// md.comp.fab.tertiary.hover.icon.color ([Deprecated] Hovered / [Deprecated] Icon)
+///
+/// @deprecated Token is deprecated.
+$hover-icon-color: md-sys-color.$on-tertiary-container;
+/// md.comp.fab.tertiary.hover.state-layer.color ([Deprecated] Hovered / [Deprecated] State layer)
+///
+/// @deprecated Token is deprecated.
+$hover-state-layer-color: md-sys-color.$on-tertiary-container;
+/// md.comp.fab.tertiary.hover.state-layer.opacity ([Deprecated] Hovered / [Deprecated] State layer)
+///
+/// @deprecated Token is deprecated.
+$hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.fab.tertiary.hovered.container.elevation (Hovered)
+$hovered-container-elevation: md-sys-elevation.$level4;
+/// md.comp.fab.tertiary.hovered.icon.color (Hovered)
+$hovered-icon-color: md-sys-color.$on-tertiary;
+/// md.comp.fab.tertiary.hovered.state-layer.color (Hovered)
+$hovered-state-layer-color: md-sys-color.$on-tertiary;
+/// md.comp.fab.tertiary.hovered.state-layer.opacity (Hovered)
+$hovered-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.fab.tertiary.icon.color (Enabled)
+$icon-color: md-sys-color.$on-tertiary;
+/// md.comp.fab.tertiary.lowered.container.elevation ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$lowered-container-elevation: md-sys-elevation.$level1;
+/// md.comp.fab.tertiary.lowered.focus.container.elevation ([Deprecated] Focused / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$lowered-focus-container-elevation: md-sys-elevation.$level1;
+/// md.comp.fab.tertiary.lowered.hover.container.elevation ([Deprecated] Hovered / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$lowered-hover-container-elevation: md-sys-elevation.$level2;
+/// md.comp.fab.tertiary.lowered.pressed.container.elevation ([Deprecated] Pressed (ripple) / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$lowered-pressed-container-elevation: md-sys-elevation.$level1;
+/// md.comp.fab.tertiary.pressed.container.elevation (Pressed)
+$pressed-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.tertiary.pressed.icon.color (Pressed)
+$pressed-icon-color: md-sys-color.$on-tertiary;
+/// md.comp.fab.tertiary.pressed.state-layer.color (Pressed)
+$pressed-state-layer-color: md-sys-color.$on-tertiary;
+/// md.comp.fab.tertiary.pressed.state-layer.opacity (Pressed)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
diff --git a/tokens/versions/v30_0/sass/_md-comp-fab.scss b/tokens/versions/v30_0/sass/_md-comp-fab.scss
new file mode 100644
index 0000000000..2f42b492b7
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-fab.scss
@@ -0,0 +1,27 @@
+//
+// 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';
+
+/// md.comp.fab.container.height
+$container-height: 56px;
+/// md.comp.fab.container.width
+$container-width: 56px;
+/// md.comp.fab.icon.size
+$icon-size: 24px;
+/// md.comp.fab.container.shape
+$container-shape: md-sys-shape.$corner-large;
diff --git a/tokens/versions/v30_0/sass/_md-comp-filled-autocomplete.scss b/tokens/versions/v30_0/sass/_md-comp-filled-autocomplete.scss
new file mode 100644
index 0000000000..2a73cecc00
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-filled-autocomplete.scss
@@ -0,0 +1,279 @@
+//
+// 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-typescale';
+
+/// md.comp.filled-autocomplete.menu.cascading-menu-indicator.icon.size (Enabled / Icon)
+$menu-cascading-menu-indicator-icon-size: 24px;
+/// md.comp.filled-autocomplete.menu.divider.height (Enabled / Divider)
+///
+/// @deprecated Deprecating per b/262592125
+$menu-divider-height: 1px;
+/// md.comp.filled-autocomplete.menu.list-item.container.height (Enabled / Container)
+///
+/// @deprecated Deprecating per b/262592125
+$menu-list-item-container-height: 48px;
+/// md.comp.filled-autocomplete.text-field.active-indicator.height (Enabled / Active indicator)
+$text-field-active-indicator-height: 1px;
+/// md.comp.filled-autocomplete.text-field.container.height (Enabled / Container)
+///
+/// @deprecated Removing fixed height token due to conflicts with text fields variants requiring dynamic height (multi-line, text area). Use height of internal elements and paddings to control component height.
+$text-field-container-height: 56px;
+/// md.comp.filled-autocomplete.text-field.disabled.active-indicator.height (Disabled / Active indicator)
+$text-field-disabled-active-indicator-height: 1px;
+/// md.comp.filled-autocomplete.text-field.disabled.active-indicator.opacity (Disabled / Active indicator)
+$text-field-disabled-active-indicator-opacity: 0.38;
+/// md.comp.filled-autocomplete.text-field.disabled.container.opacity (Disabled / Container)
+$text-field-disabled-container-opacity: 0.04;
+/// md.comp.filled-autocomplete.text-field.disabled.input-text.opacity (Disabled / Input text)
+$text-field-disabled-input-text-opacity: 0.38;
+/// md.comp.filled-autocomplete.text-field.disabled.label-text.opacity (Disabled / Label text)
+$text-field-disabled-label-text-opacity: 0.38;
+/// md.comp.filled-autocomplete.text-field.disabled.leading-icon.opacity (Disabled / Leading icon)
+$text-field-disabled-leading-icon-opacity: 0.38;
+/// md.comp.filled-autocomplete.text-field.disabled.supporting-text.opacity (Disabled / Supporting text)
+$text-field-disabled-supporting-text-opacity: 0.38;
+/// md.comp.filled-autocomplete.text-field.disabled.trailing-icon.opacity (Disabled / Trailing icon)
+$text-field-disabled-trailing-icon-opacity: 0.38;
+/// md.comp.filled-autocomplete.text-field.focus.active-indicator.height (Focused / Active indicator)
+$text-field-focus-active-indicator-height: 2px;
+/// md.comp.filled-autocomplete.text-field.hover.active-indicator.height (Hovered / Active indicator)
+$text-field-hover-active-indicator-height: 1px;
+/// md.comp.filled-autocomplete.text-field.leading-icon.size (Enabled / Leading icon)
+$text-field-leading-icon-size: 20px;
+/// md.comp.filled-autocomplete.text-field.trailing-icon.size (Enabled / Trailing icon)
+$text-field-trailing-icon-size: 24px;
+/// md.comp.filled-autocomplete.menu.cascading-menu-indicator.icon.color (Enabled / Icon)
+$menu-cascading-menu-indicator-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-autocomplete.menu.container.color (Enabled / Container)
+$menu-container-color: md-sys-color.$surface-container;
+/// md.comp.filled-autocomplete.menu.container.elevation (Enabled / Container)
+$menu-container-elevation: md-sys-elevation.$level2;
+/// md.comp.filled-autocomplete.menu.container.shadow-color (Enabled / Container)
+$menu-container-shadow-color: md-sys-color.$shadow;
+/// md.comp.filled-autocomplete.menu.container.shape (Enabled / Container)
+$menu-container-shape: md-sys-shape.$corner-extra-small;
+/// md.comp.filled-autocomplete.menu.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.
+$menu-container-surface-tint-layer-color: md-sys-color.$surface-tint;
+/// md.comp.filled-autocomplete.menu.divider.color (Enabled / Divider)
+///
+/// @deprecated Deprecating per b/262592125
+$menu-divider-color: md-sys-color.$surface-variant;
+/// md.comp.filled-autocomplete.menu.list-item.label-text.color (Enabled / Label text)
+///
+/// @deprecated Deprecating per b/262592125
+$menu-list-item-label-text-color: md-sys-color.$on-surface;
+/// md.comp.filled-autocomplete.menu.list-item.label-text.font (Enabled / Label text)
+///
+/// @deprecated Deprecating per b/262592125
+$menu-list-item-label-text-font: md-sys-typescale.$label-large-font;
+/// md.comp.filled-autocomplete.menu.list-item.label-text.line-height (Enabled / Label text)
+///
+/// @deprecated Deprecating per b/262592125
+$menu-list-item-label-text-line-height: md-sys-typescale.$label-large-line-height;
+/// md.comp.filled-autocomplete.menu.list-item.label-text.size (Enabled / Label text)
+///
+/// @deprecated Deprecating per b/262592125
+$menu-list-item-label-text-size: md-sys-typescale.$label-large-size;
+/// md.comp.filled-autocomplete.menu.list-item.label-text.tracking (Enabled / Label text)
+///
+/// @deprecated Deprecating per b/262592125
+$menu-list-item-label-text-tracking: md-sys-typescale.$label-large-tracking;
+/// md.comp.filled-autocomplete.menu.list-item.label-text.weight (Enabled / Label text)
+///
+/// @deprecated Deprecating per b/262592125
+$menu-list-item-label-text-weight: md-sys-typescale.$label-large-weight;
+/// md.comp.filled-autocomplete.menu.list-item.selected.container.color (Enabled / Container)
+///
+/// @deprecated Deprecating per bug b/262592125
+$menu-list-item-selected-container-color: md-sys-color.$surface-container-highest;
+/// md.comp.filled-autocomplete.text-field.active-indicator.color (Enabled / Active indicator)
+$text-field-active-indicator-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-autocomplete.text-field.caret.color (Enabled / Caret)
+$text-field-caret-color: md-sys-color.$primary;
+/// md.comp.filled-autocomplete.text-field.container.color (Enabled / Container)
+$text-field-container-color: md-sys-color.$surface-container-highest;
+/// md.comp.filled-autocomplete.text-field.container.shape (Enabled / Container)
+$text-field-container-shape: md-sys-shape.$corner-extra-small-top;
+/// md.comp.filled-autocomplete.text-field.disabled.active-indicator.color (Disabled / Active indicator)
+$text-field-disabled-active-indicator-color: md-sys-color.$on-surface;
+/// md.comp.filled-autocomplete.text-field.disabled.container.color (Disabled / Container)
+$text-field-disabled-container-color: md-sys-color.$on-surface;
+/// md.comp.filled-autocomplete.text-field.disabled.input-text.color (Disabled / Input text)
+$text-field-disabled-input-text-color: md-sys-color.$on-surface;
+/// md.comp.filled-autocomplete.text-field.disabled.label-text.color (Disabled / Label text)
+$text-field-disabled-label-text-color: md-sys-color.$on-surface;
+/// md.comp.filled-autocomplete.text-field.disabled.leading-icon.color (Disabled / Leading icon)
+$text-field-disabled-leading-icon-color: md-sys-color.$on-surface;
+/// md.comp.filled-autocomplete.text-field.disabled.supporting-text.color (Disabled / Supporting text)
+$text-field-disabled-supporting-text-color: md-sys-color.$on-surface;
+/// md.comp.filled-autocomplete.text-field.disabled.trailing-icon.color (Disabled / Trailing icon)
+$text-field-disabled-trailing-icon-color: md-sys-color.$on-surface;
+/// md.comp.filled-autocomplete.text-field.error.active-indicator.color (Error)
+$text-field-error-active-indicator-color: md-sys-color.$error;
+/// md.comp.filled-autocomplete.text-field.error.focus.active-indicator.color (Error / Focus)
+$text-field-error-focus-active-indicator-color: md-sys-color.$error;
+/// md.comp.filled-autocomplete.text-field.error.focus.caret.color (Error / Focus)
+$text-field-error-focus-caret-color: md-sys-color.$error;
+/// md.comp.filled-autocomplete.text-field.error.focus.input-text.color (Error / Focus)
+$text-field-error-focus-input-text-color: md-sys-color.$on-surface;
+/// md.comp.filled-autocomplete.text-field.error.focus.label-text.color (Error / Focus)
+$text-field-error-focus-label-text-color: md-sys-color.$error;
+/// md.comp.filled-autocomplete.text-field.error.focus.leading-icon.color (Error / Focus)
+$text-field-error-focus-leading-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-autocomplete.text-field.error.focus.supporting-text.color (Error / Focus)
+$text-field-error-focus-supporting-text-color: md-sys-color.$error;
+/// md.comp.filled-autocomplete.text-field.error.focus.trailing-icon.color (Error / Focus)
+$text-field-error-focus-trailing-icon-color: md-sys-color.$error;
+/// md.comp.filled-autocomplete.text-field.error.hover.active-indicator.color (Error / Hover)
+$text-field-error-hover-active-indicator-color: md-sys-color.$on-error-container;
+/// md.comp.filled-autocomplete.text-field.error.hover.input-text.color (Error / Hover)
+$text-field-error-hover-input-text-color: md-sys-color.$on-surface;
+/// md.comp.filled-autocomplete.text-field.error.hover.label-text.color (Error / Hover)
+$text-field-error-hover-label-text-color: md-sys-color.$on-error-container;
+/// md.comp.filled-autocomplete.text-field.error.hover.leading-icon.color (Error / Hover)
+$text-field-error-hover-leading-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-autocomplete.text-field.error.hover.state-layer.color (Error / Hover)
+$text-field-error-hover-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.filled-autocomplete.text-field.error.hover.state-layer.opacity (Error / Hover)
+$text-field-error-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.filled-autocomplete.text-field.error.hover.supporting-text.color (Error / Hover)
+$text-field-error-hover-supporting-text-color: md-sys-color.$error;
+/// md.comp.filled-autocomplete.text-field.error.hover.trailing-icon.color (Error / Hover)
+$text-field-error-hover-trailing-icon-color: md-sys-color.$on-error-container;
+/// md.comp.filled-autocomplete.text-field.error.input-text.color (Error)
+$text-field-error-input-text-color: md-sys-color.$on-surface;
+/// md.comp.filled-autocomplete.text-field.error.label-text.color (Error)
+$text-field-error-label-text-color: md-sys-color.$error;
+/// md.comp.filled-autocomplete.text-field.error.leading-icon.color (Error)
+$text-field-error-leading-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-autocomplete.text-field.error.supporting-text.color (Error)
+$text-field-error-supporting-text-color: md-sys-color.$error;
+/// md.comp.filled-autocomplete.text-field.error.trailing-icon.color (Error)
+$text-field-error-trailing-icon-color: md-sys-color.$error;
+/// md.comp.filled-autocomplete.text-field.focus.active-indicator.color (Focused / Active indicator)
+$text-field-focus-active-indicator-color: md-sys-color.$primary;
+/// md.comp.filled-autocomplete.text-field.focus.input-text.color (Focused / Input text)
+$text-field-focus-input-text-color: md-sys-color.$on-surface;
+/// md.comp.filled-autocomplete.text-field.focus.label-text.color (Focused / Label text)
+$text-field-focus-label-text-color: md-sys-color.$primary;
+/// md.comp.filled-autocomplete.text-field.focus.leading-icon.color (Focused / Leading icon)
+$text-field-focus-leading-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-autocomplete.text-field.focus.supporting-text.color (Focused / Supporting text)
+$text-field-focus-supporting-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-autocomplete.text-field.focus.trailing-icon.color (Focused / Trailing icon)
+$text-field-focus-trailing-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-autocomplete.text-field.hover.active-indicator.color (Hovered / Active indicator)
+$text-field-hover-active-indicator-color: md-sys-color.$on-surface;
+/// md.comp.filled-autocomplete.text-field.hover.input-text.color (Hovered / Input text)
+$text-field-hover-input-text-color: md-sys-color.$on-surface;
+/// md.comp.filled-autocomplete.text-field.hover.label-text.color (Hovered / Label text)
+$text-field-hover-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-autocomplete.text-field.hover.leading-icon.color (Hovered / Leading icon)
+$text-field-hover-leading-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-autocomplete.text-field.hover.state-layer.color (Hovered / State layer)
+$text-field-hover-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.filled-autocomplete.text-field.hover.state-layer.opacity (Hovered / State layer)
+$text-field-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.filled-autocomplete.text-field.hover.supporting-text.color (Hovered / Supporting text)
+$text-field-hover-supporting-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-autocomplete.text-field.hover.trailing-icon.color (Hovered / Trailing icon)
+$text-field-hover-trailing-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-autocomplete.text-field.input-text.color (Enabled / Input text)
+$text-field-input-text-color: md-sys-color.$on-surface;
+/// md.comp.filled-autocomplete.text-field.input-text.font (Enabled / Input text)
+$text-field-input-text-font: md-sys-typescale.$body-large-font;
+/// md.comp.filled-autocomplete.text-field.input-text.line-height (Enabled / Input text)
+$text-field-input-text-line-height: md-sys-typescale.$body-large-line-height;
+/// md.comp.filled-autocomplete.text-field.input-text.size (Enabled / Input text)
+$text-field-input-text-size: md-sys-typescale.$body-large-size;
+/// md.comp.filled-autocomplete.text-field.input-text.tracking (Enabled / Input text)
+$text-field-input-text-tracking: md-sys-typescale.$body-large-tracking;
+/// md.comp.filled-autocomplete.text-field.input-text.weight (Enabled / Input text)
+$text-field-input-text-weight: md-sys-typescale.$body-large-weight;
+/// md.comp.filled-autocomplete.text-field.label-text.color (Enabled / Label text)
+$text-field-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-autocomplete.text-field.label-text.font (Enabled / Label text)
+$text-field-label-text-font: md-sys-typescale.$body-large-font;
+/// md.comp.filled-autocomplete.text-field.label-text.line-height (Enabled / Label text)
+$text-field-label-text-line-height: md-sys-typescale.$body-large-line-height;
+/// md.comp.filled-autocomplete.text-field.label-text.populated.line-height (Enabled / Label text)
+$text-field-label-text-populated-line-height: md-sys-typescale.$body-small-line-height;
+/// md.comp.filled-autocomplete.text-field.label-text.populated.size (Enabled / Label text)
+$text-field-label-text-populated-size: md-sys-typescale.$body-small-size;
+/// md.comp.filled-autocomplete.text-field.label-text.size (Enabled / Label text)
+$text-field-label-text-size: md-sys-typescale.$body-large-size;
+/// md.comp.filled-autocomplete.text-field.label-text.tracking (Enabled / Label text)
+$text-field-label-text-tracking: md-sys-typescale.$body-large-tracking;
+/// md.comp.filled-autocomplete.text-field.label-text.weight (Enabled / Label text)
+$text-field-label-text-weight: md-sys-typescale.$body-large-weight;
+/// md.comp.filled-autocomplete.text-field.leading-icon.color (Enabled / Leading icon)
+$text-field-leading-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-autocomplete.text-field.supporting-text.color (Enabled / Supporting text)
+$text-field-supporting-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-autocomplete.text-field.supporting-text.font (Enabled / Supporting text)
+$text-field-supporting-text-font: md-sys-typescale.$body-small-font;
+/// md.comp.filled-autocomplete.text-field.supporting-text.line-height (Enabled / Supporting text)
+$text-field-supporting-text-line-height: md-sys-typescale.$body-small-line-height;
+/// md.comp.filled-autocomplete.text-field.supporting-text.size (Enabled / Supporting text)
+$text-field-supporting-text-size: md-sys-typescale.$body-small-size;
+/// md.comp.filled-autocomplete.text-field.supporting-text.tracking (Enabled / Supporting text)
+$text-field-supporting-text-tracking: md-sys-typescale.$body-small-tracking;
+/// md.comp.filled-autocomplete.text-field.supporting-text.weight (Enabled / Supporting text)
+$text-field-supporting-text-weight: md-sys-typescale.$body-small-weight;
+/// md.comp.filled-autocomplete.text-field.trailing-icon.color (Enabled / Trailing icon)
+$text-field-trailing-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-autocomplete.menu.list-item.label-text.type (Enabled / Label text)
+///
+/// @deprecated Deprecating per b/262592125
+@mixin menu-list-item-label-text-type {
+  font-family: $menu-list-item-label-text-font;
+  font-size: $menu-list-item-label-text-size;
+  font-weight: $menu-list-item-label-text-weight;
+  letter-spacing: $menu-list-item-label-text-tracking;
+  line-height: $menu-list-item-label-text-line-height;
+}
+/// md.comp.filled-autocomplete.text-field.input-text.type (Enabled / Input text)
+@mixin text-field-input-text-type {
+  font-family: $text-field-input-text-font;
+  font-size: $text-field-input-text-size;
+  font-weight: $text-field-input-text-weight;
+  letter-spacing: $text-field-input-text-tracking;
+  line-height: $text-field-input-text-line-height;
+}
+/// md.comp.filled-autocomplete.text-field.label-text.type (Enabled / Label text)
+@mixin text-field-label-text-type {
+  font-family: $text-field-label-text-font;
+  font-size: $text-field-label-text-size;
+  font-weight: $text-field-label-text-weight;
+  letter-spacing: $text-field-label-text-tracking;
+  line-height: $text-field-label-text-line-height;
+}
+/// md.comp.filled-autocomplete.text-field.supporting-text.type (Enabled / Supporting text)
+@mixin text-field-supporting-text-type {
+  font-family: $text-field-supporting-text-font;
+  font-size: $text-field-supporting-text-size;
+  font-weight: $text-field-supporting-text-weight;
+  letter-spacing: $text-field-supporting-text-tracking;
+  line-height: $text-field-supporting-text-line-height;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-filled-button.scss b/tokens/versions/v30_0/sass/_md-comp-filled-button.scss
new file mode 100644
index 0000000000..095630e7f3
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-filled-button.scss
@@ -0,0 +1,128 @@
+//
+// 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.filled-button.container.height ([Deprecated] Enabled / [Deprecated] Container)
+$container-height: 40px;
+/// md.comp.filled-button.disabled.container.opacity ([Deprecated] Disabled / [Deprecated] Container)
+$disabled-container-opacity: 0.12;
+/// md.comp.filled-button.disabled.label-text.opacity ([Deprecated] Disabled / [Deprecated] Label text)
+$disabled-label-text-opacity: 0.38;
+/// md.comp.filled-button.with-icon.disabled.icon.opacity ([Deprecated] Disabled / [Deprecated] Icon)
+$with-icon-disabled-icon-opacity: 0.38;
+/// md.comp.filled-button.with-icon.icon.size ([Deprecated] Enabled / [Deprecated] Icon)
+$with-icon-icon-size: 18px;
+/// md.comp.filled-button.container.color ([Deprecated] Enabled / [Deprecated] Container)
+$container-color: md-sys-color.$primary;
+/// md.comp.filled-button.container.elevation ([Deprecated] Enabled / [Deprecated] Container)
+$container-elevation: md-sys-elevation.$level0;
+/// md.comp.filled-button.container.shadow-color ([Deprecated] Enabled / [Deprecated] Container)
+$container-shadow-color: md-sys-color.$shadow;
+/// md.comp.filled-button.container.shape ([Deprecated] Enabled / [Deprecated] Container)
+$container-shape: md-sys-shape.$corner-full;
+/// md.comp.filled-button.disabled.container.color ([Deprecated] Disabled / [Deprecated] Container)
+$disabled-container-color: md-sys-color.$on-surface;
+/// md.comp.filled-button.disabled.container.elevation ([Deprecated] Disabled / [Deprecated] Container)
+$disabled-container-elevation: md-sys-elevation.$level0;
+/// md.comp.filled-button.disabled.label-text.color ([Deprecated] Disabled / [Deprecated] Label text)
+$disabled-label-text-color: md-sys-color.$on-surface;
+/// md.comp.filled-button.dragged.container.elevation ([Deprecated] Dragged / [Deprecated] Container)
+///
+/// @deprecated Bug fix. Filled buttons do not provide a dragged state.
+$dragged-container-elevation: md-sys-elevation.$level3;
+/// md.comp.filled-button.dragged.label-text.color ([Deprecated] Dragged / [Deprecated] Label text)
+///
+/// @deprecated Bug fix. Filled buttons do not provide a dragged state.
+$dragged-label-text-color: md-sys-color.$on-primary;
+/// md.comp.filled-button.dragged.state-layer.color ([Deprecated] Dragged / [Deprecated] State layer)
+///
+/// @deprecated Bug fix. Filled buttons do not provide a dragged state.
+$dragged-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.filled-button.dragged.state-layer.opacity ([Deprecated] Dragged / [Deprecated] State layer)
+///
+/// @deprecated Bug fix. Filled buttons do not provide a dragged state.
+$dragged-state-layer-opacity: md-sys-state.$dragged-state-layer-opacity;
+/// md.comp.filled-button.focus.container.elevation ([Deprecated] Focused / [Deprecated] Container)
+$focus-container-elevation: md-sys-elevation.$level0;
+/// md.comp.filled-button.focus.indicator.color ([Deprecated] Focused / [Deprecated] Focus indicator)
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.filled-button.focus.indicator.outline.offset ([Deprecated] Focused / [Deprecated] Focus indicator)
+$focus-indicator-outline-offset: md-sys-state-focus-indicator.$outer-offset;
+/// md.comp.filled-button.focus.indicator.thickness ([Deprecated] Focused / [Deprecated] Focus indicator)
+$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.comp.filled-button.focus.label-text.color ([Deprecated] Focused / [Deprecated] Label text)
+$focus-label-text-color: md-sys-color.$on-primary;
+/// md.comp.filled-button.focus.state-layer.color ([Deprecated] Focused / [Deprecated] State layer)
+$focus-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.filled-button.focus.state-layer.opacity ([Deprecated] Focused / [Deprecated] State layer)
+$focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.filled-button.hover.container.elevation ([Deprecated] Hovered / [Deprecated] Container)
+$hover-container-elevation: md-sys-elevation.$level1;
+/// md.comp.filled-button.hover.label-text.color ([Deprecated] Hovered / [Deprecated] Label text)
+$hover-label-text-color: md-sys-color.$on-primary;
+/// md.comp.filled-button.hover.state-layer.color ([Deprecated] Hovered / [Deprecated] State layer)
+$hover-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.filled-button.hover.state-layer.opacity ([Deprecated] Hovered / [Deprecated] State layer)
+$hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.filled-button.label-text.color ([Deprecated] Enabled / [Deprecated] Label text)
+$label-text-color: md-sys-color.$on-primary;
+/// md.comp.filled-button.label-text.font ([Deprecated] Enabled / [Deprecated] Label text)
+$label-text-font: md-sys-typescale.$label-large-font;
+/// md.comp.filled-button.label-text.line-height ([Deprecated] Enabled / [Deprecated] Label text)
+$label-text-line-height: md-sys-typescale.$label-large-line-height;
+/// md.comp.filled-button.label-text.size ([Deprecated] Enabled / [Deprecated] Label text)
+$label-text-size: md-sys-typescale.$label-large-size;
+/// md.comp.filled-button.label-text.tracking ([Deprecated] Enabled / [Deprecated] Label text)
+$label-text-tracking: md-sys-typescale.$label-large-tracking;
+/// md.comp.filled-button.label-text.weight ([Deprecated] Enabled / [Deprecated] Label text)
+$label-text-weight: md-sys-typescale.$label-large-weight;
+/// md.comp.filled-button.pressed.container.elevation ([Deprecated] Pressed (ripple) / [Deprecated] Container)
+$pressed-container-elevation: md-sys-elevation.$level0;
+/// md.comp.filled-button.pressed.label-text.color ([Deprecated] Pressed (ripple) / [Deprecated] Label text)
+$pressed-label-text-color: md-sys-color.$on-primary;
+/// md.comp.filled-button.pressed.state-layer.color ([Deprecated] Pressed (ripple) / [Deprecated] State layer)
+$pressed-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.filled-button.pressed.state-layer.opacity ([Deprecated] Pressed (ripple) / [Deprecated] State layer)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.filled-button.with-icon.disabled.icon.color ([Deprecated] Disabled / [Deprecated] Icon)
+$with-icon-disabled-icon-color: md-sys-color.$on-surface;
+/// md.comp.filled-button.with-icon.dragged.icon.color ([Deprecated] Dragged / [Deprecated] Icon)
+///
+/// @deprecated Bug fix. Filled buttons do not provide a dragged state.
+$with-icon-dragged-icon-color: md-sys-color.$on-primary;
+/// md.comp.filled-button.with-icon.focus.icon.color ([Deprecated] Focused / [Deprecated] Icon)
+$with-icon-focus-icon-color: md-sys-color.$on-primary;
+/// md.comp.filled-button.with-icon.hover.icon.color ([Deprecated] Hovered / [Deprecated] Icon)
+$with-icon-hover-icon-color: md-sys-color.$on-primary;
+/// md.comp.filled-button.with-icon.icon.color ([Deprecated] Enabled / [Deprecated] Icon)
+$with-icon-icon-color: md-sys-color.$on-primary;
+/// md.comp.filled-button.with-icon.pressed.icon.color ([Deprecated] Pressed (ripple) / [Deprecated] Icon)
+$with-icon-pressed-icon-color: md-sys-color.$on-primary;
+/// md.comp.filled-button.label-text.type ([Deprecated] Enabled / [Deprecated] 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;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-filled-card.scss b/tokens/versions/v30_0/sass/_md-comp-filled-card.scss
new file mode 100644
index 0000000000..69f1523f13
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-filled-card.scss
@@ -0,0 +1,75 @@
+//
+// 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';
+
+/// md.comp.filled-card.disabled.container.opacity (Disabled / Container)
+$disabled-container-opacity: 0.38;
+/// md.comp.filled-card.icon.size (Enabled / Icon)
+$icon-size: 24px;
+/// md.comp.filled-card.container.color (Enabled / Container)
+$container-color: md-sys-color.$surface-container-highest;
+/// md.comp.filled-card.container.elevation (Enabled / Container)
+$container-elevation: md-sys-elevation.$level0;
+/// md.comp.filled-card.container.shadow-color (Enabled / Container)
+$container-shadow-color: md-sys-color.$shadow;
+/// md.comp.filled-card.container.shape (Enabled / Container)
+$container-shape: md-sys-shape.$corner-medium;
+/// md.comp.filled-card.container.surface-tint-layer.color (Enabled / Container)
+///
+/// @deprecated Bug fix. Removing surface-tint token, since the tint does not apply to components using surface-variant as container color.
+$container-surface-tint-layer-color: md-sys-color.$surface-tint;
+/// md.comp.filled-card.disabled.container.color (Disabled / Container)
+$disabled-container-color: md-sys-color.$surface-variant;
+/// md.comp.filled-card.disabled.container.elevation (Disabled / Container)
+$disabled-container-elevation: md-sys-elevation.$level0;
+/// md.comp.filled-card.dragged.container.elevation (Dragged / Container)
+$dragged-container-elevation: md-sys-elevation.$level3;
+/// md.comp.filled-card.dragged.state-layer.color (Dragged / State layer)
+$dragged-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.filled-card.dragged.state-layer.opacity (Dragged / State layer)
+$dragged-state-layer-opacity: md-sys-state.$dragged-state-layer-opacity;
+/// md.comp.filled-card.focus.container.elevation (Focused / Container)
+$focus-container-elevation: md-sys-elevation.$level0;
+/// md.comp.filled-card.focus.indicator.color (Focused / Focus indicator)
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.filled-card.focus.indicator.outline.offset (Focused / Focus indicator)
+$focus-indicator-outline-offset: md-sys-state-focus-indicator.$outer-offset;
+/// md.comp.filled-card.focus.indicator.thickness (Focused / Focus indicator)
+$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.comp.filled-card.focus.state-layer.color (Focused / State layer)
+$focus-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.filled-card.focus.state-layer.opacity (Focused / State layer)
+$focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.filled-card.hover.container.elevation (Hovered / Container)
+$hover-container-elevation: md-sys-elevation.$level1;
+/// md.comp.filled-card.hover.state-layer.color (Hovered / State layer)
+$hover-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.filled-card.hover.state-layer.opacity (Hovered / State layer)
+$hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.filled-card.icon.color (Enabled / Icon)
+$icon-color: md-sys-color.$primary;
+/// md.comp.filled-card.pressed.container.elevation (Pressed (ripple) / Container)
+$pressed-container-elevation: md-sys-elevation.$level0;
+/// md.comp.filled-card.pressed.state-layer.color (Pressed (ripple) / State layer)
+$pressed-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.filled-card.pressed.state-layer.opacity (Pressed (ripple) / State layer)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
diff --git a/tokens/versions/v30_0/sass/_md-comp-filled-icon-button.scss b/tokens/versions/v30_0/sass/_md-comp-filled-icon-button.scss
new file mode 100644
index 0000000000..958fecfa68
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-filled-icon-button.scss
@@ -0,0 +1,102 @@
+//
+// 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-state';
+@use 'md-sys-state-focus-indicator';
+
+/// md.comp.filled-icon-button.container.height ([Deprecated] Enabled / [Deprecated] Container)
+$container-height: 40px;
+/// md.comp.filled-icon-button.container.size ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated Deprecating in place of width and height tokens
+$container-size: 40px;
+/// md.comp.filled-icon-button.container.width ([Deprecated] Enabled / [Deprecated] Container)
+$container-width: 40px;
+/// md.comp.filled-icon-button.disabled.container.opacity ([Deprecated] Disabled / [Deprecated] Container)
+$disabled-container-opacity: 0.12;
+/// md.comp.filled-icon-button.disabled.icon.opacity ([Deprecated] Disabled / [Deprecated] Icon)
+$disabled-icon-opacity: 0.38;
+/// md.comp.filled-icon-button.icon.size ([Deprecated] Enabled / [Deprecated] Icon)
+$icon-size: 24px;
+/// md.comp.filled-icon-button.container.color ([Deprecated] Enabled / [Deprecated] Container)
+$container-color: md-sys-color.$primary;
+/// md.comp.filled-icon-button.container.shape ([Deprecated] Enabled / [Deprecated] Container)
+$container-shape: md-sys-shape.$corner-full;
+/// md.comp.filled-icon-button.disabled.container.color ([Deprecated] Disabled / [Deprecated] Container)
+$disabled-container-color: md-sys-color.$on-surface;
+/// md.comp.filled-icon-button.disabled.icon.color ([Deprecated] Disabled / [Deprecated] Icon)
+$disabled-icon-color: md-sys-color.$on-surface;
+/// md.comp.filled-icon-button.focus.icon.color ([Deprecated] Focused / [Deprecated] Icon)
+$focus-icon-color: md-sys-color.$on-primary;
+/// md.comp.filled-icon-button.focus.indicator.color ([Deprecated] Focused / [Deprecated] Focus indicator)
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.filled-icon-button.focus.indicator.outline.offset ([Deprecated] Focused / [Deprecated] Focus indicator)
+$focus-indicator-outline-offset: md-sys-state-focus-indicator.$outer-offset;
+/// md.comp.filled-icon-button.focus.indicator.thickness ([Deprecated] Focused / [Deprecated] Focus indicator)
+$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.comp.filled-icon-button.focus.state-layer.color ([Deprecated] Focused / [Deprecated] State layer)
+$focus-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.filled-icon-button.focus.state-layer.opacity ([Deprecated] Focused / [Deprecated] State layer)
+$focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.filled-icon-button.hover.icon.color ([Deprecated] Hovered / [Deprecated] Icon)
+$hover-icon-color: md-sys-color.$on-primary;
+/// md.comp.filled-icon-button.hover.state-layer.color ([Deprecated] Hovered / [Deprecated] State layer)
+$hover-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.filled-icon-button.hover.state-layer.opacity ([Deprecated] Hovered / [Deprecated] State layer)
+$hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.filled-icon-button.icon.color ([Deprecated] Enabled / [Deprecated] Icon)
+$icon-color: md-sys-color.$on-primary;
+/// md.comp.filled-icon-button.pressed.icon.color ([Deprecated] Pressed (ripple) / [Deprecated] Icon)
+$pressed-icon-color: md-sys-color.$on-primary;
+/// md.comp.filled-icon-button.pressed.state-layer.color ([Deprecated] Pressed (ripple) / [Deprecated] State layer)
+$pressed-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.filled-icon-button.pressed.state-layer.opacity ([Deprecated] Pressed (ripple) / [Deprecated] State layer)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.filled-icon-button.selected.container.color ([Deprecated] Enabled / [Deprecated] Container)
+$selected-container-color: md-sys-color.$primary;
+/// md.comp.filled-icon-button.toggle.selected.focus.icon.color ([Deprecated] Focused / [Deprecated] Icon)
+$toggle-selected-focus-icon-color: md-sys-color.$on-primary;
+/// md.comp.filled-icon-button.toggle.selected.focus.state-layer.color ([Deprecated] Focused / [Deprecated] State layer)
+$toggle-selected-focus-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.filled-icon-button.toggle.selected.hover.icon.color ([Deprecated] Hovered / [Deprecated] Icon)
+$toggle-selected-hover-icon-color: md-sys-color.$on-primary;
+/// md.comp.filled-icon-button.toggle.selected.hover.state-layer.color ([Deprecated] Hovered / [Deprecated] State layer)
+$toggle-selected-hover-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.filled-icon-button.toggle.selected.icon.color ([Deprecated] Enabled / [Deprecated] Icon)
+$toggle-selected-icon-color: md-sys-color.$on-primary;
+/// md.comp.filled-icon-button.toggle.selected.pressed.icon.color ([Deprecated] Pressed (ripple) / [Deprecated] Icon)
+$toggle-selected-pressed-icon-color: md-sys-color.$on-primary;
+/// md.comp.filled-icon-button.toggle.selected.pressed.state-layer.color ([Deprecated] Pressed (ripple) / [Deprecated] State layer)
+$toggle-selected-pressed-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.filled-icon-button.toggle.unselected.focus.icon.color ([Deprecated] Focused / [Deprecated] Icon)
+$toggle-unselected-focus-icon-color: md-sys-color.$primary;
+/// md.comp.filled-icon-button.toggle.unselected.focus.state-layer.color ([Deprecated] Focused / [Deprecated] State layer)
+$toggle-unselected-focus-state-layer-color: md-sys-color.$primary;
+/// md.comp.filled-icon-button.toggle.unselected.hover.icon.color ([Deprecated] Hovered / [Deprecated] Icon)
+$toggle-unselected-hover-icon-color: md-sys-color.$primary;
+/// md.comp.filled-icon-button.toggle.unselected.hover.state-layer.color ([Deprecated] Hovered / [Deprecated] State layer)
+$toggle-unselected-hover-state-layer-color: md-sys-color.$primary;
+/// md.comp.filled-icon-button.toggle.unselected.icon.color ([Deprecated] Enabled / [Deprecated] Icon)
+$toggle-unselected-icon-color: md-sys-color.$primary;
+/// md.comp.filled-icon-button.toggle.unselected.pressed.icon.color ([Deprecated] Pressed (ripple) / [Deprecated] Icon)
+$toggle-unselected-pressed-icon-color: md-sys-color.$primary;
+/// md.comp.filled-icon-button.toggle.unselected.pressed.state-layer.color ([Deprecated] Pressed (ripple) / [Deprecated] State layer)
+$toggle-unselected-pressed-state-layer-color: md-sys-color.$primary;
+/// md.comp.filled-icon-button.unselected.container.color ([Deprecated] Enabled / [Deprecated] Container)
+$unselected-container-color: md-sys-color.$surface-container-highest;
diff --git a/tokens/versions/v30_0/sass/_md-comp-filled-menu-button.scss b/tokens/versions/v30_0/sass/_md-comp-filled-menu-button.scss
new file mode 100644
index 0000000000..fa4ecab616
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-filled-menu-button.scss
@@ -0,0 +1,118 @@
+//
+// 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.filled-menu-button.container.height (Enabled / Container)
+$container-height: 40px;
+/// md.comp.filled-menu-button.disabled.container.opacity (Disabled / Container)
+$disabled-container-opacity: 0.12;
+/// md.comp.filled-menu-button.disabled.label-text.opacity (Disabled / Label text)
+$disabled-label-text-opacity: 0.38;
+/// md.comp.filled-menu-button.disabled.trailing-icon.opacity (Disabled / Trailing icon)
+$disabled-trailing-icon-opacity: 0.38;
+/// md.comp.filled-menu-button.trailing-icon.size (Enabled / Trailing icon)
+$trailing-icon-size: 18px;
+/// md.comp.filled-menu-button.with-icon.disabled.leading-icon.opacity (Disabled / Leading icon)
+$with-icon-disabled-leading-icon-opacity: 0.38;
+/// md.comp.filled-menu-button.with-icon.leading-icon.size (Enabled / Leading icon)
+$with-icon-leading-icon-size: 18px;
+/// md.comp.filled-menu-button.container.color (Enabled / Container)
+$container-color: md-sys-color.$primary;
+/// md.comp.filled-menu-button.container.elevation (Enabled / Container)
+$container-elevation: md-sys-elevation.$level0;
+/// md.comp.filled-menu-button.disabled.container.color (Disabled / Container)
+$disabled-container-color: md-sys-color.$on-surface;
+/// md.comp.filled-menu-button.disabled.container.elevation (Disabled / Container)
+$disabled-container-elevation: md-sys-elevation.$level0;
+/// md.comp.filled-menu-button.disabled.label-text.color (Disabled / Label text)
+$disabled-label-text-color: md-sys-color.$on-surface;
+/// md.comp.filled-menu-button.disabled.trailing-icon.color (Disabled / Trailing icon)
+$disabled-trailing-icon-color: md-sys-color.$on-surface;
+/// md.comp.filled-menu-button.focus.container.elevation (Focused / Container)
+$focus-container-elevation: md-sys-elevation.$level0;
+/// md.comp.filled-menu-button.focus.indicator.color (Focused / Focus indicator)
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.filled-menu-button.focus.indicator.outline.offset (Focused / Focus indicator)
+$focus-indicator-outline-offset: md-sys-state-focus-indicator.$outer-offset;
+/// md.comp.filled-menu-button.focus.indicator.thickness (Focused / Focus indicator)
+$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.comp.filled-menu-button.focus.label-text.color (Focused / Label text)
+$focus-label-text-color: md-sys-color.$on-primary;
+/// md.comp.filled-menu-button.focus.state-layer.color (Focused / State layer)
+$focus-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.filled-menu-button.focus.state-layer.opacity (Focused / State layer)
+$focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.filled-menu-button.focus.trailing-icon.color (Focused / Trailing icon)
+$focus-trailing-icon-color: md-sys-color.$on-primary;
+/// md.comp.filled-menu-button.hover.container.elevation (Hovered / Container)
+$hover-container-elevation: md-sys-elevation.$level1;
+/// md.comp.filled-menu-button.hover.label-text.color (Hovered / Label text)
+$hover-label-text-color: md-sys-color.$on-primary;
+/// md.comp.filled-menu-button.hover.state-layer.color (Hovered / State layer)
+$hover-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.filled-menu-button.hover.state-layer.opacity (Hovered / State layer)
+$hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.filled-menu-button.hover.trailing-icon.color (Hovered / Trailing icon)
+$hover-trailing-icon-color: md-sys-color.$on-primary;
+/// md.comp.filled-menu-button.label-text.color (Enabled / Label text)
+$label-text-color: md-sys-color.$on-primary;
+/// md.comp.filled-menu-button.label-text.font (Enabled / Label text)
+$label-text-font: md-sys-typescale.$label-large-font;
+/// md.comp.filled-menu-button.label-text.line-height (Enabled / Label text)
+$label-text-line-height: md-sys-typescale.$label-large-line-height;
+/// md.comp.filled-menu-button.label-text.size (Enabled / Label text)
+$label-text-size: md-sys-typescale.$label-large-size;
+/// md.comp.filled-menu-button.label-text.tracking (Enabled / Label text)
+$label-text-tracking: md-sys-typescale.$label-large-tracking;
+/// md.comp.filled-menu-button.label-text.weight (Enabled / Label text)
+$label-text-weight: md-sys-typescale.$label-large-weight;
+/// md.comp.filled-menu-button.pressed.label-text.color (Pressed (ripple) / Label text)
+$pressed-label-text-color: md-sys-color.$on-primary;
+/// md.comp.filled-menu-button.pressed.state-layer.color (Pressed (ripple) / State layer)
+$pressed-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.filled-menu-button.pressed.state-layer.opacity (Pressed (ripple) / State layer)
+$pressed-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.filled-menu-button.pressed.trailing-icon.color (Pressed (ripple) / Trailing icon)
+$pressed-trailing-icon-color: md-sys-color.$on-primary;
+/// md.comp.filled-menu-button.shape (Enabled / Container)
+$shape: md-sys-shape.$corner-full;
+/// md.comp.filled-menu-button.trailing-icon.color (Enabled / Trailing icon)
+$trailing-icon-color: md-sys-color.$on-primary;
+/// md.comp.filled-menu-button.with-icon.disabled.leading-icon.color (Disabled / Leading icon)
+$with-icon-disabled-leading-icon-color: md-sys-color.$on-surface;
+/// md.comp.filled-menu-button.with-icon.focus.leading-icon.color (Focused / Leading icon)
+$with-icon-focus-leading-icon-color: md-sys-color.$on-primary;
+/// md.comp.filled-menu-button.with-icon.hover.leading-icon.color (Hovered / Leading icon)
+$with-icon-hover-leading-icon-color: md-sys-color.$on-primary;
+/// md.comp.filled-menu-button.with-icon.leading-icon.color (Enabled / Leading icon)
+$with-icon-leading-icon-color: md-sys-color.$on-primary;
+/// md.comp.filled-menu-button.with-icon.pressed.leading-icon.color (Pressed (ripple) / Leading icon)
+$with-icon-pressed-leading-icon-color: md-sys-color.$on-primary;
+/// md.comp.filled-menu-button.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;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-filled-select.scss b/tokens/versions/v30_0/sass/_md-comp-filled-select.scss
new file mode 100644
index 0000000000..12ab6d8b76
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-filled-select.scss
@@ -0,0 +1,269 @@
+//
+// 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-typescale';
+
+/// md.comp.filled-select.menu.cascading-menu-indicator.icon.size (Enabled / Icon)
+$menu-cascading-menu-indicator-icon-size: 24px;
+/// md.comp.filled-select.menu.divider.height (Enabled / Divider)
+$menu-divider-height: 1px;
+/// md.comp.filled-select.menu.list-item.container.height (Enabled / Container)
+$menu-list-item-container-height: 48px;
+/// md.comp.filled-select.menu.list-item.with-leading-icon.leading-icon.size (Enabled / Leading icon)
+$menu-list-item-with-leading-icon-leading-icon-size: 24px;
+/// md.comp.filled-select.menu.list-item.with-trailing-icon.trailing-icon.size (Enabled / Trailing icon)
+$menu-list-item-with-trailing-icon-trailing-icon-size: 24px;
+/// md.comp.filled-select.text-field.active-indicator.height (Enabled / Active indicator)
+$text-field-active-indicator-height: 1px;
+/// md.comp.filled-select.text-field.container.height (Enabled / Container)
+///
+/// @deprecated Removing fixed height token due to conflicts with text fields variants requiring dynamic height (multi-line, text area). Use height of internal elements and paddings to control component height.
+$text-field-container-height: 56px;
+/// md.comp.filled-select.text-field.disabled.active-indicator.height (Disabled / Active indicator)
+$text-field-disabled-active-indicator-height: 1px;
+/// md.comp.filled-select.text-field.disabled.active-indicator.opacity (Disabled / Active indicator)
+$text-field-disabled-active-indicator-opacity: 0.38;
+/// md.comp.filled-select.text-field.disabled.container.opacity (Disabled / Container)
+$text-field-disabled-container-opacity: 0.04;
+/// md.comp.filled-select.text-field.disabled.input-text.opacity (Disabled / Input text)
+$text-field-disabled-input-text-opacity: 0.38;
+/// md.comp.filled-select.text-field.disabled.label-text.opacity (Disabled / Label text)
+$text-field-disabled-label-text-opacity: 0.38;
+/// md.comp.filled-select.text-field.disabled.leading-icon.opacity (Disabled / Leading icon)
+$text-field-disabled-leading-icon-opacity: 0.38;
+/// md.comp.filled-select.text-field.disabled.supporting-text.opacity (Disabled / Supporting text)
+$text-field-disabled-supporting-text-opacity: 0.38;
+/// md.comp.filled-select.text-field.disabled.trailing-icon.opacity (Disabled / Trailing icon)
+$text-field-disabled-trailing-icon-opacity: 0.38;
+/// md.comp.filled-select.text-field.focus.active-indicator.height (Focused / Active indicator)
+$text-field-focus-active-indicator-height: 2px;
+/// md.comp.filled-select.text-field.hover.active-indicator.height (Hovered / Active indicator)
+$text-field-hover-active-indicator-height: 1px;
+/// md.comp.filled-select.text-field.leading-icon.size (Enabled / Leading icon)
+$text-field-leading-icon-size: 24px;
+/// md.comp.filled-select.text-field.trailing-icon.size (Enabled / Trailing icon)
+$text-field-trailing-icon-size: 24px;
+/// md.comp.filled-select.menu.cascading-menu-indicator.icon.color (Enabled / Icon)
+$menu-cascading-menu-indicator-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-select.menu.container.color (Enabled / Container)
+$menu-container-color: md-sys-color.$surface-container;
+/// md.comp.filled-select.menu.container.elevation (Enabled / Container)
+$menu-container-elevation: md-sys-elevation.$level2;
+/// md.comp.filled-select.menu.container.shadow-color (Enabled / Container)
+$menu-container-shadow-color: md-sys-color.$shadow;
+/// md.comp.filled-select.menu.container.shape (Enabled / Container)
+$menu-container-shape: md-sys-shape.$corner-extra-small;
+/// md.comp.filled-select.menu.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.
+$menu-container-surface-tint-layer-color: md-sys-color.$surface-tint;
+/// md.comp.filled-select.menu.divider.color (Enabled / Divider)
+$menu-divider-color: md-sys-color.$surface-variant;
+/// md.comp.filled-select.menu.list-item.label-text.color (Enabled / Label text)
+$menu-list-item-label-text-color: md-sys-color.$on-surface;
+/// md.comp.filled-select.menu.list-item.label-text.font (Enabled / Label text)
+$menu-list-item-label-text-font: md-sys-typescale.$label-large-font;
+/// md.comp.filled-select.menu.list-item.label-text.line-height (Enabled / Label text)
+$menu-list-item-label-text-line-height: md-sys-typescale.$label-large-line-height;
+/// md.comp.filled-select.menu.list-item.label-text.size (Enabled / Label text)
+$menu-list-item-label-text-size: md-sys-typescale.$label-large-size;
+/// md.comp.filled-select.menu.list-item.label-text.tracking (Enabled / Label text)
+$menu-list-item-label-text-tracking: md-sys-typescale.$label-large-tracking;
+/// md.comp.filled-select.menu.list-item.label-text.weight (Enabled / Label text)
+$menu-list-item-label-text-weight: md-sys-typescale.$label-large-weight;
+/// md.comp.filled-select.menu.list-item.selected.container.color (Enabled / Container)
+$menu-list-item-selected-container-color: md-sys-color.$surface-container-highest;
+/// md.comp.filled-select.menu.list-item.with-leading-icon.leading-icon.color (Enabled / Leading icon)
+$menu-list-item-with-leading-icon-leading-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-select.menu.list-item.with-trailing-icon.trailing-icon.color (Enabled / Trailing icon)
+$menu-list-item-with-trailing-icon-trailing-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-select.text-field.active-indicator.color (Enabled / Active indicator)
+$text-field-active-indicator-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-select.text-field.caret.color (Enabled / Caret)
+///
+/// @deprecated Removed caret related tokens from Select variants as these components don't support entering free text.
+$text-field-caret-color: md-sys-color.$primary;
+/// md.comp.filled-select.text-field.container.color (Enabled / Container)
+$text-field-container-color: md-sys-color.$surface-container-highest;
+/// md.comp.filled-select.text-field.container.shape (Enabled / Container)
+$text-field-container-shape: md-sys-shape.$corner-extra-small-top;
+/// md.comp.filled-select.text-field.disabled.active-indicator.color (Disabled / Active indicator)
+$text-field-disabled-active-indicator-color: md-sys-color.$on-surface;
+/// md.comp.filled-select.text-field.disabled.container.color (Disabled / Container)
+$text-field-disabled-container-color: md-sys-color.$on-surface;
+/// md.comp.filled-select.text-field.disabled.input-text.color (Disabled / Input text)
+$text-field-disabled-input-text-color: md-sys-color.$on-surface;
+/// md.comp.filled-select.text-field.disabled.label-text.color (Disabled / Label text)
+$text-field-disabled-label-text-color: md-sys-color.$on-surface;
+/// md.comp.filled-select.text-field.disabled.leading-icon.color (Disabled / Leading icon)
+$text-field-disabled-leading-icon-color: md-sys-color.$on-surface;
+/// md.comp.filled-select.text-field.disabled.supporting-text.color (Disabled / Supporting text)
+$text-field-disabled-supporting-text-color: md-sys-color.$on-surface;
+/// md.comp.filled-select.text-field.disabled.trailing-icon.color (Disabled / Trailing icon)
+$text-field-disabled-trailing-icon-color: md-sys-color.$on-surface;
+/// md.comp.filled-select.text-field.error.active-indicator.color (Error)
+$text-field-error-active-indicator-color: md-sys-color.$error;
+/// md.comp.filled-select.text-field.error.focus.active-indicator.color (Error / Focus)
+$text-field-error-focus-active-indicator-color: md-sys-color.$error;
+/// md.comp.filled-select.text-field.error.focus.caret.color (Error / Focus)
+///
+/// @deprecated Removed caret related tokens from Select variants as these components don't support entering free text.
+$text-field-error-focus-caret-color: md-sys-color.$error;
+/// md.comp.filled-select.text-field.error.focus.input-text.color (Error / Focus)
+$text-field-error-focus-input-text-color: md-sys-color.$on-surface;
+/// md.comp.filled-select.text-field.error.focus.label-text.color (Error / Focus)
+$text-field-error-focus-label-text-color: md-sys-color.$error;
+/// md.comp.filled-select.text-field.error.focus.leading-icon.color (Error / Focus)
+$text-field-error-focus-leading-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-select.text-field.error.focus.supporting-text.color (Error / Focus)
+$text-field-error-focus-supporting-text-color: md-sys-color.$error;
+/// md.comp.filled-select.text-field.error.focus.trailing-icon.color (Error / Focus)
+$text-field-error-focus-trailing-icon-color: md-sys-color.$error;
+/// md.comp.filled-select.text-field.error.hover.active-indicator.color (Error / Hover)
+$text-field-error-hover-active-indicator-color: md-sys-color.$on-error-container;
+/// md.comp.filled-select.text-field.error.hover.input-text.color (Error / Hover)
+$text-field-error-hover-input-text-color: md-sys-color.$on-surface;
+/// md.comp.filled-select.text-field.error.hover.label-text.color (Error / Hover)
+$text-field-error-hover-label-text-color: md-sys-color.$on-error-container;
+/// md.comp.filled-select.text-field.error.hover.leading-icon.color (Error / Hover)
+$text-field-error-hover-leading-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-select.text-field.error.hover.state-layer.color (Error / Hover)
+$text-field-error-hover-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.filled-select.text-field.error.hover.state-layer.opacity (Error / Hover)
+$text-field-error-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.filled-select.text-field.error.hover.supporting-text.color (Error / Hover)
+$text-field-error-hover-supporting-text-color: md-sys-color.$error;
+/// md.comp.filled-select.text-field.error.hover.trailing-icon.color (Error / Hover)
+$text-field-error-hover-trailing-icon-color: md-sys-color.$on-error-container;
+/// md.comp.filled-select.text-field.error.input-text.color (Error)
+$text-field-error-input-text-color: md-sys-color.$on-surface;
+/// md.comp.filled-select.text-field.error.label-text.color (Error)
+$text-field-error-label-text-color: md-sys-color.$error;
+/// md.comp.filled-select.text-field.error.leading-icon.color (Error)
+$text-field-error-leading-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-select.text-field.error.supporting-text.color (Error)
+$text-field-error-supporting-text-color: md-sys-color.$error;
+/// md.comp.filled-select.text-field.error.trailing-icon.color (Error)
+$text-field-error-trailing-icon-color: md-sys-color.$error;
+/// md.comp.filled-select.text-field.focus.active-indicator.color (Focused / Active indicator)
+$text-field-focus-active-indicator-color: md-sys-color.$primary;
+/// md.comp.filled-select.text-field.focus.input-text.color (Focused / Input text)
+$text-field-focus-input-text-color: md-sys-color.$on-surface;
+/// md.comp.filled-select.text-field.focus.label-text.color (Focused / Label text)
+$text-field-focus-label-text-color: md-sys-color.$primary;
+/// md.comp.filled-select.text-field.focus.leading-icon.color (Focused / Leading icon)
+$text-field-focus-leading-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-select.text-field.focus.supporting-text.color (Focused / Supporting text)
+$text-field-focus-supporting-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-select.text-field.focus.trailing-icon.color (Focused / Trailing icon)
+$text-field-focus-trailing-icon-color: md-sys-color.$primary;
+/// md.comp.filled-select.text-field.hover.active-indicator.color (Hovered / Active indicator)
+$text-field-hover-active-indicator-color: md-sys-color.$on-surface;
+/// md.comp.filled-select.text-field.hover.input-text.color (Hovered / Input text)
+$text-field-hover-input-text-color: md-sys-color.$on-surface;
+/// md.comp.filled-select.text-field.hover.label-text.color (Hovered / Label text)
+$text-field-hover-label-text-color: md-sys-color.$on-surface;
+/// md.comp.filled-select.text-field.hover.leading-icon.color (Hovered / Leading icon)
+$text-field-hover-leading-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-select.text-field.hover.state-layer.color (Hovered / State layer)
+$text-field-hover-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.filled-select.text-field.hover.state-layer.opacity (Hovered / State layer)
+$text-field-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.filled-select.text-field.hover.supporting-text.color (Hovered / Supporting text)
+$text-field-hover-supporting-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-select.text-field.hover.trailing-icon.color (Hovered / Trailing icon)
+$text-field-hover-trailing-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-select.text-field.input-text.color (Enabled / Input text)
+$text-field-input-text-color: md-sys-color.$on-surface;
+/// md.comp.filled-select.text-field.input-text.font (Enabled / Input text)
+$text-field-input-text-font: md-sys-typescale.$body-large-font;
+/// md.comp.filled-select.text-field.input-text.line-height (Enabled / Input text)
+$text-field-input-text-line-height: md-sys-typescale.$body-large-line-height;
+/// md.comp.filled-select.text-field.input-text.size (Enabled / Input text)
+$text-field-input-text-size: md-sys-typescale.$body-large-size;
+/// md.comp.filled-select.text-field.input-text.tracking (Enabled / Input text)
+$text-field-input-text-tracking: md-sys-typescale.$body-large-tracking;
+/// md.comp.filled-select.text-field.input-text.weight (Enabled / Input text)
+$text-field-input-text-weight: md-sys-typescale.$body-large-weight;
+/// md.comp.filled-select.text-field.label-text.color (Enabled / Label text)
+$text-field-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-select.text-field.label-text.font (Enabled / Label text)
+$text-field-label-text-font: md-sys-typescale.$body-large-font;
+/// md.comp.filled-select.text-field.label-text.line-height (Enabled / Label text)
+$text-field-label-text-line-height: md-sys-typescale.$body-large-line-height;
+/// md.comp.filled-select.text-field.label-text.populated.line-height (Enabled / Label text)
+$text-field-label-text-populated-line-height: md-sys-typescale.$body-small-line-height;
+/// md.comp.filled-select.text-field.label-text.populated.size (Enabled / Label text)
+$text-field-label-text-populated-size: md-sys-typescale.$body-small-size;
+/// md.comp.filled-select.text-field.label-text.size (Enabled / Label text)
+$text-field-label-text-size: md-sys-typescale.$body-large-size;
+/// md.comp.filled-select.text-field.label-text.tracking (Enabled / Label text)
+$text-field-label-text-tracking: md-sys-typescale.$body-large-tracking;
+/// md.comp.filled-select.text-field.label-text.weight (Enabled / Label text)
+$text-field-label-text-weight: md-sys-typescale.$body-large-weight;
+/// md.comp.filled-select.text-field.leading-icon.color (Enabled / Leading icon)
+$text-field-leading-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-select.text-field.supporting-text.color (Enabled / Supporting text)
+$text-field-supporting-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-select.text-field.supporting-text.font (Enabled / Supporting text)
+$text-field-supporting-text-font: md-sys-typescale.$body-small-font;
+/// md.comp.filled-select.text-field.supporting-text.line-height (Enabled / Supporting text)
+$text-field-supporting-text-line-height: md-sys-typescale.$body-small-line-height;
+/// md.comp.filled-select.text-field.supporting-text.size (Enabled / Supporting text)
+$text-field-supporting-text-size: md-sys-typescale.$body-small-size;
+/// md.comp.filled-select.text-field.supporting-text.tracking (Enabled / Supporting text)
+$text-field-supporting-text-tracking: md-sys-typescale.$body-small-tracking;
+/// md.comp.filled-select.text-field.supporting-text.weight (Enabled / Supporting text)
+$text-field-supporting-text-weight: md-sys-typescale.$body-small-weight;
+/// md.comp.filled-select.text-field.trailing-icon.color (Enabled / Trailing icon)
+$text-field-trailing-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-select.menu.list-item.label-text.type (Enabled / Label text)
+@mixin menu-list-item-label-text-type {
+  font-family: $menu-list-item-label-text-font;
+  font-size: $menu-list-item-label-text-size;
+  font-weight: $menu-list-item-label-text-weight;
+  letter-spacing: $menu-list-item-label-text-tracking;
+  line-height: $menu-list-item-label-text-line-height;
+}
+/// md.comp.filled-select.text-field.input-text.type (Enabled / Input text)
+@mixin text-field-input-text-type {
+  font-family: $text-field-input-text-font;
+  font-size: $text-field-input-text-size;
+  font-weight: $text-field-input-text-weight;
+  letter-spacing: $text-field-input-text-tracking;
+  line-height: $text-field-input-text-line-height;
+}
+/// md.comp.filled-select.text-field.label-text.type (Enabled / Label text)
+@mixin text-field-label-text-type {
+  font-family: $text-field-label-text-font;
+  font-size: $text-field-label-text-size;
+  font-weight: $text-field-label-text-weight;
+  letter-spacing: $text-field-label-text-tracking;
+  line-height: $text-field-label-text-line-height;
+}
+/// md.comp.filled-select.text-field.supporting-text.type (Enabled / Supporting text)
+@mixin text-field-supporting-text-type {
+  font-family: $text-field-supporting-text-font;
+  font-size: $text-field-supporting-text-size;
+  font-weight: $text-field-supporting-text-weight;
+  letter-spacing: $text-field-supporting-text-tracking;
+  line-height: $text-field-supporting-text-line-height;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-filled-text-field.scss b/tokens/versions/v30_0/sass/_md-comp-filled-text-field.scss
new file mode 100644
index 0000000000..35ac29cab9
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-filled-text-field.scss
@@ -0,0 +1,221 @@
+//
+// 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-state';
+@use 'md-sys-state-focus-indicator';
+@use 'md-sys-typescale';
+
+/// md.comp.filled-text-field.active-indicator.height (Enabled / Active indicator)
+$active-indicator-height: 1px;
+/// md.comp.filled-text-field.container.height (Enabled / Container)
+///
+/// @deprecated Removing fixed height token due to conflicts with text fields variants requiring dynamic height (multi-line, text area). Use height of internal elements and paddings to control component height.
+$container-height: 56px;
+/// md.comp.filled-text-field.disabled.active-indicator.height (Disabled / Active indicator)
+$disabled-active-indicator-height: 1px;
+/// md.comp.filled-text-field.disabled.active-indicator.opacity (Disabled / Active indicator)
+$disabled-active-indicator-opacity: 0.38;
+/// md.comp.filled-text-field.disabled.container.opacity (Disabled / Container)
+$disabled-container-opacity: 0.04;
+/// md.comp.filled-text-field.disabled.input-text.opacity (Disabled / Input text)
+$disabled-input-text-opacity: 0.38;
+/// md.comp.filled-text-field.disabled.label-text.opacity (Disabled / Label text)
+$disabled-label-text-opacity: 0.38;
+/// md.comp.filled-text-field.disabled.leading-icon.opacity (Disabled / Leading icon)
+$disabled-leading-icon-opacity: 0.38;
+/// md.comp.filled-text-field.disabled.supporting-text.opacity (Disabled / Supporting text)
+$disabled-supporting-text-opacity: 0.38;
+/// md.comp.filled-text-field.disabled.trailing-icon.opacity (Disabled / Trailing icon)
+$disabled-trailing-icon-opacity: 0.38;
+/// md.comp.filled-text-field.focus.active-indicator.height (Focused / Active indicator)
+$focus-active-indicator-height: 2px;
+/// md.comp.filled-text-field.hover.active-indicator.height (Hovered / Active indicator)
+$hover-active-indicator-height: 1px;
+/// md.comp.filled-text-field.leading-icon.size (Enabled / Leading icon)
+$leading-icon-size: 24px;
+/// md.comp.filled-text-field.trailing-icon.size (Enabled / Trailing icon)
+$trailing-icon-size: 24px;
+/// md.comp.filled-text-field.active-indicator.color (Enabled / Active indicator)
+$active-indicator-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-text-field.caret.color (Enabled / Caret)
+$caret-color: md-sys-color.$primary;
+/// md.comp.filled-text-field.container.color (Enabled / Container)
+$container-color: md-sys-color.$surface-container-highest;
+/// md.comp.filled-text-field.container.shape (Enabled / Container)
+$container-shape: md-sys-shape.$corner-extra-small-top;
+/// md.comp.filled-text-field.disabled.active-indicator.color (Disabled / Active indicator)
+$disabled-active-indicator-color: md-sys-color.$on-surface;
+/// md.comp.filled-text-field.disabled.container.color (Disabled / Container)
+$disabled-container-color: md-sys-color.$on-surface;
+/// md.comp.filled-text-field.disabled.input-text.color (Disabled / Input text)
+$disabled-input-text-color: md-sys-color.$on-surface;
+/// md.comp.filled-text-field.disabled.label-text.color (Disabled / Label text)
+$disabled-label-text-color: md-sys-color.$on-surface;
+/// md.comp.filled-text-field.disabled.leading-icon.color (Disabled / Leading icon)
+$disabled-leading-icon-color: md-sys-color.$on-surface;
+/// md.comp.filled-text-field.disabled.supporting-text.color (Disabled / Supporting text)
+$disabled-supporting-text-color: md-sys-color.$on-surface;
+/// md.comp.filled-text-field.disabled.trailing-icon.color (Disabled / Trailing icon)
+$disabled-trailing-icon-color: md-sys-color.$on-surface;
+/// md.comp.filled-text-field.error.active-indicator.color (Error)
+$error-active-indicator-color: md-sys-color.$error;
+/// md.comp.filled-text-field.error.focus.active-indicator.color (Error / Focus)
+$error-focus-active-indicator-color: md-sys-color.$error;
+/// md.comp.filled-text-field.error.focus.caret.color (Error / Focus)
+$error-focus-caret-color: md-sys-color.$error;
+/// md.comp.filled-text-field.error.focus.input-text.color (Error / Focus)
+$error-focus-input-text-color: md-sys-color.$on-surface;
+/// md.comp.filled-text-field.error.focus.label-text.color (Error / Focus)
+$error-focus-label-text-color: md-sys-color.$error;
+/// md.comp.filled-text-field.error.focus.leading-icon.color (Error / Focus)
+$error-focus-leading-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-text-field.error.focus.supporting-text.color (Error / Focus)
+$error-focus-supporting-text-color: md-sys-color.$error;
+/// md.comp.filled-text-field.error.focus.trailing-icon.color (Error / Focus)
+$error-focus-trailing-icon-color: md-sys-color.$error;
+/// md.comp.filled-text-field.error.hover.active-indicator.color (Error / Hover)
+$error-hover-active-indicator-color: md-sys-color.$on-error-container;
+/// md.comp.filled-text-field.error.hover.input-text.color (Error / Hover)
+$error-hover-input-text-color: md-sys-color.$on-surface;
+/// md.comp.filled-text-field.error.hover.label-text.color (Error / Hover)
+$error-hover-label-text-color: md-sys-color.$on-error-container;
+/// md.comp.filled-text-field.error.hover.leading-icon.color (Error / Hover)
+$error-hover-leading-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-text-field.error.hover.state-layer.color (Error / Hover)
+$error-hover-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.filled-text-field.error.hover.state-layer.opacity (Error / Hover)
+$error-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.filled-text-field.error.hover.supporting-text.color (Error / Hover)
+$error-hover-supporting-text-color: md-sys-color.$error;
+/// md.comp.filled-text-field.error.hover.trailing-icon.color (Error / Hover)
+$error-hover-trailing-icon-color: md-sys-color.$on-error-container;
+/// md.comp.filled-text-field.error.input-text.color (Error)
+$error-input-text-color: md-sys-color.$on-surface;
+/// md.comp.filled-text-field.error.label-text.color (Error)
+$error-label-text-color: md-sys-color.$error;
+/// md.comp.filled-text-field.error.leading-icon.color (Error)
+$error-leading-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-text-field.error.supporting-text.color (Error)
+$error-supporting-text-color: md-sys-color.$error;
+/// md.comp.filled-text-field.error.trailing-icon.color (Error)
+$error-trailing-icon-color: md-sys-color.$error;
+/// md.comp.filled-text-field.focus.active-indicator.color (Focused / Active indicator)
+$focus-active-indicator-color: md-sys-color.$primary;
+/// md.comp.filled-text-field.focus.active-indicator.thickness (Focused / Active indicator)
+$focus-active-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.comp.filled-text-field.focus.input-text.color (Focused / Input text)
+$focus-input-text-color: md-sys-color.$on-surface;
+/// md.comp.filled-text-field.focus.label-text.color (Focused / Label text)
+$focus-label-text-color: md-sys-color.$primary;
+/// md.comp.filled-text-field.focus.leading-icon.color (Focused / Leading icon)
+$focus-leading-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-text-field.focus.supporting-text.color (Focused / Supporting text)
+$focus-supporting-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-text-field.focus.trailing-icon.color (Focused / Trailing icon)
+$focus-trailing-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-text-field.hover.active-indicator.color (Hovered / Active indicator)
+$hover-active-indicator-color: md-sys-color.$on-surface;
+/// md.comp.filled-text-field.hover.input-text.color (Hovered / Input text)
+$hover-input-text-color: md-sys-color.$on-surface;
+/// md.comp.filled-text-field.hover.label-text.color (Hovered / Label text)
+$hover-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-text-field.hover.leading-icon.color (Hovered / Leading icon)
+$hover-leading-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-text-field.hover.state-layer.color (Hovered / State layer)
+$hover-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.filled-text-field.hover.state-layer.opacity (Hovered / State layer)
+$hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.filled-text-field.hover.supporting-text.color (Hovered / Supporting text)
+$hover-supporting-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-text-field.hover.trailing-icon.color (Hovered / Trailing icon)
+$hover-trailing-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-text-field.input-text.color (Enabled / Input text)
+$input-text-color: md-sys-color.$on-surface;
+/// md.comp.filled-text-field.input-text.font (Enabled / Input text)
+$input-text-font: md-sys-typescale.$body-large-font;
+/// md.comp.filled-text-field.input-text.line-height (Enabled / Input text)
+$input-text-line-height: md-sys-typescale.$body-large-line-height;
+/// md.comp.filled-text-field.input-text.placeholder.color (Enabled / Input text)
+$input-text-placeholder-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-text-field.input-text.prefix.color (Enabled / Input text)
+$input-text-prefix-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-text-field.input-text.size (Enabled / Input text)
+$input-text-size: md-sys-typescale.$body-large-size;
+/// md.comp.filled-text-field.input-text.suffix.color (Enabled / Input text)
+$input-text-suffix-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-text-field.input-text.tracking (Enabled / Input text)
+$input-text-tracking: md-sys-typescale.$body-large-tracking;
+/// md.comp.filled-text-field.input-text.weight (Enabled / Input text)
+$input-text-weight: md-sys-typescale.$body-large-weight;
+/// md.comp.filled-text-field.label-text.color (Enabled / Label text)
+$label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-text-field.label-text.font (Enabled / Label text)
+$label-text-font: md-sys-typescale.$body-large-font;
+/// md.comp.filled-text-field.label-text.line-height (Enabled / Label text)
+$label-text-line-height: md-sys-typescale.$body-large-line-height;
+/// md.comp.filled-text-field.label-text.populated.line-height (Enabled / Label text)
+$label-text-populated-line-height: md-sys-typescale.$body-small-line-height;
+/// md.comp.filled-text-field.label-text.populated.size (Enabled / Label text)
+$label-text-populated-size: md-sys-typescale.$body-small-size;
+/// md.comp.filled-text-field.label-text.size (Enabled / Label text)
+$label-text-size: md-sys-typescale.$body-large-size;
+/// md.comp.filled-text-field.label-text.tracking (Enabled / Label text)
+$label-text-tracking: md-sys-typescale.$body-large-tracking;
+/// md.comp.filled-text-field.label-text.weight (Enabled / Label text)
+$label-text-weight: md-sys-typescale.$body-large-weight;
+/// md.comp.filled-text-field.leading-icon.color (Enabled / Leading icon)
+$leading-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-text-field.supporting-text.color (Enabled / Supporting text)
+$supporting-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-text-field.supporting-text.font (Enabled / Supporting text)
+$supporting-text-font: md-sys-typescale.$body-small-font;
+/// md.comp.filled-text-field.supporting-text.line-height (Enabled / Supporting text)
+$supporting-text-line-height: md-sys-typescale.$body-small-line-height;
+/// md.comp.filled-text-field.supporting-text.size (Enabled / Supporting text)
+$supporting-text-size: md-sys-typescale.$body-small-size;
+/// md.comp.filled-text-field.supporting-text.tracking (Enabled / Supporting text)
+$supporting-text-tracking: md-sys-typescale.$body-small-tracking;
+/// md.comp.filled-text-field.supporting-text.weight (Enabled / Supporting text)
+$supporting-text-weight: md-sys-typescale.$body-small-weight;
+/// md.comp.filled-text-field.trailing-icon.color (Enabled / Trailing icon)
+$trailing-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-text-field.input-text.type (Enabled / Input text)
+@mixin input-text-type {
+  font-family: $input-text-font;
+  font-size: $input-text-size;
+  font-weight: $input-text-weight;
+  letter-spacing: $input-text-tracking;
+  line-height: $input-text-line-height;
+}
+/// md.comp.filled-text-field.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;
+}
+/// md.comp.filled-text-field.supporting-text.type (Enabled / Supporting text)
+@mixin supporting-text-type {
+  font-family: $supporting-text-font;
+  font-size: $supporting-text-size;
+  font-weight: $supporting-text-weight;
+  letter-spacing: $supporting-text-tracking;
+  line-height: $supporting-text-line-height;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-filled-tonal-button.scss b/tokens/versions/v30_0/sass/_md-comp-filled-tonal-button.scss
new file mode 100644
index 0000000000..73e4e11d13
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-filled-tonal-button.scss
@@ -0,0 +1,108 @@
+//
+// 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.filled-tonal-button.container.height ([Deprecated] Enabled / [Deprecated] Container)
+$container-height: 40px;
+/// md.comp.filled-tonal-button.disabled.container.opacity ([Deprecated] Disabled / [Deprecated] Container)
+$disabled-container-opacity: 0.12;
+/// md.comp.filled-tonal-button.disabled.label-text.opacity ([Deprecated] Disabled / [Deprecated] Label text)
+$disabled-label-text-opacity: 0.38;
+/// md.comp.filled-tonal-button.with-icon.disabled.icon.opacity ([Deprecated] Disabled / [Deprecated] Icon)
+$with-icon-disabled-icon-opacity: 0.38;
+/// md.comp.filled-tonal-button.with-icon.icon.size ([Deprecated] Enabled / [Deprecated] Icon)
+$with-icon-icon-size: 18px;
+/// md.comp.filled-tonal-button.container.color ([Deprecated] Enabled / [Deprecated] Container)
+$container-color: md-sys-color.$secondary-container;
+/// md.comp.filled-tonal-button.container.elevation ([Deprecated] Enabled / [Deprecated] Container)
+$container-elevation: md-sys-elevation.$level0;
+/// md.comp.filled-tonal-button.container.shadow-color ([Deprecated] Enabled / [Deprecated] Container)
+$container-shadow-color: md-sys-color.$shadow;
+/// md.comp.filled-tonal-button.container.shape ([Deprecated] Enabled / [Deprecated] Container)
+$container-shape: md-sys-shape.$corner-full;
+/// md.comp.filled-tonal-button.disabled.container.color ([Deprecated] Disabled / [Deprecated] Container)
+$disabled-container-color: md-sys-color.$on-surface;
+/// md.comp.filled-tonal-button.disabled.container.elevation ([Deprecated] Disabled / [Deprecated] Container)
+$disabled-container-elevation: md-sys-elevation.$level0;
+/// md.comp.filled-tonal-button.disabled.label-text.color ([Deprecated] Disabled / [Deprecated] Label text)
+$disabled-label-text-color: md-sys-color.$on-surface;
+/// md.comp.filled-tonal-button.focus.container.elevation ([Deprecated] Focused / [Deprecated] Container)
+$focus-container-elevation: md-sys-elevation.$level0;
+/// md.comp.filled-tonal-button.focus.indicator.color ([Deprecated] Focused / [Deprecated] Focus indicator)
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.filled-tonal-button.focus.indicator.outline.offset ([Deprecated] Focused / [Deprecated] Focus indicator)
+$focus-indicator-outline-offset: md-sys-state-focus-indicator.$outer-offset;
+/// md.comp.filled-tonal-button.focus.indicator.thickness ([Deprecated] Focused / [Deprecated] Focus indicator)
+$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.comp.filled-tonal-button.focus.label-text.color ([Deprecated] Focused / [Deprecated] Label text)
+$focus-label-text-color: md-sys-color.$on-secondary-container;
+/// md.comp.filled-tonal-button.focus.state-layer.color ([Deprecated] Focused / [Deprecated] State layer)
+$focus-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.filled-tonal-button.focus.state-layer.opacity ([Deprecated] Focused / [Deprecated] State layer)
+$focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.filled-tonal-button.hover.container.elevation ([Deprecated] Hovered / [Deprecated] Container)
+$hover-container-elevation: md-sys-elevation.$level1;
+/// md.comp.filled-tonal-button.hover.label-text.color ([Deprecated] Hovered / [Deprecated] Label text)
+$hover-label-text-color: md-sys-color.$on-secondary-container;
+/// md.comp.filled-tonal-button.hover.state-layer.color ([Deprecated] Hovered / [Deprecated] State layer)
+$hover-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.filled-tonal-button.hover.state-layer.opacity ([Deprecated] Hovered / [Deprecated] State layer)
+$hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.filled-tonal-button.label-text.color ([Deprecated] Enabled / [Deprecated] Label text)
+$label-text-color: md-sys-color.$on-secondary-container;
+/// md.comp.filled-tonal-button.label-text.font ([Deprecated] Enabled / [Deprecated] Label text)
+$label-text-font: md-sys-typescale.$label-large-font;
+/// md.comp.filled-tonal-button.label-text.line-height ([Deprecated] Enabled / [Deprecated] Label text)
+$label-text-line-height: md-sys-typescale.$label-large-line-height;
+/// md.comp.filled-tonal-button.label-text.size ([Deprecated] Enabled / [Deprecated] Label text)
+$label-text-size: md-sys-typescale.$label-large-size;
+/// md.comp.filled-tonal-button.label-text.tracking ([Deprecated] Enabled / [Deprecated] Label text)
+$label-text-tracking: md-sys-typescale.$label-large-tracking;
+/// md.comp.filled-tonal-button.label-text.weight ([Deprecated] Enabled / [Deprecated] Label text)
+$label-text-weight: md-sys-typescale.$label-large-weight;
+/// md.comp.filled-tonal-button.pressed.container.elevation ([Deprecated] Pressed (ripple) / [Deprecated] Container)
+$pressed-container-elevation: md-sys-elevation.$level0;
+/// md.comp.filled-tonal-button.pressed.label-text.color ([Deprecated] Pressed (ripple) / [Deprecated] Label text)
+$pressed-label-text-color: md-sys-color.$on-secondary-container;
+/// md.comp.filled-tonal-button.pressed.state-layer.color ([Deprecated] Pressed (ripple) / [Deprecated] State layer)
+$pressed-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.filled-tonal-button.pressed.state-layer.opacity ([Deprecated] Pressed (ripple) / [Deprecated] State layer)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.filled-tonal-button.with-icon.disabled.icon.color ([Deprecated] Disabled / [Deprecated] Icon)
+$with-icon-disabled-icon-color: md-sys-color.$on-surface;
+/// md.comp.filled-tonal-button.with-icon.focus.icon.color ([Deprecated] Focused / [Deprecated] Icon)
+$with-icon-focus-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.filled-tonal-button.with-icon.hover.icon.color ([Deprecated] Hovered / [Deprecated] Icon)
+$with-icon-hover-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.filled-tonal-button.with-icon.icon.color ([Deprecated] Enabled / [Deprecated] Icon)
+$with-icon-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.filled-tonal-button.with-icon.pressed.icon.color ([Deprecated] Pressed (ripple) / [Deprecated] Icon)
+$with-icon-pressed-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.filled-tonal-button.label-text.type ([Deprecated] Enabled / [Deprecated] 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;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-filled-tonal-icon-button.scss b/tokens/versions/v30_0/sass/_md-comp-filled-tonal-icon-button.scss
new file mode 100644
index 0000000000..9e00f15d11
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-filled-tonal-icon-button.scss
@@ -0,0 +1,102 @@
+//
+// 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-state';
+@use 'md-sys-state-focus-indicator';
+
+/// md.comp.filled-tonal-icon-button.container.height ([Deprecated] Enabled / [Deprecated] Container)
+$container-height: 40px;
+/// md.comp.filled-tonal-icon-button.container.size ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated Deprecating in place of width and height tokens
+$container-size: 40px;
+/// md.comp.filled-tonal-icon-button.container.width ([Deprecated] Enabled / [Deprecated] Container)
+$container-width: 40px;
+/// md.comp.filled-tonal-icon-button.disabled.container.opacity ([Deprecated] Disabled / [Deprecated] Container)
+$disabled-container-opacity: 0.12;
+/// md.comp.filled-tonal-icon-button.disabled.icon.opacity ([Deprecated] Disabled / [Deprecated] Icon)
+$disabled-icon-opacity: 0.38;
+/// md.comp.filled-tonal-icon-button.icon.size ([Deprecated] Enabled / [Deprecated] Icon)
+$icon-size: 24px;
+/// md.comp.filled-tonal-icon-button.container.color ([Deprecated] Enabled / [Deprecated] Container)
+$container-color: md-sys-color.$secondary-container;
+/// md.comp.filled-tonal-icon-button.container.shape ([Deprecated] Enabled / [Deprecated] Container)
+$container-shape: md-sys-shape.$corner-full;
+/// md.comp.filled-tonal-icon-button.disabled.container.color ([Deprecated] Disabled / [Deprecated] Container)
+$disabled-container-color: md-sys-color.$on-surface;
+/// md.comp.filled-tonal-icon-button.disabled.icon.color ([Deprecated] Disabled / [Deprecated] Icon)
+$disabled-icon-color: md-sys-color.$on-surface;
+/// md.comp.filled-tonal-icon-button.focus.icon.color ([Deprecated] Focused / [Deprecated] Icon)
+$focus-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.filled-tonal-icon-button.focus.indicator.color ([Deprecated] Focused / [Deprecated] Focus indicator)
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.filled-tonal-icon-button.focus.indicator.outline.offset ([Deprecated] Focused / [Deprecated] Focus indicator)
+$focus-indicator-outline-offset: md-sys-state-focus-indicator.$outer-offset;
+/// md.comp.filled-tonal-icon-button.focus.indicator.thickness ([Deprecated] Focused / [Deprecated] Focus indicator)
+$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.comp.filled-tonal-icon-button.focus.state-layer.color ([Deprecated] Focused / [Deprecated] State layer)
+$focus-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.filled-tonal-icon-button.focus.state-layer.opacity ([Deprecated] Focused / [Deprecated] State layer)
+$focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.filled-tonal-icon-button.hover.icon.color ([Deprecated] Hovered / [Deprecated] Icon)
+$hover-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.filled-tonal-icon-button.hover.state-layer.color ([Deprecated] Hovered / [Deprecated] State layer)
+$hover-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.filled-tonal-icon-button.hover.state-layer.opacity ([Deprecated] Hovered / [Deprecated] State layer)
+$hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.filled-tonal-icon-button.icon.color ([Deprecated] Enabled / [Deprecated] Icon)
+$icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.filled-tonal-icon-button.pressed.icon.color ([Deprecated] Pressed (ripple) / Icon)
+$pressed-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.filled-tonal-icon-button.pressed.state-layer.color ([Deprecated] Pressed (ripple) / [Deprecated] State layer)
+$pressed-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.filled-tonal-icon-button.pressed.state-layer.opacity ([Deprecated] Pressed (ripple) / [Deprecated] State layer)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.filled-tonal-icon-button.selected.container.color ([Deprecated] Enabled / [Deprecated] Container)
+$selected-container-color: md-sys-color.$secondary-container;
+/// md.comp.filled-tonal-icon-button.toggle.selected.focus.icon.color ([Deprecated] Focused / [Deprecated] Icon)
+$toggle-selected-focus-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.filled-tonal-icon-button.toggle.selected.focus.state-layer.color ([Deprecated] Focused / [Deprecated] State layer)
+$toggle-selected-focus-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.filled-tonal-icon-button.toggle.selected.hover.icon.color ([Deprecated] Hovered / [Deprecated] Icon)
+$toggle-selected-hover-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.filled-tonal-icon-button.toggle.selected.hover.state-layer.color ([Deprecated] Hovered / [Deprecated] State layer)
+$toggle-selected-hover-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.filled-tonal-icon-button.toggle.selected.icon.color ([Deprecated] Enabled / [Deprecated] Icon)
+$toggle-selected-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.filled-tonal-icon-button.toggle.selected.pressed.icon.color ([Deprecated] Pressed (ripple) / Icon)
+$toggle-selected-pressed-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.filled-tonal-icon-button.toggle.selected.pressed.state-layer.color ([Deprecated] Pressed (ripple) / [Deprecated] State layer)
+$toggle-selected-pressed-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.filled-tonal-icon-button.toggle.unselected.focus.icon.color ([Deprecated] Focused / [Deprecated] Icon)
+$toggle-unselected-focus-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-tonal-icon-button.toggle.unselected.focus.state-layer.color ([Deprecated] Focused / [Deprecated] State layer)
+$toggle-unselected-focus-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-tonal-icon-button.toggle.unselected.hover.icon.color ([Deprecated] Hovered / [Deprecated] Icon)
+$toggle-unselected-hover-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-tonal-icon-button.toggle.unselected.hover.state-layer.color ([Deprecated] Hovered / [Deprecated] State layer)
+$toggle-unselected-hover-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-tonal-icon-button.toggle.unselected.icon.color ([Deprecated] Enabled / [Deprecated] Icon)
+$toggle-unselected-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-tonal-icon-button.toggle.unselected.pressed.icon.color ([Deprecated] Pressed (ripple) / Icon)
+$toggle-unselected-pressed-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-tonal-icon-button.toggle.unselected.pressed.state-layer.color ([Deprecated] Pressed (ripple) / [Deprecated] State layer)
+$toggle-unselected-pressed-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-tonal-icon-button.unselected.container.color ([Deprecated] Enabled / [Deprecated] Container)
+$unselected-container-color: md-sys-color.$surface-container-highest;
diff --git a/tokens/versions/v30_0/sass/_md-comp-filter-chip.scss b/tokens/versions/v30_0/sass/_md-comp-filter-chip.scss
new file mode 100644
index 0000000000..94884932f8
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-filter-chip.scss
@@ -0,0 +1,276 @@
+//
+// 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.filter-chip.container.height (Enabled / Container)
+$container-height: 32px;
+/// md.comp.filter-chip.disabled.label-text.opacity (Disabled / Label text)
+$disabled-label-text-opacity: 0.38;
+/// md.comp.filter-chip.elevated.disabled.container.opacity (Disabled / Container)
+$elevated-disabled-container-opacity: 0.12;
+/// md.comp.filter-chip.flat.disabled.selected.container.opacity (Disabled / Container)
+$flat-disabled-selected-container-opacity: 0.12;
+/// md.comp.filter-chip.flat.disabled.unselected.outline.opacity (Disabled / Container)
+$flat-disabled-unselected-outline-opacity: 0.12;
+/// md.comp.filter-chip.flat.selected.outline.width (Enabled / Container)
+$flat-selected-outline-width: 0px;
+/// md.comp.filter-chip.flat.unselected.outline.width (Enabled / Container)
+$flat-unselected-outline-width: 1px;
+/// md.comp.filter-chip.with-icon.disabled.icon.opacity (Disabled / Icon)
+///
+/// @deprecated Established distinct leading and trailing icon tokens for filter chips. Please use corresponding token added for leading and trailing instead.
+$with-icon-disabled-icon-opacity: 0.38;
+/// md.comp.filter-chip.with-icon.icon.size (Enabled / Icon)
+$with-icon-icon-size: 18px;
+/// md.comp.filter-chip.with-leading-icon.disabled.leading-icon.opacity (Disabled / Icon)
+$with-leading-icon-disabled-leading-icon-opacity: 0.38;
+/// md.comp.filter-chip.with-trailing-icon.disabled.trailing-icon.opacity (Disabled / Icon)
+$with-trailing-icon-disabled-trailing-icon-opacity: 0.38;
+/// md.comp.filter-chip.container.shadow-color (Enabled / Container)
+///
+/// @deprecated Replaced with new token md.comp.filter-chip.elevated.container.shadow-color to include the "elevated" designation in the token name.
+$container-shadow-color: md-sys-color.$shadow;
+/// md.comp.filter-chip.container.shape (Enabled / Container)
+$container-shape: md-sys-shape.$corner-small;
+/// md.comp.filter-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.filter-chip.disabled.label-text.color (Disabled / Label text)
+$disabled-label-text-color: md-sys-color.$on-surface;
+/// md.comp.filter-chip.dragged.container.elevation (Dragged / Container)
+$dragged-container-elevation: md-sys-elevation.$level4;
+/// md.comp.filter-chip.elevated.container.elevation (Enabled / Container)
+$elevated-container-elevation: md-sys-elevation.$level1;
+/// md.comp.filter-chip.elevated.container.shadow-color (Enabled / Container)
+$elevated-container-shadow-color: md-sys-color.$shadow;
+/// md.comp.filter-chip.elevated.disabled.container.color (Disabled / Container)
+$elevated-disabled-container-color: md-sys-color.$on-surface;
+/// md.comp.filter-chip.elevated.disabled.container.elevation (Disabled / Container)
+$elevated-disabled-container-elevation: md-sys-elevation.$level0;
+/// md.comp.filter-chip.elevated.focus.container.elevation (Focused / Container)
+$elevated-focus-container-elevation: md-sys-elevation.$level1;
+/// md.comp.filter-chip.elevated.hover.container.elevation (Hovered / Container)
+$elevated-hover-container-elevation: md-sys-elevation.$level2;
+/// md.comp.filter-chip.elevated.pressed.container.elevation (Pressed (ripple) / Container)
+$elevated-pressed-container-elevation: md-sys-elevation.$level1;
+/// md.comp.filter-chip.elevated.selected.container.color (Enabled / Container)
+$elevated-selected-container-color: md-sys-color.$secondary-container;
+/// md.comp.filter-chip.elevated.unselected.container.color (Enabled / Container)
+$elevated-unselected-container-color: md-sys-color.$surface-container-low;
+/// md.comp.filter-chip.flat.container.elevation (Enabled / Container)
+$flat-container-elevation: md-sys-elevation.$level0;
+/// md.comp.filter-chip.flat.disabled.selected.container.color (Disabled / Container)
+$flat-disabled-selected-container-color: md-sys-color.$on-surface;
+/// md.comp.filter-chip.flat.disabled.unselected.outline.color (Disabled / Container)
+$flat-disabled-unselected-outline-color: md-sys-color.$on-surface;
+/// md.comp.filter-chip.flat.selected.container.color (Enabled / Container)
+$flat-selected-container-color: md-sys-color.$secondary-container;
+/// md.comp.filter-chip.flat.selected.focus.container.elevation (Focused / Container)
+$flat-selected-focus-container-elevation: md-sys-elevation.$level0;
+/// md.comp.filter-chip.flat.selected.hover.container.elevation (Hovered / Container)
+$flat-selected-hover-container-elevation: md-sys-elevation.$level1;
+/// md.comp.filter-chip.flat.selected.pressed.container.elevation (Pressed (ripple) / Container)
+$flat-selected-pressed-container-elevation: md-sys-elevation.$level0;
+/// md.comp.filter-chip.flat.unselected.focus.container.elevation (Focused / Container)
+$flat-unselected-focus-container-elevation: md-sys-elevation.$level0;
+/// md.comp.filter-chip.flat.unselected.focus.outline.color (Focused / Container)
+$flat-unselected-focus-outline-color: md-sys-color.$on-surface-variant;
+/// md.comp.filter-chip.flat.unselected.hover.container.elevation (Hovered / Container)
+$flat-unselected-hover-container-elevation: md-sys-elevation.$level0;
+/// md.comp.filter-chip.flat.unselected.outline.color (Enabled / Container)
+$flat-unselected-outline-color: md-sys-color.$outline-variant;
+/// md.comp.filter-chip.flat.unselected.pressed.container.elevation (Pressed (ripple) / Container)
+$flat-unselected-pressed-container-elevation: md-sys-elevation.$level0;
+/// md.comp.filter-chip.focus.indicator.color (Focused / Focus indicator)
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.filter-chip.focus.indicator.outline.offset (Focused / Focus indicator)
+$focus-indicator-outline-offset: md-sys-state-focus-indicator.$outer-offset;
+/// md.comp.filter-chip.focus.indicator.thickness (Focused / Focus indicator)
+$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.comp.filter-chip.label-text.font (Enabled / Label text)
+$label-text-font: md-sys-typescale.$label-large-font;
+/// md.comp.filter-chip.label-text.line-height (Enabled / Label text)
+$label-text-line-height: md-sys-typescale.$label-large-line-height;
+/// md.comp.filter-chip.label-text.size (Enabled / Label text)
+$label-text-size: md-sys-typescale.$label-large-size;
+/// md.comp.filter-chip.label-text.tracking (Enabled / Label text)
+$label-text-tracking: md-sys-typescale.$label-large-tracking;
+/// md.comp.filter-chip.label-text.weight (Enabled / Label text)
+$label-text-weight: md-sys-typescale.$label-large-weight;
+/// md.comp.filter-chip.selected.dragged.label-text.color (Dragged / Label text)
+$selected-dragged-label-text-color: md-sys-color.$on-secondary-container;
+/// md.comp.filter-chip.selected.dragged.state-layer.color (Dragged / State layer)
+$selected-dragged-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.filter-chip.selected.dragged.state-layer.opacity (Dragged / State layer)
+$selected-dragged-state-layer-opacity: md-sys-state.$dragged-state-layer-opacity;
+/// md.comp.filter-chip.selected.focus.label-text.color (Focused / Label text)
+$selected-focus-label-text-color: md-sys-color.$on-secondary-container;
+/// md.comp.filter-chip.selected.focus.state-layer.color (Focused / State layer)
+$selected-focus-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.filter-chip.selected.focus.state-layer.opacity (Focused / State layer)
+$selected-focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.filter-chip.selected.hover.label-text.color (Hovered / Label text)
+$selected-hover-label-text-color: md-sys-color.$on-secondary-container;
+/// md.comp.filter-chip.selected.hover.state-layer.color (Hovered / State layer)
+$selected-hover-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.filter-chip.selected.hover.state-layer.opacity (Hovered / State layer)
+$selected-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.filter-chip.selected.label-text.color (Enabled / Label text)
+$selected-label-text-color: md-sys-color.$on-secondary-container;
+/// md.comp.filter-chip.selected.pressed.label-text.color (Pressed (ripple) / Label text)
+$selected-pressed-label-text-color: md-sys-color.$on-secondary-container;
+/// md.comp.filter-chip.selected.pressed.state-layer.color (Pressed (ripple) / State layer)
+$selected-pressed-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.filter-chip.selected.pressed.state-layer.opacity (Pressed (ripple) / State layer)
+$selected-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.filter-chip.unselected.dragged.label-text.color (Dragged / Label text)
+$unselected-dragged-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.filter-chip.unselected.dragged.state-layer.color (Dragged / State layer)
+$unselected-dragged-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.filter-chip.unselected.dragged.state-layer.opacity (Dragged / State layer)
+$unselected-dragged-state-layer-opacity: md-sys-state.$dragged-state-layer-opacity;
+/// md.comp.filter-chip.unselected.focus.label-text.color (Focused / Label text)
+$unselected-focus-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.filter-chip.unselected.focus.state-layer.color (Focused / State layer)
+$unselected-focus-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.filter-chip.unselected.focus.state-layer.opacity (Focused / State layer)
+$unselected-focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.filter-chip.unselected.hover.label-text.color (Hovered / Label text)
+$unselected-hover-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.filter-chip.unselected.hover.state-layer.color (Hovered / State layer)
+$unselected-hover-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.filter-chip.unselected.hover.state-layer.opacity (Hovered / State layer)
+$unselected-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.filter-chip.unselected.label-text.color (Enabled / Label text)
+$unselected-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.filter-chip.unselected.pressed.label-text.color (Pressed (ripple) / Label text)
+$unselected-pressed-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.filter-chip.unselected.pressed.state-layer.color (Pressed (ripple) / State layer)
+$unselected-pressed-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.filter-chip.unselected.pressed.state-layer.opacity (Pressed (ripple) / State layer)
+$unselected-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.filter-chip.with-icon.disabled.icon.color (Disabled / Icon)
+///
+/// @deprecated Established distinct leading and trailing icon tokens for filter chips. Please use corresponding token added for leading and trailing instead.
+$with-icon-disabled-icon-color: md-sys-color.$on-surface;
+/// md.comp.filter-chip.with-icon.selected.dragged.icon.color (Dragged / Icon)
+///
+/// @deprecated Established distinct leading and trailing icon tokens for filter chips. Please use corresponding token added for leading and trailing instead.
+$with-icon-selected-dragged-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.filter-chip.with-icon.selected.focus.icon.color (Focused / Icon)
+///
+/// @deprecated Established distinct leading and trailing icon tokens for filter chips. Please use corresponding token added for leading and trailing instead.
+$with-icon-selected-focus-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.filter-chip.with-icon.selected.hover.icon.color (Hovered / Icon)
+///
+/// @deprecated Established distinct leading and trailing icon tokens for filter chips. Please use corresponding token added for leading and trailing instead.
+$with-icon-selected-hover-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.filter-chip.with-icon.selected.icon.color (Enabled / Icon)
+///
+/// @deprecated Established distinct leading and trailing icon tokens for filter chips. Please use corresponding token added for leading and trailing instead.
+$with-icon-selected-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.filter-chip.with-icon.selected.pressed.icon.color (Pressed (ripple) / Icon)
+///
+/// @deprecated Established distinct leading and trailing icon tokens for filter chips. Please use corresponding token added for leading and trailing instead.
+$with-icon-selected-pressed-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.filter-chip.with-icon.unselected.dragged.icon.color (Dragged / Icon)
+///
+/// @deprecated Established distinct leading and trailing icon tokens for filter chips. Please use corresponding token added for leading and trailing instead.
+$with-icon-unselected-dragged-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.filter-chip.with-icon.unselected.focus.icon.color (Focused / Icon)
+///
+/// @deprecated Established distinct leading and trailing icon tokens for filter chips. Please use corresponding token added for leading and trailing instead.
+$with-icon-unselected-focus-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.filter-chip.with-icon.unselected.hover.icon.color (Hovered / Icon)
+///
+/// @deprecated Established distinct leading and trailing icon tokens for filter chips. Please use corresponding token added for leading and trailing instead.
+$with-icon-unselected-hover-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.filter-chip.with-icon.unselected.icon.color (Enabled / Icon)
+///
+/// @deprecated Established distinct leading and trailing icon tokens for filter chips. Please use corresponding token added for leading and trailing instead.
+$with-icon-unselected-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.filter-chip.with-icon.unselected.pressed.icon.color (Pressed (ripple) / Icon)
+///
+/// @deprecated Established distinct leading and trailing icon tokens for filter chips. Please use corresponding token added for leading and trailing instead.
+$with-icon-unselected-pressed-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.filter-chip.with-leading-icon.disabled.leading-icon.color (Disabled / Icon)
+$with-leading-icon-disabled-leading-icon-color: md-sys-color.$on-surface;
+/// md.comp.filter-chip.with-leading-icon.leading-icon.unselected.color (Enabled / Icon)
+///
+/// @deprecated Wrongly named token. Please use this token instead: md.comp.filter-chip.with-leading-icon.selected.leading-icon.color
+$with-leading-icon-leading-icon-unselected-color: md-sys-color.$primary;
+/// md.comp.filter-chip.with-leading-icon.selected.dragged.leading-icon.color (Dragged / Icon)
+$with-leading-icon-selected-dragged-leading-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.filter-chip.with-leading-icon.selected.focus.leading-icon.color (Focused / Icon)
+$with-leading-icon-selected-focus-leading-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.filter-chip.with-leading-icon.selected.hover.leading-icon.color (Hovered / Icon)
+$with-leading-icon-selected-hover-leading-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.filter-chip.with-leading-icon.selected.leading-icon.color (Enabled / Icon)
+$with-leading-icon-selected-leading-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.filter-chip.with-leading-icon.selected.pressed.leading-icon.color (Pressed (ripple) / Icon)
+$with-leading-icon-selected-pressed-leading-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.filter-chip.with-leading-icon.unselected.dragged.leading-icon.color (Dragged / Icon)
+$with-leading-icon-unselected-dragged-leading-icon-color: md-sys-color.$primary;
+/// md.comp.filter-chip.with-leading-icon.unselected.focus.leading-icon.color (Focused / Icon)
+$with-leading-icon-unselected-focus-leading-icon-color: md-sys-color.$primary;
+/// md.comp.filter-chip.with-leading-icon.unselected.hover.leading-icon.color (Hovered / Icon)
+$with-leading-icon-unselected-hover-leading-icon-color: md-sys-color.$primary;
+/// md.comp.filter-chip.with-leading-icon.unselected.leading-icon.color (Enabled / Icon)
+$with-leading-icon-unselected-leading-icon-color: md-sys-color.$primary;
+/// md.comp.filter-chip.with-leading-icon.unselected.pressed.leading-icon.color (Pressed (ripple) / Icon)
+$with-leading-icon-unselected-pressed-leading-icon-color: md-sys-color.$primary;
+/// md.comp.filter-chip.with-trailing-icon.disabled.trailing-icon.color (Disabled / Icon)
+$with-trailing-icon-disabled-trailing-icon-color: md-sys-color.$on-surface;
+/// md.comp.filter-chip.with-trailing-icon.selected.dragged.trailing-icon.color (Dragged / Icon)
+$with-trailing-icon-selected-dragged-trailing-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.filter-chip.with-trailing-icon.selected.focus.trailing-icon.color (Focused / Icon)
+$with-trailing-icon-selected-focus-trailing-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.filter-chip.with-trailing-icon.selected.hover.trailing-icon.color (Hovered / Icon)
+$with-trailing-icon-selected-hover-trailing-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.filter-chip.with-trailing-icon.selected.pressed.trailing-icon.color (Pressed (ripple) / Icon)
+$with-trailing-icon-selected-pressed-trailing-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.filter-chip.with-trailing-icon.selected.trailing-icon.color (Enabled / Icon)
+$with-trailing-icon-selected-trailing-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.filter-chip.with-trailing-icon.trailing-icon.unselected.color (Enabled / Icon)
+///
+/// @deprecated Wrongly named token. Please use this token instead: md.comp.filter-chip.with-trailing-icon.unselected.trailing-icon.color
+$with-trailing-icon-trailing-icon-unselected-color: md-sys-color.$on-surface-variant;
+/// md.comp.filter-chip.with-trailing-icon.unselected.dragged.trailing-icon.color (Dragged / Icon)
+$with-trailing-icon-unselected-dragged-trailing-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.filter-chip.with-trailing-icon.unselected.focus.trailing-icon.color (Focused / Icon)
+$with-trailing-icon-unselected-focus-trailing-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.filter-chip.with-trailing-icon.unselected.hover.trailing-icon.color (Hovered / Icon)
+$with-trailing-icon-unselected-hover-trailing-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.filter-chip.with-trailing-icon.unselected.pressed.trailing-icon.color (Pressed (ripple) / Icon)
+$with-trailing-icon-unselected-pressed-trailing-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.filter-chip.with-trailing-icon.unselected.trailing-icon.color (Enabled / Icon)
+$with-trailing-icon-unselected-trailing-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.filter-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;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-full-screen-dialog.scss b/tokens/versions/v30_0/sass/_md-comp-full-screen-dialog.scss
new file mode 100644
index 0000000000..3bb4f91705
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-full-screen-dialog.scss
@@ -0,0 +1,199 @@
+//
+// 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-typescale';
+
+/// md.comp.full-screen-dialog.action-bar.container.height (Enabled / Container)
+///
+/// @deprecated Bug: should not have been created. If needed, copy to your own tokens.
+$action-bar-container-height: 56px;
+/// md.comp.full-screen-dialog.header.container.height (Enabled / Container)
+$header-container-height: 56px;
+/// md.comp.full-screen-dialog.header.icon.size (Enabled / Icon)
+$header-icon-size: 24px;
+/// md.comp.full-screen-dialog.with-divider.divider.height (Enabled / Divider)
+///
+/// @deprecated Depcrecating all divider tokens nested across components. Please use the standalone divider component token md.comp.divider.thickness as a replacement
+$with-divider-divider-height: 1px;
+/// md.comp.full-screen-dialog.action-bar.container.color (Enabled / Container)
+///
+/// @deprecated Bug: should not have been created. If needed, copy to your own tokens.
+$action-bar-container-color: md-sys-color.$surface;
+/// md.comp.full-screen-dialog.action-bar.container.elevation (Enabled / Container)
+///
+/// @deprecated Bug: should not have been created. If needed, copy to your own tokens.
+$action-bar-container-elevation: md-sys-elevation.$level0;
+/// md.comp.full-screen-dialog.action-bar.focus.label-text.color (Focused / Label text)
+///
+/// @deprecated Bug: should not have been created. If needed, copy to your own tokens.
+$action-bar-focus-label-text-color: md-sys-color.$primary;
+/// md.comp.full-screen-dialog.action-bar.focus.state-layer.color (Focused / State layer)
+///
+/// @deprecated Bug: should not have been created. If needed, copy to your own tokens.
+$action-bar-focus-state-layer-color: md-sys-color.$primary;
+/// md.comp.full-screen-dialog.action-bar.focus.state-layer.opacity (Focused / State layer)
+///
+/// @deprecated Bug: should not have been created. If needed, copy to your own tokens.
+$action-bar-focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.full-screen-dialog.action-bar.hover.label-text.color (Hovered / Label text)
+///
+/// @deprecated Bug: should not have been created. If needed, copy to your own tokens.
+$action-bar-hover-label-text-color: md-sys-color.$primary;
+/// md.comp.full-screen-dialog.action-bar.hover.state-layer.color (Hovered / State layer)
+///
+/// @deprecated Bug: should not have been created. If needed, copy to your own tokens.
+$action-bar-hover-state-layer-color: md-sys-color.$primary;
+/// md.comp.full-screen-dialog.action-bar.hover.state-layer.opacity (Hovered / State layer)
+///
+/// @deprecated Bug: should not have been created. If needed, copy to your own tokens.
+$action-bar-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.full-screen-dialog.action-bar.label-text.color (Enabled / Label text)
+///
+/// @deprecated Bug: should not have been created. If needed, copy to your own tokens.
+$action-bar-label-text-color: md-sys-color.$primary;
+/// md.comp.full-screen-dialog.action-bar.label-text.font (Enabled / Label text)
+///
+/// @deprecated Bug: should not have been created. If needed, copy to your own tokens.
+$action-bar-label-text-font: md-sys-typescale.$label-large-font;
+/// md.comp.full-screen-dialog.action-bar.label-text.line-height (Enabled / Label text)
+///
+/// @deprecated Bug: should not have been created. If needed, copy to your own tokens.
+$action-bar-label-text-line-height: md-sys-typescale.$label-large-line-height;
+/// md.comp.full-screen-dialog.action-bar.label-text.size (Enabled / Label text)
+///
+/// @deprecated Bug: should not have been created. If needed, copy to your own tokens.
+$action-bar-label-text-size: md-sys-typescale.$label-large-size;
+/// md.comp.full-screen-dialog.action-bar.label-text.tracking (Enabled / Label text)
+///
+/// @deprecated Bug: should not have been created. If needed, copy to your own tokens.
+$action-bar-label-text-tracking: md-sys-typescale.$label-large-tracking;
+/// md.comp.full-screen-dialog.action-bar.label-text.weight (Enabled / Label text)
+///
+/// @deprecated Bug: should not have been created. If needed, copy to your own tokens.
+$action-bar-label-text-weight: md-sys-typescale.$label-large-weight;
+/// md.comp.full-screen-dialog.action-bar.on-scroll.container.elevation (Enabled / Container)
+///
+/// @deprecated Bug: should not have been created. If needed, copy to your own tokens.
+$action-bar-on-scroll-container-elevation: md-sys-elevation.$level2;
+/// md.comp.full-screen-dialog.action-bar.pressed.label-text.color (Pressed (ripple) / Label text)
+///
+/// @deprecated Bug: should not have been created. If needed, copy to your own tokens.
+$action-bar-pressed-label-text-color: md-sys-color.$primary;
+/// md.comp.full-screen-dialog.action-bar.pressed.state-layer.color (Pressed (ripple) / State layer)
+///
+/// @deprecated Bug: should not have been created. If needed, copy to your own tokens.
+$action-bar-pressed-state-layer-color: md-sys-color.$primary;
+/// md.comp.full-screen-dialog.action-bar.pressed.state-layer.opacity (Pressed (ripple) / State layer)
+///
+/// @deprecated Bug: should not have been created. If needed, copy to your own tokens.
+$action-bar-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.full-screen-dialog.container.color (Enabled / Container)
+$container-color: md-sys-color.$surface;
+/// md.comp.full-screen-dialog.container.elevation (Enabled / Container)
+$container-elevation: md-sys-elevation.$level0;
+/// md.comp.full-screen-dialog.container.shape (Enabled / Container)
+$container-shape: md-sys-shape.$corner-none;
+/// md.comp.full-screen-dialog.header.action.focus.label-text.color (Focused / Label text)
+$header-action-focus-label-text-color: md-sys-color.$primary;
+/// md.comp.full-screen-dialog.header.action.focus.state-layer.color (Focused / State layer)
+$header-action-focus-state-layer-color: md-sys-color.$primary;
+/// md.comp.full-screen-dialog.header.action.focus.state-layer.opacity (Focused / State layer)
+$header-action-focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.full-screen-dialog.header.action.hover.label-text.color (Hovered / Label text)
+$header-action-hover-label-text-color: md-sys-color.$primary;
+/// md.comp.full-screen-dialog.header.action.hover.state-layer.color (Hovered / State layer)
+$header-action-hover-state-layer-color: md-sys-color.$primary;
+/// md.comp.full-screen-dialog.header.action.hover.state-layer.opacity (Hovered / State layer)
+$header-action-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.full-screen-dialog.header.action.label-text.color (Enabled / Label text)
+$header-action-label-text-color: md-sys-color.$primary;
+/// md.comp.full-screen-dialog.header.action.label-text.font (Enabled / Label text)
+$header-action-label-text-font: md-sys-typescale.$label-large-font;
+/// md.comp.full-screen-dialog.header.action.label-text.line-height (Enabled / Label text)
+$header-action-label-text-line-height: md-sys-typescale.$label-large-line-height;
+/// md.comp.full-screen-dialog.header.action.label-text.size (Enabled / Label text)
+$header-action-label-text-size: md-sys-typescale.$label-large-size;
+/// md.comp.full-screen-dialog.header.action.label-text.tracking (Enabled / Label text)
+$header-action-label-text-tracking: md-sys-typescale.$label-large-tracking;
+/// md.comp.full-screen-dialog.header.action.label-text.weight (Enabled / Label text)
+$header-action-label-text-weight: md-sys-typescale.$label-large-weight;
+/// md.comp.full-screen-dialog.header.action.pressed.label-text.color (Pressed (ripple) / Label text)
+$header-action-pressed-label-text-color: md-sys-color.$primary;
+/// md.comp.full-screen-dialog.header.action.pressed.state-layer.color (Pressed (ripple) / State layer)
+$header-action-pressed-state-layer-color: md-sys-color.$primary;
+/// md.comp.full-screen-dialog.header.action.pressed.state-layer.opacity (Pressed (ripple) / State layer)
+$header-action-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.full-screen-dialog.header.container.color (Enabled / Container)
+$header-container-color: md-sys-color.$surface;
+/// md.comp.full-screen-dialog.header.container.elevation (Enabled / Container)
+$header-container-elevation: md-sys-elevation.$level0;
+/// md.comp.full-screen-dialog.header.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.
+$header-container-surface-tint-layer-color: md-sys-color.$surface-tint;
+/// md.comp.full-screen-dialog.header.headline.color (Enabled / Headline)
+$header-headline-color: md-sys-color.$on-surface;
+/// md.comp.full-screen-dialog.header.headline.font (Enabled / Headline)
+$header-headline-font: md-sys-typescale.$title-large-font;
+/// md.comp.full-screen-dialog.header.headline.line-height (Enabled / Headline)
+$header-headline-line-height: md-sys-typescale.$title-large-line-height;
+/// md.comp.full-screen-dialog.header.headline.size (Enabled / Headline)
+$header-headline-size: md-sys-typescale.$title-large-size;
+/// md.comp.full-screen-dialog.header.headline.tracking (Enabled / Headline)
+$header-headline-tracking: md-sys-typescale.$title-large-tracking;
+/// md.comp.full-screen-dialog.header.headline.weight (Enabled / Headline)
+$header-headline-weight: md-sys-typescale.$title-large-weight;
+/// md.comp.full-screen-dialog.header.icon.color (Enabled / Icon)
+$header-icon-color: md-sys-color.$on-surface;
+/// md.comp.full-screen-dialog.header.on-scroll.container.color (Enabled / Container)
+$header-on-scroll-container-color: md-sys-color.$surface-container;
+/// md.comp.full-screen-dialog.header.on-scroll.container.elevation (Enabled / Container)
+$header-on-scroll-container-elevation: md-sys-elevation.$level2;
+/// md.comp.full-screen-dialog.with-divider.divider.color (Enabled / Divider)
+///
+/// @deprecated Depcrecating all divider tokens nested across components. Please use the standalone divider component token md.comp.divider.color as a replacement
+$with-divider-divider-color: md-sys-color.$surface-variant;
+/// md.comp.full-screen-dialog.action-bar.label-text.type (Enabled / Label text)
+///
+/// @deprecated Bug: should not have been created. If needed, copy to your own tokens.
+@mixin action-bar-label-text-type {
+  font-family: $action-bar-label-text-font;
+  font-size: $action-bar-label-text-size;
+  font-weight: $action-bar-label-text-weight;
+  letter-spacing: $action-bar-label-text-tracking;
+  line-height: $action-bar-label-text-line-height;
+}
+/// md.comp.full-screen-dialog.header.action.label-text.type (Enabled / Label text)
+@mixin header-action-label-text-type {
+  font-family: $header-action-label-text-font;
+  font-size: $header-action-label-text-size;
+  font-weight: $header-action-label-text-weight;
+  letter-spacing: $header-action-label-text-tracking;
+  line-height: $header-action-label-text-line-height;
+}
+/// md.comp.full-screen-dialog.header.headline.type (Enabled / Headline)
+@mixin header-headline-type {
+  font-family: $header-headline-font;
+  font-size: $header-headline-size;
+  font-weight: $header-headline-weight;
+  letter-spacing: $header-headline-tracking;
+  line-height: $header-headline-line-height;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-icon-button-filled.scss b/tokens/versions/v30_0/sass/_md-comp-icon-button-filled.scss
new file mode 100644
index 0000000000..c910da9a8c
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-icon-button-filled.scss
@@ -0,0 +1,82 @@
+//
+// 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-state';
+
+/// md.comp.icon-button.filled.disabled.container.opacity (Disabled)
+$disabled-container-opacity: 0.1;
+/// md.comp.icon-button.filled.disabled.icon.opacity (Disabled)
+$disabled-icon-opacity: 0.38;
+/// md.comp.icon-button.filled.container.color (Enabled)
+$container-color: md-sys-color.$primary;
+/// md.comp.icon-button.filled.disabled.container.color (Disabled)
+$disabled-container-color: md-sys-color.$on-surface;
+/// md.comp.icon-button.filled.disabled.icon.color (Disabled)
+$disabled-icon-color: md-sys-color.$on-surface;
+/// md.comp.icon-button.filled.focused.icon.color (Focused)
+$focused-icon-color: md-sys-color.$on-primary;
+/// md.comp.icon-button.filled.focused.state-layer.color (Focused)
+$focused-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.icon-button.filled.focused.state-layer.opacity (Focused)
+$focused-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.icon-button.filled.hovered.icon.color (Hovered)
+$hovered-icon-color: md-sys-color.$on-primary;
+/// md.comp.icon-button.filled.hovered.state-layer.color (Hovered)
+$hovered-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.icon-button.filled.hovered.state-layer.opacity (Hovered)
+$hovered-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.icon-button.filled.icon.color (Enabled)
+$icon-color: md-sys-color.$on-primary;
+/// md.comp.icon-button.filled.pressed.icon.color (Pressed)
+$pressed-icon-color: md-sys-color.$on-primary;
+/// md.comp.icon-button.filled.pressed.state-layer.color (Pressed)
+$pressed-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.icon-button.filled.pressed.state-layer.opacity (Pressed)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.icon-button.filled.selected.container.color (Enabled)
+$selected-container-color: md-sys-color.$primary;
+/// md.comp.icon-button.filled.selected.focused.icon.color (Focused)
+$selected-focused-icon-color: md-sys-color.$on-primary;
+/// md.comp.icon-button.filled.selected.focused.state-layer.color (Focused)
+$selected-focused-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.icon-button.filled.selected.hovered.icon.color (Hovered)
+$selected-hovered-icon-color: md-sys-color.$on-primary;
+/// md.comp.icon-button.filled.selected.hovered.state-layer.color (Hovered)
+$selected-hovered-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.icon-button.filled.selected.icon.color (Enabled)
+$selected-icon-color: md-sys-color.$on-primary;
+/// md.comp.icon-button.filled.selected.pressed.icon.color (Pressed)
+$selected-pressed-icon-color: md-sys-color.$on-primary;
+/// md.comp.icon-button.filled.selected.pressed.state-layer.color (Pressed)
+$selected-pressed-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.icon-button.filled.unselected.container.color (Enabled)
+$unselected-container-color: md-sys-color.$surface-container;
+/// md.comp.icon-button.filled.unselected.focused.icon.color (Focused)
+$unselected-focused-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.icon-button.filled.unselected.focused.state-layer.color (Focused)
+$unselected-focused-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.icon-button.filled.unselected.hovered.icon.color (Hovered)
+$unselected-hovered-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.icon-button.filled.unselected.hovered.state-layer.color (Hovered)
+$unselected-hovered-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.icon-button.filled.unselected.icon.color (Enabled)
+$unselected-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.icon-button.filled.unselected.pressed.icon.color (Pressed)
+$unselected-pressed-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.icon-button.filled.unselected.pressed.state-layer.color (Pressed)
+$unselected-pressed-state-layer-color: md-sys-color.$on-surface-variant;
diff --git a/tokens/versions/v30_0/sass/_md-comp-icon-button-large.scss b/tokens/versions/v30_0/sass/_md-comp-icon-button-large.scss
new file mode 100644
index 0000000000..ac2ddf3913
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-icon-button-large.scss
@@ -0,0 +1,52 @@
+//
+// 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-motion';
+@use 'md-sys-shape';
+
+/// md.comp.icon-button.large.container.height
+$container-height: 96px;
+/// md.comp.icon-button.large.default.leading-space
+$default-leading-space: 32px;
+/// md.comp.icon-button.large.default.trailing-space
+$default-trailing-space: 32px;
+/// md.comp.icon-button.large.icon.size
+$icon-size: 32px;
+/// md.comp.icon-button.large.narrow.leading-space
+$narrow-leading-space: 16px;
+/// md.comp.icon-button.large.narrow.trailing-space
+$narrow-trailing-space: 16px;
+/// md.comp.icon-button.large.outlined.outline.width
+$outlined-outline-width: 2px;
+/// md.comp.icon-button.large.wide.leading-space
+$wide-leading-space: 48px;
+/// md.comp.icon-button.large.wide.trailing-space
+$wide-trailing-space: 48px;
+/// md.comp.icon-button.large.container.shape.round
+$container-shape-round: md-sys-shape.$corner-full;
+/// md.comp.icon-button.large.container.shape.square
+$container-shape-square: md-sys-shape.$corner-extra-large;
+/// md.comp.icon-button.large.pressed.container.corner-size.motion.spring.damping
+$pressed-container-corner-size-motion-spring-damping: md-sys-motion.$spring-fast-spatial-damping;
+/// md.comp.icon-button.large.pressed.container.corner-size.motion.spring.stiffness
+$pressed-container-corner-size-motion-spring-stiffness: md-sys-motion.$spring-fast-spatial-stiffness;
+/// md.comp.icon-button.large.pressed.container.shape
+$pressed-container-shape: md-sys-shape.$corner-large;
+/// md.comp.icon-button.large.selected.container.shape.round
+$selected-container-shape-round: md-sys-shape.$corner-extra-large;
+/// md.comp.icon-button.large.selected.container.shape.square
+$selected-container-shape-square: md-sys-shape.$corner-full;
diff --git a/tokens/versions/v30_0/sass/_md-comp-icon-button-medium.scss b/tokens/versions/v30_0/sass/_md-comp-icon-button-medium.scss
new file mode 100644
index 0000000000..2591a41b2f
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-icon-button-medium.scss
@@ -0,0 +1,52 @@
+//
+// 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-motion';
+@use 'md-sys-shape';
+
+/// md.comp.icon-button.medium.container.height
+$container-height: 56px;
+/// md.comp.icon-button.medium.default.leading-space
+$default-leading-space: 16px;
+/// md.comp.icon-button.medium.default.trailing-space
+$default-trailing-space: 16px;
+/// md.comp.icon-button.medium.icon.size
+$icon-size: 24px;
+/// md.comp.icon-button.medium.narrow.leading-space
+$narrow-leading-space: 12px;
+/// md.comp.icon-button.medium.narrow.trailing-space
+$narrow-trailing-space: 12px;
+/// md.comp.icon-button.medium.outlined.outline.width
+$outlined-outline-width: 1px;
+/// md.comp.icon-button.medium.wide.leading-space
+$wide-leading-space: 24px;
+/// md.comp.icon-button.medium.wide.trailing-space
+$wide-trailing-space: 24px;
+/// md.comp.icon-button.medium.container.shape.round
+$container-shape-round: md-sys-shape.$corner-full;
+/// md.comp.icon-button.medium.container.shape.square
+$container-shape-square: md-sys-shape.$corner-large;
+/// md.comp.icon-button.medium.pressed.container.corner-size.motion.spring.damping
+$pressed-container-corner-size-motion-spring-damping: md-sys-motion.$spring-fast-spatial-damping;
+/// md.comp.icon-button.medium.pressed.container.corner-size.motion.spring.stiffness
+$pressed-container-corner-size-motion-spring-stiffness: md-sys-motion.$spring-fast-spatial-stiffness;
+/// md.comp.icon-button.medium.pressed.container.shape
+$pressed-container-shape: md-sys-shape.$corner-medium;
+/// md.comp.icon-button.medium.selected.container.shape.round
+$selected-container-shape-round: md-sys-shape.$corner-large;
+/// md.comp.icon-button.medium.selected.container.shape.square
+$selected-container-shape-square: md-sys-shape.$corner-full;
diff --git a/tokens/versions/v30_0/sass/_md-comp-icon-button-outlined.scss b/tokens/versions/v30_0/sass/_md-comp-icon-button-outlined.scss
new file mode 100644
index 0000000000..d88db9c5f8
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-icon-button-outlined.scss
@@ -0,0 +1,86 @@
+//
+// 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-state';
+
+/// md.comp.icon-button.outlined.disabled.icon.opacity (Disabled)
+$disabled-icon-opacity: 0.38;
+/// md.comp.icon-button.outlined.selected.disabled.container.opacity (Disabled)
+$selected-disabled-container-opacity: 0.1;
+/// md.comp.icon-button.outlined.disabled.icon.color (Disabled)
+$disabled-icon-color: md-sys-color.$on-surface;
+/// md.comp.icon-button.outlined.disabled.outline.color (Disabled)
+$disabled-outline-color: md-sys-color.$outline-variant;
+/// md.comp.icon-button.outlined.focused.icon.color (Focused)
+$focused-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.icon-button.outlined.focused.state-layer.color (Focused)
+$focused-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.icon-button.outlined.focused.state-layer.opacity (Focused)
+$focused-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.icon-button.outlined.hovered.icon.color (Hovered)
+$hovered-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.icon-button.outlined.hovered.state-layer.color (Hovered)
+$hovered-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.icon-button.outlined.hovered.state-layer.opacity (Hovered)
+$hovered-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.icon-button.outlined.icon.color (Enabled)
+$icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.icon-button.outlined.outline.color (Enabled)
+$outline-color: md-sys-color.$outline-variant;
+/// md.comp.icon-button.outlined.pressed.icon.color (Pressed)
+$pressed-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.icon-button.outlined.pressed.state-layer.color (Pressed)
+$pressed-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.icon-button.outlined.pressed.state-layer.opacity (Pressed)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.icon-button.outlined.selected.container.color (Enabled)
+$selected-container-color: md-sys-color.$inverse-surface;
+/// md.comp.icon-button.outlined.selected.disabled.container.color (Disabled)
+$selected-disabled-container-color: md-sys-color.$on-surface;
+/// md.comp.icon-button.outlined.selected.focused.icon.color (Focused)
+$selected-focused-icon-color: md-sys-color.$inverse-on-surface;
+/// md.comp.icon-button.outlined.selected.focused.state-layer.color (Focused)
+$selected-focused-state-layer-color: md-sys-color.$inverse-on-surface;
+/// md.comp.icon-button.outlined.selected.hovered.icon.color (Hovered)
+$selected-hovered-icon-color: md-sys-color.$inverse-on-surface;
+/// md.comp.icon-button.outlined.selected.hovered.state-layer.color (Hovered)
+$selected-hovered-state-layer-color: md-sys-color.$inverse-on-surface;
+/// md.comp.icon-button.outlined.selected.icon.color (Enabled)
+$selected-icon-color: md-sys-color.$inverse-on-surface;
+/// md.comp.icon-button.outlined.selected.pressed.icon.color (Pressed)
+$selected-pressed-icon-color: md-sys-color.$inverse-on-surface;
+/// md.comp.icon-button.outlined.selected.pressed.state-layer.color (Pressed)
+$selected-pressed-state-layer-color: md-sys-color.$inverse-on-surface;
+/// md.comp.icon-button.outlined.unselected.disabled.outline.color (Disabled)
+$unselected-disabled-outline-color: md-sys-color.$outline-variant;
+/// md.comp.icon-button.outlined.unselected.focused.icon.color (Focused)
+$unselected-focused-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.icon-button.outlined.unselected.focused.state-layer.color (Focused)
+$unselected-focused-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.icon-button.outlined.unselected.hovered.icon.color (Hovered)
+$unselected-hovered-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.icon-button.outlined.unselected.hovered.state-layer.color (Hovered)
+$unselected-hovered-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.icon-button.outlined.unselected.icon.color (Enabled)
+$unselected-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.icon-button.outlined.unselected.outline.color (Enabled)
+$unselected-outline-color: md-sys-color.$outline-variant;
+/// md.comp.icon-button.outlined.unselected.pressed.icon.color (Pressed)
+$unselected-pressed-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.icon-button.outlined.unselected.pressed.state-layer.color (Pressed)
+$unselected-pressed-state-layer-color: md-sys-color.$on-surface-variant;
diff --git a/tokens/versions/v30_0/sass/_md-comp-icon-button-small.scss b/tokens/versions/v30_0/sass/_md-comp-icon-button-small.scss
new file mode 100644
index 0000000000..fdee18f9da
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-icon-button-small.scss
@@ -0,0 +1,52 @@
+//
+// 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-motion';
+@use 'md-sys-shape';
+
+/// md.comp.icon-button.small.container.height
+$container-height: 40px;
+/// md.comp.icon-button.small.default.leading-space
+$default-leading-space: 8px;
+/// md.comp.icon-button.small.default.trailing-space
+$default-trailing-space: 8px;
+/// md.comp.icon-button.small.icon.size
+$icon-size: 24px;
+/// md.comp.icon-button.small.narrow.leading-space
+$narrow-leading-space: 4px;
+/// md.comp.icon-button.small.narrow.trailing-space
+$narrow-trailing-space: 4px;
+/// md.comp.icon-button.small.outlined.outline.width
+$outlined-outline-width: 1px;
+/// md.comp.icon-button.small.wide.leading-space
+$wide-leading-space: 14px;
+/// md.comp.icon-button.small.wide.trailing-space
+$wide-trailing-space: 14px;
+/// md.comp.icon-button.small.container.shape.round
+$container-shape-round: md-sys-shape.$corner-full;
+/// md.comp.icon-button.small.container.shape.square
+$container-shape-square: md-sys-shape.$corner-medium;
+/// md.comp.icon-button.small.pressed.container.corner-size.motion.spring.damping
+$pressed-container-corner-size-motion-spring-damping: md-sys-motion.$spring-fast-spatial-damping;
+/// md.comp.icon-button.small.pressed.container.corner-size.motion.spring.stiffness
+$pressed-container-corner-size-motion-spring-stiffness: md-sys-motion.$spring-fast-spatial-stiffness;
+/// md.comp.icon-button.small.pressed.container.shape
+$pressed-container-shape: md-sys-shape.$corner-small;
+/// md.comp.icon-button.small.selected.container.shape.round
+$selected-container-shape-round: md-sys-shape.$corner-medium;
+/// md.comp.icon-button.small.selected.container.shape.square
+$selected-container-shape-square: md-sys-shape.$corner-full;
diff --git a/tokens/versions/v30_0/sass/_md-comp-icon-button-standard.scss b/tokens/versions/v30_0/sass/_md-comp-icon-button-standard.scss
new file mode 100644
index 0000000000..7d122fd3b1
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-icon-button-standard.scss
@@ -0,0 +1,72 @@
+//
+// 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-state';
+
+/// md.comp.icon-button.standard.disabled.icon.opacity (Disabled)
+$disabled-icon-opacity: 0.38;
+/// md.comp.icon-button.standard.disabled.icon.color (Disabled)
+$disabled-icon-color: md-sys-color.$on-surface;
+/// md.comp.icon-button.standard.focused.icon.color (Focused)
+$focused-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.icon-button.standard.focused.state-layer.color (Focused)
+$focused-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.icon-button.standard.focused.state-layer.opacity (Focused)
+$focused-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.icon-button.standard.hovered.icon.color (Hovered)
+$hovered-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.icon-button.standard.hovered.state-layer.color (Hovered)
+$hovered-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.icon-button.standard.hovered.state-layer.opacity (Hovered)
+$hovered-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.icon-button.standard.icon.color (Enabled)
+$icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.icon-button.standard.pressed.icon.color (Pressed)
+$pressed-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.icon-button.standard.pressed.state-layer.color (Pressed)
+$pressed-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.icon-button.standard.pressed.state-layer.opacity (Pressed)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.icon-button.standard.selected.focused.icon.color (Focused)
+$selected-focused-icon-color: md-sys-color.$primary;
+/// md.comp.icon-button.standard.selected.focused.state-layer.color (Focused)
+$selected-focused-state-layer-color: md-sys-color.$primary;
+/// md.comp.icon-button.standard.selected.hovered.icon.color (Hovered)
+$selected-hovered-icon-color: md-sys-color.$primary;
+/// md.comp.icon-button.standard.selected.hovered.state-layer.color (Hovered)
+$selected-hovered-state-layer-color: md-sys-color.$primary;
+/// md.comp.icon-button.standard.selected.icon.color (Enabled)
+$selected-icon-color: md-sys-color.$primary;
+/// md.comp.icon-button.standard.selected.pressed.icon.color (Pressed)
+$selected-pressed-icon-color: md-sys-color.$primary;
+/// md.comp.icon-button.standard.selected.pressed.state-layer.color (Pressed)
+$selected-pressed-state-layer-color: md-sys-color.$primary;
+/// md.comp.icon-button.standard.unselected.focused.icon.color (Focused)
+$unselected-focused-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.icon-button.standard.unselected.focused.state-layer.color (Focused)
+$unselected-focused-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.icon-button.standard.unselected.hovered.icon.color (Hovered)
+$unselected-hovered-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.icon-button.standard.unselected.hovered.state-layer.color (Hovered)
+$unselected-hovered-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.icon-button.standard.unselected.icon.color (Enabled)
+$unselected-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.icon-button.standard.unselected.pressed.icon.color (Pressed)
+$unselected-pressed-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.icon-button.standard.unselected.pressed.state-layer.color (Pressed)
+$unselected-pressed-state-layer-color: md-sys-color.$on-surface-variant;
diff --git a/tokens/versions/v30_0/sass/_md-comp-icon-button-tonal.scss b/tokens/versions/v30_0/sass/_md-comp-icon-button-tonal.scss
new file mode 100644
index 0000000000..4422a4cbff
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-icon-button-tonal.scss
@@ -0,0 +1,82 @@
+//
+// 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-state';
+
+/// md.comp.icon-button.tonal.disabled.container.opacity (Disabled)
+$disabled-container-opacity: 0.1;
+/// md.comp.icon-button.tonal.disabled.icon.opacity (Disabled)
+$disabled-icon-opacity: 0.38;
+/// md.comp.icon-button.tonal.container.color (Enabled)
+$container-color: md-sys-color.$secondary-container;
+/// md.comp.icon-button.tonal.disabled.container.color (Disabled)
+$disabled-container-color: md-sys-color.$on-surface;
+/// md.comp.icon-button.tonal.disabled.icon.color (Disabled)
+$disabled-icon-color: md-sys-color.$on-surface;
+/// md.comp.icon-button.tonal.focused.icon.color (Focused)
+$focused-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.icon-button.tonal.focused.state-layer.color (Focused)
+$focused-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.icon-button.tonal.focused.state-layer.opacity (Focused)
+$focused-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.icon-button.tonal.hovered.icon.color (Hovered)
+$hovered-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.icon-button.tonal.hovered.state-layer.color (Hovered)
+$hovered-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.icon-button.tonal.hovered.state-layer.opacity (Hovered)
+$hovered-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.icon-button.tonal.icon.color (Enabled)
+$icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.icon-button.tonal.pressed.icon.color (Pressed)
+$pressed-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.icon-button.tonal.pressed.state-layer.color (Pressed)
+$pressed-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.icon-button.tonal.pressed.state-layer.opacity (Pressed)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.icon-button.tonal.selected.container.color (Enabled)
+$selected-container-color: md-sys-color.$secondary;
+/// md.comp.icon-button.tonal.selected.focused.icon.color (Focused)
+$selected-focused-icon-color: md-sys-color.$on-secondary;
+/// md.comp.icon-button.tonal.selected.focused.state-layer.color (Focused)
+$selected-focused-state-layer-color: md-sys-color.$on-secondary;
+/// md.comp.icon-button.tonal.selected.hovered.icon.color (Hovered)
+$selected-hovered-icon-color: md-sys-color.$on-secondary;
+/// md.comp.icon-button.tonal.selected.hovered.state-layer.color (Hovered)
+$selected-hovered-state-layer-color: md-sys-color.$on-secondary;
+/// md.comp.icon-button.tonal.selected.icon.color (Enabled)
+$selected-icon-color: md-sys-color.$on-secondary;
+/// md.comp.icon-button.tonal.selected.pressed.icon.color (Pressed)
+$selected-pressed-icon-color: md-sys-color.$on-secondary;
+/// md.comp.icon-button.tonal.selected.pressed.state-layer.color (Pressed)
+$selected-pressed-state-layer-color: md-sys-color.$on-secondary;
+/// md.comp.icon-button.tonal.unselected.container.color (Enabled)
+$unselected-container-color: md-sys-color.$secondary-container;
+/// md.comp.icon-button.tonal.unselected.focused.icon.color (Focused)
+$unselected-focused-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.icon-button.tonal.unselected.focused.state-layer.color (Focused)
+$unselected-focused-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.icon-button.tonal.unselected.hovered.icon.color (Hovered)
+$unselected-hovered-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.icon-button.tonal.unselected.hovered.state-layer.color (Hovered)
+$unselected-hovered-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.icon-button.tonal.unselected.icon.color (Enabled)
+$unselected-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.icon-button.tonal.unselected.pressed.icon.color (Pressed)
+$unselected-pressed-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.icon-button.tonal.unselected.pressed.state-layer.color (Pressed)
+$unselected-pressed-state-layer-color: md-sys-color.$on-secondary-container;
diff --git a/tokens/versions/v30_0/sass/_md-comp-icon-button-xlarge.scss b/tokens/versions/v30_0/sass/_md-comp-icon-button-xlarge.scss
new file mode 100644
index 0000000000..c82ee0e878
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-icon-button-xlarge.scss
@@ -0,0 +1,52 @@
+//
+// 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-motion';
+@use 'md-sys-shape';
+
+/// md.comp.icon-button.xlarge.container.height
+$container-height: 136px;
+/// md.comp.icon-button.xlarge.default.leading-space
+$default-leading-space: 48px;
+/// md.comp.icon-button.xlarge.default.trailing-space
+$default-trailing-space: 48px;
+/// md.comp.icon-button.xlarge.icon.size
+$icon-size: 40px;
+/// md.comp.icon-button.xlarge.narrow.leading-space
+$narrow-leading-space: 32px;
+/// md.comp.icon-button.xlarge.narrow.trailing-space
+$narrow-trailing-space: 32px;
+/// md.comp.icon-button.xlarge.outlined.outline.width
+$outlined-outline-width: 3px;
+/// md.comp.icon-button.xlarge.wide.leading-space
+$wide-leading-space: 72px;
+/// md.comp.icon-button.xlarge.wide.trailing-space
+$wide-trailing-space: 72px;
+/// md.comp.icon-button.xlarge.container.shape.round
+$container-shape-round: md-sys-shape.$corner-full;
+/// md.comp.icon-button.xlarge.container.shape.square
+$container-shape-square: md-sys-shape.$corner-extra-large;
+/// md.comp.icon-button.xlarge.pressed.container.corner-size.motion.spring.damping
+$pressed-container-corner-size-motion-spring-damping: md-sys-motion.$spring-fast-spatial-damping;
+/// md.comp.icon-button.xlarge.pressed.container.corner-size.motion.spring.stiffness
+$pressed-container-corner-size-motion-spring-stiffness: md-sys-motion.$spring-fast-spatial-stiffness;
+/// md.comp.icon-button.xlarge.pressed.container.shape
+$pressed-container-shape: md-sys-shape.$corner-large;
+/// md.comp.icon-button.xlarge.selected.container.shape.round
+$selected-container-shape-round: md-sys-shape.$corner-extra-large;
+/// md.comp.icon-button.xlarge.selected.container.shape.square
+$selected-container-shape-square: md-sys-shape.$corner-full;
diff --git a/tokens/versions/v30_0/sass/_md-comp-icon-button-xsmall.scss b/tokens/versions/v30_0/sass/_md-comp-icon-button-xsmall.scss
new file mode 100644
index 0000000000..27ccbd4549
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-icon-button-xsmall.scss
@@ -0,0 +1,52 @@
+//
+// 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-motion';
+@use 'md-sys-shape';
+
+/// md.comp.icon-button.xsmall.container.height
+$container-height: 32px;
+/// md.comp.icon-button.xsmall.default.leading-space
+$default-leading-space: 6px;
+/// md.comp.icon-button.xsmall.default.trailing-space
+$default-trailing-space: 6px;
+/// md.comp.icon-button.xsmall.icon.size
+$icon-size: 20px;
+/// md.comp.icon-button.xsmall.narrow.leading-space
+$narrow-leading-space: 4px;
+/// md.comp.icon-button.xsmall.narrow.trailing-space
+$narrow-trailing-space: 4px;
+/// md.comp.icon-button.xsmall.outlined.outline.width
+$outlined-outline-width: 1px;
+/// md.comp.icon-button.xsmall.wide.leading-space
+$wide-leading-space: 10px;
+/// md.comp.icon-button.xsmall.wide.trailing-space
+$wide-trailing-space: 10px;
+/// md.comp.icon-button.xsmall.container.shape.round
+$container-shape-round: md-sys-shape.$corner-full;
+/// md.comp.icon-button.xsmall.container.shape.square
+$container-shape-square: md-sys-shape.$corner-medium;
+/// md.comp.icon-button.xsmall.pressed.container.corner-size.motion.spring.damping
+$pressed-container-corner-size-motion-spring-damping: md-sys-motion.$spring-fast-spatial-damping;
+/// md.comp.icon-button.xsmall.pressed.container.corner-size.motion.spring.stiffness
+$pressed-container-corner-size-motion-spring-stiffness: md-sys-motion.$spring-fast-spatial-stiffness;
+/// md.comp.icon-button.xsmall.pressed.container.shape
+$pressed-container-shape: md-sys-shape.$corner-small;
+/// md.comp.icon-button.xsmall.selected.container.shape.round
+$selected-container-shape-round: md-sys-shape.$corner-medium;
+/// md.comp.icon-button.xsmall.selected.container.shape.square
+$selected-container-shape-square: md-sys-shape.$corner-full;
diff --git a/tokens/versions/v30_0/sass/_md-comp-icon-button.scss b/tokens/versions/v30_0/sass/_md-comp-icon-button.scss
new file mode 100644
index 0000000000..6ecef841a6
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-icon-button.scss
@@ -0,0 +1,193 @@
+//
+// 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-motion';
+@use 'md-sys-shape';
+@use 'md-sys-state';
+@use 'md-sys-state-focus-indicator';
+
+/// md.comp.icon-button.container.height (Enabled)
+$container-height: 40px;
+/// md.comp.icon-button.default.leading-space (Enabled)
+$default-leading-space: 8px;
+/// md.comp.icon-button.default.trailing-space (Enabled)
+$default-trailing-space: 8px;
+/// md.comp.icon-button.disabled.container.opacity (Disabled)
+$disabled-container-opacity: 0.1;
+/// md.comp.icon-button.disabled.icon.opacity (Disabled)
+$disabled-icon-opacity: 0.38;
+/// md.comp.icon-button.icon.size (Enabled)
+$icon-size: 24px;
+/// md.comp.icon-button.narrow.leading-space (Enabled)
+$narrow-leading-space: 4px;
+/// md.comp.icon-button.narrow.trailing-space (Enabled)
+$narrow-trailing-space: 4px;
+/// md.comp.icon-button.state-layer.height ([Deprecated] Enabled / [Deprecated] State layer)
+///
+/// @deprecated Token is deprecated.
+$state-layer-height: 40px;
+/// md.comp.icon-button.state-layer.size ([Deprecated] Enabled / [Deprecated] State layer)
+///
+/// @deprecated Token is deprecated.
+$state-layer-size: 40px;
+/// md.comp.icon-button.state-layer.width ([Deprecated] Enabled / [Deprecated] State layer)
+///
+/// @deprecated Token is deprecated.
+$state-layer-width: 40px;
+/// md.comp.icon-button.wide.leading-space (Enabled)
+$wide-leading-space: 14px;
+/// md.comp.icon-button.wide.trailing-space (Enabled)
+$wide-trailing-space: 14px;
+/// md.comp.icon-button.container.color (Enabled)
+$container-color: md-sys-color.$primary;
+/// md.comp.icon-button.container.shape.round (Enabled)
+$container-shape-round: md-sys-shape.$corner-full;
+/// md.comp.icon-button.container.shape.square (Enabled)
+$container-shape-square: md-sys-shape.$corner-medium;
+/// md.comp.icon-button.disabled.container.color (Disabled)
+$disabled-container-color: md-sys-color.$on-surface;
+/// md.comp.icon-button.disabled.icon.color (Disabled)
+$disabled-icon-color: md-sys-color.$on-surface;
+/// md.comp.icon-button.focus.indicator.color (Enabled)
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.icon-button.focus.indicator.outline.offset (Enabled)
+$focus-indicator-outline-offset: md-sys-state-focus-indicator.$outer-offset;
+/// md.comp.icon-button.focus.indicator.thickness (Enabled)
+$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.comp.icon-button.focused.icon.color (Focused)
+$focused-icon-color: md-sys-color.$on-primary;
+/// md.comp.icon-button.focused.state-layer.color (Focused)
+$focused-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.icon-button.focused.state-layer.opacity (Focused)
+$focused-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.icon-button.hovered.icon.color (Hovered)
+$hovered-icon-color: md-sys-color.$on-primary;
+/// md.comp.icon-button.hovered.state-layer.color (Hovered)
+$hovered-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.icon-button.hovered.state-layer.opacity (Hovered)
+$hovered-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.icon-button.icon.color (Enabled)
+$icon-color: md-sys-color.$on-primary;
+/// md.comp.icon-button.pressed.container.corner-size.motion.spring.damping (Enabled)
+$pressed-container-corner-size-motion-spring-damping: md-sys-motion.$spring-fast-spatial-damping;
+/// md.comp.icon-button.pressed.container.corner-size.motion.spring.stiffness (Enabled)
+$pressed-container-corner-size-motion-spring-stiffness: md-sys-motion.$spring-fast-spatial-stiffness;
+/// md.comp.icon-button.pressed.container.shape (Enabled)
+$pressed-container-shape: md-sys-shape.$corner-small;
+/// md.comp.icon-button.pressed.icon.color (Pressed)
+$pressed-icon-color: md-sys-color.$on-primary;
+/// md.comp.icon-button.pressed.state-layer.color (Pressed)
+$pressed-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.icon-button.pressed.state-layer.opacity (Pressed)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.icon-button.selected.container.color (Enabled)
+$selected-container-color: md-sys-color.$primary;
+/// md.comp.icon-button.selected.container.shape.round (Enabled)
+$selected-container-shape-round: md-sys-shape.$corner-medium;
+/// md.comp.icon-button.selected.container.shape.square (Enabled)
+$selected-container-shape-square: md-sys-shape.$corner-full;
+/// md.comp.icon-button.selected.focus.icon.color ([Deprecated] Focused / [Deprecated] Icon)
+///
+/// @deprecated Token is deprecated.
+$selected-focus-icon-color: md-sys-color.$primary;
+/// md.comp.icon-button.selected.focus.state-layer.color ([Deprecated] Focused / [Deprecated] State layer)
+///
+/// @deprecated Token is deprecated.
+$selected-focus-state-layer-color: md-sys-color.$primary;
+/// md.comp.icon-button.selected.focus.state-layer.opacity ([Deprecated] Focused / [Deprecated] State layer)
+///
+/// @deprecated Token is deprecated.
+$selected-focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.icon-button.selected.focused.icon.color (Focused)
+$selected-focused-icon-color: md-sys-color.$on-primary;
+/// md.comp.icon-button.selected.focused.state-layer.color (Focused)
+$selected-focused-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.icon-button.selected.hover.icon.color ([Deprecated] Hovered / [Deprecated] Icon)
+///
+/// @deprecated Token is deprecated.
+$selected-hover-icon-color: md-sys-color.$primary;
+/// md.comp.icon-button.selected.hover.state-layer.color ([Deprecated] Hovered / [Deprecated] State layer)
+///
+/// @deprecated Token is deprecated.
+$selected-hover-state-layer-color: md-sys-color.$primary;
+/// md.comp.icon-button.selected.hover.state-layer.opacity ([Deprecated] Hovered / [Deprecated] State layer)
+///
+/// @deprecated Token is deprecated.
+$selected-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.icon-button.selected.hovered.icon.color (Hovered)
+$selected-hovered-icon-color: md-sys-color.$on-primary;
+/// md.comp.icon-button.selected.hovered.state-layer.color (Hovered)
+$selected-hovered-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.icon-button.selected.icon.color (Enabled)
+$selected-icon-color: md-sys-color.$on-primary;
+/// md.comp.icon-button.selected.pressed.icon.color (Pressed)
+$selected-pressed-icon-color: md-sys-color.$on-primary;
+/// md.comp.icon-button.selected.pressed.state-layer.color (Pressed)
+$selected-pressed-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.icon-button.selected.pressed.state-layer.opacity ([Deprecated] Pressed (ripple) / [Deprecated] State layer)
+///
+/// @deprecated Token is deprecated.
+$selected-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.icon-button.state-layer.shape ([Deprecated] Enabled / [Deprecated] State layer)
+///
+/// @deprecated Token is deprecated.
+$state-layer-shape: md-sys-shape.$corner-full;
+/// md.comp.icon-button.unselected.container.color (Enabled)
+$unselected-container-color: md-sys-color.$surface-container;
+/// md.comp.icon-button.unselected.focus.icon.color ([Deprecated] Focused / [Deprecated] Icon)
+///
+/// @deprecated Token is deprecated.
+$unselected-focus-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.icon-button.unselected.focus.state-layer.color ([Deprecated] Focused / [Deprecated] State layer)
+///
+/// @deprecated Token is deprecated.
+$unselected-focus-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.icon-button.unselected.focus.state-layer.opacity ([Deprecated] Focused / [Deprecated] State layer)
+///
+/// @deprecated Token is deprecated.
+$unselected-focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.icon-button.unselected.focused.icon.color (Focused)
+$unselected-focused-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.icon-button.unselected.focused.state-layer.color (Focused)
+$unselected-focused-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.icon-button.unselected.hover.icon.color ([Deprecated] Hovered / [Deprecated] Icon)
+///
+/// @deprecated Token is deprecated.
+$unselected-hover-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.icon-button.unselected.hover.state-layer.color ([Deprecated] Hovered / [Deprecated] State layer)
+///
+/// @deprecated Token is deprecated.
+$unselected-hover-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.icon-button.unselected.hover.state-layer.opacity ([Deprecated] Hovered / [Deprecated] State layer)
+///
+/// @deprecated Token is deprecated.
+$unselected-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.icon-button.unselected.hovered.icon.color (Hovered)
+$unselected-hovered-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.icon-button.unselected.hovered.state-layer.color (Hovered)
+$unselected-hovered-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.icon-button.unselected.icon.color (Enabled)
+$unselected-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.icon-button.unselected.pressed.icon.color (Pressed)
+$unselected-pressed-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.icon-button.unselected.pressed.state-layer.color (Pressed)
+$unselected-pressed-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.icon-button.unselected.pressed.state-layer.opacity ([Deprecated] Pressed (ripple) / [Deprecated] State layer)
+///
+/// @deprecated Token is deprecated.
+$unselected-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
diff --git a/tokens/versions/v30_0/sass/_md-comp-input-chip.scss b/tokens/versions/v30_0/sass/_md-comp-input-chip.scss
new file mode 100644
index 0000000000..2996d5a01b
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-input-chip.scss
@@ -0,0 +1,300 @@
+//
+// 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.input-chip.container.height (Enabled / Container)
+$container-height: 32px;
+/// md.comp.input-chip.disabled.label-text.opacity (Disabled / Label text)
+$disabled-label-text-opacity: 0.38;
+/// md.comp.input-chip.disabled.outline.opacity (Disabled / Container)
+///
+/// @deprecated With this update we are introducing selected and unselected state tokens for input chips. Please replace these tokens with the newly added and equivalent "md.comp.input-chip.selected.…" or "md.comp.input-chip.unselected.…" tokens depending on component status.
+$disabled-outline-opacity: 0.12;
+/// md.comp.input-chip.disabled.selected.container.opacity (Disabled / Container)
+$disabled-selected-container-opacity: 0.12;
+/// md.comp.input-chip.disabled.unselected.outline.opacity (Disabled / Container)
+$disabled-unselected-outline-opacity: 0.12;
+/// md.comp.input-chip.outline.width (Enabled / Container)
+///
+/// @deprecated With this update we are introducing selected and unselected state tokens for input chips. Please replace these tokens with the newly added and equivalent "md.comp.input-chip.selected.…" or "md.comp.input-chip.unselected.…" tokens depending on component status.
+$outline-width: 1px;
+/// md.comp.input-chip.selected.outline.width (Enabled / Container)
+$selected-outline-width: 0px;
+/// md.comp.input-chip.unselected.outline.width (Enabled / Container)
+$unselected-outline-width: 1px;
+/// md.comp.input-chip.with-avatar.avatar.size (Enabled / Avatar)
+$with-avatar-avatar-size: 24px;
+/// md.comp.input-chip.with-avatar.disabled.avatar.opacity (Disabled / Avatar)
+$with-avatar-disabled-avatar-opacity: 0.38;
+/// md.comp.input-chip.with-leading-icon.disabled.leading-icon.opacity (Disabled / Leading icon)
+$with-leading-icon-disabled-leading-icon-opacity: 0.38;
+/// md.comp.input-chip.with-leading-icon.leading-icon.size (Enabled / Leading icon)
+$with-leading-icon-leading-icon-size: 18px;
+/// md.comp.input-chip.with-trailing-icon.disabled.trailing-icon.opacity (Disabled / Trailing icon)
+$with-trailing-icon-disabled-trailing-icon-opacity: 0.38;
+/// md.comp.input-chip.with-trailing-icon.trailing-icon.size (Enabled / Trailing icon)
+$with-trailing-icon-trailing-icon-size: 18px;
+/// md.comp.input-chip.container.elevation (Enabled / Container)
+$container-elevation: md-sys-elevation.$level0;
+/// md.comp.input-chip.container.shape (Enabled / Container)
+$container-shape: md-sys-shape.$corner-small;
+/// md.comp.input-chip.disabled.label-text.color (Disabled / Label text)
+$disabled-label-text-color: md-sys-color.$on-surface;
+/// md.comp.input-chip.disabled.outline.color (Disabled / Container)
+///
+/// @deprecated With this update we are introducing selected and unselected state tokens for input chips. Please replace these tokens with the newly added and equivalent "md.comp.input-chip.selected.…" or "md.comp.input-chip.unselected.…" tokens depending on component status.
+$disabled-outline-color: md-sys-color.$on-surface;
+/// md.comp.input-chip.disabled.selected.container.color (Disabled / Container)
+$disabled-selected-container-color: md-sys-color.$on-surface;
+/// md.comp.input-chip.disabled.unselected.outline.color (Disabled / Container)
+$disabled-unselected-outline-color: md-sys-color.$on-surface;
+/// md.comp.input-chip.dragged.container.elevation (Dragged / Container)
+$dragged-container-elevation: md-sys-elevation.$level4;
+/// md.comp.input-chip.dragged.label-text.color (Dragged / Label text)
+///
+/// @deprecated With this update we are introducing selected and unselected state tokens for input chips. Please replace these tokens with the newly added and equivalent "md.comp.input-chip.selected.…" or "md.comp.input-chip.unselected.…" tokens depending on component status.
+$dragged-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.input-chip.dragged.state-layer.color (Dragged / State layer)
+///
+/// @deprecated With this update we are introducing selected and unselected state tokens for input chips. Please replace these tokens with the newly added and equivalent "md.comp.input-chip.selected.…" or "md.comp.input-chip.unselected.…" tokens depending on component status.
+$dragged-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.input-chip.dragged.state-layer.opacity (Dragged / State layer)
+///
+/// @deprecated With this update we are introducing selected and unselected state tokens for input chips. Please replace these tokens with the newly added and equivalent "md.comp.input-chip.selected.…" or "md.comp.input-chip.unselected.…" tokens depending on component status.
+$dragged-state-layer-opacity: md-sys-state.$dragged-state-layer-opacity;
+/// md.comp.input-chip.focus.indicator.color (Focused / Focus indicator)
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.input-chip.focus.indicator.outline.offset (Focused / Focus indicator)
+$focus-indicator-outline-offset: md-sys-state-focus-indicator.$outer-offset;
+/// md.comp.input-chip.focus.indicator.thickness (Focused / Focus indicator)
+$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.comp.input-chip.focus.label-text.color (Focused / Label text)
+///
+/// @deprecated With this update we are introducing selected and unselected state tokens for input chips. Please replace these tokens with the newly added and equivalent "md.comp.input-chip.selected.…" or "md.comp.input-chip.unselected.…" tokens depending on component status.
+$focus-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.input-chip.focus.outline.color (Focused / Container)
+///
+/// @deprecated With this update we are introducing selected and unselected state tokens for input chips. Please replace these tokens with the newly added and equivalent "md.comp.input-chip.selected.…" or "md.comp.input-chip.unselected.…" tokens depending on component status.
+$focus-outline-color: md-sys-color.$on-surface-variant;
+/// md.comp.input-chip.focus.state-layer.color (Focused / State layer)
+///
+/// @deprecated With this update we are introducing selected and unselected state tokens for input chips. Please replace these tokens with the newly added and equivalent "md.comp.input-chip.selected.…" or "md.comp.input-chip.unselected.…" tokens depending on component status.
+$focus-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.input-chip.focus.state-layer.opacity (Focused / State layer)
+///
+/// @deprecated With this update we are introducing selected and unselected state tokens for input chips. Please replace these tokens with the newly added and equivalent "md.comp.input-chip.selected.…" or "md.comp.input-chip.unselected.…" tokens depending on component status.
+$focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.input-chip.hover.label-text.color (Hovered / Label text)
+///
+/// @deprecated With this update we are introducing selected and unselected state tokens for input chips. Please replace these tokens with the newly added and equivalent "md.comp.input-chip.selected.…" or "md.comp.input-chip.unselected.…" tokens depending on component status.
+$hover-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.input-chip.hover.state-layer.color (Hovered / State layer)
+///
+/// @deprecated With this update we are introducing selected and unselected state tokens for input chips. Please replace these tokens with the newly added and equivalent "md.comp.input-chip.selected.…" or "md.comp.input-chip.unselected.…" tokens depending on component status.
+$hover-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.input-chip.hover.state-layer.opacity (Hovered / State layer)
+///
+/// @deprecated With this update we are introducing selected and unselected state tokens for input chips. Please replace these tokens with the newly added and equivalent "md.comp.input-chip.selected.…" or "md.comp.input-chip.unselected.…" tokens depending on component status.
+$hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.input-chip.label-text.color (Enabled / Label text)
+///
+/// @deprecated With this update we are introducing selected and unselected state tokens for input chips. Please replace these tokens with the newly added and equivalent "md.comp.input-chip.selected.…" or "md.comp.input-chip.unselected.…" tokens depending on component status.
+$label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.input-chip.label-text.font (Enabled / Label text)
+$label-text-font: md-sys-typescale.$label-large-font;
+/// md.comp.input-chip.label-text.line-height (Enabled / Label text)
+$label-text-line-height: md-sys-typescale.$label-large-line-height;
+/// md.comp.input-chip.label-text.size (Enabled / Label text)
+$label-text-size: md-sys-typescale.$label-large-size;
+/// md.comp.input-chip.label-text.tracking (Enabled / Label text)
+$label-text-tracking: md-sys-typescale.$label-large-tracking;
+/// md.comp.input-chip.label-text.weight (Enabled / Label text)
+$label-text-weight: md-sys-typescale.$label-large-weight;
+/// md.comp.input-chip.outline.color (Enabled / Container)
+///
+/// @deprecated With this update we are introducing selected and unselected state tokens for input chips. Please replace these tokens with the newly added and equivalent "md.comp.input-chip.selected.…" or "md.comp.input-chip.unselected.…" tokens depending on component status.
+$outline-color: md-sys-color.$outline;
+/// md.comp.input-chip.pressed.label-text.color (Pressed (ripple) / Label text)
+///
+/// @deprecated With this update we are introducing selected and unselected state tokens for input chips. Please replace these tokens with the newly added and equivalent "md.comp.input-chip.selected.…" or "md.comp.input-chip.unselected.…" tokens depending on component status.
+$pressed-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.input-chip.pressed.state-layer.color (Pressed (ripple) / State layer)
+///
+/// @deprecated With this update we are introducing selected and unselected state tokens for input chips. Please replace these tokens with the newly added and equivalent "md.comp.input-chip.selected.…" or "md.comp.input-chip.unselected.…" tokens depending on component status.
+$pressed-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.input-chip.pressed.state-layer.opacity (Pressed (ripple) / State layer)
+///
+/// @deprecated With this update we are introducing selected and unselected state tokens for input chips. Please replace these tokens with the newly added and equivalent "md.comp.input-chip.selected.…" or "md.comp.input-chip.unselected.…" tokens depending on component status.
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.input-chip.selected.container.color (Enabled / Container)
+$selected-container-color: md-sys-color.$secondary-container;
+/// md.comp.input-chip.selected.dragged.label-text.color (Dragged / Label text)
+$selected-dragged-label-text-color: md-sys-color.$on-secondary-container;
+/// md.comp.input-chip.selected.dragged.state-layer.color (Dragged / State layer)
+$selected-dragged-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.input-chip.selected.dragged.state-layer.opacity (Dragged / State layer)
+$selected-dragged-state-layer-opacity: md-sys-state.$dragged-state-layer-opacity;
+/// md.comp.input-chip.selected.focus.label-text.color (Focused / Label text)
+$selected-focus-label-text-color: md-sys-color.$on-secondary-container;
+/// md.comp.input-chip.selected.focus.state-layer.color (Focused / State layer)
+$selected-focus-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.input-chip.selected.focus.state-layer.opacity (Focused / State layer)
+$selected-focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.input-chip.selected.hover.label-text.color (Hovered / Label text)
+$selected-hover-label-text-color: md-sys-color.$on-secondary-container;
+/// md.comp.input-chip.selected.hover.state-layer.color (Hovered / State layer)
+$selected-hover-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.input-chip.selected.hover.state-layer.opacity (Hovered / State layer)
+$selected-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.input-chip.selected.label-text.color (Enabled / Label text)
+$selected-label-text-color: md-sys-color.$on-secondary-container;
+/// md.comp.input-chip.selected.pressed.label-text.color (Pressed (ripple) / Label text)
+$selected-pressed-label-text-color: md-sys-color.$on-secondary-container;
+/// md.comp.input-chip.selected.pressed.state-layer.color (Pressed (ripple) / State layer)
+$selected-pressed-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.input-chip.selected.pressed.state-layer.opacity (Pressed (ripple) / State layer)
+$selected-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.input-chip.unselected.dragged.label-text.color (Dragged / Label text)
+$unselected-dragged-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.input-chip.unselected.dragged.state-layer.color (Dragged / State layer)
+$unselected-dragged-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.input-chip.unselected.dragged.state-layer.opacity (Dragged / State layer)
+$unselected-dragged-state-layer-opacity: md-sys-state.$dragged-state-layer-opacity;
+/// md.comp.input-chip.unselected.focus.label-text.color (Focused / Label text)
+$unselected-focus-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.input-chip.unselected.focus.outline.color (Focused / Container)
+$unselected-focus-outline-color: md-sys-color.$on-surface-variant;
+/// md.comp.input-chip.unselected.focus.state-layer.color (Focused / State layer)
+$unselected-focus-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.input-chip.unselected.focus.state-layer.opacity (Focused / State layer)
+$unselected-focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.input-chip.unselected.hover.label-text.color (Hovered / Label text)
+$unselected-hover-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.input-chip.unselected.hover.state-layer.color (Hovered / State layer)
+$unselected-hover-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.input-chip.unselected.hover.state-layer.opacity (Hovered / State layer)
+$unselected-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.input-chip.unselected.label-text.color (Enabled / Label text)
+$unselected-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.input-chip.unselected.outline.color (Enabled / Container)
+$unselected-outline-color: md-sys-color.$outline-variant;
+/// md.comp.input-chip.unselected.pressed.label-text.color (Pressed (ripple) / Label text)
+$unselected-pressed-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.input-chip.unselected.pressed.state-layer.color (Pressed (ripple) / State layer)
+$unselected-pressed-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.input-chip.unselected.pressed.state-layer.opacity (Pressed (ripple) / State layer)
+$unselected-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.input-chip.with-avatar.avatar.shape (Enabled / Avatar)
+$with-avatar-avatar-shape: md-sys-shape.$corner-full;
+/// md.comp.input-chip.with-leading-icon.disabled.leading-icon.color (Disabled / Leading icon)
+$with-leading-icon-disabled-leading-icon-color: md-sys-color.$on-surface;
+/// md.comp.input-chip.with-leading-icon.dragged.leading-icon.color (Dragged / Leading icon)
+///
+/// @deprecated With this update we are introducing selected and unselected state tokens for input chips. Please replace these tokens with the newly added and equivalent "md.comp.input-chip.with-leading-icon.selected.…" or "md.comp.input-chip.with-leading-icon.unselected.…" tokens depending on component status.
+$with-leading-icon-dragged-leading-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.input-chip.with-leading-icon.focus.leading-icon.color (Focused / Leading icon)
+///
+/// @deprecated With this update we are introducing selected and unselected state tokens for input chips. Please replace these tokens with the newly added and equivalent "md.comp.input-chip.with-leading-icon.selected.…" or "md.comp.input-chip.with-leading-icon.unselected.…" tokens depending on component status.
+$with-leading-icon-focus-leading-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.input-chip.with-leading-icon.hover.leading-icon.color (Hovered / Leading icon)
+///
+/// @deprecated With this update we are introducing selected and unselected state tokens for input chips. Please replace these tokens with the newly added and equivalent "md.comp.input-chip.with-leading-icon.selected.…" or "md.comp.input-chip.with-leading-icon.unselected.…" tokens depending on component status.
+$with-leading-icon-hover-leading-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.input-chip.with-leading-icon.leading-icon.color (Enabled / Leading icon)
+///
+/// @deprecated With this update we are introducing selected and unselected state tokens for input chips. Please replace these tokens with the newly added and equivalent "md.comp.input-chip.with-leading-icon.selected.…" or "md.comp.input-chip.with-leading-icon.unselected.…" tokens depending on component status.
+$with-leading-icon-leading-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.input-chip.with-leading-icon.pressed.leading-icon.color (Pressed (ripple) / Leading icon)
+///
+/// @deprecated With this update we are introducing selected and unselected state tokens for input chips. Please replace these tokens with the newly added and equivalent "md.comp.input-chip.with-leading-icon.selected.…" or "md.comp.input-chip.with-leading-icon.unselected.…" tokens depending on component status.
+$with-leading-icon-pressed-leading-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.input-chip.with-leading-icon.selected.dragged.leading-icon.color (Dragged / Leading icon)
+$with-leading-icon-selected-dragged-leading-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.input-chip.with-leading-icon.selected.focus.leading-icon.color (Focused / Leading icon)
+$with-leading-icon-selected-focus-leading-icon-color: md-sys-color.$primary;
+/// md.comp.input-chip.with-leading-icon.selected.hover.leading-icon.color (Hovered / Leading icon)
+$with-leading-icon-selected-hover-leading-icon-color: md-sys-color.$primary;
+/// md.comp.input-chip.with-leading-icon.selected.leading-icon.color (Enabled / Leading icon)
+$with-leading-icon-selected-leading-icon-color: md-sys-color.$primary;
+/// md.comp.input-chip.with-leading-icon.selected.pressed.leading-icon.color (Pressed (ripple) / Leading icon)
+$with-leading-icon-selected-pressed-leading-icon-color: md-sys-color.$primary;
+/// md.comp.input-chip.with-leading-icon.unselected.dragged.leading-icon.color (Dragged / Leading icon)
+$with-leading-icon-unselected-dragged-leading-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.input-chip.with-leading-icon.unselected.focus.leading-icon.color (Focused / Leading icon)
+$with-leading-icon-unselected-focus-leading-icon-color: md-sys-color.$primary;
+/// md.comp.input-chip.with-leading-icon.unselected.hover.leading-icon.color (Hovered / Leading icon)
+$with-leading-icon-unselected-hover-leading-icon-color: md-sys-color.$primary;
+/// md.comp.input-chip.with-leading-icon.unselected.leading-icon.color (Enabled / Leading icon)
+$with-leading-icon-unselected-leading-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.input-chip.with-leading-icon.unselected.pressed.leading-icon.color (Pressed (ripple) / Leading icon)
+$with-leading-icon-unselected-pressed-leading-icon-color: md-sys-color.$primary;
+/// md.comp.input-chip.with-trailing-icon.disabled.trailing-icon.color (Disabled / Trailing icon)
+$with-trailing-icon-disabled-trailing-icon-color: md-sys-color.$on-surface;
+/// md.comp.input-chip.with-trailing-icon.dragged.trailing-icon.color (Dragged / Trailing icon)
+///
+/// @deprecated With this update we are introducing selected and unselected state tokens for input chips. Please replace these tokens with the newly added and equivalent "md.comp.input-chip.with-trailing-icon.selected.…" or "md.comp.input-chip.with-trailing-icon.unselected.…" tokens depending on component status.
+$with-trailing-icon-dragged-trailing-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.input-chip.with-trailing-icon.focus.trailing-icon.color (Focused / Trailing icon)
+///
+/// @deprecated With this update we are introducing selected and unselected state tokens for input chips. Please replace these tokens with the newly added and equivalent "md.comp.input-chip.with-trailing-icon.selected.…" or "md.comp.input-chip.with-trailing-icon.unselected.…" tokens depending on component status.
+$with-trailing-icon-focus-trailing-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.input-chip.with-trailing-icon.hover.trailing-icon.color (Hovered / Trailing icon)
+///
+/// @deprecated With this update we are introducing selected and unselected state tokens for input chips. Please replace these tokens with the newly added and equivalent "md.comp.input-chip.with-trailing-icon.selected.…" or "md.comp.input-chip.with-trailing-icon.unselected.…" tokens depending on component status.
+$with-trailing-icon-hover-trailing-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.input-chip.with-trailing-icon.pressed.trailing-icon.color (Pressed (ripple) / Trailing icon)
+///
+/// @deprecated With this update we are introducing selected and unselected state tokens for input chips. Please replace these tokens with the newly added and equivalent "md.comp.input-chip.with-trailing-icon.selected.…" or "md.comp.input-chip.with-trailing-icon.unselected.…" tokens depending on component status.
+$with-trailing-icon-pressed-trailing-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.input-chip.with-trailing-icon.selected.dragged.trailing-icon.color (Dragged / Trailing icon)
+$with-trailing-icon-selected-dragged-trailing-icon-color: md-sys-color.$primary;
+/// md.comp.input-chip.with-trailing-icon.selected.focus.trailing-icon.color (Focused / Trailing icon)
+$with-trailing-icon-selected-focus-trailing-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.input-chip.with-trailing-icon.selected.hover.trailing-icon.color (Hovered / Trailing icon)
+$with-trailing-icon-selected-hover-trailing-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.input-chip.with-trailing-icon.selected.pressed.trailing-icon.color (Pressed (ripple) / Trailing icon)
+$with-trailing-icon-selected-pressed-trailing-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.input-chip.with-trailing-icon.selected.trailing-icon.color (Enabled / Trailing icon)
+$with-trailing-icon-selected-trailing-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.input-chip.with-trailing-icon.trailing-icon.color (Enabled / Trailing icon)
+///
+/// @deprecated With this update we are introducing selected and unselected state tokens for input chips. Please replace these tokens with the newly added and equivalent "md.comp.input-chip.with-trailing-icon.selected.…" or "md.comp.input-chip.with-trailing-icon.unselected.…" tokens depending on component status.
+$with-trailing-icon-trailing-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.input-chip.with-trailing-icon.unselected.dragged.trailing-icon.color (Dragged / Trailing icon)
+$with-trailing-icon-unselected-dragged-trailing-icon-color: md-sys-color.$primary;
+/// md.comp.input-chip.with-trailing-icon.unselected.focus.trailing-icon.color (Focused / Trailing icon)
+$with-trailing-icon-unselected-focus-trailing-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.input-chip.with-trailing-icon.unselected.hover.trailing-icon.color (Hovered / Trailing icon)
+$with-trailing-icon-unselected-hover-trailing-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.input-chip.with-trailing-icon.unselected.pressed.trailing-icon.color (Pressed (ripple) / Trailing icon)
+$with-trailing-icon-unselected-pressed-trailing-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.input-chip.with-trailing-icon.unselected.trailing-icon.color (Enabled / Trailing icon)
+$with-trailing-icon-unselected-trailing-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.input-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;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-linear-progress-indicator.scss b/tokens/versions/v30_0/sass/_md-comp-linear-progress-indicator.scss
new file mode 100644
index 0000000000..5b341084c9
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-linear-progress-indicator.scss
@@ -0,0 +1,60 @@
+//
+// 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';
+
+/// md.comp.linear-progress-indicator.active-indicator.height ([Deprecated] Enabled / [Deprecated] Active indicator)
+///
+/// @deprecated Token set deprecated in favour of a merged token set which combines the circular and linear progress indicator. Please use "md.com.progress-indicator" tokens instead.
+$active-indicator-height: 4px;
+/// md.comp.linear-progress-indicator.track.height ([Deprecated] Enabled / [Deprecated] Track)
+///
+/// @deprecated Token set deprecated in favour of a merged token set which combines the circular and linear progress indicator. Please use "md.com.progress-indicator" tokens instead.
+$track-height: 4px;
+/// md.comp.linear-progress-indicator.active-indicator.color ([Deprecated] Enabled / [Deprecated] Active indicator)
+///
+/// @deprecated Token set deprecated in favour of a merged token set which combines the circular and linear progress indicator. Please use "md.com.progress-indicator" tokens instead.
+$active-indicator-color: md-sys-color.$primary;
+/// md.comp.linear-progress-indicator.active-indicator.shape ([Deprecated] Enabled / [Deprecated] Active indicator)
+///
+/// @deprecated Token set deprecated in favour of a merged token set which combines the circular and linear progress indicator. Please use "md.com.progress-indicator" tokens instead.
+$active-indicator-shape: md-sys-shape.$corner-none;
+/// md.comp.linear-progress-indicator.four-color.active-indicator.four.color ([Deprecated] Enabled / [Deprecated] Active indicator)
+///
+/// @deprecated Token set deprecated in favour of a merged token set which combines the circular and linear progress indicator. Please use "md.com.progress-indicator" tokens instead.
+$four-color-active-indicator-four-color: md-sys-color.$tertiary-container;
+/// md.comp.linear-progress-indicator.four-color.active-indicator.one.color ([Deprecated] Enabled / [Deprecated] Active indicator)
+///
+/// @deprecated Token set deprecated in favour of a merged token set which combines the circular and linear progress indicator. Please use "md.com.progress-indicator" tokens instead.
+$four-color-active-indicator-one-color: md-sys-color.$primary;
+/// md.comp.linear-progress-indicator.four-color.active-indicator.three.color ([Deprecated] Enabled / [Deprecated] Active indicator)
+///
+/// @deprecated Token set deprecated in favour of a merged token set which combines the circular and linear progress indicator. Please use "md.com.progress-indicator" tokens instead.
+$four-color-active-indicator-three-color: md-sys-color.$tertiary;
+/// md.comp.linear-progress-indicator.four-color.active-indicator.two.color ([Deprecated] Enabled / [Deprecated] Active indicator)
+///
+/// @deprecated Token set deprecated in favour of a merged token set which combines the circular and linear progress indicator. Please use "md.com.progress-indicator" tokens instead.
+$four-color-active-indicator-two-color: md-sys-color.$primary-container;
+/// md.comp.linear-progress-indicator.track.color ([Deprecated] Enabled / [Deprecated] Track)
+///
+/// @deprecated Token set deprecated in favour of a merged token set which combines the circular and linear progress indicator. Please use "md.com.progress-indicator" tokens instead.
+$track-color: md-sys-color.$surface-container-highest;
+/// md.comp.linear-progress-indicator.track.shape ([Deprecated] Enabled / [Deprecated] Track)
+///
+/// @deprecated Token set deprecated in favour of a merged token set which combines the circular and linear progress indicator. Please use "md.com.progress-indicator" tokens instead.
+$track-shape: md-sys-shape.$corner-none;
diff --git a/tokens/versions/v30_0/sass/_md-comp-list-expand.scss b/tokens/versions/v30_0/sass/_md-comp-list-expand.scss
new file mode 100644
index 0000000000..051738d97a
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-list-expand.scss
@@ -0,0 +1,36 @@
+//
+// 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';
+
+/// md.comp.list.expand.collapsed.list-item.trailing-icon.container.color (Color)
+$collapsed-list-item-trailing-icon-container-color: md-sys-color.$surface;
+/// md.comp.list.expand.collapsed.list-item.trailing-icon.icon.color (Color)
+$collapsed-list-item-trailing-icon-icon-color: md-sys-color.$on-surface;
+/// md.comp.list.expand.container.shape (Shape)
+$container-shape: md-sys-shape.$corner-large;
+/// md.comp.list.expand.expanded.list-item.container.color (Color)
+$expanded-list-item-container-color: md-sys-color.$surface;
+/// md.comp.list.expand.expanded.list-item.segmented.container.color (Color)
+$expanded-list-item-segmented-container-color: md-sys-color.$surface;
+/// md.comp.list.expand.expanded.list-item.trailing-icon.container.color (Color)
+$expanded-list-item-trailing-icon-container-color: md-sys-color.$surface-container;
+/// md.comp.list.expand.expanded.list-item.trailing-icon.icon.color (Color)
+$expanded-list-item-trailing-icon-icon-color: md-sys-color.$on-surface;
+/// md.comp.list.expand.trailing-icon.shape (Shape)
+$trailing-icon-shape: md-sys-shape.$corner-full;
diff --git a/tokens/versions/v30_0/sass/_md-comp-list-reorder.scss b/tokens/versions/v30_0/sass/_md-comp-list-reorder.scss
new file mode 100644
index 0000000000..1e6996ee1f
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-list-reorder.scss
@@ -0,0 +1,45 @@
+//
+// 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-state';
+
+/// md.comp.list.reorder.list-item.container.color (Color)
+$list-item-container-color: md-sys-color.$tertiary-container;
+/// md.comp.list.reorder.list-item.drop-zone.color (Color)
+$list-item-drop-zone-color: md-sys-color.$surface-container-low;
+/// md.comp.list.reorder.list-item.label-text.color (Color)
+$list-item-label-text-color: md-sys-color.$on-tertiary-container;
+/// md.comp.list.reorder.list-item.leading-icon.color (Color)
+$list-item-leading-icon-color: md-sys-color.$on-tertiary-container;
+/// md.comp.list.reorder.list-item.overline.color (Color)
+$list-item-overline-color: md-sys-color.$on-tertiary-container;
+/// md.comp.list.reorder.list-item.shadow-color (Color)
+$list-item-shadow-color: md-sys-color.$shadow;
+/// md.comp.list.reorder.list-item.shape (Shape)
+$list-item-shape: md-sys-shape.$corner-large;
+/// md.comp.list.reorder.list-item.state-layer.color (Color)
+$list-item-state-layer-color: md-sys-color.$on-tertiary-container;
+/// md.comp.list.reorder.list-item.state-layer.opacity (Color)
+$list-item-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.list.reorder.list-item.supporting-text.color (Color)
+$list-item-supporting-text-color: md-sys-color.$on-tertiary-container;
+/// md.comp.list.reorder.list-item.trailing-icon.color (Color)
+$list-item-trailing-icon-color: md-sys-color.$on-tertiary-container;
+/// md.comp.list.reorder.list-item.trailing-supporting-text.color (Color)
+$list-item-trailing-supporting-text-color: md-sys-color.$on-tertiary-container;
diff --git a/tokens/versions/v30_0/sass/_md-comp-list-reveal.scss b/tokens/versions/v30_0/sass/_md-comp-list-reveal.scss
new file mode 100644
index 0000000000..f432cf55b0
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-list-reveal.scss
@@ -0,0 +1,50 @@
+//
+// 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';
+
+/// md.comp.list.reveal.list-item.action.icon-button.container.color (Color / Swipe action)
+$list-item-action-icon-button-container-color: md-sys-color.$primary;
+/// md.comp.list.reveal.list-item.action.icon-button.focused.state-layer.color (Color / Swipe action)
+$list-item-action-icon-button-focused-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.list.reveal.list-item.action.icon-button.hovered.state-layer.color (Color / Swipe action)
+$list-item-action-icon-button-hovered-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.list.reveal.list-item.action.icon-button.icon.color (Color / Swipe action)
+$list-item-action-icon-button-icon-color: md-sys-color.$on-primary;
+/// md.comp.list.reveal.list-item.action.icon-button.pressed.state-layer.color (Color / Swipe action)
+$list-item-action-icon-button-pressed-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.list.reveal.list-item.container.color (Color)
+$list-item-container-color: md-sys-color.$surface;
+/// md.comp.list.reveal.list-item.container.shape (Shape)
+$list-item-container-shape: md-sys-shape.$corner-large;
+/// md.comp.list.reveal.list-item.icon-button.action.container.shape (Shape)
+$list-item-icon-button-action-container-shape: md-sys-shape.$corner-large;
+/// md.comp.list.reveal.list-item.icon-button.container.color (Color / Revealed icon)
+$list-item-icon-button-container-color: md-sys-color.$secondary-container;
+/// md.comp.list.reveal.list-item.icon-button.container.shape (Shape)
+$list-item-icon-button-container-shape: md-sys-shape.$corner-full;
+/// md.comp.list.reveal.list-item.icon-button.focused.state-layer.color (Color / Revealed icon)
+$list-item-icon-button-focused-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.list.reveal.list-item.icon-button.hovered.state-layer.color (Color / Revealed icon)
+$list-item-icon-button-hovered-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.list.reveal.list-item.icon-button.icon.color (Color / Revealed icon)
+$list-item-icon-button-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.list.reveal.list-item.icon-button.pressed.state-layer.color (Color / Revealed icon)
+$list-item-icon-button-pressed-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.list.reveal.list-item.segmented.container.shape (Shape)
+$list-item-segmented-container-shape: md-sys-shape.$corner-large;
diff --git a/tokens/versions/v30_0/sass/_md-comp-list.scss b/tokens/versions/v30_0/sass/_md-comp-list.scss
new file mode 100644
index 0000000000..fbb8b746c9
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-list.scss
@@ -0,0 +1,408 @@
+//
+// 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.list.divider.bottom-space (Spacing)
+$divider-bottom-space: 0px;
+/// md.comp.list.divider.height (Color / Enabled)
+///
+/// @deprecated Depcrecating all divider tokens nested across components. Please use the standalone divider component token md.comp.divider.thickness as a replacement
+$divider-height: 1px;
+/// md.comp.list.divider.leading-space (Spacing)
+$divider-leading-space: 16px;
+/// md.comp.list.divider.top-space (Spacing)
+$divider-top-space: 0px;
+/// md.comp.list.divider.trailing-space (Spacing)
+$divider-trailing-space: 16px;
+/// md.comp.list.list-item.between-space (Spacing)
+$list-item-between-space: 12px;
+/// md.comp.list.list-item.bottom-space (Spacing)
+$list-item-bottom-space: 10px;
+/// md.comp.list.list-item.container.height (Color / Enabled)
+///
+/// @deprecated Removing single height value in favor of distinct height values for 1, 2, or 3 line list items.
+$list-item-container-height: 56px;
+/// md.comp.list.list-item.disabled.label-text.opacity (Color / Disabled)
+$list-item-disabled-label-text-opacity: 0.38;
+/// md.comp.list.list-item.disabled.leading-icon.opacity (Color / Disabled)
+$list-item-disabled-leading-icon-opacity: 0.38;
+/// md.comp.list.list-item.disabled.overline.opacity (Color / Disabled)
+$list-item-disabled-overline-opacity: 0.38;
+/// md.comp.list.list-item.disabled.state-layer.opacity (Color / Disabled)
+$list-item-disabled-state-layer-opacity: 0.1;
+/// md.comp.list.list-item.disabled.supporting-text.opacity (Color / Disabled)
+$list-item-disabled-supporting-text-opacity: 0.38;
+/// md.comp.list.list-item.disabled.trailing-icon.opacity (Color / Disabled)
+$list-item-disabled-trailing-icon-opacity: 0.38;
+/// md.comp.list.list-item.large.leading-video.height (Size and typography)
+$list-item-large-leading-video-height: 64px;
+/// md.comp.list.list-item.large.leading-video.width (Size and typography)
+$list-item-large-leading-video-width: 114px;
+/// md.comp.list.list-item.leading-avatar.size (Size and typography)
+$list-item-leading-avatar-size: 40px;
+/// md.comp.list.list-item.leading-icon.expressive.size (Size and typography)
+$list-item-leading-icon-expressive-size: 20px;
+/// md.comp.list.list-item.leading-icon.size (Size and typography)
+$list-item-leading-icon-size: 24px;
+/// md.comp.list.list-item.leading-image.height (Size and typography)
+$list-item-leading-image-height: 56px;
+/// md.comp.list.list-item.leading-image.width (Size and typography)
+$list-item-leading-image-width: 56px;
+/// md.comp.list.list-item.leading-space (Spacing)
+$list-item-leading-space: 16px;
+/// md.comp.list.list-item.leading-video.width (Size and typography)
+$list-item-leading-video-width: 100px;
+/// md.comp.list.list-item.one-line.container.height (Size and typography)
+$list-item-one-line-container-height: 56px;
+/// md.comp.list.list-item.selected.disabled.container.opacity (Color / Disabled - Selected)
+$list-item-selected-disabled-container-opacity: 0.38;
+/// md.comp.list.list-item.selected.disabled.label-text.opacity (Color / Disabled - Selected)
+$list-item-selected-disabled-label-text-opacity: 0.38;
+/// md.comp.list.list-item.selected.disabled.leading-icon.opacity (Color / Disabled - Selected)
+$list-item-selected-disabled-leading-icon-opacity: 0.38;
+/// md.comp.list.list-item.selected.disabled.overline.opacity (Color / Disabled - Selected)
+$list-item-selected-disabled-overline-opacity: 0.38;
+/// md.comp.list.list-item.selected.disabled.state-layer.opacity (Color / Disabled - Selected)
+$list-item-selected-disabled-state-layer-opacity: 0.1;
+/// md.comp.list.list-item.selected.disabled.supporting-text.opacity (Color / Disabled - Selected)
+$list-item-selected-disabled-supporting-text-opacity: 0.38;
+/// md.comp.list.list-item.selected.disabled.trailing-icon.opacity (Color / Disabled - Selected)
+$list-item-selected-disabled-trailing-icon-opacity: 0.38;
+/// md.comp.list.list-item.selected.disabled.trailing-supporting-text.opacity (Color / Disabled - Selected)
+$list-item-selected-disabled-trailing-supporting-text-opacity: 0.38;
+/// md.comp.list.list-item.small.leading-video.height (Size and typography)
+$list-item-small-leading-video-height: 56px;
+/// md.comp.list.list-item.small.leading-video.width (Size and typography)
+$list-item-small-leading-video-width: 100px;
+/// md.comp.list.list-item.three-line.container.height (Size and typography)
+$list-item-three-line-container-height: 88px;
+/// md.comp.list.list-item.top-space (Spacing)
+$list-item-top-space: 10px;
+/// md.comp.list.list-item.trailing-icon.expressive.size (Size and typography)
+$list-item-trailing-icon-expressive-size: 20px;
+/// md.comp.list.list-item.trailing-icon.size (Size and typography)
+$list-item-trailing-icon-size: 24px;
+/// md.comp.list.list-item.trailing-space (Spacing)
+$list-item-trailing-space: 16px;
+/// md.comp.list.list-item.two-line.container.height (Size and typography)
+$list-item-two-line-container-height: 72px;
+/// md.comp.list.md.comp.list.list-item.one-line.container.height (Color / Enabled)
+///
+/// @deprecated Typo in token name. Please use `md.comp.list.list-item.one-line.container.height `.
+$md-comp-list-list-item-one-line-container-height: 56px;
+/// md.comp.list.md.comp.list.list-item.three-line.container.height (Color / Enabled)
+///
+/// @deprecated Typo in token name. Please use `md.comp.list.list-item.three-line.container.height`.
+$md-comp-list-list-item-three-line-container-height: 88px;
+/// md.comp.list.md.comp.list.list-item.two-line.container.height (Color / Enabled)
+///
+/// @deprecated Typo in token name. Please use `md.comp.list.md.comp.list.list-item.two-line.container.height`.
+$md-comp-list-list-item-two-line-container-height: 72px;
+/// md.comp.list.segmented.gap (Spacing)
+$segmented-gap: 2px;
+/// md.comp.list.container.shape (Shape)
+$container-shape: md-sys-shape.$corner-large;
+/// md.comp.list.divider.color (Color / Enabled)
+///
+/// @deprecated Depcrecating all divider tokens nested across components. Please use the standalone divider component token md.comp.divider.color as a replacement
+$divider-color: md-sys-color.$outline;
+/// md.comp.list.focus.indicator.color (Color / Focused / Focus indicator)
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.list.focus.indicator.outline.offset (Color / Focused / Focus indicator)
+$focus-indicator-outline-offset: md-sys-state-focus-indicator.$inner-offset;
+/// md.comp.list.focus.indicator.thickness (Color / Focused / Focus indicator)
+$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.comp.list.list-item.container.color (Color / Enabled)
+$list-item-container-color: md-sys-color.$surface;
+/// md.comp.list.list-item.container.elevation (Color / Enabled)
+$list-item-container-elevation: md-sys-elevation.$level0;
+/// md.comp.list.list-item.container.expressive.shape (Shape)
+$list-item-container-expressive-shape: md-sys-shape.$corner-extra-small;
+/// md.comp.list.list-item.container.shape (Shape)
+$list-item-container-shape: md-sys-shape.$corner-none;
+/// md.comp.list.list-item.disabled.container.expressive.shape (Shape)
+$list-item-disabled-container-expressive-shape: md-sys-shape.$corner-extra-small;
+/// md.comp.list.list-item.disabled.label-text.color (Color / Disabled)
+$list-item-disabled-label-text-color: md-sys-color.$on-surface;
+/// md.comp.list.list-item.disabled.leading-icon.color (Color / Disabled)
+$list-item-disabled-leading-icon-color: md-sys-color.$on-surface;
+/// md.comp.list.list-item.disabled.overline.color (Color / Disabled)
+$list-item-disabled-overline-color: md-sys-color.$on-surface;
+/// md.comp.list.list-item.disabled.state-layer.color (Color / Disabled)
+$list-item-disabled-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.list.list-item.disabled.supporting-text.color (Color / Disabled)
+$list-item-disabled-supporting-text-color: md-sys-color.$on-surface;
+/// md.comp.list.list-item.disabled.trailing-icon.color (Color / Disabled)
+$list-item-disabled-trailing-icon-color: md-sys-color.$on-surface;
+/// md.comp.list.list-item.dragged.container.elevation (Color / Dragged (baseline only))
+$list-item-dragged-container-elevation: md-sys-elevation.$level4;
+/// md.comp.list.list-item.dragged.container.expressive.shape (Shape)
+$list-item-dragged-container-expressive-shape: md-sys-shape.$corner-large;
+/// md.comp.list.list-item.dragged.label-text.color (Color / Dragged (baseline only))
+$list-item-dragged-label-text-color: md-sys-color.$on-surface;
+/// md.comp.list.list-item.dragged.leading-icon.icon.color (Color / Dragged (baseline only))
+$list-item-dragged-leading-icon-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.list.list-item.dragged.state-layer.color (Color / Dragged (baseline only))
+$list-item-dragged-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.list.list-item.dragged.state-layer.opacity (Color / Dragged (baseline only))
+$list-item-dragged-state-layer-opacity: md-sys-state.$dragged-state-layer-opacity;
+/// md.comp.list.list-item.dragged.trailing-icon.icon.color (Color / Dragged (baseline only))
+$list-item-dragged-trailing-icon-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.list.list-item.focus.label-text.color (Color / Focused)
+$list-item-focus-label-text-color: md-sys-color.$on-surface;
+/// md.comp.list.list-item.focus.leading-icon.icon.color (Color / Focused)
+$list-item-focus-leading-icon-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.list.list-item.focus.state-layer.color (Color / Focused)
+$list-item-focus-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.list.list-item.focus.state-layer.opacity (Color / Focused)
+$list-item-focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.list.list-item.focus.trailing-icon.icon.color (Color / Focused)
+$list-item-focus-trailing-icon-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.list.list-item.focused.container.expressive.shape (Shape)
+$list-item-focused-container-expressive-shape: md-sys-shape.$corner-large;
+/// md.comp.list.list-item.hover.label-text.color (Color / Hovered)
+$list-item-hover-label-text-color: md-sys-color.$on-surface;
+/// md.comp.list.list-item.hover.leading-icon.icon.color (Color / Hovered)
+$list-item-hover-leading-icon-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.list.list-item.hover.state-layer.color (Color / Hovered)
+$list-item-hover-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.list.list-item.hover.state-layer.opacity (Color / Hovered)
+$list-item-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.list.list-item.hover.trailing-icon.icon.color (Color / Hovered)
+$list-item-hover-trailing-icon-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.list.list-item.hovered.container.expressive.shape (Shape)
+$list-item-hovered-container-expressive-shape: md-sys-shape.$corner-medium;
+/// md.comp.list.list-item.label-text.color (Color / Enabled)
+$list-item-label-text-color: md-sys-color.$on-surface;
+/// md.comp.list.list-item.label-text.font (Size and typography)
+$list-item-label-text-font: md-sys-typescale.$body-large-font;
+/// md.comp.list.list-item.label-text.line-height (Size and typography)
+$list-item-label-text-line-height: md-sys-typescale.$body-large-line-height;
+/// md.comp.list.list-item.label-text.size (Size and typography)
+$list-item-label-text-size: md-sys-typescale.$body-large-size;
+/// md.comp.list.list-item.label-text.tracking (Size and typography)
+$list-item-label-text-tracking: md-sys-typescale.$body-large-tracking;
+/// md.comp.list.list-item.label-text.weight (Size and typography)
+$list-item-label-text-weight: md-sys-typescale.$body-large-weight;
+/// md.comp.list.list-item.leading-avatar-label.color (Color / Enabled)
+$list-item-leading-avatar-label-color: md-sys-color.$on-primary-container;
+/// md.comp.list.list-item.leading-avatar-label.font (Size and typography)
+$list-item-leading-avatar-label-font: md-sys-typescale.$title-medium-font;
+/// md.comp.list.list-item.leading-avatar-label.line-height (Size and typography)
+$list-item-leading-avatar-label-line-height: md-sys-typescale.$title-medium-line-height;
+/// md.comp.list.list-item.leading-avatar-label.size (Size and typography)
+$list-item-leading-avatar-label-size: md-sys-typescale.$title-medium-size;
+/// md.comp.list.list-item.leading-avatar-label.tracking (Size and typography)
+$list-item-leading-avatar-label-tracking: md-sys-typescale.$title-medium-tracking;
+/// md.comp.list.list-item.leading-avatar-label.weight (Size and typography)
+$list-item-leading-avatar-label-weight: md-sys-typescale.$title-medium-weight;
+/// md.comp.list.list-item.leading-avatar.color (Color / Enabled)
+$list-item-leading-avatar-color: md-sys-color.$primary-container;
+/// md.comp.list.list-item.leading-avatar.shape (Shape)
+$list-item-leading-avatar-shape: md-sys-shape.$corner-full;
+/// md.comp.list.list-item.leading-icon.color (Color / Enabled)
+$list-item-leading-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.list.list-item.leading-image.expressive.shape (Shape)
+$list-item-leading-image-expressive-shape: md-sys-shape.$corner-small;
+/// md.comp.list.list-item.leading-image.shape (Shape)
+$list-item-leading-image-shape: md-sys-shape.$corner-none;
+/// md.comp.list.list-item.leading-video.shape (Shape)
+$list-item-leading-video-shape: md-sys-shape.$corner-small;
+/// md.comp.list.list-item.overline.color (Color / Enabled)
+$list-item-overline-color: md-sys-color.$on-surface-variant;
+/// md.comp.list.list-item.overline.font (Size and typography)
+$list-item-overline-font: md-sys-typescale.$label-small-font;
+/// md.comp.list.list-item.overline.line-height (Size and typography)
+$list-item-overline-line-height: md-sys-typescale.$label-small-line-height;
+/// md.comp.list.list-item.overline.size (Size and typography)
+$list-item-overline-size: md-sys-typescale.$label-small-size;
+/// md.comp.list.list-item.overline.tracking (Size and typography)
+$list-item-overline-tracking: md-sys-typescale.$label-small-tracking;
+/// md.comp.list.list-item.overline.weight (Size and typography)
+$list-item-overline-weight: md-sys-typescale.$label-small-weight;
+/// md.comp.list.list-item.pressed.container.expressive.shape (Shape)
+$list-item-pressed-container-expressive-shape: md-sys-shape.$corner-large;
+/// md.comp.list.list-item.pressed.label-text.color (Color / Pressed (ripple))
+$list-item-pressed-label-text-color: md-sys-color.$on-surface;
+/// md.comp.list.list-item.pressed.leading-icon.icon.color (Color / Pressed (ripple))
+$list-item-pressed-leading-icon-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.list.list-item.pressed.state-layer.color (Color / Pressed (ripple))
+$list-item-pressed-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.list.list-item.pressed.state-layer.opacity (Color / Pressed (ripple))
+$list-item-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.list.list-item.pressed.trailing-icon.icon.color (Color / Pressed (ripple))
+$list-item-pressed-trailing-icon-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.list.list-item.segmented.container.color (Color / Enabled)
+$list-item-segmented-container-color: md-sys-color.$surface;
+/// md.comp.list.list-item.selected.container.color (Color / Enabled - Selected)
+$list-item-selected-container-color: md-sys-color.$secondary-container;
+/// md.comp.list.list-item.selected.container.expressive.shape (Shape)
+$list-item-selected-container-expressive-shape: md-sys-shape.$corner-large;
+/// md.comp.list.list-item.selected.container.shape (Shape)
+$list-item-selected-container-shape: md-sys-shape.$corner-large;
+/// md.comp.list.list-item.selected.disabled.container.color (Color / Disabled - Selected)
+$list-item-selected-disabled-container-color: md-sys-color.$on-surface;
+/// md.comp.list.list-item.selected.disabled.container.expressive.shape (Shape)
+$list-item-selected-disabled-container-expressive-shape: md-sys-shape.$corner-large;
+/// md.comp.list.list-item.selected.disabled.label-text.color (Color / Disabled - Selected)
+$list-item-selected-disabled-label-text-color: md-sys-color.$on-surface;
+/// md.comp.list.list-item.selected.disabled.leading-icon.color (Color / Disabled - Selected)
+$list-item-selected-disabled-leading-icon-color: md-sys-color.$on-surface;
+/// md.comp.list.list-item.selected.disabled.overline.color (Color / Disabled - Selected)
+$list-item-selected-disabled-overline-color: md-sys-color.$on-surface;
+/// md.comp.list.list-item.selected.disabled.state-layer.color (Color / Disabled - Selected)
+$list-item-selected-disabled-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.list.list-item.selected.disabled.supporting-text.color (Color / Disabled - Selected)
+$list-item-selected-disabled-supporting-text-color: md-sys-color.$on-surface;
+/// md.comp.list.list-item.selected.disabled.trailing-icon.color (Color / Disabled - Selected)
+$list-item-selected-disabled-trailing-icon-color: md-sys-color.$on-surface;
+/// md.comp.list.list-item.selected.disabled.trailing-supporting-text.color (Color / Disabled - Selected)
+$list-item-selected-disabled-trailing-supporting-text-color: md-sys-color.$on-surface;
+/// md.comp.list.list-item.selected.dragged.container.expressive.shape (Shape)
+$list-item-selected-dragged-container-expressive-shape: md-sys-shape.$corner-large;
+/// md.comp.list.list-item.selected.dragged.label-text.color (Color / Dragged (baseline only))
+$list-item-selected-dragged-label-text-color: md-sys-color.$on-secondary-container;
+/// md.comp.list.list-item.selected.dragged.leading-icon.color (Color / Dragged (baseline only))
+$list-item-selected-dragged-leading-icon-color: md-sys-color.$on-surface;
+/// md.comp.list.list-item.selected.dragged.state-layer.color (Color / Dragged (baseline only))
+$list-item-selected-dragged-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.list.list-item.selected.dragged.state-layer.opacity (Color / Dragged (baseline only))
+$list-item-selected-dragged-state-layer-opacity: md-sys-state.$dragged-state-layer-opacity;
+/// md.comp.list.list-item.selected.dragged.trailing-icon.color (Color / Dragged (baseline only))
+$list-item-selected-dragged-trailing-icon-color: md-sys-color.$on-surface;
+/// md.comp.list.list-item.selected.focus.label-text.color (Color / Focused - Selected)
+$list-item-selected-focus-label-text-color: md-sys-color.$on-secondary-container;
+/// md.comp.list.list-item.selected.focus.leading-icon.color (Color / Focused - Selected)
+$list-item-selected-focus-leading-icon-color: md-sys-color.$on-surface;
+/// md.comp.list.list-item.selected.focus.state-layer.color (Color / Focused - Selected)
+$list-item-selected-focus-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.list.list-item.selected.focus.state-layer.opacity (Color / Focused - Selected)
+$list-item-selected-focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.list.list-item.selected.focus.trailing-icon.color (Color / Focused - Selected)
+$list-item-selected-focus-trailing-icon-color: md-sys-color.$on-surface;
+/// md.comp.list.list-item.selected.focused.container.expressive.shape (Shape)
+$list-item-selected-focused-container-expressive-shape: md-sys-shape.$corner-large;
+/// md.comp.list.list-item.selected.hover.label-text.color (Color / Hovered - Selected)
+$list-item-selected-hover-label-text-color: md-sys-color.$on-secondary-container;
+/// md.comp.list.list-item.selected.hover.leading-icon.color (Color / Hovered - Selected)
+$list-item-selected-hover-leading-icon-color: md-sys-color.$on-surface;
+/// md.comp.list.list-item.selected.hover.state-layer.color (Color / Hovered - Selected)
+$list-item-selected-hover-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.list.list-item.selected.hover.state-layer.opacity (Color / Hovered - Selected)
+$list-item-selected-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.list.list-item.selected.hover.trailing-icon.color (Color / Hovered - Selected)
+$list-item-selected-hover-trailing-icon-color: md-sys-color.$on-surface;
+/// md.comp.list.list-item.selected.hovered.container.expressive.shape (Shape)
+$list-item-selected-hovered-container-expressive-shape: md-sys-shape.$corner-large;
+/// md.comp.list.list-item.selected.label-text.color (Color / Enabled - Selected)
+$list-item-selected-label-text-color: md-sys-color.$on-secondary-container;
+/// md.comp.list.list-item.selected.leading-icon.color (Color / Enabled - Selected)
+$list-item-selected-leading-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.list.list-item.selected.overline.color (Color / Enabled - Selected)
+$list-item-selected-overline-color: md-sys-color.$on-secondary-container;
+/// md.comp.list.list-item.selected.pressed.container.expressive.shape (Shape)
+$list-item-selected-pressed-container-expressive-shape: md-sys-shape.$corner-large;
+/// md.comp.list.list-item.selected.pressed.label-text.color (Color / Pressed - Selected)
+$list-item-selected-pressed-label-text-color: md-sys-color.$on-secondary-container;
+/// md.comp.list.list-item.selected.pressed.leading-icon.color (Color / Pressed - Selected)
+$list-item-selected-pressed-leading-icon-color: md-sys-color.$on-surface;
+/// md.comp.list.list-item.selected.pressed.state-layer.color (Color / Pressed - Selected)
+$list-item-selected-pressed-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.list.list-item.selected.pressed.state-layer.opacity (Color / Pressed - Selected)
+$list-item-selected-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.list.list-item.selected.pressed.trailing-icon.color (Color / Pressed - Selected)
+$list-item-selected-pressed-trailing-icon-color: md-sys-color.$on-surface;
+/// md.comp.list.list-item.selected.supporting-text.color (Color / Enabled - Selected)
+$list-item-selected-supporting-text-color: md-sys-color.$on-secondary-container;
+/// md.comp.list.list-item.selected.trailing-icon.color (Color / Enabled - Selected)
+$list-item-selected-trailing-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.list.list-item.selected.trailing-supporting-text.color (Color / Enabled - Selected)
+$list-item-selected-trailing-supporting-text-color: md-sys-color.$on-secondary-container;
+/// md.comp.list.list-item.supporting-text.color (Color / Enabled)
+$list-item-supporting-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.list.list-item.supporting-text.font (Size and typography)
+$list-item-supporting-text-font: md-sys-typescale.$body-medium-font;
+/// md.comp.list.list-item.supporting-text.line-height (Size and typography)
+$list-item-supporting-text-line-height: md-sys-typescale.$body-medium-line-height;
+/// md.comp.list.list-item.supporting-text.size (Size and typography)
+$list-item-supporting-text-size: md-sys-typescale.$body-medium-size;
+/// md.comp.list.list-item.supporting-text.tracking (Size and typography)
+$list-item-supporting-text-tracking: md-sys-typescale.$body-medium-tracking;
+/// md.comp.list.list-item.supporting-text.weight (Size and typography)
+$list-item-supporting-text-weight: md-sys-typescale.$body-medium-weight;
+/// md.comp.list.list-item.trailing-icon.color (Color / Enabled)
+$list-item-trailing-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.list.list-item.trailing-supporting-text.color (Color / Enabled)
+$list-item-trailing-supporting-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.list.list-item.trailing-supporting-text.font (Size and typography)
+$list-item-trailing-supporting-text-font: md-sys-typescale.$label-small-font;
+/// md.comp.list.list-item.trailing-supporting-text.line-height (Size and typography)
+$list-item-trailing-supporting-text-line-height: md-sys-typescale.$label-small-line-height;
+/// md.comp.list.list-item.trailing-supporting-text.size (Size and typography)
+$list-item-trailing-supporting-text-size: md-sys-typescale.$label-small-size;
+/// md.comp.list.list-item.trailing-supporting-text.tracking (Size and typography)
+$list-item-trailing-supporting-text-tracking: md-sys-typescale.$label-small-tracking;
+/// md.comp.list.list-item.trailing-supporting-text.weight (Size and typography)
+$list-item-trailing-supporting-text-weight: md-sys-typescale.$label-small-weight;
+/// md.comp.list.list-item.unselected.trailing-icon.color (Color / Enabled)
+$list-item-unselected-trailing-icon-color: md-sys-color.$on-surface;
+/// md.comp.list.list-item.label-text.type (Size and typography)
+@mixin list-item-label-text-type {
+  font-family: $list-item-label-text-font;
+  font-size: $list-item-label-text-size;
+  font-weight: $list-item-label-text-weight;
+  letter-spacing: $list-item-label-text-tracking;
+  line-height: $list-item-label-text-line-height;
+}
+/// md.comp.list.list-item.leading-avatar-label.type (Size and typography)
+@mixin list-item-leading-avatar-label-type {
+  font-family: $list-item-leading-avatar-label-font;
+  font-size: $list-item-leading-avatar-label-size;
+  font-weight: $list-item-leading-avatar-label-weight;
+  letter-spacing: $list-item-leading-avatar-label-tracking;
+  line-height: $list-item-leading-avatar-label-line-height;
+}
+/// md.comp.list.list-item.overline.type (Size and typography)
+@mixin list-item-overline-type {
+  font-family: $list-item-overline-font;
+  font-size: $list-item-overline-size;
+  font-weight: $list-item-overline-weight;
+  letter-spacing: $list-item-overline-tracking;
+  line-height: $list-item-overline-line-height;
+}
+/// md.comp.list.list-item.supporting-text.type (Size and typography)
+@mixin list-item-supporting-text-type {
+  font-family: $list-item-supporting-text-font;
+  font-size: $list-item-supporting-text-size;
+  font-weight: $list-item-supporting-text-weight;
+  letter-spacing: $list-item-supporting-text-tracking;
+  line-height: $list-item-supporting-text-line-height;
+}
+/// md.comp.list.list-item.trailing-supporting-text.type (Size and typography)
+@mixin list-item-trailing-supporting-text-type {
+  font-family: $list-item-trailing-supporting-text-font;
+  font-size: $list-item-trailing-supporting-text-size;
+  font-weight: $list-item-trailing-supporting-text-weight;
+  letter-spacing: $list-item-trailing-supporting-text-tracking;
+  line-height: $list-item-trailing-supporting-text-line-height;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-loading-indicator.scss b/tokens/versions/v30_0/sass/_md-comp-loading-indicator.scss
new file mode 100644
index 0000000000..fa55295234
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-loading-indicator.scss
@@ -0,0 +1,38 @@
+//
+// 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';
+
+/// md.comp.loading-indicator.active-indicator.size (Size)
+$active-indicator-size: 38px;
+/// md.comp.loading-indicator.container.height (Size)
+$container-height: 48px;
+/// md.comp.loading-indicator.container.width (Size)
+$container-width: 48px;
+/// md.comp.loading-indicator.active-indicator.color (Color)
+$active-indicator-color: md-sys-color.$primary;
+/// md.comp.loading-indicator.contained.active-indicator.color (Color)
+$contained-active-indicator-color: md-sys-color.$on-primary-container;
+/// md.comp.loading-indicator.contained.container.color (Color)
+$contained-container-color: md-sys-color.$primary-container;
+/// md.comp.loading-indicator.container.color (Color)
+///
+/// @deprecated Deprecated in favor of a distinct variant which uses a different color mapping with, and without container.
+$container-color: md-sys-color.$secondary-container;
+/// md.comp.loading-indicator.container.shape (Shape)
+$container-shape: md-sys-shape.$corner-full;
diff --git a/tokens/versions/v30_0/sass/_md-comp-menu.scss b/tokens/versions/v30_0/sass/_md-comp-menu.scss
new file mode 100644
index 0000000000..ccac45960b
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-menu.scss
@@ -0,0 +1,218 @@
+//
+// 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.menu.cascading-menu-indicator.icon.size (Enabled / Icon)
+///
+/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead.
+$cascading-menu-indicator-icon-size: 24px;
+/// md.comp.menu.divider.height (Enabled / Divider)
+///
+/// @deprecated Depcrecating all divider tokens nested across components. Please use the standalone divider component token md.comp.divider.thickness as a replacement
+$divider-height: 1px;
+/// md.comp.menu.list-item.container.height (Enabled / Container)
+///
+/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead.
+$list-item-container-height: 48px;
+/// md.comp.menu.list-item.disabled.label-text.opacity (Disabled / Label text)
+///
+/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead.
+$list-item-disabled-label-text-opacity: 0.38;
+/// md.comp.menu.list-item.with-leading-icon.disabled.leading-icon.opacity (Disabled / Leading icon)
+///
+/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead.
+$list-item-with-leading-icon-disabled-leading-icon-opacity: 0.38;
+/// md.comp.menu.list-item.with-leading-icon.leading-icon.size (Enabled / Leading icon)
+///
+/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead.
+$list-item-with-leading-icon-leading-icon-size: 24px;
+/// md.comp.menu.list-item.with-trailing-icon.disabled.trailing-icon.opacity (Disabled / Trailing icon)
+///
+/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead.
+$list-item-with-trailing-icon-disabled-trailing-icon-opacity: 0.38;
+/// md.comp.menu.list-item.with-trailing-icon.trailing-icon.size (Enabled / Trailing icon)
+///
+/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead.
+$list-item-with-trailing-icon-trailing-icon-size: 24px;
+/// md.comp.menu.cascading-menu-indicator.icon.color (Enabled / Icon)
+///
+/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead.
+$cascading-menu-indicator-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.menu.container.color (Enabled)
+$container-color: md-sys-color.$surface-container;
+/// md.comp.menu.container.elevation (Enabled)
+$container-elevation: md-sys-elevation.$level2;
+/// md.comp.menu.container.shadow-color (Enabled)
+$container-shadow-color: md-sys-color.$shadow;
+/// md.comp.menu.container.shape (Enabled)
+$container-shape: md-sys-shape.$corner-extra-small;
+/// md.comp.menu.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.menu.divider.color (Enabled / Divider)
+///
+/// @deprecated Depcrecating all divider tokens nested across components. Please use the standalone divider component token md.comp.divider.color as a replacement
+$divider-color: md-sys-color.$surface-variant;
+/// md.comp.menu.focus.indicator.color (Focus indicator)
+///
+/// @deprecated Updating to include menu item
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.menu.focus.indicator.outline.offset (Focus indicator)
+///
+/// @deprecated Updating to include menu item
+$focus-indicator-outline-offset: md-sys-state-focus-indicator.$inner-offset;
+/// md.comp.menu.focus.indicator.thickness (Focus indicator)
+///
+/// @deprecated Updating to include menu item
+$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.comp.menu.list-item.disabled.label-text.color (Disabled / Label text)
+///
+/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead.
+$list-item-disabled-label-text-color: md-sys-color.$on-surface;
+/// md.comp.menu.list-item.focus.label-text.color (Focus / Label text)
+///
+/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead
+$list-item-focus-label-text-color: md-sys-color.$on-surface;
+/// md.comp.menu.list-item.focus.state-layer.color (Focus / State layer)
+///
+/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead.
+$list-item-focus-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.menu.list-item.focus.state-layer.opacity (Focus / State layer)
+///
+/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead.
+$list-item-focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.menu.list-item.hover.label-text.color (Hover / Label text)
+///
+/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead.
+$list-item-hover-label-text-color: md-sys-color.$on-surface;
+/// md.comp.menu.list-item.hover.state-layer.color (Hover / State layer)
+///
+/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead.
+$list-item-hover-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.menu.list-item.hover.state-layer.opacity (Hover / State layer)
+///
+/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead.
+$list-item-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.menu.list-item.label-text.color (Enabled / Label text)
+///
+/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead.
+$list-item-label-text-color: md-sys-color.$on-surface;
+/// md.comp.menu.list-item.label-text.font (Enabled / Label text)
+///
+/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead.
+$list-item-label-text-font: md-sys-typescale.$label-large-font;
+/// md.comp.menu.list-item.label-text.line-height (Enabled / Label text)
+///
+/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead.
+$list-item-label-text-line-height: md-sys-typescale.$label-large-line-height;
+/// md.comp.menu.list-item.label-text.size (Enabled / Label text)
+///
+/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead.
+$list-item-label-text-size: md-sys-typescale.$label-large-size;
+/// md.comp.menu.list-item.label-text.tracking (Enabled / Label text)
+///
+/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead.
+$list-item-label-text-tracking: md-sys-typescale.$label-large-tracking;
+/// md.comp.menu.list-item.label-text.weight (Enabled / Label text)
+///
+/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead.
+$list-item-label-text-weight: md-sys-typescale.$label-large-weight;
+/// md.comp.menu.list-item.pressed.label-text.color (Pressed / Label text)
+///
+/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead
+$list-item-pressed-label-text-color: md-sys-color.$on-surface;
+/// md.comp.menu.list-item.pressed.state-layer.color (Pressed / State layer)
+///
+/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead
+$list-item-pressed-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.menu.list-item.pressed.state-layer.opacity (Pressed / State layer)
+///
+/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead
+$list-item-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.menu.list-item.selected.container.color (Enabled / Container)
+///
+/// @deprecated Deprecated to remove nested tokens
+$list-item-selected-container-color: md-sys-color.$secondary-container;
+/// md.comp.menu.list-item.selected.label-text.color (Enabled / Container)
+///
+/// @deprecated Deprecated to remove nested tokens
+$list-item-selected-label-text-color: md-sys-color.$on-secondary-container;
+/// md.comp.menu.list-item.selected.with-leading-icon.leading-icon.color (Enabled / Container)
+///
+/// @deprecated Deprecated to remove nested tokens
+$list-item-selected-with-leading-icon-leading-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.menu.list-item.selected.with-leading-icon.trailing-icon.color (Enabled / Container)
+///
+/// @deprecated Deprecated to remove nested tokens
+$list-item-selected-with-leading-icon-trailing-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.menu.list-item.with-leading-icon.disabled.leading-icon.color (Disabled / Leading icon)
+///
+/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead.
+$list-item-with-leading-icon-disabled-leading-icon-color: md-sys-color.$on-surface;
+/// md.comp.menu.list-item.with-leading-icon.focus.icon.color (Focus / Leading icon)
+///
+/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead
+$list-item-with-leading-icon-focus-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.menu.list-item.with-leading-icon.hover.icon.color (Hover / Leading icon)
+///
+/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead.
+$list-item-with-leading-icon-hover-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.menu.list-item.with-leading-icon.leading-icon.color (Enabled / Leading icon)
+///
+/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead.
+$list-item-with-leading-icon-leading-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.menu.list-item.with-leading-icon.pressed.icon.color (Pressed / Leading icon)
+///
+/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead
+$list-item-with-leading-icon-pressed-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.menu.list-item.with-trailing-icon.disabled.trailing-icon.color (Disabled / Trailing icon)
+///
+/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead.
+$list-item-with-trailing-icon-disabled-trailing-icon-color: md-sys-color.$on-surface;
+/// md.comp.menu.list-item.with-trailing-icon.focus.icon.color (Focus / Trailing icon)
+///
+/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead
+$list-item-with-trailing-icon-focus-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.menu.list-item.with-trailing-icon.hover.icon.color (Hover / Trailing icon)
+///
+/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead.
+$list-item-with-trailing-icon-hover-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.menu.list-item.with-trailing-icon.pressed.icon.color (Pressed / Trailing icon)
+///
+/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead
+$list-item-with-trailing-icon-pressed-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.menu.list-item.with-trailing-icon.trailing-icon.color (Enabled / Trailing icon)
+///
+/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead.
+$list-item-with-trailing-icon-trailing-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.menu.list-item.label-text.type (Enabled / Label text)
+///
+/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead.
+@mixin list-item-label-text-type {
+  font-family: $list-item-label-text-font;
+  font-size: $list-item-label-text-size;
+  font-weight: $list-item-label-text-weight;
+  letter-spacing: $list-item-label-text-tracking;
+  line-height: $list-item-label-text-line-height;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-menus-standard.scss b/tokens/versions/v30_0/sass/_md-comp-menus-standard.scss
new file mode 100644
index 0000000000..1568fd776a
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-menus-standard.scss
@@ -0,0 +1,188 @@
+//
+// 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-state';
+
+/// md.comp.menus.standard.menu-item.disabled.label-text.opacity (Disabled)
+$menu-item-disabled-label-text-opacity: 0.38;
+/// md.comp.menus.standard.menu-item.disabled.leading-icon.opacity (Disabled)
+$menu-item-disabled-leading-icon-opacity: 0.38;
+/// md.comp.menus.standard.menu-item.disabled.supporting-text.opacity (Disabled)
+$menu-item-disabled-supporting-text-opacity: 0.38;
+/// md.comp.menus.standard.menu-item.disabled.trailing-icon.opacity (Disabled)
+$menu-item-disabled-trailing-icon-opacity: 0.38;
+/// md.comp.menus.standard.menu-item.disabled.trailing-supporting-text.opacity (Disabled)
+$menu-item-disabled-trailing-supporting-text-opacity: 0.38;
+/// md.comp.menus.standard.menu-item.selected.disabled.container.opacity (Disabled, Selected)
+$menu-item-selected-disabled-container-opacity: 0.38;
+/// md.comp.menus.standard.menu-item.selected.disabled.label-text.opacity (Disabled, Selected)
+$menu-item-selected-disabled-label-text-opacity: 0.38;
+/// md.comp.menus.standard.menu-item.selected.disabled.leading-icon.opacity (Disabled, Selected)
+$menu-item-selected-disabled-leading-icon-opacity: 0.38;
+/// md.comp.menus.standard.menu-item.selected.disabled.trailing-icon.opacity (Disabled, Selected)
+$menu-item-selected-disabled-trailing-icon-opacity: 0.38;
+/// md.comp.menus.standard.container.color (Enabled)
+$container-color: md-sys-color.$surface-container-low;
+/// md.comp.menus.standard.container.shadow-color (Enabled)
+$container-shadow-color: md-sys-color.$shadow;
+/// md.comp.menus.standard.disabled.icon-button.icon.color (Disabled)
+$disabled-icon-button-icon-color: md-sys-color.$on-surface;
+/// md.comp.menus.standard.icon-button.container.color (Enabled)
+$icon-button-container-color: md-sys-color.$surface-container-low;
+/// md.comp.menus.standard.icon-button.disabled.icon.color (Disabled, Selected)
+$icon-button-disabled-icon-color: md-sys-color.$on-tertiary-container;
+/// md.comp.menus.standard.icon-button.focused.state-layer.color (Focused)
+$icon-button-focused-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.menus.standard.icon-button.hovered.state-layer.color (Hovered)
+$icon-button-hovered-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.menus.standard.icon-button.icon.color (Enabled)
+$icon-button-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.menus.standard.icon-button.pressed.state-layer.color (Pressed)
+$icon-button-pressed-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.menus.standard.icon-button.selected.container.color (Enabled, Selected)
+$icon-button-selected-container-color: md-sys-color.$tertiary-container;
+/// md.comp.menus.standard.icon-button.selected.focused.state-layer.color (Focused, Selected)
+$icon-button-selected-focused-state-layer-color: md-sys-color.$on-tertiary-container;
+/// md.comp.menus.standard.icon-button.selected.hovered.state-layer.color (Hovered, Selected)
+$icon-button-selected-hovered-state-layer-color: md-sys-color.$on-tertiary-container;
+/// md.comp.menus.standard.icon-button.selected.icon.color (Enabled, Selected)
+$icon-button-selected-icon-color: md-sys-color.$on-tertiary-container;
+/// md.comp.menus.standard.icon-button.selected.pressed.state-layer.color (Pressed, Selected)
+$icon-button-selected-pressed-state-layer-color: md-sys-color.$on-tertiary-container;
+/// md.comp.menus.standard.menu-item.active.state-layer.color (Enabled, Active)
+$menu-item-active-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.menus.standard.menu-item.active.state-layer.opacity (Enabled, Active)
+$menu-item-active-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.menus.standard.menu-item.container.color (Enabled)
+$menu-item-container-color: md-sys-color.$surface-container-low;
+/// md.comp.menus.standard.menu-item.disabled.label-text.color (Disabled)
+$menu-item-disabled-label-text-color: md-sys-color.$on-surface;
+/// md.comp.menus.standard.menu-item.disabled.leading-icon.color (Disabled)
+$menu-item-disabled-leading-icon-color: md-sys-color.$on-surface;
+/// md.comp.menus.standard.menu-item.disabled.supporting-text.color (Disabled)
+$menu-item-disabled-supporting-text-color: md-sys-color.$on-surface;
+/// md.comp.menus.standard.menu-item.disabled.trailing-icon.color (Disabled)
+$menu-item-disabled-trailing-icon-color: md-sys-color.$on-surface;
+/// md.comp.menus.standard.menu-item.disabled.trailing-supporting-text.color (Disabled)
+$menu-item-disabled-trailing-supporting-text-color: md-sys-color.$on-surface;
+/// md.comp.menus.standard.menu-item.focused.label-text.color (Focused)
+$menu-item-focused-label-text-color: md-sys-color.$on-surface;
+/// md.comp.menus.standard.menu-item.focused.leading-icon.color (Focused)
+$menu-item-focused-leading-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.menus.standard.menu-item.focused.state-layer.color (Focused)
+$menu-item-focused-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.menus.standard.menu-item.focused.state-layer.opacity (Focused)
+$menu-item-focused-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.menus.standard.menu-item.focused.trailing-icon.color (Focused)
+$menu-item-focused-trailing-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.menus.standard.menu-item.hovered.label-text.color (Hovered)
+$menu-item-hovered-label-text-color: md-sys-color.$on-surface;
+/// md.comp.menus.standard.menu-item.hovered.leading-icon.color (Hovered)
+$menu-item-hovered-leading-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.menus.standard.menu-item.hovered.state-layer.color (Hovered)
+$menu-item-hovered-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.menus.standard.menu-item.hovered.state-layer.opacity (Hovered)
+$menu-item-hovered-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.menus.standard.menu-item.hovered.trailing-icon.color (Hovered)
+$menu-item-hovered-trailing-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.menus.standard.menu-item.label-text.color (Enabled)
+$menu-item-label-text-color: md-sys-color.$on-surface;
+/// md.comp.menus.standard.menu-item.leading-icon.color (Enabled)
+$menu-item-leading-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.menus.standard.menu-item.pressed.label-text.color (Pressed)
+$menu-item-pressed-label-text-color: md-sys-color.$on-surface;
+/// md.comp.menus.standard.menu-item.pressed.leading-icon.color (Pressed)
+$menu-item-pressed-leading-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.menus.standard.menu-item.pressed.state-layer.color (Pressed)
+$menu-item-pressed-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.menus.standard.menu-item.pressed.state-layer.opacity (Pressed)
+$menu-item-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.menus.standard.menu-item.pressed.trailing-icon.color (Pressed)
+$menu-item-pressed-trailing-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.menus.standard.menu-item.selected.container.color (Enabled, Selected)
+$menu-item-selected-container-color: md-sys-color.$tertiary-container;
+/// md.comp.menus.standard.menu-item.selected.disabled.container.color (Disabled, Selected)
+$menu-item-selected-disabled-container-color: md-sys-color.$tertiary-container;
+/// md.comp.menus.standard.menu-item.selected.disabled.label-text.color (Disabled, Selected)
+$menu-item-selected-disabled-label-text-color: md-sys-color.$on-tertiary-container;
+/// md.comp.menus.standard.menu-item.selected.disabled.leading-icon.color (Disabled, Selected)
+$menu-item-selected-disabled-leading-icon-color: md-sys-color.$on-tertiary-container;
+/// md.comp.menus.standard.menu-item.selected.disabled.trailing-icon.color (Disabled, Selected)
+$menu-item-selected-disabled-trailing-icon-color: md-sys-color.$on-tertiary-container;
+/// md.comp.menus.standard.menu-item.selected.disabled.trailing-supporting-text.color (Disabled, Selected)
+$menu-item-selected-disabled-trailing-supporting-text-color: md-sys-color.$on-tertiary-container;
+/// md.comp.menus.standard.menu-item.selected.focused.label-text.color (Focused, Selected)
+$menu-item-selected-focused-label-text-color: md-sys-color.$on-tertiary-container;
+/// md.comp.menus.standard.menu-item.selected.focused.leading-icon.color (Focused, Selected)
+$menu-item-selected-focused-leading-icon-color: md-sys-color.$on-tertiary-container;
+/// md.comp.menus.standard.menu-item.selected.focused.state-layer.color (Focused, Selected)
+$menu-item-selected-focused-state-layer-color: md-sys-color.$on-tertiary-container;
+/// md.comp.menus.standard.menu-item.selected.focused.state-layer.opacity (Focused, Selected)
+$menu-item-selected-focused-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.menus.standard.menu-item.selected.focused.supporting-text.color (Focused, Selected)
+$menu-item-selected-focused-supporting-text-color: md-sys-color.$on-tertiary-container;
+/// md.comp.menus.standard.menu-item.selected.focused.trailing-icon.color (Focused, Selected)
+$menu-item-selected-focused-trailing-icon-color: md-sys-color.$on-tertiary-container;
+/// md.comp.menus.standard.menu-item.selected.focused.trailing-supporting-text.color (Focused, Selected)
+$menu-item-selected-focused-trailing-supporting-text-color: md-sys-color.$on-tertiary-container;
+/// md.comp.menus.standard.menu-item.selected.hovered.label-text.color (Hovered, Selected)
+$menu-item-selected-hovered-label-text-color: md-sys-color.$on-tertiary-container;
+/// md.comp.menus.standard.menu-item.selected.hovered.leading-icon.color (Hovered, Selected)
+$menu-item-selected-hovered-leading-icon-color: md-sys-color.$on-tertiary-container;
+/// md.comp.menus.standard.menu-item.selected.hovered.state-layer.color (Hovered, Selected)
+$menu-item-selected-hovered-state-layer-color: md-sys-color.$on-tertiary-container;
+/// md.comp.menus.standard.menu-item.selected.hovered.state-layer.opacity (Hovered, Selected)
+$menu-item-selected-hovered-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.menus.standard.menu-item.selected.hovered.supporting-text.color (Hovered, Selected)
+$menu-item-selected-hovered-supporting-text-color: md-sys-color.$on-tertiary-container;
+/// md.comp.menus.standard.menu-item.selected.hovered.trailing-icon.color (Hovered, Selected)
+$menu-item-selected-hovered-trailing-icon-color: md-sys-color.$on-tertiary-container;
+/// md.comp.menus.standard.menu-item.selected.hovered.trailing-supporting-text.color (Hovered, Selected)
+$menu-item-selected-hovered-trailing-supporting-text-color: md-sys-color.$on-tertiary-container;
+/// md.comp.menus.standard.menu-item.selected.label-text.color (Enabled, Selected)
+$menu-item-selected-label-text-color: md-sys-color.$on-tertiary-container;
+/// md.comp.menus.standard.menu-item.selected.leading-icon.color (Enabled, Selected)
+$menu-item-selected-leading-icon-color: md-sys-color.$on-tertiary-container;
+/// md.comp.menus.standard.menu-item.selected.pressed.label-text.color (Pressed, Selected)
+$menu-item-selected-pressed-label-text-color: md-sys-color.$on-tertiary-container;
+/// md.comp.menus.standard.menu-item.selected.pressed.leading-icon.color (Pressed, Selected)
+$menu-item-selected-pressed-leading-icon-color: md-sys-color.$on-tertiary-container;
+/// md.comp.menus.standard.menu-item.selected.pressed.state-layer.color (Pressed, Selected)
+$menu-item-selected-pressed-state-layer-color: md-sys-color.$on-tertiary-container;
+/// md.comp.menus.standard.menu-item.selected.pressed.state-layer.opacity (Pressed, Selected)
+$menu-item-selected-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.menus.standard.menu-item.selected.pressed.supporting-text.color (Pressed, Selected)
+$menu-item-selected-pressed-supporting-text-color: md-sys-color.$on-tertiary-container;
+/// md.comp.menus.standard.menu-item.selected.pressed.trailing-icon.color (Pressed, Selected)
+$menu-item-selected-pressed-trailing-icon-color: md-sys-color.$on-tertiary-container;
+/// md.comp.menus.standard.menu-item.selected.pressed.trailing-supporting-text.color (Pressed, Selected)
+$menu-item-selected-pressed-trailing-supporting-text-color: md-sys-color.$on-tertiary-container;
+/// md.comp.menus.standard.menu-item.selected.supporting-text.color (Enabled, Selected)
+$menu-item-selected-supporting-text-color: md-sys-color.$on-tertiary-container;
+/// md.comp.menus.standard.menu-item.selected.trailing-icon.color (Enabled, Selected)
+$menu-item-selected-trailing-icon-color: md-sys-color.$on-tertiary-container;
+/// md.comp.menus.standard.menu-item.selected.trailing-supporting-text.color (Enabled, Selected)
+$menu-item-selected-trailing-supporting-text-color: md-sys-color.$on-tertiary-container;
+/// md.comp.menus.standard.menu-item.supporting-text.color (Enabled)
+$menu-item-supporting-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.menus.standard.menu-item.trailing-icon.color (Enabled)
+$menu-item-trailing-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.menus.standard.menu-item.trailing-supporting-text.color (Enabled)
+$menu-item-trailing-supporting-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.menus.standard.section-label-text.color (Enabled)
+$section-label-text-color: md-sys-color.$on-surface-variant;
diff --git a/tokens/versions/v30_0/sass/_md-comp-menus-vibrant.scss b/tokens/versions/v30_0/sass/_md-comp-menus-vibrant.scss
new file mode 100644
index 0000000000..268537f413
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-menus-vibrant.scss
@@ -0,0 +1,160 @@
+//
+// 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-state';
+
+/// md.comp.menus.vibrant.menu-item.disabled.label-text.opacity (Disabled)
+$menu-item-disabled-label-text-opacity: 0.38;
+/// md.comp.menus.vibrant.menu-item.disabled.leading-icon.opacity (Disabled)
+$menu-item-disabled-leading-icon-opacity: 0.38;
+/// md.comp.menus.vibrant.menu-item.disabled.supporting-text.opacity (Disabled)
+$menu-item-disabled-supporting-text-opacity: 0.38;
+/// md.comp.menus.vibrant.menu-item.disabled.trailing-icon.opacity (Disabled)
+$menu-item-disabled-trailing-icon-opacity: 0.38;
+/// md.comp.menus.vibrant.menu-item.disabled.trailing-supporting-text.opacity (Disabled)
+$menu-item-disabled-trailing-supporting-text-opacity: 0.38;
+/// md.comp.menus.vibrant.menu-item.selected.disabled.label-text.opacity (Disabled, Selected)
+$menu-item-selected-disabled-label-text-opacity: 0.38;
+/// md.comp.menus.vibrant.menu-item.selected.disabled.leading-icon.opacity (Disabled, Selected)
+$menu-item-selected-disabled-leading-icon-opacity: 0.38;
+/// md.comp.menus.vibrant.menu-item.selected.disabled.supporting-text.opacity (Disabled, Selected)
+$menu-item-selected-disabled-supporting-text-opacity: 0.38;
+/// md.comp.menus.vibrant.menu-item.selected.disabled.trailing-icon.opacity (Disabled, Selected)
+$menu-item-selected-disabled-trailing-icon-opacity: 0.38;
+/// md.comp.menus.vibrant.menu-item.selected.disabled.trailing-supporting-text.opacity (Disabled, Selected)
+$menu-item-selected-disabled-trailing-supporting-text-opacity: 0.38;
+/// md.comp.menus.vibrant.container.color (Enabled)
+$container-color: md-sys-color.$tertiary-container;
+/// md.comp.menus.vibrant.icon-button.container.color (Enabled)
+$icon-button-container-color: md-sys-color.$tertiary-container;
+/// md.comp.menus.vibrant.icon-button.disabled.icon.color (Disabled)
+$icon-button-disabled-icon-color: md-sys-color.$on-tertiary-container;
+/// md.comp.menus.vibrant.icon-button.focused.state-layer.color (Focused)
+$icon-button-focused-state-layer-color: md-sys-color.$on-tertiary-container;
+/// md.comp.menus.vibrant.icon-button.hovered.state-layer.color (Hovered)
+$icon-button-hovered-state-layer-color: md-sys-color.$on-tertiary-container;
+/// md.comp.menus.vibrant.icon-button.icon.color (Enabled)
+$icon-button-icon-color: md-sys-color.$on-tertiary-container;
+/// md.comp.menus.vibrant.icon-button.pressed.state-layer.color (Pressed)
+$icon-button-pressed-state-layer-color: md-sys-color.$on-tertiary-container;
+/// md.comp.menus.vibrant.icon-button.selected.container.color (Enabled, Selected)
+$icon-button-selected-container-color: md-sys-color.$tertiary;
+/// md.comp.menus.vibrant.icon-button.selected.disabled.icon.color (Disabled, Selected)
+$icon-button-selected-disabled-icon-color: md-sys-color.$on-tertiary;
+/// md.comp.menus.vibrant.icon-button.selected.icon.color (Enabled, Selected)
+$icon-button-selected-icon-color: md-sys-color.$on-tertiary;
+/// md.comp.menus.vibrant.menu-item.active.state-layer.color (Enabled, Active)
+$menu-item-active-state-layer-color: md-sys-color.$on-tertiary-container;
+/// md.comp.menus.vibrant.menu-item.active.state-layer.opacity (Enabled, Active)
+$menu-item-active-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.menus.vibrant.menu-item.color (Enabled)
+$menu-item-color: md-sys-color.$tertiary-container;
+/// md.comp.menus.vibrant.menu-item.disabled.label-text.color (Disabled)
+$menu-item-disabled-label-text-color: md-sys-color.$on-tertiary-container;
+/// md.comp.menus.vibrant.menu-item.disabled.leading-icon.color (Disabled)
+$menu-item-disabled-leading-icon-color: md-sys-color.$on-tertiary-container;
+/// md.comp.menus.vibrant.menu-item.disabled.supporting-text.color (Disabled)
+$menu-item-disabled-supporting-text-color: md-sys-color.$on-tertiary-container;
+/// md.comp.menus.vibrant.menu-item.disabled.trailing-icon.color (Disabled)
+$menu-item-disabled-trailing-icon-color: md-sys-color.$on-tertiary-container;
+/// md.comp.menus.vibrant.menu-item.disabled.trailing-supporting-text.color (Disabled)
+$menu-item-disabled-trailing-supporting-text-color: md-sys-color.$on-tertiary-container;
+/// md.comp.menus.vibrant.menu-item.focused.label-text.color (Focused)
+$menu-item-focused-label-text-color: md-sys-color.$on-tertiary-container;
+/// md.comp.menus.vibrant.menu-item.focused.leading-icon.color (Focused)
+$menu-item-focused-leading-icon-color: md-sys-color.$tertiary;
+/// md.comp.menus.vibrant.menu-item.focused.state-layer.color (Focused)
+$menu-item-focused-state-layer-color: md-sys-color.$on-tertiary-container;
+/// md.comp.menus.vibrant.menu-item.focused.state-layer.opacity (Focused)
+$menu-item-focused-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.menus.vibrant.menu-item.focused.supporting-text.color (Focused)
+$menu-item-focused-supporting-text-color: md-sys-color.$on-tertiary-container;
+/// md.comp.menus.vibrant.menu-item.focused.trailing-icon.color (Focused)
+$menu-item-focused-trailing-icon-color: md-sys-color.$tertiary;
+/// md.comp.menus.vibrant.menu-item.focused.trailing-supporting-text.color (Focused)
+$menu-item-focused-trailing-supporting-text-color: md-sys-color.$on-tertiary-container;
+/// md.comp.menus.vibrant.menu-item.hovered.label-text.color (Hovered)
+$menu-item-hovered-label-text-color: md-sys-color.$on-tertiary-container;
+/// md.comp.menus.vibrant.menu-item.hovered.leading-icon.color (Hovered)
+$menu-item-hovered-leading-icon-color: md-sys-color.$tertiary;
+/// md.comp.menus.vibrant.menu-item.hovered.state-layer.color (Hovered)
+$menu-item-hovered-state-layer-color: md-sys-color.$on-tertiary-container;
+/// md.comp.menus.vibrant.menu-item.hovered.state-layer.opacity (Hovered)
+$menu-item-hovered-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.menus.vibrant.menu-item.hovered.supporting-text.color (Hovered)
+$menu-item-hovered-supporting-text-color: md-sys-color.$on-tertiary-container;
+/// md.comp.menus.vibrant.menu-item.hovered.trailing-icon.color (Hovered)
+$menu-item-hovered-trailing-icon-color: md-sys-color.$tertiary;
+/// md.comp.menus.vibrant.menu-item.hovered.trailing-supporting-text.color (Hovered)
+$menu-item-hovered-trailing-supporting-text-color: md-sys-color.$on-tertiary-container;
+/// md.comp.menus.vibrant.menu-item.label-text.color (Enabled)
+$menu-item-label-text-color: md-sys-color.$on-tertiary-container;
+/// md.comp.menus.vibrant.menu-item.leading-icon.color (Enabled)
+$menu-item-leading-icon-color: md-sys-color.$on-tertiary-container;
+/// md.comp.menus.vibrant.menu-item.pressed.label-text.color (Pressed)
+$menu-item-pressed-label-text-color: md-sys-color.$on-tertiary-container;
+/// md.comp.menus.vibrant.menu-item.pressed.leading-icon.color (Pressed)
+$menu-item-pressed-leading-icon-color: md-sys-color.$tertiary;
+/// md.comp.menus.vibrant.menu-item.pressed.state-layer.color (Pressed)
+$menu-item-pressed-state-layer-color: md-sys-color.$on-tertiary-container;
+/// md.comp.menus.vibrant.menu-item.pressed.state-layer.opacity (Pressed)
+$menu-item-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.menus.vibrant.menu-item.pressed.supporting-text.color (Pressed)
+$menu-item-pressed-supporting-text-color: md-sys-color.$on-tertiary-container;
+/// md.comp.menus.vibrant.menu-item.pressed.trailing-icon.color (Pressed)
+$menu-item-pressed-trailing-icon-color: md-sys-color.$tertiary;
+/// md.comp.menus.vibrant.menu-item.pressed.trailing-supporting-text.color (Pressed)
+$menu-item-pressed-trailing-supporting-text-color: md-sys-color.$on-tertiary-container;
+/// md.comp.menus.vibrant.menu-item.selected.container.color (Enabled, Selected)
+$menu-item-selected-container-color: md-sys-color.$tertiary;
+/// md.comp.menus.vibrant.menu-item.selected.focused.label-text.color (Focused, Selected)
+$menu-item-selected-focused-label-text-color: md-sys-color.$on-tertiary;
+/// md.comp.menus.vibrant.menu-item.selected.focused.state-layer.color (Focused, Selected)
+$menu-item-selected-focused-state-layer-color: md-sys-color.$on-tertiary;
+/// md.comp.menus.vibrant.menu-item.selected.focused.state-layer.opacity (Focused, Selected)
+$menu-item-selected-focused-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.menus.vibrant.menu-item.selected.hovered.label-text.color (Hovered, Selected)
+$menu-item-selected-hovered-label-text-color: md-sys-color.$on-tertiary;
+/// md.comp.menus.vibrant.menu-item.selected.hovered.state-layer.color (Hovered, Selected)
+$menu-item-selected-hovered-state-layer-color: md-sys-color.$on-tertiary;
+/// md.comp.menus.vibrant.menu-item.selected.hovered.state-layer.opacity (Hovered, Selected)
+$menu-item-selected-hovered-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.menus.vibrant.menu-item.selected.label-text.color (Enabled, Selected)
+$menu-item-selected-label-text-color: md-sys-color.$on-tertiary;
+/// md.comp.menus.vibrant.menu-item.selected.leading-icon.color (Enabled, Selected)
+$menu-item-selected-leading-icon-color: md-sys-color.$on-tertiary;
+/// md.comp.menus.vibrant.menu-item.selected.pressed.label-text.color (Pressed, Selected)
+$menu-item-selected-pressed-label-text-color: md-sys-color.$on-tertiary;
+/// md.comp.menus.vibrant.menu-item.selected.pressed.state-layer.color (Pressed, Selected)
+$menu-item-selected-pressed-state-layer-color: md-sys-color.$on-tertiary;
+/// md.comp.menus.vibrant.menu-item.selected.pressed.state-layer.opacity (Pressed, Selected)
+$menu-item-selected-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.menus.vibrant.menu-item.selected.supporting-text.color (Enabled, Selected)
+$menu-item-selected-supporting-text-color: md-sys-color.$on-tertiary;
+/// md.comp.menus.vibrant.menu-item.selected.trailing-icon.color (Enabled, Selected)
+$menu-item-selected-trailing-icon-color: md-sys-color.$on-tertiary;
+/// md.comp.menus.vibrant.menu-item.selected.trailing-supporting-text.color (Enabled, Selected)
+$menu-item-selected-trailing-supporting-text-color: md-sys-color.$on-tertiary;
+/// md.comp.menus.vibrant.menu-item.supporting-text.color (Enabled)
+$menu-item-supporting-text-color: md-sys-color.$on-tertiary-container;
+/// md.comp.menus.vibrant.menu-item.trailing-icon.color (Enabled)
+$menu-item-trailing-icon-color: md-sys-color.$on-tertiary-container;
+/// md.comp.menus.vibrant.menu-item.trailing-supporting-text.color (Enabled)
+$menu-item-trailing-supporting-text-color: md-sys-color.$on-tertiary-container;
+/// md.comp.menus.vibrant.section-label-text.color (Enabled)
+$section-label-text-color: md-sys-color.$on-tertiary-container;
diff --git a/tokens/versions/v30_0/sass/_md-comp-menus.scss b/tokens/versions/v30_0/sass/_md-comp-menus.scss
new file mode 100644
index 0000000000..01d1ce15c6
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-menus.scss
@@ -0,0 +1,141 @@
+//
+// 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-focus-indicator';
+@use 'md-sys-typescale';
+
+/// md.comp.menus.gap (Layout / Default)
+$gap: 2px;
+/// md.comp.menus.group.padding (Layout / Default)
+$group-padding: 2px;
+/// md.comp.menus.horizontal.container.bottom-space (Layout / Horizontal)
+$horizontal-container-bottom-space: 8px;
+/// md.comp.menus.horizontal.container.top-space (Layout / Horizontal)
+$horizontal-container-top-space: 8px;
+/// md.comp.menus.horizontal.icon-only.gap (Layout / Horizontal icon-only)
+$horizontal-icon-only-gap: 4px;
+/// md.comp.menus.horizontal.icon-only.menu-item.bottom-space (Layout / Horizontal icon-only)
+$horizontal-icon-only-menu-item-bottom-space: 16px;
+/// md.comp.menus.horizontal.icon-only.menu-item.leading-space (Layout / Horizontal icon-only)
+$horizontal-icon-only-menu-item-leading-space: 16px;
+/// md.comp.menus.horizontal.icon-only.menu-item.top-space (Layout / Horizontal icon-only)
+$horizontal-icon-only-menu-item-top-space: 16px;
+/// md.comp.menus.horizontal.icon-only.menu-item.trailing-space (Layout / Horizontal icon-only)
+$horizontal-icon-only-menu-item-trailing-space: 16px;
+/// md.comp.menus.horizontal.menu-item.between-space (Layout / Horizontal)
+$horizontal-menu-item-between-space: 12px;
+/// md.comp.menus.horizontal.menu-item.bottom-space (Layout / Horizontal)
+$horizontal-menu-item-bottom-space: 6px;
+/// md.comp.menus.horizontal.menu-item.leading-space (Layout / Horizontal)
+$horizontal-menu-item-leading-space: 12px;
+/// md.comp.menus.horizontal.menu-item.top-space (Layout / Horizontal)
+$horizontal-menu-item-top-space: 6px;
+/// md.comp.menus.horizontal.menu-item.trailing-space (Layout / Horizontal)
+$horizontal-menu-item-trailing-space: 12px;
+/// md.comp.menus.menu-item.between-space (Layout / Default)
+$menu-item-between-space: 12px;
+/// md.comp.menus.menu-item.bottom-space (Layout / Default)
+$menu-item-bottom-space: 8px;
+/// md.comp.menus.menu-item.height (Layout / Default)
+$menu-item-height: 44px;
+/// md.comp.menus.menu-item.leading-icon.size (Layout / Default)
+$menu-item-leading-icon-size: 20px;
+/// md.comp.menus.menu-item.leading-space (Layout / Default)
+$menu-item-leading-space: 16px;
+/// md.comp.menus.menu-item.top-space (Layout / Default)
+$menu-item-top-space: 8px;
+/// md.comp.menus.menu-item.trailing-icon.size (Layout / Default)
+$menu-item-trailing-icon-size: 20px;
+/// md.comp.menus.menu-item.trailing-space (Layout / Default)
+$menu-item-trailing-space: 16px;
+/// md.comp.menus.active.container.shape (Shape / Default)
+$active-container-shape: md-sys-shape.$corner-large;
+/// md.comp.menus.container.elevation (Layout / Default)
+$container-elevation: md-sys-elevation.$level2;
+/// md.comp.menus.container.shape (Shape / Default)
+$container-shape: md-sys-shape.$corner-large;
+/// md.comp.menus.group.shape (Shape / Default)
+$group-shape: md-sys-shape.$corner-small;
+/// md.comp.menus.horizontal.container.shape (Shape / Horizontal, Default)
+$horizontal-container-shape: md-sys-shape.$corner-full;
+/// md.comp.menus.horizontal.icon-only.menu-item.selected.shape (Shape / Horizontal icon-only, selected)
+$horizontal-icon-only-menu-item-selected-shape: md-sys-shape.$corner-full;
+/// md.comp.menus.horizontal.menu-item.focused.shape (Shape / Horizontal, Default)
+$horizontal-menu-item-focused-shape: md-sys-shape.$corner-medium;
+/// md.comp.menus.horizontal.menu-item.hovered.shape (Shape / Horizontal, Default)
+$horizontal-menu-item-hovered-shape: md-sys-shape.$corner-medium;
+/// md.comp.menus.horizontal.menu-item.pressed.shape (Shape / Horizontal, Default)
+$horizontal-menu-item-pressed-shape: md-sys-shape.$corner-medium;
+/// md.comp.menus.horizontal.menu-item.selected.focused.shape (Shape / Horizontal, Selected)
+$horizontal-menu-item-selected-focused-shape: md-sys-shape.$corner-full;
+/// md.comp.menus.horizontal.menu-item.selected.hovered.shape (Shape / Horizontal, Selected)
+$horizontal-menu-item-selected-hovered-shape: md-sys-shape.$corner-full;
+/// md.comp.menus.horizontal.menu-item.selected.pressed.shape (Shape / Horizontal, Selected)
+$horizontal-menu-item-selected-pressed-shape: md-sys-shape.$corner-full;
+/// md.comp.menus.inactive.container.shape (Shape / Default)
+$inactive-container-shape: md-sys-shape.$corner-small;
+/// md.comp.menus.menu-item.first-child.inner-corner.corner-size (Shape / Default)
+$menu-item-first-child-inner-corner-corner-size: md-sys-shape.$corner-extra-small;
+/// md.comp.menus.menu-item.first-child.shape (Shape / Default)
+$menu-item-first-child-shape: md-sys-shape.$corner-medium;
+/// md.comp.menus.menu-item.focus.indicator.color (Focus ring)
+$menu-item-focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.menus.menu-item.focus.indicator.outline.offset (Focus ring)
+$menu-item-focus-indicator-outline-offset: md-sys-state-focus-indicator.$inner-offset;
+/// md.comp.menus.menu-item.focus.indicator.thickness (Focus ring)
+$menu-item-focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.comp.menus.menu-item.label-text.font (Typography)
+$menu-item-label-text-font: md-sys-typescale.$label-large-font;
+/// md.comp.menus.menu-item.label-text.line-height (Typography)
+$menu-item-label-text-line-height: md-sys-typescale.$label-large-line-height;
+/// md.comp.menus.menu-item.label-text.size (Typography)
+$menu-item-label-text-size: md-sys-typescale.$label-large-size;
+/// md.comp.menus.menu-item.label-text.tracking (Typography)
+$menu-item-label-text-tracking: md-sys-typescale.$label-large-tracking;
+/// md.comp.menus.menu-item.label-text.weight (Typography)
+$menu-item-label-text-weight: md-sys-typescale.$label-large-weight;
+/// md.comp.menus.menu-item.last-child.inner-corner.corner-size (Shape / Default)
+$menu-item-last-child-inner-corner-corner-size: md-sys-shape.$corner-extra-small;
+/// md.comp.menus.menu-item.last-child.shape (Shape / Default)
+$menu-item-last-child-shape: md-sys-shape.$corner-medium;
+/// md.comp.menus.menu-item.selected.shape (Shape / Selected)
+$menu-item-selected-shape: md-sys-shape.$corner-medium;
+/// md.comp.menus.menu-item.shape (Shape / Default)
+$menu-item-shape: md-sys-shape.$corner-extra-small;
+/// md.comp.menus.menu-item.supporting-text.font (Typography)
+$menu-item-supporting-text-font: md-sys-typescale.$body-small-font;
+/// md.comp.menus.menu-item.supporting-text.line-height (Typography)
+$menu-item-supporting-text-line-height: md-sys-typescale.$body-small-line-height;
+/// md.comp.menus.menu-item.supporting-text.size (Typography)
+$menu-item-supporting-text-size: md-sys-typescale.$body-small-size;
+/// md.comp.menus.menu-item.supporting-text.tracking (Typography)
+$menu-item-supporting-text-tracking: md-sys-typescale.$body-small-tracking;
+/// md.comp.menus.menu-item.supporting-text.weight (Typography)
+$menu-item-supporting-text-weight: md-sys-typescale.$body-small-weight;
+/// md.comp.menus.menu-item.trailing-supporting-text.font (Typography)
+$menu-item-trailing-supporting-text-font: md-sys-typescale.$label-large-font;
+/// md.comp.menus.menu-item.trailing-supporting-text.line-height (Typography)
+$menu-item-trailing-supporting-text-line-height: md-sys-typescale.$label-large-line-height;
+/// md.comp.menus.menu-item.trailing-supporting-text.size (Typography)
+$menu-item-trailing-supporting-text-size: md-sys-typescale.$label-large-size;
+/// md.comp.menus.menu-item.trailing-supporting-text.tracking (Typography)
+$menu-item-trailing-supporting-text-tracking: md-sys-typescale.$label-large-tracking;
+/// md.comp.menus.menu-item.trailing-supporting-text.weight (Typography)
+$menu-item-trailing-supporting-text-weight: md-sys-typescale.$label-large-weight;
diff --git a/tokens/versions/v30_0/sass/_md-comp-nav-bar-item-horizontal.scss b/tokens/versions/v30_0/sass/_md-comp-nav-bar-item-horizontal.scss
new file mode 100644
index 0000000000..5539a30db6
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-nav-bar-item-horizontal.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.nav-bar.item.horizontal.active-indicator.height
+$active-indicator-height: 40px;
+/// md.comp.nav-bar.item.horizontal.active-indicator.icon-label-space
+$active-indicator-icon-label-space: 4px;
+/// md.comp.nav-bar.item.horizontal.active-indicator.leading-space
+$active-indicator-leading-space: 16px;
+/// md.comp.nav-bar.item.horizontal.active-indicator.trailing-space
+$active-indicator-trailing-space: 16px;
+/// md.comp.nav-bar.item.horizontal.label-text.font
+@mixin label-text-font {
+  @include md-sys-typescale.label-medium;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-nav-bar-item-vertical.scss b/tokens/versions/v30_0/sass/_md-comp-nav-bar-item-vertical.scss
new file mode 100644
index 0000000000..46d57bf843
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-nav-bar-item-vertical.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.nav-bar.item.vertical.active-indicator.height
+$active-indicator-height: 32px;
+/// md.comp.nav-bar.item.vertical.active-indicator.icon-label-space
+$active-indicator-icon-label-space: 4px;
+/// md.comp.nav-bar.item.vertical.active-indicator.width
+$active-indicator-width: 56px;
+/// md.comp.nav-bar.item.vertical.container.between-space
+$container-between-space: 6px;
+/// md.comp.nav-bar.item.vertical.label-text.font
+@mixin label-text-font {
+  @include md-sys-typescale.label-medium;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-nav-bar.scss b/tokens/versions/v30_0/sass/_md-comp-nav-bar.scss
new file mode 100644
index 0000000000..404eb4dd31
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-nav-bar.scss
@@ -0,0 +1,68 @@
+//
+// 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';
+
+/// md.comp.nav-bar.container.height (Container)
+$container-height: 64px;
+/// md.comp.nav-bar.item.active-indicator.icon-label-space (Nav item)
+$item-active-indicator-icon-label-space: 4px;
+/// md.comp.nav-bar.item.between-space (Nav item)
+$item-between-space: 0px;
+/// md.comp.nav-bar.item.icon.size (Nav item)
+$item-icon-size: 24px;
+/// md.comp.nav-bar.container.color (Color / Enabled)
+$container-color: md-sys-color.$surface-container;
+/// md.comp.nav-bar.container.elevation (Color / Enabled)
+$container-elevation: md-sys-elevation.$level2;
+/// md.comp.nav-bar.container.shadow-color (Color / Enabled)
+$container-shadow-color: md-sys-color.$shadow;
+/// md.comp.nav-bar.container.shape (Container)
+$container-shape: md-sys-shape.$corner-none;
+/// md.comp.nav-bar.item.active-indicator.shape (Nav item)
+$item-active-indicator-shape: md-sys-shape.$corner-full;
+/// md.comp.nav-bar.item.active.focused.state-layer.color (Color / Focused)
+$item-active-focused-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.nav-bar.item.active.focused.state-layer.opacity (Color / Focused)
+$item-active-focused-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.nav-bar.item.active.hovered.state-layer.color (Color / Hovered)
+$item-active-hovered-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.nav-bar.item.active.hovered.state-layer.opacity (Color / Hovered)
+$item-active-hovered-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.nav-bar.item.active.icon.color (Color / Enabled)
+$item-active-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.nav-bar.item.active.indicator.color (Color / Enabled)
+$item-active-indicator-color: md-sys-color.$secondary-container;
+/// md.comp.nav-bar.item.active.label-text.color (Color / Enabled)
+$item-active-label-text-color: md-sys-color.$secondary;
+/// md.comp.nav-bar.item.active.pressed.state-layer.color (Color / Pressed)
+$item-active-pressed-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.nav-bar.item.active.pressed.state-layer.opacity (Color / Pressed)
+$item-active-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.nav-bar.item.inactive.focused.state-layer.color (Color / Focused)
+$item-inactive-focused-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.nav-bar.item.inactive.hovered.state-layer.color (Color / Hovered)
+$item-inactive-hovered-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.nav-bar.item.inactive.icon.color (Color / Enabled)
+$item-inactive-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.nav-bar.item.inactive.label-text.color (Color / Enabled)
+$item-inactive-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.nav-bar.item.inactive.pressed.state-layer.color (Color / Pressed)
+$item-inactive-pressed-state-layer-color: md-sys-color.$on-secondary-container;
diff --git a/tokens/versions/v30_0/sass/_md-comp-nav-rail-collapsed.scss b/tokens/versions/v30_0/sass/_md-comp-nav-rail-collapsed.scss
new file mode 100644
index 0000000000..8c3f5c2bf8
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-nav-rail-collapsed.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-color';
+@use 'md-sys-elevation';
+@use 'md-sys-shape';
+
+/// md.comp.nav-rail.collapsed.container.width
+$container-width: 96px;
+/// md.comp.nav-rail.collapsed.item.vertical-space
+$item-vertical-space: 4px;
+/// md.comp.nav-rail.collapsed.narrow.container.width
+$narrow-container-width: 80px;
+/// md.comp.nav-rail.collapsed.top-space
+$top-space: 44px;
+/// md.comp.nav-rail.collapsed.container.color
+$container-color: md-sys-color.$surface;
+/// md.comp.nav-rail.collapsed.container.elevation
+$container-elevation: md-sys-elevation.$level0;
+/// md.comp.nav-rail.collapsed.container.shape
+$container-shape: md-sys-shape.$corner-none;
diff --git a/tokens/versions/v30_0/sass/_md-comp-nav-rail-expanded.scss b/tokens/versions/v30_0/sass/_md-comp-nav-rail-expanded.scss
new file mode 100644
index 0000000000..3682f1f372
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-nav-rail-expanded.scss
@@ -0,0 +1,47 @@
+//
+// 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.nav-rail.expanded.between-item-space
+///
+/// @deprecated Token not needed as value is "0dp"
+$between-item-space: 0px;
+/// md.comp.nav-rail.expanded.container.width.maximum
+$container-width-maximum: 360px;
+/// md.comp.nav-rail.expanded.container.width.minimum
+$container-width-minimum: 220px;
+/// md.comp.nav-rail.expanded.top-space
+$top-space: 44px;
+/// md.comp.nav-rail.expanded.vertical.trailing-space
+///
+/// @deprecated Token moved to nav rail item horizontal set
+$vertical-trailing-space: 20px;
+/// md.comp.nav-rail.expanded.container.color
+$container-color: md-sys-color.$surface;
+/// md.comp.nav-rail.expanded.container.elevation
+$container-elevation: md-sys-elevation.$level0;
+/// md.comp.nav-rail.expanded.container.shape
+$container-shape: md-sys-shape.$corner-none;
+/// md.comp.nav-rail.expanded.modal.container.color
+$modal-container-color: md-sys-color.$surface-container;
+/// md.comp.nav-rail.expanded.modal.container.elevation
+$modal-container-elevation: md-sys-elevation.$level2;
+/// md.comp.nav-rail.expanded.modal.container.shape
+$modal-container-shape: md-sys-shape.$corner-large;
diff --git a/tokens/versions/v30_0/sass/_md-comp-nav-rail-item-horizontal.scss b/tokens/versions/v30_0/sass/_md-comp-nav-rail-item-horizontal.scss
new file mode 100644
index 0000000000..b397f29396
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-nav-rail-item-horizontal.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.nav-rail.item.horizontal.active-indicator.height
+$active-indicator-height: 56px;
+/// md.comp.nav-rail.item.horizontal.full-width.leading-space
+$full-width-leading-space: 16px;
+/// md.comp.nav-rail.item.horizontal.full-width.trailing-space
+$full-width-trailing-space: 16px;
+/// md.comp.nav-rail.item.horizontal.icon-label-space
+$icon-label-space: 8px;
+/// md.comp.nav-rail.item.horizontal.label-text.font
+@mixin label-text-font {
+  @include md-sys-typescale.label-large;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-nav-rail-item-vertical.scss b/tokens/versions/v30_0/sass/_md-comp-nav-rail-item-vertical.scss
new file mode 100644
index 0000000000..3d100d5ee8
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-nav-rail-item-vertical.scss
@@ -0,0 +1,33 @@
+//
+// 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.nav-rail.item.vertical.active-indicator.height
+$active-indicator-height: 32px;
+/// md.comp.nav-rail.item.vertical.active-indicator.width
+$active-indicator-width: 56px;
+/// md.comp.nav-rail.item.vertical.icon-label-space
+$icon-label-space: 4px;
+/// md.comp.nav-rail.item.vertical.leading-space
+$leading-space: 16px;
+/// md.comp.nav-rail.item.vertical.trailing-space
+$trailing-space: 16px;
+/// md.comp.nav-rail.item.vertical.label-text.font
+@mixin label-text-font {
+  @include md-sys-typescale.label-medium;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-nav-rail-item.scss b/tokens/versions/v30_0/sass/_md-comp-nav-rail-item.scss
new file mode 100644
index 0000000000..a1db1c0145
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-nav-rail-item.scss
@@ -0,0 +1,39 @@
+//
+// 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';
+
+/// md.comp.nav-rail.item.active-indicator.icon-label-space
+$active-indicator-icon-label-space: 8px;
+/// md.comp.nav-rail.item.active-indicator.leading-space
+$active-indicator-leading-space: 16px;
+/// md.comp.nav-rail.item.active-indicator.trailing-space
+$active-indicator-trailing-space: 16px;
+/// md.comp.nav-rail.item.container.height
+$container-height: 64px;
+/// md.comp.nav-rail.item.container.vertical-space
+$container-vertical-space: 6px;
+/// md.comp.nav-rail.item.header-space-minimum
+$header-space-minimum: 40px;
+/// md.comp.nav-rail.item.icon.size
+$icon-size: 24px;
+/// md.comp.nav-rail.item.short.container.height
+$short-container-height: 56px;
+/// md.comp.nav-rail.item.active-indicator.shape
+$active-indicator-shape: md-sys-shape.$corner-full;
+/// md.comp.nav-rail.item.container.shape
+$container-shape: md-sys-shape.$corner-none;
diff --git a/tokens/versions/v30_0/sass/_md-comp-nav-rail.scss b/tokens/versions/v30_0/sass/_md-comp-nav-rail.scss
new file mode 100644
index 0000000000..47dcb90adf
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-nav-rail.scss
@@ -0,0 +1,48 @@
+//
+// 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-state';
+
+/// md.comp.nav-rail.item.active.focused.state-layer.color (Focused)
+$item-active-focused-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.nav-rail.item.active.focused.state-layer.opacity (Focused)
+$item-active-focused-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.nav-rail.item.active.hovered.state-layer.color (Hovered)
+$item-active-hovered-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.nav-rail.item.active.hovered.state-layer.opacity (Hovered)
+$item-active-hovered-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.nav-rail.item.active.icon.color (Enabled)
+$item-active-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.nav-rail.item.active.indicator.color (Enabled)
+$item-active-indicator-color: md-sys-color.$secondary-container;
+/// md.comp.nav-rail.item.active.label-text.color (Enabled)
+$item-active-label-text-color: md-sys-color.$secondary;
+/// md.comp.nav-rail.item.active.pressed.state-layer.color (Pressed)
+$item-active-pressed-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.nav-rail.item.active.pressed.state-layer.opacity (Pressed)
+$item-active-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.nav-rail.item.inactive.focused.state-layer.color (Focused)
+$item-inactive-focused-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.nav-rail.item.inactive.hovered.state-layer.color (Hovered)
+$item-inactive-hovered-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.nav-rail.item.inactive.icon.color (Enabled)
+$item-inactive-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.nav-rail.item.inactive.label-text.color (Enabled)
+$item-inactive-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.nav-rail.item.inactive.pressed.state-layer.color (Pressed)
+$item-inactive-pressed-state-layer-color: md-sys-color.$on-secondary-container;
diff --git a/tokens/versions/v30_0/sass/_md-comp-navigation-bar.scss b/tokens/versions/v30_0/sass/_md-comp-navigation-bar.scss
new file mode 100644
index 0000000000..e86c5f90f4
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-navigation-bar.scss
@@ -0,0 +1,150 @@
+//
+// 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.navigation-bar.active-indicator.height (Enabled / Active indicator)
+$active-indicator-height: 32px;
+/// md.comp.navigation-bar.active-indicator.width (Enabled / Active indicator)
+$active-indicator-width: 64px;
+/// md.comp.navigation-bar.badge.shape (Enabled / [Deprecated] Badge)
+///
+/// @deprecated Badge values were refactored out into their own token set. Replace usage with the equivalent `md.comp.badge.*` tokens.
+$badge-shape: 3px;
+/// md.comp.navigation-bar.badge.size (Enabled / [Deprecated] Badge)
+///
+/// @deprecated Badge values were refactored out into their own token set. Replace usage with the equivalent `md.comp.badge.*` tokens.
+$badge-size: 6px;
+/// md.comp.navigation-bar.container.height (Enabled / Container)
+$container-height: 80px;
+/// md.comp.navigation-bar.icon.size (Enabled / Icon)
+$icon-size: 24px;
+/// md.comp.navigation-bar.large-badge.shape (Enabled / [Deprecated] Large badge)
+///
+/// @deprecated Badge values were refactored out into their own token set. Replace usage with the equivalent `md.comp.badge.large.*` tokens.
+$large-badge-shape: 8px;
+/// md.comp.navigation-bar.large-badge.size (Enabled / [Deprecated] Large badge)
+///
+/// @deprecated Badge values were refactored out into their own token set. Replace usage with the equivalent `md.comp.badge.large.*` tokens.
+$large-badge-size: 16px;
+/// md.comp.navigation-bar.active-indicator.color (Enabled / Active indicator)
+$active-indicator-color: md-sys-color.$secondary-container;
+/// md.comp.navigation-bar.active-indicator.shape (Enabled / Active indicator)
+$active-indicator-shape: md-sys-shape.$corner-full;
+/// md.comp.navigation-bar.active.focus.icon.color (Enabled / Icon)
+$active-focus-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.navigation-bar.active.focus.label-text.color (Enabled / Label text)
+$active-focus-label-text-color: md-sys-color.$on-surface;
+/// md.comp.navigation-bar.active.focus.state-layer.color (Enabled / State layer)
+$active-focus-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.navigation-bar.active.hover.icon.color (Enabled / Icon)
+$active-hover-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.navigation-bar.active.hover.label-text.color (Enabled / Label text)
+$active-hover-label-text-color: md-sys-color.$on-surface;
+/// md.comp.navigation-bar.active.hover.state-layer.color (Enabled / State layer)
+$active-hover-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.navigation-bar.active.icon.color (Enabled / Icon)
+$active-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.navigation-bar.active.label-text.color (Enabled / Label text)
+$active-label-text-color: md-sys-color.$on-surface;
+/// md.comp.navigation-bar.active.label-text.weight (Enabled / Label text)
+$active-label-text-weight: md-sys-typescale.$label-medium-weight-prominent;
+/// md.comp.navigation-bar.active.pressed.icon.color (Enabled / Icon)
+$active-pressed-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.navigation-bar.active.pressed.label-text.color (Enabled / Label text)
+$active-pressed-label-text-color: md-sys-color.$on-surface;
+/// md.comp.navigation-bar.active.pressed.state-layer.color (Enabled / State layer)
+$active-pressed-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.navigation-bar.badge.color (Enabled / [Deprecated] Badge)
+///
+/// @deprecated Badge values were refactored out into their own token set. Replace usage with the equivalent `md.comp.badge.*` tokens.
+$badge-color: md-sys-color.$error;
+/// md.comp.navigation-bar.container.color (Enabled / Container)
+$container-color: md-sys-color.$surface-container;
+/// md.comp.navigation-bar.container.elevation (Enabled / Container)
+$container-elevation: md-sys-elevation.$level2;
+/// md.comp.navigation-bar.container.shadow-color (Enabled / Container)
+///
+/// @deprecated Bug: should not have been created. Remove any shadows on navigation bars.
+$container-shadow-color: md-sys-color.$shadow;
+/// md.comp.navigation-bar.container.shape (Enabled / Container)
+$container-shape: md-sys-shape.$corner-none;
+/// md.comp.navigation-bar.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.navigation-bar.focus.indicator.color (Enabled / Focus indicator)
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.navigation-bar.focus.indicator.outline.offset (Enabled / Focus indicator)
+$focus-indicator-outline-offset: md-sys-state-focus-indicator.$inner-offset;
+/// md.comp.navigation-bar.focus.indicator.thickness (Enabled / Focus indicator)
+$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.comp.navigation-bar.focus.state-layer.opacity (Enabled / State layer)
+$focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.navigation-bar.hover.state-layer.opacity (Enabled / State layer)
+$hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.navigation-bar.inactive.focus.icon.color (Enabled / Icon)
+$inactive-focus-icon-color: md-sys-color.$on-surface;
+/// md.comp.navigation-bar.inactive.focus.label-text.color (Enabled / Label text)
+$inactive-focus-label-text-color: md-sys-color.$on-surface;
+/// md.comp.navigation-bar.inactive.focus.state-layer.color (Enabled / State layer)
+$inactive-focus-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.navigation-bar.inactive.hover.icon.color (Enabled / Icon)
+$inactive-hover-icon-color: md-sys-color.$on-surface;
+/// md.comp.navigation-bar.inactive.hover.label-text.color (Enabled / Label text)
+$inactive-hover-label-text-color: md-sys-color.$on-surface;
+/// md.comp.navigation-bar.inactive.hover.state-layer.color (Enabled / State layer)
+$inactive-hover-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.navigation-bar.inactive.icon.color (Enabled / Icon)
+$inactive-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.navigation-bar.inactive.label-text.color (Enabled / Label text)
+$inactive-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.navigation-bar.inactive.pressed.icon.color (Enabled / Icon)
+$inactive-pressed-icon-color: md-sys-color.$on-surface;
+/// md.comp.navigation-bar.inactive.pressed.label-text.color (Enabled / Label text)
+$inactive-pressed-label-text-color: md-sys-color.$on-surface;
+/// md.comp.navigation-bar.inactive.pressed.state-layer.color (Enabled / State layer)
+$inactive-pressed-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.navigation-bar.label-text.font (Enabled / Label text)
+$label-text-font: md-sys-typescale.$label-medium-font;
+/// md.comp.navigation-bar.label-text.line-height (Enabled / Label text)
+$label-text-line-height: md-sys-typescale.$label-medium-line-height;
+/// md.comp.navigation-bar.label-text.size (Enabled / Label text)
+$label-text-size: md-sys-typescale.$label-medium-size;
+/// md.comp.navigation-bar.label-text.tracking (Enabled / Label text)
+$label-text-tracking: md-sys-typescale.$label-medium-tracking;
+/// md.comp.navigation-bar.label-text.weight (Enabled / Label text)
+$label-text-weight: md-sys-typescale.$label-medium-weight;
+/// md.comp.navigation-bar.large-badge.color (Enabled / [Deprecated] Large badge)
+///
+/// @deprecated Badge values were refactored out into their own token set. Replace usage with the equivalent `md.comp.badge.large.*` tokens.
+$large-badge-color: md-sys-color.$error;
+/// md.comp.navigation-bar.pressed.state-layer.opacity (Enabled / State layer)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.navigation-bar.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;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-navigation-drawer.scss b/tokens/versions/v30_0/sass/_md-comp-navigation-drawer.scss
new file mode 100644
index 0000000000..13e09ac26b
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-navigation-drawer.scss
@@ -0,0 +1,187 @@
+//
+// 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-ref-palette';
+@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.navigation-drawer.active-indicator.height (Enabled / Active indicator)
+$active-indicator-height: 56px;
+/// md.comp.navigation-drawer.active-indicator.width (Enabled / Active indicator)
+$active-indicator-width: 336px;
+/// md.comp.navigation-drawer.container.height (Enabled / Container)
+$container-height: 100%;
+/// md.comp.navigation-drawer.container.width (Enabled / Container)
+$container-width: 360px;
+/// md.comp.navigation-drawer.icon.size (Enabled / Icon)
+$icon-size: 24px;
+/// md.comp.navigation-drawer.scrim.opacity (Enabled / [Deprecated] Scrim)
+///
+/// @deprecated Bug fix. Token does not represent M3 design intent. Use Neutral-Variant10 at 50% for scrims instead.
+$scrim-opacity: 0.4;
+/// md.comp.navigation-drawer.active-indicator.color (Enabled / Active indicator)
+$active-indicator-color: md-sys-color.$secondary-container;
+/// md.comp.navigation-drawer.active-indicator.shape (Enabled / Active indicator)
+$active-indicator-shape: md-sys-shape.$corner-full;
+/// md.comp.navigation-drawer.active.focus.icon.color (Focused / Icon)
+$active-focus-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.navigation-drawer.active.focus.label-text.color (Focused / Label text)
+$active-focus-label-text-color: md-sys-color.$on-secondary-container;
+/// md.comp.navigation-drawer.active.focus.state-layer.color (Focused / State layer)
+$active-focus-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.navigation-drawer.active.hover.icon.color (Hovered / Icon)
+$active-hover-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.navigation-drawer.active.hover.label-text.color (Hovered / Label text)
+$active-hover-label-text-color: md-sys-color.$on-secondary-container;
+/// md.comp.navigation-drawer.active.hover.state-layer.color (Hovered / State layer)
+$active-hover-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.navigation-drawer.active.icon.color (Enabled / Icon)
+$active-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.navigation-drawer.active.label-text.color (Enabled / Label text)
+$active-label-text-color: md-sys-color.$on-secondary-container;
+/// md.comp.navigation-drawer.active.label-text.weight (Enabled / Label text)
+$active-label-text-weight: md-sys-typescale.$label-large-weight-prominent;
+/// md.comp.navigation-drawer.active.pressed.icon.color (Pressed (ripple) / Icon)
+$active-pressed-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.navigation-drawer.active.pressed.label-text.color (Pressed (ripple) / Label text)
+$active-pressed-label-text-color: md-sys-color.$on-secondary-container;
+/// md.comp.navigation-drawer.active.pressed.state-layer.color (Pressed (ripple) / State layer)
+$active-pressed-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.navigation-drawer.bottom.container.shape (Enabled / Container)
+$bottom-container-shape: md-sys-shape.$corner-large-top;
+/// md.comp.navigation-drawer.container.color (Enabled / Container)
+///
+/// @deprecated Deprecated as part of the update from opacity based surfaces to tonal surfaces. Use "md.comp.navigation-drawer.modal.container.color" or "md.comp.navigation-drawer.standard.container.color" instead depending on desired configuration.
+$container-color: md-sys-color.$surface;
+/// md.comp.navigation-drawer.container.shape (Enabled / Container)
+$container-shape: md-sys-shape.$corner-large-end;
+/// md.comp.navigation-drawer.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.navigation-drawer.divider.color (Enabled / Divider)
+///
+/// @deprecated Depcrecating all divider tokens nested across components. Please use the standalone divider component token md.comp.divider.color as a replacement
+$divider-color: md-sys-color.$outline;
+/// md.comp.navigation-drawer.focus.indicator.color (Focused / Focus indicator)
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.navigation-drawer.focus.indicator.outline.offset (Focused / Focus indicator)
+$focus-indicator-outline-offset: md-sys-state-focus-indicator.$inner-offset;
+/// md.comp.navigation-drawer.focus.indicator.thickness (Focused / Focus indicator)
+$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.comp.navigation-drawer.focus.state-layer.opacity (Focused / State layer)
+$focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.navigation-drawer.headline.color (Enabled / Headline)
+$headline-color: md-sys-color.$on-surface-variant;
+/// md.comp.navigation-drawer.headline.font (Enabled / Headline)
+$headline-font: md-sys-typescale.$title-small-font;
+/// md.comp.navigation-drawer.headline.line-height (Enabled / Headline)
+$headline-line-height: md-sys-typescale.$title-small-line-height;
+/// md.comp.navigation-drawer.headline.size (Enabled / Headline)
+$headline-size: md-sys-typescale.$title-small-size;
+/// md.comp.navigation-drawer.headline.tracking (Enabled / Headline)
+$headline-tracking: md-sys-typescale.$title-small-tracking;
+/// md.comp.navigation-drawer.headline.weight (Enabled / Headline)
+$headline-weight: md-sys-typescale.$title-small-weight;
+/// md.comp.navigation-drawer.hover.state-layer.opacity (Hovered / State layer)
+$hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.navigation-drawer.inactive.focus.icon.color (Focused / Icon)
+$inactive-focus-icon-color: md-sys-color.$on-surface;
+/// md.comp.navigation-drawer.inactive.focus.label-text.color (Focused / Label text)
+$inactive-focus-label-text-color: md-sys-color.$on-surface;
+/// md.comp.navigation-drawer.inactive.focus.state-layer.color (Focused / State layer)
+$inactive-focus-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.navigation-drawer.inactive.hover.icon.color (Hovered / Icon)
+$inactive-hover-icon-color: md-sys-color.$on-surface;
+/// md.comp.navigation-drawer.inactive.hover.label-text.color (Hovered / Label text)
+$inactive-hover-label-text-color: md-sys-color.$on-surface;
+/// md.comp.navigation-drawer.inactive.hover.state-layer.color (Hovered / State layer)
+$inactive-hover-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.navigation-drawer.inactive.icon.color (Enabled / Icon)
+$inactive-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.navigation-drawer.inactive.label-text.color (Enabled / Label text)
+$inactive-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.navigation-drawer.inactive.pressed.icon.color (Pressed (ripple) / Icon)
+$inactive-pressed-icon-color: md-sys-color.$on-surface;
+/// md.comp.navigation-drawer.inactive.pressed.label-text.color (Pressed (ripple) / Label text)
+$inactive-pressed-label-text-color: md-sys-color.$on-surface;
+/// md.comp.navigation-drawer.inactive.pressed.state-layer.color (Pressed (ripple) / State layer)
+$inactive-pressed-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.navigation-drawer.label-text.font (Enabled / Label text)
+$label-text-font: md-sys-typescale.$label-large-font;
+/// md.comp.navigation-drawer.label-text.line-height (Enabled / Label text)
+$label-text-line-height: md-sys-typescale.$label-large-line-height;
+/// md.comp.navigation-drawer.label-text.size (Enabled / Label text)
+$label-text-size: md-sys-typescale.$label-large-size;
+/// md.comp.navigation-drawer.label-text.tracking (Enabled / Label text)
+$label-text-tracking: md-sys-typescale.$label-large-tracking;
+/// md.comp.navigation-drawer.label-text.weight (Enabled / Label text)
+$label-text-weight: md-sys-typescale.$label-large-weight;
+/// md.comp.navigation-drawer.large-badge-label.color (Enabled / Large badge label)
+$large-badge-label-color: md-sys-color.$on-surface-variant;
+/// md.comp.navigation-drawer.large-badge-label.font (Enabled / Large badge label)
+$large-badge-label-font: md-sys-typescale.$label-large-font;
+/// md.comp.navigation-drawer.large-badge-label.line-height (Enabled / Large badge label)
+$large-badge-label-line-height: md-sys-typescale.$label-large-line-height;
+/// md.comp.navigation-drawer.large-badge-label.size (Enabled / Large badge label)
+$large-badge-label-size: md-sys-typescale.$label-large-size;
+/// md.comp.navigation-drawer.large-badge-label.tracking (Enabled / Large badge label)
+$large-badge-label-tracking: md-sys-typescale.$label-large-tracking;
+/// md.comp.navigation-drawer.large-badge-label.weight (Enabled / Large badge label)
+$large-badge-label-weight: md-sys-typescale.$label-large-weight;
+/// md.comp.navigation-drawer.modal.container.color (Enabled / Container)
+$modal-container-color: md-sys-color.$surface-container-low;
+/// md.comp.navigation-drawer.modal.container.elevation (Enabled / Container)
+$modal-container-elevation: md-sys-elevation.$level1;
+/// md.comp.navigation-drawer.pressed.state-layer.opacity (Pressed (ripple) / State layer)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.navigation-drawer.scrim.color (Enabled / [Deprecated] Scrim)
+///
+/// @deprecated Bug fix. Token does not represent M3 design intent. Use Neutral-Variant10 at 50% for scrims instead.
+$scrim-color: md-ref-palette.$neutral-variant20;
+/// md.comp.navigation-drawer.standard.container.color (Enabled / Container)
+$standard-container-color: md-sys-color.$surface;
+/// md.comp.navigation-drawer.standard.container.elevation (Enabled / Container)
+$standard-container-elevation: md-sys-elevation.$level0;
+/// md.comp.navigation-drawer.headline.type (Enabled / Headline)
+@mixin headline-type {
+  font-family: $headline-font;
+  font-size: $headline-size;
+  font-weight: $headline-weight;
+  letter-spacing: $headline-tracking;
+  line-height: $headline-line-height;
+}
+/// md.comp.navigation-drawer.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;
+}
+/// md.comp.navigation-drawer.large-badge-label.type (Enabled / Large badge label)
+@mixin large-badge-label-type {
+  font-family: $large-badge-label-font;
+  font-size: $large-badge-label-size;
+  font-weight: $large-badge-label-weight;
+  letter-spacing: $large-badge-label-tracking;
+  line-height: $large-badge-label-line-height;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-navigation-rail.scss b/tokens/versions/v30_0/sass/_md-comp-navigation-rail.scss
new file mode 100644
index 0000000000..7f5e05fdf6
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-navigation-rail.scss
@@ -0,0 +1,233 @@
+//
+// 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-typescale';
+
+/// md.comp.navigation-rail.active-indicator.height (Enabled / Active indicator)
+$active-indicator-height: 32px;
+/// md.comp.navigation-rail.active-indicator.width (Enabled / Active indicator)
+$active-indicator-width: 56px;
+/// md.comp.navigation-rail.badge.shape (Enabled / [Deprecated] Badge)
+///
+/// @deprecated Badge values were refactored out into their own token set. Replace usage with the equivalent `md.comp.badge.*` tokens.
+$badge-shape: 3px;
+/// md.comp.navigation-rail.badge.size (Enabled / [Deprecated] Badge)
+///
+/// @deprecated Badge values were refactored out into their own token set. Replace usage with the equivalent `md.comp.badge.*` tokens.
+$badge-size: 6px;
+/// md.comp.navigation-rail.container.width (Enabled / Container)
+$container-width: 80px;
+/// md.comp.navigation-rail.icon.size (Enabled / Icon)
+$icon-size: 24px;
+/// md.comp.navigation-rail.large-badge.shape (Enabled / [Deprecated] Large badge)
+///
+/// @deprecated Badge values were refactored out into their own token set. Replace usage with the equivalent `md.comp.badge.large.*` tokens.
+$large-badge-shape: 8px;
+/// md.comp.navigation-rail.large-badge.size (Enabled / [Deprecated] Large badge)
+///
+/// @deprecated Badge values were refactored out into their own token set. Replace usage with the equivalent `md.comp.badge.large.*` tokens.
+$large-badge-size: 16px;
+/// md.comp.navigation-rail.menu.icon.size (Enabled / Icon)
+///
+/// @deprecated Using menu button token instead, this token no longer needed.
+$menu-icon-size: 24px;
+/// md.comp.navigation-rail.no-label.active-indicator.height (Enabled / Active indicator)
+$no-label-active-indicator-height: 56px;
+/// md.comp.navigation-rail.active-indicator.color (Enabled / Active indicator)
+$active-indicator-color: md-sys-color.$secondary-container;
+/// md.comp.navigation-rail.active-indicator.shape (Enabled / Active indicator)
+$active-indicator-shape: md-sys-shape.$corner-full;
+/// md.comp.navigation-rail.active.focus.icon.color (Focused / Icon)
+$active-focus-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.navigation-rail.active.focus.label-text.color (Focused / Label text)
+$active-focus-label-text-color: md-sys-color.$on-surface;
+/// md.comp.navigation-rail.active.focus.state-layer.color (Focused / State layer)
+$active-focus-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.navigation-rail.active.hover.icon.color (Hovered / Icon)
+$active-hover-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.navigation-rail.active.hover.label-text.color (Hovered / Label text)
+$active-hover-label-text-color: md-sys-color.$on-surface;
+/// md.comp.navigation-rail.active.hover.state-layer.color (Hovered / State layer)
+$active-hover-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.navigation-rail.active.icon.color (Enabled / Icon)
+$active-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.navigation-rail.active.label-text.color (Enabled / Label text)
+$active-label-text-color: md-sys-color.$on-surface;
+/// md.comp.navigation-rail.active.label-text.weight (Enabled / Label text)
+$active-label-text-weight: md-sys-typescale.$label-medium-weight-prominent;
+/// md.comp.navigation-rail.active.pressed.icon.color (Pressed (ripple) / Icon)
+$active-pressed-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.navigation-rail.active.pressed.label-text.color (Pressed (ripple) / Label text)
+$active-pressed-label-text-color: md-sys-color.$on-surface;
+/// md.comp.navigation-rail.active.pressed.state-layer.color (Pressed (ripple) / State layer)
+$active-pressed-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.navigation-rail.badge.color (Enabled / [Deprecated] Badge)
+///
+/// @deprecated Badge values were refactored out into their own token set. Replace usage with the equivalent `md.comp.badge.*` tokens.
+$badge-color: md-sys-color.$error;
+/// md.comp.navigation-rail.container.color (Enabled / Container)
+$container-color: md-sys-color.$surface;
+/// md.comp.navigation-rail.container.elevation (Enabled / Container)
+$container-elevation: md-sys-elevation.$level0;
+/// md.comp.navigation-rail.container.shape (Enabled / Container)
+$container-shape: md-sys-shape.$corner-none;
+/// md.comp.navigation-rail.focus.state-layer.opacity (Focused / State layer)
+$focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.navigation-rail.hover.state-layer.opacity (Hovered / State layer)
+$hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.navigation-rail.inactive.focus.icon.color (Focused / Icon)
+$inactive-focus-icon-color: md-sys-color.$on-surface;
+/// md.comp.navigation-rail.inactive.focus.label-text.color (Focused / Label text)
+$inactive-focus-label-text-color: md-sys-color.$on-surface;
+/// md.comp.navigation-rail.inactive.focus.state-layer.color (Focused / State layer)
+$inactive-focus-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.navigation-rail.inactive.hover.icon.color (Hovered / Icon)
+$inactive-hover-icon-color: md-sys-color.$on-surface;
+/// md.comp.navigation-rail.inactive.hover.label-text.color (Hovered / Label text)
+$inactive-hover-label-text-color: md-sys-color.$on-surface;
+/// md.comp.navigation-rail.inactive.hover.state-layer.color (Hovered / State layer)
+$inactive-hover-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.navigation-rail.inactive.icon.color (Enabled / Icon)
+$inactive-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.navigation-rail.inactive.label-text.color (Enabled / Label text)
+$inactive-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.navigation-rail.inactive.pressed.icon.color (Pressed (ripple) / Icon)
+$inactive-pressed-icon-color: md-sys-color.$on-surface;
+/// md.comp.navigation-rail.inactive.pressed.label-text.color (Pressed (ripple) / Label text)
+$inactive-pressed-label-text-color: md-sys-color.$on-surface;
+/// md.comp.navigation-rail.inactive.pressed.state-layer.color (Pressed (ripple) / State layer)
+$inactive-pressed-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.navigation-rail.label-text.font (Enabled / Label text)
+$label-text-font: md-sys-typescale.$label-medium-font;
+/// md.comp.navigation-rail.label-text.font-family (Enabled / Label text)
+///
+/// @deprecated For consistency, we have standardized typography naming. Replace usage with the suggested token.
+$label-text-font-family: md-sys-typescale.$label-medium-font;
+/// md.comp.navigation-rail.label-text.font-size (Enabled / Label text)
+///
+/// @deprecated For consistency, we have standardized typography naming. Replace usage with the suggested token.
+$label-text-font-size: md-sys-typescale.$label-medium-size;
+/// md.comp.navigation-rail.label-text.letter-spacing (Enabled / Label text)
+///
+/// @deprecated For consistency, we have standardized typography naming. Replace usage with the suggested token.
+$label-text-letter-spacing: md-sys-typescale.$label-medium-tracking;
+/// md.comp.navigation-rail.label-text.line-height (Enabled / Label text)
+$label-text-line-height: md-sys-typescale.$label-medium-line-height;
+/// md.comp.navigation-rail.label-text.size (Enabled / Label text)
+$label-text-size: md-sys-typescale.$label-medium-size;
+/// md.comp.navigation-rail.label-text.tracking (Enabled / Label text)
+$label-text-tracking: md-sys-typescale.$label-medium-tracking;
+/// md.comp.navigation-rail.label-text.weight (Enabled / Label text)
+$label-text-weight: md-sys-typescale.$label-medium-weight;
+/// md.comp.navigation-rail.large-badge-label.color (Enabled / [Deprecated] Large badge label)
+///
+/// @deprecated Badge values were refactored out into their own token set. Replace usage with the equivalent `md.comp.badge.large.*` tokens.
+$large-badge-label-color: md-sys-color.$on-error;
+/// md.comp.navigation-rail.large-badge-label.font (Enabled / [Deprecated] Large badge label)
+///
+/// @deprecated Badge values were refactored out into their own token set. Replace usage with the equivalent `md.comp.badge.large.*` tokens.
+$large-badge-label-font: md-sys-typescale.$label-small-font;
+/// md.comp.navigation-rail.large-badge-label.font-family (Enabled / [Deprecated] Large badge label)
+///
+/// @deprecated For consistency, we have standardized typography naming. Replace usage with the suggested token.
+$large-badge-label-font-family: md-sys-typescale.$label-small-font;
+/// md.comp.navigation-rail.large-badge-label.line-height (Enabled / [Deprecated] Large badge label)
+///
+/// @deprecated Badge values were refactored out into their own token set. Replace usage with the equivalent `md.comp.badge.large.*` tokens.
+$large-badge-label-line-height: md-sys-typescale.$label-small-line-height;
+/// md.comp.navigation-rail.large-badge-label.size (Enabled / [Deprecated] Large badge label)
+///
+/// @deprecated Badge values were refactored out into their own token set. Replace usage with the equivalent `md.comp.badge.large.*` tokens.
+$large-badge-label-size: md-sys-typescale.$label-small-size;
+/// md.comp.navigation-rail.large-badge-label.tracking (Enabled / [Deprecated] Large badge label)
+///
+/// @deprecated Badge values were refactored out into their own token set. Replace usage with the equivalent `md.comp.badge.large.*` tokens.
+$large-badge-label-tracking: md-sys-typescale.$label-small-tracking;
+/// md.comp.navigation-rail.large-badge-label.weight (Enabled / [Deprecated] Large badge label)
+///
+/// @deprecated Badge values were refactored out into their own token set. Replace usage with the equivalent `md.comp.badge.large.*` tokens.
+$large-badge-label-weight: md-sys-typescale.$label-small-weight;
+/// md.comp.navigation-rail.large-badge.color (Enabled / [Deprecated] Large badge)
+///
+/// @deprecated Badge values were refactored out into their own token set. Replace usage with the equivalent `md.comp.badge.large.*` tokens.
+$large-badge-color: md-sys-color.$error;
+/// md.comp.navigation-rail.menu.focus.icon.color (Focused / Icon)
+///
+/// @deprecated Using menu button token instead, this token no longer needed.
+$menu-focus-icon-color: md-sys-color.$on-surface;
+/// md.comp.navigation-rail.menu.focus.state-layer.color (Focused / State layer)
+///
+/// @deprecated Using menu button token instead, this token no longer needed.
+$menu-focus-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.navigation-rail.menu.focus.state-layer.opacity (Focused / State layer)
+///
+/// @deprecated Using menu button token instead, this token no longer needed.
+$menu-focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.navigation-rail.menu.hover.icon.color (Hovered / Icon)
+///
+/// @deprecated Using menu button token instead, this token no longer needed.
+$menu-hover-icon-color: md-sys-color.$on-surface;
+/// md.comp.navigation-rail.menu.hover.state-layer.color (Hovered / State layer)
+///
+/// @deprecated Using menu button token instead, this token no longer needed.
+$menu-hover-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.navigation-rail.menu.hover.state-layer.opacity (Hovered / State layer)
+///
+/// @deprecated Using menu button token instead, this token no longer needed.
+$menu-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.navigation-rail.menu.icon.color (Enabled / Icon)
+///
+/// @deprecated Using menu button token instead, this token no longer needed.
+$menu-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.navigation-rail.menu.pressed.icon.color (Pressed (ripple) / Icon)
+///
+/// @deprecated Using menu button token instead, this token no longer needed.
+$menu-pressed-icon-color: md-sys-color.$on-surface;
+/// md.comp.navigation-rail.menu.pressed.state-layer.color (Pressed (ripple) / State layer)
+///
+/// @deprecated Using menu button token instead, this token no longer needed.
+$menu-pressed-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.navigation-rail.menu.pressed.state-layer.opacity (Pressed (ripple) / State layer)
+///
+/// @deprecated Using menu button token instead, this token no longer needed.
+$menu-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.navigation-rail.no-label.active-indicator.shape (Enabled / Active indicator)
+$no-label-active-indicator-shape: md-sys-shape.$corner-full;
+/// md.comp.navigation-rail.pressed.state-layer.opacity (Pressed (ripple) / State layer)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.navigation-rail.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;
+}
+/// md.comp.navigation-rail.large-badge-label.type (Enabled / [Deprecated] Large badge label)
+///
+/// @deprecated Badge values were refactored out into their own token set. Replace usage with the equivalent `md.comp.badge.large.*` tokens.
+@mixin large-badge-label-type {
+  font-family: $large-badge-label-font;
+  font-size: $large-badge-label-size;
+  font-weight: $large-badge-label-weight;
+  letter-spacing: $large-badge-label-tracking;
+  line-height: $large-badge-label-line-height;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-outlined-autocomplete.scss b/tokens/versions/v30_0/sass/_md-comp-outlined-autocomplete.scss
new file mode 100644
index 0000000000..a17c96d368
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-outlined-autocomplete.scss
@@ -0,0 +1,275 @@
+//
+// 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-typescale';
+
+/// md.comp.outlined-autocomplete.menu.cascading-menu-indicator.icon.size (Enabled / Icon)
+$menu-cascading-menu-indicator-icon-size: 24px;
+/// md.comp.outlined-autocomplete.menu.divider.height (Enabled / Divider)
+///
+/// @deprecated Deprecating per b/262592125
+$menu-divider-height: 1px;
+/// md.comp.outlined-autocomplete.menu.list-item.container.height (Enabled / Container)
+///
+/// @deprecated Deprecating per b/262592125
+$menu-list-item-container-height: 48px;
+/// md.comp.outlined-autocomplete.text-field.container.height (Enabled / Container)
+///
+/// @deprecated Removing fixed height token due to conflicts with text fields variants requiring dynamic height (multi-line, text area). Use height of internal elements and paddings to control component height.
+$text-field-container-height: 56px;
+/// md.comp.outlined-autocomplete.text-field.disabled.input-text.opacity (Disabled / Input text)
+$text-field-disabled-input-text-opacity: 0.38;
+/// md.comp.outlined-autocomplete.text-field.disabled.label-text.opacity (Disabled / Label text)
+$text-field-disabled-label-text-opacity: 0.38;
+/// md.comp.outlined-autocomplete.text-field.disabled.leading-icon.opacity (Disabled / Leading icon)
+$text-field-disabled-leading-icon-opacity: 0.38;
+/// md.comp.outlined-autocomplete.text-field.disabled.outline.opacity (Disabled / Container)
+$text-field-disabled-outline-opacity: 0.12;
+/// md.comp.outlined-autocomplete.text-field.disabled.outline.width (Disabled / Container)
+$text-field-disabled-outline-width: 1px;
+/// md.comp.outlined-autocomplete.text-field.disabled.supporting-text.opacity (Disabled / Supporting text)
+$text-field-disabled-supporting-text-opacity: 0.38;
+/// md.comp.outlined-autocomplete.text-field.disabled.trailing-icon.opacity (Disabled / Trailing icon)
+$text-field-disabled-trailing-icon-opacity: 0.38;
+/// md.comp.outlined-autocomplete.text-field.focus.outline.width (Focused / Container)
+$text-field-focus-outline-width: 2px;
+/// md.comp.outlined-autocomplete.text-field.hover.outline.width (Hovered / Container)
+$text-field-hover-outline-width: 1px;
+/// md.comp.outlined-autocomplete.text-field.leading-icon.size (Enabled / Leading icon)
+$text-field-leading-icon-size: 24px;
+/// md.comp.outlined-autocomplete.text-field.outline.width (Enabled / Container)
+$text-field-outline-width: 1px;
+/// md.comp.outlined-autocomplete.text-field.trailing-icon.size (Enabled / Trailing icon)
+$text-field-trailing-icon-size: 24px;
+/// md.comp.outlined-autocomplete.menu.cascading-menu-indicator.icon.color (Enabled / Icon)
+$menu-cascading-menu-indicator-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.outlined-autocomplete.menu.container.color (Enabled / Container)
+$menu-container-color: md-sys-color.$surface-container;
+/// md.comp.outlined-autocomplete.menu.container.elevation (Enabled / Container)
+$menu-container-elevation: md-sys-elevation.$level2;
+/// md.comp.outlined-autocomplete.menu.container.shadow-color (Enabled / Container)
+$menu-container-shadow-color: md-sys-color.$shadow;
+/// md.comp.outlined-autocomplete.menu.container.shape (Enabled / Container)
+$menu-container-shape: md-sys-shape.$corner-extra-small;
+/// md.comp.outlined-autocomplete.menu.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.
+$menu-container-surface-tint-layer-color: md-sys-color.$surface-tint;
+/// md.comp.outlined-autocomplete.menu.divider.color (Enabled / Divider)
+///
+/// @deprecated Deprecating per b/262592125
+$menu-divider-color: md-sys-color.$surface-variant;
+/// md.comp.outlined-autocomplete.menu.list-item.label-text.color (Enabled / Label text)
+///
+/// @deprecated Deprecating per b/262592125
+$menu-list-item-label-text-color: md-sys-color.$on-surface;
+/// md.comp.outlined-autocomplete.menu.list-item.label-text.font (Enabled / Label text)
+///
+/// @deprecated Deprecating per b/262592125
+$menu-list-item-label-text-font: md-sys-typescale.$label-large-font;
+/// md.comp.outlined-autocomplete.menu.list-item.label-text.line-height (Enabled / Label text)
+///
+/// @deprecated Deprecating per b/262592125
+$menu-list-item-label-text-line-height: md-sys-typescale.$label-large-line-height;
+/// md.comp.outlined-autocomplete.menu.list-item.label-text.size (Enabled / Label text)
+///
+/// @deprecated Deprecating per b/262592125
+$menu-list-item-label-text-size: md-sys-typescale.$label-large-size;
+/// md.comp.outlined-autocomplete.menu.list-item.label-text.tracking (Enabled / Label text)
+///
+/// @deprecated Deprecating per b/262592125
+$menu-list-item-label-text-tracking: md-sys-typescale.$label-large-tracking;
+/// md.comp.outlined-autocomplete.menu.list-item.label-text.weight (Enabled / Label text)
+///
+/// @deprecated Deprecating per b/262592125
+$menu-list-item-label-text-weight: md-sys-typescale.$label-large-weight;
+/// md.comp.outlined-autocomplete.menu.list-item.selected.container.color (Enabled / Container)
+///
+/// @deprecated Deprecating per b/262592125
+$menu-list-item-selected-container-color: md-sys-color.$surface-container-highest;
+/// md.comp.outlined-autocomplete.text-field.caret.color (Enabled / Caret)
+$text-field-caret-color: md-sys-color.$primary;
+/// md.comp.outlined-autocomplete.text-field.container.color (Enabled / Container)
+$text-field-container-color: md-sys-color.$surface-container-highest;
+/// md.comp.outlined-autocomplete.text-field.container.shape (Enabled / Container)
+$text-field-container-shape: md-sys-shape.$corner-extra-small;
+/// md.comp.outlined-autocomplete.text-field.disabled.input-text.color (Disabled / Input text)
+$text-field-disabled-input-text-color: md-sys-color.$on-surface;
+/// md.comp.outlined-autocomplete.text-field.disabled.label-text.color (Disabled / Label text)
+$text-field-disabled-label-text-color: md-sys-color.$on-surface;
+/// md.comp.outlined-autocomplete.text-field.disabled.leading-icon.color (Disabled / Leading icon)
+$text-field-disabled-leading-icon-color: md-sys-color.$on-surface;
+/// md.comp.outlined-autocomplete.text-field.disabled.outline.color (Disabled / Container)
+$text-field-disabled-outline-color: md-sys-color.$on-surface;
+/// md.comp.outlined-autocomplete.text-field.disabled.supporting-text.color (Disabled / Supporting text)
+$text-field-disabled-supporting-text-color: md-sys-color.$on-surface;
+/// md.comp.outlined-autocomplete.text-field.disabled.trailing-icon.color (Disabled / Trailing icon)
+$text-field-disabled-trailing-icon-color: md-sys-color.$on-surface;
+/// md.comp.outlined-autocomplete.text-field.error.focus.caret.color (Error / Focus)
+$text-field-error-focus-caret-color: md-sys-color.$error;
+/// md.comp.outlined-autocomplete.text-field.error.focus.input-text.color (Error / Focus)
+$text-field-error-focus-input-text-color: md-sys-color.$on-surface;
+/// md.comp.outlined-autocomplete.text-field.error.focus.label-text.color (Error / Focus)
+$text-field-error-focus-label-text-color: md-sys-color.$error;
+/// md.comp.outlined-autocomplete.text-field.error.focus.leading-icon.color (Error / Focus)
+$text-field-error-focus-leading-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.outlined-autocomplete.text-field.error.focus.outline.color (Error / Focus)
+$text-field-error-focus-outline-color: md-sys-color.$error;
+/// md.comp.outlined-autocomplete.text-field.error.focus.supporting-text.color (Error / Focus)
+$text-field-error-focus-supporting-text-color: md-sys-color.$error;
+/// md.comp.outlined-autocomplete.text-field.error.focus.trailing-icon.color (Error / Focus)
+$text-field-error-focus-trailing-icon-color: md-sys-color.$error;
+/// md.comp.outlined-autocomplete.text-field.error.hover.input-text.color (Error / Hover)
+$text-field-error-hover-input-text-color: md-sys-color.$on-surface;
+/// md.comp.outlined-autocomplete.text-field.error.hover.label-text.color (Error / Hover)
+$text-field-error-hover-label-text-color: md-sys-color.$on-error-container;
+/// md.comp.outlined-autocomplete.text-field.error.hover.leading-icon.color (Error / Hover)
+$text-field-error-hover-leading-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.outlined-autocomplete.text-field.error.hover.outline.color (Error / Hover)
+$text-field-error-hover-outline-color: md-sys-color.$on-error-container;
+/// md.comp.outlined-autocomplete.text-field.error.hover.state-layer.color (Error / Hover)
+$text-field-error-hover-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.outlined-autocomplete.text-field.error.hover.state-layer.opacity (Error / Hover)
+$text-field-error-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.outlined-autocomplete.text-field.error.hover.supporting-text.color (Error / Hover)
+$text-field-error-hover-supporting-text-color: md-sys-color.$error;
+/// md.comp.outlined-autocomplete.text-field.error.hover.trailing-icon.color (Error / Hover)
+$text-field-error-hover-trailing-icon-color: md-sys-color.$on-error-container;
+/// md.comp.outlined-autocomplete.text-field.error.input-text.color (Error)
+$text-field-error-input-text-color: md-sys-color.$on-surface;
+/// md.comp.outlined-autocomplete.text-field.error.label-text.color (Error)
+$text-field-error-label-text-color: md-sys-color.$error;
+/// md.comp.outlined-autocomplete.text-field.error.leading-icon.color (Error)
+$text-field-error-leading-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.outlined-autocomplete.text-field.error.outline.color (Error)
+$text-field-error-outline-color: md-sys-color.$error;
+/// md.comp.outlined-autocomplete.text-field.error.supporting-text.color (Error)
+$text-field-error-supporting-text-color: md-sys-color.$error;
+/// md.comp.outlined-autocomplete.text-field.error.trailing-icon.color (Error)
+$text-field-error-trailing-icon-color: md-sys-color.$error;
+/// md.comp.outlined-autocomplete.text-field.focus.input-text.color (Focused / Input text)
+$text-field-focus-input-text-color: md-sys-color.$on-surface;
+/// md.comp.outlined-autocomplete.text-field.focus.label-text.color (Focused / Label text)
+$text-field-focus-label-text-color: md-sys-color.$primary;
+/// md.comp.outlined-autocomplete.text-field.focus.leading-icon.color (Focused / Leading icon)
+$text-field-focus-leading-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.outlined-autocomplete.text-field.focus.outline.color (Focused / Container)
+$text-field-focus-outline-color: md-sys-color.$primary;
+/// md.comp.outlined-autocomplete.text-field.focus.supporting-text.color (Focused / Supporting text)
+$text-field-focus-supporting-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.outlined-autocomplete.text-field.focus.trailing-icon.color (Focused / Trailing icon)
+$text-field-focus-trailing-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.outlined-autocomplete.text-field.hover.input-text.color (Hovered / Input text)
+$text-field-hover-input-text-color: md-sys-color.$on-surface;
+/// md.comp.outlined-autocomplete.text-field.hover.label-text.color (Hovered / Label text)
+$text-field-hover-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.outlined-autocomplete.text-field.hover.leading-icon.color (Hovered / Leading icon)
+$text-field-hover-leading-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.outlined-autocomplete.text-field.hover.outline.color (Hovered / Container)
+$text-field-hover-outline-color: md-sys-color.$on-surface;
+/// md.comp.outlined-autocomplete.text-field.hover.state-layer.color (Hovered / State layer)
+$text-field-hover-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.outlined-autocomplete.text-field.hover.state-layer.opacity (Hovered / State layer)
+$text-field-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.outlined-autocomplete.text-field.hover.supporting-text.color (Hovered / Supporting text)
+$text-field-hover-supporting-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.outlined-autocomplete.text-field.hover.trailing-icon.color (Hovered / Trailing icon)
+$text-field-hover-trailing-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.outlined-autocomplete.text-field.input-text.color (Enabled / Input text)
+$text-field-input-text-color: md-sys-color.$on-surface;
+/// md.comp.outlined-autocomplete.text-field.input-text.font (Enabled / Input text)
+$text-field-input-text-font: md-sys-typescale.$body-large-font;
+/// md.comp.outlined-autocomplete.text-field.input-text.line-height (Enabled / Input text)
+$text-field-input-text-line-height: md-sys-typescale.$body-large-line-height;
+/// md.comp.outlined-autocomplete.text-field.input-text.size (Enabled / Input text)
+$text-field-input-text-size: md-sys-typescale.$body-large-size;
+/// md.comp.outlined-autocomplete.text-field.input-text.tracking (Enabled / Input text)
+$text-field-input-text-tracking: md-sys-typescale.$body-large-tracking;
+/// md.comp.outlined-autocomplete.text-field.input-text.weight (Enabled / Input text)
+$text-field-input-text-weight: md-sys-typescale.$body-large-weight;
+/// md.comp.outlined-autocomplete.text-field.label-text.color (Enabled / Label text)
+$text-field-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.outlined-autocomplete.text-field.label-text.font (Enabled / Label text)
+$text-field-label-text-font: md-sys-typescale.$body-large-font;
+/// md.comp.outlined-autocomplete.text-field.label-text.line-height (Enabled / Label text)
+$text-field-label-text-line-height: md-sys-typescale.$body-large-line-height;
+/// md.comp.outlined-autocomplete.text-field.label-text.populated.line-height (Enabled / Label text)
+$text-field-label-text-populated-line-height: md-sys-typescale.$body-small-line-height;
+/// md.comp.outlined-autocomplete.text-field.label-text.populated.size (Enabled / Label text)
+$text-field-label-text-populated-size: md-sys-typescale.$body-small-size;
+/// md.comp.outlined-autocomplete.text-field.label-text.size (Enabled / Label text)
+$text-field-label-text-size: md-sys-typescale.$body-large-size;
+/// md.comp.outlined-autocomplete.text-field.label-text.tracking (Enabled / Label text)
+$text-field-label-text-tracking: md-sys-typescale.$body-large-tracking;
+/// md.comp.outlined-autocomplete.text-field.label-text.weight (Enabled / Label text)
+$text-field-label-text-weight: md-sys-typescale.$body-large-weight;
+/// md.comp.outlined-autocomplete.text-field.leading-icon.color (Enabled / Leading icon)
+$text-field-leading-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.outlined-autocomplete.text-field.outline.color (Enabled / Container)
+$text-field-outline-color: md-sys-color.$outline;
+/// md.comp.outlined-autocomplete.text-field.supporting-text.color (Enabled / Supporting text)
+$text-field-supporting-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.outlined-autocomplete.text-field.supporting-text.font (Enabled / Supporting text)
+$text-field-supporting-text-font: md-sys-typescale.$body-small-font;
+/// md.comp.outlined-autocomplete.text-field.supporting-text.line-height (Enabled / Supporting text)
+$text-field-supporting-text-line-height: md-sys-typescale.$body-small-line-height;
+/// md.comp.outlined-autocomplete.text-field.supporting-text.size (Enabled / Supporting text)
+$text-field-supporting-text-size: md-sys-typescale.$body-small-size;
+/// md.comp.outlined-autocomplete.text-field.supporting-text.tracking (Enabled / Supporting text)
+$text-field-supporting-text-tracking: md-sys-typescale.$body-small-tracking;
+/// md.comp.outlined-autocomplete.text-field.supporting-text.weight (Enabled / Supporting text)
+$text-field-supporting-text-weight: md-sys-typescale.$body-small-weight;
+/// md.comp.outlined-autocomplete.text-field.trailing-icon.color (Enabled / Trailing icon)
+$text-field-trailing-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.outlined-autocomplete.menu.list-item.label-text.type (Enabled / Label text)
+///
+/// @deprecated Deprecating per b/262592125
+@mixin menu-list-item-label-text-type {
+  font-family: $menu-list-item-label-text-font;
+  font-size: $menu-list-item-label-text-size;
+  font-weight: $menu-list-item-label-text-weight;
+  letter-spacing: $menu-list-item-label-text-tracking;
+  line-height: $menu-list-item-label-text-line-height;
+}
+/// md.comp.outlined-autocomplete.text-field.input-text.type (Enabled / Input text)
+@mixin text-field-input-text-type {
+  font-family: $text-field-input-text-font;
+  font-size: $text-field-input-text-size;
+  font-weight: $text-field-input-text-weight;
+  letter-spacing: $text-field-input-text-tracking;
+  line-height: $text-field-input-text-line-height;
+}
+/// md.comp.outlined-autocomplete.text-field.label-text.type (Enabled / Label text)
+@mixin text-field-label-text-type {
+  font-family: $text-field-label-text-font;
+  font-size: $text-field-label-text-size;
+  font-weight: $text-field-label-text-weight;
+  letter-spacing: $text-field-label-text-tracking;
+  line-height: $text-field-label-text-line-height;
+}
+/// md.comp.outlined-autocomplete.text-field.supporting-text.type (Enabled / Supporting text)
+@mixin text-field-supporting-text-type {
+  font-family: $text-field-supporting-text-font;
+  font-size: $text-field-supporting-text-size;
+  font-weight: $text-field-supporting-text-weight;
+  letter-spacing: $text-field-supporting-text-tracking;
+  line-height: $text-field-supporting-text-line-height;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-outlined-button.scss b/tokens/versions/v30_0/sass/_md-comp-outlined-button.scss
new file mode 100644
index 0000000000..2417271369
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-outlined-button.scss
@@ -0,0 +1,108 @@
+//
+// 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.outlined-button.container.height ([Deprecated] Enabled / [Deprecated] Container)
+$container-height: 40px;
+/// md.comp.outlined-button.disabled.label-text.opacity ([Deprecated] Disabled / [Deprecated] Label text)
+$disabled-label-text-opacity: 0.38;
+/// md.comp.outlined-button.disabled.outline.opacity ([Deprecated] Disabled / [Deprecated] Outline)
+$disabled-outline-opacity: 0.12;
+/// md.comp.outlined-button.outline.width ([Deprecated] Enabled / [Deprecated] Outline)
+$outline-width: 1px;
+/// md.comp.outlined-button.with-icon.disabled.icon.opacity ([Deprecated] Disabled / [Deprecated] Icon)
+$with-icon-disabled-icon-opacity: 0.38;
+/// md.comp.outlined-button.with-icon.icon.size ([Deprecated] Enabled / [Deprecated] Icon)
+$with-icon-icon-size: 18px;
+/// md.comp.outlined-button.container.elevation ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated Reduced redundency in the system by eliminating tokens that duplicate the default value of zero. Replace usage with the default value of zero.
+$container-elevation: md-sys-elevation.$level0;
+/// md.comp.outlined-button.container.shape ([Deprecated] Enabled / [Deprecated] Container)
+$container-shape: md-sys-shape.$corner-full;
+/// md.comp.outlined-button.disabled.label-text.color ([Deprecated] Disabled / [Deprecated] Label text)
+$disabled-label-text-color: md-sys-color.$on-surface;
+/// md.comp.outlined-button.disabled.outline.color ([Deprecated] Disabled / [Deprecated] Outline)
+$disabled-outline-color: md-sys-color.$on-surface;
+/// md.comp.outlined-button.focus.indicator.color ([Deprecated] Focused / [Deprecated] Focus indicator)
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.outlined-button.focus.indicator.outline.offset ([Deprecated] Focused / [Deprecated] Focus indicator)
+$focus-indicator-outline-offset: md-sys-state-focus-indicator.$outer-offset;
+/// md.comp.outlined-button.focus.indicator.thickness ([Deprecated] Focused / [Deprecated] Focus indicator)
+$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.comp.outlined-button.focus.label-text.color ([Deprecated] Focused / [Deprecated] Label text)
+$focus-label-text-color: md-sys-color.$primary;
+/// md.comp.outlined-button.focus.outline.color ([Deprecated] Focused / [Deprecated] Outline)
+$focus-outline-color: md-sys-color.$primary;
+/// md.comp.outlined-button.focus.state-layer.color ([Deprecated] Focused / [Deprecated] State layer)
+$focus-state-layer-color: md-sys-color.$primary;
+/// md.comp.outlined-button.focus.state-layer.opacity ([Deprecated] Focused / [Deprecated] State layer)
+$focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.outlined-button.hover.label-text.color ([Deprecated] Hovered / [Deprecated] Label text)
+$hover-label-text-color: md-sys-color.$primary;
+/// md.comp.outlined-button.hover.outline.color ([Deprecated] Hovered / [Deprecated] Outline)
+$hover-outline-color: md-sys-color.$outline;
+/// md.comp.outlined-button.hover.state-layer.color ([Deprecated] Hovered / [Deprecated] State layer)
+$hover-state-layer-color: md-sys-color.$primary;
+/// md.comp.outlined-button.hover.state-layer.opacity ([Deprecated] Hovered / [Deprecated] State layer)
+$hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.outlined-button.label-text.color ([Deprecated] Enabled / [Deprecated] Label text)
+$label-text-color: md-sys-color.$primary;
+/// md.comp.outlined-button.label-text.font ([Deprecated] Enabled / [Deprecated] Label text)
+$label-text-font: md-sys-typescale.$label-large-font;
+/// md.comp.outlined-button.label-text.line-height ([Deprecated] Enabled / [Deprecated] Label text)
+$label-text-line-height: md-sys-typescale.$label-large-line-height;
+/// md.comp.outlined-button.label-text.size ([Deprecated] Enabled / [Deprecated] Label text)
+$label-text-size: md-sys-typescale.$label-large-size;
+/// md.comp.outlined-button.label-text.tracking ([Deprecated] Enabled / [Deprecated] Label text)
+$label-text-tracking: md-sys-typescale.$label-large-tracking;
+/// md.comp.outlined-button.label-text.weight ([Deprecated] Enabled / [Deprecated] Label text)
+$label-text-weight: md-sys-typescale.$label-large-weight;
+/// md.comp.outlined-button.outline.color ([Deprecated] Enabled / [Deprecated] Outline)
+$outline-color: md-sys-color.$outline;
+/// md.comp.outlined-button.pressed.label-text.color ([Deprecated] Pressed (ripple) / [Deprecated] Label text)
+$pressed-label-text-color: md-sys-color.$primary;
+/// md.comp.outlined-button.pressed.outline.color ([Deprecated] Pressed (ripple) / [Deprecated] Outline)
+$pressed-outline-color: md-sys-color.$outline;
+/// md.comp.outlined-button.pressed.state-layer.color ([Deprecated] Pressed (ripple) / [Deprecated] State layer)
+$pressed-state-layer-color: md-sys-color.$primary;
+/// md.comp.outlined-button.pressed.state-layer.opacity ([Deprecated] Pressed (ripple) / [Deprecated] State layer)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.outlined-button.with-icon.disabled.icon.color ([Deprecated] Disabled / [Deprecated] Icon)
+$with-icon-disabled-icon-color: md-sys-color.$on-surface;
+/// md.comp.outlined-button.with-icon.focus.icon.color ([Deprecated] Focused / [Deprecated] Icon)
+$with-icon-focus-icon-color: md-sys-color.$primary;
+/// md.comp.outlined-button.with-icon.hover.icon.color ([Deprecated] Hovered / [Deprecated] Icon)
+$with-icon-hover-icon-color: md-sys-color.$primary;
+/// md.comp.outlined-button.with-icon.icon.color ([Deprecated] Enabled / [Deprecated] Icon)
+$with-icon-icon-color: md-sys-color.$primary;
+/// md.comp.outlined-button.with-icon.pressed.icon.color ([Deprecated] Pressed (ripple) / [Deprecated] Icon)
+$with-icon-pressed-icon-color: md-sys-color.$primary;
+/// md.comp.outlined-button.label-text.type ([Deprecated] Enabled / [Deprecated] 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;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-outlined-card.scss b/tokens/versions/v30_0/sass/_md-comp-outlined-card.scss
new file mode 100644
index 0000000000..5ed2ec946a
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-outlined-card.scss
@@ -0,0 +1,87 @@
+//
+// 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';
+
+/// md.comp.outlined-card.disabled.outline.opacity (Disabled / Outline)
+$disabled-outline-opacity: 0.12;
+/// md.comp.outlined-card.icon.size (Enabled / Icon)
+$icon-size: 24px;
+/// md.comp.outlined-card.outline.width (Enabled / Outline)
+$outline-width: 1px;
+/// md.comp.outlined-card.container.color (Enabled / Container)
+$container-color: md-sys-color.$surface;
+/// md.comp.outlined-card.container.elevation (Enabled / Container)
+$container-elevation: md-sys-elevation.$level0;
+/// md.comp.outlined-card.container.shadow-color (Enabled / Outline)
+$container-shadow-color: md-sys-color.$shadow;
+/// md.comp.outlined-card.container.shape (Enabled / Container)
+$container-shape: md-sys-shape.$corner-medium;
+/// md.comp.outlined-card.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.outlined-card.disabled.container.elevation (Disabled / Container)
+$disabled-container-elevation: md-sys-elevation.$level0;
+/// md.comp.outlined-card.disabled.outline.color (Disabled / Outline)
+$disabled-outline-color: md-sys-color.$outline;
+/// md.comp.outlined-card.dragged.container.elevation (Dragged / Container)
+$dragged-container-elevation: md-sys-elevation.$level3;
+/// md.comp.outlined-card.dragged.outline.color (Dragged / Outline)
+$dragged-outline-color: md-sys-color.$outline-variant;
+/// md.comp.outlined-card.dragged.state-layer.color (Dragged / State layer)
+$dragged-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.outlined-card.dragged.state-layer.opacity (Dragged / State layer)
+$dragged-state-layer-opacity: md-sys-state.$dragged-state-layer-opacity;
+/// md.comp.outlined-card.focus.container.elevation (Focused / Container)
+$focus-container-elevation: md-sys-elevation.$level0;
+/// md.comp.outlined-card.focus.indicator.color (Focused / Focus indicator)
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.outlined-card.focus.indicator.outline.offset (Focused / Focus indicator)
+$focus-indicator-outline-offset: md-sys-state-focus-indicator.$outer-offset;
+/// md.comp.outlined-card.focus.indicator.thickness (Focused / Focus indicator)
+$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.comp.outlined-card.focus.outline.color (Focused / Outline)
+$focus-outline-color: md-sys-color.$on-surface;
+/// md.comp.outlined-card.focus.state-layer.color (Focused / State layer)
+$focus-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.outlined-card.focus.state-layer.opacity (Focused / State layer)
+$focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.outlined-card.hover.container.elevation (Hovered / Container)
+$hover-container-elevation: md-sys-elevation.$level1;
+/// md.comp.outlined-card.hover.outline.color (Hovered / Outline)
+$hover-outline-color: md-sys-color.$outline-variant;
+/// md.comp.outlined-card.hover.state-layer.color (Hovered / State layer)
+$hover-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.outlined-card.hover.state-layer.opacity (Hovered / State layer)
+$hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.outlined-card.icon.color (Enabled / Icon)
+$icon-color: md-sys-color.$primary;
+/// md.comp.outlined-card.outline.color (Enabled / Outline)
+$outline-color: md-sys-color.$outline-variant;
+/// md.comp.outlined-card.pressed.container.elevation (Pressed (ripple) / Container)
+$pressed-container-elevation: md-sys-elevation.$level0;
+/// md.comp.outlined-card.pressed.outline.color (Pressed (ripple) / Outline)
+$pressed-outline-color: md-sys-color.$outline-variant;
+/// md.comp.outlined-card.pressed.state-layer.color (Pressed (ripple) / State layer)
+$pressed-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.outlined-card.pressed.state-layer.opacity (Pressed (ripple) / State layer)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
diff --git a/tokens/versions/v30_0/sass/_md-comp-outlined-menu-button.scss b/tokens/versions/v30_0/sass/_md-comp-outlined-menu-button.scss
new file mode 100644
index 0000000000..7eb2ef2665
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-outlined-menu-button.scss
@@ -0,0 +1,117 @@
+//
+// 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-state';
+@use 'md-sys-state-focus-indicator';
+@use 'md-sys-typescale';
+
+/// md.comp.outlined-menu-button.container.height (Enabled / Container)
+$container-height: 40px;
+/// md.comp.outlined-menu-button.disabled.container.opacity (Disabled / Container)
+$disabled-container-opacity: 0.12;
+/// md.comp.outlined-menu-button.disabled.label-text.opacity (Disabled / Label text)
+$disabled-label-text-opacity: 0.38;
+/// md.comp.outlined-menu-button.disabled.trailing-icon.opacity (Disabled / Trailing icon)
+$disabled-trailing-icon-opacity: 0.38;
+/// md.comp.outlined-menu-button.outline.width (Enabled / Container)
+$outline-width: 1px;
+/// md.comp.outlined-menu-button.trailing-icon.size (Enabled / Trailing icon)
+$trailing-icon-size: 18px;
+/// md.comp.outlined-menu-button.with-icon.disabled.icon.opacity (Disabled / Icon)
+$with-icon-disabled-icon-opacity: 0.38;
+/// md.comp.outlined-menu-button.with-icon.leading-icon.size (Enabled / Leading icon)
+$with-icon-leading-icon-size: 18px;
+/// md.comp.outlined-menu-button.disabled.label-text.color (Disabled / Label text)
+$disabled-label-text-color: md-sys-color.$on-surface;
+/// md.comp.outlined-menu-button.disabled.outline.color (Disabled / Container)
+$disabled-outline-color: md-sys-color.$on-surface;
+/// md.comp.outlined-menu-button.disabled.trailing-icon.color (Disabled / Trailing icon)
+$disabled-trailing-icon-color: md-sys-color.$on-surface;
+/// md.comp.outlined-menu-button.focus.indicator.color (Focused / Focus indicator)
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.outlined-menu-button.focus.indicator.outline.offset (Focused / Focus indicator)
+$focus-indicator-outline-offset: md-sys-state-focus-indicator.$outer-offset;
+/// md.comp.outlined-menu-button.focus.indicator.thickness (Focused / Focus indicator)
+$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.comp.outlined-menu-button.focus.label-text.color (Focused / Label text)
+$focus-label-text-color: md-sys-color.$primary;
+/// md.comp.outlined-menu-button.focus.outline.color (Focused / Container)
+$focus-outline-color: md-sys-color.$primary;
+/// md.comp.outlined-menu-button.focus.state-layer.color (Focused / State layer)
+$focus-state-layer-color: md-sys-color.$primary;
+/// md.comp.outlined-menu-button.focus.state-layer.opacity (Focused / State layer)
+$focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.outlined-menu-button.focus.trailing-icon.color (Focused / Trailing icon)
+$focus-trailing-icon-color: md-sys-color.$primary;
+/// md.comp.outlined-menu-button.hover.label-text.color (Hovered / Label text)
+$hover-label-text-color: md-sys-color.$primary;
+/// md.comp.outlined-menu-button.hover.outline.color (Hovered / Container)
+$hover-outline-color: md-sys-color.$outline;
+/// md.comp.outlined-menu-button.hover.state-layer.color (Hovered / State layer)
+$hover-state-layer-color: md-sys-color.$primary;
+/// md.comp.outlined-menu-button.hover.state-layer.opacity (Hovered / State layer)
+$hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.outlined-menu-button.hover.trailing-icon.color (Hovered / Trailing icon)
+$hover-trailing-icon-color: md-sys-color.$primary;
+/// md.comp.outlined-menu-button.label-text.color (Enabled / Label text)
+$label-text-color: md-sys-color.$primary;
+/// md.comp.outlined-menu-button.label-text.font (Enabled / Label text)
+$label-text-font: md-sys-typescale.$label-large-font;
+/// md.comp.outlined-menu-button.label-text.line-height (Enabled / Label text)
+$label-text-line-height: md-sys-typescale.$label-large-line-height;
+/// md.comp.outlined-menu-button.label-text.size (Enabled / Label text)
+$label-text-size: md-sys-typescale.$label-large-size;
+/// md.comp.outlined-menu-button.label-text.tracking (Enabled / Label text)
+$label-text-tracking: md-sys-typescale.$label-large-tracking;
+/// md.comp.outlined-menu-button.label-text.weight (Enabled / Label text)
+$label-text-weight: md-sys-typescale.$label-large-weight;
+/// md.comp.outlined-menu-button.outline.color (Enabled / Container)
+$outline-color: md-sys-color.$outline;
+/// md.comp.outlined-menu-button.pressed.label-text.color (Pressed (ripple) / Label text)
+$pressed-label-text-color: md-sys-color.$primary;
+/// md.comp.outlined-menu-button.pressed.outline.color (Pressed (ripple) / Container)
+$pressed-outline-color: md-sys-color.$outline;
+/// md.comp.outlined-menu-button.pressed.state-layer.color (Pressed (ripple) / State layer)
+$pressed-state-layer-color: md-sys-color.$primary;
+/// md.comp.outlined-menu-button.pressed.state-layer.opacity (Pressed (ripple) / State layer)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.outlined-menu-button.pressed.trailing-icon.color (Pressed (ripple) / Trailing icon)
+$pressed-trailing-icon-color: md-sys-color.$primary;
+/// md.comp.outlined-menu-button.shape (Enabled / Container)
+$shape: md-sys-shape.$corner-full;
+/// md.comp.outlined-menu-button.trailing-icon.color (Enabled / Trailing icon)
+$trailing-icon-color: md-sys-color.$primary;
+/// md.comp.outlined-menu-button.with-icon.disabled.icon.color (Disabled / Icon)
+$with-icon-disabled-icon-color: md-sys-color.$on-surface;
+/// md.comp.outlined-menu-button.with-icon.focus.leading-icon.color (Focused / Leading icon)
+$with-icon-focus-leading-icon-color: md-sys-color.$primary;
+/// md.comp.outlined-menu-button.with-icon.hover.leading-icon.color (Hovered / Leading icon)
+$with-icon-hover-leading-icon-color: md-sys-color.$primary;
+/// md.comp.outlined-menu-button.with-icon.leading-icon.color (Enabled / Leading icon)
+$with-icon-leading-icon-color: md-sys-color.$primary;
+/// md.comp.outlined-menu-button.with-icon.pressed.leading-icon.color (Pressed (ripple) / Leading icon)
+$with-icon-pressed-leading-icon-color: md-sys-color.$primary;
+/// md.comp.outlined-menu-button.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;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-outlined-segmented-button.scss b/tokens/versions/v30_0/sass/_md-comp-outlined-segmented-button.scss
new file mode 100644
index 0000000000..670759a0f1
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-outlined-segmented-button.scss
@@ -0,0 +1,121 @@
+//
+// 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-state';
+@use 'md-sys-state-focus-indicator';
+@use 'md-sys-typescale';
+
+/// md.comp.outlined-segmented-button.container.height (Enabled / Container)
+$container-height: 40px;
+/// md.comp.outlined-segmented-button.disabled.icon.opacity (Disabled / Icon)
+$disabled-icon-opacity: 0.38;
+/// md.comp.outlined-segmented-button.disabled.label-text.opacity (Disabled / Label text)
+$disabled-label-text-opacity: 0.38;
+/// md.comp.outlined-segmented-button.disabled.outline.opacity (Disabled / Container)
+$disabled-outline-opacity: 0.12;
+/// md.comp.outlined-segmented-button.outline.width (Enabled / Container)
+$outline-width: 1px;
+/// md.comp.outlined-segmented-button.with-icon.icon.size (Enabled / Icon)
+$with-icon-icon-size: 18px;
+/// md.comp.outlined-segmented-button.disabled.icon.color (Disabled / Icon)
+$disabled-icon-color: md-sys-color.$on-surface;
+/// md.comp.outlined-segmented-button.disabled.label-text.color (Disabled / Label text)
+$disabled-label-text-color: md-sys-color.$on-surface;
+/// md.comp.outlined-segmented-button.disabled.outline.color (Disabled / Container)
+$disabled-outline-color: md-sys-color.$on-surface;
+/// md.comp.outlined-segmented-button.focus.indicator.color (Focused / Focus indicator)
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.outlined-segmented-button.focus.indicator.outline.offset (Focused / Focus indicator)
+$focus-indicator-outline-offset: md-sys-state-focus-indicator.$outer-offset;
+/// md.comp.outlined-segmented-button.focus.indicator.thickness (Focused / Focus indicator)
+$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.comp.outlined-segmented-button.focus.state-layer.opacity (Focused / State layer)
+$focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.outlined-segmented-button.hover.state-layer.opacity (Hovered / State layer)
+$hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.outlined-segmented-button.label-text.font (Enabled / Label text)
+$label-text-font: md-sys-typescale.$label-large-font;
+/// md.comp.outlined-segmented-button.label-text.line-height (Enabled / Label text)
+$label-text-line-height: md-sys-typescale.$label-large-line-height;
+/// md.comp.outlined-segmented-button.label-text.size (Enabled / Label text)
+$label-text-size: md-sys-typescale.$label-large-size;
+/// md.comp.outlined-segmented-button.label-text.tracking (Enabled / Label text)
+$label-text-tracking: md-sys-typescale.$label-large-tracking;
+/// md.comp.outlined-segmented-button.label-text.weight (Enabled / Label text)
+$label-text-weight: md-sys-typescale.$label-large-weight;
+/// md.comp.outlined-segmented-button.outline.color (Enabled / Container)
+$outline-color: md-sys-color.$outline;
+/// md.comp.outlined-segmented-button.pressed.state-layer.opacity (Pressed (ripple) / State layer)
+$pressed-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.outlined-segmented-button.selected.container.color (Enabled / Container)
+$selected-container-color: md-sys-color.$secondary-container;
+/// md.comp.outlined-segmented-button.selected.focus.icon.color (Focused / Icon)
+$selected-focus-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.outlined-segmented-button.selected.focus.label-text.color (Focused / Label text)
+$selected-focus-label-text-color: md-sys-color.$on-secondary-container;
+/// md.comp.outlined-segmented-button.selected.focus.state-layer.color (Focused / State layer)
+$selected-focus-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.outlined-segmented-button.selected.hover.icon.color (Hovered / Icon)
+$selected-hover-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.outlined-segmented-button.selected.hover.label-text.color (Hovered / Label text)
+$selected-hover-label-text-color: md-sys-color.$on-secondary-container;
+/// md.comp.outlined-segmented-button.selected.hover.state-layer.color (Hovered / State layer)
+$selected-hover-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.outlined-segmented-button.selected.label-text.color (Enabled / Label text)
+$selected-label-text-color: md-sys-color.$on-secondary-container;
+/// md.comp.outlined-segmented-button.selected.pressed.icon.color (Pressed (ripple) / Icon)
+$selected-pressed-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.outlined-segmented-button.selected.pressed.label-text.color (Pressed (ripple) / Label text)
+$selected-pressed-label-text-color: md-sys-color.$on-secondary-container;
+/// md.comp.outlined-segmented-button.selected.pressed.state-layer.color (Pressed (ripple) / State layer)
+$selected-pressed-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.outlined-segmented-button.selected.with-icon.icon.color (Enabled / Icon)
+$selected-with-icon-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.outlined-segmented-button.shape (Enabled / Container)
+$shape: md-sys-shape.$corner-full;
+/// md.comp.outlined-segmented-button.unselected.focus.icon.color (Focused / Icon)
+$unselected-focus-icon-color: md-sys-color.$on-surface;
+/// md.comp.outlined-segmented-button.unselected.focus.label-text.color (Focused / Label text)
+$unselected-focus-label-text-color: md-sys-color.$on-surface;
+/// md.comp.outlined-segmented-button.unselected.focus.state-layer.color (Focused / State layer)
+$unselected-focus-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.outlined-segmented-button.unselected.hover.icon.color (Hovered / Icon)
+$unselected-hover-icon-color: md-sys-color.$on-surface;
+/// md.comp.outlined-segmented-button.unselected.hover.label-text.color (Hovered / Label text)
+$unselected-hover-label-text-color: md-sys-color.$on-surface;
+/// md.comp.outlined-segmented-button.unselected.hover.state-layer.color (Hovered / State layer)
+$unselected-hover-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.outlined-segmented-button.unselected.label-text.color (Enabled / Label text)
+$unselected-label-text-color: md-sys-color.$on-surface;
+/// md.comp.outlined-segmented-button.unselected.pressed.icon.color (Pressed (ripple) / Icon)
+$unselected-pressed-icon-color: md-sys-color.$on-surface;
+/// md.comp.outlined-segmented-button.unselected.pressed.label-text.color (Pressed (ripple) / Label text)
+$unselected-pressed-label-text-color: md-sys-color.$on-surface;
+/// md.comp.outlined-segmented-button.unselected.pressed.state-layer.color (Pressed (ripple) / State layer)
+$unselected-pressed-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.outlined-segmented-button.unselected.with-icon.icon.color (Enabled / Icon)
+$unselected-with-icon-icon-color: md-sys-color.$on-surface;
+/// md.comp.outlined-segmented-button.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;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-outlined-select.scss b/tokens/versions/v30_0/sass/_md-comp-outlined-select.scss
new file mode 100644
index 0000000000..3ea9b9cc37
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-outlined-select.scss
@@ -0,0 +1,266 @@
+//
+// 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.outlined-select.menu.cascading-menu-indicator.icon.size (Enabled / Icon)
+$menu-cascading-menu-indicator-icon-size: 24px;
+/// md.comp.outlined-select.menu.divider.height (Enabled / Divider)
+$menu-divider-height: 1px;
+/// md.comp.outlined-select.menu.list-item.container.height (Enabled / Container)
+$menu-list-item-container-height: 48px;
+/// md.comp.outlined-select.menu.list-item.with-leading-icon.leading-icon.size (Enabled / Leading icon)
+$menu-list-item-with-leading-icon-leading-icon-size: 24px;
+/// md.comp.outlined-select.menu.list-item.with-trailing-icon.trailing-icon.size (Enabled / Trailing icon)
+$menu-list-item-with-trailing-icon-trailing-icon-size: 24px;
+/// md.comp.outlined-select.text-field.container.height (Enabled / Container)
+///
+/// @deprecated Removing fixed height token due to conflicts with text fields variants requiring dynamic height (multi-line, text area). Use height of internal elements and paddings to control component height.
+$text-field-container-height: 56px;
+/// md.comp.outlined-select.text-field.disabled.input-text.opacity (Disabled / Input text)
+$text-field-disabled-input-text-opacity: 0.38;
+/// md.comp.outlined-select.text-field.disabled.label-text.opacity (Disabled / Label text)
+$text-field-disabled-label-text-opacity: 0.38;
+/// md.comp.outlined-select.text-field.disabled.leading-icon.opacity (Disabled / Leading icon)
+$text-field-disabled-leading-icon-opacity: 0.38;
+/// md.comp.outlined-select.text-field.disabled.outline.opacity (Disabled / Container)
+$text-field-disabled-outline-opacity: 0.12;
+/// md.comp.outlined-select.text-field.disabled.outline.width (Disabled / Container)
+$text-field-disabled-outline-width: 1px;
+/// md.comp.outlined-select.text-field.disabled.supporting-text.opacity (Disabled / Supporting text)
+$text-field-disabled-supporting-text-opacity: 0.38;
+/// md.comp.outlined-select.text-field.disabled.trailing-icon.opacity (Disabled / Trailing icon)
+$text-field-disabled-trailing-icon-opacity: 0.38;
+/// md.comp.outlined-select.text-field.hover.outline.width (Hovered / Container)
+$text-field-hover-outline-width: 1px;
+/// md.comp.outlined-select.text-field.leading-icon.size (Enabled / Leading icon)
+$text-field-leading-icon-size: 24px;
+/// md.comp.outlined-select.text-field.outline.width (Enabled / Container)
+$text-field-outline-width: 1px;
+/// md.comp.outlined-select.text-field.trailing-icon.size (Enabled / Trailing icon)
+$text-field-trailing-icon-size: 24px;
+/// md.comp.outlined-select.menu.cascading-menu-indicator.icon.color (Enabled / Icon)
+$menu-cascading-menu-indicator-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.outlined-select.menu.container.color (Enabled / Container)
+$menu-container-color: md-sys-color.$surface-container;
+/// md.comp.outlined-select.menu.container.elevation (Enabled / Container)
+$menu-container-elevation: md-sys-elevation.$level2;
+/// md.comp.outlined-select.menu.container.shadow-color (Enabled / Container)
+$menu-container-shadow-color: md-sys-color.$shadow;
+/// md.comp.outlined-select.menu.container.shape (Enabled / Container)
+$menu-container-shape: md-sys-shape.$corner-extra-small;
+/// md.comp.outlined-select.menu.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.
+$menu-container-surface-tint-layer-color: md-sys-color.$surface-tint;
+/// md.comp.outlined-select.menu.divider.color (Enabled / Divider)
+$menu-divider-color: md-sys-color.$surface-variant;
+/// md.comp.outlined-select.menu.list-item.label-text.color (Enabled / Label text)
+$menu-list-item-label-text-color: md-sys-color.$on-surface;
+/// md.comp.outlined-select.menu.list-item.label-text.font (Enabled / Label text)
+$menu-list-item-label-text-font: md-sys-typescale.$label-large-font;
+/// md.comp.outlined-select.menu.list-item.label-text.line-height (Enabled / Label text)
+$menu-list-item-label-text-line-height: md-sys-typescale.$label-large-line-height;
+/// md.comp.outlined-select.menu.list-item.label-text.size (Enabled / Label text)
+$menu-list-item-label-text-size: md-sys-typescale.$label-large-size;
+/// md.comp.outlined-select.menu.list-item.label-text.tracking (Enabled / Label text)
+$menu-list-item-label-text-tracking: md-sys-typescale.$label-large-tracking;
+/// md.comp.outlined-select.menu.list-item.label-text.weight (Enabled / Label text)
+$menu-list-item-label-text-weight: md-sys-typescale.$label-large-weight;
+/// md.comp.outlined-select.menu.list-item.selected.container.color (Enabled / Container)
+$menu-list-item-selected-container-color: md-sys-color.$surface-container-highest;
+/// md.comp.outlined-select.menu.list-item.with-leading-icon.leading-icon.color (Enabled / Leading icon)
+$menu-list-item-with-leading-icon-leading-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.outlined-select.menu.list-item.with-trailing-icon.trailing-icon.color (Enabled / Trailing icon)
+$menu-list-item-with-trailing-icon-trailing-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.outlined-select.text-field.caret.color (Enabled / Caret)
+///
+/// @deprecated Removed caret related tokens from Select variants as these components don't support entering free text.
+$text-field-caret-color: md-sys-color.$primary;
+/// md.comp.outlined-select.text-field.container.color (Enabled / Container)
+$text-field-container-color: md-sys-color.$surface-container-highest;
+/// md.comp.outlined-select.text-field.container.shape (Enabled / Container)
+$text-field-container-shape: md-sys-shape.$corner-extra-small;
+/// md.comp.outlined-select.text-field.disabled.input-text.color (Disabled / Input text)
+$text-field-disabled-input-text-color: md-sys-color.$on-surface;
+/// md.comp.outlined-select.text-field.disabled.label-text.color (Disabled / Label text)
+$text-field-disabled-label-text-color: md-sys-color.$on-surface;
+/// md.comp.outlined-select.text-field.disabled.leading-icon.color (Disabled / Leading icon)
+$text-field-disabled-leading-icon-color: md-sys-color.$on-surface;
+/// md.comp.outlined-select.text-field.disabled.outline.color (Disabled / Container)
+$text-field-disabled-outline-color: md-sys-color.$on-surface;
+/// md.comp.outlined-select.text-field.disabled.supporting-text.color (Disabled / Supporting text)
+$text-field-disabled-supporting-text-color: md-sys-color.$on-surface;
+/// md.comp.outlined-select.text-field.disabled.trailing-icon.color (Disabled / Trailing icon)
+$text-field-disabled-trailing-icon-color: md-sys-color.$on-surface;
+/// md.comp.outlined-select.text-field.error.focus.caret.color (Error / Focus)
+///
+/// @deprecated Removed caret related tokens from Select variants as these components don't support entering free text.
+$text-field-error-focus-caret-color: md-sys-color.$error;
+/// md.comp.outlined-select.text-field.error.focus.input-text.color (Error / Focus)
+$text-field-error-focus-input-text-color: md-sys-color.$on-surface;
+/// md.comp.outlined-select.text-field.error.focus.label-text.color (Error / Focus)
+$text-field-error-focus-label-text-color: md-sys-color.$error;
+/// md.comp.outlined-select.text-field.error.focus.leading-icon.color (Error / Focus)
+$text-field-error-focus-leading-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.outlined-select.text-field.error.focus.outline.color (Error / Focus)
+$text-field-error-focus-outline-color: md-sys-color.$error;
+/// md.comp.outlined-select.text-field.error.focus.supporting-text.color (Error / Focus)
+$text-field-error-focus-supporting-text-color: md-sys-color.$error;
+/// md.comp.outlined-select.text-field.error.focus.trailing-icon.color (Error / Focus)
+$text-field-error-focus-trailing-icon-color: md-sys-color.$error;
+/// md.comp.outlined-select.text-field.error.hover.input-text.color (Error / Hover)
+$text-field-error-hover-input-text-color: md-sys-color.$on-surface;
+/// md.comp.outlined-select.text-field.error.hover.label-text.color (Error / Hover)
+$text-field-error-hover-label-text-color: md-sys-color.$on-error-container;
+/// md.comp.outlined-select.text-field.error.hover.leading-icon.color (Error / Hover)
+$text-field-error-hover-leading-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.outlined-select.text-field.error.hover.outline.color (Error / Hover)
+$text-field-error-hover-outline-color: md-sys-color.$on-error-container;
+/// md.comp.outlined-select.text-field.error.hover.state-layer.color (Error / Hover)
+$text-field-error-hover-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.outlined-select.text-field.error.hover.state-layer.opacity (Error / Hover)
+$text-field-error-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.outlined-select.text-field.error.hover.supporting-text.color (Error / Hover)
+$text-field-error-hover-supporting-text-color: md-sys-color.$error;
+/// md.comp.outlined-select.text-field.error.hover.trailing-icon.color (Error / Hover)
+$text-field-error-hover-trailing-icon-color: md-sys-color.$on-error-container;
+/// md.comp.outlined-select.text-field.error.input-text.color (Error)
+$text-field-error-input-text-color: md-sys-color.$on-surface;
+/// md.comp.outlined-select.text-field.error.label-text.color (Error)
+$text-field-error-label-text-color: md-sys-color.$error;
+/// md.comp.outlined-select.text-field.error.leading-icon.color (Error)
+$text-field-error-leading-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.outlined-select.text-field.error.outline.color (Error)
+$text-field-error-outline-color: md-sys-color.$error;
+/// md.comp.outlined-select.text-field.error.supporting-text.color (Error)
+$text-field-error-supporting-text-color: md-sys-color.$error;
+/// md.comp.outlined-select.text-field.error.trailing-icon.color (Error)
+$text-field-error-trailing-icon-color: md-sys-color.$error;
+/// md.comp.outlined-select.text-field.focus.input-text.color (Focused / Input text)
+$text-field-focus-input-text-color: md-sys-color.$on-surface;
+/// md.comp.outlined-select.text-field.focus.label-text.color (Focused / Label text)
+$text-field-focus-label-text-color: md-sys-color.$primary;
+/// md.comp.outlined-select.text-field.focus.leading-icon.color (Focused / Leading icon)
+$text-field-focus-leading-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.outlined-select.text-field.focus.outline.color (Focused / Container)
+$text-field-focus-outline-color: md-sys-color.$primary;
+/// md.comp.outlined-select.text-field.focus.outline.width (Focused / Container)
+$text-field-focus-outline-width: md-sys-state-focus-indicator.$thickness;
+/// md.comp.outlined-select.text-field.focus.supporting-text.color (Focused / Supporting text)
+$text-field-focus-supporting-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.outlined-select.text-field.focus.trailing-icon.color (Focused / Trailing icon)
+$text-field-focus-trailing-icon-color: md-sys-color.$primary;
+/// md.comp.outlined-select.text-field.hover.input-text.color (Hovered / Input text)
+$text-field-hover-input-text-color: md-sys-color.$on-surface;
+/// md.comp.outlined-select.text-field.hover.label-text.color (Hovered / Label text)
+$text-field-hover-label-text-color: md-sys-color.$on-surface;
+/// md.comp.outlined-select.text-field.hover.leading-icon.color (Hovered / Leading icon)
+$text-field-hover-leading-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.outlined-select.text-field.hover.outline.color (Hovered / Container)
+$text-field-hover-outline-color: md-sys-color.$on-surface;
+/// md.comp.outlined-select.text-field.hover.state-layer.color (Hovered / State layer)
+$text-field-hover-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.outlined-select.text-field.hover.state-layer.opacity (Hovered / State layer)
+$text-field-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.outlined-select.text-field.hover.supporting-text.color (Hovered / Supporting text)
+$text-field-hover-supporting-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.outlined-select.text-field.hover.trailing-icon.color (Hovered / Trailing icon)
+$text-field-hover-trailing-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.outlined-select.text-field.input-text.color (Enabled / Input text)
+$text-field-input-text-color: md-sys-color.$on-surface;
+/// md.comp.outlined-select.text-field.input-text.font (Enabled / Input text)
+$text-field-input-text-font: md-sys-typescale.$body-large-font;
+/// md.comp.outlined-select.text-field.input-text.line-height (Enabled / Input text)
+$text-field-input-text-line-height: md-sys-typescale.$body-large-line-height;
+/// md.comp.outlined-select.text-field.input-text.size (Enabled / Input text)
+$text-field-input-text-size: md-sys-typescale.$body-large-size;
+/// md.comp.outlined-select.text-field.input-text.tracking (Enabled / Input text)
+$text-field-input-text-tracking: md-sys-typescale.$body-large-tracking;
+/// md.comp.outlined-select.text-field.input-text.weight (Enabled / Input text)
+$text-field-input-text-weight: md-sys-typescale.$body-large-weight;
+/// md.comp.outlined-select.text-field.label-text.color (Enabled / Label text)
+$text-field-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.outlined-select.text-field.label-text.font (Enabled / Label text)
+$text-field-label-text-font: md-sys-typescale.$body-large-font;
+/// md.comp.outlined-select.text-field.label-text.line-height (Enabled / Label text)
+$text-field-label-text-line-height: md-sys-typescale.$body-large-line-height;
+/// md.comp.outlined-select.text-field.label-text.populated.line-height (Enabled / Label text)
+$text-field-label-text-populated-line-height: md-sys-typescale.$body-small-line-height;
+/// md.comp.outlined-select.text-field.label-text.populated.size (Enabled / Label text)
+$text-field-label-text-populated-size: md-sys-typescale.$body-small-size;
+/// md.comp.outlined-select.text-field.label-text.size (Enabled / Label text)
+$text-field-label-text-size: md-sys-typescale.$body-large-size;
+/// md.comp.outlined-select.text-field.label-text.tracking (Enabled / Label text)
+$text-field-label-text-tracking: md-sys-typescale.$body-large-tracking;
+/// md.comp.outlined-select.text-field.label-text.weight (Enabled / Label text)
+$text-field-label-text-weight: md-sys-typescale.$body-large-weight;
+/// md.comp.outlined-select.text-field.leading-icon.color (Enabled / Leading icon)
+$text-field-leading-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.outlined-select.text-field.outline.color (Enabled / Container)
+$text-field-outline-color: md-sys-color.$outline;
+/// md.comp.outlined-select.text-field.supporting-text.color (Enabled / Supporting text)
+$text-field-supporting-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.outlined-select.text-field.supporting-text.font (Enabled / Supporting text)
+$text-field-supporting-text-font: md-sys-typescale.$body-small-font;
+/// md.comp.outlined-select.text-field.supporting-text.line-height (Enabled / Supporting text)
+$text-field-supporting-text-line-height: md-sys-typescale.$body-small-line-height;
+/// md.comp.outlined-select.text-field.supporting-text.size (Enabled / Supporting text)
+$text-field-supporting-text-size: md-sys-typescale.$body-small-size;
+/// md.comp.outlined-select.text-field.supporting-text.tracking (Enabled / Supporting text)
+$text-field-supporting-text-tracking: md-sys-typescale.$body-small-tracking;
+/// md.comp.outlined-select.text-field.supporting-text.weight (Enabled / Supporting text)
+$text-field-supporting-text-weight: md-sys-typescale.$body-small-weight;
+/// md.comp.outlined-select.text-field.trailing-icon.color (Enabled / Trailing icon)
+$text-field-trailing-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.outlined-select.menu.list-item.label-text.type (Enabled / Label text)
+@mixin menu-list-item-label-text-type {
+  font-family: $menu-list-item-label-text-font;
+  font-size: $menu-list-item-label-text-size;
+  font-weight: $menu-list-item-label-text-weight;
+  letter-spacing: $menu-list-item-label-text-tracking;
+  line-height: $menu-list-item-label-text-line-height;
+}
+/// md.comp.outlined-select.text-field.input-text.type (Enabled / Input text)
+@mixin text-field-input-text-type {
+  font-family: $text-field-input-text-font;
+  font-size: $text-field-input-text-size;
+  font-weight: $text-field-input-text-weight;
+  letter-spacing: $text-field-input-text-tracking;
+  line-height: $text-field-input-text-line-height;
+}
+/// md.comp.outlined-select.text-field.label-text.type (Enabled / Label text)
+@mixin text-field-label-text-type {
+  font-family: $text-field-label-text-font;
+  font-size: $text-field-label-text-size;
+  font-weight: $text-field-label-text-weight;
+  letter-spacing: $text-field-label-text-tracking;
+  line-height: $text-field-label-text-line-height;
+}
+/// md.comp.outlined-select.text-field.supporting-text.type (Enabled / Supporting text)
+@mixin text-field-supporting-text-type {
+  font-family: $text-field-supporting-text-font;
+  font-size: $text-field-supporting-text-size;
+  font-weight: $text-field-supporting-text-weight;
+  letter-spacing: $text-field-supporting-text-tracking;
+  line-height: $text-field-supporting-text-line-height;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-outlined-text-field.scss b/tokens/versions/v30_0/sass/_md-comp-outlined-text-field.scss
new file mode 100644
index 0000000000..4bbfe57885
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-outlined-text-field.scss
@@ -0,0 +1,216 @@
+//
+// 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-state-focus-indicator';
+@use 'md-sys-typescale';
+
+/// md.comp.outlined-text-field.container.height (Enabled / Container)
+///
+/// @deprecated Removing fixed height token due to conflicts with text fields variants requiring dynamic height (multi-line, text area). Use height of internal elements and paddings to control component height.
+$container-height: 56px;
+/// md.comp.outlined-text-field.disabled.input-text.opacity (Disabled / Input text)
+$disabled-input-text-opacity: 0.38;
+/// md.comp.outlined-text-field.disabled.label-text.opacity (Disabled / Label text)
+$disabled-label-text-opacity: 0.38;
+/// md.comp.outlined-text-field.disabled.leading-icon.opacity (Disabled / Leading icon)
+$disabled-leading-icon-opacity: 0.38;
+/// md.comp.outlined-text-field.disabled.outline.opacity (Disabled / Outline)
+$disabled-outline-opacity: 0.12;
+/// md.comp.outlined-text-field.disabled.outline.width (Disabled / Outline)
+$disabled-outline-width: 1px;
+/// md.comp.outlined-text-field.disabled.supporting-text.opacity (Disabled / Supporting text)
+$disabled-supporting-text-opacity: 0.38;
+/// md.comp.outlined-text-field.disabled.trailing-icon.opacity (Disabled / Trailing icon)
+$disabled-trailing-icon-opacity: 0.38;
+/// md.comp.outlined-text-field.focus.outline.width (Focused / Outline)
+$focus-outline-width: 3px;
+/// md.comp.outlined-text-field.hover.outline.width (Hovered / Outline)
+$hover-outline-width: 1px;
+/// md.comp.outlined-text-field.leading-icon.size (Enabled / Leading icon)
+$leading-icon-size: 24px;
+/// md.comp.outlined-text-field.outline.width (Enabled / Outline)
+$outline-width: 1px;
+/// md.comp.outlined-text-field.trailing-icon.size (Enabled / Trailing icon)
+$trailing-icon-size: 24px;
+/// md.comp.outlined-text-field.caret.color (Enabled / Caret)
+$caret-color: md-sys-color.$primary;
+/// md.comp.outlined-text-field.container.shape (Enabled / Container)
+$container-shape: md-sys-shape.$corner-extra-small;
+/// md.comp.outlined-text-field.disabled.input-text.color (Disabled / Input text)
+$disabled-input-text-color: md-sys-color.$on-surface;
+/// md.comp.outlined-text-field.disabled.label-text.color (Disabled / Label text)
+$disabled-label-text-color: md-sys-color.$on-surface;
+/// md.comp.outlined-text-field.disabled.leading-icon.color (Disabled / Leading icon)
+$disabled-leading-icon-color: md-sys-color.$on-surface;
+/// md.comp.outlined-text-field.disabled.outline.color (Disabled / Outline)
+$disabled-outline-color: md-sys-color.$on-surface;
+/// md.comp.outlined-text-field.disabled.supporting-text.color (Disabled / Supporting text)
+$disabled-supporting-text-color: md-sys-color.$on-surface;
+/// md.comp.outlined-text-field.disabled.trailing-icon.color (Disabled / Trailing icon)
+$disabled-trailing-icon-color: md-sys-color.$on-surface;
+/// md.comp.outlined-text-field.error.focus.caret.color (Enabled / Caret)
+$error-focus-caret-color: md-sys-color.$error;
+/// md.comp.outlined-text-field.error.focus.indicator.outline.color (Focused / Focus indicator)
+///
+/// @deprecated Deprecating - instead use focus outline tokens
+$error-focus-indicator-outline-color: md-sys-color.$error;
+/// md.comp.outlined-text-field.error.focus.input-text.color (Error / Focus)
+$error-focus-input-text-color: md-sys-color.$on-surface;
+/// md.comp.outlined-text-field.error.focus.label-text.color (Error / Focus)
+$error-focus-label-text-color: md-sys-color.$error;
+/// md.comp.outlined-text-field.error.focus.leading-icon.color (Error / Focus)
+$error-focus-leading-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.outlined-text-field.error.focus.outline.color (Error / Focus)
+$error-focus-outline-color: md-sys-color.$error;
+/// md.comp.outlined-text-field.error.focus.supporting-text.color (Error / Focus)
+$error-focus-supporting-text-color: md-sys-color.$error;
+/// md.comp.outlined-text-field.error.focus.trailing-icon.color (Error / Focus)
+$error-focus-trailing-icon-color: md-sys-color.$error;
+/// md.comp.outlined-text-field.error.hover.input-text.color (Error / Hover)
+$error-hover-input-text-color: md-sys-color.$on-surface;
+/// md.comp.outlined-text-field.error.hover.label-text.color (Error / Hover)
+$error-hover-label-text-color: md-sys-color.$on-error-container;
+/// md.comp.outlined-text-field.error.hover.leading-icon.color (Error / Hover)
+$error-hover-leading-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.outlined-text-field.error.hover.outline.color (Error / Hover)
+$error-hover-outline-color: md-sys-color.$on-error-container;
+/// md.comp.outlined-text-field.error.hover.supporting-text.color (Error / Hover)
+$error-hover-supporting-text-color: md-sys-color.$error;
+/// md.comp.outlined-text-field.error.hover.trailing-icon.color (Error / Hover)
+$error-hover-trailing-icon-color: md-sys-color.$on-error-container;
+/// md.comp.outlined-text-field.error.input-text.color (Error)
+$error-input-text-color: md-sys-color.$on-surface;
+/// md.comp.outlined-text-field.error.label-text.color (Error)
+$error-label-text-color: md-sys-color.$error;
+/// md.comp.outlined-text-field.error.leading-icon.color (Error)
+$error-leading-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.outlined-text-field.error.outline.color (Error)
+$error-outline-color: md-sys-color.$error;
+/// md.comp.outlined-text-field.error.supporting-text.color (Error)
+$error-supporting-text-color: md-sys-color.$error;
+/// md.comp.outlined-text-field.error.trailing-icon.color (Error)
+$error-trailing-icon-color: md-sys-color.$error;
+/// md.comp.outlined-text-field.focus.indicator.outline.color (Focused / Focus indicator)
+///
+/// @deprecated Deprecating - instead use focus outline tokens
+$focus-indicator-outline-color: md-sys-color.$secondary;
+/// md.comp.outlined-text-field.focus.indicator.outline.thickness (Focused / Focus indicator)
+///
+/// @deprecated Deprecating - instead use focus outline tokens
+$focus-indicator-outline-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.comp.outlined-text-field.focus.input-text.color (Focused / Input text)
+$focus-input-text-color: md-sys-color.$on-surface;
+/// md.comp.outlined-text-field.focus.label-text.color (Focused / Label text)
+$focus-label-text-color: md-sys-color.$primary;
+/// md.comp.outlined-text-field.focus.leading-icon.color (Focused / Leading icon)
+$focus-leading-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.outlined-text-field.focus.outline.color (Focused / Outline)
+$focus-outline-color: md-sys-color.$primary;
+/// md.comp.outlined-text-field.focus.supporting-text.color (Focused / Supporting text)
+$focus-supporting-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.outlined-text-field.focus.trailing-icon.color (Focused / Trailing icon)
+$focus-trailing-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.outlined-text-field.hover.input-text.color (Hovered / Input text)
+$hover-input-text-color: md-sys-color.$on-surface;
+/// md.comp.outlined-text-field.hover.label-text.color (Hovered / Label text)
+$hover-label-text-color: md-sys-color.$on-surface;
+/// md.comp.outlined-text-field.hover.leading-icon.color (Hovered / Leading icon)
+$hover-leading-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.outlined-text-field.hover.outline.color (Hovered / Outline)
+$hover-outline-color: md-sys-color.$on-surface;
+/// md.comp.outlined-text-field.hover.supporting-text.color (Hovered / Supporting text)
+$hover-supporting-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.outlined-text-field.hover.trailing-icon.color (Hovered / Trailing icon)
+$hover-trailing-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.outlined-text-field.input-text.color (Enabled / Input text)
+$input-text-color: md-sys-color.$on-surface;
+/// md.comp.outlined-text-field.input-text.font (Enabled / Input text)
+$input-text-font: md-sys-typescale.$body-large-font;
+/// md.comp.outlined-text-field.input-text.line-height (Enabled / Input text)
+$input-text-line-height: md-sys-typescale.$body-large-line-height;
+/// md.comp.outlined-text-field.input-text.placeholder.color (Enabled / Input text)
+$input-text-placeholder-color: md-sys-color.$on-surface-variant;
+/// md.comp.outlined-text-field.input-text.prefix.color (Enabled / Input text)
+$input-text-prefix-color: md-sys-color.$on-surface-variant;
+/// md.comp.outlined-text-field.input-text.size (Enabled / Input text)
+$input-text-size: md-sys-typescale.$body-large-size;
+/// md.comp.outlined-text-field.input-text.suffix.color (Enabled / Input text)
+$input-text-suffix-color: md-sys-color.$on-surface-variant;
+/// md.comp.outlined-text-field.input-text.tracking (Enabled / Input text)
+$input-text-tracking: md-sys-typescale.$body-large-tracking;
+/// md.comp.outlined-text-field.input-text.weight (Enabled / Input text)
+$input-text-weight: md-sys-typescale.$body-large-weight;
+/// md.comp.outlined-text-field.label-text.color (Enabled / Label text)
+$label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.outlined-text-field.label-text.font (Enabled / Label text)
+$label-text-font: md-sys-typescale.$body-large-font;
+/// md.comp.outlined-text-field.label-text.line-height (Enabled / Label text)
+$label-text-line-height: md-sys-typescale.$body-large-line-height;
+/// md.comp.outlined-text-field.label-text.populated.line-height (Enabled / Label text)
+$label-text-populated-line-height: md-sys-typescale.$body-small-line-height;
+/// md.comp.outlined-text-field.label-text.populated.size (Enabled / Label text)
+$label-text-populated-size: md-sys-typescale.$body-small-size;
+/// md.comp.outlined-text-field.label-text.size (Enabled / Label text)
+$label-text-size: md-sys-typescale.$body-large-size;
+/// md.comp.outlined-text-field.label-text.tracking (Enabled / Label text)
+$label-text-tracking: md-sys-typescale.$body-large-tracking;
+/// md.comp.outlined-text-field.label-text.weight (Enabled / Label text)
+$label-text-weight: md-sys-typescale.$body-large-weight;
+/// md.comp.outlined-text-field.leading-icon.color (Enabled / Leading icon)
+$leading-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.outlined-text-field.outline.color (Enabled / Outline)
+$outline-color: md-sys-color.$outline;
+/// md.comp.outlined-text-field.supporting-text.color (Enabled / Supporting text)
+$supporting-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.outlined-text-field.supporting-text.font (Enabled / Supporting text)
+$supporting-text-font: md-sys-typescale.$body-small-font;
+/// md.comp.outlined-text-field.supporting-text.line-height (Enabled / Supporting text)
+$supporting-text-line-height: md-sys-typescale.$body-small-line-height;
+/// md.comp.outlined-text-field.supporting-text.size (Enabled / Supporting text)
+$supporting-text-size: md-sys-typescale.$body-small-size;
+/// md.comp.outlined-text-field.supporting-text.tracking (Enabled / Supporting text)
+$supporting-text-tracking: md-sys-typescale.$body-small-tracking;
+/// md.comp.outlined-text-field.supporting-text.weight (Enabled / Supporting text)
+$supporting-text-weight: md-sys-typescale.$body-small-weight;
+/// md.comp.outlined-text-field.trailing-icon.color (Enabled / Trailing icon)
+$trailing-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.outlined-text-field.input-text.type (Enabled / Input text)
+@mixin input-text-type {
+  font-family: $input-text-font;
+  font-size: $input-text-size;
+  font-weight: $input-text-weight;
+  letter-spacing: $input-text-tracking;
+  line-height: $input-text-line-height;
+}
+/// md.comp.outlined-text-field.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;
+}
+/// md.comp.outlined-text-field.supporting-text.type (Enabled / Supporting text)
+@mixin supporting-text-type {
+  font-family: $supporting-text-font;
+  font-size: $supporting-text-size;
+  font-weight: $supporting-text-weight;
+  letter-spacing: $supporting-text-tracking;
+  line-height: $supporting-text-line-height;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-plain-tooltip.scss b/tokens/versions/v30_0/sass/_md-comp-plain-tooltip.scss
new file mode 100644
index 0000000000..fe69fc7839
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-plain-tooltip.scss
@@ -0,0 +1,45 @@
+//
+// 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.plain-tooltip.container.color (Enabled / Container)
+$container-color: md-sys-color.$inverse-surface;
+/// md.comp.plain-tooltip.container.shape (Enabled / Container)
+$container-shape: md-sys-shape.$corner-extra-small;
+/// md.comp.plain-tooltip.supporting-text.color (Enabled / Supporting text)
+$supporting-text-color: md-sys-color.$inverse-on-surface;
+/// md.comp.plain-tooltip.supporting-text.font (Enabled / Supporting text)
+$supporting-text-font: md-sys-typescale.$body-small-font;
+/// md.comp.plain-tooltip.supporting-text.line-height (Enabled / Supporting text)
+$supporting-text-line-height: md-sys-typescale.$body-small-line-height;
+/// md.comp.plain-tooltip.supporting-text.size (Enabled / Supporting text)
+$supporting-text-size: md-sys-typescale.$body-small-size;
+/// md.comp.plain-tooltip.supporting-text.tracking (Enabled / Supporting text)
+$supporting-text-tracking: md-sys-typescale.$body-small-tracking;
+/// md.comp.plain-tooltip.supporting-text.weight (Enabled / Supporting text)
+$supporting-text-weight: md-sys-typescale.$body-small-weight;
+/// md.comp.plain-tooltip.supporting-text.type (Enabled / Supporting text)
+@mixin supporting-text-type {
+  font-family: $supporting-text-font;
+  font-size: $supporting-text-size;
+  font-weight: $supporting-text-weight;
+  letter-spacing: $supporting-text-tracking;
+  line-height: $supporting-text-line-height;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-primary-navigation-tab.scss b/tokens/versions/v30_0/sass/_md-comp-primary-navigation-tab.scss
new file mode 100644
index 0000000000..adbeadc8bd
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-primary-navigation-tab.scss
@@ -0,0 +1,130 @@
+//
+// 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.primary-navigation-tab.active-indicator.height (Enabled / Active indicator)
+$active-indicator-height: 3px;
+/// md.comp.primary-navigation-tab.active-indicator.shape (Enabled / Active indicator)
+$active-indicator-shape: 3px 3px 0px 0px;
+/// md.comp.primary-navigation-tab.container.height (Enabled / Container)
+$container-height: 48px;
+/// md.comp.primary-navigation-tab.divider.height (Enabled / Divider)
+///
+/// @deprecated Use standalone divider component instead of nested tokens.
+$divider-height: 1px;
+/// md.comp.primary-navigation-tab.with-icon-and-label-text.container.height (Enabled / Container)
+$with-icon-and-label-text-container-height: 64px;
+/// md.comp.primary-navigation-tab.with-icon.icon.size (Enabled / Icon)
+$with-icon-icon-size: 24px;
+/// md.comp.primary-navigation-tab.active-indicator.color (Enabled / Active indicator)
+$active-indicator-color: md-sys-color.$primary;
+/// md.comp.primary-navigation-tab.active.focus.state-layer.color (Focused / State layer)
+$active-focus-state-layer-color: md-sys-color.$primary;
+/// md.comp.primary-navigation-tab.active.focus.state-layer.opacity (Focused / State layer)
+$active-focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.primary-navigation-tab.active.hover.state-layer.color (Hovered / State layer)
+$active-hover-state-layer-color: md-sys-color.$primary;
+/// md.comp.primary-navigation-tab.active.hover.state-layer.opacity (Hovered / State layer)
+$active-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.primary-navigation-tab.active.pressed.state-layer.color (Pressed (ripple) / State layer)
+$active-pressed-state-layer-color: md-sys-color.$primary;
+/// md.comp.primary-navigation-tab.active.pressed.state-layer.opacity (Pressed (ripple) / State layer)
+$active-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.primary-navigation-tab.container.color (Enabled / Container)
+$container-color: md-sys-color.$surface;
+/// md.comp.primary-navigation-tab.container.elevation (Enabled / Container)
+$container-elevation: md-sys-elevation.$level0;
+/// md.comp.primary-navigation-tab.container.shape (Enabled / Container)
+$container-shape: md-sys-shape.$corner-none;
+/// md.comp.primary-navigation-tab.divider.color (Enabled / Divider)
+///
+/// @deprecated Use standalone divider component instead of nested tokens.
+$divider-color: md-sys-color.$surface-variant;
+/// md.comp.primary-navigation-tab.focus.indicator.color (Focused / Focus indicator)
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.primary-navigation-tab.focus.indicator.outline.offset (Focused / Focus indicator)
+$focus-indicator-outline-offset: md-sys-state-focus-indicator.$inner-offset;
+/// md.comp.primary-navigation-tab.focus.indicator.thickness (Focused / Focus indicator)
+$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.comp.primary-navigation-tab.inactive.focus.state-layer.color (Focused / State layer)
+$inactive-focus-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.primary-navigation-tab.inactive.focus.state-layer.opacity (Focused / State layer)
+$inactive-focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.primary-navigation-tab.inactive.hover.state-layer.color (Hovered / State layer)
+$inactive-hover-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.primary-navigation-tab.inactive.hover.state-layer.opacity (Hovered / State layer)
+$inactive-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.primary-navigation-tab.inactive.pressed.state-layer.color (Pressed (ripple) / State layer)
+$inactive-pressed-state-layer-color: md-sys-color.$primary;
+/// md.comp.primary-navigation-tab.inactive.pressed.state-layer.opacity (Pressed (ripple) / State layer)
+$inactive-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.primary-navigation-tab.with-icon.active.focus.icon.color (Focused / Icon)
+$with-icon-active-focus-icon-color: md-sys-color.$primary;
+/// md.comp.primary-navigation-tab.with-icon.active.hover.icon.color (Hovered / Icon)
+$with-icon-active-hover-icon-color: md-sys-color.$primary;
+/// md.comp.primary-navigation-tab.with-icon.active.icon.color (Enabled / Icon)
+$with-icon-active-icon-color: md-sys-color.$primary;
+/// md.comp.primary-navigation-tab.with-icon.active.pressed.icon.color (Pressed (ripple) / Icon)
+$with-icon-active-pressed-icon-color: md-sys-color.$primary;
+/// md.comp.primary-navigation-tab.with-icon.inactive.focus.icon.color (Focused / Icon)
+$with-icon-inactive-focus-icon-color: md-sys-color.$on-surface;
+/// md.comp.primary-navigation-tab.with-icon.inactive.hover.icon.color (Hovered / Icon)
+$with-icon-inactive-hover-icon-color: md-sys-color.$on-surface;
+/// md.comp.primary-navigation-tab.with-icon.inactive.icon.color (Enabled / Icon)
+$with-icon-inactive-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.primary-navigation-tab.with-icon.inactive.pressed.icon.color (Pressed (ripple) / Icon)
+$with-icon-inactive-pressed-icon-color: md-sys-color.$on-surface;
+/// md.comp.primary-navigation-tab.with-label-text.active.focus.label-text.color (Focused / Label text)
+$with-label-text-active-focus-label-text-color: md-sys-color.$primary;
+/// md.comp.primary-navigation-tab.with-label-text.active.hover.label-text.color (Hovered / Label text)
+$with-label-text-active-hover-label-text-color: md-sys-color.$primary;
+/// md.comp.primary-navigation-tab.with-label-text.active.label-text.color (Enabled / Label text)
+$with-label-text-active-label-text-color: md-sys-color.$primary;
+/// md.comp.primary-navigation-tab.with-label-text.active.pressed.label-text.color (Pressed (ripple) / Label text)
+$with-label-text-active-pressed-label-text-color: md-sys-color.$primary;
+/// md.comp.primary-navigation-tab.with-label-text.inactive.focus.label-text.color (Focused / Label text)
+$with-label-text-inactive-focus-label-text-color: md-sys-color.$on-surface;
+/// md.comp.primary-navigation-tab.with-label-text.inactive.hover.label-text.color (Hovered / Label text)
+$with-label-text-inactive-hover-label-text-color: md-sys-color.$on-surface;
+/// md.comp.primary-navigation-tab.with-label-text.inactive.label-text.color (Enabled / Label text)
+$with-label-text-inactive-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.primary-navigation-tab.with-label-text.inactive.pressed.label-text.color (Pressed (ripple) / Label text)
+$with-label-text-inactive-pressed-label-text-color: md-sys-color.$on-surface;
+/// md.comp.primary-navigation-tab.with-label-text.label-text.font (Enabled / Label text)
+$with-label-text-label-text-font: md-sys-typescale.$title-small-font;
+/// md.comp.primary-navigation-tab.with-label-text.label-text.line-height (Enabled / Label text)
+$with-label-text-label-text-line-height: md-sys-typescale.$title-small-line-height;
+/// md.comp.primary-navigation-tab.with-label-text.label-text.size (Enabled / Label text)
+$with-label-text-label-text-size: md-sys-typescale.$title-small-size;
+/// md.comp.primary-navigation-tab.with-label-text.label-text.tracking (Enabled / Label text)
+$with-label-text-label-text-tracking: md-sys-typescale.$title-small-tracking;
+/// md.comp.primary-navigation-tab.with-label-text.label-text.weight (Enabled / Label text)
+$with-label-text-label-text-weight: md-sys-typescale.$title-small-weight;
+/// md.comp.primary-navigation-tab.with-label-text.label-text.type (Enabled / Label text)
+@mixin with-label-text-label-text-type {
+  font-family: $with-label-text-label-text-font;
+  font-size: $with-label-text-label-text-size;
+  font-weight: $with-label-text-label-text-weight;
+  letter-spacing: $with-label-text-label-text-tracking;
+  line-height: $with-label-text-label-text-line-height;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-progress-indicator-circular.scss b/tokens/versions/v30_0/sass/_md-comp-progress-indicator-circular.scss
new file mode 100644
index 0000000000..57d668dd2a
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-progress-indicator-circular.scss
@@ -0,0 +1,47 @@
+//
+// 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
+
+/// md.comp.progress-indicator.circular.active-indicator.thickness (Circular - baseline)
+$active-indicator-thickness: 4px;
+/// md.comp.progress-indicator.circular.active-indicator.wave.amplitude (Circular - baseline)
+$active-indicator-wave-amplitude: 1.6px;
+/// md.comp.progress-indicator.circular.active-indicator.wave.wavelength (Circular - baseline)
+$active-indicator-wave-wavelength: 15px;
+/// md.comp.progress-indicator.circular.size (Circular - baseline)
+$size: 40px;
+/// md.comp.progress-indicator.circular.thick.active-indicator.thickness ([Deprecated] Circular - thick)
+///
+/// @deprecated No longer tokenized as a variant, but rather a sample configuration in code
+$thick-active-indicator-thickness: 8px;
+/// md.comp.progress-indicator.circular.thick.size ([Deprecated] Circular - thick)
+///
+/// @deprecated No longer tokenized as a variant, but rather a sample configuration in code
+$thick-size: 52px;
+/// md.comp.progress-indicator.circular.thick.track-active-indicator-space ([Deprecated] Circular - thick)
+///
+/// @deprecated No longer tokenized as a variant, but rather a sample configuration in code
+$thick-track-active-indicator-space: 4px;
+/// md.comp.progress-indicator.circular.thick.track.thickness ([Deprecated] Circular - thick)
+///
+/// @deprecated No longer tokenized as a variant, but rather a sample configuration in code
+$thick-track-thickness: 8px;
+/// md.comp.progress-indicator.circular.track-active-indicator-space (Circular - baseline)
+$track-active-indicator-space: 4px;
+/// md.comp.progress-indicator.circular.track.thickness (Circular - baseline)
+$track-thickness: 4px;
+/// md.comp.progress-indicator.circular.with-wave.size (Circular - baseline)
+$with-wave-size: 48px;
diff --git a/tokens/versions/v30_0/sass/_md-comp-progress-indicator-linear.scss b/tokens/versions/v30_0/sass/_md-comp-progress-indicator-linear.scss
new file mode 100644
index 0000000000..0963cbf6d9
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-progress-indicator-linear.scss
@@ -0,0 +1,65 @@
+//
+// 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
+
+/// md.comp.progress-indicator.linear.active-indicator.thickness (Linear - baseline)
+$active-indicator-thickness: 4px;
+/// md.comp.progress-indicator.linear.active-indicator.wave.amplitude (Linear - baseline)
+$active-indicator-wave-amplitude: 3px;
+/// md.comp.progress-indicator.linear.active-indicator.wave.wavelength (Linear - baseline)
+$active-indicator-wave-wavelength: 40px;
+/// md.comp.progress-indicator.linear.height (Linear - baseline)
+$height: 4px;
+/// md.comp.progress-indicator.linear.indeterminate.active-indicator.wave.wavelength (Linear - baseline)
+$indeterminate-active-indicator-wave-wavelength: 20px;
+/// md.comp.progress-indicator.linear.stop-indicator.size (Linear - baseline)
+$stop-indicator-size: 4px;
+/// md.comp.progress-indicator.linear.stop-indicator.trailing-space (Linear - baseline)
+$stop-indicator-trailing-space: 0px;
+/// md.comp.progress-indicator.linear.thick.active-indicator.thickness ([Deprecated] Linear - thick)
+///
+/// @deprecated No longer tokenized as a variant, but rather a sample configuration in code
+$thick-active-indicator-thickness: 8px;
+/// md.comp.progress-indicator.linear.thick.height ([Deprecated] Linear - thick)
+///
+/// @deprecated No longer tokenized as a variant, but rather a sample configuration in code
+$thick-height: 8px;
+/// md.comp.progress-indicator.linear.thick.stop-indicator.size ([Deprecated] Linear - thick)
+///
+/// @deprecated No longer tokenized as a variant, but rather a sample configuration in code
+$thick-stop-indicator-size: 4px;
+/// md.comp.progress-indicator.linear.thick.stop-indicator.trailing-space ([Deprecated] Linear - thick)
+///
+/// @deprecated No longer tokenized as a variant, but rather a sample configuration in code
+$thick-stop-indicator-trailing-space: 2px;
+/// md.comp.progress-indicator.linear.thick.track-active-indicator-space ([Deprecated] Linear - thick)
+///
+/// @deprecated No longer tokenized as a variant, but rather a sample configuration in code
+$thick-track-active-indicator-space: 4px;
+/// md.comp.progress-indicator.linear.thick.track.thickness ([Deprecated] Linear - thick)
+///
+/// @deprecated No longer tokenized as a variant, but rather a sample configuration in code
+$thick-track-thickness: 8px;
+/// md.comp.progress-indicator.linear.thick.with-wave.height ([Deprecated] Linear - thick)
+///
+/// @deprecated No longer tokenized as a variant, but rather a sample configuration in code
+$thick-with-wave-height: 14px;
+/// md.comp.progress-indicator.linear.track-active-indicator-space (Linear - baseline)
+$track-active-indicator-space: 4px;
+/// md.comp.progress-indicator.linear.track.thickness (Linear - baseline)
+$track-thickness: 4px;
+/// md.comp.progress-indicator.linear.with-wave.height (Linear - baseline)
+$with-wave-height: 10px;
diff --git a/tokens/versions/v30_0/sass/_md-comp-progress-indicator.scss b/tokens/versions/v30_0/sass/_md-comp-progress-indicator.scss
new file mode 100644
index 0000000000..72b409ce9e
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-progress-indicator.scss
@@ -0,0 +1,48 @@
+//
+// 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';
+
+/// md.comp.progress-indicator.active-indicator-track-space ([Deprecated] Enabled / [Deprecated] Spacing)
+///
+/// @deprecated Token is deprecated.
+$active-indicator-track-space: 4px;
+/// md.comp.progress-indicator.active-indicator.thickness ([Deprecated] Enabled / [Deprecated] Active Indicator)
+///
+/// @deprecated Token is deprecated.
+$active-indicator-thickness: 4px;
+/// md.comp.progress-indicator.stop-indicator.size ([Deprecated] Enabled / [Deprecated] Stop indicator)
+///
+/// @deprecated Token is deprecated.
+$stop-indicator-size: 4px;
+/// md.comp.progress-indicator.track.thickness ([Deprecated] Enabled / [Deprecated] Track)
+///
+/// @deprecated Token is deprecated.
+$track-thickness: 4px;
+/// md.comp.progress-indicator.active-indicator.color (Color)
+$active-indicator-color: md-sys-color.$primary;
+/// md.comp.progress-indicator.active-indicator.shape (Shape)
+$active-indicator-shape: md-sys-shape.$corner-full;
+/// md.comp.progress-indicator.stop-indicator.color (Color)
+$stop-indicator-color: md-sys-color.$primary;
+/// md.comp.progress-indicator.stop-indicator.shape (Shape)
+$stop-indicator-shape: md-sys-shape.$corner-full;
+/// md.comp.progress-indicator.track.color (Color)
+$track-color: md-sys-color.$secondary-container;
+/// md.comp.progress-indicator.track.shape (Shape)
+$track-shape: md-sys-shape.$corner-full;
diff --git a/tokens/versions/v30_0/sass/_md-comp-radio-button.scss b/tokens/versions/v30_0/sass/_md-comp-radio-button.scss
new file mode 100644
index 0000000000..8799e73f62
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-radio-button.scss
@@ -0,0 +1,72 @@
+//
+// 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-state';
+
+/// md.comp.radio-button.disabled.selected.icon.opacity (Disabled / Icon)
+$disabled-selected-icon-opacity: 0.38;
+/// md.comp.radio-button.disabled.unselected.icon.opacity (Disabled / Icon)
+$disabled-unselected-icon-opacity: 0.38;
+/// md.comp.radio-button.icon.size (Enabled / Icon)
+$icon-size: 20px;
+/// md.comp.radio-button.state-layer.size (Enabled / State layer)
+$state-layer-size: 40px;
+/// md.comp.radio-button.disabled.selected.icon.color (Disabled / Icon)
+$disabled-selected-icon-color: md-sys-color.$on-surface;
+/// md.comp.radio-button.disabled.unselected.icon.color (Disabled / Icon)
+$disabled-unselected-icon-color: md-sys-color.$on-surface;
+/// md.comp.radio-button.selected.focus.icon.color (Focused / Icon)
+$selected-focus-icon-color: md-sys-color.$primary;
+/// md.comp.radio-button.selected.focus.state-layer.color (Focused / State layer)
+$selected-focus-state-layer-color: md-sys-color.$primary;
+/// md.comp.radio-button.selected.focus.state-layer.opacity (Focused / State layer)
+$selected-focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.radio-button.selected.hover.icon.color (Hovered / Icon)
+$selected-hover-icon-color: md-sys-color.$primary;
+/// md.comp.radio-button.selected.hover.state-layer.color (Hovered / State layer)
+$selected-hover-state-layer-color: md-sys-color.$primary;
+/// md.comp.radio-button.selected.hover.state-layer.opacity (Hovered / State layer)
+$selected-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.radio-button.selected.icon.color (Enabled / Icon)
+$selected-icon-color: md-sys-color.$primary;
+/// md.comp.radio-button.selected.pressed.icon.color (Pressed (ripple) / Icon)
+$selected-pressed-icon-color: md-sys-color.$primary;
+/// md.comp.radio-button.selected.pressed.state-layer.color (Pressed (ripple) / State layer)
+$selected-pressed-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.radio-button.selected.pressed.state-layer.opacity (Pressed (ripple) / State layer)
+$selected-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.radio-button.unselected.focus.icon.color (Focused / Icon)
+$unselected-focus-icon-color: md-sys-color.$on-surface;
+/// md.comp.radio-button.unselected.focus.state-layer.color (Focused / State layer)
+$unselected-focus-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.radio-button.unselected.focus.state-layer.opacity (Focused / State layer)
+$unselected-focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.radio-button.unselected.hover.icon.color (Hovered / Icon)
+$unselected-hover-icon-color: md-sys-color.$on-surface;
+/// md.comp.radio-button.unselected.hover.state-layer.color (Hovered / State layer)
+$unselected-hover-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.radio-button.unselected.hover.state-layer.opacity (Hovered / State layer)
+$unselected-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.radio-button.unselected.icon.color (Enabled / Icon)
+$unselected-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.radio-button.unselected.pressed.icon.color (Pressed (ripple) / Icon)
+$unselected-pressed-icon-color: md-sys-color.$on-surface;
+/// md.comp.radio-button.unselected.pressed.state-layer.color (Pressed (ripple) / State layer)
+$unselected-pressed-state-layer-color: md-sys-color.$primary;
+/// md.comp.radio-button.unselected.pressed.state-layer.opacity (Pressed (ripple) / State layer)
+$unselected-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
diff --git a/tokens/versions/v30_0/sass/_md-comp-rich-tooltip.scss b/tokens/versions/v30_0/sass/_md-comp-rich-tooltip.scss
new file mode 100644
index 0000000000..f9d414696a
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-rich-tooltip.scss
@@ -0,0 +1,113 @@
+//
+// 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-typescale';
+
+/// md.comp.rich-tooltip.action.focus.label-text.color (Focused / Label text)
+$action-focus-label-text-color: md-sys-color.$primary;
+/// md.comp.rich-tooltip.action.focus.state-layer.color (Focused / State layer)
+$action-focus-state-layer-color: md-sys-color.$primary;
+/// md.comp.rich-tooltip.action.focus.state-layer.opacity (Focused / State layer)
+$action-focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.rich-tooltip.action.hover.label-text.color (Hovered / Label text)
+$action-hover-label-text-color: md-sys-color.$primary;
+/// md.comp.rich-tooltip.action.hover.state-layer.color (Hovered / State layer)
+$action-hover-state-layer-color: md-sys-color.$primary;
+/// md.comp.rich-tooltip.action.hover.state-layer.opacity (Hovered / State layer)
+$action-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.rich-tooltip.action.label-text.color (Enabled / Label text)
+$action-label-text-color: md-sys-color.$primary;
+/// md.comp.rich-tooltip.action.label-text.font (Enabled / Label text)
+$action-label-text-font: md-sys-typescale.$label-large-font;
+/// md.comp.rich-tooltip.action.label-text.line-height (Enabled / Label text)
+$action-label-text-line-height: md-sys-typescale.$label-large-line-height;
+/// md.comp.rich-tooltip.action.label-text.size (Enabled / Label text)
+$action-label-text-size: md-sys-typescale.$label-large-size;
+/// md.comp.rich-tooltip.action.label-text.tracking (Enabled / Label text)
+$action-label-text-tracking: md-sys-typescale.$label-large-tracking;
+/// md.comp.rich-tooltip.action.label-text.weight (Enabled / Label text)
+$action-label-text-weight: md-sys-typescale.$label-large-weight;
+/// md.comp.rich-tooltip.action.pressed.label-text.color (Pressed (ripple) / Label text)
+$action-pressed-label-text-color: md-sys-color.$primary;
+/// md.comp.rich-tooltip.action.pressed.state-layer.color (Pressed (ripple) / State layer)
+$action-pressed-state-layer-color: md-sys-color.$primary;
+/// md.comp.rich-tooltip.action.pressed.state-layer.opacity (Pressed (ripple) / State layer)
+$action-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.rich-tooltip.container.color (Enabled / Container)
+$container-color: md-sys-color.$surface-container;
+/// md.comp.rich-tooltip.container.elevation (Enabled / Container)
+$container-elevation: md-sys-elevation.$level2;
+/// md.comp.rich-tooltip.container.shadow-color (Enabled / Container)
+$container-shadow-color: md-sys-color.$shadow;
+/// md.comp.rich-tooltip.container.shape (Enabled / Container)
+$container-shape: md-sys-shape.$corner-medium;
+/// md.comp.rich-tooltip.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.rich-tooltip.subhead.color (Enabled / Subhead)
+$subhead-color: md-sys-color.$on-surface-variant;
+/// md.comp.rich-tooltip.subhead.font (Enabled / Subhead)
+$subhead-font: md-sys-typescale.$title-small-font;
+/// md.comp.rich-tooltip.subhead.line-height (Enabled / Subhead)
+$subhead-line-height: md-sys-typescale.$title-small-line-height;
+/// md.comp.rich-tooltip.subhead.size (Enabled / Subhead)
+$subhead-size: md-sys-typescale.$title-small-size;
+/// md.comp.rich-tooltip.subhead.tracking (Enabled / Subhead)
+$subhead-tracking: md-sys-typescale.$title-small-tracking;
+/// md.comp.rich-tooltip.subhead.weight (Enabled / Subhead)
+$subhead-weight: md-sys-typescale.$title-small-weight;
+/// md.comp.rich-tooltip.supporting-text.color (Enabled / Supporting text)
+$supporting-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.rich-tooltip.supporting-text.font (Enabled / Supporting text)
+$supporting-text-font: md-sys-typescale.$body-medium-font;
+/// md.comp.rich-tooltip.supporting-text.line-height (Enabled / Supporting text)
+$supporting-text-line-height: md-sys-typescale.$body-medium-line-height;
+/// md.comp.rich-tooltip.supporting-text.size (Enabled / Supporting text)
+$supporting-text-size: md-sys-typescale.$body-medium-size;
+/// md.comp.rich-tooltip.supporting-text.tracking (Enabled / Supporting text)
+$supporting-text-tracking: md-sys-typescale.$body-medium-tracking;
+/// md.comp.rich-tooltip.supporting-text.weight (Enabled / Supporting text)
+$supporting-text-weight: md-sys-typescale.$body-medium-weight;
+/// md.comp.rich-tooltip.action.label-text.type (Enabled / Label text)
+@mixin action-label-text-type {
+  font-family: $action-label-text-font;
+  font-size: $action-label-text-size;
+  font-weight: $action-label-text-weight;
+  letter-spacing: $action-label-text-tracking;
+  line-height: $action-label-text-line-height;
+}
+/// md.comp.rich-tooltip.subhead.type (Enabled / Subhead)
+@mixin subhead-type {
+  font-family: $subhead-font;
+  font-size: $subhead-size;
+  font-weight: $subhead-weight;
+  letter-spacing: $subhead-tracking;
+  line-height: $subhead-line-height;
+}
+/// md.comp.rich-tooltip.supporting-text.type (Enabled / Supporting text)
+@mixin supporting-text-type {
+  font-family: $supporting-text-font;
+  font-size: $supporting-text-size;
+  font-weight: $supporting-text-weight;
+  letter-spacing: $supporting-text-tracking;
+  line-height: $supporting-text-line-height;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-scrim.scss b/tokens/versions/v30_0/sass/_md-comp-scrim.scss
new file mode 100644
index 0000000000..23c18d7925
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-scrim.scss
@@ -0,0 +1,23 @@
+//
+// 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';
+
+/// md.comp.scrim.container.opacity
+$container-opacity: 0.32;
+/// md.comp.scrim.container.color
+$container-color: md-sys-color.$scrim;
diff --git a/tokens/versions/v30_0/sass/_md-comp-search-bar.scss b/tokens/versions/v30_0/sass/_md-comp-search-bar.scss
new file mode 100644
index 0000000000..8bd9bbd3fe
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-search-bar.scss
@@ -0,0 +1,102 @@
+//
+// 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.search-bar.avatar.size (Enabled / Avatar)
+$avatar-size: 30px;
+/// md.comp.search-bar.container.height (Enabled / Container)
+$container-height: 56px;
+/// md.comp.search-bar.avatar.shape (Enabled / Avatar)
+$avatar-shape: md-sys-shape.$corner-full;
+/// md.comp.search-bar.container.color (Enabled / Container)
+$container-color: md-sys-color.$surface-container-high;
+/// md.comp.search-bar.container.elevation (Enabled / Container)
+$container-elevation: md-sys-elevation.$level3;
+/// md.comp.search-bar.container.shape (Enabled / Container)
+$container-shape: md-sys-shape.$corner-full;
+/// md.comp.search-bar.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.search-bar.focus.indicator.color (Focused / Focus indicator)
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.search-bar.focus.indicator.outline.offset (Focused / Focus indicator)
+$focus-indicator-outline-offset: md-sys-state-focus-indicator.$outer-offset;
+/// md.comp.search-bar.focus.indicator.thickness (Focused / Focus indicator)
+$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.comp.search-bar.hover.state-layer.color (Hovered / State layer)
+$hover-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.search-bar.hover.state-layer.opacity (Hovered / State layer)
+$hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.search-bar.hover.supporting-text.color (Hovered / Supporting text)
+$hover-supporting-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.search-bar.input-text.color (Enabled / Input text)
+$input-text-color: md-sys-color.$on-surface;
+/// md.comp.search-bar.input-text.font (Enabled / Input text)
+$input-text-font: md-sys-typescale.$body-large-font;
+/// md.comp.search-bar.input-text.line-height (Enabled / Input text)
+$input-text-line-height: md-sys-typescale.$body-large-line-height;
+/// md.comp.search-bar.input-text.size (Enabled / Input text)
+$input-text-size: md-sys-typescale.$body-large-size;
+/// md.comp.search-bar.input-text.tracking (Enabled / Input text)
+$input-text-tracking: md-sys-typescale.$body-large-tracking;
+/// md.comp.search-bar.input-text.weight (Enabled / Input text)
+$input-text-weight: md-sys-typescale.$body-large-weight;
+/// md.comp.search-bar.leading-icon.color (Enabled / Leading icon)
+$leading-icon-color: md-sys-color.$on-surface;
+/// md.comp.search-bar.pressed.state-layer.color (Pressed (ripple) / State layer)
+$pressed-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.search-bar.pressed.state-layer.opacity (Pressed (ripple) / State layer)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.search-bar.pressed.supporting-text.color (Pressed (ripple) / Supporting text)
+$pressed-supporting-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.search-bar.supporting-text.color (Enabled / Supporting text)
+$supporting-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.search-bar.supporting-text.font (Enabled / Supporting text)
+$supporting-text-font: md-sys-typescale.$body-large-font;
+/// md.comp.search-bar.supporting-text.line-height (Enabled / Supporting text)
+$supporting-text-line-height: md-sys-typescale.$body-large-line-height;
+/// md.comp.search-bar.supporting-text.size (Enabled / Supporting text)
+$supporting-text-size: md-sys-typescale.$body-large-size;
+/// md.comp.search-bar.supporting-text.tracking (Enabled / Supporting text)
+$supporting-text-tracking: md-sys-typescale.$body-large-tracking;
+/// md.comp.search-bar.supporting-text.weight (Enabled / Supporting text)
+$supporting-text-weight: md-sys-typescale.$body-large-weight;
+/// md.comp.search-bar.trailing-icon.color (Enabled / Trailing icon)
+$trailing-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.search-bar.input-text.type (Enabled / Input text)
+@mixin input-text-type {
+  font-family: $input-text-font;
+  font-size: $input-text-size;
+  font-weight: $input-text-weight;
+  letter-spacing: $input-text-tracking;
+  line-height: $input-text-line-height;
+}
+/// md.comp.search-bar.supporting-text.type (Enabled / Supporting text)
+@mixin supporting-text-type {
+  font-family: $supporting-text-font;
+  font-size: $supporting-text-size;
+  font-weight: $supporting-text-weight;
+  letter-spacing: $supporting-text-tracking;
+  line-height: $supporting-text-line-height;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-search-view.scss b/tokens/versions/v30_0/sass/_md-comp-search-view.scss
new file mode 100644
index 0000000000..26b4b4c06c
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-search-view.scss
@@ -0,0 +1,84 @@
+//
+// 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-typescale';
+
+/// md.comp.search-view.docked.header.container.height (Enabled / Container)
+$docked-header-container-height: 56px;
+/// md.comp.search-view.full-screen.header.container.height (Enabled / Container)
+$full-screen-header-container-height: 72px;
+/// md.comp.search-view.container.color (Enabled / Container)
+$container-color: md-sys-color.$surface-container-high;
+/// md.comp.search-view.container.elevation (Enabled / Container)
+$container-elevation: md-sys-elevation.$level3;
+/// md.comp.search-view.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.search-view.divider.color (Enabled / Divider)
+$divider-color: md-sys-color.$outline;
+/// md.comp.search-view.docked.container.shape (Enabled / Container)
+$docked-container-shape: md-sys-shape.$corner-extra-large;
+/// md.comp.search-view.full-screen.container.shape (Enabled / Container)
+$full-screen-container-shape: md-sys-shape.$corner-none;
+/// md.comp.search-view.header.input-text.color (Enabled / Input text)
+$header-input-text-color: md-sys-color.$on-surface;
+/// md.comp.search-view.header.input-text.font (Enabled / Input text)
+$header-input-text-font: md-sys-typescale.$body-large-font;
+/// md.comp.search-view.header.input-text.line-height (Enabled / Input text)
+$header-input-text-line-height: md-sys-typescale.$body-large-line-height;
+/// md.comp.search-view.header.input-text.size (Enabled / Input text)
+$header-input-text-size: md-sys-typescale.$body-large-size;
+/// md.comp.search-view.header.input-text.tracking (Enabled / Input text)
+$header-input-text-tracking: md-sys-typescale.$body-large-tracking;
+/// md.comp.search-view.header.input-text.weight (Enabled / Input text)
+$header-input-text-weight: md-sys-typescale.$body-large-weight;
+/// md.comp.search-view.header.leading-icon.color (Enabled / Leading icon)
+$header-leading-icon-color: md-sys-color.$on-surface;
+/// md.comp.search-view.header.supporting-text.color (Enabled / Supporting text)
+$header-supporting-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.search-view.header.supporting-text.font (Enabled / Supporting text)
+$header-supporting-text-font: md-sys-typescale.$body-large-font;
+/// md.comp.search-view.header.supporting-text.line-height (Enabled / Supporting text)
+$header-supporting-text-line-height: md-sys-typescale.$body-large-line-height;
+/// md.comp.search-view.header.supporting-text.size (Enabled / Supporting text)
+$header-supporting-text-size: md-sys-typescale.$body-large-size;
+/// md.comp.search-view.header.supporting-text.tracking (Enabled / Supporting text)
+$header-supporting-text-tracking: md-sys-typescale.$body-large-tracking;
+/// md.comp.search-view.header.supporting-text.weight (Enabled / Supporting text)
+$header-supporting-text-weight: md-sys-typescale.$body-large-weight;
+/// md.comp.search-view.header.trailing-icon.color (Enabled / Trailing icon)
+$header-trailing-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.search-view.header.input-text.type (Enabled / Input text)
+@mixin header-input-text-type {
+  font-family: $header-input-text-font;
+  font-size: $header-input-text-size;
+  font-weight: $header-input-text-weight;
+  letter-spacing: $header-input-text-tracking;
+  line-height: $header-input-text-line-height;
+}
+/// md.comp.search-view.header.supporting-text.type (Enabled / Supporting text)
+@mixin header-supporting-text-type {
+  font-family: $header-supporting-text-font;
+  font-size: $header-supporting-text-size;
+  font-weight: $header-supporting-text-weight;
+  letter-spacing: $header-supporting-text-tracking;
+  line-height: $header-supporting-text-line-height;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-secondary-navigation-tab.scss b/tokens/versions/v30_0/sass/_md-comp-secondary-navigation-tab.scss
new file mode 100644
index 0000000000..4eaf72029d
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-secondary-navigation-tab.scss
@@ -0,0 +1,104 @@
+//
+// 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.secondary-navigation-tab.active-indicator.height (Enabled / Active indicator)
+$active-indicator-height: 2px;
+/// md.comp.secondary-navigation-tab.container.height (Enabled / Container)
+$container-height: 48px;
+/// md.comp.secondary-navigation-tab.divider.height (Enabled / Divider)
+///
+/// @deprecated Please use standalone divider component tokens instead
+$divider-height: 1px;
+/// md.comp.secondary-navigation-tab.with-icon.icon.size (Enabled / Icon)
+$with-icon-icon-size: 24px;
+/// md.comp.secondary-navigation-tab.active-indicator.color (Enabled / Active indicator)
+$active-indicator-color: md-sys-color.$primary;
+/// md.comp.secondary-navigation-tab.active.label-text.color (Enabled / Label text)
+$active-label-text-color: md-sys-color.$on-surface;
+/// md.comp.secondary-navigation-tab.container.color (Enabled / Container)
+$container-color: md-sys-color.$surface;
+/// md.comp.secondary-navigation-tab.container.elevation (Enabled / Container)
+$container-elevation: md-sys-elevation.$level0;
+/// md.comp.secondary-navigation-tab.container.shadow-color (Enabled / Container)
+$container-shadow-color: md-sys-color.$shadow;
+/// md.comp.secondary-navigation-tab.container.shape (Enabled / Container)
+$container-shape: md-sys-shape.$corner-none;
+/// md.comp.secondary-navigation-tab.divider.color (Enabled / Divider)
+///
+/// @deprecated Please use standalone divider component tokens instead
+$divider-color: md-sys-color.$surface-variant;
+/// md.comp.secondary-navigation-tab.focus.indicator.color (Focused / Focus indicator)
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.secondary-navigation-tab.focus.indicator.outline.offset (Focused / Focus indicator)
+$focus-indicator-outline-offset: md-sys-state-focus-indicator.$inner-offset;
+/// md.comp.secondary-navigation-tab.focus.indicator.thickness (Focused / Focus indicator)
+$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.comp.secondary-navigation-tab.focus.label-text.color (Focused / Label text)
+$focus-label-text-color: md-sys-color.$on-surface;
+/// md.comp.secondary-navigation-tab.focus.state-layer.color (Focused / State layer)
+$focus-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.secondary-navigation-tab.focus.state-layer.opacity (Focused / State layer)
+$focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.secondary-navigation-tab.hover.label-text.color (Hovered / Label text)
+$hover-label-text-color: md-sys-color.$on-surface;
+/// md.comp.secondary-navigation-tab.hover.state-layer.color (Hovered / State layer)
+$hover-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.secondary-navigation-tab.hover.state-layer.opacity (Hovered / State layer)
+$hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.secondary-navigation-tab.inactive.label-text.color (Enabled / Label text)
+$inactive-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.secondary-navigation-tab.label-text.font (Enabled / Label text)
+$label-text-font: md-sys-typescale.$title-small-font;
+/// md.comp.secondary-navigation-tab.label-text.line-height (Enabled / Label text)
+$label-text-line-height: md-sys-typescale.$title-small-line-height;
+/// md.comp.secondary-navigation-tab.label-text.size (Enabled / Label text)
+$label-text-size: md-sys-typescale.$title-small-size;
+/// md.comp.secondary-navigation-tab.label-text.tracking (Enabled / Label text)
+$label-text-tracking: md-sys-typescale.$title-small-tracking;
+/// md.comp.secondary-navigation-tab.label-text.weight (Enabled / Label text)
+$label-text-weight: md-sys-typescale.$title-small-weight;
+/// md.comp.secondary-navigation-tab.pressed.label-text.color (Pressed (ripple) / Label text)
+$pressed-label-text-color: md-sys-color.$on-surface;
+/// md.comp.secondary-navigation-tab.pressed.state-layer.color (Pressed (ripple) / State layer)
+$pressed-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.secondary-navigation-tab.pressed.state-layer.opacity (Pressed (ripple) / State layer)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.secondary-navigation-tab.with-icon.active.icon.color (Enabled / Icon)
+$with-icon-active-icon-color: md-sys-color.$on-surface;
+/// md.comp.secondary-navigation-tab.with-icon.focus.icon.color (Focused / Icon)
+$with-icon-focus-icon-color: md-sys-color.$on-surface;
+/// md.comp.secondary-navigation-tab.with-icon.hover.icon.color (Hovered / Icon)
+$with-icon-hover-icon-color: md-sys-color.$on-surface;
+/// md.comp.secondary-navigation-tab.with-icon.inactive.icon.color (Enabled / Icon)
+$with-icon-inactive-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.secondary-navigation-tab.with-icon.pressed.icon.color (Pressed (ripple) / Icon)
+$with-icon-pressed-icon-color: md-sys-color.$on-surface;
+/// md.comp.secondary-navigation-tab.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;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-sheet-bottom.scss b/tokens/versions/v30_0/sass/_md-comp-sheet-bottom.scss
new file mode 100644
index 0000000000..c31095b97e
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-sheet-bottom.scss
@@ -0,0 +1,52 @@
+//
+// 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-focus-indicator';
+
+/// md.comp.sheet.bottom.docked.drag-handle.height (Enabled / Drag handle)
+$docked-drag-handle-height: 4px;
+/// md.comp.sheet.bottom.docked.drag-handle.opacity (Enabled / Drag handle)
+///
+/// @deprecated Deprecated per b/278783477
+$docked-drag-handle-opacity: 0.4;
+/// md.comp.sheet.bottom.docked.drag-handle.width (Enabled / Drag handle)
+$docked-drag-handle-width: 32px;
+/// md.comp.sheet.bottom.docked.container.color (Enabled / Container)
+$docked-container-color: md-sys-color.$surface-container-low;
+/// md.comp.sheet.bottom.docked.container.shape (Enabled / Container)
+$docked-container-shape: md-sys-shape.$corner-extra-large-top;
+/// md.comp.sheet.bottom.docked.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.
+$docked-container-surface-tint-layer-color: md-sys-color.$surface-tint;
+/// md.comp.sheet.bottom.docked.drag-handle.color (Enabled / Drag handle)
+$docked-drag-handle-color: md-sys-color.$on-surface-variant;
+/// md.comp.sheet.bottom.docked.minimized.container.shape (Enabled / Container)
+$docked-minimized-container-shape: md-sys-shape.$corner-none;
+/// md.comp.sheet.bottom.docked.modal.container.elevation (Enabled / Container)
+$docked-modal-container-elevation: md-sys-elevation.$level1;
+/// md.comp.sheet.bottom.docked.standard.container.elevation (Enabled / Container)
+$docked-standard-container-elevation: md-sys-elevation.$level1;
+/// md.comp.sheet.bottom.focus.indicator.color (Enabled / Focus indicator)
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.sheet.bottom.focus.indicator.outline.offset (Enabled / Focus indicator)
+$focus-indicator-outline-offset: md-sys-state-focus-indicator.$outer-offset;
+/// md.comp.sheet.bottom.focus.indicator.thickness (Enabled / Focus indicator)
+$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
diff --git a/tokens/versions/v30_0/sass/_md-comp-sheet-floating.scss b/tokens/versions/v30_0/sass/_md-comp-sheet-floating.scss
new file mode 100644
index 0000000000..4379a1105f
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-sheet-floating.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-color';
+@use 'md-sys-elevation';
+@use 'md-sys-shape';
+
+/// md.comp.sheet.floating.container.color (Enabled / Container)
+$container-color: md-sys-color.$surface-container-low;
+/// md.comp.sheet.floating.container.elevation (Enabled / Container)
+$container-elevation: md-sys-elevation.$level1;
+/// md.comp.sheet.floating.container.shape (Enabled / Container)
+$container-shape: md-sys-shape.$corner-extra-large;
+/// md.comp.sheet.floating.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;
diff --git a/tokens/versions/v30_0/sass/_md-comp-sheet-side.scss b/tokens/versions/v30_0/sass/_md-comp-sheet-side.scss
new file mode 100644
index 0000000000..e148cf6eb7
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-sheet-side.scss
@@ -0,0 +1,96 @@
+//
+// 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.sheet.side.docked.container.height (Enabled / Container)
+$docked-container-height: 100%;
+/// md.comp.sheet.side.docked.container.width (Enabled / Container)
+$docked-container-width: 256px;
+/// md.comp.sheet.side.detached.container.shape (Enabled / Container)
+$detached-container-shape: md-sys-shape.$corner-large;
+/// md.comp.sheet.side.docked.action.focus.label-text.color (Focused / Label text)
+$docked-action-focus-label-text-color: md-sys-color.$primary;
+/// md.comp.sheet.side.docked.action.focus.state-layer.color (Focused / State layer)
+$docked-action-focus-state-layer-color: md-sys-color.$primary;
+/// md.comp.sheet.side.docked.action.focus.state-layer.opacity (Focused / State layer)
+$docked-action-focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.sheet.side.docked.action.hover.label-text.color (Hovered / Label text)
+$docked-action-hover-label-text-color: md-sys-color.$primary;
+/// md.comp.sheet.side.docked.action.hover.state-layer.color (Hovered / State layer)
+$docked-action-hover-state-layer-color: md-sys-color.$primary;
+/// md.comp.sheet.side.docked.action.hover.state-layer.opacity (Hovered / State layer)
+$docked-action-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.sheet.side.docked.action.pressed.label-text.color (Pressed (ripple) / Label text)
+$docked-action-pressed-label-text-color: md-sys-color.$primary;
+/// md.comp.sheet.side.docked.action.pressed.state-layer.color (Pressed (ripple) / State layer)
+$docked-action-pressed-state-layer-color: md-sys-color.$primary;
+/// md.comp.sheet.side.docked.action.pressed.state-layer.opacity (Pressed (ripple) / State layer)
+$docked-action-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.sheet.side.docked.container.color (Enabled / Container)
+///
+/// @deprecated  Deprecated as part of the update from opacity based surfaces to tonal surfaces. Use “md.comp.sheet.side.docked.modal.container.color” or “md.comp.sheet.side.docked.standard.container.color” depending on intended configuration.
+$docked-container-color: md-sys-color.$surface;
+/// md.comp.sheet.side.docked.container.shape (Enabled / Container)
+$docked-container-shape: md-sys-shape.$corner-none;
+/// md.comp.sheet.side.docked.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.
+$docked-container-surface-tint-layer-color: md-sys-color.$surface-tint;
+/// md.comp.sheet.side.docked.divider.color (Enabled / Divider)
+$docked-divider-color: md-sys-color.$outline;
+/// md.comp.sheet.side.docked.focus.indicator.color (Focused / Focus indicator)
+$docked-focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.sheet.side.docked.focus.indicator.outline.offset (Focused / Focus indicator)
+$docked-focus-indicator-outline-offset: md-sys-state-focus-indicator.$outer-offset;
+/// md.comp.sheet.side.docked.focus.indicator.thickness (Focused / Focus indicator)
+$docked-focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.comp.sheet.side.docked.headline.color (Enabled / Headline)
+$docked-headline-color: md-sys-color.$on-surface-variant;
+/// md.comp.sheet.side.docked.headline.font (Enabled / Headline)
+$docked-headline-font: md-sys-typescale.$title-large-font;
+/// md.comp.sheet.side.docked.headline.line-height (Enabled / Headline)
+$docked-headline-line-height: md-sys-typescale.$title-large-line-height;
+/// md.comp.sheet.side.docked.headline.size (Enabled / Headline)
+$docked-headline-size: md-sys-typescale.$title-large-size;
+/// md.comp.sheet.side.docked.headline.tracking (Enabled / Headline)
+$docked-headline-tracking: md-sys-typescale.$title-large-tracking;
+/// md.comp.sheet.side.docked.headline.weight (Enabled / Headline)
+$docked-headline-weight: md-sys-typescale.$title-large-weight;
+/// md.comp.sheet.side.docked.modal.container.color (Enabled / Container)
+$docked-modal-container-color: md-sys-color.$surface-container-low;
+/// md.comp.sheet.side.docked.modal.container.elevation (Enabled / Container)
+$docked-modal-container-elevation: md-sys-elevation.$level1;
+/// md.comp.sheet.side.docked.modal.container.shape (Enabled / Container)
+$docked-modal-container-shape: md-sys-shape.$corner-large-start;
+/// md.comp.sheet.side.docked.standard.container.color (Enabled / Container)
+$docked-standard-container-color: md-sys-color.$surface;
+/// md.comp.sheet.side.docked.standard.container.elevation (Enabled / Container)
+$docked-standard-container-elevation: md-sys-elevation.$level0;
+/// md.comp.sheet.side.docked.headline.type (Enabled / Headline)
+@mixin docked-headline-type {
+  font-family: $docked-headline-font;
+  font-size: $docked-headline-size;
+  font-weight: $docked-headline-weight;
+  letter-spacing: $docked-headline-tracking;
+  line-height: $docked-headline-line-height;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-slider-large.scss b/tokens/versions/v30_0/sass/_md-comp-slider-large.scss
new file mode 100644
index 0000000000..656bc8b46a
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-slider-large.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
+
+/// md.comp.slider.large.active.handle.height (Handle)
+$active-handle-height: 68px;
+/// md.comp.slider.large.active.track.height (Active track)
+$active-track-height: 56px;
+/// md.comp.slider.large.active.track.shape.leading (Active track)
+$active-track-shape-leading: 16px;
+/// md.comp.slider.large.icon.padding (Icon)
+$icon-padding: 6px;
+/// md.comp.slider.large.icon.size (Icon)
+$icon-size: 24px;
+/// md.comp.slider.large.inactive.track.height (Inactive track)
+$inactive-track-height: 56px;
+/// md.comp.slider.large.inactive.track.shape.trailing (Inactive track)
+$inactive-track-shape-trailing: 16px;
diff --git a/tokens/versions/v30_0/sass/_md-comp-slider-medium.scss b/tokens/versions/v30_0/sass/_md-comp-slider-medium.scss
new file mode 100644
index 0000000000..bb91ed09ba
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-slider-medium.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
+
+/// md.comp.slider.medium.active.handle.height (Handle)
+$active-handle-height: 44px;
+/// md.comp.slider.medium.active.track.height (Active track)
+$active-track-height: 40px;
+/// md.comp.slider.medium.active.track.shape.leading (Active track)
+$active-track-shape-leading: 12px;
+/// md.comp.slider.medium.icon.padding (Icon)
+$icon-padding: 6px;
+/// md.comp.slider.medium.icon.size (Icon)
+$icon-size: 24px;
+/// md.comp.slider.medium.inactive.track.height (Inactive track)
+$inactive-track-height: 40px;
+/// md.comp.slider.medium.inactive.track.shape.trailing (Inactive track)
+$inactive-track-shape-trailing: 12px;
diff --git a/tokens/versions/v30_0/sass/_md-comp-slider-small.scss b/tokens/versions/v30_0/sass/_md-comp-slider-small.scss
new file mode 100644
index 0000000000..e7f56d1865
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-slider-small.scss
@@ -0,0 +1,27 @@
+//
+// 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
+
+/// md.comp.slider.small.active.handle.height (Handle)
+$active-handle-height: 44px;
+/// md.comp.slider.small.active.track.height (Active track)
+$active-track-height: 24px;
+/// md.comp.slider.small.active.track.shape.leading (Active track)
+$active-track-shape-leading: 8px;
+/// md.comp.slider.small.inactive.track.height (Inactive track)
+$inactive-track-height: 24px;
+/// md.comp.slider.small.inactive.track.shape.trailing (Inactive track)
+$inactive-track-shape-trailing: 8px;
diff --git a/tokens/versions/v30_0/sass/_md-comp-slider-xlarge.scss b/tokens/versions/v30_0/sass/_md-comp-slider-xlarge.scss
new file mode 100644
index 0000000000..ffb49b373b
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-slider-xlarge.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
+
+/// md.comp.slider.xlarge.active.handle.height (Handle)
+$active-handle-height: 108px;
+/// md.comp.slider.xlarge.active.track.height (Active track)
+$active-track-height: 96px;
+/// md.comp.slider.xlarge.active.track.shape.leading (Active track)
+$active-track-shape-leading: 28px;
+/// md.comp.slider.xlarge.icon.padding (Icon)
+$icon-padding: 8px;
+/// md.comp.slider.xlarge.icon.size (Icon)
+$icon-size: 32px;
+/// md.comp.slider.xlarge.inactive.track.height (Inactive track)
+$inactive-track-height: 96px;
+/// md.comp.slider.xlarge.inactive.track.shape.trailing (Inactive track)
+$inactive-track-shape-trailing: 28px;
diff --git a/tokens/versions/v30_0/sass/_md-comp-slider-xsmall.scss b/tokens/versions/v30_0/sass/_md-comp-slider-xsmall.scss
new file mode 100644
index 0000000000..7dc9eda85d
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-slider-xsmall.scss
@@ -0,0 +1,27 @@
+//
+// 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
+
+/// md.comp.slider.xsmall.active.handle.height (Handle)
+$active-handle-height: 44px;
+/// md.comp.slider.xsmall.active.track.height (Active track)
+$active-track-height: 16px;
+/// md.comp.slider.xsmall.active.track.shape.leading (Active track)
+$active-track-shape-leading: 8px;
+/// md.comp.slider.xsmall.inactive.track.height (Inactive track)
+$inactive-track-height: 16px;
+/// md.comp.slider.xsmall.inactive.track.shape.trailing (Inactive track)
+$inactive-track-shape-trailing: 8px;
diff --git a/tokens/versions/v30_0/sass/_md-comp-slider.scss b/tokens/versions/v30_0/sass/_md-comp-slider.scss
new file mode 100644
index 0000000000..29e9de6cff
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-slider.scss
@@ -0,0 +1,307 @@
+//
+// 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-typescale';
+
+/// md.comp.slider.active.container.opacity (Enabled / Container)
+///
+/// @deprecated Deprecate per NTC update
+$active-container-opacity: 1;
+/// md.comp.slider.active.handle.height (Enabled / Handle)
+$active-handle-height: 44px;
+/// md.comp.slider.active.handle.leading-space (Enabled / Handle)
+$active-handle-leading-space: 6px;
+/// md.comp.slider.active.handle.padding (Enabled / Handle)
+$active-handle-padding: 6px;
+/// md.comp.slider.active.handle.trailing-space (Enabled / Handle)
+$active-handle-trailing-space: 6px;
+/// md.comp.slider.active.handle.width (Enabled / Handle)
+$active-handle-width: 4px;
+/// md.comp.slider.active.stop-indicator.container.opacity (Enabled / Container)
+$active-stop-indicator-container-opacity: 1;
+/// md.comp.slider.active.track.height (Enabled / Track)
+$active-track-height: 16px;
+/// md.comp.slider.active.track.inner-corner.corner-size (Enabled / Track)
+$active-track-inner-corner-corner-size: 0 2px 2px 0;
+/// md.comp.slider.disabled.active.track.opacity (Disabled / Track)
+$disabled-active-track-opacity: 0.38;
+/// md.comp.slider.disabled.handle.opacity (Disabled / Handle)
+$disabled-handle-opacity: 0.38;
+/// md.comp.slider.disabled.handle.width (Disabled / Handle)
+$disabled-handle-width: 4px;
+/// md.comp.slider.disabled.inactive.track.opacity (Disabled / Track)
+$disabled-inactive-track-opacity: 0.12;
+/// md.comp.slider.disabled.stop-indicator.container.opacity (Disabled / [Deprecated] Container)
+///
+/// @deprecated Replacing with 2 tokens active and inactive stop indicator color
+$disabled-stop-indicator-container-opacity: 0.38;
+/// md.comp.slider.focus.handle.width (Focused / Handle)
+$focus-handle-width: 2px;
+/// md.comp.slider.handle.height (Enabled / Handle)
+$handle-height: 44px;
+/// md.comp.slider.handle.width (Enabled / Handle)
+$handle-width: 4px;
+/// md.comp.slider.hover.handle.width (Hovered / Handle)
+$hover-handle-width: 4px;
+/// md.comp.slider.inactive.container.opacity (Enabled / Container)
+///
+/// @deprecated Deprecate per NTC update
+$inactive-container-opacity: 1;
+/// md.comp.slider.inactive.stop-indicator.container.opacity (Enabled / Container)
+$inactive-stop-indicator-container-opacity: 1;
+/// md.comp.slider.inactive.track.height (Enabled / Track)
+$inactive-track-height: 16px;
+/// md.comp.slider.label.container.height (Enabled / Container)
+///
+/// @deprecated Deprecating per b/323475024
+$label-container-height: 28px;
+/// md.comp.slider.pressed.handle.width (Pressed (ripple) / Handle)
+$pressed-handle-width: 2px;
+/// md.comp.slider.state-layer.size (Enabled / [Deprecated] State layer)
+///
+/// @deprecated Deprecating per b/323475024
+$state-layer-size: 40px;
+/// md.comp.slider.stop-indicator.size (Enabled / Stop indicator)
+$stop-indicator-size: 4px;
+/// md.comp.slider.stop-indicator.trailing-space (Enabled / Stop indicator)
+$stop-indicator-trailing-space: 4px;
+/// md.comp.slider.value-indicator.active.bottom-space (Pressed (ripple) / Value indicator)
+$value-indicator-active-bottom-space: 12px;
+/// md.comp.slider.with-overlap.handle.outline.width (Enabled / Handle)
+///
+/// @deprecated Deprecating per b/323475024
+$with-overlap-handle-outline-width: 1px;
+/// md.comp.slider.with-tick-marks.active.container.opacity (Enabled / Container)
+///
+/// @deprecated Deprecated for less confusing token name
+$with-tick-marks-active-container-opacity: 0.38;
+/// md.comp.slider.with-tick-marks.container.size (Enabled / Container)
+///
+/// @deprecated Deprecating per b/323475024
+$with-tick-marks-container-size: 2px;
+/// md.comp.slider.with-tick-marks.disabled.container.opacity (Disabled / [Deprecated] Container)
+///
+/// @deprecated Deprecated for new token with less confusion
+$with-tick-marks-disabled-container-opacity: 0.38;
+/// md.comp.slider.with-tick-marks.inactive.container.opacity (Enabled / Container)
+///
+/// @deprecated Deprecated for less confusing token name
+$with-tick-marks-inactive-container-opacity: 0.38;
+/// md.comp.slider.active.handle.shape (Enabled / Handle)
+$active-handle-shape: md-sys-shape.$corner-full;
+/// md.comp.slider.active.stop-indicator.container.color (Enabled / Container)
+$active-stop-indicator-container-color: md-sys-color.$on-primary;
+/// md.comp.slider.active.track.color (Enabled / Track)
+$active-track-color: md-sys-color.$primary;
+/// md.comp.slider.active.track.outer-corner.corner-size (Enabled / Track)
+$active-track-outer-corner-corner-size: md-sys-shape.$corner-full;
+/// md.comp.slider.active.track.shape (Enabled / Track)
+$active-track-shape: md-sys-shape.$corner-full;
+/// md.comp.slider.disabled.active.stop-indicator.container.color (Disabled / Stop)
+$disabled-active-stop-indicator-container-color: md-sys-color.$inverse-on-surface;
+/// md.comp.slider.disabled.active.track.color (Disabled / Track)
+$disabled-active-track-color: md-sys-color.$on-surface;
+/// md.comp.slider.disabled.handle.color (Disabled / Handle)
+$disabled-handle-color: md-sys-color.$on-surface;
+/// md.comp.slider.disabled.handle.elevation (Disabled / Handle)
+///
+/// @deprecated Deprecating per b/323475024
+$disabled-handle-elevation: md-sys-elevation.$level0;
+/// md.comp.slider.disabled.inactive.stop-indicator.container.color (Disabled / Stop)
+$disabled-inactive-stop-indicator-container-color: md-sys-color.$on-surface;
+/// md.comp.slider.disabled.inactive.track.color (Disabled / Track)
+$disabled-inactive-track-color: md-sys-color.$on-surface;
+/// md.comp.slider.disabled.stop-indicator.color (Disabled / Stop)
+///
+/// @deprecated Replacing with: Slider disabled inactive stop indicator container color
+$disabled-stop-indicator-color: md-sys-color.$on-surface;
+/// md.comp.slider.disabled.stop-indicator.color-selected (Disabled / Stop)
+///
+/// @deprecated Replacing with: Slider disabled active stop indicator container color
+$disabled-stop-indicator-color-selected: md-sys-color.$inverse-on-surface;
+/// md.comp.slider.disabled.stop-indicator.container.color (Disabled / [Deprecated] Container)
+///
+/// @deprecated Replacing with 2 tokens active and inactive stop indicator color
+$disabled-stop-indicator-container-color: md-sys-color.$on-surface;
+/// md.comp.slider.focus.active.track.color (Focused / Track)
+$focus-active-track-color: md-sys-color.$primary;
+/// md.comp.slider.focus.handle.color (Focused / Handle)
+///
+/// @deprecated Deprecating per b/323475024
+$focus-handle-color: md-sys-color.$primary;
+/// md.comp.slider.focus.inactive.track.color (Focused / Track)
+$focus-inactive-track-color: md-sys-color.$secondary-container;
+/// md.comp.slider.focus.state-layer.color (Focused / [Deprecated] State layer)
+///
+/// @deprecated Deprecating per b/323475024
+$focus-state-layer-color: md-sys-color.$primary;
+/// md.comp.slider.focus.state-layer.opacity (Focused / [Deprecated] State layer)
+///
+/// @deprecated Deprecating per b/323475024
+$focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.slider.focus.stop.color (Focused / [Deprecated] Stop)
+///
+/// @deprecated No longer needed
+$focus-stop-color: md-sys-color.$primary;
+/// md.comp.slider.handle.color (Enabled / Handle)
+$handle-color: md-sys-color.$primary;
+/// md.comp.slider.handle.elevation (Enabled / Handle)
+///
+/// @deprecated Deprecating per b/323475024
+$handle-elevation: md-sys-elevation.$level1;
+/// md.comp.slider.handle.shadow-color (Enabled / Handle)
+///
+/// @deprecated Deprecating per b/323475024
+$handle-shadow-color: md-sys-color.$shadow;
+/// md.comp.slider.handle.shape (Enabled / Handle)
+$handle-shape: md-sys-shape.$corner-full;
+/// md.comp.slider.hover.handle.color (Hovered / Handle)
+///
+/// @deprecated Deprecate per NTC update
+$hover-handle-color: md-sys-color.$primary;
+/// md.comp.slider.hover.state-layer.color (Hovered / [Deprecated] State layer)
+///
+/// @deprecated Deprecating per b/323475024
+$hover-state-layer-color: md-sys-color.$primary;
+/// md.comp.slider.hover.state-layer.opacity (Hovered / [Deprecated] State layer)
+///
+/// @deprecated Deprecating per b/323475024
+$hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.slider.hover.stop.color (Hovered / [Deprecated] Stop)
+///
+/// @deprecated Deprecate per NTC update
+$hover-stop-color: md-sys-color.$primary;
+/// md.comp.slider.inactive.stop-indicator.container.color (Enabled / Container)
+$inactive-stop-indicator-container-color: md-sys-color.$on-secondary-container;
+/// md.comp.slider.inactive.track.color (Enabled / Track)
+$inactive-track-color: md-sys-color.$secondary-container;
+/// md.comp.slider.inactive.track.shape (Enabled / Track)
+$inactive-track-shape: md-sys-shape.$corner-full;
+/// md.comp.slider.label.container.color (Enabled / Container)
+///
+/// @deprecated Deprecate per NTC update
+$label-container-color: md-sys-color.$primary;
+/// md.comp.slider.label.container.elevation (Enabled / Container)
+///
+/// @deprecated Deprecating per b/323475024
+$label-container-elevation: md-sys-elevation.$level0;
+/// md.comp.slider.label.label-text.color (Enabled / [Deprecated] Label text)
+///
+/// @deprecated No longer needed
+$label-label-text-color: md-sys-color.$inverse-on-surface;
+/// md.comp.slider.label.label-text.font (Enabled / [Deprecated] Label text)
+///
+/// @deprecated Deprecating per b/323475024
+$label-label-text-font: md-sys-typescale.$label-medium-font;
+/// md.comp.slider.label.label-text.font-size (Enabled / [Deprecated] Label text)
+///
+/// @deprecated For consistency, we have standardized on `size` instead of `font-size`. Replace usage with the suggested token.
+$label-label-text-font-size: md-sys-typescale.$label-medium-size;
+/// md.comp.slider.label.label-text.line-height (Enabled / [Deprecated] Label text)
+///
+/// @deprecated Deprecating per b/323475024
+$label-label-text-line-height: md-sys-typescale.$label-medium-line-height;
+/// md.comp.slider.label.label-text.size (Enabled / [Deprecated] Label text)
+///
+/// @deprecated Deprecating per b/323475024
+$label-label-text-size: md-sys-typescale.$label-medium-size;
+/// md.comp.slider.label.label-text.tracking (Enabled / [Deprecated] Label text)
+///
+/// @deprecated Deprecating per b/323475024
+$label-label-text-tracking: md-sys-typescale.$label-medium-tracking;
+/// md.comp.slider.label.label-text.weight (Enabled / [Deprecated] Label text)
+///
+/// @deprecated Deprecating per b/323475024
+$label-label-text-weight: md-sys-typescale.$label-medium-weight;
+/// md.comp.slider.pressed.active.track.color (Pressed (ripple) / Track)
+$pressed-active-track-color: md-sys-color.$primary;
+/// md.comp.slider.pressed.handle.color (Pressed (ripple) / Handle)
+$pressed-handle-color: md-sys-color.$primary;
+/// md.comp.slider.pressed.inactive.track.color (Pressed (ripple) / Track)
+$pressed-inactive-track-color: md-sys-color.$secondary-container;
+/// md.comp.slider.pressed.state-layer.color (Pressed (ripple) / [Deprecated] State layer)
+///
+/// @deprecated Deprecating per b/323475024
+$pressed-state-layer-color: md-sys-color.$primary;
+/// md.comp.slider.pressed.state-layer.opacity (Pressed (ripple) / [Deprecated] State layer)
+///
+/// @deprecated Deprecating per b/323475024
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.slider.pressed.stop.color (Pressed (ripple) / [Deprecated] Stop)
+///
+/// @deprecated Deprecating per NTC update
+$pressed-stop-color: md-sys-color.$primary;
+/// md.comp.slider.slider-active-handle-color (Enabled / Handle)
+$slider-active-handle-color: md-sys-color.$primary;
+/// md.comp.slider.stop-indicator.color (Enabled / Stop indicator)
+$stop-indicator-color: md-sys-color.$on-secondary-container;
+/// md.comp.slider.stop-indicator.color-selected (Enabled / Stop indicator)
+$stop-indicator-color-selected: md-sys-color.$on-primary;
+/// md.comp.slider.stop-indicator.shape (Enabled / Stop indicator)
+$stop-indicator-shape: md-sys-shape.$corner-full;
+/// md.comp.slider.track.elevation (Enabled / Track)
+///
+/// @deprecated Deprecating per b/323475024
+$track-elevation: md-sys-elevation.$level0;
+/// md.comp.slider.value-indicator.container.color (Pressed (ripple) / Value indicator)
+$value-indicator-container-color: md-sys-color.$inverse-surface;
+/// md.comp.slider.value-indicator.label.label-text.color (Pressed (ripple) / Value indicator)
+$value-indicator-label-label-text-color: md-sys-color.$inverse-on-surface;
+/// md.comp.slider.value-indicator.label.label-text.font (Pressed (ripple) / Value indicator)
+$value-indicator-label-label-text-font: md-sys-typescale.$label-large-font;
+/// md.comp.slider.value-indicator.label.label-text.line-height (Pressed (ripple) / Value indicator)
+$value-indicator-label-label-text-line-height: md-sys-typescale.$label-large-line-height;
+/// md.comp.slider.value-indicator.label.label-text.size (Pressed (ripple) / Value indicator)
+$value-indicator-label-label-text-size: md-sys-typescale.$label-large-size;
+/// md.comp.slider.value-indicator.label.label-text.tracking (Pressed (ripple) / Value indicator)
+$value-indicator-label-label-text-tracking: md-sys-typescale.$body-large-tracking;
+/// md.comp.slider.value-indicator.label.label-text.weight (Pressed (ripple) / Value indicator)
+$value-indicator-label-label-text-weight: md-sys-typescale.$body-large-weight;
+/// md.comp.slider.with-overlap.handle.outline.color (Enabled / Handle)
+///
+/// @deprecated Deprecating per b/323475024
+$with-overlap-handle-outline-color: md-sys-color.$on-primary;
+/// md.comp.slider.with-tick-marks.active.container.color (Enabled / Container)
+///
+/// @deprecated Deprecated for less confusing token name
+$with-tick-marks-active-container-color: md-sys-color.$on-primary;
+/// md.comp.slider.with-tick-marks.container.shape (Enabled / Container)
+///
+/// @deprecated Deprecating per b/323475024
+$with-tick-marks-container-shape: md-sys-shape.$corner-full;
+/// md.comp.slider.with-tick-marks.disabled.container.color (Disabled / [Deprecated] Container)
+///
+/// @deprecated Deprecated for new token with less confusion
+$with-tick-marks-disabled-container-color: md-sys-color.$on-surface;
+/// md.comp.slider.with-tick-marks.inactive.container.color (Enabled / Container)
+///
+/// @deprecated Deprecated for less confusing token name
+$with-tick-marks-inactive-container-color: md-sys-color.$on-surface-variant;
+/// md.comp.slider.label.label-text.type (Enabled / [Deprecated] Subhead)
+///
+/// @deprecated Deprecating per b/298282669
+@mixin label-label-text-type {
+  font-family: $label-label-text-font;
+  font-size: $label-label-text-size;
+  font-weight: $label-label-text-weight;
+  letter-spacing: $label-label-text-tracking;
+  line-height: $label-label-text-line-height;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-snackbar.scss b/tokens/versions/v30_0/sass/_md-comp-snackbar.scss
new file mode 100644
index 0000000000..9422a22c34
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-snackbar.scss
@@ -0,0 +1,115 @@
+//
+// 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-typescale';
+
+/// md.comp.snackbar.icon.size (Enabled / Icon)
+$icon-size: 24px;
+/// md.comp.snackbar.with-single-line.container.height (Enabled / Container)
+$with-single-line-container-height: 48px;
+/// md.comp.snackbar.with-two-lines.container.height (Enabled / Container)
+$with-two-lines-container-height: 68px;
+/// md.comp.snackbar.action.focus.label-text.color (Focused / Label text)
+$action-focus-label-text-color: md-sys-color.$inverse-primary;
+/// md.comp.snackbar.action.focus.state-layer.color (Focused / State layer)
+$action-focus-state-layer-color: md-sys-color.$inverse-primary;
+/// md.comp.snackbar.action.focus.state-layer.opacity (Focused / State layer)
+$action-focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.snackbar.action.hover.label-text.color (Hovered / Label text)
+$action-hover-label-text-color: md-sys-color.$inverse-primary;
+/// md.comp.snackbar.action.hover.state-layer.color (Hovered / State layer)
+$action-hover-state-layer-color: md-sys-color.$inverse-primary;
+/// md.comp.snackbar.action.hover.state-layer.opacity (Hovered / State layer)
+$action-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.snackbar.action.label-text.color (Enabled / Label text)
+$action-label-text-color: md-sys-color.$inverse-primary;
+/// md.comp.snackbar.action.label-text.font (Enabled / Label text)
+$action-label-text-font: md-sys-typescale.$label-large-font;
+/// md.comp.snackbar.action.label-text.line-height (Enabled / Label text)
+$action-label-text-line-height: md-sys-typescale.$label-large-line-height;
+/// md.comp.snackbar.action.label-text.size (Enabled / Label text)
+$action-label-text-size: md-sys-typescale.$label-large-size;
+/// md.comp.snackbar.action.label-text.tracking (Enabled / Label text)
+$action-label-text-tracking: md-sys-typescale.$label-large-tracking;
+/// md.comp.snackbar.action.label-text.weight (Enabled / Label text)
+$action-label-text-weight: md-sys-typescale.$label-large-weight;
+/// md.comp.snackbar.action.pressed.label-text.color (Pressed (ripple) / Label text)
+$action-pressed-label-text-color: md-sys-color.$inverse-primary;
+/// md.comp.snackbar.action.pressed.state-layer.color (Pressed (ripple) / State layer)
+$action-pressed-state-layer-color: md-sys-color.$inverse-primary;
+/// md.comp.snackbar.action.pressed.state-layer.opacity (Pressed (ripple) / State layer)
+$action-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.snackbar.container.color (Enabled / Container)
+$container-color: md-sys-color.$inverse-surface;
+/// md.comp.snackbar.container.elevation (Enabled / Container)
+$container-elevation: md-sys-elevation.$level3;
+/// md.comp.snackbar.container.shadow-color (Enabled / Container)
+$container-shadow-color: md-sys-color.$shadow;
+/// md.comp.snackbar.container.shape (Enabled / Container)
+$container-shape: md-sys-shape.$corner-extra-small;
+/// md.comp.snackbar.icon.color (Enabled / Icon)
+$icon-color: md-sys-color.$inverse-on-surface;
+/// md.comp.snackbar.icon.focus.icon.color (Focused / Icon)
+$icon-focus-icon-color: md-sys-color.$inverse-on-surface;
+/// md.comp.snackbar.icon.focus.state-layer.color (Focused / State layer)
+$icon-focus-state-layer-color: md-sys-color.$inverse-on-surface;
+/// md.comp.snackbar.icon.focus.state-layer.opacity (Focused / State layer)
+$icon-focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.snackbar.icon.hover.icon.color (Hovered / Icon)
+$icon-hover-icon-color: md-sys-color.$inverse-on-surface;
+/// md.comp.snackbar.icon.hover.state-layer.color (Hovered / State layer)
+$icon-hover-state-layer-color: md-sys-color.$inverse-on-surface;
+/// md.comp.snackbar.icon.hover.state-layer.opacity (Hovered / State layer)
+$icon-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.snackbar.icon.pressed.icon.color (Pressed (ripple) / Icon)
+$icon-pressed-icon-color: md-sys-color.$inverse-on-surface;
+/// md.comp.snackbar.icon.pressed.state-layer.color (Pressed (ripple) / State layer)
+$icon-pressed-state-layer-color: md-sys-color.$inverse-on-surface;
+/// md.comp.snackbar.icon.pressed.state-layer.opacity (Pressed (ripple) / State layer)
+$icon-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.snackbar.supporting-text.color (Enabled / Supporting text)
+$supporting-text-color: md-sys-color.$inverse-on-surface;
+/// md.comp.snackbar.supporting-text.font (Enabled / Supporting text)
+$supporting-text-font: md-sys-typescale.$body-medium-font;
+/// md.comp.snackbar.supporting-text.line-height (Enabled / Supporting text)
+$supporting-text-line-height: md-sys-typescale.$body-medium-line-height;
+/// md.comp.snackbar.supporting-text.size (Enabled / Supporting text)
+$supporting-text-size: md-sys-typescale.$body-medium-size;
+/// md.comp.snackbar.supporting-text.tracking (Enabled / Supporting text)
+$supporting-text-tracking: md-sys-typescale.$body-medium-tracking;
+/// md.comp.snackbar.supporting-text.weight (Enabled / Supporting text)
+$supporting-text-weight: md-sys-typescale.$body-medium-weight;
+/// md.comp.snackbar.action.label-text.type (Enabled / Label text)
+@mixin action-label-text-type {
+  font-family: $action-label-text-font;
+  font-size: $action-label-text-size;
+  font-weight: $action-label-text-weight;
+  letter-spacing: $action-label-text-tracking;
+  line-height: $action-label-text-line-height;
+}
+/// md.comp.snackbar.supporting-text.type (Enabled / Supporting text)
+@mixin supporting-text-type {
+  font-family: $supporting-text-font;
+  font-size: $supporting-text-size;
+  font-weight: $supporting-text-weight;
+  letter-spacing: $supporting-text-tracking;
+  line-height: $supporting-text-line-height;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-split-button-large.scss b/tokens/versions/v30_0/sass/_md-comp-split-button-large.scss
new file mode 100644
index 0000000000..6c89ee3f41
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-split-button-large.scss
@@ -0,0 +1,43 @@
+//
+// 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';
+
+/// md.comp.split-button.large.between-space
+$between-space: 2px;
+/// md.comp.split-button.large.container.height
+$container-height: 96px;
+/// md.comp.split-button.large.leading-button.leading-space
+$leading-button-leading-space: 48px;
+/// md.comp.split-button.large.leading-button.trailing-space
+$leading-button-trailing-space: 48px;
+/// md.comp.split-button.large.trailing-button.icon.size
+$trailing-button-icon-size: 38px;
+/// md.comp.split-button.large.trailing-button.inner-corner.selected.corner-size
+$trailing-button-inner-corner-selected-corner-size: 50%;
+/// md.comp.split-button.large.trailing-button.leading-space
+$trailing-button-leading-space: 29px;
+/// md.comp.split-button.large.trailing-button.trailing-space
+$trailing-button-trailing-space: 29px;
+/// md.comp.split-button.large.container.shape
+$container-shape: md-sys-shape.$corner-full;
+/// md.comp.split-button.large.inner-corner.corner-size
+$inner-corner-corner-size: md-sys-shape.$corner-value-small;
+/// md.comp.split-button.large.inner-corner.hovered.corner-size
+$inner-corner-hovered-corner-size: md-sys-shape.$corner-value-large-increased;
+/// md.comp.split-button.large.inner-corner.pressed.corner-size
+$inner-corner-pressed-corner-size: md-sys-shape.$corner-value-large-increased;
diff --git a/tokens/versions/v30_0/sass/_md-comp-split-button-medium.scss b/tokens/versions/v30_0/sass/_md-comp-split-button-medium.scss
new file mode 100644
index 0000000000..939e00896e
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-split-button-medium.scss
@@ -0,0 +1,43 @@
+//
+// 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';
+
+/// md.comp.split-button.medium.between-space
+$between-space: 2px;
+/// md.comp.split-button.medium.container.height
+$container-height: 56px;
+/// md.comp.split-button.medium.leading-button.leading-space
+$leading-button-leading-space: 24px;
+/// md.comp.split-button.medium.leading-button.trailing-space
+$leading-button-trailing-space: 24px;
+/// md.comp.split-button.medium.trailing-button.icon.size
+$trailing-button-icon-size: 26px;
+/// md.comp.split-button.medium.trailing-button.inner-corner.selected.corner-size
+$trailing-button-inner-corner-selected-corner-size: 50%;
+/// md.comp.split-button.medium.trailing-button.leading-space
+$trailing-button-leading-space: 15px;
+/// md.comp.split-button.medium.trailing-button.trailing-space
+$trailing-button-trailing-space: 15px;
+/// md.comp.split-button.medium.container.shape
+$container-shape: md-sys-shape.$corner-full;
+/// md.comp.split-button.medium.inner-corner.corner-size
+$inner-corner-corner-size: md-sys-shape.$corner-value-extra-small;
+/// md.comp.split-button.medium.inner-corner.hovered.corner-size
+$inner-corner-hovered-corner-size: md-sys-shape.$corner-value-medium;
+/// md.comp.split-button.medium.inner-corner.pressed.corner-size
+$inner-corner-pressed-corner-size: md-sys-shape.$corner-value-medium;
diff --git a/tokens/versions/v30_0/sass/_md-comp-split-button-small.scss b/tokens/versions/v30_0/sass/_md-comp-split-button-small.scss
new file mode 100644
index 0000000000..0dfb19a4fa
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-split-button-small.scss
@@ -0,0 +1,43 @@
+//
+// 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';
+
+/// md.comp.split-button.small.between-space
+$between-space: 2px;
+/// md.comp.split-button.small.container.height
+$container-height: 40px;
+/// md.comp.split-button.small.leading-button.leading-space
+$leading-button-leading-space: 16px;
+/// md.comp.split-button.small.leading-button.trailing-space
+$leading-button-trailing-space: 12px;
+/// md.comp.split-button.small.trailing-button.icon.size
+$trailing-button-icon-size: 22px;
+/// md.comp.split-button.small.trailing-button.inner-corner.selected.corner-size
+$trailing-button-inner-corner-selected-corner-size: 50%;
+/// md.comp.split-button.small.trailing-button.leading-space
+$trailing-button-leading-space: 13px;
+/// md.comp.split-button.small.trailing-button.trailing-space
+$trailing-button-trailing-space: 13px;
+/// md.comp.split-button.small.container.shape
+$container-shape: md-sys-shape.$corner-full;
+/// md.comp.split-button.small.inner-corner.corner-size
+$inner-corner-corner-size: md-sys-shape.$corner-value-extra-small;
+/// md.comp.split-button.small.inner-corner.hovered.corner-size
+$inner-corner-hovered-corner-size: md-sys-shape.$corner-value-medium;
+/// md.comp.split-button.small.inner-corner.pressed.corner-size
+$inner-corner-pressed-corner-size: md-sys-shape.$corner-value-medium;
diff --git a/tokens/versions/v30_0/sass/_md-comp-split-button-xlarge.scss b/tokens/versions/v30_0/sass/_md-comp-split-button-xlarge.scss
new file mode 100644
index 0000000000..3fdbd87e63
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-split-button-xlarge.scss
@@ -0,0 +1,43 @@
+//
+// 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';
+
+/// md.comp.split-button.xlarge.between-space
+$between-space: 2px;
+/// md.comp.split-button.xlarge.container.height
+$container-height: 136px;
+/// md.comp.split-button.xlarge.leading-button.leading-space
+$leading-button-leading-space: 64px;
+/// md.comp.split-button.xlarge.leading-button.trailing-space
+$leading-button-trailing-space: 64px;
+/// md.comp.split-button.xlarge.trailing-button.icon.size
+$trailing-button-icon-size: 50px;
+/// md.comp.split-button.xlarge.trailing-button.inner-corner.selected.corner-size
+$trailing-button-inner-corner-selected-corner-size: 50%;
+/// md.comp.split-button.xlarge.trailing-button.leading-space
+$trailing-button-leading-space: 43px;
+/// md.comp.split-button.xlarge.trailing-button.trailing-space
+$trailing-button-trailing-space: 43px;
+/// md.comp.split-button.xlarge.container.shape
+$container-shape: md-sys-shape.$corner-full;
+/// md.comp.split-button.xlarge.inner-corner.corner-size
+$inner-corner-corner-size: md-sys-shape.$corner-value-medium;
+/// md.comp.split-button.xlarge.inner-corner.hovered.corner-size
+$inner-corner-hovered-corner-size: md-sys-shape.$corner-value-large-increased;
+/// md.comp.split-button.xlarge.inner-corner.pressed.corner-size
+$inner-corner-pressed-corner-size: md-sys-shape.$corner-value-large-increased;
diff --git a/tokens/versions/v30_0/sass/_md-comp-split-button-xsmall.scss b/tokens/versions/v30_0/sass/_md-comp-split-button-xsmall.scss
new file mode 100644
index 0000000000..20f91f2d7e
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-split-button-xsmall.scss
@@ -0,0 +1,45 @@
+//
+// 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';
+
+/// md.comp.split-button.xsmall.between-space
+$between-space: 2px;
+/// md.comp.split-button.xsmall.container.height
+$container-height: 32px;
+/// md.comp.split-button.xsmall.leading-button.leading-space
+$leading-button-leading-space: 12px;
+/// md.comp.split-button.xsmall.leading-button.trailing-space
+$leading-button-trailing-space: 10px;
+/// md.comp.split-button.xsmall.outer-corner.corner-size
+$outer-corner-corner-size: 50%;
+/// md.comp.split-button.xsmall.trailing-button.icon.size
+$trailing-button-icon-size: 22px;
+/// md.comp.split-button.xsmall.trailing-button.inner-corner.selected.corner-size
+$trailing-button-inner-corner-selected-corner-size: 50%;
+/// md.comp.split-button.xsmall.trailing-button.leading-space
+$trailing-button-leading-space: 13px;
+/// md.comp.split-button.xsmall.trailing-button.trailing-space
+$trailing-button-trailing-space: 13px;
+/// md.comp.split-button.xsmall.container.shape
+$container-shape: md-sys-shape.$corner-full;
+/// md.comp.split-button.xsmall.inner-corner.corner-size
+$inner-corner-corner-size: md-sys-shape.$corner-value-extra-small;
+/// md.comp.split-button.xsmall.inner-corner.hovered.corner-size
+$inner-corner-hovered-corner-size: md-sys-shape.$corner-value-small;
+/// md.comp.split-button.xsmall.inner-corner.pressed.corner-size
+$inner-corner-pressed-corner-size: md-sys-shape.$corner-value-small;
diff --git a/tokens/versions/v30_0/sass/_md-comp-standard-menu-button.scss b/tokens/versions/v30_0/sass/_md-comp-standard-menu-button.scss
new file mode 100644
index 0000000000..252c9ef05c
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-standard-menu-button.scss
@@ -0,0 +1,103 @@
+//
+// 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-state';
+@use 'md-sys-state-focus-indicator';
+@use 'md-sys-typescale';
+
+/// md.comp.standard-menu-button.container.height (Enabled / Container)
+$container-height: 40px;
+/// md.comp.standard-menu-button.disabled.label-text.opacity (Disabled / Label text)
+$disabled-label-text-opacity: 0.38;
+/// md.comp.standard-menu-button.disabled.trailing-icon.opacity (Disabled / Trailing icon)
+$disabled-trailing-icon-opacity: 0.38;
+/// md.comp.standard-menu-button.trailing-icon.size (Enabled / Trailing icon)
+$trailing-icon-size: 18px;
+/// md.comp.standard-menu-button.with-icon.disabled.leading-icon.opacity (Disabled / Leading icon)
+$with-icon-disabled-leading-icon-opacity: 0.38;
+/// md.comp.standard-menu-button.with-icon.leading-icon.size (Enabled / Leading icon)
+$with-icon-leading-icon-size: 18px;
+/// md.comp.standard-menu-button.container.shape (Enabled / Container)
+$container-shape: md-sys-shape.$corner-full;
+/// md.comp.standard-menu-button.disabled.label-text.color (Disabled / Label text)
+$disabled-label-text-color: md-sys-color.$on-surface;
+/// md.comp.standard-menu-button.disabled.trailing-icon.color (Disabled / Trailing icon)
+$disabled-trailing-icon-color: md-sys-color.$on-surface;
+/// md.comp.standard-menu-button.focus.indicator.color (Focused / Focus indicator)
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.standard-menu-button.focus.indicator.outline.offset (Focused / Focus indicator)
+$focus-indicator-outline-offset: md-sys-state-focus-indicator.$outer-offset;
+/// md.comp.standard-menu-button.focus.indicator.thickness (Focused / Focus indicator)
+$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.comp.standard-menu-button.focus.label-text.color (Focused / Label text)
+$focus-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.standard-menu-button.focus.state-layer.color (Focused / State layer)
+$focus-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.standard-menu-button.focus.state-layer.opacity (Focused / State layer)
+$focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.standard-menu-button.focus.trailing-icon.color (Focused / Trailing icon)
+$focus-trailing-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.standard-menu-button.hover.label-text.color (Hovered / Label text)
+$hover-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.standard-menu-button.hover.state-layer.color (Hovered / State layer)
+$hover-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.standard-menu-button.hover.state-layer.opacity (Hovered / State layer)
+$hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.standard-menu-button.hover.trailing-icon.color (Hovered / Trailing icon)
+$hover-trailing-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.standard-menu-button.label-text.color (Enabled / Label text)
+$label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.standard-menu-button.label-text.font (Enabled / Label text)
+$label-text-font: md-sys-typescale.$label-large-font;
+/// md.comp.standard-menu-button.label-text.line-height (Enabled / Label text)
+$label-text-line-height: md-sys-typescale.$label-large-line-height;
+/// md.comp.standard-menu-button.label-text.size (Enabled / Label text)
+$label-text-size: md-sys-typescale.$label-large-size;
+/// md.comp.standard-menu-button.label-text.tracking (Enabled / Label text)
+$label-text-tracking: md-sys-typescale.$label-large-tracking;
+/// md.comp.standard-menu-button.label-text.weight (Enabled / Label text)
+$label-text-weight: md-sys-typescale.$label-large-weight;
+/// md.comp.standard-menu-button.pressed.label-text.color (Pressed (ripple) / Label text)
+$pressed-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.standard-menu-button.pressed.state-layer.color (Pressed (ripple) / State layer)
+$pressed-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.standard-menu-button.pressed.state-layer.opacity (Pressed (ripple) / State layer)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.standard-menu-button.pressed.trailing-icon.color (Pressed (ripple) / Trailing icon)
+$pressed-trailing-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.standard-menu-button.trailing-icon.color (Enabled / Trailing icon)
+$trailing-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.standard-menu-button.with-icon.disabled.leading-icon.color (Disabled / Leading icon)
+$with-icon-disabled-leading-icon-color: md-sys-color.$on-surface;
+/// md.comp.standard-menu-button.with-icon.focus.icon.color (Focused / Icon)
+$with-icon-focus-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.standard-menu-button.with-icon.hover.leading-icon.color (Hovered / Leading icon)
+$with-icon-hover-leading-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.standard-menu-button.with-icon.leading-icon.color (Enabled / Leading icon)
+$with-icon-leading-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.standard-menu-button.with-icon.pressed.icon.color (Pressed (ripple) / Icon)
+$with-icon-pressed-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.standard-menu-button.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;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-suggestion-chip.scss b/tokens/versions/v30_0/sass/_md-comp-suggestion-chip.scss
new file mode 100644
index 0000000000..6bd0273328
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-suggestion-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.suggestion-chip.container.height (Enabled / Container)
+$container-height: 32px;
+/// md.comp.suggestion-chip.disabled.label-text.opacity (Disabled / Label text)
+$disabled-label-text-opacity: 0.38;
+/// md.comp.suggestion-chip.elevated.disabled.container.opacity (Disabled / Container)
+$elevated-disabled-container-opacity: 0.12;
+/// md.comp.suggestion-chip.flat.disabled.outline.opacity (Disabled / Container)
+$flat-disabled-outline-opacity: 0.12;
+/// md.comp.suggestion-chip.flat.outline.width (Enabled / Container)
+$flat-outline-width: 1px;
+/// md.comp.suggestion-chip.with-leading-icon.disabled.leading-icon.opacity (Disabled / Icon)
+$with-leading-icon-disabled-leading-icon-opacity: 0.38;
+/// md.comp.suggestion-chip.with-leading-icon.leading-icon.size (Enabled / Icon)
+$with-leading-icon-leading-icon-size: 18px;
+/// md.comp.suggestion-chip.container.shape (Enabled / Container)
+$container-shape: md-sys-shape.$corner-small;
+/// md.comp.suggestion-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.suggestion-chip.disabled.label-text.color (Disabled / Label text)
+$disabled-label-text-color: md-sys-color.$on-surface;
+/// md.comp.suggestion-chip.dragged.container.elevation (Dragged / Container)
+$dragged-container-elevation: md-sys-elevation.$level4;
+/// md.comp.suggestion-chip.dragged.label-text.color (Dragged / Label text)
+$dragged-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.suggestion-chip.dragged.state-layer.color (Dragged / State layer)
+$dragged-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.suggestion-chip.dragged.state-layer.opacity (Dragged / State layer)
+$dragged-state-layer-opacity: md-sys-state.$dragged-state-layer-opacity;
+/// md.comp.suggestion-chip.elevated.container.color (Enabled / Container)
+$elevated-container-color: md-sys-color.$surface-container-low;
+/// md.comp.suggestion-chip.elevated.container.elevation (Enabled / Container)
+$elevated-container-elevation: md-sys-elevation.$level1;
+/// md.comp.suggestion-chip.elevated.container.shadow-color (Enabled / Container)
+$elevated-container-shadow-color: md-sys-color.$shadow;
+/// md.comp.suggestion-chip.elevated.disabled.container.color (Disabled / Container)
+$elevated-disabled-container-color: md-sys-color.$on-surface;
+/// md.comp.suggestion-chip.elevated.disabled.container.elevation (Disabled / Container)
+$elevated-disabled-container-elevation: md-sys-elevation.$level0;
+/// md.comp.suggestion-chip.elevated.focus.container.elevation (Focused / Container)
+$elevated-focus-container-elevation: md-sys-elevation.$level1;
+/// md.comp.suggestion-chip.elevated.hover.container.elevation (Hovered / Container)
+$elevated-hover-container-elevation: md-sys-elevation.$level2;
+/// md.comp.suggestion-chip.elevated.pressed.container.elevation (Pressed (ripple) / Container)
+$elevated-pressed-container-elevation: md-sys-elevation.$level1;
+/// md.comp.suggestion-chip.flat.container.elevation (Enabled / Container)
+$flat-container-elevation: md-sys-elevation.$level0;
+/// md.comp.suggestion-chip.flat.disabled.outline.color (Disabled / Container)
+$flat-disabled-outline-color: md-sys-color.$on-surface;
+/// md.comp.suggestion-chip.flat.focus.outline.color (Focused / Container)
+$flat-focus-outline-color: md-sys-color.$on-surface-variant;
+/// md.comp.suggestion-chip.flat.outline.color (Enabled / Container)
+$flat-outline-color: md-sys-color.$outline-variant;
+/// md.comp.suggestion-chip.focus.indicator.color (Focused / Focus indicator)
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.suggestion-chip.focus.indicator.outline.offset (Focused / Focus indicator)
+$focus-indicator-outline-offset: md-sys-state-focus-indicator.$outer-offset;
+/// md.comp.suggestion-chip.focus.indicator.thickness (Focused / Focus indicator)
+$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.comp.suggestion-chip.focus.label-text.color (Focused / Label text)
+$focus-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.suggestion-chip.focus.state-layer.color (Focused / State layer)
+$focus-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.suggestion-chip.focus.state-layer.opacity (Focused / State layer)
+$focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.suggestion-chip.hover.label-text.color (Hovered / Label text)
+$hover-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.suggestion-chip.hover.state-layer.color (Hovered / State layer)
+$hover-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.suggestion-chip.hover.state-layer.opacity (Hovered / State layer)
+$hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.suggestion-chip.label-text.color (Enabled / Label text)
+$label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.suggestion-chip.label-text.font (Enabled / Label text)
+$label-text-font: md-sys-typescale.$label-large-font;
+/// md.comp.suggestion-chip.label-text.line-height (Enabled / Label text)
+$label-text-line-height: md-sys-typescale.$label-large-line-height;
+/// md.comp.suggestion-chip.label-text.size (Enabled / Label text)
+$label-text-size: md-sys-typescale.$label-large-size;
+/// md.comp.suggestion-chip.label-text.tracking (Enabled / Label text)
+$label-text-tracking: md-sys-typescale.$label-large-tracking;
+/// md.comp.suggestion-chip.label-text.weight (Enabled / Label text)
+$label-text-weight: md-sys-typescale.$label-large-weight;
+/// md.comp.suggestion-chip.pressed.label-text.color (Pressed (ripple) / Label text)
+$pressed-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.suggestion-chip.pressed.state-layer.color (Pressed (ripple) / State layer)
+$pressed-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.suggestion-chip.pressed.state-layer.opacity (Pressed (ripple) / State layer)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.suggestion-chip.with-leading-icon.disabled.leading-icon.color (Disabled / Icon)
+$with-leading-icon-disabled-leading-icon-color: md-sys-color.$on-surface;
+/// md.comp.suggestion-chip.with-leading-icon.dragged.leading-icon.color (Dragged / Icon)
+$with-leading-icon-dragged-leading-icon-color: md-sys-color.$primary;
+/// md.comp.suggestion-chip.with-leading-icon.focus.leading-icon.color (Focused / Icon)
+$with-leading-icon-focus-leading-icon-color: md-sys-color.$primary;
+/// md.comp.suggestion-chip.with-leading-icon.hover.leading-icon.color (Hovered / Icon)
+$with-leading-icon-hover-leading-icon-color: md-sys-color.$primary;
+/// md.comp.suggestion-chip.with-leading-icon.leading-icon.color (Enabled / Icon)
+$with-leading-icon-leading-icon-color: md-sys-color.$primary;
+/// md.comp.suggestion-chip.with-leading-icon.pressed.leading-icon.color (Pressed (ripple) / Icon)
+$with-leading-icon-pressed-leading-icon-color: md-sys-color.$primary;
+/// md.comp.suggestion-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;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-switch.scss b/tokens/versions/v30_0/sass/_md-comp-switch.scss
new file mode 100644
index 0000000000..9675cb70db
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-switch.scss
@@ -0,0 +1,191 @@
+//
+// 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';
+
+/// md.comp.switch.disabled.handle.opacity (Disabled / Handle)
+///
+/// @deprecated The Material Switch component has been updated to a new design. Deprecated tokens are no longer required, new tokens have been added and token values updated. The new tokens only correspond to the new design
+$disabled-handle-opacity: 0.38;
+/// md.comp.switch.disabled.selected.handle.opacity (Disabled / Handle)
+$disabled-selected-handle-opacity: 1;
+/// md.comp.switch.disabled.selected.icon.opacity (Disabled / Icon)
+$disabled-selected-icon-opacity: 0.38;
+/// md.comp.switch.disabled.track.opacity (Disabled / Track)
+$disabled-track-opacity: 0.12;
+/// md.comp.switch.disabled.unselected.handle.opacity (Disabled / Handle)
+$disabled-unselected-handle-opacity: 0.38;
+/// md.comp.switch.disabled.unselected.icon.opacity (Disabled / Icon)
+$disabled-unselected-icon-opacity: 0.38;
+/// md.comp.switch.handle.height (Enabled / Handle)
+///
+/// @deprecated The Material Switch component has been updated to a new design. Deprecated tokens are no longer required, new tokens have been added and token values updated. The new tokens only correspond to the new design
+$handle-height: 20px;
+/// md.comp.switch.handle.width (Enabled / Handle)
+///
+/// @deprecated The Material Switch component has been updated to a new design. Deprecated tokens are no longer required, new tokens have been added and token values updated. The new tokens only correspond to the new design
+$handle-width: 20px;
+/// md.comp.switch.pressed.handle.height (Enabled / Handle)
+$pressed-handle-height: 28px;
+/// md.comp.switch.pressed.handle.width (Enabled / Handle)
+$pressed-handle-width: 28px;
+/// md.comp.switch.selected.handle.height (Enabled / Handle)
+$selected-handle-height: 24px;
+/// md.comp.switch.selected.handle.width (Enabled / Handle)
+$selected-handle-width: 24px;
+/// md.comp.switch.selected.icon.size (Enabled / Icon)
+$selected-icon-size: 16px;
+/// md.comp.switch.state-layer.size (Enabled / State layer)
+$state-layer-size: 40px;
+/// md.comp.switch.track.height (Enabled / Track)
+$track-height: 32px;
+/// md.comp.switch.track.outline.width (Enabled / Track)
+$track-outline-width: 2px;
+/// md.comp.switch.track.width (Enabled / Track)
+$track-width: 52px;
+/// md.comp.switch.unselected.handle.height (Enabled / Handle)
+$unselected-handle-height: 16px;
+/// md.comp.switch.unselected.handle.width (Enabled / Handle)
+$unselected-handle-width: 16px;
+/// md.comp.switch.unselected.icon.size (Enabled / Icon)
+$unselected-icon-size: 16px;
+/// md.comp.switch.with-icon.handle.height (Enabled / Handle)
+$with-icon-handle-height: 24px;
+/// md.comp.switch.with-icon.handle.width (Enabled / Handle)
+$with-icon-handle-width: 24px;
+/// md.comp.switch.disabled.handle.elevation (Disabled / Handle)
+///
+/// @deprecated The Material Switch component has been updated to a new design. Deprecated tokens are no longer required, new tokens have been added and token values updated. The new tokens only correspond to the new design
+$disabled-handle-elevation: md-sys-elevation.$level0;
+/// md.comp.switch.disabled.selected.handle.color (Disabled / Handle)
+$disabled-selected-handle-color: md-sys-color.$surface;
+/// md.comp.switch.disabled.selected.icon.color (Disabled / Icon)
+$disabled-selected-icon-color: md-sys-color.$on-surface;
+/// md.comp.switch.disabled.selected.track.color (Disabled / Track)
+$disabled-selected-track-color: md-sys-color.$on-surface;
+/// md.comp.switch.disabled.unselected.handle.color (Disabled / Handle)
+$disabled-unselected-handle-color: md-sys-color.$on-surface;
+/// md.comp.switch.disabled.unselected.icon.color (Disabled / Icon)
+$disabled-unselected-icon-color: md-sys-color.$surface-container-highest;
+/// md.comp.switch.disabled.unselected.track.color (Disabled / Track)
+$disabled-unselected-track-color: md-sys-color.$surface-container-highest;
+/// md.comp.switch.disabled.unselected.track.outline.color (Disabled / Track)
+$disabled-unselected-track-outline-color: md-sys-color.$on-surface;
+/// md.comp.switch.focus.indicator.color (Focused / Focus indicator)
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.switch.focus.indicator.offset (Focused / Focus indicator)
+$focus-indicator-offset: md-sys-state-focus-indicator.$outer-offset;
+/// md.comp.switch.focus.indicator.thickness (Focused / Focus indicator)
+$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.comp.switch.handle.elevation (Enabled / Handle)
+///
+/// @deprecated The Material Switch component has been updated to a new design. Deprecated tokens are no longer required, new tokens have been added and token values updated. The new tokens only correspond to the new design
+$handle-elevation: md-sys-elevation.$level1;
+/// md.comp.switch.handle.shadow-color (Enabled / Handle)
+///
+/// @deprecated The Material Switch component has been updated to a new design. Deprecated tokens are no longer required, new tokens have been added and token values updated. The new tokens only correspond to the new design
+$handle-shadow-color: md-sys-color.$shadow;
+/// md.comp.switch.handle.shape (Enabled / Handle)
+$handle-shape: md-sys-shape.$corner-full;
+/// md.comp.switch.selected.focus.handle.color (Focused / Handle)
+$selected-focus-handle-color: md-sys-color.$primary-container;
+/// md.comp.switch.selected.focus.icon.color (Focused / Icon)
+$selected-focus-icon-color: md-sys-color.$on-primary-container;
+/// md.comp.switch.selected.focus.state-layer.color (Focused / Track)
+$selected-focus-state-layer-color: md-sys-color.$primary;
+/// md.comp.switch.selected.focus.state-layer.opacity (Focused / Track)
+$selected-focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.switch.selected.focus.track.color (Focused / Track)
+$selected-focus-track-color: md-sys-color.$primary;
+/// md.comp.switch.selected.handle.color (Enabled / Handle)
+$selected-handle-color: md-sys-color.$on-primary;
+/// md.comp.switch.selected.hover.handle.color (Hovered / Handle)
+$selected-hover-handle-color: md-sys-color.$primary-container;
+/// md.comp.switch.selected.hover.icon.color (Hovered / Icon)
+$selected-hover-icon-color: md-sys-color.$on-primary-container;
+/// md.comp.switch.selected.hover.state-layer.color (Hovered / Track)
+$selected-hover-state-layer-color: md-sys-color.$primary;
+/// md.comp.switch.selected.hover.state-layer.opacity (Hovered / Track)
+$selected-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.switch.selected.hover.track.color (Hovered / Track)
+$selected-hover-track-color: md-sys-color.$primary;
+/// md.comp.switch.selected.icon.color (Enabled / Icon)
+$selected-icon-color: md-sys-color.$on-primary-container;
+/// md.comp.switch.selected.pressed.handle.color (Pressed (ripple) / Handle)
+$selected-pressed-handle-color: md-sys-color.$primary-container;
+/// md.comp.switch.selected.pressed.icon.color (Pressed (ripple) / Icon)
+$selected-pressed-icon-color: md-sys-color.$on-primary-container;
+/// md.comp.switch.selected.pressed.state-layer.color (Pressed (ripple) / Track)
+$selected-pressed-state-layer-color: md-sys-color.$primary;
+/// md.comp.switch.selected.pressed.state-layer.opacity (Pressed (ripple) / Track)
+$selected-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.switch.selected.pressed.track.color (Pressed (ripple) / Track)
+$selected-pressed-track-color: md-sys-color.$primary;
+/// md.comp.switch.selected.track.color (Enabled / Track)
+$selected-track-color: md-sys-color.$primary;
+/// md.comp.switch.state-layer.shape (Enabled / State layer)
+$state-layer-shape: md-sys-shape.$corner-full;
+/// md.comp.switch.track.shape (Enabled / Track)
+$track-shape: md-sys-shape.$corner-full;
+/// md.comp.switch.unselected.focus.handle.color (Focused / Handle)
+$unselected-focus-handle-color: md-sys-color.$on-surface-variant;
+/// md.comp.switch.unselected.focus.icon.color (Focused / Icon)
+$unselected-focus-icon-color: md-sys-color.$surface-container-highest;
+/// md.comp.switch.unselected.focus.state-layer.color (Focused / Track)
+$unselected-focus-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.switch.unselected.focus.state-layer.opacity (Focused / Track)
+$unselected-focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.switch.unselected.focus.track.color (Focused / Track)
+$unselected-focus-track-color: md-sys-color.$surface-container-highest;
+/// md.comp.switch.unselected.focus.track.outline.color (Focused / Track)
+$unselected-focus-track-outline-color: md-sys-color.$outline;
+/// md.comp.switch.unselected.handle.color (Enabled / Handle)
+$unselected-handle-color: md-sys-color.$outline;
+/// md.comp.switch.unselected.hover.handle.color (Hovered / Handle)
+$unselected-hover-handle-color: md-sys-color.$on-surface-variant;
+/// md.comp.switch.unselected.hover.icon.color (Hovered / Icon)
+$unselected-hover-icon-color: md-sys-color.$surface-container-highest;
+/// md.comp.switch.unselected.hover.state-layer.color (Hovered / Track)
+$unselected-hover-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.switch.unselected.hover.state-layer.opacity (Hovered / Track)
+$unselected-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.switch.unselected.hover.track.color (Hovered / Track)
+$unselected-hover-track-color: md-sys-color.$surface-container-highest;
+/// md.comp.switch.unselected.hover.track.outline.color (Hovered / Track)
+$unselected-hover-track-outline-color: md-sys-color.$outline;
+/// md.comp.switch.unselected.icon.color (Enabled / Icon)
+$unselected-icon-color: md-sys-color.$surface-container-highest;
+/// md.comp.switch.unselected.pressed.handle.color (Pressed (ripple) / Handle)
+$unselected-pressed-handle-color: md-sys-color.$on-surface-variant;
+/// md.comp.switch.unselected.pressed.icon.color (Pressed (ripple) / Icon)
+$unselected-pressed-icon-color: md-sys-color.$surface-container-highest;
+/// md.comp.switch.unselected.pressed.state-layer.color (Pressed (ripple) / Track)
+$unselected-pressed-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.switch.unselected.pressed.state-layer.opacity (Pressed (ripple) / Track)
+$unselected-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.switch.unselected.pressed.track.color (Pressed (ripple) / Track)
+$unselected-pressed-track-color: md-sys-color.$surface-container-highest;
+/// md.comp.switch.unselected.pressed.track.outline.color (Pressed (ripple) / Track)
+$unselected-pressed-track-outline-color: md-sys-color.$outline;
+/// md.comp.switch.unselected.track.color (Enabled / Track)
+$unselected-track-color: md-sys-color.$surface-container-highest;
+/// md.comp.switch.unselected.track.outline.color (Enabled / Track)
+$unselected-track-outline-color: md-sys-color.$outline;
diff --git a/tokens/versions/v30_0/sass/_md-comp-text-button.scss b/tokens/versions/v30_0/sass/_md-comp-text-button.scss
new file mode 100644
index 0000000000..63de3e994f
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-text-button.scss
@@ -0,0 +1,94 @@
+//
+// 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.text-button.container.height ([Deprecated] Enabled / [Deprecated] Container)
+$container-height: 40px;
+/// md.comp.text-button.disabled.label-text.opacity ([Deprecated] Disabled / [Deprecated] Label text)
+$disabled-label-text-opacity: 0.38;
+/// md.comp.text-button.with-icon.disabled.icon.opacity ([Deprecated] Disabled / [Deprecated] Icon)
+$with-icon-disabled-icon-opacity: 0.38;
+/// md.comp.text-button.with-icon.icon.size ([Deprecated] Enabled / [Deprecated] Icon)
+$with-icon-icon-size: 18px;
+/// md.comp.text-button.container.elevation ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated Bug: should not have been created. Remove any shadows on navigation bars.
+$container-elevation: md-sys-elevation.$level0;
+/// md.comp.text-button.container.shape ([Deprecated] Enabled / [Deprecated] Container)
+$container-shape: md-sys-shape.$corner-full;
+/// md.comp.text-button.disabled.label-text.color ([Deprecated] Disabled / [Deprecated] Label text)
+$disabled-label-text-color: md-sys-color.$on-surface;
+/// md.comp.text-button.focus.indicator.color ([Deprecated] Focused / [Deprecated] Focus indicator)
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.text-button.focus.indicator.outline.offset ([Deprecated] Focused / [Deprecated] Focus indicator)
+$focus-indicator-outline-offset: md-sys-state-focus-indicator.$outer-offset;
+/// md.comp.text-button.focus.indicator.thickness ([Deprecated] Focused / [Deprecated] Focus indicator)
+$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.comp.text-button.focus.label-text.color ([Deprecated] Focused / [Deprecated] Label text)
+$focus-label-text-color: md-sys-color.$primary;
+/// md.comp.text-button.focus.state-layer.color ([Deprecated] Focused / [Deprecated] State layer)
+$focus-state-layer-color: md-sys-color.$primary;
+/// md.comp.text-button.focus.state-layer.opacity ([Deprecated] Focused / [Deprecated] State layer)
+$focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.text-button.hover.label-text.color ([Deprecated] Hovered / [Deprecated] Label text)
+$hover-label-text-color: md-sys-color.$primary;
+/// md.comp.text-button.hover.state-layer.color ([Deprecated] Hovered / [Deprecated] State layer)
+$hover-state-layer-color: md-sys-color.$primary;
+/// md.comp.text-button.hover.state-layer.opacity ([Deprecated] Hovered / [Deprecated] State layer)
+$hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.text-button.label-text.color ([Deprecated] Enabled / [Deprecated] Label text)
+$label-text-color: md-sys-color.$primary;
+/// md.comp.text-button.label-text.font ([Deprecated] Enabled / [Deprecated] Label text)
+$label-text-font: md-sys-typescale.$label-large-font;
+/// md.comp.text-button.label-text.line-height ([Deprecated] Enabled / [Deprecated] Label text)
+$label-text-line-height: md-sys-typescale.$label-large-line-height;
+/// md.comp.text-button.label-text.size ([Deprecated] Enabled / [Deprecated] Label text)
+$label-text-size: md-sys-typescale.$label-large-size;
+/// md.comp.text-button.label-text.tracking ([Deprecated] Enabled / [Deprecated] Label text)
+$label-text-tracking: md-sys-typescale.$label-large-tracking;
+/// md.comp.text-button.label-text.weight ([Deprecated] Enabled / [Deprecated] Label text)
+$label-text-weight: md-sys-typescale.$label-large-weight;
+/// md.comp.text-button.pressed.label-text.color ([Deprecated] Pressed (ripple) / [Deprecated] Label text)
+$pressed-label-text-color: md-sys-color.$primary;
+/// md.comp.text-button.pressed.state-layer.color ([Deprecated] Pressed (ripple) / [Deprecated] State layer)
+$pressed-state-layer-color: md-sys-color.$primary;
+/// md.comp.text-button.pressed.state-layer.opacity ([Deprecated] Pressed (ripple) / [Deprecated] State layer)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.text-button.with-icon.disabled.icon.color ([Deprecated] Disabled / [Deprecated] Icon)
+$with-icon-disabled-icon-color: md-sys-color.$on-surface;
+/// md.comp.text-button.with-icon.focus.icon.color ([Deprecated] Focused / [Deprecated] Icon)
+$with-icon-focus-icon-color: md-sys-color.$primary;
+/// md.comp.text-button.with-icon.hover.icon.color ([Deprecated] Hovered / [Deprecated] Icon)
+$with-icon-hover-icon-color: md-sys-color.$primary;
+/// md.comp.text-button.with-icon.icon.color ([Deprecated] Enabled / [Deprecated] Icon)
+$with-icon-icon-color: md-sys-color.$primary;
+/// md.comp.text-button.with-icon.pressed.icon.color ([Deprecated] Pressed (ripple) / [Deprecated] Icon)
+$with-icon-pressed-icon-color: md-sys-color.$primary;
+/// md.comp.text-button.label-text.type ([Deprecated] Enabled / [Deprecated] 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;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-time-input.scss b/tokens/versions/v30_0/sass/_md-comp-time-input.scss
new file mode 100644
index 0000000000..0ac8d3f6f0
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-time-input.scss
@@ -0,0 +1,206 @@
+//
+// 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.time-input.period-selector.container.height (Enabled / Container)
+$period-selector-container-height: 72px;
+/// md.comp.time-input.period-selector.container.width (Enabled / Container)
+$period-selector-container-width: 52px;
+/// md.comp.time-input.period-selector.outline.width (Enabled / Container)
+$period-selector-outline-width: 1px;
+/// md.comp.time-input.time-input-field.container.height (Enabled / Container)
+$time-input-field-container-height: 72px;
+/// md.comp.time-input.time-input-field.container.width (Enabled / Container)
+$time-input-field-container-width: 96px;
+/// md.comp.time-input.time-input-field.focus.outline.width (Focused / Container)
+$time-input-field-focus-outline-width: 2px;
+/// md.comp.time-input.container.color (Enabled / Container)
+$container-color: md-sys-color.$surface-container-high;
+/// md.comp.time-input.container.elevation (Enabled / Container)
+$container-elevation: md-sys-elevation.$level3;
+/// md.comp.time-input.container.shape (Enabled / Container)
+$container-shape: md-sys-shape.$corner-extra-large;
+/// md.comp.time-input.focus.indicator.color (Focused / Focus indicator)
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.time-input.focus.indicator.outline.offset (Focused / Focus indicator)
+$focus-indicator-outline-offset: md-sys-state-focus-indicator.$outer-offset;
+/// md.comp.time-input.focus.indicator.thickness (Focused / Focus indicator)
+$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.comp.time-input.headline.color (Enabled / Headline)
+$headline-color: md-sys-color.$on-surface-variant;
+/// md.comp.time-input.headline.font (Enabled / Headline)
+$headline-font: md-sys-typescale.$label-medium-font;
+/// md.comp.time-input.headline.line-height (Enabled / Headline)
+$headline-line-height: md-sys-typescale.$label-medium-line-height;
+/// md.comp.time-input.headline.size (Enabled / Headline)
+$headline-size: md-sys-typescale.$label-medium-size;
+/// md.comp.time-input.headline.tracking (Enabled / Headline)
+$headline-tracking: md-sys-typescale.$label-medium-tracking;
+/// md.comp.time-input.headline.weight (Enabled / Headline)
+$headline-weight: md-sys-typescale.$label-medium-weight;
+/// md.comp.time-input.period-selector.container.shape (Enabled / Container)
+$period-selector-container-shape: md-sys-shape.$corner-small;
+/// md.comp.time-input.period-selector.focus.state-layer.opacity (Focused / State layer)
+$period-selector-focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.time-input.period-selector.hover.state-layer.opacity (Hovered / State layer)
+$period-selector-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.time-input.period-selector.label-text.font (Enabled / Label text)
+$period-selector-label-text-font: md-sys-typescale.$title-medium-font;
+/// md.comp.time-input.period-selector.label-text.line-height (Enabled / Label text)
+$period-selector-label-text-line-height: md-sys-typescale.$title-medium-line-height;
+/// md.comp.time-input.period-selector.label-text.size (Enabled / Label text)
+$period-selector-label-text-size: md-sys-typescale.$title-medium-size;
+/// md.comp.time-input.period-selector.label-text.tracking (Enabled / Label text)
+$period-selector-label-text-tracking: md-sys-typescale.$title-medium-tracking;
+/// md.comp.time-input.period-selector.label-text.weight (Enabled / Label text)
+$period-selector-label-text-weight: md-sys-typescale.$title-medium-weight;
+/// md.comp.time-input.period-selector.outline.color (Enabled / Container)
+$period-selector-outline-color: md-sys-color.$outline;
+/// md.comp.time-input.period-selector.pressed.state-layer.opacity (Pressed (ripple) / State layer)
+$period-selector-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.time-input.period-selector.selected.container.color (Enabled / Container)
+$period-selector-selected-container-color: md-sys-color.$tertiary-container;
+/// md.comp.time-input.period-selector.selected.focus.label-text.color (Focused / Label text)
+$period-selector-selected-focus-label-text-color: md-sys-color.$on-tertiary-container;
+/// md.comp.time-input.period-selector.selected.focus.state-layer.color (Focused / State layer)
+$period-selector-selected-focus-state-layer-color: md-sys-color.$on-tertiary-container;
+/// md.comp.time-input.period-selector.selected.hover.label-text.color (Hovered / Label text)
+$period-selector-selected-hover-label-text-color: md-sys-color.$on-tertiary-container;
+/// md.comp.time-input.period-selector.selected.hover.state-layer.color (Hovered / State layer)
+$period-selector-selected-hover-state-layer-color: md-sys-color.$on-tertiary-container;
+/// md.comp.time-input.period-selector.selected.label-text.color (Enabled / Label text)
+$period-selector-selected-label-text-color: md-sys-color.$on-tertiary-container;
+/// md.comp.time-input.period-selector.selected.pressed.label-text.color (Pressed (ripple) / Label text)
+$period-selector-selected-pressed-label-text-color: md-sys-color.$on-tertiary-container;
+/// md.comp.time-input.period-selector.selected.pressed.state-layer.color (Pressed (ripple) / State layer)
+$period-selector-selected-pressed-state-layer-color: md-sys-color.$on-tertiary-container;
+/// md.comp.time-input.period-selector.unselected.focus.label-text.color (Focused / Label text)
+$period-selector-unselected-focus-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.time-input.period-selector.unselected.focus.state-layer.color (Focused / State layer)
+$period-selector-unselected-focus-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.time-input.period-selector.unselected.hover.label-text.color (Hovered / Label text)
+$period-selector-unselected-hover-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.time-input.period-selector.unselected.hover.state-layer.color (Hovered / State layer)
+$period-selector-unselected-hover-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.time-input.period-selector.unselected.label-text.color (Enabled / Label text)
+$period-selector-unselected-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.time-input.period-selector.unselected.pressed.label-text.color (Pressed (ripple) / Label text)
+$period-selector-unselected-pressed-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.time-input.period-selector.unselected.pressed.state-layer.color (Pressed (ripple) / State layer)
+$period-selector-unselected-pressed-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.time-input.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.
+$surface-tint-layer-color: md-sys-color.$surface-tint;
+/// md.comp.time-input.time-input-field.container.color (Enabled / Container)
+$time-input-field-container-color: md-sys-color.$surface-container-highest;
+/// md.comp.time-input.time-input-field.container.shape (Enabled / Container)
+$time-input-field-container-shape: md-sys-shape.$corner-small;
+/// md.comp.time-input.time-input-field.focus.container.color (Focused / Container)
+$time-input-field-focus-container-color: md-sys-color.$primary-container;
+/// md.comp.time-input.time-input-field.focus.label-text.color (Focused / Label text)
+$time-input-field-focus-label-text-color: md-sys-color.$on-primary-container;
+/// md.comp.time-input.time-input-field.focus.outline.color (Focused / Container)
+$time-input-field-focus-outline-color: md-sys-color.$primary;
+/// md.comp.time-input.time-input-field.hover.label-text.color (Hovered / Label text)
+$time-input-field-hover-label-text-color: md-sys-color.$on-surface;
+/// md.comp.time-input.time-input-field.hover.state-layer.color (Hovered / State layer)
+$time-input-field-hover-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.time-input.time-input-field.hover.state-layer.opacity (Hovered / State layer)
+$time-input-field-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.time-input.time-input-field.label-text.color (Enabled / Label text)
+$time-input-field-label-text-color: md-sys-color.$on-surface;
+/// md.comp.time-input.time-input-field.label-text.font (Enabled / Label text)
+$time-input-field-label-text-font: md-sys-typescale.$display-medium-font;
+/// md.comp.time-input.time-input-field.label-text.line-height (Enabled / Label text)
+$time-input-field-label-text-line-height: md-sys-typescale.$display-medium-line-height;
+/// md.comp.time-input.time-input-field.label-text.size (Enabled / Label text)
+$time-input-field-label-text-size: md-sys-typescale.$display-medium-size;
+/// md.comp.time-input.time-input-field.label-text.tracking (Enabled / Label text)
+$time-input-field-label-text-tracking: md-sys-typescale.$display-medium-tracking;
+/// md.comp.time-input.time-input-field.label-text.weight (Enabled / Label text)
+$time-input-field-label-text-weight: md-sys-typescale.$display-medium-weight;
+/// md.comp.time-input.time-input-field.separator.color (Enabled / Separator)
+$time-input-field-separator-color: md-sys-color.$on-surface;
+/// md.comp.time-input.time-input-field.separator.font (Enabled / Separator)
+$time-input-field-separator-font: md-sys-typescale.$display-large-font;
+/// md.comp.time-input.time-input-field.separator.line-height (Enabled / Separator)
+$time-input-field-separator-line-height: md-sys-typescale.$display-large-line-height;
+/// md.comp.time-input.time-input-field.separator.size (Enabled / Separator)
+$time-input-field-separator-size: md-sys-typescale.$display-large-size;
+/// md.comp.time-input.time-input-field.separator.tracking (Enabled / Separator)
+$time-input-field-separator-tracking: md-sys-typescale.$display-large-tracking;
+/// md.comp.time-input.time-input-field.separator.weight (Enabled / Separator)
+$time-input-field-separator-weight: md-sys-typescale.$display-large-weight;
+/// md.comp.time-input.time-input-field.supporting-text.color (Enabled / Supporting text)
+$time-input-field-supporting-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.time-input.time-input-field.supporting-text.font (Enabled / Supporting text)
+$time-input-field-supporting-text-font: md-sys-typescale.$body-small-font;
+/// md.comp.time-input.time-input-field.supporting-text.line-height (Enabled / Supporting text)
+$time-input-field-supporting-text-line-height: md-sys-typescale.$body-small-line-height;
+/// md.comp.time-input.time-input-field.supporting-text.size (Enabled / Supporting text)
+$time-input-field-supporting-text-size: md-sys-typescale.$body-small-size;
+/// md.comp.time-input.time-input-field.supporting-text.tracking (Enabled / Supporting text)
+$time-input-field-supporting-text-tracking: md-sys-typescale.$body-small-tracking;
+/// md.comp.time-input.time-input-field.supporting-text.weight (Enabled / Supporting text)
+$time-input-field-supporting-text-weight: md-sys-typescale.$body-small-weight;
+/// md.comp.time-input.headline.type (Enabled / Headline)
+@mixin headline-type {
+  font-family: $headline-font;
+  font-size: $headline-size;
+  font-weight: $headline-weight;
+  letter-spacing: $headline-tracking;
+  line-height: $headline-line-height;
+}
+/// md.comp.time-input.period-selector.label-text.type (Enabled / Label text)
+@mixin period-selector-label-text-type {
+  font-family: $period-selector-label-text-font;
+  font-size: $period-selector-label-text-size;
+  font-weight: $period-selector-label-text-weight;
+  letter-spacing: $period-selector-label-text-tracking;
+  line-height: $period-selector-label-text-line-height;
+}
+/// md.comp.time-input.time-input-field.label-text.type (Enabled / Label text)
+@mixin time-input-field-label-text-type {
+  font-family: $time-input-field-label-text-font;
+  font-size: $time-input-field-label-text-size;
+  font-weight: $time-input-field-label-text-weight;
+  letter-spacing: $time-input-field-label-text-tracking;
+  line-height: $time-input-field-label-text-line-height;
+}
+/// md.comp.time-input.time-input-field.separator.type (Enabled / Separator)
+@mixin time-input-field-separator-type {
+  font-family: $time-input-field-separator-font;
+  font-size: $time-input-field-separator-size;
+  font-weight: $time-input-field-separator-weight;
+  letter-spacing: $time-input-field-separator-tracking;
+  line-height: $time-input-field-separator-line-height;
+}
+/// md.comp.time-input.time-input-field.supporting-text.type (Enabled / Supporting text)
+@mixin time-input-field-supporting-text-type {
+  font-family: $time-input-field-supporting-text-font;
+  font-size: $time-input-field-supporting-text-size;
+  font-weight: $time-input-field-supporting-text-weight;
+  letter-spacing: $time-input-field-supporting-text-tracking;
+  line-height: $time-input-field-supporting-text-line-height;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-time-picker.scss b/tokens/versions/v30_0/sass/_md-comp-time-picker.scss
new file mode 100644
index 0000000000..4965d0dd84
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-time-picker.scss
@@ -0,0 +1,257 @@
+//
+// 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-typescale';
+
+/// md.comp.time-picker.clock-dial.container.size (Enabled / Container)
+$clock-dial-container-size: 256px;
+/// md.comp.time-picker.clock-dial.selector.center.container.size (Enabled / Container)
+$clock-dial-selector-center-container-size: 8px;
+/// md.comp.time-picker.clock-dial.selector.handle.container.size (Enabled / Container)
+$clock-dial-selector-handle-container-size: 48px;
+/// md.comp.time-picker.clock-dial.selector.track.container.width (Enabled / Container)
+$clock-dial-selector-track-container-width: 2px;
+/// md.comp.time-picker.period-selector.horizontal.container.height (Enabled / Container)
+$period-selector-horizontal-container-height: 38px;
+/// md.comp.time-picker.period-selector.horizontal.container.width (Enabled / Container)
+$period-selector-horizontal-container-width: 216px;
+/// md.comp.time-picker.period-selector.outline.width (Enabled / Container)
+$period-selector-outline-width: 1px;
+/// md.comp.time-picker.period-selector.vertical.container.height (Enabled / Container)
+$period-selector-vertical-container-height: 80px;
+/// md.comp.time-picker.period-selector.vertical.container.width (Enabled / Container)
+$period-selector-vertical-container-width: 52px;
+/// md.comp.time-picker.time-selector.24h-vertical.container.width (Enabled / Container)
+$time-selector-24h-vertical-container-width: 114px;
+/// md.comp.time-picker.time-selector.container.height (Enabled / Container)
+$time-selector-container-height: 80px;
+/// md.comp.time-picker.time-selector.container.width (Enabled / Container)
+$time-selector-container-width: 96px;
+/// md.comp.time-picker.clock-dial.color (Enabled / Container)
+$clock-dial-color: md-sys-color.$surface-container-highest;
+/// md.comp.time-picker.clock-dial.color.ignore (Enabled / Container)
+///
+/// @deprecated Deprecating token due to typo in name. Please use md.comp.time-picker.clock-dial.color instead"
+$clock-dial-color-ignore: md-sys-color.$on-surface-variant;
+/// md.comp.time-picker.clock-dial.label-text.font (Enabled / Label text)
+$clock-dial-label-text-font: md-sys-typescale.$body-large-font;
+/// md.comp.time-picker.clock-dial.label-text.line-height (Enabled / Label text)
+$clock-dial-label-text-line-height: md-sys-typescale.$body-large-line-height;
+/// md.comp.time-picker.clock-dial.label-text.size (Enabled / Label text)
+$clock-dial-label-text-size: md-sys-typescale.$body-large-size;
+/// md.comp.time-picker.clock-dial.label-text.tracking (Enabled / Label text)
+$clock-dial-label-text-tracking: md-sys-typescale.$body-large-tracking;
+/// md.comp.time-picker.clock-dial.label-text.weight (Enabled / Label text)
+$clock-dial-label-text-weight: md-sys-typescale.$body-large-weight;
+/// md.comp.time-picker.clock-dial.selected.label-text.color (Enabled / Label text)
+$clock-dial-selected-label-text-color: md-sys-color.$on-primary;
+/// md.comp.time-picker.clock-dial.selector.center.container.color (Enabled / Container)
+$clock-dial-selector-center-container-color: md-sys-color.$primary;
+/// md.comp.time-picker.clock-dial.selector.center.container.shape (Enabled / Container)
+$clock-dial-selector-center-container-shape: md-sys-shape.$corner-full;
+/// md.comp.time-picker.clock-dial.selector.handle.container.color (Enabled / Container)
+$clock-dial-selector-handle-container-color: md-sys-color.$primary;
+/// md.comp.time-picker.clock-dial.selector.handle.container.shape (Enabled / Container)
+$clock-dial-selector-handle-container-shape: md-sys-shape.$corner-full;
+/// md.comp.time-picker.clock-dial.selector.track.container.color (Enabled / Container)
+$clock-dial-selector-track-container-color: md-sys-color.$primary;
+/// md.comp.time-picker.clock-dial.shape (Enabled / Container)
+$clock-dial-shape: md-sys-shape.$corner-full;
+/// md.comp.time-picker.clock-dial.shape.ignore (Enabled / Container)
+///
+/// @deprecated Deprecating token due to typo in name. Please use md.comp.time-picker.clock-dial.shape instead
+$clock-dial-shape-ignore: md-sys-shape.$corner-full;
+/// md.comp.time-picker.clock-dial.unselected.label-text.color (Enabled / Label text)
+$clock-dial-unselected-label-text-color: md-sys-color.$on-surface;
+/// md.comp.time-picker.container.color (Enabled / Container)
+$container-color: md-sys-color.$surface-container-high;
+/// md.comp.time-picker.container.elevation (Enabled / Container)
+$container-elevation: md-sys-elevation.$level3;
+/// md.comp.time-picker.container.shape (Enabled / Container)
+$container-shape: md-sys-shape.$corner-extra-large;
+/// md.comp.time-picker.headline.color (Enabled / Headline)
+$headline-color: md-sys-color.$on-surface-variant;
+/// md.comp.time-picker.headline.font (Enabled / Headline)
+$headline-font: md-sys-typescale.$label-medium-font;
+/// md.comp.time-picker.headline.line-height (Enabled / Headline)
+$headline-line-height: md-sys-typescale.$label-medium-line-height;
+/// md.comp.time-picker.headline.size (Enabled / Headline)
+$headline-size: md-sys-typescale.$label-medium-size;
+/// md.comp.time-picker.headline.tracking (Enabled / Headline)
+$headline-tracking: md-sys-typescale.$label-medium-tracking;
+/// md.comp.time-picker.headline.weight (Enabled / Headline)
+$headline-weight: md-sys-typescale.$label-medium-weight;
+/// md.comp.time-picker.period-selector.container.shape (Enabled / Container)
+$period-selector-container-shape: md-sys-shape.$corner-small;
+/// md.comp.time-picker.period-selector.focus.state-layer.opacity (Focused / State layer)
+$period-selector-focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.time-picker.period-selector.hover.state-layer.opacity (Hovered / State layer)
+$period-selector-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.time-picker.period-selector.label-text.font (Enabled / Label text)
+$period-selector-label-text-font: md-sys-typescale.$title-medium-font;
+/// md.comp.time-picker.period-selector.label-text.line-height (Enabled / Label text)
+$period-selector-label-text-line-height: md-sys-typescale.$title-medium-line-height;
+/// md.comp.time-picker.period-selector.label-text.size (Enabled / Label text)
+$period-selector-label-text-size: md-sys-typescale.$title-medium-size;
+/// md.comp.time-picker.period-selector.label-text.tracking (Enabled / Label text)
+$period-selector-label-text-tracking: md-sys-typescale.$title-medium-tracking;
+/// md.comp.time-picker.period-selector.label-text.weight (Enabled / Label text)
+$period-selector-label-text-weight: md-sys-typescale.$title-medium-weight;
+/// md.comp.time-picker.period-selector.outline.color (Enabled / Container)
+$period-selector-outline-color: md-sys-color.$outline;
+/// md.comp.time-picker.period-selector.pressed.state-layer.opacity (Pressed (ripple) / State layer)
+$period-selector-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.time-picker.period-selector.selected.container.color (Enabled / Container)
+$period-selector-selected-container-color: md-sys-color.$tertiary-container;
+/// md.comp.time-picker.period-selector.selected.focus.label-text.color (Focused / Label text)
+$period-selector-selected-focus-label-text-color: md-sys-color.$on-tertiary-container;
+/// md.comp.time-picker.period-selector.selected.focus.state-layer.color (Focused / State layer)
+$period-selector-selected-focus-state-layer-color: md-sys-color.$on-tertiary-container;
+/// md.comp.time-picker.period-selector.selected.hover.label-text.color (Hovered / Label text)
+$period-selector-selected-hover-label-text-color: md-sys-color.$on-tertiary-container;
+/// md.comp.time-picker.period-selector.selected.hover.state-layer.color (Hovered / State layer)
+$period-selector-selected-hover-state-layer-color: md-sys-color.$on-tertiary-container;
+/// md.comp.time-picker.period-selector.selected.label-text.color (Enabled / Label text)
+$period-selector-selected-label-text-color: md-sys-color.$on-tertiary-container;
+/// md.comp.time-picker.period-selector.selected.pressed.label-text.color (Pressed (ripple) / Label text)
+$period-selector-selected-pressed-label-text-color: md-sys-color.$on-tertiary-container;
+/// md.comp.time-picker.period-selector.selected.pressed.state-layer.color (Pressed (ripple) / State layer)
+$period-selector-selected-pressed-state-layer-color: md-sys-color.$on-tertiary-container;
+/// md.comp.time-picker.period-selector.unselected.focus.label-text.color (Focused / Label text)
+$period-selector-unselected-focus-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.time-picker.period-selector.unselected.focus.state-layer.color (Focused / State layer)
+$period-selector-unselected-focus-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.time-picker.period-selector.unselected.hover.label-text.color (Hovered / Label text)
+$period-selector-unselected-hover-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.time-picker.period-selector.unselected.hover.state-layer.color (Hovered / State layer)
+$period-selector-unselected-hover-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.time-picker.period-selector.unselected.label-text.color (Enabled / Label text)
+$period-selector-unselected-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.time-picker.period-selector.unselected.pressed.label-text.color (Pressed (ripple) / Label text)
+$period-selector-unselected-pressed-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.time-picker.period-selector.unselected.pressed.state-layer.color (Pressed (ripple) / State layer)
+$period-selector-unselected-pressed-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.time-picker.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.
+$surface-tint-layer-color: md-sys-color.$surface-tint;
+/// md.comp.time-picker.time-selector.container.shape (Enabled / Container)
+$time-selector-container-shape: md-sys-shape.$corner-small;
+/// md.comp.time-picker.time-selector.focus.state-layer.opacity (Focused / State layer)
+$time-selector-focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.time-picker.time-selector.hover.state-layer.opacity (Hovered / State layer)
+$time-selector-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.time-picker.time-selector.label-text.font (Enabled / Label text)
+$time-selector-label-text-font: md-sys-typescale.$display-large-font;
+/// md.comp.time-picker.time-selector.label-text.line-height (Enabled / Label text)
+$time-selector-label-text-line-height: md-sys-typescale.$display-large-line-height;
+/// md.comp.time-picker.time-selector.label-text.size (Enabled / Label text)
+$time-selector-label-text-size: md-sys-typescale.$display-large-size;
+/// md.comp.time-picker.time-selector.label-text.tracking (Enabled / Label text)
+$time-selector-label-text-tracking: md-sys-typescale.$display-large-tracking;
+/// md.comp.time-picker.time-selector.label-text.weight (Enabled / Label text)
+$time-selector-label-text-weight: md-sys-typescale.$display-large-weight;
+/// md.comp.time-picker.time-selector.pressed.state-layer.opacity (Pressed (ripple) / State layer)
+$time-selector-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.time-picker.time-selector.selected.container.color (Enabled / Container)
+$time-selector-selected-container-color: md-sys-color.$primary-container;
+/// md.comp.time-picker.time-selector.selected.focus.label-text.color (Focused / Label text)
+$time-selector-selected-focus-label-text-color: md-sys-color.$on-primary-container;
+/// md.comp.time-picker.time-selector.selected.focus.state-layer.color (Focused / State layer)
+$time-selector-selected-focus-state-layer-color: md-sys-color.$on-primary-container;
+/// md.comp.time-picker.time-selector.selected.hover.label-text.color (Hovered / Label text)
+$time-selector-selected-hover-label-text-color: md-sys-color.$on-primary-container;
+/// md.comp.time-picker.time-selector.selected.hover.state-layer.color (Hovered / State layer)
+$time-selector-selected-hover-state-layer-color: md-sys-color.$on-primary-container;
+/// md.comp.time-picker.time-selector.selected.label-text.color (Enabled / Label text)
+$time-selector-selected-label-text-color: md-sys-color.$on-primary-container;
+/// md.comp.time-picker.time-selector.selected.pressed.label-text.color (Pressed (ripple) / Label text)
+$time-selector-selected-pressed-label-text-color: md-sys-color.$on-primary-container;
+/// md.comp.time-picker.time-selector.selected.pressed.state-layer.color (Pressed (ripple) / State layer)
+$time-selector-selected-pressed-state-layer-color: md-sys-color.$on-primary-container;
+/// md.comp.time-picker.time-selector.separator.color (Enabled / Separator)
+$time-selector-separator-color: md-sys-color.$on-surface;
+/// md.comp.time-picker.time-selector.separator.font (Enabled / Separator)
+$time-selector-separator-font: md-sys-typescale.$display-large-font;
+/// md.comp.time-picker.time-selector.separator.line-height (Enabled / Separator)
+$time-selector-separator-line-height: md-sys-typescale.$display-large-line-height;
+/// md.comp.time-picker.time-selector.separator.size (Enabled / Separator)
+$time-selector-separator-size: md-sys-typescale.$display-large-size;
+/// md.comp.time-picker.time-selector.separator.tracking (Enabled / Separator)
+$time-selector-separator-tracking: md-sys-typescale.$display-large-tracking;
+/// md.comp.time-picker.time-selector.separator.weight (Enabled / Separator)
+$time-selector-separator-weight: md-sys-typescale.$display-large-weight;
+/// md.comp.time-picker.time-selector.unselected.container.color (Enabled / Container)
+$time-selector-unselected-container-color: md-sys-color.$surface-container-highest;
+/// md.comp.time-picker.time-selector.unselected.focus.label-text.color (Focused / Label text)
+$time-selector-unselected-focus-label-text-color: md-sys-color.$on-surface;
+/// md.comp.time-picker.time-selector.unselected.focus.state-layer.color (Focused / State layer)
+$time-selector-unselected-focus-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.time-picker.time-selector.unselected.hover.label-text.color (Hovered / Label text)
+$time-selector-unselected-hover-label-text-color: md-sys-color.$on-surface;
+/// md.comp.time-picker.time-selector.unselected.hover.state-layer.color (Hovered / State layer)
+$time-selector-unselected-hover-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.time-picker.time-selector.unselected.label-text.color (Enabled / Label text)
+$time-selector-unselected-label-text-color: md-sys-color.$on-surface;
+/// md.comp.time-picker.time-selector.unselected.pressed.label-text.color (Pressed (ripple) / Label text)
+$time-selector-unselected-pressed-label-text-color: md-sys-color.$on-surface;
+/// md.comp.time-picker.time-selector.unselected.pressed.state-layer.color (Pressed (ripple) / State layer)
+$time-selector-unselected-pressed-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.time-picker.clock-dial.label-text.type (Enabled / Label text)
+@mixin clock-dial-label-text-type {
+  font-family: $clock-dial-label-text-font;
+  font-size: $clock-dial-label-text-size;
+  font-weight: $clock-dial-label-text-weight;
+  letter-spacing: $clock-dial-label-text-tracking;
+  line-height: $clock-dial-label-text-line-height;
+}
+/// md.comp.time-picker.headline.type (Enabled / Headline)
+@mixin headline-type {
+  font-family: $headline-font;
+  font-size: $headline-size;
+  font-weight: $headline-weight;
+  letter-spacing: $headline-tracking;
+  line-height: $headline-line-height;
+}
+/// md.comp.time-picker.period-selector.label-text.type (Enabled / Label text)
+@mixin period-selector-label-text-type {
+  font-family: $period-selector-label-text-font;
+  font-size: $period-selector-label-text-size;
+  font-weight: $period-selector-label-text-weight;
+  letter-spacing: $period-selector-label-text-tracking;
+  line-height: $period-selector-label-text-line-height;
+}
+/// md.comp.time-picker.time-selector.label-text.type (Enabled / Label text)
+@mixin time-selector-label-text-type {
+  font-family: $time-selector-label-text-font;
+  font-size: $time-selector-label-text-size;
+  font-weight: $time-selector-label-text-weight;
+  letter-spacing: $time-selector-label-text-tracking;
+  line-height: $time-selector-label-text-line-height;
+}
+/// md.comp.time-picker.time-selector.separator.type (Enabled / Separator)
+@mixin time-selector-separator-type {
+  font-family: $time-selector-separator-font;
+  font-size: $time-selector-separator-size;
+  font-weight: $time-selector-separator-weight;
+  letter-spacing: $time-selector-separator-tracking;
+  line-height: $time-selector-separator-line-height;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-toolbar-docked.scss b/tokens/versions/v30_0/sass/_md-comp-toolbar-docked.scss
new file mode 100644
index 0000000000..a1810adc72
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-toolbar-docked.scss
@@ -0,0 +1,36 @@
+//
+// 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';
+
+/// md.comp.toolbar.docked.container.height (Size)
+$container-height: 64px;
+/// md.comp.toolbar.docked.container.leading-space (Size)
+$container-leading-space: 16px;
+/// md.comp.toolbar.docked.container.max-spacing (Size)
+$container-max-spacing: 32px;
+/// md.comp.toolbar.docked.container.min-spacing (Size)
+$container-min-spacing: 4px;
+/// md.comp.toolbar.docked.container.trailing-space (Size)
+$container-trailing-space: 16px;
+/// md.comp.toolbar.docked.container.color (Color)
+///
+/// @deprecated Moving this token to the color token set
+$container-color: md-sys-color.$surface-container;
+/// md.comp.toolbar.docked.container.shape (Shape)
+$container-shape: md-sys-shape.$corner-none;
diff --git a/tokens/versions/v30_0/sass/_md-comp-toolbar-floating-fab.scss b/tokens/versions/v30_0/sass/_md-comp-toolbar-floating-fab.scss
new file mode 100644
index 0000000000..a644d9e01a
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-toolbar-floating-fab.scss
@@ -0,0 +1,51 @@
+//
+// 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.toolbar.floating.fab.between-space
+$between-space: 8px;
+/// md.comp.toolbar.floating.fab.container.height (Expanded)
+$container-height: 56px;
+/// md.comp.toolbar.floating.fab.container.width (Expanded)
+$container-width: 56px;
+/// md.comp.toolbar.floating.fab.icon.size (Expanded)
+$icon-size: 24px;
+/// md.comp.toolbar.floating.fab.medium.container.height (Collapsed)
+$medium-container-height: 80px;
+/// md.comp.toolbar.floating.fab.medium.container.width (Collapsed)
+$medium-container-width: 80px;
+/// md.comp.toolbar.floating.fab.medium.icon.size (Collapsed)
+$medium-icon-size: 28px;
+/// md.comp.toolbar.floating.fab.container.elevation (Expanded)
+$container-elevation: md-sys-elevation.$level1;
+/// md.comp.toolbar.floating.fab.container.shape (Expanded)
+$container-shape: md-sys-shape.$corner-large;
+/// md.comp.toolbar.floating.fab.medium.container.elevation (Collapsed)
+$medium-container-elevation: md-sys-elevation.$level2;
+/// md.comp.toolbar.floating.fab.medium.container.shape (Collapsed)
+$medium-container-shape: md-sys-shape.$corner-large-increased;
+/// md.comp.toolbar.floating.fab.standard.container.color
+$standard-container-color: md-sys-color.$secondary-container;
+/// md.comp.toolbar.floating.fab.standard.icon.color
+$standard-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.toolbar.floating.fab.vibrant.container.color
+$vibrant-container-color: md-sys-color.$tertiary-container;
+/// md.comp.toolbar.floating.fab.vibrant.icon.color
+$vibrant-icon-color: md-sys-color.$on-tertiary-container;
diff --git a/tokens/versions/v30_0/sass/_md-comp-toolbar-floating.scss b/tokens/versions/v30_0/sass/_md-comp-toolbar-floating.scss
new file mode 100644
index 0000000000..4a286d98dd
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-toolbar-floating.scss
@@ -0,0 +1,75 @@
+//
+// 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.toolbar.floating.container.between-space (Size)
+$container-between-space: 4px;
+/// md.comp.toolbar.floating.container.external-padding (Size)
+///
+/// @deprecated Deprecating for a vertical and horizontal option
+$container-external-padding: 16px;
+/// md.comp.toolbar.floating.container.height (Size)
+///
+/// @deprecated Deprecating this for a vertical and horizontal variant
+$container-height: 64px;
+/// md.comp.toolbar.floating.container.leading-space (Size)
+$container-leading-space: 8px;
+/// md.comp.toolbar.floating.container.trailing-space (Size)
+$container-trailing-space: 8px;
+/// md.comp.toolbar.floating.horizontal.container.external-space (Size)
+$horizontal-container-external-space: 16px;
+/// md.comp.toolbar.floating.horizontal.container.height (Size)
+$horizontal-container-height: 64px;
+/// md.comp.toolbar.floating.vertical.container.external-space (Size)
+$vertical-container-external-space: 24px;
+/// md.comp.toolbar.floating.vertical.container.width (Size)
+$vertical-container-width: 64px;
+/// md.comp.toolbar.floating.container.elevation (Elevation)
+$container-elevation: md-sys-elevation.$level3;
+/// md.comp.toolbar.floating.container.shape (Shape)
+$container-shape: md-sys-shape.$corner-full;
+/// md.comp.toolbar.floating.standard.container.color (Color)
+///
+/// @deprecated Deprecating this token here and putting it into the color token set
+$standard-container-color: md-sys-color.$surface-container;
+/// md.comp.toolbar.floating.vibrant.button.selected.container.color (Color)
+///
+/// @deprecated Deprecating this token here and putting it into the color token set
+$vibrant-button-selected-container-color: md-sys-color.$surface-container;
+/// md.comp.toolbar.floating.vibrant.button.selected.icon.color (Color)
+///
+/// @deprecated Deprecating this token here and putting it into the color token set
+$vibrant-button-selected-icon-color: md-sys-color.$on-surface;
+/// md.comp.toolbar.floating.vibrant.button.selected.text.color (Color)
+///
+/// @deprecated Deprecating this token here and putting it into the color token set
+$vibrant-button-selected-text-color: md-sys-color.$on-surface;
+/// md.comp.toolbar.floating.vibrant.button.unselected.icon.color (Color)
+///
+/// @deprecated Deprecating this token here and putting it into the color token set
+$vibrant-button-unselected-icon-color: md-sys-color.$on-primary-container;
+/// md.comp.toolbar.floating.vibrant.button.unselected.text.color (Color)
+///
+/// @deprecated Deprecating this token here and putting it into the color token set
+$vibrant-button-unselected-text-color: md-sys-color.$on-primary-container;
+/// md.comp.toolbar.floating.vibrant.container.color (Color)
+///
+/// @deprecated Deprecating this token here and putting it into the color token set
+$vibrant-container-color: md-sys-color.$primary-container;
diff --git a/tokens/versions/v30_0/sass/_md-comp-toolbar-standard.scss b/tokens/versions/v30_0/sass/_md-comp-toolbar-standard.scss
new file mode 100644
index 0000000000..c0de84f612
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-toolbar-standard.scss
@@ -0,0 +1,87 @@
+//
+// 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-state';
+
+/// md.comp.toolbar.standard.disabled.icon.opacity (Disabled)
+$disabled-icon-opacity: 0.38;
+/// md.comp.toolbar.standard.disabled.label-text.opacity (Disabled)
+$disabled-label-text-opacity: 0.38;
+/// md.comp.toolbar.standard.button.container.color (Enabled)
+$button-container-color: md-sys-color.$surface-container;
+/// md.comp.toolbar.standard.container.color (Enabled)
+$container-color: md-sys-color.$surface-container;
+/// md.comp.toolbar.standard.container.shape (Enabled)
+$container-shape: md-sys-shape.$corner-full;
+/// md.comp.toolbar.standard.disabled.icon.color (Disabled)
+$disabled-icon-color: md-sys-color.$on-surface;
+/// md.comp.toolbar.standard.disabled.label-text.color (Disabled)
+$disabled-label-text-color: md-sys-color.$on-surface;
+/// md.comp.toolbar.standard.focused.icon.color (Focused)
+$focused-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.toolbar.standard.focused.label-text.color (Focused)
+$focused-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.toolbar.standard.focused.state-layer.color (Focused)
+$focused-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.toolbar.standard.focused.state-layer.opacity (Focused)
+$focused-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.toolbar.standard.hovered.icon.color (Hovered)
+$hovered-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.toolbar.standard.hovered.label-text.color (Hovered)
+$hovered-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.toolbar.standard.hovered.state-layer.color (Hovered)
+$hovered-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.toolbar.standard.hovered.state-layer.opacity (Hovered)
+$hovered-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.toolbar.standard.icon.color (Enabled)
+$icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.toolbar.standard.label-text.color (Enabled)
+$label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.toolbar.standard.pressed.icon.color (Pressed)
+$pressed-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.toolbar.standard.pressed.label-text.color (Pressed)
+$pressed-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.toolbar.standard.pressed.state-layer.color (Pressed)
+$pressed-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.comp.toolbar.standard.pressed.state-layer.opacity (Pressed)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.toolbar.standard.selected.button.container.color (Enabled)
+$selected-button-container-color: md-sys-color.$secondary-container;
+/// md.comp.toolbar.standard.selected.focused.icon.color (Focused)
+$selected-focused-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.toolbar.standard.selected.focused.label-text.color (Focused)
+$selected-focused-label-text-color: md-sys-color.$on-secondary-container;
+/// md.comp.toolbar.standard.selected.focused.state-layer.color (Focused)
+$selected-focused-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.toolbar.standard.selected.hovered.icon.color (Hovered)
+$selected-hovered-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.toolbar.standard.selected.hovered.label-text.color (Hovered)
+$selected-hovered-label-text-color: md-sys-color.$on-secondary-container;
+/// md.comp.toolbar.standard.selected.hovered.state-layer.color (Hovered)
+$selected-hovered-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.toolbar.standard.selected.icon.color (Enabled)
+$selected-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.toolbar.standard.selected.label-text.color (Enabled)
+$selected-label-text-color: md-sys-color.$on-secondary-container;
+/// md.comp.toolbar.standard.selected.pressed.icon.color (Pressed)
+$selected-pressed-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.toolbar.standard.selected.pressed.label-text.color (Pressed)
+$selected-pressed-label-text-color: md-sys-color.$on-secondary-container;
+/// md.comp.toolbar.standard.selected.pressed.state-layer.color (Pressed)
+$selected-pressed-state-layer-color: md-sys-color.$on-secondary-container;
diff --git a/tokens/versions/v30_0/sass/_md-comp-toolbar-vibrant.scss b/tokens/versions/v30_0/sass/_md-comp-toolbar-vibrant.scss
new file mode 100644
index 0000000000..8b4d135e4a
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-toolbar-vibrant.scss
@@ -0,0 +1,87 @@
+//
+// 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-state';
+
+/// md.comp.toolbar.vibrant.disabled.icon.opacity (Disabled)
+$disabled-icon-opacity: 0.38;
+/// md.comp.toolbar.vibrant.disabled.label-text.opacity (Disabled)
+$disabled-label-text-opacity: 0.38;
+/// md.comp.toolbar.vibrant.button.container.color (Enabled)
+$button-container-color: md-sys-color.$primary-container;
+/// md.comp.toolbar.vibrant.container.color (Enabled)
+$container-color: md-sys-color.$primary-container;
+/// md.comp.toolbar.vibrant.container.shape (Enabled)
+$container-shape: md-sys-shape.$corner-full;
+/// md.comp.toolbar.vibrant.disabled.icon.color (Disabled)
+$disabled-icon-color: md-sys-color.$on-surface;
+/// md.comp.toolbar.vibrant.disabled.label-text.color (Disabled)
+$disabled-label-text-color: md-sys-color.$on-surface;
+/// md.comp.toolbar.vibrant.focused.icon.color (Focused)
+$focused-icon-color: md-sys-color.$on-primary-container;
+/// md.comp.toolbar.vibrant.focused.label-text.color (Focused)
+$focused-label-text-color: md-sys-color.$on-primary-container;
+/// md.comp.toolbar.vibrant.focused.state-layer.color (Focused)
+$focused-state-layer-color: md-sys-color.$on-primary-container;
+/// md.comp.toolbar.vibrant.focused.state-layer.opacity (Focused)
+$focused-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.toolbar.vibrant.hovered.icon.color (Hovered)
+$hovered-icon-color: md-sys-color.$on-primary-container;
+/// md.comp.toolbar.vibrant.hovered.label-text.color (Hovered)
+$hovered-label-text-color: md-sys-color.$on-primary-container;
+/// md.comp.toolbar.vibrant.hovered.state-layer.color (Hovered)
+$hovered-state-layer-color: md-sys-color.$on-primary-container;
+/// md.comp.toolbar.vibrant.hovered.state-layer.opacity (Hovered)
+$hovered-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.toolbar.vibrant.icon.color (Enabled)
+$icon-color: md-sys-color.$on-primary-container;
+/// md.comp.toolbar.vibrant.label-text.color (Enabled)
+$label-text-color: md-sys-color.$on-primary-container;
+/// md.comp.toolbar.vibrant.pressed.icon.color (Pressed)
+$pressed-icon-color: md-sys-color.$on-primary-container;
+/// md.comp.toolbar.vibrant.pressed.label-text.color (Pressed)
+$pressed-label-text-color: md-sys-color.$on-primary-container;
+/// md.comp.toolbar.vibrant.pressed.state-layer.color (Pressed)
+$pressed-state-layer-color: md-sys-color.$on-primary-container;
+/// md.comp.toolbar.vibrant.pressed.state-layer.opacity (Pressed)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.toolbar.vibrant.selected.button.container.color (Enabled)
+$selected-button-container-color: md-sys-color.$surface-container;
+/// md.comp.toolbar.vibrant.selected.focused.icon.color (Focused)
+$selected-focused-icon-color: md-sys-color.$on-surface;
+/// md.comp.toolbar.vibrant.selected.focused.label-text.color (Focused)
+$selected-focused-label-text-color: md-sys-color.$on-surface;
+/// md.comp.toolbar.vibrant.selected.focused.state-layer.color (Focused)
+$selected-focused-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.toolbar.vibrant.selected.hovered.icon.color (Hovered)
+$selected-hovered-icon-color: md-sys-color.$on-surface;
+/// md.comp.toolbar.vibrant.selected.hovered.label-text.color (Hovered)
+$selected-hovered-label-text-color: md-sys-color.$on-surface;
+/// md.comp.toolbar.vibrant.selected.hovered.state-layer.color (Hovered)
+$selected-hovered-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.toolbar.vibrant.selected.icon.color (Enabled)
+$selected-icon-color: md-sys-color.$on-surface;
+/// md.comp.toolbar.vibrant.selected.label-text.color (Enabled)
+$selected-label-text-color: md-sys-color.$on-surface;
+/// md.comp.toolbar.vibrant.selected.pressed.icon.color (Pressed)
+$selected-pressed-icon-color: md-sys-color.$on-surface;
+/// md.comp.toolbar.vibrant.selected.pressed.label-text.color (Pressed)
+$selected-pressed-label-text-color: md-sys-color.$on-surface;
+/// md.comp.toolbar.vibrant.selected.pressed.state-layer.color (Pressed)
+$selected-pressed-state-layer-color: md-sys-color.$on-surface;
diff --git a/tokens/versions/v30_0/sass/_md-comp-top-app-bar-large.scss b/tokens/versions/v30_0/sass/_md-comp-top-app-bar-large.scss
new file mode 100644
index 0000000000..94aa3c3bfa
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-top-app-bar-large.scss
@@ -0,0 +1,62 @@
+//
+// 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-typescale';
+
+/// md.comp.top-app-bar.large.container.height ([Deprecated] Enabled / [Deprecated] Container)
+$container-height: 152px;
+/// md.comp.top-app-bar.large.leading-icon.size ([Deprecated] Enabled / [Deprecated] Leading icon)
+$leading-icon-size: 24px;
+/// md.comp.top-app-bar.large.trailing-icon.size ([Deprecated] Enabled / [Deprecated] Trailing icon)
+$trailing-icon-size: 24px;
+/// md.comp.top-app-bar.large.container.color ([Deprecated] Enabled / [Deprecated] Container)
+$container-color: md-sys-color.$surface;
+/// md.comp.top-app-bar.large.container.elevation ([Deprecated] Enabled / [Deprecated] Container)
+$container-elevation: md-sys-elevation.$level0;
+/// md.comp.top-app-bar.large.container.shape ([Deprecated] Enabled / [Deprecated] Container)
+$container-shape: md-sys-shape.$corner-none;
+/// md.comp.top-app-bar.large.container.surface-tint-layer.color ([Deprecated] Enabled / [Deprecated] 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.top-app-bar.large.headline.color ([Deprecated] Enabled / [Deprecated] Headline)
+$headline-color: md-sys-color.$on-surface;
+/// md.comp.top-app-bar.large.headline.font ([Deprecated] Enabled / [Deprecated] Headline)
+$headline-font: md-sys-typescale.$headline-medium-font;
+/// md.comp.top-app-bar.large.headline.line-height ([Deprecated] Enabled / [Deprecated] Headline)
+$headline-line-height: md-sys-typescale.$headline-medium-line-height;
+/// md.comp.top-app-bar.large.headline.size ([Deprecated] Enabled / [Deprecated] Headline)
+$headline-size: md-sys-typescale.$headline-medium-size;
+/// md.comp.top-app-bar.large.headline.tracking ([Deprecated] Enabled / [Deprecated] Headline)
+$headline-tracking: md-sys-typescale.$headline-medium-tracking;
+/// md.comp.top-app-bar.large.headline.weight ([Deprecated] Enabled / [Deprecated] Headline)
+$headline-weight: md-sys-typescale.$headline-medium-weight;
+/// md.comp.top-app-bar.large.leading-icon.color ([Deprecated] Enabled / [Deprecated] Leading icon)
+$leading-icon-color: md-sys-color.$on-surface;
+/// md.comp.top-app-bar.large.trailing-icon.color ([Deprecated] Enabled / [Deprecated] Trailing icon)
+$trailing-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.top-app-bar.large.headline.type ([Deprecated] Enabled / [Deprecated] Headline)
+@mixin headline-type {
+  font-family: $headline-font;
+  font-size: $headline-size;
+  font-weight: $headline-weight;
+  letter-spacing: $headline-tracking;
+  line-height: $headline-line-height;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-top-app-bar-medium.scss b/tokens/versions/v30_0/sass/_md-comp-top-app-bar-medium.scss
new file mode 100644
index 0000000000..4e57a56bc5
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-top-app-bar-medium.scss
@@ -0,0 +1,62 @@
+//
+// 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-typescale';
+
+/// md.comp.top-app-bar.medium.container.height ([Deprecated] Enabled / [Deprecated] Container)
+$container-height: 112px;
+/// md.comp.top-app-bar.medium.leading-icon.size ([Deprecated] Enabled / [Deprecated] Leading icon)
+$leading-icon-size: 24px;
+/// md.comp.top-app-bar.medium.trailing-icon.size ([Deprecated] Enabled / [Deprecated] Trailing icon)
+$trailing-icon-size: 24px;
+/// md.comp.top-app-bar.medium.container.color ([Deprecated] Enabled / [Deprecated] Container)
+$container-color: md-sys-color.$surface;
+/// md.comp.top-app-bar.medium.container.elevation ([Deprecated] Enabled / [Deprecated] Container)
+$container-elevation: md-sys-elevation.$level0;
+/// md.comp.top-app-bar.medium.container.shape ([Deprecated] Enabled / [Deprecated] Container)
+$container-shape: md-sys-shape.$corner-none;
+/// md.comp.top-app-bar.medium.container.surface-tint-layer.color ([Deprecated] Enabled / [Deprecated] 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.top-app-bar.medium.headline.color ([Deprecated] Enabled / [Deprecated] Headline)
+$headline-color: md-sys-color.$on-surface;
+/// md.comp.top-app-bar.medium.headline.font ([Deprecated] Enabled / [Deprecated] Headline)
+$headline-font: md-sys-typescale.$headline-small-font;
+/// md.comp.top-app-bar.medium.headline.line-height ([Deprecated] Enabled / [Deprecated] Headline)
+$headline-line-height: md-sys-typescale.$headline-small-line-height;
+/// md.comp.top-app-bar.medium.headline.size ([Deprecated] Enabled / [Deprecated] Headline)
+$headline-size: md-sys-typescale.$headline-small-size;
+/// md.comp.top-app-bar.medium.headline.tracking ([Deprecated] Enabled / [Deprecated] Headline)
+$headline-tracking: md-sys-typescale.$headline-small-tracking;
+/// md.comp.top-app-bar.medium.headline.weight ([Deprecated] Enabled / [Deprecated] Headline)
+$headline-weight: md-sys-typescale.$headline-small-weight;
+/// md.comp.top-app-bar.medium.leading-icon.color ([Deprecated] Enabled / [Deprecated] Leading icon)
+$leading-icon-color: md-sys-color.$on-surface;
+/// md.comp.top-app-bar.medium.trailing-icon.color ([Deprecated] Enabled / [Deprecated] Trailing icon)
+$trailing-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.top-app-bar.medium.headline.type ([Deprecated] Enabled / [Deprecated] Headline)
+@mixin headline-type {
+  font-family: $headline-font;
+  font-size: $headline-size;
+  font-weight: $headline-weight;
+  letter-spacing: $headline-tracking;
+  line-height: $headline-line-height;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-top-app-bar-small-centered.scss b/tokens/versions/v30_0/sass/_md-comp-top-app-bar-small-centered.scss
new file mode 100644
index 0000000000..23febeb4f0
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-top-app-bar-small-centered.scss
@@ -0,0 +1,72 @@
+//
+// 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-typescale';
+
+/// md.comp.top-app-bar.small.centered.avatar.size (Enabled / Avatar)
+$avatar-size: 30px;
+/// md.comp.top-app-bar.small.centered.container.height (Enabled / Container)
+$container-height: 64px;
+/// md.comp.top-app-bar.small.centered.leading-icon.size (Enabled / Leading icon)
+$leading-icon-size: 24px;
+/// md.comp.top-app-bar.small.centered.trailing-icon.size (Enabled / Trailing icon)
+$trailing-icon-size: 24px;
+/// md.comp.top-app-bar.small.centered.avatar.shape (Enabled / Avatar)
+$avatar-shape: md-sys-shape.$corner-full;
+/// md.comp.top-app-bar.small.centered.container.color (Enabled / Container)
+$container-color: md-sys-color.$surface;
+/// md.comp.top-app-bar.small.centered.container.elevation (Enabled / Container)
+$container-elevation: md-sys-elevation.$level0;
+/// md.comp.top-app-bar.small.centered.container.shape (Enabled / Container)
+$container-shape: md-sys-shape.$corner-none;
+/// md.comp.top-app-bar.small.centered.container.surface-tint-layer.color (Enabled / Container)
+$container-surface-tint-layer-color: md-sys-color.$surface-tint;
+/// md.comp.top-app-bar.small.centered.headline.color (Enabled / Headline)
+$headline-color: md-sys-color.$on-surface;
+/// md.comp.top-app-bar.small.centered.headline.font (Enabled / Headline)
+$headline-font: md-sys-typescale.$title-large-font;
+/// md.comp.top-app-bar.small.centered.headline.line-height (Enabled / Headline)
+$headline-line-height: md-sys-typescale.$title-large-line-height;
+/// md.comp.top-app-bar.small.centered.headline.size (Enabled / Headline)
+$headline-size: md-sys-typescale.$title-large-size;
+/// md.comp.top-app-bar.small.centered.headline.tracking (Enabled / Headline)
+$headline-tracking: md-sys-typescale.$title-large-tracking;
+/// md.comp.top-app-bar.small.centered.headline.weight (Enabled / Headline)
+$headline-weight: md-sys-typescale.$title-large-weight;
+/// md.comp.top-app-bar.small.centered.leading-icon.color (Enabled / Leading icon)
+$leading-icon-color: md-sys-color.$on-surface;
+/// md.comp.top-app-bar.small.centered.on-scroll.container.color (Enabled / Container)
+$on-scroll-container-color: md-sys-color.$surface-container;
+/// md.comp.top-app-bar.small.centered.on-scroll.container.elevation (Enabled / On scroll)
+$on-scroll-container-elevation: md-sys-elevation.$level2;
+/// md.comp.top-app-bar.small.centered.on-scroll.container.shadow-color (Enabled / Container)
+///
+/// @deprecated Bug: should not have been created. Remove any shadows on navigation bars.
+$on-scroll-container-shadow-color: md-sys-color.$shadow;
+/// md.comp.top-app-bar.small.centered.trailing-icon.color (Enabled / Trailing icon)
+$trailing-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.top-app-bar.small.centered.headline.type (Enabled / Headline)
+@mixin headline-type {
+  font-family: $headline-font;
+  font-size: $headline-size;
+  font-weight: $headline-weight;
+  letter-spacing: $headline-tracking;
+  line-height: $headline-line-height;
+}
diff --git a/tokens/versions/v30_0/sass/_md-comp-top-app-bar-small.scss b/tokens/versions/v30_0/sass/_md-comp-top-app-bar-small.scss
new file mode 100644
index 0000000000..87c1409614
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-comp-top-app-bar-small.scss
@@ -0,0 +1,70 @@
+//
+// 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-typescale';
+
+/// md.comp.top-app-bar.small.container.height ([Deprecated] Enabled / [Deprecated] Container)
+$container-height: 64px;
+/// md.comp.top-app-bar.small.leading-icon.size ([Deprecated] Enabled / [Deprecated] Leading icon)
+$leading-icon-size: 24px;
+/// md.comp.top-app-bar.small.trailing-icon.size ([Deprecated] Enabled / [Deprecated] Trailing icon)
+$trailing-icon-size: 24px;
+/// md.comp.top-app-bar.small.container.color ([Deprecated] Enabled / [Deprecated] Container)
+$container-color: md-sys-color.$surface;
+/// md.comp.top-app-bar.small.container.elevation ([Deprecated] Enabled / [Deprecated] Container)
+$container-elevation: md-sys-elevation.$level0;
+/// md.comp.top-app-bar.small.container.shape ([Deprecated] Enabled / [Deprecated] Container)
+$container-shape: md-sys-shape.$corner-none;
+/// md.comp.top-app-bar.small.container.surface-tint-layer.color ([Deprecated] Enabled / [Deprecated] 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.top-app-bar.small.headline.color ([Deprecated] Enabled / [Deprecated] Headline)
+$headline-color: md-sys-color.$on-surface;
+/// md.comp.top-app-bar.small.headline.font ([Deprecated] Enabled / [Deprecated] Headline)
+$headline-font: md-sys-typescale.$title-large-font;
+/// md.comp.top-app-bar.small.headline.line-height ([Deprecated] Enabled / [Deprecated] Headline)
+$headline-line-height: md-sys-typescale.$title-large-line-height;
+/// md.comp.top-app-bar.small.headline.size ([Deprecated] Enabled / [Deprecated] Headline)
+$headline-size: md-sys-typescale.$title-large-size;
+/// md.comp.top-app-bar.small.headline.tracking ([Deprecated] Enabled / [Deprecated] Headline)
+$headline-tracking: md-sys-typescale.$title-large-tracking;
+/// md.comp.top-app-bar.small.headline.weight ([Deprecated] Enabled / [Deprecated] Headline)
+$headline-weight: md-sys-typescale.$title-large-weight;
+/// md.comp.top-app-bar.small.leading-icon.color ([Deprecated] Enabled / [Deprecated] Leading icon)
+$leading-icon-color: md-sys-color.$on-surface;
+/// md.comp.top-app-bar.small.on-scroll.container.color ([Deprecated] Enabled / [Deprecated] Container)
+$on-scroll-container-color: md-sys-color.$surface-container;
+/// md.comp.top-app-bar.small.on-scroll.container.elevation ([Deprecated] Enabled / [Deprecated] On scroll)
+$on-scroll-container-elevation: md-sys-elevation.$level2;
+/// md.comp.top-app-bar.small.on-scroll.container.shadow-color ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated Bug: should not have been created. Remove any shadows on navigation bars.
+$on-scroll-container-shadow-color: md-sys-color.$shadow;
+/// md.comp.top-app-bar.small.trailing-icon.color ([Deprecated] Enabled / [Deprecated] Trailing icon)
+$trailing-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.top-app-bar.small.headline.type ([Deprecated] Enabled / [Deprecated] Headline)
+@mixin headline-type {
+  font-family: $headline-font;
+  font-size: $headline-size;
+  font-weight: $headline-weight;
+  letter-spacing: $headline-tracking;
+  line-height: $headline-line-height;
+}
diff --git a/tokens/versions/v30_0/sass/_md-ref-palette.scss b/tokens/versions/v30_0/sass/_md-ref-palette.scss
new file mode 100644
index 0000000000..c9c1370bbe
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-ref-palette.scss
@@ -0,0 +1,495 @@
+//
+// 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
+
+/// md.ref.palette.black (Static palette / Static – Black white)
+$black: #000;
+/// md.ref.palette.blue-variant0 (Static palette / Static – Blue variant)
+$blue-variant0: #000;
+/// md.ref.palette.blue-variant10 (Static palette / Static – Blue variant)
+$blue-variant10: #001f2d;
+/// md.ref.palette.blue-variant100 (Static palette / Static – Blue variant)
+$blue-variant100: #fff;
+/// md.ref.palette.blue-variant20 (Static palette / Static – Blue variant)
+$blue-variant20: #003549;
+/// md.ref.palette.blue-variant30 (Static palette / Static – Blue variant)
+$blue-variant30: #004d68;
+/// md.ref.palette.blue-variant40 (Static palette / Static – Blue variant)
+$blue-variant40: #006788;
+/// md.ref.palette.blue-variant50 (Static palette / Static – Blue variant)
+$blue-variant50: #0081a8;
+/// md.ref.palette.blue-variant60 (Static palette / Static – Blue variant)
+$blue-variant60: #009dc9;
+/// md.ref.palette.blue-variant70 (Static palette / Static – Blue variant)
+$blue-variant70: #00bbea;
+/// md.ref.palette.blue-variant80 (Static palette / Static – Blue variant)
+$blue-variant80: #67d4ff;
+/// md.ref.palette.blue-variant90 (Static palette / Static – Blue variant)
+$blue-variant90: #bde9ff;
+/// md.ref.palette.blue-variant95 (Static palette / Static – Blue variant)
+$blue-variant95: #e0f4ff;
+/// md.ref.palette.blue-variant98 (Static palette / Static – Blue variant)
+$blue-variant98: #f4faff;
+/// md.ref.palette.blue0 (Static palette / Static – Blue)
+$blue0: #000;
+/// md.ref.palette.blue10 (Static palette / Static – Blue)
+$blue10: #001944;
+/// md.ref.palette.blue100 (Static palette / Static – Blue)
+$blue100: #fff;
+/// md.ref.palette.blue20 (Static palette / Static – Blue)
+$blue20: #012c6f;
+/// md.ref.palette.blue30 (Static palette / Static – Blue)
+$blue30: #04409f;
+/// md.ref.palette.blue40 (Static palette / Static – Blue)
+$blue40: #1157ce;
+/// md.ref.palette.blue50 (Static palette / Static – Blue)
+$blue50: #3271ea;
+/// md.ref.palette.blue60 (Static palette / Static – Blue)
+$blue60: #4e8ff8;
+/// md.ref.palette.blue70 (Static palette / Static – Blue)
+$blue70: #76acff;
+/// md.ref.palette.blue80 (Static palette / Static – Blue)
+$blue80: #a1c9ff;
+/// md.ref.palette.blue90 (Static palette / Static – Blue)
+$blue90: #d0e4ff;
+/// md.ref.palette.blue95 (Static palette / Static – Blue)
+$blue95: #e7f2ff;
+/// md.ref.palette.blue98 (Static palette / Static – Blue)
+$blue98: #f5faff;
+/// md.ref.palette.cyan0 (Static palette / Static – Cyan)
+$cyan0: #000;
+/// md.ref.palette.cyan10 (Static palette / Static – Cyan)
+$cyan10: #001f26;
+/// md.ref.palette.cyan100 (Static palette / Static – Cyan)
+$cyan100: #fff;
+/// md.ref.palette.cyan20 (Static palette / Static – Cyan)
+$cyan20: #003641;
+/// md.ref.palette.cyan30 (Static palette / Static – Cyan)
+$cyan30: #004e5d;
+/// md.ref.palette.cyan40 (Static palette / Static – Cyan)
+$cyan40: #00687c;
+/// md.ref.palette.cyan50 (Static palette / Static – Cyan)
+$cyan50: #00839b;
+/// md.ref.palette.cyan60 (Static palette / Static – Cyan)
+$cyan60: #009ebb;
+/// md.ref.palette.cyan70 (Static palette / Static – Cyan)
+$cyan70: #00bbdf;
+/// md.ref.palette.cyan80 (Static palette / Static – Cyan)
+$cyan80: #60d5f3;
+/// md.ref.palette.cyan90 (Static palette / Static – Cyan)
+$cyan90: #acedff;
+/// md.ref.palette.cyan95 (Static palette / Static – Cyan)
+$cyan95: #d8f6ff;
+/// md.ref.palette.cyan98 (Static palette / Static – Cyan)
+$cyan98: #f0fbff;
+/// md.ref.palette.error0 (Baseline palette / Baseline – Error)
+$error0: #000;
+/// md.ref.palette.error10 (Baseline palette / Baseline – Error)
+$error10: #410e0b;
+/// md.ref.palette.error100 (Baseline palette / Baseline – Error)
+$error100: #fff;
+/// md.ref.palette.error20 (Baseline palette / Baseline – Error)
+$error20: #601410;
+/// md.ref.palette.error30 (Baseline palette / Baseline – Error)
+$error30: #8c1d18;
+/// md.ref.palette.error40 (Baseline palette / Baseline – Error)
+$error40: #b3261e;
+/// md.ref.palette.error50 (Baseline palette / Baseline – Error)
+$error50: #dc362e;
+/// md.ref.palette.error60 (Baseline palette / Baseline – Error)
+$error60: #e46962;
+/// md.ref.palette.error70 (Baseline palette / Baseline – Error)
+$error70: #ec928e;
+/// md.ref.palette.error80 (Baseline palette / Baseline – Error)
+$error80: #f2b8b5;
+/// md.ref.palette.error90 (Baseline palette / Baseline – Error)
+$error90: #f9dedc;
+/// md.ref.palette.error95 (Baseline palette / Baseline – Error)
+$error95: #fceeee;
+/// md.ref.palette.error98 (Baseline palette / Baseline – Error)
+$error98: #fff8f7;
+/// md.ref.palette.error99 (Baseline palette / Baseline – Error)
+$error99: #fffbf9;
+/// md.ref.palette.green0 (Static palette / Static – Green)
+$green0: #000;
+/// md.ref.palette.green10 (Static palette / Static – Green)
+$green10: #002110;
+/// md.ref.palette.green100 (Static palette / Static – Green)
+$green100: #fff;
+/// md.ref.palette.green20 (Static palette / Static – Green)
+$green20: #00381f;
+/// md.ref.palette.green30 (Static palette / Static – Green)
+$green30: #00522c;
+/// md.ref.palette.green40 (Static palette / Static – Green)
+$green40: #006c35;
+/// md.ref.palette.green50 (Static palette / Static – Green)
+$green50: #128937;
+/// md.ref.palette.green60 (Static palette / Static – Green)
+$green60: #1aa64a;
+/// md.ref.palette.green70 (Static palette / Static – Green)
+$green70: #44c265;
+/// md.ref.palette.green80 (Static palette / Static – Green)
+$green80: #80da88;
+/// md.ref.palette.green90 (Static palette / Static – Green)
+$green90: #beefbb;
+/// md.ref.palette.green95 (Static palette / Static – Green)
+$green95: #ddf8d8;
+/// md.ref.palette.green98 (Static palette / Static – Green)
+$green98: #f2fcef;
+/// md.ref.palette.grey-variant0 (Static palette / Static – Grey variant)
+$grey-variant0: #000;
+/// md.ref.palette.grey-variant10 (Static palette / Static – Grey variant)
+$grey-variant10: #191d1c;
+/// md.ref.palette.grey-variant100 (Static palette / Static – Grey variant)
+$grey-variant100: #fff;
+/// md.ref.palette.grey-variant20 (Static palette / Static – Grey variant)
+$grey-variant20: #2d312f;
+/// md.ref.palette.grey-variant30 (Static palette / Static – Grey variant)
+$grey-variant30: #444746;
+/// md.ref.palette.grey-variant40 (Static palette / Static – Grey variant)
+$grey-variant40: #5c5f5e;
+/// md.ref.palette.grey-variant50 (Static palette / Static – Grey variant)
+$grey-variant50: #747775;
+/// md.ref.palette.grey-variant60 (Static palette / Static – Grey variant)
+$grey-variant60: #8e918f;
+/// md.ref.palette.grey-variant70 (Static palette / Static – Grey variant)
+$grey-variant70: #a9acaa;
+/// md.ref.palette.grey-variant80 (Static palette / Static – Grey variant)
+$grey-variant80: #c4c7c5;
+/// md.ref.palette.grey-variant90 (Static palette / Static – Grey variant)
+$grey-variant90: #e1e3e1;
+/// md.ref.palette.grey-variant95 (Static palette / Static – Grey variant)
+$grey-variant95: #eff2ef;
+/// md.ref.palette.grey-variant98 (Static palette / Static – Grey variant)
+$grey-variant98: #f7faf7;
+/// md.ref.palette.grey0 (Static palette / Static – Grey)
+$grey0: #000;
+/// md.ref.palette.grey10 (Static palette / Static – Grey)
+$grey10: #1b1b1c;
+/// md.ref.palette.grey100 (Static palette / Static – Grey)
+$grey100: #fff;
+/// md.ref.palette.grey20 (Static palette / Static – Grey)
+$grey20: #303030;
+/// md.ref.palette.grey30 (Static palette / Static – Grey)
+$grey30: #474747;
+/// md.ref.palette.grey40 (Static palette / Static – Grey)
+$grey40: #5e5e5e;
+/// md.ref.palette.grey50 (Static palette / Static – Grey)
+$grey50: #777;
+/// md.ref.palette.grey60 (Static palette / Static – Grey)
+$grey60: #919191;
+/// md.ref.palette.grey70 (Static palette / Static – Grey)
+$grey70: #ababab;
+/// md.ref.palette.grey80 (Static palette / Static – Grey)
+$grey80: #c7c7c7;
+/// md.ref.palette.grey90 (Static palette / Static – Grey)
+$grey90: #e3e3e3;
+/// md.ref.palette.grey95 (Static palette / Static – Grey)
+$grey95: #f2f2f2;
+/// md.ref.palette.grey98 (Static palette / Static – Grey)
+$grey98: #f9f9f9;
+/// md.ref.palette.neutral-variant0 (Baseline palette / Baseline – Neutral variant)
+$neutral-variant0: #000;
+/// md.ref.palette.neutral-variant10 (Baseline palette / Baseline – Neutral variant)
+$neutral-variant10: #1d1a22;
+/// md.ref.palette.neutral-variant100 (Baseline palette / Baseline – Neutral variant)
+$neutral-variant100: #fff;
+/// md.ref.palette.neutral-variant20 (Baseline palette / Baseline – Neutral variant)
+$neutral-variant20: #322f37;
+/// md.ref.palette.neutral-variant30 (Baseline palette / Baseline – Neutral variant)
+$neutral-variant30: #49454f;
+/// md.ref.palette.neutral-variant40 (Baseline palette / Baseline – Neutral variant)
+$neutral-variant40: #605d66;
+/// md.ref.palette.neutral-variant50 (Baseline palette / Baseline – Neutral variant)
+$neutral-variant50: #79747e;
+/// md.ref.palette.neutral-variant60 (Baseline palette / Baseline – Neutral variant)
+$neutral-variant60: #938f99;
+/// md.ref.palette.neutral-variant70 (Baseline palette / Baseline – Neutral variant)
+$neutral-variant70: #aea9b4;
+/// md.ref.palette.neutral-variant80 (Baseline palette / Baseline – Neutral variant)
+$neutral-variant80: #cac4d0;
+/// md.ref.palette.neutral-variant90 (Baseline palette / Baseline – Neutral variant)
+$neutral-variant90: #e7e0ec;
+/// md.ref.palette.neutral-variant95 (Baseline palette / Baseline – Neutral variant)
+$neutral-variant95: #f5eefa;
+/// md.ref.palette.neutral-variant98 (Baseline palette / Baseline – Neutral variant)
+$neutral-variant98: #fdf7ff;
+/// md.ref.palette.neutral-variant99 (Baseline palette / Baseline – Neutral variant)
+$neutral-variant99: #fffbfe;
+/// md.ref.palette.neutral0 (Baseline palette / Baseline – Neutral)
+$neutral0: #000;
+/// md.ref.palette.neutral10 (Baseline palette / Baseline – Neutral)
+$neutral10: #1d1b20;
+/// md.ref.palette.neutral100 (Baseline palette / Baseline – Neutral)
+$neutral100: #fff;
+/// md.ref.palette.neutral12 (Baseline palette / Baseline – Neutral)
+$neutral12: #211f26;
+/// md.ref.palette.neutral17 (Baseline palette / Baseline – Neutral)
+$neutral17: #2b2930;
+/// md.ref.palette.neutral20 (Baseline palette / Baseline – Neutral)
+$neutral20: #322f35;
+/// md.ref.palette.neutral22 (Baseline palette / Baseline – Neutral)
+$neutral22: #36343b;
+/// md.ref.palette.neutral24 (Baseline palette / Baseline – Neutral)
+$neutral24: #3b383e;
+/// md.ref.palette.neutral30 (Baseline palette / Baseline – Neutral)
+$neutral30: #48464c;
+/// md.ref.palette.neutral4 (Baseline palette / Baseline – Neutral)
+$neutral4: #0f0d13;
+/// md.ref.palette.neutral40 (Baseline palette / Baseline – Neutral)
+$neutral40: #605d64;
+/// md.ref.palette.neutral50 (Baseline palette / Baseline – Neutral)
+$neutral50: #79767d;
+/// md.ref.palette.neutral6 (Baseline palette / Baseline – Neutral)
+$neutral6: #141218;
+/// md.ref.palette.neutral60 (Baseline palette / Baseline – Neutral)
+$neutral60: #938f96;
+/// md.ref.palette.neutral70 (Baseline palette / Baseline – Neutral)
+$neutral70: #aea9b1;
+/// md.ref.palette.neutral80 (Baseline palette / Baseline – Neutral)
+$neutral80: #cac5cd;
+/// md.ref.palette.neutral87 (Baseline palette / Baseline – Neutral)
+$neutral87: #ded8e1;
+/// md.ref.palette.neutral90 (Baseline palette / Baseline – Neutral)
+$neutral90: #e6e0e9;
+/// md.ref.palette.neutral92 (Baseline palette / Baseline – Neutral)
+$neutral92: #ece6f0;
+/// md.ref.palette.neutral94 (Baseline palette / Baseline – Neutral)
+$neutral94: #f3edf7;
+/// md.ref.palette.neutral95 (Baseline palette / Baseline – Neutral)
+$neutral95: #f5eff7;
+/// md.ref.palette.neutral96 (Baseline palette / Baseline – Neutral)
+$neutral96: #f7f2fa;
+/// md.ref.palette.neutral98 (Baseline palette / Baseline – Neutral)
+$neutral98: #fef7ff;
+/// md.ref.palette.neutral99 (Baseline palette / Baseline – Neutral)
+$neutral99: #fffbff;
+/// md.ref.palette.orange0 (Static palette / Static – Orange)
+$orange0: #000;
+/// md.ref.palette.orange10 (Static palette / Static – Orange)
+$orange10: #321200;
+/// md.ref.palette.orange100 (Static palette / Static – Orange)
+$orange100: #fff;
+/// md.ref.palette.orange20 (Static palette / Static – Orange)
+$orange20: #522302;
+/// md.ref.palette.orange30 (Static palette / Static – Orange)
+$orange30: #753403;
+/// md.ref.palette.orange40 (Static palette / Static – Orange)
+$orange40: #9a4600;
+/// md.ref.palette.orange50 (Static palette / Static – Orange)
+$orange50: #c05a01;
+/// md.ref.palette.orange60 (Static palette / Static – Orange)
+$orange60: #e86e00;
+/// md.ref.palette.orange70 (Static palette / Static – Orange)
+$orange70: #ff8d41;
+/// md.ref.palette.orange80 (Static palette / Static – Orange)
+$orange80: #ffb683;
+/// md.ref.palette.orange90 (Static palette / Static – Orange)
+$orange90: #ffdcc3;
+/// md.ref.palette.orange95 (Static palette / Static – Orange)
+$orange95: #ffede1;
+/// md.ref.palette.orange98 (Static palette / Static – Orange)
+$orange98: #fff8f4;
+/// md.ref.palette.pink0 (Static palette / Static – Pink)
+$pink0: #000;
+/// md.ref.palette.pink10 (Static palette / Static – Pink)
+$pink10: #3d0023;
+/// md.ref.palette.pink100 (Static palette / Static – Pink)
+$pink100: #fff;
+/// md.ref.palette.pink20 (Static palette / Static – Pink)
+$pink20: #620438;
+/// md.ref.palette.pink30 (Static palette / Static – Pink)
+$pink30: #8d0053;
+/// md.ref.palette.pink40 (Static palette / Static – Pink)
+$pink40: #b60d6e;
+/// md.ref.palette.pink50 (Static palette / Static – Pink)
+$pink50: #dc258d;
+/// md.ref.palette.pink60 (Static palette / Static – Pink)
+$pink60: #f94aab;
+/// md.ref.palette.pink70 (Static palette / Static – Pink)
+$pink70: #ff7dd2;
+/// md.ref.palette.pink80 (Static palette / Static – Pink)
+$pink80: #ffaee4;
+/// md.ref.palette.pink90 (Static palette / Static – Pink)
+$pink90: #ffd8ef;
+/// md.ref.palette.pink95 (Static palette / Static – Pink)
+$pink95: #ffecf6;
+/// md.ref.palette.pink98 (Static palette / Static – Pink)
+$pink98: #fff7fc;
+/// md.ref.palette.primary0 (Baseline palette / Baseline – Primary)
+$primary0: #000;
+/// md.ref.palette.primary10 (Baseline palette / Baseline – Primary)
+$primary10: #21005d;
+/// md.ref.palette.primary100 (Baseline palette / Baseline – Primary)
+$primary100: #fff;
+/// md.ref.palette.primary20 (Baseline palette / Baseline – Primary)
+$primary20: #381e72;
+/// md.ref.palette.primary30 (Baseline palette / Baseline – Primary)
+$primary30: #4f378b;
+/// md.ref.palette.primary40 (Baseline palette / Baseline – Primary)
+$primary40: #6750a4;
+/// md.ref.palette.primary50 (Baseline palette / Baseline – Primary)
+$primary50: #7f67be;
+/// md.ref.palette.primary60 (Baseline palette / Baseline – Primary)
+$primary60: #9a82db;
+/// md.ref.palette.primary70 (Baseline palette / Baseline – Primary)
+$primary70: #b69df8;
+/// md.ref.palette.primary80 (Baseline palette / Baseline – Primary)
+$primary80: #d0bcff;
+/// md.ref.palette.primary90 (Baseline palette / Baseline – Primary)
+$primary90: #eaddff;
+/// md.ref.palette.primary95 (Baseline palette / Baseline – Primary)
+$primary95: #f6edff;
+/// md.ref.palette.primary98 (Baseline palette / Baseline – Primary)
+$primary98: #fef7ff;
+/// md.ref.palette.primary99 (Baseline palette / Baseline – Primary)
+$primary99: #fffbfe;
+/// md.ref.palette.purple0 (Static palette / Static – Purple)
+$purple0: #000;
+/// md.ref.palette.purple10 (Static palette / Static – Purple)
+$purple10: #280255;
+/// md.ref.palette.purple100 (Static palette / Static – Purple)
+$purple100: #fff;
+/// md.ref.palette.purple20 (Static palette / Static – Purple)
+$purple20: #400b84;
+/// md.ref.palette.purple30 (Static palette / Static – Purple)
+$purple30: #5629a4;
+/// md.ref.palette.purple40 (Static palette / Static – Purple)
+$purple40: #7438d2;
+/// md.ref.palette.purple50 (Static palette / Static – Purple)
+$purple50: #9254ea;
+/// md.ref.palette.purple60 (Static palette / Static – Purple)
+$purple60: #ad72ff;
+/// md.ref.palette.purple70 (Static palette / Static – Purple)
+$purple70: #c597ff;
+/// md.ref.palette.purple80 (Static palette / Static – Purple)
+$purple80: #d9bafd;
+/// md.ref.palette.purple90 (Static palette / Static – Purple)
+$purple90: #eedcfe;
+/// md.ref.palette.purple95 (Static palette / Static – Purple)
+$purple95: #f7ecfe;
+/// md.ref.palette.purple98 (Static palette / Static – Purple)
+$purple98: #fdf8ff;
+/// md.ref.palette.red0 (Static palette / Static – Red)
+$red0: #000;
+/// md.ref.palette.red10 (Static palette / Static – Red)
+$red10: #3a0907;
+/// md.ref.palette.red100 (Static palette / Static – Red)
+$red100: #fff;
+/// md.ref.palette.red20 (Static palette / Static – Red)
+$red20: #60150f;
+/// md.ref.palette.red30 (Static palette / Static – Red)
+$red30: #8a1a16;
+/// md.ref.palette.red40 (Static palette / Static – Red)
+$red40: #b3251e;
+/// md.ref.palette.red50 (Static palette / Static – Red)
+$red50: #db372d;
+/// md.ref.palette.red60 (Static palette / Static – Red)
+$red60: #f55e57;
+/// md.ref.palette.red70 (Static palette / Static – Red)
+$red70: #ff8983;
+/// md.ref.palette.red80 (Static palette / Static – Red)
+$red80: #ffb3ae;
+/// md.ref.palette.red90 (Static palette / Static – Red)
+$red90: #ffdadc;
+/// md.ref.palette.red95 (Static palette / Static – Red)
+$red95: #ffecee;
+/// md.ref.palette.red98 (Static palette / Static – Red)
+$red98: #fff8f8;
+/// md.ref.palette.secondary0 (Baseline palette / Baseline – Secondary)
+$secondary0: #000;
+/// md.ref.palette.secondary10 (Baseline palette / Baseline – Secondary)
+$secondary10: #1d192b;
+/// md.ref.palette.secondary100 (Baseline palette / Baseline – Secondary)
+$secondary100: #fff;
+/// md.ref.palette.secondary20 (Baseline palette / Baseline – Secondary)
+$secondary20: #332d41;
+/// md.ref.palette.secondary30 (Baseline palette / Baseline – Secondary)
+$secondary30: #4a4458;
+/// md.ref.palette.secondary40 (Baseline palette / Baseline – Secondary)
+$secondary40: #625b71;
+/// md.ref.palette.secondary50 (Baseline palette / Baseline – Secondary)
+$secondary50: #7a7289;
+/// md.ref.palette.secondary60 (Baseline palette / Baseline – Secondary)
+$secondary60: #958da5;
+/// md.ref.palette.secondary70 (Baseline palette / Baseline – Secondary)
+$secondary70: #b0a7c0;
+/// md.ref.palette.secondary80 (Baseline palette / Baseline – Secondary)
+$secondary80: #ccc2dc;
+/// md.ref.palette.secondary90 (Baseline palette / Baseline – Secondary)
+$secondary90: #e8def8;
+/// md.ref.palette.secondary95 (Baseline palette / Baseline – Secondary)
+$secondary95: #f6edff;
+/// md.ref.palette.secondary98 (Baseline palette / Baseline – Secondary)
+$secondary98: #fef7ff;
+/// md.ref.palette.secondary99 (Baseline palette / Baseline – Secondary)
+$secondary99: #fffbfe;
+/// md.ref.palette.tertiary0 (Baseline palette / Baseline – Tertiary)
+$tertiary0: #000;
+/// md.ref.palette.tertiary10 (Baseline palette / Baseline – Tertiary)
+$tertiary10: #31111d;
+/// md.ref.palette.tertiary100 (Baseline palette / Baseline – Tertiary)
+$tertiary100: #fff;
+/// md.ref.palette.tertiary20 (Baseline palette / Baseline – Tertiary)
+$tertiary20: #492532;
+/// md.ref.palette.tertiary30 (Baseline palette / Baseline – Tertiary)
+$tertiary30: #633b48;
+/// md.ref.palette.tertiary40 (Baseline palette / Baseline – Tertiary)
+$tertiary40: #7d5260;
+/// md.ref.palette.tertiary50 (Baseline palette / Baseline – Tertiary)
+$tertiary50: #986977;
+/// md.ref.palette.tertiary60 (Baseline palette / Baseline – Tertiary)
+$tertiary60: #b58392;
+/// md.ref.palette.tertiary70 (Baseline palette / Baseline – Tertiary)
+$tertiary70: #d29dac;
+/// md.ref.palette.tertiary80 (Baseline palette / Baseline – Tertiary)
+$tertiary80: #efb8c8;
+/// md.ref.palette.tertiary90 (Baseline palette / Baseline – Tertiary)
+$tertiary90: #ffd8e4;
+/// md.ref.palette.tertiary95 (Baseline palette / Baseline – Tertiary)
+$tertiary95: #ffecf1;
+/// md.ref.palette.tertiary98 (Baseline palette / Baseline – Tertiary)
+$tertiary98: #fff8f8;
+/// md.ref.palette.tertiary99 (Baseline palette / Baseline – Tertiary)
+$tertiary99: #fffbfa;
+/// md.ref.palette.white (Static palette / Static – Black white)
+$white: #fff;
+/// md.ref.palette.yellow0 (Static palette / Static – Yellow)
+$yellow0: #000;
+/// md.ref.palette.yellow10 (Static palette / Static – Yellow)
+$yellow10: #2f1400;
+/// md.ref.palette.yellow100 (Static palette / Static – Yellow)
+$yellow100: #fff;
+/// md.ref.palette.yellow20 (Static palette / Static – Yellow)
+$yellow20: #4d2600;
+/// md.ref.palette.yellow30 (Static palette / Static – Yellow)
+$yellow30: #6d3a01;
+/// md.ref.palette.yellow40 (Static palette / Static – Yellow)
+$yellow40: #8f4e06;
+/// md.ref.palette.yellow50 (Static palette / Static – Yellow)
+$yellow50: #b16300;
+/// md.ref.palette.yellow60 (Static palette / Static – Yellow)
+$yellow60: #d37b00;
+/// md.ref.palette.yellow70 (Static palette / Static – Yellow)
+$yellow70: #ef9800;
+/// md.ref.palette.yellow80 (Static palette / Static – Yellow)
+$yellow80: #fcbd00;
+/// md.ref.palette.yellow90 (Static palette / Static – Yellow)
+$yellow90: #ffe07c;
+/// md.ref.palette.yellow95 (Static palette / Static – Yellow)
+$yellow95: #fff2b4;
+/// md.ref.palette.yellow98 (Static palette / Static – Yellow)
+$yellow98: #fffade;
diff --git a/tokens/versions/v30_0/sass/_md-ref-typeface.scss b/tokens/versions/v30_0/sass/_md-ref-typeface.scss
new file mode 100644
index 0000000000..8c4719148c
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-ref-typeface.scss
@@ -0,0 +1,27 @@
+//
+// 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
+
+/// md.ref.typeface.brand (Brand)
+$brand: Roboto;
+/// md.ref.typeface.plain (Plain)
+$plain: Roboto;
+/// md.ref.typeface.weight-bold (Weight)
+$weight-bold: 700;
+/// md.ref.typeface.weight-medium (Weight)
+$weight-medium: 500;
+/// md.ref.typeface.weight-regular (Weight)
+$weight-regular: 400;
diff --git a/tokens/versions/v30_0/sass/_md-sys-color.scss b/tokens/versions/v30_0/sass/_md-sys-color.scss
new file mode 100644
index 0000000000..ce8cd6e712
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-sys-color.scss
@@ -0,0 +1,209 @@
+//
+// 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-ref-palette';
+
+/// md.sys.color.background (Add-ons / Add-on surface colors)
+///
+/// Note: Background is a legacy color role. It is recommended to use Surface instead of Background.
+$background: md-ref-palette.$neutral98;
+/// md.sys.color.error (Error colors)
+///
+/// Indicates errors, such as invalid input in a date picker
+$error: md-ref-palette.$error40;
+/// md.sys.color.error-container (Error colors)
+///
+/// Container color for error messages and badges
+$error-container: md-ref-palette.$error90;
+/// md.sys.color.inverse-on-surface (Surface colors)
+///
+/// Used for text and icons shown against the inverse surface color
+$inverse-on-surface: md-ref-palette.$neutral95;
+/// md.sys.color.inverse-primary (Add-ons / Add-on primary colors)
+///
+/// Displays opposite of the primary color
+$inverse-primary: md-ref-palette.$primary80;
+/// md.sys.color.inverse-surface (Surface colors)
+///
+/// Displays opposite color of the surrounding UI
+$inverse-surface: md-ref-palette.$neutral20;
+/// md.sys.color.on-background (Add-ons / Add-on surface colors)
+///
+/// Used for text and icons shown against the background color
+$on-background: md-ref-palette.$neutral10;
+/// md.sys.color.on-error (Error colors)
+///
+/// Used for text and icons on the error color
+$on-error: md-ref-palette.$error100;
+/// md.sys.color.on-error-container (Error colors)
+///
+/// Used for text and icons on the error-container color
+$on-error-container: md-ref-palette.$error30;
+/// md.sys.color.on-primary (Primary colors)
+///
+/// Text and icons shown against the primary color
+$on-primary: md-ref-palette.$primary100;
+/// md.sys.color.on-primary-container (Primary colors)
+///
+/// Contrast-passing color shown against the primary container
+$on-primary-container: md-ref-palette.$primary30;
+/// md.sys.color.on-primary-fixed (Add-ons / Add-on primary colors)
+///
+/// Used for text and icons shown against the primary fixed color
+$on-primary-fixed: md-ref-palette.$primary10;
+/// md.sys.color.on-primary-fixed-variant (Add-ons / Add-on primary colors)
+///
+/// Stronger hue variant used for text and icons shown against the primary fixed color
+$on-primary-fixed-variant: md-ref-palette.$primary30;
+/// md.sys.color.on-secondary (Secondary colors)
+///
+/// Text and icons shown against the secondary color
+$on-secondary: md-ref-palette.$secondary100;
+/// md.sys.color.on-secondary-container (Secondary colors)
+///
+/// Contrast-passing color shown against the secondary container
+$on-secondary-container: md-ref-palette.$secondary30;
+/// md.sys.color.on-secondary-fixed (Add-ons / Add-on secondary colors)
+///
+/// Used for text and icons shown against the secondary fixed color
+$on-secondary-fixed: md-ref-palette.$secondary10;
+/// md.sys.color.on-secondary-fixed-variant (Add-ons / Add-on secondary colors)
+///
+/// Stronger hue variant used for text and icons shown against the secondary fixed color
+$on-secondary-fixed-variant: md-ref-palette.$secondary30;
+/// md.sys.color.on-surface (Surface colors)
+///
+/// Text and icons shown against the surface color
+$on-surface: md-ref-palette.$neutral10;
+/// md.sys.color.on-surface-variant (Surface colors)
+///
+/// For text and icons to indicate active or inactive component state
+$on-surface-variant: md-ref-palette.$neutral-variant30;
+/// md.sys.color.on-tertiary (Tertiary colors)
+///
+/// Text and icons shown against the tertiary color
+$on-tertiary: md-ref-palette.$tertiary100;
+/// md.sys.color.on-tertiary-container (Tertiary colors)
+///
+/// Contrast-passing color shown against the tertiary container
+$on-tertiary-container: md-ref-palette.$tertiary30;
+/// md.sys.color.on-tertiary-fixed (Add-ons / Add-on tertiary colors)
+///
+/// Used for text and icons shown against the tertiary fixed color
+$on-tertiary-fixed: md-ref-palette.$tertiary10;
+/// md.sys.color.on-tertiary-fixed-variant (Add-ons / Add-on tertiary colors)
+///
+/// Stronger hue variant used for text and icons shown against the tertiary fixed color
+$on-tertiary-fixed-variant: md-ref-palette.$tertiary30;
+/// md.sys.color.outline (Outline colors)
+///
+/// Subtle color used for boundaries
+$outline: md-ref-palette.$neutral-variant50;
+/// md.sys.color.outline-variant (Outline colors)
+///
+/// Outline-variant is used to define the border of a component where 3:1 contrast ratio isn’t required, a container, or a divider.
+$outline-variant: md-ref-palette.$neutral-variant80;
+/// md.sys.color.primary (Primary colors)
+///
+/// Main color used across screens and components
+$primary: md-ref-palette.$primary40;
+/// md.sys.color.primary-container (Primary colors)
+///
+/// Standout container color for key components
+$primary-container: md-ref-palette.$primary90;
+/// md.sys.color.primary-fixed (Add-ons / Add-on primary colors)
+///
+/// Primary color that doesn't change for light or dark theme.
+$primary-fixed: md-ref-palette.$primary90;
+/// md.sys.color.primary-fixed-dim (Add-ons / Add-on primary colors)
+///
+/// Dimmer version of primary fixed color that doesn't change for light or dark theme.
+$primary-fixed-dim: md-ref-palette.$primary80;
+/// md.sys.color.scrim (Add-ons / Add-on surface colors)
+///
+/// Used for scrims which help separate floating components from the background.
+$scrim: md-ref-palette.$neutral0;
+/// md.sys.color.secondary (Secondary colors)
+///
+/// Accent color used across screens and components
+$secondary: md-ref-palette.$secondary40;
+/// md.sys.color.secondary-container (Secondary colors)
+///
+/// Less prominent container color, for components like tonal buttons
+$secondary-container: md-ref-palette.$secondary90;
+/// md.sys.color.secondary-fixed (Add-ons / Add-on secondary colors)
+///
+/// Secondary color that doesn't change for light or dark theme.
+$secondary-fixed: md-ref-palette.$secondary90;
+/// md.sys.color.secondary-fixed-dim (Add-ons / Add-on secondary colors)
+///
+/// Dimmer version of secondary fixed color that doesn't change for light or dark theme.
+$secondary-fixed-dim: md-ref-palette.$secondary80;
+/// md.sys.color.shadow (Add-ons / Add-on surface colors)
+///
+/// For shadows applied to elevated components
+$shadow: md-ref-palette.$neutral0;
+/// md.sys.color.surface (Surface colors)
+///
+/// Surface color for components like cards, sheets, and menus
+$surface: md-ref-palette.$neutral98;
+/// md.sys.color.surface-bright (Add-ons / Add-on surface colors)
+///
+/// Surface that is brighter in both light and dark theme.
+$surface-bright: md-ref-palette.$neutral98;
+/// md.sys.color.surface-container (Surface colors)
+$surface-container: md-ref-palette.$neutral94;
+/// md.sys.color.surface-container-high (Surface colors)
+$surface-container-high: md-ref-palette.$neutral92;
+/// md.sys.color.surface-container-highest (Surface colors)
+$surface-container-highest: md-ref-palette.$neutral90;
+/// md.sys.color.surface-container-low (Surface colors)
+$surface-container-low: md-ref-palette.$neutral96;
+/// md.sys.color.surface-container-lowest (Surface colors)
+$surface-container-lowest: md-ref-palette.$neutral100;
+/// md.sys.color.surface-dim (Add-ons / Add-on surface colors)
+///
+/// Surface that is dimmer in both light and dark theme.
+$surface-dim: md-ref-palette.$neutral87;
+/// md.sys.color.surface-variant (Surface colors)
+///
+/// Alternate surface color, can be used for active states
+$surface-variant: md-ref-palette.$neutral-variant90;
+/// md.sys.color.tertiary (Tertiary colors)
+///
+/// Contrasting accent color used across screens and components
+$tertiary: md-ref-palette.$tertiary40;
+/// md.sys.color.tertiary-container (Tertiary colors)
+///
+/// Contrasting container color, for components like input fields
+$tertiary-container: md-ref-palette.$tertiary90;
+/// md.sys.color.tertiary-fixed (Add-ons / Add-on tertiary colors)
+///
+/// Tertiary color that doesn't change for light or dark theme.
+$tertiary-fixed: md-ref-palette.$tertiary90;
+/// md.sys.color.tertiary-fixed-dim (Add-ons / Add-on tertiary colors)
+///
+/// Dimmer version of tertiary fixed color that doesn't change for light or dark theme.
+$tertiary-fixed-dim: md-ref-palette.$tertiary80;
+/// md.sys.color.surface-tint (Surface colors)
+///
+/// @deprecated This token should no longer be used and its function/usage has been replaced by the tonal surface colors
+$surface-tint: $primary;
+/// md.sys.color.surface-tint-color (Surface colors)
+///
+/// @deprecated Please replace with md.sys.color.surface-tint. Token deprecated to align naming convention with other color roles by remove `color` from the role name
+$surface-tint-color: $primary;
diff --git a/tokens/versions/v30_0/sass/_md-sys-color__dark.scss b/tokens/versions/v30_0/sass/_md-sys-color__dark.scss
new file mode 100644
index 0000000000..58a2aeea53
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-sys-color__dark.scss
@@ -0,0 +1,209 @@
+//
+// 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-ref-palette';
+
+/// md.sys.color.background (Add-ons / Add-on surface colors)
+///
+/// Note: Background is a legacy color role. It is recommended to use Surface instead of Background.
+$background: md-ref-palette.$neutral6;
+/// md.sys.color.error (Error colors)
+///
+/// Indicates errors, such as invalid input in a date picker
+$error: md-ref-palette.$error80;
+/// md.sys.color.error-container (Error colors)
+///
+/// Container color for error messages and badges
+$error-container: md-ref-palette.$error30;
+/// md.sys.color.inverse-on-surface (Surface colors)
+///
+/// Used for text and icons shown against the inverse surface color
+$inverse-on-surface: md-ref-palette.$neutral20;
+/// md.sys.color.inverse-primary (Add-ons / Add-on primary colors)
+///
+/// Displays opposite of the primary color
+$inverse-primary: md-ref-palette.$primary40;
+/// md.sys.color.inverse-surface (Surface colors)
+///
+/// Displays opposite color of the surrounding UI
+$inverse-surface: md-ref-palette.$neutral90;
+/// md.sys.color.on-background (Add-ons / Add-on surface colors)
+///
+/// Used for text and icons shown against the background color
+$on-background: md-ref-palette.$neutral90;
+/// md.sys.color.on-error (Error colors)
+///
+/// Used for text and icons on the error color
+$on-error: md-ref-palette.$error20;
+/// md.sys.color.on-error-container (Error colors)
+///
+/// Used for text and icons on the error-container color
+$on-error-container: md-ref-palette.$error90;
+/// md.sys.color.on-primary (Primary colors)
+///
+/// Text and icons shown against the primary color
+$on-primary: md-ref-palette.$primary20;
+/// md.sys.color.on-primary-container (Primary colors)
+///
+/// Contrast-passing color shown against the primary container
+$on-primary-container: md-ref-palette.$primary90;
+/// md.sys.color.on-primary-fixed (Add-ons / Add-on primary colors)
+///
+/// Used for text and icons shown against the primary fixed color
+$on-primary-fixed: md-ref-palette.$primary10;
+/// md.sys.color.on-primary-fixed-variant (Add-ons / Add-on primary colors)
+///
+/// Stronger hue variant used for text and icons shown against the primary fixed color
+$on-primary-fixed-variant: md-ref-palette.$primary30;
+/// md.sys.color.on-secondary (Secondary colors)
+///
+/// Text and icons shown against the secondary color
+$on-secondary: md-ref-palette.$secondary20;
+/// md.sys.color.on-secondary-container (Secondary colors)
+///
+/// Contrast-passing color shown against the secondary container
+$on-secondary-container: md-ref-palette.$secondary90;
+/// md.sys.color.on-secondary-fixed (Add-ons / Add-on secondary colors)
+///
+/// Used for text and icons shown against the secondary fixed color
+$on-secondary-fixed: md-ref-palette.$secondary10;
+/// md.sys.color.on-secondary-fixed-variant (Add-ons / Add-on secondary colors)
+///
+/// Stronger hue variant used for text and icons shown against the secondary fixed color
+$on-secondary-fixed-variant: md-ref-palette.$secondary30;
+/// md.sys.color.on-surface (Surface colors)
+///
+/// Text and icons shown against the surface color
+$on-surface: md-ref-palette.$neutral90;
+/// md.sys.color.on-surface-variant (Surface colors)
+///
+/// For text and icons to indicate active or inactive component state
+$on-surface-variant: md-ref-palette.$neutral-variant80;
+/// md.sys.color.on-tertiary (Tertiary colors)
+///
+/// Text and icons shown against the tertiary color
+$on-tertiary: md-ref-palette.$tertiary20;
+/// md.sys.color.on-tertiary-container (Tertiary colors)
+///
+/// Contrast-passing color shown against the tertiary container
+$on-tertiary-container: md-ref-palette.$tertiary90;
+/// md.sys.color.on-tertiary-fixed (Add-ons / Add-on tertiary colors)
+///
+/// Used for text and icons shown against the tertiary fixed color
+$on-tertiary-fixed: md-ref-palette.$tertiary10;
+/// md.sys.color.on-tertiary-fixed-variant (Add-ons / Add-on tertiary colors)
+///
+/// Stronger hue variant used for text and icons shown against the tertiary fixed color
+$on-tertiary-fixed-variant: md-ref-palette.$tertiary30;
+/// md.sys.color.outline (Outline colors)
+///
+/// Subtle color used for boundaries
+$outline: md-ref-palette.$neutral-variant60;
+/// md.sys.color.outline-variant (Outline colors)
+///
+/// Outline-variant is used to define the border of a component where 3:1 contrast ratio isn’t required, a container, or a divider.
+$outline-variant: md-ref-palette.$neutral-variant30;
+/// md.sys.color.primary (Primary colors)
+///
+/// Main color used across screens and components
+$primary: md-ref-palette.$primary80;
+/// md.sys.color.primary-container (Primary colors)
+///
+/// Standout container color for key components
+$primary-container: md-ref-palette.$primary30;
+/// md.sys.color.primary-fixed (Add-ons / Add-on primary colors)
+///
+/// Primary color that doesn't change for light or dark theme.
+$primary-fixed: md-ref-palette.$primary90;
+/// md.sys.color.primary-fixed-dim (Add-ons / Add-on primary colors)
+///
+/// Dimmer version of primary fixed color that doesn't change for light or dark theme.
+$primary-fixed-dim: md-ref-palette.$primary80;
+/// md.sys.color.scrim (Add-ons / Add-on surface colors)
+///
+/// Used for scrims which help separate floating components from the background.
+$scrim: md-ref-palette.$neutral0;
+/// md.sys.color.secondary (Secondary colors)
+///
+/// Accent color used across screens and components
+$secondary: md-ref-palette.$secondary80;
+/// md.sys.color.secondary-container (Secondary colors)
+///
+/// Less prominent container color, for components like tonal buttons
+$secondary-container: md-ref-palette.$secondary30;
+/// md.sys.color.secondary-fixed (Add-ons / Add-on secondary colors)
+///
+/// Secondary color that doesn't change for light or dark theme.
+$secondary-fixed: md-ref-palette.$secondary90;
+/// md.sys.color.secondary-fixed-dim (Add-ons / Add-on secondary colors)
+///
+/// Dimmer version of secondary fixed color that doesn't change for light or dark theme.
+$secondary-fixed-dim: md-ref-palette.$secondary80;
+/// md.sys.color.shadow (Add-ons / Add-on surface colors)
+///
+/// For shadows applied to elevated components
+$shadow: md-ref-palette.$neutral0;
+/// md.sys.color.surface (Surface colors)
+///
+/// Surface color for components like cards, sheets, and menus
+$surface: md-ref-palette.$neutral6;
+/// md.sys.color.surface-bright (Add-ons / Add-on surface colors)
+///
+/// Surface that is brighter in both light and dark theme.
+$surface-bright: md-ref-palette.$neutral24;
+/// md.sys.color.surface-container (Surface colors)
+$surface-container: md-ref-palette.$neutral12;
+/// md.sys.color.surface-container-high (Surface colors)
+$surface-container-high: md-ref-palette.$neutral17;
+/// md.sys.color.surface-container-highest (Surface colors)
+$surface-container-highest: md-ref-palette.$neutral22;
+/// md.sys.color.surface-container-low (Surface colors)
+$surface-container-low: md-ref-palette.$neutral10;
+/// md.sys.color.surface-container-lowest (Surface colors)
+$surface-container-lowest: md-ref-palette.$neutral4;
+/// md.sys.color.surface-dim (Add-ons / Add-on surface colors)
+///
+/// Surface that is dimmer in both light and dark theme.
+$surface-dim: md-ref-palette.$neutral6;
+/// md.sys.color.surface-variant (Surface colors)
+///
+/// Alternate surface color, can be used for active states
+$surface-variant: md-ref-palette.$neutral-variant30;
+/// md.sys.color.tertiary (Tertiary colors)
+///
+/// Contrasting accent color used across screens and components
+$tertiary: md-ref-palette.$tertiary80;
+/// md.sys.color.tertiary-container (Tertiary colors)
+///
+/// Contrasting container color, for components like input fields
+$tertiary-container: md-ref-palette.$tertiary30;
+/// md.sys.color.tertiary-fixed (Add-ons / Add-on tertiary colors)
+///
+/// Tertiary color that doesn't change for light or dark theme.
+$tertiary-fixed: md-ref-palette.$tertiary90;
+/// md.sys.color.tertiary-fixed-dim (Add-ons / Add-on tertiary colors)
+///
+/// Dimmer version of tertiary fixed color that doesn't change for light or dark theme.
+$tertiary-fixed-dim: md-ref-palette.$tertiary80;
+/// md.sys.color.surface-tint (Surface colors)
+///
+/// @deprecated This token should no longer be used and its function/usage has been replaced by the tonal surface colors
+$surface-tint: $primary;
+/// md.sys.color.surface-tint-color (Surface colors)
+///
+/// @deprecated Please replace with md.sys.color.surface-tint. Token deprecated to align naming convention with other color roles by remove `color` from the role name
+$surface-tint-color: $primary;
diff --git a/tokens/versions/v30_0/sass/_md-sys-color__dark__high-contrast.scss b/tokens/versions/v30_0/sass/_md-sys-color__dark__high-contrast.scss
new file mode 100644
index 0000000000..11da0e3588
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-sys-color__dark__high-contrast.scss
@@ -0,0 +1,209 @@
+//
+// 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-ref-palette';
+
+/// md.sys.color.background (Add-ons / Add-on surface colors)
+///
+/// Note: Background is a legacy color role. It is recommended to use Surface instead of Background.
+$background: md-ref-palette.$neutral6;
+/// md.sys.color.error (Error colors)
+///
+/// Indicates errors, such as invalid input in a date picker
+$error: md-ref-palette.$error95;
+/// md.sys.color.error-container (Error colors)
+///
+/// Container color for error messages and badges
+$error-container: md-ref-palette.$error80;
+/// md.sys.color.inverse-on-surface (Surface colors)
+///
+/// Used for text and icons shown against the inverse surface color
+$inverse-on-surface: md-ref-palette.$neutral0;
+/// md.sys.color.inverse-primary (Add-ons / Add-on primary colors)
+///
+/// Displays opposite of the primary color
+$inverse-primary: md-ref-palette.$primary20;
+/// md.sys.color.inverse-surface (Surface colors)
+///
+/// Displays opposite color of the surrounding UI
+$inverse-surface: md-ref-palette.$neutral90;
+/// md.sys.color.on-background (Add-ons / Add-on surface colors)
+///
+/// Used for text and icons shown against the background color
+$on-background: md-ref-palette.$neutral100;
+/// md.sys.color.on-error (Error colors)
+///
+/// Used for text and icons on the error color
+$on-error: md-ref-palette.$error0;
+/// md.sys.color.on-error-container (Error colors)
+///
+/// Used for text and icons on the error-container color
+$on-error-container: md-ref-palette.$error0;
+/// md.sys.color.on-primary (Primary colors)
+///
+/// Text and icons shown against the primary color
+$on-primary: md-ref-palette.$primary0;
+/// md.sys.color.on-primary-container (Primary colors)
+///
+/// Contrast-passing color shown against the primary container
+$on-primary-container: md-ref-palette.$primary0;
+/// md.sys.color.on-primary-fixed (Add-ons / Add-on primary colors)
+///
+/// Used for text and icons shown against the primary fixed color
+$on-primary-fixed: md-ref-palette.$primary0;
+/// md.sys.color.on-primary-fixed-variant (Add-ons / Add-on primary colors)
+///
+/// Stronger hue variant used for text and icons shown against the primary fixed color
+$on-primary-fixed-variant: md-ref-palette.$primary0;
+/// md.sys.color.on-secondary (Secondary colors)
+///
+/// Text and icons shown against the secondary color
+$on-secondary: md-ref-palette.$secondary0;
+/// md.sys.color.on-secondary-container (Secondary colors)
+///
+/// Contrast-passing color shown against the secondary container
+$on-secondary-container: md-ref-palette.$secondary0;
+/// md.sys.color.on-secondary-fixed (Add-ons / Add-on secondary colors)
+///
+/// Used for text and icons shown against the secondary fixed color
+$on-secondary-fixed: md-ref-palette.$secondary0;
+/// md.sys.color.on-secondary-fixed-variant (Add-ons / Add-on secondary colors)
+///
+/// Stronger hue variant used for text and icons shown against the secondary fixed color
+$on-secondary-fixed-variant: md-ref-palette.$secondary0;
+/// md.sys.color.on-surface (Surface colors)
+///
+/// Text and icons shown against the surface color
+$on-surface: md-ref-palette.$neutral100;
+/// md.sys.color.on-surface-variant (Surface colors)
+///
+/// For text and icons to indicate active or inactive component state
+$on-surface-variant: md-ref-palette.$neutral-variant100;
+/// md.sys.color.on-tertiary (Tertiary colors)
+///
+/// Text and icons shown against the tertiary color
+$on-tertiary: md-ref-palette.$tertiary0;
+/// md.sys.color.on-tertiary-container (Tertiary colors)
+///
+/// Contrast-passing color shown against the tertiary container
+$on-tertiary-container: md-ref-palette.$tertiary0;
+/// md.sys.color.on-tertiary-fixed (Add-ons / Add-on tertiary colors)
+///
+/// Used for text and icons shown against the tertiary fixed color
+$on-tertiary-fixed: md-ref-palette.$tertiary0;
+/// md.sys.color.on-tertiary-fixed-variant (Add-ons / Add-on tertiary colors)
+///
+/// Stronger hue variant used for text and icons shown against the tertiary fixed color
+$on-tertiary-fixed-variant: md-ref-palette.$tertiary0;
+/// md.sys.color.outline (Outline colors)
+///
+/// Subtle color used for boundaries
+$outline: md-ref-palette.$neutral-variant95;
+/// md.sys.color.outline-variant (Outline colors)
+///
+/// Outline-variant is used to define the border of a component where 3:1 contrast ratio isn’t required, a container, or a divider.
+$outline-variant: md-ref-palette.$neutral-variant80;
+/// md.sys.color.primary (Primary colors)
+///
+/// Main color used across screens and components
+$primary: md-ref-palette.$primary95;
+/// md.sys.color.primary-container (Primary colors)
+///
+/// Standout container color for key components
+$primary-container: md-ref-palette.$primary80;
+/// md.sys.color.primary-fixed (Add-ons / Add-on primary colors)
+///
+/// Primary color that doesn't change for light or dark theme.
+$primary-fixed: md-ref-palette.$primary90;
+/// md.sys.color.primary-fixed-dim (Add-ons / Add-on primary colors)
+///
+/// Dimmer version of primary fixed color that doesn't change for light or dark theme.
+$primary-fixed-dim: md-ref-palette.$primary80;
+/// md.sys.color.scrim (Add-ons / Add-on surface colors)
+///
+/// Used for scrims which help separate floating components from the background.
+$scrim: md-ref-palette.$neutral0;
+/// md.sys.color.secondary (Secondary colors)
+///
+/// Accent color used across screens and components
+$secondary: md-ref-palette.$secondary95;
+/// md.sys.color.secondary-container (Secondary colors)
+///
+/// Less prominent container color, for components like tonal buttons
+$secondary-container: md-ref-palette.$secondary80;
+/// md.sys.color.secondary-fixed (Add-ons / Add-on secondary colors)
+///
+/// Secondary color that doesn't change for light or dark theme.
+$secondary-fixed: md-ref-palette.$secondary90;
+/// md.sys.color.secondary-fixed-dim (Add-ons / Add-on secondary colors)
+///
+/// Dimmer version of secondary fixed color that doesn't change for light or dark theme.
+$secondary-fixed-dim: md-ref-palette.$secondary80;
+/// md.sys.color.shadow (Add-ons / Add-on surface colors)
+///
+/// For shadows applied to elevated components
+$shadow: md-ref-palette.$neutral0;
+/// md.sys.color.surface (Surface colors)
+///
+/// Surface color for components like cards, sheets, and menus
+$surface: md-ref-palette.$neutral6;
+/// md.sys.color.surface-bright (Add-ons / Add-on surface colors)
+///
+/// Surface that is brighter in both light and dark theme.
+$surface-bright: md-ref-palette.$neutral24;
+/// md.sys.color.surface-container (Surface colors)
+$surface-container: md-ref-palette.$neutral12;
+/// md.sys.color.surface-container-high (Surface colors)
+$surface-container-high: md-ref-palette.$neutral17;
+/// md.sys.color.surface-container-highest (Surface colors)
+$surface-container-highest: md-ref-palette.$neutral22;
+/// md.sys.color.surface-container-low (Surface colors)
+$surface-container-low: md-ref-palette.$neutral10;
+/// md.sys.color.surface-container-lowest (Surface colors)
+$surface-container-lowest: md-ref-palette.$neutral4;
+/// md.sys.color.surface-dim (Add-ons / Add-on surface colors)
+///
+/// Surface that is dimmer in both light and dark theme.
+$surface-dim: md-ref-palette.$neutral6;
+/// md.sys.color.surface-variant (Surface colors)
+///
+/// Alternate surface color, can be used for active states
+$surface-variant: md-ref-palette.$neutral-variant30;
+/// md.sys.color.tertiary (Tertiary colors)
+///
+/// Contrasting accent color used across screens and components
+$tertiary: md-ref-palette.$tertiary95;
+/// md.sys.color.tertiary-container (Tertiary colors)
+///
+/// Contrasting container color, for components like input fields
+$tertiary-container: md-ref-palette.$tertiary80;
+/// md.sys.color.tertiary-fixed (Add-ons / Add-on tertiary colors)
+///
+/// Tertiary color that doesn't change for light or dark theme.
+$tertiary-fixed: md-ref-palette.$tertiary90;
+/// md.sys.color.tertiary-fixed-dim (Add-ons / Add-on tertiary colors)
+///
+/// Dimmer version of tertiary fixed color that doesn't change for light or dark theme.
+$tertiary-fixed-dim: md-ref-palette.$tertiary80;
+/// md.sys.color.surface-tint (Surface colors)
+///
+/// @deprecated This token should no longer be used and its function/usage has been replaced by the tonal surface colors
+$surface-tint: $primary;
+/// md.sys.color.surface-tint-color (Surface colors)
+///
+/// @deprecated Please replace with md.sys.color.surface-tint. Token deprecated to align naming convention with other color roles by remove `color` from the role name
+$surface-tint-color: $primary;
diff --git a/tokens/versions/v30_0/sass/_md-sys-color__dark__medium-contrast.scss b/tokens/versions/v30_0/sass/_md-sys-color__dark__medium-contrast.scss
new file mode 100644
index 0000000000..b3b74d44e1
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-sys-color__dark__medium-contrast.scss
@@ -0,0 +1,209 @@
+//
+// 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-ref-palette';
+
+/// md.sys.color.background (Add-ons / Add-on surface colors)
+///
+/// Note: Background is a legacy color role. It is recommended to use Surface instead of Background.
+$background: md-ref-palette.$neutral6;
+/// md.sys.color.error (Error colors)
+///
+/// Indicates errors, such as invalid input in a date picker
+$error: md-ref-palette.$error90;
+/// md.sys.color.error-container (Error colors)
+///
+/// Container color for error messages and badges
+$error-container: md-ref-palette.$error60;
+/// md.sys.color.inverse-on-surface (Surface colors)
+///
+/// Used for text and icons shown against the inverse surface color
+$inverse-on-surface: md-ref-palette.$neutral10;
+/// md.sys.color.inverse-primary (Add-ons / Add-on primary colors)
+///
+/// Displays opposite of the primary color
+$inverse-primary: md-ref-palette.$primary30;
+/// md.sys.color.inverse-surface (Surface colors)
+///
+/// Displays opposite color of the surrounding UI
+$inverse-surface: md-ref-palette.$neutral90;
+/// md.sys.color.on-background (Add-ons / Add-on surface colors)
+///
+/// Used for text and icons shown against the background color
+$on-background: md-ref-palette.$neutral100;
+/// md.sys.color.on-error (Error colors)
+///
+/// Used for text and icons on the error color
+$on-error: md-ref-palette.$error10;
+/// md.sys.color.on-error-container (Error colors)
+///
+/// Used for text and icons on the error-container color
+$on-error-container: md-ref-palette.$error0;
+/// md.sys.color.on-primary (Primary colors)
+///
+/// Text and icons shown against the primary color
+$on-primary: md-ref-palette.$primary10;
+/// md.sys.color.on-primary-container (Primary colors)
+///
+/// Contrast-passing color shown against the primary container
+$on-primary-container: md-ref-palette.$primary0;
+/// md.sys.color.on-primary-fixed (Add-ons / Add-on primary colors)
+///
+/// Used for text and icons shown against the primary fixed color
+$on-primary-fixed: md-ref-palette.$primary0;
+/// md.sys.color.on-primary-fixed-variant (Add-ons / Add-on primary colors)
+///
+/// Stronger hue variant used for text and icons shown against the primary fixed color
+$on-primary-fixed-variant: md-ref-palette.$primary20;
+/// md.sys.color.on-secondary (Secondary colors)
+///
+/// Text and icons shown against the secondary color
+$on-secondary: md-ref-palette.$secondary10;
+/// md.sys.color.on-secondary-container (Secondary colors)
+///
+/// Contrast-passing color shown against the secondary container
+$on-secondary-container: md-ref-palette.$secondary0;
+/// md.sys.color.on-secondary-fixed (Add-ons / Add-on secondary colors)
+///
+/// Used for text and icons shown against the secondary fixed color
+$on-secondary-fixed: md-ref-palette.$secondary0;
+/// md.sys.color.on-secondary-fixed-variant (Add-ons / Add-on secondary colors)
+///
+/// Stronger hue variant used for text and icons shown against the secondary fixed color
+$on-secondary-fixed-variant: md-ref-palette.$secondary20;
+/// md.sys.color.on-surface (Surface colors)
+///
+/// Text and icons shown against the surface color
+$on-surface: md-ref-palette.$neutral100;
+/// md.sys.color.on-surface-variant (Surface colors)
+///
+/// For text and icons to indicate active or inactive component state
+$on-surface-variant: md-ref-palette.$neutral-variant90;
+/// md.sys.color.on-tertiary (Tertiary colors)
+///
+/// Text and icons shown against the tertiary color
+$on-tertiary: md-ref-palette.$tertiary10;
+/// md.sys.color.on-tertiary-container (Tertiary colors)
+///
+/// Contrast-passing color shown against the tertiary container
+$on-tertiary-container: md-ref-palette.$tertiary0;
+/// md.sys.color.on-tertiary-fixed (Add-ons / Add-on tertiary colors)
+///
+/// Used for text and icons shown against the tertiary fixed color
+$on-tertiary-fixed: md-ref-palette.$tertiary0;
+/// md.sys.color.on-tertiary-fixed-variant (Add-ons / Add-on tertiary colors)
+///
+/// Stronger hue variant used for text and icons shown against the tertiary fixed color
+$on-tertiary-fixed-variant: md-ref-palette.$tertiary20;
+/// md.sys.color.outline (Outline colors)
+///
+/// Subtle color used for boundaries
+$outline: md-ref-palette.$neutral-variant70;
+/// md.sys.color.outline-variant (Outline colors)
+///
+/// Outline-variant is used to define the border of a component where 3:1 contrast ratio isn’t required, a container, or a divider.
+$outline-variant: md-ref-palette.$neutral-variant60;
+/// md.sys.color.primary (Primary colors)
+///
+/// Main color used across screens and components
+$primary: md-ref-palette.$primary90;
+/// md.sys.color.primary-container (Primary colors)
+///
+/// Standout container color for key components
+$primary-container: md-ref-palette.$primary60;
+/// md.sys.color.primary-fixed (Add-ons / Add-on primary colors)
+///
+/// Primary color that doesn't change for light or dark theme.
+$primary-fixed: md-ref-palette.$primary90;
+/// md.sys.color.primary-fixed-dim (Add-ons / Add-on primary colors)
+///
+/// Dimmer version of primary fixed color that doesn't change for light or dark theme.
+$primary-fixed-dim: md-ref-palette.$primary80;
+/// md.sys.color.scrim (Add-ons / Add-on surface colors)
+///
+/// Used for scrims which help separate floating components from the background.
+$scrim: md-ref-palette.$neutral0;
+/// md.sys.color.secondary (Secondary colors)
+///
+/// Accent color used across screens and components
+$secondary: md-ref-palette.$secondary90;
+/// md.sys.color.secondary-container (Secondary colors)
+///
+/// Less prominent container color, for components like tonal buttons
+$secondary-container: md-ref-palette.$secondary60;
+/// md.sys.color.secondary-fixed (Add-ons / Add-on secondary colors)
+///
+/// Secondary color that doesn't change for light or dark theme.
+$secondary-fixed: md-ref-palette.$secondary90;
+/// md.sys.color.secondary-fixed-dim (Add-ons / Add-on secondary colors)
+///
+/// Dimmer version of secondary fixed color that doesn't change for light or dark theme.
+$secondary-fixed-dim: md-ref-palette.$secondary80;
+/// md.sys.color.shadow (Add-ons / Add-on surface colors)
+///
+/// For shadows applied to elevated components
+$shadow: md-ref-palette.$neutral0;
+/// md.sys.color.surface (Surface colors)
+///
+/// Surface color for components like cards, sheets, and menus
+$surface: md-ref-palette.$neutral6;
+/// md.sys.color.surface-bright (Add-ons / Add-on surface colors)
+///
+/// Surface that is brighter in both light and dark theme.
+$surface-bright: md-ref-palette.$neutral24;
+/// md.sys.color.surface-container (Surface colors)
+$surface-container: md-ref-palette.$neutral12;
+/// md.sys.color.surface-container-high (Surface colors)
+$surface-container-high: md-ref-palette.$neutral17;
+/// md.sys.color.surface-container-highest (Surface colors)
+$surface-container-highest: md-ref-palette.$neutral22;
+/// md.sys.color.surface-container-low (Surface colors)
+$surface-container-low: md-ref-palette.$neutral10;
+/// md.sys.color.surface-container-lowest (Surface colors)
+$surface-container-lowest: md-ref-palette.$neutral4;
+/// md.sys.color.surface-dim (Add-ons / Add-on surface colors)
+///
+/// Surface that is dimmer in both light and dark theme.
+$surface-dim: md-ref-palette.$neutral6;
+/// md.sys.color.surface-variant (Surface colors)
+///
+/// Alternate surface color, can be used for active states
+$surface-variant: md-ref-palette.$neutral-variant30;
+/// md.sys.color.tertiary (Tertiary colors)
+///
+/// Contrasting accent color used across screens and components
+$tertiary: md-ref-palette.$tertiary90;
+/// md.sys.color.tertiary-container (Tertiary colors)
+///
+/// Contrasting container color, for components like input fields
+$tertiary-container: md-ref-palette.$tertiary60;
+/// md.sys.color.tertiary-fixed (Add-ons / Add-on tertiary colors)
+///
+/// Tertiary color that doesn't change for light or dark theme.
+$tertiary-fixed: md-ref-palette.$tertiary90;
+/// md.sys.color.tertiary-fixed-dim (Add-ons / Add-on tertiary colors)
+///
+/// Dimmer version of tertiary fixed color that doesn't change for light or dark theme.
+$tertiary-fixed-dim: md-ref-palette.$tertiary80;
+/// md.sys.color.surface-tint (Surface colors)
+///
+/// @deprecated This token should no longer be used and its function/usage has been replaced by the tonal surface colors
+$surface-tint: $primary;
+/// md.sys.color.surface-tint-color (Surface colors)
+///
+/// @deprecated Please replace with md.sys.color.surface-tint. Token deprecated to align naming convention with other color roles by remove `color` from the role name
+$surface-tint-color: $primary;
diff --git a/tokens/versions/v30_0/sass/_md-sys-color__high-contrast.scss b/tokens/versions/v30_0/sass/_md-sys-color__high-contrast.scss
new file mode 100644
index 0000000000..a2340c990b
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-sys-color__high-contrast.scss
@@ -0,0 +1,209 @@
+//
+// 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-ref-palette';
+
+/// md.sys.color.background (Add-ons / Add-on surface colors)
+///
+/// Note: Background is a legacy color role. It is recommended to use Surface instead of Background.
+$background: md-ref-palette.$neutral98;
+/// md.sys.color.error (Error colors)
+///
+/// Indicates errors, such as invalid input in a date picker
+$error: md-ref-palette.$error20;
+/// md.sys.color.error-container (Error colors)
+///
+/// Container color for error messages and badges
+$error-container: md-ref-palette.$error30;
+/// md.sys.color.inverse-on-surface (Surface colors)
+///
+/// Used for text and icons shown against the inverse surface color
+$inverse-on-surface: md-ref-palette.$neutral100;
+/// md.sys.color.inverse-primary (Add-ons / Add-on primary colors)
+///
+/// Displays opposite of the primary color
+$inverse-primary: md-ref-palette.$primary80;
+/// md.sys.color.inverse-surface (Surface colors)
+///
+/// Displays opposite color of the surrounding UI
+$inverse-surface: md-ref-palette.$neutral20;
+/// md.sys.color.on-background (Add-ons / Add-on surface colors)
+///
+/// Used for text and icons shown against the background color
+$on-background: md-ref-palette.$neutral0;
+/// md.sys.color.on-error (Error colors)
+///
+/// Used for text and icons on the error color
+$on-error: md-ref-palette.$error100;
+/// md.sys.color.on-error-container (Error colors)
+///
+/// Used for text and icons on the error-container color
+$on-error-container: md-ref-palette.$error100;
+/// md.sys.color.on-primary (Primary colors)
+///
+/// Text and icons shown against the primary color
+$on-primary: md-ref-palette.$primary100;
+/// md.sys.color.on-primary-container (Primary colors)
+///
+/// Contrast-passing color shown against the primary container
+$on-primary-container: md-ref-palette.$primary100;
+/// md.sys.color.on-primary-fixed (Add-ons / Add-on primary colors)
+///
+/// Used for text and icons shown against the primary fixed color
+$on-primary-fixed: md-ref-palette.$primary100;
+/// md.sys.color.on-primary-fixed-variant (Add-ons / Add-on primary colors)
+///
+/// Stronger hue variant used for text and icons shown against the primary fixed color
+$on-primary-fixed-variant: md-ref-palette.$primary100;
+/// md.sys.color.on-secondary (Secondary colors)
+///
+/// Text and icons shown against the secondary color
+$on-secondary: md-ref-palette.$secondary100;
+/// md.sys.color.on-secondary-container (Secondary colors)
+///
+/// Contrast-passing color shown against the secondary container
+$on-secondary-container: md-ref-palette.$secondary100;
+/// md.sys.color.on-secondary-fixed (Add-ons / Add-on secondary colors)
+///
+/// Used for text and icons shown against the secondary fixed color
+$on-secondary-fixed: md-ref-palette.$secondary100;
+/// md.sys.color.on-secondary-fixed-variant (Add-ons / Add-on secondary colors)
+///
+/// Stronger hue variant used for text and icons shown against the secondary fixed color
+$on-secondary-fixed-variant: md-ref-palette.$secondary100;
+/// md.sys.color.on-surface (Surface colors)
+///
+/// Text and icons shown against the surface color
+$on-surface: md-ref-palette.$neutral0;
+/// md.sys.color.on-surface-variant (Surface colors)
+///
+/// For text and icons to indicate active or inactive component state
+$on-surface-variant: md-ref-palette.$neutral-variant0;
+/// md.sys.color.on-tertiary (Tertiary colors)
+///
+/// Text and icons shown against the tertiary color
+$on-tertiary: md-ref-palette.$tertiary100;
+/// md.sys.color.on-tertiary-container (Tertiary colors)
+///
+/// Contrast-passing color shown against the tertiary container
+$on-tertiary-container: md-ref-palette.$tertiary100;
+/// md.sys.color.on-tertiary-fixed (Add-ons / Add-on tertiary colors)
+///
+/// Used for text and icons shown against the tertiary fixed color
+$on-tertiary-fixed: md-ref-palette.$tertiary100;
+/// md.sys.color.on-tertiary-fixed-variant (Add-ons / Add-on tertiary colors)
+///
+/// Stronger hue variant used for text and icons shown against the tertiary fixed color
+$on-tertiary-fixed-variant: md-ref-palette.$tertiary100;
+/// md.sys.color.outline (Outline colors)
+///
+/// Subtle color used for boundaries
+$outline: md-ref-palette.$neutral-variant20;
+/// md.sys.color.outline-variant (Outline colors)
+///
+/// Outline-variant is used to define the border of a component where 3:1 contrast ratio isn’t required, a container, or a divider.
+$outline-variant: md-ref-palette.$neutral-variant30;
+/// md.sys.color.primary (Primary colors)
+///
+/// Main color used across screens and components
+$primary: md-ref-palette.$primary20;
+/// md.sys.color.primary-container (Primary colors)
+///
+/// Standout container color for key components
+$primary-container: md-ref-palette.$primary30;
+/// md.sys.color.primary-fixed (Add-ons / Add-on primary colors)
+///
+/// Primary color that doesn't change for light or dark theme.
+$primary-fixed: md-ref-palette.$primary30;
+/// md.sys.color.primary-fixed-dim (Add-ons / Add-on primary colors)
+///
+/// Dimmer version of primary fixed color that doesn't change for light or dark theme.
+$primary-fixed-dim: md-ref-palette.$primary20;
+/// md.sys.color.scrim (Add-ons / Add-on surface colors)
+///
+/// Used for scrims which help separate floating components from the background.
+$scrim: md-ref-palette.$neutral0;
+/// md.sys.color.secondary (Secondary colors)
+///
+/// Accent color used across screens and components
+$secondary: md-ref-palette.$secondary20;
+/// md.sys.color.secondary-container (Secondary colors)
+///
+/// Less prominent container color, for components like tonal buttons
+$secondary-container: md-ref-palette.$secondary30;
+/// md.sys.color.secondary-fixed (Add-ons / Add-on secondary colors)
+///
+/// Secondary color that doesn't change for light or dark theme.
+$secondary-fixed: md-ref-palette.$secondary30;
+/// md.sys.color.secondary-fixed-dim (Add-ons / Add-on secondary colors)
+///
+/// Dimmer version of secondary fixed color that doesn't change for light or dark theme.
+$secondary-fixed-dim: md-ref-palette.$secondary20;
+/// md.sys.color.shadow (Add-ons / Add-on surface colors)
+///
+/// For shadows applied to elevated components
+$shadow: md-ref-palette.$neutral0;
+/// md.sys.color.surface (Surface colors)
+///
+/// Surface color for components like cards, sheets, and menus
+$surface: md-ref-palette.$neutral98;
+/// md.sys.color.surface-bright (Add-ons / Add-on surface colors)
+///
+/// Surface that is brighter in both light and dark theme.
+$surface-bright: md-ref-palette.$neutral98;
+/// md.sys.color.surface-container (Surface colors)
+$surface-container: md-ref-palette.$neutral94;
+/// md.sys.color.surface-container-high (Surface colors)
+$surface-container-high: md-ref-palette.$neutral92;
+/// md.sys.color.surface-container-highest (Surface colors)
+$surface-container-highest: md-ref-palette.$neutral90;
+/// md.sys.color.surface-container-low (Surface colors)
+$surface-container-low: md-ref-palette.$neutral96;
+/// md.sys.color.surface-container-lowest (Surface colors)
+$surface-container-lowest: md-ref-palette.$neutral100;
+/// md.sys.color.surface-dim (Add-ons / Add-on surface colors)
+///
+/// Surface that is dimmer in both light and dark theme.
+$surface-dim: md-ref-palette.$neutral87;
+/// md.sys.color.surface-variant (Surface colors)
+///
+/// Alternate surface color, can be used for active states
+$surface-variant: md-ref-palette.$neutral-variant90;
+/// md.sys.color.tertiary (Tertiary colors)
+///
+/// Contrasting accent color used across screens and components
+$tertiary: md-ref-palette.$tertiary20;
+/// md.sys.color.tertiary-container (Tertiary colors)
+///
+/// Contrasting container color, for components like input fields
+$tertiary-container: md-ref-palette.$tertiary30;
+/// md.sys.color.tertiary-fixed (Add-ons / Add-on tertiary colors)
+///
+/// Tertiary color that doesn't change for light or dark theme.
+$tertiary-fixed: md-ref-palette.$tertiary30;
+/// md.sys.color.tertiary-fixed-dim (Add-ons / Add-on tertiary colors)
+///
+/// Dimmer version of tertiary fixed color that doesn't change for light or dark theme.
+$tertiary-fixed-dim: md-ref-palette.$tertiary20;
+/// md.sys.color.surface-tint (Surface colors)
+///
+/// @deprecated This token should no longer be used and its function/usage has been replaced by the tonal surface colors
+$surface-tint: $primary;
+/// md.sys.color.surface-tint-color (Surface colors)
+///
+/// @deprecated Please replace with md.sys.color.surface-tint. Token deprecated to align naming convention with other color roles by remove `color` from the role name
+$surface-tint-color: $primary;
diff --git a/tokens/versions/v30_0/sass/_md-sys-color__medium-contrast.scss b/tokens/versions/v30_0/sass/_md-sys-color__medium-contrast.scss
new file mode 100644
index 0000000000..fdfa1e974e
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-sys-color__medium-contrast.scss
@@ -0,0 +1,209 @@
+//
+// 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-ref-palette';
+
+/// md.sys.color.background (Add-ons / Add-on surface colors)
+///
+/// Note: Background is a legacy color role. It is recommended to use Surface instead of Background.
+$background: md-ref-palette.$neutral98;
+/// md.sys.color.error (Error colors)
+///
+/// Indicates errors, such as invalid input in a date picker
+$error: md-ref-palette.$error30;
+/// md.sys.color.error-container (Error colors)
+///
+/// Container color for error messages and badges
+$error-container: md-ref-palette.$error40;
+/// md.sys.color.inverse-on-surface (Surface colors)
+///
+/// Used for text and icons shown against the inverse surface color
+$inverse-on-surface: md-ref-palette.$neutral100;
+/// md.sys.color.inverse-primary (Add-ons / Add-on primary colors)
+///
+/// Displays opposite of the primary color
+$inverse-primary: md-ref-palette.$primary80;
+/// md.sys.color.inverse-surface (Surface colors)
+///
+/// Displays opposite color of the surrounding UI
+$inverse-surface: md-ref-palette.$neutral20;
+/// md.sys.color.on-background (Add-ons / Add-on surface colors)
+///
+/// Used for text and icons shown against the background color
+$on-background: md-ref-palette.$neutral0;
+/// md.sys.color.on-error (Error colors)
+///
+/// Used for text and icons on the error color
+$on-error: md-ref-palette.$error100;
+/// md.sys.color.on-error-container (Error colors)
+///
+/// Used for text and icons on the error-container color
+$on-error-container: md-ref-palette.$error100;
+/// md.sys.color.on-primary (Primary colors)
+///
+/// Text and icons shown against the primary color
+$on-primary: md-ref-palette.$primary100;
+/// md.sys.color.on-primary-container (Primary colors)
+///
+/// Contrast-passing color shown against the primary container
+$on-primary-container: md-ref-palette.$primary100;
+/// md.sys.color.on-primary-fixed (Add-ons / Add-on primary colors)
+///
+/// Used for text and icons shown against the primary fixed color
+$on-primary-fixed: md-ref-palette.$primary100;
+/// md.sys.color.on-primary-fixed-variant (Add-ons / Add-on primary colors)
+///
+/// Stronger hue variant used for text and icons shown against the primary fixed color
+$on-primary-fixed-variant: md-ref-palette.$primary100;
+/// md.sys.color.on-secondary (Secondary colors)
+///
+/// Text and icons shown against the secondary color
+$on-secondary: md-ref-palette.$secondary100;
+/// md.sys.color.on-secondary-container (Secondary colors)
+///
+/// Contrast-passing color shown against the secondary container
+$on-secondary-container: md-ref-palette.$secondary100;
+/// md.sys.color.on-secondary-fixed (Add-ons / Add-on secondary colors)
+///
+/// Used for text and icons shown against the secondary fixed color
+$on-secondary-fixed: md-ref-palette.$secondary100;
+/// md.sys.color.on-secondary-fixed-variant (Add-ons / Add-on secondary colors)
+///
+/// Stronger hue variant used for text and icons shown against the secondary fixed color
+$on-secondary-fixed-variant: md-ref-palette.$secondary100;
+/// md.sys.color.on-surface (Surface colors)
+///
+/// Text and icons shown against the surface color
+$on-surface: md-ref-palette.$neutral0;
+/// md.sys.color.on-surface-variant (Surface colors)
+///
+/// For text and icons to indicate active or inactive component state
+$on-surface-variant: md-ref-palette.$neutral-variant20;
+/// md.sys.color.on-tertiary (Tertiary colors)
+///
+/// Text and icons shown against the tertiary color
+$on-tertiary: md-ref-palette.$tertiary100;
+/// md.sys.color.on-tertiary-container (Tertiary colors)
+///
+/// Contrast-passing color shown against the tertiary container
+$on-tertiary-container: md-ref-palette.$tertiary100;
+/// md.sys.color.on-tertiary-fixed (Add-ons / Add-on tertiary colors)
+///
+/// Used for text and icons shown against the tertiary fixed color
+$on-tertiary-fixed: md-ref-palette.$tertiary100;
+/// md.sys.color.on-tertiary-fixed-variant (Add-ons / Add-on tertiary colors)
+///
+/// Stronger hue variant used for text and icons shown against the tertiary fixed color
+$on-tertiary-fixed-variant: md-ref-palette.$tertiary100;
+/// md.sys.color.outline (Outline colors)
+///
+/// Subtle color used for boundaries
+$outline: md-ref-palette.$neutral-variant30;
+/// md.sys.color.outline-variant (Outline colors)
+///
+/// Outline-variant is used to define the border of a component where 3:1 contrast ratio isn’t required, a container, or a divider.
+$outline-variant: md-ref-palette.$neutral-variant50;
+/// md.sys.color.primary (Primary colors)
+///
+/// Main color used across screens and components
+$primary: md-ref-palette.$primary30;
+/// md.sys.color.primary-container (Primary colors)
+///
+/// Standout container color for key components
+$primary-container: md-ref-palette.$primary40;
+/// md.sys.color.primary-fixed (Add-ons / Add-on primary colors)
+///
+/// Primary color that doesn't change for light or dark theme.
+$primary-fixed: md-ref-palette.$primary40;
+/// md.sys.color.primary-fixed-dim (Add-ons / Add-on primary colors)
+///
+/// Dimmer version of primary fixed color that doesn't change for light or dark theme.
+$primary-fixed-dim: md-ref-palette.$primary30;
+/// md.sys.color.scrim (Add-ons / Add-on surface colors)
+///
+/// Used for scrims which help separate floating components from the background.
+$scrim: md-ref-palette.$neutral0;
+/// md.sys.color.secondary (Secondary colors)
+///
+/// Accent color used across screens and components
+$secondary: md-ref-palette.$secondary30;
+/// md.sys.color.secondary-container (Secondary colors)
+///
+/// Less prominent container color, for components like tonal buttons
+$secondary-container: md-ref-palette.$secondary40;
+/// md.sys.color.secondary-fixed (Add-ons / Add-on secondary colors)
+///
+/// Secondary color that doesn't change for light or dark theme.
+$secondary-fixed: md-ref-palette.$secondary40;
+/// md.sys.color.secondary-fixed-dim (Add-ons / Add-on secondary colors)
+///
+/// Dimmer version of secondary fixed color that doesn't change for light or dark theme.
+$secondary-fixed-dim: md-ref-palette.$secondary30;
+/// md.sys.color.shadow (Add-ons / Add-on surface colors)
+///
+/// For shadows applied to elevated components
+$shadow: md-ref-palette.$neutral0;
+/// md.sys.color.surface (Surface colors)
+///
+/// Surface color for components like cards, sheets, and menus
+$surface: md-ref-palette.$neutral98;
+/// md.sys.color.surface-bright (Add-ons / Add-on surface colors)
+///
+/// Surface that is brighter in both light and dark theme.
+$surface-bright: md-ref-palette.$neutral98;
+/// md.sys.color.surface-container (Surface colors)
+$surface-container: md-ref-palette.$neutral94;
+/// md.sys.color.surface-container-high (Surface colors)
+$surface-container-high: md-ref-palette.$neutral92;
+/// md.sys.color.surface-container-highest (Surface colors)
+$surface-container-highest: md-ref-palette.$neutral90;
+/// md.sys.color.surface-container-low (Surface colors)
+$surface-container-low: md-ref-palette.$neutral96;
+/// md.sys.color.surface-container-lowest (Surface colors)
+$surface-container-lowest: md-ref-palette.$neutral100;
+/// md.sys.color.surface-dim (Add-ons / Add-on surface colors)
+///
+/// Surface that is dimmer in both light and dark theme.
+$surface-dim: md-ref-palette.$neutral87;
+/// md.sys.color.surface-variant (Surface colors)
+///
+/// Alternate surface color, can be used for active states
+$surface-variant: md-ref-palette.$neutral-variant90;
+/// md.sys.color.tertiary (Tertiary colors)
+///
+/// Contrasting accent color used across screens and components
+$tertiary: md-ref-palette.$tertiary30;
+/// md.sys.color.tertiary-container (Tertiary colors)
+///
+/// Contrasting container color, for components like input fields
+$tertiary-container: md-ref-palette.$tertiary40;
+/// md.sys.color.tertiary-fixed (Add-ons / Add-on tertiary colors)
+///
+/// Tertiary color that doesn't change for light or dark theme.
+$tertiary-fixed: md-ref-palette.$tertiary40;
+/// md.sys.color.tertiary-fixed-dim (Add-ons / Add-on tertiary colors)
+///
+/// Dimmer version of tertiary fixed color that doesn't change for light or dark theme.
+$tertiary-fixed-dim: md-ref-palette.$tertiary30;
+/// md.sys.color.surface-tint (Surface colors)
+///
+/// @deprecated This token should no longer be used and its function/usage has been replaced by the tonal surface colors
+$surface-tint: $primary;
+/// md.sys.color.surface-tint-color (Surface colors)
+///
+/// @deprecated Please replace with md.sys.color.surface-tint. Token deprecated to align naming convention with other color roles by remove `color` from the role name
+$surface-tint-color: $primary;
diff --git a/tokens/versions/v30_0/sass/_md-sys-elevation.scss b/tokens/versions/v30_0/sass/_md-sys-elevation.scss
new file mode 100644
index 0000000000..26db166cde
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-sys-elevation.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-color';
+
+/// md.sys.elevation.level0
+$level0: 0px;
+/// md.sys.elevation.level1
+$level1: 1px;
+/// md.sys.elevation.level2
+$level2: 3px;
+/// md.sys.elevation.level3
+$level3: 6px;
+/// md.sys.elevation.level4
+$level4: 8px;
+/// md.sys.elevation.level5
+$level5: 12px;
+/// md.sys.elevation.surface-tint-color
+///
+/// @deprecated Moved to *.color.*
+$surface-tint-color: md-sys-color.$primary;
diff --git a/tokens/versions/v30_0/sass/_md-sys-motion.scss b/tokens/versions/v30_0/sass/_md-sys-motion.scss
new file mode 100644
index 0000000000..e0b7cb5314
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-sys-motion.scss
@@ -0,0 +1,107 @@
+//
+// 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
+
+/// md.sys.motion.duration.extra-long1 (Duration)
+$duration-extra-long1: 700ms;
+/// md.sys.motion.duration.extra-long2 (Duration)
+$duration-extra-long2: 800ms;
+/// md.sys.motion.duration.extra-long3 (Duration)
+$duration-extra-long3: 900ms;
+/// md.sys.motion.duration.extra-long4 (Duration)
+$duration-extra-long4: 1000ms;
+/// md.sys.motion.duration.long1 (Duration)
+$duration-long1: 450ms;
+/// md.sys.motion.duration.long2 (Duration)
+$duration-long2: 500ms;
+/// md.sys.motion.duration.long3 (Duration)
+$duration-long3: 550ms;
+/// md.sys.motion.duration.long4 (Duration)
+$duration-long4: 600ms;
+/// md.sys.motion.duration.medium1 (Duration)
+$duration-medium1: 250ms;
+/// md.sys.motion.duration.medium2 (Duration)
+$duration-medium2: 300ms;
+/// md.sys.motion.duration.medium3 (Duration)
+$duration-medium3: 350ms;
+/// md.sys.motion.duration.medium4 (Duration)
+$duration-medium4: 400ms;
+/// md.sys.motion.duration.short1 (Duration)
+$duration-short1: 50ms;
+/// md.sys.motion.duration.short2 (Duration)
+$duration-short2: 100ms;
+/// md.sys.motion.duration.short3 (Duration)
+$duration-short3: 150ms;
+/// md.sys.motion.duration.short4 (Duration)
+$duration-short4: 200ms;
+/// md.sys.motion.easing.emphasized.accelerate (Easing)
+$easing-emphasized-accelerate: cubic-bezier(0.3, 0, 0.8, 0.15);
+/// md.sys.motion.easing.emphasized.decelerate (Easing)
+$easing-emphasized-decelerate: cubic-bezier(0.05, 0.7, 0.1, 1);
+/// md.sys.motion.easing.legacy (Easing)
+$easing-legacy: cubic-bezier(0.4, 0, 0.2, 1);
+/// md.sys.motion.easing.legacy.accelerate (Easing)
+$easing-legacy-accelerate: cubic-bezier(0.4, 0, 1, 1);
+/// md.sys.motion.easing.legacy.decelerate (Easing)
+$easing-legacy-decelerate: cubic-bezier(0, 0, 0.2, 1);
+/// md.sys.motion.easing.linear (Easing)
+$easing-linear: cubic-bezier(0, 0, 1, 1);
+/// md.sys.motion.easing.standard (Easing)
+$easing-standard: cubic-bezier(0.2, 0, 0, 1);
+/// md.sys.motion.easing.standard.accelerate (Easing)
+$easing-standard-accelerate: cubic-bezier(0.3, 0, 1, 1);
+/// md.sys.motion.easing.standard.decelerate (Easing)
+$easing-standard-decelerate: cubic-bezier(0, 0, 0, 1);
+/// md.sys.motion.path (Style)
+$path: /* Type "motion_path" is not supported. */ null;
+/// md.sys.motion.spring.default.effects
+$spring-default-effects: /* Type "custom_composite" is not supported. */ null;
+/// md.sys.motion.spring.default.effects.damping (Spring)
+$spring-default-effects-damping: 1;
+/// md.sys.motion.spring.default.effects.stiffness (Spring)
+$spring-default-effects-stiffness: 1600;
+/// md.sys.motion.spring.default.spatial
+$spring-default-spatial: /* Type "custom_composite" is not supported. */ null;
+/// md.sys.motion.spring.default.spatial.damping (Spring)
+$spring-default-spatial-damping: 0.9;
+/// md.sys.motion.spring.default.spatial.stiffness (Spring)
+$spring-default-spatial-stiffness: 700;
+/// md.sys.motion.spring.fast.effects
+$spring-fast-effects: /* Type "custom_composite" is not supported. */ null;
+/// md.sys.motion.spring.fast.effects.damping (Spring)
+$spring-fast-effects-damping: 1;
+/// md.sys.motion.spring.fast.effects.stiffness (Spring)
+$spring-fast-effects-stiffness: 3800;
+/// md.sys.motion.spring.fast.spatial
+$spring-fast-spatial: /* Type "custom_composite" is not supported. */ null;
+/// md.sys.motion.spring.fast.spatial.damping (Spring)
+$spring-fast-spatial-damping: 0.9;
+/// md.sys.motion.spring.fast.spatial.stiffness (Spring)
+$spring-fast-spatial-stiffness: 1400;
+/// md.sys.motion.spring.slow.effects
+$spring-slow-effects: /* Type "custom_composite" is not supported. */ null;
+/// md.sys.motion.spring.slow.effects.damping (Spring)
+$spring-slow-effects-damping: 1;
+/// md.sys.motion.spring.slow.effects.stiffness (Spring)
+$spring-slow-effects-stiffness: 800;
+/// md.sys.motion.spring.slow.spatial
+$spring-slow-spatial: /* Type "custom_composite" is not supported. */ null;
+/// md.sys.motion.spring.slow.spatial.damping (Spring)
+$spring-slow-spatial-damping: 0.9;
+/// md.sys.motion.spring.slow.spatial.stiffness (Spring)
+$spring-slow-spatial-stiffness: 300;
+/// md.sys.motion.easing.emphasized (Easing)
+$easing-emphasized: $easing-standard;
diff --git a/tokens/versions/v30_0/sass/_md-sys-shape.scss b/tokens/versions/v30_0/sass/_md-sys-shape.scss
new file mode 100644
index 0000000000..0fee1d5d9e
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-sys-shape.scss
@@ -0,0 +1,67 @@
+//
+// 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
+
+/// md.sys.shape.corner-value.extra-extra-large
+$corner-value-extra-extra-large: 48px;
+/// md.sys.shape.corner-value.extra-large
+$corner-value-extra-large: 28px;
+/// md.sys.shape.corner-value.extra-large-increased
+$corner-value-extra-large-increased: 32px;
+/// md.sys.shape.corner-value.extra-small
+$corner-value-extra-small: 4px;
+/// md.sys.shape.corner-value.large
+$corner-value-large: 16px;
+/// md.sys.shape.corner-value.large-increased
+$corner-value-large-increased: 20px;
+/// md.sys.shape.corner-value.medium
+$corner-value-medium: 12px;
+/// md.sys.shape.corner-value.none
+$corner-value-none: 0px;
+/// md.sys.shape.corner-value.small
+$corner-value-small: 8px;
+/// md.sys.shape.corner.extra-extra-large
+$corner-extra-extra-large: 48px;
+/// md.sys.shape.corner.extra-large
+$corner-extra-large: 28px;
+/// md.sys.shape.corner.extra-large-increased
+$corner-extra-large-increased: 32px;
+/// md.sys.shape.corner.extra-large.top
+$corner-extra-large-top: 28px 28px 0px 0px;
+/// md.sys.shape.corner.extra-small
+$corner-extra-small: 4px;
+/// md.sys.shape.corner.extra-small.top
+$corner-extra-small-top: 4px 4px 0px 0px;
+/// md.sys.shape.corner.full
+///
+/// Use for: Badge, Buttons, Icon buttons, Sliders, Switches, Search bar
+$corner-full: 9999px;
+/// md.sys.shape.corner.large
+$corner-large: 16px;
+/// md.sys.shape.corner.large-increased
+$corner-large-increased: 20px;
+/// md.sys.shape.corner.large.end
+$corner-large-end: 0px 16px 16px 0px;
+/// md.sys.shape.corner.large.start
+$corner-large-start: 16px 0px 0px 16px;
+/// md.sys.shape.corner.large.top
+$corner-large-top: 16px 16px 0px 0px;
+/// md.sys.shape.corner.medium
+$corner-medium: 12px;
+/// md.sys.shape.corner.none
+$corner-none: 0px;
+/// md.sys.shape.corner.small
+$corner-small: 8px;
diff --git a/tokens/versions/v30_0/sass/_md-sys-state-focus-indicator.scss b/tokens/versions/v30_0/sass/_md-sys-state-focus-indicator.scss
new file mode 100644
index 0000000000..600211ab44
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-sys-state-focus-indicator.scss
@@ -0,0 +1,23 @@
+//
+// 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
+
+/// md.sys.state.focus-indicator.inner-offset
+$inner-offset: -3px;
+/// md.sys.state.focus-indicator.outer-offset
+$outer-offset: 2px;
+/// md.sys.state.focus-indicator.thickness
+$thickness: 3px;
diff --git a/tokens/versions/v30_0/sass/_md-sys-state.scss b/tokens/versions/v30_0/sass/_md-sys-state.scss
new file mode 100644
index 0000000000..5287183045
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-sys-state.scss
@@ -0,0 +1,27 @@
+//
+// 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
+
+/// md.sys.state.disabled.state-layer-opacity
+$disabled-state-layer-opacity: 0.38;
+/// md.sys.state.dragged.state-layer-opacity
+$dragged-state-layer-opacity: 0.16;
+/// md.sys.state.focus.state-layer-opacity
+$focus-state-layer-opacity: 0.1;
+/// md.sys.state.hover.state-layer-opacity
+$hover-state-layer-opacity: 0.08;
+/// md.sys.state.pressed.state-layer-opacity
+$pressed-state-layer-opacity: 0.1;
diff --git a/tokens/versions/v30_0/sass/_md-sys-typescale-emphasized.scss b/tokens/versions/v30_0/sass/_md-sys-typescale-emphasized.scss
new file mode 100644
index 0000000000..fac3c4e4d8
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-sys-typescale-emphasized.scss
@@ -0,0 +1,559 @@
+//
+// 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-ref-typeface';
+
+/// md.sys.typescale.emphasized.body-large.crsv (Emphasized Body styles / Emphasized Body Large)
+$body-large-crsv: 'CRSV' 0;
+/// md.sys.typescale.emphasized.body-large.fill (Emphasized Body styles / Emphasized Body Large)
+$body-large-fill: 'FILL' 0;
+/// md.sys.typescale.emphasized.body-large.grad (Emphasized Body styles / Emphasized Body Large)
+$body-large-grad: 'GRAD' 0;
+/// md.sys.typescale.emphasized.body-large.hexp (Emphasized Body styles / Emphasized Body Large)
+$body-large-hexp: 'HEXP' 0;
+/// md.sys.typescale.emphasized.body-large.line-height (Emphasized Body styles / Emphasized Body Large)
+$body-large-line-height: 1.5rem;
+/// md.sys.typescale.emphasized.body-large.opsz (Emphasized Body styles / Emphasized Body Large)
+$body-large-opsz: 'opsz' 16;
+/// md.sys.typescale.emphasized.body-large.rond (Emphasized Body styles / Emphasized Body Large)
+$body-large-rond: 'ROND' 0;
+/// md.sys.typescale.emphasized.body-large.size (Emphasized Body styles / Emphasized Body Large)
+$body-large-size: 1rem;
+/// md.sys.typescale.emphasized.body-large.slnt (Emphasized Body styles / Emphasized Body Large)
+$body-large-slnt: 'slnt' 0;
+/// md.sys.typescale.emphasized.body-large.tracking (Emphasized Body styles / Emphasized Body Large)
+$body-large-tracking: 0.03125rem;
+/// md.sys.typescale.emphasized.body-large.wdth (Emphasized Body styles / Emphasized Body Large)
+$body-large-wdth: 'wdth' 100;
+/// md.sys.typescale.emphasized.body-large.wght (Emphasized Body styles / Emphasized Body Large)
+$body-large-wght: 'wght' 500;
+/// md.sys.typescale.emphasized.body-medium.crsv (Emphasized Body styles / Emphasized Body Medium)
+$body-medium-crsv: 'CRSV' 0;
+/// md.sys.typescale.emphasized.body-medium.fill (Emphasized Body styles / Emphasized Body Medium)
+$body-medium-fill: 'FILL' 0;
+/// md.sys.typescale.emphasized.body-medium.grad (Emphasized Body styles / Emphasized Body Medium)
+$body-medium-grad: 'GRAD' 0;
+/// md.sys.typescale.emphasized.body-medium.hexp (Emphasized Body styles / Emphasized Body Medium)
+$body-medium-hexp: 'HEXP' 0;
+/// md.sys.typescale.emphasized.body-medium.line-height (Emphasized Body styles / Emphasized Body Medium)
+$body-medium-line-height: 1.25rem;
+/// md.sys.typescale.emphasized.body-medium.opsz (Emphasized Body styles / Emphasized Body Medium)
+$body-medium-opsz: 'opsz' 14;
+/// md.sys.typescale.emphasized.body-medium.rond (Emphasized Body styles / Emphasized Body Medium)
+$body-medium-rond: 'ROND' 0;
+/// md.sys.typescale.emphasized.body-medium.size (Emphasized Body styles / Emphasized Body Medium)
+$body-medium-size: 0.875rem;
+/// md.sys.typescale.emphasized.body-medium.slnt (Emphasized Body styles / Emphasized Body Medium)
+$body-medium-slnt: 'slnt' 0;
+/// md.sys.typescale.emphasized.body-medium.tracking (Emphasized Body styles / Emphasized Body Medium)
+$body-medium-tracking: 0.015625rem;
+/// md.sys.typescale.emphasized.body-medium.wdth (Emphasized Body styles / Emphasized Body Medium)
+$body-medium-wdth: 'wdth' 100;
+/// md.sys.typescale.emphasized.body-medium.wght (Emphasized Body styles / Emphasized Body Medium)
+$body-medium-wght: 'wght' 500;
+/// md.sys.typescale.emphasized.body-small.crsv (Emphasized Body styles / Emphasized Body Small)
+$body-small-crsv: 'CRSV' 0;
+/// md.sys.typescale.emphasized.body-small.fill (Emphasized Body styles / Emphasized Body Small)
+$body-small-fill: 'FILL' 0;
+/// md.sys.typescale.emphasized.body-small.grad (Emphasized Body styles / Emphasized Body Small)
+$body-small-grad: 'GRAD' 0;
+/// md.sys.typescale.emphasized.body-small.hexp (Emphasized Body styles / Emphasized Body Small)
+$body-small-hexp: 'HEXP' 0;
+/// md.sys.typescale.emphasized.body-small.line-height (Emphasized Body styles / Emphasized Body Small)
+$body-small-line-height: 1rem;
+/// md.sys.typescale.emphasized.body-small.opsz (Emphasized Body styles / Emphasized Body Small)
+$body-small-opsz: 'opsz' 12;
+/// md.sys.typescale.emphasized.body-small.rond (Emphasized Body styles / Emphasized Body Small)
+$body-small-rond: 'ROND' 0;
+/// md.sys.typescale.emphasized.body-small.size (Emphasized Body styles / Emphasized Body Small)
+$body-small-size: 0.75rem;
+/// md.sys.typescale.emphasized.body-small.slnt (Emphasized Body styles / Emphasized Body Small)
+$body-small-slnt: 'slnt' 0;
+/// md.sys.typescale.emphasized.body-small.tracking (Emphasized Body styles / Emphasized Body Small)
+$body-small-tracking: 0.025rem;
+/// md.sys.typescale.emphasized.body-small.wdth (Emphasized Body styles / Emphasized Body Small)
+$body-small-wdth: 'wdth' 100;
+/// md.sys.typescale.emphasized.body-small.wght (Emphasized Body styles / Emphasized Body Small)
+$body-small-wght: 'wght' 500;
+/// md.sys.typescale.emphasized.display-large.crsv (Emphasized Display styles / Emphasized Display Large)
+$display-large-crsv: 'CRSV' 0;
+/// md.sys.typescale.emphasized.display-large.fill (Emphasized Display styles / Emphasized Display Large)
+$display-large-fill: 'FILL' 0;
+/// md.sys.typescale.emphasized.display-large.grad (Emphasized Display styles / Emphasized Display Large)
+$display-large-grad: 'GRAD' 0;
+/// md.sys.typescale.emphasized.display-large.hexp (Emphasized Display styles / Emphasized Display Large)
+$display-large-hexp: 'HEXP' 0;
+/// md.sys.typescale.emphasized.display-large.line-height (Emphasized Display styles / Emphasized Display Large)
+$display-large-line-height: 4rem;
+/// md.sys.typescale.emphasized.display-large.opsz (Emphasized Display styles / Emphasized Display Large)
+$display-large-opsz: 'opsz' 57;
+/// md.sys.typescale.emphasized.display-large.rond (Emphasized Display styles / Emphasized Display Large)
+$display-large-rond: 'ROND' 0;
+/// md.sys.typescale.emphasized.display-large.size (Emphasized Display styles / Emphasized Display Large)
+$display-large-size: 3.5625rem;
+/// md.sys.typescale.emphasized.display-large.slnt (Emphasized Display styles / Emphasized Display Large)
+$display-large-slnt: 'slnt' 0;
+/// md.sys.typescale.emphasized.display-large.tracking (Emphasized Display styles / Emphasized Display Large)
+$display-large-tracking: -0.015625rem;
+/// md.sys.typescale.emphasized.display-large.wdth (Emphasized Display styles / Emphasized Display Large)
+$display-large-wdth: 'wdth' 100;
+/// md.sys.typescale.emphasized.display-large.wght (Emphasized Display styles / Emphasized Display Large)
+$display-large-wght: 'wght' 500;
+/// md.sys.typescale.emphasized.display-medium.crsv (Emphasized Display styles / Emphasized Display Medium)
+$display-medium-crsv: 'CRSV' 0;
+/// md.sys.typescale.emphasized.display-medium.fill (Emphasized Display styles / Emphasized Display Medium)
+$display-medium-fill: 'FILL' 0;
+/// md.sys.typescale.emphasized.display-medium.grad (Emphasized Display styles / Emphasized Display Medium)
+$display-medium-grad: 'GRAD' 0;
+/// md.sys.typescale.emphasized.display-medium.hexp (Emphasized Display styles / Emphasized Display Medium)
+$display-medium-hexp: 'HEXP' 0;
+/// md.sys.typescale.emphasized.display-medium.line-height (Emphasized Display styles / Emphasized Display Medium)
+$display-medium-line-height: 3.25rem;
+/// md.sys.typescale.emphasized.display-medium.opsz (Emphasized Display styles / Emphasized Display Medium)
+$display-medium-opsz: 'opsz' 45;
+/// md.sys.typescale.emphasized.display-medium.rond (Emphasized Display styles / Emphasized Display Medium)
+$display-medium-rond: 'ROND' 0;
+/// md.sys.typescale.emphasized.display-medium.size (Emphasized Display styles / Emphasized Display Medium)
+$display-medium-size: 2.8125rem;
+/// md.sys.typescale.emphasized.display-medium.slnt (Emphasized Display styles / Emphasized Display Medium)
+$display-medium-slnt: 'slnt' 0;
+/// md.sys.typescale.emphasized.display-medium.tracking (Emphasized Display styles / Emphasized Display Medium)
+$display-medium-tracking: 0rem;
+/// md.sys.typescale.emphasized.display-medium.wdth (Emphasized Display styles / Emphasized Display Medium)
+$display-medium-wdth: 'wdth' 100;
+/// md.sys.typescale.emphasized.display-medium.wght (Emphasized Display styles / Emphasized Display Medium)
+$display-medium-wght: 'wght' 500;
+/// md.sys.typescale.emphasized.display-small.crsv (Emphasized Display styles / Emphasized Display Small)
+$display-small-crsv: 'CRSV' 0;
+/// md.sys.typescale.emphasized.display-small.fill (Emphasized Display styles / Emphasized Display Small)
+$display-small-fill: 'FILL' 0;
+/// md.sys.typescale.emphasized.display-small.grad (Emphasized Display styles / Emphasized Display Small)
+$display-small-grad: 'GRAD' 0;
+/// md.sys.typescale.emphasized.display-small.hexp (Emphasized Display styles / Emphasized Display Small)
+$display-small-hexp: 'HEXP' 0;
+/// md.sys.typescale.emphasized.display-small.line-height (Emphasized Display styles / Emphasized Display Small)
+$display-small-line-height: 2.75rem;
+/// md.sys.typescale.emphasized.display-small.opsz (Emphasized Display styles / Emphasized Display Small)
+$display-small-opsz: 'opsz' 36;
+/// md.sys.typescale.emphasized.display-small.rond (Emphasized Display styles / Emphasized Display Small)
+$display-small-rond: 'ROND' 0;
+/// md.sys.typescale.emphasized.display-small.size (Emphasized Display styles / Emphasized Display Small)
+$display-small-size: 2.25rem;
+/// md.sys.typescale.emphasized.display-small.slnt (Emphasized Display styles / Emphasized Display Small)
+$display-small-slnt: 'slnt' 0;
+/// md.sys.typescale.emphasized.display-small.tracking (Emphasized Display styles / Emphasized Display Small)
+$display-small-tracking: 0rem;
+/// md.sys.typescale.emphasized.display-small.wdth (Emphasized Display styles / Emphasized Display Small)
+$display-small-wdth: 'wdth' 100;
+/// md.sys.typescale.emphasized.display-small.wght (Emphasized Display styles / Emphasized Display Small)
+$display-small-wght: 'wght' 500;
+/// md.sys.typescale.emphasized.headline-large.crsv (Emphasized Headline styles / Emphasized Headline Large)
+$headline-large-crsv: 'CRSV' 0;
+/// md.sys.typescale.emphasized.headline-large.fill (Emphasized Headline styles / Emphasized Headline Large)
+$headline-large-fill: 'FILL' 0;
+/// md.sys.typescale.emphasized.headline-large.grad (Emphasized Headline styles / Emphasized Headline Large)
+$headline-large-grad: 'GRAD' 0;
+/// md.sys.typescale.emphasized.headline-large.hexp (Emphasized Headline styles / Emphasized Headline Large)
+$headline-large-hexp: 'HEXP' 0;
+/// md.sys.typescale.emphasized.headline-large.line-height (Emphasized Headline styles / Emphasized Headline Large)
+$headline-large-line-height: 2.5rem;
+/// md.sys.typescale.emphasized.headline-large.opsz (Emphasized Headline styles / Emphasized Headline Large)
+$headline-large-opsz: 'opsz' 32;
+/// md.sys.typescale.emphasized.headline-large.rond (Emphasized Headline styles / Emphasized Headline Large)
+$headline-large-rond: 'ROND' 0;
+/// md.sys.typescale.emphasized.headline-large.size (Emphasized Headline styles / Emphasized Headline Large)
+$headline-large-size: 2rem;
+/// md.sys.typescale.emphasized.headline-large.slnt (Emphasized Headline styles / Emphasized Headline Large)
+$headline-large-slnt: 'slnt' 0;
+/// md.sys.typescale.emphasized.headline-large.tracking (Emphasized Headline styles / Emphasized Headline Large)
+$headline-large-tracking: 0rem;
+/// md.sys.typescale.emphasized.headline-large.wdth (Emphasized Headline styles / Emphasized Headline Large)
+$headline-large-wdth: 'wdth' 100;
+/// md.sys.typescale.emphasized.headline-large.wght (Emphasized Headline styles / Emphasized Headline Large)
+$headline-large-wght: 'wght' 500;
+/// md.sys.typescale.emphasized.headline-medium.crsv (Emphasized Headline styles / Emphasized Headline Medium)
+$headline-medium-crsv: 'CRSV' 0;
+/// md.sys.typescale.emphasized.headline-medium.fill (Emphasized Headline styles / Emphasized Headline Medium)
+$headline-medium-fill: 'FILL' 0;
+/// md.sys.typescale.emphasized.headline-medium.grad (Emphasized Headline styles / Emphasized Headline Medium)
+$headline-medium-grad: 'GRAD' 0;
+/// md.sys.typescale.emphasized.headline-medium.hexp (Emphasized Headline styles / Emphasized Headline Medium)
+$headline-medium-hexp: 'HEXP' 0;
+/// md.sys.typescale.emphasized.headline-medium.line-height (Emphasized Headline styles / Emphasized Headline Medium)
+$headline-medium-line-height: 2.25rem;
+/// md.sys.typescale.emphasized.headline-medium.opsz (Emphasized Headline styles / Emphasized Headline Medium)
+$headline-medium-opsz: 'opsz' 28;
+/// md.sys.typescale.emphasized.headline-medium.rond (Emphasized Headline styles / Emphasized Headline Medium)
+$headline-medium-rond: 'ROND' 0;
+/// md.sys.typescale.emphasized.headline-medium.size (Emphasized Headline styles / Emphasized Headline Medium)
+$headline-medium-size: 1.75rem;
+/// md.sys.typescale.emphasized.headline-medium.slnt (Emphasized Headline styles / Emphasized Headline Medium)
+$headline-medium-slnt: 'slnt' 0;
+/// md.sys.typescale.emphasized.headline-medium.tracking (Emphasized Headline styles / Emphasized Headline Medium)
+$headline-medium-tracking: 0rem;
+/// md.sys.typescale.emphasized.headline-medium.wdth (Emphasized Headline styles / Emphasized Headline Medium)
+$headline-medium-wdth: 'wdth' 100;
+/// md.sys.typescale.emphasized.headline-medium.wght (Emphasized Headline styles / Emphasized Headline Medium)
+$headline-medium-wght: 'wght' 500;
+/// md.sys.typescale.emphasized.headline-small.crsv (Emphasized Headline styles / Emphasized Headline Small)
+$headline-small-crsv: 'CRSV' 0;
+/// md.sys.typescale.emphasized.headline-small.fill (Emphasized Headline styles / Emphasized Headline Small)
+$headline-small-fill: 'FILL' 0;
+/// md.sys.typescale.emphasized.headline-small.grad (Emphasized Headline styles / Emphasized Headline Small)
+$headline-small-grad: 'GRAD' 0;
+/// md.sys.typescale.emphasized.headline-small.hexp (Emphasized Headline styles / Emphasized Headline Small)
+$headline-small-hexp: 'HEXP' 0;
+/// md.sys.typescale.emphasized.headline-small.line-height (Emphasized Headline styles / Emphasized Headline Small)
+$headline-small-line-height: 2rem;
+/// md.sys.typescale.emphasized.headline-small.opsz (Emphasized Headline styles / Emphasized Headline Small)
+$headline-small-opsz: 'opsz' 24;
+/// md.sys.typescale.emphasized.headline-small.rond (Emphasized Headline styles / Emphasized Headline Small)
+$headline-small-rond: 'ROND' 0;
+/// md.sys.typescale.emphasized.headline-small.size (Emphasized Headline styles / Emphasized Headline Small)
+$headline-small-size: 1.5rem;
+/// md.sys.typescale.emphasized.headline-small.slnt (Emphasized Headline styles / Emphasized Headline Small)
+$headline-small-slnt: 'slnt' 0;
+/// md.sys.typescale.emphasized.headline-small.tracking (Emphasized Headline styles / Emphasized Headline Small)
+$headline-small-tracking: 0rem;
+/// md.sys.typescale.emphasized.headline-small.wdth (Emphasized Headline styles / Emphasized Headline Small)
+$headline-small-wdth: 'wdth' 100;
+/// md.sys.typescale.emphasized.headline-small.wght (Emphasized Headline styles / Emphasized Headline Small)
+$headline-small-wght: 'wght' 500;
+/// md.sys.typescale.emphasized.label-large.crsv (Emphasized Label styles / Emphasized Label Large)
+$label-large-crsv: 'CRSV' 0;
+/// md.sys.typescale.emphasized.label-large.fill (Emphasized Label styles / Emphasized Label Large)
+$label-large-fill: 'FILL' 0;
+/// md.sys.typescale.emphasized.label-large.grad (Emphasized Label styles / Emphasized Label Large)
+$label-large-grad: 'GRAD' 0;
+/// md.sys.typescale.emphasized.label-large.hexp (Emphasized Label styles / Emphasized Label Large)
+$label-large-hexp: 'HEXP' 0;
+/// md.sys.typescale.emphasized.label-large.line-height (Emphasized Label styles / Emphasized Label Large)
+$label-large-line-height: 1.25rem;
+/// md.sys.typescale.emphasized.label-large.opsz (Emphasized Label styles / Emphasized Label Large)
+$label-large-opsz: 'opsz' 14;
+/// md.sys.typescale.emphasized.label-large.rond (Emphasized Label styles / Emphasized Label Large)
+$label-large-rond: 'ROND' 0;
+/// md.sys.typescale.emphasized.label-large.size (Emphasized Label styles / Emphasized Label Large)
+$label-large-size: 0.875rem;
+/// md.sys.typescale.emphasized.label-large.slnt (Emphasized Label styles / Emphasized Label Large)
+$label-large-slnt: 'slnt' 0;
+/// md.sys.typescale.emphasized.label-large.tracking (Emphasized Label styles / Emphasized Label Large)
+$label-large-tracking: 0.00625rem;
+/// md.sys.typescale.emphasized.label-large.wdth (Emphasized Label styles / Emphasized Label Large)
+$label-large-wdth: 'wdth' 100;
+/// md.sys.typescale.emphasized.label-large.wght (Emphasized Label styles / Emphasized Label Large)
+$label-large-wght: 'wght' 600;
+/// md.sys.typescale.emphasized.label-medium.crsv (Emphasized Label styles / Emphasized Label Medium)
+$label-medium-crsv: 'CRSV' 0;
+/// md.sys.typescale.emphasized.label-medium.fill (Emphasized Label styles / Emphasized Label Medium)
+$label-medium-fill: 'FILL' 0;
+/// md.sys.typescale.emphasized.label-medium.grad (Emphasized Label styles / Emphasized Label Medium)
+$label-medium-grad: 'GRAD' 0;
+/// md.sys.typescale.emphasized.label-medium.hexp (Emphasized Label styles / Emphasized Label Medium)
+$label-medium-hexp: 'HEXP' 0;
+/// md.sys.typescale.emphasized.label-medium.line-height (Emphasized Label styles / Emphasized Label Medium)
+$label-medium-line-height: 1rem;
+/// md.sys.typescale.emphasized.label-medium.opsz (Emphasized Label styles / Emphasized Label Medium)
+$label-medium-opsz: 'opsz' 12;
+/// md.sys.typescale.emphasized.label-medium.rond (Emphasized Label styles / Emphasized Label Medium)
+$label-medium-rond: 'ROND' 0;
+/// md.sys.typescale.emphasized.label-medium.size (Emphasized Label styles / Emphasized Label Medium)
+$label-medium-size: 0.75rem;
+/// md.sys.typescale.emphasized.label-medium.slnt (Emphasized Label styles / Emphasized Label Medium)
+$label-medium-slnt: 'slnt' 0;
+/// md.sys.typescale.emphasized.label-medium.tracking (Emphasized Label styles / Emphasized Label Medium)
+$label-medium-tracking: 0.03125rem;
+/// md.sys.typescale.emphasized.label-medium.wdth (Emphasized Label styles / Emphasized Label Medium)
+$label-medium-wdth: 'wdth' 100;
+/// md.sys.typescale.emphasized.label-medium.wght (Emphasized Label styles / Emphasized Label Medium)
+$label-medium-wght: 'wght' 600;
+/// md.sys.typescale.emphasized.label-small.crsv (Emphasized Label styles / Emphasized Label Small)
+$label-small-crsv: 'CRSV' 0;
+/// md.sys.typescale.emphasized.label-small.fill (Emphasized Label styles / Emphasized Label Small)
+$label-small-fill: 'FILL' 0;
+/// md.sys.typescale.emphasized.label-small.grad (Emphasized Label styles / Emphasized Label Small)
+$label-small-grad: 'GRAD' 0;
+/// md.sys.typescale.emphasized.label-small.hexp (Emphasized Label styles / Emphasized Label Small)
+$label-small-hexp: 'HEXP' 0;
+/// md.sys.typescale.emphasized.label-small.line-height (Emphasized Label styles / Emphasized Label Small)
+$label-small-line-height: 1rem;
+/// md.sys.typescale.emphasized.label-small.opsz (Emphasized Label styles / Emphasized Label Small)
+$label-small-opsz: 'opsz' 11;
+/// md.sys.typescale.emphasized.label-small.rond (Emphasized Label styles / Emphasized Label Small)
+$label-small-rond: 'ROND' 0;
+/// md.sys.typescale.emphasized.label-small.size (Emphasized Label styles / Emphasized Label Small)
+$label-small-size: 0.6875rem;
+/// md.sys.typescale.emphasized.label-small.slnt (Emphasized Label styles / Emphasized Label Small)
+$label-small-slnt: 'slnt' 0;
+/// md.sys.typescale.emphasized.label-small.tracking (Emphasized Label styles / Emphasized Label Small)
+$label-small-tracking: 0.03125rem;
+/// md.sys.typescale.emphasized.label-small.wdth (Emphasized Label styles / Emphasized Label Small)
+$label-small-wdth: 'wdth' 100;
+/// md.sys.typescale.emphasized.label-small.wght (Emphasized Label styles / Emphasized Label Small)
+$label-small-wght: 'wght' 600;
+/// md.sys.typescale.emphasized.title-large.crsv (Emphasized Title styles / Emphasized Title Large)
+$title-large-crsv: 'CRSV' 0;
+/// md.sys.typescale.emphasized.title-large.fill (Emphasized Title styles / Emphasized Title Large)
+$title-large-fill: 'FILL' 0;
+/// md.sys.typescale.emphasized.title-large.grad (Emphasized Title styles / Emphasized Title Large)
+$title-large-grad: 'GRAD' 0;
+/// md.sys.typescale.emphasized.title-large.hexp (Emphasized Title styles / Emphasized Title Large)
+$title-large-hexp: 'HEXP' 0;
+/// md.sys.typescale.emphasized.title-large.line-height (Emphasized Title styles / Emphasized Title Large)
+$title-large-line-height: 1.75rem;
+/// md.sys.typescale.emphasized.title-large.opsz (Emphasized Title styles / Emphasized Title Large)
+$title-large-opsz: 'opsz' 22;
+/// md.sys.typescale.emphasized.title-large.rond (Emphasized Title styles / Emphasized Title Large)
+$title-large-rond: 'ROND' 0;
+/// md.sys.typescale.emphasized.title-large.size (Emphasized Title styles / Emphasized Title Large)
+$title-large-size: 1.375rem;
+/// md.sys.typescale.emphasized.title-large.slnt (Emphasized Title styles / Emphasized Title Large)
+$title-large-slnt: 'slnt' 0;
+/// md.sys.typescale.emphasized.title-large.tracking (Emphasized Title styles / Emphasized Title Large)
+$title-large-tracking: 0rem;
+/// md.sys.typescale.emphasized.title-large.wdth (Emphasized Title styles / Emphasized Title Large)
+$title-large-wdth: 'wdth' 100;
+/// md.sys.typescale.emphasized.title-large.wght (Emphasized Title styles / Emphasized Title Large)
+$title-large-wght: 'wght' 500;
+/// md.sys.typescale.emphasized.title-medium.crsv (Emphasized Title styles / Emphasized Title Medium)
+$title-medium-crsv: 'CRSV' 0;
+/// md.sys.typescale.emphasized.title-medium.fill (Emphasized Title styles / Emphasized Title Medium)
+$title-medium-fill: 'FILL' 0;
+/// md.sys.typescale.emphasized.title-medium.grad (Emphasized Title styles / Emphasized Title Medium)
+$title-medium-grad: 'GRAD' 0;
+/// md.sys.typescale.emphasized.title-medium.hexp (Emphasized Title styles / Emphasized Title Medium)
+$title-medium-hexp: 'HEXP' 0;
+/// md.sys.typescale.emphasized.title-medium.line-height (Emphasized Title styles / Emphasized Title Medium)
+$title-medium-line-height: 1.5rem;
+/// md.sys.typescale.emphasized.title-medium.opsz (Emphasized Title styles / Emphasized Title Medium)
+$title-medium-opsz: 'opsz' 16;
+/// md.sys.typescale.emphasized.title-medium.rond (Emphasized Title styles / Emphasized Title Medium)
+$title-medium-rond: 'ROND' 0;
+/// md.sys.typescale.emphasized.title-medium.size (Emphasized Title styles / Emphasized Title Medium)
+$title-medium-size: 1rem;
+/// md.sys.typescale.emphasized.title-medium.slnt (Emphasized Title styles / Emphasized Title Medium)
+$title-medium-slnt: 'slnt' 0;
+/// md.sys.typescale.emphasized.title-medium.tracking (Emphasized Title styles / Emphasized Title Medium)
+$title-medium-tracking: 0.009375rem;
+/// md.sys.typescale.emphasized.title-medium.wdth (Emphasized Title styles / Emphasized Title Medium)
+$title-medium-wdth: 'wdth' 100;
+/// md.sys.typescale.emphasized.title-medium.weight (Emphasized Title styles / Emphasized Title Medium)
+$title-medium-weight: 600;
+/// md.sys.typescale.emphasized.title-medium.wght (Emphasized Title styles / Emphasized Title Medium)
+$title-medium-wght: 'wght' 600;
+/// md.sys.typescale.emphasized.title-small.crsv (Emphasized Title styles / Emphasized Title Small)
+$title-small-crsv: 'CRSV' 0;
+/// md.sys.typescale.emphasized.title-small.fill (Emphasized Title styles / Emphasized Title Small)
+$title-small-fill: 'FILL' 0;
+/// md.sys.typescale.emphasized.title-small.grad (Emphasized Title styles / Emphasized Title Small)
+$title-small-grad: 'GRAD' 0;
+/// md.sys.typescale.emphasized.title-small.hexp (Emphasized Title styles / Emphasized Title Small)
+$title-small-hexp: 'HEXP' 0;
+/// md.sys.typescale.emphasized.title-small.line-height (Emphasized Title styles / Emphasized Title Small)
+$title-small-line-height: 1.25rem;
+/// md.sys.typescale.emphasized.title-small.opsz (Emphasized Title styles / Emphasized Title Small)
+$title-small-opsz: 'opsz' 14;
+/// md.sys.typescale.emphasized.title-small.rond (Emphasized Title styles / Emphasized Title Small)
+$title-small-rond: 'ROND' 0;
+/// md.sys.typescale.emphasized.title-small.size (Emphasized Title styles / Emphasized Title Small)
+$title-small-size: 0.875rem;
+/// md.sys.typescale.emphasized.title-small.slnt (Emphasized Title styles / Emphasized Title Small)
+$title-small-slnt: 'slnt' 0;
+/// md.sys.typescale.emphasized.title-small.tracking (Emphasized Title styles / Emphasized Title Small)
+$title-small-tracking: 0.00625rem;
+/// md.sys.typescale.emphasized.title-small.wdth (Emphasized Title styles / Emphasized Title Small)
+$title-small-wdth: 'wdth' 100;
+/// md.sys.typescale.emphasized.title-small.weight (Emphasized Title styles / Emphasized Title Small)
+$title-small-weight: 600;
+/// md.sys.typescale.emphasized.title-small.wght (Emphasized Title styles / Emphasized Title Small)
+$title-small-wght: 'wght' 600;
+/// md.sys.typescale.emphasized.body-large.font (Emphasized Body styles / Emphasized Body Large)
+$body-large-font: md-ref-typeface.$plain;
+/// md.sys.typescale.emphasized.body-large.weight (Emphasized Body styles / Emphasized Body Large)
+$body-large-weight: md-ref-typeface.$weight-medium;
+/// md.sys.typescale.emphasized.body-medium.font (Emphasized Body styles / Emphasized Body Medium)
+$body-medium-font: md-ref-typeface.$plain;
+/// md.sys.typescale.emphasized.body-medium.weight (Emphasized Body styles / Emphasized Body Medium)
+$body-medium-weight: md-ref-typeface.$weight-medium;
+/// md.sys.typescale.emphasized.body-small.font (Emphasized Body styles / Emphasized Body Small)
+$body-small-font: md-ref-typeface.$plain;
+/// md.sys.typescale.emphasized.body-small.weight (Emphasized Body styles / Emphasized Body Small)
+$body-small-weight: md-ref-typeface.$weight-medium;
+/// md.sys.typescale.emphasized.display-large.font (Emphasized Display styles / Emphasized Display Large)
+$display-large-font: md-ref-typeface.$brand;
+/// md.sys.typescale.emphasized.display-large.weight (Emphasized Display styles / Emphasized Display Large)
+$display-large-weight: md-ref-typeface.$weight-medium;
+/// md.sys.typescale.emphasized.display-medium.font (Emphasized Display styles / Emphasized Display Medium)
+$display-medium-font: md-ref-typeface.$brand;
+/// md.sys.typescale.emphasized.display-medium.weight (Emphasized Display styles / Emphasized Display Medium)
+$display-medium-weight: md-ref-typeface.$weight-medium;
+/// md.sys.typescale.emphasized.display-small.font (Emphasized Display styles / Emphasized Display Small)
+$display-small-font: md-ref-typeface.$brand;
+/// md.sys.typescale.emphasized.display-small.weight (Emphasized Display styles / Emphasized Display Small)
+$display-small-weight: md-ref-typeface.$weight-medium;
+/// md.sys.typescale.emphasized.headline-large.font (Emphasized Headline styles / Emphasized Headline Large)
+$headline-large-font: md-ref-typeface.$brand;
+/// md.sys.typescale.emphasized.headline-large.weight (Emphasized Headline styles / Emphasized Headline Large)
+$headline-large-weight: md-ref-typeface.$weight-medium;
+/// md.sys.typescale.emphasized.headline-medium.font (Emphasized Headline styles / Emphasized Headline Medium)
+$headline-medium-font: md-ref-typeface.$brand;
+/// md.sys.typescale.emphasized.headline-medium.weight (Emphasized Headline styles / Emphasized Headline Medium)
+$headline-medium-weight: md-ref-typeface.$weight-medium;
+/// md.sys.typescale.emphasized.headline-small.font (Emphasized Headline styles / Emphasized Headline Small)
+$headline-small-font: md-ref-typeface.$brand;
+/// md.sys.typescale.emphasized.headline-small.weight (Emphasized Headline styles / Emphasized Headline Small)
+$headline-small-weight: md-ref-typeface.$weight-medium;
+/// md.sys.typescale.emphasized.label-large.font (Emphasized Label styles / Emphasized Label Large)
+$label-large-font: md-ref-typeface.$plain;
+/// md.sys.typescale.emphasized.label-large.weight (Emphasized Label styles / Emphasized Label Large)
+$label-large-weight: md-ref-typeface.$weight-bold;
+/// md.sys.typescale.emphasized.label-medium.font (Emphasized Label styles / Emphasized Label Medium)
+$label-medium-font: md-ref-typeface.$plain;
+/// md.sys.typescale.emphasized.label-medium.weight (Emphasized Label styles / Emphasized Label Medium)
+$label-medium-weight: md-ref-typeface.$weight-bold;
+/// md.sys.typescale.emphasized.label-small.font (Emphasized Label styles / Emphasized Label Small)
+$label-small-font: md-ref-typeface.$plain;
+/// md.sys.typescale.emphasized.label-small.weight (Emphasized Label styles / Emphasized Label Small)
+$label-small-weight: md-ref-typeface.$weight-bold;
+/// md.sys.typescale.emphasized.title-large.font (Emphasized Title styles / Emphasized Title Large)
+$title-large-font: md-ref-typeface.$brand;
+/// md.sys.typescale.emphasized.title-large.weight (Emphasized Title styles / Emphasized Title Large)
+$title-large-weight: md-ref-typeface.$weight-medium;
+/// md.sys.typescale.emphasized.title-medium.font (Emphasized Title styles / Emphasized Title Medium)
+$title-medium-font: md-ref-typeface.$plain;
+/// md.sys.typescale.emphasized.title-small.font (Emphasized Title styles / Emphasized Title Small)
+$title-small-font: md-ref-typeface.$plain;
+/// md.sys.typescale.emphasized.body-large (Emphasized Body styles / Emphasized Body Large)
+@mixin body-large {
+  font-family: $body-large-font;
+  font-size: $body-large-size;
+  font-weight: $body-large-weight;
+  letter-spacing: $body-large-tracking;
+  line-height: $body-large-line-height;
+}
+/// md.sys.typescale.emphasized.body-medium (Emphasized Body styles / Emphasized Body Medium)
+@mixin body-medium {
+  font-family: $body-medium-font;
+  font-size: $body-medium-size;
+  font-weight: $body-medium-weight;
+  letter-spacing: $body-medium-tracking;
+  line-height: $body-medium-line-height;
+}
+/// md.sys.typescale.emphasized.body-small (Emphasized Body styles / Emphasized Body Small)
+@mixin body-small {
+  font-family: $body-small-font;
+  font-size: $body-small-size;
+  font-weight: $body-small-weight;
+  letter-spacing: $body-small-tracking;
+  line-height: $body-small-line-height;
+}
+/// md.sys.typescale.emphasized.display-large (Emphasized Display styles / Emphasized Display Large)
+@mixin display-large {
+  font-family: $display-large-font;
+  font-size: $display-large-size;
+  font-weight: $display-large-weight;
+  letter-spacing: $display-large-tracking;
+  line-height: $display-large-line-height;
+}
+/// md.sys.typescale.emphasized.display-medium (Emphasized Display styles / Emphasized Display Medium)
+@mixin display-medium {
+  font-family: $display-medium-font;
+  font-size: $display-medium-size;
+  font-weight: $display-medium-weight;
+  letter-spacing: $display-medium-tracking;
+  line-height: $display-medium-line-height;
+}
+/// md.sys.typescale.emphasized.display-small (Emphasized Display styles / Emphasized Display Small)
+@mixin display-small {
+  font-family: $display-small-font;
+  font-size: $display-small-size;
+  font-weight: $display-small-weight;
+  letter-spacing: $display-small-tracking;
+  line-height: $display-small-line-height;
+}
+/// md.sys.typescale.emphasized.headline-large (Emphasized Headline styles / Emphasized Headline Large)
+@mixin headline-large {
+  font-family: $headline-large-font;
+  font-size: $headline-large-size;
+  font-weight: $headline-large-weight;
+  letter-spacing: $headline-large-tracking;
+  line-height: $headline-large-line-height;
+}
+/// md.sys.typescale.emphasized.headline-medium (Emphasized Headline styles / Emphasized Headline Medium)
+@mixin headline-medium {
+  font-family: $headline-medium-font;
+  font-size: $headline-medium-size;
+  font-weight: $headline-medium-weight;
+  letter-spacing: $headline-medium-tracking;
+  line-height: $headline-medium-line-height;
+}
+/// md.sys.typescale.emphasized.headline-small (Emphasized Headline styles / Emphasized Headline Small)
+@mixin headline-small {
+  font-family: $headline-small-font;
+  font-size: $headline-small-size;
+  font-weight: $headline-small-weight;
+  letter-spacing: $headline-small-tracking;
+  line-height: $headline-small-line-height;
+}
+/// md.sys.typescale.emphasized.label-large (Emphasized Label styles / Emphasized Label Large)
+@mixin label-large {
+  font-family: $label-large-font;
+  font-size: $label-large-size;
+  font-weight: $label-large-weight;
+  letter-spacing: $label-large-tracking;
+  line-height: $label-large-line-height;
+}
+/// md.sys.typescale.emphasized.label-medium (Emphasized Label styles / Emphasized Label Medium)
+@mixin label-medium {
+  font-family: $label-medium-font;
+  font-size: $label-medium-size;
+  font-weight: $label-medium-weight;
+  letter-spacing: $label-medium-tracking;
+  line-height: $label-medium-line-height;
+}
+/// md.sys.typescale.emphasized.label-small (Emphasized Label styles / Emphasized Label Small)
+@mixin label-small {
+  font-family: $label-small-font;
+  font-size: $label-small-size;
+  font-weight: $label-small-weight;
+  letter-spacing: $label-small-tracking;
+  line-height: $label-small-line-height;
+}
+/// md.sys.typescale.emphasized.title-large (Emphasized Title styles / Emphasized Title Large)
+@mixin title-large {
+  font-family: $title-large-font;
+  font-size: $title-large-size;
+  font-weight: $title-large-weight;
+  letter-spacing: $title-large-tracking;
+  line-height: $title-large-line-height;
+}
+/// md.sys.typescale.emphasized.title-medium (Emphasized Title styles / Emphasized Title Medium)
+@mixin title-medium {
+  font-family: $title-medium-font;
+  font-size: $title-medium-size;
+  font-weight: $title-medium-weight;
+  letter-spacing: $title-medium-tracking;
+  line-height: $title-medium-line-height;
+}
+/// md.sys.typescale.emphasized.title-small (Emphasized Title styles / Emphasized Title Small)
+@mixin title-small {
+  font-family: $title-small-font;
+  font-size: $title-small-size;
+  font-weight: $title-small-weight;
+  letter-spacing: $title-small-tracking;
+  line-height: $title-small-line-height;
+}
diff --git a/tokens/versions/v30_0/sass/_md-sys-typescale.scss b/tokens/versions/v30_0/sass/_md-sys-typescale.scss
new file mode 100644
index 0000000000..38b06304ca
--- /dev/null
+++ b/tokens/versions/v30_0/sass/_md-sys-typescale.scss
@@ -0,0 +1,571 @@
+//
+// 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-ref-typeface';
+
+/// md.sys.typescale.body-large.crsv (Body styles / Body Large)
+$body-large-crsv: 'CRSV' 0;
+/// md.sys.typescale.body-large.fill (Body styles / Body Large)
+$body-large-fill: 'FILL' 0;
+/// md.sys.typescale.body-large.grad (Body styles / Body Large)
+$body-large-grad: 'GRAD' 0;
+/// md.sys.typescale.body-large.hexp (Body styles / Body Large)
+$body-large-hexp: 'HEXP' 0;
+/// md.sys.typescale.body-large.line-height (Body styles / Body Large)
+$body-large-line-height: 1.5rem;
+/// md.sys.typescale.body-large.opsz (Body styles / Body Large)
+$body-large-opsz: 'opsz' 16;
+/// md.sys.typescale.body-large.rond (Body styles / Body Large)
+$body-large-rond: 'ROND' 0;
+/// md.sys.typescale.body-large.size (Body styles / Body Large)
+$body-large-size: 1rem;
+/// md.sys.typescale.body-large.slnt (Body styles / Body Large)
+$body-large-slnt: 'slnt' 0;
+/// md.sys.typescale.body-large.tracking (Body styles / Body Large)
+$body-large-tracking: 0.03125rem;
+/// md.sys.typescale.body-large.wdth (Body styles / Body Large)
+$body-large-wdth: 'wdth' 100;
+/// md.sys.typescale.body-large.wght (Body styles / Body Large)
+$body-large-wght: 'wght' 400;
+/// md.sys.typescale.body-medium.crsv (Body styles / Body Medium)
+$body-medium-crsv: 'CRSV' 0;
+/// md.sys.typescale.body-medium.fill (Body styles / Body Medium)
+$body-medium-fill: 'FILL' 0;
+/// md.sys.typescale.body-medium.grad (Body styles / Body Medium)
+$body-medium-grad: 'GRAD' 0;
+/// md.sys.typescale.body-medium.hexp (Body styles / Body Medium)
+$body-medium-hexp: 'HEXP' 0;
+/// md.sys.typescale.body-medium.line-height (Body styles / Body Medium)
+$body-medium-line-height: 1.25rem;
+/// md.sys.typescale.body-medium.opsz (Body styles / Body Medium)
+$body-medium-opsz: 'opsz' 14;
+/// md.sys.typescale.body-medium.rond (Body styles / Body Medium)
+$body-medium-rond: 'ROND' 0;
+/// md.sys.typescale.body-medium.size (Body styles / Body Medium)
+$body-medium-size: 0.875rem;
+/// md.sys.typescale.body-medium.slnt (Body styles / Body Medium)
+$body-medium-slnt: 'slnt' 0;
+/// md.sys.typescale.body-medium.tracking (Body styles / Body Medium)
+$body-medium-tracking: 0.015625rem;
+/// md.sys.typescale.body-medium.wdth (Body styles / Body Medium)
+$body-medium-wdth: 'wdth' 100;
+/// md.sys.typescale.body-medium.wght (Body styles / Body Medium)
+$body-medium-wght: 'wght' 400;
+/// md.sys.typescale.body-small.crsv (Body styles / Body Small)
+$body-small-crsv: 'CRSV' 0;
+/// md.sys.typescale.body-small.fill (Body styles / Body Small)
+$body-small-fill: 'FILL' 0;
+/// md.sys.typescale.body-small.grad (Body styles / Body Small)
+$body-small-grad: 'GRAD' 0;
+/// md.sys.typescale.body-small.hexp (Body styles / Body Small)
+$body-small-hexp: 'HEXP' 0;
+/// md.sys.typescale.body-small.line-height (Body styles / Body Small)
+$body-small-line-height: 1rem;
+/// md.sys.typescale.body-small.opsz (Body styles / Body Small)
+$body-small-opsz: 'opsz' 12;
+/// md.sys.typescale.body-small.rond (Body styles / Body Small)
+$body-small-rond: 'ROND' 0;
+/// md.sys.typescale.body-small.size (Body styles / Body Small)
+$body-small-size: 0.75rem;
+/// md.sys.typescale.body-small.slnt (Body styles / Body Small)
+$body-small-slnt: 'slnt' 0;
+/// md.sys.typescale.body-small.tracking (Body styles / Body Small)
+$body-small-tracking: 0.025rem;
+/// md.sys.typescale.body-small.wdth (Body styles / Body Small)
+$body-small-wdth: 'wdth' 100;
+/// md.sys.typescale.body-small.wght (Body styles / Body Small)
+$body-small-wght: 'wght' 400;
+/// md.sys.typescale.display-large.crsv (Display styles / Display Large)
+$display-large-crsv: 'CRSV' 0;
+/// md.sys.typescale.display-large.fill (Display styles / Display Large)
+$display-large-fill: 'FILL' 0;
+/// md.sys.typescale.display-large.grad (Display styles / Display Large)
+$display-large-grad: 'GRAD' 0;
+/// md.sys.typescale.display-large.hexp (Display styles / Display Large)
+$display-large-hexp: 'HEXP' 0;
+/// md.sys.typescale.display-large.line-height (Display styles / Display Large)
+$display-large-line-height: 4rem;
+/// md.sys.typescale.display-large.opsz (Display styles / Display Large)
+$display-large-opsz: 'opsz' 57;
+/// md.sys.typescale.display-large.rond (Display styles / Display Large)
+$display-large-rond: 'ROND' 0;
+/// md.sys.typescale.display-large.size (Display styles / Display Large)
+$display-large-size: 3.5625rem;
+/// md.sys.typescale.display-large.slnt (Display styles / Display Large)
+$display-large-slnt: 'slnt' 0;
+/// md.sys.typescale.display-large.tracking (Display styles / Display Large)
+$display-large-tracking: -0.015625rem;
+/// md.sys.typescale.display-large.wdth (Display styles / Display Large)
+$display-large-wdth: 'wdth' 100;
+/// md.sys.typescale.display-large.wght (Display styles / Display Large)
+$display-large-wght: 'wght' 400;
+/// md.sys.typescale.display-medium.crsv (Display styles / Display Medium)
+$display-medium-crsv: 'CRSV' 0;
+/// md.sys.typescale.display-medium.fill (Display styles / Display Medium)
+$display-medium-fill: 'FILL' 0;
+/// md.sys.typescale.display-medium.grad (Display styles / Display Medium)
+$display-medium-grad: 'GRAD' 0;
+/// md.sys.typescale.display-medium.hexp (Display styles / Display Medium)
+$display-medium-hexp: 'HEXP' 0;
+/// md.sys.typescale.display-medium.line-height (Display styles / Display Medium)
+$display-medium-line-height: 3.25rem;
+/// md.sys.typescale.display-medium.opsz (Display styles / Display Medium)
+$display-medium-opsz: 'opsz' 45;
+/// md.sys.typescale.display-medium.rond (Display styles / Display Medium)
+$display-medium-rond: 'ROND' 0;
+/// md.sys.typescale.display-medium.size (Display styles / Display Medium)
+$display-medium-size: 2.8125rem;
+/// md.sys.typescale.display-medium.slnt (Display styles / Display Medium)
+$display-medium-slnt: 'slnt' 0;
+/// md.sys.typescale.display-medium.tracking (Display styles / Display Medium)
+$display-medium-tracking: 0rem;
+/// md.sys.typescale.display-medium.wdth (Display styles / Display Medium)
+$display-medium-wdth: 'wdth' 100;
+/// md.sys.typescale.display-medium.wght (Display styles / Display Medium)
+$display-medium-wght: 'wght' 400;
+/// md.sys.typescale.display-small.crsv (Display styles / Display Small)
+$display-small-crsv: 'CRSV' 0;
+/// md.sys.typescale.display-small.fill (Display styles / Display Small)
+$display-small-fill: 'FILL' 0;
+/// md.sys.typescale.display-small.grad (Display styles / Display Small)
+$display-small-grad: 'GRAD' 0;
+/// md.sys.typescale.display-small.hexp (Display styles / Display Small)
+$display-small-hexp: 'HEXP' 0;
+/// md.sys.typescale.display-small.line-height (Display styles / Display Small)
+$display-small-line-height: 2.75rem;
+/// md.sys.typescale.display-small.opsz (Display styles / Display Small)
+$display-small-opsz: 'opsz' 36;
+/// md.sys.typescale.display-small.rond (Display styles / Display Small)
+$display-small-rond: 'ROND' 0;
+/// md.sys.typescale.display-small.size (Display styles / Display Small)
+$display-small-size: 2.25rem;
+/// md.sys.typescale.display-small.slnt (Display styles / Display Small)
+$display-small-slnt: 'slnt' 0;
+/// md.sys.typescale.display-small.tracking (Display styles / Display Small)
+$display-small-tracking: 0rem;
+/// md.sys.typescale.display-small.wdth (Display styles / Display Small)
+$display-small-wdth: 'wdth' 100;
+/// md.sys.typescale.display-small.wght (Display styles / Display Small)
+$display-small-wght: 'wght' 400;
+/// md.sys.typescale.headline-large.crsv (Headline styles / Headline Large)
+$headline-large-crsv: 'CRSV' 0;
+/// md.sys.typescale.headline-large.fill (Headline styles / Headline Large)
+$headline-large-fill: 'FILL' 0;
+/// md.sys.typescale.headline-large.grad (Headline styles / Headline Large)
+$headline-large-grad: 'GRAD' 0;
+/// md.sys.typescale.headline-large.hexp (Headline styles / Headline Large)
+$headline-large-hexp: 'HEXP' 0;
+/// md.sys.typescale.headline-large.line-height (Headline styles / Headline Large)
+$headline-large-line-height: 2.5rem;
+/// md.sys.typescale.headline-large.opsz (Headline styles / Headline Large)
+$headline-large-opsz: 'opsz' 32;
+/// md.sys.typescale.headline-large.rond (Headline styles / Headline Large)
+$headline-large-rond: 'ROND' 0;
+/// md.sys.typescale.headline-large.size (Headline styles / Headline Large)
+$headline-large-size: 2rem;
+/// md.sys.typescale.headline-large.slnt (Headline styles / Headline Large)
+$headline-large-slnt: 'slnt' 0;
+/// md.sys.typescale.headline-large.tracking (Headline styles / Headline Large)
+$headline-large-tracking: 0rem;
+/// md.sys.typescale.headline-large.wdth (Headline styles / Headline Large)
+$headline-large-wdth: 'wdth' 100;
+/// md.sys.typescale.headline-large.wght (Headline styles / Headline Large)
+$headline-large-wght: 'wght' 400;
+/// md.sys.typescale.headline-medium.crsv (Headline styles / Headline Medium)
+$headline-medium-crsv: 'CRSV' 0;
+/// md.sys.typescale.headline-medium.fill (Headline styles / Headline Medium)
+$headline-medium-fill: 'FILL' 0;
+/// md.sys.typescale.headline-medium.grad (Headline styles / Headline Medium)
+$headline-medium-grad: 'GRAD' 0;
+/// md.sys.typescale.headline-medium.hexp (Headline styles / Headline Medium)
+$headline-medium-hexp: 'HEXP' 0;
+/// md.sys.typescale.headline-medium.line-height (Headline styles / Headline Medium)
+$headline-medium-line-height: 2.25rem;
+/// md.sys.typescale.headline-medium.opsz (Headline styles / Headline Medium)
+$headline-medium-opsz: 'opsz' 28;
+/// md.sys.typescale.headline-medium.rond (Headline styles / Headline Medium)
+$headline-medium-rond: 'ROND' 0;
+/// md.sys.typescale.headline-medium.size (Headline styles / Headline Medium)
+$headline-medium-size: 1.75rem;
+/// md.sys.typescale.headline-medium.slnt (Headline styles / Headline Medium)
+$headline-medium-slnt: 'slnt' 0;
+/// md.sys.typescale.headline-medium.tracking (Headline styles / Headline Medium)
+$headline-medium-tracking: 0rem;
+/// md.sys.typescale.headline-medium.wdth (Headline styles / Headline Medium)
+$headline-medium-wdth: 'wdth' 100;
+/// md.sys.typescale.headline-medium.wght (Headline styles / Headline Medium)
+$headline-medium-wght: 'wght' 400;
+/// md.sys.typescale.headline-small.crsv (Headline styles / Headline Small)
+$headline-small-crsv: 'CRSV' 0;
+/// md.sys.typescale.headline-small.fill (Headline styles / Headline Small)
+$headline-small-fill: 'FILL' 0;
+/// md.sys.typescale.headline-small.grad (Headline styles / Headline Small)
+$headline-small-grad: 'GRAD' 0;
+/// md.sys.typescale.headline-small.hexp (Headline styles / Headline Small)
+$headline-small-hexp: 'HEXP' 0;
+/// md.sys.typescale.headline-small.line-height (Headline styles / Headline Small)
+$headline-small-line-height: 2rem;
+/// md.sys.typescale.headline-small.opsz (Headline styles / Headline Small)
+$headline-small-opsz: 'opsz' 24;
+/// md.sys.typescale.headline-small.rond (Headline styles / Headline Small)
+$headline-small-rond: 'ROND' 0;
+/// md.sys.typescale.headline-small.size (Headline styles / Headline Small)
+$headline-small-size: 1.5rem;
+/// md.sys.typescale.headline-small.slnt (Headline styles / Headline Small)
+$headline-small-slnt: 'slnt' 0;
+/// md.sys.typescale.headline-small.tracking (Headline styles / Headline Small)
+$headline-small-tracking: 0rem;
+/// md.sys.typescale.headline-small.wdth (Headline styles / Headline Small)
+$headline-small-wdth: 'wdth' 100;
+/// md.sys.typescale.headline-small.wght (Headline styles / Headline Small)
+$headline-small-wght: 'wght' 400;
+/// md.sys.typescale.label-large-fill (Label styles / Label Large)
+$label-large-fill: 'FILL' 0;
+/// md.sys.typescale.label-large.crsv (Label styles / Label Large)
+$label-large-crsv: 'CRSV' 0;
+/// md.sys.typescale.label-large.grad (Label styles / Label Large)
+$label-large-grad: 'GRAD' 0;
+/// md.sys.typescale.label-large.hexp (Label styles / Label Large)
+$label-large-hexp: 'HEXP' 0;
+/// md.sys.typescale.label-large.line-height (Label styles / Label Large)
+$label-large-line-height: 1.25rem;
+/// md.sys.typescale.label-large.opsz (Label styles / Label Large)
+$label-large-opsz: 'opsz' 14;
+/// md.sys.typescale.label-large.rond (Label styles / Label Large)
+$label-large-rond: 'ROND' 0;
+/// md.sys.typescale.label-large.size (Label styles / Label Large)
+$label-large-size: 0.875rem;
+/// md.sys.typescale.label-large.slnt (Label styles / Label Large)
+$label-large-slnt: 'slnt' 0;
+/// md.sys.typescale.label-large.tracking (Label styles / Label Large)
+$label-large-tracking: 0.00625rem;
+/// md.sys.typescale.label-large.wdth (Label styles / Label Large)
+$label-large-wdth: 'wdth' 100;
+/// md.sys.typescale.label-large.wght (Label styles / Label Large)
+$label-large-wght: 'wght' 500;
+/// md.sys.typescale.label-medium.crsv (Label styles / Label Medium)
+$label-medium-crsv: 'CRSV' 0;
+/// md.sys.typescale.label-medium.fill (Label styles / Label Medium)
+$label-medium-fill: 'FILL' 0;
+/// md.sys.typescale.label-medium.grad (Label styles / Label Medium)
+$label-medium-grad: 'GRAD' 0;
+/// md.sys.typescale.label-medium.hexp (Label styles / Label Medium)
+$label-medium-hexp: 'HEXP' 0;
+/// md.sys.typescale.label-medium.line-height (Label styles / Label Medium)
+$label-medium-line-height: 1rem;
+/// md.sys.typescale.label-medium.opsz (Label styles / Label Medium)
+$label-medium-opsz: 'opsz' 12;
+/// md.sys.typescale.label-medium.rond (Label styles / Label Medium)
+$label-medium-rond: 'ROND' 0;
+/// md.sys.typescale.label-medium.size (Label styles / Label Medium)
+$label-medium-size: 0.75rem;
+/// md.sys.typescale.label-medium.slnt (Label styles / Label Medium)
+$label-medium-slnt: 'slnt' 0;
+/// md.sys.typescale.label-medium.text-transform (Label styles / Label Medium)
+///
+/// @deprecated Token is deprecated.
+$label-medium-text-transform: none;
+/// md.sys.typescale.label-medium.tracking (Label styles / Label Medium)
+$label-medium-tracking: 0.03125rem;
+/// md.sys.typescale.label-medium.wdth (Label styles / Label Medium)
+$label-medium-wdth: 'wdth' 100;
+/// md.sys.typescale.label-medium.wght (Label styles / Label Medium)
+$label-medium-wght: 'wght' 500;
+/// md.sys.typescale.label-small.crsv (Label styles / Label Small)
+$label-small-crsv: 'CRSV' 0;
+/// md.sys.typescale.label-small.fill (Label styles / Label Small)
+$label-small-fill: 'FILL' 0;
+/// md.sys.typescale.label-small.grad (Label styles / Label Small)
+$label-small-grad: 'GRAD' 0;
+/// md.sys.typescale.label-small.hexp (Label styles / Label Small)
+$label-small-hexp: 'HEXP' 0;
+/// md.sys.typescale.label-small.line-height (Label styles / Label Small)
+$label-small-line-height: 1rem;
+/// md.sys.typescale.label-small.opsz (Label styles / Label Small)
+$label-small-opsz: 'opsz' 11;
+/// md.sys.typescale.label-small.rond (Label styles / Label Small)
+$label-small-rond: 'ROND' 0;
+/// md.sys.typescale.label-small.size (Label styles / Label Small)
+$label-small-size: 0.6875rem;
+/// md.sys.typescale.label-small.slnt (Label styles / Label Small)
+$label-small-slnt: 'slnt' 0;
+/// md.sys.typescale.label-small.tracking (Label styles / Label Small)
+$label-small-tracking: 0.03125rem;
+/// md.sys.typescale.label-small.wdth (Label styles / Label Small)
+$label-small-wdth: 'wdth' 100;
+/// md.sys.typescale.label-small.wght (Label styles / Label Small)
+$label-small-wght: 'wght' 500;
+/// md.sys.typescale.title-large.crsv (Title styles / Title Large)
+$title-large-crsv: 'CRSV' 0;
+/// md.sys.typescale.title-large.fill (Title styles / Title Large)
+$title-large-fill: 'FILL' 0;
+/// md.sys.typescale.title-large.grad (Title styles / Title Large)
+$title-large-grad: 'GRAD' 0;
+/// md.sys.typescale.title-large.hexp (Title styles / Title Large)
+$title-large-hexp: 'HEXP' 0;
+/// md.sys.typescale.title-large.line-height (Title styles / Title Large)
+$title-large-line-height: 1.75rem;
+/// md.sys.typescale.title-large.opsz (Title styles / Title Large)
+$title-large-opsz: 'opsz' 22;
+/// md.sys.typescale.title-large.rond (Title styles / Title Large)
+$title-large-rond: 'ROND' 0;
+/// md.sys.typescale.title-large.size (Title styles / Title Large)
+$title-large-size: 1.375rem;
+/// md.sys.typescale.title-large.slnt (Title styles / Title Large)
+$title-large-slnt: 'slnt' 0;
+/// md.sys.typescale.title-large.tracking (Title styles / Title Large)
+$title-large-tracking: 0rem;
+/// md.sys.typescale.title-large.wdth (Title styles / Title Large)
+$title-large-wdth: 'wdth' 100;
+/// md.sys.typescale.title-large.wght (Title styles / Title Large)
+$title-large-wght: 'wght' 400;
+/// md.sys.typescale.title-medium.crsv (Title styles / Title Medium)
+$title-medium-crsv: 'CRSV' 0;
+/// md.sys.typescale.title-medium.fill (Title styles / Title Medium)
+$title-medium-fill: 'FILL' 0;
+/// md.sys.typescale.title-medium.grad (Title styles / Title Medium)
+$title-medium-grad: 'GRAD' 0;
+/// md.sys.typescale.title-medium.hexp (Title styles / Title Medium)
+$title-medium-hexp: 'HEXP' 0;
+/// md.sys.typescale.title-medium.line-height (Title styles / Title Medium)
+$title-medium-line-height: 1.5rem;
+/// md.sys.typescale.title-medium.opsz (Title styles / Title Medium)
+$title-medium-opsz: 'opsz' 16;
+/// md.sys.typescale.title-medium.rond (Title styles / Title Medium)
+$title-medium-rond: 'ROND' 0;
+/// md.sys.typescale.title-medium.size (Title styles / Title Medium)
+$title-medium-size: 1rem;
+/// md.sys.typescale.title-medium.slnt (Title styles / Title Medium)
+$title-medium-slnt: 'slnt' 0;
+/// md.sys.typescale.title-medium.tracking (Title styles / Title Medium)
+$title-medium-tracking: 0.009375rem;
+/// md.sys.typescale.title-medium.wdth (Title styles / Title Medium)
+$title-medium-wdth: 'wdth' 100;
+/// md.sys.typescale.title-medium.wght (Title styles / Title Medium)
+$title-medium-wght: 'wght' 500;
+/// md.sys.typescale.title-small.crsv (Title styles / Title Small)
+$title-small-crsv: 'CRSV' 0;
+/// md.sys.typescale.title-small.fill (Title styles / Title Small)
+$title-small-fill: 'FILL' 0;
+/// md.sys.typescale.title-small.grad (Title styles / Title Small)
+$title-small-grad: 'GRAD' 0;
+/// md.sys.typescale.title-small.hexp (Title styles / Title Small)
+$title-small-hexp: 'HEXP' 0;
+/// md.sys.typescale.title-small.line-height (Title styles / Title Small)
+$title-small-line-height: 1.25rem;
+/// md.sys.typescale.title-small.opsz (Title styles / Title Small)
+$title-small-opsz: 'opsz' 14;
+/// md.sys.typescale.title-small.rond (Title styles / Title Small)
+$title-small-rond: 'ROND' 0;
+/// md.sys.typescale.title-small.size (Title styles / Title Small)
+$title-small-size: 0.875rem;
+/// md.sys.typescale.title-small.slnt (Title styles / Title Small)
+$title-small-slnt: 'slnt' 0;
+/// md.sys.typescale.title-small.tracking (Title styles / Title Small)
+$title-small-tracking: 0.00625rem;
+/// md.sys.typescale.title-small.wdth (Title styles / Title Small)
+$title-small-wdth: 'wdth' 100;
+/// md.sys.typescale.title-small.wght (Title styles / Title Small)
+$title-small-wght: 'wght' 500;
+/// md.sys.typescale.body-large.font (Body styles / Body Large)
+$body-large-font: md-ref-typeface.$plain;
+/// md.sys.typescale.body-large.weight (Body styles / Body Large)
+$body-large-weight: md-ref-typeface.$weight-regular;
+/// md.sys.typescale.body-medium.font (Body styles / Body Medium)
+$body-medium-font: md-ref-typeface.$plain;
+/// md.sys.typescale.body-medium.weight (Body styles / Body Medium)
+$body-medium-weight: md-ref-typeface.$weight-regular;
+/// md.sys.typescale.body-small.font (Body styles / Body Small)
+$body-small-font: md-ref-typeface.$plain;
+/// md.sys.typescale.body-small.weight (Body styles / Body Small)
+$body-small-weight: md-ref-typeface.$weight-regular;
+/// md.sys.typescale.display-large.font (Display styles / Display Large)
+$display-large-font: md-ref-typeface.$brand;
+/// md.sys.typescale.display-large.weight (Display styles / Display Large)
+$display-large-weight: md-ref-typeface.$weight-regular;
+/// md.sys.typescale.display-medium.font (Display styles / Display Medium)
+$display-medium-font: md-ref-typeface.$brand;
+/// md.sys.typescale.display-medium.weight (Display styles / Display Medium)
+$display-medium-weight: md-ref-typeface.$weight-regular;
+/// md.sys.typescale.display-small.font (Display styles / Display Small)
+$display-small-font: md-ref-typeface.$brand;
+/// md.sys.typescale.display-small.weight (Display styles / Display Small)
+$display-small-weight: md-ref-typeface.$weight-regular;
+/// md.sys.typescale.headline-large.font (Headline styles / Headline Large)
+$headline-large-font: md-ref-typeface.$brand;
+/// md.sys.typescale.headline-large.weight (Headline styles / Headline Large)
+$headline-large-weight: md-ref-typeface.$weight-regular;
+/// md.sys.typescale.headline-medium.font (Headline styles / Headline Medium)
+$headline-medium-font: md-ref-typeface.$brand;
+/// md.sys.typescale.headline-medium.weight (Headline styles / Headline Medium)
+$headline-medium-weight: md-ref-typeface.$weight-regular;
+/// md.sys.typescale.headline-small.font (Headline styles / Headline Small)
+$headline-small-font: md-ref-typeface.$brand;
+/// md.sys.typescale.headline-small.weight (Headline styles / Headline Small)
+$headline-small-weight: md-ref-typeface.$weight-regular;
+/// md.sys.typescale.label-large.font (Label styles / Label Large)
+$label-large-font: md-ref-typeface.$plain;
+/// md.sys.typescale.label-large.weight (Label styles / Label Large)
+$label-large-weight: md-ref-typeface.$weight-medium;
+/// md.sys.typescale.label-large.weight.prominent (Label styles / Label Large)
+///
+/// @deprecated No longer in user. Please use emphasized token instead
+$label-large-weight-prominent: md-ref-typeface.$weight-bold;
+/// md.sys.typescale.label-medium.font (Label styles / Label Medium)
+$label-medium-font: md-ref-typeface.$plain;
+/// md.sys.typescale.label-medium.weight (Label styles / Label Medium)
+$label-medium-weight: md-ref-typeface.$weight-medium;
+/// md.sys.typescale.label-medium.weight.prominent (Label styles / Label Medium)
+///
+/// @deprecated No longer in user. Please use emphasized token instead
+$label-medium-weight-prominent: md-ref-typeface.$weight-bold;
+/// md.sys.typescale.label-small.font (Label styles / Label Small)
+$label-small-font: md-ref-typeface.$plain;
+/// md.sys.typescale.label-small.weight (Label styles / Label Small)
+$label-small-weight: md-ref-typeface.$weight-medium;
+/// md.sys.typescale.title-large.font (Title styles / Title Large)
+$title-large-font: md-ref-typeface.$brand;
+/// md.sys.typescale.title-large.weight (Title styles / Title Large)
+$title-large-weight: md-ref-typeface.$weight-regular;
+/// md.sys.typescale.title-medium.font (Title styles / Title Medium)
+$title-medium-font: md-ref-typeface.$plain;
+/// md.sys.typescale.title-medium.weight (Title styles / Title Medium)
+$title-medium-weight: md-ref-typeface.$weight-medium;
+/// md.sys.typescale.title-small.font (Title styles / Title Small)
+$title-small-font: md-ref-typeface.$plain;
+/// md.sys.typescale.title-small.weight (Title styles / Title Small)
+$title-small-weight: md-ref-typeface.$weight-medium;
+/// md.sys.typescale.body-large (Body styles / Body Large)
+@mixin body-large {
+  font-family: $body-large-font;
+  font-size: $body-large-size;
+  font-weight: $body-large-weight;
+  letter-spacing: $body-large-tracking;
+  line-height: $body-large-line-height;
+}
+/// md.sys.typescale.body-medium (Body styles / Body Medium)
+@mixin body-medium {
+  font-family: $body-medium-font;
+  font-size: $body-medium-size;
+  font-weight: $body-medium-weight;
+  letter-spacing: $body-medium-tracking;
+  line-height: $body-medium-line-height;
+}
+/// md.sys.typescale.body-small (Body styles / Body Small)
+@mixin body-small {
+  font-family: $body-small-font;
+  font-size: $body-small-size;
+  font-weight: $body-small-weight;
+  letter-spacing: $body-small-tracking;
+  line-height: $body-small-line-height;
+}
+/// md.sys.typescale.display-large (Display styles / Display Large)
+@mixin display-large {
+  font-family: $display-large-font;
+  font-size: $display-large-size;
+  font-weight: $display-large-weight;
+  letter-spacing: $display-large-tracking;
+  line-height: $display-large-line-height;
+}
+/// md.sys.typescale.display-medium (Display styles / Display Medium)
+@mixin display-medium {
+  font-family: $display-medium-font;
+  font-size: $display-medium-size;
+  font-weight: $display-medium-weight;
+  letter-spacing: $display-medium-tracking;
+  line-height: $display-medium-line-height;
+}
+/// md.sys.typescale.display-small (Display styles / Display Small)
+@mixin display-small {
+  font-family: $display-small-font;
+  font-size: $display-small-size;
+  font-weight: $display-small-weight;
+  letter-spacing: $display-small-tracking;
+  line-height: $display-small-line-height;
+}
+/// md.sys.typescale.headline-large (Headline styles / Headline Large)
+@mixin headline-large {
+  font-family: $headline-large-font;
+  font-size: $headline-large-size;
+  font-weight: $headline-large-weight;
+  letter-spacing: $headline-large-tracking;
+  line-height: $headline-large-line-height;
+}
+/// md.sys.typescale.headline-medium (Headline styles / Headline Medium)
+@mixin headline-medium {
+  font-family: $headline-medium-font;
+  font-size: $headline-medium-size;
+  font-weight: $headline-medium-weight;
+  letter-spacing: $headline-medium-tracking;
+  line-height: $headline-medium-line-height;
+}
+/// md.sys.typescale.headline-small (Headline styles / Headline Small)
+@mixin headline-small {
+  font-family: $headline-small-font;
+  font-size: $headline-small-size;
+  font-weight: $headline-small-weight;
+  letter-spacing: $headline-small-tracking;
+  line-height: $headline-small-line-height;
+}
+/// md.sys.typescale.label-large (Label styles / Label Large)
+@mixin label-large {
+  font-family: $label-large-font;
+  font-size: $label-large-size;
+  font-weight: $label-large-weight;
+  letter-spacing: $label-large-tracking;
+  line-height: $label-large-line-height;
+}
+/// md.sys.typescale.label-medium (Label styles / Label Medium)
+@mixin label-medium {
+  font-family: $label-medium-font;
+  font-size: $label-medium-size;
+  font-weight: $label-medium-weight;
+  letter-spacing: $label-medium-tracking;
+  line-height: $label-medium-line-height;
+}
+/// md.sys.typescale.label-small (Label styles / Label Small)
+@mixin label-small {
+  font-family: $label-small-font;
+  font-size: $label-small-size;
+  font-weight: $label-small-weight;
+  letter-spacing: $label-small-tracking;
+  line-height: $label-small-line-height;
+}
+/// md.sys.typescale.title-large (Title styles / Title Large)
+@mixin title-large {
+  font-family: $title-large-font;
+  font-size: $title-large-size;
+  font-weight: $title-large-weight;
+  letter-spacing: $title-large-tracking;
+  line-height: $title-large-line-height;
+}
+/// md.sys.typescale.title-medium (Title styles / Title Medium)
+@mixin title-medium {
+  font-family: $title-medium-font;
+  font-size: $title-medium-size;
+  font-weight: $title-medium-weight;
+  letter-spacing: $title-medium-tracking;
+  line-height: $title-medium-line-height;
+}
+/// md.sys.typescale.title-small (Title styles / Title Small)
+@mixin title-small {
+  font-family: $title-small-font;
+  font-size: $title-small-size;
+  font-weight: $title-small-weight;
+  letter-spacing: $title-small-tracking;
+  line-height: $title-small-line-height;
+}