intergalactic 15.107.0 → 15.108.0-prerelease.1

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_ctsfu_gg_{position:relative;width:100%;height:100%}.___SShadowHorizontal_ctsfu_gg_:after,.___SShadowHorizontal_ctsfu_gg_:before,.___SShadowVertical_ctsfu_gg_:after,.___SShadowVertical_ctsfu_gg_:before{content:\"\";position:absolute;display:none;pointer-events:none}.___SShadowHorizontal_ctsfu_gg_:after,.___SShadowHorizontal_ctsfu_gg_:before{top:0;width:5px;height:100%}.___SShadowHorizontal_ctsfu_gg_._position_median_ctsfu_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_ctsfu_gg_._position_median_ctsfu_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_ctsfu_gg_._position_start_ctsfu_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_ctsfu_gg_._position_end_ctsfu_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_ctsfu_gg_.__leftOffset_ctsfu_gg_:before{left:var(--leftOffset_ctsfu)}.___SShadowHorizontal_ctsfu_gg_.__rightOffset_ctsfu_gg_:after{right:var(--rightOffset_ctsfu)}.___SShadowVertical_ctsfu_gg_:after,.___SShadowVertical_ctsfu_gg_:before{left:0;width:100%;height:5px}.___SShadowVertical_ctsfu_gg_._position_median_ctsfu_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_ctsfu_gg_._position_median_ctsfu_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_ctsfu_gg_._position_start_ctsfu_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_ctsfu_gg_._position_end_ctsfu_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_ctsfu_gg_.__topOffset_ctsfu_gg_:before{top:var(--topOffset_ctsfu)}.___SShadowVertical_ctsfu_gg_.__bottomOffset_ctsfu_gg_:after{bottom:var(--bottomOffset_ctsfu)}.___SContainer_ctsfu_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_ctsfu_gg_::-webkit-scrollbar{display:none}.___SContainer_ctsfu_gg_.__keyboardFocused_ctsfu_gg_:focus::after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;top:var(--focusRingTopOffset_ctsfu);right:var(--focusRingRightOffset_ctsfu);bottom:var(--focusRingBottomOffset_ctsfu);left:var(--focusRingLeftOffset_ctsfu);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__*/, "ctsfu_gg_") /*__reshadow_css_end__*/, {
-  "__SScrollArea": "___SScrollArea_ctsfu_gg_",
-  "__SShadowHorizontal": "___SShadowHorizontal_ctsfu_gg_",
-  "_leftOffset": "__leftOffset_ctsfu_gg_",
-  "--leftOffset": "--leftOffset_ctsfu",
-  "_rightOffset": "__rightOffset_ctsfu_gg_",
-  "--rightOffset": "--rightOffset_ctsfu",
-  "__SShadowVertical": "___SShadowVertical_ctsfu_gg_",
-  "_topOffset": "__topOffset_ctsfu_gg_",
-  "--topOffset": "--topOffset_ctsfu",
-  "_bottomOffset": "__bottomOffset_ctsfu_gg_",
-  "--bottomOffset": "--bottomOffset_ctsfu",
-  "__SContainer": "___SContainer_ctsfu_gg_",
-  "_keyboardFocused": "__keyboardFocused_ctsfu_gg_",
-  "--focusRingTopOffset": "--focusRingTopOffset_ctsfu",
-  "--focusRingRightOffset": "--focusRingRightOffset_ctsfu",
-  "--focusRingBottomOffset": "--focusRingBottomOffset_ctsfu",
-  "--focusRingLeftOffset": "--focusRingLeftOffset_ctsfu",
-  "_position_median": "_position_median_ctsfu_gg_",
-  "_position_start": "_position_start_ctsfu_gg_",
-  "_position_end": "_position_end_ctsfu_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SScrollArea_3paw7_gg_{position:relative;width:100%;height:100%}.___SShadowHorizontal_3paw7_gg_:after,.___SShadowHorizontal_3paw7_gg_:before,.___SShadowVertical_3paw7_gg_:after,.___SShadowVertical_3paw7_gg_:before{content:\"\";position:absolute;display:none;pointer-events:none}.___SShadowHorizontal_3paw7_gg_:after,.___SShadowHorizontal_3paw7_gg_:before{top:0;width:5px;height:100%}.___SShadowHorizontal_3paw7_gg_._position_median_3paw7_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_3paw7_gg_._position_median_3paw7_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_3paw7_gg_._position_start_3paw7_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_3paw7_gg_._position_end_3paw7_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_3paw7_gg_.__leftOffset_3paw7_gg_:before{left:var(--leftOffset_3paw7)}.___SShadowHorizontal_3paw7_gg_.__rightOffset_3paw7_gg_:after{right:var(--rightOffset_3paw7)}.___SShadowVertical_3paw7_gg_:after,.___SShadowVertical_3paw7_gg_:before{left:0;width:100%;height:5px}.___SShadowVertical_3paw7_gg_._position_median_3paw7_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_3paw7_gg_._position_median_3paw7_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_3paw7_gg_._position_start_3paw7_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_3paw7_gg_._position_end_3paw7_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_3paw7_gg_.__topOffset_3paw7_gg_:before{top:var(--topOffset_3paw7)}.___SShadowVertical_3paw7_gg_.__bottomOffset_3paw7_gg_:after{bottom:var(--bottomOffset_3paw7)}.___SContainer_3paw7_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_3paw7_gg_::-webkit-scrollbar{display:none}.___SContainer_3paw7_gg_.__keyboardFocused_3paw7_gg_:focus::after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;top:var(--focusRingTopOffset_3paw7);right:var(--focusRingRightOffset_3paw7);bottom:var(--focusRingBottomOffset_3paw7);left:var(--focusRingLeftOffset_3paw7);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__*/, "3paw7_gg_") /*__reshadow_css_end__*/, {
+  "__SScrollArea": "___SScrollArea_3paw7_gg_",
+  "__SShadowHorizontal": "___SShadowHorizontal_3paw7_gg_",
+  "_leftOffset": "__leftOffset_3paw7_gg_",
+  "--leftOffset": "--leftOffset_3paw7",
+  "_rightOffset": "__rightOffset_3paw7_gg_",
+  "--rightOffset": "--rightOffset_3paw7",
+  "__SShadowVertical": "___SShadowVertical_3paw7_gg_",
+  "_topOffset": "__topOffset_3paw7_gg_",
+  "--topOffset": "--topOffset_3paw7",
+  "_bottomOffset": "__bottomOffset_3paw7_gg_",
+  "--bottomOffset": "--bottomOffset_3paw7",
+  "__SContainer": "___SContainer_3paw7_gg_",
+  "_keyboardFocused": "__keyboardFocused_3paw7_gg_",
+  "--focusRingTopOffset": "--focusRingTopOffset_3paw7",
+  "--focusRingRightOffset": "--focusRingRightOffset_3paw7",
+  "--focusRingBottomOffset": "--focusRingBottomOffset_3paw7",
+  "--focusRingLeftOffset": "--focusRingLeftOffset_3paw7",
+  "_position_median": "_position_median_3paw7_gg_",
+  "_position_start": "_position_start_3paw7_gg_",
+  "_position_end": "_position_end_3paw7_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_16gly_gg_{position:absolute;display:flex}.___SScrollBar_16gly_gg_._orientation_vertical_16gly_gg_{top:var(--intergalactic-spacing-1x, 4px);right:0;width:8px;height:calc(100% - var(--offsetSum_16gly) - var(--intergalactic-spacing-2x, 8px));justify-content:center}.___SScrollBar_16gly_gg_._orientation_horizontal_16gly_gg_{bottom:0;height:12px;align-items:center;width:calc(100% - var(--offsetSum_16gly) - var(--intergalactic-spacing-2x, 8px))}.___SSlider_16gly_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__*/, "16gly_gg_") /*__reshadow_css_end__*/, {
-  "__SScrollBar": "___SScrollBar_16gly_gg_",
-  "_orientation_vertical": "_orientation_vertical_16gly_gg_",
-  "--offsetSum": "--offsetSum_16gly",
-  "_orientation_horizontal": "_orientation_horizontal_16gly_gg_",
-  "__SSlider": "___SSlider_16gly_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SScrollBar_kyayu_gg_{position:absolute;display:flex}.___SScrollBar_kyayu_gg_._orientation_vertical_kyayu_gg_{top:var(--intergalactic-spacing-1x, 4px);right:0;width:8px;height:calc(100% - var(--offsetSum_kyayu) - var(--intergalactic-spacing-2x, 8px));justify-content:center}.___SScrollBar_kyayu_gg_._orientation_horizontal_kyayu_gg_{bottom:0;height:12px;align-items:center;width:calc(100% - var(--offsetSum_kyayu) - var(--intergalactic-spacing-2x, 8px))}.___SSlider_kyayu_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__*/, "kyayu_gg_") /*__reshadow_css_end__*/, {
+  "__SScrollBar": "___SScrollBar_kyayu_gg_",
+  "_orientation_vertical": "_orientation_vertical_kyayu_gg_",
+  "--offsetSum": "--offsetSum_kyayu",
+  "_orientation_horizontal": "_orientation_horizontal_kyayu_gg_",
+  "__SSlider": "___SSlider_kyayu_gg_"
 });
 var hideScrollBarsFromScreenReadersContext = /*#__PURE__*/_react["default"].createContext(false);
 exports.hideScrollBarsFromScreenReadersContext = hideScrollBarsFromScreenReadersContext;

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

