shru-design-system 0.0.1

package/src/tokens/palettes.json

@@ -0,0 +1,294 @@
+{
+  "palette": {
+    "white": "#ffffff",
+    "black": "#000000",
+    "transparent": "transparent",
+    "neutral": {
+      "50": "#fafafa",
+      "100": "#f5f5f5",
+      "200": "#e5e5e5",
+      "300": "#d4d4d4",
+      "400": "#a3a3a3",
+      "500": "#737373",
+      "600": "#525252",
+      "700": "#404040",
+      "800": "#262626",
+      "900": "#171717",
+      "950": "#0a0a0a"
+    },
+    "gray": {
+      "50": "#f9fafb",
+      "100": "#f3f4f6",
+      "200": "#e5e7eb",
+      "300": "#d1d5db",
+      "400": "#9ca3af",
+      "500": "#6b7280",
+      "600": "#4b5563",
+      "700": "#374151",
+      "800": "#1f2937",
+      "900": "#111827",
+      "950": "#030712"
+    },
+    "slate": {
+      "50": "#f8fafc",
+      "100": "#f1f5f9",
+      "200": "#e2e8f0",
+      "300": "#cbd5e1",
+      "400": "#94a3b8",
+      "500": "#64748b",
+      "600": "#475569",
+      "700": "#334155",
+      "800": "#1e293b",
+      "900": "#0f172a",
+      "950": "#020617"
+    },
+    "zinc": {
+      "50": "#fafafa",
+      "100": "#f4f4f5",
+      "200": "#e4e4e7",
+      "300": "#d4d4d8",
+      "400": "#a1a1aa",
+      "500": "#71717a",
+      "600": "#52525b",
+      "700": "#3f3f46",
+      "800": "#27272a",
+      "900": "#18181b",
+      "950": "#09090b"
+    },
+    "stone": {
+      "50": "#fafaf9",
+      "100": "#f5f5f4",
+      "200": "#e7e5e4",
+      "300": "#d6d3d1",
+      "400": "#a8a29e",
+      "500": "#78716c",
+      "600": "#57534e",
+      "700": "#44403c",
+      "800": "#292524",
+      "900": "#1c1917",
+      "950": "#0c0a09"
+    },
+    "red": {
+      "50": "#fef2f2",
+      "100": "#fee2e2",
+      "200": "#fecaca",
+      "300": "#fca5a5",
+      "400": "#f87171",
+      "500": "#ef4444",
+      "600": "#dc2626",
+      "700": "#b91c1c",
+      "800": "#991b1b",
+      "900": "#7f1d1d",
+      "950": "#450a0a"
+    },
+    "orange": {
+      "50": "#fff7ed",
+      "100": "#ffedd5",
+      "200": "#fed7aa",
+      "300": "#fdba74",
+      "400": "#fb923c",
+      "500": "#f97316",
+      "600": "#ea580c",
+      "700": "#c2410c",
+      "800": "#9a3412",
+      "900": "#7c2d12",
+      "950": "#431407"
+    },
+    "amber": {
+      "50": "#fffbeb",
+      "100": "#fef3c7",
+      "200": "#fde68a",
+      "300": "#fcd34d",
+      "400": "#fbbf24",
+      "500": "#f59e0b",
+      "600": "#d97706",
+      "700": "#b45309",
+      "800": "#92400e",
+      "900": "#78350f",
+      "950": "#451a03"
+    },
+    "yellow": {
+      "50": "#fefce8",
+      "100": "#fef9c3",
+      "200": "#fef08a",
+      "300": "#fde047",
+      "400": "#facc15",
+      "500": "#eab308",
+      "600": "#ca8a04",
+      "700": "#a16207",
+      "800": "#854d0e",
+      "900": "#713f12",
+      "950": "#422006"
+    },
+    "lime": {
+      "50": "#f7fee7",
+      "100": "#ecfccb",
+      "200": "#d9f99d",
+      "300": "#bef264",
+      "400": "#a3e635",
+      "500": "#84cc16",
+      "600": "#65a30d",
+      "700": "#4d7c0f",
+      "800": "#365314",
+      "900": "#365314",
+      "950": "#1a2e05"
+    },
+    "green": {
+      "50": "#f0fdf4",
+      "100": "#dcfce7",
+      "200": "#bbf7d0",
+      "300": "#86efac",
+      "400": "#4ade80",
+      "500": "#22c55e",
+      "600": "#16a34a",
+      "700": "#15803d",
+      "800": "#166534",
+      "900": "#14532d",
+      "950": "#052e16"
+    },
+    "emerald": {
+      "50": "#ecfdf5",
+      "100": "#d1fae5",
+      "200": "#a7f3d0",
+      "300": "#6ee7b7",
+      "400": "#34d399",
+      "500": "#10b981",
+      "600": "#059669",
+      "700": "#047857",
+      "800": "#065f46",
+      "900": "#064e3b",
+      "950": "#022c22"
+    },
+    "teal": {
+      "50": "#f0fdfa",
+      "100": "#ccfbf1",
+      "200": "#99f6e4",
+      "300": "#5eead4",
+      "400": "#2dd4bf",
+      "500": "#14b8a6",
+      "600": "#0d9488",
+      "700": "#0f766e",
+      "800": "#115e59",
+      "900": "#134e4a",
+      "950": "#042f2e"
+    },
+    "cyan": {
+      "50": "#ecfeff",
+      "100": "#cffafe",
+      "200": "#a5f3fc",
+      "300": "#67e8f9",
+      "400": "#22d3ee",
+      "500": "#06b6d4",
+      "600": "#0891b2",
+      "700": "#0e7490",
+      "800": "#155e75",
+      "900": "#164e63",
+      "950": "#083344"
+    },
+    "sky": {
+      "50": "#f0f9ff",
+      "100": "#e0f2fe",
+      "200": "#bae6fd",
+      "300": "#7dd3fc",
+      "400": "#38bdf8",
+      "500": "#0ea5e9",
+      "600": "#0284c7",
+      "700": "#0369a1",
+      "800": "#075985",
+      "900": "#0c4a6e",
+      "950": "#082f49"
+    },
+    "blue": {
+      "50": "#eff6ff",
+      "100": "#dbeafe",
+      "200": "#bfdbfe",
+      "300": "#93c5fd",
+      "400": "#60a5fa",
+      "500": "#3b82f6",
+      "600": "#2563eb",
+      "700": "#1d4ed8",
+      "800": "#1e40af",
+      "900": "#1e3a8a",
+      "950": "#172554"
+    },
+    "indigo": {
+      "50": "#eef2ff",
+      "100": "#e0e7ff",
+      "200": "#c7d2fe",
+      "300": "#a5b4fc",
+      "400": "#818cf8",
+      "500": "#6366f1",
+      "600": "#4f46e5",
+      "700": "#4338ca",
+      "800": "#3730a3",
+      "900": "#312e81",
+      "950": "#1e1b4b"
+    },
+    "violet": {
+      "50": "#f5f3ff",
+      "100": "#ede9fe",
+      "200": "#ddd6fe",
+      "300": "#c4b5fd",
+      "400": "#a78bfa",
+      "500": "#8b5cf6",
+      "600": "#7c3aed",
+      "700": "#6d28d9",
+      "800": "#5b21b6",
+      "900": "#4c1d95",
+      "950": "#2e1065"
+    },
+    "purple": {
+      "50": "#faf5ff",
+      "100": "#f3e8ff",
+      "200": "#e9d5ff",
+      "300": "#d8b4fe",
+      "400": "#c084fc",
+      "500": "#a855f7",
+      "600": "#9333ea",
+      "700": "#7e22ce",
+      "800": "#6b21a8",
+      "900": "#581c87",
+      "950": "#3b0764"
+    },
+    "fuchsia": {
+      "50": "#fdf4ff",
+      "100": "#fae8ff",
+      "200": "#f5d0fe",
+      "300": "#f0abfc",
+      "400": "#e879f9",
+      "500": "#d946ef",
+      "600": "#c026d3",
+      "700": "#a21caf",
+      "800": "#86198f",
+      "900": "#701a75",
+      "950": "#4a044e"
+    },
+    "pink": {
+      "50": "#fdf2f8",
+      "100": "#fce7f3",
+      "200": "#fbcfe8",
+      "300": "#f9a8d4",
+      "400": "#f472b6",
+      "500": "#ec4899",
+      "600": "#db2777",
+      "700": "#be185d",
+      "800": "#9f1859",
+      "900": "#831843",
+      "950": "#500724"
+    },
+    "rose": {
+      "50": "#fff1f2",
+      "100": "#ffe4e6",
+      "200": "#fecdd3",
+      "300": "#fda4af",
+      "400": "#fb7185",
+      "500": "#f43f5e",
+      "600": "#e11d48",
+      "700": "#be123c",
+      "800": "#9f1239",
+      "900": "#881337",
+      "950": "#4c0519"
+    }
+  }
+}
+

