@clearstory/drywall-react 5.3.0 → 5.3.2

package/dist/components/DatepickerControl/DatepickerControl.js

@@ -1,46 +1,48 @@
-import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import { jsxs as f, jsx as e } from "react/jsx-runtime";
 import { forwardRef as y } from "react";
 import { D } from "../../Datepicker-BbdXCdvk.js";
-import { FormSublabel as b } from "../FormSublabel/FormSublabel.js";
+import { FormSublabel as u } from "../FormSublabel/FormSublabel.js";
 import { useId as w } from "../../hooks/useId.js";
 import "../../icons/ClearstoryIcon.js";
 import "../../icons/InternalOnlyIcon.js";
 import "../../icons/MoneyBucketIcon.js";
 import "../../icons/MoreCircleOutlineIcon.js";
 import "../../icons/SparkleIcon.js";
-import { I as u } from "../../Info-BIwRC_L9.js";
+import { I as $ } from "../../Info-BIwRC_L9.js";
 import { F as B } from "../../FormControl-DRR12yE7.js";
 import { B as C } from "../../Box-DRIsV4J3.js";
-import { F as $ } from "../../FormLabel-r7XSjt-O.js";
-import { T as j } from "../../Tooltip-CslS55e6.js";
-import { F as T } from "../../FormHelperText-CmONy7Rj.js";
-const v = y(
+import { F as j } from "../../FormLabel-r7XSjt-O.js";
+import { T } from "../../Tooltip-CslS55e6.js";
+import { F as v } from "../../FormHelperText-CmONy7Rj.js";
+const E = y(
   ({
-    disabled: m = !1,
-    error: a = !1,
-    fullWidth: p,
+    disabled: a = !1,
+    error: m = !1,
+    fullWidth: l,
     helperText: i,
     label: t,
-    name: f,
-    required: s = !1,
-    size: h = "small",
-    slotProps: e = {},
-    sublabel: n,
-    sx: x,
-    tooltip: l,
-    ...F
-  }, I) => {
-    const k = w("datepicker"), o = f || k, d = i ? `${o}-helper` : void 0;
-    return /* @__PURE__ */ c(
+    name: s,
+    required: h = !1,
+    size: x = "small",
+    slotProps: r = {},
+    sublabel: p,
+    sx: b,
+    tooltip: d,
+    ...I
+  }, g) => {
+    const k = w("datepicker"), o = s || k, n = r.label?.id ?? `${o}-label`, c = i ? `${o}-helper` : void 0;
+    return /* @__PURE__ */ f(
       B,
       {
-        disabled: m,
-        error: a,
-        fullWidth: p,
-        sx: x,
-        ...e.root,
+        "aria-labelledby": n,
+        disabled: a,
+        error: m,
+        fullWidth: l,
+        role: "group",
+        sx: b,
+        ...r.root,
         children: [
-          /* @__PURE__ */ c(
+          /* @__PURE__ */ f(
             C,
             {
               sx: {
@@ -49,12 +51,12 @@ const v = y(
                 gap: "0.25rem"
               },
               children: [
-                /* @__PURE__ */ r($, { htmlFor: o, required: s, ...e.label, children: t }),
-                l && /* @__PURE__ */ r(j, { title: l, arrow: !0, children: /* @__PURE__ */ r(
-                  u,
+                /* @__PURE__ */ e(j, { id: n, required: h, ...r.label, children: t }),
+                d && /* @__PURE__ */ e(T, { title: d, arrow: !0, children: /* @__PURE__ */ e(
+                  $,
                   {
-                    sx: ({ vars: g }) => ({
-                      color: g?.palette.text.secondary,
+                    sx: ({ vars: F }) => ({
+                      color: F?.palette.text.secondary,
                       marginBlockEnd: "3px",
                       height: "1rem",
                       width: "1rem"
@@ -64,36 +66,36 @@ const v = y(
               ]
             }
           ),
-          n && /* @__PURE__ */ r(b, { ...e.sublabel, children: n }),
-          /* @__PURE__ */ r(
+          p && /* @__PURE__ */ e(u, { ...r.sublabel, children: p }),
+          /* @__PURE__ */ e(
             D,
             {
-              ref: I,
-              disabled: m,
+              ref: g,
+              disabled: a,
               name: o,
-              error: a,
-              size: h,
+              error: m,
+              size: x,
               slotProps: {
                 field: {
                   id: o,
-                  "aria-describedby": d,
-                  ...p && { sx: { width: "100%" } }
+                  "aria-describedby": c,
+                  ...l && { sx: { width: "100%" } }
                 },
                 popper: {
                   "aria-label": `Date picker${typeof t == "string" && ` for ${t}`}`
                 },
-                ...e?.datepicker
+                ...r?.datepicker
               },
-              ...F
+              ...I
             }
           ),
-          i && /* @__PURE__ */ r(T, { id: d, ...e.helperText, children: i })
+          i && /* @__PURE__ */ e(v, { id: c, ...r.helperText, children: i })
         ]
       }
     );
   }
 );
-v.displayName = "DatepickerControl";
+E.displayName = "DatepickerControl";
 export {
-  v as DatepickerControl
+  E as DatepickerControl
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clearstory/drywall-react",
-  "version": "5.3.0",
+  "version": "5.3.2",
   "license": "UNLICENSED",
   "description": "a Clearstory software design system",
   "type": "module",