@acontplus/ng-components 2.3.0 → 2.4.1

package/src/lib/styles/_elevation.scss

@@ -1,168 +0,0 @@
-@use 'sass:map';
-@use 'sass:math';
-@use 'sass:meta';
-@use 'sass:string';
-
-$_umbra-opacity: 0.2;
-$_penumbra-opacity: 0.14;
-$_ambient-opacity: 0.12;
-
-$_umbra-map: (
-  0: '0px 0px 0px 0px',
-  1: '0px 2px 1px -1px',
-  2: '0px 3px 1px -2px',
-  3: '0px 3px 3px -2px',
-  4: '0px 2px 4px -1px',
-  5: '0px 3px 5px -1px',
-  6: '0px 3px 5px -1px',
-  7: '0px 4px 5px -2px',
-  8: '0px 5px 5px -3px',
-  9: '0px 5px 6px -3px',
-  10: '0px 6px 6px -3px',
-  11: '0px 6px 7px -4px',
-  12: '0px 7px 8px -4px',
-  13: '0px 7px 8px -4px',
-  14: '0px 7px 9px -4px',
-  15: '0px 8px 9px -5px',
-  16: '0px 8px 10px -5px',
-  17: '0px 8px 11px -5px',
-  18: '0px 9px 11px -5px',
-  19: '0px 9px 12px -6px',
-  20: '0px 10px 13px -6px',
-  21: '0px 10px 13px -6px',
-  22: '0px 10px 14px -6px',
-  23: '0px 11px 14px -7px',
-  24: '0px 11px 15px -7px',
-);
-
-$_penumbra-map: (
-  0: '0px 0px 0px 0px',
-  1: '0px 1px 1px 0px',
-  2: '0px 2px 2px 0px',
-  3: '0px 3px 4px 0px',
-  4: '0px 4px 5px 0px',
-  5: '0px 5px 8px 0px',
-  6: '0px 6px 10px 0px',
-  7: '0px 7px 10px 1px',
-  8: '0px 8px 10px 1px',
-  9: '0px 9px 12px 1px',
-  10: '0px 10px 14px 1px',
-  11: '0px 11px 15px 1px',
-  12: '0px 12px 17px 2px',
-  13: '0px 13px 19px 2px',
-  14: '0px 14px 21px 2px',
-  15: '0px 15px 22px 2px',
-  16: '0px 16px 24px 2px',
-  17: '0px 17px 26px 2px',
-  18: '0px 18px 28px 2px',
-  19: '0px 19px 29px 2px',
-  20: '0px 20px 31px 3px',
-  21: '0px 21px 33px 3px',
-  22: '0px 22px 35px 3px',
-  23: '0px 23px 36px 3px',
-  24: '0px 24px 38px 3px',
-);
-
-$_ambient-map: (
-  0: '0px 0px 0px 0px',
-  1: '0px 1px 3px 0px',
-  2: '0px 1px 5px 0px',
-  3: '0px 1px 8px 0px',
-  4: '0px 1px 10px 0px',
-  5: '0px 1px 14px 0px',
-  6: '0px 1px 18px 0px',
-  7: '0px 2px 16px 1px',
-  8: '0px 3px 14px 2px',
-  9: '0px 3px 16px 2px',
-  10: '0px 4px 18px 3px',
-  11: '0px 4px 20px 3px',
-  12: '0px 5px 22px 4px',
-  13: '0px 5px 24px 4px',
-  14: '0px 5px 26px 4px',
-  15: '0px 6px 28px 5px',
-  16: '0px 6px 30px 5px',
-  17: '0px 6px 32px 5px',
-  18: '0px 7px 34px 6px',
-  19: '0px 7px 36px 6px',
-  20: '0px 8px 38px 7px',
-  21: '0px 8px 40px 7px',
-  22: '0px 8px 42px 7px',
-  23: '0px 9px 44px 8px',
-  24: '0px 9px 46px 8px',
-);
-
-// 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 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) {
-  box-shadow: get-box-shadow($zValue, $color, $opacity);
-}
-
-// 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, $opacity: null) {
-  &:not([class*='#{$prefix}']) {
-    @include elevation($zValue, $color, $opacity);
-  }
-}
-
-// Gets the box shadow value for a specific elevation.
-@function get-box-shadow($zValue, $shadow-color: black, $opacity: null) {
-  @if $zValue == null {
-    @return null;
-  }
-
-  @if meta.type-of($zValue) != number or not math.is-unitless($zValue) {
-    @error '$zValue must be a unitless number, but received `#{$zValue}`';
-  }
-
-  @if $zValue < 0 or $zValue > 24 {
-    @error '$zValue must be between 0 and 24, but received `#{$zValue}`';
-  }
-
-  $umbra-z-value: map.get($_umbra-map, $zValue);
-  $penumbra-z-value: map.get($_penumbra-map, $zValue);
-  $ambient-z-value: map.get($_ambient-map, $zValue);
-
-  $color-opacity: if($opacity != null, $opacity, 1);
-  $umbra-color: _compute-color-opacity($shadow-color, $_umbra-opacity * $color-opacity);
-  $penumbra-color: _compute-color-opacity($shadow-color, $_penumbra-opacity * $color-opacity);
-  $ambient-color: _compute-color-opacity($shadow-color, $_ambient-opacity * $color-opacity);
-
-  @return string.unquote(
-    '#{$umbra-z-value} #{$umbra-color}, #{$penumbra-z-value} ' +
-      '#{$penumbra-color}, #{$ambient-z-value} #{$ambient-color}'
-  );
-}
-
-@function _compute-color-opacity($color, $opacity) {
-  @if meta.type-of($color) == color and $opacity != null {
-    @return rgba($color, $opacity);
-  } @else {
-    @return $color;
-  }
-}

