intergalactic 15.104.1 → 15.105.0-prerelease.1

package/modal/lib/cjs/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { FadeInOutProps, SlideProps } from '@semcore/animation';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { PortalProps } from '@semcore/portal';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { TextProps } from '@semcore/typography';\n\n/** @deprecated */\nexport interface IModalProps extends ModalProps, UnknownProperties {}\nexport type ModalProps = PortalProps &\n  BoxProps &\n  FadeInOutProps & {\n    /** Duration of animation, ms\n     * @default 200\n     */\n    duration?: number;\n    /** This property is responsible for the visibility of the modal window */\n    visible?: boolean;\n    /** Function called when the component is hidden */\n    onClose?: (\n      trigger: 'onOutsideClick' | 'onCloseClick' | 'onEscape',\n      e?: React.MouseEvent | React.KeyboardEvent,\n    ) => void;\n    /** Displaying the close button(x) in the upper-right corner of the modal dialog\n     * @default true\n     * */\n    closable?: boolean;\n    /**\n     * Setting `true` disables mechanism that hides document body scrollbar when Modal is visible\n     * @default false\n     */\n    disablePreventScroll?: boolean;\n\n    locale?: string;\n\n    /**\n     * Props for render modal without background and paddings. Useful in carousel for example\n     */\n    ghost?: boolean;\n  };\n\n/** @deprecated */\nexport interface IWindowProps extends WindowProps, UnknownProperties {}\nexport type WindowProps = BoxProps & SlideProps & {};\n\n/** @deprecated */\nexport interface IModalContext extends ModalContext, UnknownProperties {}\nexport type ModalContext = {\n  getOverlayProps: PropGetterFn;\n  getWindowProps: PropGetterFn;\n  getCloseProps: PropGetterFn;\n};\n\ndeclare const Modal: Intergalactic.Component<'div', ModalProps, ModalContext> & {\n  Window: Intergalactic.Component<'div', WindowProps>;\n  Overlay: typeof Box;\n  Close: typeof Box;\n  Title: Intergalactic.Component<'div', TextProps>;\n};\n\nexport default Modal;\n"],"mappings":""}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { FadeInOutProps, SlideProps } from '@semcore/animation';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { PortalProps } from '@semcore/portal';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { TextProps } from '@semcore/typography';\nimport Button from '@semcore/button';\n\n/** @deprecated */\nexport interface IModalProps extends ModalProps, UnknownProperties {}\nexport type ModalProps = PortalProps &\n  BoxProps &\n  FadeInOutProps & {\n    /** Duration of animation, ms\n     * @default 200\n     */\n    duration?: number;\n    /** This property is responsible for the visibility of the modal window */\n    visible?: boolean;\n    /** Function called when the component is hidden */\n    onClose?: (\n      trigger: 'onOutsideClick' | 'onCloseClick' | 'onEscape',\n      e?: React.MouseEvent | React.KeyboardEvent,\n    ) => void;\n    /** Displaying the close button(x) in the upper-right corner of the modal dialog\n     * @default true\n     * */\n    closable?: boolean;\n    /**\n     * Setting `true` disables mechanism that hides document body scrollbar when Modal is visible\n     * @default false\n     */\n    disablePreventScroll?: boolean;\n\n    locale?: string;\n\n    /**\n     * Props for render modal without background and paddings. Useful in carousel for example\n     */\n    ghost?: boolean;\n  };\n\n/** @deprecated */\nexport interface IWindowProps extends WindowProps, UnknownProperties {}\nexport type WindowProps = BoxProps & SlideProps & {};\n\n/** @deprecated */\nexport interface IModalContext extends ModalContext, UnknownProperties {}\nexport type ModalContext = {\n  getOverlayProps: PropGetterFn;\n  getWindowProps: PropGetterFn;\n  getCloseProps: PropGetterFn;\n};\n\ndeclare const Modal: Intergalactic.Component<'div', ModalProps, ModalContext> & {\n  Window: Intergalactic.Component<'div', WindowProps>;\n  Overlay: typeof Box;\n  Close: typeof Button;\n  Title: Intergalactic.Component<'div', TextProps>;\n};\n\nexport default Modal;\n"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { FadeInOutProps, SlideProps } from '@semcore/animation';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { PortalProps } from '@semcore/portal';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { TextProps } from '@semcore/typography';\n\n/** @deprecated */\nexport interface IModalProps extends ModalProps, UnknownProperties {}\nexport type ModalProps = PortalProps &\n  BoxProps &\n  FadeInOutProps & {\n    /** Duration of animation, ms\n     * @default 200\n     */\n    duration?: number;\n    /** This property is responsible for the visibility of the modal window */\n    visible?: boolean;\n    /** Function called when the component is hidden */\n    onClose?: (\n      trigger: 'onOutsideClick' | 'onCloseClick' | 'onEscape',\n      e?: React.MouseEvent | React.KeyboardEvent,\n    ) => void;\n    /** Displaying the close button(x) in the upper-right corner of the modal dialog\n     * @default true\n     * */\n    closable?: boolean;\n    /**\n     * Setting `true` disables mechanism that hides document body scrollbar when Modal is visible\n     * @default false\n     */\n    disablePreventScroll?: boolean;\n\n    locale?: string;\n\n    /**\n     * Props for render modal without background and paddings. Useful in carousel for example\n     */\n    ghost?: boolean;\n  };\n\n/** @deprecated */\nexport interface IWindowProps extends WindowProps, UnknownProperties {}\nexport type WindowProps = BoxProps & SlideProps & {};\n\n/** @deprecated */\nexport interface IModalContext extends ModalContext, UnknownProperties {}\nexport type ModalContext = {\n  getOverlayProps: PropGetterFn;\n  getWindowProps: PropGetterFn;\n  getCloseProps: PropGetterFn;\n};\n\ndeclare const Modal: Intergalactic.Component<'div', ModalProps, ModalContext> & {\n  Window: Intergalactic.Component<'div', WindowProps>;\n  Overlay: typeof Box;\n  Close: typeof Box;\n  Title: Intergalactic.Component<'div', TextProps>;\n};\n\nexport default Modal;\n"],"mappings":""}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { FadeInOutProps, SlideProps } from '@semcore/animation';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { PortalProps } from '@semcore/portal';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { TextProps } from '@semcore/typography';\nimport Button from '@semcore/button';\n\n/** @deprecated */\nexport interface IModalProps extends ModalProps, UnknownProperties {}\nexport type ModalProps = PortalProps &\n  BoxProps &\n  FadeInOutProps & {\n    /** Duration of animation, ms\n     * @default 200\n     */\n    duration?: number;\n    /** This property is responsible for the visibility of the modal window */\n    visible?: boolean;\n    /** Function called when the component is hidden */\n    onClose?: (\n      trigger: 'onOutsideClick' | 'onCloseClick' | 'onEscape',\n      e?: React.MouseEvent | React.KeyboardEvent,\n    ) => void;\n    /** Displaying the close button(x) in the upper-right corner of the modal dialog\n     * @default true\n     * */\n    closable?: boolean;\n    /**\n     * Setting `true` disables mechanism that hides document body scrollbar when Modal is visible\n     * @default false\n     */\n    disablePreventScroll?: boolean;\n\n    locale?: string;\n\n    /**\n     * Props for render modal without background and paddings. Useful in carousel for example\n     */\n    ghost?: boolean;\n  };\n\n/** @deprecated */\nexport interface IWindowProps extends WindowProps, UnknownProperties {}\nexport type WindowProps = BoxProps & SlideProps & {};\n\n/** @deprecated */\nexport interface IModalContext extends ModalContext, UnknownProperties {}\nexport type ModalContext = {\n  getOverlayProps: PropGetterFn;\n  getWindowProps: PropGetterFn;\n  getCloseProps: PropGetterFn;\n};\n\ndeclare const Modal: Intergalactic.Component<'div', ModalProps, ModalContext> & {\n  Window: Intergalactic.Component<'div', WindowProps>;\n  Overlay: typeof Box;\n  Close: typeof Button;\n  Title: Intergalactic.Component<'div', TextProps>;\n};\n\nexport default Modal;\n"],"mappings":""}

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

