@energycap/components 0.45.1 → 0.45.2-multi-select-component.20260303-0736

package/src/styles/mixins/_text.scss

@@ -1,89 +1,89 @@
-// Text mixins
-@mixin text-title-1 {
-  color: var(--ec-color-primary-dark);
-  font-size: var(--ec-font-size-title);
-  font-weight: var(--ec-font-weight-bold);
-  line-height: 1.2;
-  margin: 0;
-}
-
-@mixin text-title-2 {
-  @include text-title-1;
-  font-weight: var(--ec-font-weight-normal);
-}
-
-@mixin text-heading-1 {
-  color: var(--ec-color-primary-dark);
-  font-size: var(--ec-font-size-body);
-  font-weight: var(--ec-font-weight-bold);
-  line-height: 1.5;
-  margin: 0;
-}
-
-@mixin text-heading-2 {
-  @include text-heading-1;
-  font-weight: var(--ec-font-weight-normal);
-}
-
-@mixin text-heading-3 {
-  color: var(--ec-color-secondary-dark);
-  font-size: var(--ec-font-size-label);
-  font-weight: var(--ec-font-weight-bold);
-  line-height: 1.333333333;
-  margin: 0;
-  text-transform: uppercase;
-}
-
-@mixin text-body-1 {
-  color: var(--ec-color-primary-dark);
-  font-size: var(--ec-font-size);
-  font-weight: var(--ec-font-weight-normal);
-  line-height: 1.285714286;
-  margin: 0;
-}
-
-@mixin text-body-2 {
-  color: var(--ec-color-primary-dark);
-  font-size: var(--ec-font-size-label);
-  font-weight: var(--ec-font-weight-normal);
-  line-height: 1.333333333;
-  margin: 0;
-}
-
-@mixin text-caption-1 {
-  color: var(--ec-color-secondary-dark);
-  font-size: var(--ec-font-size-label);
-  font-weight: var(--ec-font-weight-normal);
-  line-height: 1.333333333;
-  margin: 0;
-}
-
-@mixin text-caption-2 {
-  color: var(--ec-color-secondary-dark);
-  font-size: var(--ec-font-size-tiny);
-  font-weight: var(--ec-font-weight-bold);
-  line-height: 1.6;
-  margin: 0;
-}
-
-@mixin text-display-1 {
-  color: var(--ec-color-primary-dark);
-  font-size: var(--ec-font-size-body);
-  font-weight: var(--ec-font-weight-normal);
-  line-height: 1.25;
-  margin: 0;
-}
-
-@mixin text-link {
-  color: var(--ec-color-link) !important;
-  cursor: pointer;
-
-  &:hover {
-    text-decoration: underline;
-  }
-
-  &:focus {
-    outline: none;
-    text-decoration: underline;
-  }
-}
+// Text mixins
+@mixin text-title-1 {
+  color: var(--ec-color-primary-dark);
+  font-size: var(--ec-font-size-title);
+  font-weight: var(--ec-font-weight-bold);
+  line-height: 1.2;
+  margin: 0;
+}
+
+@mixin text-title-2 {
+  @include text-title-1;
+  font-weight: var(--ec-font-weight-normal);
+}
+
+@mixin text-heading-1 {
+  color: var(--ec-color-primary-dark);
+  font-size: var(--ec-font-size-body);
+  font-weight: var(--ec-font-weight-bold);
+  line-height: 1.5;
+  margin: 0;
+}
+
+@mixin text-heading-2 {
+  @include text-heading-1;
+  font-weight: var(--ec-font-weight-normal);
+}
+
+@mixin text-heading-3 {
+  color: var(--ec-color-secondary-dark);
+  font-size: var(--ec-font-size-label);
+  font-weight: var(--ec-font-weight-bold);
+  line-height: 1.333333333;
+  margin: 0;
+  text-transform: uppercase;
+}
+
+@mixin text-body-1 {
+  color: var(--ec-color-primary-dark);
+  font-size: var(--ec-font-size);
+  font-weight: var(--ec-font-weight-normal);
+  line-height: 1.285714286;
+  margin: 0;
+}
+
+@mixin text-body-2 {
+  color: var(--ec-color-primary-dark);
+  font-size: var(--ec-font-size-label);
+  font-weight: var(--ec-font-weight-normal);
+  line-height: 1.333333333;
+  margin: 0;
+}
+
+@mixin text-caption-1 {
+  color: var(--ec-color-secondary-dark);
+  font-size: var(--ec-font-size-label);
+  font-weight: var(--ec-font-weight-normal);
+  line-height: 1.333333333;
+  margin: 0;
+}
+
+@mixin text-caption-2 {
+  color: var(--ec-color-secondary-dark);
+  font-size: var(--ec-font-size-tiny);
+  font-weight: var(--ec-font-weight-bold);
+  line-height: 1.6;
+  margin: 0;
+}
+
+@mixin text-display-1 {
+  color: var(--ec-color-primary-dark);
+  font-size: var(--ec-font-size-body);
+  font-weight: var(--ec-font-weight-normal);
+  line-height: 1.25;
+  margin: 0;
+}
+
+@mixin text-link {
+  color: var(--ec-color-link) !important;
+  cursor: pointer;
+
+  &:hover {
+    text-decoration: underline;
+  }
+
+  &:focus {
+    outline: none;
+    text-decoration: underline;
+  }
+}

