intergalactic 15.126.1-prerelease.8 → 15.127.0-prerelease.0

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

@@ -1 +1 @@
-{"version":3,"file":"Notice.js","names":["React","createComponent","Component","sstyled","Root","Box","Button","CloseIconM","resolveColorEnhance","FadeInOut","logger","NoticeGlobal","localizedMessages","i18nEnhance","cssVariableEnhance","Text","style","_sstyled","insert","isCustomTheme","theme","includes","RootNotice","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","createRef","_createClass","key","value","componentDidMount","ref","current","process","env","NODE_ENV","props","hasTitle","node","hasAttribute","warn","displayName","getLabelProps","_this$asProps","asProps","resolveColor","getCloseIconProps","getI18nText","getCloseProps","render","_ref","_ref9","SNotice","_this$asProps2","Children","styles","hidden","use","color","useTheme","createElement","ariaLabel","undefined","cn","_objectSpread","_assignProps","variable","fallback","map","Number","parseInt","prop","i18n","locale","Label","_ref17","_ref2","arguments[0]","_ref10","SLabel","_assignProps2","Title","_ref18","_ref3","_ref11","STitle","_assignProps3","NoticeText","_ref19","_ref4","_ref12","SText","_assignProps4","Actions","_ref20","_ref5","_ref13","SActions","_assignProps5","Content","_ref21","_ref6","_ref14","SContent","_assignProps6","CloseIcon","_ref22","_ref7","_ref15","SCloseIcon","_assignProps7","Close","_ref23","_ref8","_ref16","_assignProps8","Notice"],"sources":["../../src/Notice.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport Button from '@semcore/button';\nimport CloseIconM from '@semcore/icon/Close/m';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { FadeInOut } from '@semcore/animation';\nimport logger from '@semcore/utils/lib/logger';\nimport NoticeGlobal from '@semcore/notice-global';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\nimport { Text } from '@semcore/typography';\n\nimport style from './style/notice.shadow.css';\n\nfunction isCustomTheme(theme) {\n  return !['danger', 'warning', 'success', 'info', 'muted'].includes(theme);\n}\n\nclass RootNotice extends Component {\n  static displayName = 'Notice';\n  static style = style;\n  static enhance = [\n    i18nEnhance(localizedMessages),\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-popper',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n    resolveColorEnhance(),\n  ];\n  static defaultProps = {\n    theme: 'info',\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n\n  ref = React.createRef();\n\n  componentDidMount() {\n    if (\n      this.ref.current &&\n      process.env.NODE_ENV !== 'production' &&\n      !['muted', 'danger'].includes(this.props.theme)\n    ) {\n      const hasTitle = (node) => {\n        if (node.hasAttribute('aria-label')) return true;\n        if (node.hasAttribute('aria-labelledby')) return true;\n        if (node.hasAttribute('title')) return true;\n\n        return false;\n      };\n\n      logger.warn(\n        !hasTitle(this.ref.current),\n        `Provide unique 'title' or 'aria-label' or 'aria-labelledby' to help identify the type and importance of notification`,\n        this.props['data-ui-name'] || RootNotice.displayName,\n      );\n    }\n  }\n\n  getLabelProps() {\n    const { theme, resolveColor } = this.asProps;\n\n    return { theme, resolveColor };\n  }\n\n  getCloseIconProps() {\n    const { getI18nText } = this.asProps;\n\n    return { getI18nText };\n  }\n\n  getCloseProps() {\n    const { getI18nText } = this.asProps;\n\n    return { getI18nText };\n  }\n\n  render() {\n    const SNotice = Root;\n    const { Children, styles, hidden, theme, use, resolveColor, getI18nText } = this.asProps;\n    const color = resolveColor(theme);\n    const useTheme = isCustomTheme(theme) ? 'custom' : theme;\n\n    if (use === 'primary') {\n      logger.warn(\n        true,\n        `Deprecated property-value pair \"use=primary\", use component <NoticeGlobal/> instead`,\n        RootNotice.displayName,\n      );\n      return <NoticeGlobal {...this.asProps} />;\n    }\n\n    let ariaLabel = getI18nText(theme === 'danger' ? 'criticalNotification' : 'notification');\n\n    if (theme === 'muted') {\n      ariaLabel = undefined;\n    }\n\n    return sstyled(styles)(\n      <SNotice\n        render={FadeInOut}\n        visible={!hidden}\n        use:theme={useTheme}\n        backgroundColor={color}\n        role='region'\n        aria-label={ariaLabel}\n        ref={this.ref}\n      >\n        <Children />\n      </SNotice>,\n    );\n  }\n}\n\nfunction Label({ styles, theme, resolveColor }) {\n  const SLabel = Root;\n  const useTheme = isCustomTheme(theme) ? 'custom' : theme;\n  const color = resolveColor(theme);\n  return sstyled(styles)(<SLabel render={Box} use:theme={useTheme} color={color} />);\n}\n\nfunction Title({ styles }) {\n  const STitle = Root;\n  return sstyled(styles)(<STitle render={Text} tag='div' size={300} fontWeight={'bold'} />);\n}\n\nfunction NoticeText({ styles }) {\n  const SText = Root;\n  return sstyled(styles)(<SText render={Text} tag='div' />);\n}\n\nfunction Actions({ styles }) {\n  const SActions = Root;\n  return sstyled(styles)(<SActions render={Box} />);\n}\n\nfunction Content({ styles }) {\n  const SContent = Root;\n  return sstyled(styles)(<SContent render={Box} />);\n}\n\nfunction CloseIcon({ styles, getI18nText }) {\n  const SCloseIcon = Root;\n  return sstyled(styles)(\n    <SCloseIcon render={Box} tag={CloseIconM} interactive aria-label={getI18nText('close')} />,\n  );\n}\n\nfunction Close({ styles, getI18nText }) {\n  const SCloseIcon = Root;\n  return sstyled(styles)(\n    <SCloseIcon\n      render={Button}\n      addonLeft={CloseIconM}\n      use='tertiary'\n      theme='muted'\n      aria-label={getI18nText('close')}\n    />,\n  );\n}\n\nconst Notice = createComponent(RootNotice, {\n  Label,\n  Title: Title,\n  Text: NoticeText,\n  Actions,\n  Content,\n  CloseIcon,\n  Close,\n});\n\nexport default Notice;\n"],"mappings":"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"}
+{"version":3,"file":"Notice.js","names":["React","createComponent","Component","sstyled","Root","Box","Button","CloseIconM","resolveColorEnhance","FadeInOut","logger","NoticeGlobal","localizedMessages","i18nEnhance","cssVariableEnhance","Text","style","_sstyled","insert","isCustomTheme","theme","includes","RootNotice","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","createRef","_createClass","key","value","componentDidMount","ref","current","process","env","NODE_ENV","props","hasTitle","node","hasAttribute","warn","displayName","getLabelProps","_this$asProps","asProps","resolveColor","getCloseIconProps","getI18nText","getCloseProps","render","_ref","_ref9","SNotice","_this$asProps2","Children","styles","hidden","use","color","useTheme","createElement","ariaLabel","undefined","role","cn","_objectSpread","_assignProps","variable","fallback","map","Number","parseInt","prop","i18n","locale","Label","_ref17","_ref2","arguments[0]","_ref10","SLabel","_assignProps2","Title","_ref18","_ref3","_ref11","STitle","_assignProps3","NoticeText","_ref19","_ref4","_ref12","SText","_assignProps4","Actions","_ref20","_ref5","_ref13","SActions","_assignProps5","Content","_ref21","_ref6","_ref14","SContent","_assignProps6","CloseIcon","_ref22","_ref7","_ref15","SCloseIcon","_assignProps7","Close","_ref23","_ref8","_ref16","_assignProps8","Notice"],"sources":["../../src/Notice.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport Button from '@semcore/button';\nimport CloseIconM from '@semcore/icon/Close/m';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { FadeInOut } from '@semcore/animation';\nimport logger from '@semcore/utils/lib/logger';\nimport NoticeGlobal from '@semcore/notice-global';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\nimport { Text } from '@semcore/typography';\n\nimport style from './style/notice.shadow.css';\n\nfunction isCustomTheme(theme) {\n  return !['danger', 'warning', 'success', 'info', 'muted'].includes(theme);\n}\n\nclass RootNotice extends Component {\n  static displayName = 'Notice';\n  static style = style;\n  static enhance = [\n    i18nEnhance(localizedMessages),\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-popper',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n    resolveColorEnhance(),\n  ];\n  static defaultProps = {\n    theme: 'info',\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n\n  ref = React.createRef();\n\n  componentDidMount() {\n    if (\n      this.ref.current &&\n      process.env.NODE_ENV !== 'production' &&\n      !['muted', 'danger'].includes(this.props.theme)\n    ) {\n      const hasTitle = (node) => {\n        if (node.hasAttribute('aria-label')) return true;\n        if (node.hasAttribute('aria-labelledby')) return true;\n        if (node.hasAttribute('title')) return true;\n\n        return false;\n      };\n\n      logger.warn(\n        !hasTitle(this.ref.current),\n        `Provide unique 'title' or 'aria-label' or 'aria-labelledby' to help identify the type and importance of notification`,\n        this.props['data-ui-name'] || RootNotice.displayName,\n      );\n    }\n  }\n\n  getLabelProps() {\n    const { theme, resolveColor } = this.asProps;\n\n    return { theme, resolveColor };\n  }\n\n  getCloseIconProps() {\n    const { getI18nText } = this.asProps;\n\n    return { getI18nText };\n  }\n\n  getCloseProps() {\n    const { getI18nText } = this.asProps;\n\n    return { getI18nText };\n  }\n\n  render() {\n    const SNotice = Root;\n    const { Children, styles, hidden, theme, use, resolveColor, getI18nText } = this.asProps;\n    const color = resolveColor(theme);\n    const useTheme = isCustomTheme(theme) ? 'custom' : theme;\n\n    if (use === 'primary') {\n      logger.warn(\n        true,\n        `Deprecated property-value pair \"use=primary\", use component <NoticeGlobal/> instead`,\n        RootNotice.displayName,\n      );\n      return <NoticeGlobal {...this.asProps} />;\n    }\n\n    let ariaLabel = getI18nText(theme === 'danger' ? 'criticalNotification' : 'notification');\n\n    if (theme === 'muted') {\n      ariaLabel = undefined;\n    }\n\n    const role = theme === 'muted' ? undefined : 'region';\n\n    return sstyled(styles)(\n      <SNotice\n        render={FadeInOut}\n        visible={!hidden}\n        use:theme={useTheme}\n        backgroundColor={color}\n        role={role}\n        aria-label={ariaLabel}\n        ref={this.ref}\n      >\n        <Children />\n      </SNotice>,\n    );\n  }\n}\n\nfunction Label({ styles, theme, resolveColor }) {\n  const SLabel = Root;\n  const useTheme = isCustomTheme(theme) ? 'custom' : theme;\n  const color = resolveColor(theme);\n  return sstyled(styles)(<SLabel render={Box} use:theme={useTheme} color={color} />);\n}\n\nfunction Title({ styles }) {\n  const STitle = Root;\n  return sstyled(styles)(<STitle render={Text} tag='div' size={300} fontWeight={'bold'} />);\n}\n\nfunction NoticeText({ styles }) {\n  const SText = Root;\n  return sstyled(styles)(<SText render={Text} tag='div' />);\n}\n\nfunction Actions({ styles }) {\n  const SActions = Root;\n  return sstyled(styles)(<SActions render={Box} />);\n}\n\nfunction Content({ styles }) {\n  const SContent = Root;\n  return sstyled(styles)(<SContent render={Box} />);\n}\n\nfunction CloseIcon({ styles, getI18nText }) {\n  const SCloseIcon = Root;\n  return sstyled(styles)(\n    <SCloseIcon render={Box} tag={CloseIconM} interactive aria-label={getI18nText('close')} />,\n  );\n}\n\nfunction Close({ styles, getI18nText }) {\n  const SCloseIcon = Root;\n  return sstyled(styles)(\n    <SCloseIcon\n      render={Button}\n      addonLeft={CloseIconM}\n      use='tertiary'\n      theme='muted'\n      aria-label={getI18nText('close')}\n    />,\n  );\n}\n\nconst Notice = createComponent(RootNotice, {\n  Label,\n  Title: Title,\n  Text: NoticeText,\n  Actions,\n  Content,\n  CloseIcon,\n  Close,\n});\n\nexport default Notice;\n"],"mappings":";;;;;;;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,SAAS,EAAEC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AACzE,SAASC,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,MAAM,MAAM,iBAAiB;AACpC,OAAOC,UAAU,MAAM,uBAAuB;AAC9C,OAAOC,mBAAmB,MAAM,iDAAiD;AACjF,SAASC,SAAS,QAAQ,oBAAoB;AAC9C,OAAOC,MAAM,MAAM,2BAA2B;AAC9C,OAAOC,YAAY,MAAM,wBAAwB;AACjD,SAASC,iBAAiB,QAAQ,gDAAgD;AAClF,OAAOC,WAAW,MAAM,yCAAyC;AACjE,SAASC,kBAAkB,QAAQ,mCAAmC;AACtE,SAASC,IAAI,QAAQ,qBAAqB;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAI3C,SAASC,aAAaA,CAACC,KAAK,EAAE;EAC5B,OAAO,CAAC,CAAC,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,CAAC,CAACC,QAAQ,CAACD,KAAK,CAAC;AAC3E;AAAC,IAEKE,UAAU,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,UAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,UAAA;EAAA,SAAAA,WAAA;IAAA,IAAAK,KAAA;IAAAC,eAAA,OAAAN,UAAA;IAAA,SAAAO,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,GAAAF,MAAA,CAAAU,IAAA,CAAAC,KAAA,CAAAX,MAAA,SAAAY,MAAA,CAAAL,IAAA;IAAAM,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,uBAmBR3B,KAAK,CAACwC,SAAS,EAAE;IAAA,OAAAb,KAAA;EAAA;EAAAc,YAAA,CAAAnB,UAAA;IAAAoB,GAAA;IAAAC,KAAA,EAEvB,SAAAC,kBAAA,EAAoB;MAClB,IACE,IAAI,CAACC,GAAG,CAACC,OAAO,IAChBC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,IACrC,CAAC,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC5B,QAAQ,CAAC,IAAI,CAAC6B,KAAK,CAAC9B,KAAK,CAAC,EAC/C;QACA,IAAM+B,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,IAAI,EAAK;UACzB,IAAIA,IAAI,CAACC,YAAY,CAAC,YAAY,CAAC,EAAE,OAAO,IAAI;UAChD,IAAID,IAAI,CAACC,YAAY,CAAC,iBAAiB,CAAC,EAAE,OAAO,IAAI;UACrD,IAAID,IAAI,CAACC,YAAY,CAAC,OAAO,CAAC,EAAE,OAAO,IAAI;UAE3C,OAAO,KAAK;QACd,CAAC;QAED3C,MAAM,CAAC4C,IAAI,CACT,CAACH,QAAQ,CAAC,IAAI,CAACN,GAAG,CAACC,OAAO,CAAC,0HAE3B,IAAI,CAACI,KAAK,CAAC,cAAc,CAAC,IAAI5B,UAAU,CAACiC,WAAW,CACrD;MACH;IACF;EAAC;IAAAb,GAAA;IAAAC,KAAA,EAED,SAAAa,cAAA,EAAgB;MACd,IAAAC,aAAA,GAAgC,IAAI,CAACC,OAAO;QAApCtC,KAAK,GAAAqC,aAAA,CAALrC,KAAK;QAAEuC,YAAY,GAAAF,aAAA,CAAZE,YAAY;MAE3B,OAAO;QAAEvC,KAAK,EAALA,KAAK;QAAEuC,YAAY,EAAZA;MAAa,CAAC;IAChC;EAAC;IAAAjB,GAAA;IAAAC,KAAA,EAED,SAAAiB,kBAAA,EAAoB;MAClB,IAAQC,WAAW,GAAK,IAAI,CAACH,OAAO,CAA5BG,WAAW;MAEnB,OAAO;QAAEA,WAAW,EAAXA;MAAY,CAAC;IACxB;EAAC;IAAAnB,GAAA;IAAAC,KAAA,EAED,SAAAmB,cAAA,EAAgB;MACd,IAAQD,WAAW,GAAK,IAAI,CAACH,OAAO,CAA5BG,WAAW;MAEnB,OAAO;QAAEA,WAAW,EAAXA;MAAY,CAAC;IACxB;EAAC;IAAAnB,GAAA;IAAAC,KAAA,EAED,SAAAoB,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAN,OAAA;QAAAO,KAAA;MACP,IAAMC,OAAO,GAwBDzD,SAAS;MAvBrB,IAAA0D,cAAA,GAA4E,IAAI,CAACT,OAAO;QAAhFU,QAAQ,GAAAD,cAAA,CAARC,QAAQ;QAAEC,MAAM,GAAAF,cAAA,CAANE,MAAM;QAAEC,MAAM,GAAAH,cAAA,CAANG,MAAM;QAAElD,KAAK,GAAA+C,cAAA,CAAL/C,KAAK;QAAEmD,GAAG,GAAAJ,cAAA,CAAHI,GAAG;QAAEZ,YAAY,GAAAQ,cAAA,CAAZR,YAAY;QAAEE,WAAW,GAAAM,cAAA,CAAXN,WAAW;MACvE,IAAMW,KAAK,GAAGb,YAAY,CAACvC,KAAK,CAAC;MACjC,IAAMqD,QAAQ,GAAGtD,aAAa,CAACC,KAAK,CAAC,GAAG,QAAQ,GAAGA,KAAK;MAExD,IAAImD,GAAG,KAAK,SAAS,EAAE;QACrB7D,MAAM,CAAC4C,IAAI,CACT,IAAI,2FAEJhC,UAAU,CAACiC,WAAW,CACvB;QACD,oBAAOvD,KAAA,CAAA0E,aAAA,CAAC/D,YAAY,EAAK,IAAI,CAAC+C,OAAO,CAAI;MAC3C;MAEA,IAAIiB,SAAS,GAAGd,WAAW,CAACzC,KAAK,KAAK,QAAQ,GAAG,sBAAsB,GAAG,cAAc,CAAC;MAEzF,IAAIA,KAAK,KAAK,OAAO,EAAE;QACrBuD,SAAS,GAAGC,SAAS;MACvB;MAEA,IAAMC,IAAI,GAAGzD,KAAK,KAAK,OAAO,GAAGwD,SAAS,GAAG,QAAQ;MAErD,OAAAX,KAAA,GAAO9D,OAAO,CAACkE,MAAM,CAAC,eACpBrE,KAAA,CAAA0E,aAAA,CAACR,OAAO,EAAAD,KAAA,CAAAa,EAAA,YAAAC,aAAA,KAAAC,YAAA;QAAA,WAEG,CAACV,MAAM;QAAA,aACLG,QAAQ;QAAA,mBACFD,KAAK;QAAA,QAChBK,IAAI;QAAA,cACEF,SAAS;QAAA,OAChB,IAAI,CAAC9B;MAAG,GAAAmB,IAAA,kBAEbhE,KAAA,CAAA0E,aAAA,CAACN,QAAQ,EAAAH,KAAA,CAAAa,EAAA,iBAAG,CACJ;IAEd;EAAC;EAAA,OAAAxD,UAAA;AAAA,EAjGsBpB,SAAS;AAAAoC,eAAA,CAA5BhB,UAAU,iBACO,QAAQ;AAAAgB,eAAA,CADzBhB,UAAU,WAECN,KAAK;AAAAsB,eAAA,CAFhBhB,UAAU,aAGG,CACfT,WAAW,CAACD,iBAAiB,CAAC,EAC9BE,kBAAkB,CAAC;EACjBmE,QAAQ,EAAE,iCAAiC;EAC3CC,QAAQ,EAAE,KAAK;EACfC,GAAG,EAAEC,MAAM,CAACC,QAAQ;EACpBC,IAAI,EAAE;AACR,CAAC,CAAC,EACF9E,mBAAmB,EAAE,CACtB;AAAA8B,eAAA,CAZGhB,UAAU,kBAaQ;EACpBF,KAAK,EAAE,MAAM;EACbmE,IAAI,EAAE3E,iBAAiB;EACvB4E,MAAM,EAAE;AACV,CAAC;AAmFH,SAASC,KAAKA,CAAAC,MAAA,EAAkC;EAAA,IAAAC,KAAA,GAAAC,YAAA;IAAAC,MAAA;EAAA,IAA/BxB,MAAM,GAAAqB,MAAA,CAANrB,MAAM;IAAEjD,KAAK,GAAAsE,MAAA,CAALtE,KAAK;IAAEuC,YAAY,GAAA+B,MAAA,CAAZ/B,YAAY;EAC1C,IAAMmC,MAAM,GAG2BzF,GAAG;EAF1C,IAAMoE,QAAQ,GAAGtD,aAAa,CAACC,KAAK,CAAC,GAAG,QAAQ,GAAGA,KAAK;EACxD,IAAMoD,KAAK,GAAGb,YAAY,CAACvC,KAAK,CAAC;EACjC,OAAAyE,MAAA,GAAO1F,OAAO,CAACkE,MAAM,CAAC,eAACrE,KAAA,CAAA0E,aAAA,CAACoB,MAAM,EAAAD,MAAA,CAAAf,EAAA,WAAAC,aAAA,KAAAgB,aAAA;IAAA,aAAyBtB,QAAQ;IAAA,SAASD;EAAK,GAAAmB,KAAA,IAAI;AACnF;AAEA,SAASK,KAAKA,CAAAC,MAAA,EAAa;EAAA,IAAAC,KAAA,GAAAN,YAAA;IAAAO,MAAA;EAAA,IAAV9B,MAAM,GAAA4B,MAAA,CAAN5B,MAAM;EACrB,IAAM+B,MAAM,GAC2BrF,IAAI;EAA3C,OAAAoF,MAAA,GAAOhG,OAAO,CAACkE,MAAM,CAAC,eAACrE,KAAA,CAAA0E,aAAA,CAAC0B,MAAM,EAAAD,MAAA,CAAArB,EAAA,WAAAC,aAAA,KAAAsB,aAAA;IAAA,OAAmB,KAAK;IAAA,QAAO,GAAG;IAAA,cAAc;EAAM,GAAAH,KAAA,IAAI;AAC1F;AAEA,SAASI,UAAUA,CAAAC,MAAA,EAAa;EAAA,IAAAC,KAAA,GAAAZ,YAAA;IAAAa,MAAA;EAAA,IAAVpC,MAAM,GAAAkC,MAAA,CAANlC,MAAM;EAC1B,IAAMqC,KAAK,GAC2B3F,IAAI;EAA1C,OAAA0F,MAAA,GAAOtG,OAAO,CAACkE,MAAM,CAAC,eAACrE,KAAA,CAAA0E,aAAA,CAACgC,KAAK,EAAAD,MAAA,CAAA3B,EAAA,UAAAC,aAAA,KAAA4B,aAAA;IAAA,OAAmB;EAAK,GAAAH,KAAA,IAAG;AAC1D;AAEA,SAASI,OAAOA,CAAAC,MAAA,EAAa;EAAA,IAAAC,KAAA,GAAAlB,YAAA;IAAAmB,MAAA;EAAA,IAAV1C,MAAM,GAAAwC,MAAA,CAANxC,MAAM;EACvB,IAAM2C,QAAQ,GAC2B3G,GAAG;EAA5C,OAAA0G,MAAA,GAAO5G,OAAO,CAACkE,MAAM,CAAC,eAACrE,KAAA,CAAA0E,aAAA,CAACsC,QAAQ,EAAAD,MAAA,CAAAjC,EAAA,aAAAC,aAAA,KAAAkC,aAAA,KAAAH,KAAA,IAAgB;AAClD;AAEA,SAASI,OAAOA,CAAAC,MAAA,EAAa;EAAA,IAAAC,KAAA,GAAAxB,YAAA;IAAAyB,MAAA;EAAA,IAAVhD,MAAM,GAAA8C,MAAA,CAAN9C,MAAM;EACvB,IAAMiD,QAAQ,GAC2BjH,GAAG;EAA5C,OAAAgH,MAAA,GAAOlH,OAAO,CAACkE,MAAM,CAAC,eAACrE,KAAA,CAAA0E,aAAA,CAAC4C,QAAQ,EAAAD,MAAA,CAAAvC,EAAA,aAAAC,aAAA,KAAAwC,aAAA,KAAAH,KAAA,IAAgB;AAClD;AAEA,SAASI,SAASA,CAAAC,MAAA,EAA0B;EAAA,IAAAC,KAAA,GAAA9B,YAAA;IAAA+B,MAAA;EAAA,IAAvBtD,MAAM,GAAAoD,MAAA,CAANpD,MAAM;IAAER,WAAW,GAAA4D,MAAA,CAAX5D,WAAW;EACtC,IAAM+D,UAAU,GAEMvH,GAAG;EADzB,OAAAsH,MAAA,GAAOxH,OAAO,CAACkE,MAAM,CAAC,eACpBrE,KAAA,CAAA0E,aAAA,CAACkD,UAAU,EAAAD,MAAA,CAAA7C,EAAA,eAAAC,aAAA,KAAA8C,aAAA;IAAA,OAAmBtH,UAAU;IAAA;IAAA,cAA0BsD,WAAW,CAAC,OAAO;EAAC,GAAA6D,KAAA,IAAI;AAE9F;AAEA,SAASI,KAAKA,CAAAC,MAAA,EAA0B;EAAA,IAAAC,KAAA,GAAApC,YAAA;IAAAqC,MAAA;EAAA,IAAvB5D,MAAM,GAAA0D,MAAA,CAAN1D,MAAM;IAAER,WAAW,GAAAkE,MAAA,CAAXlE,WAAW;EAClC,IAAM+D,UAAU,GAGJtH,MAAM;EAFlB,OAAA2H,MAAA,GAAO9H,OAAO,CAACkE,MAAM,CAAC,eACpBrE,KAAA,CAAA0E,aAAA,CAACkD,UAAU,EAAAK,MAAA,CAAAnD,EAAA,eAAAC,aAAA,KAAAmD,aAAA;IAAA,aAEE3H,UAAU;IAAA,OACjB,UAAU;IAAA,SACR,OAAO;IAAA,cACDsD,WAAW,CAAC,OAAO;EAAC,GAAAmE,KAAA,IAChC;AAEN;AAEA,IAAMG,MAAM,GAAGlI,eAAe,CAACqB,UAAU,EAAE;EACzCmE,KAAK,EAALA,KAAK;EACLO,KAAK,EAAEA,KAAK;EACZjF,IAAI,EAAEuF,UAAU;EAChBM,OAAO,EAAPA,OAAO;EACPM,OAAO,EAAPA,OAAO;EACPM,SAAS,EAATA,SAAS;EACTM,KAAK,EAALA;AACF,CAAC,CAAC;AAEF,eAAeK,MAAM"}

