@maicol07/material-web 2.3.0 → 2.5.1

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

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

@@ -0,0 +1,50 @@
+//
+// Copyright 2026 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+// Auto-generated token metadata.
+$container-height--resolved: 56px;
+$icon-size--resolved: 24px;
+$container-color--resolved: var(--md-sys-color-primary);
+$container-elevation--resolved: var(--md-sys-elevation-level3);
+$container-shadow-color--resolved: var(--md-sys-color-shadow);
+$container-shape--resolved: var(--md-sys-shape-corner-large);
+$focus-container-elevation--resolved: var(--md-sys-elevation-level3);
+$focus-icon-color--resolved: var(--md-sys-color-on-primary-container);
+$focus-indicator-color--resolved: var(--md-sys-color-secondary);
+$focus-indicator-outline-offset--resolved: var(--md-sys-state-focus-indicator-outer-offset);
+$focus-indicator-thickness--resolved: var(--md-sys-state-focus-indicator-thickness);
+$focus-label-text-color--resolved: var(--md-sys-color-on-primary-container);
+$focus-state-layer-color--resolved: var(--md-sys-color-on-primary-container);
+$focus-state-layer-opacity--resolved: var(--md-sys-state-focus-state-layer-opacity);
+$focused-container-elevation--resolved: var(--md-sys-elevation-level3);
+$focused-icon-color--resolved: var(--md-sys-color-on-primary);
+$focused-label-text-color--resolved: var(--md-sys-color-on-primary);
+$focused-state-layer-color--resolved: var(--md-sys-color-on-primary);
+$focused-state-layer-opacity--resolved: var(--md-sys-state-focus-state-layer-opacity);
+$hover-container-elevation--resolved: var(--md-sys-elevation-level4);
+$hover-icon-color--resolved: var(--md-sys-color-on-primary-container);
+$hover-label-text-color--resolved: var(--md-sys-color-on-primary-container);
+$hover-state-layer-color--resolved: var(--md-sys-color-on-primary-container);
+$hover-state-layer-opacity--resolved: var(--md-sys-state-hover-state-layer-opacity);
+$hovered-container-elevation--resolved: var(--md-sys-elevation-level4);
+$hovered-icon-color--resolved: var(--md-sys-color-on-primary);
+$hovered-label-text-color--resolved: var(--md-sys-color-on-primary);
+$hovered-state-layer-color--resolved: var(--md-sys-color-on-primary);
+$hovered-state-layer-opacity--resolved: var(--md-sys-state-hover-state-layer-opacity);
+$icon-color--resolved: var(--md-sys-color-on-primary);
+$label-text-color--resolved: var(--md-sys-color-on-primary);
+$label-text-font--resolved: var(--md-sys-typescale-label-large-font);
+$label-text-line-height--resolved: var(--md-sys-typescale-label-large-line-height);
+$label-text-size--resolved: var(--md-sys-typescale-label-large-size);
+$label-text-tracking--resolved: var(--md-sys-typescale-label-large-tracking);
+$label-text-weight--resolved: var(--md-sys-typescale-label-large-weight);
+$lowered-container-elevation--resolved: var(--md-sys-elevation-level1);
+$lowered-focus-container-elevation--resolved: var(--md-sys-elevation-level1);
+$lowered-hover-container-elevation--resolved: var(--md-sys-elevation-level2);
+$lowered-pressed-container-elevation--resolved: var(--md-sys-elevation-level1);
+$pressed-container-elevation--resolved: var(--md-sys-elevation-level3);
+$pressed-icon-color--resolved: var(--md-sys-color-on-primary);
+$pressed-label-text-color--resolved: var(--md-sys-color-on-primary);
+$pressed-state-layer-color--resolved: var(--md-sys-color-on-primary);
+$pressed-state-layer-opacity--resolved: var(--md-sys-state-pressed-state-layer-opacity);

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

