intergalactic 15.120.0 → 15.121.0-prerelease.2

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_1pwgq_gg_{position:relative;width:100%;height:100%}.___SShadowHorizontal_1pwgq_gg_:after,.___SShadowHorizontal_1pwgq_gg_:before,.___SShadowVertical_1pwgq_gg_:after,.___SShadowVertical_1pwgq_gg_:before{content:\"\";position:absolute;display:none;pointer-events:none}.___SShadowHorizontal_1pwgq_gg_:after,.___SShadowHorizontal_1pwgq_gg_:before{top:0;width:5px;height:100%}.___SShadowHorizontal_1pwgq_gg_._position_median_1pwgq_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_1pwgq_gg_._position_median_1pwgq_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_1pwgq_gg_._position_start_1pwgq_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_1pwgq_gg_._position_end_1pwgq_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_1pwgq_gg_.__leftOffset_1pwgq_gg_:before{left:var(--leftOffset_1pwgq)}.___SShadowHorizontal_1pwgq_gg_.__rightOffset_1pwgq_gg_:after{right:var(--rightOffset_1pwgq)}.___SShadowVertical_1pwgq_gg_:after,.___SShadowVertical_1pwgq_gg_:before{left:0;width:100%;height:5px}.___SShadowVertical_1pwgq_gg_._position_median_1pwgq_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_1pwgq_gg_._position_median_1pwgq_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_1pwgq_gg_._position_start_1pwgq_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_1pwgq_gg_._position_end_1pwgq_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_1pwgq_gg_.__topOffset_1pwgq_gg_:before{top:var(--topOffset_1pwgq)}.___SShadowVertical_1pwgq_gg_.__bottomOffset_1pwgq_gg_:after{bottom:var(--bottomOffset_1pwgq)}.___SContainer_1pwgq_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_1pwgq_gg_::-webkit-scrollbar{display:none}.___SContainer_1pwgq_gg_.__keyboardFocused_1pwgq_gg_:focus::after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;top:var(--focusRingTopOffset_1pwgq);right:var(--focusRingRightOffset_1pwgq);bottom:var(--focusRingBottomOffset_1pwgq);left:var(--focusRingLeftOffset_1pwgq);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__*/, "1pwgq_gg_") /*__reshadow_css_end__*/, {
-  "__SScrollArea": "___SScrollArea_1pwgq_gg_",
-  "__SShadowHorizontal": "___SShadowHorizontal_1pwgq_gg_",
-  "_leftOffset": "__leftOffset_1pwgq_gg_",
-  "--leftOffset": "--leftOffset_1pwgq",
-  "_rightOffset": "__rightOffset_1pwgq_gg_",
-  "--rightOffset": "--rightOffset_1pwgq",
-  "__SShadowVertical": "___SShadowVertical_1pwgq_gg_",
-  "_topOffset": "__topOffset_1pwgq_gg_",
-  "--topOffset": "--topOffset_1pwgq",
-  "_bottomOffset": "__bottomOffset_1pwgq_gg_",
-  "--bottomOffset": "--bottomOffset_1pwgq",
-  "__SContainer": "___SContainer_1pwgq_gg_",
-  "_keyboardFocused": "__keyboardFocused_1pwgq_gg_",
-  "--focusRingTopOffset": "--focusRingTopOffset_1pwgq",
-  "--focusRingRightOffset": "--focusRingRightOffset_1pwgq",
-  "--focusRingBottomOffset": "--focusRingBottomOffset_1pwgq",
-  "--focusRingLeftOffset": "--focusRingLeftOffset_1pwgq",
-  "_position_median": "_position_median_1pwgq_gg_",
-  "_position_start": "_position_start_1pwgq_gg_",
-  "_position_end": "_position_end_1pwgq_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SScrollArea_e4nnc_gg_{position:relative;width:100%;height:100%}.___SShadowHorizontal_e4nnc_gg_:after,.___SShadowHorizontal_e4nnc_gg_:before,.___SShadowVertical_e4nnc_gg_:after,.___SShadowVertical_e4nnc_gg_:before{content:\"\";position:absolute;display:none;pointer-events:none}.___SShadowHorizontal_e4nnc_gg_:after,.___SShadowHorizontal_e4nnc_gg_:before{top:0;width:5px;height:100%}.___SShadowHorizontal_e4nnc_gg_._position_median_e4nnc_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_e4nnc_gg_._position_median_e4nnc_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_e4nnc_gg_._position_start_e4nnc_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_e4nnc_gg_._position_end_e4nnc_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_e4nnc_gg_.__leftOffset_e4nnc_gg_:before{left:var(--leftOffset_e4nnc)}.___SShadowHorizontal_e4nnc_gg_.__rightOffset_e4nnc_gg_:after{right:var(--rightOffset_e4nnc)}.___SShadowVertical_e4nnc_gg_:after,.___SShadowVertical_e4nnc_gg_:before{left:0;width:100%;height:5px}.___SShadowVertical_e4nnc_gg_._position_median_e4nnc_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_e4nnc_gg_._position_median_e4nnc_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_e4nnc_gg_._position_start_e4nnc_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_e4nnc_gg_._position_end_e4nnc_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_e4nnc_gg_.__topOffset_e4nnc_gg_:before{top:var(--topOffset_e4nnc)}.___SShadowVertical_e4nnc_gg_.__bottomOffset_e4nnc_gg_:after{bottom:var(--bottomOffset_e4nnc)}.___SContainer_e4nnc_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_e4nnc_gg_::-webkit-scrollbar{display:none}.___SContainer_e4nnc_gg_.__keyboardFocused_e4nnc_gg_:focus::after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;top:var(--focusRingTopOffset_e4nnc);right:var(--focusRingRightOffset_e4nnc);bottom:var(--focusRingBottomOffset_e4nnc);left:var(--focusRingLeftOffset_e4nnc);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__*/, "e4nnc_gg_") /*__reshadow_css_end__*/, {
+  "__SScrollArea": "___SScrollArea_e4nnc_gg_",
+  "__SShadowHorizontal": "___SShadowHorizontal_e4nnc_gg_",
+  "_leftOffset": "__leftOffset_e4nnc_gg_",
+  "--leftOffset": "--leftOffset_e4nnc",
+  "_rightOffset": "__rightOffset_e4nnc_gg_",
+  "--rightOffset": "--rightOffset_e4nnc",
+  "__SShadowVertical": "___SShadowVertical_e4nnc_gg_",
+  "_topOffset": "__topOffset_e4nnc_gg_",
+  "--topOffset": "--topOffset_e4nnc",
+  "_bottomOffset": "__bottomOffset_e4nnc_gg_",
+  "--bottomOffset": "--bottomOffset_e4nnc",
+  "__SContainer": "___SContainer_e4nnc_gg_",
+  "_keyboardFocused": "__keyboardFocused_e4nnc_gg_",
+  "--focusRingTopOffset": "--focusRingTopOffset_e4nnc",
+  "--focusRingRightOffset": "--focusRingRightOffset_e4nnc",
+  "--focusRingBottomOffset": "--focusRingBottomOffset_e4nnc",
+  "--focusRingLeftOffset": "--focusRingLeftOffset_e4nnc",
+  "_position_median": "_position_median_e4nnc_gg_",
+  "_position_start": "_position_start_e4nnc_gg_",
+  "_position_end": "_position_end_e4nnc_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_97e3x_gg_{position:absolute;display:flex}.___SScrollBar_97e3x_gg_._orientation_vertical_97e3x_gg_{top:var(--intergalactic-spacing-1x, 4px);right:0;width:8px;height:calc(100% - var(--offsetSum_97e3x) - var(--intergalactic-spacing-2x, 8px));justify-content:center}.___SScrollBar_97e3x_gg_._orientation_horizontal_97e3x_gg_{bottom:0;height:12px;align-items:center;width:calc(100% - var(--offsetSum_97e3x) - var(--intergalactic-spacing-2x, 8px))}.___SSlider_97e3x_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__*/, "97e3x_gg_") /*__reshadow_css_end__*/, {
-  "__SScrollBar": "___SScrollBar_97e3x_gg_",
-  "_orientation_vertical": "_orientation_vertical_97e3x_gg_",
-  "--offsetSum": "--offsetSum_97e3x",
-  "_orientation_horizontal": "_orientation_horizontal_97e3x_gg_",
-  "__SSlider": "___SSlider_97e3x_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SScrollBar_1lbh2_gg_{position:absolute;display:flex}.___SScrollBar_1lbh2_gg_._orientation_vertical_1lbh2_gg_{top:var(--intergalactic-spacing-1x, 4px);right:0;width:8px;height:calc(100% - var(--offsetSum_1lbh2) - var(--intergalactic-spacing-2x, 8px));justify-content:center}.___SScrollBar_1lbh2_gg_._orientation_horizontal_1lbh2_gg_{bottom:0;height:12px;align-items:center;width:calc(100% - var(--offsetSum_1lbh2) - var(--intergalactic-spacing-2x, 8px))}.___SSlider_1lbh2_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__*/, "1lbh2_gg_") /*__reshadow_css_end__*/, {
+  "__SScrollBar": "___SScrollBar_1lbh2_gg_",
+  "_orientation_vertical": "_orientation_vertical_1lbh2_gg_",
+  "--offsetSum": "--offsetSum_1lbh2",
+  "_orientation_horizontal": "_orientation_horizontal_1lbh2_gg_",
+  "__SSlider": "___SSlider_1lbh2_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_1pwgq_gg_{position:relative;width:100%;height:100%}.___SShadowHorizontal_1pwgq_gg_:after,.___SShadowHorizontal_1pwgq_gg_:before,.___SShadowVertical_1pwgq_gg_:after,.___SShadowVertical_1pwgq_gg_:before{content:\"\";position:absolute;display:none;pointer-events:none}.___SShadowHorizontal_1pwgq_gg_:after,.___SShadowHorizontal_1pwgq_gg_:before{top:0;width:5px;height:100%}.___SShadowHorizontal_1pwgq_gg_._position_median_1pwgq_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_1pwgq_gg_._position_median_1pwgq_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_1pwgq_gg_._position_start_1pwgq_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_1pwgq_gg_._position_end_1pwgq_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_1pwgq_gg_.__leftOffset_1pwgq_gg_:before{left:var(--leftOffset_1pwgq)}.___SShadowHorizontal_1pwgq_gg_.__rightOffset_1pwgq_gg_:after{right:var(--rightOffset_1pwgq)}.___SShadowVertical_1pwgq_gg_:after,.___SShadowVertical_1pwgq_gg_:before{left:0;width:100%;height:5px}.___SShadowVertical_1pwgq_gg_._position_median_1pwgq_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_1pwgq_gg_._position_median_1pwgq_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_1pwgq_gg_._position_start_1pwgq_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_1pwgq_gg_._position_end_1pwgq_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_1pwgq_gg_.__topOffset_1pwgq_gg_:before{top:var(--topOffset_1pwgq)}.___SShadowVertical_1pwgq_gg_.__bottomOffset_1pwgq_gg_:after{bottom:var(--bottomOffset_1pwgq)}.___SContainer_1pwgq_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_1pwgq_gg_::-webkit-scrollbar{display:none}.___SContainer_1pwgq_gg_.__keyboardFocused_1pwgq_gg_:focus::after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;top:var(--focusRingTopOffset_1pwgq);right:var(--focusRingRightOffset_1pwgq);bottom:var(--focusRingBottomOffset_1pwgq);left:var(--focusRingLeftOffset_1pwgq);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__*/, "1pwgq_gg_") /*__reshadow_css_end__*/, {
-  "__SScrollArea": "___SScrollArea_1pwgq_gg_",
-  "__SShadowHorizontal": "___SShadowHorizontal_1pwgq_gg_",
-  "_leftOffset": "__leftOffset_1pwgq_gg_",
-  "--leftOffset": "--leftOffset_1pwgq",
-  "_rightOffset": "__rightOffset_1pwgq_gg_",
-  "--rightOffset": "--rightOffset_1pwgq",
-  "__SShadowVertical": "___SShadowVertical_1pwgq_gg_",
-  "_topOffset": "__topOffset_1pwgq_gg_",
-  "--topOffset": "--topOffset_1pwgq",
-  "_bottomOffset": "__bottomOffset_1pwgq_gg_",
-  "--bottomOffset": "--bottomOffset_1pwgq",
-  "__SContainer": "___SContainer_1pwgq_gg_",
-  "_keyboardFocused": "__keyboardFocused_1pwgq_gg_",
-  "--focusRingTopOffset": "--focusRingTopOffset_1pwgq",
-  "--focusRingRightOffset": "--focusRingRightOffset_1pwgq",
-  "--focusRingBottomOffset": "--focusRingBottomOffset_1pwgq",
-  "--focusRingLeftOffset": "--focusRingLeftOffset_1pwgq",
-  "_position_median": "_position_median_1pwgq_gg_",
-  "_position_start": "_position_start_1pwgq_gg_",
-  "_position_end": "_position_end_1pwgq_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScrollArea_e4nnc_gg_{position:relative;width:100%;height:100%}.___SShadowHorizontal_e4nnc_gg_:after,.___SShadowHorizontal_e4nnc_gg_:before,.___SShadowVertical_e4nnc_gg_:after,.___SShadowVertical_e4nnc_gg_:before{content:\"\";position:absolute;display:none;pointer-events:none}.___SShadowHorizontal_e4nnc_gg_:after,.___SShadowHorizontal_e4nnc_gg_:before{top:0;width:5px;height:100%}.___SShadowHorizontal_e4nnc_gg_._position_median_e4nnc_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_e4nnc_gg_._position_median_e4nnc_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_e4nnc_gg_._position_start_e4nnc_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_e4nnc_gg_._position_end_e4nnc_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_e4nnc_gg_.__leftOffset_e4nnc_gg_:before{left:var(--leftOffset_e4nnc)}.___SShadowHorizontal_e4nnc_gg_.__rightOffset_e4nnc_gg_:after{right:var(--rightOffset_e4nnc)}.___SShadowVertical_e4nnc_gg_:after,.___SShadowVertical_e4nnc_gg_:before{left:0;width:100%;height:5px}.___SShadowVertical_e4nnc_gg_._position_median_e4nnc_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_e4nnc_gg_._position_median_e4nnc_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_e4nnc_gg_._position_start_e4nnc_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_e4nnc_gg_._position_end_e4nnc_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_e4nnc_gg_.__topOffset_e4nnc_gg_:before{top:var(--topOffset_e4nnc)}.___SShadowVertical_e4nnc_gg_.__bottomOffset_e4nnc_gg_:after{bottom:var(--bottomOffset_e4nnc)}.___SContainer_e4nnc_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_e4nnc_gg_::-webkit-scrollbar{display:none}.___SContainer_e4nnc_gg_.__keyboardFocused_e4nnc_gg_:focus::after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;top:var(--focusRingTopOffset_e4nnc);right:var(--focusRingRightOffset_e4nnc);bottom:var(--focusRingBottomOffset_e4nnc);left:var(--focusRingLeftOffset_e4nnc);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__*/, "e4nnc_gg_") /*__reshadow_css_end__*/, {
+  "__SScrollArea": "___SScrollArea_e4nnc_gg_",
+  "__SShadowHorizontal": "___SShadowHorizontal_e4nnc_gg_",
+  "_leftOffset": "__leftOffset_e4nnc_gg_",
+  "--leftOffset": "--leftOffset_e4nnc",
+  "_rightOffset": "__rightOffset_e4nnc_gg_",
+  "--rightOffset": "--rightOffset_e4nnc",
+  "__SShadowVertical": "___SShadowVertical_e4nnc_gg_",
+  "_topOffset": "__topOffset_e4nnc_gg_",
+  "--topOffset": "--topOffset_e4nnc",
+  "_bottomOffset": "__bottomOffset_e4nnc_gg_",
+  "--bottomOffset": "--bottomOffset_e4nnc",
+  "__SContainer": "___SContainer_e4nnc_gg_",
+  "_keyboardFocused": "__keyboardFocused_e4nnc_gg_",
+  "--focusRingTopOffset": "--focusRingTopOffset_e4nnc",
+  "--focusRingRightOffset": "--focusRingRightOffset_e4nnc",
+  "--focusRingBottomOffset": "--focusRingBottomOffset_e4nnc",
+  "--focusRingLeftOffset": "--focusRingLeftOffset_e4nnc",
+  "_position_median": "_position_median_e4nnc_gg_",
+  "_position_start": "_position_start_e4nnc_gg_",
+  "_position_end": "_position_end_e4nnc_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_97e3x_gg_{position:absolute;display:flex}.___SScrollBar_97e3x_gg_._orientation_vertical_97e3x_gg_{top:var(--intergalactic-spacing-1x, 4px);right:0;width:8px;height:calc(100% - var(--offsetSum_97e3x) - var(--intergalactic-spacing-2x, 8px));justify-content:center}.___SScrollBar_97e3x_gg_._orientation_horizontal_97e3x_gg_{bottom:0;height:12px;align-items:center;width:calc(100% - var(--offsetSum_97e3x) - var(--intergalactic-spacing-2x, 8px))}.___SSlider_97e3x_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__*/, "97e3x_gg_") /*__reshadow_css_end__*/, {
-  "__SScrollBar": "___SScrollBar_97e3x_gg_",
-  "_orientation_vertical": "_orientation_vertical_97e3x_gg_",
-  "--offsetSum": "--offsetSum_97e3x",
-  "_orientation_horizontal": "_orientation_horizontal_97e3x_gg_",
-  "__SSlider": "___SSlider_97e3x_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScrollBar_1lbh2_gg_{position:absolute;display:flex}.___SScrollBar_1lbh2_gg_._orientation_vertical_1lbh2_gg_{top:var(--intergalactic-spacing-1x, 4px);right:0;width:8px;height:calc(100% - var(--offsetSum_1lbh2) - var(--intergalactic-spacing-2x, 8px));justify-content:center}.___SScrollBar_1lbh2_gg_._orientation_horizontal_1lbh2_gg_{bottom:0;height:12px;align-items:center;width:calc(100% - var(--offsetSum_1lbh2) - var(--intergalactic-spacing-2x, 8px))}.___SSlider_1lbh2_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__*/, "1lbh2_gg_") /*__reshadow_css_end__*/, {
+  "__SScrollBar": "___SScrollBar_1lbh2_gg_",
+  "_orientation_vertical": "_orientation_vertical_1lbh2_gg_",
+  "--offsetSum": "--offsetSum_1lbh2",
+  "_orientation_horizontal": "_orientation_horizontal_1lbh2_gg_",
+  "__SSlider": "___SSlider_1lbh2_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.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"},"dependencies":{"@semcore/utils":"4.44.0","@semcore/flex-box":"5.39.0"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/scroll-area"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/scroll-area","description":"Semrush ScrollArea Component","version":"5.43.1-prerelease.2","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.44.1-prerelease.2","@semcore/flex-box":"5.39.1-prerelease.2"},"peerDependencies":{"@semcore/core":"^2.37.1-prerelease.2","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/index.d.ts

@@ -30,10 +30,6 @@ export type SelectOption = {
 export interface ISelectProps<T extends SelectValue = SelectValue> extends SelectProps<T> {}
 export type SelectProps<T extends SelectValue = SelectValue> = DropdownMenuProps &
   BaseTriggerProps & {
-    /**
-     * Multiple select
-     */
-    multiselect?: boolean;
     /**
      * Options array
      */

package/select/lib/cjs/InputSearch.js

@@ -24,12 +24,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_wgsi9_gg_._size_m_wgsi9_gg_{height:32px}.___SSearchClear_wgsi9_gg_{padding:0 var(--intergalactic-spacing-2x, 8px)}.___SSearchClear_wgsi9_gg_.__hide_wgsi9_gg_{visibility:hidden}.___SOutline_wgsi9_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__*/, "wgsi9_gg_") /*__reshadow_css_end__*/, {
-  "__SInputSearch": "___SInputSearch_wgsi9_gg_",
-  "_size_m": "_size_m_wgsi9_gg_",
-  "__SSearchClear": "___SSearchClear_wgsi9_gg_",
-  "_hide": "__hide_wgsi9_gg_",
-  "__SOutline": "___SOutline_wgsi9_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SInputSearch_1e2ur_gg_._size_m_1e2ur_gg_{height:32px}.___SSearchClear_1e2ur_gg_{padding:0 var(--intergalactic-spacing-2x, 8px)}.___SSearchClear_1e2ur_gg_.__hide_1e2ur_gg_{visibility:hidden}.___SOutline_1e2ur_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__*/, "1e2ur_gg_") /*__reshadow_css_end__*/, {
+  "__SInputSearch": "___SInputSearch_1e2ur_gg_",
+  "_size_m": "_size_m_1e2ur_gg_",
+  "__SSearchClear": "___SSearchClear_1e2ur_gg_",
+  "_hide": "__hide_1e2ur_gg_",
+  "__SOutline": "___SOutline_1e2ur_gg_"
 });
 var InputSearchRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(InputSearchRoot, _Component);

package/select/lib/cjs/Select.js

@@ -38,14 +38,14 @@ var _popper = require("intergalactic/popper");
 var _assignProps6 = require("intergalactic/utils/lib/assignProps");
 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_uyysd_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_uyysd_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_uyysd_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_uyysd_gg_.__selected_uyysd_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_uyysd_gg_._size_l_uyysd_gg_{width:20px;height:20px}.___SOptionCheckbox_uyysd_gg_._size_l_uyysd_gg_.__selected_uyysd_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_uyysd_gg_.__indeterminate_uyysd_gg_:before,.___SOptionCheckbox_uyysd_gg_.__selected_uyysd_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_uyysd_gg_.__theme_uyysd_gg_:before{border-color:var(--theme_uyysd)}.___SOptionCheckbox_uyysd_gg_.__theme_uyysd_gg_.__indeterminate_uyysd_gg_:before,.___SOptionCheckbox_uyysd_gg_.__theme_uyysd_gg_.__selected_uyysd_gg_:before{background-color:var(--theme_uyysd);border-color:var(--theme_uyysd)}.___SOptionCheckbox_uyysd_gg_.__selected_uyysd_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_uyysd_gg_.__selected_uyysd_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_uyysd_gg_.__indeterminate_uyysd_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_uyysd_gg_.__indeterminate_uyysd_gg_._size_l_uyysd_gg_:after{width:12px;height:2px}.___SOptionCheckbox_uyysd_gg_.__indeterminate_uyysd_gg_._size_m_uyysd_gg_:after{width:8px;height:2px}" /*__inner_css_end__*/, "uyysd_gg_") /*__reshadow_css_end__*/, {
-  "__SOptionCheckbox": "___SOptionCheckbox_uyysd_gg_",
-  "_selected": "__selected_uyysd_gg_",
-  "_size_l": "_size_l_uyysd_gg_",
-  "_indeterminate": "__indeterminate_uyysd_gg_",
-  "_theme": "__theme_uyysd_gg_",
-  "--theme": "--theme_uyysd",
-  "_size_m": "_size_m_uyysd_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SOptionCheckbox_mcloy_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_mcloy_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_mcloy_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_mcloy_gg_.__selected_mcloy_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_mcloy_gg_._size_l_mcloy_gg_{width:20px;height:20px}.___SOptionCheckbox_mcloy_gg_._size_l_mcloy_gg_.__selected_mcloy_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_mcloy_gg_.__indeterminate_mcloy_gg_:before,.___SOptionCheckbox_mcloy_gg_.__selected_mcloy_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_mcloy_gg_.__theme_mcloy_gg_:before{border-color:var(--theme_mcloy)}.___SOptionCheckbox_mcloy_gg_.__theme_mcloy_gg_.__indeterminate_mcloy_gg_:before,.___SOptionCheckbox_mcloy_gg_.__theme_mcloy_gg_.__selected_mcloy_gg_:before{background-color:var(--theme_mcloy);border-color:var(--theme_mcloy)}.___SOptionCheckbox_mcloy_gg_.__selected_mcloy_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_mcloy_gg_.__selected_mcloy_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_mcloy_gg_.__indeterminate_mcloy_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_mcloy_gg_.__indeterminate_mcloy_gg_._size_l_mcloy_gg_:after{width:12px;height:2px}.___SOptionCheckbox_mcloy_gg_.__indeterminate_mcloy_gg_._size_m_mcloy_gg_:after{width:8px;height:2px}" /*__inner_css_end__*/, "mcloy_gg_") /*__reshadow_css_end__*/, {
+  "__SOptionCheckbox": "___SOptionCheckbox_mcloy_gg_",
+  "_selected": "__selected_mcloy_gg_",
+  "_size_l": "_size_l_mcloy_gg_",
+  "_indeterminate": "__indeterminate_mcloy_gg_",
+  "_theme": "__theme_mcloy_gg_",
+  "--theme": "--theme_mcloy",
+  "_size_m": "_size_m_mcloy_gg_"
 });
 function isSelectedOption(value, valueOption) {
   return Array.isArray(value) ? value.includes(valueOption) : valueOption === value;

package/select/lib/cjs/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport DropdownMenu, {\n  DropdownMenuContext,\n  DropdownMenuItemProps,\n  DropdownMenuProps,\n  DropdownMenuHandlers,\n  DropdownMenuTriggerProps,\n} from '@semcore/dropdown-menu';\nimport Dropdown from '@semcore/dropdown';\nimport { ButtonTrigger, BaseTriggerProps, ButtonTriggerProps } from '@semcore/base-trigger';\nimport Divider from '@semcore/divider';\nimport Input, { InputValueProps } from '@semcore/input';\nimport { BoxProps, Flex } from '@semcore/flex-box';\n\n/** @deprecated */\nexport interface ISelectInputSearch extends SelectInputSearch, UnknownProperties {}\nexport type SelectInputSearch = InputValueProps & {};\n\nexport type OptionValue = string | number;\nexport type SelectValue = string | number | Array<string | number> | null;\n\nexport type SelectOption = {\n  value: OptionValue;\n  children?: React.ReactNode;\n  label?: React.ReactNode;\n};\n\n/** @deprecated */\nexport interface ISelectProps<T extends SelectValue = SelectValue> extends SelectProps<T> {}\nexport type SelectProps<T extends SelectValue = SelectValue> = DropdownMenuProps &\n  BaseTriggerProps & {\n    /**\n     * Multiple select\n     */\n    multiselect?: boolean;\n    /**\n     * Options array\n     */\n    options?: SelectOption[];\n    /**\n     * The value or values array selected by default when using multiselect\n     * @type SelectValue\n     */\n    defaultValue?: T;\n    /**\n     * The selected value or values array when using multiselect\n     * @type SelectValue\n     */\n    value?: T;\n    /**\n     * Callback on value change\n     * @type (value: SelectValue, e: React.SyntheticEvent) => boolean | void\n     */\n    onChange?:\n      | ((value: T, e: React.SyntheticEvent) => boolean | void)\n      | React.Dispatch<React.SetStateAction<T>>;\n    /**\n     * Trigger placeholder at not selected value\n     */\n    placeholder?: React.ReactNode;\n    /**\n     * Trigger state\n     */\n    state?: 'normal' | 'valid' | 'invalid';\n    /**\n     * Disables select\n     */\n    disabled?: boolean;\n    /**\n     * If provided, adds a hidden <input /> tag with the given name for enhancing accessibility.\n     */\n    name?: string;\n    locale?: string;\n    /**\n     * If enabled, after opening select popper view will be scrolled to selected option or, if there are multiple selected options, to the first selected option.\n     * @default true\n     */\n    scrollToSelected?: boolean;\n  };\n\n/** @deprecated */\nexport interface ISelectOption extends SelectOption, UnknownProperties {}\n\n/** @deprecated */\nexport interface ISelectOptionProps extends SelectOptionProps, UnknownProperties {}\nexport type SelectOptionProps = DropdownMenuItemProps & {\n  /**\n   * Enables selected state\n   */\n  selected?: boolean;\n  /** Value of the option */\n  value: string | number;\n};\n\n/** @deprecated */\nexport interface ISelectOptionCheckboxProps extends SelectOptionCheckboxProps, UnknownProperties {}\nexport type SelectOptionCheckboxProps = BoxProps & {\n  /** Checkbox theme */\n  theme?: string;\n  /** Visual indeterminate state */\n  indeterminate?: boolean;\n\n  selected?: boolean;\n};\n\ndeclare const InputSearch: Intergalactic.Component<'div', SelectInputSearch> & {\n  SearchIcon: typeof Input.Addon;\n  Value: typeof Input.Value;\n  Clear: typeof Input.Addon;\n};\n\n/** @deprecated */\nexport interface ISelectContext extends SelectContext, UnknownProperties {}\nexport type SelectContext = DropdownMenuContext & {\n  getOptionProps: PropGetterFn;\n  getOptionCheckboxProps: PropGetterFn;\n  getDividerProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface ISelectHandlers extends SelectHandlers, UnknownProperties {}\nexport type SelectHandlers = DropdownMenuHandlers & {\n  value: (index: SelectValue) => void;\n};\n\ntype IntergalacticSelectComponent<PropsExtending = {}> = (<\n  Value extends SelectValue,\n  Tag extends Intergalactic.Tag = 'div',\n>(\n  props: Intergalactic.InternalTypings.ComponentProps<\n    Tag,\n    'div',\n    SelectProps<Value>,\n    SelectContext,\n    [handlers: SelectHandlers]\n  > &\n    PropsExtending,\n) => Intergalactic.InternalTypings.ComponentRenderingResults) &\n  Intergalactic.InternalTypings.ComponentAdditive<'div', 'div', SelectProps>;\n\ndeclare const Select: IntergalacticSelectComponent & {\n  Trigger: Intergalactic.Component<\n    typeof Dropdown.Trigger,\n    DropdownMenuTriggerProps & ButtonTriggerProps,\n    {},\n    [handlers: SelectHandlers]\n  > & {\n    Addon: typeof ButtonTrigger.Addon;\n    Text: typeof ButtonTrigger.Text;\n  };\n  Popper: typeof DropdownMenu.Popper;\n  List: typeof DropdownMenu.List;\n  Menu: typeof DropdownMenu.Menu;\n  Group: typeof Dropdown.Group;\n  Option: Intergalactic.Component<\n    'option',\n    SelectOptionProps,\n    SelectContext,\n    [handlers: SelectHandlers]\n  > & {\n    Addon: typeof DropdownMenu.Item.Addon;\n    Checkbox: Intergalactic.Component<'div', SelectOptionCheckboxProps>;\n    Content: typeof Flex;\n    Hint: typeof Flex;\n  };\n  /**\n   * @deprecated Use Select.Group\n   */\n  OptionTitle: typeof DropdownMenu.ItemTitle;\n  /**\n   * @deprecated Use Select.Option.Hint or Select.Group with subTitle property\n   */\n  OptionHint: typeof DropdownMenu.ItemHint;\n  Divider: typeof Divider;\n  InputSearch: typeof InputSearch;\n  Input: typeof InputSearch;\n};\n\ndeclare const wrapSelect: <PropsExtending extends {}>(\n  wrapper: (\n    props: Intergalactic.InternalTypings.UntypeRefAndTag<\n      Intergalactic.InternalTypings.ComponentPropsNesting<IntergalacticSelectComponent>\n    > &\n      PropsExtending,\n  ) => React.ReactNode,\n) => IntergalacticSelectComponent<PropsExtending>;\n\nexport { InputSearch, wrapSelect };\nexport default Select;\n"],"mappings":""}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport DropdownMenu, {\n  DropdownMenuContext,\n  DropdownMenuItemProps,\n  DropdownMenuProps,\n  DropdownMenuHandlers,\n  DropdownMenuTriggerProps,\n} from '@semcore/dropdown-menu';\nimport Dropdown from '@semcore/dropdown';\nimport { ButtonTrigger, BaseTriggerProps, ButtonTriggerProps } from '@semcore/base-trigger';\nimport Divider from '@semcore/divider';\nimport Input, { InputValueProps } from '@semcore/input';\nimport { BoxProps, Flex } from '@semcore/flex-box';\n\n/** @deprecated */\nexport interface ISelectInputSearch extends SelectInputSearch, UnknownProperties {}\nexport type SelectInputSearch = InputValueProps & {};\n\nexport type OptionValue = string | number;\nexport type SelectValue = string | number | Array<string | number> | null;\n\nexport type SelectOption = {\n  value: OptionValue;\n  children?: React.ReactNode;\n  label?: React.ReactNode;\n};\n\n/** @deprecated */\nexport interface ISelectProps<T extends SelectValue = SelectValue> extends SelectProps<T> {}\nexport type SelectProps<T extends SelectValue = SelectValue> = DropdownMenuProps &\n  BaseTriggerProps & {\n    /**\n     * Options array\n     */\n    options?: SelectOption[];\n    /**\n     * The value or values array selected by default when using multiselect\n     * @type SelectValue\n     */\n    defaultValue?: T;\n    /**\n     * The selected value or values array when using multiselect\n     * @type SelectValue\n     */\n    value?: T;\n    /**\n     * Callback on value change\n     * @type (value: SelectValue, e: React.SyntheticEvent) => boolean | void\n     */\n    onChange?:\n      | ((value: T, e: React.SyntheticEvent) => boolean | void)\n      | React.Dispatch<React.SetStateAction<T>>;\n    /**\n     * Trigger placeholder at not selected value\n     */\n    placeholder?: React.ReactNode;\n    /**\n     * Trigger state\n     */\n    state?: 'normal' | 'valid' | 'invalid';\n    /**\n     * Disables select\n     */\n    disabled?: boolean;\n    /**\n     * If provided, adds a hidden <input /> tag with the given name for enhancing accessibility.\n     */\n    name?: string;\n    locale?: string;\n    /**\n     * If enabled, after opening select popper view will be scrolled to selected option or, if there are multiple selected options, to the first selected option.\n     * @default true\n     */\n    scrollToSelected?: boolean;\n  };\n\n/** @deprecated */\nexport interface ISelectOption extends SelectOption, UnknownProperties {}\n\n/** @deprecated */\nexport interface ISelectOptionProps extends SelectOptionProps, UnknownProperties {}\nexport type SelectOptionProps = DropdownMenuItemProps & {\n  /**\n   * Enables selected state\n   */\n  selected?: boolean;\n  /** Value of the option */\n  value: string | number;\n};\n\n/** @deprecated */\nexport interface ISelectOptionCheckboxProps extends SelectOptionCheckboxProps, UnknownProperties {}\nexport type SelectOptionCheckboxProps = BoxProps & {\n  /** Checkbox theme */\n  theme?: string;\n  /** Visual indeterminate state */\n  indeterminate?: boolean;\n\n  selected?: boolean;\n};\n\ndeclare const InputSearch: Intergalactic.Component<'div', SelectInputSearch> & {\n  SearchIcon: typeof Input.Addon;\n  Value: typeof Input.Value;\n  Clear: typeof Input.Addon;\n};\n\n/** @deprecated */\nexport interface ISelectContext extends SelectContext, UnknownProperties {}\nexport type SelectContext = DropdownMenuContext & {\n  getOptionProps: PropGetterFn;\n  getOptionCheckboxProps: PropGetterFn;\n  getDividerProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface ISelectHandlers extends SelectHandlers, UnknownProperties {}\nexport type SelectHandlers = DropdownMenuHandlers & {\n  value: (index: SelectValue) => void;\n};\n\ntype IntergalacticSelectComponent<PropsExtending = {}> = (<\n  Value extends SelectValue,\n  Tag extends Intergalactic.Tag = 'div',\n>(\n  props: Intergalactic.InternalTypings.ComponentProps<\n    Tag,\n    'div',\n    SelectProps<Value>,\n    SelectContext,\n    [handlers: SelectHandlers]\n  > &\n    PropsExtending,\n) => Intergalactic.InternalTypings.ComponentRenderingResults) &\n  Intergalactic.InternalTypings.ComponentAdditive<'div', 'div', SelectProps>;\n\ndeclare const Select: IntergalacticSelectComponent & {\n  Trigger: Intergalactic.Component<\n    typeof Dropdown.Trigger,\n    DropdownMenuTriggerProps & ButtonTriggerProps,\n    {},\n    [handlers: SelectHandlers]\n  > & {\n    Addon: typeof ButtonTrigger.Addon;\n    Text: typeof ButtonTrigger.Text;\n  };\n  Popper: typeof DropdownMenu.Popper;\n  List: typeof DropdownMenu.List;\n  Menu: typeof DropdownMenu.Menu;\n  Group: typeof Dropdown.Group;\n  Option: Intergalactic.Component<\n    'option',\n    SelectOptionProps,\n    SelectContext,\n    [handlers: SelectHandlers]\n  > & {\n    Addon: typeof DropdownMenu.Item.Addon;\n    Checkbox: Intergalactic.Component<'div', SelectOptionCheckboxProps>;\n    Content: typeof Flex;\n    Hint: typeof Flex;\n  };\n  /**\n   * @deprecated Use Select.Group\n   */\n  OptionTitle: typeof DropdownMenu.ItemTitle;\n  /**\n   * @deprecated Use Select.Option.Hint or Select.Group with subTitle property\n   */\n  OptionHint: typeof DropdownMenu.ItemHint;\n  Divider: typeof Divider;\n  InputSearch: typeof InputSearch;\n  Input: typeof InputSearch;\n};\n\ndeclare const wrapSelect: <PropsExtending extends {}>(\n  wrapper: (\n    props: Intergalactic.InternalTypings.UntypeRefAndTag<\n      Intergalactic.InternalTypings.ComponentPropsNesting<IntergalacticSelectComponent>\n    > &\n      PropsExtending,\n  ) => React.ReactNode,\n) => IntergalacticSelectComponent<PropsExtending>;\n\nexport { InputSearch, wrapSelect };\nexport default Select;\n"],"mappings":""}

