intergalactic 15.121.0 → 15.122.0

package/skeleton/lib/es6/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.js","names":["React","createComponent","Component","sstyled","Root","Box","uniqueIDEnhancement","canUseDOM","i18nEnhance","localizedMessages","style","_sstyled","insert","MAP_COLOR_THEME","dark","invert","SkeletonRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_ref","asProps","_ref3","SSkeleton","_this$asProps","Children","styles","duration","hidden","getI18nText","tag","createElement","cn","_objectSpread","_assignProps","concat","_defineProperty","width","height","SkeletonSVG","_Component2","_super2","props","_this","call","_assertThisInitialized","createRef","observeParentSize","observer","ResizeObserver","handleResize","bind","componentDidMount","_this$observer","_this$svgRef$current","observe","svgRef","current","parentElement","componentWillUnmount","_this$observer2","disconnect","data","target","svg","setAttribute","setContext","theme","gradientUrl","_ref2","_ref4","_this$asProps2","uid","SSkeletonSVG","Skeleton","_assignProps2","Text","SText","_props$y","y","_props$x","x","_props$amount","amount","_props$width","forwardRef","other","_objectWithoutProperties","_excluded","amountLine","Number","renderRect","_ref5","Fragment","_toConsumableArray","Array","map","el","index","ref"],"sources":["../../src/Skeleton.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nimport style from './style/skeleton.shadow.css';\n\nconst MAP_COLOR_THEME = {\n  dark: 'rgba(255, 255, 255, 0.3)',\n  invert: 'rgba(224, 225, 233, 0.8)',\n};\n\nclass SkeletonRoot extends Component {\n  static displayName = 'Skeleton';\n  static style = style;\n  static enhance = [i18nEnhance(localizedMessages)];\n  static defaultProps = {\n    width: '100%',\n    height: '100%',\n    duration: 2000,\n  };\n\n  render() {\n    const SSkeleton = Root;\n    const { Children, styles, duration, hidden, getI18nText, tag } = this.asProps;\n\n    if (hidden) return null;\n\n    return sstyled(styles)(\n      <SSkeleton\n        render={Box}\n        durationAnim={`${duration}ms`}\n        role={'img'}\n        aria-busy='true'\n        aria-label={getI18nText('loading')}\n      />,\n    );\n  }\n}\n\nclass SkeletonSVG extends Component {\n  static displayName = 'SkeletonSVG';\n  static enhance = [uniqueIDEnhancement()];\n  static style = style;\n\n  static defaultProps = {\n    theme: 'invert',\n    duration: 2000,\n  };\n\n  svgRef = React.createRef();\n\n  constructor(props) {\n    super(props);\n\n    if (canUseDOM() && props.observeParentSize) {\n      this.observer = new ResizeObserver(this.handleResize.bind(this));\n    }\n  }\n\n  componentDidMount() {\n    this.observer?.observe(this.svgRef.current?.parentElement);\n  }\n\n  componentWillUnmount() {\n    this.observer?.disconnect();\n  }\n\n  handleResize(data) {\n    const target = data[0].target;\n    const svg = this.svgRef.current;\n\n    if (target && svg) {\n      svg.setAttribute('width', '100%');\n    }\n  }\n\n  setContext() {\n    const { theme } = this.asProps;\n    return {\n      gradientUrl: MAP_COLOR_THEME[theme],\n    };\n  }\n\n  render() {\n    const { Children, styles, uid, theme, duration } = this.asProps;\n    const SSkeletonSVG = Root;\n\n    return sstyled(styles)(\n      <SSkeletonSVG\n        render={Skeleton}\n        tag='svg'\n        ref={this.svgRef}\n        preserveAspectRatio='none'\n        theme={theme}\n        durationAnim={`${duration}ms`}\n      >\n        <defs>\n          <mask id={uid}>\n            <Children />\n          </mask>\n        </defs>\n        <rect x='0' y='0' width='100%' height='100%' mask={`url(#${uid})`} />\n      </SSkeletonSVG>,\n    );\n  }\n}\n\nfunction Text(props) {\n  const SText = Box;\n  const { y = 0, x = 0, amount = 1, width = '100%', styles, forwardRef, ...other } = props;\n  const amountLine = Number(amount);\n\n  const renderRect = (props) => {\n    return sstyled(styles)(<SText tag='rect' rx='4' ry='4' height='8' {...props} />);\n  };\n\n  return (\n    <React.Fragment>\n      {[...Array(amountLine)].map((el, index) =>\n        renderRect({\n          key: index,\n          y: y || 20 * index,\n          x,\n          ref: forwardRef,\n          width,\n          ...other,\n        }),\n      )}\n    </React.Fragment>\n  );\n}\n\nconst Skeleton = createComponent(SkeletonRoot);\n\nexport { Skeleton };\n\nexport default createComponent(SkeletonSVG, {\n  Text,\n});\n"],"mappings":"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"}
+{"version":3,"file":"Skeleton.js","names":["React","createComponent","Component","sstyled","Root","Box","uniqueIDEnhancement","canUseDOM","i18nEnhance","localizedMessages","style","_sstyled","insert","MAP_COLOR_THEME","dark","invert","SkeletonRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_ref","asProps","_ref3","SSkeleton","_this$asProps","Children","styles","duration","hidden","getI18nText","tag","createElement","cn","_objectSpread","_assignProps","concat","_defineProperty","width","height","SkeletonSVG","_Component2","_super2","props","_this","call","_assertThisInitialized","createRef","observeParentSize","observer","ResizeObserver","handleResize","bind","componentDidMount","_this$observer","_this$svgRef$current","observe","svgRef","current","parentElement","componentWillUnmount","_this$observer2","disconnect","data","target","svg","setAttribute","setContext","theme","gradientUrl","_ref2","_ref4","_this$asProps2","uid","SSkeletonSVG","Skeleton","_assignProps2","Text","SText","_props$y","y","_props$x","x","_props$amount","amount","_props$width","forwardRef","other","_objectWithoutProperties","_excluded","amountLine","Number","renderRect","_ref5","Fragment","_toConsumableArray","Array","map","el","index","ref"],"sources":["../../src/Skeleton.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nimport style from './style/skeleton.shadow.css';\n\nconst MAP_COLOR_THEME = {\n  dark: 'rgba(255, 255, 255, 0.3)',\n  invert: 'rgba(224, 225, 233, 0.8)',\n};\n\nclass SkeletonRoot extends Component {\n  static displayName = 'Skeleton';\n  static style = style;\n  static enhance = [i18nEnhance(localizedMessages)];\n  static defaultProps = {\n    width: '100%',\n    height: '100%',\n    duration: 2000,\n  };\n\n  render() {\n    const SSkeleton = Root;\n    const { Children, styles, duration, hidden, getI18nText, tag } = this.asProps;\n\n    if (hidden) return null;\n\n    return sstyled(styles)(\n      <SSkeleton\n        render={Box}\n        durationAnim={`${duration}ms`}\n        role={'img'}\n        aria-label={getI18nText('loading')}\n      />,\n    );\n  }\n}\n\nclass SkeletonSVG extends Component {\n  static displayName = 'SkeletonSVG';\n  static enhance = [uniqueIDEnhancement()];\n  static style = style;\n\n  static defaultProps = {\n    theme: 'invert',\n    duration: 2000,\n  };\n\n  svgRef = React.createRef();\n\n  constructor(props) {\n    super(props);\n\n    if (canUseDOM() && props.observeParentSize) {\n      this.observer = new ResizeObserver(this.handleResize.bind(this));\n    }\n  }\n\n  componentDidMount() {\n    this.observer?.observe(this.svgRef.current?.parentElement);\n  }\n\n  componentWillUnmount() {\n    this.observer?.disconnect();\n  }\n\n  handleResize(data) {\n    const target = data[0].target;\n    const svg = this.svgRef.current;\n\n    if (target && svg) {\n      svg.setAttribute('width', '100%');\n    }\n  }\n\n  setContext() {\n    const { theme } = this.asProps;\n    return {\n      gradientUrl: MAP_COLOR_THEME[theme],\n    };\n  }\n\n  render() {\n    const { Children, styles, uid, theme, duration } = this.asProps;\n    const SSkeletonSVG = Root;\n\n    return sstyled(styles)(\n      <SSkeletonSVG\n        render={Skeleton}\n        tag='svg'\n        ref={this.svgRef}\n        preserveAspectRatio='none'\n        theme={theme}\n        durationAnim={`${duration}ms`}\n      >\n        <defs>\n          <mask id={uid}>\n            <Children />\n          </mask>\n        </defs>\n        <rect x='0' y='0' width='100%' height='100%' mask={`url(#${uid})`} />\n      </SSkeletonSVG>,\n    );\n  }\n}\n\nfunction Text(props) {\n  const SText = Box;\n  const { y = 0, x = 0, amount = 1, width = '100%', styles, forwardRef, ...other } = props;\n  const amountLine = Number(amount);\n\n  const renderRect = (props) => {\n    return sstyled(styles)(<SText tag='rect' rx='4' ry='4' height='8' {...props} />);\n  };\n\n  return (\n    <React.Fragment>\n      {[...Array(amountLine)].map((el, index) =>\n        renderRect({\n          key: index,\n          y: y || 20 * index,\n          x,\n          ref: forwardRef,\n          width,\n          ...other,\n        }),\n      )}\n    </React.Fragment>\n  );\n}\n\nconst Skeleton = createComponent(SkeletonRoot);\n\nexport { Skeleton };\n\nexport default createComponent(SkeletonSVG, {\n  Text,\n});\n"],"mappings":"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"}

package/skeleton/package.json

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

package/spin/lib/cjs/Spin.js

@@ -20,19 +20,19 @@ var _resolveColorEnhance = _interopRequireDefault(require("intergalactic/utils/l
 var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
 var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
 /*__reshadow-styles__:"./style/spin.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes spin-rotate_dmcw4{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}.___SSpin_dmcw4_gg_{display:block;flex-shrink:0;box-sizing:border-box;animation-name:spin-rotate_dmcw4;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:.75s;fill:var(--theme_dmcw4)}.___SSpin_dmcw4_gg_._theme_dark_dmcw4_gg_{fill:var(--intergalactic-border-primary, #c4c7cf)}.___SSpin_dmcw4_gg_._theme_invert_dmcw4_gg_{fill:var(--intergalactic-border-primary-invert, #ffffff)}.___SSpin_dmcw4_gg_.__centered_dmcw4_gg_{margin:auto}.___SSpin_dmcw4_gg_._size_xs_dmcw4_gg_{width:16px;height:16px}.___SSpin_dmcw4_gg_._size_s_dmcw4_gg_{width:20px;height:20px}.___SSpin_dmcw4_gg_._size_m_dmcw4_gg_{width:24px;height:24px}.___SSpin_dmcw4_gg_._size_l_dmcw4_gg_{width:32px;height:32px}.___SSpin_dmcw4_gg_._size_xl_dmcw4_gg_{width:48px;height:48px}.___SSpin_dmcw4_gg_._size_xxl_dmcw4_gg_{width:72px;height:72px}@media (prefers-reduced-motion){.___SSpin_dmcw4_gg_{animation-name:none}}" /*__inner_css_end__*/, "dmcw4_gg_") /*__reshadow_css_end__*/, {
-  "@spin-rotate": "spin-rotate_dmcw4",
-  "__SSpin": "___SSpin_dmcw4_gg_",
-  "--theme": "--theme_dmcw4",
-  "_theme_dark": "_theme_dark_dmcw4_gg_",
-  "_theme_invert": "_theme_invert_dmcw4_gg_",
-  "_centered": "__centered_dmcw4_gg_",
-  "_size_xs": "_size_xs_dmcw4_gg_",
-  "_size_s": "_size_s_dmcw4_gg_",
-  "_size_m": "_size_m_dmcw4_gg_",
-  "_size_l": "_size_l_dmcw4_gg_",
-  "_size_xl": "_size_xl_dmcw4_gg_",
-  "_size_xxl": "_size_xxl_dmcw4_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes spin-rotate_1gfmd{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}.___SSpin_1gfmd_gg_{display:block;flex-shrink:0;box-sizing:border-box;animation-name:spin-rotate_1gfmd;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:.75s;fill:var(--theme_1gfmd)}.___SSpin_1gfmd_gg_._theme_dark_1gfmd_gg_{fill:var(--intergalactic-border-primary, #c4c7cf)}.___SSpin_1gfmd_gg_._theme_invert_1gfmd_gg_{fill:var(--intergalactic-border-primary-invert, #ffffff)}.___SSpin_1gfmd_gg_.__centered_1gfmd_gg_{margin:auto}.___SSpin_1gfmd_gg_._size_xs_1gfmd_gg_{width:16px;height:16px}.___SSpin_1gfmd_gg_._size_s_1gfmd_gg_{width:20px;height:20px}.___SSpin_1gfmd_gg_._size_m_1gfmd_gg_{width:24px;height:24px}.___SSpin_1gfmd_gg_._size_l_1gfmd_gg_{width:32px;height:32px}.___SSpin_1gfmd_gg_._size_xl_1gfmd_gg_{width:48px;height:48px}.___SSpin_1gfmd_gg_._size_xxl_1gfmd_gg_{width:72px;height:72px}@media (prefers-reduced-motion){.___SSpin_1gfmd_gg_{animation-name:none}}" /*__inner_css_end__*/, "1gfmd_gg_") /*__reshadow_css_end__*/, {
+  "@spin-rotate": "spin-rotate_1gfmd",
+  "__SSpin": "___SSpin_1gfmd_gg_",
+  "--theme": "--theme_1gfmd",
+  "_theme_dark": "_theme_dark_1gfmd_gg_",
+  "_theme_invert": "_theme_invert_1gfmd_gg_",
+  "_centered": "__centered_1gfmd_gg_",
+  "_size_xs": "_size_xs_1gfmd_gg_",
+  "_size_s": "_size_s_1gfmd_gg_",
+  "_size_m": "_size_m_1gfmd_gg_",
+  "_size_l": "_size_l_1gfmd_gg_",
+  "_size_xl": "_size_xl_1gfmd_gg_",
+  "_size_xxl": "_size_xxl_1gfmd_gg_"
 });
 var RootSpin = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(RootSpin, _Component);
