@semcore/scroll-area - npm Package Compare versions

Comparing version 5.27.2 to 5.28.0-prerelease.3

CHANGELOG.md

@@ -5,7 +5,7 @@ # Changelog
 
-## [5.27.2] - 2024-05-22
+## [5.28.0] - 2024-05-22
 
 ### Changed
 
-- Version patch update due to children dependencies update (`@semcore/utils` [4.26.2 ~> 4.26.3], `@semcore/flex-box` [5.25.1 ~> 5.25.2], `@semcore/core` [2.23.1 ~> 2.23.2]).
+- Version minor update due to children dependencies update (`@semcore/utils` [4.26.2 ~> 4.27.0], `@semcore/flex-box` [5.25.1 ~> 5.26.0], `@semcore/core` [2.23.1 ~> 2.24.0]).
 
@@ -12,0 +12,0 @@ ## [5.27.1] - 2024-05-17

lib/cjs/ScrollArea.js

@@ -33,23 +33,23 @@ "use strict";
 /*__reshadow-styles__:"./style/scroll-area.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SScrollArea_78n6k_gg_{position:relative;width:100%;height:100%}.___SShadowHorizontal_78n6k_gg_:after,.___SShadowHorizontal_78n6k_gg_:before,.___SShadowVertical_78n6k_gg_:after,.___SShadowVertical_78n6k_gg_:before{content:\"\";position:absolute;pointer-events:none}.___SShadowHorizontal_78n6k_gg_:after,.___SShadowHorizontal_78n6k_gg_:before{top:0;display:block;width:5px;height:100%}.___SShadowHorizontal_78n6k_gg_._position_median_78n6k_gg_:before{left:0;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_78n6k_gg_._position_median_78n6k_gg_:after{right:0;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_78n6k_gg_._position_start_78n6k_gg_:before{left:0;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_78n6k_gg_._position_end_78n6k_gg_:after{right:0;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_78n6k_gg_.__leftOffset_78n6k_gg_:before{left:var(--leftOffset_78n6k)}.___SShadowHorizontal_78n6k_gg_.__rightOffset_78n6k_gg_:after{right:var(--rightOffset_78n6k)}.___SShadowVertical_78n6k_gg_:after,.___SShadowVertical_78n6k_gg_:before{left:0;display:block;width:100%;height:5px}.___SShadowVertical_78n6k_gg_._position_median_78n6k_gg_:before{top:0;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_78n6k_gg_._position_median_78n6k_gg_:after{bottom:0;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_78n6k_gg_._position_start_78n6k_gg_:before{top:0;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_78n6k_gg_._position_end_78n6k_gg_:after{bottom:0;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_78n6k_gg_.__topOffset_78n6k_gg_:before{top:var(--topOffset_78n6k)}.___SShadowVertical_78n6k_gg_.__bottomOffset_78n6k_gg_:after{bottom:var(--bottomOffset_78n6k)}.___SContainer_78n6k_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_78n6k_gg_::-webkit-scrollbar{display:none}.___SContainer_78n6k_gg_.__keyboardFocused_78n6k_gg_:focus::after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;top:var(--focusRingTopOffset_78n6k);right:var(--focusRingRightOffset_78n6k);bottom:var(--focusRingBottomOffset_78n6k);left:var(--focusRingLeftOffset_78n6k);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__*/, "78n6k_gg_") /*__reshadow_css_end__*/, {
-  "__SScrollArea": "___SScrollArea_78n6k_gg_",
-  "__SShadowHorizontal": "___SShadowHorizontal_78n6k_gg_",
-  "_leftOffset": "__leftOffset_78n6k_gg_",
-  "--leftOffset": "--leftOffset_78n6k",
-  "_rightOffset": "__rightOffset_78n6k_gg_",
-  "--rightOffset": "--rightOffset_78n6k",
-  "__SShadowVertical": "___SShadowVertical_78n6k_gg_",
-  "_topOffset": "__topOffset_78n6k_gg_",
-  "--topOffset": "--topOffset_78n6k",
-  "_bottomOffset": "__bottomOffset_78n6k_gg_",
-  "--bottomOffset": "--bottomOffset_78n6k",
-  "__SContainer": "___SContainer_78n6k_gg_",
-  "_keyboardFocused": "__keyboardFocused_78n6k_gg_",
-  "--focusRingTopOffset": "--focusRingTopOffset_78n6k",
-  "--focusRingRightOffset": "--focusRingRightOffset_78n6k",
-  "--focusRingBottomOffset": "--focusRingBottomOffset_78n6k",
-  "--focusRingLeftOffset": "--focusRingLeftOffset_78n6k",
-  "_position_median": "_position_median_78n6k_gg_",
-  "_position_start": "_position_start_78n6k_gg_",
-  "_position_end": "_position_end_78n6k_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SScrollArea_3z5m2_gg_{position:relative;width:100%;height:100%}.___SShadowHorizontal_3z5m2_gg_:after,.___SShadowHorizontal_3z5m2_gg_:before,.___SShadowVertical_3z5m2_gg_:after,.___SShadowVertical_3z5m2_gg_:before{content:\"\";position:absolute;pointer-events:none}.___SShadowHorizontal_3z5m2_gg_:after,.___SShadowHorizontal_3z5m2_gg_:before{top:0;display:block;width:5px;height:100%}.___SShadowHorizontal_3z5m2_gg_._position_median_3z5m2_gg_:before{left:0;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_3z5m2_gg_._position_median_3z5m2_gg_:after{right:0;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_3z5m2_gg_._position_start_3z5m2_gg_:before{left:0;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_3z5m2_gg_._position_end_3z5m2_gg_:after{right:0;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_3z5m2_gg_.__leftOffset_3z5m2_gg_:before{left:var(--leftOffset_3z5m2)}.___SShadowHorizontal_3z5m2_gg_.__rightOffset_3z5m2_gg_:after{right:var(--rightOffset_3z5m2)}.___SShadowVertical_3z5m2_gg_:after,.___SShadowVertical_3z5m2_gg_:before{left:0;display:block;width:100%;height:5px}.___SShadowVertical_3z5m2_gg_._position_median_3z5m2_gg_:before{top:0;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_3z5m2_gg_._position_median_3z5m2_gg_:after{bottom:0;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_3z5m2_gg_._position_start_3z5m2_gg_:before{top:0;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_3z5m2_gg_._position_end_3z5m2_gg_:after{bottom:0;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_3z5m2_gg_.__topOffset_3z5m2_gg_:before{top:var(--topOffset_3z5m2)}.___SShadowVertical_3z5m2_gg_.__bottomOffset_3z5m2_gg_:after{bottom:var(--bottomOffset_3z5m2)}.___SContainer_3z5m2_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_3z5m2_gg_::-webkit-scrollbar{display:none}.___SContainer_3z5m2_gg_.__keyboardFocused_3z5m2_gg_:focus::after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;top:var(--focusRingTopOffset_3z5m2);right:var(--focusRingRightOffset_3z5m2);bottom:var(--focusRingBottomOffset_3z5m2);left:var(--focusRingLeftOffset_3z5m2);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__*/, "3z5m2_gg_") /*__reshadow_css_end__*/, {
+  "__SScrollArea": "___SScrollArea_3z5m2_gg_",
+  "__SShadowHorizontal": "___SShadowHorizontal_3z5m2_gg_",
+  "_leftOffset": "__leftOffset_3z5m2_gg_",
+  "--leftOffset": "--leftOffset_3z5m2",
+  "_rightOffset": "__rightOffset_3z5m2_gg_",
+  "--rightOffset": "--rightOffset_3z5m2",
+  "__SShadowVertical": "___SShadowVertical_3z5m2_gg_",
+  "_topOffset": "__topOffset_3z5m2_gg_",
+  "--topOffset": "--topOffset_3z5m2",
+  "_bottomOffset": "__bottomOffset_3z5m2_gg_",
+  "--bottomOffset": "--bottomOffset_3z5m2",
+  "__SContainer": "___SContainer_3z5m2_gg_",
+  "_keyboardFocused": "__keyboardFocused_3z5m2_gg_",
+  "--focusRingTopOffset": "--focusRingTopOffset_3z5m2",
+  "--focusRingRightOffset": "--focusRingRightOffset_3z5m2",
+  "--focusRingBottomOffset": "--focusRingBottomOffset_3z5m2",
+  "--focusRingLeftOffset": "--focusRingLeftOffset_3z5m2",
+  "_position_median": "_position_median_3z5m2_gg_",
+  "_position_start": "_position_start_3z5m2_gg_",
+  "_position_end": "_position_end_3z5m2_gg_"
 });
