intergalactic 15.126.0 → 15.126.1-prerelease.0

package/notice-bubble/lib/cjs/NoticeBubble.js

@@ -40,21 +40,21 @@ var _getFocusableIn = require("intergalactic/utils/lib/focus-lock/getFocusableIn
 var _excluded = ["focusLock"],
   _excluded2 = ["forwardRef", "styles", "onMouseEnter", "onMouseLeave", "getI18nText", "icon", "children", "action", "type"];
 /*__reshadow-styles__:"./style/notice-bubble.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes enter_1qpfg{0%{transform:translate(100%,0);max-height:0;overflow:hidden}to{transform:translate(0,0);max-height:100vh;overflow:hidden}}@keyframes exit_1qpfg{0%{max-height:100vh;overflow:hidden;opacity:1}to{max-height:0;overflow:hidden;opacity:0}}.___SBubble_1qpfg_gg_,.___SView_1qpfg_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_1qpfg_gg_._type_info_1qpfg_gg_,.___SView_1qpfg_gg_._type_info_1qpfg_gg_{background:var(--intergalactic-bg-primary-invert, #191b23)}.___SBubble_1qpfg_gg_._type_warning_1qpfg_gg_,.___SView_1qpfg_gg_._type_warning_1qpfg_gg_{background:var(--intergalactic-bg-primary-critical, #ff4953)}.___SContent_1qpfg_gg_{flex-direction:column;gap:var(--intergalactic-spacing-2x, 8px);flex:1}.___SMessage_1qpfg_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SDismiss_1qpfg_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_1qpfg_gg_.__use_1qpfg_gg_{padding:0 1px}.___SIcon_1qpfg_gg_{justify-content:center;align-items:center;height:var(--intergalactic-spacing-5x, 20px)}.___SNoticeBubble_1qpfg_gg_{width:300px;position:fixed;right:var(--intergalactic-spacing-3x, 12px);top:var(--intergalactic-spacing-3x, 12px)}@media (max-width:767px){.___SNoticeBubble_1qpfg_gg_{width:calc(100% - var(--intergalactic-spacing-6x, 24px))}}.___SNoticeBubble_1qpfg_gg_.__disablePortal_1qpfg_gg_{position:sticky;margin-left:auto;height:0}.___SMessage_1qpfg_gg_ a{color:var(--intergalactic-text-link-invert, #8ecdff)}.___SNoticeAriaLiveWrapper_1qpfg_gg_{display:contents}" /*__inner_css_end__*/, "1qpfg_gg_") /*__reshadow_css_end__*/, {
-  "__SContent": "___SContent_1qpfg_gg_",
-  "__SMessage": "___SMessage_1qpfg_gg_",
-  "__SDismiss": "___SDismiss_1qpfg_gg_",
-  "_use": "__use_1qpfg_gg_",
-  "__SIcon": "___SIcon_1qpfg_gg_",
-  "__SNoticeBubble": "___SNoticeBubble_1qpfg_gg_",
-  "_disablePortal": "__disablePortal_1qpfg_gg_",
-  "__SNoticeAriaLiveWrapper": "___SNoticeAriaLiveWrapper_1qpfg_gg_",
-  "@enter": "enter_1qpfg",
-  "@exit": "exit_1qpfg",
-  "__SBubble": "___SBubble_1qpfg_gg_",
-  "__SView": "___SView_1qpfg_gg_",
-  "_type_info": "_type_info_1qpfg_gg_",
-  "_type_warning": "_type_warning_1qpfg_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes enter_19l6e{0%{transform:translate(100%,0);max-height:0;overflow:hidden}to{transform:translate(0,0);max-height:100vh;overflow:hidden}}@keyframes exit_19l6e{0%{max-height:100vh;overflow:hidden;opacity:1}to{max-height:0;overflow:hidden;opacity:0}}.___SBubble_19l6e_gg_,.___SView_19l6e_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_19l6e_gg_._type_info_19l6e_gg_,.___SView_19l6e_gg_._type_info_19l6e_gg_{background:var(--intergalactic-bg-primary-invert, #191b23)}.___SBubble_19l6e_gg_._type_warning_19l6e_gg_,.___SView_19l6e_gg_._type_warning_19l6e_gg_{background:var(--intergalactic-bg-primary-critical, #ff4953)}.___SContent_19l6e_gg_{flex-direction:column;gap:var(--intergalactic-spacing-2x, 8px);flex:1}.___SMessage_19l6e_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SDismiss_19l6e_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_19l6e_gg_.__use_19l6e_gg_{padding:0 1px}.___SIcon_19l6e_gg_{justify-content:center;align-items:center;height:var(--intergalactic-spacing-5x, 20px)}.___SNoticeBubble_19l6e_gg_{width:300px;position:fixed;right:var(--intergalactic-spacing-3x, 12px);top:var(--intergalactic-spacing-3x, 12px)}@media (max-width:767px){.___SNoticeBubble_19l6e_gg_{width:calc(100% - var(--intergalactic-spacing-6x, 24px))}}.___SNoticeBubble_19l6e_gg_.__disablePortal_19l6e_gg_{position:sticky;margin-left:auto;height:0}.___SMessage_19l6e_gg_ a{color:var(--intergalactic-text-link-invert, #8ecdff)}.___SNoticeAriaLiveWrapper_19l6e_gg_{display:contents}" /*__inner_css_end__*/, "19l6e_gg_") /*__reshadow_css_end__*/, {
+  "__SContent": "___SContent_19l6e_gg_",
+  "__SMessage": "___SMessage_19l6e_gg_",
+  "__SDismiss": "___SDismiss_19l6e_gg_",
+  "_use": "__use_19l6e_gg_",
+  "__SIcon": "___SIcon_19l6e_gg_",
+  "__SNoticeBubble": "___SNoticeBubble_19l6e_gg_",
+  "_disablePortal": "__disablePortal_19l6e_gg_",
+  "__SNoticeAriaLiveWrapper": "___SNoticeAriaLiveWrapper_19l6e_gg_",
+  "@enter": "enter_19l6e",
+  "@exit": "exit_19l6e",
+  "__SBubble": "___SBubble_19l6e_gg_",
+  "__SView": "___SView_19l6e_gg_",
+  "_type_info": "_type_info_19l6e_gg_",
+  "_type_warning": "_type_warning_19l6e_gg_"
 });
 var Notices = function Notices(props) {
   var styles = props.styles,

package/notice-bubble/lib/es6/NoticeBubble.js

@@ -31,21 +31,21 @@ import { useFocusLock } from 'intergalactic/utils/lib/use/useFocusLock';
 import { Hint } from 'intergalactic/tooltip';
 import { ZIndexStackingContextProvider, zIndexStackingEnhance } from 'intergalactic/utils/lib/zIndexStacking';
 /*__reshadow-styles__:"./style/notice-bubble.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes enter_1qpfg{0%{transform:translate(100%,0);max-height:0;overflow:hidden}to{transform:translate(0,0);max-height:100vh;overflow:hidden}}@keyframes exit_1qpfg{0%{max-height:100vh;overflow:hidden;opacity:1}to{max-height:0;overflow:hidden;opacity:0}}.___SBubble_1qpfg_gg_,.___SView_1qpfg_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_1qpfg_gg_._type_info_1qpfg_gg_,.___SView_1qpfg_gg_._type_info_1qpfg_gg_{background:var(--intergalactic-bg-primary-invert, #191b23)}.___SBubble_1qpfg_gg_._type_warning_1qpfg_gg_,.___SView_1qpfg_gg_._type_warning_1qpfg_gg_{background:var(--intergalactic-bg-primary-critical, #ff4953)}.___SContent_1qpfg_gg_{flex-direction:column;gap:var(--intergalactic-spacing-2x, 8px);flex:1}.___SMessage_1qpfg_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SDismiss_1qpfg_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_1qpfg_gg_.__use_1qpfg_gg_{padding:0 1px}.___SIcon_1qpfg_gg_{justify-content:center;align-items:center;height:var(--intergalactic-spacing-5x, 20px)}.___SNoticeBubble_1qpfg_gg_{width:300px;position:fixed;right:var(--intergalactic-spacing-3x, 12px);top:var(--intergalactic-spacing-3x, 12px)}@media (max-width:767px){.___SNoticeBubble_1qpfg_gg_{width:calc(100% - var(--intergalactic-spacing-6x, 24px))}}.___SNoticeBubble_1qpfg_gg_.__disablePortal_1qpfg_gg_{position:sticky;margin-left:auto;height:0}.___SMessage_1qpfg_gg_ a{color:var(--intergalactic-text-link-invert, #8ecdff)}.___SNoticeAriaLiveWrapper_1qpfg_gg_{display:contents}" /*__inner_css_end__*/, "1qpfg_gg_") /*__reshadow_css_end__*/, {
-  "__SContent": "___SContent_1qpfg_gg_",
-  "__SMessage": "___SMessage_1qpfg_gg_",
-  "__SDismiss": "___SDismiss_1qpfg_gg_",
-  "_use": "__use_1qpfg_gg_",
-  "__SIcon": "___SIcon_1qpfg_gg_",
-  "__SNoticeBubble": "___SNoticeBubble_1qpfg_gg_",
-  "_disablePortal": "__disablePortal_1qpfg_gg_",
-  "__SNoticeAriaLiveWrapper": "___SNoticeAriaLiveWrapper_1qpfg_gg_",
-  "@enter": "enter_1qpfg",
-  "@exit": "exit_1qpfg",
-  "__SBubble": "___SBubble_1qpfg_gg_",
-  "__SView": "___SView_1qpfg_gg_",
-  "_type_info": "_type_info_1qpfg_gg_",
-  "_type_warning": "_type_warning_1qpfg_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes enter_19l6e{0%{transform:translate(100%,0);max-height:0;overflow:hidden}to{transform:translate(0,0);max-height:100vh;overflow:hidden}}@keyframes exit_19l6e{0%{max-height:100vh;overflow:hidden;opacity:1}to{max-height:0;overflow:hidden;opacity:0}}.___SBubble_19l6e_gg_,.___SView_19l6e_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_19l6e_gg_._type_info_19l6e_gg_,.___SView_19l6e_gg_._type_info_19l6e_gg_{background:var(--intergalactic-bg-primary-invert, #191b23)}.___SBubble_19l6e_gg_._type_warning_19l6e_gg_,.___SView_19l6e_gg_._type_warning_19l6e_gg_{background:var(--intergalactic-bg-primary-critical, #ff4953)}.___SContent_19l6e_gg_{flex-direction:column;gap:var(--intergalactic-spacing-2x, 8px);flex:1}.___SMessage_19l6e_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SDismiss_19l6e_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_19l6e_gg_.__use_19l6e_gg_{padding:0 1px}.___SIcon_19l6e_gg_{justify-content:center;align-items:center;height:var(--intergalactic-spacing-5x, 20px)}.___SNoticeBubble_19l6e_gg_{width:300px;position:fixed;right:var(--intergalactic-spacing-3x, 12px);top:var(--intergalactic-spacing-3x, 12px)}@media (max-width:767px){.___SNoticeBubble_19l6e_gg_{width:calc(100% - var(--intergalactic-spacing-6x, 24px))}}.___SNoticeBubble_19l6e_gg_.__disablePortal_19l6e_gg_{position:sticky;margin-left:auto;height:0}.___SMessage_19l6e_gg_ a{color:var(--intergalactic-text-link-invert, #8ecdff)}.___SNoticeAriaLiveWrapper_19l6e_gg_{display:contents}" /*__inner_css_end__*/, "19l6e_gg_") /*__reshadow_css_end__*/, {
+  "__SContent": "___SContent_19l6e_gg_",
+  "__SMessage": "___SMessage_19l6e_gg_",
+  "__SDismiss": "___SDismiss_19l6e_gg_",
+  "_use": "__use_19l6e_gg_",
+  "__SIcon": "___SIcon_19l6e_gg_",
+  "__SNoticeBubble": "___SNoticeBubble_19l6e_gg_",
+  "_disablePortal": "__disablePortal_19l6e_gg_",
+  "__SNoticeAriaLiveWrapper": "___SNoticeAriaLiveWrapper_19l6e_gg_",
+  "@enter": "enter_19l6e",
+  "@exit": "exit_19l6e",
+  "__SBubble": "___SBubble_19l6e_gg_",
+  "__SView": "___SView_19l6e_gg_",
+  "_type_info": "_type_info_19l6e_gg_",
+  "_type_warning": "_type_warning_19l6e_gg_"
 });
 import { forkRef, useForkRef } from 'intergalactic/utils/lib/ref';
 import { getFocusableIn } from 'intergalactic/utils/lib/focus-lock/getFocusableIn';

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

