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

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

@@ -0,0 +1,120 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Resizable", {
+    enumerable: true,
+    get: function() {
+        return Resizable;
+    }
+});
+var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+var _reresizable = require("re-resizable");
+var _utils = require("./utils");
+var _Resizabletokens = require("./Resizable.tokens");
+var _Resizablestyles = require("./Resizable.styles");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+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 = (0, _react.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(_Resizabletokens.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(_Resizabletokens.classes.resizableContainerNoSelect);
+            if (onResizeEnd) {
+                onResizeEnd(resizableContainer);
+            }
+        }
+    };
+    if (!resizable || resizable.disabled) {
+        return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, children);
+    }
+    return /*#__PURE__*/ _react.default.createElement(_reresizable.Resizable, {
+        ref: resizableContainer,
+        enable: resizable && !resizable.disabled ? (0, _utils.getResizeDirections)(resizable.directions) : false,
+        resizeRatio: (0, _utils.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.default.createElement(_react.default.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.default.createElement(_Resizablestyles.IconResizeDiagonalStyled, {
+                className: _Resizabletokens.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.default.createElement(_react.default.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.default.createElement(_Resizablestyles.IconResizeDiagonalStyled, {
+                className: _Resizabletokens.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.default.createElement(_react.default.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.default.createElement(_Resizablestyles.IconResizeDiagonalStyled, {
+                className: _Resizabletokens.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.default.createElement(_react.default.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.default.createElement(_Resizablestyles.IconResizeDiagonalStyled, {
+                className: _Resizabletokens.classes.resizableTopLeftIcon,
+                color: "inherit",
+                size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
+            }))
+        },
+        className: _Resizabletokens.classes.resizableContainer,
+        handleStyles: (0, _utils.getHandleStyles)(),
+        handleWrapperClass: _Resizabletokens.classes.resizableHandleWrapper
+    }, children);
+};

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

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "IconResizeDiagonalStyled", {
+    enumerable: true,
+    get: function() {
+        return IconResizeDiagonalStyled;
+    }
+});
+var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
+var _Icon = require("../_Icon");
+var _Resizabletokens = require("./Resizable.tokens");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+var IconResizeDiagonalStyled = (0, _styledcomponents.default)(_Icon.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);}"
+], _Resizabletokens.classes.resizableTopRightIcon, _Resizabletokens.classes.resizableBottomRightIcon, _Resizabletokens.classes.resizableBottomLeftIcon, _Resizabletokens.classes.resizableTopLeftIcon);

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

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "classes", {
+    enumerable: true,
+    get: function() {
+        return classes;
+    }
+});
+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/cjs/components/_Resizable/index.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./Resizable.types"), exports);
+_export_star(require("./Resizable"), exports);
+function _export_star(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
+    });
+    return from;
+}

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

@@ -0,0 +1,68 @@
+// Объект стилей для handler'а, в котором находится иконка ресайза.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "getHandleStyles", {
+    enumerable: true,
+    get: function() {
+        return getHandleStyles;
+    }
+});
+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'
+};
+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/cjs/components/_Resizable/utils/getRatioBasedOnPlacement.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "getRatioBasedOnPlacement", {
+    enumerable: true,
+    get: function() {
+        return getRatioBasedOnPlacement;
+    }
+});
+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/cjs/components/_Resizable/utils/getResizeDirections.js

@@ -0,0 +1,82 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "getResizeDirections", {
+    enumerable: true,
+    get: function() {
+        return getResizeDirections;
+    }
+});
+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/cjs/components/_Resizable/utils/index.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "DEFAULT_Z_INDEX", {
+    enumerable: true,
+    get: function() {
+        return DEFAULT_Z_INDEX;
+    }
+});
+_export_star(require("./getRatioBasedOnPlacement"), exports);
+_export_star(require("./getResizeDirections"), exports);
+_export_star(require("./getHandleStyles"), exports);
+function _export_star(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
+    });
+    return from;
+}
+var DEFAULT_Z_INDEX = '9000';

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

@@ -52,100 +52,113 @@ var config = {
                 ":var(--surface-transparent-tertiary);",
                 ":var(--surface-negative);",
                 ":var(--text-primary);"
+            ], _ProgressBarCircular.progressBarCircularTokens.backgroundStroke, _ProgressBarCircular.progressBarCircularTokens.progressStroke, _ProgressBarCircular.progressBarCircularTokens.contentColor),
+            info: (0, _styledcomponents.css)([
+                "",
+                ":var(--surface-transparent-tertiary);",
+                ":var(--surface-info);",
+                ":var(--text-primary);"
             ], _ProgressBarCircular.progressBarCircularTokens.backgroundStroke, _ProgressBarCircular.progressBarCircularTokens.progressStroke, _ProgressBarCircular.progressBarCircularTokens.contentColor)
         },
         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/Calendar/Calendar.tokens.js

