@testgorilla/tgo-ui 3.14.11-beta.1 → 3.14.12

package/projects/tgo-canopy-ui/theme/_lib-styles.scss

@@ -1,35 +1,35 @@
-@use "variables.scss" as *;
-@use "tooltip.scss" as *;
-@use "mat-paginator.scss" as *;
-@use "core.scss" as *;
-
-*[theme="dark"], *[theme="light"] {
-  * {
-    font-family: "ModernGothic", sans-serif !important;
-    font-weight: 400;
-  };
-}
-
-//custom scss for the angular material components
-.mat-mdc-card {
-  border-radius: 8px !important;
-  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1) !important;
-  padding: 32px 32px 16px 32px !important;
-  border-width: 0 !important;
-}
-
-/** Mat password strength */
-mat-password-strength-info {
-  .mat-mdc-card {
-    box-shadow: none !important;
-    place-content: stretch start !important;
-    padding: 15px 0 !important;
-
-    .mat-icon {
-      font-size: 20px;
-      position: relative;
-      top: 3px;
-      margin: 0px !important;
-    }
-  }
-}
+@use "variables.scss" as *;
+@use "tooltip.scss" as *;
+@use "mat-paginator.scss" as *;
+@use "core.scss" as *;
+
+*[theme="dark"], *[theme="light"] {
+  * {
+    font-family: "ModernGothic", sans-serif !important;
+    font-weight: 400;
+  };
+}
+
+//custom scss for the angular material components
+.mat-mdc-card {
+  border-radius: 8px !important;
+  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1) !important;
+  padding: 32px 32px 16px 32px !important;
+  border-width: 0 !important;
+}
+
+/** Mat password strength */
+mat-password-strength-info {
+  .mat-mdc-card {
+    box-shadow: none !important;
+    place-content: stretch start !important;
+    padding: 15px 0 !important;
+
+    .mat-icon {
+      font-size: 20px;
+      position: relative;
+      top: 3px;
+      margin: 0px !important;
+    }
+  }
+}

package/projects/tgo-canopy-ui/theme/_mat-menu.scss

@@ -1,8 +1,8 @@
-.cdk-overlay-container .overflow-menu .mat-mdc-menu-content:not(:empty) {
-  padding: 0;
-
-  .menu-title {
-    padding: 16px;
-    font-weight: 700;
-  }
-}
+.cdk-overlay-container .overflow-menu .mat-mdc-menu-content:not(:empty) {
+  padding: 0;
+
+  .menu-title {
+    padding: 16px;
+    font-weight: 700;
+  }
+}

package/projects/tgo-canopy-ui/theme/_mat-paginator.scss

