@salutejs/plasma-new-hope 0.257.0-canary.1739.13145324228.0 → 0.257.1-canary.1748.13146738449.0

package/styled-components/cjs/components/Select/Select.js

@@ -17,7 +17,7 @@ var _Select = /*#__PURE__*/require("./Select.styles");
 var _FloatingPopover = /*#__PURE__*/require("./FloatingPopover");
 var _SelectNative = /*#__PURE__*/require("./ui/SelectNative/SelectNative");
 var _Select2 = /*#__PURE__*/require("./Select.context");
-var _excluded = ["id", "value", "onChange", "target", "items", "placement", "label", "labelPlacement", "placeholder", "helperText", "disabled", "view", "size", "listOverflow", "listHeight", "listWidth", "contentLeft", "onScrollBottom", "chipView", "variant", "portal", "renderValue", "renderItem", "status", "onItemSelect", "separator", "closeAfterSelect", "isTargetAmount", "beforeList", "afterList", "zIndex", "name", "defaultValue"];
+var _excluded = ["id", "value", "onChange", "target", "items", "placement", "label", "labelPlacement", "placeholder", "helperText", "disabled", "readOnly", "view", "size", "listOverflow", "listHeight", "listWidth", "contentLeft", "onScrollBottom", "chipView", "variant", "portal", "renderValue", "renderItem", "status", "onItemSelect", "separator", "closeAfterSelect", "isTargetAmount", "beforeList", "afterList", "zIndex", "name", "defaultValue"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -50,6 +50,8 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
       helperText = props.helperText,
       _props$disabled = props.disabled,
       disabled = _props$disabled === void 0 ? false : _props$disabled,
+      _props$readOnly = props.readOnly,
+      readOnly = _props$readOnly === void 0 ? false : _props$readOnly,
       outerView = props.view,
       size = props.size,
       listOverflow = props.listOverflow,
@@ -110,7 +112,7 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
     var activeDescendantItemValue = ((_getItemByFocused = (0, _useKeyboardNavigation.getItemByFocused)(focusedPath, focusedToValueMap)) === null || _getItemByFocused === void 0 ? void 0 : _getItemByFocused.value.toString()) || '';
     var closeAfterSelect = outerCloseAfterSelect !== null && outerCloseAfterSelect !== void 0 ? outerCloseAfterSelect : !props.multiselect;
     var treeId = (0, _plasmaCore.safeUseId)();
-    var view = target === 'textfield-like' && disabled ? 'default' : (0, _utils2.getView)(status, outerView);
+    var view = target === 'textfield-like' && (disabled || readOnly) ? 'default' : (0, _utils2.getView)(status, outerView);
 
     // Собираем объект с пропсами для required и прокидываем их напрямую в компонент Textfield.
     var requiredProps = props.target === 'button-like' ? undefined : {
@@ -160,7 +162,7 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
       }
     };
     var handleListToggle = function handleListToggle(opened) {
-      if (disabled) {
+      if (disabled || readOnly) {
         return;
       }
       if (opened) {
@@ -296,6 +298,7 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
       labelPlacement: labelPlacement,
       chipView: chipView,
       disabled: disabled,
+      readOnly: readOnly,
       id: id
     }, rest), name && /*#__PURE__*/_react["default"].createElement(_SelectNative.SelectNative, {
       items: valueToItemMap,
@@ -337,6 +340,7 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
           size: size,
           contentLeft: contentLeft,
           disabled: disabled,
+          readOnly: readOnly,
           renderValue: renderValue,
           selectProps: props,
           inputWrapperRef: referenceRef,
@@ -360,7 +364,8 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
       size: size,
       labelPlacement: labelPlacement,
       chipView: chipView,
-      disabled: disabled
+      disabled: disabled,
+      readOnly: readOnly
     }, rest), /*#__PURE__*/_react["default"].createElement(_Select.Ul, {
       role: "tree",
       id: "".concat(treeId, "_tree_level_1"),

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

@@ -78,6 +78,12 @@ var tokens = exports.tokens = {
   textFieldBorderColorFocus: '--plasma-select-textfield-border-color-focus',
   textFieldPlaceholderColor: '--plasma-select-textfield-placeholder-color',
   textFieldPlaceholderColorFocus: '--plasma-select-textfield-placeholder-color-focus',
+  /** Цвета для read-only состояния */
+  textFieldColorReadOnly: '--plasma-select-textfield-color-readonly',
+  textFieldBackgroundColorReadOnly: '--plasma-select-textfield-bg-color-readonly',
+  textFieldBorderColorReadOnly: '--plasma-select-textfield-border-color-readonly',
+  textFieldPlaceholderColorReadOnly: '--plasma-select-textfield__placeholder-color-readonly',
+  textFieldDividerColorReadOnly: '--plasma-select-textfield-divider-color-readonly',
   textFieldHeight: '--plasma-select-textfield-height',
   textFieldBorderWidth: '--plasma-select-textfield-border-width',
   textFieldBorderRadius: '--plasma-select-textfield-border-radius',
@@ -101,6 +107,7 @@ var tokens = exports.tokens = {
   textFieldContentSlotRightColorHover: '--plasma-select-textfield-content-right-slot-color-hover',
   textFieldContentSlotRightColorActive: '--plasma-select-textfield-content-right-slot-color-active',
   textFieldLabelColor: '--plasma-select-textfield-label-color',
+  textFieldLabelColorReadOnly: '--plasma-select-textfield__label-color-readonly',
   textFieldLabelOffset: '--plasma-select-textfield-label-offset',
   textFieldLabelFontFamily: '--plasma-select-textfield-label-font-family',
   textFieldLabelFontStyle: '--plasma-select-textfield-label-font-style',
@@ -117,6 +124,7 @@ var tokens = exports.tokens = {
   textFieldLabelInnerPadding: '--plasma-select-textfield-placement-inner-label-padding',
   textFieldContentLabelInnerPadding: '--plasma-select-textfield-placement-inner-content-padding',
   textFieldTitleCaptionColor: '--plasma-select-textfield-title-caption-color',
+  textFieldTitleCaptionColorReadOnly: '--plasma-select-textfield__title-caption-color-readonly',
   textFieldTitleCaptionInnerLabelOffset: '--plasma-select-textfield-title-caption-label-inner-offset',
   textFieldTitleCaptionFontFamily: '--plasma-select-textfield-title-caption-font-family',
   textFieldTitleCaptionFontStyle: '--plasma-select-textfield-title-caption-font-style',
@@ -125,6 +133,7 @@ var tokens = exports.tokens = {
   textFieldTitleCaptionLetterSpacing: '--plasma-select-textfield-title-caption-letter-spacing',
   textFieldTitleCaptionLineHeight: '--plasma-select-textfield-title-caption-line-height',
   textFieldLeftHelperColor: '--plasma-select-textfield-left-helper-color',
+  textFieldLeftHelperColorReadOnly: '--plasma-select-textfield__left-helper-color-readonly',
   textFieldLeftHelperOffset: '--plasma-select-textfield-left-helper-offset',
   textFieldLeftHelperFontFamily: '--plasma-select-textfield-left-helper-font-family',
   textFieldLeftHelperFontStyle: '--plasma-select-textfield-left-helper-font-style',
@@ -174,6 +183,10 @@ var tokens = exports.tokens = {
   textFieldChipBackgroundHover: '--plasma-select-textfield-chip-background-hover',
   textFieldChipColorHover: '--plasma-select-textfield-chip-color-hover',
   textFieldChipScaleHover: '--plasma-select-textfield-chip-scale-hover',
+  textFieldChipBackgroundReadOnly: '--plasma-select-textfield__chip-background-readonly',
+  textFieldChipColorReadOnly: '--plasma-select-textfield__chip-color-readonly',
+  textFieldChipBackgroundReadOnlyHover: '--plasma-select-textfield__chip-background-readonly-hover',
+  textFieldChipColorReadOnlyHover: '--plasma-select-textfield__chip-color-readonly-hover',
   textFieldChipBackgroundActive: '--plasma-select-textfield-chip-background-active',
   textFieldChipColorActive: '--plasma-select-textfield-chip-color-active',
   textFieldChipScaleActive: '--plasma-select-textfield-chip-scale-active',
@@ -190,6 +203,7 @@ var tokens = exports.tokens = {
   textFieldChipLineHeight: '--plasma-select-textfield-chip-line-height',
   textFieldChipClearContentMarginLeft: '--plasma-select-textfield-chip-clear-content-margin-left',
   textFieldChipClearContentMarginRight: '--plasma-select-textfield-chip-clear-content-margin-right',
+  textFieldChipOpacityReadonly: '--plasma-select-textfield__chip-opacity-readonly',
   textFieldIndicatorColor: '--plasma-select-new-textfield-indicator-color',
   textFieldIndicatorSizeInner: '--plasma-select-new-textfield-indicator-size-inner',
   textFieldIndicatorSizeOuter: '--plasma-select-new-textfield-indicator-size-outer',

package/styled-components/cjs/components/Select/ui/Target/Target.js

@@ -21,6 +21,7 @@ var Target = exports.Target = /*#__PURE__*/(0, _react.forwardRef)(function (_ref
     size = _ref.size,
     contentLeft = _ref.contentLeft,
     disabled = _ref.disabled,
+    readOnly = _ref.readOnly,
     renderValue = _ref.renderValue,
     selectProps = _ref.selectProps,
     inputWrapperRef = _ref.inputWrapperRef,
@@ -52,7 +53,7 @@ var Target = exports.Target = /*#__PURE__*/(0, _react.forwardRef)(function (_ref
     onKeyDown: onKeyDown,
     label: label,
     size: size,
-    disabled: disabled,
+    disabled: disabled || readOnly,
     renderValue: renderValue,
     selectProps: selectProps,
     separator: separator,
@@ -75,6 +76,7 @@ var Target = exports.Target = /*#__PURE__*/(0, _react.forwardRef)(function (_ref
     treeId: treeId,
     activeDescendantItemValue: activeDescendantItemValue,
     disabled: disabled,
+    readOnly: readOnly,
     isTargetAmount: isTargetAmount,
     valueToItemMap: valueToItemMap,
     renderValue: renderValue,

package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js

@@ -35,6 +35,7 @@ var Textfield = exports.Textfield = /*#__PURE__*/(0, _react.forwardRef)(function
     treeId = _ref.treeId,
     activeDescendantItemValue = _ref.activeDescendantItemValue,
     disabled = _ref.disabled,
+    readOnly = _ref.readOnly,
     isTargetAmount = _ref.isTargetAmount,
     valueToItemMap = _ref.valueToItemMap,
     renderValue = _ref.renderValue,
@@ -107,7 +108,7 @@ var Textfield = exports.Textfield = /*#__PURE__*/(0, _react.forwardRef)(function
     placeholder: value instanceof Array && value.length ? '' : placeholder,
     contentLeft: contentLeft,
     contentRight: /*#__PURE__*/_react["default"].createElement(_Textfield.IconArrowWrapper, {
-      disabled: Boolean(disabled)
+      disabled: Boolean(disabled || readOnly)
     }, /*#__PURE__*/_react["default"].createElement(_Textfield.StyledArrow, {
       color: "inherit",
       size: (0, _utils.sizeToIconSize)(size),

package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js

@@ -14,23 +14,17 @@ var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_TextField.textFieldCo
 var TextField = /*#__PURE__*/(0, _engines.component)(mergedConfig);
 var StyledTextField = exports.StyledTextField = /*#__PURE__*/(0, _styledComponents["default"])(TextField).withConfig({
   componentId: "plasma-new-hope__sc-1akl2tk-0"
-})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":", ";", ":", ";", ":var(", ");", ":var(", ");", ":", ";", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");& div.input-wrapper:focus-within{background-color:var(", ");}"], _TextField.textFieldTokens.color, _Select.tokens.textFieldColor, _TextField.textFieldTokens.backgroundColor, _Select.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.borderColor, _Select.tokens.textFieldBorderColor, _TextField.textFieldTokens.placeholderColor, _Select.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.labelColor, _Select.tokens.textFieldLabelColor, _TextField.textFieldTokens.leftHelperColor, _Select.tokens.textFieldLeftHelperColor, _TextField.textFieldTokens.colorReadOnly, _Select.tokens.textFieldColor, _TextField.textFieldTokens.backgroundColorReadOnly, function (_ref) {
-  var opened = _ref.opened;
-  return opened ? "var(".concat(_Select.tokens.textFieldBackgroundColorFocus, ")") : "var(".concat(_Select.tokens.textFieldBackgroundColor, ")");
-}, _TextField.textFieldTokens.placeholderColorReadOnly, function (_ref2) {
-  var opened = _ref2.opened;
-  return opened ? "var(".concat(_Select.tokens.textFieldPlaceholderColorFocus, ")") : "var(".concat(_Select.tokens.textFieldPlaceholderColor, ")");
-}, _TextField.textFieldTokens.leftHelperColorReadOnly, _Select.tokens.textFieldLeftHelperColor, _TextField.textFieldTokens.labelColorReadOnly, _Select.tokens.textFieldLabelColor, _TextField.textFieldTokens.borderColorReadOnly, function (_ref3) {
-  var opened = _ref3.opened;
-  return opened ? "var(".concat(_Select.tokens.textFieldBorderColorFocus, ")") : "var(".concat(_Select.tokens.textFieldBorderColor, ")");
-}, _TextField.textFieldTokens.placeholderColor, _Select.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.borderColorHover, _Select.tokens.textFieldBorderColorHover, _TextField.textFieldTokens.borderColorFocus, _Select.tokens.textFieldBorderColorFocus, _TextField.textFieldTokens.optionalColor, _Select.tokens.textFieldOptionalColor, _TextField.textFieldTokens.height, _Select.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _Select.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _Select.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _Select.tokens.textFieldPadding, _TextField.textFieldTokens.paddingWithChips, _Select.tokens.textFieldPaddingWithChips, _TextField.textFieldTokens.leftContentMargin, _Select.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _Select.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.rightContentWithHintMargin, _Select.tokens.textFieldRightContentWithHintMargin, _TextField.textFieldTokens.contentRightWrapperGap, _Select.tokens.textFieldContentRightWrapperGap, _TextField.textFieldTokens.contentRightWrapperMargin, _Select.tokens.textFieldContentRightWrapperMargin, _TextField.textFieldTokens.fontFamily, _Select.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontStyle, _Select.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontSize, _Select.tokens.textFieldFontSize, _TextField.textFieldTokens.fontWeight, _Select.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _Select.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _Select.tokens.textFieldLineHeight, _TextField.textFieldTokens.contentSlotColor, _Select.tokens.textFieldContentSlotColor, _TextField.textFieldTokens.contentSlotColorHover, _Select.tokens.textFieldContentSlotColorHover, _TextField.textFieldTokens.contentSlotColorActive, _Select.tokens.textFieldContentSlotColorActive, _TextField.textFieldTokens.contentSlotRightColor, _Select.tokens.textFieldContentSlotRightColor, _TextField.textFieldTokens.contentSlotRightColorHover, _Select.tokens.textFieldContentSlotRightColorHover, _TextField.textFieldTokens.contentSlotRightColorActive, _Select.tokens.textFieldContentSlotRightColorActive, _TextField.textFieldTokens.labelOffset, _Select.tokens.textFieldLabelOffset, _TextField.textFieldTokens.labelFontFamily, _Select.tokens.textFieldLabelFontFamily, _TextField.textFieldTokens.labelFontStyle, _Select.tokens.textFieldLabelFontStyle, _TextField.textFieldTokens.labelFontSize, _Select.tokens.textFieldLabelFontSize, _TextField.textFieldTokens.labelFontWeight, _Select.tokens.textFieldLabelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _Select.tokens.textFieldLabelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _Select.tokens.textFieldLabelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _Select.tokens.textFieldLabelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontStyle, _Select.tokens.textFieldLabelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontSize, _Select.tokens.textFieldLabelInnerFontSize, _TextField.textFieldTokens.labelInnerFontWeight, _Select.tokens.textFieldLabelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _Select.tokens.textFieldLabelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _Select.tokens.textFieldLabelInnerLineHeight, _TextField.textFieldTokens.labelInnerPadding, _Select.tokens.textFieldLabelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _Select.tokens.textFieldContentLabelInnerPadding, _TextField.textFieldTokens.titleCaptionColor, _Select.tokens.textFieldTitleCaptionColor, _TextField.textFieldTokens.titleCaptionInnerLabelOffset, _Select.tokens.textFieldTitleCaptionInnerLabelOffset, _TextField.textFieldTokens.titleCaptionFontFamily, _Select.tokens.textFieldTitleCaptionFontFamily, _TextField.textFieldTokens.titleCaptionFontStyle, _Select.tokens.textFieldTitleCaptionFontStyle, _TextField.textFieldTokens.titleCaptionFontSize, _Select.tokens.textFieldTitleCaptionFontSize, _TextField.textFieldTokens.titleCaptionFontWeight, _Select.tokens.textFieldTitleCaptionFontWeight, _TextField.textFieldTokens.titleCaptionLetterSpacing, _Select.tokens.textFieldTitleCaptionLetterSpacing, _TextField.textFieldTokens.titleCaptionLineHeight, _Select.tokens.textFieldTitleCaptionLineHeight, _TextField.textFieldTokens.leftHelperOffset, _Select.tokens.textFieldLeftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _Select.tokens.textFieldLeftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontStyle, _Select.tokens.textFieldLeftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontSize, _Select.tokens.textFieldLeftHelperFontSize, _TextField.textFieldTokens.leftHelperFontWeight, _Select.tokens.textFieldLeftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _Select.tokens.textFieldLeftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _Select.tokens.textFieldLeftHelperLineHeight, _TextField.textFieldTokens.textBeforeColor, _Select.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _Select.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _Select.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _Select.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.disabledOpacity, _Select.tokens.textFieldDisabledOpacity, _TextField.textFieldTokens.hintCustomIconTargetSize, _Select.tokens.textFieldHintCustomIconTargetSize, _TextField.textFieldTokens.hintMargin, _Select.tokens.textFieldHintMargin, _TextField.textFieldTokens.hintTargetSize, _Select.tokens.textFieldHintTargetSize, _TextField.textFieldTokens.hintIconColor, _Select.tokens.textFieldHintIconColor, _TextField.textFieldTokens.hintInnerLabelPlacementOffset, _Select.tokens.textFieldHintInnerLabelPlacementOffset, _TextField.textFieldTokens.clearHintInnerLabelPlacementOffset, _Select.tokens.textFieldClearHintInnerLabelPlacementOffset, _TextField.textFieldTokens.tooltipBackgroundColor, _Select.tokens.textFieldTooltipBackgroundColor, _TextField.textFieldTokens.tooltipBoxShadow, _Select.tokens.textFieldTooltipBoxShadow, _TextField.textFieldTokens.tooltipColor, _Select.tokens.textFieldTooltipColor, _TextField.textFieldTokens.tooltipPaddingTop, _Select.tokens.textFieldTooltipPaddingTop, _TextField.textFieldTokens.tooltipPaddingRight, _Select.tokens.textFieldTooltipPaddingRight, _TextField.textFieldTokens.tooltipPaddingBottom, _Select.tokens.textFieldTooltipPaddingBottom, _TextField.textFieldTokens.tooltipPaddingLeft, _Select.tokens.textFieldTooltipPaddingLeft, _TextField.textFieldTokens.tooltipMinHeight, _Select.tokens.textFieldTooltipMinHeight, _TextField.textFieldTokens.tooltipBorderRadius, _Select.tokens.textFieldTooltipBorderRadius, _TextField.textFieldTokens.tooltipTextFontFamily, _Select.tokens.textFieldTooltipTextFontFamily, _TextField.textFieldTokens.tooltipTextFontSize, _Select.tokens.textFieldTooltipTextFontSize, _TextField.textFieldTokens.tooltipTextFontStyle, _Select.tokens.textFieldTooltipTextFontStyle, _TextField.textFieldTokens.tooltipTextFontWeight, _Select.tokens.textFieldTooltipTextFontWeight, _TextField.textFieldTokens.tooltipTextFontLetterSpacing, _Select.tokens.textFieldTooltipTextFontLetterSpacing, _TextField.textFieldTokens.tooltipTextFontLineHeight, _Select.tokens.textFieldTooltipTextFontLineHeight, _TextField.textFieldTokens.tooltipContentLeftMargin, _Select.tokens.textFieldTooltipContentLeftMargin, _TextField.textFieldTokens.tooltipArrowMaskWidth, _Select.tokens.textFieldTooltipArrowMaskWidth, _TextField.textFieldTokens.tooltipArrowMaskHeight, _Select.tokens.textFieldTooltipArrowMaskHeight, _TextField.textFieldTokens.tooltipArrowMaskImage, _Select.tokens.textFieldTooltipArrowMaskImage, _TextField.textFieldTokens.tooltipArrowHeight, _Select.tokens.textFieldTooltipArrowHeight, _TextField.textFieldTokens.tooltipArrowEdgeMargin, _Select.tokens.textFieldTooltipArrowEdgeMargin, _TextField.textFieldTokens.tooltipArrowBackground, _Select.tokens.textFieldTooltipArrowBackground, _TextField.textFieldTokens.chipHeight, _Select.tokens.textFieldChipHeight, _TextField.textFieldTokens.chipBorderRadius, _Select.tokens.textFieldChipBorderRadius, _TextField.textFieldTokens.chipGap, _Select.tokens.textFieldChipGap, _TextField.textFieldTokens.chipColor, _Select.tokens.textFieldChipColor, _TextField.textFieldTokens.chipColorHover, _Select.tokens.textFieldChipColorHover, _TextField.textFieldTokens.chipScaleHover, _Select.tokens.textFieldChipScaleHover, _TextField.textFieldTokens.chipBackground, _Select.tokens.textFieldChipBackground, _TextField.textFieldTokens.chipBackgroundActive, _Select.tokens.textFieldChipBackgroundActive, _TextField.textFieldTokens.chipColorActive, _Select.tokens.textFieldChipColorActive, _TextField.textFieldTokens.chipScaleActive, _Select.tokens.textFieldChipScaleActive, _TextField.textFieldTokens.chipCloseIconColor, _Select.tokens.textFieldChipCloseIconColor, _TextField.textFieldTokens.chipOutlineSize, _Select.tokens.textFieldChipOutlineSize, _TextField.textFieldTokens.chipWidth, _Select.tokens.textFieldChipWidth, _TextField.textFieldTokens.chipPadding, _Select.tokens.textFieldChipPadding, _TextField.textFieldTokens.chipCloseIconSize, _Select.tokens.textFieldChipCloseIconSize, _TextField.textFieldTokens.chipFontFamily, _Select.tokens.textFieldChipFontFamily, _TextField.textFieldTokens.chipFontSize, _Select.tokens.textFieldChipFontSize, _TextField.textFieldTokens.chipFontStyle, _Select.tokens.textFieldChipFontStyle, _TextField.textFieldTokens.chipFontWeight, _Select.tokens.textFieldChipFontWeight, _TextField.textFieldTokens.chipLetterSpacing, _Select.tokens.textFieldChipLetterSpacing, _TextField.textFieldTokens.chipLineHeight, _Select.tokens.textFieldChipLineHeight, _TextField.textFieldTokens.chipColorReadOnly, _Select.tokens.textFieldChipColor, _TextField.textFieldTokens.chipColorReadOnlyHover, _Select.tokens.textFieldChipColor, _TextField.textFieldTokens.chipBackgroundReadOnly, _Select.tokens.textFieldChipBackground, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _Select.tokens.textFieldChipBackgroundHover, _TextField.textFieldTokens.chipClearContentMarginLeft, _Select.tokens.textFieldChipClearContentMarginLeft, _TextField.textFieldTokens.chipClearContentMarginRight, _Select.tokens.textFieldChipClearContentMarginRight, _TextField.textFieldTokens.indicatorColor, _Select.tokens.textFieldIndicatorColor, _TextField.textFieldTokens.indicatorSizeInner, _Select.tokens.textFieldIndicatorSizeInner, _TextField.textFieldTokens.indicatorSizeOuter, _Select.tokens.textFieldIndicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _Select.tokens.textFieldIndicatorLabelPlacementInner, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _Select.tokens.textFieldIndicatorLabelPlacementOuter, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _Select.tokens.textFieldIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _Select.tokens.textFieldIndicatorLabelPlacementOuterRight, _TextField.textFieldTokens.clearIndicatorLabelPlacementInner, _Select.tokens.textFieldClearIndicatorLabelPlacementInner, _TextField.textFieldTokens.clearIndicatorLabelPlacementInnerRight, _Select.tokens.textFieldClearIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.clearIndicatorHintInnerRight, _Select.tokens.textFieldClearIndicatorHintInnerRight, _TextField.textFieldTokens.focusColor, _Select.tokens.textFieldFocusColor, _TextField.textFieldTokens.boxShadow, _Select.tokens.textFieldBoxShadow, _Select.tokens.textFieldBackgroundColorFocus);
+})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");& div.input-wrapper:focus-within{background-color:var(", ");}"], _TextField.textFieldTokens.color, _Select.tokens.textFieldColor, _TextField.textFieldTokens.backgroundColor, _Select.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.borderColor, _Select.tokens.textFieldBorderColor, _TextField.textFieldTokens.placeholderColor, _Select.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.labelColor, _Select.tokens.textFieldLabelColor, _TextField.textFieldTokens.leftHelperColor, _Select.tokens.textFieldLeftHelperColor, _TextField.textFieldTokens.leftHelperColorReadOnly, _Select.tokens.textFieldLeftHelperColorReadOnly, _TextField.textFieldTokens.colorReadOnly, _Select.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _Select.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _Select.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.dividerColorReadOnly, _Select.tokens.textFieldDividerColorReadOnly, _TextField.textFieldTokens.leftHelperColorReadOnly, _Select.tokens.textFieldLeftHelperColor, _TextField.textFieldTokens.labelColorReadOnly, _Select.tokens.textFieldLabelColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _Select.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColor, _Select.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.borderColorHover, _Select.tokens.textFieldBorderColorHover, _TextField.textFieldTokens.borderColorFocus, _Select.tokens.textFieldBorderColorFocus, _TextField.textFieldTokens.optionalColor, _Select.tokens.textFieldOptionalColor, _TextField.textFieldTokens.height, _Select.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _Select.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _Select.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _Select.tokens.textFieldPadding, _TextField.textFieldTokens.paddingWithChips, _Select.tokens.textFieldPaddingWithChips, _TextField.textFieldTokens.leftContentMargin, _Select.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _Select.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.rightContentWithHintMargin, _Select.tokens.textFieldRightContentWithHintMargin, _TextField.textFieldTokens.contentRightWrapperGap, _Select.tokens.textFieldContentRightWrapperGap, _TextField.textFieldTokens.contentRightWrapperMargin, _Select.tokens.textFieldContentRightWrapperMargin, _TextField.textFieldTokens.fontFamily, _Select.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontStyle, _Select.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontSize, _Select.tokens.textFieldFontSize, _TextField.textFieldTokens.fontWeight, _Select.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _Select.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _Select.tokens.textFieldLineHeight, _TextField.textFieldTokens.contentSlotColor, _Select.tokens.textFieldContentSlotColor, _TextField.textFieldTokens.contentSlotColorHover, _Select.tokens.textFieldContentSlotColorHover, _TextField.textFieldTokens.contentSlotColorActive, _Select.tokens.textFieldContentSlotColorActive, _TextField.textFieldTokens.contentSlotRightColor, _Select.tokens.textFieldContentSlotRightColor, _TextField.textFieldTokens.contentSlotRightColorHover, _Select.tokens.textFieldContentSlotRightColorHover, _TextField.textFieldTokens.contentSlotRightColorActive, _Select.tokens.textFieldContentSlotRightColorActive, _TextField.textFieldTokens.labelOffset, _Select.tokens.textFieldLabelOffset, _TextField.textFieldTokens.labelFontFamily, _Select.tokens.textFieldLabelFontFamily, _TextField.textFieldTokens.labelFontStyle, _Select.tokens.textFieldLabelFontStyle, _TextField.textFieldTokens.labelFontSize, _Select.tokens.textFieldLabelFontSize, _TextField.textFieldTokens.labelFontWeight, _Select.tokens.textFieldLabelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _Select.tokens.textFieldLabelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _Select.tokens.textFieldLabelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _Select.tokens.textFieldLabelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontStyle, _Select.tokens.textFieldLabelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontSize, _Select.tokens.textFieldLabelInnerFontSize, _TextField.textFieldTokens.labelInnerFontWeight, _Select.tokens.textFieldLabelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _Select.tokens.textFieldLabelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _Select.tokens.textFieldLabelInnerLineHeight, _TextField.textFieldTokens.labelInnerPadding, _Select.tokens.textFieldLabelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _Select.tokens.textFieldContentLabelInnerPadding, _TextField.textFieldTokens.titleCaptionColor, _Select.tokens.textFieldTitleCaptionColor, _TextField.textFieldTokens.titleCaptionColorReadOnly, _Select.tokens.textFieldTitleCaptionColorReadOnly, _TextField.textFieldTokens.titleCaptionInnerLabelOffset, _Select.tokens.textFieldTitleCaptionInnerLabelOffset, _TextField.textFieldTokens.titleCaptionFontFamily, _Select.tokens.textFieldTitleCaptionFontFamily, _TextField.textFieldTokens.titleCaptionFontStyle, _Select.tokens.textFieldTitleCaptionFontStyle, _TextField.textFieldTokens.titleCaptionFontSize, _Select.tokens.textFieldTitleCaptionFontSize, _TextField.textFieldTokens.titleCaptionFontWeight, _Select.tokens.textFieldTitleCaptionFontWeight, _TextField.textFieldTokens.titleCaptionLetterSpacing, _Select.tokens.textFieldTitleCaptionLetterSpacing, _TextField.textFieldTokens.titleCaptionLineHeight, _Select.tokens.textFieldTitleCaptionLineHeight, _TextField.textFieldTokens.leftHelperOffset, _Select.tokens.textFieldLeftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _Select.tokens.textFieldLeftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontStyle, _Select.tokens.textFieldLeftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontSize, _Select.tokens.textFieldLeftHelperFontSize, _TextField.textFieldTokens.leftHelperFontWeight, _Select.tokens.textFieldLeftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _Select.tokens.textFieldLeftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _Select.tokens.textFieldLeftHelperLineHeight, _TextField.textFieldTokens.textBeforeColor, _Select.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _Select.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _Select.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _Select.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.disabledOpacity, _Select.tokens.textFieldDisabledOpacity, _TextField.textFieldTokens.hintCustomIconTargetSize, _Select.tokens.textFieldHintCustomIconTargetSize, _TextField.textFieldTokens.hintMargin, _Select.tokens.textFieldHintMargin, _TextField.textFieldTokens.hintTargetSize, _Select.tokens.textFieldHintTargetSize, _TextField.textFieldTokens.hintIconColor, _Select.tokens.textFieldHintIconColor, _TextField.textFieldTokens.hintInnerLabelPlacementOffset, _Select.tokens.textFieldHintInnerLabelPlacementOffset, _TextField.textFieldTokens.clearHintInnerLabelPlacementOffset, _Select.tokens.textFieldClearHintInnerLabelPlacementOffset, _TextField.textFieldTokens.tooltipBackgroundColor, _Select.tokens.textFieldTooltipBackgroundColor, _TextField.textFieldTokens.tooltipBoxShadow, _Select.tokens.textFieldTooltipBoxShadow, _TextField.textFieldTokens.tooltipColor, _Select.tokens.textFieldTooltipColor, _TextField.textFieldTokens.tooltipPaddingTop, _Select.tokens.textFieldTooltipPaddingTop, _TextField.textFieldTokens.tooltipPaddingRight, _Select.tokens.textFieldTooltipPaddingRight, _TextField.textFieldTokens.tooltipPaddingBottom, _Select.tokens.textFieldTooltipPaddingBottom, _TextField.textFieldTokens.tooltipPaddingLeft, _Select.tokens.textFieldTooltipPaddingLeft, _TextField.textFieldTokens.tooltipMinHeight, _Select.tokens.textFieldTooltipMinHeight, _TextField.textFieldTokens.tooltipBorderRadius, _Select.tokens.textFieldTooltipBorderRadius, _TextField.textFieldTokens.tooltipTextFontFamily, _Select.tokens.textFieldTooltipTextFontFamily, _TextField.textFieldTokens.tooltipTextFontSize, _Select.tokens.textFieldTooltipTextFontSize, _TextField.textFieldTokens.tooltipTextFontStyle, _Select.tokens.textFieldTooltipTextFontStyle, _TextField.textFieldTokens.tooltipTextFontWeight, _Select.tokens.textFieldTooltipTextFontWeight, _TextField.textFieldTokens.tooltipTextFontLetterSpacing, _Select.tokens.textFieldTooltipTextFontLetterSpacing, _TextField.textFieldTokens.tooltipTextFontLineHeight, _Select.tokens.textFieldTooltipTextFontLineHeight, _TextField.textFieldTokens.tooltipContentLeftMargin, _Select.tokens.textFieldTooltipContentLeftMargin, _TextField.textFieldTokens.tooltipArrowMaskWidth, _Select.tokens.textFieldTooltipArrowMaskWidth, _TextField.textFieldTokens.tooltipArrowMaskHeight, _Select.tokens.textFieldTooltipArrowMaskHeight, _TextField.textFieldTokens.tooltipArrowMaskImage, _Select.tokens.textFieldTooltipArrowMaskImage, _TextField.textFieldTokens.tooltipArrowHeight, _Select.tokens.textFieldTooltipArrowHeight, _TextField.textFieldTokens.tooltipArrowEdgeMargin, _Select.tokens.textFieldTooltipArrowEdgeMargin, _TextField.textFieldTokens.tooltipArrowBackground, _Select.tokens.textFieldTooltipArrowBackground, _TextField.textFieldTokens.chipHeight, _Select.tokens.textFieldChipHeight, _TextField.textFieldTokens.chipBorderRadius, _Select.tokens.textFieldChipBorderRadius, _TextField.textFieldTokens.chipGap, _Select.tokens.textFieldChipGap, _TextField.textFieldTokens.chipColor, _Select.tokens.textFieldChipColor, _TextField.textFieldTokens.chipColorHover, _Select.tokens.textFieldChipColorHover, _TextField.textFieldTokens.chipScaleHover, _Select.tokens.textFieldChipScaleHover, _TextField.textFieldTokens.chipBackground, _Select.tokens.textFieldChipBackground, _TextField.textFieldTokens.chipBackgroundActive, _Select.tokens.textFieldChipBackgroundActive, _TextField.textFieldTokens.chipColorActive, _Select.tokens.textFieldChipColorActive, _TextField.textFieldTokens.chipScaleActive, _Select.tokens.textFieldChipScaleActive, _TextField.textFieldTokens.chipCloseIconColor, _Select.tokens.textFieldChipCloseIconColor, _TextField.textFieldTokens.chipOutlineSize, _Select.tokens.textFieldChipOutlineSize, _TextField.textFieldTokens.chipWidth, _Select.tokens.textFieldChipWidth, _TextField.textFieldTokens.chipPadding, _Select.tokens.textFieldChipPadding, _TextField.textFieldTokens.chipCloseIconSize, _Select.tokens.textFieldChipCloseIconSize, _TextField.textFieldTokens.chipFontFamily, _Select.tokens.textFieldChipFontFamily, _TextField.textFieldTokens.chipFontSize, _Select.tokens.textFieldChipFontSize, _TextField.textFieldTokens.chipFontStyle, _Select.tokens.textFieldChipFontStyle, _TextField.textFieldTokens.chipFontWeight, _Select.tokens.textFieldChipFontWeight, _TextField.textFieldTokens.chipLetterSpacing, _Select.tokens.textFieldChipLetterSpacing, _TextField.textFieldTokens.chipLineHeight, _Select.tokens.textFieldChipLineHeight, _TextField.textFieldTokens.chipColorReadOnly, _Select.tokens.textFieldChipColorReadOnly, _TextField.textFieldTokens.chipColorReadOnlyHover, _Select.tokens.textFieldChipColorReadOnlyHover, _TextField.textFieldTokens.chipBackgroundReadOnly, _Select.tokens.textFieldChipBackgroundReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _Select.tokens.textFieldChipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipClearContentMarginLeft, _Select.tokens.textFieldChipClearContentMarginLeft, _TextField.textFieldTokens.chipClearContentMarginRight, _Select.tokens.textFieldChipClearContentMarginRight, _TextField.textFieldTokens.chipOpacityReadonly, _Select.tokens.textFieldChipOpacityReadonly, _TextField.textFieldTokens.indicatorColor, _Select.tokens.textFieldIndicatorColor, _TextField.textFieldTokens.indicatorSizeInner, _Select.tokens.textFieldIndicatorSizeInner, _TextField.textFieldTokens.indicatorSizeOuter, _Select.tokens.textFieldIndicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _Select.tokens.textFieldIndicatorLabelPlacementInner, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _Select.tokens.textFieldIndicatorLabelPlacementOuter, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _Select.tokens.textFieldIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _Select.tokens.textFieldIndicatorLabelPlacementOuterRight, _TextField.textFieldTokens.clearIndicatorLabelPlacementInner, _Select.tokens.textFieldClearIndicatorLabelPlacementInner, _TextField.textFieldTokens.clearIndicatorLabelPlacementInnerRight, _Select.tokens.textFieldClearIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.clearIndicatorHintInnerRight, _Select.tokens.textFieldClearIndicatorHintInnerRight, _TextField.textFieldTokens.focusColor, _Select.tokens.textFieldFocusColor, _TextField.textFieldTokens.boxShadow, _Select.tokens.textFieldBoxShadow, _Select.tokens.textFieldBackgroundColorFocus);
 var IconArrowWrapper = exports.IconArrowWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-1akl2tk-1"
-})(["line-height:0;color:var(", ");cursor:", ";.", "{transform:rotate(-180deg);}&:hover,&:active{color:", ";}"], _Select.tokens.disclosureIconColor, function (_ref4) {
-  var disabled = _ref4.disabled;
-  return disabled ? 'inherit' : 'pointer';
-}, _Select.classes.arrowInverse, function (_ref5) {
-  var disabled = _ref5.disabled;
+})(["line-height:0;color:var(", ");cursor:", ";pointer-events:", ";.", "{transform:rotate(-180deg);}&:hover,&:active{color:", ";}"], _Select.tokens.disclosureIconColor, function (_ref) {
+  var disabled = _ref.disabled;
+  return disabled ? 'default' : 'pointer';
+}, function (_ref2) {
+  var disabled = _ref2.disabled;
+  return disabled ? 'none' : 'auto';
+}, _Select.classes.arrowInverse, function (_ref3) {
+  var disabled = _ref3.disabled;
   return disabled ? "var(".concat(_Select.tokens.disclosureIconColor, ")") : "var(".concat(_Select.tokens.disclosureIconColorHover, ")");
 });
 
@@ -41,12 +35,12 @@ var sizeMap = exports.sizeMap = {
 };
 var StyledArrow = exports.StyledArrow = /*#__PURE__*/(0, _styledComponents["default"])(_Icon.IconDisclosureDownCentered).withConfig({
   componentId: "plasma-new-hope__sc-1akl2tk-2"
-})(["width:", ";height:", ";"], function (_ref6) {
-  var _ref6$size = _ref6.size,
-    size = _ref6$size === void 0 ? 'xs' : _ref6$size;
+})(["width:", ";height:", ";"], function (_ref4) {
+  var _ref4$size = _ref4.size,
+    size = _ref4$size === void 0 ? 'xs' : _ref4$size;
   return "var(".concat(_Select.tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
-}, function (_ref7) {
-  var _ref7$size = _ref7.size,
-    size = _ref7$size === void 0 ? 'xs' : _ref7$size;
+}, function (_ref5) {
+  var _ref5$size = _ref5.size,
+    size = _ref5$size === void 0 ? 'xs' : _ref5$size;
   return "var(".concat(_Select.tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
 });

package/styled-components/cjs/components/TextField/variations/_read-only/base.js

@@ -7,4 +7,4 @@ exports.base = void 0;
 var _styledComponents = /*#__PURE__*/require("styled-components");
 var _TextField = /*#__PURE__*/require("../../TextField.tokens");
 var _TextField2 = /*#__PURE__*/require("../../TextField.styles");
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&[readonly]{", "{color:var(", ");background-color:var(", ");box-shadow:inset 0 0 0 var(", ") var(", ");}&.", " ", "{&:before{background-color:var(", ");}}", ":hover{background-color:var(", ");}", ":focus-within ", ",", "{color:var(", ");}", "{color:var(", ");cursor:default;min-width:unset;}", "{color:var(", ");}", "{color:var(", ");}&.", " ", "{color:var(", ");}}"], _TextField2.InputWrapper, _TextField.tokens.colorReadOnly, /*#__PURE__*/String(_TextField.tokens.backgroundColorReadOnly), /*#__PURE__*/String(_TextField.tokens.borderWidth), /*#__PURE__*/String(_TextField.tokens.borderColorReadOnly), _TextField.classes.hasDivider, _TextField2.InputWrapper, /*#__PURE__*/String(_TextField.tokens.dividerColorReadOnly), _TextField2.InputWrapper, _TextField.tokens.backgroundColorReadOnly, _TextField2.InputWrapper, _TextField2.InputPlaceholder, _TextField2.InputPlaceholder, _TextField.tokens.placeholderColorReadOnly, _TextField2.Input, _TextField.tokens.colorReadOnly, _TextField2.TitleCaption, _TextField.tokens.titleCaptionColorReadOnly, _TextField2.LeftHelper, _TextField.tokens.leftHelperColorReadOnly, _TextField.classes.outerLabelPlacement, _TextField2.Label, _TextField.tokens.labelColorReadOnly);
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&[readonly]{", "{color:var(", ");background-color:var(", ");box-shadow:inset 0 0 0 var(", ") var(", ");}&.", " ", "{&:before{background-color:var(", ");}}", ":hover{background-color:var(", ");}", ":focus-within ", ",", "{color:var(", ");}", "{color:var(", ");cursor:default;min-width:unset;}", "{color:var(", ");}", "{color:var(", ");}&.", " ", "{color:var(", ");}", "{&:hover{cursor:default;}}}"], _TextField2.InputWrapper, _TextField.tokens.colorReadOnly, /*#__PURE__*/String(_TextField.tokens.backgroundColorReadOnly), /*#__PURE__*/String(_TextField.tokens.borderWidth), /*#__PURE__*/String(_TextField.tokens.borderColorReadOnly), _TextField.classes.hasDivider, _TextField2.InputWrapper, /*#__PURE__*/String(_TextField.tokens.dividerColorReadOnly), _TextField2.InputWrapper, _TextField.tokens.backgroundColorReadOnly, _TextField2.InputWrapper, _TextField2.InputPlaceholder, _TextField2.InputPlaceholder, _TextField.tokens.placeholderColorReadOnly, _TextField2.Input, _TextField.tokens.colorReadOnly, _TextField2.TitleCaption, _TextField.tokens.titleCaptionColorReadOnly, _TextField2.LeftHelper, _TextField.tokens.leftHelperColorReadOnly, _TextField.classes.outerLabelPlacement, _TextField2.Label, _TextField.tokens.labelColorReadOnly, _TextField2.StyledContentRight);

package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.config.js

@@ -37,9 +37,9 @@ var config = exports.config = {
       outer: /*#__PURE__*/(0, _styledComponents.css)([""])
     },
     chipView: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--surface-solid-default-hover);", ":var(--inverse-text-primary);"], _.selectTokens.textFieldChipColor, _.selectTokens.textFieldChipBackground, _.selectTokens.textFieldChipBackgroundHover, _.selectTokens.textFieldChipCloseIconColor),
-      secondary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);"], _.selectTokens.textFieldChipColor, _.selectTokens.textFieldChipBackground, _.selectTokens.textFieldChipBackgroundHover, _.selectTokens.textFieldChipCloseIconColor),
-      accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-accent);", ":var(--surface-accent-hover);", ":var(--on-dark-text-primary);"], _.selectTokens.textFieldChipColor, _.selectTokens.textFieldChipBackground, _.selectTokens.textFieldChipBackgroundHover, _.selectTokens.textFieldChipCloseIconColor)
+      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--surface-solid-default-hover);", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--inverse-text-primary);"], _.selectTokens.textFieldChipColor, _.selectTokens.textFieldChipBackground, _.selectTokens.textFieldChipBackgroundHover, _.selectTokens.textFieldChipCloseIconColor, _.selectTokens.textFieldChipBackgroundReadOnly, _.selectTokens.textFieldChipColorReadOnly, _.selectTokens.textFieldChipBackgroundReadOnlyHover, _.selectTokens.textFieldChipColorReadOnlyHover, _.selectTokens.textFieldChipOpacityReadonly),
+      secondary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;"], _.selectTokens.textFieldChipColor, _.selectTokens.textFieldChipBackground, _.selectTokens.textFieldChipBackgroundHover, _.selectTokens.textFieldChipCloseIconColor, _.selectTokens.textFieldChipBackgroundReadOnly, _.selectTokens.textFieldChipColorReadOnly, _.selectTokens.textFieldChipBackgroundReadOnlyHover, _.selectTokens.textFieldChipColorReadOnlyHover, _.selectTokens.textFieldChipOpacityReadonly),
+      accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-accent);", ":var(--surface-accent-hover);", ":var(--on-dark-text-primary);", ":var(--surface-accent);", ":var(--on-dark-text-primary);", ":var(--surface-accent);", ":var(--on-dark-text-primary);", ":0.72;"], _.selectTokens.textFieldChipColor, _.selectTokens.textFieldChipBackground, _.selectTokens.textFieldChipBackgroundHover, _.selectTokens.textFieldChipCloseIconColor, _.selectTokens.textFieldChipBackgroundReadOnly, _.selectTokens.textFieldChipColorReadOnly, _.selectTokens.textFieldChipBackgroundReadOnlyHover, _.selectTokens.textFieldChipColorReadOnlyHover, _.selectTokens.textFieldChipOpacityReadonly)
     },
     hintView: {
       "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-solid-card-brightness);", ":var(--shadow-down-hard-m,0px 4px 12px 0px rgba(0,0,0,0.16),0px 1px 4px 0px rgba(0,0,0,0.08));", ":var(--text-primary);", ":var(--surface-solid-card);"], _.selectTokens.textFieldTooltipBackgroundColor, _.selectTokens.textFieldTooltipBoxShadow, _.selectTokens.textFieldTooltipColor, _.selectTokens.textFieldTooltipArrowBackground)
@@ -50,6 +50,9 @@ var config = exports.config = {
     },
     disabled: {
       "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _.selectTokens.textFieldDisabledOpacity)
+    },
+    readOnly: {
+      "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-secondary);", ":var(--surface-transparent-primary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--surface-transparent-primary);"], _.selectTokens.textFieldColorReadOnly, _.selectTokens.textFieldBackgroundColorReadOnly, _.selectTokens.textFieldPlaceholderColorReadOnly, _.selectTokens.textFieldLeftHelperColorReadOnly, _.selectTokens.textFieldTitleCaptionColorReadOnly, _.selectTokens.textFieldLabelColorReadOnly, _.selectTokens.textFieldDividerColorReadOnly)
     }
   }
 };

package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx

@@ -110,6 +110,11 @@ const meta: Meta<StorySelectProps> = {
                 eq: 'textfield-like',
             },
         },
