@maicol07/material-web 2.3.0 → 2.5.0

package/tokens/versions/latest/sass/_md-comp-fab-menu-secondary-close-button.scss

@@ -0,0 +1,51 @@
+//
+// 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-state';
+
+/// md.comp.fab-menu.secondary.close-button.container.color (Enabled)
+$container-color: md-sys-color.$secondary;
+/// md.comp.fab-menu.secondary.close-button.container.shadow-color (Enabled)
+$container-shadow-color: md-sys-color.$shadow;
+/// md.comp.fab-menu.secondary.close-button.focused.container.elevation (Focused)
+$focused-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab-menu.secondary.close-button.focused.icon.color (Focused)
+$focused-icon-color: md-sys-color.$on-secondary;
+/// md.comp.fab-menu.secondary.close-button.focused.state-layer.color (Focused)
+$focused-state-layer-color: md-sys-color.$on-secondary;
+/// md.comp.fab-menu.secondary.close-button.focused.state-layer.opacity (Focused)
+$focused-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.fab-menu.secondary.close-button.hovered.container.elevation (Hovered)
+$hovered-container-elevation: md-sys-elevation.$level4;
+/// md.comp.fab-menu.secondary.close-button.hovered.icon.color (Hovered)
+$hovered-icon-color: md-sys-color.$on-secondary;
+/// md.comp.fab-menu.secondary.close-button.hovered.state-layer.color (Hovered)
+$hovered-state-layer-color: md-sys-color.$on-secondary;
+/// md.comp.fab-menu.secondary.close-button.hovered.state-layer.opacity (Hovered)
+$hovered-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.fab-menu.secondary.close-button.icon.color (Enabled)
+$icon-color: md-sys-color.$on-secondary;
+/// md.comp.fab-menu.secondary.close-button.pressed.container.elevation (Pressed)
+$pressed-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab-menu.secondary.close-button.pressed.icon.color (Pressed)
+$pressed-icon-color: md-sys-color.$on-secondary;
+/// md.comp.fab-menu.secondary.close-button.pressed.state-layer.color (Pressed)
+$pressed-state-layer-color: md-sys-color.$on-secondary;
+/// md.comp.fab-menu.secondary.close-button.pressed.state-layer.opacity (Pressed)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;

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

@@ -0,0 +1,59 @@
+//
+// 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-state';
+
+/// md.comp.fab-menu.secondary-container.list-item.container.color (Enabled)
+$list-item-container-color: md-sys-color.$secondary-container;
+/// md.comp.fab-menu.secondary-container.list-item.container.shadow-color (Enabled)
+$list-item-container-shadow-color: md-sys-color.$shadow;
+/// md.comp.fab-menu.secondary-container.list-item.focused.container.elevation (Focused)
+$list-item-focused-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab-menu.secondary-container.list-item.focused.icon.color (Focused)
+$list-item-focused-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab-menu.secondary-container.list-item.focused.label-text.color (Focused)
+$list-item-focused-label-text-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab-menu.secondary-container.list-item.focused.state-layer.color (Focused)
+$list-item-focused-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab-menu.secondary-container.list-item.focused.state-layer.opacity (Focused)
+$list-item-focused-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.fab-menu.secondary-container.list-item.hovered.container.elevation (Hovered)
+$list-item-hovered-container-elevation: md-sys-elevation.$level4;
+/// md.comp.fab-menu.secondary-container.list-item.hovered.icon.color (Hovered)
+$list-item-hovered-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab-menu.secondary-container.list-item.hovered.label-text.color (Hovered)
+$list-item-hovered-label-text-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab-menu.secondary-container.list-item.hovered.state-layer.color (Hovered)
+$list-item-hovered-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab-menu.secondary-container.list-item.hovered.state-layer.opacity (Hovered)
+$list-item-hovered-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.fab-menu.secondary-container.list-item.icon.color (Enabled)
+$list-item-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab-menu.secondary-container.list-item.label-text.color (Enabled)
+$list-item-label-text-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab-menu.secondary-container.list-item.pressed.container.elevation (Pressed)
+$list-item-pressed-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab-menu.secondary-container.list-item.pressed.icon.color (Pressed)
+$list-item-pressed-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab-menu.secondary-container.list-item.pressed.label-text.color (Pressed)
+$list-item-pressed-label-text-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab-menu.secondary-container.list-item.pressed.state-layer.color (Pressed)
+$list-item-pressed-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab-menu.secondary-container.list-item.pressed.state-layer.opacity (Pressed)
+$list-item-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;

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

