@salutejs/plasma-new-hope 0.330.0-canary.1655.16067895478.0 → 0.330.0-canary.1655.16168034594.0

package/styled-components/es/components/Combobox/ComboboxNew/Combobox.tokens.js

@@ -32,6 +32,7 @@ export var tokens = {
     itemIconSizeTight: '--plasma-combobox-item-icon-size-tight',
     itemIconMargin: '--plasma-combobox-item-icon-margin',
     itemBackgroundHover: '--plasma-combobox-item-background-hover',
+    itemIconColor: '--plasma-combobox-item-icon-color',
     cellPadding: '--plasma-combobox-cell-padding',
     cellPaddingLeftContent: '--plasma-combobox-cell-padding-left-content',
     cellPaddingContent: '--plasma-combobox-cell-padding-content',

package/styled-components/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js

@@ -12,7 +12,7 @@ var mergedCellConfig = mergeConfig(cellConfig);
 var Cell = component(mergedCellConfig);
 export var StyledWrapper = styled.div.withConfig({
     displayName: "Item.styles__StyledWrapper",
-    componentId: "sc-85d7faec-0"
+    componentId: "sc-15bf1974-0"
 })([
     "",
     ":var(",
@@ -46,13 +46,13 @@ export var StyledWrapper = styled.div.withConfig({
 ], cellTokens.cellTitleColor, constants.cellTitleColor, cellTokens.cellBackgroundColor, constants.cellBackgroundColor, cellTokens.cellPadding, tokens.cellPadding, cellTokens.cellPaddingLeftContent, tokens.cellPaddingLeftContent, cellTokens.cellPaddingContent, tokens.cellPaddingContent, cellTokens.cellPaddingRightContent, tokens.cellPaddingRightContent, cellTokens.cellTextboxGap, tokens.cellTextboxGap, cellTokens.cellGap, tokens.cellGap, cellTokens.cellTitleFontFamily, tokens.cellTitleFontFamily, cellTokens.cellTitleFontSize, tokens.cellTitleFontSize, cellTokens.cellTitleFontStyle, tokens.cellTitleFontStyle, cellTokens.cellTitleFontWeight, tokens.cellTitleFontWeight, cellTokens.cellTitleLetterSpacing, tokens.cellTitleLetterSpacing, cellTokens.cellTitleLineHeight, tokens.cellTitleLineHeight);
 export var StyledCell = styled(Cell).withConfig({
     displayName: "Item.styles__StyledCell",
-    componentId: "sc-85d7faec-1"
+    componentId: "sc-15bf1974-1"
 })([
     ""
 ]);
 export var StyledCheckbox = styled(Checkbox).withConfig({
     displayName: "Item.styles__StyledCheckbox",
-    componentId: "sc-85d7faec-2"
+    componentId: "sc-15bf1974-2"
 })([
     "",
     ":var(",
@@ -74,14 +74,14 @@ var mergedIndicatorConfig = mergeConfig(indicatorConfig);
 var Indicator = component(mergedIndicatorConfig);
 export var StyledIndicator = styled(Indicator).withConfig({
     displayName: "Item.styles__StyledIndicator",
-    componentId: "sc-85d7faec-3"
+    componentId: "sc-15bf1974-3"
 })([
     "",
     ":var(",
     ");",
     ":var(",
     ");"
-], indicatorTokens.size, tokens.indicatorSize, indicatorTokens.color, tokens.checkboxFillColor);
+], indicatorTokens.size, tokens.indicatorSize, indicatorTokens.color, tokens.itemIconColor);
 // TODO: Удалить после поддержки JS переменных в конфиге компонент
 export var sizeMap = {
     xs: '1rem',
@@ -89,7 +89,7 @@ export var sizeMap = {
 };
 export var StyledArrow = styled(IconDisclosureRightCentered).withConfig({
     displayName: "Item.styles__StyledArrow",
-    componentId: "sc-85d7faec-4"
+    componentId: "sc-15bf1974-4"
 })([
     "width:",
     ";height:",
@@ -103,7 +103,7 @@ export var StyledArrow = styled(IconDisclosureRightCentered).withConfig({
 });
 export var StyledIconDone = styled(IconDone).withConfig({
     displayName: "Item.styles__StyledIconDone",
-    componentId: "sc-85d7faec-5"
+    componentId: "sc-15bf1974-5"
 })([
     "width:",
     ";height:",
@@ -117,19 +117,19 @@ export var StyledIconDone = styled(IconDone).withConfig({
 });
 export var StyledContentLeft = styled.div.withConfig({
     displayName: "Item.styles__StyledContentLeft",
-    componentId: "sc-85d7faec-6"
+    componentId: "sc-15bf1974-6"
 })([
     "display:inline-flex;"
 ]);
 export var StyledContentRight = styled.div.withConfig({
     displayName: "Item.styles__StyledContentRight",
-    componentId: "sc-85d7faec-7"
+    componentId: "sc-15bf1974-7"
 })([
     "margin-left:auto;display:inline-flex;"
 ]);
 export var DisclosureIconWrapper = styled.div.withConfig({
     displayName: "Item.styles__DisclosureIconWrapper",
-    componentId: "sc-85d7faec-8"
+    componentId: "sc-15bf1974-8"
 })([
     "line-height:0;margin:var(",
     ");color:var(",
@@ -138,7 +138,7 @@ export var DisclosureIconWrapper = styled.div.withConfig({
 ], tokens.disclosureIconMargin, tokens.disclosureIconColor, tokens.disclosureIconColorHover);
 export var IconWrapper = styled.div.withConfig({
     displayName: "Item.styles__IconWrapper",
-    componentId: "sc-85d7faec-9"
+    componentId: "sc-15bf1974-9"
 })([
     "display:flex;align-items:center;justify-content:center;flex:none;width:",
     ";height:",
@@ -151,17 +151,17 @@ export var IconWrapper = styled.div.withConfig({
 }, function(param) {
     var variant = param.variant;
     return "var(".concat(variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize, ")");
-}, tokens.itemIconMargin, tokens.checkboxFillColor);
+}, tokens.itemIconMargin, tokens.itemIconColor);
 export var StyledText = styled.div.withConfig({
     displayName: "Item.styles__StyledText",
-    componentId: "sc-85d7faec-10"
+    componentId: "sc-15bf1974-10"
 })([
     "",
     ";flex:1;"
 ], applyEllipsis());
 export var Wrapper = styled.li.withConfig({
     displayName: "Item.styles__Wrapper",
-    componentId: "sc-85d7faec-11"
+    componentId: "sc-15bf1974-11"
 })([
     "display:flex;align-items:center;min-height:var(",
     ");margin:0;box-sizing:content-box;padding:",
@@ -195,7 +195,7 @@ export var Wrapper = styled.li.withConfig({
 }));
 export var StyledCheckboxWrapper = styled.span.withConfig({
     displayName: "Item.styles__StyledCheckboxWrapper",
-    componentId: "sc-85d7faec-12"
+    componentId: "sc-15bf1974-12"
 })([
     ""
 ]);

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

@@ -74,7 +74,7 @@ var Popup = component(popupConfig);
  * Управляет показом/скрытием, подложкой и анимацией визуальной части модального окна.
  */ export var modalRoot = function(Root) {
     return /*#__PURE__*/ forwardRef(function(_param, outerRootRef) {
-        var id = _param.id, withAnimation = _param.withAnimation, onClose = _param.onClose, onOverlayClick = _param.onOverlayClick, onEscKeyDown = _param.onEscKeyDown, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, withBlur = _param.withBlur, initialFocusRef = _param.initialFocusRef, focusAfterRef = _param.focusAfterRef, zIndex = _param.zIndex, popupInfo = _param.popupInfo, children = _param.children, view = _param.view, opened = _param.opened, isOpen = _param.isOpen, hasBody = _param.hasBody, hasClose = _param.hasClose, draggable = _param.draggable, handle = _param.handle, resizable = _param.resizable, rest = _object_without_properties(_param, [
+        var id = _param.id, withAnimation = _param.withAnimation, onClose = _param.onClose, onOverlayClick = _param.onOverlayClick, onEscKeyDown = _param.onEscKeyDown, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, withBlur = _param.withBlur, initialFocusRef = _param.initialFocusRef, focusAfterRef = _param.focusAfterRef, zIndex = _param.zIndex, popupInfo = _param.popupInfo, children = _param.children, view = _param.view, opened = _param.opened, isOpen = _param.isOpen, hasBody = _param.hasBody, hasClose = _param.hasClose, resizable = _param.resizable, draggable = _param.draggable, rest = _object_without_properties(_param, [
             "id",
             "withAnimation",
             "onClose",
@@ -93,15 +93,13 @@ var Popup = component(popupConfig);
             "isOpen",
             "hasBody",
             "hasClose",
-            "draggable",
-            "handle",
-            "resizable"
+            "resizable",
+            "draggable"
         ]);
         var innerIsOpen = Boolean(isOpen || opened);
         var innerHasClose = hasClose === undefined && hasBody || hasClose;
         var trapRef = useFocusTrap(true, initialFocusRef, focusAfterRef, true);
         var popupController = usePopupContext();
-        var isResizableEnabled = Boolean(resizable && !resizable.disabled);
         var innerRef = useForkRef(trapRef, outerRootRef);
         var uniqId = safeUseId();
         var innerId = id || uniqId;
@@ -153,13 +151,10 @@ var Popup = component(popupConfig);
                 view: view
             }, overlayNode),
             draggable: draggable,
-            handle: handle,
             resizable: resizable
         }, rest), hasBody ? /*#__PURE__*/ React.createElement(Root, {
             view: view
-        }, /*#__PURE__*/ React.createElement(ModalBody, {
-            isResizableEnabled: isResizableEnabled
-        }, /*#__PURE__*/ React.createElement(ModalContent, null, innerHasClose && /*#__PURE__*/ React.createElement(CloseButton, {
+        }, /*#__PURE__*/ React.createElement(ModalBody, null, /*#__PURE__*/ React.createElement(ModalContent, null, innerHasClose && /*#__PURE__*/ React.createElement(CloseButton, {
             onClick: onClose,
             "data-test": "modal-close"
         }, /*#__PURE__*/ React.createElement(IconClose, {

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

@@ -7,7 +7,7 @@ export var base = css([
 ]);
 export var ModalBody = styled.div.withConfig({
     displayName: "Modal.styles__ModalBody",
-    componentId: "sc-aa09e41b-0"
+    componentId: "sc-96885df7-0"
 })([
     "height:100%;box-sizing:border-box;border-radius:var(",
     ");padding:var(",
@@ -16,14 +16,14 @@ export var ModalBody = styled.div.withConfig({
 ], tokens.modalBodyBorderRadius, tokens.modalBodyPadding, tokens.modalBodyBackground);
 export var ModalContent = styled.div.withConfig({
     displayName: "Modal.styles__ModalContent",
-    componentId: "sc-aa09e41b-1"
+    componentId: "sc-96885df7-1"
 })([
     "position:relative;padding:var(",
     ");"
 ], tokens.modalContentPadding);
 export var CloseButton = styled.button.withConfig({
     displayName: "Modal.styles__CloseButton",
-    componentId: "sc-aa09e41b-2"
+    componentId: "sc-96885df7-2"
 })([
     "top:0;right:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(",
     ");padding:0;margin:0;outline:none;cursor:pointer;background:transparent;",

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

@@ -1,3 +1,11 @@
+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, {
@@ -11,6 +19,33 @@ 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] : {};
@@ -53,30 +88,78 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import React, { forwardRef } from "react";
-import { NumericFormat } from "react-number-format";
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+import React, { forwardRef, useRef, useState } from "react";
+import { NumericFormat, numericFormatter } from "react-number-format";
+import { useForkRef } from "@salutejs/plasma-core";
 export var composeNumberFormat = function(InputComponent) {
     return /*#__PURE__*/ forwardRef(function(_param, outerRef) {
-        var _param_thousandSeparator = _param.thousandSeparator, thousandSeparator = _param_thousandSeparator === void 0 ? ' ' : _param_thousandSeparator, _param_decimalScale = _param.decimalScale, decimalScale = _param_decimalScale === void 0 ? 3 : _param_decimalScale, _param_decimalSeparator = _param.decimalSeparator, decimalSeparator = _param_decimalSeparator === void 0 ? '.' : _param_decimalSeparator, onChange = _param.onChange, rest = _object_without_properties(_param, [
+        var _param_thousandSeparator = _param.thousandSeparator, thousandSeparator = _param_thousandSeparator === void 0 ? ' ' : _param_thousandSeparator, _param_decimalScale = _param.decimalScale, decimalScale = _param_decimalScale === void 0 ? 3 : _param_decimalScale, _param_decimalSeparator = _param.decimalSeparator, decimalSeparator = _param_decimalSeparator === void 0 ? '.' : _param_decimalSeparator, disabled = _param.disabled, outerValue = _param.value, onChange = _param.onChange, onPaste = _param.onPaste, rest = _object_without_properties(_param, [
             "thousandSeparator",
             "decimalScale",
             "decimalSeparator",
-            "onChange"
+            "disabled",
+            "value",
+            "onChange",
+            "onPaste"
         ]);
+        var inputRef = useRef(null);
+        var inputForkRef = useForkRef(inputRef, outerRef);
+        var _useState = _sliced_to_array(useState(''), 2), innerValue = _useState[0], setInnerValue = _useState[1];
+        var value = numericFormatter(String(outerValue !== null && outerValue !== void 0 ? outerValue : innerValue), {
+            thousandSeparator: thousandSeparator,
+            decimalScale: decimalScale,
+            decimalSeparator: decimalSeparator
+        });
         var handleChangeValue = function(values, sourceInfo) {
+            var changeEvent = sourceInfo.event;
+            setInnerValue(values.value);
             if (onChange) {
-                var changeEvent = sourceInfo.event;
                 onChange(changeEvent, values);
             }
         };
+        var handlePaste = function(event) {
+            if (disabled) {
+                return;
+            }
+            if (decimalSeparator !== '.' && inputRef.current) {
+                if (!Number.isNaN(Number(event.clipboardData.getData('text/plain')))) {
+                    event.preventDefault();
+                    var pastedValue = event.clipboardData.getData('text/plain').replace('.', decimalSeparator);
+                    var input = event.target;
+                    var startPos = input.selectionStart || 0;
+                    var newCursorPos = startPos + pastedValue.length;
+                    setInnerValue(pastedValue);
+                    setTimeout(function() {
+                        var _inputRef_current;
+                        (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.setSelectionRange(newCursorPos, newCursorPos);
+                    }, 10);
+                }
+            }
+            if (onPaste) {
+                onPaste(event);
+            }
+        };
         return /*#__PURE__*/ React.createElement(NumericFormat, _object_spread({
+            value: value,
             thousandSeparator: thousandSeparator,
             decimalScale: decimalScale,
             decimalSeparator: decimalSeparator,
             customInput: InputComponent,
-            getInputRef: outerRef,
+            getInputRef: inputForkRef,
             _textEllipsisDisable: true,
-            onValueChange: handleChangeValue
+            onValueChange: handleChangeValue,
+            onPaste: handlePaste
         }, rest));
     });
 };

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

@@ -101,7 +101,7 @@ function _unsupported_iterable_to_array(o, minLen) {
 }
 import React, { forwardRef, useRef } from "react";
 import { useForkRef } from "@salutejs/plasma-core";
-// import Draggable from 'react-draggable';
+import Draggable from "react-draggable";
 import { Resizable } from "re-resizable";
 import { canUseDOM, cx, safeUseId } from "../../utils";
 import { Portal } from "../Portal";
@@ -173,7 +173,7 @@ export var handlePosition = function(placement, offset) {
             0,
             0
         ] : _param_offset, _param_frame = _param.frame, frame = _param_frame === void 0 ? 'document' : _param_frame, children = _param.children, overlay = _param.overlay, // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        role = _param.role, zIndex = _param.zIndex, popupInfo = _param.popupInfo, _param_withAnimation = _param.withAnimation, withAnimation = _param_withAnimation === void 0 ? false : _param_withAnimation, className = _param.className, _param_draggable = _param.draggable, draggable = _param_draggable === void 0 ? false : _param_draggable, handle = _param.handle, resizable = _param.resizable, rest = _object_without_properties(_param, [
+        role = _param.role, zIndex = _param.zIndex, popupInfo = _param.popupInfo, _param_withAnimation = _param.withAnimation, withAnimation = _param_withAnimation === void 0 ? false : _param_withAnimation, className = _param.className, draggable = _param.draggable, outerResizable = _param.resizable, rest = _object_without_properties(_param, [
             "id",
             "isOpen",
             "opened",
@@ -188,11 +188,13 @@ export var handlePosition = function(placement, offset) {
             "withAnimation",
             "className",
             "draggable",
-            "handle",
             "resizable"
         ]);
         var _resizable_hiddenIcons, _resizable_hiddenIcons1, _resizable_hiddenIcons2, _resizable_hiddenIcons3;
         var innerIsOpen = isOpen || opened;
+        var resizable = typeof outerResizable === 'boolean' ? {
+            disabled: !outerResizable
+        } : outerResizable;
         var uniqId = safeUseId();
         var innerId = id || uniqId;
         var _usePopup = usePopup({
@@ -218,7 +220,12 @@ export var handlePosition = function(placement, offset) {
             frame: frame,
             animationInfo: animationInfo,
             setVisible: setVisible
-        }, rest), /*#__PURE__*/ React.createElement(Resizable, {
+        }, rest), /*#__PURE__*/ React.createElement(Draggable, {
+            defaultClassName: draggable ? classes.draggablePopupWrapper : undefined,
+            defaultClassNameDragging: draggable ? classes.draggingPopupWrapper : undefined,
+            disabled: !draggable,
+            cancel: ".".concat(classes.resizableHandleWrapper)
+        }, /*#__PURE__*/ React.createElement(Resizable, {
             enable: resizable && !resizable.disabled ? getResizeDirections(resizable.directions) : false,
             resizeRatio: getRatioBasedOnPlacement(placement),
             defaultSize: resizable === null || resizable === void 0 ? void 0 : resizable.defaultSize,
@@ -249,8 +256,9 @@ export var handlePosition = function(placement, offset) {
                 })
             },
             className: classes.resizableContainer,
-            handleStyles: getHandleStyles(resizable === null || resizable === void 0 ? void 0 : resizable.iconSize)
-        }, children)));
+            handleStyles: getHandleStyles(resizable === null || resizable === void 0 ? void 0 : resizable.iconSize),
+            handleWrapperClass: classes.resizableHandleWrapper
+        }, children))));
         if (typeof frame !== 'string' && frame && frame.current && canUseDOM) {
             return /*#__PURE__*/ React.createElement(Portal, {
                 container: frame.current

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

@@ -4,29 +4,31 @@ import { IconResizeDiagonal } from "../_Icon";
 import { classes } from "./Popup.tokens";
 import { DEFAULT_Z_INDEX } from "./utils";
 export var base = css([
-    ""
-]);
+    ".",
+    "{cursor:grab;}.",
+    "{cursor:grabbing;}"
+], classes.draggablePopupWrapper, classes.draggingPopupWrapper);
 export var StyledPortal = styled.div.withConfig({
     displayName: "Popup.styles__StyledPortal",
-    componentId: "sc-53e4f17f-0"
+    componentId: "sc-17a0b623-0"
 })([
     ""
 ]);
 export var StyledPortalContainer = styled.div.withConfig({
     displayName: "Popup.styles__StyledPortalContainer",
-    componentId: "sc-53e4f17f-1"
+    componentId: "sc-17a0b623-1"
 })([
     "width:0;"
 ]);
 export var PopupView = styled.div.withConfig({
     displayName: "Popup.styles__PopupView",
-    componentId: "sc-53e4f17f-2"
+    componentId: "sc-17a0b623-2"
 })([
     "position:relative;max-width:100%;pointer-events:all;"
 ]);
 export var PopupRootContainer = styled.div.withConfig({
     displayName: "Popup.styles__PopupRootContainer",
-    componentId: "sc-53e4f17f-3"
+    componentId: "sc-17a0b623-3"
 })([
     "position:",
     ";z-index:",
@@ -60,7 +62,7 @@ export var PopupRootContainer = styled.div.withConfig({
 });
 export var IconResizeDiagonalStyled = styled(IconResizeDiagonal).withConfig({
     displayName: "Popup.styles__IconResizeDiagonalStyled",
-    componentId: "sc-53e4f17f-4"
+    componentId: "sc-17a0b623-4"
 })([
     "color:var(--text-secondary);&:hover{color:var(--text-secondary-hover);}&:active{color:var(--text-secondary-active);}&.",
     "{transform:rotate(-90deg);}&.",

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

@@ -8,5 +8,8 @@ export var classes = {
     resizableTopRightIcon: 'resizable-top-right-icon',
     resizableBottomRightIcon: 'resizable-bottom-right-icon',
     resizableBottomLeftIcon: 'resizable-bottom-left-icon',
-    resizableTopLeftIcon: 'resizable-top-left-icon'
+    resizableTopLeftIcon: 'resizable-top-left-icon',
+    resizableHandleWrapper: 'resizable-handle-wrapper',
+    draggablePopupWrapper: 'draggable-popup-wrapper',
+    draggingPopupWrapper: 'dragging-popup-wrapper'
 };

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

@@ -32,6 +32,7 @@ export var tokens = {
     itemBackgroundHover: '--plasma-select-item-background-hover',
     itemDisabledOpacity: '--plasma-select-item-disabled-opacity',
     itemDisabledColor: '--plasma-select-item-disabled-color',
+    itemIconColor: '--plasma-select-item-icon-color',
     cellPadding: '--plasma-select-cell-padding',
     cellPaddingLeftContent: '--plasma-select-cell-padding-left-content',
     cellPaddingContent: '--plasma-select-cell-padding-content',

package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.styles.js

@@ -14,7 +14,7 @@ var mergedIndicatorConfig = mergeConfig(indicatorConfig);
 var Indicator = component(mergedIndicatorConfig);
 export var StyledWrapper = styled.div.withConfig({
     displayName: "Item.styles__StyledWrapper",
-    componentId: "sc-8a3f92ff-0"
+    componentId: "sc-fcc0b37e-0"
 })([
     "",
     ":",
@@ -51,13 +51,13 @@ export var StyledWrapper = styled.div.withConfig({
 }, cellTokens.cellBackgroundColor, constants.cellBackgroundColor, cellTokens.cellPadding, tokens.cellPadding, cellTokens.cellPaddingLeftContent, tokens.cellPaddingLeftContent, cellTokens.cellPaddingContent, tokens.cellPaddingContent, cellTokens.cellPaddingRightContent, tokens.cellPaddingRightContent, cellTokens.cellTextboxGap, tokens.cellTextboxGap, cellTokens.cellGap, tokens.cellGap, cellTokens.cellTitleFontFamily, tokens.cellTitleFontFamily, cellTokens.cellTitleFontSize, tokens.cellTitleFontSize, cellTokens.cellTitleFontStyle, tokens.cellTitleFontStyle, cellTokens.cellTitleFontWeight, tokens.cellTitleFontWeight, cellTokens.cellTitleLetterSpacing, tokens.cellTitleLetterSpacing, cellTokens.cellTitleLineHeight, tokens.cellTitleLineHeight);
 export var StyledCell = styled(Cell).withConfig({
     displayName: "Item.styles__StyledCell",
-    componentId: "sc-8a3f92ff-1"
+    componentId: "sc-fcc0b37e-1"
 })([
     ""
 ]);
 export var StyledCheckbox = styled(Checkbox).withConfig({
     displayName: "Item.styles__StyledCheckbox",
-    componentId: "sc-8a3f92ff-2"
+    componentId: "sc-fcc0b37e-2"
 })([
     "",
     ":var(",
@@ -77,14 +77,14 @@ export var StyledCheckbox = styled(Checkbox).withConfig({
 ], checkboxTokens.triggerSize, tokens.checkboxTriggerSize, checkboxTokens.triggerBorderRadius, tokens.checkboxTriggerBorderRadius, checkboxTokens.fillColor, tokens.checkboxFillColor, checkboxTokens.iconColor, tokens.checkboxIconColor, checkboxTokens.triggerBorderWidth, tokens.checkboxTriggerBorderWidth, checkboxTokens.triggerBorderColor, tokens.checkboxTriggerBorderColor, checkboxTokens.triggerBorderCheckedColor, tokens.checkboxTriggerBorderCheckedColor);
 export var StyledIndicator = styled(Indicator).withConfig({
     displayName: "Item.styles__StyledIndicator",
-    componentId: "sc-8a3f92ff-3"
+    componentId: "sc-fcc0b37e-3"
 })([
     "",
     ":var(",
     ");",
     ":var(",
     ");"
-], indicatorTokens.size, tokens.indicatorSize, indicatorTokens.color, tokens.checkboxFillColor);
+], indicatorTokens.size, tokens.indicatorSize, indicatorTokens.color, tokens.itemIconColor);
 // TODO: Удалить после поддержки JS переменных в конфиге компонент
 export var sizeMap = {
     xs: '1rem',
@@ -92,7 +92,7 @@ export var sizeMap = {
 };
 export var StyledArrow = styled(IconDisclosureRightCentered).withConfig({
     displayName: "Item.styles__StyledArrow",
-    componentId: "sc-8a3f92ff-4"
+    componentId: "sc-fcc0b37e-4"
 })([
     "width:",
     ";height:",
@@ -106,7 +106,7 @@ export var StyledArrow = styled(IconDisclosureRightCentered).withConfig({
 });
 export var StyledIconDone = styled(IconDone).withConfig({
     displayName: "Item.styles__StyledIconDone",
-    componentId: "sc-8a3f92ff-5"
+    componentId: "sc-fcc0b37e-5"
 })([
     "width:",
     ";height:",
@@ -120,7 +120,7 @@ export var StyledIconDone = styled(IconDone).withConfig({
 });
 export var DisclosureIconWrapper = styled.div.withConfig({
     displayName: "Item.styles__DisclosureIconWrapper",
-    componentId: "sc-8a3f92ff-6"
+    componentId: "sc-fcc0b37e-6"
 })([
     "margin:var(",
     ");line-height:0;color:var(",
@@ -129,7 +129,7 @@ export var DisclosureIconWrapper = styled.div.withConfig({
 ], tokens.disclosureIconMargin, tokens.disclosureIconColor, tokens.disclosureIconColorHover);
 export var IconWrapper = styled.div.withConfig({
     displayName: "Item.styles__IconWrapper",
-    componentId: "sc-8a3f92ff-7"
+    componentId: "sc-fcc0b37e-7"
 })([
     "display:flex;align-items:center;justify-content:center;flex:none;width:",
     ";height:",
@@ -142,17 +142,17 @@ export var IconWrapper = styled.div.withConfig({
 }, function(param) {
     var variant = param.variant;
     return "var(".concat(variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize, ")");
-}, tokens.itemIconMargin, tokens.checkboxFillColor);
+}, tokens.itemIconMargin, tokens.itemIconColor);
 export var StyledText = styled.div.withConfig({
     displayName: "Item.styles__StyledText",
-    componentId: "sc-8a3f92ff-8"
+    componentId: "sc-fcc0b37e-8"
 })([
     "",
     ";flex:1;"
 ], applyEllipsis());
 export var Wrapper = styled.li.withConfig({
     displayName: "Item.styles__Wrapper",
-    componentId: "sc-8a3f92ff-9"
+    componentId: "sc-fcc0b37e-9"
 })([
     "display:flex;align-items:center;min-height:var(",
     ");margin:0;box-sizing:content-box;padding:",
@@ -187,7 +187,7 @@ export var Wrapper = styled.li.withConfig({
 }));
 export var StyledCheckboxWrapper = styled.span.withConfig({
     displayName: "Item.styles__StyledCheckboxWrapper",
-    componentId: "sc-8a3f92ff-10"
+    componentId: "sc-fcc0b37e-10"
 })([
     ""
 ]);