@igo2/core 16.3.0 → 17.0.0-next.10

package/src/theming/material-theme-override.scss

@@ -1,39 +1,39 @@
-@use 'sass:map';
-@use '@angular/material' as mat;
-
-@mixin material-override($theme) {
-  @include mat-button-toggle($theme);
-  @include mat-tab-group($theme);
-}
-
-@mixin mat-tab-group($theme) {
-  mat-tab-group,
-  mat-tab-group ::ng-deep .mat-mdc-tab-body-wrapper {
-    height: 100%;
-    overflow: hidden;
-  }
-}
-
-@mixin mat-button-toggle($theme) {
-  $accent: map.get($theme, accent);
-  $dark: mat.define-palette(mat.$grey-palette, 800, 700, 900);
-  $density: mat.get-density-config($theme);
-
-  $theme: map.merge(
-    $theme,
-    (
-      density: $density - 3
-    )
-  );
-
-  @include mat.button-toggle-density($theme);
-
-  mat-button-toggle {
-    color: black !important;
-
-    &.mat-button-toggle-checked {
-      background-color: mat.get-color-from-palette($accent);
-      color: mat.get-color-from-palette($dark);
-    }
-  }
-}
+@use 'sass:map';
+@use '@angular/material' as mat;
+
+@mixin material-override($theme) {
+  @include mat-button-toggle($theme);
+  @include mat-tab-group($theme);
+}
+
+@mixin mat-tab-group($theme) {
+  mat-tab-group,
+  mat-tab-group ::ng-deep .mat-mdc-tab-body-wrapper {
+    height: 100%;
+    overflow: hidden;
+  }
+}
+
+@mixin mat-button-toggle($theme) {
+  $accent: map.get($theme, accent);
+  $dark: mat.define-palette(mat.$grey-palette, 800, 700, 900);
+  $density: mat.get-density-config($theme);
+
+  $theme: map.merge(
+    $theme,
+    (
+      density: $density - 3
+    )
+  );
+
+  @include mat.button-toggle-density($theme);
+
+  mat-button-toggle {
+    color: black !important;
+
+    &.mat-button-toggle-checked {
+      background-color: mat.get-color-from-palette($accent);
+      color: mat.get-color-from-palette($dark);
+    }
+  }
+}

package/src/theming/prebuilt-themes/blue-theme.scss

@@ -1,27 +1,27 @@
-@use 'sass:map';
-@use '@angular/material' as mat;
-@use '../all-theme';
-@use '../typography';
-
-$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);
-$typography: typography.$igo-typography;
-
-$theme: mat.define-light-theme(
-  (
-    color: (
-      primary: $primary,
-      accent: $accent,
-      warn: $warn
-    ),
-    typography: $typography,
-    density: 0
-  )
-);
-
-@include mat.core();
-@include mat.typography-hierarchy($typography);
-@include mat.all-component-themes($theme);
-
-@include all-theme.all-component-themes($theme);
+@use 'sass:map';
+@use '@angular/material' as mat;
+@use '../all-theme';
+@use '../typography';
+
+$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);
+$typography: typography.$igo-typography;
+
+$theme: mat.define-light-theme(
+  (
+    color: (
+      primary: $primary,
+      accent: $accent,
+      warn: $warn
+    ),
+    typography: $typography,
+    density: 0
+  )
+);
+
+@include mat.core();
+@include mat.typography-hierarchy($typography);
+@include mat.all-component-themes($theme);
+
+@include all-theme.all-component-themes($theme);

package/src/theming/prebuilt-themes/bluedark-theme.scss

