Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@semcore/scroll-area

Package Overview
Dependencies
Maintainers
2
Versions
295
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@semcore/scroll-area - npm Package Compare versions

Comparing version 5.42.0 to 5.42.1-prerelease.0

6

CHANGELOG.md

@@ -5,2 +5,8 @@ # Changelog

## [5.42.1] - 2024-11-08
### Changed
- Version patch update due to children dependencies update (`@semcore/utils` [4.43.0 ~> 4.43.2], `@semcore/flex-box` [5.38.0 ~> 5.38.1], `@semcore/core` [2.36.0 ~> 2.36.1]).
## [5.42.0] - 2024-11-01

@@ -7,0 +13,0 @@

42

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_t9rhf_gg_{position:relative;width:100%;height:100%}.___SShadowHorizontal_t9rhf_gg_:after,.___SShadowHorizontal_t9rhf_gg_:before,.___SShadowVertical_t9rhf_gg_:after,.___SShadowVertical_t9rhf_gg_:before{content:\"\";position:absolute;display:none;pointer-events:none}.___SShadowHorizontal_t9rhf_gg_:after,.___SShadowHorizontal_t9rhf_gg_:before{top:0;width:5px;height:100%}.___SShadowHorizontal_t9rhf_gg_._position_median_t9rhf_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_t9rhf_gg_._position_median_t9rhf_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_t9rhf_gg_._position_start_t9rhf_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_t9rhf_gg_._position_end_t9rhf_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_t9rhf_gg_.__leftOffset_t9rhf_gg_:before{left:var(--leftOffset_t9rhf)}.___SShadowHorizontal_t9rhf_gg_.__rightOffset_t9rhf_gg_:after{right:var(--rightOffset_t9rhf)}.___SShadowVertical_t9rhf_gg_:after,.___SShadowVertical_t9rhf_gg_:before{left:0;width:100%;height:5px}.___SShadowVertical_t9rhf_gg_._position_median_t9rhf_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_t9rhf_gg_._position_median_t9rhf_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_t9rhf_gg_._position_start_t9rhf_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_t9rhf_gg_._position_end_t9rhf_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_t9rhf_gg_.__topOffset_t9rhf_gg_:before{top:var(--topOffset_t9rhf)}.___SShadowVertical_t9rhf_gg_.__bottomOffset_t9rhf_gg_:after{bottom:var(--bottomOffset_t9rhf)}.___SContainer_t9rhf_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_t9rhf_gg_::-webkit-scrollbar{display:none}.___SContainer_t9rhf_gg_.__keyboardFocused_t9rhf_gg_:focus::after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;top:var(--focusRingTopOffset_t9rhf);right:var(--focusRingRightOffset_t9rhf);bottom:var(--focusRingBottomOffset_t9rhf);left:var(--focusRingLeftOffset_t9rhf);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__*/, "t9rhf_gg_") /*__reshadow_css_end__*/, {
"__SScrollArea": "___SScrollArea_t9rhf_gg_",
"__SShadowHorizontal": "___SShadowHorizontal_t9rhf_gg_",
"_leftOffset": "__leftOffset_t9rhf_gg_",
"--leftOffset": "--leftOffset_t9rhf",
"_rightOffset": "__rightOffset_t9rhf_gg_",
"--rightOffset": "--rightOffset_t9rhf",
"__SShadowVertical": "___SShadowVertical_t9rhf_gg_",
"_topOffset": "__topOffset_t9rhf_gg_",
"--topOffset": "--topOffset_t9rhf",
"_bottomOffset": "__bottomOffset_t9rhf_gg_",
"--bottomOffset": "--bottomOffset_t9rhf",
"__SContainer": "___SContainer_t9rhf_gg_",
"_keyboardFocused": "__keyboardFocused_t9rhf_gg_",
"--focusRingTopOffset": "--focusRingTopOffset_t9rhf",
"--focusRingRightOffset": "--focusRingRightOffset_t9rhf",
"--focusRingBottomOffset": "--focusRingBottomOffset_t9rhf",
"--focusRingLeftOffset": "--focusRingLeftOffset_t9rhf",
"_position_median": "_position_median_t9rhf_gg_",
"_position_start": "_position_start_t9rhf_gg_",
"_position_end": "_position_end_t9rhf_gg_"
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SScrollArea_1arcw_gg_{position:relative;width:100%;height:100%}.___SShadowHorizontal_1arcw_gg_:after,.___SShadowHorizontal_1arcw_gg_:before,.___SShadowVertical_1arcw_gg_:after,.___SShadowVertical_1arcw_gg_:before{content:\"\";position:absolute;display:none;pointer-events:none}.___SShadowHorizontal_1arcw_gg_:after,.___SShadowHorizontal_1arcw_gg_:before{top:0;width:5px;height:100%}.___SShadowHorizontal_1arcw_gg_._position_median_1arcw_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_1arcw_gg_._position_median_1arcw_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_1arcw_gg_._position_start_1arcw_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_1arcw_gg_._position_end_1arcw_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_1arcw_gg_.__leftOffset_1arcw_gg_:before{left:var(--leftOffset_1arcw)}.___SShadowHorizontal_1arcw_gg_.__rightOffset_1arcw_gg_:after{right:var(--rightOffset_1arcw)}.___SShadowVertical_1arcw_gg_:after,.___SShadowVertical_1arcw_gg_:before{left:0;width:100%;height:5px}.___SShadowVertical_1arcw_gg_._position_median_1arcw_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_1arcw_gg_._position_median_1arcw_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_1arcw_gg_._position_start_1arcw_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_1arcw_gg_._position_end_1arcw_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_1arcw_gg_.__topOffset_1arcw_gg_:before{top:var(--topOffset_1arcw)}.___SShadowVertical_1arcw_gg_.__bottomOffset_1arcw_gg_:after{bottom:var(--bottomOffset_1arcw)}.___SContainer_1arcw_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_1arcw_gg_::-webkit-scrollbar{display:none}.___SContainer_1arcw_gg_.__keyboardFocused_1arcw_gg_:focus::after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;top:var(--focusRingTopOffset_1arcw);right:var(--focusRingRightOffset_1arcw);bottom:var(--focusRingBottomOffset_1arcw);left:var(--focusRingLeftOffset_1arcw);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__*/, "1arcw_gg_") /*__reshadow_css_end__*/, {
"__SScrollArea": "___SScrollArea_1arcw_gg_",
"__SShadowHorizontal": "___SShadowHorizontal_1arcw_gg_",
"_leftOffset": "__leftOffset_1arcw_gg_",
"--leftOffset": "--leftOffset_1arcw",
"_rightOffset": "__rightOffset_1arcw_gg_",
"--rightOffset": "--rightOffset_1arcw",
"__SShadowVertical": "___SShadowVertical_1arcw_gg_",
"_topOffset": "__topOffset_1arcw_gg_",
"--topOffset": "--topOffset_1arcw",
"_bottomOffset": "__bottomOffset_1arcw_gg_",
"--bottomOffset": "--bottomOffset_1arcw",
"__SContainer": "___SContainer_1arcw_gg_",
"_keyboardFocused": "__keyboardFocused_1arcw_gg_",
"--focusRingTopOffset": "--focusRingTopOffset_1arcw",
"--focusRingRightOffset": "--focusRingRightOffset_1arcw",
"--focusRingBottomOffset": "--focusRingBottomOffset_1arcw",
"--focusRingLeftOffset": "--focusRingLeftOffset_1arcw",
"_position_median": "_position_median_1arcw_gg_",
"_position_start": "_position_start_1arcw_gg_",
"_position_end": "_position_end_1arcw_gg_"
});

