@ascentgl/ads-ui 21.12.1 → 21.14.0

package/src/assets/sass/ads-ui/base/_typography.scss

@@ -1,179 +1,179 @@
-@use '../abstracts/functions' as *;
-
-.text-xxs,
-text-xxs-semibold {
-  font-size: 0.625rem;
-  line-height: 13px;
-
-  &.text-xxs-semibold {
-    font-weight: font-weight(semibold);
-  }
-}
-
-.text-xs,
-.text-xs-semibold,
-.text-link-xs,
-.text-error-xs {
-  font-size: 0.75rem;
-  line-height: 16px;
-
-  &.text-xs-semibold {
-    font-weight: font-weight(semibold);
-  }
-}
-
-.text-sm,
-.text-sm-semibold,
-.text-link-sm {
-  font-size: 0.875rem;
-  line-height: 18px;
-
-  &.text-sm-semibold {
-    font-weight: font-weight(semibold);
-  }
-}
-
-.text-base,
-.text-base-semibold,
-.text-link-base,
-.text-error-base {
-  font-size: 1rem;
-  line-height: 21px;
-
-  &.text-base-semibold {
-    font-weight: font-weight(semibold);
-  }
-}
-
-.text-lg,
-text-lg-semibold {
-  font-size: 1.125rem;
-  line-height: 23px;
-
-  &.text-lg-semibold {
-    font-weight: font-weight(semibold);
-  }
-}
-
-.text-xl,
-.text-xl-semibold {
-  font-size: 1.25rem;
-  line-height: 26px;
-
-  &.text-xl-semibold {
-    font-weight: font-weight(semibold);
-  }
-}
-
-.text-2xl,
-.text-2xl-semibold {
-  font-size: 1.5rem;
-  line-height: 31px;
-
-  &.text-2xl-semibold {
-    font-weight: font-weight(semibold);
-  }
-}
-
-.text-3x,
-.text-3xl-semibold {
-  font-size: 1.875rem;
-  line-height: 39px;
-
-  &.text-3xl-semibold {
-    font-weight: font-weight(semibold);
-  }
-}
-
-.text-4xl,
-.text-4xl-semibold {
-  font-size: 2.25rem;
-  line-height: 47px;
-
-  &.text-4xl-semibold {
-    font-weight: font-weight(semibold);
-  }
-}
-
-.text-5xl,
-.text-5xl-semibold {
-  font-size: 3rem;
-  line-height: 62px;
-
-  &.text-5xl-semibold {
-    font-weight: font-weight(semibold);
-  }
-}
-
-.text-6xl,
-.text-6xl-semibold {
-  font-size: 4rem;
-  line-height: 83px;
-
-  &.text-6xl-semibold {
-    font-weight: font-weight(semibold);
-  }
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  color: color(dark);
-  font-weight: font-weight(semibold);
-  font-style: normal;
-  margin: 0;
-}
-
-h1 {
-  line-height: 42px;
-  font-size: 32px;
-}
-
-h2 {
-  line-height: 31px;
-  font-size: 24px;
-}
-
-h3 {
-  line-height: 23px;
-  font-size: 18px;
-}
-
-h4 {
-  line-height: 24px;
-  font-size: 16px;
-}
-
-h5 {
-  line-height: 21px;
-  font-size: 14px;
-}
-
-h6 {
-  line-height: 16px;
-  font-size: 12px;
-}
-
-p,
-.text-base,
-.text-base-semibold {
-  font-style: normal;
-  font-weight: font-weight(regular);
-  margin: 0;
-  color: color(medium);
-}
-
-.text-error-base,
-.text-error-xs {
-  color: color(error);
-}
-
-.text-link-base,
-.text-link-sm,
-.text-link-xs {
-  color: color(link);
-  text-decoration-line: underline;
-}
+@use '../abstracts/functions' as *;
+
+.text-xxs,
+text-xxs-semibold {
+  font-size: 0.625rem;
+  line-height: 13px;
+
+  &.text-xxs-semibold {
+    font-weight: font-weight(semibold);
+  }
+}
+
+.text-xs,
+.text-xs-semibold,
+.text-link-xs,
+.text-error-xs {
+  font-size: 0.75rem;
+  line-height: 16px;
+
+  &.text-xs-semibold {
+    font-weight: font-weight(semibold);
+  }
+}
+
+.text-sm,
+.text-sm-semibold,
+.text-link-sm {
+  font-size: 0.875rem;
+  line-height: 18px;
+
+  &.text-sm-semibold {
+    font-weight: font-weight(semibold);
+  }
+}
+
+.text-base,
+.text-base-semibold,
+.text-link-base,
+.text-error-base {
+  font-size: 1rem;
+  line-height: 21px;
+
+  &.text-base-semibold {
+    font-weight: font-weight(semibold);
+  }
+}
+
+.text-lg,
+text-lg-semibold {
+  font-size: 1.125rem;
+  line-height: 23px;
+
+  &.text-lg-semibold {
+    font-weight: font-weight(semibold);
+  }
+}
+
+.text-xl,
+.text-xl-semibold {
+  font-size: 1.25rem;
+  line-height: 26px;
+
+  &.text-xl-semibold {
+    font-weight: font-weight(semibold);
+  }
+}
+
+.text-2xl,
+.text-2xl-semibold {
+  font-size: 1.5rem;
+  line-height: 31px;
+
+  &.text-2xl-semibold {
+    font-weight: font-weight(semibold);
+  }
+}
+
+.text-3x,
+.text-3xl-semibold {
+  font-size: 1.875rem;
+  line-height: 39px;
+
+  &.text-3xl-semibold {
+    font-weight: font-weight(semibold);
+  }
+}
+
+.text-4xl,
+.text-4xl-semibold {
+  font-size: 2.25rem;
+  line-height: 47px;
+
+  &.text-4xl-semibold {
+    font-weight: font-weight(semibold);
+  }
+}
+
+.text-5xl,
+.text-5xl-semibold {
+  font-size: 3rem;
+  line-height: 62px;
+
+  &.text-5xl-semibold {
+    font-weight: font-weight(semibold);
+  }
+}
+
+.text-6xl,
+.text-6xl-semibold {
+  font-size: 4rem;
+  line-height: 83px;
+
+  &.text-6xl-semibold {
+    font-weight: font-weight(semibold);
+  }
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  color: color(dark);
+  font-weight: font-weight(semibold);
+  font-style: normal;
+  margin: 0;
+}
+
+h1 {
+  line-height: 42px;
+  font-size: 32px;
+}
+
+h2 {
+  line-height: 31px;
+  font-size: 24px;
+}
+
+h3 {
+  line-height: 23px;
+  font-size: 18px;
+}
+
+h4 {
+  line-height: 24px;
+  font-size: 16px;
+}
+
+h5 {
+  line-height: 21px;
+  font-size: 14px;
+}
+
+h6 {
+  line-height: 16px;
+  font-size: 12px;
+}
+
+p,
+.text-base,
+.text-base-semibold {
+  font-style: normal;
+  font-weight: font-weight(regular);
+  margin: 0;
+  color: color(medium);
+}
+
+.text-error-base,
+.text-error-xs {
+  color: color(error);
+}
+
+.text-link-base,
+.text-link-sm,
+.text-link-xs {
+  color: color(link);
+  text-decoration-line: underline;
+}

