@igo2/core 19.0.0-next.29 → 19.0.0-next.30

package/message/src/message.theming.scss

@@ -1,26 +0,0 @@
-@use 'sass:map';
-@use '@angular/material' as mat;
-
-@mixin igo-message-theming($theme) {
-  $primary: map.get($theme, primary);
-  $accent: map.get($theme, accent);
-  $warn: map.get($theme, warn);
-  $typography: mat.m2-get-typography-config($theme);
-
-  .toast-error {
-    background-color: mat.m2-get-color-from-palette($warn) !important;
-  }
-
-  .toast-info {
-    background-color: mat.m2-get-color-from-palette($primary) !important;
-  }
-
-  .toast-no-icon {
-    background-image: none;
-    padding-left: 6%;
-  }
-
-  .toast-title {
-    font-weight: bold;
-  }
-}

package/src/core-theme.scss

@@ -1,5 +0,0 @@
-@use '../message/src/message.theming.scss' as message;
-
-@mixin core-component-themes($theme) {
-  @include message.igo-message-theming($theme);
-}

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

@@ -1,39 +0,0 @@
-@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.m2-define-palette(mat.$m2-grey-palette, 800, 700, 900);
-  $density: mat.m2-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.m2-get-color-from-palette($accent);
-      color: mat.m2-get-color-from-palette($dark);
-    }
-  }
-}

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

@@ -1,27 +0,0 @@
-@use '@angular/material' as mat;
-@use '../all-theme';
-@use '../typography';
-
-$primary: mat.m2-define-palette(mat.$m2-blue-grey-palette);
-$accent: mat.m2-define-palette(mat.$m2-pink-palette, A200, A100, A400);
-$warn: mat.m2-define-palette(mat.$m2-deep-orange-palette);
-$typography: typography.$igo-typography;
-
-$theme: mat.m2-define-light-theme(
-  (
-    color: (
-      primary: $primary,
-      accent: $accent,
-      warn: $warn
-    ),
-    typography: $typography,
-    density: 0
-  )
-);
-
-@include mat.elevation-classes();
-@include mat.app-background();
-@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,27 +0,0 @@
-@use '@angular/material' as mat;
-@use '../all-theme';
-@use '../typography';
-
-$primary: mat.m2-define-palette(mat.$m2-blue-grey-palette);
-$accent: mat.m2-define-palette(mat.$m2-pink-palette, A200, A100, A400);
-$warn: mat.m2-define-palette(mat.$m2-deep-orange-palette);
-$typography: typography.$igo-typography;
-
-$theme: mat.m2-define-dark-theme(
-  (
-    color: (
-      primary: $primary,
-      accent: $accent,
-      warn: $warn
-    ),
-    typography: $typography,
-    density: 0
-  )
-);
-
-@include mat.elevation-classes();
-@include mat.app-background();
-@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,27 +0,0 @@
-@use '@angular/material' as mat;
-@use '../all-theme';
-@use '../typography';
-
-$primary: mat.m2-define-palette(mat.$m2-deep-purple-palette);
-$accent: mat.m2-define-palette(mat.$m2-amber-palette, A200, A100, A400);
-$warn: mat.m2-define-palette(mat.$m2-red-palette);
-$typography: typography.$igo-typography;
-
-$theme: mat.m2-define-light-theme(
-  (
-    color: (
-      primary: $primary,
-      accent: $accent,
-      warn: $warn
-    ),
-    typography: $typography,
-    density: 0
-  )
-);
-
-@include mat.elevation-classes();
-@include mat.app-background();
-@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,27 +0,0 @@
-@use '@angular/material' as mat;
-@use '../all-theme';
-@use '../typography';
-
-$primary: mat.m2-define-palette(mat.$m2-indigo-palette);
-$accent: mat.m2-define-palette(mat.$m2-pink-palette, A200, A100, A400);
-$warn: mat.m2-define-palette(mat.$m2-red-palette);
-$typography: typography.$igo-typography;
-
-$theme: mat.m2-define-light-theme(
-  (
-    color: (
-      primary: $primary,
-      accent: $accent,
-      warn: $warn
-    ),
-    typography: $typography,
-    density: 0
-  )
-);
-
-@include mat.elevation-classes();
-@include mat.app-background();
-@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,27 +0,0 @@
-@use '@angular/material' as mat;
-@use '../all-theme';
-@use '../typography';
-
-$primary: mat.m2-define-palette(mat.$m2-orange-palette, 800);
-$accent: mat.m2-define-palette(mat.$m2-light-blue-palette, 600, 100, 800);
-$warn: mat.m2-define-palette(mat.$m2-red-palette, 600);
-$typography: typography.$igo-typography;
-
-$theme: mat.m2-define-light-theme(
-  (
-    color: (
-      primary: $primary,
-      accent: $accent,
-      warn: $warn
-    ),
-    typography: $typography,
-    density: 0
-  )
-);
-
-@include mat.elevation-classes();
-@include mat.app-background();
-@include mat.typography-hierarchy($typography);
-@include mat.all-component-themes($theme);
-
-@include all-theme.all-component-themes($theme);

package/src/theming/typography.scss

@@ -1,28 +0,0 @@
-@use '@angular/material' as mat;
-
-$igo-typography: mat.m2-define-typography-config(
-  $headline-1: mat.m2-define-typography-level(110px, 110px, 500),
-  $headline-2: mat.m2-define-typography-level(54px, 54px, 500),
-  $headline-3: mat.m2-define-typography-level(43px, 46px, 500),
-  $headline-4: mat.m2-define-typography-level(32px, 38px, 500),
-  // h1
-  $headline-5: mat.m2-define-typography-level(24px, 32px, 400),
-  // h2
-  $headline-6: mat.m2-define-typography-level(20px, 30px, 400),
-  // h3
-  $subtitle-1: mat.m2-define-typography-level(16px, 26px, 500),
-  // h4
-  $subtitle-2: mat.m2-define-typography-level(12px, 22px, 500),
-  $body-1: mat.m2-define-typography-level(14px, 22px, 400),
-  $body-2: mat.m2-define-typography-level(12px, 18px, 400),
-  $caption: mat.m2-define-typography-level(12px, 18px, 400),
-  $button: mat.m2-define-typography-level(13px, 13px, 500)
-);
-
-// WORKAROUND, mat-typography bad area of intersection, h4 is using mat-body-1
-// https://github.com/angular/components/issues/26351
-h4 {
-  font-size: 14px !important;
-  line-height: 22px !important;
-  font-weight: 500 !important;
-}