@igo2/core 1.15.4 → 16.0.0-rc.0

package/style/material.font.scss

@@ -1,10 +0,0 @@
-button.mat-menu-item {
-  line-height: 24px !important;
-}
-a.mat-menu-item > mat-icon {
-  margin-bottom: 14px;
-}
-.mat-icon svg {
-  height: 24px;
-  width: 24px;
-}

package/style/setup.scss

@@ -1,2 +0,0 @@
-@use './node_modules/@angular/material/_index.scss' as mat;
-@use './node_modules/@angular/cdk' as cdk;

package/style/themes/blue.theme.scss

@@ -1,19 +0,0 @@
-.blue-theme {
-    $primary: mat.define-palette(mat.$blue-palette, 700, 400, 900);
-    $accent: mat.define-palette(mat.$blue-palette, 200);
-    $warn: mat.define-palette(mat.$red-palette);
-
-    $temp-theme: mat.define-light-theme((
-        color: (
-            primary: $primary,
-            accent: $accent,
-            warn: $warn
-        )
-    ));
-
-    $foreground: theme-foreground(mat.define-palette(mat.$grey-palette, 900));
-    $theme: map-merge($temp-theme, (foreground: $foreground));
-
-    @include igo-all-theming($theme);
-    @include mat.all-component-colors($theme);
-}

package/style/themes/bluedark.theme.scss

@@ -1,52 +0,0 @@
-.bluedark-theme {
-    $bluedark-palette: (
-        50 : #e3eaec,
-        100 : #b9cad0,
-        200 : #8ba7b1,
-        300 : #5c8391,
-        400 : #39697a,
-        500 : #164e62,
-        600 : #13475a,
-        700 : #103d50,
-        800 : #0c3546,
-        900 : #062534,
-        A100 : #6dc6ff,
-        A200 : #3ab2ff,
-        A400 : #079eff,
-        A700 : #0090ec,
-        contrast: (
-            50 : #000000,
-            100 : #000000,
-            200 : #000000,
-            300 : #ffffff,
-            400 : #ffffff,
-            500 : #ffffff,
-            600 : #ffffff,
-            700 : #ffffff,
-            800 : #ffffff,
-            900 : #ffffff,
-            A100 : #000000,
-            A200 : #000000,
-            A400 : #ffffff,
-            A700 : #ffffff,
-        )
-    );
-
-    $primary: mat.define-palette($bluedark-palette, 500);
-    $accent: mat.define-palette($bluedark-palette, 200);
-    $warn: mat.define-palette(mat.$red-palette);
-
-    $temp-theme: mat.define-light-theme((
-        color: (
-            primary: $primary,
-            accent: $accent,
-            warn: $warn
-        )
-    ));
-
-    $foreground: theme-foreground(mat.define-palette(mat.$grey-palette, 900));
-    $theme: map-merge($temp-theme, (foreground: $foreground));
-
-    @include igo-all-theming($theme);
-    @include mat.all-component-colors($theme);
-}

package/style/themes/bluedq.theme.scss

@@ -1,52 +0,0 @@
-.bluedq-theme {
-    $dq-palette: (
-        50 : #e1f5fd,
-        100 : #b4e5fb,
-        200 : #82d4f8,
-        300 : #53c3f4,
-        400 : #31B6f2,
-        500 : #0d81df,
-        600 : #149Be1,
-        700 : #1088cd,
-        800 : #0F77B9,
-        900 : #095797,
-        A100 : #6dc6ff,
-        A200 : #3ab2ff,
-        A400 : #079eff,
-        A700 : #0090ec,
-        contrast: (
-            50 : #000000,
-            100 : #000000,
-            200 : #000000,
-            300 : #000000,
-            400 : #000000,
-            500 : #000000,
-            600 : #ffffff,
-            700 : #ffffff,
-            800 : #ffffff,
-            900 : #ffffff,
-            A100 : #000000,
-            A200 : #000000,
-            A400 : #ffffff,
-            A700 : #ffffff,
-        )
-    );
-
-    $primary: mat.define-palette($dq-palette, 900);
-    $accent: mat.define-palette($dq-palette, 500);
-    $warn: mat.define-palette(mat.$red-palette);
-
-    $temp-theme: mat.define-light-theme((
-        color: (
-            primary: $primary,
-            accent: $accent,
-            warn: $warn
-        )
-    ));
-
-    $foreground: theme-foreground(mat.define-palette(mat.$grey-palette, 900));
-    $theme: map-merge($temp-theme, (foreground: $foreground));
-
-    @include igo-all-theming($theme);
-    @include mat.all-component-colors($theme);
-}