@@ -57,7 +57,7 @@ var RootSpin = /*#__PURE__*/function (_Component) {
         "tag": 'svg',
         "viewBox": '0 0 24 24',
         "use:theme": resolveColor(theme),
-        "aria-busy": 'true',
+        "role": 'img',
         "aria-label": getI18nText('loading')
       }, _ref))), /*#__PURE__*/_react["default"].createElement("path", _ref2.cn("path", {
         "d": 'M16.98 20.6256C17.5433 21.6013 18.8054 21.9477 19.6718 21.2274C21.567 19.6517 22.9447 17.5183 23.5911 15.1058C24.4148 12.0317 23.9836 8.75621 22.3923 6C20.801 3.24379 18.18 1.23261 15.1058 0.408891C12.6934 -0.237529 10.1569 -0.111098 7.84473 0.742337C6.78777 1.13246 6.45667 2.39867 7.02 3.37439V3.37439C7.58333 4.3501 8.83088 4.65471 9.91792 4.35856C11.2588 3.99325 12.6844 3.984 14.0498 4.34987C16.0788 4.89352 17.8087 6.2209 18.8589 8.04C19.9092 9.8591 20.1938 12.0209 19.6501 14.0498C19.2843 15.4153 18.5634 16.6453 17.5766 17.6239C16.7766 18.4172 16.4167 19.6499 16.98 20.6256V20.6256Z'

package/spin/lib/cjs/Spin.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spin.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_resolveColorEnhance","_i18nEnhance","_intergalacticDynamicLocales","style","_index","sstyled","insert","RootSpin","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_ref","asProps","_ref2","SSpin","Box","_this$asProps","Children","styles","theme","resolveColor","getI18nText","createElement","cn","_objectSpread2","assignProps","Component","_defineProperty2","resolveColorEnhance","i18nEnhance","localizedMessages","size","_default","createComponent","exports"],"sources":["../../src/Spin.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nimport style from './style/spin.shadow.css';\n\nclass RootSpin extends Component {\n  static displayName = 'Spin';\n  static style = style;\n  static enhance = [resolveColorEnhance(), i18nEnhance(localizedMessages)];\n  static defaultProps = {\n    size: 'm',\n    theme: 'dark',\n  };\n\n  render() {\n    const SSpin = Root;\n    const { Children, styles, theme, resolveColor, getI18nText } = this.asProps;\n    return sstyled(styles)(\n      <SSpin\n        render={Box}\n        tag='svg'\n        viewBox='0 0 24 24'\n        use:theme={resolveColor(theme)}\n        aria-busy='true'\n        aria-label={getI18nText('loading')}\n      >\n        <path d='M16.98 20.6256C17.5433 21.6013 18.8054 21.9477 19.6718 21.2274C21.567 19.6517 22.9447 17.5183 23.5911 15.1058C24.4148 12.0317 23.9836 8.75621 22.3923 6C20.801 3.24379 18.18 1.23261 15.1058 0.408891C12.6934 -0.237529 10.1569 -0.111098 7.84473 0.742337C6.78777 1.13246 6.45667 2.39867 7.02 3.37439V3.37439C7.58333 4.3501 8.83088 4.65471 9.91792 4.35856C11.2588 3.99325 12.6844 3.984 14.0498 4.34987C16.0788 4.89352 17.8087 6.2209 18.8589 8.04C19.9092 9.8591 20.1938 12.0209 19.6501 14.0498C19.2843 15.4153 18.5634 16.6453 17.5766 17.6239C16.7766 18.4172 16.4167 19.6499 16.98 20.6256V20.6256Z' />\n        <Children />\n      </SSpin>,\n    );\n  }\n}\n\nexport default createComponent(RootSpin);\n"],"mappings":";;;;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,oBAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,YAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,4BAAA,GAAAN,OAAA;AAAmF;AAAA,IAAAO,KAAA,+BAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAI7EC,QAAQ,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,QAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,QAAA;EAAA,SAAAA,SAAA;IAAA,IAAAK,gBAAA,mBAAAL,QAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,aAAAR,QAAA;IAAAS,GAAA;IAAAC,KAAA,EASZ,SAAAC,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;MACP,IAAMC,KAAK,GAICC,YAAG;MAHf,IAAAC,aAAA,GAA+D,IAAI,CAACJ,OAAO;QAAnEK,QAAQ,GAAAD,aAAA,CAARC,QAAQ;QAAEC,MAAM,GAAAF,aAAA,CAANE,MAAM;QAAEC,KAAK,GAAAH,aAAA,CAALG,KAAK;QAAEC,YAAY,GAAAJ,aAAA,CAAZI,YAAY;QAAEC,WAAW,GAAAL,aAAA,CAAXK,WAAW;MAC1D,OAAAR,KAAA,GAAO,IAAAhB,aAAO,EAACqB,MAAM,CAAC,eACpB7B,MAAA,YAAAiC,aAAA,CAACR,KAAK,EAAAD,KAAA,CAAAU,EAAA,cAAAC,cAAA,qBAAAtC,KAAA,CAAAuC,WAAA;QAAA,OAEA,KAAK;QAAA,WACD,WAAW;QAAA,aACRL,YAAY,CAACD,KAAK,CAAC;QAAA,aACpB,MAAM;QAAA,cACJE,WAAW,CAAC,SAAS;MAAC,GAAAV,IAAA,kBAElCtB,MAAA,YAAAiC,aAAA,SAAAT,KAAA,CAAAU,EAAA;QAAA,KAAQ;MAAglB,GAAG,eAC3lBlC,MAAA,YAAAiC,aAAA,CAACL,QAAQ,EAAAJ,KAAA,CAAAU,EAAA,iBAAG,CACN;IAEZ;EAAC;EAAA,OAAAxB,QAAA;AAAA,EAzBoB2B,eAAS;AAAA,IAAAC,gBAAA,aAA1B5B,QAAQ,iBACS,MAAM;AAAA,IAAA4B,gBAAA,aADvB5B,QAAQ,WAEGJ,KAAK;AAAA,IAAAgC,gBAAA,aAFhB5B,QAAQ,aAGK,CAAC,IAAA6B,+BAAmB,GAAE,EAAE,IAAAC,uBAAW,EAACC,8CAAiB,CAAC,CAAC;AAAA,IAAAH,gBAAA,aAHpE5B,QAAQ,kBAIU;EACpBgC,IAAI,EAAE,GAAG;EACTZ,KAAK,EAAE;AACT,CAAC;AAAA,IAAAa,QAAA,GAqBY,IAAAC,gBAAe,EAAClC,QAAQ,CAAC;AAAAmC,OAAA,cAAAF,QAAA"}
+{"version":3,"file":"Spin.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_resolveColorEnhance","_i18nEnhance","_intergalacticDynamicLocales","style","_index","sstyled","insert","RootSpin","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_ref","asProps","_ref2","SSpin","Box","_this$asProps","Children","styles","theme","resolveColor","getI18nText","createElement","cn","_objectSpread2","assignProps","Component","_defineProperty2","resolveColorEnhance","i18nEnhance","localizedMessages","size","_default","createComponent","exports"],"sources":["../../src/Spin.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nimport style from './style/spin.shadow.css';\n\nclass RootSpin extends Component {\n  static displayName = 'Spin';\n  static style = style;\n  static enhance = [resolveColorEnhance(), i18nEnhance(localizedMessages)];\n  static defaultProps = {\n    size: 'm',\n    theme: 'dark',\n  };\n\n  render() {\n    const SSpin = Root;\n    const { Children, styles, theme, resolveColor, getI18nText } = this.asProps;\n    return sstyled(styles)(\n      <SSpin\n        render={Box}\n        tag='svg'\n        viewBox='0 0 24 24'\n        use:theme={resolveColor(theme)}\n        role='img'\n        aria-label={getI18nText('loading')}\n      >\n        <path d='M16.98 20.6256C17.5433 21.6013 18.8054 21.9477 19.6718 21.2274C21.567 19.6517 22.9447 17.5183 23.5911 15.1058C24.4148 12.0317 23.9836 8.75621 22.3923 6C20.801 3.24379 18.18 1.23261 15.1058 0.408891C12.6934 -0.237529 10.1569 -0.111098 7.84473 0.742337C6.78777 1.13246 6.45667 2.39867 7.02 3.37439V3.37439C7.58333 4.3501 8.83088 4.65471 9.91792 4.35856C11.2588 3.99325 12.6844 3.984 14.0498 4.34987C16.0788 4.89352 17.8087 6.2209 18.8589 8.04C19.9092 9.8591 20.1938 12.0209 19.6501 14.0498C19.2843 15.4153 18.5634 16.6453 17.5766 17.6239C16.7766 18.4172 16.4167 19.6499 16.98 20.6256V20.6256Z' />\n        <Children />\n      </SSpin>,\n    );\n  }\n}\n\nexport default createComponent(RootSpin);\n"],"mappings":";;;;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,oBAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,YAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,4BAAA,GAAAN,OAAA;AAAmF;AAAA,IAAAO,KAAA,+BAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAI7EC,QAAQ,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,QAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,QAAA;EAAA,SAAAA,SAAA;IAAA,IAAAK,gBAAA,mBAAAL,QAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,aAAAR,QAAA;IAAAS,GAAA;IAAAC,KAAA,EASZ,SAAAC,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;MACP,IAAMC,KAAK,GAICC,YAAG;MAHf,IAAAC,aAAA,GAA+D,IAAI,CAACJ,OAAO;QAAnEK,QAAQ,GAAAD,aAAA,CAARC,QAAQ;QAAEC,MAAM,GAAAF,aAAA,CAANE,MAAM;QAAEC,KAAK,GAAAH,aAAA,CAALG,KAAK;QAAEC,YAAY,GAAAJ,aAAA,CAAZI,YAAY;QAAEC,WAAW,GAAAL,aAAA,CAAXK,WAAW;MAC1D,OAAAR,KAAA,GAAO,IAAAhB,aAAO,EAACqB,MAAM,CAAC,eACpB7B,MAAA,YAAAiC,aAAA,CAACR,KAAK,EAAAD,KAAA,CAAAU,EAAA,cAAAC,cAAA,qBAAAtC,KAAA,CAAAuC,WAAA;QAAA,OAEA,KAAK;QAAA,WACD,WAAW;QAAA,aACRL,YAAY,CAACD,KAAK,CAAC;QAAA,QACzB,KAAK;QAAA,cACEE,WAAW,CAAC,SAAS;MAAC,GAAAV,IAAA,kBAElCtB,MAAA,YAAAiC,aAAA,SAAAT,KAAA,CAAAU,EAAA;QAAA,KAAQ;MAAglB,GAAG,eAC3lBlC,MAAA,YAAAiC,aAAA,CAACL,QAAQ,EAAAJ,KAAA,CAAAU,EAAA,iBAAG,CACN;IAEZ;EAAC;EAAA,OAAAxB,QAAA;AAAA,EAzBoB2B,eAAS;AAAA,IAAAC,gBAAA,aAA1B5B,QAAQ,iBACS,MAAM;AAAA,IAAA4B,gBAAA,aADvB5B,QAAQ,WAEGJ,KAAK;AAAA,IAAAgC,gBAAA,aAFhB5B,QAAQ,aAGK,CAAC,IAAA6B,+BAAmB,GAAE,EAAE,IAAAC,uBAAW,EAACC,8CAAiB,CAAC,CAAC;AAAA,IAAAH,gBAAA,aAHpE5B,QAAQ,kBAIU;EACpBgC,IAAI,EAAE,GAAG;EACTZ,KAAK,EAAE;AACT,CAAC;AAAA,IAAAa,QAAA,GAqBY,IAAAC,gBAAe,EAAClC,QAAQ,CAAC;AAAAmC,OAAA,cAAAF,QAAA"}

package/spin/lib/es6/Spin.js

@@ -13,19 +13,19 @@ import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEn
 import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 /*__reshadow-styles__:"./style/spin.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes spin-rotate_dmcw4{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}.___SSpin_dmcw4_gg_{display:block;flex-shrink:0;box-sizing:border-box;animation-name:spin-rotate_dmcw4;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:.75s;fill:var(--theme_dmcw4)}.___SSpin_dmcw4_gg_._theme_dark_dmcw4_gg_{fill:var(--intergalactic-border-primary, #c4c7cf)}.___SSpin_dmcw4_gg_._theme_invert_dmcw4_gg_{fill:var(--intergalactic-border-primary-invert, #ffffff)}.___SSpin_dmcw4_gg_.__centered_dmcw4_gg_{margin:auto}.___SSpin_dmcw4_gg_._size_xs_dmcw4_gg_{width:16px;height:16px}.___SSpin_dmcw4_gg_._size_s_dmcw4_gg_{width:20px;height:20px}.___SSpin_dmcw4_gg_._size_m_dmcw4_gg_{width:24px;height:24px}.___SSpin_dmcw4_gg_._size_l_dmcw4_gg_{width:32px;height:32px}.___SSpin_dmcw4_gg_._size_xl_dmcw4_gg_{width:48px;height:48px}.___SSpin_dmcw4_gg_._size_xxl_dmcw4_gg_{width:72px;height:72px}@media (prefers-reduced-motion){.___SSpin_dmcw4_gg_{animation-name:none}}" /*__inner_css_end__*/, "dmcw4_gg_") /*__reshadow_css_end__*/, {
-  "@spin-rotate": "spin-rotate_dmcw4",
-  "__SSpin": "___SSpin_dmcw4_gg_",
-  "--theme": "--theme_dmcw4",
-  "_theme_dark": "_theme_dark_dmcw4_gg_",
-  "_theme_invert": "_theme_invert_dmcw4_gg_",
-  "_centered": "__centered_dmcw4_gg_",
-  "_size_xs": "_size_xs_dmcw4_gg_",
-  "_size_s": "_size_s_dmcw4_gg_",
-  "_size_m": "_size_m_dmcw4_gg_",
-  "_size_l": "_size_l_dmcw4_gg_",
-  "_size_xl": "_size_xl_dmcw4_gg_",
-  "_size_xxl": "_size_xxl_dmcw4_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes spin-rotate_1gfmd{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}.___SSpin_1gfmd_gg_{display:block;flex-shrink:0;box-sizing:border-box;animation-name:spin-rotate_1gfmd;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:.75s;fill:var(--theme_1gfmd)}.___SSpin_1gfmd_gg_._theme_dark_1gfmd_gg_{fill:var(--intergalactic-border-primary, #c4c7cf)}.___SSpin_1gfmd_gg_._theme_invert_1gfmd_gg_{fill:var(--intergalactic-border-primary-invert, #ffffff)}.___SSpin_1gfmd_gg_.__centered_1gfmd_gg_{margin:auto}.___SSpin_1gfmd_gg_._size_xs_1gfmd_gg_{width:16px;height:16px}.___SSpin_1gfmd_gg_._size_s_1gfmd_gg_{width:20px;height:20px}.___SSpin_1gfmd_gg_._size_m_1gfmd_gg_{width:24px;height:24px}.___SSpin_1gfmd_gg_._size_l_1gfmd_gg_{width:32px;height:32px}.___SSpin_1gfmd_gg_._size_xl_1gfmd_gg_{width:48px;height:48px}.___SSpin_1gfmd_gg_._size_xxl_1gfmd_gg_{width:72px;height:72px}@media (prefers-reduced-motion){.___SSpin_1gfmd_gg_{animation-name:none}}" /*__inner_css_end__*/, "1gfmd_gg_") /*__reshadow_css_end__*/, {
+  "@spin-rotate": "spin-rotate_1gfmd",
+  "__SSpin": "___SSpin_1gfmd_gg_",
+  "--theme": "--theme_1gfmd",
+  "_theme_dark": "_theme_dark_1gfmd_gg_",
+  "_theme_invert": "_theme_invert_1gfmd_gg_",
+  "_centered": "__centered_1gfmd_gg_",
+  "_size_xs": "_size_xs_1gfmd_gg_",
+  "_size_s": "_size_s_1gfmd_gg_",
+  "_size_m": "_size_m_1gfmd_gg_",
+  "_size_l": "_size_l_1gfmd_gg_",
+  "_size_xl": "_size_xl_1gfmd_gg_",
+  "_size_xxl": "_size_xxl_1gfmd_gg_"
 });
 var RootSpin = /*#__PURE__*/function (_Component) {
   _inherits(RootSpin, _Component);
@@ -50,7 +50,7 @@ var RootSpin = /*#__PURE__*/function (_Component) {
         "tag": 'svg',
         "viewBox": '0 0 24 24',
         "use:theme": resolveColor(theme),
-        "aria-busy": 'true',
+        "role": 'img',
         "aria-label": getI18nText('loading')
       }, _ref))), /*#__PURE__*/React.createElement("path", _ref2.cn("path", {
         "d": 'M16.98 20.6256C17.5433 21.6013 18.8054 21.9477 19.6718 21.2274C21.567 19.6517 22.9447 17.5183 23.5911 15.1058C24.4148 12.0317 23.9836 8.75621 22.3923 6C20.801 3.24379 18.18 1.23261 15.1058 0.408891C12.6934 -0.237529 10.1569 -0.111098 7.84473 0.742337C6.78777 1.13246 6.45667 2.39867 7.02 3.37439V3.37439C7.58333 4.3501 8.83088 4.65471 9.91792 4.35856C11.2588 3.99325 12.6844 3.984 14.0498 4.34987C16.0788 4.89352 17.8087 6.2209 18.8589 8.04C19.9092 9.8591 20.1938 12.0209 19.6501 14.0498C19.2843 15.4153 18.5634 16.6453 17.5766 17.6239C16.7766 18.4172 16.4167 19.6499 16.98 20.6256V20.6256Z'

package/spin/lib/es6/Spin.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spin.js","names":["React","createComponent","Component","sstyled","Root","Box","resolveColorEnhance","i18nEnhance","localizedMessages","style","_sstyled","insert","RootSpin","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_ref","asProps","_ref2","SSpin","_this$asProps","Children","styles","theme","resolveColor","getI18nText","createElement","cn","_objectSpread","_assignProps","_defineProperty","size"],"sources":["../../src/Spin.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nimport style from './style/spin.shadow.css';\n\nclass RootSpin extends Component {\n  static displayName = 'Spin';\n  static style = style;\n  static enhance = [resolveColorEnhance(), i18nEnhance(localizedMessages)];\n  static defaultProps = {\n    size: 'm',\n    theme: 'dark',\n  };\n\n  render() {\n    const SSpin = Root;\n    const { Children, styles, theme, resolveColor, getI18nText } = this.asProps;\n    return sstyled(styles)(\n      <SSpin\n        render={Box}\n        tag='svg'\n        viewBox='0 0 24 24'\n        use:theme={resolveColor(theme)}\n        aria-busy='true'\n        aria-label={getI18nText('loading')}\n      >\n        <path d='M16.98 20.6256C17.5433 21.6013 18.8054 21.9477 19.6718 21.2274C21.567 19.6517 22.9447 17.5183 23.5911 15.1058C24.4148 12.0317 23.9836 8.75621 22.3923 6C20.801 3.24379 18.18 1.23261 15.1058 0.408891C12.6934 -0.237529 10.1569 -0.111098 7.84473 0.742337C6.78777 1.13246 6.45667 2.39867 7.02 3.37439V3.37439C7.58333 4.3501 8.83088 4.65471 9.91792 4.35856C11.2588 3.99325 12.6844 3.984 14.0498 4.34987C16.0788 4.89352 17.8087 6.2209 18.8589 8.04C19.9092 9.8591 20.1938 12.0209 19.6501 14.0498C19.2843 15.4153 18.5634 16.6453 17.5766 17.6239C16.7766 18.4172 16.4167 19.6499 16.98 20.6256V20.6256Z' />\n        <Children />\n      </SSpin>,\n    );\n  }\n}\n\nexport default createComponent(RootSpin);\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,mBAAmB,MAAM,iDAAiD;AACjF,OAAOC,WAAW,MAAM,yCAAyC;AACjE,SAASC,iBAAiB,QAAQ,gDAAgD;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAI7EC,QAAQ,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,QAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,QAAA;EAAA,SAAAA,SAAA;IAAAK,eAAA,OAAAL,QAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,QAAA;IAAAS,GAAA;IAAAC,KAAA,EASZ,SAAAC,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;MACP,IAAMC,KAAK,GAICtB,GAAG;MAHf,IAAAuB,aAAA,GAA+D,IAAI,CAACH,OAAO;QAAnEI,QAAQ,GAAAD,aAAA,CAARC,QAAQ;QAAEC,MAAM,GAAAF,aAAA,CAANE,MAAM;QAAEC,KAAK,GAAAH,aAAA,CAALG,KAAK;QAAEC,YAAY,GAAAJ,aAAA,CAAZI,YAAY;QAAEC,WAAW,GAAAL,aAAA,CAAXK,WAAW;MAC1D,OAAAP,KAAA,GAAOvB,OAAO,CAAC2B,MAAM,CAAC,eACpB9B,KAAA,CAAAkC,aAAA,CAACP,KAAK,EAAAD,KAAA,CAAAS,EAAA,UAAAC,aAAA,KAAAC,YAAA;QAAA,OAEA,KAAK;QAAA,WACD,WAAW;QAAA,aACRL,YAAY,CAACD,KAAK,CAAC;QAAA,aACpB,MAAM;QAAA,cACJE,WAAW,CAAC,SAAS;MAAC,GAAAT,IAAA,kBAElCxB,KAAA,CAAAkC,aAAA,SAAAR,KAAA,CAAAS,EAAA;QAAA,KAAQ;MAAglB,GAAG,eAC3lBnC,KAAA,CAAAkC,aAAA,CAACL,QAAQ,EAAAH,KAAA,CAAAS,EAAA,iBAAG,CACN;IAEZ;EAAC;EAAA,OAAAvB,QAAA;AAAA,EAzBoBV,SAAS;AAAAoC,eAAA,CAA1B1B,QAAQ,iBACS,MAAM;AAAA0B,eAAA,CADvB1B,QAAQ,WAEGH,KAAK;AAAA6B,eAAA,CAFhB1B,QAAQ,aAGK,CAACN,mBAAmB,EAAE,EAAEC,WAAW,CAACC,iBAAiB,CAAC,CAAC;AAAA8B,eAAA,CAHpE1B,QAAQ,kBAIU;EACpB2B,IAAI,EAAE,GAAG;EACTR,KAAK,EAAE;AACT,CAAC;AAqBH,eAAe9B,eAAe,CAACW,QAAQ,CAAC"}
+{"version":3,"file":"Spin.js","names":["React","createComponent","Component","sstyled","Root","Box","resolveColorEnhance","i18nEnhance","localizedMessages","style","_sstyled","insert","RootSpin","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_ref","asProps","_ref2","SSpin","_this$asProps","Children","styles","theme","resolveColor","getI18nText","createElement","cn","_objectSpread","_assignProps","_defineProperty","size"],"sources":["../../src/Spin.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nimport style from './style/spin.shadow.css';\n\nclass RootSpin extends Component {\n  static displayName = 'Spin';\n  static style = style;\n  static enhance = [resolveColorEnhance(), i18nEnhance(localizedMessages)];\n  static defaultProps = {\n    size: 'm',\n    theme: 'dark',\n  };\n\n  render() {\n    const SSpin = Root;\n    const { Children, styles, theme, resolveColor, getI18nText } = this.asProps;\n    return sstyled(styles)(\n      <SSpin\n        render={Box}\n        tag='svg'\n        viewBox='0 0 24 24'\n        use:theme={resolveColor(theme)}\n        role='img'\n        aria-label={getI18nText('loading')}\n      >\n        <path d='M16.98 20.6256C17.5433 21.6013 18.8054 21.9477 19.6718 21.2274C21.567 19.6517 22.9447 17.5183 23.5911 15.1058C24.4148 12.0317 23.9836 8.75621 22.3923 6C20.801 3.24379 18.18 1.23261 15.1058 0.408891C12.6934 -0.237529 10.1569 -0.111098 7.84473 0.742337C6.78777 1.13246 6.45667 2.39867 7.02 3.37439V3.37439C7.58333 4.3501 8.83088 4.65471 9.91792 4.35856C11.2588 3.99325 12.6844 3.984 14.0498 4.34987C16.0788 4.89352 17.8087 6.2209 18.8589 8.04C19.9092 9.8591 20.1938 12.0209 19.6501 14.0498C19.2843 15.4153 18.5634 16.6453 17.5766 17.6239C16.7766 18.4172 16.4167 19.6499 16.98 20.6256V20.6256Z' />\n        <Children />\n      </SSpin>,\n    );\n  }\n}\n\nexport default createComponent(RootSpin);\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,mBAAmB,MAAM,iDAAiD;AACjF,OAAOC,WAAW,MAAM,yCAAyC;AACjE,SAASC,iBAAiB,QAAQ,gDAAgD;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAI7EC,QAAQ,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,QAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,QAAA;EAAA,SAAAA,SAAA;IAAAK,eAAA,OAAAL,QAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,QAAA;IAAAS,GAAA;IAAAC,KAAA,EASZ,SAAAC,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;MACP,IAAMC,KAAK,GAICtB,GAAG;MAHf,IAAAuB,aAAA,GAA+D,IAAI,CAACH,OAAO;QAAnEI,QAAQ,GAAAD,aAAA,CAARC,QAAQ;QAAEC,MAAM,GAAAF,aAAA,CAANE,MAAM;QAAEC,KAAK,GAAAH,aAAA,CAALG,KAAK;QAAEC,YAAY,GAAAJ,aAAA,CAAZI,YAAY;QAAEC,WAAW,GAAAL,aAAA,CAAXK,WAAW;MAC1D,OAAAP,KAAA,GAAOvB,OAAO,CAAC2B,MAAM,CAAC,eACpB9B,KAAA,CAAAkC,aAAA,CAACP,KAAK,EAAAD,KAAA,CAAAS,EAAA,UAAAC,aAAA,KAAAC,YAAA;QAAA,OAEA,KAAK;QAAA,WACD,WAAW;QAAA,aACRL,YAAY,CAACD,KAAK,CAAC;QAAA,QACzB,KAAK;QAAA,cACEE,WAAW,CAAC,SAAS;MAAC,GAAAT,IAAA,kBAElCxB,KAAA,CAAAkC,aAAA,SAAAR,KAAA,CAAAS,EAAA;QAAA,KAAQ;MAAglB,GAAG,eAC3lBnC,KAAA,CAAAkC,aAAA,CAACL,QAAQ,EAAAH,KAAA,CAAAS,EAAA,iBAAG,CACN;IAEZ;EAAC;EAAA,OAAAvB,QAAA;AAAA,EAzBoBV,SAAS;AAAAoC,eAAA,CAA1B1B,QAAQ,iBACS,MAAM;AAAA0B,eAAA,CADvB1B,QAAQ,WAEGH,KAAK;AAAA6B,eAAA,CAFhB1B,QAAQ,aAGK,CAACN,mBAAmB,EAAE,EAAEC,WAAW,CAACC,iBAAiB,CAAC,CAAC;AAAA8B,eAAA,CAHpE1B,QAAQ,kBAIU;EACpB2B,IAAI,EAAE,GAAG;EACTR,KAAK,EAAE;AACT,CAAC;AAqBH,eAAe9B,eAAe,CAACW,QAAQ,CAAC"}

package/spin/package.json

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

package/spin-container/lib/cjs/SpinContainer.js

@@ -21,14 +21,14 @@ var _flexBox = require("intergalactic/flex-box");
 var _resolveColorEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/resolveColorEnhance"));
 var _findComponent = require("intergalactic/utils/lib/findComponent");
 /*__reshadow-styles__:"./style/spin-container.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SSpinContainer_ekt9v_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_ekt9v_gg_{z-index:0;position:relative}.___SOverlay_ekt9v_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_ekt9v_gg_._theme_invert_ekt9v_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SOverlay_ekt9v_gg_._theme_dark_ekt9v_gg_{background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SOverlay_ekt9v_gg_._theme_custom_ekt9v_gg_{background-color:var(--background_ekt9v)}" /*__inner_css_end__*/, "ekt9v_gg_") /*__reshadow_css_end__*/, {
-  "__SSpinContainer": "___SSpinContainer_ekt9v_gg_",
-  "__SContent": "___SContent_ekt9v_gg_",
-  "__SOverlay": "___SOverlay_ekt9v_gg_",
-  "_theme_invert": "_theme_invert_ekt9v_gg_",
-  "_theme_dark": "_theme_dark_ekt9v_gg_",
-  "_theme_custom": "_theme_custom_ekt9v_gg_",
-  "--background": "--background_ekt9v"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SSpinContainer_yoab5_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_yoab5_gg_{z-index:0;position:relative}.___SOverlay_yoab5_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_yoab5_gg_._theme_invert_yoab5_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SOverlay_yoab5_gg_._theme_dark_yoab5_gg_{background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SOverlay_yoab5_gg_._theme_custom_yoab5_gg_{background-color:var(--background_yoab5)}" /*__inner_css_end__*/, "yoab5_gg_") /*__reshadow_css_end__*/, {
+  "__SSpinContainer": "___SSpinContainer_yoab5_gg_",
+  "__SContent": "___SContent_yoab5_gg_",
+  "__SOverlay": "___SOverlay_yoab5_gg_",
+  "_theme_invert": "_theme_invert_yoab5_gg_",
+  "_theme_dark": "_theme_dark_yoab5_gg_",
+  "_theme_custom": "_theme_custom_yoab5_gg_",
+  "--background": "--background_yoab5"
 });
 var SpinContainerRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(SpinContainerRoot, _Component);
@@ -78,9 +78,7 @@ var SpinContainerRoot = /*#__PURE__*/function (_Component) {
         loading = _this$asProps2.loading,
         forcedAdvancedMode = _this$asProps2.forcedAdvancedMode;
       var advancedMode = forcedAdvancedMode || (0, _findComponent.isAdvanceMode)(Children, [SpinContainer.Overlay.displayName]);
-      return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SSpinContainer, _ref4.cn("SSpinContainer", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-        "aria-busy": loading
-      }, _ref))), advancedMode ? /*#__PURE__*/_react["default"].createElement(Children, _ref4.cn("Children", {})) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(SpinContainer.Content, null, /*#__PURE__*/_react["default"].createElement(Children, _ref4.cn("Children", {}))), /*#__PURE__*/_react["default"].createElement(SpinContainer.Overlay, null)));
+      return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SSpinContainer, _ref4.cn("SSpinContainer", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref))), advancedMode ? /*#__PURE__*/_react["default"].createElement(Children, _ref4.cn("Children", {})) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(SpinContainer.Content, null, /*#__PURE__*/_react["default"].createElement(Children, _ref4.cn("Children", {}))), /*#__PURE__*/_react["default"].createElement(SpinContainer.Overlay, null)));
     }
   }]);
   return SpinContainerRoot;