package/src/lib/styles/_token-utils.scss

@@ -1,115 +0,0 @@
-@use 'sass:list';
-@use 'sass:map';
-@use 'sass:string';
-@use '@angular/material' as mat;
-
-// Creates a CSS variable, including the fallback if provided.
-@function _create-var($name, $fallback: null) {
-  @if ($fallback) {
-    @return var($name, $fallback);
-  } @else {
-    @return var($name);
-  }
-}
-
-// Returns a list of overrides for the given M3 get-tokens mixin and prefix. Each token has its
-// prefix removed since the overrides API expects its absence. The returned map includes "all" for
-// all override tokens, and also the subsets with keys base, color, typography, and density.
-@function get-overrides($tokens, $prefix) {
-  $base: remove-token-prefixes(map.get($tokens, base), $prefix);
-  $color: remove-token-prefixes(map.get($tokens, color), $prefix);
-  $typography: remove-token-prefixes(map.get($tokens, typography), $prefix);
-  $density: remove-token-prefixes(map.get($tokens, density), $prefix);
-  $all: ();
-  @each $map in ($base, $color, $typography, $density) {
-    $all: map.merge($all, $map);
-  }
-
-  @return (all: $all, base: $base, color: $color, typography: $typography, density: $density);
-}
-
-// Removes a prefix from each component token in the provided map of prefixed tokens.
-@function remove-token-prefixes($prefixed-tokens: (), $prefix) {
-  $tokens: ();
-  @each $prefixed-token, $value in $prefixed-tokens {
-    $token: string.slice($prefixed-token, string.length($prefix) + 2);
-    $tokens: map.set($tokens, $token, $value);
-  }
-  @return $tokens;
-}
-
-// Returns the token slot value.
-// Accepts an optional fallback parameter to include in the CSS variable.
-// If $fallback is `true`, then use the tokens map to get the fallback.
-@function slot($token, $fallbacks, $fallback: null) {
-  // Fallbacks are a map of base, color, typography, and density tokens. To simplify
-  // lookup, flatten these token groups into a single map.
-  $fallbacks-flattened: ();
-  @each $tokens in map.values($fallbacks) {
-    @each $token, $value in $tokens {
-      $fallbacks-flattened: map.set($fallbacks-flattened, $token, $value);
-    }
-  }
-  @if not map.has-key($fallbacks-flattened, $token) {
-    @error 'Token #{$token} does not exist. Configured tokens are:' +
-        #{map.keys($fallbacks-flattened)};
-  }
-
-  $sys-fallback: map.get($fallbacks-flattened, $token);
-  @if (mat.private-is-css-var-name($sys-fallback)) {
-    $sys-fallback: _create-var($sys-fallback, $fallback);
-  }
-
-  @return _create-var(--acp-#{$token}, $sys-fallback);
-}
-
-// Outputs a map of token values as CSS variable definitions.
-@mixin values($tokens) {
-  @include mat.private-current-selector-or-root() {
-    @each $key, $value in $tokens {
-      @if $value != null {
-        --acp-#{$key}: #{$value};
-      }
-    }
-  }
-}
-
-/// Emits new token values for the given token overrides.
-/// Verifies that the overrides passed in are valid tokens.
-/// New token values are emitted under the current selector or root.
-@mixin batch-create-token-values($overrides: (), $namespace-configs) {
-  @include mat.private-current-selector-or-root() {
-    $prefixed-name-data: ();
-    $all-names: ();
-
-    @each $config in $namespace-configs {
-      $namespace: map.get($config, namespace);
-      $prefix: '';
-      @if map.has-key($config, prefix) {
-        $prefix: map.get($config, prefix);
-      }
-      $tokens: map.get(map.get($config, tokens), all);
-      @each $name, $value in $tokens {
-        $prefixed-name: $prefix + $name;
-        $all-names: list.append($all-names, $prefixed-name, $separator: comma);
-        $prefixed-name-data: map.set($prefixed-name-data, $prefixed-name, ($namespace, $name));
-      }
-    }
-
-    @each $name, $value in $overrides {
-      @if map.has-key($prefixed-name-data, $name) {
-        $data: map.get($prefixed-name-data, $name);
-        $namespace: list.nth($data, 1);
-        $name: list.nth($data, 2);
-        $prefixed-name: $namespace + '-' + $name;
-        @include values(
-          (
-            $prefixed-name: $value,
-          )
-        );
-      } @else {
-        @error #{'Invalid token name `'}#{$name}#{'`. '}#{'Valid tokens are: '}#{$all-names};
-      }
-    }
-  }
-}

package/src/styles/_custom-dialog.scss

@@ -1,37 +0,0 @@
-.full-screen-dialog {
-  .mat-mdc-dialog-container {
-    padding: 0;
-    border-radius: 0;
-  }
-}
-
-.dialog-xs .mat-mdc-dialog-container {
-  max-width: 320px;
-}
-
-.dialog-sm .mat-mdc-dialog-container {
-  max-width: 440px;
-}
-
-.dialog-md .mat-mdc-dialog-container {
-  max-width: 640px;
-}
-
-.dialog-lg .mat-mdc-dialog-container {
-  max-width: 840px;
-}
-
-.dialog-xl .mat-mdc-dialog-container {
-  max-width: 1240px;
-}
-
-.dialog-xxl .mat-mdc-dialog-container {
-  max-width: 1440px;
-}
-
-@media (max-width: 768px) {
-  .mat-mdc-dialog-container {
-    max-width: 95vw !important;
-    max-height: 90vh !important;
-  }
-}

package/src/styles/_mixins.scss

@@ -1,12 +0,0 @@
-// Common mixins used across components
-@mixin responsive($breakpoint) {
-  @media (max-width: $breakpoint) {
-    @content;
-  }
-}
-
-@mixin reduced-motion {
-  @media (prefers-reduced-motion: reduce) {
-    @content;
-  }
-}

package/src/styles/index.scss

@@ -1,4 +0,0 @@
-// Import variables and mixins first
-@forward 'mixins';
-
-@forward 'custom-dialog';