@energycap/components 0.46.1 → 0.46.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@energycap/components",
-  "version": "0.46.1",
+  "version": "0.46.2",
   "schematics": "./schematics/collection.json",
   "dependencies": {
     "tslib": "^2.0.0"

package/src/styles/mixins/_form-control-base.scss

@@ -545,6 +545,7 @@ $checkbox-indicator-size: $form-control-icon-size;
     cursor: pointer;
     display: flex;
     flex: 1 1 0%;
+    gap: 0.25rem;
     justify-content: center;
     line-height: 1.1em;
     margin-bottom: 0;
@@ -557,6 +558,10 @@ $checkbox-indicator-size: $form-control-icon-size;
     .ec-icon {
       color: inherit;
     }
+
+    &.is-selected {
+      color: var(--ec-color-interactive);
+    }
   }
 
   a {

package/types/energycap-components.d.ts

@@ -3361,6 +3361,12 @@ declare class RadioButtonComponent extends FormControlBase implements AfterViewI
      * @default 'row'
      */
     direction?: RadioButtonDirection;
+    /**
+     * When true, only icons are displayed in toggle options — labels are hidden even if present on the option.
+     * Only applies when type is 'toggle'.
+     * @default false
+     */
+    iconOnly: boolean;
     /**
     * The name of the radio input element used to group radio elements
     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio
@@ -3380,7 +3386,7 @@ declare class RadioButtonComponent extends FormControlBase implements AfterViewI
     ngOnInit(): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RadioButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RadioButtonComponent, "ec-radiobutton", never, { "type": { "alias": "type"; "required": false; }; "options": { "alias": "options"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "name": { "alias": "name"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RadioButtonComponent, "ec-radiobutton", never, { "type": { "alias": "type"; "required": false; }; "options": { "alias": "options"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "iconOnly": { "alias": "iconOnly"; "required": false; }; "name": { "alias": "name"; "required": false; }; }, {}, never, never, false, never>;
 }
 
 interface ClickableElement {