ecabs-components 1.1.70 → 1.1.71

package/src/assets/styles/material/overrides/_tab.scss

@@ -1,41 +1,41 @@
-.mat-mdc-tab-group {
-  @extend .tab-group;
-
-  .mdc-tab {
-    min-width: calc-rem(160px);
-  }
-
-  .mat-mdc-tab-labels {
-    @extend .tab-labels;
-
-    .mdc-tab__text-label {
-      @extend .tab-label;
-      border-bottom: 0;
-    }
-  }
-
-  .mat-mdc-tab-body {
-    margin-top: 1.2rem;
-  }
-}
-
-.mat-mdc-tab-nav-panel {
-  display: block;
-  margin-top: calc-rem(40px);
-}
-
-.mat-mdc-tab-nav-bar {
-  .mat-mdc-tab-link-container::after {
-    @extend %pseudos;
-
-    width: 100%;
-    height: 1px;
-    background: var(--color-gray-300);
-    bottom: 0;
-    z-index: -1;
-  }
-
-  .mat-mdc-tab-link.mdc-tab--active .mdc-tab__text-label {
-    font-weight: $font-weight-medium;
-  }
-}
+.mat-mdc-tab-group {
+  @extend .tab-group;
+
+  .mdc-tab {
+    min-width: calc-rem(160px);
+  }
+
+  .mat-mdc-tab-labels {
+    @extend .tab-labels;
+
+    .mdc-tab__text-label {
+      @extend .tab-label;
+      border-bottom: 0;
+    }
+  }
+
+  .mat-mdc-tab-body {
+    margin-top: 1.2rem;
+  }
+}
+
+.mat-mdc-tab-nav-panel {
+  display: block;
+  margin-top: calc-rem(40px);
+}
+
+.mat-mdc-tab-nav-bar {
+  .mat-mdc-tab-link-container::after {
+    @extend %pseudos;
+
+    width: 100%;
+    height: 1px;
+    background: var(--color-gray-300);
+    bottom: 0;
+    z-index: -1;
+  }
+
+  .mat-mdc-tab-link.mdc-tab--active .mdc-tab__text-label {
+    font-weight: $font-weight-medium;
+  }
+}

package/src/assets/styles/material/overrides/_table.scss

@@ -1,27 +1,27 @@
-.mat-table,
-.mat-mdc-table {
-  &, &.table-ui {
-    @extend .table-ui;
-
-    td.mat-mdc-cell, td.mat-mdc-footer-cell,
-    td.mat-cell, td.mat-footer-cell {
-      padding: .36rem .36rem .36rem 0;
-
-      &:first-of-type {
-        padding-left: calc-rem(14);
-      }
-    }
-
-    mat-icon {
-      @extend .icon;
-    }
-
-    .mat-mdc-table-sticky {
-      top: -1.6rem !important;
-    }
-  }
-
-  &.table-ui__bordered {
-    @extend .table-ui__bordered;
-  }
-}
+.mat-table,
+.mat-mdc-table {
+  &, &.table-ui {
+    @extend .table-ui;
+
+    td.mat-mdc-cell, td.mat-mdc-footer-cell,
+    td.mat-cell, td.mat-footer-cell {
+      padding: .36rem .36rem .36rem 0;
+
+      &:first-of-type {
+        padding-left: calc-rem(14);
+      }
+    }
+
+    mat-icon {
+      @extend .icon;
+    }
+
+    .mat-mdc-table-sticky {
+      top: -1.6rem !important;
+    }
+  }
+
+  &.table-ui__bordered {
+    @extend .table-ui__bordered;
+  }
+}

package/src/assets/styles/material/overrides/_toaster.scss

@@ -1,36 +1,36 @@
-#toast-container {
-  .ngx-toastr {
-    @extend .toaster__body;
-    box-shadow: unset;
-
-    &.toast-success {
-      @extend .success;
-    }
-
-    &.toast-error {
-      @extend .error;
-    }
-
-    &.toast-warning {
-      @extend .warning;
-    }
-
-    &.toast-info {
-      @extend .info;
-    }
-
-    &:hover {
-      box-shadow: unset;
-    }
-
-    .toast-close-button {
-      @extend .close-button;
-
-      span {
-        display: none;
-      }
-    }
-
-    background-image: unset;
-  }
-}
+#toast-container {
+  .ngx-toastr {
+    @extend .toaster__body;
+    box-shadow: unset;
+
+    &.toast-success {
+      @extend .success;
+    }
+
+    &.toast-error {
+      @extend .error;
+    }
+
+    &.toast-warning {
+      @extend .warning;
+    }
+
+    &.toast-info {
+      @extend .info;
+    }
+
+    &:hover {
+      box-shadow: unset;
+    }
+
+    .toast-close-button {
+      @extend .close-button;
+
+      span {
+        display: none;
+      }
+    }
+
+    background-image: unset;
+  }
+}

