intergalactic 15.66.0 → 15.67.0-prerelease.0-prerelease-336a8dbe

package/switch/lib/es6/Switch.js

@@ -22,27 +22,27 @@ import { callAllEventHandlers } from 'intergalactic/utils/lib/assignProps';
 import uniqueIDEnhancement from 'intergalactic/utils/lib/uniqueID';
 import canUseDOM from 'intergalactic/utils/lib/canUseDOM';
 /*__reshadow-styles__:"./style/switch.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SSwitch_zrksp_gg_{display:inline-flex;vertical-align:middle;align-items:center;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SSwitch_zrksp_gg_.__size_zrksp_gg_ .___SToggle_zrksp_gg_{border-radius:var(--intergalactic-switch-rounded, 24px)}.___SSwitch_zrksp_gg_._size_m_zrksp_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SSwitch_zrksp_gg_._size_m_zrksp_gg_ .___SToggle_zrksp_gg_{width:20px;height:12px;min-width:20px}.___SSwitch_zrksp_gg_._size_m_zrksp_gg_ .___SSlider_zrksp_gg_{width:8px;height:8px;border-radius:4px}.___SSwitch_zrksp_gg_._size_l_zrksp_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SSwitch_zrksp_gg_._size_l_zrksp_gg_ .___SToggle_zrksp_gg_{height:20px;width:36px;min-width:36px}.___SSwitch_zrksp_gg_._size_l_zrksp_gg_ .___SSlider_zrksp_gg_{width:16px;height:16px;border-radius:8px}.___SSwitch_zrksp_gg_._size_xl_zrksp_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SSwitch_zrksp_gg_._size_xl_zrksp_gg_ .___SToggle_zrksp_gg_{width:44px;height:24px;min-width:44px}.___SSwitch_zrksp_gg_._size_xl_zrksp_gg_ .___SSlider_zrksp_gg_{width:20px;height:20px;border-radius:10px}.___SSwitch_zrksp_gg_.__disabled_zrksp_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SSwitch_zrksp_gg_.__disabled_zrksp_gg_ .___SAddon_zrksp_gg_,.___SSwitch_zrksp_gg_.__disabled_zrksp_gg_ .___SToggle_zrksp_gg_{cursor:default}.___SSlider_zrksp_gg_,.___SToggle_zrksp_gg_{display:flex;align-items:center;justify-content:space-around}.___SToggle_zrksp_gg_{background:var(--intergalactic-control-switch-bg, #a9abb6);position:relative;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer}.___SToggle_zrksp_gg_.__checked_zrksp_gg_._theme_info_zrksp_gg_{color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-control-primary-info, #008ff8)}.___SToggle_zrksp_gg_.__checked_zrksp_gg_._theme_success_zrksp_gg_{color:var(--intergalactic-control-primary-success, #009f81);background-color:var(--intergalactic-control-primary-success, #009f81)}.___SToggle_zrksp_gg_.__checked_zrksp_gg_._theme_custom_zrksp_gg_{color:var(--color_zrksp);background-color:var(--color_zrksp)}.___SToggle_zrksp_gg_.__keyboardFocused_zrksp_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SToggle_zrksp_gg_._neighborLocation_left_zrksp_gg_{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SToggle_zrksp_gg_._neighborLocation_both_zrksp_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);margin-left:var(--intergalactic-spacing-2x, 8px)}.___SToggle_zrksp_gg_._neighborLocation_right_zrksp_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SSlider_zrksp_gg_{background:var(--intergalactic-bg-primary-neutral, #ffffff);transform:translateX(-50%) scaleX(1);transition:transform calc(var(--intergalactic-duration-switch, 100)*1ms) ease-in-out}.___SSlider_zrksp_gg_.__checked_zrksp_gg_{transform:translateX(50%) scaleX(1)}.___SToggle_zrksp_gg_.__active_zrksp_gg_ .___SSlider_zrksp_gg_{transform:translateX(-50%) scaleX(1.15) translateX(1px)}.___SToggle_zrksp_gg_.__active_zrksp_gg_ .___SSlider_zrksp_gg_.__checked_zrksp_gg_{transform:translateX(50%) scaleX(1.15) translateX(-1px)}.___SInput_zrksp_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SAddon_zrksp_gg_{cursor:pointer}.___SAddon_zrksp_gg_._neighborLocation_right_zrksp_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SAddon_zrksp_gg_._neighborLocation_left_zrksp_gg_,.___SSwitch_zrksp_gg_.__checked_zrksp_gg_ .___SAddon_zrksp_gg_._neighborLocation_right_zrksp_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SAddon_zrksp_gg_._neighborLocation_left_zrksp_gg_:nth-child(2){color:var(--intergalactic-text-primary, #191b23)}.___SSwitch_zrksp_gg_.__checked_zrksp_gg_ .___SAddon_zrksp_gg_._neighborLocation_right_zrksp_gg_:nth-last-child(2){color:var(--intergalactic-text-primary, #191b23)}.___SSwitch_zrksp_gg_.__checked_zrksp_gg_ .___SAddon_zrksp_gg_._neighborLocation_left_zrksp_gg_{color:var(--intergalactic-text-primary, #191b23)}@media (prefers-reduced-motion){.___SSlider_zrksp_gg_{transition:none}}" /*__inner_css_end__*/, "zrksp_gg_") /*__reshadow_css_end__*/, {
-  "__SSwitch": "___SSwitch_zrksp_gg_",
-  "__SToggle": "___SToggle_zrksp_gg_",
-  "_checked": "__checked_zrksp_gg_",
-  "_theme_info": "_theme_info_zrksp_gg_",
-  "_theme_success": "_theme_success_zrksp_gg_",
-  "_theme_custom": "_theme_custom_zrksp_gg_",
-  "--color": "--color_zrksp",
-  "_keyboardFocused": "__keyboardFocused_zrksp_gg_",
-  "_neighborLocation_left": "_neighborLocation_left_zrksp_gg_",
-  "_neighborLocation_both": "_neighborLocation_both_zrksp_gg_",
-  "_neighborLocation_right": "_neighborLocation_right_zrksp_gg_",
-  "__SInput": "___SInput_zrksp_gg_",
-  "__SAddon": "___SAddon_zrksp_gg_",
-  "__SSlider": "___SSlider_zrksp_gg_",
-  "_size": "__size_zrksp_gg_",
-  "_size_m": "_size_m_zrksp_gg_",
-  "_size_l": "_size_l_zrksp_gg_",
-  "_size_xl": "_size_xl_zrksp_gg_",
-  "_disabled": "__disabled_zrksp_gg_",
-  "_active": "__active_zrksp_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SSwitch_waqt1_gg_{display:inline-flex;vertical-align:middle;align-items:center;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SSwitch_waqt1_gg_.__size_waqt1_gg_ .___SToggle_waqt1_gg_{border-radius:var(--intergalactic-switch-rounded, 24px)}.___SSwitch_waqt1_gg_._size_m_waqt1_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SSwitch_waqt1_gg_._size_m_waqt1_gg_ .___SToggle_waqt1_gg_{width:20px;height:12px;min-width:20px}.___SSwitch_waqt1_gg_._size_m_waqt1_gg_ .___SSlider_waqt1_gg_{width:8px;height:8px;border-radius:4px}.___SSwitch_waqt1_gg_._size_l_waqt1_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SSwitch_waqt1_gg_._size_l_waqt1_gg_ .___SToggle_waqt1_gg_{height:20px;width:36px;min-width:36px}.___SSwitch_waqt1_gg_._size_l_waqt1_gg_ .___SSlider_waqt1_gg_{width:16px;height:16px;border-radius:8px}.___SSwitch_waqt1_gg_._size_xl_waqt1_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SSwitch_waqt1_gg_._size_xl_waqt1_gg_ .___SToggle_waqt1_gg_{width:44px;height:24px;min-width:44px}.___SSwitch_waqt1_gg_._size_xl_waqt1_gg_ .___SSlider_waqt1_gg_{width:20px;height:20px;border-radius:10px}.___SSwitch_waqt1_gg_.__disabled_waqt1_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SSwitch_waqt1_gg_.__disabled_waqt1_gg_ .___SAddon_waqt1_gg_,.___SSwitch_waqt1_gg_.__disabled_waqt1_gg_ .___SToggle_waqt1_gg_{cursor:default}.___SSlider_waqt1_gg_,.___SToggle_waqt1_gg_{display:flex;align-items:center;justify-content:space-around}.___SToggle_waqt1_gg_{background:var(--intergalactic-control-switch-bg, #a9abb6);position:relative;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer}.___SToggle_waqt1_gg_.__checked_waqt1_gg_._theme_info_waqt1_gg_{color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-control-primary-info, #008ff8)}.___SToggle_waqt1_gg_.__checked_waqt1_gg_._theme_success_waqt1_gg_{color:var(--intergalactic-control-primary-success, #009f81);background-color:var(--intergalactic-control-primary-success, #009f81)}.___SToggle_waqt1_gg_.__checked_waqt1_gg_._theme_custom_waqt1_gg_{color:var(--color_waqt1);background-color:var(--color_waqt1)}.___SToggle_waqt1_gg_.__keyboardFocused_waqt1_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SToggle_waqt1_gg_._neighborLocation_left_waqt1_gg_{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SToggle_waqt1_gg_._neighborLocation_both_waqt1_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);margin-left:var(--intergalactic-spacing-2x, 8px)}.___SToggle_waqt1_gg_._neighborLocation_right_waqt1_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SSlider_waqt1_gg_{background:var(--intergalactic-bg-primary-neutral, #ffffff);transform:translateX(-50%) scaleX(1);transition:transform calc(var(--intergalactic-duration-switch, 100)*1ms) ease-in-out}.___SSlider_waqt1_gg_.__checked_waqt1_gg_{transform:translateX(50%) scaleX(1)}.___SToggle_waqt1_gg_.__active_waqt1_gg_ .___SSlider_waqt1_gg_{transform:translateX(-50%) scaleX(1.15) translateX(1px)}.___SToggle_waqt1_gg_.__active_waqt1_gg_ .___SSlider_waqt1_gg_.__checked_waqt1_gg_{transform:translateX(50%) scaleX(1.15) translateX(-1px)}.___SInput_waqt1_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SAddon_waqt1_gg_{cursor:pointer}.___SAddon_waqt1_gg_._neighborLocation_right_waqt1_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SAddon_waqt1_gg_._neighborLocation_left_waqt1_gg_,.___SSwitch_waqt1_gg_.__checked_waqt1_gg_ .___SAddon_waqt1_gg_._neighborLocation_right_waqt1_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SAddon_waqt1_gg_._neighborLocation_left_waqt1_gg_:nth-child(2){color:var(--intergalactic-text-primary, #191b23)}.___SSwitch_waqt1_gg_.__checked_waqt1_gg_ .___SAddon_waqt1_gg_._neighborLocation_right_waqt1_gg_:nth-last-child(2){color:var(--intergalactic-text-primary, #191b23)}.___SSwitch_waqt1_gg_.__checked_waqt1_gg_ .___SAddon_waqt1_gg_._neighborLocation_left_waqt1_gg_{color:var(--intergalactic-text-primary, #191b23)}@media (prefers-reduced-motion){.___SSlider_waqt1_gg_{transition:none}}" /*__inner_css_end__*/, "waqt1_gg_") /*__reshadow_css_end__*/, {
+  "__SSwitch": "___SSwitch_waqt1_gg_",
+  "__SToggle": "___SToggle_waqt1_gg_",
+  "_checked": "__checked_waqt1_gg_",
+  "_theme_info": "_theme_info_waqt1_gg_",
+  "_theme_success": "_theme_success_waqt1_gg_",
+  "_theme_custom": "_theme_custom_waqt1_gg_",
+  "--color": "--color_waqt1",
+  "_keyboardFocused": "__keyboardFocused_waqt1_gg_",
+  "_neighborLocation_left": "_neighborLocation_left_waqt1_gg_",
+  "_neighborLocation_both": "_neighborLocation_both_waqt1_gg_",
+  "_neighborLocation_right": "_neighborLocation_right_waqt1_gg_",
+  "__SInput": "___SInput_waqt1_gg_",
+  "__SAddon": "___SAddon_waqt1_gg_",
+  "__SSlider": "___SSlider_waqt1_gg_",
+  "_size": "__size_waqt1_gg_",
+  "_size_m": "_size_m_waqt1_gg_",
+  "_size_l": "_size_l_waqt1_gg_",
+  "_size_xl": "_size_xl_waqt1_gg_",
+  "_disabled": "__disabled_waqt1_gg_",
+  "_active": "__active_waqt1_gg_"
 });
 function isCustomTheme(theme) {
   return !['info', 'success'].includes(theme);
@@ -145,7 +145,7 @@ var Value = /*#__PURE__*/function (_Component2) {
     _this2 = _super2.call.apply(_super2, [this].concat(args));
     _defineProperty(_assertThisInitialized(_this2), "timer", null);
     _defineProperty(_assertThisInitialized(_this2), "handleKeyDown", function (event) {
-      if (event.code === 'Enter' || event.code === 'Space') {
+      if (event.key === 'Enter' || event.key === ' ') {
         event.preventDefault();
         _this2.handlers.checked(!_this2.asProps.checked, event);
       }

package/switch/lib/es6/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","names":["React","createComponent","Component","sstyled","Root","Box","NeighborLocation","keyboardFocusEnhance","resolveColorEnhance","getInputProps","inputProps","callAllEventHandlers","uniqueIDEnhancement","canUseDOM","style","_sstyled","insert","isCustomTheme","theme","includes","Switch","_Component","_inherits","_super","_createSuper","props","_this","_classCallCheck","call","_defineProperty","_assertThisInitialized","createRef","active","setState","window","removeEventListener","handleMouseUp","event","button","addEventListener","forceUpdate","bind","_createClass","key","value","componentWillUnmount","getValueProps","_this$asProps","asProps","uid","state","ref","inputRef","$rootForceUpdate","getAddonProps","render","_ref","_ref3","_this$inputRef$curren","SSwitch","_this$asProps2","Children","styles","controlsLength","checked","current","createElement","cn","_objectSpread","_assignProps","handleMouseDown","size","Value","_Component2","_super2","_this2","_len","arguments","length","args","Array","_key","apply","concat","code","preventDefault","handlers","e","stopPropagation","uncontrolledProps","_this3","target","clearTimeout","timer","setTimeout","componentDidMount","componentDidUpdate","prevProps","undefined","_this4","SToggle","SInput","SSlider","_this$asProps3","forwardRef","includeInputProps","keyboardFocused","neighborLocation","resolveColor","other","_objectWithoutProperties","_excluded","_getInputProps","_getInputProps2","_slicedToArray","toggleProps","useTheme","color","labelledBy","Detect","_ref4","disabled","handlerInputClick","click","handleKeyDown","onKeyDown","defaultChecked","Addon","_ref2","arguments[0]","SAddon","_ref5","_assignProps2"],"sources":["../../src/Switch.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\n\nimport style from './style/switch.shadow.css';\n\nfunction isCustomTheme(theme) {\n  return !['info', 'success'].includes(theme);\n}\n\nclass Switch extends Component {\n  static displayName = 'Switch';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n  static defaultProps = {\n    theme: 'info',\n    size: 'm',\n  };\n\n  inputRef = React.createRef();\n  state = { active: false };\n\n  constructor(props) {\n    super(props);\n    this.forceUpdate = this.forceUpdate.bind(this);\n  }\n\n  componentWillUnmount() {\n    if (!canUseDOM()) return;\n    window.removeEventListener('mouseup', this.handleMouseUp);\n  }\n  handleMouseUp = () => {\n    this.setState({ active: false });\n    window.removeEventListener('mouseup', this.handleMouseUp);\n  };\n  handleMouseDown = (event) => {\n    if (event?.button !== 0) return;\n    this.setState({ active: true });\n    window.addEventListener('mouseup', this.handleMouseUp);\n  };\n\n  getValueProps() {\n    const { theme, uid } = this.asProps;\n    const { active } = this.state;\n\n    return {\n      theme,\n      ref: this.inputRef,\n      $rootForceUpdate: this.forceUpdate,\n      uid,\n      active,\n    };\n  }\n\n  getAddonProps() {\n    const { uid } = this.asProps;\n\n    return { uid };\n  }\n\n  render() {\n    const SSwitch = Root;\n    const { Children, styles, controlsLength } = this.asProps;\n    const checked = this.inputRef.current?.checked;\n\n    return sstyled(styles)(\n      <SSwitch render={Box} tag='label' checked={checked} onMouseDown={this.handleMouseDown}>\n        <NeighborLocation controlsLength={controlsLength}>\n          <Children />\n        </NeighborLocation>\n      </SSwitch>,\n    );\n  }\n}\n\nclass Value extends Component {\n  static hoistProps = ['checked', 'disabled'];\n  static enhance = [keyboardFocusEnhance(), resolveColorEnhance()];\n  static defaultProps = {\n    includeInputProps: inputProps,\n    defaultChecked: false,\n  };\n\n  timer = null;\n\n  uncontrolledProps() {\n    return {\n      checked: [\n        (e) => e.target.checked,\n        () => {\n          // TODO: bad crutch for updating the DOM node\n          clearTimeout(this.timer);\n          this.timer = setTimeout(() => {\n            this.asProps.$rootForceUpdate();\n          }, 0);\n        },\n      ],\n    };\n  }\n\n  componentDidMount() {\n    this.asProps.$rootForceUpdate();\n  }\n\n  componentDidUpdate(prevProps) {\n    const { checked } = prevProps;\n    // TODO: bad crutch for updating the DOM node\n    if (checked !== undefined && checked !== this.asProps.checked) {\n      this.asProps.$rootForceUpdate();\n    }\n  }\n\n  componentWillUnmount() {\n    clearTimeout(this.timer);\n  }\n\n  handleKeyDown = (event) => {\n    if (event.code === 'Enter' || event.code === 'Space') {\n      event.preventDefault();\n      this.handlers.checked(!this.asProps.checked, event);\n    }\n  };\n\n  // because clicking on label causes a click on input\n  handlerInputClick = (e) => e.stopPropagation();\n\n  render() {\n    const SToggle = Box;\n    const SInput = Box;\n    const SSlider = Box;\n    const {\n      Children,\n      forwardRef,\n      styles,\n      includeInputProps,\n      keyboardFocused,\n      neighborLocation,\n      theme,\n      uid,\n      active,\n      resolveColor,\n      ...other\n    } = this.asProps;\n\n    const [inputProps, toggleProps] = getInputProps(other, includeInputProps);\n    const useTheme = isCustomTheme(theme) ? 'custom' : theme;\n    const color = resolveColor(theme);\n\n    const labelledBy = inputProps.checked\n      ? `igc-${uid}-switch-addon-left`\n      : `igc-${uid}-switch-addon-right`;\n\n    return (\n      <NeighborLocation.Detect neighborLocation={neighborLocation}>\n        {(neighborLocation) =>\n          sstyled(styles)(\n            <SToggle\n              keyboardFocused={keyboardFocused}\n              neighborLocation={neighborLocation}\n              checked={inputProps.checked}\n              active={active}\n              use:theme={useTheme}\n              use:color={color}\n              {...toggleProps}\n            >\n              <SInput\n                tag='input'\n                type='checkbox'\n                ref={forwardRef}\n                role='switch'\n                aria-labelledby={labelledBy}\n                aria-checked={inputProps.checked}\n                aria-readonly={inputProps.disabled}\n                {...inputProps}\n                onClick={callAllEventHandlers(this.handlerInputClick, inputProps.click)}\n                onKeyDown={callAllEventHandlers(this.handleKeyDown, inputProps.onKeyDown)}\n              />\n              <SSlider checked={inputProps.checked}>\n                <Children />\n              </SSlider>\n            </SToggle>,\n          )\n        }\n      </NeighborLocation.Detect>\n    );\n  }\n}\n\nfunction Addon(props) {\n  const SAddon = Root;\n  const { styles, neighborLocation, uid } = props;\n\n  return (\n    <NeighborLocation.Detect neighborLocation={neighborLocation}>\n      {(neighborLocation) =>\n        sstyled(styles)(\n          <SAddon\n            render={Box}\n            tag='span'\n            neighborLocation={neighborLocation}\n            aria-hidden='true'\n            id={`igc-${uid}-switch-addon-${neighborLocation}`}\n          />,\n        )\n      }\n    </NeighborLocation.Detect>\n  );\n}\n\nexport { inputProps };\nexport default createComponent(Switch, {\n  Value,\n  Addon,\n});\n"],"mappings":"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"}
+{"version":3,"file":"Switch.js","names":["React","createComponent","Component","sstyled","Root","Box","NeighborLocation","keyboardFocusEnhance","resolveColorEnhance","getInputProps","inputProps","callAllEventHandlers","uniqueIDEnhancement","canUseDOM","style","_sstyled","insert","isCustomTheme","theme","includes","Switch","_Component","_inherits","_super","_createSuper","props","_this","_classCallCheck","call","_defineProperty","_assertThisInitialized","createRef","active","setState","window","removeEventListener","handleMouseUp","event","button","addEventListener","forceUpdate","bind","_createClass","key","value","componentWillUnmount","getValueProps","_this$asProps","asProps","uid","state","ref","inputRef","$rootForceUpdate","getAddonProps","render","_ref","_ref3","_this$inputRef$curren","SSwitch","_this$asProps2","Children","styles","controlsLength","checked","current","createElement","cn","_objectSpread","_assignProps","handleMouseDown","size","Value","_Component2","_super2","_this2","_len","arguments","length","args","Array","_key","apply","concat","preventDefault","handlers","e","stopPropagation","uncontrolledProps","_this3","target","clearTimeout","timer","setTimeout","componentDidMount","componentDidUpdate","prevProps","undefined","_this4","SToggle","SInput","SSlider","_this$asProps3","forwardRef","includeInputProps","keyboardFocused","neighborLocation","resolveColor","other","_objectWithoutProperties","_excluded","_getInputProps","_getInputProps2","_slicedToArray","toggleProps","useTheme","color","labelledBy","Detect","_ref4","disabled","handlerInputClick","click","handleKeyDown","onKeyDown","defaultChecked","Addon","_ref2","arguments[0]","SAddon","_ref5","_assignProps2"],"sources":["../../src/Switch.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\n\nimport style from './style/switch.shadow.css';\n\nfunction isCustomTheme(theme) {\n  return !['info', 'success'].includes(theme);\n}\n\nclass Switch extends Component {\n  static displayName = 'Switch';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n  static defaultProps = {\n    theme: 'info',\n    size: 'm',\n  };\n\n  inputRef = React.createRef();\n  state = { active: false };\n\n  constructor(props) {\n    super(props);\n    this.forceUpdate = this.forceUpdate.bind(this);\n  }\n\n  componentWillUnmount() {\n    if (!canUseDOM()) return;\n    window.removeEventListener('mouseup', this.handleMouseUp);\n  }\n  handleMouseUp = () => {\n    this.setState({ active: false });\n    window.removeEventListener('mouseup', this.handleMouseUp);\n  };\n  handleMouseDown = (event) => {\n    if (event?.button !== 0) return;\n    this.setState({ active: true });\n    window.addEventListener('mouseup', this.handleMouseUp);\n  };\n\n  getValueProps() {\n    const { theme, uid } = this.asProps;\n    const { active } = this.state;\n\n    return {\n      theme,\n      ref: this.inputRef,\n      $rootForceUpdate: this.forceUpdate,\n      uid,\n      active,\n    };\n  }\n\n  getAddonProps() {\n    const { uid } = this.asProps;\n\n    return { uid };\n  }\n\n  render() {\n    const SSwitch = Root;\n    const { Children, styles, controlsLength } = this.asProps;\n    const checked = this.inputRef.current?.checked;\n\n    return sstyled(styles)(\n      <SSwitch render={Box} tag='label' checked={checked} onMouseDown={this.handleMouseDown}>\n        <NeighborLocation controlsLength={controlsLength}>\n          <Children />\n        </NeighborLocation>\n      </SSwitch>,\n    );\n  }\n}\n\nclass Value extends Component {\n  static hoistProps = ['checked', 'disabled'];\n  static enhance = [keyboardFocusEnhance(), resolveColorEnhance()];\n  static defaultProps = {\n    includeInputProps: inputProps,\n    defaultChecked: false,\n  };\n\n  timer = null;\n\n  uncontrolledProps() {\n    return {\n      checked: [\n        (e) => e.target.checked,\n        () => {\n          // TODO: bad crutch for updating the DOM node\n          clearTimeout(this.timer);\n          this.timer = setTimeout(() => {\n            this.asProps.$rootForceUpdate();\n          }, 0);\n        },\n      ],\n    };\n  }\n\n  componentDidMount() {\n    this.asProps.$rootForceUpdate();\n  }\n\n  componentDidUpdate(prevProps) {\n    const { checked } = prevProps;\n    // TODO: bad crutch for updating the DOM node\n    if (checked !== undefined && checked !== this.asProps.checked) {\n      this.asProps.$rootForceUpdate();\n    }\n  }\n\n  componentWillUnmount() {\n    clearTimeout(this.timer);\n  }\n\n  handleKeyDown = (event) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      this.handlers.checked(!this.asProps.checked, event);\n    }\n  };\n\n  // because clicking on label causes a click on input\n  handlerInputClick = (e) => e.stopPropagation();\n\n  render() {\n    const SToggle = Box;\n    const SInput = Box;\n    const SSlider = Box;\n    const {\n      Children,\n      forwardRef,\n      styles,\n      includeInputProps,\n      keyboardFocused,\n      neighborLocation,\n      theme,\n      uid,\n      active,\n      resolveColor,\n      ...other\n    } = this.asProps;\n\n    const [inputProps, toggleProps] = getInputProps(other, includeInputProps);\n    const useTheme = isCustomTheme(theme) ? 'custom' : theme;\n    const color = resolveColor(theme);\n\n    const labelledBy = inputProps.checked\n      ? `igc-${uid}-switch-addon-left`\n      : `igc-${uid}-switch-addon-right`;\n\n    return (\n      <NeighborLocation.Detect neighborLocation={neighborLocation}>\n        {(neighborLocation) =>\n          sstyled(styles)(\n            <SToggle\n              keyboardFocused={keyboardFocused}\n              neighborLocation={neighborLocation}\n              checked={inputProps.checked}\n              active={active}\n              use:theme={useTheme}\n              use:color={color}\n              {...toggleProps}\n            >\n              <SInput\n                tag='input'\n                type='checkbox'\n                ref={forwardRef}\n                role='switch'\n                aria-labelledby={labelledBy}\n                aria-checked={inputProps.checked}\n                aria-readonly={inputProps.disabled}\n                {...inputProps}\n                onClick={callAllEventHandlers(this.handlerInputClick, inputProps.click)}\n                onKeyDown={callAllEventHandlers(this.handleKeyDown, inputProps.onKeyDown)}\n              />\n              <SSlider checked={inputProps.checked}>\n                <Children />\n              </SSlider>\n            </SToggle>,\n          )\n        }\n      </NeighborLocation.Detect>\n    );\n  }\n}\n\nfunction Addon(props) {\n  const SAddon = Root;\n  const { styles, neighborLocation, uid } = props;\n\n  return (\n    <NeighborLocation.Detect neighborLocation={neighborLocation}>\n      {(neighborLocation) =>\n        sstyled(styles)(\n          <SAddon\n            render={Box}\n            tag='span'\n            neighborLocation={neighborLocation}\n            aria-hidden='true'\n            id={`igc-${uid}-switch-addon-${neighborLocation}`}\n          />,\n        )\n      }\n    </NeighborLocation.Detect>\n  );\n}\n\nexport { inputProps };\nexport default createComponent(Switch, {\n  Value,\n  Addon,\n});\n"],"mappings":";;;;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,SAAS,EAAEC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AACzE,SAASC,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,gBAAgB,MAAM,4BAA4B;AACzD,OAAOC,oBAAoB,MAAM,kDAAkD;AACnF,OAAOC,mBAAmB,MAAM,iDAAiD;AACjF,OAAOC,aAAa,IAAIC,UAAU,QAAQ,+BAA+B;AACzE,SAASC,oBAAoB,QAAQ,gCAAgC;AACrE,OAAOC,mBAAmB,MAAM,6BAA6B;AAC7D,OAAOC,SAAS,MAAM,8BAA8B;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAIrD,SAASC,aAAaA,CAACC,KAAK,EAAE;EAC5B,OAAO,CAAC,CAAC,MAAM,EAAE,SAAS,CAAC,CAACC,QAAQ,CAACD,KAAK,CAAC;AAC7C;AAAC,IAEKE,MAAM,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,MAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,MAAA;EAYV,SAAAA,OAAYK,KAAK,EAAE;IAAA,IAAAC,KAAA;IAAAC,eAAA,OAAAP,MAAA;IACjBM,KAAA,GAAAH,MAAA,CAAAK,IAAA,OAAMH,KAAK;IAAEI,eAAA,CAAAC,sBAAA,CAAAJ,KAAA,4BAJJ1B,KAAK,CAAC+B,SAAS,EAAE;IAAAF,eAAA,CAAAC,sBAAA,CAAAJ,KAAA,YACpB;MAAEM,MAAM,EAAE;IAAM,CAAC;IAAAH,eAAA,CAAAC,sBAAA,CAAAJ,KAAA,oBAWT,YAAM;MACpBA,KAAA,CAAKO,QAAQ,CAAC;QAAED,MAAM,EAAE;MAAM,CAAC,CAAC;MAChCE,MAAM,CAACC,mBAAmB,CAAC,SAAS,EAAET,KAAA,CAAKU,aAAa,CAAC;IAC3D,CAAC;IAAAP,eAAA,CAAAC,sBAAA,CAAAJ,KAAA,sBACiB,UAACW,KAAK,EAAK;MAC3B,IAAI,CAAAA,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEC,MAAM,MAAK,CAAC,EAAE;MACzBZ,KAAA,CAAKO,QAAQ,CAAC;QAAED,MAAM,EAAE;MAAK,CAAC,CAAC;MAC/BE,MAAM,CAACK,gBAAgB,CAAC,SAAS,EAAEb,KAAA,CAAKU,aAAa,CAAC;IACxD,CAAC;IAfCV,KAAA,CAAKc,WAAW,GAAGd,KAAA,CAAKc,WAAW,CAACC,IAAI,CAAAX,sBAAA,CAAAJ,KAAA,EAAM;IAAC,OAAAA,KAAA;EACjD;EAACgB,YAAA,CAAAtB,MAAA;IAAAuB,GAAA;IAAAC,KAAA,EAED,SAAAC,qBAAA,EAAuB;MACrB,IAAI,CAAChC,SAAS,EAAE,EAAE;MAClBqB,MAAM,CAACC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAACC,aAAa,CAAC;IAC3D;EAAC;IAAAO,GAAA;IAAAC,KAAA,EAWD,SAAAE,cAAA,EAAgB;MACd,IAAAC,aAAA,GAAuB,IAAI,CAACC,OAAO;QAA3B9B,KAAK,GAAA6B,aAAA,CAAL7B,KAAK;QAAE+B,GAAG,GAAAF,aAAA,CAAHE,GAAG;MAClB,IAAQjB,MAAM,GAAK,IAAI,CAACkB,KAAK,CAArBlB,MAAM;MAEd,OAAO;QACLd,KAAK,EAALA,KAAK;QACLiC,GAAG,EAAE,IAAI,CAACC,QAAQ;QAClBC,gBAAgB,EAAE,IAAI,CAACb,WAAW;QAClCS,GAAG,EAAHA,GAAG;QACHjB,MAAM,EAANA;MACF,CAAC;IACH;EAAC;IAAAW,GAAA;IAAAC,KAAA,EAED,SAAAU,cAAA,EAAgB;MACd,IAAQL,GAAG,GAAK,IAAI,CAACD,OAAO,CAApBC,GAAG;MAEX,OAAO;QAAEA,GAAG,EAAHA;MAAI,CAAC;IAChB;EAAC;IAAAN,GAAA;IAAAC,KAAA,EAED,SAAAW,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAR,OAAA;QAAAS,KAAA;QAAAC,qBAAA;MACP,IAAMC,OAAO,GAKMtD,GAAG;MAJtB,IAAAuD,cAAA,GAA6C,IAAI,CAACZ,OAAO;QAAjDa,QAAQ,GAAAD,cAAA,CAARC,QAAQ;QAAEC,MAAM,GAAAF,cAAA,CAANE,MAAM;QAAEC,cAAc,GAAAH,cAAA,CAAdG,cAAc;MACxC,IAAMC,OAAO,IAAAN,qBAAA,GAAG,IAAI,CAACN,QAAQ,CAACa,OAAO,cAAAP,qBAAA,uBAArBA,qBAAA,CAAuBM,OAAO;MAE9C,OAAAP,KAAA,GAAOtD,OAAO,CAAC2D,MAAM,CAAC,eACpB9D,KAAA,CAAAkE,aAAA,CAACP,OAAO,EAAAF,KAAA,CAAAU,EAAA,YAAAC,aAAA,KAAAC,YAAA;QAAA,OAAkB,OAAO;QAAA,WAAUL,OAAO;QAAA,eAAe,IAAI,CAACM;MAAe,GAAAd,IAAA,kBACnFxD,KAAA,CAAAkE,aAAA,CAAC5D,gBAAgB,EAAAmD,KAAA,CAAAU,EAAA;QAAA,kBAAiBJ;MAAc,iBAC9C/D,KAAA,CAAAkE,aAAA,CAACL,QAAQ,EAAAJ,KAAA,CAAAU,EAAA,iBAAG,CACK,CACX;IAEd;EAAC;EAAA,OAAA/C,MAAA;AAAA,EA9DkBlB,SAAS;AAAA2B,eAAA,CAAxBT,MAAM,iBACW,QAAQ;AAAAS,eAAA,CADzBT,MAAM,WAEKN,KAAK;AAAAe,eAAA,CAFhBT,MAAM,aAGO,CAACR,mBAAmB,EAAE,CAAC;AAAAiB,eAAA,CAHpCT,MAAM,kBAIY;EACpBF,KAAK,EAAE,MAAM;EACbqD,IAAI,EAAE;AACR,CAAC;AAAA,IA0DGC,KAAK,0BAAAC,WAAA;EAAAnD,SAAA,CAAAkD,KAAA,EAAAC,WAAA;EAAA,IAAAC,OAAA,GAAAlD,YAAA,CAAAgD,KAAA;EAAA,SAAAA,MAAA;IAAA,IAAAG,MAAA;IAAAhD,eAAA,OAAA6C,KAAA;IAAA,SAAAI,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAN,MAAA,GAAAD,OAAA,CAAA9C,IAAA,CAAAsD,KAAA,CAAAR,OAAA,SAAAS,MAAA,CAAAJ,IAAA;IAAAlD,eAAA,CAAAC,sBAAA,CAAA6C,MAAA,YAQD,IAAI;IAAA9C,eAAA,CAAAC,sBAAA,CAAA6C,MAAA,oBAiCI,UAACtC,KAAK,EAAK;MACzB,IAAIA,KAAK,CAACM,GAAG,KAAK,OAAO,IAAIN,KAAK,CAACM,GAAG,KAAK,GAAG,EAAE;QAC9CN,KAAK,CAAC+C,cAAc,EAAE;QACtBT,MAAA,CAAKU,QAAQ,CAACrB,OAAO,CAAC,CAACW,MAAA,CAAK3B,OAAO,CAACgB,OAAO,EAAE3B,KAAK,CAAC;MACrD;IACF,CAAC;IAED;IAAAR,eAAA,CAAAC,sBAAA,CAAA6C,MAAA,wBACoB,UAACW,CAAC;MAAA,OAAKA,CAAC,CAACC,eAAe,EAAE;IAAA;IAAA,OAAAZ,MAAA;EAAA;EAAAjC,YAAA,CAAA8B,KAAA;IAAA7B,GAAA;IAAAC,KAAA,EAvC9C,SAAA4C,kBAAA,EAAoB;MAAA,IAAAC,MAAA;MAClB,OAAO;QACLzB,OAAO,EAAE,CACP,UAACsB,CAAC;UAAA,OAAKA,CAAC,CAACI,MAAM,CAAC1B,OAAO;QAAA,GACvB,YAAM;UACJ;UACA2B,YAAY,CAACF,MAAI,CAACG,KAAK,CAAC;UACxBH,MAAI,CAACG,KAAK,GAAGC,UAAU,CAAC,YAAM;YAC5BJ,MAAI,CAACzC,OAAO,CAACK,gBAAgB,EAAE;UACjC,CAAC,EAAE,CAAC,CAAC;QACP,CAAC;MAEL,CAAC;IACH;EAAC;IAAAV,GAAA;IAAAC,KAAA,EAED,SAAAkD,kBAAA,EAAoB;MAClB,IAAI,CAAC9C,OAAO,CAACK,gBAAgB,EAAE;IACjC;EAAC;IAAAV,GAAA;IAAAC,KAAA,EAED,SAAAmD,mBAAmBC,SAAS,EAAE;MAC5B,IAAQhC,OAAO,GAAKgC,SAAS,CAArBhC,OAAO;MACf;MACA,IAAIA,OAAO,KAAKiC,SAAS,IAAIjC,OAAO,KAAK,IAAI,CAAChB,OAAO,CAACgB,OAAO,EAAE;QAC7D,IAAI,CAAChB,OAAO,CAACK,gBAAgB,EAAE;MACjC;IACF;EAAC;IAAAV,GAAA;IAAAC,KAAA,EAED,SAAAC,qBAAA,EAAuB;MACrB8C,YAAY,CAAC,IAAI,CAACC,KAAK,CAAC;IAC1B;EAAC;IAAAjD,GAAA;IAAAC,KAAA,EAYD,SAAAW,OAAA,EAAS;MAAA,IAAA2C,MAAA;MACP,IAAMC,OAAO,GAAG9F,GAAG;MACnB,IAAM+F,MAAM,GAAG/F,GAAG;MAClB,IAAMgG,OAAO,GAAGhG,GAAG;MACnB,IAAAiG,cAAA,GAYI,IAAI,CAACtD,OAAO;QAXda,QAAQ,GAAAyC,cAAA,CAARzC,QAAQ;QACR0C,UAAU,GAAAD,cAAA,CAAVC,UAAU;QACVzC,MAAM,GAAAwC,cAAA,CAANxC,MAAM;QACN0C,iBAAiB,GAAAF,cAAA,CAAjBE,iBAAiB;QACjBC,eAAe,GAAAH,cAAA,CAAfG,eAAe;QACfC,gBAAgB,GAAAJ,cAAA,CAAhBI,gBAAgB;QAChBxF,KAAK,GAAAoF,cAAA,CAALpF,KAAK;QACL+B,GAAG,GAAAqD,cAAA,CAAHrD,GAAG;QACHjB,MAAM,GAAAsE,cAAA,CAANtE,MAAM;QACN2E,YAAY,GAAAL,cAAA,CAAZK,YAAY;QACTC,KAAK,GAAAC,wBAAA,CAAAP,cAAA,EAAAQ,SAAA;MAGV,IAAAC,cAAA,GAAkCtG,aAAa,CAACmG,KAAK,EAAEJ,iBAAiB,CAAC;QAAAQ,eAAA,GAAAC,cAAA,CAAAF,cAAA;QAAlErG,UAAU,GAAAsG,eAAA;QAAEE,WAAW,GAAAF,eAAA;MAC9B,IAAMG,QAAQ,GAAGlG,aAAa,CAACC,KAAK,CAAC,GAAG,QAAQ,GAAGA,KAAK;MACxD,IAAMkG,KAAK,GAAGT,YAAY,CAACzF,KAAK,CAAC;MAEjC,IAAMmG,UAAU,GAAG3G,UAAU,CAACsD,OAAO,UAAAmB,MAAA,CAC1BlC,GAAG,iCAAAkC,MAAA,CACHlC,GAAG,wBAAqB;MAEnC,oBACEjD,KAAA,CAAAkE,aAAA,CAAC5D,gBAAgB,CAACgH,MAAM;QAACZ,gBAAgB,EAAEA;MAAiB,GACzD,UAACA,gBAAgB;QAAA,IAAAa,KAAA;QAAA,OAAAA,KAAA,GAChBpH,OAAO,CAAC2D,MAAM,CAAC,eACb9D,KAAA,CAAAkE,aAAA,CAACiC,OAAO,EAAAoB,KAAA,CAAApD,EAAA,YAAAC,aAAA;UAAA,mBACWqC,eAAe;UAAA,oBACdC,gBAAgB;UAAA,WACzBhG,UAAU,CAACsD,OAAO;UAAA,UACnBhC,MAAM;UAAA,aACHmF,QAAQ;UAAA,aACRC;QAAK,GACZF,WAAW,iBAEflH,KAAA,CAAAkE,aAAA,CAACkC,MAAM,EAAAmB,KAAA,CAAApD,EAAA,WAAAC,aAAA,CAAAA,aAAA;UAAA,OACD,OAAO;UAAA,QACN,UAAU;UAAA,OACVmC,UAAU;UAAA,QACV,QAAQ;UAAA,mBACIc,UAAU;UAAA,gBACb3G,UAAU,CAACsD,OAAO;UAAA,iBACjBtD,UAAU,CAAC8G;QAAQ,GAC9B9G,UAAU;UAAA,WACLC,oBAAoB,CAACuF,MAAI,CAACuB,iBAAiB,EAAE/G,UAAU,CAACgH,KAAK,CAAC;UAAA,aAC5D/G,oBAAoB,CAACuF,MAAI,CAACyB,aAAa,EAAEjH,UAAU,CAACkH,SAAS;QAAC,IACzE,eACF5H,KAAA,CAAAkE,aAAA,CAACmC,OAAO,EAAAkB,KAAA,CAAApD,EAAA;UAAA,WAAUzD,UAAU,CAACsD;QAAO,iBAClChE,KAAA,CAAAkE,aAAA,CAACL,QAAQ,EAAA0D,KAAA,CAAApD,EAAA,iBAAG,CACJ,CACF;MAAA,CACX,CAEqB;IAE9B;EAAC;EAAA,OAAAK,KAAA;AAAA,EA9GiBtE,SAAS;AAAA2B,eAAA,CAAvB2C,KAAK,gBACW,CAAC,SAAS,EAAE,UAAU,CAAC;AAAA3C,eAAA,CADvC2C,KAAK,aAEQ,CAACjE,oBAAoB,EAAE,EAAEC,mBAAmB,EAAE,CAAC;AAAAqB,eAAA,CAF5D2C,KAAK,kBAGa;EACpBgC,iBAAiB,EAAE9F,UAAU;EAC7BmH,cAAc,EAAE;AAClB,CAAC;AA2GH,SAASC,KAAKA,CAACrG,KAAK,EAAE;EAAA,IAAAsG,KAAA,GAAAC,YAAA;EACpB,IAAMC,MAAM,GAQM5H,GAAG;EAPrB,IAAQyD,MAAM,GAA4BrC,KAAK,CAAvCqC,MAAM;IAAE4C,gBAAgB,GAAUjF,KAAK,CAA/BiF,gBAAgB;IAAEzD,GAAG,GAAKxB,KAAK,CAAbwB,GAAG;EAErC,oBACEjD,KAAA,CAAAkE,aAAA,CAAC5D,gBAAgB,CAACgH,MAAM;IAACZ,gBAAgB,EAAEA;EAAiB,GACzD,UAACA,gBAAgB;IAAA,IAAAwB,KAAA;IAAA,OAAAA,KAAA,GAChB/H,OAAO,CAAC2D,MAAM,CAAC,eACb9D,KAAA,CAAAkE,aAAA,CAAC+D,MAAM,EAAAC,KAAA,CAAA/D,EAAA,WAAAC,aAAA,KAAA+D,aAAA;MAAA,OAED,MAAM;MAAA,oBACQzB,gBAAgB;MAAA,eACtB,MAAM;MAAA,aAAAvB,MAAA,CACPlC,GAAG,oBAAAkC,MAAA,CAAiBuB,gBAAgB;IAAA,GAAAqB,KAAA,IAC/C;EAAA,CACH,CAEqB;AAE9B;AAEA,SAASrH,UAAU;AACnB,eAAeT,eAAe,CAACmB,MAAM,EAAE;EACrCoD,KAAK,EAALA,KAAK;EACLsD,KAAK,EAALA;AACF,CAAC,CAAC"}

package/tab-line/lib/cjs/TabLine.js

@@ -21,19 +21,19 @@ var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/
 var _a11yEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/a11yEnhance"));
 var _neighborLocation = _interopRequireDefault(require("intergalactic/neighbor-location"));
 /*__reshadow-styles__:"./style/tab-line.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STabLine_1yjth_gg_{position:relative;display:flex;width:100%;max-width:100%}.___STabLine_1yjth_gg_.__underlined_1yjth_gg_{border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabLineItem_1yjth_gg_{display:inline-flex;align-items:center;justify-content:center;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;border:0;background:0 0;color:var(--intergalactic-text-primary, #191b23);margin-right:var(--intergalactic-spacing-4x, 16px);font-weight:var(--intergalactic-medium, 500)}.___STabLineItem_1yjth_gg_::-moz-focus-inner{border:0;padding:0}.___STabLineItem_1yjth_gg_:active,.___STabLineItem_1yjth_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STabLineItem_1yjth_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___STabLineItem_1yjth_gg_::after,.___STabLineItem_1yjth_gg_::before{content:\"\";position:absolute;left:0;bottom:-1px;height:3px;width:100%;background-color:transparent}.___STabLineItem_1yjth_gg_::before{transition:background-color calc(var(--intergalactic-duration-control, 200)*1ms) ease-in-out}@media (hover:hover){.___STabLineItem_1yjth_gg_:hover::before{background-color:var(--intergalactic-border-primary, #c4c7cf)}}.___STabLineItem_1yjth_gg_.__selected_1yjth_gg_::after{transition-delay:calc(var(--intergalactic-duration-control, 200)*1ms);background-color:var(--intergalactic-border-info-active, #006dca)}.___STabLineItem_1yjth_gg_ .___SAddon_1yjth_gg_:not(:last-child),.___STabLineItem_1yjth_gg_ .___SText_1yjth_gg_:not(:last-child){margin-right:var(--intergalactic-spacing-2x, 8px)}.___SCaret_1yjth_gg_{position:absolute;bottom:-1px;height:3px;background-color:var(--intergalactic-border-info-active, #006dca);transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___STabLineItem_1yjth_gg_.__selected_1yjth_gg_{flex-shrink:0}.___STabLineItem_1yjth_gg_.__disabled_1yjth_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STabLineItem_1yjth_gg_.__keyboardFocused_1yjth_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SText_1yjth_gg_{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SAddon_1yjth_gg_{display:inline-flex;align-items:center;justify-content:center}.___STabLineItem_1yjth_gg_._size_m_1yjth_gg_{height:28px;min-width:18px}.___STabLineItem_1yjth_gg_._size_m_1yjth_gg_ .___SText_1yjth_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STabLineItem_1yjth_gg_._size_l_1yjth_gg_{height:40px;min-width:26px}.___STabLineItem_1yjth_gg_._size_l_1yjth_gg_ .___SText_1yjth_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STabLineItem_1yjth_gg_._neighborLocation_left_1yjth_gg_{margin-right:0}@media (prefers-reduced-motion){.___STabLineItem_1yjth_gg_.__selected_1yjth_gg_::after,.___STabLineItem_1yjth_gg_::after,.___STabLineItem_1yjth_gg_::before{transition:none}.___SCaret_1yjth_gg_{display:none}}" /*__inner_css_end__*/, "1yjth_gg_") /*__reshadow_css_end__*/, {
-  "__STabLine": "___STabLine_1yjth_gg_",
-  "_underlined": "__underlined_1yjth_gg_",
-  "__SCaret": "___SCaret_1yjth_gg_",
-  "__STabLineItem": "___STabLineItem_1yjth_gg_",
-  "_selected": "__selected_1yjth_gg_",
-  "_disabled": "__disabled_1yjth_gg_",
-  "_keyboardFocused": "__keyboardFocused_1yjth_gg_",
-  "__SText": "___SText_1yjth_gg_",
-  "__SAddon": "___SAddon_1yjth_gg_",
-  "_neighborLocation_left": "_neighborLocation_left_1yjth_gg_",
-  "_size_m": "_size_m_1yjth_gg_",
-  "_size_l": "_size_l_1yjth_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STabLine_1wa0b_gg_{position:relative;display:flex;width:100%;max-width:100%}.___STabLine_1wa0b_gg_.__underlined_1wa0b_gg_{border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabLineItem_1wa0b_gg_{display:inline-flex;align-items:center;justify-content:center;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;border:0;background:0 0;color:var(--intergalactic-text-primary, #191b23);margin-right:var(--intergalactic-spacing-4x, 16px);font-weight:var(--intergalactic-medium, 500)}.___STabLineItem_1wa0b_gg_::-moz-focus-inner{border:0;padding:0}.___STabLineItem_1wa0b_gg_:active,.___STabLineItem_1wa0b_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STabLineItem_1wa0b_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___STabLineItem_1wa0b_gg_::after,.___STabLineItem_1wa0b_gg_::before{content:\"\";position:absolute;left:0;bottom:-1px;height:3px;width:100%;background-color:transparent}.___STabLineItem_1wa0b_gg_::before{transition:background-color calc(var(--intergalactic-duration-control, 200)*1ms) ease-in-out}@media (hover:hover){.___STabLineItem_1wa0b_gg_:hover::before{background-color:var(--intergalactic-border-primary, #c4c7cf)}}.___STabLineItem_1wa0b_gg_.__selected_1wa0b_gg_::after{transition-delay:calc(var(--intergalactic-duration-control, 200)*1ms);background-color:var(--intergalactic-border-info-active, #006dca)}.___STabLineItem_1wa0b_gg_ .___SAddon_1wa0b_gg_:not(:last-child),.___STabLineItem_1wa0b_gg_ .___SText_1wa0b_gg_:not(:last-child){margin-right:var(--intergalactic-spacing-2x, 8px)}.___SCaret_1wa0b_gg_{position:absolute;bottom:-1px;height:3px;background-color:var(--intergalactic-border-info-active, #006dca);transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___STabLineItem_1wa0b_gg_.__selected_1wa0b_gg_{flex-shrink:0}.___STabLineItem_1wa0b_gg_.__disabled_1wa0b_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STabLineItem_1wa0b_gg_.__keyboardFocused_1wa0b_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SText_1wa0b_gg_{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SAddon_1wa0b_gg_{display:inline-flex;align-items:center;justify-content:center}.___STabLineItem_1wa0b_gg_._size_m_1wa0b_gg_{height:28px;min-width:18px}.___STabLineItem_1wa0b_gg_._size_m_1wa0b_gg_ .___SText_1wa0b_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STabLineItem_1wa0b_gg_._size_l_1wa0b_gg_{height:40px;min-width:26px}.___STabLineItem_1wa0b_gg_._size_l_1wa0b_gg_ .___SText_1wa0b_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STabLineItem_1wa0b_gg_._neighborLocation_left_1wa0b_gg_{margin-right:0}@media (prefers-reduced-motion){.___STabLineItem_1wa0b_gg_.__selected_1wa0b_gg_::after,.___STabLineItem_1wa0b_gg_::after,.___STabLineItem_1wa0b_gg_::before{transition:none}.___SCaret_1wa0b_gg_{display:none}}" /*__inner_css_end__*/, "1wa0b_gg_") /*__reshadow_css_end__*/, {
+  "__STabLine": "___STabLine_1wa0b_gg_",
+  "_underlined": "__underlined_1wa0b_gg_",
+  "__SCaret": "___SCaret_1wa0b_gg_",
+  "__STabLineItem": "___STabLineItem_1wa0b_gg_",
+  "_selected": "__selected_1wa0b_gg_",
+  "_disabled": "__disabled_1wa0b_gg_",
+  "_keyboardFocused": "__keyboardFocused_1wa0b_gg_",
+  "__SText": "___SText_1wa0b_gg_",
+  "__SAddon": "___SAddon_1wa0b_gg_",
+  "_neighborLocation_left": "_neighborLocation_left_1wa0b_gg_",
+  "_size_m": "_size_m_1wa0b_gg_",
+  "_size_l": "_size_l_1wa0b_gg_"
 });
 var optionsA11yEnhance = {
   onNeighborChange: function onNeighborChange(neighborElement, props) {

package/tab-line/lib/es6/TabLine.js

@@ -18,19 +18,19 @@ import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocus
 import a11yEnhance from 'intergalactic/utils/lib/enhances/a11yEnhance';
 import NeighborLocation from 'intergalactic/neighbor-location';
 /*__reshadow-styles__:"./style/tab-line.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STabLine_1yjth_gg_{position:relative;display:flex;width:100%;max-width:100%}.___STabLine_1yjth_gg_.__underlined_1yjth_gg_{border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabLineItem_1yjth_gg_{display:inline-flex;align-items:center;justify-content:center;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;border:0;background:0 0;color:var(--intergalactic-text-primary, #191b23);margin-right:var(--intergalactic-spacing-4x, 16px);font-weight:var(--intergalactic-medium, 500)}.___STabLineItem_1yjth_gg_::-moz-focus-inner{border:0;padding:0}.___STabLineItem_1yjth_gg_:active,.___STabLineItem_1yjth_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STabLineItem_1yjth_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___STabLineItem_1yjth_gg_::after,.___STabLineItem_1yjth_gg_::before{content:\"\";position:absolute;left:0;bottom:-1px;height:3px;width:100%;background-color:transparent}.___STabLineItem_1yjth_gg_::before{transition:background-color calc(var(--intergalactic-duration-control, 200)*1ms) ease-in-out}@media (hover:hover){.___STabLineItem_1yjth_gg_:hover::before{background-color:var(--intergalactic-border-primary, #c4c7cf)}}.___STabLineItem_1yjth_gg_.__selected_1yjth_gg_::after{transition-delay:calc(var(--intergalactic-duration-control, 200)*1ms);background-color:var(--intergalactic-border-info-active, #006dca)}.___STabLineItem_1yjth_gg_ .___SAddon_1yjth_gg_:not(:last-child),.___STabLineItem_1yjth_gg_ .___SText_1yjth_gg_:not(:last-child){margin-right:var(--intergalactic-spacing-2x, 8px)}.___SCaret_1yjth_gg_{position:absolute;bottom:-1px;height:3px;background-color:var(--intergalactic-border-info-active, #006dca);transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___STabLineItem_1yjth_gg_.__selected_1yjth_gg_{flex-shrink:0}.___STabLineItem_1yjth_gg_.__disabled_1yjth_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STabLineItem_1yjth_gg_.__keyboardFocused_1yjth_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SText_1yjth_gg_{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SAddon_1yjth_gg_{display:inline-flex;align-items:center;justify-content:center}.___STabLineItem_1yjth_gg_._size_m_1yjth_gg_{height:28px;min-width:18px}.___STabLineItem_1yjth_gg_._size_m_1yjth_gg_ .___SText_1yjth_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STabLineItem_1yjth_gg_._size_l_1yjth_gg_{height:40px;min-width:26px}.___STabLineItem_1yjth_gg_._size_l_1yjth_gg_ .___SText_1yjth_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STabLineItem_1yjth_gg_._neighborLocation_left_1yjth_gg_{margin-right:0}@media (prefers-reduced-motion){.___STabLineItem_1yjth_gg_.__selected_1yjth_gg_::after,.___STabLineItem_1yjth_gg_::after,.___STabLineItem_1yjth_gg_::before{transition:none}.___SCaret_1yjth_gg_{display:none}}" /*__inner_css_end__*/, "1yjth_gg_") /*__reshadow_css_end__*/, {
-  "__STabLine": "___STabLine_1yjth_gg_",
-  "_underlined": "__underlined_1yjth_gg_",
-  "__SCaret": "___SCaret_1yjth_gg_",
-  "__STabLineItem": "___STabLineItem_1yjth_gg_",
-  "_selected": "__selected_1yjth_gg_",
-  "_disabled": "__disabled_1yjth_gg_",
-  "_keyboardFocused": "__keyboardFocused_1yjth_gg_",
-  "__SText": "___SText_1yjth_gg_",
-  "__SAddon": "___SAddon_1yjth_gg_",
-  "_neighborLocation_left": "_neighborLocation_left_1yjth_gg_",
-  "_size_m": "_size_m_1yjth_gg_",
-  "_size_l": "_size_l_1yjth_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STabLine_1wa0b_gg_{position:relative;display:flex;width:100%;max-width:100%}.___STabLine_1wa0b_gg_.__underlined_1wa0b_gg_{border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabLineItem_1wa0b_gg_{display:inline-flex;align-items:center;justify-content:center;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;border:0;background:0 0;color:var(--intergalactic-text-primary, #191b23);margin-right:var(--intergalactic-spacing-4x, 16px);font-weight:var(--intergalactic-medium, 500)}.___STabLineItem_1wa0b_gg_::-moz-focus-inner{border:0;padding:0}.___STabLineItem_1wa0b_gg_:active,.___STabLineItem_1wa0b_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STabLineItem_1wa0b_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___STabLineItem_1wa0b_gg_::after,.___STabLineItem_1wa0b_gg_::before{content:\"\";position:absolute;left:0;bottom:-1px;height:3px;width:100%;background-color:transparent}.___STabLineItem_1wa0b_gg_::before{transition:background-color calc(var(--intergalactic-duration-control, 200)*1ms) ease-in-out}@media (hover:hover){.___STabLineItem_1wa0b_gg_:hover::before{background-color:var(--intergalactic-border-primary, #c4c7cf)}}.___STabLineItem_1wa0b_gg_.__selected_1wa0b_gg_::after{transition-delay:calc(var(--intergalactic-duration-control, 200)*1ms);background-color:var(--intergalactic-border-info-active, #006dca)}.___STabLineItem_1wa0b_gg_ .___SAddon_1wa0b_gg_:not(:last-child),.___STabLineItem_1wa0b_gg_ .___SText_1wa0b_gg_:not(:last-child){margin-right:var(--intergalactic-spacing-2x, 8px)}.___SCaret_1wa0b_gg_{position:absolute;bottom:-1px;height:3px;background-color:var(--intergalactic-border-info-active, #006dca);transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___STabLineItem_1wa0b_gg_.__selected_1wa0b_gg_{flex-shrink:0}.___STabLineItem_1wa0b_gg_.__disabled_1wa0b_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STabLineItem_1wa0b_gg_.__keyboardFocused_1wa0b_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SText_1wa0b_gg_{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SAddon_1wa0b_gg_{display:inline-flex;align-items:center;justify-content:center}.___STabLineItem_1wa0b_gg_._size_m_1wa0b_gg_{height:28px;min-width:18px}.___STabLineItem_1wa0b_gg_._size_m_1wa0b_gg_ .___SText_1wa0b_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STabLineItem_1wa0b_gg_._size_l_1wa0b_gg_{height:40px;min-width:26px}.___STabLineItem_1wa0b_gg_._size_l_1wa0b_gg_ .___SText_1wa0b_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STabLineItem_1wa0b_gg_._neighborLocation_left_1wa0b_gg_{margin-right:0}@media (prefers-reduced-motion){.___STabLineItem_1wa0b_gg_.__selected_1wa0b_gg_::after,.___STabLineItem_1wa0b_gg_::after,.___STabLineItem_1wa0b_gg_::before{transition:none}.___SCaret_1wa0b_gg_{display:none}}" /*__inner_css_end__*/, "1wa0b_gg_") /*__reshadow_css_end__*/, {
+  "__STabLine": "___STabLine_1wa0b_gg_",
+  "_underlined": "__underlined_1wa0b_gg_",
+  "__SCaret": "___SCaret_1wa0b_gg_",
+  "__STabLineItem": "___STabLineItem_1wa0b_gg_",
+  "_selected": "__selected_1wa0b_gg_",
+  "_disabled": "__disabled_1wa0b_gg_",
+  "_keyboardFocused": "__keyboardFocused_1wa0b_gg_",
+  "__SText": "___SText_1wa0b_gg_",
+  "__SAddon": "___SAddon_1wa0b_gg_",
+  "_neighborLocation_left": "_neighborLocation_left_1wa0b_gg_",
+  "_size_m": "_size_m_1wa0b_gg_",
+  "_size_l": "_size_l_1wa0b_gg_"
 });
 var optionsA11yEnhance = {
   onNeighborChange: function onNeighborChange(neighborElement, props) {

package/tab-panel/lib/cjs/TabPanel.js

@@ -20,14 +20,14 @@ var _addonTextChildren = _interopRequireDefault(require("intergalactic/utils/lib
 var _a11yEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/a11yEnhance"));
 var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
 /*__reshadow-styles__:"./style/tab-panel.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STabPanel_i8ifh_gg_{display:flex;width:100%;max-width:100%}.___STabPanel_i8ifh_gg_::after{content:\"\";position:relative;bottom:-1px;flex:1;border-top:1px solid transparent;border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabPanelItem_i8ifh_gg_{position:relative;bottom:-1px;display:inline-flex;min-width:0;height:32px;color:var(--intergalactic-text-secondary, #6c6e79);border:1px solid transparent;border-bottom:none;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0;background:0 0;align-items:center;justify-content:center;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0 0 1px;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer}.___STabPanelItem_i8ifh_gg_ .___SText_i8ifh_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);font-weight:var(--intergalactic-medium, 500)}.___STabPanelItem_i8ifh_gg_::-moz-focus-inner{border:0;padding:0}.___STabPanelItem_i8ifh_gg_:active,.___STabPanelItem_i8ifh_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STabPanelItem_i8ifh_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-primary, #191b23)}}.___STabPanelItem_i8ifh_gg_::after{content:\"\";position:absolute;left:-1px;bottom:0;width:calc(100% + 2px);border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabPanelItem_i8ifh_gg_.__disabled_i8ifh_gg_{cursor:default;pointer-events:none}.___STabPanelItem_i8ifh_gg_.__disabled_i8ifh_gg_ .___SAddon_i8ifh_gg_,.___STabPanelItem_i8ifh_gg_.__disabled_i8ifh_gg_ .___SText_i8ifh_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___STabPanelItem_i8ifh_gg_.__keyboardFocused_i8ifh_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STabPanelItem_i8ifh_gg_.__selected_i8ifh_gg_{color:var(--intergalactic-text-link, #006dca);border-color:var(--intergalactic-border-primary, #c4c7cf);flex-shrink:0}@media (hover:hover){.___STabPanelItem_i8ifh_gg_.__selected_i8ifh_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___STabPanelItem_i8ifh_gg_.__selected_i8ifh_gg_::after{border-bottom:none}.___SText_i8ifh_gg_{display:inline-block;margin:auto var(--intergalactic-spacing-2x, 8px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SAddon_i8ifh_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_i8ifh_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_i8ifh_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SAddon_i8ifh_gg_:only-child{margin-right:var(--intergalactic-spacing-2x, 8px);margin-left:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "i8ifh_gg_") /*__reshadow_css_end__*/, {
-  "__STabPanelItem": "___STabPanelItem_i8ifh_gg_",
-  "_keyboardFocused": "__keyboardFocused_i8ifh_gg_",
-  "__SText": "___SText_i8ifh_gg_",
-  "__SAddon": "___SAddon_i8ifh_gg_",
-  "__STabPanel": "___STabPanel_i8ifh_gg_",
-  "_disabled": "__disabled_i8ifh_gg_",
-  "_selected": "__selected_i8ifh_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STabPanel_1lkq2_gg_{display:flex;width:100%;max-width:100%}.___STabPanel_1lkq2_gg_::after{content:\"\";position:relative;bottom:-1px;flex:1;border-top:1px solid transparent;border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabPanelItem_1lkq2_gg_{position:relative;bottom:-1px;display:inline-flex;min-width:0;height:32px;color:var(--intergalactic-text-secondary, #6c6e79);border:1px solid transparent;border-bottom:none;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0;background:0 0;align-items:center;justify-content:center;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0 0 1px;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer}.___STabPanelItem_1lkq2_gg_ .___SText_1lkq2_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);font-weight:var(--intergalactic-medium, 500)}.___STabPanelItem_1lkq2_gg_::-moz-focus-inner{border:0;padding:0}.___STabPanelItem_1lkq2_gg_:active,.___STabPanelItem_1lkq2_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STabPanelItem_1lkq2_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-primary, #191b23)}}.___STabPanelItem_1lkq2_gg_::after{content:\"\";position:absolute;left:-1px;bottom:0;width:calc(100% + 2px);border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabPanelItem_1lkq2_gg_.__disabled_1lkq2_gg_{cursor:default;pointer-events:none}.___STabPanelItem_1lkq2_gg_.__disabled_1lkq2_gg_ .___SAddon_1lkq2_gg_,.___STabPanelItem_1lkq2_gg_.__disabled_1lkq2_gg_ .___SText_1lkq2_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___STabPanelItem_1lkq2_gg_.__keyboardFocused_1lkq2_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STabPanelItem_1lkq2_gg_.__selected_1lkq2_gg_{color:var(--intergalactic-text-link, #006dca);border-color:var(--intergalactic-border-primary, #c4c7cf);flex-shrink:0}@media (hover:hover){.___STabPanelItem_1lkq2_gg_.__selected_1lkq2_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___STabPanelItem_1lkq2_gg_.__selected_1lkq2_gg_::after{border-bottom:none}.___SText_1lkq2_gg_{display:inline-block;margin:auto var(--intergalactic-spacing-2x, 8px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SAddon_1lkq2_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_1lkq2_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_1lkq2_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SAddon_1lkq2_gg_:only-child{margin-right:var(--intergalactic-spacing-2x, 8px);margin-left:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "1lkq2_gg_") /*__reshadow_css_end__*/, {
+  "__STabPanelItem": "___STabPanelItem_1lkq2_gg_",
+  "_keyboardFocused": "__keyboardFocused_1lkq2_gg_",
+  "__SText": "___SText_1lkq2_gg_",
+  "__SAddon": "___SAddon_1lkq2_gg_",
+  "__STabPanel": "___STabPanel_1lkq2_gg_",
+  "_disabled": "__disabled_1lkq2_gg_",
+  "_selected": "__selected_1lkq2_gg_"
 });
 var optionsA11yEnhance = {
   onNeighborChange: function onNeighborChange(neighborElement, props) {
@@ -57,7 +57,7 @@ var TabPanelRoot = /*#__PURE__*/function (_Component) {
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleKeyDown", function (value) {
       return function (event) {
-        if (event.code === 'Enter' || event.code === 'Space') {
+        if (event.key === 'Enter' || event.key === ' ') {
           event.preventDefault();
           _this.handlers.value(value, event);
         }

package/tab-panel/lib/cjs/TabPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabPanel.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_addonTextChildren","_a11yEnhance","_keyboardFocusEnhance","style","sstyled","insert","optionsA11yEnhance","onNeighborChange","neighborElement","props","focus","behavior","click","childSelector","TabPanelRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","value","event","handlers","code","preventDefault","_createClass2","key","uncontrolledProps","getItemProps","index","asProps","isSelected","selected","onClick","handleClick","onKeyDown","handleKeyDown","tabIndex","render","_ref","_ref5","STabPanel","Box","styles","createElement","cn","_objectSpread2","assignProps","Component","defaultValue","a11yEnhance","TabPanelItem","_ref2","arguments[0]","_ref6","STabPanelItem","Children","addonLeft","addonRight","TabPanel","Item","Addon","tag","addonTextChildren","Text","enhance","keyboardFocusEnhance","_ref3","_ref7","SText","_ref4","_ref8","SAddon","createComponent","wrapTabPanel","wrapper","exports","_default"],"sources":["../../src/TabPanel.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport a11yEnhance from '@semcore/utils/lib/enhances/a11yEnhance';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nimport style from './style/tab-panel.shadow.css';\n\nconst optionsA11yEnhance = {\n  onNeighborChange: (neighborElement, props) => {\n    if (neighborElement) {\n      neighborElement.focus();\n      if (props.behavior === 'auto') {\n        neighborElement.click();\n      }\n    }\n  },\n  childSelector: ['role', 'tab'],\n};\n\nclass TabPanelRoot extends Component {\n  static displayName = 'TabPanel';\n  static style = style;\n  static defaultProps = {\n    defaultValue: null,\n    behavior: 'manual',\n  };\n  static enhance = [a11yEnhance(optionsA11yEnhance)];\n\n  uncontrolledProps() {\n    return {\n      value: null,\n    };\n  }\n\n  handleClick = (value) => (event) => {\n    this.handlers.value(value, event);\n  };\n\n  handleKeyDown = (value) => (event) => {\n    if (event.code === 'Enter' || event.code === 'Space') {\n      event.preventDefault();\n      this.handlers.value(value, event);\n    }\n  };\n\n  getItemProps(props, index) {\n    const { value } = this.asProps;\n    const isSelected = value === props.value;\n    return {\n      selected: isSelected,\n      onClick: this.handleClick(props.value),\n      onKeyDown: this.handleKeyDown(props.value),\n      tabIndex: isSelected ? 0 : -1,\n      'aria-posinset': index + 1,\n      'aria-selected': isSelected,\n    };\n  }\n\n  render() {\n    const STabPanel = Root;\n    const { styles } = this.asProps;\n\n    return sstyled(styles)(<STabPanel render={Box} role='tablist' />);\n  }\n}\n\nfunction TabPanelItem(props) {\n  const STabPanelItem = Root;\n  const { Children, styles, addonLeft, addonRight } = props;\n\n  return sstyled(styles)(\n    <STabPanelItem render={Box} type='button' tag='button' role='tab'>\n      {addonLeft ? <TabPanel.Item.Addon tag={addonLeft} /> : null}\n      {addonTextChildren(Children, TabPanel.Item.Text, TabPanel.Item.Addon)}\n      {addonRight ? <TabPanel.Item.Addon tag={addonRight} /> : null}\n    </STabPanelItem>,\n  );\n}\n\nTabPanelItem.enhance = [keyboardFocusEnhance()];\n\nfunction Text(props) {\n  const SText = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Addon(props) {\n  const SAddon = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SAddon render={Box} tag='span' />);\n}\n\nconst TabPanel = createComponent(TabPanelRoot, {\n  Item: [TabPanelItem, { Text, Addon }],\n});\n\nexport const wrapTabPanel = (wrapper) => wrapper;\n\nexport default TabPanel;\n"],"mappings":"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"}
+{"version":3,"file":"TabPanel.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_addonTextChildren","_a11yEnhance","_keyboardFocusEnhance","style","sstyled","insert","optionsA11yEnhance","onNeighborChange","neighborElement","props","focus","behavior","click","childSelector","TabPanelRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","value","event","handlers","key","preventDefault","_createClass2","uncontrolledProps","getItemProps","index","asProps","isSelected","selected","onClick","handleClick","onKeyDown","handleKeyDown","tabIndex","render","_ref","_ref5","STabPanel","Box","styles","createElement","cn","_objectSpread2","assignProps","Component","defaultValue","a11yEnhance","TabPanelItem","_ref2","arguments[0]","_ref6","STabPanelItem","Children","addonLeft","addonRight","TabPanel","Item","Addon","tag","addonTextChildren","Text","enhance","keyboardFocusEnhance","_ref3","_ref7","SText","_ref4","_ref8","SAddon","createComponent","wrapTabPanel","wrapper","exports","_default"],"sources":["../../src/TabPanel.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport a11yEnhance from '@semcore/utils/lib/enhances/a11yEnhance';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nimport style from './style/tab-panel.shadow.css';\n\nconst optionsA11yEnhance = {\n  onNeighborChange: (neighborElement, props) => {\n    if (neighborElement) {\n      neighborElement.focus();\n      if (props.behavior === 'auto') {\n        neighborElement.click();\n      }\n    }\n  },\n  childSelector: ['role', 'tab'],\n};\n\nclass TabPanelRoot extends Component {\n  static displayName = 'TabPanel';\n  static style = style;\n  static defaultProps = {\n    defaultValue: null,\n    behavior: 'manual',\n  };\n  static enhance = [a11yEnhance(optionsA11yEnhance)];\n\n  uncontrolledProps() {\n    return {\n      value: null,\n    };\n  }\n\n  handleClick = (value) => (event) => {\n    this.handlers.value(value, event);\n  };\n\n  handleKeyDown = (value) => (event) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      this.handlers.value(value, event);\n    }\n  };\n\n  getItemProps(props, index) {\n    const { value } = this.asProps;\n    const isSelected = value === props.value;\n    return {\n      selected: isSelected,\n      onClick: this.handleClick(props.value),\n      onKeyDown: this.handleKeyDown(props.value),\n      tabIndex: isSelected ? 0 : -1,\n      'aria-posinset': index + 1,\n      'aria-selected': isSelected,\n    };\n  }\n\n  render() {\n    const STabPanel = Root;\n    const { styles } = this.asProps;\n\n    return sstyled(styles)(<STabPanel render={Box} role='tablist' />);\n  }\n}\n\nfunction TabPanelItem(props) {\n  const STabPanelItem = Root;\n  const { Children, styles, addonLeft, addonRight } = props;\n\n  return sstyled(styles)(\n    <STabPanelItem render={Box} type='button' tag='button' role='tab'>\n      {addonLeft ? <TabPanel.Item.Addon tag={addonLeft} /> : null}\n      {addonTextChildren(Children, TabPanel.Item.Text, TabPanel.Item.Addon)}\n      {addonRight ? <TabPanel.Item.Addon tag={addonRight} /> : null}\n    </STabPanelItem>,\n  );\n}\n\nTabPanelItem.enhance = [keyboardFocusEnhance()];\n\nfunction Text(props) {\n  const SText = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Addon(props) {\n  const SAddon = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SAddon render={Box} tag='span' />);\n}\n\nconst TabPanel = createComponent(TabPanelRoot, {\n  Item: [TabPanelItem, { Text, Addon }],\n});\n\nexport const wrapTabPanel = (wrapper) => wrapper;\n\nexport default TabPanel;\n"],"mappings":"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"}

package/tab-panel/lib/es6/TabPanel.js

@@ -17,14 +17,14 @@ import addonTextChildren from 'intergalactic/utils/lib/addonTextChildren';
 import a11yEnhance from 'intergalactic/utils/lib/enhances/a11yEnhance';
 import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
 /*__reshadow-styles__:"./style/tab-panel.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STabPanel_i8ifh_gg_{display:flex;width:100%;max-width:100%}.___STabPanel_i8ifh_gg_::after{content:\"\";position:relative;bottom:-1px;flex:1;border-top:1px solid transparent;border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabPanelItem_i8ifh_gg_{position:relative;bottom:-1px;display:inline-flex;min-width:0;height:32px;color:var(--intergalactic-text-secondary, #6c6e79);border:1px solid transparent;border-bottom:none;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0;background:0 0;align-items:center;justify-content:center;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0 0 1px;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer}.___STabPanelItem_i8ifh_gg_ .___SText_i8ifh_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);font-weight:var(--intergalactic-medium, 500)}.___STabPanelItem_i8ifh_gg_::-moz-focus-inner{border:0;padding:0}.___STabPanelItem_i8ifh_gg_:active,.___STabPanelItem_i8ifh_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STabPanelItem_i8ifh_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-primary, #191b23)}}.___STabPanelItem_i8ifh_gg_::after{content:\"\";position:absolute;left:-1px;bottom:0;width:calc(100% + 2px);border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabPanelItem_i8ifh_gg_.__disabled_i8ifh_gg_{cursor:default;pointer-events:none}.___STabPanelItem_i8ifh_gg_.__disabled_i8ifh_gg_ .___SAddon_i8ifh_gg_,.___STabPanelItem_i8ifh_gg_.__disabled_i8ifh_gg_ .___SText_i8ifh_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___STabPanelItem_i8ifh_gg_.__keyboardFocused_i8ifh_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STabPanelItem_i8ifh_gg_.__selected_i8ifh_gg_{color:var(--intergalactic-text-link, #006dca);border-color:var(--intergalactic-border-primary, #c4c7cf);flex-shrink:0}@media (hover:hover){.___STabPanelItem_i8ifh_gg_.__selected_i8ifh_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___STabPanelItem_i8ifh_gg_.__selected_i8ifh_gg_::after{border-bottom:none}.___SText_i8ifh_gg_{display:inline-block;margin:auto var(--intergalactic-spacing-2x, 8px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SAddon_i8ifh_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_i8ifh_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_i8ifh_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SAddon_i8ifh_gg_:only-child{margin-right:var(--intergalactic-spacing-2x, 8px);margin-left:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "i8ifh_gg_") /*__reshadow_css_end__*/, {
-  "__STabPanelItem": "___STabPanelItem_i8ifh_gg_",
-  "_keyboardFocused": "__keyboardFocused_i8ifh_gg_",
-  "__SText": "___SText_i8ifh_gg_",
-  "__SAddon": "___SAddon_i8ifh_gg_",
-  "__STabPanel": "___STabPanel_i8ifh_gg_",
-  "_disabled": "__disabled_i8ifh_gg_",
-  "_selected": "__selected_i8ifh_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STabPanel_1lkq2_gg_{display:flex;width:100%;max-width:100%}.___STabPanel_1lkq2_gg_::after{content:\"\";position:relative;bottom:-1px;flex:1;border-top:1px solid transparent;border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabPanelItem_1lkq2_gg_{position:relative;bottom:-1px;display:inline-flex;min-width:0;height:32px;color:var(--intergalactic-text-secondary, #6c6e79);border:1px solid transparent;border-bottom:none;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0;background:0 0;align-items:center;justify-content:center;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0 0 1px;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer}.___STabPanelItem_1lkq2_gg_ .___SText_1lkq2_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);font-weight:var(--intergalactic-medium, 500)}.___STabPanelItem_1lkq2_gg_::-moz-focus-inner{border:0;padding:0}.___STabPanelItem_1lkq2_gg_:active,.___STabPanelItem_1lkq2_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STabPanelItem_1lkq2_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-primary, #191b23)}}.___STabPanelItem_1lkq2_gg_::after{content:\"\";position:absolute;left:-1px;bottom:0;width:calc(100% + 2px);border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabPanelItem_1lkq2_gg_.__disabled_1lkq2_gg_{cursor:default;pointer-events:none}.___STabPanelItem_1lkq2_gg_.__disabled_1lkq2_gg_ .___SAddon_1lkq2_gg_,.___STabPanelItem_1lkq2_gg_.__disabled_1lkq2_gg_ .___SText_1lkq2_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___STabPanelItem_1lkq2_gg_.__keyboardFocused_1lkq2_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STabPanelItem_1lkq2_gg_.__selected_1lkq2_gg_{color:var(--intergalactic-text-link, #006dca);border-color:var(--intergalactic-border-primary, #c4c7cf);flex-shrink:0}@media (hover:hover){.___STabPanelItem_1lkq2_gg_.__selected_1lkq2_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___STabPanelItem_1lkq2_gg_.__selected_1lkq2_gg_::after{border-bottom:none}.___SText_1lkq2_gg_{display:inline-block;margin:auto var(--intergalactic-spacing-2x, 8px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SAddon_1lkq2_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_1lkq2_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_1lkq2_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SAddon_1lkq2_gg_:only-child{margin-right:var(--intergalactic-spacing-2x, 8px);margin-left:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "1lkq2_gg_") /*__reshadow_css_end__*/, {
+  "__STabPanelItem": "___STabPanelItem_1lkq2_gg_",
+  "_keyboardFocused": "__keyboardFocused_1lkq2_gg_",
+  "__SText": "___SText_1lkq2_gg_",
+  "__SAddon": "___SAddon_1lkq2_gg_",
+  "__STabPanel": "___STabPanel_1lkq2_gg_",
+  "_disabled": "__disabled_1lkq2_gg_",
+  "_selected": "__selected_1lkq2_gg_"
 });
 var optionsA11yEnhance = {
   onNeighborChange: function onNeighborChange(neighborElement, props) {
@@ -54,7 +54,7 @@ var TabPanelRoot = /*#__PURE__*/function (_Component) {
     });
     _defineProperty(_assertThisInitialized(_this), "handleKeyDown", function (value) {
       return function (event) {
-        if (event.code === 'Enter' || event.code === 'Space') {
+        if (event.key === 'Enter' || event.key === ' ') {
           event.preventDefault();
           _this.handlers.value(value, event);
         }

package/tab-panel/lib/es6/TabPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabPanel.js","names":["React","createComponent","Component","sstyled","Root","Box","addonTextChildren","a11yEnhance","keyboardFocusEnhance","style","_sstyled","insert","optionsA11yEnhance","onNeighborChange","neighborElement","props","focus","behavior","click","childSelector","TabPanelRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","value","event","handlers","code","preventDefault","_createClass","key","uncontrolledProps","getItemProps","index","asProps","isSelected","selected","onClick","handleClick","onKeyDown","handleKeyDown","tabIndex","render","_ref","_ref5","STabPanel","styles","createElement","cn","_objectSpread","_assignProps","defaultValue","TabPanelItem","_ref2","arguments[0]","_ref6","STabPanelItem","Children","addonLeft","addonRight","_assignProps2","TabPanel","Item","Addon","tag","Text","enhance","_ref3","_ref7","SText","_assignProps3","_ref4","_ref8","SAddon","_assignProps4","wrapTabPanel","wrapper"],"sources":["../../src/TabPanel.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport a11yEnhance from '@semcore/utils/lib/enhances/a11yEnhance';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nimport style from './style/tab-panel.shadow.css';\n\nconst optionsA11yEnhance = {\n  onNeighborChange: (neighborElement, props) => {\n    if (neighborElement) {\n      neighborElement.focus();\n      if (props.behavior === 'auto') {\n        neighborElement.click();\n      }\n    }\n  },\n  childSelector: ['role', 'tab'],\n};\n\nclass TabPanelRoot extends Component {\n  static displayName = 'TabPanel';\n  static style = style;\n  static defaultProps = {\n    defaultValue: null,\n    behavior: 'manual',\n  };\n  static enhance = [a11yEnhance(optionsA11yEnhance)];\n\n  uncontrolledProps() {\n    return {\n      value: null,\n    };\n  }\n\n  handleClick = (value) => (event) => {\n    this.handlers.value(value, event);\n  };\n\n  handleKeyDown = (value) => (event) => {\n    if (event.code === 'Enter' || event.code === 'Space') {\n      event.preventDefault();\n      this.handlers.value(value, event);\n    }\n  };\n\n  getItemProps(props, index) {\n    const { value } = this.asProps;\n    const isSelected = value === props.value;\n    return {\n      selected: isSelected,\n      onClick: this.handleClick(props.value),\n      onKeyDown: this.handleKeyDown(props.value),\n      tabIndex: isSelected ? 0 : -1,\n      'aria-posinset': index + 1,\n      'aria-selected': isSelected,\n    };\n  }\n\n  render() {\n    const STabPanel = Root;\n    const { styles } = this.asProps;\n\n    return sstyled(styles)(<STabPanel render={Box} role='tablist' />);\n  }\n}\n\nfunction TabPanelItem(props) {\n  const STabPanelItem = Root;\n  const { Children, styles, addonLeft, addonRight } = props;\n\n  return sstyled(styles)(\n    <STabPanelItem render={Box} type='button' tag='button' role='tab'>\n      {addonLeft ? <TabPanel.Item.Addon tag={addonLeft} /> : null}\n      {addonTextChildren(Children, TabPanel.Item.Text, TabPanel.Item.Addon)}\n      {addonRight ? <TabPanel.Item.Addon tag={addonRight} /> : null}\n    </STabPanelItem>,\n  );\n}\n\nTabPanelItem.enhance = [keyboardFocusEnhance()];\n\nfunction Text(props) {\n  const SText = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Addon(props) {\n  const SAddon = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SAddon render={Box} tag='span' />);\n}\n\nconst TabPanel = createComponent(TabPanelRoot, {\n  Item: [TabPanelItem, { Text, Addon }],\n});\n\nexport const wrapTabPanel = (wrapper) => wrapper;\n\nexport default TabPanel;\n"],"mappings":"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"}
+{"version":3,"file":"TabPanel.js","names":["React","createComponent","Component","sstyled","Root","Box","addonTextChildren","a11yEnhance","keyboardFocusEnhance","style","_sstyled","insert","optionsA11yEnhance","onNeighborChange","neighborElement","props","focus","behavior","click","childSelector","TabPanelRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","value","event","handlers","key","preventDefault","_createClass","uncontrolledProps","getItemProps","index","asProps","isSelected","selected","onClick","handleClick","onKeyDown","handleKeyDown","tabIndex","render","_ref","_ref5","STabPanel","styles","createElement","cn","_objectSpread","_assignProps","defaultValue","TabPanelItem","_ref2","arguments[0]","_ref6","STabPanelItem","Children","addonLeft","addonRight","_assignProps2","TabPanel","Item","Addon","tag","Text","enhance","_ref3","_ref7","SText","_assignProps3","_ref4","_ref8","SAddon","_assignProps4","wrapTabPanel","wrapper"],"sources":["../../src/TabPanel.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport a11yEnhance from '@semcore/utils/lib/enhances/a11yEnhance';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nimport style from './style/tab-panel.shadow.css';\n\nconst optionsA11yEnhance = {\n  onNeighborChange: (neighborElement, props) => {\n    if (neighborElement) {\n      neighborElement.focus();\n      if (props.behavior === 'auto') {\n        neighborElement.click();\n      }\n    }\n  },\n  childSelector: ['role', 'tab'],\n};\n\nclass TabPanelRoot extends Component {\n  static displayName = 'TabPanel';\n  static style = style;\n  static defaultProps = {\n    defaultValue: null,\n    behavior: 'manual',\n  };\n  static enhance = [a11yEnhance(optionsA11yEnhance)];\n\n  uncontrolledProps() {\n    return {\n      value: null,\n    };\n  }\n\n  handleClick = (value) => (event) => {\n    this.handlers.value(value, event);\n  };\n\n  handleKeyDown = (value) => (event) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      this.handlers.value(value, event);\n    }\n  };\n\n  getItemProps(props, index) {\n    const { value } = this.asProps;\n    const isSelected = value === props.value;\n    return {\n      selected: isSelected,\n      onClick: this.handleClick(props.value),\n      onKeyDown: this.handleKeyDown(props.value),\n      tabIndex: isSelected ? 0 : -1,\n      'aria-posinset': index + 1,\n      'aria-selected': isSelected,\n    };\n  }\n\n  render() {\n    const STabPanel = Root;\n    const { styles } = this.asProps;\n\n    return sstyled(styles)(<STabPanel render={Box} role='tablist' />);\n  }\n}\n\nfunction TabPanelItem(props) {\n  const STabPanelItem = Root;\n  const { Children, styles, addonLeft, addonRight } = props;\n\n  return sstyled(styles)(\n    <STabPanelItem render={Box} type='button' tag='button' role='tab'>\n      {addonLeft ? <TabPanel.Item.Addon tag={addonLeft} /> : null}\n      {addonTextChildren(Children, TabPanel.Item.Text, TabPanel.Item.Addon)}\n      {addonRight ? <TabPanel.Item.Addon tag={addonRight} /> : null}\n    </STabPanelItem>,\n  );\n}\n\nTabPanelItem.enhance = [keyboardFocusEnhance()];\n\nfunction Text(props) {\n  const SText = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Addon(props) {\n  const SAddon = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SAddon render={Box} tag='span' />);\n}\n\nconst TabPanel = createComponent(TabPanelRoot, {\n  Item: [TabPanelItem, { Text, Addon }],\n});\n\nexport const wrapTabPanel = (wrapper) => wrapper;\n\nexport default TabPanel;\n"],"mappings":";;;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,SAAS,EAAEC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AACzE,SAASC,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,iBAAiB,MAAM,sCAAsC;AACpE,OAAOC,WAAW,MAAM,yCAAyC;AACjE,OAAOC,oBAAoB,MAAM,kDAAkD;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAIpF,IAAMC,kBAAkB,GAAG;EACzBC,gBAAgB,EAAE,SAAAA,iBAACC,eAAe,EAAEC,KAAK,EAAK;IAC5C,IAAID,eAAe,EAAE;MACnBA,eAAe,CAACE,KAAK,EAAE;MACvB,IAAID,KAAK,CAACE,QAAQ,KAAK,MAAM,EAAE;QAC7BH,eAAe,CAACI,KAAK,EAAE;MACzB;IACF;EACF,CAAC;EACDC,aAAa,EAAE,CAAC,MAAM,EAAE,KAAK;AAC/B,CAAC;AAAC,IAEIC,YAAY,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,YAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,YAAA;EAAA,SAAAA,aAAA;IAAA,IAAAK,KAAA;IAAAC,eAAA,OAAAN,YAAA;IAAA,SAAAO,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,GAAAF,MAAA,CAAAU,IAAA,CAAAC,KAAA,CAAAX,MAAA,SAAAY,MAAA,CAAAL,IAAA;IAAAM,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,kBAeF,UAACa,KAAK;MAAA,OAAK,UAACC,KAAK,EAAK;QAClCd,KAAA,CAAKe,QAAQ,CAACF,KAAK,CAACA,KAAK,EAAEC,KAAK,CAAC;MACnC,CAAC;IAAA;IAAAH,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,oBAEe,UAACa,KAAK;MAAA,OAAK,UAACC,KAAK,EAAK;QACpC,IAAIA,KAAK,CAACE,GAAG,KAAK,OAAO,IAAIF,KAAK,CAACE,GAAG,KAAK,GAAG,EAAE;UAC9CF,KAAK,CAACG,cAAc,EAAE;UACtBjB,KAAA,CAAKe,QAAQ,CAACF,KAAK,CAACA,KAAK,EAAEC,KAAK,CAAC;QACnC;MACF,CAAC;IAAA;IAAA,OAAAd,KAAA;EAAA;EAAAkB,YAAA,CAAAvB,YAAA;IAAAqB,GAAA;IAAAH,KAAA,EAfD,SAAAM,kBAAA,EAAoB;MAClB,OAAO;QACLN,KAAK,EAAE;MACT,CAAC;IACH;EAAC;IAAAG,GAAA;IAAAH,KAAA,EAaD,SAAAO,aAAa9B,KAAK,EAAE+B,KAAK,EAAE;MACzB,IAAQR,KAAK,GAAK,IAAI,CAACS,OAAO,CAAtBT,KAAK;MACb,IAAMU,UAAU,GAAGV,KAAK,KAAKvB,KAAK,CAACuB,KAAK;MACxC,OAAO;QACLW,QAAQ,EAAED,UAAU;QACpBE,OAAO,EAAE,IAAI,CAACC,WAAW,CAACpC,KAAK,CAACuB,KAAK,CAAC;QACtCc,SAAS,EAAE,IAAI,CAACC,aAAa,CAACtC,KAAK,CAACuB,KAAK,CAAC;QAC1CgB,QAAQ,EAAEN,UAAU,GAAG,CAAC,GAAG,CAAC,CAAC;QAC7B,eAAe,EAAEF,KAAK,GAAG,CAAC;QAC1B,eAAe,EAAEE;MACnB,CAAC;IACH;EAAC;IAAAP,GAAA;IAAAH,KAAA,EAED,SAAAiB,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAT,OAAA;QAAAU,KAAA;MACP,IAAMC,SAAS,GAG2BrD,GAAG;MAF7C,IAAQsD,MAAM,GAAK,IAAI,CAACZ,OAAO,CAAvBY,MAAM;MAEd,OAAAF,KAAA,GAAOtD,OAAO,CAACwD,MAAM,CAAC,eAAC3D,KAAA,CAAA4D,aAAA,CAACF,SAAS,EAAAD,KAAA,CAAAI,EAAA,cAAAC,aAAA,KAAAC,YAAA;QAAA,QAAmB;MAAS,GAAAP,IAAA,IAAG;IAClE;EAAC;EAAA,OAAApC,YAAA;AAAA,EA5CwBlB,SAAS;AAAAkC,eAAA,CAA9BhB,YAAY,iBACK,UAAU;AAAAgB,eAAA,CAD3BhB,YAAY,WAEDX,KAAK;AAAA2B,eAAA,CAFhBhB,YAAY,kBAGM;EACpB4C,YAAY,EAAE,IAAI;EAClB/C,QAAQ,EAAE;AACZ,CAAC;AAAAmB,eAAA,CANGhB,YAAY,aAOC,CAACb,WAAW,CAACK,kBAAkB,CAAC,CAAC;AAwCpD,SAASqD,YAAYA,CAAClD,KAAK,EAAE;EAAA,IAAAmD,KAAA,GAAAC,YAAA;IAAAC,KAAA;EAC3B,IAAMC,aAAa,GAIMhE,GAAG;EAH5B,IAAQiE,QAAQ,GAAoCvD,KAAK,CAAjDuD,QAAQ;IAAEX,MAAM,GAA4B5C,KAAK,CAAvC4C,MAAM;IAAEY,SAAS,GAAiBxD,KAAK,CAA/BwD,SAAS;IAAEC,UAAU,GAAKzD,KAAK,CAApByD,UAAU;EAE/C,OAAAJ,KAAA,GAAOjE,OAAO,CAACwD,MAAM,CAAC,eACpB3D,KAAA,CAAA4D,aAAA,CAACS,aAAa,EAAAD,KAAA,CAAAP,EAAA,kBAAAC,aAAA,KAAAW,aAAA;IAAA,QAAmB,QAAQ;IAAA,OAAK,QAAQ;IAAA,QAAM;EAAK,GAAAP,KAAA,KAC9DK,SAAS,gBAAGvE,KAAA,CAAA4D,aAAA,CAACc,QAAQ,CAACC,IAAI,CAACC,KAAK;IAACC,GAAG,EAAEN;EAAU,EAAG,GAAG,IAAI,EAC1DjE,iBAAiB,CAACgE,QAAQ,EAAEI,QAAQ,CAACC,IAAI,CAACG,IAAI,EAAEJ,QAAQ,CAACC,IAAI,CAACC,KAAK,CAAC,EACpEJ,UAAU,gBAAGxE,KAAA,CAAA4D,aAAA,CAACc,QAAQ,CAACC,IAAI,CAACC,KAAK;IAACC,GAAG,EAAEL;EAAW,EAAG,GAAG,IAAI,CAC/C;AAEpB;AAEAP,YAAY,CAACc,OAAO,GAAG,CAACvE,oBAAoB,EAAE,CAAC;AAE/C,SAASsE,IAAIA,CAAC/D,KAAK,EAAE;EAAA,IAAAiE,KAAA,GAAAb,YAAA;IAAAc,KAAA;EACnB,IAAMC,KAAK,GAE2B7E,GAAG;EADzC,IAAQsD,MAAM,GAAK5C,KAAK,CAAhB4C,MAAM;EACd,OAAAsB,KAAA,GAAO9E,OAAO,CAACwD,MAAM,CAAC,eAAC3D,KAAA,CAAA4D,aAAA,CAACsB,KAAK,EAAAD,KAAA,CAAApB,EAAA,UAAAC,aAAA,KAAAqB,aAAA;IAAA,OAAkB;EAAM,GAAAH,KAAA,IAAG;AAC1D;AAEA,SAASJ,KAAKA,CAAC7D,KAAK,EAAE;EAAA,IAAAqE,KAAA,GAAAjB,YAAA;IAAAkB,KAAA;EACpB,IAAMC,MAAM,GAE2BjF,GAAG;EAD1C,IAAQsD,MAAM,GAAK5C,KAAK,CAAhB4C,MAAM;EACd,OAAA0B,KAAA,GAAOlF,OAAO,CAACwD,MAAM,CAAC,eAAC3D,KAAA,CAAA4D,aAAA,CAAC0B,MAAM,EAAAD,KAAA,CAAAxB,EAAA,WAAAC,aAAA,KAAAyB,aAAA;IAAA,OAAkB;EAAM,GAAAH,KAAA,IAAG;AAC3D;AAEA,IAAMV,QAAQ,GAAGzE,eAAe,CAACmB,YAAY,EAAE;EAC7CuD,IAAI,EAAE,CAACV,YAAY,EAAE;IAAEa,IAAI,EAAJA,IAAI;IAAEF,KAAK,EAALA;EAAM,CAAC;AACtC,CAAC,CAAC;AAEF,OAAO,IAAMY,YAAY,GAAG,SAAfA,YAAYA,CAAIC,OAAO;EAAA,OAAKA,OAAO;AAAA;AAEhD,eAAef,QAAQ"}

package/tag/lib/cjs/Tag.js

@@ -26,26 +26,26 @@ var _uniqueID = _interopRequireDefault(require("intergalactic/utils/lib/uniqueID
 var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
 var _assignProps6 = require("intergalactic/utils/lib/assignProps");
 /*__reshadow-styles__:"./style/tag.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STag_1ftwb_gg_{position:relative;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;border:1px solid var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-tag-rounded, 24px);padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);font-weight:var(--intergalactic-medium, 500);color:var(--tag-color_1ftwb)}.___STag_1ftwb_gg_:has(.___SText_1ftwb_gg_:focus){box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STag_1ftwb_gg_::after,.___STag_1ftwb_gg_::before{content:\"\";position:absolute;border-radius:var(--intergalactic-tag-rounded, 24px);filter:brightness(150%)}.___STag_1ftwb_gg_::before{top:0;left:0;right:0;bottom:0;background-color:var(--tag-color_1ftwb);opacity:.2}.___STag_1ftwb_gg_::after{top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;border:1px solid var(--tag-color_1ftwb);opacity:.1}.___STag_1ftwb_gg_:active,.___STag_1ftwb_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STag_1ftwb_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___STag_1ftwb_gg_.__keyboardFocused_1ftwb_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___STag_1ftwb_gg_.__keyboardFocused_1ftwb_gg_:has(:focus){box-shadow:none}.___STag_1ftwb_gg_.__disabled_1ftwb_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_1ftwb_gg_.__interactive_1ftwb_gg_{cursor:pointer}.___STag_1ftwb_gg_._size_m_1ftwb_gg_{height:20px;min-width:20px}.___STag_1ftwb_gg_._size_m_1ftwb_gg_ .___SCircle_1ftwb_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_1ftwb_gg_._size_m_1ftwb_gg_ .___SCircle_1ftwb_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_1ftwb_gg_._size_m_1ftwb_gg_ .___SText_1ftwb_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STag_1ftwb_gg_._size_l_1ftwb_gg_{height:28px;min-width:28px}.___STag_1ftwb_gg_._size_l_1ftwb_gg_ .___SText_1ftwb_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STag_1ftwb_gg_._size_xl_1ftwb_gg_{height:40px;min-width:40px}.___STag_1ftwb_gg_._size_xl_1ftwb_gg_ .___SText_1ftwb_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STag_1ftwb_gg_._theme_primary_1ftwb_gg_::before{top:-1px;left:-1px;right:-1px;bottom:-1px}.___STag_1ftwb_gg_._theme_primary_1ftwb_gg_:after{display:none}.___STag_1ftwb_gg_._theme_primary_1ftwb_gg_.__active_1ftwb_gg_:before,.___STag_1ftwb_gg_._theme_primary_1ftwb_gg_.__interactive_1ftwb_gg_:active:before{opacity:.3}@media (hover:hover){.___STag_1ftwb_gg_._theme_primary_1ftwb_gg_.__interactive_1ftwb_gg_:hover:before{opacity:.3}}.___STag_1ftwb_gg_._theme_additional_1ftwb_gg_::before,.___STag_1ftwb_gg_._theme_secondary_1ftwb_gg_::before{opacity:.01}.___STag_1ftwb_gg_._theme_additional_1ftwb_gg_.__active_1ftwb_gg_:before,.___STag_1ftwb_gg_._theme_additional_1ftwb_gg_.__interactive_1ftwb_gg_:active:before,.___STag_1ftwb_gg_._theme_secondary_1ftwb_gg_.__active_1ftwb_gg_:before,.___STag_1ftwb_gg_._theme_secondary_1ftwb_gg_.__interactive_1ftwb_gg_:active:before{opacity:.1}@media (hover:hover){.___STag_1ftwb_gg_._theme_additional_1ftwb_gg_.__interactive_1ftwb_gg_:hover:before,.___STag_1ftwb_gg_._theme_secondary_1ftwb_gg_.__interactive_1ftwb_gg_:hover:before{opacity:.1}}.___SClose_1ftwb_gg_ path,.___STag_1ftwb_gg_._theme_additional-invert_1ftwb_gg_::after,.___STag_1ftwb_gg_._theme_additional_1ftwb_gg_::after,.___STag_1ftwb_gg_._theme_secondary-invert_1ftwb_gg_::after,.___STag_1ftwb_gg_._theme_secondary_1ftwb_gg_::after{opacity:.5}.___STag_1ftwb_gg_._theme_primary-invert_1ftwb_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15))}.___STag_1ftwb_gg_._theme_additional-invert_1ftwb_gg_,.___STag_1ftwb_gg_._theme_primary-invert_1ftwb_gg_,.___STag_1ftwb_gg_._theme_secondary-invert_1ftwb_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_1ftwb_gg_._theme_additional_1ftwb_gg_::after{border-style:dashed}.___SText_1ftwb_gg_{display:inline-block;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;outline:0;position:relative}.___SText_1ftwb_gg_.__keyboardFocused_1ftwb_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SText_1ftwb_gg_:not(:only-child):first-child{padding-right:0}.___SText_1ftwb_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_1ftwb_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_1ftwb_gg_,.___SCircle_1ftwb_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_1ftwb_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);position:relative}.___SCircle_1ftwb_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_1ftwb_gg_:first-child{margin-left:0}.___SCircle_1ftwb_gg_:last-child{margin-right:0}.___SCircle_1ftwb_gg_._size_m_1ftwb_gg_{width:16px;height:16px}.___SCircle_1ftwb_gg_._size_l_1ftwb_gg_,.___SCircle_1ftwb_gg_._size_xl_1ftwb_gg_{width:20px;height:20px}.___SClose_1ftwb_gg_{cursor:pointer;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:var(--intergalactic-spacing-1x, 4px);position:relative}@media (hover:hover){.___SClose_1ftwb_gg_:hover path{opacity:1}}" /*__inner_css_end__*/, "1ftwb_gg_") /*__reshadow_css_end__*/, {
-  "__STag": "___STag_1ftwb_gg_",
-  "_keyboardFocused": "__keyboardFocused_1ftwb_gg_",
-  "_disabled": "__disabled_1ftwb_gg_",
-  "_interactive": "__interactive_1ftwb_gg_",
-  "_theme_primary-invert": "_theme_primary-invert_1ftwb_gg_",
-  "_theme_secondary-invert": "_theme_secondary-invert_1ftwb_gg_",
-  "_theme_additional-invert": "_theme_additional-invert_1ftwb_gg_",
-  "__SText": "___SText_1ftwb_gg_",
-  "__SAddon": "___SAddon_1ftwb_gg_",
-  "__SCircle": "___SCircle_1ftwb_gg_",
-  "_size_m": "_size_m_1ftwb_gg_",
-  "_size_l": "_size_l_1ftwb_gg_",
-  "_size_xl": "_size_xl_1ftwb_gg_",
-  "--tag-color": "--tag-color_1ftwb",
-  "_theme_primary": "_theme_primary_1ftwb_gg_",
-  "_active": "__active_1ftwb_gg_",
-  "_theme_secondary": "_theme_secondary_1ftwb_gg_",
-  "_theme_additional": "_theme_additional_1ftwb_gg_",
-  "__SClose": "___SClose_1ftwb_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STag_smd0d_gg_{position:relative;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;border:1px solid var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-tag-rounded, 24px);padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);font-weight:var(--intergalactic-medium, 500);color:var(--tag-color_smd0d)}.___STag_smd0d_gg_:has(.___SText_smd0d_gg_:focus){box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STag_smd0d_gg_::after,.___STag_smd0d_gg_::before{content:\"\";position:absolute;border-radius:var(--intergalactic-tag-rounded, 24px);filter:brightness(150%)}.___STag_smd0d_gg_::before{top:0;left:0;right:0;bottom:0;background-color:var(--tag-color_smd0d);opacity:.2}.___STag_smd0d_gg_::after{top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;border:1px solid var(--tag-color_smd0d);opacity:.1}.___STag_smd0d_gg_:active,.___STag_smd0d_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STag_smd0d_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___STag_smd0d_gg_.__keyboardFocused_smd0d_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___STag_smd0d_gg_.__keyboardFocused_smd0d_gg_:has(:focus){box-shadow:none}.___STag_smd0d_gg_.__disabled_smd0d_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_smd0d_gg_.__interactive_smd0d_gg_{cursor:pointer}.___STag_smd0d_gg_._size_m_smd0d_gg_{height:20px;min-width:20px}.___STag_smd0d_gg_._size_m_smd0d_gg_ .___SCircle_smd0d_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_smd0d_gg_._size_m_smd0d_gg_ .___SCircle_smd0d_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_smd0d_gg_._size_m_smd0d_gg_ .___SText_smd0d_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STag_smd0d_gg_._size_l_smd0d_gg_{height:28px;min-width:28px}.___STag_smd0d_gg_._size_l_smd0d_gg_ .___SText_smd0d_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STag_smd0d_gg_._size_xl_smd0d_gg_{height:40px;min-width:40px}.___STag_smd0d_gg_._size_xl_smd0d_gg_ .___SText_smd0d_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STag_smd0d_gg_._theme_primary_smd0d_gg_::before{top:-1px;left:-1px;right:-1px;bottom:-1px}.___STag_smd0d_gg_._theme_primary_smd0d_gg_:after{display:none}.___STag_smd0d_gg_._theme_primary_smd0d_gg_.__active_smd0d_gg_:before,.___STag_smd0d_gg_._theme_primary_smd0d_gg_.__interactive_smd0d_gg_:active:before{opacity:.3}@media (hover:hover){.___STag_smd0d_gg_._theme_primary_smd0d_gg_.__interactive_smd0d_gg_:hover:before{opacity:.3}}.___STag_smd0d_gg_._theme_additional_smd0d_gg_::before,.___STag_smd0d_gg_._theme_secondary_smd0d_gg_::before{opacity:.01}.___STag_smd0d_gg_._theme_additional_smd0d_gg_.__active_smd0d_gg_:before,.___STag_smd0d_gg_._theme_additional_smd0d_gg_.__interactive_smd0d_gg_:active:before,.___STag_smd0d_gg_._theme_secondary_smd0d_gg_.__active_smd0d_gg_:before,.___STag_smd0d_gg_._theme_secondary_smd0d_gg_.__interactive_smd0d_gg_:active:before{opacity:.1}@media (hover:hover){.___STag_smd0d_gg_._theme_additional_smd0d_gg_.__interactive_smd0d_gg_:hover:before,.___STag_smd0d_gg_._theme_secondary_smd0d_gg_.__interactive_smd0d_gg_:hover:before{opacity:.1}}.___SClose_smd0d_gg_ path,.___STag_smd0d_gg_._theme_additional-invert_smd0d_gg_::after,.___STag_smd0d_gg_._theme_additional_smd0d_gg_::after,.___STag_smd0d_gg_._theme_secondary-invert_smd0d_gg_::after,.___STag_smd0d_gg_._theme_secondary_smd0d_gg_::after{opacity:.5}.___STag_smd0d_gg_._theme_primary-invert_smd0d_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15))}.___STag_smd0d_gg_._theme_additional-invert_smd0d_gg_,.___STag_smd0d_gg_._theme_primary-invert_smd0d_gg_,.___STag_smd0d_gg_._theme_secondary-invert_smd0d_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_smd0d_gg_._theme_additional_smd0d_gg_::after{border-style:dashed}.___SText_smd0d_gg_{display:inline-block;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;outline:0;position:relative}.___SText_smd0d_gg_.__keyboardFocused_smd0d_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SText_smd0d_gg_:not(:only-child):first-child{padding-right:0}.___SText_smd0d_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_smd0d_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_smd0d_gg_,.___SCircle_smd0d_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_smd0d_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);position:relative}.___SCircle_smd0d_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_smd0d_gg_:first-child{margin-left:0}.___SCircle_smd0d_gg_:last-child{margin-right:0}.___SCircle_smd0d_gg_._size_m_smd0d_gg_{width:16px;height:16px}.___SCircle_smd0d_gg_._size_l_smd0d_gg_,.___SCircle_smd0d_gg_._size_xl_smd0d_gg_{width:20px;height:20px}.___SClose_smd0d_gg_{cursor:pointer;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:var(--intergalactic-spacing-1x, 4px);position:relative}@media (hover:hover){.___SClose_smd0d_gg_:hover path{opacity:1}}" /*__inner_css_end__*/, "smd0d_gg_") /*__reshadow_css_end__*/, {
+  "__STag": "___STag_smd0d_gg_",
+  "_keyboardFocused": "__keyboardFocused_smd0d_gg_",
+  "_disabled": "__disabled_smd0d_gg_",
+  "_interactive": "__interactive_smd0d_gg_",
+  "_theme_primary-invert": "_theme_primary-invert_smd0d_gg_",
+  "_theme_secondary-invert": "_theme_secondary-invert_smd0d_gg_",
+  "_theme_additional-invert": "_theme_additional-invert_smd0d_gg_",
+  "__SText": "___SText_smd0d_gg_",
+  "__SAddon": "___SAddon_smd0d_gg_",
+  "__SCircle": "___SCircle_smd0d_gg_",
+  "_size_m": "_size_m_smd0d_gg_",
+  "_size_l": "_size_l_smd0d_gg_",
+  "_size_xl": "_size_xl_smd0d_gg_",
+  "--tag-color": "--tag-color_smd0d",
+  "_theme_primary": "_theme_primary_smd0d_gg_",
+  "_active": "__active_smd0d_gg_",
+  "_theme_secondary": "_theme_secondary_smd0d_gg_",
+  "_theme_additional": "_theme_additional_smd0d_gg_",
+  "__SClose": "___SClose_smd0d_gg_"
 });
 var legacyThemeRecommendedMigration = {
   primary: {
@@ -81,8 +81,8 @@ var RootTag = /*#__PURE__*/function (_Component) {
       });
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleKeyDown", function (event) {
-      switch (event.code) {
-        case 'Space':
+      switch (event.key) {
+        case ' ':
         case 'Enter':
           if (_this.asProps.onClick) {
             event.preventDefault();
@@ -201,7 +201,7 @@ function Close(props) {
     if (props.onKeyDown) {
       return props.onKeyDown(event);
     }
-    if (props.onClick && (event.code === 'Enter' || event.code === 'Space')) {
+    if (props.onClick && (event.key === 'Enter' || event.key === ' ')) {
       event.preventDefault();
       props.onClick(event);
     }