@@ -68,6 +68,7 @@ export var tokens = {
     calendarDayFontWeight: '--plasma-calendar-day-font-weight',
     calendarDaySelectedFontWeight: '--plasma-calendar-day-selected-font-weight',
     calendarDayOfWeekColor: '--plasma-calendar-day-of-the-week-color',
+    calendarEventItemBottom: '--plasma-calendar-event-item-bottom',
     /* Токены шапки календаря */ calendarHeaderWrapperPadding: '--plasma-calendar-header-wrapper-padding',
     calendarHeaderArrowGap: '--plasma-calendar-arrow-container-gap',
     calendarHeaderArrowPadding: '--plasma-calendar-arrow-container-padding',

package/styled-components/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js

@@ -10,7 +10,7 @@ var sideInRange = function() {
 };
 export var StyledItem = styled.div.withConfig({
     displayName: "DateStructureItem.styles__StyledItem",
-    componentId: "sc-e4ed8914-0"
+    componentId: "sc-1b80b82a-0"
 })([
     "border-radius:calc(var(",
     ") - 0.125rem);",
@@ -38,7 +38,7 @@ var disabledCurrentItem = function() {
 };
 export var StyledItemRoot = styled.div.withConfig({
     displayName: "DateStructureItem.styles__StyledItemRoot",
-    componentId: "sc-e4ed8914-1"
+    componentId: "sc-1b80b82a-1"
 })([
     "font-family:var(",
     ");font-size:var(",
@@ -107,17 +107,18 @@ export var StyledItemRoot = styled.div.withConfig({
 }, disabledCurrentItem(), classes.currentItem, classes.inRange, classes.sideRight, classes.sideLeft);
 export var StyledEvents = styled.div.withConfig({
     displayName: "DateStructureItem.styles__StyledEvents",
-    componentId: "sc-e4ed8914-2"
+    componentId: "sc-1b80b82a-2"
 })([
-    "display:flex;position:absolute;bottom:0.25rem;"
-]);
+    "display:flex;position:absolute;bottom:var(",
+    ",0.25rem);"
+], tokens.calendarEventItemBottom);
 export var StyledEvent = styled.div.withConfig({
     displayName: "DateStructureItem.styles__StyledEvent",
-    componentId: "sc-e4ed8914-3"
+    componentId: "sc-1b80b82a-3"
 })([
     "margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:",
     ";"
 ], function(param) {
-    var _param_color = param.color, color = _param_color === void 0 ? 'var(--plasma-colors-accent)' : _param_color;
+    var _param_color = param.color, color = _param_color === void 0 ? 'var(--plasma-colors-accent, var(--surface-accent))' : _param_color;
     return color;
 });

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

@@ -74,6 +74,8 @@ export var tokens = {
     rangeReadOnlyOpacity: '--plasma-date-picker-readonly-opacity',
     /** Цвет обводки поля ввода при фокусе */ focusColor: '--plasma-date-picker-focus-color',
     /** Токены полей ввода */ textFieldColor: '--plasma-date-picker-textfield-color',
+    textFieldColorError: '--plasma-date-picker-textfield-color-error',
+    textFieldColorSuccess: '--plasma-date-picker-textfield-color-success',
     textFieldPlaceholderColorFocus: '--plasma-datepicker-textfield__placeholder-color-focus',
     textFieldFocusColor: '--plasma-date-picker-textfield-focus-color',
     textFieldPlaceholderColor: '--plasma-date-picker-textfield-placeholder-color',
@@ -166,6 +168,7 @@ export var tokens = {
     calendarDayFontWeight: '--plasma-date-picker-calendar__day-font-weight',
     calendarDaySelectedFontWeight: '--plasma-date-picker-calendar__day-selected-font-weight',
     calendarDayOfWeekColor: '--plasma-date-picker-calendar__day-of-week-color',
+    calendarEventItemBottom: '--plasma-date-picker-calendar__event-item-bottom',
     calendarHeaderWrapperPadding: '--plasma-date-picker-calendar__header-wrapper-padding',
     calendarHeaderArrowGap: '--plasma-date-picker-calendar__header-arrow-gap',
     calendarHeaderArrowPadding: '--plasma-date-picker-calendar__header-arrow-padding',