@@ -1,60 +1,60 @@
-@use 'sass:map';
-@use '@angular/material' as mat;
-@use '../all-theme';
-@use '../typography';
-
-$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);
-$typography: typography.$igo-typography;
-
-$theme: mat.define-light-theme(
-  (
-    color: (
-      primary: $primary,
-      accent: $accent,
-      warn: $warn
-    ),
-    typography: $typography,
-    density: 0
-  )
-);
-
-@include mat.core();
-@include mat.typography-hierarchy($typography);
-@include mat.all-component-themes($theme);
-
-@include all-theme.all-component-themes($theme);
+@use 'sass:map';
+@use '@angular/material' as mat;
+@use '../all-theme';
+@use '../typography';
+
+$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);
+$typography: typography.$igo-typography;
+
+$theme: mat.define-light-theme(
+  (
+    color: (
+      primary: $primary,
+      accent: $accent,
+      warn: $warn
+    ),
+    typography: $typography,
+    density: 0
+  )
+);
+
+@include mat.core();
+@include mat.typography-hierarchy($typography);
+@include mat.all-component-themes($theme);
+
+@include all-theme.all-component-themes($theme);

package/src/theming/prebuilt-themes/bluedq-theme.scss

@@ -1,60 +1,60 @@
-@use 'sass:map';
-@use '@angular/material' as mat;
-@use '../all-theme';
-@use '../typography';
-
-$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);
-$typography: typography.$igo-typography;
-
-$theme: mat.define-light-theme(
-  (
-    color: (
-      primary: $primary,
-      accent: $accent,
-      warn: $warn
-    ),
-    typography: $typography,
-    density: 0
-  )
-);
-
-@include mat.core();
-@include mat.typography-hierarchy($typography);
-@include mat.all-component-themes($theme);
-
-@include all-theme.all-component-themes($theme);
+@use 'sass:map';
+@use '@angular/material' as mat;
+@use '../all-theme';
+@use '../typography';
+
+$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);
+$typography: typography.$igo-typography;
+
+$theme: mat.define-light-theme(
+  (
+    color: (
+      primary: $primary,
+      accent: $accent,
+      warn: $warn
+    ),
+    typography: $typography,
+    density: 0
+  )
+);
+
+@include mat.core();
+@include mat.typography-hierarchy($typography);
+@include mat.all-component-themes($theme);
+
+@include all-theme.all-component-themes($theme);

package/src/theming/prebuilt-themes/bluegrey-theme.scss

@@ -1,26 +1,26 @@
-@use '@angular/material' as mat;
-@use '../all-theme';
-@use '../typography';
-
-$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);
-$typography: typography.$igo-typography;
-
-$theme: mat.define-light-theme(
-  (
-    color: (
-      primary: $primary,
-      accent: $accent,
-      warn: $warn
-    ),
-    typography: $typography,
-    density: 0
-  )
-);
-
-@include mat.core();
-@include mat.typography-hierarchy($typography);
-@include mat.all-component-themes($theme);
-
-@include all-theme.all-component-themes($theme);
+@use '@angular/material' as mat;
+@use '../all-theme';
+@use '../typography';
+
+$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);
+$typography: typography.$igo-typography;
+
+$theme: mat.define-light-theme(
+  (
+    color: (
+      primary: $primary,
+      accent: $accent,
+      warn: $warn
+    ),
+    typography: $typography,
+    density: 0
+  )
+);
+
+@include mat.core();
+@include mat.typography-hierarchy($typography);
+@include mat.all-component-themes($theme);
+
+@include all-theme.all-component-themes($theme);

package/src/theming/prebuilt-themes/dark-theme.scss

@@ -1,26 +1,26 @@
-@use '@angular/material' as mat;
-@use '../all-theme';
-@use '../typography';
-
-$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);
-$typography: typography.$igo-typography;
-
-$theme: mat.define-dark-theme(
-  (
-    color: (
-      primary: $primary,
-      accent: $accent,
-      warn: $warn
-    ),
-    typography: $typography,
-    density: 0
-  )
-);
-
-@include mat.core();
-@include mat.typography-hierarchy($typography);
-@include mat.all-component-themes($theme);
-
-@include all-theme.all-component-themes($theme);
+@use '@angular/material' as mat;
+@use '../all-theme';
+@use '../typography';
+
+$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);
+$typography: typography.$igo-typography;
+
+$theme: mat.define-dark-theme(
+  (
+    color: (
+      primary: $primary,
+      accent: $accent,
+      warn: $warn
+    ),
+    typography: $typography,
+    density: 0
+  )
+);
+
+@include mat.core();
+@include mat.typography-hierarchy($typography);
+@include mat.all-component-themes($theme);
+
+@include all-theme.all-component-themes($theme);

