@konstructio/ui 0.1.2-alpha.11 → 0.1.2-alpha.13

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.
@@ -5,15 +5,16 @@
5
5
  --color-white: #ffffff;
6
6
 
7
7
  --color-amber-50: #fffbeb;
8
- --color-amber-100: #fef3c7;
9
- --color-amber-200: #fde68a;
10
- --color-amber-300: #fcd34d;
11
- --color-amber-400: #fbbf24;
12
- --color-amber-500: #f59e0b;
13
- --color-amber-600: #d97706;
14
- --color-amber-700: #b45309;
15
- --color-amber-800: #92400e;
16
- --color-amber-900: #78350f;
8
+ --color-amber-100: #fef3c6;
9
+ --color-amber-200: #fee685;
10
+ --color-amber-300: #ffd230;
11
+ --color-amber-400: #ffb93b;
12
+ --color-amber-500: #fe9a37;
13
+ --color-amber-600: #e1712b;
14
+ --color-amber-700: #bb4d1a;
15
+ --color-amber-800: #973c08;
16
+ --color-amber-900: #7b3306;
17
+ --color-amber-950: #461901;
17
18
 
18
19
  --color-aurora-50: #ebfff3;
19
20
  --color-aurora-400: #47ff97;
@@ -22,91 +23,99 @@
22
23
 
23
24
  --color-blue-50: #eff6ff;
24
25
  --color-blue-100: #dbeafe;
25
- --color-blue-200: #bfdbfe;
26
- --color-blue-300: #93c5fd;
27
- --color-blue-400: #60a5fa;
28
- --color-blue-500: #3b82f6;
29
- --color-blue-600: #2563eb;
30
- --color-blue-700: #1d4ed8;
31
- --color-blue-800: #1e40af;
32
- --color-blue-900: #1e3a89;
26
+ --color-blue-200: #bedbff;
27
+ --color-blue-300: #8ec5ff;
28
+ --color-blue-400: #51a2ff;
29
+ --color-blue-500: #2b7fff;
30
+ --color-blue-600: #155dfc;
31
+ --color-blue-700: #1447e6;
32
+ --color-blue-800: #193cb8;
33
+ --color-blue-900: #1c398e;
34
+ --color-blue-950: #162456;
33
35
 
34
36
  --color-cyan-50: #ecfeff;
35
- --color-cyan-100: #cffafe;
36
- --color-cyan-200: #a5f3fc;
37
- --color-cyan-300: #67e8f9;
38
- --color-cyan-400: #22d3ee;
39
- --color-cyan-500: #06b6d4;
40
- --color-cyan-600: #0891b2;
41
- --color-cyan-700: #0e7490;
42
- --color-cyan-800: #155e75;
43
- --color-cyan-900: #164e63;
37
+ --color-cyan-100: #cefafe;
38
+ --color-cyan-200: #a2f4fd;
39
+ --color-cyan-300: #53eafd;
40
+ --color-cyan-400: #42d3f2;
41
+ --color-cyan-500: #3bb8db;
42
+ --color-cyan-600: #2c92b8;
43
+ --color-cyan-700: #1a7595;
44
+ --color-cyan-800: #015f78;
45
+ --color-cyan-900: #104e64;
46
+ --color-cyan-950: #053345;
44
47
 
45
48
  --color-emerald-50: #ecfdf5;
46
- --color-emerald-100: #d1fae5;
47
- --color-emerald-200: #a7f3d0;
48
- --color-emerald-300: #6ee7b7;
49
- --color-emerald-400: #34d399;
50
- --color-emerald-500: #10b981;
51
- --color-emerald-600: #059669;
52
- --color-emerald-700: #047857;
53
- --color-emerald-800: #065f46;
54
- --color-emerald-900: #064e3b;
49
+ --color-emerald-100: #d0fae5;
50
+ --color-emerald-200: #a4f4cf;
51
+ --color-emerald-300: #5ee9b5;
52
+ --color-emerald-400: #31d492;
53
+ --color-emerald-500: #37bc7d;
54
+ --color-emerald-600: #2d9966;
55
+ --color-emerald-700: #1f7a55;
56
+ --color-emerald-800: #116045;
57
+ --color-emerald-900: #034f3b;
58
+ --color-emerald-950: #012c22;
55
59
 
