@spear-ai/spectral 1.3.59 → 1.3.61

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.
@@ -1,71 +0,0 @@
1
- import "../styles/main.css";
2
- import { jsxs as e, jsx as o } from "react/jsx-runtime";
3
- const n = ({ token: r }) => {
4
- const l = r.oklch.match(/oklch\(([\d.]+)%/), a = (l ? parseFloat(l[1]) : 100) < 65 ? "text-white" : "text-black";
5
- return /* @__PURE__ */ e("div", { className: "relative overflow-hidden rounded-md ring-1 ring-black/10", style: { backgroundColor: r.oklch }, children: [
6
- /* @__PURE__ */ e("div", { className: `px-3 py-2 leading-tight ${a}`, children: [
7
- /* @__PURE__ */ o("div", { className: "font-medium", children: r.var }),
8
- /* @__PURE__ */ o("div", { className: "opacity-90", children: r.oklch })
9
- ] }),
10
- /* @__PURE__ */ o("div", { className: "h-20" })
11
- ] });
12
- }, c = ({ title: r, description: l, tokens: h }) => /* @__PURE__ */ e("section", { className: "space-y-3", children: [
13
- /* @__PURE__ */ e("header", { className: "space-y-1", children: [
14
- /* @__PURE__ */ o("h3", { className: "text-base font-semibold", children: r }),
15
- l ? /* @__PURE__ */ o("p", { className: "text-sm text-neutral-500", children: l }) : null
16
- ] }),
17
- /* @__PURE__ */ o("div", { className: "grid [grid-template-columns:repeat(auto-fill,minmax(240px,1fr))] gap-4", children: h.map((a) => /* @__PURE__ */ o(n, { token: a }, a.var)) })
18
- ] }), k = () => /* @__PURE__ */ e("div", { className: "space-y-10", children: [
19
- /* @__PURE__ */ o(c, { title: "Neutrals", description: "Base grayscale used for surfaces and text.", tokens: [
20
- { var: "--horizon-color-neutral-50", oklch: "oklch(97.64% 0.001 286.38)" },
21
- { var: "--horizon-color-neutral-100", oklch: "oklch(92.19% 0 0)" },
22
- { var: "--horizon-color-neutral-200", oklch: "oklch(86.99% 0 0)" },
23
- { var: "--horizon-color-neutral-300", oklch: "oklch(79.03% 0 0)" },
24
- { var: "--horizon-color-neutral-400", oklch: "oklch(71.55% 0 0)" },
25
- { var: "--horizon-color-neutral-500", oklch: "oklch(55.55% 0 0)" },
26
- { var: "--horizon-color-neutral-600", oklch: "oklch(43.86% 0 0)" },
27
- { var: "--horizon-color-neutral-700", oklch: "oklch(37.15% 0 0)" },
28
- { var: "--horizon-color-neutral-800", oklch: "oklch(32.11% 0 0)" },
29
- { var: "--horizon-color-neutral-900", oklch: "oklch(26.86% 0 0)" },
30
- { var: "--horizon-color-neutral-950", oklch: "oklch(21.78% 0 0)" }
31
- ] }),
32
- /* @__PURE__ */ o(c, { title: "Primaries", description: "Primary colors across the app.", tokens: [
33
- { var: "--horizon-color-primary-50", oklch: "oklch(97.05% 0.0142 254.6)" },
34
- { var: "--horizon-color-primary-100", oklch: "oklch(93.19% 0.0316 255.59)" },
35
- { var: "--horizon-color-primary-200", oklch: "oklch(88.41% 0.0581 252.44)" },
36
- { var: "--horizon-color-primary-300", oklch: "oklch(80.75% 0.0958 253.19)" },
37
- { var: "--horizon-color-primary-400", oklch: "oklch(71.27% 0.1469 255.61)" },
38
- { var: "--horizon-color-primary-500", oklch: "oklch(62.31% 0.1862 260.06)" },
39
- { var: "--horizon-color-primary-600", oklch: "oklch(54.34% 0.2151 263.01)" },
40
- { var: "--horizon-color-primary-700", oklch: "oklch(49.14% 0.2189 264.03)" },
41
- { var: "--horizon-color-primary-800", oklch: "oklch(42.75% 0.1828 265.08)" },
42
- { var: "--horizon-color-primary-900", oklch: "oklch(37.78% 0.1366 265.11)" },
43
- { var: "--horizon-color-primary-950", oklch: "oklch(28.37% 0.0887 268.75)" }
44
- ] }),
45
- /* @__PURE__ */ o(c, { title: "Levels", description: "Layer elevations for cards, popovers, etc.", tokens: [
46
- { var: "--horizon-color-level-zero", oklch: "oklch(24.79% 0.0058 271.18)" },
47
- { var: "--horizon-color-level-one", oklch: "oklch(27.28% 0.0097 268.32)" },
48
- { var: "--horizon-color-level-two", oklch: "oklch(30.73% 0.0106 253.99)" },
49
- { var: "--horizon-color-level-three", oklch: "oklch(32.71% 0.0104 253.98)" },
50
- { var: "--horizon-color-level-four", oklch: "oklch(35.77% 0.0088 248.07)" },
51
- { var: "--horizon-color-level-five", oklch: "oklch(38.75% 0.0073 242.06)" }
52
- ] }),
53
- /* @__PURE__ */ o(c, { title: "Danger", description: "Errors and destructive actions.", tokens: [
54
- { var: "--horizon-color-danger-100", oklch: "oklch(63.7% 0.237 25.331)" },
55
- { var: "--horizon-color-danger-200", oklch: "oklch(62.39% 0.2536 28.3)" },
56
- { var: "--horizon-color-danger-300", oklch: "oklch(57.7% 0.245 27.325)" }
57
- ] }),
58
- /* @__PURE__ */ o(c, { title: "Success", description: "Success states and confirmations.", tokens: [
59
- { var: "--horizon-color-success-100", oklch: "oklch(79.2% 0.209 151.711)" },
60
- { var: "--horizon-color-success-200", oklch: "oklch(72.3% 0.219 149.579)" },
61
- { var: "--horizon-color-success-300", oklch: "oklch(62.7% 0.194 149.214)" }
62
- ] }),
63
- /* @__PURE__ */ o(c, { title: "Warning", description: "Warnings and cautions.", tokens: [
64
- { var: "--horizon-color-warning-100", oklch: "oklch(75% 0.183 55.934)" },
65
- { var: "--horizon-color-warning-200", oklch: "oklch(70.5% 0.213 47.604)" },
66
- { var: "--horizon-color-warning-300", oklch: "oklch(64.6% 0.222 41.116)" }
67
- ] })
68
- ] });
69
- export {
70
- k as HorizonColorGrid
71
- };