package/src/assets/styles/material/overrides/_toggle.scss

@@ -1,54 +1,54 @@
-.mat-mdc-slide-toggle {
-  .mat-mdc-slide-toggle-bar {
-    background-color: var(--color-gray-300);
-  }
-
-  &.mat-mdc-slide-toggle-checked.mat-accent {
-    .mdc-switch__shadow .mdc-elevation-overlay {
-      background-color: var(--color-brand-dark);
-    }
-
-    .mdc-switch:enabled .mdc-switch__track::after,
-    .mdc-switch:enabled:hover:not(:focus):not(:active) .mdc-switch__track::after {
-      background-color: rgba(var(--color-brand-dark-rgb), 0.54);
-    }
-  }
-}
-
-.mat-mdc-checkbox {
-  .mdc-checkbox {
-    .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
-      color: var(--color-white);
-    }
-
-    .mdc-checkbox__native-control[disabled]:indeterminate{
-      ~.mdc-checkbox__background {
-        border-color: var(--color-gray-400);
-        background-color: transparent;
-
-        .mdc-checkbox__mixedmark{
-             border-color: var(--color-gray-400);
-            width: 70%;
-        }
-    }
-    }
-  }
-
-//   .mdc-checkbox .mdc-checkbox__native-control[disabled]:indeterminate{
-//     ~.mdc-checkbox__background {
-//         border-color: var(--color-gray-400);
-//         background-color: transparent;
-
-//         .mdc-checkbox__mixedmark{
-//              border-color: var(--color-gray-400);
-//             width: 70%;
-//         }
-//     }
-// }
-}
-
-.ecabs-button-toggle {
-  &.mat-button-toggle-group {
-    border-radius: calc-rem($border-radius-large);
-  }
-}
+.mat-mdc-slide-toggle {
+  .mat-mdc-slide-toggle-bar {
+    background-color: var(--color-gray-300);
+  }
+
+  &.mat-mdc-slide-toggle-checked.mat-accent {
+    .mdc-switch__shadow .mdc-elevation-overlay {
+      background-color: var(--color-brand-dark);
+    }
+
+    .mdc-switch:enabled .mdc-switch__track::after,
+    .mdc-switch:enabled:hover:not(:focus):not(:active) .mdc-switch__track::after {
+      background-color: rgba(var(--color-brand-dark-rgb), 0.54);
+    }
+  }
+}
+
+.mat-mdc-checkbox {
+  .mdc-checkbox {
+    .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
+      color: var(--color-white);
+    }
+
+    .mdc-checkbox__native-control[disabled]:indeterminate{
+      ~.mdc-checkbox__background {
+        border-color: var(--color-gray-400);
+        background-color: transparent;
+
+        .mdc-checkbox__mixedmark{
+             border-color: var(--color-gray-400);
+            width: 70%;
+        }
+    }
+    }
+  }
+
+//   .mdc-checkbox .mdc-checkbox__native-control[disabled]:indeterminate{
+//     ~.mdc-checkbox__background {
+//         border-color: var(--color-gray-400);
+//         background-color: transparent;
+
+//         .mdc-checkbox__mixedmark{
+//              border-color: var(--color-gray-400);
+//             width: 70%;
+//         }
+//     }
+// }
+}
+
+.ecabs-button-toggle {
+  &.mat-button-toggle-group {
+    border-radius: calc-rem($border-radius-large);
+  }
+}

package/src/assets/styles/material/overrides/_toolbar.scss

@@ -1,3 +1,3 @@
-.mat-toolbar.mat-primary {
-  background: none;
-}
+.mat-toolbar.mat-primary {
+  background: none;
+}

package/src/assets/styles/material/overrides/_tooltip.scss

@@ -1,7 +1,7 @@
-.mat-mdc-tooltip.mdc-tooltip {
-  @extend .tooltip;
-
-  .mdc-tooltip__surface {
-    @extend .tooltip--surface;
-  }
-}
+.mat-mdc-tooltip.mdc-tooltip {
+  @extend .tooltip;
+
+  .mdc-tooltip__surface {
+    @extend .tooltip--surface;
+  }
+}

package/src/assets/styles/material/overrides/index.scss

@@ -1,22 +1,22 @@
-@import "autocomplete";
-@import "menu";
-@import 'button';
-@import 'card';
-@import 'chip';
-@import 'datepicker';
-@import 'dialog';
-@import 'divider';
-@import 'expansion';
-@import 'form';
-@import 'icon';
-@import 'paginator';
-@import 'phone';
-@import 'select';
-@import 'tab';
-@import 'table';
-@import 'toaster';
-@import 'toggle';
-@import 'toolbar';
-@import 'tooltip';
-@import "sidebar";
-@import "progress";
+@import "autocomplete";
+@import "menu";
+@import 'button';
+@import 'card';
+@import 'chip';
+@import 'datepicker';
+@import 'dialog';
+@import 'divider';
+@import 'expansion';
+@import 'form';
+@import 'icon';
+@import 'paginator';
+@import 'phone';
+@import 'select';
+@import 'tab';
+@import 'table';
+@import 'toaster';
+@import 'toggle';
+@import 'toolbar';
+@import 'tooltip';
+@import "sidebar";
+@import "progress";

