intergalactic 15.96.0 → 15.96.1-prerelease.0

package/dropdown/lib/es6/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","names":["React","createComponent","Root","Component","sstyled","Popper","capitalizeFirstLetter","uniqueIDEnhancement","i18nEnhance","localizedMessages","style","_sstyled","insert","hasFocusableIn","INTERACTION_TAGS","Dropdown","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","createRef","name","enabled","phase","fn","_ref3","state","options","_state$placement$spli","placement","split","_state$placement$spli2","_slicedToArray","position","isVertical","indexOf","len","referenceLen","elements","reference","stretch","rects","popper","width","Math","max","e","_this$asProps","asProps","visible","interaction","element","popperRef","current","key","preventDefault","includes","target","tagName","handlers","_createClass","value","uncontrolledProps","getTriggerProps","_this$asProps2","uid","disablePortal","getI18nText","id","undefined","focusHint","onKeyDown","handlerTriggerKeyDown","getPopperProps","_this$asProps3","ignorePortalsStacking","tabIndex","ref","focusMaster","render","_this$asProps4","Children","forwardRef","_this$asProps4$modifi","modifiers","other","_objectWithoutProperties","_excluded","createElement","_extends","_toConsumableArray","defaultModifiers","_typeof","offset","defaultVisible","i18n","locale","DropdownPopper","_ref4","_ref","arguments[0]","_ref2","styles","SDropdownPopper","cn","_objectSpread","_assignProps","Trigger","parent"],"sources":["../../src/Dropdown.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Root, Component, sstyled } from '@semcore/core';\nimport Popper from '@semcore/popper';\nimport capitalizeFirstLetter from '@semcore/utils/lib/capitalizeFirstLetter';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nimport style from './style/dropdown.shadow.css';\nimport { hasFocusableIn } from '@semcore/utils/lib/use/useFocusLock';\n\nconst INTERACTION_TAGS = ['INPUT', 'TEXTAREA'];\n\nclass Dropdown extends Component {\n  static displayName = 'Dropdown';\n  static style = style;\n  static defaultProps = {\n    // timeout: [100, 50],\n    placement: 'bottom-start',\n    offset: [0, 4],\n    stretch: 'min',\n    defaultVisible: false,\n    i18n: localizedMessages,\n    locale: 'en',\n    interaction: 'click',\n  };\n  static enhance = [uniqueIDEnhancement(), i18nEnhance(localizedMessages)];\n\n  popperRef = React.createRef();\n\n  uncontrolledProps() {\n    return {\n      visible: null,\n    };\n  }\n\n  defaultModifiers = [\n    {\n      name: 'flip',\n      enabled: false,\n    },\n    {\n      name: 'stretch',\n      phase: 'beforeRead',\n      enabled: true,\n      fn: function ({ state, options }) {\n        const [position] = state.placement.split('-');\n\n        const isVertical = ['left', 'right'].indexOf(position) !== -1;\n        const len = isVertical ? 'height' : 'width';\n        const referenceLen = state.elements.reference[`offset${capitalizeFirstLetter(len)}`];\n\n        if (options.stretch === 'min') {\n          state.rects.popper.width = Math.max(state.rects.popper.width, referenceLen);\n          state.elements.popper.style[`min${capitalizeFirstLetter(len)}`] = `${referenceLen}px`;\n        }\n\n        if (options.stretch === 'fixed') {\n          state.rects.popper.width = referenceLen;\n          state.elements.popper.style[len] = `${referenceLen}px`;\n        }\n      },\n    },\n  ];\n\n  handlerTriggerKeyDown = (e) => {\n    const { visible, interaction } = this.asProps;\n    const element = this.popperRef.current;\n\n    if (\n      interaction === 'click' &&\n      visible &&\n      e.key === 'Tab' &&\n      element &&\n      !hasFocusableIn(element)\n    ) {\n      e.preventDefault();\n\n      return;\n    }\n\n    if (e.key === ' ' && INTERACTION_TAGS.includes(e.target.tagName)) return;\n    if (e.key === 'Enter' && e.target.tagName === 'TEXTAREA') return;\n\n    if (['Enter', ' '].includes(e.key)) {\n      e.preventDefault();\n      this.handlers.visible(true);\n    }\n  };\n\n  getTriggerProps() {\n    const { uid, visible, disablePortal, getI18nText } = this.asProps;\n\n    return {\n      id: `igc-${uid}-trigger`,\n      'aria-controls': visible ? `igc-${uid}-popper` : undefined,\n      focusHint: visible && !disablePortal ? getI18nText('triggerHint') : undefined,\n      'aria-expanded': visible ? 'true' : 'false',\n      onKeyDown: this.handlerTriggerKeyDown,\n    };\n  }\n\n  getPopperProps() {\n    const { uid, disablePortal, ignorePortalsStacking, interaction } = this.asProps;\n\n    return {\n      id: `igc-${uid}-popper`,\n      tabIndex: 0,\n      disablePortal,\n      ignorePortalsStacking,\n      ref: this.popperRef,\n      focusMaster: interaction === 'click',\n    };\n  }\n\n  render() {\n    const { Children, forwardRef, modifiers = [], stretch, ...other } = this.asProps;\n\n    return (\n      <Popper\n        ref={forwardRef}\n        modifiers={[\n          ...this.defaultModifiers,\n          {\n            name: 'stretch',\n            options: typeof stretch === 'object' ? stretch : { stretch },\n          },\n          ...modifiers,\n        ]}\n        {...other}\n      >\n        <Children />\n      </Popper>\n    );\n  }\n}\n\nfunction DropdownPopper({ styles }) {\n  const SDropdownPopper = Root;\n  return sstyled(styles)(<SDropdownPopper render={Popper.Popper} />);\n}\n\nexport default createComponent(\n  Dropdown,\n  {\n    Trigger: Popper.Trigger,\n    Popper: DropdownPopper,\n  },\n  {\n    parent: Popper,\n  },\n);\n"],"mappings":"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"}
+{"version":3,"file":"Dropdown.js","names":["React","createComponent","Root","Component","sstyled","Popper","capitalizeFirstLetter","uniqueIDEnhancement","i18nEnhance","localizedMessages","style","_sstyled","insert","hasFocusableIn","INTERACTION_TAGS","Dropdown","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","createRef","name","enabled","phase","fn","_ref3","state","options","_state$placement$spli","placement","split","_state$placement$spli2","_slicedToArray","position","isVertical","indexOf","len","referenceLen","elements","reference","stretch","rects","popper","width","Math","max","e","_this$asProps","asProps","visible","interaction","element","popperRef","current","key","preventDefault","includes","target","tagName","handlers","_createClass","value","uncontrolledProps","getTriggerProps","_this$asProps2","uid","disablePortal","getI18nText","id","undefined","focusHint","onKeyDown","handlerTriggerKeyDown","getPopperProps","_this$asProps3","ignorePortalsStacking","tabIndex","ref","focusMaster","render","_this$asProps4","Children","forwardRef","_this$asProps4$modifi","modifiers","other","_objectWithoutProperties","_excluded","createElement","_extends","_toConsumableArray","defaultModifiers","_typeof","offset","defaultVisible","i18n","locale","DropdownPopper","_ref4","_ref","arguments[0]","_ref2","styles","SDropdownPopper","cn","_objectSpread","_assignProps","Trigger","parent"],"sources":["../../src/Dropdown.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Root, Component, sstyled } from '@semcore/core';\nimport Popper from '@semcore/popper';\nimport capitalizeFirstLetter from '@semcore/utils/lib/capitalizeFirstLetter';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nimport style from './style/dropdown.shadow.css';\nimport { hasFocusableIn } from '@semcore/utils/lib/use/useFocusLock';\n\nconst INTERACTION_TAGS = ['INPUT', 'TEXTAREA'];\n\nclass Dropdown extends Component {\n  static displayName = 'Dropdown';\n  static style = style;\n  static defaultProps = {\n    // timeout: [100, 50],\n    placement: 'bottom-start',\n    offset: [0, 4],\n    stretch: 'min',\n    defaultVisible: false,\n    i18n: localizedMessages,\n    locale: 'en',\n    interaction: 'click',\n  };\n  static enhance = [uniqueIDEnhancement(), i18nEnhance(localizedMessages)];\n\n  popperRef = React.createRef();\n\n  uncontrolledProps() {\n    return {\n      visible: null,\n    };\n  }\n\n  defaultModifiers = [\n    {\n      name: 'flip',\n      enabled: false,\n    },\n    {\n      name: 'stretch',\n      phase: 'beforeRead',\n      enabled: true,\n      fn: function ({ state, options }) {\n        const [position] = state.placement.split('-');\n\n        const isVertical = ['left', 'right'].indexOf(position) !== -1;\n        const len = isVertical ? 'height' : 'width';\n        const referenceLen = state.elements.reference[`offset${capitalizeFirstLetter(len)}`];\n\n        if (options.stretch === 'min') {\n          state.rects.popper.width = Math.max(state.rects.popper.width, referenceLen);\n          state.elements.popper.style[`min${capitalizeFirstLetter(len)}`] = `${referenceLen}px`;\n        }\n\n        if (options.stretch === 'fixed') {\n          state.rects.popper.width = referenceLen;\n          state.elements.popper.style[len] = `${referenceLen}px`;\n        }\n      },\n    },\n  ];\n\n  handlerTriggerKeyDown = (e) => {\n    const { visible, interaction } = this.asProps;\n    const element = this.popperRef.current;\n\n    if (\n      interaction === 'click' &&\n      visible &&\n      e.key === 'Tab' &&\n      element &&\n      !hasFocusableIn(element)\n    ) {\n      e.preventDefault();\n\n      return;\n    }\n\n    if (e.key === ' ' && INTERACTION_TAGS.includes(e.target.tagName)) return;\n    if (e.key === 'Enter' && e.target.tagName === 'TEXTAREA') return;\n\n    if (['Enter', ' '].includes(e.key) && interaction !== 'none') {\n      e.preventDefault();\n      this.handlers.visible(true);\n    }\n  };\n\n  getTriggerProps() {\n    const { uid, visible, disablePortal, getI18nText } = this.asProps;\n\n    return {\n      id: `igc-${uid}-trigger`,\n      'aria-controls': visible ? `igc-${uid}-popper` : undefined,\n      focusHint: visible && !disablePortal ? getI18nText('triggerHint') : undefined,\n      'aria-expanded': visible ? 'true' : 'false',\n      onKeyDown: this.handlerTriggerKeyDown,\n    };\n  }\n\n  getPopperProps() {\n    const { uid, disablePortal, ignorePortalsStacking, interaction } = this.asProps;\n\n    return {\n      id: `igc-${uid}-popper`,\n      tabIndex: 0,\n      disablePortal,\n      ignorePortalsStacking,\n      ref: this.popperRef,\n      focusMaster: interaction === 'click',\n    };\n  }\n\n  render() {\n    const { Children, forwardRef, modifiers = [], stretch, ...other } = this.asProps;\n\n    return (\n      <Popper\n        ref={forwardRef}\n        modifiers={[\n          ...this.defaultModifiers,\n          {\n            name: 'stretch',\n            options: typeof stretch === 'object' ? stretch : { stretch },\n          },\n          ...modifiers,\n        ]}\n        {...other}\n      >\n        <Children />\n      </Popper>\n    );\n  }\n}\n\nfunction DropdownPopper({ styles }) {\n  const SDropdownPopper = Root;\n  return sstyled(styles)(<SDropdownPopper render={Popper.Popper} />);\n}\n\nexport default createComponent(\n  Dropdown,\n  {\n    Trigger: Popper.Trigger,\n    Popper: DropdownPopper,\n  },\n  {\n    parent: Popper,\n  },\n);\n"],"mappings":"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"}

package/dropdown-menu/lib/cjs/DropdownMenu.js

@@ -35,22 +35,22 @@ var _getFocusableIn = require("intergalactic/utils/lib/focus-lock/getFocusableIn
 var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
 var _excluded = ["className"];
 /*__reshadow-styles__:"./style/dropdown-menu.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SDropdownMenuItem_1jq2s_gg_,.___SDropdownMenuList_1jq2s_gg_{position:relative;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_1jq2s_gg_{max-height:240px;padding:var(--intergalactic-spacing-1x, 4px)0;min-height:26px;min-width:32px;box-sizing:content-box;z-index:0}.___SDropdownMenuItem_1jq2s_gg_{display:flex;align-items:center;-webkit-text-decoration:none;text-decoration:none;box-sizing:border-box;cursor:pointer;width:100%;text-align:left;line-height:normal}@media (hover:hover){.___SDropdownMenuItem_1jq2s_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}}.___SDropdownMenuItem_1jq2s_gg_:focus{outline:0}.___SDropdownMenuItem_1jq2s_gg_.__selected_1jq2s_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7));box-shadow:2px 0 0 0 var(--intergalactic-control-primary-info, #008ff8) inset}@media (hover:hover){.___SDropdownMenuItem_1jq2s_gg_.__selected_1jq2s_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SDropdownMenuItem_1jq2s_gg_.__highlighted_1jq2s_gg_:not(:focus-within){z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownMenuItem_1jq2s_gg_.__disabled_1jq2s_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SDropdownMenuItem_1jq2s_gg_._size_l_1jq2s_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);min-height:40px}.___SDropdownMenuItem_1jq2s_gg_._size_m_1jq2s_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);padding:calc(var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px)) var(--intergalactic-spacing-2x, 8px);min-height:32px}.___SDropdownMenuItem_1jq2s_gg_.__notInteractive_1jq2s_gg_{cursor:default}@media (hover:hover){.___SDropdownMenuItem_1jq2s_gg_.__notInteractive_1jq2s_gg_:hover{background:0 0}}.___SDropdownMenuItem_1jq2s_gg_._variant_hint_1jq2s_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}@media (hover:hover){.___SDropdownMenuItem_1jq2s_gg_._variant_hint_1jq2s_gg_:hover{background:0 0}}.___SDropdownMenuItem_1jq2s_gg_._variant_title_1jq2s_gg_{font-weight:var(--intergalactic-bold, 700);cursor:default}@media (hover:hover){.___SDropdownMenuItem_1jq2s_gg_._variant_title_1jq2s_gg_:hover{background:0 0}}.___SDropdownMenuItem_1jq2s_gg_.__visible_1jq2s_gg_{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}.___SDropdownMenuItem_1jq2s_gg_.__nesting-trigger_1jq2s_gg_{justify-content:space-between}.___SDropdownMenuItemAddon_1jq2s_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDropdownMenuItemAddon_1jq2s_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_1jq2s_gg_:last-child{margin-right:0}.___SDropdownMenuNesting_1jq2s_gg_,.___SDropdownMenuNesting_1jq2s_gg_._size_l_1jq2s_gg_,.___SDropdownMenuNesting_1jq2s_gg_._size_m_1jq2s_gg_{padding:0}.___SDropdownMenuNesting_1jq2s_gg_.__highlighted_1jq2s_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownNestingItem_1jq2s_gg_._size_l_1jq2s_gg_,.___SDropdownNestingItem_1jq2s_gg_._size_m_1jq2s_gg_{padding-right:0}.___SDropdownNestingItem_1jq2s_gg_ .___SDropdownMenuItem_1jq2s_gg_{width:auto;padding-top:0;padding-bottom:0;padding-left:0;min-height:auto}" /*__inner_css_end__*/, "1jq2s_gg_") /*__reshadow_css_end__*/, {
-  "__SDropdownMenuList": "___SDropdownMenuList_1jq2s_gg_",
-  "__SDropdownMenuItem": "___SDropdownMenuItem_1jq2s_gg_",
-  "_highlighted": "__highlighted_1jq2s_gg_",
-  "_disabled": "__disabled_1jq2s_gg_",
-  "_size_l": "_size_l_1jq2s_gg_",
-  "_size_m": "_size_m_1jq2s_gg_",
-  "_visible": "__visible_1jq2s_gg_",
-  "_nesting-trigger": "__nesting-trigger_1jq2s_gg_",
-  "__SDropdownMenuNesting": "___SDropdownMenuNesting_1jq2s_gg_",
-  "__SDropdownNestingItem": "___SDropdownNestingItem_1jq2s_gg_",
-  "_selected": "__selected_1jq2s_gg_",
-  "_notInteractive": "__notInteractive_1jq2s_gg_",
-  "_variant_hint": "_variant_hint_1jq2s_gg_",
-  "_variant_title": "_variant_title_1jq2s_gg_",
-  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_1jq2s_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SDropdownMenuItem_1i62j_gg_,.___SDropdownMenuList_1i62j_gg_{position:relative;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_1i62j_gg_{max-height:240px;padding:var(--intergalactic-spacing-1x, 4px)0;min-height:26px;min-width:32px;box-sizing:content-box;z-index:0}.___SDropdownMenuItem_1i62j_gg_{display:flex;align-items:center;-webkit-text-decoration:none;text-decoration:none;box-sizing:border-box;cursor:pointer;width:100%;text-align:left;line-height:normal}@media (hover:hover){.___SDropdownMenuItem_1i62j_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}}.___SDropdownMenuItem_1i62j_gg_:focus{outline:0}.___SDropdownMenuItem_1i62j_gg_.__selected_1i62j_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7));box-shadow:2px 0 0 0 var(--intergalactic-control-primary-info, #008ff8) inset}@media (hover:hover){.___SDropdownMenuItem_1i62j_gg_.__selected_1i62j_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SDropdownMenuItem_1i62j_gg_.__highlighted_1i62j_gg_:not(:focus-within){z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownMenuItem_1i62j_gg_.__disabled_1i62j_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SDropdownMenuItem_1i62j_gg_._size_l_1i62j_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);min-height:40px}.___SDropdownMenuItem_1i62j_gg_._size_m_1i62j_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);padding:calc(var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px)) var(--intergalactic-spacing-2x, 8px);min-height:32px}.___SDropdownMenuItem_1i62j_gg_.__notInteractive_1i62j_gg_{cursor:default}@media (hover:hover){.___SDropdownMenuItem_1i62j_gg_.__notInteractive_1i62j_gg_:hover{background:0 0}}.___SDropdownMenuItem_1i62j_gg_._variant_hint_1i62j_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}@media (hover:hover){.___SDropdownMenuItem_1i62j_gg_._variant_hint_1i62j_gg_:hover{background:0 0}}.___SDropdownMenuItem_1i62j_gg_._variant_title_1i62j_gg_{font-weight:var(--intergalactic-bold, 700);cursor:default}@media (hover:hover){.___SDropdownMenuItem_1i62j_gg_._variant_title_1i62j_gg_:hover{background:0 0}}.___SDropdownMenuItem_1i62j_gg_.__visible_1i62j_gg_{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}.___SDropdownMenuItem_1i62j_gg_.__nesting-trigger_1i62j_gg_{justify-content:space-between}.___SDropdownMenuItemAddon_1i62j_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDropdownMenuItemAddon_1i62j_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_1i62j_gg_:last-child{margin-right:0}.___SDropdownMenuNesting_1i62j_gg_,.___SDropdownMenuNesting_1i62j_gg_._size_l_1i62j_gg_,.___SDropdownMenuNesting_1i62j_gg_._size_m_1i62j_gg_{padding:0}.___SDropdownMenuNesting_1i62j_gg_.__highlighted_1i62j_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownNestingItem_1i62j_gg_._size_l_1i62j_gg_,.___SDropdownNestingItem_1i62j_gg_._size_m_1i62j_gg_{padding-right:0}.___SDropdownNestingItem_1i62j_gg_ .___SDropdownMenuItem_1i62j_gg_{width:auto;padding-top:0;padding-bottom:0;padding-left:0;min-height:auto}" /*__inner_css_end__*/, "1i62j_gg_") /*__reshadow_css_end__*/, {
+  "__SDropdownMenuList": "___SDropdownMenuList_1i62j_gg_",
+  "__SDropdownMenuItem": "___SDropdownMenuItem_1i62j_gg_",
+  "_highlighted": "__highlighted_1i62j_gg_",
+  "_disabled": "__disabled_1i62j_gg_",
+  "_size_l": "_size_l_1i62j_gg_",
+  "_size_m": "_size_m_1i62j_gg_",
+  "_visible": "__visible_1i62j_gg_",
+  "_nesting-trigger": "__nesting-trigger_1i62j_gg_",
+  "__SDropdownMenuNesting": "___SDropdownMenuNesting_1i62j_gg_",
+  "__SDropdownNestingItem": "___SDropdownNestingItem_1i62j_gg_",
+  "_selected": "__selected_1i62j_gg_",
+  "_notInteractive": "__notInteractive_1i62j_gg_",
+  "_variant_hint": "_variant_hint_1i62j_gg_",
+  "_variant_title": "_variant_title_1i62j_gg_",
+  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_1i62j_gg_"
 });
 var DropdownMenuRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(DropdownMenuRoot, _Component);

