boreal-ui 0.0.35 → 0.0.36

package/dist/next/{NotificationCenter-D3Eucn9z.js → NotificationCenter-C99EfjxX.js}

@@ -4,8 +4,8 @@ import { C as CloseIcon } from "./CloseIcon-C3eQm4EK.js";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
 import { a as getDefaultRounding, b as getDefaultShadow } from "./boreal-style-config-BILmxkZG.js";
-import { B as Button } from "./Button-DN8rTQSp.js";
-import { I as IconButton } from "./IconButton-B_j-S10f.js";
+import { B as Button } from "./Button-BF5Wp81D.js";
+import { I as IconButton } from "./IconButton-qQljwBB2.js";
 var DefaultContext = {
   color: void 0,
   size: void 0,
@@ -252,118 +252,138 @@ const BaseNotificationCenter = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx("div", { role: "status", "aria-live": "polite", "aria-relevant": "additions text", children: /* @__PURE__ */ 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__ */ jsxs(
-            "li",
-            {
-              className: combineClassNames(
-                notificationClass,
-                classMap[note.type || "info"]
-              ),
-              "data-testid": noteTestId,
-              children: [
-                /* @__PURE__ */ jsx(
-                  Icon,
-                  {
-                    className: classMap.icon,
-                    "aria-hidden": "true",
-                    focusable: false
-                  }
-                ),
-                /* @__PURE__ */ jsxs("div", { className: classMap.content, children: [
-                  /* @__PURE__ */ jsx(
-                    "span",
-                    {
-                      className: classMap.message,
-                      "data-testid": `${noteTestId}-message`,
-                      children: note.message
-                    }
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            role: "status",
+            "aria-live": "polite",
+            "aria-relevant": "additions text",
+            className: classMap.body,
+            children: /* @__PURE__ */ 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__ */ jsxs(
+                "li",
+                {
+                  className: combineClassNames(
+                    notificationClass,
+                    classMap[note.type || "info"]
                   ),
-                  note.timestamp && /* @__PURE__ */ jsx(
-                    "span",
-                    {
-                      className: classMap.timestamp,
-                      "data-testid": `${noteTestId}-timestamp`,
-                      children: timestampStr
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ jsx(
-                  IconButton2,
-                  {
-                    className: classMap.close,
-                    state: "error",
-                    size: "small",
-                    outline: true,
-                    icon: 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__ */ jsx(
+                      Icon,
+                      {
+                        className: classMap.icon,
+                        "aria-hidden": "true",
+                        focusable: false
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs("div", { className: classMap.content, children: [
+                      /* @__PURE__ */ jsx(
+                        "span",
+                        {
+                          className: classMap.message,
+                          "data-testid": `${noteTestId}-message`,
+                          children: note.message
+                        }
+                      ),
+                      note.timestamp && /* @__PURE__ */ jsx(
+                        "span",
+                        {
+                          className: classMap.timestamp,
+                          "data-testid": `${noteTestId}-timestamp`,
+                          children: timestampStr
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsx(
+                      IconButton2,
+                      {
+                        className: classMap.close,
+                        state: "error",
+                        size: "small",
+                        outline: true,
+                        icon: 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,
@@ -374,14 +394,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__ */ jsx(
@@ -398,4 +419,4 @@ export {
   NotificationCenter as N,
   themeIcons as t
 };
-//# sourceMappingURL=NotificationCenter-D3Eucn9z.js.map
+//# sourceMappingURL=NotificationCenter-C99EfjxX.js.map