@messaia/cdk 18.2.3 → 19.0.0-rc01

package/lib/common/styles/core/_whiteframe.scss

@@ -1,111 +0,0 @@
-// Elements can have an "elevation" from 1 to 5, signified by shadows.
-// See http://google.com/design/spec/what-is-material/objects-in-3d-space.html
-
-$mat-shadow-bottom-z-1: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
-$mat-shadow-bottom-z-2: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
-
-// Whiteframes
-
-$shadow-key-umbra-opacity: 0.2;
-$shadow-key-penumbra-opacity: 0.14;
-$shadow-ambient-shadow-opacity: 0.12;
-
-// NOTE(shyndman): gulp-sass seems to be failing if I split the shadow defs across
-//    multiple lines. Ugly. Sorry.
-$whiteframe-shadow-1dp: 0px 1px 3px 0px rgba(0, 0, 0, $shadow-key-umbra-opacity), 0px 1px 1px 0px rgba(0, 0, 0, $shadow-key-penumbra-opacity), 0px 2px 1px -1px rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default;
-$whiteframe-shadow-2dp: 0px 1px 5px 0px rgba(0, 0, 0, $shadow-key-umbra-opacity), 0px 2px 2px 0px rgba(0, 0, 0, $shadow-key-penumbra-opacity), 0px 3px 1px -2px rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default;
-$whiteframe-shadow-3dp: 0px 1px 8px 0px rgba(0, 0, 0, $shadow-key-umbra-opacity), 0px 3px 4px 0px rgba(0, 0, 0, $shadow-key-penumbra-opacity), 0px 3px 3px -2px rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default;
-$whiteframe-shadow-4dp: 0px 2px 4px -1px rgba(0, 0, 0, $shadow-key-umbra-opacity), 0px 4px 5px 0px rgba(0, 0, 0, $shadow-key-penumbra-opacity), 0px 1px 10px 0px rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default;
-$whiteframe-shadow-5dp: 0px 3px 5px -1px rgba(0, 0, 0, $shadow-key-umbra-opacity), 0px 5px 8px 0px rgba(0, 0, 0, $shadow-key-penumbra-opacity), 0px 1px 14px 0px rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default;
-$whiteframe-shadow-6dp: 0px 3px 5px -1px rgba(0, 0, 0, $shadow-key-umbra-opacity), 0px 6px 10px 0px rgba(0, 0, 0, $shadow-key-penumbra-opacity), 0px 1px 18px 0px rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default;
-$whiteframe-shadow-7dp: 0px 4px 5px -2px rgba(0, 0, 0, $shadow-key-umbra-opacity), 0px 7px 10px 1px rgba(0, 0, 0, $shadow-key-penumbra-opacity), 0px 2px 16px 1px rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default;
-$whiteframe-shadow-8dp: 0px 5px 5px -3px rgba(0, 0, 0, $shadow-key-umbra-opacity), 0px 8px 10px 1px rgba(0, 0, 0, $shadow-key-penumbra-opacity), 0px 3px 14px 2px rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default;
-$whiteframe-shadow-9dp: 0px 5px 6px -3px rgba(0, 0, 0, $shadow-key-umbra-opacity), 0px 9px 12px 1px rgba(0, 0, 0, $shadow-key-penumbra-opacity), 0px 3px 16px 2px rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default;
-$whiteframe-shadow-10dp: 0px 6px 6px -3px rgba(0, 0, 0, $shadow-key-umbra-opacity), 0px 10px 14px 1px rgba(0, 0, 0, $shadow-key-penumbra-opacity), 0px 4px 18px 3px rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default;
-$whiteframe-shadow-11dp: 0px 6px 7px -4px rgba(0, 0, 0, $shadow-key-umbra-opacity), 0px 11px 15px 1px rgba(0, 0, 0, $shadow-key-penumbra-opacity), 0px 4px 20px 3px rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default;
-$whiteframe-shadow-12dp: 0px 7px 8px -4px rgba(0, 0, 0, $shadow-key-umbra-opacity), 0px 12px 17px 2px rgba(0, 0, 0, $shadow-key-penumbra-opacity), 0px 5px 22px 4px rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default;
-$whiteframe-shadow-13dp: 0px 7px 8px -4px rgba(0, 0, 0, $shadow-key-umbra-opacity), 0px 13px 19px 2px rgba(0, 0, 0, $shadow-key-penumbra-opacity), 0px 5px 24px 4px rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default;
-$whiteframe-shadow-14dp: 0px 7px 9px -4px rgba(0, 0, 0, $shadow-key-umbra-opacity), 0px 14px 21px 2px rgba(0, 0, 0, $shadow-key-penumbra-opacity), 0px 5px 26px 4px rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default;
-$whiteframe-shadow-15dp: 0px 8px 9px -5px rgba(0, 0, 0, $shadow-key-umbra-opacity), 0px 15px 22px 2px rgba(0, 0, 0, $shadow-key-penumbra-opacity), 0px 6px 28px 5px rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default;
-$whiteframe-shadow-16dp: 0px 8px 10px -5px rgba(0, 0, 0, $shadow-key-umbra-opacity), 0px 16px 24px 2px rgba(0, 0, 0, $shadow-key-penumbra-opacity), 0px 6px 30px 5px rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default;
-$whiteframe-shadow-17dp: 0px 8px 11px -5px rgba(0, 0, 0, $shadow-key-umbra-opacity), 0px 17px 26px 2px rgba(0, 0, 0, $shadow-key-penumbra-opacity), 0px 6px 32px 5px rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default;
-$whiteframe-shadow-18dp: 0px 9px 11px -5px rgba(0, 0, 0, $shadow-key-umbra-opacity), 0px 18px 28px 2px rgba(0, 0, 0, $shadow-key-penumbra-opacity), 0px 7px 34px 6px rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default;
-$whiteframe-shadow-19dp: 0px 9px 12px -6px rgba(0, 0, 0, $shadow-key-umbra-opacity), 0px 19px 29px 2px rgba(0, 0, 0, $shadow-key-penumbra-opacity), 0px 7px 36px 6px rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default;
-$whiteframe-shadow-20dp: 0px 10px 13px -6px rgba(0, 0, 0, $shadow-key-umbra-opacity), 0px 20px 31px 3px rgba(0, 0, 0, $shadow-key-penumbra-opacity), 0px 8px 38px 7px rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default;
-$whiteframe-shadow-21dp: 0px 10px 13px -6px rgba(0, 0, 0, $shadow-key-umbra-opacity), 0px 21px 33px 3px rgba(0, 0, 0, $shadow-key-penumbra-opacity), 0px 8px 40px 7px rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default;
-$whiteframe-shadow-22dp: 0px 10px 14px -6px rgba(0, 0, 0, $shadow-key-umbra-opacity), 0px 22px 35px 3px rgba(0, 0, 0, $shadow-key-penumbra-opacity), 0px 8px 42px 7px rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default;
-$whiteframe-shadow-23dp: 0px 11px 14px -7px rgba(0, 0, 0, $shadow-key-umbra-opacity), 0px 23px 36px 3px rgba(0, 0, 0, $shadow-key-penumbra-opacity), 0px 9px 44px 8px rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default;
-$whiteframe-shadow-24dp: 0px 11px 15px -7px rgba(0, 0, 0, $shadow-key-umbra-opacity), 0px 24px 38px 3px rgba(0, 0, 0, $shadow-key-penumbra-opacity), 0px 9px 46px 8px rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default;
-
-@mixin vd-whiteframe-utilities() {
- 
-  .md-whiteframe-1dp, .md-whiteframe-z1,
-  .mat-whiteframe-1dp, .mat-whiteframe-z1 {
-    box-shadow: $whiteframe-shadow-1dp;
-  }
-
-  .md-whiteframe-2dp,
-  .mat-whiteframe-2dp {
-    box-shadow: $whiteframe-shadow-2dp;
-  }
-
-  .md-whiteframe-3dp,
-  .mat-whiteframe-3dp {
-    box-shadow: $whiteframe-shadow-3dp;
-  }
-
-  .md-whiteframe-4dp, .md-whiteframe-z2,
-  .mat-whiteframe-4dp, .mat-whiteframe-z2 {
-    box-shadow: $whiteframe-shadow-4dp;
-  }
-
-  .md-whiteframe-5dp,
-  .mat-whiteframe-5dp {
-    box-shadow: $whiteframe-shadow-5dp;
-  }
-
-  .md-whiteframe-6dp,
-  .mat-whiteframe-6dp {
-    box-shadow: $whiteframe-shadow-6dp;
-  }
-
-  .md-whiteframe-7dp, .md-whiteframe-z3,
-  .mat-whiteframe-7dp, .mat-whiteframe-z3 {
-    box-shadow: $whiteframe-shadow-7dp;
-  }
-
-  .md-whiteframe-8dp,
-  .mat-whiteframe-8dp {
-    box-shadow: $whiteframe-shadow-8dp;
-  }
-
-  .md-whiteframe-9dp,
-  .mat-whiteframe-9dp {
-    box-shadow: $whiteframe-shadow-9dp;
-  }
-
-  .md-whiteframe-10dp, .md-whiteframe-z4,
-  .mat-whiteframe-10dp, .mat-whiteframe-z4 {
-    box-shadow: $whiteframe-shadow-10dp;
-  }
-
-  .md-whiteframe-11dp,
-  .mat-whiteframe-11dp {
-    box-shadow: $whiteframe-shadow-11dp;
-  }
-
-  .md-whiteframe-12dp,
-  .mat-whiteframe-12dp {
-    box-shadow: $whiteframe-shadow-12dp;
-  }
-
-  .md-whiteframe-13dp, .md-whiteframe-z5,
-  .mat-whiteframe-13dp, .mat-whiteframe-z5 {
-    box-shadow: $whiteframe-shadow-13dp;
-  }
-
-  .md-whiteframe-14dp,
-  .mat-whiteframe-14dp {
-    box-shadow: $whiteframe-shadow-14dp;
-  }
-}