56
60
  --color-fuchsia-50: #fdf4ff;
57
61
  --color-fuchsia-100: #fae8ff;
58
- --color-fuchsia-200: #f5d0fe;
59
- --color-fuchsia-300: #f0abfc;
60
- --color-fuchsia-400: #e879f9;
61
- --color-fuchsia-500: #d946ef;
62
- --color-fuchsia-600: #c026d3;
63
- --color-fuchsia-700: #a21caf;
64
- --color-fuchsia-800: #86198f;
65
- --color-fuchsia-900: #701a75;
62
+ --color-fuchsia-200: #f6cfff;
63
+ --color-fuchsia-300: #f4a8ff;
64
+ --color-fuchsia-400: #ed6aff;
65
+ --color-fuchsia-500: #e12afb;
66
+ --color-fuchsia-600: #c81cde;
67
+ --color-fuchsia-700: #a813b7;
68
+ --color-fuchsia-800: #8a0194;
69
+ --color-fuchsia-900: #721378;
70
+ --color-fuchsia-950: #4b004f;
66
71
 
67
72
  --color-gray-50: #f9fafb;
68
73
  --color-gray-100: #f3f4f6;
69
74
  --color-gray-200: #e5e7eb;
70
75
  --color-gray-300: #d1d5dc;
71
- --color-gray-400: #9ca3af;
72
- --color-gray-500: #6b7280;
73
- --color-gray-600: #4b5563;
74
- --color-gray-700: #374151;
75
- --color-gray-800: #1f2937;
76
- --color-gray-900: #111827;
76
+ --color-gray-400: #99a1af;
77
+ --color-gray-500: #6a7282;
78
+ --color-gray-600: #4a5565;
79
+ --color-gray-700: #364153;
80
+ --color-gray-800: #1e2939;
81
+ --color-gray-900: #101828;
82
+ --color-gray-950: #030712;
77
83
 
78
84
  --color-green-50: #f0fdf4;
79
85
  --color-green-100: #dcfce7;
80
- --color-green-200: #bbf7d0;
81
- --color-green-300: #86efac;
82
- --color-green-400: #4ade80;
83
- --color-green-500: #22c55e;
84
- --color-green-600: #16a34a;
85
- --color-green-700: #15803d;
86
- --color-green-800: #166534;
87
- --color-green-900: #14532d;
86
+ --color-green-200: #b9f8cf;
87
+ --color-green-300: #7bf1a8;
88
+ --color-green-400: #05df72;
89
+ --color-green-500: #31c950;
90
+ --color-green-600: #2aa63e;
91
+ --color-green-700: #178236;
92
+ --color-green-800: #016630;
93
+ --color-green-900: #0d542b;
94
+ --color-green-950: #032e15;
88
95
 
89
96
  --color-indigo-50: #eef2ff;
90
97
  --color-indigo-100: #e0e7ff;
91
- --color-indigo-200: #c7d2fe;
92
- --color-indigo-300: #a5b4fc;
93
- --color-indigo-400: #818cf8;
94
- --color-indigo-500: #6366f1;
95
- --color-indigo-600: #4f46e5;
96
- --color-indigo-700: #4338ca;
97
- --color-indigo-800: #3730a3;
98
- --color-indigo-900: #312e81;
98
+ --color-indigo-200: #c6d2ff;
99
+ --color-indigo-300: #a3b3ff;
100
+ --color-indigo-400: #7c86ff;
101
+ --color-indigo-500: #615fff;
102
+ --color-indigo-600: #4f39f6;
103
+ --color-indigo-700: #432dd7;
104
+ --color-indigo-800: #372aac;
105
+ --color-indigo-900: #312c85;
106
+ --color-indigo-950: #1e1a4d;
99
107
 
100
108
  --color-lime-50: #f7fee7;
