intergalactic 15.126.0-prerelease.9 → 15.126.1-prerelease.0

package/notice/lib/esm/translations/pl.json.mjs

@@ -0,0 +1,11 @@
+const i = "Powiadomienie", o = "Powiadomienie krytyczne", t = "Zamknij powiadomienie", c = {
+  notification: i,
+  criticalNotification: o,
+  close: t
+};
+export {
+  t as close,
+  o as criticalNotification,
+  c as default,
+  i as notification
+};

package/notice/lib/esm/translations/pt.json.mjs

@@ -0,0 +1,11 @@
+const i = "Notificação", o = "Notificação urgente", t = "Fechar notificação", c = {
+  notification: i,
+  criticalNotification: o,
+  close: t
+};
+export {
+  t as close,
+  o as criticalNotification,
+  c as default,
+  i as notification
+};

package/notice/lib/esm/translations/sv.json.mjs

@@ -0,0 +1,11 @@
+const i = "Avisering", t = "Kritisk avisering", o = "Stäng meddelande", c = {
+  notification: i,
+  criticalNotification: t,
+  close: o
+};
+export {
+  o as close,
+  t as criticalNotification,
+  c as default,
+  i as notification
+};

package/notice/lib/esm/translations/tr.json.mjs

@@ -0,0 +1,11 @@
+const i = "Bildirim", t = "Kritik bildirim", o = "Bildirimi kapat", c = {
+  notification: i,
+  criticalNotification: t,
+  close: o
+};
+export {
+  o as close,
+  t as criticalNotification,
+  c as default,
+  i as notification
+};

package/notice/lib/esm/translations/vi.json.mjs

@@ -0,0 +1,11 @@
+const o = "Thông báo", t = "Thông báo quan trọng", i = "Đóng thông báo", n = {
+  notification: o,
+  criticalNotification: t,
+  close: i
+};
+export {
+  i as close,
+  t as criticalNotification,
+  n as default,
+  o as notification
+};

package/notice/lib/esm/translations/zh.json.mjs

@@ -0,0 +1,11 @@
+const i = "通知", t = "重要通知", o = "关闭通知", c = {
+  notification: i,
+  criticalNotification: t,
+  close: o
+};
+export {
+  o as close,
+  t as criticalNotification,
+  c as default,
+  i as notification
+};

package/notice/package.json

