intergalactic 15.68.1 → 15.69.0-prerelease.0

package/scroll-area/lib/cjs/ScrollArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollArea.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_reactDom","_flexBox","_rafTrottle","_ref6","_findComponent","_assignProps3","_ScrollBar","_keyboardFocusEnhance","_uniqueID","_canUseDOM","_excluded","style","sstyled","insert","eventCalculate","undefined","exports","window","Event","BoxWithoutPosition","React","forwardRef","_ref5","ref","position","props","_objectWithoutProperties2","createElement","Box","_extends2","ScrollAreaRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","call","_defineProperty2","_assertThisInitialized2","createRef","shadowHorizontal","shadowVertical","node","$wrapper","findDOMNode","trottle","$container","_this$calculateSizeCo","calculateSizeContainer","height","width","dispatchEvent","setShadowContainer","setAreaValue","horizontalBarRef","current","verticalBarRef","updateBarsAria","e","_e$target","target","isEqualNode","scrollTop","scrollLeft","setTimeout","scrollIntoView","_this$$container","viewPort","getBoundingClientRect","element","inViewPort","top","bottom","left","right","asProps","keyboardFocused","scroll","maxScroll","orientation","roundedScroll","Math","round","roundedMaxScroll","shadow","setState","_this$$container2","scrollWidth","clientWidth","scrollHeight","clientHeight","maxScrollRight","maxScrollBottom","toggleShadow","canUseDOM","observer","ResizeObserver","callAllEventHandlers","onResize","calculate","_createClass2","key","get","getNodeByRef","container","inner","value","size","_this$$container3","getComputedStyle","maxWidth","Number","parseInt","getPropertyValue","maxHeight","concat","getContainerProps","_this$asProps","onScroll","uid","id","$refInner","handleScrollContainer","getBarProps","_this$asProps2","componentDidMount","_this$$inner","$inner","_this$observer","observe","_this$observer2","addEventListener","handleFocusIn","componentDidUpdate","componentWillUnmount","_this$observer3","_this$$inner2","disconnect","removeEventListener","render","_ref","_ref3","SScrollArea","SShadowVertical","SShadowHorizontal","_this$asProps3","Children","styles","tabIndex","forcedAdvancedMode","_this$state","state","advancedMode","isAdvanceMode","ScrollArea","Container","displayName","Bar","cn","_objectSpread2","assignProps","refWrapper","handleScroll","Fragment","Component","uniqueIDEnhancement","keyboardFocusEnhance","ContainerRoot","_ref2","arguments[0]","_ref4","SContainer","enhance","createComponent","BarRoot","_default"],"sources":["../../src/ScrollArea.jsx"],"sourcesContent":["import React from 'react';\nimport { findDOMNode } from 'react-dom';\n\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport trottle from '@semcore/utils/lib/rafTrottle';\nimport { getNodeByRef } from '@semcore/utils/lib/ref';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport BarRoot, { setAreaValue } from './ScrollBar';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\n\nimport style from './style/scroll-area.shadow.css';\n\nlet eventCalculate = undefined;\nif (typeof window !== 'undefined') {\n  eventCalculate = new Event('calculate');\n}\n\nconst BoxWithoutPosition = React.forwardRef(({ position, ...props }, ref) => (\n  <Box ref={ref} {...props} />\n));\n\nclass ScrollAreaRoot extends Component {\n  static displayName = 'ScrollArea';\n\n  static style = style;\n  static enhance = [uniqueIDEnhancement(), keyboardFocusEnhance()];\n\n  static defaultProps = () => ({\n    container: React.createRef(),\n    inner: React.createRef(),\n    tabIndex: 0,\n  });\n\n  $wrapper = null;\n  observer = null;\n  horizontalBarRef = React.createRef();\n  verticalBarRef = React.createRef();\n\n  get $container() {\n    return getNodeByRef(this.asProps.container);\n  }\n\n  get $inner() {\n    return getNodeByRef(this.asProps.inner);\n  }\n\n  state = {\n    shadowHorizontal: false,\n    shadowVertical: false,\n  };\n\n  constructor(props) {\n    super(props);\n\n    if (canUseDOM()) {\n      this.observer = new ResizeObserver(callAllEventHandlers(props.onResize, this.calculate));\n    }\n  }\n\n  refWrapper = (node) => {\n    this.$wrapper = findDOMNode(node);\n  };\n\n  // for max height/width\n  calculateSizeContainer() {\n    const size = { width: '', height: '' };\n    if (!this.$container || !this.$wrapper) return size;\n    const { scrollWidth, scrollHeight } = this.$container;\n    const style = window.getComputedStyle(this.$wrapper);\n    const maxWidth = Number.parseInt(style.getPropertyValue('max-width'));\n    const maxHeight = Number.parseInt(style.getPropertyValue('max-height'));\n\n    if (maxWidth) {\n      if (scrollWidth > maxWidth) {\n        size.width = `${maxWidth}px`;\n      } else {\n        size.width = '100%';\n      }\n    }\n\n    if (maxHeight) {\n      if (scrollHeight > maxHeight) {\n        size.height = `${maxHeight}px`;\n      } else {\n        size.height = '100%';\n      }\n    }\n\n    return size;\n  }\n\n  calculate = trottle(() => {\n    if (!this.$container) return;\n\n    const { height, width } = this.calculateSizeContainer();\n    if (height) this.$container.style.height = height;\n    if (width) this.$container.style.width = width;\n    this.$container.dispatchEvent(eventCalculate);\n    this.setShadowContainer();\n  });\n\n  updateBarsAria = trottle(() => {\n    setAreaValue(this.$container, this.horizontalBarRef.current, this.verticalBarRef.current);\n  });\n\n  handleScrollContainer = trottle(() => {\n    if (!this.$container) return;\n    this.setShadowContainer();\n    this.updateBarsAria();\n  });\n\n  // FIX Chrome bug, when focus state on hide control\n  handleScroll = (e) => {\n    if (e.target?.isEqualNode(this.$wrapper)) {\n      e.target.scrollTop = 0;\n      e.target.scrollLeft = 0;\n    }\n  };\n\n  handleFocusIn = (e) => {\n    setTimeout(() => {\n      if (typeof e.target.scrollIntoView === 'function') {\n        const viewPort = this.$container?.getBoundingClientRect();\n        const element = e.target.getBoundingClientRect();\n\n        if (viewPort) {\n          const inViewPort =\n            element.top >= viewPort.top &&\n            element.bottom <= viewPort.bottom &&\n            element.left >= viewPort.left &&\n            element.right <= viewPort.right;\n\n          if (!inViewPort && this.asProps.keyboardFocused) {\n            e.target.scrollIntoView();\n          }\n        }\n      }\n    }, 0);\n  };\n\n  toggleShadow = (scroll, maxScroll, orientation) => {\n    const roundedScroll = Math.round(scroll);\n    const roundedMaxScroll = Math.round(maxScroll);\n    let shadow = '';\n    // not scroll\n    if (roundedMaxScroll <= 0) {\n      // start scroll\n    } else if (roundedScroll <= 0) {\n      shadow = 'end';\n      // end scroll\n    } else if (roundedScroll >= roundedMaxScroll) {\n      shadow = 'start';\n      // median scroll\n    } else if (roundedScroll > 0) {\n      shadow = 'median';\n    }\n    this.setState({\n      [orientation]: shadow,\n    });\n  };\n\n  setShadowContainer = () => {\n    if (!this.asProps.shadow || !this.$container || !this.$wrapper) return;\n\n    const { scrollWidth, clientWidth, scrollHeight, clientHeight, scrollLeft, scrollTop } =\n      this.$container;\n    const maxScrollRight = scrollWidth - clientWidth;\n    const maxScrollBottom = scrollHeight - clientHeight;\n\n    this.toggleShadow(scrollLeft, maxScrollRight, 'shadowHorizontal');\n    this.toggleShadow(scrollTop, maxScrollBottom, 'shadowVertical');\n  };\n\n  getContainerProps() {\n    const { container, inner, onScroll, uid } = this.asProps;\n    return {\n      id: `igc-${uid}-scroll-container`,\n      ref: container,\n      $refInner: inner,\n      onScroll: callAllEventHandlers(onScroll, this.handleScrollContainer),\n    };\n  }\n\n  getBarProps() {\n    const { container, orientation, uid } = this.asProps;\n    return {\n      container,\n      orientation,\n      uid,\n      horizontalBarRef: this.horizontalBarRef,\n      verticalBarRef: this.verticalBarRef,\n    };\n  }\n\n  componentDidMount() {\n    this.calculate();\n    this.updateBarsAria();\n    if (this.$inner) {\n      this.observer?.observe(this.$inner);\n    }\n    if (this.$container) {\n      this.observer?.observe(this.$container);\n    }\n\n    this.$inner?.addEventListener('focusin', this.handleFocusIn);\n  }\n\n  componentDidUpdate() {\n    this.calculate();\n  }\n\n  componentWillUnmount() {\n    this.observer?.disconnect();\n    this.$inner?.removeEventListener('focusin', this.handleFocusIn);\n  }\n\n  render() {\n    const SScrollArea = Root;\n    const SShadowVertical = BoxWithoutPosition;\n    const SShadowHorizontal = BoxWithoutPosition;\n    const { Children, styles, orientation, tabIndex, forcedAdvancedMode } = this.asProps;\n    const { shadowVertical, shadowHorizontal } = this.state;\n\n    const advancedMode =\n      forcedAdvancedMode ||\n      isAdvanceMode(Children, [ScrollArea.Container.displayName, ScrollArea.Bar.displayName]);\n\n    return sstyled(styles)(\n      <SScrollArea\n        render={Box}\n        ref={this.refWrapper}\n        onScroll={this.handleScroll}\n        __excludeProps={['tabIndex']}\n      >\n        {shadowVertical && <SShadowVertical position={shadowVertical} />}\n        {shadowHorizontal && <SShadowHorizontal position={shadowHorizontal} />}\n        {advancedMode ? (\n          <Children />\n        ) : (\n          <>\n            <ScrollArea.Container tabIndex={tabIndex}>\n              <Children />\n            </ScrollArea.Container>\n            {(orientation === undefined || orientation === 'horizontal') && (\n              <ScrollArea.Bar orientation='horizontal' />\n            )}\n            {(orientation === undefined || orientation === 'vertical') && (\n              <ScrollArea.Bar orientation='vertical' />\n            )}\n          </>\n        )}\n      </SScrollArea>,\n    );\n  }\n}\n\nfunction ContainerRoot(props) {\n  const SContainer = Root;\n  const { Children, styles, $refInner } = props;\n  return sstyled(styles)(\n    <SContainer render={Box} tabIndex={0}>\n      <div ref={$refInner}>\n        <Children />\n      </div>\n    </SContainer>,\n  );\n}\n\nContainerRoot.enhance = [keyboardFocusEnhance()];\n\nconst ScrollArea = createComponent(ScrollAreaRoot, {\n  Container: ContainerRoot,\n  Bar: BarRoot,\n});\n\n// TODO: remove named ScrollArea export\nexport { eventCalculate, ScrollArea };\nexport default ScrollArea;\n"],"mappings":"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"}
+{"version":3,"file":"ScrollArea.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_reactDom","_flexBox","_rafTrottle","_ref6","_findComponent","_assignProps3","_ScrollBar","_keyboardFocusEnhance","_uniqueID","_canUseDOM","_excluded","style","sstyled","insert","eventCalculate","undefined","exports","window","Event","BoxWithoutPosition","React","forwardRef","_ref5","ref","position","props","_objectWithoutProperties2","createElement","Box","_extends2","ScrollAreaRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","call","_defineProperty2","_assertThisInitialized2","createRef","shadowHorizontal","shadowVertical","node","$wrapper","findDOMNode","trottle","$container","_this$calculateSizeCo","calculateSizeContainer","height","width","dispatchEvent","setShadowContainer","setAreaValue","horizontalBarRef","current","verticalBarRef","updateBarsAria","e","_e$target","target","isEqualNode","scrollTop","scrollLeft","setTimeout","scrollIntoView","_this$$container","viewPort","getBoundingClientRect","element","outOfViewport","top","bottom","left","right","asProps","keyboardFocused","block","inline","scroll","maxScroll","orientation","roundedScroll","Math","round","roundedMaxScroll","shadow","setState","_this$$container2","scrollWidth","clientWidth","scrollHeight","clientHeight","maxScrollRight","maxScrollBottom","toggleShadow","canUseDOM","observer","ResizeObserver","callAllEventHandlers","onResize","calculate","_createClass2","key","get","getNodeByRef","container","inner","value","size","_this$$container3","getComputedStyle","maxWidth","Number","parseInt","getPropertyValue","maxHeight","concat","getContainerProps","_this$asProps","onScroll","uid","id","$refInner","handleScrollContainer","getBarProps","_this$asProps2","componentDidMount","_this$$inner","$inner","_this$observer","observe","_this$observer2","addEventListener","handleFocusIn","componentDidUpdate","componentWillUnmount","_this$observer3","_this$$inner2","disconnect","removeEventListener","render","_ref","_ref3","SScrollArea","SShadowVertical","SShadowHorizontal","_this$asProps3","Children","styles","tabIndex","forcedAdvancedMode","_this$state","state","advancedMode","isAdvanceMode","ScrollArea","Container","displayName","Bar","cn","_objectSpread2","assignProps","refWrapper","handleScroll","Fragment","Component","uniqueIDEnhancement","keyboardFocusEnhance","ContainerRoot","_ref2","arguments[0]","_ref4","SContainer","enhance","createComponent","BarRoot","_default"],"sources":["../../src/ScrollArea.jsx"],"sourcesContent":["import React from 'react';\nimport { findDOMNode } from 'react-dom';\n\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport trottle from '@semcore/utils/lib/rafTrottle';\nimport { getNodeByRef } from '@semcore/utils/lib/ref';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport BarRoot, { setAreaValue } from './ScrollBar';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\n\nimport style from './style/scroll-area.shadow.css';\n\nlet eventCalculate = undefined;\nif (typeof window !== 'undefined') {\n  eventCalculate = new Event('calculate');\n}\n\nconst BoxWithoutPosition = React.forwardRef(({ position, ...props }, ref) => (\n  <Box ref={ref} {...props} />\n));\n\nclass ScrollAreaRoot extends Component {\n  static displayName = 'ScrollArea';\n\n  static style = style;\n  static enhance = [uniqueIDEnhancement(), keyboardFocusEnhance()];\n\n  static defaultProps = () => ({\n    container: React.createRef(),\n    inner: React.createRef(),\n    tabIndex: 0,\n  });\n\n  $wrapper = null;\n  observer = null;\n  horizontalBarRef = React.createRef();\n  verticalBarRef = React.createRef();\n\n  get $container() {\n    return getNodeByRef(this.asProps.container);\n  }\n\n  get $inner() {\n    return getNodeByRef(this.asProps.inner);\n  }\n\n  state = {\n    shadowHorizontal: false,\n    shadowVertical: false,\n  };\n\n  constructor(props) {\n    super(props);\n\n    if (canUseDOM()) {\n      this.observer = new ResizeObserver(callAllEventHandlers(props.onResize, this.calculate));\n    }\n  }\n\n  refWrapper = (node) => {\n    this.$wrapper = findDOMNode(node);\n  };\n\n  // for max height/width\n  calculateSizeContainer() {\n    const size = { width: '', height: '' };\n    if (!this.$container || !this.$wrapper) return size;\n    const { scrollWidth, scrollHeight } = this.$container;\n    const style = window.getComputedStyle(this.$wrapper);\n    const maxWidth = Number.parseInt(style.getPropertyValue('max-width'));\n    const maxHeight = Number.parseInt(style.getPropertyValue('max-height'));\n\n    if (maxWidth) {\n      if (scrollWidth > maxWidth) {\n        size.width = `${maxWidth}px`;\n      } else {\n        size.width = '100%';\n      }\n    }\n\n    if (maxHeight) {\n      if (scrollHeight > maxHeight) {\n        size.height = `${maxHeight}px`;\n      } else {\n        size.height = '100%';\n      }\n    }\n\n    return size;\n  }\n\n  calculate = trottle(() => {\n    if (!this.$container) return;\n\n    const { height, width } = this.calculateSizeContainer();\n    if (height) this.$container.style.height = height;\n    if (width) this.$container.style.width = width;\n    this.$container.dispatchEvent(eventCalculate);\n    this.setShadowContainer();\n  });\n\n  updateBarsAria = trottle(() => {\n    setAreaValue(this.$container, this.horizontalBarRef.current, this.verticalBarRef.current);\n  });\n\n  handleScrollContainer = trottle(() => {\n    if (!this.$container) return;\n    this.setShadowContainer();\n    this.updateBarsAria();\n  });\n\n  // FIX Chrome bug, when focus state on hide control\n  handleScroll = (e) => {\n    if (e.target?.isEqualNode(this.$wrapper)) {\n      e.target.scrollTop = 0;\n      e.target.scrollLeft = 0;\n    }\n  };\n\n  handleFocusIn = (e) => {\n    setTimeout(() => {\n      if (typeof e.target.scrollIntoView === 'function') {\n        const viewPort = this.$container?.getBoundingClientRect();\n        const element = e.target.getBoundingClientRect();\n\n        if (viewPort) {\n          const outOfViewport =\n            element.top >= viewPort.bottom ||\n            element.bottom <= viewPort.top ||\n            element.left >= viewPort.right ||\n            element.right <= viewPort.left;\n\n          if (outOfViewport && this.asProps.keyboardFocused) {\n            e.target.scrollIntoView({\n              block: 'nearest',\n              inline: 'nearest',\n            });\n          }\n        }\n      }\n    }, 0);\n  };\n\n  toggleShadow = (scroll, maxScroll, orientation) => {\n    const roundedScroll = Math.round(scroll);\n    const roundedMaxScroll = Math.round(maxScroll);\n    let shadow = '';\n    // not scroll\n    if (roundedMaxScroll <= 0) {\n      // start scroll\n    } else if (roundedScroll <= 0) {\n      shadow = 'end';\n      // end scroll\n    } else if (roundedScroll >= roundedMaxScroll) {\n      shadow = 'start';\n      // median scroll\n    } else if (roundedScroll > 0) {\n      shadow = 'median';\n    }\n    this.setState({\n      [orientation]: shadow,\n    });\n  };\n\n  setShadowContainer = () => {\n    if (!this.asProps.shadow || !this.$container || !this.$wrapper) return;\n\n    const { scrollWidth, clientWidth, scrollHeight, clientHeight, scrollLeft, scrollTop } =\n      this.$container;\n    const maxScrollRight = scrollWidth - clientWidth;\n    const maxScrollBottom = scrollHeight - clientHeight;\n\n    this.toggleShadow(scrollLeft, maxScrollRight, 'shadowHorizontal');\n    this.toggleShadow(scrollTop, maxScrollBottom, 'shadowVertical');\n  };\n\n  getContainerProps() {\n    const { container, inner, onScroll, uid } = this.asProps;\n    return {\n      id: `igc-${uid}-scroll-container`,\n      ref: container,\n      $refInner: inner,\n      onScroll: callAllEventHandlers(onScroll, this.handleScrollContainer),\n    };\n  }\n\n  getBarProps() {\n    const { container, orientation, uid } = this.asProps;\n    return {\n      container,\n      orientation,\n      uid,\n      horizontalBarRef: this.horizontalBarRef,\n      verticalBarRef: this.verticalBarRef,\n    };\n  }\n\n  componentDidMount() {\n    this.calculate();\n    this.updateBarsAria();\n    if (this.$inner) {\n      this.observer?.observe(this.$inner);\n    }\n    if (this.$container) {\n      this.observer?.observe(this.$container);\n    }\n\n    this.$inner?.addEventListener('focusin', this.handleFocusIn);\n  }\n\n  componentDidUpdate() {\n    this.calculate();\n  }\n\n  componentWillUnmount() {\n    this.observer?.disconnect();\n    this.$inner?.removeEventListener('focusin', this.handleFocusIn);\n  }\n\n  render() {\n    const SScrollArea = Root;\n    const SShadowVertical = BoxWithoutPosition;\n    const SShadowHorizontal = BoxWithoutPosition;\n    const { Children, styles, orientation, tabIndex, forcedAdvancedMode } = this.asProps;\n    const { shadowVertical, shadowHorizontal } = this.state;\n\n    const advancedMode =\n      forcedAdvancedMode ||\n      isAdvanceMode(Children, [ScrollArea.Container.displayName, ScrollArea.Bar.displayName]);\n\n    return sstyled(styles)(\n      <SScrollArea\n        render={Box}\n        ref={this.refWrapper}\n        onScroll={this.handleScroll}\n        __excludeProps={['tabIndex']}\n      >\n        {shadowVertical && <SShadowVertical position={shadowVertical} />}\n        {shadowHorizontal && <SShadowHorizontal position={shadowHorizontal} />}\n        {advancedMode ? (\n          <Children />\n        ) : (\n          <>\n            <ScrollArea.Container tabIndex={tabIndex}>\n              <Children />\n            </ScrollArea.Container>\n            {(orientation === undefined || orientation === 'horizontal') && (\n              <ScrollArea.Bar orientation='horizontal' />\n            )}\n            {(orientation === undefined || orientation === 'vertical') && (\n              <ScrollArea.Bar orientation='vertical' />\n            )}\n          </>\n        )}\n      </SScrollArea>,\n    );\n  }\n}\n\nfunction ContainerRoot(props) {\n  const SContainer = Root;\n  const { Children, styles, $refInner } = props;\n  return sstyled(styles)(\n    <SContainer render={Box} tabIndex={0}>\n      <div ref={$refInner}>\n        <Children />\n      </div>\n    </SContainer>,\n  );\n}\n\nContainerRoot.enhance = [keyboardFocusEnhance()];\n\nconst ScrollArea = createComponent(ScrollAreaRoot, {\n  Container: ContainerRoot,\n  Bar: BarRoot,\n});\n\n// TODO: remove named ScrollArea export\nexport { eventCalculate, ScrollArea };\nexport default ScrollArea;\n"],"mappings":"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"}

