@spear-ai/spectral 1.4.2 → 1.4.4

package/dist/primitives/input.js

@@ -7,10 +7,10 @@ const a = ({ className: e, type: t, ...i }) => /* @__PURE__ */ n(
     type: t,
     "data-slot": "input",
     className: o(
-      `file:text-input-text placeholder:text-input-text-placeholder selection:bg-input-bg--selected selection:text-input-text border-input-border h-9 w-full min-w-0 rounded-md border
-        bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] focus:ring-none focus:outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium
-        disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 focus-visible:border-accent focus-visible:outline-offset-2 focus-visible:outline-2 focus-visible:outline-accent
-        aria-invalid:ring-danger-400 aria-invalid:border-danger-400`,
+      `file:text-input-text placeholder:text-input-text-placeholder selection:bg-input-bg--selected selection:text-input-text border-input-primitive-border h-9 w-full min-w-0 rounded-md border
+        bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] focus:ring-none focus:outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm
+        file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 focus-visible:border-accent focus-visible:outline-offset-2 focus-visible:outline-2
+        focus-visible:outline-accent aria-invalid:ring-danger-400 aria-invalid:border-danger-400`,
       e
     ),
     ...i

package/dist/primitives/select.d.ts

@@ -1,16 +1,16 @@
+import { ComponentProps } from 'react';
 import * as SelectPrimitive from '@radix-ui/react-select';
-import * as React from 'react';
-declare function Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
-declare function SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>): import("react/jsx-runtime").JSX.Element;
-declare function SelectTrigger({ className, size, children, asChild, ...props }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
+declare function Select({ ...props }: ComponentProps<typeof SelectPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function SelectGroup({ ...props }: ComponentProps<typeof SelectPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+declare function SelectValue({ ...props }: ComponentProps<typeof SelectPrimitive.Value>): import("react/jsx-runtime").JSX.Element;
+declare function SelectTrigger({ className, size, children, asChild, ...props }: ComponentProps<typeof SelectPrimitive.Trigger> & {
     size?: 'sm' | 'default';
 }): import("react/jsx-runtime").JSX.Element;
-declare function SelectContent({ className, children, position, align, ...props }: React.ComponentProps<typeof SelectPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
-declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>): import("react/jsx-runtime").JSX.Element;
-declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
-declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
-declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): import("react/jsx-runtime").JSX.Element;
-declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): import("react/jsx-runtime").JSX.Element;
+declare function SelectContent({ className, children, position, align, ...props }: ComponentProps<typeof SelectPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function SelectLabel({ className, ...props }: ComponentProps<typeof SelectPrimitive.Label>): import("react/jsx-runtime").JSX.Element;
+declare function SelectItem({ className, children, ...props }: ComponentProps<typeof SelectPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+declare function SelectSeparator({ className, ...props }: ComponentProps<typeof SelectPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
+declare function SelectScrollUpButton({ className, ...props }: ComponentProps<typeof SelectPrimitive.ScrollUpButton>): import("react/jsx-runtime").JSX.Element;
+declare function SelectScrollDownButton({ className, ...props }: ComponentProps<typeof SelectPrimitive.ScrollDownButton>): import("react/jsx-runtime").JSX.Element;
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };
 //# sourceMappingURL=select.d.ts.map

package/dist/primitives/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/primitives/select.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAEzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,iBAAS,MAAM,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAE9E;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAEpF;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAEpF;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,IAAgB,EAChB,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IACxD,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;CACxB,2CAoBA;AAED,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAmB,EAAE,KAAgB,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAoBpJ;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAE/F;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAkBvG;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,SAAS,CAAC,2CAEvG;AAED,iBAAS,oBAAoB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,cAAc,CAAC,2CAMjH;AAED,iBAAS,sBAAsB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,gBAAgB,CAAC,2CAMrH;AAED,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,eAAe,EAAE,aAAa,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/primitives/select.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAEzD,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,iBAAS,MAAM,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAExE;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAE9E;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAE9E;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,IAAgB,EAChB,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IAClD,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;CACxB,2CAuBA;AAED,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAmB,EAAE,KAAgB,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAsB9I;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAEzF;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAoBjG;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,SAAS,CAAC,2CAEjG;AAED,iBAAS,oBAAoB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,cAAc,CAAC,2CAM3G;AAED,iBAAS,sBAAsB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,gBAAgB,CAAC,2CAM/G;AAED,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,eAAe,EAAE,aAAa,EAAE,WAAW,EAAE,CAAA"}

package/dist/primitives/select.js

@@ -1,4 +1,4 @@
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
 import "../Icons/AnalyzeIcon.js";
 import "../Icons/AnnotationsIcon.js";
 import "../Icons/ApprovedIcon.js";
@@ -6,7 +6,7 @@ import "../Icons/CalendarIcon.js";
 import "../Icons/CheckCircleIcon.js";
 import "../Icons/CheckSquareIcon.js";
 import { CheckmarkIcon as p } from "../Icons/CheckmarkIcon.js";
-import { ChevronDownIcon as l } from "../Icons/ChevronDownIcon.js";
+import { ChevronDownIcon as n } from "../Icons/ChevronDownIcon.js";
 import { ChevronUpIcon as m } from "../Icons/ChevronUpIcon.js";
 import "../Icons/ClockIcon.js";
 import "../Icons/CloseCircleIcon.js";
@@ -56,14 +56,14 @@ import "../Icons/WarningIcon.js";
 import "../Icons/ZoomAllIcon.js";
 import "../Icons/ZoomXIcon.js";
 import "../Icons/ZoomYIcon.js";
-import { R as d, P as c, C as u, V as f, G as g, I as v, a as x, b as h, L as b, S as w, c as y, d as S, T as z, e as N, f as I } from "../index-CevVJ05e.js";
+import { R as c, P as d, C as u, V as f, G as x, I as g, a as h, b as v, L as b, S as y, c as w, d as S, T as z, e as N, f as I } from "../index-CevVJ05e.js";
 import { cn as o } from "../utils/twUtils.js";
 import "react";
 function Lt({ ...t }) {
-  return /* @__PURE__ */ e(d, { "data-slot": "select", ...t });
+  return /* @__PURE__ */ e(c, { "data-slot": "select", ...t });
 }
 function Ut({ ...t }) {
-  return /* @__PURE__ */ e(g, { "data-slot": "select-group", ...t });
+  return /* @__PURE__ */ e(x, { "data-slot": "select-group", ...t });
 }
 function Pt({ ...t }) {
   return /* @__PURE__ */ e(I, { "data-slot": "select-value", ...t });
@@ -75,31 +75,36 @@ function Rt({
   asChild: i,
   ...s
 }) {
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ l(
     z,
     {
       "data-slot": "select-trigger",
       "data-size": r,
       className: o(
-        "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        `border-input data-[placeholder]:text-input-text-placeholder [&_svg:not([class*='text-'])]:text-text-placeholder focus-visible:border-ring focus-visible:ring-ring/50
+        aria-invalid:ring-danger-400 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow]
+        outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1
+        *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,
         t
       ),
       asChild: i,
       ...s,
       children: [
         a,
-        !i && /* @__PURE__ */ e(N, { asChild: !0, children: /* @__PURE__ */ e(l, { className: "size-4 opacity-50" }) })
+        !i && /* @__PURE__ */ e(N, { asChild: !0, children: /* @__PURE__ */ e(n, { className: "size-4 opacity-50" }) })
       ]
     }
   );
 }
 function qt({ className: t, children: r, position: a = "popper", align: i = "center", ...s }) {
-  return /* @__PURE__ */ e(c, { children: /* @__PURE__ */ n(
+  return /* @__PURE__ */ e(d, { children: /* @__PURE__ */ l(
     u,
     {
       "data-slot": "select-content",
       className: o(
-        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] origin-[--radix-select-content-transform-origin] overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
+        `bg-popover text-text-primary data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95
+          data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2
+          relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] origin-[--radix-select-content-transform-origin] overflow-x-hidden overflow-y-auto rounded-md border shadow-md`,
         a === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
         t
       ),
@@ -109,27 +114,29 @@ function qt({ className: t, children: r, position: a = "popper", align: i = "cen
       children: [
         /* @__PURE__ */ e(_, {}),
         /* @__PURE__ */ e(f, { className: o("p-1", a === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"), children: r }),
-        /* @__PURE__ */ e(k, {})
+        /* @__PURE__ */ e(j, {})
       ]
     }
   ) });
 }
 function At({ className: t, ...r }) {
-  return /* @__PURE__ */ e(b, { "data-slot": "select-label", className: o("text-muted-foreground px-2 py-1.5 text-xs", t), ...r });
+  return /* @__PURE__ */ e(b, { "data-slot": "select-label", className: o("text-text-primary px-2 py-1.5 text-xs", t), ...r });
 }
 function Et({ className: t, children: r, ...a }) {
-  return /* @__PURE__ */ n(
-    v,
+  return /* @__PURE__ */ l(
+    g,
     {
       "data-slot": "select-item",
       className: o(
-        "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        `focus:bg-accent focus:text-primary-inverse [&_svg:not([class*='text-'])]:text-primary-inverse relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm
+        outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex
+        *:[span]:last:items-center *:[span]:last:gap-2`,
         t
       ),
       ...a,
       children: [
-        /* @__PURE__ */ e("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ e(x, { children: /* @__PURE__ */ e(p, { className: "size-4" }) }) }),
-        /* @__PURE__ */ e(h, { children: r })
+        /* @__PURE__ */ e("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(p, { className: "size-4" }) }) }),
+        /* @__PURE__ */ e(v, { children: r })
       ]
     }
   );
@@ -138,10 +145,10 @@ function Ft({ className: t, ...r }) {
   return /* @__PURE__ */ e(S, { "data-slot": "select-separator", className: o("bg-border pointer-events-none -mx-1 my-1 h-px", t), ...r });
 }
 function _({ className: t, ...r }) {
-  return /* @__PURE__ */ e(y, { "data-slot": "select-scroll-up-button", className: o("flex cursor-default items-center justify-center py-1", t), ...r, children: /* @__PURE__ */ e(m, { className: "size-4" }) });
+  return /* @__PURE__ */ e(w, { "data-slot": "select-scroll-up-button", className: o("flex cursor-default items-center justify-center py-1", t), ...r, children: /* @__PURE__ */ e(m, { className: "size-4" }) });
 }
-function k({ className: t, ...r }) {
-  return /* @__PURE__ */ e(w, { "data-slot": "select-scroll-down-button", className: o("flex cursor-default items-center justify-center py-1", t), ...r, children: /* @__PURE__ */ e(l, { className: "size-4" }) });
+function j({ className: t, ...r }) {
+  return /* @__PURE__ */ e(y, { "data-slot": "select-scroll-down-button", className: o("flex cursor-default items-center justify-center py-1", t), ...r, children: /* @__PURE__ */ e(n, { className: "size-4" }) });
 }
 export {
   Lt as Select,
@@ -149,7 +156,7 @@ export {
   Ut as SelectGroup,
   Et as SelectItem,
   At as SelectLabel,
-  k as SelectScrollDownButton,
+  j as SelectScrollDownButton,
   _ as SelectScrollUpButton,
   Ft as SelectSeparator,
   Rt as SelectTrigger,

package/dist/styles/base-colors.css

@@ -47,19 +47,19 @@
   --horizon-color-level-four: oklch(35.77% 0.0088 248.07);
   --horizon-color-level-five: oklch(38.75% 0.0073 242.06);
 
-  --horizon-color-success-50: oklch(96.27% 0.04 158.08);
-  --horizon-color-success-100: oklch(92.53% 0.08 156.69);
-  --horizon-color-success-200: oklch(87.14% 0.14 154.83);
-  --horizon-color-success-300: oklch(80.03% 0.18 151.71);
-  --horizon-color-success-400: oklch(72.27% 0.19 149.58);
-  --horizon-color-success-500: oklch(62.71% 0.17 149.21);
+  --color-success-50: oklch(99% 0.1049 144);
+  --color-success-100: oklch(94% 0.1649 144);
+  --color-success-200: oklch(92% 0.2424 144);
+  --color-success-300: oklch(82% 0.2424 144);
+  --color-success-400: oklch(72% 0.2424 144);
+  --color-success-500: oklch(62% 0.2424 144);
 
-  --horizon-color-warning-50: oklch(95.15% 0.02 73.61);
-  --horizon-color-warning-100: oklch(95.40% 0.04 76.20);
-  --horizon-color-warning-200: oklch(90.9% 0.095 52.355);
-  --horizon-color-warning-300: oklch(84.9% 0.144 52.438);
-  --horizon-color-warning-400: oklch(74.58% 0.1802 56.73);
-  --horizon-color-warning-500: oklch(69.96% 0.201959 44.4414);
+  --horizon-color-warning-50: oklch(94% 0.0442 56.91);
+  --horizon-color-warning-100: oklch(91% 0.095 52.355);
+  --horizon-color-warning-200: oklch(84.9% 0.144 52.438);
+  --horizon-color-warning-300: oklch(76.9% 0.178 52.325);
+  --horizon-color-warning-400: oklch(71.06% 0.19 46.76);
+  --horizon-color-warning-500: oklch(70.5% 0.213 47.604);
 
   --horizon-color-danger-50: oklch(88.5% 0.062 18.334);
   --horizon-color-danger-100: oklch(80.8% 0.114 19.571);