boreal-ui 0.0.34 → 0.0.36

package/dist/next/{NavBar-yvxI6w8C.cjs → NavBar-DT_k688s.cjs}

@@ -7,7 +7,7 @@ const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
 const link = require("./link-hxAaLm0Q.cjs");
 const navigation = require("./navigation-m012syo9.cjs");
 const normalizePath = (p) => p.endsWith("/") && p.length > 1 ? p.slice(0, -1) : p;
-const slugify = (s) => s.toLowerCase().trim().replace(/\s+/g, "-").replace(/[^a-z0-9\-]/g, "");
+const slugify = (s) => s.toLowerCase().trim().replace(/\s+/g, "-").replace(/[^a-z0-9]/g, "");
 const BaseNavBar = ({
   items,
   currentPath,
@@ -48,7 +48,7 @@ const BaseNavBar = ({
             isActive,
             className: classNames.combineClassNames(
               itemClass,
-              isActive && classMap.active
+              isActive && classMap.item_active
             ),
             "data-testid": `${testId}-nav-item-${slug}`,
             "aria-current": isActive ? "page" : void 0,
@@ -71,34 +71,35 @@ const BaseNavBar = ({
   );
 };
 BaseNavBar.displayName = "BaseNavBar";
-const noScroll = "_noScroll_15wwf_91";
-const errorMessage = "_errorMessage_15wwf_92";
-const loadingContainer = "_loadingContainer_15wwf_93";
-const hideScrollbar = "_hideScrollbar_15wwf_85";
-const sr_only = "_sr_only_15wwf_94";
-const container = "_container_15wwf_540";
-const primary = "_primary_15wwf_568";
-const item = "_item_15wwf_568";
-const secondary = "_secondary_15wwf_580";
-const tertiary = "_tertiary_15wwf_592";
-const quaternary = "_quaternary_15wwf_604";
-const clear = "_clear_15wwf_616";
-const list = "_list_15wwf_628";
-const linkContent = "_linkContent_15wwf_666";
-const icon = "_icon_15wwf_670";
-const label = "_label_15wwf_681";
-const roundNone = "_roundNone_15wwf_693";
-const roundSmall = "_roundSmall_15wwf_697";
-const roundMedium = "_roundMedium_15wwf_701";
-const roundLarge = "_roundLarge_15wwf_705";
-const roundFull = "_roundFull_15wwf_709";
-const shadowNone = "_shadowNone_15wwf_713";
-const shadowLight = "_shadowLight_15wwf_717";
-const shadowMedium = "_shadowMedium_15wwf_721";
-const shadowStrong = "_shadowStrong_15wwf_725";
-const shadowIntense = "_shadowIntense_15wwf_729";
-const spin = "_spin_15wwf_1";
-const pulse = "_pulse_15wwf_1";
+const noScroll = "_noScroll_9avic_108";
+const errorMessage = "_errorMessage_9avic_109";
+const loadingContainer = "_loadingContainer_9avic_110";
+const hideScrollbar = "_hideScrollbar_9avic_102";
+const sr_only = "_sr_only_9avic_111";
+const container = "_container_9avic_540";
+const primary = "_primary_9avic_575";
+const item = "_item_9avic_575";
+const item_active = "_item_active_9avic_589";
+const secondary = "_secondary_9avic_596";
+const tertiary = "_tertiary_9avic_617";
+const quaternary = "_quaternary_9avic_638";
+const clear = "_clear_9avic_659";
+const list = "_list_9avic_680";
+const linkContent = "_linkContent_9avic_727";
+const icon = "_icon_9avic_732";
+const label = "_label_9avic_753";
+const roundNone = "_roundNone_9avic_765";
+const roundSmall = "_roundSmall_9avic_769";
+const roundMedium = "_roundMedium_9avic_773";
+const roundLarge = "_roundLarge_9avic_777";
+const roundFull = "_roundFull_9avic_781";
+const shadowNone = "_shadowNone_9avic_785";
+const shadowLight = "_shadowLight_9avic_789";
+const shadowMedium = "_shadowMedium_9avic_793";
+const shadowStrong = "_shadowStrong_9avic_797";
+const shadowIntense = "_shadowIntense_9avic_801";
+const spin = "_spin_9avic_1";
+const pulse = "_pulse_9avic_1";
 const styles = {
   noScroll,
   errorMessage,
@@ -108,7 +109,7 @@ const styles = {
   container,
   primary,
   item,
-  "item--active": "_item--active_15wwf_575",
+  item_active,
   secondary,
   tertiary,
   quaternary,
@@ -127,15 +128,15 @@ const styles = {
   shadowMedium,
   shadowStrong,
   shadowIntense,
-  "fade-in": "_fade-in_15wwf_1",
-  "slide-up": "_slide-up_15wwf_1",
-  "spin-3d": "_spin-3d_15wwf_1",
+  "fade-in": "_fade-in_9avic_1",
+  "slide-up": "_slide-up_9avic_1",
+  "spin-3d": "_spin-3d_9avic_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_15wwf_1",
-  "progress-grow": "_progress-grow_15wwf_1",
-  "indeterminate-move": "_indeterminate-move_15wwf_1",
-  "skeleton-loading": "_skeleton-loading_15wwf_1"
+  "fade-in-up": "_fade-in-up_9avic_1",
+  "progress-grow": "_progress-grow_9avic_1",
+  "indeterminate-move": "_indeterminate-move_9avic_1",
+  "skeleton-loading": "_skeleton-loading_9avic_1"
 };
 const NavBar = ({
   mockPath,
@@ -169,4 +170,4 @@ const NavBar = ({
   );
 };
 exports.NavBar = NavBar;
-//# sourceMappingURL=NavBar-yvxI6w8C.cjs.map
+//# sourceMappingURL=NavBar-DT_k688s.cjs.map

package/dist/next/NavBar-DT_k688s.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavBar-DT_k688s.cjs","sources":["../../src/components/NavBar/NavBarBase.tsx","../../src/components/NavBar/next/NavBar.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\nimport { BaseNavBarProps } from \"./NavBar.types\";\r\n\r\nconst normalizePath = (p: string) =>\r\n  p.endsWith(\"/\") && p.length > 1 ? p.slice(0, -1) : p;\r\nconst slugify = (s: string) =>\r\n  s\r\n    .toLowerCase()\r\n    .trim()\r\n    .replace(/\\s+/g, \"-\")\r\n    .replace(/[^a-z0-9]/g, \"\");\r\n\r\nconst BaseNavBar: React.FC<BaseNavBarProps> = ({\r\n  items,\r\n  currentPath,\r\n  LinkWrapper,\r\n  classMap,\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  className = \"\",\r\n  \"data-testid\": testId = \"nav-bar\",\r\n}) => {\r\n  const wrapperClass = useMemo(\r\n    () => combineClassNames(classMap.container, classMap[theme], className),\r\n    [classMap, theme, className]\r\n  );\r\n\r\n  const itemClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.item,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`]\r\n      ),\r\n    [classMap, shadow, rounding]\r\n  );\r\n\r\n  const current = normalizePath(currentPath ?? \"/\");\r\n\r\n  return (\r\n    <nav\r\n      aria-label=\"Main navigation\"\r\n      className={wrapperClass}\r\n      data-testid={`${testId}-nav-bar`}\r\n    >\r\n      <ul className={classMap.list}>\r\n        {items.map((item) => {\r\n          const isActive = normalizePath(item.path) === current;\r\n          const slug = slugify(item.label || item.path);\r\n\r\n          return (\r\n            <li key={`${item.path}-${slug}`} className={classMap.listItem}>\r\n              <LinkWrapper\r\n                href={item.path}\r\n                isActive={isActive}\r\n                className={combineClassNames(\r\n                  itemClass,\r\n                  isActive && classMap.item_active\r\n                )}\r\n                data-testid={`${testId}-nav-item-${slug}`}\r\n                aria-current={isActive ? \"page\" : undefined}\r\n              >\r\n                <span className={classMap.linkContent}>\r\n                  {item.icon && (\r\n                    <span\r\n                      className={classMap.icon}\r\n                      aria-hidden=\"true\"\r\n                      data-testid={`${testId}-nav-icon-${slug}`}\r\n                    >\r\n                      {item.icon}\r\n                    </span>\r\n                  )}\r\n                  <span className={classMap.label}>{item.label}</span>\r\n                </span>\r\n              </LinkWrapper>\r\n            </li>\r\n          );\r\n        })}\r\n      </ul>\r\n    </nav>\r\n  );\r\n};\r\n\r\nBaseNavBar.displayName = \"BaseNavBar\";\r\nexport default BaseNavBar;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseNavBar from \"../NavBarBase\";\r\nimport Link from \"next/link\";\r\nimport { usePathname } from \"next/navigation\";\r\nimport styles from \"./NavBar.module.scss\";\r\nimport { NavBarProps } from \"../NavBar.types\";\r\n\r\nconst NavBar: React.FC<NavBarProps & { mockPath?: string }> = ({\r\n  mockPath,\r\n  ...props\r\n}) => {\r\n  const pathname = usePathname();\r\n  const resolvedPath = mockPath ?? pathname;\r\n\r\n  return (\r\n    <BaseNavBar\r\n      {...props}\r\n      currentPath={resolvedPath || \"/\"}\r\n      LinkWrapper={({\r\n        href,\r\n        children,\r\n        className,\r\n        isActive,\r\n        \"data-testid\": testId,\r\n      }) => (\r\n        <Link\r\n          href={href}\r\n          className={className}\r\n          aria-current={isActive ? \"page\" : undefined}\r\n          data-testid={testId}\r\n        >\r\n          {children}\r\n        </Link>\r\n      )}\r\n      classMap={styles}\r\n    />\r\n  );\r\n};\r\n\r\nexport default NavBar;\r\n"],"names":["getDefaultTheme","getDefaultRounding","getDefaultShadow","useMemo","combineClassNames","capitalize","jsx","item","jsxs","usePathname","Link"],"mappings":"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"}

package/dist/next/{NavBar-kgNrVtKB.js → NavBar-Dfljduy2.js}

@@ -6,7 +6,7 @@ import { d as getDefaultTheme, a as getDefaultRounding, b as getDefaultShadow }
 import { L as Link } from "./link-Bik5xH00.js";
 import { n as navigation } from "./navigation-DTwYCgCL.js";
 const normalizePath = (p) => p.endsWith("/") && p.length > 1 ? p.slice(0, -1) : p;
-const slugify = (s) => s.toLowerCase().trim().replace(/\s+/g, "-").replace(/[^a-z0-9\-]/g, "");
+const slugify = (s) => s.toLowerCase().trim().replace(/\s+/g, "-").replace(/[^a-z0-9]/g, "");
 const BaseNavBar = ({
   items,
   currentPath,
@@ -47,7 +47,7 @@ const BaseNavBar = ({
             isActive,
             className: combineClassNames(
               itemClass,
-              isActive && classMap.active
+              isActive && classMap.item_active
             ),
             "data-testid": `${testId}-nav-item-${slug}`,
             "aria-current": isActive ? "page" : void 0,
@@ -70,34 +70,35 @@ const BaseNavBar = ({
   );
 };
 BaseNavBar.displayName = "BaseNavBar";
-const noScroll = "_noScroll_15wwf_91";
-const errorMessage = "_errorMessage_15wwf_92";
-const loadingContainer = "_loadingContainer_15wwf_93";
-const hideScrollbar = "_hideScrollbar_15wwf_85";
-const sr_only = "_sr_only_15wwf_94";
-const container = "_container_15wwf_540";
-const primary = "_primary_15wwf_568";
-const item = "_item_15wwf_568";
-const secondary = "_secondary_15wwf_580";
-const tertiary = "_tertiary_15wwf_592";
-const quaternary = "_quaternary_15wwf_604";
-const clear = "_clear_15wwf_616";
-const list = "_list_15wwf_628";
-const linkContent = "_linkContent_15wwf_666";
-const icon = "_icon_15wwf_670";
-const label = "_label_15wwf_681";
-const roundNone = "_roundNone_15wwf_693";
-const roundSmall = "_roundSmall_15wwf_697";
-const roundMedium = "_roundMedium_15wwf_701";
-const roundLarge = "_roundLarge_15wwf_705";
-const roundFull = "_roundFull_15wwf_709";
-const shadowNone = "_shadowNone_15wwf_713";
-const shadowLight = "_shadowLight_15wwf_717";
-const shadowMedium = "_shadowMedium_15wwf_721";
-const shadowStrong = "_shadowStrong_15wwf_725";
-const shadowIntense = "_shadowIntense_15wwf_729";
-const spin = "_spin_15wwf_1";
-const pulse = "_pulse_15wwf_1";
+const noScroll = "_noScroll_9avic_108";
+const errorMessage = "_errorMessage_9avic_109";
+const loadingContainer = "_loadingContainer_9avic_110";
+const hideScrollbar = "_hideScrollbar_9avic_102";
+const sr_only = "_sr_only_9avic_111";
+const container = "_container_9avic_540";
+const primary = "_primary_9avic_575";
+const item = "_item_9avic_575";
+const item_active = "_item_active_9avic_589";
+const secondary = "_secondary_9avic_596";
+const tertiary = "_tertiary_9avic_617";
+const quaternary = "_quaternary_9avic_638";
+const clear = "_clear_9avic_659";
+const list = "_list_9avic_680";
+const linkContent = "_linkContent_9avic_727";
+const icon = "_icon_9avic_732";
+const label = "_label_9avic_753";
+const roundNone = "_roundNone_9avic_765";
+const roundSmall = "_roundSmall_9avic_769";
+const roundMedium = "_roundMedium_9avic_773";
+const roundLarge = "_roundLarge_9avic_777";
+const roundFull = "_roundFull_9avic_781";
+const shadowNone = "_shadowNone_9avic_785";
+const shadowLight = "_shadowLight_9avic_789";
+const shadowMedium = "_shadowMedium_9avic_793";
+const shadowStrong = "_shadowStrong_9avic_797";
+const shadowIntense = "_shadowIntense_9avic_801";
+const spin = "_spin_9avic_1";
+const pulse = "_pulse_9avic_1";
 const styles = {
   noScroll,
   errorMessage,
@@ -107,7 +108,7 @@ const styles = {
   container,
   primary,
   item,
-  "item--active": "_item--active_15wwf_575",
+  item_active,
   secondary,
   tertiary,
   quaternary,
@@ -126,15 +127,15 @@ const styles = {
   shadowMedium,
   shadowStrong,
   shadowIntense,
-  "fade-in": "_fade-in_15wwf_1",
-  "slide-up": "_slide-up_15wwf_1",
-  "spin-3d": "_spin-3d_15wwf_1",
+  "fade-in": "_fade-in_9avic_1",
+  "slide-up": "_slide-up_9avic_1",
+  "spin-3d": "_spin-3d_9avic_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_15wwf_1",
-  "progress-grow": "_progress-grow_15wwf_1",
-  "indeterminate-move": "_indeterminate-move_15wwf_1",
-  "skeleton-loading": "_skeleton-loading_15wwf_1"
+  "fade-in-up": "_fade-in-up_9avic_1",
+  "progress-grow": "_progress-grow_9avic_1",
+  "indeterminate-move": "_indeterminate-move_9avic_1",
+  "skeleton-loading": "_skeleton-loading_9avic_1"
 };
 const NavBar = ({
   mockPath,
@@ -170,4 +171,4 @@ const NavBar = ({
 export {
   NavBar as N
 };
-//# sourceMappingURL=NavBar-kgNrVtKB.js.map
+//# sourceMappingURL=NavBar-Dfljduy2.js.map

package/dist/next/NavBar-Dfljduy2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavBar-Dfljduy2.js","sources":["../../src/components/NavBar/NavBarBase.tsx","../../src/components/NavBar/next/NavBar.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\nimport { BaseNavBarProps } from \"./NavBar.types\";\r\n\r\nconst normalizePath = (p: string) =>\r\n  p.endsWith(\"/\") && p.length > 1 ? p.slice(0, -1) : p;\r\nconst slugify = (s: string) =>\r\n  s\r\n    .toLowerCase()\r\n    .trim()\r\n    .replace(/\\s+/g, \"-\")\r\n    .replace(/[^a-z0-9]/g, \"\");\r\n\r\nconst BaseNavBar: React.FC<BaseNavBarProps> = ({\r\n  items,\r\n  currentPath,\r\n  LinkWrapper,\r\n  classMap,\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  className = \"\",\r\n  \"data-testid\": testId = \"nav-bar\",\r\n}) => {\r\n  const wrapperClass = useMemo(\r\n    () => combineClassNames(classMap.container, classMap[theme], className),\r\n    [classMap, theme, className]\r\n  );\r\n\r\n  const itemClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.item,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`]\r\n      ),\r\n    [classMap, shadow, rounding]\r\n  );\r\n\r\n  const current = normalizePath(currentPath ?? \"/\");\r\n\r\n  return (\r\n    <nav\r\n      aria-label=\"Main navigation\"\r\n      className={wrapperClass}\r\n      data-testid={`${testId}-nav-bar`}\r\n    >\r\n      <ul className={classMap.list}>\r\n        {items.map((item) => {\r\n          const isActive = normalizePath(item.path) === current;\r\n          const slug = slugify(item.label || item.path);\r\n\r\n          return (\r\n            <li key={`${item.path}-${slug}`} className={classMap.listItem}>\r\n              <LinkWrapper\r\n                href={item.path}\r\n                isActive={isActive}\r\n                className={combineClassNames(\r\n                  itemClass,\r\n                  isActive && classMap.item_active\r\n                )}\r\n                data-testid={`${testId}-nav-item-${slug}`}\r\n                aria-current={isActive ? \"page\" : undefined}\r\n              >\r\n                <span className={classMap.linkContent}>\r\n                  {item.icon && (\r\n                    <span\r\n                      className={classMap.icon}\r\n                      aria-hidden=\"true\"\r\n                      data-testid={`${testId}-nav-icon-${slug}`}\r\n                    >\r\n                      {item.icon}\r\n                    </span>\r\n                  )}\r\n                  <span className={classMap.label}>{item.label}</span>\r\n                </span>\r\n              </LinkWrapper>\r\n            </li>\r\n          );\r\n        })}\r\n      </ul>\r\n    </nav>\r\n  );\r\n};\r\n\r\nBaseNavBar.displayName = \"BaseNavBar\";\r\nexport default BaseNavBar;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseNavBar from \"../NavBarBase\";\r\nimport Link from \"next/link\";\r\nimport { usePathname } from \"next/navigation\";\r\nimport styles from \"./NavBar.module.scss\";\r\nimport { NavBarProps } from \"../NavBar.types\";\r\n\r\nconst NavBar: React.FC<NavBarProps & { mockPath?: string }> = ({\r\n  mockPath,\r\n  ...props\r\n}) => {\r\n  const pathname = usePathname();\r\n  const resolvedPath = mockPath ?? pathname;\r\n\r\n  return (\r\n    <BaseNavBar\r\n      {...props}\r\n      currentPath={resolvedPath || \"/\"}\r\n      LinkWrapper={({\r\n        href,\r\n        children,\r\n        className,\r\n        isActive,\r\n        \"data-testid\": testId,\r\n      }) => (\r\n        <Link\r\n          href={href}\r\n          className={className}\r\n          aria-current={isActive ? \"page\" : undefined}\r\n          data-testid={testId}\r\n        >\r\n          {children}\r\n        </Link>\r\n      )}\r\n      classMap={styles}\r\n    />\r\n  );\r\n};\r\n\r\nexport default NavBar;\r\n"],"names":["item","usePathname"],"mappings":"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"}

package/dist/next/NavBar.cjs.js

@@ -1,4 +1,4 @@
 "use strict";
-const NavBar = require("./NavBar-yvxI6w8C.cjs");
+const NavBar = require("./NavBar-DT_k688s.cjs");
 module.exports = NavBar.NavBar;
 //# sourceMappingURL=NavBar.cjs.js.map

package/dist/next/NavBar.js

@@ -1,4 +1,4 @@
-import { N } from "./NavBar-kgNrVtKB.js";
+import { N } from "./NavBar-Dfljduy2.js";
 export {
   N as default
 };

package/dist/next/{NotificationCenter-dkrHsIKr.cjs → NotificationCenter-B2y-QbtY.cjs}

@@ -5,8 +5,8 @@ const CloseIcon = require("./CloseIcon-7hy4qJ9o.cjs");
 const classNames = require("./classNames-BcWMx052.cjs");
 const capitalize = require("./capitalize-DoV-nOmN.cjs");
 const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
-const Button = require("./Button-sIKQmn_c.cjs");
-const IconButton = require("./IconButton--X_Bqn4g.cjs");
+const Button = require("./Button-5qNmDKPi.cjs");
+const IconButton = require("./IconButton-VSz8qAIg.cjs");
 var DefaultContext = {
   color: void 0,
   size: void 0,
@@ -253,118 +253,138 @@ const BaseNotificationCenter = ({
             }
           )
         ] }),
-        /* @__PURE__ */ require$$2.jsx("div", { role: "status", "aria-live": "polite", "aria-relevant": "additions text", children: /* @__PURE__ */ require$$2.jsx("ul", { className: classMap.list, "aria-labelledby": `${testId}-title`, children: notifications.map((note, index) => {
-          var _a;
-          const Icon = themeIcons[note.type || "info"];
-          const noteTestId = `${testId}-item-${note.id}`;
-          const timestampStr = (_a = note.timestamp) == null ? void 0 : _a.toLocaleTimeString([], {
-            hour: "2-digit",
-            minute: "2-digit"
-          });
-          return /* @__PURE__ */ require$$2.jsxs(
-            "li",
-            {
-              className: classNames.combineClassNames(
-                notificationClass,
-                classMap[note.type || "info"]
-              ),
-              "data-testid": noteTestId,
-              children: [
-                /* @__PURE__ */ require$$2.jsx(
-                  Icon,
-                  {
-                    className: classMap.icon,
-                    "aria-hidden": "true",
-                    focusable: false
-                  }
-                ),
-                /* @__PURE__ */ require$$2.jsxs("div", { className: classMap.content, children: [
-                  /* @__PURE__ */ require$$2.jsx(
-                    "span",
-                    {
-                      className: classMap.message,
-                      "data-testid": `${noteTestId}-message`,
-                      children: note.message
-                    }
+        /* @__PURE__ */ require$$2.jsx(
+          "div",
+          {
+            role: "status",
+            "aria-live": "polite",
+            "aria-relevant": "additions text",
+            className: classMap.body,
+            children: /* @__PURE__ */ require$$2.jsx("ul", { className: classMap.list, "aria-labelledby": `${testId}-title`, children: notifications.map((note, index) => {
+              var _a;
+              const Icon = themeIcons[note.type || "info"];
+              const noteTestId = `${testId}-item-${note.id}`;
+              const timestampStr = (_a = note.timestamp) == null ? void 0 : _a.toLocaleTimeString([], {
+                hour: "2-digit",
+                minute: "2-digit"
+              });
+              return /* @__PURE__ */ require$$2.jsxs(
+                "li",
+                {
+                  className: classNames.combineClassNames(
+                    notificationClass,
+                    classMap[note.type || "info"]
                   ),
-                  note.timestamp && /* @__PURE__ */ require$$2.jsx(
-                    "span",
-                    {
-                      className: classMap.timestamp,
-                      "data-testid": `${noteTestId}-timestamp`,
-                      children: timestampStr
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ require$$2.jsx(
-                  IconButton2,
-                  {
-                    className: classMap.close,
-                    state: "error",
-                    size: "small",
-                    outline: true,
-                    icon: CloseIcon.CloseIcon,
-                    onClick: () => onRemove(note.id),
-                    ariaLabel: `Dismiss notification ${index + 1}`,
-                    title: "Dismiss",
-                    "data-testid": `${noteTestId}-dismiss`,
-                    type: "button"
-                  }
-                )
-              ]
-            },
-            note.id
-          );
-        }) }) })
+                  "data-testid": noteTestId,
+                  children: [
+                    /* @__PURE__ */ require$$2.jsx(
+                      Icon,
+                      {
+                        className: classMap.icon,
+                        "aria-hidden": "true",
+                        focusable: false
+                      }
+                    ),
+                    /* @__PURE__ */ require$$2.jsxs("div", { className: classMap.content, children: [
+                      /* @__PURE__ */ require$$2.jsx(
+                        "span",
+                        {
+                          className: classMap.message,
+                          "data-testid": `${noteTestId}-message`,
+                          children: note.message
+                        }
+                      ),
+                      note.timestamp && /* @__PURE__ */ require$$2.jsx(
+                        "span",
+                        {
+                          className: classMap.timestamp,
+                          "data-testid": `${noteTestId}-timestamp`,
+                          children: timestampStr
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ require$$2.jsx(
+                      IconButton2,
+                      {
+                        className: classMap.close,
+                        state: "error",
+                        size: "small",
+                        outline: true,
+                        icon: CloseIcon.CloseIcon,
+                        onClick: () => onRemove(note.id),
+                        ariaLabel: `Dismiss notification ${index + 1}`,
+                        title: "Dismiss",
+                        "data-testid": `${noteTestId}-dismiss`,
+                        type: "button"
+                      }
+                    )
+                  ]
+                },
+                note.id
+              );
+            }) })
+          }
+        )
       ]
     }
   );
 };
 BaseNotificationCenter.displayName = "BaseNotificationCenter";
-const wrapper = "_wrapper_182fu_187";
-const header = "_header_182fu_195";
-const clearAll = "_clearAll_182fu_201";
-const list = "_list_182fu_205";
-const notification = "_notification_182fu_218";
-const icon = "_icon_182fu_228";
-const content = "_content_182fu_232";
-const message = "_message_182fu_235";
-const timestamp = "_timestamp_182fu_239";
-const close = "_close_182fu_243";
-const primary = "_primary_182fu_251";
-const success = "_success_182fu_254";
-const error = "_error_182fu_257";
-const warning = "_warning_182fu_260";
-const info = "_info_182fu_263";
-const roundNone = "_roundNone_182fu_267";
-const roundSmall = "_roundSmall_182fu_271";
-const roundMedium = "_roundMedium_182fu_275";
-const roundLarge = "_roundLarge_182fu_279";
-const roundFull = "_roundFull_182fu_283";
-const shadowNone = "_shadowNone_182fu_287";
-const shadowLight = "_shadowLight_182fu_291";
-const shadowMedium = "_shadowMedium_182fu_295";
-const shadowStrong = "_shadowStrong_182fu_299";
-const shadowIntense = "_shadowIntense_182fu_303";
-const spin = "_spin_182fu_1";
-const pulse = "_pulse_182fu_1";
+const noScroll = "_noScroll_1a8jq_108";
+const errorMessage = "_errorMessage_1a8jq_109";
+const loadingContainer = "_loadingContainer_1a8jq_110";
+const hideScrollbar = "_hideScrollbar_1a8jq_102";
+const sr_only = "_sr_only_1a8jq_111";
+const wrapper = "_wrapper_1a8jq_540";
+const header = "_header_1a8jq_565";
+const body = "_body_1a8jq_585";
+const list = "_list_1a8jq_590";
+const notification = "_notification_1a8jq_616";
+const primary = "_primary_1a8jq_644";
+const success = "_success_1a8jq_647";
+const error = "_error_1a8jq_109";
+const warning = "_warning_1a8jq_653";
+const info = "_info_1a8jq_656";
+const icon = "_icon_1a8jq_659";
+const content = "_content_1a8jq_674";
+const message = "_message_1a8jq_677";
+const timestamp = "_timestamp_1a8jq_691";
+const close = "_close_1a8jq_700";
+const roundNone = "_roundNone_1a8jq_725";
+const roundSmall = "_roundSmall_1a8jq_729";
+const roundMedium = "_roundMedium_1a8jq_733";
+const roundLarge = "_roundLarge_1a8jq_737";
+const roundFull = "_roundFull_1a8jq_741";
+const shadowNone = "_shadowNone_1a8jq_745";
+const shadowLight = "_shadowLight_1a8jq_749";
+const shadowMedium = "_shadowMedium_1a8jq_753";
+const shadowStrong = "_shadowStrong_1a8jq_757";
+const shadowIntense = "_shadowIntense_1a8jq_761";
+const clearAll = "_clearAll_1a8jq_776";
+const spin = "_spin_1a8jq_1";
+const pulse = "_pulse_1a8jq_1";
 const styles = {
+  noScroll,
+  errorMessage,
+  loadingContainer,
+  hideScrollbar,
+  sr_only,
   wrapper,
   header,
-  clearAll,
+  body,
   list,
   notification,
-  "fade-in-up": "_fade-in-up_182fu_1",
-  icon,
-  content,
-  message,
-  timestamp,
-  close,
+  "fade-in-up": "_fade-in-up_1a8jq_1",
   primary,
   success,
   error,
   warning,
   info,
+  icon,
+  content,
+  message,
+  timestamp,
+  close,
   roundNone,
   roundSmall,
   roundMedium,
@@ -375,14 +395,15 @@ const styles = {
   shadowMedium,
   shadowStrong,
   shadowIntense,
-  "fade-in": "_fade-in_182fu_1",
-  "slide-up": "_slide-up_182fu_1",
-  "spin-3d": "_spin-3d_182fu_1",
+  clearAll,
+  "fade-in": "_fade-in_1a8jq_1",
+  "slide-up": "_slide-up_1a8jq_1",
+  "spin-3d": "_spin-3d_1a8jq_1",
   spin,
   pulse,
-  "progress-grow": "_progress-grow_182fu_1",
-  "indeterminate-move": "_indeterminate-move_182fu_1",
-  "skeleton-loading": "_skeleton-loading_182fu_1"
+  "progress-grow": "_progress-grow_1a8jq_1",
+  "indeterminate-move": "_indeterminate-move_1a8jq_1",
+  "skeleton-loading": "_skeleton-loading_1a8jq_1"
 };
 const NotificationCenter = (props) => {
   return /* @__PURE__ */ require$$2.jsx(
@@ -397,4 +418,4 @@ const NotificationCenter = (props) => {
 };
 exports.NotificationCenter = NotificationCenter;
 exports.themeIcons = themeIcons;
-//# sourceMappingURL=NotificationCenter-dkrHsIKr.cjs.map
+//# sourceMappingURL=NotificationCenter-B2y-QbtY.cjs.map