@maicol07/material-web 2.3.0 → 2.5.0

package/tokens/versions/latest/sass/_md-comp-top-app-bar-large.scss

@@ -0,0 +1,92 @@
+//
+// 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-typescale';
+
+/// md.comp.top-app-bar.large.container.height ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.large' tokens instead.
+$container-height: 152px;
+/// md.comp.top-app-bar.large.leading-icon.size ([Deprecated] Enabled / [Deprecated] Leading icon)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.large' tokens instead.
+$leading-icon-size: 24px;
+/// md.comp.top-app-bar.large.trailing-icon.size ([Deprecated] Enabled / [Deprecated] Trailing icon)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.large' tokens instead.
+$trailing-icon-size: 24px;
+/// md.comp.top-app-bar.large.container.color ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.large' tokens instead.
+$container-color: md-sys-color.$surface;
+/// md.comp.top-app-bar.large.container.elevation ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.large' tokens instead.
+$container-elevation: md-sys-elevation.$level0;
+/// md.comp.top-app-bar.large.container.shape ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.large' tokens instead.
+$container-shape: md-sys-shape.$corner-none;
+/// md.comp.top-app-bar.large.container.surface-tint-layer.color ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated Deprecated as part of the update from opacity based surfaces to tonal surfaces. Surfaces no longer use surface-tint layers for tinting, please use the desired surface role directly as the container color.
+$container-surface-tint-layer-color: md-sys-color.$surface-tint;
+/// md.comp.top-app-bar.large.headline.color ([Deprecated] Enabled / [Deprecated] Headline)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.large' tokens instead.
+$headline-color: md-sys-color.$on-surface;
+/// md.comp.top-app-bar.large.headline.font ([Deprecated] Enabled / [Deprecated] Headline)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.large' tokens instead.
+$headline-font: md-sys-typescale.$headline-medium-font;
+/// md.comp.top-app-bar.large.headline.line-height ([Deprecated] Enabled / [Deprecated] Headline)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.large' tokens instead.
+$headline-line-height: md-sys-typescale.$headline-medium-line-height;
+/// md.comp.top-app-bar.large.headline.size ([Deprecated] Enabled / [Deprecated] Headline)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.large' tokens instead.
+$headline-size: md-sys-typescale.$headline-medium-size;
+/// md.comp.top-app-bar.large.headline.tracking ([Deprecated] Enabled / [Deprecated] Headline)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.large' tokens instead.
+$headline-tracking: md-sys-typescale.$headline-medium-tracking;
+/// md.comp.top-app-bar.large.headline.weight ([Deprecated] Enabled / [Deprecated] Headline)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.large' tokens instead.
+$headline-weight: md-sys-typescale.$headline-medium-weight;
+/// md.comp.top-app-bar.large.leading-icon.color ([Deprecated] Enabled / [Deprecated] Leading icon)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.large' tokens instead.
+$leading-icon-color: md-sys-color.$on-surface;
+/// md.comp.top-app-bar.large.trailing-icon.color ([Deprecated] Enabled / [Deprecated] Trailing icon)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.large' tokens instead.
+$trailing-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.top-app-bar.large.headline.type ([Deprecated] Enabled / [Deprecated] Headline)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.large' tokens instead.
+@mixin headline-type {
+  font-family: $headline-font;
+  font-size: $headline-size;
+  font-weight: $headline-weight;
+  letter-spacing: $headline-tracking;
+  line-height: $headline-line-height;
+}

package/tokens/versions/latest/sass/_md-comp-top-app-bar-medium.scss

