@truenas/ui-components 0.1.11 → 0.1.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truenas/ui-components",
-  "version": "0.1.11",
+  "version": "0.1.13",
   "publishConfig": {
     "registry": "https://registry.npmjs.org",
     "access": "public"

package/types/truenas-ui-components.d.ts

@@ -264,11 +264,18 @@ declare class TnIconComponent {
      * instead of using the fixed size from the `size` input.
      */
     fullSize: _angular_core.InputSignal<boolean>;
+    /**
+     * Custom size for the icon. Accepts any valid CSS size value (e.g., '64px', '2rem', '3em').
+     * When set, this overrides both the `size` preset and `fullSize` inputs.
+     */
+    customSize: _angular_core.InputSignal<string | undefined>;
     svgContainer: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
     iconResult: _angular_core.WritableSignal<IconResult>;
     private iconRegistry;
     private sanitizer;
     constructor();
+    hostDimension: _angular_core.Signal<string | null>;
+    hostFontSize: _angular_core.Signal<string | null>;
     effectiveAriaLabel: _angular_core.Signal<string>;
     sanitizedContent: _angular_core.Signal<SafeHtml>;
     private resolveIcon;
@@ -277,7 +284,7 @@ declare class TnIconComponent {
     private tryUnicodeIcon;
     private generateTextAbbreviation;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TnIconComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TnIconComponent, "tn-icon", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "library": { "alias": "library"; "required": false; "isSignal": true; }; "fullSize": { "alias": "fullSize"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TnIconComponent, "tn-icon", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "library": { "alias": "library"; "required": false; "isSignal": true; }; "fullSize": { "alias": "fullSize"; "required": false; "isSignal": true; }; "customSize": { "alias": "customSize"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class TnIconButtonComponent {
@@ -1196,6 +1203,32 @@ declare class TnIconHarness extends ComponentHarness {
      * ```
      */
     isFullSize(): Promise<boolean>;
+    /**
+     * Gets the icon custom size.
+     *
+     * @returns Promise resolving to the custom size value, or null if not set.
+     *
+     * @example
+     * ```typescript
+     * const icon = await loader.getHarness(TnIconHarness);
+     * const customSize = await icon.getCustomSize();
+     * expect(customSize).toBe('64px');
+     * ```
+     */
+    getCustomSize(): Promise<string | null>;
+    /**
+     * Checks if the icon is using a custom size.
+     *
+     * @returns Promise resolving to true if a custom size is set, false otherwise.
+     *
+     * @example
+     * ```typescript
+     * const icon = await loader.getHarness(TnIconHarness);
+     * const hasCustomSize = await icon.hasCustomSize();
+     * expect(hasCustomSize).toBe(true);
+     * ```
+     */
+    hasCustomSize(): Promise<boolean>;
     /**
      * Clicks the icon.
      *
@@ -1221,6 +1254,8 @@ interface IconHarnessFilters extends BaseHarnessFilters {
     size?: string;
     /** Filters by full-size mode. */
     fullSize?: boolean;
+    /** Filters by custom size value. */
+    customSize?: string;
 }
 
 /**