@foxeltech/angular-ui 0.0.9 → 0.0.10

package/index.d.ts

@@ -521,7 +521,6 @@ declare class InputComponent extends FxComponent<string> implements AfterViewIni
     };
     required: string | boolean;
     disabled: boolean;
-    iconClass?: string;
     suffixIcon?: string;
     class?: any;
     maxlength?: number;
@@ -541,7 +540,7 @@ declare class InputComponent extends FxComponent<string> implements AfterViewIni
     onSuffixClick(): void;
     get displayType(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InputComponent, "fx-ui-input", never, { "label": { "alias": "label"; "required": false; }; "type": { "alias": "type"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "errorMessages": { "alias": "errorMessages"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "iconClass": { "alias": "iconClass"; "required": false; }; "suffixIcon": { "alias": "suffixIcon"; "required": false; }; "class": { "alias": "class"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "validateFn": { "alias": "validateFn"; "required": false; }; }, { "blurred": "blurred"; "focused": "focused"; "suffixClick": "suffixClick"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputComponent, "fx-ui-input", never, { "label": { "alias": "label"; "required": false; }; "type": { "alias": "type"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "errorMessages": { "alias": "errorMessages"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "suffixIcon": { "alias": "suffixIcon"; "required": false; }; "class": { "alias": "class"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "validateFn": { "alias": "validateFn"; "required": false; }; }, { "blurred": "blurred"; "focused": "focused"; "suffixClick": "suffixClick"; }, never, never, false, never>;
 }
 
 declare class SelectComponent extends FxComponent<string | string[]> implements AfterViewInit, OnInit {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@foxeltech/angular-ui",
-  "version": "0.0.9",
+  "version": "0.0.10",
   "license": "MIT",
   "main": "bundles/ui.umd.js",
   "module": "fesm2022/foxeltech-angular-ui.mjs",

package/src/lib/ui/components/input/input.component.html

@@ -33,11 +33,17 @@
         [disabled]="disabled"
       >
         @if (type === 'password') {
-          <i class="material-symbols-outlined text-lg select-none">{{
-            showPassword ? 'visibility_off' : 'visibility'
-          }}</i>
+          <fx-ui-hero-icon
+            [icon]="showPassword ? 'eye-slash' : 'eye'"
+            [size]="18"
+            class="text-text-primary"
+          ></fx-ui-hero-icon>
         } @else if (suffixIcon) {
-          <i [class]="iconClass" class="text-lg select-none">{{ suffixIcon }}</i>
+          <fx-ui-hero-icon
+            [icon]="suffixIcon"
+            [size]="18"
+            class="text-text-primary"
+          ></fx-ui-hero-icon>
         }
       </button>
     }