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

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

@@ -63,95 +63,102 @@ var config = {
         size: {
             xxl: (0, _styledcomponents.css)([
                 "",
+                ":128;",
                 ":8rem;",
                 ":8rem;",
                 ":0.25rem;",
-                ":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);"
-            ], _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),
+            ], _ProgressBarCircular.progressBarCircularTokens.size, _ProgressBarCircular.progressBarCircularTokens.height, _ProgressBarCircular.progressBarCircularTokens.width, _ProgressBarCircular.progressBarCircularTokens.strokeWidth, _ProgressBarCircular.progressBarCircularTokens.strokeSize, _ProgressBarCircular.progressBarCircularTokens.contentFontFamily, _ProgressBarCircular.progressBarCircularTokens.contentFontSize, _ProgressBarCircular.progressBarCircularTokens.contentFontStyle, _ProgressBarCircular.progressBarCircularTokens.contentFontWeight, _ProgressBarCircular.progressBarCircularTokens.contentLetterSpacing, _ProgressBarCircular.progressBarCircularTokens.contentLineHeight),
             xl: (0, _styledcomponents.css)([
                 "",
+                ":88;",
                 ":5.5rem;",
                 ":5.5rem;",
                 ":0.25rem;",
-                ":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);"
-            ], _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),
+            ], _ProgressBarCircular.progressBarCircularTokens.size, _ProgressBarCircular.progressBarCircularTokens.height, _ProgressBarCircular.progressBarCircularTokens.width, _ProgressBarCircular.progressBarCircularTokens.strokeWidth, _ProgressBarCircular.progressBarCircularTokens.strokeSize, _ProgressBarCircular.progressBarCircularTokens.contentFontFamily, _ProgressBarCircular.progressBarCircularTokens.contentFontSize, _ProgressBarCircular.progressBarCircularTokens.contentFontStyle, _ProgressBarCircular.progressBarCircularTokens.contentFontWeight, _ProgressBarCircular.progressBarCircularTokens.contentLetterSpacing, _ProgressBarCircular.progressBarCircularTokens.contentLineHeight),
             l: (0, _styledcomponents.css)([
                 "",
+                ":56;",
                 ":3.5rem;",
                 ":3.5rem;",
                 ":0.125rem;",
-                ":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);"
-            ], _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),
+            ], _ProgressBarCircular.progressBarCircularTokens.size, _ProgressBarCircular.progressBarCircularTokens.height, _ProgressBarCircular.progressBarCircularTokens.width, _ProgressBarCircular.progressBarCircularTokens.strokeWidth, _ProgressBarCircular.progressBarCircularTokens.strokeSize, _ProgressBarCircular.progressBarCircularTokens.contentFontFamily, _ProgressBarCircular.progressBarCircularTokens.contentFontSize, _ProgressBarCircular.progressBarCircularTokens.contentFontStyle, _ProgressBarCircular.progressBarCircularTokens.contentFontWeight, _ProgressBarCircular.progressBarCircularTokens.contentLetterSpacing, _ProgressBarCircular.progressBarCircularTokens.contentLineHeight),
             m: (0, _styledcomponents.css)([
                 "",
+                ":48;",
                 ":3rem;",
                 ":3rem;",
                 ":0.125rem;",
-                ":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);"
-            ], _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),
+            ], _ProgressBarCircular.progressBarCircularTokens.size, _ProgressBarCircular.progressBarCircularTokens.height, _ProgressBarCircular.progressBarCircularTokens.width, _ProgressBarCircular.progressBarCircularTokens.strokeWidth, _ProgressBarCircular.progressBarCircularTokens.strokeSize, _ProgressBarCircular.progressBarCircularTokens.contentFontFamily, _ProgressBarCircular.progressBarCircularTokens.contentFontSize, _ProgressBarCircular.progressBarCircularTokens.contentFontStyle, _ProgressBarCircular.progressBarCircularTokens.contentFontWeight, _ProgressBarCircular.progressBarCircularTokens.contentLetterSpacing, _ProgressBarCircular.progressBarCircularTokens.contentLineHeight),
             s: (0, _styledcomponents.css)([
                 "",
+                ":32;",
                 ":2.25rem;",
                 ":2.25rem;",
                 ":0.125rem;",
-                ":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);"
-            ], _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),
+            ], _ProgressBarCircular.progressBarCircularTokens.size, _ProgressBarCircular.progressBarCircularTokens.height, _ProgressBarCircular.progressBarCircularTokens.width, _ProgressBarCircular.progressBarCircularTokens.strokeWidth, _ProgressBarCircular.progressBarCircularTokens.strokeSize, _ProgressBarCircular.progressBarCircularTokens.contentFontFamily, _ProgressBarCircular.progressBarCircularTokens.contentFontSize, _ProgressBarCircular.progressBarCircularTokens.contentFontStyle, _ProgressBarCircular.progressBarCircularTokens.contentFontWeight, _ProgressBarCircular.progressBarCircularTokens.contentLetterSpacing, _ProgressBarCircular.progressBarCircularTokens.contentLineHeight),
             xs: (0, _styledcomponents.css)([
                 "",
+                ":24;",
                 ":1.5rem;",
                 ":1.5rem;",
                 ":0.125rem;",
-                ":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);"
-            ], _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),
+            ], _ProgressBarCircular.progressBarCircularTokens.size, _ProgressBarCircular.progressBarCircularTokens.height, _ProgressBarCircular.progressBarCircularTokens.width, _ProgressBarCircular.progressBarCircularTokens.strokeWidth, _ProgressBarCircular.progressBarCircularTokens.strokeSize, _ProgressBarCircular.progressBarCircularTokens.contentFontFamily, _ProgressBarCircular.progressBarCircularTokens.contentFontSize, _ProgressBarCircular.progressBarCircularTokens.contentFontStyle, _ProgressBarCircular.progressBarCircularTokens.contentFontWeight, _ProgressBarCircular.progressBarCircularTokens.contentLetterSpacing, _ProgressBarCircular.progressBarCircularTokens.contentLineHeight),
             xxs: (0, _styledcomponents.css)([
                 "",
+                ":16;",
                 ":1rem;",
                 ":1rem;",
                 ":0.125rem;",
-                ":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);"
-            ], _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)
+            ], _ProgressBarCircular.progressBarCircularTokens.size, _ProgressBarCircular.progressBarCircularTokens.height, _ProgressBarCircular.progressBarCircularTokens.width, _ProgressBarCircular.progressBarCircularTokens.strokeWidth, _ProgressBarCircular.progressBarCircularTokens.strokeSize, _ProgressBarCircular.progressBarCircularTokens.contentFontFamily, _ProgressBarCircular.progressBarCircularTokens.contentFontSize, _ProgressBarCircular.progressBarCircularTokens.contentFontStyle, _ProgressBarCircular.progressBarCircularTokens.contentFontWeight, _ProgressBarCircular.progressBarCircularTokens.contentLetterSpacing, _ProgressBarCircular.progressBarCircularTokens.contentLineHeight)
         }
     }
 };

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

