@itcase/ui-web 1.9.104 → 1.9.106

package/dist/types/components/Dadata/__test__/DadataTest.stories.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as storybookTest from 'storybook/test';
+import { Dadata } from '..';
+const API_KEY = '631e9ca014c643358378e2bae8c9a0e0aa23ad4f';
+const meta = {
+    title: 'Molecules / Dadata / __test__',
+    component: Dadata,
+    args: {
+        dataTestId: 'dadataTestId',
+        inputProps: {
+            placeholder: 'Введите название организации',
+        },
+        meta: {
+            error: {
+                key: 'error',
+            },
+            active: false,
+            touched: false,
+        },
+        token: API_KEY,
+    },
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['test'],
+};
+export default meta;
+export const InputValues = {
+    play: async ({ canvas, step }) => {
+        const dadataInput = canvas.getByRole('textbox');
+        await step('Dadata renders', async () => {
+            await storybookTest.expect(dadataInput).toBeInTheDocument();
+        });
+        await step('Dadata get a value in input', async () => {
+            await storybookTest.userEvent.type(dadataInput, 'ООО');
+        });
+    },
+    render: (args) => _jsx(Dadata, { ...args }),
+};

package/dist/types/components/DatePeriod/DatePeriod.appearance.d.ts

@@ -8,24 +8,24 @@ declare const datePeriodAppearance: {
         shape: "rounded";
     };
     roundedXL: {
-        chipsShape: "rounded";
-        selectShape: "rounded";
-        shape: "rounded";
+        chipsShape: "roundedXL";
+        selectShape: "roundedXL";
+        shape: "roundedXL";
     };
     roundedL: {
-        chipsShape: "rounded";
-        selectShape: "rounded";
-        shape: "rounded";
+        chipsShape: "roundedL";
+        selectShape: "roundedL";
+        shape: "roundedL";
     };
     roundedM: {
-        chipsShape: "rounded";
-        selectShape: "rounded";
-        shape: "rounded";
+        chipsShape: "roundedM";
+        selectShape: "roundedM";
+        shape: "roundedM";
     };
     roundedS: {
-        chipsShape: "rounded";
-        selectShape: "rounded";
-        shape: "rounded";
+        chipsShape: "roundedS";
+        selectShape: "roundedS";
+        shape: "roundedS";
     };
     sizeL: {
         size: "l";
@@ -50,17 +50,17 @@ declare const datePeriodAppearance: {
     };
     surfacePrimary: {
         fill: "surfacePrimary";
-        chipsAppearance: "surfacePrimary ghost";
-        datePickerAppearance: "surfacePrimary";
-        datePickerInputAppearance: "defaultPrimary";
-        selectAppearance: "defaultPrimary solid";
+        chipsAppearance: "surfacePrimary sizeM ghost rounded";
+        datePickerAppearance: "surfacePrimary sizeM solid rounded";
+        datePickerInputAppearance: "defaultPrimary sizeM solid rounded";
+        selectAppearance: "defaultPrimary sizeM solid rounded";
     };
     surfaceSecondary: {
         fill: "surfaceSecondary";
-        chipsAppearance: "surfacePrimary ghost";
-        datePickerAppearance: "surfacePrimary";
-        datePickerInputAppearance: "defaultPrimary";
-        selectAppearance: "defaultPrimary solid";
+        chipsAppearance: "surfacePrimary sizeM ghost rounded";
+        datePickerAppearance: "surfacePrimary sizeM solid rounded";
+        datePickerInputAppearance: "defaultPrimary sizeM solid rounded";
+        selectAppearance: "defaultPrimary sizeM solid rounded";
     };
 };
 export { datePeriodAppearance };

package/dist/types/components/DatePeriod/__test__/DatePeriodTest.stories.d.ts