@@ -0,0 +1,92 @@
+//
+// 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-typescale';
+
+/// md.comp.top-app-bar.medium.container.height ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.medium' tokens instead.
+$container-height: 112px;
+/// md.comp.top-app-bar.medium.leading-icon.size ([Deprecated] Enabled / [Deprecated] Leading icon)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.medium' tokens instead.
+$leading-icon-size: 24px;
+/// md.comp.top-app-bar.medium.trailing-icon.size ([Deprecated] Enabled / [Deprecated] Trailing icon)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.medium' tokens instead.
+$trailing-icon-size: 24px;
+/// md.comp.top-app-bar.medium.container.color ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.medium' tokens instead.
+$container-color: md-sys-color.$surface;
+/// md.comp.top-app-bar.medium.container.elevation ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.medium' tokens instead.
+$container-elevation: md-sys-elevation.$level0;
+/// md.comp.top-app-bar.medium.container.shape ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.medium' tokens instead.
+$container-shape: md-sys-shape.$corner-none;
+/// md.comp.top-app-bar.medium.container.surface-tint-layer.color ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated Deprecated as part of the update from opacity based surfaces to tonal surfaces. Surfaces no longer use surface-tint layers for tinting, please use the desired surface role directly as the container color.
+$container-surface-tint-layer-color: md-sys-color.$surface-tint;
+/// md.comp.top-app-bar.medium.headline.color ([Deprecated] Enabled / [Deprecated] Headline)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.medium' tokens instead.
+$headline-color: md-sys-color.$on-surface;
+/// md.comp.top-app-bar.medium.headline.font ([Deprecated] Enabled / [Deprecated] Headline)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.medium' tokens instead.
+$headline-font: md-sys-typescale.$headline-small-font;
+/// md.comp.top-app-bar.medium.headline.line-height ([Deprecated] Enabled / [Deprecated] Headline)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.medium' tokens instead.
+$headline-line-height: md-sys-typescale.$headline-small-line-height;
+/// md.comp.top-app-bar.medium.headline.size ([Deprecated] Enabled / [Deprecated] Headline)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.medium' tokens instead.
+$headline-size: md-sys-typescale.$headline-small-size;
+/// md.comp.top-app-bar.medium.headline.tracking ([Deprecated] Enabled / [Deprecated] Headline)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.medium' tokens instead.
+$headline-tracking: md-sys-typescale.$headline-small-tracking;
+/// md.comp.top-app-bar.medium.headline.weight ([Deprecated] Enabled / [Deprecated] Headline)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.medium' tokens instead.
+$headline-weight: md-sys-typescale.$headline-small-weight;
+/// md.comp.top-app-bar.medium.leading-icon.color ([Deprecated] Enabled / [Deprecated] Leading icon)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.medium' tokens instead.
+$leading-icon-color: md-sys-color.$on-surface;
+/// md.comp.top-app-bar.medium.trailing-icon.color ([Deprecated] Enabled / [Deprecated] Trailing icon)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.medium' tokens instead.
+$trailing-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.top-app-bar.medium.headline.type ([Deprecated] Enabled / [Deprecated] Headline)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.medium' tokens instead.
+@mixin headline-type {
+  font-family: $headline-font;
+  font-size: $headline-size;
+  font-weight: $headline-weight;
+  letter-spacing: $headline-tracking;
+  line-height: $headline-line-height;
+}

package/tokens/versions/latest/sass/_md-comp-top-app-bar-small-centered.scss

@@ -0,0 +1,112 @@
+//
+// 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-typescale';
+
+/// md.comp.top-app-bar.small.centered.avatar.size (Enabled / Avatar)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.small' tokens instead.
+$avatar-size: 30px;
+/// md.comp.top-app-bar.small.centered.container.height (Enabled / Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.small' tokens instead.
+$container-height: 64px;
+/// md.comp.top-app-bar.small.centered.leading-icon.size (Enabled / Leading icon)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.small' tokens instead.
+$leading-icon-size: 24px;
+/// md.comp.top-app-bar.small.centered.trailing-icon.size (Enabled / Trailing icon)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.small' tokens instead.
+$trailing-icon-size: 24px;
+/// md.comp.top-app-bar.small.centered.avatar.shape (Enabled / Avatar)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.small' tokens instead.
+$avatar-shape: md-sys-shape.$corner-full;
+/// md.comp.top-app-bar.small.centered.container.color (Enabled / Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.small' tokens instead.
+$container-color: md-sys-color.$surface;
+/// md.comp.top-app-bar.small.centered.container.elevation (Enabled / Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.small' tokens instead.
+$container-elevation: md-sys-elevation.$level0;
+/// md.comp.top-app-bar.small.centered.container.shape (Enabled / Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.small' tokens instead.
+$container-shape: md-sys-shape.$corner-none;
+/// md.comp.top-app-bar.small.centered.container.surface-tint-layer.color (Enabled / Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.small' tokens instead.
+$container-surface-tint-layer-color: md-sys-color.$surface-tint;
+/// md.comp.top-app-bar.small.centered.headline.color (Enabled / Headline)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.small' tokens instead.
+$headline-color: md-sys-color.$on-surface;
+/// md.comp.top-app-bar.small.centered.headline.font (Enabled / Headline)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.small' tokens instead.
+$headline-font: md-sys-typescale.$title-large-font;
+/// md.comp.top-app-bar.small.centered.headline.line-height (Enabled / Headline)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.small' tokens instead.
+$headline-line-height: md-sys-typescale.$title-large-line-height;
+/// md.comp.top-app-bar.small.centered.headline.size (Enabled / Headline)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.small' tokens instead.
+$headline-size: md-sys-typescale.$title-large-size;
+/// md.comp.top-app-bar.small.centered.headline.tracking (Enabled / Headline)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.small' tokens instead.
+$headline-tracking: md-sys-typescale.$title-large-tracking;
+/// md.comp.top-app-bar.small.centered.headline.weight (Enabled / Headline)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.small' tokens instead.
+$headline-weight: md-sys-typescale.$title-large-weight;
+/// md.comp.top-app-bar.small.centered.leading-icon.color (Enabled / Leading icon)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.small' tokens instead.
+$leading-icon-color: md-sys-color.$on-surface;
+/// md.comp.top-app-bar.small.centered.on-scroll.container.color (Enabled / Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.small' tokens instead.
+$on-scroll-container-color: md-sys-color.$surface-container;
+/// md.comp.top-app-bar.small.centered.on-scroll.container.elevation (Enabled / On scroll)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.small' tokens instead.
+$on-scroll-container-elevation: md-sys-elevation.$level2;
+/// md.comp.top-app-bar.small.centered.on-scroll.container.shadow-color (Enabled / Container)
+///
+/// @deprecated Bug: should not have been created. Remove any shadows on navigation bars.
+$on-scroll-container-shadow-color: md-sys-color.$shadow;
+/// md.comp.top-app-bar.small.centered.trailing-icon.color (Enabled / Trailing icon)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.small' tokens instead.
+$trailing-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.top-app-bar.small.centered.headline.type (Enabled / Headline)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.small' tokens instead.
+@mixin headline-type {
+  font-family: $headline-font;
+  font-size: $headline-size;
+  font-weight: $headline-weight;
+  letter-spacing: $headline-tracking;
+  line-height: $headline-line-height;
+}

