@pandacss/studio 0.3.2 → 0.5.0

package/styled-system/tokens/index.mjs

@@ -1,4 +1,8 @@
 const tokens = {
+  'borders.none': {
+    value: 'none',
+    variable: 'var(--borders-none)',
+  },
   'easings.default': {
     value: 'cubic-bezier(0.4, 0, 0.2, 1)',
     variable: 'var(--easings-default)',
@@ -288,6 +292,10 @@ const tokens = {
     value: '64px',
     variable: 'var(--blurs-3xl)',
   },
+  'spacing.0': {
+    value: '0rem',
+    variable: 'var(--spacing-0)',
+  },
   'spacing.1': {
     value: '0.25rem',
     variable: 'var(--spacing-1)',
@@ -420,6 +428,10 @@ const tokens = {
     value: '0.875rem',
     variable: 'var(--spacing-3\\.5)',
   },
+  'sizes.0': {
+    value: '0rem',
+    variable: 'var(--sizes-0)',
+  },
   'sizes.1': {
     value: '0.25rem',
     variable: 'var(--sizes-1)',
@@ -712,6 +724,10 @@ const tokens = {
     value: '#881337',
     variable: 'var(--colors-rose-900)',
   },
+  'colors.rose.950': {
+    value: '#4c0519',
+    variable: 'var(--colors-rose-950)',
+  },
   'colors.pink.50': {
     value: '#fdf2f8',
     variable: 'var(--colors-pink-50)',
@@ -752,6 +768,10 @@ const tokens = {
     value: '#831843',
     variable: 'var(--colors-pink-900)',
   },
+  'colors.pink.950': {
+    value: '#500724',
+    variable: 'var(--colors-pink-950)',
+  },
   'colors.fuchsia.50': {
     value: '#fdf4ff',
     variable: 'var(--colors-fuchsia-50)',
@@ -792,46 +812,98 @@ const tokens = {
     value: '#701a75',
     variable: 'var(--colors-fuchsia-900)',
   },
+  'colors.fuchsia.950': {
+    value: '#4a044e',
+    variable: 'var(--colors-fuchsia-950)',
+  },
   'colors.purple.50': {
-    value: '#f5f3ff',
+    value: '#faf5ff',
     variable: 'var(--colors-purple-50)',
   },
   'colors.purple.100': {
-    value: '#ede9fe',
+    value: '#f3e8ff',
     variable: 'var(--colors-purple-100)',
   },
   'colors.purple.200': {
-    value: '#ddd6fe',
+    value: '#e9d5ff',
     variable: 'var(--colors-purple-200)',
   },
   'colors.purple.300': {
-    value: '#c4b5fd',
+    value: '#d8b4fe',
     variable: 'var(--colors-purple-300)',
   },
   'colors.purple.400': {
-    value: '#a78bfa',
+    value: '#c084fc',
     variable: 'var(--colors-purple-400)',
   },
   'colors.purple.500': {
-    value: '#8b5cf6',
+    value: '#a855f7',
     variable: 'var(--colors-purple-500)',
   },
   'colors.purple.600': {
-    value: '#7c3aed',
+    value: '#9333ea',
     variable: 'var(--colors-purple-600)',
   },
   'colors.purple.700': {
-    value: '#6d28d9',
+    value: '#7e22ce',
     variable: 'var(--colors-purple-700)',
   },
   'colors.purple.800': {
-    value: '#5b21b6',
+    value: '#6b21a8',
     variable: 'var(--colors-purple-800)',
   },
   'colors.purple.900': {
-    value: '#4c1d95',
+    value: '#581c87',
     variable: 'var(--colors-purple-900)',
   },
+  'colors.purple.950': {
+    value: '#3b0764',
+    variable: 'var(--colors-purple-950)',
+  },
+  'colors.violet.50': {
+    value: '#f5f3ff',
+    variable: 'var(--colors-violet-50)',
+  },
+  'colors.violet.100': {
+    value: '#ede9fe',
+    variable: 'var(--colors-violet-100)',
+  },
+  'colors.violet.200': {
+    value: '#ddd6fe',
+    variable: 'var(--colors-violet-200)',
+  },
+  'colors.violet.300': {
+    value: '#c4b5fd',
+    variable: 'var(--colors-violet-300)',
+  },
+  'colors.violet.400': {
+    value: '#a78bfa',
+    variable: 'var(--colors-violet-400)',
+  },
+  'colors.violet.500': {
+    value: '#8b5cf6',
+    variable: 'var(--colors-violet-500)',
+  },
+  'colors.violet.600': {
+    value: '#7c3aed',
+    variable: 'var(--colors-violet-600)',
+  },
+  'colors.violet.700': {
+    value: '#6d28d9',
+    variable: 'var(--colors-violet-700)',
+  },
+  'colors.violet.800': {
+    value: '#5b21b6',
+    variable: 'var(--colors-violet-800)',
+  },
+  'colors.violet.900': {
+    value: '#4c1d95',
+    variable: 'var(--colors-violet-900)',
+  },
+  'colors.violet.950': {
+    value: '#2e1065',
+    variable: 'var(--colors-violet-950)',
+  },
   'colors.indigo.50': {
     value: '#eef2ff',
     variable: 'var(--colors-indigo-50)',
@@ -872,6 +944,10 @@ const tokens = {
     value: '#312e81',
     variable: 'var(--colors-indigo-900)',
   },
+  'colors.indigo.950': {
+    value: '#1e1b4b',
+    variable: 'var(--colors-indigo-950)',
+  },
   'colors.blue.50': {
     value: '#eff6ff',
     variable: 'var(--colors-blue-50)',
@@ -912,6 +988,10 @@ const tokens = {
     value: '#1e3a8a',
     variable: 'var(--colors-blue-900)',
   },
+  'colors.blue.950': {
+    value: '#172554',
+    variable: 'var(--colors-blue-950)',
+  },
   'colors.sky.50': {
     value: '#f0f9ff',
     variable: 'var(--colors-sky-50)',
@@ -952,6 +1032,10 @@ const tokens = {
     value: '#0c4a6e',
     variable: 'var(--colors-sky-900)',
   },
+  'colors.sky.950': {
+    value: '#082f49',
+    variable: 'var(--colors-sky-950)',
+  },
   'colors.cyan.50': {
     value: '#ecfeff',
     variable: 'var(--colors-cyan-50)',
@@ -992,6 +1076,10 @@ const tokens = {
     value: '#164e63',
     variable: 'var(--colors-cyan-900)',
   },
+  'colors.cyan.950': {
+    value: '#083344',
+    variable: 'var(--colors-cyan-950)',
+  },
   'colors.teal.50': {
     value: '#f0fdfa',
     variable: 'var(--colors-teal-50)',
@@ -1032,46 +1120,98 @@ const tokens = {
     value: '#134e4a',
     variable: 'var(--colors-teal-900)',
   },
-  'colors.green.50': {
+  'colors.teal.950': {
+    value: '#042f2e',
+    variable: 'var(--colors-teal-950)',
+  },
+  'colors.emerald.50': {
     value: '#ecfdf5',
+    variable: 'var(--colors-emerald-50)',
+  },
+  'colors.emerald.100': {
+    value: '#d1fae5',
+    variable: 'var(--colors-emerald-100)',
+  },
+  'colors.emerald.200': {
+    value: '#a7f3d0',
+    variable: 'var(--colors-emerald-200)',
+  },
+  'colors.emerald.300': {
+    value: '#6ee7b7',
+    variable: 'var(--colors-emerald-300)',
+  },
+  'colors.emerald.400': {
+    value: '#34d399',
+    variable: 'var(--colors-emerald-400)',
+  },
+  'colors.emerald.500': {
+    value: '#10b981',
+    variable: 'var(--colors-emerald-500)',
+  },
+  'colors.emerald.600': {
+    value: '#059669',
+    variable: 'var(--colors-emerald-600)',
+  },
+  'colors.emerald.700': {
+    value: '#047857',
+    variable: 'var(--colors-emerald-700)',
+  },
+  'colors.emerald.800': {
+    value: '#065f46',
+    variable: 'var(--colors-emerald-800)',
+  },
+  'colors.emerald.900': {
+    value: '#064e3b',
+    variable: 'var(--colors-emerald-900)',
+  },
+  'colors.emerald.950': {
+    value: '#022c22',
+    variable: 'var(--colors-emerald-950)',
+  },
+  'colors.green.50': {
+    value: '#f0fdf4',
     variable: 'var(--colors-green-50)',
   },
   'colors.green.100': {
-    value: '#d1fae5',
+    value: '#dcfce7',
     variable: 'var(--colors-green-100)',
   },
   'colors.green.200': {
-    value: '#a7f3d0',
+    value: '#bbf7d0',
     variable: 'var(--colors-green-200)',
   },
   'colors.green.300': {
-    value: '#6ee7b7',
+    value: '#86efac',
     variable: 'var(--colors-green-300)',
   },
   'colors.green.400': {
-    value: '#34d399',
+    value: '#4ade80',
     variable: 'var(--colors-green-400)',
   },
   'colors.green.500': {
-    value: '#10b981',
+    value: '#22c55e',
     variable: 'var(--colors-green-500)',
   },
   'colors.green.600': {
-    value: '#059669',
+    value: '#16a34a',
     variable: 'var(--colors-green-600)',
   },
   'colors.green.700': {
-    value: '#047857',
+    value: '#15803d',
     variable: 'var(--colors-green-700)',
   },
   'colors.green.800': {
-    value: '#065f46',
+    value: '#166534',
     variable: 'var(--colors-green-800)',
   },
   'colors.green.900': {
-    value: '#064e3b',
+    value: '#14532d',
     variable: 'var(--colors-green-900)',
   },
+  'colors.green.950': {
+    value: '#052e16',
+    variable: 'var(--colors-green-950)',
+  },
   'colors.lime.50': {
     value: '#f7fee7',
     variable: 'var(--colors-lime-50)',
@@ -1112,46 +1252,98 @@ const tokens = {
     value: '#365314',
     variable: 'var(--colors-lime-900)',
   },
+  'colors.lime.950': {
+    value: '#1a2e05',
+    variable: 'var(--colors-lime-950)',
+  },
   'colors.yellow.50': {
-    value: '#fffbeb',
+    value: '#fefce8',
     variable: 'var(--colors-yellow-50)',
   },
   'colors.yellow.100': {
-    value: '#fef3c7',
+    value: '#fef9c3',
     variable: 'var(--colors-yellow-100)',
   },
   'colors.yellow.200': {
-    value: '#fde68a',
+    value: '#fef08a',
     variable: 'var(--colors-yellow-200)',
   },
   'colors.yellow.300': {
-    value: '#fcd34d',
+    value: '#fde047',
     variable: 'var(--colors-yellow-300)',
   },
   'colors.yellow.400': {
-    value: '#fbbf24',
+    value: '#facc15',
     variable: 'var(--colors-yellow-400)',
   },
   'colors.yellow.500': {
-    value: '#f59e0b',
+    value: '#eab308',
     variable: 'var(--colors-yellow-500)',
   },
   'colors.yellow.600': {
-    value: '#d97706',
+    value: '#ca8a04',
     variable: 'var(--colors-yellow-600)',
   },
   'colors.yellow.700': {
-    value: '#b45309',
+    value: '#a16207',
     variable: 'var(--colors-yellow-700)',
   },
   'colors.yellow.800': {
-    value: '#92400e',
+    value: '#854d0e',
     variable: 'var(--colors-yellow-800)',
   },
   'colors.yellow.900': {
-    value: '#78350f',
+    value: '#713f12',
     variable: 'var(--colors-yellow-900)',
   },
+  'colors.yellow.950': {
+    value: '#422006',
+    variable: 'var(--colors-yellow-950)',
+  },
+  'colors.amber.50': {
+    value: '#fffbeb',
+    variable: 'var(--colors-amber-50)',
+  },
+  'colors.amber.100': {
+    value: '#fef3c7',
+    variable: 'var(--colors-amber-100)',
+  },
+  'colors.amber.200': {
+    value: '#fde68a',
+    variable: 'var(--colors-amber-200)',
+  },
+  'colors.amber.300': {
+    value: '#fcd34d',
+    variable: 'var(--colors-amber-300)',
+  },
+  'colors.amber.400': {
+    value: '#fbbf24',
+    variable: 'var(--colors-amber-400)',
+  },
+  'colors.amber.500': {
+    value: '#f59e0b',
+    variable: 'var(--colors-amber-500)',
+  },
+  'colors.amber.600': {
+    value: '#d97706',
+    variable: 'var(--colors-amber-600)',
+  },
+  'colors.amber.700': {
+    value: '#b45309',
+    variable: 'var(--colors-amber-700)',
+  },
+  'colors.amber.800': {
+    value: '#92400e',
+    variable: 'var(--colors-amber-800)',
+  },
+  'colors.amber.900': {
+    value: '#78350f',
+    variable: 'var(--colors-amber-900)',
+  },
+  'colors.amber.950': {
+    value: '#451a03',
+    variable: 'var(--colors-amber-950)',
+  },
   'colors.orange.50': {
     value: '#fff7ed',
     variable: 'var(--colors-orange-50)',
@@ -1192,6 +1384,10 @@ const tokens = {
     value: '#7c2d12',
     variable: 'var(--colors-orange-900)',
   },
+  'colors.orange.950': {
+    value: '#431407',
+    variable: 'var(--colors-orange-950)',
+  },
   'colors.red.50': {
     value: '#fef2f2',
     variable: 'var(--colors-red-50)',
@@ -1232,6 +1428,98 @@ const tokens = {
     value: '#7f1d1d',
     variable: 'var(--colors-red-900)',
   },
+  'colors.red.950': {
+    value: '#450a0a',
+    variable: 'var(--colors-red-950)',
+  },
+  'colors.stone.50': {
+    value: '#fafaf9',
+    variable: 'var(--colors-stone-50)',
+  },
+  'colors.stone.100': {
+    value: '#f5f5f4',
+    variable: 'var(--colors-stone-100)',
+  },
+  'colors.stone.200': {
+    value: '#e7e5e4',
+    variable: 'var(--colors-stone-200)',
+  },
+  'colors.stone.300': {
+    value: '#d6d3d1',
+    variable: 'var(--colors-stone-300)',
+  },
+  'colors.stone.400': {
+    value: '#a8a29e',
+    variable: 'var(--colors-stone-400)',
+  },
+  'colors.stone.500': {
+    value: '#78716c',
+    variable: 'var(--colors-stone-500)',
+  },
+  'colors.stone.600': {
+    value: '#57534e',
+    variable: 'var(--colors-stone-600)',
+  },
+  'colors.stone.700': {
+    value: '#44403c',
+    variable: 'var(--colors-stone-700)',
+  },
+  'colors.stone.800': {
+    value: '#292524',
+    variable: 'var(--colors-stone-800)',
+  },
+  'colors.stone.900': {
+    value: '#1c1917',
+    variable: 'var(--colors-stone-900)',
+  },
+  'colors.stone.950': {
+    value: '#0c0a09',
+    variable: 'var(--colors-stone-950)',
+  },
+  'colors.zinc.50': {
+    value: '#fafafa',
+    variable: 'var(--colors-zinc-50)',
+  },
+  'colors.zinc.100': {
+    value: '#f4f4f5',
+    variable: 'var(--colors-zinc-100)',
+  },
+  'colors.zinc.200': {
+    value: '#e4e4e7',
+    variable: 'var(--colors-zinc-200)',
+  },
+  'colors.zinc.300': {
+    value: '#d4d4d8',
+    variable: 'var(--colors-zinc-300)',
+  },
+  'colors.zinc.400': {
+    value: '#a1a1aa',
+    variable: 'var(--colors-zinc-400)',
+  },
+  'colors.zinc.500': {
+    value: '#71717a',
+    variable: 'var(--colors-zinc-500)',
+  },
+  'colors.zinc.600': {
+    value: '#52525b',
+    variable: 'var(--colors-zinc-600)',
+  },
+  'colors.zinc.700': {
+    value: '#3f3f46',
+    variable: 'var(--colors-zinc-700)',
+  },
+  'colors.zinc.800': {
+    value: '#27272a',
+    variable: 'var(--colors-zinc-800)',
+  },
+  'colors.zinc.900': {
+    value: '#18181b',
+    variable: 'var(--colors-zinc-900)',
+  },
+  'colors.zinc.950': {
+    value: '#09090b',
+    variable: 'var(--colors-zinc-950)',
+  },
   'colors.gray.50': {
     value: '#f9fafb',
     variable: 'var(--colors-gray-50)',
@@ -1272,28 +1560,32 @@ const tokens = {
     value: '#111827',
     variable: 'var(--colors-gray-900)',
   },
+  'colors.gray.950': {
+    value: '#030712',
+    variable: 'var(--colors-gray-950)',
+  },
   'colors.slate.50': {
-    value: '#F8FAFC',
+    value: '#f8fafc',
     variable: 'var(--colors-slate-50)',
   },
   'colors.slate.100': {
-    value: '#F1F5F9',
+    value: '#f1f5f9',
     variable: 'var(--colors-slate-100)',
   },
   'colors.slate.200': {
-    value: '#E2E8F0',
+    value: '#e2e8f0',
     variable: 'var(--colors-slate-200)',
   },
   'colors.slate.300': {
-    value: '#CBD5E1',
+    value: '#cbd5e1',
     variable: 'var(--colors-slate-300)',
   },
   'colors.slate.400': {
-    value: '#94A3B8',
+    value: '#94a3b8',
     variable: 'var(--colors-slate-400)',
   },
   'colors.slate.500': {
-    value: '#64748B',
+    value: '#64748b',
     variable: 'var(--colors-slate-500)',
   },
   'colors.slate.600': {
@@ -1305,13 +1597,17 @@ const tokens = {
     variable: 'var(--colors-slate-700)',
   },
   'colors.slate.800': {
-    value: '#1E293B',
+    value: '#1e293b',
     variable: 'var(--colors-slate-800)',
   },
   'colors.slate.900': {
-    value: '#0F172A',
+    value: '#0f172a',
     variable: 'var(--colors-slate-900)',
   },
+  'colors.slate.950': {
+    value: '#020617',
+    variable: 'var(--colors-slate-950)',
+  },
   'colors.neutral.50': {
     value: '#fafafa',
     variable: 'var(--colors-neutral-50)',