intergalactic 15.128.0 → 15.129.0-prerelease.0

package/notice-bubble/lib/esm/NoticeBubble.mjs

@@ -1,95 +1,95 @@
 import H from "@babel/runtime/helpers/esm/extends";
-import V from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import z from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import v from "@babel/runtime/helpers/esm/classCallCheck";
 import h from "@babel/runtime/helpers/esm/createClass";
-import g from "@babel/runtime/helpers/esm/assertThisInitialized";
+import u from "@babel/runtime/helpers/esm/assertThisInitialized";
 import b from "@babel/runtime/helpers/esm/inherits";
-import x from "@babel/runtime/helpers/esm/createSuper";
-import c from "@babel/runtime/helpers/esm/defineProperty";
+import w from "@babel/runtime/helpers/esm/createSuper";
+import s from "@babel/runtime/helpers/esm/defineProperty";
 import d from "@babel/runtime/helpers/esm/objectSpread2";
 import { sstyled as X } from 'intergalactic/utils/lib/core/index';
-import Y, { sstyled as N, assignProps as q, Component as k } from 'intergalactic/core';
-import r from "react";
+import Y, { sstyled as k, assignProps as q, Component as P } from 'intergalactic/core';
+import n from "react";
 import G from 'intergalactic/portal';
-import P from "./NoticeBubbleManager.mjs";
+import L from "./NoticeBubbleManager.mjs";
 import { Animation as J } from 'intergalactic/animation';
-import { Box as O, Flex as I } from 'intergalactic/flex-box';
+import { Box as O, Flex as N } from 'intergalactic/flex-box';
 import Q from 'intergalactic/utils/lib/fire';
-import C from 'intergalactic/utils/lib/isNode';
-import { callAllEventHandlers as W } from 'intergalactic/utils/lib/assignProps';
+import I from 'intergalactic/utils/lib/isNode';
+import { callAllEventHandlers as A } from 'intergalactic/utils/lib/assignProps';
 import ee from 'intergalactic/icon/Close/m';
 import { Timer as te } from "./utils.mjs";
-import { localizedMessages as z } from "./translations/__intergalactic-dynamic-locales.mjs";
-import ne from 'intergalactic/utils/lib/enhances/i18nEnhance';
-import { useCssVariable as re } from 'intergalactic/utils/lib/useCssVariable';
+import { localizedMessages as $ } from "./translations/__intergalactic-dynamic-locales.mjs";
+import re from 'intergalactic/utils/lib/enhances/i18nEnhance';
+import { useCssVariable as ne } from 'intergalactic/utils/lib/useCssVariable';
 import { contextThemeEnhance as ie } from 'intergalactic/utils/lib/ThemeProvider';
-import A from 'intergalactic/button';
+import D from 'intergalactic/button';
 import { setFocus as ae, useFocusLock as oe } from 'intergalactic/utils/lib/use/useFocusLock';
