@salutejs/plasma-new-hope 0.338.0-canary.2280.18412321271.0 → 0.338.0-canary.2280.18494951721.0

package/styled-components/cjs/components/Scrollbar/variations/_size/base.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "base", {
-    enumerable: true,
-    get: function() {
-        return base;
-    }
-});
-var _styledcomponents = require("styled-components");
-var base = (0, _styledcomponents.css)([
-    ""
-]);

package/styled-components/cjs/components/Scrollbar/variations/_view/base.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "base", {
-    enumerable: true,
-    get: function() {
-        return base;
-    }
-});
-var _styledcomponents = require("styled-components");
-var base = (0, _styledcomponents.css)([
-    ""
-]);

package/styled-components/cjs/examples/components/Scrollbar/Scrollbar.config.js

@@ -1,93 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "config", {
-    enumerable: true,
-    get: function() {
-        return config;
-    }
-});
-var _styledcomponents = require("styled-components");
-var _ProgressBarCircular = require("../../../components/ProgressBarCircular");
-var config = {
-    defaults: {
-        view: 'default',
-        size: 'm'
-    },
-    variations: {
-        view: {
-            default: (0, _styledcomponents.css)([
-                "",
-                ":var(--surface-solid-tertiary);",
-                ":var(--surface-accent);",
-                ":var(--text-primary);"
-            ], _ProgressBarCircular.progressBarCircularTokens.backgroundStroke, _ProgressBarCircular.progressBarCircularTokens.progressStroke, _ProgressBarCircular.progressBarCircularTokens.contentColor),
-            accent: (0, _styledcomponents.css)([
-                "",
-                ":var(--surface-solid-tertiary);",
-                ":var(--surface-accent);",
-                ":var(--on-dark-text-primary);"
-            ], _ProgressBarCircular.progressBarCircularTokens.backgroundStroke, _ProgressBarCircular.progressBarCircularTokens.progressStroke, _ProgressBarCircular.progressBarCircularTokens.contentColor),
-            positive: (0, _styledcomponents.css)([
-                "",
-                ":var(--surface-solid-tertiary);",
-                ":var(--surface-positive);",
-                ":var(--text-primary);"
-            ], _ProgressBarCircular.progressBarCircularTokens.backgroundStroke, _ProgressBarCircular.progressBarCircularTokens.progressStroke, _ProgressBarCircular.progressBarCircularTokens.contentColor),
-            warning: (0, _styledcomponents.css)([
-                "",
-                ":var(--surface-solid-tertiary);",
-                ":var(--surface-warning);",
-                ":var(--text-primary);"
-            ], _ProgressBarCircular.progressBarCircularTokens.backgroundStroke, _ProgressBarCircular.progressBarCircularTokens.progressStroke, _ProgressBarCircular.progressBarCircularTokens.contentColor),
-            negative: (0, _styledcomponents.css)([
-                "",
-                ":var(--surface-solid-tertiary);",
-                ":var(--surface-negative);",
-                ":var(--text-primary);"
-            ], _ProgressBarCircular.progressBarCircularTokens.backgroundStroke, _ProgressBarCircular.progressBarCircularTokens.progressStroke, _ProgressBarCircular.progressBarCircularTokens.contentColor)
-        },
-        size: {
-            l: (0, _styledcomponents.css)([
-                "",
-                ":4rem;",
-                ":4rem;",
-                ":0.5rem;",
-                ":0.5rem;",
-                ":var(--plasma-typo-body-l-font-family);",
-                ":var(--plasma-typo-body-l-font-size);",
-                ":var(--plasma-typo-body-l-font-style);",
-                ":var(--plasma-typo-body-l-font-weight);",
-                ":var(--plasma-typo-body-l-letter-spacing);",
-                ":var(--plasma-typo-body-l-line-height);"
-            ], _ProgressBarCircular.progressBarCircularTokens.width, _ProgressBarCircular.progressBarCircularTokens.height, _ProgressBarCircular.progressBarCircularTokens.backgroundStrokeWidth, _ProgressBarCircular.progressBarCircularTokens.progressStrokeWidth, _ProgressBarCircular.progressBarCircularTokens.contentFontFamily, _ProgressBarCircular.progressBarCircularTokens.contentFontSize, _ProgressBarCircular.progressBarCircularTokens.contentFontStyle, _ProgressBarCircular.progressBarCircularTokens.contentFontWeight, _ProgressBarCircular.progressBarCircularTokens.contentLetterSpacing, _ProgressBarCircular.progressBarCircularTokens.contentLineHeight),
-            m: (0, _styledcomponents.css)([
-                "",
-                ":3rem;",
-                ":3rem;",
-                ":0.375rem;",
-                ":0.375rem;",
-                ":var(--plasma-typo-body-m-font-family);",
-                ":var(--plasma-typo-body-m-font-size);",
-                ":var(--plasma-typo-body-m-font-style);",
-                ":var(--plasma-typo-body-m-font-weight);",
-                ":var(--plasma-typo-body-m-letter-spacing);",
-                ":var(--plasma-typo-body-m-line-height);"
-            ], _ProgressBarCircular.progressBarCircularTokens.width, _ProgressBarCircular.progressBarCircularTokens.height, _ProgressBarCircular.progressBarCircularTokens.backgroundStrokeWidth, _ProgressBarCircular.progressBarCircularTokens.progressStrokeWidth, _ProgressBarCircular.progressBarCircularTokens.contentFontFamily, _ProgressBarCircular.progressBarCircularTokens.contentFontSize, _ProgressBarCircular.progressBarCircularTokens.contentFontStyle, _ProgressBarCircular.progressBarCircularTokens.contentFontWeight, _ProgressBarCircular.progressBarCircularTokens.contentLetterSpacing, _ProgressBarCircular.progressBarCircularTokens.contentLineHeight),
-            s: (0, _styledcomponents.css)([
-                "",
-                ":2rem;",
-                ":2rem;",
-                ":0.25rem;",
-                ":0.25rem;",
-                ":var(--plasma-typo-body-s-font-family);",
-                ":var(--plasma-typo-body-s-font-size);",
-                ":var(--plasma-typo-body-s-font-style);",
-                ":var(--plasma-typo-body-s-font-weight);",
-                ":var(--plasma-typo-body-s-letter-spacing);",
-                ":var(--plasma-typo-body-s-line-height);"
-            ], _ProgressBarCircular.progressBarCircularTokens.width, _ProgressBarCircular.progressBarCircularTokens.height, _ProgressBarCircular.progressBarCircularTokens.backgroundStrokeWidth, _ProgressBarCircular.progressBarCircularTokens.progressStrokeWidth, _ProgressBarCircular.progressBarCircularTokens.contentFontFamily, _ProgressBarCircular.progressBarCircularTokens.contentFontSize, _ProgressBarCircular.progressBarCircularTokens.contentFontStyle, _ProgressBarCircular.progressBarCircularTokens.contentFontWeight, _ProgressBarCircular.progressBarCircularTokens.contentLetterSpacing, _ProgressBarCircular.progressBarCircularTokens.contentLineHeight)
-        }
-    }
-};

