ecabs-components 1.1.69 → 1.1.71

package/src/assets/styles/scss/modules/_card.scss

@@ -1,46 +1,46 @@
-.card {
-  border-radius: $border-radius-xl;
-  border: 1px solid var(--color-gray-200);
-  box-shadow: $box-shadow-medium;
-  padding: calc-rem(24px 32px);
-
-  @include  m(inset) {
-    @extend .card;
-
-    border-radius: $border-radius-xl;
-    border-color: var(--color-gray-100);
-    box-shadow: none;
-    background-color: var(--color-gray-50);
-    padding: calc-rem(16px);
-  }
-
-  @include e(header) {
-    padding: calc-rem(0 0 12px 0);
-  }
-
-  @include e(title) {
-    @include fontSize($font-size-base);
-
-    line-height: 1.5;
-    padding-bottom: calc-rem(4px);
-    margin: 0;
-    color: var(--color-brand-dark);
-    font-weight: $font-weight-semibold;
-
-
-    @include m(divider) {
-      margin-top: 0;
-    }
-  }
-
-  @include e(subtitle) {
-    @include fontSize($font-size-sm);
-
-    color: var(--color-gray-500);
-    line-height: 1.5;
-  }
-
-  @include e(content) {
-    padding: calc-rem(20px 0 0 0);
-  }
-}
+.card {
+  border-radius: $border-radius-xl;
+  border: 1px solid var(--color-gray-200);
+  box-shadow: $box-shadow-medium;
+  padding: calc-rem(24px 32px);
+
+  @include  m(inset) {
+    @extend .card;
+
+    border-radius: $border-radius-xl;
+    border-color: var(--color-gray-100);
+    box-shadow: none;
+    background-color: var(--color-gray-50);
+    padding: calc-rem(16px);
+  }
+
+  @include e(header) {
+    padding: calc-rem(0 0 12px 0);
+  }
+
+  @include e(title) {
+    @include fontSize($font-size-base);
+
+    line-height: 1.5;
+    padding-bottom: calc-rem(4px);
+    margin: 0;
+    color: var(--color-brand-dark);
+    font-weight: $font-weight-semibold;
+
+
+    @include m(divider) {
+      margin-top: 0;
+    }
+  }
+
+  @include e(subtitle) {
+    @include fontSize($font-size-sm);
+
+    color: var(--color-gray-500);
+    line-height: 1.5;
+  }
+
+  @include e(content) {
+    padding: calc-rem(20px 0 0 0);
+  }
+}

package/src/assets/styles/scss/modules/_chip.scss

@@ -1,64 +1,64 @@
-.chip {
-  @include fontSize($font-size-base);
-
-  border-radius: $border-radius-base;
-  display: flex;
-  width: fit-content;
-  min-width: calc-rem(56px);
-  padding: calc-rem(8px 12px);
-  align-items: center;
-  justify-content: center;
-  background-color: var(--color-gray-50);
-  color: var(--color-gray-500);
-  font-weight: $font-weight-regular;
-  cursor: pointer;
-
-  &:hover {
-    border-color: var(--color-gray-300);
-  }
-
-  @include e(standard) {
-    width: 7.2rem;
-    max-width: 7.2rem;
-  }
-
-  // #Info
-  @include m(info) {
-    background-color: rgba(var(--color-info-rgb), .06);
-    color: var(--color-info);
-  }
-
-  // #Warn
-  @include m(warn) {
-    background-color: rgba(var(--color-warn-rgb), .06);
-    color: var(--color-warn);
-  }
-
-  // #Danger
-  @include m(danger) {
-    background-color: rgba(var(--color-error-rgb), .06);
-    color: var(--color-error);
-  }
-
-  // #Success
-  @include m(success) {
-    background-color: var(--color-success--opacity);
-    color: var(--color-success);
-  }
-
-  // #Selected
-  @include m(selected) {
-    &, * {
-      color: var(--color-white);
-      border-color: var(--color-brand-light);
-    }
-
-    background-color: var(--color-brand-light);
-  }
-
-  @include m(not-selected) {
-    border: 1px solid var(--color-gray-300);
-    background-color: var(--color-white);
-    color: var(--color-black);
-  }
-}
+.chip {
+  @include fontSize($font-size-base);
+
+  border-radius: $border-radius-base;
+  display: flex;
+  width: fit-content;
+  min-width: calc-rem(56px);
+  padding: calc-rem(8px 12px);
+  align-items: center;
+  justify-content: center;
+  background-color: var(--color-gray-50);
+  color: var(--color-gray-500);
+  font-weight: $font-weight-regular;
+  cursor: pointer;
+
+  &:hover {
+    border-color: var(--color-gray-300);
+  }
+
+  @include e(standard) {
+    width: 7.2rem;
+    max-width: 7.2rem;
+  }
+
+  // #Info
+  @include m(info) {
+    background-color: rgba(var(--color-info-rgb), .06);
+    color: var(--color-info);
+  }
+
+  // #Warn
+  @include m(warn) {
+    background-color: rgba(var(--color-warn-rgb), .06);
+    color: var(--color-warn);
+  }
+
+  // #Danger
+  @include m(danger) {
+    background-color: rgba(var(--color-error-rgb), .06);
+    color: var(--color-error);
+  }
+
+  // #Success
+  @include m(success) {
+    background-color: var(--color-success--opacity);
+    color: var(--color-success);
+  }
+
+  // #Selected
+  @include m(selected) {
+    &, * {
+      color: var(--color-white);
+      border-color: var(--color-brand-light);
+    }
+
+    background-color: var(--color-brand-light);
+  }
+
+  @include m(not-selected) {
+    border: 1px solid var(--color-gray-300);
+    background-color: var(--color-white);
+    color: var(--color-black);
+  }
+}