@ascentgl/ads-ui 20.34.0 → 21.0.1

package/src/assets/sass/ads-ui/overrides/angular-material/_menu.scss

@@ -1,89 +1,89 @@
-@use '../../abstracts/functions' as *;
-
-.mat-mdc-menu-panel {
-  --mat-menu-container-color: var(--color-white);
-  max-width: unset !important;
-}
-
-.mat-menu-content {
-  min-width: 161px;
-}
-
-.cdk-overlay-pane .mat-menu-panel {
-  max-width: none;
-  margin-top: 13px;
-  border-radius: 0;
-}
-
-.peak-more-menu-panel {
-  background-color: color(white) !important;
-}
-
-.cdk-overlay-pane .mat-menu-panel.peak-more-menu-panel {
-  min-width: 278px;
-  margin-top: 32px;
-  margin-right: -12px;
-}
-
-.mat-menu-content .mat-menu-item,
-.peak-menu-content .mat-menu-item {
-  height: 43px;
-  color: color(dark);
-  font-family: 'Roboto', 'Helvetica Neue', sans-serif;
-  font-size: 16px;
-  font-weight: font-weight(regular);
-}
-
-.mat-menu-content .mat-menu-item a,
-.peak-menu-content .mat-menu-item a {
-  display: inline-block;
-  width: 100%;
-  height: 100%;
-  color: color(dark);
-  text-decoration: none;
-}
-
-.mat-menu-content .mat-menu-item:hover a,
-.peak-menu-content .mat-menu-item:hover a {
-  color: color(white);
-  text-decoration: none;
-}
-
-.mat-menu-panel .mat-menu-content:not(:empty) {
-  padding-top: 0;
-  padding-bottom: 0;
-}
-
-.peak-bottom-sheet-panel.mat-bottom-sheet-container .mat-menu-item {
-  display: flex;
-  align-items: center;
-  padding-right: 16px;
-  padding-left: 16px;
-}
-
-.mat-menu-content .mat-menu-item:hover:not([disabled]),
-.mat-menu-item.cdk-program-focused:not([disabled]),
-.mat-menu-item.cdk-keyboard-focused:not([disabled]),
-.mat-menu-item-highlighted:not([disabled]),
-.peak-menu-content .mat-menu-item:hover:not([disabled]) {
-  background-color: color(secondary);
-  color: color(white);
-}
-
-.mat-focus-indicator.mat-menu-trigger.mat-menu-item.mat-menu-item-submenu-trigger.mat-menu-item-highlighted {
-  background-color: color(secondary);
-  color: color(white);
-}
-
-.mat-menu-content .mat-menu-item-submenu-trigger::after,
-.peak-menu-content .mat-menu-item-submenu-trigger::after {
-  display: none;
-}
-
-.mat-menu-item.with-border {
-  border-top: 1px solid color(light);
-}
-
-.peak-bottom-sheet-panel.mat-bottom-sheet-container {
-  padding: 0;
-}
+@use '../../abstracts/functions' as *;
+
+.mat-mdc-menu-panel {
+  --mat-menu-container-color: var(--color-white);
+  max-width: unset !important;
+}
+
+.mat-menu-content {
+  min-width: 161px;
+}
+
+.cdk-overlay-pane .mat-menu-panel {
+  max-width: none;
+  margin-top: 13px;
+  border-radius: 0;
+}
+
+.peak-more-menu-panel {
+  background-color: color(white) !important;
+}
+
+.cdk-overlay-pane .mat-menu-panel.peak-more-menu-panel {
+  min-width: 278px;
+  margin-top: 32px;
+  margin-right: -12px;
+}
+
+.mat-menu-content .mat-menu-item,
+.peak-menu-content .mat-menu-item {
+  height: 43px;
+  color: color(dark);
+  font-family: 'Roboto', 'Helvetica Neue', sans-serif;
+  font-size: 16px;
+  font-weight: font-weight(regular);
+}
+
+.mat-menu-content .mat-menu-item a,
+.peak-menu-content .mat-menu-item a {
+  display: inline-block;
+  width: 100%;
+  height: 100%;
+  color: color(dark);
+  text-decoration: none;
+}
+
+.mat-menu-content .mat-menu-item:hover a,
+.peak-menu-content .mat-menu-item:hover a {
+  color: color(white);
+  text-decoration: none;
+}
+
+.mat-menu-panel .mat-menu-content:not(:empty) {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+.peak-bottom-sheet-panel.mat-bottom-sheet-container .mat-menu-item {
+  display: flex;
+  align-items: center;
+  padding-right: 16px;
+  padding-left: 16px;
+}
+
+.mat-menu-content .mat-menu-item:hover:not([disabled]),
+.mat-menu-item.cdk-program-focused:not([disabled]),
+.mat-menu-item.cdk-keyboard-focused:not([disabled]),
+.mat-menu-item-highlighted:not([disabled]),
+.peak-menu-content .mat-menu-item:hover:not([disabled]) {
+  background-color: color(secondary);
+  color: color(white);
+}
+
+.mat-focus-indicator.mat-menu-trigger.mat-menu-item.mat-menu-item-submenu-trigger.mat-menu-item-highlighted {
+  background-color: color(secondary);
+  color: color(white);
+}
+
+.mat-menu-content .mat-menu-item-submenu-trigger::after,
+.peak-menu-content .mat-menu-item-submenu-trigger::after {
+  display: none;
+}
+
+.mat-menu-item.with-border {
+  border-top: 1px solid color(light);
+}
+
+.peak-bottom-sheet-panel.mat-bottom-sheet-container {
+  padding: 0;
+}

package/src/assets/sass/ads-ui/overrides/angular-material/_search-dropdown-modal.scss

@@ -1,34 +1,34 @@
-@use '../../abstracts/functions' as *;
-
-.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container {
-  .mat-mdc-dialog-surface {
-    padding: 24px;
-  }
-
-  .mat-mdc-dialog-title {
-    font-size: 18px;
-    font-weight: font-weight(semibold);
-    font-family: Poppins, serif;
-
-    --mat-dialog-headline-padding: 0;
-
-    margin-bottom: 24px;
-  }
-
-  .mat-mdc-dialog-content {
-    --mat-dialog-with-actions-content-padding: 0;
-
-    margin-bottom: 24px;
-
-    &.full-width {
-      width: calc(100% + 48px);
-      position: relative;
-      left: -24px;
-    }
-  }
-
-  .mat-mdc-dialog-actions {
-    --mat-dialog-actions-alignment: flex-end;
-    --mat-dialog-actions-padding: 0;
-  }
-}
+@use '../../abstracts/functions' as *;
+
+.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container {
+  .mat-mdc-dialog-surface {
+    padding: 24px;
+  }
+
+  .mat-mdc-dialog-title {
+    font-size: 18px;
+    font-weight: font-weight(semibold);
+    font-family: Poppins, serif;
+
+    --mat-dialog-headline-padding: 0;
+
+    margin-bottom: 24px;
+  }
+
+  .mat-mdc-dialog-content {
+    --mat-dialog-with-actions-content-padding: 0;
+
+    margin-bottom: 24px;
+
+    &.full-width {
+      width: calc(100% + 48px);
+      position: relative;
+      left: -24px;
+    }
+  }
+
+  .mat-mdc-dialog-actions {
+    --mat-dialog-actions-alignment: flex-end;
+    --mat-dialog-actions-padding: 0;
+  }
+}

package/src/assets/sass/ads-ui/overrides/angular-material/_snackbar.scss

@@ -1,40 +1,40 @@
-@use '../../abstracts/functions' as *;
-
-.mdc-snackbar.mat-mdc-snack-bar-container {
-  margin: 32px;
-  width: 100%;
-
-  &.error {
-    --mat-snack-bar-container-color: #{color(error)};
-
-    & > .button {
-      color: color(error);
-    }
-  }
-
-  &.primary {
-    --mat-snack-bar-container-color: #{color(primary)};
-  }
-
-  &.success {
-    --mat-snack-bar-container-color: #{color(success)};
-  }
-
-  &.secondary {
-    --mat-snack-bar-container-color: #{color(secondary)};
-  }
-
-  .mdc-snackbar__label {
-    padding: 16px 24px;
-    --mat-snack-bar-supporting-text-size: 16px;
-    --mat-snack-bar-supporting-text-weight: #{font-weight(regular)};
-    --mat-snack-bar-supporting-text-line-height: 24px;
-    --mat-snack-bar-supporting-text-color: #{color(white)};
-  }
-
-  .mdc-snackbar__surface {
-    padding-right: 0;
-    min-width: 200px;
-    max-width: unset;
-  }
-}
+@use '../../abstracts/functions' as *;
+
+.mdc-snackbar.mat-mdc-snack-bar-container {
+  margin: 32px;
+  width: 100%;
+
+  &.error {
+    --mat-snack-bar-container-color: #{color(error)};
+
+    & > .button {
+      color: color(error);
+    }
+  }
+
+  &.primary {
+    --mat-snack-bar-container-color: #{color(primary)};
+  }
+
+  &.success {
+    --mat-snack-bar-container-color: #{color(success)};
+  }
+
+  &.secondary {
+    --mat-snack-bar-container-color: #{color(secondary)};
+  }
+
+  .mdc-snackbar__label {
+    padding: 16px 24px;
+    --mat-snack-bar-supporting-text-size: 16px;
+    --mat-snack-bar-supporting-text-weight: #{font-weight(regular)};
+    --mat-snack-bar-supporting-text-line-height: 24px;
+    --mat-snack-bar-supporting-text-color: #{color(white)};
+  }
+
+  .mdc-snackbar__surface {
+    padding-right: 0;
+    min-width: 200px;
+    max-width: unset;
+  }
+}

package/src/assets/sass/ads-ui/overrides/angular-material/_tooltip.scss

@@ -1,76 +1,76 @@
-@use '../../abstracts/functions' as *;
-
-.mat-mdc-tooltip-panel-above,
-.mat-mdc-tooltip-panel-below,
-.mat-mdc-tooltip-panel-left,
-.mat-mdc-tooltip-panel-right {
-  .mdc-tooltip::after {
-    content: '';
-    position: absolute;
-    width: 0;
-    height: 0;
-    border-style: solid;
-  }
-}
-
-.mat-mdc-tooltip-panel-above {
-  .mdc-tooltip::after {
-    bottom: -8px;
-    left: 50%;
-    transform: translateX(-50%);
-    border-width: 8px 8px 0 8px;
-    border-color: color(white) transparent transparent transparent;
-  }
-}
-
-.mat-mdc-tooltip-panel-below {
-  .mdc-tooltip::after {
-    top: -8px;
-    left: 50%;
-    transform: translateX(-50%);
-    border-width: 0 8px 8px 8px;
-    border-color: transparent transparent color(white) transparent;
-  }
-}
-
-.mat-mdc-tooltip-panel-left {
-  .mdc-tooltip::after {
-    top: 50%;
-    right: -8px;
-    transform: translateY(-50%);
-    border-width: 8px 0 8px 8px;
-    border-color: transparent transparent transparent color(white);
-  }
-}
-
-.mat-mdc-tooltip-panel-right {
-  .mdc-tooltip::after {
-    top: 50%;
-    left: -8px;
-    transform: translateY(-50%);
-    border-width: 8px 8px 8px 0;
-    border-color: transparent color(white) transparent transparent;
-  }
-}
-
-.mat-mdc-tooltip-panel .mdc-tooltip {
-  .mdc-tooltip__surface {
-    background-color: color(white);
-    color: color(dark);
-    font-size: 14px;
-    line-height: 21px;
-    padding: 8px;
-    border-radius: 5px;
-    box-shadow: 0 4px 50px 0 color(medium-opacity-50);
-    max-width: 250px;
-    position: relative;
-  }
-
-  &.big {
-    .mdc-tooltip__surface {
-      font-size: 16px;
-      padding: 24px;
-      border-radius: 10px;
-    }
-  }
-}
+@use '../../abstracts/functions' as *;
+
+.mat-mdc-tooltip-panel-above,
+.mat-mdc-tooltip-panel-below,
+.mat-mdc-tooltip-panel-left,
+.mat-mdc-tooltip-panel-right {
+  .mdc-tooltip::after {
+    content: '';
+    position: absolute;
+    width: 0;
+    height: 0;
+    border-style: solid;
+  }
+}
+
+.mat-mdc-tooltip-panel-above {
+  .mdc-tooltip::after {
+    bottom: -8px;
+    left: 50%;
+    transform: translateX(-50%);
+    border-width: 8px 8px 0 8px;
+    border-color: color(white) transparent transparent transparent;
+  }
+}
+
+.mat-mdc-tooltip-panel-below {
+  .mdc-tooltip::after {
+    top: -8px;
+    left: 50%;
+    transform: translateX(-50%);
+    border-width: 0 8px 8px 8px;
+    border-color: transparent transparent color(white) transparent;
+  }
+}
+
+.mat-mdc-tooltip-panel-left {
+  .mdc-tooltip::after {
+    top: 50%;
+    right: -8px;
+    transform: translateY(-50%);
+    border-width: 8px 0 8px 8px;
+    border-color: transparent transparent transparent color(white);
+  }
+}
+
+.mat-mdc-tooltip-panel-right {
+  .mdc-tooltip::after {
+    top: 50%;
+    left: -8px;
+    transform: translateY(-50%);
+    border-width: 8px 8px 8px 0;
+    border-color: transparent color(white) transparent transparent;
+  }
+}
+
+.mat-mdc-tooltip-panel .mdc-tooltip {
+  .mdc-tooltip__surface {
+    background-color: color(white);
+    color: color(dark);
+    font-size: 14px;
+    line-height: 21px;
+    padding: 8px;
+    border-radius: 5px;
+    box-shadow: 0 4px 50px 0 color(medium-opacity-50);
+    max-width: 250px;
+    position: relative;
+  }
+
+  &.big {
+    .mdc-tooltip__surface {
+      font-size: 16px;
+      padding: 24px;
+      border-radius: 10px;
+    }
+  }
+}

package/src/assets/sass/ads-ui/themes/_ads-palette.scss

@@ -1,98 +1,98 @@
-$primary: (
-  50: #e0e9f1,
-  100: #b3c8db,
-  200: #80a4c3,
-  300: #4d80ab,
-  400: #266499,
-  500: #5756b3,
-  600: #00427f,
-  700: #003974,
-  800: #00316a,
-  900: #002157,
-  A100: #89aaff,
-  A200: #5685ff,
-  A400: #2361ff,
-  A700: #094fff,
-  contrast: (
-    50: #000,
-    100: #000,
-    200: #000,
-    300: #fff,
-    400: #fff,
-    500: #fff,
-    600: #fff,
-    700: #fff,
-    800: #fff,
-    900: #fff,
-    A100: #000,
-    A200: #000,
-    A400: #fff,
-    A700: #fff,
-  ),
-);
-
-$accent: (
-  50: #e0f3f9,
-  100: #b3e0f0,
-  200: #80cce6,
-  300: #4db8db,
-  400: #26a8d4,
-  500: #09c,
-  600: #0091c7,
-  700: #0086c0,
-  800: #007cb9,
-  900: #006bad,
-  A100: #d7edff,
-  A200: #a4d7ff,
-  A400: #71c0ff,
-  A700: #58b5ff,
-  contrast: (
-    50: #000,
-    100: #000,
-    200: #000,
-    300: #000,
-    400: #000,
-    500: #fff,
-    600: #fff,
-    700: #fff,
-    800: #fff,
-    900: #fff,
-    A100: #000,
-    A200: #000,
-    A400: #000,
-    A700: #000,
-  ),
-);
-
-$warn: (
-  50: #f7e0e2,
-  100: #ebb3b8,
-  200: #de8088,
-  300: #d04d58,
-  400: #c62635,
-  500: #bc0011,
-  600: #b6000f,
-  700: #ad000c,
-  800: #a5000a,
-  900: #970005,
-  A100: #ffc2c2,
-  A200: #ff8f90,
-  A400: #ff5c5d,
-  A700: #ff4244,
-  contrast: (
-    50: #000,
-    100: #000,
-    200: #000,
-    300: #000,
-    400: #000,
-    500: #fff,
-    600: #fff,
-    700: #fff,
-    800: #fff,
-    900: #fff,
-    A100: #000,
-    A200: #000,
-    A400: #000,
-    A700: #000,
-  ),
-);
+$primary: (
+  50: #e0e9f1,
+  100: #b3c8db,
+  200: #80a4c3,
+  300: #4d80ab,
+  400: #266499,
+  500: #5756b3,
+  600: #00427f,
+  700: #003974,
+  800: #00316a,
+  900: #002157,
+  A100: #89aaff,
+  A200: #5685ff,
+  A400: #2361ff,
+  A700: #094fff,
+  contrast: (
+    50: #000,
+    100: #000,
+    200: #000,
+    300: #fff,
+    400: #fff,
+    500: #fff,
+    600: #fff,
+    700: #fff,
+    800: #fff,
+    900: #fff,
+    A100: #000,
+    A200: #000,
+    A400: #fff,
+    A700: #fff,
+  ),
+);
+
+$accent: (
+  50: #e0f3f9,
+  100: #b3e0f0,
+  200: #80cce6,
+  300: #4db8db,
+  400: #26a8d4,
+  500: #09c,
+  600: #0091c7,
+  700: #0086c0,
+  800: #007cb9,
+  900: #006bad,
+  A100: #d7edff,
+  A200: #a4d7ff,
+  A400: #71c0ff,
+  A700: #58b5ff,
+  contrast: (
+    50: #000,
+    100: #000,
+    200: #000,
+    300: #000,
+    400: #000,
+    500: #fff,
+    600: #fff,
+    700: #fff,
+    800: #fff,
+    900: #fff,
+    A100: #000,
+    A200: #000,
+    A400: #000,
+    A700: #000,
+  ),
+);
+
+$warn: (
+  50: #f7e0e2,
+  100: #ebb3b8,
+  200: #de8088,
+  300: #d04d58,
+  400: #c62635,
+  500: #bc0011,
+  600: #b6000f,
+  700: #ad000c,
+  800: #a5000a,
+  900: #970005,
+  A100: #ffc2c2,
+  A200: #ff8f90,
+  A400: #ff5c5d,
+  A700: #ff4244,
+  contrast: (
+    50: #000,
+    100: #000,
+    200: #000,
+    300: #000,
+    400: #000,
+    500: #fff,
+    600: #fff,
+    700: #fff,
+    800: #fff,
+    900: #fff,
+    A100: #000,
+    A200: #000,
+    A400: #000,
+    A700: #000,
+  ),
+);