@grasp-labs/ds-react-components 1.1.6 → 1.2.0

package/dist/{index-CwNLBbHw.js → index-acNCkjas.js}

@@ -3034,13 +3034,13 @@ const _h = (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
+    border border-secondary-light hover:border-primary active:border-secondary-dark disabled:border-secondary-light
     bg-background hover:bg-secondary 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
@@ -3553,7 +3553,7 @@ const Wg = "[&>svg]:size-4", Ku = {
   "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: [
@@ -3584,7 +3584,7 @@ const Wg = "[&>svg]:size-4", Ku = {
       )
     ]
   }
-), Vg = (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", qu = ({
+), Vg = (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", qu = ({
   error: e = !1,
   checked: t = !1,
   intermediate: n = !1,
@@ -10985,7 +10985,7 @@ const BO = ({
   "hr",
   {
     ref: t,
-    className: X("border-secondary my-4 border-t", e),
+    className: X("border-secondary-light my-4 border-t", e),
     ...n
   }
 ), _0 = ({
@@ -11157,7 +11157,7 @@ const XO = ({
     iconCancel: "var(--error)"
   }
 }, R0 = fe(
-  () => import("./index.esm-DjUGbkSD.js").then((e) => ({
+  () => import("./index.esm-CXwp-i4H.js").then((e) => ({
     default: e.JsonEditor
   }))
 );
@@ -11350,7 +11350,7 @@ const Mt = (e) => typeof e.label == "string" ? e.label : e.label.title, bf = (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"
         }
       ),
@@ -11495,8 +11495,8 @@ const n5 = ({
     () => A0(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(
       xf,
       {
@@ -14445,7 +14445,7 @@ const cp = ({
       "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"
         ),
@@ -14552,7 +14552,7 @@ const cp = ({
   ...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
@@ -14775,7 +14775,7 @@ const cp = ({
     {
       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
       ),
@@ -14791,7 +14791,7 @@ const cp = ({
           "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",
               Xw(i),
               d
             ),
@@ -15033,9 +15033,9 @@ const cp = ({
       "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(),
@@ -15075,7 +15075,7 @@ const cp = ({
       "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: {