package/src/theming/prebuilt-themes/deeppurple-theme.scss

@@ -1,26 +1,26 @@
-@use '@angular/material' as mat;
-@use '../all-theme';
-@use '../typography';
-
-$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);
-$typography: typography.$igo-typography;
-
-$theme: mat.define-light-theme(
-  (
-    color: (
-      primary: $primary,
-      accent: $accent,
-      warn: $warn
-    ),
-    typography: $typography,
-    density: 0
-  )
-);
-
-@include mat.core();
-@include mat.typography-hierarchy($typography);
-@include mat.all-component-themes($theme);
-
-@include all-theme.all-component-themes($theme);
+@use '@angular/material' as mat;
+@use '../all-theme';
+@use '../typography';
+
+$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);
+$typography: typography.$igo-typography;
+
+$theme: mat.define-light-theme(
+  (
+    color: (
+      primary: $primary,
+      accent: $accent,
+      warn: $warn
+    ),
+    typography: $typography,
+    density: 0
+  )
+);
+
+@include mat.core();
+@include mat.typography-hierarchy($typography);
+@include mat.all-component-themes($theme);
+
+@include all-theme.all-component-themes($theme);

package/src/theming/prebuilt-themes/indigo-theme.scss

@@ -1,26 +1,26 @@
-@use '@angular/material' as mat;
-@use '../all-theme';
-@use '../typography';
-
-$primary: mat.define-palette(mat.$indigo-palette);
-$accent: mat.define-palette(mat.$pink-palette, A200, A100, A400);
-$warn: mat.define-palette(mat.$red-palette);
-$typography: typography.$igo-typography;
-
-$theme: mat.define-light-theme(
-  (
-    color: (
-      primary: $primary,
-      accent: $accent,
-      warn: $warn
-    ),
-    typography: $typography,
-    density: 0
-  )
-);
-
-@include mat.core();
-@include mat.typography-hierarchy($typography);
-@include mat.all-component-themes($theme);
-
-@include all-theme.all-component-themes($theme);
+@use '@angular/material' as mat;
+@use '../all-theme';
+@use '../typography';
+
+$primary: mat.define-palette(mat.$indigo-palette);
+$accent: mat.define-palette(mat.$pink-palette, A200, A100, A400);
+$warn: mat.define-palette(mat.$red-palette);
+$typography: typography.$igo-typography;
+
+$theme: mat.define-light-theme(
+  (
+    color: (
+      primary: $primary,
+      accent: $accent,
+      warn: $warn
+    ),
+    typography: $typography,
+    density: 0
+  )
+);
+
+@include mat.core();
+@include mat.typography-hierarchy($typography);
+@include mat.all-component-themes($theme);
+
+@include all-theme.all-component-themes($theme);

package/src/theming/prebuilt-themes/orange-theme.scss

@@ -1,26 +1,26 @@
-@use '@angular/material' as mat;
-@use '../all-theme';
-@use '../typography';
-
-$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);
-$typography: typography.$igo-typography;
-
-$theme: mat.define-light-theme(
-  (
-    color: (
-      primary: $primary,
-      accent: $accent,
-      warn: $warn
-    ),
-    typography: $typography,
-    density: 0
-  )
-);
-
-@include mat.core();
-@include mat.typography-hierarchy($typography);
-@include mat.all-component-themes($theme);
-
-@include all-theme.all-component-themes($theme);
+@use '@angular/material' as mat;
+@use '../all-theme';
+@use '../typography';
+
+$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);
+$typography: typography.$igo-typography;
+
+$theme: mat.define-light-theme(
+  (
+    color: (
+      primary: $primary,
+      accent: $accent,
+      warn: $warn
+    ),
+    typography: $typography,
+    density: 0
+  )
+);
+
+@include mat.core();
+@include mat.typography-hierarchy($typography);
+@include mat.all-component-themes($theme);
+
+@include all-theme.all-component-themes($theme);