@@ -56,0 +56,0 @@ var eventCalculate = undefined;

lib/cjs/ScrollBar.js

@@ -24,8 +24,8 @@ "use strict";
 /*__reshadow-styles__:"./style/scroll-bar.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SScrollBar_9xdma_gg_{position:absolute;display:flex}.___SScrollBar_9xdma_gg_._orientation_vertical_9xdma_gg_{top:var(--intergalactic-spacing-1x, 4px);right:0;width:8px;height:calc(100% - var(--offsetSum_9xdma) - var(--intergalactic-spacing-2x, 8px));justify-content:center}.___SScrollBar_9xdma_gg_._orientation_horizontal_9xdma_gg_{bottom:0;height:12px;align-items:center;width:calc(100% - var(--offsetSum_9xdma) - var(--intergalactic-spacing-2x, 8px))}.___SSlider_9xdma_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__*/, "9xdma_gg_") /*__reshadow_css_end__*/, {
-  "__SScrollBar": "___SScrollBar_9xdma_gg_",
-  "_orientation_vertical": "_orientation_vertical_9xdma_gg_",
-  "--offsetSum": "--offsetSum_9xdma",
-  "_orientation_horizontal": "_orientation_horizontal_9xdma_gg_",
-  "__SSlider": "___SSlider_9xdma_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SScrollBar_1qwly_gg_{position:absolute;display:flex}.___SScrollBar_1qwly_gg_._orientation_vertical_1qwly_gg_{top:var(--intergalactic-spacing-1x, 4px);right:0;width:8px;height:calc(100% - var(--offsetSum_1qwly) - var(--intergalactic-spacing-2x, 8px));justify-content:center}.___SScrollBar_1qwly_gg_._orientation_horizontal_1qwly_gg_{bottom:0;height:12px;align-items:center;width:calc(100% - var(--offsetSum_1qwly) - var(--intergalactic-spacing-2x, 8px))}.___SSlider_1qwly_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__*/, "1qwly_gg_") /*__reshadow_css_end__*/, {
+  "__SScrollBar": "___SScrollBar_1qwly_gg_",
+  "_orientation_vertical": "_orientation_vertical_1qwly_gg_",
+  "--offsetSum": "--offsetSum_1qwly",
+  "_orientation_horizontal": "_orientation_horizontal_1qwly_gg_",
+  "__SSlider": "___SSlider_1qwly_gg_"
 });