package/src/tokens/themes/animation/brisk.json

@@ -0,0 +1,14 @@
+{
+  "duration": {
+    "fast": "100ms",
+    "normal": "200ms",
+    "slow": "300ms"
+  },
+  "easing": {
+    "default": "ease-out",
+    "in": "ease-in",
+    "out": "ease-out",
+    "in-out": "ease-in-out"
+  }
+}
+

package/src/tokens/themes/animation/gentle.json

@@ -0,0 +1,14 @@
+{
+  "duration": {
+    "fast": "150ms",
+    "normal": "300ms",
+    "slow": "500ms"
+  },
+  "easing": {
+    "default": "ease-in-out",
+    "in": "ease-in",
+    "out": "ease-out",
+    "in-out": "ease-in-out"
+  }
+}
+

package/src/tokens/themes/color/dark.json

@@ -0,0 +1,38 @@
+{
+  "color": {
+    "primary": "{palette.blue.400}",
+    "primary-foreground": "{palette.gray.900}",
+    "background": "{palette.gray.900}",
+    "foreground": "{palette.gray.50}",
+    "card": "{palette.gray.800}",
+    "card-foreground": "{palette.gray.50}",
+    "popover": "{palette.gray.800}",
+    "popover-foreground": "{palette.gray.50}",
+    "secondary": "{palette.gray.800}",
+    "secondary-foreground": "{palette.gray.50}",
+    "muted": "{palette.gray.800}",
+    "muted-foreground": "{palette.gray.400}",
+    "accent": "{palette.gray.800}",
+    "accent-foreground": "{palette.gray.50}",
+    "destructive": "{palette.red.500}",
+    "destructive-foreground": "{palette.white}",
+    "border": "{palette.gray.700}",
+    "input": "{palette.gray.700}",
+    "ring": "{palette.gray.600}",
+    "chart-1": "{palette.blue.400}",
+    "chart-2": "{palette.blue.500}",
+    "chart-3": "{palette.blue.600}",
+    "chart-4": "{palette.blue.700}",
+    "chart-5": "{palette.blue.800}",
+    "sidebar": "{palette.gray.800}",
+    "sidebar-foreground": "{palette.gray.50}",
+    "sidebar-primary": "{palette.blue.500}",
+    "sidebar-primary-foreground": "{palette.white}",
+    "sidebar-accent": "{palette.gray.700}",
+    "sidebar-accent-foreground": "{palette.gray.50}",
+    "sidebar-border": "{palette.gray.700}",
+    "sidebar-ring": "{palette.gray.500}",
+    "skeleton": "{palette.gray.700}"
+  }
+}
+

