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

package/tokens/versions/latest/sass/_md-comp-switch.scss

@@ -0,0 +1,191 @@
+//
+// Copyright 2026 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+// AUTOGENERATED. DO NOT MODIFY.
+// To modify this file, update the source template,
+// or run the compiler: go/carbon-service-code-gen-mwtc.
+// Source template: 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-elevation';
+@use 'md-sys-shape';
+@use 'md-sys-state';
+@use 'md-sys-state-focus-indicator';
+
+/// md.comp.switch.disabled.handle.opacity (Disabled / Handle)
+///
+/// @deprecated The Material Switch component has been updated to a new design. Deprecated tokens are no longer required, new tokens have been added and token values updated. The new tokens only correspond to the new design
+$disabled-handle-opacity: 0.38;
+/// md.comp.switch.disabled.selected.handle.opacity (Disabled / Handle)
+$disabled-selected-handle-opacity: 1;
+/// md.comp.switch.disabled.selected.icon.opacity (Disabled / Icon)
+$disabled-selected-icon-opacity: 0.38;
+/// md.comp.switch.disabled.track.opacity (Disabled / Track)
+$disabled-track-opacity: 0.12;
+/// md.comp.switch.disabled.unselected.handle.opacity (Disabled / Handle)
+$disabled-unselected-handle-opacity: 0.38;
+/// md.comp.switch.disabled.unselected.icon.opacity (Disabled / Icon)
+$disabled-unselected-icon-opacity: 0.38;
+/// md.comp.switch.handle.height (Enabled / Handle)
+///
+/// @deprecated The Material Switch component has been updated to a new design. Deprecated tokens are no longer required, new tokens have been added and token values updated. The new tokens only correspond to the new design
+$handle-height: 20px;
+/// md.comp.switch.handle.width (Enabled / Handle)
+///
+/// @deprecated The Material Switch component has been updated to a new design. Deprecated tokens are no longer required, new tokens have been added and token values updated. The new tokens only correspond to the new design
+$handle-width: 20px;
+/// md.comp.switch.pressed.handle.height (Enabled / Handle)
+$pressed-handle-height: 28px;
+/// md.comp.switch.pressed.handle.width (Enabled / Handle)
+$pressed-handle-width: 28px;
+/// md.comp.switch.selected.handle.height (Enabled / Handle)
+$selected-handle-height: 24px;
+/// md.comp.switch.selected.handle.width (Enabled / Handle)
+$selected-handle-width: 24px;
+/// md.comp.switch.selected.icon.size (Enabled / Icon)
+$selected-icon-size: 16px;
+/// md.comp.switch.state-layer.size (Enabled / State layer)
+$state-layer-size: 40px;
+/// md.comp.switch.track.height (Enabled / Track)
+$track-height: 32px;
+/// md.comp.switch.track.outline.width (Enabled / Track)
+$track-outline-width: 2px;
+/// md.comp.switch.track.width (Enabled / Track)
+$track-width: 52px;
+/// md.comp.switch.unselected.handle.height (Enabled / Handle)
+$unselected-handle-height: 16px;
+/// md.comp.switch.unselected.handle.width (Enabled / Handle)
+$unselected-handle-width: 16px;
+/// md.comp.switch.unselected.icon.size (Enabled / Icon)
+$unselected-icon-size: 16px;
+/// md.comp.switch.with-icon.handle.height (Enabled / Handle)
+$with-icon-handle-height: 24px;
+/// md.comp.switch.with-icon.handle.width (Enabled / Handle)
+$with-icon-handle-width: 24px;
+/// md.comp.switch.disabled.handle.elevation (Disabled / Handle)
+///
+/// @deprecated The Material Switch component has been updated to a new design. Deprecated tokens are no longer required, new tokens have been added and token values updated. The new tokens only correspond to the new design
+$disabled-handle-elevation: md-sys-elevation.$level0;
+/// md.comp.switch.disabled.selected.handle.color (Disabled / Handle)
+$disabled-selected-handle-color: md-sys-color.$surface;
+/// md.comp.switch.disabled.selected.icon.color (Disabled / Icon)
+$disabled-selected-icon-color: md-sys-color.$on-surface;
+/// md.comp.switch.disabled.selected.track.color (Disabled / Track)
+$disabled-selected-track-color: md-sys-color.$on-surface;
+/// md.comp.switch.disabled.unselected.handle.color (Disabled / Handle)
+$disabled-unselected-handle-color: md-sys-color.$on-surface;
+/// md.comp.switch.disabled.unselected.icon.color (Disabled / Icon)
+$disabled-unselected-icon-color: md-sys-color.$surface-container-highest;
+/// md.comp.switch.disabled.unselected.track.color (Disabled / Track)
+$disabled-unselected-track-color: md-sys-color.$surface-container-highest;
+/// md.comp.switch.disabled.unselected.track.outline.color (Disabled / Track)
+$disabled-unselected-track-outline-color: md-sys-color.$on-surface;
+/// md.comp.switch.focus.indicator.color (Focused / Focus indicator)
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.switch.focus.indicator.offset (Focused / Focus indicator)
+$focus-indicator-offset: md-sys-state-focus-indicator.$outer-offset;
+/// md.comp.switch.focus.indicator.thickness (Focused / Focus indicator)
+$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.comp.switch.handle.elevation (Enabled / Handle)
+///
+/// @deprecated The Material Switch component has been updated to a new design. Deprecated tokens are no longer required, new tokens have been added and token values updated. The new tokens only correspond to the new design
+$handle-elevation: md-sys-elevation.$level1;
+/// md.comp.switch.handle.shadow-color (Enabled / Handle)
+///
+/// @deprecated The Material Switch component has been updated to a new design. Deprecated tokens are no longer required, new tokens have been added and token values updated. The new tokens only correspond to the new design
+$handle-shadow-color: md-sys-color.$shadow;
+/// md.comp.switch.handle.shape (Enabled / Handle)
+$handle-shape: md-sys-shape.$corner-full;
+/// md.comp.switch.selected.focus.handle.color (Focused / Handle)
+$selected-focus-handle-color: md-sys-color.$primary-container;
+/// md.comp.switch.selected.focus.icon.color (Focused / Icon)
+$selected-focus-icon-color: md-sys-color.$primary;
+/// md.comp.switch.selected.focus.state-layer.color (Focused / Track)
+$selected-focus-state-layer-color: md-sys-color.$primary;
+/// md.comp.switch.selected.focus.state-layer.opacity (Focused / Track)
+$selected-focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.switch.selected.focus.track.color (Focused / Track)
+$selected-focus-track-color: md-sys-color.$primary;
+/// md.comp.switch.selected.handle.color (Enabled / Handle)
+$selected-handle-color: md-sys-color.$on-primary;
+/// md.comp.switch.selected.hover.handle.color (Hovered / Handle)
+$selected-hover-handle-color: md-sys-color.$primary-container;
+/// md.comp.switch.selected.hover.icon.color (Hovered / Icon)
+$selected-hover-icon-color: md-sys-color.$primary;
+/// md.comp.switch.selected.hover.state-layer.color (Hovered / Track)
+$selected-hover-state-layer-color: md-sys-color.$primary;
+/// md.comp.switch.selected.hover.state-layer.opacity (Hovered / Track)
+$selected-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.switch.selected.hover.track.color (Hovered / Track)
+$selected-hover-track-color: md-sys-color.$primary;
+/// md.comp.switch.selected.icon.color (Enabled / Icon)
+$selected-icon-color: md-sys-color.$primary;
+/// md.comp.switch.selected.pressed.handle.color (Pressed (ripple) / Handle)
+$selected-pressed-handle-color: md-sys-color.$primary-container;
+/// md.comp.switch.selected.pressed.icon.color (Pressed (ripple) / Icon)
+$selected-pressed-icon-color: md-sys-color.$primary;
+/// md.comp.switch.selected.pressed.state-layer.color (Pressed (ripple) / Track)
+$selected-pressed-state-layer-color: md-sys-color.$primary;
+/// md.comp.switch.selected.pressed.state-layer.opacity (Pressed (ripple) / Track)
+$selected-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.switch.selected.pressed.track.color (Pressed (ripple) / Track)
+$selected-pressed-track-color: md-sys-color.$primary;
+/// md.comp.switch.selected.track.color (Enabled / Track)
+$selected-track-color: md-sys-color.$primary;
+/// md.comp.switch.state-layer.shape (Enabled / State layer)
+$state-layer-shape: md-sys-shape.$corner-full;
+/// md.comp.switch.track.shape (Enabled / Track)
+$track-shape: md-sys-shape.$corner-full;
+/// md.comp.switch.unselected.focus.handle.color (Focused / Handle)
+$unselected-focus-handle-color: md-sys-color.$on-surface-variant;
+/// md.comp.switch.unselected.focus.icon.color (Focused / Icon)
+$unselected-focus-icon-color: md-sys-color.$surface-container-highest;
+/// md.comp.switch.unselected.focus.state-layer.color (Focused / Track)
+$unselected-focus-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.switch.unselected.focus.state-layer.opacity (Focused / Track)
+$unselected-focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.switch.unselected.focus.track.color (Focused / Track)
+$unselected-focus-track-color: md-sys-color.$surface-container-highest;
+/// md.comp.switch.unselected.focus.track.outline.color (Focused / Track)
+$unselected-focus-track-outline-color: md-sys-color.$outline;
+/// md.comp.switch.unselected.handle.color (Enabled / Handle)
+$unselected-handle-color: md-sys-color.$outline;
+/// md.comp.switch.unselected.hover.handle.color (Hovered / Handle)
+$unselected-hover-handle-color: md-sys-color.$on-surface-variant;
+/// md.comp.switch.unselected.hover.icon.color (Hovered / Icon)
+$unselected-hover-icon-color: md-sys-color.$surface-container-highest;
+/// md.comp.switch.unselected.hover.state-layer.color (Hovered / Track)
+$unselected-hover-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.switch.unselected.hover.state-layer.opacity (Hovered / Track)
+$unselected-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.switch.unselected.hover.track.color (Hovered / Track)
+$unselected-hover-track-color: md-sys-color.$surface-container-highest;
+/// md.comp.switch.unselected.hover.track.outline.color (Hovered / Track)
+$unselected-hover-track-outline-color: md-sys-color.$outline;
+/// md.comp.switch.unselected.icon.color (Enabled / Icon)
+$unselected-icon-color: md-sys-color.$surface-container-highest;
+/// md.comp.switch.unselected.pressed.handle.color (Pressed (ripple) / Handle)
+$unselected-pressed-handle-color: md-sys-color.$on-surface-variant;
+/// md.comp.switch.unselected.pressed.icon.color (Pressed (ripple) / Icon)
+$unselected-pressed-icon-color: md-sys-color.$surface-container-highest;
+/// md.comp.switch.unselected.pressed.state-layer.color (Pressed (ripple) / Track)
+$unselected-pressed-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.switch.unselected.pressed.state-layer.opacity (Pressed (ripple) / Track)
+$unselected-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.switch.unselected.pressed.track.color (Pressed (ripple) / Track)
+$unselected-pressed-track-color: md-sys-color.$surface-container-highest;
+/// md.comp.switch.unselected.pressed.track.outline.color (Pressed (ripple) / Track)
+$unselected-pressed-track-outline-color: md-sys-color.$outline;
+/// md.comp.switch.unselected.track.color (Enabled / Track)
+$unselected-track-color: md-sys-color.$surface-container-highest;
+/// md.comp.switch.unselected.track.outline.color (Enabled / Track)
+$unselected-track-outline-color: md-sys-color.$outline;

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