@@ -56,0 +56,0 @@ var eventCalculate = undefined;

@@ -25,8 +25,8 @@ "use strict";

/*__reshadow-styles__:"./style/scroll-bar.shadow.css"*/
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SScrollBar_zc8kn_gg_{position:absolute;display:flex}.___SScrollBar_zc8kn_gg_._orientation_vertical_zc8kn_gg_{top:var(--intergalactic-spacing-1x, 4px);right:0;width:8px;height:calc(100% - var(--offsetSum_zc8kn) - var(--intergalactic-spacing-2x, 8px));justify-content:center}.___SScrollBar_zc8kn_gg_._orientation_horizontal_zc8kn_gg_{bottom:0;height:12px;align-items:center;width:calc(100% - var(--offsetSum_zc8kn) - var(--intergalactic-spacing-2x, 8px))}.___SSlider_zc8kn_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__*/, "zc8kn_gg_") /*__reshadow_css_end__*/, {
"__SScrollBar": "___SScrollBar_zc8kn_gg_",
"_orientation_vertical": "_orientation_vertical_zc8kn_gg_",
"--offsetSum": "--offsetSum_zc8kn",
"_orientation_horizontal": "_orientation_horizontal_zc8kn_gg_",
"__SSlider": "___SSlider_zc8kn_gg_"
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SScrollBar_v6mlw_gg_{position:absolute;display:flex}.___SScrollBar_v6mlw_gg_._orientation_vertical_v6mlw_gg_{top:var(--intergalactic-spacing-1x, 4px);right:0;width:8px;height:calc(100% - var(--offsetSum_v6mlw) - var(--intergalactic-spacing-2x, 8px));justify-content:center}.___SScrollBar_v6mlw_gg_._orientation_horizontal_v6mlw_gg_{bottom:0;height:12px;align-items:center;width:calc(100% - var(--offsetSum_v6mlw) - var(--intergalactic-spacing-2x, 8px))}.___SSlider_v6mlw_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__*/, "v6mlw_gg_") /*__reshadow_css_end__*/, {
"__SScrollBar": "___SScrollBar_v6mlw_gg_",
"_orientation_vertical": "_orientation_vertical_v6mlw_gg_",
"--offsetSum": "--offsetSum_v6mlw",
"_orientation_horizontal": "_orientation_horizontal_v6mlw_gg_",
"__SSlider": "___SSlider_v6mlw_gg_"
});