@@ -24,27 +24,27 @@ import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocus
 import uniqueIDEnhancement from 'intergalactic/utils/lib/uniqueID';
 import canUseDOM from 'intergalactic/utils/lib/canUseDOM';
 /*__reshadow-styles__:"./style/scroll-area.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScrollArea_ctsfu_gg_{position:relative;width:100%;height:100%}.___SShadowHorizontal_ctsfu_gg_:after,.___SShadowHorizontal_ctsfu_gg_:before,.___SShadowVertical_ctsfu_gg_:after,.___SShadowVertical_ctsfu_gg_:before{content:\"\";position:absolute;display:none;pointer-events:none}.___SShadowHorizontal_ctsfu_gg_:after,.___SShadowHorizontal_ctsfu_gg_:before{top:0;width:5px;height:100%}.___SShadowHorizontal_ctsfu_gg_._position_median_ctsfu_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_ctsfu_gg_._position_median_ctsfu_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_ctsfu_gg_._position_start_ctsfu_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_ctsfu_gg_._position_end_ctsfu_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_ctsfu_gg_.__leftOffset_ctsfu_gg_:before{left:var(--leftOffset_ctsfu)}.___SShadowHorizontal_ctsfu_gg_.__rightOffset_ctsfu_gg_:after{right:var(--rightOffset_ctsfu)}.___SShadowVertical_ctsfu_gg_:after,.___SShadowVertical_ctsfu_gg_:before{left:0;width:100%;height:5px}.___SShadowVertical_ctsfu_gg_._position_median_ctsfu_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_ctsfu_gg_._position_median_ctsfu_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_ctsfu_gg_._position_start_ctsfu_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_ctsfu_gg_._position_end_ctsfu_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_ctsfu_gg_.__topOffset_ctsfu_gg_:before{top:var(--topOffset_ctsfu)}.___SShadowVertical_ctsfu_gg_.__bottomOffset_ctsfu_gg_:after{bottom:var(--bottomOffset_ctsfu)}.___SContainer_ctsfu_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_ctsfu_gg_::-webkit-scrollbar{display:none}.___SContainer_ctsfu_gg_.__keyboardFocused_ctsfu_gg_:focus::after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;top:var(--focusRingTopOffset_ctsfu);right:var(--focusRingRightOffset_ctsfu);bottom:var(--focusRingBottomOffset_ctsfu);left:var(--focusRingLeftOffset_ctsfu);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__*/, "ctsfu_gg_") /*__reshadow_css_end__*/, {
-  "__SScrollArea": "___SScrollArea_ctsfu_gg_",
-  "__SShadowHorizontal": "___SShadowHorizontal_ctsfu_gg_",
-  "_leftOffset": "__leftOffset_ctsfu_gg_",
-  "--leftOffset": "--leftOffset_ctsfu",
-  "_rightOffset": "__rightOffset_ctsfu_gg_",
-  "--rightOffset": "--rightOffset_ctsfu",
-  "__SShadowVertical": "___SShadowVertical_ctsfu_gg_",
-  "_topOffset": "__topOffset_ctsfu_gg_",
-  "--topOffset": "--topOffset_ctsfu",
-  "_bottomOffset": "__bottomOffset_ctsfu_gg_",
-  "--bottomOffset": "--bottomOffset_ctsfu",
-  "__SContainer": "___SContainer_ctsfu_gg_",
-  "_keyboardFocused": "__keyboardFocused_ctsfu_gg_",
-  "--focusRingTopOffset": "--focusRingTopOffset_ctsfu",
-  "--focusRingRightOffset": "--focusRingRightOffset_ctsfu",
-  "--focusRingBottomOffset": "--focusRingBottomOffset_ctsfu",
-  "--focusRingLeftOffset": "--focusRingLeftOffset_ctsfu",
-  "_position_median": "_position_median_ctsfu_gg_",
-  "_position_start": "_position_start_ctsfu_gg_",
-  "_position_end": "_position_end_ctsfu_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScrollArea_3paw7_gg_{position:relative;width:100%;height:100%}.___SShadowHorizontal_3paw7_gg_:after,.___SShadowHorizontal_3paw7_gg_:before,.___SShadowVertical_3paw7_gg_:after,.___SShadowVertical_3paw7_gg_:before{content:\"\";position:absolute;display:none;pointer-events:none}.___SShadowHorizontal_3paw7_gg_:after,.___SShadowHorizontal_3paw7_gg_:before{top:0;width:5px;height:100%}.___SShadowHorizontal_3paw7_gg_._position_median_3paw7_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_3paw7_gg_._position_median_3paw7_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_3paw7_gg_._position_start_3paw7_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_3paw7_gg_._position_end_3paw7_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_3paw7_gg_.__leftOffset_3paw7_gg_:before{left:var(--leftOffset_3paw7)}.___SShadowHorizontal_3paw7_gg_.__rightOffset_3paw7_gg_:after{right:var(--rightOffset_3paw7)}.___SShadowVertical_3paw7_gg_:after,.___SShadowVertical_3paw7_gg_:before{left:0;width:100%;height:5px}.___SShadowVertical_3paw7_gg_._position_median_3paw7_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_3paw7_gg_._position_median_3paw7_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_3paw7_gg_._position_start_3paw7_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_3paw7_gg_._position_end_3paw7_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_3paw7_gg_.__topOffset_3paw7_gg_:before{top:var(--topOffset_3paw7)}.___SShadowVertical_3paw7_gg_.__bottomOffset_3paw7_gg_:after{bottom:var(--bottomOffset_3paw7)}.___SContainer_3paw7_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_3paw7_gg_::-webkit-scrollbar{display:none}.___SContainer_3paw7_gg_.__keyboardFocused_3paw7_gg_:focus::after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;top:var(--focusRingTopOffset_3paw7);right:var(--focusRingRightOffset_3paw7);bottom:var(--focusRingBottomOffset_3paw7);left:var(--focusRingLeftOffset_3paw7);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__*/, "3paw7_gg_") /*__reshadow_css_end__*/, {
+  "__SScrollArea": "___SScrollArea_3paw7_gg_",
+  "__SShadowHorizontal": "___SShadowHorizontal_3paw7_gg_",
+  "_leftOffset": "__leftOffset_3paw7_gg_",
+  "--leftOffset": "--leftOffset_3paw7",
+  "_rightOffset": "__rightOffset_3paw7_gg_",
+  "--rightOffset": "--rightOffset_3paw7",
+  "__SShadowVertical": "___SShadowVertical_3paw7_gg_",
+  "_topOffset": "__topOffset_3paw7_gg_",
+  "--topOffset": "--topOffset_3paw7",
+  "_bottomOffset": "__bottomOffset_3paw7_gg_",
+  "--bottomOffset": "--bottomOffset_3paw7",
+  "__SContainer": "___SContainer_3paw7_gg_",
+  "_keyboardFocused": "__keyboardFocused_3paw7_gg_",
+  "--focusRingTopOffset": "--focusRingTopOffset_3paw7",
+  "--focusRingRightOffset": "--focusRingRightOffset_3paw7",
+  "--focusRingBottomOffset": "--focusRingBottomOffset_3paw7",
+  "--focusRingLeftOffset": "--focusRingLeftOffset_3paw7",
+  "_position_median": "_position_median_3paw7_gg_",
+  "_position_start": "_position_start_3paw7_gg_",
+  "_position_end": "_position_end_3paw7_gg_"
 });
 var eventCalculate = undefined;
 if (typeof window !== 'undefined') {

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

@@ -16,12 +16,12 @@ import { Box } from 'intergalactic/flex-box';
 import { getNodeByRef } from 'intergalactic/utils/lib/ref';
 import contextEnhance from 'intergalactic/utils/lib/enhances/contextEnhance';
 /*__reshadow-styles__:"./style/scroll-bar.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScrollBar_16gly_gg_{position:absolute;display:flex}.___SScrollBar_16gly_gg_._orientation_vertical_16gly_gg_{top:var(--intergalactic-spacing-1x, 4px);right:0;width:8px;height:calc(100% - var(--offsetSum_16gly) - var(--intergalactic-spacing-2x, 8px));justify-content:center}.___SScrollBar_16gly_gg_._orientation_horizontal_16gly_gg_{bottom:0;height:12px;align-items:center;width:calc(100% - var(--offsetSum_16gly) - var(--intergalactic-spacing-2x, 8px))}.___SSlider_16gly_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__*/, "16gly_gg_") /*__reshadow_css_end__*/, {
-  "__SScrollBar": "___SScrollBar_16gly_gg_",
-  "_orientation_vertical": "_orientation_vertical_16gly_gg_",
-  "--offsetSum": "--offsetSum_16gly",
-  "_orientation_horizontal": "_orientation_horizontal_16gly_gg_",
-  "__SSlider": "___SSlider_16gly_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScrollBar_kyayu_gg_{position:absolute;display:flex}.___SScrollBar_kyayu_gg_._orientation_vertical_kyayu_gg_{top:var(--intergalactic-spacing-1x, 4px);right:0;width:8px;height:calc(100% - var(--offsetSum_kyayu) - var(--intergalactic-spacing-2x, 8px));justify-content:center}.___SScrollBar_kyayu_gg_._orientation_horizontal_kyayu_gg_{bottom:0;height:12px;align-items:center;width:calc(100% - var(--offsetSum_kyayu) - var(--intergalactic-spacing-2x, 8px))}.___SSlider_kyayu_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__*/, "kyayu_gg_") /*__reshadow_css_end__*/, {
+  "__SScrollBar": "___SScrollBar_kyayu_gg_",
+  "_orientation_vertical": "_orientation_vertical_kyayu_gg_",
+  "--offsetSum": "--offsetSum_kyayu",
+  "_orientation_horizontal": "_orientation_horizontal_kyayu_gg_",
+  "__SSlider": "___SSlider_kyayu_gg_"
 });
 export var hideScrollBarsFromScreenReadersContext = /*#__PURE__*/React.createContext(false);
 export var DEFAULT_SLIDER_SIZE = 50;

