@still-forest/canopy 0.48.0 → 0.48.1

package/dist/index.js

@@ -10440,7 +10440,7 @@ function iy({ className: e, ...t }) {
     Xc,
     {
       className: C(
-        "peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+        "peer border-input bg-input/30 dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
         e
       ),
       "data-slot": "checkbox",
@@ -10483,7 +10483,6 @@ const lS = ({
         iy,
         {
           checked: d,
-          className: "bg-input dark:bg-input",
           id: u,
           name: t,
           onCheckedChange: h,
@@ -13488,7 +13487,7 @@ const dS = ({ onDateSelection: e, initialValue: t, className: n, size: r = "defa
         tt,
         {
           className: C(
-            "w-[280px] justify-start text-left font-normal bg-input dark:bg-input",
+            "w-[280px] justify-start text-left font-normal bg-input/30 dark:bg-input/30",
             !a && "text-muted-foreground",
             n
           ),
@@ -13519,11 +13518,11 @@ const dS = ({ 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 px-3 py-1 shadow-xs outline-none",
+    "flex w-full min-w-0 rounded-md border border-input bg-input/30 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 file:font-medium file:text-foreground file:text-sm",
+    "file:h-7 file:border-0 file:bg-input/30 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 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50",
+    "dark:bg-input/30 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",
@@ -13567,7 +13566,7 @@ function h1({ className: e, ...t }) {
     "textarea",
     {
       className: C(
-        "border-input placeholder: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 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        "border-input placeholder: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 flex field-sizing-content min-h-16 w-full rounded-md border bg-input/30 px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
         e
       ),
       "data-slot": "textarea",
@@ -13580,7 +13579,7 @@ function g1({ className: e, ...t }) {
     "div",
     {
       className: C(
-        "group/input-group border-input dark:bg-input/30 relative flex w-full items-center rounded-md border shadow-xs transition-[color,box-shadow] outline-none",
+        "group/input-group border-input bg-input/30 dark:bg-input/30 relative flex w-full items-center rounded-md border shadow-xs transition-[color,box-shadow] outline-none",
         "h-9 min-w-0 has-[>textarea]:h-auto",
         // Variants based on alignment.
         "has-[>[data-align=inline-start]]:[&>input]:pl-2",
@@ -13653,7 +13652,7 @@ function x1({ className: e, ...t }) {
     }
   );
 }
-const lt = ({ children: e, className: t, ...n }) => /* @__PURE__ */ l.jsx(g1, { className: C("bg-input dark:bg-input", t), ...n, children: e }), y1 = ({ className: e, size: t = "xs", variant: n = "ghost", ...r }) => /* @__PURE__ */ l.jsx(
+const lt = ({ children: e, ...t }) => /* @__PURE__ */ l.jsx(g1, { ...t, children: e }), y1 = ({ className: e, size: t = "xs", variant: n = "ghost", ...r }) => /* @__PURE__ */ l.jsx(
   tt,
   {
     className: C("shadow-none flex gap-2 items-center", e),
@@ -13696,7 +13695,14 @@ const S1 = ({
   children: o
 }) => /* @__PURE__ */ l.jsxs(ie, { direction: "col", gap: "2", children: [
   e && /* @__PURE__ */ l.jsx(He, { className: r, htmlFor: t, children: e }),
-  /* @__PURE__ */ l.jsx(ie, { className: C("rounded-md border border-input bg-input dark:bg-input p-2 shadow-xs", n), gapY: "1", children: o })
+  /* @__PURE__ */ l.jsx(
+    ie,
+    {
+      className: C("rounded-md border border-input bg-input/30 dark:bg-input/30 p-2 shadow-xs", n),
+      gapY: "1",
+      children: o
+    }
+  )
 ] }), N1 = ({
   name: e,
   label: t,
@@ -13975,7 +13981,7 @@ function W1({ className: e, ...t }) {
     I1,
     {
       className: C(
-        "border-input text-primary 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 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+        "border-input bg-input/30 text-primary 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 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
         e
       ),
       "data-slot": "radio-group-item",
@@ -13993,7 +13999,7 @@ function W1({ className: e, ...t }) {
 }
 const mS = ({ label: e, name: t, options: n, value: r, onChange: o, error: a, labelClassName: s }) => /* @__PURE__ */ l.jsxs(S1, { className: "flex flex-col gap-4 px-2 py-1", label: e, labelFor: t, children: [
   /* @__PURE__ */ l.jsx(F1, { className: "w-full", name: t, onValueChange: o, value: r, children: /* @__PURE__ */ l.jsx(Fc, { cols: "2", children: n.map((i, c) => /* @__PURE__ */ l.jsxs(ie, { align: "center", gap: "2", justify: "start", children: [
-    /* @__PURE__ */ l.jsx(W1, { className: "bg-input dark:bg-input", id: i.value, value: i.value }),
+    /* @__PURE__ */ l.jsx(W1, { id: i.value, value: i.value }),
     /* @__PURE__ */ l.jsx(He, { className: s, htmlFor: i.value, children: i.label }),
     i.hint && /* @__PURE__ */ l.jsx(Ft, { content: i.hint })
   ] }, c)) }) }),
@@ -14010,7 +14016,7 @@ function L1({ className: e, ...t }) {
           "select",
           {
             className: C(
-              "border-input placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 dark:hover:bg-input/50 h-9 w-full min-w-0 appearance-none rounded-md border bg-transparent px-3 py-2 pr-9 text-sm shadow-xs transition-[color,box-shadow] outline-none disabled:pointer-events-none disabled:cursor-not-allowed",
+              "border-input placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 dark:hover:bg-input/50 h-9 w-full min-w-0 appearance-none rounded-md border bg-input/30 px-3 py-2 pr-9 text-sm shadow-xs transition-[color,box-shadow] outline-none disabled:pointer-events-none disabled:cursor-not-allowed",
               "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
               "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
               e
@@ -14059,7 +14065,6 @@ const pS = ({
     p === "md" && "h-9 text-sm",
     p === "lg" && "h-10 text-base",
     p === "xl" && "h-11 text-lg",
-    "bg-input dark:bg-input",
     c
   ), v = n.some((w) => "options" in w), y = (w) => {
     f?.(w.target.value);
@@ -15210,7 +15215,7 @@ const wk = ({
     return j ? p(j) : n;
   }, [t, n, p, y]), k = (j) => {
     r(j === t ? "" : j), b(!1);
-  }, N = C("bg-input dark:bg-input", i);
+  }, N = C("bg-input/30 dark:bg-input/30", i);
   return /* @__PURE__ */ l.jsxs(ie, { direction: "col", gap: "2", children: [
     (o || d) && /* @__PURE__ */ l.jsxs(ie, { align: "center", direction: "row", gap: "1", children: [
       o && /* @__PURE__ */ l.jsx(He, { className: s, htmlFor: a, children: o }),
@@ -15973,7 +15978,7 @@ function Kk({
       h1,
       {
         "aria-label": e || t,
-        className: C("bg-input dark:bg-input", o),
+        className: o,
         id: t,
         name: t,
         placeholder: r,

package/package.json

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