@covalent/core 4.0.0 → 4.1.0-develop.10

package/common/services/icon.service.d.ts

@@ -1,5 +1,8 @@
+import * as i0 from "@angular/core";
 export declare class IconService {
     private _icons;
     get icons(): string[];
     filter(query: string): string[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<IconService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<IconService>;
 }

package/common/services/router-path.service.d.ts

@@ -1,7 +1,10 @@
 import { Router } from '@angular/router';
+import * as i0 from "@angular/core";
 export declare class RouterPathService {
     private _router;
     private static _previousRoute;
     constructor(_router: Router);
     getPreviousRoute(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RouterPathService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<RouterPathService>;
 }

package/common/styles/_elevation.scss

@@ -137,7 +137,11 @@ $mat-elevation-opacity: 1 !default;
 
 // 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 mat-elevation($zValue, $color: $mat-elevation-color, $opacity: $mat-elevation-opacity) {
+@mixin mat-elevation(
+  $zValue,
+  $color: $mat-elevation-color,
+  $opacity: $mat-elevation-opacity
+) {
   @if type-of($zValue) != number or not unitless($zValue) {
     @error '$zValue must be a unitless number';
   }
@@ -146,7 +150,8 @@ $mat-elevation-opacity: 1 !default;
   }
 
   box-shadow: #{map-get(_get-umbra-map($color, $opacity), $zValue)},
-    #{map-get(_get-penumbra-map($color, $opacity), $zValue)}, #{map-get(_get-ambient-map($color, $opacity), $zValue)};
+    #{map-get(_get-penumbra-map($color, $opacity), $zValue)},
+    #{map-get(_get-ambient-map($color, $opacity), $zValue)};
 }
 
 // Returns a string that can be used as the value for a transition property for elevation.

package/common/styles/_layout.scss

@@ -137,10 +137,6 @@ $layout-breakpoint-lg: 1920px !default;
   [layout#{$name}='column'],
   [layout#{$name}='row'] {
     box-sizing: border-box;
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -moz-box;
-    display: -ms-flexbox;
     display: flex;
   }
   [layout#{$name}='column'] {
@@ -430,23 +426,25 @@ $layout-breakpoint-lg: 1920px !default;
 @mixin layout-padding-margin() {
   [layout-padding] > [flex-sm],
   [layout-padding] > [flex-lt-md] {
-    padding: $layout-gutter-width / 4;
+    padding: calc($layout-gutter-width / 4);
   }
+
   [layout-padding],
   [layout-padding] > [flex],
   [layout-padding] > [flex-gt-sm],
   [layout-padding] > [flex-md],
   [layout-padding] > [flex-lt-lg] {
-    padding: $layout-gutter-width / 2;
+    padding: calc($layout-gutter-width / 2);
   }
+
   [layout-padding] > [flex-gt-md],
   [layout-padding] > [flex-lg] {
-    padding: $layout-gutter-width / 1;
+    padding: calc($layout-gutter-width / 1);
   }
 
   [layout-margin] > [flex-sm],
   [layout-margin] > [flex-lt-md] {
-    margin: $layout-gutter-width / 4;
+    margin: calc($layout-gutter-width / 4);
   }
 
   [layout-margin],
@@ -454,12 +452,12 @@ $layout-breakpoint-lg: 1920px !default;
   [layout-margin] > [flex-gt-sm],
   [layout-margin] > [flex-md],
   [layout-margin] > [flex-lt-lg] {
-    margin: $layout-gutter-width / 2;
+    margin: calc($layout-gutter-width / 2);
   }
 
   [layout-margin] > [flex-gt-md],
   [layout-margin] > [flex-lg] {
-    margin: $layout-gutter-width / 1;
+    margin: calc($layout-gutter-width / 1);
   }
 
   [layout-wrap] {
@@ -533,6 +531,7 @@ $layout-breakpoint-lg: 1920px !default;
         display: none;
       }
     }
+
     [hide-sm]:not([show-sm]):not([show]) {
       display: none;
     }
@@ -553,6 +552,7 @@ $layout-breakpoint-lg: 1920px !default;
         display: none;
       }
     }
+
     [hide-md]:not([show-md]):not([show]) {
       display: none;
     }
@@ -574,6 +574,7 @@ $layout-breakpoint-lg: 1920px !default;
         display: none;
       }
     }
+
     [hide-lg]:not([show-lg]):not([show]) {
       display: none;
     }
@@ -596,6 +597,7 @@ $layout-breakpoint-lg: 1920px !default;
         display: none;
       }
     }
+
     [hide-xl]:not([show-xl]):not([show-gt-lg]):not([show]) {
       display: none;
     }

package/common/styles/_palette-dark.scss

