@energycap/components 0.45.2-multi-select-component.20260304-2004 → 0.45.2-multi-select-component.20260305-0759

package/src/styles/components/_card.scss

@@ -1,21 +1,21 @@
-@import '../mixins/card-base';
-
-.card {
-  @include card;
-}
-
-.card-header {
-  @include card-header;
-}
-
-.card-title {
-  @include card-title;
-}
-
-.card-footer {
-  @include card-footer;
-}
-
-.card-actions {
-  @include card-actions;
-}
+@import '../mixins/card-base';
+
+.card {
+  @include card;
+}
+
+.card-header {
+  @include card-header;
+}
+
+.card-title {
+  @include card-title;
+}
+
+.card-footer {
+  @include card-footer;
+}
+
+.card-actions {
+  @include card-actions;
+}

package/src/styles/components/_link-icons.scss

@@ -1,38 +1,38 @@
-$fa-font-path: '/assets/webfonts';
-@import '@fortawesome/fontawesome-pro/scss/solid';
-@import '../../../../icons/styles/core';
-
-a[target="_blank"] {
-  &::after {
-    font: var(--fa-font-solid);
-    @extend .fa-solid;
-    content: fa-content('\\' + get-icon-unicode($icons, 'icon-external-link'));
-    margin-left: .125rem;
-    opacity: .5;
-  }
-
-  &.is-map-link {
-    &::after {
-      content: fa-content('\\' + get-icon-unicode($icons, 'icon-map-marker-alt'));
-    }
-  }
-
-  &.is-file-link {
-    &::after {
-      content: fa-content('\\' + get-icon-unicode($icons, 'icon-file-download'));
-    }
-  }
-
-  &.is-image-link {
-    &::after {
-      content: fa-content('\\' + get-icon-unicode($icons, 'icon-file-image'));
-    }
-  }
-}
-
-.hide-external-link-icon {
-  &[target="_blank"]::after,
-  [target="_blank"]::after {
-    content: '' !important;
-  }
+$fa-font-path: '/assets/webfonts';
+@import '@fortawesome/fontawesome-pro/scss/solid';
+@import '../../../../icons/styles/core';
+
+a[target="_blank"] {
+  &::after {
+    font: var(--fa-font-solid);
+    @extend .fa-solid;
+    content: fa-content('\\' + get-icon-unicode($icons, 'icon-external-link'));
+    margin-left: .125rem;
+    opacity: .5;
+  }
+
+  &.is-map-link {
+    &::after {
+      content: fa-content('\\' + get-icon-unicode($icons, 'icon-map-marker-alt'));
+    }
+  }
+
+  &.is-file-link {
+    &::after {
+      content: fa-content('\\' + get-icon-unicode($icons, 'icon-file-download'));
+    }
+  }
+
+  &.is-image-link {
+    &::after {
+      content: fa-content('\\' + get-icon-unicode($icons, 'icon-file-image'));
+    }
+  }
+}
+
+.hide-external-link-icon {
+  &[target="_blank"]::after,
+  [target="_blank"]::after {
+    content: '' !important;
+  }
 }

package/src/styles/components/_splash.scss

@@ -1,188 +1,188 @@
-@import "../mixins/animations";
-
-$icon-size: 120px;
-$icon-border-size: 10px;
-$icon-pulse-scale: 1.2;
-
-@keyframes splash {
-  0% {
-    background-position: left bottom;
-  }
-
-  20% {
-    background-position: left top;
-  }
-
-  40% {
-    background-position: right top;
-  }
-
-  60% {
-    background-position: right bottom;
-  }
-
-  100% {
-    background-position: left bottom;
-  }
-}
-
-@keyframes splash-showIcon {
-  0% {
-    opacity: 1;
-  }
-
-  24.9% {
-    opacity: 1;
-  }
-
-  25% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 0;
-  }
-}
-
-@keyframes splash-pulse {
-
-  0%,
-  100% {
-    transform: scale(1);
-  }
-
-  50% {
-    transform: scale(#{$icon-pulse-scale});
-  }
-}
-
-@keyframes splash-fade {
-
-  0%,
-  100% {
-    opacity: 1;
-  }
-
-  50% {
-    opacity: 0.6;
-  }
-}
-
-.app-splash {
-  position: fixed;
-  z-index: 100;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  background: var(--ec-background-splash);
-  background-size: 110% 110%;
-  transition-property: opacity;
-  transition-duration: .3s;
-  transition-timing-function: ease-out;
-  opacity: 1;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-
-  animation-name: splash;
-  animation-duration: 6s;
-  animation-iteration-count: infinite;
-
-  .splash-loader {
-    width: $icon-size;
-    height: $icon-size;
-    border: $icon-border-size solid #FFF;
-    border-radius: 50%;
-    box-sizing: border-box;
-    position: relative;
-    animation: splash-pulse 1s linear infinite, splash-fade 1s ease-in-out infinite;
-  }
-
-  .splash-icon-wrapper {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    z-index: 2;
-  }
-
-  .splash-icon-wrapper img {
-    position: absolute;
-    filter: brightness(0) invert(1);
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    opacity: 0;
-  }
-
-  /* Electricity, Water, Interval icons */
-  .splash-icon-wrapper img:nth-child(1),
-  .splash-icon-wrapper img:nth-child(2),
-  .splash-icon-wrapper img:nth-child(3) {
-    width: 70px;
-    height: 70px;
-    animation: splash-showIcon 4s linear infinite;
-  }
-
-  .splash-icon-wrapper img:nth-child(1) {
-    animation-delay: 0s;
-  }
-
-  .splash-icon-wrapper img:nth-child(2) {
-    animation-delay: 1s;
-  }
-
-  .splash-icon-wrapper img:nth-child(3) {
-    animation-delay: 2s;
-  }
-
-  /* Seedling icon at 56×56px */
-  .splash-icon-wrapper img:nth-child(4) {
-    width: 56px;
-    height: 56px;
-    animation: splash-showIcon 4s linear infinite;
-    animation-delay: 3s;
-  }
-
-  &.app-loaded {
-    opacity: 0;
-    pointer-events: none;
-  }
-
-  .splash-message-container {
-    position: absolute;
-    top: calc(50% + (#{$icon-size} * #{$icon-pulse-scale} / 2) + (#{$icon-border-size} * #{$icon-pulse-scale}) + 1.5rem);
-    left: 50%;
-    transform: translateX(-50%);
-    color: var(--ec-color-primary-light);
-    text-align: center;
-  }
-
-  .splash-title {
-    font-size: 28px;
-    line-height: 32px;
-    font-weight: 700;
-    margin: 0;
-    width: max-content;
-  }
-
-  .splash-message {
-    position: absolute;
-    font-size: 20px;
-    line-height: 24px;
-    top: 48px;
-    left: 50%;
-    transform: translateX(-50%);
-    margin: 0;
-    width: max-content;
-    transition: opacity 0.3s ease-in-out;
-    opacity: 0;
-
-    &.is-visible {
-      opacity: 1;
-    }
-  }
-}
+@import "../mixins/animations";
+
+$icon-size: 120px;
+$icon-border-size: 10px;
+$icon-pulse-scale: 1.2;
+
+@keyframes splash {
+  0% {
+    background-position: left bottom;
+  }
+
+  20% {
+    background-position: left top;
+  }
+
+  40% {
+    background-position: right top;
+  }
+
+  60% {
+    background-position: right bottom;
+  }
+
+  100% {
+    background-position: left bottom;
+  }
+}
+
+@keyframes splash-showIcon {
+  0% {
+    opacity: 1;
+  }
+
+  24.9% {
+    opacity: 1;
+  }
+
+  25% {
+    opacity: 0;
+  }
+
+  100% {
+    opacity: 0;
+  }
+}
+
+@keyframes splash-pulse {
+
+  0%,
+  100% {
+    transform: scale(1);
+  }
+
+  50% {
+    transform: scale(#{$icon-pulse-scale});
+  }
+}
+
+@keyframes splash-fade {
+
+  0%,
+  100% {
+    opacity: 1;
+  }
+
+  50% {
+    opacity: 0.6;
+  }
+}
+
+.app-splash {
+  position: fixed;
+  z-index: 100;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  background: var(--ec-background-splash);
+  background-size: 110% 110%;
+  transition-property: opacity;
+  transition-duration: .3s;
+  transition-timing-function: ease-out;
+  opacity: 1;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+
+  animation-name: splash;
+  animation-duration: 6s;
+  animation-iteration-count: infinite;
+
+  .splash-loader {
+    width: $icon-size;
+    height: $icon-size;
+    border: $icon-border-size solid #FFF;
+    border-radius: 50%;
+    box-sizing: border-box;
+    position: relative;
+    animation: splash-pulse 1s linear infinite, splash-fade 1s ease-in-out infinite;
+  }
+
+  .splash-icon-wrapper {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 2;
+  }
+
+  .splash-icon-wrapper img {
+    position: absolute;
+    filter: brightness(0) invert(1);
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    opacity: 0;
+  }
+
+  /* Electricity, Water, Interval icons */
+  .splash-icon-wrapper img:nth-child(1),
+  .splash-icon-wrapper img:nth-child(2),
+  .splash-icon-wrapper img:nth-child(3) {
+    width: 70px;
+    height: 70px;
+    animation: splash-showIcon 4s linear infinite;
+  }
+
+  .splash-icon-wrapper img:nth-child(1) {
+    animation-delay: 0s;
+  }
+
+  .splash-icon-wrapper img:nth-child(2) {
+    animation-delay: 1s;
+  }
+
+  .splash-icon-wrapper img:nth-child(3) {
+    animation-delay: 2s;
+  }
+
+  /* Seedling icon at 56×56px */
+  .splash-icon-wrapper img:nth-child(4) {
+    width: 56px;
+    height: 56px;
+    animation: splash-showIcon 4s linear infinite;
+    animation-delay: 3s;
+  }
+
+  &.app-loaded {
+    opacity: 0;
+    pointer-events: none;
+  }
+
+  .splash-message-container {
+    position: absolute;
+    top: calc(50% + (#{$icon-size} * #{$icon-pulse-scale} / 2) + (#{$icon-border-size} * #{$icon-pulse-scale}) + 1.5rem);
+    left: 50%;
+    transform: translateX(-50%);
+    color: var(--ec-color-primary-light);
+    text-align: center;
+  }
+
+  .splash-title {
+    font-size: 28px;
+    line-height: 32px;
+    font-weight: 700;
+    margin: 0;
+    width: max-content;
+  }
+
+  .splash-message {
+    position: absolute;
+    font-size: 20px;
+    line-height: 24px;
+    top: 48px;
+    left: 50%;
+    transform: translateX(-50%);
+    margin: 0;
+    width: max-content;
+    transition: opacity 0.3s ease-in-out;
+    opacity: 0;
+
+    &.is-visible {
+      opacity: 1;
+    }
+  }
+}

package/src/styles/components/_tag.scss

@@ -1,22 +1,22 @@
-@import '../mixins/tags-base';
-
-.tag {
-  @include tag;
-
-  &.is-subtle {
-    @include tag-subtle;
-  }
-
-  &.is-condensed {
-    @include tag-condensed;
-  }
-
-  a::after {
-    opacity: 1;
-    margin-left: .1875rem;
-  }
-}
-
-.tag-close-btn {
-  @include tag-close-btn;
-}
+@import '../mixins/tags-base';
+
+.tag {
+  @include tag;
+
+  &.is-subtle {
+    @include tag-subtle;
+  }
+
+  &.is-condensed {
+    @include tag-condensed;
+  }
+
+  a::after {
+    opacity: 1;
+    margin-left: .1875rem;
+  }
+}
+
+.tag-close-btn {
+  @include tag-close-btn;
+}

package/src/styles/components/_unsupported-browsers.scss

@@ -1,24 +1,24 @@
-@import '../colors';
-
-.unsupported-browser-container {
-  display: flex;
-  position: fixed;
-  z-index: 10000;
-  top: 0;
-  right: 0;
-  left: 0;
-  bottom: 0;
-  align-items: center;
-  background: var(--ec-background-color-splash);
-}
-
-.unsupported-browser {
-  max-width: 25rem;
-  margin: 0 auto;
-  font-size: var(--ec-font-size-title);
-  color: var(--ec-color-primary-light);
-
-  a {
-    color: $blue-1;
-  }
+@import '../colors';
+
+.unsupported-browser-container {
+  display: flex;
+  position: fixed;
+  z-index: 10000;
+  top: 0;
+  right: 0;
+  left: 0;
+  bottom: 0;
+  align-items: center;
+  background: var(--ec-background-color-splash);
+}
+
+.unsupported-browser {
+  max-width: 25rem;
+  margin: 0 auto;
+  font-size: var(--ec-font-size-title);
+  color: var(--ec-color-primary-light);
+
+  a {
+    color: $blue-1;
+  }
 }