@vtx-ui/react 0.0.1-beta.3 → 0.0.1-beta.5
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 +179 -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 +7 -54
- package/dist/types/components/Avatar/Avatar.d.ts +5 -2
- package/dist/types/components/Badge/Badge.d.ts +8 -34
- package/dist/types/components/Button/Button.d.ts +7 -43
- package/dist/types/components/Card/Card.d.ts +7 -64
- package/dist/types/components/Checkbox/Checkbox.d.ts +5 -59
- package/dist/types/components/CheckboxGroup/CheckboxGroup.d.ts +5 -53
- package/dist/types/components/Chip/Chip.d.ts +7 -33
- package/dist/types/components/DataGrid/DataGrid.d.ts +97 -0
- package/dist/types/components/DataGrid/index.d.ts +2 -0
- package/dist/types/components/Divider/Divider.d.ts +5 -72
- package/dist/types/components/Flex/Flex.d.ts +5 -26
- package/dist/types/components/Grid/Grid.d.ts +5 -77
- package/dist/types/components/Header/Header.d.ts +5 -33
- package/dist/types/components/Input/Input.d.ts +8 -54
- package/dist/types/components/Menu/Menu.d.ts +5 -32
- package/dist/types/components/Modal/Modal.d.ts +7 -73
- package/dist/types/components/MultiSelect/MultiSelect.d.ts +5 -41
- package/dist/types/components/Radio/Radio.d.ts +8 -57
- package/dist/types/components/RadioGroup/RadioGroup.d.ts +8 -59
- package/dist/types/components/Select/Select.d.ts +8 -60
- package/dist/types/components/SideMenu/SideMenu.d.ts +5 -34
- package/dist/types/components/SideMenu/SideMenu.examples.d.ts +18 -0
- package/dist/types/components/SideMenu/index.d.ts +1 -3
- package/dist/types/components/Table/Table.d.ts +108 -60
- package/dist/types/components/Text/Text.d.ts +4 -1
- 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 +5 -51
- package/dist/types/hoc/withParsedClasses.d.ts +4 -1
- package/dist/types/icons/IconComponents.d.ts +55 -0
- package/dist/types/icons/index.d.ts +1 -0
- package/dist/types/index.d.ts +21 -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/DataGrid.stories.d.ts +20 -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 +62 -0
- package/dist/types/stories/components/Table.stories.d.ts +25 -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/theme/index.d.ts +1 -1
- 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 +43 -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 +71 -0
- package/dist/types/widgets/OrderCard/index.d.ts +2 -0
- package/dist/types/widgets/OrderConfirmation/OrderConfirmation.d.ts +85 -0
- package/dist/types/widgets/OrderConfirmation/index.d.ts +3 -0
- package/dist/types/widgets/OrderDetails/OrderDetails.d.ts +91 -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 +73 -59
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './Timeline.css';
|
|
3
|
+
export interface TimelineStep {
|
|
4
|
+
/** Label for the step */
|
|
5
|
+
label: string;
|
|
6
|
+
/** Optional description */
|
|
7
|
+
description?: string;
|
|
8
|
+
/** Optional custom icon */
|
|
9
|
+
icon?: React.ReactNode;
|
|
10
|
+
/** Optional click handler */
|
|
11
|
+
onClick?: () => void;
|
|
12
|
+
}
|
|
13
|
+
export interface TimelineProps {
|
|
14
|
+
/** Array of timeline steps */
|
|
15
|
+
steps: TimelineStep[] | string[];
|
|
16
|
+
/** Current active step index (0-based) */
|
|
17
|
+
currentStep: number;
|
|
18
|
+
/** Orientation of the timeline */
|
|
19
|
+
orientation?: 'horizontal' | 'vertical';
|
|
20
|
+
/** Visual variant */
|
|
21
|
+
variant?: 'default' | 'circle' | 'numbered' | 'simple';
|
|
22
|
+
/** Show checkmarks on completed steps */
|
|
23
|
+
showCheckmarks?: boolean;
|
|
24
|
+
/** Color scheme for active/completed steps */
|
|
25
|
+
color?: 'primary' | 'success' | 'info' | 'warning' | 'error';
|
|
26
|
+
/** Size of the timeline */
|
|
27
|
+
size?: 'sm' | 'md' | 'lg';
|
|
28
|
+
/** Additional class name */
|
|
29
|
+
className?: string;
|
|
30
|
+
/** Inline styles */
|
|
31
|
+
style?: React.CSSProperties;
|
|
32
|
+
}
|
|
33
|
+
declare const Timeline: React.FC<TimelineProps>;
|
|
34
|
+
export default Timeline;
|
|
@@ -1,56 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ToastProps } from './types';
|
|
3
3
|
import './Toast.css';
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
* pause on hover, and various visual variants for different message types.
|
|
9
|
-
*
|
|
10
|
-
* @example
|
|
11
|
-
* Basic success toast
|
|
12
|
-
* ```tsx
|
|
13
|
-
* <Toast variant="success">
|
|
14
|
-
* Your changes have been saved successfully!
|
|
15
|
-
* </Toast>
|
|
16
|
-
* ```
|
|
17
|
-
*
|
|
18
|
-
* @example
|
|
19
|
-
* Toast with action button
|
|
20
|
-
* ```tsx
|
|
21
|
-
* <Toast
|
|
22
|
-
* variant="warning"
|
|
23
|
-
* action={<Button size="sm">Undo</Button>}
|
|
24
|
-
* autoClose={false}
|
|
25
|
-
* >
|
|
26
|
-
* Item moved to trash
|
|
27
|
-
* </Toast>
|
|
28
|
-
* ```
|
|
29
|
-
*
|
|
30
|
-
* @example
|
|
31
|
-
* Custom toast with icon
|
|
32
|
-
* ```tsx
|
|
33
|
-
* <Toast
|
|
34
|
-
* variant="info"
|
|
35
|
-
* icon={<CustomIcon />}
|
|
36
|
-
* progressBar={false}
|
|
37
|
-
* >
|
|
38
|
-
* Update available for download
|
|
39
|
-
* </Toast>
|
|
40
|
-
* ```
|
|
41
|
-
*
|
|
42
|
-
* @example
|
|
43
|
-
* Toast with custom auto-close duration
|
|
44
|
-
* ```tsx
|
|
45
|
-
* <Toast
|
|
46
|
-
* variant="error"
|
|
47
|
-
* autoClose={10000}
|
|
48
|
-
* pauseOnHover={false}
|
|
49
|
-
* >
|
|
50
|
-
* Failed to connect to server
|
|
51
|
-
* </Toast>
|
|
52
|
-
* ```
|
|
53
|
-
*/
|
|
54
|
-
export declare const Toast: React.ForwardRefExoticComponent<ToastProps & React.RefAttributes<HTMLDivElement>>;
|
|
4
|
+
declare const ToastWithParsedClasses: {
|
|
5
|
+
(props: ToastProps & React.RefAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
displayName: string;
|
|
7
|
+
};
|
|
55
8
|
declare const _default: React.FC<ToastProps & React.RefAttributes<HTMLDivElement>>;
|
|
56
9
|
export default _default;
|
|
10
|
+
export { ToastWithParsedClasses as Toast };
|
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
export declare function withParsedClasses<T extends {
|
|
3
3
|
className?: string;
|
|
4
|
-
}>(Component: React.ComponentType<T>):
|
|
4
|
+
}>(Component: React.ComponentType<T>): {
|
|
5
|
+
(props: T): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
displayName: string;
|
|
7
|
+
};
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
export declare const SpinnerIcon: (props: {
|
|
2
|
+
size?: number;
|
|
3
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export declare const CheckIcon: import("react-icons/lib").IconType;
|
|
5
|
+
export declare const CloseSmallIcon: (props: {
|
|
6
|
+
size?: number;
|
|
7
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export declare const ChevronDownIcon: import("react-icons/lib").IconType;
|
|
9
|
+
export declare const PlusIcon: import("react-icons/lib").IconType;
|
|
10
|
+
export declare const MinusIcon: import("react-icons/lib").IconType;
|
|
11
|
+
export declare const BellIcon: import("react-icons/lib").IconType;
|
|
12
|
+
export declare const MenuIcon: import("react-icons/lib").IconType;
|
|
13
|
+
export declare const ChevronUpIcon: import("react-icons/lib").IconType;
|
|
14
|
+
export declare const ChevronLeftIcon: import("react-icons/lib").IconType;
|
|
15
|
+
export declare const ChevronRightIcon: import("react-icons/lib").IconType;
|
|
16
|
+
export declare const CheckCircleIcon: import("react-icons/lib").IconType;
|
|
17
|
+
export declare const ErrorIcon: import("react-icons/lib").IconType;
|
|
18
|
+
export declare const WarningIcon: import("react-icons/lib").IconType;
|
|
19
|
+
export declare const InfoIcon: import("react-icons/lib").IconType;
|
|
20
|
+
export declare const NeutralIcon: import("react-icons/lib").IconType;
|
|
21
|
+
export declare const DownloadIcon: import("react-icons/lib").IconType;
|
|
22
|
+
export declare const PackageIcon: import("react-icons/lib").IconType;
|
|
23
|
+
export declare const ShoppingBagIcon: import("react-icons/lib").IconType;
|
|
24
|
+
export declare const ShareIcon: import("react-icons/lib").IconType;
|
|
25
|
+
export declare const EyeIcon: import("react-icons/lib").IconType;
|
|
26
|
+
export declare const CreditCardIcon: import("react-icons/lib").IconType;
|
|
27
|
+
export declare const MessageIcon: import("react-icons/lib").IconType;
|
|
28
|
+
export declare const MapPinIcon: import("react-icons/lib").IconType;
|
|
29
|
+
export declare const PhoneIcon: import("react-icons/lib").IconType;
|
|
30
|
+
export declare const TruckIcon: import("react-icons/lib").IconType;
|
|
31
|
+
export declare const CloseIcon: import("react-icons/lib").IconType;
|
|
32
|
+
export declare const ReturnIcon: import("react-icons/lib").IconType;
|
|
33
|
+
export declare const RefreshIcon: import("react-icons/lib").IconType;
|
|
34
|
+
export declare const StarIcon: import("react-icons/lib").IconType;
|
|
35
|
+
export declare const SearchIcon: import("react-icons/lib").IconType;
|
|
36
|
+
export declare const UserIcon: import("react-icons/lib").IconType;
|
|
37
|
+
export declare const HomeIcon: import("react-icons/lib").IconType;
|
|
38
|
+
export declare const ShoppingCartIcon: import("react-icons/lib").IconType;
|
|
39
|
+
export declare const HeartIcon: import("react-icons/lib").IconType;
|
|
40
|
+
export declare const SettingsIcon: import("react-icons/lib").IconType;
|
|
41
|
+
export declare const HelpCircleIcon: import("react-icons/lib").IconType;
|
|
42
|
+
export declare const LogOutIcon: import("react-icons/lib").IconType;
|
|
43
|
+
export declare const TrendingUpIcon: import("react-icons/lib").IconType;
|
|
44
|
+
export declare const LayersIcon: import("react-icons/lib").IconType;
|
|
45
|
+
export declare const ServerIcon: import("react-icons/lib").IconType;
|
|
46
|
+
export declare const CodeIcon: import("react-icons/lib").IconType;
|
|
47
|
+
export declare const ZapIcon: import("react-icons/lib").IconType;
|
|
48
|
+
export declare const ChartBarIcon: import("react-icons/lib").IconType;
|
|
49
|
+
export declare const InboxIcon: import("react-icons/lib").IconType;
|
|
50
|
+
export declare const DocumentIcon: import("react-icons/lib").IconType;
|
|
51
|
+
export declare const ArrowUpIcon: import("react-icons/lib").IconType;
|
|
52
|
+
export declare const ArrowDownIcon: import("react-icons/lib").IconType;
|
|
53
|
+
export declare const FilterIcon: import("react-icons/lib").IconType;
|
|
54
|
+
export declare const ChevronsLeftIcon: import("react-icons/lib").IconType;
|
|
55
|
+
export declare const ChevronsRightIcon: import("react-icons/lib").IconType;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './IconComponents';
|
package/dist/types/index.d.ts
CHANGED
|
@@ -34,16 +34,20 @@ export { Badge } from './components/Badge';
|
|
|
34
34
|
export type { BadgeProps } from './components/Badge';
|
|
35
35
|
export { Card } from './components/Card';
|
|
36
36
|
export type { CardProps } from './components/Card';
|
|
37
|
+
export { DataGrid } from './components/DataGrid';
|
|
38
|
+
export type { DataGridColumn, DataGridProps, GridFilterItem, GridFilterModel, GridFilterOperator, GridRowSelectionModel, } from './components/DataGrid';
|
|
37
39
|
export { Divider } from './components/Divider';
|
|
38
40
|
export type { DividerProps } from './components/Divider';
|
|
39
41
|
export { Header } from './components/Header';
|
|
40
42
|
export type { HeaderProps, NotificationItem } from './components/Header';
|
|
41
|
-
export { SideMenu
|
|
43
|
+
export { SideMenu } from './components/SideMenu';
|
|
42
44
|
export type { SideMenuItemProps, SideMenuProps } from './components/SideMenu';
|
|
43
45
|
export { Table } from './components/Table';
|
|
44
46
|
export type { TableColumn, TableProps } from './components/Table';
|
|
45
47
|
export { Text } from './components/Text';
|
|
46
48
|
export type { TextProps } from './components/Text';
|
|
49
|
+
export { Timeline } from './components/Timeline';
|
|
50
|
+
export type { TimelineProps, TimelineStep } from './components/Timeline';
|
|
47
51
|
export { Flex } from './components/Flex';
|
|
48
52
|
export type { FlexProps } from './components/Flex';
|
|
49
53
|
export { Grid } from './components/Grid';
|
|
@@ -53,3 +57,19 @@ export type { Theme, ThemeProviderProps } from './theme';
|
|
|
53
57
|
export { tokens, generateCSSVariables, injectCSSVariables } from './theme';
|
|
54
58
|
export type { Tokens, ColorScale, ColorShade } from './theme';
|
|
55
59
|
export { useBodyScrollLock, useClickOutside, useDebounce, useEscapeKey, useFocusTrap, useId, } from './hooks';
|
|
60
|
+
export { InfoCard } from './widgets/InfoCard';
|
|
61
|
+
export type { InfoCardBaseProps, InfoCardMetricProps } from './widgets/InfoCard';
|
|
62
|
+
export { InfoText } from './widgets/InfoText';
|
|
63
|
+
export type { InfoTextBaseProps, InfoTextStatProps, InfoTextFeatureProps, InfoTextCompactProps, InfoTextVerticalProps, } from './widgets/InfoText';
|
|
64
|
+
export { ProductCard } from './widgets/ProductCard';
|
|
65
|
+
export type { ProductCardProps, ProductCardWideProps } from './widgets/ProductCard';
|
|
66
|
+
export { OrderCard } from './widgets/OrderCard';
|
|
67
|
+
export type { OrderCardProps, OrderItem } from './widgets/OrderCard';
|
|
68
|
+
export { InfoListCard } from './widgets/InfoListCard';
|
|
69
|
+
export type { InfoListCardProps, InfoListItem } from './widgets/InfoListCard';
|
|
70
|
+
export { OrderConfirmation } from './widgets/OrderConfirmation';
|
|
71
|
+
export type { OrderConfirmationProps, OrderConfirmationItem, OrderConfirmationAddress } from './widgets/OrderConfirmation';
|
|
72
|
+
export { OrderDetails } from './widgets/OrderDetails';
|
|
73
|
+
export type { OrderDetailsProps, OrderDetailsItem, OrderDetailsAddress } from './widgets/OrderDetails';
|
|
74
|
+
export { Header as HomeHeader } from './widgets/Header';
|
|
75
|
+
export type { NavigationItem, HeaderDesktopProps, HeaderMobileProps, HeaderResponsiveProps } from './widgets/Header';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Accordion } from '../../components/Accordion';
|
|
3
|
+
declare const meta: Meta<typeof Accordion>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const AllowMultiple: Story;
|
|
8
|
+
export declare const WithDefaultOpen: Story;
|
|
9
|
+
export declare const Bordered: Story;
|
|
10
|
+
export declare const Large: Story;
|
|
11
|
+
export declare const LeftChevron: Story;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Alert } from '../../components/Alert';
|
|
3
|
+
declare const meta: Meta<typeof Alert>;
|
|
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;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Avatar } from '../../components/Avatar';
|
|
3
|
+
declare const meta: Meta<typeof Avatar>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithFallback: Story;
|
|
8
|
+
export declare const Small: Story;
|
|
9
|
+
export declare const Large: Story;
|
|
10
|
+
export declare const Square: Story;
|
|
11
|
+
export declare const BrokenImage: Story;
|
|
12
|
+
export declare const LongFallbackText: Story;
|
|
13
|
+
export declare const AllSizes: Story;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Badge } from '../../components/Badge';
|
|
3
|
+
declare const meta: Meta<typeof Badge>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Primary: Story;
|
|
7
|
+
export declare const Success: Story;
|
|
8
|
+
export declare const AllVariants: Story;
|
|
@@ -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,20 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { DataGrid } from '../../components/DataGrid';
|
|
3
|
+
declare const meta: Meta<typeof DataGrid>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithInitialFilters: Story;
|
|
8
|
+
export declare const ControlledFilters: Story;
|
|
9
|
+
export declare const CustomRendering: Story;
|
|
10
|
+
export declare const WithRowSelection: Story;
|
|
11
|
+
export declare const CompactDensity: Story;
|
|
12
|
+
export declare const ComfortableDensity: Story;
|
|
13
|
+
export declare const AllColumnTypes: Story;
|
|
14
|
+
export declare const WithoutPagination: Story;
|
|
15
|
+
export declare const DisabledFilters: Story;
|
|
16
|
+
export declare const LoadingState: Story;
|
|
17
|
+
export declare const EmptyState: Story;
|
|
18
|
+
export declare const ComplexFiltering: Story;
|
|
19
|
+
export declare const FullFeatured: Story;
|
|
20
|
+
export declare const PinnedColumns: 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,62 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react';
|
|
2
|
+
import { SideMenuProps } from '../../components/SideMenu/SideMenu';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: {
|
|
6
|
+
(props: SideMenuProps & import("react").RefAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
displayName: string;
|
|
8
|
+
};
|
|
9
|
+
parameters: {
|
|
10
|
+
layout: string;
|
|
11
|
+
docs: {
|
|
12
|
+
description: {
|
|
13
|
+
component: string;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
tags: string[];
|
|
18
|
+
argTypes: {
|
|
19
|
+
items: {
|
|
20
|
+
control: "object";
|
|
21
|
+
description: string;
|
|
22
|
+
};
|
|
23
|
+
collapsed: {
|
|
24
|
+
control: "boolean";
|
|
25
|
+
description: string;
|
|
26
|
+
};
|
|
27
|
+
width: {
|
|
28
|
+
control: "text";
|
|
29
|
+
description: string;
|
|
30
|
+
};
|
|
31
|
+
collapsedWidth: {
|
|
32
|
+
control: "text";
|
|
33
|
+
description: string;
|
|
34
|
+
};
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
export default meta;
|
|
38
|
+
type Story = StoryObj<typeof meta>;
|
|
39
|
+
/**
|
|
40
|
+
* Default sidebar
|
|
41
|
+
*/
|
|
42
|
+
export declare const Default: Story;
|
|
43
|
+
/**
|
|
44
|
+
* Collapsed sidebar state
|
|
45
|
+
*/
|
|
46
|
+
export declare const Collapsed: Story;
|
|
47
|
+
/**
|
|
48
|
+
* With custom width
|
|
49
|
+
*/
|
|
50
|
+
export declare const CustomWidth: Story;
|
|
51
|
+
/**
|
|
52
|
+
* Simple menu without header/footer
|
|
53
|
+
*/
|
|
54
|
+
export declare const SimpleMenu: Story;
|
|
55
|
+
/**
|
|
56
|
+
* With nested menus
|
|
57
|
+
*/
|
|
58
|
+
export declare const NestedMenus: Story;
|
|
59
|
+
/**
|
|
60
|
+
* With badges
|
|
61
|
+
*/
|
|
62
|
+
export declare const WithBadges: Story;
|
|
@@ -0,0 +1,25 @@
|
|
|
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;
|
|
19
|
+
export declare const WithPagination: Story;
|
|
20
|
+
export declare const Dense: Story;
|
|
21
|
+
export declare const WithToolbar: Story;
|
|
22
|
+
export declare const SelectableWithPagination: Story;
|
|
23
|
+
export declare const ExpandableRows: Story;
|
|
24
|
+
export declare const FullFeatures: Story;
|
|
25
|
+
export declare const WithColumnFilters: 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;
|