@still-forest/canopy 0.47.0 → 0.47.1

package/dist/index.js

@@ -9962,7 +9962,7 @@ const iS = ({
         Ex,
         {
           checked: d,
-          className: "bg-input/30 dark:bg-input/30",
+          className: "bg-input dark:bg-input",
           id: u,
           name: t,
           onCheckedChange: h,
@@ -12967,7 +12967,7 @@ const cS = ({ onDateSelection: e, initialValue: t, className: n, size: r = "defa
         ft,
         {
           className: C(
-            "w-[280px] justify-start text-left font-normal bg-input/30 dark:bg-input/30",
+            "w-[280px] justify-start text-left font-normal bg-input dark:bg-input",
             !a && "text-muted-foreground",
             n
           ),
@@ -12998,11 +12998,11 @@ const cS = ({ onDateSelection: e, initialValue: t, className: n, size: r = "defa
   ...u
 }) => {
   const p = C(
-    "flex w-full min-w-0 rounded-md border border-input bg-input/30 px-3 py-1 shadow-xs outline-none",
+    "flex w-full min-w-0 rounded-md border border-input bg-input px-3 py-1 shadow-xs outline-none",
     "transition-[color,box-shadow] selection:bg-primary selection:text-primary-foreground file:inline-flex ",
-    "file:h-7 file:border-0 file:bg-input/30 file:font-medium file:text-foreground file:text-sm",
+    "file:h-7 file:border-0 file:bg-input file:font-medium file:text-foreground file:text-sm",
     "placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
-    "dark:bg-input/30 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50",
+    "dark:bg-input focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50",
     "aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40",
     c === "xs" && "h-7 text-xs md:text-xs",
     c === "sm" && "h-8 text-sm md:text-xs",
@@ -13132,7 +13132,7 @@ function F0({ className: e, ...t }) {
     }
   );
 }
-const it = ({ children: e, className: t, ...n }) => /* @__PURE__ */ l.jsx(_0, { className: C("bg-input/30 dark:bg-input/30", t), ...n, children: e }), W0 = ({ className: e, size: t = "xs", variant: n = "ghost", ...r }) => /* @__PURE__ */ l.jsx(
+const it = ({ children: e, className: t, ...n }) => /* @__PURE__ */ l.jsx(_0, { className: C("bg-input dark:bg-input", t), ...n, children: e }), W0 = ({ className: e, size: t = "xs", variant: n = "ghost", ...r }) => /* @__PURE__ */ l.jsx(
   ft,
   {
     className: C("shadow-none flex gap-2 items-center", e),
@@ -13218,14 +13218,7 @@ const Je = ({ htmlFor: e, value: t, children: n, size: r = "md", className: o =
   children: o
 }) => /* @__PURE__ */ l.jsxs(le, { direction: "col", gap: "2", children: [
   e && /* @__PURE__ */ l.jsx(Je, { className: r, htmlFor: t, children: e }),
-  /* @__PURE__ */ l.jsx(
-    le,
-    {
-      className: C("rounded-md border border-input bg-input/30 dark:bg-input/30 p-2 shadow-xs", n),
-      gapY: "1",
-      children: o
-    }
-  )
+  /* @__PURE__ */ l.jsx(le, { className: C("rounded-md border border-input bg-input dark:bg-input p-2 shadow-xs", n), gapY: "1", children: o })
 ] }), U0 = ({
   name: e,
   label: t,
@@ -13522,7 +13515,7 @@ function i1({ className: e, ...t }) {
 }
 const fS = ({ label: e, name: t, options: n, value: r, onChange: o, error: a, labelClassName: s }) => /* @__PURE__ */ l.jsxs(Y0, { className: "flex flex-col gap-4 px-2 py-1", label: e, labelFor: t, children: [
   /* @__PURE__ */ l.jsx(s1, { className: "w-full", name: t, onValueChange: o, value: r, children: /* @__PURE__ */ l.jsx($c, { cols: "2", children: n.map((i, c) => /* @__PURE__ */ l.jsxs(le, { align: "center", gap: "2", justify: "start", children: [
-    /* @__PURE__ */ l.jsx(i1, { id: i.value, value: i.value }),
+    /* @__PURE__ */ l.jsx(i1, { className: "bg-input dark:bg-input", id: i.value, value: i.value }),
     /* @__PURE__ */ l.jsx(Je, { className: s, htmlFor: i.value, children: i.label }),
     i.hint && /* @__PURE__ */ l.jsx(ln, { content: i.hint })
   ] }, c)) }) }),
@@ -13588,7 +13581,7 @@ const mS = ({
     p === "md" && "h-9 text-sm",
     p === "lg" && "h-10 text-base",
     p === "xl" && "h-11 text-lg",
-    "bg-input/30 dark:bg-input/30",
+    "bg-input dark:bg-input",
     c
   ), v = n.some((y) => "options" in y), w = (y) => {
     f?.(y.target.value);
@@ -15150,7 +15143,7 @@ const wk = ({ label: e, options: t, onSelect: n, selectedValue: r }) => /* @__PU
     return S ? u(S) : n;
   }, [t, n, u, v]), y = (S) => {
     r(S === t ? "" : S), h(!1);
-  }, k = C("bg-input/30 dark:bg-input/30", i);
+  }, k = C("bg-input dark:bg-input", i);
   return /* @__PURE__ */ l.jsxs(le, { direction: "col", gap: "2", children: [
     (o || c) && /* @__PURE__ */ l.jsxs(le, { align: "center", direction: "row", gap: "1", children: [
       o && /* @__PURE__ */ l.jsx(Je, { className: s, htmlFor: a, children: o }),
@@ -15912,7 +15905,7 @@ function Kk({
       A0,
       {
         "aria-label": e || t,
-        className: C("bg-input/30 dark:bg-input/30", o),
+        className: C("bg-input dark:bg-input", o),
         id: t,
         name: t,
         placeholder: r,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@still-forest/canopy",
-  "version": "0.47.0",
+  "version": "0.47.1",
   "author": "John Szymanowski",
   "license": "MIT",
   "description": "React components, built with Tailwind CSS, Shadcn, and VisX",