@@ -32,0 +32,0 @@ var DEFAULT_SLIDER_SIZE = 50;

lib/es6/ScrollArea.js

@@ -27,23 +27,23 @@ import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 /*__reshadow-styles__:"./style/scroll-area.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScrollArea_78n6k_gg_{position:relative;width:100%;height:100%}.___SShadowHorizontal_78n6k_gg_:after,.___SShadowHorizontal_78n6k_gg_:before,.___SShadowVertical_78n6k_gg_:after,.___SShadowVertical_78n6k_gg_:before{content:\"\";position:absolute;pointer-events:none}.___SShadowHorizontal_78n6k_gg_:after,.___SShadowHorizontal_78n6k_gg_:before{top:0;display:block;width:5px;height:100%}.___SShadowHorizontal_78n6k_gg_._position_median_78n6k_gg_:before{left:0;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_78n6k_gg_._position_median_78n6k_gg_:after{right:0;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_78n6k_gg_._position_start_78n6k_gg_:before{left:0;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_78n6k_gg_._position_end_78n6k_gg_:after{right:0;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_78n6k_gg_.__leftOffset_78n6k_gg_:before{left:var(--leftOffset_78n6k)}.___SShadowHorizontal_78n6k_gg_.__rightOffset_78n6k_gg_:after{right:var(--rightOffset_78n6k)}.___SShadowVertical_78n6k_gg_:after,.___SShadowVertical_78n6k_gg_:before{left:0;display:block;width:100%;height:5px}.___SShadowVertical_78n6k_gg_._position_median_78n6k_gg_:before{top:0;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_78n6k_gg_._position_median_78n6k_gg_:after{bottom:0;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_78n6k_gg_._position_start_78n6k_gg_:before{top:0;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_78n6k_gg_._position_end_78n6k_gg_:after{bottom:0;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_78n6k_gg_.__topOffset_78n6k_gg_:before{top:var(--topOffset_78n6k)}.___SShadowVertical_78n6k_gg_.__bottomOffset_78n6k_gg_:after{bottom:var(--bottomOffset_78n6k)}.___SContainer_78n6k_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_78n6k_gg_::-webkit-scrollbar{display:none}.___SContainer_78n6k_gg_.__keyboardFocused_78n6k_gg_:focus::after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;top:var(--focusRingTopOffset_78n6k);right:var(--focusRingRightOffset_78n6k);bottom:var(--focusRingBottomOffset_78n6k);left:var(--focusRingLeftOffset_78n6k);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__*/, "78n6k_gg_") /*__reshadow_css_end__*/, {
-  "__SScrollArea": "___SScrollArea_78n6k_gg_",
-  "__SShadowHorizontal": "___SShadowHorizontal_78n6k_gg_",
-  "_leftOffset": "__leftOffset_78n6k_gg_",
-  "--leftOffset": "--leftOffset_78n6k",
-  "_rightOffset": "__rightOffset_78n6k_gg_",
-  "--rightOffset": "--rightOffset_78n6k",
-  "__SShadowVertical": "___SShadowVertical_78n6k_gg_",
-  "_topOffset": "__topOffset_78n6k_gg_",
-  "--topOffset": "--topOffset_78n6k",
-  "_bottomOffset": "__bottomOffset_78n6k_gg_",
-  "--bottomOffset": "--bottomOffset_78n6k",
-  "__SContainer": "___SContainer_78n6k_gg_",
-  "_keyboardFocused": "__keyboardFocused_78n6k_gg_",
-  "--focusRingTopOffset": "--focusRingTopOffset_78n6k",
-  "--focusRingRightOffset": "--focusRingRightOffset_78n6k",
-  "--focusRingBottomOffset": "--focusRingBottomOffset_78n6k",
-  "--focusRingLeftOffset": "--focusRingLeftOffset_78n6k",
-  "_position_median": "_position_median_78n6k_gg_",
-  "_position_start": "_position_start_78n6k_gg_",
-  "_position_end": "_position_end_78n6k_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScrollArea_3z5m2_gg_{position:relative;width:100%;height:100%}.___SShadowHorizontal_3z5m2_gg_:after,.___SShadowHorizontal_3z5m2_gg_:before,.___SShadowVertical_3z5m2_gg_:after,.___SShadowVertical_3z5m2_gg_:before{content:\"\";position:absolute;pointer-events:none}.___SShadowHorizontal_3z5m2_gg_:after,.___SShadowHorizontal_3z5m2_gg_:before{top:0;display:block;width:5px;height:100%}.___SShadowHorizontal_3z5m2_gg_._position_median_3z5m2_gg_:before{left:0;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_3z5m2_gg_._position_median_3z5m2_gg_:after{right:0;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_3z5m2_gg_._position_start_3z5m2_gg_:before{left:0;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_3z5m2_gg_._position_end_3z5m2_gg_:after{right:0;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_3z5m2_gg_.__leftOffset_3z5m2_gg_:before{left:var(--leftOffset_3z5m2)}.___SShadowHorizontal_3z5m2_gg_.__rightOffset_3z5m2_gg_:after{right:var(--rightOffset_3z5m2)}.___SShadowVertical_3z5m2_gg_:after,.___SShadowVertical_3z5m2_gg_:before{left:0;display:block;width:100%;height:5px}.___SShadowVertical_3z5m2_gg_._position_median_3z5m2_gg_:before{top:0;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_3z5m2_gg_._position_median_3z5m2_gg_:after{bottom:0;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_3z5m2_gg_._position_start_3z5m2_gg_:before{top:0;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_3z5m2_gg_._position_end_3z5m2_gg_:after{bottom:0;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_3z5m2_gg_.__topOffset_3z5m2_gg_:before{top:var(--topOffset_3z5m2)}.___SShadowVertical_3z5m2_gg_.__bottomOffset_3z5m2_gg_:after{bottom:var(--bottomOffset_3z5m2)}.___SContainer_3z5m2_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_3z5m2_gg_::-webkit-scrollbar{display:none}.___SContainer_3z5m2_gg_.__keyboardFocused_3z5m2_gg_:focus::after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;top:var(--focusRingTopOffset_3z5m2);right:var(--focusRingRightOffset_3z5m2);bottom:var(--focusRingBottomOffset_3z5m2);left:var(--focusRingLeftOffset_3z5m2);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__*/, "3z5m2_gg_") /*__reshadow_css_end__*/, {
+  "__SScrollArea": "___SScrollArea_3z5m2_gg_",
+  "__SShadowHorizontal": "___SShadowHorizontal_3z5m2_gg_",
+  "_leftOffset": "__leftOffset_3z5m2_gg_",
+  "--leftOffset": "--leftOffset_3z5m2",
+  "_rightOffset": "__rightOffset_3z5m2_gg_",
+  "--rightOffset": "--rightOffset_3z5m2",
+  "__SShadowVertical": "___SShadowVertical_3z5m2_gg_",
+  "_topOffset": "__topOffset_3z5m2_gg_",
+  "--topOffset": "--topOffset_3z5m2",
+  "_bottomOffset": "__bottomOffset_3z5m2_gg_",
+  "--bottomOffset": "--bottomOffset_3z5m2",
+  "__SContainer": "___SContainer_3z5m2_gg_",
+  "_keyboardFocused": "__keyboardFocused_3z5m2_gg_",
+  "--focusRingTopOffset": "--focusRingTopOffset_3z5m2",
+  "--focusRingRightOffset": "--focusRingRightOffset_3z5m2",
+  "--focusRingBottomOffset": "--focusRingBottomOffset_3z5m2",
+  "--focusRingLeftOffset": "--focusRingLeftOffset_3z5m2",
+  "_position_median": "_position_median_3z5m2_gg_",
+  "_position_start": "_position_start_3z5m2_gg_",
+  "_position_end": "_position_end_3z5m2_gg_"
 });
