@purpurds/notification 5.20.1 → 5.21.1

package/dist/notification.es.js

@@ -8,7 +8,7 @@ const Z = {
 function H(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var R = { exports: {} };
+var I = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -43,9 +43,9 @@ var R = { exports: {} };
     }
     e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
   })();
-})(R);
-var U = R.exports;
-const j = /* @__PURE__ */ H(U), V = "_rotate_1xozj_1", F = "_dash_1xozj_1", h = {
+})(I);
+var U = I.exports;
+const q = /* @__PURE__ */ H(U), V = "_rotate_1xozj_1", F = "_dash_1xozj_1", h = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
   rotate: V,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
@@ -72,13 +72,13 @@ const j = /* @__PURE__ */ H(U), V = "_rotate_1xozj_1", F = "_dash_1xozj_1", h =
 }) => /* @__PURE__ */ s(
   "div",
   {
-    className: j([h[v], h[`${v}--${u}`]]),
+    className: q([h[v], h[`${v}--${u}`]]),
     "data-testid": e,
     ...i,
     children: /* @__PURE__ */ s("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ s(
       "circle",
       {
-        className: j(h[`${v}__circle`], {
+        className: q(h[`${v}__circle`], {
           [h[`${v}__circle--disabled`]]: p,
           [h[`${v}__circle--negative`]]: a
         }),
@@ -92,7 +92,7 @@ const j = /* @__PURE__ */ H(U), V = "_rotate_1xozj_1", F = "_dash_1xozj_1", h =
 function Y(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var I = { exports: {} };
+var R = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -127,8 +127,8 @@ var I = { exports: {} };
     }
     e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
   })();
-})(I);
-var J = I.exports;
+})(R);
+var J = R.exports;
 const K = /* @__PURE__ */ Y(J), Q = {
   "purpur-button": "_purpur-button_1acxn_1",
   "purpur-button--sm": "_purpur-button--sm_1acxn_33",
@@ -164,7 +164,7 @@ const K = /* @__PURE__ */ Y(J), Q = {
   variant: o,
   type: f = "button",
   ...w
-}, O) => {
+}, N) => {
   if (r && o === "destructive")
     return null;
   const B = rr(
@@ -180,21 +180,21 @@ const K = /* @__PURE__ */ Y(J), Q = {
       [`${g}--disabled`]: u || t
     },
     p
-  ), G = (A) => {
-    u || t ? A.preventDefault() : _ && _(A);
-  }, N = !!w["aria-disabled"] || u || t;
+  ), G = (j) => {
+    u || t ? j.preventDefault() : _ && _(j);
+  }, A = !!w["aria-disabled"] || u || t;
   return /* @__PURE__ */ b(
     "button",
     {
       className: B,
       "data-testid": a,
       type: f,
-      ref: O,
-      "aria-disabled": N,
+      ref: N,
+      "aria-disabled": A,
       onClick: G,
       ...w,
       children: [
-        t && /* @__PURE__ */ s(W, { size: d === Z.LG ? "xs" : "xxs", negative: n, disabled: N }),
+        t && /* @__PURE__ */ s(W, { size: d === Z.LG ? "xs" : "xxs", negative: n, disabled: A }),
         " ",
         e
       ]
@@ -362,7 +362,7 @@ const or = /* @__PURE__ */ ir(ur), sr = {
   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"
-}, fr = or.bind(sr), q = "purpur-icon", hr = "md", vr = (e) => e.filter((p) => Object.keys(p).length >= 1).map((p) => `${p.name}="${p.value}"`).join(" "), mr = ({ content: e = "", title: p } = {}) => {
+}, fr = or.bind(sr), L = "purpur-icon", hr = "md", vr = (e) => e.filter((p) => Object.keys(p).length >= 1).map((p) => `${p.name}="${p.value}"`).join(" "), mr = ({ content: e = "", title: p } = {}) => {
   const a = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
@@ -370,7 +370,7 @@ const or = /* @__PURE__ */ ir(ur), sr = {
     p ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], u = p ? `<title>${p}</title>` : "";
   return `<svg ${vr(a)}>${u}${e}</svg>`;
-}, yr = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), L = ({
+}, yr = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), O = ({
   ["data-testid"]: e,
   svg: p,
   allyTitle: a,
@@ -381,7 +381,7 @@ const or = /* @__PURE__ */ ir(ur), sr = {
   const t = mr({
     content: yr(p.svg),
     title: a
-  }), n = fr(u, q, `${q}--${i}`);
+  }), n = fr(u, L, `${L}--${i}`);
   return /* @__PURE__ */ s(
     "span",
     {
@@ -393,6 +393,7 @@ const or = /* @__PURE__ */ ir(ur), sr = {
     }
   );
 };
+O.displayName = "Icon";
 function br(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
@@ -521,8 +522,8 @@ var D = { exports: {} };
     e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
   })();
 })(D);
-var Or = D.exports;
-const Nr = /* @__PURE__ */ Sr(Or), l = {
+var Nr = D.exports;
+const Or = /* @__PURE__ */ Sr(Nr), l = {
   "purpur-notification": "_purpur-notification_10qwf_1",
   "purpur-notification__top": "_purpur-notification__top_10qwf_14",
   "purpur-notification__header": "_purpur-notification__header_10qwf_20",
@@ -573,7 +574,7 @@ const Nr = /* @__PURE__ */ Sr(Or), l = {
   id: o,
   onClose: f,
   ...w
-}, O) => /* @__PURE__ */ b(
+}, N) => /* @__PURE__ */ b(
   "div",
   {
     id: o,
@@ -581,19 +582,19 @@ const Nr = /* @__PURE__ */ Sr(Or), l = {
     "aria-describedby": o ? `${o}-body` : void 0,
     "aria-live": p,
     "aria-hidden": !!d,
-    className: Nr(u, l[c], l[`${c}--${n}`], {
+    className: Or(u, l[c], l[`${c}--${n}`], {
       [l[`${c}--hidden`]]: d,
       [l[`${c}--has-close-button`]]: !!f
     }),
     "data-testid": e,
-    ref: O,
+    ref: N,
     role: t,
     ...w,
     children: [
       /* @__PURE__ */ b("div", { className: l[`${c}__top`], children: [
         /* @__PURE__ */ b("div", { className: l[`${c}__header`], children: [
           /* @__PURE__ */ s(
-            L,
+            O,
             {
               "data-testid": e ? `${e}-icon` : void 0,
               className: l[`${c}__icon`],
@@ -625,7 +626,7 @@ const Nr = /* @__PURE__ */ Sr(Or), l = {
             "aria-label": i,
             onClick: f,
             className: l[`${c}__close-button`],
-            children: /* @__PURE__ */ s(L, { svg: _r, size: "sm" })
+            children: /* @__PURE__ */ s(O, { svg: _r, size: "sm" })
           }
         )
       ] }),