@depup/angular__material 21.2.2-depup.19

package/core/style/_sass-utils.scss

@@ -0,0 +1,57 @@
+@use 'sass:string';
+@use 'sass:map';
+@use 'sass:meta';
+
+/// Whether our theming API is using --sys- variables for color tokens.
+$use-system-color-variables: false;
+
+/// Whether our theming API is using --sys- variables for typography tokens.
+$use-system-typography-variables: false;
+
+/// Include content under the current selector (&) or the document root if there is no current
+/// selector.
+/// @param {String} $root [html] The default root selector to use when there is no current selector.
+/// @output The given content under the current selector, or root selector if there is no current
+///     selector.
+/// @content Content to output under the current selector, or root selector if there is no current
+///     selector.
+@mixin current-selector-or-root($root: html) {
+  @if & {
+    @content;
+  }
+  @else {
+    #{$root} {
+      @content;
+    }
+  }
+}
+
+/// A version of the standard `map.merge` function that takes a variable number of arguments.
+/// Each argument is merged into the final result from left to right.
+/// @param {List} $maps The maps to combine with map.merge
+/// @return {Map} The combined result of successively calling map.merge with each parameter.
+@function merge-all($maps...) {
+  $result: ();
+  @each $map in $maps {
+    $result: map.merge($result, $map);
+  }
+  @return $result;
+}
+
+/// A version of the standard `map.deep-merge` function that takes a variable number of arguments.
+/// Each argument is deep-merged into the final result from left to right.
+/// @param {List} $maps The maps to combine with map.deep-merge
+/// @return {Map} The combined result of successively calling map.deep-merge with each parameter.
+@function deep-merge-all($maps...) {
+  $result: ();
+  @each $map in $maps {
+    $result: map.deep-merge($result, $map);
+  }
+  @return $result;
+}
+
+// Returns whether the $value is a CSS variable name based on whether it's a string prefixed
+// by "--".
+@function is-css-var-name($value) {
+  @return meta.type-of($value) == string and string.index($value, '--') == 1;
+}

package/core/style/_validation.scss

@@ -0,0 +1,52 @@
+@use 'sass:list';
+@use 'sass:meta';
+
+/// Validates that the object's type matches any of the expected types.
+/// @param {any} $obj The object to test
+/// @param {List} $types The expected types
+/// @return {String} null if no error, else the unexpected type.
+@function validate-type($obj, $types...) {
+  $result: meta.type-of($obj);
+  // A zero-length list is the same as a zero-length map.
+  @if ($result == list and list.index($types, map) and list.length($obj) == 0) {
+    @return null;
+  }
+  @if (list.index($types, $result)) {
+    @return null;
+  }
+  @return $result;
+}
+
+/// Validates that a list contains only values from the allowed list of values.
+/// @param {List} $list The list to test
+/// @param {List} $allowed The allowed values
+/// @return {List} null if no error, else the list of non-allowed values.
+@function validate-allowed-values($list, $allowed...) {
+  $invalid: ();
+  @each $element in $list {
+    @if not list.index($allowed, $element) {
+      $invalid: list.append($invalid, $element);
+    }
+  }
+  @if (list.length($invalid) > 0) {
+    @return $invalid;
+  }
+  @return null;
+}
+
+/// Validates that a list contains all values from the required list of values.
+/// @param {List} $list The list to test
+/// @param {List} $required The required values
+/// @return {List} null if no error, else the list of missing values.
+@function validate-required-values($list, $required...) {
+  $invalid: ();
+  @each $element in $required {
+    @if not list.index($list, $element) {
+      $invalid: list.append($invalid, $element);
+    }
+  }
+  @if (list.length($invalid) > 0) {
+    @return $invalid;
+  }
+  @return null;
+}

package/core/style/_variables.scss

@@ -0,0 +1,44 @@
+// Media queries
+// TODO(josephperrott): Change $mat-xsmall and $mat-small usages to rely on BreakpointObserver,
+$xsmall: 'max-width: 599px';
+$small: 'max-width: 959px';
+
+// TODO: Revisit all z-indices before beta
+// z-index main list
+
+$z-index-fab: 20 !default;
+$z-index-drawer: 100 !default;
+
+// Global constants
+$pi: 3.14159265;
+
+// Padding between input toggles and their labels
+$toggle-padding: 8px !default;
+// Width and height of input toggles
+$toggle-size: 20px !default;
+
+// Easing Curves
+// TODO(jelbourn): all of these need to be revisited
+
+// The default animation curves used by material design.
+$linear-out-slow-in-timing-function: cubic-bezier(0, 0, 0.2, 0.1) !default;
+$fast-out-slow-in-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !default;
+$fast-out-linear-in-timing-function: cubic-bezier(0.4, 0, 1, 1) !default;
+
+$ease-in-out-curve-function: cubic-bezier(0.35, 0, 0.25, 1) !default;
+
+$swift-ease-out-duration: 400ms !default;
+$swift-ease-out-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1) !default;
+$swift-ease-out: all $swift-ease-out-duration $swift-ease-out-timing-function !default;
+
+$swift-ease-in-duration: 300ms !default;
+$swift-ease-in-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2) !default;
+$swift-ease-in: all $swift-ease-in-duration $swift-ease-in-timing-function !default;
+
+$swift-ease-in-out-duration: 500ms !default;
+$swift-ease-in-out-timing-function: $ease-in-out-curve-function !default;
+$swift-ease-in-out: all $swift-ease-in-out-duration $swift-ease-in-out-timing-function !default;
+
+$swift-linear-duration: 80ms !default;
+$swift-linear-timing-function: linear !default;
+$swift-linear: all $swift-linear-duration $swift-linear-timing-function !default;