package/dropdown-menu/lib/cjs/styleScrollArea.js

@@ -11,12 +11,12 @@ var _index = require("intergalactic/utils/lib/core/index");
  *
  * We will figure out what to do with it and remove it.
  *  */
-var scrollStyles = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_1ktd5_gg_:after,.___SShadowHorizontal_1ktd5_gg_:before{width:16px;height:100%;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowHorizontal_1ktd5_gg_._position_median_1ktd5_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-left,\n      linear-gradient(to right, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}.___SShadowHorizontal_1ktd5_gg_._position_median_1ktd5_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-right,\n      linear-gradient(to left, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}.___SShadowHorizontal_1ktd5_gg_._position_start_1ktd5_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-left,\n      linear-gradient(to right, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}.___SShadowHorizontal_1ktd5_gg_._position_end_1ktd5_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-right,\n      linear-gradient(to left, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}.___SShadowVertical_1ktd5_gg_:after,.___SShadowVertical_1ktd5_gg_:before{width:100%;height:16px;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowVertical_1ktd5_gg_._position_median_1ktd5_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-top,\n      linear-gradient(to bottom, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}.___SShadowVertical_1ktd5_gg_._position_median_1ktd5_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-bottom,\n      linear-gradient(to top, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}.___SShadowVertical_1ktd5_gg_._position_start_1ktd5_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-top,\n      linear-gradient(to bottom, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}.___SShadowVertical_1ktd5_gg_._position_end_1ktd5_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-bottom,\n      linear-gradient(to top, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}" /*__inner_css_end__*/, "1ktd5_gg_") /*__reshadow_css_end__*/, {
-  "__SShadowHorizontal": "___SShadowHorizontal_1ktd5_gg_",
-  "_position_median": "_position_median_1ktd5_gg_",
-  "_position_start": "_position_start_1ktd5_gg_",
-  "_position_end": "_position_end_1ktd5_gg_",
-  "__SShadowVertical": "___SShadowVertical_1ktd5_gg_"
+var scrollStyles = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_hjjf0_gg_:after,.___SShadowHorizontal_hjjf0_gg_:before{width:16px;height:100%;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowHorizontal_hjjf0_gg_._position_median_hjjf0_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-left,\n      linear-gradient(to right, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}.___SShadowHorizontal_hjjf0_gg_._position_median_hjjf0_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-right,\n      linear-gradient(to left, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}.___SShadowHorizontal_hjjf0_gg_._position_start_hjjf0_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-left,\n      linear-gradient(to right, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}.___SShadowHorizontal_hjjf0_gg_._position_end_hjjf0_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-right,\n      linear-gradient(to left, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}.___SShadowVertical_hjjf0_gg_:after,.___SShadowVertical_hjjf0_gg_:before{width:100%;height:16px;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowVertical_hjjf0_gg_._position_median_hjjf0_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-top,\n      linear-gradient(to bottom, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}.___SShadowVertical_hjjf0_gg_._position_median_hjjf0_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-bottom,\n      linear-gradient(to top, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}.___SShadowVertical_hjjf0_gg_._position_start_hjjf0_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-top,\n      linear-gradient(to bottom, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}.___SShadowVertical_hjjf0_gg_._position_end_hjjf0_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-bottom,\n      linear-gradient(to top, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}" /*__inner_css_end__*/, "hjjf0_gg_") /*__reshadow_css_end__*/, {
+  "__SShadowHorizontal": "___SShadowHorizontal_hjjf0_gg_",
+  "_position_median": "_position_median_hjjf0_gg_",
+  "_position_start": "_position_start_hjjf0_gg_",
+  "_position_end": "_position_end_hjjf0_gg_",
+  "__SShadowVertical": "___SShadowVertical_hjjf0_gg_"
 });
 var _default = scrollStyles;
 exports["default"] = _default;

package/dropdown-menu/lib/es6/DropdownMenu.js

@@ -33,22 +33,22 @@ import { useFocusLock } from 'intergalactic/utils/lib/use/useFocusLock';
 import { hasParent } from 'intergalactic/utils/lib/hasParent';
 import scrollStyles from './styleScrollArea';
 /*__reshadow-styles__:"./style/dropdown-menu.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDropdownMenuItem_1jq2s_gg_,.___SDropdownMenuList_1jq2s_gg_{position:relative;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_1jq2s_gg_{max-height:240px;padding:var(--intergalactic-spacing-1x, 4px)0;min-height:26px;min-width:32px;box-sizing:content-box;z-index:0}.___SDropdownMenuItem_1jq2s_gg_{display:flex;align-items:center;-webkit-text-decoration:none;text-decoration:none;box-sizing:border-box;cursor:pointer;width:100%;text-align:left;line-height:normal}@media (hover:hover){.___SDropdownMenuItem_1jq2s_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}}.___SDropdownMenuItem_1jq2s_gg_:focus{outline:0}.___SDropdownMenuItem_1jq2s_gg_.__selected_1jq2s_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7));box-shadow:2px 0 0 0 var(--intergalactic-control-primary-info, #008ff8) inset}@media (hover:hover){.___SDropdownMenuItem_1jq2s_gg_.__selected_1jq2s_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SDropdownMenuItem_1jq2s_gg_.__highlighted_1jq2s_gg_:not(:focus-within){z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownMenuItem_1jq2s_gg_.__disabled_1jq2s_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SDropdownMenuItem_1jq2s_gg_._size_l_1jq2s_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);min-height:40px}.___SDropdownMenuItem_1jq2s_gg_._size_m_1jq2s_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);padding:calc(var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px)) var(--intergalactic-spacing-2x, 8px);min-height:32px}.___SDropdownMenuItem_1jq2s_gg_.__notInteractive_1jq2s_gg_{cursor:default}@media (hover:hover){.___SDropdownMenuItem_1jq2s_gg_.__notInteractive_1jq2s_gg_:hover{background:0 0}}.___SDropdownMenuItem_1jq2s_gg_._variant_hint_1jq2s_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}@media (hover:hover){.___SDropdownMenuItem_1jq2s_gg_._variant_hint_1jq2s_gg_:hover{background:0 0}}.___SDropdownMenuItem_1jq2s_gg_._variant_title_1jq2s_gg_{font-weight:var(--intergalactic-bold, 700);cursor:default}@media (hover:hover){.___SDropdownMenuItem_1jq2s_gg_._variant_title_1jq2s_gg_:hover{background:0 0}}.___SDropdownMenuItem_1jq2s_gg_.__visible_1jq2s_gg_{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}.___SDropdownMenuItem_1jq2s_gg_.__nesting-trigger_1jq2s_gg_{justify-content:space-between}.___SDropdownMenuItemAddon_1jq2s_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDropdownMenuItemAddon_1jq2s_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_1jq2s_gg_:last-child{margin-right:0}.___SDropdownMenuNesting_1jq2s_gg_,.___SDropdownMenuNesting_1jq2s_gg_._size_l_1jq2s_gg_,.___SDropdownMenuNesting_1jq2s_gg_._size_m_1jq2s_gg_{padding:0}.___SDropdownMenuNesting_1jq2s_gg_.__highlighted_1jq2s_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownNestingItem_1jq2s_gg_._size_l_1jq2s_gg_,.___SDropdownNestingItem_1jq2s_gg_._size_m_1jq2s_gg_{padding-right:0}.___SDropdownNestingItem_1jq2s_gg_ .___SDropdownMenuItem_1jq2s_gg_{width:auto;padding-top:0;padding-bottom:0;padding-left:0;min-height:auto}" /*__inner_css_end__*/, "1jq2s_gg_") /*__reshadow_css_end__*/, {
-  "__SDropdownMenuList": "___SDropdownMenuList_1jq2s_gg_",
-  "__SDropdownMenuItem": "___SDropdownMenuItem_1jq2s_gg_",
-  "_highlighted": "__highlighted_1jq2s_gg_",
-  "_disabled": "__disabled_1jq2s_gg_",
-  "_size_l": "_size_l_1jq2s_gg_",
-  "_size_m": "_size_m_1jq2s_gg_",
-  "_visible": "__visible_1jq2s_gg_",
-  "_nesting-trigger": "__nesting-trigger_1jq2s_gg_",
-  "__SDropdownMenuNesting": "___SDropdownMenuNesting_1jq2s_gg_",
-  "__SDropdownNestingItem": "___SDropdownNestingItem_1jq2s_gg_",
-  "_selected": "__selected_1jq2s_gg_",
-  "_notInteractive": "__notInteractive_1jq2s_gg_",
-  "_variant_hint": "_variant_hint_1jq2s_gg_",
-  "_variant_title": "_variant_title_1jq2s_gg_",
-  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_1jq2s_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDropdownMenuItem_1i62j_gg_,.___SDropdownMenuList_1i62j_gg_{position:relative;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_1i62j_gg_{max-height:240px;padding:var(--intergalactic-spacing-1x, 4px)0;min-height:26px;min-width:32px;box-sizing:content-box;z-index:0}.___SDropdownMenuItem_1i62j_gg_{display:flex;align-items:center;-webkit-text-decoration:none;text-decoration:none;box-sizing:border-box;cursor:pointer;width:100%;text-align:left;line-height:normal}@media (hover:hover){.___SDropdownMenuItem_1i62j_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}}.___SDropdownMenuItem_1i62j_gg_:focus{outline:0}.___SDropdownMenuItem_1i62j_gg_.__selected_1i62j_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7));box-shadow:2px 0 0 0 var(--intergalactic-control-primary-info, #008ff8) inset}@media (hover:hover){.___SDropdownMenuItem_1i62j_gg_.__selected_1i62j_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SDropdownMenuItem_1i62j_gg_.__highlighted_1i62j_gg_:not(:focus-within){z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownMenuItem_1i62j_gg_.__disabled_1i62j_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SDropdownMenuItem_1i62j_gg_._size_l_1i62j_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);min-height:40px}.___SDropdownMenuItem_1i62j_gg_._size_m_1i62j_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);padding:calc(var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px)) var(--intergalactic-spacing-2x, 8px);min-height:32px}.___SDropdownMenuItem_1i62j_gg_.__notInteractive_1i62j_gg_{cursor:default}@media (hover:hover){.___SDropdownMenuItem_1i62j_gg_.__notInteractive_1i62j_gg_:hover{background:0 0}}.___SDropdownMenuItem_1i62j_gg_._variant_hint_1i62j_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}@media (hover:hover){.___SDropdownMenuItem_1i62j_gg_._variant_hint_1i62j_gg_:hover{background:0 0}}.___SDropdownMenuItem_1i62j_gg_._variant_title_1i62j_gg_{font-weight:var(--intergalactic-bold, 700);cursor:default}@media (hover:hover){.___SDropdownMenuItem_1i62j_gg_._variant_title_1i62j_gg_:hover{background:0 0}}.___SDropdownMenuItem_1i62j_gg_.__visible_1i62j_gg_{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}.___SDropdownMenuItem_1i62j_gg_.__nesting-trigger_1i62j_gg_{justify-content:space-between}.___SDropdownMenuItemAddon_1i62j_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDropdownMenuItemAddon_1i62j_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_1i62j_gg_:last-child{margin-right:0}.___SDropdownMenuNesting_1i62j_gg_,.___SDropdownMenuNesting_1i62j_gg_._size_l_1i62j_gg_,.___SDropdownMenuNesting_1i62j_gg_._size_m_1i62j_gg_{padding:0}.___SDropdownMenuNesting_1i62j_gg_.__highlighted_1i62j_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownNestingItem_1i62j_gg_._size_l_1i62j_gg_,.___SDropdownNestingItem_1i62j_gg_._size_m_1i62j_gg_{padding-right:0}.___SDropdownNestingItem_1i62j_gg_ .___SDropdownMenuItem_1i62j_gg_{width:auto;padding-top:0;padding-bottom:0;padding-left:0;min-height:auto}" /*__inner_css_end__*/, "1i62j_gg_") /*__reshadow_css_end__*/, {
+  "__SDropdownMenuList": "___SDropdownMenuList_1i62j_gg_",
+  "__SDropdownMenuItem": "___SDropdownMenuItem_1i62j_gg_",
+  "_highlighted": "__highlighted_1i62j_gg_",
+  "_disabled": "__disabled_1i62j_gg_",
+  "_size_l": "_size_l_1i62j_gg_",
+  "_size_m": "_size_m_1i62j_gg_",
+  "_visible": "__visible_1i62j_gg_",
+  "_nesting-trigger": "__nesting-trigger_1i62j_gg_",
+  "__SDropdownMenuNesting": "___SDropdownMenuNesting_1i62j_gg_",
+  "__SDropdownNestingItem": "___SDropdownNestingItem_1i62j_gg_",
+  "_selected": "__selected_1i62j_gg_",
+  "_notInteractive": "__notInteractive_1i62j_gg_",
+  "_variant_hint": "_variant_hint_1i62j_gg_",
+  "_variant_title": "_variant_title_1i62j_gg_",
+  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_1i62j_gg_"
 });
 import { setFocus } from 'intergalactic/utils/lib/focus-lock/setFocus';
 import { isFocusInside } from 'intergalactic/utils/lib/focus-lock/isFocusInside';

