//
// Copyright 2026 Google LLC
// SPDX-License-Identifier: Apache-2.0
//
// AUTOGENERATED. DO NOT MODIFY.
// To modify this file, update the source template,
// or run the compiler: go/carbon-service-code-gen-mwtc.
// Source template: formats/sassvars/contextualtokenset.scss.tmpl

// Design system: Google Material 3
// Version: 34.0.21
// Configured context tags:
//   audience: 3p
//   font: static
//   platform: web
// Output format: sass_vars

@use 'md-sys-color';
@use 'md-sys-elevation';
@use 'md-sys-shape';
@use 'md-sys-state';
@use 'md-sys-typescale';

/// md.comp.banner.desktop.with-single-line.container.height (Enabled / Container)
$desktop-with-single-line-container-height: 52px;
/// md.comp.banner.desktop.with-three-lines.container.height (Enabled / Container)
$desktop-with-three-lines-container-height: 90px;
/// md.comp.banner.desktop.with-two-lines.with-image.container.height (Enabled / Container)
$desktop-with-two-lines-with-image-container-height: 72px;
/// md.comp.banner.divider.height (Enabled / Divider)
///
/// @deprecated Use standalone components tokens instead of embedded divider and button components.
$divider-height: 1px;
/// md.comp.banner.mobile.with-single-line.container.height (Enabled / Container)
$mobile-with-single-line-container-height: 54px;
/// md.comp.banner.mobile.with-two-lines.container.height (Enabled / Container)
$mobile-with-two-lines-container-height: 112px;
/// md.comp.banner.mobile.with-two-lines.with-image.container.height (Enabled / Container)
$mobile-with-two-lines-with-image-container-height: 120px;
/// md.comp.banner.with-image.image.size (Enabled / Supporting text)
$with-image-image-size: 40px;
/// md.comp.banner.action.focus.label-text.color (Focused / Label text)
///
/// @deprecated Use standalone components tokens instead of embedded divider and button components.
$action-focus-label-text-color: md-sys-color.$primary;
/// md.comp.banner.action.focus.state-layer.color (Focused / State layer)
///
/// @deprecated Use standalone components tokens instead of embedded divider and button components.
$action-focus-state-layer-color: md-sys-color.$primary;
/// md.comp.banner.action.focus.state-layer.opacity (Focused / State layer)
///
/// @deprecated Use standalone components tokens instead of embedded divider and button components.
$action-focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
/// md.comp.banner.action.hover.label-text.color (Hovered / Label text)
///
/// @deprecated Use standalone components tokens instead of embedded divider and button components.
$action-hover-label-text-color: md-sys-color.$primary;
/// md.comp.banner.action.hover.state-layer.color (Hovered / State layer)
///
/// @deprecated Use standalone components tokens instead of embedded divider and button components.
$action-hover-state-layer-color: md-sys-color.$primary;
/// md.comp.banner.action.hover.state-layer.opacity (Hovered / State layer)
///
/// @deprecated Use standalone components tokens instead of embedded divider and button components.
$action-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
/// md.comp.banner.action.label-text.color (Enabled / Label text)
///
/// @deprecated Use standalone components tokens instead of embedded divider and button components.
$action-label-text-color: md-sys-color.$primary;
/// md.comp.banner.action.label-text.font (Enabled / Label text)
///
/// @deprecated Use standalone components tokens instead of embedded divider and button components.
$action-label-text-font: md-sys-typescale.$label-large-font;
/// md.comp.banner.action.label-text.line-height (Enabled / Label text)
///
/// @deprecated Use standalone components tokens instead of embedded divider and button components.
$action-label-text-line-height: md-sys-typescale.$label-large-line-height;
/// md.comp.banner.action.label-text.size (Enabled / Label text)
///
/// @deprecated Use standalone components tokens instead of embedded divider and button components.
$action-label-text-size: md-sys-typescale.$label-large-size;
/// md.comp.banner.action.label-text.tracking (Enabled / Label text)
///
/// @deprecated Use standalone components tokens instead of embedded divider and button components.
$action-label-text-tracking: md-sys-typescale.$label-large-tracking;
/// md.comp.banner.action.label-text.weight (Enabled / Label text)
///
/// @deprecated Use standalone components tokens instead of embedded divider and button components.
$action-label-text-weight: md-sys-typescale.$label-large-weight;
/// md.comp.banner.action.pressed.label-text.color (Pressed (ripple) / Label text)
///
/// @deprecated Use standalone components tokens instead of embedded divider and button components.
$action-pressed-label-text-color: md-sys-color.$primary;
/// md.comp.banner.action.pressed.state-layer.color (Pressed (ripple) / State layer)
///
/// @deprecated Use standalone components tokens instead of embedded divider and button components.
$action-pressed-state-layer-color: md-sys-color.$primary;
/// md.comp.banner.action.pressed.state-layer.opacity (Pressed (ripple) / State layer)
///
/// @deprecated Use standalone components tokens instead of embedded divider and button components.
$action-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
/// md.comp.banner.container.color (Enabled / Container)
$container-color: md-sys-color.$surface-container-low;
/// md.comp.banner.container.elevation (Enabled / Container)
$container-elevation: md-sys-elevation.$level1;
/// md.comp.banner.container.shape (Enabled / Container)
$container-shape: md-sys-shape.$corner-none;
/// md.comp.banner.container.surface-tint-layer.color (Enabled / Container)
///
/// @deprecated Deprecated as part of the update from opacity based surfaces to tonal surfaces. Surfaces no longer use surface-tint layers for tinting, please use the desired surface role directly as the container color.
$container-surface-tint-layer-color: md-sys-color.$surface-tint;
/// md.comp.banner.divider.color (Enabled / Divider)
///
/// @deprecated Use standalone components tokens instead of embedded divider and button components.
$divider-color: md-sys-color.$surface-variant;
/// md.comp.banner.supporting-text.color (Enabled / Supporting text)
$supporting-text-color: md-sys-color.$on-surface-variant;
/// md.comp.banner.supporting-text.font (Enabled / Supporting text)
$supporting-text-font: md-sys-typescale.$body-medium-font;
/// md.comp.banner.supporting-text.line-height (Enabled / Supporting text)
$supporting-text-line-height: md-sys-typescale.$body-medium-line-height;
/// md.comp.banner.supporting-text.size (Enabled / Supporting text)
$supporting-text-size: md-sys-typescale.$body-medium-size;
/// md.comp.banner.supporting-text.tracking (Enabled / Supporting text)
$supporting-text-tracking: md-sys-typescale.$body-medium-tracking;
/// md.comp.banner.supporting-text.weight (Enabled / Supporting text)
$supporting-text-weight: md-sys-typescale.$body-medium-weight;
/// md.comp.banner.with-image.image.shape (Enabled / Supporting text)
$with-image-image-shape: md-sys-shape.$corner-full;
/// md.comp.banner.action.label-text.type (Enabled / Label text)
///
/// @deprecated Use standalone components tokens instead of embedded button components.
@mixin action-label-text-type {
  font-family: $action-label-text-font;
  font-size: $action-label-text-size;
  font-weight: $action-label-text-weight;
  letter-spacing: $action-label-text-tracking;
  line-height: $action-label-text-line-height;
}
/// md.comp.banner.supporting-text.type (Enabled / Supporting text)
@mixin supporting-text-type {
  font-family: $supporting-text-font;
  font-size: $supporting-text-size;
  font-weight: $supporting-text-weight;
  letter-spacing: $supporting-text-tracking;
  line-height: $supporting-text-line-height;
}