intergalactic 15.101.0 → 15.102.0-prerelease.0

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","element","propertyKey","value","propertyValue","concat","setProperty","$container","_this$calculateSizeCo","calculateSizeContainer","height","width","dispatchEvent","setShadowContainer","horizontalBarRef","current","verticalBarRef","updateBarsAria","e","_e$target","target","isEqualNode","scrollTop","scrollLeft","setTimeout","_this$asProps","asProps","keyboardFocused","leftOffset","rightOffset","topOffset","bottomOffset","scrollTo","viewPort","getBoundingClientRect","offset","top","left","right","bottom","outOfViewport","Math","floor","scroll","maxScroll","orientation","roundedScroll","round","roundedMaxScroll","shadow","setState","_this$$container","scrollWidth","clientWidth","scrollHeight","clientHeight","maxScrollRight","maxScrollBottom","toggleShadow","observer","ResizeObserver","onResize","calculate","_createClass","key","get","container","inner","_parent$getBoundingCl","size","_this$$container2","getComputedStyle","parent","parentElement","parentRect","_this$asProps2","wMax","hMax","setStyleSizeProperty","maxWidth","Number","parseInt","getPropertyValue","maxHeight","diff","toFixed","getContainerProps","_this$asProps3","onScroll","uid","id","$refInner","handleScrollContainer","getBarProps","_this$asProps4","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$asProps5","Children","styles","tabIndex","forcedAdvancedMode","_this$state","state","advancedMode","ScrollArea","Container","displayName","Bar","cn","_objectSpread","_assignProps","refWrapper","handleScroll","Fragment","ContainerRoot","_ref2","arguments[0]","_ref4","SContainer","_props$focusRingTopOf","focusRingTopOffset","_props$focusRingRight","focusRingRightOffset","_props$focusRingBotto","focusRingBottomOffset","_props$focusRingLeftO","focusRingLeftOffset","_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  setStyleSizeProperty = (element, propertyKey, value) => {\n    let propertyValue = value;\n\n    if (typeof value === 'number') {\n      propertyValue = value < 1 ? `${100 * value}%` : `${value}px`;\n    }\n\n    element.style.setProperty(propertyKey, propertyValue);\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 parent = this.$wrapper.parentElement;\n    const parentRect = parent?.getBoundingClientRect() ?? { width: 0, height: 0 };\n    const { wMax, hMax } = this.asProps;\n\n    if (wMax) this.setStyleSizeProperty(this.$wrapper, 'max-width', wMax);\n    if (hMax) this.setStyleSizeProperty(this.$wrapper, 'max-height', hMax);\n\n    let maxWidth = Number.parseInt(style.getPropertyValue('max-width'));\n    let maxHeight = Number.parseInt(style.getPropertyValue('max-height'));\n\n    if (maxWidth) {\n      if (wMax && parent.scrollWidth > parentRect.width) {\n        const diff = parent.scrollWidth - parentRect.width;\n\n        if (diff < maxWidth) {\n          maxWidth = maxWidth - diff;\n\n          this.$wrapper.style.setProperty('max-width', `${maxWidth}px`);\n        }\n      }\n\n      if (scrollWidth > maxWidth) {\n        size.width = `${maxWidth}px`;\n      } else {\n        size.width = '100%';\n      }\n    }\n\n    if (maxHeight) {\n      if (hMax && parent.scrollHeight > parentRect.height) {\n        /** even if height is like 100.486px we should round it to 100, not 101 */\n        const diff =\n          Math.round(parent.scrollHeight.toFixed(1)) - Math.round(parentRect.height.toFixed(1));\n\n        if (diff < maxHeight) {\n          maxHeight = maxHeight - diff;\n\n          this.$wrapper.style.setProperty('max-height', `${maxHeight}px`);\n        }\n      }\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      const { keyboardFocused, leftOffset, rightOffset, topOffset, bottomOffset } = this.asProps;\n\n      if (this.$container && typeof this.$container.scrollTo === 'function') {\n        const viewPort = this.$container.getBoundingClientRect();\n        const element = e.target.getBoundingClientRect();\n\n        const offset = {\n          top: topOffset ?? 0,\n          left: leftOffset ?? 0,\n          right: rightOffset ?? 0,\n          bottom: bottomOffset ?? 0,\n        };\n\n        if (viewPort) {\n          const outOfViewport =\n            Math.floor(element.top) >= viewPort.bottom - offset.bottom ||\n            Math.floor(element.bottom) <= viewPort.top + offset.top ||\n            Math.floor(element.left) >= viewPort.right - offset.right ||\n            Math.floor(element.right) <= viewPort.left + offset.left;\n\n          if (outOfViewport && keyboardFocused) {\n            this.$container.scrollTo({\n              top: element.top + this.$container.scrollTop - offset.top - viewPort.top,\n              left: element.left + this.$container.scrollLeft - offset.left - viewPort.left,\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, leftOffset, rightOffset } = this.asProps;\n\n    return {\n      container,\n      orientation,\n      uid,\n      horizontalBarRef: this.horizontalBarRef,\n      verticalBarRef: this.verticalBarRef,\n      leftOffset,\n      rightOffset,\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 {\n      Children,\n      styles,\n      orientation,\n      tabIndex,\n      forcedAdvancedMode,\n      leftOffset,\n      rightOffset,\n      topOffset,\n      bottomOffset,\n    } = 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        {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        {shadowVertical && (\n          <SShadowVertical\n            position={shadowVertical}\n            topOffset={topOffset ? `${topOffset}px` : undefined}\n            bottomOffset={bottomOffset ? `${bottomOffset}px` : undefined}\n          />\n        )}\n        {shadowHorizontal && (\n          <SShadowHorizontal\n            position={shadowHorizontal}\n            leftOffset={leftOffset ? `${leftOffset}px` : undefined}\n            rightOffset={rightOffset ? `${rightOffset}px` : undefined}\n          />\n        )}\n      </SScrollArea>,\n    );\n  }\n}\n\nfunction ContainerRoot(props) {\n  const SContainer = Root;\n  const {\n    Children,\n    styles,\n    $refInner,\n    focusRingTopOffset = 0,\n    focusRingRightOffset = 0,\n    focusRingBottomOffset = 0,\n    focusRingLeftOffset = 0,\n  } = props;\n  return sstyled(styles)(\n    <SContainer\n      render={Box}\n      tabIndex={0}\n      focusRingTopOffset={focusRingTopOffset}\n      focusRingRightOffset={focusRingRightOffset}\n      focusRingBottomOffset={focusRingBottomOffset}\n      focusRingLeftOffset={focusRingLeftOffset}\n    >\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","element","propertyKey","value","propertyValue","concat","setProperty","$container","_this$calculateSizeCo","calculateSizeContainer","height","width","dispatchEvent","setShadowContainer","horizontalBarRef","current","verticalBarRef","updateBarsAria","e","_e$target","target","isEqualNode","scrollTop","scrollLeft","setTimeout","_this$asProps","asProps","keyboardFocused","leftOffset","rightOffset","topOffset","bottomOffset","scrollTo","viewPort","getBoundingClientRect","offset","top","left","right","bottom","outOfViewport","Math","floor","scroll","maxScroll","orientation","roundedScroll","round","roundedMaxScroll","shadow","setState","_this$$container","scrollWidth","clientWidth","scrollHeight","clientHeight","maxScrollRight","maxScrollBottom","toggleShadow","observer","ResizeObserver","onResize","calculate","_createClass","key","get","container","inner","_this$asProps2","wMax","hMax","observeParentSize","size","_this$$container2","getComputedStyle","parent","parentElement","parentRect","setStyleSizeProperty","maxWidth","Number","parseInt","getPropertyValue","maxHeight","diff","toFixed","getContainerProps","_this$asProps3","onScroll","uid","id","$refInner","handleScrollContainer","getBarProps","_this$asProps4","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$asProps5","Children","styles","tabIndex","forcedAdvancedMode","_this$state","state","advancedMode","ScrollArea","Container","displayName","Bar","cn","_objectSpread","_assignProps","refWrapper","handleScroll","Fragment","ContainerRoot","_ref2","arguments[0]","_ref4","SContainer","_props$focusRingTopOf","focusRingTopOffset","_props$focusRingRight","focusRingRightOffset","_props$focusRingBotto","focusRingBottomOffset","_props$focusRingLeftO","focusRingLeftOffset","_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    observeParentSize: false,\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  setStyleSizeProperty = (element, propertyKey, value) => {\n    let propertyValue = value;\n\n    if (typeof value === 'number') {\n      propertyValue = value < 1 ? `${100 * value}%` : `${value}px`;\n    }\n\n    element.style.setProperty(propertyKey, propertyValue);\n  };\n\n  // for max height/width\n  calculateSizeContainer() {\n    const { wMax, hMax, observeParentSize } = this.asProps;\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 parent = this.$wrapper.parentElement;\n\n    let parentRect = { width: 0, height: 0 };\n\n    if (observeParentSize) {\n      if (parent) {\n        parentRect = parent.getBoundingClientRect();\n      }\n\n      if (wMax) this.setStyleSizeProperty(this.$wrapper, 'max-width', wMax);\n      if (hMax) this.setStyleSizeProperty(this.$wrapper, 'max-height', hMax);\n    }\n\n    let maxWidth = Number.parseInt(style.getPropertyValue('max-width'));\n    let maxHeight = Number.parseInt(style.getPropertyValue('max-height'));\n\n    if (maxWidth) {\n      if (observeParentSize && wMax && parent.scrollWidth > parentRect.width) {\n        /** even if width is like 100.486px we should round it to 100, not 101 */\n        const diff =\n          Math.round(parent.scrollWidth.toFixed(1)) - Math.round(parentRect.width.toFixed(1));\n\n        if (diff < maxWidth) {\n          maxWidth = maxWidth - diff;\n\n          this.$wrapper.style.setProperty('max-width', `${maxWidth}px`);\n        }\n      }\n\n      if (scrollWidth > maxWidth) {\n        size.width = `${maxWidth}px`;\n      } else {\n        size.width = '100%';\n      }\n    }\n\n    if (maxHeight) {\n      if (observeParentSize && hMax && parent.scrollHeight > parentRect.height) {\n        /** even if height is like 100.486px we should round it to 100, not 101 */\n        const diff =\n          Math.round(parent.scrollHeight.toFixed(1)) - Math.round(parentRect.height.toFixed(1));\n\n        if (diff < maxHeight) {\n          maxHeight = maxHeight - diff;\n\n          this.$wrapper.style.setProperty('max-height', `${maxHeight}px`);\n        }\n      }\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      const { keyboardFocused, leftOffset, rightOffset, topOffset, bottomOffset } = this.asProps;\n\n      if (this.$container && typeof this.$container.scrollTo === 'function') {\n        const viewPort = this.$container.getBoundingClientRect();\n        const element = e.target.getBoundingClientRect();\n\n        const offset = {\n          top: topOffset ?? 0,\n          left: leftOffset ?? 0,\n          right: rightOffset ?? 0,\n          bottom: bottomOffset ?? 0,\n        };\n\n        if (viewPort) {\n          const outOfViewport =\n            Math.floor(element.top) >= viewPort.bottom - offset.bottom ||\n            Math.floor(element.bottom) <= viewPort.top + offset.top ||\n            Math.floor(element.left) >= viewPort.right - offset.right ||\n            Math.floor(element.right) <= viewPort.left + offset.left;\n\n          if (outOfViewport && keyboardFocused) {\n            this.$container.scrollTo({\n              top: element.top + this.$container.scrollTop - offset.top - viewPort.top,\n              left: element.left + this.$container.scrollLeft - offset.left - viewPort.left,\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, leftOffset, rightOffset } = this.asProps;\n\n    return {\n      container,\n      orientation,\n      uid,\n      horizontalBarRef: this.horizontalBarRef,\n      verticalBarRef: this.verticalBarRef,\n      leftOffset,\n      rightOffset,\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 {\n      Children,\n      styles,\n      orientation,\n      tabIndex,\n      forcedAdvancedMode,\n      leftOffset,\n      rightOffset,\n      topOffset,\n      bottomOffset,\n    } = 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        {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        {shadowVertical && (\n          <SShadowVertical\n            position={shadowVertical}\n            topOffset={topOffset ? `${topOffset}px` : undefined}\n            bottomOffset={bottomOffset ? `${bottomOffset}px` : undefined}\n          />\n        )}\n        {shadowHorizontal && (\n          <SShadowHorizontal\n            position={shadowHorizontal}\n            leftOffset={leftOffset ? `${leftOffset}px` : undefined}\n            rightOffset={rightOffset ? `${rightOffset}px` : undefined}\n          />\n        )}\n      </SScrollArea>,\n    );\n  }\n}\n\nfunction ContainerRoot(props) {\n  const SContainer = Root;\n  const {\n    Children,\n    styles,\n    $refInner,\n    focusRingTopOffset = 0,\n    focusRingRightOffset = 0,\n    focusRingBottomOffset = 0,\n    focusRingLeftOffset = 0,\n  } = props;\n  return sstyled(styles)(\n    <SContainer\n      render={Box}\n      tabIndex={0}\n      focusRingTopOffset={focusRingTopOffset}\n      focusRingRightOffset={focusRingRightOffset}\n      focusRingBottomOffset={focusRingBottomOffset}\n      focusRingLeftOffset={focusRingLeftOffset}\n    >\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,12 +15,12 @@ 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_1j30l_gg_{position:absolute;display:flex}.___SScrollBar_1j30l_gg_._orientation_vertical_1j30l_gg_{top:var(--intergalactic-spacing-1x, 4px);right:0;width:8px;height:calc(100% - var(--offsetSum_1j30l) - var(--intergalactic-spacing-2x, 8px));justify-content:center}.___SScrollBar_1j30l_gg_._orientation_horizontal_1j30l_gg_{bottom:0;height:12px;align-items:center;width:calc(100% - var(--offsetSum_1j30l) - var(--intergalactic-spacing-2x, 8px))}.___SSlider_1j30l_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__*/, "1j30l_gg_") /*__reshadow_css_end__*/, {
-  "__SScrollBar": "___SScrollBar_1j30l_gg_",
-  "_orientation_vertical": "_orientation_vertical_1j30l_gg_",
-  "--offsetSum": "--offsetSum_1j30l",
-  "_orientation_horizontal": "_orientation_horizontal_1j30l_gg_",
-  "__SSlider": "___SSlider_1j30l_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScrollBar_11dzi_gg_{position:absolute;display:flex}.___SScrollBar_11dzi_gg_._orientation_vertical_11dzi_gg_{top:var(--intergalactic-spacing-1x, 4px);right:0;width:8px;height:calc(100% - var(--offsetSum_11dzi) - var(--intergalactic-spacing-2x, 8px));justify-content:center}.___SScrollBar_11dzi_gg_._orientation_horizontal_11dzi_gg_{bottom:0;height:12px;align-items:center;width:calc(100% - var(--offsetSum_11dzi) - var(--intergalactic-spacing-2x, 8px))}.___SSlider_11dzi_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__*/, "11dzi_gg_") /*__reshadow_css_end__*/, {
+  "__SScrollBar": "___SScrollBar_11dzi_gg_",
+  "_orientation_vertical": "_orientation_vertical_11dzi_gg_",
+  "--offsetSum": "--offsetSum_11dzi",
+  "_orientation_horizontal": "_orientation_horizontal_11dzi_gg_",
+  "__SSlider": "___SSlider_11dzi_gg_"
 });
 export var DEFAULT_SLIDER_SIZE = 50;
 

package/scroll-area/lib/es6/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { NodeByRef } from '@semcore/utils/lib/ref';\n\n/** @deprecated */\nexport interface IScrollAreaProps extends ScrollAreaProps, UnknownProperties {}\nexport type ScrollAreaProps = BoxProps & {\n  /** Shadow display on container */\n  shadow?: boolean;\n  /** Scroll direction */\n  orientation?: 'horizontal' | 'vertical';\n  /** Link to the dom element, which will be a container with overflow */\n  container?: NodeByRef;\n  /** Link to the dom element that will be stretched along with the content */\n  inner?: NodeByRef;\n  /** Callback executed when container change size  */\n  onResize?: ResizeObserverCallback;\n  /** Called every time user scrolls area  */\n  onScroll?: (event: React.SyntheticEvent<HTMLElement>) => void;\n  /** Tab index that is being bypassed to the scroll container. */\n  tabIndex?: number | null;\n\n  topOffset?: number;\n  rightOffset?: number;\n  bottomOffset?: number;\n  leftOffset?: number;\n};\n\n/** @deprecated */\nexport interface IScrollAreaContext extends ScrollAreaContext, UnknownProperties {}\nexport type ScrollAreaContext = ScrollAreaProps & {\n  getContainerProps: PropGetterFn;\n  getBarProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface IScrollBarProps extends ScrollBarProps, UnknownProperties {}\nexport type ScrollBarProps = BoxProps & {\n  /** The direction of the scroll that can be calculated automatically  */\n  orientation?: 'horizontal' | 'vertical';\n  /** Link to the dom element, which will be a container with overflow */\n  container?: NodeByRef;\n};\n\n/** @deprecated */\nexport interface IScrollBarContext extends ScrollBarContext, UnknownProperties {}\nexport type ScrollBarContext = ScrollBarProps & {\n  getSliderProps: PropGetterFn;\n};\n\nexport type ScrollAreaContainerProps = BoxProps & {\n  focusRingTopOffset?: string;\n  focusRingRightOffset?: string;\n  focusRingBottomOffset?: string;\n  focusRingLeftOffset?: string;\n};\n\ndeclare const ScrollBar: Intergalactic.Component<'div', ScrollBarProps, ScrollBarContext> & {\n  Slider: typeof Box;\n};\n\ndeclare const ScrollArea: Intergalactic.Component<'div', ScrollAreaProps, ScrollAreaContext> & {\n  Container: Intergalactic.Component<'div', ScrollAreaContainerProps>;\n  Bar: typeof ScrollBar;\n};\n\ndeclare const eventCalculate: any;\n\nexport { eventCalculate };\nexport default ScrollArea;\n"],"mappings":""}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { NodeByRef } from '@semcore/utils/lib/ref';\n\n/** @deprecated */\nexport interface IScrollAreaProps extends ScrollAreaProps, UnknownProperties {}\nexport type ScrollAreaProps = BoxProps & {\n  /** Shadow display on container */\n  shadow?: boolean;\n  /** Scroll direction */\n  orientation?: 'horizontal' | 'vertical';\n  /** Link to the dom element, which will be a container with overflow */\n  container?: NodeByRef;\n  /** Link to the dom element that will be stretched along with the content */\n  inner?: NodeByRef;\n  /** Callback executed when container change size  */\n  onResize?: ResizeObserverCallback;\n  /** Called every time user scrolls area  */\n  onScroll?: (event: React.SyntheticEvent<HTMLElement>) => void;\n  /** Tab index that is being bypassed to the scroll container. */\n  tabIndex?: number | null;\n\n  /**\n   * Flag to enable resizing if the parent of ScrollArea is resized\n   * @default false\n   */\n  observeParentSize?: boolean;\n\n  topOffset?: number;\n  rightOffset?: number;\n  bottomOffset?: number;\n  leftOffset?: number;\n};\n\n/** @deprecated */\nexport interface IScrollAreaContext extends ScrollAreaContext, UnknownProperties {}\nexport type ScrollAreaContext = ScrollAreaProps & {\n  getContainerProps: PropGetterFn;\n  getBarProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface IScrollBarProps extends ScrollBarProps, UnknownProperties {}\nexport type ScrollBarProps = BoxProps & {\n  /** The direction of the scroll that can be calculated automatically  */\n  orientation?: 'horizontal' | 'vertical';\n  /** Link to the dom element, which will be a container with overflow */\n  container?: NodeByRef;\n};\n\n/** @deprecated */\nexport interface IScrollBarContext extends ScrollBarContext, UnknownProperties {}\nexport type ScrollBarContext = ScrollBarProps & {\n  getSliderProps: PropGetterFn;\n};\n\nexport type ScrollAreaContainerProps = BoxProps & {\n  focusRingTopOffset?: string;\n  focusRingRightOffset?: string;\n  focusRingBottomOffset?: string;\n  focusRingLeftOffset?: string;\n};\n\ndeclare const ScrollBar: Intergalactic.Component<'div', ScrollBarProps, ScrollBarContext> & {\n  Slider: typeof Box;\n};\n\ndeclare const ScrollArea: Intergalactic.Component<'div', ScrollAreaProps, ScrollAreaContext> & {\n  Container: Intergalactic.Component<'div', ScrollAreaContainerProps>;\n  Bar: typeof ScrollBar;\n};\n\ndeclare const eventCalculate: any;\n\nexport { eventCalculate };\nexport default ScrollArea;\n"],"mappings":""}

package/scroll-area/lib/types/index.d.ts

@@ -20,6 +20,12 @@ export type ScrollAreaProps = BoxProps & {
   /** Tab index that is being bypassed to the scroll container. */
   tabIndex?: number | null;
 
+  /**
+   * Flag to enable resizing if the parent of ScrollArea is resized
+   * @default false
+   */
+  observeParentSize?: boolean;
+
   topOffset?: number;
   rightOffset?: number;
   bottomOffset?: number;

package/scroll-area/package.json

@@ -0,0 +1 @@
+{"name":"intergalactic/scroll-area","description":"Semrush ScrollArea Component","version":"5.34.0-prerelease.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/utils":"4.32.0-prerelease.0","@semcore/flex-box":"5.31.0-prerelease.0"},"peerDependencies":{"@semcore/core":"^2.29.0-prerelease.0","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/scroll-area"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

package/select/lib/cjs/InputSearch.js

@@ -23,12 +23,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__*/_index.sstyled.insert( /*__inner_css_start__*/".___SInputSearch_1s3ek_gg_._size_m_1s3ek_gg_{height:32px}.___SSearchClear_1s3ek_gg_.__hide_1s3ek_gg_{visibility:hidden}.___SOutline_1s3ek_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0}" /*__inner_css_end__*/, "1s3ek_gg_") /*__reshadow_css_end__*/, {
-  "__SInputSearch": "___SInputSearch_1s3ek_gg_",
-  "_size_m": "_size_m_1s3ek_gg_",
-  "__SSearchClear": "___SSearchClear_1s3ek_gg_",
-  "_hide": "__hide_1s3ek_gg_",
-  "__SOutline": "___SOutline_1s3ek_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SInputSearch_eafaa_gg_._size_m_eafaa_gg_{height:32px}.___SSearchClear_eafaa_gg_.__hide_eafaa_gg_{visibility:hidden}.___SOutline_eafaa_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0}" /*__inner_css_end__*/, "eafaa_gg_") /*__reshadow_css_end__*/, {
+  "__SInputSearch": "___SInputSearch_eafaa_gg_",
+  "_size_m": "_size_m_eafaa_gg_",
+  "__SSearchClear": "___SSearchClear_eafaa_gg_",
+  "_hide": "__hide_eafaa_gg_",
+  "__SOutline": "___SOutline_eafaa_gg_"
 });
 var InputSearchRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(InputSearchRoot, _Component);

package/select/lib/cjs/Select.js

@@ -37,14 +37,14 @@ var _useFocusLock = require("intergalactic/utils/lib/use/useFocusLock");
 var _popper = require("intergalactic/popper");
 var _excluded = ["Children", "options", "multiselect", "value", "uid", "forcedAdvancedMode"];
 /*__reshadow-styles__:"./style/select.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SOptionCheckbox_102h2_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_102h2_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_102h2_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}.___SOptionCheckbox_102h2_gg_.__selected_102h2_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_102h2_gg_._size_l_102h2_gg_{width:20px;height:20px}.___SOptionCheckbox_102h2_gg_._size_l_102h2_gg_.__selected_102h2_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_102h2_gg_.__indeterminate_102h2_gg_:before,.___SOptionCheckbox_102h2_gg_.__selected_102h2_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_102h2_gg_.__theme_102h2_gg_:before{border-color:var(--theme_102h2)}.___SOptionCheckbox_102h2_gg_.__theme_102h2_gg_.__indeterminate_102h2_gg_:before,.___SOptionCheckbox_102h2_gg_.__theme_102h2_gg_.__selected_102h2_gg_:before{background-color:var(--theme_102h2);border-color:var(--theme_102h2)}.___SOptionCheckbox_102h2_gg_.__selected_102h2_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_102h2_gg_.__selected_102h2_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_102h2_gg_.__indeterminate_102h2_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_102h2_gg_.__indeterminate_102h2_gg_._size_l_102h2_gg_:after{width:12px;height:2px}.___SOptionCheckbox_102h2_gg_.__indeterminate_102h2_gg_._size_m_102h2_gg_:after{width:8px;height:2px}" /*__inner_css_end__*/, "102h2_gg_") /*__reshadow_css_end__*/, {
-  "__SOptionCheckbox": "___SOptionCheckbox_102h2_gg_",
-  "_selected": "__selected_102h2_gg_",
-  "_size_l": "_size_l_102h2_gg_",
-  "_indeterminate": "__indeterminate_102h2_gg_",
-  "_theme": "__theme_102h2_gg_",
-  "--theme": "--theme_102h2",
-  "_size_m": "_size_m_102h2_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SOptionCheckbox_c2ckt_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_c2ckt_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_c2ckt_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}.___SOptionCheckbox_c2ckt_gg_.__selected_c2ckt_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_c2ckt_gg_._size_l_c2ckt_gg_{width:20px;height:20px}.___SOptionCheckbox_c2ckt_gg_._size_l_c2ckt_gg_.__selected_c2ckt_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_c2ckt_gg_.__indeterminate_c2ckt_gg_:before,.___SOptionCheckbox_c2ckt_gg_.__selected_c2ckt_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_c2ckt_gg_.__theme_c2ckt_gg_:before{border-color:var(--theme_c2ckt)}.___SOptionCheckbox_c2ckt_gg_.__theme_c2ckt_gg_.__indeterminate_c2ckt_gg_:before,.___SOptionCheckbox_c2ckt_gg_.__theme_c2ckt_gg_.__selected_c2ckt_gg_:before{background-color:var(--theme_c2ckt);border-color:var(--theme_c2ckt)}.___SOptionCheckbox_c2ckt_gg_.__selected_c2ckt_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_c2ckt_gg_.__selected_c2ckt_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_c2ckt_gg_.__indeterminate_c2ckt_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_c2ckt_gg_.__indeterminate_c2ckt_gg_._size_l_c2ckt_gg_:after{width:12px;height:2px}.___SOptionCheckbox_c2ckt_gg_.__indeterminate_c2ckt_gg_._size_m_c2ckt_gg_:after{width:8px;height:2px}" /*__inner_css_end__*/, "c2ckt_gg_") /*__reshadow_css_end__*/, {
+  "__SOptionCheckbox": "___SOptionCheckbox_c2ckt_gg_",
+  "_selected": "__selected_c2ckt_gg_",
+  "_size_l": "_size_l_c2ckt_gg_",
+  "_indeterminate": "__indeterminate_c2ckt_gg_",
+  "_theme": "__theme_c2ckt_gg_",
+  "--theme": "--theme_c2ckt",
+  "_size_m": "_size_m_c2ckt_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_1s3ek_gg_._size_m_1s3ek_gg_{height:32px}.___SSearchClear_1s3ek_gg_.__hide_1s3ek_gg_{visibility:hidden}.___SOutline_1s3ek_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0}" /*__inner_css_end__*/, "1s3ek_gg_") /*__reshadow_css_end__*/, {
-  "__SInputSearch": "___SInputSearch_1s3ek_gg_",
-  "_size_m": "_size_m_1s3ek_gg_",
-  "__SSearchClear": "___SSearchClear_1s3ek_gg_",
-  "_hide": "__hide_1s3ek_gg_",
-  "__SOutline": "___SOutline_1s3ek_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SInputSearch_eafaa_gg_._size_m_eafaa_gg_{height:32px}.___SSearchClear_eafaa_gg_.__hide_eafaa_gg_{visibility:hidden}.___SOutline_eafaa_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0}" /*__inner_css_end__*/, "eafaa_gg_") /*__reshadow_css_end__*/, {
+  "__SInputSearch": "___SInputSearch_eafaa_gg_",
+  "_size_m": "_size_m_eafaa_gg_",
+  "__SSearchClear": "___SSearchClear_eafaa_gg_",
+  "_hide": "__hide_eafaa_gg_",
+  "__SOutline": "___SOutline_eafaa_gg_"
 });
 var InputSearchRoot = /*#__PURE__*/function (_Component) {
   _inherits(InputSearchRoot, _Component);

package/select/lib/es6/Select.js

@@ -34,14 +34,14 @@ import { localizedMessages } from './translations/__intergalactic-dynamic-locale
 import { setFocus } from 'intergalactic/utils/lib/use/useFocusLock';
 import { isInputTriggerTag } from 'intergalactic/popper';
 /*__reshadow-styles__:"./style/select.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SOptionCheckbox_102h2_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_102h2_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_102h2_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}.___SOptionCheckbox_102h2_gg_.__selected_102h2_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_102h2_gg_._size_l_102h2_gg_{width:20px;height:20px}.___SOptionCheckbox_102h2_gg_._size_l_102h2_gg_.__selected_102h2_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_102h2_gg_.__indeterminate_102h2_gg_:before,.___SOptionCheckbox_102h2_gg_.__selected_102h2_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_102h2_gg_.__theme_102h2_gg_:before{border-color:var(--theme_102h2)}.___SOptionCheckbox_102h2_gg_.__theme_102h2_gg_.__indeterminate_102h2_gg_:before,.___SOptionCheckbox_102h2_gg_.__theme_102h2_gg_.__selected_102h2_gg_:before{background-color:var(--theme_102h2);border-color:var(--theme_102h2)}.___SOptionCheckbox_102h2_gg_.__selected_102h2_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_102h2_gg_.__selected_102h2_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_102h2_gg_.__indeterminate_102h2_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_102h2_gg_.__indeterminate_102h2_gg_._size_l_102h2_gg_:after{width:12px;height:2px}.___SOptionCheckbox_102h2_gg_.__indeterminate_102h2_gg_._size_m_102h2_gg_:after{width:8px;height:2px}" /*__inner_css_end__*/, "102h2_gg_") /*__reshadow_css_end__*/, {
-  "__SOptionCheckbox": "___SOptionCheckbox_102h2_gg_",
-  "_selected": "__selected_102h2_gg_",
-  "_size_l": "_size_l_102h2_gg_",
-  "_indeterminate": "__indeterminate_102h2_gg_",
-  "_theme": "__theme_102h2_gg_",
-  "--theme": "--theme_102h2",
-  "_size_m": "_size_m_102h2_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SOptionCheckbox_c2ckt_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_c2ckt_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_c2ckt_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}.___SOptionCheckbox_c2ckt_gg_.__selected_c2ckt_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_c2ckt_gg_._size_l_c2ckt_gg_{width:20px;height:20px}.___SOptionCheckbox_c2ckt_gg_._size_l_c2ckt_gg_.__selected_c2ckt_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_c2ckt_gg_.__indeterminate_c2ckt_gg_:before,.___SOptionCheckbox_c2ckt_gg_.__selected_c2ckt_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_c2ckt_gg_.__theme_c2ckt_gg_:before{border-color:var(--theme_c2ckt)}.___SOptionCheckbox_c2ckt_gg_.__theme_c2ckt_gg_.__indeterminate_c2ckt_gg_:before,.___SOptionCheckbox_c2ckt_gg_.__theme_c2ckt_gg_.__selected_c2ckt_gg_:before{background-color:var(--theme_c2ckt);border-color:var(--theme_c2ckt)}.___SOptionCheckbox_c2ckt_gg_.__selected_c2ckt_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_c2ckt_gg_.__selected_c2ckt_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_c2ckt_gg_.__indeterminate_c2ckt_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_c2ckt_gg_.__indeterminate_c2ckt_gg_._size_l_c2ckt_gg_:after{width:12px;height:2px}.___SOptionCheckbox_c2ckt_gg_.__indeterminate_c2ckt_gg_._size_m_c2ckt_gg_:after{width:8px;height:2px}" /*__inner_css_end__*/, "c2ckt_gg_") /*__reshadow_css_end__*/, {
+  "__SOptionCheckbox": "___SOptionCheckbox_c2ckt_gg_",
+  "_selected": "__selected_c2ckt_gg_",
+  "_size_l": "_size_l_c2ckt_gg_",
+  "_indeterminate": "__indeterminate_c2ckt_gg_",
+  "_theme": "__theme_c2ckt_gg_",
+  "--theme": "--theme_c2ckt",
+  "_size_m": "_size_m_c2ckt_gg_"
 });
 function isSelectedOption(value, valueOption) {
   return Array.isArray(value) ? value.includes(valueOption) : valueOption === value;

package/select/package.json

@@ -0,0 +1 @@
+{"name":"intergalactic/select","description":"Semrush Select Component","version":"4.45.0-prerelease.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/base-trigger":"4.42.0-prerelease.0","@semcore/checkbox":"7.34.0-prerelease.0","@semcore/divider":"4.30.0-prerelease.0","@semcore/dropdown-menu":"4.35.0-prerelease.0","@semcore/popper":"5.39.0-prerelease.0","@semcore/flex-box":"5.31.0-prerelease.0","@semcore/icon":"4.43.0-prerelease.0","@semcore/input":"4.32.0-prerelease.0","@semcore/utils":"4.32.0-prerelease.0","classnames":"2.2.6"},"peerDependencies":{"@semcore/core":"^2.29.0-prerelease.0","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/select"},"devDependencies":{"@types/react":"18.0.21","@types/classnames":"2.2.6","@semcore/testing-utils":"1.0.0"}}

package/side-panel/lib/cjs/SidePanel.js

@@ -34,27 +34,28 @@ var _ThemeProvider = require("intergalactic/utils/lib/ThemeProvider");
 var _logger = _interopRequireDefault(require("intergalactic/utils/lib/logger"));
 var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
 var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
+var _zIndexStacking = require("intergalactic/utils/lib/zIndexStacking");
 /*__reshadow-styles__:"./style/side-panel.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SOverlay_149rr_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;overflow:hidden;z-index:var(--intergalactic-z-index-overlay, 500);background:var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));-webkit-overflow-scrolling:touch;color:var(--intergalactic-text-primary, #191b23)}.___SPanel_149rr_gg_{display:flex;flex-direction:column;width:260px;outline:0;font-family:inherit;position:fixed;box-sizing:border-box;will-change:transform;background:var(--intergalactic-bg-primary-neutral, #ffffff);z-index:1}.___SPanel_149rr_gg_._placement_right_149rr_gg_,.___SPanel_149rr_gg_._placement_top_149rr_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));top:0}.___SPanel_149rr_gg_._placement_top_149rr_gg_{width:100%;margin-bottom:auto;left:0}.___SPanel_149rr_gg_._placement_right_149rr_gg_{height:100vh;margin-left:auto;right:0}.___SPanel_149rr_gg_._placement_bottom_149rr_gg_,.___SPanel_149rr_gg_._placement_left_149rr_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));left:0}.___SPanel_149rr_gg_._placement_bottom_149rr_gg_{width:100%;margin-top:auto;bottom:0}.___SPanel_149rr_gg_._placement_left_149rr_gg_{height:100vh;margin-right:auto;top:0}.___SClose_149rr_gg_{cursor:pointer;position:absolute;z-index:1;right:var(--intergalactic-spacing-05x, 2px);top:var(--intergalactic-spacing-05x, 2px)}.___SClose_149rr_gg_.__size_149rr_gg_{height:auto}.___SClose_149rr_gg_.__size_149rr_gg_ .___SAddon_149rr_gg_{padding:calc(var(--intergalactic-spacing-2x, 8px) + var(--intergalactic-spacing-05x, 2px) + 1px)0;color:var(--intergalactic-icon-secondary-neutral, #a9abb6)}.___SClose_149rr_gg_.__keyboardFocused_149rr_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBack_149rr_gg_._size_m_149rr_gg_{display:flex;align-items:center;color:var(--intergalactic-text-secondary, #6c6e79);font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);height:auto;min-width:auto;max-width:100%;margin-left:calc(var(--intergalactic-spacing-2x, 8px)*-1 + 1px)}@media (hover:hover){.___SBack_149rr_gg_._size_m_149rr_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SBack_149rr_gg_._size_m_149rr_gg_ .___SInner_149rr_gg_{justify-content:flex-start}.___SBack_149rr_gg_ .___SText_149rr_gg_{display:block}.___SBack_149rr_gg_.__size_149rr_gg_ .___SText_149rr_gg_{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SBackText_149rr_gg_,.___STitle_149rr_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SBackText_149rr_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-200, 142%)}.___STitle_149rr_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700);color:var(--intergalactic-text-primary, #191b23)}.___SHeader_149rr_gg_{padding-left:var(--intergalactic-spacing-6x, 24px);padding-bottom:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-6x, 24px);padding-top:var(--intergalactic-spacing-1x, 4px);min-height:calc(var(--intergalactic-spacing-10x, 40px) + var(--intergalactic-spacing-3x, 12px));box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SFooter_149rr_gg_{min-height:44px;box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_149rr_gg_{height:100%;overflow:auto;padding-left:var(--intergalactic-spacing-6x, 24px);padding-bottom:var(--intergalactic-spacing-4x, 16px);padding-right:var(--intergalactic-spacing-6x, 24px);padding-top:var(--intergalactic-spacing-4x, 16px)}" /*__inner_css_end__*/, "149rr_gg_") /*__reshadow_css_end__*/, {
-  "__SOverlay": "___SOverlay_149rr_gg_",
-  "__SPanel": "___SPanel_149rr_gg_",
-  "_placement_top": "_placement_top_149rr_gg_",
-  "_placement_right": "_placement_right_149rr_gg_",
-  "_placement_bottom": "_placement_bottom_149rr_gg_",
-  "_placement_left": "_placement_left_149rr_gg_",
-  "__SClose": "___SClose_149rr_gg_",
-  "_size": "__size_149rr_gg_",
-  "__SAddon": "___SAddon_149rr_gg_",
-  "_keyboardFocused": "__keyboardFocused_149rr_gg_",
-  "__SBack": "___SBack_149rr_gg_",
-  "_size_m": "_size_m_149rr_gg_",
-  "__SInner": "___SInner_149rr_gg_",
-  "__SText": "___SText_149rr_gg_",
-  "__SBackText": "___SBackText_149rr_gg_",
-  "__STitle": "___STitle_149rr_gg_",
-  "__SHeader": "___SHeader_149rr_gg_",
-  "__SFooter": "___SFooter_149rr_gg_",
-  "__SBody": "___SBody_149rr_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SOverlay_ps30u_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;overflow:hidden;background:var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));-webkit-overflow-scrolling:touch;color:var(--intergalactic-text-primary, #191b23)}.___SPanel_ps30u_gg_{display:flex;flex-direction:column;width:260px;outline:0;font-family:inherit;position:fixed;box-sizing:border-box;will-change:transform;background:var(--intergalactic-bg-primary-neutral, #ffffff);z-index:1}.___SPanel_ps30u_gg_._placement_right_ps30u_gg_,.___SPanel_ps30u_gg_._placement_top_ps30u_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));top:0}.___SPanel_ps30u_gg_._placement_top_ps30u_gg_{width:100%;margin-bottom:auto;left:0}.___SPanel_ps30u_gg_._placement_right_ps30u_gg_{height:100vh;margin-left:auto;right:0}.___SPanel_ps30u_gg_._placement_bottom_ps30u_gg_,.___SPanel_ps30u_gg_._placement_left_ps30u_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));left:0}.___SPanel_ps30u_gg_._placement_bottom_ps30u_gg_{width:100%;margin-top:auto;bottom:0}.___SPanel_ps30u_gg_._placement_left_ps30u_gg_{height:100vh;margin-right:auto;top:0}.___SClose_ps30u_gg_{cursor:pointer;position:absolute;z-index:1;right:var(--intergalactic-spacing-05x, 2px);top:var(--intergalactic-spacing-05x, 2px)}.___SClose_ps30u_gg_.__size_ps30u_gg_{height:auto}.___SClose_ps30u_gg_.__size_ps30u_gg_ .___SAddon_ps30u_gg_{padding:calc(var(--intergalactic-spacing-2x, 8px) + var(--intergalactic-spacing-05x, 2px) + 1px)0;color:var(--intergalactic-icon-secondary-neutral, #a9abb6)}.___SClose_ps30u_gg_.__keyboardFocused_ps30u_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBack_ps30u_gg_._size_m_ps30u_gg_{display:flex;align-items:center;color:var(--intergalactic-text-secondary, #6c6e79);font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);height:auto;min-width:auto;max-width:100%;margin-left:calc(var(--intergalactic-spacing-2x, 8px)*-1 + 1px)}@media (hover:hover){.___SBack_ps30u_gg_._size_m_ps30u_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SBack_ps30u_gg_._size_m_ps30u_gg_ .___SInner_ps30u_gg_{justify-content:flex-start}.___SBack_ps30u_gg_ .___SText_ps30u_gg_{display:block}.___SBack_ps30u_gg_.__size_ps30u_gg_ .___SText_ps30u_gg_{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SBackText_ps30u_gg_,.___STitle_ps30u_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SBackText_ps30u_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-200, 142%)}.___STitle_ps30u_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700);color:var(--intergalactic-text-primary, #191b23)}.___SHeader_ps30u_gg_{padding-left:var(--intergalactic-spacing-6x, 24px);padding-bottom:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-6x, 24px);padding-top:var(--intergalactic-spacing-1x, 4px);min-height:calc(var(--intergalactic-spacing-10x, 40px) + var(--intergalactic-spacing-3x, 12px));box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SFooter_ps30u_gg_{min-height:44px;box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_ps30u_gg_{height:100%;overflow:auto;padding-left:var(--intergalactic-spacing-6x, 24px);padding-bottom:var(--intergalactic-spacing-4x, 16px);padding-right:var(--intergalactic-spacing-6x, 24px);padding-top:var(--intergalactic-spacing-4x, 16px)}" /*__inner_css_end__*/, "ps30u_gg_") /*__reshadow_css_end__*/, {
+  "__SOverlay": "___SOverlay_ps30u_gg_",
+  "__SPanel": "___SPanel_ps30u_gg_",
+  "_placement_top": "_placement_top_ps30u_gg_",
+  "_placement_right": "_placement_right_ps30u_gg_",
+  "_placement_bottom": "_placement_bottom_ps30u_gg_",
+  "_placement_left": "_placement_left_ps30u_gg_",
+  "__SClose": "___SClose_ps30u_gg_",
+  "_size": "__size_ps30u_gg_",
+  "__SAddon": "___SAddon_ps30u_gg_",
+  "_keyboardFocused": "__keyboardFocused_ps30u_gg_",
+  "__SBack": "___SBack_ps30u_gg_",
+  "_size_m": "_size_m_ps30u_gg_",
+  "__SInner": "___SInner_ps30u_gg_",
+  "__SText": "___SText_ps30u_gg_",
+  "__SBackText": "___SBackText_ps30u_gg_",
+  "__STitle": "___STitle_ps30u_gg_",
+  "__SHeader": "___SHeader_ps30u_gg_",
+  "__SFooter": "___SFooter_ps30u_gg_",
+  "__SBody": "___SBody_ps30u_gg_"
 });
 var RootSidePanel = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(RootSidePanel, _Component);