package/scroll-area/lib/cjs/ScrollBar.js

@@ -20,11 +20,11 @@ var _reactDom = require("react-dom");
 var _flexBox = require("intergalactic/flex-box");
 var _ref5 = require("intergalactic/utils/lib/ref");
 /*__reshadow-styles__:"./style/scroll-bar.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SScrollBar_13w1y_gg_{position:absolute;display:flex}.___SScrollBar_13w1y_gg_._orientation_vertical_13w1y_gg_{top:var(--intergalactic-spacing-1x, 4px);right:0;width:8px;height:calc(100% - var(--intergalactic-spacing-2x, 8px));justify-content:center}.___SScrollBar_13w1y_gg_._orientation_horizontal_13w1y_gg_{bottom:0;left:var(--intergalactic-spacing-1x, 4px);height:12px;width:calc(100% - var(--intergalactic-spacing-2x, 8px));align-items:center}.___SSlider_13w1y_gg_{cursor:pointer;width:6px;height:6px;border-radius:4px;background-color:var(--intergalactic-scroll-bar-background, rgba(25, 27, 35, 0.3))}" /*__inner_css_end__*/, "13w1y_gg_") /*__reshadow_css_end__*/, {
-  "__SScrollBar": "___SScrollBar_13w1y_gg_",
-  "_orientation_vertical": "_orientation_vertical_13w1y_gg_",
-  "_orientation_horizontal": "_orientation_horizontal_13w1y_gg_",
-  "__SSlider": "___SSlider_13w1y_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SScrollBar_1n31e_gg_{position:absolute;display:flex}.___SScrollBar_1n31e_gg_._orientation_vertical_1n31e_gg_{top:var(--intergalactic-spacing-1x, 4px);right:0;width:8px;height:calc(100% - var(--intergalactic-spacing-2x, 8px));justify-content:center}.___SScrollBar_1n31e_gg_._orientation_horizontal_1n31e_gg_{bottom:0;left:var(--intergalactic-spacing-1x, 4px);height:12px;width:calc(100% - var(--intergalactic-spacing-2x, 8px));align-items:center}.___SSlider_1n31e_gg_{cursor:pointer;width:6px;height:6px;border-radius:4px;background-color:var(--intergalactic-scroll-bar-background, rgba(25, 27, 35, 0.3))}" /*__inner_css_end__*/, "1n31e_gg_") /*__reshadow_css_end__*/, {
+  "__SScrollBar": "___SScrollBar_1n31e_gg_",
+  "_orientation_vertical": "_orientation_vertical_1n31e_gg_",
+  "_orientation_horizontal": "_orientation_horizontal_1n31e_gg_",
+  "__SSlider": "___SSlider_1n31e_gg_"
 });
 var DEFAULT_SLIDER_SIZE = 50;
 