package/tokens/versions/latest/sass/_md-comp-top-app-bar-small.scss

@@ -0,0 +1,104 @@
+//
+// 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-typescale';
+
+/// md.comp.top-app-bar.small.container.height ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.small' tokens instead.
+$container-height: 64px;
+/// md.comp.top-app-bar.small.leading-icon.size ([Deprecated] Enabled / [Deprecated] Leading icon)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.small' tokens instead.
+$leading-icon-size: 24px;
+/// md.comp.top-app-bar.small.trailing-icon.size ([Deprecated] Enabled / [Deprecated] Trailing icon)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.small' tokens instead.
+$trailing-icon-size: 24px;
+/// md.comp.top-app-bar.small.container.color ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.small' tokens instead.
+$container-color: md-sys-color.$surface;
+/// md.comp.top-app-bar.small.container.elevation ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.small' tokens instead.
+$container-elevation: md-sys-elevation.$level0;
+/// md.comp.top-app-bar.small.container.shape ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.small' tokens instead.
+$container-shape: md-sys-shape.$corner-none;
+/// md.comp.top-app-bar.small.container.surface-tint-layer.color ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated Deprecated as part of the update from opacity based surfaces to tonal surfaces. Surfaces no longer use surface-tint layers for tinting, please use the desired surface role directly as the container color.
+$container-surface-tint-layer-color: md-sys-color.$surface-tint;
+/// md.comp.top-app-bar.small.headline.color ([Deprecated] Enabled / [Deprecated] Headline)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.small' tokens instead.
+$headline-color: md-sys-color.$on-surface;
+/// md.comp.top-app-bar.small.headline.font ([Deprecated] Enabled / [Deprecated] Headline)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.small' tokens instead.
+$headline-font: md-sys-typescale.$title-large-font;
+/// md.comp.top-app-bar.small.headline.line-height ([Deprecated] Enabled / [Deprecated] Headline)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.small' tokens instead.
+$headline-line-height: md-sys-typescale.$title-large-line-height;
+/// md.comp.top-app-bar.small.headline.size ([Deprecated] Enabled / [Deprecated] Headline)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.small' tokens instead.
+$headline-size: md-sys-typescale.$title-large-size;
+/// md.comp.top-app-bar.small.headline.tracking ([Deprecated] Enabled / [Deprecated] Headline)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.small' tokens instead.
+$headline-tracking: md-sys-typescale.$title-large-tracking;
+/// md.comp.top-app-bar.small.headline.weight ([Deprecated] Enabled / [Deprecated] Headline)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.small' tokens instead.
+$headline-weight: md-sys-typescale.$title-large-weight;
+/// md.comp.top-app-bar.small.leading-icon.color ([Deprecated] Enabled / [Deprecated] Leading icon)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.small' tokens instead.
+$leading-icon-color: md-sys-color.$on-surface;
+/// md.comp.top-app-bar.small.on-scroll.container.color ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.small' tokens instead.
+$on-scroll-container-color: md-sys-color.$surface-container;
+/// md.comp.top-app-bar.small.on-scroll.container.elevation ([Deprecated] Enabled / [Deprecated] On scroll)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.small' tokens instead.
+$on-scroll-container-elevation: md-sys-elevation.$level2;
+/// md.comp.top-app-bar.small.on-scroll.container.shadow-color ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated Bug: should not have been created. Remove any shadows on navigation bars.
+$on-scroll-container-shadow-color: md-sys-color.$shadow;
+/// md.comp.top-app-bar.small.trailing-icon.color ([Deprecated] Enabled / [Deprecated] Trailing icon)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.small' tokens instead.
+$trailing-icon-color: md-sys-color.$on-surface-variant;
+/// md.comp.top-app-bar.small.headline.type ([Deprecated] Enabled / [Deprecated] Headline)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from the 'md.comp.app-bar' and 'md.comp.app-bar.small' tokens instead.
+@mixin headline-type {
+  font-family: $headline-font;
+  font-size: $headline-size;
+  font-weight: $headline-weight;
+  letter-spacing: $headline-tracking;
+  line-height: $headline-line-height;
+}

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

