@altimateai/ui-components 0.0.23-beta.2 → 0.0.23-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/{Button-Ba6FLZh8.d.ts → Button-C4jhPGlR.d.ts} +1 -1
- package/dist/CoachForm.js +49 -49
- package/dist/Form.js +89 -89
- package/dist/{Tooltip.js → Stack.js} +349 -276
- package/dist/Switch.js +1 -1
- package/dist/Table.js +1 -1
- package/dist/assets/icons/index.d.ts +2 -0
- package/dist/assets/icons/index.js +48 -47
- package/dist/index.css +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +13 -12
- package/dist/index2.css +1 -1
- package/dist/index2.js +142 -141
- package/dist/lineage/index.js +83 -79
- package/dist/main.js +96 -96
- package/dist/redux-toolkit.modern.js +464 -534
- package/dist/shadcn/index.d.ts +33 -8
- package/dist/shadcn/index.js +5858 -2905
- package/dist/storybook/Badge.stories.tsx +7 -0
- package/dist/storybook/Calendar.stories.tsx +103 -0
- package/dist/storybook/Card.stories.tsx +2 -2
- package/dist/storybook/DateRange.stories.tsx +540 -0
- package/dist/storybook/Label.stories.tsx +2 -2
- package/dist/storybook/Typography.stories.tsx +26 -0
- package/package.json +2 -2
|
@@ -23,6 +23,10 @@ export const Typography: Story = {
|
|
|
23
23
|
<div className="space-y-8">
|
|
24
24
|
{/* Heading 1 Variations */}
|
|
25
25
|
<div className="al-border al-flex al-justify-between al-p-4 al-my-2">
|
|
26
|
+
<Component variant="h1" weight="light">
|
|
27
|
+
Heading 1
|
|
28
|
+
<br /> Light
|
|
29
|
+
</Component>
|
|
26
30
|
<Component variant="h1" weight="regular">
|
|
27
31
|
Heading 1
|
|
28
32
|
<br /> Regular
|
|
@@ -46,6 +50,10 @@ export const Typography: Story = {
|
|
|
46
50
|
|
|
47
51
|
{/* Heading 2 Variations */}
|
|
48
52
|
<div className="al-border al-flex al-justify-between al-p-4 al-my-2">
|
|
53
|
+
<Component variant="h2" weight="light">
|
|
54
|
+
Heading 2 <br />
|
|
55
|
+
Light
|
|
56
|
+
</Component>
|
|
49
57
|
<Component variant="h2" weight="regular">
|
|
50
58
|
Heading 2 <br />
|
|
51
59
|
Regular
|
|
@@ -69,6 +77,10 @@ export const Typography: Story = {
|
|
|
69
77
|
|
|
70
78
|
{/* Heading 3 Variations */}
|
|
71
79
|
<div className="al-border al-flex al-justify-between al-p-4 al-my-2">
|
|
80
|
+
<Component variant="h3" weight="light">
|
|
81
|
+
Heading 3 <br />
|
|
82
|
+
Light
|
|
83
|
+
</Component>
|
|
72
84
|
<Component variant="h3" weight="regular">
|
|
73
85
|
Heading 3 <br />
|
|
74
86
|
Regular
|
|
@@ -92,6 +104,10 @@ export const Typography: Story = {
|
|
|
92
104
|
|
|
93
105
|
{/* Heading 4 Variations */}
|
|
94
106
|
<div className="al-border al-flex al-justify-between al-p-4 al-my-2">
|
|
107
|
+
<Component variant="h4" weight="light">
|
|
108
|
+
Heading 4 <br />
|
|
109
|
+
Light
|
|
110
|
+
</Component>
|
|
95
111
|
<Component variant="h4" weight="regular">
|
|
96
112
|
Heading 4 <br />
|
|
97
113
|
Regular
|
|
@@ -115,6 +131,10 @@ export const Typography: Story = {
|
|
|
115
131
|
|
|
116
132
|
{/* Subheading Variations */}
|
|
117
133
|
<div className="al-border al-flex al-justify-between al-p-4 al-my-2">
|
|
134
|
+
<Component variant="subheading" weight="light">
|
|
135
|
+
Sub heading <br />
|
|
136
|
+
Light
|
|
137
|
+
</Component>
|
|
118
138
|
<Component variant="subheading" weight="regular">
|
|
119
139
|
Sub heading <br />
|
|
120
140
|
Regular
|
|
@@ -138,6 +158,9 @@ export const Typography: Story = {
|
|
|
138
158
|
|
|
139
159
|
{/* Body/Paragraph Example */}
|
|
140
160
|
<div className="al-border al-flex al-justify-between al-p-4 al-my-2">
|
|
161
|
+
<Component variant="body" size="xs">
|
|
162
|
+
Body XS <br /> Regular
|
|
163
|
+
</Component>
|
|
141
164
|
<Component variant="body" size="sm">
|
|
142
165
|
Body SM <br /> Regular
|
|
143
166
|
</Component>
|
|
@@ -157,6 +180,9 @@ export const Typography: Story = {
|
|
|
157
180
|
|
|
158
181
|
{/* Caption Example */}
|
|
159
182
|
<div className="al-border al-flex al-justify-between al-p-4 al-my-2">
|
|
183
|
+
<Component variant="caption" size="xs">
|
|
184
|
+
Caption XS <br /> Regular
|
|
185
|
+
</Component>
|
|
160
186
|
<Component variant="caption" size="sm">
|
|
161
187
|
Caption SM <br /> Regular
|
|
162
188
|
</Component>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@altimateai/ui-components",
|
|
3
|
-
"version": "0.0.23-beta.
|
|
3
|
+
"version": "0.0.23-beta.4",
|
|
4
4
|
"repository": {
|
|
5
5
|
"type": "git",
|
|
6
6
|
"url": "git+https://github.com/AltimateAI/altimate-components.git"
|
|
@@ -52,4 +52,4 @@
|
|
|
52
52
|
"react": "^17.0.0 || ^18.0.0",
|
|
53
53
|
"react-dom": "^17.0.0 || ^18.0.0"
|
|
54
54
|
}
|
|
55
|
-
}
|
|
55
|
+
}
|