@parto-system-design/ui 1.1.0 → 1.1.1
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/index.cjs +579 -388
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +372 -19
- package/dist/index.d.cts +29 -28
- package/dist/index.d.ts +29 -28
- package/dist/index.js +595 -405
- package/dist/index.js.map +1 -1
- package/package.json +4 -21
- package/tailwind.config.ts +297 -13
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@parto-system-design/ui",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.1",
|
|
4
4
|
"description": "Parto Design System UI components with RTL support",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.cjs",
|
|
@@ -25,12 +25,6 @@
|
|
|
25
25
|
"publishConfig": {
|
|
26
26
|
"access": "public"
|
|
27
27
|
},
|
|
28
|
-
"size-limit": [
|
|
29
|
-
{
|
|
30
|
-
"path": "dist/index.js",
|
|
31
|
-
"limit": "300 kB"
|
|
32
|
-
}
|
|
33
|
-
],
|
|
34
28
|
"dependencies": {
|
|
35
29
|
"@hookform/resolvers": "^5.2.2",
|
|
36
30
|
"@nivo/bar": "^0.99.0",
|
|
@@ -73,10 +67,10 @@
|
|
|
73
67
|
"clsx": "^2.1.1",
|
|
74
68
|
"cmdk": "^1.1.1",
|
|
75
69
|
"date-fns": "^4.1.0",
|
|
76
|
-
"date-fns-jalali": "4.1.0-0",
|
|
77
70
|
"embla-carousel-react": "^8.6.0",
|
|
78
71
|
"input-otp": "^1.4.2",
|
|
79
72
|
"lucide-react": "^0.554.0",
|
|
73
|
+
"moment-jalaali": "^0.10.4",
|
|
80
74
|
"next-themes": "^0.4.6",
|
|
81
75
|
"react-day-picker": "^9.13.0",
|
|
82
76
|
"react-hook-form": "^7.66.1",
|
|
@@ -92,34 +86,23 @@
|
|
|
92
86
|
"react-dom": ">=18"
|
|
93
87
|
},
|
|
94
88
|
"devDependencies": {
|
|
95
|
-
"@size-limit/preset-small-lib": "^12.0.0",
|
|
96
89
|
"@tailwindcss/cli": "^4.1.18",
|
|
97
|
-
"@
|
|
98
|
-
"@testing-library/react": "^16.3.2",
|
|
90
|
+
"@types/moment-jalaali": "^0.7.9",
|
|
99
91
|
"@types/node": "^20.11.5",
|
|
100
92
|
"@types/react": "^19.2.6",
|
|
101
93
|
"@types/react-dom": "^19.2.3",
|
|
102
|
-
"@vitest/ui": "^4.0.18",
|
|
103
94
|
"autoprefixer": "^10.4.17",
|
|
104
95
|
"copyfiles": "^2.4.1",
|
|
105
|
-
"jsdom": "^28.1.0",
|
|
106
96
|
"postcss": "^8.4.33",
|
|
107
|
-
"size-limit": "^12.0.0",
|
|
108
97
|
"tailwindcss": "^4.1.17",
|
|
109
98
|
"tailwindcss-animate": "^1.0.7",
|
|
110
99
|
"tsup": "^8.5.1",
|
|
111
100
|
"typescript": "^5.9.3",
|
|
112
|
-
"vite-plugin-dts": "^3.7.2"
|
|
113
|
-
"vitest": "^4.0.18",
|
|
114
|
-
"vitest-axe": "^0.1.0"
|
|
101
|
+
"vite-plugin-dts": "^3.7.2"
|
|
115
102
|
},
|
|
116
103
|
"scripts": {
|
|
117
|
-
"size": "size-limit",
|
|
118
104
|
"dev": "tsup --watch",
|
|
119
105
|
"build": "tsup && tailwindcss -i ./src/globals.css -o ./dist/index.css && copyfiles -u 1 \"src/assets/fonts/*.woff2\" dist",
|
|
120
|
-
"test": "vitest run",
|
|
121
|
-
"test:watch": "vitest",
|
|
122
|
-
"test:ui": "vitest --ui",
|
|
123
106
|
"lint": "eslint src --ext .ts,.tsx",
|
|
124
107
|
"lint:fix": "eslint src --ext .ts,.tsx --fix",
|
|
125
108
|
"typecheck": "tsc --noEmit --skipLibCheck"
|
package/tailwind.config.ts
CHANGED
|
@@ -54,7 +54,7 @@ const config: Config = {
|
|
|
54
54
|
DEFAULT: 'hsl(var(--background-overlay-default))',
|
|
55
55
|
hover: 'hsl(var(--background-overlay-hover))',
|
|
56
56
|
},
|
|
57
|
-
|
|
57
|
+
|
|
58
58
|
// Supabase Design System - Foreground Colors
|
|
59
59
|
foreground: {
|
|
60
60
|
DEFAULT: 'hsl(var(--foreground-default))',
|
|
@@ -63,7 +63,7 @@ const config: Config = {
|
|
|
63
63
|
muted: 'hsl(var(--foreground-muted))',
|
|
64
64
|
contrast: 'hsl(var(--foreground-contrast))',
|
|
65
65
|
},
|
|
66
|
-
|
|
66
|
+
|
|
67
67
|
// Supabase Design System - Border Colors
|
|
68
68
|
border: {
|
|
69
69
|
DEFAULT: 'hsl(var(--border-default))',
|
|
@@ -82,7 +82,7 @@ const config: Config = {
|
|
|
82
82
|
// Shorthand border colors for Supabase compatibility
|
|
83
83
|
strong: 'hsl(var(--border-strong))',
|
|
84
84
|
stronger: 'hsl(var(--border-stronger))',
|
|
85
|
-
|
|
85
|
+
|
|
86
86
|
// Supabase Design System - Brand Colors
|
|
87
87
|
brand: {
|
|
88
88
|
DEFAULT: 'hsl(var(--brand-default))',
|
|
@@ -93,7 +93,7 @@ const config: Config = {
|
|
|
93
93
|
600: 'hsl(var(--brand-600))',
|
|
94
94
|
link: 'hsl(var(--brand-link))',
|
|
95
95
|
},
|
|
96
|
-
|
|
96
|
+
|
|
97
97
|
// Supabase Design System - Warning Colors
|
|
98
98
|
warning: {
|
|
99
99
|
DEFAULT: 'hsl(var(--warning-default))',
|
|
@@ -103,7 +103,7 @@ const config: Config = {
|
|
|
103
103
|
500: 'hsl(var(--warning-500))',
|
|
104
104
|
600: 'hsl(var(--warning-600))',
|
|
105
105
|
},
|
|
106
|
-
|
|
106
|
+
|
|
107
107
|
// Supabase Design System - Destructive Colors
|
|
108
108
|
destructive: {
|
|
109
109
|
DEFAULT: 'hsl(var(--destructive-default))',
|
|
@@ -114,7 +114,7 @@ const config: Config = {
|
|
|
114
114
|
600: 'hsl(var(--destructive-600))',
|
|
115
115
|
foreground: 'hsl(var(--destructive-600))',
|
|
116
116
|
},
|
|
117
|
-
|
|
117
|
+
|
|
118
118
|
// Supabase Design System - Secondary Colors
|
|
119
119
|
secondary: {
|
|
120
120
|
DEFAULT: 'hsl(var(--secondary-default))',
|
|
@@ -122,7 +122,7 @@ const config: Config = {
|
|
|
122
122
|
400: 'hsl(var(--secondary-400))',
|
|
123
123
|
foreground: 'hsl(var(--foreground-default))',
|
|
124
124
|
},
|
|
125
|
-
|
|
125
|
+
|
|
126
126
|
// Supabase Design System - Code Block Colors
|
|
127
127
|
'code-block': {
|
|
128
128
|
1: 'hsl(var(--code-block-1))',
|
|
@@ -131,7 +131,7 @@ const config: Config = {
|
|
|
131
131
|
4: 'hsl(var(--code-block-4))',
|
|
132
132
|
5: 'hsl(var(--code-block-5))',
|
|
133
133
|
},
|
|
134
|
-
|
|
134
|
+
|
|
135
135
|
// Legacy Shadcn compatibility aliases
|
|
136
136
|
input: 'hsl(var(--background-control))',
|
|
137
137
|
ring: 'hsl(var(--border-strong))',
|
|
@@ -173,16 +173,300 @@ const config: Config = {
|
|
|
173
173
|
'4': 'hsl(var(--chart-4))',
|
|
174
174
|
'5': 'hsl(var(--chart-5))',
|
|
175
175
|
},
|
|
176
|
-
|
|
177
|
-
//
|
|
178
|
-
|
|
176
|
+
|
|
177
|
+
// Tailwind Standard Palettes
|
|
178
|
+
slate: {
|
|
179
|
+
50: '#f8fafc',
|
|
180
|
+
100: '#f1f5f9',
|
|
181
|
+
200: '#e2e8f0',
|
|
182
|
+
300: '#cbd5e1',
|
|
183
|
+
400: '#94a3b8',
|
|
184
|
+
500: '#64748b',
|
|
185
|
+
600: '#475569',
|
|
186
|
+
700: '#334155',
|
|
187
|
+
800: '#1e293b',
|
|
188
|
+
900: '#0f172a',
|
|
189
|
+
950: '#020617',
|
|
190
|
+
},
|
|
191
|
+
gray: {
|
|
192
|
+
50: '#f9fafb',
|
|
193
|
+
100: '#f3f4f6',
|
|
194
|
+
200: '#e5e7eb',
|
|
195
|
+
300: '#d1d5db',
|
|
196
|
+
400: '#9ca3af',
|
|
197
|
+
500: '#6b7280',
|
|
198
|
+
600: '#4b5563',
|
|
199
|
+
700: '#374151',
|
|
200
|
+
800: '#1f2937',
|
|
201
|
+
900: '#111827',
|
|
202
|
+
950: '#030712',
|
|
203
|
+
},
|
|
204
|
+
zinc: {
|
|
205
|
+
50: '#fafafa',
|
|
206
|
+
100: '#f4f4f5',
|
|
207
|
+
200: '#e4e4e7',
|
|
208
|
+
300: '#d4d4d8',
|
|
209
|
+
400: '#a1a1aa',
|
|
210
|
+
500: '#71717a',
|
|
211
|
+
600: '#52525b',
|
|
212
|
+
700: '#3f3f46',
|
|
213
|
+
800: '#27272a',
|
|
214
|
+
900: '#18181b',
|
|
215
|
+
950: '#09090b',
|
|
216
|
+
},
|
|
217
|
+
neutral: {
|
|
218
|
+
50: '#fafafa',
|
|
219
|
+
100: '#f5f5f5',
|
|
220
|
+
200: '#e5e5e5',
|
|
221
|
+
300: '#d4d4d4',
|
|
222
|
+
400: '#a3a3a3',
|
|
223
|
+
500: '#737373',
|
|
224
|
+
600: '#525252',
|
|
225
|
+
700: '#404040',
|
|
226
|
+
800: '#262626',
|
|
227
|
+
900: '#171717',
|
|
228
|
+
950: '#0a0a0a',
|
|
229
|
+
},
|
|
230
|
+
stone: {
|
|
231
|
+
50: '#fafaf9',
|
|
232
|
+
100: '#f5f5f4',
|
|
233
|
+
200: '#e7e5e4',
|
|
234
|
+
300: '#d6d3d1',
|
|
235
|
+
400: '#a8a29e',
|
|
236
|
+
500: '#78716c',
|
|
237
|
+
600: '#57534e',
|
|
238
|
+
700: '#44403c',
|
|
239
|
+
800: '#292524',
|
|
240
|
+
900: '#1c1917',
|
|
241
|
+
950: '#0c0a09',
|
|
242
|
+
},
|
|
243
|
+
red: {
|
|
244
|
+
50: '#fef2f2',
|
|
245
|
+
100: '#fee2e2',
|
|
246
|
+
200: '#fecaca',
|
|
247
|
+
300: '#fca5a5',
|
|
248
|
+
400: '#f87171',
|
|
249
|
+
500: '#ef4444',
|
|
250
|
+
600: '#dc2626',
|
|
251
|
+
700: '#b91c1c',
|
|
252
|
+
800: '#991b1b',
|
|
253
|
+
900: '#7f1d1d',
|
|
254
|
+
950: '#450a0a',
|
|
255
|
+
},
|
|
256
|
+
orange: {
|
|
257
|
+
50: '#fff7ed',
|
|
258
|
+
100: '#ffedd5',
|
|
259
|
+
200: '#fed7aa',
|
|
260
|
+
300: '#fdba74',
|
|
261
|
+
400: '#fb923c',
|
|
262
|
+
500: '#f97316',
|
|
263
|
+
600: '#ea580c',
|
|
264
|
+
700: '#c2410c',
|
|
265
|
+
800: '#9a3412',
|
|
266
|
+
900: '#7c2d12',
|
|
267
|
+
950: '#431407',
|
|
268
|
+
},
|
|
269
|
+
amber: {
|
|
270
|
+
50: '#fffbeb',
|
|
271
|
+
100: '#fef3c7',
|
|
272
|
+
200: '#fde68a',
|
|
273
|
+
300: '#fcd34d',
|
|
274
|
+
400: '#fbbf24',
|
|
275
|
+
500: '#f59e0b',
|
|
276
|
+
600: '#d97706',
|
|
277
|
+
700: '#b45309',
|
|
278
|
+
800: '#92400e',
|
|
279
|
+
900: '#78350f',
|
|
280
|
+
950: '#451a03',
|
|
281
|
+
},
|
|
282
|
+
yellow: {
|
|
283
|
+
50: '#fefce8',
|
|
284
|
+
100: '#fef9c3',
|
|
285
|
+
200: '#fef08a',
|
|
286
|
+
300: '#fde047',
|
|
287
|
+
400: '#facc15',
|
|
288
|
+
500: '#eab308',
|
|
289
|
+
600: '#ca8a04',
|
|
290
|
+
700: '#a16207',
|
|
291
|
+
800: '#854d0e',
|
|
292
|
+
900: '#713f12',
|
|
293
|
+
950: '#422006',
|
|
294
|
+
},
|
|
295
|
+
lime: {
|
|
296
|
+
50: '#f7fee7',
|
|
297
|
+
100: '#ecfccb',
|
|
298
|
+
200: '#d9f99d',
|
|
299
|
+
300: '#bef264',
|
|
300
|
+
400: '#a3e635',
|
|
301
|
+
500: '#84cc16',
|
|
302
|
+
600: '#65a30d',
|
|
303
|
+
700: '#4d7c0f',
|
|
304
|
+
800: '#3f6212',
|
|
305
|
+
900: '#365314',
|
|
306
|
+
950: '#1a2e05',
|
|
307
|
+
},
|
|
308
|
+
green: {
|
|
309
|
+
50: '#f0fdf4',
|
|
310
|
+
100: '#dcfce7',
|
|
311
|
+
200: '#bbf7d0',
|
|
312
|
+
300: '#86efac',
|
|
313
|
+
400: '#4ade80',
|
|
314
|
+
500: '#22c55e',
|
|
315
|
+
600: '#16a34a',
|
|
316
|
+
700: '#15803d',
|
|
317
|
+
800: '#166534',
|
|
318
|
+
900: '#14532d',
|
|
319
|
+
950: '#052e16',
|
|
320
|
+
},
|
|
321
|
+
emerald: {
|
|
322
|
+
50: '#ecfdf5',
|
|
323
|
+
100: '#d1fae5',
|
|
324
|
+
200: '#a7f3d0',
|
|
325
|
+
300: '#6ee7b7',
|
|
326
|
+
400: '#34d399',
|
|
327
|
+
500: '#10b981',
|
|
328
|
+
600: '#059669',
|
|
329
|
+
700: '#047857',
|
|
330
|
+
800: '#065f46',
|
|
331
|
+
900: '#064e3b',
|
|
332
|
+
950: '#022c22',
|
|
333
|
+
},
|
|
334
|
+
teal: {
|
|
335
|
+
50: '#f0fdfa',
|
|
336
|
+
100: '#ccfbf1',
|
|
337
|
+
200: '#99f6e4',
|
|
338
|
+
300: '#5eead4',
|
|
339
|
+
400: '#2dd4bf',
|
|
340
|
+
500: '#14b8a6',
|
|
341
|
+
600: '#0d9488',
|
|
342
|
+
700: '#0f766e',
|
|
343
|
+
800: '#115e59',
|
|
344
|
+
900: '#134e4a',
|
|
345
|
+
950: '#042f2e',
|
|
346
|
+
},
|
|
347
|
+
cyan: {
|
|
348
|
+
50: '#ecfeff',
|
|
349
|
+
100: '#cffafe',
|
|
350
|
+
200: '#a5f3fc',
|
|
351
|
+
300: '#67e8f9',
|
|
352
|
+
400: '#22d3ee',
|
|
353
|
+
500: '#06b6d4',
|
|
354
|
+
600: '#0891b2',
|
|
355
|
+
700: '#0e7490',
|
|
356
|
+
800: '#155e75',
|
|
357
|
+
900: '#164e63',
|
|
358
|
+
950: '#083344',
|
|
359
|
+
},
|
|
360
|
+
sky: {
|
|
361
|
+
50: '#f0f9ff',
|
|
362
|
+
100: '#e0f2fe',
|
|
363
|
+
200: '#bae6fd',
|
|
364
|
+
300: '#7dd3fc',
|
|
365
|
+
400: '#38bdf8',
|
|
366
|
+
500: '#0ea5e9',
|
|
367
|
+
600: '#0284c7',
|
|
368
|
+
700: '#0369a1',
|
|
369
|
+
800: '#075985',
|
|
370
|
+
900: '#0c4a6e',
|
|
371
|
+
950: '#082f49',
|
|
372
|
+
},
|
|
373
|
+
blue: {
|
|
374
|
+
50: '#eff6ff',
|
|
375
|
+
100: '#dbeafe',
|
|
376
|
+
200: '#bfdbfe',
|
|
377
|
+
300: '#93c5fd',
|
|
378
|
+
400: '#60a5fa',
|
|
379
|
+
500: '#3b82f6',
|
|
380
|
+
600: '#2563eb',
|
|
381
|
+
700: '#1d4ed8',
|
|
382
|
+
800: '#1e40af',
|
|
383
|
+
900: '#1e3a8a',
|
|
384
|
+
950: '#172554',
|
|
385
|
+
},
|
|
386
|
+
indigo: {
|
|
387
|
+
50: '#eef2ff',
|
|
388
|
+
100: '#e0e7ff',
|
|
389
|
+
200: '#c7d2fe',
|
|
390
|
+
300: '#a5b4fc',
|
|
391
|
+
400: '#818cf8',
|
|
392
|
+
500: '#6366f1',
|
|
393
|
+
600: '#4f46e5',
|
|
394
|
+
700: '#4338ca',
|
|
395
|
+
800: '#3730a3',
|
|
396
|
+
900: '#312e81',
|
|
397
|
+
950: '#1e1b4b',
|
|
398
|
+
},
|
|
399
|
+
violet: {
|
|
400
|
+
50: '#f5f3ff',
|
|
401
|
+
100: '#ede9fe',
|
|
402
|
+
200: '#ddd6fe',
|
|
403
|
+
300: '#c4b5fd',
|
|
404
|
+
400: '#a78bfa',
|
|
405
|
+
500: '#8b5cf6',
|
|
406
|
+
600: '#7c3aed',
|
|
407
|
+
700: '#6d28d9',
|
|
408
|
+
800: '#5b21b6',
|
|
409
|
+
900: '#4c1d95',
|
|
410
|
+
950: '#2e1065',
|
|
411
|
+
},
|
|
412
|
+
purple: {
|
|
413
|
+
50: '#faf5ff',
|
|
414
|
+
100: '#f3e8ff',
|
|
415
|
+
200: '#e9d5ff',
|
|
416
|
+
300: '#d8b4fe',
|
|
417
|
+
400: '#c084fc',
|
|
418
|
+
500: '#a855f7',
|
|
419
|
+
600: '#9333ea',
|
|
420
|
+
700: '#7e22ce',
|
|
421
|
+
800: '#6b21a8',
|
|
422
|
+
900: '#581c87',
|
|
423
|
+
950: '#3b0764',
|
|
424
|
+
},
|
|
425
|
+
fuchsia: {
|
|
426
|
+
50: '#fdf4ff',
|
|
427
|
+
100: '#fae8ff',
|
|
428
|
+
200: '#f5d0fe',
|
|
429
|
+
300: '#f0abfc',
|
|
430
|
+
400: '#e879f9',
|
|
431
|
+
500: '#d946ef',
|
|
432
|
+
600: '#c026d3',
|
|
433
|
+
700: '#a21caf',
|
|
434
|
+
800: '#86198f',
|
|
435
|
+
900: '#701a75',
|
|
436
|
+
950: '#4a044e',
|
|
437
|
+
},
|
|
438
|
+
pink: {
|
|
439
|
+
50: '#fdf2f8',
|
|
440
|
+
100: '#fce7f3',
|
|
441
|
+
200: '#fbcfe8',
|
|
442
|
+
300: '#f9a8d4',
|
|
443
|
+
400: '#f472b6',
|
|
444
|
+
500: '#ec4899',
|
|
445
|
+
600: '#db2777',
|
|
446
|
+
700: '#be185d',
|
|
447
|
+
800: '#9d174d',
|
|
448
|
+
900: '#831843',
|
|
449
|
+
950: '#500724',
|
|
450
|
+
},
|
|
451
|
+
rose: {
|
|
452
|
+
50: '#fff1f2',
|
|
453
|
+
100: '#ffe4e6',
|
|
454
|
+
200: '#fecdd3',
|
|
455
|
+
300: '#fda4af',
|
|
456
|
+
400: '#fb7185',
|
|
457
|
+
500: '#f43f5e',
|
|
458
|
+
600: '#e11d48',
|
|
459
|
+
700: '#be123c',
|
|
460
|
+
800: '#9f1239',
|
|
461
|
+
900: '#881337',
|
|
462
|
+
950: '#4c0519',
|
|
463
|
+
},
|
|
179
464
|
},
|
|
180
465
|
borderRadius: {
|
|
181
466
|
lg: 'var(--radius)',
|
|
182
467
|
md: 'calc(var(--radius) - 2px)',
|
|
183
468
|
sm: 'calc(var(--radius) - 4px)',
|
|
184
469
|
},
|
|
185
|
-
|
|
186
470
|
keyframes: {
|
|
187
471
|
'accordion-down': {
|
|
188
472
|
from: { height: '0' },
|
|
@@ -205,7 +489,7 @@ const config: Config = {
|
|
|
205
489
|
plugins: [
|
|
206
490
|
require('tailwindcss-animate'),
|
|
207
491
|
// Supabase Shorthand Classes Plugin
|
|
208
|
-
plugin(function
|
|
492
|
+
plugin(function({ addUtilities }) {
|
|
209
493
|
addUtilities({
|
|
210
494
|
// Background shorthands
|
|
211
495
|
'.bg': {
|