@pandacss/studio 0.4.0 → 0.5.1

package/styled-system/tokens/index.mjs

@@ -724,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)',
@@ -764,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)',
@@ -804,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)',
@@ -884,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)',
@@ -924,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)',
@@ -964,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)',
@@ -1004,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)',
@@ -1044,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)',
@@ -1124,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)',
@@ -1204,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)',
@@ -1244,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)',
@@ -1284,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': {
@@ -1317,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)',

package/styled-system/tokens/tokens.d.ts

@@ -1,7 +1,7 @@
 /* eslint-disable */
-export type Token = "borders.none" | "easings.default" | "easings.linear" | "easings.in" | "easings.out" | "easings.in-out" | "durations.fastest" | "durations.faster" | "durations.fast" | "durations.normal" | "durations.slow" | "durations.slower" | "durations.slowest" | "radii.xs" | "radii.sm" | "radii.md" | "radii.lg" | "radii.xl" | "radii.2xl" | "radii.3xl" | "radii.full" | "fontWeights.thin" | "fontWeights.extralight" | "fontWeights.light" | "fontWeights.normal" | "fontWeights.medium" | "fontWeights.semibold" | "fontWeights.bold" | "fontWeights.extrabold" | "fontWeights.black" | "lineHeights.none" | "lineHeights.tight" | "lineHeights.snug" | "lineHeights.normal" | "lineHeights.relaxed" | "lineHeights.loose" | "fonts.sans" | "fonts.serif" | "fonts.mono" | "letterSpacings.tighter" | "letterSpacings.tight" | "letterSpacings.normal" | "letterSpacings.wide" | "letterSpacings.wider" | "letterSpacings.widest" | "fontSizes.2xs" | "fontSizes.xs" | "fontSizes.sm" | "fontSizes.md" | "fontSizes.lg" | "fontSizes.xl" | "fontSizes.2xl" | "fontSizes.3xl" | "fontSizes.4xl" | "fontSizes.5xl" | "fontSizes.6xl" | "fontSizes.7xl" | "fontSizes.8xl" | "fontSizes.9xl" | "shadows.xs" | "shadows.sm" | "shadows.md" | "shadows.lg" | "shadows.xl" | "shadows.2xl" | "shadows.inner" | "blurs.sm" | "blurs.base" | "blurs.md" | "blurs.lg" | "blurs.xl" | "blurs.2xl" | "blurs.3xl" | "spacing.0" | "spacing.1" | "spacing.2" | "spacing.3" | "spacing.4" | "spacing.5" | "spacing.6" | "spacing.7" | "spacing.8" | "spacing.9" | "spacing.10" | "spacing.11" | "spacing.12" | "spacing.14" | "spacing.16" | "spacing.20" | "spacing.24" | "spacing.28" | "spacing.32" | "spacing.36" | "spacing.40" | "spacing.44" | "spacing.48" | "spacing.52" | "spacing.56" | "spacing.60" | "spacing.64" | "spacing.72" | "spacing.80" | "spacing.96" | "spacing.0.5" | "spacing.1.5" | "spacing.2.5" | "spacing.3.5" | "sizes.0" | "sizes.1" | "sizes.2" | "sizes.3" | "sizes.4" | "sizes.5" | "sizes.6" | "sizes.7" | "sizes.8" | "sizes.9" | "sizes.10" | "sizes.11" | "sizes.12" | "sizes.14" | "sizes.16" | "sizes.20" | "sizes.24" | "sizes.28" | "sizes.32" | "sizes.36" | "sizes.40" | "sizes.44" | "sizes.48" | "sizes.52" | "sizes.56" | "sizes.60" | "sizes.64" | "sizes.72" | "sizes.80" | "sizes.96" | "sizes.0.5" | "sizes.1.5" | "sizes.2.5" | "sizes.3.5" | "sizes.xs" | "sizes.sm" | "sizes.md" | "sizes.lg" | "sizes.xl" | "sizes.2xl" | "sizes.3xl" | "sizes.4xl" | "sizes.5xl" | "sizes.6xl" | "sizes.7xl" | "sizes.8xl" | "sizes.prose" | "sizes.full" | "sizes.min" | "sizes.max" | "sizes.fit" | "sizes.breakpoint-sm" | "sizes.breakpoint-md" | "sizes.breakpoint-lg" | "sizes.breakpoint-xl" | "sizes.breakpoint-2xl" | "animations.spin" | "animations.ping" | "animations.pulse" | "animations.bounce" | "colors.current" | "colors.black" | "colors.white" | "colors.transparent" | "colors.rose.50" | "colors.rose.100" | "colors.rose.200" | "colors.rose.300" | "colors.rose.400" | "colors.rose.500" | "colors.rose.600" | "colors.rose.700" | "colors.rose.800" | "colors.rose.900" | "colors.pink.50" | "colors.pink.100" | "colors.pink.200" | "colors.pink.300" | "colors.pink.400" | "colors.pink.500" | "colors.pink.600" | "colors.pink.700" | "colors.pink.800" | "colors.pink.900" | "colors.fuchsia.50" | "colors.fuchsia.100" | "colors.fuchsia.200" | "colors.fuchsia.300" | "colors.fuchsia.400" | "colors.fuchsia.500" | "colors.fuchsia.600" | "colors.fuchsia.700" | "colors.fuchsia.800" | "colors.fuchsia.900" | "colors.purple.50" | "colors.purple.100" | "colors.purple.200" | "colors.purple.300" | "colors.purple.400" | "colors.purple.500" | "colors.purple.600" | "colors.purple.700" | "colors.purple.800" | "colors.purple.900" | "colors.indigo.50" | "colors.indigo.100" | "colors.indigo.200" | "colors.indigo.300" | "colors.indigo.400" | "colors.indigo.500" | "colors.indigo.600" | "colors.indigo.700" | "colors.indigo.800" | "colors.indigo.900" | "colors.blue.50" | "colors.blue.100" | "colors.blue.200" | "colors.blue.300" | "colors.blue.400" | "colors.blue.500" | "colors.blue.600" | "colors.blue.700" | "colors.blue.800" | "colors.blue.900" | "colors.sky.50" | "colors.sky.100" | "colors.sky.200" | "colors.sky.300" | "colors.sky.400" | "colors.sky.500" | "colors.sky.600" | "colors.sky.700" | "colors.sky.800" | "colors.sky.900" | "colors.cyan.50" | "colors.cyan.100" | "colors.cyan.200" | "colors.cyan.300" | "colors.cyan.400" | "colors.cyan.500" | "colors.cyan.600" | "colors.cyan.700" | "colors.cyan.800" | "colors.cyan.900" | "colors.teal.50" | "colors.teal.100" | "colors.teal.200" | "colors.teal.300" | "colors.teal.400" | "colors.teal.500" | "colors.teal.600" | "colors.teal.700" | "colors.teal.800" | "colors.teal.900" | "colors.green.50" | "colors.green.100" | "colors.green.200" | "colors.green.300" | "colors.green.400" | "colors.green.500" | "colors.green.600" | "colors.green.700" | "colors.green.800" | "colors.green.900" | "colors.lime.50" | "colors.lime.100" | "colors.lime.200" | "colors.lime.300" | "colors.lime.400" | "colors.lime.500" | "colors.lime.600" | "colors.lime.700" | "colors.lime.800" | "colors.lime.900" | "colors.yellow.50" | "colors.yellow.100" | "colors.yellow.200" | "colors.yellow.300" | "colors.yellow.400" | "colors.yellow.500" | "colors.yellow.600" | "colors.yellow.700" | "colors.yellow.800" | "colors.yellow.900" | "colors.orange.50" | "colors.orange.100" | "colors.orange.200" | "colors.orange.300" | "colors.orange.400" | "colors.orange.500" | "colors.orange.600" | "colors.orange.700" | "colors.orange.800" | "colors.orange.900" | "colors.red.50" | "colors.red.100" | "colors.red.200" | "colors.red.300" | "colors.red.400" | "colors.red.500" | "colors.red.600" | "colors.red.700" | "colors.red.800" | "colors.red.900" | "colors.gray.50" | "colors.gray.100" | "colors.gray.200" | "colors.gray.300" | "colors.gray.400" | "colors.gray.500" | "colors.gray.600" | "colors.gray.700" | "colors.gray.800" | "colors.gray.900" | "colors.slate.50" | "colors.slate.100" | "colors.slate.200" | "colors.slate.300" | "colors.slate.400" | "colors.slate.500" | "colors.slate.600" | "colors.slate.700" | "colors.slate.800" | "colors.slate.900" | "colors.neutral.50" | "colors.neutral.100" | "colors.neutral.200" | "colors.neutral.300" | "colors.neutral.400" | "colors.neutral.500" | "colors.neutral.600" | "colors.neutral.700" | "colors.neutral.800" | "colors.neutral.900" | "colors.neutral.950" | "assets.check" | "breakpoints.sm" | "breakpoints.md" | "breakpoints.lg" | "breakpoints.xl" | "breakpoints.2xl" | "shadows.inset" | "colors.text" | "colors.bg" | "colors.card" | "colors.border" | "spacing.-1" | "spacing.-2" | "spacing.-3" | "spacing.-4" | "spacing.-5" | "spacing.-6" | "spacing.-7" | "spacing.-8" | "spacing.-9" | "spacing.-10" | "spacing.-11" | "spacing.-12" | "spacing.-14" | "spacing.-16" | "spacing.-20" | "spacing.-24" | "spacing.-28" | "spacing.-32" | "spacing.-36" | "spacing.-40" | "spacing.-44" | "spacing.-48" | "spacing.-52" | "spacing.-56" | "spacing.-60" | "spacing.-64" | "spacing.-72" | "spacing.-80" | "spacing.-96" | "spacing.-0.5" | "spacing.-1.5" | "spacing.-2.5" | "spacing.-3.5" | "colors.colorPalette.50" | "colors.colorPalette.100" | "colors.colorPalette.200" | "colors.colorPalette.300" | "colors.colorPalette.400" | "colors.colorPalette.500" | "colors.colorPalette.600" | "colors.colorPalette.700" | "colors.colorPalette.800" | "colors.colorPalette.900" | "colors.colorPalette.950"
+export type Token = "borders.none" | "easings.default" | "easings.linear" | "easings.in" | "easings.out" | "easings.in-out" | "durations.fastest" | "durations.faster" | "durations.fast" | "durations.normal" | "durations.slow" | "durations.slower" | "durations.slowest" | "radii.xs" | "radii.sm" | "radii.md" | "radii.lg" | "radii.xl" | "radii.2xl" | "radii.3xl" | "radii.full" | "fontWeights.thin" | "fontWeights.extralight" | "fontWeights.light" | "fontWeights.normal" | "fontWeights.medium" | "fontWeights.semibold" | "fontWeights.bold" | "fontWeights.extrabold" | "fontWeights.black" | "lineHeights.none" | "lineHeights.tight" | "lineHeights.snug" | "lineHeights.normal" | "lineHeights.relaxed" | "lineHeights.loose" | "fonts.sans" | "fonts.serif" | "fonts.mono" | "letterSpacings.tighter" | "letterSpacings.tight" | "letterSpacings.normal" | "letterSpacings.wide" | "letterSpacings.wider" | "letterSpacings.widest" | "fontSizes.2xs" | "fontSizes.xs" | "fontSizes.sm" | "fontSizes.md" | "fontSizes.lg" | "fontSizes.xl" | "fontSizes.2xl" | "fontSizes.3xl" | "fontSizes.4xl" | "fontSizes.5xl" | "fontSizes.6xl" | "fontSizes.7xl" | "fontSizes.8xl" | "fontSizes.9xl" | "shadows.xs" | "shadows.sm" | "shadows.md" | "shadows.lg" | "shadows.xl" | "shadows.2xl" | "shadows.inner" | "blurs.sm" | "blurs.base" | "blurs.md" | "blurs.lg" | "blurs.xl" | "blurs.2xl" | "blurs.3xl" | "spacing.0" | "spacing.1" | "spacing.2" | "spacing.3" | "spacing.4" | "spacing.5" | "spacing.6" | "spacing.7" | "spacing.8" | "spacing.9" | "spacing.10" | "spacing.11" | "spacing.12" | "spacing.14" | "spacing.16" | "spacing.20" | "spacing.24" | "spacing.28" | "spacing.32" | "spacing.36" | "spacing.40" | "spacing.44" | "spacing.48" | "spacing.52" | "spacing.56" | "spacing.60" | "spacing.64" | "spacing.72" | "spacing.80" | "spacing.96" | "spacing.0.5" | "spacing.1.5" | "spacing.2.5" | "spacing.3.5" | "sizes.0" | "sizes.1" | "sizes.2" | "sizes.3" | "sizes.4" | "sizes.5" | "sizes.6" | "sizes.7" | "sizes.8" | "sizes.9" | "sizes.10" | "sizes.11" | "sizes.12" | "sizes.14" | "sizes.16" | "sizes.20" | "sizes.24" | "sizes.28" | "sizes.32" | "sizes.36" | "sizes.40" | "sizes.44" | "sizes.48" | "sizes.52" | "sizes.56" | "sizes.60" | "sizes.64" | "sizes.72" | "sizes.80" | "sizes.96" | "sizes.0.5" | "sizes.1.5" | "sizes.2.5" | "sizes.3.5" | "sizes.xs" | "sizes.sm" | "sizes.md" | "sizes.lg" | "sizes.xl" | "sizes.2xl" | "sizes.3xl" | "sizes.4xl" | "sizes.5xl" | "sizes.6xl" | "sizes.7xl" | "sizes.8xl" | "sizes.prose" | "sizes.full" | "sizes.min" | "sizes.max" | "sizes.fit" | "sizes.breakpoint-sm" | "sizes.breakpoint-md" | "sizes.breakpoint-lg" | "sizes.breakpoint-xl" | "sizes.breakpoint-2xl" | "animations.spin" | "animations.ping" | "animations.pulse" | "animations.bounce" | "colors.current" | "colors.black" | "colors.white" | "colors.transparent" | "colors.rose.50" | "colors.rose.100" | "colors.rose.200" | "colors.rose.300" | "colors.rose.400" | "colors.rose.500" | "colors.rose.600" | "colors.rose.700" | "colors.rose.800" | "colors.rose.900" | "colors.rose.950" | "colors.pink.50" | "colors.pink.100" | "colors.pink.200" | "colors.pink.300" | "colors.pink.400" | "colors.pink.500" | "colors.pink.600" | "colors.pink.700" | "colors.pink.800" | "colors.pink.900" | "colors.pink.950" | "colors.fuchsia.50" | "colors.fuchsia.100" | "colors.fuchsia.200" | "colors.fuchsia.300" | "colors.fuchsia.400" | "colors.fuchsia.500" | "colors.fuchsia.600" | "colors.fuchsia.700" | "colors.fuchsia.800" | "colors.fuchsia.900" | "colors.fuchsia.950" | "colors.purple.50" | "colors.purple.100" | "colors.purple.200" | "colors.purple.300" | "colors.purple.400" | "colors.purple.500" | "colors.purple.600" | "colors.purple.700" | "colors.purple.800" | "colors.purple.900" | "colors.purple.950" | "colors.violet.50" | "colors.violet.100" | "colors.violet.200" | "colors.violet.300" | "colors.violet.400" | "colors.violet.500" | "colors.violet.600" | "colors.violet.700" | "colors.violet.800" | "colors.violet.900" | "colors.violet.950" | "colors.indigo.50" | "colors.indigo.100" | "colors.indigo.200" | "colors.indigo.300" | "colors.indigo.400" | "colors.indigo.500" | "colors.indigo.600" | "colors.indigo.700" | "colors.indigo.800" | "colors.indigo.900" | "colors.indigo.950" | "colors.blue.50" | "colors.blue.100" | "colors.blue.200" | "colors.blue.300" | "colors.blue.400" | "colors.blue.500" | "colors.blue.600" | "colors.blue.700" | "colors.blue.800" | "colors.blue.900" | "colors.blue.950" | "colors.sky.50" | "colors.sky.100" | "colors.sky.200" | "colors.sky.300" | "colors.sky.400" | "colors.sky.500" | "colors.sky.600" | "colors.sky.700" | "colors.sky.800" | "colors.sky.900" | "colors.sky.950" | "colors.cyan.50" | "colors.cyan.100" | "colors.cyan.200" | "colors.cyan.300" | "colors.cyan.400" | "colors.cyan.500" | "colors.cyan.600" | "colors.cyan.700" | "colors.cyan.800" | "colors.cyan.900" | "colors.cyan.950" | "colors.teal.50" | "colors.teal.100" | "colors.teal.200" | "colors.teal.300" | "colors.teal.400" | "colors.teal.500" | "colors.teal.600" | "colors.teal.700" | "colors.teal.800" | "colors.teal.900" | "colors.teal.950" | "colors.emerald.50" | "colors.emerald.100" | "colors.emerald.200" | "colors.emerald.300" | "colors.emerald.400" | "colors.emerald.500" | "colors.emerald.600" | "colors.emerald.700" | "colors.emerald.800" | "colors.emerald.900" | "colors.emerald.950" | "colors.green.50" | "colors.green.100" | "colors.green.200" | "colors.green.300" | "colors.green.400" | "colors.green.500" | "colors.green.600" | "colors.green.700" | "colors.green.800" | "colors.green.900" | "colors.green.950" | "colors.lime.50" | "colors.lime.100" | "colors.lime.200" | "colors.lime.300" | "colors.lime.400" | "colors.lime.500" | "colors.lime.600" | "colors.lime.700" | "colors.lime.800" | "colors.lime.900" | "colors.lime.950" | "colors.yellow.50" | "colors.yellow.100" | "colors.yellow.200" | "colors.yellow.300" | "colors.yellow.400" | "colors.yellow.500" | "colors.yellow.600" | "colors.yellow.700" | "colors.yellow.800" | "colors.yellow.900" | "colors.yellow.950" | "colors.amber.50" | "colors.amber.100" | "colors.amber.200" | "colors.amber.300" | "colors.amber.400" | "colors.amber.500" | "colors.amber.600" | "colors.amber.700" | "colors.amber.800" | "colors.amber.900" | "colors.amber.950" | "colors.orange.50" | "colors.orange.100" | "colors.orange.200" | "colors.orange.300" | "colors.orange.400" | "colors.orange.500" | "colors.orange.600" | "colors.orange.700" | "colors.orange.800" | "colors.orange.900" | "colors.orange.950" | "colors.red.50" | "colors.red.100" | "colors.red.200" | "colors.red.300" | "colors.red.400" | "colors.red.500" | "colors.red.600" | "colors.red.700" | "colors.red.800" | "colors.red.900" | "colors.red.950" | "colors.stone.50" | "colors.stone.100" | "colors.stone.200" | "colors.stone.300" | "colors.stone.400" | "colors.stone.500" | "colors.stone.600" | "colors.stone.700" | "colors.stone.800" | "colors.stone.900" | "colors.stone.950" | "colors.zinc.50" | "colors.zinc.100" | "colors.zinc.200" | "colors.zinc.300" | "colors.zinc.400" | "colors.zinc.500" | "colors.zinc.600" | "colors.zinc.700" | "colors.zinc.800" | "colors.zinc.900" | "colors.zinc.950" | "colors.gray.50" | "colors.gray.100" | "colors.gray.200" | "colors.gray.300" | "colors.gray.400" | "colors.gray.500" | "colors.gray.600" | "colors.gray.700" | "colors.gray.800" | "colors.gray.900" | "colors.gray.950" | "colors.slate.50" | "colors.slate.100" | "colors.slate.200" | "colors.slate.300" | "colors.slate.400" | "colors.slate.500" | "colors.slate.600" | "colors.slate.700" | "colors.slate.800" | "colors.slate.900" | "colors.slate.950" | "colors.neutral.50" | "colors.neutral.100" | "colors.neutral.200" | "colors.neutral.300" | "colors.neutral.400" | "colors.neutral.500" | "colors.neutral.600" | "colors.neutral.700" | "colors.neutral.800" | "colors.neutral.900" | "colors.neutral.950" | "assets.check" | "breakpoints.sm" | "breakpoints.md" | "breakpoints.lg" | "breakpoints.xl" | "breakpoints.2xl" | "shadows.inset" | "colors.text" | "colors.bg" | "colors.card" | "colors.border" | "spacing.-1" | "spacing.-2" | "spacing.-3" | "spacing.-4" | "spacing.-5" | "spacing.-6" | "spacing.-7" | "spacing.-8" | "spacing.-9" | "spacing.-10" | "spacing.-11" | "spacing.-12" | "spacing.-14" | "spacing.-16" | "spacing.-20" | "spacing.-24" | "spacing.-28" | "spacing.-32" | "spacing.-36" | "spacing.-40" | "spacing.-44" | "spacing.-48" | "spacing.-52" | "spacing.-56" | "spacing.-60" | "spacing.-64" | "spacing.-72" | "spacing.-80" | "spacing.-96" | "spacing.-0.5" | "spacing.-1.5" | "spacing.-2.5" | "spacing.-3.5" | "colors.colorPalette.50" | "colors.colorPalette.100" | "colors.colorPalette.200" | "colors.colorPalette.300" | "colors.colorPalette.400" | "colors.colorPalette.500" | "colors.colorPalette.600" | "colors.colorPalette.700" | "colors.colorPalette.800" | "colors.colorPalette.900" | "colors.colorPalette.950"
 
