@designbasekorea/ui 0.1.41 → 0.1.42
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.esm.js +19 -19
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +19 -19
- package/dist/index.js.map +1 -1
- package/dist/index.umd.js +19 -19
- package/dist/index.umd.js.map +1 -1
- package/package.json +1 -1
package/dist/index.umd.js
CHANGED
|
@@ -2266,49 +2266,49 @@
|
|
|
2266
2266
|
// 톤별 색상 팔레트
|
|
2267
2267
|
const colorPalettes = {
|
|
2268
2268
|
primary: {
|
|
2269
|
-
light: ['#
|
|
2269
|
+
light: ['#eff6ff', '#dbeafe', '#bfdbfe', '#93c5fd', '#60a5fa'], // blue-50 ~ blue-400 (더 밝게)
|
|
2270
2270
|
vivid: ['#3b82f6', '#2563eb', '#1d4ed8', '#1e40af', '#1e3a8a'], // blue-500 ~ blue-900
|
|
2271
|
-
dark: ['#
|
|
2271
|
+
dark: ['#0f172a', '#1e293b', '#334155', '#475569', '#64748b'], // slate-900 ~ slate-600 (더 어둡게)
|
|
2272
2272
|
},
|
|
2273
2273
|
secondary: {
|
|
2274
|
-
light: ['#
|
|
2274
|
+
light: ['#f8fafc', '#f1f5f9', '#e2e8f0', '#cbd5e1', '#94a3b8'], // slate-50 ~ slate-400 (더 밝게)
|
|
2275
2275
|
vivid: ['#6b7280', '#4b5563', '#374151', '#1f2937', '#111827'], // gray-500 ~ gray-900
|
|
2276
|
-
dark: ['#
|
|
2276
|
+
dark: ['#0f0f0f', '#1a1a1a', '#262626', '#404040', '#525252'], // neutral-950 ~ neutral-600 (더 어둡게)
|
|
2277
2277
|
},
|
|
2278
2278
|
success: {
|
|
2279
|
-
light: ['#
|
|
2279
|
+
light: ['#f0fdf4', '#dcfce7', '#bbf7d0', '#86efac', '#4ade80'], // green-50 ~ green-400 (더 밝게)
|
|
2280
2280
|
vivid: ['#22c55e', '#16a34a', '#15803d', '#166534', '#14532d'], // green-500 ~ green-900
|
|
2281
|
-
dark: ['#
|
|
2281
|
+
dark: ['#052e16', '#14532d', '#166534', '#15803d', '#16a34a'], // green-950 ~ green-600 (더 어둡게)
|
|
2282
2282
|
},
|
|
2283
2283
|
warning: {
|
|
2284
|
-
light: ['#
|
|
2285
|
-
vivid: ['#f59e0b', '#d97706', '#b45309', '#92400e', '#78350f'], //
|
|
2286
|
-
dark: ['#
|
|
2284
|
+
light: ['#fffbeb', '#fef3c7', '#fde68a', '#fcd34d', '#fbbf24'], // amber-50 ~ amber-400 (더 밝게)
|
|
2285
|
+
vivid: ['#f59e0b', '#d97706', '#b45309', '#92400e', '#78350f'], // amber-600 ~ amber-900
|
|
2286
|
+
dark: ['#451a03', '#78350f', '#92400e', '#b45309', '#d97706'], // amber-950 ~ amber-600 (더 어둡게)
|
|
2287
2287
|
},
|
|
2288
2288
|
error: {
|
|
2289
|
-
light: ['#
|
|
2289
|
+
light: ['#fef2f2', '#fecaca', '#fca5a5', '#f87171', '#f56565'], // red-50 ~ red-400 (더 밝게)
|
|
2290
2290
|
vivid: ['#ef4444', '#dc2626', '#b91c1c', '#991b1b', '#7f1d1d'], // red-500 ~ red-900
|
|
2291
|
-
dark: ['#
|
|
2291
|
+
dark: ['#450a0a', '#7f1d1d', '#991b1b', '#b91c1c', '#dc2626'], // red-950 ~ red-600 (더 어둡게)
|
|
2292
2292
|
},
|
|
2293
2293
|
info: {
|
|
2294
|
-
light: ['#
|
|
2294
|
+
light: ['#eff6ff', '#dbeafe', '#bfdbfe', '#93c5fd', '#60a5fa'], // blue-50 ~ blue-400 (더 밝게)
|
|
2295
2295
|
vivid: ['#3b82f6', '#2563eb', '#1d4ed8', '#1e40af', '#1e3a8a'], // blue-500 ~ blue-900
|
|
2296
|
-
dark: ['#
|
|
2296
|
+
dark: ['#0f172a', '#1e293b', '#334155', '#475569', '#64748b'], // slate-900 ~ slate-600 (더 어둡게)
|
|
2297
2297
|
},
|
|
2298
2298
|
purple: {
|
|
2299
|
-
light: ['#
|
|
2299
|
+
light: ['#faf5ff', '#f3e8ff', '#e9d5ff', '#d8b4fe', '#c084fc'], // purple-50 ~ purple-400 (더 밝게)
|
|
2300
2300
|
vivid: ['#a855f7', '#9333ea', '#7c3aed', '#6d28d9', '#5b21b6'], // purple-600 ~ purple-900
|
|
2301
|
-
dark: ['#
|
|
2301
|
+
dark: ['#3b0764', '#581c87', '#6b21a8', '#7c3aed', '#9333ea'], // purple-950 ~ purple-600 (더 어둡게)
|
|
2302
2302
|
},
|
|
2303
2303
|
ocean: {
|
|
2304
|
-
light: ['#
|
|
2304
|
+
light: ['#f0fdfa', '#ccfbf1', '#99f6e4', '#5eead4', '#2dd4bf'], // teal-50 ~ teal-400 (더 밝게)
|
|
2305
2305
|
vivid: ['#14b8a6', '#0d9488', '#0f766e', '#115e59', '#134e4a'], // teal-500 ~ teal-900
|
|
2306
|
-
dark: ['#
|
|
2306
|
+
dark: ['#042f2e', '#134e4a', '#115e59', '#0f766e', '#0d9488'], // teal-950 ~ teal-600 (더 어둡게)
|
|
2307
2307
|
},
|
|
2308
2308
|
sunset: {
|
|
2309
|
-
light: ['#
|
|
2309
|
+
light: ['#fff7ed', '#fed7aa', '#fdba74', '#fb923c', '#f97316'], // orange-50 ~ orange-500 (더 밝게)
|
|
2310
2310
|
vivid: ['#f97316', '#ea580c', '#c2410c', '#9a3412', '#7c2d12'], // orange-600 ~ orange-900
|
|
2311
|
-
dark: ['#
|
|
2311
|
+
dark: ['#431407', '#7c2d12', '#9a3412', '#c2410c', '#ea580c'], // orange-950 ~ orange-600 (더 어둡게)
|
|
2312
2312
|
},
|
|
2313
2313
|
};
|
|
2314
2314
|
const RandomGradient = ({ scheme = 'primary', tone = 'vivid', width = '100%', height = '600px', blur = 60, colorCount = 4, animated = false, animationDuration = 10, overlay = true, overlayOpacity = 0.2, children, className, }) => {
|