//
// 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.menu.cascading-menu-indicator.icon.size (Enabled / Icon)
///
/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead.
$cascading-menu-indicator-icon-size: 24px;
/// md.comp.menu.divider.height (Enabled / Divider)
///
/// @deprecated Depcrecating all divider tokens nested across components. Please use the standalone divider component token md.comp.divider.thickness as a replacement
$divider-height: 1px;
/// md.comp.menu.list-item.container.height (Enabled / Container)
///
/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead.
$list-item-container-height: 48px;
/// md.comp.menu.list-item.disabled.label-text.opacity (Disabled / Label text)
///
/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead.
$list-item-disabled-label-text-opacity: 0.38;
/// md.comp.menu.list-item.with-leading-icon.disabled.leading-icon.opacity (Disabled / Leading icon)
///
/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead.
$list-item-with-leading-icon-disabled-leading-icon-opacity: 0.38;
/// md.comp.menu.list-item.with-leading-icon.leading-icon.size (Enabled / Leading icon)
///
/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead.
$list-item-with-leading-icon-leading-icon-size: 24px;
/// md.comp.menu.list-item.with-trailing-icon.disabled.trailing-icon.opacity (Disabled / Trailing icon)
///
/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead.
$list-item-with-trailing-icon-disabled-trailing-icon-opacity: 0.38;
/// md.comp.menu.list-item.with-trailing-icon.trailing-icon.size (Enabled / Trailing icon)
///
/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead.
$list-item-with-trailing-icon-trailing-icon-size: 24px;
/// md.comp.menu.cascading-menu-indicator.icon.color (Enabled / Icon)
///
/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead.
$cascading-menu-indicator-icon-color: md-sys-color.$on-surface-variant;
/// md.comp.menu.container.color (Enabled)
$container-color: md-sys-color.$surface-container;
/// md.comp.menu.container.elevation (Enabled)
$container-elevation: md-sys-elevation.$level2;
/// md.comp.menu.container.shadow-color (Enabled)
$container-shadow-color: md-sys-color.$shadow;
/// md.comp.menu.container.shape (Enabled)
$container-shape: md-sys-shape.$corner-extra-small;
/// md.comp.menu.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.menu.divider.color (Enabled / Divider)
///
/// @deprecated Depcrecating all divider tokens nested across components. Please use the standalone divider component token md.comp.divider.color as a replacement
$divider-color: md-sys-color.$surface-variant;
/// md.comp.menu.focus.indicator.color (Focus indicator)
///
/// @deprecated Updating to include menu item
$focus-indicator-color: md-sys-color.$secondary;
/// md.comp.menu.focus.indicator.outline.offset (Focus indicator)
///
/// @deprecated Updating to include menu item
$focus-indicator-outline-offset: md-sys-state-focus-indicator.$inner-offset;
/// md.comp.menu.focus.indicator.thickness (Focus indicator)
///
/// @deprecated Updating to include menu item
$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
/// md.comp.menu.list-item.disabled.label-text.color (Disabled / Label text)
///
/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead.
$list-item-disabled-label-text-color: md-sys-color.$on-surface;
/// md.comp.menu.list-item.focus.label-text.color (Focus / Label text)
///
/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead
$list-item-focus-label-text-color: md-sys-color.$on-surface;
/// md.comp.menu.list-item.focus.state-layer.color (Focus / State layer)
///
/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead.
$list-item-focus-state-layer-color: md-sys-color.$on-surface;
/// md.comp.menu.list-item.focus.state-layer.opacity (Focus / State layer)
///
/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead.
$list-item-focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
/// md.comp.menu.list-item.hover.label-text.color (Hover / Label text)
///
/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead.
$list-item-hover-label-text-color: md-sys-color.$on-surface;
/// md.comp.menu.list-item.hover.state-layer.color (Hover / State layer)
///
/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead.
$list-item-hover-state-layer-color: md-sys-color.$on-surface;
/// md.comp.menu.list-item.hover.state-layer.opacity (Hover / State layer)
///
/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead.
$list-item-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
/// md.comp.menu.list-item.label-text.color (Enabled / Label text)
///
/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead.
$list-item-label-text-color: md-sys-color.$on-surface;
/// md.comp.menu.list-item.label-text.font (Enabled / Label text)
///
/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead.
$list-item-label-text-font: md-sys-typescale.$label-large-font;
/// md.comp.menu.list-item.label-text.line-height (Enabled / Label text)
///
/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead.
$list-item-label-text-line-height: md-sys-typescale.$label-large-line-height;
/// md.comp.menu.list-item.label-text.size (Enabled / Label text)
///
/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead.
$list-item-label-text-size: md-sys-typescale.$label-large-size;
/// md.comp.menu.list-item.label-text.tracking (Enabled / Label text)
///
/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead.
$list-item-label-text-tracking: md-sys-typescale.$label-large-tracking;
/// md.comp.menu.list-item.label-text.weight (Enabled / Label text)
///
/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead.
$list-item-label-text-weight: md-sys-typescale.$label-large-weight;
/// md.comp.menu.list-item.pressed.label-text.color (Pressed / Label text)
///
/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead
$list-item-pressed-label-text-color: md-sys-color.$on-surface;
/// md.comp.menu.list-item.pressed.state-layer.color (Pressed / State layer)
///
/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead
$list-item-pressed-state-layer-color: md-sys-color.$on-surface;
/// md.comp.menu.list-item.pressed.state-layer.opacity (Pressed / State layer)
///
/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead
$list-item-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
/// md.comp.menu.list-item.selected.container.color (Enabled / Container)
///
/// @deprecated Deprecated to remove nested tokens
$list-item-selected-container-color: md-sys-color.$secondary-container;
/// md.comp.menu.list-item.selected.label-text.color (Enabled / Container)
///
/// @deprecated Deprecated to remove nested tokens
$list-item-selected-label-text-color: md-sys-color.$on-secondary-container;
/// md.comp.menu.list-item.selected.with-leading-icon.leading-icon.color (Enabled / Container)
///
/// @deprecated Deprecated to remove nested tokens
$list-item-selected-with-leading-icon-leading-icon-color: md-sys-color.$on-secondary-container;
/// md.comp.menu.list-item.selected.with-leading-icon.trailing-icon.color (Enabled / Container)
///
/// @deprecated Deprecated to remove nested tokens
$list-item-selected-with-leading-icon-trailing-icon-color: md-sys-color.$on-secondary-container;
/// md.comp.menu.list-item.with-leading-icon.disabled.leading-icon.color (Disabled / Leading icon)
///
/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead.
$list-item-with-leading-icon-disabled-leading-icon-color: md-sys-color.$on-surface;
/// md.comp.menu.list-item.with-leading-icon.focus.icon.color (Focus / Leading icon)
///
/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead
$list-item-with-leading-icon-focus-icon-color: md-sys-color.$on-surface-variant;
/// md.comp.menu.list-item.with-leading-icon.hover.icon.color (Hover / Leading icon)
///
/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead.
$list-item-with-leading-icon-hover-icon-color: md-sys-color.$on-surface-variant;
/// md.comp.menu.list-item.with-leading-icon.leading-icon.color (Enabled / Leading icon)
///
/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead.
$list-item-with-leading-icon-leading-icon-color: md-sys-color.$on-surface-variant;
/// md.comp.menu.list-item.with-leading-icon.pressed.icon.color (Pressed / Leading icon)
///
/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead
$list-item-with-leading-icon-pressed-icon-color: md-sys-color.$on-surface-variant;
/// md.comp.menu.list-item.with-trailing-icon.disabled.trailing-icon.color (Disabled / Trailing icon)
///
/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead.
$list-item-with-trailing-icon-disabled-trailing-icon-color: md-sys-color.$on-surface;
/// md.comp.menu.list-item.with-trailing-icon.focus.icon.color (Focus / Trailing icon)
///
/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead
$list-item-with-trailing-icon-focus-icon-color: md-sys-color.$on-surface-variant;
/// md.comp.menu.list-item.with-trailing-icon.hover.icon.color (Hover / Trailing icon)
///
/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead.
$list-item-with-trailing-icon-hover-icon-color: md-sys-color.$on-surface-variant;
/// md.comp.menu.list-item.with-trailing-icon.pressed.icon.color (Pressed / Trailing icon)
///
/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead
$list-item-with-trailing-icon-pressed-icon-color: md-sys-color.$on-surface-variant;
/// md.comp.menu.list-item.with-trailing-icon.trailing-icon.color (Enabled / Trailing icon)
///
/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead.
$list-item-with-trailing-icon-trailing-icon-color: md-sys-color.$on-surface-variant;
/// md.comp.menu.list-item.label-text.type (Enabled / Label text)
///
/// @deprecated Deprecated to reduce reliance on embedded component tokens. Please use standalone list component tokens instead.
@mixin list-item-label-text-type {
  font-family: $list-item-label-text-font;
  font-size: $list-item-label-text-size;
  font-weight: $list-item-label-text-weight;
  letter-spacing: $list-item-label-text-tracking;
  line-height: $list-item-label-text-line-height;
}