package/scroll-area/package.json

@@ -1 +1 @@
-{"name":"intergalactic/scroll-area","description":"Semrush ScrollArea Component","version":"5.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/utils":"4.35.0","@semcore/flex-box":"5.32.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/scroll-area"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/scroll-area","description":"Semrush ScrollArea Component","version":"5.37.0-prerelease.1","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/utils":"4.36.0-prerelease.1","@semcore/flex-box":"5.33.0-prerelease.1"},"peerDependencies":{"@semcore/core":"^2.31.0-prerelease.1","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/scroll-area"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

package/select/lib/cjs/InputSearch.js

@@ -23,12 +23,12 @@ var _context = require("./context");
 var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
 var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
 /*__reshadow-styles__:"./style/input-search.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SInputSearch_18s2s_gg_._size_m_18s2s_gg_{height:32px}.___SSearchClear_18s2s_gg_.__hide_18s2s_gg_{visibility:hidden}.___SOutline_18s2s_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0;box-sizing:content-box}" /*__inner_css_end__*/, "18s2s_gg_") /*__reshadow_css_end__*/, {
-  "__SInputSearch": "___SInputSearch_18s2s_gg_",
-  "_size_m": "_size_m_18s2s_gg_",
-  "__SSearchClear": "___SSearchClear_18s2s_gg_",
-  "_hide": "__hide_18s2s_gg_",
-  "__SOutline": "___SOutline_18s2s_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SInputSearch_3nwsw_gg_._size_m_3nwsw_gg_{height:32px}.___SSearchClear_3nwsw_gg_.__hide_3nwsw_gg_{visibility:hidden}.___SOutline_3nwsw_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0;box-sizing:content-box}" /*__inner_css_end__*/, "3nwsw_gg_") /*__reshadow_css_end__*/, {
+  "__SInputSearch": "___SInputSearch_3nwsw_gg_",
+  "_size_m": "_size_m_3nwsw_gg_",
+  "__SSearchClear": "___SSearchClear_3nwsw_gg_",
+  "_hide": "__hide_3nwsw_gg_",
+  "__SOutline": "___SOutline_3nwsw_gg_"
 });
 var InputSearchRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(InputSearchRoot, _Component);

package/select/lib/cjs/Select.js

