intergalactic 15.96.1 → 15.97.0

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

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
@@ -8,7 +9,8 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import { sstyled as _sstyled } from 'intergalactic/utils/lib/core/index';
 import { assignProps as _assignProps } from 'intergalactic/core';
-var _excluded = ["forwardRef", "styles", "onMouseEnter", "onMouseLeave", "getI18nText", "icon", "children", "action"];
+var _excluded = ["focusLock"],
+  _excluded2 = ["forwardRef", "styles", "onMouseEnter", "onMouseLeave", "getI18nText", "icon", "children", "action", "type"];
 import React from 'react';
 import Portal from 'intergalactic/portal';
 import manager from './NoticeBubbleManager';
@@ -24,21 +26,23 @@ import { localizedMessages } from './translations/__intergalactic-dynamic-locale
 import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
 import { useCssVariable } from 'intergalactic/utils/lib/useCssVariable';
 import { contextThemeEnhance } from 'intergalactic/utils/lib/ThemeProvider';
+import Button from 'intergalactic/button';
+import { useFocusLock } from 'intergalactic/utils/lib/use/useFocusLock';
 /*__reshadow-styles__:"./style/notice-bubble.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes enter_357r9{0%{transform:translate(100%,0);max-height:0;overflow:hidden}to{transform:translate(0,0);max-height:100vh;overflow:hidden}}@keyframes exit_357r9{0%{max-height:100vh;overflow:hidden;opacity:1}to{max-height:0;overflow:hidden;opacity:0}}.___SBubble_357r9_gg_,.___SView_357r9_gg_{position:relative;margin-bottom:var(--intergalactic-spacing-3x, 12px);padding:var(--intergalactic-spacing-3x, 12px) calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-1x, 4px)) var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-3x, 12px);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_357r9_gg_._type_info_357r9_gg_,.___SView_357r9_gg_._type_info_357r9_gg_{background:var(--intergalactic-bg-primary-invert, #191b23)}.___SBubble_357r9_gg_._type_warning_357r9_gg_,.___SView_357r9_gg_._type_warning_357r9_gg_{background:var(--intergalactic-bg-primary-critical, #ff4953)}.___SContent_357r9_gg_{flex-direction:column;gap:var(--intergalactic-spacing-2x, 8px);flex:1}.___SMessage_357r9_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-100, 133%)}.___SDismiss_357r9_gg_{cursor:pointer;position:absolute;right:0;top:0;padding:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary-invert, #ffffff);border:0;background:0 0}@media (hover:hover){.___SDismiss_357r9_gg_:hover{color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}}.___SNoticeBubble_357r9_gg_{width:300px;position:fixed;z-index:var(--intergalactic-z-index-notice-bubble, 999);right:var(--intergalactic-spacing-3x, 12px);top:var(--intergalactic-spacing-3x, 12px)}@media (max-width:767px){.___SNoticeBubble_357r9_gg_{width:calc(100% - var(--intergalactic-spacing-6x, 24px))}}.___SNoticeBubble_357r9_gg_.__disablePortal_357r9_gg_{position:sticky;margin-left:auto;height:0}.___SMessage_357r9_gg_ a{color:var(--intergalactic-text-link-invert, #8ecdff)}" /*__inner_css_end__*/, "357r9_gg_") /*__reshadow_css_end__*/, {
-  "__SContent": "___SContent_357r9_gg_",
-  "__SMessage": "___SMessage_357r9_gg_",
-  "__SNoticeBubble": "___SNoticeBubble_357r9_gg_",
-  "_disablePortal": "__disablePortal_357r9_gg_",
-  "@enter": "enter_357r9",
-  "@exit": "exit_357r9",
-  "__SBubble": "___SBubble_357r9_gg_",
-  "__SView": "___SView_357r9_gg_",
-  "_type_info": "_type_info_357r9_gg_",
-  "_type_warning": "_type_warning_357r9_gg_",
-  "__SDismiss": "___SDismiss_357r9_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes enter_b2do0{0%{transform:translate(100%,0);max-height:0;overflow:hidden}to{transform:translate(0,0);max-height:100vh;overflow:hidden}}@keyframes exit_b2do0{0%{max-height:100vh;overflow:hidden;opacity:1}to{max-height:0;overflow:hidden;opacity:0}}.___SBubble_b2do0_gg_,.___SView_b2do0_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_b2do0_gg_._type_info_b2do0_gg_,.___SView_b2do0_gg_._type_info_b2do0_gg_{background:var(--intergalactic-bg-primary-invert, #191b23)}.___SBubble_b2do0_gg_._type_warning_b2do0_gg_,.___SView_b2do0_gg_._type_warning_b2do0_gg_{background:var(--intergalactic-bg-primary-critical, #ff4953)}.___SContent_b2do0_gg_{flex-direction:column;gap:var(--intergalactic-spacing-2x, 8px);flex:1}.___SMessage_b2do0_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-100, 133%)}.___SDismiss_b2do0_gg_{cursor:pointer;position:absolute;right:0;top:0;padding:var(--intergalactic-spacing-2x, 8px)0;margin:var(--intergalactic-spacing-1x, 4px);flex-shrink:0;border:0;background:0 0}.___SDismiss_b2do0_gg_ svg{color:var(--intergalactic-text-primary-invert, #ffffff)}@media (hover:hover){.___SDismiss_b2do0_gg_:hover svg{color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}}.___SNoticeBubble_b2do0_gg_{width:300px;position:fixed;z-index:var(--intergalactic-z-index-notice-bubble, 999);right:var(--intergalactic-spacing-3x, 12px);top:var(--intergalactic-spacing-3x, 12px)}@media (max-width:767px){.___SNoticeBubble_b2do0_gg_{width:calc(100% - var(--intergalactic-spacing-6x, 24px))}}.___SNoticeBubble_b2do0_gg_.__disablePortal_b2do0_gg_{position:sticky;margin-left:auto;height:0}.___SMessage_b2do0_gg_ a{color:var(--intergalactic-text-link-invert, #8ecdff)}" /*__inner_css_end__*/, "b2do0_gg_") /*__reshadow_css_end__*/, {
+  "__SContent": "___SContent_b2do0_gg_",
+  "__SMessage": "___SMessage_b2do0_gg_",
+  "__SNoticeBubble": "___SNoticeBubble_b2do0_gg_",
+  "_disablePortal": "__disablePortal_b2do0_gg_",
+  "@enter": "enter_b2do0",
+  "@exit": "exit_b2do0",
+  "__SBubble": "___SBubble_b2do0_gg_",
+  "__SView": "___SView_b2do0_gg_",
+  "_type_info": "_type_info_b2do0_gg_",
+  "_type_warning": "_type_warning_b2do0_gg_",
+  "__SDismiss": "___SDismiss_b2do0_gg_"
 });