@@ -0,0 +1,51 @@
+//
+// 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-state';
+
+/// md.comp.fab-menu.tertiary.close-button.container.color (Enabled)
+$container-color: md-sys-color.$tertiary;
+/// md.comp.fab-menu.tertiary.close-button.container.shadow-color (Enabled)
+$container-shadow-color: md-sys-color.$shadow;
+/// md.comp.fab-menu.tertiary.close-button.focused.container.elevation (Focused)
+$focused-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab-menu.tertiary.close-button.focused.icon.color (Focused)
+$focused-icon-color: md-sys-color.$on-tertiary;
+/// md.comp.fab-menu.tertiary.close-button.focused.state-layer.color (Focused)
+$focused-state-layer-color: md-sys-color.$on-tertiary;
+/// md.comp.fab-menu.tertiary.close-button.focused.state-layer.opacity (Focused)
+$focused-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.fab-menu.tertiary.close-button.hovered.container.elevation (Hovered)
+$hovered-container-elevation: md-sys-elevation.$level4;
+/// md.comp.fab-menu.tertiary.close-button.hovered.icon.color (Hovered)
+$hovered-icon-color: md-sys-color.$on-tertiary;
+/// md.comp.fab-menu.tertiary.close-button.hovered.state-layer.color (Hovered)
+$hovered-state-layer-color: md-sys-color.$on-tertiary;
+/// md.comp.fab-menu.tertiary.close-button.hovered.state-layer.opacity (Hovered)
+$hovered-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.fab-menu.tertiary.close-button.icon.color (Enabled)
+$icon-color: md-sys-color.$on-tertiary;
+/// md.comp.fab-menu.tertiary.close-button.pressed.container.elevation (Pressed)
+$pressed-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab-menu.tertiary.close-button.pressed.icon.color (Pressed)
+$pressed-icon-color: md-sys-color.$on-tertiary;
+/// md.comp.fab-menu.tertiary.close-button.pressed.state-layer.color (Pressed)
+$pressed-state-layer-color: md-sys-color.$on-tertiary;
+/// md.comp.fab-menu.tertiary.close-button.pressed.state-layer.opacity (Pressed)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;

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