@@ -36,14 +36,14 @@ var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynam
 var _popper = require("intergalactic/popper");
 var _excluded = ["Children", "options", "multiselect", "value", "uid", "forcedAdvancedMode"];
 /*__reshadow-styles__:"./style/select.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SOptionCheckbox_19r9b_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-2x, 8px);margin-bottom:auto;position:relative;flex-shrink:0;width:16px;height:16px}.___SOptionCheckbox_19r9b_gg_::before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SOptionCheckbox_19r9b_gg_::after{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;margin:0 var(--intergalactic-spacing-05x, 2px);background-repeat:no-repeat;background-position:center center}.___SOptionCheckbox_19r9b_gg_.__selected_19r9b_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_19r9b_gg_._size_l_19r9b_gg_{width:20px;height:20px}.___SOptionCheckbox_19r9b_gg_._size_l_19r9b_gg_.__selected_19r9b_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_19r9b_gg_.__indeterminate_19r9b_gg_:before,.___SOptionCheckbox_19r9b_gg_.__selected_19r9b_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_19r9b_gg_.__theme_19r9b_gg_:before{border-color:var(--theme_19r9b)}.___SOptionCheckbox_19r9b_gg_.__theme_19r9b_gg_.__indeterminate_19r9b_gg_:before,.___SOptionCheckbox_19r9b_gg_.__theme_19r9b_gg_.__selected_19r9b_gg_:before{background-color:var(--theme_19r9b);border-color:var(--theme_19r9b)}.___SOptionCheckbox_19r9b_gg_.__selected_19r9b_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_19r9b_gg_.__selected_19r9b_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_19r9b_gg_.__indeterminate_19r9b_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_19r9b_gg_.__indeterminate_19r9b_gg_._size_l_19r9b_gg_:after{width:12px;height:2px}.___SOptionCheckbox_19r9b_gg_.__indeterminate_19r9b_gg_._size_m_19r9b_gg_:after{width:8px;height:2px}" /*__inner_css_end__*/, "19r9b_gg_") /*__reshadow_css_end__*/, {
-  "__SOptionCheckbox": "___SOptionCheckbox_19r9b_gg_",
-  "_selected": "__selected_19r9b_gg_",
-  "_size_l": "_size_l_19r9b_gg_",
-  "_indeterminate": "__indeterminate_19r9b_gg_",
-  "_theme": "__theme_19r9b_gg_",
-  "--theme": "--theme_19r9b",
-  "_size_m": "_size_m_19r9b_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SOptionCheckbox_1jseg_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-2x, 8px);margin-bottom:auto;position:relative;flex-shrink:0;width:16px;height:16px}.___SOptionCheckbox_1jseg_gg_::before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SOptionCheckbox_1jseg_gg_::after{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;margin:0 var(--intergalactic-spacing-05x, 2px);background-repeat:no-repeat;background-position:center center}.___SOptionCheckbox_1jseg_gg_.__selected_1jseg_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_1jseg_gg_._size_l_1jseg_gg_{width:20px;height:20px}.___SOptionCheckbox_1jseg_gg_._size_l_1jseg_gg_.__selected_1jseg_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_1jseg_gg_.__indeterminate_1jseg_gg_:before,.___SOptionCheckbox_1jseg_gg_.__selected_1jseg_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_1jseg_gg_.__theme_1jseg_gg_:before{border-color:var(--theme_1jseg)}.___SOptionCheckbox_1jseg_gg_.__theme_1jseg_gg_.__indeterminate_1jseg_gg_:before,.___SOptionCheckbox_1jseg_gg_.__theme_1jseg_gg_.__selected_1jseg_gg_:before{background-color:var(--theme_1jseg);border-color:var(--theme_1jseg)}.___SOptionCheckbox_1jseg_gg_.__selected_1jseg_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_1jseg_gg_.__selected_1jseg_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_1jseg_gg_.__indeterminate_1jseg_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_1jseg_gg_.__indeterminate_1jseg_gg_._size_l_1jseg_gg_:after{width:12px;height:2px}.___SOptionCheckbox_1jseg_gg_.__indeterminate_1jseg_gg_._size_m_1jseg_gg_:after{width:8px;height:2px}" /*__inner_css_end__*/, "1jseg_gg_") /*__reshadow_css_end__*/, {
+  "__SOptionCheckbox": "___SOptionCheckbox_1jseg_gg_",
+  "_selected": "__selected_1jseg_gg_",
+  "_size_l": "_size_l_1jseg_gg_",
+  "_indeterminate": "__indeterminate_1jseg_gg_",
+  "_theme": "__theme_1jseg_gg_",
+  "--theme": "--theme_1jseg",
+  "_size_m": "_size_m_1jseg_gg_"
 });
 function isSelectedOption(value, valueOption) {
   return Array.isArray(value) ? value.includes(valueOption) : valueOption === value;

package/select/lib/es6/InputSearch.js

@@ -19,12 +19,12 @@ import { selectContext } from './context';
 import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 /*__reshadow-styles__:"./style/input-search.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SInputSearch_18s2s_gg_._size_m_18s2s_gg_{height:32px}.___SSearchClear_18s2s_gg_.__hide_18s2s_gg_{visibility:hidden}.___SOutline_18s2s_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0;box-sizing:content-box}" /*__inner_css_end__*/, "18s2s_gg_") /*__reshadow_css_end__*/, {
-  "__SInputSearch": "___SInputSearch_18s2s_gg_",
-  "_size_m": "_size_m_18s2s_gg_",
-  "__SSearchClear": "___SSearchClear_18s2s_gg_",
-  "_hide": "__hide_18s2s_gg_",
-  "__SOutline": "___SOutline_18s2s_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SInputSearch_3nwsw_gg_._size_m_3nwsw_gg_{height:32px}.___SSearchClear_3nwsw_gg_.__hide_3nwsw_gg_{visibility:hidden}.___SOutline_3nwsw_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0;box-sizing:content-box}" /*__inner_css_end__*/, "3nwsw_gg_") /*__reshadow_css_end__*/, {
+  "__SInputSearch": "___SInputSearch_3nwsw_gg_",
+  "_size_m": "_size_m_3nwsw_gg_",
+  "__SSearchClear": "___SSearchClear_3nwsw_gg_",
+  "_hide": "__hide_3nwsw_gg_",
+  "__SOutline": "___SOutline_3nwsw_gg_"
 });
 var InputSearchRoot = /*#__PURE__*/function (_Component) {
   _inherits(InputSearchRoot, _Component);

package/select/lib/es6/Select.js

@@ -34,14 +34,14 @@ import { localizedMessages } from './translations/__intergalactic-dynamic-locale
 import { isInputTriggerTag } from 'intergalactic/popper';
 import { Flex } from 'intergalactic/flex-box';
 /*__reshadow-styles__:"./style/select.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SOptionCheckbox_19r9b_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-2x, 8px);margin-bottom:auto;position:relative;flex-shrink:0;width:16px;height:16px}.___SOptionCheckbox_19r9b_gg_::before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SOptionCheckbox_19r9b_gg_::after{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;margin:0 var(--intergalactic-spacing-05x, 2px);background-repeat:no-repeat;background-position:center center}.___SOptionCheckbox_19r9b_gg_.__selected_19r9b_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_19r9b_gg_._size_l_19r9b_gg_{width:20px;height:20px}.___SOptionCheckbox_19r9b_gg_._size_l_19r9b_gg_.__selected_19r9b_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_19r9b_gg_.__indeterminate_19r9b_gg_:before,.___SOptionCheckbox_19r9b_gg_.__selected_19r9b_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_19r9b_gg_.__theme_19r9b_gg_:before{border-color:var(--theme_19r9b)}.___SOptionCheckbox_19r9b_gg_.__theme_19r9b_gg_.__indeterminate_19r9b_gg_:before,.___SOptionCheckbox_19r9b_gg_.__theme_19r9b_gg_.__selected_19r9b_gg_:before{background-color:var(--theme_19r9b);border-color:var(--theme_19r9b)}.___SOptionCheckbox_19r9b_gg_.__selected_19r9b_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_19r9b_gg_.__selected_19r9b_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_19r9b_gg_.__indeterminate_19r9b_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_19r9b_gg_.__indeterminate_19r9b_gg_._size_l_19r9b_gg_:after{width:12px;height:2px}.___SOptionCheckbox_19r9b_gg_.__indeterminate_19r9b_gg_._size_m_19r9b_gg_:after{width:8px;height:2px}" /*__inner_css_end__*/, "19r9b_gg_") /*__reshadow_css_end__*/, {
-  "__SOptionCheckbox": "___SOptionCheckbox_19r9b_gg_",
-  "_selected": "__selected_19r9b_gg_",
-  "_size_l": "_size_l_19r9b_gg_",
-  "_indeterminate": "__indeterminate_19r9b_gg_",
-  "_theme": "__theme_19r9b_gg_",
-  "--theme": "--theme_19r9b",
-  "_size_m": "_size_m_19r9b_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SOptionCheckbox_1jseg_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-2x, 8px);margin-bottom:auto;position:relative;flex-shrink:0;width:16px;height:16px}.___SOptionCheckbox_1jseg_gg_::before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SOptionCheckbox_1jseg_gg_::after{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;margin:0 var(--intergalactic-spacing-05x, 2px);background-repeat:no-repeat;background-position:center center}.___SOptionCheckbox_1jseg_gg_.__selected_1jseg_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_1jseg_gg_._size_l_1jseg_gg_{width:20px;height:20px}.___SOptionCheckbox_1jseg_gg_._size_l_1jseg_gg_.__selected_1jseg_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_1jseg_gg_.__indeterminate_1jseg_gg_:before,.___SOptionCheckbox_1jseg_gg_.__selected_1jseg_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_1jseg_gg_.__theme_1jseg_gg_:before{border-color:var(--theme_1jseg)}.___SOptionCheckbox_1jseg_gg_.__theme_1jseg_gg_.__indeterminate_1jseg_gg_:before,.___SOptionCheckbox_1jseg_gg_.__theme_1jseg_gg_.__selected_1jseg_gg_:before{background-color:var(--theme_1jseg);border-color:var(--theme_1jseg)}.___SOptionCheckbox_1jseg_gg_.__selected_1jseg_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_1jseg_gg_.__selected_1jseg_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_1jseg_gg_.__indeterminate_1jseg_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_1jseg_gg_.__indeterminate_1jseg_gg_._size_l_1jseg_gg_:after{width:12px;height:2px}.___SOptionCheckbox_1jseg_gg_.__indeterminate_1jseg_gg_._size_m_1jseg_gg_:after{width:8px;height:2px}" /*__inner_css_end__*/, "1jseg_gg_") /*__reshadow_css_end__*/, {
+  "__SOptionCheckbox": "___SOptionCheckbox_1jseg_gg_",
+  "_selected": "__selected_1jseg_gg_",
+  "_size_l": "_size_l_1jseg_gg_",
+  "_indeterminate": "__indeterminate_1jseg_gg_",
+  "_theme": "__theme_1jseg_gg_",
+  "--theme": "--theme_1jseg",
+  "_size_m": "_size_m_1jseg_gg_"
 });
 function isSelectedOption(value, valueOption) {
   return Array.isArray(value) ? value.includes(valueOption) : valueOption === value;

package/select/package.json

@@ -1 +1 @@
-{"name":"intergalactic/select","description":"Semrush Select Component","version":"4.45.6","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/base-trigger":"4.43.1","@semcore/checkbox":"7.35.0","@semcore/divider":"4.31.0","@semcore/dropdown-menu":"4.38.0","@semcore/popper":"5.39.5","@semcore/flex-box":"5.32.0","@semcore/icon":"4.44.1","@semcore/input":"4.33.0","@semcore/utils":"4.35.0","classnames":"2.2.6"},"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/select"},"devDependencies":{"@types/react":"18.0.21","@types/classnames":"2.2.6","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/select","description":"Semrush Select Component","version":"4.46.0-prerelease.1","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/base-trigger":"4.44.0-prerelease.1","@semcore/checkbox":"7.36.0-prerelease.1","@semcore/divider":"4.32.0-prerelease.1","@semcore/dropdown-menu":"4.39.0-prerelease.1","@semcore/popper":"5.40.0-prerelease.1","@semcore/flex-box":"5.33.0-prerelease.1","@semcore/icon":"4.45.0-prerelease.1","@semcore/input":"4.34.0-prerelease.1","@semcore/utils":"4.36.0-prerelease.1","classnames":"2.2.6"},"peerDependencies":{"@semcore/core":"^2.31.0-prerelease.1","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/select"},"devDependencies":{"@types/react":"18.0.21","@types/classnames":"2.2.6","@semcore/testing-utils":"1.0.0"}}