@@ -33,0 +33,0 @@ var hideScrollBarsFromScreenReadersContext = /*#__PURE__*/_react["default"].createContext(false);

@@ -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_t9rhf_gg_{position:relative;width:100%;height:100%}.___SShadowHorizontal_t9rhf_gg_:after,.___SShadowHorizontal_t9rhf_gg_:before,.___SShadowVertical_t9rhf_gg_:after,.___SShadowVertical_t9rhf_gg_:before{content:\"\";position:absolute;display:none;pointer-events:none}.___SShadowHorizontal_t9rhf_gg_:after,.___SShadowHorizontal_t9rhf_gg_:before{top:0;width:5px;height:100%}.___SShadowHorizontal_t9rhf_gg_._position_median_t9rhf_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_t9rhf_gg_._position_median_t9rhf_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_t9rhf_gg_._position_start_t9rhf_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_t9rhf_gg_._position_end_t9rhf_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_t9rhf_gg_.__leftOffset_t9rhf_gg_:before{left:var(--leftOffset_t9rhf)}.___SShadowHorizontal_t9rhf_gg_.__rightOffset_t9rhf_gg_:after{right:var(--rightOffset_t9rhf)}.___SShadowVertical_t9rhf_gg_:after,.___SShadowVertical_t9rhf_gg_:before{left:0;width:100%;height:5px}.___SShadowVertical_t9rhf_gg_._position_median_t9rhf_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_t9rhf_gg_._position_median_t9rhf_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_t9rhf_gg_._position_start_t9rhf_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_t9rhf_gg_._position_end_t9rhf_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_t9rhf_gg_.__topOffset_t9rhf_gg_:before{top:var(--topOffset_t9rhf)}.___SShadowVertical_t9rhf_gg_.__bottomOffset_t9rhf_gg_:after{bottom:var(--bottomOffset_t9rhf)}.___SContainer_t9rhf_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_t9rhf_gg_::-webkit-scrollbar{display:none}.___SContainer_t9rhf_gg_.__keyboardFocused_t9rhf_gg_:focus::after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;top:var(--focusRingTopOffset_t9rhf);right:var(--focusRingRightOffset_t9rhf);bottom:var(--focusRingBottomOffset_t9rhf);left:var(--focusRingLeftOffset_t9rhf);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__*/, "t9rhf_gg_") /*__reshadow_css_end__*/, {
"__SScrollArea": "___SScrollArea_t9rhf_gg_",
"__SShadowHorizontal": "___SShadowHorizontal_t9rhf_gg_",
"_leftOffset": "__leftOffset_t9rhf_gg_",
"--leftOffset": "--leftOffset_t9rhf",
"_rightOffset": "__rightOffset_t9rhf_gg_",
"--rightOffset": "--rightOffset_t9rhf",
"__SShadowVertical": "___SShadowVertical_t9rhf_gg_",
"_topOffset": "__topOffset_t9rhf_gg_",
"--topOffset": "--topOffset_t9rhf",
"_bottomOffset": "__bottomOffset_t9rhf_gg_",
"--bottomOffset": "--bottomOffset_t9rhf",
"__SContainer": "___SContainer_t9rhf_gg_",
"_keyboardFocused": "__keyboardFocused_t9rhf_gg_",
"--focusRingTopOffset": "--focusRingTopOffset_t9rhf",
"--focusRingRightOffset": "--focusRingRightOffset_t9rhf",
"--focusRingBottomOffset": "--focusRingBottomOffset_t9rhf",
"--focusRingLeftOffset": "--focusRingLeftOffset_t9rhf",
"_position_median": "_position_median_t9rhf_gg_",
"_position_start": "_position_start_t9rhf_gg_",
"_position_end": "_position_end_t9rhf_gg_"
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScrollArea_1arcw_gg_{position:relative;width:100%;height:100%}.___SShadowHorizontal_1arcw_gg_:after,.___SShadowHorizontal_1arcw_gg_:before,.___SShadowVertical_1arcw_gg_:after,.___SShadowVertical_1arcw_gg_:before{content:\"\";position:absolute;display:none;pointer-events:none}.___SShadowHorizontal_1arcw_gg_:after,.___SShadowHorizontal_1arcw_gg_:before{top:0;width:5px;height:100%}.___SShadowHorizontal_1arcw_gg_._position_median_1arcw_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_1arcw_gg_._position_median_1arcw_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_1arcw_gg_._position_start_1arcw_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_1arcw_gg_._position_end_1arcw_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_1arcw_gg_.__leftOffset_1arcw_gg_:before{left:var(--leftOffset_1arcw)}.___SShadowHorizontal_1arcw_gg_.__rightOffset_1arcw_gg_:after{right:var(--rightOffset_1arcw)}.___SShadowVertical_1arcw_gg_:after,.___SShadowVertical_1arcw_gg_:before{left:0;width:100%;height:5px}.___SShadowVertical_1arcw_gg_._position_median_1arcw_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_1arcw_gg_._position_median_1arcw_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_1arcw_gg_._position_start_1arcw_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_1arcw_gg_._position_end_1arcw_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_1arcw_gg_.__topOffset_1arcw_gg_:before{top:var(--topOffset_1arcw)}.___SShadowVertical_1arcw_gg_.__bottomOffset_1arcw_gg_:after{bottom:var(--bottomOffset_1arcw)}.___SContainer_1arcw_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_1arcw_gg_::-webkit-scrollbar{display:none}.___SContainer_1arcw_gg_.__keyboardFocused_1arcw_gg_:focus::after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;top:var(--focusRingTopOffset_1arcw);right:var(--focusRingRightOffset_1arcw);bottom:var(--focusRingBottomOffset_1arcw);left:var(--focusRingLeftOffset_1arcw);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__*/, "1arcw_gg_") /*__reshadow_css_end__*/, {
"__SScrollArea": "___SScrollArea_1arcw_gg_",
"__SShadowHorizontal": "___SShadowHorizontal_1arcw_gg_",
"_leftOffset": "__leftOffset_1arcw_gg_",
"--leftOffset": "--leftOffset_1arcw",
"_rightOffset": "__rightOffset_1arcw_gg_",
"--rightOffset": "--rightOffset_1arcw",
"__SShadowVertical": "___SShadowVertical_1arcw_gg_",
"_topOffset": "__topOffset_1arcw_gg_",
"--topOffset": "--topOffset_1arcw",
"_bottomOffset": "__bottomOffset_1arcw_gg_",
"--bottomOffset": "--bottomOffset_1arcw",
"__SContainer": "___SContainer_1arcw_gg_",
"_keyboardFocused": "__keyboardFocused_1arcw_gg_",
"--focusRingTopOffset": "--focusRingTopOffset_1arcw",
"--focusRingRightOffset": "--focusRingRightOffset_1arcw",
"--focusRingBottomOffset": "--focusRingBottomOffset_1arcw",
"--focusRingLeftOffset": "--focusRingLeftOffset_1arcw",
"_position_median": "_position_median_1arcw_gg_",
"_position_start": "_position_start_1arcw_gg_",
"_position_end": "_position_end_1arcw_gg_"
});

