intergalactic 15.99.0 → 15.100.0-prerelease.0

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

@@ -33,22 +33,26 @@ var _useCssVariable = require("intergalactic/utils/lib/useCssVariable");
 var _ThemeProvider = require("intergalactic/utils/lib/ThemeProvider");
 var _button = _interopRequireDefault(require("intergalactic/button"));
 var _useFocusLock = require("intergalactic/utils/lib/use/useFocusLock");
+var _tooltip = require("intergalactic/tooltip");
 var _ref5 = require("intergalactic/utils/lib/ref");
 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_4mtb3{0%{transform:translate(100%,0);max-height:0;overflow:hidden}to{transform:translate(0,0);max-height:100vh;overflow:hidden}}@keyframes exit_4mtb3{0%{max-height:100vh;overflow:hidden;opacity:1}to{max-height:0;overflow:hidden;opacity:0}}.___SBubble_4mtb3_gg_,.___SView_4mtb3_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_4mtb3_gg_._type_info_4mtb3_gg_,.___SView_4mtb3_gg_._type_info_4mtb3_gg_{background:var(--intergalactic-bg-primary-invert, #191b23)}.___SBubble_4mtb3_gg_._type_warning_4mtb3_gg_,.___SView_4mtb3_gg_._type_warning_4mtb3_gg_{background:var(--intergalactic-bg-primary-critical, #ff4953)}.___SContent_4mtb3_gg_{flex-direction:column;gap:var(--intergalactic-spacing-2x, 8px);flex:1}.___SMessage_4mtb3_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-100, 133%)}.___SDismiss_4mtb3_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_4mtb3_gg_ svg{color:var(--intergalactic-text-primary-invert, #ffffff)}@media (hover:hover){.___SDismiss_4mtb3_gg_:hover svg{color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}}.___SNoticeBubble_4mtb3_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_4mtb3_gg_{width:calc(100% - var(--intergalactic-spacing-6x, 24px))}}.___SNoticeBubble_4mtb3_gg_.__disablePortal_4mtb3_gg_{position:sticky;margin-left:auto;height:0}.___SMessage_4mtb3_gg_ a{color:var(--intergalactic-text-link-invert, #8ecdff)}" /*__inner_css_end__*/, "4mtb3_gg_") /*__reshadow_css_end__*/, {
-  "__SContent": "___SContent_4mtb3_gg_",
-  "__SMessage": "___SMessage_4mtb3_gg_",
-  "__SNoticeBubble": "___SNoticeBubble_4mtb3_gg_",
-  "_disablePortal": "__disablePortal_4mtb3_gg_",
-  "@enter": "enter_4mtb3",
-  "@exit": "exit_4mtb3",
-  "__SBubble": "___SBubble_4mtb3_gg_",
-  "__SView": "___SView_4mtb3_gg_",
-  "_type_info": "_type_info_4mtb3_gg_",
-  "_type_warning": "_type_warning_4mtb3_gg_",
-  "__SDismiss": "___SDismiss_4mtb3_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes enter_1agpk{0%{transform:translate(100%,0);max-height:0;overflow:hidden}to{transform:translate(0,0);max-height:100vh;overflow:hidden}}@keyframes exit_1agpk{0%{max-height:100vh;overflow:hidden;opacity:1}to{max-height:0;overflow:hidden;opacity:0}}.___SBubble_1agpk_gg_,.___SView_1agpk_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_1agpk_gg_._type_info_1agpk_gg_,.___SView_1agpk_gg_._type_info_1agpk_gg_{background:var(--intergalactic-bg-primary-invert, #191b23)}.___SBubble_1agpk_gg_._type_warning_1agpk_gg_,.___SView_1agpk_gg_._type_warning_1agpk_gg_{background:var(--intergalactic-bg-primary-critical, #ff4953)}.___SContent_1agpk_gg_{flex-direction:column;gap:var(--intergalactic-spacing-2x, 8px);flex:1}.___SMessage_1agpk_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SDismiss_1agpk_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_1agpk_gg_.__use_1agpk_gg_.__use_1agpk_gg_{padding:0 1px}.___SIcon_1agpk_gg_{justify-content:center;align-items:center;height:var(--intergalactic-spacing-5x, 20px)}.___SNoticeBubble_1agpk_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_1agpk_gg_{width:calc(100% - var(--intergalactic-spacing-6x, 24px))}}.___SNoticeBubble_1agpk_gg_.__disablePortal_1agpk_gg_{position:sticky;margin-left:auto;height:0}.___SMessage_1agpk_gg_ a{color:var(--intergalactic-text-link-invert, #8ecdff)}.___SNoticeAriaLiveWrapper_1agpk_gg_{display:content}" /*__inner_css_end__*/, "1agpk_gg_") /*__reshadow_css_end__*/, {
+  "__SContent": "___SContent_1agpk_gg_",
+  "__SMessage": "___SMessage_1agpk_gg_",
+  "__SDismiss": "___SDismiss_1agpk_gg_",
+  "_use": "__use_1agpk_gg_",
+  "__SIcon": "___SIcon_1agpk_gg_",
+  "__SNoticeBubble": "___SNoticeBubble_1agpk_gg_",
+  "_disablePortal": "__disablePortal_1agpk_gg_",
+  "__SNoticeAriaLiveWrapper": "___SNoticeAriaLiveWrapper_1agpk_gg_",
+  "@enter": "enter_1agpk",
+  "@exit": "exit_1agpk",
+  "__SBubble": "___SBubble_1agpk_gg_",
+  "__SView": "___SView_1agpk_gg_",
+  "_type_info": "_type_info_1agpk_gg_",
+  "_type_warning": "_type_warning_1agpk_gg_"
 });
 var Notices = function Notices(props) {
   var styles = props.styles,
@@ -123,6 +127,7 @@ var NoticeBubbleContainerRoot = /*#__PURE__*/function (_Component) {
       var _ref = this.asProps,
         _ref3;
       var SNoticeBubble = _flexBox.Box;
+      var SNoticeAriaLiveWrapper = 'div';
       var _this$asProps = this.asProps,
         Children = _this$asProps.Children,
         styles = _this$asProps.styles,
@@ -138,19 +143,20 @@ var NoticeBubbleContainerRoot = /*#__PURE__*/function (_Component) {
         "ref": ref,
         "tag": 'section',
         "role": 'region',
-        "aria-live": 'polite',
         "aria-label": getI18nText('notification')
       }, _ref))), /*#__PURE__*/_react["default"].createElement(Children, _ref3.cn("Children", {})), /*#__PURE__*/_react["default"].createElement(Notices, _ref3.cn("Notices", {
         "styles": styles,
         "data": warnings,
         "tag": ViewWarning,
         "getI18nText": getI18nText
-      })), /*#__PURE__*/_react["default"].createElement(Notices, _ref3.cn("Notices", {
+      })), /*#__PURE__*/_react["default"].createElement(SNoticeAriaLiveWrapper, _ref3.cn("SNoticeAriaLiveWrapper", {
+        "aria-live": 'polite'
+      }), /*#__PURE__*/_react["default"].createElement(Notices, _ref3.cn("Notices", {
         "styles": styles,
         "data": notices,
         "tag": ViewInfo,
         "getI18nText": getI18nText
-      }))));
+      })))));
     }
   }]);
   return NoticeBubbleContainerRoot;
