@salutejs/plasma-new-hope 0.338.0-canary.2283.18490128554.0 → 0.338.0-dev.0

package/styled-components/es/components/Table/ui/EditableCell/EditableCell.js

@@ -6,6 +6,19 @@ function _array_like_to_array(arr, len) {
 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;
@@ -33,6 +46,21 @@ function _iterable_to_array_limit(arr, i) {
 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 _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();
 }
@@ -59,7 +87,7 @@ var keys = {
     Escape: 'Escape'
 };
 export var EditableCell = function(param) {
-    var size = param.size, view = param.view, cell = param.cell, borderVariant = param.borderVariant, table = param.table, selected = param.selected;
+    var size = param.size, view = param.view, cell = param.cell, borderVariant = param.borderVariant, table = param.table, selected = param.selected, additionalProps = param.additionalProps;
     var _table_options_meta;
     var _useState = _sliced_to_array(useState(cell.getValue()), 2), value = _useState[0], setValue = _useState[1];
     var _useState1 = _sliced_to_array(useState(false), 2), editingMode = _useState1[0], setEditingMode = _useState1[1];
@@ -110,7 +138,7 @@ export var EditableCell = function(param) {
                 }
         }
     };
-    return /*#__PURE__*/ React.createElement(Td, {
+    return /*#__PURE__*/ React.createElement(Td, _object_spread({
         key: cell.id,
         borderVariant: borderVariant,
         selectionCell: cell.column.id === SELECT_COLUMN_ID,
@@ -119,7 +147,7 @@ export var EditableCell = function(param) {
         selected: selected,
         view: view,
         ref: ref
-    }, /*#__PURE__*/ React.createElement(InnerWrapper, null, editingMode ? /*#__PURE__*/ React.createElement(EditModeWrapper, null, /*#__PURE__*/ React.createElement(InputWrapper, null, /*#__PURE__*/ React.createElement(Input, {
+    }, additionalProps), /*#__PURE__*/ React.createElement(InnerWrapper, null, editingMode ? /*#__PURE__*/ React.createElement(EditModeWrapper, null, /*#__PURE__*/ React.createElement(InputWrapper, null, /*#__PURE__*/ React.createElement(Input, {
         value: value,
         onChange: handleChange,
         autoFocus: true,

package/styled-components/es/components/_Icon/index.js

@@ -13,6 +13,7 @@ export { IconChevronDown } from "./Icons/IconChevronDown";
 export { IconChevronDownFill } from "./Icons/IconChevronDownFill";
 export { IconClose } from "./Icons/IconClose";
 export { IconCross } from "./Icons/IconCross";
+export { IconCrossThin } from "./Icons/IconCrossThin";
 export { IconDone } from "./Icons/IconDone";
 export { IconDisclosureRightCentered } from "./Icons/IconDisclosureRightCentered";
 export { IconDisclosureDownCentered } from "./Icons/IconDisclosureDownCentered";

package/styled-components/es/components/_Resizable/Resizable.js

@@ -0,0 +1,69 @@
+import React, { useRef } from "react";
+import { Resizable as ReResizable } from "re-resizable";
+import { getHandleStyles, getRatioBasedOnPlacement, getResizeDirections } from "./utils";
+import { classes } from "./Resizable.tokens";
+import { IconResizeDiagonalStyled } from "./Resizable.styles";
+export var Resizable = function(param) {
+    var children = param.children, outerResizable = param.resizable, placement = param.placement, onResizeStart = param.onResizeStart, onResizeEnd = param.onResizeEnd;
+    var _resizable_hiddenIcons, _resizable_icons, _resizable_hiddenIcons1, _resizable_icons1, _resizable_hiddenIcons2, _resizable_icons2, _resizable_hiddenIcons3, _resizable_icons3;
+    var resizableContainer = useRef(null);
+    var resizable = typeof outerResizable === 'boolean' ? {
+        disabled: !outerResizable
+    } : outerResizable;
+    var handleResizeStart = function() {
+        if ((resizableContainer === null || resizableContainer === void 0 ? void 0 : resizableContainer.current) && resizableContainer.current.resizable) {
+            resizableContainer.current.resizable.classList.toggle(classes.resizableContainerNoSelect);
+            if (onResizeStart) {
+                onResizeStart(resizableContainer);
+            }
+        }
+    };
+    var handleResizeEnd = function() {
+        if ((resizableContainer === null || resizableContainer === void 0 ? void 0 : resizableContainer.current) && resizableContainer.current.resizable) {
+            resizableContainer.current.resizable.classList.toggle(classes.resizableContainerNoSelect);
+            if (onResizeEnd) {
+                onResizeEnd(resizableContainer);
+            }
+        }
+    };
+    if (!resizable || resizable.disabled) {
+        return /*#__PURE__*/ React.createElement(React.Fragment, null, children);
+    }
+    return /*#__PURE__*/ React.createElement(ReResizable, {
+        ref: resizableContainer,
+        enable: resizable && !resizable.disabled ? getResizeDirections(resizable.directions) : false,
+        resizeRatio: getRatioBasedOnPlacement(placement),
+        defaultSize: resizable === null || resizable === void 0 ? void 0 : resizable.defaultSize,
+        minWidth: resizable === null || resizable === void 0 ? void 0 : resizable.minWidth,
+        minHeight: resizable === null || resizable === void 0 ? void 0 : resizable.minHeight,
+        maxWidth: resizable === null || resizable === void 0 ? void 0 : resizable.maxWidth,
+        maxHeight: resizable === null || resizable === void 0 ? void 0 : resizable.maxHeight,
+        onResizeStart: handleResizeStart,
+        onResizeStop: handleResizeEnd,
+        handleComponent: {
+            topRight: (resizable === null || resizable === void 0 ? void 0 : (_resizable_hiddenIcons = resizable.hiddenIcons) === null || _resizable_hiddenIcons === void 0 ? void 0 : _resizable_hiddenIcons.includes('top-right')) ? undefined : /*#__PURE__*/ React.createElement(React.Fragment, null, (resizable === null || resizable === void 0 ? void 0 : (_resizable_icons = resizable.icons) === null || _resizable_icons === void 0 ? void 0 : _resizable_icons.topRight) || /*#__PURE__*/ React.createElement(IconResizeDiagonalStyled, {
+                className: classes.resizableTopRightIcon,
+                color: "inherit",
+                size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
+            })),
+            bottomRight: (resizable === null || resizable === void 0 ? void 0 : (_resizable_hiddenIcons1 = resizable.hiddenIcons) === null || _resizable_hiddenIcons1 === void 0 ? void 0 : _resizable_hiddenIcons1.includes('bottom-right')) ? undefined : /*#__PURE__*/ React.createElement(React.Fragment, null, (resizable === null || resizable === void 0 ? void 0 : (_resizable_icons1 = resizable.icons) === null || _resizable_icons1 === void 0 ? void 0 : _resizable_icons1.bottomRight) || /*#__PURE__*/ React.createElement(IconResizeDiagonalStyled, {
+                className: classes.resizableBottomRightIcon,
+                color: "inherit",
+                size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
+            })),
+            bottomLeft: (resizable === null || resizable === void 0 ? void 0 : (_resizable_hiddenIcons2 = resizable.hiddenIcons) === null || _resizable_hiddenIcons2 === void 0 ? void 0 : _resizable_hiddenIcons2.includes('bottom-left')) ? undefined : /*#__PURE__*/ React.createElement(React.Fragment, null, (resizable === null || resizable === void 0 ? void 0 : (_resizable_icons2 = resizable.icons) === null || _resizable_icons2 === void 0 ? void 0 : _resizable_icons2.bottomLeft) || /*#__PURE__*/ React.createElement(IconResizeDiagonalStyled, {
+                className: classes.resizableBottomLeftIcon,
+                color: "inherit",
+                size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
+            })),
+            topLeft: (resizable === null || resizable === void 0 ? void 0 : (_resizable_hiddenIcons3 = resizable.hiddenIcons) === null || _resizable_hiddenIcons3 === void 0 ? void 0 : _resizable_hiddenIcons3.includes('top-left')) ? undefined : /*#__PURE__*/ React.createElement(React.Fragment, null, (resizable === null || resizable === void 0 ? void 0 : (_resizable_icons3 = resizable.icons) === null || _resizable_icons3 === void 0 ? void 0 : _resizable_icons3.topLeft) || /*#__PURE__*/ React.createElement(IconResizeDiagonalStyled, {
+                className: classes.resizableTopLeftIcon,
+                color: "inherit",
+                size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
+            }))
+        },
+        className: classes.resizableContainer,
+        handleStyles: getHandleStyles(),
+        handleWrapperClass: classes.resizableHandleWrapper
+    }, children);
+};

package/styled-components/es/components/_Resizable/Resizable.styles.js

@@ -0,0 +1,13 @@
+import styled from "styled-components";
+import { IconResizeDiagonal } from "../_Icon";
+import { classes } from "./Resizable.tokens";
+export var IconResizeDiagonalStyled = styled(IconResizeDiagonal).withConfig({
+    displayName: "Resizable.styles__IconResizeDiagonalStyled",
+    componentId: "sc-f8701217-0"
+})([
+    "color:var(--text-secondary);&:hover{color:var(--text-secondary-hover);}&:active{color:var(--text-secondary-active);}&.",
+    "{transform:rotate(-90deg);}&.",
+    "{transform:rotate(0);}&.",
+    "{transform:rotate(90deg);}&.",
+    "{transform:rotate(180deg);}"
+], classes.resizableTopRightIcon, classes.resizableBottomRightIcon, classes.resizableBottomLeftIcon, classes.resizableTopLeftIcon);

package/styled-components/es/components/_Resizable/Resizable.tokens.js

@@ -0,0 +1,9 @@
+export var classes = {
+    resizableContainer: 'resizable-container',
+    resizableTopRightIcon: 'resizable-top-right-icon',
+    resizableBottomRightIcon: 'resizable-bottom-right-icon',
+    resizableBottomLeftIcon: 'resizable-bottom-left-icon',
+    resizableTopLeftIcon: 'resizable-top-left-icon',
+    resizableHandleWrapper: 'resizable-handle-wrapper',
+    resizableContainerNoSelect: 'resizable-container-no-select'
+};

package/styled-components/es/components/_Resizable/Resizable.types.js

@@ -0,0 +1 @@
+export { };

package/styled-components/es/components/_Resizable/index.js

@@ -0,0 +1,2 @@
+export * from "./Resizable.types";
+export * from "./Resizable";

package/styled-components/es/components/_Resizable/utils/getHandleStyles.js

@@ -0,0 +1,58 @@
+// Объект стилей для handler'а, в котором находится иконка ресайза.
+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 _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;
+}
+var base = {
+    width: 'auto',
+    height: 'auto',
+    lineHeight: '0'
+};
+export var getHandleStyles = function() {
+    return {
+        topRight: _object_spread({
+            top: '0',
+            right: '0',
+            transform: 'translate(50%, -50%)'
+        }, base),
+        bottomRight: _object_spread({
+            right: '0',
+            bottom: '0',
+            transform: 'translate(50%, 50%)'
+        }, base),
+        bottomLeft: _object_spread({
+            bottom: '0',
+            left: '0',
+            transform: 'translate(-50%, 50%)'
+        }, base),
+        topLeft: _object_spread({
+            top: '0',
+            left: '0',
+            transform: 'translate(-50%, -50%)'
+        }, base)
+    };
+};

package/styled-components/es/components/_Resizable/utils/getRatioBasedOnPlacement.js

@@ -0,0 +1,44 @@
+export var getRatioBasedOnPlacement = function(placement) {
+    switch(placement){
+        case 'center':
+            {
+                return [
+                    2,
+                    2
+                ];
+            }
+        case 'top':
+        case 'bottom':
+            {
+                return [
+                    2,
+                    1
+                ];
+            }
+        case 'left':
+        case 'right':
+            {
+                return [
+                    1,
+                    2
+                ];
+            }
+        case 'top-left':
+        case 'top-right':
+        case 'bottom-left':
+        case 'bottom-right':
+            {
+                return [
+                    1,
+                    1
+                ];
+            }
+        default:
+            {
+                return [
+                    1,
+                    1
+                ];
+            }
+    }
+};

package/styled-components/es/components/_Resizable/utils/getResizeDirections.js

@@ -0,0 +1,72 @@
+export var getResizeDirections = function(directions) {
+    if (!directions) {
+        return {
+            top: true,
+            right: true,
+            bottom: true,
+            left: true,
+            topRight: true,
+            bottomRight: true,
+            bottomLeft: true,
+            topLeft: true
+        };
+    }
+    var result = {
+        top: false,
+        right: false,
+        bottom: false,
+        left: false,
+        topRight: false,
+        bottomRight: false,
+        bottomLeft: false,
+        topLeft: false
+    };
+    var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+    try {
+        for(var _iterator = directions[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+            var dir = _step.value;
+            switch(dir){
+                case 'top':
+                    result.top = true;
+                    break;
+                case 'right':
+                    result.right = true;
+                    break;
+                case 'bottom':
+                    result.bottom = true;
+                    break;
+                case 'left':
+                    result.left = true;
+                    break;
+                case 'top-right':
+                    result.topRight = true;
+                    break;
+                case 'top-left':
+                    result.topLeft = true;
+                    break;
+                case 'bottom-right':
+                    result.bottomRight = true;
+                    break;
+                case 'bottom-left':
+                    result.bottomLeft = true;
+                    break;
+                default:
+                    break;
+            }
+        }
+    } catch (err) {
+        _didIteratorError = true;
+        _iteratorError = err;
+    } finally{
+        try {
+            if (!_iteratorNormalCompletion && _iterator.return != null) {
+                _iterator.return();
+            }
+        } finally{
+            if (_didIteratorError) {
+                throw _iteratorError;
+            }
+        }
+    }
+    return result;
+};

package/styled-components/es/components/_Resizable/utils/index.js

@@ -0,0 +1,4 @@
+export * from "./getRatioBasedOnPlacement";
+export * from "./getResizeDirections";
+export * from "./getHandleStyles";
+export var DEFAULT_Z_INDEX = '9000';

package/styled-components/es/examples/components/ProgressBarCircular/ProgressBarCircular.config.js

@@ -0,0 +1,154 @@
+import { css } from "styled-components";
+import { progressBarCircularTokens } from "../../../components/ProgressBarCircular";
+export var config = {
+    defaults: {
+        view: 'default',
+        size: 'm'
+    },
+    variations: {
+        view: {
+            default: css([
+                "",
+                ":var(--surface-transparent-tertiary);",
+                ":var(--surface-solid-default);",
+                ":var(--text-primary);"
+            ], progressBarCircularTokens.backgroundStroke, progressBarCircularTokens.progressStroke, progressBarCircularTokens.contentColor),
+            secondary: css([
+                "",
+                ":var(--surface-transparent-tertiary);",
+                ":var(--surface-transparent-secondary);",
+                ":var(--text-primary);"
+            ], progressBarCircularTokens.backgroundStroke, progressBarCircularTokens.progressStroke, progressBarCircularTokens.contentColor),
+            accent: css([
+                "",
+                ":var(--surface-transparent-tertiary);",
+                ":var(--surface-accent);",
+                ":var(--text-primary);"
+            ], progressBarCircularTokens.backgroundStroke, progressBarCircularTokens.progressStroke, progressBarCircularTokens.contentColor),
+            positive: css([
+                "",
+                ":var(--surface-transparent-tertiary);",
+                ":var(--surface-positive);",
+                ":var(--text-primary);"
+            ], progressBarCircularTokens.backgroundStroke, progressBarCircularTokens.progressStroke, progressBarCircularTokens.contentColor),
+            warning: css([
+                "",
+                ":var(--surface-transparent-tertiary);",
+                ":var(--surface-warning);",
+                ":var(--text-primary);"
+            ], progressBarCircularTokens.backgroundStroke, progressBarCircularTokens.progressStroke, progressBarCircularTokens.contentColor),
+            negative: css([
+                "",
+                ":var(--surface-transparent-tertiary);",
+                ":var(--surface-negative);",
+                ":var(--text-primary);"
+            ], progressBarCircularTokens.backgroundStroke, progressBarCircularTokens.progressStroke, progressBarCircularTokens.contentColor),
+            info: css([
+                "",
+                ":var(--surface-transparent-tertiary);",
+                ":var(--surface-info);",
+                ":var(--text-primary);"
+            ], progressBarCircularTokens.backgroundStroke, progressBarCircularTokens.progressStroke, progressBarCircularTokens.contentColor)
+        },
+        size: {
+            xxl: css([
+                "",
+                ":128;",
+                ":8rem;",
+                ":8rem;",
+                ":0.25rem;",
+                ":4;",
+                ":var(--plasma-typo-h2-font-family);",
+                ":var(--plasma-typo-h2-font-size);",
+                ":var(--plasma-typo-h2-font-style);",
+                ":var(--plasma-typo-h2-bold-font-weight);",
+                ":var(--plasma-typo-h2-letter-spacing);",
+                ":var(--plasma-typo-h2-line-height);"
+            ], progressBarCircularTokens.size, progressBarCircularTokens.height, progressBarCircularTokens.width, progressBarCircularTokens.strokeWidth, progressBarCircularTokens.strokeSize, progressBarCircularTokens.contentFontFamily, progressBarCircularTokens.contentFontSize, progressBarCircularTokens.contentFontStyle, progressBarCircularTokens.contentFontWeight, progressBarCircularTokens.contentLetterSpacing, progressBarCircularTokens.contentLineHeight),
+            xl: css([
+                "",
+                ":88;",
+                ":5.5rem;",
+                ":5.5rem;",
+                ":0.25rem;",
+                ":4;",
+                ":var(--plasma-typo-h5-font-family);",
+                ":var(--plasma-typo-h5-font-size);",
+                ":var(--plasma-typo-h5-font-style);",
+                ":var(--plasma-typo-h5-bold-font-weight);",
+                ":var(--plasma-typo-h5-letter-spacing);",
+                ":var(--plasma-typo-h5-line-height);"
+            ], progressBarCircularTokens.size, progressBarCircularTokens.height, progressBarCircularTokens.width, progressBarCircularTokens.strokeWidth, progressBarCircularTokens.strokeSize, progressBarCircularTokens.contentFontFamily, progressBarCircularTokens.contentFontSize, progressBarCircularTokens.contentFontStyle, progressBarCircularTokens.contentFontWeight, progressBarCircularTokens.contentLetterSpacing, progressBarCircularTokens.contentLineHeight),
+            l: css([
+                "",
+                ":56;",
+                ":3.5rem;",
+                ":3.5rem;",
+                ":0.125rem;",
+                ":2;",
+                ":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-body-font-weight);",
+                ":var(--plasma-typo-body-l-letter-spacing);",
+                ":var(--plasma-typo-body-l-line-height);"
+            ], progressBarCircularTokens.size, progressBarCircularTokens.height, progressBarCircularTokens.width, progressBarCircularTokens.strokeWidth, progressBarCircularTokens.strokeSize, progressBarCircularTokens.contentFontFamily, progressBarCircularTokens.contentFontSize, progressBarCircularTokens.contentFontStyle, progressBarCircularTokens.contentFontWeight, progressBarCircularTokens.contentLetterSpacing, progressBarCircularTokens.contentLineHeight),
+            m: css([
+                "",
+                ":48;",
+                ":3rem;",
+                ":3rem;",
+                ":0.125rem;",
+                ":2;",
+                ":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-body-font-weight);",
+                ":var(--plasma-typo-body-m-letter-spacing);",
+                ":var(--plasma-typo-body-m-line-height);"
+            ], progressBarCircularTokens.size, progressBarCircularTokens.height, progressBarCircularTokens.width, progressBarCircularTokens.strokeWidth, progressBarCircularTokens.strokeSize, progressBarCircularTokens.contentFontFamily, progressBarCircularTokens.contentFontSize, progressBarCircularTokens.contentFontStyle, progressBarCircularTokens.contentFontWeight, progressBarCircularTokens.contentLetterSpacing, progressBarCircularTokens.contentLineHeight),
+            s: css([
+                "",
+                ":32;",
+                ":2.25rem;",
+                ":2.25rem;",
+                ":0.125rem;",
+                ":2;",
+                ":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-body-font-weight);",
+                ":var(--plasma-typo-body-s-letter-spacing);",
+                ":var(--plasma-typo-body-s-line-height);"
+            ], progressBarCircularTokens.size, progressBarCircularTokens.height, progressBarCircularTokens.width, progressBarCircularTokens.strokeWidth, progressBarCircularTokens.strokeSize, progressBarCircularTokens.contentFontFamily, progressBarCircularTokens.contentFontSize, progressBarCircularTokens.contentFontStyle, progressBarCircularTokens.contentFontWeight, progressBarCircularTokens.contentLetterSpacing, progressBarCircularTokens.contentLineHeight),
+            xs: css([
+                "",
+                ":24;",
+                ":1.5rem;",
+                ":1.5rem;",
+                ":0.125rem;",
+                ":2;",
+                ":var(--plasma-typo-body-xs-font-family);",
+                ":var(--plasma-typo-body-xs-font-size);",
+                ":var(--plasma-typo-body-xs-font-style);",
+                ":var(--plasma-typo-body-xs-body-font-weight);",
+                ":var(--plasma-typo-body-xs-letter-spacing);",
+                ":var(--plasma-typo-body-xs-line-height);"
+            ], progressBarCircularTokens.size, progressBarCircularTokens.height, progressBarCircularTokens.width, progressBarCircularTokens.strokeWidth, progressBarCircularTokens.strokeSize, progressBarCircularTokens.contentFontFamily, progressBarCircularTokens.contentFontSize, progressBarCircularTokens.contentFontStyle, progressBarCircularTokens.contentFontWeight, progressBarCircularTokens.contentLetterSpacing, progressBarCircularTokens.contentLineHeight),
+            xxs: css([
+                "",
+                ":16;",
+                ":1rem;",
+                ":1rem;",
+                ":0.125rem;",
+                ":2;",
+                ":var(--plasma-typo-body-xxs-font-family);",
+                ":var(--plasma-typo-body-xxs-font-size);",
+                ":var(--plasma-typo-body-xxs-font-style);",
+                ":var(--plasma-typo-body-xxs-body-font-weight);",
+                ":var(--plasma-typo-body-xxs-letter-spacing);",
+                ":var(--plasma-typo-body-xxs-line-height);"
+            ], progressBarCircularTokens.size, progressBarCircularTokens.height, progressBarCircularTokens.width, progressBarCircularTokens.strokeWidth, progressBarCircularTokens.strokeSize, progressBarCircularTokens.contentFontFamily, progressBarCircularTokens.contentFontSize, progressBarCircularTokens.contentFontStyle, progressBarCircularTokens.contentFontWeight, progressBarCircularTokens.contentLetterSpacing, progressBarCircularTokens.contentLineHeight)
+        }
+    }
+};

package/styled-components/es/examples/components/ProgressBarCircular/ProgressBarCircular.js

@@ -0,0 +1,5 @@
+import { progressBarCircularConfig } from "../../../components/ProgressBarCircular";
+import { component, mergeConfig } from "../../../engines";
+import { config } from "./ProgressBarCircular.config";
+var mergedConfig = mergeConfig(progressBarCircularConfig, config);
+export var ProgressBarCircular = component(mergedConfig);

package/styled-components/es/index.js

@@ -84,4 +84,5 @@ export * from "./components/Tour";
 export * from "./components/EmbedIconButton";
 export * from "./components/InformationWrapper";
 export * from "./components/NavigationDrawer";
+export * from "./components/ProgressBarCircular";
 export * from "./components/TimePicker";

package/types/components/Popover/Popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+E,MAAM,OAAO,CAAC;AAIpG,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAMrD,OAAO,KAAK,EAAoB,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAKtE,eAAO,MAAM,cAAc,KAAK,CAAC;AACjC,eAAO,MAAM,iBAAiB,wBAAwB,CAAC;AAEvD;;;GAGG;AACH,eAAO,MAAM,WAAW,SAAU,SAAS,CAAC,cAAc,EAAE,YAAY,CAAC,+JA+RpE,CAAC;AAEN,eAAO,MAAM,aAAa;;;mBAjSQ,SAAS,CAAC,cAAc,EAAE,YAAY,CAAC;;;;;;;;;;CA8SxE,CAAC"}
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+E,MAAM,OAAO,CAAC;AAIpG,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAOrD,OAAO,KAAK,EAAoB,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAKtE,eAAO,MAAM,cAAc,KAAK,CAAC;AACjC,eAAO,MAAM,iBAAiB,wBAAwB,CAAC;AAEvD;;;GAGG;AACH,eAAO,MAAM,WAAW,SAAU,SAAS,CAAC,cAAc,EAAE,YAAY,CAAC,+JAwSpE,CAAC;AAEN,eAAO,MAAM,aAAa;;;mBA1SQ,SAAS,CAAC,cAAc,EAAE,YAAY,CAAC;;;;;;;;;;CAuTxE,CAAC"}

package/types/components/Popover/Popover.types.d.ts

@@ -1,5 +1,6 @@
 import type { HTMLAttributes, ReactNode, RefObject, SyntheticEvent } from 'react';
 import { Placement as PopoverPlacement, ComputedPlacement as PopoverPlacementBasic } from '@popperjs/core';
+import { ResizableProps } from '../_Resizable';
 export type { Placement as PopoverPlacement, ComputedPlacement as PopoverPlacementBasic } from '@popperjs/core';
 export type PopoverTrigger = 'hover' | 'click';
 export type CustomPopoverProps = {
@@ -79,6 +80,18 @@ export type CustomPopoverProps = {
      * false
      */
     usePortal?: boolean;
+    /**
+     * Настройка resizable-режима.
+     */
+    resizable?: ResizableProps['resizable'];
+    /**
+     * Обработчик начала ресайза.
+     */
+    onResizeStart?: ResizableProps['onResizeStart'];
+    /**
+     * Обработчик остановки ресайза.
+     */
+    onResizeEnd?: ResizableProps['onResizeEnd'];
     /**
      * Анимированное появление Popover
      */

package/types/components/Popover/Popover.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.types.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAClF,OAAO,EAAE,SAAS,IAAI,gBAAgB,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAE3G,YAAY,EAAE,SAAS,IAAI,gBAAgB,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAChH,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,OAAO,CAAC;AAE/C,MAAM,MAAM,kBAAkB,GAAG;IAC7B;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB;;;;OAIG;IACH,SAAS,CAAC,EAAE,gBAAgB,GAAG,KAAK,CAAC,qBAAqB,CAAC,CAAC;IAC5D;;;;OAIG;IACH,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,SAAS,CAAC,WAAW,CAAC,CAAC;IACrD;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC,WAAW,CAAC,CAAC;IAC5C;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,cAAc,GAAG,KAAK,KAAK,IAAI,CAAC;IACpE;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,kBAAkB,CAAC"}
+{"version":3,"file":"Popover.types.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAClF,OAAO,EAAE,SAAS,IAAI,gBAAgB,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAE3G,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,YAAY,EAAE,SAAS,IAAI,gBAAgB,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAChH,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,OAAO,CAAC;AAE/C,MAAM,MAAM,kBAAkB,GAAG;IAC7B;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB;;;;OAIG;IACH,SAAS,CAAC,EAAE,gBAAgB,GAAG,KAAK,CAAC,qBAAqB,CAAC,CAAC;IAC5D;;;;OAIG;IACH,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,SAAS,CAAC,WAAW,CAAC,CAAC;IACrD;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC,WAAW,CAAC,CAAC;IAC5C;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,cAAc,GAAG,KAAK,KAAK,IAAI,CAAC;IACpE;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IACxC;;OAEG;IACH,aAAa,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,CAAC;IAChD;;OAEG;IACH,WAAW,CAAC,EAAE,cAAc,CAAC,aAAa,CAAC,CAAC;IAE5C;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,kBAAkB,CAAC"}

package/types/components/ProgressBarCircular/ProgressBarCircular.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import type { RootProps } from '../../engines';
+import type { ProgressBarCircularProps } from './ProgressBarCircular.types';
+export declare const progressBarCircularRoot: (Root: RootProps<HTMLDivElement, ProgressBarCircularProps>) => React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & import("./ProgressBarCircular.types").CustomProgressBarCircularProps & React.RefAttributes<HTMLDivElement>>;
+export declare const progressBarCircularConfig: {
+    name: string;
+    tag: string;
+    layout: (Root: RootProps<HTMLDivElement, ProgressBarCircularProps>) => React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & import("./ProgressBarCircular.types").CustomProgressBarCircularProps & React.RefAttributes<HTMLDivElement>>;
+    base: import("@linaria/core").LinariaClassName;
+    variations: {
+        view: {
+            css: import("@linaria/core").LinariaClassName;
+        };
+        size: {
+            css: import("@linaria/core").LinariaClassName;
+        };
+    };
+    defaults: {
+        view: string;
+        size: string;
+    };
+};
+//# sourceMappingURL=ProgressBarCircular.d.ts.map

package/types/components/ProgressBarCircular/ProgressBarCircular.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBarCircular.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBarCircular/ProgressBarCircular.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAI/C,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAU5E,eAAO,MAAM,uBAAuB,SAAU,SAAS,CAAC,cAAc,EAAE,wBAAwB,CAAC,uLA+B3F,CAAC;AAEP,eAAO,MAAM,yBAAyB;;;mBAjCQ,SAAS,CAAC,cAAc,EAAE,wBAAwB,CAAC;;;;;;;;;;;;;;CAkDhG,CAAC"}

package/types/components/ProgressBarCircular/ProgressBarCircular.styles.d.ts

@@ -0,0 +1,11 @@
+export declare const base: import("@linaria/core").LinariaClassName;
+export declare const StyledSVG: import("@linaria/react").StyledComponent<import("react").SVGProps<SVGSVGElement> & Record<never, unknown>>;
+export declare const StyledBackgroundCircle: import("@linaria/react").StyledComponent<import("react").SVGProps<SVGCircleElement> & {
+    customStrokeWidth?: number;
+}>;
+export declare const StyledProgressCircle: import("@linaria/react").StyledComponent<import("react").SVGProps<SVGCircleElement> & {
+    customStrokeWidth?: number;
+    percent?: number;
+}>;
+export declare const StyledContent: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+//# sourceMappingURL=ProgressBarCircular.styles.d.ts.map

package/types/components/ProgressBarCircular/ProgressBarCircular.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBarCircular.styles.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBarCircular/ProgressBarCircular.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAShB,CAAC;AAEF,eAAO,MAAM,SAAS,4GAGrB,CAAC;AAEF,eAAO,MAAM,sBAAsB;wBAAuC,MAAM;EAO/E,CAAC;AAEF,eAAO,MAAM,oBAAoB;wBAAuC,MAAM;cAAY,MAAM;EAgB/F,CAAC;AAEF,eAAO,MAAM,aAAa,qKAiBzB,CAAC"}

package/types/components/ProgressBarCircular/ProgressBarCircular.tokens.d.ts

@@ -0,0 +1,23 @@
+export declare const classes: {
+    svg: string;
+    backgroundCircle: string;
+    progressCircle: string;
+    content: string;
+};
+export declare const tokens: {
+    size: string;
+    width: string;
+    height: string;
+    strokeWidth: string;
+    strokeSize: string;
+    backgroundStroke: string;
+    progressStroke: string;
+    contentColor: string;
+    contentFontFamily: string;
+    contentFontSize: string;
+    contentFontStyle: string;
+    contentFontWeight: string;
+    contentLetterSpacing: string;
+    contentLineHeight: string;
+};
+//# sourceMappingURL=ProgressBarCircular.tokens.d.ts.map

package/types/components/ProgressBarCircular/ProgressBarCircular.tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBarCircular.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBarCircular/ProgressBarCircular.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;CAKnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;CAmBlB,CAAC"}