@clearstory/drywall-react 5.3.1 → 6.0.0

package/dist/{AdapterDayjs-CROwpFLu.js → AdapterDayjs-D8A7boV7.js}

@@ -1,6 +1,6 @@
 import { _ as gt } from "./index-BJi91Is8.js";
 import { g as Q } from "./index-B5q5ym9h.js";
-import { w as Dt } from "./Datepicker-BbdXCdvk.js";
+import { w as Dt } from "./Datepicker-CwwlkzfF.js";
 var tt = { exports: {} }, $t = tt.exports, ht;
 function Tt() {
   return ht || (ht = 1, (function(W, t) {

package/dist/{Datepicker-BbdXCdvk.js → Datepicker-CwwlkzfF.js}

@@ -10546,7 +10546,7 @@ const mc = {
   return {
     display: "flex",
     alignItems: "center",
-    backgroundColor: e.vars?.palette.background.surface,
+    backgroundColor: e.vars?.palette.background.paper,
     borderColor: e.vars?.palette.divider,
     borderRadius: e.shape.borderRadius,
     borderStyle: "solid",

package/dist/components/Datepicker/Datepicker.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { D, D as f } from "../../Datepicker-BbdXCdvk.js";
+import { D, D as f } from "../../Datepicker-CwwlkzfF.js";
 import "../../generateUtilityClass-BhfUaMgk.js";
 import "../../styled-BKpRY52y.js";
 import "../../useForkRef-9kN4DArm.js";

package/dist/components/Datepicker/index.js

@@ -1,5 +1,5 @@
-import { c as e, a as r, b as i, D as t, L as l, M as o, P as d, e as C, d as c, f as D, D as k, g as n, j as p, i as P, p as y, h as f } from "../../Datepicker-BbdXCdvk.js";
-import { A as b } from "../../AdapterDayjs-CROwpFLu.js";
+import { c as e, a as r, b as i, D as t, L as l, M as o, P as d, e as C, d as c, f as D, D as k, g as n, j as p, i as P, p as y, h as f } from "../../Datepicker-CwwlkzfF.js";
+import { A as b } from "../../AdapterDayjs-D8A7boV7.js";
 export {
   b as AdapterDayjs,
   e as DateCalendar,

package/dist/components/DatepickerControl/DatepickerControl.js

@@ -1,47 +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 { D } from "../../Datepicker-CwwlkzfF.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,
-    helperText: o,
+    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,
+    name: s,
+    required: h = !1,
+    size: x = "small",
+    slotProps: r = {},
+    sublabel: p,
+    sx: b,
     tooltip: d,
     ...I
   }, g) => {
-    const k = w("datepicker"), i = f || k, l = o ? `${i}-helper` : void 0;
-    return /* @__PURE__ */ c(
+    const k = w("datepicker"), o = s || k, n = r.label?.id ?? `${o}-label`, c = i ? `${o}-helper` : void 0;
+    return /* @__PURE__ */ f(
       B,
       {
-        component: "fieldset",
-        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: {
@@ -50,17 +51,9 @@ const v = y(
                 gap: "0.25rem"
               },
               children: [
-                /* @__PURE__ */ r(
+                /* @__PURE__ */ e(j, { id: n, required: h, ...r.label, children: t }),
+                d && /* @__PURE__ */ e(T, { title: d, arrow: !0, children: /* @__PURE__ */ e(
                   $,
-                  {
-                    component: "legend",
-                    required: s,
-                    ...e.label,
-                    children: t
-                  }
-                ),
-                d && /* @__PURE__ */ r(j, { title: d, arrow: !0, children: /* @__PURE__ */ r(
-                  u,
                   {
                     sx: ({ vars: F }) => ({
                       color: F?.palette.text.secondary,
@@ -73,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: g,
-              disabled: m,
-              name: i,
-              error: a,
-              size: h,
+              disabled: a,
+              name: o,
+              error: m,
+              size: x,
               slotProps: {
                 field: {
-                  id: i,
-                  "aria-describedby": l,
-                  ...p && { sx: { width: "100%" } }
+                  id: o,
+                  "aria-describedby": c,
+                  ...l && { sx: { width: "100%" } }
                 },
                 popper: {
                   "aria-label": `Date picker${typeof t == "string" && ` for ${t}`}`
                 },
-                ...e?.datepicker
+                ...r?.datepicker
               },
               ...I
             }
           ),
-          o && /* @__PURE__ */ r(T, { id: l, ...e.helperText, children: o })
+          i && /* @__PURE__ */ e(v, { id: c, ...r.helperText, children: i })
         ]
       }
     );
   }
 );
-v.displayName = "DatepickerControl";
+E.displayName = "DatepickerControl";
 export {
-  v as DatepickerControl
+  E as DatepickerControl
 };

package/dist/components/Input/Input.theme.js

@@ -6,7 +6,7 @@ const l = {
     root: ({ theme: r, ownerState: o }) => {
       const e = o.color, i = o.error ? r.vars?.palette.error.main : e && r.vars?.palette[e]?.main, d = o.error ? r.vars?.palette.error.light : e && r.vars?.palette[e]?.light;
       return {
-        backgroundColor: r.vars?.palette.background.surface,
+        backgroundColor: r.vars?.palette.background.paper,
         borderColor: r.vars?.palette.divider,
         borderRadius: r.shape.borderRadius,
         borderStyle: "solid",

package/dist/main.js

@@ -12,7 +12,7 @@ import { I as Pa } from "./Info-BIwRC_L9.js";
 import { StyledEngineProvider as Fa } from "./theme/index.js";
 import { A as Oa, a as Ma, c as Ra, g as Ga } from "./Autocomplete-ByiENcHd.js";
 import { AutocompleteControl as Ea } from "./components/AutocompleteControl/AutocompleteControl.js";
-import { c as Va, a as Ka, b as za, D as Wa, L as Za, M as ja, P as Qa, e as qa, d as Ja, f as Xa, g as Ya, j as _a, i as $a, p as st, h as at } from "./Datepicker-BbdXCdvk.js";
+import { c as Va, a as Ka, b as za, D as Wa, L as Za, M as ja, P as Qa, e as qa, d as Ja, f as Xa, g as Ya, j as _a, i as $a, p as st, h as at } from "./Datepicker-CwwlkzfF.js";
 import { DescriptionDetails as ot } from "./components/DescriptionDetails/DescriptionDetails.js";
 import { DescriptionList as rt } from "./components/DescriptionList/DescriptionList.js";
 import { useDescriptionListContext as it } from "./components/DescriptionList/DescriptionListContext.js";
@@ -138,7 +138,7 @@ import { Z as HC } from "./Zoom-Ia0xnNsL.js";
 import { a as NC, d as VC, e as KC, g as zC, b as WC, l as ZC } from "./createTheme-Cr8frjQ0.js";
 import { u as QC } from "./ThemeProviderWithVars-hLmfDgWo.js";
 import { C as JC } from "./ClickAwayListener-DwFm5IeK.js";
-import { A as YC } from "./AdapterDayjs-CROwpFLu.js";
+import { A as YC } from "./AdapterDayjs-D8A7boV7.js";
 export {
   I as AccessTimeIcon,
   Qt as Accordion,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clearstory/drywall-react",
-  "version": "5.3.1",
+  "version": "6.0.0",
   "license": "UNLICENSED",
   "description": "a Clearstory software design system",
   "type": "module",
@@ -37,7 +37,7 @@
     "@mui/material": "7.3.7",
     "@mui/system": "7.3.7",
     "@mui/utils": "7.3.7",
-    "@mui/x-date-pickers": "8.24.0",
+    "@mui/x-date-pickers": "8.25.0",
     "react-hot-toast": "2.6.0",
     "react-number-format": "^5.4.4"
   },