package/select/lib/es6/InputSearch.js

@@ -20,12 +20,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_wgsi9_gg_._size_m_wgsi9_gg_{height:32px}.___SSearchClear_wgsi9_gg_{padding:0 var(--intergalactic-spacing-2x, 8px)}.___SSearchClear_wgsi9_gg_.__hide_wgsi9_gg_{visibility:hidden}.___SOutline_wgsi9_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__*/, "wgsi9_gg_") /*__reshadow_css_end__*/, {
-  "__SInputSearch": "___SInputSearch_wgsi9_gg_",
-  "_size_m": "_size_m_wgsi9_gg_",
-  "__SSearchClear": "___SSearchClear_wgsi9_gg_",
-  "_hide": "__hide_wgsi9_gg_",
-  "__SOutline": "___SOutline_wgsi9_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SInputSearch_1e2ur_gg_._size_m_1e2ur_gg_{height:32px}.___SSearchClear_1e2ur_gg_{padding:0 var(--intergalactic-spacing-2x, 8px)}.___SSearchClear_1e2ur_gg_.__hide_1e2ur_gg_{visibility:hidden}.___SOutline_1e2ur_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__*/, "1e2ur_gg_") /*__reshadow_css_end__*/, {
+  "__SInputSearch": "___SInputSearch_1e2ur_gg_",
+  "_size_m": "_size_m_1e2ur_gg_",
+  "__SSearchClear": "___SSearchClear_1e2ur_gg_",
+  "_hide": "__hide_1e2ur_gg_",
+  "__SOutline": "___SOutline_1e2ur_gg_"
 });
 var InputSearchRoot = /*#__PURE__*/function (_Component) {
   _inherits(InputSearchRoot, _Component);

package/select/lib/es6/Select.js

@@ -34,14 +34,14 @@ import { selectContext } from './context';
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 import { isInputTriggerTag } from 'intergalactic/popper';
 /*__reshadow-styles__:"./style/select.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SOptionCheckbox_uyysd_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_uyysd_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_uyysd_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_uyysd_gg_.__selected_uyysd_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_uyysd_gg_._size_l_uyysd_gg_{width:20px;height:20px}.___SOptionCheckbox_uyysd_gg_._size_l_uyysd_gg_.__selected_uyysd_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_uyysd_gg_.__indeterminate_uyysd_gg_:before,.___SOptionCheckbox_uyysd_gg_.__selected_uyysd_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_uyysd_gg_.__theme_uyysd_gg_:before{border-color:var(--theme_uyysd)}.___SOptionCheckbox_uyysd_gg_.__theme_uyysd_gg_.__indeterminate_uyysd_gg_:before,.___SOptionCheckbox_uyysd_gg_.__theme_uyysd_gg_.__selected_uyysd_gg_:before{background-color:var(--theme_uyysd);border-color:var(--theme_uyysd)}.___SOptionCheckbox_uyysd_gg_.__selected_uyysd_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_uyysd_gg_.__selected_uyysd_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_uyysd_gg_.__indeterminate_uyysd_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_uyysd_gg_.__indeterminate_uyysd_gg_._size_l_uyysd_gg_:after{width:12px;height:2px}.___SOptionCheckbox_uyysd_gg_.__indeterminate_uyysd_gg_._size_m_uyysd_gg_:after{width:8px;height:2px}" /*__inner_css_end__*/, "uyysd_gg_") /*__reshadow_css_end__*/, {
-  "__SOptionCheckbox": "___SOptionCheckbox_uyysd_gg_",
-  "_selected": "__selected_uyysd_gg_",
-  "_size_l": "_size_l_uyysd_gg_",
-  "_indeterminate": "__indeterminate_uyysd_gg_",
-  "_theme": "__theme_uyysd_gg_",
-  "--theme": "--theme_uyysd",
-  "_size_m": "_size_m_uyysd_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SOptionCheckbox_mcloy_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_mcloy_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_mcloy_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_mcloy_gg_.__selected_mcloy_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_mcloy_gg_._size_l_mcloy_gg_{width:20px;height:20px}.___SOptionCheckbox_mcloy_gg_._size_l_mcloy_gg_.__selected_mcloy_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_mcloy_gg_.__indeterminate_mcloy_gg_:before,.___SOptionCheckbox_mcloy_gg_.__selected_mcloy_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_mcloy_gg_.__theme_mcloy_gg_:before{border-color:var(--theme_mcloy)}.___SOptionCheckbox_mcloy_gg_.__theme_mcloy_gg_.__indeterminate_mcloy_gg_:before,.___SOptionCheckbox_mcloy_gg_.__theme_mcloy_gg_.__selected_mcloy_gg_:before{background-color:var(--theme_mcloy);border-color:var(--theme_mcloy)}.___SOptionCheckbox_mcloy_gg_.__selected_mcloy_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_mcloy_gg_.__selected_mcloy_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_mcloy_gg_.__indeterminate_mcloy_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_mcloy_gg_.__indeterminate_mcloy_gg_._size_l_mcloy_gg_:after{width:12px;height:2px}.___SOptionCheckbox_mcloy_gg_.__indeterminate_mcloy_gg_._size_m_mcloy_gg_:after{width:8px;height:2px}" /*__inner_css_end__*/, "mcloy_gg_") /*__reshadow_css_end__*/, {
+  "__SOptionCheckbox": "___SOptionCheckbox_mcloy_gg_",
+  "_selected": "__selected_mcloy_gg_",
+  "_size_l": "_size_l_mcloy_gg_",
+  "_indeterminate": "__indeterminate_mcloy_gg_",
+  "_theme": "__theme_mcloy_gg_",
+  "--theme": "--theme_mcloy",
+  "_size_m": "_size_m_mcloy_gg_"
 });
 import { callAllEventHandlers } from 'intergalactic/utils/lib/assignProps';
 import { isAdvanceMode } from 'intergalactic/utils/lib/findComponent';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport DropdownMenu, {\n  DropdownMenuContext,\n  DropdownMenuItemProps,\n  DropdownMenuProps,\n  DropdownMenuHandlers,\n  DropdownMenuTriggerProps,\n} from '@semcore/dropdown-menu';\nimport Dropdown from '@semcore/dropdown';\nimport { ButtonTrigger, BaseTriggerProps, ButtonTriggerProps } from '@semcore/base-trigger';\nimport Divider from '@semcore/divider';\nimport Input, { InputValueProps } from '@semcore/input';\nimport { BoxProps, Flex } from '@semcore/flex-box';\n\n/** @deprecated */\nexport interface ISelectInputSearch extends SelectInputSearch, UnknownProperties {}\nexport type SelectInputSearch = InputValueProps & {};\n\nexport type OptionValue = string | number;\nexport type SelectValue = string | number | Array<string | number> | null;\n\nexport type SelectOption = {\n  value: OptionValue;\n  children?: React.ReactNode;\n  label?: React.ReactNode;\n};\n\n/** @deprecated */\nexport interface ISelectProps<T extends SelectValue = SelectValue> extends SelectProps<T> {}\nexport type SelectProps<T extends SelectValue = SelectValue> = DropdownMenuProps &\n  BaseTriggerProps & {\n    /**\n     * Multiple select\n     */\n    multiselect?: boolean;\n    /**\n     * Options array\n     */\n    options?: SelectOption[];\n    /**\n     * The value or values array selected by default when using multiselect\n     * @type SelectValue\n     */\n    defaultValue?: T;\n    /**\n     * The selected value or values array when using multiselect\n     * @type SelectValue\n     */\n    value?: T;\n    /**\n     * Callback on value change\n     * @type (value: SelectValue, e: React.SyntheticEvent) => boolean | void\n     */\n    onChange?:\n      | ((value: T, e: React.SyntheticEvent) => boolean | void)\n      | React.Dispatch<React.SetStateAction<T>>;\n    /**\n     * Trigger placeholder at not selected value\n     */\n    placeholder?: React.ReactNode;\n    /**\n     * Trigger state\n     */\n    state?: 'normal' | 'valid' | 'invalid';\n    /**\n     * Disables select\n     */\n    disabled?: boolean;\n    /**\n     * If provided, adds a hidden <input /> tag with the given name for enhancing accessibility.\n     */\n    name?: string;\n    locale?: string;\n    /**\n     * If enabled, after opening select popper view will be scrolled to selected option or, if there are multiple selected options, to the first selected option.\n     * @default true\n     */\n    scrollToSelected?: boolean;\n  };\n\n/** @deprecated */\nexport interface ISelectOption extends SelectOption, UnknownProperties {}\n\n/** @deprecated */\nexport interface ISelectOptionProps extends SelectOptionProps, UnknownProperties {}\nexport type SelectOptionProps = DropdownMenuItemProps & {\n  /**\n   * Enables selected state\n   */\n  selected?: boolean;\n  /** Value of the option */\n  value: string | number;\n};\n\n/** @deprecated */\nexport interface ISelectOptionCheckboxProps extends SelectOptionCheckboxProps, UnknownProperties {}\nexport type SelectOptionCheckboxProps = BoxProps & {\n  /** Checkbox theme */\n  theme?: string;\n  /** Visual indeterminate state */\n  indeterminate?: boolean;\n\n  selected?: boolean;\n};\n\ndeclare const InputSearch: Intergalactic.Component<'div', SelectInputSearch> & {\n  SearchIcon: typeof Input.Addon;\n  Value: typeof Input.Value;\n  Clear: typeof Input.Addon;\n};\n\n/** @deprecated */\nexport interface ISelectContext extends SelectContext, UnknownProperties {}\nexport type SelectContext = DropdownMenuContext & {\n  getOptionProps: PropGetterFn;\n  getOptionCheckboxProps: PropGetterFn;\n  getDividerProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface ISelectHandlers extends SelectHandlers, UnknownProperties {}\nexport type SelectHandlers = DropdownMenuHandlers & {\n  value: (index: SelectValue) => void;\n};\n\ntype IntergalacticSelectComponent<PropsExtending = {}> = (<\n  Value extends SelectValue,\n  Tag extends Intergalactic.Tag = 'div',\n>(\n  props: Intergalactic.InternalTypings.ComponentProps<\n    Tag,\n    'div',\n    SelectProps<Value>,\n    SelectContext,\n    [handlers: SelectHandlers]\n  > &\n    PropsExtending,\n) => Intergalactic.InternalTypings.ComponentRenderingResults) &\n  Intergalactic.InternalTypings.ComponentAdditive<'div', 'div', SelectProps>;\n\ndeclare const Select: IntergalacticSelectComponent & {\n  Trigger: Intergalactic.Component<\n    typeof Dropdown.Trigger,\n    DropdownMenuTriggerProps & ButtonTriggerProps,\n    {},\n    [handlers: SelectHandlers]\n  > & {\n    Addon: typeof ButtonTrigger.Addon;\n    Text: typeof ButtonTrigger.Text;\n  };\n  Popper: typeof DropdownMenu.Popper;\n  List: typeof DropdownMenu.List;\n  Menu: typeof DropdownMenu.Menu;\n  Group: typeof Dropdown.Group;\n  Option: Intergalactic.Component<\n    'option',\n    SelectOptionProps,\n    SelectContext,\n    [handlers: SelectHandlers]\n  > & {\n    Addon: typeof DropdownMenu.Item.Addon;\n    Checkbox: Intergalactic.Component<'div', SelectOptionCheckboxProps>;\n    Content: typeof Flex;\n    Hint: typeof Flex;\n  };\n  /**\n   * @deprecated Use Select.Group\n   */\n  OptionTitle: typeof DropdownMenu.ItemTitle;\n  /**\n   * @deprecated Use Select.Option.Hint or Select.Group with subTitle property\n   */\n  OptionHint: typeof DropdownMenu.ItemHint;\n  Divider: typeof Divider;\n  InputSearch: typeof InputSearch;\n  Input: typeof InputSearch;\n};\n\ndeclare const wrapSelect: <PropsExtending extends {}>(\n  wrapper: (\n    props: Intergalactic.InternalTypings.UntypeRefAndTag<\n      Intergalactic.InternalTypings.ComponentPropsNesting<IntergalacticSelectComponent>\n    > &\n      PropsExtending,\n  ) => React.ReactNode,\n) => IntergalacticSelectComponent<PropsExtending>;\n\nexport { InputSearch, wrapSelect };\nexport default Select;\n"],"mappings":""}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport DropdownMenu, {\n  DropdownMenuContext,\n  DropdownMenuItemProps,\n  DropdownMenuProps,\n  DropdownMenuHandlers,\n  DropdownMenuTriggerProps,\n} from '@semcore/dropdown-menu';\nimport Dropdown from '@semcore/dropdown';\nimport { ButtonTrigger, BaseTriggerProps, ButtonTriggerProps } from '@semcore/base-trigger';\nimport Divider from '@semcore/divider';\nimport Input, { InputValueProps } from '@semcore/input';\nimport { BoxProps, Flex } from '@semcore/flex-box';\n\n/** @deprecated */\nexport interface ISelectInputSearch extends SelectInputSearch, UnknownProperties {}\nexport type SelectInputSearch = InputValueProps & {};\n\nexport type OptionValue = string | number;\nexport type SelectValue = string | number | Array<string | number> | null;\n\nexport type SelectOption = {\n  value: OptionValue;\n  children?: React.ReactNode;\n  label?: React.ReactNode;\n};\n\n/** @deprecated */\nexport interface ISelectProps<T extends SelectValue = SelectValue> extends SelectProps<T> {}\nexport type SelectProps<T extends SelectValue = SelectValue> = DropdownMenuProps &\n  BaseTriggerProps & {\n    /**\n     * Options array\n     */\n    options?: SelectOption[];\n    /**\n     * The value or values array selected by default when using multiselect\n     * @type SelectValue\n     */\n    defaultValue?: T;\n    /**\n     * The selected value or values array when using multiselect\n     * @type SelectValue\n     */\n    value?: T;\n    /**\n     * Callback on value change\n     * @type (value: SelectValue, e: React.SyntheticEvent) => boolean | void\n     */\n    onChange?:\n      | ((value: T, e: React.SyntheticEvent) => boolean | void)\n      | React.Dispatch<React.SetStateAction<T>>;\n    /**\n     * Trigger placeholder at not selected value\n     */\n    placeholder?: React.ReactNode;\n    /**\n     * Trigger state\n     */\n    state?: 'normal' | 'valid' | 'invalid';\n    /**\n     * Disables select\n     */\n    disabled?: boolean;\n    /**\n     * If provided, adds a hidden <input /> tag with the given name for enhancing accessibility.\n     */\n    name?: string;\n    locale?: string;\n    /**\n     * If enabled, after opening select popper view will be scrolled to selected option or, if there are multiple selected options, to the first selected option.\n     * @default true\n     */\n    scrollToSelected?: boolean;\n  };\n\n/** @deprecated */\nexport interface ISelectOption extends SelectOption, UnknownProperties {}\n\n/** @deprecated */\nexport interface ISelectOptionProps extends SelectOptionProps, UnknownProperties {}\nexport type SelectOptionProps = DropdownMenuItemProps & {\n  /**\n   * Enables selected state\n   */\n  selected?: boolean;\n  /** Value of the option */\n  value: string | number;\n};\n\n/** @deprecated */\nexport interface ISelectOptionCheckboxProps extends SelectOptionCheckboxProps, UnknownProperties {}\nexport type SelectOptionCheckboxProps = BoxProps & {\n  /** Checkbox theme */\n  theme?: string;\n  /** Visual indeterminate state */\n  indeterminate?: boolean;\n\n  selected?: boolean;\n};\n\ndeclare const InputSearch: Intergalactic.Component<'div', SelectInputSearch> & {\n  SearchIcon: typeof Input.Addon;\n  Value: typeof Input.Value;\n  Clear: typeof Input.Addon;\n};\n\n/** @deprecated */\nexport interface ISelectContext extends SelectContext, UnknownProperties {}\nexport type SelectContext = DropdownMenuContext & {\n  getOptionProps: PropGetterFn;\n  getOptionCheckboxProps: PropGetterFn;\n  getDividerProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface ISelectHandlers extends SelectHandlers, UnknownProperties {}\nexport type SelectHandlers = DropdownMenuHandlers & {\n  value: (index: SelectValue) => void;\n};\n\ntype IntergalacticSelectComponent<PropsExtending = {}> = (<\n  Value extends SelectValue,\n  Tag extends Intergalactic.Tag = 'div',\n>(\n  props: Intergalactic.InternalTypings.ComponentProps<\n    Tag,\n    'div',\n    SelectProps<Value>,\n    SelectContext,\n    [handlers: SelectHandlers]\n  > &\n    PropsExtending,\n) => Intergalactic.InternalTypings.ComponentRenderingResults) &\n  Intergalactic.InternalTypings.ComponentAdditive<'div', 'div', SelectProps>;\n\ndeclare const Select: IntergalacticSelectComponent & {\n  Trigger: Intergalactic.Component<\n    typeof Dropdown.Trigger,\n    DropdownMenuTriggerProps & ButtonTriggerProps,\n    {},\n    [handlers: SelectHandlers]\n  > & {\n    Addon: typeof ButtonTrigger.Addon;\n    Text: typeof ButtonTrigger.Text;\n  };\n  Popper: typeof DropdownMenu.Popper;\n  List: typeof DropdownMenu.List;\n  Menu: typeof DropdownMenu.Menu;\n  Group: typeof Dropdown.Group;\n  Option: Intergalactic.Component<\n    'option',\n    SelectOptionProps,\n    SelectContext,\n    [handlers: SelectHandlers]\n  > & {\n    Addon: typeof DropdownMenu.Item.Addon;\n    Checkbox: Intergalactic.Component<'div', SelectOptionCheckboxProps>;\n    Content: typeof Flex;\n    Hint: typeof Flex;\n  };\n  /**\n   * @deprecated Use Select.Group\n   */\n  OptionTitle: typeof DropdownMenu.ItemTitle;\n  /**\n   * @deprecated Use Select.Option.Hint or Select.Group with subTitle property\n   */\n  OptionHint: typeof DropdownMenu.ItemHint;\n  Divider: typeof Divider;\n  InputSearch: typeof InputSearch;\n  Input: typeof InputSearch;\n};\n\ndeclare const wrapSelect: <PropsExtending extends {}>(\n  wrapper: (\n    props: Intergalactic.InternalTypings.UntypeRefAndTag<\n      Intergalactic.InternalTypings.ComponentPropsNesting<IntergalacticSelectComponent>\n    > &\n      PropsExtending,\n  ) => React.ReactNode,\n) => IntergalacticSelectComponent<PropsExtending>;\n\nexport { InputSearch, wrapSelect };\nexport default Select;\n"],"mappings":""}

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