package/lib/common/styles/m2/_theme-functions.scss

@@ -1,21 +0,0 @@
-// Gets a color from a theme palette (the output of mat-palette).
-// The hue can be one of the standard values (500, A400, etc.), one of the three preconfigured
-// hues (default, lighter, darker), or any of the aforementioned prefixed with "-contrast".
-//
-// @param $color-map The theme palette (output of mat-palette).
-// @param $hue The hue from the palette to use. If this is a value between 0 and 1, it will
-//     be treated as opacity.
-// @param $opacity The alpha channel value for the color.
-@function mat-color($palette, $hue: default, $opacity: null) {
-
-    // If hueKey is a number between zero and one, then it actually contains an
-    // opacity value, so recall this function with the default hue and that given opacity.
-    @if type-of($hue)==number and $hue >=0 and $hue <=1 {
-        @return mat.m2-get-color-from-palette($palette, default, $hue);
-    }
-
-    $color: map-get($palette, $hue);
-    $opacity: if($opacity ==null, opacity($color), $opacity);
-
-    @return rgba($color, $opacity);
-}

package/lib/common/styles/m3/_theme-functions.scss

@@ -1,21 +0,0 @@
-// Gets a color from a theme palette (the output of mat-palette).
-// The hue can be one of the standard values (500, A400, etc.), one of the three preconfigured
-// hues (default, lighter, darker), or any of the aforementioned prefixed with "-contrast".
-//
-// @param $color-map The theme palette (output of mat-palette).
-// @param $hue The hue from the palette to use. If this is a value between 0 and 1, it will
-//     be treated as opacity.
-// @param $opacity The alpha channel value for the color.
-@function mat-color($palette, $hue: default, $opacity: null) {
-
-    // If hueKey is a number between zero and one, then it actually contains an
-    // opacity value, so recall this function with the default hue and that given opacity.
-    @if type-of($hue)==number and $hue >=0 and $hue <=1 {
-        @return mat.m2-get-color-from-palette($palette, default, $hue);
-    }
-
-    $color: map-get($palette, $hue);
-    $opacity: if($opacity ==null, opacity($color), $opacity);
-
-    @return rgba($color, $opacity);
-}