-import { Hint as se } from 'intergalactic/tooltip';
-import { zIndexStackingEnhance as ce, ZIndexStackingContextProvider as le } from 'intergalactic/utils/lib/zIndexStacking';
-import { forkRef as _e, useForkRef as ue } from 'intergalactic/utils/lib/ref';
-import { getFocusableIn as ge } from 'intergalactic/utils/lib/focus-lock/getFocusableIn';
+import { Hint as ce } from 'intergalactic/tooltip';
+import { zIndexStackingEnhance as se, ZIndexStackingContextProvider as le } from 'intergalactic/utils/lib/zIndexStacking';
+import { forkRef as _e, useForkRef as ge } from 'intergalactic/utils/lib/ref';
+import { getFocusableIn as ue } from 'intergalactic/utils/lib/focus-lock/getFocusableIn';
 var me = ["focusLock"], pe = ["forwardRef", "styles", "onMouseEnter", "onMouseLeave", "getI18nText", "icon", "children", "action", "type"], fe = (
   /*__reshadow_css_start__*/
   (X.insert(
     /*__inner_css_start__*/
-    "@keyframes enter_1jete{0%{transform:translate(100%,0);max-height:0;overflow:hidden}to{transform:translate(0,0);max-height:100vh;overflow:hidden}}@keyframes exit_1jete{0%{max-height:100vh;overflow:hidden;opacity:1}to{max-height:0;overflow:hidden;opacity:0}}.___SBubble_1jete_gg_,.___SView_1jete_gg_{position:relative;margin-bottom:var(--intergalactic-spacing-3x, 12px);padding:var(--intergalactic-spacing-3x, 12px);padding-right:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px));width:100%;border-radius:var(--intergalactic-popper-rounded, 6px);overflow:hidden;box-sizing:border-box;color:var(--intergalactic-text-primary-invert, #ffffff);gap:var(--intergalactic-spacing-2x, 8px)}.___SBubble_1jete_gg_._type_info_1jete_gg_,.___SView_1jete_gg_._type_info_1jete_gg_{background:var(--intergalactic-bg-primary-invert, #191b23)}.___SBubble_1jete_gg_._type_warning_1jete_gg_,.___SView_1jete_gg_._type_warning_1jete_gg_{background:var(--intergalactic-bg-primary-critical, #ff4953)}.___SContent_1jete_gg_{flex-direction:column;gap:var(--intergalactic-spacing-2x, 8px);flex:1}.___SMessage_1jete_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SDismiss_1jete_gg_{cursor:pointer;position:absolute;right:0;top:0;margin-top:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px);margin-bottom:var(--intergalactic-spacing-2x, 8px);flex-shrink:0;border:0;background:0 0}.___SDismiss_1jete_gg_.__use_1jete_gg_{padding:0 1px}.___SIcon_1jete_gg_{justify-content:center;align-items:center;height:var(--intergalactic-spacing-5x, 20px)}.___SNoticeBubble_1jete_gg_{width:300px;position:fixed;right:var(--intergalactic-spacing-3x, 12px);top:var(--intergalactic-spacing-3x, 12px)}@media (max-width:767px){.___SNoticeBubble_1jete_gg_{width:calc(100% - var(--intergalactic-spacing-6x, 24px))}}.___SNoticeBubble_1jete_gg_.__disablePortal_1jete_gg_{position:sticky;margin-left:auto;height:0}.___SMessage_1jete_gg_ a{color:var(--intergalactic-text-link-invert, #8ecdff)}.___SNoticeAriaLiveWrapper_1jete_gg_{display:contents}",
-    "1jete_gg_"
+    "@keyframes enter_wrgac{0%{transform:translate(100%,0);max-height:0;overflow:hidden}to{transform:translate(0,0);max-height:100vh;overflow:hidden}}@keyframes exit_wrgac{0%{max-height:100vh;overflow:hidden;opacity:1}to{max-height:0;overflow:hidden;opacity:0}}.___SBubble_wrgac_gg_,.___SView_wrgac_gg_{position:relative;margin-bottom:var(--intergalactic-spacing-3x, 12px);padding:var(--intergalactic-spacing-3x, 12px);padding-right:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px));width:100%;border-radius:var(--intergalactic-popper-rounded, 6px);overflow:hidden;box-sizing:border-box;color:var(--intergalactic-text-primary-invert, #ffffff);gap:var(--intergalactic-spacing-2x, 8px)}.___SBubble_wrgac_gg_._type_info_wrgac_gg_,.___SView_wrgac_gg_._type_info_wrgac_gg_{background:var(--intergalactic-bg-primary-invert, #191b23)}.___SBubble_wrgac_gg_._type_warning_wrgac_gg_,.___SView_wrgac_gg_._type_warning_wrgac_gg_{background:var(--intergalactic-bg-primary-critical, #ff4953)}.___SContent_wrgac_gg_{flex-direction:column;gap:var(--intergalactic-spacing-2x, 8px);flex:1}.___SMessage_wrgac_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SDismiss_wrgac_gg_{cursor:pointer;position:absolute;right:0;top:0;margin-top:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px);margin-bottom:var(--intergalactic-spacing-2x, 8px);flex-shrink:0;border:0;background:0 0}.___SDismiss_wrgac_gg_.__use_wrgac_gg_{padding:0 1px}.___SIcon_wrgac_gg_{justify-content:center;align-items:center;height:var(--intergalactic-spacing-5x, 20px)}.___SNoticeBubble_wrgac_gg_{width:300px;position:fixed;right:var(--intergalactic-spacing-3x, 12px);top:var(--intergalactic-spacing-3x, 12px)}@media (max-width:767px){.___SNoticeBubble_wrgac_gg_{width:calc(100% - var(--intergalactic-spacing-6x, 24px))}}.___SNoticeBubble_wrgac_gg_.__disablePortal_wrgac_gg_{position:sticky;margin-left:auto;height:0}.___SMessage_wrgac_gg_ a{color:var(--intergalactic-text-link-invert, #8ecdff)}.___SNoticeAriaLiveWrapper_wrgac_gg_{display:contents}",
+    "wrgac_gg_"
   ), {
-    __SContent: "___SContent_1jete_gg_",
-    __SMessage: "___SMessage_1jete_gg_",
-    __SDismiss: "___SDismiss_1jete_gg_",
-    _use: "__use_1jete_gg_",
-    __SIcon: "___SIcon_1jete_gg_",
-    __SNoticeBubble: "___SNoticeBubble_1jete_gg_",
-    _disablePortal: "__disablePortal_1jete_gg_",
-    __SNoticeAriaLiveWrapper: "___SNoticeAriaLiveWrapper_1jete_gg_",
-    "@enter": "enter_1jete",
-    "@exit": "exit_1jete",
-    __SBubble: "___SBubble_1jete_gg_",
-    __SView: "___SView_1jete_gg_",
-    _type_info: "_type_info_1jete_gg_",
-    _type_warning: "_type_warning_1jete_gg_"
+    __SContent: "___SContent_wrgac_gg_",
+    __SMessage: "___SMessage_wrgac_gg_",
+    __SDismiss: "___SDismiss_wrgac_gg_",
+    _use: "__use_wrgac_gg_",
+    __SIcon: "___SIcon_wrgac_gg_",
+    __SNoticeBubble: "___SNoticeBubble_wrgac_gg_",
+    _disablePortal: "__disablePortal_wrgac_gg_",
+    __SNoticeAriaLiveWrapper: "___SNoticeAriaLiveWrapper_wrgac_gg_",
+    "@enter": "enter_wrgac",
+    "@exit": "exit_wrgac",
+    __SBubble: "___SBubble_wrgac_gg_",
+    __SView: "___SView_wrgac_gg_",
+    _type_info: "_type_info_wrgac_gg_",
+    _type_warning: "_type_warning_wrgac_gg_"
   })
-), D = function(l) {
-  var t = l.styles, e = l.data, n = e === void 0 ? [] : e, i = l.tag, a = i === void 0 ? L : i, o = r.useRef(), s = re("--intergalactic-duration-popper", "200", o), p = r.useMemo(function() {
-    return parseInt(s, 10);
-  }, [s]);
-  return n.map(function(_) {
-    var u, f;
-    return u = N(t), /* @__PURE__ */ r.createElement(J, u.cn("Animation", {
+), V = function(l) {
+  var t = l.styles, e = l.data, r = e === void 0 ? [] : e, i = l.tag, a = i === void 0 ? R : i, o = n.useRef(), c = ne("--intergalactic-duration-popper", "200", o), p = n.useMemo(function() {
+    return parseInt(c, 10);
+  }, [c]);
+  return r.map(function(_) {
+    var g, f;
+    return g = k(t), /* @__PURE__ */ n.createElement(J, g.cn("Animation", {
       key: _.uid,
       initialAnimation: _.initialAnimation,
       visible: (f = _.visible) !== null && f !== void 0 ? f : !0,
       duration: p,
       keyframes: [t["@enter"], t["@exit"]],
       ref: o
-    }), /* @__PURE__ */ r.createElement(a, u.cn("SView", d(d({}, _), {}, {
+    }), /* @__PURE__ */ n.createElement(a, g.cn("SView", d(d({}, _), {}, {
       styles: _.styles || t,
       getI18nText: l.getI18nText
     }))));
   });
-}, y = /* @__PURE__ */ function(m) {
+}, x = /* @__PURE__ */ function(m) {
   b(t, m);
-  var l = x(t);
+  var l = w(t);
   function t() {
     var e;
     v(this, t);
-    for (var n = arguments.length, i = new Array(n), a = 0; a < n; a++)
+    for (var r = arguments.length, i = new Array(r), a = 0; a < r; a++)
       i[a] = arguments[a];
-    return e = l.call.apply(l, [this].concat(i)), c(g(e), "_unsubscribe", null), c(g(e), "state", {
+    return e = l.call.apply(l, [this].concat(i)), s(u(e), "_unsubscribe", null), s(u(e), "state", {
       notices: [],
       warnings: []
-    }), c(g(e), "componentWillUnmount", function() {
+    }), s(u(e), "componentWillUnmount", function() {
       e._unsubscribe && e._unsubscribe();
-    }), c(g(e), "handleChange", function(o) {
-      var s = o.filter(function(_) {
+    }), s(u(e), "handleChange", function(o) {
+      var c = o.filter(function(_) {
         return _.type === "info";
       }), p = o.filter(function(_) {
         return _.type === "warning";
       });
       e.setState({
-        notices: s,
+        notices: c,
         warnings: p
       });
     }), e;
@@ -102,67 +102,67 @@ var me = ["focusLock"], pe = ["forwardRef", "styles", "onMouseEnter", "onMouseLe
   }, {
     key: "render",
     value: function() {
-      var n = this.asProps, i, a = O, o = "div", s = this.asProps, p = s.Children, _ = s.styles, u = s.disablePortal, f = s.getI18nText, B = s.ref, M = s.parentZIndexStacking, S = this.state, w = S.notices, j = S.warnings;
-      return i = N(_), /* @__PURE__ */ r.createElement(le, i.cn("ZIndexStackingContextProvider", {
+      var r = this.asProps, i, a = O, o = "div", c = this.asProps, p = c.Children, _ = c.styles, g = c.disablePortal, f = c.getI18nText, M = c.ref, C = c.parentZIndexStacking, y = this.state, S = y.notices, E = y.warnings;
+      return i = k(_), /* @__PURE__ */ n.createElement(le, i.cn("ZIndexStackingContextProvider", {
         designToken: "z-index-notice-bubble"
-      }), /* @__PURE__ */ r.createElement(G, i.cn("Portal", {
-        disablePortal: u
-      }), /* @__PURE__ */ r.createElement(a, i.cn("SNoticeBubble", d({}, q({
-        ref: B,
+      }), /* @__PURE__ */ n.createElement(G, i.cn("Portal", {
+        disablePortal: g
+      }), /* @__PURE__ */ n.createElement(a, i.cn("SNoticeBubble", d({}, q({
+        ref: M,
         tag: "section",
         role: "region",
         "aria-label": f("notification"),
-        zIndex: M
-      }, n))), /* @__PURE__ */ r.createElement(p, i.cn("Children", {})), /* @__PURE__ */ r.createElement(D, i.cn("Notices", {
+        zIndex: C
+      }, r))), /* @__PURE__ */ n.createElement(p, i.cn("Children", {})), /* @__PURE__ */ n.createElement(V, i.cn("Notices", {
         styles: _,
-        data: j,
-        tag: $,
+        data: E,
+        tag: F,
         getI18nText: f
-      })), /* @__PURE__ */ r.createElement(o, i.cn("SNoticeAriaLiveWrapper", {
+      })), /* @__PURE__ */ n.createElement(o, i.cn("SNoticeAriaLiveWrapper", {
         "aria-live": "polite"
-      }), /* @__PURE__ */ r.createElement(D, i.cn("Notices", {
+      }), /* @__PURE__ */ n.createElement(V, i.cn("Notices", {
         styles: _,
-        data: w,
-        tag: L,
+        data: S,
+        tag: R,
         getI18nText: f
       }))))));
     }
   }]), t;
-}(k);
-c(y, "displayName", "NoticeBubbleContainer");
-c(y, "style", fe);
-c(y, "enhance", [ne(z), ie(), ce("z-index-notice-bubble")]);
-c(y, "defaultProps", {
-  manager: P,
-  i18n: z,
+}(P);
+s(x, "displayName", "NoticeBubbleContainer");
+s(x, "style", fe);
+s(x, "enhance", [re($), ie(), se("z-index-notice-bubble")]);
+s(x, "defaultProps", {
+  manager: L,
+  i18n: $,
   locale: "en"
 });
-var de = /* @__PURE__ */ r.forwardRef(function(m, l) {
-  var t = m.focusLock, e = V(m, me), n = r.useRef();
-  oe(n, !1, "auto", !t, !0);
-  var i = ue(l, n);
-  return /* @__PURE__ */ r.createElement(I, H({
+var de = /* @__PURE__ */ n.forwardRef(function(m, l) {
+  var t = m.focusLock, e = z(m, me), r = n.useRef();
+  oe(r, !1, "auto", !t, !0);
+  var i = ge(l, r);
+  return /* @__PURE__ */ n.createElement(N, H({
     ref: i
   }, e));
-}), L = /* @__PURE__ */ function(m) {
+}), R = /* @__PURE__ */ function(m) {
   b(t, m);
-  var l = x(t);
+  var l = w(t);
   function t() {
     var e;
     v(this, t);
-    for (var n = arguments.length, i = new Array(n), a = 0; a < n; a++)
+    for (var r = arguments.length, i = new Array(r), a = 0; a < r; a++)
       i[a] = arguments[a];
-    return e = l.call.apply(l, [this].concat(i)), c(g(e), "timer", null), c(g(e), "ref", /* @__PURE__ */ r.createRef()), c(g(e), "closeButtonRef", /* @__PURE__ */ r.createRef()), c(g(e), "handleClose", function(o) {
-      Q(g(e), "onClose", o), e.clearTimer();
-    }), c(g(e), "handleKeydown", function(o) {
+    return e = l.call.apply(l, [this].concat(i)), s(u(e), "timer", null), s(u(e), "ref", /* @__PURE__ */ n.createRef()), s(u(e), "closeButtonRef", /* @__PURE__ */ n.createRef()), s(u(e), "handleClose", function(o) {
+      Q(u(e), "onClose", o), e.clearTimer();
+    }), s(u(e), "handleKeydown", function(o) {
       o.key === "Escape" && e.handleClose(o);
-    }), c(g(e), "handleMouseEnter", function() {
+    }), s(u(e), "handleMouseEnter", function() {
       e.timer && e.timer.pause();
-    }), c(g(e), "handleMouseLeave", function() {
+    }), s(u(e), "handleMouseLeave", function() {
       e.timer && e.timer.resume();
-    }), c(g(e), "handleBodyMouseMove", function(o) {
-      var s;
-      if ((s = e.timer) !== null && s !== void 0 && s.paused) {
+    }), s(u(e), "handleBodyMouseMove", function(o) {
+      var c;
+      if ((c = e.timer) !== null && c !== void 0 && c.paused) {
         var p = e.ref.current.getBoundingClientRect(), _ = o.clientX >= p.left && o.clientX <= p.right && o.clientY >= p.top && o.clientY <= p.bottom;
         _ || e.timer.resume();
       }
@@ -171,12 +171,12 @@ var de = /* @__PURE__ */ r.forwardRef(function(m, l) {
   return h(t, [{
     key: "componentDidMount",
     value: function() {
-      var n = this, i = this.props.duration;
+      var r = this, i = this.props.duration;
       i && (this.timer = new te(this.handleClose, i), document.body.addEventListener("mousemove", this.handleBodyMouseMove));
       var a = this.ref.current;
       if (a) {
-        var o = ge(a).filter(function(s) {
-          return s !== n.closeButtonRef.current;
+        var o = ue(a).filter(function(c) {
+          return c !== r.closeButtonRef.current;
         });
         o.length > 0 && setTimeout(function() {
           return ae(a);
@@ -196,56 +196,56 @@ var de = /* @__PURE__ */ r.forwardRef(function(m, l) {
   }, {
     key: "render",
     value: function() {
-      var n, i = de, a = se.Trigger, o = I, s = "div", p = "div", _ = I, u = this.props, f = u.forwardRef, B = u.styles, M = u.onMouseEnter, S = u.onMouseLeave, w = u.getI18nText, j = u.icon, T = u.children, E = u.action, Z = u.type, K = V(u, pe);
-      return n = N(B), /* @__PURE__ */ r.createElement(i, n.cn("SBubble", d(d({}, K), {}, {
+      var r, i = de, a = ce.Trigger, o = N, c = "div", p = "div", _ = N, g = this.props, f = g.forwardRef, M = g.styles, C = g.onMouseEnter, y = g.onMouseLeave, S = g.getI18nText, E = g.icon, W = g.children, B = g.action, j = g.type, K = z(g, pe);
+      return r = k(M), /* @__PURE__ */ n.createElement(i, r.cn("SBubble", d(d({}, K), {}, {
         ref: _e(f, this.ref),
-        onMouseEnter: W(M, this.handleMouseEnter),
-        onMouseLeave: W(S, this.handleMouseLeave),
+        onMouseEnter: A(C, this.handleMouseEnter),
+        onMouseLeave: A(y, this.handleMouseLeave),
         onKeyDown: this.handleKeydown,
-        role: Z === "warning" ? "alert" : this.props.role
-      })), /* @__PURE__ */ r.createElement(
+        role: j === "warning" ? "alert" : this.props.role
+      })), /* @__PURE__ */ n.createElement(
         a,
-        n.cn("SDismiss", {
+        r.cn("SDismiss", {
           "aria-haspopup": void 0,
-          tag: A,
+          tag: D,
           type: "button",
           use: "tertiary",
           size: "m",
           theme: "invert",
           onClick: this.handleClose,
-          "aria-label": w("close"),
+          "aria-label": S("close"),
           active: !1,
-          title: w("close"),
+          title: S("close"),
           ref: this.closeButtonRef
         }),
-        /* @__PURE__ */ r.createElement(A.Addon, {
+        /* @__PURE__ */ n.createElement(D.Addon, {
           tag: ee,
           color: "icon-primary-invert"
         })
-      ), C(j) ? /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(_, n.cn("SIcon", {}), j), /* @__PURE__ */ r.createElement(o, n.cn("SContent", {}), /* @__PURE__ */ r.createElement(s, n.cn("SMessage", {}), T), C(E) ? /* @__PURE__ */ r.createElement(p, n.cn("SAction", {}), E) : null)) : /* @__PURE__ */ r.createElement(o, n.cn("SContent", {}), /* @__PURE__ */ r.createElement(s, n.cn("SMessage", {}), T), C(E) ? /* @__PURE__ */ r.createElement(p, n.cn("SAction", {}), E) : null));
+      ), I(E) ? /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement(_, r.cn("SIcon", {}), E), /* @__PURE__ */ n.createElement(o, r.cn("SContent", {}), /* @__PURE__ */ n.createElement(c, r.cn("SMessage", {}), W), I(B) ? /* @__PURE__ */ n.createElement(p, r.cn("SAction", {}), B) : null)) : /* @__PURE__ */ n.createElement(o, r.cn("SContent", {}), /* @__PURE__ */ n.createElement(c, r.cn("SMessage", {}), W), I(B) ? /* @__PURE__ */ n.createElement(p, r.cn("SAction", {}), B) : null));
     }
   }]), t;
-}(k), $ = /* @__PURE__ */ function(m) {
+}(P), F = /* @__PURE__ */ function(m) {
   b(t, m);
-  var l = x(t);
+  var l = w(t);
   function t() {
     return v(this, t), l.apply(this, arguments);
   }
   return h(t);
-}(L);
-c($, "defaultProps", {
+}(R);
+s(F, "defaultProps", {
   type: "warning",
   duration: 0
 });
-var R = /* @__PURE__ */ function(m) {
+var T = /* @__PURE__ */ function(m) {
   b(t, m);
-  var l = x(t);
+  var l = w(t);
   function t() {
     var e;
     v(this, t);
-    for (var n = arguments.length, i = new Array(n), a = 0; a < n; a++)
+    for (var r = arguments.length, i = new Array(r), a = 0; a < r; a++)
       i[a] = arguments[a];
-    return e = l.call.apply(l, [this].concat(i)), c(g(e), "_notice", null), e;
+    return e = l.call.apply(l, [this].concat(i)), s(u(e), "_notice", null), e;
   }
   return h(t, [{
     key: "componentDidMount",
@@ -268,31 +268,31 @@ var R = /* @__PURE__ */ function(m) {
       return null;
     }
   }]), t;
-}(k);
-c(R, "defaultProps", {
+}(P);
+s(T, "defaultProps", {
   duration: 5e3,
   type: "info",
-  manager: P
+  manager: L
 });
-var F = /* @__PURE__ */ function(m) {
+var U = /* @__PURE__ */ function(m) {
   b(t, m);
-  var l = x(t);
+  var l = w(t);
   function t() {
     return v(this, t), l.apply(this, arguments);
   }
   return h(t);
-}(R);
-c(F, "defaultProps", {
+}(T);
+s(U, "defaultProps", {
   duration: 5e3,
   type: "warning",
-  manager: P
+  manager: L
 });
-var U = Y(y, {
-  Info: R,
-  Warning: F
-}), Ye = U.Info, qe = U.Warning;
+var Z = Y(x, {
+  Info: T,
+  Warning: U
+}), Ye = Z.Info, qe = Z.Warning;
 export {
   Ye as NoticeBubble,
   qe as NoticeBubbleWarning,
-  U as default
+  Z as default
 };

package/notice-bubble/package.json

@@ -1 +1 @@
-{"name":"intergalactic/notice-bubble","description":"Semrush NoticeBubble Component","version":"5.53.1","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","author":"UI-kit team <ui-kit-team@semrush.com>","sideEffects":false,"license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js && pnpm vite build"},"exports":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.mjs","types":"./lib/types/index.d.ts"},"dependencies":{"@semcore/button":"5.43.1","@semcore/utils":"4.48.2","@semcore/icon":"4.60.2","@semcore/portal":"3.41.2","@semcore/flex-box":"5.41.2","@semcore/animation":"2.41.2","@semcore/tooltip":"6.49.2"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/notice-bubble"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/notice-bubble","description":"Semrush NoticeBubble Component","version":"5.54.0-prerelease.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","author":"UI-kit team <ui-kit-team@semrush.com>","sideEffects":false,"license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js && pnpm vite build"},"exports":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.mjs","types":"./lib/types/index.d.ts"},"dependencies":{"@semcore/button":"5.43.1","@semcore/utils":"4.48.2","@semcore/icon":"4.61.0-prerelease.0","@semcore/portal":"3.41.2","@semcore/flex-box":"5.41.2","@semcore/animation":"2.41.2","@semcore/tooltip":"6.49.2"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/notice-bubble"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

package/notice-global/lib/cjs/NoticeGlobal.js

@@ -26,17 +26,17 @@ var _useCssVariable = require("intergalactic/utils/lib/useCssVariable");
 var _button = _interopRequireDefault(require("intergalactic/button"));
 var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
 /*__reshadow-styles__:"./style/notice-global.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SNoticeGlobal_1o1vy_gg_{display:flex;align-items:center;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);box-sizing:border-box;padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-8x, 32px)}.___SCloseIcon_1o1vy_gg_{margin-left:var(--intergalactic-spacing-4x, 16px)}.___SNoticeGlobal_1o1vy_gg_._theme_neutral_1o1vy_gg_{background-color:var(--intergalactic-bg-primary-muted, #6c6e79);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1o1vy_gg_._theme_info_1o1vy_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1o1vy_gg_._theme_danger_1o1vy_gg_{background-color:var(--intergalactic-bg-primary-critical, #ff4953);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1o1vy_gg_._theme_warning_1o1vy_gg_{background-color:var(--intergalactic-bg-primary-warning, #ff642d);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1o1vy_gg_._theme_success_1o1vy_gg_{background-color:var(--intergalactic-bg-primary-success, #009f81);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1o1vy_gg_._theme_custom_1o1vy_gg_{background-color:var(--backgroundColor_1o1vy)}.___SContent_1o1vy_gg_{flex:1 1 auto;width:100%;justify-content:center}" /*__inner_css_end__*/, "1o1vy_gg_") /*__reshadow_css_end__*/, {
-  "__SNoticeGlobal": "___SNoticeGlobal_1o1vy_gg_",
-  "__SCloseIcon": "___SCloseIcon_1o1vy_gg_",
-  "_theme_neutral": "_theme_neutral_1o1vy_gg_",
-  "_theme_info": "_theme_info_1o1vy_gg_",
-  "_theme_danger": "_theme_danger_1o1vy_gg_",
-  "_theme_warning": "_theme_warning_1o1vy_gg_",
-  "_theme_success": "_theme_success_1o1vy_gg_",
-  "_theme_custom": "_theme_custom_1o1vy_gg_",
-  "--backgroundColor": "--backgroundColor_1o1vy",
-  "__SContent": "___SContent_1o1vy_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SNoticeGlobal_19tlz_gg_{display:flex;align-items:center;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);box-sizing:border-box;padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-8x, 32px)}.___SCloseIcon_19tlz_gg_{margin-left:var(--intergalactic-spacing-4x, 16px)}.___SNoticeGlobal_19tlz_gg_._theme_neutral_19tlz_gg_{background-color:var(--intergalactic-bg-primary-muted, #6c6e79);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_19tlz_gg_._theme_info_19tlz_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_19tlz_gg_._theme_danger_19tlz_gg_{background-color:var(--intergalactic-bg-primary-critical, #ff4953);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_19tlz_gg_._theme_warning_19tlz_gg_{background-color:var(--intergalactic-bg-primary-warning, #ff642d);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_19tlz_gg_._theme_success_19tlz_gg_{background-color:var(--intergalactic-bg-primary-success, #009f81);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_19tlz_gg_._theme_custom_19tlz_gg_{background-color:var(--backgroundColor_19tlz)}.___SContent_19tlz_gg_{flex:1 1 auto;width:100%;justify-content:center}" /*__inner_css_end__*/, "19tlz_gg_") /*__reshadow_css_end__*/, {
+  "__SNoticeGlobal": "___SNoticeGlobal_19tlz_gg_",
+  "__SCloseIcon": "___SCloseIcon_19tlz_gg_",
+  "_theme_neutral": "_theme_neutral_19tlz_gg_",
+  "_theme_info": "_theme_info_19tlz_gg_",
+  "_theme_danger": "_theme_danger_19tlz_gg_",
+  "_theme_warning": "_theme_warning_19tlz_gg_",
+  "_theme_success": "_theme_success_19tlz_gg_",
+  "_theme_custom": "_theme_custom_19tlz_gg_",
+  "--backgroundColor": "--backgroundColor_19tlz",
+  "__SContent": "___SContent_19tlz_gg_"
 });
 function isCustomTheme(theme) {
   return !['danger', 'warning', 'success', 'info', 'neutral'].includes(theme);

package/notice-global/lib/es6/NoticeGlobal.js

@@ -20,17 +20,17 @@ import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
 import { cssVariableEnhance } from 'intergalactic/utils/lib/useCssVariable';
 import Button from 'intergalactic/button';
 /*__reshadow-styles__:"./style/notice-global.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SNoticeGlobal_1o1vy_gg_{display:flex;align-items:center;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);box-sizing:border-box;padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-8x, 32px)}.___SCloseIcon_1o1vy_gg_{margin-left:var(--intergalactic-spacing-4x, 16px)}.___SNoticeGlobal_1o1vy_gg_._theme_neutral_1o1vy_gg_{background-color:var(--intergalactic-bg-primary-muted, #6c6e79);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1o1vy_gg_._theme_info_1o1vy_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1o1vy_gg_._theme_danger_1o1vy_gg_{background-color:var(--intergalactic-bg-primary-critical, #ff4953);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1o1vy_gg_._theme_warning_1o1vy_gg_{background-color:var(--intergalactic-bg-primary-warning, #ff642d);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1o1vy_gg_._theme_success_1o1vy_gg_{background-color:var(--intergalactic-bg-primary-success, #009f81);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1o1vy_gg_._theme_custom_1o1vy_gg_{background-color:var(--backgroundColor_1o1vy)}.___SContent_1o1vy_gg_{flex:1 1 auto;width:100%;justify-content:center}" /*__inner_css_end__*/, "1o1vy_gg_") /*__reshadow_css_end__*/, {
-  "__SNoticeGlobal": "___SNoticeGlobal_1o1vy_gg_",
-  "__SCloseIcon": "___SCloseIcon_1o1vy_gg_",
-  "_theme_neutral": "_theme_neutral_1o1vy_gg_",
-  "_theme_info": "_theme_info_1o1vy_gg_",
-  "_theme_danger": "_theme_danger_1o1vy_gg_",
-  "_theme_warning": "_theme_warning_1o1vy_gg_",
-  "_theme_success": "_theme_success_1o1vy_gg_",
-  "_theme_custom": "_theme_custom_1o1vy_gg_",
-  "--backgroundColor": "--backgroundColor_1o1vy",
-  "__SContent": "___SContent_1o1vy_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SNoticeGlobal_19tlz_gg_{display:flex;align-items:center;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);box-sizing:border-box;padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-8x, 32px)}.___SCloseIcon_19tlz_gg_{margin-left:var(--intergalactic-spacing-4x, 16px)}.___SNoticeGlobal_19tlz_gg_._theme_neutral_19tlz_gg_{background-color:var(--intergalactic-bg-primary-muted, #6c6e79);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_19tlz_gg_._theme_info_19tlz_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_19tlz_gg_._theme_danger_19tlz_gg_{background-color:var(--intergalactic-bg-primary-critical, #ff4953);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_19tlz_gg_._theme_warning_19tlz_gg_{background-color:var(--intergalactic-bg-primary-warning, #ff642d);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_19tlz_gg_._theme_success_19tlz_gg_{background-color:var(--intergalactic-bg-primary-success, #009f81);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_19tlz_gg_._theme_custom_19tlz_gg_{background-color:var(--backgroundColor_19tlz)}.___SContent_19tlz_gg_{flex:1 1 auto;width:100%;justify-content:center}" /*__inner_css_end__*/, "19tlz_gg_") /*__reshadow_css_end__*/, {
+  "__SNoticeGlobal": "___SNoticeGlobal_19tlz_gg_",
+  "__SCloseIcon": "___SCloseIcon_19tlz_gg_",
+  "_theme_neutral": "_theme_neutral_19tlz_gg_",
+  "_theme_info": "_theme_info_19tlz_gg_",
+  "_theme_danger": "_theme_danger_19tlz_gg_",
+  "_theme_warning": "_theme_warning_19tlz_gg_",
+  "_theme_success": "_theme_success_19tlz_gg_",
+  "_theme_custom": "_theme_custom_19tlz_gg_",
+  "--backgroundColor": "--backgroundColor_19tlz",
+  "__SContent": "___SContent_19tlz_gg_"
 });
 import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
 function isCustomTheme(theme) {