@szum-tech/design-system 2.7.0 → 3.1.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/chunk-2Y2ZCPNV.cjs +61 -0
- package/dist/chunk-3376ZTRC.cjs +2 -0
- package/dist/{chunk-S5BN23O7.cjs → chunk-3KMXFN6M.cjs} +14 -20
- package/dist/chunk-5AA4IE2T.cjs +27 -0
- package/dist/chunk-5F2Y65JH.js +32 -0
- package/dist/chunk-6BSR3O2J.js +53 -0
- package/dist/chunk-BYXBJQAS.js +1 -0
- package/dist/{chunk-XIPREW2R.js → chunk-DP7UEOTA.js} +173 -176
- package/dist/chunk-HCHVDUI6.cjs +34 -0
- package/dist/chunk-HD7ZDQWW.js +173 -0
- package/dist/chunk-I3RSTJP6.js +20 -0
- package/dist/chunk-I7AV5IQO.cjs +33 -0
- package/dist/chunk-N4O2GO6V.cjs +204 -0
- package/dist/chunk-NGVFYKAT.js +29 -0
- package/dist/chunk-NU5UQPBX.cjs +25 -0
- package/dist/chunk-OQCNPNPS.js +23 -0
- package/dist/chunk-S3ANEJJ7.cjs +22 -0
- package/dist/chunk-U4AWAABZ.js +4901 -0
- package/dist/chunk-UGSNASZM.js +25 -0
- package/dist/{chunk-EIXSMEDP.cjs → chunk-UIOBJSKZ.cjs} +1 -3
- package/dist/{chunk-I5P2HH5Z.js → chunk-WJSS32MY.js} +13 -19
- package/dist/{chunk-GEACYHTU.js → chunk-XJIUGEPN.js} +1 -3
- package/dist/chunk-Y6EVJSAH.cjs +4928 -0
- package/dist/{chunk-D3MOZUNH.cjs → chunk-ZV4467OW.cjs} +176 -185
- package/dist/components/alert-dialog/index.cjs +1 -0
- package/dist/components/alert-dialog/index.js +1 -0
- package/dist/components/avatar/index.cjs +5 -4
- package/dist/components/avatar/index.d.cts +5 -19
- package/dist/components/avatar/index.d.ts +5 -19
- package/dist/components/avatar/index.js +2 -1
- package/dist/components/badge/index.cjs +1 -0
- package/dist/components/badge/index.js +1 -0
- package/dist/components/button/index.cjs +23 -3
- package/dist/components/button/index.d.cts +8 -15
- package/dist/components/button/index.d.ts +8 -15
- package/dist/components/button/index.js +22 -2
- package/dist/components/card/index.cjs +12 -7
- package/dist/components/card/index.d.cts +8 -5
- package/dist/components/card/index.d.ts +8 -5
- package/dist/components/card/index.js +2 -1
- package/dist/components/checkbox/index.cjs +12 -0
- package/dist/components/checkbox/index.d.cts +8 -0
- package/dist/components/checkbox/index.d.ts +8 -0
- package/dist/components/checkbox/index.js +3 -0
- package/dist/components/dialog/index.cjs +1 -0
- package/dist/components/dialog/index.d.cts +1 -1
- package/dist/components/dialog/index.d.ts +1 -1
- package/dist/components/dialog/index.js +1 -0
- package/dist/components/field/index.cjs +50 -0
- package/dist/components/field/index.d.cts +50 -0
- package/dist/components/field/index.d.ts +50 -0
- package/dist/components/field/index.js +5 -0
- package/dist/components/header/index.cjs +1 -0
- package/dist/components/header/index.js +1 -0
- package/dist/components/index.cjs +157 -125
- package/dist/components/index.d.cts +7 -8
- package/dist/components/index.d.ts +7 -8
- package/dist/components/index.js +14 -14
- package/dist/components/input/index.cjs +3 -2
- package/dist/components/input/index.d.cts +2 -4
- package/dist/components/input/index.d.ts +2 -4
- package/dist/components/input/index.js +2 -1
- package/dist/components/item/index.cjs +13 -12
- package/dist/components/item/index.d.cts +7 -7
- package/dist/components/item/index.d.ts +7 -7
- package/dist/components/item/index.js +3 -2
- package/dist/components/label/index.cjs +3 -2
- package/dist/components/label/index.js +2 -1
- package/dist/components/select/index.cjs +20 -3
- package/dist/components/select/index.d.cts +20 -6
- package/dist/components/select/index.d.ts +20 -6
- package/dist/components/select/index.js +2 -1
- package/dist/components/separator/index.cjs +3 -2
- package/dist/components/separator/index.js +2 -1
- package/dist/components/sheet/index.cjs +1 -0
- package/dist/components/sheet/index.d.cts +1 -1
- package/dist/components/sheet/index.d.ts +1 -1
- package/dist/components/sheet/index.js +1 -0
- package/dist/components/spinner/index.cjs +1 -0
- package/dist/components/spinner/index.js +1 -0
- package/dist/components/stepper/index.cjs +33 -33
- package/dist/components/stepper/index.js +14 -14
- package/dist/components/textarea/index.cjs +4 -2
- package/dist/components/textarea/index.d.cts +2 -2
- package/dist/components/textarea/index.d.ts +2 -2
- package/dist/components/textarea/index.js +3 -1
- package/dist/components/tooltip/index.cjs +1 -0
- package/dist/components/tooltip/index.js +1 -0
- package/dist/contexts/index.cjs +1 -0
- package/dist/contexts/index.js +1 -0
- package/dist/hooks/index.cjs +1 -0
- package/dist/hooks/index.js +1 -0
- package/dist/icons/index.cjs +89 -18
- package/dist/icons/index.js +88 -1
- package/dist/utils/index.cjs +1 -0
- package/dist/utils/index.js +1 -0
- package/package.json +8 -9
- package/tailwind/global.css +12 -8
- package/tailwind/palette.css +149 -204
- package/tailwind/typography.css +33 -57
- package/dist/chunk-36YD6ICC.js +0 -70
- package/dist/chunk-4NO6IM75.cjs +0 -40
- package/dist/chunk-5BTQ6BQA.js +0 -24
- package/dist/chunk-5PBHBOXI.js +0 -30
- package/dist/chunk-EU7G37IS.js +0 -36
- package/dist/chunk-FPFRA5Q6.cjs +0 -31
- package/dist/chunk-FVSO3RHT.cjs +0 -17
- package/dist/chunk-G6VXQ7DJ.cjs +0 -63
- package/dist/chunk-IAI7BIAG.js +0 -31
- package/dist/chunk-K4TRAPRN.cjs +0 -341
- package/dist/chunk-MI3CQBHC.js +0 -60
- package/dist/chunk-OIWEXHFE.cjs +0 -33
- package/dist/chunk-P4J2TTH7.cjs +0 -32
- package/dist/chunk-UKWZ5BHD.cjs +0 -93
- package/dist/chunk-VZKTT6CG.js +0 -15
- package/dist/chunk-XTO7CMIM.js +0 -88
- package/dist/chunk-YJFJLF7Y.js +0 -319
- package/dist/chunk-ZZ3EBGSD.cjs +0 -72
- package/dist/components/form/index.cjs +0 -55
- package/dist/components/form/index.d.cts +0 -32
- package/dist/components/form/index.d.ts +0 -32
- package/dist/components/form/index.js +0 -22
- package/dist/components/helper-text/index.cjs +0 -10
- package/dist/components/helper-text/index.d.cts +0 -18
- package/dist/components/helper-text/index.d.ts +0 -18
- package/dist/components/helper-text/index.js +0 -1
package/tailwind/palette.css
CHANGED
|
@@ -1,214 +1,159 @@
|
|
|
1
1
|
@import "tailwindcss";
|
|
2
2
|
|
|
3
3
|
:root {
|
|
4
|
-
--
|
|
5
|
-
|
|
6
|
-
--
|
|
7
|
-
--
|
|
8
|
-
|
|
9
|
-
--primary
|
|
10
|
-
--primary-
|
|
11
|
-
|
|
12
|
-
--
|
|
13
|
-
--
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
--
|
|
17
|
-
|
|
18
|
-
--
|
|
19
|
-
--
|
|
20
|
-
|
|
21
|
-
--success
|
|
22
|
-
--success-
|
|
23
|
-
|
|
24
|
-
--
|
|
25
|
-
--
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
--
|
|
29
|
-
|
|
30
|
-
--
|
|
31
|
-
|
|
32
|
-
--
|
|
33
|
-
|
|
34
|
-
--
|
|
35
|
-
|
|
36
|
-
--
|
|
37
|
-
--
|
|
38
|
-
--
|
|
39
|
-
|
|
40
|
-
--
|
|
41
|
-
|
|
42
|
-
--
|
|
43
|
-
--
|
|
44
|
-
--
|
|
45
|
-
--
|
|
46
|
-
--
|
|
47
|
-
--
|
|
48
|
-
--
|
|
49
|
-
--
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
--
|
|
53
|
-
|
|
54
|
-
--
|
|
55
|
-
--
|
|
56
|
-
--gray-400: oklch(52.08% 0 none);
|
|
57
|
-
--gray-500: oklch(60.66% 0 none);
|
|
58
|
-
--gray-600: oklch(68.3% 0 none);
|
|
59
|
-
--gray-700: oklch(76.68% 0 none);
|
|
60
|
-
--gray-800: oklch(84.52% 0 none);
|
|
61
|
-
--gray-900: oklch(92.49% 0 none);
|
|
62
|
-
--gray-950: oklch(96.12% 0 none);
|
|
63
|
-
|
|
64
|
-
--foreground: oklch(100% 0 0); /* #ffffff */
|
|
65
|
-
--background: oklch(97.61% 0 0); /* #f7f7f7 */
|
|
66
|
-
|
|
67
|
-
--background-color-primary: oklch(62.57% 0.205 254.88 / 10%);
|
|
68
|
-
--background-color-success: oklch(68.58% 0.215 145.12 / 10%);
|
|
69
|
-
--background-color-warning: oklch(73.3% 0.177 57.08 / 10%);
|
|
70
|
-
--background-color-error: oklch(60.48% 0.223 27.1 / 10%);
|
|
4
|
+
--radius: 0.25rem;
|
|
5
|
+
|
|
6
|
+
--background: oklch(1 0 0);
|
|
7
|
+
--foreground: oklch(0.145 0 0);
|
|
8
|
+
|
|
9
|
+
--primary: var(--color-blue-700);
|
|
10
|
+
--primary-foreground: var(--color-blue-50);
|
|
11
|
+
|
|
12
|
+
--secondary: oklch(0.97 0 0);
|
|
13
|
+
--secondary-foreground: oklch(0.205 0 0);
|
|
14
|
+
|
|
15
|
+
--muted: oklch(0.97 0 0);
|
|
16
|
+
--muted-foreground: oklch(0.556 0 0);
|
|
17
|
+
|
|
18
|
+
--accent: oklch(0.97 0 0);
|
|
19
|
+
--accent-foreground: oklch(0.205 0 0);
|
|
20
|
+
|
|
21
|
+
--success: var(--color-green-600);
|
|
22
|
+
--success-foreground: var(--color-green-50);
|
|
23
|
+
|
|
24
|
+
--warning: var(--color-yellow-600);
|
|
25
|
+
--warning-foreground: var(--color-yellow-50);
|
|
26
|
+
|
|
27
|
+
--error: var(--color-red-600);
|
|
28
|
+
--error-foreground: var(--color-red-50);
|
|
29
|
+
|
|
30
|
+
--border: oklch(0.922 0 0);
|
|
31
|
+
|
|
32
|
+
--input: oklch(0.922 0 0);
|
|
33
|
+
|
|
34
|
+
--ring: oklch(0.708 0 0);
|
|
35
|
+
|
|
36
|
+
--chart-1: var(--color-blue-300);
|
|
37
|
+
--chart-2: var(--color-blue-500);
|
|
38
|
+
--chart-3: var(--color-blue-600);
|
|
39
|
+
--chart-4: var(--color-blue-700);
|
|
40
|
+
--chart-5: var(--color-blue-800);
|
|
41
|
+
|
|
42
|
+
--sidebar: oklch(0.985 0 0);
|
|
43
|
+
--sidebar-foreground: oklch(0.145 0 0);
|
|
44
|
+
--sidebar-primary: var(--color-blue-600);
|
|
45
|
+
--sidebar-primary-foreground: var(--color-blue-50);
|
|
46
|
+
--sidebar-accent: oklch(0.97 0 0);
|
|
47
|
+
--sidebar-accent-foreground: oklch(0.205 0 0);
|
|
48
|
+
--sidebar-border: oklch(0.922 0 0);
|
|
49
|
+
--sidebar-ring: oklch(0.708 0 0);
|
|
50
|
+
|
|
51
|
+
--card: oklch(1 0 0);
|
|
52
|
+
--card-foreground: oklch(0.145 0 0);
|
|
53
|
+
|
|
54
|
+
--popover: oklch(1 0 0);
|
|
55
|
+
--popover-foreground: oklch(0.145 0 0);
|
|
71
56
|
}
|
|
72
57
|
|
|
73
58
|
.dark {
|
|
74
|
-
--
|
|
75
|
-
--
|
|
76
|
-
|
|
77
|
-
--primary
|
|
78
|
-
--primary-
|
|
79
|
-
|
|
80
|
-
--
|
|
81
|
-
--
|
|
82
|
-
|
|
83
|
-
--
|
|
84
|
-
--
|
|
85
|
-
|
|
86
|
-
--
|
|
87
|
-
--
|
|
88
|
-
|
|
89
|
-
--success
|
|
90
|
-
--success-
|
|
91
|
-
|
|
92
|
-
--
|
|
93
|
-
--
|
|
94
|
-
|
|
95
|
-
--
|
|
96
|
-
--
|
|
97
|
-
|
|
98
|
-
--
|
|
99
|
-
|
|
100
|
-
--
|
|
101
|
-
|
|
102
|
-
--
|
|
103
|
-
|
|
104
|
-
--
|
|
105
|
-
--
|
|
106
|
-
--
|
|
107
|
-
--
|
|
108
|
-
--
|
|
109
|
-
|
|
110
|
-
--
|
|
111
|
-
--
|
|
112
|
-
|
|
113
|
-
--
|
|
114
|
-
--
|
|
115
|
-
|
|
116
|
-
--
|
|
117
|
-
--
|
|
118
|
-
--error-800: oklch(35.63% 0.142 28.57);
|
|
119
|
-
--error-900: oklch(22.44% 0.088 28.18);
|
|
120
|
-
--error-950: oklch(14.85% 0.056 27.47);
|
|
121
|
-
|
|
122
|
-
--gray-50: oklch(97.02% 0 none);
|
|
123
|
-
--gray-100: oklch(93.7% 0 none); /* #eaeaea */
|
|
124
|
-
--gray-200: oklch(86.07% 0 none);
|
|
125
|
-
--gray-300: oklch(77.31% 0 none);
|
|
126
|
-
--gray-400: oklch(69.27% 0 none);
|
|
127
|
-
--gray-500: oklch(60.66% 0 none);
|
|
128
|
-
--gray-600: oklch(52.08% 0 none);
|
|
129
|
-
--gray-700: oklch(42.76% 0 none);
|
|
130
|
-
--gray-800: oklch(32.11% 0 none);
|
|
131
|
-
--gray-900: oklch(21.78% 0 none);
|
|
132
|
-
--gray-950: oklch(15.91% 0 none);
|
|
133
|
-
|
|
134
|
-
--foreground: oklch(17.76% 0 0); /* #111111 */
|
|
135
|
-
--background: oklch(22.64% 0 0); /* #1C1C1C */
|
|
136
|
-
|
|
137
|
-
--background-color-primary: oklch(64.88% 0.192 252.97 / 10%);
|
|
138
|
-
--background-color-success: oklch(73.48% 0.217 146.32 / 10%);
|
|
139
|
-
--background-color-warning: oklch(78.35% 0.163 64.42 / 10%);
|
|
140
|
-
--background-color-error: oklch(64.72% 0.218 25.77 / 10%);
|
|
59
|
+
--background: oklch(0.145 0 0);
|
|
60
|
+
--foreground: oklch(0.985 0 0);
|
|
61
|
+
|
|
62
|
+
--primary: var(--color-blue-700);
|
|
63
|
+
--primary-foreground: var(--color-blue-50);
|
|
64
|
+
|
|
65
|
+
--secondary: oklch(0.269 0 0);
|
|
66
|
+
--secondary-foreground: oklch(0.985 0 0);
|
|
67
|
+
|
|
68
|
+
--muted: oklch(0.269 0 0);
|
|
69
|
+
--muted-foreground: oklch(0.708 0 0);
|
|
70
|
+
|
|
71
|
+
--accent: oklch(0.371 0 0);
|
|
72
|
+
--accent-foreground: oklch(0.985 0 0);
|
|
73
|
+
|
|
74
|
+
--success: var(--color-green-700);
|
|
75
|
+
--success-foreground: var(--color-green-50);
|
|
76
|
+
|
|
77
|
+
--warning: var(--color-yellow-700);
|
|
78
|
+
--warning-foreground: var(--color-yellow-50);
|
|
79
|
+
|
|
80
|
+
--error: var(--color-red-700);
|
|
81
|
+
--error-foreground: var(--color-red-50);
|
|
82
|
+
|
|
83
|
+
--border: oklch(1 0 0 / 10%);
|
|
84
|
+
|
|
85
|
+
--input: oklch(1 0 0 / 15%);
|
|
86
|
+
|
|
87
|
+
--ring: oklch(0.556 0 0);
|
|
88
|
+
|
|
89
|
+
--sidebar: oklch(0.205 0 0);
|
|
90
|
+
--sidebar-foreground: oklch(0.985 0 0);
|
|
91
|
+
--sidebar-primary: var(--color-blue-500);
|
|
92
|
+
--sidebar-primary-foreground: var(--color-blue-50);
|
|
93
|
+
--sidebar-accent: oklch(0.269 0 0);
|
|
94
|
+
--sidebar-accent-foreground: oklch(0.985 0 0);
|
|
95
|
+
--sidebar-border: oklch(1 0 0 / 10%);
|
|
96
|
+
--sidebar-ring: oklch(0.439 0 0);
|
|
97
|
+
|
|
98
|
+
--card: oklch(0.205 0 0);
|
|
99
|
+
--card-foreground: oklch(0.985 0 0);
|
|
100
|
+
|
|
101
|
+
--popover: oklch(0.269 0 0);
|
|
102
|
+
--popover-foreground: oklch(0.985 0 0);
|
|
141
103
|
}
|
|
142
104
|
|
|
143
105
|
@theme inline {
|
|
144
|
-
|
|
145
|
-
--color-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
--color-
|
|
149
|
-
--color-
|
|
150
|
-
|
|
151
|
-
--color-
|
|
152
|
-
--color-
|
|
153
|
-
|
|
154
|
-
--color-
|
|
155
|
-
--color-
|
|
156
|
-
|
|
157
|
-
--color-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
--color-
|
|
161
|
-
--color-
|
|
162
|
-
|
|
163
|
-
--color-
|
|
164
|
-
--color-
|
|
165
|
-
|
|
166
|
-
--color-
|
|
167
|
-
--color-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
--color-
|
|
172
|
-
--color-
|
|
173
|
-
--color-
|
|
174
|
-
--color-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
--color-
|
|
178
|
-
--color-
|
|
179
|
-
--color-
|
|
180
|
-
--color-
|
|
181
|
-
--color-
|
|
182
|
-
|
|
183
|
-
--color-
|
|
184
|
-
--color-
|
|
185
|
-
|
|
186
|
-
--color-
|
|
187
|
-
--color-
|
|
188
|
-
|
|
189
|
-
--color-
|
|
190
|
-
--color-
|
|
191
|
-
|
|
192
|
-
--color-
|
|
193
|
-
--color-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
--
|
|
197
|
-
--color-error-200: var(--error-200);
|
|
198
|
-
--color-error-300: var(--error-300);
|
|
199
|
-
--color-error-400: var(--error-400);
|
|
200
|
-
--color-error-500: var(--error-500);
|
|
201
|
-
--color-error-600: var(--error-600);
|
|
202
|
-
--color-error-700: var(--error-700);
|
|
203
|
-
--color-error-800: var(--error-800);
|
|
204
|
-
--color-error-900: var(--error-900);
|
|
205
|
-
--color-error-950: var(--error-950);
|
|
206
|
-
|
|
207
|
-
--color-app-background: var(--background);
|
|
208
|
-
--color-app-foreground: var(--foreground);
|
|
209
|
-
|
|
210
|
-
--color-background-primary: var(--background-color-primary);
|
|
211
|
-
--color-background-success: var(--background-color-success);
|
|
212
|
-
--color-background-warning: var(--background-color-warning);
|
|
213
|
-
--color-background-error: var(--background-color-error);
|
|
106
|
+
/* Palette colors */
|
|
107
|
+
--color-background: var(--background);
|
|
108
|
+
--color-foreground: var(--foreground);
|
|
109
|
+
|
|
110
|
+
--color-primary: var(--primary);
|
|
111
|
+
--color-primary-foreground: var(--primary-foreground);
|
|
112
|
+
|
|
113
|
+
--color-secondary: var(--secondary);
|
|
114
|
+
--color-secondary-foreground: var(--secondary-foreground);
|
|
115
|
+
|
|
116
|
+
--color-muted: var(--muted);
|
|
117
|
+
--color-muted-foreground: var(--muted-foreground);
|
|
118
|
+
|
|
119
|
+
--color-accent: var(--accent);
|
|
120
|
+
--color-accent-foreground: var(--accent-foreground);
|
|
121
|
+
|
|
122
|
+
--color-error: var(--error);
|
|
123
|
+
--color-error-foreground: var(--error-foreground);
|
|
124
|
+
|
|
125
|
+
--color-warning: var(--warning);
|
|
126
|
+
--color-warning-foreground: var(--warning-foreground);
|
|
127
|
+
|
|
128
|
+
--color-success: var(--success);
|
|
129
|
+
--color-success-foreground: var(--success-foreground);
|
|
130
|
+
|
|
131
|
+
/* Chart colors */
|
|
132
|
+
--color-chart-1: var(--chart-1);
|
|
133
|
+
--color-chart-2: var(--chart-2);
|
|
134
|
+
--color-chart-3: var(--chart-3);
|
|
135
|
+
--color-chart-4: var(--chart-4);
|
|
136
|
+
--color-chart-5: var(--chart-5);
|
|
137
|
+
|
|
138
|
+
/* Components colors */
|
|
139
|
+
--color-sidebar: var(--sidebar);
|
|
140
|
+
--color-sidebar-foreground: var(--sidebar-foreground);
|
|
141
|
+
--color-sidebar-primary: var(--sidebar-primary);
|
|
142
|
+
--color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
|
|
143
|
+
--color-sidebar-accent: var(--sidebar-accent);
|
|
144
|
+
--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
|
|
145
|
+
--color-sidebar-border: var(--sidebar-border);
|
|
146
|
+
--color-sidebar-ring: var(--sidebar-ring);
|
|
147
|
+
|
|
148
|
+
--color-card: var(--card);
|
|
149
|
+
--color-card-foreground: var(--card-foreground);
|
|
150
|
+
|
|
151
|
+
--color-popover: var(--popover);
|
|
152
|
+
--color-popover-foreground: var(--popover-foreground);
|
|
153
|
+
|
|
154
|
+
--color-border: var(--border);
|
|
155
|
+
--color-input: var(--input);
|
|
156
|
+
--color-ring: var(--ring);
|
|
157
|
+
|
|
158
|
+
--radius: var(--radius);
|
|
214
159
|
}
|
package/tailwind/typography.css
CHANGED
|
@@ -3,72 +3,48 @@
|
|
|
3
3
|
@theme {
|
|
4
4
|
--font-poppins: "Poppins", sans-serif;
|
|
5
5
|
--font-code: "JetBrains Mono", monospace;
|
|
6
|
+
}
|
|
6
7
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
--text-heading-1--letter-spacing: -0.01562em;
|
|
11
|
-
--text-heading-1--font-weight: 700;
|
|
12
|
-
|
|
13
|
-
--text-heading-2: 3.75rem;
|
|
14
|
-
--text-heading-2--line-height: 1.2;
|
|
15
|
-
--text-heading-2--letter-spacing: -0.00833em;
|
|
16
|
-
--text-heading-2--font-weight: 700;
|
|
17
|
-
|
|
18
|
-
--text-heading-3: 3rem;
|
|
19
|
-
--text-heading-3--line-height: 1.167;
|
|
20
|
-
--text-heading-3--letter-spacing: 0em;
|
|
21
|
-
--text-heading-3--font-weight: 600;
|
|
8
|
+
@utility typography-heading-1 {
|
|
9
|
+
@apply scroll-m-20 text-center text-4xl font-extrabold tracking-tight text-balance;
|
|
10
|
+
}
|
|
22
11
|
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
--text-heading-4--font-weight: 600;
|
|
12
|
+
@utility typography-heading-2 {
|
|
13
|
+
@apply border-border scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight first:mt-0;
|
|
14
|
+
}
|
|
27
15
|
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
--text-heading-5--font-weight: 600;
|
|
16
|
+
@utility typography-heading-3 {
|
|
17
|
+
@apply scroll-m-20 text-2xl font-semibold tracking-tight;
|
|
18
|
+
}
|
|
32
19
|
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
--text-heading-6--font-weight: 600;
|
|
20
|
+
@utility typography-heading-4 {
|
|
21
|
+
@apply scroll-m-20 text-xl font-semibold tracking-tight;
|
|
22
|
+
}
|
|
37
23
|
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
--text-subtitle-1--font-weight: 500;
|
|
24
|
+
@utility typography-paragraph {
|
|
25
|
+
@apply leading-7 [&:not(:first-child)]:mt-6;
|
|
26
|
+
}
|
|
42
27
|
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
--text-subtitle-2--font-weight: 500;
|
|
28
|
+
@utility typography-blockquote {
|
|
29
|
+
@apply border-border mt-6 border-l-2 pl-6 italic;
|
|
30
|
+
}
|
|
47
31
|
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
--text-body-1--letter-spacing: 0.00938em;
|
|
52
|
-
--text-body-1--font-weight: 400;
|
|
32
|
+
@utility typography-inline-code {
|
|
33
|
+
@apply bg-muted font-code relative rounded px-[0.3rem] py-[0.2rem] text-sm font-semibold;
|
|
34
|
+
}
|
|
53
35
|
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
--text-body-2--font-weight: 400;
|
|
36
|
+
@utility typography-lead {
|
|
37
|
+
@apply text-muted-foreground text-xl;
|
|
38
|
+
}
|
|
58
39
|
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
--text-button--letter-spacing: 0.02857em;
|
|
63
|
-
--text-button--font-weight: 500;
|
|
40
|
+
@utility typography-large {
|
|
41
|
+
@apply text-lg font-semibold;
|
|
42
|
+
}
|
|
64
43
|
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
--text-caption--font-weight: 400;
|
|
44
|
+
@utility typography-small {
|
|
45
|
+
@apply text-sm leading-none font-medium;
|
|
46
|
+
}
|
|
69
47
|
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
--text-overline--letter-spacing: 0.08333em;
|
|
73
|
-
--text-overline--font-weight: 400;
|
|
48
|
+
@utility typography-muted {
|
|
49
|
+
@apply text-muted-foreground text-sm;
|
|
74
50
|
}
|
package/dist/chunk-36YD6ICC.js
DELETED
|
@@ -1,70 +0,0 @@
|
|
|
1
|
-
import { cn } from './chunk-ZD2QRAOX.js';
|
|
2
|
-
import { cva } from 'class-variance-authority';
|
|
3
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
4
|
-
|
|
5
|
-
var inputCva = cva(
|
|
6
|
-
[
|
|
7
|
-
"bg-app-foreground font-poppins h-10 w-full appearance-none border py-2 outline-0 transition-colors duration-300 ease-in-out",
|
|
8
|
-
"placeholder:select-none placeholder:text-gray-400",
|
|
9
|
-
"invalid:border-error-500 focus:border-primary-500 active:border-primary-500",
|
|
10
|
-
"disabled:cursor-not-allowed disabled:border-gray-800 disabled:text-gray-300 disabled:placeholder:text-gray-600"
|
|
11
|
-
],
|
|
12
|
-
{
|
|
13
|
-
variants: {
|
|
14
|
-
invalid: {
|
|
15
|
-
true: ["text-error-500 border-error-500 hover:border-error-400 focus:text-gray-100"],
|
|
16
|
-
false: ["hover:border-primary-600 border-gray-600 text-gray-100"]
|
|
17
|
-
},
|
|
18
|
-
withStartIcon: {
|
|
19
|
-
true: "pl-11",
|
|
20
|
-
false: "pl-3"
|
|
21
|
-
},
|
|
22
|
-
withEndIcon: {
|
|
23
|
-
true: "pr-11",
|
|
24
|
-
false: "pr-3"
|
|
25
|
-
}
|
|
26
|
-
},
|
|
27
|
-
defaultVariants: {
|
|
28
|
-
invalid: false,
|
|
29
|
-
withStartIcon: false,
|
|
30
|
-
withEndIcon: false
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
);
|
|
34
|
-
var inputIconContainerCva = cva(
|
|
35
|
-
["pointer-events-none absolute inset-y-2 inline-flex w-10 place-content-center items-center text-center"],
|
|
36
|
-
{
|
|
37
|
-
variants: {
|
|
38
|
-
disabled: {
|
|
39
|
-
true: "text-gray-300"
|
|
40
|
-
},
|
|
41
|
-
site: {
|
|
42
|
-
right: "right-0 border-l border-l-gray-800 pr-1",
|
|
43
|
-
left: "left-0 border-r border-r-gray-800 pl-1"
|
|
44
|
-
}
|
|
45
|
-
},
|
|
46
|
-
defaultVariants: {
|
|
47
|
-
disabled: false
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
);
|
|
51
|
-
function Input({ invalid = false, startIcon, endIcon, disabled = false, className, ...props }) {
|
|
52
|
-
const inputStyles = inputCva({ withEndIcon: !!endIcon, withStartIcon: !!startIcon, invalid });
|
|
53
|
-
const inputIconStartContainer = inputIconContainerCva({ site: "left", disabled });
|
|
54
|
-
const inputIconEndContainer = inputIconContainerCva({ site: "right", disabled });
|
|
55
|
-
return /* @__PURE__ */ jsxs("div", { className: "text-body-2 relative text-gray-100", children: [
|
|
56
|
-
startIcon ? /* @__PURE__ */ jsx("span", { className: inputIconStartContainer, children: startIcon }) : null,
|
|
57
|
-
/* @__PURE__ */ jsx(
|
|
58
|
-
"input",
|
|
59
|
-
{
|
|
60
|
-
"aria-invalid": invalid || void 0,
|
|
61
|
-
disabled,
|
|
62
|
-
className: cn(inputStyles, className),
|
|
63
|
-
...props
|
|
64
|
-
}
|
|
65
|
-
),
|
|
66
|
-
endIcon ? /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: inputIconEndContainer, children: endIcon }) : null
|
|
67
|
-
] });
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
export { Input };
|
package/dist/chunk-4NO6IM75.cjs
DELETED
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
|
|
4
|
-
var radixUi = require('radix-ui');
|
|
5
|
-
var classVarianceAuthority = require('class-variance-authority');
|
|
6
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
7
|
-
|
|
8
|
-
var avatarCva = classVarianceAuthority.cva("relative flex shrink-0 overflow-hidden rounded text-gray-100", {
|
|
9
|
-
variants: {
|
|
10
|
-
size: {
|
|
11
|
-
sm: "size-6 text-xs",
|
|
12
|
-
md: "size-10 text-lg",
|
|
13
|
-
lg: "size-14 text-2xl"
|
|
14
|
-
}
|
|
15
|
-
},
|
|
16
|
-
defaultVariants: {
|
|
17
|
-
size: "md"
|
|
18
|
-
}
|
|
19
|
-
});
|
|
20
|
-
function Avatar({ className, size = "md", ref, ...props }) {
|
|
21
|
-
const avatarStyles = avatarCva({ size });
|
|
22
|
-
return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Avatar.Root, { ref, className: chunkH2BWO3SI_cjs.cn(avatarStyles, className), ...props });
|
|
23
|
-
}
|
|
24
|
-
function AvatarImage({ className, ref, ...props }) {
|
|
25
|
-
return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Avatar.Image, { ref, className: chunkH2BWO3SI_cjs.cn("aspect-square h-full w-full", className), ...props });
|
|
26
|
-
}
|
|
27
|
-
function AvatarFallback({ className, ref, ...props }) {
|
|
28
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
29
|
-
radixUi.Avatar.Fallback,
|
|
30
|
-
{
|
|
31
|
-
ref,
|
|
32
|
-
className: chunkH2BWO3SI_cjs.cn("flex h-full w-full items-center justify-center bg-gray-600", className),
|
|
33
|
-
...props
|
|
34
|
-
}
|
|
35
|
-
);
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
exports.Avatar = Avatar;
|
|
39
|
-
exports.AvatarFallback = AvatarFallback;
|
|
40
|
-
exports.AvatarImage = AvatarImage;
|
package/dist/chunk-5BTQ6BQA.js
DELETED
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { cn } from './chunk-ZD2QRAOX.js';
|
|
2
|
-
import { jsx } from 'react/jsx-runtime';
|
|
3
|
-
import { twMerge } from 'tailwind-merge';
|
|
4
|
-
|
|
5
|
-
function Card({ className, ...props }) {
|
|
6
|
-
return /* @__PURE__ */ jsx("div", { className: cn("bg-app-foreground h-full rounded border border-gray-800", className), ...props });
|
|
7
|
-
}
|
|
8
|
-
function CardHeader({ className, ...props }) {
|
|
9
|
-
return /* @__PURE__ */ jsx("div", { className: cn("flex flex-col p-6", className), ...props });
|
|
10
|
-
}
|
|
11
|
-
function CardTitle({ className, ...props }) {
|
|
12
|
-
return /* @__PURE__ */ jsx("h3", { className: twMerge("text-heading-5", className), ...props });
|
|
13
|
-
}
|
|
14
|
-
function CardDescription({ className, ...props }) {
|
|
15
|
-
return /* @__PURE__ */ jsx("p", { className: cn("text-body-2 text-gray-300", className), ...props });
|
|
16
|
-
}
|
|
17
|
-
function CardContent({ className, ...props }) {
|
|
18
|
-
return /* @__PURE__ */ jsx("div", { className: cn("p-6 pt-0", className), ...props });
|
|
19
|
-
}
|
|
20
|
-
function CardFooter({ className, ...props }) {
|
|
21
|
-
return /* @__PURE__ */ jsx("div", { className: cn("flex items-center p-6 pt-0", className), ...props });
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
|
package/dist/chunk-5PBHBOXI.js
DELETED
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { twMerge } from 'tailwind-merge';
|
|
2
|
-
import { cva } from 'class-variance-authority';
|
|
3
|
-
import { jsx } from 'react/jsx-runtime';
|
|
4
|
-
|
|
5
|
-
// src/components/helper-text/helper-text.tsx
|
|
6
|
-
var helperTextCva = cva("", {
|
|
7
|
-
variants: {
|
|
8
|
-
type: {
|
|
9
|
-
description: "text-body-2 text-gray-300",
|
|
10
|
-
error: "text-caption text-error-500"
|
|
11
|
-
}
|
|
12
|
-
},
|
|
13
|
-
defaultVariants: {
|
|
14
|
-
type: "description"
|
|
15
|
-
}
|
|
16
|
-
});
|
|
17
|
-
function HelperText({ className, children, type = "description", role, ref, ...props }) {
|
|
18
|
-
return /* @__PURE__ */ jsx(
|
|
19
|
-
"p",
|
|
20
|
-
{
|
|
21
|
-
ref,
|
|
22
|
-
className: twMerge(helperTextCva({ type }), className),
|
|
23
|
-
role: type === "error" ? "alert" : role,
|
|
24
|
-
...props,
|
|
25
|
-
children
|
|
26
|
-
}
|
|
27
|
-
);
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
export { HelperText };
|