package/core/style/_vendor-prefixes.scss

@@ -0,0 +1,56 @@
+// stylelint-disable material/no-prefixes
+@mixin user-select($value) {
+  -webkit-user-select: $value;
+  user-select: $value;
+}
+
+@mixin input-placeholder {
+  &::placeholder {
+    @content;
+  }
+
+  &::-moz-placeholder {
+    @content;
+  }
+
+  &::-webkit-input-placeholder {
+    @content;
+  }
+
+  // Note: this isn't necessary anymore since we don't support
+  // IE, but it caused some presubmit failures in #23416.
+  &:-ms-input-placeholder {
+    @content;
+  }
+}
+
+@mixin backface-visibility($value) {
+  -webkit-backface-visibility: $value;
+  backface-visibility: $value;
+}
+
+@mixin color-adjust($value) {
+  -webkit-print-color-adjust: $value;
+  color-adjust: $value;
+}
+
+@mixin private-background-clip($value) {
+  -webkit-background-clip: $value;
+  background-clip: $value;
+}
+
+@mixin clip-path($value) {
+  -webkit-clip-path: $value;
+  clip-path: $value;
+}
+
+@mixin smooth-font {
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+}
+
+@mixin mask-image($value) {
+  -webkit-mask-image: $value;
+  mask-image: $value;
+}
+// stylelint-enable

package/core/theming/_all-theme.scss

