08ce228df1
Some checks failed
DSS Project Analysis / dss-context-update (push) Has been cancelled
- Remove legacy admin-ui/js/ vanilla JS components - Add .dss/ directory with core tokens, skins, themes - Add Storybook configuration and generated stories - Add DSS management scripts (dss-services, dss-init, dss-setup, dss-reset) - Add MCP command definitions for DSS plugin - Add Figma sync architecture and scripts - Update pre-commit hooks with documentation validation - Fix JSON trailing commas in skin files 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
504 lines
18 KiB
JSON
504 lines
18 KiB
JSON
{
|
|
"_meta": {
|
|
"description": "Core design primitives - raw values from Tailwind/shadcn palette",
|
|
"layer": "core",
|
|
"immutable": true,
|
|
"version": "1.1.0",
|
|
"source": "tailwindcss + shadcn/ui"
|
|
},
|
|
|
|
"color": {
|
|
"_category": "Color Primitives",
|
|
|
|
"base": {
|
|
"_description": "Base colors",
|
|
"white": { "value": "#ffffff" },
|
|
"black": { "value": "#000000" },
|
|
"transparent": { "value": "transparent" }
|
|
},
|
|
|
|
"neutral": {
|
|
"_description": "Neutral gray scales",
|
|
"slate": {
|
|
"50": { "value": "#f8fafc" },
|
|
"100": { "value": "#f1f5f9" },
|
|
"200": { "value": "#e2e8f0" },
|
|
"300": { "value": "#cbd5e1" },
|
|
"400": { "value": "#94a3b8" },
|
|
"500": { "value": "#64748b" },
|
|
"600": { "value": "#475569" },
|
|
"700": { "value": "#334155" },
|
|
"800": { "value": "#1e293b" },
|
|
"900": { "value": "#0f172a" },
|
|
"950": { "value": "#020617" }
|
|
},
|
|
"gray": {
|
|
"50": { "value": "#f9fafb" },
|
|
"100": { "value": "#f3f4f6" },
|
|
"200": { "value": "#e5e7eb" },
|
|
"300": { "value": "#d1d5db" },
|
|
"400": { "value": "#9ca3af" },
|
|
"500": { "value": "#6b7280" },
|
|
"600": { "value": "#4b5563" },
|
|
"700": { "value": "#374151" },
|
|
"800": { "value": "#1f2937" },
|
|
"900": { "value": "#111827" },
|
|
"950": { "value": "#030712" }
|
|
},
|
|
"zinc": {
|
|
"50": { "value": "#fafafa" },
|
|
"100": { "value": "#f4f4f5" },
|
|
"200": { "value": "#e4e4e7" },
|
|
"300": { "value": "#d4d4d8" },
|
|
"400": { "value": "#a1a1aa" },
|
|
"500": { "value": "#71717a" },
|
|
"600": { "value": "#52525b" },
|
|
"700": { "value": "#3f3f46" },
|
|
"800": { "value": "#27272a" },
|
|
"900": { "value": "#18181b" },
|
|
"950": { "value": "#09090b" }
|
|
},
|
|
"neutral": {
|
|
"50": { "value": "#fafafa" },
|
|
"100": { "value": "#f5f5f5" },
|
|
"200": { "value": "#e5e5e5" },
|
|
"300": { "value": "#d4d4d4" },
|
|
"400": { "value": "#a3a3a3" },
|
|
"500": { "value": "#737373" },
|
|
"600": { "value": "#525252" },
|
|
"700": { "value": "#404040" },
|
|
"800": { "value": "#262626" },
|
|
"900": { "value": "#171717" },
|
|
"950": { "value": "#0a0a0a" }
|
|
},
|
|
"stone": {
|
|
"50": { "value": "#fafaf9" },
|
|
"100": { "value": "#f5f5f4" },
|
|
"200": { "value": "#e7e5e4" },
|
|
"300": { "value": "#d6d3d1" },
|
|
"400": { "value": "#a8a29e" },
|
|
"500": { "value": "#78716c" },
|
|
"600": { "value": "#57534e" },
|
|
"700": { "value": "#44403c" },
|
|
"800": { "value": "#292524" },
|
|
"900": { "value": "#1c1917" },
|
|
"950": { "value": "#0c0a09" }
|
|
}
|
|
},
|
|
|
|
"semantic": {
|
|
"_description": "Semantic color scales",
|
|
"red": {
|
|
"50": { "value": "#fef2f2" },
|
|
"100": { "value": "#fee2e2" },
|
|
"200": { "value": "#fecaca" },
|
|
"300": { "value": "#fca5a5" },
|
|
"400": { "value": "#f87171" },
|
|
"500": { "value": "#ef4444" },
|
|
"600": { "value": "#dc2626" },
|
|
"700": { "value": "#b91c1c" },
|
|
"800": { "value": "#991b1b" },
|
|
"900": { "value": "#7f1d1d" },
|
|
"950": { "value": "#450a0a" }
|
|
},
|
|
"orange": {
|
|
"50": { "value": "#fff7ed" },
|
|
"100": { "value": "#ffedd5" },
|
|
"200": { "value": "#fed7aa" },
|
|
"300": { "value": "#fdba74" },
|
|
"400": { "value": "#fb923c" },
|
|
"500": { "value": "#f97316" },
|
|
"600": { "value": "#ea580c" },
|
|
"700": { "value": "#c2410c" },
|
|
"800": { "value": "#9a3412" },
|
|
"900": { "value": "#7c2d12" },
|
|
"950": { "value": "#431407" }
|
|
},
|
|
"amber": {
|
|
"50": { "value": "#fffbeb" },
|
|
"100": { "value": "#fef3c7" },
|
|
"200": { "value": "#fde68a" },
|
|
"300": { "value": "#fcd34d" },
|
|
"400": { "value": "#fbbf24" },
|
|
"500": { "value": "#f59e0b" },
|
|
"600": { "value": "#d97706" },
|
|
"700": { "value": "#b45309" },
|
|
"800": { "value": "#92400e" },
|
|
"900": { "value": "#78350f" },
|
|
"950": { "value": "#451a03" }
|
|
},
|
|
"yellow": {
|
|
"50": { "value": "#fefce8" },
|
|
"100": { "value": "#fef9c3" },
|
|
"200": { "value": "#fef08a" },
|
|
"300": { "value": "#fde047" },
|
|
"400": { "value": "#facc15" },
|
|
"500": { "value": "#eab308" },
|
|
"600": { "value": "#ca8a04" },
|
|
"700": { "value": "#a16207" },
|
|
"800": { "value": "#854d0e" },
|
|
"900": { "value": "#713f12" },
|
|
"950": { "value": "#422006" }
|
|
},
|
|
"lime": {
|
|
"50": { "value": "#f7fee7" },
|
|
"100": { "value": "#ecfccb" },
|
|
"200": { "value": "#d9f99d" },
|
|
"300": { "value": "#bef264" },
|
|
"400": { "value": "#a3e635" },
|
|
"500": { "value": "#84cc16" },
|
|
"600": { "value": "#65a30d" },
|
|
"700": { "value": "#4d7c0f" },
|
|
"800": { "value": "#3f6212" },
|
|
"900": { "value": "#365314" },
|
|
"950": { "value": "#1a2e05" }
|
|
},
|
|
"green": {
|
|
"50": { "value": "#f0fdf4" },
|
|
"100": { "value": "#dcfce7" },
|
|
"200": { "value": "#bbf7d0" },
|
|
"300": { "value": "#86efac" },
|
|
"400": { "value": "#4ade80" },
|
|
"500": { "value": "#22c55e" },
|
|
"600": { "value": "#16a34a" },
|
|
"700": { "value": "#15803d" },
|
|
"800": { "value": "#166534" },
|
|
"900": { "value": "#14532d" },
|
|
"950": { "value": "#052e16" }
|
|
},
|
|
"emerald": {
|
|
"50": { "value": "#ecfdf5" },
|
|
"100": { "value": "#d1fae5" },
|
|
"200": { "value": "#a7f3d0" },
|
|
"300": { "value": "#6ee7b7" },
|
|
"400": { "value": "#34d399" },
|
|
"500": { "value": "#10b981" },
|
|
"600": { "value": "#059669" },
|
|
"700": { "value": "#047857" },
|
|
"800": { "value": "#065f46" },
|
|
"900": { "value": "#064e3b" },
|
|
"950": { "value": "#022c22" }
|
|
},
|
|
"teal": {
|
|
"50": { "value": "#f0fdfa" },
|
|
"100": { "value": "#ccfbf1" },
|
|
"200": { "value": "#99f6e4" },
|
|
"300": { "value": "#5eead4" },
|
|
"400": { "value": "#2dd4bf" },
|
|
"500": { "value": "#14b8a6" },
|
|
"600": { "value": "#0d9488" },
|
|
"700": { "value": "#0f766e" },
|
|
"800": { "value": "#115e59" },
|
|
"900": { "value": "#134e4a" },
|
|
"950": { "value": "#042f2e" }
|
|
},
|
|
"cyan": {
|
|
"50": { "value": "#ecfeff" },
|
|
"100": { "value": "#cffafe" },
|
|
"200": { "value": "#a5f3fc" },
|
|
"300": { "value": "#67e8f9" },
|
|
"400": { "value": "#22d3ee" },
|
|
"500": { "value": "#06b6d4" },
|
|
"600": { "value": "#0891b2" },
|
|
"700": { "value": "#0e7490" },
|
|
"800": { "value": "#155e75" },
|
|
"900": { "value": "#164e63" },
|
|
"950": { "value": "#083344" }
|
|
},
|
|
"sky": {
|
|
"50": { "value": "#f0f9ff" },
|
|
"100": { "value": "#e0f2fe" },
|
|
"200": { "value": "#bae6fd" },
|
|
"300": { "value": "#7dd3fc" },
|
|
"400": { "value": "#38bdf8" },
|
|
"500": { "value": "#0ea5e9" },
|
|
"600": { "value": "#0284c7" },
|
|
"700": { "value": "#0369a1" },
|
|
"800": { "value": "#075985" },
|
|
"900": { "value": "#0c4a6e" },
|
|
"950": { "value": "#082f49" }
|
|
},
|
|
"blue": {
|
|
"50": { "value": "#eff6ff" },
|
|
"100": { "value": "#dbeafe" },
|
|
"200": { "value": "#bfdbfe" },
|
|
"300": { "value": "#93c5fd" },
|
|
"400": { "value": "#60a5fa" },
|
|
"500": { "value": "#3b82f6" },
|
|
"600": { "value": "#2563eb" },
|
|
"700": { "value": "#1d4ed8" },
|
|
"800": { "value": "#1e40af" },
|
|
"900": { "value": "#1e3a8a" },
|
|
"950": { "value": "#172554" }
|
|
},
|
|
"indigo": {
|
|
"50": { "value": "#eef2ff" },
|
|
"100": { "value": "#e0e7ff" },
|
|
"200": { "value": "#c7d2fe" },
|
|
"300": { "value": "#a5b4fc" },
|
|
"400": { "value": "#818cf8" },
|
|
"500": { "value": "#6366f1" },
|
|
"600": { "value": "#4f46e5" },
|
|
"700": { "value": "#4338ca" },
|
|
"800": { "value": "#3730a3" },
|
|
"900": { "value": "#312e81" },
|
|
"950": { "value": "#1e1b4b" }
|
|
},
|
|
"violet": {
|
|
"50": { "value": "#f5f3ff" },
|
|
"100": { "value": "#ede9fe" },
|
|
"200": { "value": "#ddd6fe" },
|
|
"300": { "value": "#c4b5fd" },
|
|
"400": { "value": "#a78bfa" },
|
|
"500": { "value": "#8b5cf6" },
|
|
"600": { "value": "#7c3aed" },
|
|
"700": { "value": "#6d28d9" },
|
|
"800": { "value": "#5b21b6" },
|
|
"900": { "value": "#4c1d95" },
|
|
"950": { "value": "#2e1065" }
|
|
},
|
|
"purple": {
|
|
"50": { "value": "#faf5ff" },
|
|
"100": { "value": "#f3e8ff" },
|
|
"200": { "value": "#e9d5ff" },
|
|
"300": { "value": "#d8b4fe" },
|
|
"400": { "value": "#c084fc" },
|
|
"500": { "value": "#a855f7" },
|
|
"600": { "value": "#9333ea" },
|
|
"700": { "value": "#7e22ce" },
|
|
"800": { "value": "#6b21a8" },
|
|
"900": { "value": "#581c87" },
|
|
"950": { "value": "#3b0764" }
|
|
},
|
|
"fuchsia": {
|
|
"50": { "value": "#fdf4ff" },
|
|
"100": { "value": "#fae8ff" },
|
|
"200": { "value": "#f5d0fe" },
|
|
"300": { "value": "#f0abfc" },
|
|
"400": { "value": "#e879f9" },
|
|
"500": { "value": "#d946ef" },
|
|
"600": { "value": "#c026d3" },
|
|
"700": { "value": "#a21caf" },
|
|
"800": { "value": "#86198f" },
|
|
"900": { "value": "#701a75" },
|
|
"950": { "value": "#4a044e" }
|
|
},
|
|
"pink": {
|
|
"50": { "value": "#fdf2f8" },
|
|
"100": { "value": "#fce7f3" },
|
|
"200": { "value": "#fbcfe8" },
|
|
"300": { "value": "#f9a8d4" },
|
|
"400": { "value": "#f472b6" },
|
|
"500": { "value": "#ec4899" },
|
|
"600": { "value": "#db2777" },
|
|
"700": { "value": "#be185d" },
|
|
"800": { "value": "#9d174d" },
|
|
"900": { "value": "#831843" },
|
|
"950": { "value": "#500724" }
|
|
},
|
|
"rose": {
|
|
"50": { "value": "#fff1f2" },
|
|
"100": { "value": "#ffe4e6" },
|
|
"200": { "value": "#fecdd3" },
|
|
"300": { "value": "#fda4af" },
|
|
"400": { "value": "#fb7185" },
|
|
"500": { "value": "#f43f5e" },
|
|
"600": { "value": "#e11d48" },
|
|
"700": { "value": "#be123c" },
|
|
"800": { "value": "#9f1239" },
|
|
"900": { "value": "#881337" },
|
|
"950": { "value": "#4c0519" }
|
|
}
|
|
}
|
|
},
|
|
|
|
"spacing": {
|
|
"_category": "Spacing Scale",
|
|
"_description": "Based on 4px grid (0.25rem = 4px)",
|
|
"0": { "value": "0" },
|
|
"px": { "value": "1px" },
|
|
"0.5": { "value": "0.125rem", "_comment": "2px" },
|
|
"1": { "value": "0.25rem", "_comment": "4px" },
|
|
"1.5": { "value": "0.375rem", "_comment": "6px" },
|
|
"2": { "value": "0.5rem", "_comment": "8px" },
|
|
"2.5": { "value": "0.625rem", "_comment": "10px" },
|
|
"3": { "value": "0.75rem", "_comment": "12px" },
|
|
"3.5": { "value": "0.875rem", "_comment": "14px" },
|
|
"4": { "value": "1rem", "_comment": "16px" },
|
|
"5": { "value": "1.25rem", "_comment": "20px" },
|
|
"6": { "value": "1.5rem", "_comment": "24px" },
|
|
"7": { "value": "1.75rem", "_comment": "28px" },
|
|
"8": { "value": "2rem", "_comment": "32px" },
|
|
"9": { "value": "2.25rem", "_comment": "36px" },
|
|
"10": { "value": "2.5rem", "_comment": "40px" },
|
|
"11": { "value": "2.75rem", "_comment": "44px" },
|
|
"12": { "value": "3rem", "_comment": "48px" },
|
|
"14": { "value": "3.5rem", "_comment": "56px" },
|
|
"16": { "value": "4rem", "_comment": "64px" },
|
|
"20": { "value": "5rem", "_comment": "80px" },
|
|
"24": { "value": "6rem", "_comment": "96px" },
|
|
"28": { "value": "7rem", "_comment": "112px" },
|
|
"32": { "value": "8rem", "_comment": "128px" },
|
|
"36": { "value": "9rem", "_comment": "144px" },
|
|
"40": { "value": "10rem", "_comment": "160px" },
|
|
"44": { "value": "11rem", "_comment": "176px" },
|
|
"48": { "value": "12rem", "_comment": "192px" },
|
|
"52": { "value": "13rem", "_comment": "208px" },
|
|
"56": { "value": "14rem", "_comment": "224px" },
|
|
"60": { "value": "15rem", "_comment": "240px" },
|
|
"64": { "value": "16rem", "_comment": "256px" },
|
|
"72": { "value": "18rem", "_comment": "288px" },
|
|
"80": { "value": "20rem", "_comment": "320px" },
|
|
"96": { "value": "24rem", "_comment": "384px" }
|
|
},
|
|
|
|
"radius": {
|
|
"_category": "Border Radius",
|
|
"none": { "value": "0" },
|
|
"sm": { "value": "0.125rem", "_comment": "2px" },
|
|
"default": { "value": "0.25rem", "_comment": "4px" },
|
|
"md": { "value": "0.375rem", "_comment": "6px" },
|
|
"lg": { "value": "0.5rem", "_comment": "8px" },
|
|
"xl": { "value": "0.75rem", "_comment": "12px" },
|
|
"2xl": { "value": "1rem", "_comment": "16px" },
|
|
"3xl": { "value": "1.5rem", "_comment": "24px" },
|
|
"full": { "value": "9999px" }
|
|
},
|
|
|
|
"shadow": {
|
|
"_category": "Box Shadows",
|
|
"none": { "value": "none" },
|
|
"xs": { "value": "0 1px 2px 0 rgba(0, 0, 0, 0.05)" },
|
|
"sm": { "value": "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1)" },
|
|
"default": { "value": "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1)" },
|
|
"md": { "value": "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)" },
|
|
"lg": { "value": "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1)" },
|
|
"xl": { "value": "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1)" },
|
|
"2xl": { "value": "0 25px 50px -12px rgba(0, 0, 0, 0.25)" },
|
|
"inner": { "value": "inset 0 2px 4px 0 rgba(0, 0, 0, 0.05)" }
|
|
},
|
|
|
|
"font": {
|
|
"_category": "Typography",
|
|
|
|
"family": {
|
|
"_description": "Font families",
|
|
"sans": { "value": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif" },
|
|
"serif": { "value": "ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif" },
|
|
"mono": { "value": "ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace" }
|
|
},
|
|
|
|
"size": {
|
|
"_description": "Font sizes",
|
|
"xs": { "value": "0.75rem", "_comment": "12px", "lineHeight": "1rem" },
|
|
"sm": { "value": "0.875rem", "_comment": "14px", "lineHeight": "1.25rem" },
|
|
"base": { "value": "1rem", "_comment": "16px", "lineHeight": "1.5rem" },
|
|
"lg": { "value": "1.125rem", "_comment": "18px", "lineHeight": "1.75rem" },
|
|
"xl": { "value": "1.25rem", "_comment": "20px", "lineHeight": "1.75rem" },
|
|
"2xl": { "value": "1.5rem", "_comment": "24px", "lineHeight": "2rem" },
|
|
"3xl": { "value": "1.875rem", "_comment": "30px", "lineHeight": "2.25rem" },
|
|
"4xl": { "value": "2.25rem", "_comment": "36px", "lineHeight": "2.5rem" },
|
|
"5xl": { "value": "3rem", "_comment": "48px", "lineHeight": "1" },
|
|
"6xl": { "value": "3.75rem", "_comment": "60px", "lineHeight": "1" },
|
|
"7xl": { "value": "4.5rem", "_comment": "72px", "lineHeight": "1" },
|
|
"8xl": { "value": "6rem", "_comment": "96px", "lineHeight": "1" },
|
|
"9xl": { "value": "8rem", "_comment": "128px", "lineHeight": "1" }
|
|
},
|
|
|
|
"weight": {
|
|
"_description": "Font weights",
|
|
"thin": { "value": "100" },
|
|
"extralight": { "value": "200" },
|
|
"light": { "value": "300" },
|
|
"normal": { "value": "400" },
|
|
"medium": { "value": "500" },
|
|
"semibold": { "value": "600" },
|
|
"bold": { "value": "700" },
|
|
"extrabold": { "value": "800" },
|
|
"black": { "value": "900" }
|
|
},
|
|
|
|
"lineHeight": {
|
|
"_description": "Line heights",
|
|
"none": { "value": "1" },
|
|
"tight": { "value": "1.25" },
|
|
"snug": { "value": "1.375" },
|
|
"normal": { "value": "1.5" },
|
|
"relaxed": { "value": "1.625" },
|
|
"loose": { "value": "2" }
|
|
},
|
|
|
|
"letterSpacing": {
|
|
"_description": "Letter spacing",
|
|
"tighter": { "value": "-0.05em" },
|
|
"tight": { "value": "-0.025em" },
|
|
"normal": { "value": "0" },
|
|
"wide": { "value": "0.025em" },
|
|
"wider": { "value": "0.05em" },
|
|
"widest": { "value": "0.1em" }
|
|
}
|
|
},
|
|
|
|
"animation": {
|
|
"_category": "Motion & Animation",
|
|
|
|
"duration": {
|
|
"0": { "value": "0ms" },
|
|
"75": { "value": "75ms" },
|
|
"100": { "value": "100ms" },
|
|
"150": { "value": "150ms" },
|
|
"200": { "value": "200ms" },
|
|
"300": { "value": "300ms" },
|
|
"500": { "value": "500ms" },
|
|
"700": { "value": "700ms" },
|
|
"1000": { "value": "1000ms" }
|
|
},
|
|
|
|
"easing": {
|
|
"linear": { "value": "linear" },
|
|
"in": { "value": "cubic-bezier(0.4, 0, 1, 1)" },
|
|
"out": { "value": "cubic-bezier(0, 0, 0.2, 1)" },
|
|
"in-out": { "value": "cubic-bezier(0.4, 0, 0.2, 1)" }
|
|
}
|
|
},
|
|
|
|
"breakpoint": {
|
|
"_category": "Responsive Breakpoints",
|
|
"sm": { "value": "640px" },
|
|
"md": { "value": "768px" },
|
|
"lg": { "value": "1024px" },
|
|
"xl": { "value": "1280px" },
|
|
"2xl": { "value": "1536px" }
|
|
},
|
|
|
|
"zIndex": {
|
|
"_category": "Z-Index Scale",
|
|
"0": { "value": "0" },
|
|
"10": { "value": "10" },
|
|
"20": { "value": "20" },
|
|
"30": { "value": "30" },
|
|
"40": { "value": "40" },
|
|
"50": { "value": "50" },
|
|
"auto": { "value": "auto" }
|
|
},
|
|
|
|
"opacity": {
|
|
"_category": "Opacity Scale",
|
|
"0": { "value": "0" },
|
|
"5": { "value": "0.05" },
|
|
"10": { "value": "0.1" },
|
|
"20": { "value": "0.2" },
|
|
"25": { "value": "0.25" },
|
|
"30": { "value": "0.3" },
|
|
"40": { "value": "0.4" },
|
|
"50": { "value": "0.5" },
|
|
"60": { "value": "0.6" },
|
|
"70": { "value": "0.7" },
|
|
"75": { "value": "0.75" },
|
|
"80": { "value": "0.8" },
|
|
"90": { "value": "0.9" },
|
|
"95": { "value": "0.95" },
|
|
"100": { "value": "1" }
|
|
}
|
|
}
|