package/src/assets/styles/scss/base/_heading.scss

@@ -1,17 +1,17 @@
-.heading {
-  @include m(xs) {
-    @include fontSize($font-heading-xs);
-  }
-
-  @include m(sm) {
-    @include fontSize($font-heading-sm);
-  }
-
-  @include m(base) {
-    @include fontSize($font-heading-base);
-  }
-
-  @include m(lg) {
-    @include fontSize($font-heading-lg);
-  }
-}
+.heading {
+  @include m(xs) {
+    @include fontSize($font-heading-xs);
+  }
+
+  @include m(sm) {
+    @include fontSize($font-heading-sm);
+  }
+
+  @include m(base) {
+    @include fontSize($font-heading-base);
+  }
+
+  @include m(lg) {
+    @include fontSize($font-heading-lg);
+  }
+}

package/src/assets/styles/scss/base/_normalize.scss

@@ -1,99 +1,99 @@
-* {
-  box-sizing: border-box;
-}
-
-html {
-  font-family: $font-family-fallback;
-
-  &.wf-active {
-    font-family: $font-family-primary;
-  }
-}
-
-html,
-body {
-  height: 100%;
-  color: var(--color-black);
-
-  a {
-    color: var(--color-brand-light);
-    text-decoration: none;
-    cursor: pointer;
-
-    &:hover {
-      color: var(--color-brand-dark);
-    }
-  }
-}
-
-ul, ol {
-  list-style-type: none;
-  margin: 0;
-  padding: 0;
-}
-
-::-webkit-scrollbar {
-  width: calc-rem(8px);
-}
-
-::-webkit-scrollbar-track,
-::-webkit-scrollbar-thumb {
-  border-radius: $border-radius-base;
-}
-
-::-webkit-scrollbar-track {
-  background: transparent;
-}
-
-::-webkit-scrollbar-thumb {
-  background: var(--color-gray-300);
-}
-
-::-webkit-scrollbar-thumb:hover {
-  background: var(--color-gray-400);
-}
-
-:focus-visible {
-  outline-color: inherit;
-  outline-width: inherit;
-}
-
-input::placeholder {
-  @include fontSize($font-size-md);
-  overflow: visible;
-}
-
-h1 {
-  @include fontSize($font-heading-lg);
-}
-
-h2 {
-  @include fontSize($font-heading-base);
-}
-
-h3 {
-  @include fontSize($font-heading-md);
-}
-
-h4 {
-  @include fontSize($font-heading-sm);
-}
-
-h5 {
-  @include fontSize($font-heading-xs);
-}
-
-.mat-body p,
-.mat-body-1 p,
-.mat-typography p {
-  margin: inherit;
-}
-
-fieldset:disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-
-  * {
-    pointer-events: none;
-  }
-}
+* {
+  box-sizing: border-box;
+}
+
+html {
+  font-family: $font-family-fallback;
+
+  &.wf-active {
+    font-family: $font-family-primary;
+  }
+}
+
+html,
+body {
+  height: 100%;
+  color: var(--color-black);
+
+  a {
+    color: var(--color-brand-light);
+    text-decoration: none;
+    cursor: pointer;
+
+    &:hover {
+      color: var(--color-brand-dark);
+    }
+  }
+}
+
+ul, ol {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+}
+
+::-webkit-scrollbar {
+  width: calc-rem(8px);
+}
+
+::-webkit-scrollbar-track,
+::-webkit-scrollbar-thumb {
+  border-radius: $border-radius-base;
+}
+
+::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+::-webkit-scrollbar-thumb {
+  background: var(--color-gray-300);
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: var(--color-gray-400);
+}
+
+:focus-visible {
+  outline-color: inherit;
+  outline-width: inherit;
+}
+
+input::placeholder {
+  @include fontSize($font-size-md);
+  overflow: visible;
+}
+
+h1 {
+  @include fontSize($font-heading-lg);
+}
+
+h2 {
+  @include fontSize($font-heading-base);
+}
+
+h3 {
+  @include fontSize($font-heading-md);
+}
+
+h4 {
+  @include fontSize($font-heading-sm);
+}
+
+h5 {
+  @include fontSize($font-heading-xs);
+}
+
+.mat-body p,
+.mat-body-1 p,
+.mat-typography p {
+  margin: inherit;
+}
+
+fieldset:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+
+  * {
+    pointer-events: none;
+  }
+}

package/src/assets/styles/scss/base/index.scss

@@ -1,2 +1,2 @@
-@import "normalize";
-@import "heading";
+@import "normalize";
+@import "heading";