@purpurds/notification-banner 0.0.1

package/dist/notification-banner.d.ts

@@ -0,0 +1,27 @@
+import { HeadingTagType } from '@purpurds/heading';
+import { default as React, ReactNode } from 'react';
+
+export type DefaultProps = {
+    ["data-testid"]?: string;
+    children?: ReactNode;
+    className?: string;
+    closeButtonAllyLabel?: string;
+    description?: string;
+    hideIcon?: boolean;
+    icon?: ReactNode;
+    link?: ReactNode;
+    titleTag?: HeadingTagType;
+    title?: string;
+};
+type CloseButtonProps = {
+    onClose: () => void;
+    closeButtonAllyLabel: string;
+};
+type NoCloseButtonProps = {
+    onClose?: never;
+    closeButtonAllyLabel?: never;
+};
+export type NotificationBannerProps = DefaultProps & (CloseButtonProps | NoCloseButtonProps);
+export declare const NotificationBanner: React.ForwardRefExoticComponent<NotificationBannerProps & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=notification-banner.d.ts.map

package/dist/notification-banner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-banner.d.ts","sourceRoot":"","sources":["../src/notification-banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA4B,SAAS,EAAE,MAAM,OAAO,CAAC;AAGnE,OAAO,EAAW,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAO5D,MAAM,MAAM,YAAY,GAAG;IACzB,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,oBAAoB,EAAE,MAAM,CAAC;CAC9B,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,oBAAoB,CAAC,EAAE,KAAK,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,YAAY,GAAG,CAAC,gBAAgB,GAAG,kBAAkB,CAAC,CAAC;AAI7F,eAAO,MAAM,kBAAkB,gGAiE9B,CAAC"}

package/dist/notification-banner.es.js

