@semcore/scroll-area - npm Package Compare versions

Comparing version 5.30.0 to 5.30.1-prerelease.0

CHANGELOG.md

@@ -5,2 +5,8 @@ # Changelog
 
+## [5.30.1] - 2024-06-10
+
+### Fixed
+
+- Auto resizing for `ScrollArea` should work only if pass prop `wMax` or `hMax` to the container.
+
 ## [5.30.0] - 2024-05-29
@@ -7,0 +13,0 @@

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_15xg1_gg_{position:relative;width:100%;height:100%}.___SShadowHorizontal_15xg1_gg_:after,.___SShadowHorizontal_15xg1_gg_:before,.___SShadowVertical_15xg1_gg_:after,.___SShadowVertical_15xg1_gg_:before{content:\"\";position:absolute;display:none;pointer-events:none}.___SShadowHorizontal_15xg1_gg_:after,.___SShadowHorizontal_15xg1_gg_:before{top:0;width:5px;height:100%}.___SShadowHorizontal_15xg1_gg_._position_median_15xg1_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_15xg1_gg_._position_median_15xg1_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_15xg1_gg_._position_start_15xg1_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_15xg1_gg_._position_end_15xg1_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_15xg1_gg_.__leftOffset_15xg1_gg_:before{left:var(--leftOffset_15xg1)}.___SShadowHorizontal_15xg1_gg_.__rightOffset_15xg1_gg_:after{right:var(--rightOffset_15xg1)}.___SShadowVertical_15xg1_gg_:after,.___SShadowVertical_15xg1_gg_:before{left:0;width:100%;height:5px}.___SShadowVertical_15xg1_gg_._position_median_15xg1_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_15xg1_gg_._position_median_15xg1_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_15xg1_gg_._position_start_15xg1_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_15xg1_gg_._position_end_15xg1_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_15xg1_gg_.__topOffset_15xg1_gg_:before{top:var(--topOffset_15xg1)}.___SShadowVertical_15xg1_gg_.__bottomOffset_15xg1_gg_:after{bottom:var(--bottomOffset_15xg1)}.___SContainer_15xg1_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_15xg1_gg_::-webkit-scrollbar{display:none}.___SContainer_15xg1_gg_.__keyboardFocused_15xg1_gg_:focus::after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;top:var(--focusRingTopOffset_15xg1);right:var(--focusRingRightOffset_15xg1);bottom:var(--focusRingBottomOffset_15xg1);left:var(--focusRingLeftOffset_15xg1);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__*/, "15xg1_gg_") /*__reshadow_css_end__*/, {
-  "__SScrollArea": "___SScrollArea_15xg1_gg_",
-  "__SShadowHorizontal": "___SShadowHorizontal_15xg1_gg_",
-  "_leftOffset": "__leftOffset_15xg1_gg_",
-  "--leftOffset": "--leftOffset_15xg1",
-  "_rightOffset": "__rightOffset_15xg1_gg_",
-  "--rightOffset": "--rightOffset_15xg1",
-  "__SShadowVertical": "___SShadowVertical_15xg1_gg_",
-  "_topOffset": "__topOffset_15xg1_gg_",
-  "--topOffset": "--topOffset_15xg1",
-  "_bottomOffset": "__bottomOffset_15xg1_gg_",
-  "--bottomOffset": "--bottomOffset_15xg1",
-  "__SContainer": "___SContainer_15xg1_gg_",
-  "_keyboardFocused": "__keyboardFocused_15xg1_gg_",
-  "--focusRingTopOffset": "--focusRingTopOffset_15xg1",
-  "--focusRingRightOffset": "--focusRingRightOffset_15xg1",
-  "--focusRingBottomOffset": "--focusRingBottomOffset_15xg1",
-  "--focusRingLeftOffset": "--focusRingLeftOffset_15xg1",
-  "_position_median": "_position_median_15xg1_gg_",
-  "_position_start": "_position_start_15xg1_gg_",
-  "_position_end": "_position_end_15xg1_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SScrollArea_dh5bd_gg_{position:relative;width:100%;height:100%}.___SShadowHorizontal_dh5bd_gg_:after,.___SShadowHorizontal_dh5bd_gg_:before,.___SShadowVertical_dh5bd_gg_:after,.___SShadowVertical_dh5bd_gg_:before{content:\"\";position:absolute;display:none;pointer-events:none}.___SShadowHorizontal_dh5bd_gg_:after,.___SShadowHorizontal_dh5bd_gg_:before{top:0;width:5px;height:100%}.___SShadowHorizontal_dh5bd_gg_._position_median_dh5bd_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_dh5bd_gg_._position_median_dh5bd_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_dh5bd_gg_._position_start_dh5bd_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_dh5bd_gg_._position_end_dh5bd_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_dh5bd_gg_.__leftOffset_dh5bd_gg_:before{left:var(--leftOffset_dh5bd)}.___SShadowHorizontal_dh5bd_gg_.__rightOffset_dh5bd_gg_:after{right:var(--rightOffset_dh5bd)}.___SShadowVertical_dh5bd_gg_:after,.___SShadowVertical_dh5bd_gg_:before{left:0;width:100%;height:5px}.___SShadowVertical_dh5bd_gg_._position_median_dh5bd_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_dh5bd_gg_._position_median_dh5bd_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_dh5bd_gg_._position_start_dh5bd_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_dh5bd_gg_._position_end_dh5bd_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_dh5bd_gg_.__topOffset_dh5bd_gg_:before{top:var(--topOffset_dh5bd)}.___SShadowVertical_dh5bd_gg_.__bottomOffset_dh5bd_gg_:after{bottom:var(--bottomOffset_dh5bd)}.___SContainer_dh5bd_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_dh5bd_gg_::-webkit-scrollbar{display:none}.___SContainer_dh5bd_gg_.__keyboardFocused_dh5bd_gg_:focus::after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;top:var(--focusRingTopOffset_dh5bd);right:var(--focusRingRightOffset_dh5bd);bottom:var(--focusRingBottomOffset_dh5bd);left:var(--focusRingLeftOffset_dh5bd);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__*/, "dh5bd_gg_") /*__reshadow_css_end__*/, {
+  "__SScrollArea": "___SScrollArea_dh5bd_gg_",
+  "__SShadowHorizontal": "___SShadowHorizontal_dh5bd_gg_",
+  "_leftOffset": "__leftOffset_dh5bd_gg_",
+  "--leftOffset": "--leftOffset_dh5bd",
+  "_rightOffset": "__rightOffset_dh5bd_gg_",
+  "--rightOffset": "--rightOffset_dh5bd",
+  "__SShadowVertical": "___SShadowVertical_dh5bd_gg_",
+  "_topOffset": "__topOffset_dh5bd_gg_",
+  "--topOffset": "--topOffset_dh5bd",
+  "_bottomOffset": "__bottomOffset_dh5bd_gg_",
+  "--bottomOffset": "--bottomOffset_dh5bd",
+  "__SContainer": "___SContainer_dh5bd_gg_",
+  "_keyboardFocused": "__keyboardFocused_dh5bd_gg_",
+  "--focusRingTopOffset": "--focusRingTopOffset_dh5bd",
+  "--focusRingRightOffset": "--focusRingRightOffset_dh5bd",
+  "--focusRingBottomOffset": "--focusRingBottomOffset_dh5bd",
+  "--focusRingLeftOffset": "--focusRingLeftOffset_dh5bd",
+  "_position_median": "_position_median_dh5bd_gg_",
+  "_position_start": "_position_start_dh5bd_gg_",
+  "_position_end": "_position_end_dh5bd_gg_"
 });