@@ -1 +1 @@
-{"name":"intergalactic/notice","description":"Semrush Notice Component","version":"5.45.0-prerelease.9","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/animation":"2.41.0-prerelease.9","@semcore/utils":"4.47.1-prerelease.9","@semcore/button":"5.42.0-prerelease.9","@semcore/flex-box":"5.41.0-prerelease.9","@semcore/icon":"4.58.0-prerelease.9","@semcore/notice-global":"2.60.0-prerelease.9","@semcore/typography":"5.52.0-prerelease.9"},"peerDependencies":{"@semcore/core":"^2.39.0-prerelease.9","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/notice"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/notice","description":"Semrush Notice Component","version":"5.45.1-prerelease.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","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/animation":"2.41.1-prerelease.0","@semcore/utils":"4.48.1-prerelease.0","@semcore/button":"5.42.1-prerelease.0","@semcore/flex-box":"5.41.1-prerelease.0","@semcore/icon":"4.60.1-prerelease.0","@semcore/notice-global":"2.60.1-prerelease.0","@semcore/typography":"5.52.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"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

package/notice-bubble/index.d.ts

@@ -9,7 +9,7 @@ export interface INoticeBubbleContainerProps
 export type NoticeBubbleContainerProps = BoxProps &
   PortalProps & {
     /** Manager copy */
-    manager?: NoticeBubbleManager;
+    manager?: NoticeBubbleManagerClass;
     locale?: string;
   };
 

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/cjs/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PortalProps } from '@semcore/portal';\nimport { UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps } from '@semcore/flex-box';\n\n/** @deprecated */\nexport interface INoticeBubbleContainerProps\n  extends NoticeBubbleContainerProps,\n    UnknownProperties {}\nexport type NoticeBubbleContainerProps = BoxProps &\n  PortalProps & {\n    /** Manager copy */\n    manager?: NoticeBubbleManager;\n    locale?: string;\n  };\n\n/** @deprecated */\nexport interface INoticeBubbleProps extends NoticeBubbleProps, UnknownProperties {}\nexport type NoticeBubbleProps = BoxProps & {\n  /**\n   * Notice visibility.\n   */\n  visible?: boolean;\n  /**\n   * Control under the notice children.\n   * */\n  action?: React.ReactNode;\n  /**\n   * Callback triggered by \"Close\" icon click.\n   * */\n  onClose?: (e?: React.SyntheticEvent) => void;\n  /**\n   * Notice content.\n   * */\n  children?: React.ReactNode;\n  manager?: NoticeBubbleManager;\n  icon?: React.ReactElement;\n};\n/** @deprecated */\nexport interface INoticeBubbleInfoProps extends NoticeBubbleInfoProps, UnknownProperties {}\nexport type NoticeBubbleInfoProps = NoticeBubbleProps & {\n  readonly type?: 'info';\n  /**\n   * Notice display duration. Set to 0 to disable auto-close.\n   */\n  duration?: number;\n  /**\n   * Enables animation on first rendering.\n   * @default false\n   */\n  initialAnimation?: boolean;\n  /**\n   * Use it for complex notices with important controls.\n   * If enabled, browser focus will be locked in the notice\n   * until it's closed. After close focus should return to the element\n   * where it was placed before notice appear.\n   */\n  focusLock?: boolean;\n};\n\n/** @deprecated */\nexport interface INoticeBubbleWarningProps extends NoticeBubbleWarningProps, UnknownProperties {}\nexport type NoticeBubbleWarningProps = NoticeBubbleProps & {\n  readonly type?: 'warning';\n  /**\n   * Notice display duration.\n   */\n  duration?: number;\n  /**\n   * Enables animation on first rendering.\n   * @default false\n   */\n  initialAnimation?: boolean;\n  /**\n   * Use it for complex notices with important controls.\n   * If enabled, browser focus will be locked in the notice\n   * until it's closed. After close focus should return to the element\n   * where it was placed before notice appear.\n   */\n  focusLock?: boolean;\n};\n\n/** @deprecated */\nexport interface INoticeBubbleManager extends NoticeBubbleManagerClass, UnknownProperties {}\nexport type NoticeBubbleManagerClass = {\n  /**\n   * Creates and shows a notice.\n   * */\n  add: (props: NoticeBubbleInfoProps | NoticeBubbleWarningProps) => {\n    uid: string;\n    update: (props: Partial<NoticeBubbleInfoProps> | Partial<NoticeBubbleWarningProps>) => boolean;\n    remove: () => boolean;\n    ref: React.RefObject<HTMLDivElement>;\n    focus: () => void;\n  };\n  /**\n   * Updates notice by uid.\n   * */\n  update: (\n    uid: string,\n    props: Partial<NoticeBubbleInfoProps> | Partial<NoticeBubbleWarningProps>,\n  ) => boolean;\n  /**\n   * Removes notice by uid.\n   * */\n  remove: (uid: string) => boolean;\n  /**\n   * Replace last notice (if it is existing)\n   */\n  replaceLast: (props: NoticeBubbleInfoProps | NoticeBubbleWarningProps) => void;\n};\n\n/**\n * @deprecated use `NoticeBubbleManager` instead.\n * */\nexport declare const NoticeBubble: Intergalactic.Component<'div', NoticeBubbleInfoProps>;\n/**\n * @deprecated use `NoticeBubbleManager` instead.\n * */\nexport declare const NoticeBubbleWarning: Intergalactic.Component<'div', NoticeBubbleWarningProps>;\nexport declare const NoticeBubbleContainer: Intergalactic.Component<\n  'div',\n  NoticeBubbleContainerProps\n> & {\n  /**\n   * @deprecated use `NoticeBubbleManager` instead.\n   * */\n  Info: typeof NoticeBubble;\n\n  /**\n   * @deprecated use `NoticeBubbleManager` instead.\n   * */\n  Warning: typeof NoticeBubbleWarning;\n};\nexport declare class NoticeBubbleManager implements NoticeBubbleManagerClass {\n  /**\n   * Creates and shows a notice.\n   * */\n  add(props: NoticeBubbleInfoProps | NoticeBubbleWarningProps): {\n    uid: string;\n    update: (props: Partial<NoticeBubbleInfoProps> | Partial<NoticeBubbleWarningProps>) => boolean;\n    remove: () => boolean;\n    ref: React.RefObject<HTMLDivElement>;\n    focus: () => void;\n  };\n  /**\n   * Updates notice by uid.\n   * */\n  update(\n    uid: string,\n    props: Partial<NoticeBubbleInfoProps> | Partial<NoticeBubbleWarningProps>,\n  ): boolean;\n  /**\n   * Removes notice by uid.\n   * */\n  remove(uid: string): boolean;\n  /**\n   * Replace last notice (if it is existing)\n   */\n  replaceLast: (props: NoticeBubbleInfoProps | NoticeBubbleWarningProps) => void;\n}\n\nexport declare const noticeBubbleDefaultManager: NoticeBubbleManager;\n\n/**\n * @deprecated Use `import { noticeBubbleDefaultManager } from ...` instead\n */\nexport default noticeBubbleDefaultManager;\n"],"mappings":""}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PortalProps } from '@semcore/portal';\nimport { UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps } from '@semcore/flex-box';\n\n/** @deprecated */\nexport interface INoticeBubbleContainerProps\n  extends NoticeBubbleContainerProps,\n    UnknownProperties {}\nexport type NoticeBubbleContainerProps = BoxProps &\n  PortalProps & {\n    /** Manager copy */\n    manager?: NoticeBubbleManagerClass;\n    locale?: string;\n  };\n\n/** @deprecated */\nexport interface INoticeBubbleProps extends NoticeBubbleProps, UnknownProperties {}\nexport type NoticeBubbleProps = BoxProps & {\n  /**\n   * Notice visibility.\n   */\n  visible?: boolean;\n  /**\n   * Control under the notice children.\n   * */\n  action?: React.ReactNode;\n  /**\n   * Callback triggered by \"Close\" icon click.\n   * */\n  onClose?: (e?: React.SyntheticEvent) => void;\n  /**\n   * Notice content.\n   * */\n  children?: React.ReactNode;\n  manager?: NoticeBubbleManager;\n  icon?: React.ReactElement;\n};\n/** @deprecated */\nexport interface INoticeBubbleInfoProps extends NoticeBubbleInfoProps, UnknownProperties {}\nexport type NoticeBubbleInfoProps = NoticeBubbleProps & {\n  readonly type?: 'info';\n  /**\n   * Notice display duration. Set to 0 to disable auto-close.\n   */\n  duration?: number;\n  /**\n   * Enables animation on first rendering.\n   * @default false\n   */\n  initialAnimation?: boolean;\n  /**\n   * Use it for complex notices with important controls.\n   * If enabled, browser focus will be locked in the notice\n   * until it's closed. After close focus should return to the element\n   * where it was placed before notice appear.\n   */\n  focusLock?: boolean;\n};\n\n/** @deprecated */\nexport interface INoticeBubbleWarningProps extends NoticeBubbleWarningProps, UnknownProperties {}\nexport type NoticeBubbleWarningProps = NoticeBubbleProps & {\n  readonly type?: 'warning';\n  /**\n   * Notice display duration.\n   */\n  duration?: number;\n  /**\n   * Enables animation on first rendering.\n   * @default false\n   */\n  initialAnimation?: boolean;\n  /**\n   * Use it for complex notices with important controls.\n   * If enabled, browser focus will be locked in the notice\n   * until it's closed. After close focus should return to the element\n   * where it was placed before notice appear.\n   */\n  focusLock?: boolean;\n};\n\n/** @deprecated */\nexport interface INoticeBubbleManager extends NoticeBubbleManagerClass, UnknownProperties {}\nexport type NoticeBubbleManagerClass = {\n  /**\n   * Creates and shows a notice.\n   * */\n  add: (props: NoticeBubbleInfoProps | NoticeBubbleWarningProps) => {\n    uid: string;\n    update: (props: Partial<NoticeBubbleInfoProps> | Partial<NoticeBubbleWarningProps>) => boolean;\n    remove: () => boolean;\n    ref: React.RefObject<HTMLDivElement>;\n    focus: () => void;\n  };\n  /**\n   * Updates notice by uid.\n   * */\n  update: (\n    uid: string,\n    props: Partial<NoticeBubbleInfoProps> | Partial<NoticeBubbleWarningProps>,\n  ) => boolean;\n  /**\n   * Removes notice by uid.\n   * */\n  remove: (uid: string) => boolean;\n  /**\n   * Replace last notice (if it is existing)\n   */\n  replaceLast: (props: NoticeBubbleInfoProps | NoticeBubbleWarningProps) => void;\n};\n\n/**\n * @deprecated use `NoticeBubbleManager` instead.\n * */\nexport declare const NoticeBubble: Intergalactic.Component<'div', NoticeBubbleInfoProps>;\n/**\n * @deprecated use `NoticeBubbleManager` instead.\n * */\nexport declare const NoticeBubbleWarning: Intergalactic.Component<'div', NoticeBubbleWarningProps>;\nexport declare const NoticeBubbleContainer: Intergalactic.Component<\n  'div',\n  NoticeBubbleContainerProps\n> & {\n  /**\n   * @deprecated use `NoticeBubbleManager` instead.\n   * */\n  Info: typeof NoticeBubble;\n\n  /**\n   * @deprecated use `NoticeBubbleManager` instead.\n   * */\n  Warning: typeof NoticeBubbleWarning;\n};\nexport declare class NoticeBubbleManager implements NoticeBubbleManagerClass {\n  /**\n   * Creates and shows a notice.\n   * */\n  add(props: NoticeBubbleInfoProps | NoticeBubbleWarningProps): {\n    uid: string;\n    update: (props: Partial<NoticeBubbleInfoProps> | Partial<NoticeBubbleWarningProps>) => boolean;\n    remove: () => boolean;\n    ref: React.RefObject<HTMLDivElement>;\n    focus: () => void;\n  };\n  /**\n   * Updates notice by uid.\n   * */\n  update(\n    uid: string,\n    props: Partial<NoticeBubbleInfoProps> | Partial<NoticeBubbleWarningProps>,\n  ): boolean;\n  /**\n   * Removes notice by uid.\n   * */\n  remove(uid: string): boolean;\n  /**\n   * Replace last notice (if it is existing)\n   */\n  replaceLast: (props: NoticeBubbleInfoProps | NoticeBubbleWarningProps) => void;\n}\n\nexport declare const noticeBubbleDefaultManager: NoticeBubbleManager;\n\n/**\n * @deprecated Use `import { noticeBubbleDefaultManager } from ...` instead\n */\nexport default noticeBubbleDefaultManager;\n"],"mappings":""}

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/es6/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PortalProps } from '@semcore/portal';\nimport { UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps } from '@semcore/flex-box';\n\n/** @deprecated */\nexport interface INoticeBubbleContainerProps\n  extends NoticeBubbleContainerProps,\n    UnknownProperties {}\nexport type NoticeBubbleContainerProps = BoxProps &\n  PortalProps & {\n    /** Manager copy */\n    manager?: NoticeBubbleManager;\n    locale?: string;\n  };\n\n/** @deprecated */\nexport interface INoticeBubbleProps extends NoticeBubbleProps, UnknownProperties {}\nexport type NoticeBubbleProps = BoxProps & {\n  /**\n   * Notice visibility.\n   */\n  visible?: boolean;\n  /**\n   * Control under the notice children.\n   * */\n  action?: React.ReactNode;\n  /**\n   * Callback triggered by \"Close\" icon click.\n   * */\n  onClose?: (e?: React.SyntheticEvent) => void;\n  /**\n   * Notice content.\n   * */\n  children?: React.ReactNode;\n  manager?: NoticeBubbleManager;\n  icon?: React.ReactElement;\n};\n/** @deprecated */\nexport interface INoticeBubbleInfoProps extends NoticeBubbleInfoProps, UnknownProperties {}\nexport type NoticeBubbleInfoProps = NoticeBubbleProps & {\n  readonly type?: 'info';\n  /**\n   * Notice display duration. Set to 0 to disable auto-close.\n   */\n  duration?: number;\n  /**\n   * Enables animation on first rendering.\n   * @default false\n   */\n  initialAnimation?: boolean;\n  /**\n   * Use it for complex notices with important controls.\n   * If enabled, browser focus will be locked in the notice\n   * until it's closed. After close focus should return to the element\n   * where it was placed before notice appear.\n   */\n  focusLock?: boolean;\n};\n\n/** @deprecated */\nexport interface INoticeBubbleWarningProps extends NoticeBubbleWarningProps, UnknownProperties {}\nexport type NoticeBubbleWarningProps = NoticeBubbleProps & {\n  readonly type?: 'warning';\n  /**\n   * Notice display duration.\n   */\n  duration?: number;\n  /**\n   * Enables animation on first rendering.\n   * @default false\n   */\n  initialAnimation?: boolean;\n  /**\n   * Use it for complex notices with important controls.\n   * If enabled, browser focus will be locked in the notice\n   * until it's closed. After close focus should return to the element\n   * where it was placed before notice appear.\n   */\n  focusLock?: boolean;\n};\n\n/** @deprecated */\nexport interface INoticeBubbleManager extends NoticeBubbleManagerClass, UnknownProperties {}\nexport type NoticeBubbleManagerClass = {\n  /**\n   * Creates and shows a notice.\n   * */\n  add: (props: NoticeBubbleInfoProps | NoticeBubbleWarningProps) => {\n    uid: string;\n    update: (props: Partial<NoticeBubbleInfoProps> | Partial<NoticeBubbleWarningProps>) => boolean;\n    remove: () => boolean;\n    ref: React.RefObject<HTMLDivElement>;\n    focus: () => void;\n  };\n  /**\n   * Updates notice by uid.\n   * */\n  update: (\n    uid: string,\n    props: Partial<NoticeBubbleInfoProps> | Partial<NoticeBubbleWarningProps>,\n  ) => boolean;\n  /**\n   * Removes notice by uid.\n   * */\n  remove: (uid: string) => boolean;\n  /**\n   * Replace last notice (if it is existing)\n   */\n  replaceLast: (props: NoticeBubbleInfoProps | NoticeBubbleWarningProps) => void;\n};\n\n/**\n * @deprecated use `NoticeBubbleManager` instead.\n * */\nexport declare const NoticeBubble: Intergalactic.Component<'div', NoticeBubbleInfoProps>;\n/**\n * @deprecated use `NoticeBubbleManager` instead.\n * */\nexport declare const NoticeBubbleWarning: Intergalactic.Component<'div', NoticeBubbleWarningProps>;\nexport declare const NoticeBubbleContainer: Intergalactic.Component<\n  'div',\n  NoticeBubbleContainerProps\n> & {\n  /**\n   * @deprecated use `NoticeBubbleManager` instead.\n   * */\n  Info: typeof NoticeBubble;\n\n  /**\n   * @deprecated use `NoticeBubbleManager` instead.\n   * */\n  Warning: typeof NoticeBubbleWarning;\n};\nexport declare class NoticeBubbleManager implements NoticeBubbleManagerClass {\n  /**\n   * Creates and shows a notice.\n   * */\n  add(props: NoticeBubbleInfoProps | NoticeBubbleWarningProps): {\n    uid: string;\n    update: (props: Partial<NoticeBubbleInfoProps> | Partial<NoticeBubbleWarningProps>) => boolean;\n    remove: () => boolean;\n    ref: React.RefObject<HTMLDivElement>;\n    focus: () => void;\n  };\n  /**\n   * Updates notice by uid.\n   * */\n  update(\n    uid: string,\n    props: Partial<NoticeBubbleInfoProps> | Partial<NoticeBubbleWarningProps>,\n  ): boolean;\n  /**\n   * Removes notice by uid.\n   * */\n  remove(uid: string): boolean;\n  /**\n   * Replace last notice (if it is existing)\n   */\n  replaceLast: (props: NoticeBubbleInfoProps | NoticeBubbleWarningProps) => void;\n}\n\nexport declare const noticeBubbleDefaultManager: NoticeBubbleManager;\n\n/**\n * @deprecated Use `import { noticeBubbleDefaultManager } from ...` instead\n */\nexport default noticeBubbleDefaultManager;\n"],"mappings":""}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PortalProps } from '@semcore/portal';\nimport { UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps } from '@semcore/flex-box';\n\n/** @deprecated */\nexport interface INoticeBubbleContainerProps\n  extends NoticeBubbleContainerProps,\n    UnknownProperties {}\nexport type NoticeBubbleContainerProps = BoxProps &\n  PortalProps & {\n    /** Manager copy */\n    manager?: NoticeBubbleManagerClass;\n    locale?: string;\n  };\n\n/** @deprecated */\nexport interface INoticeBubbleProps extends NoticeBubbleProps, UnknownProperties {}\nexport type NoticeBubbleProps = BoxProps & {\n  /**\n   * Notice visibility.\n   */\n  visible?: boolean;\n  /**\n   * Control under the notice children.\n   * */\n  action?: React.ReactNode;\n  /**\n   * Callback triggered by \"Close\" icon click.\n   * */\n  onClose?: (e?: React.SyntheticEvent) => void;\n  /**\n   * Notice content.\n   * */\n  children?: React.ReactNode;\n  manager?: NoticeBubbleManager;\n  icon?: React.ReactElement;\n};\n/** @deprecated */\nexport interface INoticeBubbleInfoProps extends NoticeBubbleInfoProps, UnknownProperties {}\nexport type NoticeBubbleInfoProps = NoticeBubbleProps & {\n  readonly type?: 'info';\n  /**\n   * Notice display duration. Set to 0 to disable auto-close.\n   */\n  duration?: number;\n  /**\n   * Enables animation on first rendering.\n   * @default false\n   */\n  initialAnimation?: boolean;\n  /**\n   * Use it for complex notices with important controls.\n   * If enabled, browser focus will be locked in the notice\n   * until it's closed. After close focus should return to the element\n   * where it was placed before notice appear.\n   */\n  focusLock?: boolean;\n};\n\n/** @deprecated */\nexport interface INoticeBubbleWarningProps extends NoticeBubbleWarningProps, UnknownProperties {}\nexport type NoticeBubbleWarningProps = NoticeBubbleProps & {\n  readonly type?: 'warning';\n  /**\n   * Notice display duration.\n   */\n  duration?: number;\n  /**\n   * Enables animation on first rendering.\n   * @default false\n   */\n  initialAnimation?: boolean;\n  /**\n   * Use it for complex notices with important controls.\n   * If enabled, browser focus will be locked in the notice\n   * until it's closed. After close focus should return to the element\n   * where it was placed before notice appear.\n   */\n  focusLock?: boolean;\n};\n\n/** @deprecated */\nexport interface INoticeBubbleManager extends NoticeBubbleManagerClass, UnknownProperties {}\nexport type NoticeBubbleManagerClass = {\n  /**\n   * Creates and shows a notice.\n   * */\n  add: (props: NoticeBubbleInfoProps | NoticeBubbleWarningProps) => {\n    uid: string;\n    update: (props: Partial<NoticeBubbleInfoProps> | Partial<NoticeBubbleWarningProps>) => boolean;\n    remove: () => boolean;\n    ref: React.RefObject<HTMLDivElement>;\n    focus: () => void;\n  };\n  /**\n   * Updates notice by uid.\n   * */\n  update: (\n    uid: string,\n    props: Partial<NoticeBubbleInfoProps> | Partial<NoticeBubbleWarningProps>,\n  ) => boolean;\n  /**\n   * Removes notice by uid.\n   * */\n  remove: (uid: string) => boolean;\n  /**\n   * Replace last notice (if it is existing)\n   */\n  replaceLast: (props: NoticeBubbleInfoProps | NoticeBubbleWarningProps) => void;\n};\n\n/**\n * @deprecated use `NoticeBubbleManager` instead.\n * */\nexport declare const NoticeBubble: Intergalactic.Component<'div', NoticeBubbleInfoProps>;\n/**\n * @deprecated use `NoticeBubbleManager` instead.\n * */\nexport declare const NoticeBubbleWarning: Intergalactic.Component<'div', NoticeBubbleWarningProps>;\nexport declare const NoticeBubbleContainer: Intergalactic.Component<\n  'div',\n  NoticeBubbleContainerProps\n> & {\n  /**\n   * @deprecated use `NoticeBubbleManager` instead.\n   * */\n  Info: typeof NoticeBubble;\n\n  /**\n   * @deprecated use `NoticeBubbleManager` instead.\n   * */\n  Warning: typeof NoticeBubbleWarning;\n};\nexport declare class NoticeBubbleManager implements NoticeBubbleManagerClass {\n  /**\n   * Creates and shows a notice.\n   * */\n  add(props: NoticeBubbleInfoProps | NoticeBubbleWarningProps): {\n    uid: string;\n    update: (props: Partial<NoticeBubbleInfoProps> | Partial<NoticeBubbleWarningProps>) => boolean;\n    remove: () => boolean;\n    ref: React.RefObject<HTMLDivElement>;\n    focus: () => void;\n  };\n  /**\n   * Updates notice by uid.\n   * */\n  update(\n    uid: string,\n    props: Partial<NoticeBubbleInfoProps> | Partial<NoticeBubbleWarningProps>,\n  ): boolean;\n  /**\n   * Removes notice by uid.\n   * */\n  remove(uid: string): boolean;\n  /**\n   * Replace last notice (if it is existing)\n   */\n  replaceLast: (props: NoticeBubbleInfoProps | NoticeBubbleWarningProps) => void;\n}\n\nexport declare const noticeBubbleDefaultManager: NoticeBubbleManager;\n\n/**\n * @deprecated Use `import { noticeBubbleDefaultManager } from ...` instead\n */\nexport default noticeBubbleDefaultManager;\n"],"mappings":""}

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