101
- --color-lime-100: #ecfccb;
102
- --color-lime-200: #d9f99d;
103
- --color-lime-300: #bef264;
104
- --color-lime-400: #a3e635;
105
- --color-lime-500: #84cc16;
106
- --color-lime-600: #65a30d;
107
- --color-lime-700: #4d7c0f;
108
- --color-lime-800: #3f6212;
109
- --color-lime-900: #365314;
109
+ --color-lime-100: #ecfcca;
110
+ --color-lime-200: #d8f999;
111
+ --color-lime-300: #bbf451;
112
+ --color-lime-400: #9ae630;
113
+ --color-lime-500: #7ccf35;
114
+ --color-lime-600: #5ea529;
115
+ --color-lime-700: #497d15;
116
+ --color-lime-800: #3c6301;
117
+ --color-lime-900: #35530e;
118
+ --color-lime-950: #192e03;
110
119
 
111
120
  --color-metal-50: #f3f5f7;
112
121
  --color-metal-100: #e7ebee;
@@ -125,34 +134,37 @@
125
134
  --color-neutral-100: #f5f5f5;
126
135
  --color-neutral-200: #e5e5e5;
127
136
  --color-neutral-300: #d4d4d4;
128
- --color-neutral-400: #a3a3a3;
137
+ --color-neutral-400: #a1a1a1;
129
138
  --color-neutral-500: #737373;
130
139
  --color-neutral-600: #525252;
131
140
  --color-neutral-700: #404040;
132
141
  --color-neutral-800: #262626;
133
142
  --color-neutral-900: #171717;
143
+ --color-neutral-950: #0a0a0a;
134
144
 
135
- --color-orange-50: #fef3eb;
136
- --color-orange-100: #fee7d7;
137
- --color-orange-200: #fdd0af;
138
- --color-orange-300: #fcb888;
139
- --color-orange-400: #fa9247;
140
- --color-orange-500: #f97d24;
141
- --color-orange-600: #ef6706;
142
- --color-orange-700: #c75605;
143
- --color-orange-800: #9f4504;
144
- --color-orange-900: #773403;
145
+ --color-orange-50: #fff7ed;
146
+ --color-orange-100: #ffedd4;
147
+ --color-orange-200: #ffd6a7;
148
+ --color-orange-300: #ffb86a;
149
+ --color-orange-400: #ff8904;
150
+ --color-orange-500: #ff692a;
151
+ --color-orange-600: #f54927;
152
+ --color-orange-700: #ca3519;
153
+ --color-orange-800: #9f2d01;
154
+ --color-orange-900: #7e2a0c;
155
+ --color-orange-950: #441306;
145
156
 
146
157
  --color-pink-50: #fdf2f8;
147
158
  --color-pink-100: #fce7f3;
148
- --color-pink-200: #fbcfe8;
149
- --color-pink-300: #f9a8d4;
150
- --color-pink-400: #f472b6;
151
- --color-pink-500: #ec4899;
152
- --color-pink-600: #db2777;
153
- --color-pink-700: #be185d;
154
- --color-pink-800: #9d174d;
155
- --color-pink-900: #831843;
159
+ --color-pink-200: #fceee8;
160
+ --color-pink-300: #fda5d5;
161
+ --color-pink-400: #fb64b6;
162
+ --color-pink-500: #f6339a;
163
+ --color-pink-600: #e61876;
164
+ --color-pink-700: #c6185c;
165
+ --color-pink-800: #a3044c;
166
+ --color-pink-900: #861043;
167
+ --color-pink-950: #510424;
156
168
 
157
169
  --color-powder-50: #f1f4f9;
158
170
  --color-powder-100: #e3eaf2;
@@ -167,36 +179,39 @@
167
179
 
168
180
  --color-purple-50: #faf5ff;
169
181
  --color-purple-100: #f3e8ff;
170
- --color-purple-200: #e9d5ff;
171
- --color-purple-300: #d8b4fe;
172
- --color-purple-400: #c084fc;
173
- --color-purple-500: #a855f7;
174
- --color-purple-600: #9333ea;
175
- --color-purple-700: #7e22ce;
176
- --color-purple-800: #6b21a8;
177
- --color-purple-900: #581c87;
182
+ --color-purple-200: #e9d4ff;
183
+ --color-purple-300: #dab2ff;
184
+ --color-purple-400: #c27aff;
185
+ --color-purple-500: #ad46ff;
186
+ --color-purple-600: #9810fa;
187
+ --color-purple-700: #8207db;
188
+ --color-purple-800: #6e11b0;
189
+ --color-purple-900: #59168b;
190
+ --color-purple-950: #3c0366;
178
191
 
