intergalactic 15.54.1 → 15.55.0-prerelease.0-prerelease-ed0bbc02

package/modal/lib/cjs/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_animation","_portal","_flexBox","_outsideClick","_l","_fire","_usePreventScroll","_findComponent","_keyboardFocusEnhance","_intergalacticDynamicLocales","_i18nEnhance","_typography","_uniqueID","_useCssVariable","_useFocusLock","_ThemeProvider","style","sstyled","insert","ModalRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","hasTitle","e","key","stopPropagation","fire","_createClass2","value","getOverlayProps","_this$asProps","asProps","duration","visible","animationsDisabled","disablePreventScroll","onOutsideClick","handleOutsideClick","getWindowProps","_this$asProps2","closable","getI18nText","uid","state","onKeyDown","handleKeyDown","undefined","getCloseProps","_this$asProps3","ghost","onClick","handleIconCloseClick","getTitleProps","_this2","setHasTitle","setState","id","render","_ref","_this$asProps4","Children","disablePortal","forcedAdvancedMode","ignorePortalsStacking","advancedMode","isAdvanceMode","Modal","Overlay","displayName","Window","createElement","assignProps","Component","i18nEnhance","localizedMessages","uniqueIDEnhancement","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","i18n","locale","props","_ref2","arguments[0]","_ref6","SWindow","Slide","styles","windowRef","React","useRef","useFocusLock","cn","_objectSpread2","PortalProvider","Close","_ref3","_ref7","SOverlay","FadeInOut","overlayRef","usePreventScroll","useContextTheme","_ref4","_ref8","SClose","Box","hasChildren","children","enhance","keyboardFocusEnhance","Title","_ref5","_ref9","STitle","Text","useEffect","createComponent","_default","exports"],"sources":["../../src/Modal.jsx"],"sourcesContent":["import React from 'react';\nimport { FadeInOut, Slide } from '@semcore/animation';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Portal, { PortalProvider } from '@semcore/portal';\nimport { Box } from '@semcore/flex-box';\nimport OutsideClick from '@semcore/outside-click';\nimport CloseIcon from '@semcore/icon/Close/l';\nimport fire from '@semcore/utils/lib/fire';\nimport usePreventScroll from '@semcore/utils/lib/use/usePreventScroll';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport style from './style/modal.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { Text } from '@semcore/typography';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\nimport { useFocusLock } from '@semcore/utils/lib/use/useFocusLock';\nimport { useContextTheme } from '@semcore/utils/lib/ThemeProvider';\n\nclass ModalRoot extends Component {\n  static displayName = 'Modal';\n  static style = style;\n  static enhance = [\n    i18nEnhance(localizedMessages),\n    uniqueIDEnhancement(),\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-modal',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n  ];\n  static defaultProps = {\n    closable: true,\n    i18n: localizedMessages,\n    locale: 'en',\n    disablePreventScroll: false,\n  };\n  state = { hasTitle: false };\n\n  handleKeyDown = (e) => {\n    if (e.key === 'Escape') {\n      e.stopPropagation();\n      fire(this, 'onClose', 'onEscape', e);\n    }\n  };\n\n  handleIconCloseClick = (e) => {\n    fire(this, 'onClose', 'onCloseClick', e);\n  };\n\n  handleOutsideClick = (e) => {\n    fire(this, 'onClose', 'onOutsideClick', e);\n  };\n\n  getOverlayProps() {\n    const { duration, visible, animationsDisabled, disablePreventScroll } = this.asProps;\n    return {\n      duration,\n      visible,\n      onOutsideClick: this.handleOutsideClick,\n      animationsDisabled,\n      disablePreventScroll,\n    };\n  }\n\n  getWindowProps() {\n    const { visible, closable, getI18nText, uid, duration, animationsDisabled } = this.asProps;\n    const { hasTitle } = this.state;\n    return {\n      visible,\n      closable,\n      onKeyDown: this.handleKeyDown,\n      'aria-label': hasTitle ? undefined : getI18nText('title'),\n      'aria-labelledby': hasTitle ? `igc-${uid}-title` : undefined,\n      duration,\n      animationsDisabled,\n    };\n  }\n\n  getCloseProps() {\n    const { getI18nText, ghost } = this.asProps;\n\n    return {\n      onClick: this.handleIconCloseClick,\n      getI18nText,\n      ghost,\n    };\n  }\n\n  getTitleProps() {\n    const { uid } = this.asProps;\n    const setHasTitle = () => this.setState({ hasTitle: true });\n\n    return {\n      id: `igc-${uid}-title`,\n      setHasTitle,\n    };\n  }\n\n  render() {\n    const { Children, disablePortal, forcedAdvancedMode, ignorePortalsStacking } = this.asProps;\n\n    const advancedMode =\n      forcedAdvancedMode ||\n      isAdvanceMode(Children, [Modal.Overlay.displayName, Modal.Window.displayName]);\n\n    return (\n      <Portal disablePortal={disablePortal} ignorePortalsStacking={ignorePortalsStacking}>\n        {advancedMode ? (\n          <Children />\n        ) : (\n          <Modal.Overlay>\n            <Root render={Modal.Window} />\n          </Modal.Overlay>\n        )}\n      </Portal>\n    );\n  }\n}\n\nfunction Window(props) {\n  const SWindow = Root;\n  const { Children, styles, visible, closable, duration } = props;\n  const windowRef = React.useRef(null);\n\n  useFocusLock(windowRef, true, 'auto', !visible, true);\n\n  return sstyled(styles)(\n    <SWindow\n      render={Slide}\n      initialAnimation={true}\n      slideOrigin='top'\n      visible={visible}\n      role='dialog'\n      aria-modal={true}\n      duration={duration}\n      ref={windowRef}\n    >\n      <PortalProvider value={windowRef}>\n        {closable && <Modal.Close />}\n        <Children />\n      </PortalProvider>\n    </SWindow>,\n  );\n}\n\nfunction Overlay(props) {\n  const SOverlay = Root;\n  const { Children, styles, onOutsideClick, visible } = props;\n  const overlayRef = React.useRef(null);\n  usePreventScroll(visible, props.disablePreventScroll);\n  useContextTheme(overlayRef, visible);\n\n  return sstyled(styles)(\n    <SOverlay render={FadeInOut} ref={overlayRef}>\n      <OutsideClick root={overlayRef} onOutsideClick={onOutsideClick}>\n        <Children />\n      </OutsideClick>\n    </SOverlay>,\n  );\n}\n\nfunction Close(props) {\n  const SClose = Root;\n  const { Children, children: hasChildren, getI18nText } = props;\n  return sstyled(props.styles)(\n    <SClose render={Box} tag='button' tabIndex={0} aria-label={getI18nText('close')}>\n      {hasChildren ? <Children /> : <CloseIcon title={getI18nText('close')} />}\n    </SClose>,\n  );\n}\n\nClose.enhance = [keyboardFocusEnhance()];\n\nfunction Title(props) {\n  const { setHasTitle, styles } = props;\n  const STitle = Root;\n\n  React.useEffect(() => setHasTitle());\n\n  return sstyled(styles)(<STitle render={Text} tag='h2' />);\n}\n\nconst Modal = createComponent(ModalRoot, {\n  Window,\n  Overlay,\n  Close,\n  Title,\n});\n\nexport default Modal;\n"],"mappings":"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"}
+{"version":3,"file":"Modal.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_animation","_portal","_flexBox","_outsideClick","_l","_fire","_usePreventScroll","_findComponent","_keyboardFocusEnhance","_intergalacticDynamicLocales","_i18nEnhance","_typography","_uniqueID","_useCssVariable","_useFocusLock","_ThemeProvider","_useColorResolver","style","sstyled","insert","ModalRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","hasTitle","e","key","stopPropagation","fire","_createClass2","value","getOverlayProps","_this$asProps","asProps","duration","visible","animationsDisabled","disablePreventScroll","onOutsideClick","handleOutsideClick","getWindowProps","_this$asProps2","closable","getI18nText","uid","state","onKeyDown","handleKeyDown","undefined","getCloseProps","_this$asProps3","ghost","onClick","handleIconCloseClick","getTitleProps","_this2","setHasTitle","setState","id","render","_ref","_this$asProps4","Children","disablePortal","forcedAdvancedMode","ignorePortalsStacking","advancedMode","isAdvanceMode","Modal","Overlay","displayName","Window","createElement","assignProps","Component","i18nEnhance","localizedMessages","uniqueIDEnhancement","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","i18n","locale","props","_ref2","arguments[0]","_ref6","SWindow","Slide","styles","windowRef","React","useRef","useFocusLock","cn","_objectSpread2","PortalProvider","Close","_ref3","_ref7","SOverlay","FadeInOut","overlayRef","usePreventScroll","useContextTheme","_ref4","_ref8","SClose","Box","hasChildren","children","enhance","keyboardFocusEnhance","Title","_ref5","_ref9","color","STitle","Text","resolveColor","useColorResolver","useEffect","createComponent","_default","exports"],"sources":["../../src/Modal.jsx"],"sourcesContent":["import React from 'react';\nimport { FadeInOut, Slide } from '@semcore/animation';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Portal, { PortalProvider } from '@semcore/portal';\nimport { Box } from '@semcore/flex-box';\nimport OutsideClick from '@semcore/outside-click';\nimport CloseIcon from '@semcore/icon/Close/l';\nimport fire from '@semcore/utils/lib/fire';\nimport usePreventScroll from '@semcore/utils/lib/use/usePreventScroll';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport style from './style/modal.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { Text } from '@semcore/typography';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\nimport { useFocusLock } from '@semcore/utils/lib/use/useFocusLock';\nimport { useContextTheme } from '@semcore/utils/lib/ThemeProvider';\nimport { useColorResolver } from '@semcore/utils/lib/use/useColorResolver';\n\nclass ModalRoot extends Component {\n  static displayName = 'Modal';\n  static style = style;\n  static enhance = [\n    i18nEnhance(localizedMessages),\n    uniqueIDEnhancement(),\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-modal',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n  ];\n  static defaultProps = {\n    closable: true,\n    i18n: localizedMessages,\n    locale: 'en',\n    disablePreventScroll: false,\n  };\n  state = { hasTitle: false };\n\n  handleKeyDown = (e) => {\n    if (e.key === 'Escape') {\n      e.stopPropagation();\n      fire(this, 'onClose', 'onEscape', e);\n    }\n  };\n\n  handleIconCloseClick = (e) => {\n    fire(this, 'onClose', 'onCloseClick', e);\n  };\n\n  handleOutsideClick = (e) => {\n    fire(this, 'onClose', 'onOutsideClick', e);\n  };\n\n  getOverlayProps() {\n    const { duration, visible, animationsDisabled, disablePreventScroll } = this.asProps;\n    return {\n      duration,\n      visible,\n      onOutsideClick: this.handleOutsideClick,\n      animationsDisabled,\n      disablePreventScroll,\n    };\n  }\n\n  getWindowProps() {\n    const { visible, closable, getI18nText, uid, duration, animationsDisabled } = this.asProps;\n    const { hasTitle } = this.state;\n    return {\n      visible,\n      closable,\n      onKeyDown: this.handleKeyDown,\n      'aria-label': hasTitle ? undefined : getI18nText('title'),\n      'aria-labelledby': hasTitle ? `igc-${uid}-title` : undefined,\n      duration,\n      animationsDisabled,\n    };\n  }\n\n  getCloseProps() {\n    const { getI18nText, ghost } = this.asProps;\n\n    return {\n      onClick: this.handleIconCloseClick,\n      getI18nText,\n      ghost,\n    };\n  }\n\n  getTitleProps() {\n    const { uid } = this.asProps;\n    const setHasTitle = () => this.setState({ hasTitle: true });\n\n    return {\n      id: `igc-${uid}-title`,\n      setHasTitle,\n    };\n  }\n\n  render() {\n    const { Children, disablePortal, forcedAdvancedMode, ignorePortalsStacking } = this.asProps;\n\n    const advancedMode =\n      forcedAdvancedMode ||\n      isAdvanceMode(Children, [Modal.Overlay.displayName, Modal.Window.displayName]);\n\n    return (\n      <Portal disablePortal={disablePortal} ignorePortalsStacking={ignorePortalsStacking}>\n        {advancedMode ? (\n          <Children />\n        ) : (\n          <Modal.Overlay>\n            <Root render={Modal.Window} />\n          </Modal.Overlay>\n        )}\n      </Portal>\n    );\n  }\n}\n\nfunction Window(props) {\n  const SWindow = Root;\n  const { Children, styles, visible, closable, duration } = props;\n  const windowRef = React.useRef(null);\n\n  useFocusLock(windowRef, true, 'auto', !visible, true);\n\n  return sstyled(styles)(\n    <SWindow\n      render={Slide}\n      initialAnimation={true}\n      slideOrigin='top'\n      visible={visible}\n      role='dialog'\n      aria-modal={true}\n      duration={duration}\n      ref={windowRef}\n    >\n      <PortalProvider value={windowRef}>\n        {closable && <Modal.Close />}\n        <Children />\n      </PortalProvider>\n    </SWindow>,\n  );\n}\n\nfunction Overlay(props) {\n  const SOverlay = Root;\n  const { Children, styles, onOutsideClick, visible } = props;\n  const overlayRef = React.useRef(null);\n  usePreventScroll(visible, props.disablePreventScroll);\n  useContextTheme(overlayRef, visible);\n\n  return sstyled(styles)(\n    <SOverlay render={FadeInOut} ref={overlayRef}>\n      <OutsideClick root={overlayRef} onOutsideClick={onOutsideClick}>\n        <Children />\n      </OutsideClick>\n    </SOverlay>,\n  );\n}\n\nfunction Close(props) {\n  const SClose = Root;\n  const { Children, children: hasChildren, getI18nText } = props;\n  return sstyled(props.styles)(\n    <SClose render={Box} tag='button' tabIndex={0} aria-label={getI18nText('close')}>\n      {hasChildren ? <Children /> : <CloseIcon title={getI18nText('close')} />}\n    </SClose>,\n  );\n}\n\nClose.enhance = [keyboardFocusEnhance()];\n\nfunction Title(props) {\n  const { setHasTitle, styles, color } = props;\n  const STitle = Root;\n\n  const resolveColor = useColorResolver();\n  React.useEffect(() => setHasTitle());\n\n  return sstyled(styles)(<STitle render={Text} tag='h2' use:color={resolveColor(color)} />);\n}\n\nconst Modal = createComponent(ModalRoot, {\n  Window,\n  Overlay,\n  Close,\n  Title,\n});\n\nexport default Modal;\n"],"mappings":"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"}

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