package/src/tokens/themes/color/white.json

@@ -0,0 +1,38 @@
+{
+  "color": {
+    "primary": "{palette.blue.500}",
+    "primary-foreground": "{palette.white}",
+    "background": "{palette.white}",
+    "foreground": "{palette.gray.900}",
+    "card": "{palette.white}",
+    "card-foreground": "{palette.gray.900}",
+    "popover": "{palette.white}",
+    "popover-foreground": "{palette.gray.900}",
+    "secondary": "{palette.gray.100}",
+    "secondary-foreground": "{palette.gray.900}",
+    "muted": "{palette.gray.100}",
+    "muted-foreground": "{palette.gray.500}",
+    "accent": "{palette.gray.100}",
+    "accent-foreground": "{palette.gray.900}",
+    "destructive": "{palette.red.500}",
+    "destructive-foreground": "{palette.white}",
+    "border": "{palette.gray.200}",
+    "input": "{palette.gray.200}",
+    "ring": "{palette.gray.400}",
+    "chart-1": "{palette.blue.300}",
+    "chart-2": "{palette.blue.500}",
+    "chart-3": "{palette.blue.600}",
+    "chart-4": "{palette.blue.700}",
+    "chart-5": "{palette.blue.800}",
+    "sidebar": "{palette.white}",
+    "sidebar-foreground": "{palette.gray.900}",
+    "sidebar-primary": "{palette.blue.600}",
+    "sidebar-primary-foreground": "{palette.white}",
+    "sidebar-accent": "{palette.gray.100}",
+    "sidebar-accent-foreground": "{palette.gray.900}",
+    "sidebar-border": "{palette.gray.200}",
+    "sidebar-ring": "{palette.gray.400}",
+    "skeleton": "{palette.gray.200}"
+  }
+}
+

