intergalactic 15.88.0 → 15.89.0-prerelease.0

package/spin/lib/es6/Spin.js

@@ -10,20 +10,23 @@ import React from 'react';
 import createComponent, { Component, sstyled, Root } from 'intergalactic/core';
 import { Box } from 'intergalactic/flex-box';
 import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
+import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
+import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
+import { ScreenReaderOnly } from 'intergalactic/utils/lib/ScreenReaderOnly';
 /*__reshadow-styles__:"./style/spin.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes spin-rotate_k4jfi{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}.___SSpin_k4jfi_gg_{display:block;flex-shrink:0;box-sizing:border-box;animation-name:spin-rotate_k4jfi;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:.75s;fill:var(--theme_k4jfi)}.___SSpin_k4jfi_gg_._theme_dark_k4jfi_gg_{fill:var(--intergalactic-border-primary, #c4c7cf)}.___SSpin_k4jfi_gg_._theme_invert_k4jfi_gg_{fill:var(--intergalactic-border-primary-invert, #ffffff)}.___SSpin_k4jfi_gg_.__centered_k4jfi_gg_{margin:auto}.___SSpin_k4jfi_gg_._size_xs_k4jfi_gg_{width:16px;height:16px}.___SSpin_k4jfi_gg_._size_s_k4jfi_gg_{width:20px;height:20px}.___SSpin_k4jfi_gg_._size_m_k4jfi_gg_{width:24px;height:24px}.___SSpin_k4jfi_gg_._size_l_k4jfi_gg_{width:32px;height:32px}.___SSpin_k4jfi_gg_._size_xl_k4jfi_gg_{width:48px;height:48px}.___SSpin_k4jfi_gg_._size_xxl_k4jfi_gg_{width:72px;height:72px}@media (prefers-reduced-motion){.___SSpin_k4jfi_gg_{animation-name:none}}" /*__inner_css_end__*/, "k4jfi_gg_") /*__reshadow_css_end__*/, {
-  "@spin-rotate": "spin-rotate_k4jfi",
-  "__SSpin": "___SSpin_k4jfi_gg_",
-  "--theme": "--theme_k4jfi",
-  "_theme_dark": "_theme_dark_k4jfi_gg_",
-  "_theme_invert": "_theme_invert_k4jfi_gg_",
-  "_centered": "__centered_k4jfi_gg_",
-  "_size_xs": "_size_xs_k4jfi_gg_",
-  "_size_s": "_size_s_k4jfi_gg_",
-  "_size_m": "_size_m_k4jfi_gg_",
-  "_size_l": "_size_l_k4jfi_gg_",
-  "_size_xl": "_size_xl_k4jfi_gg_",
-  "_size_xxl": "_size_xxl_k4jfi_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes spin-rotate_1gxji{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}.___SSpin_1gxji_gg_{display:block;flex-shrink:0;box-sizing:border-box;animation-name:spin-rotate_1gxji;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:.75s;fill:var(--theme_1gxji)}.___SSpin_1gxji_gg_._theme_dark_1gxji_gg_{fill:var(--intergalactic-border-primary, #c4c7cf)}.___SSpin_1gxji_gg_._theme_invert_1gxji_gg_{fill:var(--intergalactic-border-primary-invert, #ffffff)}.___SSpin_1gxji_gg_.__centered_1gxji_gg_{margin:auto}.___SSpin_1gxji_gg_._size_xs_1gxji_gg_{width:16px;height:16px}.___SSpin_1gxji_gg_._size_s_1gxji_gg_{width:20px;height:20px}.___SSpin_1gxji_gg_._size_m_1gxji_gg_{width:24px;height:24px}.___SSpin_1gxji_gg_._size_l_1gxji_gg_{width:32px;height:32px}.___SSpin_1gxji_gg_._size_xl_1gxji_gg_{width:48px;height:48px}.___SSpin_1gxji_gg_._size_xxl_1gxji_gg_{width:72px;height:72px}@media (prefers-reduced-motion){.___SSpin_1gxji_gg_{animation-name:none}}" /*__inner_css_end__*/, "1gxji_gg_") /*__reshadow_css_end__*/, {
+  "@spin-rotate": "spin-rotate_1gxji",
+  "__SSpin": "___SSpin_1gxji_gg_",
+  "--theme": "--theme_1gxji",
+  "_theme_dark": "_theme_dark_1gxji_gg_",
+  "_theme_invert": "_theme_invert_1gxji_gg_",
+  "_centered": "__centered_1gxji_gg_",
+  "_size_xs": "_size_xs_1gxji_gg_",
+  "_size_s": "_size_s_1gxji_gg_",
+  "_size_m": "_size_m_1gxji_gg_",
+  "_size_l": "_size_l_1gxji_gg_",
+  "_size_xl": "_size_xl_1gxji_gg_",
+  "_size_xxl": "_size_xxl_1gxji_gg_"
 });
 var RootSpin = /*#__PURE__*/function (_Component) {
   _inherits(RootSpin, _Component);
@@ -42,14 +45,24 @@ var RootSpin = /*#__PURE__*/function (_Component) {
         Children = _this$asProps.Children,
         styles = _this$asProps.styles,
         theme = _this$asProps.theme,
-        resolveColor = _this$asProps.resolveColor;
+        resolveColor = _this$asProps.resolveColor,
+        getI18nText = _this$asProps.getI18nText;
       return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SSpin, _ref2.cn("SSpin", _objectSpread({}, _assignProps({
         "tag": 'svg',
         "viewBox": '0 0 24 24',
         "use:theme": resolveColor(theme),
         "aria-busy": 'true',
-        "aria-hidden": 'true'
-      }, _ref))), /*#__PURE__*/React.createElement("path", _ref2.cn("path", {
+        "aria-label": getI18nText('loading')
+      }, _ref))), /*#__PURE__*/React.createElement("foreignObject", _ref2.cn("foreignObject", {
+        "x": '0',
+        "y": '0',
+        "width": '0',
+        "height": '0'
+      }), /*#__PURE__*/React.createElement(ScreenReaderOnly, _ref2.cn("ScreenReaderOnly", {
+        "aria-live": 'polite',
+        "role": 'status',
+        "aria-atomic": 'true'
+      }), getI18nText('loading'))), /*#__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'
       })), /*#__PURE__*/React.createElement(Children, _ref2.cn("Children", {})));
     }
@@ -58,7 +71,7 @@ var RootSpin = /*#__PURE__*/function (_Component) {
 }(Component);
 _defineProperty(RootSpin, "displayName", 'Spin');
 _defineProperty(RootSpin, "style", style);