@@ -1,96 +1,96 @@
-import K from "@babel/runtime/helpers/esm/extends";
-import V from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import H from "@babel/runtime/helpers/esm/extends";
+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 u from "@babel/runtime/helpers/esm/assertThisInitialized";
+import g 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 s from "@babel/runtime/helpers/esm/defineProperty";
 import d from "@babel/runtime/helpers/esm/objectSpread2";
-import { sstyled as H } from 'intergalactic/utils/lib/core/index';
-import X, { sstyled as N, assignProps as Y, Component as k } from 'intergalactic/core';
+import { sstyled as X } from 'intergalactic/utils/lib/core/index';
+import Y, { sstyled as k, assignProps as q, Component as P } from 'intergalactic/core';
 import r 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 { localizedMessages as $ } from "./translations/__intergalactic-dynamic-locales.mjs";
 import ne from 'intergalactic/utils/lib/enhances/i18nEnhance';
 import { useCssVariable as re } 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 ge } from 'intergalactic/utils/lib/ref';
-import { getFocusableIn as ue } from 'intergalactic/utils/lib/focus-lock/getFocusableIn';
-var pe = ["focusLock"], fe = ["forwardRef", "styles", "onMouseEnter", "onMouseLeave", "getI18nText", "icon", "children", "action", "type"], me = (
+import { Hint as le } from 'intergalactic/tooltip';
+import { zIndexStackingEnhance as se, ZIndexStackingContextProvider as ce } 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';
+var me = ["focusLock"], pe = ["forwardRef", "styles", "onMouseEnter", "onMouseLeave", "getI18nText", "icon", "children", "action", "type"], fe = (
   /*__reshadow_css_start__*/
-  (H.insert(
+  (X.insert(
     /*__inner_css_start__*/
-    "@keyframes enter_1qpfg{0%{transform:translate(100%,0);max-height:0;overflow:hidden}to{transform:translate(0,0);max-height:100vh;overflow:hidden}}@keyframes exit_1qpfg{0%{max-height:100vh;overflow:hidden;opacity:1}to{max-height:0;overflow:hidden;opacity:0}}.___SBubble_1qpfg_gg_,.___SView_1qpfg_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_1qpfg_gg_._type_info_1qpfg_gg_,.___SView_1qpfg_gg_._type_info_1qpfg_gg_{background:var(--intergalactic-bg-primary-invert, #191b23)}.___SBubble_1qpfg_gg_._type_warning_1qpfg_gg_,.___SView_1qpfg_gg_._type_warning_1qpfg_gg_{background:var(--intergalactic-bg-primary-critical, #ff4953)}.___SContent_1qpfg_gg_{flex-direction:column;gap:var(--intergalactic-spacing-2x, 8px);flex:1}.___SMessage_1qpfg_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SDismiss_1qpfg_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_1qpfg_gg_.__use_1qpfg_gg_{padding:0 1px}.___SIcon_1qpfg_gg_{justify-content:center;align-items:center;height:var(--intergalactic-spacing-5x, 20px)}.___SNoticeBubble_1qpfg_gg_{width:300px;position:fixed;right:var(--intergalactic-spacing-3x, 12px);top:var(--intergalactic-spacing-3x, 12px)}@media (max-width:767px){.___SNoticeBubble_1qpfg_gg_{width:calc(100% - var(--intergalactic-spacing-6x, 24px))}}.___SNoticeBubble_1qpfg_gg_.__disablePortal_1qpfg_gg_{position:sticky;margin-left:auto;height:0}.___SMessage_1qpfg_gg_ a{color:var(--intergalactic-text-link-invert, #8ecdff)}.___SNoticeAriaLiveWrapper_1qpfg_gg_{display:contents}",
-    "1qpfg_gg_"
+    "@keyframes enter_19l6e{0%{transform:translate(100%,0);max-height:0;overflow:hidden}to{transform:translate(0,0);max-height:100vh;overflow:hidden}}@keyframes exit_19l6e{0%{max-height:100vh;overflow:hidden;opacity:1}to{max-height:0;overflow:hidden;opacity:0}}.___SBubble_19l6e_gg_,.___SView_19l6e_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_19l6e_gg_._type_info_19l6e_gg_,.___SView_19l6e_gg_._type_info_19l6e_gg_{background:var(--intergalactic-bg-primary-invert, #191b23)}.___SBubble_19l6e_gg_._type_warning_19l6e_gg_,.___SView_19l6e_gg_._type_warning_19l6e_gg_{background:var(--intergalactic-bg-primary-critical, #ff4953)}.___SContent_19l6e_gg_{flex-direction:column;gap:var(--intergalactic-spacing-2x, 8px);flex:1}.___SMessage_19l6e_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SDismiss_19l6e_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_19l6e_gg_.__use_19l6e_gg_{padding:0 1px}.___SIcon_19l6e_gg_{justify-content:center;align-items:center;height:var(--intergalactic-spacing-5x, 20px)}.___SNoticeBubble_19l6e_gg_{width:300px;position:fixed;right:var(--intergalactic-spacing-3x, 12px);top:var(--intergalactic-spacing-3x, 12px)}@media (max-width:767px){.___SNoticeBubble_19l6e_gg_{width:calc(100% - var(--intergalactic-spacing-6x, 24px))}}.___SNoticeBubble_19l6e_gg_.__disablePortal_19l6e_gg_{position:sticky;margin-left:auto;height:0}.___SMessage_19l6e_gg_ a{color:var(--intergalactic-text-link-invert, #8ecdff)}.___SNoticeAriaLiveWrapper_19l6e_gg_{display:contents}",
+    "19l6e_gg_"
   ), {
-    __SContent: "___SContent_1qpfg_gg_",
-    __SMessage: "___SMessage_1qpfg_gg_",
-    __SDismiss: "___SDismiss_1qpfg_gg_",
-    _use: "__use_1qpfg_gg_",
-    __SIcon: "___SIcon_1qpfg_gg_",
-    __SNoticeBubble: "___SNoticeBubble_1qpfg_gg_",
-    _disablePortal: "__disablePortal_1qpfg_gg_",
-    __SNoticeAriaLiveWrapper: "___SNoticeAriaLiveWrapper_1qpfg_gg_",
-    "@enter": "enter_1qpfg",
-    "@exit": "exit_1qpfg",
-    __SBubble: "___SBubble_1qpfg_gg_",
-    __SView: "___SView_1qpfg_gg_",
-    _type_info: "_type_info_1qpfg_gg_",
-    _type_warning: "_type_warning_1qpfg_gg_"
+    __SContent: "___SContent_19l6e_gg_",
+    __SMessage: "___SMessage_19l6e_gg_",
+    __SDismiss: "___SDismiss_19l6e_gg_",
+    _use: "__use_19l6e_gg_",
+    __SIcon: "___SIcon_19l6e_gg_",
+    __SNoticeBubble: "___SNoticeBubble_19l6e_gg_",
+    _disablePortal: "__disablePortal_19l6e_gg_",
+    __SNoticeAriaLiveWrapper: "___SNoticeAriaLiveWrapper_19l6e_gg_",
+    "@enter": "enter_19l6e",
+    "@exit": "exit_19l6e",
+    __SBubble: "___SBubble_19l6e_gg_",
+    __SView: "___SView_19l6e_gg_",
+    _type_info: "_type_info_19l6e_gg_",
+    _type_warning: "_type_warning_19l6e_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), f = r.useMemo(function() {
-    return parseInt(s, 10);
-  }, [s]);
+), V = function(c) {
+  var t = c.styles, e = c.data, n = e === void 0 ? [] : e, i = c.tag, a = i === void 0 ? R : i, o = r.useRef(), l = re("--intergalactic-duration-popper", "200", o), p = r.useMemo(function() {
+    return parseInt(l, 10);
+  }, [l]);
   return n.map(function(_) {
-    var g, m;
-    return g = N(t), /* @__PURE__ */ r.createElement(J, g.cn("Animation", {
+    var u, f;
+    return u = k(t), /* @__PURE__ */ r.createElement(J, u.cn("Animation", {
       key: _.uid,
       initialAnimation: _.initialAnimation,
-      visible: (m = _.visible) !== null && m !== void 0 ? m : !0,
-      duration: f,
+      visible: (f = _.visible) !== null && f !== void 0 ? f : !0,
+      duration: p,
       keyframes: [t["@enter"], t["@exit"]],
       ref: o
-    }), /* @__PURE__ */ r.createElement(a, g.cn("SView", d(d({}, _), {}, {
+    }), /* @__PURE__ */ r.createElement(a, u.cn("SView", d(d({}, _), {}, {
       styles: _.styles || t,
-      getI18nText: l.getI18nText
+      getI18nText: c.getI18nText
     }))));
   });
-}, y = /* @__PURE__ */ function(p) {
-  b(t, p);
-  var l = x(t);
+}, y = /* @__PURE__ */ function(m) {
+  b(t, m);
+  var c = x(t);
   function t() {
     var e;
     v(this, t);
     for (var n = arguments.length, i = new Array(n), a = 0; a < n; a++)
       i[a] = arguments[a];
-    return e = l.call.apply(l, [this].concat(i)), c(u(e), "_unsubscribe", null), c(u(e), "state", {
+    return e = c.call.apply(c, [this].concat(i)), s(g(e), "_unsubscribe", null), s(g(e), "state", {
       notices: [],
       warnings: []
-    }), c(u(e), "componentWillUnmount", function() {
+    }), s(g(e), "componentWillUnmount", function() {
       e._unsubscribe && e._unsubscribe();
-    }), c(u(e), "handleChange", function(o) {
-      var s = o.filter(function(_) {
+    }), s(g(e), "handleChange", function(o) {
+      var l = o.filter(function(_) {
         return _.type === "info";
-      }), f = o.filter(function(_) {
+      }), p = o.filter(function(_) {
         return _.type === "warning";
       });
       e.setState({
-        notices: s,
-        warnings: f
+        notices: l,
+        warnings: p
       });
     }), e;
   }
@@ -102,68 +102,68 @@ var pe = ["focusLock"], fe = ["forwardRef", "styles", "onMouseEnter", "onMouseLe
   }, {
     key: "render",
     value: function() {
-      var n = this.asProps, i, a = O, o = "div", s = this.asProps, f = s.Children, _ = s.styles, g = s.disablePortal, m = s.getI18nText, B = s.ref, M = s.parentZIndexStacking, S = this.state, w = S.notices, q = S.warnings;
-      return i = N(_), /* @__PURE__ */ r.createElement(le, i.cn("ZIndexStackingContextProvider", {
+      var n = this.asProps, i, a = O, o = "div", l = this.asProps, p = l.Children, _ = l.styles, u = l.disablePortal, f = l.getI18nText, M = l.ref, C = l.parentZIndexStacking, S = this.state, w = S.notices, E = S.warnings;
+      return i = k(_), /* @__PURE__ */ r.createElement(ce, i.cn("ZIndexStackingContextProvider", {
         designToken: "z-index-notice-bubble"
       }), /* @__PURE__ */ r.createElement(G, i.cn("Portal", {
-        disablePortal: g
-      }), /* @__PURE__ */ r.createElement(a, i.cn("SNoticeBubble", d({}, Y({
-        ref: B,
+        disablePortal: u
+      }), /* @__PURE__ */ r.createElement(a, i.cn("SNoticeBubble", d({}, q({
+        ref: M,
         tag: "section",
         role: "region",
-        "aria-label": m("notification"),
-        zIndex: M
-      }, n))), /* @__PURE__ */ r.createElement(f, i.cn("Children", {})), /* @__PURE__ */ r.createElement(D, i.cn("Notices", {
+        "aria-label": f("notification"),
+        zIndex: C
+      }, n))), /* @__PURE__ */ r.createElement(p, i.cn("Children", {})), /* @__PURE__ */ r.createElement(V, i.cn("Notices", {
         styles: _,
-        data: q,
-        tag: $,
-        getI18nText: m
+        data: E,
+        tag: F,
+        getI18nText: f
       })), /* @__PURE__ */ r.createElement(o, i.cn("SNoticeAriaLiveWrapper", {
         "aria-live": "polite"
-      }), /* @__PURE__ */ r.createElement(D, i.cn("Notices", {
+      }), /* @__PURE__ */ r.createElement(V, i.cn("Notices", {
         styles: _,
         data: w,
-        tag: L,
-        getI18nText: m
+        tag: R,
+        getI18nText: f
       }))))));
     }
   }]), t;
-}(k);
-c(y, "displayName", "NoticeBubbleContainer");
-c(y, "style", me);
-c(y, "enhance", [ne(z), ie(), ce("z-index-notice-bubble")]);
-c(y, "defaultProps", {
-  manager: P,
-  i18n: z,
+}(P);
+s(y, "displayName", "NoticeBubbleContainer");
+s(y, "style", fe);
+s(y, "enhance", [ne($), ie(), se("z-index-notice-bubble")]);
+s(y, "defaultProps", {
+  manager: L,
+  i18n: $,
   locale: "en"
 });
-var de = /* @__PURE__ */ r.forwardRef(function(p, l) {
-  var t = p.focusLock, e = V(p, pe), n = r.useRef();
+var de = /* @__PURE__ */ r.forwardRef(function(m, c) {
+  var t = m.focusLock, e = z(m, me), n = r.useRef();
   oe(n, !1, "auto", !t, !0);
-  var i = ge(l, n);
-  return /* @__PURE__ */ r.createElement(I, K({
+  var i = ue(c, n);
+  return /* @__PURE__ */ r.createElement(N, H({
     ref: i
   }, e));
-}), L = /* @__PURE__ */ function(p) {
-  b(t, p);
-  var l = x(t);
+}), R = /* @__PURE__ */ function(m) {
+  b(t, m);
+  var c = x(t);
   function t() {
     var e;
     v(this, t);
     for (var n = arguments.length, i = new Array(n), a = 0; a < n; a++)
       i[a] = arguments[a];
-    return e = l.call.apply(l, [this].concat(i)), c(u(e), "timer", null), c(u(e), "ref", /* @__PURE__ */ r.createRef()), c(u(e), "closeButtonRef", /* @__PURE__ */ r.createRef()), c(u(e), "handleClose", function(o) {
-      Q(u(e), "onClose", o), e.clearTimer();
-    }), c(u(e), "handleKeydown", function(o) {
+    return e = c.call.apply(c, [this].concat(i)), s(g(e), "timer", null), s(g(e), "ref", /* @__PURE__ */ r.createRef()), s(g(e), "closeButtonRef", /* @__PURE__ */ r.createRef()), s(g(e), "handleClose", function(o) {
+      Q(g(e), "onClose", o), e.clearTimer();
+    }), s(g(e), "handleKeydown", function(o) {
       o.key === "Escape" && e.handleClose(o);
-    }), c(u(e), "handleMouseEnter", function() {
+    }), s(g(e), "handleMouseEnter", function() {
       e.timer && e.timer.pause();
-    }), c(u(e), "handleMouseLeave", function() {
+    }), s(g(e), "handleMouseLeave", function() {
       e.timer && e.timer.resume();
-    }), c(u(e), "handleBodyMouseMove", function(o) {
-      var s;
-      if ((s = e.timer) !== null && s !== void 0 && s.paused) {
-        var f = e.ref.current.getBoundingClientRect(), _ = o.clientX >= f.left && o.clientX <= f.right && o.clientY >= f.top && o.clientY <= f.bottom;
+    }), s(g(e), "handleBodyMouseMove", function(o) {
+      var l;
+      if ((l = e.timer) !== null && l !== void 0 && l.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();
       }
     }), e;
@@ -175,8 +175,8 @@ var de = /* @__PURE__ */ r.forwardRef(function(p, l) {
       i && (this.timer = new te(this.handleClose, i), document.body.addEventListener("mousemove", this.handleBodyMouseMove));
       var a = this.ref.current;
       if (a) {
-        var o = ue(a).filter(function(s) {
-          return s !== n.closeButtonRef.current;
+        var o = ge(a).filter(function(l) {
+          return l !== n.closeButtonRef.current;
         });
         o.length > 0 && setTimeout(function() {
           return ae(a);
@@ -196,18 +196,18 @@ var de = /* @__PURE__ */ r.forwardRef(function(p, l) {
   }, {
     key: "render",
     value: function() {
-      var n, i = de, a = se.Trigger, o = I, s = "div", f = "div", _ = I, g = this.props, m = g.forwardRef, B = g.styles, M = g.onMouseEnter, S = g.onMouseLeave, w = g.getI18nText, q = g.icon, T = g.children, E = g.action, Z = g.type, j = V(g, fe);
-      return n = N(B), /* @__PURE__ */ r.createElement(i, n.cn("SBubble", d(d({}, j), {}, {
-        ref: _e(m, this.ref),
-        onMouseEnter: W(M, this.handleMouseEnter),
-        onMouseLeave: W(S, this.handleMouseLeave),
+      var n, i = de, a = le.Trigger, o = N, l = "div", p = "div", _ = N, u = this.props, f = u.forwardRef, M = u.styles, C = u.onMouseEnter, S = u.onMouseLeave, w = u.getI18nText, E = u.icon, W = u.children, B = u.action, j = u.type, K = z(u, pe);
+      return n = k(M), /* @__PURE__ */ r.createElement(i, n.cn("SBubble", d(d({}, K), {}, {
+        ref: _e(f, this.ref),
+        onMouseEnter: A(C, this.handleMouseEnter),
+        onMouseLeave: A(S, this.handleMouseLeave),
         onKeyDown: this.handleKeydown,
-        role: Z === "warning" ? "alert" : this.props.role
+        role: j === "warning" ? "alert" : this.props.role
       })), /* @__PURE__ */ r.createElement(
         a,
         n.cn("SDismiss", {
           "aria-haspopup": void 0,
-          tag: A,
+          tag: D,
           type: "button",
           use: "tertiary",
           size: "m",
@@ -218,34 +218,34 @@ var de = /* @__PURE__ */ r.forwardRef(function(p, l) {
           title: w("close"),
           ref: this.closeButtonRef
         }),
-        /* @__PURE__ */ r.createElement(A.Addon, {
+        /* @__PURE__ */ r.createElement(D.Addon, {
           tag: ee,
           color: "icon-primary-invert"
         })
-      ), C(q) ? /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(_, n.cn("SIcon", {}), q), /* @__PURE__ */ r.createElement(o, n.cn("SContent", {}), /* @__PURE__ */ r.createElement(s, n.cn("SMessage", {}), T), C(E) ? /* @__PURE__ */ r.createElement(f, 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(f, n.cn("SAction", {}), E) : null));
+      ), I(E) ? /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(_, n.cn("SIcon", {}), E), /* @__PURE__ */ r.createElement(o, n.cn("SContent", {}), /* @__PURE__ */ r.createElement(l, n.cn("SMessage", {}), W), I(B) ? /* @__PURE__ */ r.createElement(p, n.cn("SAction", {}), B) : null)) : /* @__PURE__ */ r.createElement(o, n.cn("SContent", {}), /* @__PURE__ */ r.createElement(l, n.cn("SMessage", {}), W), I(B) ? /* @__PURE__ */ r.createElement(p, n.cn("SAction", {}), B) : null));
     }
   }]), t;
-}(k), $ = /* @__PURE__ */ function(p) {
-  b(t, p);
-  var l = x(t);
+}(P), F = /* @__PURE__ */ function(m) {
+  b(t, m);
+  var c = x(t);
   function t() {
-    return v(this, t), l.apply(this, arguments);
+    return v(this, t), c.apply(this, arguments);
   }
   return h(t);
-}(L);
-c($, "defaultProps", {
+}(R);
+s(F, "defaultProps", {
   type: "warning",
   duration: 0
 });
-var R = /* @__PURE__ */ function(p) {
-  b(t, p);
-  var l = x(t);
+var T = /* @__PURE__ */ function(m) {
+  b(t, m);
+  var c = x(t);
   function t() {
     var e;
     v(this, t);
     for (var n = arguments.length, i = new Array(n), a = 0; a < n; a++)
       i[a] = arguments[a];
-    return e = l.call.apply(l, [this].concat(i)), c(u(e), "_notice", null), e;
+    return e = c.call.apply(c, [this].concat(i)), s(g(e), "_notice", null), e;
   }
   return h(t, [{
     key: "componentDidMount",
@@ -268,31 +268,31 @@ var R = /* @__PURE__ */ function(p) {
       return null;
     }
   }]), t;
-}(k);
-c(R, "defaultProps", {
+}(P);
+s(T, "defaultProps", {
   duration: 5e3,
   type: "info",
-  manager: P
+  manager: L
 });
-var F = /* @__PURE__ */ function(p) {
-  b(t, p);
-  var l = x(t);
+var U = /* @__PURE__ */ function(m) {
+  b(t, m);
+  var c = x(t);
   function t() {
-    return v(this, t), l.apply(this, arguments);
+    return v(this, t), c.apply(this, arguments);
   }
   return h(t);
-}(R);
-c(F, "defaultProps", {
+}(T);
+s(U, "defaultProps", {
   duration: 5e3,
   type: "warning",
-  manager: P
+  manager: L
 });
-var U = X(y, {
-  Info: R,
-  Warning: F
-}), Xe = U.Info, Ye = U.Warning;
+var Z = Y(y, {
+  Info: T,
+  Warning: U
+}), Ye = Z.Info, qe = Z.Warning;
 export {
-  Xe as NoticeBubble,
-  Ye as NoticeBubbleWarning,
-  U as default
+  Ye as NoticeBubble,
+  qe as NoticeBubbleWarning,
+  Z as default
 };

package/notice-bubble/package.json

@@ -1 +1 @@
-{"name":"intergalactic/notice-bubble","description":"Semrush NoticeBubble Component","version":"5.52.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.42.0","@semcore/utils":"4.48.0","@semcore/icon":"4.60.0","@semcore/portal":"3.41.0","@semcore/flex-box":"5.41.0","@semcore/animation":"2.41.0","@semcore/tooltip":"6.49.0"},"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.52.1-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.42.1-prerelease.0","@semcore/utils":"4.48.1-prerelease.0","@semcore/icon":"4.60.1-prerelease.0","@semcore/portal":"3.41.1-prerelease.0","@semcore/flex-box":"5.41.1-prerelease.0","@semcore/animation":"2.41.1-prerelease.0","@semcore/tooltip":"6.49.1-prerelease.0"},"peerDependencies":{"@semcore/core":"^2.39.1-prerelease.0","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_j4za0_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_j4za0_gg_{margin-left:var(--intergalactic-spacing-4x, 16px)}.___SNoticeGlobal_j4za0_gg_._theme_neutral_j4za0_gg_{background-color:var(--intergalactic-bg-primary-muted, #6c6e79);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_j4za0_gg_._theme_info_j4za0_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_j4za0_gg_._theme_danger_j4za0_gg_{background-color:var(--intergalactic-bg-primary-critical, #ff4953);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_j4za0_gg_._theme_warning_j4za0_gg_{background-color:var(--intergalactic-bg-primary-warning, #ff642d);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_j4za0_gg_._theme_success_j4za0_gg_{background-color:var(--intergalactic-bg-primary-success, #009f81);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_j4za0_gg_._theme_custom_j4za0_gg_{background-color:var(--backgroundColor_j4za0)}.___SContent_j4za0_gg_{flex:1 1 auto;width:100%;justify-content:center}" /*__inner_css_end__*/, "j4za0_gg_") /*__reshadow_css_end__*/, {
-  "__SNoticeGlobal": "___SNoticeGlobal_j4za0_gg_",
-  "__SCloseIcon": "___SCloseIcon_j4za0_gg_",
-  "_theme_neutral": "_theme_neutral_j4za0_gg_",
-  "_theme_info": "_theme_info_j4za0_gg_",
-  "_theme_danger": "_theme_danger_j4za0_gg_",
-  "_theme_warning": "_theme_warning_j4za0_gg_",
-  "_theme_success": "_theme_success_j4za0_gg_",
-  "_theme_custom": "_theme_custom_j4za0_gg_",
-  "--backgroundColor": "--backgroundColor_j4za0",
-  "__SContent": "___SContent_j4za0_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SNoticeGlobal_bs9q6_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_bs9q6_gg_{margin-left:var(--intergalactic-spacing-4x, 16px)}.___SNoticeGlobal_bs9q6_gg_._theme_neutral_bs9q6_gg_{background-color:var(--intergalactic-bg-primary-muted, #6c6e79);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_bs9q6_gg_._theme_info_bs9q6_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_bs9q6_gg_._theme_danger_bs9q6_gg_{background-color:var(--intergalactic-bg-primary-critical, #ff4953);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_bs9q6_gg_._theme_warning_bs9q6_gg_{background-color:var(--intergalactic-bg-primary-warning, #ff642d);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_bs9q6_gg_._theme_success_bs9q6_gg_{background-color:var(--intergalactic-bg-primary-success, #009f81);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_bs9q6_gg_._theme_custom_bs9q6_gg_{background-color:var(--backgroundColor_bs9q6)}.___SContent_bs9q6_gg_{flex:1 1 auto;width:100%;justify-content:center}" /*__inner_css_end__*/, "bs9q6_gg_") /*__reshadow_css_end__*/, {
+  "__SNoticeGlobal": "___SNoticeGlobal_bs9q6_gg_",
+  "__SCloseIcon": "___SCloseIcon_bs9q6_gg_",
+  "_theme_neutral": "_theme_neutral_bs9q6_gg_",
+  "_theme_info": "_theme_info_bs9q6_gg_",
+  "_theme_danger": "_theme_danger_bs9q6_gg_",
+  "_theme_warning": "_theme_warning_bs9q6_gg_",
+  "_theme_success": "_theme_success_bs9q6_gg_",
+  "_theme_custom": "_theme_custom_bs9q6_gg_",
+  "--backgroundColor": "--backgroundColor_bs9q6",
+  "__SContent": "___SContent_bs9q6_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_j4za0_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_j4za0_gg_{margin-left:var(--intergalactic-spacing-4x, 16px)}.___SNoticeGlobal_j4za0_gg_._theme_neutral_j4za0_gg_{background-color:var(--intergalactic-bg-primary-muted, #6c6e79);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_j4za0_gg_._theme_info_j4za0_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_j4za0_gg_._theme_danger_j4za0_gg_{background-color:var(--intergalactic-bg-primary-critical, #ff4953);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_j4za0_gg_._theme_warning_j4za0_gg_{background-color:var(--intergalactic-bg-primary-warning, #ff642d);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_j4za0_gg_._theme_success_j4za0_gg_{background-color:var(--intergalactic-bg-primary-success, #009f81);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_j4za0_gg_._theme_custom_j4za0_gg_{background-color:var(--backgroundColor_j4za0)}.___SContent_j4za0_gg_{flex:1 1 auto;width:100%;justify-content:center}" /*__inner_css_end__*/, "j4za0_gg_") /*__reshadow_css_end__*/, {
-  "__SNoticeGlobal": "___SNoticeGlobal_j4za0_gg_",
-  "__SCloseIcon": "___SCloseIcon_j4za0_gg_",
-  "_theme_neutral": "_theme_neutral_j4za0_gg_",
-  "_theme_info": "_theme_info_j4za0_gg_",
-  "_theme_danger": "_theme_danger_j4za0_gg_",
-  "_theme_warning": "_theme_warning_j4za0_gg_",
-  "_theme_success": "_theme_success_j4za0_gg_",
-  "_theme_custom": "_theme_custom_j4za0_gg_",
-  "--backgroundColor": "--backgroundColor_j4za0",
-  "__SContent": "___SContent_j4za0_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SNoticeGlobal_bs9q6_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_bs9q6_gg_{margin-left:var(--intergalactic-spacing-4x, 16px)}.___SNoticeGlobal_bs9q6_gg_._theme_neutral_bs9q6_gg_{background-color:var(--intergalactic-bg-primary-muted, #6c6e79);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_bs9q6_gg_._theme_info_bs9q6_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_bs9q6_gg_._theme_danger_bs9q6_gg_{background-color:var(--intergalactic-bg-primary-critical, #ff4953);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_bs9q6_gg_._theme_warning_bs9q6_gg_{background-color:var(--intergalactic-bg-primary-warning, #ff642d);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_bs9q6_gg_._theme_success_bs9q6_gg_{background-color:var(--intergalactic-bg-primary-success, #009f81);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_bs9q6_gg_._theme_custom_bs9q6_gg_{background-color:var(--backgroundColor_bs9q6)}.___SContent_bs9q6_gg_{flex:1 1 auto;width:100%;justify-content:center}" /*__inner_css_end__*/, "bs9q6_gg_") /*__reshadow_css_end__*/, {
+  "__SNoticeGlobal": "___SNoticeGlobal_bs9q6_gg_",
+  "__SCloseIcon": "___SCloseIcon_bs9q6_gg_",
+  "_theme_neutral": "_theme_neutral_bs9q6_gg_",
+  "_theme_info": "_theme_info_bs9q6_gg_",
+  "_theme_danger": "_theme_danger_bs9q6_gg_",
+  "_theme_warning": "_theme_warning_bs9q6_gg_",
+  "_theme_success": "_theme_success_bs9q6_gg_",
+  "_theme_custom": "_theme_custom_bs9q6_gg_",
+  "--backgroundColor": "--backgroundColor_bs9q6",
+  "__SContent": "___SContent_bs9q6_gg_"
 });
 import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
 function isCustomTheme(theme) {