@@ -1,59 +1,59 @@
-@use "./variables" as *;
-
-.mat-mdc-paginator {
-
-  .mdc-text-field--focused {
-    .mdc-notched-outline__leading, .mdc-notched-outline__trailing, .mdc-notched-outline__notch {
-      border-color: $tgo-petrol-default !important;
-    }
-  }
-
-  .mat-mdc-select {
-    &[aria-expanded="false"] {
-      .mat-mdc-select-arrow {
-        @extend .select-arrow;
-        background-image: url('/icons/Arrow_down.svg');
-      }
-
-      &[aria-disabled="true"] {
-        .mat-mdc-select-arrow {
-          opacity: 0.2 !important;
-        }
-      }
-    }
-
-    &[aria-expanded="true"] {
-      .mat-mdc-select-arrow {
-        @extend .select-arrow;
-        background-image: url('/icons/Arrow_up.svg');
-      }
-    }
-
-    svg {
-      display: none;
-    }
-  }
-}
-
-.mdc-menu-surface {
-  &[aria-labelledby*="mat-paginator"] {
-    mat-option {
-      &[aria-selected="true"] {
-        background: $tgo-petrol-90w!important;
-
-        .mdc-list-item__primary-text {
-          color: black!important;
-        }
-      }
-    }
-  }
-}
-
-.select-arrow {
-  left: -4px;
-  top: 0;
-  width: 22px;
-  height: 23px;
-  background-repeat: no-repeat;
-  background-size: cover;
-}
+@use "./variables" as *;
+
+.mat-mdc-paginator {
+
+  .mdc-text-field--focused {
+    .mdc-notched-outline__leading, .mdc-notched-outline__trailing, .mdc-notched-outline__notch {
+      border-color: $tgo-petrol-default !important;
+    }
+  }
+
+  .mat-mdc-select {
+    &[aria-expanded="false"] {
+      .mat-mdc-select-arrow {
+        @extend .select-arrow;
+        background-image: url('/icons/Arrow_down.svg');
+      }
+
+      &[aria-disabled="true"] {
+        .mat-mdc-select-arrow {
+          opacity: 0.2 !important;
+        }
+      }
+    }
+
+    &[aria-expanded="true"] {
+      .mat-mdc-select-arrow {
+        @extend .select-arrow;
+        background-image: url('/icons/Arrow_up.svg');
+      }
+    }
+
+    svg {
+      display: none;
+    }
+  }
+}
+
+.mdc-menu-surface {
+  &[aria-labelledby*="mat-paginator"] {
+    mat-option {
+      &[aria-selected="true"] {
+        background: $tgo-petrol-90w!important;
+
+        .mdc-list-item__primary-text {
+          color: black!important;
+        }
+      }
+    }
+  }
+}
+
+.select-arrow {
+  left: -4px;
+  top: 0;
+  width: 22px;
+  height: 23px;
+  background-repeat: no-repeat;
+  background-size: cover;
+}

package/projects/tgo-canopy-ui/theme/_palette.scss

