Add new maxTruncated prop to stepperNumber

Author: Kubit

src/components/stepperNumber/stepperNumberStandAlone.tsx

@@ -113,6 +113,7 @@ const StepperNumberStandAloneComponent = (
                     <Text
                       component={TextComponentType.SPAN}
                       customTypography={props.styles?.[step.state]?.stepName}
+                      maxTruncatedLines={props.stepMaxTruncatedLines}
                     >
                       {step.name}
                     </Text>

src/components/stepperNumber/stories/argtypes.ts

@@ -72,6 +72,17 @@ export const argtypes = (variants: IThemeObjectVariants, themeSelected: string):
         category: CATEGORY_CONTROL.CONTENT,
       },
     },
+    stepMaxTruncatedLines: {
+      description: 'Indicates the maximum lines for the step name',
+      control: { type: 'number' },
+      type: { name: 'number' },
+      table: {
+        type: {
+          summary: 'number',
+        },
+        category: CATEGORY_CONTROL.MODIFIERS,
+      },
+    },
     currentStep: {
       description: 'Father current step',
       control: { type: 'number' },

src/components/stepperNumber/types/stepperNumber.ts

@@ -25,6 +25,7 @@ export interface IStepperNumberStandAlone {
   horizontalOrientationWidth?: string;
   completedStepIcon?: IElementOrIcon;
   steps?: string[];
+  stepMaxTruncatedLines?: number;
   currentStep?: number;
   ['aria-label']?: string;
   /**