-import { forkRef } from 'intergalactic/utils/lib/ref';
+import { forkRef, useForkRef } from 'intergalactic/utils/lib/ref';
 var Notices = function Notices(props) {
   var styles = props.styles,
     _props$data = props.data,
@@ -68,10 +72,13 @@ var Notices = function Notices(props) {
 var NoticeBubbleContainerRoot = /*#__PURE__*/function (_Component) {
   _inherits(NoticeBubbleContainerRoot, _Component);
   var _super = _createSuper(NoticeBubbleContainerRoot);
-  function NoticeBubbleContainerRoot(props) {
+  function NoticeBubbleContainerRoot() {
     var _this;
     _classCallCheck(this, NoticeBubbleContainerRoot);
-    _this = _super.call(this, props);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
     _defineProperty(_assertThisInitialized(_this), "_unsubscribe", null);
     _defineProperty(_assertThisInitialized(_this), "state", {
       notices: [],
@@ -94,11 +101,16 @@ var NoticeBubbleContainerRoot = /*#__PURE__*/function (_Component) {
         warnings: warning
       });
     });
-    props.manager.counter = 0;
-    _this._unsubscribe = props.manager.addListener(_this.handleChange);
     return _this;
   }
   _createClass(NoticeBubbleContainerRoot, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var manager = this.asProps.manager;
+      manager.counter = 0;
+      this._unsubscribe = manager.addListener(this.handleChange);
+    }
+  }, {
     key: "render",
     value: function render() {
       var _ref = this.asProps,
@@ -116,9 +128,11 @@ var NoticeBubbleContainerRoot = /*#__PURE__*/function (_Component) {
       return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(Portal, _ref3.cn("Portal", {
         "disablePortal": disablePortal
       }), /*#__PURE__*/React.createElement(SNoticeBubble, _ref3.cn("SNoticeBubble", _objectSpread({}, _assignProps({
-        "role": 'alert',
-        "aria-live": 'assertive',
-        "ref": ref
+        "ref": ref,
+        "tag": 'section',
+        "role": 'region',
+        "aria-live": 'polite',
+        "aria-label": getI18nText('notification')
       }, _ref))), /*#__PURE__*/React.createElement(Children, _ref3.cn("Children", {})), /*#__PURE__*/React.createElement(Notices, _ref3.cn("Notices", {
         "styles": styles,
         "data": warnings,
@@ -142,14 +156,24 @@ _defineProperty(NoticeBubbleContainerRoot, "defaultProps", {
   i18n: localizedMessages,
   locale: 'en'
 });
+var FocusLock = /*#__PURE__*/React.forwardRef(function (props, outerRef) {
+  var focusLock = props.focusLock,
+    other = _objectWithoutProperties(props, _excluded);
+  var innerRef = React.useRef();
+  useFocusLock(innerRef, false, 'auto', !focusLock, true);
+  var ref = useForkRef(outerRef, innerRef);
+  return /*#__PURE__*/React.createElement(Flex, _extends({
+    ref: ref
+  }, other));
+});
 var ViewInfo = /*#__PURE__*/function (_Component2) {
   _inherits(ViewInfo, _Component2);
   var _super2 = _createSuper(ViewInfo);
   function ViewInfo() {
     var _this2;
     _classCallCheck(this, ViewInfo);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
     }
     _this2 = _super2.call.apply(_super2, [this].concat(args));
     _defineProperty(_assertThisInitialized(_this2), "timer", null);
@@ -204,8 +228,8 @@ var ViewInfo = /*#__PURE__*/function (_Component2) {
     key: "render",
     value: function render() {
       var _ref4;
-      var SBubble = Flex;
-      var SDismiss = 'button';
+      var SBubble = FocusLock;
+      var SDismiss = Button;
       var SContent = Flex;
       var SMessage = 'div';
       var SAction = 'div';
@@ -218,19 +242,21 @@ var ViewInfo = /*#__PURE__*/function (_Component2) {
         icon = _this$props.icon,
         children = _this$props.children,
         actionNode = _this$props.action,
-        other = _objectWithoutProperties(_this$props, _excluded);
-      return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SBubble, _ref4.cn("SBubble", _objectSpread(_objectSpread({
-        "role": 'alert'
-      }, other), {}, {
+        type = _this$props.type,
+        other = _objectWithoutProperties(_this$props, _excluded2);
+      return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SBubble, _ref4.cn("SBubble", _objectSpread(_objectSpread({}, other), {}, {
         "ref": forkRef(forwardRef, this.ref),
         "onMouseEnter": callAllEventHandlers(onMouseEnter, this.handleMouseEnter),
         "onMouseLeave": callAllEventHandlers(onMouseLeave, this.handleMouseLeave)
       })), /*#__PURE__*/React.createElement(SDismiss, _ref4.cn("SDismiss", {
         "type": 'button',
-        "title": getI18nText('close'),
-        "onClick": this.handleClose,
-        "aria-label": getI18nText('close')
-      }), /*#__PURE__*/React.createElement(CloseIcon, _ref4.cn("CloseIcon", {}))), isNode(icon) ? /*#__PURE__*/React.createElement(React.Fragment, null, icon, /*#__PURE__*/React.createElement(SContent, _ref4.cn("SContent", {}), /*#__PURE__*/React.createElement(SMessage, _ref4.cn("SMessage", {}), children), isNode(actionNode) ? /*#__PURE__*/React.createElement(SAction, _ref4.cn("SAction", {}), actionNode) : null)) : /*#__PURE__*/React.createElement(SContent, _ref4.cn("SContent", {}), /*#__PURE__*/React.createElement(SMessage, _ref4.cn("SMessage", {}), children), isNode(actionNode) ? /*#__PURE__*/React.createElement(SAction, _ref4.cn("SAction", {}), actionNode) : null));
+        "use": 'tertiary',
+        "theme": 'muted',
+        "aria-label": getI18nText('close'),
+        "onClick": this.handleClose
+      }), /*#__PURE__*/React.createElement(CloseIcon, _ref4.cn("CloseIcon", {}))), isNode(icon) ? /*#__PURE__*/React.createElement(React.Fragment, null, icon, /*#__PURE__*/React.createElement(SContent, _ref4.cn("SContent", {}), /*#__PURE__*/React.createElement(SMessage, _ref4.cn("SMessage", {}), children), isNode(actionNode) ? /*#__PURE__*/React.createElement(SAction, _ref4.cn("SAction", {}), actionNode) : null)) : /*#__PURE__*/React.createElement(SContent, _ref4.cn("SContent", {
+        "role": type === 'warning' ? 'alert' : undefined
+      }), /*#__PURE__*/React.createElement(SMessage, _ref4.cn("SMessage", {}), children), isNode(actionNode) ? /*#__PURE__*/React.createElement(SAction, _ref4.cn("SAction", {}), actionNode) : null));
     }
   }]);
   return ViewInfo;
@@ -254,8 +280,8 @@ var NoticeBubbleView = /*#__PURE__*/function (_Component3) {
   function NoticeBubbleView() {
     var _this3;
     _classCallCheck(this, NoticeBubbleView);
-    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-      args[_key2] = arguments[_key2];
+    for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+      args[_key3] = arguments[_key3];
     }
     _this3 = _super4.call.apply(_super4, [this].concat(args));
     _defineProperty(_assertThisInitialized(_this3), "_notice", null);

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

@@ -1 +1 @@
-{"version":3,"file":"NoticeBubble.js","names":["React","Portal","manager","createComponent","Component","sstyled","Root","Animation","Flex","Box","fire","isNode","callAllEventHandlers","CloseIcon","Timer","localizedMessages","i18nEnhance","useCssVariable","contextThemeEnhance","style","_sstyled","insert","forkRef","Notices","props","styles","_props$data","data","_props$tag","tag","SView","ViewInfo","ref","useRef","durationStr","duration","useMemo","parseInt","map","notice","_ref2","_notice$visible","createElement","cn","uid","initialAnimation","visible","_objectSpread","getI18nText","NoticeBubbleContainerRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","call","_defineProperty","_assertThisInitialized","notices","warnings","_unsubscribe","info","filter","type","warning","setState","counter","addListener","handleChange","_createClass","key","value","render","_ref","asProps","_ref3","SNoticeBubble","_this$asProps","Children","disablePortal","_this$state","state","_assignProps","ViewWarning","i18n","locale","_Component2","_super2","_this2","_len","arguments","length","args","Array","_key","apply","concat","createRef","e","clearTimer","timer","pause","resume","event","_this2$timer","paused","rect","current","getBoundingClientRect","mouseInRect","clientX","left","right","clientY","top","bottom","componentDidMount","handleClose","document","body","addEventListener","handleBodyMouseMove","componentWillUnmount","removeEventListener","clear","_ref4","SBubble","SDismiss","SContent","SMessage","SAction","_this$props","forwardRef","onMouseEnter","onMouseLeave","icon","children","actionNode","action","other","_objectWithoutProperties","_excluded","handleMouseEnter","handleMouseLeave","Fragment","_ViewInfo","_super3","NoticeBubbleView","_Component3","_super4","_this3","_len2","_key2","_notice","add","remove","componentDidUpdate","update","NoticeBubbleWarningView","_NoticeBubbleView","_super5","NoticeBubbleContainer","Info","Warning","NoticeBubble","NoticeBubbleWarning"],"sources":["../../src/NoticeBubble.jsx"],"sourcesContent":["import React from 'react';\nimport Portal from '@semcore/portal';\nimport manager from './NoticeBubbleManager';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Animation } from '@semcore/animation';\nimport { Flex, Box } from '@semcore/flex-box';\nimport fire from '@semcore/utils/lib/fire';\nimport isNode from '@semcore/utils/lib/isNode';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport CloseIcon from '@semcore/icon/Close/m';\nimport { Timer } from './utils';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { useCssVariable } from '@semcore/utils/lib/useCssVariable';\nimport { contextThemeEnhance } from '@semcore/utils/lib/ThemeProvider';\n\nimport style from './style/notice-bubble.shadow.css';\nimport { forkRef } from '@semcore/utils/lib/ref';\n\nconst Notices = (props) => {\n  const { styles, data = [], tag: SView = ViewInfo } = props;\n  const ref = React.useRef();\n  const durationStr = useCssVariable('--intergalactic-duration-popper', '200', ref);\n  const duration = React.useMemo(() => parseInt(durationStr, 10), [durationStr]);\n\n  return data.map((notice) => {\n    return sstyled(styles)(\n      <Animation\n        key={notice.uid}\n        initialAnimation={notice.initialAnimation}\n        visible={notice.visible ?? true}\n        duration={duration}\n        keyframes={[styles['@enter'], styles['@exit']]}\n        ref={ref}\n      >\n        <SView {...notice} styles={notice.styles || styles} getI18nText={props.getI18nText} />\n      </Animation>,\n    );\n  });\n};\n\nclass NoticeBubbleContainerRoot extends Component {\n  static displayName = 'NoticeBubbleContainer';\n  static style = style;\n  static enhance = [i18nEnhance(localizedMessages), contextThemeEnhance()];\n  static defaultProps = {\n    manager,\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n\n  _unsubscribe = null;\n\n  state = {\n    notices: [],\n    warnings: [],\n  };\n\n  constructor(props) {\n    super(props);\n    props.manager.counter = 0;\n    this._unsubscribe = props.manager.addListener(this.handleChange);\n  }\n\n  componentWillUnmount = () => {\n    if (this._unsubscribe) {\n      this._unsubscribe();\n    }\n  };\n\n  handleChange = (notices) => {\n    const info = notices.filter((notice) => notice.type === 'info');\n    const warning = notices.filter((notice) => notice.type === 'warning');\n\n    this.setState({ notices: info, warnings: warning });\n  };\n\n  render() {\n    const SNoticeBubble = Root;\n    const { Children, styles, disablePortal, getI18nText, ref } = this.asProps;\n    const { notices, warnings } = this.state;\n\n    return sstyled(styles)(\n      <Portal disablePortal={disablePortal}>\n        <SNoticeBubble render={Box} role='alert' aria-live='assertive' ref={ref}>\n          <Children />\n          <Notices styles={styles} data={warnings} tag={ViewWarning} getI18nText={getI18nText} />\n          <Notices styles={styles} data={notices} tag={ViewInfo} getI18nText={getI18nText} />\n        </SNoticeBubble>\n      </Portal>,\n    );\n  }\n}\n\nclass ViewInfo extends Component {\n  timer = null;\n  ref = React.createRef();\n\n  componentDidMount() {\n    const { duration } = this.props;\n    if (duration) {\n      this.timer = new Timer(this.handleClose, duration);\n      document.body.addEventListener('mousemove', this.handleBodyMouseMove);\n    }\n  }\n\n  componentWillUnmount() {\n    this.clearTimer();\n    document.body.removeEventListener('mousemove', this.handleBodyMouseMove);\n  }\n\n  clearTimer() {\n    if (this.timer) {\n      this.timer.clear();\n      this.timer = null;\n    }\n  }\n\n  handleClose = (e) => {\n    // because it might be called not only from the close icon click\n    fire(this, 'onClose', e);\n    this.clearTimer();\n  };\n\n  handleMouseEnter = () => {\n    if (!this.timer) return;\n    this.timer.pause();\n  };\n\n  handleMouseLeave = () => {\n    if (!this.timer) return;\n    this.timer.resume();\n  };\n\n  handleBodyMouseMove = (event) => {\n    if (!this.timer?.paused) return;\n    const rect = this.ref.current.getBoundingClientRect();\n    const mouseInRect =\n      event.clientX >= rect.left &&\n      event.clientX <= rect.right &&\n      event.clientY >= rect.top &&\n      event.clientY <= rect.bottom;\n    if (mouseInRect) return;\n    this.timer.resume();\n  };\n\n  render() {\n    const SBubble = Flex;\n    const SDismiss = 'button';\n    const SContent = Flex;\n    const SMessage = 'div';\n    const SAction = 'div';\n    const {\n      forwardRef,\n      styles,\n      onMouseEnter,\n      onMouseLeave,\n      getI18nText,\n      icon,\n      children,\n      action: actionNode,\n      ...other\n    } = this.props;\n\n    return sstyled(styles)(\n      <SBubble\n        role='alert'\n        {...other}\n        ref={forkRef(forwardRef, this.ref)}\n        onMouseEnter={callAllEventHandlers(onMouseEnter, this.handleMouseEnter)}\n        onMouseLeave={callAllEventHandlers(onMouseLeave, this.handleMouseLeave)}\n      >\n        <SDismiss\n          type='button'\n          title={getI18nText('close')}\n          onClick={this.handleClose}\n          aria-label={getI18nText('close')}\n        >\n          <CloseIcon />\n        </SDismiss>\n        {isNode(icon) ? (\n          <>\n            {icon}\n            <SContent>\n              <SMessage>{children}</SMessage>\n              {isNode(actionNode) ? <SAction>{actionNode}</SAction> : null}\n            </SContent>\n          </>\n        ) : (\n          <SContent>\n            <SMessage>{children}</SMessage>\n            {isNode(actionNode) ? <SAction>{actionNode}</SAction> : null}\n          </SContent>\n        )}\n      </SBubble>,\n    );\n  }\n}\n\nclass ViewWarning extends ViewInfo {\n  static defaultProps = {\n    type: 'warning',\n    duration: 0,\n  };\n}\n\nclass NoticeBubbleView extends Component {\n  static defaultProps = {\n    duration: 5000,\n    type: 'info',\n    manager,\n  };\n\n  _notice = null;\n\n  componentDidMount() {\n    this._notice = this.asProps.manager.add(this.asProps);\n  }\n\n  componentWillUnmount() {\n    if (this._notice) {\n      this._notice.remove();\n    }\n  }\n\n  componentDidUpdate() {\n    if (this._notice) {\n      this._notice.update(this.asProps);\n    }\n  }\n\n  render() {\n    return null;\n  }\n}\n\nclass NoticeBubbleWarningView extends NoticeBubbleView {\n  static defaultProps = {\n    duration: 5000,\n    type: 'warning',\n    manager,\n  };\n}\n\nconst NoticeBubbleContainer = createComponent(NoticeBubbleContainerRoot, {\n  Info: NoticeBubbleView,\n  Warning: NoticeBubbleWarningView,\n});\n\nconst NoticeBubble = NoticeBubbleContainer.Info;\nconst NoticeBubbleWarning = NoticeBubbleContainer.Warning;\n\nexport { NoticeBubble, NoticeBubbleWarning };\n\nexport default NoticeBubbleContainer;\n"],"mappings":"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"}
+{"version":3,"file":"NoticeBubble.js","names":["React","Portal","manager","createComponent","Component","sstyled","Root","Animation","Flex","Box","fire","isNode","callAllEventHandlers","CloseIcon","Timer","localizedMessages","i18nEnhance","useCssVariable","contextThemeEnhance","Button","useFocusLock","style","_sstyled","insert","forkRef","useForkRef","Notices","props","styles","_props$data","data","_props$tag","tag","SView","ViewInfo","ref","useRef","durationStr","duration","useMemo","parseInt","map","notice","_ref2","_notice$visible","createElement","cn","uid","initialAnimation","visible","_objectSpread","getI18nText","NoticeBubbleContainerRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","notices","warnings","_unsubscribe","info","filter","type","warning","setState","_createClass","key","value","componentDidMount","asProps","counter","addListener","handleChange","render","_ref","_ref3","SNoticeBubble","_this$asProps","Children","disablePortal","_this$state","state","_assignProps","ViewWarning","i18n","locale","FocusLock","forwardRef","outerRef","focusLock","other","_objectWithoutProperties","_excluded","innerRef","_extends","_Component2","_super2","_this2","_len2","_key2","createRef","e","clearTimer","timer","pause","resume","event","_this2$timer","paused","rect","current","getBoundingClientRect","mouseInRect","clientX","left","right","clientY","top","bottom","handleClose","document","body","addEventListener","handleBodyMouseMove","componentWillUnmount","removeEventListener","clear","_ref4","SBubble","SDismiss","SContent","SMessage","SAction","_this$props","onMouseEnter","onMouseLeave","icon","children","actionNode","action","_excluded2","handleMouseEnter","handleMouseLeave","Fragment","undefined","_ViewInfo","_super3","NoticeBubbleView","_Component3","_super4","_this3","_len3","_key3","_notice","add","remove","componentDidUpdate","update","NoticeBubbleWarningView","_NoticeBubbleView","_super5","NoticeBubbleContainer","Info","Warning","NoticeBubble","NoticeBubbleWarning"],"sources":["../../src/NoticeBubble.jsx"],"sourcesContent":["import React from 'react';\nimport Portal from '@semcore/portal';\nimport manager from './NoticeBubbleManager';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Animation } from '@semcore/animation';\nimport { Flex, Box } from '@semcore/flex-box';\nimport fire from '@semcore/utils/lib/fire';\nimport isNode from '@semcore/utils/lib/isNode';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport CloseIcon from '@semcore/icon/Close/m';\nimport { Timer } from './utils';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { useCssVariable } from '@semcore/utils/lib/useCssVariable';\nimport { contextThemeEnhance } from '@semcore/utils/lib/ThemeProvider';\nimport Button from '@semcore/button';\nimport { useFocusLock } from '@semcore/utils/lib/use/useFocusLock';\n\nimport style from './style/notice-bubble.shadow.css';\nimport { forkRef, useForkRef } from '@semcore/utils/lib/ref';\n\nconst Notices = (props) => {\n  const { styles, data = [], tag: SView = ViewInfo } = props;\n  const ref = React.useRef();\n  const durationStr = useCssVariable('--intergalactic-duration-popper', '200', ref);\n  const duration = React.useMemo(() => parseInt(durationStr, 10), [durationStr]);\n\n  return data.map((notice) => {\n    return sstyled(styles)(\n      <Animation\n        key={notice.uid}\n        initialAnimation={notice.initialAnimation}\n        visible={notice.visible ?? true}\n        duration={duration}\n        keyframes={[styles['@enter'], styles['@exit']]}\n        ref={ref}\n      >\n        <SView {...notice} styles={notice.styles || styles} getI18nText={props.getI18nText} />\n      </Animation>,\n    );\n  });\n};\n\nclass NoticeBubbleContainerRoot extends Component {\n  static displayName = 'NoticeBubbleContainer';\n  static style = style;\n  static enhance = [i18nEnhance(localizedMessages), contextThemeEnhance()];\n  static defaultProps = {\n    manager,\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n\n  _unsubscribe = null;\n\n  state = {\n    notices: [],\n    warnings: [],\n  };\n\n  componentDidMount() {\n    const { manager } = this.asProps;\n    manager.counter = 0;\n    this._unsubscribe = manager.addListener(this.handleChange);\n  }\n\n  componentWillUnmount = () => {\n    if (this._unsubscribe) {\n      this._unsubscribe();\n    }\n  };\n\n  handleChange = (notices) => {\n    const info = notices.filter((notice) => notice.type === 'info');\n    const warning = notices.filter((notice) => notice.type === 'warning');\n\n    this.setState({ notices: info, warnings: warning });\n  };\n\n  render() {\n    const SNoticeBubble = Root;\n    const { Children, styles, disablePortal, getI18nText, ref } = this.asProps;\n    const { notices, warnings } = this.state;\n\n    return sstyled(styles)(\n      <Portal disablePortal={disablePortal}>\n        <SNoticeBubble\n          render={Box}\n          ref={ref}\n          tag='section'\n          role='region'\n          aria-live='polite'\n          aria-label={getI18nText('notification')}\n        >\n          <Children />\n          <Notices styles={styles} data={warnings} tag={ViewWarning} getI18nText={getI18nText} />\n          <Notices styles={styles} data={notices} tag={ViewInfo} getI18nText={getI18nText} />\n        </SNoticeBubble>\n      </Portal>,\n    );\n  }\n}\n\nconst FocusLock = React.forwardRef((props, outerRef) => {\n  const { focusLock, ...other } = props;\n  const innerRef = React.useRef();\n  useFocusLock(innerRef, false, 'auto', !focusLock, true);\n  const ref = useForkRef(outerRef, innerRef);\n\n  return <Flex ref={ref} {...other} />;\n});\n\nclass ViewInfo extends Component {\n  timer = null;\n  ref = React.createRef();\n\n  componentDidMount() {\n    const { duration } = this.props;\n    if (duration) {\n      this.timer = new Timer(this.handleClose, duration);\n      document.body.addEventListener('mousemove', this.handleBodyMouseMove);\n    }\n  }\n\n  componentWillUnmount() {\n    this.clearTimer();\n    document.body.removeEventListener('mousemove', this.handleBodyMouseMove);\n  }\n\n  clearTimer() {\n    if (this.timer) {\n      this.timer.clear();\n      this.timer = null;\n    }\n  }\n\n  handleClose = (e) => {\n    // because it might be called not only from the close icon click\n    fire(this, 'onClose', e);\n    this.clearTimer();\n  };\n\n  handleMouseEnter = () => {\n    if (!this.timer) return;\n    this.timer.pause();\n  };\n\n  handleMouseLeave = () => {\n    if (!this.timer) return;\n    this.timer.resume();\n  };\n\n  handleBodyMouseMove = (event) => {\n    if (!this.timer?.paused) return;\n    const rect = this.ref.current.getBoundingClientRect();\n    const mouseInRect =\n      event.clientX >= rect.left &&\n      event.clientX <= rect.right &&\n      event.clientY >= rect.top &&\n      event.clientY <= rect.bottom;\n    if (mouseInRect) return;\n    this.timer.resume();\n  };\n\n  render() {\n    const SBubble = FocusLock;\n    const SDismiss = Button;\n    const SContent = Flex;\n    const SMessage = 'div';\n    const SAction = 'div';\n    const {\n      forwardRef,\n      styles,\n      onMouseEnter,\n      onMouseLeave,\n      getI18nText,\n      icon,\n      children,\n      action: actionNode,\n      type,\n      ...other\n    } = this.props;\n\n    return sstyled(styles)(\n      <SBubble\n        {...other}\n        ref={forkRef(forwardRef, this.ref)}\n        onMouseEnter={callAllEventHandlers(onMouseEnter, this.handleMouseEnter)}\n        onMouseLeave={callAllEventHandlers(onMouseLeave, this.handleMouseLeave)}\n      >\n        <SDismiss\n          type='button'\n          use='tertiary'\n          theme='muted'\n          aria-label={getI18nText('close')}\n          onClick={this.handleClose}\n        >\n          <CloseIcon />\n        </SDismiss>\n        {isNode(icon) ? (\n          <>\n            {icon}\n            <SContent>\n              <SMessage>{children}</SMessage>\n              {isNode(actionNode) ? <SAction>{actionNode}</SAction> : null}\n            </SContent>\n          </>\n        ) : (\n          <SContent role={type === 'warning' ? 'alert' : undefined}>\n            <SMessage>{children}</SMessage>\n            {isNode(actionNode) ? <SAction>{actionNode}</SAction> : null}\n          </SContent>\n        )}\n      </SBubble>,\n    );\n  }\n}\n\nclass ViewWarning extends ViewInfo {\n  static defaultProps = {\n    type: 'warning',\n    duration: 0,\n  };\n}\n\nclass NoticeBubbleView extends Component {\n  static defaultProps = {\n    duration: 5000,\n    type: 'info',\n    manager,\n  };\n\n  _notice = null;\n\n  componentDidMount() {\n    this._notice = this.asProps.manager.add(this.asProps);\n  }\n\n  componentWillUnmount() {\n    if (this._notice) {\n      this._notice.remove();\n    }\n  }\n\n  componentDidUpdate() {\n    if (this._notice) {\n      this._notice.update(this.asProps);\n    }\n  }\n\n  render() {\n    return null;\n  }\n}\n\nclass NoticeBubbleWarningView extends NoticeBubbleView {\n  static defaultProps = {\n    duration: 5000,\n    type: 'warning',\n    manager,\n  };\n}\n\nconst NoticeBubbleContainer = createComponent(NoticeBubbleContainerRoot, {\n  Info: NoticeBubbleView,\n  Warning: NoticeBubbleWarningView,\n});\n\nconst NoticeBubble = NoticeBubbleContainer.Info;\nconst NoticeBubbleWarning = NoticeBubbleContainer.Warning;\n\nexport { NoticeBubble, NoticeBubbleWarning };\n\nexport default NoticeBubbleContainer;\n"],"mappings":"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"}

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

@@ -4,6 +4,8 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import EventEmitter from 'intergalactic/utils/lib/eventEmitter';
 import { callAllEventHandlers } from 'intergalactic/utils/lib/assignProps';
+import { setFocus } from 'intergalactic/utils/lib/use/useFocusLock';
+import React from 'react';
 var EVENT_NAME = 'CHANGE';
 var NoticeBubbleManager = /*#__PURE__*/function () {
   function NoticeBubbleManager() {
@@ -39,16 +41,25 @@ var NoticeBubbleManager = /*#__PURE__*/function () {
     key: "add",
     value: function add(props) {
       var uid = this.counter++;
+      var ref = /*#__PURE__*/React.createRef();
+      var focus = function focus() {
+        return setTimeout(function () {
+          return setFocus(ref.current);
+        }, 0);
+      };
       var item = this.createItem(_objectSpread({
         uid: uid,
-        visible: props.initialAnimation ? true : undefined
+        visible: props.initialAnimation ? true : undefined,
+        forwardRef: ref
       }, props));
       this.items.push(item);
       this.emit();
       return {
         uid: uid,
         update: this.update.bind(this, uid),
-        remove: this.remove.bind(this, uid)
+        remove: this.remove.bind(this, uid),
+        ref: ref,
+        focus: focus
       };
     }
   }, {

package/notice-bubble/lib/es6/NoticeBubbleManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"NoticeBubbleManager.js","names":["EventEmitter","callAllEventHandlers","EVENT_NAME","NoticeBubbleManager","_classCallCheck","_defineProperty","emitter","_createClass","key","value","addListener","fn","subscribe","createItem","props","manager","_objectSpread","type","onClose","remove","uid","emit","items","add","counter","item","visible","initialAnimation","undefined","push","update","bind","index","findIndex","_this","setTimeout","splice","noticeBubbleDefaultManager"],"sources":["../../src/NoticeBubbleManager.js"],"sourcesContent":["import EventEmitter from '@semcore/utils/lib/eventEmitter';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\n\nconst EVENT_NAME = 'CHANGE';\n\nclass NoticeBubbleManager {\n  items = [];\n  emitter = null;\n  counter = 0;\n\n  constructor() {\n    this.emitter = new EventEmitter();\n  }\n\n  addListener(fn) {\n    return this.emitter.subscribe(EVENT_NAME, fn);\n  }\n\n  createItem(props) {\n    const manager = this;\n\n    return {\n      type: 'info',\n      ...props,\n      onClose: callAllEventHandlers(props.onClose, () => {\n        manager.remove(props.uid);\n      }),\n    };\n  }\n\n  emit() {\n    this.emitter.emit(EVENT_NAME, this.items);\n  }\n\n  add(props) {\n    const uid = this.counter++;\n    const item = this.createItem({\n      uid,\n      visible: props.initialAnimation ? true : undefined,\n      ...props,\n    });\n    this.items.push(item);\n    this.emit();\n    return {\n      uid,\n      update: this.update.bind(this, uid),\n      remove: this.remove.bind(this, uid),\n    };\n  }\n\n  update(uid, props) {\n    const index = this.items.findIndex((item) => item.uid === uid);\n    if (index !== -1) {\n      this.items[index] = this.createItem({\n        ...this.items[index],\n        ...props,\n      });\n      this.emit();\n      return true;\n    }\n    return false;\n  }\n\n  remove(uid) {\n    const index = this.items.findIndex((item) => item.uid === uid);\n    if (index !== -1) {\n      this.items[index].visible = false;\n      setTimeout(() => {\n        const index = this.items.findIndex((item) => item.uid === uid);\n        if (index !== -1) {\n          this.items.splice(index, 1);\n          this.emit();\n        }\n      }, 1000);\n      this.emit();\n      return true;\n    }\n    return false;\n  }\n}\n\nconst noticeBubbleDefaultManager = new NoticeBubbleManager();\n\nexport { NoticeBubbleManager };\nexport default noticeBubbleDefaultManager;\n"],"mappings":"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"}
+{"version":3,"file":"NoticeBubbleManager.js","names":["EventEmitter","callAllEventHandlers","setFocus","React","EVENT_NAME","NoticeBubbleManager","_classCallCheck","_defineProperty","emitter","_createClass","key","value","addListener","fn","subscribe","createItem","props","manager","_objectSpread","type","onClose","remove","uid","emit","items","add","counter","ref","createRef","focus","setTimeout","current","item","visible","initialAnimation","undefined","forwardRef","push","update","bind","index","findIndex","_this","splice","noticeBubbleDefaultManager"],"sources":["../../src/NoticeBubbleManager.js"],"sourcesContent":["import EventEmitter from '@semcore/utils/lib/eventEmitter';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport { setFocus } from '@semcore/utils/lib/use/useFocusLock';\nimport React from 'react';\n\nconst EVENT_NAME = 'CHANGE';\n\nclass NoticeBubbleManager {\n  items = [];\n  emitter = null;\n  counter = 0;\n\n  constructor() {\n    this.emitter = new EventEmitter();\n  }\n\n  addListener(fn) {\n    return this.emitter.subscribe(EVENT_NAME, fn);\n  }\n\n  createItem(props) {\n    const manager = this;\n\n    return {\n      type: 'info',\n      ...props,\n      onClose: callAllEventHandlers(props.onClose, () => {\n        manager.remove(props.uid);\n      }),\n    };\n  }\n\n  emit() {\n    this.emitter.emit(EVENT_NAME, this.items);\n  }\n\n  add(props) {\n    const uid = this.counter++;\n    const ref = React.createRef();\n    const focus = () => setTimeout(() => setFocus(ref.current), 0);\n    const item = this.createItem({\n      uid,\n      visible: props.initialAnimation ? true : undefined,\n      forwardRef: ref,\n      ...props,\n    });\n    this.items.push(item);\n    this.emit();\n    return {\n      uid,\n      update: this.update.bind(this, uid),\n      remove: this.remove.bind(this, uid),\n      ref,\n      focus,\n    };\n  }\n\n  update(uid, props) {\n    const index = this.items.findIndex((item) => item.uid === uid);\n    if (index !== -1) {\n      this.items[index] = this.createItem({\n        ...this.items[index],\n        ...props,\n      });\n      this.emit();\n      return true;\n    }\n    return false;\n  }\n\n  remove(uid) {\n    const index = this.items.findIndex((item) => item.uid === uid);\n    if (index !== -1) {\n      this.items[index].visible = false;\n      setTimeout(() => {\n        const index = this.items.findIndex((item) => item.uid === uid);\n        if (index !== -1) {\n          this.items.splice(index, 1);\n          this.emit();\n        }\n      }, 1000);\n      this.emit();\n      return true;\n    }\n    return false;\n  }\n}\n\nconst noticeBubbleDefaultManager = new NoticeBubbleManager();\n\nexport { NoticeBubbleManager };\nexport default noticeBubbleDefaultManager;\n"],"mappings":"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"}

package/notice-bubble/lib/es6/index.d.js

@@ -1,18 +1,2 @@
-import _createClass from "@babel/runtime/helpers/createClass";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-/** @deprecated */
-/** @deprecated */
-/** @deprecated */
-/** @deprecated */
-/** @deprecated */
-/**
- * @deprecated use `NoticeBubbleManager` instead.
- * */
-/**
- * @deprecated use `NoticeBubbleManager` instead.
- * */
-var NoticeBubbleManager = /*#__PURE__*/_createClass(function NoticeBubbleManager() {
-  _classCallCheck(this, NoticeBubbleManager);
-});
 export {};
 //# sourceMappingURL=index.d.js.map

package/notice-bubble/lib/es6/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":["NoticeBubbleManager","_createClass","_classCallCheck"],"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.\n   */\n  duration?: number;\n  /**\n   * Enables animation on first rendering.\n   * @default false\n   */\n  initialAnimation?: 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\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  };\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\n/**\n * @deprecated use `NoticeBubbleManager` instead.\n * */\ndeclare const NoticeBubble: Intergalactic.Component<'div', NoticeBubbleInfoProps>;\n/**\n * @deprecated use `NoticeBubbleManager` instead.\n * */\ndeclare const NoticeBubbleWarning: Intergalactic.Component<'div', NoticeBubbleWarningProps>;\ndeclare const NoticeBubbleContainer: Intergalactic.Component<'div', NoticeBubbleContainerProps> & {\n  /**\n   * @deprecated use `NoticeBubbleManager` instead.\n   * */\n  Info: typeof NoticeBubble;\n\n  /**\n   * @deprecated use `NoticeBubbleManager` instead.\n   * */\n  Warning: typeof NoticeBubbleWarning;\n};\ndeclare 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  };\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\ndeclare const noticeBubbleDefaultManager: NoticeBubbleManager;\n\nexport {\n  NoticeBubbleContainer,\n  NoticeBubble,\n  NoticeBubbleWarning,\n  NoticeBubbleManager,\n  noticeBubbleDefaultManager,\n};\n/**\n * @deprecated Use `import { noticeBubbleDefaultManager } from ...` instead\n */\nexport default noticeBubbleDefaultManager;\n"],"mappings":";;AAIA;AAWA;AAsBA;AAeA;AAeA;AAwBA;AACA;AACA;AAEA;AACA;AACA;AAFA,IAecA,mBAAmB,gBAAAC,YAAA,UAAAD,oBAAA;EAAAE,eAAA,OAAAF,mBAAA;AAAA;AAAA"}
+{"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\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\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/style/notice-bubble.shadow.css

@@ -2,7 +2,8 @@ SBubble,
 SView {
   position: relative;
   margin-bottom: var(--intergalactic-spacing-3x, 12px);
-  padding: var(--intergalactic-spacing-3x, 12px) calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-1x, 4px)) var(--intergalactic-spacing-3x, 12px) 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;
@@ -35,12 +36,15 @@ SDismiss {
   position: absolute;
   right: 0;
   top: 0;
-  padding: var(--intergalactic-spacing-2x, 8px);
-  color: var(--intergalactic-text-primary-invert, #ffffff);
+  padding: var(--intergalactic-spacing-2x, 8px) 0;
+  margin: var(--intergalactic-spacing-1x, 4px);
+  flex-shrink: 0;
   border: 0;
   background: transparent;
-
-  &:hover {
+  & svg {
+    color: var(--intergalactic-text-primary-invert, #ffffff);
+  }
+  &:hover svg {
     color: var(--intergalactic-control-primary-invert-active, #e0e1e9);
   }
 }

package/notice-bubble/lib/es6/translations/de.json

@@ -1,3 +1,4 @@
 {
-  "close": "Schließen"
+  "close": "Schließen",
+  "notification": "Benachrichtigungen"
 }

package/notice-bubble/lib/es6/translations/en.json

@@ -1,3 +1,4 @@
 {
-  "close": "Close"
+  "close": "Close",
+  "notification": "Notifications"
 }

package/notice-bubble/lib/es6/translations/es.json

@@ -1,3 +1,4 @@
 {
-  "close": "Cerrar"
+  "close": "Cerrar",
+  "notification": "Notificaciones"
 }

package/notice-bubble/lib/es6/translations/fr.json

@@ -1,3 +1,4 @@
 {
-  "close": "Fermer"
+  "close": "Fermer",
+  "notification": "Notifications"
 }

package/notice-bubble/lib/es6/translations/it.json

@@ -1,3 +1,4 @@
 {
-  "close": "Chiudi"
+  "close": "Chiudi",
+  "notification": "Notifiche"
 }

package/notice-bubble/lib/es6/translations/ja.json

@@ -1,3 +1,4 @@
 {
-  "close": "閉じる"
+  "close": "閉じる",
+  "notification": "通知"
 }

package/notice-bubble/lib/es6/translations/ko.json

@@ -1,3 +1,4 @@
 {
-  "close": "닫기"
+  "close": "닫기",
+  "notification": "알림"
 }

package/notice-bubble/lib/es6/translations/nl.json

@@ -1,3 +1,4 @@
 {
-  "close": "Sluiten"
+  "close": "Sluiten",
+  "notification": "Meldingen"
 }

package/notice-bubble/lib/es6/translations/pl.json

@@ -1,3 +1,4 @@
 {
-  "close": "Zamknij"
+  "close": "Zamknij",
+  "notification": "Powiadomienia"
 }

package/notice-bubble/lib/es6/translations/pt.json

@@ -1,3 +1,4 @@
 {
-  "close": "Fechar"
+  "close": "Fechar",
+  "notification": "Notificações"
 }

package/notice-bubble/lib/es6/translations/sv.json

@@ -1,3 +1,4 @@
 {
-  "close": "Stäng"
+  "close": "Stäng",
+  "notification": "Aviseringar"
 }

package/notice-bubble/lib/es6/translations/tr.json

@@ -1,3 +1,4 @@
 {
-  "close": "Kapat"
+  "close": "Kapat",
+  "notification": "Bildirimler"
 }

package/notice-bubble/lib/es6/translations/vi.json

@@ -1,3 +1,4 @@
 {
-  "close": "Đóng"
+  "close": "Đóng",
+  "notification": "Thông báo"
 }

package/notice-bubble/lib/es6/translations/zh.json

@@ -1,3 +1,4 @@
 {
-  "close": "关闭"
+  "close": "关闭",
+  "notification": "通知"
 }