@@ -186,8 +187,10 @@ function Overlay(props) {
   var overlayRef = _react["default"].useRef(null);
   (0, _usePreventScroll["default"])(props.visible, props.disablePreventScroll);
   (0, _ThemeProvider.useContextTheme)(overlayRef, props.visible);
+  var zIndex = (0, _zIndexStacking.useZIndexStacking)('z-index-modal');
   return _ref10 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SOverlay, _ref10.cn("SOverlay", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-    "ref": overlayRef
+    "ref": overlayRef,
+    "zIndex": zIndex
   }, _ref2))));
 }
 function Panel(props) {
@@ -216,9 +219,11 @@ function Panel(props) {
     "ref": sidebarRef,
     "role": 'dialog',
     "aria-modal": 'true'
-  }, _ref3))), /*#__PURE__*/_react["default"].createElement(_portal.PortalProvider, _ref11.cn("PortalProvider", {
+  }, _ref3))), /*#__PURE__*/_react["default"].createElement(_zIndexStacking.ZIndexStackingContextProvider, _ref11.cn("ZIndexStackingContextProvider", {
+    "designToken": 'z-index-modal'
+  }), /*#__PURE__*/_react["default"].createElement(_portal.PortalProvider, _ref11.cn("PortalProvider", {
     "value": sidebarRef
-  }), closable && /*#__PURE__*/_react["default"].createElement(SidePanel.Close, null), advancedMode ? /*#__PURE__*/_react["default"].createElement(Children, _ref11.cn("Children", {})) : /*#__PURE__*/_react["default"].createElement(SidePanel.Body, null, /*#__PURE__*/_react["default"].createElement(Children, _ref11.cn("Children", {}))))));
+  }), closable && /*#__PURE__*/_react["default"].createElement(SidePanel.Close, null), advancedMode ? /*#__PURE__*/_react["default"].createElement(Children, _ref11.cn("Children", {})) : /*#__PURE__*/_react["default"].createElement(SidePanel.Body, null, /*#__PURE__*/_react["default"].createElement(Children, _ref11.cn("Children", {})))))));
 }
 function Footer(props) {
   var _ref4 = arguments[0],

package/side-panel/lib/cjs/SidePanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidePanel.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_animation","_portal","_outsideClick","_l","_fire","_findComponent","_keyboardFocusEnhance","_usePreventScroll","_typography","_m","_button","_useCssVariable","_useFocusLock","_ThemeProvider","_logger","_i18nEnhance","_intergalacticDynamicLocales","style","_index","sstyled","insert","RootSidePanel","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","React","createRef","e","key","stopPropagation","fire","_createClass2","value","isAdvanceMode","asProps","Children","SidePanel","Overlay","displayName","Panel","isUsedOverlay","calculateDelayAnimation","name","delay","duration","usedOverlay","overlay","panel","getOverlayProps","_this$asProps","visible","animationsDisabled","disablePreventScroll","getPanelProps","_this$asProps2","placement","closable","ariaLabel","ariaLabelledBy","disableEnforceFocus","onOutsideClick","handleOutsideClick","onKeyDown","handleSidebarKeyDown","getCloseProps","onClick","handleIconCloseClick","getI18nText","render","_ref","_this$asProps3","disablePortal","ignorePortalsStacking","createElement","assignProps","Component","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","i18nEnhance","localizedMessages","props","_ref2","arguments[0]","_ref10","SOverlay","FadeInOut","overlayRef","useRef","usePreventScroll","useContextTheme","styles","cn","_objectSpread2","_ref3","_ref11","SPanel","Slide","forcedAdvancedMode","advancedMode","Header","Body","Footer","sidebarRef","useFocusLock","hasLabel","Boolean","logger","warn","Fragment","PortalProvider","Close","_ref4","_ref12","SFooter","Flex","_ref18","_ref5","_ref13","hasChildren","children","SClose","Button","undefined","CloseIcon","enhance","keyboardFocusEnhance","Title","_ref6","_ref14","STitle","Text","Back","_ref7","_ref15","SBack","SBackText","Addon","tag","ArrowLeft","_ref8","_ref16","SBody","Box","_ref9","_ref17","SHeader","title","createComponent","_default","exports"],"sources":["../../src/SidePanel.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Flex, Box } from '@semcore/flex-box';\nimport { FadeInOut, Slide } from '@semcore/animation';\nimport Portal, { PortalProvider } from '@semcore/portal';\nimport OutsideClick from '@semcore/outside-click';\nimport CloseIcon from '@semcore/icon/Close/l';\nimport fire from '@semcore/utils/lib/fire';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport usePreventScroll from '@semcore/utils/lib/use/usePreventScroll';\nimport { Text } from '@semcore/typography';\nimport ArrowLeft from '@semcore/icon/ArrowLeft/m';\nimport Button from '@semcore/button';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\nimport { useFocusLock } from '@semcore/utils/lib/use/useFocusLock';\nimport { useContextTheme } from '@semcore/utils/lib/ThemeProvider';\nimport logger from '@semcore/utils/lib/logger';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nimport style from './style/side-panel.shadow.css';\n\nclass RootSidePanel extends Component {\n  static displayName = 'SidePanel';\n  static style = style;\n  static enhance = [\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-modal',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n    i18nEnhance(localizedMessages),\n  ];\n  static defaultProps = {\n    placement: 'right',\n    closable: true,\n    disablePreventScroll: false,\n  };\n\n  sidebarRef = React.createRef();\n\n  handleSidebarKeyDown = (e) => {\n    if (e.key === 'Escape') {\n      e.stopPropagation();\n      fire(this, 'onClose', 'onEscape', e);\n    }\n  };\n\n  handleIconCloseClick = (e) => {\n    fire(this, 'onClose', 'onCloseClick', e);\n  };\n\n  handleOutsideClick = (e) => {\n    fire(this, 'onClose', 'onOutsideClick', e);\n  };\n\n  isAdvanceMode() {\n    return isAdvanceMode(this.asProps.Children, [\n      SidePanel.Overlay.displayName,\n      SidePanel.Panel.displayName,\n    ]);\n  }\n\n  isUsedOverlay() {\n    return (\n      !this.isAdvanceMode() || isAdvanceMode(this.asProps.Children, [SidePanel.Overlay.displayName])\n    );\n  }\n\n  calculateDelayAnimation(name) {\n    const delay = this.asProps.duration / 2;\n    const usedOverlay = this.isUsedOverlay();\n\n    return {\n      overlay: usedOverlay ? [0, delay] : 0,\n      panel: usedOverlay ? [delay, 0] : 0,\n    }[name];\n  }\n\n  getOverlayProps() {\n    const { visible, duration, animationsDisabled, disablePreventScroll } = this.asProps;\n    return {\n      visible,\n      duration,\n      delay: this.calculateDelayAnimation('overlay'),\n      animationsDisabled,\n      disablePreventScroll,\n    };\n  }\n\n  getPanelProps() {\n    const {\n      placement,\n      visible,\n      closable,\n      duration,\n      animationsDisabled,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n    } = this.asProps;\n\n    return {\n      visible,\n      placement,\n      closable,\n      duration,\n      disableEnforceFocus: !this.isUsedOverlay(),\n      delay: this.calculateDelayAnimation('panel'),\n      onOutsideClick: this.handleOutsideClick,\n      onKeyDown: this.handleSidebarKeyDown,\n      animationsDisabled,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n    };\n  }\n\n  getCloseProps() {\n    return {\n      onClick: this.handleIconCloseClick,\n      getI18nText: this.asProps.getI18nText,\n    };\n  }\n\n  render() {\n    const { Children, disablePortal, ignorePortalsStacking } = this.asProps;\n\n    return (\n      <Portal disablePortal={disablePortal} ignorePortalsStacking={ignorePortalsStacking}>\n        {this.isAdvanceMode() ? (\n          <Children />\n        ) : (\n          <SidePanel.Overlay>\n            <Root render={SidePanel.Panel} />\n          </SidePanel.Overlay>\n        )}\n      </Portal>\n    );\n  }\n}\n\nfunction Overlay(props) {\n  const SOverlay = Root;\n  const overlayRef = React.useRef(null);\n  usePreventScroll(props.visible, props.disablePreventScroll);\n  useContextTheme(overlayRef, props.visible);\n  return sstyled(props.styles)(<SOverlay render={FadeInOut} ref={overlayRef} />);\n}\n\nfunction Panel(props) {\n  const SPanel = Root;\n  const { Children, styles, visible, closable, placement, onOutsideClick, forcedAdvancedMode } =\n    props;\n  const advancedMode =\n    forcedAdvancedMode ||\n    isAdvanceMode(Children, [\n      SidePanel.Header.displayName,\n      SidePanel.Body.displayName,\n      SidePanel.Footer.displayName,\n    ]);\n\n  const sidebarRef = React.useRef(null);\n\n  useFocusLock(sidebarRef, true, 'auto', !visible, true);\n\n  const hasLabel = Boolean(props['aria-label'] || props['aria-labelledby']);\n\n  logger.warn(\n    !hasLabel,\n    \"'aria-label' or 'aria-labelledby' are required for SidePanel component\",\n    props['data-ui-name'] || Panel.displayName,\n  );\n\n  return sstyled(styles)(\n    <>\n      {visible && <OutsideClick onOutsideClick={onOutsideClick} excludeRefs={[sidebarRef]} />}\n      <SPanel\n        render={Slide}\n        visible={visible}\n        initialAnimation={true}\n        slideOrigin={placement}\n        ref={sidebarRef}\n        role='dialog'\n        aria-modal='true'\n      >\n        <PortalProvider value={sidebarRef}>\n          {closable && <SidePanel.Close />}\n          {advancedMode ? (\n            <Children />\n          ) : (\n            <SidePanel.Body>\n              <Children />\n            </SidePanel.Body>\n          )}\n        </PortalProvider>\n      </SPanel>\n    </>,\n  );\n}\n\nfunction Footer(props) {\n  const SFooter = Root;\n  return sstyled(props.styles)(<SFooter render={Flex} tag='footer' />);\n}\n\nfunction Close({ styles, children: hasChildren, Children, getI18nText }) {\n  const SClose = Root;\n  return sstyled(styles)(\n    <SClose\n      render={Button}\n      aria-label={getI18nText('close')}\n      use='tertiary'\n      theme='muted'\n      type='button'\n      size='l'\n      addonLeft={hasChildren ? undefined : CloseIcon}\n    >\n      {hasChildren ? <Children /> : null}\n    </SClose>,\n  );\n}\nClose.enhance = [keyboardFocusEnhance()];\n\nfunction Title(props) {\n  const STitle = Root;\n  return sstyled(props.styles)(<STitle render={Text} tag='h6' />);\n}\n\nfunction Back(props) {\n  const SBack = Root;\n  const SBackText = Button.Text;\n  const { Children, styles } = props;\n\n  return sstyled(styles)(\n    <SBack render={Button} use='tertiary' theme='muted' type='button'>\n      <Button.Addon tag={ArrowLeft} />\n      <SBackText>\n        <Children />\n      </SBackText>\n    </SBack>,\n  );\n}\n\nfunction Body(props) {\n  const SBody = Root;\n\n  return sstyled(props.styles)(<SBody render={Box} />);\n}\n\nfunction Header(props) {\n  const SHeader = Root;\n  const { Children, styles, title } = props;\n  return sstyled(styles)(\n    <SHeader render={Box} tag='header'>\n      {title && <SidePanel.Title children={title} />}\n      <Children />\n    </SHeader>,\n  );\n}\n\nconst SidePanel = createComponent(RootSidePanel, {\n  Overlay,\n  Panel,\n  Close,\n  Header,\n  Footer,\n  Body,\n  Back,\n  Title,\n});\n\nexport default SidePanel;\n"],"mappings":"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"}
+{"version":3,"file":"SidePanel.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_animation","_portal","_outsideClick","_l","_fire","_findComponent","_keyboardFocusEnhance","_usePreventScroll","_typography","_m","_button","_useCssVariable","_useFocusLock","_ThemeProvider","_logger","_i18nEnhance","_intergalacticDynamicLocales","_zIndexStacking","style","_index","sstyled","insert","RootSidePanel","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","React","createRef","e","key","stopPropagation","fire","_createClass2","value","isAdvanceMode","asProps","Children","SidePanel","Overlay","displayName","Panel","isUsedOverlay","calculateDelayAnimation","name","delay","duration","usedOverlay","overlay","panel","getOverlayProps","_this$asProps","visible","animationsDisabled","disablePreventScroll","getPanelProps","_this$asProps2","placement","closable","ariaLabel","ariaLabelledBy","disableEnforceFocus","onOutsideClick","handleOutsideClick","onKeyDown","handleSidebarKeyDown","getCloseProps","onClick","handleIconCloseClick","getI18nText","render","_ref","_this$asProps3","disablePortal","ignorePortalsStacking","createElement","assignProps","Component","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","i18nEnhance","localizedMessages","props","_ref2","arguments[0]","_ref10","SOverlay","FadeInOut","overlayRef","useRef","usePreventScroll","useContextTheme","zIndex","useZIndexStacking","styles","cn","_objectSpread2","_ref3","_ref11","SPanel","Slide","forcedAdvancedMode","advancedMode","Header","Body","Footer","sidebarRef","useFocusLock","hasLabel","Boolean","logger","warn","Fragment","ZIndexStackingContextProvider","PortalProvider","Close","_ref4","_ref12","SFooter","Flex","_ref18","_ref5","_ref13","hasChildren","children","SClose","Button","undefined","CloseIcon","enhance","keyboardFocusEnhance","Title","_ref6","_ref14","STitle","Text","Back","_ref7","_ref15","SBack","SBackText","Addon","tag","ArrowLeft","_ref8","_ref16","SBody","Box","_ref9","_ref17","SHeader","title","createComponent","_default","exports"],"sources":["../../src/SidePanel.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Flex, Box } from '@semcore/flex-box';\nimport { FadeInOut, Slide } from '@semcore/animation';\nimport Portal, { PortalProvider } from '@semcore/portal';\nimport OutsideClick from '@semcore/outside-click';\nimport CloseIcon from '@semcore/icon/Close/l';\nimport fire from '@semcore/utils/lib/fire';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport usePreventScroll from '@semcore/utils/lib/use/usePreventScroll';\nimport { Text } from '@semcore/typography';\nimport ArrowLeft from '@semcore/icon/ArrowLeft/m';\nimport Button from '@semcore/button';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\nimport { useFocusLock } from '@semcore/utils/lib/use/useFocusLock';\nimport { useContextTheme } from '@semcore/utils/lib/ThemeProvider';\nimport logger from '@semcore/utils/lib/logger';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport {\n  ZIndexStackingContextProvider,\n  useZIndexStacking,\n} from '@semcore/utils/lib/zIndexStacking';\nimport style from './style/side-panel.shadow.css';\n\nclass RootSidePanel extends Component {\n  static displayName = 'SidePanel';\n  static style = style;\n  static enhance = [\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-modal',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n    i18nEnhance(localizedMessages),\n  ];\n  static defaultProps = {\n    placement: 'right',\n    closable: true,\n    disablePreventScroll: false,\n  };\n\n  sidebarRef = React.createRef();\n\n  handleSidebarKeyDown = (e) => {\n    if (e.key === 'Escape') {\n      e.stopPropagation();\n      fire(this, 'onClose', 'onEscape', e);\n    }\n  };\n\n  handleIconCloseClick = (e) => {\n    fire(this, 'onClose', 'onCloseClick', e);\n  };\n\n  handleOutsideClick = (e) => {\n    fire(this, 'onClose', 'onOutsideClick', e);\n  };\n\n  isAdvanceMode() {\n    return isAdvanceMode(this.asProps.Children, [\n      SidePanel.Overlay.displayName,\n      SidePanel.Panel.displayName,\n    ]);\n  }\n\n  isUsedOverlay() {\n    return (\n      !this.isAdvanceMode() || isAdvanceMode(this.asProps.Children, [SidePanel.Overlay.displayName])\n    );\n  }\n\n  calculateDelayAnimation(name) {\n    const delay = this.asProps.duration / 2;\n    const usedOverlay = this.isUsedOverlay();\n\n    return {\n      overlay: usedOverlay ? [0, delay] : 0,\n      panel: usedOverlay ? [delay, 0] : 0,\n    }[name];\n  }\n\n  getOverlayProps() {\n    const { visible, duration, animationsDisabled, disablePreventScroll } = this.asProps;\n    return {\n      visible,\n      duration,\n      delay: this.calculateDelayAnimation('overlay'),\n      animationsDisabled,\n      disablePreventScroll,\n    };\n  }\n\n  getPanelProps() {\n    const {\n      placement,\n      visible,\n      closable,\n      duration,\n      animationsDisabled,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n    } = this.asProps;\n\n    return {\n      visible,\n      placement,\n      closable,\n      duration,\n      disableEnforceFocus: !this.isUsedOverlay(),\n      delay: this.calculateDelayAnimation('panel'),\n      onOutsideClick: this.handleOutsideClick,\n      onKeyDown: this.handleSidebarKeyDown,\n      animationsDisabled,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n    };\n  }\n\n  getCloseProps() {\n    return {\n      onClick: this.handleIconCloseClick,\n      getI18nText: this.asProps.getI18nText,\n    };\n  }\n\n  render() {\n    const { Children, disablePortal, ignorePortalsStacking } = this.asProps;\n\n    return (\n      <Portal disablePortal={disablePortal} ignorePortalsStacking={ignorePortalsStacking}>\n        {this.isAdvanceMode() ? (\n          <Children />\n        ) : (\n          <SidePanel.Overlay>\n            <Root render={SidePanel.Panel} />\n          </SidePanel.Overlay>\n        )}\n      </Portal>\n    );\n  }\n}\n\nfunction Overlay(props) {\n  const SOverlay = Root;\n  const overlayRef = React.useRef(null);\n  usePreventScroll(props.visible, props.disablePreventScroll);\n  useContextTheme(overlayRef, props.visible);\n  const zIndex = useZIndexStacking('z-index-modal');\n  return sstyled(props.styles)(<SOverlay render={FadeInOut} ref={overlayRef} zIndex={zIndex} />);\n}\n\nfunction Panel(props) {\n  const SPanel = Root;\n  const { Children, styles, visible, closable, placement, onOutsideClick, forcedAdvancedMode } =\n    props;\n  const advancedMode =\n    forcedAdvancedMode ||\n    isAdvanceMode(Children, [\n      SidePanel.Header.displayName,\n      SidePanel.Body.displayName,\n      SidePanel.Footer.displayName,\n    ]);\n\n  const sidebarRef = React.useRef(null);\n\n  useFocusLock(sidebarRef, true, 'auto', !visible, true);\n\n  const hasLabel = Boolean(props['aria-label'] || props['aria-labelledby']);\n\n  logger.warn(\n    !hasLabel,\n    \"'aria-label' or 'aria-labelledby' are required for SidePanel component\",\n    props['data-ui-name'] || Panel.displayName,\n  );\n\n  return sstyled(styles)(\n    <>\n      {visible && <OutsideClick onOutsideClick={onOutsideClick} excludeRefs={[sidebarRef]} />}\n      <SPanel\n        render={Slide}\n        visible={visible}\n        initialAnimation={true}\n        slideOrigin={placement}\n        ref={sidebarRef}\n        role='dialog'\n        aria-modal='true'\n      >\n        <ZIndexStackingContextProvider designToken='z-index-modal'>\n          <PortalProvider value={sidebarRef}>\n            {closable && <SidePanel.Close />}\n            {advancedMode ? (\n              <Children />\n            ) : (\n              <SidePanel.Body>\n                <Children />\n              </SidePanel.Body>\n            )}\n          </PortalProvider>\n        </ZIndexStackingContextProvider>\n      </SPanel>\n    </>,\n  );\n}\n\nfunction Footer(props) {\n  const SFooter = Root;\n  return sstyled(props.styles)(<SFooter render={Flex} tag='footer' />);\n}\n\nfunction Close({ styles, children: hasChildren, Children, getI18nText }) {\n  const SClose = Root;\n  return sstyled(styles)(\n    <SClose\n      render={Button}\n      aria-label={getI18nText('close')}\n      use='tertiary'\n      theme='muted'\n      type='button'\n      size='l'\n      addonLeft={hasChildren ? undefined : CloseIcon}\n    >\n      {hasChildren ? <Children /> : null}\n    </SClose>,\n  );\n}\nClose.enhance = [keyboardFocusEnhance()];\n\nfunction Title(props) {\n  const STitle = Root;\n  return sstyled(props.styles)(<STitle render={Text} tag='h6' />);\n}\n\nfunction Back(props) {\n  const SBack = Root;\n  const SBackText = Button.Text;\n  const { Children, styles } = props;\n\n  return sstyled(styles)(\n    <SBack render={Button} use='tertiary' theme='muted' type='button'>\n      <Button.Addon tag={ArrowLeft} />\n      <SBackText>\n        <Children />\n      </SBackText>\n    </SBack>,\n  );\n}\n\nfunction Body(props) {\n  const SBody = Root;\n\n  return sstyled(props.styles)(<SBody render={Box} />);\n}\n\nfunction Header(props) {\n  const SHeader = Root;\n  const { Children, styles, title } = props;\n  return sstyled(styles)(\n    <SHeader render={Box} tag='header'>\n      {title && <SidePanel.Title children={title} />}\n      <Children />\n    </SHeader>,\n  );\n}\n\nconst SidePanel = createComponent(RootSidePanel, {\n  Overlay,\n  Panel,\n  Close,\n  Header,\n  Footer,\n  Body,\n  Back,\n  Title,\n});\n\nexport default SidePanel;\n"],"mappings":"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"}

package/side-panel/lib/cjs/style/side-panel.shadow.css

@@ -7,7 +7,6 @@ SOverlay {
   margin: 0;
   display: flex;
   overflow: hidden;
-  z-index: var(--intergalactic-z-index-overlay, 500);
   background: var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));
   -webkit-overflow-scrolling: touch;
   color: var(--intergalactic-text-primary, #191b23);