@depup/angular__material 21.2.2-depup.19

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License
+
+Copyright (c) 2026 Google LLC.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/README.md

@@ -0,0 +1,31 @@
+# @depup/angular__material
+
+> Dependency-bumped version of [@angular/material](https://www.npmjs.com/package/@angular/material)
+
+Generated by [DepUp](https://github.com/depup/npm) -- all production
+dependencies bumped to latest versions.
+
+## Installation
+
+```bash
+npm install @depup/angular__material
+```
+
+| Field | Value |
+|-------|-------|
+| Original | [@angular/material](https://www.npmjs.com/package/@angular/material) @ 21.2.2 |
+| Processed | 2026-03-14 |
+| Smoke test | passed |
+| Deps updated | 1 |
+
+## Dependency Changes
+
+| Dependency | From | To |
+|------------|------|-----|
+| tslib | ^2.3.0 | ^2.8.1 |
+
+---
+
+Source: https://github.com/depup/npm | Original: https://www.npmjs.com/package/@angular/material
+
+License inherited from the original package.

package/_index.scss

@@ -0,0 +1,145 @@
+// Expose the M2 APIs under an `m2-` prefix in order to distinguish them from the M3 APIs.
+@forward './core/m2' as m2-*;
+
+// New theming APIs
+@forward './core/theming/inspection' show get-theme-version, get-theme-type, get-theme-color,
+  get-theme-typography, get-theme-density, theme-has, theme-remove;
+@forward './core/theming/definition' show define-theme, define-colors, define-typography,
+  define-density;
+@forward './core/theming/palettes' show $red-palette, $green-palette, $blue-palette,
+  $yellow-palette, $cyan-palette, $magenta-palette, $orange-palette,
+  $chartreuse-palette, $spring-green-palette, $azure-palette, $violet-palette, $rose-palette;
+@forward './core/theming/color-api-backwards-compatibility' show
+  color-variants-backwards-compatibility;
+
+@forward './core/theming/theming' show $theme-ignore-duplication-warnings,
+  $theme-legacy-inspection-api-compatibility;
+@forward './core/theming/theming' as private-* show private-clamp-density;
+@forward './core/typography/typography' show typography-hierarchy;
+@forward './core/typography/typography-utils' show font-shorthand;
+@forward 'core/tokens/system' show system-level-colors,
+    system-level-typography, system-level-elevation, system-level-shape,
+    system-level-motion, system-level-state, theme, theme-overrides, m2-theme;
+@forward 'core/tokens/classes' show system-classes;
+
+// Private/Internal
+@forward './core/density/private/all-density' show all-component-densities;
+@forward './core/theming/theming' show private-legacy-get-theme, private-is-theme-object;
+@forward './core/style/private' show private-theme-elevation;
+@forward './core/style/vendor-prefixes' as private-* show private-user-select;
+@forward './core/style/variables' as private-* show $private-swift-ease-in-duration,
+  $private-swift-ease-in-timing-function, $private-swift-ease-out-timing-function,
+  $private-ease-in-out-curve-function, $private-swift-ease-out-duration, $private-xsmall;
+@forward './core/style/sass-utils' as private-*;
+@forward './core/style/validation' as private-*;
+
+// Structural
+@forward './core/core' show core, app-background, elevation-classes;
+@forward './core/ripple/ripple' show ripple;
+@forward './core/focus-indicators/private' show strong-focus-indicators,
+  strong-focus-indicators-color, strong-focus-indicators-theme, strong-focus-indicators-structure;
+@forward './core/style/elevation' show elevation, overridable-elevation, elevation-transition;
+
+// Theme bundles
+@forward './core/theming/all-theme' show all-component-themes, all-component-bases;
+@forward './core/color/all-color' show all-component-colors;
+@forward './core/typography/all-typography' show all-component-typographies;
+
+// Component themes
+@forward './core/core-theme' as core-* show core-color, core-theme, core-typography, core-density,
+  core-base, core-overrides;
+@forward './core/ripple/ripple-theme' as ripple-* show ripple-color, ripple-theme, ripple-base,
+  ripple-overrides;
+@forward './core/option/option-theme' as option-* show option-color, option-typography,
+  option-theme, option-density, option-base, option-overrides;
+@forward './core/option/optgroup-theme' as optgroup-* show optgroup-color, optgroup-typography,
+  optgroup-theme, optgroup-density, optgroup-base, optgroup-overrides;
+@forward './core/selection/pseudo-checkbox/pseudo-checkbox-theme' as pseudo-checkbox-* show
+  pseudo-checkbox-color, pseudo-checkbox-typography, pseudo-checkbox-theme, pseudo-checkbox-density,
+  pseudo-checkbox-base, pseudo-checkbox-overrides;
+@forward './core/selection/pseudo-checkbox/pseudo-checkbox-common' as pseudo-checkbox-* show
+  pseudo-checkbox-legacy-size;
+@forward './autocomplete/autocomplete-theme' as autocomplete-* show autocomplete-theme,
+  autocomplete-color, autocomplete-typography, autocomplete-density, autocomplete-base,
+  autocomplete-overrides;
+@forward './badge/badge-theme' as badge-* show badge-theme, badge-color, badge-typography,
+  badge-density, badge-base, badge-overrides;
+@forward './bottom-sheet/bottom-sheet-theme' as bottom-sheet-* show bottom-sheet-theme,
+  bottom-sheet-color, bottom-sheet-typography, bottom-sheet-density, bottom-sheet-base,
+  bottom-sheet-overrides;
+@forward './button/button-theme' as button-* show button-theme, button-color, button-typography,
+  button-density, button-base, button-overrides;
+@forward './button/fab-theme' as fab-* show fab-color, fab-typography,
+  fab-density, fab-theme, fab-base, fab-overrides;
+@forward './button/icon-button-theme' as icon-button-* show icon-button-color,
+  icon-button-typography, icon-button-density, icon-button-theme, icon-button-base,
+  icon-button-overrides;
+@forward './button-toggle/button-toggle-theme' as button-toggle-* show button-toggle-theme,
+  button-toggle-color, button-toggle-typography, button-toggle-density, button-toggle-base,
+  button-toggle-overrides;
+@forward './card/card-theme' as card-* show card-theme, card-color, card-typography, card-density,
+  card-base, card-overrides;
+@forward './checkbox/checkbox-theme' as checkbox-* show checkbox-theme, checkbox-color,
+  checkbox-typography, checkbox-density, checkbox-base, checkbox-overrides;
+@forward './chips/chips-theme' as chips-* show chips-theme, chips-color, chips-typography,
+  chips-density, chips-base, chips-overrides;
+@forward './datepicker/datepicker-theme' as datepicker-* show datepicker-theme, datepicker-color,
+  datepicker-typography, datepicker-date-range-colors, datepicker-density, datepicker-base,
+  datepicker-overrides;
+@forward './dialog/dialog-theme' as dialog-* show dialog-theme, dialog-color, dialog-typography,
+  dialog-density, dialog-base, dialog-overrides;
+@forward './dialog/dialog-legacy-padding' as dialog-* show dialog-legacy-padding;
+@forward './divider/divider-theme' as divider-* show divider-theme, divider-color,
+  divider-typography, divider-density, divider-base, divider-overrides;
+@forward './expansion/expansion-theme' as expansion-* show expansion-theme, expansion-color,
+  expansion-typography, expansion-density, expansion-base, expansion-overrides;
+@forward './form-field/form-field-theme' as form-field-* show form-field-theme,
+  form-field-color, form-field-typography, form-field-density, form-field-base,
+  form-field-overrides;
+@forward './grid-list/grid-list-theme' as grid-list-* show grid-list-theme, grid-list-color,
+  grid-list-typography, grid-list-density, grid-list-base, grid-list-overrides;
+@forward './icon/icon-theme' as icon-* show icon-theme, icon-color, icon-typography, icon-density,
+  icon-base, icon-overrides;
+@forward './input/input-theme' as input-* show input-theme, input-color, input-typography,
+  input-density, input-base, input-overrides;
+@forward './list/list-theme' as list-* show list-theme, list-color, list-typography,
+  list-density, list-base, list-overrides;
+@forward './menu/menu-theme' as menu-* show menu-theme, menu-color, menu-typography, menu-density,
+  menu-base, menu-overrides;
+@forward './paginator/paginator-theme' as paginator-* show paginator-theme, paginator-color,
+  paginator-typography, paginator-density, paginator-base, paginator-overrides;
+@forward './progress-bar/progress-bar-theme' as progress-bar-* show
+  progress-bar-theme, progress-bar-color, progress-bar-typography,
+  progress-bar-density, progress-bar-base, progress-bar-overrides;
+@forward './progress-spinner/progress-spinner-theme' as progress-spinner-* show
+  progress-spinner-theme, progress-spinner-color, progress-spinner-typography,
+  progress-spinner-density, progress-spinner-base, progress-spinner-overrides;
+@forward './radio/radio-theme' as radio-* show radio-theme, radio-color, radio-typography,
+  radio-density, radio-base, radio-overrides;
+@forward './select/select-theme' as select-* show select-theme, select-color, select-typography,
+  select-density, select-base, select-overrides;
+@forward './sidenav/sidenav-theme' as sidenav-* show sidenav-theme, sidenav-color,
+  sidenav-typography, sidenav-density, sidenav-base, sidenav-overrides;
+@forward './slide-toggle/slide-toggle-theme' as slide-toggle-* show
+  slide-toggle-theme, slide-toggle-color, slide-toggle-typography, slide-toggle-density,
+  slide-toggle-base, slide-toggle-overrides;
+@forward './slider/slider-theme' as slider-* show slider-theme, slider-color, slider-typography,
+  slider-density, slider-base, slider-overrides;
+@forward './snack-bar/snack-bar-theme' as snack-bar-* show snack-bar-theme, snack-bar-color,
+  snack-bar-typography, snack-bar-density, snack-bar-base, snack-bar-overrides;
+@forward './sort/sort-theme' as sort-* show sort-theme, sort-color, sort-typography, sort-density,
+  sort-base, sort-overrides;
+@forward './stepper/stepper-theme' as stepper-* show stepper-theme, stepper-color,
+  stepper-typography, stepper-density, stepper-base, stepper-overrides;
+@forward './table/table-theme' as table-* show table-theme, table-color, table-typography,
+  table-density, table-base, table-overrides;
+@forward './tabs/tabs-theme' as tabs-* show tabs-theme, tabs-color, tabs-typography, tabs-density,
+  tabs-base, tabs-overrides;
+@forward './toolbar/toolbar-theme' as toolbar-* show toolbar-theme, toolbar-color,
+  toolbar-typography, toolbar-density, toolbar-base, toolbar-overrides;
+@forward './tooltip/tooltip-theme' as tooltip-* show tooltip-theme, tooltip-color,
+  tooltip-typography, tooltip-density, tooltip-base, tooltip-overrides;
+@forward './tree/tree-theme' as tree-* show tree-theme, tree-color, tree-typography, tree-density,
+  tree-base, tree-overrides;
+@forward './timepicker/timepicker-theme' as timepicker-* show timepicker-theme, timepicker-color,
+  timepicker-typography, timepicker-density, timepicker-base, timepicker-overrides;

package/autocomplete/_autocomplete-theme.scss

@@ -0,0 +1,76 @@
+@use 'sass:map';
+@use '../core/theming/inspection';
+@use '../core/typography/typography';
+@use '../core/tokens/token-utils';
+@use 'm2-autocomplete';
+@use 'm3-autocomplete';
+
+@mixin base($theme) {
+  $tokens: map.get(m2-autocomplete.get-tokens($theme), base);
+  @if inspection.get-theme-version($theme) == 1 {
+    $tokens: map.get(m3-autocomplete.get-tokens($theme), base);
+  }
+
+  @include token-utils.values($tokens);
+}
+
+@mixin color($theme) {
+  $tokens: map.get(m2-autocomplete.get-tokens($theme), color);
+  @if inspection.get-theme-version($theme) == 1 {
+    $tokens: map.get(m3-autocomplete.get-tokens($theme), color);
+  }
+
+  @include token-utils.values($tokens);
+}
+
+@mixin typography($theme) {
+  $tokens: map.get(m2-autocomplete.get-tokens($theme), typography);
+  @if inspection.get-theme-version($theme) == 1 {
+    $tokens: map.get(m3-autocomplete.get-tokens($theme), typography);
+  }
+
+  @include token-utils.values($tokens);
+}
+
+@mixin density($theme) {
+  $tokens: map.get(m2-autocomplete.get-tokens($theme), density);
+  @if inspection.get-theme-version($theme) == 1 {
+    $tokens: map.get(m3-autocomplete.get-tokens($theme), density);
+  }
+
+  @include token-utils.values($tokens);
+}
+
+/// Defines the tokens that will be available in the `overrides` mixin and for docs extraction.
+@function _define-overrides() {
+  @return (
+    (
+      namespace: autocomplete,
+      tokens: token-utils.get-overrides(m3-autocomplete.get-tokens(), autocomplete),
+    ),
+  );
+}
+
+@mixin overrides($tokens: ()) {
+    @include token-utils.batch-create-token-values($tokens, _define-overrides());
+}
+
+@mixin theme($theme) {
+  @if inspection.get-theme-version($theme) == 1 {
+    @include base($theme);
+    @include color($theme);
+    @include density($theme);
+    @include typography($theme);
+  } @else {
+    @include base($theme);
+    @if inspection.theme-has($theme, color) {
+      @include color($theme);
+    }
+    @if inspection.theme-has($theme, density) {
+      @include density($theme);
+    }
+    @if inspection.theme-has($theme, typography) {
+      @include typography($theme);
+    }
+  }
+}

package/autocomplete/_m2-autocomplete.scss

@@ -0,0 +1,19 @@
+@use '../core/style/elevation';
+@use '../core/tokens/m2-utils';
+@use 'sass:map';
+
+@function get-tokens($theme) {
+  $system: m2-utils.get-system($theme);
+
+  @return (
+    base: (
+      autocomplete-container-shape: 4px,
+      autocomplete-container-elevation-shadow: elevation.get-box-shadow(8),
+    ),
+    color: (
+      autocomplete-background-color: map.get($system, surface)
+    ),
+    typography: (),
+    density: (),
+  );
+}

package/autocomplete/_m3-autocomplete.scss

@@ -0,0 +1,26 @@
+@use 'sass:map';
+@use '../core/style/elevation';
+@use '../core/tokens/m3-utils';
+@use '../core/tokens/m3';
+
+/// Generates custom tokens for the mat-autocomplete.
+/// @param {Map} $systems The MDC system tokens
+/// @param {Boolean} $exclude-hardcoded Whether to exclude hardcoded token values
+/// @param {Map} $token-slots Possible token slots
+/// @return {Map} A set of custom tokens for the mat-autocomplete
+@function get-tokens($theme: m3.$sys-theme) {
+  $system: m3-utils.get-system($theme);
+  $tokens: (
+    base: (
+      autocomplete-container-shape: map.get($system, corner-extra-small),
+      autocomplete-container-elevation-shadow: elevation.get-box-shadow(2),
+    ),
+    color: (
+      autocomplete-background-color: map.get($system, surface-container),
+    ),
+    typography: (),
+    density: (),
+  );
+
+  @return $tokens;
+}

package/badge/_badge-theme.scss

@@ -0,0 +1,106 @@
+@use '../core/theming/inspection';
+@use '../core/tokens/token-utils';
+@use '../core/typography/typography';
+@use './m2-badge';
+@use './m3-badge';
+@use 'sass:color';
+@use 'sass:map';
+
+/// Outputs base theme styles (styles not dependent on the color, typography, or density settings)
+/// for the mat-badge.
+/// @param {Map} $theme The theme to generate base styles for.
+@mixin base($theme) {
+  $tokens: map.get(m2-badge.get-tokens($theme), base);
+  @if inspection.get-theme-version($theme) == 1 {
+    $tokens: map.get(m3-badge.get-tokens($theme), base);
+  }
+
+  @include token-utils.values($tokens);
+}
+
+/// Outputs color theme styles for the mat-badge.
+/// @param {Map} $theme The theme to generate color styles for.
+/// @param {String} $color-variant The color variant to use for
+///     the badge: primary, secondary, tertiary, or error (If not specified,
+///     default error color will be used).
+@mixin color($theme, $color-variant: null) {
+  $tokens: map.get(m2-badge.get-tokens($theme), color);
+  @if inspection.get-theme-version($theme) == 1 {
+    $tokens: map.get(m3-badge.get-tokens($theme, $color-variant), color);
+  }
+
+  @include token-utils.values($tokens);
+
+  @if inspection.get-theme-version($theme) != 1 {
+    .mat-badge-accent {
+      $tokens: m2-badge.private-get-color-palette-color-tokens($theme, secondary);
+      @include token-utils.values($tokens);
+    }
+
+    .mat-badge-warn {
+      $tokens: m2-badge.private-get-color-palette-color-tokens($theme, error);
+      @include token-utils.values($tokens);
+    }
+  }
+}
+
+/// Outputs typography theme styles for the mat-badge.
+/// @param {Map} $theme The theme to generate typography styles for.
+@mixin typography($theme) {
+  $tokens: map.get(m2-badge.get-tokens($theme), typography);
+  @if inspection.get-theme-version($theme) == 1 {
+    $tokens: map.get(m3-badge.get-tokens($theme), typography);
+  }
+
+  @include token-utils.values($tokens);
+}
+
+/// Outputs density theme styles for the mat-badge.
+/// @param {Map} $theme The theme to generate density styles for.
+@mixin density($theme) {
+  $tokens: map.get(m2-badge.get-tokens($theme), density);
+  @if inspection.get-theme-version($theme) == 1 {
+    $tokens: map.get(m3-badge.get-tokens($theme), density);
+  }
+
+  @include token-utils.values($tokens);
+}
+
+/// Defines the tokens that will be available in the `overrides` mixin and for docs extraction.
+@function _define-overrides() {
+  @return (
+    (
+      namespace: badge,
+      tokens: token-utils.get-overrides(m3-badge.get-tokens(), badge),
+    ),
+  );
+}
+
+/// Outputs the CSS variable values for the given tokens.
+/// @param {Map} $tokens The token values to emit.
+@mixin overrides($tokens: ()) {
+    @include token-utils.batch-create-token-values($tokens, _define-overrides());
+}
+
+/// Outputs all (base, color, typography, and density) theme styles for the mat-badge.
+/// @param {Map} $theme The theme to generate styles for.
+/// @param {String} $color-variant The color variant to use for the component
+@mixin theme($theme, $color-variant: null) {
+  @if inspection.get-theme-version($theme) == 1 {
+    @include base($theme);
+    @include color($theme, $color-variant);
+    @include density($theme);
+    @include typography($theme);
+  } @else {
+    @include base($theme);
+    @if inspection.theme-has($theme, color) {
+      @include color($theme);
+    }
+    @if inspection.theme-has($theme, density) {
+      @include density($theme);
+    }
+    @if inspection.theme-has($theme, typography) {
+      @include typography($theme);
+    }
+  }
+}

package/badge/_m2-badge.scss

@@ -0,0 +1,73 @@
+@use 'sass:map';
+@use 'sass:math';
+@use '../core/tokens/m2-utils';
+@use '../core/tokens/m3-utils';
+
+$_default-size: 22px;
+$_small-size: $_default-size - 6px;
+$_large-size: $_default-size + 6px;
+
+@function get-tokens($theme) {
+  $default-size: 22px;
+  $small-size: $default-size - 6px;
+  $large-size: $default-size + 6px;
+  $base-size: 12px;
+
+  $system: m2-utils.get-system($theme);
+  $disabled: m3-utils.color-with-opacity(map.get($system, on-surface), 38%);
+  $disabled-container: m3-utils.color-with-opacity(map.get($system, on-surface), 12%);
+  $primary-color-tokens: private-get-color-palette-color-tokens($theme, primary);
+
+  @return (
+    base: (
+      badge-container-shape: 50%,
+      badge-container-size: unset,
+      badge-small-size-container-size: unset,
+      badge-large-size-container-size: unset,
+
+      badge-legacy-container-size: $default-size,
+      badge-legacy-small-size-container-size: $small-size,
+      badge-legacy-large-size-container-size: $large-size,
+
+      badge-container-offset: math.div($default-size, -2) 0,
+      badge-small-size-container-offset: math.div($small-size, -2) 0,
+      badge-large-size-container-offset: math.div($large-size, -2) 0,
+
+      badge-container-overlap-offset: math.div($default-size, -2),
+      badge-small-size-container-overlap-offset: math.div($small-size, -2),
+      badge-large-size-container-overlap-offset: math.div($large-size, -2),
+
+      badge-container-padding: 0,
+      badge-small-size-container-padding: 0,
+      badge-large-size-container-padding: 0,
+    ),
+    color: map.merge($primary-color-tokens, (
+      badge-disabled-state-background-color: $disabled-container,
+      badge-disabled-state-text-color: $disabled,
+    )),
+    typography: (
+      badge-text-font: map.get($system, body-medium-font),
+      badge-line-height: $_default-size,
+      badge-text-size: $base-size,
+      badge-text-weight: 600,
+
+      badge-small-size-text-size: $base-size * 0.75,
+      badge-small-size-line-height: $_small-size,
+
+      badge-large-size-text-size: $base-size * 2,
+      badge-large-size-line-height: $_large-size,
+    ),
+    density: (),
+  );
+};
+
+// Generates the tokens used to theme the badge based on a palette.
+@function private-get-color-palette-color-tokens($theme, $color-variant) {
+  $system: m2-utils.get-system($theme);
+  $system: m3-utils.replace-colors-with-variant($system, primary, $color-variant);
+
+  @return (
+    badge-background-color: map.get($system, primary),
+    badge-text-color: map.get($system, on-primary),
+  );
+}

package/badge/_m3-badge.scss

@@ -0,0 +1,52 @@
+@use 'sass:map';
+@use '../core/tokens/m3-utils';
+@use '../core/tokens/m3';
+
+/// Generates custom tokens for the mat-badge.
+@function get-tokens($theme: m3.$sys-theme, $color-variant: null) {
+  $system: m3-utils.get-system($theme);
+  @if $color-variant {
+    $system: m3-utils.replace-colors-with-variant($system, error, $color-variant);
+  }
+
+  $tokens: (
+    base: (
+      badge-container-offset: -12px 0,
+      badge-container-overlap-offset: -12px,
+      badge-container-padding: 0 4px,
+      badge-container-shape: map.get($system, corner-full),
+      badge-container-size: 16px,
+      badge-large-size-container-offset: -12px 0,
+      badge-large-size-container-overlap-offset: -12px,
+      badge-large-size-container-padding: 0 4px,
+      badge-large-size-container-size: 16px,
+      badge-legacy-container-size: unset,
+      badge-legacy-large-size-container-size: unset,
+      badge-legacy-small-size-container-size: unset,
+      badge-small-size-container-offset: -6px 0,
+      badge-small-size-container-overlap-offset: -6px,
+      badge-small-size-container-padding: 0,
+      badge-small-size-container-size: 6px,
+    ),
+    color: (
+      badge-background-color: map.get($system, error),
+      badge-disabled-state-background-color:
+          m3-utils.color-with-opacity(map.get($system, error), 38%),
+      badge-disabled-state-text-color: map.get($system, on-error),
+      badge-text-color: map.get($system, on-error),
+    ),
+    typography: (
+      badge-large-size-line-height: 16px,
+      badge-large-size-text-size: map.get($system, label-small-size),
+      badge-line-height: 16px,
+      badge-small-size-line-height: 6px,
+      badge-small-size-text-size: 0,
+      badge-text-font: map.get($system, label-small-font),
+      badge-text-size: map.get($system, label-small-size),
+      badge-text-weight: map.get($system, label-small-weight),
+    ),
+    density: (),
+  );
+
+  @return $tokens;
+}

package/bottom-sheet/_bottom-sheet-theme.scss

@@ -0,0 +1,76 @@
+@use 'sass:map';
+@use '../core/typography/typography';
+@use '../core/theming/inspection';
+@use '../core/tokens/token-utils';
+@use './m2-bottom-sheet';
+@use './m3-bottom-sheet';
+
+@mixin base($theme) {
+  $tokens: map.get(m2-bottom-sheet.get-tokens($theme), base);
+  @if inspection.get-theme-version($theme) == 1 {
+    $tokens: map.get(m3-bottom-sheet.get-tokens($theme), base);
+  }
+
+  @include token-utils.values($tokens);
+}
+
+@mixin color($theme) {
+  $tokens: map.get(m2-bottom-sheet.get-tokens($theme), color);
+  @if inspection.get-theme-version($theme) == 1 {
+    $tokens: map.get(m3-bottom-sheet.get-tokens($theme), color);
+  }
+
+  @include token-utils.values($tokens);
+}
+
+@mixin typography($theme) {
+  $tokens: map.get(m2-bottom-sheet.get-tokens($theme), typography);
+  @if inspection.get-theme-version($theme) == 1 {
+    $tokens: map.get(m3-bottom-sheet.get-tokens($theme), typography);
+  }
+
+  @include token-utils.values($tokens);
+}
+
+@mixin density($theme) {
+  $tokens: map.get(m2-bottom-sheet.get-tokens($theme), density);
+  @if inspection.get-theme-version($theme) == 1 {
+    $tokens: map.get(m3-bottom-sheet.get-tokens($theme), density);
+  }
+
+  @include token-utils.values($tokens);
+}
+
+/// Defines the tokens that will be available in the `overrides` mixin and for docs extraction.
+@function _define-overrides() {
+  @return (
+    (
+      namespace: bottom-sheet,
+      tokens: token-utils.get-overrides(m3-bottom-sheet.get-tokens(), bottom-sheet)
+    ),
+  );
+}
+
+@mixin overrides($tokens: ()) {
+    @include token-utils.batch-create-token-values($tokens, _define-overrides());
+}
+
+@mixin theme($theme) {
+  @if inspection.get-theme-version($theme) == 1 {
+    @include base($theme);
+    @include color($theme);
+    @include density($theme);
+    @include typography($theme);
+  } @else {
+    @include base($theme);
+    @if inspection.theme-has($theme, color) {
+      @include color($theme);
+    }
+    @if inspection.theme-has($theme, density) {
+      @include density($theme);
+    }
+    @if inspection.theme-has($theme, typography) {
+      @include typography($theme);
+    }
+  }
+}

package/bottom-sheet/_m2-bottom-sheet.scss

@@ -0,0 +1,24 @@
+@use '../core/tokens/m2-utils';
+@use 'sass:map';
+
+@function get-tokens($theme) {
+  $system: m2-utils.get-system($theme);
+
+  @return (
+    base: (
+      bottom-sheet-container-shape: 4px,
+    ),
+    color: (
+      bottom-sheet-container-text-color: map.get($system, on-surface),
+      bottom-sheet-container-background-color: map.get($system, surface),
+    ),
+    typography: (
+      bottom-sheet-container-text-font: map.get($system, body-medium-font),
+      bottom-sheet-container-text-line-height: map.get($system, body-medium-line-height),
+      bottom-sheet-container-text-size: map.get($system, body-medium-size),
+      bottom-sheet-container-text-tracking: map.get($system, body-medium-tracking),
+      bottom-sheet-container-text-weight: map.get($system, body-medium-weight),
+    ),
+    density: (),
+  );
+}