@@ -236,10 +242,11 @@ var ViewInfo = /*#__PURE__*/function (_Component2) {
     value: function render() {
       var _ref4;
       var SBubble = FocusLock;
-      var SDismiss = _button["default"];
+      var SDismiss = _tooltip.Hint.Trigger;
       var SContent = _flexBox.Flex;
       var SMessage = 'div';
       var SAction = 'div';
+      var SIcon = _flexBox.Flex;
       var _this$props = this.props,
         forwardRef = _this$props.forwardRef,
         styles = _this$props.styles,
@@ -254,16 +261,28 @@ var ViewInfo = /*#__PURE__*/function (_Component2) {
       return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBubble, _ref4.cn("SBubble", (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, other), {}, {
         "ref": (0, _ref5.forkRef)(forwardRef, this.ref),
         "onMouseEnter": (0, _assignProps2.callAllEventHandlers)(onMouseEnter, this.handleMouseEnter),
-        "onMouseLeave": (0, _assignProps2.callAllEventHandlers)(onMouseLeave, this.handleMouseLeave)
-      })), /*#__PURE__*/_react["default"].createElement(SDismiss, _ref4.cn("SDismiss", {
+        "onMouseLeave": (0, _assignProps2.callAllEventHandlers)(onMouseLeave, this.handleMouseLeave),
+        "role": type === 'warning' ? 'alert' : this.props.role
+      })), /*#__PURE__*/_react["default"].createElement(_tooltip.Hint, _ref4.cn("Hint", {
+        "title": getI18nText('close')
+      }), /*#__PURE__*/_react["default"].createElement(SDismiss
+      // biome-ignore lint/a11y/useValidAriaValues: <explanation>
+      , _ref4.cn("SDismiss", {
+        "aria-haspopup": undefined,
+        "tag": _button["default"],
         "type": 'button',
         "use": 'tertiary',
-        "theme": 'muted',
+        "size": 'm',
+        "theme": 'invert',
+        "onClick": this.handleClose,
         "aria-label": getI18nText('close'),
-        "onClick": this.handleClose
-      }), /*#__PURE__*/_react["default"].createElement(_m["default"], _ref4.cn("CloseIcon", {}))), (0, _isNode["default"])(icon) ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, icon, /*#__PURE__*/_react["default"].createElement(SContent, _ref4.cn("SContent", {}), /*#__PURE__*/_react["default"].createElement(SMessage, _ref4.cn("SMessage", {}), children), (0, _isNode["default"])(actionNode) ? /*#__PURE__*/_react["default"].createElement(SAction, _ref4.cn("SAction", {}), actionNode) : null)) : /*#__PURE__*/_react["default"].createElement(SContent, _ref4.cn("SContent", {
-        "role": type === 'warning' ? 'alert' : undefined
-      }), /*#__PURE__*/_react["default"].createElement(SMessage, _ref4.cn("SMessage", {}), children), (0, _isNode["default"])(actionNode) ? /*#__PURE__*/_react["default"].createElement(SAction, _ref4.cn("SAction", {}), actionNode) : null));
+        "active": false
+      }), /*#__PURE__*/_react["default"].createElement(_button["default"].Addon, {
+        tag: _m["default"],
+        color: "icon-primary-invert"
+      })), /*#__PURE__*/_react["default"].createElement(_tooltip.Hint.Popper, {
+        zIndex: 1000
+      })), (0, _isNode["default"])(icon) ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(SIcon, _ref4.cn("SIcon", {}), icon), /*#__PURE__*/_react["default"].createElement(SContent, _ref4.cn("SContent", {}), /*#__PURE__*/_react["default"].createElement(SMessage, _ref4.cn("SMessage", {}), children), (0, _isNode["default"])(actionNode) ? /*#__PURE__*/_react["default"].createElement(SAction, _ref4.cn("SAction", {}), actionNode) : null)) : /*#__PURE__*/_react["default"].createElement(SContent, _ref4.cn("SContent", {}), /*#__PURE__*/_react["default"].createElement(SMessage, _ref4.cn("SMessage", {}), children), (0, _isNode["default"])(actionNode) ? /*#__PURE__*/_react["default"].createElement(SAction, _ref4.cn("SAction", {}), actionNode) : null));
     }
   }]);
   return ViewInfo;

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