package/src/styles/mixins.scss

@@ -1,15 +1,15 @@
-// Component base mixins imported here so they are availabe to consumers
-// of the component library
-@import 'mixins/common';
-@import 'mixins/button-base';
-@import 'mixins/dialog-base';
-@import 'mixins/form-control-base';
-@import 'mixins/overlay-base';
-@import 'mixins/spinner-base';
-@import 'mixins/tabs-base';
-@import 'mixins/table-base';
-@import 'mixins/resizable-base';
-@import 'mixins/login';
-@import 'mixins/tags-base';
-@import 'mixins/animations';
+// Component base mixins imported here so they are availabe to consumers
+// of the component library
+@import 'mixins/common';
+@import 'mixins/button-base';
+@import 'mixins/dialog-base';
+@import 'mixins/form-control-base';
+@import 'mixins/overlay-base';
+@import 'mixins/spinner-base';
+@import 'mixins/tabs-base';
+@import 'mixins/table-base';
+@import 'mixins/resizable-base';
+@import 'mixins/login';
+@import 'mixins/tags-base';
+@import 'mixins/animations';
 @import 'mixins/card-base';

package/src/styles/utilities/_borders.scss

@@ -1,30 +1,30 @@
-.border-0 {
-  border: 0 !important;
-}
-
-.border-all {
-  border: 1px solid var(--ec-border-color) !important;
-}
-
-.border-all-dark {
-  border: 1px solid var(--ec-border-color-dark) !important;
-}
-
-$sides: (top, bottom, right, left);
-@each $side in $sides {
-  .border-#{$side}-0 {
-    border-#{$side}: 0 !important;
-  }
-
-  .border-#{$side} {
-    border-#{$side}: 1px solid var(--ec-border-color) !important;
-  }
-  
-  .border-#{$side}-dark {
-    border-#{$side}: 1px solid var(--ec-border-color-dark) !important;
-  }
-}
-
-.border-radius-0 {
-  --ec-border-radius: 0;
+.border-0 {
+  border: 0 !important;
+}
+
+.border-all {
+  border: 1px solid var(--ec-border-color) !important;
+}
+
+.border-all-dark {
+  border: 1px solid var(--ec-border-color-dark) !important;
+}
+
+$sides: (top, bottom, right, left);
+@each $side in $sides {
+  .border-#{$side}-0 {
+    border-#{$side}: 0 !important;
+  }
+
+  .border-#{$side} {
+    border-#{$side}: 1px solid var(--ec-border-color) !important;
+  }
+  
+  .border-#{$side}-dark {
+    border-#{$side}: 1px solid var(--ec-border-color-dark) !important;
+  }
+}
+
+.border-radius-0 {
+  --ec-border-radius: 0;
 }

package/src/styles/utilities/_common.scss

@@ -1,49 +1,49 @@
-@import '../mixins/text';
-
-.cursor-pointer {
-  cursor: pointer !important;
-}
-
-.control-group {
-  --ec-border-radius: 0;
-
-  > :first-child {
-    --ec-border-radius: .25rem 0 0 .25rem;
-  }
-
-  > :last-child {
-    --ec-border-radius: 0 .25rem .25rem 0;
-  }
-
-  > :not(:first-child) {
-    margin-left: -1px;
-  }
-}
-
-.control-group-reverse {
-  --ec-border-radius: 0;
-
-  > :last-child {
-    --ec-border-radius: .25rem 0 0 .25rem;
-  }
-
-  > :first-child {
-    --ec-border-radius: 0 .25rem .25rem 0;
-  }
-
-  > :not(:last-child) {
-    margin-left: -1px;
-  }
-}
-
-.popover-content-dark {
-  @include text-body-1;
-  --ec-color-link: var(--ec-color-link-light);
-  background-color: var(--ec-color-gray-8);
-  color: var(--ec-color-primary-light);
-  padding: .375rem .5rem .375rem 1.75rem;
-
-  &.is-right-positioned {
-    padding: .375rem 1.75rem .375rem .5rem;
-  }
-}
+@import '../mixins/text';
+
+.cursor-pointer {
+  cursor: pointer !important;
+}
+
+.control-group {
+  --ec-border-radius: 0;
+
+  > :first-child {
+    --ec-border-radius: .25rem 0 0 .25rem;
+  }
+
+  > :last-child {
+    --ec-border-radius: 0 .25rem .25rem 0;
+  }
+
+  > :not(:first-child) {
+    margin-left: -1px;
+  }
+}
+
+.control-group-reverse {
+  --ec-border-radius: 0;
+
+  > :last-child {
+    --ec-border-radius: .25rem 0 0 .25rem;
+  }
+
+  > :first-child {
+    --ec-border-radius: 0 .25rem .25rem 0;
+  }
+
+  > :not(:last-child) {
+    margin-left: -1px;
+  }
+}
+
+.popover-content-dark {
+  @include text-body-1;
+  --ec-color-link: var(--ec-color-link-light);
+  background-color: var(--ec-color-gray-8);
+  color: var(--ec-color-primary-light);
+  padding: .375rem .5rem .375rem 1.75rem;
+
+  &.is-right-positioned {
+    padding: .375rem 1.75rem .375rem .5rem;
+  }
+}

