ecabs-components 1.1.69 → 1.1.71

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

@@ -1,134 +1,134 @@
-button,
-a {
-  &.mdc-button {
-    @extend .btn;
-
-    &.btn__group--item,
-    &.btn {
-      @extend .btn__group--item;
-    }
-
-    .mat-icon {
-      color: inherit;
-    }
-  }
-
-  /**
- * #Basic
- */
-  &.mdc-button.mat-mdc-button {
-    @extend .btn--basic;
-  }
-
-  &.mdc-button--outlined {
-    @extend .btn--basic--outline;
-
-    border: 0;
-  }
-
-  &.mdc-button.mat-mdc-button {
-    @extend .btn--basic--link;
-  }
-
-  &.mdc-button.mat-mdc-button:disabled {
-    @extend .btn__disabled--outline;
-
-    &:after {
-      border: 0;
-    }
-  }
-
-  /**
-  * #Primary
-  */
-  &.mdc-button.mat-primary {
-    @extend .btn--primary;
-  }
-
-  &.mdc-button--outlined.mat-primary {
-    @extend .btn--primary--outline;
-
-    border: 0;
-  }
-
-  &.mat-mdc-button.mat-primary {
-    @extend .btn--primary--link;
-  }
-
-  /**
-  * #Secondary
-  */
-
-  &.mdc-button.mat-accent {
-    @extend .btn--secondary;
-  }
-
-  &.mdc-button--outlined.mat-accent {
-    @extend .btn--secondary--outline;
-
-    border: 0;
-  }
-
-  &.mat-mdc-button.mat-accent {
-    @extend .btn--secondary--link;
-  }
-
-  /**
-  * #Warn
-  */
-
-  &.mdc-button.mat-warn {
-    @extend .btn--warn;
-  }
-
-  &.mdc-button--outlined.mat-warn {
-    @extend .btn--warn--outline;
-
-    border: 0;
-  }
-
-  &.mat-mdc-button.mat-warn {
-    @extend .btn--warn--link;
-  }
-
-  /**
- * #Success
- */
-
-  &.mdc-button.mat-success {
-    @extend .btn--success;
-  }
-
-  &.mdc-button--outlined.mat-success {
-    @extend .btn--success--outline;
-
-    border: 0;
-  }
-
-  &.mat-mdc-button.mat-success {
-    @extend .btn--success--link;
-  }
-
-  &.mat-mdc-unelevated-button:disabled {
-    @extend .btn__disabled;
-  }
-
-  &.mat-mdc-outlined-button:disabled {
-    @extend .btn__disabled--outline;
-  }
-
-  .mdc-button__label {
-    @extend .btn__with-icon--wrapper;
-  }
-
-  &.mat-mdc-icon-button {
-    min-width: auto;
-    line-height: 1;
-  }
-}
-
-// ::TODO Will be fixed in upgrade to >17.2.2
-.mat-mdc-unelevated-button.mat-primary,
-.mat-mdc-raised-button.mat-primary {
-  --mdc-filled-button-label-text-color: var(--color-white) !important;
-}
+button,
+a {
+  &.mdc-button {
+    @extend .btn;
+
+    &.btn__group--item,
+    &.btn {
+      @extend .btn__group--item;
+    }
+
+    .mat-icon {
+      color: inherit;
+    }
+  }
+
+  /**
+ * #Basic
+ */
+  &.mdc-button.mat-mdc-button {
+    @extend .btn--basic;
+  }
+
+  &.mdc-button--outlined {
+    @extend .btn--basic--outline;
+
+    border: 0;
+  }
+
+  &.mdc-button.mat-mdc-button {
+    @extend .btn--basic--link;
+  }
+
+  &.mdc-button.mat-mdc-button:disabled {
+    @extend .btn__disabled--outline;
+
+    &:after {
+      border: 0;
+    }
+  }
+
+  /**
+  * #Primary
+  */
+  &.mdc-button.mat-primary {
+    @extend .btn--primary;
+  }
+
+  &.mdc-button--outlined.mat-primary {
+    @extend .btn--primary--outline;
+
+    border: 0;
+  }
+
+  &.mat-mdc-button.mat-primary {
+    @extend .btn--primary--link;
+  }
+
+  /**
+  * #Secondary
+  */
+
+  &.mdc-button.mat-accent {
+    @extend .btn--secondary;
+  }
+
+  &.mdc-button--outlined.mat-accent {
+    @extend .btn--secondary--outline;
+
+    border: 0;
+  }
+
+  &.mat-mdc-button.mat-accent {
+    @extend .btn--secondary--link;
+  }
+
+  /**
+  * #Warn
+  */
+
+  &.mdc-button.mat-warn {
+    @extend .btn--warn;
+  }
+
+  &.mdc-button--outlined.mat-warn {
+    @extend .btn--warn--outline;
+
+    border: 0;
+  }
+
+  &.mat-mdc-button.mat-warn {
+    @extend .btn--warn--link;
+  }
+
+  /**
+ * #Success
+ */
+
+  &.mdc-button.mat-success {
+    @extend .btn--success;
+  }
+
+  &.mdc-button--outlined.mat-success {
+    @extend .btn--success--outline;
+
+    border: 0;
+  }
+
+  &.mat-mdc-button.mat-success {
+    @extend .btn--success--link;
+  }
+
+  &.mat-mdc-unelevated-button:disabled {
+    @extend .btn__disabled;
+  }
+
+  &.mat-mdc-outlined-button:disabled {
+    @extend .btn__disabled--outline;
+  }
+
+  .mdc-button__label {
+    @extend .btn__with-icon--wrapper;
+  }
+
+  &.mat-mdc-icon-button {
+    min-width: auto;
+    line-height: 1;
+  }
+}
+
+// ::TODO Will be fixed in upgrade to >17.2.2
+.mat-mdc-unelevated-button.mat-primary,
+.mat-mdc-raised-button.mat-primary {
+  --mdc-filled-button-label-text-color: var(--color-white) !important;
+}

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

