@material/web 2.4.2-nightly.e5ed2fe.0 → 2.4.2-nightly.f57b157.0

package/tokens/versions/latest/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: formats/sassvars/contextualtokenset.scss.tmpl
+
+// Design system: Google Material 3
+// Version: 34.0.21
+// 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;

package/tokens/versions/latest/sass/_md-comp-icon-button-xlarge-meta.scss

@@ -0,0 +1,21 @@
+//
+// Copyright 2026 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+// Auto-generated token metadata.
+$container-height--resolved: 136px;
+$default-leading-space--resolved: 48px;
+$default-trailing-space--resolved: 48px;
+$icon-size--resolved: 40px;
+$narrow-leading-space--resolved: 32px;
+$narrow-trailing-space--resolved: 32px;
+$outlined-outline-width--resolved: 3px;
+$wide-leading-space--resolved: 72px;
+$wide-trailing-space--resolved: 72px;
+$container-shape-round--resolved: var(--md-sys-shape-corner-full);
+$container-shape-square--resolved: var(--md-sys-shape-corner-extra-large);
+$pressed-container-corner-size-motion-spring-damping--resolved: var(--md-sys-motion-spring-fast-spatial-damping);
+$pressed-container-corner-size-motion-spring-stiffness--resolved: var(--md-sys-motion-spring-fast-spatial-stiffness);
+$pressed-container-shape--resolved: var(--md-sys-shape-corner-large);
+$selected-container-shape-round--resolved: var(--md-sys-shape-corner-extra-large);
+$selected-container-shape-square--resolved: var(--md-sys-shape-corner-full);

package/tokens/versions/latest/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: formats/sassvars/contextualtokenset.scss.tmpl
+
+// Design system: Google Material 3
+// Version: 34.0.21
+// 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;

package/tokens/versions/latest/sass/_md-comp-icon-button-xsmall-meta.scss

@@ -0,0 +1,21 @@
+//
+// Copyright 2026 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+// Auto-generated token metadata.
+$container-height--resolved: 32px;
+$default-leading-space--resolved: 6px;
+$default-trailing-space--resolved: 6px;
+$icon-size--resolved: 20px;
+$narrow-leading-space--resolved: 4px;
+$narrow-trailing-space--resolved: 4px;
+$outlined-outline-width--resolved: 1px;
+$wide-leading-space--resolved: 10px;
+$wide-trailing-space--resolved: 10px;
+$container-shape-round--resolved: var(--md-sys-shape-corner-full);
+$container-shape-square--resolved: var(--md-sys-shape-corner-medium);
+$pressed-container-corner-size-motion-spring-damping--resolved: var(--md-sys-motion-spring-fast-spatial-damping);
+$pressed-container-corner-size-motion-spring-stiffness--resolved: var(--md-sys-motion-spring-fast-spatial-stiffness);
+$pressed-container-shape--resolved: var(--md-sys-shape-corner-small);
+$selected-container-shape-round--resolved: var(--md-sys-shape-corner-medium);
+$selected-container-shape-square--resolved: var(--md-sys-shape-corner-full);

package/tokens/versions/latest/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: formats/sassvars/contextualtokenset.scss.tmpl
+
+// Design system: Google Material 3
+// Version: 34.0.21
+// 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;

package/tokens/versions/latest/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: formats/sassvars/contextualtokenset.scss.tmpl
+
+// Design system: Google Material 3
+// Version: 34.0.21
+// 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;

package/tokens/versions/latest/sass/_md-comp-input-chip-meta.scss