@@ -1 +1 @@
-{"version":3,"file":"NoticeBubble.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_portal","_NoticeBubbleManager","_animation","_flexBox","_fire","_isNode","_assignProps2","_m","_utils","_intergalacticDynamicLocales","_i18nEnhance","_useCssVariable","_ThemeProvider","_button","_useFocusLock","_ref5","_excluded","_excluded2","style","_index","sstyled","insert","Notices","props","styles","_props$data","data","_props$tag","tag","SView","ViewInfo","ref","React","useRef","durationStr","useCssVariable","duration","useMemo","parseInt","map","notice","_ref2","_notice$visible","createElement","Animation","cn","uid","initialAnimation","visible","_objectSpread2","getI18nText","NoticeBubbleContainerRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","notices","warnings","_unsubscribe","info","filter","type","warning","setState","_createClass2","key","value","componentDidMount","manager","asProps","counter","addListener","handleChange","render","_ref","_ref3","SNoticeBubble","Box","_this$asProps","Children","disablePortal","_this$state","state","assignProps","ViewWarning","Component","i18nEnhance","localizedMessages","contextThemeEnhance","i18n","locale","FocusLock","forwardRef","outerRef","focusLock","other","_objectWithoutProperties2","innerRef","useFocusLock","useForkRef","Flex","_extends2","_Component2","_super2","_this2","_len2","_key2","createRef","e","fire","clearTimer","timer","pause","resume","event","_this2$timer","paused","rect","current","getBoundingClientRect","mouseInRect","clientX","left","right","clientY","top","bottom","Timer","handleClose","document","body","addEventListener","handleBodyMouseMove","componentWillUnmount","removeEventListener","clear","_ref4","SBubble","SDismiss","Button","SContent","SMessage","SAction","_this$props","onMouseEnter","onMouseLeave","icon","children","actionNode","action","forkRef","callAllEventHandlers","handleMouseEnter","handleMouseLeave","isNode","Fragment","undefined","_ViewInfo","_super3","NoticeBubbleView","_Component3","_super4","_this3","_len3","_key3","_notice","add","remove","componentDidUpdate","update","NoticeBubbleWarningView","_NoticeBubbleView","_super5","NoticeBubbleContainer","createComponent","Info","Warning","NoticeBubble","exports","NoticeBubbleWarning","_default"],"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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"}
+{"version":3,"file":"NoticeBubble.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_portal","_NoticeBubbleManager","_animation","_flexBox","_fire","_isNode","_assignProps2","_m","_utils","_intergalacticDynamicLocales","_i18nEnhance","_useCssVariable","_ThemeProvider","_button","_useFocusLock","_tooltip","_ref5","_excluded","_excluded2","style","_index","sstyled","insert","Notices","props","styles","_props$data","data","_props$tag","tag","SView","ViewInfo","ref","React","useRef","durationStr","useCssVariable","duration","useMemo","parseInt","map","notice","_ref2","_notice$visible","createElement","Animation","cn","uid","initialAnimation","visible","_objectSpread2","getI18nText","NoticeBubbleContainerRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","notices","warnings","_unsubscribe","info","filter","type","warning","setState","_createClass2","key","value","componentDidMount","manager","asProps","counter","addListener","handleChange","render","_ref","_ref3","SNoticeBubble","Box","SNoticeAriaLiveWrapper","_this$asProps","Children","disablePortal","_this$state","state","assignProps","ViewWarning","Component","i18nEnhance","localizedMessages","contextThemeEnhance","i18n","locale","FocusLock","forwardRef","outerRef","focusLock","other","_objectWithoutProperties2","innerRef","useFocusLock","useForkRef","Flex","_extends2","_Component2","_super2","_this2","_len2","_key2","createRef","e","fire","clearTimer","timer","pause","resume","event","_this2$timer","paused","rect","current","getBoundingClientRect","mouseInRect","clientX","left","right","clientY","top","bottom","Timer","handleClose","document","body","addEventListener","handleBodyMouseMove","componentWillUnmount","removeEventListener","clear","_ref4","SBubble","SDismiss","Hint","Trigger","SContent","SMessage","SAction","SIcon","_this$props","onMouseEnter","onMouseLeave","icon","children","actionNode","action","forkRef","callAllEventHandlers","handleMouseEnter","handleMouseLeave","role","undefined","Button","Addon","CloseIcon","color","Popper","zIndex","isNode","Fragment","_ViewInfo","_super3","NoticeBubbleView","_Component3","_super4","_this3","_len3","_key3","_notice","add","remove","componentDidUpdate","update","NoticeBubbleWarningView","_NoticeBubbleView","_super5","NoticeBubbleContainer","createComponent","Info","Warning","NoticeBubble","exports","NoticeBubbleWarning","_default"],"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';\nimport { Hint } from '@semcore/tooltip';\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 SNoticeAriaLiveWrapper = 'div';\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-label={getI18nText('notification')}\n        >\n          <Children />\n          <Notices styles={styles} data={warnings} tag={ViewWarning} getI18nText={getI18nText} />\n          <SNoticeAriaLiveWrapper aria-live='polite'>\n            <Notices styles={styles} data={notices} tag={ViewInfo} getI18nText={getI18nText} />\n          </SNoticeAriaLiveWrapper>\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 = Hint.Trigger;\n    const SContent = Flex;\n    const SMessage = 'div';\n    const SAction = 'div';\n    const SIcon = Flex;\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        role={type === 'warning' ? 'alert' : this.props.role}\n      >\n        <Hint title={getI18nText('close')}>\n          <SDismiss\n            // biome-ignore lint/a11y/useValidAriaValues: <explanation>\n            aria-haspopup={undefined}\n            tag={Button}\n            type='button'\n            use='tertiary'\n            size='m'\n            theme='invert'\n            onClick={this.handleClose}\n            aria-label={getI18nText('close')}\n            active={false}\n          >\n            <Button.Addon tag={CloseIcon} color='icon-primary-invert' />\n          </SDismiss>\n          <Hint.Popper zIndex={1000} />\n        </Hint>\n\n        {isNode(icon) ? (\n          <>\n            <SIcon>{icon}</SIcon>\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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"}

