@energycap/components 0.44.2-github-actions.20250919-1816 → 0.44.2-github-actions.20250919-1421

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,151 +1,151 @@
-@import "../mixins/animations";
-
-@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;
-  }
-}
-
-
-.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: 120px;
-    height: 120px;
-    border: 10px 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;
-  }
-
-  @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(1.2);
-    }
-  }
-
-  @keyframes splash-fade {
-
-    0%,
-    100% {
-      opacity: 1;
-    }
-
-    50% {
-      opacity: 0.6;
-    }
-  }
-
-  &.app-loaded {
-    opacity: 0;
-    pointer-events: none;
-  }
+@import "../mixins/animations";
+
+@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;
+  }
+}
+
+
+.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: 120px;
+    height: 120px;
+    border: 10px 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;
+  }
+
+  @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(1.2);
+    }
+  }
+
+  @keyframes splash-fade {
+
+    0%,
+    100% {
+      opacity: 1;
+    }
+
+    50% {
+      opacity: 0.6;
+    }
+  }
+
+  &.app-loaded {
+    opacity: 0;
+    pointer-events: none;
+  }
 }

package/src/styles/components/_tag.scss

@@ -1,18 +1,18 @@
-@import '../mixins/tags-base';
-
-.tag {
-  @include tag;
-
-  &.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-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;
+  }
 }