From 20fe914898ca94dda3d121fa5dfe6fa0a276c5ab Mon Sep 17 00:00:00 2001
From: Nicolas Pieuchot <nls.pct@laposte.net>
Date: Fri, 5 Jan 2024 10:30:11 +0100
Subject: [PATCH] :lipstick: Enlarging number field, adding size to storybook.

---
 Storybook/components/NumberSelector/NumberSelector.stories.tsx | 2 ++
 src/components/numberField/NumberField.tsx                     | 2 +-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/Storybook/components/NumberSelector/NumberSelector.stories.tsx b/Storybook/components/NumberSelector/NumberSelector.stories.tsx
index 05dddbac..988fbf58 100644
--- a/Storybook/components/NumberSelector/NumberSelector.stories.tsx
+++ b/Storybook/components/NumberSelector/NumberSelector.stories.tsx
@@ -16,6 +16,7 @@ export default {
     argTypes: {
         onValueChange: { action: 'onValueChange' },
         decimal: { control: { type: 'radio' }, options: [true, false] },
+        size: { control: { type: 'radio' }, options: ['m', 's'] },
     },
 
     decorators: [
@@ -43,6 +44,7 @@ const NumberSelectorTester = (args) => {
         <NumberSelector
             showSoftInputOnFocus={args.showSoftInputOnFocus}
             decimal={args.decimal}
+            size={args.size}
             minValue={args.minValue}
             maxValue={args.maxValue}
             minusIcon={args.minusIcon}
diff --git a/src/components/numberField/NumberField.tsx b/src/components/numberField/NumberField.tsx
index 2427aaa7..52ae3079 100644
--- a/src/components/numberField/NumberField.tsx
+++ b/src/components/numberField/NumberField.tsx
@@ -129,7 +129,7 @@ export const NumberField = React.forwardRef<TextInput, NumberFieldProps>(
                     borderColor: borderColor,
 
                     width:
-                        size === 's' ? (decimal ? 63 : 43) : decimal ? 110 : 72,
+                        size === 's' ? (decimal ? 63 : 48) : decimal ? 110 : 72,
 
                     color: textColor,
                     fontStyle: 'normal',