package/dropdown-menu/lib/es6/styleScrollArea.js

@@ -5,12 +5,12 @@ import { sstyled as _sstyled } from 'intergalactic/utils/lib/core/index';
  *
  * We will figure out what to do with it and remove it.
  *  */
-var scrollStyles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_1ktd5_gg_:after,.___SShadowHorizontal_1ktd5_gg_:before{width:16px;height:100%;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowHorizontal_1ktd5_gg_._position_median_1ktd5_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-left,\n      linear-gradient(to right, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}.___SShadowHorizontal_1ktd5_gg_._position_median_1ktd5_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-right,\n      linear-gradient(to left, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}.___SShadowHorizontal_1ktd5_gg_._position_start_1ktd5_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-left,\n      linear-gradient(to right, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}.___SShadowHorizontal_1ktd5_gg_._position_end_1ktd5_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-right,\n      linear-gradient(to left, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}.___SShadowVertical_1ktd5_gg_:after,.___SShadowVertical_1ktd5_gg_:before{width:100%;height:16px;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowVertical_1ktd5_gg_._position_median_1ktd5_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-top,\n      linear-gradient(to bottom, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}.___SShadowVertical_1ktd5_gg_._position_median_1ktd5_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-bottom,\n      linear-gradient(to top, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}.___SShadowVertical_1ktd5_gg_._position_start_1ktd5_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-top,\n      linear-gradient(to bottom, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}.___SShadowVertical_1ktd5_gg_._position_end_1ktd5_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-bottom,\n      linear-gradient(to top, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}" /*__inner_css_end__*/, "1ktd5_gg_") /*__reshadow_css_end__*/, {
-  "__SShadowHorizontal": "___SShadowHorizontal_1ktd5_gg_",
-  "_position_median": "_position_median_1ktd5_gg_",
-  "_position_start": "_position_start_1ktd5_gg_",
-  "_position_end": "_position_end_1ktd5_gg_",
-  "__SShadowVertical": "___SShadowVertical_1ktd5_gg_"
+var scrollStyles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_hjjf0_gg_:after,.___SShadowHorizontal_hjjf0_gg_:before{width:16px;height:100%;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowHorizontal_hjjf0_gg_._position_median_hjjf0_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-left,\n      linear-gradient(to right, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}.___SShadowHorizontal_hjjf0_gg_._position_median_hjjf0_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-right,\n      linear-gradient(to left, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}.___SShadowHorizontal_hjjf0_gg_._position_start_hjjf0_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-left,\n      linear-gradient(to right, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}.___SShadowHorizontal_hjjf0_gg_._position_end_hjjf0_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-right,\n      linear-gradient(to left, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}.___SShadowVertical_hjjf0_gg_:after,.___SShadowVertical_hjjf0_gg_:before{width:100%;height:16px;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowVertical_hjjf0_gg_._position_median_hjjf0_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-top,\n      linear-gradient(to bottom, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}.___SShadowVertical_hjjf0_gg_._position_median_hjjf0_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-bottom,\n      linear-gradient(to top, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}.___SShadowVertical_hjjf0_gg_._position_start_hjjf0_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-top,\n      linear-gradient(to bottom, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}.___SShadowVertical_hjjf0_gg_._position_end_hjjf0_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-bottom,\n      linear-gradient(to top, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n    )}" /*__inner_css_end__*/, "hjjf0_gg_") /*__reshadow_css_end__*/, {
+  "__SShadowHorizontal": "___SShadowHorizontal_hjjf0_gg_",
+  "_position_median": "_position_median_hjjf0_gg_",
+  "_position_start": "_position_start_hjjf0_gg_",
+  "_position_end": "_position_end_hjjf0_gg_",
+  "__SShadowVertical": "___SShadowVertical_hjjf0_gg_"
 });
 export default scrollStyles;
 //# sourceMappingURL=styleScrollArea.js.map

package/feature-popover/lib/cjs/FeaturePopover.js

@@ -27,17 +27,17 @@ var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhan
 var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
 var _excluded = ["styles", "forwardRef", "onVisibleChange", "modifiers"];
 /*__reshadow-styles__:"./style/feature-popover.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes showTrigger_1etc1{0%{opacity:0}to{opacity:1}}@keyframes scaleSizeAndHide_1etc1{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}.___SFeaturePopover_1etc1_gg_{padding-top:var(--intergalactic-spacing-4x, 16px);padding-right:var(--intergalactic-spacing-8x, 32px);padding-bottom:var(--intergalactic-spacing-4x, 16px);padding-left:var(--intergalactic-spacing-4x, 16px);border-radius:var(--intergalactic-popper-rounded, 6px);box-sizing:border-box;background-color:var(--intergalactic-bg-primary-highlight, #fce081);color:var(--intergalactic-text-primary, #191b23);box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15))}.___STrigger_1etc1_gg_{position:relative}.___SClose_1etc1_gg_{position:absolute;right:0;top:0;padding:var(--intergalactic-spacing-2x, 8px);cursor:pointer;color:var(--intergalactic-text-primary, #191b23);font-size:0}.___SSpot_1etc1_gg_{position:absolute;bottom:calc(-1*var(--intergalactic-spacing-1x, 4px));right:calc(-1*var(--intergalactic-spacing-1x, 4px));animation-name:showTrigger_1etc1;animation-duration:.2s;animation-timing-function:ease-in;animation-delay:.4s;animation-fill-mode:forwards;width:12px;height:12px}.___SSpot_1etc1_gg_::after,.___SSpot_1etc1_gg_::before{content:\"\";position:absolute;top:0;left:0;border-radius:50%;width:12px;height:12px}.___SSpot_1etc1_gg_::before{transform-origin:50%;animation-name:scaleSizeAndHide_1etc1;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:forwards;animation-delay:.5s;background-color:var(--intergalactic-feature-popover-dot-outer-border, #fce081)}.___SSpot_1etc1_gg_::after{background-color:var(--intergalactic-bg-primary-highlight, #fce081)}@media (prefers-reduced-motion){.___SSpot_1etc1_gg_,.___SSpot_1etc1_gg_::before{animation-name:none}}" /*__inner_css_end__*/, "1etc1_gg_") /*__reshadow_css_end__*/, {
-  "__SFeaturePopover": "___SFeaturePopover_1etc1_gg_",
-  "__STrigger": "___STrigger_1etc1_gg_",
-  "__SClose": "___SClose_1etc1_gg_",
-  "@showTrigger": "showTrigger_1etc1",
-  "@scaleSizeAndHide": "scaleSizeAndHide_1etc1",
-  "__SSpot": "___SSpot_1etc1_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes showTrigger_zlvii{0%{opacity:0}to{opacity:1}}@keyframes scaleSizeAndHide_zlvii{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}.___SFeaturePopover_zlvii_gg_{padding-top:var(--intergalactic-spacing-4x, 16px);padding-right:var(--intergalactic-spacing-8x, 32px);padding-bottom:var(--intergalactic-spacing-4x, 16px);padding-left:var(--intergalactic-spacing-4x, 16px);border-radius:var(--intergalactic-popper-rounded, 6px);box-sizing:border-box;background-color:var(--intergalactic-bg-primary-highlight, #fce081);color:var(--intergalactic-text-primary, #191b23);box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15))}.___STrigger_zlvii_gg_{position:relative}.___SClose_zlvii_gg_{position:absolute;right:0;top:0;padding:var(--intergalactic-spacing-2x, 8px);cursor:pointer;color:var(--intergalactic-text-primary, #191b23);font-size:0}.___SSpot_zlvii_gg_{position:absolute;bottom:calc(-1*var(--intergalactic-spacing-1x, 4px));right:calc(-1*var(--intergalactic-spacing-1x, 4px));animation-name:showTrigger_zlvii;animation-duration:.2s;animation-timing-function:ease-in;animation-delay:.4s;animation-fill-mode:forwards;width:12px;height:12px}.___SSpot_zlvii_gg_::after,.___SSpot_zlvii_gg_::before{content:\"\";position:absolute;top:0;left:0;border-radius:50%;width:12px;height:12px}.___SSpot_zlvii_gg_::before{transform-origin:50%;animation-name:scaleSizeAndHide_zlvii;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:forwards;animation-delay:.5s;background-color:var(--intergalactic-feature-popover-dot-outer-border, #fce081)}.___SSpot_zlvii_gg_::after{background-color:var(--intergalactic-bg-primary-highlight, #fce081)}@media (prefers-reduced-motion){.___SSpot_zlvii_gg_,.___SSpot_zlvii_gg_::before{animation-name:none}}" /*__inner_css_end__*/, "zlvii_gg_") /*__reshadow_css_end__*/, {
+  "__SFeaturePopover": "___SFeaturePopover_zlvii_gg_",
+  "__STrigger": "___STrigger_zlvii_gg_",
+  "__SClose": "___SClose_zlvii_gg_",
+  "@showTrigger": "showTrigger_zlvii",
+  "@scaleSizeAndHide": "scaleSizeAndHide_zlvii",
+  "__SSpot": "___SSpot_zlvii_gg_"
 });