-export type ColorPalette = "rose" | "pink" | "fuchsia" | "purple" | "indigo" | "blue" | "sky" | "cyan" | "teal" | "green" | "lime" | "yellow" | "orange" | "red" | "gray" | "slate" | "neutral"
+export type ColorPalette = "rose" | "pink" | "fuchsia" | "purple" | "violet" | "indigo" | "blue" | "sky" | "cyan" | "teal" | "emerald" | "green" | "lime" | "yellow" | "amber" | "orange" | "red" | "stone" | "zinc" | "gray" | "slate" | "neutral"
 
 export type BorderToken = "none"
 
@@ -31,7 +31,7 @@ export type SizeToken = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9
 
 export type AnimationToken = "spin" | "ping" | "pulse" | "bounce"
 
-export type ColorToken = "current" | "black" | "white" | "transparent" | "rose.50" | "rose.100" | "rose.200" | "rose.300" | "rose.400" | "rose.500" | "rose.600" | "rose.700" | "rose.800" | "rose.900" | "pink.50" | "pink.100" | "pink.200" | "pink.300" | "pink.400" | "pink.500" | "pink.600" | "pink.700" | "pink.800" | "pink.900" | "fuchsia.50" | "fuchsia.100" | "fuchsia.200" | "fuchsia.300" | "fuchsia.400" | "fuchsia.500" | "fuchsia.600" | "fuchsia.700" | "fuchsia.800" | "fuchsia.900" | "purple.50" | "purple.100" | "purple.200" | "purple.300" | "purple.400" | "purple.500" | "purple.600" | "purple.700" | "purple.800" | "purple.900" | "indigo.50" | "indigo.100" | "indigo.200" | "indigo.300" | "indigo.400" | "indigo.500" | "indigo.600" | "indigo.700" | "indigo.800" | "indigo.900" | "blue.50" | "blue.100" | "blue.200" | "blue.300" | "blue.400" | "blue.500" | "blue.600" | "blue.700" | "blue.800" | "blue.900" | "sky.50" | "sky.100" | "sky.200" | "sky.300" | "sky.400" | "sky.500" | "sky.600" | "sky.700" | "sky.800" | "sky.900" | "cyan.50" | "cyan.100" | "cyan.200" | "cyan.300" | "cyan.400" | "cyan.500" | "cyan.600" | "cyan.700" | "cyan.800" | "cyan.900" | "teal.50" | "teal.100" | "teal.200" | "teal.300" | "teal.400" | "teal.500" | "teal.600" | "teal.700" | "teal.800" | "teal.900" | "green.50" | "green.100" | "green.200" | "green.300" | "green.400" | "green.500" | "green.600" | "green.700" | "green.800" | "green.900" | "lime.50" | "lime.100" | "lime.200" | "lime.300" | "lime.400" | "lime.500" | "lime.600" | "lime.700" | "lime.800" | "lime.900" | "yellow.50" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.500" | "yellow.600" | "yellow.700" | "yellow.800" | "yellow.900" | "orange.50" | "orange.100" | "orange.200" | "orange.300" | "orange.400" | "orange.500" | "orange.600" | "orange.700" | "orange.800" | "orange.900" | "red.50" | "red.100" | "red.200" | "red.300" | "red.400" | "red.500" | "red.600" | "red.700" | "red.800" | "red.900" | "gray.50" | "gray.100" | "gray.200" | "gray.300" | "gray.400" | "gray.500" | "gray.600" | "gray.700" | "gray.800" | "gray.900" | "slate.50" | "slate.100" | "slate.200" | "slate.300" | "slate.400" | "slate.500" | "slate.600" | "slate.700" | "slate.800" | "slate.900" | "neutral.50" | "neutral.100" | "neutral.200" | "neutral.300" | "neutral.400" | "neutral.500" | "neutral.600" | "neutral.700" | "neutral.800" | "neutral.900" | "neutral.950" | "text" | "bg" | "card" | "border" | "colorPalette.50" | "colorPalette.100" | "colorPalette.200" | "colorPalette.300" | "colorPalette.400" | "colorPalette.500" | "colorPalette.600" | "colorPalette.700" | "colorPalette.800" | "colorPalette.900" | "colorPalette.950"
+export type ColorToken = "current" | "black" | "white" | "transparent" | "rose.50" | "rose.100" | "rose.200" | "rose.300" | "rose.400" | "rose.500" | "rose.600" | "rose.700" | "rose.800" | "rose.900" | "rose.950" | "pink.50" | "pink.100" | "pink.200" | "pink.300" | "pink.400" | "pink.500" | "pink.600" | "pink.700" | "pink.800" | "pink.900" | "pink.950" | "fuchsia.50" | "fuchsia.100" | "fuchsia.200" | "fuchsia.300" | "fuchsia.400" | "fuchsia.500" | "fuchsia.600" | "fuchsia.700" | "fuchsia.800" | "fuchsia.900" | "fuchsia.950" | "purple.50" | "purple.100" | "purple.200" | "purple.300" | "purple.400" | "purple.500" | "purple.600" | "purple.700" | "purple.800" | "purple.900" | "purple.950" | "violet.50" | "violet.100" | "violet.200" | "violet.300" | "violet.400" | "violet.500" | "violet.600" | "violet.700" | "violet.800" | "violet.900" | "violet.950" | "indigo.50" | "indigo.100" | "indigo.200" | "indigo.300" | "indigo.400" | "indigo.500" | "indigo.600" | "indigo.700" | "indigo.800" | "indigo.900" | "indigo.950" | "blue.50" | "blue.100" | "blue.200" | "blue.300" | "blue.400" | "blue.500" | "blue.600" | "blue.700" | "blue.800" | "blue.900" | "blue.950" | "sky.50" | "sky.100" | "sky.200" | "sky.300" | "sky.400" | "sky.500" | "sky.600" | "sky.700" | "sky.800" | "sky.900" | "sky.950" | "cyan.50" | "cyan.100" | "cyan.200" | "cyan.300" | "cyan.400" | "cyan.500" | "cyan.600" | "cyan.700" | "cyan.800" | "cyan.900" | "cyan.950" | "teal.50" | "teal.100" | "teal.200" | "teal.300" | "teal.400" | "teal.500" | "teal.600" | "teal.700" | "teal.800" | "teal.900" | "teal.950" | "emerald.50" | "emerald.100" | "emerald.200" | "emerald.300" | "emerald.400" | "emerald.500" | "emerald.600" | "emerald.700" | "emerald.800" | "emerald.900" | "emerald.950" | "green.50" | "green.100" | "green.200" | "green.300" | "green.400" | "green.500" | "green.600" | "green.700" | "green.800" | "green.900" | "green.950" | "lime.50" | "lime.100" | "lime.200" | "lime.300" | "lime.400" | "lime.500" | "lime.600" | "lime.700" | "lime.800" | "lime.900" | "lime.950" | "yellow.50" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.500" | "yellow.600" | "yellow.700" | "yellow.800" | "yellow.900" | "yellow.950" | "amber.50" | "amber.100" | "amber.200" | "amber.300" | "amber.400" | "amber.500" | "amber.600" | "amber.700" | "amber.800" | "amber.900" | "amber.950" | "orange.50" | "orange.100" | "orange.200" | "orange.300" | "orange.400" | "orange.500" | "orange.600" | "orange.700" | "orange.800" | "orange.900" | "orange.950" | "red.50" | "red.100" | "red.200" | "red.300" | "red.400" | "red.500" | "red.600" | "red.700" | "red.800" | "red.900" | "red.950" | "stone.50" | "stone.100" | "stone.200" | "stone.300" | "stone.400" | "stone.500" | "stone.600" | "stone.700" | "stone.800" | "stone.900" | "stone.950" | "zinc.50" | "zinc.100" | "zinc.200" | "zinc.300" | "zinc.400" | "zinc.500" | "zinc.600" | "zinc.700" | "zinc.800" | "zinc.900" | "zinc.950" | "gray.50" | "gray.100" | "gray.200" | "gray.300" | "gray.400" | "gray.500" | "gray.600" | "gray.700" | "gray.800" | "gray.900" | "gray.950" | "slate.50" | "slate.100" | "slate.200" | "slate.300" | "slate.400" | "slate.500" | "slate.600" | "slate.700" | "slate.800" | "slate.900" | "slate.950" | "neutral.50" | "neutral.100" | "neutral.200" | "neutral.300" | "neutral.400" | "neutral.500" | "neutral.600" | "neutral.700" | "neutral.800" | "neutral.900" | "neutral.950" | "text" | "bg" | "card" | "border" | "colorPalette.50" | "colorPalette.100" | "colorPalette.200" | "colorPalette.300" | "colorPalette.400" | "colorPalette.500" | "colorPalette.600" | "colorPalette.700" | "colorPalette.800" | "colorPalette.900" | "colorPalette.950"
 
 export type AssetToken = "check"
 

package/styled-system/types/pattern.d.ts

@@ -32,7 +32,7 @@ export type PatternConfig<T extends PatternProperties = PatternProperties> = {
   /**
    * The properties of the pattern.
    */
-  properties: T
+  properties?: T
   /**
    * The css object this pattern will generate.
    */

package/styled-system/types/prop-type.d.ts

@@ -197,7 +197,7 @@ type PropertyValueTypes  = {
 	stroke: Tokens["colors"];
 	srOnly: boolean;
 	debug: boolean;
-	colorPalette: "rose" | "pink" | "fuchsia" | "purple" | "indigo" | "blue" | "sky" | "cyan" | "teal" | "green" | "lime" | "yellow" | "orange" | "red" | "gray" | "slate" | "neutral";
+	colorPalette: "rose" | "pink" | "fuchsia" | "purple" | "violet" | "indigo" | "blue" | "sky" | "cyan" | "teal" | "emerald" | "green" | "lime" | "yellow" | "amber" | "orange" | "red" | "stone" | "zinc" | "gray" | "slate" | "neutral";
 	textStyle: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
 }