tharaday 0.8.2 → 0.8.3
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/{src/components → components}/Accordion/Accordion.d.ts +0 -1
- package/dist/{src/components → components}/Avatar/Avatar.d.ts +0 -1
- package/dist/{src/components → components}/Badge/Badge.d.ts +0 -1
- package/dist/{src/components → components}/Box/Box.d.ts +0 -1
- package/dist/{src/components → components}/Box/Box.types.d.ts +11 -11
- package/dist/{src/components → components}/Box/helpers/getSpacingStyles.d.ts +2 -2
- package/dist/{src/components → components}/Breadcrumbs/Breadcrumbs.d.ts +0 -1
- package/dist/{src/components → components}/Button/Button.d.ts +0 -1
- package/dist/{src/components → components}/Card/Card.d.ts +0 -1
- package/dist/{src/components → components}/Checkbox/Checkbox.d.ts +0 -1
- package/dist/components/DatePicker/DatePicker.d.ts +1 -0
- package/dist/{src/components → components}/Divider/Divider.d.ts +0 -1
- package/dist/components/Drawer/Drawer.d.ts +1 -0
- package/dist/{src/components → components}/Dropdown/Dropdown.d.ts +0 -1
- package/dist/components/EmptyState/EmptyState.d.ts +1 -0
- package/dist/{src/components → components}/Header/Header.d.ts +0 -1
- package/dist/{src/components → components}/Input/Input.d.ts +0 -1
- package/dist/{src/components → components}/List/List.d.ts +2 -2
- package/dist/{src/components → components}/List/List.types.d.ts +3 -3
- package/dist/{src/components → components}/List/ListItem.d.ts +1 -1
- package/dist/{src/components → components}/List/ListItem.types.d.ts +1 -1
- package/dist/{src/components → components}/Loader/Loader.d.ts +0 -1
- package/dist/{src/components → components}/Modal/Modal.d.ts +1 -2
- package/dist/{src/components → components}/NavBar/NavBar.d.ts +0 -1
- package/dist/{src/components → components}/Notification/Notification.d.ts +0 -1
- package/dist/{src/components → components}/Pagination/Pagination.d.ts +0 -1
- package/dist/components/Popover/Popover.d.ts +1 -0
- package/dist/{src/components → components}/ProgressBar/ProgressBar.d.ts +0 -1
- package/dist/{src/components → components}/RadioButton/RadioButton.d.ts +0 -1
- package/dist/{src/components → components}/Select/Select.d.ts +0 -1
- package/dist/{src/components → components}/Skeleton/Skeleton.d.ts +0 -1
- package/dist/{src/components → components}/Slider/Slider.d.ts +0 -1
- package/dist/{src/components → components}/Stepper/Step.d.ts +0 -1
- package/dist/{src/components → components}/Stepper/Stepper.d.ts +0 -1
- package/dist/{src/components → components}/Stepper/stepper.utils.d.ts +2 -2
- package/dist/{src/components → components}/Switch/Switch.d.ts +0 -1
- package/dist/{src/components → components}/Table/Table.d.ts +0 -1
- package/dist/{src/components → components}/Tabs/Tabs.d.ts +0 -1
- package/dist/components/Tag/Tag.d.ts +1 -0
- package/dist/{src/components → components}/Text/Text.d.ts +0 -1
- package/dist/{src/components → components}/Textarea/Textarea.d.ts +0 -1
- package/dist/{src/components → components}/Tooltip/Tooltip.d.ts +0 -1
- package/dist/{src/components → components}/Tree/Tree.d.ts +2 -2
- package/dist/{src/components → components}/Tree/Tree.types.d.ts +1 -1
- package/dist/{src/components → components}/Tree/TreeItem.d.ts +1 -1
- package/dist/{src/components → components}/Tree/TreeItem.types.d.ts +1 -1
- package/dist/ds.css +1 -1
- package/dist/ds.js +1294 -1149
- package/dist/ds.umd.cjs +1 -1
- package/dist/hooks/useClickOutside.d.ts +6 -0
- package/dist/{src/hooks → hooks}/useComponentId.d.ts +1 -1
- package/dist/hooks/useFocusTrap.d.ts +17 -0
- package/dist/{src/index.d.ts → index.d.ts} +10 -0
- package/dist/{src/layouts → layouts}/AppLayout/AppLayout.d.ts +0 -1
- package/dist/{src/layouts → layouts}/AuthLayout/AuthLayout.d.ts +0 -1
- package/dist/{src/layouts → layouts}/DashboardLayout/DashboardLayout.d.ts +0 -1
- package/dist/{src/layouts → layouts}/SettingsLayout/SettingsLayout.d.ts +0 -1
- package/package.json +11 -10
- package/src/components/Box/Box.module.css +0 -557
- package/src/components/Box/Box.test.tsx +4 -4
- package/src/components/Box/Box.tsx +8 -16
- package/src/components/Box/helpers/getSpacingStyles.ts +23 -17
- package/src/components/DatePicker/DatePicker.module.css +212 -0
- package/src/components/DatePicker/DatePicker.stories.tsx +53 -0
- package/src/components/DatePicker/DatePicker.test.tsx +61 -0
- package/src/components/DatePicker/DatePicker.tsx +269 -0
- package/src/components/DatePicker/DatePicker.types.ts +11 -0
- package/src/components/Drawer/Drawer.module.css +126 -0
- package/src/components/Drawer/Drawer.stories.tsx +70 -0
- package/src/components/Drawer/Drawer.test.tsx +49 -0
- package/src/components/Drawer/Drawer.tsx +77 -0
- package/src/components/Drawer/Drawer.types.ts +17 -0
- package/src/components/EmptyState/EmptyState.module.css +73 -0
- package/src/components/EmptyState/EmptyState.stories.tsx +65 -0
- package/src/components/EmptyState/EmptyState.test.tsx +30 -0
- package/src/components/EmptyState/EmptyState.tsx +29 -0
- package/src/components/EmptyState/EmptyState.types.ts +12 -0
- package/src/components/Header/Header.test.tsx +5 -5
- package/src/components/Modal/Modal.tsx +2 -62
- package/src/components/Popover/Popover.module.css +52 -0
- package/src/components/Popover/Popover.stories.tsx +67 -0
- package/src/components/Popover/Popover.test.tsx +40 -0
- package/src/components/Popover/Popover.tsx +78 -0
- package/src/components/Popover/Popover.types.ts +13 -0
- package/src/components/Tag/Tag.module.css +115 -0
- package/src/components/Tag/Tag.stories.tsx +61 -0
- package/src/components/Tag/Tag.test.tsx +42 -0
- package/src/components/Tag/Tag.tsx +74 -0
- package/src/components/Tag/Tag.types.ts +15 -0
- package/src/components/Text/Text.module.css +0 -521
- package/src/components/Text/Text.test.tsx +4 -4
- package/src/components/Text/Text.tsx +0 -14
- package/src/components/Tooltip/Tooltip.module.css +1 -1
- package/src/components/Tooltip/Tooltip.test.tsx +5 -5
- package/src/components/Tooltip/Tooltip.tsx +2 -6
- package/src/hooks/useClickOutside.test.tsx +68 -0
- package/src/hooks/useClickOutside.ts +35 -0
- package/src/hooks/useFocusTrap.test.tsx +95 -0
- package/src/hooks/useFocusTrap.ts +88 -0
- package/src/index.ts +10 -0
- package/src/styles/themes.browser.test.ts +75 -0
- package/vite.config.ts +1 -1
- package/dist/src/components/Accordion/Accordion.stories.d.ts +0 -14
- package/dist/src/components/Accordion/Accordion.types.d.ts +0 -18
- package/dist/src/components/Avatar/Avatar.stories.d.ts +0 -14
- package/dist/src/components/Avatar/Avatar.types.d.ts +0 -10
- package/dist/src/components/Badge/Badge.stories.d.ts +0 -33
- package/dist/src/components/Badge/Badge.types.d.ts +0 -10
- package/dist/src/components/Box/Box.stories.d.ts +0 -38
- package/dist/src/components/Breadcrumbs/Breadcrumbs.stories.d.ts +0 -13
- package/dist/src/components/Breadcrumbs/Breadcrumbs.types.d.ts +0 -11
- package/dist/src/components/Button/Button.stories.d.ts +0 -22
- package/dist/src/components/Button/Button.types.d.ts +0 -12
- package/dist/src/components/Card/Card.stories.d.ts +0 -27
- package/dist/src/components/Card/Card.types.d.ts +0 -16
- package/dist/src/components/Checkbox/Checkbox.stories.d.ts +0 -17
- package/dist/src/components/Checkbox/Checkbox.types.d.ts +0 -7
- package/dist/src/components/Divider/Divider.stories.d.ts +0 -15
- package/dist/src/components/Divider/Divider.types.d.ts +0 -10
- package/dist/src/components/Dropdown/Dropdown.stories.d.ts +0 -12
- package/dist/src/components/Dropdown/Dropdown.types.d.ts +0 -24
- package/dist/src/components/Header/Header.stories.d.ts +0 -20
- package/dist/src/components/Header/Header.types.d.ts +0 -16
- package/dist/src/components/Input/Input.stories.d.ts +0 -32
- package/dist/src/components/Input/Input.types.d.ts +0 -10
- package/dist/src/components/List/List.stories.d.ts +0 -25
- package/dist/src/components/Loader/Loader.stories.d.ts +0 -25
- package/dist/src/components/Loader/Loader.types.d.ts +0 -8
- package/dist/src/components/Modal/Modal.stories.d.ts +0 -28
- package/dist/src/components/Modal/Modal.types.d.ts +0 -12
- package/dist/src/components/NavBar/NavBar.stories.d.ts +0 -8
- package/dist/src/components/NavBar/NavBar.types.d.ts +0 -38
- package/dist/src/components/Notification/Notification.stories.d.ts +0 -26
- package/dist/src/components/Notification/Notification.types.d.ts +0 -9
- package/dist/src/components/Pagination/Pagination.stories.d.ts +0 -21
- package/dist/src/components/Pagination/Pagination.types.d.ts +0 -34
- package/dist/src/components/ProgressBar/ProgressBar.stories.d.ts +0 -32
- package/dist/src/components/ProgressBar/ProgressBar.types.d.ts +0 -12
- package/dist/src/components/RadioButton/RadioButton.stories.d.ts +0 -30
- package/dist/src/components/RadioButton/RadioButton.types.d.ts +0 -9
- package/dist/src/components/Select/Select.stories.d.ts +0 -32
- package/dist/src/components/Select/Select.types.d.ts +0 -23
- package/dist/src/components/Skeleton/Skeleton.stories.d.ts +0 -15
- package/dist/src/components/Skeleton/Skeleton.types.d.ts +0 -9
- package/dist/src/components/Slider/Slider.stories.d.ts +0 -23
- package/dist/src/components/Slider/Slider.types.d.ts +0 -15
- package/dist/src/components/Stepper/Step.types.d.ts +0 -18
- package/dist/src/components/Stepper/Stepper.stories.d.ts +0 -15
- package/dist/src/components/Stepper/Stepper.types.d.ts +0 -14
- package/dist/src/components/Switch/Switch.stories.d.ts +0 -16
- package/dist/src/components/Switch/Switch.types.d.ts +0 -6
- package/dist/src/components/Table/Table.stories.d.ts +0 -27
- package/dist/src/components/Table/Table.types.d.ts +0 -19
- package/dist/src/components/Tabs/Tabs.stories.d.ts +0 -19
- package/dist/src/components/Tabs/Tabs.types.d.ts +0 -16
- package/dist/src/components/Text/Text.stories.d.ts +0 -78
- package/dist/src/components/Text/Text.types.d.ts +0 -52
- package/dist/src/components/Textarea/Textarea.stories.d.ts +0 -32
- package/dist/src/components/Textarea/Textarea.types.d.ts +0 -11
- package/dist/src/components/Tooltip/Tooltip.stories.d.ts +0 -10
- package/dist/src/components/Tooltip/Tooltip.types.d.ts +0 -12
- package/dist/src/components/Tree/Tree.stories.d.ts +0 -27
- package/dist/src/layouts/AppLayout/AppLayout.stories.d.ts +0 -13
- package/dist/src/layouts/AppLayout/AppLayout.types.d.ts +0 -13
- package/dist/src/layouts/AuthLayout/AuthLayout.stories.d.ts +0 -12
- package/dist/src/layouts/AuthLayout/AuthLayout.types.d.ts +0 -8
- package/dist/src/layouts/DashboardLayout/DashboardLayout.stories.d.ts +0 -11
- package/dist/src/layouts/DashboardLayout/DashboardLayout.types.d.ts +0 -10
- package/dist/src/layouts/SettingsLayout/SettingsLayout.stories.d.ts +0 -11
- package/dist/src/layouts/SettingsLayout/SettingsLayout.types.d.ts +0 -9
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
-
declare const meta: {
|
|
3
|
-
title: string;
|
|
4
|
-
component: ({ children, className, striped, hoverable, dense, isLoading, caption, ...props }: import('./Table.types.ts').TableProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
-
tags: string[];
|
|
6
|
-
parameters: {
|
|
7
|
-
layout: string;
|
|
8
|
-
};
|
|
9
|
-
argTypes: {
|
|
10
|
-
striped: {
|
|
11
|
-
control: "boolean";
|
|
12
|
-
};
|
|
13
|
-
hoverable: {
|
|
14
|
-
control: "boolean";
|
|
15
|
-
};
|
|
16
|
-
dense: {
|
|
17
|
-
control: "boolean";
|
|
18
|
-
};
|
|
19
|
-
};
|
|
20
|
-
};
|
|
21
|
-
export default meta;
|
|
22
|
-
type Story = StoryObj<typeof meta>;
|
|
23
|
-
export declare const Default: Story;
|
|
24
|
-
export declare const Striped: Story;
|
|
25
|
-
export declare const Hoverable: Story;
|
|
26
|
-
export declare const Dense: Story;
|
|
27
|
-
export declare const TanStackTableExample: Story;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { HTMLAttributes, TableHTMLAttributes, TdHTMLAttributes, ThHTMLAttributes } from 'react';
|
|
2
|
-
export interface TableProps extends TableHTMLAttributes<HTMLTableElement> {
|
|
3
|
-
className?: string;
|
|
4
|
-
striped?: boolean;
|
|
5
|
-
hoverable?: boolean;
|
|
6
|
-
dense?: boolean;
|
|
7
|
-
isLoading?: boolean;
|
|
8
|
-
caption?: string;
|
|
9
|
-
}
|
|
10
|
-
export type TableHeaderProps = HTMLAttributes<HTMLTableSectionElement>;
|
|
11
|
-
export type TableBodyProps = HTMLAttributes<HTMLTableSectionElement>;
|
|
12
|
-
export type TableFooterProps = HTMLAttributes<HTMLTableSectionElement>;
|
|
13
|
-
export type TableRowProps = HTMLAttributes<HTMLTableRowElement>;
|
|
14
|
-
export interface TableHeadProps extends ThHTMLAttributes<HTMLTableCellElement> {
|
|
15
|
-
align?: 'left' | 'center' | 'right' | 'justify' | 'char';
|
|
16
|
-
}
|
|
17
|
-
export interface TableCellProps extends TdHTMLAttributes<HTMLTableCellElement> {
|
|
18
|
-
align?: 'left' | 'center' | 'right' | 'justify' | 'char';
|
|
19
|
-
}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
-
declare const meta: {
|
|
3
|
-
title: string;
|
|
4
|
-
component: ({ items, defaultActiveId, activeId: controlledActiveId, onChange, className, variant, id, }: import('./Tabs.types.ts').TabsProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
-
tags: string[];
|
|
6
|
-
parameters: {
|
|
7
|
-
layout: string;
|
|
8
|
-
docs: {
|
|
9
|
-
description: {
|
|
10
|
-
component: string;
|
|
11
|
-
};
|
|
12
|
-
};
|
|
13
|
-
};
|
|
14
|
-
};
|
|
15
|
-
export default meta;
|
|
16
|
-
type Story = StoryObj<typeof meta>;
|
|
17
|
-
export declare const Line: Story;
|
|
18
|
-
export declare const Pill: Story;
|
|
19
|
-
export declare const WithDisabled: Story;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
export interface TabItem {
|
|
3
|
-
id: string;
|
|
4
|
-
label: ReactNode;
|
|
5
|
-
content: ReactNode;
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
}
|
|
8
|
-
export interface TabsProps {
|
|
9
|
-
id?: string;
|
|
10
|
-
items: TabItem[];
|
|
11
|
-
defaultActiveId?: string;
|
|
12
|
-
activeId?: string;
|
|
13
|
-
onChange?: (id: string) => void;
|
|
14
|
-
className?: string;
|
|
15
|
-
variant?: 'line' | 'pill';
|
|
16
|
-
}
|
|
@@ -1,78 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
-
declare const meta: {
|
|
3
|
-
title: string;
|
|
4
|
-
component: ({ children, variant, as, align, weight, color, noWrap, className, style, padding, paddingX, paddingY, paddingTop, paddingBottom, paddingLeft, paddingRight, margin, marginX, marginY, marginTop, marginBottom, marginLeft, marginRight, ...props }: import('./Text.types.ts').TextProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
-
tags: string[];
|
|
6
|
-
argTypes: {
|
|
7
|
-
variant: {
|
|
8
|
-
control: "select";
|
|
9
|
-
options: string[];
|
|
10
|
-
};
|
|
11
|
-
align: {
|
|
12
|
-
control: "select";
|
|
13
|
-
options: string[];
|
|
14
|
-
};
|
|
15
|
-
weight: {
|
|
16
|
-
control: "select";
|
|
17
|
-
options: string[];
|
|
18
|
-
};
|
|
19
|
-
color: {
|
|
20
|
-
control: "select";
|
|
21
|
-
options: string[];
|
|
22
|
-
};
|
|
23
|
-
as: {
|
|
24
|
-
control: "text";
|
|
25
|
-
};
|
|
26
|
-
margin: {
|
|
27
|
-
control: "number";
|
|
28
|
-
};
|
|
29
|
-
marginX: {
|
|
30
|
-
control: "number";
|
|
31
|
-
};
|
|
32
|
-
marginY: {
|
|
33
|
-
control: "number";
|
|
34
|
-
};
|
|
35
|
-
marginTop: {
|
|
36
|
-
control: "number";
|
|
37
|
-
};
|
|
38
|
-
marginBottom: {
|
|
39
|
-
control: "number";
|
|
40
|
-
};
|
|
41
|
-
marginLeft: {
|
|
42
|
-
control: "number";
|
|
43
|
-
};
|
|
44
|
-
marginRight: {
|
|
45
|
-
control: "number";
|
|
46
|
-
};
|
|
47
|
-
padding: {
|
|
48
|
-
control: "number";
|
|
49
|
-
};
|
|
50
|
-
paddingX: {
|
|
51
|
-
control: "number";
|
|
52
|
-
};
|
|
53
|
-
paddingY: {
|
|
54
|
-
control: "number";
|
|
55
|
-
};
|
|
56
|
-
paddingTop: {
|
|
57
|
-
control: "number";
|
|
58
|
-
};
|
|
59
|
-
paddingBottom: {
|
|
60
|
-
control: "number";
|
|
61
|
-
};
|
|
62
|
-
paddingLeft: {
|
|
63
|
-
control: "number";
|
|
64
|
-
};
|
|
65
|
-
paddingRight: {
|
|
66
|
-
control: "number";
|
|
67
|
-
};
|
|
68
|
-
};
|
|
69
|
-
};
|
|
70
|
-
export default meta;
|
|
71
|
-
type Story = StoryObj<typeof meta>;
|
|
72
|
-
export declare const Default: Story;
|
|
73
|
-
export declare const Spacing: Story;
|
|
74
|
-
export declare const Headings: Story;
|
|
75
|
-
export declare const Body: Story;
|
|
76
|
-
export declare const Other: Story;
|
|
77
|
-
export declare const Colors: Story;
|
|
78
|
-
export declare const NoWrap: Story;
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
import { ReactNode, ElementType, HTMLAttributes } from 'react';
|
|
2
|
-
import { BoxPadding, BoxMargin } from '../Box/Box.types.ts';
|
|
3
|
-
export type { BoxPadding, BoxMargin };
|
|
4
|
-
export type TextVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body-lg' | 'body-md' | 'body-sm' | 'label' | 'code';
|
|
5
|
-
export type TextAlign = 'left' | 'center' | 'right' | 'justify';
|
|
6
|
-
export type FontWeight = 'regular' | 'medium' | 'bold';
|
|
7
|
-
export type TextColor = 'main' | 'subtle' | 'subtle' | 'on-brand' | 'danger' | 'success' | 'warning' | 'info';
|
|
8
|
-
export interface TextProps extends HTMLAttributes<HTMLElement> {
|
|
9
|
-
/** Additional class name */
|
|
10
|
-
className?: string;
|
|
11
|
-
/** The content to display */
|
|
12
|
-
children: ReactNode;
|
|
13
|
-
/** The typographic style to apply */
|
|
14
|
-
variant?: TextVariant;
|
|
15
|
-
/** The semantic HTML element to render */
|
|
16
|
-
as?: ElementType;
|
|
17
|
-
/** Text alignment */
|
|
18
|
-
align?: TextAlign;
|
|
19
|
-
/** Font weight override */
|
|
20
|
-
weight?: FontWeight;
|
|
21
|
-
/** Text color based on semantic tokens */
|
|
22
|
-
color?: TextColor;
|
|
23
|
-
/** If true, the text will not wrap and show ellipsis */
|
|
24
|
-
noWrap?: boolean;
|
|
25
|
-
margin?: BoxMargin;
|
|
26
|
-
/** Horizontal margin */
|
|
27
|
-
marginX?: BoxMargin;
|
|
28
|
-
/** Vertical margin */
|
|
29
|
-
marginY?: BoxMargin;
|
|
30
|
-
/** Top margin */
|
|
31
|
-
marginTop?: BoxMargin;
|
|
32
|
-
/** Bottom margin */
|
|
33
|
-
marginBottom?: BoxMargin;
|
|
34
|
-
/** Left margin */
|
|
35
|
-
marginLeft?: BoxMargin;
|
|
36
|
-
/** Right margin */
|
|
37
|
-
marginRight?: BoxMargin;
|
|
38
|
-
/** Padding */
|
|
39
|
-
padding?: BoxPadding;
|
|
40
|
-
/** Horizontal padding */
|
|
41
|
-
paddingX?: BoxPadding;
|
|
42
|
-
/** Vertical padding */
|
|
43
|
-
paddingY?: BoxPadding;
|
|
44
|
-
/** Top padding */
|
|
45
|
-
paddingTop?: BoxPadding;
|
|
46
|
-
/** Bottom padding */
|
|
47
|
-
paddingBottom?: BoxPadding;
|
|
48
|
-
/** Left padding */
|
|
49
|
-
paddingLeft?: BoxPadding;
|
|
50
|
-
/** Right padding */
|
|
51
|
-
paddingRight?: BoxPadding;
|
|
52
|
-
}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
-
declare const meta: {
|
|
3
|
-
title: string;
|
|
4
|
-
component: ({ size, error, label, helperText, fullWidth, className, id, rows, ...props }: import('./Textarea.types.ts').TextareaProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
-
tags: string[];
|
|
6
|
-
parameters: {
|
|
7
|
-
layout: string;
|
|
8
|
-
};
|
|
9
|
-
argTypes: {
|
|
10
|
-
size: {
|
|
11
|
-
control: "select";
|
|
12
|
-
options: string[];
|
|
13
|
-
};
|
|
14
|
-
error: {
|
|
15
|
-
control: "boolean";
|
|
16
|
-
};
|
|
17
|
-
disabled: {
|
|
18
|
-
control: "boolean";
|
|
19
|
-
};
|
|
20
|
-
fullWidth: {
|
|
21
|
-
control: "boolean";
|
|
22
|
-
};
|
|
23
|
-
};
|
|
24
|
-
};
|
|
25
|
-
export default meta;
|
|
26
|
-
type Story = StoryObj<typeof meta>;
|
|
27
|
-
export declare const Default: Story;
|
|
28
|
-
export declare const WithError: Story;
|
|
29
|
-
export declare const Disabled: Story;
|
|
30
|
-
export declare const Small: Story;
|
|
31
|
-
export declare const Large: Story;
|
|
32
|
-
export declare const Gallery: Story;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { TextareaHTMLAttributes } from 'react';
|
|
2
|
-
export type TextareaSize = 'sm' | 'md' | 'lg';
|
|
3
|
-
export interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
4
|
-
className?: string;
|
|
5
|
-
size?: TextareaSize;
|
|
6
|
-
error?: boolean;
|
|
7
|
-
label?: string;
|
|
8
|
-
helperText?: string;
|
|
9
|
-
rows?: number;
|
|
10
|
-
fullWidth?: boolean;
|
|
11
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { Tooltip } from './Tooltip.tsx';
|
|
3
|
-
declare const meta: Meta<typeof Tooltip>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof Tooltip>;
|
|
6
|
-
export declare const Top: Story;
|
|
7
|
-
export declare const Bottom: Story;
|
|
8
|
-
export declare const Left: Story;
|
|
9
|
-
export declare const Right: Story;
|
|
10
|
-
export declare const LightVariant: Story;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
export type TooltipPosition = 'top' | 'bottom' | 'left' | 'right';
|
|
3
|
-
export type TooltipVariant = 'dark' | 'light';
|
|
4
|
-
export interface TooltipProps {
|
|
5
|
-
id?: string;
|
|
6
|
-
content: ReactNode;
|
|
7
|
-
children: ReactNode;
|
|
8
|
-
position?: TooltipPosition;
|
|
9
|
-
variant?: TooltipVariant;
|
|
10
|
-
delay?: number;
|
|
11
|
-
className?: string;
|
|
12
|
-
}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
-
declare const meta: {
|
|
3
|
-
title: string;
|
|
4
|
-
component: {
|
|
5
|
-
({ data, className, defaultExpanded, expandIcon, collapseIcon, ...props }: import('./Tree.types').TreeProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
-
Item: ({ data, label, defaultExpanded, expandIcon, collapseIcon, isRoot, level, setSize, posInSet, }: import('./TreeItem.types').TreeItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
};
|
|
8
|
-
tags: string[];
|
|
9
|
-
parameters: {
|
|
10
|
-
docs: {
|
|
11
|
-
description: {
|
|
12
|
-
component: string;
|
|
13
|
-
};
|
|
14
|
-
};
|
|
15
|
-
};
|
|
16
|
-
};
|
|
17
|
-
export default meta;
|
|
18
|
-
type Story = StoryObj<typeof meta>;
|
|
19
|
-
export declare const Simple: Story;
|
|
20
|
-
export declare const Nested: Story;
|
|
21
|
-
export declare const ArrayOnly: Story;
|
|
22
|
-
export declare const Primitive: Story;
|
|
23
|
-
export declare const NullValue: Story;
|
|
24
|
-
export declare const Collapsed: Story;
|
|
25
|
-
export declare const ExpandedByDefault: Story;
|
|
26
|
-
export declare const CustomIcons: Story;
|
|
27
|
-
export declare const EmptyStructures: Story;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
-
declare const meta: {
|
|
3
|
-
title: string;
|
|
4
|
-
component: ({ header, navbar, children, className, maxWidth, }: import('./AppLayout.types.ts').AppLayoutProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
-
parameters: {
|
|
6
|
-
layout: string;
|
|
7
|
-
};
|
|
8
|
-
};
|
|
9
|
-
export default meta;
|
|
10
|
-
type Story = StoryObj<typeof meta>;
|
|
11
|
-
export declare const Default: Story;
|
|
12
|
-
export declare const LoggedOut: Story;
|
|
13
|
-
export declare const LongHeaderContent: Story;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
export interface AppLayoutProps {
|
|
3
|
-
/** Additional class name for the layout root */
|
|
4
|
-
className?: string;
|
|
5
|
-
/** Max width for the main content container */
|
|
6
|
-
maxWidth?: string | number;
|
|
7
|
-
/** Header slot — render a pre-configured Header component */
|
|
8
|
-
header?: ReactNode;
|
|
9
|
-
/** NavBar slot — render a pre-configured NavBar component */
|
|
10
|
-
navbar?: ReactNode;
|
|
11
|
-
/** Main content */
|
|
12
|
-
children: ReactNode;
|
|
13
|
-
}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
-
declare const meta: {
|
|
3
|
-
title: string;
|
|
4
|
-
component: ({ logo, title, description, children, className }: import('./AuthLayout.types.tsx').AuthLayoutProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
-
parameters: {
|
|
6
|
-
layout: string;
|
|
7
|
-
};
|
|
8
|
-
};
|
|
9
|
-
export default meta;
|
|
10
|
-
type Story = StoryObj<typeof meta>;
|
|
11
|
-
export declare const Login: Story;
|
|
12
|
-
export declare const SignUp: Story;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
-
declare const meta: {
|
|
3
|
-
title: string;
|
|
4
|
-
component: ({ header, breadcrumbs, actions, stats, children, className, }: import('./DashboardLayout.types.tsx').DashboardLayoutProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
-
parameters: {
|
|
6
|
-
layout: string;
|
|
7
|
-
};
|
|
8
|
-
};
|
|
9
|
-
export default meta;
|
|
10
|
-
type Story = StoryObj<typeof meta>;
|
|
11
|
-
export declare const Overview: Story;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
export interface DashboardLayoutProps {
|
|
3
|
-
className?: string;
|
|
4
|
-
/** Header slot — render a pre-configured Header component */
|
|
5
|
-
header?: ReactNode;
|
|
6
|
-
breadcrumbs?: ReactNode;
|
|
7
|
-
actions?: ReactNode;
|
|
8
|
-
stats?: ReactNode;
|
|
9
|
-
children: ReactNode;
|
|
10
|
-
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
-
declare const meta: {
|
|
3
|
-
title: string;
|
|
4
|
-
component: ({ header, breadcrumbs, sidebar, children, className, }: import('./SettingsLayout.types.tsx').SettingsLayoutProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
-
parameters: {
|
|
6
|
-
layout: string;
|
|
7
|
-
};
|
|
8
|
-
};
|
|
9
|
-
export default meta;
|
|
10
|
-
type Story = StoryObj<typeof meta>;
|
|
11
|
-
export declare const ProfileSettings: Story;
|