@@ -4,6 +4,7 @@ import { PropGetterFn, UnknownProperties, Intergalactic } from 'intergalactic/co
 import { PortalProps } from 'intergalactic/portal';
 import { Box, BoxProps } from 'intergalactic/flex-box';
 import { TextProps } from 'intergalactic/typography';
+import Button from 'intergalactic/button';
 
 /** @deprecated */
 export interface IModalProps extends ModalProps, UnknownProperties {}
@@ -54,7 +55,7 @@ export type ModalContext = {
 declare const Modal: Intergalactic.Component<'div', ModalProps, ModalContext> & {
   Window: Intergalactic.Component<'div', WindowProps>;
   Overlay: typeof Box;
-  Close: typeof Box;
+  Close: typeof Button;
   Title: Intergalactic.Component<'div', TextProps>;
 };
 

package/notice/index.d.ts

@@ -1,5 +1,6 @@
 import { PropGetterFn, UnknownProperties, Intergalactic } from 'intergalactic/core';
 import { Box, BoxProps } from 'intergalactic/flex-box';
+import Button from 'intergalactic/button';
 import { IconProps } from 'intergalactic/icon';
 import { FadeInOutProps } from 'intergalactic/animation';
 
@@ -65,7 +66,11 @@ declare const Notice: Intergalactic.Component<'div', NoticeProps, NoticeContext>
   Label: Intergalactic.Component<'div', NoticeLabelProps>;
   Actions: typeof Box;
   Content: typeof Box;
+  /**
+   * @deprecated Use Notice.Close instead of Notice.CloseIcon
+   */
   CloseIcon: Intergalactic.Component<'div', IconProps>;
+  Close: typeof Button;
 };
 
 declare const NoticeSmart: Intergalactic.Component<'div', NoticeSmartProps>;

package/notice/lib/cjs/Notice.js

@@ -16,6 +16,7 @@ var _index = require("intergalactic/utils/lib/core/index");
 var _core = _interopRequireWildcard(require("intergalactic/core"));
 var _react = _interopRequireDefault(require("react"));
 var _flexBox = require("intergalactic/flex-box");
+var _button = _interopRequireDefault(require("intergalactic/button"));
 var _m = _interopRequireDefault(require("intergalactic/icon/Close/m"));
 var _resolveColorEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/resolveColorEnhance"));
 var _animation = require("intergalactic/animation");