@@ -0,0 +1,59 @@
+//
+// 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-state';
+
+/// md.comp.fab-menu.tertiary-container.list-item.container.color (Enabled)
+$list-item-container-color: md-sys-color.$tertiary-container;
+/// md.comp.fab-menu.tertiary-container.list-item.container.shadow-color (Enabled)
+$list-item-container-shadow-color: md-sys-color.$shadow;
+/// md.comp.fab-menu.tertiary-container.list-item.focused.container.elevation (Focused)
+$list-item-focused-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab-menu.tertiary-container.list-item.focused.icon.color (Focused)
+$list-item-focused-icon-color: md-sys-color.$on-tertiary-container;
+/// md.comp.fab-menu.tertiary-container.list-item.focused.label-text.color (Focused)
+$list-item-focused-label-text-color: md-sys-color.$on-tertiary-container;
+/// md.comp.fab-menu.tertiary-container.list-item.focused.state-layer.color (Focused)
+$list-item-focused-state-layer-color: md-sys-color.$on-tertiary-container;
+/// md.comp.fab-menu.tertiary-container.list-item.focused.state-layer.opacity (Focused)
+$list-item-focused-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.fab-menu.tertiary-container.list-item.hovered.container.elevation (Hovered)
+$list-item-hovered-container-elevation: md-sys-elevation.$level4;
+/// md.comp.fab-menu.tertiary-container.list-item.hovered.icon.color (Hovered)
+$list-item-hovered-icon-color: md-sys-color.$on-tertiary-container;
+/// md.comp.fab-menu.tertiary-container.list-item.hovered.label-text.color (Hovered)
+$list-item-hovered-label-text-color: md-sys-color.$on-tertiary-container;
+/// md.comp.fab-menu.tertiary-container.list-item.hovered.state-layer.color (Hovered)
+$list-item-hovered-state-layer-color: md-sys-color.$on-tertiary-container;
+/// md.comp.fab-menu.tertiary-container.list-item.hovered.state-layer.opacity (Hovered)
+$list-item-hovered-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.fab-menu.tertiary-container.list-item.icon.color (Enabled)
+$list-item-icon-color: md-sys-color.$on-tertiary-container;
+/// md.comp.fab-menu.tertiary-container.list-item.label-text.color (Enabled)
+$list-item-label-text-color: md-sys-color.$on-tertiary-container;
+/// md.comp.fab-menu.tertiary-container.list-item.pressed.container.elevation (Pressed)
+$list-item-pressed-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab-menu.tertiary-container.list-item.pressed.icon.color (Pressed)
+$list-item-pressed-icon-color: md-sys-color.$on-tertiary-container;
+/// md.comp.fab-menu.tertiary-container.list-item.pressed.label-text.color (Pressed)
+$list-item-pressed-label-text-color: md-sys-color.$on-tertiary-container;
+/// md.comp.fab-menu.tertiary-container.list-item.pressed.state-layer.color (Pressed)
+$list-item-pressed-state-layer-color: md-sys-color.$on-tertiary-container;
+/// md.comp.fab-menu.tertiary-container.list-item.pressed.state-layer.opacity (Pressed)
+$list-item-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;

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

@@ -0,0 +1,53 @@
+//
+// 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-elevation';
+@use 'md-sys-shape';
+@use 'md-sys-typescale';
+
+/// md.comp.fab-menu.close-button.between-space (Close button)
+$close-button-between-space: 8px;
+/// md.comp.fab-menu.close-button.container.height (Close button)
+$close-button-container-height: 56px;
+/// md.comp.fab-menu.close-button.container.width (Close button)
+$close-button-container-width: 56px;
+/// md.comp.fab-menu.close-button.icon.size (Close button)
+$close-button-icon-size: 20px;
+/// md.comp.fab-menu.menu-item.between-space (List item)
+$menu-item-between-space: 4px;
+/// md.comp.fab-menu.menu-item.container.height (List item)
+$menu-item-container-height: 56px;
+/// md.comp.fab-menu.menu-item.icon-label-space (List item)
+$menu-item-icon-label-space: 8px;
+/// md.comp.fab-menu.menu-item.icon.size (List item)
+$menu-item-icon-size: 24px;
+/// md.comp.fab-menu.menu-item.leading-space (List item)
+$menu-item-leading-space: 24px;
+/// md.comp.fab-menu.menu-item.trailing-space (List item)
+$menu-item-trailing-space: 24px;
+/// md.comp.fab-menu.close-button.container.elevation (Close button)
+$close-button-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab-menu.close-button.container.shape (Close button)
+$close-button-container-shape: md-sys-shape.$corner-full;
+/// md.comp.fab-menu.menu-item.container.elevation (List item)
+$menu-item-container-elevation: md-sys-elevation.$level0;
+/// md.comp.fab-menu.menu-item.container.shape (List item)
+$menu-item-container-shape: md-sys-shape.$corner-full;
+/// md.comp.fab-menu.menu-item.label-text (List item)
+@mixin menu-item-label-text {
+  @include md-sys-typescale.title-medium;
+}

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

