From 374dd0ef27e328d09897230350f13cdd90276e11 Mon Sep 17 00:00:00 2001
From: Barkley <78202031+bar-tay@users.noreply.github.com>
Date: Wed, 19 Jun 2024 14:33:05 +0200
Subject: [PATCH] fix(storybook): checkbox size issue (#1123)

* fix(storybook): checkbox size issue
---
 packages/ui-library/src/components/checkbox/index.css.ts    | 6 +++---
 .../ui-library/src/components/input-field-text/index.ts     | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/ui-library/src/components/checkbox/index.css.ts b/packages/ui-library/src/components/checkbox/index.css.ts
index 3b91e6059..ba75d1f68 100644
--- 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
index f83211c41..1df752fc9 100644
--- 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(