@ng-matero/extensions 16.3.1 → 17.0.0

package/core/style/_elevation.scss

@@ -1,91 +0,0 @@
-@use 'sass:map';
-@use 'sass:meta';
-@use 'variables';
-@use '@material/elevation/elevation-theme' as mdc-elevation;
-
-// A collection of mixins and CSS classes that can be used to apply elevation to a material
-// element.
-// See: https://material.io/design/environment/elevation.html
-// Examples:
-//
-//
-// .mat-foo {
-//   @include $mat-elevation(2);
-//
-//   &:active {
-//     @include $mat-elevation(8);
-//   }
-// }
-//
-// <div id="external-card" class="mat-elevation-z2"><p>Some content</p></div>
-//
-// For an explanation of the design behind how elevation is implemented, see the design doc at
-// https://goo.gl/Kq0k9Z.
-
-// The default duration value for elevation transitions.
-$transition-duration: 280ms !default;
-
-// The default easing value for elevation transitions.
-$transition-timing-function: variables.$fast-out-slow-in-timing-function;
-
-// The default color for elevation shadows.
-$color: black !default;
-
-// Prefix for elevation-related selectors.
-$prefix: 'mat-elevation-z';
-
-// Applies the correct css rules to an element to give it the elevation specified by $zValue.
-// The $zValue must be between 0 and 24.
-@mixin elevation($zValue, $color: $color, $opacity: null) {
-  @if meta.type-of($color) == color and $opacity == null {
-    @include mdc-elevation.elevation($zValue, $color);
-  }
-  @else {
-    // Copied from @material/elevation/_elevation-theme.scss#_box-shadow
-    // TODO(mmalerba): Add support for graceful handling of CSS var color to MDC.
-    $shadow-color:
-      if(meta.type-of($color) == color and $opacity != null, rgba($color, $opacity), $color);
-    $umbra-z-value: map.get(mdc-elevation.$umbra-map, $zValue);
-    $penumbra-z-value: map.get(mdc-elevation.$penumbra-map, $zValue);
-    $ambient-z-value: map.get(mdc-elevation.$ambient-map, $zValue);
-    $box-shadow: (
-      #{'#{$umbra-z-value} #{$shadow-color}'},
-      #{'#{$penumbra-z-value} #{$shadow-color}'},
-      #{$ambient-z-value} $shadow-color
-    );
-    @include mdc-elevation.shadow($box-shadow);
-  }
-}
-
-// Applies the elevation to an element in a manner that allows
-// consumers to override it via the Material elevation classes.
-@mixin overridable-elevation($zValue, $color: $color) {
-  &:not([class*='#{$prefix}']) {
-    @include elevation($zValue, $color);
-  }
-}
-
-// Returns a string that can be used as the value for a transition property for elevation.
-// Calling this function directly is useful in situations where a component needs to transition
-// more than one property.
-//
-// .foo {
-//   transition: mat-elevation-transition-property-value(), opacity 100ms ease;
-// }
-@function private-transition-property-value(
-  $duration: $transition-duration,
-  $easing: $transition-timing-function) {
-  @return box-shadow #{$duration} #{$easing};
-}
-
-// Applies the correct css rules needed to have an element transition between elevations.
-// This mixin should be applied to elements whose elevation values will change depending on their
-// context (e.g. when active or disabled).
-//
-// NOTE(traviskaufman): Both this mixin and the above function use default parameters so they can
-// be used in the same way by clients.
-@mixin elevation-transition(
-  $duration: $transition-duration,
-  $easing: $transition-timing-function) {
-  transition: private-transition-property-value($duration, $easing);
-}

package/core/style/_private.scss

@@ -1,32 +0,0 @@
-@use 'sass:map';
-@use './elevation';
-
-@mixin private-theme-elevation($zValue, $config) {
-  $foreground: map.get($config, foreground);
-  $elevation-color: map.get($foreground, elevation);
-  $elevation-color-or-default: if($elevation-color == null, elevation.$color, $elevation-color);
-
-  @include elevation.elevation($zValue, $elevation-color-or-default);
-}
-
-@mixin private-theme-overridable-elevation($zValue, $config) {
-  $foreground: map.get($config, foreground);
-  $elevation-color: map.get($foreground, elevation);
-  $elevation-color-or-default: if($elevation-color == null, elevation.$color, $elevation-color);
-
-  @include elevation.overridable-elevation($zValue, $elevation-color-or-default);
-}
-
-// If the mat-animation-noop class is present on the components root element,
-// prevent non css animations from running.
-// NOTE: Currently this mixin should only be used with components that do not
-// have any projected content.
-@mixin private-animation-noop() {
-  &._mat-animation-noopable {
-    // Use !important here since we don't know what context this mixin will
-    // be included in and MDC can have some really specific selectors.
-    transition: none !important;
-    animation: none !important;
-    @content;
-  }
-}

package/core/style/_variables.scss

@@ -1,44 +0,0 @@
-// 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, .2, .1) !default;
-$fast-out-slow-in-timing-function: cubic-bezier(.4, 0, .2, 1) !default;
-$fast-out-linear-in-timing-function: cubic-bezier(.4, 0, 1, 1) !default;
-
-$ease-in-out-curve-function: cubic-bezier(.35, 0, .25, 1) !default;
-
-$swift-ease-out-duration: 400ms !default;
-$swift-ease-out-timing-function: cubic-bezier(.25, .8, .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(.55, 0, .55, .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

@@ -1,46 +0,0 @@
-/* stylelint-disable property-no-vendor-prefix */
-/* stylelint-disable selector-no-vendor-prefix */
-@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;
-  print-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;
-}