package/style/themes/bluegrey.theme.scss

@@ -1,16 +0,0 @@
-.bluegrey-theme {
-    $primary: mat.define-palette(mat.$blue-grey-palette);
-    $accent: mat.define-palette(mat.$pink-palette, A200, A100, A400);
-    $warn: mat.define-palette(mat.$deep-orange-palette);
-
-    $theme: mat.define-light-theme((
-        color: (
-            primary: $primary,
-            accent: $accent,
-            warn: $warn
-        )
-    ));
-
-    @include igo-all-theming($theme);
-    @include mat.all-component-colors($theme);
-}

package/style/themes/dark.theme.scss

@@ -1,16 +0,0 @@
-.dark-theme {
-    $primary: mat.define-palette(mat.$blue-grey-palette);
-    $accent: mat.define-palette(mat.$pink-palette, A200, A100, A400);
-    $warn: mat.define-palette(mat.$deep-orange-palette);
-
-    $theme: mat.define-dark-theme((
-        color: (
-            primary: $primary,
-            accent: $accent,
-            warn: $warn
-        )
-    ));
-
-    @include igo-all-theming($theme);
-    @include mat.all-component-colors($theme);
-}

package/style/themes/deeppurple.theme.scss

@@ -1,16 +0,0 @@
-.deeppurple-theme {
-    $primary: mat.define-palette(mat.$deep-purple-palette);
-    $accent: mat.define-palette(mat.$amber-palette, A200, A100, A400);
-    $warn: mat.define-palette(mat.$red-palette);
-
-    $theme: mat.define-light-theme((
-        color: (
-            primary: $primary,
-            accent: $accent,
-            warn: $warn
-        )
-    ));
-
-    @include igo-all-theming($theme);
-    @include mat.all-component-colors($theme);
-}

package/style/themes/indigo.theme.scss

@@ -1,16 +0,0 @@
-.indigo-theme {
-    $primary: mat.define-palette(mat.$indigo-palette);
-    $accent: mat.define-palette(mat.$pink-palette, A200, A100, A400);
-    $warn: mat.define-palette(mat.$red-palette);
-
-    $theme: mat.define-light-theme((
-        color: (
-            primary: $primary,
-            accent: $accent,
-            warn: $warn
-        )
-    ));
-
-    @include igo-all-theming($theme);
-    @include mat.all-component-colors($theme);
-}

package/style/themes/orange.theme.scss

@@ -1,16 +0,0 @@
-.orange-theme {
-    $primary: mat.define-palette(mat.$orange-palette, 800);
-    $accent: mat.define-palette(mat.$light-blue-palette, 600, 100, 800);
-    $warn: mat.define-palette(mat.$red-palette, 600);
-
-    $theme: mat.define-light-theme((
-        color: (
-            primary: $primary,
-            accent: $accent,
-            warn: $warn
-        )
-    ));
-
-    @include igo-all-theming($theme);
-    @include mat.all-component-colors($theme);
-}

package/style/themes/qcca.theme.scss