@@ -19,6 +19,10 @@ SWindow {
     font-weight: var(--intergalactic-semi-bold, 600);
     margin-bottom: var(--intergalactic-spacing-2x, 8px);
   }
+
+  STitle[color] {
+    color: var(--color)
+  }
 }
 
 SWindow[ghost] {
@@ -87,4 +91,4 @@ SClose[keyboardFocused] {
   SOverlay {
     padding: var(--intergalactic-spacing-3x, 12px);
   }
-}
+}

package/modal/lib/es6/Modal.js

@@ -23,13 +23,15 @@ import usePreventScroll from 'intergalactic/utils/lib/use/usePreventScroll';
 import { isAdvanceMode } from 'intergalactic/utils/lib/findComponent';
 import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
 /*__reshadow-styles__:"./style/modal.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SWindow_8t82j_gg_{position:relative;border-radius:var(--intergalactic-modal-rounded, 12px);background:var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;margin:auto;padding:var(--intergalactic-spacing-10x, 40px);box-shadow:var(--intergalactic-box-shadow-modal, 0px 3px 8px 0px rgba(25, 27, 35, 0.2));color:var(--intergalactic-text-primary, #191b23)}.___SWindow_8t82j_gg_:focus{outline:0}.___SWindow_8t82j_gg_ .___STitle_8t82j_gg_{color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-semi-bold, 600);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SWindow_8t82j_gg_.__ghost_8t82j_gg_{background:0 0;padding:0;box-shadow:none}.___SOverlay_8t82j_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;justify-content:center;align-items:center;padding:var(--intergalactic-spacing-10x, 40px);background:var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));overflow:auto;z-index:var(--intergalactic-z-index-modal, 600);-webkit-overflow-scrolling:touch}.___SOverlay_8t82j_gg_ .___SOverlay_8t82j_gg_{background:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SClose_8t82j_gg_{display:inline-flex;position:absolute;right:0;top:0;padding:var(--intergalactic-spacing-3x, 12px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer;z-index:1;border:0;background:0 0;outline:0}@media (hover:hover){.___SClose_8t82j_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SClose_8t82j_gg_.__ghost_8t82j_gg_{color:var(--intergalactic-icon-primary-invert, #ffffff);border-radius:4px}@media (hover:hover){.___SClose_8t82j_gg_.__ghost_8t82j_gg_:hover{background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}}.___SClose_8t82j_gg_.__keyboardFocused_8t82j_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}@media (max-width:767px){.___SWindow_8t82j_gg_{min-width:60%}.___SOverlay_8t82j_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}" /*__inner_css_end__*/, "8t82j_gg_") /*__reshadow_css_end__*/, {
-  "__SWindow": "___SWindow_8t82j_gg_",
-  "_ghost": "__ghost_8t82j_gg_",
-  "__SClose": "___SClose_8t82j_gg_",
-  "_keyboardFocused": "__keyboardFocused_8t82j_gg_",
-  "__SOverlay": "___SOverlay_8t82j_gg_",
-  "__STitle": "___STitle_8t82j_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SWindow_1dv3j_gg_{position:relative;border-radius:var(--intergalactic-modal-rounded, 12px);background:var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;margin:auto;padding:var(--intergalactic-spacing-10x, 40px);box-shadow:var(--intergalactic-box-shadow-modal, 0px 3px 8px 0px rgba(25, 27, 35, 0.2));color:var(--intergalactic-text-primary, #191b23)}.___SWindow_1dv3j_gg_:focus{outline:0}.___SWindow_1dv3j_gg_ .___STitle_1dv3j_gg_{color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-semi-bold, 600);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SWindow_1dv3j_gg_ .___STitle_1dv3j_gg_.__color_1dv3j_gg_{color:var(--color_1dv3j)}.___SWindow_1dv3j_gg_.__ghost_1dv3j_gg_{background:0 0;padding:0;box-shadow:none}.___SOverlay_1dv3j_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;justify-content:center;align-items:center;padding:var(--intergalactic-spacing-10x, 40px);background:var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));overflow:auto;z-index:var(--intergalactic-z-index-modal, 600);-webkit-overflow-scrolling:touch}.___SOverlay_1dv3j_gg_ .___SOverlay_1dv3j_gg_{background:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SClose_1dv3j_gg_{display:inline-flex;position:absolute;right:0;top:0;padding:var(--intergalactic-spacing-3x, 12px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer;z-index:1;border:0;background:0 0;outline:0}@media (hover:hover){.___SClose_1dv3j_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SClose_1dv3j_gg_.__ghost_1dv3j_gg_{color:var(--intergalactic-icon-primary-invert, #ffffff);border-radius:4px}@media (hover:hover){.___SClose_1dv3j_gg_.__ghost_1dv3j_gg_:hover{background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}}.___SClose_1dv3j_gg_.__keyboardFocused_1dv3j_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}@media (max-width:767px){.___SWindow_1dv3j_gg_{min-width:60%}.___SOverlay_1dv3j_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}" /*__inner_css_end__*/, "1dv3j_gg_") /*__reshadow_css_end__*/, {
+  "__SWindow": "___SWindow_1dv3j_gg_",
+  "_ghost": "__ghost_1dv3j_gg_",
+  "__SClose": "___SClose_1dv3j_gg_",
+  "_keyboardFocused": "__keyboardFocused_1dv3j_gg_",
+  "__SOverlay": "___SOverlay_1dv3j_gg_",
+  "__STitle": "___STitle_1dv3j_gg_",
+  "_color": "__color_1dv3j_gg_",
+  "--color": "--color_1dv3j"
 });
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
@@ -38,6 +40,7 @@ import uniqueIDEnhancement from 'intergalactic/utils/lib/uniqueID';
 import { cssVariableEnhance } from 'intergalactic/utils/lib/useCssVariable';
 import { useFocusLock } from 'intergalactic/utils/lib/use/useFocusLock';
 import { useContextTheme } from 'intergalactic/utils/lib/ThemeProvider';