@@ -25,20 +26,20 @@ var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynam
 var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
 var _useCssVariable = require("intergalactic/utils/lib/useCssVariable");
 /*__reshadow-styles__:"./style/notice.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SNotice_1xqpn_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_1xqpn_gg_._theme_info_1xqpn_gg_{background-color:var(--intergalactic-bg-secondary-info, #e9f7ff);border-color:var(--intergalactic-border-info, #8ecdff)}.___SNotice_1xqpn_gg_._theme_info_1xqpn_gg_ .___SCloseIcon_1xqpn_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SNotice_1xqpn_gg_._theme_info_1xqpn_gg_ .___SCloseIcon_1xqpn_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SNotice_1xqpn_gg_._theme_danger_1xqpn_gg_{background-color:var(--intergalactic-bg-secondary-critical, #fff0f7);border-color:var(--intergalactic-border-critical, #ffaeb5)}.___SNotice_1xqpn_gg_._theme_danger_1xqpn_gg_ .___SCloseIcon_1xqpn_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}@media (hover:hover){.___SNotice_1xqpn_gg_._theme_danger_1xqpn_gg_ .___SCloseIcon_1xqpn_gg_:hover{color:var(--intergalactic-icon-primary-critical-hover-active, #CC3A42)}}.___SNotice_1xqpn_gg_._theme_warning_1xqpn_gg_{background-color:var(--intergalactic-bg-secondary-warning, #fff3d9);border-color:var(--intergalactic-border-warning, #ffb26e)}.___SNotice_1xqpn_gg_._theme_warning_1xqpn_gg_ .___SCloseIcon_1xqpn_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SNotice_1xqpn_gg_._theme_warning_1xqpn_gg_ .___SCloseIcon_1xqpn_gg_:hover{color:var(--intergalactic-icon-primary-warning-hover-active, #CC5024)}}.___SNotice_1xqpn_gg_._theme_success_1xqpn_gg_{background-color:var(--intergalactic-bg-secondary-success, #dbfee8);border-color:var(--intergalactic-border-success, #59ddaa)}.___SNotice_1xqpn_gg_._theme_success_1xqpn_gg_ .___SCloseIcon_1xqpn_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}@media (hover:hover){.___SNotice_1xqpn_gg_._theme_success_1xqpn_gg_ .___SCloseIcon_1xqpn_gg_:hover{color:var(--intergalactic-icon-primary-success-hover-active, #037E68)}}.___SNotice_1xqpn_gg_._theme_muted_1xqpn_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9);border-color:var(--intergalactic-border-secondary, #e0e1e9)}.___SLabel_1xqpn_gg_._theme_info_1xqpn_gg_,.___SNotice_1xqpn_gg_._theme_muted_1xqpn_gg_ .___SCloseIcon_1xqpn_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SNotice_1xqpn_gg_._theme_muted_1xqpn_gg_ .___SCloseIcon_1xqpn_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SContent_1xqpn_gg_{flex:1 1 auto;width:100%}.___SActions_1xqpn_gg_{flex-shrink:0;margin-top:var(--intergalactic-spacing-3x, 12px)}.___SLabel_1xqpn_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-2x, 8px);display:inline-flex}.___SLabel_1xqpn_gg_._theme_danger_1xqpn_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}.___SLabel_1xqpn_gg_._theme_warning_1xqpn_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}.___SLabel_1xqpn_gg_._theme_success_1xqpn_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}.___SLabel_1xqpn_gg_._theme_muted_1xqpn_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SLabel_1xqpn_gg_._theme_custom_1xqpn_gg_{color:var(--color_1xqpn)}.___SCloseIcon_1xqpn_gg_{flex-shrink:0;margin-left:var(--intergalactic-spacing-4x, 16px)}.___SNotice_1xqpn_gg_._theme_custom_1xqpn_gg_{background-color:var(--backgroundColor_1xqpn);border-color:var(--backgroundColor_1xqpn)}" /*__inner_css_end__*/, "1xqpn_gg_") /*__reshadow_css_end__*/, {
-  "__SNotice": "___SNotice_1xqpn_gg_",
-  "__SContent": "___SContent_1xqpn_gg_",
-  "__SActions": "___SActions_1xqpn_gg_",
-  "__SLabel": "___SLabel_1xqpn_gg_",
-  "_theme_info": "_theme_info_1xqpn_gg_",
-  "_theme_danger": "_theme_danger_1xqpn_gg_",
-  "_theme_warning": "_theme_warning_1xqpn_gg_",
-  "_theme_success": "_theme_success_1xqpn_gg_",
-  "_theme_muted": "_theme_muted_1xqpn_gg_",
-  "_theme_custom": "_theme_custom_1xqpn_gg_",
-  "--color": "--color_1xqpn",
-  "__SCloseIcon": "___SCloseIcon_1xqpn_gg_",
-  "--backgroundColor": "--backgroundColor_1xqpn"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SNotice_1a0qk_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_1a0qk_gg_._theme_info_1a0qk_gg_{background-color:var(--intergalactic-bg-secondary-info, #e9f7ff);border-color:var(--intergalactic-border-info, #8ecdff)}.___SNotice_1a0qk_gg_._theme_info_1a0qk_gg_ .___SCloseIcon_1a0qk_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SNotice_1a0qk_gg_._theme_info_1a0qk_gg_ .___SCloseIcon_1a0qk_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SNotice_1a0qk_gg_._theme_danger_1a0qk_gg_{background-color:var(--intergalactic-bg-secondary-critical, #fff0f7);border-color:var(--intergalactic-border-critical, #ffaeb5)}.___SNotice_1a0qk_gg_._theme_danger_1a0qk_gg_ .___SCloseIcon_1a0qk_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}@media (hover:hover){.___SNotice_1a0qk_gg_._theme_danger_1a0qk_gg_ .___SCloseIcon_1a0qk_gg_:hover{color:var(--intergalactic-icon-primary-critical-hover-active, #CC3A42)}}.___SNotice_1a0qk_gg_._theme_warning_1a0qk_gg_{background-color:var(--intergalactic-bg-secondary-warning, #fff3d9);border-color:var(--intergalactic-border-warning, #ffb26e)}.___SNotice_1a0qk_gg_._theme_warning_1a0qk_gg_ .___SCloseIcon_1a0qk_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SNotice_1a0qk_gg_._theme_warning_1a0qk_gg_ .___SCloseIcon_1a0qk_gg_:hover{color:var(--intergalactic-icon-primary-warning-hover-active, #CC5024)}}.___SNotice_1a0qk_gg_._theme_success_1a0qk_gg_{background-color:var(--intergalactic-bg-secondary-success, #dbfee8);border-color:var(--intergalactic-border-success, #59ddaa)}.___SNotice_1a0qk_gg_._theme_success_1a0qk_gg_ .___SCloseIcon_1a0qk_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}@media (hover:hover){.___SNotice_1a0qk_gg_._theme_success_1a0qk_gg_ .___SCloseIcon_1a0qk_gg_:hover{color:var(--intergalactic-icon-primary-success-hover-active, #037E68)}}.___SNotice_1a0qk_gg_._theme_muted_1a0qk_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9);border-color:var(--intergalactic-border-secondary, #e0e1e9)}.___SLabel_1a0qk_gg_._theme_info_1a0qk_gg_,.___SNotice_1a0qk_gg_._theme_muted_1a0qk_gg_ .___SCloseIcon_1a0qk_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SNotice_1a0qk_gg_._theme_muted_1a0qk_gg_ .___SCloseIcon_1a0qk_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SContent_1a0qk_gg_{flex:1 1 auto;width:100%}.___SActions_1a0qk_gg_{flex-shrink:0;margin-top:var(--intergalactic-spacing-3x, 12px)}.___SLabel_1a0qk_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_1a0qk_gg_._theme_danger_1a0qk_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}.___SLabel_1a0qk_gg_._theme_warning_1a0qk_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}.___SLabel_1a0qk_gg_._theme_success_1a0qk_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}.___SLabel_1a0qk_gg_._theme_muted_1a0qk_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SLabel_1a0qk_gg_._theme_custom_1a0qk_gg_{color:var(--color_1a0qk)}.___SCloseIcon_1a0qk_gg_{flex-shrink:0;margin-left:var(--intergalactic-spacing-4x, 16px)}.___SNotice_1a0qk_gg_._theme_custom_1a0qk_gg_{background-color:var(--backgroundColor_1a0qk);border-color:var(--backgroundColor_1a0qk)}" /*__inner_css_end__*/, "1a0qk_gg_") /*__reshadow_css_end__*/, {
+  "__SNotice": "___SNotice_1a0qk_gg_",
+  "__SContent": "___SContent_1a0qk_gg_",
+  "__SActions": "___SActions_1a0qk_gg_",
+  "__SLabel": "___SLabel_1a0qk_gg_",
+  "_theme_info": "_theme_info_1a0qk_gg_",
+  "_theme_danger": "_theme_danger_1a0qk_gg_",
+  "_theme_warning": "_theme_warning_1a0qk_gg_",
+  "_theme_success": "_theme_success_1a0qk_gg_",
+  "_theme_muted": "_theme_muted_1a0qk_gg_",
+  "_theme_custom": "_theme_custom_1a0qk_gg_",
+  "--color": "--color_1a0qk",
+  "__SCloseIcon": "___SCloseIcon_1a0qk_gg_",
+  "--backgroundColor": "--backgroundColor_1a0qk"
 });
 function isCustomTheme(theme) {
   return !['danger', 'warning', 'success', 'info', 'muted'].includes(theme);
@@ -69,11 +70,19 @@ var RootNotice = /*#__PURE__*/function (_Component) {
         getI18nText: getI18nText
       };
     }
+  }, {
+    key: "getCloseProps",
+    value: function getCloseProps() {
+      var getI18nText = this.asProps.getI18nText;
+      return {
+        getI18nText: getI18nText
+      };
+    }
   }, {
     key: "render",
     value: function render() {
       var _ref = this.asProps,
-        _ref6;
+        _ref7;
       var SNotice = _animation.FadeInOut;
       var _this$asProps2 = this.asProps,
         Children = _this$asProps2.Children,
@@ -94,14 +103,14 @@ var RootNotice = /*#__PURE__*/function (_Component) {
         _logger["default"].warn(true, "Deprecated property-value pair \"use=primary\", use component <NoticeGlobal/> instead", RootNotice.displayName);
         return /*#__PURE__*/_react["default"].createElement(_noticeGlobal["default"], this.asProps);
       }
-      return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SNotice, _ref6.cn("SNotice", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+      return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SNotice, _ref7.cn("SNotice", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
         "visible": !hidden,
         "use:theme": useTheme,
         "backgroundColor": color,
         "role": 'region',
         "aria-live": ariaLive,
         "aria-label": getI18nText(theme === 'danger' ? 'criticalNotification' : 'notification')
-      }, _ref))), /*#__PURE__*/_react["default"].createElement(Children, _ref6.cn("Children", {})));
+      }, _ref))), /*#__PURE__*/_react["default"].createElement(Children, _ref7.cn("Children", {})));
     }
   }]);
   return RootNotice;