package/side-panel/lib/cjs/SidePanel.js

@@ -27,7 +27,7 @@ var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/
 var _usePreventScroll = _interopRequireDefault(require("intergalactic/utils/lib/use/usePreventScroll"));
 var _typography = require("intergalactic/typography");
 var _m = _interopRequireDefault(require("intergalactic/icon/ArrowLeft/m"));
-var _button = _interopRequireDefault(require("intergalactic/button"));
+var _button = _interopRequireWildcard(require("intergalactic/button"));
 var _useCssVariable = require("intergalactic/utils/lib/useCssVariable");
 var _useFocusLock = require("intergalactic/utils/lib/use/useFocusLock");
 var _ThemeProvider = require("intergalactic/utils/lib/ThemeProvider");
@@ -36,25 +36,22 @@ var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhan
 var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
 var _zIndexStacking = require("intergalactic/utils/lib/zIndexStacking");
 /*__reshadow-styles__:"./style/side-panel.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SOverlay_dbg6e_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;overflow:hidden;background:var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));-webkit-overflow-scrolling:touch;color:var(--intergalactic-text-primary, #191b23)}.___SPanel_dbg6e_gg_{display:flex;flex-direction:column;width:260px;outline:0;font-family:inherit;position:fixed;box-sizing:border-box;will-change:transform;background:var(--intergalactic-bg-primary-neutral, #ffffff);z-index:1}.___SPanel_dbg6e_gg_._placement_right_dbg6e_gg_,.___SPanel_dbg6e_gg_._placement_top_dbg6e_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));top:0}.___SPanel_dbg6e_gg_._placement_top_dbg6e_gg_{width:100%;margin-bottom:auto;left:0}.___SPanel_dbg6e_gg_._placement_right_dbg6e_gg_{height:100vh;margin-left:auto;right:0}.___SPanel_dbg6e_gg_._placement_bottom_dbg6e_gg_,.___SPanel_dbg6e_gg_._placement_left_dbg6e_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));left:0}.___SPanel_dbg6e_gg_._placement_bottom_dbg6e_gg_{width:100%;margin-top:auto;bottom:0}.___SPanel_dbg6e_gg_._placement_left_dbg6e_gg_{height:100vh;margin-right:auto;top:0}.___SClose_dbg6e_gg_{position:absolute;z-index:1;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SClose_dbg6e_gg_ .___SAddon_dbg6e_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SBack_dbg6e_gg_._size_m_dbg6e_gg_{display:flex;align-items:center;color:var(--intergalactic-text-secondary, #6c6e79);font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);height:auto;min-width:auto;max-width:100%;margin-left:calc(var(--intergalactic-spacing-2x, 8px)*-1 + 1px);margin-bottom:var(--intergalactic-spacing-1x, 4px)}@media (hover:hover){.___SBack_dbg6e_gg_._size_m_dbg6e_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SBack_dbg6e_gg_._size_m_dbg6e_gg_ .___SInner_dbg6e_gg_{justify-content:flex-start}.___SBack_dbg6e_gg_ .___SText_dbg6e_gg_{display:block}.___SBack_dbg6e_gg_.__size_dbg6e_gg_ .___SText_dbg6e_gg_{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SBackText_dbg6e_gg_,.___STitle_dbg6e_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SBackText_dbg6e_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-200, 142%)}.___STitle_dbg6e_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700);color:var(--intergalactic-text-primary, #191b23)}.___SHeader_dbg6e_gg_{padding-left:var(--intergalactic-spacing-6x, 24px);margin-bottom:var(--intergalactic-spacing-1x, 4px);padding-right:calc(var(--intergalactic-spacing-10x, 40px) + var(--intergalactic-spacing-4x, 16px));margin-top:var(--intergalactic-spacing-1x, 4px);min-height:calc(var(--intergalactic-spacing-10x, 40px) + var(--intergalactic-spacing-3x, 12px));box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SFooter_dbg6e_gg_{min-height:44px;box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_dbg6e_gg_{height:100%;overflow:auto;padding-left:var(--intergalactic-spacing-6x, 24px);padding-bottom:var(--intergalactic-spacing-4x, 16px);padding-right:var(--intergalactic-spacing-6x, 24px);padding-top:var(--intergalactic-spacing-4x, 16px)}" /*__inner_css_end__*/, "dbg6e_gg_") /*__reshadow_css_end__*/, {
-  "__SOverlay": "___SOverlay_dbg6e_gg_",
-  "__SPanel": "___SPanel_dbg6e_gg_",
-  "_placement_top": "_placement_top_dbg6e_gg_",
-  "_placement_right": "_placement_right_dbg6e_gg_",
-  "_placement_bottom": "_placement_bottom_dbg6e_gg_",
-  "_placement_left": "_placement_left_dbg6e_gg_",
-  "__SBack": "___SBack_dbg6e_gg_",
-  "_size_m": "_size_m_dbg6e_gg_",
-  "__SInner": "___SInner_dbg6e_gg_",
-  "__SText": "___SText_dbg6e_gg_",
-  "_size": "__size_dbg6e_gg_",
-  "__SBackText": "___SBackText_dbg6e_gg_",
-  "__STitle": "___STitle_dbg6e_gg_",
-  "__SHeader": "___SHeader_dbg6e_gg_",
-  "__SFooter": "___SFooter_dbg6e_gg_",
-  "__SBody": "___SBody_dbg6e_gg_",
-  "__SClose": "___SClose_dbg6e_gg_",
-  "__SAddon": "___SAddon_dbg6e_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SOverlay_1s96h_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;overflow:hidden;background:var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));-webkit-overflow-scrolling:touch;color:var(--intergalactic-text-primary, #191b23)}.___SPanel_1s96h_gg_{display:flex;flex-direction:column;width:260px;outline:0;font-family:inherit;position:fixed;box-sizing:border-box;will-change:transform;background:var(--intergalactic-bg-primary-neutral, #ffffff);z-index:1}.___SPanel_1s96h_gg_._placement_right_1s96h_gg_,.___SPanel_1s96h_gg_._placement_top_1s96h_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));top:0}.___SPanel_1s96h_gg_._placement_top_1s96h_gg_{width:100%;margin-bottom:auto;left:0}.___SPanel_1s96h_gg_._placement_right_1s96h_gg_{height:100vh;margin-left:auto;right:0}.___SPanel_1s96h_gg_._placement_bottom_1s96h_gg_,.___SPanel_1s96h_gg_._placement_left_1s96h_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));left:0}.___SPanel_1s96h_gg_._placement_bottom_1s96h_gg_{width:100%;margin-top:auto;bottom:0}.___SPanel_1s96h_gg_._placement_left_1s96h_gg_{height:100vh;margin-right:auto;top:0}.___SClose_1s96h_gg_{position:absolute;z-index:1;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SClose_1s96h_gg_ .___SAddon_1s96h_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SBack_1s96h_gg_{max-width:100%}.___SBack_1s96h_gg_ .___SInner_1s96h_gg_{display:flex}.___SBack_1s96h_gg_ .___SBackText_1s96h_gg_,.___STitle_1s96h_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_1s96h_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700);color:var(--intergalactic-text-primary, #191b23)}.___SHeader_1s96h_gg_{padding-left:var(--intergalactic-spacing-6x, 24px);margin-bottom:var(--intergalactic-spacing-1x, 4px);padding-right:calc(var(--intergalactic-spacing-10x, 40px) + var(--intergalactic-spacing-4x, 16px));margin-top:var(--intergalactic-spacing-1x, 4px);min-height:calc(var(--intergalactic-spacing-10x, 40px) + var(--intergalactic-spacing-3x, 12px));box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SFooter_1s96h_gg_{min-height:44px;box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_1s96h_gg_{height:100%;overflow:auto;padding-left:var(--intergalactic-spacing-6x, 24px);padding-bottom:var(--intergalactic-spacing-4x, 16px);padding-right:var(--intergalactic-spacing-6x, 24px);padding-top:var(--intergalactic-spacing-4x, 16px)}" /*__inner_css_end__*/, "1s96h_gg_") /*__reshadow_css_end__*/, {
+  "__SOverlay": "___SOverlay_1s96h_gg_",
+  "__SPanel": "___SPanel_1s96h_gg_",
+  "_placement_top": "_placement_top_1s96h_gg_",
+  "_placement_right": "_placement_right_1s96h_gg_",
+  "_placement_bottom": "_placement_bottom_1s96h_gg_",
+  "_placement_left": "_placement_left_1s96h_gg_",
+  "__STitle": "___STitle_1s96h_gg_",
+  "__SHeader": "___SHeader_1s96h_gg_",
+  "__SFooter": "___SFooter_1s96h_gg_",
+  "__SBody": "___SBody_1s96h_gg_",
+  "__SClose": "___SClose_1s96h_gg_",
+  "__SAddon": "___SAddon_1s96h_gg_",
+  "__SBack": "___SBack_1s96h_gg_",
+  "__SInner": "___SInner_1s96h_gg_",
+  "__SBackText": "___SBackText_1s96h_gg_"
 });
 var RootSidePanel = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(RootSidePanel, _Component);
