@maicol07/material-web 2.2.0 → 2.5.0

package/tokens/versions/latest/sass/_md-comp-fab-primary.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.container.height ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$container-height: 56px;
+/// md.comp.fab.primary.container.width ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$container-width: 56px;
+/// md.comp.fab.primary.icon.size ([Deprecated] Enabled / [Deprecated] Icon)
+///
+/// @deprecated Token is deprecated.
+$icon-size: 24px;
+/// md.comp.fab.primary.container.color (Enabled)
+$container-color: md-sys-color.$primary;
+/// md.comp.fab.primary.container.elevation (Enabled)
+$container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.primary.container.shadow-color (Enabled)
+$container-shadow-color: md-sys-color.$shadow;
+/// md.comp.fab.primary.container.shape ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$container-shape: md-sys-shape.$corner-large;
+/// md.comp.fab.primary.focus.container.elevation ([Deprecated] Focused / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$focus-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.primary.focus.icon.color ([Deprecated] Focused / [Deprecated] Icon)
+///
+/// @deprecated Token is deprecated.
+$focus-icon-color: md-sys-color.$on-primary-container;
+/// md.comp.fab.primary.focus.indicator.color ([Deprecated] Focused / [Deprecated] Focus indicator)
+///
+/// @deprecated Token is deprecated.
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.fab.primary.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.primary.focus.indicator.thickness ([Deprecated] Focused / [Deprecated] Focus indicator)
+///
+/// @deprecated Token is deprecated.
+$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.comp.fab.primary.focus.state-layer.color ([Deprecated] Focused / [Deprecated] State layer)
+///
+/// @deprecated Token is deprecated.
+$focus-state-layer-color: md-sys-color.$on-primary-container;
+/// md.comp.fab.primary.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.primary.focused.container.elevation (Focused)
+$focused-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.primary.focused.icon.color (Focused)
+$focused-icon-color: md-sys-color.$on-primary;
+/// md.comp.fab.primary.focused.state-layer.color (Focused)
+$focused-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.fab.primary.focused.state-layer.opacity (Focused)
+$focused-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.fab.primary.hover.container.elevation ([Deprecated] Hovered / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$hover-container-elevation: md-sys-elevation.$level4;
+/// md.comp.fab.primary.hover.icon.color ([Deprecated] Hovered / [Deprecated] Icon)
+///
+/// @deprecated Token is deprecated.
+$hover-icon-color: md-sys-color.$on-primary-container;
+/// md.comp.fab.primary.hover.state-layer.color ([Deprecated] Hovered / [Deprecated] State layer)
+///
+/// @deprecated Token is deprecated.
+$hover-state-layer-color: md-sys-color.$on-primary-container;
+/// md.comp.fab.primary.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.primary.hovered.container.elevation (Hovered)
+$hovered-container-elevation: md-sys-elevation.$level4;
+/// md.comp.fab.primary.hovered.icon.color (Hovered)
+$hovered-icon-color: md-sys-color.$on-primary;
+/// md.comp.fab.primary.hovered.state-layer.color (Hovered)
+$hovered-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.fab.primary.hovered.state-layer.opacity (Hovered)
+$hovered-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.fab.primary.icon.color (Enabled)
+$icon-color: md-sys-color.$on-primary;
+/// md.comp.fab.primary.lowered.container.elevation ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$lowered-container-elevation: md-sys-elevation.$level1;
+/// md.comp.fab.primary.lowered.focus.container.elevation ([Deprecated] Focused / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$lowered-focus-container-elevation: md-sys-elevation.$level1;
+/// md.comp.fab.primary.lowered.hover.container.elevation ([Deprecated] Hovered / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$lowered-hover-container-elevation: md-sys-elevation.$level2;
+/// md.comp.fab.primary.lowered.pressed.container.elevation ([Deprecated] Pressed (ripple) / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$lowered-pressed-container-elevation: md-sys-elevation.$level1;
+/// md.comp.fab.primary.pressed.container.elevation (Pressed)
+$pressed-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.primary.pressed.icon.color (Pressed)
+$pressed-icon-color: md-sys-color.$on-primary;
+/// md.comp.fab.primary.pressed.state-layer.color (Pressed)
+$pressed-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.fab.primary.pressed.state-layer.opacity (Pressed)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;

package/tokens/versions/latest/sass/_md-comp-fab-secondary-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.secondary-container.container.color (Enabled)
+$container-color: md-sys-color.$secondary-container;
+/// md.comp.fab.secondary-container.container.elevation (Enabled)
+$container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.secondary-container.container.shadow-color (Enabled)
+$container-shadow-color: md-sys-color.$shadow;
+/// md.comp.fab.secondary-container.focused.container.elevation (Focused)
+$focused-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.secondary-container.focused.icon.color (Focused)
+$focused-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab.secondary-container.focused.state-layer.color (Focused)
+$focused-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab.secondary-container.focused.state-layer.opacity (Focused)
+$focused-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.fab.secondary-container.hovered.container.elevation (Hovered)
+$hovered-container-elevation: md-sys-elevation.$level4;
+/// md.comp.fab.secondary-container.hovered.icon.color (Hovered)
+$hovered-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab.secondary-container.hovered.state-layer.color (Hovered)
+$hovered-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab.secondary-container.hovered.state-layer.opacity (Hovered)
+$hovered-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.fab.secondary-container.icon.color (Enabled)
+$icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab.secondary-container.pressed.container.elevation (Pressed)
+$pressed-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.secondary-container.pressed.icon.color (Pressed)
+$pressed-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab.secondary-container.pressed.state-layer.color (Pressed)
+$pressed-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab.secondary-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-secondary-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.secondary.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 secondary container fab `md.comp.fab.secondary-container` token sets instead.
+$container-height: 96px;
+/// md.comp.fab.secondary.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 secondary container fab `md.comp.fab.secondary-container` token sets instead.
+$container-width: 96px;
+/// md.comp.fab.secondary.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 secondary container fab `md.comp.fab.secondary-container` token sets instead.
+$icon-size: 36px;
+/// md.comp.fab.secondary.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 secondary container fab `md.comp.fab.secondary-container` token sets instead.
+$container-color: md-sys-color.$secondary-container;
+/// md.comp.fab.secondary.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 secondary container fab `md.comp.fab.secondary-container` token sets instead.
+$container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.secondary.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 secondary container fab `md.comp.fab.secondary-container` token sets instead.
+$container-shadow-color: md-sys-color.$shadow;
+/// md.comp.fab.secondary.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 secondary container fab `md.comp.fab.secondary-container` token sets instead.
+$container-shape: md-sys-shape.$corner-extra-large;
+/// md.comp.fab.secondary.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 secondary container fab `md.comp.fab.secondary-container` token sets instead.
+$focus-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.secondary.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 secondary container fab `md.comp.fab.secondary-container` token sets instead.
+$focus-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab.secondary.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 secondary container fab `md.comp.fab.secondary-container` token sets instead.
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.fab.secondary.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 secondary container fab `md.comp.fab.secondary-container` token sets instead.
+$focus-indicator-outline-offset: md-sys-state-focus-indicator.$outer-offset;
+/// md.comp.fab.secondary.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 secondary container fab `md.comp.fab.secondary-container` token sets instead.
+$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.comp.fab.secondary.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 secondary container fab `md.comp.fab.secondary-container` token sets instead.
+$focus-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab.secondary.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 secondary container fab `md.comp.fab.secondary-container` token sets instead.
+$focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.fab.secondary.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 secondary container fab `md.comp.fab.secondary-container` token sets instead.
+$hover-container-elevation: md-sys-elevation.$level4;
+/// md.comp.fab.secondary.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 secondary container fab `md.comp.fab.secondary-container` token sets instead.
+$hover-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab.secondary.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 secondary container fab `md.comp.fab.secondary-container` token sets instead.
+$hover-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab.secondary.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 secondary container fab `md.comp.fab.secondary-container` token sets instead.
+$hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.fab.secondary.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 secondary container fab `md.comp.fab.secondary-container` token sets instead.
+$icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab.secondary.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 secondary container fab `md.comp.fab.secondary-container` token sets instead.
+$lowered-container-elevation: md-sys-elevation.$level1;
+/// md.comp.fab.secondary.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 secondary container fab `md.comp.fab.secondary-container` token sets instead.
+$lowered-focus-container-elevation: md-sys-elevation.$level1;
+/// md.comp.fab.secondary.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 secondary container fab `md.comp.fab.secondary-container` token sets instead.
+$lowered-hover-container-elevation: md-sys-elevation.$level2;
+/// md.comp.fab.secondary.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 secondary container fab `md.comp.fab.secondary-container` token sets instead.
+$lowered-pressed-container-elevation: md-sys-elevation.$level1;
+/// md.comp.fab.secondary.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 secondary container fab `md.comp.fab.secondary-container` token sets instead.
+$pressed-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.secondary.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 secondary container fab `md.comp.fab.secondary-container` token sets instead.
+$pressed-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab.secondary.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 secondary container fab `md.comp.fab.secondary-container` token sets instead.
+$pressed-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab.secondary.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 secondary container fab `md.comp.fab.secondary-container` token sets instead.
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;

package/tokens/versions/latest/sass/_md-comp-fab-secondary-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.secondary.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 secondary container fab `md.comp.fab.secondary-container` token sets instead.
+$container-height: 40px;
+/// md.comp.fab.secondary.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 secondary container fab `md.comp.fab.secondary-container` token sets instead.
+$container-width: 40px;
+/// md.comp.fab.secondary.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 secondary container fab `md.comp.fab.secondary-container` token sets instead.
+$icon-size: 24px;
+/// md.comp.fab.secondary.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 secondary container fab `md.comp.fab.secondary-container` token sets instead.
+$container-color: md-sys-color.$secondary-container;
+/// md.comp.fab.secondary.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 secondary container fab `md.comp.fab.secondary-container` token sets instead.
+$container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.secondary.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 secondary container fab `md.comp.fab.secondary-container` token sets instead.
+$container-shadow-color: md-sys-color.$shadow;
+/// md.comp.fab.secondary.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 secondary container fab `md.comp.fab.secondary-container` token sets instead.
+$container-shape: md-sys-shape.$corner-medium;
+/// md.comp.fab.secondary.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 secondary container fab `md.comp.fab.secondary-container` token sets instead.
+$focus-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.secondary.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 secondary container fab `md.comp.fab.secondary-container` token sets instead.
+$focus-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab.secondary.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 secondary container fab `md.comp.fab.secondary-container` token sets instead.
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.fab.secondary.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 secondary container fab `md.comp.fab.secondary-container` token sets instead.
+$focus-indicator-outline-offset: md-sys-state-focus-indicator.$outer-offset;
+/// md.comp.fab.secondary.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 secondary container fab `md.comp.fab.secondary-container` token sets instead.
+$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.comp.fab.secondary.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 secondary container fab `md.comp.fab.secondary-container` token sets instead.
+$focus-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab.secondary.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 secondary container fab `md.comp.fab.secondary-container` token sets instead.
+$focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.fab.secondary.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 secondary container fab `md.comp.fab.secondary-container` token sets instead.
+$hover-container-elevation: md-sys-elevation.$level4;
+/// md.comp.fab.secondary.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 secondary container fab `md.comp.fab.secondary-container` token sets instead.
+$hover-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab.secondary.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 secondary container fab `md.comp.fab.secondary-container` token sets instead.
+$hover-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab.secondary.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 secondary container fab `md.comp.fab.secondary-container` token sets instead.
+$hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.fab.secondary.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 secondary container fab `md.comp.fab.secondary-container` token sets instead.
+$icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab.secondary.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 secondary container fab `md.comp.fab.secondary-container` token sets instead.
+$lowered-container-elevation: md-sys-elevation.$level1;
+/// md.comp.fab.secondary.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 secondary container fab `md.comp.fab.secondary-container` token sets instead.
+$lowered-focus-container-elevation: md-sys-elevation.$level1;
+/// md.comp.fab.secondary.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 secondary container fab `md.comp.fab.secondary-container` token sets instead.
+$lowered-hover-container-elevation: md-sys-elevation.$level2;
+/// md.comp.fab.secondary.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 secondary container fab `md.comp.fab.secondary-container` token sets instead.
+$lowered-pressed-container-elevation: md-sys-elevation.$level1;
+/// md.comp.fab.secondary.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 secondary container fab `md.comp.fab.secondary-container` token sets instead.
+$pressed-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.secondary.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 secondary container fab `md.comp.fab.secondary-container` token sets instead.
+$pressed-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab.secondary.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 secondary container fab `md.comp.fab.secondary-container` token sets instead.
+$pressed-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab.secondary.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 secondary container fab `md.comp.fab.secondary-container` token sets instead.
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;

package/tokens/versions/latest/sass/_md-comp-fab-secondary.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.secondary.container.height ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$container-height: 56px;
+/// md.comp.fab.secondary.container.width ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$container-width: 56px;
+/// md.comp.fab.secondary.icon.size ([Deprecated] Enabled / [Deprecated] Icon)
+///
+/// @deprecated Token is deprecated.
+$icon-size: 24px;
+/// md.comp.fab.secondary.container.color (Enabled)
+$container-color: md-sys-color.$secondary;
+/// md.comp.fab.secondary.container.elevation (Enabled)
+$container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.secondary.container.shadow-color (Enabled)
+$container-shadow-color: md-sys-color.$shadow;
+/// md.comp.fab.secondary.container.shape ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$container-shape: md-sys-shape.$corner-large;
+/// md.comp.fab.secondary.focus.container.elevation ([Deprecated] Focused / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$focus-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.secondary.focus.icon.color ([Deprecated] Focused / [Deprecated] Icon)
+///
+/// @deprecated Token is deprecated.
+$focus-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab.secondary.focus.indicator.color ([Deprecated] Focused / [Deprecated] Focus indicator)
+///
+/// @deprecated Token is deprecated.
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.fab.secondary.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.secondary.focus.indicator.thickness ([Deprecated] Focused / [Deprecated] Focus indicator)
+///
+/// @deprecated Token is deprecated.
+$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.comp.fab.secondary.focus.state-layer.color ([Deprecated] Focused / [Deprecated] State layer)
+///
+/// @deprecated Token is deprecated.
+$focus-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab.secondary.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.secondary.focused.container.elevation (Focused)
+$focused-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.secondary.focused.icon.color (Focused)
+$focused-icon-color: md-sys-color.$on-secondary;
+/// md.comp.fab.secondary.focused.state-layer.color (Focused)
+$focused-state-layer-color: md-sys-color.$on-secondary;
+/// md.comp.fab.secondary.focused.state-layer.opacity (Focused)
+$focused-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.fab.secondary.hover.container.elevation ([Deprecated] Hovered / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$hover-container-elevation: md-sys-elevation.$level4;
+/// md.comp.fab.secondary.hover.icon.color ([Deprecated] Hovered / [Deprecated] Icon)
+///
+/// @deprecated Token is deprecated.
+$hover-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab.secondary.hover.state-layer.color ([Deprecated] Hovered / [Deprecated] State layer)
+///
+/// @deprecated Token is deprecated.
+$hover-state-layer-color: md-sys-color.$on-secondary-container;
+/// md.comp.fab.secondary.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.secondary.hovered.container.elevation (Hovered)
+$hovered-container-elevation: md-sys-elevation.$level4;
+/// md.comp.fab.secondary.hovered.icon.color (Hovered)
+$hovered-icon-color: md-sys-color.$on-secondary;
+/// md.comp.fab.secondary.hovered.state-layer.color (Hovered)
+$hovered-state-layer-color: md-sys-color.$on-secondary;
+/// md.comp.fab.secondary.hovered.state-layer.opacity (Hovered)
+$hovered-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.fab.secondary.icon.color (Enabled)
+$icon-color: md-sys-color.$on-secondary;
+/// md.comp.fab.secondary.lowered.container.elevation ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$lowered-container-elevation: md-sys-elevation.$level1;
+/// md.comp.fab.secondary.lowered.focus.container.elevation ([Deprecated] Focused / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$lowered-focus-container-elevation: md-sys-elevation.$level1;
+/// md.comp.fab.secondary.lowered.hover.container.elevation ([Deprecated] Hovered / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$lowered-hover-container-elevation: md-sys-elevation.$level2;
+/// md.comp.fab.secondary.lowered.pressed.container.elevation ([Deprecated] Pressed (ripple) / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$lowered-pressed-container-elevation: md-sys-elevation.$level1;
+/// md.comp.fab.secondary.pressed.container.elevation (Pressed)
+$pressed-container-elevation: md-sys-elevation.$level3;
+/// md.comp.fab.secondary.pressed.icon.color (Pressed)
+$pressed-icon-color: md-sys-color.$on-secondary;
+/// md.comp.fab.secondary.pressed.state-layer.color (Pressed)
+$pressed-state-layer-color: md-sys-color.$on-secondary;
+/// md.comp.fab.secondary.pressed.state-layer.opacity (Pressed)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;

package/tokens/versions/latest/sass/_md-comp-fab-small.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.small.container.height
+$container-height: 40px;
+/// md.comp.fab.small.container.width
+$container-width: 40px;
+/// md.comp.fab.small.icon.size
+$icon-size: 24px;
+/// md.comp.fab.small.container.shape
+$container-shape: md-sys-shape.$corner-medium;