-var stylePopper = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes enter_190h1{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes exit_190h1{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-10px)}}" /*__inner_css_end__*/, "190h1_gg_") /*__reshadow_css_end__*/, {
-  "@enter": "enter_190h1",
-  "@exit": "exit_190h1"
+var stylePopper = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes enter_4sukv{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes exit_4sukv{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-10px)}}" /*__inner_css_end__*/, "4sukv_gg_") /*__reshadow_css_end__*/, {
+  "@enter": "enter_4sukv",
+  "@exit": "exit_4sukv"
 });
 var FeaturePopover = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(FeaturePopover, _Component);

package/feature-popover/lib/es6/FeaturePopover.js

@@ -22,17 +22,17 @@ import { callAllEventHandlers } from 'intergalactic/utils/lib/assignProps';
 import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 /*__reshadow-styles__:"./style/feature-popover.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes showTrigger_1etc1{0%{opacity:0}to{opacity:1}}@keyframes scaleSizeAndHide_1etc1{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}.___SFeaturePopover_1etc1_gg_{padding-top:var(--intergalactic-spacing-4x, 16px);padding-right:var(--intergalactic-spacing-8x, 32px);padding-bottom:var(--intergalactic-spacing-4x, 16px);padding-left:var(--intergalactic-spacing-4x, 16px);border-radius:var(--intergalactic-popper-rounded, 6px);box-sizing:border-box;background-color:var(--intergalactic-bg-primary-highlight, #fce081);color:var(--intergalactic-text-primary, #191b23);box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15))}.___STrigger_1etc1_gg_{position:relative}.___SClose_1etc1_gg_{position:absolute;right:0;top:0;padding:var(--intergalactic-spacing-2x, 8px);cursor:pointer;color:var(--intergalactic-text-primary, #191b23);font-size:0}.___SSpot_1etc1_gg_{position:absolute;bottom:calc(-1*var(--intergalactic-spacing-1x, 4px));right:calc(-1*var(--intergalactic-spacing-1x, 4px));animation-name:showTrigger_1etc1;animation-duration:.2s;animation-timing-function:ease-in;animation-delay:.4s;animation-fill-mode:forwards;width:12px;height:12px}.___SSpot_1etc1_gg_::after,.___SSpot_1etc1_gg_::before{content:\"\";position:absolute;top:0;left:0;border-radius:50%;width:12px;height:12px}.___SSpot_1etc1_gg_::before{transform-origin:50%;animation-name:scaleSizeAndHide_1etc1;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:forwards;animation-delay:.5s;background-color:var(--intergalactic-feature-popover-dot-outer-border, #fce081)}.___SSpot_1etc1_gg_::after{background-color:var(--intergalactic-bg-primary-highlight, #fce081)}@media (prefers-reduced-motion){.___SSpot_1etc1_gg_,.___SSpot_1etc1_gg_::before{animation-name:none}}" /*__inner_css_end__*/, "1etc1_gg_") /*__reshadow_css_end__*/, {
-  "__SFeaturePopover": "___SFeaturePopover_1etc1_gg_",
-  "__STrigger": "___STrigger_1etc1_gg_",
-  "__SClose": "___SClose_1etc1_gg_",
-  "@showTrigger": "showTrigger_1etc1",
-  "@scaleSizeAndHide": "scaleSizeAndHide_1etc1",
-  "__SSpot": "___SSpot_1etc1_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes showTrigger_zlvii{0%{opacity:0}to{opacity:1}}@keyframes scaleSizeAndHide_zlvii{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}.___SFeaturePopover_zlvii_gg_{padding-top:var(--intergalactic-spacing-4x, 16px);padding-right:var(--intergalactic-spacing-8x, 32px);padding-bottom:var(--intergalactic-spacing-4x, 16px);padding-left:var(--intergalactic-spacing-4x, 16px);border-radius:var(--intergalactic-popper-rounded, 6px);box-sizing:border-box;background-color:var(--intergalactic-bg-primary-highlight, #fce081);color:var(--intergalactic-text-primary, #191b23);box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15))}.___STrigger_zlvii_gg_{position:relative}.___SClose_zlvii_gg_{position:absolute;right:0;top:0;padding:var(--intergalactic-spacing-2x, 8px);cursor:pointer;color:var(--intergalactic-text-primary, #191b23);font-size:0}.___SSpot_zlvii_gg_{position:absolute;bottom:calc(-1*var(--intergalactic-spacing-1x, 4px));right:calc(-1*var(--intergalactic-spacing-1x, 4px));animation-name:showTrigger_zlvii;animation-duration:.2s;animation-timing-function:ease-in;animation-delay:.4s;animation-fill-mode:forwards;width:12px;height:12px}.___SSpot_zlvii_gg_::after,.___SSpot_zlvii_gg_::before{content:\"\";position:absolute;top:0;left:0;border-radius:50%;width:12px;height:12px}.___SSpot_zlvii_gg_::before{transform-origin:50%;animation-name:scaleSizeAndHide_zlvii;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:forwards;animation-delay:.5s;background-color:var(--intergalactic-feature-popover-dot-outer-border, #fce081)}.___SSpot_zlvii_gg_::after{background-color:var(--intergalactic-bg-primary-highlight, #fce081)}@media (prefers-reduced-motion){.___SSpot_zlvii_gg_,.___SSpot_zlvii_gg_::before{animation-name:none}}" /*__inner_css_end__*/, "zlvii_gg_") /*__reshadow_css_end__*/, {
+  "__SFeaturePopover": "___SFeaturePopover_zlvii_gg_",
+  "__STrigger": "___STrigger_zlvii_gg_",
+  "__SClose": "___SClose_zlvii_gg_",
+  "@showTrigger": "showTrigger_zlvii",
+  "@scaleSizeAndHide": "scaleSizeAndHide_zlvii",
+  "__SSpot": "___SSpot_zlvii_gg_"
 });