179
192
  --color-red-50: #fef2f2;
180
- --color-red-100: #fee2e2;
181
- --color-red-200: #fecaca;
182
- --color-red-300: #fca5a5;
183
- --color-red-400: #f87171;
184
- --color-red-500: #ef4444;
185
- --color-red-600: #dc2626;
186
- --color-red-700: #b91c1c;
187
- --color-red-800: #991b1b;
188
- --color-red-900: #7f1d1d;
193
+ --color-red-100: #ffe2e2;
194
+ --color-red-200: #ffc9c9;
195
+ --color-red-300: #ffa2a2;
196
+ --color-red-400: #ff6467;
197
+ --color-red-500: #fb2c36;
198
+ --color-red-600: #e7180b;
199
+ --color-red-700: #c11007;
200
+ --color-red-800: #9f0712;
201
+ --color-red-900: #82181a;
202
+ --color-red-950: #460809;
189
203
 
190
204
  --color-rose-50: #fff1f2;
191
205
  --color-rose-100: #ffe4e6;
192
- --color-rose-200: #fecdd3;
193
- --color-rose-300: #fda4af;
194
- --color-rose-400: #fb7185;
195
- --color-rose-500: #f43f5e;
196
- --color-rose-600: #e11d48;
197
- --color-rose-700: #be123c;
198
- --color-rose-800: #9f1239;
199
- --color-rose-900: #881337;
206
+ --color-rose-200: #ffccd3;
207
+ --color-rose-300: #ffa1ad;
208
+ --color-rose-400: #ff637e;
209
+ --color-rose-500: #ff2056;
210
+ --color-rose-600: #ec253f;
211
+ --color-rose-700: #c71d36;
212
+ --color-rose-800: #a50c36;
213
+ --color-rose-900: #8b0836;
214
+ --color-rose-950: #4d0218;
200
215
 
201
216
  --color-sage-50: #f5f9f1;
202
217
  --color-sage-100: #d6e5c7;
@@ -210,81 +225,88 @@
210
225
  --color-sage-900: #3c5427;
211
226
 
212
227
  --color-sky-50: #f0f9ff;
213
- --color-sky-100: #e0f2fe;
214
- --color-sky-200: #bae6fd;
215
- --color-sky-300: #7dd3fc;
216
- --color-sky-400: #38bdf8;
217
- --color-sky-500: #0ea5e9;
218
- --color-sky-600: #0284c7;
219
- --color-sky-700: #0369a1;
220
- --color-sky-800: #075985;
221
- --color-sky-900: #0c4a6e;
228
+ --color-sky-100: #dff2fe;
229
+ --color-sky-200: #b8e6fe;
230
+ --color-sky-300: #74d4ff;
231
+ --color-sky-400: #21bcff;
232
+ --color-sky-500: #34a6f4;
233
+ --color-sky-600: #2984d1;
234
+ --color-sky-700: #1c69a8;
235
+ --color-sky-800: #10598a;
236
+ --color-sky-900: #024a70;
237
+ --color-sky-950: #052f4a;
222
238
 
223
239
  --color-slate-50: #f8fafc;
224
240
  --color-slate-100: #f1f5f9;
225
241
  --color-slate-200: #e2e8f0;
226
- --color-slate-300: #cbd5e1;
227
- --color-slate-400: #94a3b8;
228
- --color-slate-500: #64748b;
229
- --color-slate-600: #475569;
230
- --color-slate-700: #334155;
231
- --color-slate-800: #1e293b;
232
- --color-slate-900: #0f172a;
242
+ --color-slate-300: #cad5e2;
243
+ --color-slate-400: #90a1b9;
244
+ --color-slate-500: #62748e;
245
+ --color-slate-600: #45556c;
246
+ --color-slate-700: #314158;
247
+ --color-slate-800: #1d293d;
248
+ --color-slate-900: #0f172b;
249
+ --color-slate-950: #020618;
233
250
 
234
251
  --color-stone-50: #fafaf9;
235
252
  --color-stone-100: #f5f5f4;
236
253
  --color-stone-200: #e7e5e4;
237
254
  --color-stone-300: #d6d3d1;
