@purpurds/notification 3.7.1 → 4.0.1

package/dist/notification.es.js

@@ -1,14 +1,14 @@
 import { jsxs as v, jsx as o } from "react/jsx-runtime";
-import { forwardRef as I } from "react";
-const j = {
+import { forwardRef as M } from "react";
+const E = {
   SM: "sm",
   MD: "md",
   LG: "lg"
 };
-function V(e) {
+function Z(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var M = { exports: {} };
+var P = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -43,22 +43,22 @@ var M = { exports: {} };
     }
     e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
   })();
-})(M);
-var k = M.exports;
-const E = /* @__PURE__ */ V(k), H = "_rotate_7s2g1_1", F = "_dash_7s2g1_1", m = {
+})(P);
+var V = P.exports;
+const I = /* @__PURE__ */ Z(V), k = "_rotate_7s2g1_1", H = "_dash_7s2g1_1", m = {
   "purpur-spinner": "_purpur-spinner_7s2g1_1",
-  rotate: H,
+  rotate: k,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_7s2g1_4",
   "purpur-spinner--xs": "_purpur-spinner--xs_7s2g1_8",
   "purpur-spinner--sm": "_purpur-spinner--sm_7s2g1_12",
   "purpur-spinner--md": "_purpur-spinner--md_7s2g1_16",
   "purpur-spinner--lg": "_purpur-spinner--lg_7s2g1_20",
   "purpur-spinner__circle": "_purpur-spinner__circle_7s2g1_24",
-  dash: F,
+  dash: H,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_7s2g1_33",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_7s2g1_36",
   "purpur-spinner__circle--negative-disabled": "_purpur-spinner__circle--negative-disabled_7s2g1_39"
-}, b = "purpur-spinner", z = {
+}, y = "purpur-spinner", F = {
   PRIMARY: "primary",
   DISABLED: "disabled",
   NEGATIVE: "negative",
@@ -72,20 +72,20 @@ const E = /* @__PURE__ */ V(k), H = "_rotate_7s2g1_1", F = "_dash_7s2g1_1", m =
 }, W = ({
   ["data-testid"]: e,
   size: u = U.SM,
-  variant: a = z.PRIMARY,
+  variant: a = F.PRIMARY,
   ...i
 }) => /* @__PURE__ */ o(
   "div",
   {
-    className: E([m[b], m[`${b}--${u}`]]),
+    className: I([m[y], m[`${y}--${u}`]]),
     "data-testid": e,
     ...i,
     children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
       "circle",
       {
-        className: E(
-          m[`${b}__circle`],
-          m[`${b}__circle--${a}`]
+        className: I(
+          m[`${y}__circle`],
+          m[`${y}__circle--${a}`]
         ),
         cx: "25",
         cy: "25",
@@ -97,7 +97,7 @@ const E = /* @__PURE__ */ V(k), H = "_rotate_7s2g1_1", F = "_dash_7s2g1_1", m =
 function Y(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var P = { exports: {} };
+var j = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -132,8 +132,8 @@ var P = { exports: {} };
     }
     e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
   })();
-})(P);
-var X = P.exports;
+})(j);
+var X = j.exports;
 const J = /* @__PURE__ */ Y(X), f = {
   "purpur-button": "_purpur-button_1fna2_1",
   "purpur-button--sm": "_purpur-button--sm_1fna2_33",
@@ -164,7 +164,7 @@ const J = /* @__PURE__ */ Y(X), f = {
   iconOnly: r,
   loading: t = !1,
   onClick: n,
-  size: _ = j.MD,
+  size: c = E.MD,
   variant: d,
   type: s = "button",
   ...h
@@ -175,7 +175,7 @@ const J = /* @__PURE__ */ Y(X), f = {
     [
       f[g],
       f[`${g}--${d}`],
-      f[`${g}--${_}`]
+      f[`${g}--${c}`]
     ],
     {
       [f[`${g}--icon-only`]]: r,
@@ -184,9 +184,9 @@ const J = /* @__PURE__ */ Y(X), f = {
       [f[`${g}--disabled`]]: i || t
     },
     u
-  ), B = (N) => {
+  ), G = (N) => {
     i || t ? N.preventDefault() : n && n(N);
-  }, Z = () => d.endsWith("negative") ? "negative-disabled" : "disabled";
+  }, B = () => d.endsWith("negative") ? "negative-disabled" : "disabled";
   return /* @__PURE__ */ v(
     "button",
     {
@@ -195,16 +195,16 @@ const J = /* @__PURE__ */ Y(X), f = {
       type: s,
       ref: $,
       "aria-disabled": h["aria-disabled"] || i || t,
-      onClick: B,
+      onClick: G,
       ...h,
       children: [
-        t && /* @__PURE__ */ o(W, { size: _ === j.LG ? "xs" : "xxs", variant: Z() }),
+        t && /* @__PURE__ */ o(W, { size: c === E.LG ? "xs" : "xxs", variant: B() }),
         " ",
         e
       ]
     }
   );
-}, T = I(K);
+}, T = M(K);
 T.displayName = "Button";
 function Q(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -247,20 +247,20 @@ var q = { exports: {} };
 })(q);
 var rr = q.exports;
 const tr = /* @__PURE__ */ Q(rr), A = {
-  "purpur-heading": "_purpur-heading_2c2y0_1",
-  "purpur-heading--hyphens": "_purpur-heading--hyphens_2c2y0_8",
-  "purpur-heading--subsection-100": "_purpur-heading--subsection-100_2c2y0_11",
-  "purpur-heading--title-100": "_purpur-heading--title-100_2c2y0_17",
-  "purpur-heading--title-200": "_purpur-heading--title-200_2c2y0_23",
-  "purpur-heading--title-300": "_purpur-heading--title-300_2c2y0_29",
-  "purpur-heading--title-400": "_purpur-heading--title-400_2c2y0_35",
-  "purpur-heading--title-500": "_purpur-heading--title-500_2c2y0_41",
-  "purpur-heading--title-600": "_purpur-heading--title-600_2c2y0_47",
-  "purpur-heading--title-700": "_purpur-heading--title-700_2c2y0_53",
-  "purpur-heading--display-25": "_purpur-heading--display-25_2c2y0_59",
-  "purpur-heading--display-50": "_purpur-heading--display-50_2c2y0_65",
-  "purpur-heading--display-100": "_purpur-heading--display-100_2c2y0_71",
-  "purpur-heading--display-200": "_purpur-heading--display-200_2c2y0_77"
+  "purpur-heading": "_purpur-heading_1abfh_1",
+  "purpur-heading--hyphens": "_purpur-heading--hyphens_1abfh_8",
+  "purpur-heading--subsection-100": "_purpur-heading--subsection-100_1abfh_11",
+  "purpur-heading--title-100": "_purpur-heading--title-100_1abfh_17",
+  "purpur-heading--title-200": "_purpur-heading--title-200_1abfh_23",
+  "purpur-heading--title-300": "_purpur-heading--title-300_1abfh_29",
+  "purpur-heading--title-400": "_purpur-heading--title-400_1abfh_35",
+  "purpur-heading--title-500": "_purpur-heading--title-500_1abfh_41",
+  "purpur-heading--title-600": "_purpur-heading--title-600_1abfh_47",
+  "purpur-heading--title-700": "_purpur-heading--title-700_1abfh_53",
+  "purpur-heading--display-25": "_purpur-heading--display-25_1abfh_59",
+  "purpur-heading--display-50": "_purpur-heading--display-50_1abfh_65",
+  "purpur-heading--display-100": "_purpur-heading--display-100_1abfh_71",
+  "purpur-heading--display-200": "_purpur-heading--display-200_1abfh_77"
 }, er = {
   TITLE100: "title-100",
   TITLE200: "title-200",
@@ -279,7 +279,7 @@ const tr = /* @__PURE__ */ Q(rr), A = {
   variant: r = er.TITLE100,
   ...t
 }) => {
-  const n = p, _ = tr([
+  const n = p, c = tr([
     a,
     A[O],
     A[`${O}--${r}`],
@@ -287,12 +287,12 @@ const tr = /* @__PURE__ */ Q(rr), A = {
       [A[`${O}--hyphens`]]: i
     }
   ]);
-  return /* @__PURE__ */ o(n, { ...t, className: _, "data-testid": e, children: u });
+  return /* @__PURE__ */ o(n, { ...t, className: c, "data-testid": e, children: u });
 };
 function ar(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var D = { exports: {} };
+var z = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -327,8 +327,8 @@ var D = { exports: {} };
     }
     e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
   })();