-var stylePopper = ( /*__reshadow_css_start__*/sstyled.insert( /*__inner_css_start__*/"@keyframes enter_190h1{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes exit_190h1{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-10px)}}" /*__inner_css_end__*/, "190h1_gg_") /*__reshadow_css_end__*/, {
-  "@enter": "enter_190h1",
-  "@exit": "exit_190h1"
+var stylePopper = ( /*__reshadow_css_start__*/sstyled.insert( /*__inner_css_start__*/"@keyframes enter_4sukv{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes exit_4sukv{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-10px)}}" /*__inner_css_end__*/, "4sukv_gg_") /*__reshadow_css_end__*/, {
+  "@enter": "enter_4sukv",
+  "@exit": "exit_4sukv"
 });
 var FeaturePopover = /*#__PURE__*/function (_Component) {
   _inherits(FeaturePopover, _Component);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intergalactic",
-  "version": "15.96.0",
+  "version": "15.96.1-prerelease.0",
   "license": "MIT",
   "dependencies": {
     "intergalactic-migrate": "0.0.0",

package/popper/lib/cjs/Popper.js

@@ -41,12 +41,12 @@ var _excluded = ["placement", "modifiers", "strategy", "onFirstUpdate"],
   _excluded2 = ["onKeyDown"],
   _excluded3 = ["onKeyDown"];
 /*__reshadow-styles__:"./style/popper.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SPopper_12xxf_gg_{outline:0;z-index:var(--intergalactic-z-index-popper, 700);color:var(--intergalactic-text-primary, #191b23)}.___SPopper_12xxf_gg_.__keyboardFocused_12xxf_gg_:focus:after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none;border-radius:var(--intergalactic-popper-rounded, 6px)}.___SPopper_12xxf_gg_.__keyboardFocused_12xxf_gg_.__hideFocus_12xxf_gg_:focus:after{box-shadow:none}.___SFocusHint_12xxf_gg_{display:none}.___STrigger_12xxf_gg_:focus .___SFocusHint_12xxf_gg_,.___STrigger_12xxf_gg_:focus-within .___SFocusHint_12xxf_gg_{display:inline}" /*__inner_css_end__*/, "12xxf_gg_") /*__reshadow_css_end__*/, {
-  "__SPopper": "___SPopper_12xxf_gg_",
-  "_keyboardFocused": "__keyboardFocused_12xxf_gg_",
-  "_hideFocus": "__hideFocus_12xxf_gg_",
-  "__SFocusHint": "___SFocusHint_12xxf_gg_",
-  "__STrigger": "___STrigger_12xxf_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SPopper_jht5t_gg_{outline:0;z-index:var(--intergalactic-z-index-popper, 700);color:var(--intergalactic-text-primary, #191b23)}.___SPopper_jht5t_gg_.__keyboardFocused_jht5t_gg_:focus:after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none;border-radius:var(--intergalactic-popper-rounded, 6px)}.___SPopper_jht5t_gg_.__keyboardFocused_jht5t_gg_.__hideFocus_jht5t_gg_:focus:after{box-shadow:none}.___SFocusHint_jht5t_gg_{display:none}.___STrigger_jht5t_gg_:focus .___SFocusHint_jht5t_gg_,.___STrigger_jht5t_gg_:focus-within .___SFocusHint_jht5t_gg_{display:inline}" /*__inner_css_end__*/, "jht5t_gg_") /*__reshadow_css_end__*/, {
+  "__SPopper": "___SPopper_jht5t_gg_",
+  "_keyboardFocused": "__keyboardFocused_jht5t_gg_",
+  "_hideFocus": "__hideFocus_jht5t_gg_",
+  "__SFocusHint": "___SFocusHint_jht5t_gg_",
+  "__STrigger": "___STrigger_jht5t_gg_"
 });
 function isObject(obj) {
   return (0, _typeof2["default"])(obj) === 'object' && !Array.isArray(obj);
@@ -104,7 +104,7 @@ var Popper = /*#__PURE__*/function (_Component) {
         popper: [['onMouseEnter', 'onFocusCapture', 'onTouchStart'], ['onMouseLeave']]
       },
       focus: {
-        trigger: [['onFocus'], ['onBlur']],
+        trigger: [['onFocus', 'onClick'], ['onBlur']],
         // to intercept faster than onBlur on the trigger
         popper: [['onFocusCapture'], ['onBlur']]
       },