@maicol07/material-web 2.2.0 → 2.5.0

package/tokens/versions/latest/sass/_md-comp-fab-tertiary.scss

@@ -0,0 +1,131 @@
+//
+// Copyright 2026 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+// AUTOGENERATED. DO NOT MODIFY.
+// To modify this file, update the source template,
+// or run the compiler: go/carbon-service-code-gen-mwtc.
+// Source template: 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.fab.tertiary.container.height ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$container-height: 56px;
+/// md.comp.fab.tertiary.container.width ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$container-width: 56px;
+/// md.comp.fab.tertiary.icon.size ([Deprecated] Enabled / [Deprecated] Icon)
+///
+/// @deprecated Token is deprecated.
+$icon-size: 24px;
+/// md.comp.fab.tertiary.container.color (Enabled)
+$container-color: md-sys-color.$tertiary;
+/// md.comp.fab.tertiary.container.elevation (Enabled)
+$container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.tertiary.container.shadow-color (Enabled)
+$container-shadow-color: md-sys-color.$shadow;
+/// md.comp.fab.tertiary.container.shape ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$container-shape: md-sys-shape.$corner-large;
+/// md.comp.fab.tertiary.focus.container.elevation ([Deprecated] Focused / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$focus-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.tertiary.focus.icon.color ([Deprecated] Focused / [Deprecated] Icon)
+///
+/// @deprecated Token is deprecated.
+$focus-icon-color: md-sys-color.$on-tertiary-container;
+/// md.comp.fab.tertiary.focus.indicator.color ([Deprecated] Focused / [Deprecated] Focus indicator)
+///
+/// @deprecated Token is deprecated.
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.fab.tertiary.focus.indicator.outline.offset ([Deprecated] Focused / [Deprecated] Focus indicator)
+///
+/// @deprecated Token is deprecated.
+$focus-indicator-outline-offset: md-sys-state-focus-indicator.$outer-offset;
+/// md.comp.fab.tertiary.focus.indicator.thickness ([Deprecated] Focused / [Deprecated] Focus indicator)
+///
+/// @deprecated Token is deprecated.
+$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.comp.fab.tertiary.focus.state-layer.color ([Deprecated] Focused / [Deprecated] State layer)
+///
+/// @deprecated Token is deprecated.
+$focus-state-layer-color: md-sys-color.$on-tertiary-container;
+/// md.comp.fab.tertiary.focus.state-layer.opacity ([Deprecated] Focused / [Deprecated] State layer)
+///
+/// @deprecated Token is deprecated.
+$focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.fab.tertiary.focused.container.elevation (Focused)
+$focused-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.tertiary.focused.icon.color (Focused)
+$focused-icon-color: md-sys-color.$on-tertiary;
+/// md.comp.fab.tertiary.focused.state-layer.color (Focused)
+$focused-state-layer-color: md-sys-color.$on-tertiary;
+/// md.comp.fab.tertiary.focused.state-layer.opacity (Focused)
+$focused-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.fab.tertiary.hover.container.elevation ([Deprecated] Hovered / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$hover-container-elevation: md-sys-elevation.$level4;
+/// md.comp.fab.tertiary.hover.icon.color ([Deprecated] Hovered / [Deprecated] Icon)
+///
+/// @deprecated Token is deprecated.
+$hover-icon-color: md-sys-color.$on-tertiary-container;
+/// md.comp.fab.tertiary.hover.state-layer.color ([Deprecated] Hovered / [Deprecated] State layer)
+///
+/// @deprecated Token is deprecated.
+$hover-state-layer-color: md-sys-color.$on-tertiary-container;
+/// md.comp.fab.tertiary.hover.state-layer.opacity ([Deprecated] Hovered / [Deprecated] State layer)
+///
+/// @deprecated Token is deprecated.
+$hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.fab.tertiary.hovered.container.elevation (Hovered)
+$hovered-container-elevation: md-sys-elevation.$level4;
+/// md.comp.fab.tertiary.hovered.icon.color (Hovered)
+$hovered-icon-color: md-sys-color.$on-tertiary;
+/// md.comp.fab.tertiary.hovered.state-layer.color (Hovered)
+$hovered-state-layer-color: md-sys-color.$on-tertiary;
+/// md.comp.fab.tertiary.hovered.state-layer.opacity (Hovered)
+$hovered-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.fab.tertiary.icon.color (Enabled)
+$icon-color: md-sys-color.$on-tertiary;
+/// md.comp.fab.tertiary.lowered.container.elevation ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$lowered-container-elevation: md-sys-elevation.$level1;
+/// md.comp.fab.tertiary.lowered.focus.container.elevation ([Deprecated] Focused / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$lowered-focus-container-elevation: md-sys-elevation.$level1;
+/// md.comp.fab.tertiary.lowered.hover.container.elevation ([Deprecated] Hovered / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$lowered-hover-container-elevation: md-sys-elevation.$level2;
+/// md.comp.fab.tertiary.lowered.pressed.container.elevation ([Deprecated] Pressed (ripple) / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$lowered-pressed-container-elevation: md-sys-elevation.$level1;
+/// md.comp.fab.tertiary.pressed.container.elevation (Pressed)
+$pressed-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.tertiary.pressed.icon.color (Pressed)
+$pressed-icon-color: md-sys-color.$on-tertiary;
+/// md.comp.fab.tertiary.pressed.state-layer.color (Pressed)
+$pressed-state-layer-color: md-sys-color.$on-tertiary;
+/// md.comp.fab.tertiary.pressed.state-layer.opacity (Pressed)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;

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

@@ -0,0 +1,27 @@
+//
+// Copyright 2026 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+// AUTOGENERATED. DO NOT MODIFY.
+// To modify this file, update the source template,
+// or run the compiler: go/carbon-service-code-gen-mwtc.
+// Source template: 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-shape';
+
+/// md.comp.fab.container.height
+$container-height: 56px;
+/// md.comp.fab.container.width
+$container-width: 56px;
+/// md.comp.fab.icon.size
+$icon-size: 24px;
+/// md.comp.fab.container.shape
+$container-shape: md-sys-shape.$corner-large;

package/tokens/versions/latest/sass/_md-comp-filled-autocomplete.scss

@@ -0,0 +1,279 @@
+//
+// Copyright 2026 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+// AUTOGENERATED. DO NOT MODIFY.
+// To modify this file, update the source template,
+// or run the compiler: go/carbon-service-code-gen-mwtc.
+// Source template: 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-typescale';
+
+/// md.comp.filled-autocomplete.menu.cascading-menu-indicator.icon.size (Enabled / Icon)
+$menu-cascading-menu-indicator-icon-size: 24px;
+/// md.comp.filled-autocomplete.menu.divider.height (Enabled / Divider)
+///
+/// @deprecated Deprecating per b/262592125
+$menu-divider-height: 1px;
+/// md.comp.filled-autocomplete.menu.list-item.container.height (Enabled / Container)
+///
+/// @deprecated Deprecating per b/262592125
+$menu-list-item-container-height: 48px;
+/// md.comp.filled-autocomplete.text-field.active-indicator.height (Enabled / Active indicator)
+$text-field-active-indicator-height: 1px;
+/// md.comp.filled-autocomplete.text-field.container.height (Enabled / Container)
+///
+/// @deprecated Removing fixed height token due to conflicts with text fields variants requiring dynamic height (multi-line, text area). Use height of internal elements and paddings to control component height.
+$text-field-container-height: 56px;
+/// md.comp.filled-autocomplete.text-field.disabled.active-indicator.height (Disabled / Active indicator)
+$text-field-disabled-active-indicator-height: 1px;
+/// md.comp.filled-autocomplete.text-field.disabled.active-indicator.opacity (Disabled / Active indicator)
+$text-field-disabled-active-indicator-opacity: 0.38;
+/// md.comp.filled-autocomplete.text-field.disabled.container.opacity (Disabled / Container)
+$text-field-disabled-container-opacity: 0.04;
+/// md.comp.filled-autocomplete.text-field.disabled.input-text.opacity (Disabled / Input text)
+$text-field-disabled-input-text-opacity: 0.38;
+/// md.comp.filled-autocomplete.text-field.disabled.label-text.opacity (Disabled / Label text)
+$text-field-disabled-label-text-opacity: 0.38;
+/// md.comp.filled-autocomplete.text-field.disabled.leading-icon.opacity (Disabled / Leading icon)
+$text-field-disabled-leading-icon-opacity: 0.38;
+/// md.comp.filled-autocomplete.text-field.disabled.supporting-text.opacity (Disabled / Supporting text)
+$text-field-disabled-supporting-text-opacity: 0.38;
+/// md.comp.filled-autocomplete.text-field.disabled.trailing-icon.opacity (Disabled / Trailing icon)
+$text-field-disabled-trailing-icon-opacity: 0.38;
+/// md.comp.filled-autocomplete.text-field.focus.active-indicator.height (Focused / Active indicator)
+$text-field-focus-active-indicator-height: 2px;
+/// md.comp.filled-autocomplete.text-field.hover.active-indicator.height (Hovered / Active indicator)
+$text-field-hover-active-indicator-height: 1px;
+/// md.comp.filled-autocomplete.text-field.leading-icon.size (Enabled / Leading icon)
+$text-field-leading-icon-size: 20px;
+/// md.comp.filled-autocomplete.text-field.trailing-icon.size (Enabled / Trailing icon)
+$text-field-trailing-icon-size: 24px;
+/// md.comp.filled-autocomplete.menu.cascading-menu-indicator.icon.color (Enabled / Icon)
+$menu-cascading-menu-indicator-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-autocomplete.menu.container.color (Enabled / Container)
+$menu-container-color: md-sys-color.$surface-container;
+/// md.comp.filled-autocomplete.menu.container.elevation (Enabled / Container)
+$menu-container-elevation: md-sys-elevation.$level2;
+/// md.comp.filled-autocomplete.menu.container.shadow-color (Enabled / Container)
+$menu-container-shadow-color: md-sys-color.$shadow;
+/// md.comp.filled-autocomplete.menu.container.shape (Enabled / Container)
+$menu-container-shape: md-sys-shape.$corner-extra-small;
+/// md.comp.filled-autocomplete.menu.container.surface-tint-layer.color (Enabled / Container)
+///
+/// @deprecated Deprecated as part of the update from opacity based surfaces to tonal surfaces. Surfaces no longer use surface-tint layers for tinting, please use the desired surface role directly as the container color.
+$menu-container-surface-tint-layer-color: md-sys-color.$surface-tint;
+/// md.comp.filled-autocomplete.menu.divider.color (Enabled / Divider)
+///
+/// @deprecated Deprecating per b/262592125
+$menu-divider-color: md-sys-color.$surface-variant;
+/// md.comp.filled-autocomplete.menu.list-item.label-text.color (Enabled / Label text)
+///
+/// @deprecated Deprecating per b/262592125
+$menu-list-item-label-text-color: md-sys-color.$on-surface;
+/// md.comp.filled-autocomplete.menu.list-item.label-text.font (Enabled / Label text)
+///
+/// @deprecated Deprecating per b/262592125
+$menu-list-item-label-text-font: md-sys-typescale.$label-large-font;
+/// md.comp.filled-autocomplete.menu.list-item.label-text.line-height (Enabled / Label text)
+///
+/// @deprecated Deprecating per b/262592125
+$menu-list-item-label-text-line-height: md-sys-typescale.$label-large-line-height;
+/// md.comp.filled-autocomplete.menu.list-item.label-text.size (Enabled / Label text)
+///
+/// @deprecated Deprecating per b/262592125
+$menu-list-item-label-text-size: md-sys-typescale.$label-large-size;
+/// md.comp.filled-autocomplete.menu.list-item.label-text.tracking (Enabled / Label text)
+///
+/// @deprecated Deprecating per b/262592125
+$menu-list-item-label-text-tracking: md-sys-typescale.$label-large-tracking;
+/// md.comp.filled-autocomplete.menu.list-item.label-text.weight (Enabled / Label text)
+///
+/// @deprecated Deprecating per b/262592125
+$menu-list-item-label-text-weight: md-sys-typescale.$label-large-weight;
+/// md.comp.filled-autocomplete.menu.list-item.selected.container.color (Enabled / Container)
+///
+/// @deprecated Deprecating per bug b/262592125
+$menu-list-item-selected-container-color: md-sys-color.$surface-container-highest;
+/// md.comp.filled-autocomplete.text-field.active-indicator.color (Enabled / Active indicator)
+$text-field-active-indicator-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-autocomplete.text-field.caret.color (Enabled / Caret)
+$text-field-caret-color: md-sys-color.$primary;
+/// md.comp.filled-autocomplete.text-field.container.color (Enabled / Container)
+$text-field-container-color: md-sys-color.$surface-container-highest;
+/// md.comp.filled-autocomplete.text-field.container.shape (Enabled / Container)
+$text-field-container-shape: md-sys-shape.$corner-extra-small-top;
+/// md.comp.filled-autocomplete.text-field.disabled.active-indicator.color (Disabled / Active indicator)
+$text-field-disabled-active-indicator-color: md-sys-color.$on-surface;
+/// md.comp.filled-autocomplete.text-field.disabled.container.color (Disabled / Container)
+$text-field-disabled-container-color: md-sys-color.$on-surface;
+/// md.comp.filled-autocomplete.text-field.disabled.input-text.color (Disabled / Input text)
+$text-field-disabled-input-text-color: md-sys-color.$on-surface;
+/// md.comp.filled-autocomplete.text-field.disabled.label-text.color (Disabled / Label text)
+$text-field-disabled-label-text-color: md-sys-color.$on-surface;
+/// md.comp.filled-autocomplete.text-field.disabled.leading-icon.color (Disabled / Leading icon)
+$text-field-disabled-leading-icon-color: md-sys-color.$on-surface;
+/// md.comp.filled-autocomplete.text-field.disabled.supporting-text.color (Disabled / Supporting text)
+$text-field-disabled-supporting-text-color: md-sys-color.$on-surface;
+/// md.comp.filled-autocomplete.text-field.disabled.trailing-icon.color (Disabled / Trailing icon)
+$text-field-disabled-trailing-icon-color: md-sys-color.$on-surface;
+/// md.comp.filled-autocomplete.text-field.error.active-indicator.color (Error)
+$text-field-error-active-indicator-color: md-sys-color.$error;
+/// md.comp.filled-autocomplete.text-field.error.focus.active-indicator.color (Error / Focus)
+$text-field-error-focus-active-indicator-color: md-sys-color.$error;
+/// md.comp.filled-autocomplete.text-field.error.focus.caret.color (Error / Focus)
+$text-field-error-focus-caret-color: md-sys-color.$error;
+/// md.comp.filled-autocomplete.text-field.error.focus.input-text.color (Error / Focus)
+$text-field-error-focus-input-text-color: md-sys-color.$on-surface;
+/// md.comp.filled-autocomplete.text-field.error.focus.label-text.color (Error / Focus)
+$text-field-error-focus-label-text-color: md-sys-color.$error;
+/// md.comp.filled-autocomplete.text-field.error.focus.leading-icon.color (Error / Focus)
+$text-field-error-focus-leading-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-autocomplete.text-field.error.focus.supporting-text.color (Error / Focus)
+$text-field-error-focus-supporting-text-color: md-sys-color.$error;
+/// md.comp.filled-autocomplete.text-field.error.focus.trailing-icon.color (Error / Focus)
+$text-field-error-focus-trailing-icon-color: md-sys-color.$error;
+/// md.comp.filled-autocomplete.text-field.error.hover.active-indicator.color (Error / Hover)
+$text-field-error-hover-active-indicator-color: md-sys-color.$on-error-container;
+/// md.comp.filled-autocomplete.text-field.error.hover.input-text.color (Error / Hover)
+$text-field-error-hover-input-text-color: md-sys-color.$on-surface;
+/// md.comp.filled-autocomplete.text-field.error.hover.label-text.color (Error / Hover)
+$text-field-error-hover-label-text-color: md-sys-color.$on-error-container;
+/// md.comp.filled-autocomplete.text-field.error.hover.leading-icon.color (Error / Hover)
+$text-field-error-hover-leading-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-autocomplete.text-field.error.hover.state-layer.color (Error / Hover)
+$text-field-error-hover-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.filled-autocomplete.text-field.error.hover.state-layer.opacity (Error / Hover)
+$text-field-error-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.filled-autocomplete.text-field.error.hover.supporting-text.color (Error / Hover)
+$text-field-error-hover-supporting-text-color: md-sys-color.$error;
+/// md.comp.filled-autocomplete.text-field.error.hover.trailing-icon.color (Error / Hover)
+$text-field-error-hover-trailing-icon-color: md-sys-color.$on-error-container;
+/// md.comp.filled-autocomplete.text-field.error.input-text.color (Error)
+$text-field-error-input-text-color: md-sys-color.$on-surface;
+/// md.comp.filled-autocomplete.text-field.error.label-text.color (Error)
+$text-field-error-label-text-color: md-sys-color.$error;
+/// md.comp.filled-autocomplete.text-field.error.leading-icon.color (Error)
+$text-field-error-leading-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-autocomplete.text-field.error.supporting-text.color (Error)
+$text-field-error-supporting-text-color: md-sys-color.$error;
+/// md.comp.filled-autocomplete.text-field.error.trailing-icon.color (Error)
+$text-field-error-trailing-icon-color: md-sys-color.$error;
+/// md.comp.filled-autocomplete.text-field.focus.active-indicator.color (Focused / Active indicator)
+$text-field-focus-active-indicator-color: md-sys-color.$primary;
+/// md.comp.filled-autocomplete.text-field.focus.input-text.color (Focused / Input text)
+$text-field-focus-input-text-color: md-sys-color.$on-surface;
+/// md.comp.filled-autocomplete.text-field.focus.label-text.color (Focused / Label text)
+$text-field-focus-label-text-color: md-sys-color.$primary;
+/// md.comp.filled-autocomplete.text-field.focus.leading-icon.color (Focused / Leading icon)
+$text-field-focus-leading-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-autocomplete.text-field.focus.supporting-text.color (Focused / Supporting text)
+$text-field-focus-supporting-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-autocomplete.text-field.focus.trailing-icon.color (Focused / Trailing icon)
+$text-field-focus-trailing-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-autocomplete.text-field.hover.active-indicator.color (Hovered / Active indicator)
+$text-field-hover-active-indicator-color: md-sys-color.$on-surface;
+/// md.comp.filled-autocomplete.text-field.hover.input-text.color (Hovered / Input text)
+$text-field-hover-input-text-color: md-sys-color.$on-surface;
+/// md.comp.filled-autocomplete.text-field.hover.label-text.color (Hovered / Label text)
+$text-field-hover-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-autocomplete.text-field.hover.leading-icon.color (Hovered / Leading icon)
+$text-field-hover-leading-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-autocomplete.text-field.hover.state-layer.color (Hovered / State layer)
+$text-field-hover-state-layer-color: md-sys-color.$on-surface;
+/// md.comp.filled-autocomplete.text-field.hover.state-layer.opacity (Hovered / State layer)
+$text-field-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.filled-autocomplete.text-field.hover.supporting-text.color (Hovered / Supporting text)
+$text-field-hover-supporting-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-autocomplete.text-field.hover.trailing-icon.color (Hovered / Trailing icon)
+$text-field-hover-trailing-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-autocomplete.text-field.input-text.color (Enabled / Input text)
+$text-field-input-text-color: md-sys-color.$on-surface;
+/// md.comp.filled-autocomplete.text-field.input-text.font (Enabled / Input text)
+$text-field-input-text-font: md-sys-typescale.$body-large-font;
+/// md.comp.filled-autocomplete.text-field.input-text.line-height (Enabled / Input text)
+$text-field-input-text-line-height: md-sys-typescale.$body-large-line-height;
+/// md.comp.filled-autocomplete.text-field.input-text.size (Enabled / Input text)
+$text-field-input-text-size: md-sys-typescale.$body-large-size;
+/// md.comp.filled-autocomplete.text-field.input-text.tracking (Enabled / Input text)
+$text-field-input-text-tracking: md-sys-typescale.$body-large-tracking;
+/// md.comp.filled-autocomplete.text-field.input-text.weight (Enabled / Input text)
+$text-field-input-text-weight: md-sys-typescale.$body-large-weight;
+/// md.comp.filled-autocomplete.text-field.label-text.color (Enabled / Label text)
+$text-field-label-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-autocomplete.text-field.label-text.font (Enabled / Label text)
+$text-field-label-text-font: md-sys-typescale.$body-large-font;
+/// md.comp.filled-autocomplete.text-field.label-text.line-height (Enabled / Label text)
+$text-field-label-text-line-height: md-sys-typescale.$body-large-line-height;
+/// md.comp.filled-autocomplete.text-field.label-text.populated.line-height (Enabled / Label text)
+$text-field-label-text-populated-line-height: md-sys-typescale.$body-small-line-height;
+/// md.comp.filled-autocomplete.text-field.label-text.populated.size (Enabled / Label text)
+$text-field-label-text-populated-size: md-sys-typescale.$body-small-size;
+/// md.comp.filled-autocomplete.text-field.label-text.size (Enabled / Label text)
+$text-field-label-text-size: md-sys-typescale.$body-large-size;
+/// md.comp.filled-autocomplete.text-field.label-text.tracking (Enabled / Label text)
+$text-field-label-text-tracking: md-sys-typescale.$body-large-tracking;
+/// md.comp.filled-autocomplete.text-field.label-text.weight (Enabled / Label text)
+$text-field-label-text-weight: md-sys-typescale.$body-large-weight;
+/// md.comp.filled-autocomplete.text-field.leading-icon.color (Enabled / Leading icon)
+$text-field-leading-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-autocomplete.text-field.supporting-text.color (Enabled / Supporting text)
+$text-field-supporting-text-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-autocomplete.text-field.supporting-text.font (Enabled / Supporting text)
+$text-field-supporting-text-font: md-sys-typescale.$body-small-font;
+/// md.comp.filled-autocomplete.text-field.supporting-text.line-height (Enabled / Supporting text)
+$text-field-supporting-text-line-height: md-sys-typescale.$body-small-line-height;
+/// md.comp.filled-autocomplete.text-field.supporting-text.size (Enabled / Supporting text)
+$text-field-supporting-text-size: md-sys-typescale.$body-small-size;
+/// md.comp.filled-autocomplete.text-field.supporting-text.tracking (Enabled / Supporting text)
+$text-field-supporting-text-tracking: md-sys-typescale.$body-small-tracking;
+/// md.comp.filled-autocomplete.text-field.supporting-text.weight (Enabled / Supporting text)
+$text-field-supporting-text-weight: md-sys-typescale.$body-small-weight;
+/// md.comp.filled-autocomplete.text-field.trailing-icon.color (Enabled / Trailing icon)
+$text-field-trailing-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.filled-autocomplete.menu.list-item.label-text.type (Enabled / Label text)
+///
+/// @deprecated Deprecating per b/262592125
+@mixin menu-list-item-label-text-type {
+  font-family: $menu-list-item-label-text-font;
+  font-size: $menu-list-item-label-text-size;
+  font-weight: $menu-list-item-label-text-weight;
+  letter-spacing: $menu-list-item-label-text-tracking;
+  line-height: $menu-list-item-label-text-line-height;
+}
+/// md.comp.filled-autocomplete.text-field.input-text.type (Enabled / Input text)
+@mixin text-field-input-text-type {
+  font-family: $text-field-input-text-font;
+  font-size: $text-field-input-text-size;
+  font-weight: $text-field-input-text-weight;
+  letter-spacing: $text-field-input-text-tracking;
+  line-height: $text-field-input-text-line-height;
+}
+/// md.comp.filled-autocomplete.text-field.label-text.type (Enabled / Label text)
+@mixin text-field-label-text-type {
+  font-family: $text-field-label-text-font;
+  font-size: $text-field-label-text-size;
+  font-weight: $text-field-label-text-weight;
+  letter-spacing: $text-field-label-text-tracking;
+  line-height: $text-field-label-text-line-height;
+}
+/// md.comp.filled-autocomplete.text-field.supporting-text.type (Enabled / Supporting text)
+@mixin text-field-supporting-text-type {
+  font-family: $text-field-supporting-text-font;
+  font-size: $text-field-supporting-text-size;
+  font-weight: $text-field-supporting-text-weight;
+  letter-spacing: $text-field-supporting-text-tracking;
+  line-height: $text-field-supporting-text-line-height;
+}

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

@@ -0,0 +1,206 @@
+//
+// Copyright 2026 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+// AUTOGENERATED. DO NOT MODIFY.
+// To modify this file, update the source template,
+// or run the compiler: go/carbon-service-code-gen-mwtc.
+// Source template: 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.filled-button.container.height ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.button.filled or md.comp.button.(size) set instead.
+$container-height: 40px;
+/// md.comp.filled-button.disabled.container.opacity ([Deprecated] Disabled / [Deprecated] Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.button.filled or md.comp.button.(size) set instead.
+$disabled-container-opacity: 0.12;
+/// md.comp.filled-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.filled or md.comp.button.(size) set instead.
+$disabled-label-text-opacity: 0.38;
+/// md.comp.filled-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.filled or md.comp.button.(size) set instead.
+$with-icon-disabled-icon-opacity: 0.38;
+/// md.comp.filled-button.with-icon.icon.size ([Deprecated] Enabled / [Deprecated] Icon)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.button.filled or md.comp.button.(size) set instead.
+$with-icon-icon-size: 18px;
+/// md.comp.filled-button.container.color ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.button.filled or md.comp.button.(size) set instead.
+$container-color: md-sys-color.$primary;
+/// md.comp.filled-button.container.elevation ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.button.filled or md.comp.button.(size) set instead.
+$container-elevation: md-sys-elevation.$level0;
+/// md.comp.filled-button.container.shadow-color ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.button.filled or md.comp.button.(size) set instead.
+$container-shadow-color: md-sys-color.$shadow;
+/// md.comp.filled-button.container.shape ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.button.filled or md.comp.button.(size) set instead.
+$container-shape: md-sys-shape.$corner-full;
+/// md.comp.filled-button.disabled.container.color ([Deprecated] Disabled / [Deprecated] Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.button.filled or md.comp.button.(size) set instead.
+$disabled-container-color: md-sys-color.$on-surface;
+/// md.comp.filled-button.disabled.container.elevation ([Deprecated] Disabled / [Deprecated] Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.button.filled or md.comp.button.(size) set instead.
+$disabled-container-elevation: md-sys-elevation.$level0;
+/// md.comp.filled-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.filled or md.comp.button.(size) set instead.
+$disabled-label-text-color: md-sys-color.$on-surface;
+/// md.comp.filled-button.dragged.container.elevation ([Deprecated] Dragged / [Deprecated] Container)
+///
+/// @deprecated Bug fix. Filled buttons do not provide a dragged state.
+$dragged-container-elevation: md-sys-elevation.$level3;
+/// md.comp.filled-button.dragged.label-text.color ([Deprecated] Dragged / [Deprecated] Label text)
+///
+/// @deprecated Bug fix. Filled buttons do not provide a dragged state.
+$dragged-label-text-color: md-sys-color.$on-primary;
+/// md.comp.filled-button.dragged.state-layer.color ([Deprecated] Dragged / [Deprecated] State layer)
+///
+/// @deprecated Bug fix. Filled buttons do not provide a dragged state.
+$dragged-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.filled-button.dragged.state-layer.opacity ([Deprecated] Dragged / [Deprecated] State layer)
+///
+/// @deprecated Bug fix. Filled buttons do not provide a dragged state.
+$dragged-state-layer-opacity: md-sys-state.$dragged-state-layer-opacity;
+/// md.comp.filled-button.focus.container.elevation ([Deprecated] Focused / [Deprecated] Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.button.filled or md.comp.button.(size) set instead.
+$focus-container-elevation: md-sys-elevation.$level0;
+/// md.comp.filled-button.focus.indicator.color ([Deprecated] Focused / [Deprecated] Focus indicator)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.button.filled or md.comp.button.(size) set instead.
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.filled-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.filled or md.comp.button.(size) set instead.
+$focus-indicator-outline-offset: md-sys-state-focus-indicator.$outer-offset;
+/// md.comp.filled-button.focus.indicator.thickness ([Deprecated] Focused / [Deprecated] Focus indicator)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.button.filled or md.comp.button.(size) set instead.
+$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.comp.filled-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.filled or md.comp.button.(size) set instead.
+$focus-label-text-color: md-sys-color.$on-primary;
+/// md.comp.filled-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.filled or md.comp.button.(size) set instead.
+$focus-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.filled-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.filled or md.comp.button.(size) set instead.
+$focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.filled-button.hover.container.elevation ([Deprecated] Hovered / [Deprecated] Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.button.filled or md.comp.button.(size) set instead.
+$hover-container-elevation: md-sys-elevation.$level1;
+/// md.comp.filled-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.filled or md.comp.button.(size) set instead.
+$hover-label-text-color: md-sys-color.$on-primary;
+/// md.comp.filled-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.filled or md.comp.button.(size) set instead.
+$hover-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.filled-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.filled or md.comp.button.(size) set instead.
+$hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.filled-button.label-text.color ([Deprecated] Enabled / [Deprecated] Label text)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.button.filled or md.comp.button.(size) set instead.
+$label-text-color: md-sys-color.$on-primary;
+/// md.comp.filled-button.label-text.font ([Deprecated] Enabled / [Deprecated] Label text)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.button.filled or md.comp.button.(size) set instead.
+$label-text-font: md-sys-typescale.$label-large-font;
+/// md.comp.filled-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.filled or md.comp.button.(size) set instead.
+$label-text-line-height: md-sys-typescale.$label-large-line-height;
+/// md.comp.filled-button.label-text.size ([Deprecated] Enabled / [Deprecated] Label text)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.button.filled or md.comp.button.(size) set instead.
+$label-text-size: md-sys-typescale.$label-large-size;
+/// md.comp.filled-button.label-text.tracking ([Deprecated] Enabled / [Deprecated] Label text)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.button.filled or md.comp.button.(size) set instead.
+$label-text-tracking: md-sys-typescale.$label-large-tracking;
+/// md.comp.filled-button.label-text.weight ([Deprecated] Enabled / [Deprecated] Label text)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.button.filled or md.comp.button.(size) set instead.
+$label-text-weight: md-sys-typescale.$label-large-weight;
+/// md.comp.filled-button.pressed.container.elevation ([Deprecated] Pressed (ripple) / [Deprecated] Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.button.filled or md.comp.button.(size) set instead.
+$pressed-container-elevation: md-sys-elevation.$level0;
+/// md.comp.filled-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.filled or md.comp.button.(size) set instead.
+$pressed-label-text-color: md-sys-color.$on-primary;
+/// md.comp.filled-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.filled or md.comp.button.(size) set instead.
+$pressed-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.filled-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.filled or md.comp.button.(size) set instead.
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.filled-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.filled or md.comp.button.(size) set instead.
+$with-icon-disabled-icon-color: md-sys-color.$on-surface;
+/// md.comp.filled-button.with-icon.dragged.icon.color ([Deprecated] Dragged / [Deprecated] Icon)
+///
+/// @deprecated Bug fix. Filled buttons do not provide a dragged state.
+$with-icon-dragged-icon-color: md-sys-color.$on-primary;
+/// md.comp.filled-button.with-icon.focus.icon.color ([Deprecated] Focused / [Deprecated] Icon)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.button.filled or md.comp.button.(size) set instead.
+$with-icon-focus-icon-color: md-sys-color.$on-primary;
+/// md.comp.filled-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.filled or md.comp.button.(size) set instead.
+$with-icon-hover-icon-color: md-sys-color.$on-primary;
+/// md.comp.filled-button.with-icon.icon.color ([Deprecated] Enabled / [Deprecated] Icon)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.button.filled or md.comp.button.(size) set instead.
+$with-icon-icon-color: md-sys-color.$on-primary;
+/// md.comp.filled-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.filled or md.comp.button.(size) set instead.
+$with-icon-pressed-icon-color: md-sys-color.$on-primary;
+/// md.comp.filled-button.label-text.type ([Deprecated] Enabled / [Deprecated] Label text)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.button.filled 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;
+}