@@ -0,0 +1,17 @@
+import type { StoryObj } from '@storybook/react-vite';
+import { DatePeriod } from '../DatePeriod';
+declare const meta: {
+    title: string;
+    component: typeof DatePeriod;
+    args: {
+        appearance: "surfaceSecondary sizeL solid rounded";
+        dataTestId: string;
+    };
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const ChangeChips: Story;
+export declare const ChangeDate: Story;

package/dist/types/components/DatePeriod/__test__/DatePeriodTest.stories.js

@@ -0,0 +1,72 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useState } from 'react';
+import * as storybookTest from 'storybook/test';
+import { DATE_PERIOD_INTERVALS } from '@itcase/common';
+import { DatePeriod } from '../DatePeriod';
+const meta = {
+    title: 'Molecules / DatePeriod / __test__',
+    component: DatePeriod,
+    args: {
+        appearance: 'surfaceSecondary sizeL solid rounded',
+        dataTestId: 'datePeriodTestId',
+    },
+    parameters: {
+        layout: 'centered',
+    },
+};
+export default meta;
+const Component = (args) => {
+    const [startDatePickerPeriod, setStartDatePickerPeriod] = useState(DATE_PERIOD_INTERVALS.today.dateIntervalsList[0]);
+    const [endDatePickerPeriod, setEndDatePickerPeriod] = useState(DATE_PERIOD_INTERVALS.today.dateIntervalsList[1]);
+    const onChangeDatePeriod = useCallback((start, end) => {
+        setStartDatePickerPeriod(start ? new Date(start).toISOString() : start);
+        setEndDatePickerPeriod(end ? new Date(end).toISOString() : end);
+    }, []);
+    return (_jsx(DatePeriod, { ...args, appearance: "surfaceSecondary sizeL solid rounded", datePeriodValueEnd: endDatePickerPeriod, datePeriodValueStart: startDatePickerPeriod, monthsShown: 2, onChangeDatePeriod: onChangeDatePeriod }));
+};
+export const ChangeChips = {
+    play: async ({ args, canvas, step }) => {
+        const datePeriod = canvas.getByTestId(args.dataTestId);
+        const datePeriodChips = datePeriod.querySelector('.date-period__choice');
+        await step('Click on inactive chips make it active', async () => {
+            await storybookTest.expect(datePeriod).toBeInTheDocument();
+            const currentActiveChips = datePeriodChips?.querySelector('.chips_state_active');
+            const newActiveChips = datePeriodChips?.children[1];
+            await step('Click via userEvent', async () => {
+                await storybookTest.userEvent.click(newActiveChips);
+            });
+            await step('Chips changes active item', async () => {
+                await storybookTest
+                    .expect(newActiveChips)
+                    .toHaveClass('chips_state_active');
+                await storybookTest
+                    .expect(currentActiveChips)
+                    .not.toHaveClass('chips_state_active');
+            });
+        });
+    },
+    render: (args) => _jsx(Component, { ...args }),
+};
+export const ChangeDate = {
+    play: async ({ args, canvas, step }) => {
+        const datePeriod = canvas.getByTestId(args.dataTestId);
+        const datePeriodPicker = canvas.getByRole('textbox');
+        await step('Click on date picker allows select a date', async () => {
+            await storybookTest.expect(datePeriod).toBeInTheDocument();
+            await step('Click via userEvent', async () => {
+                await storybookTest.userEvent.click(datePeriodPicker);
+            });
+            await step('DatePicker changes selected table cell', async () => {
+                const tables = canvas.getAllByRole('table');
+                const randomDayOfMonth = Math.floor(Math.random() * 30) + 1;
+                const newSelectedCell = tables[1].querySelectorAll('.react-datepicker__day')[randomDayOfMonth];
+                await storybookTest.userEvent.click(newSelectedCell);
+                const selectedCells = await canvas.findAllByRole('gridcell', {
+                    selected: true,
+                }, { timeout: 500 });
+                await storybookTest.expect(selectedCells.length).toBeGreaterThan(0);
+            });
+        });
+    },
+    render: (args) => _jsx(Component, { ...args }),
+};

package/dist/types/components/DatePeriod/appearance/datePeriodShape.d.ts

@@ -8,24 +8,24 @@ declare const datePeriodAppearanceShape: {
         shape: "rounded";
     };
     roundedXL: {
-        chipsShape: "rounded";
-        selectShape: "rounded";
-        shape: "rounded";
+        chipsShape: "roundedXL";
+        selectShape: "roundedXL";
+        shape: "roundedXL";
     };
     roundedL: {
-        chipsShape: "rounded";
-        selectShape: "rounded";
-        shape: "rounded";
+        chipsShape: "roundedL";
+        selectShape: "roundedL";
+        shape: "roundedL";
     };
     roundedM: {
-        chipsShape: "rounded";
-        selectShape: "rounded";
-        shape: "rounded";
+        chipsShape: "roundedM";
+        selectShape: "roundedM";
+        shape: "roundedM";
     };
     roundedS: {
-        chipsShape: "rounded";
-        selectShape: "rounded";
-        shape: "rounded";
+        chipsShape: "roundedS";
+        selectShape: "roundedS";
+        shape: "roundedS";
     };
 };
 export { datePeriodAppearanceShape };