@@ -0,0 +1,53 @@
+//
+// 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-state';
+
+/// md.comp.fab.primary-container.container.color (Enabled)
+$container-color: md-sys-color.$primary-container;
+/// md.comp.fab.primary-container.container.elevation (Enabled)
+$container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.primary-container.container.shadow-color (Enabled)
+$container-shadow-color: md-sys-color.$shadow;
+/// md.comp.fab.primary-container.focused.container.elevation (Focused)
+$focused-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.primary-container.focused.icon.color (Focused)
+$focused-icon-color: md-sys-color.$on-primary-container;
+/// md.comp.fab.primary-container.focused.state-layer.color (Focused)
+$focused-state-layer-color: md-sys-color.$on-primary-container;
+/// md.comp.fab.primary-container.focused.state-layer.opacity (Focused)
+$focused-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.fab.primary-container.hovered.container.elevation (Hovered)
+$hovered-container-elevation: md-sys-elevation.$level4;
+/// md.comp.fab.primary-container.hovered.icon.color (Hovered)
+$hovered-icon-color: md-sys-color.$on-primary-container;
+/// md.comp.fab.primary-container.hovered.state-layer.color (Hovered)
+$hovered-state-layer-color: md-sys-color.$on-primary-container;
+/// md.comp.fab.primary-container.hovered.state-layer.opacity (Hovered)
+$hovered-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.fab.primary-container.icon.color (Enabled)
+$icon-color: md-sys-color.$on-primary-container;
+/// md.comp.fab.primary-container.pressed.container.elevation (Pressed)
+$pressed-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.primary-container.pressed.icon.color (Pressed)
+$pressed-icon-color: md-sys-color.$on-primary-container;
+/// md.comp.fab.primary-container.pressed.state-layer.color (Pressed)
+$pressed-state-layer-color: md-sys-color.$on-primary-container;
+/// md.comp.fab.primary-container.pressed.state-layer.opacity (Pressed)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;