@@ -1,98 +0,0 @@
-.qcca-theme {
-    $qcca-palette: (
-        50: #f2f1f1,
-        100: #dae6f0, //lighter ex: list on focus
-        200: #dae6f0,
-        300: #509FDF,
-        400: #0D7DD9,
-        500: #095797, //default
-        600: #0A60A6,
-        700: #223654, // darker
-        800: #cb381f,
-        900: #4f813d,
-        A100: #1479cc,
-        A200: #1479cc,
-        A400: #dae6f0,
-        A700: #f2f1f1,
-        contrast: (
-           50: #223654,
-           100: #223654,
-           200: #223654,
-           300: #fff,
-           400: #fff,
-           500: #fff,
-           600: #fff,
-           700: #fff,
-           800: #fff,
-           900: #fff,
-           A100: #fff,
-           A200: #fff,
-           A400: #223654,
-           A700: #223654,
-        )
-       );
-
-    $primary: mat.define-palette($qcca-palette, 500, 400, 700);
-    $accent: mat.define-palette($qcca-palette, 400, 100, 700);
-    $warn: mat.define-palette($qcca-palette, 800);
-    $success: mat.define-palette($qcca-palette, 900);
-    $background: mat.define-palette($qcca-palette, 100, 100, 100);
-    $foreground: mat.define-palette($qcca-palette, 700, 700, 700);
-
-    $temp-theme: mat.define-light-theme((
-        color: (
-            primary: $primary,
-            accent: $accent,
-            warn: $warn,
-            success: $success,
-            background: $background
-        )
-    ));
-
-    $theme-foreground: (
-        base:              #223654,
-        divider:           #f2f1f1,
-        dividers:          #f2f1f1,
-        disabled:          #f2f1f1,
-        disabled-button:   #f2f1f1,
-        disabled-text:     #f2f1f1,
-        hint-text:         #f2f1f1,
-        secondary-text:    #f2f1f1,
-        icon:              #f2f1f1,
-        icons:             #f2f1f1,
-        text:              #223654,
-        slider-min:        #f2f1f1,
-        slider-off:        #f2f1f1,
-        slider-off-active: #f2f1f1,
-      );
-
-    $foreground: theme-foreground(mat.define-palette($qcca-palette, 500, 100, 700));
-    $theme: map-merge($temp-theme, (foreground: $foreground));
-
-    @include mat.core($theme);
-    @include igo-all-theming($theme);
-    @include mat.all-component-colors($theme);
-    @include mat.strong-focus-indicators-theme($theme);
-}
-
-//@import '~@angular/material/theming';
-// Plus imports for other components in your app.
-
-// Include the common styles for Angular Material. We include this here so that you only
-// have to load a single css file for Angular Material in your app.
-// Be sure that you only ever include this mixin once!
-//@include mat-core();
-
-// Define the palettes for your theme using the Material Design palettes available in palette.scss
-// (imported above). For each palette, you can optionally specify a default, lighter, and darker
-// hue. Available color palettes: https://material.io/design/color/
-
-// Include theme styles for core and each component used in your app.
-// Alternatively, you can import and @include the theme mixins for each component
-// that you are using.
-//@include angular-material-theme($theme);
-
-/* For the non-Angular Material items */
-body {
-    color: #223654;
-}

package/style/themes/teal.theme.scss

@@ -1,16 +0,0 @@
-.teal-theme {
-    $primary: mat.define-palette(mat.$teal-palette, 600, 400, 900);
-    $accent: mat.define-palette(mat.$teal-palette, 400);
-    $warn: mat.define-palette(mat.$red-palette);
-
-    $theme: mat.define-light-theme((
-        color: (
-            primary: $primary,
-            accent: $accent,
-            warn: $warn
-        )
-    ));
-
-    @include igo-all-theming($theme);
-    @include mat.all-component-colors($theme);
-}

package/style/theming.scss

@@ -1,5 +0,0 @@
-@import './material.font';
-
-@mixin igo-theming($theme, $typography) {
-  @include igo-core-theming($theme, $typography);
-}

package/style/typography.scss

@@ -1,17 +0,0 @@
-$igo-typography: mat.define-typography-config(
-  $display-4:     mat.define-typography-level(110px, 110px, 300),
-  $display-3:     mat.define-typography-level(54px, 54px, 400),
-  $display-2:     mat.define-typography-level(43px, 46px, 400),
-  $display-1:     mat.define-typography-level(32px, 38px, 400),
-  $headline:      mat.define-typography-level(22px, 30px, 400),
-  $title:         mat.define-typography-level(18px, 30px, 500),
-  $subheading-2:  mat.define-typography-level(14px, 26px, 400),
-  $subheading-1:  mat.define-typography-level(13px, 22px, 400),
-  $body-2:        mat.define-typography-level(12px, 22px, 500),
-  $body-1:        mat.define-typography-level(12px, 18px, 400),
-  $caption:       mat.define-typography-level(12px, 18px, 400),
-  $button:        mat.define-typography-level(13px, 13px, 500),
-  $input:         mat.define-typography-level(14px, 1.25, 400)
-);
-
-@include mat.core($igo-typography);