package/notice-bubble/lib/cjs/style/notice-bubble.shadow.css

@@ -28,7 +28,7 @@ SContent {
 
 SMessage {
   font-size: var(--intergalactic-fs-200, 14px);
-  line-height: var(--intergalactic-lh-100, 133%);
+  line-height: var(--intergalactic-lh-200, 142%);
 }
 
 SDismiss {
@@ -36,17 +36,21 @@ SDismiss {
   position: absolute;
   right: 0;
   top: 0;
-  padding: var(--intergalactic-spacing-2x, 8px) 0;
-  margin: var(--intergalactic-spacing-1x, 4px);
+  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: transparent;
-  & svg {
-    color: var(--intergalactic-text-primary-invert, #ffffff);
-  }
-  &:hover svg {
-    color: var(--intergalactic-control-primary-invert-active, #e0e1e9);
-  }
+}
+SDismiss[use][use] {
+  /* height: auto; */
+  padding: 0 1px;
+}
+SIcon {
+  justify-content: center;
+  align-items: center;
+  height: var(--intergalactic-spacing-5x, 20px);
 }
 
 SNoticeBubble {
@@ -71,6 +75,10 @@ SMessage a {
   color: var(--intergalactic-text-link-invert, #8ecdff);
 }
 
+SNoticeAriaLiveWrapper {
+  display: content;
+}
+
 @keyframes enter {
   from {
     transform: translate(100%, 0);

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

@@ -28,19 +28,23 @@ 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';
+import { Hint } from 'intergalactic/tooltip';
 /*__reshadow-styles__:"./style/notice-bubble.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes enter_4mtb3{0%{transform:translate(100%,0);max-height:0;overflow:hidden}to{transform:translate(0,0);max-height:100vh;overflow:hidden}}@keyframes exit_4mtb3{0%{max-height:100vh;overflow:hidden;opacity:1}to{max-height:0;overflow:hidden;opacity:0}}.___SBubble_4mtb3_gg_,.___SView_4mtb3_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_4mtb3_gg_._type_info_4mtb3_gg_,.___SView_4mtb3_gg_._type_info_4mtb3_gg_{background:var(--intergalactic-bg-primary-invert, #191b23)}.___SBubble_4mtb3_gg_._type_warning_4mtb3_gg_,.___SView_4mtb3_gg_._type_warning_4mtb3_gg_{background:var(--intergalactic-bg-primary-critical, #ff4953)}.___SContent_4mtb3_gg_{flex-direction:column;gap:var(--intergalactic-spacing-2x, 8px);flex:1}.___SMessage_4mtb3_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-100, 133%)}.___SDismiss_4mtb3_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_4mtb3_gg_ svg{color:var(--intergalactic-text-primary-invert, #ffffff)}@media (hover:hover){.___SDismiss_4mtb3_gg_:hover svg{color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}}.___SNoticeBubble_4mtb3_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_4mtb3_gg_{width:calc(100% - var(--intergalactic-spacing-6x, 24px))}}.___SNoticeBubble_4mtb3_gg_.__disablePortal_4mtb3_gg_{position:sticky;margin-left:auto;height:0}.___SMessage_4mtb3_gg_ a{color:var(--intergalactic-text-link-invert, #8ecdff)}" /*__inner_css_end__*/, "4mtb3_gg_") /*__reshadow_css_end__*/, {
-  "__SContent": "___SContent_4mtb3_gg_",
-  "__SMessage": "___SMessage_4mtb3_gg_",
-  "__SNoticeBubble": "___SNoticeBubble_4mtb3_gg_",
-  "_disablePortal": "__disablePortal_4mtb3_gg_",
-  "@enter": "enter_4mtb3",
-  "@exit": "exit_4mtb3",
-  "__SBubble": "___SBubble_4mtb3_gg_",
-  "__SView": "___SView_4mtb3_gg_",
-  "_type_info": "_type_info_4mtb3_gg_",
-  "_type_warning": "_type_warning_4mtb3_gg_",
-  "__SDismiss": "___SDismiss_4mtb3_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes enter_1agpk{0%{transform:translate(100%,0);max-height:0;overflow:hidden}to{transform:translate(0,0);max-height:100vh;overflow:hidden}}@keyframes exit_1agpk{0%{max-height:100vh;overflow:hidden;opacity:1}to{max-height:0;overflow:hidden;opacity:0}}.___SBubble_1agpk_gg_,.___SView_1agpk_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_1agpk_gg_._type_info_1agpk_gg_,.___SView_1agpk_gg_._type_info_1agpk_gg_{background:var(--intergalactic-bg-primary-invert, #191b23)}.___SBubble_1agpk_gg_._type_warning_1agpk_gg_,.___SView_1agpk_gg_._type_warning_1agpk_gg_{background:var(--intergalactic-bg-primary-critical, #ff4953)}.___SContent_1agpk_gg_{flex-direction:column;gap:var(--intergalactic-spacing-2x, 8px);flex:1}.___SMessage_1agpk_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SDismiss_1agpk_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_1agpk_gg_.__use_1agpk_gg_.__use_1agpk_gg_{padding:0 1px}.___SIcon_1agpk_gg_{justify-content:center;align-items:center;height:var(--intergalactic-spacing-5x, 20px)}.___SNoticeBubble_1agpk_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_1agpk_gg_{width:calc(100% - var(--intergalactic-spacing-6x, 24px))}}.___SNoticeBubble_1agpk_gg_.__disablePortal_1agpk_gg_{position:sticky;margin-left:auto;height:0}.___SMessage_1agpk_gg_ a{color:var(--intergalactic-text-link-invert, #8ecdff)}.___SNoticeAriaLiveWrapper_1agpk_gg_{display:content}" /*__inner_css_end__*/, "1agpk_gg_") /*__reshadow_css_end__*/, {
+  "__SContent": "___SContent_1agpk_gg_",
+  "__SMessage": "___SMessage_1agpk_gg_",
+  "__SDismiss": "___SDismiss_1agpk_gg_",
+  "_use": "__use_1agpk_gg_",
+  "__SIcon": "___SIcon_1agpk_gg_",
+  "__SNoticeBubble": "___SNoticeBubble_1agpk_gg_",
+  "_disablePortal": "__disablePortal_1agpk_gg_",
+  "__SNoticeAriaLiveWrapper": "___SNoticeAriaLiveWrapper_1agpk_gg_",
+  "@enter": "enter_1agpk",
+  "@exit": "exit_1agpk",
+  "__SBubble": "___SBubble_1agpk_gg_",
+  "__SView": "___SView_1agpk_gg_",
+  "_type_info": "_type_info_1agpk_gg_",
+  "_type_warning": "_type_warning_1agpk_gg_"
 });
 import { forkRef, useForkRef } from 'intergalactic/utils/lib/ref';
 var Notices = function Notices(props) {
@@ -116,6 +120,7 @@ var NoticeBubbleContainerRoot = /*#__PURE__*/function (_Component) {
       var _ref = this.asProps,
         _ref3;
       var SNoticeBubble = Box;
+      var SNoticeAriaLiveWrapper = 'div';
       var _this$asProps = this.asProps,
         Children = _this$asProps.Children,
         styles = _this$asProps.styles,
@@ -131,19 +136,20 @@ var NoticeBubbleContainerRoot = /*#__PURE__*/function (_Component) {
         "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,
         "tag": ViewWarning,
         "getI18nText": getI18nText
-      })), /*#__PURE__*/React.createElement(Notices, _ref3.cn("Notices", {
+      })), /*#__PURE__*/React.createElement(SNoticeAriaLiveWrapper, _ref3.cn("SNoticeAriaLiveWrapper", {
+        "aria-live": 'polite'
+      }), /*#__PURE__*/React.createElement(Notices, _ref3.cn("Notices", {
         "styles": styles,
         "data": notices,
         "tag": ViewInfo,
         "getI18nText": getI18nText
-      }))));
+      })))));
     }
   }]);
   return NoticeBubbleContainerRoot;