@@ -0,0 +1,168 @@
+// Import all the theming functionality.
+@use '../core-theme';
+@use '../../autocomplete/autocomplete-theme';
+@use '../../badge/badge-theme';
+@use '../../bottom-sheet/bottom-sheet-theme';
+@use '../../button/button-theme';
+@use '../../button/icon-button-theme';
+@use '../../button/fab-theme';
+@use '../../button-toggle/button-toggle-theme';
+@use '../../card/card-theme';
+@use '../../checkbox/checkbox-theme';
+@use '../../chips/chips-theme';
+@use '../../table/table-theme';
+@use '../../datepicker/datepicker-theme';
+@use '../../dialog/dialog-theme';
+@use '../../divider/divider-theme';
+@use '../../expansion/expansion-theme';
+@use '../../grid-list/grid-list-theme';
+@use '../../icon/icon-theme';
+@use '../../input/input-theme';
+@use '../../list/list-theme';
+@use '../../menu/menu-theme';
+@use '../../paginator/paginator-theme';
+@use '../../progress-bar/progress-bar-theme';
+@use '../../progress-spinner/progress-spinner-theme';
+@use '../../radio/radio-theme';
+@use '../../select/select-theme';
+@use '../../sidenav/sidenav-theme';
+@use '../../slide-toggle/slide-toggle-theme';
+@use '../../slider/slider-theme';
+@use '../../stepper/stepper-theme';
+@use '../../sort/sort-theme';
+@use '../../tabs/tabs-theme';
+@use '../../toolbar/toolbar-theme';
+@use '../../tooltip/tooltip-theme';
+@use '../../tree/tree-theme';
+@use '../../snack-bar/snack-bar-theme';
+@use '../../form-field/form-field-theme';
+@use '../../timepicker/timepicker-theme';
+
+// Create a theme.
+@mixin all-component-themes($theme) {
+  @include core-theme.theme($theme);
+  @include card-theme.theme($theme);
+  @include progress-bar-theme.theme($theme);
+  @include tooltip-theme.theme($theme);
+  @include form-field-theme.theme($theme);
+  @include input-theme.theme($theme);
+  @include select-theme.theme($theme);
+  @include autocomplete-theme.theme($theme);
+  @include dialog-theme.theme($theme);
+  @include chips-theme.theme($theme);
+  @include slide-toggle-theme.theme($theme);
+  @include radio-theme.theme($theme);
+  @include slider-theme.theme($theme);
+  @include menu-theme.theme($theme);
+  @include list-theme.theme($theme);
+  @include paginator-theme.theme($theme);
+  @include tabs-theme.theme($theme);
+  @include checkbox-theme.theme($theme);
+  @include button-theme.theme($theme);
+  @include icon-button-theme.theme($theme);
+  @include fab-theme.theme($theme);
+  @include snack-bar-theme.theme($theme);
+  @include table-theme.theme($theme);
+  @include progress-spinner-theme.theme($theme);
+  @include badge-theme.theme($theme);
+  @include bottom-sheet-theme.theme($theme);
+  @include button-toggle-theme.theme($theme);
+  @include datepicker-theme.theme($theme);
+  @include divider-theme.theme($theme);
+  @include expansion-theme.theme($theme);
+  @include grid-list-theme.theme($theme);
+  @include icon-theme.theme($theme);
+  @include sidenav-theme.theme($theme);
+  @include stepper-theme.theme($theme);
+  @include sort-theme.theme($theme);
+  @include toolbar-theme.theme($theme);
+  @include tree-theme.theme($theme);
+  @include timepicker-theme.theme($theme);
+}
+
+@mixin all-component-bases($theme) {
+  @include core-theme.base($theme);
+  @include card-theme.base($theme);
+  @include progress-bar-theme.base($theme);
+  @include tooltip-theme.base($theme);
+  @include form-field-theme.base($theme);
+  @include input-theme.base($theme);
+  @include select-theme.base($theme);
+  @include autocomplete-theme.base($theme);
+  @include dialog-theme.base($theme);
+  @include chips-theme.base($theme);
+  @include slide-toggle-theme.base($theme);
+  @include radio-theme.base($theme);
+  @include slider-theme.base($theme);
+  @include menu-theme.base($theme);
+  @include list-theme.base($theme);
+  @include paginator-theme.base($theme);
+  @include tabs-theme.base($theme);
+  @include checkbox-theme.base($theme);
+  @include button-theme.base($theme);
+  @include icon-button-theme.base($theme);
+  @include fab-theme.base($theme);
+  @include snack-bar-theme.base($theme);
+  @include table-theme.base($theme);
+  @include progress-spinner-theme.base($theme);
+  @include badge-theme.base($theme);
+  @include bottom-sheet-theme.base($theme);
+  @include button-toggle-theme.base($theme);
+  @include datepicker-theme.base($theme);
+  @include divider-theme.base($theme);
+  @include expansion-theme.base($theme);
+  @include grid-list-theme.base($theme);
+  @include icon-theme.base($theme);
+  @include sidenav-theme.base($theme);
+  @include stepper-theme.base($theme);
+  @include sort-theme.base($theme);
+  @include toolbar-theme.base($theme);
+  @include tree-theme.base($theme);
+  @include timepicker-theme.base($theme);
+}
+
+@mixin all-component-colors($theme) {
+  @include core-theme.color($theme);
+  @include card-theme.color($theme);
+  @include progress-bar-theme.color($theme);
+  @include tooltip-theme.color($theme);
+  @include form-field-theme.color($theme);
+  @include input-theme.color($theme);
+  @include select-theme.color($theme);
+  @include autocomplete-theme.color($theme);
+  @include dialog-theme.color($theme);
+  @include chips-theme.color($theme);
+  @include slide-toggle-theme.color($theme);
+  @include radio-theme.color($theme);
+  @include slider-theme.color($theme);
+  @include menu-theme.color($theme);
+  @include list-theme.color($theme);
+  @include paginator-theme.color($theme);
+  @include tabs-theme.color($theme);
+  @include checkbox-theme.color($theme);
+  @include button-theme.color($theme);
+  @include icon-button-theme.color($theme);
+  @include fab-theme.color($theme);
+  @include snack-bar-theme.color($theme);
+  @include table-theme.color($theme);
+  @include progress-spinner-theme.color($theme);
+  @include badge-theme.color($theme);
+  @include bottom-sheet-theme.color($theme);
+  @include button-toggle-theme.color($theme);
+  @include datepicker-theme.color($theme);
+  @include divider-theme.color($theme);
+  @include expansion-theme.color($theme);
+  @include grid-list-theme.color($theme);
+  @include icon-theme.color($theme);
+  @include sidenav-theme.color($theme);
+  @include stepper-theme.color($theme);
+  @include sort-theme.color($theme);
+  @include toolbar-theme.color($theme);
+  @include tree-theme.color($theme);
+  @include timepicker-theme.color($theme);
+}
+
+// @deprecated Use `all-component-themes`.
+@mixin angular-material-theme($theme) {
+  @include all-component-themes($theme);
+}

package/core/theming/_color-api-backwards-compatibility.scss

