intergalactic 15.126.0 → 15.126.1-prerelease.0

package/radio/lib/es6/Radio.js

@@ -24,22 +24,22 @@ import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEn
 import getInputProps, { inputProps } from 'intergalactic/utils/lib/inputProps';
 import { useColorResolver } from 'intergalactic/utils/lib/use/useColorResolver';
 /*__reshadow-styles__:"./style/radio.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SRadio_1d5zc_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_1d5zc_gg_ .___SText_1d5zc_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SRadio_1d5zc_gg_ .___SText_1d5zc_gg_.__color_1d5zc_gg_{color:var(--color_1d5zc)}.___SRadio_1d5zc_gg_.__disabled_1d5zc_gg_{pointer-events:none}.___SText_1d5zc_gg_._size_m_1d5zc_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_1d5zc_gg_._size_l_1d5zc_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SValue_1d5zc_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_1d5zc_gg_::after,.___SValue_1d5zc_gg_::before{content:\"\";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SValue_1d5zc_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_1d5zc_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_1d5zc_gg_.__disabled_1d5zc_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_1d5zc_gg_._size_m_1d5zc_gg_{width:16px;height:16px}.___SValue_1d5zc_gg_._size_m_1d5zc_gg_ .___SInvalidPattern_1d5zc_gg_:before{width:14px;height:14px}.___SValue_1d5zc_gg_._size_l_1d5zc_gg_{width:20px;height:20px}.___SValue_1d5zc_gg_._size_l_1d5zc_gg_ .___SInvalidPattern_1d5zc_gg_:before{width:18px;height:18px}.___SValue_1d5zc_gg_._state_normal_1d5zc_gg_::before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SValue_1d5zc_gg_._state_invalid_1d5zc_gg_::before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SControl_1d5zc_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_1d5zc_gg_:checked~.___SValue_1d5zc_gg_::before{border-color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-control-primary-info, #008ff8)}.___SControl_1d5zc_gg_:checked~.___SValue_1d5zc_gg_._size_m_1d5zc_gg_::after{width:6px;height:6px}.___SControl_1d5zc_gg_:checked~.___SValue_1d5zc_gg_._size_l_1d5zc_gg_::after{width:8px;height:8px}.___SValue_1d5zc_gg_._state_normal_1d5zc_gg_.__keyboardFocused_1d5zc_gg_::before{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));border-color:var(--intergalactic-border-info-active, #006dca)}.___SValue_1d5zc_gg_._state_invalid_1d5zc_gg_.__keyboardFocused_1d5zc_gg_::before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SControl_1d5zc_gg_:checked~.___SValue_1d5zc_gg_.__theme_1d5zc_gg_::before{border-color:var(--theme_1d5zc);background-color:var(--theme_1d5zc)}.___SValue_1d5zc_gg_._state_normal_1d5zc_gg_.__theme_1d5zc_gg_::before{border-color:var(--theme_1d5zc)}.___SInvalidPattern_1d5zc_gg_{background:0 0;overflow:hidden}.___SInvalidPattern_1d5zc_gg_:before{content:\"\";position:absolute;top:1px;left:1px;border-radius:50%;background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}" /*__inner_css_end__*/, "1d5zc_gg_") /*__reshadow_css_end__*/, {
-  "__SRadio": "___SRadio_1d5zc_gg_",
-  "_disabled": "__disabled_1d5zc_gg_",
-  "__SText": "___SText_1d5zc_gg_",
-  "_size_m": "_size_m_1d5zc_gg_",
-  "_size_l": "_size_l_1d5zc_gg_",
-  "__SValue": "___SValue_1d5zc_gg_",
-  "_state_normal": "_state_normal_1d5zc_gg_",
-  "_state_invalid": "_state_invalid_1d5zc_gg_",
-  "__SControl": "___SControl_1d5zc_gg_",
-  "_keyboardFocused": "__keyboardFocused_1d5zc_gg_",
-  "_theme": "__theme_1d5zc_gg_",
-  "--theme": "--theme_1d5zc",
-  "_color": "__color_1d5zc_gg_",
-  "--color": "--color_1d5zc",
-  "__SInvalidPattern": "___SInvalidPattern_1d5zc_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SRadio_n8xmt_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_n8xmt_gg_ .___SText_n8xmt_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SRadio_n8xmt_gg_ .___SText_n8xmt_gg_.__color_n8xmt_gg_{color:var(--color_n8xmt)}.___SRadio_n8xmt_gg_.__disabled_n8xmt_gg_{pointer-events:none}.___SText_n8xmt_gg_._size_m_n8xmt_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_n8xmt_gg_._size_l_n8xmt_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SValue_n8xmt_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_n8xmt_gg_::after,.___SValue_n8xmt_gg_::before{content:\"\";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SValue_n8xmt_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_n8xmt_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_n8xmt_gg_.__disabled_n8xmt_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_n8xmt_gg_._size_m_n8xmt_gg_{width:16px;height:16px}.___SValue_n8xmt_gg_._size_m_n8xmt_gg_ .___SInvalidPattern_n8xmt_gg_:before{width:14px;height:14px}.___SValue_n8xmt_gg_._size_l_n8xmt_gg_{width:20px;height:20px}.___SValue_n8xmt_gg_._size_l_n8xmt_gg_ .___SInvalidPattern_n8xmt_gg_:before{width:18px;height:18px}.___SValue_n8xmt_gg_._state_normal_n8xmt_gg_::before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SValue_n8xmt_gg_._state_invalid_n8xmt_gg_::before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SControl_n8xmt_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_n8xmt_gg_:checked~.___SValue_n8xmt_gg_::before{border-color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-control-primary-info, #008ff8)}.___SControl_n8xmt_gg_:checked~.___SValue_n8xmt_gg_._size_m_n8xmt_gg_::after{width:6px;height:6px}.___SControl_n8xmt_gg_:checked~.___SValue_n8xmt_gg_._size_l_n8xmt_gg_::after{width:8px;height:8px}.___SValue_n8xmt_gg_._state_normal_n8xmt_gg_.__keyboardFocused_n8xmt_gg_::before{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));border-color:var(--intergalactic-border-info-active, #006dca)}.___SValue_n8xmt_gg_._state_invalid_n8xmt_gg_.__keyboardFocused_n8xmt_gg_::before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SControl_n8xmt_gg_:checked~.___SValue_n8xmt_gg_.__theme_n8xmt_gg_::before{border-color:var(--theme_n8xmt);background-color:var(--theme_n8xmt)}.___SValue_n8xmt_gg_._state_normal_n8xmt_gg_.__theme_n8xmt_gg_::before{border-color:var(--theme_n8xmt)}.___SInvalidPattern_n8xmt_gg_{background:0 0;overflow:hidden}.___SInvalidPattern_n8xmt_gg_:before{content:\"\";position:absolute;top:1px;left:1px;border-radius:50%;background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}" /*__inner_css_end__*/, "n8xmt_gg_") /*__reshadow_css_end__*/, {
+  "__SRadio": "___SRadio_n8xmt_gg_",
+  "_disabled": "__disabled_n8xmt_gg_",
+  "__SText": "___SText_n8xmt_gg_",
+  "_size_m": "_size_m_n8xmt_gg_",
+  "_size_l": "_size_l_n8xmt_gg_",
+  "__SValue": "___SValue_n8xmt_gg_",
+  "_state_normal": "_state_normal_n8xmt_gg_",
+  "_state_invalid": "_state_invalid_n8xmt_gg_",
+  "__SControl": "___SControl_n8xmt_gg_",
+  "_keyboardFocused": "__keyboardFocused_n8xmt_gg_",
+  "_theme": "__theme_n8xmt_gg_",
+  "--theme": "--theme_n8xmt",
+  "_color": "__color_n8xmt_gg_",
+  "--color": "--color_n8xmt",
+  "__SInvalidPattern": "___SInvalidPattern_n8xmt_gg_"
 });
 import logger from 'intergalactic/utils/lib/logger';
 import { Text as TypographyText } from 'intergalactic/typography';