+import { useColorResolver } from 'intergalactic/utils/lib/use/useColorResolver';
 var ModalRoot = /*#__PURE__*/function (_Component) {
   _inherits(ModalRoot, _Component);
   var _super = _createSuper(ModalRoot);
@@ -222,13 +225,16 @@ function Title(props) {
   var _ref5 = arguments[0],
     _ref9;
   var setHasTitle = props.setHasTitle,
-    styles = props.styles;
+    styles = props.styles,
+    color = props.color;
   var STitle = Text;
+  var resolveColor = useColorResolver();
   React.useEffect(function () {
     return setHasTitle();
   });
   return _ref9 = sstyled(styles), /*#__PURE__*/React.createElement(STitle, _ref9.cn("STitle", _objectSpread({}, _assignProps5({
-    "tag": 'h2'
+    "tag": 'h2',
+    "use:color": resolveColor(color)
   }, _ref5))));
 }
 var Modal = createComponent(ModalRoot, {

package/modal/lib/es6/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","names":["React","FadeInOut","Slide","createComponent","Component","sstyled","Root","Portal","PortalProvider","Box","OutsideClick","CloseIcon","fire","usePreventScroll","isAdvanceMode","keyboardFocusEnhance","style","_sstyled","insert","localizedMessages","i18nEnhance","Text","uniqueIDEnhancement","cssVariableEnhance","useFocusLock","useContextTheme","ModalRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","hasTitle","e","key","stopPropagation","_createClass","value","getOverlayProps","_this$asProps","asProps","duration","visible","animationsDisabled","disablePreventScroll","onOutsideClick","handleOutsideClick","getWindowProps","_this$asProps2","closable","getI18nText","uid","state","onKeyDown","handleKeyDown","undefined","getCloseProps","_this$asProps3","ghost","onClick","handleIconCloseClick","getTitleProps","_this2","setHasTitle","setState","id","render","_ref","_this$asProps4","Children","disablePortal","forcedAdvancedMode","ignorePortalsStacking","advancedMode","Modal","Overlay","displayName","Window","createElement","_assignProps","variable","fallback","map","Number","parseInt","prop","i18n","locale","props","_ref2","arguments[0]","_ref6","SWindow","styles","windowRef","useRef","cn","_objectSpread","_assignProps2","Close","_ref3","_ref7","SOverlay","overlayRef","_assignProps3","_ref4","_ref8","SClose","hasChildren","children","_assignProps4","enhance","Title","_ref5","_ref9","STitle","useEffect","_assignProps5"],"sources":["../../src/Modal.jsx"],"sourcesContent":["import React from 'react';\nimport { FadeInOut, Slide } from '@semcore/animation';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Portal, { PortalProvider } from '@semcore/portal';\nimport { Box } from '@semcore/flex-box';\nimport OutsideClick from '@semcore/outside-click';\nimport CloseIcon from '@semcore/icon/Close/l';\nimport fire from '@semcore/utils/lib/fire';\nimport usePreventScroll from '@semcore/utils/lib/use/usePreventScroll';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport style from './style/modal.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { Text } from '@semcore/typography';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\nimport { useFocusLock } from '@semcore/utils/lib/use/useFocusLock';\nimport { useContextTheme } from '@semcore/utils/lib/ThemeProvider';\n\nclass ModalRoot extends Component {\n  static displayName = 'Modal';\n  static style = style;\n  static enhance = [\n    i18nEnhance(localizedMessages),\n    uniqueIDEnhancement(),\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-modal',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n  ];\n  static defaultProps = {\n    closable: true,\n    i18n: localizedMessages,\n    locale: 'en',\n    disablePreventScroll: false,\n  };\n  state = { hasTitle: false };\n\n  handleKeyDown = (e) => {\n    if (e.key === 'Escape') {\n      e.stopPropagation();\n      fire(this, 'onClose', 'onEscape', e);\n    }\n  };\n\n  handleIconCloseClick = (e) => {\n    fire(this, 'onClose', 'onCloseClick', e);\n  };\n\n  handleOutsideClick = (e) => {\n    fire(this, 'onClose', 'onOutsideClick', e);\n  };\n\n  getOverlayProps() {\n    const { duration, visible, animationsDisabled, disablePreventScroll } = this.asProps;\n    return {\n      duration,\n      visible,\n      onOutsideClick: this.handleOutsideClick,\n      animationsDisabled,\n      disablePreventScroll,\n    };\n  }\n\n  getWindowProps() {\n    const { visible, closable, getI18nText, uid, duration, animationsDisabled } = this.asProps;\n    const { hasTitle } = this.state;\n    return {\n      visible,\n      closable,\n      onKeyDown: this.handleKeyDown,\n      'aria-label': hasTitle ? undefined : getI18nText('title'),\n      'aria-labelledby': hasTitle ? `igc-${uid}-title` : undefined,\n      duration,\n      animationsDisabled,\n    };\n  }\n\n  getCloseProps() {\n    const { getI18nText, ghost } = this.asProps;\n\n    return {\n      onClick: this.handleIconCloseClick,\n      getI18nText,\n      ghost,\n    };\n  }\n\n  getTitleProps() {\n    const { uid } = this.asProps;\n    const setHasTitle = () => this.setState({ hasTitle: true });\n\n    return {\n      id: `igc-${uid}-title`,\n      setHasTitle,\n    };\n  }\n\n  render() {\n    const { Children, disablePortal, forcedAdvancedMode, ignorePortalsStacking } = this.asProps;\n\n    const advancedMode =\n      forcedAdvancedMode ||\n      isAdvanceMode(Children, [Modal.Overlay.displayName, Modal.Window.displayName]);\n\n    return (\n      <Portal disablePortal={disablePortal} ignorePortalsStacking={ignorePortalsStacking}>\n        {advancedMode ? (\n          <Children />\n        ) : (\n          <Modal.Overlay>\n            <Root render={Modal.Window} />\n          </Modal.Overlay>\n        )}\n      </Portal>\n    );\n  }\n}\n\nfunction Window(props) {\n  const SWindow = Root;\n  const { Children, styles, visible, closable, duration } = props;\n  const windowRef = React.useRef(null);\n\n  useFocusLock(windowRef, true, 'auto', !visible, true);\n\n  return sstyled(styles)(\n    <SWindow\n      render={Slide}\n      initialAnimation={true}\n      slideOrigin='top'\n      visible={visible}\n      role='dialog'\n      aria-modal={true}\n      duration={duration}\n      ref={windowRef}\n    >\n      <PortalProvider value={windowRef}>\n        {closable && <Modal.Close />}\n        <Children />\n      </PortalProvider>\n    </SWindow>,\n  );\n}\n\nfunction Overlay(props) {\n  const SOverlay = Root;\n  const { Children, styles, onOutsideClick, visible } = props;\n  const overlayRef = React.useRef(null);\n  usePreventScroll(visible, props.disablePreventScroll);\n  useContextTheme(overlayRef, visible);\n\n  return sstyled(styles)(\n    <SOverlay render={FadeInOut} ref={overlayRef}>\n      <OutsideClick root={overlayRef} onOutsideClick={onOutsideClick}>\n        <Children />\n      </OutsideClick>\n    </SOverlay>,\n  );\n}\n\nfunction Close(props) {\n  const SClose = Root;\n  const { Children, children: hasChildren, getI18nText } = props;\n  return sstyled(props.styles)(\n    <SClose render={Box} tag='button' tabIndex={0} aria-label={getI18nText('close')}>\n      {hasChildren ? <Children /> : <CloseIcon title={getI18nText('close')} />}\n    </SClose>,\n  );\n}\n\nClose.enhance = [keyboardFocusEnhance()];\n\nfunction Title(props) {\n  const { setHasTitle, styles } = props;\n  const STitle = Root;\n\n  React.useEffect(() => setHasTitle());\n\n  return sstyled(styles)(<STitle render={Text} tag='h2' />);\n}\n\nconst Modal = createComponent(ModalRoot, {\n  Window,\n  Overlay,\n  Close,\n  Title,\n});\n\nexport default Modal;\n"],"mappings":"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"}
+{"version":3,"file":"Modal.js","names":["React","FadeInOut","Slide","createComponent","Component","sstyled","Root","Portal","PortalProvider","Box","OutsideClick","CloseIcon","fire","usePreventScroll","isAdvanceMode","keyboardFocusEnhance","style","_sstyled","insert","localizedMessages","i18nEnhance","Text","uniqueIDEnhancement","cssVariableEnhance","useFocusLock","useContextTheme","useColorResolver","ModalRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","hasTitle","e","key","stopPropagation","_createClass","value","getOverlayProps","_this$asProps","asProps","duration","visible","animationsDisabled","disablePreventScroll","onOutsideClick","handleOutsideClick","getWindowProps","_this$asProps2","closable","getI18nText","uid","state","onKeyDown","handleKeyDown","undefined","getCloseProps","_this$asProps3","ghost","onClick","handleIconCloseClick","getTitleProps","_this2","setHasTitle","setState","id","render","_ref","_this$asProps4","Children","disablePortal","forcedAdvancedMode","ignorePortalsStacking","advancedMode","Modal","Overlay","displayName","Window","createElement","_assignProps","variable","fallback","map","Number","parseInt","prop","i18n","locale","props","_ref2","arguments[0]","_ref6","SWindow","styles","windowRef","useRef","cn","_objectSpread","_assignProps2","Close","_ref3","_ref7","SOverlay","overlayRef","_assignProps3","_ref4","_ref8","SClose","hasChildren","children","_assignProps4","enhance","Title","_ref5","_ref9","color","STitle","resolveColor","useEffect","_assignProps5"],"sources":["../../src/Modal.jsx"],"sourcesContent":["import React from 'react';\nimport { FadeInOut, Slide } from '@semcore/animation';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Portal, { PortalProvider } from '@semcore/portal';\nimport { Box } from '@semcore/flex-box';\nimport OutsideClick from '@semcore/outside-click';\nimport CloseIcon from '@semcore/icon/Close/l';\nimport fire from '@semcore/utils/lib/fire';\nimport usePreventScroll from '@semcore/utils/lib/use/usePreventScroll';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport style from './style/modal.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { Text } from '@semcore/typography';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\nimport { useFocusLock } from '@semcore/utils/lib/use/useFocusLock';\nimport { useContextTheme } from '@semcore/utils/lib/ThemeProvider';\nimport { useColorResolver } from '@semcore/utils/lib/use/useColorResolver';\n\nclass ModalRoot extends Component {\n  static displayName = 'Modal';\n  static style = style;\n  static enhance = [\n    i18nEnhance(localizedMessages),\n    uniqueIDEnhancement(),\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-modal',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n  ];\n  static defaultProps = {\n    closable: true,\n    i18n: localizedMessages,\n    locale: 'en',\n    disablePreventScroll: false,\n  };\n  state = { hasTitle: false };\n\n  handleKeyDown = (e) => {\n    if (e.key === 'Escape') {\n      e.stopPropagation();\n      fire(this, 'onClose', 'onEscape', e);\n    }\n  };\n\n  handleIconCloseClick = (e) => {\n    fire(this, 'onClose', 'onCloseClick', e);\n  };\n\n  handleOutsideClick = (e) => {\n    fire(this, 'onClose', 'onOutsideClick', e);\n  };\n\n  getOverlayProps() {\n    const { duration, visible, animationsDisabled, disablePreventScroll } = this.asProps;\n    return {\n      duration,\n      visible,\n      onOutsideClick: this.handleOutsideClick,\n      animationsDisabled,\n      disablePreventScroll,\n    };\n  }\n\n  getWindowProps() {\n    const { visible, closable, getI18nText, uid, duration, animationsDisabled } = this.asProps;\n    const { hasTitle } = this.state;\n    return {\n      visible,\n      closable,\n      onKeyDown: this.handleKeyDown,\n      'aria-label': hasTitle ? undefined : getI18nText('title'),\n      'aria-labelledby': hasTitle ? `igc-${uid}-title` : undefined,\n      duration,\n      animationsDisabled,\n    };\n  }\n\n  getCloseProps() {\n    const { getI18nText, ghost } = this.asProps;\n\n    return {\n      onClick: this.handleIconCloseClick,\n      getI18nText,\n      ghost,\n    };\n  }\n\n  getTitleProps() {\n    const { uid } = this.asProps;\n    const setHasTitle = () => this.setState({ hasTitle: true });\n\n    return {\n      id: `igc-${uid}-title`,\n      setHasTitle,\n    };\n  }\n\n  render() {\n    const { Children, disablePortal, forcedAdvancedMode, ignorePortalsStacking } = this.asProps;\n\n    const advancedMode =\n      forcedAdvancedMode ||\n      isAdvanceMode(Children, [Modal.Overlay.displayName, Modal.Window.displayName]);\n\n    return (\n      <Portal disablePortal={disablePortal} ignorePortalsStacking={ignorePortalsStacking}>\n        {advancedMode ? (\n          <Children />\n        ) : (\n          <Modal.Overlay>\n            <Root render={Modal.Window} />\n          </Modal.Overlay>\n        )}\n      </Portal>\n    );\n  }\n}\n\nfunction Window(props) {\n  const SWindow = Root;\n  const { Children, styles, visible, closable, duration } = props;\n  const windowRef = React.useRef(null);\n\n  useFocusLock(windowRef, true, 'auto', !visible, true);\n\n  return sstyled(styles)(\n    <SWindow\n      render={Slide}\n      initialAnimation={true}\n      slideOrigin='top'\n      visible={visible}\n      role='dialog'\n      aria-modal={true}\n      duration={duration}\n      ref={windowRef}\n    >\n      <PortalProvider value={windowRef}>\n        {closable && <Modal.Close />}\n        <Children />\n      </PortalProvider>\n    </SWindow>,\n  );\n}\n\nfunction Overlay(props) {\n  const SOverlay = Root;\n  const { Children, styles, onOutsideClick, visible } = props;\n  const overlayRef = React.useRef(null);\n  usePreventScroll(visible, props.disablePreventScroll);\n  useContextTheme(overlayRef, visible);\n\n  return sstyled(styles)(\n    <SOverlay render={FadeInOut} ref={overlayRef}>\n      <OutsideClick root={overlayRef} onOutsideClick={onOutsideClick}>\n        <Children />\n      </OutsideClick>\n    </SOverlay>,\n  );\n}\n\nfunction Close(props) {\n  const SClose = Root;\n  const { Children, children: hasChildren, getI18nText } = props;\n  return sstyled(props.styles)(\n    <SClose render={Box} tag='button' tabIndex={0} aria-label={getI18nText('close')}>\n      {hasChildren ? <Children /> : <CloseIcon title={getI18nText('close')} />}\n    </SClose>,\n  );\n}\n\nClose.enhance = [keyboardFocusEnhance()];\n\nfunction Title(props) {\n  const { setHasTitle, styles, color } = props;\n  const STitle = Root;\n\n  const resolveColor = useColorResolver();\n  React.useEffect(() => setHasTitle());\n\n  return sstyled(styles)(<STitle render={Text} tag='h2' use:color={resolveColor(color)} />);\n}\n\nconst Modal = createComponent(ModalRoot, {\n  Window,\n  Overlay,\n  Close,\n  Title,\n});\n\nexport default Modal;\n"],"mappings":"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"}

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

@@ -19,6 +19,10 @@ SWindow {
     font-weight: var(--intergalactic-semi-bold, 600);
     margin-bottom: var(--intergalactic-spacing-2x, 8px);
   }
+
+  STitle[color] {
+    color: var(--color)
+  }
 }
 
 SWindow[ghost] {
@@ -87,4 +91,4 @@ SClose[keyboardFocused] {
   SOverlay {
     padding: var(--intergalactic-spacing-3x, 12px);
   }
-}
+}