package/tokens/versions/latest/sass/_md-comp-fab-primary-large.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.primary.large.container.height ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and tonal primary container fab `md.comp.fab.primary-container` token sets instead.
+$container-height: 96px;
+/// md.comp.fab.primary.large.container.width ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and tonal primary container fab `md.comp.fab.primary-container` token sets instead.
+$container-width: 96px;
+/// md.comp.fab.primary.large.icon.size ([Deprecated] Enabled / [Deprecated] Icon)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and tonal primary container fab `md.comp.fab.primary-container` token sets instead.
+$icon-size: 36px;
+/// md.comp.fab.primary.large.container.color ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and tonal primary container fab `md.comp.fab.primary-container` token sets instead.
+$container-color: md-sys-color.$primary-container;
+/// md.comp.fab.primary.large.container.elevation ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and tonal primary container fab `md.comp.fab.primary-container` token sets instead.
+$container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.primary.large.container.shadow-color ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and tonal primary container fab `md.comp.fab.primary-container` token sets instead.
+$container-shadow-color: md-sys-color.$shadow;
+/// md.comp.fab.primary.large.container.shape ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and tonal primary container fab `md.comp.fab.primary-container` token sets instead.
+$container-shape: md-sys-shape.$corner-extra-large;
+/// md.comp.fab.primary.large.focus.container.elevation ([Deprecated] Focused / [Deprecated] Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and tonal primary container fab `md.comp.fab.primary-container` token sets instead.
+$focus-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.primary.large.focus.icon.color ([Deprecated] Focused / [Deprecated] Icon)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and tonal primary container fab `md.comp.fab.primary-container` token sets instead.
+$focus-icon-color: md-sys-color.$on-primary-container;
+/// md.comp.fab.primary.large.focus.indicator.color ([Deprecated] Focused / [Deprecated] Focus indicator)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and tonal primary container fab `md.comp.fab.primary-container` token sets instead.
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.fab.primary.large.focus.indicator.outline.offset ([Deprecated] Focused / [Deprecated] Focus indicator)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and tonal primary container fab `md.comp.fab.primary-container` token sets instead.
+$focus-indicator-outline-offset: md-sys-state-focus-indicator.$outer-offset;
+/// md.comp.fab.primary.large.focus.indicator.thickness ([Deprecated] Focused / [Deprecated] Focus indicator)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and tonal primary container fab `md.comp.fab.primary-container` token sets instead.
+$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.comp.fab.primary.large.focus.state-layer.color ([Deprecated] Focused / [Deprecated] State layer)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and tonal primary container fab `md.comp.fab.primary-container` token sets instead.
+$focus-state-layer-color: md-sys-color.$on-primary-container;
+/// md.comp.fab.primary.large.focus.state-layer.opacity ([Deprecated] Focused / [Deprecated] State layer)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and tonal primary container fab `md.comp.fab.primary-container` token sets instead.
+$focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.fab.primary.large.hover.container.elevation ([Deprecated] Hovered / [Deprecated] Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and tonal primary container fab `md.comp.fab.primary-container` token sets instead.
+$hover-container-elevation: md-sys-elevation.$level4;
+/// md.comp.fab.primary.large.hover.icon.color ([Deprecated] Hovered / [Deprecated] Icon)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and tonal primary container fab `md.comp.fab.primary-container` token sets instead.
+$hover-icon-color: md-sys-color.$on-primary-container;
+/// md.comp.fab.primary.large.hover.state-layer.color ([Deprecated] Hovered / [Deprecated] State layer)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and tonal primary container fab `md.comp.fab.primary-container` token sets instead.
+$hover-state-layer-color: md-sys-color.$on-primary-container;
+/// md.comp.fab.primary.large.hover.state-layer.opacity ([Deprecated] Hovered / [Deprecated] State layer)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and tonal primary container fab `md.comp.fab.primary-container` token sets instead.
+$hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.fab.primary.large.icon.color ([Deprecated] Enabled / [Deprecated] Icon)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and tonal primary container fab `md.comp.fab.primary-container` token sets instead.
+$icon-color: md-sys-color.$on-primary-container;
+/// md.comp.fab.primary.large.lowered.container.elevation ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and tonal primary container fab `md.comp.fab.primary-container` token sets instead.
+$lowered-container-elevation: md-sys-elevation.$level1;
+/// md.comp.fab.primary.large.lowered.focus.container.elevation ([Deprecated] Focused / [Deprecated] Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and tonal primary container fab `md.comp.fab.primary-container` token sets instead.
+$lowered-focus-container-elevation: md-sys-elevation.$level1;
+/// md.comp.fab.primary.large.lowered.hover.container.elevation ([Deprecated] Hovered / [Deprecated] Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and tonal primary container fab `md.comp.fab.primary-container` token sets instead.
+$lowered-hover-container-elevation: md-sys-elevation.$level2;
+/// md.comp.fab.primary.large.lowered.pressed.container.elevation ([Deprecated] Pressed (ripple) / [Deprecated] Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and tonal primary container fab `md.comp.fab.primary-container` token sets instead.
+$lowered-pressed-container-elevation: md-sys-elevation.$level1;
+/// md.comp.fab.primary.large.pressed.container.elevation ([Deprecated] Pressed (ripple) / [Deprecated] Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and tonal primary container fab `md.comp.fab.primary-container` token sets instead.
+$pressed-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.primary.large.pressed.icon.color ([Deprecated] Pressed (ripple) / [Deprecated] Icon)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and tonal primary container fab `md.comp.fab.primary-container` token sets instead.
+$pressed-icon-color: md-sys-color.$on-primary-container;
+/// md.comp.fab.primary.large.pressed.state-layer.color ([Deprecated] Pressed (ripple) / [Deprecated] State layer)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and tonal primary container fab `md.comp.fab.primary-container` token sets instead.
+$pressed-state-layer-color: md-sys-color.$on-primary-container;
+/// md.comp.fab.primary.large.pressed.state-layer.opacity ([Deprecated] Pressed (ripple) / [Deprecated] State layer)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and tonal primary container fab `md.comp.fab.primary-container` token sets instead.
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;

package/tokens/versions/latest/sass/_md-comp-fab-primary-small.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.primary.small.container.height ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the expressive small fab `md.comp.fab` or baseline small fab `md.comp.fab.small` and tonal primary container fab `md.comp.fab.primary-container` token sets instead.
+$container-height: 40px;
+/// md.comp.fab.primary.small.container.width ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the expressive small fab `md.comp.fab` or baseline small fab `md.comp.fab.small` and tonal primary container fab `md.comp.fab.primary-container` token sets instead.
+$container-width: 40px;
+/// md.comp.fab.primary.small.icon.size ([Deprecated] Enabled / [Deprecated] Icon)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the expressive small fab `md.comp.fab` or baseline small fab `md.comp.fab.small` and tonal primary container fab `md.comp.fab.primary-container` token sets instead.
+$icon-size: 24px;
+/// md.comp.fab.primary.small.container.color ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the expressive small fab `md.comp.fab` or baseline small fab `md.comp.fab.small` and tonal primary container fab `md.comp.fab.primary-container` token sets instead.
+$container-color: md-sys-color.$primary-container;
+/// md.comp.fab.primary.small.container.elevation ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the expressive small fab `md.comp.fab` or baseline small fab `md.comp.fab.small` and tonal primary container fab `md.comp.fab.primary-container` token sets instead.
+$container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.primary.small.container.shadow-color ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the expressive small fab `md.comp.fab` or baseline small fab `md.comp.fab.small` and tonal primary container fab `md.comp.fab.primary-container` token sets instead.
+$container-shadow-color: md-sys-color.$shadow;
+/// md.comp.fab.primary.small.container.shape ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the expressive small fab `md.comp.fab` or baseline small fab `md.comp.fab.small` and tonal primary container fab `md.comp.fab.primary-container` token sets instead.
+$container-shape: md-sys-shape.$corner-medium;
+/// md.comp.fab.primary.small.focus.container.elevation ([Deprecated] Focused / [Deprecated] Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the expressive small fab `md.comp.fab` or baseline small fab `md.comp.fab.small` and tonal primary container fab `md.comp.fab.primary-container` token sets instead.
+$focus-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.primary.small.focus.icon.color ([Deprecated] Focused / [Deprecated] Icon)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the expressive small fab `md.comp.fab` or baseline small fab `md.comp.fab.small` and tonal primary container fab `md.comp.fab.primary-container` token sets instead.
+$focus-icon-color: md-sys-color.$on-primary-container;
+/// md.comp.fab.primary.small.focus.indicator.color ([Deprecated] Focused / [Deprecated] Focus indicator)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the expressive small fab `md.comp.fab` or baseline small fab `md.comp.fab.small` and tonal primary container fab `md.comp.fab.primary-container` token sets instead.
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.fab.primary.small.focus.indicator.outline.offset ([Deprecated] Focused / [Deprecated] Focus indicator)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the expressive small fab `md.comp.fab` or baseline small fab `md.comp.fab.small` and tonal primary container fab `md.comp.fab.primary-container` token sets instead.
+$focus-indicator-outline-offset: md-sys-state-focus-indicator.$outer-offset;
+/// md.comp.fab.primary.small.focus.indicator.thickness ([Deprecated] Focused / [Deprecated] Focus indicator)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the expressive small fab `md.comp.fab` or baseline small fab `md.comp.fab.small` and tonal primary container fab `md.comp.fab.primary-container` token sets instead.
+$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.comp.fab.primary.small.focus.state-layer.color ([Deprecated] Focused / [Deprecated] State layer)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the expressive small fab `md.comp.fab` or baseline small fab `md.comp.fab.small` and tonal primary container fab `md.comp.fab.primary-container` token sets instead.
+$focus-state-layer-color: md-sys-color.$on-primary-container;
+/// md.comp.fab.primary.small.focus.state-layer.opacity ([Deprecated] Focused / [Deprecated] State layer)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the expressive small fab `md.comp.fab` or baseline small fab `md.comp.fab.small` and tonal primary container fab `md.comp.fab.primary-container` token sets instead.
+$focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.fab.primary.small.hover.container.elevation ([Deprecated] Hovered / [Deprecated] Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the expressive small fab `md.comp.fab` or baseline small fab `md.comp.fab.small` and tonal primary container fab `md.comp.fab.primary-container` token sets instead.
+$hover-container-elevation: md-sys-elevation.$level4;
+/// md.comp.fab.primary.small.hover.icon.color ([Deprecated] Hovered / [Deprecated] Icon)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the expressive small fab `md.comp.fab` or baseline small fab `md.comp.fab.small` and tonal primary container fab `md.comp.fab.primary-container` token sets instead.
+$hover-icon-color: md-sys-color.$on-primary-container;
+/// md.comp.fab.primary.small.hover.state-layer.color ([Deprecated] Hovered / [Deprecated] State layer)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the expressive small fab `md.comp.fab` or baseline small fab `md.comp.fab.small` and tonal primary container fab `md.comp.fab.primary-container` token sets instead.
+$hover-state-layer-color: md-sys-color.$on-primary-container;
+/// md.comp.fab.primary.small.hover.state-layer.opacity ([Deprecated] Hovered / [Deprecated] State layer)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the expressive small fab `md.comp.fab` or baseline small fab `md.comp.fab.small` and tonal primary container fab `md.comp.fab.primary-container` token sets instead.
+$hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.fab.primary.small.icon.color ([Deprecated] Enabled / [Deprecated] Icon)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the expressive small fab `md.comp.fab` or baseline small fab `md.comp.fab.small` and tonal primary container fab `md.comp.fab.primary-container` token sets instead.
+$icon-color: md-sys-color.$on-primary-container;
+/// md.comp.fab.primary.small.lowered.container.elevation ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the expressive small fab `md.comp.fab` or baseline small fab `md.comp.fab.small` and tonal primary container fab `md.comp.fab.primary-container` token sets instead.
+$lowered-container-elevation: md-sys-elevation.$level1;
+/// md.comp.fab.primary.small.lowered.focus.container.elevation ([Deprecated] Focused / [Deprecated] Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the expressive small fab `md.comp.fab` or baseline small fab `md.comp.fab.small` and tonal primary container fab `md.comp.fab.primary-container` token sets instead.
+$lowered-focus-container-elevation: md-sys-elevation.$level1;
+/// md.comp.fab.primary.small.lowered.hover.container.elevation ([Deprecated] Hovered / [Deprecated] Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the expressive small fab `md.comp.fab` or baseline small fab `md.comp.fab.small` and tonal primary container fab `md.comp.fab.primary-container` token sets instead.
+$lowered-hover-container-elevation: md-sys-elevation.$level2;
+/// md.comp.fab.primary.small.lowered.pressed.container.elevation ([Deprecated] Pressed (ripple) / [Deprecated] Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the expressive small fab `md.comp.fab` or baseline small fab `md.comp.fab.small` and tonal primary container fab `md.comp.fab.primary-container` token sets instead.
+$lowered-pressed-container-elevation: md-sys-elevation.$level1;
+/// md.comp.fab.primary.small.pressed.container.elevation ([Deprecated] Pressed (ripple) / [Deprecated] Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the expressive small fab `md.comp.fab` or baseline small fab `md.comp.fab.small` and tonal primary container fab `md.comp.fab.primary-container` token sets instead.
+$pressed-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.primary.small.pressed.icon.color ([Deprecated] Pressed (ripple) / [Deprecated] Icon)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the expressive small fab `md.comp.fab` or baseline small fab `md.comp.fab.small` and tonal primary container fab `md.comp.fab.primary-container` token sets instead.
+$pressed-icon-color: md-sys-color.$on-primary-container;
+/// md.comp.fab.primary.small.pressed.state-layer.color ([Deprecated] Pressed (ripple) / [Deprecated] State layer)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the expressive small fab `md.comp.fab` or baseline small fab `md.comp.fab.small` and tonal primary container fab `md.comp.fab.primary-container` token sets instead.
+$pressed-state-layer-color: md-sys-color.$on-primary-container;
+/// md.comp.fab.primary.small.pressed.state-layer.opacity ([Deprecated] Pressed (ripple) / [Deprecated] State layer)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the expressive small fab `md.comp.fab` or baseline small fab `md.comp.fab.small` and tonal primary container fab `md.comp.fab.primary-container` token sets instead.
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;