package/scroll-area/lib/es6/ScrollArea.js

@@ -24,15 +24,15 @@ import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocus
 import uniqueIDEnhancement from 'intergalactic/utils/lib/uniqueID';
 import canUseDOM from 'intergalactic/utils/lib/canUseDOM';
 /*__reshadow-styles__:"./style/scroll-area.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScrollArea_1ync6_gg_{position:relative;width:100%;height:100%}.___SShadowHorizontal_1ync6_gg_:after,.___SShadowHorizontal_1ync6_gg_:before,.___SShadowVertical_1ync6_gg_:after,.___SShadowVertical_1ync6_gg_:before{content:\"\";position:absolute;pointer-events:none;z-index:1}.___SShadowHorizontal_1ync6_gg_:after,.___SShadowHorizontal_1ync6_gg_:before{top:0;display:block;width:5px;height:100%}.___SShadowHorizontal_1ync6_gg_._position_median_1ync6_gg_:before{left:0;background:var(--intergalactic-scroll-area-shadow-left,\n    linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_1ync6_gg_._position_median_1ync6_gg_:after{right:0;background:var(--intergalactic-scroll-area-shadow-right,\n    linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_1ync6_gg_._position_start_1ync6_gg_:before{left:0;background:var(--intergalactic-scroll-area-shadow-left,\n    linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_1ync6_gg_._position_end_1ync6_gg_:after{right:0;background:var(--intergalactic-scroll-area-shadow-right,\n    linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_1ync6_gg_:after,.___SShadowVertical_1ync6_gg_:before{left:0;display:block;width:100%;height:5px}.___SShadowVertical_1ync6_gg_._position_median_1ync6_gg_:before{top:0;background:var(--intergalactic-scroll-area-shadow-top,\n    linear-gradient(to bottom, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_1ync6_gg_._position_median_1ync6_gg_:after{bottom:0;background:var(--intergalactic-scroll-area-shadow-bottom,\n    linear-gradient(to top, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_1ync6_gg_._position_start_1ync6_gg_:before{top:0;background:var(--intergalactic-scroll-area-shadow-top,\n    linear-gradient(to bottom, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_1ync6_gg_._position_end_1ync6_gg_:after{bottom:0;background:var(--intergalactic-scroll-area-shadow-bottom,\n    linear-gradient(to top, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SContainer_1ync6_gg_{display:block;width:100%;height:100%;box-sizing:content-box;overflow:auto;-webkit-overflow-scrolling:touch;outline:0;scrollbar-width:none;-ms-overflow-style:none}.___SContainer_1ync6_gg_::-webkit-scrollbar{display:none}.___SContainer_1ync6_gg_.__keyboardFocused_1ync6_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;z-index:2}" /*__inner_css_end__*/, "1ync6_gg_") /*__reshadow_css_end__*/, {
-  "__SScrollArea": "___SScrollArea_1ync6_gg_",
-  "__SContainer": "___SContainer_1ync6_gg_",
-  "_keyboardFocused": "__keyboardFocused_1ync6_gg_",
-  "__SShadowHorizontal": "___SShadowHorizontal_1ync6_gg_",
-  "__SShadowVertical": "___SShadowVertical_1ync6_gg_",
-  "_position_median": "_position_median_1ync6_gg_",
-  "_position_start": "_position_start_1ync6_gg_",
-  "_position_end": "_position_end_1ync6_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScrollArea_1liqz_gg_{position:relative;width:100%;height:100%}.___SShadowHorizontal_1liqz_gg_:after,.___SShadowHorizontal_1liqz_gg_:before,.___SShadowVertical_1liqz_gg_:after,.___SShadowVertical_1liqz_gg_:before{content:\"\";position:absolute;pointer-events:none;z-index:1}.___SShadowHorizontal_1liqz_gg_:after,.___SShadowHorizontal_1liqz_gg_:before{top:0;display:block;width:5px;height:100%}.___SShadowHorizontal_1liqz_gg_._position_median_1liqz_gg_:before{left:0;background:var(--intergalactic-scroll-area-shadow-left,\n    linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_1liqz_gg_._position_median_1liqz_gg_:after{right:0;background:var(--intergalactic-scroll-area-shadow-right,\n    linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_1liqz_gg_._position_start_1liqz_gg_:before{left:0;background:var(--intergalactic-scroll-area-shadow-left,\n    linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_1liqz_gg_._position_end_1liqz_gg_:after{right:0;background:var(--intergalactic-scroll-area-shadow-right,\n    linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_1liqz_gg_:after,.___SShadowVertical_1liqz_gg_:before{left:0;display:block;width:100%;height:5px}.___SShadowVertical_1liqz_gg_._position_median_1liqz_gg_:before{top:0;background:var(--intergalactic-scroll-area-shadow-top,\n    linear-gradient(to bottom, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_1liqz_gg_._position_median_1liqz_gg_:after{bottom:0;background:var(--intergalactic-scroll-area-shadow-bottom,\n    linear-gradient(to top, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_1liqz_gg_._position_start_1liqz_gg_:before{top:0;background:var(--intergalactic-scroll-area-shadow-top,\n    linear-gradient(to bottom, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_1liqz_gg_._position_end_1liqz_gg_:after{bottom:0;background:var(--intergalactic-scroll-area-shadow-bottom,\n    linear-gradient(to top, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SContainer_1liqz_gg_{display:block;width:100%;height:100%;box-sizing:content-box;overflow:auto;-webkit-overflow-scrolling:touch;outline:0;scrollbar-width:none;-ms-overflow-style:none}.___SContainer_1liqz_gg_::-webkit-scrollbar{display:none}.___SContainer_1liqz_gg_.__keyboardFocused_1liqz_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;z-index:2}" /*__inner_css_end__*/, "1liqz_gg_") /*__reshadow_css_end__*/, {
+  "__SScrollArea": "___SScrollArea_1liqz_gg_",
+  "__SContainer": "___SContainer_1liqz_gg_",
+  "_keyboardFocused": "__keyboardFocused_1liqz_gg_",
+  "__SShadowHorizontal": "___SShadowHorizontal_1liqz_gg_",
+  "__SShadowVertical": "___SShadowVertical_1liqz_gg_",
+  "_position_median": "_position_median_1liqz_gg_",
+  "_position_start": "_position_start_1liqz_gg_",
+  "_position_end": "_position_end_1liqz_gg_"
 });
 var eventCalculate = undefined;
 if (typeof window !== 'undefined') {
@@ -96,9 +96,12 @@ var ScrollAreaRoot = /*#__PURE__*/function (_Component) {
           var viewPort = (_this$$container = _this.$container) === null || _this$$container === void 0 ? void 0 : _this$$container.getBoundingClientRect();
           var element = e.target.getBoundingClientRect();
           if (viewPort) {
-            var inViewPort = element.top >= viewPort.top && element.bottom <= viewPort.bottom && element.left >= viewPort.left && element.right <= viewPort.right;
-            if (!inViewPort && _this.asProps.keyboardFocused) {
-              e.target.scrollIntoView();
+            var outOfViewport = element.top >= viewPort.bottom || element.bottom <= viewPort.top || element.left >= viewPort.right || element.right <= viewPort.left;
+            if (outOfViewport && _this.asProps.keyboardFocused) {
+              e.target.scrollIntoView({
+                block: 'nearest',
+                inline: 'nearest'
+              });
             }
           }
         }

package/scroll-area/lib/es6/ScrollArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollArea.js","names":["React","findDOMNode","createComponent","Component","sstyled","Root","Box","trottle","getNodeByRef","isAdvanceMode","callAllEventHandlers","BarRoot","setAreaValue","keyboardFocusEnhance","uniqueIDEnhancement","canUseDOM","style","_sstyled","insert","eventCalculate","undefined","window","Event","BoxWithoutPosition","forwardRef","_ref5","ref","position","props","_objectWithoutProperties","_excluded","createElement","_extends","ScrollAreaRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","call","_defineProperty","_assertThisInitialized","createRef","shadowHorizontal","shadowVertical","node","$wrapper","$container","_this$calculateSizeCo","calculateSizeContainer","height","width","dispatchEvent","setShadowContainer","horizontalBarRef","current","verticalBarRef","updateBarsAria","e","_e$target","target","isEqualNode","scrollTop","scrollLeft","setTimeout","scrollIntoView","_this$$container","viewPort","getBoundingClientRect","element","inViewPort","top","bottom","left","right","asProps","keyboardFocused","scroll","maxScroll","orientation","roundedScroll","Math","round","roundedMaxScroll","shadow","setState","_this$$container2","scrollWidth","clientWidth","scrollHeight","clientHeight","maxScrollRight","maxScrollBottom","toggleShadow","observer","ResizeObserver","onResize","calculate","_createClass","key","get","container","inner","value","size","_this$$container3","getComputedStyle","maxWidth","Number","parseInt","getPropertyValue","maxHeight","concat","getContainerProps","_this$asProps","onScroll","uid","id","$refInner","handleScrollContainer","getBarProps","_this$asProps2","componentDidMount","_this$$inner","$inner","_this$observer","observe","_this$observer2","addEventListener","handleFocusIn","componentDidUpdate","componentWillUnmount","_this$observer3","_this$$inner2","disconnect","removeEventListener","render","_ref","_ref3","SScrollArea","SShadowVertical","SShadowHorizontal","_this$asProps3","Children","styles","tabIndex","forcedAdvancedMode","_this$state","state","advancedMode","ScrollArea","Container","displayName","Bar","cn","_objectSpread","_assignProps","refWrapper","handleScroll","Fragment","ContainerRoot","_ref2","arguments[0]","_ref4","SContainer","_assignProps2","enhance"],"sources":["../../src/ScrollArea.jsx"],"sourcesContent":["import React from 'react';\nimport { findDOMNode } from 'react-dom';\n\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport trottle from '@semcore/utils/lib/rafTrottle';\nimport { getNodeByRef } from '@semcore/utils/lib/ref';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport BarRoot, { setAreaValue } from './ScrollBar';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\n\nimport style from './style/scroll-area.shadow.css';\n\nlet eventCalculate = undefined;\nif (typeof window !== 'undefined') {\n  eventCalculate = new Event('calculate');\n}\n\nconst BoxWithoutPosition = React.forwardRef(({ position, ...props }, ref) => (\n  <Box ref={ref} {...props} />\n));\n\nclass ScrollAreaRoot extends Component {\n  static displayName = 'ScrollArea';\n\n  static style = style;\n  static enhance = [uniqueIDEnhancement(), keyboardFocusEnhance()];\n\n  static defaultProps = () => ({\n    container: React.createRef(),\n    inner: React.createRef(),\n    tabIndex: 0,\n  });\n\n  $wrapper = null;\n  observer = null;\n  horizontalBarRef = React.createRef();\n  verticalBarRef = React.createRef();\n\n  get $container() {\n    return getNodeByRef(this.asProps.container);\n  }\n\n  get $inner() {\n    return getNodeByRef(this.asProps.inner);\n  }\n\n  state = {\n    shadowHorizontal: false,\n    shadowVertical: false,\n  };\n\n  constructor(props) {\n    super(props);\n\n    if (canUseDOM()) {\n      this.observer = new ResizeObserver(callAllEventHandlers(props.onResize, this.calculate));\n    }\n  }\n\n  refWrapper = (node) => {\n    this.$wrapper = findDOMNode(node);\n  };\n\n  // for max height/width\n  calculateSizeContainer() {\n    const size = { width: '', height: '' };\n    if (!this.$container || !this.$wrapper) return size;\n    const { scrollWidth, scrollHeight } = this.$container;\n    const style = window.getComputedStyle(this.$wrapper);\n    const maxWidth = Number.parseInt(style.getPropertyValue('max-width'));\n    const maxHeight = Number.parseInt(style.getPropertyValue('max-height'));\n\n    if (maxWidth) {\n      if (scrollWidth > maxWidth) {\n        size.width = `${maxWidth}px`;\n      } else {\n        size.width = '100%';\n      }\n    }\n\n    if (maxHeight) {\n      if (scrollHeight > maxHeight) {\n        size.height = `${maxHeight}px`;\n      } else {\n        size.height = '100%';\n      }\n    }\n\n    return size;\n  }\n\n  calculate = trottle(() => {\n    if (!this.$container) return;\n\n    const { height, width } = this.calculateSizeContainer();\n    if (height) this.$container.style.height = height;\n    if (width) this.$container.style.width = width;\n    this.$container.dispatchEvent(eventCalculate);\n    this.setShadowContainer();\n  });\n\n  updateBarsAria = trottle(() => {\n    setAreaValue(this.$container, this.horizontalBarRef.current, this.verticalBarRef.current);\n  });\n\n  handleScrollContainer = trottle(() => {\n    if (!this.$container) return;\n    this.setShadowContainer();\n    this.updateBarsAria();\n  });\n\n  // FIX Chrome bug, when focus state on hide control\n  handleScroll = (e) => {\n    if (e.target?.isEqualNode(this.$wrapper)) {\n      e.target.scrollTop = 0;\n      e.target.scrollLeft = 0;\n    }\n  };\n\n  handleFocusIn = (e) => {\n    setTimeout(() => {\n      if (typeof e.target.scrollIntoView === 'function') {\n        const viewPort = this.$container?.getBoundingClientRect();\n        const element = e.target.getBoundingClientRect();\n\n        if (viewPort) {\n          const inViewPort =\n            element.top >= viewPort.top &&\n            element.bottom <= viewPort.bottom &&\n            element.left >= viewPort.left &&\n            element.right <= viewPort.right;\n\n          if (!inViewPort && this.asProps.keyboardFocused) {\n            e.target.scrollIntoView();\n          }\n        }\n      }\n    }, 0);\n  };\n\n  toggleShadow = (scroll, maxScroll, orientation) => {\n    const roundedScroll = Math.round(scroll);\n    const roundedMaxScroll = Math.round(maxScroll);\n    let shadow = '';\n    // not scroll\n    if (roundedMaxScroll <= 0) {\n      // start scroll\n    } else if (roundedScroll <= 0) {\n      shadow = 'end';\n      // end scroll\n    } else if (roundedScroll >= roundedMaxScroll) {\n      shadow = 'start';\n      // median scroll\n    } else if (roundedScroll > 0) {\n      shadow = 'median';\n    }\n    this.setState({\n      [orientation]: shadow,\n    });\n  };\n\n  setShadowContainer = () => {\n    if (!this.asProps.shadow || !this.$container || !this.$wrapper) return;\n\n    const { scrollWidth, clientWidth, scrollHeight, clientHeight, scrollLeft, scrollTop } =\n      this.$container;\n    const maxScrollRight = scrollWidth - clientWidth;\n    const maxScrollBottom = scrollHeight - clientHeight;\n\n    this.toggleShadow(scrollLeft, maxScrollRight, 'shadowHorizontal');\n    this.toggleShadow(scrollTop, maxScrollBottom, 'shadowVertical');\n  };\n\n  getContainerProps() {\n    const { container, inner, onScroll, uid } = this.asProps;\n    return {\n      id: `igc-${uid}-scroll-container`,\n      ref: container,\n      $refInner: inner,\n      onScroll: callAllEventHandlers(onScroll, this.handleScrollContainer),\n    };\n  }\n\n  getBarProps() {\n    const { container, orientation, uid } = this.asProps;\n    return {\n      container,\n      orientation,\n      uid,\n      horizontalBarRef: this.horizontalBarRef,\n      verticalBarRef: this.verticalBarRef,\n    };\n  }\n\n  componentDidMount() {\n    this.calculate();\n    this.updateBarsAria();\n    if (this.$inner) {\n      this.observer?.observe(this.$inner);\n    }\n    if (this.$container) {\n      this.observer?.observe(this.$container);\n    }\n\n    this.$inner?.addEventListener('focusin', this.handleFocusIn);\n  }\n\n  componentDidUpdate() {\n    this.calculate();\n  }\n\n  componentWillUnmount() {\n    this.observer?.disconnect();\n    this.$inner?.removeEventListener('focusin', this.handleFocusIn);\n  }\n\n  render() {\n    const SScrollArea = Root;\n    const SShadowVertical = BoxWithoutPosition;\n    const SShadowHorizontal = BoxWithoutPosition;\n    const { Children, styles, orientation, tabIndex, forcedAdvancedMode } = this.asProps;\n    const { shadowVertical, shadowHorizontal } = this.state;\n\n    const advancedMode =\n      forcedAdvancedMode ||\n      isAdvanceMode(Children, [ScrollArea.Container.displayName, ScrollArea.Bar.displayName]);\n\n    return sstyled(styles)(\n      <SScrollArea\n        render={Box}\n        ref={this.refWrapper}\n        onScroll={this.handleScroll}\n        __excludeProps={['tabIndex']}\n      >\n        {shadowVertical && <SShadowVertical position={shadowVertical} />}\n        {shadowHorizontal && <SShadowHorizontal position={shadowHorizontal} />}\n        {advancedMode ? (\n          <Children />\n        ) : (\n          <>\n            <ScrollArea.Container tabIndex={tabIndex}>\n              <Children />\n            </ScrollArea.Container>\n            {(orientation === undefined || orientation === 'horizontal') && (\n              <ScrollArea.Bar orientation='horizontal' />\n            )}\n            {(orientation === undefined || orientation === 'vertical') && (\n              <ScrollArea.Bar orientation='vertical' />\n            )}\n          </>\n        )}\n      </SScrollArea>,\n    );\n  }\n}\n\nfunction ContainerRoot(props) {\n  const SContainer = Root;\n  const { Children, styles, $refInner } = props;\n  return sstyled(styles)(\n    <SContainer render={Box} tabIndex={0}>\n      <div ref={$refInner}>\n        <Children />\n      </div>\n    </SContainer>,\n  );\n}\n\nContainerRoot.enhance = [keyboardFocusEnhance()];\n\nconst ScrollArea = createComponent(ScrollAreaRoot, {\n  Container: ContainerRoot,\n  Bar: BarRoot,\n});\n\n// TODO: remove named ScrollArea export\nexport { eventCalculate, ScrollArea };\nexport default ScrollArea;\n"],"mappings":"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"}
+{"version":3,"file":"ScrollArea.js","names":["React","findDOMNode","createComponent","Component","sstyled","Root","Box","trottle","getNodeByRef","isAdvanceMode","callAllEventHandlers","BarRoot","setAreaValue","keyboardFocusEnhance","uniqueIDEnhancement","canUseDOM","style","_sstyled","insert","eventCalculate","undefined","window","Event","BoxWithoutPosition","forwardRef","_ref5","ref","position","props","_objectWithoutProperties","_excluded","createElement","_extends","ScrollAreaRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","call","_defineProperty","_assertThisInitialized","createRef","shadowHorizontal","shadowVertical","node","$wrapper","$container","_this$calculateSizeCo","calculateSizeContainer","height","width","dispatchEvent","setShadowContainer","horizontalBarRef","current","verticalBarRef","updateBarsAria","e","_e$target","target","isEqualNode","scrollTop","scrollLeft","setTimeout","scrollIntoView","_this$$container","viewPort","getBoundingClientRect","element","outOfViewport","top","bottom","left","right","asProps","keyboardFocused","block","inline","scroll","maxScroll","orientation","roundedScroll","Math","round","roundedMaxScroll","shadow","setState","_this$$container2","scrollWidth","clientWidth","scrollHeight","clientHeight","maxScrollRight","maxScrollBottom","toggleShadow","observer","ResizeObserver","onResize","calculate","_createClass","key","get","container","inner","value","size","_this$$container3","getComputedStyle","maxWidth","Number","parseInt","getPropertyValue","maxHeight","concat","getContainerProps","_this$asProps","onScroll","uid","id","$refInner","handleScrollContainer","getBarProps","_this$asProps2","componentDidMount","_this$$inner","$inner","_this$observer","observe","_this$observer2","addEventListener","handleFocusIn","componentDidUpdate","componentWillUnmount","_this$observer3","_this$$inner2","disconnect","removeEventListener","render","_ref","_ref3","SScrollArea","SShadowVertical","SShadowHorizontal","_this$asProps3","Children","styles","tabIndex","forcedAdvancedMode","_this$state","state","advancedMode","ScrollArea","Container","displayName","Bar","cn","_objectSpread","_assignProps","refWrapper","handleScroll","Fragment","ContainerRoot","_ref2","arguments[0]","_ref4","SContainer","_assignProps2","enhance"],"sources":["../../src/ScrollArea.jsx"],"sourcesContent":["import React from 'react';\nimport { findDOMNode } from 'react-dom';\n\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport trottle from '@semcore/utils/lib/rafTrottle';\nimport { getNodeByRef } from '@semcore/utils/lib/ref';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport BarRoot, { setAreaValue } from './ScrollBar';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\n\nimport style from './style/scroll-area.shadow.css';\n\nlet eventCalculate = undefined;\nif (typeof window !== 'undefined') {\n  eventCalculate = new Event('calculate');\n}\n\nconst BoxWithoutPosition = React.forwardRef(({ position, ...props }, ref) => (\n  <Box ref={ref} {...props} />\n));\n\nclass ScrollAreaRoot extends Component {\n  static displayName = 'ScrollArea';\n\n  static style = style;\n  static enhance = [uniqueIDEnhancement(), keyboardFocusEnhance()];\n\n  static defaultProps = () => ({\n    container: React.createRef(),\n    inner: React.createRef(),\n    tabIndex: 0,\n  });\n\n  $wrapper = null;\n  observer = null;\n  horizontalBarRef = React.createRef();\n  verticalBarRef = React.createRef();\n\n  get $container() {\n    return getNodeByRef(this.asProps.container);\n  }\n\n  get $inner() {\n    return getNodeByRef(this.asProps.inner);\n  }\n\n  state = {\n    shadowHorizontal: false,\n    shadowVertical: false,\n  };\n\n  constructor(props) {\n    super(props);\n\n    if (canUseDOM()) {\n      this.observer = new ResizeObserver(callAllEventHandlers(props.onResize, this.calculate));\n    }\n  }\n\n  refWrapper = (node) => {\n    this.$wrapper = findDOMNode(node);\n  };\n\n  // for max height/width\n  calculateSizeContainer() {\n    const size = { width: '', height: '' };\n    if (!this.$container || !this.$wrapper) return size;\n    const { scrollWidth, scrollHeight } = this.$container;\n    const style = window.getComputedStyle(this.$wrapper);\n    const maxWidth = Number.parseInt(style.getPropertyValue('max-width'));\n    const maxHeight = Number.parseInt(style.getPropertyValue('max-height'));\n\n    if (maxWidth) {\n      if (scrollWidth > maxWidth) {\n        size.width = `${maxWidth}px`;\n      } else {\n        size.width = '100%';\n      }\n    }\n\n    if (maxHeight) {\n      if (scrollHeight > maxHeight) {\n        size.height = `${maxHeight}px`;\n      } else {\n        size.height = '100%';\n      }\n    }\n\n    return size;\n  }\n\n  calculate = trottle(() => {\n    if (!this.$container) return;\n\n    const { height, width } = this.calculateSizeContainer();\n    if (height) this.$container.style.height = height;\n    if (width) this.$container.style.width = width;\n    this.$container.dispatchEvent(eventCalculate);\n    this.setShadowContainer();\n  });\n\n  updateBarsAria = trottle(() => {\n    setAreaValue(this.$container, this.horizontalBarRef.current, this.verticalBarRef.current);\n  });\n\n  handleScrollContainer = trottle(() => {\n    if (!this.$container) return;\n    this.setShadowContainer();\n    this.updateBarsAria();\n  });\n\n  // FIX Chrome bug, when focus state on hide control\n  handleScroll = (e) => {\n    if (e.target?.isEqualNode(this.$wrapper)) {\n      e.target.scrollTop = 0;\n      e.target.scrollLeft = 0;\n    }\n  };\n\n  handleFocusIn = (e) => {\n    setTimeout(() => {\n      if (typeof e.target.scrollIntoView === 'function') {\n        const viewPort = this.$container?.getBoundingClientRect();\n        const element = e.target.getBoundingClientRect();\n\n        if (viewPort) {\n          const outOfViewport =\n            element.top >= viewPort.bottom ||\n            element.bottom <= viewPort.top ||\n            element.left >= viewPort.right ||\n            element.right <= viewPort.left;\n\n          if (outOfViewport && this.asProps.keyboardFocused) {\n            e.target.scrollIntoView({\n              block: 'nearest',\n              inline: 'nearest',\n            });\n          }\n        }\n      }\n    }, 0);\n  };\n\n  toggleShadow = (scroll, maxScroll, orientation) => {\n    const roundedScroll = Math.round(scroll);\n    const roundedMaxScroll = Math.round(maxScroll);\n    let shadow = '';\n    // not scroll\n    if (roundedMaxScroll <= 0) {\n      // start scroll\n    } else if (roundedScroll <= 0) {\n      shadow = 'end';\n      // end scroll\n    } else if (roundedScroll >= roundedMaxScroll) {\n      shadow = 'start';\n      // median scroll\n    } else if (roundedScroll > 0) {\n      shadow = 'median';\n    }\n    this.setState({\n      [orientation]: shadow,\n    });\n  };\n\n  setShadowContainer = () => {\n    if (!this.asProps.shadow || !this.$container || !this.$wrapper) return;\n\n    const { scrollWidth, clientWidth, scrollHeight, clientHeight, scrollLeft, scrollTop } =\n      this.$container;\n    const maxScrollRight = scrollWidth - clientWidth;\n    const maxScrollBottom = scrollHeight - clientHeight;\n\n    this.toggleShadow(scrollLeft, maxScrollRight, 'shadowHorizontal');\n    this.toggleShadow(scrollTop, maxScrollBottom, 'shadowVertical');\n  };\n\n  getContainerProps() {\n    const { container, inner, onScroll, uid } = this.asProps;\n    return {\n      id: `igc-${uid}-scroll-container`,\n      ref: container,\n      $refInner: inner,\n      onScroll: callAllEventHandlers(onScroll, this.handleScrollContainer),\n    };\n  }\n\n  getBarProps() {\n    const { container, orientation, uid } = this.asProps;\n    return {\n      container,\n      orientation,\n      uid,\n      horizontalBarRef: this.horizontalBarRef,\n      verticalBarRef: this.verticalBarRef,\n    };\n  }\n\n  componentDidMount() {\n    this.calculate();\n    this.updateBarsAria();\n    if (this.$inner) {\n      this.observer?.observe(this.$inner);\n    }\n    if (this.$container) {\n      this.observer?.observe(this.$container);\n    }\n\n    this.$inner?.addEventListener('focusin', this.handleFocusIn);\n  }\n\n  componentDidUpdate() {\n    this.calculate();\n  }\n\n  componentWillUnmount() {\n    this.observer?.disconnect();\n    this.$inner?.removeEventListener('focusin', this.handleFocusIn);\n  }\n\n  render() {\n    const SScrollArea = Root;\n    const SShadowVertical = BoxWithoutPosition;\n    const SShadowHorizontal = BoxWithoutPosition;\n    const { Children, styles, orientation, tabIndex, forcedAdvancedMode } = this.asProps;\n    const { shadowVertical, shadowHorizontal } = this.state;\n\n    const advancedMode =\n      forcedAdvancedMode ||\n      isAdvanceMode(Children, [ScrollArea.Container.displayName, ScrollArea.Bar.displayName]);\n\n    return sstyled(styles)(\n      <SScrollArea\n        render={Box}\n        ref={this.refWrapper}\n        onScroll={this.handleScroll}\n        __excludeProps={['tabIndex']}\n      >\n        {shadowVertical && <SShadowVertical position={shadowVertical} />}\n        {shadowHorizontal && <SShadowHorizontal position={shadowHorizontal} />}\n        {advancedMode ? (\n          <Children />\n        ) : (\n          <>\n            <ScrollArea.Container tabIndex={tabIndex}>\n              <Children />\n            </ScrollArea.Container>\n            {(orientation === undefined || orientation === 'horizontal') && (\n              <ScrollArea.Bar orientation='horizontal' />\n            )}\n            {(orientation === undefined || orientation === 'vertical') && (\n              <ScrollArea.Bar orientation='vertical' />\n            )}\n          </>\n        )}\n      </SScrollArea>,\n    );\n  }\n}\n\nfunction ContainerRoot(props) {\n  const SContainer = Root;\n  const { Children, styles, $refInner } = props;\n  return sstyled(styles)(\n    <SContainer render={Box} tabIndex={0}>\n      <div ref={$refInner}>\n        <Children />\n      </div>\n    </SContainer>,\n  );\n}\n\nContainerRoot.enhance = [keyboardFocusEnhance()];\n\nconst ScrollArea = createComponent(ScrollAreaRoot, {\n  Container: ContainerRoot,\n  Bar: BarRoot,\n});\n\n// TODO: remove named ScrollArea export\nexport { eventCalculate, ScrollArea };\nexport default ScrollArea;\n"],"mappings":"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"}

package/scroll-area/lib/es6/ScrollBar.js

@@ -15,11 +15,11 @@ import createComponent, { Component, sstyled, Root } from 'intergalactic/core';
 import { Box } from 'intergalactic/flex-box';
 import { getNodeByRef } from 'intergalactic/utils/lib/ref';
 /*__reshadow-styles__:"./style/scroll-bar.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScrollBar_13w1y_gg_{position:absolute;display:flex}.___SScrollBar_13w1y_gg_._orientation_vertical_13w1y_gg_{top:var(--intergalactic-spacing-1x, 4px);right:0;width:8px;height:calc(100% - var(--intergalactic-spacing-2x, 8px));justify-content:center}.___SScrollBar_13w1y_gg_._orientation_horizontal_13w1y_gg_{bottom:0;left:var(--intergalactic-spacing-1x, 4px);height:12px;width:calc(100% - var(--intergalactic-spacing-2x, 8px));align-items:center}.___SSlider_13w1y_gg_{cursor:pointer;width:6px;height:6px;border-radius:4px;background-color:var(--intergalactic-scroll-bar-background, rgba(25, 27, 35, 0.3))}" /*__inner_css_end__*/, "13w1y_gg_") /*__reshadow_css_end__*/, {
-  "__SScrollBar": "___SScrollBar_13w1y_gg_",
-  "_orientation_vertical": "_orientation_vertical_13w1y_gg_",
-  "_orientation_horizontal": "_orientation_horizontal_13w1y_gg_",
-  "__SSlider": "___SSlider_13w1y_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScrollBar_1n31e_gg_{position:absolute;display:flex}.___SScrollBar_1n31e_gg_._orientation_vertical_1n31e_gg_{top:var(--intergalactic-spacing-1x, 4px);right:0;width:8px;height:calc(100% - var(--intergalactic-spacing-2x, 8px));justify-content:center}.___SScrollBar_1n31e_gg_._orientation_horizontal_1n31e_gg_{bottom:0;left:var(--intergalactic-spacing-1x, 4px);height:12px;width:calc(100% - var(--intergalactic-spacing-2x, 8px));align-items:center}.___SSlider_1n31e_gg_{cursor:pointer;width:6px;height:6px;border-radius:4px;background-color:var(--intergalactic-scroll-bar-background, rgba(25, 27, 35, 0.3))}" /*__inner_css_end__*/, "1n31e_gg_") /*__reshadow_css_end__*/, {
+  "__SScrollBar": "___SScrollBar_1n31e_gg_",
+  "_orientation_vertical": "_orientation_vertical_1n31e_gg_",
+  "_orientation_horizontal": "_orientation_horizontal_1n31e_gg_",
+  "__SSlider": "___SSlider_1n31e_gg_"
 });
 export var DEFAULT_SLIDER_SIZE = 50;
 

package/select/lib/cjs/InputSearch.js

@@ -22,12 +22,12 @@ var _context = require("./context");
 var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
 var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
 /*__reshadow-styles__:"./style/input-search.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SInputSearch_we0ru_gg_._size_m_we0ru_gg_{height:32px}.___SSearchClear_we0ru_gg_.__hide_we0ru_gg_{visibility:hidden}.___SOutline_we0ru_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0}" /*__inner_css_end__*/, "we0ru_gg_") /*__reshadow_css_end__*/, {
-  "__SInputSearch": "___SInputSearch_we0ru_gg_",
-  "_size_m": "_size_m_we0ru_gg_",
-  "__SSearchClear": "___SSearchClear_we0ru_gg_",
-  "_hide": "__hide_we0ru_gg_",
-  "__SOutline": "___SOutline_we0ru_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SInputSearch_1jxyd_gg_._size_m_1jxyd_gg_{height:32px}.___SSearchClear_1jxyd_gg_.__hide_1jxyd_gg_{visibility:hidden}.___SOutline_1jxyd_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0}" /*__inner_css_end__*/, "1jxyd_gg_") /*__reshadow_css_end__*/, {
+  "__SInputSearch": "___SInputSearch_1jxyd_gg_",
+  "_size_m": "_size_m_1jxyd_gg_",
+  "__SSearchClear": "___SSearchClear_1jxyd_gg_",
+  "_hide": "__hide_1jxyd_gg_",
+  "__SOutline": "___SOutline_1jxyd_gg_"
 });
 var InputSearchRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(InputSearchRoot, _Component);

