@vtx-ui/react 0.0.1-beta.3 → 0.0.1-beta.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +1 -1
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +1 -1
- package/dist/index.esm.js.map +1 -1
- package/dist/types/components/AdminHeader/AdminHeader.d.ts +176 -0
- package/dist/types/components/AdminHeader/AdminHeader.examples.d.ts +44 -0
- package/dist/types/components/AdminHeader/AdminHeader.stories.d.ts +53 -0
- package/dist/types/components/AdminHeader/AdminHeader.widgets.stories.d.ts +86 -0
- package/dist/types/components/AdminHeader/index.d.ts +2 -0
- package/dist/types/components/Alert/Alert.d.ts +2 -53
- package/dist/types/components/Avatar/Avatar.d.ts +2 -2
- package/dist/types/components/Badge/Badge.d.ts +2 -32
- package/dist/types/components/Button/Button.d.ts +2 -42
- package/dist/types/components/Card/Card.d.ts +2 -63
- package/dist/types/components/Checkbox/Checkbox.d.ts +2 -59
- package/dist/types/components/CheckboxGroup/CheckboxGroup.d.ts +2 -53
- package/dist/types/components/Chip/Chip.d.ts +2 -32
- package/dist/types/components/Divider/Divider.d.ts +2 -72
- package/dist/types/components/Flex/Flex.d.ts +2 -26
- package/dist/types/components/Grid/Grid.d.ts +2 -77
- package/dist/types/components/Header/Header.d.ts +2 -33
- package/dist/types/components/Input/Input.d.ts +2 -52
- package/dist/types/components/Menu/Menu.d.ts +2 -32
- package/dist/types/components/Modal/Modal.d.ts +4 -73
- package/dist/types/components/MultiSelect/MultiSelect.d.ts +2 -41
- package/dist/types/components/Radio/Radio.d.ts +2 -55
- package/dist/types/components/RadioGroup/RadioGroup.d.ts +2 -57
- package/dist/types/components/Select/Select.d.ts +2 -58
- package/dist/types/components/SideMenu/SideMenu.d.ts +139 -38
- package/dist/types/components/SideMenu/SideMenu.examples.d.ts +17 -0
- package/dist/types/components/SideMenu/index.d.ts +2 -4
- package/dist/types/components/Table/Table.d.ts +2 -58
- package/dist/types/components/Timeline/Timeline.d.ts +34 -0
- package/dist/types/components/Timeline/index.d.ts +2 -0
- package/dist/types/components/Toast/Toast.d.ts +2 -51
- package/dist/types/icons/IconComponents.d.ts +50 -0
- package/dist/types/icons/index.d.ts +1 -0
- package/dist/types/index.d.ts +19 -1
- package/dist/types/stories/components/Accordion.stories.d.ts +11 -0
- package/dist/types/stories/components/Alert.stories.d.ts +9 -0
- package/dist/types/stories/components/Avatar.stories.d.ts +13 -0
- package/dist/types/stories/components/Badge.stories.d.ts +8 -0
- package/dist/types/stories/components/Button.stories.d.ts +9 -0
- package/dist/types/stories/components/Card.stories.d.ts +8 -0
- package/dist/types/stories/components/Checkbox.stories.d.ts +17 -0
- package/dist/types/stories/components/CheckboxGroup.stories.d.ts +13 -0
- package/dist/types/stories/components/Chip.stories.d.ts +22 -0
- package/dist/types/stories/components/Divider.stories.d.ts +15 -0
- package/dist/types/stories/components/Flex.stories.d.ts +14 -0
- package/dist/types/stories/components/Grid.stories.d.ts +11 -0
- package/dist/types/stories/components/Header.stories.d.ts +14 -0
- package/dist/types/stories/components/Input.stories.d.ts +9 -0
- package/dist/types/stories/components/Menu.stories.d.ts +13 -0
- package/dist/types/stories/components/Modal.stories.d.ts +12 -0
- package/dist/types/stories/components/MultiSelect.stories.d.ts +19 -0
- package/dist/types/stories/components/Radio.stories.d.ts +16 -0
- package/dist/types/stories/components/RadioGroup.stories.d.ts +15 -0
- package/dist/types/stories/components/Select.stories.d.ts +17 -0
- package/dist/types/stories/components/SideMenu.stories.d.ts +131 -0
- package/dist/types/stories/components/Table.stories.d.ts +18 -0
- package/dist/types/stories/components/Text.stories.d.ts +18 -0
- package/dist/types/stories/components/Timeline.stories.d.ts +20 -0
- package/dist/types/stories/components/Toast.stories.d.ts +17 -0
- package/dist/types/stories/components/Tooltip.stories.d.ts +20 -0
- package/dist/types/stories/widgets/InfoCard.stories.d.ts +12 -0
- package/dist/types/stories/widgets/InfoListCard.stories.d.ts +19 -0
- package/dist/types/stories/widgets/InfoText.stories.d.ts +30 -0
- package/dist/types/stories/widgets/OrderCard.stories.d.ts +13 -0
- package/dist/types/stories/widgets/OrderConfirmation.stories.d.ts +36 -0
- package/dist/types/stories/widgets/OrderDetails.stories.d.ts +11 -0
- package/dist/types/stories/widgets/ProductCard.stories.d.ts +25 -0
- package/dist/types/widgets/Header/Header.d.ts +252 -0
- package/dist/types/widgets/Header/Header.examples.d.ts +17 -0
- package/dist/types/widgets/Header/Header.megamenu.examples.d.ts +22 -0
- package/dist/types/widgets/Header/Header.stories.d.ts +30 -0
- package/dist/types/widgets/Header/index.d.ts +2 -0
- package/dist/types/widgets/InfoCard/InfoCard.d.ts +40 -0
- package/dist/types/widgets/InfoCard/index.d.ts +1 -0
- package/dist/types/widgets/InfoListCard/InfoListCard.d.ts +40 -0
- package/dist/types/widgets/InfoListCard/index.d.ts +2 -0
- package/dist/types/widgets/InfoText/InfoText.d.ts +144 -0
- package/dist/types/widgets/InfoText/InfoText.examples.d.ts +33 -0
- package/dist/types/widgets/InfoText/index.d.ts +1 -0
- package/dist/types/widgets/OrderCard/OrderCard.d.ts +68 -0
- package/dist/types/widgets/OrderCard/index.d.ts +2 -0
- package/dist/types/widgets/OrderConfirmation/OrderConfirmation.d.ts +82 -0
- package/dist/types/widgets/OrderConfirmation/index.d.ts +3 -0
- package/dist/types/widgets/OrderDetails/OrderDetails.d.ts +88 -0
- package/dist/types/widgets/OrderDetails/index.d.ts +3 -0
- package/dist/types/widgets/ProductCard/ProductCard.d.ts +42 -0
- package/dist/types/widgets/ProductCard/index.d.ts +1 -0
- package/dist/types/widgets/product-card-old/ProductCard.d.ts +12 -0
- package/package.json +72 -59
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Button } from '../../components/Button';
|
|
3
|
+
declare const meta: Meta<typeof Button>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Primary: Story;
|
|
7
|
+
export declare const Secondary: Story;
|
|
8
|
+
export declare const Loading: Story;
|
|
9
|
+
export declare const AllVariants: Story;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Card } from '../../components/Card';
|
|
3
|
+
declare const meta: Meta<typeof Card>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Elevated: Story;
|
|
8
|
+
export declare const Outlined: Story;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Checkbox } from '../../components/Checkbox';
|
|
3
|
+
declare const meta: Meta<typeof Checkbox>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Checked: Story;
|
|
8
|
+
export declare const Indeterminate: Story;
|
|
9
|
+
export declare const Disabled: Story;
|
|
10
|
+
export declare const DisabledChecked: Story;
|
|
11
|
+
export declare const WithHelperText: Story;
|
|
12
|
+
export declare const WithError: Story;
|
|
13
|
+
export declare const Small: Story;
|
|
14
|
+
export declare const Large: Story;
|
|
15
|
+
export declare const Success: Story;
|
|
16
|
+
export declare const Warning: Story;
|
|
17
|
+
export declare const AllSizes: Story;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { CheckboxGroup } from '../../components/CheckboxGroup';
|
|
3
|
+
declare const meta: Meta<typeof CheckboxGroup>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithDefaultValues: Story;
|
|
8
|
+
export declare const Horizontal: Story;
|
|
9
|
+
export declare const Disabled: Story;
|
|
10
|
+
export declare const WithDisabledOptions: Story;
|
|
11
|
+
export declare const WithError: Story;
|
|
12
|
+
export declare const Small: Story;
|
|
13
|
+
export declare const Large: Story;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Chip } from '../../components/Chip';
|
|
3
|
+
declare const meta: Meta<typeof Chip>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Primary: Story;
|
|
8
|
+
export declare const Success: Story;
|
|
9
|
+
export declare const Error: Story;
|
|
10
|
+
export declare const Warning: Story;
|
|
11
|
+
export declare const Info: Story;
|
|
12
|
+
export declare const Outlined: Story;
|
|
13
|
+
export declare const Light: Story;
|
|
14
|
+
export declare const WithIcon: Story;
|
|
15
|
+
export declare const WithAvatar: Story;
|
|
16
|
+
export declare const Deletable: Story;
|
|
17
|
+
export declare const Clickable: Story;
|
|
18
|
+
export declare const Disabled: Story;
|
|
19
|
+
export declare const Small: Story;
|
|
20
|
+
export declare const Large: Story;
|
|
21
|
+
export declare const AllVariants: Story;
|
|
22
|
+
export declare const AllColors: Story;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Divider } from '../../components/Divider';
|
|
3
|
+
declare const meta: Meta<typeof Divider>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithText: Story;
|
|
8
|
+
export declare const LeftAligned: Story;
|
|
9
|
+
export declare const RightAligned: Story;
|
|
10
|
+
export declare const Vertical: Story;
|
|
11
|
+
export declare const VerticalWithText: Story;
|
|
12
|
+
export declare const Inset: Story;
|
|
13
|
+
export declare const Middle: Story;
|
|
14
|
+
export declare const Light: Story;
|
|
15
|
+
export declare const FlexItem: Story;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Flex } from '../../components/Flex';
|
|
3
|
+
declare const meta: Meta<typeof Flex>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Column: Story;
|
|
8
|
+
export declare const Center: Story;
|
|
9
|
+
export declare const SpaceBetween: Story;
|
|
10
|
+
export declare const Wrap: Story;
|
|
11
|
+
export declare const ColumnReverse: Story;
|
|
12
|
+
export declare const AlignStretch: Story;
|
|
13
|
+
export declare const GapVariations: Story;
|
|
14
|
+
export declare const Inline: Story;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Grid } from '../../components/Grid';
|
|
3
|
+
declare const meta: Meta<typeof Grid>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const BasicGrid: Story;
|
|
7
|
+
export declare const ResponsiveGrid: Story;
|
|
8
|
+
export declare const AutoGrid: Story;
|
|
9
|
+
export declare const NestedGrid: Story;
|
|
10
|
+
export declare const DifferentSpacing: Story;
|
|
11
|
+
export declare const CustomBreakpoints: Story;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Header } from '../../components/Header';
|
|
3
|
+
declare const meta: Meta<typeof Header>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithSubtitle: Story;
|
|
8
|
+
export declare const WithActions: Story;
|
|
9
|
+
export declare const WithLogo: Story;
|
|
10
|
+
export declare const WithNavigation: Story;
|
|
11
|
+
export declare const Minimal: Story;
|
|
12
|
+
export declare const Elevated: Story;
|
|
13
|
+
export declare const Sticky: Story;
|
|
14
|
+
export declare const FullFeatured: Story;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Input } from '../../components/Input';
|
|
3
|
+
declare const meta: Meta<typeof Input>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithLabel: Story;
|
|
8
|
+
export declare const WithError: Story;
|
|
9
|
+
export declare const Disabled: Story;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Menu } from '../../components/Menu';
|
|
3
|
+
declare const meta: Meta<typeof Menu>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithSubmenus: Story;
|
|
8
|
+
export declare const HoverTrigger: Story;
|
|
9
|
+
export declare const DifferentPlacements: Story;
|
|
10
|
+
export declare const WithDisabledItems: Story;
|
|
11
|
+
export declare const MinimalVariant: Story;
|
|
12
|
+
export declare const ActiveItems: Story;
|
|
13
|
+
export declare const LongMenu: Story;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Modal } from '../../components/Modal';
|
|
3
|
+
declare const meta: Meta<typeof Modal>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithFooter: Story;
|
|
8
|
+
export declare const Large: Story;
|
|
9
|
+
export declare const Small: Story;
|
|
10
|
+
export declare const NoCloseButton: Story;
|
|
11
|
+
export declare const DangerModal: Story;
|
|
12
|
+
export declare const NonClosableBackdrop: Story;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { MultiSelect } from '../../components/MultiSelect';
|
|
3
|
+
declare const meta: Meta<typeof MultiSelect>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithLabel: Story;
|
|
8
|
+
export declare const WithHelperText: Story;
|
|
9
|
+
export declare const WithDefaultValues: Story;
|
|
10
|
+
export declare const WithError: Story;
|
|
11
|
+
export declare const WithSuccess: Story;
|
|
12
|
+
export declare const Disabled: Story;
|
|
13
|
+
export declare const Small: Story;
|
|
14
|
+
export declare const Large: Story;
|
|
15
|
+
export declare const Grouped: Story;
|
|
16
|
+
export declare const MaxSelection: Story;
|
|
17
|
+
export declare const Searchable: Story;
|
|
18
|
+
export declare const FullWidth: Story;
|
|
19
|
+
export declare const AllSizes: Story;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Radio } from '../../components/Radio';
|
|
3
|
+
declare const meta: Meta<typeof Radio>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Checked: Story;
|
|
8
|
+
export declare const Disabled: Story;
|
|
9
|
+
export declare const DisabledChecked: Story;
|
|
10
|
+
export declare const WithHelperText: Story;
|
|
11
|
+
export declare const WithError: Story;
|
|
12
|
+
export declare const Small: Story;
|
|
13
|
+
export declare const Large: Story;
|
|
14
|
+
export declare const Success: Story;
|
|
15
|
+
export declare const Warning: Story;
|
|
16
|
+
export declare const AllSizes: Story;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { RadioGroup } from '../../components/RadioGroup';
|
|
3
|
+
declare const meta: Meta<typeof RadioGroup>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithDefaultValue: Story;
|
|
8
|
+
export declare const Horizontal: Story;
|
|
9
|
+
export declare const Disabled: Story;
|
|
10
|
+
export declare const WithDisabledOptions: Story;
|
|
11
|
+
export declare const WithError: Story;
|
|
12
|
+
export declare const WithHelperText: Story;
|
|
13
|
+
export declare const Small: Story;
|
|
14
|
+
export declare const Large: Story;
|
|
15
|
+
export declare const LongOptions: Story;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Select } from '../../components/Select';
|
|
3
|
+
declare const meta: Meta<typeof Select>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithLabel: Story;
|
|
8
|
+
export declare const WithHelperText: Story;
|
|
9
|
+
export declare const WithError: Story;
|
|
10
|
+
export declare const WithSuccess: Story;
|
|
11
|
+
export declare const Disabled: Story;
|
|
12
|
+
export declare const DisabledOptions: Story;
|
|
13
|
+
export declare const Small: Story;
|
|
14
|
+
export declare const Large: Story;
|
|
15
|
+
export declare const FullWidth: Story;
|
|
16
|
+
export declare const Grouped: Story;
|
|
17
|
+
export declare const AllSizes: Story;
|
|
@@ -0,0 +1,131 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react';
|
|
2
|
+
import { SideMenuProps } from '../../components/SideMenu/SideMenu';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: import("react").FC<SideMenuProps & import("react").RefAttributes<HTMLElement>>;
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
docs: {
|
|
9
|
+
description: {
|
|
10
|
+
component: string;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
tags: string[];
|
|
15
|
+
argTypes: {
|
|
16
|
+
items: {
|
|
17
|
+
control: "object";
|
|
18
|
+
description: string;
|
|
19
|
+
};
|
|
20
|
+
variant: {
|
|
21
|
+
control: "select";
|
|
22
|
+
options: string[];
|
|
23
|
+
description: string;
|
|
24
|
+
};
|
|
25
|
+
theme: {
|
|
26
|
+
control: "select";
|
|
27
|
+
options: string[];
|
|
28
|
+
description: string;
|
|
29
|
+
};
|
|
30
|
+
position: {
|
|
31
|
+
control: "select";
|
|
32
|
+
options: string[];
|
|
33
|
+
description: string;
|
|
34
|
+
};
|
|
35
|
+
collapsed: {
|
|
36
|
+
control: "boolean";
|
|
37
|
+
description: string;
|
|
38
|
+
};
|
|
39
|
+
elevated: {
|
|
40
|
+
control: "boolean";
|
|
41
|
+
description: string;
|
|
42
|
+
};
|
|
43
|
+
bordered: {
|
|
44
|
+
control: "boolean";
|
|
45
|
+
description: string;
|
|
46
|
+
};
|
|
47
|
+
collapsible: {
|
|
48
|
+
control: "boolean";
|
|
49
|
+
description: string;
|
|
50
|
+
};
|
|
51
|
+
collapseButtonPosition: {
|
|
52
|
+
control: "select";
|
|
53
|
+
options: string[];
|
|
54
|
+
description: string;
|
|
55
|
+
};
|
|
56
|
+
};
|
|
57
|
+
};
|
|
58
|
+
export default meta;
|
|
59
|
+
type Story = StoryObj<typeof meta>;
|
|
60
|
+
/**
|
|
61
|
+
* Default sidebar with light theme
|
|
62
|
+
*/
|
|
63
|
+
export declare const Default: Story;
|
|
64
|
+
/**
|
|
65
|
+
* Collapsed sidebar state
|
|
66
|
+
*/
|
|
67
|
+
export declare const Collapsed: Story;
|
|
68
|
+
/**
|
|
69
|
+
* Dark theme sidebar
|
|
70
|
+
*/
|
|
71
|
+
export declare const DarkTheme: Story;
|
|
72
|
+
/**
|
|
73
|
+
* Primary theme sidebar
|
|
74
|
+
*/
|
|
75
|
+
export declare const PrimaryTheme: Story;
|
|
76
|
+
/**
|
|
77
|
+
* Gradient theme sidebar
|
|
78
|
+
*/
|
|
79
|
+
export declare const GradientTheme: Story;
|
|
80
|
+
/**
|
|
81
|
+
* Compact variant - space-efficient sidebar
|
|
82
|
+
*/
|
|
83
|
+
export declare const CompactVariant: Story;
|
|
84
|
+
/**
|
|
85
|
+
* Modern variant - contemporary design with animations
|
|
86
|
+
*/
|
|
87
|
+
export declare const ModernVariant: Story;
|
|
88
|
+
/**
|
|
89
|
+
* Enterprise variant - professional enterprise look
|
|
90
|
+
*/
|
|
91
|
+
export declare const EnterpriseVariant: Story;
|
|
92
|
+
/**
|
|
93
|
+
* Minimal variant - clean and subtle styling
|
|
94
|
+
*/
|
|
95
|
+
export declare const MinimalVariant: Story;
|
|
96
|
+
/**
|
|
97
|
+
* Right-positioned sidebar
|
|
98
|
+
*/
|
|
99
|
+
export declare const RightPosition: Story;
|
|
100
|
+
/**
|
|
101
|
+
* Custom width sidebar
|
|
102
|
+
*/
|
|
103
|
+
export declare const CustomWidth: Story;
|
|
104
|
+
/**
|
|
105
|
+
* With item descriptions
|
|
106
|
+
*/
|
|
107
|
+
export declare const WithDescriptions: Story;
|
|
108
|
+
/**
|
|
109
|
+
* Collapse button in header
|
|
110
|
+
*/
|
|
111
|
+
export declare const CollapseInHeader: Story;
|
|
112
|
+
/**
|
|
113
|
+
* No collapse button
|
|
114
|
+
*/
|
|
115
|
+
export declare const NotCollapsible: Story;
|
|
116
|
+
/**
|
|
117
|
+
* Simple menu without header/footer
|
|
118
|
+
*/
|
|
119
|
+
export declare const SimpleMenu: Story;
|
|
120
|
+
/**
|
|
121
|
+
* All variants comparison
|
|
122
|
+
*/
|
|
123
|
+
export declare const AllVariants: Story;
|
|
124
|
+
/**
|
|
125
|
+
* All themes comparison
|
|
126
|
+
*/
|
|
127
|
+
export declare const AllThemes: Story;
|
|
128
|
+
/**
|
|
129
|
+
* With item click handler
|
|
130
|
+
*/
|
|
131
|
+
export declare const WithClickHandler: Story;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Table } from '../../components/Table';
|
|
3
|
+
declare const meta: Meta<typeof Table>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithActions: Story;
|
|
8
|
+
export declare const WithCustomRendering: Story;
|
|
9
|
+
export declare const Sortable: Story;
|
|
10
|
+
export declare const Selectable: Story;
|
|
11
|
+
export declare const Striped: Story;
|
|
12
|
+
export declare const Bordered: Story;
|
|
13
|
+
export declare const Compact: Story;
|
|
14
|
+
export declare const Large: Story;
|
|
15
|
+
export declare const Loading: Story;
|
|
16
|
+
export declare const Empty: Story;
|
|
17
|
+
export declare const LargeDataset: Story;
|
|
18
|
+
export declare const FixedHeader: Story;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Text } from '../../components/Text';
|
|
3
|
+
declare const meta: Meta<typeof Text>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Headings: Story;
|
|
8
|
+
export declare const BodyText: Story;
|
|
9
|
+
export declare const SmallText: Story;
|
|
10
|
+
export declare const TextAlignments: Story;
|
|
11
|
+
export declare const FontWeights: Story;
|
|
12
|
+
export declare const TextTransforms: Story;
|
|
13
|
+
export declare const TextDecorations: Story;
|
|
14
|
+
export declare const Colors: Story;
|
|
15
|
+
export declare const SemanticElements: Story;
|
|
16
|
+
export declare const Truncated: Story;
|
|
17
|
+
export declare const Gradient: Story;
|
|
18
|
+
export declare const WithUtilityClasses: Story;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import Timeline from '../../components/Timeline/Timeline';
|
|
3
|
+
declare const meta: Meta<typeof Timeline>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Timeline>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithDescriptions: Story;
|
|
8
|
+
export declare const Numbered: Story;
|
|
9
|
+
export declare const CircleVariant: Story;
|
|
10
|
+
export declare const SimpleVariant: Story;
|
|
11
|
+
export declare const Vertical: Story;
|
|
12
|
+
export declare const VerticalNumbered: Story;
|
|
13
|
+
export declare const LargeSize: Story;
|
|
14
|
+
export declare const SmallSize: Story;
|
|
15
|
+
export declare const ColorVariants: Story;
|
|
16
|
+
export declare const AllVariants: Story;
|
|
17
|
+
export declare const CustomIcons: Story;
|
|
18
|
+
export declare const Clickable: Story;
|
|
19
|
+
export declare const LongLabels: Story;
|
|
20
|
+
export declare const ManySteps: Story;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Toast } from '../../components/Toast';
|
|
3
|
+
declare const meta: Meta<typeof Toast>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Success: Story;
|
|
7
|
+
export declare const Error: Story;
|
|
8
|
+
export declare const Warning: Story;
|
|
9
|
+
export declare const Info: Story;
|
|
10
|
+
export declare const WithAction: Story;
|
|
11
|
+
export declare const WithoutTitle: Story;
|
|
12
|
+
export declare const Persistent: Story;
|
|
13
|
+
export declare const CustomDuration: Story;
|
|
14
|
+
export declare const Interactive: Story;
|
|
15
|
+
export declare const LongMessage: Story;
|
|
16
|
+
export declare const WithCloseButton: Story;
|
|
17
|
+
export declare const AllVariants: Story;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Tooltip } from '../../components/Tooltip';
|
|
3
|
+
declare const meta: Meta<typeof Tooltip>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Top: Story;
|
|
8
|
+
export declare const Bottom: Story;
|
|
9
|
+
export declare const Left: Story;
|
|
10
|
+
export declare const Right: Story;
|
|
11
|
+
export declare const ClickTrigger: Story;
|
|
12
|
+
export declare const FocusTrigger: Story;
|
|
13
|
+
export declare const LongContent: Story;
|
|
14
|
+
export declare const WithDelay: Story;
|
|
15
|
+
export declare const NoArrow: Story;
|
|
16
|
+
export declare const CustomContent: Story;
|
|
17
|
+
export declare const OnDisabledElement: Story;
|
|
18
|
+
export declare const MultipleTooltips: Story;
|
|
19
|
+
export declare const WithIcon: Story;
|
|
20
|
+
export declare const InteractiveTooltip: Story;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
title: string;
|
|
3
|
+
component: import("react").FC<import("../..").InfoCardBaseProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
4
|
+
subcomponents: {
|
|
5
|
+
Metric: import("react").FC<import("../..").InfoCardMetricProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
6
|
+
};
|
|
7
|
+
};
|
|
8
|
+
export default _default;
|
|
9
|
+
export declare const Base: () => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export declare const BaseVariants: () => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export declare const Metric: () => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export declare const MetricCustom: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import InfoListCard from '../../widgets/InfoListCard/InfoListCard';
|
|
3
|
+
declare const meta: Meta<typeof InfoListCard>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof InfoListCard>;
|
|
6
|
+
export declare const PaymentInformation: Story;
|
|
7
|
+
export declare const OrderDetails: Story;
|
|
8
|
+
export declare const WithDividers: Story;
|
|
9
|
+
export declare const LongText: Story;
|
|
10
|
+
export declare const Compact: Story;
|
|
11
|
+
export declare const NoHeading: Story;
|
|
12
|
+
export declare const ColorVariants: Story;
|
|
13
|
+
export declare const AccountInfo: Story;
|
|
14
|
+
export declare const ElevatedVariant: Story;
|
|
15
|
+
export declare const FlatVariant: Story;
|
|
16
|
+
export declare const MultipleCards: Story;
|
|
17
|
+
export declare const HiddenItems: Story;
|
|
18
|
+
export declare const ResponsiveDemo: Story;
|
|
19
|
+
export declare const WithReactNodes: Story;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
title: string;
|
|
3
|
+
component: import("react").FC<import("../..").InfoTextBaseProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
4
|
+
subcomponents: {
|
|
5
|
+
Base: import("react").FC<import("../..").InfoTextBaseProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
6
|
+
Stat: import("react").FC<import("../..").InfoTextStatProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
7
|
+
Feature: import("react").FC<import("../..").InfoTextFeatureProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
8
|
+
Compact: import("react").FC<import("../..").InfoTextCompactProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
9
|
+
Vertical: import("react").FC<import("../..").InfoTextVerticalProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
export default _default;
|
|
13
|
+
export declare const Base: () => import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export declare const BaseVariants: () => import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export declare const BaseWithoutSubtext: () => import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export declare const BaseWithoutCircle: () => import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
export declare const Stat: () => import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
export declare const StatVariants: () => import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
export declare const StatWithoutIcon: () => import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
export declare const StatWithoutCircle: () => import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
export declare const Feature: () => import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
export declare const FeatureVariants: () => import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
export declare const Compact: () => import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
export declare const CompactVariants: () => import("react/jsx-runtime").JSX.Element;
|
|
25
|
+
export declare const Vertical: () => import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
export declare const VerticalVariants: () => import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
export declare const AllIconVariants: () => import("react/jsx-runtime").JSX.Element;
|
|
28
|
+
export declare const MixedUsage: () => import("react/jsx-runtime").JSX.Element;
|
|
29
|
+
export declare const GridLayout: () => import("react/jsx-runtime").JSX.Element;
|
|
30
|
+
export declare const FeatureGrid: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import OrderCard from '../../widgets/OrderCard/OrderCard';
|
|
3
|
+
declare const meta: Meta<typeof OrderCard>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof OrderCard>;
|
|
6
|
+
export declare const Delivered: Story;
|
|
7
|
+
export declare const Processing: Story;
|
|
8
|
+
export declare const Cancelled: Story;
|
|
9
|
+
export declare const LongProductName: Story;
|
|
10
|
+
export declare const Pending: Story;
|
|
11
|
+
export declare const NoImage: Story;
|
|
12
|
+
export declare const MultipleItems: Story;
|
|
13
|
+
export declare const OrdersList: Story;
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import("react").FC<import("../..").OrderConfirmationProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
5
|
+
parameters: {
|
|
6
|
+
layout: string;
|
|
7
|
+
};
|
|
8
|
+
tags: string[];
|
|
9
|
+
argTypes: {
|
|
10
|
+
onDownloadInvoice: {
|
|
11
|
+
action: string;
|
|
12
|
+
};
|
|
13
|
+
onContinueShopping: {
|
|
14
|
+
action: string;
|
|
15
|
+
};
|
|
16
|
+
onTrackOrder: {
|
|
17
|
+
action: string;
|
|
18
|
+
};
|
|
19
|
+
onViewDetails: {
|
|
20
|
+
action: string;
|
|
21
|
+
};
|
|
22
|
+
onContactSupport: {
|
|
23
|
+
action: string;
|
|
24
|
+
};
|
|
25
|
+
onShareOrder: {
|
|
26
|
+
action: string;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
export default meta;
|
|
31
|
+
type Story = StoryObj<typeof meta>;
|
|
32
|
+
export declare const Default: Story;
|
|
33
|
+
export declare const WithDiscount: Story;
|
|
34
|
+
export declare const MultipleItems: Story;
|
|
35
|
+
export declare const MinimalInfo: Story;
|
|
36
|
+
export declare const Delivered: Story;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { OrderDetails } from '../../widgets/OrderDetails/OrderDetails';
|
|
3
|
+
declare const meta: Meta<typeof OrderDetails>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Processing: Story;
|
|
7
|
+
export declare const Shipped: Story;
|
|
8
|
+
export declare const Delivered: Story;
|
|
9
|
+
export declare const Pending: Story;
|
|
10
|
+
export declare const Cancelled: Story;
|
|
11
|
+
export declare const MultipleItems: Story;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
declare const _default: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: {
|
|
5
|
+
Base: React.FC<import("../..").ProductCardProps & React.RefAttributes<HTMLDivElement>>;
|
|
6
|
+
Wide: React.FC<import("../..").ProductCardWideProps & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
+
Minimal: React.FC<import("../..").ProductCardProps & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
};
|
|
9
|
+
};
|
|
10
|
+
export default _default;
|
|
11
|
+
export declare const Basic: () => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export declare const WithWishlist: () => import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export declare const FeaturedProduct: () => import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export declare const WithQuickView: () => import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export declare const WithInitialQuantity: () => import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export declare const Loading: () => import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
export declare const WithoutCategory: () => import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
export declare const WithoutWeight: () => import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
export declare const WithoutRating: () => import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
export declare const ProductGrid: () => import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
export declare const Interactive: () => import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
export declare const WideVariant: () => import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
export declare const WideVariantImageRight: () => import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
export declare const MinimalVariant: () => import("react/jsx-runtime").JSX.Element;
|
|
25
|
+
export declare const AllVariants: () => import("react/jsx-runtime").JSX.Element;
|