package/radio/lib/esm/Radio.mjs

@@ -1,54 +1,54 @@
 import N from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import G from "@babel/runtime/helpers/esm/slicedToArray";
-import v from "@babel/runtime/helpers/esm/objectSpread2";
-import k from "@babel/runtime/helpers/esm/assertThisInitialized";
-import R from "@babel/runtime/helpers/esm/classCallCheck";
-import V from "@babel/runtime/helpers/esm/createClass";
+import h from "@babel/runtime/helpers/esm/objectSpread2";
+import R from "@babel/runtime/helpers/esm/assertThisInitialized";
+import V from "@babel/runtime/helpers/esm/classCallCheck";
+import z from "@babel/runtime/helpers/esm/createClass";
 import D from "@babel/runtime/helpers/esm/inherits";
 import T from "@babel/runtime/helpers/esm/createSuper";
-import c from "@babel/runtime/helpers/esm/defineProperty";
+import g from "@babel/runtime/helpers/esm/defineProperty";
 import { sstyled as Y } from 'intergalactic/utils/lib/core/index';
-import w, { CONTEXT_COMPONENT as j, assignProps as P, Component as E, sstyled as m } from 'intergalactic/core';
+import w, { CONTEXT_COMPONENT as j, assignProps as C, Component as E, sstyled as v } from 'intergalactic/core';
 import l from "react";
 import { Flex as Z, Box as I, InvalidStateBox as ee } from 'intergalactic/flex-box';
 import A, { callAllEventHandlers as H } from 'intergalactic/utils/lib/assignProps';
-import re from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
-import te from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
+import te from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
+import re from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
 import O, { inputProps as ae } from 'intergalactic/utils/lib/inputProps';
 import { inputProps as Ie } from 'intergalactic/utils/lib/inputProps';
 import { useColorResolver as oe } from 'intergalactic/utils/lib/use/useColorResolver';