238
- --color-stone-400: #a8a29e;
239
- --color-stone-500: #78716c;
240
- --color-stone-600: #57534e;
241
- --color-stone-700: #44403c;
255
+ --color-stone-400: #a6a09b;
256
+ --color-stone-500: #79716b;
257
+ --color-stone-600: #57534d;
258
+ --color-stone-700: #44403b;
242
259
  --color-stone-800: #292524;
243
260
  --color-stone-900: #1c1917;
261
+ --color-stone-950: #0c0a09;
244
262
 
245
263
  --color-teal-50: #f0fdfa;
246
- --color-teal-100: #ccfbf1;
247
- --color-teal-200: #99f6e4;
248
- --color-teal-300: #5eead4;
249
- --color-teal-400: #2dd4bf;
250
- --color-teal-500: #14b8a6;
251
- --color-teal-600: #0d9488;
252
- --color-teal-700: #0f766e;
253
- --color-teal-800: #115e59;
254
- --color-teal-900: #134e4a;
264
+ --color-teal-100: #cbfbf1;
265
+ --color-teal-200: #96f7e4;
266
+ --color-teal-300: #46ecd5;
267
+ --color-teal-400: #38d5be;
268
+ --color-teal-500: #36bba7;
269
+ --color-teal-600: #2a9689;
270
+ --color-teal-700: #18786f;
271
+ --color-teal-800: #075f5a;
272
+ --color-teal-900: #0b4f4a;
273
+ --color-teal-950: #022f2e;
255
274
 
256
275
  --color-violet-50: #f5f3ff;
257
276
  --color-violet-100: #ede9fe;
258
- --color-violet-200: #ddd6fe;
259
- --color-violet-300: #c4b5fd;
260
- --color-violet-400: #a78bfa;
261
- --color-violet-500: #8b5cf6;
262
- --color-violet-600: #7c3aed;
263
- --color-violet-700: #6d28d9;
264
- --color-violet-800: #5b21b6;
265
- --color-violet-900: #4c1d95;
277
+ --color-violet-200: #ddd6ff;
278
+ --color-violet-300: #c4b4ff;
279
+ --color-violet-400: #a684ff;
280
+ --color-violet-500: #8e51ff;
281
+ --color-violet-600: #7f22fe;
282
+ --color-violet-700: #7008e7;
283
+ --color-violet-800: #5d0ec0;
284
+ --color-violet-900: #4d179a;
285
+ --color-violet-950: #2f0d68;
266
286
 
267
287
  --color-yellow-50: #fefce8;
268
- --color-yellow-100: #fef9c3;
269
- --color-yellow-200: #fef08a;
270
- --color-yellow-300: #fde047;
271
- --color-yellow-400: #facc15;
272
- --color-yellow-500: #eab308;
273
- --color-yellow-600: #ca8a04;
274
- --color-yellow-700: #a16207;
275
- --color-yellow-800: #854d0e;
276
- --color-yellow-900: #713f12;
288
+ --color-yellow-100: #fef9c2;
289
+ --color-yellow-200: #fff085;
290
+ --color-yellow-300: #ffdf20;
291
+ --color-yellow-400: #fdc745;
292
+ --color-yellow-500: #f0b13b;
293
+ --color-yellow-600: #d0872e;
294
+ --color-yellow-700: #a65f1b;
295
+ --color-yellow-800: #894b0a;
296
+ --color-yellow-900: #733e0a;
297
+ --color-yellow-950: #432004;
277
298
 
278
299
  --color-zinc-50: #fafafa;
279
300
  --color-zinc-100: #f4f4f5;
280
301
  --color-zinc-200: #e4e4e7;
281
302
  --color-zinc-300: #d4d4d8;
282
- --color-zinc-400: #a1a1aa;
283
- --color-zinc-500: #71717a;
284
- --color-zinc-600: #52525b;
303
+ --color-zinc-400: #9f9fa9;
304
+ --color-zinc-500: #71717b;
305
+ --color-zinc-600: #52525c;
285
306
  --color-zinc-700: #3f3f46;
286
307
  --color-zinc-800: #27272a;
287
308
  --color-zinc-900: #18181b;
309
+ --color-zinc-950: #09090b;
288
310
 
289
311
  --color-kubefirst-primary: #8851c8;
290
312
  --color-kubefirst-secondary: #7037ae;
@@ -295,4 +317,6 @@
295
317
 