@@ -30,10 +30,6 @@ export type SelectOption = {
 export interface ISelectProps<T extends SelectValue = SelectValue> extends SelectProps<T> {}
 export type SelectProps<T extends SelectValue = SelectValue> = DropdownMenuProps &
   BaseTriggerProps & {
-    /**
-     * Multiple select
-     */
-    multiselect?: boolean;
     /**
      * Options array
      */

package/select/package.json

@@ -1 +1 @@
-{"name":"intergalactic/select","description":"Semrush Select Component","version":"4.49.0","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.49.2","@semcore/button":"5.40.1","@semcore/checkbox":"7.42.0","@semcore/divider":"4.38.0","@semcore/dropdown-menu":"4.43.5","@semcore/dropdown":"4.41.7","@semcore/popper":"5.45.0","@semcore/flex-box":"5.39.0","@semcore/icon":"4.53.0","@semcore/input":"4.40.0","@semcore/utils":"4.44.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","@semcore/typography":"*","@semcore/flex-box":"*"}}
+{"name":"intergalactic/select","description":"Semrush Select Component","version":"4.49.1-prerelease.2","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.49.3-prerelease.2","@semcore/button":"5.40.2-prerelease.2","@semcore/checkbox":"7.42.1-prerelease.2","@semcore/divider":"4.38.1-prerelease.2","@semcore/dropdown-menu":"4.44.0-prerelease.2","@semcore/dropdown":"4.42.0-prerelease.2","@semcore/popper":"5.45.1-prerelease.2","@semcore/flex-box":"5.39.1-prerelease.2","@semcore/icon":"4.53.1-prerelease.2","@semcore/input":"4.40.1-prerelease.2","@semcore/utils":"4.44.1-prerelease.2","classnames":"2.2.6"},"peerDependencies":{"@semcore/core":"^2.37.1-prerelease.2","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","@semcore/typography":"*","@semcore/flex-box":"*"}}

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

