@salutejs/plasma-new-hope 0.337.0-canary.2254.18036780976.0 → 0.337.0-canary.2254.18122005940.0

package/emotion/cjs/components/Scrollbar/Scrollbar.js

@@ -219,7 +219,7 @@ var scrollbarRoot = function(Root) {
             isDragging: false
         }), 2), scrollbarState = _useState[0], setScrollbarState = _useState[1];
         var minScrollbarTrackHeight = 20;
-        var calculateScrollbar = (0, _react.useCallback)(function() {
+        var calculateScrollbar = function() {
             if (!containerRef.current || !contentRef.current) {
                 return {
                     thumbHeight: 0,
@@ -235,10 +235,8 @@ var scrollbarRoot = function(Root) {
                 thumbHeight: thumbHeight,
                 thumbPosition: thumbPosition
             };
-        }, [
-            verticalOffset
-        ]);
-        var updateScrollbar = (0, _react.useCallback)(function() {
+        };
+        var updateScrollbar = function() {
             var show = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
             if (!containerRef.current) return;
             var _calculateScrollbar = calculateScrollbar(), thumbHeight = _calculateScrollbar.thumbHeight, thumbPosition = _calculateScrollbar.thumbPosition;
@@ -249,10 +247,8 @@ var scrollbarRoot = function(Root) {
                     isVisible: show || prev.isVisible
                 });
             });
-        }, [
-            calculateScrollbar
-        ]);
-        var showScrollbarWithDelay = (0, _react.useCallback)(function() {
+        };
+        var showScrollbarWithDelay = function() {
             if (hideTimeoutRef.current) {
                 clearTimeout(hideTimeoutRef.current);
             }
@@ -267,23 +263,15 @@ var scrollbarRoot = function(Root) {
                     hideTimeoutRef.current = null;
                 }, autoHideDelay);
             }