package/src/assets/sass/ads-ui/base/_utilities.scss

@@ -1,104 +1,104 @@
-@use '../abstracts/mixins' as *;
-
-.text-xxs {
-  font-size: 0.625rem;
-}
-
-.text-xs {
-  font-size: 0.75rem;
-}
-
-.text-sm {
-  font-size: 0.875rem;
-}
-
-.text-base {
-  font-size: 1rem;
-}
-
-.text-lg {
-  font-size: 1.125rem;
-}
-
-.text-xl {
-  font-size: 1.25rem;
-}
-
-.text-2xl {
-  font-size: 1.5rem;
-}
-
-.text-3xl {
-  font-size: 1.875rem;
-}
-
-.text-4xl {
-  font-size: 2.25rem;
-}
-
-.text-5xl {
-  font-size: 3rem;
-}
-
-.text-6xl {
-  font-size: 4rem;
-}
-
-.bg-primary {
-  @include background-color(primary);
-}
-
-.bg-success {
-  @include background-color(success);
-}
-
-.bg-warn {
-  @include background-color(error);
-}
-
-.bg-white {
-  @include background-color(white);
-}
-
-.bg-primary:hover,
-.bg-primary:focus {
-  @include background-color(secondary);
-}
-
-.bg-success:hover,
-.bg-success:focus {
-  @include background-color(success-hover);
-}
-
-.bg-warn:hover,
-.bg-warn:focus {
-  @include background-color(error-hover);
-}
-
-.primary {
-  @include color(primary);
-}
-
-.secondary {
-  @include color(secondary);
-}
-
-.dark {
-  @include color(dark);
-}
-
-.black {
-  @include color(black);
-}
-
-.warn {
-  @include color(error);
-}
-
-.medium {
-  @include color(medium);
-}
-
-.full-width {
-  width: 100%;
-}
+@use '../abstracts/mixins' as *;
+
+.text-xxs {
+  font-size: 0.625rem;
+}
+
+.text-xs {
+  font-size: 0.75rem;
+}
+
+.text-sm {
+  font-size: 0.875rem;
+}
+
+.text-base {
+  font-size: 1rem;
+}
+
+.text-lg {
+  font-size: 1.125rem;
+}
+
+.text-xl {
+  font-size: 1.25rem;
+}
+
+.text-2xl {
+  font-size: 1.5rem;
+}
+
+.text-3xl {
+  font-size: 1.875rem;
+}
+
+.text-4xl {
+  font-size: 2.25rem;
+}
+
+.text-5xl {
+  font-size: 3rem;
+}
+
+.text-6xl {
+  font-size: 4rem;
+}
+
+.bg-primary {
+  @include background-color(primary);
+}
+
+.bg-success {
+  @include background-color(success);
+}
+
+.bg-warn {
+  @include background-color(error);
+}
+
+.bg-white {
+  @include background-color(white);
+}
+
+.bg-primary:hover,
+.bg-primary:focus {
+  @include background-color(secondary);
+}
+
+.bg-success:hover,
+.bg-success:focus {
+  @include background-color(success-hover);
+}
+
+.bg-warn:hover,
+.bg-warn:focus {
+  @include background-color(error-hover);
+}
+
+.primary {
+  @include color(primary);
+}
+
+.secondary {
+  @include color(secondary);
+}
+
+.dark {
+  @include color(dark);
+}
+
+.black {
+  @include color(black);
+}
+
+.warn {
+  @include color(error);
+}
+
+.medium {
+  @include color(medium);
+}
+
+.full-width {
+  width: 100%;
+}