@@ -36,22 +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_cprxr_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_cprxr_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_cprxr_gg_._placement_right_cprxr_gg_,.___SPanel_cprxr_gg_._placement_top_cprxr_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));top:0}.___SPanel_cprxr_gg_._placement_top_cprxr_gg_{width:100%;margin-bottom:auto;left:0}.___SPanel_cprxr_gg_._placement_right_cprxr_gg_{height:100vh;margin-left:auto;right:0}.___SPanel_cprxr_gg_._placement_bottom_cprxr_gg_,.___SPanel_cprxr_gg_._placement_left_cprxr_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));left:0}.___SPanel_cprxr_gg_._placement_bottom_cprxr_gg_{width:100%;margin-top:auto;bottom:0}.___SPanel_cprxr_gg_._placement_left_cprxr_gg_{height:100vh;margin-right:auto;top:0}.___SClose_cprxr_gg_{position:absolute;z-index:1;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SClose_cprxr_gg_ .___SAddon_cprxr_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SBack_cprxr_gg_{max-width:100%}.___SBack_cprxr_gg_ .___SInner_cprxr_gg_{display:flex}.___SBack_cprxr_gg_ .___SBackText_cprxr_gg_,.___STitle_cprxr_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_cprxr_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_cprxr_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_cprxr_gg_{min-height:44px;box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_cprxr_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__*/, "cprxr_gg_") /*__reshadow_css_end__*/, {
-  "__SOverlay": "___SOverlay_cprxr_gg_",
-  "__SPanel": "___SPanel_cprxr_gg_",
-  "_placement_top": "_placement_top_cprxr_gg_",
-  "_placement_right": "_placement_right_cprxr_gg_",
-  "_placement_bottom": "_placement_bottom_cprxr_gg_",
-  "_placement_left": "_placement_left_cprxr_gg_",
-  "__STitle": "___STitle_cprxr_gg_",
-  "__SHeader": "___SHeader_cprxr_gg_",
-  "__SFooter": "___SFooter_cprxr_gg_",
-  "__SBody": "___SBody_cprxr_gg_",
-  "__SClose": "___SClose_cprxr_gg_",
-  "__SAddon": "___SAddon_cprxr_gg_",
-  "__SBack": "___SBack_cprxr_gg_",
-  "__SInner": "___SInner_cprxr_gg_",
-  "__SBackText": "___SBackText_cprxr_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SOverlay_jbf2q_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_jbf2q_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_jbf2q_gg_._placement_right_jbf2q_gg_,.___SPanel_jbf2q_gg_._placement_top_jbf2q_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));top:0}.___SPanel_jbf2q_gg_._placement_top_jbf2q_gg_{width:100%;margin-bottom:auto;left:0}.___SPanel_jbf2q_gg_._placement_right_jbf2q_gg_{height:100vh;margin-left:auto;right:0}.___SPanel_jbf2q_gg_._placement_bottom_jbf2q_gg_,.___SPanel_jbf2q_gg_._placement_left_jbf2q_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));left:0}.___SPanel_jbf2q_gg_._placement_bottom_jbf2q_gg_{width:100%;margin-top:auto;bottom:0}.___SPanel_jbf2q_gg_._placement_left_jbf2q_gg_{height:100vh;margin-right:auto;top:0}.___SClose_jbf2q_gg_{position:absolute;z-index:1;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SClose_jbf2q_gg_ .___SAddon_jbf2q_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SBack_jbf2q_gg_{max-width:100%}.___SBack_jbf2q_gg_ .___SInner_jbf2q_gg_{display:flex}.___SBack_jbf2q_gg_ .___SBackText_jbf2q_gg_,.___STitle_jbf2q_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_jbf2q_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_jbf2q_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_jbf2q_gg_{min-height:44px;box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_jbf2q_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__*/, "jbf2q_gg_") /*__reshadow_css_end__*/, {
+  "__SOverlay": "___SOverlay_jbf2q_gg_",
+  "__SPanel": "___SPanel_jbf2q_gg_",
+  "_placement_top": "_placement_top_jbf2q_gg_",
+  "_placement_right": "_placement_right_jbf2q_gg_",
+  "_placement_bottom": "_placement_bottom_jbf2q_gg_",
+  "_placement_left": "_placement_left_jbf2q_gg_",
+  "__STitle": "___STitle_jbf2q_gg_",
+  "__SHeader": "___SHeader_jbf2q_gg_",
+  "__SFooter": "___SFooter_jbf2q_gg_",
+  "__SBody": "___SBody_jbf2q_gg_",
+  "__SClose": "___SClose_jbf2q_gg_",
+  "__SAddon": "___SAddon_jbf2q_gg_",
+  "__SBack": "___SBack_jbf2q_gg_",
+  "__SInner": "___SInner_jbf2q_gg_",
+  "__SBackText": "___SBackText_jbf2q_gg_"
 });
 var RootSidePanel = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(RootSidePanel, _Component);

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