@@ -0,0 +1,174 @@
+//
+// 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.extended-fab.primary.container.height ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$container-height: 56px;
+/// md.comp.extended-fab.primary.icon.size ([Deprecated] Enabled / [Deprecated] Icon)
+///
+/// @deprecated Token is deprecated.
+$icon-size: 24px;
+/// md.comp.extended-fab.primary.container.color (Enabled)
+$container-color: md-sys-color.$primary;
+/// md.comp.extended-fab.primary.container.elevation (Enabled)
+$container-elevation: md-sys-elevation.$level3;
+/// md.comp.extended-fab.primary.container.shadow-color (Enabled)
+$container-shadow-color: md-sys-color.$shadow;
+/// md.comp.extended-fab.primary.container.shape ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$container-shape: md-sys-shape.$corner-large;
+/// md.comp.extended-fab.primary.focus.container.elevation ([Deprecated] Focused / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$focus-container-elevation: md-sys-elevation.$level3;
+/// md.comp.extended-fab.primary.focus.icon.color ([Deprecated] Focused / [Deprecated] Icon)
+///
+/// @deprecated Token is deprecated.
+$focus-icon-color: md-sys-color.$on-primary-container;
+/// md.comp.extended-fab.primary.focus.indicator.color ([Deprecated] Focused / [Deprecated] Focus indicator)
+///
+/// @deprecated Token is deprecated.
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.extended-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.extended-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.extended-fab.primary.focus.label-text.color ([Deprecated] Focused / [Deprecated] Label text)
+///
+/// @deprecated Token is deprecated.
+$focus-label-text-color: md-sys-color.$on-primary-container;
+/// md.comp.extended-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.extended-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.extended-fab.primary.focused.container.elevation (Focused)
+$focused-container-elevation: md-sys-elevation.$level3;
+/// md.comp.extended-fab.primary.focused.icon.color (Focused)
+$focused-icon-color: md-sys-color.$on-primary;
+/// md.comp.extended-fab.primary.focused.label-text.color (Focused)
+$focused-label-text-color: md-sys-color.$on-primary;
+/// md.comp.extended-fab.primary.focused.state-layer.color (Focused)
+$focused-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.extended-fab.primary.focused.state-layer.opacity (Focused)
+$focused-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.extended-fab.primary.hover.container.elevation ([Deprecated] Hovered / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$hover-container-elevation: md-sys-elevation.$level4;
+/// md.comp.extended-fab.primary.hover.icon.color ([Deprecated] Hovered / [Deprecated] Icon)
+///
+/// @deprecated Token is deprecated.
+$hover-icon-color: md-sys-color.$on-primary-container;
+/// md.comp.extended-fab.primary.hover.label-text.color ([Deprecated] Hovered / [Deprecated] Label text)
+///
+/// @deprecated Token is deprecated.
+$hover-label-text-color: md-sys-color.$on-primary-container;
+/// md.comp.extended-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.extended-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.extended-fab.primary.hovered.container.elevation (Hovered)
+$hovered-container-elevation: md-sys-elevation.$level4;
+/// md.comp.extended-fab.primary.hovered.icon.color (Hovered)
+$hovered-icon-color: md-sys-color.$on-primary;
+/// md.comp.extended-fab.primary.hovered.label-text.color (Hovered)
+$hovered-label-text-color: md-sys-color.$on-primary;
+/// md.comp.extended-fab.primary.hovered.state-layer.color (Hovered)
+$hovered-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.extended-fab.primary.hovered.state-layer.opacity (Hovered)
+$hovered-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.extended-fab.primary.icon.color (Enabled)
+$icon-color: md-sys-color.$on-primary;
+/// md.comp.extended-fab.primary.label-text.color (Enabled)
+$label-text-color: md-sys-color.$on-primary;
+/// md.comp.extended-fab.primary.label-text.font ([Deprecated] Enabled / [Deprecated] Label text)
+///
+/// @deprecated Token is deprecated.
+$label-text-font: md-sys-typescale.$label-large-font;
+/// md.comp.extended-fab.primary.label-text.line-height ([Deprecated] Enabled / [Deprecated] Label text)
+///
+/// @deprecated Token is deprecated.
+$label-text-line-height: md-sys-typescale.$label-large-line-height;
+/// md.comp.extended-fab.primary.label-text.size ([Deprecated] Enabled / [Deprecated] Label text)
+///
+/// @deprecated Token is deprecated.
+$label-text-size: md-sys-typescale.$label-large-size;
+/// md.comp.extended-fab.primary.label-text.tracking ([Deprecated] Enabled / [Deprecated] Label text)
+///
+/// @deprecated Token is deprecated.
+$label-text-tracking: md-sys-typescale.$label-large-tracking;
+/// md.comp.extended-fab.primary.label-text.weight ([Deprecated] Enabled / [Deprecated] Label text)
+///
+/// @deprecated Token is deprecated.
+$label-text-weight: md-sys-typescale.$label-large-weight;
+/// md.comp.extended-fab.primary.lowered.container.elevation ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$lowered-container-elevation: md-sys-elevation.$level1;
+/// md.comp.extended-fab.primary.lowered.focus.container.elevation ([Deprecated] Focused / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$lowered-focus-container-elevation: md-sys-elevation.$level1;
+/// md.comp.extended-fab.primary.lowered.hover.container.elevation ([Deprecated] Hovered / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$lowered-hover-container-elevation: md-sys-elevation.$level2;
+/// md.comp.extended-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.extended-fab.primary.pressed.container.elevation (Pressed)
+$pressed-container-elevation: md-sys-elevation.$level3;
+/// md.comp.extended-fab.primary.pressed.icon.color (Pressed)
+$pressed-icon-color: md-sys-color.$on-primary;
+/// md.comp.extended-fab.primary.pressed.label-text.color (Pressed)
+$pressed-label-text-color: md-sys-color.$on-primary;
+/// md.comp.extended-fab.primary.pressed.state-layer.color (Pressed)
+$pressed-state-layer-color: md-sys-color.$on-primary;
+/// md.comp.extended-fab.primary.pressed.state-layer.opacity (Pressed)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.extended-fab.primary.label-text.type ([Deprecated] Enabled / [Deprecated] Label text)
+///
+/// @deprecated Token is deprecated.
+@mixin label-text-type {
+  font-family: $label-text-font;
+  font-size: $label-text-size;
+  font-weight: $label-text-weight;
+  letter-spacing: $label-text-tracking;
+  line-height: $label-text-line-height;
+}

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

@@ -0,0 +1,25 @@
+//
+// Copyright 2026 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+// Auto-generated token metadata.
+$container-color--resolved: var(--md-sys-color-secondary-container);
+$container-elevation--resolved: var(--md-sys-elevation-level3);
+$container-shadow-color--resolved: var(--md-sys-color-shadow);
+$focused-container-elevation--resolved: var(--md-sys-elevation-level3);
+$focused-icon-color--resolved: var(--md-sys-color-on-secondary-container);
+$focused-label-text-color--resolved: var(--md-sys-color-on-secondary-container);
+$focused-state-layer-color--resolved: var(--md-sys-color-on-secondary-container);
+$focused-state-layer-opacity--resolved: var(--md-sys-state-focus-state-layer-opacity);
+$hovered-container-elevation--resolved: var(--md-sys-elevation-level4);
+$hovered-icon-color--resolved: var(--md-sys-color-on-secondary-container);
+$hovered-label-text-color--resolved: var(--md-sys-color-on-secondary-container);
+$hovered-state-layer-color--resolved: var(--md-sys-color-on-secondary-container);
+$hovered-state-layer-opacity--resolved: var(--md-sys-state-hover-state-layer-opacity);
+$icon-color--resolved: var(--md-sys-color-on-secondary-container);
+$label-text-color--resolved: var(--md-sys-color-on-secondary-container);
+$pressed-container-elevation--resolved: var(--md-sys-elevation-level3);
+$pressed-icon-color--resolved: var(--md-sys-color-on-secondary-container);
+$pressed-label-text-color--resolved: var(--md-sys-color-on-secondary-container);
+$pressed-state-layer-color--resolved: var(--md-sys-color-on-secondary-container);
+$pressed-state-layer-opacity--resolved: var(--md-sys-state-pressed-state-layer-opacity);

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

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

@@ -0,0 +1,50 @@
+//
+// Copyright 2026 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+// Auto-generated token metadata.
+$container-height--resolved: 56px;
+$icon-size--resolved: 24px;
+$container-color--resolved: var(--md-sys-color-secondary);
+$container-elevation--resolved: var(--md-sys-elevation-level3);
+$container-shadow-color--resolved: var(--md-sys-color-shadow);
+$container-shape--resolved: var(--md-sys-shape-corner-large);
+$focus-container-elevation--resolved: var(--md-sys-elevation-level3);
+$focus-icon-color--resolved: var(--md-sys-color-on-secondary-container);
+$focus-indicator-color--resolved: var(--md-sys-color-secondary);
+$focus-indicator-outline-offset--resolved: var(--md-sys-state-focus-indicator-outer-offset);
+$focus-indicator-thickness--resolved: var(--md-sys-state-focus-indicator-thickness);
+$focus-label-text-color--resolved: var(--md-sys-color-on-secondary-container);
+$focus-state-layer-color--resolved: var(--md-sys-color-on-secondary-container);
+$focus-state-layer-opacity--resolved: var(--md-sys-state-focus-state-layer-opacity);
+$focused-container-elevation--resolved: var(--md-sys-elevation-level3);
+$focused-icon-color--resolved: var(--md-sys-color-on-secondary);
+$focused-label-text-color--resolved: var(--md-sys-color-on-secondary);
+$focused-state-layer-color--resolved: var(--md-sys-color-on-secondary);
+$focused-state-layer-opacity--resolved: var(--md-sys-state-focus-state-layer-opacity);
+$hover-container-elevation--resolved: var(--md-sys-elevation-level4);
+$hover-icon-color--resolved: var(--md-sys-color-on-secondary-container);
+$hover-label-text-color--resolved: var(--md-sys-color-on-secondary-container);
+$hover-state-layer-color--resolved: var(--md-sys-color-on-secondary-container);
+$hover-state-layer-opacity--resolved: var(--md-sys-state-hover-state-layer-opacity);
+$hovered-container-elevation--resolved: var(--md-sys-elevation-level4);
+$hovered-icon-color--resolved: var(--md-sys-color-on-secondary);
+$hovered-label-text-color--resolved: var(--md-sys-color-on-secondary);
+$hovered-state-layer-color--resolved: var(--md-sys-color-on-secondary);
+$hovered-state-layer-opacity--resolved: var(--md-sys-state-hover-state-layer-opacity);
+$icon-color--resolved: var(--md-sys-color-on-secondary);
+$label-text-color--resolved: var(--md-sys-color-on-secondary);
+$label-text-font--resolved: var(--md-sys-typescale-label-large-font);
+$label-text-line-height--resolved: var(--md-sys-typescale-label-large-line-height);
+$label-text-size--resolved: var(--md-sys-typescale-label-large-size);
+$label-text-tracking--resolved: var(--md-sys-typescale-label-large-tracking);
+$label-text-weight--resolved: var(--md-sys-typescale-label-large-weight);
+$lowered-container-elevation--resolved: var(--md-sys-elevation-level1);
+$lowered-focus-container-elevation--resolved: var(--md-sys-elevation-level1);
+$lowered-hover-container-elevation--resolved: var(--md-sys-elevation-level2);
+$lowered-pressed-container-elevation--resolved: var(--md-sys-elevation-level1);
+$pressed-container-elevation--resolved: var(--md-sys-elevation-level3);
+$pressed-icon-color--resolved: var(--md-sys-color-on-secondary);
+$pressed-label-text-color--resolved: var(--md-sys-color-on-secondary);
+$pressed-state-layer-color--resolved: var(--md-sys-color-on-secondary);
+$pressed-state-layer-opacity--resolved: var(--md-sys-state-pressed-state-layer-opacity);

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

@@ -0,0 +1,174 @@
+//
+// 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.extended-fab.secondary.container.height ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$container-height: 56px;
+/// md.comp.extended-fab.secondary.icon.size ([Deprecated] Enabled / [Deprecated] Icon)
+///
+/// @deprecated Token is deprecated.
+$icon-size: 24px;
+/// md.comp.extended-fab.secondary.container.color (Enabled)
+$container-color: md-sys-color.$secondary;
+/// md.comp.extended-fab.secondary.container.elevation (Enabled)
+$container-elevation: md-sys-elevation.$level3;
+/// md.comp.extended-fab.secondary.container.shadow-color (Enabled)
+$container-shadow-color: md-sys-color.$shadow;
+/// md.comp.extended-fab.secondary.container.shape ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$container-shape: md-sys-shape.$corner-large;
+/// md.comp.extended-fab.secondary.focus.container.elevation ([Deprecated] Focused / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$focus-container-elevation: md-sys-elevation.$level3;
+/// md.comp.extended-fab.secondary.focus.icon.color ([Deprecated] Focused / [Deprecated] Icon)
+///
+/// @deprecated Token is deprecated.
+$focus-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.extended-fab.secondary.focus.indicator.color ([Deprecated] Focused / [Deprecated] Focus indicator)
+///
+/// @deprecated Token is deprecated.
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.comp.extended-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.extended-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.extended-fab.secondary.focus.label-text.color ([Deprecated] Focused / [Deprecated] Label text)
+///
+/// @deprecated Token is deprecated.
+$focus-label-text-color: md-sys-color.$on-secondary-container;
+/// md.comp.extended-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.extended-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.extended-fab.secondary.focused.container.elevation (Focused)
+$focused-container-elevation: md-sys-elevation.$level3;
+/// md.comp.extended-fab.secondary.focused.icon.color (Focused)
+$focused-icon-color: md-sys-color.$on-secondary;
+/// md.comp.extended-fab.secondary.focused.label-text.color (Focused)
+$focused-label-text-color: md-sys-color.$on-secondary;
+/// md.comp.extended-fab.secondary.focused.state-layer.color (Focused)
+$focused-state-layer-color: md-sys-color.$on-secondary;
+/// md.comp.extended-fab.secondary.focused.state-layer.opacity (Focused)
+$focused-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.comp.extended-fab.secondary.hover.container.elevation ([Deprecated] Hovered / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$hover-container-elevation: md-sys-elevation.$level4;
+/// md.comp.extended-fab.secondary.hover.icon.color ([Deprecated] Hovered / [Deprecated] Icon)
+///
+/// @deprecated Token is deprecated.
+$hover-icon-color: md-sys-color.$on-secondary-container;
+/// md.comp.extended-fab.secondary.hover.label-text.color ([Deprecated] Hovered / [Deprecated] Label text)
+///
+/// @deprecated Token is deprecated.
+$hover-label-text-color: md-sys-color.$on-secondary-container;
+/// md.comp.extended-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.extended-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.extended-fab.secondary.hovered.container.elevation (Hovered)
+$hovered-container-elevation: md-sys-elevation.$level4;
+/// md.comp.extended-fab.secondary.hovered.icon.color (Hovered)
+$hovered-icon-color: md-sys-color.$on-secondary;
+/// md.comp.extended-fab.secondary.hovered.label-text.color (Hovered)
+$hovered-label-text-color: md-sys-color.$on-secondary;
+/// md.comp.extended-fab.secondary.hovered.state-layer.color (Hovered)
+$hovered-state-layer-color: md-sys-color.$on-secondary;
+/// md.comp.extended-fab.secondary.hovered.state-layer.opacity (Hovered)
+$hovered-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.comp.extended-fab.secondary.icon.color (Enabled)
+$icon-color: md-sys-color.$on-secondary;
+/// md.comp.extended-fab.secondary.label-text.color (Enabled)
+$label-text-color: md-sys-color.$on-secondary;
+/// md.comp.extended-fab.secondary.label-text.font ([Deprecated] Enabled / [Deprecated] Label text)
+///
+/// @deprecated Token is deprecated.
+$label-text-font: md-sys-typescale.$label-large-font;
+/// md.comp.extended-fab.secondary.label-text.line-height ([Deprecated] Enabled / [Deprecated] Label text)
+///
+/// @deprecated Token is deprecated.
+$label-text-line-height: md-sys-typescale.$label-large-line-height;
+/// md.comp.extended-fab.secondary.label-text.size ([Deprecated] Enabled / [Deprecated] Label text)
+///
+/// @deprecated Token is deprecated.
+$label-text-size: md-sys-typescale.$label-large-size;
+/// md.comp.extended-fab.secondary.label-text.tracking ([Deprecated] Enabled / [Deprecated] Label text)
+///
+/// @deprecated Token is deprecated.
+$label-text-tracking: md-sys-typescale.$label-large-tracking;
+/// md.comp.extended-fab.secondary.label-text.weight ([Deprecated] Enabled / [Deprecated] Label text)
+///
+/// @deprecated Token is deprecated.
+$label-text-weight: md-sys-typescale.$label-large-weight;
+/// md.comp.extended-fab.secondary.lowered.container.elevation ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$lowered-container-elevation: md-sys-elevation.$level1;
+/// md.comp.extended-fab.secondary.lowered.focus.container.elevation ([Deprecated] Focused / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$lowered-focus-container-elevation: md-sys-elevation.$level1;
+/// md.comp.extended-fab.secondary.lowered.hover.container.elevation ([Deprecated] Hovered / [Deprecated] Container)
+///
+/// @deprecated Token is deprecated.
+$lowered-hover-container-elevation: md-sys-elevation.$level2;
+/// md.comp.extended-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.extended-fab.secondary.pressed.container.elevation (Pressed)
+$pressed-container-elevation: md-sys-elevation.$level3;
+/// md.comp.extended-fab.secondary.pressed.icon.color (Pressed)
+$pressed-icon-color: md-sys-color.$on-secondary;
+/// md.comp.extended-fab.secondary.pressed.label-text.color (Pressed)
+$pressed-label-text-color: md-sys-color.$on-secondary;
+/// md.comp.extended-fab.secondary.pressed.state-layer.color (Pressed)
+$pressed-state-layer-color: md-sys-color.$on-secondary;
+/// md.comp.extended-fab.secondary.pressed.state-layer.opacity (Pressed)
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.comp.extended-fab.secondary.label-text.type ([Deprecated] Enabled / [Deprecated] Label text)
+///
+/// @deprecated Token is deprecated.
+@mixin label-text-type {
+  font-family: $label-text-font;
+  font-size: $label-text-size;
+  font-weight: $label-text-weight;
+  letter-spacing: $label-text-tracking;
+  line-height: $label-text-line-height;
+}

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

@@ -0,0 +1,11 @@
+//
+// Copyright 2026 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+// Auto-generated token metadata.
+$container-height--resolved: 56px;
+$icon-label-space--resolved: 8px;
+$icon-size--resolved: 24px;
+$leading-space--resolved: 16px;
+$trailing-space--resolved: 16px;
+$container-shape--resolved: var(--md-sys-shape-corner-large);

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

@@ -0,0 +1,36 @@
+//
+// 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';
+@use 'md-sys-typescale';
+
+/// md.comp.extended-fab.small.container.height
+$container-height: 56px;
+/// md.comp.extended-fab.small.icon-label-space
+$icon-label-space: 8px;
+/// md.comp.extended-fab.small.icon.size
+$icon-size: 24px;
+/// md.comp.extended-fab.small.leading-space
+$leading-space: 16px;
+/// md.comp.extended-fab.small.trailing-space
+$trailing-space: 16px;
+/// md.comp.extended-fab.small.container.shape
+$container-shape: md-sys-shape.$corner-large;
+/// md.comp.extended-fab.small.label-text
+@mixin label-text {
+  @include md-sys-typescale.title-medium;
+}