@@ -50,0 +50,0 @@ var eventCalculate = undefined;

@@ -19,8 +19,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_zc8kn_gg_{position:absolute;display:flex}.___SScrollBar_zc8kn_gg_._orientation_vertical_zc8kn_gg_{top:var(--intergalactic-spacing-1x, 4px);right:0;width:8px;height:calc(100% - var(--offsetSum_zc8kn) - var(--intergalactic-spacing-2x, 8px));justify-content:center}.___SScrollBar_zc8kn_gg_._orientation_horizontal_zc8kn_gg_{bottom:0;height:12px;align-items:center;width:calc(100% - var(--offsetSum_zc8kn) - var(--intergalactic-spacing-2x, 8px))}.___SSlider_zc8kn_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__*/, "zc8kn_gg_") /*__reshadow_css_end__*/, {
"__SScrollBar": "___SScrollBar_zc8kn_gg_",
"_orientation_vertical": "_orientation_vertical_zc8kn_gg_",
"--offsetSum": "--offsetSum_zc8kn",
"_orientation_horizontal": "_orientation_horizontal_zc8kn_gg_",
"__SSlider": "___SSlider_zc8kn_gg_"
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScrollBar_v6mlw_gg_{position:absolute;display:flex}.___SScrollBar_v6mlw_gg_._orientation_vertical_v6mlw_gg_{top:var(--intergalactic-spacing-1x, 4px);right:0;width:8px;height:calc(100% - var(--offsetSum_v6mlw) - var(--intergalactic-spacing-2x, 8px));justify-content:center}.___SScrollBar_v6mlw_gg_._orientation_horizontal_v6mlw_gg_{bottom:0;height:12px;align-items:center;width:calc(100% - var(--offsetSum_v6mlw) - var(--intergalactic-spacing-2x, 8px))}.___SSlider_v6mlw_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__*/, "v6mlw_gg_") /*__reshadow_css_end__*/, {
"__SScrollBar": "___SScrollBar_v6mlw_gg_",
"_orientation_vertical": "_orientation_vertical_v6mlw_gg_",
"--offsetSum": "--offsetSum_v6mlw",
"_orientation_horizontal": "_orientation_horizontal_v6mlw_gg_",
"__SSlider": "___SSlider_v6mlw_gg_"
});

@@ -27,0 +27,0 @@ export var hideScrollBarsFromScreenReadersContext = /*#__PURE__*/React.createContext(false);

{
"name": "@semcore/scroll-area",
"description": "Semrush ScrollArea Component",
"version": "5.42.0",
"version": "5.42.1-prerelease.0",
"main": "lib/cjs/index.js",

@@ -12,7 +12,7 @@ "module": "lib/es6/index.js",

"dependencies": {
"@semcore/utils": "4.43.0",
"@semcore/flex-box": "5.38.0"
"@semcore/utils": "4.43.2-prerelease.0",
"@semcore/flex-box": "5.38.1-prerelease.0"
},
"peerDependencies": {
"@semcore/core": "^2.17.5",
"@semcore/core": "^2.36.1-prerelease.0",
"react": "16.8 - 18",

@@ -19,0 +19,0 @@ "react-dom": "16.8 - 18"

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc