intergalactic 15.121.0 → 15.122.0-prerelease.0

package/notice/lib/es6/Notice.js

@@ -6,6 +6,8 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled as _sstyled } from 'intergalactic/utils/lib/core/index';
+import { assignProps as _assignProps8 } from 'intergalactic/core';
+import { assignProps as _assignProps7 } from 'intergalactic/core';
 import { assignProps as _assignProps6 } from 'intergalactic/core';
 import { assignProps as _assignProps5 } from 'intergalactic/core';
 import { assignProps as _assignProps4 } from 'intergalactic/core';
@@ -24,21 +26,24 @@ import NoticeGlobal from 'intergalactic/notice-global';
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
 import { cssVariableEnhance } from 'intergalactic/utils/lib/useCssVariable';
+import { Text } from 'intergalactic/typography';
 /*__reshadow-styles__:"./style/notice.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SNotice_1y8j6_gg_{display:flex;padding:var(--intergalactic-spacing-4x, 16px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);box-sizing:border-box;border-style:solid;border-width:1px;border-radius:var(--intergalactic-surface-rounded, 6px);color:var(--intergalactic-text-primary, #191b23)}.___SNotice_1y8j6_gg_._theme_info_1y8j6_gg_{background-color:var(--intergalactic-bg-secondary-info, #e9f7ff);border-color:var(--intergalactic-border-info, #8ecdff)}.___SNotice_1y8j6_gg_._theme_info_1y8j6_gg_ .___SCloseIcon_1y8j6_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SNotice_1y8j6_gg_._theme_info_1y8j6_gg_ .___SCloseIcon_1y8j6_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SNotice_1y8j6_gg_._theme_danger_1y8j6_gg_{background-color:var(--intergalactic-bg-secondary-critical, #fff0f7);border-color:var(--intergalactic-border-critical, #ffaeb5)}.___SNotice_1y8j6_gg_._theme_danger_1y8j6_gg_ .___SCloseIcon_1y8j6_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}@media (hover:hover){.___SNotice_1y8j6_gg_._theme_danger_1y8j6_gg_ .___SCloseIcon_1y8j6_gg_:hover{color:var(--intergalactic-icon-primary-critical-hover-active, #CC3A42)}}.___SNotice_1y8j6_gg_._theme_warning_1y8j6_gg_{background-color:var(--intergalactic-bg-secondary-warning, #fff3d9);border-color:var(--intergalactic-border-warning, #ffb26e)}.___SNotice_1y8j6_gg_._theme_warning_1y8j6_gg_ .___SCloseIcon_1y8j6_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SNotice_1y8j6_gg_._theme_warning_1y8j6_gg_ .___SCloseIcon_1y8j6_gg_:hover{color:var(--intergalactic-icon-primary-warning-hover-active, #CC5024)}}.___SNotice_1y8j6_gg_._theme_success_1y8j6_gg_{background-color:var(--intergalactic-bg-secondary-success, #dbfee8);border-color:var(--intergalactic-border-success, #59ddaa)}.___SNotice_1y8j6_gg_._theme_success_1y8j6_gg_ .___SCloseIcon_1y8j6_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}@media (hover:hover){.___SNotice_1y8j6_gg_._theme_success_1y8j6_gg_ .___SCloseIcon_1y8j6_gg_:hover{color:var(--intergalactic-icon-primary-success-hover-active, #037E68)}}.___SNotice_1y8j6_gg_._theme_muted_1y8j6_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9);border-color:var(--intergalactic-border-secondary, #e0e1e9)}.___SLabel_1y8j6_gg_._theme_info_1y8j6_gg_,.___SNotice_1y8j6_gg_._theme_muted_1y8j6_gg_ .___SCloseIcon_1y8j6_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SNotice_1y8j6_gg_._theme_muted_1y8j6_gg_ .___SCloseIcon_1y8j6_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SContent_1y8j6_gg_{flex:1 1 auto;width:100%}.___SActions_1y8j6_gg_{flex-shrink:0;margin-top:var(--intergalactic-spacing-3x, 12px)}.___SLabel_1y8j6_gg_{min-height:var(--intergalactic-form-control-m, 28px);height:-moz-fit-content;height:fit-content;margin-right:var(--intergalactic-spacing-2x, 8px);display:inline-flex;align-items:center}.___SLabel_1y8j6_gg_._theme_danger_1y8j6_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}.___SLabel_1y8j6_gg_._theme_warning_1y8j6_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}.___SLabel_1y8j6_gg_._theme_success_1y8j6_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}.___SLabel_1y8j6_gg_._theme_muted_1y8j6_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SLabel_1y8j6_gg_._theme_custom_1y8j6_gg_{color:var(--color_1y8j6)}.___SCloseIcon_1y8j6_gg_{flex-shrink:0;margin-left:var(--intergalactic-spacing-4x, 16px)}.___SNotice_1y8j6_gg_._theme_custom_1y8j6_gg_{background-color:var(--backgroundColor_1y8j6);border-color:var(--backgroundColor_1y8j6)}" /*__inner_css_end__*/, "1y8j6_gg_") /*__reshadow_css_end__*/, {
-  "__SNotice": "___SNotice_1y8j6_gg_",
-  "__SContent": "___SContent_1y8j6_gg_",
-  "__SActions": "___SActions_1y8j6_gg_",
-  "__SLabel": "___SLabel_1y8j6_gg_",
-  "_theme_info": "_theme_info_1y8j6_gg_",
-  "_theme_danger": "_theme_danger_1y8j6_gg_",
-  "_theme_warning": "_theme_warning_1y8j6_gg_",
-  "_theme_success": "_theme_success_1y8j6_gg_",
-  "_theme_muted": "_theme_muted_1y8j6_gg_",
-  "_theme_custom": "_theme_custom_1y8j6_gg_",
-  "--color": "--color_1y8j6",
-  "__SCloseIcon": "___SCloseIcon_1y8j6_gg_",
-  "--backgroundColor": "--backgroundColor_1y8j6"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SNotice_1hw3v_gg_{display:flex;padding:var(--intergalactic-spacing-4x, 16px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);box-sizing:border-box;border-style:solid;border-width:1px;border-radius:var(--intergalactic-surface-rounded, 6px);color:var(--intergalactic-text-primary, #191b23)}.___SNotice_1hw3v_gg_._theme_info_1hw3v_gg_{background-color:var(--intergalactic-bg-secondary-info, #e9f7ff);border-color:var(--intergalactic-border-info, #8ecdff)}.___SNotice_1hw3v_gg_._theme_info_1hw3v_gg_ .___SCloseIcon_1hw3v_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SNotice_1hw3v_gg_._theme_info_1hw3v_gg_ .___SCloseIcon_1hw3v_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SNotice_1hw3v_gg_._theme_danger_1hw3v_gg_{background-color:var(--intergalactic-bg-secondary-critical, #fff0f7);border-color:var(--intergalactic-border-critical, #ffaeb5)}.___SNotice_1hw3v_gg_._theme_danger_1hw3v_gg_ .___SCloseIcon_1hw3v_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}@media (hover:hover){.___SNotice_1hw3v_gg_._theme_danger_1hw3v_gg_ .___SCloseIcon_1hw3v_gg_:hover{color:var(--intergalactic-icon-primary-critical-hover-active, #CC3A42)}}.___SNotice_1hw3v_gg_._theme_warning_1hw3v_gg_{background-color:var(--intergalactic-bg-secondary-warning, #fff3d9);border-color:var(--intergalactic-border-warning, #ffb26e)}.___SNotice_1hw3v_gg_._theme_warning_1hw3v_gg_ .___SCloseIcon_1hw3v_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SNotice_1hw3v_gg_._theme_warning_1hw3v_gg_ .___SCloseIcon_1hw3v_gg_:hover{color:var(--intergalactic-icon-primary-warning-hover-active, #CC5024)}}.___SNotice_1hw3v_gg_._theme_success_1hw3v_gg_{background-color:var(--intergalactic-bg-secondary-success, #dbfee8);border-color:var(--intergalactic-border-success, #59ddaa)}.___SNotice_1hw3v_gg_._theme_success_1hw3v_gg_ .___SCloseIcon_1hw3v_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}@media (hover:hover){.___SNotice_1hw3v_gg_._theme_success_1hw3v_gg_ .___SCloseIcon_1hw3v_gg_:hover{color:var(--intergalactic-icon-primary-success-hover-active, #037E68)}}.___SNotice_1hw3v_gg_._theme_muted_1hw3v_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9);border-color:var(--intergalactic-border-secondary, #e0e1e9)}.___SLabel_1hw3v_gg_._theme_info_1hw3v_gg_,.___SNotice_1hw3v_gg_._theme_muted_1hw3v_gg_ .___SCloseIcon_1hw3v_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SNotice_1hw3v_gg_._theme_muted_1hw3v_gg_ .___SCloseIcon_1hw3v_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SContent_1hw3v_gg_{flex:1 1 auto;width:100%}.___SActions_1hw3v_gg_{flex-shrink:0;margin-top:var(--intergalactic-spacing-3x, 12px)}.___SLabel_1hw3v_gg_{min-height:var(--intergalactic-form-control-m, 28px);height:-moz-fit-content;height:fit-content;margin-right:var(--intergalactic-spacing-2x, 8px);display:inline-flex;align-items:center}.___SLabel_1hw3v_gg_._theme_danger_1hw3v_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}.___SLabel_1hw3v_gg_._theme_warning_1hw3v_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}.___SLabel_1hw3v_gg_._theme_success_1hw3v_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}.___SLabel_1hw3v_gg_._theme_muted_1hw3v_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SLabel_1hw3v_gg_._theme_custom_1hw3v_gg_{color:var(--color_1hw3v)}.___SCloseIcon_1hw3v_gg_{flex-shrink:0;margin-left:var(--intergalactic-spacing-4x, 16px)}.___SNotice_1hw3v_gg_._theme_custom_1hw3v_gg_{background-color:var(--backgroundColor_1hw3v);border-color:var(--backgroundColor_1hw3v)}.___STitle_1hw3v_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SText_1hw3v_gg_{margin-top:var(--intergalactic-spacing-1x, 4px);margin-bottom:var(--intergalactic-spacing-1x, 4px)}" /*__inner_css_end__*/, "1hw3v_gg_") /*__reshadow_css_end__*/, {
+  "__SNotice": "___SNotice_1hw3v_gg_",
+  "__SContent": "___SContent_1hw3v_gg_",
+  "__SActions": "___SActions_1hw3v_gg_",
+  "__SLabel": "___SLabel_1hw3v_gg_",
+  "_theme_info": "_theme_info_1hw3v_gg_",
+  "_theme_danger": "_theme_danger_1hw3v_gg_",
+  "_theme_warning": "_theme_warning_1hw3v_gg_",
+  "_theme_success": "_theme_success_1hw3v_gg_",
+  "_theme_muted": "_theme_muted_1hw3v_gg_",
+  "_theme_custom": "_theme_custom_1hw3v_gg_",
+  "--color": "--color_1hw3v",
+  "__SCloseIcon": "___SCloseIcon_1hw3v_gg_",
+  "--backgroundColor": "--backgroundColor_1hw3v",
+  "__STitle": "___STitle_1hw3v_gg_",
+  "__SText": "___SText_1hw3v_gg_"
 });
 function isCustomTheme(theme) {
   return !['danger', 'warning', 'success', 'info', 'muted'].includes(theme);
@@ -100,7 +105,7 @@ var RootNotice = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _ref = this.asProps,
-        _ref7;
+        _ref9;
       var SNotice = FadeInOut;
       var _this$asProps2 = this.asProps,
         Children = _this$asProps2.Children,
@@ -120,14 +125,14 @@ var RootNotice = /*#__PURE__*/function (_Component) {
       if (theme === 'muted') {
         ariaLabel = undefined;
       }
-      return _ref7 = sstyled(styles), /*#__PURE__*/React.createElement(SNotice, _ref7.cn("SNotice", _objectSpread({}, _assignProps({
+      return _ref9 = sstyled(styles), /*#__PURE__*/React.createElement(SNotice, _ref9.cn("SNotice", _objectSpread({}, _assignProps({
         "visible": !hidden,
         "use:theme": useTheme,
         "backgroundColor": color,
         "role": 'region',
         "aria-label": ariaLabel,
         "ref": this.ref
-      }, _ref))), /*#__PURE__*/React.createElement(Children, _ref7.cn("Children", {})));
+      }, _ref))), /*#__PURE__*/React.createElement(Children, _ref9.cn("Children", {})));
     }
   }]);
   return RootNotice;
@@ -145,64 +150,87 @@ _defineProperty(RootNotice, "defaultProps", {
   i18n: localizedMessages,
   locale: 'en'
 });
-function Label(_ref13) {
+function Label(_ref17) {
   var _ref2 = arguments[0],
-    _ref8;
-  var styles = _ref13.styles,
-    theme = _ref13.theme,
-    resolveColor = _ref13.resolveColor;
+    _ref10;
+  var styles = _ref17.styles,
+    theme = _ref17.theme,
+    resolveColor = _ref17.resolveColor;
   var SLabel = Box;
   var useTheme = isCustomTheme(theme) ? 'custom' : theme;
   var color = resolveColor(theme);
-  return _ref8 = sstyled(styles), /*#__PURE__*/React.createElement(SLabel, _ref8.cn("SLabel", _objectSpread({}, _assignProps2({
+  return _ref10 = sstyled(styles), /*#__PURE__*/React.createElement(SLabel, _ref10.cn("SLabel", _objectSpread({}, _assignProps2({
     "use:theme": useTheme,
     "color": color
   }, _ref2))));
 }
-function Actions(_ref14) {
+function Title(_ref18) {
   var _ref3 = arguments[0],
-    _ref9;
-  var styles = _ref14.styles;
-  var SActions = Box;
-  return _ref9 = sstyled(styles), /*#__PURE__*/React.createElement(SActions, _ref9.cn("SActions", _objectSpread({}, _assignProps3({}, _ref3))));
+    _ref11;
+  var styles = _ref18.styles;
+  var STitle = Text;
+  return _ref11 = sstyled(styles), /*#__PURE__*/React.createElement(STitle, _ref11.cn("STitle", _objectSpread({}, _assignProps3({
+    "tag": 'div',
+    "size": 300,
+    "fontWeight": 'bold'
+  }, _ref3))));
 }
-function Content(_ref15) {
+function NoticeText(_ref19) {
   var _ref4 = arguments[0],
-    _ref10;
-  var styles = _ref15.styles;
-  var SContent = Box;
-  return _ref10 = sstyled(styles), /*#__PURE__*/React.createElement(SContent, _ref10.cn("SContent", _objectSpread({}, _assignProps4({}, _ref4))));
+    _ref12;
+  var styles = _ref19.styles;
+  var SText = Text;
+  return _ref12 = sstyled(styles), /*#__PURE__*/React.createElement(SText, _ref12.cn("SText", _objectSpread({}, _assignProps4({
+    "tag": 'div'
+  }, _ref4))));
 }
-function CloseIcon(_ref16) {
+function Actions(_ref20) {
   var _ref5 = arguments[0],
-    _ref11;
-  var styles = _ref16.styles,
-    getI18nText = _ref16.getI18nText;
+    _ref13;
+  var styles = _ref20.styles;
+  var SActions = Box;
+  return _ref13 = sstyled(styles), /*#__PURE__*/React.createElement(SActions, _ref13.cn("SActions", _objectSpread({}, _assignProps5({}, _ref5))));
+}
+function Content(_ref21) {
+  var _ref6 = arguments[0],
+    _ref14;
+  var styles = _ref21.styles;
+  var SContent = Box;
+  return _ref14 = sstyled(styles), /*#__PURE__*/React.createElement(SContent, _ref14.cn("SContent", _objectSpread({}, _assignProps6({}, _ref6))));
+}
+function CloseIcon(_ref22) {
+  var _ref7 = arguments[0],
+    _ref15;
+  var styles = _ref22.styles,
+    getI18nText = _ref22.getI18nText;
   var SCloseIcon = Box;
-  return _ref11 = sstyled(styles), /*#__PURE__*/React.createElement(SCloseIcon, _ref11.cn("SCloseIcon", _objectSpread({}, _assignProps5({
+  return _ref15 = sstyled(styles), /*#__PURE__*/React.createElement(SCloseIcon, _ref15.cn("SCloseIcon", _objectSpread({}, _assignProps7({
     "tag": CloseIconM,
     "interactive": true,
     "aria-label": getI18nText('close')
-  }, _ref5))));
+  }, _ref7))));
 }
-function Close(_ref17) {
-  var _ref6 = arguments[0],
-    _ref12;
-  var styles = _ref17.styles,
-    getI18nText = _ref17.getI18nText;
+function Close(_ref23) {
+  var _ref8 = arguments[0],
+    _ref16;
+  var styles = _ref23.styles,
+    getI18nText = _ref23.getI18nText;
   var SCloseIcon = Button;
-  return _ref12 = sstyled(styles), /*#__PURE__*/React.createElement(SCloseIcon, _ref12.cn("SCloseIcon", _objectSpread({}, _assignProps6({
+  return _ref16 = sstyled(styles), /*#__PURE__*/React.createElement(SCloseIcon, _ref16.cn("SCloseIcon", _objectSpread({}, _assignProps8({
     "addonLeft": CloseIconM,
     "use": 'tertiary',
     "theme": 'muted',
     "aria-label": getI18nText('close')
-  }, _ref6))));
+  }, _ref8))));
 }
-export default createComponent(RootNotice, {
+var Notice = createComponent(RootNotice, {
   Label: Label,
+  Title: Title,
+  Text: NoticeText,
   Actions: Actions,
   Content: Content,
   CloseIcon: CloseIcon,
   Close: Close
 });
+export default Notice;
 //# sourceMappingURL=Notice.js.map

package/notice/lib/es6/Notice.js.map

@@ -1 +1 @@
-{"version":3,"file":"Notice.js","names":["React","createComponent","Component","sstyled","Root","Box","Button","CloseIconM","resolveColorEnhance","FadeInOut","logger","NoticeGlobal","localizedMessages","i18nEnhance","cssVariableEnhance","style","_sstyled","insert","isCustomTheme","theme","includes","RootNotice","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","createRef","_createClass","key","value","componentDidMount","ref","current","process","env","NODE_ENV","props","hasTitle","node","hasAttribute","warn","displayName","getLabelProps","_this$asProps","asProps","resolveColor","getCloseIconProps","getI18nText","getCloseProps","render","_ref","_ref7","SNotice","_this$asProps2","Children","styles","hidden","use","color","useTheme","createElement","ariaLabel","undefined","cn","_objectSpread","_assignProps","variable","fallback","map","Number","parseInt","prop","i18n","locale","Label","_ref13","_ref2","arguments[0]","_ref8","SLabel","_assignProps2","Actions","_ref14","_ref3","_ref9","SActions","_assignProps3","Content","_ref15","_ref4","_ref10","SContent","_assignProps4","CloseIcon","_ref16","_ref5","_ref11","SCloseIcon","_assignProps5","Close","_ref17","_ref6","_ref12","_assignProps6"],"sources":["../../src/Notice.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport Button from '@semcore/button';\nimport CloseIconM from '@semcore/icon/Close/m';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { FadeInOut } from '@semcore/animation';\nimport logger from '@semcore/utils/lib/logger';\nimport NoticeGlobal from '@semcore/notice-global';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/notice.shadow.css';\n\nfunction isCustomTheme(theme) {\n  return !['danger', 'warning', 'success', 'info', 'muted'].includes(theme);\n}\n\nclass RootNotice extends Component {\n  static displayName = 'Notice';\n  static style = style;\n  static enhance = [\n    i18nEnhance(localizedMessages),\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-popper',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n    resolveColorEnhance(),\n  ];\n  static defaultProps = {\n    theme: 'info',\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n\n  ref = React.createRef();\n\n  componentDidMount() {\n    if (\n      this.ref.current &&\n      process.env.NODE_ENV !== 'production' &&\n      !['muted', 'danger'].includes(this.props.theme)\n    ) {\n      const hasTitle = (node) => {\n        if (node.hasAttribute('aria-label')) return true;\n        if (node.hasAttribute('aria-labelledby')) return true;\n        if (node.hasAttribute('title')) return true;\n\n        return false;\n      };\n\n      logger.warn(\n        !hasTitle(this.ref.current),\n        `Provide unique 'title' or 'aria-label' or 'aria-labelledby' to help identify the type and importance of notification`,\n        this.props['data-ui-name'] || RootNotice.displayName,\n      );\n    }\n  }\n\n  getLabelProps() {\n    const { theme, resolveColor } = this.asProps;\n\n    return { theme, resolveColor };\n  }\n\n  getCloseIconProps() {\n    const { getI18nText } = this.asProps;\n\n    return { getI18nText };\n  }\n\n  getCloseProps() {\n    const { getI18nText } = this.asProps;\n\n    return { getI18nText };\n  }\n\n  render() {\n    const SNotice = Root;\n    const { Children, styles, hidden, theme, use, resolveColor, getI18nText } = this.asProps;\n    const color = resolveColor(theme);\n    const useTheme = isCustomTheme(theme) ? 'custom' : theme;\n\n    if (use === 'primary') {\n      logger.warn(\n        true,\n        `Deprecated property-value pair \"use=primary\", use component <NoticeGlobal/> instead`,\n        RootNotice.displayName,\n      );\n      return <NoticeGlobal {...this.asProps} />;\n    }\n\n    let ariaLabel = getI18nText(theme === 'danger' ? 'criticalNotification' : 'notification');\n\n    if (theme === 'muted') {\n      ariaLabel = undefined;\n    }\n\n    return sstyled(styles)(\n      <SNotice\n        render={FadeInOut}\n        visible={!hidden}\n        use:theme={useTheme}\n        backgroundColor={color}\n        role='region'\n        aria-label={ariaLabel}\n        ref={this.ref}\n      >\n        <Children />\n      </SNotice>,\n    );\n  }\n}\n\nfunction Label({ styles, theme, resolveColor }) {\n  const SLabel = Root;\n  const useTheme = isCustomTheme(theme) ? 'custom' : theme;\n  const color = resolveColor(theme);\n  return sstyled(styles)(<SLabel render={Box} use:theme={useTheme} color={color} />);\n}\n\nfunction Actions({ styles }) {\n  const SActions = Root;\n  return sstyled(styles)(<SActions render={Box} />);\n}\n\nfunction Content({ styles }) {\n  const SContent = Root;\n  return sstyled(styles)(<SContent render={Box} />);\n}\n\nfunction CloseIcon({ styles, getI18nText }) {\n  const SCloseIcon = Root;\n  return sstyled(styles)(\n    <SCloseIcon render={Box} tag={CloseIconM} interactive aria-label={getI18nText('close')} />,\n  );\n}\n\nfunction Close({ styles, getI18nText }) {\n  const SCloseIcon = Root;\n  return sstyled(styles)(\n    <SCloseIcon\n      render={Button}\n      addonLeft={CloseIconM}\n      use='tertiary'\n      theme='muted'\n      aria-label={getI18nText('close')}\n    />,\n  );\n}\n\nexport default createComponent(RootNotice, {\n  Label,\n  Actions,\n  Content,\n  CloseIcon,\n  Close,\n});\n"],"mappings":"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"}
+{"version":3,"file":"Notice.js","names":["React","createComponent","Component","sstyled","Root","Box","Button","CloseIconM","resolveColorEnhance","FadeInOut","logger","NoticeGlobal","localizedMessages","i18nEnhance","cssVariableEnhance","Text","style","_sstyled","insert","isCustomTheme","theme","includes","RootNotice","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","createRef","_createClass","key","value","componentDidMount","ref","current","process","env","NODE_ENV","props","hasTitle","node","hasAttribute","warn","displayName","getLabelProps","_this$asProps","asProps","resolveColor","getCloseIconProps","getI18nText","getCloseProps","render","_ref","_ref9","SNotice","_this$asProps2","Children","styles","hidden","use","color","useTheme","createElement","ariaLabel","undefined","cn","_objectSpread","_assignProps","variable","fallback","map","Number","parseInt","prop","i18n","locale","Label","_ref17","_ref2","arguments[0]","_ref10","SLabel","_assignProps2","Title","_ref18","_ref3","_ref11","STitle","_assignProps3","NoticeText","_ref19","_ref4","_ref12","SText","_assignProps4","Actions","_ref20","_ref5","_ref13","SActions","_assignProps5","Content","_ref21","_ref6","_ref14","SContent","_assignProps6","CloseIcon","_ref22","_ref7","_ref15","SCloseIcon","_assignProps7","Close","_ref23","_ref8","_ref16","_assignProps8","Notice"],"sources":["../../src/Notice.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport Button from '@semcore/button';\nimport CloseIconM from '@semcore/icon/Close/m';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { FadeInOut } from '@semcore/animation';\nimport logger from '@semcore/utils/lib/logger';\nimport NoticeGlobal from '@semcore/notice-global';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\nimport { Text } from '@semcore/typography';\n\nimport style from './style/notice.shadow.css';\n\nfunction isCustomTheme(theme) {\n  return !['danger', 'warning', 'success', 'info', 'muted'].includes(theme);\n}\n\nclass RootNotice extends Component {\n  static displayName = 'Notice';\n  static style = style;\n  static enhance = [\n    i18nEnhance(localizedMessages),\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-popper',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n    resolveColorEnhance(),\n  ];\n  static defaultProps = {\n    theme: 'info',\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n\n  ref = React.createRef();\n\n  componentDidMount() {\n    if (\n      this.ref.current &&\n      process.env.NODE_ENV !== 'production' &&\n      !['muted', 'danger'].includes(this.props.theme)\n    ) {\n      const hasTitle = (node) => {\n        if (node.hasAttribute('aria-label')) return true;\n        if (node.hasAttribute('aria-labelledby')) return true;\n        if (node.hasAttribute('title')) return true;\n\n        return false;\n      };\n\n      logger.warn(\n        !hasTitle(this.ref.current),\n        `Provide unique 'title' or 'aria-label' or 'aria-labelledby' to help identify the type and importance of notification`,\n        this.props['data-ui-name'] || RootNotice.displayName,\n      );\n    }\n  }\n\n  getLabelProps() {\n    const { theme, resolveColor } = this.asProps;\n\n    return { theme, resolveColor };\n  }\n\n  getCloseIconProps() {\n    const { getI18nText } = this.asProps;\n\n    return { getI18nText };\n  }\n\n  getCloseProps() {\n    const { getI18nText } = this.asProps;\n\n    return { getI18nText };\n  }\n\n  render() {\n    const SNotice = Root;\n    const { Children, styles, hidden, theme, use, resolveColor, getI18nText } = this.asProps;\n    const color = resolveColor(theme);\n    const useTheme = isCustomTheme(theme) ? 'custom' : theme;\n\n    if (use === 'primary') {\n      logger.warn(\n        true,\n        `Deprecated property-value pair \"use=primary\", use component <NoticeGlobal/> instead`,\n        RootNotice.displayName,\n      );\n      return <NoticeGlobal {...this.asProps} />;\n    }\n\n    let ariaLabel = getI18nText(theme === 'danger' ? 'criticalNotification' : 'notification');\n\n    if (theme === 'muted') {\n      ariaLabel = undefined;\n    }\n\n    return sstyled(styles)(\n      <SNotice\n        render={FadeInOut}\n        visible={!hidden}\n        use:theme={useTheme}\n        backgroundColor={color}\n        role='region'\n        aria-label={ariaLabel}\n        ref={this.ref}\n      >\n        <Children />\n      </SNotice>,\n    );\n  }\n}\n\nfunction Label({ styles, theme, resolveColor }) {\n  const SLabel = Root;\n  const useTheme = isCustomTheme(theme) ? 'custom' : theme;\n  const color = resolveColor(theme);\n  return sstyled(styles)(<SLabel render={Box} use:theme={useTheme} color={color} />);\n}\n\nfunction Title({ styles }) {\n  const STitle = Root;\n  return sstyled(styles)(<STitle render={Text} tag='div' size={300} fontWeight={'bold'} />);\n}\n\nfunction NoticeText({ styles }) {\n  const SText = Root;\n  return sstyled(styles)(<SText render={Text} tag='div' />);\n}\n\nfunction Actions({ styles }) {\n  const SActions = Root;\n  return sstyled(styles)(<SActions render={Box} />);\n}\n\nfunction Content({ styles }) {\n  const SContent = Root;\n  return sstyled(styles)(<SContent render={Box} />);\n}\n\nfunction CloseIcon({ styles, getI18nText }) {\n  const SCloseIcon = Root;\n  return sstyled(styles)(\n    <SCloseIcon render={Box} tag={CloseIconM} interactive aria-label={getI18nText('close')} />,\n  );\n}\n\nfunction Close({ styles, getI18nText }) {\n  const SCloseIcon = Root;\n  return sstyled(styles)(\n    <SCloseIcon\n      render={Button}\n      addonLeft={CloseIconM}\n      use='tertiary'\n      theme='muted'\n      aria-label={getI18nText('close')}\n    />,\n  );\n}\n\nconst Notice = createComponent(RootNotice, {\n  Label,\n  Title: Title,\n  Text: NoticeText,\n  Actions,\n  Content,\n  CloseIcon,\n  Close,\n});\n\nexport default Notice;\n"],"mappings":"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"}

package/notice/lib/es6/NoticeSmart.js

@@ -23,10 +23,17 @@ var NoticeSmart = /*#__PURE__*/function (_Component) {
       var _this$asProps = this.asProps,
         Children = _this$asProps.Children,
         label = _this$asProps.label,
+        title = _this$asProps.title,
         actions = _this$asProps.actions,
         closable = _this$asProps.closable,
         onClose = _this$asProps.onClose;
-      return /*#__PURE__*/React.createElement(SNoticeSmart, _assignProps({}, _ref), isNode(label) && /*#__PURE__*/React.createElement(Notice.Label, null, label), /*#__PURE__*/React.createElement(Notice.Content, null, /*#__PURE__*/React.createElement(Children, null), isNode(actions) && /*#__PURE__*/React.createElement(Notice.Actions, null, actions)), closable && /*#__PURE__*/React.createElement(Notice.Close, {
+      var textContent = /*#__PURE__*/React.createElement(Children, null);
+      if (typeof Children.origin === 'string') {
+        textContent = isNode(title) || isNode(label) || closable ? /*#__PURE__*/React.createElement(Notice.Text, null, /*#__PURE__*/React.createElement(Children, null)) : /*#__PURE__*/React.createElement(Children, null);
+      }
+      return /*#__PURE__*/React.createElement(SNoticeSmart, _assignProps({
+        "__excludeProps": ['title']
+      }, _ref), isNode(label) && /*#__PURE__*/React.createElement(Notice.Label, null, label), /*#__PURE__*/React.createElement(Notice.Content, null, isNode(title) && /*#__PURE__*/React.createElement(Notice.Title, null, title), textContent, isNode(actions) && /*#__PURE__*/React.createElement(Notice.Actions, null, actions)), closable && /*#__PURE__*/React.createElement(Notice.Close, {
         onClick: onClose
       }));
     }

package/notice/lib/es6/NoticeSmart.js.map

@@ -1 +1 @@
-{"version":3,"file":"NoticeSmart.js","names":["React","createComponent","Component","Root","isNode","Notice","NoticeSmart","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_ref","asProps","SNoticeSmart","_this$asProps","Children","label","actions","closable","onClose","createElement","_assignProps","Label","Content","Actions","Close","onClick","_defineProperty","theme"],"sources":["../../src/NoticeSmart.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root } from '@semcore/core';\nimport isNode from '@semcore/utils/lib/isNode';\nimport Notice from './Notice';\n\nclass NoticeSmart extends Component {\n  static displayName = 'NoticeSmart';\n\n  static defaultProps = {\n    theme: 'info',\n  };\n\n  render() {\n    const SNoticeSmart = Root;\n    const { Children, label, actions, closable, onClose } = this.asProps;\n    return (\n      <SNoticeSmart render={Notice}>\n        {isNode(label) && <Notice.Label>{label}</Notice.Label>}\n        <Notice.Content>\n          <Children />\n          {isNode(actions) && <Notice.Actions>{actions}</Notice.Actions>}\n        </Notice.Content>\n        {closable && <Notice.Close onClick={onClose} />}\n      </SNoticeSmart>\n    );\n  }\n}\n\nexport default createComponent(NoticeSmart);\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,SAAS,EAAEC,IAAI,QAAQ,eAAe;AAChE,OAAOC,MAAM,MAAM,2BAA2B;AAC9C,OAAOC,MAAM,MAAM,UAAU;AAAC,IAExBC,WAAW,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,WAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,WAAA;EAAA,SAAAA,YAAA;IAAAK,eAAA,OAAAL,WAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,WAAA;IAAAS,GAAA;IAAAC,KAAA,EAOf,SAAAC,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAC,OAAA;MACP,IAAMC,YAAY,GAGMf,MAAM;MAF9B,IAAAgB,aAAA,GAAwD,IAAI,CAACF,OAAO;QAA5DG,QAAQ,GAAAD,aAAA,CAARC,QAAQ;QAAEC,KAAK,GAAAF,aAAA,CAALE,KAAK;QAAEC,OAAO,GAAAH,aAAA,CAAPG,OAAO;QAAEC,QAAQ,GAAAJ,aAAA,CAARI,QAAQ;QAAEC,OAAO,GAAAL,aAAA,CAAPK,OAAO;MACnD,oBACE1B,KAAA,CAAA2B,aAAA,CAACP,YAAY,EAAAQ,YAAA,KAAAV,IAAA,GACVd,MAAM,CAACmB,KAAK,CAAC,iBAAIvB,KAAA,CAAA2B,aAAA,CAACtB,MAAM,CAACwB,KAAK,QAAEN,KAAK,CAAgB,eACtDvB,KAAA,CAAA2B,aAAA,CAACtB,MAAM,CAACyB,OAAO,qBACb9B,KAAA,CAAA2B,aAAA,CAACL,QAAQ,OAAG,EACXlB,MAAM,CAACoB,OAAO,CAAC,iBAAIxB,KAAA,CAAA2B,aAAA,CAACtB,MAAM,CAAC0B,OAAO,QAAEP,OAAO,CAAkB,CAC/C,EAChBC,QAAQ,iBAAIzB,KAAA,CAAA2B,aAAA,CAACtB,MAAM,CAAC2B,KAAK;QAACC,OAAO,EAAEP;MAAQ,EAAG,CAClC;IAEnB;EAAC;EAAA,OAAApB,WAAA;AAAA,EApBuBJ,SAAS;AAAAgC,eAAA,CAA7B5B,WAAW,iBACM,aAAa;AAAA4B,eAAA,CAD9B5B,WAAW,kBAGO;EACpB6B,KAAK,EAAE;AACT,CAAC;AAkBH,eAAelC,eAAe,CAACK,WAAW,CAAC"}
+{"version":3,"file":"NoticeSmart.js","names":["React","createComponent","Component","Root","isNode","Notice","NoticeSmart","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_ref","asProps","SNoticeSmart","_this$asProps","Children","label","title","actions","closable","onClose","textContent","createElement","origin","Text","_assignProps","Label","Content","Title","Actions","Close","onClick","_defineProperty","theme"],"sources":["../../src/NoticeSmart.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root } from '@semcore/core';\nimport isNode from '@semcore/utils/lib/isNode';\nimport Notice from './Notice';\n\nclass NoticeSmart extends Component {\n  static displayName = 'NoticeSmart';\n\n  static defaultProps = {\n    theme: 'info',\n  };\n\n  render() {\n    const SNoticeSmart = Root;\n    const { Children, label, title, actions, closable, onClose } = this.asProps;\n    let textContent = <Children />;\n\n    if (typeof Children.origin === 'string') {\n      textContent =\n        isNode(title) || isNode(label) || closable ? (\n          <Notice.Text>\n            <Children />\n          </Notice.Text>\n        ) : (\n          <Children />\n        );\n    }\n\n    return (\n      <SNoticeSmart render={Notice} __excludeProps={['title']}>\n        {isNode(label) && <Notice.Label>{label}</Notice.Label>}\n        <Notice.Content>\n          {isNode(title) && <Notice.Title>{title}</Notice.Title>}\n          {textContent}\n          {isNode(actions) && <Notice.Actions>{actions}</Notice.Actions>}\n        </Notice.Content>\n        {closable && <Notice.Close onClick={onClose} />}\n      </SNoticeSmart>\n    );\n  }\n}\n\nexport default createComponent(NoticeSmart);\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,SAAS,EAAEC,IAAI,QAAQ,eAAe;AAChE,OAAOC,MAAM,MAAM,2BAA2B;AAC9C,OAAOC,MAAM,MAAM,UAAU;AAAC,IAExBC,WAAW,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,WAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,WAAA;EAAA,SAAAA,YAAA;IAAAK,eAAA,OAAAL,WAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,WAAA;IAAAS,GAAA;IAAAC,KAAA,EAOf,SAAAC,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAC,OAAA;MACP,IAAMC,YAAY,GAgBMf,MAAM;MAf9B,IAAAgB,aAAA,GAA+D,IAAI,CAACF,OAAO;QAAnEG,QAAQ,GAAAD,aAAA,CAARC,QAAQ;QAAEC,KAAK,GAAAF,aAAA,CAALE,KAAK;QAAEC,KAAK,GAAAH,aAAA,CAALG,KAAK;QAAEC,OAAO,GAAAJ,aAAA,CAAPI,OAAO;QAAEC,QAAQ,GAAAL,aAAA,CAARK,QAAQ;QAAEC,OAAO,GAAAN,aAAA,CAAPM,OAAO;MAC1D,IAAIC,WAAW,gBAAG5B,KAAA,CAAA6B,aAAA,CAACP,QAAQ,OAAG;MAE9B,IAAI,OAAOA,QAAQ,CAACQ,MAAM,KAAK,QAAQ,EAAE;QACvCF,WAAW,GACTxB,MAAM,CAACoB,KAAK,CAAC,IAAIpB,MAAM,CAACmB,KAAK,CAAC,IAAIG,QAAQ,gBACxC1B,KAAA,CAAA6B,aAAA,CAACxB,MAAM,CAAC0B,IAAI,qBACV/B,KAAA,CAAA6B,aAAA,CAACP,QAAQ,OAAG,CACA,gBAEdtB,KAAA,CAAA6B,aAAA,CAACP,QAAQ,OACV;MACL;MAEA,oBACEtB,KAAA,CAAA6B,aAAA,CAACT,YAAY,EAAAY,YAAA;QAAA,kBAAiC,CAAC,OAAO;MAAC,GAAAd,IAAA,GACpDd,MAAM,CAACmB,KAAK,CAAC,iBAAIvB,KAAA,CAAA6B,aAAA,CAACxB,MAAM,CAAC4B,KAAK,QAAEV,KAAK,CAAgB,eACtDvB,KAAA,CAAA6B,aAAA,CAACxB,MAAM,CAAC6B,OAAO,QACZ9B,MAAM,CAACoB,KAAK,CAAC,iBAAIxB,KAAA,CAAA6B,aAAA,CAACxB,MAAM,CAAC8B,KAAK,QAAEX,KAAK,CAAgB,EACrDI,WAAW,EACXxB,MAAM,CAACqB,OAAO,CAAC,iBAAIzB,KAAA,CAAA6B,aAAA,CAACxB,MAAM,CAAC+B,OAAO,QAAEX,OAAO,CAAkB,CAC/C,EAChBC,QAAQ,iBAAI1B,KAAA,CAAA6B,aAAA,CAACxB,MAAM,CAACgC,KAAK;QAACC,OAAO,EAAEX;MAAQ,EAAG,CAClC;IAEnB;EAAC;EAAA,OAAArB,WAAA;AAAA,EAlCuBJ,SAAS;AAAAqC,eAAA,CAA7BjC,WAAW,iBACM,aAAa;AAAAiC,eAAA,CAD9BjC,WAAW,kBAGO;EACpBkC,KAAK,EAAE;AACT,CAAC;AAgCH,eAAevC,eAAe,CAACK,WAAW,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport Button from '@semcore/button';\nimport { IconProps } from '@semcore/icon';\nimport { FadeInOutProps } from '@semcore/animation';\n\nexport type NoticeTheme = 'danger' | 'warning' | 'success' | 'info' | 'muted';\nexport type NoticeUse = 'primary' | 'secondary';\n\n/** @deprecated */\nexport interface INoticeProps extends NoticeProps, UnknownProperties {}\nexport type NoticeProps = BoxProps &\n  FadeInOutProps & {\n    /** Property for managing visibility of Notice */\n    hidden?: boolean;\n    /** Notice type\n     * @deprecated since version ^4.1.0\n     */\n    use?: NoticeUse;\n    /**\n     * Notice theme\n     * @default info\n     */\n    theme?: NoticeTheme;\n    /** Duration of animation, ms\n     * @default 250\n     */\n    duration?: number;\n    locale?: string;\n  };\n\n/** @deprecated */\nexport interface INoticeLabelProps extends NoticeLabelProps, UnknownProperties {}\nexport type NoticeLabelProps = BoxProps & {\n  theme?: NoticeTheme;\n};\n\n/** @deprecated */\nexport interface INoticeContext extends NoticeContext, UnknownProperties {}\nexport type NoticeContext = {\n  getLabelProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface INoticeSmartProps extends NoticeSmartProps, UnknownProperties {}\nexport type NoticeSmartProps = NoticeProps & {\n  /**\n   * A custom element for additional information\n   */\n  label?: React.ReactNode;\n  /**\n   * Custom action element\n   */\n  actions?: React.ReactNode;\n  /**\n   *  Adds a Close button\n   */\n  closable?: boolean;\n  /**\n   * Callback on a click on the close button\n   */\n  onClose?: (event: React.SyntheticEvent) => void;\n};\n\ndeclare const Notice: Intergalactic.Component<'div', NoticeProps, NoticeContext> & {\n  Label: Intergalactic.Component<'div', NoticeLabelProps>;\n  Actions: typeof Box;\n  Content: typeof Box;\n  /**\n   * @deprecated Use Notice.Close instead of Notice.CloseIcon\n   */\n  CloseIcon: Intergalactic.Component<'div', IconProps>;\n  Close: typeof Button;\n};\n\ndeclare const NoticeSmart: Intergalactic.Component<'div', NoticeSmartProps>;\n\nexport { NoticeSmart };\nexport default Notice;\n"],"mappings":""}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport Button from '@semcore/button';\nimport { IconProps } from '@semcore/icon';\nimport { FadeInOutProps } from '@semcore/animation';\nimport { Text } from '@semcore/typography';\n\nexport type NoticeTheme = 'danger' | 'warning' | 'success' | 'info' | 'muted';\nexport type NoticeUse = 'primary' | 'secondary';\n\n/** @deprecated */\nexport interface INoticeProps extends NoticeProps, UnknownProperties {}\nexport type NoticeProps = BoxProps &\n  FadeInOutProps & {\n    /** Property for managing visibility of Notice */\n    hidden?: boolean;\n    /** Notice type\n     * @deprecated since version ^4.1.0\n     */\n    use?: NoticeUse;\n    /**\n     * Notice theme\n     * @default info\n     */\n    theme?: NoticeTheme;\n    /** Duration of animation, ms\n     * @default 250\n     */\n    duration?: number;\n    locale?: string;\n  };\n\n/** @deprecated */\nexport interface INoticeLabelProps extends NoticeLabelProps, UnknownProperties {}\nexport type NoticeLabelProps = BoxProps & {\n  theme?: NoticeTheme;\n};\n\n/** @deprecated */\nexport interface INoticeContext extends NoticeContext, UnknownProperties {}\nexport type NoticeContext = {\n  getLabelProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface INoticeSmartProps extends NoticeSmartProps, UnknownProperties {}\nexport type NoticeSmartProps = NoticeProps & {\n  /**\n   * A custom element for additional information\n   */\n  label?: React.ReactNode;\n\n  /**\n   * A custom element for title\n   */\n  title?: React.ReactNode;\n\n  /**\n   * Custom action element\n   */\n  actions?: React.ReactNode;\n  /**\n   *  Adds a Close button\n   */\n  closable?: boolean;\n  /**\n   * Callback on a click on the close button\n   */\n  onClose?: (event: React.SyntheticEvent) => void;\n};\n\ndeclare const Notice: Intergalactic.Component<'div', NoticeProps, NoticeContext> & {\n  Label: Intergalactic.Component<'div', NoticeLabelProps>;\n  Actions: typeof Box;\n  Content: typeof Box;\n  Title: typeof Text;\n  Text: typeof Text;\n  /**\n   * @deprecated Use Notice.Close instead of Notice.CloseIcon\n   */\n  CloseIcon: Intergalactic.Component<'div', IconProps>;\n  Close: typeof Button;\n};\n\ndeclare const NoticeSmart: Intergalactic.Component<'div', NoticeSmartProps>;\n\nexport { NoticeSmart };\nexport default Notice;\n"],"mappings":""}

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

@@ -126,3 +126,13 @@ SNotice[theme='custom'] {
   background-color: var(--backgroundColor);
   border-color: var(--backgroundColor);
 }
+
+STitle {
+  margin-top: var(--intergalactic-spacing-05x, 2px);
+  margin-bottom: var(--intergalactic-spacing-05x, 2px);
+}
+
+SText {
+  margin-top: var(--intergalactic-spacing-1x, 4px);
+  margin-bottom: var(--intergalactic-spacing-1x, 4px);
+}

package/notice/lib/types/index.d.ts

@@ -3,6 +3,7 @@ import { Box, BoxProps } from 'intergalactic/flex-box';
 import Button from 'intergalactic/button';
 import { IconProps } from 'intergalactic/icon';
 import { FadeInOutProps } from 'intergalactic/animation';
+import { Text } from 'intergalactic/typography';
 
 export type NoticeTheme = 'danger' | 'warning' | 'success' | 'info' | 'muted';
 export type NoticeUse = 'primary' | 'secondary';
@@ -48,6 +49,12 @@ export type NoticeSmartProps = NoticeProps & {
    * A custom element for additional information
    */
   label?: React.ReactNode;
+
+  /**
+   * A custom element for title
+   */
+  title?: React.ReactNode;
+
   /**
    * Custom action element
    */
@@ -66,6 +73,8 @@ declare const Notice: Intergalactic.Component<'div', NoticeProps, NoticeContext>
   Label: Intergalactic.Component<'div', NoticeLabelProps>;
   Actions: typeof Box;
   Content: typeof Box;
+  Title: typeof Text;
+  Text: typeof Text;
   /**
    * @deprecated Use Notice.Close instead of Notice.CloseIcon
    */

package/notice/package.json

@@ -1 +1 @@
-{"name":"intergalactic/notice","description":"Semrush Notice Component","version":"5.43.2","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/animation":"2.39.1","@semcore/utils":"4.44.1","@semcore/button":"5.40.2","@semcore/flex-box":"5.39.1","@semcore/icon":"4.53.1","@semcore/notice-global":"2.56.1"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/notice"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/notice","description":"Semrush Notice Component","version":"5.43.3-prerelease.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/animation":"2.39.1","@semcore/utils":"4.44.1","@semcore/button":"5.40.3-prerelease.0","@semcore/flex-box":"5.39.1","@semcore/icon":"4.55.0-prerelease.0","@semcore/notice-global":"2.57.0-prerelease.0"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/notice"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

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

@@ -40,21 +40,21 @@ var _getFocusableIn = require("intergalactic/utils/lib/focus-lock/getFocusableIn
 var _excluded = ["focusLock"],
   _excluded2 = ["forwardRef", "styles", "onMouseEnter", "onMouseLeave", "getI18nText", "icon", "children", "action", "type"];
 /*__reshadow-styles__:"./style/notice-bubble.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes enter_93wlo{0%{transform:translate(100%,0);max-height:0;overflow:hidden}to{transform:translate(0,0);max-height:100vh;overflow:hidden}}@keyframes exit_93wlo{0%{max-height:100vh;overflow:hidden;opacity:1}to{max-height:0;overflow:hidden;opacity:0}}.___SBubble_93wlo_gg_,.___SView_93wlo_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_93wlo_gg_._type_info_93wlo_gg_,.___SView_93wlo_gg_._type_info_93wlo_gg_{background:var(--intergalactic-bg-primary-invert, #191b23)}.___SBubble_93wlo_gg_._type_warning_93wlo_gg_,.___SView_93wlo_gg_._type_warning_93wlo_gg_{background:var(--intergalactic-bg-primary-critical, #ff4953)}.___SContent_93wlo_gg_{flex-direction:column;gap:var(--intergalactic-spacing-2x, 8px);flex:1}.___SMessage_93wlo_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SDismiss_93wlo_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_93wlo_gg_.__use_93wlo_gg_{padding:0 1px}.___SIcon_93wlo_gg_{justify-content:center;align-items:center;height:var(--intergalactic-spacing-5x, 20px)}.___SNoticeBubble_93wlo_gg_{width:300px;position:fixed;right:var(--intergalactic-spacing-3x, 12px);top:var(--intergalactic-spacing-3x, 12px)}@media (max-width:767px){.___SNoticeBubble_93wlo_gg_{width:calc(100% - var(--intergalactic-spacing-6x, 24px))}}.___SNoticeBubble_93wlo_gg_.__disablePortal_93wlo_gg_{position:sticky;margin-left:auto;height:0}.___SMessage_93wlo_gg_ a{color:var(--intergalactic-text-link-invert, #8ecdff)}.___SNoticeAriaLiveWrapper_93wlo_gg_{display:content}" /*__inner_css_end__*/, "93wlo_gg_") /*__reshadow_css_end__*/, {
-  "__SContent": "___SContent_93wlo_gg_",
-  "__SMessage": "___SMessage_93wlo_gg_",
-  "__SDismiss": "___SDismiss_93wlo_gg_",
-  "_use": "__use_93wlo_gg_",
-  "__SIcon": "___SIcon_93wlo_gg_",
-  "__SNoticeBubble": "___SNoticeBubble_93wlo_gg_",
-  "_disablePortal": "__disablePortal_93wlo_gg_",
-  "__SNoticeAriaLiveWrapper": "___SNoticeAriaLiveWrapper_93wlo_gg_",
-  "@enter": "enter_93wlo",
-  "@exit": "exit_93wlo",
-  "__SBubble": "___SBubble_93wlo_gg_",
-  "__SView": "___SView_93wlo_gg_",
-  "_type_info": "_type_info_93wlo_gg_",
-  "_type_warning": "_type_warning_93wlo_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes enter_14g16{0%{transform:translate(100%,0);max-height:0;overflow:hidden}to{transform:translate(0,0);max-height:100vh;overflow:hidden}}@keyframes exit_14g16{0%{max-height:100vh;overflow:hidden;opacity:1}to{max-height:0;overflow:hidden;opacity:0}}.___SBubble_14g16_gg_,.___SView_14g16_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_14g16_gg_._type_info_14g16_gg_,.___SView_14g16_gg_._type_info_14g16_gg_{background:var(--intergalactic-bg-primary-invert, #191b23)}.___SBubble_14g16_gg_._type_warning_14g16_gg_,.___SView_14g16_gg_._type_warning_14g16_gg_{background:var(--intergalactic-bg-primary-critical, #ff4953)}.___SContent_14g16_gg_{flex-direction:column;gap:var(--intergalactic-spacing-2x, 8px);flex:1}.___SMessage_14g16_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SDismiss_14g16_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_14g16_gg_.__use_14g16_gg_{padding:0 1px}.___SIcon_14g16_gg_{justify-content:center;align-items:center;height:var(--intergalactic-spacing-5x, 20px)}.___SNoticeBubble_14g16_gg_{width:300px;position:fixed;right:var(--intergalactic-spacing-3x, 12px);top:var(--intergalactic-spacing-3x, 12px)}@media (max-width:767px){.___SNoticeBubble_14g16_gg_{width:calc(100% - var(--intergalactic-spacing-6x, 24px))}}.___SNoticeBubble_14g16_gg_.__disablePortal_14g16_gg_{position:sticky;margin-left:auto;height:0}.___SMessage_14g16_gg_ a{color:var(--intergalactic-text-link-invert, #8ecdff)}.___SNoticeAriaLiveWrapper_14g16_gg_{display:contents}" /*__inner_css_end__*/, "14g16_gg_") /*__reshadow_css_end__*/, {
+  "__SContent": "___SContent_14g16_gg_",
+  "__SMessage": "___SMessage_14g16_gg_",
+  "__SDismiss": "___SDismiss_14g16_gg_",
+  "_use": "__use_14g16_gg_",
+  "__SIcon": "___SIcon_14g16_gg_",
+  "__SNoticeBubble": "___SNoticeBubble_14g16_gg_",
+  "_disablePortal": "__disablePortal_14g16_gg_",
+  "__SNoticeAriaLiveWrapper": "___SNoticeAriaLiveWrapper_14g16_gg_",
+  "@enter": "enter_14g16",
+  "@exit": "exit_14g16",
+  "__SBubble": "___SBubble_14g16_gg_",
+  "__SView": "___SView_14g16_gg_",
+  "_type_info": "_type_info_14g16_gg_",
+  "_type_warning": "_type_warning_14g16_gg_"
 });
 var Notices = function Notices(props) {
   var styles = props.styles,

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

@@ -75,7 +75,7 @@ SMessage a {
 }
 
 SNoticeAriaLiveWrapper {
-  display: content;
+  display: contents;
 }
 
 @keyframes enter {

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

@@ -31,21 +31,21 @@ import { useFocusLock } from 'intergalactic/utils/lib/use/useFocusLock';
 import { Hint } from 'intergalactic/tooltip';
 import { ZIndexStackingContextProvider, zIndexStackingEnhance } from 'intergalactic/utils/lib/zIndexStacking';
 /*__reshadow-styles__:"./style/notice-bubble.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes enter_93wlo{0%{transform:translate(100%,0);max-height:0;overflow:hidden}to{transform:translate(0,0);max-height:100vh;overflow:hidden}}@keyframes exit_93wlo{0%{max-height:100vh;overflow:hidden;opacity:1}to{max-height:0;overflow:hidden;opacity:0}}.___SBubble_93wlo_gg_,.___SView_93wlo_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_93wlo_gg_._type_info_93wlo_gg_,.___SView_93wlo_gg_._type_info_93wlo_gg_{background:var(--intergalactic-bg-primary-invert, #191b23)}.___SBubble_93wlo_gg_._type_warning_93wlo_gg_,.___SView_93wlo_gg_._type_warning_93wlo_gg_{background:var(--intergalactic-bg-primary-critical, #ff4953)}.___SContent_93wlo_gg_{flex-direction:column;gap:var(--intergalactic-spacing-2x, 8px);flex:1}.___SMessage_93wlo_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SDismiss_93wlo_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_93wlo_gg_.__use_93wlo_gg_{padding:0 1px}.___SIcon_93wlo_gg_{justify-content:center;align-items:center;height:var(--intergalactic-spacing-5x, 20px)}.___SNoticeBubble_93wlo_gg_{width:300px;position:fixed;right:var(--intergalactic-spacing-3x, 12px);top:var(--intergalactic-spacing-3x, 12px)}@media (max-width:767px){.___SNoticeBubble_93wlo_gg_{width:calc(100% - var(--intergalactic-spacing-6x, 24px))}}.___SNoticeBubble_93wlo_gg_.__disablePortal_93wlo_gg_{position:sticky;margin-left:auto;height:0}.___SMessage_93wlo_gg_ a{color:var(--intergalactic-text-link-invert, #8ecdff)}.___SNoticeAriaLiveWrapper_93wlo_gg_{display:content}" /*__inner_css_end__*/, "93wlo_gg_") /*__reshadow_css_end__*/, {
-  "__SContent": "___SContent_93wlo_gg_",
-  "__SMessage": "___SMessage_93wlo_gg_",
-  "__SDismiss": "___SDismiss_93wlo_gg_",
-  "_use": "__use_93wlo_gg_",
-  "__SIcon": "___SIcon_93wlo_gg_",
-  "__SNoticeBubble": "___SNoticeBubble_93wlo_gg_",
-  "_disablePortal": "__disablePortal_93wlo_gg_",
-  "__SNoticeAriaLiveWrapper": "___SNoticeAriaLiveWrapper_93wlo_gg_",
-  "@enter": "enter_93wlo",
-  "@exit": "exit_93wlo",
-  "__SBubble": "___SBubble_93wlo_gg_",
-  "__SView": "___SView_93wlo_gg_",
-  "_type_info": "_type_info_93wlo_gg_",
-  "_type_warning": "_type_warning_93wlo_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes enter_14g16{0%{transform:translate(100%,0);max-height:0;overflow:hidden}to{transform:translate(0,0);max-height:100vh;overflow:hidden}}@keyframes exit_14g16{0%{max-height:100vh;overflow:hidden;opacity:1}to{max-height:0;overflow:hidden;opacity:0}}.___SBubble_14g16_gg_,.___SView_14g16_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_14g16_gg_._type_info_14g16_gg_,.___SView_14g16_gg_._type_info_14g16_gg_{background:var(--intergalactic-bg-primary-invert, #191b23)}.___SBubble_14g16_gg_._type_warning_14g16_gg_,.___SView_14g16_gg_._type_warning_14g16_gg_{background:var(--intergalactic-bg-primary-critical, #ff4953)}.___SContent_14g16_gg_{flex-direction:column;gap:var(--intergalactic-spacing-2x, 8px);flex:1}.___SMessage_14g16_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SDismiss_14g16_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_14g16_gg_.__use_14g16_gg_{padding:0 1px}.___SIcon_14g16_gg_{justify-content:center;align-items:center;height:var(--intergalactic-spacing-5x, 20px)}.___SNoticeBubble_14g16_gg_{width:300px;position:fixed;right:var(--intergalactic-spacing-3x, 12px);top:var(--intergalactic-spacing-3x, 12px)}@media (max-width:767px){.___SNoticeBubble_14g16_gg_{width:calc(100% - var(--intergalactic-spacing-6x, 24px))}}.___SNoticeBubble_14g16_gg_.__disablePortal_14g16_gg_{position:sticky;margin-left:auto;height:0}.___SMessage_14g16_gg_ a{color:var(--intergalactic-text-link-invert, #8ecdff)}.___SNoticeAriaLiveWrapper_14g16_gg_{display:contents}" /*__inner_css_end__*/, "14g16_gg_") /*__reshadow_css_end__*/, {
+  "__SContent": "___SContent_14g16_gg_",
+  "__SMessage": "___SMessage_14g16_gg_",
+  "__SDismiss": "___SDismiss_14g16_gg_",
+  "_use": "__use_14g16_gg_",
+  "__SIcon": "___SIcon_14g16_gg_",
+  "__SNoticeBubble": "___SNoticeBubble_14g16_gg_",
+  "_disablePortal": "__disablePortal_14g16_gg_",
+  "__SNoticeAriaLiveWrapper": "___SNoticeAriaLiveWrapper_14g16_gg_",
+  "@enter": "enter_14g16",
+  "@exit": "exit_14g16",
+  "__SBubble": "___SBubble_14g16_gg_",
+  "__SView": "___SView_14g16_gg_",
+  "_type_info": "_type_info_14g16_gg_",
+  "_type_warning": "_type_warning_14g16_gg_"
 });
 import { forkRef, useForkRef } from 'intergalactic/utils/lib/ref';
 import { getFocusableIn } from 'intergalactic/utils/lib/focus-lock/getFocusableIn';

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

@@ -75,7 +75,7 @@ SMessage a {
 }
 
 SNoticeAriaLiveWrapper {
-  display: content;
+  display: contents;
 }
 
 @keyframes enter {

package/notice-bubble/package.json

@@ -1 +1 @@
-{"name":"intergalactic/notice-bubble","description":"Semrush NoticeBubble Component","version":"5.48.2","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","author":"UI-kit team <ui-kit-team@semrush.com>","sideEffects":false,"license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/utils":"4.44.1","@semcore/icon":"4.53.1","@semcore/portal":"3.39.1","@semcore/flex-box":"5.39.1","@semcore/animation":"2.39.1"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/notice-bubble"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/notice-bubble","description":"Semrush NoticeBubble Component","version":"5.49.0-prerelease.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","author":"UI-kit team <ui-kit-team@semrush.com>","sideEffects":false,"license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/utils":"4.44.1","@semcore/icon":"4.55.0-prerelease.0","@semcore/portal":"3.39.1","@semcore/flex-box":"5.39.1","@semcore/animation":"2.39.1"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/notice-bubble"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

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

@@ -26,17 +26,17 @@ var _useCssVariable = require("intergalactic/utils/lib/useCssVariable");
 var _button = _interopRequireDefault(require("intergalactic/button"));
 var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
 /*__reshadow-styles__:"./style/notice-global.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SNoticeGlobal_1xblg_gg_{display:flex;align-items:center;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);box-sizing:border-box;padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-8x, 32px)}.___SCloseIcon_1xblg_gg_{margin-left:var(--intergalactic-spacing-4x, 16px)}.___SNoticeGlobal_1xblg_gg_._theme_neutral_1xblg_gg_{background-color:var(--intergalactic-bg-primary-muted, #6c6e79);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1xblg_gg_._theme_info_1xblg_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1xblg_gg_._theme_danger_1xblg_gg_{background-color:var(--intergalactic-bg-primary-critical, #ff4953);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1xblg_gg_._theme_warning_1xblg_gg_{background-color:var(--intergalactic-bg-primary-warning, #ff642d);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1xblg_gg_._theme_success_1xblg_gg_{background-color:var(--intergalactic-bg-primary-success, #009f81);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1xblg_gg_._theme_custom_1xblg_gg_{background-color:var(--backgroundColor_1xblg)}.___SContent_1xblg_gg_{flex:1 1 auto;width:100%;justify-content:center}" /*__inner_css_end__*/, "1xblg_gg_") /*__reshadow_css_end__*/, {
-  "__SNoticeGlobal": "___SNoticeGlobal_1xblg_gg_",
-  "__SCloseIcon": "___SCloseIcon_1xblg_gg_",
-  "_theme_neutral": "_theme_neutral_1xblg_gg_",
-  "_theme_info": "_theme_info_1xblg_gg_",
-  "_theme_danger": "_theme_danger_1xblg_gg_",
-  "_theme_warning": "_theme_warning_1xblg_gg_",
-  "_theme_success": "_theme_success_1xblg_gg_",
-  "_theme_custom": "_theme_custom_1xblg_gg_",
-  "--backgroundColor": "--backgroundColor_1xblg",
-  "__SContent": "___SContent_1xblg_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SNoticeGlobal_seosg_gg_{display:flex;align-items:center;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);box-sizing:border-box;padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-8x, 32px)}.___SCloseIcon_seosg_gg_{margin-left:var(--intergalactic-spacing-4x, 16px)}.___SNoticeGlobal_seosg_gg_._theme_neutral_seosg_gg_{background-color:var(--intergalactic-bg-primary-muted, #6c6e79);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_seosg_gg_._theme_info_seosg_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_seosg_gg_._theme_danger_seosg_gg_{background-color:var(--intergalactic-bg-primary-critical, #ff4953);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_seosg_gg_._theme_warning_seosg_gg_{background-color:var(--intergalactic-bg-primary-warning, #ff642d);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_seosg_gg_._theme_success_seosg_gg_{background-color:var(--intergalactic-bg-primary-success, #009f81);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_seosg_gg_._theme_custom_seosg_gg_{background-color:var(--backgroundColor_seosg)}.___SContent_seosg_gg_{flex:1 1 auto;width:100%;justify-content:center}" /*__inner_css_end__*/, "seosg_gg_") /*__reshadow_css_end__*/, {
+  "__SNoticeGlobal": "___SNoticeGlobal_seosg_gg_",
+  "__SCloseIcon": "___SCloseIcon_seosg_gg_",
+  "_theme_neutral": "_theme_neutral_seosg_gg_",
+  "_theme_info": "_theme_info_seosg_gg_",
+  "_theme_danger": "_theme_danger_seosg_gg_",
+  "_theme_warning": "_theme_warning_seosg_gg_",
+  "_theme_success": "_theme_success_seosg_gg_",
+  "_theme_custom": "_theme_custom_seosg_gg_",
+  "--backgroundColor": "--backgroundColor_seosg",
+  "__SContent": "___SContent_seosg_gg_"
 });
 function isCustomTheme(theme) {
   return !['danger', 'warning', 'success', 'info', 'neutral'].includes(theme);

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

@@ -20,17 +20,17 @@ import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
 import { cssVariableEnhance } from 'intergalactic/utils/lib/useCssVariable';
 import Button from 'intergalactic/button';
 /*__reshadow-styles__:"./style/notice-global.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SNoticeGlobal_1xblg_gg_{display:flex;align-items:center;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);box-sizing:border-box;padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-8x, 32px)}.___SCloseIcon_1xblg_gg_{margin-left:var(--intergalactic-spacing-4x, 16px)}.___SNoticeGlobal_1xblg_gg_._theme_neutral_1xblg_gg_{background-color:var(--intergalactic-bg-primary-muted, #6c6e79);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1xblg_gg_._theme_info_1xblg_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1xblg_gg_._theme_danger_1xblg_gg_{background-color:var(--intergalactic-bg-primary-critical, #ff4953);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1xblg_gg_._theme_warning_1xblg_gg_{background-color:var(--intergalactic-bg-primary-warning, #ff642d);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1xblg_gg_._theme_success_1xblg_gg_{background-color:var(--intergalactic-bg-primary-success, #009f81);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1xblg_gg_._theme_custom_1xblg_gg_{background-color:var(--backgroundColor_1xblg)}.___SContent_1xblg_gg_{flex:1 1 auto;width:100%;justify-content:center}" /*__inner_css_end__*/, "1xblg_gg_") /*__reshadow_css_end__*/, {
-  "__SNoticeGlobal": "___SNoticeGlobal_1xblg_gg_",
-  "__SCloseIcon": "___SCloseIcon_1xblg_gg_",
-  "_theme_neutral": "_theme_neutral_1xblg_gg_",
-  "_theme_info": "_theme_info_1xblg_gg_",
-  "_theme_danger": "_theme_danger_1xblg_gg_",
-  "_theme_warning": "_theme_warning_1xblg_gg_",
-  "_theme_success": "_theme_success_1xblg_gg_",
-  "_theme_custom": "_theme_custom_1xblg_gg_",
-  "--backgroundColor": "--backgroundColor_1xblg",
-  "__SContent": "___SContent_1xblg_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SNoticeGlobal_seosg_gg_{display:flex;align-items:center;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);box-sizing:border-box;padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-8x, 32px)}.___SCloseIcon_seosg_gg_{margin-left:var(--intergalactic-spacing-4x, 16px)}.___SNoticeGlobal_seosg_gg_._theme_neutral_seosg_gg_{background-color:var(--intergalactic-bg-primary-muted, #6c6e79);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_seosg_gg_._theme_info_seosg_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_seosg_gg_._theme_danger_seosg_gg_{background-color:var(--intergalactic-bg-primary-critical, #ff4953);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_seosg_gg_._theme_warning_seosg_gg_{background-color:var(--intergalactic-bg-primary-warning, #ff642d);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_seosg_gg_._theme_success_seosg_gg_{background-color:var(--intergalactic-bg-primary-success, #009f81);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_seosg_gg_._theme_custom_seosg_gg_{background-color:var(--backgroundColor_seosg)}.___SContent_seosg_gg_{flex:1 1 auto;width:100%;justify-content:center}" /*__inner_css_end__*/, "seosg_gg_") /*__reshadow_css_end__*/, {
+  "__SNoticeGlobal": "___SNoticeGlobal_seosg_gg_",
+  "__SCloseIcon": "___SCloseIcon_seosg_gg_",
+  "_theme_neutral": "_theme_neutral_seosg_gg_",
+  "_theme_info": "_theme_info_seosg_gg_",
+  "_theme_danger": "_theme_danger_seosg_gg_",
+  "_theme_warning": "_theme_warning_seosg_gg_",
+  "_theme_success": "_theme_success_seosg_gg_",
+  "_theme_custom": "_theme_custom_seosg_gg_",
+  "--backgroundColor": "--backgroundColor_seosg",
+  "__SContent": "___SContent_seosg_gg_"
 });
 import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
 function isCustomTheme(theme) {

package/notice-global/package.json

@@ -1 +1 @@
-{"name":"intergalactic/notice-global","description":"Semrush NoticeGlobal Component","version":"2.56.1","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","author":"UI-kit team <ui-kit-team@semrush.com>","sideEffects":false,"license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/utils":"4.44.1","@semcore/icon":"4.53.1","@semcore/flex-box":"5.39.1","@semcore/animation":"2.39.1"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/notice-global"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/notice-global","description":"Semrush NoticeGlobal Component","version":"2.57.0-prerelease.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","author":"UI-kit team <ui-kit-team@semrush.com>","sideEffects":false,"license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/utils":"4.44.1","@semcore/icon":"4.55.0-prerelease.0","@semcore/flex-box":"5.39.1","@semcore/animation":"2.39.1"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/notice-global"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}