@@ -0,0 +1,159 @@
+@use '../../badge/badge-theme';
+@use '../../button/button-theme';
+@use '../../button/fab-theme';
+@use '../../button/icon-button-theme';
+@use '../../checkbox/checkbox-theme';
+@use '../../chips/chips-theme';
+@use '../../datepicker/datepicker-theme';
+@use '../../icon/icon-theme';
+@use '../../progress-bar/progress-bar-theme';
+@use '../../progress-spinner/progress-spinner-theme';
+@use '../../radio/radio-theme';
+@use '../../select/select-theme';
+@use '../../slide-toggle/slide-toggle-theme';
+@use '../../slider/slider-theme';
+@use '../../stepper/stepper-theme';
+@use '../../tabs/tabs-theme';
+@use '../../form-field/form-field-theme';
+@use '../option/option-theme';
+@use '../selection/pseudo-checkbox/pseudo-checkbox-theme';
+
+// We want to emit only the overrides, because the backwards compatibility styles are usually
+// emitted after all the tokens have been included once already. This allows us to save ~50kb
+// from the bundle.
+$_overrides-only: true;
+
+@mixin _color-variant-styles($theme, $color-variant) {
+  $secondary-when-primary: $color-variant;
+
+  @if ($color-variant == primary) {
+    $secondary-when-primary: secondary;
+  }
+
+  & {
+    @if ($color-variant != primary) {
+      @include option-theme.color($theme, $secondary-when-primary);
+    }
+  }
+
+  & {
+    @if ($color-variant != primary) {
+      @include progress-spinner-theme.color($theme, $color-variant);
+    }
+  }
+
+  & {
+    @if ($color-variant != primary) {
+      @include pseudo-checkbox-theme.color($theme, $color-variant);
+    }
+  }
+
+  & {
+    @include stepper-theme.color($theme, $color-variant);
+  }
+
+  &.mat-icon {
+    @include icon-theme.color($theme, $color-variant);
+  }
+
+  &.mat-mdc-checkbox {
+    @if ($color-variant != primary) {
+      @include checkbox-theme.color($theme, $color-variant);
+    }
+  }
+
+  &.mat-mdc-slider {
+    @if ($color-variant != primary) {
+      @include slider-theme.color($theme, $color-variant);
+    }
+  }
+
+  &.mat-mdc-tab-group,
+  &.mat-mdc-tab-nav-bar {
+      @include tabs-theme.color($theme, $color-variant);
+  }
+
+  &.mat-mdc-slide-toggle {
+    @include slide-toggle-theme.color($theme, $color-variant);
+  }
+
+  &.mat-mdc-form-field {
+    @if ($color-variant != primary) {
+      @include select-theme.color($theme, $color-variant);
+    }
+  }
+
+  &.mat-mdc-radio-button {
+    @if ($color-variant != primary) {
+      @include radio-theme.color($theme, $color-variant);
+    }
+  }
+
+  &.mat-mdc-progress-bar {
+    @if ($color-variant != primary) {
+      @include progress-bar-theme.color($theme, $color-variant);
+    }
+  }
+
+  &.mat-mdc-form-field {
+    @if ($color-variant != primary) {
+      @include form-field-theme.color($theme, $color-variant);
+    }
+  }
+
+  &.mat-datepicker-content {
+    @include datepicker-theme.color($theme, $color-variant);
+  }
+
+  &.mat-mdc-button-base {
+    @if ($color-variant != primary) {
+      @include button-theme.color($theme, $color-variant);
+    }
+    @include icon-button-theme.color($theme, $color-variant);
+  }
+
+  &.mat-mdc-standard-chip {
+    @if ($color-variant != primary) {
+      @include chips-theme.color($theme, $secondary-when-primary);
+    }
+  }
+
+  .mdc-list-item__start,
+  .mdc-list-item__end {
+    @if ($color-variant != primary) {
+      @include checkbox-theme.color($theme, $color-variant);
+      @include radio-theme.color($theme, $color-variant);
+    }
+  }
+
+  // M3 dropped support for warn/error color FABs.
+  @if $color-variant != error and $color-variant != primary {
+    &.mat-mdc-fab,
+    &.mat-mdc-mini-fab {
+      @include fab-theme.color($theme, $color-variant);
+    }
+  }
+}
+
+@mixin color-variants-backwards-compatibility($theme) {
+  .mat-primary {
+    @include _color-variant-styles($theme, primary);
+  }
+  .mat-badge {
+    @include badge-theme.color($theme, $color-variant: primary);
+  }
+
+  .mat-accent {
+    @include _color-variant-styles($theme, tertiary);
+  }
+  .mat-badge-accent {
+    @include badge-theme.color($theme, $color-variant: tertiary);
+  }
+
+  .mat-warn {
+    @include _color-variant-styles($theme, error);
+  }
+  .mat-badge-warn {
+    @include badge-theme.color($theme, $color-variant: error);
+  }
+}