intergalactic 15.111.0 → 15.112.0

package/slider/lib/es6/Slider.js

@@ -17,14 +17,14 @@ import { Flex, Box } from 'intergalactic/flex-box';
 import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
 import reactToText from 'intergalactic/utils/lib/reactToText';
 /*__reshadow-styles__:"./style/slider.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SSlider_t20ys_gg_{position:relative;width:140px;box-sizing:border-box;cursor:pointer;padding-top:var(--intergalactic-spacing-5x, 20px);border:0;background-color:transparent}.___SSlider_t20ys_gg_:before{content:\"\";position:absolute;top:var(--intergalactic-spacing-2x, 8px);left:0;height:4px;width:100%;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-color:var(--intergalactic-border-secondary, #e0e1e9)}@media (hover:hover){.___SSlider_t20ys_gg_:hover:before{background-color:var(--intergalactic-border-primary, #c4c7cf)}}.___SSlider_t20ys_gg_:active .___SKnob_t20ys_gg_,.___SSlider_t20ys_gg_:focus .___SKnob_t20ys_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SSlider_t20ys_gg_:focus{outline:0}.___SSlider_t20ys_gg_.__keyboardFocused_t20ys_gg_ .___SKnob_t20ys_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SSlider_t20ys_gg_.__disabled_t20ys_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SBar_t20ys_gg_,.___SKnob_t20ys_gg_{position:absolute;box-sizing:border-box;cursor:pointer}.___SBar_t20ys_gg_{top:var(--intergalactic-spacing-2x, 8px);left:0;overflow:hidden;height:4px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:12px;background-color:var(--intergalactic-control-primary-info, #008ff8);transition:calc(var(--intergalactic-duration-control, 200)*1ms) width ease-in-out}.___SKnob_t20ys_gg_{top:10px;height:20px;width:20px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border:5px solid var(--intergalactic-control-primary-info, #008ff8);transform:translate(-50%,-50%);transition:calc(var(--intergalactic-duration-control, 200)*1ms) left ease-in-out}@media (hover:hover){.___SKnob_t20ys_gg_:hover{border-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SInput_t20ys_gg_{position:absolute;top:-100px;left:-100px}.___SSliderOptions_t20ys_gg_{padding-top:var(--intergalactic-spacing-05x, 2px);color:var(--intergalactic-text-secondary, #6c6e79);font-size:var(--intergalactic-fs-200, 14px);font-weight:var(--intergalactic-regular, 400);line-height:var(--intergalactic-lh-200, 142%)}" /*__inner_css_end__*/, "t20ys_gg_") /*__reshadow_css_end__*/, {
-  "__SSlider": "___SSlider_t20ys_gg_",
-  "_keyboardFocused": "__keyboardFocused_t20ys_gg_",
-  "__SKnob": "___SKnob_t20ys_gg_",
-  "_disabled": "__disabled_t20ys_gg_",
-  "__SBar": "___SBar_t20ys_gg_",
-  "__SInput": "___SInput_t20ys_gg_",
-  "__SSliderOptions": "___SSliderOptions_t20ys_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SSlider_wxeh8_gg_{position:relative;width:140px;box-sizing:border-box;cursor:pointer;padding-top:var(--intergalactic-spacing-5x, 20px);border:0;background-color:transparent}.___SSlider_wxeh8_gg_:before{content:\"\";position:absolute;top:var(--intergalactic-spacing-2x, 8px);left:0;height:4px;width:100%;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-color:var(--intergalactic-border-secondary, #e0e1e9)}@media (hover:hover){.___SSlider_wxeh8_gg_:hover:before{background-color:var(--intergalactic-border-primary, #c4c7cf)}}.___SSlider_wxeh8_gg_:active .___SKnob_wxeh8_gg_,.___SSlider_wxeh8_gg_:focus .___SKnob_wxeh8_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SSlider_wxeh8_gg_:focus{outline:0}.___SSlider_wxeh8_gg_.__keyboardFocused_wxeh8_gg_ .___SKnob_wxeh8_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SSlider_wxeh8_gg_.__disabled_wxeh8_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SBar_wxeh8_gg_,.___SKnob_wxeh8_gg_{position:absolute;box-sizing:border-box;cursor:pointer}.___SBar_wxeh8_gg_{top:var(--intergalactic-spacing-2x, 8px);left:0;overflow:hidden;height:4px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:12px;background-color:var(--intergalactic-control-primary-info, #008ff8);transition:calc(var(--intergalactic-duration-control, 200)*1ms) width ease-in-out}.___SKnob_wxeh8_gg_{top:10px;height:20px;width:20px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border:5px solid var(--intergalactic-control-primary-info, #008ff8);transform:translate(-50%,-50%);transition:calc(var(--intergalactic-duration-control, 200)*1ms) left ease-in-out}@media (hover:hover){.___SKnob_wxeh8_gg_:hover{border-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SInput_wxeh8_gg_{position:absolute;top:-100px;left:-100px}.___SSliderOptions_wxeh8_gg_{padding-top:var(--intergalactic-spacing-05x, 2px);color:var(--intergalactic-text-secondary, #6c6e79);font-size:var(--intergalactic-fs-200, 14px);font-weight:var(--intergalactic-regular, 400);line-height:var(--intergalactic-lh-200, 142%)}" /*__inner_css_end__*/, "wxeh8_gg_") /*__reshadow_css_end__*/, {
+  "__SSlider": "___SSlider_wxeh8_gg_",
+  "_keyboardFocused": "__keyboardFocused_wxeh8_gg_",
+  "__SKnob": "___SKnob_wxeh8_gg_",
+  "_disabled": "__disabled_wxeh8_gg_",
+  "__SBar": "___SBar_wxeh8_gg_",
+  "__SInput": "___SInput_wxeh8_gg_",
+  "__SSliderOptions": "___SSliderOptions_wxeh8_gg_"
 });
 var convertValueToPercent = function convertValueToPercent(value, min, max) {
   if (value > max) return 100;

package/slider/package.json

@@ -1 +1 @@
-{"name":"intergalactic/slider","description":"Semrush Slider Component","version":"4.35.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/flex-box":"5.35.0","@semcore/utils":"4.39.0"},"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/slider"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/slider","description":"Semrush Slider Component","version":"4.36.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/flex-box":"5.36.0","@semcore/utils":"4.41.0"},"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/slider"},"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_82r19{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}.___SSpin_82r19_gg_{display:block;flex-shrink:0;box-sizing:border-box;animation-name:spin-rotate_82r19;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:.75s;fill:var(--theme_82r19)}.___SSpin_82r19_gg_._theme_dark_82r19_gg_{fill:var(--intergalactic-border-primary, #c4c7cf)}.___SSpin_82r19_gg_._theme_invert_82r19_gg_{fill:var(--intergalactic-border-primary-invert, #ffffff)}.___SSpin_82r19_gg_.__centered_82r19_gg_{margin:auto}.___SSpin_82r19_gg_._size_xs_82r19_gg_{width:16px;height:16px}.___SSpin_82r19_gg_._size_s_82r19_gg_{width:20px;height:20px}.___SSpin_82r19_gg_._size_m_82r19_gg_{width:24px;height:24px}.___SSpin_82r19_gg_._size_l_82r19_gg_{width:32px;height:32px}.___SSpin_82r19_gg_._size_xl_82r19_gg_{width:48px;height:48px}.___SSpin_82r19_gg_._size_xxl_82r19_gg_{width:72px;height:72px}@media (prefers-reduced-motion){.___SSpin_82r19_gg_{animation-name:none}}" /*__inner_css_end__*/, "82r19_gg_") /*__reshadow_css_end__*/, {
-  "@spin-rotate": "spin-rotate_82r19",
-  "__SSpin": "___SSpin_82r19_gg_",
-  "--theme": "--theme_82r19",
-  "_theme_dark": "_theme_dark_82r19_gg_",
-  "_theme_invert": "_theme_invert_82r19_gg_",
-  "_centered": "__centered_82r19_gg_",
-  "_size_xs": "_size_xs_82r19_gg_",
-  "_size_s": "_size_s_82r19_gg_",
-  "_size_m": "_size_m_82r19_gg_",
-  "_size_l": "_size_l_82r19_gg_",
-  "_size_xl": "_size_xl_82r19_gg_",
-  "_size_xxl": "_size_xxl_82r19_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes spin-rotate_1m07b{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}.___SSpin_1m07b_gg_{display:block;flex-shrink:0;box-sizing:border-box;animation-name:spin-rotate_1m07b;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:.75s;fill:var(--theme_1m07b)}.___SSpin_1m07b_gg_._theme_dark_1m07b_gg_{fill:var(--intergalactic-border-primary, #c4c7cf)}.___SSpin_1m07b_gg_._theme_invert_1m07b_gg_{fill:var(--intergalactic-border-primary-invert, #ffffff)}.___SSpin_1m07b_gg_.__centered_1m07b_gg_{margin:auto}.___SSpin_1m07b_gg_._size_xs_1m07b_gg_{width:16px;height:16px}.___SSpin_1m07b_gg_._size_s_1m07b_gg_{width:20px;height:20px}.___SSpin_1m07b_gg_._size_m_1m07b_gg_{width:24px;height:24px}.___SSpin_1m07b_gg_._size_l_1m07b_gg_{width:32px;height:32px}.___SSpin_1m07b_gg_._size_xl_1m07b_gg_{width:48px;height:48px}.___SSpin_1m07b_gg_._size_xxl_1m07b_gg_{width:72px;height:72px}@media (prefers-reduced-motion){.___SSpin_1m07b_gg_{animation-name:none}}" /*__inner_css_end__*/, "1m07b_gg_") /*__reshadow_css_end__*/, {
+  "@spin-rotate": "spin-rotate_1m07b",
+  "__SSpin": "___SSpin_1m07b_gg_",
+  "--theme": "--theme_1m07b",
+  "_theme_dark": "_theme_dark_1m07b_gg_",
+  "_theme_invert": "_theme_invert_1m07b_gg_",
+  "_centered": "__centered_1m07b_gg_",
+  "_size_xs": "_size_xs_1m07b_gg_",
+  "_size_s": "_size_s_1m07b_gg_",
+  "_size_m": "_size_m_1m07b_gg_",
+  "_size_l": "_size_l_1m07b_gg_",
+  "_size_xl": "_size_xl_1m07b_gg_",
+  "_size_xxl": "_size_xxl_1m07b_gg_"
 });
 var RootSpin = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(RootSpin, _Component);

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_82r19{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}.___SSpin_82r19_gg_{display:block;flex-shrink:0;box-sizing:border-box;animation-name:spin-rotate_82r19;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:.75s;fill:var(--theme_82r19)}.___SSpin_82r19_gg_._theme_dark_82r19_gg_{fill:var(--intergalactic-border-primary, #c4c7cf)}.___SSpin_82r19_gg_._theme_invert_82r19_gg_{fill:var(--intergalactic-border-primary-invert, #ffffff)}.___SSpin_82r19_gg_.__centered_82r19_gg_{margin:auto}.___SSpin_82r19_gg_._size_xs_82r19_gg_{width:16px;height:16px}.___SSpin_82r19_gg_._size_s_82r19_gg_{width:20px;height:20px}.___SSpin_82r19_gg_._size_m_82r19_gg_{width:24px;height:24px}.___SSpin_82r19_gg_._size_l_82r19_gg_{width:32px;height:32px}.___SSpin_82r19_gg_._size_xl_82r19_gg_{width:48px;height:48px}.___SSpin_82r19_gg_._size_xxl_82r19_gg_{width:72px;height:72px}@media (prefers-reduced-motion){.___SSpin_82r19_gg_{animation-name:none}}" /*__inner_css_end__*/, "82r19_gg_") /*__reshadow_css_end__*/, {
-  "@spin-rotate": "spin-rotate_82r19",
-  "__SSpin": "___SSpin_82r19_gg_",
-  "--theme": "--theme_82r19",
-  "_theme_dark": "_theme_dark_82r19_gg_",
-  "_theme_invert": "_theme_invert_82r19_gg_",
-  "_centered": "__centered_82r19_gg_",
-  "_size_xs": "_size_xs_82r19_gg_",
-  "_size_s": "_size_s_82r19_gg_",
-  "_size_m": "_size_m_82r19_gg_",
-  "_size_l": "_size_l_82r19_gg_",
-  "_size_xl": "_size_xl_82r19_gg_",
-  "_size_xxl": "_size_xxl_82r19_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes spin-rotate_1m07b{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}.___SSpin_1m07b_gg_{display:block;flex-shrink:0;box-sizing:border-box;animation-name:spin-rotate_1m07b;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:.75s;fill:var(--theme_1m07b)}.___SSpin_1m07b_gg_._theme_dark_1m07b_gg_{fill:var(--intergalactic-border-primary, #c4c7cf)}.___SSpin_1m07b_gg_._theme_invert_1m07b_gg_{fill:var(--intergalactic-border-primary-invert, #ffffff)}.___SSpin_1m07b_gg_.__centered_1m07b_gg_{margin:auto}.___SSpin_1m07b_gg_._size_xs_1m07b_gg_{width:16px;height:16px}.___SSpin_1m07b_gg_._size_s_1m07b_gg_{width:20px;height:20px}.___SSpin_1m07b_gg_._size_m_1m07b_gg_{width:24px;height:24px}.___SSpin_1m07b_gg_._size_l_1m07b_gg_{width:32px;height:32px}.___SSpin_1m07b_gg_._size_xl_1m07b_gg_{width:48px;height:48px}.___SSpin_1m07b_gg_._size_xxl_1m07b_gg_{width:72px;height:72px}@media (prefers-reduced-motion){.___SSpin_1m07b_gg_{animation-name:none}}" /*__inner_css_end__*/, "1m07b_gg_") /*__reshadow_css_end__*/, {
+  "@spin-rotate": "spin-rotate_1m07b",
+  "__SSpin": "___SSpin_1m07b_gg_",
+  "--theme": "--theme_1m07b",
+  "_theme_dark": "_theme_dark_1m07b_gg_",
+  "_theme_invert": "_theme_invert_1m07b_gg_",
+  "_centered": "__centered_1m07b_gg_",
+  "_size_xs": "_size_xs_1m07b_gg_",
+  "_size_s": "_size_s_1m07b_gg_",
+  "_size_m": "_size_m_1m07b_gg_",
+  "_size_l": "_size_l_1m07b_gg_",
+  "_size_xl": "_size_xl_1m07b_gg_",
+  "_size_xxl": "_size_xxl_1m07b_gg_"
 });
 var RootSpin = /*#__PURE__*/function (_Component) {
   _inherits(RootSpin, _Component);

package/spin/package.json

@@ -1 +1 @@
-{"name":"intergalactic/spin","description":"Semrush Spin Component","version":"5.35.0","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.39.0","@semcore/flex-box":"5.35.0"},"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.36.0","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.41.0","@semcore/flex-box":"5.36.0"},"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_145hs_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_145hs_gg_{z-index:0;position:relative}.___SOverlay_145hs_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_145hs_gg_._theme_invert_145hs_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SOverlay_145hs_gg_._theme_dark_145hs_gg_{background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SOverlay_145hs_gg_._theme_custom_145hs_gg_{background-color:var(--background_145hs)}" /*__inner_css_end__*/, "145hs_gg_") /*__reshadow_css_end__*/, {
-  "__SSpinContainer": "___SSpinContainer_145hs_gg_",
-  "__SContent": "___SContent_145hs_gg_",
-  "__SOverlay": "___SOverlay_145hs_gg_",
-  "_theme_invert": "_theme_invert_145hs_gg_",
-  "_theme_dark": "_theme_dark_145hs_gg_",
-  "_theme_custom": "_theme_custom_145hs_gg_",
-  "--background": "--background_145hs"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SSpinContainer_j2c49_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_j2c49_gg_{z-index:0;position:relative}.___SOverlay_j2c49_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_j2c49_gg_._theme_invert_j2c49_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SOverlay_j2c49_gg_._theme_dark_j2c49_gg_{background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SOverlay_j2c49_gg_._theme_custom_j2c49_gg_{background-color:var(--background_j2c49)}" /*__inner_css_end__*/, "j2c49_gg_") /*__reshadow_css_end__*/, {
+  "__SSpinContainer": "___SSpinContainer_j2c49_gg_",
+  "__SContent": "___SContent_j2c49_gg_",
+  "__SOverlay": "___SOverlay_j2c49_gg_",
+  "_theme_invert": "_theme_invert_j2c49_gg_",
+  "_theme_dark": "_theme_dark_j2c49_gg_",
+  "_theme_custom": "_theme_custom_j2c49_gg_",
+  "--background": "--background_j2c49"
 });
 var SpinContainerRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(SpinContainerRoot, _Component);

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_145hs_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_145hs_gg_{z-index:0;position:relative}.___SOverlay_145hs_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_145hs_gg_._theme_invert_145hs_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SOverlay_145hs_gg_._theme_dark_145hs_gg_{background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SOverlay_145hs_gg_._theme_custom_145hs_gg_{background-color:var(--background_145hs)}" /*__inner_css_end__*/, "145hs_gg_") /*__reshadow_css_end__*/, {
-  "__SSpinContainer": "___SSpinContainer_145hs_gg_",
-  "__SContent": "___SContent_145hs_gg_",
-  "__SOverlay": "___SOverlay_145hs_gg_",
-  "_theme_invert": "_theme_invert_145hs_gg_",
-  "_theme_dark": "_theme_dark_145hs_gg_",
-  "_theme_custom": "_theme_custom_145hs_gg_",
-  "--background": "--background_145hs"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SSpinContainer_j2c49_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_j2c49_gg_{z-index:0;position:relative}.___SOverlay_j2c49_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_j2c49_gg_._theme_invert_j2c49_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SOverlay_j2c49_gg_._theme_dark_j2c49_gg_{background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SOverlay_j2c49_gg_._theme_custom_j2c49_gg_{background-color:var(--background_j2c49)}" /*__inner_css_end__*/, "j2c49_gg_") /*__reshadow_css_end__*/, {
+  "__SSpinContainer": "___SSpinContainer_j2c49_gg_",
+  "__SContent": "___SContent_j2c49_gg_",
+  "__SOverlay": "___SOverlay_j2c49_gg_",
+  "_theme_invert": "_theme_invert_j2c49_gg_",
+  "_theme_dark": "_theme_dark_j2c49_gg_",
+  "_theme_custom": "_theme_custom_j2c49_gg_",
+  "--background": "--background_j2c49"
 });
 var SpinContainerRoot = /*#__PURE__*/function (_Component) {
   _inherits(SpinContainerRoot, _Component);

package/spin-container/package.json

@@ -1 +1 @@
-{"name":"intergalactic/spin-container","description":"Semrush SpinContainer Component","version":"7.36.0","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.39.0","@semcore/spin":"5.35.0","@semcore/flex-box":"5.35.0","@semcore/animation":"2.35.0"},"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.37.0","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.41.0","@semcore/spin":"5.36.0","@semcore/flex-box":"5.36.0","@semcore/animation":"2.36.0"},"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/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_17h6m_gg_{position:sticky}" /*__inner_css_end__*/, "17h6m_gg_") /*__reshadow_css_end__*/, {
-  "__SSticky": "___SSticky_17h6m_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SSticky_cighl_gg_{position:sticky}" /*__inner_css_end__*/, "cighl_gg_") /*__reshadow_css_end__*/, {
+  "__SSticky": "___SSticky_cighl_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_17h6m_gg_{position:sticky}" /*__inner_css_end__*/, "17h6m_gg_") /*__reshadow_css_end__*/, {
-  "__SSticky": "___SSticky_17h6m_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SSticky_cighl_gg_{position:sticky}" /*__inner_css_end__*/, "cighl_gg_") /*__reshadow_css_end__*/, {
+  "__SSticky": "___SSticky_cighl_gg_"
 });
 /** @deprecated */
 var StickyRoot = /*#__PURE__*/function (_Component) {

package/sticky/package.json

@@ -1 +1 @@
-{"name":"intergalactic/sticky","description":"Semrush Sticky Component","version":"3.34.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder"},"dependencies":{"@semcore/utils":"4.39.0","@semcore/flex-box":"5.35.0"},"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/sticky"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/sticky","description":"Semrush Sticky Component","version":"3.35.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder"},"dependencies":{"@semcore/utils":"4.41.0","@semcore/flex-box":"5.36.0"},"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/sticky"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

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_1cu9r_gg_{display:inline-flex;vertical-align:middle;align-items:center;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SSwitch_1cu9r_gg_.__size_1cu9r_gg_ .___SToggle_1cu9r_gg_{border-radius:var(--intergalactic-switch-rounded, 24px)}.___SSwitch_1cu9r_gg_._size_m_1cu9r_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SSwitch_1cu9r_gg_._size_m_1cu9r_gg_ .___SToggle_1cu9r_gg_{width:20px;height:12px;min-width:20px}.___SSwitch_1cu9r_gg_._size_m_1cu9r_gg_ .___SSlider_1cu9r_gg_{width:8px;height:8px;border-radius:4px}.___SSwitch_1cu9r_gg_._size_l_1cu9r_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SSwitch_1cu9r_gg_._size_l_1cu9r_gg_ .___SToggle_1cu9r_gg_{height:20px;width:36px;min-width:36px}.___SSwitch_1cu9r_gg_._size_l_1cu9r_gg_ .___SSlider_1cu9r_gg_{width:16px;height:16px;border-radius:8px}.___SSwitch_1cu9r_gg_._size_xl_1cu9r_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SSwitch_1cu9r_gg_._size_xl_1cu9r_gg_ .___SToggle_1cu9r_gg_{width:44px;height:24px;min-width:44px}.___SSwitch_1cu9r_gg_._size_xl_1cu9r_gg_ .___SSlider_1cu9r_gg_{width:20px;height:20px;border-radius:10px}.___SSwitch_1cu9r_gg_.__disabled_1cu9r_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SSwitch_1cu9r_gg_.__disabled_1cu9r_gg_ .___SAddon_1cu9r_gg_,.___SSwitch_1cu9r_gg_.__disabled_1cu9r_gg_ .___SToggle_1cu9r_gg_{cursor:default}.___SSlider_1cu9r_gg_,.___SToggle_1cu9r_gg_{display:flex;align-items:center;justify-content:space-around}.___SToggle_1cu9r_gg_{background:var(--intergalactic-control-switch-bg, #a9abb6);position:relative;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer}.___SToggle_1cu9r_gg_.__checked_1cu9r_gg_._theme_info_1cu9r_gg_{color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-control-primary-info, #008ff8)}.___SToggle_1cu9r_gg_.__checked_1cu9r_gg_._theme_success_1cu9r_gg_{color:var(--intergalactic-control-primary-success, #009f81);background-color:var(--intergalactic-control-primary-success, #009f81)}.___SToggle_1cu9r_gg_.__checked_1cu9r_gg_._theme_custom_1cu9r_gg_{color:var(--color_1cu9r);background-color:var(--color_1cu9r)}.___SToggle_1cu9r_gg_.__keyboardFocused_1cu9r_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SToggle_1cu9r_gg_._neighborLocation_left_1cu9r_gg_{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SToggle_1cu9r_gg_._neighborLocation_both_1cu9r_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);margin-left:var(--intergalactic-spacing-2x, 8px)}.___SToggle_1cu9r_gg_._neighborLocation_right_1cu9r_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SSlider_1cu9r_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;pointer-events:none}.___SSlider_1cu9r_gg_.__checked_1cu9r_gg_{transform:translateX(50%) scaleX(1)}.___SToggle_1cu9r_gg_.__active_1cu9r_gg_ .___SSlider_1cu9r_gg_{transform:translateX(-50%) scaleX(1.15) translateX(1px)}.___SToggle_1cu9r_gg_.__active_1cu9r_gg_ .___SSlider_1cu9r_gg_.__checked_1cu9r_gg_{transform:translateX(50%) scaleX(1.15) translateX(-1px)}.___SInput_1cu9r_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SAddon_1cu9r_gg_{cursor:pointer}.___SAddon_1cu9r_gg_._neighborLocation_right_1cu9r_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SAddon_1cu9r_gg_._neighborLocation_left_1cu9r_gg_,.___SSwitch_1cu9r_gg_.__checked_1cu9r_gg_ .___SAddon_1cu9r_gg_._neighborLocation_right_1cu9r_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SAddon_1cu9r_gg_._neighborLocation_left_1cu9r_gg_:nth-child(2){color:var(--intergalactic-text-primary, #191b23)}.___SSwitch_1cu9r_gg_.__checked_1cu9r_gg_ .___SAddon_1cu9r_gg_._neighborLocation_right_1cu9r_gg_:nth-last-child(2){color:var(--intergalactic-text-primary, #191b23)}.___SSwitch_1cu9r_gg_.__checked_1cu9r_gg_ .___SAddon_1cu9r_gg_._neighborLocation_left_1cu9r_gg_{color:var(--intergalactic-text-primary, #191b23)}@media (prefers-reduced-motion){.___SSlider_1cu9r_gg_{transition:none}}" /*__inner_css_end__*/, "1cu9r_gg_") /*__reshadow_css_end__*/, {
-  "__SSwitch": "___SSwitch_1cu9r_gg_",
-  "__SToggle": "___SToggle_1cu9r_gg_",
-  "_checked": "__checked_1cu9r_gg_",
-  "_theme_info": "_theme_info_1cu9r_gg_",
-  "_theme_success": "_theme_success_1cu9r_gg_",
-  "_theme_custom": "_theme_custom_1cu9r_gg_",
-  "--color": "--color_1cu9r",
-  "_keyboardFocused": "__keyboardFocused_1cu9r_gg_",
-  "_neighborLocation_left": "_neighborLocation_left_1cu9r_gg_",
-  "_neighborLocation_both": "_neighborLocation_both_1cu9r_gg_",
-  "_neighborLocation_right": "_neighborLocation_right_1cu9r_gg_",
-  "__SInput": "___SInput_1cu9r_gg_",
-  "__SAddon": "___SAddon_1cu9r_gg_",
-  "__SSlider": "___SSlider_1cu9r_gg_",
-  "_size": "__size_1cu9r_gg_",
-  "_size_m": "_size_m_1cu9r_gg_",
-  "_size_l": "_size_l_1cu9r_gg_",
-  "_size_xl": "_size_xl_1cu9r_gg_",
-  "_disabled": "__disabled_1cu9r_gg_",
-  "_active": "__active_1cu9r_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SSwitch_1y4nd_gg_{display:inline-flex;vertical-align:middle;align-items:center;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SSwitch_1y4nd_gg_.__size_1y4nd_gg_ .___SToggle_1y4nd_gg_{border-radius:var(--intergalactic-switch-rounded, 24px)}.___SSwitch_1y4nd_gg_._size_m_1y4nd_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SSwitch_1y4nd_gg_._size_m_1y4nd_gg_ .___SToggle_1y4nd_gg_{width:20px;height:12px;min-width:20px}.___SSwitch_1y4nd_gg_._size_m_1y4nd_gg_ .___SSlider_1y4nd_gg_{width:8px;height:8px;border-radius:4px}.___SSwitch_1y4nd_gg_._size_l_1y4nd_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SSwitch_1y4nd_gg_._size_l_1y4nd_gg_ .___SToggle_1y4nd_gg_{height:20px;width:36px;min-width:36px}.___SSwitch_1y4nd_gg_._size_l_1y4nd_gg_ .___SSlider_1y4nd_gg_{width:16px;height:16px;border-radius:8px}.___SSwitch_1y4nd_gg_._size_xl_1y4nd_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SSwitch_1y4nd_gg_._size_xl_1y4nd_gg_ .___SToggle_1y4nd_gg_{width:44px;height:24px;min-width:44px}.___SSwitch_1y4nd_gg_._size_xl_1y4nd_gg_ .___SSlider_1y4nd_gg_{width:20px;height:20px;border-radius:10px}.___SSwitch_1y4nd_gg_.__disabled_1y4nd_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SSwitch_1y4nd_gg_.__disabled_1y4nd_gg_ .___SAddon_1y4nd_gg_,.___SSwitch_1y4nd_gg_.__disabled_1y4nd_gg_ .___SToggle_1y4nd_gg_{cursor:default}.___SSlider_1y4nd_gg_,.___SToggle_1y4nd_gg_{display:flex;align-items:center;justify-content:space-around}.___SToggle_1y4nd_gg_{background:var(--intergalactic-control-switch-bg, #a9abb6);position:relative;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer}.___SToggle_1y4nd_gg_.__checked_1y4nd_gg_._theme_info_1y4nd_gg_{color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-control-primary-info, #008ff8)}.___SToggle_1y4nd_gg_.__checked_1y4nd_gg_._theme_success_1y4nd_gg_{color:var(--intergalactic-control-primary-success, #009f81);background-color:var(--intergalactic-control-primary-success, #009f81)}.___SToggle_1y4nd_gg_.__checked_1y4nd_gg_._theme_custom_1y4nd_gg_{color:var(--color_1y4nd);background-color:var(--color_1y4nd)}.___SToggle_1y4nd_gg_.__keyboardFocused_1y4nd_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SToggle_1y4nd_gg_._neighborLocation_left_1y4nd_gg_{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SToggle_1y4nd_gg_._neighborLocation_both_1y4nd_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);margin-left:var(--intergalactic-spacing-2x, 8px)}.___SToggle_1y4nd_gg_._neighborLocation_right_1y4nd_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SSlider_1y4nd_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;pointer-events:none}.___SSlider_1y4nd_gg_.__checked_1y4nd_gg_{transform:translateX(50%) scaleX(1)}.___SToggle_1y4nd_gg_.__active_1y4nd_gg_ .___SSlider_1y4nd_gg_{transform:translateX(-50%) scaleX(1.15) translateX(1px)}.___SToggle_1y4nd_gg_.__active_1y4nd_gg_ .___SSlider_1y4nd_gg_.__checked_1y4nd_gg_{transform:translateX(50%) scaleX(1.15) translateX(-1px)}.___SInput_1y4nd_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SAddon_1y4nd_gg_{cursor:pointer}.___SAddon_1y4nd_gg_._neighborLocation_right_1y4nd_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SAddon_1y4nd_gg_._neighborLocation_left_1y4nd_gg_,.___SSwitch_1y4nd_gg_.__checked_1y4nd_gg_ .___SAddon_1y4nd_gg_._neighborLocation_right_1y4nd_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SAddon_1y4nd_gg_._neighborLocation_left_1y4nd_gg_:nth-child(2){color:var(--intergalactic-text-primary, #191b23)}.___SSwitch_1y4nd_gg_.__checked_1y4nd_gg_ .___SAddon_1y4nd_gg_._neighborLocation_right_1y4nd_gg_:nth-last-child(2){color:var(--intergalactic-text-primary, #191b23)}.___SSwitch_1y4nd_gg_.__checked_1y4nd_gg_ .___SAddon_1y4nd_gg_._neighborLocation_left_1y4nd_gg_{color:var(--intergalactic-text-primary, #191b23)}@media (prefers-reduced-motion){.___SSlider_1y4nd_gg_{transition:none}}" /*__inner_css_end__*/, "1y4nd_gg_") /*__reshadow_css_end__*/, {
+  "__SSwitch": "___SSwitch_1y4nd_gg_",
+  "__SToggle": "___SToggle_1y4nd_gg_",
+  "_checked": "__checked_1y4nd_gg_",
+  "_theme_info": "_theme_info_1y4nd_gg_",
+  "_theme_success": "_theme_success_1y4nd_gg_",
+  "_theme_custom": "_theme_custom_1y4nd_gg_",
+  "--color": "--color_1y4nd",
+  "_keyboardFocused": "__keyboardFocused_1y4nd_gg_",
+  "_neighborLocation_left": "_neighborLocation_left_1y4nd_gg_",
+  "_neighborLocation_both": "_neighborLocation_both_1y4nd_gg_",
+  "_neighborLocation_right": "_neighborLocation_right_1y4nd_gg_",
+  "__SInput": "___SInput_1y4nd_gg_",
+  "__SAddon": "___SAddon_1y4nd_gg_",
+  "__SSlider": "___SSlider_1y4nd_gg_",
+  "_size": "__size_1y4nd_gg_",
+  "_size_m": "_size_m_1y4nd_gg_",
+  "_size_l": "_size_l_1y4nd_gg_",
+  "_size_xl": "_size_xl_1y4nd_gg_",
+  "_disabled": "__disabled_1y4nd_gg_",
+  "_active": "__active_1y4nd_gg_"
 });
 function isCustomTheme(theme) {
   return !['info', 'success'].includes(theme);
@@ -74,25 +74,17 @@ var Switch = /*#__PURE__*/function (_Component) {
       _this.setState({
         active: false
       });
-      window.removeEventListener('mouseup', _this.handleMouseUp);
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleMouseDown", function (event) {
       if ((event === null || event === void 0 ? void 0 : event.button) !== 0) return;
       _this.setState({
         active: true
       });
-      window.addEventListener('mouseup', _this.handleMouseUp);
     });
     _this.forceUpdate = _this.forceUpdate.bind((0, _assertThisInitialized2["default"])(_this));
     return _this;
   }
   (0, _createClass2["default"])(Switch, [{
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      if (!(0, _canUseDOM["default"])()) return;
-      window.removeEventListener('mouseup', this.handleMouseUp);
-    }
-  }, {
     key: "getValueProps",
     value: function getValueProps() {
       var _this$asProps = this.asProps,
@@ -130,7 +122,8 @@ var Switch = /*#__PURE__*/function (_Component) {
       return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SSwitch, _ref3.cn("SSwitch", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
         "tag": 'label',
         "checked": checked,
-        "onMouseDown": this.handleMouseDown
+        "onMouseDown": this.handleMouseDown,
+        "onMouseUp": this.handleMouseUp
       }, _ref))), /*#__PURE__*/_react["default"].createElement(_neighborLocation["default"], _ref3.cn("NeighborLocation", {
         "controlsLength": controlsLength
       }), /*#__PURE__*/_react["default"].createElement(Children, _ref3.cn("Children", {}))));

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_neighborLocation","_keyboardFocusEnhance","_resolveColorEnhance","_inputProps","_assignProps3","_uniqueID","_canUseDOM","_excluded","style","_index","sstyled","insert","isCustomTheme","theme","includes","Switch","_Component","_inherits2","_super","_createSuper2","props","_this","_classCallCheck2","call","_defineProperty2","_assertThisInitialized2","React","createRef","active","setState","window","removeEventListener","handleMouseUp","event","button","addEventListener","forceUpdate","bind","_createClass2","key","value","componentWillUnmount","canUseDOM","getValueProps","_this$asProps","asProps","uid","state","ref","inputRef","$rootForceUpdate","getAddonProps","render","_ref","_ref3","_this$inputRef$curren","SSwitch","Box","_this$asProps2","Children","styles","controlsLength","checked","current","createElement","cn","_objectSpread2","assignProps","handleMouseDown","Component","uniqueIDEnhancement","size","Value","_Component2","_super2","_this2","_len","arguments","length","args","Array","_key","apply","concat","preventDefault","handlers","e","stopPropagation","uncontrolledProps","_this3","target","clearTimeout","timer","setTimeout","componentDidMount","componentDidUpdate","prevProps","undefined","_this4","SToggle","SInput","SSlider","_this$asProps3","forwardRef","includeInputProps","keyboardFocused","neighborLocation","resolveColor","other","_objectWithoutProperties2","_getInputProps","getInputProps","_getInputProps2","_slicedToArray2","inputProps","toggleProps","useTheme","color","Detect","_ref4","disabled","callAllEventHandlers","handlerInputClick","click","handleKeyDown","onKeyDown","keyboardFocusEnhance","resolveColorEnhance","defaultChecked","Addon","_ref2","arguments[0]","SAddon","_ref5","_default","createComponent","exports"],"sources":["../../src/Switch.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\n\nimport style from './style/switch.shadow.css';\n\nfunction isCustomTheme(theme) {\n  return !['info', 'success'].includes(theme);\n}\n\nclass Switch extends Component {\n  static displayName = 'Switch';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n  static defaultProps = {\n    theme: 'info',\n    size: 'm',\n  };\n\n  inputRef = React.createRef();\n  state = { active: false };\n\n  constructor(props) {\n    super(props);\n    this.forceUpdate = this.forceUpdate.bind(this);\n  }\n\n  componentWillUnmount() {\n    if (!canUseDOM()) return;\n    window.removeEventListener('mouseup', this.handleMouseUp);\n  }\n  handleMouseUp = () => {\n    this.setState({ active: false });\n    window.removeEventListener('mouseup', this.handleMouseUp);\n  };\n  handleMouseDown = (event) => {\n    if (event?.button !== 0) return;\n    this.setState({ active: true });\n    window.addEventListener('mouseup', this.handleMouseUp);\n  };\n\n  getValueProps() {\n    const { theme, uid } = this.asProps;\n    const { active } = this.state;\n\n    return {\n      theme,\n      ref: this.inputRef,\n      $rootForceUpdate: this.forceUpdate,\n      uid,\n      active,\n    };\n  }\n\n  getAddonProps() {\n    const { uid } = this.asProps;\n\n    return { uid };\n  }\n\n  render() {\n    const SSwitch = Root;\n    const { Children, styles, controlsLength } = this.asProps;\n    const checked = this.inputRef.current?.checked;\n\n    return sstyled(styles)(\n      <SSwitch render={Box} tag='label' checked={checked} onMouseDown={this.handleMouseDown}>\n        <NeighborLocation controlsLength={controlsLength}>\n          <Children />\n        </NeighborLocation>\n      </SSwitch>,\n    );\n  }\n}\n\nclass Value extends Component {\n  static hoistProps = ['checked', 'disabled'];\n  static enhance = [keyboardFocusEnhance(), resolveColorEnhance()];\n  static defaultProps = {\n    includeInputProps: inputProps,\n    defaultChecked: false,\n  };\n\n  timer = null;\n\n  uncontrolledProps() {\n    return {\n      checked: [\n        (e) => e.target.checked,\n        () => {\n          // TODO: bad crutch for updating the DOM node\n          clearTimeout(this.timer);\n          this.timer = setTimeout(() => {\n            this.asProps.$rootForceUpdate();\n          }, 0);\n        },\n      ],\n    };\n  }\n\n  componentDidMount() {\n    this.asProps.$rootForceUpdate();\n  }\n\n  componentDidUpdate(prevProps) {\n    const { checked } = prevProps;\n    // TODO: bad crutch for updating the DOM node\n    if (checked !== undefined && checked !== this.asProps.checked) {\n      this.asProps.$rootForceUpdate();\n    }\n  }\n\n  componentWillUnmount() {\n    clearTimeout(this.timer);\n  }\n\n  handleKeyDown = (event) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      this.handlers.checked(!this.asProps.checked, event);\n    }\n  };\n\n  // because clicking on label causes a click on input\n  handlerInputClick = (e) => e.stopPropagation();\n\n  render() {\n    const SToggle = Box;\n    const SInput = Box;\n    const SSlider = Box;\n    const {\n      Children,\n      forwardRef,\n      styles,\n      includeInputProps,\n      keyboardFocused,\n      neighborLocation,\n      theme,\n      uid,\n      active,\n      resolveColor,\n      ...other\n    } = this.asProps;\n\n    const [inputProps, toggleProps] = getInputProps(other, includeInputProps);\n    const useTheme = isCustomTheme(theme) ? 'custom' : theme;\n    const color = resolveColor(theme);\n\n    return (\n      <NeighborLocation.Detect neighborLocation={neighborLocation}>\n        {(neighborLocation) =>\n          sstyled(styles)(\n            <SToggle\n              keyboardFocused={keyboardFocused}\n              neighborLocation={neighborLocation}\n              checked={inputProps.checked}\n              active={active}\n              use:theme={useTheme}\n              use:color={color}\n              {...toggleProps}\n            >\n              <SInput\n                tag='input'\n                type='checkbox'\n                ref={forwardRef}\n                role='switch'\n                aria-readonly={inputProps.disabled}\n                {...inputProps}\n                onClick={callAllEventHandlers(this.handlerInputClick, inputProps.click)}\n                onKeyDown={callAllEventHandlers(this.handleKeyDown, inputProps.onKeyDown)}\n              />\n              <SSlider checked={inputProps.checked}>\n                <Children />\n              </SSlider>\n            </SToggle>,\n          )\n        }\n      </NeighborLocation.Detect>\n    );\n  }\n}\n\nfunction Addon(props) {\n  const SAddon = Root;\n  const { styles, neighborLocation, uid } = props;\n\n  return (\n    <NeighborLocation.Detect neighborLocation={neighborLocation}>\n      {(neighborLocation) =>\n        sstyled(styles)(\n          <SAddon\n            render={Box}\n            tag='span'\n            neighborLocation={neighborLocation}\n            id={`igc-${uid}-switch-addon-${neighborLocation}`}\n          />,\n        )\n      }\n    </NeighborLocation.Detect>\n  );\n}\n\nexport { inputProps };\nexport default createComponent(Switch, {\n  Value,\n  Addon,\n});\n"],"mappings":"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"}
+{"version":3,"file":"Switch.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_neighborLocation","_keyboardFocusEnhance","_resolveColorEnhance","_inputProps","_assignProps3","_uniqueID","_canUseDOM","_excluded","style","_index","sstyled","insert","isCustomTheme","theme","includes","Switch","_Component","_inherits2","_super","_createSuper2","props","_this","_classCallCheck2","call","_defineProperty2","_assertThisInitialized2","React","createRef","active","setState","event","button","forceUpdate","bind","_createClass2","key","value","getValueProps","_this$asProps","asProps","uid","state","ref","inputRef","$rootForceUpdate","getAddonProps","render","_ref","_ref3","_this$inputRef$curren","SSwitch","Box","_this$asProps2","Children","styles","controlsLength","checked","current","createElement","cn","_objectSpread2","assignProps","handleMouseDown","handleMouseUp","Component","uniqueIDEnhancement","size","Value","_Component2","_super2","_this2","_len","arguments","length","args","Array","_key","apply","concat","preventDefault","handlers","e","stopPropagation","uncontrolledProps","_this3","target","clearTimeout","timer","setTimeout","componentDidMount","componentDidUpdate","prevProps","undefined","componentWillUnmount","_this4","SToggle","SInput","SSlider","_this$asProps3","forwardRef","includeInputProps","keyboardFocused","neighborLocation","resolveColor","other","_objectWithoutProperties2","_getInputProps","getInputProps","_getInputProps2","_slicedToArray2","inputProps","toggleProps","useTheme","color","Detect","_ref4","disabled","callAllEventHandlers","handlerInputClick","click","handleKeyDown","onKeyDown","keyboardFocusEnhance","resolveColorEnhance","defaultChecked","Addon","_ref2","arguments[0]","SAddon","_ref5","_default","createComponent","exports"],"sources":["../../src/Switch.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\n\nimport style from './style/switch.shadow.css';\n\nfunction isCustomTheme(theme) {\n  return !['info', 'success'].includes(theme);\n}\n\nclass Switch extends Component {\n  static displayName = 'Switch';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n  static defaultProps = {\n    theme: 'info',\n    size: 'm',\n  };\n\n  inputRef = React.createRef();\n  state = { active: false };\n\n  constructor(props) {\n    super(props);\n    this.forceUpdate = this.forceUpdate.bind(this);\n  }\n\n  handleMouseUp = () => {\n    this.setState({ active: false });\n  };\n  handleMouseDown = (event) => {\n    if (event?.button !== 0) return;\n    this.setState({ active: true });\n  };\n\n  getValueProps() {\n    const { theme, uid } = this.asProps;\n    const { active } = this.state;\n\n    return {\n      theme,\n      ref: this.inputRef,\n      $rootForceUpdate: this.forceUpdate,\n      uid,\n      active,\n    };\n  }\n\n  getAddonProps() {\n    const { uid } = this.asProps;\n\n    return { uid };\n  }\n\n  render() {\n    const SSwitch = Root;\n    const { Children, styles, controlsLength } = this.asProps;\n    const checked = this.inputRef.current?.checked;\n\n    return sstyled(styles)(\n      <SSwitch\n        render={Box}\n        tag='label'\n        checked={checked}\n        onMouseDown={this.handleMouseDown}\n        onMouseUp={this.handleMouseUp}\n      >\n        <NeighborLocation controlsLength={controlsLength}>\n          <Children />\n        </NeighborLocation>\n      </SSwitch>,\n    );\n  }\n}\n\nclass Value extends Component {\n  static hoistProps = ['checked', 'disabled'];\n  static enhance = [keyboardFocusEnhance(), resolveColorEnhance()];\n  static defaultProps = {\n    includeInputProps: inputProps,\n    defaultChecked: false,\n  };\n\n  timer = null;\n\n  uncontrolledProps() {\n    return {\n      checked: [\n        (e) => e.target.checked,\n        () => {\n          // TODO: bad crutch for updating the DOM node\n          clearTimeout(this.timer);\n          this.timer = setTimeout(() => {\n            this.asProps.$rootForceUpdate();\n          }, 0);\n        },\n      ],\n    };\n  }\n\n  componentDidMount() {\n    this.asProps.$rootForceUpdate();\n  }\n\n  componentDidUpdate(prevProps) {\n    const { checked } = prevProps;\n    // TODO: bad crutch for updating the DOM node\n    if (checked !== undefined && checked !== this.asProps.checked) {\n      this.asProps.$rootForceUpdate();\n    }\n  }\n\n  componentWillUnmount() {\n    clearTimeout(this.timer);\n  }\n\n  handleKeyDown = (event) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      this.handlers.checked(!this.asProps.checked, event);\n    }\n  };\n\n  // because clicking on label causes a click on input\n  handlerInputClick = (e) => e.stopPropagation();\n\n  render() {\n    const SToggle = Box;\n    const SInput = Box;\n    const SSlider = Box;\n    const {\n      Children,\n      forwardRef,\n      styles,\n      includeInputProps,\n      keyboardFocused,\n      neighborLocation,\n      theme,\n      uid,\n      active,\n      resolveColor,\n      ...other\n    } = this.asProps;\n\n    const [inputProps, toggleProps] = getInputProps(other, includeInputProps);\n    const useTheme = isCustomTheme(theme) ? 'custom' : theme;\n    const color = resolveColor(theme);\n\n    return (\n      <NeighborLocation.Detect neighborLocation={neighborLocation}>\n        {(neighborLocation) =>\n          sstyled(styles)(\n            <SToggle\n              keyboardFocused={keyboardFocused}\n              neighborLocation={neighborLocation}\n              checked={inputProps.checked}\n              active={active}\n              use:theme={useTheme}\n              use:color={color}\n              {...toggleProps}\n            >\n              <SInput\n                tag='input'\n                type='checkbox'\n                ref={forwardRef}\n                role='switch'\n                aria-readonly={inputProps.disabled}\n                {...inputProps}\n                onClick={callAllEventHandlers(this.handlerInputClick, inputProps.click)}\n                onKeyDown={callAllEventHandlers(this.handleKeyDown, inputProps.onKeyDown)}\n              />\n              <SSlider checked={inputProps.checked}>\n                <Children />\n              </SSlider>\n            </SToggle>,\n          )\n        }\n      </NeighborLocation.Detect>\n    );\n  }\n}\n\nfunction Addon(props) {\n  const SAddon = Root;\n  const { styles, neighborLocation, uid } = props;\n\n  return (\n    <NeighborLocation.Detect neighborLocation={neighborLocation}>\n      {(neighborLocation) =>\n        sstyled(styles)(\n          <SAddon\n            render={Box}\n            tag='span'\n            neighborLocation={neighborLocation}\n            id={`igc-${uid}-switch-addon-${neighborLocation}`}\n          />,\n        )\n      }\n    </NeighborLocation.Detect>\n  );\n}\n\nexport { inputProps };\nexport default createComponent(Switch, {\n  Value,\n  Addon,\n});\n"],"mappings":"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"}

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_1cu9r_gg_{display:inline-flex;vertical-align:middle;align-items:center;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SSwitch_1cu9r_gg_.__size_1cu9r_gg_ .___SToggle_1cu9r_gg_{border-radius:var(--intergalactic-switch-rounded, 24px)}.___SSwitch_1cu9r_gg_._size_m_1cu9r_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SSwitch_1cu9r_gg_._size_m_1cu9r_gg_ .___SToggle_1cu9r_gg_{width:20px;height:12px;min-width:20px}.___SSwitch_1cu9r_gg_._size_m_1cu9r_gg_ .___SSlider_1cu9r_gg_{width:8px;height:8px;border-radius:4px}.___SSwitch_1cu9r_gg_._size_l_1cu9r_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SSwitch_1cu9r_gg_._size_l_1cu9r_gg_ .___SToggle_1cu9r_gg_{height:20px;width:36px;min-width:36px}.___SSwitch_1cu9r_gg_._size_l_1cu9r_gg_ .___SSlider_1cu9r_gg_{width:16px;height:16px;border-radius:8px}.___SSwitch_1cu9r_gg_._size_xl_1cu9r_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SSwitch_1cu9r_gg_._size_xl_1cu9r_gg_ .___SToggle_1cu9r_gg_{width:44px;height:24px;min-width:44px}.___SSwitch_1cu9r_gg_._size_xl_1cu9r_gg_ .___SSlider_1cu9r_gg_{width:20px;height:20px;border-radius:10px}.___SSwitch_1cu9r_gg_.__disabled_1cu9r_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SSwitch_1cu9r_gg_.__disabled_1cu9r_gg_ .___SAddon_1cu9r_gg_,.___SSwitch_1cu9r_gg_.__disabled_1cu9r_gg_ .___SToggle_1cu9r_gg_{cursor:default}.___SSlider_1cu9r_gg_,.___SToggle_1cu9r_gg_{display:flex;align-items:center;justify-content:space-around}.___SToggle_1cu9r_gg_{background:var(--intergalactic-control-switch-bg, #a9abb6);position:relative;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer}.___SToggle_1cu9r_gg_.__checked_1cu9r_gg_._theme_info_1cu9r_gg_{color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-control-primary-info, #008ff8)}.___SToggle_1cu9r_gg_.__checked_1cu9r_gg_._theme_success_1cu9r_gg_{color:var(--intergalactic-control-primary-success, #009f81);background-color:var(--intergalactic-control-primary-success, #009f81)}.___SToggle_1cu9r_gg_.__checked_1cu9r_gg_._theme_custom_1cu9r_gg_{color:var(--color_1cu9r);background-color:var(--color_1cu9r)}.___SToggle_1cu9r_gg_.__keyboardFocused_1cu9r_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SToggle_1cu9r_gg_._neighborLocation_left_1cu9r_gg_{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SToggle_1cu9r_gg_._neighborLocation_both_1cu9r_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);margin-left:var(--intergalactic-spacing-2x, 8px)}.___SToggle_1cu9r_gg_._neighborLocation_right_1cu9r_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SSlider_1cu9r_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;pointer-events:none}.___SSlider_1cu9r_gg_.__checked_1cu9r_gg_{transform:translateX(50%) scaleX(1)}.___SToggle_1cu9r_gg_.__active_1cu9r_gg_ .___SSlider_1cu9r_gg_{transform:translateX(-50%) scaleX(1.15) translateX(1px)}.___SToggle_1cu9r_gg_.__active_1cu9r_gg_ .___SSlider_1cu9r_gg_.__checked_1cu9r_gg_{transform:translateX(50%) scaleX(1.15) translateX(-1px)}.___SInput_1cu9r_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SAddon_1cu9r_gg_{cursor:pointer}.___SAddon_1cu9r_gg_._neighborLocation_right_1cu9r_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SAddon_1cu9r_gg_._neighborLocation_left_1cu9r_gg_,.___SSwitch_1cu9r_gg_.__checked_1cu9r_gg_ .___SAddon_1cu9r_gg_._neighborLocation_right_1cu9r_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SAddon_1cu9r_gg_._neighborLocation_left_1cu9r_gg_:nth-child(2){color:var(--intergalactic-text-primary, #191b23)}.___SSwitch_1cu9r_gg_.__checked_1cu9r_gg_ .___SAddon_1cu9r_gg_._neighborLocation_right_1cu9r_gg_:nth-last-child(2){color:var(--intergalactic-text-primary, #191b23)}.___SSwitch_1cu9r_gg_.__checked_1cu9r_gg_ .___SAddon_1cu9r_gg_._neighborLocation_left_1cu9r_gg_{color:var(--intergalactic-text-primary, #191b23)}@media (prefers-reduced-motion){.___SSlider_1cu9r_gg_{transition:none}}" /*__inner_css_end__*/, "1cu9r_gg_") /*__reshadow_css_end__*/, {
-  "__SSwitch": "___SSwitch_1cu9r_gg_",
-  "__SToggle": "___SToggle_1cu9r_gg_",
-  "_checked": "__checked_1cu9r_gg_",
-  "_theme_info": "_theme_info_1cu9r_gg_",
-  "_theme_success": "_theme_success_1cu9r_gg_",
-  "_theme_custom": "_theme_custom_1cu9r_gg_",
-  "--color": "--color_1cu9r",
-  "_keyboardFocused": "__keyboardFocused_1cu9r_gg_",
-  "_neighborLocation_left": "_neighborLocation_left_1cu9r_gg_",
-  "_neighborLocation_both": "_neighborLocation_both_1cu9r_gg_",
-  "_neighborLocation_right": "_neighborLocation_right_1cu9r_gg_",
-  "__SInput": "___SInput_1cu9r_gg_",
-  "__SAddon": "___SAddon_1cu9r_gg_",
-  "__SSlider": "___SSlider_1cu9r_gg_",
-  "_size": "__size_1cu9r_gg_",
-  "_size_m": "_size_m_1cu9r_gg_",
-  "_size_l": "_size_l_1cu9r_gg_",
-  "_size_xl": "_size_xl_1cu9r_gg_",
-  "_disabled": "__disabled_1cu9r_gg_",
-  "_active": "__active_1cu9r_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SSwitch_1y4nd_gg_{display:inline-flex;vertical-align:middle;align-items:center;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SSwitch_1y4nd_gg_.__size_1y4nd_gg_ .___SToggle_1y4nd_gg_{border-radius:var(--intergalactic-switch-rounded, 24px)}.___SSwitch_1y4nd_gg_._size_m_1y4nd_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SSwitch_1y4nd_gg_._size_m_1y4nd_gg_ .___SToggle_1y4nd_gg_{width:20px;height:12px;min-width:20px}.___SSwitch_1y4nd_gg_._size_m_1y4nd_gg_ .___SSlider_1y4nd_gg_{width:8px;height:8px;border-radius:4px}.___SSwitch_1y4nd_gg_._size_l_1y4nd_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SSwitch_1y4nd_gg_._size_l_1y4nd_gg_ .___SToggle_1y4nd_gg_{height:20px;width:36px;min-width:36px}.___SSwitch_1y4nd_gg_._size_l_1y4nd_gg_ .___SSlider_1y4nd_gg_{width:16px;height:16px;border-radius:8px}.___SSwitch_1y4nd_gg_._size_xl_1y4nd_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SSwitch_1y4nd_gg_._size_xl_1y4nd_gg_ .___SToggle_1y4nd_gg_{width:44px;height:24px;min-width:44px}.___SSwitch_1y4nd_gg_._size_xl_1y4nd_gg_ .___SSlider_1y4nd_gg_{width:20px;height:20px;border-radius:10px}.___SSwitch_1y4nd_gg_.__disabled_1y4nd_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SSwitch_1y4nd_gg_.__disabled_1y4nd_gg_ .___SAddon_1y4nd_gg_,.___SSwitch_1y4nd_gg_.__disabled_1y4nd_gg_ .___SToggle_1y4nd_gg_{cursor:default}.___SSlider_1y4nd_gg_,.___SToggle_1y4nd_gg_{display:flex;align-items:center;justify-content:space-around}.___SToggle_1y4nd_gg_{background:var(--intergalactic-control-switch-bg, #a9abb6);position:relative;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer}.___SToggle_1y4nd_gg_.__checked_1y4nd_gg_._theme_info_1y4nd_gg_{color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-control-primary-info, #008ff8)}.___SToggle_1y4nd_gg_.__checked_1y4nd_gg_._theme_success_1y4nd_gg_{color:var(--intergalactic-control-primary-success, #009f81);background-color:var(--intergalactic-control-primary-success, #009f81)}.___SToggle_1y4nd_gg_.__checked_1y4nd_gg_._theme_custom_1y4nd_gg_{color:var(--color_1y4nd);background-color:var(--color_1y4nd)}.___SToggle_1y4nd_gg_.__keyboardFocused_1y4nd_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SToggle_1y4nd_gg_._neighborLocation_left_1y4nd_gg_{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SToggle_1y4nd_gg_._neighborLocation_both_1y4nd_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);margin-left:var(--intergalactic-spacing-2x, 8px)}.___SToggle_1y4nd_gg_._neighborLocation_right_1y4nd_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SSlider_1y4nd_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;pointer-events:none}.___SSlider_1y4nd_gg_.__checked_1y4nd_gg_{transform:translateX(50%) scaleX(1)}.___SToggle_1y4nd_gg_.__active_1y4nd_gg_ .___SSlider_1y4nd_gg_{transform:translateX(-50%) scaleX(1.15) translateX(1px)}.___SToggle_1y4nd_gg_.__active_1y4nd_gg_ .___SSlider_1y4nd_gg_.__checked_1y4nd_gg_{transform:translateX(50%) scaleX(1.15) translateX(-1px)}.___SInput_1y4nd_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SAddon_1y4nd_gg_{cursor:pointer}.___SAddon_1y4nd_gg_._neighborLocation_right_1y4nd_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SAddon_1y4nd_gg_._neighborLocation_left_1y4nd_gg_,.___SSwitch_1y4nd_gg_.__checked_1y4nd_gg_ .___SAddon_1y4nd_gg_._neighborLocation_right_1y4nd_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SAddon_1y4nd_gg_._neighborLocation_left_1y4nd_gg_:nth-child(2){color:var(--intergalactic-text-primary, #191b23)}.___SSwitch_1y4nd_gg_.__checked_1y4nd_gg_ .___SAddon_1y4nd_gg_._neighborLocation_right_1y4nd_gg_:nth-last-child(2){color:var(--intergalactic-text-primary, #191b23)}.___SSwitch_1y4nd_gg_.__checked_1y4nd_gg_ .___SAddon_1y4nd_gg_._neighborLocation_left_1y4nd_gg_{color:var(--intergalactic-text-primary, #191b23)}@media (prefers-reduced-motion){.___SSlider_1y4nd_gg_{transition:none}}" /*__inner_css_end__*/, "1y4nd_gg_") /*__reshadow_css_end__*/, {
+  "__SSwitch": "___SSwitch_1y4nd_gg_",
+  "__SToggle": "___SToggle_1y4nd_gg_",
+  "_checked": "__checked_1y4nd_gg_",
+  "_theme_info": "_theme_info_1y4nd_gg_",
+  "_theme_success": "_theme_success_1y4nd_gg_",
+  "_theme_custom": "_theme_custom_1y4nd_gg_",
+  "--color": "--color_1y4nd",
+  "_keyboardFocused": "__keyboardFocused_1y4nd_gg_",
+  "_neighborLocation_left": "_neighborLocation_left_1y4nd_gg_",
+  "_neighborLocation_both": "_neighborLocation_both_1y4nd_gg_",
+  "_neighborLocation_right": "_neighborLocation_right_1y4nd_gg_",
+  "__SInput": "___SInput_1y4nd_gg_",
+  "__SAddon": "___SAddon_1y4nd_gg_",
+  "__SSlider": "___SSlider_1y4nd_gg_",
+  "_size": "__size_1y4nd_gg_",
+  "_size_m": "_size_m_1y4nd_gg_",
+  "_size_l": "_size_l_1y4nd_gg_",
+  "_size_xl": "_size_xl_1y4nd_gg_",
+  "_disabled": "__disabled_1y4nd_gg_",
+  "_active": "__active_1y4nd_gg_"
 });
 function isCustomTheme(theme) {
   return !['info', 'success'].includes(theme);
@@ -62,25 +62,17 @@ var Switch = /*#__PURE__*/function (_Component) {
       _this.setState({
         active: false
       });
-      window.removeEventListener('mouseup', _this.handleMouseUp);
     });
     _defineProperty(_assertThisInitialized(_this), "handleMouseDown", function (event) {
       if ((event === null || event === void 0 ? void 0 : event.button) !== 0) return;
       _this.setState({
         active: true
       });
-      window.addEventListener('mouseup', _this.handleMouseUp);
     });
     _this.forceUpdate = _this.forceUpdate.bind(_assertThisInitialized(_this));
     return _this;
   }
   _createClass(Switch, [{
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      if (!canUseDOM()) return;
-      window.removeEventListener('mouseup', this.handleMouseUp);
-    }
-  }, {
     key: "getValueProps",
     value: function getValueProps() {
       var _this$asProps = this.asProps,
@@ -118,7 +110,8 @@ var Switch = /*#__PURE__*/function (_Component) {
       return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(SSwitch, _ref3.cn("SSwitch", _objectSpread({}, _assignProps({
         "tag": 'label',
         "checked": checked,
-        "onMouseDown": this.handleMouseDown
+        "onMouseDown": this.handleMouseDown,
+        "onMouseUp": this.handleMouseUp
       }, _ref))), /*#__PURE__*/React.createElement(NeighborLocation, _ref3.cn("NeighborLocation", {
         "controlsLength": controlsLength
       }), /*#__PURE__*/React.createElement(Children, _ref3.cn("Children", {}))));