package/notice/lib/cjs/Notice.js

@@ -24,19 +24,19 @@ var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynam
 var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
 var _useCssVariable = require("intergalactic/utils/lib/useCssVariable");
 /*__reshadow-styles__:"./style/notice.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SNotice_jvxlr_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_jvxlr_gg_._theme_info_jvxlr_gg_{background-color:var(--intergalactic-bg-secondary-info, #e9f7ff);border-color:var(--intergalactic-border-info, #8ecdff)}.___SNotice_jvxlr_gg_._theme_info_jvxlr_gg_ .___SCloseIcon_jvxlr_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SNotice_jvxlr_gg_._theme_info_jvxlr_gg_ .___SCloseIcon_jvxlr_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SNotice_jvxlr_gg_._theme_danger_jvxlr_gg_{background-color:var(--intergalactic-bg-secondary-critical, #fff0f7);border-color:var(--intergalactic-border-critical, #ffaeb5)}.___SNotice_jvxlr_gg_._theme_danger_jvxlr_gg_ .___SCloseIcon_jvxlr_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}@media (hover:hover){.___SNotice_jvxlr_gg_._theme_danger_jvxlr_gg_ .___SCloseIcon_jvxlr_gg_:hover{color:var(--intergalactic-icon-primary-critical-hover-active, #CC3A42)}}.___SNotice_jvxlr_gg_._theme_warning_jvxlr_gg_{background-color:var(--intergalactic-bg-secondary-warning, #fff3d9);border-color:var(--intergalactic-border-warning, #ffb26e)}.___SNotice_jvxlr_gg_._theme_warning_jvxlr_gg_ .___SCloseIcon_jvxlr_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SNotice_jvxlr_gg_._theme_warning_jvxlr_gg_ .___SCloseIcon_jvxlr_gg_:hover{color:var(--intergalactic-icon-primary-warning-hover-active, #CC5024)}}.___SNotice_jvxlr_gg_._theme_success_jvxlr_gg_{background-color:var(--intergalactic-bg-secondary-success, #dbfee8);border-color:var(--intergalactic-border-success, #59ddaa)}.___SNotice_jvxlr_gg_._theme_success_jvxlr_gg_ .___SCloseIcon_jvxlr_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}@media (hover:hover){.___SNotice_jvxlr_gg_._theme_success_jvxlr_gg_ .___SCloseIcon_jvxlr_gg_:hover{color:var(--intergalactic-icon-primary-success-hover-active, #037E68)}}.___SContent_jvxlr_gg_{flex:1 1 auto;width:100%}.___SActions_jvxlr_gg_{flex-shrink:0;margin-top:var(--intergalactic-spacing-3x, 12px)}.___SLabel_jvxlr_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-2x, 8px);display:inline-flex}.___SLabel_jvxlr_gg_._theme_info_jvxlr_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SLabel_jvxlr_gg_._theme_danger_jvxlr_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}.___SLabel_jvxlr_gg_._theme_warning_jvxlr_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}.___SLabel_jvxlr_gg_._theme_success_jvxlr_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}.___SLabel_jvxlr_gg_._theme_custom_jvxlr_gg_{color:var(--color_jvxlr)}.___SCloseIcon_jvxlr_gg_{flex-shrink:0;margin-left:var(--intergalactic-spacing-4x, 16px)}.___SNotice_jvxlr_gg_._theme_custom_jvxlr_gg_{background-color:var(--backgroundColor_jvxlr);border-color:var(--backgroundColor_jvxlr)}" /*__inner_css_end__*/, "jvxlr_gg_") /*__reshadow_css_end__*/, {
-  "__SNotice": "___SNotice_jvxlr_gg_",
-  "__SContent": "___SContent_jvxlr_gg_",
-  "__SActions": "___SActions_jvxlr_gg_",
-  "__SLabel": "___SLabel_jvxlr_gg_",
-  "_theme_info": "_theme_info_jvxlr_gg_",
-  "_theme_danger": "_theme_danger_jvxlr_gg_",
-  "_theme_warning": "_theme_warning_jvxlr_gg_",
-  "_theme_success": "_theme_success_jvxlr_gg_",
-  "_theme_custom": "_theme_custom_jvxlr_gg_",
-  "--color": "--color_jvxlr",
-  "__SCloseIcon": "___SCloseIcon_jvxlr_gg_",
-  "--backgroundColor": "--backgroundColor_jvxlr"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SNotice_mzr0a_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_mzr0a_gg_._theme_info_mzr0a_gg_{background-color:var(--intergalactic-bg-secondary-info, #e9f7ff);border-color:var(--intergalactic-border-info, #8ecdff)}.___SNotice_mzr0a_gg_._theme_info_mzr0a_gg_ .___SCloseIcon_mzr0a_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SNotice_mzr0a_gg_._theme_info_mzr0a_gg_ .___SCloseIcon_mzr0a_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SNotice_mzr0a_gg_._theme_danger_mzr0a_gg_{background-color:var(--intergalactic-bg-secondary-critical, #fff0f7);border-color:var(--intergalactic-border-critical, #ffaeb5)}.___SNotice_mzr0a_gg_._theme_danger_mzr0a_gg_ .___SCloseIcon_mzr0a_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}@media (hover:hover){.___SNotice_mzr0a_gg_._theme_danger_mzr0a_gg_ .___SCloseIcon_mzr0a_gg_:hover{color:var(--intergalactic-icon-primary-critical-hover-active, #CC3A42)}}.___SNotice_mzr0a_gg_._theme_warning_mzr0a_gg_{background-color:var(--intergalactic-bg-secondary-warning, #fff3d9);border-color:var(--intergalactic-border-warning, #ffb26e)}.___SNotice_mzr0a_gg_._theme_warning_mzr0a_gg_ .___SCloseIcon_mzr0a_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SNotice_mzr0a_gg_._theme_warning_mzr0a_gg_ .___SCloseIcon_mzr0a_gg_:hover{color:var(--intergalactic-icon-primary-warning-hover-active, #CC5024)}}.___SNotice_mzr0a_gg_._theme_success_mzr0a_gg_{background-color:var(--intergalactic-bg-secondary-success, #dbfee8);border-color:var(--intergalactic-border-success, #59ddaa)}.___SNotice_mzr0a_gg_._theme_success_mzr0a_gg_ .___SCloseIcon_mzr0a_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}@media (hover:hover){.___SNotice_mzr0a_gg_._theme_success_mzr0a_gg_ .___SCloseIcon_mzr0a_gg_:hover{color:var(--intergalactic-icon-primary-success-hover-active, #037E68)}}.___SContent_mzr0a_gg_{flex:1 1 auto;width:100%}.___SActions_mzr0a_gg_{flex-shrink:0;margin-top:var(--intergalactic-spacing-3x, 12px)}.___SLabel_mzr0a_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-2x, 8px);display:inline-flex}.___SLabel_mzr0a_gg_._theme_info_mzr0a_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SLabel_mzr0a_gg_._theme_danger_mzr0a_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}.___SLabel_mzr0a_gg_._theme_warning_mzr0a_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}.___SLabel_mzr0a_gg_._theme_success_mzr0a_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}.___SLabel_mzr0a_gg_._theme_custom_mzr0a_gg_{color:var(--color_mzr0a)}.___SCloseIcon_mzr0a_gg_{flex-shrink:0;margin-left:var(--intergalactic-spacing-4x, 16px)}.___SNotice_mzr0a_gg_._theme_custom_mzr0a_gg_{background-color:var(--backgroundColor_mzr0a);border-color:var(--backgroundColor_mzr0a)}" /*__inner_css_end__*/, "mzr0a_gg_") /*__reshadow_css_end__*/, {
+  "__SNotice": "___SNotice_mzr0a_gg_",
+  "__SContent": "___SContent_mzr0a_gg_",
+  "__SActions": "___SActions_mzr0a_gg_",
+  "__SLabel": "___SLabel_mzr0a_gg_",
+  "_theme_info": "_theme_info_mzr0a_gg_",
+  "_theme_danger": "_theme_danger_mzr0a_gg_",
+  "_theme_warning": "_theme_warning_mzr0a_gg_",
+  "_theme_success": "_theme_success_mzr0a_gg_",
+  "_theme_custom": "_theme_custom_mzr0a_gg_",
+  "--color": "--color_mzr0a",
+  "__SCloseIcon": "___SCloseIcon_mzr0a_gg_",
+  "--backgroundColor": "--backgroundColor_mzr0a"
 });
 function isCustomTheme(theme) {
   return !['danger', 'warning', 'success', 'info'].includes(theme);

package/notice/lib/es6/Notice.js

@@ -22,19 +22,19 @@ 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_jvxlr_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_jvxlr_gg_._theme_info_jvxlr_gg_{background-color:var(--intergalactic-bg-secondary-info, #e9f7ff);border-color:var(--intergalactic-border-info, #8ecdff)}.___SNotice_jvxlr_gg_._theme_info_jvxlr_gg_ .___SCloseIcon_jvxlr_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SNotice_jvxlr_gg_._theme_info_jvxlr_gg_ .___SCloseIcon_jvxlr_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SNotice_jvxlr_gg_._theme_danger_jvxlr_gg_{background-color:var(--intergalactic-bg-secondary-critical, #fff0f7);border-color:var(--intergalactic-border-critical, #ffaeb5)}.___SNotice_jvxlr_gg_._theme_danger_jvxlr_gg_ .___SCloseIcon_jvxlr_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}@media (hover:hover){.___SNotice_jvxlr_gg_._theme_danger_jvxlr_gg_ .___SCloseIcon_jvxlr_gg_:hover{color:var(--intergalactic-icon-primary-critical-hover-active, #CC3A42)}}.___SNotice_jvxlr_gg_._theme_warning_jvxlr_gg_{background-color:var(--intergalactic-bg-secondary-warning, #fff3d9);border-color:var(--intergalactic-border-warning, #ffb26e)}.___SNotice_jvxlr_gg_._theme_warning_jvxlr_gg_ .___SCloseIcon_jvxlr_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SNotice_jvxlr_gg_._theme_warning_jvxlr_gg_ .___SCloseIcon_jvxlr_gg_:hover{color:var(--intergalactic-icon-primary-warning-hover-active, #CC5024)}}.___SNotice_jvxlr_gg_._theme_success_jvxlr_gg_{background-color:var(--intergalactic-bg-secondary-success, #dbfee8);border-color:var(--intergalactic-border-success, #59ddaa)}.___SNotice_jvxlr_gg_._theme_success_jvxlr_gg_ .___SCloseIcon_jvxlr_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}@media (hover:hover){.___SNotice_jvxlr_gg_._theme_success_jvxlr_gg_ .___SCloseIcon_jvxlr_gg_:hover{color:var(--intergalactic-icon-primary-success-hover-active, #037E68)}}.___SContent_jvxlr_gg_{flex:1 1 auto;width:100%}.___SActions_jvxlr_gg_{flex-shrink:0;margin-top:var(--intergalactic-spacing-3x, 12px)}.___SLabel_jvxlr_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-2x, 8px);display:inline-flex}.___SLabel_jvxlr_gg_._theme_info_jvxlr_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SLabel_jvxlr_gg_._theme_danger_jvxlr_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}.___SLabel_jvxlr_gg_._theme_warning_jvxlr_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}.___SLabel_jvxlr_gg_._theme_success_jvxlr_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}.___SLabel_jvxlr_gg_._theme_custom_jvxlr_gg_{color:var(--color_jvxlr)}.___SCloseIcon_jvxlr_gg_{flex-shrink:0;margin-left:var(--intergalactic-spacing-4x, 16px)}.___SNotice_jvxlr_gg_._theme_custom_jvxlr_gg_{background-color:var(--backgroundColor_jvxlr);border-color:var(--backgroundColor_jvxlr)}" /*__inner_css_end__*/, "jvxlr_gg_") /*__reshadow_css_end__*/, {
-  "__SNotice": "___SNotice_jvxlr_gg_",
-  "__SContent": "___SContent_jvxlr_gg_",
-  "__SActions": "___SActions_jvxlr_gg_",
-  "__SLabel": "___SLabel_jvxlr_gg_",
-  "_theme_info": "_theme_info_jvxlr_gg_",
-  "_theme_danger": "_theme_danger_jvxlr_gg_",
-  "_theme_warning": "_theme_warning_jvxlr_gg_",
-  "_theme_success": "_theme_success_jvxlr_gg_",
-  "_theme_custom": "_theme_custom_jvxlr_gg_",
-  "--color": "--color_jvxlr",
-  "__SCloseIcon": "___SCloseIcon_jvxlr_gg_",
-  "--backgroundColor": "--backgroundColor_jvxlr"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SNotice_mzr0a_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_mzr0a_gg_._theme_info_mzr0a_gg_{background-color:var(--intergalactic-bg-secondary-info, #e9f7ff);border-color:var(--intergalactic-border-info, #8ecdff)}.___SNotice_mzr0a_gg_._theme_info_mzr0a_gg_ .___SCloseIcon_mzr0a_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SNotice_mzr0a_gg_._theme_info_mzr0a_gg_ .___SCloseIcon_mzr0a_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SNotice_mzr0a_gg_._theme_danger_mzr0a_gg_{background-color:var(--intergalactic-bg-secondary-critical, #fff0f7);border-color:var(--intergalactic-border-critical, #ffaeb5)}.___SNotice_mzr0a_gg_._theme_danger_mzr0a_gg_ .___SCloseIcon_mzr0a_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}@media (hover:hover){.___SNotice_mzr0a_gg_._theme_danger_mzr0a_gg_ .___SCloseIcon_mzr0a_gg_:hover{color:var(--intergalactic-icon-primary-critical-hover-active, #CC3A42)}}.___SNotice_mzr0a_gg_._theme_warning_mzr0a_gg_{background-color:var(--intergalactic-bg-secondary-warning, #fff3d9);border-color:var(--intergalactic-border-warning, #ffb26e)}.___SNotice_mzr0a_gg_._theme_warning_mzr0a_gg_ .___SCloseIcon_mzr0a_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SNotice_mzr0a_gg_._theme_warning_mzr0a_gg_ .___SCloseIcon_mzr0a_gg_:hover{color:var(--intergalactic-icon-primary-warning-hover-active, #CC5024)}}.___SNotice_mzr0a_gg_._theme_success_mzr0a_gg_{background-color:var(--intergalactic-bg-secondary-success, #dbfee8);border-color:var(--intergalactic-border-success, #59ddaa)}.___SNotice_mzr0a_gg_._theme_success_mzr0a_gg_ .___SCloseIcon_mzr0a_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}@media (hover:hover){.___SNotice_mzr0a_gg_._theme_success_mzr0a_gg_ .___SCloseIcon_mzr0a_gg_:hover{color:var(--intergalactic-icon-primary-success-hover-active, #037E68)}}.___SContent_mzr0a_gg_{flex:1 1 auto;width:100%}.___SActions_mzr0a_gg_{flex-shrink:0;margin-top:var(--intergalactic-spacing-3x, 12px)}.___SLabel_mzr0a_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-2x, 8px);display:inline-flex}.___SLabel_mzr0a_gg_._theme_info_mzr0a_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SLabel_mzr0a_gg_._theme_danger_mzr0a_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}.___SLabel_mzr0a_gg_._theme_warning_mzr0a_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}.___SLabel_mzr0a_gg_._theme_success_mzr0a_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}.___SLabel_mzr0a_gg_._theme_custom_mzr0a_gg_{color:var(--color_mzr0a)}.___SCloseIcon_mzr0a_gg_{flex-shrink:0;margin-left:var(--intergalactic-spacing-4x, 16px)}.___SNotice_mzr0a_gg_._theme_custom_mzr0a_gg_{background-color:var(--backgroundColor_mzr0a);border-color:var(--backgroundColor_mzr0a)}" /*__inner_css_end__*/, "mzr0a_gg_") /*__reshadow_css_end__*/, {
+  "__SNotice": "___SNotice_mzr0a_gg_",
+  "__SContent": "___SContent_mzr0a_gg_",
+  "__SActions": "___SActions_mzr0a_gg_",
+  "__SLabel": "___SLabel_mzr0a_gg_",
+  "_theme_info": "_theme_info_mzr0a_gg_",
+  "_theme_danger": "_theme_danger_mzr0a_gg_",
+  "_theme_warning": "_theme_warning_mzr0a_gg_",
+  "_theme_success": "_theme_success_mzr0a_gg_",
+  "_theme_custom": "_theme_custom_mzr0a_gg_",
+  "--color": "--color_mzr0a",
+  "__SCloseIcon": "___SCloseIcon_mzr0a_gg_",
+  "--backgroundColor": "--backgroundColor_mzr0a"
 });
 function isCustomTheme(theme) {
   return !['danger', 'warning', 'success', 'info'].includes(theme);

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

@@ -31,18 +31,18 @@ var _useCssVariable = require("intergalactic/utils/lib/useCssVariable");
 var _ThemeProvider = require("intergalactic/utils/lib/ThemeProvider");
 var _excluded = ["forwardRef", "styles", "onMouseEnter", "onMouseLeave", "getI18nText", "icon", "children", "action"];
 /*__reshadow-styles__:"./style/notice-bubble.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes enter_1i74f{0%{transform:translate(100%,0);max-height:0;overflow:hidden}to{transform:translate(0,0);max-height:100vh;overflow:hidden}}@keyframes exit_1i74f{0%{max-height:100vh;overflow:hidden;opacity:1}to{max-height:0;overflow:hidden;opacity:0}}.___SBubble_1i74f_gg_,.___SView_1i74f_gg_{position:relative;margin-bottom:var(--intergalactic-spacing-3x, 12px);padding:var(--intergalactic-spacing-3x, 12px) calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-1x, 4px)) var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-3x, 12px);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_1i74f_gg_._type_info_1i74f_gg_,.___SView_1i74f_gg_._type_info_1i74f_gg_{background:var(--intergalactic-bg-primary-invert, #191b23)}.___SBubble_1i74f_gg_._type_warning_1i74f_gg_,.___SView_1i74f_gg_._type_warning_1i74f_gg_{background:var(--intergalactic-bg-primary-critical, #ff4953)}.___SContent_1i74f_gg_{flex-direction:column;gap:var(--intergalactic-spacing-2x, 8px);flex:1}.___SMessage_1i74f_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-100, 133%)}.___SDismiss_1i74f_gg_{cursor:pointer;position:absolute;right:0;top:0;padding:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary-invert, #ffffff)}@media (hover:hover){.___SDismiss_1i74f_gg_:hover{color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}}.___SNoticeBubble_1i74f_gg_{width:300px;position:fixed;z-index:var(--intergalactic-z-index-notice-bubble, 999);right:var(--intergalactic-spacing-3x, 12px);top:var(--intergalactic-spacing-3x, 12px)}@media (max-width:767px){.___SNoticeBubble_1i74f_gg_{width:calc(100% - var(--intergalactic-spacing-6x, 24px))}}.___SNoticeBubble_1i74f_gg_.__disablePortal_1i74f_gg_{position:sticky;margin-left:auto;height:0}.___SMessage_1i74f_gg_ a{color:var(--intergalactic-text-link-invert, #8ecdff)}" /*__inner_css_end__*/, "1i74f_gg_") /*__reshadow_css_end__*/, {
-  "__SContent": "___SContent_1i74f_gg_",
-  "__SMessage": "___SMessage_1i74f_gg_",
-  "__SNoticeBubble": "___SNoticeBubble_1i74f_gg_",
-  "_disablePortal": "__disablePortal_1i74f_gg_",
-  "@enter": "enter_1i74f",
-  "@exit": "exit_1i74f",
-  "__SBubble": "___SBubble_1i74f_gg_",
-  "__SView": "___SView_1i74f_gg_",
-  "_type_info": "_type_info_1i74f_gg_",
-  "_type_warning": "_type_warning_1i74f_gg_",
-  "__SDismiss": "___SDismiss_1i74f_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes enter_12odq{0%{transform:translate(100%,0);max-height:0;overflow:hidden}to{transform:translate(0,0);max-height:100vh;overflow:hidden}}@keyframes exit_12odq{0%{max-height:100vh;overflow:hidden;opacity:1}to{max-height:0;overflow:hidden;opacity:0}}.___SBubble_12odq_gg_,.___SView_12odq_gg_{position:relative;margin-bottom:var(--intergalactic-spacing-3x, 12px);padding:var(--intergalactic-spacing-3x, 12px) calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-1x, 4px)) var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-3x, 12px);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_12odq_gg_._type_info_12odq_gg_,.___SView_12odq_gg_._type_info_12odq_gg_{background:var(--intergalactic-bg-primary-invert, #191b23)}.___SBubble_12odq_gg_._type_warning_12odq_gg_,.___SView_12odq_gg_._type_warning_12odq_gg_{background:var(--intergalactic-bg-primary-critical, #ff4953)}.___SContent_12odq_gg_{flex-direction:column;gap:var(--intergalactic-spacing-2x, 8px);flex:1}.___SMessage_12odq_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-100, 133%)}.___SDismiss_12odq_gg_{cursor:pointer;position:absolute;right:0;top:0;padding:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary-invert, #ffffff)}@media (hover:hover){.___SDismiss_12odq_gg_:hover{color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}}.___SNoticeBubble_12odq_gg_{width:300px;position:fixed;z-index:var(--intergalactic-z-index-notice-bubble, 999);right:var(--intergalactic-spacing-3x, 12px);top:var(--intergalactic-spacing-3x, 12px)}@media (max-width:767px){.___SNoticeBubble_12odq_gg_{width:calc(100% - var(--intergalactic-spacing-6x, 24px))}}.___SNoticeBubble_12odq_gg_.__disablePortal_12odq_gg_{position:sticky;margin-left:auto;height:0}.___SMessage_12odq_gg_ a{color:var(--intergalactic-text-link-invert, #8ecdff)}" /*__inner_css_end__*/, "12odq_gg_") /*__reshadow_css_end__*/, {
+  "__SContent": "___SContent_12odq_gg_",
+  "__SMessage": "___SMessage_12odq_gg_",
+  "__SNoticeBubble": "___SNoticeBubble_12odq_gg_",
+  "_disablePortal": "__disablePortal_12odq_gg_",
+  "@enter": "enter_12odq",
+  "@exit": "exit_12odq",
+  "__SBubble": "___SBubble_12odq_gg_",
+  "__SView": "___SView_12odq_gg_",
+  "_type_info": "_type_info_12odq_gg_",
+  "_type_warning": "_type_warning_12odq_gg_",
+  "__SDismiss": "___SDismiss_12odq_gg_"
 });
 var Notices = function Notices(props) {
   var styles = props.styles,

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

@@ -25,18 +25,18 @@ import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
 import { useCssVariable } from 'intergalactic/utils/lib/useCssVariable';
 import { contextThemeEnhance } from 'intergalactic/utils/lib/ThemeProvider';
 /*__reshadow-styles__:"./style/notice-bubble.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes enter_1i74f{0%{transform:translate(100%,0);max-height:0;overflow:hidden}to{transform:translate(0,0);max-height:100vh;overflow:hidden}}@keyframes exit_1i74f{0%{max-height:100vh;overflow:hidden;opacity:1}to{max-height:0;overflow:hidden;opacity:0}}.___SBubble_1i74f_gg_,.___SView_1i74f_gg_{position:relative;margin-bottom:var(--intergalactic-spacing-3x, 12px);padding:var(--intergalactic-spacing-3x, 12px) calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-1x, 4px)) var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-3x, 12px);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_1i74f_gg_._type_info_1i74f_gg_,.___SView_1i74f_gg_._type_info_1i74f_gg_{background:var(--intergalactic-bg-primary-invert, #191b23)}.___SBubble_1i74f_gg_._type_warning_1i74f_gg_,.___SView_1i74f_gg_._type_warning_1i74f_gg_{background:var(--intergalactic-bg-primary-critical, #ff4953)}.___SContent_1i74f_gg_{flex-direction:column;gap:var(--intergalactic-spacing-2x, 8px);flex:1}.___SMessage_1i74f_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-100, 133%)}.___SDismiss_1i74f_gg_{cursor:pointer;position:absolute;right:0;top:0;padding:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary-invert, #ffffff)}@media (hover:hover){.___SDismiss_1i74f_gg_:hover{color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}}.___SNoticeBubble_1i74f_gg_{width:300px;position:fixed;z-index:var(--intergalactic-z-index-notice-bubble, 999);right:var(--intergalactic-spacing-3x, 12px);top:var(--intergalactic-spacing-3x, 12px)}@media (max-width:767px){.___SNoticeBubble_1i74f_gg_{width:calc(100% - var(--intergalactic-spacing-6x, 24px))}}.___SNoticeBubble_1i74f_gg_.__disablePortal_1i74f_gg_{position:sticky;margin-left:auto;height:0}.___SMessage_1i74f_gg_ a{color:var(--intergalactic-text-link-invert, #8ecdff)}" /*__inner_css_end__*/, "1i74f_gg_") /*__reshadow_css_end__*/, {
-  "__SContent": "___SContent_1i74f_gg_",
-  "__SMessage": "___SMessage_1i74f_gg_",
-  "__SNoticeBubble": "___SNoticeBubble_1i74f_gg_",
-  "_disablePortal": "__disablePortal_1i74f_gg_",
-  "@enter": "enter_1i74f",
-  "@exit": "exit_1i74f",
-  "__SBubble": "___SBubble_1i74f_gg_",
-  "__SView": "___SView_1i74f_gg_",
-  "_type_info": "_type_info_1i74f_gg_",
-  "_type_warning": "_type_warning_1i74f_gg_",
-  "__SDismiss": "___SDismiss_1i74f_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes enter_12odq{0%{transform:translate(100%,0);max-height:0;overflow:hidden}to{transform:translate(0,0);max-height:100vh;overflow:hidden}}@keyframes exit_12odq{0%{max-height:100vh;overflow:hidden;opacity:1}to{max-height:0;overflow:hidden;opacity:0}}.___SBubble_12odq_gg_,.___SView_12odq_gg_{position:relative;margin-bottom:var(--intergalactic-spacing-3x, 12px);padding:var(--intergalactic-spacing-3x, 12px) calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-1x, 4px)) var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-3x, 12px);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_12odq_gg_._type_info_12odq_gg_,.___SView_12odq_gg_._type_info_12odq_gg_{background:var(--intergalactic-bg-primary-invert, #191b23)}.___SBubble_12odq_gg_._type_warning_12odq_gg_,.___SView_12odq_gg_._type_warning_12odq_gg_{background:var(--intergalactic-bg-primary-critical, #ff4953)}.___SContent_12odq_gg_{flex-direction:column;gap:var(--intergalactic-spacing-2x, 8px);flex:1}.___SMessage_12odq_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-100, 133%)}.___SDismiss_12odq_gg_{cursor:pointer;position:absolute;right:0;top:0;padding:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary-invert, #ffffff)}@media (hover:hover){.___SDismiss_12odq_gg_:hover{color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}}.___SNoticeBubble_12odq_gg_{width:300px;position:fixed;z-index:var(--intergalactic-z-index-notice-bubble, 999);right:var(--intergalactic-spacing-3x, 12px);top:var(--intergalactic-spacing-3x, 12px)}@media (max-width:767px){.___SNoticeBubble_12odq_gg_{width:calc(100% - var(--intergalactic-spacing-6x, 24px))}}.___SNoticeBubble_12odq_gg_.__disablePortal_12odq_gg_{position:sticky;margin-left:auto;height:0}.___SMessage_12odq_gg_ a{color:var(--intergalactic-text-link-invert, #8ecdff)}" /*__inner_css_end__*/, "12odq_gg_") /*__reshadow_css_end__*/, {
+  "__SContent": "___SContent_12odq_gg_",
+  "__SMessage": "___SMessage_12odq_gg_",
+  "__SNoticeBubble": "___SNoticeBubble_12odq_gg_",
+  "_disablePortal": "__disablePortal_12odq_gg_",
+  "@enter": "enter_12odq",
+  "@exit": "exit_12odq",
+  "__SBubble": "___SBubble_12odq_gg_",
+  "__SView": "___SView_12odq_gg_",
+  "_type_info": "_type_info_12odq_gg_",
+  "_type_warning": "_type_warning_12odq_gg_",
+  "__SDismiss": "___SDismiss_12odq_gg_"
 });
 var Notices = function Notices(props) {
   var styles = props.styles,

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

@@ -23,17 +23,17 @@ var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynam
 var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
 var _useCssVariable = require("intergalactic/utils/lib/useCssVariable");
 /*__reshadow-styles__:"./style/notice-global.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SNoticeGlobal_1uzm8_gg_{display:flex;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);box-sizing:border-box;padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-8x, 32px)}.___SCloseIcon_1uzm8_gg_{flex-shrink:0;margin-top:var(--intergalactic-spacing-05x, 2px);margin-left:var(--intergalactic-spacing-4x, 16px)}@media (hover:hover){.___SCloseIcon_1uzm8_gg_:hover{cursor:pointer}}.___SNoticeGlobal_1uzm8_gg_._theme_neutral_1uzm8_gg_{background-color:var(--intergalactic-bg-primary-muted, #6c6e79);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1uzm8_gg_._theme_info_1uzm8_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1uzm8_gg_._theme_danger_1uzm8_gg_ .___SCloseIcon_1uzm8_gg_,.___SNoticeGlobal_1uzm8_gg_._theme_info_1uzm8_gg_ .___SCloseIcon_1uzm8_gg_,.___SNoticeGlobal_1uzm8_gg_._theme_success_1uzm8_gg_ .___SCloseIcon_1uzm8_gg_,.___SNoticeGlobal_1uzm8_gg_._theme_warning_1uzm8_gg_ .___SCloseIcon_1uzm8_gg_{color:var(--intergalactic-icon-primary-invert, #ffffff)}@media (hover:hover){.___SNoticeGlobal_1uzm8_gg_._theme_info_1uzm8_gg_ .___SCloseIcon_1uzm8_gg_:hover{color:var(--intergalactic-icon-primary-invert-hover-active, #e0e1e9)}}.___SNoticeGlobal_1uzm8_gg_._theme_danger_1uzm8_gg_{background-color:var(--intergalactic-bg-primary-critical, #ff4953);color:var(--intergalactic-text-primary-invert, #ffffff)}@media (hover:hover){.___SNoticeGlobal_1uzm8_gg_._theme_danger_1uzm8_gg_ .___SCloseIcon_1uzm8_gg_:hover{color:var(--intergalactic-icon-primary-invert-hover-active, #e0e1e9)}}.___SNoticeGlobal_1uzm8_gg_._theme_warning_1uzm8_gg_{background-color:var(--intergalactic-bg-primary-warning, #ff642d);color:var(--intergalactic-text-primary-invert, #ffffff)}@media (hover:hover){.___SNoticeGlobal_1uzm8_gg_._theme_warning_1uzm8_gg_ .___SCloseIcon_1uzm8_gg_:hover{color:var(--intergalactic-icon-primary-invert-hover-active, #e0e1e9)}}.___SNoticeGlobal_1uzm8_gg_._theme_success_1uzm8_gg_{background-color:var(--intergalactic-bg-primary-success, #009f81);color:var(--intergalactic-text-primary-invert, #ffffff)}@media (hover:hover){.___SNoticeGlobal_1uzm8_gg_._theme_success_1uzm8_gg_ .___SCloseIcon_1uzm8_gg_:hover{color:var(--intergalactic-icon-primary-invert-hover-active, #e0e1e9)}}.___SNoticeGlobal_1uzm8_gg_._theme_custom_1uzm8_gg_{background-color:var(--backgroundColor_1uzm8)}.___SContent_1uzm8_gg_{flex:1 1 auto;width:100%;justify-content:center}" /*__inner_css_end__*/, "1uzm8_gg_") /*__reshadow_css_end__*/, {
-  "__SNoticeGlobal": "___SNoticeGlobal_1uzm8_gg_",
-  "_theme_neutral": "_theme_neutral_1uzm8_gg_",
-  "_theme_custom": "_theme_custom_1uzm8_gg_",
-  "--backgroundColor": "--backgroundColor_1uzm8",
-  "__SContent": "___SContent_1uzm8_gg_",
-  "__SCloseIcon": "___SCloseIcon_1uzm8_gg_",
-  "_theme_info": "_theme_info_1uzm8_gg_",
-  "_theme_danger": "_theme_danger_1uzm8_gg_",
-  "_theme_warning": "_theme_warning_1uzm8_gg_",
-  "_theme_success": "_theme_success_1uzm8_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SNoticeGlobal_1t4j4_gg_{display:flex;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);box-sizing:border-box;padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-8x, 32px)}.___SCloseIcon_1t4j4_gg_{flex-shrink:0;margin-top:var(--intergalactic-spacing-05x, 2px);margin-left:var(--intergalactic-spacing-4x, 16px)}@media (hover:hover){.___SCloseIcon_1t4j4_gg_:hover{cursor:pointer}}.___SNoticeGlobal_1t4j4_gg_._theme_neutral_1t4j4_gg_{background-color:var(--intergalactic-bg-primary-muted, #6c6e79);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1t4j4_gg_._theme_info_1t4j4_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1t4j4_gg_._theme_danger_1t4j4_gg_ .___SCloseIcon_1t4j4_gg_,.___SNoticeGlobal_1t4j4_gg_._theme_info_1t4j4_gg_ .___SCloseIcon_1t4j4_gg_,.___SNoticeGlobal_1t4j4_gg_._theme_success_1t4j4_gg_ .___SCloseIcon_1t4j4_gg_,.___SNoticeGlobal_1t4j4_gg_._theme_warning_1t4j4_gg_ .___SCloseIcon_1t4j4_gg_{color:var(--intergalactic-icon-primary-invert, #ffffff)}@media (hover:hover){.___SNoticeGlobal_1t4j4_gg_._theme_info_1t4j4_gg_ .___SCloseIcon_1t4j4_gg_:hover{color:var(--intergalactic-icon-primary-invert-hover-active, #e0e1e9)}}.___SNoticeGlobal_1t4j4_gg_._theme_danger_1t4j4_gg_{background-color:var(--intergalactic-bg-primary-critical, #ff4953);color:var(--intergalactic-text-primary-invert, #ffffff)}@media (hover:hover){.___SNoticeGlobal_1t4j4_gg_._theme_danger_1t4j4_gg_ .___SCloseIcon_1t4j4_gg_:hover{color:var(--intergalactic-icon-primary-invert-hover-active, #e0e1e9)}}.___SNoticeGlobal_1t4j4_gg_._theme_warning_1t4j4_gg_{background-color:var(--intergalactic-bg-primary-warning, #ff642d);color:var(--intergalactic-text-primary-invert, #ffffff)}@media (hover:hover){.___SNoticeGlobal_1t4j4_gg_._theme_warning_1t4j4_gg_ .___SCloseIcon_1t4j4_gg_:hover{color:var(--intergalactic-icon-primary-invert-hover-active, #e0e1e9)}}.___SNoticeGlobal_1t4j4_gg_._theme_success_1t4j4_gg_{background-color:var(--intergalactic-bg-primary-success, #009f81);color:var(--intergalactic-text-primary-invert, #ffffff)}@media (hover:hover){.___SNoticeGlobal_1t4j4_gg_._theme_success_1t4j4_gg_ .___SCloseIcon_1t4j4_gg_:hover{color:var(--intergalactic-icon-primary-invert-hover-active, #e0e1e9)}}.___SNoticeGlobal_1t4j4_gg_._theme_custom_1t4j4_gg_{background-color:var(--backgroundColor_1t4j4)}.___SContent_1t4j4_gg_{flex:1 1 auto;width:100%;justify-content:center}" /*__inner_css_end__*/, "1t4j4_gg_") /*__reshadow_css_end__*/, {
+  "__SNoticeGlobal": "___SNoticeGlobal_1t4j4_gg_",
+  "_theme_neutral": "_theme_neutral_1t4j4_gg_",
+  "_theme_custom": "_theme_custom_1t4j4_gg_",
+  "--backgroundColor": "--backgroundColor_1t4j4",
+  "__SContent": "___SContent_1t4j4_gg_",
+  "__SCloseIcon": "___SCloseIcon_1t4j4_gg_",
+  "_theme_info": "_theme_info_1t4j4_gg_",
+  "_theme_danger": "_theme_danger_1t4j4_gg_",
+  "_theme_warning": "_theme_warning_1t4j4_gg_",
+  "_theme_success": "_theme_success_1t4j4_gg_"
 });
 function isCustomTheme(theme) {
   return !['danger', 'warning', 'success', 'info', 'neutral'].includes(theme);

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

@@ -19,17 +19,17 @@ 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-global.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SNoticeGlobal_1uzm8_gg_{display:flex;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);box-sizing:border-box;padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-8x, 32px)}.___SCloseIcon_1uzm8_gg_{flex-shrink:0;margin-top:var(--intergalactic-spacing-05x, 2px);margin-left:var(--intergalactic-spacing-4x, 16px)}@media (hover:hover){.___SCloseIcon_1uzm8_gg_:hover{cursor:pointer}}.___SNoticeGlobal_1uzm8_gg_._theme_neutral_1uzm8_gg_{background-color:var(--intergalactic-bg-primary-muted, #6c6e79);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1uzm8_gg_._theme_info_1uzm8_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1uzm8_gg_._theme_danger_1uzm8_gg_ .___SCloseIcon_1uzm8_gg_,.___SNoticeGlobal_1uzm8_gg_._theme_info_1uzm8_gg_ .___SCloseIcon_1uzm8_gg_,.___SNoticeGlobal_1uzm8_gg_._theme_success_1uzm8_gg_ .___SCloseIcon_1uzm8_gg_,.___SNoticeGlobal_1uzm8_gg_._theme_warning_1uzm8_gg_ .___SCloseIcon_1uzm8_gg_{color:var(--intergalactic-icon-primary-invert, #ffffff)}@media (hover:hover){.___SNoticeGlobal_1uzm8_gg_._theme_info_1uzm8_gg_ .___SCloseIcon_1uzm8_gg_:hover{color:var(--intergalactic-icon-primary-invert-hover-active, #e0e1e9)}}.___SNoticeGlobal_1uzm8_gg_._theme_danger_1uzm8_gg_{background-color:var(--intergalactic-bg-primary-critical, #ff4953);color:var(--intergalactic-text-primary-invert, #ffffff)}@media (hover:hover){.___SNoticeGlobal_1uzm8_gg_._theme_danger_1uzm8_gg_ .___SCloseIcon_1uzm8_gg_:hover{color:var(--intergalactic-icon-primary-invert-hover-active, #e0e1e9)}}.___SNoticeGlobal_1uzm8_gg_._theme_warning_1uzm8_gg_{background-color:var(--intergalactic-bg-primary-warning, #ff642d);color:var(--intergalactic-text-primary-invert, #ffffff)}@media (hover:hover){.___SNoticeGlobal_1uzm8_gg_._theme_warning_1uzm8_gg_ .___SCloseIcon_1uzm8_gg_:hover{color:var(--intergalactic-icon-primary-invert-hover-active, #e0e1e9)}}.___SNoticeGlobal_1uzm8_gg_._theme_success_1uzm8_gg_{background-color:var(--intergalactic-bg-primary-success, #009f81);color:var(--intergalactic-text-primary-invert, #ffffff)}@media (hover:hover){.___SNoticeGlobal_1uzm8_gg_._theme_success_1uzm8_gg_ .___SCloseIcon_1uzm8_gg_:hover{color:var(--intergalactic-icon-primary-invert-hover-active, #e0e1e9)}}.___SNoticeGlobal_1uzm8_gg_._theme_custom_1uzm8_gg_{background-color:var(--backgroundColor_1uzm8)}.___SContent_1uzm8_gg_{flex:1 1 auto;width:100%;justify-content:center}" /*__inner_css_end__*/, "1uzm8_gg_") /*__reshadow_css_end__*/, {
-  "__SNoticeGlobal": "___SNoticeGlobal_1uzm8_gg_",
-  "_theme_neutral": "_theme_neutral_1uzm8_gg_",
-  "_theme_custom": "_theme_custom_1uzm8_gg_",
-  "--backgroundColor": "--backgroundColor_1uzm8",
-  "__SContent": "___SContent_1uzm8_gg_",
-  "__SCloseIcon": "___SCloseIcon_1uzm8_gg_",
-  "_theme_info": "_theme_info_1uzm8_gg_",
-  "_theme_danger": "_theme_danger_1uzm8_gg_",
-  "_theme_warning": "_theme_warning_1uzm8_gg_",
-  "_theme_success": "_theme_success_1uzm8_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SNoticeGlobal_1t4j4_gg_{display:flex;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);box-sizing:border-box;padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-8x, 32px)}.___SCloseIcon_1t4j4_gg_{flex-shrink:0;margin-top:var(--intergalactic-spacing-05x, 2px);margin-left:var(--intergalactic-spacing-4x, 16px)}@media (hover:hover){.___SCloseIcon_1t4j4_gg_:hover{cursor:pointer}}.___SNoticeGlobal_1t4j4_gg_._theme_neutral_1t4j4_gg_{background-color:var(--intergalactic-bg-primary-muted, #6c6e79);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1t4j4_gg_._theme_info_1t4j4_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1t4j4_gg_._theme_danger_1t4j4_gg_ .___SCloseIcon_1t4j4_gg_,.___SNoticeGlobal_1t4j4_gg_._theme_info_1t4j4_gg_ .___SCloseIcon_1t4j4_gg_,.___SNoticeGlobal_1t4j4_gg_._theme_success_1t4j4_gg_ .___SCloseIcon_1t4j4_gg_,.___SNoticeGlobal_1t4j4_gg_._theme_warning_1t4j4_gg_ .___SCloseIcon_1t4j4_gg_{color:var(--intergalactic-icon-primary-invert, #ffffff)}@media (hover:hover){.___SNoticeGlobal_1t4j4_gg_._theme_info_1t4j4_gg_ .___SCloseIcon_1t4j4_gg_:hover{color:var(--intergalactic-icon-primary-invert-hover-active, #e0e1e9)}}.___SNoticeGlobal_1t4j4_gg_._theme_danger_1t4j4_gg_{background-color:var(--intergalactic-bg-primary-critical, #ff4953);color:var(--intergalactic-text-primary-invert, #ffffff)}@media (hover:hover){.___SNoticeGlobal_1t4j4_gg_._theme_danger_1t4j4_gg_ .___SCloseIcon_1t4j4_gg_:hover{color:var(--intergalactic-icon-primary-invert-hover-active, #e0e1e9)}}.___SNoticeGlobal_1t4j4_gg_._theme_warning_1t4j4_gg_{background-color:var(--intergalactic-bg-primary-warning, #ff642d);color:var(--intergalactic-text-primary-invert, #ffffff)}@media (hover:hover){.___SNoticeGlobal_1t4j4_gg_._theme_warning_1t4j4_gg_ .___SCloseIcon_1t4j4_gg_:hover{color:var(--intergalactic-icon-primary-invert-hover-active, #e0e1e9)}}.___SNoticeGlobal_1t4j4_gg_._theme_success_1t4j4_gg_{background-color:var(--intergalactic-bg-primary-success, #009f81);color:var(--intergalactic-text-primary-invert, #ffffff)}@media (hover:hover){.___SNoticeGlobal_1t4j4_gg_._theme_success_1t4j4_gg_ .___SCloseIcon_1t4j4_gg_:hover{color:var(--intergalactic-icon-primary-invert-hover-active, #e0e1e9)}}.___SNoticeGlobal_1t4j4_gg_._theme_custom_1t4j4_gg_{background-color:var(--backgroundColor_1t4j4)}.___SContent_1t4j4_gg_{flex:1 1 auto;width:100%;justify-content:center}" /*__inner_css_end__*/, "1t4j4_gg_") /*__reshadow_css_end__*/, {
+  "__SNoticeGlobal": "___SNoticeGlobal_1t4j4_gg_",
+  "_theme_neutral": "_theme_neutral_1t4j4_gg_",
+  "_theme_custom": "_theme_custom_1t4j4_gg_",
+  "--backgroundColor": "--backgroundColor_1t4j4",
+  "__SContent": "___SContent_1t4j4_gg_",
+  "__SCloseIcon": "___SCloseIcon_1t4j4_gg_",
+  "_theme_info": "_theme_info_1t4j4_gg_",
+  "_theme_danger": "_theme_danger_1t4j4_gg_",
+  "_theme_warning": "_theme_warning_1t4j4_gg_",
+  "_theme_success": "_theme_success_1t4j4_gg_"
 });
 function isCustomTheme(theme) {
   return !['danger', 'warning', 'success', 'info', 'neutral'].includes(theme);

package/package.json

@@ -1,9 +1,34 @@
 {
   "name": "intergalactic",
-  "version": "15.54.1",
+  "version": "15.55.0-prerelease.0-prerelease-ed0bbc02",
   "license": "MIT",
   "dependencies": {
-    "intergalactic-migrate": "0.0.0"
+    "intergalactic-migrate": "0.0.0",
+    "@reshadow/core": "0.0.1-alpha.74",
+    "classnames": "2.2.6",
+    "hoist-non-react-statics": "3.3.2",
+    "dayjs": "1.8.36",
+    "@formatjs/intl": "2.3.0",
+    "@types/d3-shape": "^3.1.0",
+    "@upsetjs/venn.js": "1.4.2",
+    "d3-array": "3.1.6",
+    "d3-interpolate": "3.0.1",
+    "d3-polygon": "^3.0.1",
+    "d3-scale": "4.0.2",
+    "d3-shape": "3.2.0",
+    "d3-time": "3.1.0",
+    "d3-time-format": "4.1.0",
+    "d3-transition": "3.0.1",
+    "final-form": "4.20.4",
+    "final-form-focus": "1.1.2",
+    "react-final-form": "6.5.9",
+    "csstype": "3.0.8",
+    "@babel/runtime": "^7.17.9",
+    "text-mask-core": "5.1.2",
+    "@popperjs/core": "2.11.5",
+    "focus-lock": "0.11.3",
+    "@phytonmk/nano-css": "5.3.7",
+    "unplugin": "1.2.0"
   },
   "peerDependencies": {
     "react": "16.8 - 18",