@@ -0,0 +1,646 @@
+import { jsxs as w, jsx as a } from "react/jsx-runtime";
+import { forwardRef as k, Children as O, isValidElement as F } from "react";
+const q = {
+  SM: "sm",
+  MD: "md",
+  LG: "lg"
+};
+function U(u) {
+  return u && u.__esModule && Object.prototype.hasOwnProperty.call(u, "default") ? u.default : u;
+}
+var T = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(u) {
+  (function() {
+    var i = {}.hasOwnProperty;
+    function n() {
+      for (var r = "", t = 0; t < arguments.length; t++) {
+        var p = arguments[t];
+        p && (r = e(r, o(p)));
+      }
+      return r;
+    }
+    function o(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return r;
+      if (typeof r != "object")
+        return "";
+      if (Array.isArray(r))
+        return n.apply(null, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
+      var t = "";
+      for (var p in r)
+        i.call(r, p) && r[p] && (t = e(t, p));
+      return t;
+    }
+    function e(r, t) {
+      return t ? r ? r + " " + t : r + t : r;
+    }
+    u.exports ? (n.default = n, u.exports = n) : window.classNames = n;
+  })();
+})(T);
+var W = T.exports;
+const M = /* @__PURE__ */ U(W), J = "_rotate_1xozj_1", K = "_dash_1xozj_1", b = {
+  "purpur-spinner": "_purpur-spinner_1xozj_1",
+  rotate: J,
+  "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
+  "purpur-spinner--xs": "_purpur-spinner--xs_1xozj_8",
+  "purpur-spinner--sm": "_purpur-spinner--sm_1xozj_12",
+  "purpur-spinner--md": "_purpur-spinner--md_1xozj_16",
+  "purpur-spinner--lg": "_purpur-spinner--lg_1xozj_20",
+  "purpur-spinner__circle": "_purpur-spinner__circle_1xozj_24",
+  dash: K,
+  "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
+  "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
+}, y = "purpur-spinner", Q = {
+  XXS: "xxs",
+  XS: "xs",
+  SM: "sm",
+  MD: "md",
+  LG: "lg"
+}, Y = ({
+  ["data-testid"]: u,
+  disabled: i = !1,
+  negative: n = !1,
+  size: o = Q.SM,
+  ...e
+}) => /* @__PURE__ */ a(
+  "div",
+  {
+    className: M([b[y], b[`${y}--${o}`]]),
+    "data-testid": u,
+    ...e,
+    children: /* @__PURE__ */ a("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ a(
+      "circle",
+      {
+        className: M(b[`${y}__circle`], {
+          [b[`${y}__circle--disabled`]]: i,
+          [b[`${y}__circle--negative`]]: n
+        }),
+        cx: "25",
+        cy: "25",
+        r: "20"
+      }
+    ) })
+  }
+);
+function rr(u) {
+  return u && u.__esModule && Object.prototype.hasOwnProperty.call(u, "default") ? u.default : u;
+}
+var I = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(u) {
+  (function() {
+    var i = {}.hasOwnProperty;
+    function n() {
+      for (var r = "", t = 0; t < arguments.length; t++) {
+        var p = arguments[t];
+        p && (r = e(r, o.call(this, p)));
+      }
+      return r;
+    }
+    function o(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return this && this[r] || r;
+      if (typeof r != "object")
+        return "";
+      if (Array.isArray(r))
+        return n.apply(this, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
+      var t = "";
+      for (var p in r)
+        i.call(r, p) && r[p] && (t = e(t, this && this[p] || p));
+      return t;
+    }
+    function e(r, t) {
+      return t ? r ? r + " " + t : r + t : r;
+    }
+    u.exports ? (n.default = n, u.exports = n) : window.classNames = n;
+  })();
+})(I);
+var tr = I.exports;
+const ur = /* @__PURE__ */ rr(tr), pr = {
+  "purpur-button": "_purpur-button_u2yv5_1",
+  "purpur-button--sm": "_purpur-button--sm_u2yv5_33",
+  "purpur-button--icon-only": "_purpur-button--icon-only_u2yv5_36",
+  "purpur-button--md": "_purpur-button--md_u2yv5_39",
+  "purpur-button--lg": "_purpur-button--lg_u2yv5_45",
+  "purpur-button--full-width": "_purpur-button--full-width_u2yv5_51",
+  "purpur-button--primary": "_purpur-button--primary_u2yv5_54",
+  "purpur-button--disabled": "_purpur-button--disabled_u2yv5_58",
+  "purpur-button--primary-negative": "_purpur-button--primary-negative_u2yv5_64",
+  "purpur-button--secondary": "_purpur-button--secondary_u2yv5_76",
+  "purpur-button--secondary-negative": "_purpur-button--secondary-negative_u2yv5_87",
+  "purpur-button--expressive": "_purpur-button--expressive_u2yv5_98",
+  "purpur-button--expressive-negative": "_purpur-button--expressive-negative_u2yv5_108",
+  "purpur-button--negative": "_purpur-button--negative_u2yv5_120",
+  "purpur-button--destructive": "_purpur-button--destructive_u2yv5_127",
+  "purpur-button--destructive-negative": "_purpur-button--destructive-negative_u2yv5_137",
+  "purpur-button--tertiary-purple": "_purpur-button--tertiary-purple_u2yv5_147",
+  "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_u2yv5_160",
+  "purpur-button--text-negative": "_purpur-button--text-negative_u2yv5_175",
+  "purpur-button--text": "_purpur-button--text_u2yv5_175"
+}, nr = ur.bind(pr), g = "purpur-button", ir = ({
+  children: u,
+  className: i,
+  ["data-testid"]: n,
+  disabled: o = !1,
+  fullWidth: e = !1,
+  iconOnly: r,
+  loading: t = !1,
+  negative: p = !1,
+  onClick: l,
+  size: c = q.MD,
+  variant: d,
+  type: s = "button",
+  ...f
+}, v) => {
+  if (r && d === "destructive")
+    return null;
+  const S = nr(
+    [
+      g,
+      `${g}--${p ? `${d}-negative` : d}`,
+      `${g}--${c}`
+    ],
+    {
+      [`${g}--icon-only`]: r,
+      [`${g}--negative`]: p,
+      [`${g}--full-width`]: e,
+      [`${g}--disabled`]: o || t
+    },
+    i
+  ), H = (N) => {
+    o || t ? N.preventDefault() : l && l(N);
+  }, j = !!f["aria-disabled"] || o || t;
+  return /* @__PURE__ */ w(
+    "button",
+    {
+      className: S,
+      "data-testid": n,
+      type: s,
+      ref: v,
+      "aria-disabled": j,
+      onClick: H,
+      ...f,
+      children: [
+        t && /* @__PURE__ */ a(Y, { size: c === q.LG ? "xs" : "xxs", negative: p, disabled: j }),
+        " ",
+        u
+      ]
+    }
+  );
+}, A = k(ir);
+A.displayName = "Button";
+function er(u) {
+  return u && u.__esModule && Object.prototype.hasOwnProperty.call(u, "default") ? u.default : u;
+}
+var P = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(u) {
+  (function() {
+    var i = {}.hasOwnProperty;
+    function n() {
+      for (var r = "", t = 0; t < arguments.length; t++) {
+        var p = arguments[t];
+        p && (r = e(r, o.call(this, p)));
+      }
+      return r;
+    }
+    function o(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return this && this[r] || r;
+      if (typeof r != "object")
+        return "";
+      if (Array.isArray(r))
+        return n.apply(this, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
+      var t = "";
+      for (var p in r)
+        i.call(r, p) && r[p] && (t = e(t, this && this[p] || p));
+      return t;
+    }
+    function e(r, t) {
+      return t ? r ? r + " " + t : r + t : r;
+    }
+    u.exports ? (n.default = n, u.exports = n) : window.classNames = n;
+  })();
+})(P);
+var or = P.exports;
+const C = /* @__PURE__ */ er(or), ar = {
+  "purpur-grid-item": "_purpur-grid-item_zx9tz_1",
+  "purpur-grid-item--no-col-gap": "_purpur-grid-item--no-col-gap_zx9tz_6",
+  "purpur-grid-item-colspan-sm-4": "_purpur-grid-item-colspan-sm-4_zx9tz_24",
+  "purpur-grid-item-colspan-sm-3": "_purpur-grid-item-colspan-sm-3_zx9tz_27",
+  "purpur-grid-item-colspan-sm-2": "_purpur-grid-item-colspan-sm-2_zx9tz_30",
+  "purpur-grid-item-colspan-sm-1": "_purpur-grid-item-colspan-sm-1_zx9tz_33",
+  "purpur-grid-item-colspan-md-8": "_purpur-grid-item-colspan-md-8_zx9tz_37",
+  "purpur-grid-item-colspan-md-7": "_purpur-grid-item-colspan-md-7_zx9tz_42",
+  "purpur-grid-item-colspan-md-6": "_purpur-grid-item-colspan-md-6_zx9tz_47",
+  "purpur-grid-item-colspan-md-5": "_purpur-grid-item-colspan-md-5_zx9tz_52",
+  "purpur-grid-item-colspan-md-4": "_purpur-grid-item-colspan-md-4_zx9tz_57",
+  "purpur-grid-item-colspan-md-3": "_purpur-grid-item-colspan-md-3_zx9tz_62",
+  "purpur-grid-item-colspan-md-2": "_purpur-grid-item-colspan-md-2_zx9tz_67",
+  "purpur-grid-item-colspan-md-1": "_purpur-grid-item-colspan-md-1_zx9tz_72",
+  "purpur-grid-item-colspan-lg-12": "_purpur-grid-item-colspan-lg-12_zx9tz_77",
+  "purpur-grid-item-colspan-lg-11": "_purpur-grid-item-colspan-lg-11_zx9tz_82",
+  "purpur-grid-item-colspan-lg-10": "_purpur-grid-item-colspan-lg-10_zx9tz_87",
+  "purpur-grid-item-colspan-lg-9": "_purpur-grid-item-colspan-lg-9_zx9tz_92",
+  "purpur-grid-item-colspan-lg-8": "_purpur-grid-item-colspan-lg-8_zx9tz_97",
+  "purpur-grid-item-colspan-lg-7": "_purpur-grid-item-colspan-lg-7_zx9tz_102",
+  "purpur-grid-item-colspan-lg-6": "_purpur-grid-item-colspan-lg-6_zx9tz_107",
+  "purpur-grid-item-colspan-lg-5": "_purpur-grid-item-colspan-lg-5_zx9tz_112",
+  "purpur-grid-item-colspan-lg-4": "_purpur-grid-item-colspan-lg-4_zx9tz_117",
+  "purpur-grid-item-colspan-lg-3": "_purpur-grid-item-colspan-lg-3_zx9tz_122",
+  "purpur-grid-item-colspan-lg-2": "_purpur-grid-item-colspan-lg-2_zx9tz_127",
+  "purpur-grid-item-colspan-lg-1": "_purpur-grid-item-colspan-lg-1_zx9tz_77"
+}, lr = C.bind(ar), x = "purpur-grid-item", E = ({
+  children: u,
+  className: i,
+  ["data-testid"]: n,
+  colSpanSm: o = 4,
+  colSpanMd: e = 8,
+  colSpanLg: r = 12,
+  noColGap: t = !1
+}) => {
+  const p = lr([
+    i,
+    x,
+    {
+      [`${x}--no-col-gap`]: t,
+      [`${x}-colspan-sm-${o}`]: o,
+      [`${x}-colspan-md-${e}`]: e,
+      [`${x}-colspan-lg-${r}`]: r
+    }
+  ]);
+  return /* @__PURE__ */ a("div", { className: p, "data-testid": n, children: u });
+}, sr = (u) => !!u && F(u) && (!!u.props.colSpanSm || !!u.props.colSpanMd || !!u.props.colSpanLg), _r = {
+  "purpur-grid": "_purpur-grid_1h3bu_1",
+  "purpur-grid--no-gap": "_purpur-grid--no-gap_1h3bu_12",
+  "purpur-grid--no-row-gap": "_purpur-grid--no-row-gap_1h3bu_12",
+  "purpur-grid--grid": "_purpur-grid--grid_1h3bu_36",
+  "purpur-grid--no-col-gap": "_purpur-grid--no-col-gap_1h3bu_40",
+  "purpur-grid-col-sm-4": "_purpur-grid-col-sm-4_1h3bu_43",
+  "purpur-grid-col-sm-3": "_purpur-grid-col-sm-3_1h3bu_46",
+  "purpur-grid-col-sm-2": "_purpur-grid-col-sm-2_1h3bu_49",
+  "purpur-grid-col-md-8": "_purpur-grid-col-md-8_1h3bu_53",
+  "purpur-grid-col-md-7": "_purpur-grid-col-md-7_1h3bu_58",
+  "purpur-grid-col-md-6": "_purpur-grid-col-md-6_1h3bu_63",
+  "purpur-grid-col-md-5": "_purpur-grid-col-md-5_1h3bu_68",
+  "purpur-grid-col-md-4": "_purpur-grid-col-md-4_1h3bu_73",
+  "purpur-grid-col-md-3": "_purpur-grid-col-md-3_1h3bu_78",
+  "purpur-grid-col-md-2": "_purpur-grid-col-md-2_1h3bu_83",
+  "purpur-grid-col-lg-12": "_purpur-grid-col-lg-12_1h3bu_88",
+  "purpur-grid-col-lg-11": "_purpur-grid-col-lg-11_1h3bu_93",
+  "purpur-grid-col-lg-10": "_purpur-grid-col-lg-10_1h3bu_98",
+  "purpur-grid-col-lg-9": "_purpur-grid-col-lg-9_1h3bu_103",
+  "purpur-grid-col-lg-8": "_purpur-grid-col-lg-8_1h3bu_108",
+  "purpur-grid-col-lg-7": "_purpur-grid-col-lg-7_1h3bu_113",
+  "purpur-grid-col-lg-6": "_purpur-grid-col-lg-6_1h3bu_118",
+  "purpur-grid-col-lg-5": "_purpur-grid-col-lg-5_1h3bu_123",
+  "purpur-grid-col-lg-4": "_purpur-grid-col-lg-4_1h3bu_128",
+  "purpur-grid-col-lg-3": "_purpur-grid-col-lg-3_1h3bu_133",
+  "purpur-grid-col-lg-2": "_purpur-grid-col-lg-2_1h3bu_138",
+  "purpur-grid--flex": "_purpur-grid--flex_1h3bu_142"
+}, cr = C.bind(_r), _ = "purpur-grid", B = ({
+  children: u,
+  className: i,
+  ["data-testid"]: n,
+  colsSm: o = 1,
+  colsMd: e = 1,
+  colsLg: r = 1,
+  noGap: t = !1,
+  noColGap: p = !1,
+  noRowGap: l = !1,
+  ...c
+}) => {
+  const d = O.toArray(u).filter(sr), s = d.length, f = cr([
+    i,
+    _,
+    {
+      [`${_}--grid`]: !s,
+      [`${_}--flex`]: s,
+      [`${_}--no-gap`]: t,
+      [`${_}--no-col-gap`]: p,
+      [`${_}--no-row-gap`]: l,
+      [`${_}-col-sm-${o}`]: o > 1 && !s,
+      [`${_}-col-md-${e}`]: e > 1 && !s,
+      [`${_}-col-lg-${r}`]: r > 1 && !s
+    }
+  ]);
+  return /* @__PURE__ */ a("div", { className: f, "data-testid": n, ...c, children: s ? O.map(d, ({ props: { children: v, ...S } }) => /* @__PURE__ */ a(E, { ...S, noColGap: t || p, children: v })) : u });
+};
+B.Item = E;
+function dr(u) {
+  return u && u.__esModule && Object.prototype.hasOwnProperty.call(u, "default") ? u.default : u;
+}
+var G = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(u) {
+  (function() {
+    var i = {}.hasOwnProperty;
+    function n() {
+      for (var r = "", t = 0; t < arguments.length; t++) {
+        var p = arguments[t];
+        p && (r = e(r, o(p)));
+      }
+      return r;
+    }
+    function o(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return r;
+      if (typeof r != "object")
+        return "";
+      if (Array.isArray(r))
+        return n.apply(null, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
+      var t = "";
+      for (var p in r)
+        i.call(r, p) && r[p] && (t = e(t, p));
+      return t;
+    }
+    function e(r, t) {
+      return t ? r ? r + " " + t : r + t : r;
+    }
+    u.exports ? (n.default = n, u.exports = n) : window.classNames = n;
+  })();
+})(G);
+var gr = G.exports;
+const mr = /* @__PURE__ */ dr(gr), z = {
+  "purpur-heading": "_purpur-heading_k9fhq_1",
+  "purpur-heading--hyphens": "_purpur-heading--hyphens_k9fhq_8",
+  "purpur-heading--negative": "_purpur-heading--negative_k9fhq_11",
+  "purpur-heading--subsection-100": "_purpur-heading--subsection-100_k9fhq_14",
+  "purpur-heading--title-100": "_purpur-heading--title-100_k9fhq_20",
+  "purpur-heading--title-200": "_purpur-heading--title-200_k9fhq_26",
+  "purpur-heading--title-300": "_purpur-heading--title-300_k9fhq_32",
+  "purpur-heading--title-400": "_purpur-heading--title-400_k9fhq_38",
+  "purpur-heading--title-500": "_purpur-heading--title-500_k9fhq_44",
+  "purpur-heading--title-600": "_purpur-heading--title-600_k9fhq_50",
+  "purpur-heading--title-700": "_purpur-heading--title-700_k9fhq_56",
+  "purpur-heading--display-25": "_purpur-heading--display-25_k9fhq_62",
+  "purpur-heading--display-50": "_purpur-heading--display-50_k9fhq_68",
+  "purpur-heading--display-100": "_purpur-heading--display-100_k9fhq_74",
+  "purpur-heading--display-200": "_purpur-heading--display-200_k9fhq_80"
+}, fr = {
+  TITLE100: "title-100",
+  TITLE200: "title-200",
+  TITLE300: "title-300",
+  TITLE400: "title-400",
+  TITLE500: "title-500",
+  TITLE600: "title-600",
+  TITLE700: "title-700",
+  SUBSECTION100: "subsection-100"
+}, $ = "purpur-heading", hr = ({
+  ["data-testid"]: u,
+  children: i,
+  className: n = "",
+  enableHyphenation: o = !1,
+  negative: e = !1,
+  tag: r,
+  variant: t = fr.TITLE100,
+  ...p
+}) => {
+  const l = r, c = mr([
+    n,
+    z[$],
+    z[`${$}--${t}`],
+    {
+      [z[`${$}--hyphens`]]: o,
+      [z[`${$}--negative`]]: e
+    }
+  ]);
+  return /* @__PURE__ */ a(l, { ...p, className: c, "data-testid": u, children: i });
+};
+function vr(u) {
+  return u && u.__esModule && Object.prototype.hasOwnProperty.call(u, "default") ? u.default : u;
+}
+var D = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(u) {
+  (function() {
+    var i = {}.hasOwnProperty;
+    function n() {
+      for (var r = "", t = 0; t < arguments.length; t++) {
+        var p = arguments[t];
+        p && (r = e(r, o.call(this, p)));
+      }
+      return r;
+    }
+    function o(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return this && this[r] || r;
+      if (typeof r != "object")
+        return "";
+      if (Array.isArray(r))
+        return n.apply(this, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
+      var t = "";
+      for (var p in r)
+        i.call(r, p) && r[p] && (t = e(t, this && this[p] || p));
+      return t;
+    }
+    function e(r, t) {
+      return t ? r ? r + " " + t : r + t : r;
+    }
+    u.exports ? (n.default = n, u.exports = n) : window.classNames = n;
+  })();
+})(D);
+var br = D.exports;
+const yr = /* @__PURE__ */ vr(br), xr = {
+  "purpur-icon": "_purpur-icon_8u1lq_1",
+  "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
+  "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
+  "purpur-icon--sm": "_purpur-icon--sm_8u1lq_12",
+  "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
+  "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
+  "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
+}, zr = {
+  name: "close",
+  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"
+}, $r = {
+  name: "info",
+  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M11 8.18c0 .537.469.979 1.007.979.524 0 .993-.442.993-.98s-.469-.979-.993-.979c-.538 0-1.007.441-1.007.98Zm.152 1.958v6.897h1.696v-6.897h-1.696Z"/><path fill-rule="evenodd" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Zm-1.75 0a8.25 8.25 0 1 1-16.5 0 8.25 8.25 0 0 1 16.5 0Z" clip-rule="evenodd"/></svg>',
+  keywords: ["info"],
+  category: "status"
+}, Z = (u) => /* @__PURE__ */ a(
+  V,
+  {
+    ...u,
+    svg: zr
+  }
+);
+Z.displayName = "IconClose";
+const R = (u) => /* @__PURE__ */ a(
+  V,
+  {
+    ...u,
+    svg: $r
+  }
+);
+R.displayName = "IconInfo";
+const wr = yr.bind(xr), L = "purpur-icon", Sr = "md", jr = (u) => u.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), Nr = ({ content: u = "", title: i } = {}) => {
+  const n = [
+    { name: "xmlns", value: "http://www.w3.org/2000/svg" },
+    { name: "fill", value: "currentColor" },
+    { name: "viewBox", value: "0 0 24 24" },
+    i ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
+  ], o = i ? `<title>${i}</title>` : "";
+  return `<svg ${jr(n)}>${o}${u}</svg>`;
+}, Or = (u) => u.replace(/<(\/?)svg([^>]*)>/g, "").trim(), V = ({
+  ["data-testid"]: u,
+  svg: i,
+  allyTitle: n,
+  className: o = "",
+  size: e = Sr,
+  ...r
+}) => {
+  const t = Nr({
+    content: Or(i.svg),
+    title: n
+  }), p = wr(o, L, `${L}--${e}`);
+  return /* @__PURE__ */ a(
+    "span",
+    {
+      "aria-label": n,
+      className: p,
+      "data-testid": u,
+      dangerouslySetInnerHTML: { __html: t },
+      ...r
+    }
+  );
+};
+function qr(u) {
+  return u && u.__esModule && Object.prototype.hasOwnProperty.call(u, "default") ? u.default : u;
+}
+var X = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(u) {
+  (function() {
+    var i = {}.hasOwnProperty;
+    function n() {
+      for (var r = "", t = 0; t < arguments.length; t++) {
+        var p = arguments[t];
+        p && (r = e(r, o.call(this, p)));
+      }
+      return r;
+    }
+    function o(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return this && this[r] || r;
+      if (typeof r != "object")
+        return "";
+      if (Array.isArray(r))
+        return n.apply(this, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
+      var t = "";
+      for (var p in r)
+        i.call(r, p) && r[p] && (t = e(t, this && this[p] || p));
+      return t;
+    }
+    function e(r, t) {
+      return t ? r ? r + " " + t : r + t : r;
+    }
+    u.exports ? (n.default = n, u.exports = n) : window.classNames = n;
+  })();
+})(X);
+var Mr = X.exports;
+const Lr = /* @__PURE__ */ qr(Mr), kr = {
+  "purpur-notification-banner": "_purpur-notification-banner_llblm_1",
+  "purpur-notification-banner__container": "_purpur-notification-banner__container_llblm_6",
+  "purpur-notification-banner__content": "_purpur-notification-banner__content_llblm_11",
+  "purpur-notification-banner__icon": "_purpur-notification-banner__icon_llblm_16",
+  "purpur-notification-banner__heading": "_purpur-notification-banner__heading_llblm_19",
+  "purpur-notification-banner__heading--no-overlap": "_purpur-notification-banner__heading--no-overlap_llblm_22",
+  "purpur-notification-banner__close-button": "_purpur-notification-banner__close-button_llblm_25"
+}, h = Lr.bind(kr), m = "purpur-notification-banner", Tr = k(
+  ({
+    ["data-testid"]: u,
+    children: i,
+    className: n,
+    closeButtonAllyLabel: o,
+    description: e,
+    hideIcon: r,
+    icon: t,
+    link: p,
+    onClose: l,
+    titleTag: c = "h4",
+    title: d,
+    ...s
+  }, f) => {
+    const v = h([n, m]);
+    return /* @__PURE__ */ a("div", { ...s, className: v, role: "alert", ref: f, "data-testid": u, children: /* @__PURE__ */ a(B, { children: /* @__PURE__ */ w("div", { className: h(`${m}__container`), children: [
+      r ? null : t || /* @__PURE__ */ a(R, { className: h(`${m}__icon`), size: "sm" }),
+      /* @__PURE__ */ w("div", { className: h(`${m}__content`), children: [
+        /* @__PURE__ */ a(
+          hr,
+          {
+            tag: c,
+            variant: "subsection-100",
+            className: h([
+              `${m}__heading`,
+              { [`${m}__heading--no-overlap`]: l }
+            ]),
+            children: d
+          }
+        ),
+        /* @__PURE__ */ w("div", { children: [
+          e,
+          " ",
+          p
+        ] })
+      ] }),
+      i,
+      l && /* @__PURE__ */ a(
+        A,
+        {
+          "data-testid": u ? `${u}-close-button` : void 0,
+          variant: "tertiary-purple",
+          size: "sm",
+          iconOnly: !0,
+          "aria-label": o,
+          onClick: l,
+          className: h(`${m}__close-button`),
+          children: /* @__PURE__ */ a(Z, { size: "sm" })
+        }
+      )
+    ] }) }) });
+  }
+);
+Tr.displayName = "NotificationBanner";
+export {
+  Tr as NotificationBanner
+};
+//# sourceMappingURL=notification-banner.es.js.map