@@ -0,0 +1,35 @@
+//
+// Copyright 2026 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+// Auto-generated token metadata.
+$container-height--resolved: 40px;
+$disabled-label-text-opacity--resolved: 0.38;
+$with-icon-disabled-icon-opacity--resolved: 0.38;
+$with-icon-icon-size--resolved: 18px;
+$container-elevation--resolved: var(--md-sys-elevation-level0);
+$container-shape--resolved: var(--md-sys-shape-corner-full);
+$disabled-label-text-color--resolved: var(--md-sys-color-on-surface);
+$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-primary);
+$focus-state-layer-color--resolved: var(--md-sys-color-primary);
+$focus-state-layer-opacity--resolved: var(--md-sys-state-focus-state-layer-opacity);
+$hover-label-text-color--resolved: var(--md-sys-color-primary);
+$hover-state-layer-color--resolved: var(--md-sys-color-primary);
+$hover-state-layer-opacity--resolved: var(--md-sys-state-hover-state-layer-opacity);
+$label-text-color--resolved: var(--md-sys-color-primary);
+$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);
+$pressed-label-text-color--resolved: var(--md-sys-color-primary);
+$pressed-state-layer-color--resolved: var(--md-sys-color-primary);
+$pressed-state-layer-opacity--resolved: var(--md-sys-state-pressed-state-layer-opacity);
+$with-icon-disabled-icon-color--resolved: var(--md-sys-color-on-surface);
+$with-icon-focus-icon-color--resolved: var(--md-sys-color-primary);
+$with-icon-hover-icon-color--resolved: var(--md-sys-color-primary);
+$with-icon-icon-color--resolved: var(--md-sys-color-primary);
+$with-icon-pressed-icon-color--resolved: var(--md-sys-color-primary);