@@ -42,9 +42,6 @@ _export(exports, {
     get getSizeValueFromProp () {
         return _getSizeValueFromProp.getSizeValueFromProp;
     },
-    get getTokenValueInPixels () {
-        return _getTokenValueInPixels.getTokenValueInPixels;
-    },
     get isEmpty () {
         return _isEmpty.isEmpty;
     },
@@ -78,7 +75,6 @@ _export_star(require("./initialValuesHelper"), exports);
 var _noop = require("./noop");
 var _getHeightAsNumber = require("./getHeightAsNumber");
 var _createConditionalComponent = require("./createConditionalComponent");
-var _getTokenValueInPixels = require("./getTokenValueInPixels");
 var _fixedForwardRef = require("./fixedForwardRef");
 function _export_star(from, to) {
     Object.keys(from).forEach(function(k) {

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

@@ -133,6 +133,7 @@ import { useForkRef } from "@salutejs/plasma-core";
 import { useFocusTrap } from "../../hooks";
 import { cx, safeUseId } from "../../utils";
 import { Portal } from "../Portal";
+import { Resizable } from "../_Resizable";
 import { base as viewCSS } from "./variations/_view/base";
 import { StyledArrow, StyledPopover, StyledRoot, StyledWrapper } from "./Popover.styles";
 import { classes } from "./Popover.tokens";
@@ -147,7 +148,7 @@ export var POPOVER_PORTAL_ID = 'plasma-popover-root';
         var target = _param.target, children = _param.children, animated = _param.animated, isOpen = _param.isOpen, opened = _param.opened, _param_trigger = _param.trigger, trigger = _param_trigger === void 0 ? 'click' : _param_trigger, hasArrow = _param.hasArrow, _param_frame = _param.frame, frame = _param_frame === void 0 ? 'document' : _param_frame, className = _param.className, _param_placement = _param.placement, placement = _param_placement === void 0 ? 'auto' : _param_placement, _param_offset = _param.offset, offset = _param_offset === void 0 ? [
             0,
             0
-        ] : _param_offset, zIndex = _param.zIndex, _param_isFocusTrapped = _param.isFocusTrapped, isFocusTrapped = _param_isFocusTrapped === void 0 ? true : _param_isFocusTrapped, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_preventOverflow = _param.preventOverflow, preventOverflow = _param_preventOverflow === void 0 ? true : _param_preventOverflow, _param_usePortal = _param.usePortal, usePortal = _param_usePortal === void 0 ? false : _param_usePortal, view = _param.view, onToggle = _param.onToggle, closeOnOverlayClick = _param.closeOnOverlayClick, rest = _object_without_properties(_param, [
+        ] : _param_offset, zIndex = _param.zIndex, _param_isFocusTrapped = _param.isFocusTrapped, isFocusTrapped = _param_isFocusTrapped === void 0 ? true : _param_isFocusTrapped, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_preventOverflow = _param.preventOverflow, preventOverflow = _param_preventOverflow === void 0 ? true : _param_preventOverflow, _param_usePortal = _param.usePortal, usePortal = _param_usePortal === void 0 ? false : _param_usePortal, resizable = _param.resizable, view = _param.view, onToggle = _param.onToggle, onResizeStart = _param.onResizeStart, onResizeEnd = _param.onResizeEnd, closeOnOverlayClick = _param.closeOnOverlayClick, rest = _object_without_properties(_param, [
             "target",
             "children",
             "animated",
@@ -164,8 +165,11 @@ export var POPOVER_PORTAL_ID = 'plasma-popover-root';
             "closeOnEsc",
             "preventOverflow",
             "usePortal",
+            "resizable",
             "view",
             "onToggle",
+            "onResizeStart",
+            "onResizeEnd",
             "closeOnOverlayClick"
         ]);
         var _placement_;
@@ -401,7 +405,11 @@ export var POPOVER_PORTAL_ID = 'plasma-popover-root';
             className: classes.arrow,
             ref: setArrowElement,
             style: styles.arrow
-        }, attributes.arrow)), children)))));
+        }, attributes.arrow)), /*#__PURE__*/ React.createElement(Resizable, {
+            resizable: resizable,
+            onResizeStart: onResizeStart,
+            onResizeEnd: onResizeEnd
+        }, children))))));
     });
 };
 export var popoverConfig = {

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

@@ -1,11 +1,3 @@
-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, {
@@ -19,33 +11,6 @@ function _define_property(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] : {};
@@ -88,27 +53,14 @@ function _object_without_properties_loose(source, excluded) {
     }
     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, useState, useRef, useLayoutEffect } from "react";
-import { useForkRef } from "@salutejs/plasma-core";
-import { getTokenValueInPixels } from "../../utils";
+import React, { forwardRef } from "react";
 import { base as viewCSS } from "./variations/_view/base";
 import { base as sizeCSS } from "./variations/_size/base";
 import { base, StyledSVG, StyledBackgroundCircle, StyledProgressCircle, StyledContent } from "./ProgressBarCircular.styles";
-import { classes, tokens } from "./ProgressBarCircular.tokens";
+import { classes } from "./ProgressBarCircular.tokens";
 export var progressBarCircularRoot = function(Root) {
     return /*#__PURE__*/ forwardRef(function(props, ref) {
-        var _props_value = props.value, value = _props_value === void 0 ? 0 : _props_value, _props_maxValue = props.maxValue, maxValue = _props_maxValue === void 0 ? 100 : _props_maxValue, size = props.size, view = props.view, children = props.children, className = props.className, strokeWidthProp = props.strokeWidth, rest = _object_without_properties(props, [
+        var _props_value = props.value, value = _props_value === void 0 ? 0 : _props_value, _props_maxValue = props.maxValue, maxValue = _props_maxValue === void 0 ? 100 : _props_maxValue, size = props.size, view = props.view, children = props.children, className = props.className, strokeWidth = props.strokeWidth, rest = _object_without_properties(props, [
             "value",
             "maxValue",
             "size",
@@ -117,30 +69,11 @@ export var progressBarCircularRoot = function(Root) {
             "className",
             "strokeWidth"
         ]);
-        var _useState = _sliced_to_array(useState(0), 2), strokeWidthCSS = _useState[0], setStrokeWidthCSS = _useState[1];
-        var _useState1 = _sliced_to_array(useState(0), 2), widthCSS = _useState1[0], setWidthCSS = _useState1[1];
-        var rootRef = useRef(null);
-        var rootForkRef = useForkRef(rootRef, ref);
         var clampedValue = Math.min(Math.max(value, 0), maxValue);
         var percentage = clampedValue / maxValue * 100;
-        var strokeWidth = (strokeWidthProp !== null && strokeWidthProp !== void 0 ? strokeWidthProp : strokeWidthCSS) * 2;
         var center = 50;
-        var radius = center - 50 / widthCSS * (strokeWidth / 2);
-        var circumference = 2 * Math.PI * radius;
-        var strokeDashoffset = circumference - percentage / 100 * circumference;
-        useLayoutEffect(function() {
-            if (rootRef.current) {
-                var strokeWidthFromCSS = getTokenValueInPixels(tokens.progressStrokeWidth, rootRef.current);
-                var widthFromCSS = getTokenValueInPixels(tokens.width, rootRef.current);
-                setStrokeWidthCSS(strokeWidthFromCSS !== null && strokeWidthFromCSS !== void 0 ? strokeWidthFromCSS : 0);
-                setWidthCSS(widthFromCSS !== null && widthFromCSS !== void 0 ? widthFromCSS : 0);
-            }
-        }, [
-            rootRef,
-            size
-        ]);
         return /*#__PURE__*/ React.createElement(Root, _object_spread({
-            ref: rootForkRef,
+            ref: ref,
             view: view,
             size: size,
             className: className
@@ -150,19 +83,16 @@ export var progressBarCircularRoot = function(Root) {
             viewBox: "0 0 100 100",
             className: classes.svg
         }, /*#__PURE__*/ React.createElement(StyledBackgroundCircle, {
-            customStrokeWidth: 50 / widthCSS * strokeWidth,
+            customStrokeWidth: strokeWidth,
             cx: center,
             cy: center,
-            r: radius,
             className: classes.backgroundCircle
         }), /*#__PURE__*/ React.createElement(StyledProgressCircle, {
             cx: center,
             cy: center,
-            r: radius,
-            customStrokeWidth: 50 / widthCSS * strokeWidth,
+            customStrokeWidth: strokeWidth,
             className: classes.progressCircle,
-            strokeDasharray: circumference,
-            strokeDashoffset: strokeDashoffset,
+            percent: percentage,
             transform: "rotate(-90 50 50)"
         })), children && /*#__PURE__*/ React.createElement(StyledContent, {
             className: classes.content

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

@@ -5,38 +5,50 @@ export var base = css([
     "position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(",
     ");height:var(",
     ");"
-], tokens.width, tokens.height);
+], tokens.height, tokens.height);
 export var StyledSVG = styled.svg.withConfig({
     displayName: "ProgressBarCircular.styles__StyledSVG",
-    componentId: "sc-d5c5c64b-0"
+    componentId: "sc-91481a88-0"
 })([
     "width:100%;height:100%;"
 ]);
 export var StyledBackgroundCircle = styled.circle.withConfig({
     displayName: "ProgressBarCircular.styles__StyledBackgroundCircle",
-    componentId: "sc-d5c5c64b-1"
+    componentId: "sc-91481a88-1"
 })([
-    "fill:none;stroke:var(",
+    "fill:none;r:",
+    ";stroke:var(",
     ");stroke-width:",
     ";"
-], tokens.backgroundStroke, function(param) {
-    var customStrokeWidth = param.customStrokeWidth;
-    return customStrokeWidth ? "".concat(customStrokeWidth, "px") : "var(".concat(tokens.backgroundStrokeWidth, ")");
+], function(param) {
+    var _param_customStrokeWidth = param.customStrokeWidth, customStrokeWidth = _param_customStrokeWidth === void 0 ? "var(".concat(tokens.strokeSize, ")") : _param_customStrokeWidth;
+    return "calc(50px - calc(calc(50px / var(".concat(tokens.size, ")) * ").concat(customStrokeWidth, "))");
+}, tokens.backgroundStroke, function(param) {
+    var _param_customStrokeWidth = param.customStrokeWidth, customStrokeWidth = _param_customStrokeWidth === void 0 ? "var(".concat(tokens.strokeSize, ")") : _param_customStrokeWidth;
+    return "calc(calc(50px / var(".concat(tokens.size, ")) * calc(").concat(customStrokeWidth, ") * 2)");
 });
 export var StyledProgressCircle = styled.circle.withConfig({
     displayName: "ProgressBarCircular.styles__StyledProgressCircle",
-    componentId: "sc-d5c5c64b-2"
+    componentId: "sc-91481a88-2"
 })([
-    "fill:none;stroke:var(",
+    "--percentage:",
+    ";--radius:",
+    ";--circumference:calc(calc(2 * 3.1415926535) * var(--radius));--dashoffset:calc(var(--circumference) - (var(--percentage,0) * var(--circumference) / 100));fill:none;stroke:var(",
     ");stroke-width:",
-    ";stroke-linecap:round;transition:stroke-dashoffset 0.3s ease-in-out;"
-], tokens.progressStroke, function(param) {
-    var customStrokeWidth = param.customStrokeWidth;
-    return customStrokeWidth ? "".concat(customStrokeWidth, "px") : "var(".concat(tokens.progressStrokeWidth, ")");
+    ";stroke-linecap:round;r:var(--radius);stroke-dasharray:var(--circumference);stroke-dashoffset:var(--dashoffset);transition:stroke-dashoffset 0.3s ease-in-out;"
+], function(param) {
+    var percent = param.percent;
+    return percent !== null && percent !== void 0 ? percent : 0;
+}, function(param) {
+    var _param_customStrokeWidth = param.customStrokeWidth, customStrokeWidth = _param_customStrokeWidth === void 0 ? "var(".concat(tokens.strokeSize, ")") : _param_customStrokeWidth;
+    return "calc(50px - calc(calc(50px / var(".concat(tokens.size, ")) * ").concat(customStrokeWidth, "))");
+}, tokens.progressStroke, function(param) {
+    var _param_customStrokeWidth = param.customStrokeWidth, customStrokeWidth = _param_customStrokeWidth === void 0 ? "var(".concat(tokens.strokeSize, ")") : _param_customStrokeWidth;
+    return "calc(calc(50px / var(".concat(tokens.size, ")) * calc(").concat(customStrokeWidth, ") * 2)");
 });
 export var StyledContent = styled.div.withConfig({
     displayName: "ProgressBarCircular.styles__StyledContent",
-    componentId: "sc-d5c5c64b-3"
+    componentId: "sc-91481a88-3"
 })([
     "position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(",
     ");font-family:var(",

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

@@ -5,12 +5,13 @@ export var classes = {
     content: '--plasma-progressbar-circular-content'
 };
 export var tokens = {
+    size: '--plasma-progressbar-circular-size',
     width: '--plasma-progressbar-circular-width',
     height: '--plasma-progressbar-circular-height',
+    strokeWidth: '--plasma-progressbar-circular-stroke-width',
+    strokeSize: '--plasma-progressbar-circular-stroke-size',
     backgroundStroke: '--plasma-progressbar-circular-background-stroke',
-    backgroundStrokeWidth: '--plasma-progressbar-circular-background-stroke-width',
     progressStroke: '--plasma-progressbar-circular-progress-stroke',
-    progressStrokeWidth: '--plasma-progressbar-circular-progress-stroke-width',
     contentColor: '--plasma-progressbar-circular-content-color',
     contentFontFamily: '--plasma-progressbar-circular-content-font-family',
     contentFontSize: '--plasma-progressbar-circular-content-font-size',

package/styled-components/es/components/Slider/ui/Handler/Handler.js

@@ -101,6 +101,7 @@ function _unsupported_iterable_to_array(o, minLen) {
 }
 import React, { useRef, useState, forwardRef } from "react";
 import Draggable from "react-draggable";
+import { useForkRef } from "@salutejs/plasma-core";
 import { cx } from "../../../../utils";
 import { getSliderThumbValue, getOffsets } from "../../utils";
 import { Thumb } from "../Thumb/Thumb";
@@ -129,10 +130,12 @@ export var Handler = /*#__PURE__*/ forwardRef(function(_param, ref) {
         "value",
         "valuePlacement"
     ]);
+    var nodeRef = useRef(null);
+    var combinedRef = useForkRef(nodeRef, ref);
     var isVertical = orientation === 'vertical';
     var _useState = _sliced_to_array(useState(false), 2), isDrag = _useState[0], setIsDrag = _useState[1];
     var lastOnChangeValue = useRef();
-    var _getOffsets = _sliced_to_array(getOffsets(ref, side, isVertical), 2), startClientOffset = _getOffsets[0], endClientOffset = _getOffsets[1];
+    var _getOffsets = _sliced_to_array(getOffsets(nodeRef, side, isVertical), 2), startClientOffset = _getOffsets[0], endClientOffset = _getOffsets[1];
     var _bounds = _sliced_to_array(bounds, 2), startValueBound = _bounds[0], endValueBound = _bounds[1];
     var startPositionBound = startValueBound ? (startValueBound - min) * stepSize : null;
     var endPositionBound = endValueBound ? (endValueBound - min) * stepSize : null;
@@ -188,6 +191,7 @@ export var Handler = /*#__PURE__*/ forwardRef(function(_param, ref) {
         isPointerHidden = false;
     }
     return /*#__PURE__*/ React.createElement(Draggable, {
+        nodeRef: nodeRef,
         axis: isVertical ? 'y' : 'x',
         bounds: computedBounds,
         grid: isVertical ? [
@@ -203,7 +207,7 @@ export var Handler = /*#__PURE__*/ forwardRef(function(_param, ref) {
         position: dragPosition,
         disabled: disabled
     }, /*#__PURE__*/ React.createElement(HandlerStyled, {
-        ref: ref,
+        ref: combinedRef,
         style: {
             zIndex: zIndex
         },

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

@@ -119,7 +119,7 @@ import { base, Table, Tr, Thead, StyledCheckbox, Tbody } from "./Table.styles";
 export var SELECT_COLUMN_ID = 'SELECT_COLUMN_UNIQUE_ID';
 export var tableRoot = function(Root) {
     return /*#__PURE__*/ forwardRef(function(_param, ref) {
-        var data = _param.data, onChange = _param.onChange, columns = _param.columns, view = _param.view, size = _param.size, _param_borderVariant = _param.borderVariant, borderVariant = _param_borderVariant === void 0 ? 'all' : _param_borderVariant, enableSelection = _param.enableSelection, outerSelected = _param.selected, outerFiltered = _param.filtered, outerSorted = _param.sorted, maxHeight = _param.maxHeight, stickyHeader = _param.stickyHeader, onCellUpdate = _param.onCellUpdate, props = _object_without_properties(_param, [
+        var data = _param.data, onChange = _param.onChange, columns = _param.columns, view = _param.view, size = _param.size, _param_borderVariant = _param.borderVariant, borderVariant = _param_borderVariant === void 0 ? 'all' : _param_borderVariant, _param_enableSelection = _param.enableSelection, enableSelection = _param_enableSelection === void 0 ? false : _param_enableSelection, outerSelected = _param.selected, outerFiltered = _param.filtered, outerSorted = _param.sorted, maxHeight = _param.maxHeight, _param_stickyHeader = _param.stickyHeader, stickyHeader = _param_stickyHeader === void 0 ? false : _param_stickyHeader, onCellUpdate = _param.onCellUpdate, setRowProps = _param.setRowProps, props = _object_without_properties(_param, [
             "data",
             "onChange",
             "columns",
@@ -132,7 +132,8 @@ export var tableRoot = function(Root) {
             "sorted",
             "maxHeight",
             "stickyHeader",
-            "onCellUpdate"
+            "onCellUpdate",
+            "setRowProps"
         ]);
         var _useState = _sliced_to_array(useState(outerSelected || {}), 2), innerSelected = _useState[0], innerSetSelected = _useState[1];
         var _useState1 = _sliced_to_array(useState(outerFiltered || []), 2), innerFiltered = _useState1[0], setInnerFiltered = _useState1[1];
@@ -207,7 +208,7 @@ export var tableRoot = function(Root) {
                     enableResizing: false
                 }
             ] : []).concat(_to_consumable_array(columns.map(function(param) {
-                var id = param.id, label = param.label, filters = param.filters, _param_enableSorting = param.enableSorting, enableSorting = _param_enableSorting === void 0 ? false : _param_enableSorting, _param_enableResizing = param.enableResizing, enableResizing = _param_enableResizing === void 0 ? false : _param_enableResizing, outerFilterFn = param.filterFn, columnSize = param.width, _param_enableEditing = param.enableEditing, enableEditing = _param_enableEditing === void 0 ? false : _param_enableEditing, renderCell = param.renderCell;
+                var id = param.id, label = param.label, filters = param.filters, _param_enableSorting = param.enableSorting, enableSorting = _param_enableSorting === void 0 ? false : _param_enableSorting, _param_enableResizing = param.enableResizing, enableResizing = _param_enableResizing === void 0 ? false : _param_enableResizing, outerFilterFn = param.filterFn, columnSize = param.width, _param_enableEditing = param.enableEditing, enableEditing = _param_enableEditing === void 0 ? false : _param_enableEditing, renderCell = param.renderCell, setCellProps = param.setCellProps;
                 return {
                     header: label,
                     accessorKey: id,
@@ -225,7 +226,8 @@ export var tableRoot = function(Root) {
                     meta: {
                         filters: filters,
                         enableEditing: enableEditing,
-                        renderCell: renderCell
+                        renderCell: renderCell,
+                        setCellProps: setCellProps
                     }
                 };
             })));
@@ -292,27 +294,30 @@ export var tableRoot = function(Root) {
                 });
             }));
         })), /*#__PURE__*/ React.createElement(Tbody, null, table.getRowModel().rows.map(function(row) {
-            return /*#__PURE__*/ React.createElement(Tr, {
+            return /*#__PURE__*/ React.createElement(Tr, _object_spread({
                 key: row.id,
                 selected: row.getIsSelected()
-            }, row.getVisibleCells().map(function(cell) {
-                var // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            }, setRowProps === null || setRowProps === void 0 ? void 0 : setRowProps(row.original)), row.getVisibleCells().map(function(cell) {
+                var _cell_column_columnDef_meta_setCellProps, _cell_column_columnDef_meta, _cell_column_columnDef, _cell_column, _cell_column_columnDef_meta1, _cell_column_columnDef1, _cell_column1;
+                var additionalProps = (cell === null || cell === void 0 ? void 0 : (_cell_column = cell.column) === null || _cell_column === void 0 ? void 0 : (_cell_column_columnDef = _cell_column.columnDef) === null || _cell_column_columnDef === void 0 ? void 0 : (_cell_column_columnDef_meta = _cell_column_columnDef.meta) === null || _cell_column_columnDef_meta === void 0 ? void 0 : (_cell_column_columnDef_meta_setCellProps = _cell_column_columnDef_meta.setCellProps) === null || _cell_column_columnDef_meta_setCellProps === void 0 ? void 0 : _cell_column_columnDef_meta_setCellProps.call(_cell_column_columnDef_meta, cell.row.original, cell.id)) || {};
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
                 // @ts-ignore
-                _cell_column_columnDef_meta, _cell_column_columnDef, _cell_column;
-                return (cell === null || cell === void 0 ? void 0 : (_cell_column = cell.column) === null || _cell_column === void 0 ? void 0 : (_cell_column_columnDef = _cell_column.columnDef) === null || _cell_column_columnDef === void 0 ? void 0 : (_cell_column_columnDef_meta = _cell_column_columnDef.meta) === null || _cell_column_columnDef_meta === void 0 ? void 0 : _cell_column_columnDef_meta.enableEditing) ? /*#__PURE__*/ React.createElement(EditableCell, {
+                return (cell === null || cell === void 0 ? void 0 : (_cell_column1 = cell.column) === null || _cell_column1 === void 0 ? void 0 : (_cell_column_columnDef1 = _cell_column1.columnDef) === null || _cell_column_columnDef1 === void 0 ? void 0 : (_cell_column_columnDef_meta1 = _cell_column_columnDef1.meta) === null || _cell_column_columnDef_meta1 === void 0 ? void 0 : _cell_column_columnDef_meta1.enableEditing) ? /*#__PURE__*/ React.createElement(EditableCell, {
                     key: cell.id,
                     size: size,
                     cell: cell,
                     borderVariant: borderVariant,
                     table: table,
                     selected: row.getIsSelected(),
-                    view: view
+                    view: view,
+                    additionalProps: additionalProps
                 }) : /*#__PURE__*/ React.createElement(Cell, {
                     key: cell.id,
                     cell: cell,
                     borderVariant: borderVariant,
                     selected: row.getIsSelected(),
-                    view: view
+                    view: view,
+                    additionalProps: additionalProps
                 });
             }));
         }))));

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

@@ -1,19 +1,47 @@
+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;
+}
 import React from "react";
 import { flexRender } from "@tanstack/react-table";
 import { Resizer } from "../../Table.styles";
 import { SELECT_COLUMN_ID } from "../../Table";
 import { Td } from "./Cell.styles";
 export var Cell = function(param) {
-    var cell = param.cell, borderVariant = param.borderVariant, selected = param.selected, view = param.view;
+    var cell = param.cell, borderVariant = param.borderVariant, selected = param.selected, view = param.view, additionalProps = param.additionalProps;
     var _cell_column_columnDef_meta;
     var renderCell = (_cell_column_columnDef_meta = cell.column.columnDef.meta) === null || _cell_column_columnDef_meta === void 0 ? void 0 : _cell_column_columnDef_meta.renderCell;
-    return /*#__PURE__*/ React.createElement(Td, {
+    return /*#__PURE__*/ React.createElement(Td, _object_spread({
         key: cell.id,
         borderVariant: borderVariant,
         selectionCell: cell.column.id === SELECT_COLUMN_ID,
         selected: selected,
         view: view
-    }, renderCell ? renderCell(cell.getValue(), cell.row.original, cell.row.index) : flexRender(cell.column.columnDef.cell, cell.getContext()), cell.column.getIsResizing() && /*#__PURE__*/ React.createElement(Resizer, {
+    }, additionalProps), renderCell ? renderCell(cell.getValue(), cell.row.original, cell.row.index) : flexRender(cell.column.columnDef.cell, cell.getContext()), cell.column.getIsResizing() && /*#__PURE__*/ React.createElement(Resizer, {
         isResizing: true
     }));
 };