@grasp-labs/ds-react-components 1.1.8 → 1.3.0

package/dist/{index-BTS6LY-M.js → index-CcbEiDW7.js}

@@ -3034,13 +3034,13 @@ const Sh = (e, t) => {
   `,
   secondary: `
     text-primary-dark hover:text-primary-dark active:text-secondary-contrast disabled:text-text-disabled
-    border border-secondary hover:border-primary active:border-secondary-dark disabled:border-secondary
-    bg-background hover:bg-secondary active:bg-secondary-dark disabled:bg-background-disabled
+    border border-secondary-light hover:border-primary active:border-secondary-dark disabled:border-secondary-light
+    bg-background hover:bg-secondary-light active:bg-secondary-dark disabled:bg-background-disabled
   `,
   text: `
     text-primary-dark disabled:text-text-disabled
-    border border-transparent hover:border-secondary active:border-primary disabled:border-transparent
-    active:bg-secondary disabled:bg-[unset]
+    border border-transparent hover:border-secondary-light active:border-primary disabled:border-transparent
+    active:bg-secondary-light disabled:bg-[unset]
   `,
   danger: `
     text-error-contrast disabled:text-text-disabled
@@ -3614,7 +3614,7 @@ const di = ({
   "div",
   {
     className: X(
-      "bg-background border-secondary flex flex-col gap-3 rounded-lg border py-6",
+      "bg-background border-secondary-light flex flex-col gap-3 rounded-lg border py-6",
       o
     ),
     children: [
@@ -3645,7 +3645,7 @@ const di = ({
       )
     ]
   }
-), Hg = (e, t, n) => e && t ? "bg-background-disabled border-secondary text-text-disabled hover:bg-background-disabled hover:border-secondary" : e && n ? "bg-error border-error text-error-contrast hover:bg-error-light hover:border-error-light" : e ? "bg-primary border-primary text-primary-contrast hover:bg-primary-dark hover:border-primary-dark" : t ? "bg-background-disabled border-secondary text-text-disabled hover:bg-background-disabled hover:border-secondary" : n ? "bg-background border-error text-error hover:bg-error-contrast hover:border-error" : "bg-background border-primary text-primary hover:bg-secondary hover:border-primary", Gu = ({
+), Hg = (e, t, n) => e && t ? "bg-background-disabled border-secondary-light text-text-disabled hover:bg-background-disabled hover:border-secondary" : e && n ? "bg-error border-error text-error-contrast hover:bg-error-light hover:border-error-light" : e ? "bg-primary border-primary text-primary-contrast hover:bg-primary-dark hover:border-primary-dark" : t ? "bg-background-disabled border-secondary-light text-text-disabled hover:bg-background-disabled hover:border-secondary" : n ? "bg-background border-error text-error hover:bg-error-contrast hover:border-error" : "bg-background border-primary text-primary hover:bg-secondary-light hover:border-primary", Gu = ({
   error: e = !1,
   checked: t = !1,
   intermediate: n = !1,
@@ -11046,7 +11046,7 @@ const zO = ({
   "hr",
   {
     ref: t,
-    className: X("border-secondary my-4 border-t", e),
+    className: X("border-secondary-light my-4 border-t", e),
     ...n
   }
 ), S0 = ({
@@ -11226,7 +11226,7 @@ const JO = ({
     iconCancel: "var(--error)"
   }
 }, D0 = Ol(
-  () => import("./index.esm-PVQc_2lZ.js").then((e) => ({
+  () => import("./index.esm-hIxJ5tpq.js").then((e) => ({
     default: e.JsonEditor
   }))
 );
@@ -11370,7 +11370,7 @@ const St = (e) => typeof e.label == "string" ? e.label : e.label.title, vf = (e)
     }
     St(o).toLowerCase().includes(n) && r.push(o);
   }), r;
-}, xf = "EMPTY", L0 = "LOADING", A0 = (e, t) => e ? t ? "text-error-contrast bg-error hover:bg-error-light" : "text-primary-dark bg-secondary hover:bg-secondary-light hover:text-secondary-contrast" : "hover:bg-secondary-contrast", Rr = ({
+}, xf = "EMPTY", L0 = "LOADING", A0 = (e, t) => e ? t ? "text-error-contrast bg-error hover:bg-error-light" : "text-secondary-dark bg-secondary-light hover:bg-secondary hover:text-secondary-contrast" : "hover:bg-secondary-contrast", Rr = ({
   option: e,
   highlighted: t,
   selected: n,
@@ -11384,7 +11384,7 @@ const St = (e) => typeof e.label == "string" ? e.label : e.label.title, vf = (e)
   {
     className: X(
       "flex cursor-pointer items-center px-4 py-2 text-sm transition-colors",
-      n ? "text-primary-dark bg-secondary hover:bg-secondary-light hover:text-secondary-contrast" : "hover:bg-secondary-contrast",
+      n ? "text-secondary-dark bg-secondary-light hover:bg-secondary hover:text-secondary-contrast" : "hover:bg-secondary-contrast",
       o && (n ? "text-error-contrast bg-error hover:bg-error-light" : "text-error-dark hover:bg-error-contrast"),
       t && A0(n, o),
       (s || e.disabled) && "cursor-not-allowed opacity-50",
@@ -11419,7 +11419,7 @@ const St = (e) => typeof e.label == "string" ? e.label : e.label.title, vf = (e)
       /* @__PURE__ */ C.jsx(
         "span",
         {
-          className: "border-secondary absolute inset-x-4 top-1/2 border-t",
+          className: "border-secondary-light absolute inset-x-4 top-1/2 border-t",
           "aria-hidden": "true"
         }
       ),
@@ -11510,7 +11510,7 @@ const St = (e) => typeof e.label == "string" ? e.label : e.label.title, vf = (e)
           "gap-2 p-2 pl-[calc(0.5rem+var(--depth)*0.75rem)] [&_svg]:size-4",
           "transition-colors",
           "text-secondary-dark",
-          m && "bg-secondary-contrast hover:bg-secondary",
+          m && "bg-secondary-contrast hover:bg-secondary-light",
           s
         ),
         style: { "--depth": c },
@@ -11564,8 +11564,8 @@ const s5 = ({
     () => V0(n, r),
     [n, r]
   );
-  return /* @__PURE__ */ C.jsx("div", { className: X("w-54", o), children: /* @__PURE__ */ C.jsxs("nav", { className: "border-secondary fixed inset-3 flex w-48 flex-col rounded-lg border", children: [
-    /* @__PURE__ */ C.jsx("div", { className: "border-secondary flex h-24 flex-col items-center justify-center overflow-hidden border-b p-6", children: e }),
+  return /* @__PURE__ */ C.jsx("div", { className: X("w-54", o), children: /* @__PURE__ */ C.jsxs("nav", { className: "border-secondary-light fixed inset-3 flex w-48 flex-col rounded-lg border", children: [
+    /* @__PURE__ */ C.jsx("div", { className: "border-secondary-light flex h-24 flex-col items-center justify-center overflow-hidden border-b p-6", children: e }),
     /* @__PURE__ */ C.jsx("div", { className: "flex-1 overflow-y-auto", children: a.map((c) => /* @__PURE__ */ C.jsx(
       Ef,
       {
@@ -14514,7 +14514,7 @@ const up = ({
       "div",
       {
         className: X(
-          "bg-background text-text focus-within:border-primary border-secondary flex h-9 cursor-pointer flex-row items-center rounded-lg border",
+          "bg-background text-text focus-within:border-primary border-secondary-light flex h-9 cursor-pointer flex-row items-center rounded-lg border",
           o && "border-error-contrast text-error-contrast focus-within:border-error stroke-error-contrast",
           a && "bg-background-disabled text-text-disabled"
         ),
@@ -14621,7 +14621,7 @@ const up = ({
   ...c
 }) => {
   const l = o ?? `textbox-${s ?? ""}`, d = X(
-    "bg-background h-9 rounded-sm border focus-within:border-primary-dark focus-within:hover:border-primary-dark border-secondary hover:border-primary transition-colors [&>svg]:size-4",
+    "bg-background h-9 rounded-sm border focus-within:border-primary-dark focus-within:hover:border-primary-dark border-secondary-light hover:border-primary transition-colors [&>svg]:size-4",
     n && "bg-background-disabled cursor-not-allowed border-text-disabled text-text-disabled",
     t && "border-error-dark",
     r
@@ -14844,7 +14844,7 @@ const up = ({
     {
       ref: w,
       className: X(
-        "bg-background border-secondary z-popover fixed flex flex-col items-start gap-4 rounded-lg border px-6 py-4 shadow-md",
+        "bg-background border-secondary-light z-popover fixed flex flex-col items-start gap-4 rounded-lg border px-6 py-4 shadow-md",
         !h?.top && !h?.left && "invisible",
         l
       ),
@@ -14860,7 +14860,7 @@ const up = ({
           "div",
           {
             className: X(
-              "bg-background border-secondary absolute h-3 w-3 rotate-45 border-t border-l",
+              "bg-background border-secondary-light absolute h-3 w-3 rotate-45 border-t border-l",
               Qw(i),
               d
             ),
@@ -15102,9 +15102,9 @@ const up = ({
       "div",
       {
         className: X(
-          "bg-background text-text focus-within:border-primary-dark focus-within:hover:border-primary-dark border-secondary hover:border-primary flex h-9 cursor-pointer flex-row items-center gap-3 rounded-sm border px-3 transition-colors [&>svg]:size-4",
+          "bg-background text-text focus-within:border-primary-dark focus-within:hover:border-primary-dark border-secondary-light hover:border-primary flex h-9 cursor-pointer flex-row items-center gap-3 rounded-sm border px-3 transition-colors [&>svg]:size-4",
           i && "border-error-dark focus-within:border-error focus-within:hover:border-error hover:border-error-light",
-          a && "bg-background-disabled text-text-disabled border-secondary hover:border-secondary cursor-not-allowed",
+          a && "bg-background-disabled text-text-disabled border-secondary-light hover:border-secondary-light background-secondary-light cursor-not-allowed",
           m
         ),
         onClick: () => !P && !a && U(),
@@ -15144,7 +15144,7 @@ const up = ({
       "div",
       {
         className: X(
-          "bg-background text-text z-dropdown border-secondary fixed overflow-hidden rounded-lg border shadow-lg",
+          "bg-background text-text z-dropdown border-secondary-light fixed overflow-hidden rounded-lg border shadow-lg",
           !P && "hidden"
         ),
         style: {
@@ -15444,7 +15444,7 @@ function u5({
         const b = k.getIsSelected?.() ?? !1, x = X(
           (s || i) && "cursor-pointer hover:bg-secondary-contrast",
           "border-b border-secondary-contrast",
-          b && "bg-secondary hover:bg-secondary"
+          b && "bg-secondary hover:bg-secondary-light"
         );
         return /* @__PURE__ */ C.jsx(
           "tr",