@@ -229,10 +235,11 @@ var ViewInfo = /*#__PURE__*/function (_Component2) {
     value: function render() {
       var _ref4;
       var SBubble = FocusLock;
-      var SDismiss = Button;
+      var SDismiss = Hint.Trigger;
       var SContent = Flex;
       var SMessage = 'div';
       var SAction = 'div';
+      var SIcon = Flex;
       var _this$props = this.props,
         forwardRef = _this$props.forwardRef,
         styles = _this$props.styles,
@@ -247,16 +254,28 @@ var ViewInfo = /*#__PURE__*/function (_Component2) {
       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", {
+        "onMouseLeave": callAllEventHandlers(onMouseLeave, this.handleMouseLeave),
+        "role": type === 'warning' ? 'alert' : this.props.role
+      })), /*#__PURE__*/React.createElement(Hint, _ref4.cn("Hint", {
+        "title": getI18nText('close')
+      }), /*#__PURE__*/React.createElement(SDismiss
+      // biome-ignore lint/a11y/useValidAriaValues: <explanation>
+      , _ref4.cn("SDismiss", {
+        "aria-haspopup": undefined,
+        "tag": Button,
         "type": 'button',
         "use": 'tertiary',
-        "theme": 'muted',
+        "size": 'm',
+        "theme": 'invert',
+        "onClick": this.handleClose,
         "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));
+        "active": false
+      }), /*#__PURE__*/React.createElement(Button.Addon, {
+        tag: CloseIcon,
+        color: "icon-primary-invert"
+      })), /*#__PURE__*/React.createElement(Hint.Popper, {
+        zIndex: 1000
+      })), isNode(icon) ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SIcon, _ref4.cn("SIcon", {}), 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));
     }
   }]);
   return ViewInfo;

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","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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"}
+{"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","Hint","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","SNoticeAriaLiveWrapper","_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","Trigger","SContent","SMessage","SAction","SIcon","_this$props","onMouseEnter","onMouseLeave","icon","children","actionNode","action","_excluded2","handleMouseEnter","handleMouseLeave","role","undefined","Addon","color","Popper","zIndex","Fragment","_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';\nimport { Hint } from '@semcore/tooltip';\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 SNoticeAriaLiveWrapper = 'div';\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-label={getI18nText('notification')}\n        >\n          <Children />\n          <Notices styles={styles} data={warnings} tag={ViewWarning} getI18nText={getI18nText} />\n          <SNoticeAriaLiveWrapper aria-live='polite'>\n            <Notices styles={styles} data={notices} tag={ViewInfo} getI18nText={getI18nText} />\n          </SNoticeAriaLiveWrapper>\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 = Hint.Trigger;\n    const SContent = Flex;\n    const SMessage = 'div';\n    const SAction = 'div';\n    const SIcon = Flex;\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        role={type === 'warning' ? 'alert' : this.props.role}\n      >\n        <Hint title={getI18nText('close')}>\n          <SDismiss\n            // biome-ignore lint/a11y/useValidAriaValues: <explanation>\n            aria-haspopup={undefined}\n            tag={Button}\n            type='button'\n            use='tertiary'\n            size='m'\n            theme='invert'\n            onClick={this.handleClose}\n            aria-label={getI18nText('close')}\n            active={false}\n          >\n            <Button.Addon tag={CloseIcon} color='icon-primary-invert' />\n          </SDismiss>\n          <Hint.Popper zIndex={1000} />\n        </Hint>\n\n        {isNode(icon) ? (\n          <>\n            <SIcon>{icon}</SIcon>\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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"}

