@clearstory/drywall-react 8.0.1 → 8.0.3

package/dist/components/Datepicker/Datepicker.js

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

package/dist/components/Datepicker/index.js

@@ -1,5 +1,5 @@
-import { a as e, D as r, L as i, M as t, P as l, d, b as C, D as o, g as n, f as p, e as c, p as D, c as k } from "../../Datepicker-CTJBmZj2.js";
-import { A as P } from "../../AdapterDayjs-Cd89npE5.js";
+import { a as e, D as r, L as i, M as t, P as l, d, b as C, D as o, g as n, f as p, e as c, p as D, c as k } from "../../Datepicker-C44hLm8m.js";
+import { A as P } from "../../AdapterDayjs-eOIHEncu.js";
 export {
   P as AdapterDayjs,
   e as DateCalendar,

package/dist/components/DatepickerControl/DatepickerControl.js

@@ -1,6 +1,6 @@
 import { jsxs as f, jsx as e } from "react/jsx-runtime";
 import { forwardRef as y } from "react";
-import { D } from "../../Datepicker-CTJBmZj2.js";
+import { D } from "../../Datepicker-C44hLm8m.js";
 import { FormSublabel as u } from "../FormSublabel/FormSublabel.js";
 import { useId as w } from "../../hooks/useId.js";
 import "../../icons/ClearstoryIcon.js";

package/dist/components/DescriptionDetails/DescriptionDetails.js

@@ -1,25 +1,29 @@
-import { jsx as p } from "react/jsx-runtime";
-import { forwardRef as s } from "react";
-import { useDescriptionListContext as a } from "../DescriptionList/DescriptionListContext.js";
-import { T as e } from "../../Typography-BgU_ldl-.js";
-const c = s(({ variant: t = "body2", sx: o, ...i }, n) => {
-  const r = a()?.spacing;
-  return /* @__PURE__ */ p(
-    e,
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+import { useDescriptionListContext as s } from "../DescriptionList/DescriptionListContext.js";
+import { T as a } from "../../Typography-BgU_ldl-.js";
+const c = p(({ variant: t = "body2", sx: r, ...i }, n) => {
+  const o = s()?.spacing;
+  return /* @__PURE__ */ e(
+    a,
     {
       component: "dd",
       variant: t,
       ref: n,
       ...i,
       sx: [
-        { border: "1px solid transparent", padding: "6px 10px" },
-        r && {
-          marginBlockEnd: r,
+        {
+          border: "1px solid transparent",
+          lineHeight: "1.25rem",
+          padding: "5px 10px"
+        },
+        o && {
+          marginBlockEnd: o,
           "&:last-child": {
             marginBlockEnd: 0
           }
         },
-        ...Array.isArray(o) ? o : [o]
+        ...Array.isArray(r) ? r : [r]
       ]
     }
   );

package/dist/components/ToastContainer/useToast.js

@@ -1,104 +1,147 @@
-import { jsxs as p, jsx as o } from "react/jsx-runtime";
-import { n as i, h as x } from "../../index-SzwnPTHF.js";
-import { useContext as h, useCallback as b } from "react";
+import { jsxs as x, jsx as r } from "react/jsx-runtime";
+import { n, h } from "../../index-SzwnPTHF.js";
+import { useContext as b, useCallback as w } from "react";
 import "../../icons/ClearstoryIcon.js";
 import "../../icons/InternalOnlyIcon.js";
 import "../../icons/MoneyBucketIcon.js";
 import "../../icons/MoreCircleOutlineIcon.js";
 import "../../icons/SparkleIcon.js";
-import { I as w, E as I, W as v, C } from "../../WarningAmberOutlined-DMySBPYG.js";
-import { C as R } from "../../Close-DFkW1yae.js";
-import { ToastLabelContext as y } from "./ToastLabelContext.js";
-import { B as k } from "../../Box-tMEqMAfx.js";
+import { I, E as C, W as R, C as S } from "../../WarningAmberOutlined-DMySBPYG.js";
+import { C as A } from "../../Close-DFkW1yae.js";
+import { ToastLabelContext as B } from "./ToastLabelContext.js";
+import { B as y } from "../../Box-tMEqMAfx.js";
 import { A as m } from "../../Alert-BzbQJE20.js";
-import { I as T } from "../../IconButton-B1h37ok8.js";
-const q = () => {
-  const t = h(y);
-  if (!t)
+import { I as k } from "../../IconButton-B1h37ok8.js";
+const D = () => {
+  const a = b(B);
+  if (!a)
     throw new Error(
       'useToast must be used within a ToastProvider. Make sure to wrap your component with <ToastProvider closeAriaLabel="...">'
     );
-  const { closeAriaLabel: n } = t;
+  const { closeAriaLabel: s } = a;
   return {
-    notify: b(
-      (c, l = {}) => {
-        const { type: r = "info", details: e, ...d } = l, s = {
+    notify: w(
+      (c, d = {}) => {
+        const { type: e = "info", details: i, ...p } = d, l = {
           success: "success",
           warning: "warning",
           error: "error",
           info: "info"
-        }, f = {
-          success: /* @__PURE__ */ o(C, { sx: { marginRight: 0.5 } }),
-          warning: /* @__PURE__ */ o(v, { sx: { marginRight: 0.5 } }),
-          error: /* @__PURE__ */ o(I, { sx: { marginRight: 0.5 } }),
-          info: /* @__PURE__ */ o(w, { sx: { marginRight: 0.5 } })
+        }, u = {
+          success: /* @__PURE__ */ r(
+            S,
+            {
+              sx: {
+                color: ({ vars: o }) => o?.palette.success.main,
+                marginRight: 0.5
+              }
+            }
+          ),
+          warning: /* @__PURE__ */ r(
+            R,
+            {
+              sx: {
+                color: ({ vars: o }) => o?.palette.warning.main,
+                marginRight: 0.5
+              }
+            }
+          ),
+          error: /* @__PURE__ */ r(
+            C,
+            {
+              sx: {
+                color: ({ vars: o }) => o?.palette.error.main,
+                marginRight: 0.5
+              }
+            }
+          ),
+          info: /* @__PURE__ */ r(
+            I,
+            {
+              sx: {
+                color: ({ vars: o }) => o?.palette.info.main,
+                marginRight: 0.5
+              }
+            }
+          )
         };
-        return i(
-          (a) => {
-            const u = x(c, a);
-            return /* @__PURE__ */ p(
-              k,
+        return n(
+          (o) => {
+            const f = h(c, o);
+            return /* @__PURE__ */ x(
+              y,
               {
                 sx: {
+                  borderRadius: "4px",
+                  boxShadow: 2,
                   minWidth: { xs: "auto", sm: "18rem" },
                   maxWidth: "18rem"
                 },
                 children: [
-                  /* @__PURE__ */ o(
+                  /* @__PURE__ */ r(
                     m,
                     {
                       role: "none",
-                      severity: s[r],
-                      variant: "filled",
-                      icon: f[r],
-                      action: /* @__PURE__ */ o(
-                        T,
+                      severity: l[e],
+                      variant: "standard",
+                      icon: u[e],
+                      action: /* @__PURE__ */ r(
+                        k,
                         {
                           color: "inherit",
                           size: "small",
-                          onClick: () => i.dismiss(a.id),
-                          "aria-label": n,
+                          onClick: () => n.dismiss(o.id),
+                          "aria-label": s,
                           sx: {
                             marginLeft: 0.5
                           },
-                          children: /* @__PURE__ */ o(R, { fontSize: "small" })
+                          children: /* @__PURE__ */ r(A, { fontSize: "small" })
                         }
                       ),
                       sx: [
                         {
-                          boxShadow: 2,
+                          boxShadow: 0,
                           fontSize: "0.875rem",
                           zIndex: 2
                         },
-                        !!e && {
+                        !!i && {
                           borderBottomLeftRadius: 0,
                           borderBottomRightRadius: 0
                         }
                       ],
-                      children: u
+                      children: f
                     }
                   ),
-                  e && /* @__PURE__ */ o(
+                  i && /* @__PURE__ */ r(
                     m,
                     {
                       role: "none",
                       icon: !1,
-                      severity: s[r],
+                      severity: l[e],
                       variant: "outlined",
-                      sx: ({ vars: g }) => ({
-                        backgroundColor: g?.palette.background.surface,
-                        borderTopLeftRadius: 0,
-                        borderTopRightRadius: 0,
-                        boxShadow: 2,
-                        fontSize: "0.75rem",
-                        alignItems: "flex-start",
-                        fontWeight: "normal",
-                        maxHeight: "7rem",
-                        overflowX: "auto",
-                        overflowY: "auto",
-                        zIndex: 1
-                      }),
-                      children: e
+                      sx: ({ vars: t }) => {
+                        const g = {
+                          success: t?.palette.Alert.successStandardBg,
+                          warning: t?.palette.Alert.warningStandardBg,
+                          error: t?.palette.Alert.errorStandardBg,
+                          info: t?.palette.Alert.infoStandardBg
+                        };
+                        return {
+                          backgroundColor: t?.palette.background.paper,
+                          borderColor: g[e],
+                          borderTopLeftRadius: 0,
+                          borderTopRightRadius: 0,
+                          boxShadow: 0,
+                          fontSize: "0.75rem",
+                          alignItems: "flex-start",
+                          fontWeight: "normal",
+                          maxHeight: "7rem",
+                          overflowX: "auto",
+                          overflowY: "auto",
+                          zIndex: 1
+                        };
+                      },
+                      children: i
                     }
                   )
                 ]
@@ -113,18 +156,18 @@ const q = () => {
               background: "none",
               boxShadow: "none"
             },
-            duration: r === "error" || r === "warning" ? 1 / 0 : 5e3,
+            duration: e === "error" || e === "warning" ? 1 / 0 : 5e3,
             icon: null,
-            ...d
+            ...p
           }
         );
       },
-      [n]
+      [s]
     ),
-    dismissNotification: i.dismiss,
-    removeNotifications: i.remove
+    dismissNotification: n.dismiss,
+    removeNotifications: n.remove
   };
 };
 export {
-  q as useToast
+  D as useToast
 };

package/dist/main.js

@@ -12,7 +12,7 @@ import { I as Pa } from "./Info-Dmczo2E6.js";
 import { StyledEngineProvider as Fa } from "./theme/index.js";
 import { A as Oa, a as Ma, c as Ra, g as Ga } from "./Autocomplete-D34P06vA.js";
 import { AutocompleteControl as Ea } from "./components/AutocompleteControl/AutocompleteControl.js";
-import { a as Va, D as Ka, L as za, M as Wa, P as Za, d as ja, b as Qa, g as qa, f as Ja, e as Xa, p as Ya, c as _a } from "./Datepicker-CTJBmZj2.js";
+import { a as Va, D as Ka, L as za, M as Wa, P as Za, d as ja, b as Qa, g as qa, f as Ja, e as Xa, p as Ya, c as _a } from "./Datepicker-C44hLm8m.js";
 import { DescriptionDetails as st } from "./components/DescriptionDetails/DescriptionDetails.js";
 import { DescriptionList as tt } from "./components/DescriptionList/DescriptionList.js";
 import { useDescriptionListContext as et } from "./components/DescriptionList/DescriptionListContext.js";
@@ -140,7 +140,7 @@ import { Z as EC } from "./Zoom-C2osCIgz.js";
 import { a as VC, d as KC, e as zC, g as WC, b as ZC, l as jC } from "./createTheme-PiEw_V9m.js";
 import { u as qC } from "./ThemeProviderWithVars-BNUcBdVQ.js";
 import { C as XC } from "./ClickAwayListener-DwFm5IeK.js";
-import { A as _C } from "./AdapterDayjs-Cd89npE5.js";
+import { A as _C } from "./AdapterDayjs-eOIHEncu.js";
 export {
   f as AccessTimeIcon,
   qt as Accordion,

package/package.json

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