-})(D);
-var ur = D.exports;
+})(z);
+var ur = z.exports;
 const ir = /* @__PURE__ */ ar(ur), pr = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
@@ -352,17 +352,17 @@ const ir = /* @__PURE__ */ ar(ur), pr = {
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M4.864 4.864a.9.9 0 0 1 1.273 0L12 10.727l5.864-5.863a.9.9 0 0 1 1.272 1.272L13.273 12l5.863 5.864a.9.9 0 1 1-1.272 1.272L12 13.273l-5.863 5.863a.9.9 0 0 1-1.273-1.272L10.727 12 4.864 6.136a.9.9 0 0 1 0-1.272Z" clip-rule="evenodd"/></svg>',
   keywords: ["close"],
   category: "utility"
-}, cr = {
+}, _r = {
   name: "error-filled",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 24" fill="currentColor"><path fill-rule="evenodd" d="M14.268 3.5c-.77-1.333-2.694-1.333-3.464 0l-8.66 15c-.77 1.333.192 3 1.732 3h17.32c1.54 0 2.502-1.667 1.733-3l-8.66-15Zm-.694 5.067-.247 6.876h-1.566l-.247-6.876a1.03 1.03 0 1 1 2.06 0Zm.212 8.917c0 .649-.585 1.234-1.25 1.234-.648 0-1.25-.585-1.25-1.234 0-.633.602-1.234 1.25-1.234.665 0 1.25.601 1.25 1.234Z" clip-rule="evenodd"/></svg>',
   keywords: ["error-filled"],
   category: "status"
-}, _r = {
+}, cr = {
   name: "info-filled",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10ZM10.9 7.786c0 .591.516 1.077 1.108 1.077.576 0 1.092-.486 1.092-1.077 0-.592-.516-1.078-1.092-1.078-.592 0-1.108.486-1.108 1.078Zm.167 9.74h1.866V9.94h-1.866v7.586Z" clip-rule="evenodd"/></svg>',
   keywords: ["info-filled"],
   category: "status"
-}, dr = ir.bind(pr), L = "purpur-icon", fr = "md", gr = (e) => e.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), hr = ({ content: e = "", title: u } = {}) => {
+}, dr = ir.bind(pr), R = "purpur-icon", fr = "md", gr = (e) => e.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), hr = ({ content: e = "", title: u } = {}) => {
   const a = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
@@ -370,7 +370,7 @@ const ir = /* @__PURE__ */ ar(ur), pr = {
     u ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], i = u ? `<title>${u}</title>` : "";
   return `<svg ${gr(a)}>${i}${e}</svg>`;
-}, vr = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), R = ({
+}, vr = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), L = ({
   ["data-testid"]: e,
   svg: u,
   allyTitle: a,
@@ -381,7 +381,7 @@ const ir = /* @__PURE__ */ ar(ur), pr = {
   const t = hr({
     content: vr(u.svg),
     title: a
-  }), n = dr(i, L, `${L}--${p}`);
+  }), n = dr(i, R, `${R}--${p}`);
   return /* @__PURE__ */ o(
     "span",
     {
@@ -393,10 +393,10 @@ const ir = /* @__PURE__ */ ar(ur), pr = {
     }
   );
 };
-function yr(e) {
+function br(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var C = { exports: {} };
+var D = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -431,22 +431,22 @@ var C = { exports: {} };
     }
     e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
   })();