@@ -1,55 +1,55 @@
-.mat-mdc-card {
-  &.mdc-card {
-    @extend .card;
-
-    .mat-mdc-card-header {
-      @extend .card__header;
-
-      .mat-divider {
-        margin-top: 0;
-      }
-    }
-
-    .mat-mdc-card-subtitle {
-      @extend .card__subtitle;
-    }
-
-    .mat-mdc-card-title {
-      @extend .card__title;
-    }
-
-    .mat-mdc-card-content {
-      @extend .card__content;
-    }
-
-    .mat-divider:not(.card__title--divider) {
-      margin-top: calc-rem(24px);
-    }
-
-    .card--inset {
-      .mat-divider {
-        margin-top: 0;
-        border-top-color: var(--color-gray-200);
-        color: var(--color-gray-200);
-      }
-
-      .form-field {
-        margin-bottom: 0;
-      }
-
-      .mdc-button.mat-mdc-button {
-        padding-left: 0;
-        padding-right: 0;
-        padding-bottom: 0;
-        min-width: auto;
-        height: fit-content;
-        min-height: fit-content;
-        line-height: 1;
-
-        .mat-mdc-button-persistent-ripple::before {
-          background-color: transparent;
-        }
-      }
-    }
-  }
-}
+.mat-mdc-card {
+  &.mdc-card {
+    @extend .card;
+
+    .mat-mdc-card-header {
+      @extend .card__header;
+
+      .mat-divider {
+        margin-top: 0;
+      }
+    }
+
+    .mat-mdc-card-subtitle {
+      @extend .card__subtitle;
+    }
+
+    .mat-mdc-card-title {
+      @extend .card__title;
+    }
+
+    .mat-mdc-card-content {
+      @extend .card__content;
+    }
+
+    .mat-divider:not(.card__title--divider) {
+      margin-top: calc-rem(24px);
+    }
+
+    .card--inset {
+      .mat-divider {
+        margin-top: 0;
+        border-top-color: var(--color-gray-200);
+        color: var(--color-gray-200);
+      }
+
+      .form-field {
+        margin-bottom: 0;
+      }
+
+      .mdc-button.mat-mdc-button {
+        padding-left: 0;
+        padding-right: 0;
+        padding-bottom: 0;
+        min-width: auto;
+        height: fit-content;
+        min-height: fit-content;
+        line-height: 1;
+
+        .mat-mdc-button-persistent-ripple::before {
+          background-color: transparent;
+        }
+      }
+    }
+  }
+}