@momo-kits/step 0.102.3-beta.6 → 0.102.3-beta.7

package/StepsHorizontal.tsx

@@ -20,7 +20,7 @@ const StepsHorizontal: FC<StepsProps> = ({
 }) => {
   const renderStepItem = (item: Step, index: number) => {
     const {title, description, error, time} = item;
-    let typoStyle = getStepTypo(activeIndex, index, error, size);
+    let typoStyle = getStepTypo(activeIndex, index, error, size, 'horizontal');
     const {theme} = useContext(ApplicationContext);
     let alignItems: FlexAlignType = 'center';
     let textAlign: TextAlign = 'center';

package/StepsVertical.tsx

@@ -18,7 +18,7 @@ const StepsVertical: FC<StepsProps> = ({
     const {error, description, title, time} = item;
 
     const stepStyle = getStepColor(activeIndex, index, error, steps.length);
-    const typoStyle = getStepTypo(activeIndex, index, error, size);
+    const typoStyle = getStepTypo(activeIndex, index, error, size, 'vertical');
 
     const {backgroundColor, borderColor} = stepStyle;
     const lineColor =

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@momo-kits/step",
-    "version": "0.102.3-beta.6",
+    "version": "0.102.3-beta.7",
     "private": false,
     "main": "index.tsx",
     "dependencies": {},

package/utils.ts

@@ -11,7 +11,8 @@ export const getStepTypo = (
   activeIndex: number,
   currentIndex: number,
   error?: boolean,
-  size?: 'small' | 'large'
+  size?: 'small' | 'large',
+  stepType?: 'vertical' | 'horizontal'
 ) => {
   const {theme} = useContext(ApplicationContext);
 
@@ -47,7 +48,12 @@ export const getStepTypo = (
     }
 
     case 'completed': {
-      title.typography = 'header_xs_semibold';
+      if (
+        stepType === 'horizontal' ||
+        (stepType === 'vertical' && size === 'small')
+      ) {
+        title.typography = 'description_default_regular';
+      } else title.typography = 'body_default_regular';
       break;
     }