@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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@parto-system-design/ui",
3
- "version": "1.1.0",
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
- "@testing-library/jest-dom": "^6.9.1",
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"
@@ -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
- // Note: Standard Tailwind palettes (slate, gray, zinc, etc.) are available
178
- // by default — no need to redeclare them here.
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 ({ addUtilities }) {
492
+ plugin(function({ addUtilities }) {
209
493
  addUtilities({
210
494
  // Background shorthands
211
495
  '.bg': {