@angular/material 20.0.0-next.5 → 20.0.0-next.6

package/radio/_radio-common.scss

@@ -1,259 +0,0 @@
-@use '../core/tokens/m2/mat/radio' as tokens-mat-radio;
-@use '../core/tokens/token-utils';
-
-$_icon-size: 20px;
-
-@function _enter-transition($name) {
-  @return $name 90ms cubic-bezier(0, 0, 0.2, 1);
-}
-
-@function _exit-transition($name) {
-  @return $name 90ms cubic-bezier(0.4, 0, 0.6, 1);
-}
-
-// Structural styles for a radio button. Shared with the selection list.
-@mixin radio-structure($is-interactive) {
-  $tokens: tokens-mat-radio.$prefix, tokens-mat-radio.get-token-slots();
-
-  .mdc-radio {
-    display: inline-block;
-    position: relative;
-    flex: 0 0 auto;
-    box-sizing: content-box;
-    width: $_icon-size;
-    height: $_icon-size;
-    cursor: pointer;
-
-    // This is something we inherited from MDC, but it shouldn't be necessary.
-    // Removing it will likely lead to screenshot diffs.
-    will-change: opacity, transform, border-color, color;
-
-    @include token-utils.use-tokens($tokens...) {
-      $size-token: token-utils.get-token-variable(state-layer-size);
-      padding: calc((#{$size-token} - #{$_icon-size}) / 2);
-    }
-
-    @if ($is-interactive) {
-      // MDC's hover indication comes from their ripple which we don't use.
-      &:hover > .mdc-radio__native-control:not([disabled]):not(:focus) {
-        & ~ .mdc-radio__background::before {
-          opacity: 0.04;
-          transform: scale(1);
-        }
-      }
-
-      &:hover > .mdc-radio__native-control:not([disabled]) ~ .mdc-radio__background {
-        > .mdc-radio__outer-circle {
-          @include token-utils.use-tokens($tokens...) {
-            @include token-utils.create-token-slot(border-color, unselected-hover-icon-color);
-          }
-        }
-      }
-
-      &:hover > .mdc-radio__native-control:enabled:checked + .mdc-radio__background {
-        > .mdc-radio__outer-circle,
-        > .mdc-radio__inner-circle {
-          @include token-utils.use-tokens($tokens...) {
-            @include token-utils.create-token-slot(border-color, selected-hover-icon-color);
-          }
-        }
-      }
-
-      &:active > .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background {
-        > .mdc-radio__outer-circle {
-          @include token-utils.use-tokens($tokens...) {
-            @include token-utils.create-token-slot(border-color, unselected-pressed-icon-color);
-          }
-        }
-      }
-
-      &:active > .mdc-radio__native-control:enabled:checked + .mdc-radio__background {
-        > .mdc-radio__outer-circle,
-        > .mdc-radio__inner-circle {
-          @include token-utils.use-tokens($tokens...) {
-            @include token-utils.create-token-slot(border-color, selected-pressed-icon-color);
-          }
-        }
-      }
-    }
-  }
-
-  .mdc-radio__background {
-    display: inline-block;
-    position: relative;
-    box-sizing: border-box;
-    width: $_icon-size;
-    height: $_icon-size;
-
-    &::before {
-      position: absolute;
-      transform: scale(0, 0);
-      border-radius: 50%;
-      opacity: 0;
-      pointer-events: none;
-      content: '';
-      transition: _exit-transition(opacity), _exit-transition(transform);
-
-      @include token-utils.use-tokens($tokens...) {
-        $size: token-utils.get-token-variable(state-layer-size);
-        $offset: calc(-1 * (#{$size} - #{$_icon-size}) / 2);
-        width: $size;
-        height: $size;
-        top: $offset;
-        left: $offset;
-      }
-    }
-  }
-
-  .mdc-radio__outer-circle {
-    position: absolute;
-    top: 0;
-    left: 0;
-    box-sizing: border-box;
-    width: 100%;
-    height: 100%;
-    border-width: 2px;
-    border-style: solid;
-    border-radius: 50%;
-    transition: _exit-transition(border-color);
-  }
-
-  .mdc-radio__inner-circle {
-    position: absolute;
-    top: 0;
-    left: 0;
-    box-sizing: border-box;
-    width: 100%;
-    height: 100%;
-    transform: scale(0, 0);
-    border-width: 10px;
-    border-style: solid;
-    border-radius: 50%;
-    transition: _exit-transition(transform), _exit-transition(border-color);
-  }
-
-  .mdc-radio__native-control {
-    position: absolute;
-    margin: 0;
-    padding: 0;
-    opacity: 0;
-    top: 0;
-    right: 0;
-    left: 0;
-    cursor: inherit;
-    z-index: 1;
-
-    @include token-utils.use-tokens($tokens...) {
-      @include token-utils.create-token-slot(width, state-layer-size);
-      @include token-utils.create-token-slot(height, state-layer-size);
-    }
-
-    &:checked, &:disabled {
-      + .mdc-radio__background {
-        transition: _enter-transition(opacity), _enter-transition(transform);
-
-        > .mdc-radio__outer-circle {
-          transition: _enter-transition(border-color);
-        }
-
-        > .mdc-radio__inner-circle {
-          transition: _enter-transition(transform), _enter-transition(border-color);
-        }
-      }
-    }
-
-    @if ($is-interactive) {
-      &:focus + .mdc-radio__background::before {
-        transform: scale(1);
-        opacity: 0.12;
-        transition: _enter-transition(opacity), _enter-transition(transform);
-      }
-    }
-
-    &:disabled {
-      @include token-utils.use-tokens($tokens...) {
-        &:not(:checked) + .mdc-radio__background > .mdc-radio__outer-circle {
-          @include token-utils.create-token-slot(border-color, disabled-unselected-icon-color);
-          @include token-utils.create-token-slot(opacity, disabled-unselected-icon-opacity);
-        }
-
-        + .mdc-radio__background {
-          cursor: default;
-
-          > .mdc-radio__inner-circle,
-          > .mdc-radio__outer-circle {
-            @include token-utils.create-token-slot(border-color, disabled-selected-icon-color);
-            @include token-utils.create-token-slot(opacity, disabled-selected-icon-opacity);
-          }
-        }
-      }
-    }
-
-    &:enabled {
-      @include token-utils.use-tokens($tokens...) {
-        &:not(:checked) + .mdc-radio__background > .mdc-radio__outer-circle {
-          @include token-utils.create-token-slot(border-color, unselected-icon-color);
-        }
-
-        &:checked + .mdc-radio__background {
-          > .mdc-radio__outer-circle,
-          > .mdc-radio__inner-circle {
-            @include token-utils.create-token-slot(border-color, selected-icon-color);
-          }
-        }
-
-        @if ($is-interactive) {
-          &:focus:checked + .mdc-radio__background {
-            > .mdc-radio__inner-circle,
-            > .mdc-radio__outer-circle {
-              @include token-utils.create-token-slot(border-color, selected-focus-icon-color);
-            }
-          }
-        }
-      }
-    }
-
-    &:checked + .mdc-radio__background > .mdc-radio__inner-circle {
-      transform: scale(0.5);
-      transition: _enter-transition(transform), _enter-transition(border-color);
-    }
-  }
-
-  @if ($is-interactive) {
-    &.mat-mdc-radio-disabled-interactive .mdc-radio--disabled {
-      pointer-events: auto;
-
-      @include token-utils.use-tokens($tokens...) {
-        // stylelint-disable selector-combinator-space-before
-        .mdc-radio__native-control:not(:checked) + .mdc-radio__background
-            > .mdc-radio__outer-circle {
-          @include token-utils.create-token-slot(border-color, disabled-unselected-icon-color);
-          @include token-utils.create-token-slot(opacity, disabled-unselected-icon-opacity);
-        }
-        // stylelint-enable selector-combinator-space-before
-
-        &:hover .mdc-radio__native-control:checked + .mdc-radio__background,
-        .mdc-radio__native-control:checked:focus + .mdc-radio__background,
-        .mdc-radio__native-control + .mdc-radio__background {
-          > .mdc-radio__inner-circle,
-          > .mdc-radio__outer-circle {
-            @include token-utils.create-token-slot(border-color, disabled-selected-icon-color);
-            @include token-utils.create-token-slot(opacity, disabled-selected-icon-opacity);
-          }
-        }
-      }
-    }
-  }
-}
-
-// Conditionally disables the animations of the radio button.
-@mixin radio-noop-animations() {
-  &._mat-animation-noopable {
-    .mdc-radio__background::before,
-    .mdc-radio__outer-circle,
-    .mdc-radio__inner-circle {
-      // Needs to be `!important`, because MDC's selectors are really specific.
-      transition: none !important;
-    }
-  }
-}

package/stepper/_stepper-variables.scss

@@ -1,29 +0,0 @@
-$header-height: 72px !default;
-// Minimum height for highest density stepper's is determined based on how much
-// stepper headers can shrink until the step icon or step label exceed. We can't use
-// a value below `42px` because the optional label for steps would otherwise exceed.
-$header-minimum-height: 42px !default;
-$header-maximum-height: $header-height !default;
-
-$density-config: (
-  height: (
-    default: $header-height,
-    maximum: $header-maximum-height,
-    minimum: $header-minimum-height,
-  )
-) !default;
-
-// Note: These variables are not denoted with `!default` because they are used in the non-theme
-// component styles. Modifying these variables does not have the desired effect for consumers.
-$label-header-height: 24px;
-$label-position-bottom-top-gap: 16px;
-$label-min-width: 50px;
-
-$vertical-stepper-content-margin: 36px;
-
-$side-gap: 24px;
-$line-width: 1px;
-$line-gap: 8px;
-
-$step-sub-label-font-size: 12px;
-$step-header-icon-size: 16px;

package/table/_table-flex-styles.scss

@@ -1,61 +0,0 @@
-// Flex-based table structure
-$header-row-height: 56px;
-$row-height: 48px;
-$row-horizontal-padding: 24px;
-
-// Only use tag name selectors here since the styles are shared between MDC and non-MDC
-@mixin private-table-flex-styles {
-  mat-table {
-    display: block;
-  }
-
-  mat-header-row {
-    min-height: $header-row-height;
-  }
-
-  mat-row, mat-footer-row {
-    min-height: $row-height;
-  }
-
-  mat-row, mat-header-row, mat-footer-row {
-    display: flex;
-    // Define a border style, but then widths default to 3px. Reset them to 0px except the bottom
-    // which should be 1px;
-    border-width: 0;
-    border-bottom-width: 1px;
-    border-style: solid;
-    align-items: center;
-    box-sizing: border-box;
-  }
-
-  mat-cell, mat-header-cell, mat-footer-cell {
-    // Note: we use `first-of-type`/`last-of-type` here in order to prevent extra
-    // elements like ripples or badges from throwing off the layout (see #11165).
-    &:first-of-type {
-      padding-left: $row-horizontal-padding;
-
-      [dir='rtl'] &:not(:only-of-type) {
-        padding-left: 0;
-        padding-right: $row-horizontal-padding;
-      }
-    }
-
-    &:last-of-type {
-      padding-right: $row-horizontal-padding;
-
-      [dir='rtl'] &:not(:only-of-type) {
-        padding-right: 0;
-        padding-left: $row-horizontal-padding;
-      }
-    }
-  }
-
-  mat-cell, mat-header-cell, mat-footer-cell {
-    flex: 1;
-    display: flex;
-    align-items: center;
-    overflow: hidden;
-    word-wrap: break-word;
-    min-height: inherit;
-  }
-}