-        }, [
-            autoHide,
-            autoHideDelay,
-            updateScrollbar
-        ]);
-        var handleScroll = (0, _react.useCallback)(function() {
+        };
+        var handleScroll = function() {
             if (!containerRef.current) return;
             showScrollbarWithDelay();
-        }, [
-            showScrollbarWithDelay
-        ]);
-        var handleMouseEnter = (0, _react.useCallback)(function() {
+        };
+        var handleMouseEnter = function() {
             showScrollbarWithDelay();
-        }, [
-            showScrollbarWithDelay
-        ]);
-        var handleScrollbarDrag = (0, _react.useCallback)(function(e) {
+        };
+        var handleScrollbarDrag = function(e) {
             e.preventDefault();
             var thumb = e.currentTarget;
             var track = thumb.parentElement;
@@ -327,9 +315,39 @@ var scrollbarRoot = function(Root) {
             };
             document.addEventListener('mousemove', handleMouseMove);
             document.addEventListener('mouseup', handleMouseUp);
-        }, [
-            showScrollbarWithDelay
-        ]);
+        };
+        var handleTrackClick = function(e) {
+            e.preventDefault();
+            var track = e.currentTarget;
+            var container = containerRef.current;
+            if (!container || !track) return;
+            if (thumbRef.current && thumbRef.current.contains(e.target)) {
+                return;
+            }
+            if (hideTimeoutRef.current) {
+                clearTimeout(hideTimeoutRef.current);
+                hideTimeoutRef.current = null;
+            }
+            var trackRect = track.getBoundingClientRect();
+            var clickY = e.clientY - trackRect.top;
+            var trackHeight = trackRect.height;
+            var thumbHeight = scrollbarState.thumbHeight;
+            var scrollHeight = container.scrollHeight, clientHeight = container.clientHeight;
+            var maxScroll = scrollHeight - clientHeight;
+            if (maxScroll <= 0) return;
+            var newThumbPosition = clickY - thumbHeight / 2;
+            newThumbPosition = Math.max(0, Math.min(trackHeight - thumbHeight, newThumbPosition));
+            var scrollPercentage = newThumbPosition / (trackHeight - thumbHeight);
+            var newScrollTop = scrollPercentage * maxScroll;
+            container.scrollTop = newScrollTop;
+            setScrollbarState(function(prev) {
+                return _object_spread_props(_object_spread({}, prev), {
+                    thumbPosition: newThumbPosition,
+                    isVisible: true
+                });
+            });
+            showScrollbarWithDelay();
+        };
         (0, _react.useEffect)(function() {
             return function() {
                 if (hideTimeoutRef.current) {
@@ -353,16 +371,10 @@ var scrollbarRoot = function(Root) {
                 container.removeEventListener('mouseenter', handleMouseEnter);
                 resizeObserver.disconnect();
             };
-        }, [
-            handleScroll,
-            handleMouseEnter,
-            updateScrollbar
-        ]);
+        }, []);
         (0, _react.useEffect)(function() {
             updateScrollbar();
-        }, [
-            updateScrollbar
-        ]);
+        });
         var _obj, _obj1;
         return /*#__PURE__*/ _react.default.createElement(Root, _object_spread({
             view: view,
@@ -386,7 +398,8 @@ var scrollbarRoot = function(Root) {
             ref: trackRef,
             className: (0, _classnames.default)(_Scrollbartokens.classes.scrollBarTrack, _define_property({}, _Scrollbartokens.classes.scrollBarTrackVisible, scrollbarState.isVisible)),
             "data-placement": placement,
-            style: (_obj1 = {}, _define_property(_obj1, placement, offset), _define_property(_obj1, "top", verticalOffset), _define_property(_obj1, "bottom", verticalOffset), _obj1)
+            style: (_obj1 = {}, _define_property(_obj1, placement, offset), _define_property(_obj1, "top", verticalOffset), _define_property(_obj1, "bottom", verticalOffset), _obj1),
+            onMouseDown: handleTrackClick
         }, /*#__PURE__*/ _react.default.createElement(_Scrollbarstyles.StyledThumb, {
             ref: thumbRef,
             className: _Scrollbartokens.classes.scrollBarThumb,

package/emotion/cjs/components/Scrollbar/Scrollbar.styles.js

@@ -36,24 +36,24 @@ function _interop_require_default(obj) {
         default: obj
     };
 }
-var base = (0, /*#__PURE__*/ _react.css)("display:flex;position:relative;width:100%;height:100%;", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TY3JvbGxiYXIvU2Nyb2xsYmFyLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TY3JvbGxiYXIvU2Nyb2xsYmFyLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHRva2VucywgY2xhc3NlcyB9IGZyb20gJy4vU2Nyb2xsYmFyLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTY3JvbGxCYXIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICB3aWR0aDogdmFyKCR7dG9rZW5zLndpZHRofSwgMTAwJSk7XG4gICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuaGVpZ2h0fSwgMTAwJSk7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAgICYuJHtjbGFzc2VzLnNjcm9sbEJhclZpc2libGV9IHtcbiAgICAgICAgLiR7Y2xhc3Nlcy5zY3JvbGxCYXJUcmFja30ge1xuICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgICAgIHBvaW50ZXItZXZlbnRzOiBhdXRvO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMuc2Nyb2xsQmFyRHJhZ2dpbmd9IHtcbiAgICAgICAgLiR7Y2xhc3Nlcy5zY3JvbGxCYXJUaHVtYn0ge1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLnRodW1iQ29sb3JBY3RpdmV9KSAhaW1wb3J0YW50O1xuICAgICAgICB9XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICAgd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIG92ZXJmbG93OiBhdXRvO1xuICAgIHNjcm9sbGJhci13aWR0aDogbm9uZTtcbiAgICAtbXMtb3ZlcmZsb3ctc3R5bGU6IG5vbmU7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgICZbZGF0YS1wbGFjZW1lbnQ9J2xlZnQnXSB7XG4gICAgICAgIHBhZGRpbmctbGVmdDogdmFyKCR7dG9rZW5zLnRyYWNrV2lkdGh9KTtcbiAgICB9XG5cbiAgICAmW2RhdGEtcGxhY2VtZW50PSdyaWdodCddIHtcbiAgICAgICAgcGFkZGluZy1yaWdodDogdmFyKCR7dG9rZW5zLnRyYWNrV2lkdGh9KTtcbiAgICB9XG5cbiAgICAmOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIHdpZHRoOiAwO1xuICAgICAgICBoZWlnaHQ6IDA7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIG1pbi1oZWlnaHQ6IDEwMCU7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUcmFjayA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIC8qINCj0LHRgNCw0L3RiyDRhNC40LrRgdC40YDQvtCy0LDQvdC90YvQtSB0b3Ag0LggYm90dG9tLCDRgtC10L/QtdGA0Ywg0L7QvdC4INC30LDQtNCw0Y7RgtGB0Y8g0YfQtdGA0LXQtyBzdHlsZSAqL1xuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMudHJhY2tXaWR0aH0pO1xuICAgIG9wYWNpdHk6IDA7XG4gICAgdHJhbnNpdGlvbjogb3BhY2l0eSAwLjNzIGVhc2U7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgei1pbmRleDogMTA7XG4gICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLnRyYWNrQ29sb3J9KTtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMudHJhY2tCb3JkZXJSYWRpdXN9KTtcblxuICAgICZbZGF0YS1wbGFjZW1lbnQ9J2xlZnQnXSB7XG4gICAgICAgIGxlZnQ6IDA7XG4gICAgfVxuXG4gICAgJltkYXRhLXBsYWNlbWVudD0ncmlnaHQnXSB7XG4gICAgICAgIHJpZ2h0OiAwO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLnNjcm9sbEJhclRyYWNrVmlzaWJsZX0ge1xuICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgICBwb2ludGVyLWV2ZW50czogYXV0bztcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGh1bWIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBsZWZ0OiAwO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy50aHVtYkNvbG9yfSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLnRodW1iQm9yZGVyUmFkaXVzfSk7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgMC4ycyBlYXNlO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLnRodW1iQ29sb3JIb3Zlcn0pO1xuICAgIH1cblxuICAgICY6YWN0aXZlIHtcbiAgICAgICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLnRodW1iQ29sb3JBY3RpdmV9KTtcbiAgICB9XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUtvQiJ9 */");
+var base = (0, /*#__PURE__*/ _react.css)("display:flex;position:relative;width:100%;height:100%;", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TY3JvbGxiYXIvU2Nyb2xsYmFyLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TY3JvbGxiYXIvU2Nyb2xsYmFyLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHRva2VucywgY2xhc3NlcyB9IGZyb20gJy4vU2Nyb2xsYmFyLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTY3JvbGxCYXIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICB3aWR0aDogdmFyKCR7dG9rZW5zLndpZHRofSwgMTAwJSk7XG4gICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuaGVpZ2h0fSwgMTAwJSk7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAgICYuJHtjbGFzc2VzLnNjcm9sbEJhclZpc2libGV9IHtcbiAgICAgICAgLiR7Y2xhc3Nlcy5zY3JvbGxCYXJUcmFja30ge1xuICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgICAgIHBvaW50ZXItZXZlbnRzOiBhdXRvO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMuc2Nyb2xsQmFyRHJhZ2dpbmd9IHtcbiAgICAgICAgLiR7Y2xhc3Nlcy5zY3JvbGxCYXJUaHVtYn0ge1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLnRodW1iQ29sb3JBY3RpdmV9KSAhaW1wb3J0YW50O1xuICAgICAgICB9XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICAgd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIG92ZXJmbG93OiBhdXRvO1xuICAgIHNjcm9sbGJhci13aWR0aDogbm9uZTtcbiAgICAtbXMtb3ZlcmZsb3ctc3R5bGU6IG5vbmU7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgICZbZGF0YS1wbGFjZW1lbnQ9J2xlZnQnXSB7XG4gICAgICAgIHBhZGRpbmctbGVmdDogdmFyKCR7dG9rZW5zLnRyYWNrV2lkdGh9KTtcbiAgICB9XG5cbiAgICAmW2RhdGEtcGxhY2VtZW50PSdyaWdodCddIHtcbiAgICAgICAgcGFkZGluZy1yaWdodDogdmFyKCR7dG9rZW5zLnRyYWNrV2lkdGh9KTtcbiAgICB9XG5cbiAgICAmOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIHdpZHRoOiAwO1xuICAgICAgICBoZWlnaHQ6IDA7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIG1pbi1oZWlnaHQ6IDEwMCU7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUcmFjayA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMudHJhY2tXaWR0aH0pO1xuICAgIG9wYWNpdHk6IDA7XG4gICAgdHJhbnNpdGlvbjogb3BhY2l0eSAwLjNzIGVhc2U7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgei1pbmRleDogMTA7XG4gICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLnRyYWNrQ29sb3J9KTtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMudHJhY2tCb3JkZXJSYWRpdXN9KTtcblxuICAgICZbZGF0YS1wbGFjZW1lbnQ9J2xlZnQnXSB7XG4gICAgICAgIGxlZnQ6IDA7XG4gICAgfVxuXG4gICAgJltkYXRhLXBsYWNlbWVudD0ncmlnaHQnXSB7XG4gICAgICAgIHJpZ2h0OiAwO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLnNjcm9sbEJhclRyYWNrVmlzaWJsZX0ge1xuICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgICBwb2ludGVyLWV2ZW50czogYXV0bztcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGh1bWIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBsZWZ0OiAwO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy50aHVtYkNvbG9yfSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLnRodW1iQm9yZGVyUmFkaXVzfSk7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgMC4ycyBlYXNlO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLnRodW1iQ29sb3JIb3Zlcn0pO1xuICAgIH1cblxuICAgICY6YWN0aXZlIHtcbiAgICAgICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLnRodW1iQ29sb3JBY3RpdmV9KTtcbiAgICB9XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUtvQiJ9 */");
 var StyledScrollBar = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "e17lke620",
+    target: "eeqcvy30",
     label: "StyledScrollBar"
-})("position:relative;width:var(", _Scrollbartokens.tokens.width, ",100%);height:var(", _Scrollbartokens.tokens.height, ",100%);overflow:hidden;&.", _Scrollbartokens.classes.scrollBarVisible, "{.", _Scrollbartokens.classes.scrollBarTrack, "{opacity:1;pointer-events:auto;}}&.", _Scrollbartokens.classes.scrollBarDragging, "{.", _Scrollbartokens.classes.scrollBarThumb, "{background-color:var(", _Scrollbartokens.tokens.thumbColorActive, ") !important;}}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TY3JvbGxiYXIvU2Nyb2xsYmFyLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TY3JvbGxiYXIvU2Nyb2xsYmFyLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHRva2VucywgY2xhc3NlcyB9IGZyb20gJy4vU2Nyb2xsYmFyLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTY3JvbGxCYXIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICB3aWR0aDogdmFyKCR7dG9rZW5zLndpZHRofSwgMTAwJSk7XG4gICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuaGVpZ2h0fSwgMTAwJSk7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAgICYuJHtjbGFzc2VzLnNjcm9sbEJhclZpc2libGV9IHtcbiAgICAgICAgLiR7Y2xhc3Nlcy5zY3JvbGxCYXJUcmFja30ge1xuICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgICAgIHBvaW50ZXItZXZlbnRzOiBhdXRvO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMuc2Nyb2xsQmFyRHJhZ2dpbmd9IHtcbiAgICAgICAgLiR7Y2xhc3Nlcy5zY3JvbGxCYXJUaHVtYn0ge1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLnRodW1iQ29sb3JBY3RpdmV9KSAhaW1wb3J0YW50O1xuICAgICAgICB9XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICAgd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIG92ZXJmbG93OiBhdXRvO1xuICAgIHNjcm9sbGJhci13aWR0aDogbm9uZTtcbiAgICAtbXMtb3ZlcmZsb3ctc3R5bGU6IG5vbmU7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgICZbZGF0YS1wbGFjZW1lbnQ9J2xlZnQnXSB7XG4gICAgICAgIHBhZGRpbmctbGVmdDogdmFyKCR7dG9rZW5zLnRyYWNrV2lkdGh9KTtcbiAgICB9XG5cbiAgICAmW2RhdGEtcGxhY2VtZW50PSdyaWdodCddIHtcbiAgICAgICAgcGFkZGluZy1yaWdodDogdmFyKCR7dG9rZW5zLnRyYWNrV2lkdGh9KTtcbiAgICB9XG5cbiAgICAmOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIHdpZHRoOiAwO1xuICAgICAgICBoZWlnaHQ6IDA7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIG1pbi1oZWlnaHQ6IDEwMCU7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUcmFjayA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIC8qINCj0LHRgNCw0L3RiyDRhNC40LrRgdC40YDQvtCy0LDQvdC90YvQtSB0b3Ag0LggYm90dG9tLCDRgtC10L/QtdGA0Ywg0L7QvdC4INC30LDQtNCw0Y7RgtGB0Y8g0YfQtdGA0LXQtyBzdHlsZSAqL1xuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMudHJhY2tXaWR0aH0pO1xuICAgIG9wYWNpdHk6IDA7XG4gICAgdHJhbnNpdGlvbjogb3BhY2l0eSAwLjNzIGVhc2U7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgei1pbmRleDogMTA7XG4gICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLnRyYWNrQ29sb3J9KTtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMudHJhY2tCb3JkZXJSYWRpdXN9KTtcblxuICAgICZbZGF0YS1wbGFjZW1lbnQ9J2xlZnQnXSB7XG4gICAgICAgIGxlZnQ6IDA7XG4gICAgfVxuXG4gICAgJltkYXRhLXBsYWNlbWVudD0ncmlnaHQnXSB7XG4gICAgICAgIHJpZ2h0OiAwO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLnNjcm9sbEJhclRyYWNrVmlzaWJsZX0ge1xuICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgICBwb2ludGVyLWV2ZW50czogYXV0bztcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGh1bWIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBsZWZ0OiAwO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy50aHVtYkNvbG9yfSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLnRodW1iQm9yZGVyUmFkaXVzfSk7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgMC4ycyBlYXNlO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLnRodW1iQ29sb3JIb3Zlcn0pO1xuICAgIH1cblxuICAgICY6YWN0aXZlIHtcbiAgICAgICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLnRodW1iQ29sb3JBY3RpdmV9KTtcbiAgICB9XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVkrQiJ9 */");
+})("position:relative;width:var(", _Scrollbartokens.tokens.width, ",100%);height:var(", _Scrollbartokens.tokens.height, ",100%);overflow:hidden;&.", _Scrollbartokens.classes.scrollBarVisible, "{.", _Scrollbartokens.classes.scrollBarTrack, "{opacity:1;pointer-events:auto;}}&.", _Scrollbartokens.classes.scrollBarDragging, "{.", _Scrollbartokens.classes.scrollBarThumb, "{background-color:var(", _Scrollbartokens.tokens.thumbColorActive, ") !important;}}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TY3JvbGxiYXIvU2Nyb2xsYmFyLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TY3JvbGxiYXIvU2Nyb2xsYmFyLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHRva2VucywgY2xhc3NlcyB9IGZyb20gJy4vU2Nyb2xsYmFyLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTY3JvbGxCYXIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICB3aWR0aDogdmFyKCR7dG9rZW5zLndpZHRofSwgMTAwJSk7XG4gICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuaGVpZ2h0fSwgMTAwJSk7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAgICYuJHtjbGFzc2VzLnNjcm9sbEJhclZpc2libGV9IHtcbiAgICAgICAgLiR7Y2xhc3Nlcy5zY3JvbGxCYXJUcmFja30ge1xuICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgICAgIHBvaW50ZXItZXZlbnRzOiBhdXRvO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMuc2Nyb2xsQmFyRHJhZ2dpbmd9IHtcbiAgICAgICAgLiR7Y2xhc3Nlcy5zY3JvbGxCYXJUaHVtYn0ge1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLnRodW1iQ29sb3JBY3RpdmV9KSAhaW1wb3J0YW50O1xuICAgICAgICB9XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICAgd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIG92ZXJmbG93OiBhdXRvO1xuICAgIHNjcm9sbGJhci13aWR0aDogbm9uZTtcbiAgICAtbXMtb3ZlcmZsb3ctc3R5bGU6IG5vbmU7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgICZbZGF0YS1wbGFjZW1lbnQ9J2xlZnQnXSB7XG4gICAgICAgIHBhZGRpbmctbGVmdDogdmFyKCR7dG9rZW5zLnRyYWNrV2lkdGh9KTtcbiAgICB9XG5cbiAgICAmW2RhdGEtcGxhY2VtZW50PSdyaWdodCddIHtcbiAgICAgICAgcGFkZGluZy1yaWdodDogdmFyKCR7dG9rZW5zLnRyYWNrV2lkdGh9KTtcbiAgICB9XG5cbiAgICAmOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIHdpZHRoOiAwO1xuICAgICAgICBoZWlnaHQ6IDA7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIG1pbi1oZWlnaHQ6IDEwMCU7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUcmFjayA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMudHJhY2tXaWR0aH0pO1xuICAgIG9wYWNpdHk6IDA7XG4gICAgdHJhbnNpdGlvbjogb3BhY2l0eSAwLjNzIGVhc2U7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgei1pbmRleDogMTA7XG4gICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLnRyYWNrQ29sb3J9KTtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMudHJhY2tCb3JkZXJSYWRpdXN9KTtcblxuICAgICZbZGF0YS1wbGFjZW1lbnQ9J2xlZnQnXSB7XG4gICAgICAgIGxlZnQ6IDA7XG4gICAgfVxuXG4gICAgJltkYXRhLXBsYWNlbWVudD0ncmlnaHQnXSB7XG4gICAgICAgIHJpZ2h0OiAwO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLnNjcm9sbEJhclRyYWNrVmlzaWJsZX0ge1xuICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgICBwb2ludGVyLWV2ZW50czogYXV0bztcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGh1bWIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBsZWZ0OiAwO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy50aHVtYkNvbG9yfSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLnRodW1iQm9yZGVyUmFkaXVzfSk7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgMC4ycyBlYXNlO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLnRodW1iQ29sb3JIb3Zlcn0pO1xuICAgIH1cblxuICAgICY6YWN0aXZlIHtcbiAgICAgICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLnRodW1iQ29sb3JBY3RpdmV9KTtcbiAgICB9XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVkrQiJ9 */");
 var StyledContainer = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "e17lke621",
+    target: "eeqcvy31",
     label: "StyledContainer"
-})("width:100%;height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none;box-sizing:border-box;&[data-placement='left']{padding-left:var(", _Scrollbartokens.tokens.trackWidth, ");}&[data-placement='right']{padding-right:var(", _Scrollbartokens.tokens.trackWidth, ");}&::-webkit-scrollbar{display:none;width:0;height:0;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TY3JvbGxiYXIvU2Nyb2xsYmFyLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TY3JvbGxiYXIvU2Nyb2xsYmFyLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHRva2VucywgY2xhc3NlcyB9IGZyb20gJy4vU2Nyb2xsYmFyLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTY3JvbGxCYXIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICB3aWR0aDogdmFyKCR7dG9rZW5zLndpZHRofSwgMTAwJSk7XG4gICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuaGVpZ2h0fSwgMTAwJSk7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAgICYuJHtjbGFzc2VzLnNjcm9sbEJhclZpc2libGV9IHtcbiAgICAgICAgLiR7Y2xhc3Nlcy5zY3JvbGxCYXJUcmFja30ge1xuICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgICAgIHBvaW50ZXItZXZlbnRzOiBhdXRvO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMuc2Nyb2xsQmFyRHJhZ2dpbmd9IHtcbiAgICAgICAgLiR7Y2xhc3Nlcy5zY3JvbGxCYXJUaHVtYn0ge1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLnRodW1iQ29sb3JBY3RpdmV9KSAhaW1wb3J0YW50O1xuICAgICAgICB9XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICAgd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIG92ZXJmbG93OiBhdXRvO1xuICAgIHNjcm9sbGJhci13aWR0aDogbm9uZTtcbiAgICAtbXMtb3ZlcmZsb3ctc3R5bGU6IG5vbmU7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgICZbZGF0YS1wbGFjZW1lbnQ9J2xlZnQnXSB7XG4gICAgICAgIHBhZGRpbmctbGVmdDogdmFyKCR7dG9rZW5zLnRyYWNrV2lkdGh9KTtcbiAgICB9XG5cbiAgICAmW2RhdGEtcGxhY2VtZW50PSdyaWdodCddIHtcbiAgICAgICAgcGFkZGluZy1yaWdodDogdmFyKCR7dG9rZW5zLnRyYWNrV2lkdGh9KTtcbiAgICB9XG5cbiAgICAmOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIHdpZHRoOiAwO1xuICAgICAgICBoZWlnaHQ6IDA7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIG1pbi1oZWlnaHQ6IDEwMCU7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUcmFjayA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIC8qINCj0LHRgNCw0L3RiyDRhNC40LrRgdC40YDQvtCy0LDQvdC90YvQtSB0b3Ag0LggYm90dG9tLCDRgtC10L/QtdGA0Ywg0L7QvdC4INC30LDQtNCw0Y7RgtGB0Y8g0YfQtdGA0LXQtyBzdHlsZSAqL1xuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMudHJhY2tXaWR0aH0pO1xuICAgIG9wYWNpdHk6IDA7XG4gICAgdHJhbnNpdGlvbjogb3BhY2l0eSAwLjNzIGVhc2U7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgei1pbmRleDogMTA7XG4gICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLnRyYWNrQ29sb3J9KTtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMudHJhY2tCb3JkZXJSYWRpdXN9KTtcblxuICAgICZbZGF0YS1wbGFjZW1lbnQ9J2xlZnQnXSB7XG4gICAgICAgIGxlZnQ6IDA7XG4gICAgfVxuXG4gICAgJltkYXRhLXBsYWNlbWVudD0ncmlnaHQnXSB7XG4gICAgICAgIHJpZ2h0OiAwO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLnNjcm9sbEJhclRyYWNrVmlzaWJsZX0ge1xuICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgICBwb2ludGVyLWV2ZW50czogYXV0bztcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGh1bWIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBsZWZ0OiAwO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy50aHVtYkNvbG9yfSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLnRodW1iQm9yZGVyUmFkaXVzfSk7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgMC4ycyBlYXNlO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLnRodW1iQ29sb3JIb3Zlcn0pO1xuICAgIH1cblxuICAgICY6YWN0aXZlIHtcbiAgICAgICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLnRodW1iQ29sb3JBY3RpdmV9KTtcbiAgICB9XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDK0IifQ== */");
+})("width:100%;height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none;box-sizing:border-box;&[data-placement='left']{padding-left:var(", _Scrollbartokens.tokens.trackWidth, ");}&[data-placement='right']{padding-right:var(", _Scrollbartokens.tokens.trackWidth, ");}&::-webkit-scrollbar{display:none;width:0;height:0;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TY3JvbGxiYXIvU2Nyb2xsYmFyLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TY3JvbGxiYXIvU2Nyb2xsYmFyLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHRva2VucywgY2xhc3NlcyB9IGZyb20gJy4vU2Nyb2xsYmFyLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTY3JvbGxCYXIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICB3aWR0aDogdmFyKCR7dG9rZW5zLndpZHRofSwgMTAwJSk7XG4gICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuaGVpZ2h0fSwgMTAwJSk7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAgICYuJHtjbGFzc2VzLnNjcm9sbEJhclZpc2libGV9IHtcbiAgICAgICAgLiR7Y2xhc3Nlcy5zY3JvbGxCYXJUcmFja30ge1xuICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgICAgIHBvaW50ZXItZXZlbnRzOiBhdXRvO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMuc2Nyb2xsQmFyRHJhZ2dpbmd9IHtcbiAgICAgICAgLiR7Y2xhc3Nlcy5zY3JvbGxCYXJUaHVtYn0ge1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLnRodW1iQ29sb3JBY3RpdmV9KSAhaW1wb3J0YW50O1xuICAgICAgICB9XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICAgd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIG92ZXJmbG93OiBhdXRvO1xuICAgIHNjcm9sbGJhci13aWR0aDogbm9uZTtcbiAgICAtbXMtb3ZlcmZsb3ctc3R5bGU6IG5vbmU7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgICZbZGF0YS1wbGFjZW1lbnQ9J2xlZnQnXSB7XG4gICAgICAgIHBhZGRpbmctbGVmdDogdmFyKCR7dG9rZW5zLnRyYWNrV2lkdGh9KTtcbiAgICB9XG5cbiAgICAmW2RhdGEtcGxhY2VtZW50PSdyaWdodCddIHtcbiAgICAgICAgcGFkZGluZy1yaWdodDogdmFyKCR7dG9rZW5zLnRyYWNrV2lkdGh9KTtcbiAgICB9XG5cbiAgICAmOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIHdpZHRoOiAwO1xuICAgICAgICBoZWlnaHQ6IDA7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIG1pbi1oZWlnaHQ6IDEwMCU7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUcmFjayA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMudHJhY2tXaWR0aH0pO1xuICAgIG9wYWNpdHk6IDA7XG4gICAgdHJhbnNpdGlvbjogb3BhY2l0eSAwLjNzIGVhc2U7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgei1pbmRleDogMTA7XG4gICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLnRyYWNrQ29sb3J9KTtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMudHJhY2tCb3JkZXJSYWRpdXN9KTtcblxuICAgICZbZGF0YS1wbGFjZW1lbnQ9J2xlZnQnXSB7XG4gICAgICAgIGxlZnQ6IDA7XG4gICAgfVxuXG4gICAgJltkYXRhLXBsYWNlbWVudD0ncmlnaHQnXSB7XG4gICAgICAgIHJpZ2h0OiAwO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLnNjcm9sbEJhclRyYWNrVmlzaWJsZX0ge1xuICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgICBwb2ludGVyLWV2ZW50czogYXV0bztcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGh1bWIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBsZWZ0OiAwO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy50aHVtYkNvbG9yfSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLnRodW1iQm9yZGVyUmFkaXVzfSk7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgMC4ycyBlYXNlO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLnRodW1iQ29sb3JIb3Zlcn0pO1xuICAgIH1cblxuICAgICY6YWN0aXZlIHtcbiAgICAgICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLnRodW1iQ29sb3JBY3RpdmV9KTtcbiAgICB9XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDK0IifQ== */");
 var StyledContent = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "e17lke622",