package/spin-container/lib/cjs/SpinContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpinContainer.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_animation","_spin","_flexBox","_resolveColorEnhance","_findComponent","style","_index","sstyled","insert","SpinContainerRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getOverlayProps","_this$asProps","asProps","loading","background","duration","size","theme","resolveColor","getContentProps","inert","undefined","render","_ref","_ref4","SSpinContainer","Box","_this$asProps2","styles","Children","forcedAdvancedMode","advancedMode","isAdvanceMode","SpinContainer","Overlay","displayName","createElement","cn","_objectSpread2","assignProps","Fragment","Content","Component","_defineProperty2","resolveColorEnhance","_Component2","_super2","_ref2","_ref5","SOverlay","_this$asProps3","useTheme","FadeInOut","_ref7","children","props","_ref3","arguments[0]","_ref6","SContent","createComponent","_default","exports"],"sources":["../../src/SpinContainer.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { FadeInOut } from '@semcore/animation';\nimport Spin from '@semcore/spin';\nimport { Box } from '@semcore/flex-box';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\n\nimport style from './style/spin-container.shadow.css';\n\nclass SpinContainerRoot extends Component {\n  static displayName = 'SpinContainer';\n  static style = style;\n  static defaultProps = {\n    size: 'xxl',\n    theme: 'dark',\n    duration: 200,\n  };\n  static enhance = [resolveColorEnhance()];\n\n  getOverlayProps() {\n    const { loading, background, duration, size, theme, resolveColor } = this.asProps;\n    return {\n      background,\n      // for Animated\n      loading,\n      duration,\n      // for Spin\n      size,\n      theme,\n      resolveColor,\n    };\n  }\n\n  getContentProps() {\n    const { loading } = this.asProps;\n\n    return { inert: loading ? '' : undefined };\n  }\n\n  render() {\n    const SSpinContainer = Root;\n    const { styles, Children, loading, forcedAdvancedMode } = this.asProps;\n\n    const advancedMode =\n      forcedAdvancedMode || isAdvanceMode(Children, [SpinContainer.Overlay.displayName]);\n\n    return sstyled(styles)(\n      <SSpinContainer render={Box} aria-busy={loading}>\n        {advancedMode ? (\n          <Children />\n        ) : (\n          <>\n            <SpinContainer.Content>\n              <Children />\n            </SpinContainer.Content>\n            <SpinContainer.Overlay />\n          </>\n        )}\n      </SSpinContainer>,\n    );\n  }\n}\n\nclass Overlay extends Component {\n  static defaultProps = ({ size, theme }) => ({\n    children: <Spin size={size} theme={theme} />,\n  });\n\n  render() {\n    const SOverlay = Root;\n    const { styles, theme, background, loading, duration, resolveColor } = this.asProps;\n    const useTheme = background ? 'custom' : theme;\n\n    return sstyled(styles)(\n      <FadeInOut visible={loading} duration={duration}>\n        <SOverlay render={Box} use:theme={useTheme} use:background={resolveColor(background)} />\n      </FadeInOut>,\n    );\n  }\n}\n\nfunction Content(props) {\n  const SContent = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SContent render={Box} />);\n}\n\nconst SpinContainer = createComponent(SpinContainerRoot, {\n  Overlay,\n  Content,\n});\n\nexport default SpinContainer;\n"],"mappings":"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"}
+{"version":3,"file":"SpinContainer.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_animation","_spin","_flexBox","_resolveColorEnhance","_findComponent","style","_index","sstyled","insert","SpinContainerRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getOverlayProps","_this$asProps","asProps","loading","background","duration","size","theme","resolveColor","getContentProps","inert","undefined","render","_ref","_ref4","SSpinContainer","Box","_this$asProps2","styles","Children","forcedAdvancedMode","advancedMode","isAdvanceMode","SpinContainer","Overlay","displayName","createElement","cn","_objectSpread2","assignProps","Fragment","Content","Component","_defineProperty2","resolveColorEnhance","_Component2","_super2","_ref2","_ref5","SOverlay","_this$asProps3","useTheme","FadeInOut","_ref7","children","props","_ref3","arguments[0]","_ref6","SContent","createComponent","_default","exports"],"sources":["../../src/SpinContainer.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { FadeInOut } from '@semcore/animation';\nimport Spin from '@semcore/spin';\nimport { Box } from '@semcore/flex-box';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\n\nimport style from './style/spin-container.shadow.css';\n\nclass SpinContainerRoot extends Component {\n  static displayName = 'SpinContainer';\n  static style = style;\n  static defaultProps = {\n    size: 'xxl',\n    theme: 'dark',\n    duration: 200,\n  };\n  static enhance = [resolveColorEnhance()];\n\n  getOverlayProps() {\n    const { loading, background, duration, size, theme, resolveColor } = this.asProps;\n    return {\n      background,\n      // for Animated\n      loading,\n      duration,\n      // for Spin\n      size,\n      theme,\n      resolveColor,\n    };\n  }\n\n  getContentProps() {\n    const { loading } = this.asProps;\n\n    return { inert: loading ? '' : undefined };\n  }\n\n  render() {\n    const SSpinContainer = Root;\n    const { styles, Children, loading, forcedAdvancedMode } = this.asProps;\n\n    const advancedMode =\n      forcedAdvancedMode || isAdvanceMode(Children, [SpinContainer.Overlay.displayName]);\n\n    return sstyled(styles)(\n      <SSpinContainer render={Box}>\n        {advancedMode ? (\n          <Children />\n        ) : (\n          <>\n            <SpinContainer.Content>\n              <Children />\n            </SpinContainer.Content>\n            <SpinContainer.Overlay />\n          </>\n        )}\n      </SSpinContainer>,\n    );\n  }\n}\n\nclass Overlay extends Component {\n  static defaultProps = ({ size, theme }) => ({\n    children: <Spin size={size} theme={theme} />,\n  });\n\n  render() {\n    const SOverlay = Root;\n    const { styles, theme, background, loading, duration, resolveColor } = this.asProps;\n    const useTheme = background ? 'custom' : theme;\n\n    return sstyled(styles)(\n      <FadeInOut visible={loading} duration={duration}>\n        <SOverlay render={Box} use:theme={useTheme} use:background={resolveColor(background)} />\n      </FadeInOut>,\n    );\n  }\n}\n\nfunction Content(props) {\n  const SContent = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SContent render={Box} />);\n}\n\nconst SpinContainer = createComponent(SpinContainerRoot, {\n  Overlay,\n  Content,\n});\n\nexport default SpinContainer;\n"],"mappings":"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"}

package/spin-container/lib/es6/SpinContainer.js

@@ -16,14 +16,14 @@ import { Box } from 'intergalactic/flex-box';
 import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
 import { isAdvanceMode } from 'intergalactic/utils/lib/findComponent';
 /*__reshadow-styles__:"./style/spin-container.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SSpinContainer_ekt9v_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_ekt9v_gg_{z-index:0;position:relative}.___SOverlay_ekt9v_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_ekt9v_gg_._theme_invert_ekt9v_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SOverlay_ekt9v_gg_._theme_dark_ekt9v_gg_{background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SOverlay_ekt9v_gg_._theme_custom_ekt9v_gg_{background-color:var(--background_ekt9v)}" /*__inner_css_end__*/, "ekt9v_gg_") /*__reshadow_css_end__*/, {
-  "__SSpinContainer": "___SSpinContainer_ekt9v_gg_",
-  "__SContent": "___SContent_ekt9v_gg_",
-  "__SOverlay": "___SOverlay_ekt9v_gg_",
-  "_theme_invert": "_theme_invert_ekt9v_gg_",
-  "_theme_dark": "_theme_dark_ekt9v_gg_",
-  "_theme_custom": "_theme_custom_ekt9v_gg_",
-  "--background": "--background_ekt9v"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SSpinContainer_yoab5_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_yoab5_gg_{z-index:0;position:relative}.___SOverlay_yoab5_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_yoab5_gg_._theme_invert_yoab5_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SOverlay_yoab5_gg_._theme_dark_yoab5_gg_{background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SOverlay_yoab5_gg_._theme_custom_yoab5_gg_{background-color:var(--background_yoab5)}" /*__inner_css_end__*/, "yoab5_gg_") /*__reshadow_css_end__*/, {
+  "__SSpinContainer": "___SSpinContainer_yoab5_gg_",
+  "__SContent": "___SContent_yoab5_gg_",
+  "__SOverlay": "___SOverlay_yoab5_gg_",
+  "_theme_invert": "_theme_invert_yoab5_gg_",
+  "_theme_dark": "_theme_dark_yoab5_gg_",
+  "_theme_custom": "_theme_custom_yoab5_gg_",
+  "--background": "--background_yoab5"
 });
 var SpinContainerRoot = /*#__PURE__*/function (_Component) {
   _inherits(SpinContainerRoot, _Component);
@@ -73,9 +73,7 @@ var SpinContainerRoot = /*#__PURE__*/function (_Component) {
         loading = _this$asProps2.loading,
         forcedAdvancedMode = _this$asProps2.forcedAdvancedMode;
       var advancedMode = forcedAdvancedMode || isAdvanceMode(Children, [SpinContainer.Overlay.displayName]);
-      return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SSpinContainer, _ref4.cn("SSpinContainer", _objectSpread({}, _assignProps({
-        "aria-busy": loading
-      }, _ref))), advancedMode ? /*#__PURE__*/React.createElement(Children, _ref4.cn("Children", {})) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SpinContainer.Content, null, /*#__PURE__*/React.createElement(Children, _ref4.cn("Children", {}))), /*#__PURE__*/React.createElement(SpinContainer.Overlay, null)));
+      return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SSpinContainer, _ref4.cn("SSpinContainer", _objectSpread({}, _assignProps({}, _ref))), advancedMode ? /*#__PURE__*/React.createElement(Children, _ref4.cn("Children", {})) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SpinContainer.Content, null, /*#__PURE__*/React.createElement(Children, _ref4.cn("Children", {}))), /*#__PURE__*/React.createElement(SpinContainer.Overlay, null)));
     }
   }]);
   return SpinContainerRoot;