package/dist/types/components/DatePeriod/appearance/datePeriodShape.js

@@ -8,24 +8,24 @@ const datePeriodAppearanceShape = {
         shape: 'rounded',
     },
     roundedXL: {
-        chipsShape: 'rounded',
-        selectShape: 'rounded',
-        shape: 'rounded',
+        chipsShape: 'roundedXL',
+        selectShape: 'roundedXL',
+        shape: 'roundedXL',
     },
     roundedL: {
-        chipsShape: 'rounded',
-        selectShape: 'rounded',
-        shape: 'rounded',
+        chipsShape: 'roundedL',
+        selectShape: 'roundedL',
+        shape: 'roundedL',
     },
     roundedM: {
-        chipsShape: 'rounded',
-        selectShape: 'rounded',
-        shape: 'rounded',
+        chipsShape: 'roundedM',
+        selectShape: 'roundedM',
+        shape: 'roundedM',
     },
     roundedS: {
-        chipsShape: 'rounded',
-        selectShape: 'rounded',
-        shape: 'rounded',
+        chipsShape: 'roundedS',
+        selectShape: 'roundedS',
+        shape: 'roundedS',
     },
 };
 export { datePeriodAppearanceShape };

package/dist/types/components/DatePeriod/appearance/datePeriodSurface.d.ts

@@ -1,17 +1,17 @@
 declare const datePeriodAppearanceSurface: {
     surfacePrimary: {
         fill: "surfacePrimary";
-        chipsAppearance: "surfacePrimary ghost";
-        datePickerAppearance: "surfacePrimary";
-        datePickerInputAppearance: "defaultPrimary";
-        selectAppearance: "defaultPrimary solid";
+        chipsAppearance: "surfacePrimary sizeM ghost rounded";
+        datePickerAppearance: "surfacePrimary sizeM solid rounded";
+        datePickerInputAppearance: "defaultPrimary sizeM solid rounded";
+        selectAppearance: "defaultPrimary sizeM solid rounded";
     };
     surfaceSecondary: {
         fill: "surfaceSecondary";
-        chipsAppearance: "surfacePrimary ghost";
-        datePickerAppearance: "surfacePrimary";
-        datePickerInputAppearance: "defaultPrimary";
-        selectAppearance: "defaultPrimary solid";
+        chipsAppearance: "surfacePrimary sizeM ghost rounded";
+        datePickerAppearance: "surfacePrimary sizeM solid rounded";
+        datePickerInputAppearance: "defaultPrimary sizeM solid rounded";
+        selectAppearance: "defaultPrimary sizeM solid rounded";
     };
 };
 export { datePeriodAppearanceSurface };

package/dist/types/components/DatePeriod/appearance/datePeriodSurface.js

@@ -1,17 +1,17 @@
 const datePeriodAppearanceSurface = {
     surfacePrimary: {
         fill: 'surfacePrimary',
-        chipsAppearance: 'surfacePrimary ghost',
-        datePickerAppearance: 'surfacePrimary',
-        datePickerInputAppearance: 'defaultPrimary',
-        selectAppearance: 'defaultPrimary solid',
+        chipsAppearance: 'surfacePrimary sizeM ghost rounded',
+        datePickerAppearance: 'surfacePrimary sizeM solid rounded',
+        datePickerInputAppearance: 'defaultPrimary sizeM solid rounded',
+        selectAppearance: 'defaultPrimary sizeM solid rounded',
     },
     surfaceSecondary: {
         fill: 'surfaceSecondary',
-        chipsAppearance: 'surfacePrimary ghost',
-        datePickerAppearance: 'surfacePrimary',
-        datePickerInputAppearance: 'defaultPrimary',
-        selectAppearance: 'defaultPrimary solid',
+        chipsAppearance: 'surfacePrimary sizeM ghost rounded',
+        datePickerAppearance: 'surfacePrimary sizeM solid rounded',
+        datePickerInputAppearance: 'defaultPrimary sizeM solid rounded',
+        selectAppearance: 'defaultPrimary sizeM solid rounded',
     },
 };
 export { datePeriodAppearanceSurface };

