@altimateai/ui-components 0.0.18 → 0.0.20
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/CoachForm.js +1 -1
- package/dist/assets/icons/index.d.ts +5 -1
- package/dist/assets/icons/index.js +15 -13
- package/dist/index2.js +72 -70
- package/dist/shadcn/index.d.ts +1 -1
- package/dist/shadcn/index.js +668 -648
- package/dist/storybook/Alert.stories.tsx +42 -2
- package/dist/storybook/drag-and-drop-file-upload.stories.tsx +1 -1
- package/package.json +1 -1
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
import { Meta, StoryFn } from "@storybook/react";
|
|
2
2
|
import { Alert, AlertTitle, AlertDescription } from "../shadcn";
|
|
3
|
-
import { InfoCircleIcon } from "@ac-assets/icons";
|
|
3
|
+
import { InfoCircleIcon, PassIcon, WarningIcon } from "@ac-assets/icons";
|
|
4
4
|
|
|
5
5
|
export default {
|
|
6
6
|
title: "Shadcn/Components/Alert",
|
|
7
7
|
component: Alert,
|
|
8
|
+
tags: ["autodocs"],
|
|
8
9
|
argTypes: {
|
|
9
10
|
variant: {
|
|
10
11
|
control: "select",
|
|
11
|
-
options: ["default", "destructive"],
|
|
12
|
+
options: ["default", "destructive", "warning", "success", "info"],
|
|
12
13
|
},
|
|
13
14
|
},
|
|
14
15
|
} as Meta;
|
|
@@ -59,3 +60,42 @@ export const DescriptionOnly: StoryFn = () => (
|
|
|
59
60
|
<AlertDescription>Simple Alert with Description Only</AlertDescription>
|
|
60
61
|
</Alert>
|
|
61
62
|
);
|
|
63
|
+
|
|
64
|
+
export const Warning = Template.bind({});
|
|
65
|
+
Warning.args = {
|
|
66
|
+
variant: "warning",
|
|
67
|
+
};
|
|
68
|
+
|
|
69
|
+
export const Success = Template.bind({});
|
|
70
|
+
Success.args = {
|
|
71
|
+
variant: "success",
|
|
72
|
+
};
|
|
73
|
+
|
|
74
|
+
export const Info = Template.bind({});
|
|
75
|
+
Info.args = {
|
|
76
|
+
variant: "info",
|
|
77
|
+
};
|
|
78
|
+
|
|
79
|
+
export const WarningWithIcon: StoryFn = () => (
|
|
80
|
+
<Alert variant="warning">
|
|
81
|
+
<WarningIcon className="al-h-4 al-w-4" />
|
|
82
|
+
<AlertTitle>Warning Alert</AlertTitle>
|
|
83
|
+
<AlertDescription>This is a warning message. Please review your action.</AlertDescription>
|
|
84
|
+
</Alert>
|
|
85
|
+
);
|
|
86
|
+
|
|
87
|
+
export const SuccessWithIcon: StoryFn = () => (
|
|
88
|
+
<Alert variant="success">
|
|
89
|
+
<PassIcon className="al-h-4 al-w-4" />
|
|
90
|
+
<AlertTitle>Success Alert</AlertTitle>
|
|
91
|
+
<AlertDescription>Operation completed successfully!</AlertDescription>
|
|
92
|
+
</Alert>
|
|
93
|
+
);
|
|
94
|
+
|
|
95
|
+
export const InfoWithIcon: StoryFn = () => (
|
|
96
|
+
<Alert variant="info">
|
|
97
|
+
<InfoCircleIcon className="al-h-4 al-w-4" />
|
|
98
|
+
<AlertTitle>Information Alert</AlertTitle>
|
|
99
|
+
<AlertDescription>Here's some helpful information for you.</AlertDescription>
|
|
100
|
+
</Alert>
|
|
101
|
+
);
|