package/notice-bubble/lib/es6/style/notice-bubble.shadow.css

@@ -28,7 +28,7 @@ SContent {
 
 SMessage {
   font-size: var(--intergalactic-fs-200, 14px);
-  line-height: var(--intergalactic-lh-100, 133%);
+  line-height: var(--intergalactic-lh-200, 142%);
 }
 
 SDismiss {
@@ -36,17 +36,21 @@ SDismiss {
   position: absolute;
   right: 0;
   top: 0;
-  padding: var(--intergalactic-spacing-2x, 8px) 0;
-  margin: var(--intergalactic-spacing-1x, 4px);
+  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: transparent;
-  & svg {
-    color: var(--intergalactic-text-primary-invert, #ffffff);
-  }
-  &:hover svg {
-    color: var(--intergalactic-control-primary-invert-active, #e0e1e9);
-  }
+}
+SDismiss[use][use] {
+  /* height: auto; */
+  padding: 0 1px;
+}
+SIcon {
+  justify-content: center;
+  align-items: center;
+  height: var(--intergalactic-spacing-5x, 20px);
 }
 
 SNoticeBubble {
@@ -71,6 +75,10 @@ SMessage a {
   color: var(--intergalactic-text-link-invert, #8ecdff);
 }
 
+SNoticeAriaLiveWrapper {
+  display: content;
+}
+
 @keyframes enter {
   from {
     transform: translate(100%, 0);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intergalactic",
-  "version": "15.99.0",
+  "version": "15.100.0-prerelease.0",
   "license": "MIT",
   "dependencies": {
     "intergalactic-migrate": "0.0.0",