package/dist/types/components/DatePeriod/stories/DatePeriodDemo.stories.js

@@ -17,7 +17,7 @@ const Component = (args) => {
         setStartDatePickerPeriod(start ? new Date(start).toISOString() : start);
         setEndDatePickerPeriod(end ? new Date(end).toISOString() : end);
     }, []);
-    return (_jsx(DatePeriod, { ...args, appearance: "surfaceSecondary sizeL rounded", datePeriodValueEnd: endDatePickerPeriod, datePeriodValueStart: startDatePickerPeriod, monthsShown: 2, onChangeDatePeriod: onChangeDatePeriod }));
+    return (_jsx(DatePeriod, { ...args, appearance: "surfaceSecondary sizeL solid rounded", datePeriodValueEnd: endDatePickerPeriod, datePeriodValueStart: startDatePickerPeriod, monthsShown: 2, onChangeDatePeriod: onChangeDatePeriod }));
 };
 export const Demo = {
     render: Component,

package/dist/types/components/DatePeriod/stories/DatePeriodSize.stories.d.ts

@@ -4,7 +4,7 @@ declare const meta: {
     title: string;
     component: typeof DatePeriod;
     args: {
-        appearance: "surfacePrimary sizeL";
+        appearance: "surfacePrimary sizeL solid rounded";
     };
     parameters: {
         layout: string;

package/dist/types/components/DatePeriod/stories/DatePeriodSize.stories.js

@@ -6,7 +6,7 @@ const meta = {
     title: 'Molecules / DatePeriod / Size',
     component: DatePeriod,
     args: {
-        appearance: 'surfacePrimary sizeL',
+        appearance: 'surfacePrimary sizeL solid rounded',
     },
     parameters: {
         layout: 'centered',

package/dist/types/components/DatePicker/stories/DatePicker.stories.js

@@ -14,10 +14,10 @@ export default meta;
 export const Date = {
     args: {
         datePickerProps: {
-            appearance: 'surfacePrimary sizeM',
+            appearance: 'surfacePrimary sizeM solid rounded',
         },
         inputProps: {
-            appearance: 'defaultPrimary sizeM',
+            appearance: 'defaultPrimary sizeM solid rounded',
         },
     },
     render: (args) => {
@@ -27,7 +27,7 @@ export const Date = {
 export const DateTime = {
     args: {
         datePickerProps: {
-            appearance: 'surfacePrimary sizeM',
+            appearance: 'surfacePrimary sizeM solid rounded',
             dateFormat: 'dd-MM-yyyy hh:mm',
             popperPlacement: 'bottom',
             showTimeSelect: true,
@@ -36,7 +36,7 @@ export const DateTime = {
             timeIntervals: 15,
         },
         inputProps: {
-            appearance: 'defaultPrimary sizeM',
+            appearance: 'defaultPrimary sizeM solid rounded',
         },
     },
     render: (args) => {
@@ -47,13 +47,13 @@ export const DateRange = {
     args: {
         width: '360px',
         datePickerProps: {
-            appearance: 'surfacePrimary sizeM',
+            appearance: 'surfacePrimary sizeM solid rounded',
             monthsShown: 2,
             placeholderText: 'Start – End (m/d/yyyy)',
             selectsRange: true,
         },
         inputProps: {
-            appearance: 'defaultPrimary sizeM',
+            appearance: 'defaultPrimary sizeM solid rounded',
         },
     },
     render: (args) => {
@@ -63,7 +63,7 @@ export const DateRange = {
 export const DateWeek = {
     args: {
         datePickerProps: {
-            appearance: 'surfacePrimary sizeM',
+            appearance: 'surfacePrimary sizeM solid rounded',
             dateFormat: 'I неделя',
             monthsShown: 2,
             readOnly: false,
@@ -73,7 +73,7 @@ export const DateWeek = {
             isClearable: false,
         },
         inputProps: {
-            appearance: 'defaultPrimary sizeM',
+            appearance: 'defaultPrimary sizeM solid rounded',
         },
     },
     render: (args) => {

package/dist/types/components/DatePicker/stories/DatePickerClear.stories.js

@@ -14,7 +14,7 @@ export default meta;
 export const ClearIcon = {
     args: {
         datePickerProps: {
-            appearance: 'surfacePrimary sizeM',
+            appearance: 'surfacePrimary sizeM solid rounded',
             readOnly: false,
             isClearable: true,
             onKeyDown: (e) => {
@@ -22,7 +22,7 @@ export const ClearIcon = {
             },
         },
         inputProps: {
-            appearance: 'defaultPrimary sizeM',
+            appearance: 'defaultPrimary sizeM solid rounded',
         },
     },
     render: (args) => {
@@ -33,7 +33,7 @@ export const ClearLabel = {
     args: {
         width: '360px',
         datePickerProps: {
-            appearance: 'surfacePrimary sizeM',
+            appearance: 'surfacePrimary sizeM solid rounded',
             readOnly: false,
             isClearable: true,
             onKeyDown: (e) => {
@@ -41,7 +41,7 @@ export const ClearLabel = {
             },
         },
         inputProps: {
-            appearance: 'defaultPrimary sizeM',
+            appearance: 'defaultPrimary sizeM solid rounded',
         },
     },
     render: (args) => {

package/dist/types/components/DatePicker/stories/DatePickerSize.stories.js

@@ -14,10 +14,10 @@ export default meta;
 export const SizeL = {
     args: {
         datePickerProps: {
-            appearance: 'surfacePrimary sizeM',
+            appearance: 'surfacePrimary sizeM solid rounded',
         },
         inputProps: {
-            appearance: 'defaultPrimary sizeL',
+            appearance: 'defaultPrimary sizeL solid rounded',
         },
     },
     render: (args) => {
@@ -27,10 +27,10 @@ export const SizeL = {
 export const SizeM = {
     args: {
         datePickerProps: {
-            appearance: 'surfacePrimary sizeM',
+            appearance: 'surfacePrimary sizeM solid rounded',
         },
         inputProps: {
-            appearance: 'defaultPrimary sizeM',
+            appearance: 'defaultPrimary sizeM solid rounded',
         },
     },
     render: (args) => {
@@ -40,10 +40,10 @@ export const SizeM = {
 export const SizeS = {
     args: {
         datePickerProps: {
-            appearance: 'surfacePrimary sizeM',
+            appearance: 'surfacePrimary sizeM solid rounded',
         },
         inputProps: {
-            appearance: 'defaultPrimary sizeS',
+            appearance: 'defaultPrimary sizeS solid rounded',
         },
     },
     render: (args) => {

package/dist/types/components/DatePicker/stories/DatePickerStyle.stories.js

@@ -14,10 +14,10 @@ export default meta;
 export const Solid = {
     args: {
         datePickerProps: {
-            appearance: 'surfacePrimary sizeM',
+            appearance: 'surfacePrimary sizeM solid rounded',
         },
         inputProps: {
-            appearance: 'defaultPrimary sizeM solid',
+            appearance: 'defaultPrimary sizeM solid rounded',
         },
     },
     render: (args) => {
@@ -27,10 +27,10 @@ export const Solid = {
 export const Outlined = {
     args: {
         datePickerProps: {
-            appearance: 'surfacePrimary sizeM',
+            appearance: 'surfacePrimary sizeM solid rounded',
         },
         inputProps: {
-            appearance: 'defaultPrimary sizeM outlined',
+            appearance: 'defaultPrimary sizeM outlined rounded',
         },
     },
     render: (args) => {
@@ -40,10 +40,10 @@ export const Outlined = {
 export const Ghost = {
     args: {
         datePickerProps: {
-            appearance: 'surfacePrimary sizeM',
+            appearance: 'surfacePrimary sizeM solid rounded',
         },
         inputProps: {
-            appearance: 'defaultPrimary sizeM ghost',
+            appearance: 'defaultPrimary sizeM ghost rounded',
         },
     },
     render: (args) => {
@@ -53,10 +53,10 @@ export const Ghost = {
 export const Full = {
     args: {
         datePickerProps: {
-            appearance: 'surfacePrimary sizeM',
+            appearance: 'surfacePrimary sizeM solid rounded',
         },
         inputProps: {
-            appearance: 'defaultPrimary sizeM full',
+            appearance: 'defaultPrimary sizeM full rounded',
         },
     },
     render: (args) => {

package/dist/types/components/DatePicker/stories/DatePickerWithButton.stories.js

@@ -15,13 +15,13 @@ export default meta;
 export const Date = {
     args: {
         datePickerProps: {
-            appearance: 'surfacePrimary sizeM',
-            customTimeInput: (_jsx(Button, { appearance: "accentPrimary sizeL rounded", width: "fill", label: "OK" })),
+            appearance: 'surfacePrimary sizeM solid rounded',
+            customTimeInput: (_jsx(Button, { appearance: "accentPrimary sizeL solid rounded", width: "fill", label: "OK" })),
             dateFormat: 'dd-MM-yyyy',
             showTimeInput: true,
         },
         inputProps: {
-            appearance: 'defaultPrimary sizeM',
+            appearance: 'defaultPrimary sizeM solid rounded',
         },
     },
     render: (args) => {
@@ -31,8 +31,8 @@ export const Date = {
 export const DateTime = {
     args: {
         datePickerProps: {
-            appearance: 'surfacePrimary sizeM',
-            customTimeInput: (_jsx(Button, { appearance: "accentPrimary sizeL", width: "fill", label: "OK", shape: "rounded" })),
+            appearance: 'surfacePrimary sizeM solid rounded',
+            customTimeInput: (_jsx(Button, { appearance: "accentPrimary sizeL solid rounded", width: "fill", label: "OK", shape: "rounded" })),
             dateFormat: 'dd-MM-yyyy hh:mm',
             showTimeInput: true,
             showTimeSelect: true,
@@ -41,7 +41,7 @@ export const DateTime = {
             timeIntervals: 15,
         },
         inputProps: {
-            appearance: 'defaultPrimary sizeM',
+            appearance: 'defaultPrimary sizeM solid rounded',
         },
     },
     render: (args) => {
@@ -51,15 +51,15 @@ export const DateTime = {
 export const DateRange = {
     args: {
         datePickerProps: {
-            appearance: 'surfacePrimary sizeM',
-            customTimeInput: (_jsx(Button, { appearance: "accentPrimary sizeL", width: "fill", label: "OK", shape: "rounded" })),
+            appearance: 'surfacePrimary sizeM solid rounded',
+            customTimeInput: (_jsx(Button, { appearance: "accentPrimary sizeL solid rounded", width: "fill", label: "OK", shape: "rounded" })),
             monthsShown: 2,
             placeholderText: 'Start – End (m/d/yyyy)',
             selectsRange: true,
             showTimeInput: true,
         },
         inputProps: {
-            appearance: 'defaultPrimary sizeM',
+            appearance: 'defaultPrimary sizeM solid rounded',
         },
     },
     render: (args) => {

package/dist/types/components/Divider/Divider.interface.d.ts

@@ -2,6 +2,7 @@ import { CSSProperties } from 'react';
 import { AppearanceConfig, AppearanceKeysDefault, BorderColorProps, CompositeAppearanceKeys, DirectionProps, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, ShapeProps, SizeProps } from '@itcase/types-ui';
 import { StyleAttributes } from '@itcase/ui-core/hooks';
 import { TextProps } from 'src/components/Text/Text.interface';
+import type { ComponentGalleryArgs } from 'src/storybook/createComponentGallery';
 type DividerAppearanceProps = {
     borderColor?: BorderColorProps;
     direction?: DirectionProps;
@@ -28,4 +29,6 @@ type DividerProps = DividerAppearanceProps & StyleAttributes & {
 };
 type DividerConfig = AppearanceConfig<AppearanceKeysDefault, DividerAppearanceProps>;
 type DividerAppearance = DividerConfig['appearance'];
-export type { DividerAppearance, DividerConfig, DividerProps };
+type DividerAppearanceKey = NonNullable<DividerProps['appearance']>;
+type DividerGalleryStory = ComponentGalleryArgs & Pick<DividerProps, 'direction' | 'isSkeleton' | 'width'>;
+export type { DividerAppearance, DividerAppearanceKey, DividerConfig, DividerGalleryStory, DividerProps, };

package/dist/types/components/Divider/__test__/DividerTest.stories.d.ts

@@ -0,0 +1,19 @@
+import type { StoryObj } from '@storybook/react-vite';
+import { Divider } from '..';
+declare const meta: {
+    title: string;
+    component: typeof Divider;
+    args: {
+        appearance: "surfaceQuaternary sizeL solid rounded";
+        dataTestId: string;
+        width: "fill";
+    };
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Children: Story;
+export declare const Skeleton: Story;