@@ -37,22 +37,22 @@ import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 import { ZIndexStackingContextProvider, useZIndexStacking } from 'intergalactic/utils/lib/zIndexStacking';
 /*__reshadow-styles__:"./style/side-panel.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SOverlay_cprxr_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_cprxr_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_cprxr_gg_._placement_right_cprxr_gg_,.___SPanel_cprxr_gg_._placement_top_cprxr_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));top:0}.___SPanel_cprxr_gg_._placement_top_cprxr_gg_{width:100%;margin-bottom:auto;left:0}.___SPanel_cprxr_gg_._placement_right_cprxr_gg_{height:100vh;margin-left:auto;right:0}.___SPanel_cprxr_gg_._placement_bottom_cprxr_gg_,.___SPanel_cprxr_gg_._placement_left_cprxr_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));left:0}.___SPanel_cprxr_gg_._placement_bottom_cprxr_gg_{width:100%;margin-top:auto;bottom:0}.___SPanel_cprxr_gg_._placement_left_cprxr_gg_{height:100vh;margin-right:auto;top:0}.___SClose_cprxr_gg_{position:absolute;z-index:1;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SClose_cprxr_gg_ .___SAddon_cprxr_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SBack_cprxr_gg_{max-width:100%}.___SBack_cprxr_gg_ .___SInner_cprxr_gg_{display:flex}.___SBack_cprxr_gg_ .___SBackText_cprxr_gg_,.___STitle_cprxr_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_cprxr_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_cprxr_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_cprxr_gg_{min-height:44px;box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_cprxr_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__*/, "cprxr_gg_") /*__reshadow_css_end__*/, {
-  "__SOverlay": "___SOverlay_cprxr_gg_",
-  "__SPanel": "___SPanel_cprxr_gg_",
-  "_placement_top": "_placement_top_cprxr_gg_",
-  "_placement_right": "_placement_right_cprxr_gg_",
-  "_placement_bottom": "_placement_bottom_cprxr_gg_",
-  "_placement_left": "_placement_left_cprxr_gg_",
-  "__STitle": "___STitle_cprxr_gg_",
-  "__SHeader": "___SHeader_cprxr_gg_",
-  "__SFooter": "___SFooter_cprxr_gg_",
-  "__SBody": "___SBody_cprxr_gg_",
-  "__SClose": "___SClose_cprxr_gg_",
-  "__SAddon": "___SAddon_cprxr_gg_",
-  "__SBack": "___SBack_cprxr_gg_",
-  "__SInner": "___SInner_cprxr_gg_",
-  "__SBackText": "___SBackText_cprxr_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SOverlay_jbf2q_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_jbf2q_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_jbf2q_gg_._placement_right_jbf2q_gg_,.___SPanel_jbf2q_gg_._placement_top_jbf2q_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));top:0}.___SPanel_jbf2q_gg_._placement_top_jbf2q_gg_{width:100%;margin-bottom:auto;left:0}.___SPanel_jbf2q_gg_._placement_right_jbf2q_gg_{height:100vh;margin-left:auto;right:0}.___SPanel_jbf2q_gg_._placement_bottom_jbf2q_gg_,.___SPanel_jbf2q_gg_._placement_left_jbf2q_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));left:0}.___SPanel_jbf2q_gg_._placement_bottom_jbf2q_gg_{width:100%;margin-top:auto;bottom:0}.___SPanel_jbf2q_gg_._placement_left_jbf2q_gg_{height:100vh;margin-right:auto;top:0}.___SClose_jbf2q_gg_{position:absolute;z-index:1;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SClose_jbf2q_gg_ .___SAddon_jbf2q_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SBack_jbf2q_gg_{max-width:100%}.___SBack_jbf2q_gg_ .___SInner_jbf2q_gg_{display:flex}.___SBack_jbf2q_gg_ .___SBackText_jbf2q_gg_,.___STitle_jbf2q_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_jbf2q_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_jbf2q_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_jbf2q_gg_{min-height:44px;box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_jbf2q_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__*/, "jbf2q_gg_") /*__reshadow_css_end__*/, {
+  "__SOverlay": "___SOverlay_jbf2q_gg_",
+  "__SPanel": "___SPanel_jbf2q_gg_",
+  "_placement_top": "_placement_top_jbf2q_gg_",
+  "_placement_right": "_placement_right_jbf2q_gg_",
+  "_placement_bottom": "_placement_bottom_jbf2q_gg_",
+  "_placement_left": "_placement_left_jbf2q_gg_",
+  "__STitle": "___STitle_jbf2q_gg_",
+  "__SHeader": "___SHeader_jbf2q_gg_",
+  "__SFooter": "___SFooter_jbf2q_gg_",
+  "__SBody": "___SBody_jbf2q_gg_",
+  "__SClose": "___SClose_jbf2q_gg_",
+  "__SAddon": "___SAddon_jbf2q_gg_",
+  "__SBack": "___SBack_jbf2q_gg_",
+  "__SInner": "___SInner_jbf2q_gg_",
+  "__SBackText": "___SBackText_jbf2q_gg_"
 });
 var RootSidePanel = /*#__PURE__*/function (_Component) {
   _inherits(RootSidePanel, _Component);

package/side-panel/package.json

@@ -1 +1 @@
-{"name":"intergalactic/side-panel","description":"Semrush SidePanel Component","version":"3.49.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.44.0","@semcore/animation":"2.39.0","@semcore/flex-box":"5.39.0","@semcore/portal":"3.39.0","@semcore/typography":"5.48.0","@semcore/outside-click":"3.37.0","@semcore/icon":"4.53.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/side-panel"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/side-panel","description":"Semrush SidePanel Component","version":"3.49.1-prerelease.2","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.44.1-prerelease.2","@semcore/animation":"2.39.1-prerelease.2","@semcore/flex-box":"5.39.1-prerelease.2","@semcore/portal":"3.39.1-prerelease.2","@semcore/typography":"5.48.1-prerelease.2","@semcore/outside-click":"3.37.1-prerelease.2","@semcore/icon":"4.53.1-prerelease.2"},"peerDependencies":{"@semcore/core":"^2.37.1-prerelease.2","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/side-panel"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

package/skeleton/lib/cjs/Charts/Area.js

@@ -12,15 +12,15 @@ var _core = _interopRequireWildcard(require("intergalactic/core"));
 var _react = _interopRequireDefault(require("react"));
 var _Skeleton = require("../Skeleton");
 /*__reshadow-styles__:"../style/chart.shadow.css"*/
-var styles = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_62ybz_gg_{height:200px;width:100%;background-image:var(--bgPattern_62ybz)}.___SChartSkeleton_62ybz_gg_.__bgPosition_62ybz_gg_{background-position:var(--bgPosition_62ybz)}.___SChartSkeleton_62ybz_gg_.__bgSize_62ybz_gg_{background-size:var(--bgSize_62ybz)}.___SChartSkeleton_62ybz_gg_.__bgRepeat_62ybz_gg_{background-repeat:var(--bgRepeat_62ybz)}" /*__inner_css_end__*/, "62ybz_gg_") /*__reshadow_css_end__*/, {
-  "__SChartSkeleton": "___SChartSkeleton_62ybz_gg_",
-  "--bgPattern": "--bgPattern_62ybz",
-  "_bgPosition": "__bgPosition_62ybz_gg_",
-  "--bgPosition": "--bgPosition_62ybz",
-  "_bgSize": "__bgSize_62ybz_gg_",
-  "--bgSize": "--bgSize_62ybz",
-  "_bgRepeat": "__bgRepeat_62ybz_gg_",
-  "--bgRepeat": "--bgRepeat_62ybz"
+var styles = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_1awsn_gg_{height:200px;width:100%;background-image:var(--bgPattern_1awsn)}.___SChartSkeleton_1awsn_gg_.__bgPosition_1awsn_gg_{background-position:var(--bgPosition_1awsn)}.___SChartSkeleton_1awsn_gg_.__bgSize_1awsn_gg_{background-size:var(--bgSize_1awsn)}.___SChartSkeleton_1awsn_gg_.__bgRepeat_1awsn_gg_{background-repeat:var(--bgRepeat_1awsn)}" /*__inner_css_end__*/, "1awsn_gg_") /*__reshadow_css_end__*/, {
+  "__SChartSkeleton": "___SChartSkeleton_1awsn_gg_",
+  "--bgPattern": "--bgPattern_1awsn",
+  "_bgPosition": "__bgPosition_1awsn_gg_",
+  "--bgPosition": "--bgPosition_1awsn",
+  "_bgSize": "__bgSize_1awsn_gg_",
+  "--bgSize": "--bgSize_1awsn",
+  "_bgRepeat": "__bgRepeat_1awsn_gg_",
+  "--bgRepeat": "--bgRepeat_1awsn"
 });
 var areaLinearSvg = "PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9Ijg4IiB2aWV3Qm94PSIwIDAgMTI4IDg4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNjMuOTk5OCA0NS45Mzk0QzMyLjAwMDEgNDUuOTM5NCAzMi4wMDAxIDEyIDAgMTJWNzZIMTI4VjEyQzk1Ljk5OTkgMTIgOTUuOTk5OSA0NS45Mzk0IDYzLjk5OTggNDUuOTM5NFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+Cjwvc3ZnPgo=";
 var areaMonotoneSvg = "PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9Ijg4IiB2aWV3Qm94PSIwIDAgMTI4IDg4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNjMuOTk5OCA0NS45Mzk0TDAgMTJWNzZIMTI4VjEyTDYzLjk5OTggNDUuOTM5NFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+Cjwvc3ZnPgo=";