package/src/assets/sass/ads-ui/main.scss

@@ -1,8 +1,8 @@
-@forward 'abstracts/functions';
-@forward 'abstracts/mixins';
-@forward 'abstracts/variables';
-@forward 'base/reset';
-@forward 'base/typography';
-@forward 'overrides/angular-material';
-@forward 'themes/ads-palette';
-@forward 'base/utilities';
+@forward 'abstracts/functions';
+@forward 'abstracts/mixins';
+@forward 'abstracts/variables';
+@forward 'base/reset';
+@forward 'base/typography';
+@forward 'overrides/angular-material';
+@forward 'themes/ads-palette';
+@forward 'base/utilities';

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

@@ -1,8 +1,8 @@
-@forward 'angular-material/html';
-@forward 'angular-material/dropdown';
-@forward 'angular-material/snackbar';
-@forward 'angular-material/datetimepicker';
-@forward 'angular-material/tooltip';
-@forward 'angular-material/search-dropdown-modal';
-@forward 'angular-material/mat-list';
-@forward 'angular-material/menu';
+@forward 'angular-material/html';
+@forward 'angular-material/dropdown';
+@forward 'angular-material/snackbar';
+@forward 'angular-material/datetimepicker';
+@forward 'angular-material/tooltip';
+@forward 'angular-material/search-dropdown-modal';
+@forward 'angular-material/mat-list';
+@forward 'angular-material/menu';

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

@@ -1,12 +1,12 @@
-@use '../../abstracts/functions' as *;
-
-.mat-bottom-sheet-container {
-  border-radius: 0 !important;
-  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25) !important;
-  overflow: hidden !important;
-}
-
-.cdk-overlay-dark-backdrop {
-  background-color: color(medium) !important;
-  opacity: 0.5 !important;
-}
+@use '../../abstracts/functions' as *;
+
+.mat-bottom-sheet-container {
+  border-radius: 0 !important;
+  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25) !important;
+  overflow: hidden !important;
+}
+
+.cdk-overlay-dark-backdrop {
+  background-color: color(medium) !important;
+  opacity: 0.5 !important;
+}