@clearstory/drywall-react 5.1.0 → 5.1.1

package/dist/components/Datepicker/Datepicker.d.ts

@@ -4,6 +4,7 @@ export interface DatepickerProps extends DatePickerProps {
     clearable?: boolean;
     error?: boolean;
     color?: "primary" | "secondary" | "error" | "info" | "success" | "warning";
+    size?: "small" | "medium";
 }
 export declare const Datepicker: ForwardRefExoticComponent<DatepickerProps & RefAttributes<HTMLDivElement>>;
 export default Datepicker;

package/dist/components/Datepicker/Datepicker.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { D, D as f } from "../../Datepicker-BQ9gxoUL.js";
+import { D, D as f } from "../../Datepicker-ixcQBj5A.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-BQ9gxoUL.js";
-import { A as b } from "../../AdapterDayjs-DxEdpe9o.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-ixcQBj5A.js";
+import { A as b } from "../../AdapterDayjs-BKhf_aHy.js";
 export {
   b as AdapterDayjs,
   e as DateCalendar,

package/dist/components/DatepickerControl/DatepickerControl.d.ts

@@ -11,6 +11,7 @@ export interface DatepickerControlProps extends Omit<DatepickerProps, "ref" | "s
     label: ReactNode;
     name?: string;
     required?: boolean;
+    size?: "small" | "medium";
     slotProps?: {
         datepicker?: DatepickerProps["slotProps"];
         helperText?: Partial<Omit<FormHelperTextProps, "children" | DOMEventHandlers>>;

package/dist/components/DatepickerControl/DatepickerControl.js

@@ -1,19 +1,19 @@
-import { jsxs as l, jsx as r } from "react/jsx-runtime";
-import { forwardRef as g } from "react";
-import { D as y } from "../../Datepicker-BQ9gxoUL.js";
-import { FormSublabel as D } from "../FormSublabel/FormSublabel.js";
-import { useId as b } from "../../hooks/useId.js";
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import { forwardRef as y } from "react";
+import { D } from "../../Datepicker-ixcQBj5A.js";
+import { FormSublabel as b } 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 { I as w } from "../../Info-BIwRC_L9.js";
-import { F as u } from "../../FormControl-DRR12yE7.js";
-import { B } from "../../Box-DRIsV4J3.js";
-import { F as C } from "../../FormLabel-r7XSjt-O.js";
-import { T as $ } from "../../Tooltip-CslS55e6.js";
-import { F as j } from "../../FormHelperText-CmONy7Rj.js";
-const T = g(
+import { I as u } 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(
   ({
     disabled: m = !1,
     error: a = !1,
@@ -22,24 +22,25 @@ const T = g(
     label: t,
     name: f,
     required: s = !1,
+    size: h = "small",
     slotProps: e = {},
     sublabel: n,
-    sx: h,
-    tooltip: d,
-    ...x
-  }, F) => {
-    const I = b("datepicker"), o = f || I, c = i ? `${o}-helper` : void 0;
-    return /* @__PURE__ */ l(
-      u,
+    sx: x,
+    tooltip: l,
+    ...F
+  }, I) => {
+    const k = w("datepicker"), o = f || k, d = i ? `${o}-helper` : void 0;
+    return /* @__PURE__ */ c(
+      B,
       {
         disabled: m,
         error: a,
         fullWidth: p,
-        sx: h,
+        sx: x,
         ...e.root,
         children: [
-          /* @__PURE__ */ l(
-            B,
+          /* @__PURE__ */ c(
+            C,
             {
               sx: {
                 alignItems: "center",
@@ -47,12 +48,12 @@ const T = g(
                 gap: "0.25rem"
               },
               children: [
-                /* @__PURE__ */ r(C, { htmlFor: o, required: s, ...e.label, children: t }),
-                d && /* @__PURE__ */ r($, { title: d, arrow: !0, children: /* @__PURE__ */ r(
-                  w,
+                /* @__PURE__ */ r($, { htmlFor: o, required: s, ...e.label, children: t }),
+                l && /* @__PURE__ */ r(j, { title: l, arrow: !0, children: /* @__PURE__ */ r(
+                  u,
                   {
-                    sx: ({ vars: k }) => ({
-                      color: k?.palette.text.secondary,
+                    sx: ({ vars: g }) => ({
+                      color: g?.palette.text.secondary,
                       marginBlockEnd: "3px",
                       height: "1rem",
                       width: "1rem"
@@ -62,18 +63,19 @@ const T = g(
               ]
             }
           ),
-          n && /* @__PURE__ */ r(D, { ...e.sublabel, children: n }),
+          n && /* @__PURE__ */ r(b, { ...e.sublabel, children: n }),
           /* @__PURE__ */ r(
-            y,
+            D,
             {
-              ref: F,
+              ref: I,
               disabled: m,
               name: o,
               error: a,
+              size: h,
               slotProps: {
                 field: {
                   id: o,
-                  "aria-describedby": c,
+                  "aria-describedby": d,
                   ...p && { sx: { width: "100%" } }
                 },
                 popper: {
@@ -81,16 +83,16 @@ const T = g(
                 },
                 ...e?.datepicker
               },
-              ...x
+              ...F
             }
           ),
-          i && /* @__PURE__ */ r(j, { id: c, ...e.helperText, children: i })
+          i && /* @__PURE__ */ r(T, { id: d, ...e.helperText, children: i })
         ]
       }
     );
   }
 );
-T.displayName = "DatepickerControl";
+v.displayName = "DatepickerControl";
 export {
-  T as DatepickerControl
+  v as DatepickerControl
 };

package/dist/main.js

@@ -11,7 +11,7 @@ import { I as ha } from "./Info-BIwRC_L9.js";
 import { StyledEngineProvider as Pa } from "./theme/index.js";
 import { A as Fa, a as va, c as Oa, g as Ma } from "./Autocomplete-BG3jpE2X.js";
 import { AutocompleteControl as Ga } from "./components/AutocompleteControl/AutocompleteControl.js";
-import { c as Ea, a as Na, b as Va, D as Ka, L as za, M as Wa, P as Za, e as ja, d as Qa, f as qa, g as Ja, j as Xa, i as Ya, p as _a, h as $a } from "./Datepicker-BQ9gxoUL.js";
+import { c as Ea, a as Na, b as Va, D as Ka, L as za, M as Wa, P as Za, e as ja, d as Qa, f as qa, g as Ja, j as Xa, i as Ya, p as _a, h as $a } from "./Datepicker-ixcQBj5A.js";
 import { DescriptionDetails as at } from "./components/DescriptionDetails/DescriptionDetails.js";
 import { DescriptionList as ot } from "./components/DescriptionList/DescriptionList.js";
 import { useDescriptionListContext as rt } from "./components/DescriptionList/DescriptionListContext.js";
@@ -137,7 +137,7 @@ import { Z as RC } from "./Zoom-Ia0xnNsL.js";
 import { a as HC, d as EC, e as NC, g as VC, b as KC, l as zC } from "./createTheme-Cr8frjQ0.js";
 import { u as ZC } from "./ThemeProviderWithVars-hLmfDgWo.js";
 import { C as QC } from "./ClickAwayListener-DwFm5IeK.js";
-import { A as JC } from "./AdapterDayjs-DxEdpe9o.js";
+import { A as JC } from "./AdapterDayjs-BKhf_aHy.js";
 export {
   g as AccessTimeIcon,
   Zt as Accordion,

package/package.json

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