@@ -119,51 +128,65 @@ var RootNotice = /*#__PURE__*/function (_Component) {
   i18n: _intergalacticDynamicLocales.localizedMessages,
   locale: 'en'
 });
-function Label(_ref11) {
+function Label(_ref13) {
   var _ref2 = arguments[0],
-    _ref7;
-  var styles = _ref11.styles,
-    theme = _ref11.theme,
-    resolveColor = _ref11.resolveColor;
+    _ref8;
+  var styles = _ref13.styles,
+    theme = _ref13.theme,
+    resolveColor = _ref13.resolveColor;
   var SLabel = _flexBox.Box;
   var useTheme = isCustomTheme(theme) ? 'custom' : theme;
   var color = resolveColor(theme);
-  return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SLabel, _ref7.cn("SLabel", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+  return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SLabel, _ref8.cn("SLabel", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
     "use:theme": useTheme,
     "color": color
   }, _ref2))));
 }
-function Actions(_ref12) {
+function Actions(_ref14) {
   var _ref3 = arguments[0],
-    _ref8;
-  var styles = _ref12.styles;
+    _ref9;
+  var styles = _ref14.styles;
   var SActions = _flexBox.Box;
-  return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SActions, _ref8.cn("SActions", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref3))));
+  return _ref9 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SActions, _ref9.cn("SActions", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref3))));
 }
-function Content(_ref13) {
+function Content(_ref15) {
   var _ref4 = arguments[0],
-    _ref9;
-  var styles = _ref13.styles;
+    _ref10;
+  var styles = _ref15.styles;
   var SContent = _flexBox.Box;
-  return _ref9 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SContent, _ref9.cn("SContent", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref4))));
+  return _ref10 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SContent, _ref10.cn("SContent", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref4))));
 }
-function CloseIcon(_ref14) {
+function CloseIcon(_ref16) {
   var _ref5 = arguments[0],
-    _ref10;
-  var styles = _ref14.styles,
-    getI18nText = _ref14.getI18nText;
+    _ref11;
+  var styles = _ref16.styles,
+    getI18nText = _ref16.getI18nText;
   var SCloseIcon = _flexBox.Box;
-  return _ref10 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCloseIcon, _ref10.cn("SCloseIcon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+  return _ref11 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCloseIcon, _ref11.cn("SCloseIcon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
     "tag": _m["default"],
     "interactive": true,
     "aria-label": getI18nText('close')
   }, _ref5))));
 }
+function Close(_ref17) {
+  var _ref6 = arguments[0],
+    _ref12;
+  var styles = _ref17.styles,
+    getI18nText = _ref17.getI18nText;
+  var SCloseIcon = _button["default"];
+  return _ref12 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCloseIcon, _ref12.cn("SCloseIcon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+    "addonLeft": _m["default"],
+    "use": 'tertiary',
+    "theme": 'muted',
+    "aria-label": getI18nText('close')
+  }, _ref6))));
+}
 var _default = (0, _core["default"])(RootNotice, {
   Label: Label,
   Actions: Actions,
   Content: Content,
-  CloseIcon: CloseIcon
+  CloseIcon: CloseIcon,
+  Close: Close
 });
 exports["default"] = _default;
 //# sourceMappingURL=Notice.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Notice.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_m","_resolveColorEnhance","_animation","_logger","_noticeGlobal","_intergalacticDynamicLocales","_i18nEnhance","_useCssVariable","style","_index","sstyled","insert","isCustomTheme","theme","includes","RootNotice","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getLabelProps","_this$asProps","asProps","resolveColor","getCloseIconProps","getI18nText","render","_ref","_ref6","SNotice","FadeInOut","_this$asProps2","Children","styles","hidden","use","isAssertive","color","useTheme","ariaLive","undefined","logger","warn","displayName","createElement","cn","_objectSpread2","assignProps","Component","_defineProperty2","i18nEnhance","localizedMessages","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","resolveColorEnhance","i18n","locale","Label","_ref11","_ref2","arguments[0]","_ref7","SLabel","Box","Actions","_ref12","_ref3","_ref8","SActions","Content","_ref13","_ref4","_ref9","SContent","CloseIcon","_ref14","_ref5","_ref10","SCloseIcon","Close","_default","createComponent","exports"],"sources":["../../src/Notice.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport Close 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  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  render() {\n    const SNotice = Root;\n    const { Children, styles, hidden, theme, use, resolveColor, getI18nText } = this.asProps;\n    const isAssertive = theme === 'danger' || theme === 'warning';\n    const color = resolveColor(theme);\n    const useTheme = isCustomTheme(theme) ? 'custom' : theme;\n\n    let ariaLive = isAssertive ? 'assertive' : 'polite';\n    if (theme === 'neutral') {\n      ariaLive = undefined;\n    }\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    return sstyled(styles)(\n      <SNotice\n        render={FadeInOut}\n        visible={!hidden}\n        use:theme={useTheme}\n        backgroundColor={color}\n        role='region'\n        aria-live={ariaLive}\n        aria-label={getI18nText(theme === 'danger' ? 'criticalNotification' : 'notification')}\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={Close} interactive aria-label={getI18nText('close')} />,\n  );\n}\n\nexport default createComponent(RootNotice, {\n  Label,\n  Actions,\n  Content,\n  CloseIcon,\n});\n"],"mappings":"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"}
+{"version":3,"file":"Notice.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_button","_m","_resolveColorEnhance","_animation","_logger","_noticeGlobal","_intergalacticDynamicLocales","_i18nEnhance","_useCssVariable","style","_index","sstyled","insert","isCustomTheme","theme","includes","RootNotice","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getLabelProps","_this$asProps","asProps","resolveColor","getCloseIconProps","getI18nText","getCloseProps","render","_ref","_ref7","SNotice","FadeInOut","_this$asProps2","Children","styles","hidden","use","isAssertive","color","useTheme","ariaLive","undefined","logger","warn","displayName","createElement","cn","_objectSpread2","assignProps","Component","_defineProperty2","i18nEnhance","localizedMessages","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","resolveColorEnhance","i18n","locale","Label","_ref13","_ref2","arguments[0]","_ref8","SLabel","Box","Actions","_ref14","_ref3","_ref9","SActions","Content","_ref15","_ref4","_ref10","SContent","CloseIcon","_ref16","_ref5","_ref11","SCloseIcon","CloseIconM","Close","_ref17","_ref6","_ref12","Button","_default","createComponent","exports"],"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  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 isAssertive = theme === 'danger' || theme === 'warning';\n    const color = resolveColor(theme);\n    const useTheme = isCustomTheme(theme) ? 'custom' : theme;\n\n    let ariaLive = isAssertive ? 'assertive' : 'polite';\n    if (theme === 'neutral') {\n      ariaLive = undefined;\n    }\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    return sstyled(styles)(\n      <SNotice\n        render={FadeInOut}\n        visible={!hidden}\n        use:theme={useTheme}\n        backgroundColor={color}\n        role='region'\n        aria-live={ariaLive}\n        aria-label={getI18nText(theme === 'danger' ? 'criticalNotification' : 'notification')}\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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"}

package/notice/lib/cjs/NoticeSmart.js

@@ -33,7 +33,7 @@ var NoticeSmart = /*#__PURE__*/function (_Component) {
         actions = _this$asProps.actions,
         closable = _this$asProps.closable,
         onClose = _this$asProps.onClose;
-      return /*#__PURE__*/_react["default"].createElement(SNoticeSmart, (0, _core.assignProps)({}, _ref), (0, _isNode["default"])(label) && /*#__PURE__*/_react["default"].createElement(_Notice["default"].Label, null, label), /*#__PURE__*/_react["default"].createElement(_Notice["default"].Content, null, /*#__PURE__*/_react["default"].createElement(Children, null), (0, _isNode["default"])(actions) && /*#__PURE__*/_react["default"].createElement(_Notice["default"].Actions, null, actions)), closable && /*#__PURE__*/_react["default"].createElement(_Notice["default"].CloseIcon, {
+      return /*#__PURE__*/_react["default"].createElement(SNoticeSmart, (0, _core.assignProps)({}, _ref), (0, _isNode["default"])(label) && /*#__PURE__*/_react["default"].createElement(_Notice["default"].Label, null, label), /*#__PURE__*/_react["default"].createElement(_Notice["default"].Content, null, /*#__PURE__*/_react["default"].createElement(Children, null), (0, _isNode["default"])(actions) && /*#__PURE__*/_react["default"].createElement(_Notice["default"].Actions, null, actions)), closable && /*#__PURE__*/_react["default"].createElement(_Notice["default"].Close, {
         onClick: onClose
       }));
     }

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

@@ -1 +1 @@
-{"version":3,"file":"NoticeSmart.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_isNode","_Notice","NoticeSmart","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_ref","asProps","SNoticeSmart","Notice","_this$asProps","Children","label","actions","closable","onClose","createElement","assignProps","isNode","Label","Content","Actions","CloseIcon","onClick","Component","_defineProperty2","theme","_default","createComponent","exports"],"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.CloseIcon onClick={onClose} />}\n      </SNoticeSmart>\n    );\n  }\n}\n\nexport default createComponent(NoticeSmart);\n"],"mappings":";;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,OAAA,GAAAF,sBAAA,CAAAF,OAAA;AAA8B,IAExBK,WAAW,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,WAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,WAAA;EAAA,SAAAA,YAAA;IAAA,IAAAK,gBAAA,mBAAAL,WAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,aAAAR,WAAA;IAAAS,GAAA;IAAAC,KAAA,EAOf,SAAAC,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAC,OAAA;MACP,IAAMC,YAAY,GAGMC,kBAAM;MAF9B,IAAAC,aAAA,GAAwD,IAAI,CAACH,OAAO;QAA5DI,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,oBACEzB,MAAA,YAAA0B,aAAA,CAACR,YAAY,MAAArB,KAAA,CAAA8B,WAAA,MAAAX,IAAA,GACV,IAAAY,kBAAM,EAACN,KAAK,CAAC,iBAAItB,MAAA,YAAA0B,aAAA,CAACvB,OAAA,WAAM,CAAC0B,KAAK,QAAEP,KAAK,CAAgB,eACtDtB,MAAA,YAAA0B,aAAA,CAACvB,OAAA,WAAM,CAAC2B,OAAO,qBACb9B,MAAA,YAAA0B,aAAA,CAACL,QAAQ,OAAG,EACX,IAAAO,kBAAM,EAACL,OAAO,CAAC,iBAAIvB,MAAA,YAAA0B,aAAA,CAACvB,OAAA,WAAM,CAAC4B,OAAO,QAAER,OAAO,CAAkB,CAC/C,EAChBC,QAAQ,iBAAIxB,MAAA,YAAA0B,aAAA,CAACvB,OAAA,WAAM,CAAC6B,SAAS;QAACC,OAAO,EAAER;MAAQ,EAAG,CACtC;IAEnB;EAAC;EAAA,OAAArB,WAAA;AAAA,EApBuB8B,eAAS;AAAA,IAAAC,gBAAA,aAA7B/B,WAAW,iBACM,aAAa;AAAA,IAAA+B,gBAAA,aAD9B/B,WAAW,kBAGO;EACpBgC,KAAK,EAAE;AACT,CAAC;AAAA,IAAAC,QAAA,GAkBY,IAAAC,gBAAe,EAAClC,WAAW,CAAC;AAAAmC,OAAA,cAAAF,QAAA"}
+{"version":3,"file":"NoticeSmart.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_isNode","_Notice","NoticeSmart","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_ref","asProps","SNoticeSmart","Notice","_this$asProps","Children","label","actions","closable","onClose","createElement","assignProps","isNode","Label","Content","Actions","Close","onClick","Component","_defineProperty2","theme","_default","createComponent","exports"],"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":";;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,OAAA,GAAAF,sBAAA,CAAAF,OAAA;AAA8B,IAExBK,WAAW,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,WAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,WAAA;EAAA,SAAAA,YAAA;IAAA,IAAAK,gBAAA,mBAAAL,WAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,aAAAR,WAAA;IAAAS,GAAA;IAAAC,KAAA,EAOf,SAAAC,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAC,OAAA;MACP,IAAMC,YAAY,GAGMC,kBAAM;MAF9B,IAAAC,aAAA,GAAwD,IAAI,CAACH,OAAO;QAA5DI,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,oBACEzB,MAAA,YAAA0B,aAAA,CAACR,YAAY,MAAArB,KAAA,CAAA8B,WAAA,MAAAX,IAAA,GACV,IAAAY,kBAAM,EAACN,KAAK,CAAC,iBAAItB,MAAA,YAAA0B,aAAA,CAACvB,OAAA,WAAM,CAAC0B,KAAK,QAAEP,KAAK,CAAgB,eACtDtB,MAAA,YAAA0B,aAAA,CAACvB,OAAA,WAAM,CAAC2B,OAAO,qBACb9B,MAAA,YAAA0B,aAAA,CAACL,QAAQ,OAAG,EACX,IAAAO,kBAAM,EAACL,OAAO,CAAC,iBAAIvB,MAAA,YAAA0B,aAAA,CAACvB,OAAA,WAAM,CAAC4B,OAAO,QAAER,OAAO,CAAkB,CAC/C,EAChBC,QAAQ,iBAAIxB,MAAA,YAAA0B,aAAA,CAACvB,OAAA,WAAM,CAAC6B,KAAK;QAACC,OAAO,EAAER;MAAQ,EAAG,CAClC;IAEnB;EAAC;EAAA,OAAArB,WAAA;AAAA,EApBuB8B,eAAS;AAAA,IAAAC,gBAAA,aAA7B/B,WAAW,iBACM,aAAa;AAAA,IAAA+B,gBAAA,aAD9B/B,WAAW,kBAGO;EACpBgC,KAAK,EAAE;AACT,CAAC;AAAA,IAAAC,QAAA,GAkBY,IAAAC,gBAAe,EAAClC,WAAW,CAAC;AAAAmC,OAAA,cAAAF,QAAA"}

package/notice/lib/cjs/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 { 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 icon\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  CloseIcon: Intergalactic.Component<'div', IconProps>;\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';\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 icon\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":""}

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

@@ -86,9 +86,11 @@ SActions {
 }
 
 SLabel {
-  margin-top: var(--intergalactic-spacing-05x, 2px);
+  min-height: var(--intergalactic-form-control-m, 28px);
+  height: fit-content;
   margin-right: var(--intergalactic-spacing-2x, 8px);
   display: inline-flex;
+  align-items: center;
 }
 
 SLabel[theme='info'] {

package/notice/lib/es6/Notice.js

@@ -5,6 +5,7 @@ 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 _assignProps6 } from 'intergalactic/core';
 import { assignProps as _assignProps5 } from 'intergalactic/core';
 import { assignProps as _assignProps4 } from 'intergalactic/core';
 import { assignProps as _assignProps3 } from 'intergalactic/core';
@@ -13,7 +14,8 @@ import { assignProps as _assignProps } from 'intergalactic/core';
 import React from 'react';
 import createComponent, { Component, sstyled, Root } from 'intergalactic/core';
 import { Box } from 'intergalactic/flex-box';
-import Close from 'intergalactic/icon/Close/m';
+import Button from 'intergalactic/button';
+import CloseIconM from 'intergalactic/icon/Close/m';
 import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
 import { FadeInOut } from 'intergalactic/animation';
 import logger from 'intergalactic/utils/lib/logger';
@@ -22,20 +24,20 @@ import { localizedMessages } from './translations/__intergalactic-dynamic-locale
 import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
 import { cssVariableEnhance } from 'intergalactic/utils/lib/useCssVariable';
 /*__reshadow-styles__:"./style/notice.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SNotice_1xqpn_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_1xqpn_gg_._theme_info_1xqpn_gg_{background-color:var(--intergalactic-bg-secondary-info, #e9f7ff);border-color:var(--intergalactic-border-info, #8ecdff)}.___SNotice_1xqpn_gg_._theme_info_1xqpn_gg_ .___SCloseIcon_1xqpn_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SNotice_1xqpn_gg_._theme_info_1xqpn_gg_ .___SCloseIcon_1xqpn_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SNotice_1xqpn_gg_._theme_danger_1xqpn_gg_{background-color:var(--intergalactic-bg-secondary-critical, #fff0f7);border-color:var(--intergalactic-border-critical, #ffaeb5)}.___SNotice_1xqpn_gg_._theme_danger_1xqpn_gg_ .___SCloseIcon_1xqpn_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}@media (hover:hover){.___SNotice_1xqpn_gg_._theme_danger_1xqpn_gg_ .___SCloseIcon_1xqpn_gg_:hover{color:var(--intergalactic-icon-primary-critical-hover-active, #CC3A42)}}.___SNotice_1xqpn_gg_._theme_warning_1xqpn_gg_{background-color:var(--intergalactic-bg-secondary-warning, #fff3d9);border-color:var(--intergalactic-border-warning, #ffb26e)}.___SNotice_1xqpn_gg_._theme_warning_1xqpn_gg_ .___SCloseIcon_1xqpn_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SNotice_1xqpn_gg_._theme_warning_1xqpn_gg_ .___SCloseIcon_1xqpn_gg_:hover{color:var(--intergalactic-icon-primary-warning-hover-active, #CC5024)}}.___SNotice_1xqpn_gg_._theme_success_1xqpn_gg_{background-color:var(--intergalactic-bg-secondary-success, #dbfee8);border-color:var(--intergalactic-border-success, #59ddaa)}.___SNotice_1xqpn_gg_._theme_success_1xqpn_gg_ .___SCloseIcon_1xqpn_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}@media (hover:hover){.___SNotice_1xqpn_gg_._theme_success_1xqpn_gg_ .___SCloseIcon_1xqpn_gg_:hover{color:var(--intergalactic-icon-primary-success-hover-active, #037E68)}}.___SNotice_1xqpn_gg_._theme_muted_1xqpn_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9);border-color:var(--intergalactic-border-secondary, #e0e1e9)}.___SLabel_1xqpn_gg_._theme_info_1xqpn_gg_,.___SNotice_1xqpn_gg_._theme_muted_1xqpn_gg_ .___SCloseIcon_1xqpn_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SNotice_1xqpn_gg_._theme_muted_1xqpn_gg_ .___SCloseIcon_1xqpn_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SContent_1xqpn_gg_{flex:1 1 auto;width:100%}.___SActions_1xqpn_gg_{flex-shrink:0;margin-top:var(--intergalactic-spacing-3x, 12px)}.___SLabel_1xqpn_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-2x, 8px);display:inline-flex}.___SLabel_1xqpn_gg_._theme_danger_1xqpn_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}.___SLabel_1xqpn_gg_._theme_warning_1xqpn_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}.___SLabel_1xqpn_gg_._theme_success_1xqpn_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}.___SLabel_1xqpn_gg_._theme_muted_1xqpn_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SLabel_1xqpn_gg_._theme_custom_1xqpn_gg_{color:var(--color_1xqpn)}.___SCloseIcon_1xqpn_gg_{flex-shrink:0;margin-left:var(--intergalactic-spacing-4x, 16px)}.___SNotice_1xqpn_gg_._theme_custom_1xqpn_gg_{background-color:var(--backgroundColor_1xqpn);border-color:var(--backgroundColor_1xqpn)}" /*__inner_css_end__*/, "1xqpn_gg_") /*__reshadow_css_end__*/, {
-  "__SNotice": "___SNotice_1xqpn_gg_",
-  "__SContent": "___SContent_1xqpn_gg_",
-  "__SActions": "___SActions_1xqpn_gg_",
-  "__SLabel": "___SLabel_1xqpn_gg_",
-  "_theme_info": "_theme_info_1xqpn_gg_",
-  "_theme_danger": "_theme_danger_1xqpn_gg_",
-  "_theme_warning": "_theme_warning_1xqpn_gg_",
-  "_theme_success": "_theme_success_1xqpn_gg_",
-  "_theme_muted": "_theme_muted_1xqpn_gg_",
-  "_theme_custom": "_theme_custom_1xqpn_gg_",
-  "--color": "--color_1xqpn",
-  "__SCloseIcon": "___SCloseIcon_1xqpn_gg_",
-  "--backgroundColor": "--backgroundColor_1xqpn"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SNotice_1a0qk_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_1a0qk_gg_._theme_info_1a0qk_gg_{background-color:var(--intergalactic-bg-secondary-info, #e9f7ff);border-color:var(--intergalactic-border-info, #8ecdff)}.___SNotice_1a0qk_gg_._theme_info_1a0qk_gg_ .___SCloseIcon_1a0qk_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SNotice_1a0qk_gg_._theme_info_1a0qk_gg_ .___SCloseIcon_1a0qk_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SNotice_1a0qk_gg_._theme_danger_1a0qk_gg_{background-color:var(--intergalactic-bg-secondary-critical, #fff0f7);border-color:var(--intergalactic-border-critical, #ffaeb5)}.___SNotice_1a0qk_gg_._theme_danger_1a0qk_gg_ .___SCloseIcon_1a0qk_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}@media (hover:hover){.___SNotice_1a0qk_gg_._theme_danger_1a0qk_gg_ .___SCloseIcon_1a0qk_gg_:hover{color:var(--intergalactic-icon-primary-critical-hover-active, #CC3A42)}}.___SNotice_1a0qk_gg_._theme_warning_1a0qk_gg_{background-color:var(--intergalactic-bg-secondary-warning, #fff3d9);border-color:var(--intergalactic-border-warning, #ffb26e)}.___SNotice_1a0qk_gg_._theme_warning_1a0qk_gg_ .___SCloseIcon_1a0qk_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SNotice_1a0qk_gg_._theme_warning_1a0qk_gg_ .___SCloseIcon_1a0qk_gg_:hover{color:var(--intergalactic-icon-primary-warning-hover-active, #CC5024)}}.___SNotice_1a0qk_gg_._theme_success_1a0qk_gg_{background-color:var(--intergalactic-bg-secondary-success, #dbfee8);border-color:var(--intergalactic-border-success, #59ddaa)}.___SNotice_1a0qk_gg_._theme_success_1a0qk_gg_ .___SCloseIcon_1a0qk_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}@media (hover:hover){.___SNotice_1a0qk_gg_._theme_success_1a0qk_gg_ .___SCloseIcon_1a0qk_gg_:hover{color:var(--intergalactic-icon-primary-success-hover-active, #037E68)}}.___SNotice_1a0qk_gg_._theme_muted_1a0qk_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9);border-color:var(--intergalactic-border-secondary, #e0e1e9)}.___SLabel_1a0qk_gg_._theme_info_1a0qk_gg_,.___SNotice_1a0qk_gg_._theme_muted_1a0qk_gg_ .___SCloseIcon_1a0qk_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SNotice_1a0qk_gg_._theme_muted_1a0qk_gg_ .___SCloseIcon_1a0qk_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SContent_1a0qk_gg_{flex:1 1 auto;width:100%}.___SActions_1a0qk_gg_{flex-shrink:0;margin-top:var(--intergalactic-spacing-3x, 12px)}.___SLabel_1a0qk_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_1a0qk_gg_._theme_danger_1a0qk_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}.___SLabel_1a0qk_gg_._theme_warning_1a0qk_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}.___SLabel_1a0qk_gg_._theme_success_1a0qk_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}.___SLabel_1a0qk_gg_._theme_muted_1a0qk_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SLabel_1a0qk_gg_._theme_custom_1a0qk_gg_{color:var(--color_1a0qk)}.___SCloseIcon_1a0qk_gg_{flex-shrink:0;margin-left:var(--intergalactic-spacing-4x, 16px)}.___SNotice_1a0qk_gg_._theme_custom_1a0qk_gg_{background-color:var(--backgroundColor_1a0qk);border-color:var(--backgroundColor_1a0qk)}" /*__inner_css_end__*/, "1a0qk_gg_") /*__reshadow_css_end__*/, {
+  "__SNotice": "___SNotice_1a0qk_gg_",
+  "__SContent": "___SContent_1a0qk_gg_",
+  "__SActions": "___SActions_1a0qk_gg_",
+  "__SLabel": "___SLabel_1a0qk_gg_",
+  "_theme_info": "_theme_info_1a0qk_gg_",
+  "_theme_danger": "_theme_danger_1a0qk_gg_",
+  "_theme_warning": "_theme_warning_1a0qk_gg_",
+  "_theme_success": "_theme_success_1a0qk_gg_",
+  "_theme_muted": "_theme_muted_1a0qk_gg_",
+  "_theme_custom": "_theme_custom_1a0qk_gg_",
+  "--color": "--color_1a0qk",
+  "__SCloseIcon": "___SCloseIcon_1a0qk_gg_",
+  "--backgroundColor": "--backgroundColor_1a0qk"
 });
 function isCustomTheme(theme) {
   return !['danger', 'warning', 'success', 'info', 'muted'].includes(theme);
@@ -66,11 +68,19 @@ var RootNotice = /*#__PURE__*/function (_Component) {
         getI18nText: getI18nText
       };
     }
+  }, {
+    key: "getCloseProps",
+    value: function getCloseProps() {
+      var getI18nText = this.asProps.getI18nText;
+      return {
+        getI18nText: getI18nText
+      };
+    }
   }, {
     key: "render",
     value: function render() {
       var _ref = this.asProps,
-        _ref6;
+        _ref7;
       var SNotice = FadeInOut;
       var _this$asProps2 = this.asProps,
         Children = _this$asProps2.Children,
@@ -91,14 +101,14 @@ var RootNotice = /*#__PURE__*/function (_Component) {
         logger.warn(true, "Deprecated property-value pair \"use=primary\", use component <NoticeGlobal/> instead", RootNotice.displayName);
         return /*#__PURE__*/React.createElement(NoticeGlobal, this.asProps);
       }
-      return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(SNotice, _ref6.cn("SNotice", _objectSpread({}, _assignProps({
+      return _ref7 = sstyled(styles), /*#__PURE__*/React.createElement(SNotice, _ref7.cn("SNotice", _objectSpread({}, _assignProps({
         "visible": !hidden,
         "use:theme": useTheme,
         "backgroundColor": color,
         "role": 'region',
         "aria-live": ariaLive,
         "aria-label": getI18nText(theme === 'danger' ? 'criticalNotification' : 'notification')
-      }, _ref))), /*#__PURE__*/React.createElement(Children, _ref6.cn("Children", {})));
+      }, _ref))), /*#__PURE__*/React.createElement(Children, _ref7.cn("Children", {})));
     }
   }]);
   return RootNotice;