+        readOnly: {
+            control: {
+                type: 'boolean',
+            },
+        },
         requiredPlacement: {
             options: ['left', 'right'],
             control: {
@@ -196,6 +201,7 @@ const meta: Meta<StorySelectProps> = {
         isTargetAmount: false,
         variant: 'normal',
         disabled: false,
+        readOnly: false,
         optional: false,
         required: false,
         requiredPlacement: 'right',
@@ -226,6 +232,7 @@ const meta: Meta<StorySelectProps> = {
                 'closeAfterSelect',
                 'variant',
                 'disabled',
+                'readOnly',
                 'listWidth',
                 'listOverflow',
                 'listHeight',

package/styled-components/cjs/examples/plasma_web/components/Select/Select.stories.tsx

@@ -110,11 +110,17 @@ const meta: Meta<StorySelectProps> = {
                 eq: 'textfield-like',
             },
         },
+        readOnly: {
+            control: {
+                type: 'boolean',
+            },
+        },
         requiredPlacement: {
             options: ['left', 'right'],
             control: {
                 type: 'select',
             },
+            if: { arg: 'required', truthy: true },
         },
         required: {
             control: {
@@ -195,6 +201,7 @@ const meta: Meta<StorySelectProps> = {
         isTargetAmount: false,
         variant: 'normal',
         disabled: false,
+        readOnly: false,
         optional: false,
         required: false,
         requiredPlacement: 'right',
@@ -225,6 +232,7 @@ const meta: Meta<StorySelectProps> = {
                 'closeAfterSelect',
                 'variant',
                 'disabled',
+                'readOnly',
                 'listWidth',
                 'listOverflow',
                 'listHeight',

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

@@ -1,4 +1,4 @@
-var _excluded = ["id", "value", "onChange", "target", "items", "placement", "label", "labelPlacement", "placeholder", "helperText", "disabled", "view", "size", "listOverflow", "listHeight", "listWidth", "contentLeft", "onScrollBottom", "chipView", "variant", "portal", "renderValue", "renderItem", "status", "onItemSelect", "separator", "closeAfterSelect", "isTargetAmount", "beforeList", "afterList", "zIndex", "name", "defaultValue"];
+var _excluded = ["id", "value", "onChange", "target", "items", "placement", "label", "labelPlacement", "placeholder", "helperText", "disabled", "readOnly", "view", "size", "listOverflow", "listHeight", "listWidth", "contentLeft", "onScrollBottom", "chipView", "variant", "portal", "renderValue", "renderItem", "status", "onItemSelect", "separator", "closeAfterSelect", "isTargetAmount", "beforeList", "afterList", "zIndex", "name", "defaultValue"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -43,6 +43,8 @@ export var selectRoot = function selectRoot(Root) {
       helperText = props.helperText,
       _props$disabled = props.disabled,
       disabled = _props$disabled === void 0 ? false : _props$disabled,
+      _props$readOnly = props.readOnly,
+      readOnly = _props$readOnly === void 0 ? false : _props$readOnly,
       outerView = props.view,
       size = props.size,
       listOverflow = props.listOverflow,
@@ -103,7 +105,7 @@ export var selectRoot = function selectRoot(Root) {
     var activeDescendantItemValue = ((_getItemByFocused = getItemByFocused(focusedPath, focusedToValueMap)) === null || _getItemByFocused === void 0 ? void 0 : _getItemByFocused.value.toString()) || '';
     var closeAfterSelect = outerCloseAfterSelect !== null && outerCloseAfterSelect !== void 0 ? outerCloseAfterSelect : !props.multiselect;
     var treeId = safeUseId();
-    var view = target === 'textfield-like' && disabled ? 'default' : getView(status, outerView);
+    var view = target === 'textfield-like' && (disabled || readOnly) ? 'default' : getView(status, outerView);
 
     // Собираем объект с пропсами для required и прокидываем их напрямую в компонент Textfield.
     var requiredProps = props.target === 'button-like' ? undefined : {
@@ -153,7 +155,7 @@ export var selectRoot = function selectRoot(Root) {
       }
     };
     var handleListToggle = function handleListToggle(opened) {
-      if (disabled) {
+      if (disabled || readOnly) {
         return;
       }
       if (opened) {
@@ -289,6 +291,7 @@ export var selectRoot = function selectRoot(Root) {
       labelPlacement: labelPlacement,
       chipView: chipView,
       disabled: disabled,
+      readOnly: readOnly,
       id: id
     }, rest), name && /*#__PURE__*/React.createElement(SelectNative, {
       items: valueToItemMap,
@@ -330,6 +333,7 @@ export var selectRoot = function selectRoot(Root) {
           size: size,
           contentLeft: contentLeft,
           disabled: disabled,
+          readOnly: readOnly,
           renderValue: renderValue,
           selectProps: props,
           inputWrapperRef: referenceRef,
@@ -353,7 +357,8 @@ export var selectRoot = function selectRoot(Root) {
       size: size,
       labelPlacement: labelPlacement,
       chipView: chipView,
-      disabled: disabled
+      disabled: disabled,
+      readOnly: readOnly
     }, rest), /*#__PURE__*/React.createElement(Ul, {
       role: "tree",
       id: "".concat(treeId, "_tree_level_1"),

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

@@ -72,6 +72,12 @@ export var tokens = {
   textFieldBorderColorFocus: '--plasma-select-textfield-border-color-focus',
   textFieldPlaceholderColor: '--plasma-select-textfield-placeholder-color',
   textFieldPlaceholderColorFocus: '--plasma-select-textfield-placeholder-color-focus',
+  /** Цвета для read-only состояния */
+  textFieldColorReadOnly: '--plasma-select-textfield-color-readonly',
+  textFieldBackgroundColorReadOnly: '--plasma-select-textfield-bg-color-readonly',
+  textFieldBorderColorReadOnly: '--plasma-select-textfield-border-color-readonly',
+  textFieldPlaceholderColorReadOnly: '--plasma-select-textfield__placeholder-color-readonly',
+  textFieldDividerColorReadOnly: '--plasma-select-textfield-divider-color-readonly',
   textFieldHeight: '--plasma-select-textfield-height',
   textFieldBorderWidth: '--plasma-select-textfield-border-width',
   textFieldBorderRadius: '--plasma-select-textfield-border-radius',
@@ -95,6 +101,7 @@ export var tokens = {
   textFieldContentSlotRightColorHover: '--plasma-select-textfield-content-right-slot-color-hover',
   textFieldContentSlotRightColorActive: '--plasma-select-textfield-content-right-slot-color-active',
   textFieldLabelColor: '--plasma-select-textfield-label-color',
+  textFieldLabelColorReadOnly: '--plasma-select-textfield__label-color-readonly',
   textFieldLabelOffset: '--plasma-select-textfield-label-offset',
   textFieldLabelFontFamily: '--plasma-select-textfield-label-font-family',
   textFieldLabelFontStyle: '--plasma-select-textfield-label-font-style',
@@ -111,6 +118,7 @@ export var tokens = {
   textFieldLabelInnerPadding: '--plasma-select-textfield-placement-inner-label-padding',
   textFieldContentLabelInnerPadding: '--plasma-select-textfield-placement-inner-content-padding',
   textFieldTitleCaptionColor: '--plasma-select-textfield-title-caption-color',
+  textFieldTitleCaptionColorReadOnly: '--plasma-select-textfield__title-caption-color-readonly',
   textFieldTitleCaptionInnerLabelOffset: '--plasma-select-textfield-title-caption-label-inner-offset',
   textFieldTitleCaptionFontFamily: '--plasma-select-textfield-title-caption-font-family',
   textFieldTitleCaptionFontStyle: '--plasma-select-textfield-title-caption-font-style',
@@ -119,6 +127,7 @@ export var tokens = {
   textFieldTitleCaptionLetterSpacing: '--plasma-select-textfield-title-caption-letter-spacing',
   textFieldTitleCaptionLineHeight: '--plasma-select-textfield-title-caption-line-height',
   textFieldLeftHelperColor: '--plasma-select-textfield-left-helper-color',
+  textFieldLeftHelperColorReadOnly: '--plasma-select-textfield__left-helper-color-readonly',
   textFieldLeftHelperOffset: '--plasma-select-textfield-left-helper-offset',
   textFieldLeftHelperFontFamily: '--plasma-select-textfield-left-helper-font-family',
   textFieldLeftHelperFontStyle: '--plasma-select-textfield-left-helper-font-style',
@@ -168,6 +177,10 @@ export var tokens = {
   textFieldChipBackgroundHover: '--plasma-select-textfield-chip-background-hover',
   textFieldChipColorHover: '--plasma-select-textfield-chip-color-hover',
   textFieldChipScaleHover: '--plasma-select-textfield-chip-scale-hover',
+  textFieldChipBackgroundReadOnly: '--plasma-select-textfield__chip-background-readonly',
+  textFieldChipColorReadOnly: '--plasma-select-textfield__chip-color-readonly',
+  textFieldChipBackgroundReadOnlyHover: '--plasma-select-textfield__chip-background-readonly-hover',
+  textFieldChipColorReadOnlyHover: '--plasma-select-textfield__chip-color-readonly-hover',
   textFieldChipBackgroundActive: '--plasma-select-textfield-chip-background-active',
   textFieldChipColorActive: '--plasma-select-textfield-chip-color-active',
   textFieldChipScaleActive: '--plasma-select-textfield-chip-scale-active',
@@ -184,6 +197,7 @@ export var tokens = {
   textFieldChipLineHeight: '--plasma-select-textfield-chip-line-height',
   textFieldChipClearContentMarginLeft: '--plasma-select-textfield-chip-clear-content-margin-left',
   textFieldChipClearContentMarginRight: '--plasma-select-textfield-chip-clear-content-margin-right',
+  textFieldChipOpacityReadonly: '--plasma-select-textfield__chip-opacity-readonly',
   textFieldIndicatorColor: '--plasma-select-new-textfield-indicator-color',
   textFieldIndicatorSizeInner: '--plasma-select-new-textfield-indicator-size-inner',
   textFieldIndicatorSizeOuter: '--plasma-select-new-textfield-indicator-size-outer',

package/styled-components/es/components/Select/ui/Target/Target.js

@@ -12,6 +12,7 @@ export var Target = /*#__PURE__*/forwardRef(function (_ref, ref) {
     size = _ref.size,
     contentLeft = _ref.contentLeft,
     disabled = _ref.disabled,
+    readOnly = _ref.readOnly,
     renderValue = _ref.renderValue,
     selectProps = _ref.selectProps,
     inputWrapperRef = _ref.inputWrapperRef,
@@ -43,7 +44,7 @@ export var Target = /*#__PURE__*/forwardRef(function (_ref, ref) {
     onKeyDown: onKeyDown,
     label: label,
     size: size,
-    disabled: disabled,
+    disabled: disabled || readOnly,
     renderValue: renderValue,
     selectProps: selectProps,
     separator: separator,
@@ -66,6 +67,7 @@ export var Target = /*#__PURE__*/forwardRef(function (_ref, ref) {
     treeId: treeId,
     activeDescendantItemValue: activeDescendantItemValue,
     disabled: disabled,
+    readOnly: readOnly,
     isTargetAmount: isTargetAmount,
     valueToItemMap: valueToItemMap,
     renderValue: renderValue,

package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js

@@ -26,6 +26,7 @@ export var Textfield = /*#__PURE__*/forwardRef(function (_ref, ref) {
     treeId = _ref.treeId,
     activeDescendantItemValue = _ref.activeDescendantItemValue,
     disabled = _ref.disabled,
+    readOnly = _ref.readOnly,
     isTargetAmount = _ref.isTargetAmount,
     valueToItemMap = _ref.valueToItemMap,
     renderValue = _ref.renderValue,
@@ -98,7 +99,7 @@ export var Textfield = /*#__PURE__*/forwardRef(function (_ref, ref) {
     placeholder: value instanceof Array && value.length ? '' : placeholder,
     contentLeft: contentLeft,
     contentRight: /*#__PURE__*/React.createElement(IconArrowWrapper, {
-      disabled: Boolean(disabled)
+      disabled: Boolean(disabled || readOnly)
     }, /*#__PURE__*/React.createElement(StyledArrow, {
       color: "inherit",
       size: sizeToIconSize(size),