package/styled-components/cjs/examples/components/Scrollbar/Scrollbar.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "Scrollbar", {
-    enumerable: true,
-    get: function() {
-        return Scrollbar;
-    }
-});
-var _Scrollbar = require("../../../components/Scrollbar");
-var _engines = require("../../../engines");
-var _Scrollbarconfig = require("./Scrollbar.config");
-var mergedConfig = (0, _engines.mergeConfig)(_Scrollbar.scrollbarConfig, _Scrollbarconfig.config);
-var Scrollbar = (0, _engines.component)(mergedConfig);

package/styled-components/cjs/mixins/addScrollbar.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: Object.getOwnPropertyDescriptor(all, name).get
-    });
-}
-_export(exports, {
-    get scrollbarLarge () {
-        return scrollbarLarge;
-    },
-    get scrollbarSmall () {
-        return scrollbarSmall;
-    }
-});
-var scrollbarLarge = function() {
-    return "\n    &::-webkit-scrollbar {\n        width: 0.25rem;\n        height: 0.25rem;\n    }\n\n    &::-webkit-scrollbar-track {\n        background-color: var(--surface-transparent-primary);\n        border-radius: 0.25rem;\n    }\n\n    &::-webkit-scrollbar-thumb {\n        background-color: var(--surface-transparent-tertiary);\n        border-radius: 0.25rem;\n        transition: background-color 0.2s ease;\n\n        &:hover {\n            background-color: var(--surface-transparent-tertiary-hover);\n        }\n\n        &:active {\n            background-color: var(--surface-transparent-tertiary-active);\n        }\n    }\n\n    /* scrollbar-width: thin;\n    scrollbar-color: var(--surface-transparent-tertiary) var(--surface-transparent-primary); */\n";
-};
-var scrollbarSmall = function() {
-    return "\n    &::-webkit-scrollbar {\n        width: 0.125rem;\n        height: 0.125rem;\n    }\n\n    &::-webkit-scrollbar-track {\n        background-color: var(--surface-transparent-primary);\n        border-radius: 0.125rem;\n    }\n\n    &::-webkit-scrollbar-thumb {\n        background-color: var(--surface-transparent-tertiary);\n        border-radius: 0.125rem;\n        transition: background-color 0.2s ease;\n\n        &:hover {\n            background-color: var(--surface-transparent-tertiary-hover);\n        }\n\n        &:active {\n            background-color: var(--surface-transparent-tertiary-active);\n        }\n    }\n\n    /* scrollbar-width: thin;\n    scrollbar-color: var(--surface-transparent-tertiary) var(--surface-transparent-primary); */\n";
-};