@@ -50,0 +50,0 @@ var eventCalculate = undefined;

lib/es6/ScrollBar.js

@@ -18,8 +18,8 @@ import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 /*__reshadow-styles__:"./style/scroll-bar.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScrollBar_9xdma_gg_{position:absolute;display:flex}.___SScrollBar_9xdma_gg_._orientation_vertical_9xdma_gg_{top:var(--intergalactic-spacing-1x, 4px);right:0;width:8px;height:calc(100% - var(--offsetSum_9xdma) - var(--intergalactic-spacing-2x, 8px));justify-content:center}.___SScrollBar_9xdma_gg_._orientation_horizontal_9xdma_gg_{bottom:0;height:12px;align-items:center;width:calc(100% - var(--offsetSum_9xdma) - var(--intergalactic-spacing-2x, 8px))}.___SSlider_9xdma_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__*/, "9xdma_gg_") /*__reshadow_css_end__*/, {
-  "__SScrollBar": "___SScrollBar_9xdma_gg_",
-  "_orientation_vertical": "_orientation_vertical_9xdma_gg_",
-  "--offsetSum": "--offsetSum_9xdma",
-  "_orientation_horizontal": "_orientation_horizontal_9xdma_gg_",
-  "__SSlider": "___SSlider_9xdma_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScrollBar_1qwly_gg_{position:absolute;display:flex}.___SScrollBar_1qwly_gg_._orientation_vertical_1qwly_gg_{top:var(--intergalactic-spacing-1x, 4px);right:0;width:8px;height:calc(100% - var(--offsetSum_1qwly) - var(--intergalactic-spacing-2x, 8px));justify-content:center}.___SScrollBar_1qwly_gg_._orientation_horizontal_1qwly_gg_{bottom:0;height:12px;align-items:center;width:calc(100% - var(--offsetSum_1qwly) - var(--intergalactic-spacing-2x, 8px))}.___SSlider_1qwly_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__*/, "1qwly_gg_") /*__reshadow_css_end__*/, {
+  "__SScrollBar": "___SScrollBar_1qwly_gg_",
+  "_orientation_vertical": "_orientation_vertical_1qwly_gg_",
+  "--offsetSum": "--offsetSum_1qwly",
+  "_orientation_horizontal": "_orientation_horizontal_1qwly_gg_",
+  "__SSlider": "___SSlider_1qwly_gg_"
 });