@@ -0,0 +1,298 @@
+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 g from "@babel/runtime/helpers/esm/assertThisInitialized";
+import b from "@babel/runtime/helpers/esm/inherits";
+import x 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 k, assignProps as q, Component as P } from 'intergalactic/core';
+import r from "react";
+import G from 'intergalactic/portal';
+import L from "./NoticeBubbleManager.mjs";
+import { Animation as J } from 'intergalactic/animation';
+import { Box as O, Flex as N } from 'intergalactic/flex-box';
+import Q from 'intergalactic/utils/lib/fire';
+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 $ } 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 D from 'intergalactic/button';
+import { setFocus as ae, useFocusLock as oe } from 'intergalactic/utils/lib/use/useFocusLock';
+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__*/
+  (X.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}",
+    "19l6e_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_"
+  })
+), 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 u, f;
+    return u = k(t), /* @__PURE__ */ r.createElement(J, u.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({}, _), {}, {
+      styles: _.styles || t,
+      getI18nText: c.getI18nText
+    }))));
+  });
+}, 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 = c.call.apply(c, [this].concat(i)), s(g(e), "_unsubscribe", null), s(g(e), "state", {
+      notices: [],
+      warnings: []
+    }), s(g(e), "componentWillUnmount", function() {
+      e._unsubscribe && e._unsubscribe();
+    }), s(g(e), "handleChange", function(o) {
+      var l = o.filter(function(_) {
+        return _.type === "info";
+      }), p = o.filter(function(_) {
+        return _.type === "warning";
+      });
+      e.setState({
+        notices: l,
+        warnings: p
+      });
+    }), e;
+  }
+  return h(t, [{
+    key: "componentDidMount",
+    value: function() {
+      this._unsubscribe = this.asProps.manager.addListener(this.handleChange);
+    }
+  }, {
+    key: "render",
+    value: function() {
+      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: u
+      }), /* @__PURE__ */ r.createElement(a, i.cn("SNoticeBubble", d({}, q({
+        ref: M,
+        tag: "section",
+        role: "region",
+        "aria-label": f("notification"),
+        zIndex: C
+      }, n))), /* @__PURE__ */ r.createElement(p, i.cn("Children", {})), /* @__PURE__ */ r.createElement(V, i.cn("Notices", {
+        styles: _,
+        data: E,
+        tag: F,
+        getI18nText: f
+      })), /* @__PURE__ */ r.createElement(o, i.cn("SNoticeAriaLiveWrapper", {
+        "aria-live": "polite"
+      }), /* @__PURE__ */ r.createElement(V, i.cn("Notices", {
+        styles: _,
+        data: w,
+        tag: R,
+        getI18nText: f
+      }))))));
+    }
+  }]), t;
+}(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(m, c) {
+  var t = m.focusLock, e = z(m, me), n = r.useRef();
+  oe(n, !1, "auto", !t, !0);
+  var i = ue(c, n);
+  return /* @__PURE__ */ r.createElement(N, H({
+    ref: i
+  }, e));
+}), 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 = 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);
+    }), s(g(e), "handleMouseEnter", function() {
+      e.timer && e.timer.pause();
+    }), s(g(e), "handleMouseLeave", function() {
+      e.timer && e.timer.resume();
+    }), 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;
+  }
+  return h(t, [{
+    key: "componentDidMount",
+    value: function() {
+      var n = 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(l) {
+          return l !== n.closeButtonRef.current;
+        });
+        o.length > 0 && setTimeout(function() {
+          return ae(a);
+        }, 0);
+      }
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function() {
+      this.clearTimer(), document.body.removeEventListener("mousemove", this.handleBodyMouseMove);
+    }
+  }, {
+    key: "clearTimer",
+    value: function() {
+      this.timer && (this.timer.clear(), this.timer = null);
+    }
+  }, {
+    key: "render",
+    value: function() {
+      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: j === "warning" ? "alert" : this.props.role
+      })), /* @__PURE__ */ r.createElement(
+        a,
+        n.cn("SDismiss", {
+          "aria-haspopup": void 0,
+          tag: D,
+          type: "button",
+          use: "tertiary",
+          size: "m",
+          theme: "invert",
+          onClick: this.handleClose,
+          "aria-label": w("close"),
+          active: !1,
+          title: w("close"),
+          ref: this.closeButtonRef
+        }),
+        /* @__PURE__ */ r.createElement(D.Addon, {
+          tag: ee,
+          color: "icon-primary-invert"
+        })
+      ), 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;
+}(P), F = /* @__PURE__ */ function(m) {
+  b(t, m);
+  var c = x(t);
+  function t() {
+    return v(this, t), c.apply(this, arguments);
+  }
+  return h(t);
+}(R);
+s(F, "defaultProps", {
+  type: "warning",
+  duration: 0
+});
+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 = c.call.apply(c, [this].concat(i)), s(g(e), "_notice", null), e;
+  }
+  return h(t, [{
+    key: "componentDidMount",
+    value: function() {
+      this._notice = this.asProps.manager.add(this.asProps);
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function() {
+      this._notice && this._notice.remove();
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function() {
+      this._notice && this._notice.update(this.asProps);
+    }
+  }, {
+    key: "render",
+    value: function() {
+      return null;
+    }
+  }]), t;
+}(P);
+s(T, "defaultProps", {
+  duration: 5e3,
+  type: "info",
+  manager: L
+});
+var U = /* @__PURE__ */ function(m) {
+  b(t, m);
+  var c = x(t);
+  function t() {
+    return v(this, t), c.apply(this, arguments);
+  }
+  return h(t);
+}(T);
+s(U, "defaultProps", {
+  duration: 5e3,
+  type: "warning",
+  manager: L
+});
+var Z = Y(y, {
+  Info: T,
+  Warning: U
+}), Ye = Z.Info, qe = Z.Warning;
+export {
+  Ye as NoticeBubble,
+  qe as NoticeBubbleWarning,
+  Z as default
+};

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

@@ -0,0 +1,91 @@
+import s from "@babel/runtime/helpers/esm/objectSpread2";
+import f from "@babel/runtime/helpers/esm/classCallCheck";
+import c from "@babel/runtime/helpers/esm/createClass";
+import u from "@babel/runtime/helpers/esm/defineProperty";
+import l from 'intergalactic/utils/lib/eventEmitter';
+import { callAllEventHandlers as h } from 'intergalactic/utils/lib/assignProps';
+import { setFocus as d } from 'intergalactic/utils/lib/use/useFocusLock';
+import v from "react";
+var m = "CHANGE", p = /* @__PURE__ */ function() {
+  function a() {
+    f(this, a), u(this, "items", []), u(this, "emitter", null), u(this, "counter", 0), u(this, "replaceTimer", 0), this.emitter = new l();
+  }
+  return c(a, [{
+    key: "addListener",
+    value: function(e) {
+      return this.emitter.subscribe(m, e);
+    }
+  }, {
+    key: "createItem",
+    value: function(e) {
+      var t = this;
+      return s(s({
+        type: "info"
+      }, e), {}, {
+        onClose: h(e.onClose, function() {
+          t.remove(e.uid);
+        })
+      });
+    }
+  }, {
+    key: "emit",
+    value: function() {
+      this.emitter.emit(m, this.items);
+    }
+  }, {
+    key: "add",
+    value: function(e) {
+      var t = this.counter++, i = /* @__PURE__ */ v.createRef(), r = function() {
+        return setTimeout(function() {
+          return d(i.current);
+        }, 0);
+      }, o = this.createItem(s({
+        uid: t,
+        visible: e.initialAnimation ? !0 : void 0,
+        forwardRef: i
+      }, e));
+      return this.items.push(o), this.emit(), {
+        uid: t,
+        update: this.update.bind(this, t),
+        remove: this.remove.bind(this, t),
+        ref: i,
+        // todo Brauer Ilia: remove this property, because we added logic about autofocus in Notice
+        focus: r
+      };
+    }
+  }, {
+    key: "update",
+    value: function(e, t) {
+      var i = this.items.findIndex(function(r) {
+        return r.uid === e;
+      });
+      return i !== -1 ? (this.items[i] = this.createItem(s(s({}, this.items[i]), t)), this.emit(), !0) : !1;
+    }
+  }, {
+    key: "replaceLast",
+    value: function(e) {
+      var t = this;
+      this.replaceTimer && clearTimeout(this.replaceTimer);
+      var i = this.items[this.items.length - 1];
+      i != null && i.visible && this.remove(this.counter - 1), this.replaceTimer = setTimeout(function() {
+        t.add(e);
+      }, 300);
+    }
+  }, {
+    key: "remove",
+    value: function(e) {
+      var t = this, i = this.items.find(function(r) {
+        return r.uid === e;
+      });
+      return i ? (i.visible = !1, setTimeout(function() {
+        t.items = t.items.filter(function(r) {
+          return r.uid !== e;
+        }), t.emit();
+      }, 1e3), this.emit(), !0) : !1;
+    }
+  }]), a;
+}(), N = new p();
+export {
+  p as NoticeBubbleManager,
+  N as default
+};