-import _e from 'intergalactic/utils/lib/logger';
-import { Text as ie } from 'intergalactic/typography';
-var ne = ["size", "state", "theme", "keyboardFocused", "value", "tag", "disabled", "includeInputProps", "resolveColor"], le = ["children", "Children"], B = (
+import ne from 'intergalactic/utils/lib/logger';
+import { Text as _e } from 'intergalactic/typography';
+var ie = ["size", "state", "theme", "keyboardFocused", "value", "tag", "disabled", "includeInputProps", "resolveColor"], le = ["children", "Children"], B = (
   /*__reshadow_css_start__*/
   (Y.insert(
     /*__inner_css_start__*/
-    '.___SRadio_1d5zc_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_1d5zc_gg_ .___SText_1d5zc_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SRadio_1d5zc_gg_ .___SText_1d5zc_gg_.__color_1d5zc_gg_{color:var(--color_1d5zc)}.___SRadio_1d5zc_gg_.__disabled_1d5zc_gg_{pointer-events:none}.___SText_1d5zc_gg_._size_m_1d5zc_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_1d5zc_gg_._size_l_1d5zc_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SValue_1d5zc_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_1d5zc_gg_::after,.___SValue_1d5zc_gg_::before{content:"";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SValue_1d5zc_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_1d5zc_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_1d5zc_gg_.__disabled_1d5zc_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_1d5zc_gg_._size_m_1d5zc_gg_{width:16px;height:16px}.___SValue_1d5zc_gg_._size_m_1d5zc_gg_ .___SInvalidPattern_1d5zc_gg_:before{width:14px;height:14px}.___SValue_1d5zc_gg_._size_l_1d5zc_gg_{width:20px;height:20px}.___SValue_1d5zc_gg_._size_l_1d5zc_gg_ .___SInvalidPattern_1d5zc_gg_:before{width:18px;height:18px}.___SValue_1d5zc_gg_._state_normal_1d5zc_gg_::before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SValue_1d5zc_gg_._state_invalid_1d5zc_gg_::before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SControl_1d5zc_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_1d5zc_gg_:checked~.___SValue_1d5zc_gg_::before{border-color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-control-primary-info, #008ff8)}.___SControl_1d5zc_gg_:checked~.___SValue_1d5zc_gg_._size_m_1d5zc_gg_::after{width:6px;height:6px}.___SControl_1d5zc_gg_:checked~.___SValue_1d5zc_gg_._size_l_1d5zc_gg_::after{width:8px;height:8px}.___SValue_1d5zc_gg_._state_normal_1d5zc_gg_.__keyboardFocused_1d5zc_gg_::before{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));border-color:var(--intergalactic-border-info-active, #006dca)}.___SValue_1d5zc_gg_._state_invalid_1d5zc_gg_.__keyboardFocused_1d5zc_gg_::before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SControl_1d5zc_gg_:checked~.___SValue_1d5zc_gg_.__theme_1d5zc_gg_::before{border-color:var(--theme_1d5zc);background-color:var(--theme_1d5zc)}.___SValue_1d5zc_gg_._state_normal_1d5zc_gg_.__theme_1d5zc_gg_::before{border-color:var(--theme_1d5zc)}.___SInvalidPattern_1d5zc_gg_{background:0 0;overflow:hidden}.___SInvalidPattern_1d5zc_gg_:before{content:"";position:absolute;top:1px;left:1px;border-radius:50%;background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}',
-    "1d5zc_gg_"
+    '.___SRadio_n8xmt_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_n8xmt_gg_ .___SText_n8xmt_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SRadio_n8xmt_gg_ .___SText_n8xmt_gg_.__color_n8xmt_gg_{color:var(--color_n8xmt)}.___SRadio_n8xmt_gg_.__disabled_n8xmt_gg_{pointer-events:none}.___SText_n8xmt_gg_._size_m_n8xmt_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_n8xmt_gg_._size_l_n8xmt_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SValue_n8xmt_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_n8xmt_gg_::after,.___SValue_n8xmt_gg_::before{content:"";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SValue_n8xmt_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_n8xmt_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_n8xmt_gg_.__disabled_n8xmt_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_n8xmt_gg_._size_m_n8xmt_gg_{width:16px;height:16px}.___SValue_n8xmt_gg_._size_m_n8xmt_gg_ .___SInvalidPattern_n8xmt_gg_:before{width:14px;height:14px}.___SValue_n8xmt_gg_._size_l_n8xmt_gg_{width:20px;height:20px}.___SValue_n8xmt_gg_._size_l_n8xmt_gg_ .___SInvalidPattern_n8xmt_gg_:before{width:18px;height:18px}.___SValue_n8xmt_gg_._state_normal_n8xmt_gg_::before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SValue_n8xmt_gg_._state_invalid_n8xmt_gg_::before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SControl_n8xmt_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_n8xmt_gg_:checked~.___SValue_n8xmt_gg_::before{border-color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-control-primary-info, #008ff8)}.___SControl_n8xmt_gg_:checked~.___SValue_n8xmt_gg_._size_m_n8xmt_gg_::after{width:6px;height:6px}.___SControl_n8xmt_gg_:checked~.___SValue_n8xmt_gg_._size_l_n8xmt_gg_::after{width:8px;height:8px}.___SValue_n8xmt_gg_._state_normal_n8xmt_gg_.__keyboardFocused_n8xmt_gg_::before{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));border-color:var(--intergalactic-border-info-active, #006dca)}.___SValue_n8xmt_gg_._state_invalid_n8xmt_gg_.__keyboardFocused_n8xmt_gg_::before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SControl_n8xmt_gg_:checked~.___SValue_n8xmt_gg_.__theme_n8xmt_gg_::before{border-color:var(--theme_n8xmt);background-color:var(--theme_n8xmt)}.___SValue_n8xmt_gg_._state_normal_n8xmt_gg_.__theme_n8xmt_gg_::before{border-color:var(--theme_n8xmt)}.___SInvalidPattern_n8xmt_gg_{background:0 0;overflow:hidden}.___SInvalidPattern_n8xmt_gg_:before{content:"";position:absolute;top:1px;left:1px;border-radius:50%;background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}',
+    "n8xmt_gg_"
   ), {
-    __SRadio: "___SRadio_1d5zc_gg_",
-    _disabled: "__disabled_1d5zc_gg_",
-    __SText: "___SText_1d5zc_gg_",
-    _size_m: "_size_m_1d5zc_gg_",
-    _size_l: "_size_l_1d5zc_gg_",
-    __SValue: "___SValue_1d5zc_gg_",
-    _state_normal: "_state_normal_1d5zc_gg_",
-    _state_invalid: "_state_invalid_1d5zc_gg_",
-    __SControl: "___SControl_1d5zc_gg_",
-    _keyboardFocused: "__keyboardFocused_1d5zc_gg_",
-    _theme: "__theme_1d5zc_gg_",
-    "--theme": "--theme_1d5zc",
-    _color: "__color_1d5zc_gg_",
-    "--color": "--color_1d5zc",
-    __SInvalidPattern: "___SInvalidPattern_1d5zc_gg_"
+    __SRadio: "___SRadio_n8xmt_gg_",
+    _disabled: "__disabled_n8xmt_gg_",
+    __SText: "___SText_n8xmt_gg_",
+    _size_m: "_size_m_n8xmt_gg_",
+    _size_l: "_size_l_n8xmt_gg_",
+    __SValue: "___SValue_n8xmt_gg_",
+    _state_normal: "_state_normal_n8xmt_gg_",
+    _state_invalid: "_state_invalid_n8xmt_gg_",
+    __SControl: "___SControl_n8xmt_gg_",
+    _keyboardFocused: "__keyboardFocused_n8xmt_gg_",
+    _theme: "__theme_n8xmt_gg_",
+    "--theme": "--theme_n8xmt",
+    _color: "__color_n8xmt_gg_",
+    "--color": "--color_n8xmt",
+    __SInvalidPattern: "___SInvalidPattern_n8xmt_gg_"
   })
-), $ = /* @__PURE__ */ function(g) {
-  D(i, g);
-  var o = T(i);
-  function i() {
-    return R(this, i), o.apply(this, arguments);
+), $ = /* @__PURE__ */ function(c) {
+  D(_, c);
+  var o = T(_);
+  function _() {
+    return V(this, _), o.apply(this, arguments);
   }
-  return V(i, [{
+  return z(_, [{
     key: "uncontrolledProps",
     value: function() {
       return {
@@ -58,55 +58,55 @@ var ne = ["size", "state", "theme", "keyboardFocused", "value", "tag", "disabled
   }, {
     key: "setContext",
     value: function() {
-      var r = this.asProps, e = r.theme, a = r.size, _ = r.name, n = r.value, s = r.onChange, d = r.disabled;
+      var t = this.asProps, e = t.theme, a = t.size, n = t.name, i = t.value, s = t.onChange, d = t.disabled;
       return {
         onChange: s,
-        value: n,
+        value: i,
         theme: e,
         size: a,
-        name: _,
+        name: n,
         disabled: d
       };
     }
   }, {
     key: "render",
     value: function() {
-      var r = this.asProps, e = this.asProps.Children;
-      return /* @__PURE__ */ l.createElement(Z, P({
+      var t = this.asProps, e = this.asProps.Children;
+      return /* @__PURE__ */ l.createElement(Z, C({
         direction: "column",
         role: "group",
         __excludeProps: ["onChange"]
-      }, r), /* @__PURE__ */ l.createElement(e, null));
+      }, t), /* @__PURE__ */ l.createElement(e, null));
     }
-  }]), i;
+  }]), _;
 }(E);
-c($, "displayName", "RadioGroup");
-c($, "defaultProps", {
+g($, "displayName", "RadioGroup");
+g($, "defaultProps", {
   defaultValue: null
 });
-var U = w($), S = /* @__PURE__ */ function(g) {
-  D(i, g);
-  var o = T(i);
-  function i() {
-    var t;
-    R(this, i);
-    for (var r = arguments.length, e = new Array(r), a = 0; a < r; a++)
+var U = w($), y = /* @__PURE__ */ function(c) {
+  D(_, c);
+  var o = T(_);
+  function _() {
+    var r;
+    V(this, _);
+    for (var t = arguments.length, e = new Array(t), a = 0; a < t; a++)
       e[a] = arguments[a];
-    return t = o.call.apply(o, [this].concat(e)), c(k(t), "state", {
+    return r = o.call.apply(o, [this].concat(e)), g(R(r), "state", {
       hoistedDisabled: void 0
-    }), c(k(t), "hoistDisabled", function(_) {
-      _e.warn(!0, "Don't set disabled on Radio.Value or Radio.Text, set it on Radio or on RadioGroup (for all items) instead. Otherwise it will produce wrong SSR output.", t.asProps["data-ui-name"]), t.setState({
-        hoistedDisabled: _
+    }), g(R(r), "hoistDisabled", function(n) {
+      ne.warn(!0, "Don't set disabled on Radio.Value or Radio.Text, set it on Radio or on RadioGroup (for all items) instead. Otherwise it will produce wrong SSR output.", r.asProps["data-ui-name"]), r.setState({
+        hoistedDisabled: n
       });
-    }), t;
+    }), r;
   }
-  return V(i, [{
+  return z(_, [{
     key: "getTextProps",
     value: function() {
-      var r = A(this.asProps, this.context), e = r.size, a = e === void 0 ? "m" : e, _ = r.disabled, n = r.label, s = this.state.hoistedDisabled, d = {
+      var t = A(this.asProps, this.context), e = t.size, a = e === void 0 ? "m" : e, n = t.disabled, i = t.label, s = this.state.hoistedDisabled, d = {
         size: a,
-        children: n,
-        disabled: _ ?? s,
+        children: i,
+        disabled: n ?? s,
         hoistDisabled: this.hoistDisabled,
         rootDisabled: this.props.disabled
       };
@@ -115,15 +115,15 @@ var U = w($), S = /* @__PURE__ */ function(g) {
   }, {
     key: "getValueProps",
     value: function() {
-      var r, e = A(this.asProps, this.context), a = e.size, _ = a === void 0 ? "m" : a, n = e.state, s = n === void 0 ? "normal" : n, d = e.theme, p = e.disabled, z = e.name, u = this.asProps, h = u.value, f = u.checked, x = this.state.hoistedDisabled;
+      var t, e = A(this.asProps, this.context), a = e.size, n = a === void 0 ? "m" : a, i = e.state, s = i === void 0 ? "normal" : i, d = e.theme, m = e.disabled, b = e.name, u = this.asProps, p = u.value, x = u.checked, P = this.state.hoistedDisabled;
       return {
-        size: (r = this.props.size) !== null && r !== void 0 ? r : _,
-        disabled: p ?? x,
+        size: (t = this.props.size) !== null && t !== void 0 ? t : n,
+        disabled: m ?? P,
         state: s,
         theme: d,
-        value: h,
-        checked: f,
-        name: z,
+        value: p,
+        checked: x,
+        name: b,
         hoistDisabled: this.hoistDisabled,
         rootDisabled: this.props.disabled
       };
@@ -131,32 +131,32 @@ var U = w($), S = /* @__PURE__ */ function(g) {
   }, {
     key: "render",
     value: function() {
-      var r = this.asProps, e, a = I, _ = this.asProps, n = _.styles, s = _.Children, d = _.children;
-      return e = m(n), /* @__PURE__ */ l.createElement(a, e.cn("SRadio", v({}, P({
+      var t = this.asProps, e, a = I, n = this.asProps, i = n.styles, s = n.Children, d = n.children;
+      return e = v(i), /* @__PURE__ */ l.createElement(a, e.cn("SRadio", h({}, C({
         tag: "label",
         __excludeProps: ["onChange", "label", "disabled"]
-      }, r))), d ? /* @__PURE__ */ l.createElement(s, e.cn("Children", {})) : /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(C.Value, null), /* @__PURE__ */ l.createElement(C.Text, null)));
+      }, t))), d ? /* @__PURE__ */ l.createElement(s, e.cn("Children", {})) : /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(S.Value, null), /* @__PURE__ */ l.createElement(S.Text, null)));
     }
-  }]), i;
+  }]), _;
 }(E);
-c(S, "displayName", "Radio");
-c(S, "style", B);
-c(S, "contextType", U[j]);
-var b = /* @__PURE__ */ function(g) {
-  D(i, g);
-  var o = T(i);
-  function i() {
-    var t;
-    R(this, i);
-    for (var r = arguments.length, e = new Array(r), a = 0; a < r; a++)
+g(y, "displayName", "Radio");
+g(y, "style", B);
+g(y, "contextType", U[j]);
+var f = /* @__PURE__ */ function(c) {
+  D(_, c);
+  var o = T(_);
+  function _() {
+    var r;
+    V(this, _);
+    for (var t = arguments.length, e = new Array(t), a = 0; a < t; a++)
       e[a] = arguments[a];
-    return t = o.call.apply(o, [this].concat(e)), c(k(t), "bindHandlerChange", function(_) {
-      return function(n) {
-        typeof t.context.onChange == "function" && t.context.onChange(_, n);
+    return r = o.call.apply(o, [this].concat(e)), g(R(r), "bindHandlerChange", function(n) {
+      return function(i) {
+        typeof r.context.onChange == "function" && r.context.onChange(n, i);
       };
-    }), t;
+    }), r;
   }
-  return V(i, [{
+  return z(_, [{
     key: "uncontrolledProps",
     value: function() {
       return {
@@ -168,35 +168,35 @@ var b = /* @__PURE__ */ function(g) {
   }, {
     key: "getControlProps",
     value: function() {
-      var r = this.context.value, e = this.asProps, a = e.forwardRef, _ = e.includeInputProps, n = e.state, s = e.value, d = O(this.asProps, _), p = G(d, 1), z = p[0], u = s ?? "", h = v(v({
+      var t = this.context.value, e = this.asProps, a = e.forwardRef, n = e.includeInputProps, i = e.state, s = e.value, d = O(this.asProps, n), m = G(d, 1), b = m[0], u = s ?? "", p = h(h({
         ref: a,
-        state: n
-      }, z), {}, {
+        state: i
+      }, b), {}, {
         value: u
       });
-      if (r !== void 0) {
-        var f = this.props, x = f.onChange;
-        f.onClick, h.checked = r === u, h.onChange = H(x, this.bindHandlerChange(u));
+      if (t !== void 0) {
+        var x = this.props, P = x.onChange;
+        x.onClick, p.checked = t === u, p.onChange = H(P, this.bindHandlerChange(u));
       }
-      return h;
+      return p;
     }
   }, {
     key: "getRadioMarkProps",
     value: function() {
-      var r = this.context.value, e = this.asProps, a = e.size, _ = e.state, n = e.theme, s = e.keyboardFocused, d = e.value, p = e.tag, z = e.disabled, u = e.includeInputProps, h = e.resolveColor, f = N(e, ne), x = O(f, u), F = G(x, 2), J = F[0], y = F[1];
-      y.children, y.Children;
-      var K = N(y, le), L = d ?? "", M = v({
-        theme: n,
+      var t = this.context.value, e = this.asProps, a = e.size, n = e.state, i = e.theme, s = e.keyboardFocused, d = e.value, m = e.tag, b = e.disabled, u = e.includeInputProps, p = e.resolveColor, x = N(e, ie), P = O(x, u), F = G(P, 2), J = F[0], k = F[1];
+      k.children, k.Children;
+      var K = N(k, le), L = d ?? "", M = h({
+        theme: i,
         size: a,
-        state: _,
+        state: n,
         keyboardFocused: s,
-        disabled: z,
-        resolveColor: h,
+        disabled: b,
+        resolveColor: p,
         checked: J.checked
       }, K);
-      if (r !== void 0) {
+      if (t !== void 0) {
         var Q = this.props.onClick;
-        p !== "label" && (M.onClick = H(Q, this.bindHandlerChange(L)));
+        m !== "label" && (M.onClick = H(Q, this.bindHandlerChange(L)));
       }
       return M;
     }
@@ -213,53 +213,53 @@ var b = /* @__PURE__ */ function(g) {
   }, {
     key: "render",
     value: function() {
-      var r, e = this.asProps, a = e.styles, _ = e.children, n = e.Children;
-      return _ ? (r = m(a), /* @__PURE__ */ l.createElement(n, r.cn("Children", {}))) : (m(a), /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(C.Value.Control, null), /* @__PURE__ */ l.createElement(C.Value.RadioMark, null)));
+      var t, e = this.asProps, a = e.styles, n = e.children, i = e.Children;
+      return n ? (t = v(a), /* @__PURE__ */ l.createElement(i, t.cn("Children", {}))) : (v(a), /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(S.Value.Control, null), /* @__PURE__ */ l.createElement(S.Value.RadioMark, null)));
     }
-  }]), i;
+  }]), _;
 }(E);
-c(b, "defaultProps", {
+g(f, "defaultProps", {
   includeInputProps: ae,
   defaultChecked: !1
 });
-c(b, "enhance", [re(), te()]);
-c(b, "displayName", "Value");
-c(b, "contextType", U[j]);
-c(b, "style", B);
+g(f, "enhance", [te(), re()]);
+g(f, "displayName", "Value");
+g(f, "contextType", U[j]);
+g(f, "style", B);
 var W = function(o) {
-  var i = arguments[0], t, r = I, e = o.styles, a = o.state;
-  return t = m(e), /* @__PURE__ */ l.createElement(r, t.cn("SControl", v({}, P({
+  var _ = arguments[0], r, t = I, e = o.styles, a = o.state;
+  return r = v(e), /* @__PURE__ */ l.createElement(t, r.cn("SControl", h({}, C({
     tag: "input",
     type: "radio",
     "aria-invalid": a === "invalid"
-  }, i))));
+  }, _))));
 };
 W.displayName = "Control";
 var X = function(o) {
-  var i = arguments[0], t, r = I, e = ee, a = o.theme, _ = o.styles, n = o.resolveColor, s = o.state, d = o.checked;
-  return t = m(_), /* @__PURE__ */ l.createElement(r, t.cn("SValue", v({}, P({
+  var _ = arguments[0], r, t = I, e = ee, a = o.theme, n = o.styles, i = o.resolveColor, s = o.state, d = o.checked;
+  return r = v(n), /* @__PURE__ */ l.createElement(t, r.cn("SValue", h({}, C({
     tag: "div",
-    "use:theme": n(a),
+    "use:theme": i(a),
     "aria-hidden": !0
-  }, i))), s === "invalid" && !d && /* @__PURE__ */ l.createElement(e, t.cn("SInvalidPattern", {})));
+  }, _))), s === "invalid" && !d && /* @__PURE__ */ l.createElement(e, r.cn("SInvalidPattern", {})));
 };
 X.displayName = "RadioMark";
 var q = function(o) {
-  var i = arguments[0], t, r = ie, e = o.styles, a = o.color;
+  var _ = arguments[0], r, t = _e, e = o.styles, a = o.color;
   l.useEffect(function() {
     o.rootDisabled !== o.disabled && o.hoistDisabled(o.disabled);
   }, [o.rootDisabled, o.disabled, o.hoistDisabled]);
-  var _ = oe();
-  return t = m(e), /* @__PURE__ */ l.createElement(r, t.cn("SText", v({}, P({
+  var n = oe();
+  return r = v(e), /* @__PURE__ */ l.createElement(t, r.cn("SText", h({}, C({
     tag: "span",
-    "use:color": _(a)
-  }, i))));
+    "use:color": n(a)
+  }, _))));
 };
 q.displayName = "Text";
-var se = w(b, {
+var se = w(f, {
   Control: W,
   RadioMark: X
-}), C = w(S, {
+}), S = w(y, {
   Text: q,
   Value: se
 }), Te = function(o) {
@@ -267,7 +267,7 @@ var se = w(b, {
 };
 export {
   U as RadioGroup,
-  C as default,
+  S as default,
   Ie as inputProps,
   Te as wrapRadioGroup
 };

package/radio/package.json

@@ -1 +1 @@
-{"name":"intergalactic/radio","description":"Semrush Radio Component","version":"6.43.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 && pnpm vite build"},"exports":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.mjs","types":"./lib/types/index.d.ts"},"dependencies":{"@semcore/utils":"4.48.0","@semcore/flex-box":"5.41.0","@semcore/typography":"5.52.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/radio"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/radio","description":"Semrush Radio Component","version":"6.43.1-prerelease.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js && pnpm vite build"},"exports":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.mjs","types":"./lib/types/index.d.ts"},"dependencies":{"@semcore/utils":"4.48.1-prerelease.0","@semcore/flex-box":"5.41.1-prerelease.0","@semcore/typography":"5.52.1-prerelease.0"},"peerDependencies":{"@semcore/core":"^2.39.1-prerelease.0","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/radio"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

package/scroll-area/lib/cjs/ScrollArea.js

@@ -30,27 +30,27 @@ var _uniqueID = _interopRequireDefault(require("intergalactic/utils/lib/uniqueID
 var _canUseDOM = _interopRequireDefault(require("intergalactic/utils/lib/canUseDOM"));
 var _excluded = ["position"];
 /*__reshadow-styles__:"./style/scroll-area.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SScrollArea_7izy8_gg_{position:relative;width:100%;height:100%}.___SShadowHorizontal_7izy8_gg_:after,.___SShadowHorizontal_7izy8_gg_:before,.___SShadowVertical_7izy8_gg_:after,.___SShadowVertical_7izy8_gg_:before{content:\"\";position:absolute;display:none;pointer-events:none}.___SShadowHorizontal_7izy8_gg_:after,.___SShadowHorizontal_7izy8_gg_:before{top:0;width:5px;height:100%}.___SShadowHorizontal_7izy8_gg_._position_median_7izy8_gg_:before{left:0;display:block;background:var(--intergalactic-scroll-area-shadow-left,\n    linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_7izy8_gg_._position_median_7izy8_gg_:after{right:0;display:block;background:var(--intergalactic-scroll-area-shadow-right,\n    linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_7izy8_gg_._position_start_7izy8_gg_:before{left:0;display:block;background:var(--intergalactic-scroll-area-shadow-left,\n    linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_7izy8_gg_._position_end_7izy8_gg_:after{right:0;display:block;background:var(--intergalactic-scroll-area-shadow-right,\n    linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_7izy8_gg_.__leftOffset_7izy8_gg_:before{left:var(--leftOffset_7izy8)}.___SShadowHorizontal_7izy8_gg_.__rightOffset_7izy8_gg_:after{right:var(--rightOffset_7izy8)}.___SShadowVertical_7izy8_gg_:after,.___SShadowVertical_7izy8_gg_:before{left:0;width:100%;height:5px}.___SShadowVertical_7izy8_gg_._position_median_7izy8_gg_:before{top:0;display:block;background:var(--intergalactic-scroll-area-shadow-top,\n    linear-gradient(to bottom, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_7izy8_gg_._position_median_7izy8_gg_:after{bottom:0;display:block;background:var(--intergalactic-scroll-area-shadow-bottom,\n    linear-gradient(to top, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_7izy8_gg_._position_start_7izy8_gg_:before{top:0;display:block;background:var(--intergalactic-scroll-area-shadow-top,\n    linear-gradient(to bottom, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_7izy8_gg_._position_end_7izy8_gg_:after{bottom:0;display:block;background:var(--intergalactic-scroll-area-shadow-bottom,\n    linear-gradient(to top, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_7izy8_gg_.__topOffset_7izy8_gg_:before{top:var(--topOffset_7izy8)}.___SShadowVertical_7izy8_gg_.__bottomOffset_7izy8_gg_:after{bottom:var(--bottomOffset_7izy8)}.___SContainer_7izy8_gg_{display:block;width:100%;height:100%;box-sizing:content-box;overflow:auto;-webkit-overflow-scrolling:touch;outline:0;scrollbar-width:none;-ms-overflow-style:none}.___SContainer_7izy8_gg_::-webkit-scrollbar{display:none}.___SContainer_7izy8_gg_.__keyboardFocused_7izy8_gg_:focus::after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;top:var(--focusRingTopOffset_7izy8);right:var(--focusRingRightOffset_7izy8);bottom:var(--focusRingBottomOffset_7izy8);left:var(--focusRingLeftOffset_7izy8);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none;z-index:2}" /*__inner_css_end__*/, "7izy8_gg_") /*__reshadow_css_end__*/, {
-  "__SScrollArea": "___SScrollArea_7izy8_gg_",
-  "__SShadowHorizontal": "___SShadowHorizontal_7izy8_gg_",
-  "_leftOffset": "__leftOffset_7izy8_gg_",
-  "--leftOffset": "--leftOffset_7izy8",
-  "_rightOffset": "__rightOffset_7izy8_gg_",
-  "--rightOffset": "--rightOffset_7izy8",
-  "__SShadowVertical": "___SShadowVertical_7izy8_gg_",
-  "_topOffset": "__topOffset_7izy8_gg_",
-  "--topOffset": "--topOffset_7izy8",
-  "_bottomOffset": "__bottomOffset_7izy8_gg_",
-  "--bottomOffset": "--bottomOffset_7izy8",
-  "__SContainer": "___SContainer_7izy8_gg_",
-  "_keyboardFocused": "__keyboardFocused_7izy8_gg_",
-  "--focusRingTopOffset": "--focusRingTopOffset_7izy8",
-  "--focusRingRightOffset": "--focusRingRightOffset_7izy8",
-  "--focusRingBottomOffset": "--focusRingBottomOffset_7izy8",
-  "--focusRingLeftOffset": "--focusRingLeftOffset_7izy8",
-  "_position_median": "_position_median_7izy8_gg_",
-  "_position_start": "_position_start_7izy8_gg_",
-  "_position_end": "_position_end_7izy8_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SScrollArea_cd2x4_gg_{position:relative;width:100%;height:100%}.___SShadowHorizontal_cd2x4_gg_:after,.___SShadowHorizontal_cd2x4_gg_:before,.___SShadowVertical_cd2x4_gg_:after,.___SShadowVertical_cd2x4_gg_:before{content:\"\";position:absolute;display:none;pointer-events:none}.___SShadowHorizontal_cd2x4_gg_:after,.___SShadowHorizontal_cd2x4_gg_:before{top:0;width:5px;height:100%}.___SShadowHorizontal_cd2x4_gg_._position_median_cd2x4_gg_:before{left:0;display:block;background:var(--intergalactic-scroll-area-shadow-left,\n    linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_cd2x4_gg_._position_median_cd2x4_gg_:after{right:0;display:block;background:var(--intergalactic-scroll-area-shadow-right,\n    linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_cd2x4_gg_._position_start_cd2x4_gg_:before{left:0;display:block;background:var(--intergalactic-scroll-area-shadow-left,\n    linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_cd2x4_gg_._position_end_cd2x4_gg_:after{right:0;display:block;background:var(--intergalactic-scroll-area-shadow-right,\n    linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_cd2x4_gg_.__leftOffset_cd2x4_gg_:before{left:var(--leftOffset_cd2x4)}.___SShadowHorizontal_cd2x4_gg_.__rightOffset_cd2x4_gg_:after{right:var(--rightOffset_cd2x4)}.___SShadowVertical_cd2x4_gg_:after,.___SShadowVertical_cd2x4_gg_:before{left:0;width:100%;height:5px}.___SShadowVertical_cd2x4_gg_._position_median_cd2x4_gg_:before{top:0;display:block;background:var(--intergalactic-scroll-area-shadow-top,\n    linear-gradient(to bottom, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_cd2x4_gg_._position_median_cd2x4_gg_:after{bottom:0;display:block;background:var(--intergalactic-scroll-area-shadow-bottom,\n    linear-gradient(to top, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_cd2x4_gg_._position_start_cd2x4_gg_:before{top:0;display:block;background:var(--intergalactic-scroll-area-shadow-top,\n    linear-gradient(to bottom, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_cd2x4_gg_._position_end_cd2x4_gg_:after{bottom:0;display:block;background:var(--intergalactic-scroll-area-shadow-bottom,\n    linear-gradient(to top, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_cd2x4_gg_.__topOffset_cd2x4_gg_:before{top:var(--topOffset_cd2x4)}.___SShadowVertical_cd2x4_gg_.__bottomOffset_cd2x4_gg_:after{bottom:var(--bottomOffset_cd2x4)}.___SContainer_cd2x4_gg_{display:block;width:100%;height:100%;box-sizing:content-box;overflow:auto;-webkit-overflow-scrolling:touch;outline:0;scrollbar-width:none;-ms-overflow-style:none}.___SContainer_cd2x4_gg_::-webkit-scrollbar{display:none}.___SContainer_cd2x4_gg_.__keyboardFocused_cd2x4_gg_:focus::after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;top:var(--focusRingTopOffset_cd2x4);right:var(--focusRingRightOffset_cd2x4);bottom:var(--focusRingBottomOffset_cd2x4);left:var(--focusRingLeftOffset_cd2x4);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none;z-index:2}" /*__inner_css_end__*/, "cd2x4_gg_") /*__reshadow_css_end__*/, {
+  "__SScrollArea": "___SScrollArea_cd2x4_gg_",
+  "__SShadowHorizontal": "___SShadowHorizontal_cd2x4_gg_",
+  "_leftOffset": "__leftOffset_cd2x4_gg_",
+  "--leftOffset": "--leftOffset_cd2x4",
+  "_rightOffset": "__rightOffset_cd2x4_gg_",
+  "--rightOffset": "--rightOffset_cd2x4",
+  "__SShadowVertical": "___SShadowVertical_cd2x4_gg_",
+  "_topOffset": "__topOffset_cd2x4_gg_",
+  "--topOffset": "--topOffset_cd2x4",
+  "_bottomOffset": "__bottomOffset_cd2x4_gg_",
+  "--bottomOffset": "--bottomOffset_cd2x4",
+  "__SContainer": "___SContainer_cd2x4_gg_",
+  "_keyboardFocused": "__keyboardFocused_cd2x4_gg_",
+  "--focusRingTopOffset": "--focusRingTopOffset_cd2x4",
+  "--focusRingRightOffset": "--focusRingRightOffset_cd2x4",
+  "--focusRingBottomOffset": "--focusRingBottomOffset_cd2x4",
+  "--focusRingLeftOffset": "--focusRingLeftOffset_cd2x4",
+  "_position_median": "_position_median_cd2x4_gg_",
+  "_position_start": "_position_start_cd2x4_gg_",
+  "_position_end": "_position_end_cd2x4_gg_"
 });
 var eventCalculate = undefined;
 exports.eventCalculate = eventCalculate;

package/scroll-area/lib/cjs/ScrollBar.js

@@ -22,12 +22,12 @@ var _flexBox = require("intergalactic/flex-box");
 var _ref5 = require("intergalactic/utils/lib/ref");
 var _contextEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/contextEnhance"));
 /*__reshadow-styles__:"./style/scroll-bar.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SScrollBar_1vnqj_gg_{position:absolute;display:flex}.___SScrollBar_1vnqj_gg_._orientation_vertical_1vnqj_gg_{top:var(--intergalactic-spacing-1x, 4px);right:0;width:8px;height:calc(100% - var(--offsetSum_1vnqj) - var(--intergalactic-spacing-2x, 8px));justify-content:center}.___SScrollBar_1vnqj_gg_._orientation_horizontal_1vnqj_gg_{bottom:0;height:12px;align-items:center;width:calc(100% - var(--offsetSum_1vnqj) - var(--intergalactic-spacing-2x, 8px))}.___SSlider_1vnqj_gg_{cursor:pointer;width:6px;height:6px;border-radius:4px;background-color:var(--intergalactic-scroll-bar-background, rgba(25, 27, 35, 0.3))}" /*__inner_css_end__*/, "1vnqj_gg_") /*__reshadow_css_end__*/, {
-  "__SScrollBar": "___SScrollBar_1vnqj_gg_",
-  "_orientation_vertical": "_orientation_vertical_1vnqj_gg_",
-  "--offsetSum": "--offsetSum_1vnqj",
-  "_orientation_horizontal": "_orientation_horizontal_1vnqj_gg_",
-  "__SSlider": "___SSlider_1vnqj_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SScrollBar_1211c_gg_{position:absolute;display:flex}.___SScrollBar_1211c_gg_._orientation_vertical_1211c_gg_{top:var(--intergalactic-spacing-1x, 4px);right:0;width:8px;height:calc(100% - var(--offsetSum_1211c) - var(--intergalactic-spacing-2x, 8px));justify-content:center}.___SScrollBar_1211c_gg_._orientation_horizontal_1211c_gg_{bottom:0;height:12px;align-items:center;width:calc(100% - var(--offsetSum_1211c) - var(--intergalactic-spacing-2x, 8px))}.___SSlider_1211c_gg_{cursor:pointer;width:6px;height:6px;border-radius:4px;background-color:var(--intergalactic-scroll-bar-background, rgba(25, 27, 35, 0.3))}" /*__inner_css_end__*/, "1211c_gg_") /*__reshadow_css_end__*/, {
+  "__SScrollBar": "___SScrollBar_1211c_gg_",
+  "_orientation_vertical": "_orientation_vertical_1211c_gg_",
+  "--offsetSum": "--offsetSum_1211c",
+  "_orientation_horizontal": "_orientation_horizontal_1211c_gg_",
+  "__SSlider": "___SSlider_1211c_gg_"
 });
 var hideScrollBarsFromScreenReadersContext = /*#__PURE__*/_react["default"].createContext(false);
 exports.hideScrollBarsFromScreenReadersContext = hideScrollBarsFromScreenReadersContext;