package/styled-components/cjs/utils/getTokenValueInPixels.js

@@ -1,76 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "getTokenValueInPixels", {
-    enumerable: true,
-    get: function() {
-        return getTokenValueInPixels;
-    }
-});
-function _array_like_to_array(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _array_with_holes(arr) {
-    if (Array.isArray(arr)) return arr;
-}
-function _iterable_to_array_limit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _s, _e;
-    try {
-        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
-            _arr.push(_s.value);
-            if (i && _arr.length === i) break;
-        }
-    } catch (err) {
-        _d = true;
-        _e = err;
-    } finally{
-        try {
-            if (!_n && _i["return"] != null) _i["return"]();
-        } finally{
-            if (_d) throw _e;
-        }
-    }
-    return _arr;
-}
-function _non_iterable_rest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _sliced_to_array(arr, i) {
-    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
-}
-function _unsupported_iterable_to_array(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
-}
-var getTokenValueInPixels = function(tokenName, element) {
-    var tokenValue = getComputedStyle(element).getPropertyValue(tokenName).trim();
-    if (!tokenValue) {
-        return undefined;
-    }
-    var valueMatch = tokenValue.match(/^([\d.]+)(rem|px)$/);
-    if (!valueMatch) {
-        return undefined;
-    }
-    var _valueMatch = _sliced_to_array(valueMatch, 3), number = _valueMatch[1], unit = _valueMatch[2];
-    var numericValue = parseFloat(number);
-    if (unit === 'px') {
-        return numericValue;
-    }
-    if (unit === 'rem') {
-        var rootFontSize = parseFloat(getComputedStyle(element).fontSize);
-        return numericValue * rootFontSize;
-    }
-    return undefined;
-};

package/styled-components/es/components/Scrollbar/Scrollbar.js

@@ -1,359 +0,0 @@
-/* eslint-disable */ function _array_like_to_array(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _array_with_holes(arr) {
-    if (Array.isArray(arr)) return arr;
-}
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _iterable_to_array_limit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _s, _e;
-    try {
-        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
-            _arr.push(_s.value);
-            if (i && _arr.length === i) break;
-        }
-    } catch (err) {
-        _d = true;
-        _e = err;
-    } finally{
-        try {
-            if (!_n && _i["return"] != null) _i["return"]();
-        } finally{
-            if (_d) throw _e;
-        }
-    }
-    return _arr;
-}
-function _non_iterable_rest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
-function _object_without_properties(source, excluded) {
-    if (source == null) return {};
-    var target = _object_without_properties_loose(source, excluded);
-    var key, i;
-    if (Object.getOwnPropertySymbols) {
-        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-        for(i = 0; i < sourceSymbolKeys.length; i++){
-            key = sourceSymbolKeys[i];
-            if (excluded.indexOf(key) >= 0) continue;
-            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-            target[key] = source[key];
-        }
-    }
-    return target;
-}
-function _object_without_properties_loose(source, excluded) {
-    if (source == null) return {};
-    var target = {};
-    var sourceKeys = Object.keys(source);
-    var key, i;
-    for(i = 0; i < sourceKeys.length; i++){
-        key = sourceKeys[i];
-        if (excluded.indexOf(key) >= 0) continue;
-        target[key] = source[key];
-    }
-    return target;
-}
-function _sliced_to_array(arr, i) {
-    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
-}
-function _unsupported_iterable_to_array(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
-}
-import React, { forwardRef, useRef, useState, useEffect } from "react";
-import cls from "classnames";
-import { base as sizeCSS } from "./variations/_size/base";
-import { base as viewCSS } from "./variations/_view/base";
-import { base, StyledScrollBar, StyledContainer, StyledContent, StyledTrack, StyledThumb } from "./Scrollbar.styles";
-import { classes } from "./Scrollbar.tokens";
-import { parseOffset, calculateScrollbar } from "./utils";
-var MIN_SCROLLBAR_TRACK_HEIGHT = 20;
-export var scrollbarRoot = function(Root) {
-    return /*#__PURE__*/ forwardRef(function(_param, ref) {
-        var className = _param.className, _param_view = _param.view, view = _param_view === void 0 ? 'default' : _param_view, _param_size = _param.size, size = _param_size === void 0 ? 'm' : _param_size, _param_placement = _param.placement, placement = _param_placement === void 0 ? 'right' : _param_placement, _param_offset = _param.offset, offset = _param_offset === void 0 ? '4px' : _param_offset, _param_autoHide = _param.autoHide, autoHide = _param_autoHide === void 0 ? true : _param_autoHide, _param_autoHideDelay = _param.autoHideDelay, autoHideDelay = _param_autoHideDelay === void 0 ? 2000 : _param_autoHideDelay, style = _param.style, children = _param.children, rest = _object_without_properties(_param, [
-            "className",
-            "view",
-            "size",
-            "placement",
-            "offset",
-            "autoHide",
-            "autoHideDelay",
-            "style",
-            "children"
-        ]);
-        var containerRef = useRef(null);
-        var contentRef = useRef(null);
-        var trackRef = useRef(null);
-        var thumbRef = useRef(null);
-        var hideTimeoutRef = useRef(null);
-        var isInitializedRef = useRef(false);
-        var _useState = _sliced_to_array(useState({
-            isVisible: false,
-            thumbHeight: 0,
-            thumbPosition: 0,
-            isDragging: false
-        }), 2), scrollbarState = _useState[0], setScrollbarState = _useState[1];
-        var parsedOffset = parseOffset(offset);
-        var updateScrollbar = function() {
-            var show = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
-            var container = containerRef.current;
-            if (!container) return;
-            var _calculateScrollbar = calculateScrollbar(container, parsedOffset, MIN_SCROLLBAR_TRACK_HEIGHT), thumbHeight = _calculateScrollbar.thumbHeight, thumbPosition = _calculateScrollbar.thumbPosition;
-            setScrollbarState(function(prevState) {
-                if (prevState.thumbHeight === thumbHeight && prevState.thumbPosition === thumbPosition && prevState.isVisible === (show || prevState.isVisible)) {
-                    return prevState;
-                }
-                return _object_spread_props(_object_spread({}, prevState), {
-                    thumbHeight: thumbHeight,
-                    thumbPosition: thumbPosition,
-                    isVisible: show || prevState.isVisible
-                });
-            });
-        };
-        var clearHideTimeout = function() {
-            if (hideTimeoutRef.current) {
-                clearTimeout(hideTimeoutRef.current);
-                hideTimeoutRef.current = null;
-            }
-        };
-        var showScrollbarWithDelay = function() {
-            clearHideTimeout();
-            updateScrollbar(true);
-            if (autoHide) {
-                hideTimeoutRef.current = window.setTimeout(function() {
-                    setScrollbarState(function(prevState) {
-                        return _object_spread_props(_object_spread({}, prevState), {
-                            isVisible: false
-                        });
-                    });
-                }, autoHideDelay);
-            }
-        };
-        var handleScroll = function() {
-            showScrollbarWithDelay();
-            updateScrollbar();
-        };
-        var handleMouseEnter = function() {
-            showScrollbarWithDelay();
-        };
-        var handleScrollbarDrag = function(e) {
-            e.preventDefault();
-            e.stopPropagation();
-            var thumb = e.currentTarget;
-            var track = thumb.parentElement;
-            var container = containerRef.current;
-            if (!container || !track) return;
-            clearHideTimeout();
-            var startY = e.clientY;
-            var startThumbPosition = parseFloat(thumb.style.top || '0');
-            var trackRect = track.getBoundingClientRect();
-            var trackHeight = trackRect.height;
-            var thumbHeight = thumb.offsetHeight;
-            var scrollHeight = container.scrollHeight, clientHeight = container.clientHeight;
-            var maxScroll = scrollHeight - clientHeight;
-            var handleMouseMove = function(moveEvent) {
-                var deltaY = moveEvent.clientY - startY;
-                var newThumbPosition = Math.max(0, Math.min(trackHeight - thumbHeight, startThumbPosition + deltaY));
-                var scrollPercentage = newThumbPosition / (trackHeight - thumbHeight);
-                var newScrollTop = scrollPercentage * maxScroll;
-                container.scrollTop = newScrollTop;
-                setScrollbarState(function(prevState) {
-                    return _object_spread_props(_object_spread({}, prevState), {
-                        thumbPosition: newThumbPosition,
-                        isDragging: true,
-                        isVisible: true
-                    });
-                });
-            };
-            var handleMouseUp = function() {
-                document.removeEventListener('mousemove', handleMouseMove);
-                document.removeEventListener('mouseup', handleMouseUp);
-                setScrollbarState(function(prevState) {
-                    return _object_spread_props(_object_spread({}, prevState), {
-                        isDragging: false
-                    });
-                });
-                showScrollbarWithDelay();
-            };
-            document.addEventListener('mousemove', handleMouseMove);
-            document.addEventListener('mouseup', handleMouseUp);
-        };
-        var handleTrackClick = function(e) {
-            e.preventDefault();
-            e.stopPropagation();
-            var track = e.currentTarget;
-            var container = containerRef.current;
-            if (!container || !track) return;
-            if (thumbRef.current && thumbRef.current.contains(e.target)) {
-                return;
-            }
-            clearHideTimeout();
-            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(prevState) {
-                return _object_spread_props(_object_spread({}, prevState), {
-                    thumbPosition: newThumbPosition,
-                    isVisible: true
-                });
-            });
-            showScrollbarWithDelay();
-        };
-        useEffect(function() {
-            var container = containerRef.current;
-            if (!container) return;
-            if (!isInitializedRef.current) {
-                updateScrollbar();
-                isInitializedRef.current = true;
-            }
-            container.addEventListener('scroll', handleScroll);
-            container.addEventListener('mouseenter', handleMouseEnter);
-            var resizeObserver = new ResizeObserver(function() {
-                updateScrollbar();
-            });
-            if (contentRef.current) {
-                resizeObserver.observe(contentRef.current);
-            }
-            return function() {
-                container.removeEventListener('scroll', handleScroll);
-                container.removeEventListener('mouseenter', handleMouseEnter);
-                resizeObserver.disconnect();
-                clearHideTimeout();
-            };
-        }, []);
-        useEffect(function() {
-            updateScrollbar();
-        }, [
-            children,
-            offset
-        ]);
-        var _obj;
-        return /*#__PURE__*/ React.createElement(Root, _object_spread({
-            view: view,
-            size: size,
-            className: cls(classes.scrollBarRoot, className),
-            ref: ref
-        }, rest), /*#__PURE__*/ React.createElement(StyledScrollBar, {
-            className: cls((_obj = {}, _define_property(_obj, classes.scrollBarVisible, scrollbarState.isVisible), _define_property(_obj, classes.scrollBarDragging, scrollbarState.isDragging), _obj)),
-            style: _object_spread_props(_object_spread({}, style), {
-                '--scrollbar-offset-top': parsedOffset.top,
-                '--scrollbar-offset-right': parsedOffset.right,
-                '--scrollbar-offset-bottom': parsedOffset.bottom,
-                '--scrollbar-offset-left': parsedOffset.left
-            }),
-            "data-placement": placement,
-            "data-size": size,
-            "data-view": view
-        }, /*#__PURE__*/ React.createElement(StyledContainer, {
-            ref: containerRef,
-            className: classes.scrollBarContainer,
-            "data-placement": placement
-        }, /*#__PURE__*/ React.createElement(StyledContent, {
-            ref: contentRef,
-            className: classes.scrollBarContent
-        }, children)), /*#__PURE__*/ React.createElement(StyledTrack, {
-            ref: trackRef,
-            className: cls(classes.scrollBarTrack, _define_property({}, classes.scrollBarTrackVisible, scrollbarState.isVisible)),
-            "data-placement": placement,
-            onMouseDown: handleTrackClick
-        }, /*#__PURE__*/ React.createElement(StyledThumb, {
-            ref: thumbRef,
-            className: classes.scrollBarThumb,
-            style: {
-                height: "".concat(scrollbarState.thumbHeight, "px"),
-                top: "".concat(scrollbarState.thumbPosition, "px")
-            },
-            onMouseDown: handleScrollbarDrag
-        }))));
-    });
-};
-export var scrollbarConfig = {
-    name: 'Scrollbar',
-    tag: 'div',
-    layout: scrollbarRoot,
-    base: base,
-    variations: {
-        view: {
-            css: viewCSS
-        },
-        size: {
-            css: sizeCSS
-        }
-    },
-    defaults: {
-        size: 'm',
-        view: 'default'
-    }
-};