package/tokens/versions/latest/sass/_md-comp-text-button.scss

@@ -0,0 +1,154 @@
+//
+// 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-elevation';
+@use 'md-sys-shape';
+@use 'md-sys-state';
+@use 'md-sys-state-focus-indicator';
+@use 'md-sys-typescale';
+
+/// md.comp.text-button.container.height ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.button.text or md.comp.button.(size) set instead.
+$container-height: 40px;
+/// md.comp.text-button.disabled.label-text.opacity ([Deprecated] Disabled / [Deprecated] Label text)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.button.text or md.comp.button.(size) set instead.
+$disabled-label-text-opacity: 0.38;
+/// md.comp.text-button.with-icon.disabled.icon.opacity ([Deprecated] Disabled / [Deprecated] Icon)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.button.text or md.comp.button.(size) set instead.
+$with-icon-disabled-icon-opacity: 0.38;
+/// md.comp.text-button.with-icon.icon.size ([Deprecated] Enabled / [Deprecated] Icon)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.button.text or md.comp.button.(size) set instead.
+$with-icon-icon-size: 18px;
+/// md.comp.text-button.container.elevation ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated Bug: should not have been created. Remove any shadows on navigation bars.
+$container-elevation: md-sys-elevation.$level0;
+/// md.comp.text-button.container.shape ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.button.text or md.comp.button.(size) set instead.
+$container-shape: md-sys-shape.$corner-full;
+/// md.comp.text-button.disabled.label-text.color ([Deprecated] Disabled / [Deprecated] Label text)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.button.text or md.comp.button.(size) set instead.
+$disabled-label-text-color: md-sys-color.$on-surface;
+/// md.comp.text-button.focus.indicator.color ([Deprecated] Focused / [Deprecated] Focus indicator)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.button.text or md.comp.button.(size) set instead.
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.text-button.focus.indicator.outline.offset ([Deprecated] Focused / [Deprecated] Focus indicator)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.button.text or md.comp.button.(size) set instead.
+$focus-indicator-outline-offset: md-sys-state-focus-indicator.$outer-offset;
+/// md.comp.text-button.focus.indicator.thickness ([Deprecated] Focused / [Deprecated] Focus indicator)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.button.text or md.comp.button.(size) set instead.
+$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.comp.text-button.focus.label-text.color ([Deprecated] Focused / [Deprecated] Label text)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.button.text or md.comp.button.(size) set instead.
+$focus-label-text-color: md-sys-color.$primary;
+/// md.comp.text-button.focus.state-layer.color ([Deprecated] Focused / [Deprecated] State layer)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.button.text or md.comp.button.(size) set instead.
+$focus-state-layer-color: md-sys-color.$primary;
+/// md.comp.text-button.focus.state-layer.opacity ([Deprecated] Focused / [Deprecated] State layer)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.button.text or md.comp.button.(size) set instead.
+$focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.text-button.hover.label-text.color ([Deprecated] Hovered / [Deprecated] Label text)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.button.text or md.comp.button.(size) set instead.
+$hover-label-text-color: md-sys-color.$primary;
+/// md.comp.text-button.hover.state-layer.color ([Deprecated] Hovered / [Deprecated] State layer)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.button.text or md.comp.button.(size) set instead.
+$hover-state-layer-color: md-sys-color.$primary;
+/// md.comp.text-button.hover.state-layer.opacity ([Deprecated] Hovered / [Deprecated] State layer)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.button.text or md.comp.button.(size) set instead.
+$hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.text-button.label-text.color ([Deprecated] Enabled / [Deprecated] Label text)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.button.text or md.comp.button.(size) set instead.
+$label-text-color: md-sys-color.$primary;
+/// md.comp.text-button.label-text.font ([Deprecated] Enabled / [Deprecated] Label text)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.button.text or md.comp.button.(size) set instead.
+$label-text-font: md-sys-typescale.$label-large-font;
+/// md.comp.text-button.label-text.line-height ([Deprecated] Enabled / [Deprecated] Label text)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.button.text or md.comp.button.(size) set instead.
+$label-text-line-height: md-sys-typescale.$label-large-line-height;
+/// md.comp.text-button.label-text.size ([Deprecated] Enabled / [Deprecated] Label text)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.button.text or md.comp.button.(size) set instead.
+$label-text-size: md-sys-typescale.$label-large-size;
+/// md.comp.text-button.label-text.tracking ([Deprecated] Enabled / [Deprecated] Label text)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.button.text or md.comp.button.(size) set instead.
+$label-text-tracking: md-sys-typescale.$label-large-tracking;
+/// md.comp.text-button.label-text.weight ([Deprecated] Enabled / [Deprecated] Label text)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.button.text or md.comp.button.(size) set instead.
+$label-text-weight: md-sys-typescale.$label-large-weight;
+/// md.comp.text-button.pressed.label-text.color ([Deprecated] Pressed (ripple) / [Deprecated] Label text)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.button.text or md.comp.button.(size) set instead.
+$pressed-label-text-color: md-sys-color.$primary;
+/// md.comp.text-button.pressed.state-layer.color ([Deprecated] Pressed (ripple) / [Deprecated] State layer)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.button.text or md.comp.button.(size) set instead.
+$pressed-state-layer-color: md-sys-color.$primary;
+/// md.comp.text-button.pressed.state-layer.opacity ([Deprecated] Pressed (ripple) / [Deprecated] State layer)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.button.text or md.comp.button.(size) set instead.
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.text-button.with-icon.disabled.icon.color ([Deprecated] Disabled / [Deprecated] Icon)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.button.text or md.comp.button.(size) set instead.
+$with-icon-disabled-icon-color: md-sys-color.$on-surface;
+/// md.comp.text-button.with-icon.focus.icon.color ([Deprecated] Focused / [Deprecated] Icon)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.button.text or md.comp.button.(size) set instead.
+$with-icon-focus-icon-color: md-sys-color.$primary;
+/// md.comp.text-button.with-icon.hover.icon.color ([Deprecated] Hovered / [Deprecated] Icon)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.button.text or md.comp.button.(size) set instead.
+$with-icon-hover-icon-color: md-sys-color.$primary;
+/// md.comp.text-button.with-icon.icon.color ([Deprecated] Enabled / [Deprecated] Icon)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.button.text or md.comp.button.(size) set instead.
+$with-icon-icon-color: md-sys-color.$primary;
+/// md.comp.text-button.with-icon.pressed.icon.color ([Deprecated] Pressed (ripple) / [Deprecated] Icon)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.button.text or md.comp.button.(size) set instead.
+$with-icon-pressed-icon-color: md-sys-color.$primary;
+/// md.comp.text-button.label-text.type ([Deprecated] Enabled / [Deprecated] Label text)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.button.text or md.comp.button.(size) set instead.
+@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/latest/sass/_md-comp-time-input-meta.scss

