fix(storybook): checkbox size issue (#1123)

* fix(storybook): checkbox size issue
deven-org · Jun 19, 2024 · 374dd0e · 374dd0e
1 parent e3c94c4
commit 374dd0e
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/packages/ui-library/src/components/checkbox/index.css.ts b/packages/ui-library/src/components/checkbox/index.css.ts
@@ -47,7 +47,7 @@ export const staticStyles = typeSafeNestedCss/* css */ `
           gap: ${checkbox.contentrow.itemspacing.sm};
           
           .visual-checkbox {
-            width: ${checkbox.control.container.size.sm};
+            min-width: ${checkbox.control.container.size.sm};
             height: ${checkbox.control.container.size.sm};
             margin-top: ${checkbox.controlwrapper.paddingtop.sm};
             border-radius: ${checkbox.control.container.borderradius.sm};
@@ -72,7 +72,7 @@ export const staticStyles = typeSafeNestedCss/* css */ `
           gap: ${checkbox.contentrow.itemspacing.md};
 
           .visual-checkbox {
-            width: ${checkbox.control.container.size.md};
+            min-width: ${checkbox.control.container.size.md};
             height: ${checkbox.control.container.size.md};
             margin-top: ${checkbox.controlwrapper.paddingtop.md};
             border-radius: ${checkbox.control.container.borderradius.md};
@@ -97,7 +97,7 @@ export const staticStyles = typeSafeNestedCss/* css */ `
           gap: ${checkbox.contentrow.itemspacing.lg};
 
           .visual-checkbox {
-            width: ${checkbox.control.container.size.lg};
+            min-width: ${checkbox.control.container.size.lg};
             height: ${checkbox.control.container.size.lg};
             margin-top: ${checkbox.controlwrapper.paddingtop.lg};
             border-radius: ${checkbox.control.container.borderradius.lg};

diff --git a/packages/ui-library/src/components/input-field-text/index.ts b/packages/ui-library/src/components/input-field-text/index.ts
@@ -60,7 +60,7 @@ export class BlrInputFieldText extends LitElementCustom {
   @property() pattern?: string;
   @property() hasError?: boolean;
   @property() errorMessage?: string;
-  @property() icon: SizelessIconType = 'blr360';
+  @property() icon?: SizelessIconType = 'blr360';
   @property() hasHint = true;
   @property() hintMessage?: string;
   @property() hintMessageIcon?: SizelessIconType;
@@ -143,7 +143,7 @@ export class BlrInputFieldText extends LitElementCustom {
       [this.theme]: this.theme,
     });
 
-    const iconName: SizelessIconType =
+    const iconName: SizelessIconType | undefined =
       this.type === 'password' ? (this.currentType === 'password' ? 'blrEyeOff' : 'blrEyeOn') : this.icon;
 
     return BlrIconRenderFunction(