//
// 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.date-picker.docked.container.height (Enabled / Container)
$container-height: 456px;
/// md.comp.date-picker.docked.container.width (Enabled / Container)
$container-width: 360px;
/// md.comp.date-picker.docked.date.container.height (Enabled / Container)
$date-container-height: 48px;
/// md.comp.date-picker.docked.date.container.width (Enabled / Container)
$date-container-width: 48px;
/// md.comp.date-picker.docked.date.state-layer.height (Enabled / State layer)
$date-state-layer-height: 40px;
/// md.comp.date-picker.docked.date.state-layer.width (Enabled / State layer)
$date-state-layer-width: 40px;
/// md.comp.date-picker.docked.date.today.container.outline.width (Enabled / Container)
$date-today-container-outline-width: 1px;
/// md.comp.date-picker.docked.date.unselected.outside-month.label-text.opacity (Enabled / Label text)
$date-unselected-outside-month-label-text-opacity: 0.38;
/// md.comp.date-picker.docked.header.height (Enabled / Header)
$header-height: 64px;
/// md.comp.date-picker.docked.menu-button.container.height (Enabled / Container)
$menu-button-container-height: 40px;
/// md.comp.date-picker.docked.menu-button.disabled.icon.opacity (Disabled / Icon)
$menu-button-disabled-icon-opacity: 0.38;
/// md.comp.date-picker.docked.menu-button.disabled.label-text.opacity (Disabled / Label text)
$menu-button-disabled-label-text-opacity: 0.38;
/// md.comp.date-picker.docked.menu-button.icon.size (Enabled / Icon)
$menu-button-icon-size: 18px;
/// md.comp.date-picker.docked.menu.list-item.container.height (Enabled / Container)
$menu-list-item-container-height: 48px;
/// md.comp.date-picker.docked.menu.list-item.selected.leading-icon.size (Enabled / Leading icon)
$menu-list-item-selected-leading-icon-size: 24px;
/// md.comp.date-picker.docked.container.color (Enabled / Container)
$container-color: md-sys-color.$surface-container-high;
/// md.comp.date-picker.docked.container.elevation (Enabled / Container)
$container-elevation: md-sys-elevation.$level3;
/// md.comp.date-picker.docked.container.shape (Enabled / Container)
$container-shape: md-sys-shape.$corner-large;
/// md.comp.date-picker.docked.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.date-picker.docked.date.container.shape (Enabled / Container)
$date-container-shape: md-sys-shape.$corner-full;
/// md.comp.date-picker.docked.date.focus.state-layer.opacity (Focused / State layer)
$date-focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
/// md.comp.date-picker.docked.date.hover.state-layer.opacity (Hovered / State layer)
$date-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
/// md.comp.date-picker.docked.date.label-text.font (Enabled / Label text)
$date-label-text-font: md-sys-typescale.$body-large-font;
/// md.comp.date-picker.docked.date.label-text.line-height (Enabled / Label text)
$date-label-text-line-height: md-sys-typescale.$body-large-line-height;
/// md.comp.date-picker.docked.date.label-text.size (Enabled / Label text)
$date-label-text-size: md-sys-typescale.$body-large-size;
/// md.comp.date-picker.docked.date.label-text.tracking (Enabled / Label text)
$date-label-text-tracking: md-sys-typescale.$body-large-tracking;
/// md.comp.date-picker.docked.date.label-text.weight (Enabled / Label text)
$date-label-text-weight: md-sys-typescale.$body-large-weight;
/// md.comp.date-picker.docked.date.pressed.state-layer.opacity (Pressed (ripple) / State layer)
$date-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
/// md.comp.date-picker.docked.date.selected.container.color (Enabled / Container)
$date-selected-container-color: md-sys-color.$primary;
/// md.comp.date-picker.docked.date.selected.focus.state-layer.color (Focused / State layer)
$date-selected-focus-state-layer-color: md-sys-color.$on-primary;
/// md.comp.date-picker.docked.date.selected.hover.state-layer.color (Hovered / State layer)
$date-selected-hover-state-layer-color: md-sys-color.$on-primary;
/// md.comp.date-picker.docked.date.selected.label-text.color (Enabled / Label text)
$date-selected-label-text-color: md-sys-color.$on-primary;
/// md.comp.date-picker.docked.date.selected.pressed.state-layer.color (Pressed (ripple) / State layer)
$date-selected-pressed-state-layer-color: md-sys-color.$on-primary;
/// md.comp.date-picker.docked.date.state-layer.shape (Enabled / State layer)
$date-state-layer-shape: md-sys-shape.$corner-full;
/// md.comp.date-picker.docked.date.today.container.outline.color (Enabled / Container)
$date-today-container-outline-color: md-sys-color.$primary;
/// md.comp.date-picker.docked.date.today.focus.state-layer.color (Focused / State layer)
$date-today-focus-state-layer-color: md-sys-color.$primary;
/// md.comp.date-picker.docked.date.today.hover.state-layer.color (Hovered / State layer)
$date-today-hover-state-layer-color: md-sys-color.$primary;
/// md.comp.date-picker.docked.date.today.label-text.color (Enabled / Label text)
$date-today-label-text-color: md-sys-color.$primary;
/// md.comp.date-picker.docked.date.today.pressed.state-layer.color (Pressed (ripple) / State layer)
$date-today-pressed-state-layer-color: md-sys-color.$primary;
/// md.comp.date-picker.docked.date.unselected.focus.state-layer.color (Focused / State layer)
$date-unselected-focus-state-layer-color: md-sys-color.$on-surface-variant;
/// md.comp.date-picker.docked.date.unselected.hover.state-layer.color (Hovered / State layer)
$date-unselected-hover-state-layer-color: md-sys-color.$on-surface-variant;
/// md.comp.date-picker.docked.date.unselected.label-text.color (Enabled / Label text)
$date-unselected-label-text-color: md-sys-color.$on-surface;
/// md.comp.date-picker.docked.date.unselected.outside-month.label-text.color (Enabled / Label text)
$date-unselected-outside-month-label-text-color: md-sys-color.$on-surface;
/// md.comp.date-picker.docked.date.unselected.pressed.state-layer.color (Pressed (ripple) / State layer)
$date-unselected-pressed-state-layer-color: md-sys-color.$on-surface-variant;
/// md.comp.date-picker.docked.menu-button.container.shape (Enabled / Container)
$menu-button-container-shape: md-sys-shape.$corner-full;
/// md.comp.date-picker.docked.menu-button.disabled.icon.color (Disabled / Icon)
$menu-button-disabled-icon-color: md-sys-color.$on-surface;
/// md.comp.date-picker.docked.menu-button.disabled.label-text.color (Disabled / Label text)
$menu-button-disabled-label-text-color: md-sys-color.$on-surface;
/// md.comp.date-picker.docked.menu-button.focus.icon.color (Focused / Icon)
$menu-button-focus-icon-color: md-sys-color.$on-surface-variant;
/// md.comp.date-picker.docked.menu-button.focus.label-text.color (Focused / Label text)
$menu-button-focus-label-text-color: md-sys-color.$on-surface-variant;
/// md.comp.date-picker.docked.menu-button.focus.state-layer.color (Focused / State layer)
$menu-button-focus-state-layer-color: md-sys-color.$on-surface-variant;
/// md.comp.date-picker.docked.menu-button.focus.state-layer.opacity (Focused / State layer)
$menu-button-focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
/// md.comp.date-picker.docked.menu-button.hover.icon.color (Hovered / Icon)
$menu-button-hover-icon-color: md-sys-color.$on-surface-variant;
/// md.comp.date-picker.docked.menu-button.hover.label-text.color (Hovered / Label text)
$menu-button-hover-label-text-color: md-sys-color.$on-surface-variant;
/// md.comp.date-picker.docked.menu-button.hover.state-layer.color (Hovered / State layer)
$menu-button-hover-state-layer-color: md-sys-color.$on-surface-variant;
/// md.comp.date-picker.docked.menu-button.hover.state-layer.opacity (Hovered / State layer)
$menu-button-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
/// md.comp.date-picker.docked.menu-button.icon.color (Enabled / Icon)
$menu-button-icon-color: md-sys-color.$on-surface-variant;
/// md.comp.date-picker.docked.menu-button.label-text.color (Enabled / Label text)
$menu-button-label-text-color: md-sys-color.$on-surface-variant;
/// md.comp.date-picker.docked.menu-button.label-text.font (Enabled / Label text)
$menu-button-label-text-font: md-sys-typescale.$label-large-font;
/// md.comp.date-picker.docked.menu-button.label-text.line-height (Enabled / Label text)
$menu-button-label-text-line-height: md-sys-typescale.$label-large-line-height;
/// md.comp.date-picker.docked.menu-button.label-text.size (Enabled / Label text)
$menu-button-label-text-size: md-sys-typescale.$label-large-size;
/// md.comp.date-picker.docked.menu-button.label-text.tracking (Enabled / Label text)
$menu-button-label-text-tracking: md-sys-typescale.$label-large-tracking;
/// md.comp.date-picker.docked.menu-button.label-text.weight (Enabled / Label text)
$menu-button-label-text-weight: md-sys-typescale.$label-large-weight;
/// md.comp.date-picker.docked.menu-button.pressed.icon.color (Pressed (ripple) / Icon)
$menu-button-pressed-icon-color: md-sys-color.$on-surface-variant;
/// md.comp.date-picker.docked.menu-button.pressed.label-text.color (Pressed (ripple) / Label text)
$menu-button-pressed-label-text-color: md-sys-color.$on-surface-variant;
/// md.comp.date-picker.docked.menu-button.pressed.state-layer.color (Pressed (ripple) / State layer)
$menu-button-pressed-state-layer-color: md-sys-color.$on-surface-variant;
/// md.comp.date-picker.docked.menu-button.pressed.state-layer.opacity (Pressed (ripple) / State layer)
$menu-button-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
/// md.comp.date-picker.docked.menu.list-item.focus.label-text.color (Focused / Label text)
$menu-list-item-focus-label-text-color: md-sys-color.$on-surface;
/// md.comp.date-picker.docked.menu.list-item.focus.state-layer.color (Focused / State layer)
$menu-list-item-focus-state-layer-color: md-sys-color.$on-surface;
/// md.comp.date-picker.docked.menu.list-item.focus.state-layer.opacity (Focused / State layer)
$menu-list-item-focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
/// md.comp.date-picker.docked.menu.list-item.hover.label-text.color (Hovered / Label text)
$menu-list-item-hover-label-text-color: md-sys-color.$on-surface;
/// md.comp.date-picker.docked.menu.list-item.hover.state-layer.color (Hovered / State layer)
$menu-list-item-hover-state-layer-color: md-sys-color.$on-surface;
/// md.comp.date-picker.docked.menu.list-item.hover.state-layer.opacity (Hovered / State layer)
$menu-list-item-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
/// md.comp.date-picker.docked.menu.list-item.label-text.color (Enabled / Label text)
$menu-list-item-label-text-color: md-sys-color.$on-surface;
/// md.comp.date-picker.docked.menu.list-item.label-text.font (Enabled / Label text)
$menu-list-item-label-text-font: md-sys-typescale.$body-large-font;
/// md.comp.date-picker.docked.menu.list-item.label-text.line-height (Enabled / Label text)
$menu-list-item-label-text-line-height: md-sys-typescale.$body-large-line-height;
/// md.comp.date-picker.docked.menu.list-item.label-text.size (Enabled / Label text)
$menu-list-item-label-text-size: md-sys-typescale.$body-large-size;
/// md.comp.date-picker.docked.menu.list-item.label-text.tracking (Enabled / Label text)
$menu-list-item-label-text-tracking: md-sys-typescale.$body-large-tracking;
/// md.comp.date-picker.docked.menu.list-item.label-text.weight (Enabled / Label text)
$menu-list-item-label-text-weight: md-sys-typescale.$body-large-weight;
/// md.comp.date-picker.docked.menu.list-item.pressed.label-text.color (Pressed (ripple) / Label text)
$menu-list-item-pressed-label-text-color: md-sys-color.$on-surface;
/// md.comp.date-picker.docked.menu.list-item.pressed.state-layer.color (Pressed (ripple) / State layer)
$menu-list-item-pressed-state-layer-color: md-sys-color.$on-surface;
/// md.comp.date-picker.docked.menu.list-item.pressed.state-layer.opacity (Pressed (ripple) / State layer)
$menu-list-item-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
/// md.comp.date-picker.docked.menu.list-item.selected.container.color (Enabled / Container)
$menu-list-item-selected-container-color: md-sys-color.$surface-variant;
/// md.comp.date-picker.docked.menu.list-item.selected.focus.leading-icon.color (Focused / Leading icon)
$menu-list-item-selected-focus-leading-icon-color: md-sys-color.$on-surface-variant;
/// md.comp.date-picker.docked.menu.list-item.selected.hover.leading-icon.color (Hovered / Leading icon)
$menu-list-item-selected-hover-leading-icon-color: md-sys-color.$on-surface-variant;
/// md.comp.date-picker.docked.menu.list-item.selected.leading-icon.color (Enabled / Leading icon)
$menu-list-item-selected-leading-icon-color: md-sys-color.$on-surface;
/// md.comp.date-picker.docked.menu.list-item.selected.pressed.leading-icon.color (Pressed (ripple) / Leading icon)
$menu-list-item-selected-pressed-leading-icon-color: md-sys-color.$on-surface-variant;
/// md.comp.date-picker.docked.weekdays.label-text.color (Enabled / Label text)
$weekdays-label-text-color: md-sys-color.$on-surface;
/// md.comp.date-picker.docked.weekdays.label-text.font (Enabled / Label text)
$weekdays-label-text-font: md-sys-typescale.$body-large-font;
/// md.comp.date-picker.docked.weekdays.label-text.line-height (Enabled / Label text)
$weekdays-label-text-line-height: md-sys-typescale.$body-large-line-height;
/// md.comp.date-picker.docked.weekdays.label-text.size (Enabled / Label text)
$weekdays-label-text-size: md-sys-typescale.$body-large-size;
/// md.comp.date-picker.docked.weekdays.label-text.tracking (Enabled / Label text)
$weekdays-label-text-tracking: md-sys-typescale.$body-large-tracking;
/// md.comp.date-picker.docked.weekdays.label-text.weight (Enabled / Label text)
$weekdays-label-text-weight: md-sys-typescale.$body-large-weight;
/// md.comp.date-picker.docked.date.label-text.type (Enabled / Label text)
@mixin date-label-text-type {
  font-family: $date-label-text-font;
  font-size: $date-label-text-size;
  font-weight: $date-label-text-weight;
  letter-spacing: $date-label-text-tracking;
  line-height: $date-label-text-line-height;
}
/// md.comp.date-picker.docked.menu-button.label-text.type (Enabled / Label text)
@mixin menu-button-label-text-type {
  font-family: $menu-button-label-text-font;
  font-size: $menu-button-label-text-size;
  font-weight: $menu-button-label-text-weight;
  letter-spacing: $menu-button-label-text-tracking;
  line-height: $menu-button-label-text-line-height;
}
/// md.comp.date-picker.docked.menu.list-item.label-text.type (Enabled / Label text)
@mixin menu-list-item-label-text-type {
  font-family: $menu-list-item-label-text-font;
  font-size: $menu-list-item-label-text-size;
  font-weight: $menu-list-item-label-text-weight;
  letter-spacing: $menu-list-item-label-text-tracking;
  line-height: $menu-list-item-label-text-line-height;
}
/// md.comp.date-picker.docked.weekdays.label-text.type (Enabled / Label text)
@mixin weekdays-label-text-type {
  font-family: $weekdays-label-text-font;
  font-size: $weekdays-label-text-size;
  font-weight: $weekdays-label-text-weight;
  letter-spacing: $weekdays-label-text-tracking;
  line-height: $weekdays-label-text-line-height;
}