@@ -0,0 +1,75 @@
+//
+// Copyright 2026 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+// Auto-generated token metadata.
+$period-selector-container-height--resolved: 72px;
+$period-selector-container-width--resolved: 52px;
+$period-selector-outline-width--resolved: 1px;
+$time-input-field-container-height--resolved: 72px;
+$time-input-field-container-width--resolved: 96px;
+$time-input-field-focus-outline-width--resolved: 2px;
+$container-color--resolved: var(--md-sys-color-surface-container-high);
+$container-elevation--resolved: var(--md-sys-elevation-level3);
+$container-shape--resolved: var(--md-sys-shape-corner-extra-large);
+$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);
+$headline-color--resolved: var(--md-sys-color-on-surface-variant);
+$headline-font--resolved: var(--md-sys-typescale-label-medium-font);
+$headline-line-height--resolved: var(--md-sys-typescale-label-medium-line-height);
+$headline-size--resolved: var(--md-sys-typescale-label-medium-size);
+$headline-tracking--resolved: var(--md-sys-typescale-label-medium-tracking);
+$headline-weight--resolved: var(--md-sys-typescale-label-medium-weight);
+$period-selector-container-shape--resolved: var(--md-sys-shape-corner-small);
+$period-selector-focus-state-layer-opacity--resolved: var(--md-sys-state-focus-state-layer-opacity);
+$period-selector-hover-state-layer-opacity--resolved: var(--md-sys-state-hover-state-layer-opacity);
+$period-selector-label-text-font--resolved: var(--md-sys-typescale-title-medium-font);
+$period-selector-label-text-line-height--resolved: var(--md-sys-typescale-title-medium-line-height);
+$period-selector-label-text-size--resolved: var(--md-sys-typescale-title-medium-size);
+$period-selector-label-text-tracking--resolved: var(--md-sys-typescale-title-medium-tracking);
+$period-selector-label-text-weight--resolved: var(--md-sys-typescale-title-medium-weight);
+$period-selector-outline-color--resolved: var(--md-sys-color-outline);
+$period-selector-pressed-state-layer-opacity--resolved: var(--md-sys-state-pressed-state-layer-opacity);
+$period-selector-selected-container-color--resolved: var(--md-sys-color-tertiary-container);
+$period-selector-selected-focus-label-text-color--resolved: var(--md-sys-color-on-tertiary-container);
+$period-selector-selected-focus-state-layer-color--resolved: var(--md-sys-color-on-tertiary-container);
+$period-selector-selected-hover-label-text-color--resolved: var(--md-sys-color-on-tertiary-container);
+$period-selector-selected-hover-state-layer-color--resolved: var(--md-sys-color-on-tertiary-container);
+$period-selector-selected-label-text-color--resolved: var(--md-sys-color-on-tertiary-container);
+$period-selector-selected-pressed-label-text-color--resolved: var(--md-sys-color-on-tertiary-container);
+$period-selector-selected-pressed-state-layer-color--resolved: var(--md-sys-color-on-tertiary-container);
+$period-selector-unselected-focus-label-text-color--resolved: var(--md-sys-color-on-surface-variant);
+$period-selector-unselected-focus-state-layer-color--resolved: var(--md-sys-color-on-surface-variant);
+$period-selector-unselected-hover-label-text-color--resolved: var(--md-sys-color-on-surface-variant);
+$period-selector-unselected-hover-state-layer-color--resolved: var(--md-sys-color-on-surface-variant);
+$period-selector-unselected-label-text-color--resolved: var(--md-sys-color-on-surface-variant);
+$period-selector-unselected-pressed-label-text-color--resolved: var(--md-sys-color-on-surface-variant);
+$period-selector-unselected-pressed-state-layer-color--resolved: var(--md-sys-color-on-surface-variant);
+$surface-tint-layer-color--resolved: var(--md-sys-color-surface-tint);
+$time-input-field-container-color--resolved: var(--md-sys-color-surface-container-highest);
+$time-input-field-container-shape--resolved: var(--md-sys-shape-corner-small);
+$time-input-field-focus-container-color--resolved: var(--md-sys-color-primary-container);
+$time-input-field-focus-label-text-color--resolved: var(--md-sys-color-on-primary-container);
+$time-input-field-focus-outline-color--resolved: var(--md-sys-color-primary);
+$time-input-field-hover-label-text-color--resolved: var(--md-sys-color-on-surface);
+$time-input-field-hover-state-layer-color--resolved: var(--md-sys-color-on-surface);
+$time-input-field-hover-state-layer-opacity--resolved: var(--md-sys-state-hover-state-layer-opacity);
+$time-input-field-label-text-color--resolved: var(--md-sys-color-on-surface);
+$time-input-field-label-text-font--resolved: var(--md-sys-typescale-display-medium-font);
+$time-input-field-label-text-line-height--resolved: var(--md-sys-typescale-display-medium-line-height);
+$time-input-field-label-text-size--resolved: var(--md-sys-typescale-display-medium-size);
+$time-input-field-label-text-tracking--resolved: var(--md-sys-typescale-display-medium-tracking);
+$time-input-field-label-text-weight--resolved: var(--md-sys-typescale-display-medium-weight);
+$time-input-field-separator-color--resolved: var(--md-sys-color-on-surface);
+$time-input-field-separator-font--resolved: var(--md-sys-typescale-display-large-font);
+$time-input-field-separator-line-height--resolved: var(--md-sys-typescale-display-large-line-height);
+$time-input-field-separator-size--resolved: var(--md-sys-typescale-display-large-size);
+$time-input-field-separator-tracking--resolved: var(--md-sys-typescale-display-large-tracking);
+$time-input-field-separator-weight--resolved: var(--md-sys-typescale-display-large-weight);
+$time-input-field-supporting-text-color--resolved: var(--md-sys-color-on-surface-variant);
+$time-input-field-supporting-text-font--resolved: var(--md-sys-typescale-body-small-font);
+$time-input-field-supporting-text-line-height--resolved: var(--md-sys-typescale-body-small-line-height);
+$time-input-field-supporting-text-size--resolved: var(--md-sys-typescale-body-small-size);
+$time-input-field-supporting-text-tracking--resolved: var(--md-sys-typescale-body-small-tracking);
+$time-input-field-supporting-text-weight--resolved: var(--md-sys-typescale-body-small-weight);