@covalent/core 3.1.2-beta.6 → 4.0.0-beta.1

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/_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/_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