@salutejs/plasma-new-hope 0.320.1-canary.1893.14259826529.0 → 0.321.0-canary.1872.14258030126.0

package/emotion/es/examples/plasma_b2c/components/Steps/Steps.stories.tsx

@@ -1,14 +1,17 @@
 import React, { useState, useEffect } from 'react';
 import type { ComponentProps } from 'react';
 import type { StoryObj, Meta } from '@storybook/react';
-import { disableProps } from '@salutejs/plasma-sb-utils';
+import { getConfigVariations } from '@salutejs/plasma-sb-utils';
 
 import { IconMic } from '../../../../components/_Icon';
 import { argTypesFromConfig, WithTheme } from '../../../_helpers';
 import { StepItemProps } from '../../../../components/Steps/ui';
 
+import { config } from './Steps.config';
 import { Steps, mergedConfig } from './Steps';
 
+const { views, sizes } = getConfigVariations(config);
+
 const meta: Meta<typeof Steps> = {
     title: 'b2c/Navigation/Steps',
     decorators: [WithTheme],
@@ -133,9 +136,11 @@ const DefaultStory = (args) => {
 
 export const Default: Story = {
     args: {
+        view: 'default',
+        itemView: 'default',
+        size: 'm',
         maxWidth: '100%',
         quantity: 6,
-        size: 'm',
         title: 'Title',
         content: 'Content',
         contentAlign: 'left',
@@ -153,10 +158,22 @@ export const Default: Story = {
                 type: 'text',
             },
         },
+        view: {
+            options: views,
+            control: {
+                type: 'select',
+            },
+        },
+        itemView: {
+            options: ['default', 'negative', 'warning', 'positive'],
+            control: {
+                type: 'select',
+            },
+        },
         size: {
-            options: ['xs', 's', 'm', 'l'],
+            options: sizes,
             control: {
-                type: 'inline-radio',
+                type: 'select',
             },
         },
         orientation: {
@@ -189,7 +206,6 @@ export const Default: Story = {
                 type: 'boolean',
             },
         },
-        ...disableProps(['view']),
     },
     render: (args) => <DefaultStory {...args} />,
 };