package/select/lib/cjs/Select.js

@@ -36,15 +36,15 @@ var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynam
 var _useFocusLock = require("intergalactic/utils/lib/use/useFocusLock");
 var _excluded = ["Children", "options", "multiselect", "value", "uid", "forcedAdvancedMode"];
 /*__reshadow-styles__:"./style/select.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SOptionCheckbox_10t38_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-2x, 8px);margin-bottom:auto;position:relative;flex-shrink:0;width:16px;height:16px}.___SOptionCheckbox_10t38_gg_::before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SOptionCheckbox_10t38_gg_::after{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;margin:0 var(--intergalactic-spacing-05x, 2px);background-repeat:no-repeat;background-position:center center;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_10t38_gg_._size_l_10t38_gg_{width:20px;height:20px}.___SOptionCheckbox_10t38_gg_._size_l_10t38_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_10t38_gg_.__checked_10t38_gg_:before,.___SOptionCheckbox_10t38_gg_.__indeterminate_10t38_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_10t38_gg_.__theme_10t38_gg_:before{border-color:var(--theme_10t38)}.___SOptionCheckbox_10t38_gg_.__theme_10t38_gg_.__checked_10t38_gg_:before{background-color:var(--theme_10t38);border-color:var(--theme_10t38)}.___SOptionCheckbox_10t38_gg_.__selected_10t38_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_10t38_gg_.__selected_10t38_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_10t38_gg_.__indeterminate_10t38_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_10t38_gg_.__indeterminate_10t38_gg_._size_l_10t38_gg_:after{width:12px;height:2px}.___SOptionCheckbox_10t38_gg_.__indeterminate_10t38_gg_._size_m_10t38_gg_:after{width:8px;height:2px}" /*__inner_css_end__*/, "10t38_gg_") /*__reshadow_css_end__*/, {
-  "__SOptionCheckbox": "___SOptionCheckbox_10t38_gg_",
-  "_checked": "__checked_10t38_gg_",
-  "_indeterminate": "__indeterminate_10t38_gg_",
-  "_theme": "__theme_10t38_gg_",
-  "--theme": "--theme_10t38",
-  "_size_l": "_size_l_10t38_gg_",
-  "_size_m": "_size_m_10t38_gg_",
-  "_selected": "__selected_10t38_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SOptionCheckbox_cvwl4_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-2x, 8px);margin-bottom:auto;position:relative;flex-shrink:0;width:16px;height:16px}.___SOptionCheckbox_cvwl4_gg_::before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SOptionCheckbox_cvwl4_gg_::after{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;margin:0 var(--intergalactic-spacing-05x, 2px);background-repeat:no-repeat;background-position:center center;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_cvwl4_gg_._size_l_cvwl4_gg_{width:20px;height:20px}.___SOptionCheckbox_cvwl4_gg_._size_l_cvwl4_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_cvwl4_gg_.__checked_cvwl4_gg_:before,.___SOptionCheckbox_cvwl4_gg_.__indeterminate_cvwl4_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_cvwl4_gg_.__theme_cvwl4_gg_:before{border-color:var(--theme_cvwl4)}.___SOptionCheckbox_cvwl4_gg_.__theme_cvwl4_gg_.__checked_cvwl4_gg_:before{background-color:var(--theme_cvwl4);border-color:var(--theme_cvwl4)}.___SOptionCheckbox_cvwl4_gg_.__selected_cvwl4_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_cvwl4_gg_.__selected_cvwl4_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_cvwl4_gg_.__indeterminate_cvwl4_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_cvwl4_gg_.__indeterminate_cvwl4_gg_._size_l_cvwl4_gg_:after{width:12px;height:2px}.___SOptionCheckbox_cvwl4_gg_.__indeterminate_cvwl4_gg_._size_m_cvwl4_gg_:after{width:8px;height:2px}" /*__inner_css_end__*/, "cvwl4_gg_") /*__reshadow_css_end__*/, {
+  "__SOptionCheckbox": "___SOptionCheckbox_cvwl4_gg_",
+  "_checked": "__checked_cvwl4_gg_",
+  "_indeterminate": "__indeterminate_cvwl4_gg_",
+  "_theme": "__theme_cvwl4_gg_",
+  "--theme": "--theme_cvwl4",
+  "_size_l": "_size_l_cvwl4_gg_",
+  "_size_m": "_size_m_cvwl4_gg_",
+  "_selected": "__selected_cvwl4_gg_"
 });
 function isSelectedOption(value, valueOption) {
   return Array.isArray(value) ? value.includes(valueOption) : valueOption === value;

package/select/lib/es6/InputSearch.js

@@ -19,12 +19,12 @@ import { selectContext } from './context';
 import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 /*__reshadow-styles__:"./style/input-search.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SInputSearch_we0ru_gg_._size_m_we0ru_gg_{height:32px}.___SSearchClear_we0ru_gg_.__hide_we0ru_gg_{visibility:hidden}.___SOutline_we0ru_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0}" /*__inner_css_end__*/, "we0ru_gg_") /*__reshadow_css_end__*/, {
-  "__SInputSearch": "___SInputSearch_we0ru_gg_",
-  "_size_m": "_size_m_we0ru_gg_",
-  "__SSearchClear": "___SSearchClear_we0ru_gg_",
-  "_hide": "__hide_we0ru_gg_",
-  "__SOutline": "___SOutline_we0ru_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SInputSearch_1jxyd_gg_._size_m_1jxyd_gg_{height:32px}.___SSearchClear_1jxyd_gg_.__hide_1jxyd_gg_{visibility:hidden}.___SOutline_1jxyd_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0}" /*__inner_css_end__*/, "1jxyd_gg_") /*__reshadow_css_end__*/, {
+  "__SInputSearch": "___SInputSearch_1jxyd_gg_",
+  "_size_m": "_size_m_1jxyd_gg_",
+  "__SSearchClear": "___SSearchClear_1jxyd_gg_",
+  "_hide": "__hide_1jxyd_gg_",
+  "__SOutline": "___SOutline_1jxyd_gg_"
 });
 var InputSearchRoot = /*#__PURE__*/function (_Component) {
   _inherits(InputSearchRoot, _Component);

package/select/lib/es6/Select.js

@@ -33,15 +33,15 @@ import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 import { setFocus } from 'intergalactic/utils/lib/use/useFocusLock';
 /*__reshadow-styles__:"./style/select.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SOptionCheckbox_10t38_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-2x, 8px);margin-bottom:auto;position:relative;flex-shrink:0;width:16px;height:16px}.___SOptionCheckbox_10t38_gg_::before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SOptionCheckbox_10t38_gg_::after{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;margin:0 var(--intergalactic-spacing-05x, 2px);background-repeat:no-repeat;background-position:center center;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_10t38_gg_._size_l_10t38_gg_{width:20px;height:20px}.___SOptionCheckbox_10t38_gg_._size_l_10t38_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_10t38_gg_.__checked_10t38_gg_:before,.___SOptionCheckbox_10t38_gg_.__indeterminate_10t38_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_10t38_gg_.__theme_10t38_gg_:before{border-color:var(--theme_10t38)}.___SOptionCheckbox_10t38_gg_.__theme_10t38_gg_.__checked_10t38_gg_:before{background-color:var(--theme_10t38);border-color:var(--theme_10t38)}.___SOptionCheckbox_10t38_gg_.__selected_10t38_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_10t38_gg_.__selected_10t38_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_10t38_gg_.__indeterminate_10t38_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_10t38_gg_.__indeterminate_10t38_gg_._size_l_10t38_gg_:after{width:12px;height:2px}.___SOptionCheckbox_10t38_gg_.__indeterminate_10t38_gg_._size_m_10t38_gg_:after{width:8px;height:2px}" /*__inner_css_end__*/, "10t38_gg_") /*__reshadow_css_end__*/, {
-  "__SOptionCheckbox": "___SOptionCheckbox_10t38_gg_",
-  "_checked": "__checked_10t38_gg_",
-  "_indeterminate": "__indeterminate_10t38_gg_",
-  "_theme": "__theme_10t38_gg_",
-  "--theme": "--theme_10t38",
-  "_size_l": "_size_l_10t38_gg_",
-  "_size_m": "_size_m_10t38_gg_",
-  "_selected": "__selected_10t38_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SOptionCheckbox_cvwl4_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-2x, 8px);margin-bottom:auto;position:relative;flex-shrink:0;width:16px;height:16px}.___SOptionCheckbox_cvwl4_gg_::before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SOptionCheckbox_cvwl4_gg_::after{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;margin:0 var(--intergalactic-spacing-05x, 2px);background-repeat:no-repeat;background-position:center center;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_cvwl4_gg_._size_l_cvwl4_gg_{width:20px;height:20px}.___SOptionCheckbox_cvwl4_gg_._size_l_cvwl4_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_cvwl4_gg_.__checked_cvwl4_gg_:before,.___SOptionCheckbox_cvwl4_gg_.__indeterminate_cvwl4_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_cvwl4_gg_.__theme_cvwl4_gg_:before{border-color:var(--theme_cvwl4)}.___SOptionCheckbox_cvwl4_gg_.__theme_cvwl4_gg_.__checked_cvwl4_gg_:before{background-color:var(--theme_cvwl4);border-color:var(--theme_cvwl4)}.___SOptionCheckbox_cvwl4_gg_.__selected_cvwl4_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_cvwl4_gg_.__selected_cvwl4_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_cvwl4_gg_.__indeterminate_cvwl4_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_cvwl4_gg_.__indeterminate_cvwl4_gg_._size_l_cvwl4_gg_:after{width:12px;height:2px}.___SOptionCheckbox_cvwl4_gg_.__indeterminate_cvwl4_gg_._size_m_cvwl4_gg_:after{width:8px;height:2px}" /*__inner_css_end__*/, "cvwl4_gg_") /*__reshadow_css_end__*/, {
+  "__SOptionCheckbox": "___SOptionCheckbox_cvwl4_gg_",
+  "_checked": "__checked_cvwl4_gg_",
+  "_indeterminate": "__indeterminate_cvwl4_gg_",
+  "_theme": "__theme_cvwl4_gg_",
+  "--theme": "--theme_cvwl4",
+  "_size_l": "_size_l_cvwl4_gg_",
+  "_size_m": "_size_m_cvwl4_gg_",
+  "_selected": "__selected_cvwl4_gg_"
 });
 function isSelectedOption(value, valueOption) {
   return Array.isArray(value) ? value.includes(valueOption) : valueOption === value;

package/time-picker/lib/cjs/TimePicker.js

@@ -29,18 +29,18 @@ var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynam
 var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
 var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
 /*__reshadow-styles__:"./style/time-picker.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STimePicker_1v2oe_gg_{position:relative;width:auto;outline:0}.___STimePicker_1v2oe_gg_.__keyboardFocused_1v2oe_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePicker_1v2oe_gg_.__disabled_1v2oe_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___SPickerInput_1v2oe_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___SPickerInput_1v2oe_gg_.__placeholder_1v2oe_gg_{text-overflow:initial}.___SPickerInput_1v2oe_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SPickerInput_1v2oe_gg_._size_l_1v2oe_gg_,.___SPickerInput_1v2oe_gg_._size_m_1v2oe_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_1v2oe_gg_._size_l_1v2oe_gg_{width:21px}.___SPickerFormat_1v2oe_gg_{flex-shrink:0;position:relative;display:inline-flex;padding:0;white-space:nowrap;font-family:inherit;font-weight:var(--intergalactic-medium, 500);line-height:normal;-webkit-text-decoration:none;text-decoration:none;align-items:center;border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:0 var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}@media (hover:hover){.___SPickerFormat_1v2oe_gg_:hover{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SPickerFormat_1v2oe_gg_.__active_1v2oe_gg_,.___SPickerFormat_1v2oe_gg_:active{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf)}.___SPickerFormat_1v2oe_gg_._size_m_1v2oe_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_1v2oe_gg_._size_m_1v2oe_gg_ .___SPickerFormatText_1v2oe_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_1v2oe_gg_._size_l_1v2oe_gg_{height:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px);margin:0 calc(-1*var(--intergalactic-spacing-1x, 4px))0 0}.___SPickerFormat_1v2oe_gg_._size_l_1v2oe_gg_ .___SPickerFormatText_1v2oe_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_1v2oe_gg_.__disabled_1v2oe_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;border-color:transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf)}.___SPickerFormat_1v2oe_gg_.__keyboardFocused_1v2oe_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePickerSeparator_1v2oe_gg_{color:var(--intergalactic-text-primary, #191b23)}.___STimePickerSeparator_1v2oe_gg_.__disabled_1v2oe_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}" /*__inner_css_end__*/, "1v2oe_gg_") /*__reshadow_css_end__*/, {
-  "__STimePicker": "___STimePicker_1v2oe_gg_",
-  "_keyboardFocused": "__keyboardFocused_1v2oe_gg_",
-  "_disabled": "__disabled_1v2oe_gg_",
-  "__SPickerInput": "___SPickerInput_1v2oe_gg_",
-  "_size_m": "_size_m_1v2oe_gg_",
-  "_size_l": "_size_l_1v2oe_gg_",
-  "__SPickerFormat": "___SPickerFormat_1v2oe_gg_",
-  "__STimePickerSeparator": "___STimePickerSeparator_1v2oe_gg_",
-  "_placeholder": "__placeholder_1v2oe_gg_",
-  "_active": "__active_1v2oe_gg_",
-  "__SPickerFormatText": "___SPickerFormatText_1v2oe_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STimePicker_1olts_gg_{position:relative;width:auto;outline:0}.___STimePicker_1olts_gg_.__keyboardFocused_1olts_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePicker_1olts_gg_.__disabled_1olts_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___SPickerInput_1olts_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___SPickerInput_1olts_gg_.__placeholder_1olts_gg_{text-overflow:initial}.___SPickerInput_1olts_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SPickerInput_1olts_gg_._size_l_1olts_gg_,.___SPickerInput_1olts_gg_._size_m_1olts_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_1olts_gg_._size_l_1olts_gg_{width:21px}.___SPickerFormat_1olts_gg_{flex-shrink:0;position:relative;display:inline-flex;padding:0;white-space:nowrap;font-family:inherit;font-weight:var(--intergalactic-medium, 500);line-height:normal;-webkit-text-decoration:none;text-decoration:none;align-items:center;border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:0 var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}@media (hover:hover){.___SPickerFormat_1olts_gg_:hover{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SPickerFormat_1olts_gg_.__active_1olts_gg_,.___SPickerFormat_1olts_gg_:active{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf)}.___SPickerFormat_1olts_gg_._size_m_1olts_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_1olts_gg_._size_m_1olts_gg_ .___SPickerFormatText_1olts_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_1olts_gg_._size_l_1olts_gg_{height:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px);margin:0 calc(-1*var(--intergalactic-spacing-1x, 4px))0 0}.___SPickerFormat_1olts_gg_._size_l_1olts_gg_ .___SPickerFormatText_1olts_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_1olts_gg_.__disabled_1olts_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;border-color:transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf)}.___SPickerFormat_1olts_gg_.__keyboardFocused_1olts_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePickerSeparator_1olts_gg_{color:var(--intergalactic-text-primary, #191b23)}.___STimePickerSeparator_1olts_gg_.__disabled_1olts_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}" /*__inner_css_end__*/, "1olts_gg_") /*__reshadow_css_end__*/, {
+  "__STimePicker": "___STimePicker_1olts_gg_",
+  "_keyboardFocused": "__keyboardFocused_1olts_gg_",
+  "_disabled": "__disabled_1olts_gg_",
+  "__SPickerInput": "___SPickerInput_1olts_gg_",
+  "_size_m": "_size_m_1olts_gg_",
+  "_size_l": "_size_l_1olts_gg_",
+  "__SPickerFormat": "___SPickerFormat_1olts_gg_",
+  "__STimePickerSeparator": "___STimePickerSeparator_1olts_gg_",
+  "_placeholder": "__placeholder_1olts_gg_",
+  "_active": "__active_1olts_gg_",
+  "__SPickerFormatText": "___SPickerFormatText_1olts_gg_"
 });
 var MAP_MERIDIEM = {
   AM: 'PM',

package/time-picker/lib/es6/TimePicker.js

@@ -18,18 +18,18 @@ import Format from './PickerFormat';
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
 /*__reshadow-styles__:"./style/time-picker.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STimePicker_1v2oe_gg_{position:relative;width:auto;outline:0}.___STimePicker_1v2oe_gg_.__keyboardFocused_1v2oe_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePicker_1v2oe_gg_.__disabled_1v2oe_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___SPickerInput_1v2oe_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___SPickerInput_1v2oe_gg_.__placeholder_1v2oe_gg_{text-overflow:initial}.___SPickerInput_1v2oe_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SPickerInput_1v2oe_gg_._size_l_1v2oe_gg_,.___SPickerInput_1v2oe_gg_._size_m_1v2oe_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_1v2oe_gg_._size_l_1v2oe_gg_{width:21px}.___SPickerFormat_1v2oe_gg_{flex-shrink:0;position:relative;display:inline-flex;padding:0;white-space:nowrap;font-family:inherit;font-weight:var(--intergalactic-medium, 500);line-height:normal;-webkit-text-decoration:none;text-decoration:none;align-items:center;border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:0 var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}@media (hover:hover){.___SPickerFormat_1v2oe_gg_:hover{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SPickerFormat_1v2oe_gg_.__active_1v2oe_gg_,.___SPickerFormat_1v2oe_gg_:active{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf)}.___SPickerFormat_1v2oe_gg_._size_m_1v2oe_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_1v2oe_gg_._size_m_1v2oe_gg_ .___SPickerFormatText_1v2oe_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_1v2oe_gg_._size_l_1v2oe_gg_{height:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px);margin:0 calc(-1*var(--intergalactic-spacing-1x, 4px))0 0}.___SPickerFormat_1v2oe_gg_._size_l_1v2oe_gg_ .___SPickerFormatText_1v2oe_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_1v2oe_gg_.__disabled_1v2oe_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;border-color:transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf)}.___SPickerFormat_1v2oe_gg_.__keyboardFocused_1v2oe_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePickerSeparator_1v2oe_gg_{color:var(--intergalactic-text-primary, #191b23)}.___STimePickerSeparator_1v2oe_gg_.__disabled_1v2oe_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}" /*__inner_css_end__*/, "1v2oe_gg_") /*__reshadow_css_end__*/, {
-  "__STimePicker": "___STimePicker_1v2oe_gg_",
-  "_keyboardFocused": "__keyboardFocused_1v2oe_gg_",
-  "_disabled": "__disabled_1v2oe_gg_",
-  "__SPickerInput": "___SPickerInput_1v2oe_gg_",
-  "_size_m": "_size_m_1v2oe_gg_",
-  "_size_l": "_size_l_1v2oe_gg_",
-  "__SPickerFormat": "___SPickerFormat_1v2oe_gg_",
-  "__STimePickerSeparator": "___STimePickerSeparator_1v2oe_gg_",
-  "_placeholder": "__placeholder_1v2oe_gg_",
-  "_active": "__active_1v2oe_gg_",
-  "__SPickerFormatText": "___SPickerFormatText_1v2oe_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STimePicker_1olts_gg_{position:relative;width:auto;outline:0}.___STimePicker_1olts_gg_.__keyboardFocused_1olts_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePicker_1olts_gg_.__disabled_1olts_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___SPickerInput_1olts_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___SPickerInput_1olts_gg_.__placeholder_1olts_gg_{text-overflow:initial}.___SPickerInput_1olts_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SPickerInput_1olts_gg_._size_l_1olts_gg_,.___SPickerInput_1olts_gg_._size_m_1olts_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_1olts_gg_._size_l_1olts_gg_{width:21px}.___SPickerFormat_1olts_gg_{flex-shrink:0;position:relative;display:inline-flex;padding:0;white-space:nowrap;font-family:inherit;font-weight:var(--intergalactic-medium, 500);line-height:normal;-webkit-text-decoration:none;text-decoration:none;align-items:center;border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:0 var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}@media (hover:hover){.___SPickerFormat_1olts_gg_:hover{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SPickerFormat_1olts_gg_.__active_1olts_gg_,.___SPickerFormat_1olts_gg_:active{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf)}.___SPickerFormat_1olts_gg_._size_m_1olts_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_1olts_gg_._size_m_1olts_gg_ .___SPickerFormatText_1olts_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_1olts_gg_._size_l_1olts_gg_{height:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px);margin:0 calc(-1*var(--intergalactic-spacing-1x, 4px))0 0}.___SPickerFormat_1olts_gg_._size_l_1olts_gg_ .___SPickerFormatText_1olts_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_1olts_gg_.__disabled_1olts_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;border-color:transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf)}.___SPickerFormat_1olts_gg_.__keyboardFocused_1olts_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePickerSeparator_1olts_gg_{color:var(--intergalactic-text-primary, #191b23)}.___STimePickerSeparator_1olts_gg_.__disabled_1olts_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}" /*__inner_css_end__*/, "1olts_gg_") /*__reshadow_css_end__*/, {
+  "__STimePicker": "___STimePicker_1olts_gg_",
+  "_keyboardFocused": "__keyboardFocused_1olts_gg_",
+  "_disabled": "__disabled_1olts_gg_",
+  "__SPickerInput": "___SPickerInput_1olts_gg_",
+  "_size_m": "_size_m_1olts_gg_",
+  "_size_l": "_size_l_1olts_gg_",
+  "__SPickerFormat": "___SPickerFormat_1olts_gg_",
+  "__STimePickerSeparator": "___STimePickerSeparator_1olts_gg_",
+  "_placeholder": "__placeholder_1olts_gg_",
+  "_active": "__active_1olts_gg_",
+  "__SPickerFormatText": "___SPickerFormatText_1olts_gg_"
 });
 import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
 var MAP_MERIDIEM = {