@@ -223,3 +223,3 @@ var eventCalculate = undefined;
       if (maxWidth) {
-        if (parent.scrollWidth > parentRect.width) {
+        if (wMax && parent.scrollWidth > parentRect.width) {
           var diff = parent.scrollWidth - parentRect.width;
@@ -238,3 +238,3 @@ if (diff < maxWidth) {
       if (maxHeight) {
-        if (parent.scrollHeight > parentRect.height) {
+        if (hMax && parent.scrollHeight > parentRect.height) {
           var _diff = parent.scrollHeight - parentRect.height;
@@ -241,0 +241,0 @@ if (_diff < maxHeight) {

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_s15o7_gg_{position:absolute;display:flex}.___SScrollBar_s15o7_gg_._orientation_vertical_s15o7_gg_{top:var(--intergalactic-spacing-1x, 4px);right:0;width:8px;height:calc(100% - var(--offsetSum_s15o7) - var(--intergalactic-spacing-2x, 8px));justify-content:center}.___SScrollBar_s15o7_gg_._orientation_horizontal_s15o7_gg_{bottom:0;height:12px;align-items:center;width:calc(100% - var(--offsetSum_s15o7) - var(--intergalactic-spacing-2x, 8px))}.___SSlider_s15o7_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__*/, "s15o7_gg_") /*__reshadow_css_end__*/, {
-  "__SScrollBar": "___SScrollBar_s15o7_gg_",
-  "_orientation_vertical": "_orientation_vertical_s15o7_gg_",
-  "--offsetSum": "--offsetSum_s15o7",
-  "_orientation_horizontal": "_orientation_horizontal_s15o7_gg_",
-  "__SSlider": "___SSlider_s15o7_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SScrollBar_sjk4y_gg_{position:absolute;display:flex}.___SScrollBar_sjk4y_gg_._orientation_vertical_sjk4y_gg_{top:var(--intergalactic-spacing-1x, 4px);right:0;width:8px;height:calc(100% - var(--offsetSum_sjk4y) - var(--intergalactic-spacing-2x, 8px));justify-content:center}.___SScrollBar_sjk4y_gg_._orientation_horizontal_sjk4y_gg_{bottom:0;height:12px;align-items:center;width:calc(100% - var(--offsetSum_sjk4y) - var(--intergalactic-spacing-2x, 8px))}.___SSlider_sjk4y_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__*/, "sjk4y_gg_") /*__reshadow_css_end__*/, {
+  "__SScrollBar": "___SScrollBar_sjk4y_gg_",
+  "_orientation_vertical": "_orientation_vertical_sjk4y_gg_",
+  "--offsetSum": "--offsetSum_sjk4y",
+  "_orientation_horizontal": "_orientation_horizontal_sjk4y_gg_",
+  "__SSlider": "___SSlider_sjk4y_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_15xg1_gg_{position:relative;width:100%;height:100%}.___SShadowHorizontal_15xg1_gg_:after,.___SShadowHorizontal_15xg1_gg_:before,.___SShadowVertical_15xg1_gg_:after,.___SShadowVertical_15xg1_gg_:before{content:\"\";position:absolute;display:none;pointer-events:none}.___SShadowHorizontal_15xg1_gg_:after,.___SShadowHorizontal_15xg1_gg_:before{top:0;width:5px;height:100%}.___SShadowHorizontal_15xg1_gg_._position_median_15xg1_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_15xg1_gg_._position_median_15xg1_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_15xg1_gg_._position_start_15xg1_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_15xg1_gg_._position_end_15xg1_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_15xg1_gg_.__leftOffset_15xg1_gg_:before{left:var(--leftOffset_15xg1)}.___SShadowHorizontal_15xg1_gg_.__rightOffset_15xg1_gg_:after{right:var(--rightOffset_15xg1)}.___SShadowVertical_15xg1_gg_:after,.___SShadowVertical_15xg1_gg_:before{left:0;width:100%;height:5px}.___SShadowVertical_15xg1_gg_._position_median_15xg1_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_15xg1_gg_._position_median_15xg1_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_15xg1_gg_._position_start_15xg1_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_15xg1_gg_._position_end_15xg1_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_15xg1_gg_.__topOffset_15xg1_gg_:before{top:var(--topOffset_15xg1)}.___SShadowVertical_15xg1_gg_.__bottomOffset_15xg1_gg_:after{bottom:var(--bottomOffset_15xg1)}.___SContainer_15xg1_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_15xg1_gg_::-webkit-scrollbar{display:none}.___SContainer_15xg1_gg_.__keyboardFocused_15xg1_gg_:focus::after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;top:var(--focusRingTopOffset_15xg1);right:var(--focusRingRightOffset_15xg1);bottom:var(--focusRingBottomOffset_15xg1);left:var(--focusRingLeftOffset_15xg1);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__*/, "15xg1_gg_") /*__reshadow_css_end__*/, {
-  "__SScrollArea": "___SScrollArea_15xg1_gg_",
-  "__SShadowHorizontal": "___SShadowHorizontal_15xg1_gg_",
-  "_leftOffset": "__leftOffset_15xg1_gg_",
-  "--leftOffset": "--leftOffset_15xg1",
-  "_rightOffset": "__rightOffset_15xg1_gg_",
-  "--rightOffset": "--rightOffset_15xg1",
-  "__SShadowVertical": "___SShadowVertical_15xg1_gg_",
-  "_topOffset": "__topOffset_15xg1_gg_",
-  "--topOffset": "--topOffset_15xg1",
-  "_bottomOffset": "__bottomOffset_15xg1_gg_",
-  "--bottomOffset": "--bottomOffset_15xg1",
-  "__SContainer": "___SContainer_15xg1_gg_",
-  "_keyboardFocused": "__keyboardFocused_15xg1_gg_",
-  "--focusRingTopOffset": "--focusRingTopOffset_15xg1",
-  "--focusRingRightOffset": "--focusRingRightOffset_15xg1",
-  "--focusRingBottomOffset": "--focusRingBottomOffset_15xg1",
-  "--focusRingLeftOffset": "--focusRingLeftOffset_15xg1",
-  "_position_median": "_position_median_15xg1_gg_",
-  "_position_start": "_position_start_15xg1_gg_",
-  "_position_end": "_position_end_15xg1_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScrollArea_dh5bd_gg_{position:relative;width:100%;height:100%}.___SShadowHorizontal_dh5bd_gg_:after,.___SShadowHorizontal_dh5bd_gg_:before,.___SShadowVertical_dh5bd_gg_:after,.___SShadowVertical_dh5bd_gg_:before{content:\"\";position:absolute;display:none;pointer-events:none}.___SShadowHorizontal_dh5bd_gg_:after,.___SShadowHorizontal_dh5bd_gg_:before{top:0;width:5px;height:100%}.___SShadowHorizontal_dh5bd_gg_._position_median_dh5bd_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_dh5bd_gg_._position_median_dh5bd_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_dh5bd_gg_._position_start_dh5bd_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_dh5bd_gg_._position_end_dh5bd_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_dh5bd_gg_.__leftOffset_dh5bd_gg_:before{left:var(--leftOffset_dh5bd)}.___SShadowHorizontal_dh5bd_gg_.__rightOffset_dh5bd_gg_:after{right:var(--rightOffset_dh5bd)}.___SShadowVertical_dh5bd_gg_:after,.___SShadowVertical_dh5bd_gg_:before{left:0;width:100%;height:5px}.___SShadowVertical_dh5bd_gg_._position_median_dh5bd_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_dh5bd_gg_._position_median_dh5bd_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_dh5bd_gg_._position_start_dh5bd_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_dh5bd_gg_._position_end_dh5bd_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_dh5bd_gg_.__topOffset_dh5bd_gg_:before{top:var(--topOffset_dh5bd)}.___SShadowVertical_dh5bd_gg_.__bottomOffset_dh5bd_gg_:after{bottom:var(--bottomOffset_dh5bd)}.___SContainer_dh5bd_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_dh5bd_gg_::-webkit-scrollbar{display:none}.___SContainer_dh5bd_gg_.__keyboardFocused_dh5bd_gg_:focus::after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;top:var(--focusRingTopOffset_dh5bd);right:var(--focusRingRightOffset_dh5bd);bottom:var(--focusRingBottomOffset_dh5bd);left:var(--focusRingLeftOffset_dh5bd);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__*/, "dh5bd_gg_") /*__reshadow_css_end__*/, {
+  "__SScrollArea": "___SScrollArea_dh5bd_gg_",
+  "__SShadowHorizontal": "___SShadowHorizontal_dh5bd_gg_",
+  "_leftOffset": "__leftOffset_dh5bd_gg_",
+  "--leftOffset": "--leftOffset_dh5bd",
+  "_rightOffset": "__rightOffset_dh5bd_gg_",
+  "--rightOffset": "--rightOffset_dh5bd",
+  "__SShadowVertical": "___SShadowVertical_dh5bd_gg_",
+  "_topOffset": "__topOffset_dh5bd_gg_",
+  "--topOffset": "--topOffset_dh5bd",
+  "_bottomOffset": "__bottomOffset_dh5bd_gg_",
+  "--bottomOffset": "--bottomOffset_dh5bd",
+  "__SContainer": "___SContainer_dh5bd_gg_",
+  "_keyboardFocused": "__keyboardFocused_dh5bd_gg_",
+  "--focusRingTopOffset": "--focusRingTopOffset_dh5bd",
+  "--focusRingRightOffset": "--focusRingRightOffset_dh5bd",
+  "--focusRingBottomOffset": "--focusRingBottomOffset_dh5bd",
+  "--focusRingLeftOffset": "--focusRingLeftOffset_dh5bd",
+  "_position_median": "_position_median_dh5bd_gg_",
+  "_position_start": "_position_start_dh5bd_gg_",
+  "_position_end": "_position_end_dh5bd_gg_"
 });
@@ -216,3 +216,3 @@ var eventCalculate = undefined;
       if (maxWidth) {
-        if (parent.scrollWidth > parentRect.width) {
+        if (wMax && parent.scrollWidth > parentRect.width) {
           var diff = parent.scrollWidth - parentRect.width;
@@ -231,3 +231,3 @@ if (diff < maxWidth) {
       if (maxHeight) {
-        if (parent.scrollHeight > parentRect.height) {
+        if (hMax && parent.scrollHeight > parentRect.height) {
           var _diff = parent.scrollHeight - parentRect.height;
@@ -234,0 +234,0 @@ if (_diff < maxHeight) {

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_s15o7_gg_{position:absolute;display:flex}.___SScrollBar_s15o7_gg_._orientation_vertical_s15o7_gg_{top:var(--intergalactic-spacing-1x, 4px);right:0;width:8px;height:calc(100% - var(--offsetSum_s15o7) - var(--intergalactic-spacing-2x, 8px));justify-content:center}.___SScrollBar_s15o7_gg_._orientation_horizontal_s15o7_gg_{bottom:0;height:12px;align-items:center;width:calc(100% - var(--offsetSum_s15o7) - var(--intergalactic-spacing-2x, 8px))}.___SSlider_s15o7_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__*/, "s15o7_gg_") /*__reshadow_css_end__*/, {
-  "__SScrollBar": "___SScrollBar_s15o7_gg_",
-  "_orientation_vertical": "_orientation_vertical_s15o7_gg_",
-  "--offsetSum": "--offsetSum_s15o7",
-  "_orientation_horizontal": "_orientation_horizontal_s15o7_gg_",
-  "__SSlider": "___SSlider_s15o7_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScrollBar_sjk4y_gg_{position:absolute;display:flex}.___SScrollBar_sjk4y_gg_._orientation_vertical_sjk4y_gg_{top:var(--intergalactic-spacing-1x, 4px);right:0;width:8px;height:calc(100% - var(--offsetSum_sjk4y) - var(--intergalactic-spacing-2x, 8px));justify-content:center}.___SScrollBar_sjk4y_gg_._orientation_horizontal_sjk4y_gg_{bottom:0;height:12px;align-items:center;width:calc(100% - var(--offsetSum_sjk4y) - var(--intergalactic-spacing-2x, 8px))}.___SSlider_sjk4y_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__*/, "sjk4y_gg_") /*__reshadow_css_end__*/, {
+  "__SScrollBar": "___SScrollBar_sjk4y_gg_",
+  "_orientation_vertical": "_orientation_vertical_sjk4y_gg_",
+  "--offsetSum": "--offsetSum_sjk4y",
+  "_orientation_horizontal": "_orientation_horizontal_sjk4y_gg_",
+  "__SSlider": "___SSlider_sjk4y_gg_"
 });
@@ -26,0 +26,0 @@ export var DEFAULT_SLIDER_SIZE = 50;

package.json

 {
   "name": "@semcore/scroll-area",
   "description": "Semrush ScrollArea Component",
-  "version": "5.30.0",
+  "version": "5.30.1-prerelease.0",
   "main": "lib/cjs/index.js",
@@ -6,0 +6,0 @@ "module": "lib/es6/index.js",

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

240572

increased by0.11%

Worsened metrics

Number of low quality alerts

2

increased by100%

No dependency changes