@still-forest/canopy 0.48.1 → 0.48.2

package/dist/index.js

@@ -10440,7 +10440,7 @@ function iy({ className: e, ...t }) {
     Xc,
     {
       className: C(
-        "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",
+        "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",
         e
       ),
       "data-slot": "checkbox",
@@ -13487,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/30 dark:bg-input/30",
+            "w-[280px] justify-start text-left font-normal bg-background",
             !a && "text-muted-foreground",
             n
           ),
@@ -13518,9 +13518,9 @@ 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/30 px-3 py-1 shadow-xs outline-none",
+    "flex w-full min-w-0 rounded-md border border-input bg-background 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-background 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",
     "aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40",
@@ -13566,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-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",
+        "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",
         e
       ),
       "data-slot": "textarea",
@@ -13579,7 +13579,7 @@ function g1({ className: e, ...t }) {
     "div",
     {
       className: C(
-        "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",
+        "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",
         "h-9 min-w-0 has-[>textarea]:h-auto",
         // Variants based on alignment.
         "has-[>[data-align=inline-start]]:[&>input]:pl-2",
@@ -13695,14 +13695,7 @@ 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/30 dark:bg-input/30 p-2 shadow-xs", n),
-      gapY: "1",
-      children: o
-    }
-  )
+  /* @__PURE__ */ l.jsx(ie, { className: C("rounded-md border border-input bg-background p-2 shadow-xs", n), gapY: "1", children: o })
 ] }), N1 = ({
   name: e,
   label: t,
@@ -13981,7 +13974,7 @@ function W1({ className: e, ...t }) {
     I1,
     {
       className: C(
-        "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",
+        "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",
         e
       ),
       "data-slot": "radio-group-item",
@@ -14016,7 +14009,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-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",
+              "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",
               "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
@@ -15215,7 +15208,7 @@ const wk = ({
     return j ? p(j) : n;
   }, [t, n, p, y]), k = (j) => {
     r(j === t ? "" : j), b(!1);
-  }, N = C("bg-input/30 dark:bg-input/30", i);
+  }, N = C("bg-background", 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 }),

package/package.json

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