-_defineProperty(RootSpin, "enhance", [resolveColorEnhance()]);
+_defineProperty(RootSpin, "enhance", [resolveColorEnhance(), i18nEnhance(localizedMessages)]);
 _defineProperty(RootSpin, "defaultProps", {
   size: 'm',
   theme: 'dark'

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

@@ -1 +1 @@
-{"version":3,"file":"Spin.js","names":["React","createComponent","Component","sstyled","Root","Box","resolveColorEnhance","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","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';\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()];\n  static defaultProps = {\n    size: 'm',\n    theme: 'dark',\n  };\n\n  render() {\n    const SSpin = Root;\n    const { Children, styles, theme, resolveColor } = 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-hidden='true'\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;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAI5EC,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,GAICpB,GAAG;MAHf,IAAAqB,aAAA,GAAkD,IAAI,CAACH,OAAO;QAAtDI,QAAQ,GAAAD,aAAA,CAARC,QAAQ;QAAEC,MAAM,GAAAF,aAAA,CAANE,MAAM;QAAEC,KAAK,GAAAH,aAAA,CAALG,KAAK;QAAEC,YAAY,GAAAJ,aAAA,CAAZI,YAAY;MAC7C,OAAAN,KAAA,GAAOrB,OAAO,CAACyB,MAAM,CAAC,eACpB5B,KAAA,CAAA+B,aAAA,CAACN,KAAK,EAAAD,KAAA,CAAAQ,EAAA,UAAAC,aAAA,KAAAC,YAAA;QAAA,OAEA,KAAK;QAAA,WACD,WAAW;QAAA,aACRJ,YAAY,CAACD,KAAK,CAAC;QAAA,aACpB,MAAM;QAAA,eACJ;MAAM,GAAAP,IAAA,kBAElBtB,KAAA,CAAA+B,aAAA,SAAAP,KAAA,CAAAQ,EAAA;QAAA,KAAQ;MAAglB,GAAG,eAC3lBhC,KAAA,CAAA+B,aAAA,CAACJ,QAAQ,EAAAH,KAAA,CAAAQ,EAAA,iBAAG,CACN;IAEZ;EAAC;EAAA,OAAAtB,QAAA;AAAA,EAzBoBR,SAAS;AAAAiC,eAAA,CAA1BzB,QAAQ,iBACS,MAAM;AAAAyB,eAAA,CADvBzB,QAAQ,WAEGH,KAAK;AAAA4B,eAAA,CAFhBzB,QAAQ,aAGK,CAACJ,mBAAmB,EAAE,CAAC;AAAA6B,eAAA,CAHpCzB,QAAQ,kBAIU;EACpB0B,IAAI,EAAE,GAAG;EACTP,KAAK,EAAE;AACT,CAAC;AAqBH,eAAe5B,eAAe,CAACS,QAAQ,CAAC"}
+{"version":3,"file":"Spin.js","names":["React","createComponent","Component","sstyled","Root","Box","resolveColorEnhance","i18nEnhance","localizedMessages","ScreenReaderOnly","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';\nimport { ScreenReaderOnly } from '@semcore/utils/lib/ScreenReaderOnly';\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        <foreignObject x='0' y='0' width='0' height='0'>\n          <ScreenReaderOnly aria-live='polite' role='status' aria-atomic='true'>\n            {getI18nText('loading')}\n          </ScreenReaderOnly>\n        </foreignObject>\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;AAClF,SAASC,gBAAgB,QAAQ,qCAAqC;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAIjEC,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,GAICvB,GAAG;MAHf,IAAAwB,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,GAAOxB,OAAO,CAAC4B,MAAM,CAAC,eACpB/B,KAAA,CAAAmC,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,kBAElCzB,KAAA,CAAAmC,aAAA,kBAAAR,KAAA,CAAAS,EAAA;QAAA,KAAiB,GAAG;QAAA,KAAG,GAAG;QAAA,SAAO,GAAG;QAAA,UAAQ;MAAG,iBAC7CpC,KAAA,CAAAmC,aAAA,CAAC1B,gBAAgB,EAAAkB,KAAA,CAAAS,EAAA;QAAA,aAAW,QAAQ;QAAA,QAAM,QAAQ;QAAA,eAAa;MAAM,IAClEF,WAAW,CAAC,SAAS,CAAC,CACN,CACL,eAChBlC,KAAA,CAAAmC,aAAA,SAAAR,KAAA,CAAAS,EAAA;QAAA,KAAQ;MAAglB,GAAG,eAC3lBpC,KAAA,CAAAmC,aAAA,CAACL,QAAQ,EAAAH,KAAA,CAAAS,EAAA,iBAAG,CACN;IAEZ;EAAC;EAAA,OAAAvB,QAAA;AAAA,EA9BoBX,SAAS;AAAAqC,eAAA,CAA1B1B,QAAQ,iBACS,MAAM;AAAA0B,eAAA,CADvB1B,QAAQ,WAEGH,KAAK;AAAA6B,eAAA,CAFhB1B,QAAQ,aAGK,CAACP,mBAAmB,EAAE,EAAEC,WAAW,CAACC,iBAAiB,CAAC,CAAC;AAAA+B,eAAA,CAHpE1B,QAAQ,kBAIU;EACpB2B,IAAI,EAAE,GAAG;EACTR,KAAK,EAAE;AACT,CAAC;AA0BH,eAAe/B,eAAe,CAACY,QAAQ,CAAC"}

package/spin/lib/es6/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps } from '@semcore/flex-box';\n\nexport type SpinSize = 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';\n\n/** @deprecated */\nexport interface ISpinProps extends SpinProps, UnknownProperties {}\nexport type SpinProps = BoxProps & {\n  /** Spinner size\n   * @default m\n   **/\n  size?: SpinSize;\n  /** Spinner theme. There are several default themes or you can use your own color\n   * @default dark\n   **/\n  theme?: 'dark' | 'invert' | string;\n  /** Whether the spinner should be in the center of the parent.\n   * This works for a nested spinner in flex,\n   * otherwise only horizontal alignment will occur.\n   * */\n  centered?: boolean;\n};\n\ndeclare const Spin: Intergalactic.Component<'div', SpinProps>;\n\nexport default Spin;\n"],"mappings":""}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps } from '@semcore/flex-box';\n\nexport type SpinSize = 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';\n\n/** @deprecated */\nexport interface ISpinProps extends SpinProps, UnknownProperties {}\nexport type SpinProps = BoxProps & {\n  /** Spinner size\n   * @default m\n   **/\n  size?: SpinSize;\n  /** Spinner theme. There are several default themes or you can use your own color\n   * @default dark\n   **/\n  theme?: 'dark' | 'invert' | string;\n  /** Whether the spinner should be in the center of the parent.\n   * This works for a nested spinner in flex,\n   * otherwise only horizontal alignment will occur.\n   * */\n  centered?: boolean;\n\n  locale?: string;\n};\n\ndeclare const Spin: Intergalactic.Component<'div', SpinProps>;\n\nexport default Spin;\n"],"mappings":""}

package/spin/lib/es6/translations/de.json

@@ -0,0 +1,3 @@
+{
+  "loading": "Wird geladen …"
+}

package/spin/lib/es6/translations/en.json

@@ -0,0 +1,3 @@
+{
+  "loading": "Loading…"
+}

package/spin/lib/es6/translations/es.json

@@ -0,0 +1,3 @@
+{
+  "loading": "Cargando"
+}

package/spin/lib/es6/translations/fr.json

@@ -0,0 +1,3 @@
+{
+  "loading": "Chargement en cours"
+}

package/spin/lib/es6/translations/it.json

@@ -0,0 +1,3 @@
+{
+  "loading": "Caricamento"
+}

package/spin/lib/es6/translations/ja.json

@@ -0,0 +1,3 @@
+{
+  "loading": "読み込み中"
+}

package/spin/lib/es6/translations/ko.json

@@ -0,0 +1,3 @@
+{
+  "loading": "로딩 중"
+}

package/spin/lib/es6/translations/nl.json

@@ -0,0 +1,3 @@
+{
+  "loading": "Bezig met laden..."
+}

package/spin/lib/es6/translations/pl.json

@@ -0,0 +1,3 @@
+{
+  "loading": "Ładowanie…"
+}

package/spin/lib/es6/translations/pt.json

@@ -0,0 +1,3 @@
+{
+  "loading": "Carregando"
+}

package/spin/lib/es6/translations/sv.json

@@ -0,0 +1,3 @@
+{
+  "loading": "Laddar…"
+}

package/spin/lib/es6/translations/tr.json

@@ -0,0 +1,3 @@
+{
+  "loading": "Yükleniyor"
+}

package/spin/lib/es6/translations/vi.json

@@ -0,0 +1,3 @@
+{
+  "loading": "Đang tải…"
+}

package/spin/lib/es6/translations/zh.json

@@ -0,0 +1,3 @@
+{
+  "loading": "正在加载"
+}

package/spin/lib/types/index.d.ts

@@ -19,6 +19,8 @@ export type SpinProps = BoxProps & {
    * otherwise only horizontal alignment will occur.
    * */
   centered?: boolean;
+
+  locale?: string;
 };
 
 declare const Spin: Intergalactic.Component<'div', SpinProps>;

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_6u2fo_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_6u2fo_gg_{z-index:0;position:relative}.___SOverlay_6u2fo_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_6u2fo_gg_._theme_invert_6u2fo_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SOverlay_6u2fo_gg_._theme_dark_6u2fo_gg_{background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SOverlay_6u2fo_gg_._theme_custom_6u2fo_gg_{background-color:var(--background_6u2fo)}" /*__inner_css_end__*/, "6u2fo_gg_") /*__reshadow_css_end__*/, {
-  "__SSpinContainer": "___SSpinContainer_6u2fo_gg_",
-  "__SContent": "___SContent_6u2fo_gg_",
-  "__SOverlay": "___SOverlay_6u2fo_gg_",
-  "_theme_invert": "_theme_invert_6u2fo_gg_",
-  "_theme_dark": "_theme_dark_6u2fo_gg_",
-  "_theme_custom": "_theme_custom_6u2fo_gg_",
-  "--background": "--background_6u2fo"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SSpinContainer_11w95_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_11w95_gg_{z-index:0;position:relative}.___SOverlay_11w95_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_11w95_gg_._theme_invert_11w95_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SOverlay_11w95_gg_._theme_dark_11w95_gg_{background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SOverlay_11w95_gg_._theme_custom_11w95_gg_{background-color:var(--background_11w95)}" /*__inner_css_end__*/, "11w95_gg_") /*__reshadow_css_end__*/, {
+  "__SSpinContainer": "___SSpinContainer_11w95_gg_",
+  "__SContent": "___SContent_11w95_gg_",
+  "__SOverlay": "___SOverlay_11w95_gg_",
+  "_theme_invert": "_theme_invert_11w95_gg_",
+  "_theme_dark": "_theme_dark_11w95_gg_",
+  "_theme_custom": "_theme_custom_11w95_gg_",
+  "--background": "--background_11w95"
 });
 var SpinContainerRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(SpinContainerRoot, _Component);
@@ -58,6 +58,14 @@ var SpinContainerRoot = /*#__PURE__*/function (_Component) {
         resolveColor: resolveColor
       };
     }
+  }, {
+    key: "getContentProps",
+    value: function getContentProps() {
+      var loading = this.asProps.loading;
+      return {
+        inert: loading ? '' : undefined
+      };
+    }
   }, {
     key: "render",
     value: function render() {

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","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  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":";;;;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,oBAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,cAAA,GAAAP,OAAA;AAAiE;AAAA,IAAAQ,KAAA,+BAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAI3DC,iBAAiB,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,iBAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,iBAAA;EAAA,SAAAA,kBAAA;IAAA,IAAAK,gBAAA,mBAAAL,iBAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,aAAAR,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,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAR,OAAA;QAAAS,KAAA;MACP,IAAMC,cAAc,GAOMC,YAAG;MAN7B,IAAAC,cAAA,GAA0D,IAAI,CAACZ,OAAO;QAA9Da,MAAM,GAAAD,cAAA,CAANC,MAAM;QAAEC,QAAQ,GAAAF,cAAA,CAARE,QAAQ;QAAEb,OAAO,GAAAW,cAAA,CAAPX,OAAO;QAAEc,kBAAkB,GAAAH,cAAA,CAAlBG,kBAAkB;MAErD,IAAMC,YAAY,GAChBD,kBAAkB,IAAI,IAAAE,4BAAa,EAACH,QAAQ,EAAE,CAACI,aAAa,CAACC,OAAO,CAACC,WAAW,CAAC,CAAC;MAEpF,OAAAX,KAAA,GAAO,IAAAxB,aAAO,EAAC4B,MAAM,CAAC,eACpBrC,MAAA,YAAA6C,aAAA,CAACX,cAAc,EAAAD,KAAA,CAAAa,EAAA,uBAAAC,cAAA,qBAAAlD,KAAA,CAAAmD,WAAA;QAAA,aAAyBvB;MAAO,GAAAO,IAAA,KAC5CQ,YAAY,gBACXxC,MAAA,YAAA6C,aAAA,CAACP,QAAQ,EAAAL,KAAA,CAAAa,EAAA,iBAAG,gBAEZ9C,MAAA,YAAA6C,aAAA,CAAA7C,MAAA,YAAAiD,QAAA,qBACEjD,MAAA,YAAA6C,aAAA,CAACH,aAAa,CAACQ,OAAO,qBACpBlD,MAAA,YAAA6C,aAAA,CAACP,QAAQ,EAAAL,KAAA,CAAAa,EAAA,iBAAG,CACU,eACxB9C,MAAA,YAAA6C,aAAA,CAACH,aAAa,CAACC,OAAO,OAAG,CAE5B,CACc;IAErB;EAAC;EAAA,OAAAhC,iBAAA;AAAA,EA7C6BwC,eAAS;AAAA,IAAAC,gBAAA,aAAnCzC,iBAAiB,iBACA,eAAe;AAAA,IAAAyC,gBAAA,aADhCzC,iBAAiB,WAENJ,KAAK;AAAA,IAAA6C,gBAAA,aAFhBzC,iBAAiB,kBAGC;EACpBiB,IAAI,EAAE,KAAK;EACXC,KAAK,EAAE,MAAM;EACbF,QAAQ,EAAE;AACZ,CAAC;AAAA,IAAAyB,gBAAA,aAPGzC,iBAAiB,aAQJ,CAAC,IAAA0C,+BAAmB,GAAE,CAAC;AAAA,IAwCpCV,OAAO,0BAAAW,WAAA;EAAA,IAAAzC,UAAA,aAAA8B,OAAA,EAAAW,WAAA;EAAA,IAAAC,OAAA,OAAAxC,aAAA,aAAA4B,OAAA;EAAA,SAAAA,QAAA;IAAA,IAAA3B,gBAAA,mBAAA2B,OAAA;IAAA,OAAAY,OAAA,CAAAtC,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,aAAAwB,OAAA;IAAAvB,GAAA;IAAAC,KAAA,EAKX,SAAAU,OAAA,EAAS;MAAA,IAAAyB,KAAA,QAAAhC,OAAA;QAAAiC,KAAA;MACP,IAAMC,QAAQ,GAMQvB,YAAG;MALzB,IAAAwB,cAAA,GAAuE,IAAI,CAACnC,OAAO;QAA3Ea,MAAM,GAAAsB,cAAA,CAANtB,MAAM;QAAER,KAAK,GAAA8B,cAAA,CAAL9B,KAAK;QAAEH,UAAU,GAAAiC,cAAA,CAAVjC,UAAU;QAAED,OAAO,GAAAkC,cAAA,CAAPlC,OAAO;QAAEE,QAAQ,GAAAgC,cAAA,CAARhC,QAAQ;QAAEG,YAAY,GAAA6B,cAAA,CAAZ7B,YAAY;MAClE,IAAM8B,QAAQ,GAAGlC,UAAU,GAAG,QAAQ,GAAGG,KAAK;MAE9C,OAAA4B,KAAA,GAAO,IAAAhD,aAAO,EAAC4B,MAAM,CAAC,eACpBrC,MAAA,YAAA6C,aAAA,CAAC3C,UAAA,CAAA2D,SAAS,EAAAJ,KAAA,CAAAX,EAAA;QAAA,WAAUrB,OAAO;QAAA,YAAYE;MAAQ,iBAC7C3B,MAAA,YAAA6C,aAAA,CAACa,QAAQ,EAAAD,KAAA,CAAAX,EAAA,iBAAAC,cAAA,qBAAAlD,KAAA,CAAAmD,WAAA;QAAA,aAAyBY,QAAQ;QAAA,kBAAkB9B,YAAY,CAACJ,UAAU;MAAC,GAAA8B,KAAA,IAAI,CAC9E;IAEhB;EAAC;EAAA,OAAAb,OAAA;AAAA,EAfmBQ,eAAS;AAAA,IAAAC,gBAAA,aAAzBT,OAAO,kBACW,UAAAmB,KAAA;EAAA,IAAGlC,IAAI,GAAAkC,KAAA,CAAJlC,IAAI;IAAEC,KAAK,GAAAiC,KAAA,CAALjC,KAAK;EAAA,OAAQ;IAC1CkC,QAAQ,eAAE/D,MAAA,YAAA6C,aAAA,CAAC1C,KAAA,WAAI;MAACyB,IAAI,EAAEA,IAAK;MAACC,KAAK,EAAEA;IAAM;EAC3C,CAAC;AAAA,CAAC;AAeJ,SAASqB,OAAOA,CAACc,KAAK,EAAE;EAAA,IAAAC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EACtB,IAAMC,QAAQ,GAE2BjC,YAAG;EAD5C,IAAQE,MAAM,GAAK2B,KAAK,CAAhB3B,MAAM;EACd,OAAA8B,KAAA,GAAO,IAAA1D,aAAO,EAAC4B,MAAM,CAAC,eAACrC,MAAA,YAAA6C,aAAA,CAACuB,QAAQ,EAAAD,KAAA,CAAArB,EAAA,iBAAAC,cAAA,qBAAAlD,KAAA,CAAAmD,WAAA,MAAAiB,KAAA,IAAgB;AAClD;AAEA,IAAMvB,aAAa,GAAG,IAAA2B,gBAAe,EAAC1D,iBAAiB,EAAE;EACvDgC,OAAO,EAAPA,OAAO;EACPO,OAAO,EAAPA;AACF,CAAC,CAAC;AAAC,IAAAoB,QAAA,GAEY5B,aAAa;AAAA6B,OAAA,cAAAD,QAAA"}
+{"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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"}

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_6u2fo_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_6u2fo_gg_{z-index:0;position:relative}.___SOverlay_6u2fo_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_6u2fo_gg_._theme_invert_6u2fo_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SOverlay_6u2fo_gg_._theme_dark_6u2fo_gg_{background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SOverlay_6u2fo_gg_._theme_custom_6u2fo_gg_{background-color:var(--background_6u2fo)}" /*__inner_css_end__*/, "6u2fo_gg_") /*__reshadow_css_end__*/, {
-  "__SSpinContainer": "___SSpinContainer_6u2fo_gg_",
-  "__SContent": "___SContent_6u2fo_gg_",
-  "__SOverlay": "___SOverlay_6u2fo_gg_",
-  "_theme_invert": "_theme_invert_6u2fo_gg_",
-  "_theme_dark": "_theme_dark_6u2fo_gg_",
-  "_theme_custom": "_theme_custom_6u2fo_gg_",
-  "--background": "--background_6u2fo"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SSpinContainer_11w95_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_11w95_gg_{z-index:0;position:relative}.___SOverlay_11w95_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_11w95_gg_._theme_invert_11w95_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SOverlay_11w95_gg_._theme_dark_11w95_gg_{background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SOverlay_11w95_gg_._theme_custom_11w95_gg_{background-color:var(--background_11w95)}" /*__inner_css_end__*/, "11w95_gg_") /*__reshadow_css_end__*/, {
+  "__SSpinContainer": "___SSpinContainer_11w95_gg_",
+  "__SContent": "___SContent_11w95_gg_",
+  "__SOverlay": "___SOverlay_11w95_gg_",
+  "_theme_invert": "_theme_invert_11w95_gg_",
+  "_theme_dark": "_theme_dark_11w95_gg_",
+  "_theme_custom": "_theme_custom_11w95_gg_",
+  "--background": "--background_11w95"
 });
 var SpinContainerRoot = /*#__PURE__*/function (_Component) {
   _inherits(SpinContainerRoot, _Component);
@@ -53,6 +53,14 @@ var SpinContainerRoot = /*#__PURE__*/function (_Component) {
         resolveColor: resolveColor
       };
     }
+  }, {
+    key: "getContentProps",
+    value: function getContentProps() {
+      var loading = this.asProps.loading;
+      return {
+        inert: loading ? '' : undefined
+      };
+    }
   }, {
     key: "render",
     value: function render() {

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","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  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} 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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"}

package/sticky/lib/cjs/Sticky.js

@@ -17,8 +17,8 @@ var _core = _interopRequireWildcard(require("intergalactic/core"));
 var _react = _interopRequireDefault(require("react"));
 var _flexBox = require("intergalactic/flex-box");
 /*__reshadow-styles__:"./style/sticky.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SSticky_1xmja_gg_{position:sticky}" /*__inner_css_end__*/, "1xmja_gg_") /*__reshadow_css_end__*/, {
-  "__SSticky": "___SSticky_1xmja_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SSticky_yq4mb_gg_{position:sticky}" /*__inner_css_end__*/, "yq4mb_gg_") /*__reshadow_css_end__*/, {
+  "__SSticky": "___SSticky_yq4mb_gg_"
 });
 /** @deprecated */
 var StickyRoot = /*#__PURE__*/function (_Component) {

package/sticky/lib/es6/Sticky.js

@@ -10,8 +10,8 @@ import React from 'react';
 import { Box } from 'intergalactic/flex-box';
 import createComponent, { Component, sstyled, Root } from 'intergalactic/core';
 /*__reshadow-styles__:"./style/sticky.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SSticky_1xmja_gg_{position:sticky}" /*__inner_css_end__*/, "1xmja_gg_") /*__reshadow_css_end__*/, {
-  "__SSticky": "___SSticky_1xmja_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SSticky_yq4mb_gg_{position:sticky}" /*__inner_css_end__*/, "yq4mb_gg_") /*__reshadow_css_end__*/, {
+  "__SSticky": "___SSticky_yq4mb_gg_"
 });
 /** @deprecated */
 var StickyRoot = /*#__PURE__*/function (_Component) {

package/switch/lib/cjs/Switch.js

@@ -34,27 +34,27 @@ var _uniqueID = _interopRequireDefault(require("intergalactic/utils/lib/uniqueID
 var _canUseDOM = _interopRequireDefault(require("intergalactic/utils/lib/canUseDOM"));
 var _excluded = ["Children", "forwardRef", "styles", "includeInputProps", "keyboardFocused", "neighborLocation", "theme", "uid", "active", "resolveColor"];
 /*__reshadow-styles__:"./style/switch.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SSwitch_1o9gh_gg_{display:inline-flex;vertical-align:middle;align-items:center;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SSwitch_1o9gh_gg_.__size_1o9gh_gg_ .___SToggle_1o9gh_gg_{border-radius:var(--intergalactic-switch-rounded, 24px)}.___SSwitch_1o9gh_gg_._size_m_1o9gh_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SSwitch_1o9gh_gg_._size_m_1o9gh_gg_ .___SToggle_1o9gh_gg_{width:20px;height:12px;min-width:20px}.___SSwitch_1o9gh_gg_._size_m_1o9gh_gg_ .___SSlider_1o9gh_gg_{width:8px;height:8px;border-radius:4px}.___SSwitch_1o9gh_gg_._size_l_1o9gh_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SSwitch_1o9gh_gg_._size_l_1o9gh_gg_ .___SToggle_1o9gh_gg_{height:20px;width:36px;min-width:36px}.___SSwitch_1o9gh_gg_._size_l_1o9gh_gg_ .___SSlider_1o9gh_gg_{width:16px;height:16px;border-radius:8px}.___SSwitch_1o9gh_gg_._size_xl_1o9gh_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SSwitch_1o9gh_gg_._size_xl_1o9gh_gg_ .___SToggle_1o9gh_gg_{width:44px;height:24px;min-width:44px}.___SSwitch_1o9gh_gg_._size_xl_1o9gh_gg_ .___SSlider_1o9gh_gg_{width:20px;height:20px;border-radius:10px}.___SSwitch_1o9gh_gg_.__disabled_1o9gh_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SSwitch_1o9gh_gg_.__disabled_1o9gh_gg_ .___SAddon_1o9gh_gg_,.___SSwitch_1o9gh_gg_.__disabled_1o9gh_gg_ .___SToggle_1o9gh_gg_{cursor:default}.___SSlider_1o9gh_gg_,.___SToggle_1o9gh_gg_{display:flex;align-items:center;justify-content:space-around}.___SToggle_1o9gh_gg_{background:var(--intergalactic-control-switch-bg, #a9abb6);position:relative;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer}.___SToggle_1o9gh_gg_.__checked_1o9gh_gg_._theme_info_1o9gh_gg_{color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-control-primary-info, #008ff8)}.___SToggle_1o9gh_gg_.__checked_1o9gh_gg_._theme_success_1o9gh_gg_{color:var(--intergalactic-control-primary-success, #009f81);background-color:var(--intergalactic-control-primary-success, #009f81)}.___SToggle_1o9gh_gg_.__checked_1o9gh_gg_._theme_custom_1o9gh_gg_{color:var(--color_1o9gh);background-color:var(--color_1o9gh)}.___SToggle_1o9gh_gg_.__keyboardFocused_1o9gh_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SToggle_1o9gh_gg_._neighborLocation_left_1o9gh_gg_{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SToggle_1o9gh_gg_._neighborLocation_both_1o9gh_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);margin-left:var(--intergalactic-spacing-2x, 8px)}.___SToggle_1o9gh_gg_._neighborLocation_right_1o9gh_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SSlider_1o9gh_gg_{background:var(--intergalactic-bg-primary-neutral, #ffffff);transform:translateX(-50%) scaleX(1);transition:transform calc(var(--intergalactic-duration-switch, 100)*1ms) ease-in-out}.___SSlider_1o9gh_gg_.__checked_1o9gh_gg_{transform:translateX(50%) scaleX(1)}.___SToggle_1o9gh_gg_.__active_1o9gh_gg_ .___SSlider_1o9gh_gg_{transform:translateX(-50%) scaleX(1.15) translateX(1px)}.___SToggle_1o9gh_gg_.__active_1o9gh_gg_ .___SSlider_1o9gh_gg_.__checked_1o9gh_gg_{transform:translateX(50%) scaleX(1.15) translateX(-1px)}.___SInput_1o9gh_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SAddon_1o9gh_gg_{cursor:pointer}.___SAddon_1o9gh_gg_._neighborLocation_right_1o9gh_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SAddon_1o9gh_gg_._neighborLocation_left_1o9gh_gg_,.___SSwitch_1o9gh_gg_.__checked_1o9gh_gg_ .___SAddon_1o9gh_gg_._neighborLocation_right_1o9gh_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SAddon_1o9gh_gg_._neighborLocation_left_1o9gh_gg_:nth-child(2){color:var(--intergalactic-text-primary, #191b23)}.___SSwitch_1o9gh_gg_.__checked_1o9gh_gg_ .___SAddon_1o9gh_gg_._neighborLocation_right_1o9gh_gg_:nth-last-child(2){color:var(--intergalactic-text-primary, #191b23)}.___SSwitch_1o9gh_gg_.__checked_1o9gh_gg_ .___SAddon_1o9gh_gg_._neighborLocation_left_1o9gh_gg_{color:var(--intergalactic-text-primary, #191b23)}@media (prefers-reduced-motion){.___SSlider_1o9gh_gg_{transition:none}}" /*__inner_css_end__*/, "1o9gh_gg_") /*__reshadow_css_end__*/, {
-  "__SSwitch": "___SSwitch_1o9gh_gg_",
-  "__SToggle": "___SToggle_1o9gh_gg_",
-  "_checked": "__checked_1o9gh_gg_",
-  "_theme_info": "_theme_info_1o9gh_gg_",
-  "_theme_success": "_theme_success_1o9gh_gg_",
-  "_theme_custom": "_theme_custom_1o9gh_gg_",
-  "--color": "--color_1o9gh",
-  "_keyboardFocused": "__keyboardFocused_1o9gh_gg_",
-  "_neighborLocation_left": "_neighborLocation_left_1o9gh_gg_",
-  "_neighborLocation_both": "_neighborLocation_both_1o9gh_gg_",
-  "_neighborLocation_right": "_neighborLocation_right_1o9gh_gg_",
-  "__SInput": "___SInput_1o9gh_gg_",
-  "__SAddon": "___SAddon_1o9gh_gg_",
-  "__SSlider": "___SSlider_1o9gh_gg_",
-  "_size": "__size_1o9gh_gg_",
-  "_size_m": "_size_m_1o9gh_gg_",
-  "_size_l": "_size_l_1o9gh_gg_",
-  "_size_xl": "_size_xl_1o9gh_gg_",
-  "_disabled": "__disabled_1o9gh_gg_",
-  "_active": "__active_1o9gh_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SSwitch_11cdk_gg_{display:inline-flex;vertical-align:middle;align-items:center;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SSwitch_11cdk_gg_.__size_11cdk_gg_ .___SToggle_11cdk_gg_{border-radius:var(--intergalactic-switch-rounded, 24px)}.___SSwitch_11cdk_gg_._size_m_11cdk_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SSwitch_11cdk_gg_._size_m_11cdk_gg_ .___SToggle_11cdk_gg_{width:20px;height:12px;min-width:20px}.___SSwitch_11cdk_gg_._size_m_11cdk_gg_ .___SSlider_11cdk_gg_{width:8px;height:8px;border-radius:4px}.___SSwitch_11cdk_gg_._size_l_11cdk_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SSwitch_11cdk_gg_._size_l_11cdk_gg_ .___SToggle_11cdk_gg_{height:20px;width:36px;min-width:36px}.___SSwitch_11cdk_gg_._size_l_11cdk_gg_ .___SSlider_11cdk_gg_{width:16px;height:16px;border-radius:8px}.___SSwitch_11cdk_gg_._size_xl_11cdk_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SSwitch_11cdk_gg_._size_xl_11cdk_gg_ .___SToggle_11cdk_gg_{width:44px;height:24px;min-width:44px}.___SSwitch_11cdk_gg_._size_xl_11cdk_gg_ .___SSlider_11cdk_gg_{width:20px;height:20px;border-radius:10px}.___SSwitch_11cdk_gg_.__disabled_11cdk_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SSwitch_11cdk_gg_.__disabled_11cdk_gg_ .___SAddon_11cdk_gg_,.___SSwitch_11cdk_gg_.__disabled_11cdk_gg_ .___SToggle_11cdk_gg_{cursor:default}.___SSlider_11cdk_gg_,.___SToggle_11cdk_gg_{display:flex;align-items:center;justify-content:space-around}.___SToggle_11cdk_gg_{background:var(--intergalactic-control-switch-bg, #a9abb6);position:relative;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer}.___SToggle_11cdk_gg_.__checked_11cdk_gg_._theme_info_11cdk_gg_{color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-control-primary-info, #008ff8)}.___SToggle_11cdk_gg_.__checked_11cdk_gg_._theme_success_11cdk_gg_{color:var(--intergalactic-control-primary-success, #009f81);background-color:var(--intergalactic-control-primary-success, #009f81)}.___SToggle_11cdk_gg_.__checked_11cdk_gg_._theme_custom_11cdk_gg_{color:var(--color_11cdk);background-color:var(--color_11cdk)}.___SToggle_11cdk_gg_.__keyboardFocused_11cdk_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SToggle_11cdk_gg_._neighborLocation_left_11cdk_gg_{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SToggle_11cdk_gg_._neighborLocation_both_11cdk_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);margin-left:var(--intergalactic-spacing-2x, 8px)}.___SToggle_11cdk_gg_._neighborLocation_right_11cdk_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SSlider_11cdk_gg_{background:var(--intergalactic-bg-primary-neutral, #ffffff);transform:translateX(-50%) scaleX(1);transition:transform calc(var(--intergalactic-duration-switch, 100)*1ms) ease-in-out}.___SSlider_11cdk_gg_.__checked_11cdk_gg_{transform:translateX(50%) scaleX(1)}.___SToggle_11cdk_gg_.__active_11cdk_gg_ .___SSlider_11cdk_gg_{transform:translateX(-50%) scaleX(1.15) translateX(1px)}.___SToggle_11cdk_gg_.__active_11cdk_gg_ .___SSlider_11cdk_gg_.__checked_11cdk_gg_{transform:translateX(50%) scaleX(1.15) translateX(-1px)}.___SInput_11cdk_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SAddon_11cdk_gg_{cursor:pointer}.___SAddon_11cdk_gg_._neighborLocation_right_11cdk_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SAddon_11cdk_gg_._neighborLocation_left_11cdk_gg_,.___SSwitch_11cdk_gg_.__checked_11cdk_gg_ .___SAddon_11cdk_gg_._neighborLocation_right_11cdk_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SAddon_11cdk_gg_._neighborLocation_left_11cdk_gg_:nth-child(2){color:var(--intergalactic-text-primary, #191b23)}.___SSwitch_11cdk_gg_.__checked_11cdk_gg_ .___SAddon_11cdk_gg_._neighborLocation_right_11cdk_gg_:nth-last-child(2){color:var(--intergalactic-text-primary, #191b23)}.___SSwitch_11cdk_gg_.__checked_11cdk_gg_ .___SAddon_11cdk_gg_._neighborLocation_left_11cdk_gg_{color:var(--intergalactic-text-primary, #191b23)}@media (prefers-reduced-motion){.___SSlider_11cdk_gg_{transition:none}}" /*__inner_css_end__*/, "11cdk_gg_") /*__reshadow_css_end__*/, {
+  "__SSwitch": "___SSwitch_11cdk_gg_",
+  "__SToggle": "___SToggle_11cdk_gg_",
+  "_checked": "__checked_11cdk_gg_",
+  "_theme_info": "_theme_info_11cdk_gg_",
+  "_theme_success": "_theme_success_11cdk_gg_",
+  "_theme_custom": "_theme_custom_11cdk_gg_",
+  "--color": "--color_11cdk",
+  "_keyboardFocused": "__keyboardFocused_11cdk_gg_",
+  "_neighborLocation_left": "_neighborLocation_left_11cdk_gg_",
+  "_neighborLocation_both": "_neighborLocation_both_11cdk_gg_",
+  "_neighborLocation_right": "_neighborLocation_right_11cdk_gg_",
+  "__SInput": "___SInput_11cdk_gg_",
+  "__SAddon": "___SAddon_11cdk_gg_",
+  "__SSlider": "___SSlider_11cdk_gg_",
+  "_size": "__size_11cdk_gg_",
+  "_size_m": "_size_m_11cdk_gg_",
+  "_size_l": "_size_l_11cdk_gg_",
+  "_size_xl": "_size_xl_11cdk_gg_",
+  "_disabled": "__disabled_11cdk_gg_",
+  "_active": "__active_11cdk_gg_"
 });
 function isCustomTheme(theme) {
   return !['info', 'success'].includes(theme);

package/switch/lib/es6/Switch.js

@@ -22,27 +22,27 @@ import { callAllEventHandlers } from 'intergalactic/utils/lib/assignProps';
 import uniqueIDEnhancement from 'intergalactic/utils/lib/uniqueID';
 import canUseDOM from 'intergalactic/utils/lib/canUseDOM';
 /*__reshadow-styles__:"./style/switch.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SSwitch_1o9gh_gg_{display:inline-flex;vertical-align:middle;align-items:center;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SSwitch_1o9gh_gg_.__size_1o9gh_gg_ .___SToggle_1o9gh_gg_{border-radius:var(--intergalactic-switch-rounded, 24px)}.___SSwitch_1o9gh_gg_._size_m_1o9gh_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SSwitch_1o9gh_gg_._size_m_1o9gh_gg_ .___SToggle_1o9gh_gg_{width:20px;height:12px;min-width:20px}.___SSwitch_1o9gh_gg_._size_m_1o9gh_gg_ .___SSlider_1o9gh_gg_{width:8px;height:8px;border-radius:4px}.___SSwitch_1o9gh_gg_._size_l_1o9gh_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SSwitch_1o9gh_gg_._size_l_1o9gh_gg_ .___SToggle_1o9gh_gg_{height:20px;width:36px;min-width:36px}.___SSwitch_1o9gh_gg_._size_l_1o9gh_gg_ .___SSlider_1o9gh_gg_{width:16px;height:16px;border-radius:8px}.___SSwitch_1o9gh_gg_._size_xl_1o9gh_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SSwitch_1o9gh_gg_._size_xl_1o9gh_gg_ .___SToggle_1o9gh_gg_{width:44px;height:24px;min-width:44px}.___SSwitch_1o9gh_gg_._size_xl_1o9gh_gg_ .___SSlider_1o9gh_gg_{width:20px;height:20px;border-radius:10px}.___SSwitch_1o9gh_gg_.__disabled_1o9gh_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SSwitch_1o9gh_gg_.__disabled_1o9gh_gg_ .___SAddon_1o9gh_gg_,.___SSwitch_1o9gh_gg_.__disabled_1o9gh_gg_ .___SToggle_1o9gh_gg_{cursor:default}.___SSlider_1o9gh_gg_,.___SToggle_1o9gh_gg_{display:flex;align-items:center;justify-content:space-around}.___SToggle_1o9gh_gg_{background:var(--intergalactic-control-switch-bg, #a9abb6);position:relative;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer}.___SToggle_1o9gh_gg_.__checked_1o9gh_gg_._theme_info_1o9gh_gg_{color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-control-primary-info, #008ff8)}.___SToggle_1o9gh_gg_.__checked_1o9gh_gg_._theme_success_1o9gh_gg_{color:var(--intergalactic-control-primary-success, #009f81);background-color:var(--intergalactic-control-primary-success, #009f81)}.___SToggle_1o9gh_gg_.__checked_1o9gh_gg_._theme_custom_1o9gh_gg_{color:var(--color_1o9gh);background-color:var(--color_1o9gh)}.___SToggle_1o9gh_gg_.__keyboardFocused_1o9gh_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SToggle_1o9gh_gg_._neighborLocation_left_1o9gh_gg_{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SToggle_1o9gh_gg_._neighborLocation_both_1o9gh_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);margin-left:var(--intergalactic-spacing-2x, 8px)}.___SToggle_1o9gh_gg_._neighborLocation_right_1o9gh_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SSlider_1o9gh_gg_{background:var(--intergalactic-bg-primary-neutral, #ffffff);transform:translateX(-50%) scaleX(1);transition:transform calc(var(--intergalactic-duration-switch, 100)*1ms) ease-in-out}.___SSlider_1o9gh_gg_.__checked_1o9gh_gg_{transform:translateX(50%) scaleX(1)}.___SToggle_1o9gh_gg_.__active_1o9gh_gg_ .___SSlider_1o9gh_gg_{transform:translateX(-50%) scaleX(1.15) translateX(1px)}.___SToggle_1o9gh_gg_.__active_1o9gh_gg_ .___SSlider_1o9gh_gg_.__checked_1o9gh_gg_{transform:translateX(50%) scaleX(1.15) translateX(-1px)}.___SInput_1o9gh_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SAddon_1o9gh_gg_{cursor:pointer}.___SAddon_1o9gh_gg_._neighborLocation_right_1o9gh_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SAddon_1o9gh_gg_._neighborLocation_left_1o9gh_gg_,.___SSwitch_1o9gh_gg_.__checked_1o9gh_gg_ .___SAddon_1o9gh_gg_._neighborLocation_right_1o9gh_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SAddon_1o9gh_gg_._neighborLocation_left_1o9gh_gg_:nth-child(2){color:var(--intergalactic-text-primary, #191b23)}.___SSwitch_1o9gh_gg_.__checked_1o9gh_gg_ .___SAddon_1o9gh_gg_._neighborLocation_right_1o9gh_gg_:nth-last-child(2){color:var(--intergalactic-text-primary, #191b23)}.___SSwitch_1o9gh_gg_.__checked_1o9gh_gg_ .___SAddon_1o9gh_gg_._neighborLocation_left_1o9gh_gg_{color:var(--intergalactic-text-primary, #191b23)}@media (prefers-reduced-motion){.___SSlider_1o9gh_gg_{transition:none}}" /*__inner_css_end__*/, "1o9gh_gg_") /*__reshadow_css_end__*/, {
-  "__SSwitch": "___SSwitch_1o9gh_gg_",
-  "__SToggle": "___SToggle_1o9gh_gg_",
-  "_checked": "__checked_1o9gh_gg_",
-  "_theme_info": "_theme_info_1o9gh_gg_",
-  "_theme_success": "_theme_success_1o9gh_gg_",
-  "_theme_custom": "_theme_custom_1o9gh_gg_",
-  "--color": "--color_1o9gh",
-  "_keyboardFocused": "__keyboardFocused_1o9gh_gg_",
-  "_neighborLocation_left": "_neighborLocation_left_1o9gh_gg_",
-  "_neighborLocation_both": "_neighborLocation_both_1o9gh_gg_",
-  "_neighborLocation_right": "_neighborLocation_right_1o9gh_gg_",
-  "__SInput": "___SInput_1o9gh_gg_",
-  "__SAddon": "___SAddon_1o9gh_gg_",
-  "__SSlider": "___SSlider_1o9gh_gg_",
-  "_size": "__size_1o9gh_gg_",
-  "_size_m": "_size_m_1o9gh_gg_",
-  "_size_l": "_size_l_1o9gh_gg_",
-  "_size_xl": "_size_xl_1o9gh_gg_",
-  "_disabled": "__disabled_1o9gh_gg_",
-  "_active": "__active_1o9gh_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SSwitch_11cdk_gg_{display:inline-flex;vertical-align:middle;align-items:center;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SSwitch_11cdk_gg_.__size_11cdk_gg_ .___SToggle_11cdk_gg_{border-radius:var(--intergalactic-switch-rounded, 24px)}.___SSwitch_11cdk_gg_._size_m_11cdk_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SSwitch_11cdk_gg_._size_m_11cdk_gg_ .___SToggle_11cdk_gg_{width:20px;height:12px;min-width:20px}.___SSwitch_11cdk_gg_._size_m_11cdk_gg_ .___SSlider_11cdk_gg_{width:8px;height:8px;border-radius:4px}.___SSwitch_11cdk_gg_._size_l_11cdk_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SSwitch_11cdk_gg_._size_l_11cdk_gg_ .___SToggle_11cdk_gg_{height:20px;width:36px;min-width:36px}.___SSwitch_11cdk_gg_._size_l_11cdk_gg_ .___SSlider_11cdk_gg_{width:16px;height:16px;border-radius:8px}.___SSwitch_11cdk_gg_._size_xl_11cdk_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SSwitch_11cdk_gg_._size_xl_11cdk_gg_ .___SToggle_11cdk_gg_{width:44px;height:24px;min-width:44px}.___SSwitch_11cdk_gg_._size_xl_11cdk_gg_ .___SSlider_11cdk_gg_{width:20px;height:20px;border-radius:10px}.___SSwitch_11cdk_gg_.__disabled_11cdk_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SSwitch_11cdk_gg_.__disabled_11cdk_gg_ .___SAddon_11cdk_gg_,.___SSwitch_11cdk_gg_.__disabled_11cdk_gg_ .___SToggle_11cdk_gg_{cursor:default}.___SSlider_11cdk_gg_,.___SToggle_11cdk_gg_{display:flex;align-items:center;justify-content:space-around}.___SToggle_11cdk_gg_{background:var(--intergalactic-control-switch-bg, #a9abb6);position:relative;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer}.___SToggle_11cdk_gg_.__checked_11cdk_gg_._theme_info_11cdk_gg_{color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-control-primary-info, #008ff8)}.___SToggle_11cdk_gg_.__checked_11cdk_gg_._theme_success_11cdk_gg_{color:var(--intergalactic-control-primary-success, #009f81);background-color:var(--intergalactic-control-primary-success, #009f81)}.___SToggle_11cdk_gg_.__checked_11cdk_gg_._theme_custom_11cdk_gg_{color:var(--color_11cdk);background-color:var(--color_11cdk)}.___SToggle_11cdk_gg_.__keyboardFocused_11cdk_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SToggle_11cdk_gg_._neighborLocation_left_11cdk_gg_{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SToggle_11cdk_gg_._neighborLocation_both_11cdk_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);margin-left:var(--intergalactic-spacing-2x, 8px)}.___SToggle_11cdk_gg_._neighborLocation_right_11cdk_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SSlider_11cdk_gg_{background:var(--intergalactic-bg-primary-neutral, #ffffff);transform:translateX(-50%) scaleX(1);transition:transform calc(var(--intergalactic-duration-switch, 100)*1ms) ease-in-out}.___SSlider_11cdk_gg_.__checked_11cdk_gg_{transform:translateX(50%) scaleX(1)}.___SToggle_11cdk_gg_.__active_11cdk_gg_ .___SSlider_11cdk_gg_{transform:translateX(-50%) scaleX(1.15) translateX(1px)}.___SToggle_11cdk_gg_.__active_11cdk_gg_ .___SSlider_11cdk_gg_.__checked_11cdk_gg_{transform:translateX(50%) scaleX(1.15) translateX(-1px)}.___SInput_11cdk_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SAddon_11cdk_gg_{cursor:pointer}.___SAddon_11cdk_gg_._neighborLocation_right_11cdk_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SAddon_11cdk_gg_._neighborLocation_left_11cdk_gg_,.___SSwitch_11cdk_gg_.__checked_11cdk_gg_ .___SAddon_11cdk_gg_._neighborLocation_right_11cdk_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SAddon_11cdk_gg_._neighborLocation_left_11cdk_gg_:nth-child(2){color:var(--intergalactic-text-primary, #191b23)}.___SSwitch_11cdk_gg_.__checked_11cdk_gg_ .___SAddon_11cdk_gg_._neighborLocation_right_11cdk_gg_:nth-last-child(2){color:var(--intergalactic-text-primary, #191b23)}.___SSwitch_11cdk_gg_.__checked_11cdk_gg_ .___SAddon_11cdk_gg_._neighborLocation_left_11cdk_gg_{color:var(--intergalactic-text-primary, #191b23)}@media (prefers-reduced-motion){.___SSlider_11cdk_gg_{transition:none}}" /*__inner_css_end__*/, "11cdk_gg_") /*__reshadow_css_end__*/, {
+  "__SSwitch": "___SSwitch_11cdk_gg_",
+  "__SToggle": "___SToggle_11cdk_gg_",
+  "_checked": "__checked_11cdk_gg_",
+  "_theme_info": "_theme_info_11cdk_gg_",
+  "_theme_success": "_theme_success_11cdk_gg_",
+  "_theme_custom": "_theme_custom_11cdk_gg_",
+  "--color": "--color_11cdk",
+  "_keyboardFocused": "__keyboardFocused_11cdk_gg_",
+  "_neighborLocation_left": "_neighborLocation_left_11cdk_gg_",
+  "_neighborLocation_both": "_neighborLocation_both_11cdk_gg_",
+  "_neighborLocation_right": "_neighborLocation_right_11cdk_gg_",
+  "__SInput": "___SInput_11cdk_gg_",
+  "__SAddon": "___SAddon_11cdk_gg_",
+  "__SSlider": "___SSlider_11cdk_gg_",
+  "_size": "__size_11cdk_gg_",
+  "_size_m": "_size_m_11cdk_gg_",
+  "_size_l": "_size_l_11cdk_gg_",
+  "_size_xl": "_size_xl_11cdk_gg_",
+  "_disabled": "__disabled_11cdk_gg_",
+  "_active": "__active_11cdk_gg_"
 });
 function isCustomTheme(theme) {
   return !['info', 'success'].includes(theme);

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

@@ -22,19 +22,19 @@ var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/
 var _a11yEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/a11yEnhance"));
 var _neighborLocation = _interopRequireDefault(require("intergalactic/neighbor-location"));
 /*__reshadow-styles__:"./style/tab-line.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___STabLine_12dlc_gg_{position:relative;display:flex;width:100%;max-width:100%}.___STabLine_12dlc_gg_.__underlined_12dlc_gg_{border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabLineItem_12dlc_gg_{display:inline-flex;align-items:center;justify-content:center;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;border:0;background:0 0;color:var(--intergalactic-text-primary, #191b23);margin-right:var(--intergalactic-spacing-4x, 16px);font-weight:var(--intergalactic-medium, 500)}.___STabLineItem_12dlc_gg_::-moz-focus-inner{border:0;padding:0}.___STabLineItem_12dlc_gg_:active,.___STabLineItem_12dlc_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STabLineItem_12dlc_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___STabLineItem_12dlc_gg_::after,.___STabLineItem_12dlc_gg_::before{content:\"\";position:absolute;left:0;bottom:-1px;height:3px;width:100%;background-color:transparent}.___STabLineItem_12dlc_gg_::before{transition:background-color calc(var(--intergalactic-duration-control, 200)*1ms) ease-in-out}@media (hover:hover){.___STabLineItem_12dlc_gg_:hover::before{background-color:var(--intergalactic-border-primary, #c4c7cf)}}.___STabLineItem_12dlc_gg_.__selected_12dlc_gg_::after{transition-delay:calc(var(--intergalactic-duration-control, 200)*1ms);background-color:var(--intergalactic-border-info-active, #006dca)}.___STabLineItem_12dlc_gg_ .___SAddon_12dlc_gg_:not(:last-child),.___STabLineItem_12dlc_gg_ .___SText_12dlc_gg_:not(:last-child){margin-right:var(--intergalactic-spacing-2x, 8px)}.___SCaret_12dlc_gg_{position:absolute;bottom:-1px;height:3px;background-color:var(--intergalactic-border-info-active, #006dca);transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___STabLineItem_12dlc_gg_.__selected_12dlc_gg_{flex-shrink:0}.___STabLineItem_12dlc_gg_.__disabled_12dlc_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STabLineItem_12dlc_gg_.__keyboardFocused_12dlc_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SText_12dlc_gg_{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SAddon_12dlc_gg_{display:inline-flex;align-items:center;justify-content:center}.___STabLineItem_12dlc_gg_._size_m_12dlc_gg_{height:28px;min-width:18px}.___STabLineItem_12dlc_gg_._size_m_12dlc_gg_ .___SText_12dlc_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STabLineItem_12dlc_gg_._size_l_12dlc_gg_{height:40px;min-width:26px}.___STabLineItem_12dlc_gg_._size_l_12dlc_gg_ .___SText_12dlc_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STabLineItem_12dlc_gg_._neighborLocation_left_12dlc_gg_{margin-right:0}@media (prefers-reduced-motion){.___STabLineItem_12dlc_gg_.__selected_12dlc_gg_::after,.___STabLineItem_12dlc_gg_::after,.___STabLineItem_12dlc_gg_::before{transition:none}.___SCaret_12dlc_gg_{display:none}}" /*__inner_css_end__*/, "12dlc_gg_") /*__reshadow_css_end__*/, {
-  "__STabLine": "___STabLine_12dlc_gg_",
-  "_underlined": "__underlined_12dlc_gg_",
-  "__SCaret": "___SCaret_12dlc_gg_",
-  "__STabLineItem": "___STabLineItem_12dlc_gg_",
-  "_selected": "__selected_12dlc_gg_",
-  "_disabled": "__disabled_12dlc_gg_",
-  "_keyboardFocused": "__keyboardFocused_12dlc_gg_",
-  "__SText": "___SText_12dlc_gg_",
-  "__SAddon": "___SAddon_12dlc_gg_",
-  "_neighborLocation_left": "_neighborLocation_left_12dlc_gg_",
-  "_size_m": "_size_m_12dlc_gg_",
-  "_size_l": "_size_l_12dlc_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___STabLine_ght25_gg_{position:relative;display:flex;width:100%;max-width:100%}.___STabLine_ght25_gg_.__underlined_ght25_gg_{border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabLineItem_ght25_gg_{display:inline-flex;align-items:center;justify-content:center;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;border:0;background:0 0;color:var(--intergalactic-text-primary, #191b23);margin-right:var(--intergalactic-spacing-4x, 16px);font-weight:var(--intergalactic-medium, 500)}.___STabLineItem_ght25_gg_::-moz-focus-inner{border:0;padding:0}.___STabLineItem_ght25_gg_:active,.___STabLineItem_ght25_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STabLineItem_ght25_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___STabLineItem_ght25_gg_::after,.___STabLineItem_ght25_gg_::before{content:\"\";position:absolute;left:0;bottom:-1px;height:3px;width:100%;background-color:transparent}.___STabLineItem_ght25_gg_::before{transition:background-color calc(var(--intergalactic-duration-control, 200)*1ms) ease-in-out}@media (hover:hover){.___STabLineItem_ght25_gg_:hover::before{background-color:var(--intergalactic-border-primary, #c4c7cf)}}.___STabLineItem_ght25_gg_.__selected_ght25_gg_::after{transition-delay:calc(var(--intergalactic-duration-control, 200)*1ms);background-color:var(--intergalactic-border-info-active, #006dca)}.___STabLineItem_ght25_gg_ .___SAddon_ght25_gg_:not(:last-child),.___STabLineItem_ght25_gg_ .___SText_ght25_gg_:not(:last-child){margin-right:var(--intergalactic-spacing-2x, 8px)}.___SCaret_ght25_gg_{position:absolute;bottom:-1px;height:3px;background-color:var(--intergalactic-border-info-active, #006dca);transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___STabLineItem_ght25_gg_.__selected_ght25_gg_{flex-shrink:0}.___STabLineItem_ght25_gg_.__disabled_ght25_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STabLineItem_ght25_gg_.__keyboardFocused_ght25_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SText_ght25_gg_{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SAddon_ght25_gg_{display:inline-flex;align-items:center;justify-content:center}.___STabLineItem_ght25_gg_._size_m_ght25_gg_{height:28px;min-width:18px}.___STabLineItem_ght25_gg_._size_m_ght25_gg_ .___SText_ght25_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STabLineItem_ght25_gg_._size_l_ght25_gg_{height:40px;min-width:26px}.___STabLineItem_ght25_gg_._size_l_ght25_gg_ .___SText_ght25_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STabLineItem_ght25_gg_._neighborLocation_left_ght25_gg_{margin-right:0}@media (prefers-reduced-motion){.___STabLineItem_ght25_gg_.__selected_ght25_gg_::after,.___STabLineItem_ght25_gg_::after,.___STabLineItem_ght25_gg_::before{transition:none}.___SCaret_ght25_gg_{display:none}}" /*__inner_css_end__*/, "ght25_gg_") /*__reshadow_css_end__*/, {
+  "__STabLine": "___STabLine_ght25_gg_",
+  "_underlined": "__underlined_ght25_gg_",
+  "__SCaret": "___SCaret_ght25_gg_",
+  "__STabLineItem": "___STabLineItem_ght25_gg_",
+  "_selected": "__selected_ght25_gg_",
+  "_disabled": "__disabled_ght25_gg_",
+  "_keyboardFocused": "__keyboardFocused_ght25_gg_",
+  "__SText": "___SText_ght25_gg_",
+  "__SAddon": "___SAddon_ght25_gg_",
+  "_neighborLocation_left": "_neighborLocation_left_ght25_gg_",
+  "_size_m": "_size_m_ght25_gg_",
+  "_size_l": "_size_l_ght25_gg_"
 });
 var optionsA11yEnhance = {
   onNeighborChange: function onNeighborChange(neighborElement, props) {