@energycap/components 0.45.2-multi-select-component.20260304-1408 → 0.45.2-multi-select-component.20260304-1526

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@energycap/components",
-  "version": "0.45.2-multi-select-component.20260304-1408",
+  "version": "0.45.2-multi-select-component.20260304-1526",
   "schematics": "./schematics/collection.json",
   "dependencies": {
     "tslib": "^2.0.0"

package/src/styles/components/_tag.scss

@@ -3,6 +3,10 @@
 .tag {
   @include tag;
 
+  &.is-subtle {
+    @include tag-subtle;
+  }
+
   &.is-condensed {
     @include tag-condensed;
   }

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

@@ -105,12 +105,16 @@ $tag-colors: (
   }
 }
 
+@mixin tag-subtle {
+  border-radius: var(--ec-border-radius);
+  border-width: 1px;
+}
+
 @mixin tag-condensed {
   @include text-caption-2;
+  @include tag-subtle;
   --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;

package/types/energycap-components.d.ts

@@ -3883,9 +3883,13 @@ declare class TagsComponent implements OnChanges {
      */
     wrap: boolean;
     /**
-     * Displays the tags in condensed mode
+     * Displays the tags in condensed mode. Compact plus smaller font size and padding. This is useful for displaying tags in a table or other tight space.
      */
     isCondensed: boolean;
+    /**
+     * Displays the tags with subtle styling (less rounded corners, thinner border)
+     */
+    isSubtle: boolean;
     /** Highlights text found in any of the tags */
     highlightText: string;
     /**
@@ -3910,7 +3914,7 @@ declare class TagsComponent implements OnChanges {
     ngOnChanges(changes: SimpleChanges): void;
     closeTag(tag: Tag): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TagsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TagsComponent, "ec-tags", never, { "id": { "alias": "id"; "required": false; }; "tags": { "alias": "tags"; "required": false; }; "wrap": { "alias": "wrap"; "required": false; }; "isCondensed": { "alias": "isCondensed"; "required": false; }; "highlightText": { "alias": "highlightText"; "required": false; }; }, { "tagClosed": "tagClosed"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TagsComponent, "ec-tags", never, { "id": { "alias": "id"; "required": false; }; "tags": { "alias": "tags"; "required": false; }; "wrap": { "alias": "wrap"; "required": false; }; "isCondensed": { "alias": "isCondensed"; "required": false; }; "isSubtle": { "alias": "isSubtle"; "required": false; }; "highlightText": { "alias": "highlightText"; "required": false; }; }, { "tagClosed": "tagClosed"; }, never, never, false, never>;
 }
 
 declare class FormControlComponent implements OnChanges, AfterViewInit, AfterContentInit {