@@ -260,17 +257,15 @@ function Title(props) {
 function Back(props) {
   var _ref7 = arguments[0],
     _ref15;
-  var SBack = _button["default"];
-  var SBackText = _button["default"].Text;
+  var SBack = _button.ButtonLink;
+  var SBackText = _button.ButtonLink.Text;
   var Children = props.Children,
     styles = props.styles;
   return _ref15 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBack, _ref15.cn("SBack", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-    "use": 'tertiary',
-    "theme": 'muted',
-    "type": 'button'
-  }, _ref7))), /*#__PURE__*/_react["default"].createElement(_button["default"].Addon, {
-    tag: _m["default"]
-  }), /*#__PURE__*/_react["default"].createElement(SBackText, _ref15.cn("SBackText", {}), /*#__PURE__*/_react["default"].createElement(Children, _ref15.cn("Children", {}))));
+    "color": 'text-hint',
+    "size": 100,
+    "addonLeft": _m["default"]
+  }, _ref7))), /*#__PURE__*/_react["default"].createElement(SBackText, _ref15.cn("SBackText", {}), /*#__PURE__*/_react["default"].createElement(Children, _ref15.cn("Children", {}))));
 }
 function Body(props) {
   var _ref8 = arguments[0],

package/side-panel/lib/cjs/SidePanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidePanel.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_animation","_portal","_outsideClick","_l","_fire","_findComponent","_keyboardFocusEnhance","_usePreventScroll","_typography","_m","_button","_useCssVariable","_useFocusLock","_ThemeProvider","_logger","_i18nEnhance","_intergalacticDynamicLocales","_zIndexStacking","style","_index","sstyled","insert","RootSidePanel","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","React","createRef","e","key","stopPropagation","fire","_createClass2","value","isAdvanceMode","asProps","Children","SidePanel","Overlay","displayName","Panel","isUsedOverlay","calculateDelayAnimation","name","delay","duration","usedOverlay","overlay","panel","getOverlayProps","_this$asProps","visible","animationsDisabled","disablePreventScroll","getPanelProps","_this$asProps2","placement","closable","ariaLabel","ariaLabelledBy","disableEnforceFocus","onOutsideClick","handleOutsideClick","onKeyDown","handleSidebarKeyDown","getCloseProps","onClick","handleIconCloseClick","getI18nText","render","_ref","_this$asProps3","disablePortal","ignorePortalsStacking","createElement","assignProps","Component","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","i18nEnhance","localizedMessages","props","_ref2","arguments[0]","_ref10","SOverlay","FadeInOut","overlayRef","useRef","usePreventScroll","useContextTheme","zIndex","useZIndexStacking","styles","cn","_objectSpread2","_ref3","_ref11","SPanel","Slide","forcedAdvancedMode","advancedMode","Header","Body","Footer","sidebarRef","useFocusLock","hasLabel","Boolean","logger","warn","Fragment","ZIndexStackingContextProvider","PortalProvider","Close","_ref4","_ref12","SFooter","Flex","_ref18","_ref5","_ref13","hasChildren","children","SClose","Button","undefined","CloseIcon","enhance","keyboardFocusEnhance","Title","_ref6","_ref14","STitle","Text","Back","_ref7","_ref15","SBack","SBackText","Addon","tag","ArrowLeft","_ref8","_ref16","SBody","Box","_ref9","_ref17","SHeader","title","createComponent","_default","exports"],"sources":["../../src/SidePanel.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Flex, Box } from '@semcore/flex-box';\nimport { FadeInOut, Slide } from '@semcore/animation';\nimport Portal, { PortalProvider } from '@semcore/portal';\nimport OutsideClick from '@semcore/outside-click';\nimport CloseIcon from '@semcore/icon/Close/l';\nimport fire from '@semcore/utils/lib/fire';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport usePreventScroll from '@semcore/utils/lib/use/usePreventScroll';\nimport { Text } from '@semcore/typography';\nimport ArrowLeft from '@semcore/icon/ArrowLeft/m';\nimport Button from '@semcore/button';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\nimport { useFocusLock } from '@semcore/utils/lib/use/useFocusLock';\nimport { useContextTheme } from '@semcore/utils/lib/ThemeProvider';\nimport logger from '@semcore/utils/lib/logger';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport {\n  ZIndexStackingContextProvider,\n  useZIndexStacking,\n} from '@semcore/utils/lib/zIndexStacking';\nimport style from './style/side-panel.shadow.css';\n\nclass RootSidePanel extends Component {\n  static displayName = 'SidePanel';\n  static style = style;\n  static enhance = [\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-modal',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n    i18nEnhance(localizedMessages),\n  ];\n  static defaultProps = {\n    placement: 'right',\n    closable: true,\n    disablePreventScroll: false,\n  };\n\n  sidebarRef = React.createRef();\n\n  handleSidebarKeyDown = (e) => {\n    if (e.key === 'Escape') {\n      e.stopPropagation();\n      fire(this, 'onClose', 'onEscape', e);\n    }\n  };\n\n  handleIconCloseClick = (e) => {\n    fire(this, 'onClose', 'onCloseClick', e);\n  };\n\n  handleOutsideClick = (e) => {\n    fire(this, 'onClose', 'onOutsideClick', e);\n  };\n\n  isAdvanceMode() {\n    return isAdvanceMode(this.asProps.Children, [\n      SidePanel.Overlay.displayName,\n      SidePanel.Panel.displayName,\n    ]);\n  }\n\n  isUsedOverlay() {\n    return (\n      !this.isAdvanceMode() || isAdvanceMode(this.asProps.Children, [SidePanel.Overlay.displayName])\n    );\n  }\n\n  calculateDelayAnimation(name) {\n    const delay = this.asProps.duration / 2;\n    const usedOverlay = this.isUsedOverlay();\n\n    return {\n      overlay: usedOverlay ? [0, delay] : 0,\n      panel: usedOverlay ? [delay, 0] : 0,\n    }[name];\n  }\n\n  getOverlayProps() {\n    const { visible, duration, animationsDisabled, disablePreventScroll } = this.asProps;\n    return {\n      visible,\n      duration,\n      delay: this.calculateDelayAnimation('overlay'),\n      animationsDisabled,\n      disablePreventScroll,\n    };\n  }\n\n  getPanelProps() {\n    const {\n      placement,\n      visible,\n      closable,\n      duration,\n      animationsDisabled,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n    } = this.asProps;\n\n    return {\n      visible,\n      placement,\n      closable,\n      duration,\n      disableEnforceFocus: !this.isUsedOverlay(),\n      delay: this.calculateDelayAnimation('panel'),\n      onOutsideClick: this.handleOutsideClick,\n      onKeyDown: this.handleSidebarKeyDown,\n      animationsDisabled,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n    };\n  }\n\n  getCloseProps() {\n    return {\n      onClick: this.handleIconCloseClick,\n      getI18nText: this.asProps.getI18nText,\n    };\n  }\n\n  render() {\n    const { Children, disablePortal, ignorePortalsStacking } = this.asProps;\n\n    return (\n      <Portal disablePortal={disablePortal} ignorePortalsStacking={ignorePortalsStacking}>\n        {this.isAdvanceMode() ? (\n          <Children />\n        ) : (\n          <SidePanel.Overlay>\n            <Root render={SidePanel.Panel} />\n          </SidePanel.Overlay>\n        )}\n      </Portal>\n    );\n  }\n}\n\nfunction Overlay(props) {\n  const SOverlay = Root;\n  const overlayRef = React.useRef(null);\n  usePreventScroll(props.visible, props.disablePreventScroll);\n  useContextTheme(overlayRef, props.visible);\n  const zIndex = useZIndexStacking('z-index-modal');\n  return sstyled(props.styles)(<SOverlay render={FadeInOut} ref={overlayRef} zIndex={zIndex} />);\n}\n\nfunction Panel(props) {\n  const SPanel = Root;\n  const { Children, styles, visible, closable, placement, onOutsideClick, forcedAdvancedMode } =\n    props;\n  const advancedMode =\n    forcedAdvancedMode ||\n    isAdvanceMode(Children, [\n      SidePanel.Header.displayName,\n      SidePanel.Body.displayName,\n      SidePanel.Footer.displayName,\n    ]);\n\n  const sidebarRef = React.useRef(null);\n\n  useFocusLock(sidebarRef, true, 'auto', !visible, true);\n\n  const hasLabel = Boolean(props['aria-label'] || props['aria-labelledby']);\n\n  logger.warn(\n    !hasLabel,\n    \"'aria-label' or 'aria-labelledby' are required for SidePanel component\",\n    props['data-ui-name'] || Panel.displayName,\n  );\n\n  return sstyled(styles)(\n    <>\n      {visible && <OutsideClick onOutsideClick={onOutsideClick} excludeRefs={[sidebarRef]} />}\n      <SPanel\n        render={Slide}\n        visible={visible}\n        initialAnimation={true}\n        slideOrigin={placement}\n        ref={sidebarRef}\n        role='dialog'\n        aria-modal='true'\n      >\n        <ZIndexStackingContextProvider designToken='z-index-modal'>\n          <PortalProvider value={sidebarRef}>\n            {closable && <SidePanel.Close />}\n            {advancedMode ? (\n              <Children />\n            ) : (\n              <SidePanel.Body>\n                <Children />\n              </SidePanel.Body>\n            )}\n          </PortalProvider>\n        </ZIndexStackingContextProvider>\n      </SPanel>\n    </>,\n  );\n}\n\nfunction Footer(props) {\n  const SFooter = Root;\n  return sstyled(props.styles)(<SFooter render={Flex} tag='footer' />);\n}\n\nfunction Close({ styles, children: hasChildren, Children, getI18nText }) {\n  const SClose = Root;\n  return sstyled(styles)(\n    <SClose\n      render={Button}\n      aria-label={getI18nText('close')}\n      use='tertiary'\n      theme='muted'\n      size='l'\n      addonLeft={hasChildren ? undefined : CloseIcon}\n    >\n      {hasChildren ? <Children /> : null}\n    </SClose>,\n  );\n}\nClose.enhance = [keyboardFocusEnhance()];\n\nfunction Title(props) {\n  const STitle = Root;\n  return sstyled(props.styles)(<STitle render={Text} tag='h6' />);\n}\n\nfunction Back(props) {\n  const SBack = Root;\n  const SBackText = Button.Text;\n  const { Children, styles } = props;\n\n  return sstyled(styles)(\n    <SBack render={Button} use='tertiary' theme='muted' type='button'>\n      <Button.Addon tag={ArrowLeft} />\n      <SBackText>\n        <Children />\n      </SBackText>\n    </SBack>,\n  );\n}\n\nfunction Body(props) {\n  const SBody = Root;\n\n  return sstyled(props.styles)(<SBody render={Box} />);\n}\n\nfunction Header(props) {\n  const SHeader = Root;\n  const { Children, styles, title } = props;\n  return sstyled(styles)(\n    <SHeader render={Box} tag='header'>\n      {title && <SidePanel.Title children={title} />}\n      <Children />\n    </SHeader>,\n  );\n}\n\nconst SidePanel = createComponent(RootSidePanel, {\n  Overlay,\n  Panel,\n  Close,\n  Header,\n  Footer,\n  Body,\n  Back,\n  Title,\n});\n\nexport default SidePanel;\n"],"mappings":"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"}
+{"version":3,"file":"SidePanel.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_animation","_portal","_outsideClick","_l","_fire","_findComponent","_keyboardFocusEnhance","_usePreventScroll","_typography","_m","_button","_useCssVariable","_useFocusLock","_ThemeProvider","_logger","_i18nEnhance","_intergalacticDynamicLocales","_zIndexStacking","style","_index","sstyled","insert","RootSidePanel","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","React","createRef","e","key","stopPropagation","fire","_createClass2","value","isAdvanceMode","asProps","Children","SidePanel","Overlay","displayName","Panel","isUsedOverlay","calculateDelayAnimation","name","delay","duration","usedOverlay","overlay","panel","getOverlayProps","_this$asProps","visible","animationsDisabled","disablePreventScroll","getPanelProps","_this$asProps2","placement","closable","ariaLabel","ariaLabelledBy","disableEnforceFocus","onOutsideClick","handleOutsideClick","onKeyDown","handleSidebarKeyDown","getCloseProps","onClick","handleIconCloseClick","getI18nText","render","_ref","_this$asProps3","disablePortal","ignorePortalsStacking","createElement","assignProps","Component","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","i18nEnhance","localizedMessages","props","_ref2","arguments[0]","_ref10","SOverlay","FadeInOut","overlayRef","useRef","usePreventScroll","useContextTheme","zIndex","useZIndexStacking","styles","cn","_objectSpread2","_ref3","_ref11","SPanel","Slide","forcedAdvancedMode","advancedMode","Header","Body","Footer","sidebarRef","useFocusLock","hasLabel","Boolean","logger","warn","Fragment","ZIndexStackingContextProvider","PortalProvider","Close","_ref4","_ref12","SFooter","Flex","_ref18","_ref5","_ref13","hasChildren","children","SClose","Button","undefined","CloseIcon","enhance","keyboardFocusEnhance","Title","_ref6","_ref14","STitle","Text","Back","_ref7","_ref15","SBack","ButtonLink","SBackText","ArrowLeft","_ref8","_ref16","SBody","Box","_ref9","_ref17","SHeader","title","createComponent","_default","exports"],"sources":["../../src/SidePanel.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Flex, Box } from '@semcore/flex-box';\nimport { FadeInOut, Slide } from '@semcore/animation';\nimport Portal, { PortalProvider } from '@semcore/portal';\nimport OutsideClick from '@semcore/outside-click';\nimport CloseIcon from '@semcore/icon/Close/l';\nimport fire from '@semcore/utils/lib/fire';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport usePreventScroll from '@semcore/utils/lib/use/usePreventScroll';\nimport { Text } from '@semcore/typography';\nimport ArrowLeft from '@semcore/icon/ArrowLeft/m';\nimport Button, { ButtonLink } from '@semcore/button';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\nimport { useFocusLock } from '@semcore/utils/lib/use/useFocusLock';\nimport { useContextTheme } from '@semcore/utils/lib/ThemeProvider';\nimport logger from '@semcore/utils/lib/logger';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport {\n  ZIndexStackingContextProvider,\n  useZIndexStacking,\n} from '@semcore/utils/lib/zIndexStacking';\nimport style from './style/side-panel.shadow.css';\n\nclass RootSidePanel extends Component {\n  static displayName = 'SidePanel';\n  static style = style;\n  static enhance = [\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-modal',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n    i18nEnhance(localizedMessages),\n  ];\n  static defaultProps = {\n    placement: 'right',\n    closable: true,\n    disablePreventScroll: false,\n  };\n\n  sidebarRef = React.createRef();\n\n  handleSidebarKeyDown = (e) => {\n    if (e.key === 'Escape') {\n      e.stopPropagation();\n      fire(this, 'onClose', 'onEscape', e);\n    }\n  };\n\n  handleIconCloseClick = (e) => {\n    fire(this, 'onClose', 'onCloseClick', e);\n  };\n\n  handleOutsideClick = (e) => {\n    fire(this, 'onClose', 'onOutsideClick', e);\n  };\n\n  isAdvanceMode() {\n    return isAdvanceMode(this.asProps.Children, [\n      SidePanel.Overlay.displayName,\n      SidePanel.Panel.displayName,\n    ]);\n  }\n\n  isUsedOverlay() {\n    return (\n      !this.isAdvanceMode() || isAdvanceMode(this.asProps.Children, [SidePanel.Overlay.displayName])\n    );\n  }\n\n  calculateDelayAnimation(name) {\n    const delay = this.asProps.duration / 2;\n    const usedOverlay = this.isUsedOverlay();\n\n    return {\n      overlay: usedOverlay ? [0, delay] : 0,\n      panel: usedOverlay ? [delay, 0] : 0,\n    }[name];\n  }\n\n  getOverlayProps() {\n    const { visible, duration, animationsDisabled, disablePreventScroll } = this.asProps;\n    return {\n      visible,\n      duration,\n      delay: this.calculateDelayAnimation('overlay'),\n      animationsDisabled,\n      disablePreventScroll,\n    };\n  }\n\n  getPanelProps() {\n    const {\n      placement,\n      visible,\n      closable,\n      duration,\n      animationsDisabled,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n    } = this.asProps;\n\n    return {\n      visible,\n      placement,\n      closable,\n      duration,\n      disableEnforceFocus: !this.isUsedOverlay(),\n      delay: this.calculateDelayAnimation('panel'),\n      onOutsideClick: this.handleOutsideClick,\n      onKeyDown: this.handleSidebarKeyDown,\n      animationsDisabled,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n    };\n  }\n\n  getCloseProps() {\n    return {\n      onClick: this.handleIconCloseClick,\n      getI18nText: this.asProps.getI18nText,\n    };\n  }\n\n  render() {\n    const { Children, disablePortal, ignorePortalsStacking } = this.asProps;\n\n    return (\n      <Portal disablePortal={disablePortal} ignorePortalsStacking={ignorePortalsStacking}>\n        {this.isAdvanceMode() ? (\n          <Children />\n        ) : (\n          <SidePanel.Overlay>\n            <Root render={SidePanel.Panel} />\n          </SidePanel.Overlay>\n        )}\n      </Portal>\n    );\n  }\n}\n\nfunction Overlay(props) {\n  const SOverlay = Root;\n  const overlayRef = React.useRef(null);\n  usePreventScroll(props.visible, props.disablePreventScroll);\n  useContextTheme(overlayRef, props.visible);\n  const zIndex = useZIndexStacking('z-index-modal');\n  return sstyled(props.styles)(<SOverlay render={FadeInOut} ref={overlayRef} zIndex={zIndex} />);\n}\n\nfunction Panel(props) {\n  const SPanel = Root;\n  const { Children, styles, visible, closable, placement, onOutsideClick, forcedAdvancedMode } =\n    props;\n  const advancedMode =\n    forcedAdvancedMode ||\n    isAdvanceMode(Children, [\n      SidePanel.Header.displayName,\n      SidePanel.Body.displayName,\n      SidePanel.Footer.displayName,\n    ]);\n\n  const sidebarRef = React.useRef(null);\n\n  useFocusLock(sidebarRef, true, 'auto', !visible, true);\n\n  const hasLabel = Boolean(props['aria-label'] || props['aria-labelledby']);\n\n  logger.warn(\n    !hasLabel,\n    \"'aria-label' or 'aria-labelledby' are required for SidePanel component\",\n    props['data-ui-name'] || Panel.displayName,\n  );\n\n  return sstyled(styles)(\n    <>\n      {visible && <OutsideClick onOutsideClick={onOutsideClick} excludeRefs={[sidebarRef]} />}\n      <SPanel\n        render={Slide}\n        visible={visible}\n        initialAnimation={true}\n        slideOrigin={placement}\n        ref={sidebarRef}\n        role='dialog'\n        aria-modal='true'\n      >\n        <ZIndexStackingContextProvider designToken='z-index-modal'>\n          <PortalProvider value={sidebarRef}>\n            {closable && <SidePanel.Close />}\n            {advancedMode ? (\n              <Children />\n            ) : (\n              <SidePanel.Body>\n                <Children />\n              </SidePanel.Body>\n            )}\n          </PortalProvider>\n        </ZIndexStackingContextProvider>\n      </SPanel>\n    </>,\n  );\n}\n\nfunction Footer(props) {\n  const SFooter = Root;\n  return sstyled(props.styles)(<SFooter render={Flex} tag='footer' />);\n}\n\nfunction Close({ styles, children: hasChildren, Children, getI18nText }) {\n  const SClose = Root;\n  return sstyled(styles)(\n    <SClose\n      render={Button}\n      aria-label={getI18nText('close')}\n      use='tertiary'\n      theme='muted'\n      size='l'\n      addonLeft={hasChildren ? undefined : CloseIcon}\n    >\n      {hasChildren ? <Children /> : null}\n    </SClose>,\n  );\n}\nClose.enhance = [keyboardFocusEnhance()];\n\nfunction Title(props) {\n  const STitle = Root;\n  return sstyled(props.styles)(<STitle render={Text} tag='h6' />);\n}\n\nfunction Back(props) {\n  const SBack = Root;\n  const SBackText = ButtonLink.Text;\n  const { Children, styles } = props;\n\n  return sstyled(styles)(\n    <SBack render={ButtonLink} color={'text-hint'} size={100} addonLeft={ArrowLeft}>\n      {/*<ButtonLink.Addon><ArrowLeft /></ButtonLink.Addon>*/}\n      <SBackText>\n        <Children />\n      </SBackText>\n    </SBack>,\n  );\n}\n\nfunction Body(props) {\n  const SBody = Root;\n\n  return sstyled(props.styles)(<SBody render={Box} />);\n}\n\nfunction Header(props) {\n  const SHeader = Root;\n  const { Children, styles, title } = props;\n  return sstyled(styles)(\n    <SHeader render={Box} tag='header'>\n      {title && <SidePanel.Title children={title} />}\n      <Children />\n    </SHeader>,\n  );\n}\n\nconst SidePanel = createComponent(RootSidePanel, {\n  Overlay,\n  Panel,\n  Close,\n  Header,\n  Footer,\n  Body,\n  Back,\n  Title,\n});\n\nexport default SidePanel;\n"],"mappings":"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"}

package/side-panel/lib/cjs/style/side-panel.shadow.css

@@ -69,40 +69,18 @@ SClose {
   }
 }
 
-SBack[size="m"] {
-  display: flex;
-  align-items: center;
-  color: var(--intergalactic-text-secondary, #6c6e79);
-  font-size: var(--intergalactic-fs-100, 12px);
-  line-height: var(--intergalactic-lh-100, 133%);
-  height: auto;
-  min-width: auto;
+SBack {
   max-width: 100%;
-  margin-left: calc(var(--intergalactic-spacing-2x, 8px) * -1 + 1px);
-  margin-bottom: var(--intergalactic-spacing-1x, 4px);
 
-  &:hover {
-    color: var(--intergalactic-text-hint-hover-active, #484a54);
+  SInner {
+    display: flex;
   }
-}
-SBack[size="m"] SInner {
-  justify-content: flex-start;
-}
-SBack SText {
-  display: block;
-}
 
-SBack[size] SText {
-  margin-left: var(--intergalactic-spacing-1x, 4px);
-}
-
-SBackText {
-  margin-left: var(--intergalactic-spacing-1x, 4px);
-  font-size: var(--intergalactic-fs-100, 12px);
-  line-height: var(--intergalactic-lh-200, 142%);
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
+  SBackText {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
 }
 
 STitle {