@@ -0,0 +1,111 @@
+//
+// Copyright 2026 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+// Auto-generated token metadata.
+$container-height--resolved: 32px;
+$disabled-label-text-opacity--resolved: 0.38;
+$disabled-outline-opacity--resolved: 0.12;
+$disabled-selected-container-opacity--resolved: 0.12;
+$disabled-unselected-outline-opacity--resolved: 0.12;
+$outline-width--resolved: 1px;
+$selected-outline-width--resolved: 0px;
+$unselected-outline-width--resolved: 1px;
+$with-avatar-avatar-size--resolved: 24px;
+$with-avatar-disabled-avatar-opacity--resolved: 0.38;
+$with-leading-icon-disabled-leading-icon-opacity--resolved: 0.38;
+$with-leading-icon-leading-icon-size--resolved: 18px;
+$with-trailing-icon-disabled-trailing-icon-opacity--resolved: 0.38;
+$with-trailing-icon-trailing-icon-size--resolved: 18px;
+$container-elevation--resolved: var(--md-sys-elevation-level0);
+$container-shape--resolved: var(--md-sys-shape-corner-small);
+$disabled-label-text-color--resolved: var(--md-sys-color-on-surface);
+$disabled-outline-color--resolved: var(--md-sys-color-on-surface);
+$disabled-selected-container-color--resolved: var(--md-sys-color-on-surface);
+$disabled-unselected-outline-color--resolved: var(--md-sys-color-on-surface);
+$dragged-container-elevation--resolved: var(--md-sys-elevation-level4);
+$dragged-label-text-color--resolved: var(--md-sys-color-on-surface-variant);
+$dragged-state-layer-color--resolved: var(--md-sys-color-on-surface-variant);
+$dragged-state-layer-opacity--resolved: var(--md-sys-state-dragged-state-layer-opacity);
+$focus-indicator-color--resolved: var(--md-sys-color-secondary);
+$focus-indicator-outline-offset--resolved: var(--md-sys-state-focus-indicator-outer-offset);
+$focus-indicator-thickness--resolved: var(--md-sys-state-focus-indicator-thickness);
+$focus-label-text-color--resolved: var(--md-sys-color-on-surface-variant);
+$focus-outline-color--resolved: var(--md-sys-color-on-surface-variant);
+$focus-state-layer-color--resolved: var(--md-sys-color-on-surface-variant);
+$focus-state-layer-opacity--resolved: var(--md-sys-state-focus-state-layer-opacity);
+$hover-label-text-color--resolved: var(--md-sys-color-on-surface-variant);
+$hover-state-layer-color--resolved: var(--md-sys-color-on-surface-variant);
+$hover-state-layer-opacity--resolved: var(--md-sys-state-hover-state-layer-opacity);
+$label-text-color--resolved: var(--md-sys-color-on-surface-variant);
+$label-text-font--resolved: var(--md-sys-typescale-label-large-font);
+$label-text-line-height--resolved: var(--md-sys-typescale-label-large-line-height);
+$label-text-size--resolved: var(--md-sys-typescale-label-large-size);
+$label-text-tracking--resolved: var(--md-sys-typescale-label-large-tracking);
+$label-text-weight--resolved: var(--md-sys-typescale-label-large-weight);
+$outline-color--resolved: var(--md-sys-color-outline);
+$pressed-label-text-color--resolved: var(--md-sys-color-on-surface-variant);
+$pressed-state-layer-color--resolved: var(--md-sys-color-on-surface-variant);
+$pressed-state-layer-opacity--resolved: var(--md-sys-state-pressed-state-layer-opacity);
+$selected-container-color--resolved: var(--md-sys-color-secondary-container);
+$selected-dragged-label-text-color--resolved: var(--md-sys-color-on-secondary-container);
+$selected-dragged-state-layer-color--resolved: var(--md-sys-color-on-secondary-container);
+$selected-dragged-state-layer-opacity--resolved: var(--md-sys-state-dragged-state-layer-opacity);
+$selected-focus-label-text-color--resolved: var(--md-sys-color-on-secondary-container);
+$selected-focus-state-layer-color--resolved: var(--md-sys-color-on-secondary-container);
+$selected-focus-state-layer-opacity--resolved: var(--md-sys-state-focus-state-layer-opacity);
+$selected-hover-label-text-color--resolved: var(--md-sys-color-on-secondary-container);
+$selected-hover-state-layer-color--resolved: var(--md-sys-color-on-secondary-container);
+$selected-hover-state-layer-opacity--resolved: var(--md-sys-state-hover-state-layer-opacity);
+$selected-label-text-color--resolved: var(--md-sys-color-on-secondary-container);
+$selected-pressed-label-text-color--resolved: var(--md-sys-color-on-secondary-container);
+$selected-pressed-state-layer-color--resolved: var(--md-sys-color-on-secondary-container);
+$selected-pressed-state-layer-opacity--resolved: var(--md-sys-state-pressed-state-layer-opacity);
+$unselected-dragged-label-text-color--resolved: var(--md-sys-color-on-surface-variant);
+$unselected-dragged-state-layer-color--resolved: var(--md-sys-color-on-surface-variant);
+$unselected-dragged-state-layer-opacity--resolved: var(--md-sys-state-dragged-state-layer-opacity);
+$unselected-focus-label-text-color--resolved: var(--md-sys-color-on-surface-variant);
+$unselected-focus-outline-color--resolved: var(--md-sys-color-on-surface-variant);
+$unselected-focus-state-layer-color--resolved: var(--md-sys-color-on-surface-variant);
+$unselected-focus-state-layer-opacity--resolved: var(--md-sys-state-focus-state-layer-opacity);
+$unselected-hover-label-text-color--resolved: var(--md-sys-color-on-surface-variant);
+$unselected-hover-state-layer-color--resolved: var(--md-sys-color-on-surface-variant);
+$unselected-hover-state-layer-opacity--resolved: var(--md-sys-state-hover-state-layer-opacity);
+$unselected-label-text-color--resolved: var(--md-sys-color-on-surface-variant);
+$unselected-outline-color--resolved: var(--md-sys-color-outline-variant);
+$unselected-pressed-label-text-color--resolved: var(--md-sys-color-on-surface-variant);
+$unselected-pressed-state-layer-color--resolved: var(--md-sys-color-on-surface-variant);
+$unselected-pressed-state-layer-opacity--resolved: var(--md-sys-state-pressed-state-layer-opacity);
+$with-avatar-avatar-shape--resolved: var(--md-sys-shape-corner-full);
+$with-leading-icon-disabled-leading-icon-color--resolved: var(--md-sys-color-on-surface);
+$with-leading-icon-dragged-leading-icon-color--resolved: var(--md-sys-color-on-surface-variant);
+$with-leading-icon-focus-leading-icon-color--resolved: var(--md-sys-color-on-surface-variant);
+$with-leading-icon-hover-leading-icon-color--resolved: var(--md-sys-color-on-surface-variant);
+$with-leading-icon-leading-icon-color--resolved: var(--md-sys-color-on-surface-variant);
+$with-leading-icon-pressed-leading-icon-color--resolved: var(--md-sys-color-on-surface-variant);
+$with-leading-icon-selected-dragged-leading-icon-color--resolved: var(--md-sys-color-on-secondary-container);
+$with-leading-icon-selected-focus-leading-icon-color--resolved: var(--md-sys-color-primary);
+$with-leading-icon-selected-hover-leading-icon-color--resolved: var(--md-sys-color-primary);
+$with-leading-icon-selected-leading-icon-color--resolved: var(--md-sys-color-primary);
+$with-leading-icon-selected-pressed-leading-icon-color--resolved: var(--md-sys-color-primary);
+$with-leading-icon-unselected-dragged-leading-icon-color--resolved: var(--md-sys-color-on-surface-variant);
+$with-leading-icon-unselected-focus-leading-icon-color--resolved: var(--md-sys-color-primary);
+$with-leading-icon-unselected-hover-leading-icon-color--resolved: var(--md-sys-color-primary);
+$with-leading-icon-unselected-leading-icon-color--resolved: var(--md-sys-color-on-surface-variant);
+$with-leading-icon-unselected-pressed-leading-icon-color--resolved: var(--md-sys-color-primary);
+$with-trailing-icon-disabled-trailing-icon-color--resolved: var(--md-sys-color-on-surface);
+$with-trailing-icon-dragged-trailing-icon-color--resolved: var(--md-sys-color-on-surface-variant);
+$with-trailing-icon-focus-trailing-icon-color--resolved: var(--md-sys-color-on-surface-variant);
+$with-trailing-icon-hover-trailing-icon-color--resolved: var(--md-sys-color-on-surface-variant);
+$with-trailing-icon-pressed-trailing-icon-color--resolved: var(--md-sys-color-on-surface-variant);
+$with-trailing-icon-selected-dragged-trailing-icon-color--resolved: var(--md-sys-color-primary);
+$with-trailing-icon-selected-focus-trailing-icon-color--resolved: var(--md-sys-color-on-secondary-container);
+$with-trailing-icon-selected-hover-trailing-icon-color--resolved: var(--md-sys-color-on-secondary-container);
+$with-trailing-icon-selected-pressed-trailing-icon-color--resolved: var(--md-sys-color-on-secondary-container);
+$with-trailing-icon-selected-trailing-icon-color--resolved: var(--md-sys-color-on-secondary-container);
+$with-trailing-icon-trailing-icon-color--resolved: var(--md-sys-color-on-surface-variant);
+$with-trailing-icon-unselected-dragged-trailing-icon-color--resolved: var(--md-sys-color-primary);
+$with-trailing-icon-unselected-focus-trailing-icon-color--resolved: var(--md-sys-color-on-surface-variant);
+$with-trailing-icon-unselected-hover-trailing-icon-color--resolved: var(--md-sys-color-on-surface-variant);
+$with-trailing-icon-unselected-pressed-trailing-icon-color--resolved: var(--md-sys-color-on-surface-variant);
+$with-trailing-icon-unselected-trailing-icon-color--resolved: var(--md-sys-color-on-surface-variant);