@@ -1,108 +1,108 @@
-@use "@angular/material" as mat;
-@include mat.core();
-//teal
-$tgo-teal-palette: (
-  50: #ECF6F5,
-  //secondary teal
-  100: #CBD6CB,
-  200: #B5DDD5,
-  300: #7EC3B6,
-  400: #55B9A6,
-  500: #46A997,
-  600: #347E70,
-  700: #31766A,
-  800: #2B685D,
-  900: #1C443C,
-  contrast: (
-    50: #000000,
-    100: #000000,
-    200: #000000,
-    300: #000000,
-    400: #ffffff,
-    500: #ffffff,
-    600: #ffffff,
-    700: #ffffff,
-    800: #ffffff,
-    900: #ffffff,
-  ),
-);
-
-//petrol
-$tgo-petrol-palette: (
-  50: #E9F0F1,
-  //secondary petrol
-  100: #C8D7DE,
-  200: #A9C2C9,
-  300: #6894A0,
-  400: #368DA6,
-  500: #276678,
-  600: #1F5261,
-  700: #1B4754,
-  800: #183F4A,
-  900: #102930,
-  contrast: (
-    50: #000000,
-    100: #000000,
-    200: #000000,
-    300: #000000,
-    400: #000000,
-    500: #ffffff,
-    600: #ffffff,
-    700: #ffffff,
-  ),
-);
-
-$tgo-error-palette: (
-  50: #ffffff,
-  //secondary error
-  100: #F0DAD9,
-  200: #E3C3C6,
-  300: #DCA7A6,
-  400: #D49190,
-  500: #cb7b7a,
-  600: #C26564,
-  700: #BA4F4E,
-  800: #8E5655,
-  900: #513131,
-  contrast: (
-    50: #000000,
-    100: #000000,
-    200: #000000,
-    300: #000000,
-    400: #000000,
-    500: #ffffff,
-    600: #ffffff,
-    700: #ffffff,
-    800: #ffffff,
-    900: #ffffff,
-  ),
-);
-
-//teal
-$tgo-teal: mat.m2-define-palette($tgo-teal-palette, 500);
-$tgo-light-palette: mat.m2-define-palette($tgo-teal-palette, 50);
-//petrol
-$tgo-petrol: mat.m2-define-palette($tgo-petrol-palette, 500);
-//error
-$tgo-error: mat.m2-define-palette($tgo-error-palette, 500);
-//typography
-$tgo-typography: mat.m2-define-typography-config(
-  $font-family: "'Open Sans', sans-serif",
-  $body-1: mat.m2-define-typography-level($font-size: 14px, $letter-spacing: normal),
-  $body-2: mat.m2-define-typography-level($font-size: 14px, $letter-spacing: normal),
-  $button: mat.m2-define-typography-level($font-size: 14px, $letter-spacing: normal),
-);
-
-$my-theme: mat.m2-define-light-theme(
-  (
-    color: (
-      primary: $tgo-teal,
-      accent: $tgo-petrol,
-      light: $tgo-light-palette,
-      warn: $tgo-error,
-    ),
-    typography: $tgo-typography,
-  )
-);
-@include mat.typography-hierarchy($tgo-typography);
-@include mat.all-component-themes($my-theme);
+@use "@angular/material" as mat;
+@include mat.core();
+//teal
+$tgo-teal-palette: (
+  50: #ECF6F5,
+  //secondary teal
+  100: #CBD6CB,
+  200: #B5DDD5,
+  300: #7EC3B6,
+  400: #55B9A6,
+  500: #46A997,
+  600: #347E70,
+  700: #31766A,
+  800: #2B685D,
+  900: #1C443C,
+  contrast: (
+    50: #000000,
+    100: #000000,
+    200: #000000,
+    300: #000000,
+    400: #ffffff,
+    500: #ffffff,
+    600: #ffffff,
+    700: #ffffff,
+    800: #ffffff,
+    900: #ffffff,
+  ),
+);
+
+//petrol
+$tgo-petrol-palette: (
+  50: #E9F0F1,
+  //secondary petrol
+  100: #C8D7DE,
+  200: #A9C2C9,
+  300: #6894A0,
+  400: #368DA6,
+  500: #276678,
+  600: #1F5261,
+  700: #1B4754,
+  800: #183F4A,
+  900: #102930,
+  contrast: (
+    50: #000000,
+    100: #000000,
+    200: #000000,
+    300: #000000,
+    400: #000000,
+    500: #ffffff,
+    600: #ffffff,
+    700: #ffffff,
+  ),
+);
+
+$tgo-error-palette: (
+  50: #ffffff,
+  //secondary error
+  100: #F0DAD9,
+  200: #E3C3C6,
+  300: #DCA7A6,
+  400: #D49190,
+  500: #cb7b7a,
+  600: #C26564,
+  700: #BA4F4E,
+  800: #8E5655,
+  900: #513131,
+  contrast: (
+    50: #000000,
+    100: #000000,
+    200: #000000,
+    300: #000000,
+    400: #000000,
+    500: #ffffff,
+    600: #ffffff,
+    700: #ffffff,
+    800: #ffffff,
+    900: #ffffff,
+  ),
+);
+
+//teal
+$tgo-teal: mat.m2-define-palette($tgo-teal-palette, 500);
+$tgo-light-palette: mat.m2-define-palette($tgo-teal-palette, 50);
+//petrol
+$tgo-petrol: mat.m2-define-palette($tgo-petrol-palette, 500);
+//error
+$tgo-error: mat.m2-define-palette($tgo-error-palette, 500);
+//typography
+$tgo-typography: mat.m2-define-typography-config(
+  $font-family: "'Open Sans', sans-serif",
+  $body-1: mat.m2-define-typography-level($font-size: 14px, $letter-spacing: normal),
+  $body-2: mat.m2-define-typography-level($font-size: 14px, $letter-spacing: normal),
+  $button: mat.m2-define-typography-level($font-size: 14px, $letter-spacing: normal),
+);
+
+$my-theme: mat.m2-define-light-theme(
+  (
+    color: (
+      primary: $tgo-teal,
+      accent: $tgo-petrol,
+      light: $tgo-light-palette,
+      warn: $tgo-error,
+    ),
+    typography: $tgo-typography,
+  )
+);
+@include mat.typography-hierarchy($tgo-typography);
+@include mat.all-component-themes($my-theme);