intergalactic 15.96.1 → 15.97.0

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","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'].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    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={isAssertive ? 'assertive' : 'polite'}\n        aria-label={getI18nText('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":";;;;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,EAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,oBAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,UAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAL,sBAAA,CAAAF,OAAA;AACA,IAAAQ,aAAA,GAAAN,sBAAA,CAAAF,OAAA;AACA,IAAAS,4BAAA,GAAAT,OAAA;AACA,IAAAU,YAAA,GAAAR,sBAAA,CAAAF,OAAA;AACA,IAAAW,eAAA,GAAAX,OAAA;AAAuE;AAAA,IAAAY,KAAA,+BAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAIvE,SAASC,aAAaA,CAACC,KAAK,EAAE;EAC5B,OAAO,CAAC,CAAC,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,CAAC,CAACC,QAAQ,CAACD,KAAK,CAAC;AAClE;AAAC,IAEKE,UAAU,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,UAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,UAAA;EAAA,SAAAA,WAAA;IAAA,IAAAK,gBAAA,mBAAAL,UAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,aAAAR,UAAA;IAAAS,GAAA;IAAAC,KAAA,EAmBd,SAAAC,cAAA,EAAgB;MACd,IAAAC,aAAA,GAAgC,IAAI,CAACC,OAAO;QAApCf,KAAK,GAAAc,aAAA,CAALd,KAAK;QAAEgB,YAAY,GAAAF,aAAA,CAAZE,YAAY;MAE3B,OAAO;QAAEhB,KAAK,EAALA,KAAK;QAAEgB,YAAY,EAAZA;MAAa,CAAC;IAChC;EAAC;IAAAL,GAAA;IAAAC,KAAA,EAED,SAAAK,kBAAA,EAAoB;MAClB,IAAQC,WAAW,GAAK,IAAI,CAACH,OAAO,CAA5BG,WAAW;MAEnB,OAAO;QAAEA,WAAW,EAAXA;MAAY,CAAC;IACxB;EAAC;IAAAP,GAAA;IAAAC,KAAA,EAED,SAAAO,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAL,OAAA;QAAAM,KAAA;MACP,IAAMC,OAAO,GAiBDC,oBAAS;MAhBrB,IAAAC,cAAA,GAA4E,IAAI,CAACT,OAAO;QAAhFU,QAAQ,GAAAD,cAAA,CAARC,QAAQ;QAAEC,MAAM,GAAAF,cAAA,CAANE,MAAM;QAAEC,MAAM,GAAAH,cAAA,CAANG,MAAM;QAAE3B,KAAK,GAAAwB,cAAA,CAALxB,KAAK;QAAE4B,GAAG,GAAAJ,cAAA,CAAHI,GAAG;QAAEZ,YAAY,GAAAQ,cAAA,CAAZR,YAAY;QAAEE,WAAW,GAAAM,cAAA,CAAXN,WAAW;MACvE,IAAMW,WAAW,GAAG7B,KAAK,KAAK,QAAQ,IAAIA,KAAK,KAAK,SAAS;MAC7D,IAAM8B,KAAK,GAAGd,YAAY,CAAChB,KAAK,CAAC;MACjC,IAAM+B,QAAQ,GAAGhC,aAAa,CAACC,KAAK,CAAC,GAAG,QAAQ,GAAGA,KAAK;MAExD,IAAI4B,GAAG,KAAK,SAAS,EAAE;QACrBI,kBAAM,CAACC,IAAI,CACT,IAAI,2FAEJ/B,UAAU,CAACgC,WAAW,CACvB;QACD,oBAAOlD,MAAA,YAAAmD,aAAA,CAAC5C,aAAA,WAAY,EAAK,IAAI,CAACwB,OAAO,CAAI;MAC3C;MAEA,OAAAM,KAAA,GAAO,IAAAxB,aAAO,EAAC6B,MAAM,CAAC,eACpB1C,MAAA,YAAAmD,aAAA,CAACb,OAAO,EAAAD,KAAA,CAAAe,EAAA,gBAAAC,cAAA,qBAAAxD,KAAA,CAAAyD,WAAA;QAAA,WAEG,CAACX,MAAM;QAAA,aACLI,QAAQ;QAAA,mBACFD,KAAK;QAAA,QACjB,QAAQ;QAAA,aACFD,WAAW,GAAG,WAAW,GAAG,QAAQ;QAAA,cACnCX,WAAW,CAAC,cAAc;MAAC,GAAAE,IAAA,kBAEvCpC,MAAA,YAAAmD,aAAA,CAACV,QAAQ,EAAAJ,KAAA,CAAAe,EAAA,iBAAG,CACJ;IAEd;EAAC;EAAA,OAAAlC,UAAA;AAAA,EA5DsBqC,eAAS;AAAA,IAAAC,gBAAA,aAA5BtC,UAAU,iBACO,QAAQ;AAAA,IAAAsC,gBAAA,aADzBtC,UAAU,WAECP,KAAK;AAAA,IAAA6C,gBAAA,aAFhBtC,UAAU,aAGG,CACf,IAAAuC,uBAAW,EAACC,8CAAiB,CAAC,EAC9B,IAAAC,kCAAkB,EAAC;EACjBC,QAAQ,EAAE,iCAAiC;EAC3CC,QAAQ,EAAE,KAAK;EACfC,GAAG,EAAEC,MAAM,CAACC,QAAQ;EACpBC,IAAI,EAAE;AACR,CAAC,CAAC,EACF,IAAAC,+BAAmB,GAAE,CACtB;AAAA,IAAAV,gBAAA,aAZGtC,UAAU,kBAaQ;EACpBF,KAAK,EAAE,MAAM;EACbmD,IAAI,EAAET,8CAAiB;EACvBU,MAAM,EAAE;AACV,CAAC;AA8CH,SAASC,KAAKA,CAAAC,MAAA,EAAkC;EAAA,IAAAC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EAAA,IAA/B/B,MAAM,GAAA4B,MAAA,CAAN5B,MAAM;IAAE1B,KAAK,GAAAsD,MAAA,CAALtD,KAAK;IAAEgB,YAAY,GAAAsC,MAAA,CAAZtC,YAAY;EAC1C,IAAM0C,MAAM,GAG2BC,YAAG;EAF1C,IAAM5B,QAAQ,GAAGhC,aAAa,CAACC,KAAK,CAAC,GAAG,QAAQ,GAAGA,KAAK;EACxD,IAAM8B,KAAK,GAAGd,YAAY,CAAChB,KAAK,CAAC;EACjC,OAAAyD,KAAA,GAAO,IAAA5D,aAAO,EAAC6B,MAAM,CAAC,eAAC1C,MAAA,YAAAmD,aAAA,CAACuB,MAAM,EAAAD,KAAA,CAAArB,EAAA,eAAAC,cAAA,qBAAAxD,KAAA,CAAAyD,WAAA;IAAA,aAAyBP,QAAQ;IAAA,SAASD;EAAK,GAAAyB,KAAA,IAAI;AACnF;AAEA,SAASK,OAAOA,CAAAC,MAAA,EAAa;EAAA,IAAAC,KAAA,GAAAN,YAAA;IAAAO,KAAA;EAAA,IAAVrC,MAAM,GAAAmC,MAAA,CAANnC,MAAM;EACvB,IAAMsC,QAAQ,GAC2BL,YAAG;EAA5C,OAAAI,KAAA,GAAO,IAAAlE,aAAO,EAAC6B,MAAM,CAAC,eAAC1C,MAAA,YAAAmD,aAAA,CAAC6B,QAAQ,EAAAD,KAAA,CAAA3B,EAAA,iBAAAC,cAAA,qBAAAxD,KAAA,CAAAyD,WAAA,MAAAwB,KAAA,IAAgB;AAClD;AAEA,SAASG,OAAOA,CAAAC,MAAA,EAAa;EAAA,IAAAC,KAAA,GAAAX,YAAA;IAAAY,KAAA;EAAA,IAAV1C,MAAM,GAAAwC,MAAA,CAANxC,MAAM;EACvB,IAAM2C,QAAQ,GAC2BV,YAAG;EAA5C,OAAAS,KAAA,GAAO,IAAAvE,aAAO,EAAC6B,MAAM,CAAC,eAAC1C,MAAA,YAAAmD,aAAA,CAACkC,QAAQ,EAAAD,KAAA,CAAAhC,EAAA,iBAAAC,cAAA,qBAAAxD,KAAA,CAAAyD,WAAA,MAAA6B,KAAA,IAAgB;AAClD;AAEA,SAASG,SAASA,CAAAC,MAAA,EAA0B;EAAA,IAAAC,KAAA,GAAAhB,YAAA;IAAAiB,MAAA;EAAA,IAAvB/C,MAAM,GAAA6C,MAAA,CAAN7C,MAAM;IAAER,WAAW,GAAAqD,MAAA,CAAXrD,WAAW;EACtC,IAAMwD,UAAU,GAEMf,YAAG;EADzB,OAAAc,MAAA,GAAO,IAAA5E,aAAO,EAAC6B,MAAM,CAAC,eACpB1C,MAAA,YAAAmD,aAAA,CAACuC,UAAU,EAAAD,MAAA,CAAArC,EAAA,mBAAAC,cAAA,qBAAAxD,KAAA,CAAAyD,WAAA;IAAA,OAAmBqC,aAAK;IAAA;IAAA,cAA0BzD,WAAW,CAAC,OAAO;EAAC,GAAAsD,KAAA,IAAI;AAEzF;AAAC,IAAAI,QAAA,GAEc,IAAAC,gBAAe,EAAC3E,UAAU,EAAE;EACzCmD,KAAK,EAALA,KAAK;EACLO,OAAO,EAAPA,OAAO;EACPK,OAAO,EAAPA,OAAO;EACPK,SAAS,EAATA;AACF,CAAC,CAAC;AAAAQ,OAAA,cAAAF,QAAA"}
+{"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(isAssertive ? '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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"}

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';\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 { 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":""}

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