package/lib/common/theming/_all-theme.scss

@@ -1,27 +0,0 @@
-@use '@angular/material' as mat;
-@use '@material/theme/theme-color' as mdc-theme-color;
-@use '@material/theme/color-palette' as mdc-color-palette;
-@use "sass:math";
-@use 'sass:color';
-@use 'sass:map';
-
-@import '../styles/m3/common-theme';
-@import '../../layout/layout-theme';
-@import '../styles/styles';
-@import '../typography/all-typography';
-
-/* Overrides the background colors */
-@function vd-custom-background($theme, $config) {
-	$palette-color : map.get($theme, color);
-	$background: map.get($palette-color, background);
-	$background: map.merge($background, $config);
-	$palette-color: map.merge($palette-color, (background: $background));
-	@return map.merge($theme, (color: $palette-color));
-}
-
-/* Creates a theme */
-@mixin vd-theme($theme, $config: null) {
-	@include vd-typography($config);
-	@include vd-common-theme($theme);
-	@include vd-layout-theme($theme);
-}

package/lib/common/typography/_all-typography.scss

@@ -1,33 +0,0 @@
-@function vd-typography-config(
-	$font-family:   'Roboto, "Helvetica Neue", sans-serif',
-	$headline:      vd-typography-level(24px, 32px, 400),
-	$title:         vd-typography-level(20px, 32px, 500),
-	$subheading-2:  vd-typography-level(16px, 28px, 400),
-	$subheading-1:  vd-typography-level(15px, 24px, 400),
-	$body-2:        vd-typography-level(14px, 24px, 500),
-	$body-1:        vd-typography-level(14px, 20px, 400),
-	$caption:       vd-typography-level(12px, 20px, 400)
-) {
-	@return (
-		font-family:    $font-family,
-		headline:       $headline,
-		title:          $title,
-		subheading-2:   $subheading-2,
-		subheading-1:   $subheading-1,
-		body-2:         $body-2,
-		body-1:         $body-1,
-		caption:        $caption
-	);
-}
-
-@mixin vd-typography($config: null) {
-	@if $config == null {
-		$config: vd-typography-config();
-	}
-
-	body {
-		font-family: vd-font-family($config);
-	}
-
-	@include vd-layout-typography($config);
-}