+    target: "eeqcvy32",
     label: "StyledContent"
-})("min-height:100%;box-sizing:border-box;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TY3JvbGxiYXIvU2Nyb2xsYmFyLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TY3JvbGxiYXIvU2Nyb2xsYmFyLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHRva2VucywgY2xhc3NlcyB9IGZyb20gJy4vU2Nyb2xsYmFyLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTY3JvbGxCYXIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICB3aWR0aDogdmFyKCR7dG9rZW5zLndpZHRofSwgMTAwJSk7XG4gICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuaGVpZ2h0fSwgMTAwJSk7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAgICYuJHtjbGFzc2VzLnNjcm9sbEJhclZpc2libGV9IHtcbiAgICAgICAgLiR7Y2xhc3Nlcy5zY3JvbGxCYXJUcmFja30ge1xuICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgICAgIHBvaW50ZXItZXZlbnRzOiBhdXRvO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMuc2Nyb2xsQmFyRHJhZ2dpbmd9IHtcbiAgICAgICAgLiR7Y2xhc3Nlcy5zY3JvbGxCYXJUaHVtYn0ge1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLnRodW1iQ29sb3JBY3RpdmV9KSAhaW1wb3J0YW50O1xuICAgICAgICB9XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICAgd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIG92ZXJmbG93OiBhdXRvO1xuICAgIHNjcm9sbGJhci13aWR0aDogbm9uZTtcbiAgICAtbXMtb3ZlcmZsb3ctc3R5bGU6IG5vbmU7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgICZbZGF0YS1wbGFjZW1lbnQ9J2xlZnQnXSB7XG4gICAgICAgIHBhZGRpbmctbGVmdDogdmFyKCR7dG9rZW5zLnRyYWNrV2lkdGh9KTtcbiAgICB9XG5cbiAgICAmW2RhdGEtcGxhY2VtZW50PSdyaWdodCddIHtcbiAgICAgICAgcGFkZGluZy1yaWdodDogdmFyKCR7dG9rZW5zLnRyYWNrV2lkdGh9KTtcbiAgICB9XG5cbiAgICAmOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIHdpZHRoOiAwO1xuICAgICAgICBoZWlnaHQ6IDA7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIG1pbi1oZWlnaHQ6IDEwMCU7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUcmFjayA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIC8qINCj0LHRgNCw0L3RiyDRhNC40LrRgdC40YDQvtCy0LDQvdC90YvQtSB0b3Ag0LggYm90dG9tLCDRgtC10L/QtdGA0Ywg0L7QvdC4INC30LDQtNCw0Y7RgtGB0Y8g0YfQtdGA0LXQtyBzdHlsZSAqL1xuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMudHJhY2tXaWR0aH0pO1xuICAgIG9wYWNpdHk6IDA7XG4gICAgdHJhbnNpdGlvbjogb3BhY2l0eSAwLjNzIGVhc2U7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgei1pbmRleDogMTA7XG4gICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLnRyYWNrQ29sb3J9KTtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMudHJhY2tCb3JkZXJSYWRpdXN9KTtcblxuICAgICZbZGF0YS1wbGFjZW1lbnQ9J2xlZnQnXSB7XG4gICAgICAgIGxlZnQ6IDA7XG4gICAgfVxuXG4gICAgJltkYXRhLXBsYWNlbWVudD0ncmlnaHQnXSB7XG4gICAgICAgIHJpZ2h0OiAwO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLnNjcm9sbEJhclRyYWNrVmlzaWJsZX0ge1xuICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgICBwb2ludGVyLWV2ZW50czogYXV0bztcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGh1bWIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBsZWZ0OiAwO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy50aHVtYkNvbG9yfSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLnRodW1iQm9yZGVyUmFkaXVzfSk7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgMC4ycyBlYXNlO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLnRodW1iQ29sb3JIb3Zlcn0pO1xuICAgIH1cblxuICAgICY6YWN0aXZlIHtcbiAgICAgICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLnRodW1iQ29sb3JBY3RpdmV9KTtcbiAgICB9XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVENkIifQ== */");
+})("min-height:100%;box-sizing:border-box;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TY3JvbGxiYXIvU2Nyb2xsYmFyLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TY3JvbGxiYXIvU2Nyb2xsYmFyLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHRva2VucywgY2xhc3NlcyB9IGZyb20gJy4vU2Nyb2xsYmFyLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTY3JvbGxCYXIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICB3aWR0aDogdmFyKCR7dG9rZW5zLndpZHRofSwgMTAwJSk7XG4gICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuaGVpZ2h0fSwgMTAwJSk7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAgICYuJHtjbGFzc2VzLnNjcm9sbEJhclZpc2libGV9IHtcbiAgICAgICAgLiR7Y2xhc3Nlcy5zY3JvbGxCYXJUcmFja30ge1xuICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgICAgIHBvaW50ZXItZXZlbnRzOiBhdXRvO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMuc2Nyb2xsQmFyRHJhZ2dpbmd9IHtcbiAgICAgICAgLiR7Y2xhc3Nlcy5zY3JvbGxCYXJUaHVtYn0ge1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLnRodW1iQ29sb3JBY3RpdmV9KSAhaW1wb3J0YW50O1xuICAgICAgICB9XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICAgd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIG92ZXJmbG93OiBhdXRvO1xuICAgIHNjcm9sbGJhci13aWR0aDogbm9uZTtcbiAgICAtbXMtb3ZlcmZsb3ctc3R5bGU6IG5vbmU7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgICZbZGF0YS1wbGFjZW1lbnQ9J2xlZnQnXSB7XG4gICAgICAgIHBhZGRpbmctbGVmdDogdmFyKCR7dG9rZW5zLnRyYWNrV2lkdGh9KTtcbiAgICB9XG5cbiAgICAmW2RhdGEtcGxhY2VtZW50PSdyaWdodCddIHtcbiAgICAgICAgcGFkZGluZy1yaWdodDogdmFyKCR7dG9rZW5zLnRyYWNrV2lkdGh9KTtcbiAgICB9XG5cbiAgICAmOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIHdpZHRoOiAwO1xuICAgICAgICBoZWlnaHQ6IDA7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIG1pbi1oZWlnaHQ6IDEwMCU7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUcmFjayA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMudHJhY2tXaWR0aH0pO1xuICAgIG9wYWNpdHk6IDA7XG4gICAgdHJhbnNpdGlvbjogb3BhY2l0eSAwLjNzIGVhc2U7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgei1pbmRleDogMTA7XG4gICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLnRyYWNrQ29sb3J9KTtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMudHJhY2tCb3JkZXJSYWRpdXN9KTtcblxuICAgICZbZGF0YS1wbGFjZW1lbnQ9J2xlZnQnXSB7XG4gICAgICAgIGxlZnQ6IDA7XG4gICAgfVxuXG4gICAgJltkYXRhLXBsYWNlbWVudD0ncmlnaHQnXSB7XG4gICAgICAgIHJpZ2h0OiAwO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLnNjcm9sbEJhclRyYWNrVmlzaWJsZX0ge1xuICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgICBwb2ludGVyLWV2ZW50czogYXV0bztcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGh1bWIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBsZWZ0OiAwO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy50aHVtYkNvbG9yfSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLnRodW1iQm9yZGVyUmFkaXVzfSk7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgMC4ycyBlYXNlO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLnRodW1iQ29sb3JIb3Zlcn0pO1xuICAgIH1cblxuICAgICY6YWN0aXZlIHtcbiAgICAgICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLnRodW1iQ29sb3JBY3RpdmV9KTtcbiAgICB9XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVENkIifQ== */");
 var StyledTrack = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "e17lke623",
+    target: "eeqcvy33",
     label: "StyledTrack"
-})("position:absolute;width:var(", _Scrollbartokens.tokens.trackWidth, ");opacity:0;transition:opacity 0.3s ease;pointer-events:none;z-index:10;background:var(", _Scrollbartokens.tokens.trackColor, ");border-radius:var(", _Scrollbartokens.tokens.trackBorderRadius, ");&[data-placement='left']{left:0;}&[data-placement='right']{right:0;}&.", _Scrollbartokens.classes.scrollBarTrackVisible, "{opacity:1;pointer-events:auto;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TY3JvbGxiYXIvU2Nyb2xsYmFyLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TY3JvbGxiYXIvU2Nyb2xsYmFyLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHRva2VucywgY2xhc3NlcyB9IGZyb20gJy4vU2Nyb2xsYmFyLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTY3JvbGxCYXIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICB3aWR0aDogdmFyKCR7dG9rZW5zLndpZHRofSwgMTAwJSk7XG4gICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuaGVpZ2h0fSwgMTAwJSk7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAgICYuJHtjbGFzc2VzLnNjcm9sbEJhclZpc2libGV9IHtcbiAgICAgICAgLiR7Y2xhc3Nlcy5zY3JvbGxCYXJUcmFja30ge1xuICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgICAgIHBvaW50ZXItZXZlbnRzOiBhdXRvO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMuc2Nyb2xsQmFyRHJhZ2dpbmd9IHtcbiAgICAgICAgLiR7Y2xhc3Nlcy5zY3JvbGxCYXJUaHVtYn0ge1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLnRodW1iQ29sb3JBY3RpdmV9KSAhaW1wb3J0YW50O1xuICAgICAgICB9XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICAgd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIG92ZXJmbG93OiBhdXRvO1xuICAgIHNjcm9sbGJhci13aWR0aDogbm9uZTtcbiAgICAtbXMtb3ZlcmZsb3ctc3R5bGU6IG5vbmU7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgICZbZGF0YS1wbGFjZW1lbnQ9J2xlZnQnXSB7XG4gICAgICAgIHBhZGRpbmctbGVmdDogdmFyKCR7dG9rZW5zLnRyYWNrV2lkdGh9KTtcbiAgICB9XG5cbiAgICAmW2RhdGEtcGxhY2VtZW50PSdyaWdodCddIHtcbiAgICAgICAgcGFkZGluZy1yaWdodDogdmFyKCR7dG9rZW5zLnRyYWNrV2lkdGh9KTtcbiAgICB9XG5cbiAgICAmOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIHdpZHRoOiAwO1xuICAgICAgICBoZWlnaHQ6IDA7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIG1pbi1oZWlnaHQ6IDEwMCU7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUcmFjayA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIC8qINCj0LHRgNCw0L3RiyDRhNC40LrRgdC40YDQvtCy0LDQvdC90YvQtSB0b3Ag0LggYm90dG9tLCDRgtC10L/QtdGA0Ywg0L7QvdC4INC30LDQtNCw0Y7RgtGB0Y8g0YfQtdGA0LXQtyBzdHlsZSAqL1xuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMudHJhY2tXaWR0aH0pO1xuICAgIG9wYWNpdHk6IDA7XG4gICAgdHJhbnNpdGlvbjogb3BhY2l0eSAwLjNzIGVhc2U7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgei1pbmRleDogMTA7XG4gICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLnRyYWNrQ29sb3J9KTtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMudHJhY2tCb3JkZXJSYWRpdXN9KTtcblxuICAgICZbZGF0YS1wbGFjZW1lbnQ9J2xlZnQnXSB7XG4gICAgICAgIGxlZnQ6IDA7XG4gICAgfVxuXG4gICAgJltkYXRhLXBsYWNlbWVudD0ncmlnaHQnXSB7XG4gICAgICAgIHJpZ2h0OiAwO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLnNjcm9sbEJhclRyYWNrVmlzaWJsZX0ge1xuICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgICBwb2ludGVyLWV2ZW50czogYXV0bztcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGh1bWIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBsZWZ0OiAwO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy50aHVtYkNvbG9yfSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLnRodW1iQm9yZGVyUmFkaXVzfSk7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgMC4ycyBlYXNlO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLnRodW1iQ29sb3JIb3Zlcn0pO1xuICAgIH1cblxuICAgICY6YWN0aXZlIHtcbiAgICAgICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLnRodW1iQ29sb3JBY3RpdmV9KTtcbiAgICB9XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTREMkIifQ== */");
+})("position:absolute;width:var(", _Scrollbartokens.tokens.trackWidth, ");opacity:0;transition:opacity 0.3s ease;pointer-events:none;z-index:10;background:var(", _Scrollbartokens.tokens.trackColor, ");border-radius:var(", _Scrollbartokens.tokens.trackBorderRadius, ");&[data-placement='left']{left:0;}&[data-placement='right']{right:0;}&.", _Scrollbartokens.classes.scrollBarTrackVisible, "{opacity:1;pointer-events:auto;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TY3JvbGxiYXIvU2Nyb2xsYmFyLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TY3JvbGxiYXIvU2Nyb2xsYmFyLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHRva2VucywgY2xhc3NlcyB9IGZyb20gJy4vU2Nyb2xsYmFyLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTY3JvbGxCYXIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICB3aWR0aDogdmFyKCR7dG9rZW5zLndpZHRofSwgMTAwJSk7XG4gICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuaGVpZ2h0fSwgMTAwJSk7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAgICYuJHtjbGFzc2VzLnNjcm9sbEJhclZpc2libGV9IHtcbiAgICAgICAgLiR7Y2xhc3Nlcy5zY3JvbGxCYXJUcmFja30ge1xuICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgICAgIHBvaW50ZXItZXZlbnRzOiBhdXRvO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMuc2Nyb2xsQmFyRHJhZ2dpbmd9IHtcbiAgICAgICAgLiR7Y2xhc3Nlcy5zY3JvbGxCYXJUaHVtYn0ge1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLnRodW1iQ29sb3JBY3RpdmV9KSAhaW1wb3J0YW50O1xuICAgICAgICB9XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICAgd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIG92ZXJmbG93OiBhdXRvO1xuICAgIHNjcm9sbGJhci13aWR0aDogbm9uZTtcbiAgICAtbXMtb3ZlcmZsb3ctc3R5bGU6IG5vbmU7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgICZbZGF0YS1wbGFjZW1lbnQ9J2xlZnQnXSB7XG4gICAgICAgIHBhZGRpbmctbGVmdDogdmFyKCR7dG9rZW5zLnRyYWNrV2lkdGh9KTtcbiAgICB9XG5cbiAgICAmW2RhdGEtcGxhY2VtZW50PSdyaWdodCddIHtcbiAgICAgICAgcGFkZGluZy1yaWdodDogdmFyKCR7dG9rZW5zLnRyYWNrV2lkdGh9KTtcbiAgICB9XG5cbiAgICAmOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIHdpZHRoOiAwO1xuICAgICAgICBoZWlnaHQ6IDA7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIG1pbi1oZWlnaHQ6IDEwMCU7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUcmFjayA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMudHJhY2tXaWR0aH0pO1xuICAgIG9wYWNpdHk6IDA7XG4gICAgdHJhbnNpdGlvbjogb3BhY2l0eSAwLjNzIGVhc2U7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgei1pbmRleDogMTA7XG4gICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLnRyYWNrQ29sb3J9KTtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMudHJhY2tCb3JkZXJSYWRpdXN9KTtcblxuICAgICZbZGF0YS1wbGFjZW1lbnQ9J2xlZnQnXSB7XG4gICAgICAgIGxlZnQ6IDA7XG4gICAgfVxuXG4gICAgJltkYXRhLXBsYWNlbWVudD0ncmlnaHQnXSB7XG4gICAgICAgIHJpZ2h0OiAwO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLnNjcm9sbEJhclRyYWNrVmlzaWJsZX0ge1xuICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgICBwb2ludGVyLWV2ZW50czogYXV0bztcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGh1bWIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBsZWZ0OiAwO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy50aHVtYkNvbG9yfSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLnRodW1iQm9yZGVyUmFkaXVzfSk7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgMC4ycyBlYXNlO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLnRodW1iQ29sb3JIb3Zlcn0pO1xuICAgIH1cblxuICAgICY6YWN0aXZlIHtcbiAgICAgICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLnRodW1iQ29sb3JBY3RpdmV9KTtcbiAgICB9XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTREMkIifQ== */");
 var StyledThumb = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "e17lke624",
+    target: "eeqcvy34",
     label: "StyledThumb"
-})("position:absolute;left:0;width:100%;background:var(", _Scrollbartokens.tokens.thumbColor, ");border-radius:var(", _Scrollbartokens.tokens.thumbBorderRadius, ");cursor:pointer;transition:background-color 0.2s ease;box-sizing:border-box;&:hover{background:var(", _Scrollbartokens.tokens.thumbColorHover, ");}&:active{background:var(", _Scrollbartokens.tokens.thumbColorActive, ");}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TY3JvbGxiYXIvU2Nyb2xsYmFyLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TY3JvbGxiYXIvU2Nyb2xsYmFyLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHRva2VucywgY2xhc3NlcyB9IGZyb20gJy4vU2Nyb2xsYmFyLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTY3JvbGxCYXIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICB3aWR0aDogdmFyKCR7dG9rZW5zLndpZHRofSwgMTAwJSk7XG4gICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuaGVpZ2h0fSwgMTAwJSk7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAgICYuJHtjbGFzc2VzLnNjcm9sbEJhclZpc2libGV9IHtcbiAgICAgICAgLiR7Y2xhc3Nlcy5zY3JvbGxCYXJUcmFja30ge1xuICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgICAgIHBvaW50ZXItZXZlbnRzOiBhdXRvO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMuc2Nyb2xsQmFyRHJhZ2dpbmd9IHtcbiAgICAgICAgLiR7Y2xhc3Nlcy5zY3JvbGxCYXJUaHVtYn0ge1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLnRodW1iQ29sb3JBY3RpdmV9KSAhaW1wb3J0YW50O1xuICAgICAgICB9XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICAgd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIG92ZXJmbG93OiBhdXRvO1xuICAgIHNjcm9sbGJhci13aWR0aDogbm9uZTtcbiAgICAtbXMtb3ZlcmZsb3ctc3R5bGU6IG5vbmU7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgICZbZGF0YS1wbGFjZW1lbnQ9J2xlZnQnXSB7XG4gICAgICAgIHBhZGRpbmctbGVmdDogdmFyKCR7dG9rZW5zLnRyYWNrV2lkdGh9KTtcbiAgICB9XG5cbiAgICAmW2RhdGEtcGxhY2VtZW50PSdyaWdodCddIHtcbiAgICAgICAgcGFkZGluZy1yaWdodDogdmFyKCR7dG9rZW5zLnRyYWNrV2lkdGh9KTtcbiAgICB9XG5cbiAgICAmOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIHdpZHRoOiAwO1xuICAgICAgICBoZWlnaHQ6IDA7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIG1pbi1oZWlnaHQ6IDEwMCU7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUcmFjayA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIC8qINCj0LHRgNCw0L3RiyDRhNC40LrRgdC40YDQvtCy0LDQvdC90YvQtSB0b3Ag0LggYm90dG9tLCDRgtC10L/QtdGA0Ywg0L7QvdC4INC30LDQtNCw0Y7RgtGB0Y8g0YfQtdGA0LXQtyBzdHlsZSAqL1xuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMudHJhY2tXaWR0aH0pO1xuICAgIG9wYWNpdHk6IDA7XG4gICAgdHJhbnNpdGlvbjogb3BhY2l0eSAwLjNzIGVhc2U7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgei1pbmRleDogMTA7XG4gICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLnRyYWNrQ29sb3J9KTtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMudHJhY2tCb3JkZXJSYWRpdXN9KTtcblxuICAgICZbZGF0YS1wbGFjZW1lbnQ9J2xlZnQnXSB7XG4gICAgICAgIGxlZnQ6IDA7XG4gICAgfVxuXG4gICAgJltkYXRhLXBsYWNlbWVudD0ncmlnaHQnXSB7XG4gICAgICAgIHJpZ2h0OiAwO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLnNjcm9sbEJhclRyYWNrVmlzaWJsZX0ge1xuICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgICBwb2ludGVyLWV2ZW50czogYXV0bztcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGh1bWIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBsZWZ0OiAwO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy50aHVtYkNvbG9yfSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLnRodW1iQm9yZGVyUmFkaXVzfSk7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgMC4ycyBlYXNlO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLnRodW1iQ29sb3JIb3Zlcn0pO1xuICAgIH1cblxuICAgICY6YWN0aXZlIHtcbiAgICAgICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLnRodW1iQ29sb3JBY3RpdmV9KTtcbiAgICB9XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFGMkIifQ== */");
+})("position:absolute;left:0;width:100%;background:var(", _Scrollbartokens.tokens.thumbColor, ");border-radius:var(", _Scrollbartokens.tokens.thumbBorderRadius, ");cursor:pointer;transition:background-color 0.2s ease;box-sizing:border-box;&:hover{background:var(", _Scrollbartokens.tokens.thumbColorHover, ");}&:active{background:var(", _Scrollbartokens.tokens.thumbColorActive, ");}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TY3JvbGxiYXIvU2Nyb2xsYmFyLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TY3JvbGxiYXIvU2Nyb2xsYmFyLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHRva2VucywgY2xhc3NlcyB9IGZyb20gJy4vU2Nyb2xsYmFyLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTY3JvbGxCYXIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICB3aWR0aDogdmFyKCR7dG9rZW5zLndpZHRofSwgMTAwJSk7XG4gICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuaGVpZ2h0fSwgMTAwJSk7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAgICYuJHtjbGFzc2VzLnNjcm9sbEJhclZpc2libGV9IHtcbiAgICAgICAgLiR7Y2xhc3Nlcy5zY3JvbGxCYXJUcmFja30ge1xuICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgICAgIHBvaW50ZXItZXZlbnRzOiBhdXRvO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMuc2Nyb2xsQmFyRHJhZ2dpbmd9IHtcbiAgICAgICAgLiR7Y2xhc3Nlcy5zY3JvbGxCYXJUaHVtYn0ge1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLnRodW1iQ29sb3JBY3RpdmV9KSAhaW1wb3J0YW50O1xuICAgICAgICB9XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICAgd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIG92ZXJmbG93OiBhdXRvO1xuICAgIHNjcm9sbGJhci13aWR0aDogbm9uZTtcbiAgICAtbXMtb3ZlcmZsb3ctc3R5bGU6IG5vbmU7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgICZbZGF0YS1wbGFjZW1lbnQ9J2xlZnQnXSB7XG4gICAgICAgIHBhZGRpbmctbGVmdDogdmFyKCR7dG9rZW5zLnRyYWNrV2lkdGh9KTtcbiAgICB9XG5cbiAgICAmW2RhdGEtcGxhY2VtZW50PSdyaWdodCddIHtcbiAgICAgICAgcGFkZGluZy1yaWdodDogdmFyKCR7dG9rZW5zLnRyYWNrV2lkdGh9KTtcbiAgICB9XG5cbiAgICAmOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIHdpZHRoOiAwO1xuICAgICAgICBoZWlnaHQ6IDA7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIG1pbi1oZWlnaHQ6IDEwMCU7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUcmFjayA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMudHJhY2tXaWR0aH0pO1xuICAgIG9wYWNpdHk6IDA7XG4gICAgdHJhbnNpdGlvbjogb3BhY2l0eSAwLjNzIGVhc2U7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgei1pbmRleDogMTA7XG4gICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLnRyYWNrQ29sb3J9KTtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMudHJhY2tCb3JkZXJSYWRpdXN9KTtcblxuICAgICZbZGF0YS1wbGFjZW1lbnQ9J2xlZnQnXSB7XG4gICAgICAgIGxlZnQ6IDA7XG4gICAgfVxuXG4gICAgJltkYXRhLXBsYWNlbWVudD0ncmlnaHQnXSB7XG4gICAgICAgIHJpZ2h0OiAwO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLnNjcm9sbEJhclRyYWNrVmlzaWJsZX0ge1xuICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgICBwb2ludGVyLWV2ZW50czogYXV0bztcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGh1bWIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBsZWZ0OiAwO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy50aHVtYkNvbG9yfSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLnRodW1iQm9yZGVyUmFkaXVzfSk7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgMC4ycyBlYXNlO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLnRodW1iQ29sb3JIb3Zlcn0pO1xuICAgIH1cblxuICAgICY6YWN0aXZlIHtcbiAgICAgICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLnRodW1iQ29sb3JBY3RpdmV9KTtcbiAgICB9XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9GMkIifQ== */");

package/emotion/cjs/components/TextArea/TextArea.tokens.js

@@ -187,5 +187,6 @@ var tokens = {
     tooltipArrowHeight: '--plasma-textarea__tooltip-arrow-height',
     tooltipArrowEdgeMargin: '--plasma-textarea__tooltip-arrow-edge-margin',
     tooltipArrowBackground: '--plasma-textarea__tooltip-arrow-background',
+    contentSlotRightOpacityReadOnly: '--plasma-textarea-right-content-opacity-readonly',
     tourBorderRadius: _utils.TOUR_BORDER_RADIUS_TOKEN
 };

package/emotion/cjs/components/TextArea/variations/_read-only/base.js

@@ -11,4 +11,4 @@ Object.defineProperty(exports, "base", {
 var _react = require("@emotion/react");
 var _TextAreastyles = require("../../TextArea.styles");
 var _TextAreatokens = require("../../TextArea.tokens");
-var base = (0, /*#__PURE__*/ _react.css)("&[readonly]{", _TextAreastyles.StyledTextArea, "{color:var(", _TextAreatokens.tokens.inputColorReadOnly, ");}&.", _TextAreatokens.classes.clear, "{", _TextAreastyles.StyledTextAreaWrapper, "{&:before{background-color:var(", _TextAreatokens.tokens.dividerColorReadOnly, ");}}}:not(&.", _TextAreatokens.classes.clear, "){", _TextAreastyles.StyledTextAreaWrapper, ",", _TextAreastyles.StyledHelpers, "{background:transparent;}", _TextAreastyles.StyledTextAreaWrapper, "{position:relative;box-shadow:none;:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;box-shadow:inset 0 0 0 var(", _TextAreatokens.tokens.borderSize, ",1px) var(", _TextAreatokens.tokens.borderColorReadOnly, ");border-radius:var(", _TextAreatokens.tokens.borderRadius, ");opacity:var(", _TextAreatokens.tokens.readOnlyOpacity, ");}}", _TextAreastyles.StyledContainer, "{background:transparent;position:relative;:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;background:var(", _TextAreatokens.tokens.backgroundColorReadOnly, ");border-radius:var(", _TextAreatokens.tokens.borderRadius, ");opacity:var(", _TextAreatokens.tokens.readOnlyOpacity, ");z-index:-1;}:hover{background:transparent;}}}}", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9UZXh0QXJlYS92YXJpYXRpb25zL19yZWFkLW9ubHkvYmFzZS50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9UZXh0QXJlYS92YXJpYXRpb25zL19yZWFkLW9ubHkvYmFzZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IFN0eWxlZENvbnRhaW5lciwgU3R5bGVkSGVscGVycywgU3R5bGVkVGV4dEFyZWEsIFN0eWxlZFRleHRBcmVhV3JhcHBlciB9IGZyb20gJy4uLy4uL1RleHRBcmVhLnN0eWxlcyc7XG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuLi8uLi9UZXh0QXJlYS50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAmW3JlYWRvbmx5XSB7XG4gICAgICAgICR7U3R5bGVkVGV4dEFyZWF9IHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuaW5wdXRDb2xvclJlYWRPbmx5fSk7XG4gICAgICAgIH1cblxuICAgICAgICAmLiR7Y2xhc3Nlcy5jbGVhcn0ge1xuICAgICAgICAgICAgJHtTdHlsZWRUZXh0QXJlYVdyYXBwZXJ9IHtcbiAgICAgICAgICAgICAgICAmOmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5kaXZpZGVyQ29sb3JSZWFkT25seX0pO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgIDpub3QoJi4ke2NsYXNzZXMuY2xlYXJ9KSB7XG4gICAgICAgICAgICAke1N0eWxlZFRleHRBcmVhV3JhcHBlcn0sICR7U3R5bGVkSGVscGVyc30ge1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAke1N0eWxlZFRleHRBcmVhV3JhcHBlcn0ge1xuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgICAgICAgICBib3gtc2hhZG93OiBub25lO1xuXG4gICAgICAgICAgICAgICAgOmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgICAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgICAgICAgICAgICAgIHRvcDogMDtcbiAgICAgICAgICAgICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgICAgICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICAgICAgICAgICAgYm94LXNoYWRvdzogaW5zZXQgMCAwIDAgdmFyKCR7dG9rZW5zLmJvcmRlclNpemV9LCAxcHgpIHZhcigke3Rva2Vucy5ib3JkZXJDb2xvclJlYWRPbmx5fSk7XG4gICAgICAgICAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KTtcbiAgICAgICAgICAgICAgICAgICAgb3BhY2l0eTogdmFyKCR7dG9rZW5zLnJlYWRPbmx5T3BhY2l0eX0pO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgJHtTdHlsZWRDb250YWluZXJ9IHtcbiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICAgICAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICAgICAgICAgICAgICA6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgICAgICAgICBjb250ZW50OiAnJztcbiAgICAgICAgICAgICAgICAgICAgdG9wOiAwO1xuICAgICAgICAgICAgICAgICAgICBsZWZ0OiAwO1xuICAgICAgICAgICAgICAgICAgICByaWdodDogMDtcbiAgICAgICAgICAgICAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZENvbG9yUmVhZE9ubHl9KTtcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgICAgICAgICAgICAgICAgICBvcGFjaXR5OiB2YXIoJHt0b2tlbnMucmVhZE9ubHlPcGFjaXR5fSk7XG5cbiAgICAgICAgICAgICAgICAgICAgei1pbmRleDogLTE7XG4gICAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgICAgOmhvdmVyIHtcbiAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLb0IifQ== */");
+var base = (0, /*#__PURE__*/ _react.css)("&[readonly]{", _TextAreastyles.StyledTextArea, "{color:var(", _TextAreatokens.tokens.inputColorReadOnly, ");}", _TextAreastyles.StyledContent, "{opacity:var(", _TextAreatokens.tokens.contentSlotRightOpacityReadOnly, ");}&.", _TextAreatokens.classes.clear, "{", _TextAreastyles.StyledTextAreaWrapper, "{&:before{background-color:var(", _TextAreatokens.tokens.dividerColorReadOnly, ");}}}:not(&.", _TextAreatokens.classes.clear, "){", _TextAreastyles.StyledTextAreaWrapper, ",", _TextAreastyles.StyledHelpers, "{background:transparent;}", _TextAreastyles.StyledTextAreaWrapper, "{position:relative;box-shadow:none;:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;box-shadow:inset 0 0 0 var(", _TextAreatokens.tokens.borderSize, ",1px) var(", _TextAreatokens.tokens.borderColorReadOnly, ");border-radius:var(", _TextAreatokens.tokens.borderRadius, ");opacity:var(", _TextAreatokens.tokens.readOnlyOpacity, ");}}", _TextAreastyles.StyledContainer, "{background:transparent;position:relative;:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;background:var(", _TextAreatokens.tokens.backgroundColorReadOnly, ");border-radius:var(", _TextAreatokens.tokens.borderRadius, ");opacity:var(", _TextAreatokens.tokens.readOnlyOpacity, ");z-index:-1;}:hover{background:transparent;}}}}", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9UZXh0QXJlYS92YXJpYXRpb25zL19yZWFkLW9ubHkvYmFzZS50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9UZXh0QXJlYS92YXJpYXRpb25zL19yZWFkLW9ubHkvYmFzZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7XG4gICAgU3R5bGVkQ29udGFpbmVyLFxuICAgIFN0eWxlZENvbnRlbnQsXG4gICAgU3R5bGVkSGVscGVycyxcbiAgICBTdHlsZWRUZXh0QXJlYSxcbiAgICBTdHlsZWRUZXh0QXJlYVdyYXBwZXIsXG59IGZyb20gJy4uLy4uL1RleHRBcmVhLnN0eWxlcyc7XG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuLi8uLi9UZXh0QXJlYS50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAmW3JlYWRvbmx5XSB7XG4gICAgICAgICR7U3R5bGVkVGV4dEFyZWF9IHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuaW5wdXRDb2xvclJlYWRPbmx5fSk7XG4gICAgICAgIH1cblxuICAgICAgICAke1N0eWxlZENvbnRlbnR9IHtcbiAgICAgICAgICAgIG9wYWNpdHk6IHZhcigke3Rva2Vucy5jb250ZW50U2xvdFJpZ2h0T3BhY2l0eVJlYWRPbmx5fSk7XG4gICAgICAgIH1cblxuICAgICAgICAmLiR7Y2xhc3Nlcy5jbGVhcn0ge1xuICAgICAgICAgICAgJHtTdHlsZWRUZXh0QXJlYVdyYXBwZXJ9IHtcbiAgICAgICAgICAgICAgICAmOmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5kaXZpZGVyQ29sb3JSZWFkT25seX0pO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgIDpub3QoJi4ke2NsYXNzZXMuY2xlYXJ9KSB7XG4gICAgICAgICAgICAke1N0eWxlZFRleHRBcmVhV3JhcHBlcn0sICR7U3R5bGVkSGVscGVyc30ge1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAke1N0eWxlZFRleHRBcmVhV3JhcHBlcn0ge1xuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgICAgICAgICBib3gtc2hhZG93OiBub25lO1xuXG4gICAgICAgICAgICAgICAgOmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgICAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgICAgICAgICAgICAgIHRvcDogMDtcbiAgICAgICAgICAgICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgICAgICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICAgICAgICAgICAgYm94LXNoYWRvdzogaW5zZXQgMCAwIDAgdmFyKCR7dG9rZW5zLmJvcmRlclNpemV9LCAxcHgpIHZhcigke3Rva2Vucy5ib3JkZXJDb2xvclJlYWRPbmx5fSk7XG4gICAgICAgICAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KTtcbiAgICAgICAgICAgICAgICAgICAgb3BhY2l0eTogdmFyKCR7dG9rZW5zLnJlYWRPbmx5T3BhY2l0eX0pO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgJHtTdHlsZWRDb250YWluZXJ9IHtcbiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICAgICAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICAgICAgICAgICAgICA6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgICAgICAgICBjb250ZW50OiAnJztcbiAgICAgICAgICAgICAgICAgICAgdG9wOiAwO1xuICAgICAgICAgICAgICAgICAgICBsZWZ0OiAwO1xuICAgICAgICAgICAgICAgICAgICByaWdodDogMDtcbiAgICAgICAgICAgICAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZENvbG9yUmVhZE9ubHl9KTtcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgICAgICAgICAgICAgICAgICBvcGFjaXR5OiB2YXIoJHt0b2tlbnMucmVhZE9ubHlPcGFjaXR5fSk7XG5cbiAgICAgICAgICAgICAgICAgICAgei1pbmRleDogLTE7XG4gICAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgICAgOmhvdmVyIHtcbiAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXb0IifQ== */");

package/emotion/cjs/components/TextField/TextField.tokens.js

@@ -82,6 +82,7 @@ var tokens = {
     contentSlotRightColor: '--plasma-textfield-content-right-slot-color',
     contentSlotRightColorHover: '--plasma-textfield-content-right-slot-color-hover',
     contentSlotRightColorActive: '--plasma-textfield-content-right-slot-color-active',
+    contentSlotRightOpacityReadOnly: '--plasma-textfield-right-content-opacity-readonly',
     contentRightWrapperGap: '--plasma-textfield-content-right-wrapper-gap',
     contentRightWrapperMargin: '--plasma-textfield-content-right-wrapper-margin',
     /** Токены лейбла */ labelColor: '--plasma-textfield__label-color',

package/emotion/cjs/components/TextField/variations/_read-only/base.js

@@ -11,4 +11,4 @@ Object.defineProperty(exports, "base", {
 var _react = require("@emotion/react");
 var _TextFieldtokens = require("../../TextField.tokens");
 var _TextFieldstyles = require("../../TextField.styles");
-var base = (0, /*#__PURE__*/ _react.css)("&[readonly]{:not(&.", _TextFieldtokens.classes.clear, "){", _TextFieldstyles.InputWrapper, "{position:relative;z-index:0;color:var(", _TextFieldtokens.tokens.colorReadOnly, ");background:transparent;box-shadow:none;:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(", _TextFieldtokens.tokens.borderRadius, ");background-color:var(", _TextFieldtokens.tokens.backgroundColorReadOnly, ");opacity:var(", _TextFieldtokens.tokens.readOnlyOpacity, ");box-shadow:inset 0 0 0 var(", String(_TextFieldtokens.tokens.borderWidth), ") var(", _TextFieldtokens.tokens.borderColorReadOnly, ");z-index:-1;}:hover{background-color:transparent;}}}&.", _TextFieldtokens.classes.hasDivider, " ", _TextFieldstyles.InputWrapper, "{&:before{background-color:var(", String(_TextFieldtokens.tokens.dividerColorReadOnly), ");}}", _TextFieldstyles.InputWrapper, ":focus-within ", _TextFieldstyles.InputPlaceholder, ",", _TextFieldstyles.InputPlaceholder, "{color:var(", _TextFieldtokens.tokens.placeholderColorReadOnly, ");}", _TextFieldstyles.Input, "{color:var(", _TextFieldtokens.tokens.colorReadOnly, ");cursor:default;min-width:unset;}", _TextFieldstyles.TitleCaption, "{color:var(", _TextFieldtokens.tokens.titleCaptionColorReadOnly, ");}", _TextFieldstyles.LeftHelper, "{color:var(", _TextFieldtokens.tokens.leftHelperColorReadOnly, ");}", _TextFieldstyles.StyledContentRight, ":hover,", _TextFieldstyles.StyledContentRight, ":active{cursor:default;color:var(", _TextFieldtokens.tokens.contentSlotRightColor, ",var(", _TextFieldtokens.tokens.contentSlotColor, "));}&.", _TextFieldtokens.classes.outerLabelPlacement, " ", _TextFieldstyles.Label, "{color:var(", _TextFieldtokens.tokens.labelColorReadOnly, ");}", _TextFieldstyles.StyledContentRight, "{&:hover{cursor:default;}}}", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9UZXh0RmllbGQvdmFyaWF0aW9ucy9fcmVhZC1vbmx5L2Jhc2UudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3ZhcmlhdGlvbnMvX3JlYWQtb25seS9iYXNlLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vVGV4dEZpZWxkLnRva2Vucyc7XG5pbXBvcnQge1xuICAgIElucHV0LFxuICAgIElucHV0UGxhY2Vob2xkZXIsXG4gICAgSW5wdXRXcmFwcGVyLFxuICAgIExhYmVsLFxuICAgIExlZnRIZWxwZXIsXG4gICAgU3R5bGVkQ29udGVudFJpZ2h0LFxuICAgIFRpdGxlQ2FwdGlvbixcbn0gZnJvbSAnLi4vLi4vVGV4dEZpZWxkLnN0eWxlcyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgICZbcmVhZG9ubHldIHtcbiAgICAgICAgOm5vdCgmLiR7Y2xhc3Nlcy5jbGVhcn0pIHtcbiAgICAgICAgICAgICR7SW5wdXRXcmFwcGVyfSB7XG4gICAgICAgICAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICAgICAgICAgIHotaW5kZXg6IDA7XG4gICAgICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5jb2xvclJlYWRPbmx5fSk7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgICAgICAgICAgICAgYm94LXNoYWRvdzogbm9uZTtcblxuICAgICAgICAgICAgICAgIDpiZWZvcmUge1xuICAgICAgICAgICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgICAgICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICAgICAgICAgICAgICB0b3A6IDA7XG4gICAgICAgICAgICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgICAgICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICAgICAgICAgICAgICBib3R0b206IDA7XG4gICAgICAgICAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KTtcbiAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLmJhY2tncm91bmRDb2xvclJlYWRPbmx5fSk7XG4gICAgICAgICAgICAgICAgICAgIG9wYWNpdHk6IHZhcigke3Rva2Vucy5yZWFkT25seU9wYWNpdHl9KTtcbiAgICAgICAgICAgICAgICAgICAgYm94LXNoYWRvdzogaW5zZXQgMCAwIDAgdmFyKCR7U3RyaW5nKHRva2Vucy5ib3JkZXJXaWR0aCl9KSB2YXIoJHt0b2tlbnMuYm9yZGVyQ29sb3JSZWFkT25seX0pO1xuICAgICAgICAgICAgICAgICAgICB6LWluZGV4OiAtMTtcbiAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICA6aG92ZXIge1xuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICAmLiR7Y2xhc3Nlcy5oYXNEaXZpZGVyfSAke0lucHV0V3JhcHBlcn0ge1xuICAgICAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke1N0cmluZyh0b2tlbnMuZGl2aWRlckNvbG9yUmVhZE9ubHkpfSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICAke0lucHV0V3JhcHBlcn06Zm9jdXMtd2l0aGluICR7SW5wdXRQbGFjZWhvbGRlcn0sICR7SW5wdXRQbGFjZWhvbGRlcn0ge1xuICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5wbGFjZWhvbGRlckNvbG9yUmVhZE9ubHl9KTtcbiAgICAgICAgfVxuXG4gICAgICAgICR7SW5wdXR9IHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY29sb3JSZWFkT25seX0pO1xuICAgICAgICAgICAgY3Vyc29yOiBkZWZhdWx0O1xuICAgICAgICAgICAgbWluLXdpZHRoOiB1bnNldDtcbiAgICAgICAgfVxuXG4gICAgICAgICR7VGl0bGVDYXB0aW9ufSB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLnRpdGxlQ2FwdGlvbkNvbG9yUmVhZE9ubHl9KTtcbiAgICAgICAgfVxuXG4gICAgICAgICR7TGVmdEhlbHBlcn0ge1xuICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5sZWZ0SGVscGVyQ29sb3JSZWFkT25seX0pO1xuICAgICAgICB9XG5cbiAgICAgICAgJHtTdHlsZWRDb250ZW50UmlnaHR9OmhvdmVyLCAke1N0eWxlZENvbnRlbnRSaWdodH06YWN0aXZlIHtcbiAgICAgICAgICAgIGN1cnNvcjogZGVmYXVsdDtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY29udGVudFNsb3RSaWdodENvbG9yfSwgdmFyKCR7dG9rZW5zLmNvbnRlbnRTbG90Q29sb3J9KSk7XG4gICAgICAgIH1cblxuICAgICAgICAmLiR7Y2xhc3Nlcy5vdXRlckxhYmVsUGxhY2VtZW50fSAke0xhYmVsfSB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmxhYmVsQ29sb3JSZWFkT25seX0pO1xuICAgICAgICB9XG5cbiAgICAgICAgJHtTdHlsZWRDb250ZW50UmlnaHR9IHtcbiAgICAgICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgICAgIGN1cnNvcjogZGVmYXVsdDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYW9CIn0= */");
+var base = (0, /*#__PURE__*/ _react.css)("&[readonly]{:not(&.", _TextFieldtokens.classes.clear, "){", _TextFieldstyles.InputWrapper, "{position:relative;z-index:0;color:var(", _TextFieldtokens.tokens.colorReadOnly, ");background:transparent;box-shadow:none;:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(", _TextFieldtokens.tokens.borderRadius, ");background-color:var(", _TextFieldtokens.tokens.backgroundColorReadOnly, ");opacity:var(", _TextFieldtokens.tokens.readOnlyOpacity, ");box-shadow:inset 0 0 0 var(", String(_TextFieldtokens.tokens.borderWidth), ") var(", _TextFieldtokens.tokens.borderColorReadOnly, ");z-index:-1;}:hover{background-color:transparent;}}}&.", _TextFieldtokens.classes.hasDivider, " ", _TextFieldstyles.InputWrapper, "{&:before{background-color:var(", String(_TextFieldtokens.tokens.dividerColorReadOnly), ");}}", _TextFieldstyles.InputWrapper, ":focus-within ", _TextFieldstyles.InputPlaceholder, ",", _TextFieldstyles.InputPlaceholder, "{color:var(", _TextFieldtokens.tokens.placeholderColorReadOnly, ");}", _TextFieldstyles.Input, "{color:var(", _TextFieldtokens.tokens.colorReadOnly, ");cursor:default;min-width:unset;}", _TextFieldstyles.TitleCaption, "{color:var(", _TextFieldtokens.tokens.titleCaptionColorReadOnly, ");}", _TextFieldstyles.LeftHelper, "{color:var(", _TextFieldtokens.tokens.leftHelperColorReadOnly, ");}", _TextFieldstyles.StyledContentRight, "{opacity:var(", _TextFieldtokens.tokens.contentSlotRightOpacityReadOnly, ");}", _TextFieldstyles.StyledContentRight, ":hover,", _TextFieldstyles.StyledContentRight, ":active{cursor:default;color:var(", _TextFieldtokens.tokens.contentSlotRightColor, ",var(", _TextFieldtokens.tokens.contentSlotColor, "));}&.", _TextFieldtokens.classes.outerLabelPlacement, " ", _TextFieldstyles.Label, "{color:var(", _TextFieldtokens.tokens.labelColorReadOnly, ");}", _TextFieldstyles.StyledContentRight, "{&:hover{cursor:default;}}}", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9UZXh0RmllbGQvdmFyaWF0aW9ucy9fcmVhZC1vbmx5L2Jhc2UudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3ZhcmlhdGlvbnMvX3JlYWQtb25seS9iYXNlLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vVGV4dEZpZWxkLnRva2Vucyc7XG5pbXBvcnQge1xuICAgIElucHV0LFxuICAgIElucHV0UGxhY2Vob2xkZXIsXG4gICAgSW5wdXRXcmFwcGVyLFxuICAgIExhYmVsLFxuICAgIExlZnRIZWxwZXIsXG4gICAgU3R5bGVkQ29udGVudFJpZ2h0LFxuICAgIFRpdGxlQ2FwdGlvbixcbn0gZnJvbSAnLi4vLi4vVGV4dEZpZWxkLnN0eWxlcyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgICZbcmVhZG9ubHldIHtcbiAgICAgICAgOm5vdCgmLiR7Y2xhc3Nlcy5jbGVhcn0pIHtcbiAgICAgICAgICAgICR7SW5wdXRXcmFwcGVyfSB7XG4gICAgICAgICAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICAgICAgICAgIHotaW5kZXg6IDA7XG4gICAgICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5jb2xvclJlYWRPbmx5fSk7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgICAgICAgICAgICAgYm94LXNoYWRvdzogbm9uZTtcblxuICAgICAgICAgICAgICAgIDpiZWZvcmUge1xuICAgICAgICAgICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgICAgICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICAgICAgICAgICAgICB0b3A6IDA7XG4gICAgICAgICAgICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgICAgICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICAgICAgICAgICAgICBib3R0b206IDA7XG4gICAgICAgICAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KTtcbiAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLmJhY2tncm91bmRDb2xvclJlYWRPbmx5fSk7XG4gICAgICAgICAgICAgICAgICAgIG9wYWNpdHk6IHZhcigke3Rva2Vucy5yZWFkT25seU9wYWNpdHl9KTtcbiAgICAgICAgICAgICAgICAgICAgYm94LXNoYWRvdzogaW5zZXQgMCAwIDAgdmFyKCR7U3RyaW5nKHRva2Vucy5ib3JkZXJXaWR0aCl9KSB2YXIoJHt0b2tlbnMuYm9yZGVyQ29sb3JSZWFkT25seX0pO1xuICAgICAgICAgICAgICAgICAgICB6LWluZGV4OiAtMTtcbiAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICA6aG92ZXIge1xuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICAmLiR7Y2xhc3Nlcy5oYXNEaXZpZGVyfSAke0lucHV0V3JhcHBlcn0ge1xuICAgICAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke1N0cmluZyh0b2tlbnMuZGl2aWRlckNvbG9yUmVhZE9ubHkpfSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICAke0lucHV0V3JhcHBlcn06Zm9jdXMtd2l0aGluICR7SW5wdXRQbGFjZWhvbGRlcn0sICR7SW5wdXRQbGFjZWhvbGRlcn0ge1xuICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5wbGFjZWhvbGRlckNvbG9yUmVhZE9ubHl9KTtcbiAgICAgICAgfVxuXG4gICAgICAgICR7SW5wdXR9IHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY29sb3JSZWFkT25seX0pO1xuICAgICAgICAgICAgY3Vyc29yOiBkZWZhdWx0O1xuICAgICAgICAgICAgbWluLXdpZHRoOiB1bnNldDtcbiAgICAgICAgfVxuXG4gICAgICAgICR7VGl0bGVDYXB0aW9ufSB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLnRpdGxlQ2FwdGlvbkNvbG9yUmVhZE9ubHl9KTtcbiAgICAgICAgfVxuXG4gICAgICAgICR7TGVmdEhlbHBlcn0ge1xuICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5sZWZ0SGVscGVyQ29sb3JSZWFkT25seX0pO1xuICAgICAgICB9XG4gICAgICAgICBcbiAgICAgICAgJHtTdHlsZWRDb250ZW50UmlnaHR9IHtcbiAgICAgICAgICAgIG9wYWNpdHk6IHZhcigke3Rva2Vucy5jb250ZW50U2xvdFJpZ2h0T3BhY2l0eVJlYWRPbmx5fSk7XG4gICAgICAgIH1cblxuICAgICAgICAke1N0eWxlZENvbnRlbnRSaWdodH06aG92ZXIsICR7U3R5bGVkQ29udGVudFJpZ2h0fTphY3RpdmUge1xuICAgICAgICAgICAgY3Vyc29yOiBkZWZhdWx0O1xuICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5jb250ZW50U2xvdFJpZ2h0Q29sb3J9LCB2YXIoJHt0b2tlbnMuY29udGVudFNsb3RDb2xvcn0pKTtcbiAgICAgICAgfVxuXG4gICAgICAgICYuJHtjbGFzc2VzLm91dGVyTGFiZWxQbGFjZW1lbnR9ICR7TGFiZWx9IHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMubGFiZWxDb2xvclJlYWRPbmx5fSk7XG4gICAgICAgIH1cblxuICAgICAgICAke1N0eWxlZENvbnRlbnRSaWdodH0ge1xuICAgICAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgICAgICAgY3Vyc29yOiBkZWZhdWx0O1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhb0IifQ== */");