@@ -62,6 +62,19 @@ SNotice[theme='success'] {
   }
 }
 
+SNotice[theme='muted'] {
+  background-color: var(--intergalactic-bg-secondary-neutral, #f4f5f9);
+  border-color: var(--intergalactic-border-secondary, #e0e1e9);
+
+  & SCloseIcon {
+    color: var(--intergalactic-icon-primary-neutral, #6c6e79);
+
+    &:hover {
+      color: var(--intergalactic-icon-primary-neutral-hover-active, #565861);
+    }
+  }
+}
+
 SContent {
   flex: 1 1 auto;
   width: 100%;
@@ -94,6 +107,10 @@ SLabel[theme='success'] {
   color: var(--intergalactic-icon-primary-success, #009f81);
 }
 
+SLabel[theme='muted'] {
+  color: var(--intergalactic-icon-primary-neutral, #6c6e79);
+}
+
 SLabel[theme='custom'] {
   color: var(--color);
 }

package/notice/lib/cjs/translations/de.json

@@ -1,4 +1,5 @@
 {
   "notification": "Benachrichtigung",
+  "criticalNotification": "Kritische Benachrichtigung",
   "close": "Benachrichtigung schließen"
 }

package/notice/lib/cjs/translations/en.json

@@ -1,4 +1,5 @@
 {
   "notification": "Notification",
+  "criticalNotification": "Critical notification",
   "close": "Close notification"
 }

package/notice/lib/cjs/translations/es.json

@@ -1,4 +1,5 @@
 {
   "notification": "Notificación",
+  "criticalNotification": "Notificación crítica",
   "close": "Cerrar notificación"
 }

package/notice/lib/cjs/translations/fr.json

@@ -1,4 +1,5 @@
 {
   "notification": "Notification",
+  "criticalNotification": "Notification critique",
   "close": "Fermer la notification"
 }

package/notice/lib/cjs/translations/it.json

@@ -1,4 +1,5 @@
 {
   "notification": "Notifica",
+  "criticalNotification": "Notifica critica",
   "close": "Chiudi la notifica"
 }

package/notice/lib/cjs/translations/ja.json

@@ -1,4 +1,5 @@
 {
   "notification": "通知",
+  "criticalNotification": "重要な通知",
   "close": "通知を閉じる"
 }

package/notice/lib/cjs/translations/ko.json

@@ -1,4 +1,5 @@
 {
   "notification": "알림",
+  "criticalNotification": "중요 알림",
   "close": "알림 닫기"
 }

package/notice/lib/cjs/translations/nl.json

@@ -1,4 +1,5 @@
 {
   "notification": "Melding",
+  "criticalNotification": "Belangrijke melding",
   "close": "Kennisgeving sluiten"
 }

package/notice/lib/cjs/translations/pl.json

@@ -1,4 +1,5 @@
 {
   "notification": "Powiadomienie",
+  "criticalNotification": "Powiadomienie krytyczne",
   "close": "Zamknij powiadomienie"
 }

package/notice/lib/cjs/translations/pt.json

@@ -1,4 +1,5 @@
 {
   "notification": "Notificação",
+  "criticalNotification": "Notificação urgente",
   "close": "Fechar notificação"
 }

package/notice/lib/cjs/translations/sv.json

@@ -1,4 +1,5 @@
 {
   "notification": "Avisering",
+  "criticalNotification": "Kritisk avisering",
   "close": "Stäng meddelande"
 }

package/notice/lib/cjs/translations/tr.json

@@ -1,4 +1,5 @@
 {
   "notification": "Bildirim",
+  "criticalNotification": "Kritik bildirim",
   "close": "Bildirimi kapat"
 }

package/notice/lib/cjs/translations/vi.json

@@ -1,4 +1,5 @@
 {
   "notification": "Thông báo",
+  "criticalNotification": "Thông báo quan trọng",
   "close": "Đóng thông báo"
 }

package/notice/lib/cjs/translations/zh.json

@@ -1,4 +1,5 @@
 {
   "notification": "通知",
+  "criticalNotification": "重要通知",
   "close": "关闭通知"
 }

package/notice/lib/es6/Notice.js

@@ -22,22 +22,23 @@ 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_u1iwk_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_u1iwk_gg_._theme_info_u1iwk_gg_{background-color:var(--intergalactic-bg-secondary-info, #e9f7ff);border-color:var(--intergalactic-border-info, #8ecdff)}.___SNotice_u1iwk_gg_._theme_info_u1iwk_gg_ .___SCloseIcon_u1iwk_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SNotice_u1iwk_gg_._theme_info_u1iwk_gg_ .___SCloseIcon_u1iwk_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SNotice_u1iwk_gg_._theme_danger_u1iwk_gg_{background-color:var(--intergalactic-bg-secondary-critical, #fff0f7);border-color:var(--intergalactic-border-critical, #ffaeb5)}.___SNotice_u1iwk_gg_._theme_danger_u1iwk_gg_ .___SCloseIcon_u1iwk_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}@media (hover:hover){.___SNotice_u1iwk_gg_._theme_danger_u1iwk_gg_ .___SCloseIcon_u1iwk_gg_:hover{color:var(--intergalactic-icon-primary-critical-hover-active, #CC3A42)}}.___SNotice_u1iwk_gg_._theme_warning_u1iwk_gg_{background-color:var(--intergalactic-bg-secondary-warning, #fff3d9);border-color:var(--intergalactic-border-warning, #ffb26e)}.___SNotice_u1iwk_gg_._theme_warning_u1iwk_gg_ .___SCloseIcon_u1iwk_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SNotice_u1iwk_gg_._theme_warning_u1iwk_gg_ .___SCloseIcon_u1iwk_gg_:hover{color:var(--intergalactic-icon-primary-warning-hover-active, #CC5024)}}.___SNotice_u1iwk_gg_._theme_success_u1iwk_gg_{background-color:var(--intergalactic-bg-secondary-success, #dbfee8);border-color:var(--intergalactic-border-success, #59ddaa)}.___SNotice_u1iwk_gg_._theme_success_u1iwk_gg_ .___SCloseIcon_u1iwk_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}@media (hover:hover){.___SNotice_u1iwk_gg_._theme_success_u1iwk_gg_ .___SCloseIcon_u1iwk_gg_:hover{color:var(--intergalactic-icon-primary-success-hover-active, #037E68)}}.___SContent_u1iwk_gg_{flex:1 1 auto;width:100%}.___SActions_u1iwk_gg_{flex-shrink:0;margin-top:var(--intergalactic-spacing-3x, 12px)}.___SLabel_u1iwk_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-2x, 8px);display:inline-flex}.___SLabel_u1iwk_gg_._theme_info_u1iwk_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SLabel_u1iwk_gg_._theme_danger_u1iwk_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}.___SLabel_u1iwk_gg_._theme_warning_u1iwk_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}.___SLabel_u1iwk_gg_._theme_success_u1iwk_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}.___SLabel_u1iwk_gg_._theme_custom_u1iwk_gg_{color:var(--color_u1iwk)}.___SCloseIcon_u1iwk_gg_{flex-shrink:0;margin-left:var(--intergalactic-spacing-4x, 16px)}.___SNotice_u1iwk_gg_._theme_custom_u1iwk_gg_{background-color:var(--backgroundColor_u1iwk);border-color:var(--backgroundColor_u1iwk)}" /*__inner_css_end__*/, "u1iwk_gg_") /*__reshadow_css_end__*/, {
-  "__SNotice": "___SNotice_u1iwk_gg_",
-  "__SContent": "___SContent_u1iwk_gg_",
-  "__SActions": "___SActions_u1iwk_gg_",
-  "__SLabel": "___SLabel_u1iwk_gg_",
-  "_theme_info": "_theme_info_u1iwk_gg_",
-  "_theme_danger": "_theme_danger_u1iwk_gg_",
-  "_theme_warning": "_theme_warning_u1iwk_gg_",
-  "_theme_success": "_theme_success_u1iwk_gg_",
-  "_theme_custom": "_theme_custom_u1iwk_gg_",
-  "--color": "--color_u1iwk",
-  "__SCloseIcon": "___SCloseIcon_u1iwk_gg_",
-  "--backgroundColor": "--backgroundColor_u1iwk"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SNotice_1kdg2_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_1kdg2_gg_._theme_info_1kdg2_gg_{background-color:var(--intergalactic-bg-secondary-info, #e9f7ff);border-color:var(--intergalactic-border-info, #8ecdff)}.___SNotice_1kdg2_gg_._theme_info_1kdg2_gg_ .___SCloseIcon_1kdg2_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SNotice_1kdg2_gg_._theme_info_1kdg2_gg_ .___SCloseIcon_1kdg2_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SNotice_1kdg2_gg_._theme_danger_1kdg2_gg_{background-color:var(--intergalactic-bg-secondary-critical, #fff0f7);border-color:var(--intergalactic-border-critical, #ffaeb5)}.___SNotice_1kdg2_gg_._theme_danger_1kdg2_gg_ .___SCloseIcon_1kdg2_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}@media (hover:hover){.___SNotice_1kdg2_gg_._theme_danger_1kdg2_gg_ .___SCloseIcon_1kdg2_gg_:hover{color:var(--intergalactic-icon-primary-critical-hover-active, #CC3A42)}}.___SNotice_1kdg2_gg_._theme_warning_1kdg2_gg_{background-color:var(--intergalactic-bg-secondary-warning, #fff3d9);border-color:var(--intergalactic-border-warning, #ffb26e)}.___SNotice_1kdg2_gg_._theme_warning_1kdg2_gg_ .___SCloseIcon_1kdg2_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SNotice_1kdg2_gg_._theme_warning_1kdg2_gg_ .___SCloseIcon_1kdg2_gg_:hover{color:var(--intergalactic-icon-primary-warning-hover-active, #CC5024)}}.___SNotice_1kdg2_gg_._theme_success_1kdg2_gg_{background-color:var(--intergalactic-bg-secondary-success, #dbfee8);border-color:var(--intergalactic-border-success, #59ddaa)}.___SNotice_1kdg2_gg_._theme_success_1kdg2_gg_ .___SCloseIcon_1kdg2_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}@media (hover:hover){.___SNotice_1kdg2_gg_._theme_success_1kdg2_gg_ .___SCloseIcon_1kdg2_gg_:hover{color:var(--intergalactic-icon-primary-success-hover-active, #037E68)}}.___SNotice_1kdg2_gg_._theme_muted_1kdg2_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9);border-color:var(--intergalactic-border-secondary, #e0e1e9)}.___SLabel_1kdg2_gg_._theme_info_1kdg2_gg_,.___SNotice_1kdg2_gg_._theme_muted_1kdg2_gg_ .___SCloseIcon_1kdg2_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SNotice_1kdg2_gg_._theme_muted_1kdg2_gg_ .___SCloseIcon_1kdg2_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SContent_1kdg2_gg_{flex:1 1 auto;width:100%}.___SActions_1kdg2_gg_{flex-shrink:0;margin-top:var(--intergalactic-spacing-3x, 12px)}.___SLabel_1kdg2_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-2x, 8px);display:inline-flex}.___SLabel_1kdg2_gg_._theme_danger_1kdg2_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}.___SLabel_1kdg2_gg_._theme_warning_1kdg2_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}.___SLabel_1kdg2_gg_._theme_success_1kdg2_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}.___SLabel_1kdg2_gg_._theme_muted_1kdg2_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SLabel_1kdg2_gg_._theme_custom_1kdg2_gg_{color:var(--color_1kdg2)}.___SCloseIcon_1kdg2_gg_{flex-shrink:0;margin-left:var(--intergalactic-spacing-4x, 16px)}.___SNotice_1kdg2_gg_._theme_custom_1kdg2_gg_{background-color:var(--backgroundColor_1kdg2);border-color:var(--backgroundColor_1kdg2)}" /*__inner_css_end__*/, "1kdg2_gg_") /*__reshadow_css_end__*/, {
+  "__SNotice": "___SNotice_1kdg2_gg_",
+  "__SContent": "___SContent_1kdg2_gg_",
+  "__SActions": "___SActions_1kdg2_gg_",
+  "__SLabel": "___SLabel_1kdg2_gg_",
+  "_theme_info": "_theme_info_1kdg2_gg_",
+  "_theme_danger": "_theme_danger_1kdg2_gg_",
+  "_theme_warning": "_theme_warning_1kdg2_gg_",
+  "_theme_success": "_theme_success_1kdg2_gg_",
+  "_theme_muted": "_theme_muted_1kdg2_gg_",
+  "_theme_custom": "_theme_custom_1kdg2_gg_",
+  "--color": "--color_1kdg2",
+  "__SCloseIcon": "___SCloseIcon_1kdg2_gg_",
+  "--backgroundColor": "--backgroundColor_1kdg2"
 });
 function isCustomTheme(theme) {
-  return !['danger', 'warning', 'success', 'info'].includes(theme);
+  return !['danger', 'warning', 'success', 'info', 'muted'].includes(theme);
 }
 var RootNotice = /*#__PURE__*/function (_Component) {
   _inherits(RootNotice, _Component);
@@ -82,6 +83,10 @@ var RootNotice = /*#__PURE__*/function (_Component) {
       var isAssertive = theme === 'danger' || theme === 'warning';
       var color = resolveColor(theme);
       var useTheme = isCustomTheme(theme) ? 'custom' : theme;
+      var ariaLive = isAssertive ? 'assertive' : 'polite';
+      if (theme === 'neutral') {
+        ariaLive = undefined;
+      }
       if (use === 'primary') {
         logger.warn(true, "Deprecated property-value pair \"use=primary\", use component <NoticeGlobal/> instead", RootNotice.displayName);
         return /*#__PURE__*/React.createElement(NoticeGlobal, this.asProps);
@@ -91,8 +96,8 @@ var RootNotice = /*#__PURE__*/function (_Component) {
         "use:theme": useTheme,
         "backgroundColor": color,
         "role": 'region',
-        "aria-live": isAssertive ? 'assertive' : 'polite',
-        "aria-label": getI18nText('notification')
+        "aria-live": ariaLive,
+        "aria-label": getI18nText(isAssertive ? 'criticalNotification' : 'notification')
       }, _ref))), /*#__PURE__*/React.createElement(Children, _ref6.cn("Children", {})));
     }
   }]);

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

@@ -1 +1 @@
-{"version":3,"file":"Notice.js","names":["React","createComponent","Component","sstyled","Root","Box","Close","resolveColorEnhance","FadeInOut","logger","NoticeGlobal","localizedMessages","i18nEnhance","cssVariableEnhance","style","_sstyled","insert","isCustomTheme","theme","includes","RootNotice","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getLabelProps","_this$asProps","asProps","resolveColor","getCloseIconProps","getI18nText","render","_ref","_ref6","SNotice","_this$asProps2","Children","styles","hidden","use","isAssertive","color","useTheme","warn","displayName","createElement","cn","_objectSpread","_assignProps","_defineProperty","variable","fallback","map","Number","parseInt","prop","i18n","locale","Label","_ref11","_ref2","arguments[0]","_ref7","SLabel","_assignProps2","Actions","_ref12","_ref3","_ref8","SActions","_assignProps3","Content","_ref13","_ref4","_ref9","SContent","_assignProps4","CloseIcon","_ref14","_ref5","_ref10","SCloseIcon","_assignProps5"],"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'].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    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={isAssertive ? 'assertive' : 'polite'}\n        aria-label={getI18nText('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":["React","createComponent","Component","sstyled","Root","Box","Close","resolveColorEnhance","FadeInOut","logger","NoticeGlobal","localizedMessages","i18nEnhance","cssVariableEnhance","style","_sstyled","insert","isCustomTheme","theme","includes","RootNotice","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getLabelProps","_this$asProps","asProps","resolveColor","getCloseIconProps","getI18nText","render","_ref","_ref6","SNotice","_this$asProps2","Children","styles","hidden","use","isAssertive","color","useTheme","ariaLive","undefined","warn","displayName","createElement","cn","_objectSpread","_assignProps","_defineProperty","variable","fallback","map","Number","parseInt","prop","i18n","locale","Label","_ref11","_ref2","arguments[0]","_ref7","SLabel","_assignProps2","Actions","_ref12","_ref3","_ref8","SActions","_assignProps3","Content","_ref13","_ref4","_ref9","SContent","_assignProps4","CloseIcon","_ref14","_ref5","_ref10","SCloseIcon","_assignProps5"],"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(isAssertive ? '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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"}

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 { IconProps } from '@semcore/icon';\nimport { FadeInOutProps } from '@semcore/animation';\n\nexport type NoticeTheme = 'danger' | 'warning' | 'success' | 'info';\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 { 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":""}

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

@@ -62,6 +62,19 @@ SNotice[theme='success'] {
   }
 }
 
+SNotice[theme='muted'] {
+  background-color: var(--intergalactic-bg-secondary-neutral, #f4f5f9);
+  border-color: var(--intergalactic-border-secondary, #e0e1e9);
+
+  & SCloseIcon {
+    color: var(--intergalactic-icon-primary-neutral, #6c6e79);
+
+    &:hover {
+      color: var(--intergalactic-icon-primary-neutral-hover-active, #565861);
+    }
+  }
+}
+
 SContent {
   flex: 1 1 auto;
   width: 100%;
@@ -94,6 +107,10 @@ SLabel[theme='success'] {
   color: var(--intergalactic-icon-primary-success, #009f81);
 }
 
+SLabel[theme='muted'] {
+  color: var(--intergalactic-icon-primary-neutral, #6c6e79);
+}
+
 SLabel[theme='custom'] {
   color: var(--color);
 }

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

@@ -1,4 +1,5 @@
 {
   "notification": "Benachrichtigung",
+  "criticalNotification": "Kritische Benachrichtigung",
   "close": "Benachrichtigung schließen"
 }

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

@@ -1,4 +1,5 @@
 {
   "notification": "Notification",
+  "criticalNotification": "Critical notification",
   "close": "Close notification"
 }

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

@@ -1,4 +1,5 @@
 {
   "notification": "Notificación",
+  "criticalNotification": "Notificación crítica",
   "close": "Cerrar notificación"
 }

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

@@ -1,4 +1,5 @@
 {
   "notification": "Notification",
+  "criticalNotification": "Notification critique",
   "close": "Fermer la notification"
 }

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

@@ -1,4 +1,5 @@
 {
   "notification": "Notifica",
+  "criticalNotification": "Notifica critica",
   "close": "Chiudi la notifica"
 }

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

@@ -1,4 +1,5 @@
 {
   "notification": "通知",
+  "criticalNotification": "重要な通知",
   "close": "通知を閉じる"
 }

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

@@ -1,4 +1,5 @@
 {
   "notification": "알림",
+  "criticalNotification": "중요 알림",
   "close": "알림 닫기"
 }

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

@@ -1,4 +1,5 @@
 {
   "notification": "Melding",
+  "criticalNotification": "Belangrijke melding",
   "close": "Kennisgeving sluiten"
 }

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

@@ -1,4 +1,5 @@
 {
   "notification": "Powiadomienie",
+  "criticalNotification": "Powiadomienie krytyczne",
   "close": "Zamknij powiadomienie"
 }

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

@@ -1,4 +1,5 @@
 {
   "notification": "Notificação",
+  "criticalNotification": "Notificação urgente",
   "close": "Fechar notificação"
 }

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

@@ -1,4 +1,5 @@
 {
   "notification": "Avisering",
+  "criticalNotification": "Kritisk avisering",
   "close": "Stäng meddelande"
 }

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

@@ -1,4 +1,5 @@
 {
   "notification": "Bildirim",
+  "criticalNotification": "Kritik bildirim",
   "close": "Bildirimi kapat"
 }

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

@@ -1,4 +1,5 @@
 {
   "notification": "Thông báo",
+  "criticalNotification": "Thông báo quan trọng",
   "close": "Đóng thông báo"
 }

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

@@ -1,4 +1,5 @@
 {
   "notification": "通知",
+  "criticalNotification": "重要通知",
   "close": "关闭通知"
 }

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

@@ -3,7 +3,7 @@ import { Box, BoxProps } from 'intergalactic/flex-box';
 import { IconProps } from 'intergalactic/icon';
 import { FadeInOutProps } from 'intergalactic/animation';
 
-export type NoticeTheme = 'danger' | 'warning' | 'success' | 'info';
+export type NoticeTheme = 'danger' | 'warning' | 'success' | 'info' | 'muted';
 export type NoticeUse = 'primary' | 'secondary';
 
 /** @deprecated */

package/notice-bubble/index.d.ts

@@ -40,7 +40,7 @@ export interface INoticeBubbleInfoProps extends NoticeBubbleInfoProps, UnknownPr
 export type NoticeBubbleInfoProps = NoticeBubbleProps & {
   readonly type?: 'info';
   /**
-   * Notice display duration.
+   * Notice display duration. Set to 0 to disable auto-close.
    */
   duration?: number;
   /**
@@ -48,6 +48,13 @@ export type NoticeBubbleInfoProps = NoticeBubbleProps & {
    * @default false
    */
   initialAnimation?: boolean;
+  /**
+   * Use it for complex notices with important controls.
+   * If enabled, browser focus will be locked in the notice
+   * until it's closed. After close focus should return to the element
+   * where it was placed before notice appear.
+   */
+  focusLock?: boolean;
 };
 
 /** @deprecated */
@@ -63,6 +70,13 @@ export type NoticeBubbleWarningProps = NoticeBubbleProps & {
    * @default false
    */
   initialAnimation?: boolean;
+  /**
+   * Use it for complex notices with important controls.
+   * If enabled, browser focus will be locked in the notice
+   * until it's closed. After close focus should return to the element
+   * where it was placed before notice appear.
+   */
+  focusLock?: boolean;
 };
 
 /** @deprecated */
@@ -75,6 +89,8 @@ export type NoticeBubbleManagerClass = {
     uid: string;
     update: (props: Partial<NoticeBubbleInfoProps> | Partial<NoticeBubbleWarningProps>) => boolean;
     remove: () => boolean;
+    ref: React.RefObject<HTMLDivElement>;
+    focus: () => void;
   };
   /**
    * Updates notice by uid.
@@ -92,12 +108,15 @@ export type NoticeBubbleManagerClass = {
 /**
  * @deprecated use `NoticeBubbleManager` instead.
  * */
-declare const NoticeBubble: Intergalactic.Component<'div', NoticeBubbleInfoProps>;
+export declare const NoticeBubble: Intergalactic.Component<'div', NoticeBubbleInfoProps>;
 /**
  * @deprecated use `NoticeBubbleManager` instead.
  * */
-declare const NoticeBubbleWarning: Intergalactic.Component<'div', NoticeBubbleWarningProps>;
-declare const NoticeBubbleContainer: Intergalactic.Component<'div', NoticeBubbleContainerProps> & {
+export declare const NoticeBubbleWarning: Intergalactic.Component<'div', NoticeBubbleWarningProps>;
+export declare const NoticeBubbleContainer: Intergalactic.Component<
+  'div',
+  NoticeBubbleContainerProps
+> & {
   /**
    * @deprecated use `NoticeBubbleManager` instead.
    * */
@@ -108,7 +127,7 @@ declare const NoticeBubbleContainer: Intergalactic.Component<'div', NoticeBubble
    * */
   Warning: typeof NoticeBubbleWarning;
 };
-declare class NoticeBubbleManager implements NoticeBubbleManagerClass {
+export declare class NoticeBubbleManager implements NoticeBubbleManagerClass {
   /**
    * Creates and shows a notice.
    * */
@@ -116,6 +135,8 @@ declare class NoticeBubbleManager implements NoticeBubbleManagerClass {
     uid: string;
     update: (props: Partial<NoticeBubbleInfoProps> | Partial<NoticeBubbleWarningProps>) => boolean;
     remove: () => boolean;
+    ref: React.RefObject<HTMLDivElement>;
+    focus: () => void;
   };
   /**
    * Updates notice by uid.
@@ -130,15 +151,8 @@ declare class NoticeBubbleManager implements NoticeBubbleManagerClass {
   remove(uid: string): boolean;
 }
 
-declare const noticeBubbleDefaultManager: NoticeBubbleManager;
+export declare const noticeBubbleDefaultManager: NoticeBubbleManager;
 
-export {
-  NoticeBubbleContainer,
-  NoticeBubble,
-  NoticeBubbleWarning,
-  NoticeBubbleManager,
-  noticeBubbleDefaultManager,
-};
 /**
  * @deprecated Use `import { noticeBubbleDefaultManager } from ...` instead
  */