@@ -0,0 +1,139 @@
+//
+// 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.fab.surface.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 surface fab `md.comp.fab.surface` token sets instead.
+$container-height: 40px;
+/// md.fab.surface.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 surface fab `md.comp.fab.surface` token sets instead.
+$container-width: 40px;
+/// md.fab.surface.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 surface fab `md.comp.fab.surface` token sets instead.
+$icon-size: 24px;
+/// md.fab.surface.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 surface fab `md.comp.fab.surface` token sets instead.
+$container-color: md-sys-color.$surface-container-high;
+/// md.fab.surface.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 surface fab `md.comp.fab.surface` token sets instead.
+$container-elevation: md-sys-elevation.$level3;
+/// md.fab.surface.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 surface fab `md.comp.fab.surface` token sets instead.
+$container-shadow-color: md-sys-color.$shadow;
+/// md.fab.surface.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 surface fab `md.comp.fab.surface` token sets instead.
+$container-shape: md-sys-shape.$corner-medium;
+/// md.fab.surface.small.container.surface-tint-layer.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 surface fab `md.comp.fab.surface` token sets instead.
+$container-surface-tint-layer-color: md-sys-color.$surface-tint;
+/// md.fab.surface.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 surface fab `md.comp.fab.surface` token sets instead.
+$focus-container-elevation: md-sys-elevation.$level3;
+/// md.fab.surface.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 surface fab `md.comp.fab.surface` token sets instead.
+$focus-icon-color: md-sys-color.$primary;
+/// md.fab.surface.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 surface fab `md.comp.fab.surface` token sets instead.
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.fab.surface.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 surface fab `md.comp.fab.surface` token sets instead.
+$focus-indicator-outline-offset: md-sys-state-focus-indicator.$outer-offset;
+/// md.fab.surface.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 surface fab `md.comp.fab.surface` token sets instead.
+$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.fab.surface.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 surface fab `md.comp.fab.surface` token sets instead.
+$focus-state-layer-color: md-sys-color.$primary;
+/// md.fab.surface.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 surface fab `md.comp.fab.surface` token sets instead.
+$focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
+/// md.fab.surface.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 surface fab `md.comp.fab.surface` token sets instead.
+$hover-container-elevation: md-sys-elevation.$level4;
+/// md.fab.surface.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 surface fab `md.comp.fab.surface` token sets instead.
+$hover-icon-color: md-sys-color.$primary;
+/// md.fab.surface.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 surface fab `md.comp.fab.surface` token sets instead.
+$hover-state-layer-color: md-sys-color.$primary;
+/// md.fab.surface.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 surface fab `md.comp.fab.surface` token sets instead.
+$hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.fab.surface.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 surface fab `md.comp.fab.surface` token sets instead.
+$icon-color: md-sys-color.$primary;
+/// md.fab.surface.small.lowered.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 surface fab `md.comp.fab.surface` token sets instead.
+$lowered-container-color: md-sys-color.$surface-container-low;
+/// md.fab.surface.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 surface fab `md.comp.fab.surface` token sets instead.
+$lowered-container-elevation: md-sys-elevation.$level1;
+/// md.fab.surface.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 surface fab `md.comp.fab.surface` token sets instead.
+$lowered-focus-container-elevation: md-sys-elevation.$level1;
+/// md.fab.surface.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 surface fab `md.comp.fab.surface` token sets instead.
+$lowered-hover-container-elevation: md-sys-elevation.$level2;
+/// md.fab.surface.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 surface fab `md.comp.fab.surface` token sets instead.
+$lowered-pressed-container-elevation: md-sys-elevation.$level1;
+/// md.fab.surface.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 surface fab `md.comp.fab.surface` token sets instead.
+$pressed-container-elevation: md-sys-elevation.$level3;
+/// md.fab.surface.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 surface fab `md.comp.fab.surface` token sets instead.
+$pressed-icon-color: md-sys-color.$primary;
+/// md.fab.surface.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 surface fab `md.comp.fab.surface` token sets instead.
+$pressed-state-layer-color: md-sys-color.$primary;
+/// md.fab.surface.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 surface fab `md.comp.fab.surface` token sets instead.
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;