@@ -116,50 +126,64 @@ _defineProperty(RootNotice, "defaultProps", {
   i18n: localizedMessages,
   locale: 'en'
 });
-function Label(_ref11) {
+function Label(_ref13) {
   var _ref2 = arguments[0],
-    _ref7;
-  var styles = _ref11.styles,
-    theme = _ref11.theme,
-    resolveColor = _ref11.resolveColor;
+    _ref8;
+  var styles = _ref13.styles,
+    theme = _ref13.theme,
+    resolveColor = _ref13.resolveColor;
   var SLabel = Box;
   var useTheme = isCustomTheme(theme) ? 'custom' : theme;
   var color = resolveColor(theme);
-  return _ref7 = sstyled(styles), /*#__PURE__*/React.createElement(SLabel, _ref7.cn("SLabel", _objectSpread({}, _assignProps2({
+  return _ref8 = sstyled(styles), /*#__PURE__*/React.createElement(SLabel, _ref8.cn("SLabel", _objectSpread({}, _assignProps2({
     "use:theme": useTheme,
     "color": color
   }, _ref2))));
 }
-function Actions(_ref12) {
+function Actions(_ref14) {
   var _ref3 = arguments[0],
-    _ref8;
-  var styles = _ref12.styles;
+    _ref9;
+  var styles = _ref14.styles;
   var SActions = Box;
-  return _ref8 = sstyled(styles), /*#__PURE__*/React.createElement(SActions, _ref8.cn("SActions", _objectSpread({}, _assignProps3({}, _ref3))));
+  return _ref9 = sstyled(styles), /*#__PURE__*/React.createElement(SActions, _ref9.cn("SActions", _objectSpread({}, _assignProps3({}, _ref3))));
 }
-function Content(_ref13) {
+function Content(_ref15) {
   var _ref4 = arguments[0],
-    _ref9;
-  var styles = _ref13.styles;
+    _ref10;
+  var styles = _ref15.styles;
   var SContent = Box;
-  return _ref9 = sstyled(styles), /*#__PURE__*/React.createElement(SContent, _ref9.cn("SContent", _objectSpread({}, _assignProps4({}, _ref4))));
+  return _ref10 = sstyled(styles), /*#__PURE__*/React.createElement(SContent, _ref10.cn("SContent", _objectSpread({}, _assignProps4({}, _ref4))));
 }
-function CloseIcon(_ref14) {
+function CloseIcon(_ref16) {
   var _ref5 = arguments[0],
-    _ref10;
-  var styles = _ref14.styles,
-    getI18nText = _ref14.getI18nText;
+    _ref11;
+  var styles = _ref16.styles,
+    getI18nText = _ref16.getI18nText;
   var SCloseIcon = Box;
-  return _ref10 = sstyled(styles), /*#__PURE__*/React.createElement(SCloseIcon, _ref10.cn("SCloseIcon", _objectSpread({}, _assignProps5({
-    "tag": Close,
+  return _ref11 = sstyled(styles), /*#__PURE__*/React.createElement(SCloseIcon, _ref11.cn("SCloseIcon", _objectSpread({}, _assignProps5({
+    "tag": CloseIconM,
     "interactive": true,
     "aria-label": getI18nText('close')
   }, _ref5))));
 }
+function Close(_ref17) {
+  var _ref6 = arguments[0],
+    _ref12;
+  var styles = _ref17.styles,
+    getI18nText = _ref17.getI18nText;
+  var SCloseIcon = Button;
+  return _ref12 = sstyled(styles), /*#__PURE__*/React.createElement(SCloseIcon, _ref12.cn("SCloseIcon", _objectSpread({}, _assignProps6({
+    "addonLeft": CloseIconM,
+    "use": 'tertiary',
+    "theme": 'muted',
+    "aria-label": getI18nText('close')
+  }, _ref6))));
+}
 export default createComponent(RootNotice, {
   Label: Label,
   Actions: Actions,
   Content: Content,
-  CloseIcon: CloseIcon
+  CloseIcon: CloseIcon,
+  Close: Close
 });
 //# sourceMappingURL=Notice.js.map