package/src/styles/utilities/_layout.scss

@@ -1,116 +1,116 @@
-// TODO: implement when bootstrap dependency is replaced
-
-// .d-flex {
-//   display: flex !important;
-// }
-
-// .d-block {
-//   display: block !important;
-// }
-
-// .d-inline {
-//   display: inline !important;
-// }
-
-// .d-inline-block {
-//   display: inline-block !important;
-// }
-
-// .d-inline-flex {
-//   display: inline-flex !important;
-// }
-
-// .d-none {
-//   display: none !important;
-// }
-
-.flex-grow {
-  flex: 1 1 !important;
-  min-height: 0;
-  min-width: 0;
-}
-
-.flex-shrink {
-  flex: none !important;
-}
-
-.flex-shrink-max {
-  flex: 0 1 auto !important;
-  min-height: 0;
-}
-
-// .flex-column {
-//   flex-direction: column !important;
-// }
-
-// .flex-1 {
-//   flex: 1 1 !important;
-// }
-
-// .flex-2 {
-//   flex: 2 2 !important;
-// }
-
-// .flex-3 {
-//   flex: 3 3 !important;
-// }
-
-// .flex-4 {
-//   flex: 4 4 !important;
-// }
-
-// .flex-5 {
-//   flex: 5 5 !important;
-// }
-
-// .flex-6 {
-//   flex: 6 6 !important;
-// }
-
-// .align-items-center {
-//   align-items: center !important;
-// }
-
-// .align-items-baseline {
-//   align-items: baseline !important;
-// }
-
-// .justify-content-center {
-//   justify-content: center !important;  
-// }
-
-// .h-100 {
-//   height: 100% !important;
-// }
-
-// .h-auto {
-//   height: auto !important;
-// }
-
-// .w-100 {
-//   width: 100% !important;
-// }
-
-// .w-auto {
-//   width: auto !important;
-// }
-
-.scroll-y {
-  overflow-y: auto !important;
-}
-
-.position-relative {
-  position: relative !important;
-}
-
-.position-absolute {
-  position: absolute !important;
-}
-
-.position-fixed {
-  position: fixed !important;
-}
-
-.v-align-middle {
-  vertical-align: middle !important;
+// TODO: implement when bootstrap dependency is replaced
+
+// .d-flex {
+//   display: flex !important;
+// }
+
+// .d-block {
+//   display: block !important;
+// }
+
+// .d-inline {
+//   display: inline !important;
+// }
+
+// .d-inline-block {
+//   display: inline-block !important;
+// }
+
+// .d-inline-flex {
+//   display: inline-flex !important;
+// }
+
+// .d-none {
+//   display: none !important;
+// }
+
+.flex-grow {
+  flex: 1 1 !important;
+  min-height: 0;
+  min-width: 0;
+}
+
+.flex-shrink {
+  flex: none !important;
+}
+
+.flex-shrink-max {
+  flex: 0 1 auto !important;
+  min-height: 0;
+}
+
+// .flex-column {
+//   flex-direction: column !important;
+// }
+
+// .flex-1 {
+//   flex: 1 1 !important;
+// }
+
+// .flex-2 {
+//   flex: 2 2 !important;
+// }
+
+// .flex-3 {
+//   flex: 3 3 !important;
+// }
+
+// .flex-4 {
+//   flex: 4 4 !important;
+// }
+
+// .flex-5 {
+//   flex: 5 5 !important;
+// }
+
+// .flex-6 {
+//   flex: 6 6 !important;
+// }
+
+// .align-items-center {
+//   align-items: center !important;
+// }
+
+// .align-items-baseline {
+//   align-items: baseline !important;
+// }
+
+// .justify-content-center {
+//   justify-content: center !important;  
+// }
+
+// .h-100 {
+//   height: 100% !important;
+// }
+
+// .h-auto {
+//   height: auto !important;
+// }
+
+// .w-100 {
+//   width: 100% !important;
+// }
+
+// .w-auto {
+//   width: auto !important;
+// }
+
+.scroll-y {
+  overflow-y: auto !important;
+}
+
+.position-relative {
+  position: relative !important;
+}
+
+.position-absolute {
+  position: absolute !important;
+}
+
+.position-fixed {
+  position: fixed !important;
+}
+
+.v-align-middle {
+  vertical-align: middle !important;
 }