@@ -1,6 +1,6 @@
 // Contrasting colors
-$black-87-opacity: rgba(black, 0.87);
-$white-87-opacity: rgba(white, 0.87);
+$black-87-opacity: rgba(0, 0, 0, 87%);
+$white-87-opacity: rgba(255, 255, 255, 87%);
 // Dark color palettes.
 $mat-dark-red: (
   500: #f44336,

package/common/styles/_palette-light.scss

@@ -1,9 +1,9 @@
-$black-87-opacity: rgba(black, 0.87);
-$white-87-opacity: rgba(white, 0.87);
-$black-12-opacity: rgba(black, 0.12);
-$white-12-opacity: rgba(white, 0.12);
-$black-6-opacity: rgba(black, 0.06);
-$white-6-opacity: rgba(white, 0.06);
+$black-87-opacity: rgba(0, 0, 0, 87%);
+$white-87-opacity: rgba(255, 255, 255, 87%);
+$black-12-opacity: rgba(0, 0, 0, 12%);
+$white-12-opacity: rgba(255, 255, 255, 12%);
+$black-6-opacity: rgba(0, 0, 0, 6%);
+$white-6-opacity: rgba(255, 255, 255, 6%);
 
 $mat-red: (
   50: #ffebee,

package/common/styles/_rtl.scss

@@ -8,10 +8,12 @@
     #{$prop}: $rtl-value;
     unicode-bidi: embed;
   }
+
   body[dir='rtl'] & {
     #{$prop}: $rtl-value;
     unicode-bidi: embed;
   }
+
   [dir='rtl'] & {
     #{$prop}: $rtl-value;
     unicode-bidi: embed;
@@ -21,6 +23,7 @@
     direction: rtl;
     unicode-bidi: bidi-override;
   }
+
   bdo[dir='ltr'] {
     direction: ltr;
     unicode-bidi: bidi-override;

package/common/styles/_typography-functions.scss

@@ -30,6 +30,14 @@
 }
 
 // Represents a typography level from the Material design spec.
-@function td-typography-level($font-size, $line-height: $font-size, $font-weight: 400) {
-  @return (font-size: $font-size, line-height: $line-height, font-weight: $font-weight);
+@function td-typography-level(
+  $font-size,
+  $line-height: $font-size,
+  $font-weight: 400
+) {
+  @return (
+    font-size: $font-size,
+    line-height: $line-height,
+    font-weight: $font-weight
+  );
 }

package/common/styles/_variables.scss

@@ -49,15 +49,15 @@ $toast-height: $baseline-grid * 3 !default;
 $toast-margin: $baseline-grid * 1 !default;
 
 // Whiteframes
-$whiteframe-shadow-z1: 0 2px 5px 0 rgba(0, 0, 0, 0.26) !default;
+$whiteframe-shadow-z1: 0 2px 5px 0 rgba(0, 0, 0, 26%) !default;
 $whiteframe-zindex-z1: 1 !default;
-$whiteframe-shadow-z2: 0 8px 17px rgba(0, 0, 0, 0.2) !default;
+$whiteframe-shadow-z2: 0 8px 17px rgba(0, 0, 0, 20%) !default;
 $whiteframe-zindex-z2: 2 !default;
-$whiteframe-shadow-z3: 0 17px 50px rgba(0, 0, 0, 0.19) !default;
+$whiteframe-shadow-z3: 0 17px 50px rgba(0, 0, 0, 19%) !default;
 $whiteframe-zindex-z3: 3 !default;
-$whiteframe-shadow-z4: 0 16px 28px 0 rgba(0, 0, 0, 0.22) !default;
+$whiteframe-shadow-z4: 0 16px 28px 0 rgba(0, 0, 0, 22%) !default;
 $whiteframe-zindex-z4: 4 !default;
-$whiteframe-shadow-z5: 0 27px 24px 0 rgba(0, 0, 0, 0.2) !default;
+$whiteframe-shadow-z5: 0 27px 24px 0 rgba(0, 0, 0, 20%) !default;
 $whiteframe-zindex-z5: 5 !default;
 
 // Z-indexes
@@ -91,7 +91,8 @@ $swift-ease-in: all $swift-ease-in-duration $swift-ease-in-timing-function !defa
 
 $swift-ease-in-out-duration: 0.5s !default;
 $swift-ease-in-out-timing-function: cubic-bezier(0.35, 0, 0.25, 1) !default;
-$swift-ease-in-out: all $swift-ease-in-out-duration $swift-ease-in-out-timing-function !default;
+$swift-ease-in-out: all $swift-ease-in-out-duration
+  $swift-ease-in-out-timing-function !default;
 
 $swift-linear-duration: 0.08s !default;
 $swift-linear-timing-function: linear !default;