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

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

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

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

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

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

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

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