package/styled-components/es/components/Scrollbar/Scrollbar.styles.js

@@ -1,51 +0,0 @@
-import styled from "styled-components";
-import { css } from "styled-components";
-import { tokens, classes } from "./Scrollbar.tokens";
-export var base = css([
-    "display:flex;position:relative;width:100%;height:100%;"
-]);
-export var StyledScrollBar = styled.div.withConfig({
-    displayName: "Scrollbar.styles__StyledScrollBar",
-    componentId: "sc-d13e1ac1-0"
-})([
-    "position:relative;width:var(",
-    ",100%);height:var(",
-    ",100%);overflow:hidden;&.",
-    "{.",
-    "{opacity:1;pointer-events:auto;}}&.",
-    "{.",
-    "{background-color:var(",
-    ") !important;}}"
-], tokens.width, tokens.height, classes.scrollBarVisible, classes.scrollBarTrack, classes.scrollBarDragging, classes.scrollBarThumb, tokens.thumbColorActive);
-export var StyledContainer = styled.div.withConfig({
-    displayName: "Scrollbar.styles__StyledContainer",
-    componentId: "sc-d13e1ac1-1"
-})([
-    "width:100%;height:100%;overflow:auto;overflow:overlay;scrollbar-width:none;-ms-overflow-style:none;box-sizing:border-box;&::-webkit-scrollbar{display:none;width:0;height:0;}"
-]);
-export var StyledContent = styled.div.withConfig({
-    displayName: "Scrollbar.styles__StyledContent",
-    componentId: "sc-d13e1ac1-2"
-})([
-    "min-height:100%;box-sizing:border-box;width:100%;"
-]);
-export var StyledTrack = styled.div.withConfig({
-    displayName: "Scrollbar.styles__StyledTrack",
-    componentId: "sc-d13e1ac1-3"
-})([
-    "position:absolute;width:var(",
-    ");opacity:0;transition:opacity 0.3s ease;pointer-events:none;z-index:10;background:var(",
-    ");border-radius:var(",
-    ");top:var(--scrollbar-offset-top,0);bottom:var(--scrollbar-offset-bottom,0);&[data-placement='left']{left:var(--scrollbar-offset-left,0);}&[data-placement='right']{right:var(--scrollbar-offset-right,0);}&.",
-    "{opacity:1;pointer-events:auto;}"
-], tokens.trackWidth, tokens.trackColor, tokens.trackBorderRadius, classes.scrollBarTrackVisible);
-export var StyledThumb = styled.div.withConfig({
-    displayName: "Scrollbar.styles__StyledThumb",
-    componentId: "sc-d13e1ac1-4"
-})([
-    "position:absolute;left:0;width:100%;background:var(",
-    ");border-radius:var(",
-    ");cursor:pointer;transition:background-color 0.2s ease;box-sizing:border-box;&:hover{background:var(",
-    ");}&:active{background:var(",
-    ");}"
-], tokens.thumbColor, tokens.thumbBorderRadius, tokens.thumbColorHover, tokens.thumbColorActive);

package/styled-components/es/components/Scrollbar/Scrollbar.tokens.js

@@ -1,21 +0,0 @@
-export var tokens = {
-    width: '--scrollbar-width',
-    height: '--scrollbar-height',
-    trackWidth: '--scrollbar-track-width',
-    trackColor: '--scrollbar-track-color',
-    trackBorderRadius: '--scrollbar-track-border-radius',
-    thumbColor: '--scrollbar-thumb-color',
-    thumbColorHover: '--scrollbar-thumb-color-hover',
-    thumbColorActive: '--scrollbar-thumb-color-active',
-    thumbBorderRadius: '--scrollbar-thumb-border-radius'
-};
-export var classes = {
-    scrollBarRoot: 'scrollbar-root',
-    scrollBarContainer: 'scrollbar-container',
-    scrollBarContent: 'scrollbar-content',
-    scrollBarTrack: 'scrollbar-track',
-    scrollBarThumb: 'scrollbar-thumb',
-    scrollBarVisible: 'scrollbar-visible',
-    scrollBarDragging: 'scrollbar-dragging',
-    scrollBarTrackVisible: 'scrollbar-track-visible'
-};