package/notice/lib/esm/Notice.mjs

@@ -1,78 +1,78 @@
 import g from "@babel/runtime/helpers/esm/objectSpread2";
-import E from "@babel/runtime/helpers/esm/classCallCheck";
-import L from "@babel/runtime/helpers/esm/createClass";
-import A from "@babel/runtime/helpers/esm/assertThisInitialized";
-import z from "@babel/runtime/helpers/esm/inherits";
-import D from "@babel/runtime/helpers/esm/createSuper";
-import h from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled as M } from 'intergalactic/utils/lib/core/index';
-import R, { sstyled as l, assignProps as m, Component as $ } from 'intergalactic/core';
+import L from "@babel/runtime/helpers/esm/classCallCheck";
+import A from "@babel/runtime/helpers/esm/createClass";
+import z from "@babel/runtime/helpers/esm/assertThisInitialized";
+import D from "@babel/runtime/helpers/esm/inherits";
+import M from "@babel/runtime/helpers/esm/createSuper";
+import u from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as R } from 'intergalactic/utils/lib/core/index';
+import $, { sstyled as l, assignProps as s, Component as B } from 'intergalactic/core';
 import n from "react";
-import { Box as u } from 'intergalactic/flex-box';
-import B from 'intergalactic/button';
-import w from 'intergalactic/icon/Close/m';
-import G from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
-import { FadeInOut as O } from 'intergalactic/animation';
-import d from 'intergalactic/utils/lib/logger';
-import V from 'intergalactic/notice-global';
-import { localizedMessages as b } from "./translations/__intergalactic-dynamic-locales.mjs";
-import j from 'intergalactic/utils/lib/enhances/i18nEnhance';
-import { cssVariableEnhance as q } from 'intergalactic/utils/lib/useCssVariable';
-import { Text as S } from 'intergalactic/typography';
-var F = (
+import { Box as f } from 'intergalactic/flex-box';
+import G from 'intergalactic/button';
+import b from 'intergalactic/icon/Close/m';
+import O from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
+import { FadeInOut as V } from 'intergalactic/animation';
+import p from 'intergalactic/utils/lib/logger';
+import j from 'intergalactic/notice-global';
+import { localizedMessages as S } from "./translations/__intergalactic-dynamic-locales.mjs";
+import q from 'intergalactic/utils/lib/enhances/i18nEnhance';
+import { cssVariableEnhance as F } from 'intergalactic/utils/lib/useCssVariable';
+import { Text as y } from 'intergalactic/typography';
+var W = (
   /*__reshadow_css_start__*/
-  (M.insert(
+  (R.insert(
     /*__inner_css_start__*/
-    ".___SNotice_1phmw_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_1phmw_gg_._theme_info_1phmw_gg_{background-color:var(--intergalactic-bg-secondary-info, #e9f7ff);border-color:var(--intergalactic-border-info, #8ecdff)}.___SNotice_1phmw_gg_._theme_info_1phmw_gg_ .___SCloseIcon_1phmw_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SNotice_1phmw_gg_._theme_info_1phmw_gg_ .___SCloseIcon_1phmw_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SNotice_1phmw_gg_._theme_danger_1phmw_gg_{background-color:var(--intergalactic-bg-secondary-critical, #fff0f7);border-color:var(--intergalactic-border-critical, #ffaeb5)}.___SNotice_1phmw_gg_._theme_danger_1phmw_gg_ .___SCloseIcon_1phmw_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}@media (hover:hover){.___SNotice_1phmw_gg_._theme_danger_1phmw_gg_ .___SCloseIcon_1phmw_gg_:hover{color:var(--intergalactic-icon-primary-critical-hover-active, #CC3A42)}}.___SNotice_1phmw_gg_._theme_warning_1phmw_gg_{background-color:var(--intergalactic-bg-secondary-warning, #fff3d9);border-color:var(--intergalactic-border-warning, #ffb26e)}.___SNotice_1phmw_gg_._theme_warning_1phmw_gg_ .___SCloseIcon_1phmw_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SNotice_1phmw_gg_._theme_warning_1phmw_gg_ .___SCloseIcon_1phmw_gg_:hover{color:var(--intergalactic-icon-primary-warning-hover-active, #CC5024)}}.___SNotice_1phmw_gg_._theme_success_1phmw_gg_{background-color:var(--intergalactic-bg-secondary-success, #dbfee8);border-color:var(--intergalactic-border-success, #59ddaa)}.___SNotice_1phmw_gg_._theme_success_1phmw_gg_ .___SCloseIcon_1phmw_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}@media (hover:hover){.___SNotice_1phmw_gg_._theme_success_1phmw_gg_ .___SCloseIcon_1phmw_gg_:hover{color:var(--intergalactic-icon-primary-success-hover-active, #037E68)}}.___SNotice_1phmw_gg_._theme_muted_1phmw_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9);border-color:var(--intergalactic-border-secondary, #e0e1e9)}.___SLabel_1phmw_gg_._theme_info_1phmw_gg_,.___SNotice_1phmw_gg_._theme_muted_1phmw_gg_ .___SCloseIcon_1phmw_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SNotice_1phmw_gg_._theme_muted_1phmw_gg_ .___SCloseIcon_1phmw_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SContent_1phmw_gg_{flex:1 1 auto;width:100%}.___SActions_1phmw_gg_{flex-shrink:0;margin-top:var(--intergalactic-spacing-3x, 12px)}.___SLabel_1phmw_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_1phmw_gg_._theme_danger_1phmw_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}.___SLabel_1phmw_gg_._theme_warning_1phmw_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}.___SLabel_1phmw_gg_._theme_success_1phmw_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}.___SLabel_1phmw_gg_._theme_muted_1phmw_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SLabel_1phmw_gg_._theme_custom_1phmw_gg_{color:var(--color_1phmw)}.___SCloseIcon_1phmw_gg_{flex-shrink:0;margin-left:var(--intergalactic-spacing-4x, 16px)}.___SNotice_1phmw_gg_._theme_custom_1phmw_gg_{background-color:var(--backgroundColor_1phmw);border-color:var(--backgroundColor_1phmw)}.___STitle_1phmw_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SText_1phmw_gg_{margin-top:var(--intergalactic-spacing-1x, 4px);margin-bottom:var(--intergalactic-spacing-1x, 4px)}",
-    "1phmw_gg_"
+    ".___SNotice_1ri00_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_1ri00_gg_._theme_info_1ri00_gg_{background-color:var(--intergalactic-bg-secondary-info, #e9f7ff);border-color:var(--intergalactic-border-info, #8ecdff)}.___SNotice_1ri00_gg_._theme_info_1ri00_gg_ .___SCloseIcon_1ri00_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SNotice_1ri00_gg_._theme_info_1ri00_gg_ .___SCloseIcon_1ri00_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SNotice_1ri00_gg_._theme_danger_1ri00_gg_{background-color:var(--intergalactic-bg-secondary-critical, #fff0f7);border-color:var(--intergalactic-border-critical, #ffaeb5)}.___SNotice_1ri00_gg_._theme_danger_1ri00_gg_ .___SCloseIcon_1ri00_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}@media (hover:hover){.___SNotice_1ri00_gg_._theme_danger_1ri00_gg_ .___SCloseIcon_1ri00_gg_:hover{color:var(--intergalactic-icon-primary-critical-hover-active, #CC3A42)}}.___SNotice_1ri00_gg_._theme_warning_1ri00_gg_{background-color:var(--intergalactic-bg-secondary-warning, #fff3d9);border-color:var(--intergalactic-border-warning, #ffb26e)}.___SNotice_1ri00_gg_._theme_warning_1ri00_gg_ .___SCloseIcon_1ri00_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SNotice_1ri00_gg_._theme_warning_1ri00_gg_ .___SCloseIcon_1ri00_gg_:hover{color:var(--intergalactic-icon-primary-warning-hover-active, #CC5024)}}.___SNotice_1ri00_gg_._theme_success_1ri00_gg_{background-color:var(--intergalactic-bg-secondary-success, #dbfee8);border-color:var(--intergalactic-border-success, #59ddaa)}.___SNotice_1ri00_gg_._theme_success_1ri00_gg_ .___SCloseIcon_1ri00_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}@media (hover:hover){.___SNotice_1ri00_gg_._theme_success_1ri00_gg_ .___SCloseIcon_1ri00_gg_:hover{color:var(--intergalactic-icon-primary-success-hover-active, #037E68)}}.___SNotice_1ri00_gg_._theme_muted_1ri00_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9);border-color:var(--intergalactic-border-secondary, #e0e1e9)}.___SLabel_1ri00_gg_._theme_info_1ri00_gg_,.___SNotice_1ri00_gg_._theme_muted_1ri00_gg_ .___SCloseIcon_1ri00_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SNotice_1ri00_gg_._theme_muted_1ri00_gg_ .___SCloseIcon_1ri00_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SContent_1ri00_gg_{flex:1 1 auto;width:100%}.___SActions_1ri00_gg_{flex-shrink:0;margin-top:var(--intergalactic-spacing-3x, 12px)}.___SLabel_1ri00_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_1ri00_gg_._theme_danger_1ri00_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}.___SLabel_1ri00_gg_._theme_warning_1ri00_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}.___SLabel_1ri00_gg_._theme_success_1ri00_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}.___SLabel_1ri00_gg_._theme_muted_1ri00_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SLabel_1ri00_gg_._theme_custom_1ri00_gg_{color:var(--color_1ri00)}.___SCloseIcon_1ri00_gg_{flex-shrink:0;margin-left:var(--intergalactic-spacing-4x, 16px)}.___SNotice_1ri00_gg_._theme_custom_1ri00_gg_{background-color:var(--backgroundColor_1ri00);border-color:var(--backgroundColor_1ri00)}.___STitle_1ri00_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SText_1ri00_gg_{margin-top:var(--intergalactic-spacing-1x, 4px);margin-bottom:var(--intergalactic-spacing-1x, 4px)}",
+    "1ri00_gg_"
   ), {
-    __SNotice: "___SNotice_1phmw_gg_",
-    __SContent: "___SContent_1phmw_gg_",
-    __SActions: "___SActions_1phmw_gg_",
-    __SLabel: "___SLabel_1phmw_gg_",
-    _theme_info: "_theme_info_1phmw_gg_",
-    _theme_danger: "_theme_danger_1phmw_gg_",
-    _theme_warning: "_theme_warning_1phmw_gg_",
-    _theme_success: "_theme_success_1phmw_gg_",
-    _theme_muted: "_theme_muted_1phmw_gg_",
-    _theme_custom: "_theme_custom_1phmw_gg_",
-    "--color": "--color_1phmw",
-    __SCloseIcon: "___SCloseIcon_1phmw_gg_",
-    "--backgroundColor": "--backgroundColor_1phmw",
-    __STitle: "___STitle_1phmw_gg_",
-    __SText: "___SText_1phmw_gg_"
+    __SNotice: "___SNotice_1ri00_gg_",
+    __SContent: "___SContent_1ri00_gg_",
+    __SActions: "___SActions_1ri00_gg_",
+    __SLabel: "___SLabel_1ri00_gg_",
+    _theme_info: "_theme_info_1ri00_gg_",
+    _theme_danger: "_theme_danger_1ri00_gg_",
+    _theme_warning: "_theme_warning_1ri00_gg_",
+    _theme_success: "_theme_success_1ri00_gg_",
+    _theme_muted: "_theme_muted_1ri00_gg_",
+    _theme_custom: "_theme_custom_1ri00_gg_",
+    "--color": "--color_1ri00",
+    __SCloseIcon: "___SCloseIcon_1ri00_gg_",
+    "--backgroundColor": "--backgroundColor_1ri00",
+    __STitle: "___STitle_1ri00_gg_",
+    __SText: "___SText_1ri00_gg_"
   })
 );
-function y(_) {
+function C(_) {
   return !["danger", "warning", "success", "info", "muted"].includes(_);
 }
-var p = /* @__PURE__ */ function(_) {
-  z(r, _);
-  var o = D(r);
+var v = /* @__PURE__ */ function(_) {
+  D(r, _);
+  var i = M(r);
   function r() {
     var t;
-    E(this, r);
-    for (var e = arguments.length, a = new Array(e), i = 0; i < e; i++)
-      a[i] = arguments[i];
-    return t = o.call.apply(o, [this].concat(a)), h(A(t), "ref", /* @__PURE__ */ n.createRef()), t;
+    L(this, r);
+    for (var e = arguments.length, o = new Array(e), a = 0; a < e; a++)
+      o[a] = arguments[a];
+    return t = i.call.apply(i, [this].concat(o)), u(z(t), "ref", /* @__PURE__ */ n.createRef()), t;
   }
-  return L(r, [{
+  return A(r, [{
     key: "componentDidMount",
     value: function() {
       if (this.ref.current && process.env.NODE_ENV !== "production" && !["muted", "danger"].includes(this.props.theme)) {
-        var e = function(i) {
-          return !!(i.hasAttribute("aria-label") || i.hasAttribute("aria-labelledby") || i.hasAttribute("title"));
+        var e = function(a) {
+          return !!(a.hasAttribute("aria-label") || a.hasAttribute("aria-labelledby") || a.hasAttribute("title"));
         };
-        d.warn(!e(this.ref.current), "Provide unique 'title' or 'aria-label' or 'aria-labelledby' to help identify the type and importance of notification", this.props["data-ui-name"] || r.displayName);
+        p.warn(!e(this.ref.current), "Provide unique 'title' or 'aria-label' or 'aria-labelledby' to help identify the type and importance of notification", this.props["data-ui-name"] || r.displayName);
       }
     }
   }, {
     key: "getLabelProps",
     value: function() {
-      var e = this.asProps, a = e.theme, i = e.resolveColor;
+      var e = this.asProps, o = e.theme, a = e.resolveColor;
       return {
-        theme: a,
-        resolveColor: i
+        theme: o,
+        resolveColor: a
       };
     }
   }, {
@@ -94,89 +94,91 @@ var p = /* @__PURE__ */ function(_) {
   }, {
     key: "render",
     value: function() {
-      var e = this.asProps, a, i = O, c = this.asProps, f = c.Children, C = c.styles, x = c.hidden, s = c.theme, N = c.use, I = c.resolveColor, T = c.getI18nText, P = I(s), k = y(s) ? "custom" : s;
-      if (N === "primary")
-        return d.warn(!0, 'Deprecated property-value pair "use=primary", use component <NoticeGlobal/> instead', r.displayName), /* @__PURE__ */ n.createElement(V, this.asProps);
-      var v = T(s === "danger" ? "criticalNotification" : "notification");
-      return s === "muted" && (v = void 0), a = l(C), /* @__PURE__ */ n.createElement(i, a.cn("SNotice", g({}, m({
-        visible: !x,
-        "use:theme": k,
-        backgroundColor: P,
-        role: "region",
-        "aria-label": v,
+      var e = this.asProps, o, a = V, c = this.asProps, h = c.Children, x = c.styles, N = c.hidden, m = c.theme, I = c.use, T = c.resolveColor, P = c.getI18nText, k = T(m), w = C(m) ? "custom" : m;
+      if (I === "primary")
+        return p.warn(!0, 'Deprecated property-value pair "use=primary", use component <NoticeGlobal/> instead', r.displayName), /* @__PURE__ */ n.createElement(j, this.asProps);
+      var d = P(m === "danger" ? "criticalNotification" : "notification");
+      m === "muted" && (d = void 0);
+      var E = m === "muted" ? void 0 : "region";
+      return o = l(x), /* @__PURE__ */ n.createElement(a, o.cn("SNotice", g({}, s({
+        visible: !N,
+        "use:theme": w,
+        backgroundColor: k,
+        role: E,
+        "aria-label": d,
         ref: this.ref
-      }, e))), /* @__PURE__ */ n.createElement(f, a.cn("Children", {})));
+      }, e))), /* @__PURE__ */ n.createElement(h, o.cn("Children", {})));
     }
   }]), r;
-}($);
-h(p, "displayName", "Notice");
-h(p, "style", F);
-h(p, "enhance", [j(b), q({
+}(B);
+u(v, "displayName", "Notice");
+u(v, "style", W);
+u(v, "enhance", [q(S), F({
   variable: "--intergalactic-duration-popper",
   fallback: "200",
   map: Number.parseInt,
   prop: "duration"
-}), G()]);
-h(p, "defaultProps", {
+}), O()]);
+u(v, "defaultProps", {
   theme: "info",
-  i18n: b,
+  i18n: S,
   locale: "en"
 });
-function W(_) {
-  var o = arguments[0], r, t = _.styles, e = _.theme, a = _.resolveColor, i = u, c = y(e) ? "custom" : e, f = a(e);
-  return r = l(t), /* @__PURE__ */ n.createElement(i, r.cn("SLabel", g({}, m({
+function H(_) {
+  var i = arguments[0], r, t = _.styles, e = _.theme, o = _.resolveColor, a = f, c = C(e) ? "custom" : e, h = o(e);
+  return r = l(t), /* @__PURE__ */ n.createElement(a, r.cn("SLabel", g({}, s({
     "use:theme": c,
-    color: f
-  }, o))));
+    color: h
+  }, i))));
 }
-function H(_) {
-  var o = arguments[0], r, t = _.styles, e = S;
-  return r = l(t), /* @__PURE__ */ n.createElement(e, r.cn("STitle", g({}, m({
+function J(_) {
+  var i = arguments[0], r, t = _.styles, e = y;
+  return r = l(t), /* @__PURE__ */ n.createElement(e, r.cn("STitle", g({}, s({
     tag: "div",
     size: 300,
     fontWeight: "bold"
-  }, o))));
-}
-function J(_) {
-  var o = arguments[0], r, t = _.styles, e = S;
-  return r = l(t), /* @__PURE__ */ n.createElement(e, r.cn("SText", g({}, m({
-    tag: "div"
-  }, o))));
+  }, i))));
 }
 function K(_) {
-  var o = arguments[0], r, t = _.styles, e = u;
-  return r = l(t), /* @__PURE__ */ n.createElement(e, r.cn("SActions", g({}, m({}, o))));
+  var i = arguments[0], r, t = _.styles, e = y;
+  return r = l(t), /* @__PURE__ */ n.createElement(e, r.cn("SText", g({}, s({
+    tag: "div"
+  }, i))));
 }
 function Q(_) {
-  var o = arguments[0], r, t = _.styles, e = u;
-  return r = l(t), /* @__PURE__ */ n.createElement(e, r.cn("SContent", g({}, m({}, o))));
+  var i = arguments[0], r, t = _.styles, e = f;
+  return r = l(t), /* @__PURE__ */ n.createElement(e, r.cn("SActions", g({}, s({}, i))));
 }
 function U(_) {
-  var o = arguments[0], r, t = _.styles, e = _.getI18nText, a = u;
-  return r = l(t), /* @__PURE__ */ n.createElement(a, r.cn("SCloseIcon", g({}, m({
-    tag: w,
+  var i = arguments[0], r, t = _.styles, e = f;
+  return r = l(t), /* @__PURE__ */ n.createElement(e, r.cn("SContent", g({}, s({}, i))));
+}
+function X(_) {
+  var i = arguments[0], r, t = _.styles, e = _.getI18nText, o = f;
+  return r = l(t), /* @__PURE__ */ n.createElement(o, r.cn("SCloseIcon", g({}, s({
+    tag: b,
     interactive: !0,
     "aria-label": e("close")
-  }, o))));
+  }, i))));
 }
-function X(_) {
-  var o = arguments[0], r, t = _.styles, e = _.getI18nText, a = B;
-  return r = l(t), /* @__PURE__ */ n.createElement(a, r.cn("SCloseIcon", g({}, m({
-    addonLeft: w,
+function Y(_) {
+  var i = arguments[0], r, t = _.styles, e = _.getI18nText, o = G;
+  return r = l(t), /* @__PURE__ */ n.createElement(o, r.cn("SCloseIcon", g({}, s({
+    addonLeft: b,
     use: "tertiary",
     theme: "muted",
     "aria-label": e("close")
-  }, o))));
+  }, i))));
 }
-var we = R(p, {
-  Label: W,
-  Title: H,
-  Text: J,
-  Actions: K,
-  Content: Q,
-  CloseIcon: U,
-  Close: X
+var Se = $(v, {
+  Label: H,
+  Title: J,
+  Text: K,
+  Actions: Q,
+  Content: U,
+  CloseIcon: X,
+  Close: Y
 });
 export {
-  we as default
+  Se as default
 };

package/notice/package.json

@@ -1 +1 @@
-{"name":"intergalactic/notice","description":"Semrush Notice Component","version":"5.45.1-prerelease.8","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js && pnpm vite build"},"exports":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.mjs","types":"./lib/types/index.d.ts"},"dependencies":{"@semcore/animation":"2.41.1-prerelease.8","@semcore/utils":"4.48.1-prerelease.8","@semcore/button":"5.42.1-prerelease.8","@semcore/flex-box":"5.41.1-prerelease.8","@semcore/icon":"4.60.1-prerelease.8","@semcore/notice-global":"2.60.1-prerelease.8","@semcore/typography":"5.52.1-prerelease.8"},"peerDependencies":{"@semcore/core":"^2.39.1-prerelease.8","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/notice"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/notice","description":"Semrush Notice Component","version":"5.46.0-prerelease.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js && pnpm vite build"},"exports":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.mjs","types":"./lib/types/index.d.ts"},"dependencies":{"@semcore/animation":"2.41.1","@semcore/utils":"4.48.1","@semcore/button":"5.43.0-prerelease.0","@semcore/flex-box":"5.41.1","@semcore/icon":"4.60.1","@semcore/notice-global":"2.61.0-prerelease.0","@semcore/typography":"5.52.1"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/notice"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

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

@@ -40,21 +40,21 @@ var _getFocusableIn = require("intergalactic/utils/lib/focus-lock/getFocusableIn
 var _excluded = ["focusLock"],
   _excluded2 = ["forwardRef", "styles", "onMouseEnter", "onMouseLeave", "getI18nText", "icon", "children", "action", "type"];
 /*__reshadow-styles__:"./style/notice-bubble.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes enter_19l6e{0%{transform:translate(100%,0);max-height:0;overflow:hidden}to{transform:translate(0,0);max-height:100vh;overflow:hidden}}@keyframes exit_19l6e{0%{max-height:100vh;overflow:hidden;opacity:1}to{max-height:0;overflow:hidden;opacity:0}}.___SBubble_19l6e_gg_,.___SView_19l6e_gg_{position:relative;margin-bottom:var(--intergalactic-spacing-3x, 12px);padding:var(--intergalactic-spacing-3x, 12px);padding-right:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px));width:100%;border-radius:var(--intergalactic-popper-rounded, 6px);overflow:hidden;box-sizing:border-box;color:var(--intergalactic-text-primary-invert, #ffffff);gap:var(--intergalactic-spacing-2x, 8px)}.___SBubble_19l6e_gg_._type_info_19l6e_gg_,.___SView_19l6e_gg_._type_info_19l6e_gg_{background:var(--intergalactic-bg-primary-invert, #191b23)}.___SBubble_19l6e_gg_._type_warning_19l6e_gg_,.___SView_19l6e_gg_._type_warning_19l6e_gg_{background:var(--intergalactic-bg-primary-critical, #ff4953)}.___SContent_19l6e_gg_{flex-direction:column;gap:var(--intergalactic-spacing-2x, 8px);flex:1}.___SMessage_19l6e_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SDismiss_19l6e_gg_{cursor:pointer;position:absolute;right:0;top:0;margin-top:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px);margin-bottom:var(--intergalactic-spacing-2x, 8px);flex-shrink:0;border:0;background:0 0}.___SDismiss_19l6e_gg_.__use_19l6e_gg_{padding:0 1px}.___SIcon_19l6e_gg_{justify-content:center;align-items:center;height:var(--intergalactic-spacing-5x, 20px)}.___SNoticeBubble_19l6e_gg_{width:300px;position:fixed;right:var(--intergalactic-spacing-3x, 12px);top:var(--intergalactic-spacing-3x, 12px)}@media (max-width:767px){.___SNoticeBubble_19l6e_gg_{width:calc(100% - var(--intergalactic-spacing-6x, 24px))}}.___SNoticeBubble_19l6e_gg_.__disablePortal_19l6e_gg_{position:sticky;margin-left:auto;height:0}.___SMessage_19l6e_gg_ a{color:var(--intergalactic-text-link-invert, #8ecdff)}.___SNoticeAriaLiveWrapper_19l6e_gg_{display:contents}" /*__inner_css_end__*/, "19l6e_gg_") /*__reshadow_css_end__*/, {
-  "__SContent": "___SContent_19l6e_gg_",
-  "__SMessage": "___SMessage_19l6e_gg_",
-  "__SDismiss": "___SDismiss_19l6e_gg_",
-  "_use": "__use_19l6e_gg_",
-  "__SIcon": "___SIcon_19l6e_gg_",
-  "__SNoticeBubble": "___SNoticeBubble_19l6e_gg_",
-  "_disablePortal": "__disablePortal_19l6e_gg_",
-  "__SNoticeAriaLiveWrapper": "___SNoticeAriaLiveWrapper_19l6e_gg_",
-  "@enter": "enter_19l6e",
-  "@exit": "exit_19l6e",
-  "__SBubble": "___SBubble_19l6e_gg_",
-  "__SView": "___SView_19l6e_gg_",
-  "_type_info": "_type_info_19l6e_gg_",
-  "_type_warning": "_type_warning_19l6e_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes enter_1gvsg{0%{transform:translate(100%,0);max-height:0;overflow:hidden}to{transform:translate(0,0);max-height:100vh;overflow:hidden}}@keyframes exit_1gvsg{0%{max-height:100vh;overflow:hidden;opacity:1}to{max-height:0;overflow:hidden;opacity:0}}.___SBubble_1gvsg_gg_,.___SView_1gvsg_gg_{position:relative;margin-bottom:var(--intergalactic-spacing-3x, 12px);padding:var(--intergalactic-spacing-3x, 12px);padding-right:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px));width:100%;border-radius:var(--intergalactic-popper-rounded, 6px);overflow:hidden;box-sizing:border-box;color:var(--intergalactic-text-primary-invert, #ffffff);gap:var(--intergalactic-spacing-2x, 8px)}.___SBubble_1gvsg_gg_._type_info_1gvsg_gg_,.___SView_1gvsg_gg_._type_info_1gvsg_gg_{background:var(--intergalactic-bg-primary-invert, #191b23)}.___SBubble_1gvsg_gg_._type_warning_1gvsg_gg_,.___SView_1gvsg_gg_._type_warning_1gvsg_gg_{background:var(--intergalactic-bg-primary-critical, #ff4953)}.___SContent_1gvsg_gg_{flex-direction:column;gap:var(--intergalactic-spacing-2x, 8px);flex:1}.___SMessage_1gvsg_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SDismiss_1gvsg_gg_{cursor:pointer;position:absolute;right:0;top:0;margin-top:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px);margin-bottom:var(--intergalactic-spacing-2x, 8px);flex-shrink:0;border:0;background:0 0}.___SDismiss_1gvsg_gg_.__use_1gvsg_gg_{padding:0 1px}.___SIcon_1gvsg_gg_{justify-content:center;align-items:center;height:var(--intergalactic-spacing-5x, 20px)}.___SNoticeBubble_1gvsg_gg_{width:300px;position:fixed;right:var(--intergalactic-spacing-3x, 12px);top:var(--intergalactic-spacing-3x, 12px)}@media (max-width:767px){.___SNoticeBubble_1gvsg_gg_{width:calc(100% - var(--intergalactic-spacing-6x, 24px))}}.___SNoticeBubble_1gvsg_gg_.__disablePortal_1gvsg_gg_{position:sticky;margin-left:auto;height:0}.___SMessage_1gvsg_gg_ a{color:var(--intergalactic-text-link-invert, #8ecdff)}.___SNoticeAriaLiveWrapper_1gvsg_gg_{display:contents}" /*__inner_css_end__*/, "1gvsg_gg_") /*__reshadow_css_end__*/, {
+  "__SContent": "___SContent_1gvsg_gg_",
+  "__SMessage": "___SMessage_1gvsg_gg_",
+  "__SDismiss": "___SDismiss_1gvsg_gg_",
+  "_use": "__use_1gvsg_gg_",
+  "__SIcon": "___SIcon_1gvsg_gg_",
+  "__SNoticeBubble": "___SNoticeBubble_1gvsg_gg_",
+  "_disablePortal": "__disablePortal_1gvsg_gg_",
+  "__SNoticeAriaLiveWrapper": "___SNoticeAriaLiveWrapper_1gvsg_gg_",
+  "@enter": "enter_1gvsg",
+  "@exit": "exit_1gvsg",
+  "__SBubble": "___SBubble_1gvsg_gg_",
+  "__SView": "___SView_1gvsg_gg_",
+  "_type_info": "_type_info_1gvsg_gg_",
+  "_type_warning": "_type_warning_1gvsg_gg_"
 });
 var Notices = function Notices(props) {
   var styles = props.styles,

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

@@ -31,21 +31,21 @@ import { useFocusLock } from 'intergalactic/utils/lib/use/useFocusLock';
 import { Hint } from 'intergalactic/tooltip';
 import { ZIndexStackingContextProvider, zIndexStackingEnhance } from 'intergalactic/utils/lib/zIndexStacking';
 /*__reshadow-styles__:"./style/notice-bubble.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes enter_19l6e{0%{transform:translate(100%,0);max-height:0;overflow:hidden}to{transform:translate(0,0);max-height:100vh;overflow:hidden}}@keyframes exit_19l6e{0%{max-height:100vh;overflow:hidden;opacity:1}to{max-height:0;overflow:hidden;opacity:0}}.___SBubble_19l6e_gg_,.___SView_19l6e_gg_{position:relative;margin-bottom:var(--intergalactic-spacing-3x, 12px);padding:var(--intergalactic-spacing-3x, 12px);padding-right:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px));width:100%;border-radius:var(--intergalactic-popper-rounded, 6px);overflow:hidden;box-sizing:border-box;color:var(--intergalactic-text-primary-invert, #ffffff);gap:var(--intergalactic-spacing-2x, 8px)}.___SBubble_19l6e_gg_._type_info_19l6e_gg_,.___SView_19l6e_gg_._type_info_19l6e_gg_{background:var(--intergalactic-bg-primary-invert, #191b23)}.___SBubble_19l6e_gg_._type_warning_19l6e_gg_,.___SView_19l6e_gg_._type_warning_19l6e_gg_{background:var(--intergalactic-bg-primary-critical, #ff4953)}.___SContent_19l6e_gg_{flex-direction:column;gap:var(--intergalactic-spacing-2x, 8px);flex:1}.___SMessage_19l6e_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SDismiss_19l6e_gg_{cursor:pointer;position:absolute;right:0;top:0;margin-top:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px);margin-bottom:var(--intergalactic-spacing-2x, 8px);flex-shrink:0;border:0;background:0 0}.___SDismiss_19l6e_gg_.__use_19l6e_gg_{padding:0 1px}.___SIcon_19l6e_gg_{justify-content:center;align-items:center;height:var(--intergalactic-spacing-5x, 20px)}.___SNoticeBubble_19l6e_gg_{width:300px;position:fixed;right:var(--intergalactic-spacing-3x, 12px);top:var(--intergalactic-spacing-3x, 12px)}@media (max-width:767px){.___SNoticeBubble_19l6e_gg_{width:calc(100% - var(--intergalactic-spacing-6x, 24px))}}.___SNoticeBubble_19l6e_gg_.__disablePortal_19l6e_gg_{position:sticky;margin-left:auto;height:0}.___SMessage_19l6e_gg_ a{color:var(--intergalactic-text-link-invert, #8ecdff)}.___SNoticeAriaLiveWrapper_19l6e_gg_{display:contents}" /*__inner_css_end__*/, "19l6e_gg_") /*__reshadow_css_end__*/, {
-  "__SContent": "___SContent_19l6e_gg_",
-  "__SMessage": "___SMessage_19l6e_gg_",
-  "__SDismiss": "___SDismiss_19l6e_gg_",
-  "_use": "__use_19l6e_gg_",
-  "__SIcon": "___SIcon_19l6e_gg_",
-  "__SNoticeBubble": "___SNoticeBubble_19l6e_gg_",
-  "_disablePortal": "__disablePortal_19l6e_gg_",
-  "__SNoticeAriaLiveWrapper": "___SNoticeAriaLiveWrapper_19l6e_gg_",
-  "@enter": "enter_19l6e",
-  "@exit": "exit_19l6e",
-  "__SBubble": "___SBubble_19l6e_gg_",
-  "__SView": "___SView_19l6e_gg_",
-  "_type_info": "_type_info_19l6e_gg_",
-  "_type_warning": "_type_warning_19l6e_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes enter_1gvsg{0%{transform:translate(100%,0);max-height:0;overflow:hidden}to{transform:translate(0,0);max-height:100vh;overflow:hidden}}@keyframes exit_1gvsg{0%{max-height:100vh;overflow:hidden;opacity:1}to{max-height:0;overflow:hidden;opacity:0}}.___SBubble_1gvsg_gg_,.___SView_1gvsg_gg_{position:relative;margin-bottom:var(--intergalactic-spacing-3x, 12px);padding:var(--intergalactic-spacing-3x, 12px);padding-right:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px));width:100%;border-radius:var(--intergalactic-popper-rounded, 6px);overflow:hidden;box-sizing:border-box;color:var(--intergalactic-text-primary-invert, #ffffff);gap:var(--intergalactic-spacing-2x, 8px)}.___SBubble_1gvsg_gg_._type_info_1gvsg_gg_,.___SView_1gvsg_gg_._type_info_1gvsg_gg_{background:var(--intergalactic-bg-primary-invert, #191b23)}.___SBubble_1gvsg_gg_._type_warning_1gvsg_gg_,.___SView_1gvsg_gg_._type_warning_1gvsg_gg_{background:var(--intergalactic-bg-primary-critical, #ff4953)}.___SContent_1gvsg_gg_{flex-direction:column;gap:var(--intergalactic-spacing-2x, 8px);flex:1}.___SMessage_1gvsg_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SDismiss_1gvsg_gg_{cursor:pointer;position:absolute;right:0;top:0;margin-top:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px);margin-bottom:var(--intergalactic-spacing-2x, 8px);flex-shrink:0;border:0;background:0 0}.___SDismiss_1gvsg_gg_.__use_1gvsg_gg_{padding:0 1px}.___SIcon_1gvsg_gg_{justify-content:center;align-items:center;height:var(--intergalactic-spacing-5x, 20px)}.___SNoticeBubble_1gvsg_gg_{width:300px;position:fixed;right:var(--intergalactic-spacing-3x, 12px);top:var(--intergalactic-spacing-3x, 12px)}@media (max-width:767px){.___SNoticeBubble_1gvsg_gg_{width:calc(100% - var(--intergalactic-spacing-6x, 24px))}}.___SNoticeBubble_1gvsg_gg_.__disablePortal_1gvsg_gg_{position:sticky;margin-left:auto;height:0}.___SMessage_1gvsg_gg_ a{color:var(--intergalactic-text-link-invert, #8ecdff)}.___SNoticeAriaLiveWrapper_1gvsg_gg_{display:contents}" /*__inner_css_end__*/, "1gvsg_gg_") /*__reshadow_css_end__*/, {
+  "__SContent": "___SContent_1gvsg_gg_",
+  "__SMessage": "___SMessage_1gvsg_gg_",
+  "__SDismiss": "___SDismiss_1gvsg_gg_",
+  "_use": "__use_1gvsg_gg_",
+  "__SIcon": "___SIcon_1gvsg_gg_",
+  "__SNoticeBubble": "___SNoticeBubble_1gvsg_gg_",
+  "_disablePortal": "__disablePortal_1gvsg_gg_",
+  "__SNoticeAriaLiveWrapper": "___SNoticeAriaLiveWrapper_1gvsg_gg_",
+  "@enter": "enter_1gvsg",
+  "@exit": "exit_1gvsg",
+  "__SBubble": "___SBubble_1gvsg_gg_",
+  "__SView": "___SView_1gvsg_gg_",
+  "_type_info": "_type_info_1gvsg_gg_",
+  "_type_warning": "_type_warning_1gvsg_gg_"
 });
 import { forkRef, useForkRef } from 'intergalactic/utils/lib/ref';
 import { getFocusableIn } from 'intergalactic/utils/lib/focus-lock/getFocusableIn';