package/src/tokens/themes/custom/brand.json

@@ -0,0 +1,13 @@
+{
+  "color": {
+    "primary": "{palette.purple.600}",
+    "primary-foreground": "{palette.white}",
+    "accent": "{palette.pink.500}",
+    "accent-foreground": "{palette.white}"
+  },
+  "radius": {
+    "button": "0.5rem",
+    "card": "0.75rem"
+  }
+}
+

package/src/tokens/themes/custom/minimal.json

@@ -0,0 +1,16 @@
+{
+  "color": {
+    "primary": "{palette.gray.700}",
+    "primary-foreground": "{palette.white}",
+    "background": "{palette.white}",
+    "foreground": "{palette.gray.900}"
+  },
+  "spacing": {
+    "component": {
+      "xs": "0.375rem",
+      "sm": "0.5rem",
+      "md": "0.75rem"
+    }
+  }
+}
+

package/src/tokens/themes/density/comfortable.json

@@ -0,0 +1,19 @@
+{
+  "spacing": {
+    "component": {
+      "xs": "0.5rem",
+      "sm": "0.75rem",
+      "md": "1rem",
+      "lg": "1.5rem",
+      "xl": "2rem"
+    },
+    "layout": {
+      "xs": "1rem",
+      "sm": "1.5rem",
+      "md": "2rem",
+      "lg": "3rem",
+      "xl": "4rem"
+    }
+  }
+}
+

package/src/tokens/themes/density/compact.json

@@ -0,0 +1,19 @@
+{
+  "spacing": {
+    "component": {
+      "xs": "0.25rem",
+      "sm": "0.5rem",
+      "md": "0.75rem",
+      "lg": "1rem",
+      "xl": "1.5rem"
+    },
+    "layout": {
+      "xs": "0.5rem",
+      "sm": "1rem",
+      "md": "1.5rem",
+      "lg": "2rem",
+      "xl": "3rem"
+    }
+  }
+}
+

package/src/tokens/themes/shape/sharp.json

@@ -0,0 +1,11 @@
+{
+  "radius": {
+    "button": "0rem",
+    "card": "0rem",
+    "input": "0rem",
+    "modal": "0rem",
+    "tooltip": "0rem",
+    "badge": "0rem"
+  }
+}
+

package/src/tokens/themes/shape/smooth.json

@@ -0,0 +1,11 @@
+{
+  "radius": {
+    "button": "0.375rem",
+    "card": "0.5rem",
+    "input": "0.375rem",
+    "modal": "0.75rem",
+    "tooltip": "0.375rem",
+    "badge": "9999px"
+  }
+}
+

package/src/tokens/themes/typography/sans.json

@@ -0,0 +1,25 @@
+{
+  "font": {
+    "body": "var(--font-sans)",
+    "heading": "var(--font-sans)",
+    "mono": "var(--font-mono)"
+  },
+  "fontWeight": {
+    "normal": "400",
+    "medium": "500",
+    "semibold": "600",
+    "bold": "700"
+  },
+  "fontSize": {
+    "sm": "0.875rem",
+    "base": "1rem",
+    "lg": "1.125rem",
+    "xl": "1.25rem",
+    "2xl": "1.5rem"
+  },
+  "lineHeight": {
+    "normal": "1.5",
+    "relaxed": "1.75"
+  }
+}
+

package/src/tokens/themes/typography/serif.json

@@ -0,0 +1,25 @@
+{
+  "font": {
+    "body": "var(--font-serif)",
+    "heading": "var(--font-serif)",
+    "mono": "var(--font-mono)"
+  },
+  "fontWeight": {
+    "normal": "400",
+    "medium": "500",
+    "semibold": "600",
+    "bold": "700"
+  },
+  "fontSize": {
+    "sm": "0.875rem",
+    "base": "1rem",
+    "lg": "1.125rem",
+    "xl": "1.25rem",
+    "2xl": "1.5rem"
+  },
+  "lineHeight": {
+    "normal": "1.5",
+    "relaxed": "1.75"
+  }
+}
+