@@ -26,0 +26,0 @@ export var DEFAULT_SLIDER_SIZE = 50;

package.json

 {
   "name": "@semcore/scroll-area",
   "description": "Semrush ScrollArea Component",
-  "version": "5.27.2",
+  "version": "5.28.0-prerelease.3",
   "main": "lib/cjs/index.js",
@@ -12,7 +12,7 @@ "module": "lib/es6/index.js",
   "dependencies": {
-    "@semcore/utils": "4.26.3",
-    "@semcore/flex-box": "5.25.2"
+    "@semcore/utils": "4.27.0-prerelease.3",
+    "@semcore/flex-box": "5.26.0-prerelease.3"
   },
   "peerDependencies": {
-    "@semcore/core": "^2.17.5",
+    "@semcore/core": "^2.24.0-prerelease.3",
     "react": "16.8 - 18",
@@ -19,0 +19,0 @@ "react-dom": "16.8 - 18"

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

230639

increased by0.02%

Worsened metrics

Number of low quality alerts

2

increased by100%

Dependency changes

• + Added@semcore/flex-box@5.26.0-prerelease.3(transitive)

• + Added@semcore/utils@4.27.0-prerelease.3(transitive)

• - Removed@semcore/flex-box@5.25.2(transitive)

• - Removed@semcore/utils@4.26.3(transitive)

• Updated@semcore/flex-box@5.26.0-prerelease.3

• Updated@semcore/utils@4.27.0-prerelease.3