@energycap/components 0.43.4-ECAP-29229-tag-component.20250502-1711 → 0.43.4-ECAP-29229-tag-component.20250505-1018

package/energycap-components.min.css

@@ -17,6 +17,6 @@
  * Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com
  * License - https://fontawesome.com/license (Commercial License)
  * Copyright 2023 Fonticons, Inc.
- */:root,:host{--fa-style-family-classic: "Font Awesome 6 Pro";--fa-font-solid: normal 900 1em/1 "Font Awesome 6 Pro"}@font-face{font-family:"Font Awesome 6 Pro";font-style:normal;font-weight:900;font-display:block;src:url("/assets/webfonts/fa-solid-900.woff2") format("woff2"),url("/assets/webfonts/fa-solid-900.ttf") format("truetype")}.fas,.fa-solid,a[target=_blank]::after{font-weight:900}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(1turn)}}a[target=_blank]::after{font:var(--fa-font-solid);content:"\f08e";margin-left:.125rem;opacity:.5}a[target=_blank].is-map-link::after{content:"\f3c5"}a[target=_blank].is-file-link::after{content:"\f56d"}a[target=_blank].is-image-link::after{content:"\f1c5"}.hide-external-link-icon[target=_blank]::after,.hide-external-link-icon [target=_blank]::after{content:"" !important}.tag{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;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:var(--ec-color-gray-1);border:2px solid var(--ec-color-gray-4);display:inline-flex;align-items:center;border-radius:calc(var(--ec-border-radius, 0.25rem)*3);height:1.5rem;line-height:1.25rem;padding:0 var(--ec-tag-padding-x, 0.4375rem);vertical-align:top}.tag>.ec-icon:first-child{margin-right:.1875rem}.tag .ec-icon{display:flex;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;width:auto;height:auto;min-width:1em;justify-content:center}.tag.is-inverted{background-color:var(--ec-background-color);border-color:var(--ec-background-color)}.tag.is-info{background-color:var(--ec-color-cobalt-1);border-color:var(--ec-color-info)}.tag.is-info>.ec-icon:first-child{color:var(--ec-color-info)}.tag.is-success{background-color:var(--ec-color-green-1);border-color:var(--ec-color-success)}.tag.is-success>.ec-icon:first-child{color:var(--ec-color-success)}.tag.is-warning{background-color:var(--ec-color-yellow-1);border-color:var(--ec-color-caution)}.tag.is-warning>.ec-icon:first-child{color:var(--ec-color-caution)}.tag.is-danger{background-color:var(--ec-color-red-1);border-color:var(--ec-color-danger)}.tag.is-danger>.ec-icon:first-child{color:var(--ec-color-danger)}.tag.is-accent{background-color:var(--ec-color-purple-1);border-color:var(--ec-color-accent)}.tag.is-accent>.ec-icon:first-child{color:var(--ec-color-accent)}.tag.is-chargeback{background-color:var(--ec-color-orange-1);border-color:var(--ec-color-orange-7)}.tag.is-chargeback>.ec-icon:first-child{color:var(--ec-color-orange-7)}.tag.is-accrual{background-color:var(--ec-color-aqua-1);border-color:var(--ec-color-aqua-5)}.tag.is-accrual>.ec-icon:first-child{color:var(--ec-color-aqua-5)}.tag.is-system{background-color:var(--ec-color-gray-1);border-color:var(--ec-color-gray-4)}.tag.is-system>.ec-icon:first-child{color:var(--ec-color-gray-4)}.tag.is-interval{background-color:var(--ec-color-gray-1);border-color:var(--ec-color-brand-black)}.tag.is-interval>.ec-icon:first-child{color:var(--ec-color-brand-black)}.tag.is-condensed{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;--ec-tag-padding-x: 0.25rem;border-radius:var(--ec-border-radius);border-width:1px;height:1.125rem;line-height:1.125rem;min-width:1.125rem;justify-content:center}.tag.is-condensed>.ec-icon:first-child{margin-right:.125rem}.tag a::after{opacity:1;margin-left:.1875rem}.tag-close-btn{background-color:rgba(0,0,0,0);border:0;display:flex;align-items:center;padding:0 .25rem;height:100%;cursor:pointer;position:relative;margin-right:calc(0rem - var(--ec-tag-padding-x, 0.4375rem))}.tag-close-btn:hover,.tag-close-btn:focus{outline:none}.tag-close-btn:hover::before,.tag-close-btn:focus::before{display:block;content:"";position:absolute;left:.125rem;right:.125rem;top:.0625rem;bottom:.0625rem;background-color:rgba(26,26,35,.1);border-radius:.125rem}/*!
+ */:root,:host{--fa-style-family-classic: "Font Awesome 6 Pro";--fa-font-solid: normal 900 1em/1 "Font Awesome 6 Pro"}@font-face{font-family:"Font Awesome 6 Pro";font-style:normal;font-weight:900;font-display:block;src:url("/assets/webfonts/fa-solid-900.woff2") format("woff2"),url("/assets/webfonts/fa-solid-900.ttf") format("truetype")}.fas,.fa-solid,a[target=_blank]::after{font-weight:900}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(1turn)}}a[target=_blank]::after{font:var(--fa-font-solid);content:"\f08e";margin-left:.125rem;opacity:.5}a[target=_blank].is-map-link::after{content:"\f3c5"}a[target=_blank].is-file-link::after{content:"\f56d"}a[target=_blank].is-image-link::after{content:"\f1c5"}.hide-external-link-icon[target=_blank]::after,.hide-external-link-icon [target=_blank]::after{content:"" !important}.tag{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;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:var(--ec-color-gray-1);border:2px solid var(--ec-color-gray-4);display:inline-flex;align-items:center;border-radius:calc(var(--ec-border-radius, 0.25rem)*3);height:1.5rem;line-height:1.25rem;padding:0 var(--ec-tag-padding-x, 0.4375rem);vertical-align:top}.tag>.ec-icon:first-child{margin-right:.1875rem}.tag .ec-icon{display:flex;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;width:auto;height:auto;min-width:1em;justify-content:center}.tag.is-inverted{background-color:var(--ec-background-color);border-color:var(--ec-background-color)}.tag.is-info{background-color:var(--ec-color-cobalt-1);border-color:var(--ec-color-info)}.tag.is-info>.ec-icon:first-child{color:var(--ec-color-info)}.tag.is-success{background-color:var(--ec-color-green-1);border-color:var(--ec-color-success)}.tag.is-success>.ec-icon:first-child{color:var(--ec-color-success)}.tag.is-warning{background-color:var(--ec-color-yellow-1);border-color:var(--ec-color-caution)}.tag.is-warning>.ec-icon:first-child{color:var(--ec-color-caution)}.tag.is-danger{background-color:var(--ec-color-red-1);border-color:var(--ec-color-danger)}.tag.is-danger>.ec-icon:first-child{color:var(--ec-color-danger)}.tag.is-accent{background-color:var(--ec-color-purple-1);border-color:var(--ec-color-accent)}.tag.is-accent>.ec-icon:first-child{color:var(--ec-color-accent)}.tag.is-chargeback{background-color:var(--ec-color-orange-1);border-color:var(--ec-color-orange-7)}.tag.is-chargeback>.ec-icon:first-child{color:var(--ec-color-orange-7)}.tag.is-accrual{background-color:var(--ec-color-aqua-1);border-color:var(--ec-color-aqua-5)}.tag.is-accrual>.ec-icon:first-child{color:var(--ec-color-aqua-5)}.tag.is-system{background-color:var(--ec-color-gray-1);border-color:var(--ec-color-gray-4)}.tag.is-system>.ec-icon:first-child{color:var(--ec-color-gray-4)}.tag.is-interval{background-color:var(--ec-color-gray-1);border-color:var(--ec-color-brand-black)}.tag.is-interval>.ec-icon:first-child{color:var(--ec-color-brand-black)}.tag.is-condensed{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;--ec-tag-padding-x: 0.25rem;border-radius:var(--ec-border-radius);border-width:1px;height:1.125rem;line-height:1rem;min-width:1.125rem;justify-content:center}.tag.is-condensed>.ec-icon:first-child{margin-right:.125rem}.tag a::after{opacity:1;margin-left:.1875rem}.tag-close-btn{background-color:rgba(0,0,0,0);border:0;display:flex;align-items:center;padding:0 .25rem;height:100%;cursor:pointer;position:relative;margin-right:calc(0rem - var(--ec-tag-padding-x, 0.4375rem))}.tag-close-btn:hover,.tag-close-btn:focus{outline:none}.tag-close-btn:hover::before,.tag-close-btn:focus::before{display:block;content:"";position:absolute;left:.125rem;right:.125rem;top:.0625rem;bottom:.0625rem;background-color:rgba(26,26,35,.1);border-radius:.125rem}/*!
 * EnergyCAP Components - Utility Styles
 */.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}.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}.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}.text-title-2{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;font-weight:var(--ec-font-weight-normal)}.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}.text-heading-2,.card-title{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;font-weight:var(--ec-font-weight-normal)}.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}.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}.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}.text-caption-1,.card-footer{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}.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}.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}.text-link{color:var(--ec-color-link) !important;cursor:pointer}.text-link:hover{text-decoration:underline}.text-link:focus{outline:none;text-decoration:underline}.text-left{text-align:left !important}.text-right{text-align:right !important}.text-center{text-align:center !important}.font-weight-bold{font-weight:var(--ec-font-weight-bold) !important}.font-weight-normal{font-weight:var(--ec-font-weight-normal) !important}.font-size-small{font-size:var(--ec-font-size-label) !important}.font-size-medium{font-size:var(--ec-font-size-body) !important}.font-size-base{font-size:var(--ec-font-size) !important}.font-size-large{font-size:var(--ec-font-size-title) !important}.font-color-primary{color:var(--ec-color-primary-dark) !important}.font-color-primary-light{color:var(--ec-color-primary-light) !important}.font-color-secondary{color:var(--ec-color-secondary-dark) !important}.font-color-secondary-light{color:var(--ec-color-secondary-light) !important}.font-color-muted,.font-color-hint{color:var(--ec-color-hint-dark) !important}.font-color-link{color:var(--ec-color-link) !important}.font-color-error{color:var(--ec-color-danger) !important}.font-color-success{color:var(--ec-color-success) !important}.font-color-interactive{color:var(--ec-color-interactive) !important}.font-message{color:var(--ec-color-secondary-dark);font-size:var(--ec-font-size-title)}.font-message-medium{color:var(--ec-color-secondary-dark);font-size:var(--ec-font-size-body)}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-break-all{word-break:break-all}.text-wrap{white-space:normal}.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}.border-top-0{border-top:0 !important}.border-top{border-top:1px solid var(--ec-border-color) !important}.border-top-dark{border-top:1px solid var(--ec-border-color-dark) !important}.border-bottom-0{border-bottom:0 !important}.border-bottom{border-bottom:1px solid var(--ec-border-color) !important}.border-bottom-dark{border-bottom:1px solid var(--ec-border-color-dark) !important}.border-right-0{border-right:0 !important}.border-right{border-right:1px solid var(--ec-border-color) !important}.border-right-dark{border-right:1px solid var(--ec-border-color-dark) !important}.border-left-0{border-left:0 !important}.border-left{border-left:1px solid var(--ec-border-color) !important}.border-left-dark{border-left:1px solid var(--ec-border-color-dark) !important}.border-radius-0{--ec-border-radius: 0}.cursor-pointer{cursor:pointer !important}.control-group{--ec-border-radius: 0}.control-group>:first-child{--ec-border-radius: .25rem 0 0 .25rem}.control-group>:last-child{--ec-border-radius: 0 .25rem .25rem 0}.control-group>:not(:first-child){margin-left:-1px}.control-group-reverse{--ec-border-radius: 0}.control-group-reverse>:last-child{--ec-border-radius: .25rem 0 0 .25rem}.control-group-reverse>:first-child{--ec-border-radius: 0 .25rem .25rem 0}.control-group-reverse>:not(:last-child){margin-left:-1px}.popover-content-dark{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;--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}.popover-content-dark.is-right-positioned{padding:.375rem 1.75rem .375rem .5rem}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@energycap/components",
-  "version": "0.43.4-ECAP-29229-tag-component.20250502-1711",
+  "version": "0.43.4-ECAP-29229-tag-component.20250505-1018",
   "schematics": "./schematics/collection.json",
   "dependencies": {
     "tslib": "^2.0.0"

package/src/styles/mixins/_tags-base.scss

@@ -112,7 +112,7 @@ $tag-colors: (
   border-radius: var(--ec-border-radius);
   border-width: 1px;
   height: 1.125rem;
-  line-height: 1.125rem;
+  line-height: 1rem;
   min-width: 1.125rem;
   justify-content: center;