-})(C);
-var mr = C.exports;
-const br = /* @__PURE__ */ yr(mr), w = {
-  "purpur-paragraph": "_purpur-paragraph_hwaj6_1",
-  "purpur-paragraph--disabled": "_purpur-paragraph--disabled_hwaj6_7",
-  "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_hwaj6_10",
-  "purpur-paragraph--paragraph-100": "_purpur-paragraph--paragraph-100_hwaj6_13",
-  "purpur-paragraph--paragraph-100-medium": "_purpur-paragraph--paragraph-100-medium_hwaj6_19",
-  "purpur-paragraph--paragraph-100-bold": "_purpur-paragraph--paragraph-100-bold_hwaj6_26",
-  "purpur-paragraph--paragraph-200": "_purpur-paragraph--paragraph-200_hwaj6_33",
-  "purpur-paragraph--preamble-100": "_purpur-paragraph--preamble-100_hwaj6_39",
-  "purpur-paragraph--preamble-200": "_purpur-paragraph--preamble-200_hwaj6_45",
-  "purpur-paragraph--additional-100": "_purpur-paragraph--additional-100_hwaj6_51",
-  "purpur-paragraph--additional-100-medium": "_purpur-paragraph--additional-100-medium_hwaj6_57",
-  "purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_hwaj6_64",
-  "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_hwaj6_71"
+})(D);
+var mr = D.exports;
+const yr = /* @__PURE__ */ br(mr), w = {
+  "purpur-paragraph": "_purpur-paragraph_1fzxr_1",
+  "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1fzxr_7",
+  "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1fzxr_10",
+  "purpur-paragraph--paragraph-100": "_purpur-paragraph--paragraph-100_1fzxr_13",
+  "purpur-paragraph--paragraph-100-medium": "_purpur-paragraph--paragraph-100-medium_1fzxr_19",
+  "purpur-paragraph--paragraph-100-bold": "_purpur-paragraph--paragraph-100-bold_1fzxr_26",
+  "purpur-paragraph--paragraph-200": "_purpur-paragraph--paragraph-200_1fzxr_33",
+  "purpur-paragraph--preamble-100": "_purpur-paragraph--preamble-100_1fzxr_39",
+  "purpur-paragraph--preamble-200": "_purpur-paragraph--preamble-200_1fzxr_45",
+  "purpur-paragraph--additional-100": "_purpur-paragraph--additional-100_1fzxr_51",
+  "purpur-paragraph--additional-100-medium": "_purpur-paragraph--additional-100-medium_1fzxr_57",
+  "purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_1fzxr_64",
+  "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_1fzxr_71"
 }, wr = {
   PARAGRAPH100: "paragraph-100",
   PARAGRAPH100MEDIUM: "paragraph-100-medium",
@@ -467,7 +467,7 @@ const br = /* @__PURE__ */ yr(mr), w = {
   variant: r = wr.PARAGRAPH100,
   ...t
 }) => {
-  const n = br([
+  const n = yr([
     a,
     w[x],
     w[`${x}--${r}`],
@@ -481,7 +481,7 @@ const br = /* @__PURE__ */ yr(mr), w = {
 function $r(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var G = { exports: {} };
+var C = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -516,8 +516,8 @@ var G = { exports: {} };
     }
     e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
   })();
-})(G);
-var Sr = G.exports;
+})(C);
+var Sr = C.exports;
 const Ar = /* @__PURE__ */ $r(Sr), l = {
   "purpur-notification": "_purpur-notification_10qwf_1",
   "purpur-notification__top": "_purpur-notification__top_10qwf_14",
@@ -532,30 +532,30 @@ const Ar = /* @__PURE__ */ $r(Sr), l = {
   "purpur-notification--info": "_purpur-notification--info_10qwf_63",
   "purpur-notification--hidden": "_purpur-notification--hidden_10qwf_72",
   "purpur-notification--has-close-button": "_purpur-notification--has-close-button_10qwf_76"
-}, y = {
+}, b = {
   SUCCESS: "success",
   WARNING: "warning",
   ERROR: "error",
   INFO: "info"
-}, Mr = Object.values(y), Or = {
+}, Pr = Object.values(b), Or = {
   POLITE: "polite",
   ASSERTIVE: "assertive"
-}, Pr = Object.values(Or), Nr = {
+}, jr = Object.values(Or), Nr = {
   ALERT: "alert",
   DIALOG: "dialog",
   ALERTDIALOG: "alertdialog"
-}, Tr = Object.values(Nr), c = "purpur-notification", jr = (e) => {
+}, Tr = Object.values(Nr), _ = "purpur-notification", Er = (e) => {
   switch (e) {
-    case y.INFO:
-      return _r;
-    case y.SUCCESS:
+    case b.INFO:
+      return cr;
+    case b.SUCCESS:
       return sr;
-    case y.WARNING:
+    case b.WARNING:
       return or;
-    case y.ERROR:
-      return cr;
+    case b.ERROR:
+      return _r;
   }
-}, Er = ({
+}, Ir = ({
   ["data-testid"]: e,
   ["aria-live"]: u,
   children: a,
@@ -564,7 +564,7 @@ const Ar = /* @__PURE__ */ $r(Sr), l = {
   headingTag: r = "h4",
   role: t,
   status: n = "info",
-  heading: _,
+  heading: c,
   hidden: d,
   id: s,
   onClose: h,
@@ -577,36 +577,36 @@ const Ar = /* @__PURE__ */ $r(Sr), l = {
     "aria-describedby": s ? `${s}-body` : void 0,
     "aria-live": u,
     "aria-hidden": !!d,
-    className: Ar(i, l[c], l[`${c}--${n}`], {
-      [l[`${c}--hidden`]]: d,
-      [l[`${c}--has-close-button`]]: !!h
+    className: Ar(i, l[_], l[`${_}--${n}`], {
+      [l[`${_}--hidden`]]: d,
+      [l[`${_}--has-close-button`]]: !!h
     }),
     "data-testid": e,
     ref: S,
     role: t,
     ...$,
     children: [
-      /* @__PURE__ */ v("div", { className: l[`${c}__top`], children: [
-        /* @__PURE__ */ v("div", { className: l[`${c}__header`], children: [
+      /* @__PURE__ */ v("div", { className: l[`${_}__top`], children: [
+        /* @__PURE__ */ v("div", { className: l[`${_}__header`], children: [
           /* @__PURE__ */ o(
-            R,
+            L,
             {
               "data-testid": e ? `${e}-icon` : void 0,
-              className: l[`${c}__icon`],
-              svg: jr(n),
+              className: l[`${_}__icon`],
+              svg: Er(n),
               size: "md"
             }
           ),
-          !!_ && /* @__PURE__ */ o(
+          !!c && /* @__PURE__ */ o(
             nr,
             {
               "data-testid": e ? `${e}-heading` : void 0,
               variant: "subsection-100",
               tag: r,
-              className: l[`${c}__heading`],
+              className: l[`${_}__heading`],
               children: /* @__PURE__ */ v("span", { id: s ? `${s}-heading` : void 0, children: [
                 " ",
-                _
+                c
               ] })
             }
           )
@@ -620,8 +620,8 @@ const Ar = /* @__PURE__ */ $r(Sr), l = {
             iconOnly: !0,
             "aria-label": p,
             onClick: h,
-            className: l[`${c}__close-button`],
-            children: /* @__PURE__ */ o(R, { svg: lr, size: "sm" })
+            className: l[`${_}__close-button`],
+            children: /* @__PURE__ */ o(L, { svg: lr, size: "sm" })
           }
         )
       ] }),
@@ -629,7 +629,7 @@ const Ar = /* @__PURE__ */ $r(Sr), l = {
         "div",
         {
           "data-testid": e ? `${e}-body` : void 0,
-          className: l[`${c}__body`],
+          className: l[`${_}__body`],
           id: s ? `${s}-body` : void 0,
           children: typeof a == "string" ? /* @__PURE__ */ o(
             xr,
@@ -643,15 +643,15 @@ const Ar = /* @__PURE__ */ $r(Sr), l = {
       )
     ]
   }
-), Lr = I(Er);
-Lr.displayName = "Notification";
+), Rr = M(Ir);
+Rr.displayName = "Notification";
 export {
   Or as NOTIFICATION_ARIA_LIVE,
   Nr as NOTIFICATION_ROLE,
-  y as NOTIFICATION_STATUS,
-  Lr as Notification,
-  Pr as notificationAriaLiveValues,
+  b as NOTIFICATION_STATUS,
+  Rr as Notification,
+  jr as notificationAriaLiveValues,
   Tr as notificationRoles,
-  Mr as notificationStatuses
+  Pr as notificationStatuses
 };
 //# sourceMappingURL=notification.es.js.map