@material/web 2.4.1 → 2.4.2-nightly.082faad.0

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

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

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

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