296
318
  --color-civo-primary: #239dff;
297
319
  --color-civo-secondary: #007be0;
320
+
321
+ --color-cloud: #d1ccbe;
298
322
  }
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@konstructio/ui",
3
3
  "description": "A set of reusable and customizable React components built for konstruct.io",
4
4
  "private": false,
5
- "version": "0.1.2-alpha.11",
5
+ "version": "0.1.2-alpha.13",
6
6
  "type": "module",
7
7
  "license": "MIT",
8
8
  "main": "dist/index.js",
@@ -72,7 +72,7 @@
72
72
  "cmdk": "^1.1.1",
73
73
  "countries-and-timezones": "^3.8.0",
74
74
  "js-cookie": "^3.0.5",
75
- "lucide-react": "^0.545.0",
75
+ "lucide-react": "^0.546.0",
76
76
  "react-chartjs-2": "^5.3.0",
77
77
  "react-day-picker": "^9.11.1",
78
78
  "react-feather": "^2.0.10",
@@ -113,13 +113,13 @@
113
113
  }
114
114
  },
115
115
  "devDependencies": {
116
- "@faker-js/faker": "^10.0.0",
116
+ "@faker-js/faker": "^10.1.0",
117
117
  "@rollup/plugin-alias": "^5.1.1",
118
- "@storybook/addon-docs": "^9.1.10",
119
- "@storybook/addon-links": "^9.1.10",
120
- "@storybook/react-vite": "^9.1.10",
121
- "@tailwindcss/vite": "^4.1.14",
122
- "@tanstack/react-query": "^5.90.4",
118
+ "@storybook/addon-docs": "^9.1.13",
119
+ "@storybook/addon-links": "^9.1.13",
120
+ "@storybook/react-vite": "^9.1.13",
121
+ "@tailwindcss/vite": "^4.1.16",
122
+ "@tanstack/react-query": "^5.90.5",
123
123
  "@testing-library/jest-dom": "^6.9.1",
124
124
  "@testing-library/react": "^16.3.0",
125
125
  "@testing-library/user-event": "^14.6.1",
@@ -128,30 +128,30 @@
128
128
  "@types/lodash": "^4.17.20",
129
129
  "@types/react": "^19.2.2",
130
130
  "@types/react-dom": "^19.2.2",
131
- "@typescript-eslint/eslint-plugin": "^8.46.1",
132
- "@typescript-eslint/parser": "^8.46.1",
131
+ "@typescript-eslint/eslint-plugin": "^8.46.2",
132
+ "@typescript-eslint/parser": "^8.46.2",
133
133
  "@vitejs/plugin-react": "^5.0.4",
134
134
  "@vitest/coverage-v8": "^3.2.4",
135
135
  "autoprefixer": "^10.4.21",
136
- "eslint": "^9.37.0",
136
+ "eslint": "^9.38.0",
137
137
  "eslint-plugin-react": "^7.37.5",
138
138
  "eslint-plugin-react-hooks": "^6.1.1",
139
139
  "eslint-plugin-react-refresh": "^0.4.23",
140
- "eslint-plugin-storybook": "^9.1.10",
140
+ "eslint-plugin-storybook": "^9.1.13",
141
141
  "eslint-plugin-vitest": "^0.5.4",
142
142
  "glob": "^11.0.3",
143
143
  "husky": "^9.1.7",
144
144
  "jest-axe": "^10.0.0",
145
- "jsdom": "^27.0.0",
145
+ "jsdom": "^27.0.1",
146
146
  "lodash": "^4.17.21",
147
147
  "postcss": "^8.5.6",
148
148
  "prettier": "^3.6.2",
149
149
  "rimraf": "^6.0.1",
150
- "storybook": "^9.1.10",
151
- "tailwindcss": "^4.1.14",
150
+ "storybook": "^9.1.13",
151
+ "tailwindcss": "^4.1.16",
152
152
  "ts-node": "^10.9.2",
153
153
  "typescript": "^5.9.3",
154
- "vite": "^7.1.10",
154
+ "vite": "^7.1.12",
155
155
  "vite-plugin-dts": "^4.5.4",
156
156
  "vite-plugin-lib-inject-css": "^2.2.2",
157
157
  "vite-plugin-svgr": "^4.5.0",