@davidbirchall/core 1.0.0
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/components/Badge/Badge.stories.d.ts +33 -0
- package/dist/components/Badge/Badge.test.d.ts +1 -0
- package/dist/components/Button/Button.stories.d.ts +30 -0
- package/dist/components/Button/Button.test.d.ts +1 -0
- package/dist/components/Button/types.d.ts +4 -0
- package/dist/components/Calendar/Calendar.stories.d.ts +27 -0
- package/dist/components/Calendar/Calendar.test.d.ts +1 -0
- package/dist/components/Calendar/types.d.ts +22 -0
- package/dist/components/Card/Card.stories.d.ts +21 -0
- package/dist/components/Card/Card.test.d.ts +1 -0
- package/dist/components/Card/types.d.ts +3 -0
- package/dist/components/Checkbox/Checkbox.stories.d.ts +41 -0
- package/dist/components/Checkbox/Checkbox.test.d.ts +1 -0
- package/dist/components/Checkbox/types.d.ts +7 -0
- package/dist/components/DataTable/DataTable.stories.d.ts +29 -0
- package/dist/components/DataTable/DataTable.test.d.ts +1 -0
- package/dist/components/DataTable/types.d.ts +11 -0
- package/dist/components/DatePicker/DatePicker.stories.d.ts +15 -0
- package/dist/components/DatePicker/DatePicker.test.d.ts +1 -0
- package/dist/components/Dropdown/Dropdown.stories.d.ts +32 -0
- package/dist/components/Dropdown/types.d.ts +13 -0
- package/dist/components/EmptyState/EmptyState.stories.d.ts +54 -0
- package/dist/components/EmptyState/types.d.ts +8 -0
- package/dist/components/ErrorSummary/types.d.ts +4 -0
- package/dist/components/FormGroup/FormGroup.stories.d.ts +42 -0
- package/dist/components/FormGroup/FormGroup.test.d.ts +1 -0
- package/dist/components/Heading/Heading.stories.d.ts +32 -0
- package/dist/components/Heading/Heading.test.d.ts +1 -0
- package/dist/components/Heading/types.d.ts +6 -0
- package/dist/components/Input/Input.stories.d.ts +47 -0
- package/dist/components/Input/Input.test.d.ts +1 -0
- package/dist/components/Input/types.d.ts +11 -0
- package/dist/components/Modal/Modal.stories.d.ts +45 -0
- package/dist/components/Modal/Modal.test.d.ts +1 -0
- package/dist/components/ProgressBar/ProgressBar.stories.d.ts +72 -0
- package/dist/components/ProgressBar/ProgressBar.test.d.ts +1 -0
- package/dist/components/Select/Select.stories.d.ts +41 -0
- package/dist/components/Select/Select.test.d.ts +1 -0
- package/dist/components/Select/types.d.ts +15 -0
- package/dist/components/StatCard/StatCard.stories.d.ts +60 -0
- package/dist/components/StatCard/types.d.ts +12 -0
- package/dist/components/Tag/Tag.stories.d.ts +26 -0
- package/dist/components/Tag/Tag.test.d.ts +1 -0
- package/dist/components/Tag/types.d.ts +4 -0
- package/dist/components/TextArea/TextArea.stories.d.ts +49 -0
- package/dist/components/TextArea/TextArea.test.d.ts +1 -0
- package/dist/components/TextArea/types.d.ts +11 -0
- package/dist/components/index.d.ts +33 -0
- package/dist/core.css +1 -0
- package/dist/index.cjs +1 -0
- package/dist/index.d.ts +8 -0
- package/dist/index.js +1190 -0
- package/dist/test/setup.d.ts +1 -0
- package/package.json +59 -0
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/vue3';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import("vue").DefineComponent<{}, {}, any>;
|
|
5
|
+
tags: string[];
|
|
6
|
+
argTypes: {
|
|
7
|
+
variant: {
|
|
8
|
+
control: string;
|
|
9
|
+
options: string[];
|
|
10
|
+
description: string;
|
|
11
|
+
};
|
|
12
|
+
size: {
|
|
13
|
+
control: string;
|
|
14
|
+
options: string[];
|
|
15
|
+
description: string;
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
args: {
|
|
19
|
+
variant: string;
|
|
20
|
+
size: string;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
export default meta;
|
|
24
|
+
type Story = StoryObj<typeof meta>;
|
|
25
|
+
export declare const Primary: Story;
|
|
26
|
+
export declare const Success: Story;
|
|
27
|
+
export declare const Warning: Story;
|
|
28
|
+
export declare const Danger: Story;
|
|
29
|
+
export declare const Info: Story;
|
|
30
|
+
export declare const Small: Story;
|
|
31
|
+
export declare const Large: Story;
|
|
32
|
+
export declare const AllVariants: Story;
|
|
33
|
+
export declare const AllSizes: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/vue3';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import("vue").DefineComponent<{}, {}, any>;
|
|
5
|
+
tags: string[];
|
|
6
|
+
argTypes: {
|
|
7
|
+
variant: {
|
|
8
|
+
control: string;
|
|
9
|
+
options: string[];
|
|
10
|
+
description: string;
|
|
11
|
+
};
|
|
12
|
+
disabled: {
|
|
13
|
+
control: string;
|
|
14
|
+
description: string;
|
|
15
|
+
};
|
|
16
|
+
onClick: {
|
|
17
|
+
action: string;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
args: {
|
|
21
|
+
variant: string;
|
|
22
|
+
disabled: boolean;
|
|
23
|
+
};
|
|
24
|
+
};
|
|
25
|
+
export default meta;
|
|
26
|
+
type Story = StoryObj<typeof meta>;
|
|
27
|
+
export declare const Primary: Story;
|
|
28
|
+
export declare const Secondary: Story;
|
|
29
|
+
export declare const Danger: Story;
|
|
30
|
+
export declare const Disabled: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/vue3';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import("vue").DefineComponent<{}, {}, any>;
|
|
5
|
+
tags: string[];
|
|
6
|
+
argTypes: {
|
|
7
|
+
mode: {
|
|
8
|
+
control: string;
|
|
9
|
+
options: string[];
|
|
10
|
+
};
|
|
11
|
+
firstDayOfWeek: {
|
|
12
|
+
control: string;
|
|
13
|
+
options: number[];
|
|
14
|
+
description: string;
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
export default meta;
|
|
19
|
+
type Story = StoryObj<typeof meta>;
|
|
20
|
+
export declare const SingleDate: Story;
|
|
21
|
+
export declare const MultipleDates: Story;
|
|
22
|
+
export declare const DateRange: Story;
|
|
23
|
+
export declare const WithMinMaxDates: Story;
|
|
24
|
+
export declare const WithDisabledDates: Story;
|
|
25
|
+
export declare const MondayFirstDay: Story;
|
|
26
|
+
export declare const BookingInterface: Story;
|
|
27
|
+
export declare const MultipleCalendars: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
export interface CalendarProps {
|
|
2
|
+
modelValue?: string | string[] | {
|
|
3
|
+
start: string;
|
|
4
|
+
end: string;
|
|
5
|
+
};
|
|
6
|
+
mode?: 'single' | 'multiple' | 'range';
|
|
7
|
+
minDate?: string;
|
|
8
|
+
maxDate?: string;
|
|
9
|
+
disabledDates?: string[];
|
|
10
|
+
locale?: string;
|
|
11
|
+
firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
|
|
12
|
+
initialDate?: string;
|
|
13
|
+
}
|
|
14
|
+
export interface CalendarDay {
|
|
15
|
+
date: Date;
|
|
16
|
+
dateString: string;
|
|
17
|
+
isCurrentMonth: boolean;
|
|
18
|
+
isToday: boolean;
|
|
19
|
+
isSelected: boolean;
|
|
20
|
+
isDisabled: boolean;
|
|
21
|
+
isInRange: boolean;
|
|
22
|
+
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/vue3';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import("vue").DefineComponent<{}, {}, any>;
|
|
5
|
+
tags: string[];
|
|
6
|
+
argTypes: {
|
|
7
|
+
hoverable: {
|
|
8
|
+
control: string;
|
|
9
|
+
description: string;
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
args: {
|
|
13
|
+
hoverable: boolean;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
export default meta;
|
|
17
|
+
type Story = StoryObj<typeof meta>;
|
|
18
|
+
export declare const Default: Story;
|
|
19
|
+
export declare const WithHeader: Story;
|
|
20
|
+
export declare const WithHeaderAndFooter: Story;
|
|
21
|
+
export declare const Hoverable: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/vue3';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import("vue").DefineComponent<{}, {}, any>;
|
|
5
|
+
tags: string[];
|
|
6
|
+
argTypes: {
|
|
7
|
+
modelValue: {
|
|
8
|
+
control: string;
|
|
9
|
+
description: string;
|
|
10
|
+
};
|
|
11
|
+
label: {
|
|
12
|
+
control: string;
|
|
13
|
+
description: string;
|
|
14
|
+
};
|
|
15
|
+
disabled: {
|
|
16
|
+
control: string;
|
|
17
|
+
description: string;
|
|
18
|
+
};
|
|
19
|
+
required: {
|
|
20
|
+
control: string;
|
|
21
|
+
description: string;
|
|
22
|
+
};
|
|
23
|
+
error: {
|
|
24
|
+
control: string;
|
|
25
|
+
description: string;
|
|
26
|
+
};
|
|
27
|
+
};
|
|
28
|
+
args: {
|
|
29
|
+
modelValue: boolean;
|
|
30
|
+
disabled: boolean;
|
|
31
|
+
required: boolean;
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
export default meta;
|
|
35
|
+
type Story = StoryObj<typeof meta>;
|
|
36
|
+
export declare const Default: Story;
|
|
37
|
+
export declare const Checked: Story;
|
|
38
|
+
export declare const Disabled: Story;
|
|
39
|
+
export declare const DisabledChecked: Story;
|
|
40
|
+
export declare const WithError: Story;
|
|
41
|
+
export declare const WithoutLabel: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/vue3';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import("vue").DefineComponent<{}, {}, any>;
|
|
5
|
+
tags: string[];
|
|
6
|
+
argTypes: {
|
|
7
|
+
hoverable: {
|
|
8
|
+
control: string;
|
|
9
|
+
description: string;
|
|
10
|
+
};
|
|
11
|
+
emptyText: {
|
|
12
|
+
control: string;
|
|
13
|
+
description: string;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
args: {
|
|
17
|
+
hoverable: boolean;
|
|
18
|
+
emptyText: string;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
export default meta;
|
|
22
|
+
type Story = StoryObj<typeof meta>;
|
|
23
|
+
export declare const Basic: Story;
|
|
24
|
+
export declare const Empty: Story;
|
|
25
|
+
export declare const CustomEmptyText: Story;
|
|
26
|
+
export declare const NoHover: Story;
|
|
27
|
+
export declare const ProductTable: Story;
|
|
28
|
+
export declare const WithCustomSlots: Story;
|
|
29
|
+
export declare const LargeDataset: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/vue3';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import("vue").DefineComponent<{}, {}, any>;
|
|
5
|
+
tags: string[];
|
|
6
|
+
};
|
|
7
|
+
export default meta;
|
|
8
|
+
type Story = StoryObj<typeof meta>;
|
|
9
|
+
export declare const Default: Story;
|
|
10
|
+
export declare const WithValue: Story;
|
|
11
|
+
export declare const DateRange: Story;
|
|
12
|
+
export declare const WithMinMaxDates: Story;
|
|
13
|
+
export declare const FormExample: Story;
|
|
14
|
+
export declare const LongFormat: Story;
|
|
15
|
+
export declare const Disabled: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/vue3';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import("vue").DefineComponent<{}, {}, any>;
|
|
5
|
+
tags: string[];
|
|
6
|
+
argTypes: {
|
|
7
|
+
placement: {
|
|
8
|
+
control: string;
|
|
9
|
+
options: string[];
|
|
10
|
+
description: string;
|
|
11
|
+
};
|
|
12
|
+
closeOnClick: {
|
|
13
|
+
control: string;
|
|
14
|
+
description: string;
|
|
15
|
+
};
|
|
16
|
+
disabled: {
|
|
17
|
+
control: string;
|
|
18
|
+
description: string;
|
|
19
|
+
};
|
|
20
|
+
onSelect: {
|
|
21
|
+
action: string;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
};
|
|
25
|
+
export default meta;
|
|
26
|
+
type Story = StoryObj<typeof meta>;
|
|
27
|
+
export declare const Default: Story;
|
|
28
|
+
export declare const WithHeader: Story;
|
|
29
|
+
export declare const WithFooter: Story;
|
|
30
|
+
export declare const UserMenu: Story;
|
|
31
|
+
export declare const Disabled: Story;
|
|
32
|
+
export declare const Placements: Story;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export interface DropdownItem {
|
|
2
|
+
label: string;
|
|
3
|
+
value: string;
|
|
4
|
+
icon?: string;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
divider?: boolean;
|
|
7
|
+
}
|
|
8
|
+
export interface DropdownProps {
|
|
9
|
+
items?: DropdownItem[];
|
|
10
|
+
placement?: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';
|
|
11
|
+
closeOnClick?: boolean;
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/vue3';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import("vue").DefineComponent<{}, {}, any>;
|
|
5
|
+
tags: string[];
|
|
6
|
+
argTypes: {
|
|
7
|
+
title: {
|
|
8
|
+
control: string;
|
|
9
|
+
description: string;
|
|
10
|
+
};
|
|
11
|
+
description: {
|
|
12
|
+
control: string;
|
|
13
|
+
description: string;
|
|
14
|
+
};
|
|
15
|
+
icon: {
|
|
16
|
+
control: string;
|
|
17
|
+
description: string;
|
|
18
|
+
};
|
|
19
|
+
actionText: {
|
|
20
|
+
control: string;
|
|
21
|
+
description: string;
|
|
22
|
+
};
|
|
23
|
+
actionVariant: {
|
|
24
|
+
control: string;
|
|
25
|
+
options: string[];
|
|
26
|
+
description: string;
|
|
27
|
+
};
|
|
28
|
+
size: {
|
|
29
|
+
control: string;
|
|
30
|
+
options: string[];
|
|
31
|
+
description: string;
|
|
32
|
+
};
|
|
33
|
+
onAction: {
|
|
34
|
+
action: string;
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
args: {
|
|
38
|
+
size: string;
|
|
39
|
+
actionVariant: string;
|
|
40
|
+
};
|
|
41
|
+
};
|
|
42
|
+
export default meta;
|
|
43
|
+
type Story = StoryObj<typeof meta>;
|
|
44
|
+
export declare const Default: Story;
|
|
45
|
+
export declare const WithAction: Story;
|
|
46
|
+
export declare const NoData: Story;
|
|
47
|
+
export declare const NoResults: Story;
|
|
48
|
+
export declare const EmptyInbox: Story;
|
|
49
|
+
export declare const Small: Story;
|
|
50
|
+
export declare const Large: Story;
|
|
51
|
+
export declare const CustomIcon: Story;
|
|
52
|
+
export declare const ErrorState: Story;
|
|
53
|
+
export declare const WithCustomSlots: Story;
|
|
54
|
+
export declare const AllSizes: Story;
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/vue3';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import("vue").DefineComponent<{}, {}, any>;
|
|
5
|
+
tags: string[];
|
|
6
|
+
argTypes: {
|
|
7
|
+
label: {
|
|
8
|
+
control: string;
|
|
9
|
+
description: string;
|
|
10
|
+
};
|
|
11
|
+
id: {
|
|
12
|
+
control: string;
|
|
13
|
+
description: string;
|
|
14
|
+
};
|
|
15
|
+
hint: {
|
|
16
|
+
control: string;
|
|
17
|
+
description: string;
|
|
18
|
+
};
|
|
19
|
+
error: {
|
|
20
|
+
control: string;
|
|
21
|
+
description: string;
|
|
22
|
+
};
|
|
23
|
+
required: {
|
|
24
|
+
control: string;
|
|
25
|
+
description: string;
|
|
26
|
+
};
|
|
27
|
+
};
|
|
28
|
+
args: {
|
|
29
|
+
label: string;
|
|
30
|
+
id: string;
|
|
31
|
+
required: boolean;
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
export default meta;
|
|
35
|
+
type Story = StoryObj<typeof meta>;
|
|
36
|
+
export declare const Default: Story;
|
|
37
|
+
export declare const Required: Story;
|
|
38
|
+
export declare const WithError: Story;
|
|
39
|
+
export declare const WithTextarea: Story;
|
|
40
|
+
export declare const WithSelect: Story;
|
|
41
|
+
export declare const CompleteForm: Story;
|
|
42
|
+
export declare const NoLabel: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/vue3';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import("vue").DefineComponent<{}, {}, any>;
|
|
5
|
+
tags: string[];
|
|
6
|
+
argTypes: {
|
|
7
|
+
tag: {
|
|
8
|
+
control: string;
|
|
9
|
+
options: string[];
|
|
10
|
+
};
|
|
11
|
+
size: {
|
|
12
|
+
control: string;
|
|
13
|
+
options: string[];
|
|
14
|
+
};
|
|
15
|
+
weight: {
|
|
16
|
+
control: string;
|
|
17
|
+
options: string[];
|
|
18
|
+
};
|
|
19
|
+
align: {
|
|
20
|
+
control: string;
|
|
21
|
+
options: string[];
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
};
|
|
25
|
+
export default meta;
|
|
26
|
+
type Story = StoryObj<typeof meta>;
|
|
27
|
+
export declare const Default: Story;
|
|
28
|
+
export declare const AllSizes: Story;
|
|
29
|
+
export declare const AllWeights: Story;
|
|
30
|
+
export declare const Alignment: Story;
|
|
31
|
+
export declare const SemanticVsVisual: Story;
|
|
32
|
+
export declare const CustomStyling: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/vue3';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import("vue").DefineComponent<{}, {}, any>;
|
|
5
|
+
tags: string[];
|
|
6
|
+
argTypes: {
|
|
7
|
+
type: {
|
|
8
|
+
control: string;
|
|
9
|
+
options: string[];
|
|
10
|
+
description: string;
|
|
11
|
+
};
|
|
12
|
+
label: {
|
|
13
|
+
control: string;
|
|
14
|
+
description: string;
|
|
15
|
+
};
|
|
16
|
+
placeholder: {
|
|
17
|
+
control: string;
|
|
18
|
+
description: string;
|
|
19
|
+
};
|
|
20
|
+
disabled: {
|
|
21
|
+
control: string;
|
|
22
|
+
description: string;
|
|
23
|
+
};
|
|
24
|
+
required: {
|
|
25
|
+
control: string;
|
|
26
|
+
description: string;
|
|
27
|
+
};
|
|
28
|
+
error: {
|
|
29
|
+
control: string;
|
|
30
|
+
description: string;
|
|
31
|
+
};
|
|
32
|
+
hint: {
|
|
33
|
+
control: string;
|
|
34
|
+
description: string;
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
};
|
|
38
|
+
export default meta;
|
|
39
|
+
type Story = StoryObj<typeof meta>;
|
|
40
|
+
export declare const Default: Story;
|
|
41
|
+
export declare const WithValue: Story;
|
|
42
|
+
export declare const WithHint: Story;
|
|
43
|
+
export declare const WithError: Story;
|
|
44
|
+
export declare const Required: Story;
|
|
45
|
+
export declare const Disabled: Story;
|
|
46
|
+
export declare const Number: Story;
|
|
47
|
+
export declare const Password: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export interface InputProps {
|
|
2
|
+
modelValue?: string | number;
|
|
3
|
+
id?: string;
|
|
4
|
+
label?: string;
|
|
5
|
+
type?: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'time';
|
|
6
|
+
placeholder?: string;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
required?: boolean;
|
|
9
|
+
error?: string;
|
|
10
|
+
hint?: string;
|
|
11
|
+
}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/vue3';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import("vue").DefineComponent<{}, {}, any>;
|
|
5
|
+
tags: string[];
|
|
6
|
+
argTypes: {
|
|
7
|
+
modelValue: {
|
|
8
|
+
control: string;
|
|
9
|
+
description: string;
|
|
10
|
+
};
|
|
11
|
+
title: {
|
|
12
|
+
control: string;
|
|
13
|
+
description: string;
|
|
14
|
+
};
|
|
15
|
+
size: {
|
|
16
|
+
control: string;
|
|
17
|
+
options: string[];
|
|
18
|
+
description: string;
|
|
19
|
+
};
|
|
20
|
+
closable: {
|
|
21
|
+
control: string;
|
|
22
|
+
description: string;
|
|
23
|
+
};
|
|
24
|
+
closeOnOverlay: {
|
|
25
|
+
control: string;
|
|
26
|
+
description: string;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
args: {
|
|
30
|
+
title: string;
|
|
31
|
+
size: string;
|
|
32
|
+
closable: boolean;
|
|
33
|
+
closeOnOverlay: boolean;
|
|
34
|
+
};
|
|
35
|
+
};
|
|
36
|
+
export default meta;
|
|
37
|
+
type Story = StoryObj<typeof meta>;
|
|
38
|
+
export declare const Default: Story;
|
|
39
|
+
export declare const WithFooter: Story;
|
|
40
|
+
export declare const Small: Story;
|
|
41
|
+
export declare const Large: Story;
|
|
42
|
+
export declare const NoClose: Story;
|
|
43
|
+
export declare const CustomHeader: Story;
|
|
44
|
+
export declare const FormModal: Story;
|
|
45
|
+
export declare const ConfirmDialog: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/vue3';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import("vue").DefineComponent<{}, {}, any>;
|
|
5
|
+
tags: string[];
|
|
6
|
+
argTypes: {
|
|
7
|
+
percentage: {
|
|
8
|
+
control: {
|
|
9
|
+
type: string;
|
|
10
|
+
min: number;
|
|
11
|
+
max: number;
|
|
12
|
+
step: number;
|
|
13
|
+
};
|
|
14
|
+
description: string;
|
|
15
|
+
};
|
|
16
|
+
label: {
|
|
17
|
+
control: string;
|
|
18
|
+
description: string;
|
|
19
|
+
};
|
|
20
|
+
showLabel: {
|
|
21
|
+
control: string;
|
|
22
|
+
description: string;
|
|
23
|
+
};
|
|
24
|
+
showPercentageInBar: {
|
|
25
|
+
control: string;
|
|
26
|
+
description: string;
|
|
27
|
+
};
|
|
28
|
+
height: {
|
|
29
|
+
control: {
|
|
30
|
+
type: string;
|
|
31
|
+
min: number;
|
|
32
|
+
max: number;
|
|
33
|
+
step: number;
|
|
34
|
+
};
|
|
35
|
+
description: string;
|
|
36
|
+
};
|
|
37
|
+
variant: {
|
|
38
|
+
control: string;
|
|
39
|
+
options: string[];
|
|
40
|
+
description: string;
|
|
41
|
+
};
|
|
42
|
+
animated: {
|
|
43
|
+
control: string;
|
|
44
|
+
description: string;
|
|
45
|
+
};
|
|
46
|
+
};
|
|
47
|
+
args: {
|
|
48
|
+
percentage: number;
|
|
49
|
+
showLabel: boolean;
|
|
50
|
+
showPercentageInBar: boolean;
|
|
51
|
+
height: number;
|
|
52
|
+
variant: string;
|
|
53
|
+
animated: boolean;
|
|
54
|
+
};
|
|
55
|
+
};
|
|
56
|
+
export default meta;
|
|
57
|
+
type Story = StoryObj<typeof meta>;
|
|
58
|
+
export declare const Default: Story;
|
|
59
|
+
export declare const Success: Story;
|
|
60
|
+
export declare const Warning: Story;
|
|
61
|
+
export declare const Danger: Story;
|
|
62
|
+
export declare const WithPercentageInBar: Story;
|
|
63
|
+
export declare const Thin: Story;
|
|
64
|
+
export declare const Thick: Story;
|
|
65
|
+
export declare const NoLabel: Story;
|
|
66
|
+
export declare const NotAnimated: Story;
|
|
67
|
+
export declare const Animated: Story;
|
|
68
|
+
export declare const MultipleSteps: Story;
|
|
69
|
+
export declare const FileUpload: Story;
|
|
70
|
+
export declare const AllVariants: Story;
|
|
71
|
+
export declare const AllSizes: Story;
|
|
72
|
+
export declare const TaskCompletion: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|