@clearstory/drywall-react 3.2.0 → 3.3.0

package/dist/components/ToastContainer/useToast.js

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

package/dist/main.js

@@ -8,9 +8,9 @@ import { A as ua, C as ya } from "./Clear-ABzw_mBN.js";
 import { C as Ua, a as ba, E as Sa, I as La, W as Da } from "./WarningAmberOutlined-Bip82sqV.js";
 import { I as Ta } from "./Info-DtWHV9kz.js";
 import { StyledEngineProvider as ka } from "./theme/index.js";
-import { A as wa, a as va, c as Fa, g as Oa } from "./Autocomplete-tzEooGdJ.js";
-import { A as Ra, D as Ga, F as Ha, I as Ea, S as Na } from "./SelectControl-CdviGNA_.js";
-import { c as Ka, a as za, b as Wa, D as ja, L as Qa, M as Za, P as qa, e as Ja, d as Xa, f as Ya, g as _a, j as $a, i as so, p as ao, h as oo } from "./Datepicker-u8DjTSV8.js";
+import { A as wa, a as va, c as Fa, g as Oa } from "./Autocomplete-CfXcTXLL.js";
+import { A as Ra, D as Ga, F as Ha, I as Ea, S as Na } from "./SelectControl-BWiB-iy9.js";
+import { c as Ka, a as za, b as Wa, D as ja, L as Qa, M as Za, P as qa, e as Ja, d as Xa, f as Ya, g as _a, j as $a, i as so, p as ao, h as oo } from "./Datepicker-CJBEgBsm.js";
 import { Input as eo } from "./components/Input/Input.js";
 import { Select as lo } from "./components/Select/Select.js";
 import { ThemeProvider as no } from "./components/ThemeProvider/ThemeProvider.js";
@@ -107,7 +107,7 @@ import { T as gn, g as mn, t as In } from "./Typography-DnNWmNen.js";
 import { a as fn, d as xn, e as un, g as yn, b as An, l as Un } from "./createTheme-BnGUhbht.js";
 import { u as Sn } from "./ThemeProviderWithVars-Cd9Vwf-U.js";
 import { C as Dn } from "./ClickAwayListener-BhNP8Zmy.js";
-import { A as Tn } from "./AdapterDayjs-C2OOePSw.js";
+import { A as Tn } from "./AdapterDayjs-onBBJ8Hr.js";
 export {
   g as AccessTimeIcon,
   So as Accordion,

package/package.json

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