package/spin-container/lib/es6/SpinContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpinContainer.js","names":["React","createComponent","Component","sstyled","Root","FadeInOut","Spin","Box","resolveColorEnhance","isAdvanceMode","style","_sstyled","insert","SpinContainerRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getOverlayProps","_this$asProps","asProps","loading","background","duration","size","theme","resolveColor","getContentProps","inert","undefined","render","_ref","_ref4","SSpinContainer","_this$asProps2","styles","Children","forcedAdvancedMode","advancedMode","SpinContainer","Overlay","displayName","createElement","cn","_objectSpread","_assignProps","Fragment","Content","_defineProperty","_Component2","_super2","_ref2","_ref5","SOverlay","_this$asProps3","useTheme","_assignProps2","_ref7","children","props","_ref3","arguments[0]","_ref6","SContent","_assignProps3"],"sources":["../../src/SpinContainer.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { FadeInOut } from '@semcore/animation';\nimport Spin from '@semcore/spin';\nimport { Box } from '@semcore/flex-box';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\n\nimport style from './style/spin-container.shadow.css';\n\nclass SpinContainerRoot extends Component {\n  static displayName = 'SpinContainer';\n  static style = style;\n  static defaultProps = {\n    size: 'xxl',\n    theme: 'dark',\n    duration: 200,\n  };\n  static enhance = [resolveColorEnhance()];\n\n  getOverlayProps() {\n    const { loading, background, duration, size, theme, resolveColor } = this.asProps;\n    return {\n      background,\n      // for Animated\n      loading,\n      duration,\n      // for Spin\n      size,\n      theme,\n      resolveColor,\n    };\n  }\n\n  getContentProps() {\n    const { loading } = this.asProps;\n\n    return { inert: loading ? '' : undefined };\n  }\n\n  render() {\n    const SSpinContainer = Root;\n    const { styles, Children, loading, forcedAdvancedMode } = this.asProps;\n\n    const advancedMode =\n      forcedAdvancedMode || isAdvanceMode(Children, [SpinContainer.Overlay.displayName]);\n\n    return sstyled(styles)(\n      <SSpinContainer render={Box} aria-busy={loading}>\n        {advancedMode ? (\n          <Children />\n        ) : (\n          <>\n            <SpinContainer.Content>\n              <Children />\n            </SpinContainer.Content>\n            <SpinContainer.Overlay />\n          </>\n        )}\n      </SSpinContainer>,\n    );\n  }\n}\n\nclass Overlay extends Component {\n  static defaultProps = ({ size, theme }) => ({\n    children: <Spin size={size} theme={theme} />,\n  });\n\n  render() {\n    const SOverlay = Root;\n    const { styles, theme, background, loading, duration, resolveColor } = this.asProps;\n    const useTheme = background ? 'custom' : theme;\n\n    return sstyled(styles)(\n      <FadeInOut visible={loading} duration={duration}>\n        <SOverlay render={Box} use:theme={useTheme} use:background={resolveColor(background)} />\n      </FadeInOut>,\n    );\n  }\n}\n\nfunction Content(props) {\n  const SContent = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SContent render={Box} />);\n}\n\nconst SpinContainer = createComponent(SpinContainerRoot, {\n  Overlay,\n  Content,\n});\n\nexport default SpinContainer;\n"],"mappings":"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"}
+{"version":3,"file":"SpinContainer.js","names":["React","createComponent","Component","sstyled","Root","FadeInOut","Spin","Box","resolveColorEnhance","isAdvanceMode","style","_sstyled","insert","SpinContainerRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getOverlayProps","_this$asProps","asProps","loading","background","duration","size","theme","resolveColor","getContentProps","inert","undefined","render","_ref","_ref4","SSpinContainer","_this$asProps2","styles","Children","forcedAdvancedMode","advancedMode","SpinContainer","Overlay","displayName","createElement","cn","_objectSpread","_assignProps","Fragment","Content","_defineProperty","_Component2","_super2","_ref2","_ref5","SOverlay","_this$asProps3","useTheme","_assignProps2","_ref7","children","props","_ref3","arguments[0]","_ref6","SContent","_assignProps3"],"sources":["../../src/SpinContainer.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { FadeInOut } from '@semcore/animation';\nimport Spin from '@semcore/spin';\nimport { Box } from '@semcore/flex-box';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\n\nimport style from './style/spin-container.shadow.css';\n\nclass SpinContainerRoot extends Component {\n  static displayName = 'SpinContainer';\n  static style = style;\n  static defaultProps = {\n    size: 'xxl',\n    theme: 'dark',\n    duration: 200,\n  };\n  static enhance = [resolveColorEnhance()];\n\n  getOverlayProps() {\n    const { loading, background, duration, size, theme, resolveColor } = this.asProps;\n    return {\n      background,\n      // for Animated\n      loading,\n      duration,\n      // for Spin\n      size,\n      theme,\n      resolveColor,\n    };\n  }\n\n  getContentProps() {\n    const { loading } = this.asProps;\n\n    return { inert: loading ? '' : undefined };\n  }\n\n  render() {\n    const SSpinContainer = Root;\n    const { styles, Children, loading, forcedAdvancedMode } = this.asProps;\n\n    const advancedMode =\n      forcedAdvancedMode || isAdvanceMode(Children, [SpinContainer.Overlay.displayName]);\n\n    return sstyled(styles)(\n      <SSpinContainer render={Box}>\n        {advancedMode ? (\n          <Children />\n        ) : (\n          <>\n            <SpinContainer.Content>\n              <Children />\n            </SpinContainer.Content>\n            <SpinContainer.Overlay />\n          </>\n        )}\n      </SSpinContainer>,\n    );\n  }\n}\n\nclass Overlay extends Component {\n  static defaultProps = ({ size, theme }) => ({\n    children: <Spin size={size} theme={theme} />,\n  });\n\n  render() {\n    const SOverlay = Root;\n    const { styles, theme, background, loading, duration, resolveColor } = this.asProps;\n    const useTheme = background ? 'custom' : theme;\n\n    return sstyled(styles)(\n      <FadeInOut visible={loading} duration={duration}>\n        <SOverlay render={Box} use:theme={useTheme} use:background={resolveColor(background)} />\n      </FadeInOut>,\n    );\n  }\n}\n\nfunction Content(props) {\n  const SContent = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SContent render={Box} />);\n}\n\nconst SpinContainer = createComponent(SpinContainerRoot, {\n  Overlay,\n  Content,\n});\n\nexport default SpinContainer;\n"],"mappings":";;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,SAAS,EAAEC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AACzE,SAASC,SAAS,QAAQ,oBAAoB;AAC9C,OAAOC,IAAI,MAAM,eAAe;AAChC,SAASC,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,mBAAmB,MAAM,iDAAiD;AACjF,SAASC,aAAa,QAAQ,kCAAkC;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAI3DC,iBAAiB,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,iBAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,iBAAA;EAAA,SAAAA,kBAAA;IAAAK,eAAA,OAAAL,iBAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,iBAAA;IAAAS,GAAA;IAAAC,KAAA,EAUrB,SAAAC,gBAAA,EAAkB;MAChB,IAAAC,aAAA,GAAqE,IAAI,CAACC,OAAO;QAAzEC,OAAO,GAAAF,aAAA,CAAPE,OAAO;QAAEC,UAAU,GAAAH,aAAA,CAAVG,UAAU;QAAEC,QAAQ,GAAAJ,aAAA,CAARI,QAAQ;QAAEC,IAAI,GAAAL,aAAA,CAAJK,IAAI;QAAEC,KAAK,GAAAN,aAAA,CAALM,KAAK;QAAEC,YAAY,GAAAP,aAAA,CAAZO,YAAY;MAChE,OAAO;QACLJ,UAAU,EAAVA,UAAU;QACV;QACAD,OAAO,EAAPA,OAAO;QACPE,QAAQ,EAARA,QAAQ;QACR;QACAC,IAAI,EAAJA,IAAI;QACJC,KAAK,EAALA,KAAK;QACLC,YAAY,EAAZA;MACF,CAAC;IACH;EAAC;IAAAV,GAAA;IAAAC,KAAA,EAED,SAAAU,gBAAA,EAAkB;MAChB,IAAQN,OAAO,GAAK,IAAI,CAACD,OAAO,CAAxBC,OAAO;MAEf,OAAO;QAAEO,KAAK,EAAEP,OAAO,GAAG,EAAE,GAAGQ;MAAU,CAAC;IAC5C;EAAC;IAAAb,GAAA;IAAAC,KAAA,EAED,SAAAa,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAX,OAAA;QAAAY,KAAA;MACP,IAAMC,cAAc,GAOMhC,GAAG;MAN7B,IAAAiC,cAAA,GAA0D,IAAI,CAACd,OAAO;QAA9De,MAAM,GAAAD,cAAA,CAANC,MAAM;QAAEC,QAAQ,GAAAF,cAAA,CAARE,QAAQ;QAAEf,OAAO,GAAAa,cAAA,CAAPb,OAAO;QAAEgB,kBAAkB,GAAAH,cAAA,CAAlBG,kBAAkB;MAErD,IAAMC,YAAY,GAChBD,kBAAkB,IAAIlC,aAAa,CAACiC,QAAQ,EAAE,CAACG,aAAa,CAACC,OAAO,CAACC,WAAW,CAAC,CAAC;MAEpF,OAAAT,KAAA,GAAOnC,OAAO,CAACsC,MAAM,CAAC,eACpBzC,KAAA,CAAAgD,aAAA,CAACT,cAAc,EAAAD,KAAA,CAAAW,EAAA,mBAAAC,aAAA,KAAAC,YAAA,KAAAd,IAAA,KACZO,YAAY,gBACX5C,KAAA,CAAAgD,aAAA,CAACN,QAAQ,EAAAJ,KAAA,CAAAW,EAAA,iBAAG,gBAEZjD,KAAA,CAAAgD,aAAA,CAAAhD,KAAA,CAAAoD,QAAA,qBACEpD,KAAA,CAAAgD,aAAA,CAACH,aAAa,CAACQ,OAAO,qBACpBrD,KAAA,CAAAgD,aAAA,CAACN,QAAQ,EAAAJ,KAAA,CAAAW,EAAA,iBAAG,CACU,eACxBjD,KAAA,CAAAgD,aAAA,CAACH,aAAa,CAACC,OAAO,OAAG,CAE5B,CACc;IAErB;EAAC;EAAA,OAAAjC,iBAAA;AAAA,EAnD6BX,SAAS;AAAAoD,eAAA,CAAnCzC,iBAAiB,iBACA,eAAe;AAAAyC,eAAA,CADhCzC,iBAAiB,WAENH,KAAK;AAAA4C,eAAA,CAFhBzC,iBAAiB,kBAGC;EACpBiB,IAAI,EAAE,KAAK;EACXC,KAAK,EAAE,MAAM;EACbF,QAAQ,EAAE;AACZ,CAAC;AAAAyB,eAAA,CAPGzC,iBAAiB,aAQJ,CAACL,mBAAmB,EAAE,CAAC;AAAA,IA8CpCsC,OAAO,0BAAAS,WAAA;EAAAxC,SAAA,CAAA+B,OAAA,EAAAS,WAAA;EAAA,IAAAC,OAAA,GAAAvC,YAAA,CAAA6B,OAAA;EAAA,SAAAA,QAAA;IAAA5B,eAAA,OAAA4B,OAAA;IAAA,OAAAU,OAAA,CAAArC,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAyB,OAAA;IAAAxB,GAAA;IAAAC,KAAA,EAKX,SAAAa,OAAA,EAAS;MAAA,IAAAqB,KAAA,QAAA/B,OAAA;QAAAgC,KAAA;MACP,IAAMC,QAAQ,GAMQpD,GAAG;MALzB,IAAAqD,cAAA,GAAuE,IAAI,CAAClC,OAAO;QAA3Ee,MAAM,GAAAmB,cAAA,CAANnB,MAAM;QAAEV,KAAK,GAAA6B,cAAA,CAAL7B,KAAK;QAAEH,UAAU,GAAAgC,cAAA,CAAVhC,UAAU;QAAED,OAAO,GAAAiC,cAAA,CAAPjC,OAAO;QAAEE,QAAQ,GAAA+B,cAAA,CAAR/B,QAAQ;QAAEG,YAAY,GAAA4B,cAAA,CAAZ5B,YAAY;MAClE,IAAM6B,QAAQ,GAAGjC,UAAU,GAAG,QAAQ,GAAGG,KAAK;MAE9C,OAAA2B,KAAA,GAAOvD,OAAO,CAACsC,MAAM,CAAC,eACpBzC,KAAA,CAAAgD,aAAA,CAAC3C,SAAS,EAAAqD,KAAA,CAAAT,EAAA;QAAA,WAAUtB,OAAO;QAAA,YAAYE;MAAQ,iBAC7C7B,KAAA,CAAAgD,aAAA,CAACW,QAAQ,EAAAD,KAAA,CAAAT,EAAA,aAAAC,aAAA,KAAAY,aAAA;QAAA,aAAyBD,QAAQ;QAAA,kBAAkB7B,YAAY,CAACJ,UAAU;MAAC,GAAA6B,KAAA,IAAI,CAC9E;IAEhB;EAAC;EAAA,OAAAX,OAAA;AAAA,EAfmB5C,SAAS;AAAAoD,eAAA,CAAzBR,OAAO,kBACW,UAAAiB,KAAA;EAAA,IAAGjC,IAAI,GAAAiC,KAAA,CAAJjC,IAAI;IAAEC,KAAK,GAAAgC,KAAA,CAALhC,KAAK;EAAA,OAAQ;IAC1CiC,QAAQ,eAAEhE,KAAA,CAAAgD,aAAA,CAAC1C,IAAI;MAACwB,IAAI,EAAEA,IAAK;MAACC,KAAK,EAAEA;IAAM;EAC3C,CAAC;AAAA,CAAC;AAeJ,SAASsB,OAAOA,CAACY,KAAK,EAAE;EAAA,IAAAC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EACtB,IAAMC,QAAQ,GAE2B9D,GAAG;EAD5C,IAAQkC,MAAM,GAAKwB,KAAK,CAAhBxB,MAAM;EACd,OAAA2B,KAAA,GAAOjE,OAAO,CAACsC,MAAM,CAAC,eAACzC,KAAA,CAAAgD,aAAA,CAACqB,QAAQ,EAAAD,KAAA,CAAAnB,EAAA,aAAAC,aAAA,KAAAoB,aAAA,KAAAJ,KAAA,IAAgB;AAClD;AAEA,IAAMrB,aAAa,GAAG5C,eAAe,CAACY,iBAAiB,EAAE;EACvDiC,OAAO,EAAPA,OAAO;EACPO,OAAO,EAAPA;AACF,CAAC,CAAC;AAEF,eAAeR,aAAa"}

package/spin-container/package.json

@@ -1 +1 @@
-{"name":"intergalactic/spin-container","description":"Semrush SpinContainer Component","version":"7.40.1","main":"lib/cjs/index.js","module":"lib/es6/index.js","types":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/utils":"4.44.1","@semcore/spin":"5.39.1","@semcore/flex-box":"5.39.1","@semcore/animation":"2.39.1"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/spin-container"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/spin-container","description":"Semrush SpinContainer Component","version":"7.40.2","main":"lib/cjs/index.js","module":"lib/es6/index.js","types":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/utils":"4.44.1","@semcore/spin":"5.39.2","@semcore/flex-box":"5.39.1","@semcore/animation":"2.39.1"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/spin-container"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

package/tag/lib/cjs/Tag.js

@@ -27,29 +27,29 @@ var _uniqueID = _interopRequireDefault(require("intergalactic/utils/lib/uniqueID
 var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
 var _findComponent = require("intergalactic/utils/lib/findComponent");
 /*__reshadow-styles__:"./style/tag.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SCircle_191ym_gg_{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_191ym_gg_:first-child{margin-left:0}.___SCircle_191ym_gg_:last-child{margin-right:0}.___SCircle_191ym_gg_._size_m_191ym_gg_{width:16px;height:16px}.___SCircle_191ym_gg_._size_l_191ym_gg_,.___SCircle_191ym_gg_._size_xl_191ym_gg_{width:20px;height:20px}.___SAddon_191ym_gg_,.___STagContainerClose_191ym_gg_,.___STag_191ym_gg_{position:relative;display:inline-flex;align-items:center;justify-content:center;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_191ym_gg_{flex-shrink:0}.___STagContainer_191ym_gg_ .___SAddon_191ym_gg_{padding-left:0;padding-right:0}.___STagContainerClose_191ym_gg_,.___STag_191ym_gg_{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);font-weight:var(--intergalactic-medium, 500);color:var(--tag-color_191ym)}.___STagContainerClose_191ym_gg_.__interactive_191ym_gg_.__keyboardFocused_191ym_gg_,.___STag_191ym_gg_.__interactive_191ym_gg_.__keyboardFocused_191ym_gg_{box-shadow:var(--intergalactic-keyboard-focus,\n      0px 0px 0px 3px rgba(0, 143, 248, 0.5)\n    );z-index:1}.___STagContainerClose_191ym_gg_::before,.___STag_191ym_gg_::before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--intergalactic-tag-rounded, 24px);background-color:var(--tag-color_191ym);opacity:.2;filter:brightness(150%)}.___STagContainerClose_191ym_gg_::after,.___STag_191ym_gg_::after{content:\"\";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:var(--intergalactic-tag-rounded, 24px);pointer-events:none;border:1px solid var(--tag-color_191ym);opacity:.1;filter:brightness(150%)}.___STagContainerClose_191ym_gg_:active,.___STagContainerClose_191ym_gg_:focus,.___STag_191ym_gg_:active,.___STag_191ym_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STagContainerClose_191ym_gg_:hover,.___STag_191ym_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___STagContainerClose_191ym_gg_.__disabled_191ym_gg_,.___STag_191ym_gg_.__disabled_191ym_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_191ym_gg_.__interactiveView_191ym_gg_{cursor:pointer}.___STagContainerClose_191ym_gg_._size_m_191ym_gg_,.___STagContainer_191ym_gg_._size_m_191ym_gg_ .___SAddon_191ym_gg_,.___STag_191ym_gg_._size_m_191ym_gg_{height:20px;min-width:20px}.___STagContainerClose_191ym_gg_._size_m_191ym_gg_ .___SCircle_191ym_gg_:first-child,.___STagContainer_191ym_gg_._size_m_191ym_gg_ .___SAddon_191ym_gg_ .___SCircle_191ym_gg_:first-child,.___STag_191ym_gg_._size_m_191ym_gg_ .___SCircle_191ym_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STagContainerClose_191ym_gg_._size_m_191ym_gg_ .___SCircle_191ym_gg_:last-child,.___STagContainer_191ym_gg_._size_m_191ym_gg_ .___SAddon_191ym_gg_ .___SCircle_191ym_gg_:last-child,.___STag_191ym_gg_._size_m_191ym_gg_ .___SCircle_191ym_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STagContainerClose_191ym_gg_._size_m_191ym_gg_ .___SText_191ym_gg_,.___STagContainer_191ym_gg_._size_m_191ym_gg_ .___SAddon_191ym_gg_ .___SText_191ym_gg_,.___STag_191ym_gg_._size_m_191ym_gg_ .___SText_191ym_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STagContainerClose_191ym_gg_._size_l_191ym_gg_,.___STagContainer_191ym_gg_._size_l_191ym_gg_ .___SAddon_191ym_gg_,.___STag_191ym_gg_._size_l_191ym_gg_{height:28px;min-width:28px}.___STagContainerClose_191ym_gg_._size_l_191ym_gg_ .___SText_191ym_gg_,.___STagContainer_191ym_gg_._size_l_191ym_gg_ .___SAddon_191ym_gg_ .___SText_191ym_gg_,.___STag_191ym_gg_._size_l_191ym_gg_ .___SText_191ym_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STagContainerClose_191ym_gg_._size_xl_191ym_gg_,.___STag_191ym_gg_._size_xl_191ym_gg_{height:40px;min-width:40px;padding:0 var(--intergalactic-spacing-2x, 8px)}.___STagContainerClose_191ym_gg_._size_xl_191ym_gg_ .___SText_191ym_gg_,.___STag_191ym_gg_._size_xl_191ym_gg_ .___SText_191ym_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STagContainerClose_191ym_gg_._theme_primary_191ym_gg_::before,.___STagContainer_191ym_gg_._theme_primary_191ym_gg_ .___SAddon_191ym_gg_::before,.___STag_191ym_gg_._theme_primary_191ym_gg_::before{top:-1px;left:-1px;right:-1px;bottom:-1px}.___STagContainerClose_191ym_gg_._theme_primary_191ym_gg_:after,.___STagContainer_191ym_gg_._theme_primary_191ym_gg_ .___SAddon_191ym_gg_:after,.___STag_191ym_gg_._theme_primary_191ym_gg_:after{display:none}.___STagContainerClose_191ym_gg_._theme_primary_191ym_gg_.__active_191ym_gg_:before,.___STagContainerClose_191ym_gg_._theme_primary_191ym_gg_.__interactiveView_191ym_gg_:active:before,.___STagContainer_191ym_gg_._theme_primary_191ym_gg_ .___SAddon_191ym_gg_.__active_191ym_gg_:before,.___STagContainer_191ym_gg_._theme_primary_191ym_gg_ .___SAddon_191ym_gg_.__interactiveView_191ym_gg_:active:before,.___STag_191ym_gg_._theme_primary_191ym_gg_.__active_191ym_gg_:before,.___STag_191ym_gg_._theme_primary_191ym_gg_.__interactiveView_191ym_gg_:active:before{opacity:.3}@media (hover:hover){.___STagContainerClose_191ym_gg_._theme_primary_191ym_gg_.__interactiveView_191ym_gg_:hover:before,.___STagContainer_191ym_gg_._theme_primary_191ym_gg_ .___SAddon_191ym_gg_.__interactiveView_191ym_gg_:hover:before,.___STag_191ym_gg_._theme_primary_191ym_gg_.__interactiveView_191ym_gg_:hover:before{opacity:.3}}.___STagContainerClose_191ym_gg_._theme_additional_191ym_gg_::before,.___STagContainerClose_191ym_gg_._theme_secondary_191ym_gg_::before,.___STag_191ym_gg_._theme_additional_191ym_gg_::before,.___STag_191ym_gg_._theme_secondary_191ym_gg_::before{opacity:.01}.___STagContainerClose_191ym_gg_._theme_additional_191ym_gg_.__active_191ym_gg_:before,.___STagContainerClose_191ym_gg_._theme_additional_191ym_gg_.__interactiveView_191ym_gg_:active:before,.___STagContainerClose_191ym_gg_._theme_secondary_191ym_gg_.__active_191ym_gg_:before,.___STagContainerClose_191ym_gg_._theme_secondary_191ym_gg_.__interactiveView_191ym_gg_:active:before,.___STag_191ym_gg_._theme_additional_191ym_gg_.__active_191ym_gg_:before,.___STag_191ym_gg_._theme_additional_191ym_gg_.__interactiveView_191ym_gg_:active:before,.___STag_191ym_gg_._theme_secondary_191ym_gg_.__active_191ym_gg_:before,.___STag_191ym_gg_._theme_secondary_191ym_gg_.__interactiveView_191ym_gg_:active:before{opacity:.1}@media (hover:hover){.___STagContainerClose_191ym_gg_._theme_additional_191ym_gg_.__interactiveView_191ym_gg_:hover:before,.___STagContainerClose_191ym_gg_._theme_secondary_191ym_gg_.__interactiveView_191ym_gg_:hover:before,.___STag_191ym_gg_._theme_additional_191ym_gg_.__interactiveView_191ym_gg_:hover:before,.___STag_191ym_gg_._theme_secondary_191ym_gg_.__interactiveView_191ym_gg_:hover:before{opacity:.1}}.___SClose_191ym_gg_ path,.___STagContainerClose_191ym_gg_._theme_additional-invert_191ym_gg_::after,.___STagContainerClose_191ym_gg_._theme_additional_191ym_gg_::after,.___STagContainerClose_191ym_gg_._theme_secondary-invert_191ym_gg_::after,.___STagContainerClose_191ym_gg_._theme_secondary_191ym_gg_::after,.___STagContainer_191ym_gg_ .___STagContainerClose_191ym_gg_ svg path,.___STag_191ym_gg_._theme_additional-invert_191ym_gg_::after,.___STag_191ym_gg_._theme_additional_191ym_gg_::after,.___STag_191ym_gg_._theme_secondary-invert_191ym_gg_::after,.___STag_191ym_gg_._theme_secondary_191ym_gg_::after{opacity:.5}.___STagContainerClose_191ym_gg_._theme_primary-invert_191ym_gg_,.___STag_191ym_gg_._theme_primary-invert_191ym_gg_{background-color:var(--intergalactic-tag-primary-white-normal,\n    rgba(255, 255, 255, 0.15)\n  );color:var(--intergalactic-text-primary-invert, #ffffff)}.___STagContainerClose_191ym_gg_._theme_additional-invert_191ym_gg_,.___STagContainerClose_191ym_gg_._theme_secondary-invert_191ym_gg_,.___STag_191ym_gg_._theme_additional-invert_191ym_gg_,.___STag_191ym_gg_._theme_secondary-invert_191ym_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_191ym_gg_._theme_additional_191ym_gg_::after{border-style:dashed}.___SText_191ym_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_191ym_gg_.__keyboardFocused_191ym_gg_{box-shadow:var(--intergalactic-keyboard-focus,\n    0px 0px 0px 3px rgba(0, 143, 248, 0.5)\n  );z-index:1}.___SText_191ym_gg_:not(:only-child):first-child{padding-right:0}.___SText_191ym_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_191ym_gg_:not(:only-child):last-child{padding-left:0}.___SClose_191ym_gg_{cursor:pointer;flex-shrink:0;padding:var(--intergalactic-spacing-1x, 4px)}@media (hover:hover){.___SClose_191ym_gg_:hover path{opacity:1}}.___SClose_191ym_gg_,.___STagContainer_191ym_gg_{display:inline-flex;position:relative;align-items:center;justify-content:center}.___STagContainer_191ym_gg_ .___SAddon_191ym_gg_:not(:last-child),.___STagContainer_191ym_gg_ .___STag_191ym_gg_:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0;padding-right:var(--intergalactic-spacing-05x, 2px)}.___STagContainer_191ym_gg_ .___SAddon_191ym_gg_:not(:last-child)::after,.___STagContainer_191ym_gg_ .___SAddon_191ym_gg_:not(:last-child)::before,.___STagContainer_191ym_gg_ .___STag_191ym_gg_:not(:last-child)::after,.___STagContainer_191ym_gg_ .___STag_191ym_gg_:not(:last-child)::before{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-1px}.___STagContainer_191ym_gg_ .___SAddon_191ym_gg_:not(:last-child) .___SText_191ym_gg_,.___STagContainer_191ym_gg_ .___STag_191ym_gg_:not(:last-child) .___SText_191ym_gg_{padding-right:0}.___STagContainer_191ym_gg_ .___SAddon_191ym_gg_:not(:first-child),.___STagContainer_191ym_gg_ .___STag_191ym_gg_:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;padding-left:var(--intergalactic-spacing-05x, 2px)}.___STagContainer_191ym_gg_ .___SAddon_191ym_gg_:not(:first-child)::after,.___STagContainer_191ym_gg_ .___SAddon_191ym_gg_:not(:first-child)::before,.___STagContainer_191ym_gg_ .___STag_191ym_gg_:not(:first-child)::after,.___STagContainer_191ym_gg_ .___STag_191ym_gg_:not(:first-child)::before{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.___STagContainer_191ym_gg_ .___SAddon_191ym_gg_:not(:first-child) .___SText_191ym_gg_,.___STagContainer_191ym_gg_ .___STag_191ym_gg_:not(:first-child) .___SText_191ym_gg_{padding-left:0}.___STagContainer_191ym_gg_ .___STagContainerClose_191ym_gg_{cursor:pointer;border-top-left-radius:0;border-bottom-left-radius:0;padding-left:0;padding-right:0;min-width:20px}.___STagContainer_191ym_gg_ .___STagContainerClose_191ym_gg_::after,.___STagContainer_191ym_gg_ .___STagContainerClose_191ym_gg_::before{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.___STagContainer_191ym_gg_ .___STagContainerClose_191ym_gg_::before{left:-1px}.___STagContainer_191ym_gg_ .___STagContainerClose_191ym_gg_ svg{padding-left:0;padding-right:var(--intergalactic-spacing-1x, 4px)}@media (hover:hover){.___STagContainer_191ym_gg_ .___STagContainerClose_191ym_gg_:hover svg path{opacity:1}}.___STagContainer_191ym_gg_ .___STagContainerClose_191ym_gg_._size_xl_191ym_gg_ svg{padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "191ym_gg_") /*__reshadow_css_end__*/, {
-  "__SCircle": "___SCircle_191ym_gg_",
-  "_size_m": "_size_m_191ym_gg_",
-  "_size_l": "_size_l_191ym_gg_",
-  "_size_xl": "_size_xl_191ym_gg_",
-  "__SAddon": "___SAddon_191ym_gg_",
-  "__STagContainer": "___STagContainer_191ym_gg_",
-  "__STag": "___STag_191ym_gg_",
-  "_disabled": "__disabled_191ym_gg_",
-  "__STagContainerClose": "___STagContainerClose_191ym_gg_",
-  "_interactiveView": "__interactiveView_191ym_gg_",
-  "_theme_primary-invert": "_theme_primary-invert_191ym_gg_",
-  "_theme_secondary-invert": "_theme_secondary-invert_191ym_gg_",
-  "_theme_additional-invert": "_theme_additional-invert_191ym_gg_",
-  "__SText": "___SText_191ym_gg_",
-  "_keyboardFocused": "__keyboardFocused_191ym_gg_",
-  "--tag-color": "--tag-color_191ym",
-  "_interactive": "__interactive_191ym_gg_",
-  "_theme_primary": "_theme_primary_191ym_gg_",
-  "_active": "__active_191ym_gg_",
-  "_theme_secondary": "_theme_secondary_191ym_gg_",
-  "_theme_additional": "_theme_additional_191ym_gg_",
-  "__SClose": "___SClose_191ym_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SCircle_1cnea_gg_{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_1cnea_gg_:first-child{margin-left:0}.___SCircle_1cnea_gg_:last-child{margin-right:0}.___SCircle_1cnea_gg_._size_m_1cnea_gg_{width:16px;height:16px}.___SCircle_1cnea_gg_._size_l_1cnea_gg_,.___SCircle_1cnea_gg_._size_xl_1cnea_gg_{width:20px;height:20px}.___SAddon_1cnea_gg_,.___STagContainerClose_1cnea_gg_,.___STag_1cnea_gg_{position:relative;display:inline-flex;align-items:center;justify-content:center;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_1cnea_gg_{flex-shrink:0}.___STagContainer_1cnea_gg_ .___SAddon_1cnea_gg_{padding-left:0;padding-right:0}.___STagContainerClose_1cnea_gg_,.___STag_1cnea_gg_{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);font-weight:var(--intergalactic-medium, 500);color:var(--tag-color_1cnea)}.___STagContainerClose_1cnea_gg_.__interactive_1cnea_gg_.__keyboardFocused_1cnea_gg_,.___STag_1cnea_gg_.__interactive_1cnea_gg_.__keyboardFocused_1cnea_gg_{box-shadow:var(--intergalactic-keyboard-focus,\n      0px 0px 0px 3px rgba(0, 143, 248, 0.5)\n    );z-index:1}.___STagContainerClose_1cnea_gg_::before,.___STag_1cnea_gg_::before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--intergalactic-tag-rounded, 24px);background-color:var(--tag-color_1cnea);opacity:.2;filter:brightness(150%)}.___STagContainerClose_1cnea_gg_::after,.___STag_1cnea_gg_::after{content:\"\";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:var(--intergalactic-tag-rounded, 24px);pointer-events:none;border:1px solid var(--tag-color_1cnea);opacity:.1;filter:brightness(150%)}.___STagContainerClose_1cnea_gg_:active,.___STagContainerClose_1cnea_gg_:focus,.___STag_1cnea_gg_:active,.___STag_1cnea_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STagContainerClose_1cnea_gg_:hover,.___STag_1cnea_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___STagContainerClose_1cnea_gg_.__disabled_1cnea_gg_,.___STag_1cnea_gg_.__disabled_1cnea_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_1cnea_gg_.__interactiveView_1cnea_gg_{cursor:pointer}.___STagContainerClose_1cnea_gg_._size_m_1cnea_gg_,.___STagContainer_1cnea_gg_._size_m_1cnea_gg_ .___SAddon_1cnea_gg_,.___STag_1cnea_gg_._size_m_1cnea_gg_{height:20px;min-width:20px}.___STagContainerClose_1cnea_gg_._size_m_1cnea_gg_ .___SCircle_1cnea_gg_:first-child,.___STagContainer_1cnea_gg_._size_m_1cnea_gg_ .___SAddon_1cnea_gg_ .___SCircle_1cnea_gg_:first-child,.___STag_1cnea_gg_._size_m_1cnea_gg_ .___SCircle_1cnea_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STagContainerClose_1cnea_gg_._size_m_1cnea_gg_ .___SCircle_1cnea_gg_:last-child,.___STagContainer_1cnea_gg_._size_m_1cnea_gg_ .___SAddon_1cnea_gg_ .___SCircle_1cnea_gg_:last-child,.___STag_1cnea_gg_._size_m_1cnea_gg_ .___SCircle_1cnea_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STagContainerClose_1cnea_gg_._size_m_1cnea_gg_ .___SText_1cnea_gg_,.___STagContainer_1cnea_gg_._size_m_1cnea_gg_ .___SAddon_1cnea_gg_ .___SText_1cnea_gg_,.___STag_1cnea_gg_._size_m_1cnea_gg_ .___SText_1cnea_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STagContainerClose_1cnea_gg_._size_l_1cnea_gg_,.___STagContainer_1cnea_gg_._size_l_1cnea_gg_ .___SAddon_1cnea_gg_,.___STag_1cnea_gg_._size_l_1cnea_gg_{height:28px;min-width:28px}.___STagContainerClose_1cnea_gg_._size_l_1cnea_gg_ .___SText_1cnea_gg_,.___STagContainer_1cnea_gg_._size_l_1cnea_gg_ .___SAddon_1cnea_gg_ .___SText_1cnea_gg_,.___STag_1cnea_gg_._size_l_1cnea_gg_ .___SText_1cnea_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STagContainerClose_1cnea_gg_._size_xl_1cnea_gg_,.___STag_1cnea_gg_._size_xl_1cnea_gg_{height:40px;min-width:40px;padding:0 var(--intergalactic-spacing-2x, 8px)}.___STagContainerClose_1cnea_gg_._size_xl_1cnea_gg_ .___SText_1cnea_gg_,.___STag_1cnea_gg_._size_xl_1cnea_gg_ .___SText_1cnea_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STagContainerClose_1cnea_gg_._theme_primary_1cnea_gg_::before,.___STagContainer_1cnea_gg_._theme_primary_1cnea_gg_ .___SAddon_1cnea_gg_::before,.___STag_1cnea_gg_._theme_primary_1cnea_gg_::before{top:-1px;left:-1px;right:-1px;bottom:-1px}.___STagContainerClose_1cnea_gg_._theme_primary_1cnea_gg_:after,.___STagContainer_1cnea_gg_._theme_primary_1cnea_gg_ .___SAddon_1cnea_gg_:after,.___STag_1cnea_gg_._theme_primary_1cnea_gg_:after{display:none}.___STagContainerClose_1cnea_gg_._theme_primary_1cnea_gg_.__active_1cnea_gg_:before,.___STagContainerClose_1cnea_gg_._theme_primary_1cnea_gg_.__interactiveView_1cnea_gg_:active:before,.___STagContainer_1cnea_gg_._theme_primary_1cnea_gg_ .___SAddon_1cnea_gg_.__active_1cnea_gg_:before,.___STagContainer_1cnea_gg_._theme_primary_1cnea_gg_ .___SAddon_1cnea_gg_.__interactiveView_1cnea_gg_:active:before,.___STag_1cnea_gg_._theme_primary_1cnea_gg_.__active_1cnea_gg_:before,.___STag_1cnea_gg_._theme_primary_1cnea_gg_.__interactiveView_1cnea_gg_:active:before{opacity:.3}@media (hover:hover){.___STagContainerClose_1cnea_gg_._theme_primary_1cnea_gg_.__interactiveView_1cnea_gg_:hover:before,.___STagContainer_1cnea_gg_._theme_primary_1cnea_gg_ .___SAddon_1cnea_gg_.__interactiveView_1cnea_gg_:hover:before,.___STag_1cnea_gg_._theme_primary_1cnea_gg_.__interactiveView_1cnea_gg_:hover:before{opacity:.3}}.___STagContainerClose_1cnea_gg_._theme_additional_1cnea_gg_::before,.___STagContainerClose_1cnea_gg_._theme_secondary_1cnea_gg_::before,.___STag_1cnea_gg_._theme_additional_1cnea_gg_::before,.___STag_1cnea_gg_._theme_secondary_1cnea_gg_::before{opacity:.01}.___STagContainerClose_1cnea_gg_._theme_additional_1cnea_gg_.__active_1cnea_gg_:before,.___STagContainerClose_1cnea_gg_._theme_additional_1cnea_gg_.__interactiveView_1cnea_gg_:active:before,.___STagContainerClose_1cnea_gg_._theme_secondary_1cnea_gg_.__active_1cnea_gg_:before,.___STagContainerClose_1cnea_gg_._theme_secondary_1cnea_gg_.__interactiveView_1cnea_gg_:active:before,.___STag_1cnea_gg_._theme_additional_1cnea_gg_.__active_1cnea_gg_:before,.___STag_1cnea_gg_._theme_additional_1cnea_gg_.__interactiveView_1cnea_gg_:active:before,.___STag_1cnea_gg_._theme_secondary_1cnea_gg_.__active_1cnea_gg_:before,.___STag_1cnea_gg_._theme_secondary_1cnea_gg_.__interactiveView_1cnea_gg_:active:before{opacity:.1}@media (hover:hover){.___STagContainerClose_1cnea_gg_._theme_additional_1cnea_gg_.__interactiveView_1cnea_gg_:hover:before,.___STagContainerClose_1cnea_gg_._theme_secondary_1cnea_gg_.__interactiveView_1cnea_gg_:hover:before,.___STag_1cnea_gg_._theme_additional_1cnea_gg_.__interactiveView_1cnea_gg_:hover:before,.___STag_1cnea_gg_._theme_secondary_1cnea_gg_.__interactiveView_1cnea_gg_:hover:before{opacity:.1}}.___SClose_1cnea_gg_ path,.___STagContainerClose_1cnea_gg_._theme_additional-invert_1cnea_gg_::after,.___STagContainerClose_1cnea_gg_._theme_additional_1cnea_gg_::after,.___STagContainerClose_1cnea_gg_._theme_secondary-invert_1cnea_gg_::after,.___STagContainerClose_1cnea_gg_._theme_secondary_1cnea_gg_::after,.___STagContainer_1cnea_gg_ .___STagContainerClose_1cnea_gg_ svg path,.___STag_1cnea_gg_._theme_additional-invert_1cnea_gg_::after,.___STag_1cnea_gg_._theme_additional_1cnea_gg_::after,.___STag_1cnea_gg_._theme_secondary-invert_1cnea_gg_::after,.___STag_1cnea_gg_._theme_secondary_1cnea_gg_::after{opacity:.5}.___STagContainerClose_1cnea_gg_._theme_primary-invert_1cnea_gg_,.___STag_1cnea_gg_._theme_primary-invert_1cnea_gg_{background-color:var(--intergalactic-tag-primary-white-normal,\n    rgba(255, 255, 255, 0.15)\n  );color:var(--intergalactic-text-primary-invert, #ffffff)}.___STagContainerClose_1cnea_gg_._theme_additional-invert_1cnea_gg_,.___STagContainerClose_1cnea_gg_._theme_secondary-invert_1cnea_gg_,.___STag_1cnea_gg_._theme_additional-invert_1cnea_gg_,.___STag_1cnea_gg_._theme_secondary-invert_1cnea_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_1cnea_gg_._theme_additional_1cnea_gg_::after{border-style:dashed}.___SText_1cnea_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_1cnea_gg_.__keyboardFocused_1cnea_gg_{box-shadow:var(--intergalactic-keyboard-focus,\n    0px 0px 0px 3px rgba(0, 143, 248, 0.5)\n  );z-index:1}.___SText_1cnea_gg_:not(:only-child):first-child{padding-right:0}.___SText_1cnea_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_1cnea_gg_:not(:only-child):last-child{padding-left:0}.___SClose_1cnea_gg_{cursor:pointer;flex-shrink:0;padding:var(--intergalactic-spacing-1x, 4px)}@media (hover:hover){.___SClose_1cnea_gg_:hover path{opacity:1}}.___SClose_1cnea_gg_,.___STagContainer_1cnea_gg_{display:inline-flex;position:relative;align-items:center;justify-content:center}.___STagContainer_1cnea_gg_ .___SAddon_1cnea_gg_:not(:last-child),.___STagContainer_1cnea_gg_ .___STag_1cnea_gg_:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0;padding-right:var(--intergalactic-spacing-05x, 2px)}.___STagContainer_1cnea_gg_ .___SAddon_1cnea_gg_:not(:last-child)::after,.___STagContainer_1cnea_gg_ .___SAddon_1cnea_gg_:not(:last-child)::before,.___STagContainer_1cnea_gg_ .___STag_1cnea_gg_:not(:last-child)::after,.___STagContainer_1cnea_gg_ .___STag_1cnea_gg_:not(:last-child)::before{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-1px}.___STagContainer_1cnea_gg_ .___SAddon_1cnea_gg_:not(:last-child) .___SText_1cnea_gg_,.___STagContainer_1cnea_gg_ .___STag_1cnea_gg_:not(:last-child) .___SText_1cnea_gg_{padding-right:0}.___STagContainer_1cnea_gg_ .___SAddon_1cnea_gg_:not(:first-child),.___STagContainer_1cnea_gg_ .___STag_1cnea_gg_:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;padding-left:var(--intergalactic-spacing-05x, 2px)}.___STagContainer_1cnea_gg_ .___SAddon_1cnea_gg_:not(:first-child)::after,.___STagContainer_1cnea_gg_ .___SAddon_1cnea_gg_:not(:first-child)::before,.___STagContainer_1cnea_gg_ .___STag_1cnea_gg_:not(:first-child)::after,.___STagContainer_1cnea_gg_ .___STag_1cnea_gg_:not(:first-child)::before{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.___STagContainer_1cnea_gg_ .___SAddon_1cnea_gg_:not(:first-child) .___SText_1cnea_gg_,.___STagContainer_1cnea_gg_ .___STag_1cnea_gg_:not(:first-child) .___SText_1cnea_gg_{padding-left:0}.___STagContainer_1cnea_gg_ .___STagContainerClose_1cnea_gg_{cursor:pointer;border-top-left-radius:0;border-bottom-left-radius:0;padding-left:0;padding-right:0;min-width:20px}.___STagContainer_1cnea_gg_ .___STagContainerClose_1cnea_gg_::after,.___STagContainer_1cnea_gg_ .___STagContainerClose_1cnea_gg_::before{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.___STagContainer_1cnea_gg_ .___STagContainerClose_1cnea_gg_::before{left:-1px}.___STagContainer_1cnea_gg_ .___STagContainerClose_1cnea_gg_ svg{padding-left:0;padding-right:var(--intergalactic-spacing-1x, 4px)}@media (hover:hover){.___STagContainer_1cnea_gg_ .___STagContainerClose_1cnea_gg_:hover svg path{opacity:1}}.___STagContainer_1cnea_gg_ .___STagContainerClose_1cnea_gg_._size_xl_1cnea_gg_ svg{padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "1cnea_gg_") /*__reshadow_css_end__*/, {
+  "__SCircle": "___SCircle_1cnea_gg_",
+  "_size_m": "_size_m_1cnea_gg_",
+  "_size_l": "_size_l_1cnea_gg_",
+  "_size_xl": "_size_xl_1cnea_gg_",
+  "__SAddon": "___SAddon_1cnea_gg_",
+  "__STagContainer": "___STagContainer_1cnea_gg_",
+  "__STag": "___STag_1cnea_gg_",
+  "_disabled": "__disabled_1cnea_gg_",
+  "__STagContainerClose": "___STagContainerClose_1cnea_gg_",
+  "_interactiveView": "__interactiveView_1cnea_gg_",
+  "_theme_primary-invert": "_theme_primary-invert_1cnea_gg_",
+  "_theme_secondary-invert": "_theme_secondary-invert_1cnea_gg_",
+  "_theme_additional-invert": "_theme_additional-invert_1cnea_gg_",
+  "__SText": "___SText_1cnea_gg_",
+  "_keyboardFocused": "__keyboardFocused_1cnea_gg_",
+  "--tag-color": "--tag-color_1cnea",
+  "_interactive": "__interactive_1cnea_gg_",
+  "_theme_primary": "_theme_primary_1cnea_gg_",
+  "_active": "__active_1cnea_gg_",
+  "_theme_secondary": "_theme_secondary_1cnea_gg_",
+  "_theme_additional": "_theme_additional_1cnea_gg_",
+  "__SClose": "___SClose_1cnea_gg_"
 });
 var legacyThemeRecommendedMigration = {
   primary: {
@@ -329,6 +329,7 @@ var RootCloseTagContainer = /*#__PURE__*/function (_Component3) {
         resolveColor = _this$asProps9.resolveColor;
       return _ref11 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(STagContainerClose, _ref11.cn("STagContainerClose", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
         "tag": 'button',
+        "type": 'button',
         "interactive": true,
         "interactiveView": true,
         "tag-color": resolveColor(color),