@salutejs/plasma-new-hope 0.237.0-dev.0 → 0.237.1-canary.1675.12516826102.0

package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.styles.js

@@ -4,7 +4,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.base = exports.Ul = exports.StyledEmptyState = exports.StyledArrow = exports.IconArrowWrapper = void 0;
+exports.sizeMap = exports.base = exports.Ul = exports.StyledEmptyState = exports.StyledArrow = exports.IconArrowWrapper = void 0;
 var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
 var _EmptyState = /*#__PURE__*/require("../../EmptyState");
 var _Icon = /*#__PURE__*/require("../../_Icon");
@@ -27,7 +27,7 @@ var Ul = exports.Ul = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
   return listOverflow || 'initial';
 }, _Combobox.tokens.dropdownBorderWidth, _Combobox.tokens.dropdownBorderColor, function (_ref4) {
   var isInnerUl = _ref4.isInnerUl;
-  return isInnerUl ? "calc(var(".concat(_Combobox.tokens.padding, ") * -1) 0 0 0") : 0;
+  return isInnerUl ? "calc(var(".concat(_Combobox.tokens.padding, ") * -1) 0 0 0") : "var(".concat(_Combobox.tokens.margin, ") 0 0 0");
 }, _Combobox.tokens.padding, _Combobox.classes.emptyStateWrapper);
 var IconArrowWrapper = exports.IconArrowWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-2kddkg-1"
@@ -38,9 +38,23 @@ var IconArrowWrapper = exports.IconArrowWrapper = /*#__PURE__*/_styledComponents
   var disabled = _ref6.disabled;
   return disabled ? "var(".concat(_Combobox.tokens.disclosureIconColor, ")") : "var(".concat(_Combobox.tokens.disclosureIconColorHover, ")");
 });
+
+// TODO: Удалить после поддержки JS переменных в конфиге компонент
+var sizeMap = exports.sizeMap = {
+  xs: '1rem',
+  s: '1.5rem'
+};
 var StyledArrow = exports.StyledArrow = /*#__PURE__*/(0, _styledComponents["default"])(_Icon.IconDisclosureDownCentered).withConfig({
   componentId: "plasma-new-hope__sc-2kddkg-2"
-})([""]);
+})(["width:", ";height:", ";"], function (_ref7) {
+  var _ref7$size = _ref7.size,
+    size = _ref7$size === void 0 ? 'xs' : _ref7$size;
+  return "var(".concat(_Combobox.tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
+}, function (_ref8) {
+  var _ref8$size = _ref8.size,
+    size = _ref8$size === void 0 ? 'xs' : _ref8$size;
+  return "var(".concat(_Combobox.tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
+});
 var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);
 var StyledEmptyState = exports.StyledEmptyState = /*#__PURE__*/(0, _styledComponents["default"])(EmptyState).withConfig({
   componentId: "plasma-new-hope__sc-2kddkg-3"

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

@@ -20,6 +20,7 @@ var classes = exports.classes = {
 var tokens = exports.tokens = {
   borderRadius: '--plasma-combobox-border-radius',
   padding: '--plasma-combobox-padding',
+  margin: '--plasma-combobox-margin',
   focusOffset: '--plasma-combobox-focus-offset',
   fontFamily: '--plasma-combobox-font-family',
   fontSize: '--plasma-combobox-font-size',
@@ -166,6 +167,7 @@ var tokens = exports.tokens = {
   textFieldChipClearContentMarginRight: '--plasma-combobox-new-textfield-chip-clear-content-margin-right',
   textFieldChipOpacityReadonly: '--plasma-combobox-new-textfield-chip-opacity-readonly',
   textFieldFocusColor: '--plasma-combobox-new-textfield-focus-color',
+  textFieldBoxShadow: '--plasma-select-textfield-box-shadow',
   textFieldIndicatorColor: '--plasma-combobox-new-textfield-indicator-color',
   textFieldIndicatorSizeInner: '--plasma-combobox-new-textfield-indicator-size-inner',
   textFieldIndicatorSizeOuter: '--plasma-combobox-new-textfield-indicator-size-outer',
@@ -185,7 +187,9 @@ var tokens = exports.tokens = {
   spinnerSize: '--plasma-combobox-spinner-size',
   spinnerSizeTight: '--plasma-combobox-spinner-size-tight',
   disclosureIconColor: '--plasma-combobox-disclosure-icon-color',
-  disclosureIconColorHover: '--plasma-combobox-disclosure-icon-color-hover'
+  disclosureIconColorHover: '--plasma-combobox-disclosure-icon-color-hover',
+  disclosureIconSize: '--plasma-select-disclosure-icon-size',
+  disclosureIconMargin: '--plasma-select-disclosure-icon-margin'
 };
 var constants = exports.constants = {
   focusColor: '--surface-accent',

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

@@ -9,7 +9,6 @@ var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react")
 var _utils = /*#__PURE__*/require("../../../../utils");
 var _Combobox = /*#__PURE__*/require("../../../../Combobox.tokens");
 var _utils2 = /*#__PURE__*/require("../../../../../../../utils");
-var _Icon = /*#__PURE__*/require("../../../../../../_Icon");
 var _Combobox2 = /*#__PURE__*/require("../../../../Combobox.context");
 var _hooks = /*#__PURE__*/require("../../../../../../../hooks");
 var _Item = /*#__PURE__*/require("./Item.styles");
@@ -96,7 +95,7 @@ var Item = exports.Item = function Item(_ref) {
   })), !multiple && checked.get(item.value) === 'dot' && (_StyledIndicator || (_StyledIndicator = /*#__PURE__*/_react["default"].createElement(_Item.StyledIndicator, {
     size: "s",
     view: "default"
-  }))), !multiple && checked.get(item.value) === 'done' && /*#__PURE__*/_react["default"].createElement(_Icon.IconDone, {
+  }))), !multiple && checked.get(item.value) === 'done' && /*#__PURE__*/_react["default"].createElement(_Item.StyledIconDone, {
     size: (0, _utils.sizeToIconSize)(size, variant),
     color: "inherit"
   })), renderItem ? /*#__PURE__*/_react["default"].createElement(_Item.StyledText, null, renderItem(item)) : /*#__PURE__*/_react["default"].createElement(_Item.StyledWrapper, null, /*#__PURE__*/_react["default"].createElement(_Item.StyledCell, {
@@ -107,7 +106,7 @@ var Item = exports.Item = function Item(_ref) {
     alignContentLeft: "center",
     alignContentRight: "center",
     title: label
-  })), !(0, _utils2.isEmpty)(item.items) && /*#__PURE__*/_react["default"].createElement(_Item.DisclosureIconWrapper, null, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureRightCentered, {
+  })), !(0, _utils2.isEmpty)(item.items) && /*#__PURE__*/_react["default"].createElement(_Item.DisclosureIconWrapper, null, /*#__PURE__*/_react["default"].createElement(_Item.StyledArrow, {
     size: (0, _utils.sizeToIconSize)(size, variant),
     color: "inherit"
   })));

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Wrapper = exports.StyledWrapper = exports.StyledText = exports.StyledIndicator = exports.StyledContentRight = exports.StyledContentLeft = exports.StyledCheckboxWrapper = exports.StyledCheckbox = exports.StyledCell = exports.IconWrapper = exports.DisclosureIconWrapper = void 0;
+exports.sizeMap = exports.Wrapper = exports.StyledWrapper = exports.StyledText = exports.StyledIndicator = exports.StyledIconDone = exports.StyledContentRight = exports.StyledContentLeft = exports.StyledCheckboxWrapper = exports.StyledCheckbox = exports.StyledCell = exports.StyledArrow = exports.IconWrapper = exports.DisclosureIconWrapper = void 0;
 var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
 var _Combobox = /*#__PURE__*/require("../../../../Combobox.tokens");
 var _mixins = /*#__PURE__*/require("../../../../../../../mixins");
@@ -11,6 +11,7 @@ var _engines = /*#__PURE__*/require("../../../../../../../engines");
 var _Checkbox = /*#__PURE__*/require("../../../../../../Checkbox");
 var _Indicator = /*#__PURE__*/require("../../../../../../Indicator");
 var _Cell = /*#__PURE__*/require("../../../../../../Cell");
+var _Icon = /*#__PURE__*/require("../../../../../../_Icon");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 var mergedCheckboxConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Checkbox.checkboxConfig);
 var Checkbox = /*#__PURE__*/(0, _engines.component)(mergedCheckboxConfig);
@@ -30,31 +31,59 @@ var Indicator = /*#__PURE__*/(0, _engines.component)(mergedIndicatorConfig);
 var StyledIndicator = exports.StyledIndicator = /*#__PURE__*/(0, _styledComponents["default"])(Indicator).withConfig({
   componentId: "plasma-new-hope__sc-1n1xg1s-3"
 })(["", ":var(", ");", ":var(", ");"], _Indicator.indicatorTokens.size, _Combobox.tokens.indicatorSize, _Indicator.indicatorTokens.color, _Combobox.tokens.checkboxFillColor);
-var StyledContentLeft = exports.StyledContentLeft = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+
+// TODO: Удалить после поддержки JS переменных в конфиге компонент
+var sizeMap = exports.sizeMap = {
+  xs: '1rem',
+  s: '1.5rem'
+};
+var StyledArrow = exports.StyledArrow = /*#__PURE__*/(0, _styledComponents["default"])(_Icon.IconDisclosureRightCentered).withConfig({
   componentId: "plasma-new-hope__sc-1n1xg1s-4"
+})(["width:", ";height:", ";"], function (_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'xs' : _ref$size;
+  return "var(".concat(_Combobox.tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
+}, function (_ref2) {
+  var _ref2$size = _ref2.size,
+    size = _ref2$size === void 0 ? 'xs' : _ref2$size;
+  return "var(".concat(_Combobox.tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
+});
+var StyledIconDone = exports.StyledIconDone = /*#__PURE__*/(0, _styledComponents["default"])(_Icon.IconDone).withConfig({
+  componentId: "plasma-new-hope__sc-1n1xg1s-5"
+})(["width:", ";height:", ";"], function (_ref3) {
+  var _ref3$size = _ref3.size,
+    size = _ref3$size === void 0 ? 'xs' : _ref3$size;
+  return "var(".concat(_Combobox.tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
+}, function (_ref4) {
+  var _ref4$size = _ref4.size,
+    size = _ref4$size === void 0 ? 'xs' : _ref4$size;
+  return "var(".concat(_Combobox.tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
+});
+var StyledContentLeft = exports.StyledContentLeft = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-1n1xg1s-6"
 })(["display:inline-flex;"]);
 var StyledContentRight = exports.StyledContentRight = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  componentId: "plasma-new-hope__sc-1n1xg1s-5"
+  componentId: "plasma-new-hope__sc-1n1xg1s-7"
 })(["margin-left:auto;display:inline-flex;"]);
 var DisclosureIconWrapper = exports.DisclosureIconWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  componentId: "plasma-new-hope__sc-1n1xg1s-6"
-})(["line-height:0;color:var(", ");&:hover{color:var(", ");}"], _Combobox.tokens.disclosureIconColor, _Combobox.tokens.disclosureIconColorHover);
+  componentId: "plasma-new-hope__sc-1n1xg1s-8"
+})(["line-height:0;margin:var(", ");color:var(", ");&:hover{color:var(", ");}"], _Combobox.tokens.disclosureIconMargin, _Combobox.tokens.disclosureIconColor, _Combobox.tokens.disclosureIconColorHover);
 var IconWrapper = exports.IconWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  componentId: "plasma-new-hope__sc-1n1xg1s-7"
-})(["display:flex;align-items:center;justify-content:center;flex:none;width:", ";height:", ";margin:var(", ");line-height:0;color:var(", ");"], function (_ref) {
-  var variant = _ref.variant;
+  componentId: "plasma-new-hope__sc-1n1xg1s-9"
+})(["display:flex;align-items:center;justify-content:center;flex:none;width:", ";height:", ";margin:var(", ");line-height:0;color:var(", ");"], function (_ref5) {
+  var variant = _ref5.variant;
   return "var(".concat(variant === 'tight' ? _Combobox.tokens.itemIconSizeTight : _Combobox.tokens.itemIconSize, ")");
-}, function (_ref2) {
-  var variant = _ref2.variant;
+}, function (_ref6) {
+  var variant = _ref6.variant;
   return "var(".concat(variant === 'tight' ? _Combobox.tokens.itemIconSizeTight : _Combobox.tokens.itemIconSize, ")");
 }, _Combobox.tokens.itemIconMargin, _Combobox.tokens.checkboxFillColor);
 var StyledText = exports.StyledText = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  componentId: "plasma-new-hope__sc-1n1xg1s-8"
+  componentId: "plasma-new-hope__sc-1n1xg1s-10"
 })(["", ";flex:1;"], /*#__PURE__*/(0, _mixins.applyEllipsis)());
 var Wrapper = exports.Wrapper = /*#__PURE__*/_styledComponents["default"].li.withConfig({
-  componentId: "plasma-new-hope__sc-1n1xg1s-9"
-})(["display:flex;align-items:center;min-height:var(", ");margin:0;box-sizing:content-box;padding:", ";font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");background-color:var(", ");color:var(--text-primary);border-radius:var(", ");user-select:none;border-right:2px solid transparent;border-left:2px solid transparent;background-clip:padding-box;&:hover:not(.", "){cursor:pointer;background-color:var(", ");}&.", "{background-color:var(", ");}&.", "{opacity:", ";cursor:not-allowed;}:focus{outline:none;}", ";"], _Combobox.tokens.itemHeight, function (_ref3) {
-  var variant = _ref3.variant;
+  componentId: "plasma-new-hope__sc-1n1xg1s-11"
+})(["display:flex;align-items:center;min-height:var(", ");margin:0;box-sizing:content-box;padding:", ";font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");background-color:var(", ");color:var(--text-primary);border-radius:var(", ");user-select:none;border-right:2px solid transparent;border-left:2px solid transparent;background-clip:padding-box;&:hover:not(.", "){cursor:pointer;background-color:var(", ");}&.", "{background-color:var(", ");}&.", "{opacity:", ";cursor:not-allowed;}:focus{outline:none;}", ";"], _Combobox.tokens.itemHeight, function (_ref7) {
+  var variant = _ref7.variant;
   return "var(".concat(variant === 'tight' ? _Combobox.tokens.itemPaddingTight : _Combobox.tokens.itemPadding, ")");
 }, _Combobox.tokens.fontFamily, _Combobox.tokens.fontSize, _Combobox.tokens.fontStyle, _Combobox.tokens.fontWeight, _Combobox.tokens.fontLetterSpacing, _Combobox.tokens.fontLineHeight, _Combobox.constants.itemBackground, _Combobox.tokens.borderRadius, _Combobox.classes.dropdownItemIsDisabled, _Combobox.tokens.itemBackgroundHover, _Combobox.classes.dropdownItemIsActive, _Combobox.tokens.itemBackgroundHover, _Combobox.classes.dropdownItemIsDisabled, _Combobox.constants.opacity, /*#__PURE__*/(0, _mixins.addFocus)({
   outlineSize: '0.0625rem',
@@ -65,5 +94,5 @@ var Wrapper = exports.Wrapper = /*#__PURE__*/_styledComponents["default"].li.wit
   customFocusRules: /*#__PURE__*/"\n            &.".concat(_Combobox.classes.dropdownItemIsFocused, ":before {\n                outline: none;\n                box-shadow: 0 0 0 0.0625rem var(").concat(_Combobox.constants.focusColor, ");\n            }\n        ")
 }));
 var StyledCheckboxWrapper = exports.StyledCheckboxWrapper = /*#__PURE__*/_styledComponents["default"].span.withConfig({
-  componentId: "plasma-new-hope__sc-1n1xg1s-10"
+  componentId: "plasma-new-hope__sc-1n1xg1s-12"
 })([""]);

package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js

@@ -13,4 +13,4 @@ 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-1639yp6-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(", ");"], _TextField.textFieldTokens.color, _Combobox.tokens.textFieldColor, _TextField.textFieldTokens.clearColor, _Combobox.tokens.textFieldColor, _TextField.textFieldTokens.backgroundColor, _Combobox.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _Combobox.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Combobox.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _Combobox.tokens.textFieldBorderColor, _TextField.textFieldTokens.borderColorHover, _Combobox.tokens.textFieldBorderColorHover, _TextField.textFieldTokens.borderColorFocus, _Combobox.tokens.textFieldBorderColorFocus, _TextField.textFieldTokens.colorReadOnly, _Combobox.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _Combobox.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _Combobox.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _Combobox.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.caretColor, _Combobox.tokens.textFieldCaretColor, _TextField.textFieldTokens.placeholderColor, _Combobox.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.placeholderColorFocus, _Combobox.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.clearPlaceholderColor, _Combobox.tokens.textFieldClearPlaceholderColor, _TextField.textFieldTokens.clearPlaceholderColorFocus, _Combobox.tokens.textFieldClearPlaceholderColorFocus, _TextField.textFieldTokens.optionalColor, _Combobox.tokens.textFieldOptionalColor, _TextField.textFieldTokens.height, _Combobox.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _Combobox.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _Combobox.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _Combobox.tokens.textFieldPadding, _TextField.textFieldTokens.paddingWithChips, _Combobox.tokens.textFieldPaddingWithChips, _TextField.textFieldTokens.leftContentMargin, _Combobox.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _Combobox.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _Combobox.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontStyle, _Combobox.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontSize, _Combobox.tokens.textFieldFontSize, _TextField.textFieldTokens.fontWeight, _Combobox.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _Combobox.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _Combobox.tokens.textFieldLineHeight, _TextField.textFieldTokens.contentSlotColor, _Combobox.tokens.textFieldContentSlotColor, _TextField.textFieldTokens.contentSlotColorHover, _Combobox.tokens.textFieldContentSlotColorHover, _TextField.textFieldTokens.contentSlotColorActive, _Combobox.tokens.textFieldContentSlotColorActive, _TextField.textFieldTokens.contentSlotRightColor, _Combobox.tokens.textFieldContentSlotRightColor, _TextField.textFieldTokens.contentSlotRightColorHover, _Combobox.tokens.textFieldContentSlotRightColorHover, _TextField.textFieldTokens.contentSlotRightColorActive, _Combobox.tokens.textFieldContentSlotRightColorActive, _TextField.textFieldTokens.labelColor, _Combobox.tokens.textFieldLabelColor, _TextField.textFieldTokens.labelColorReadOnly, _Combobox.tokens.textFieldLabelColorReadOnly, _TextField.textFieldTokens.labelOffset, _Combobox.tokens.textFieldLabelOffset, _TextField.textFieldTokens.clearLabelOffset, _Combobox.tokens.textFieldClearLabelOffset, _TextField.textFieldTokens.labelFontFamily, _Combobox.tokens.textFieldLabelFontFamily, _TextField.textFieldTokens.labelFontStyle, _Combobox.tokens.textFieldLabelFontStyle, _TextField.textFieldTokens.labelFontSize, _Combobox.tokens.textFieldLabelFontSize, _TextField.textFieldTokens.labelFontWeight, _Combobox.tokens.textFieldLabelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _Combobox.tokens.textFieldLabelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _Combobox.tokens.textFieldLabelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _Combobox.tokens.textFieldLabelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontStyle, _Combobox.tokens.textFieldLabelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontSize, _Combobox.tokens.textFieldLabelInnerFontSize, _TextField.textFieldTokens.labelInnerFontWeight, _Combobox.tokens.textFieldLabelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _Combobox.tokens.textFieldLabelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _Combobox.tokens.textFieldLabelInnerLineHeight, _TextField.textFieldTokens.labelInnerPadding, _Combobox.tokens.textFieldLabelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _Combobox.tokens.textFieldContentLabelInnerPadding, _TextField.textFieldTokens.titleCaptionColor, _Combobox.tokens.textFieldTitleCaptionColor, _TextField.textFieldTokens.titleCaptionColorReadOnly, _Combobox.tokens.textFieldTitleCaptionColorReadOnly, _TextField.textFieldTokens.titleCaptionInnerLabelOffset, _Combobox.tokens.textFieldTitleCaptionInnerLabelOffset, _TextField.textFieldTokens.titleCaptionFontFamily, _Combobox.tokens.textFieldTitleCaptionFontFamily, _TextField.textFieldTokens.titleCaptionFontStyle, _Combobox.tokens.textFieldTitleCaptionFontStyle, _TextField.textFieldTokens.titleCaptionFontSize, _Combobox.tokens.textFieldTitleCaptionFontSize, _TextField.textFieldTokens.titleCaptionFontWeight, _Combobox.tokens.textFieldTitleCaptionFontWeight, _TextField.textFieldTokens.titleCaptionLetterSpacing, _Combobox.tokens.textFieldTitleCaptionLetterSpacing, _TextField.textFieldTokens.titleCaptionLineHeight, _Combobox.tokens.textFieldTitleCaptionLineHeight, _TextField.textFieldTokens.leftHelperColor, _Combobox.tokens.textFieldLeftHelperColor, _TextField.textFieldTokens.leftHelperColorReadOnly, _Combobox.tokens.textFieldLeftHelperColorReadOnly, _TextField.textFieldTokens.leftHelperOffset, _Combobox.tokens.textFieldLeftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _Combobox.tokens.textFieldLeftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontStyle, _Combobox.tokens.textFieldLeftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontSize, _Combobox.tokens.textFieldLeftHelperFontSize, _TextField.textFieldTokens.leftHelperFontWeight, _Combobox.tokens.textFieldLeftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _Combobox.tokens.textFieldLeftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _Combobox.tokens.textFieldLeftHelperLineHeight, _TextField.textFieldTokens.textBeforeColor, _Combobox.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _Combobox.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _Combobox.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _Combobox.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.disabledOpacity, _Combobox.tokens.textFieldDisabledOpacity, _TextField.textFieldTokens.chipHeight, _Combobox.tokens.textFieldChipHeight, _TextField.textFieldTokens.chipBorderRadius, _Combobox.tokens.textFieldChipBorderRadius, _TextField.textFieldTokens.chipGap, _Combobox.tokens.textFieldChipGap, _TextField.textFieldTokens.chipBackground, _Combobox.tokens.textFieldChipBackground, _TextField.textFieldTokens.chipColor, _Combobox.tokens.textFieldChipColor, _TextField.textFieldTokens.chipBackgroundHover, _Combobox.tokens.textFieldChipBackgroundHover, _TextField.textFieldTokens.chipColorHover, _Combobox.tokens.textFieldChipColorHover, _TextField.textFieldTokens.chipScaleHover, _Combobox.tokens.textFieldChipScaleHover, _TextField.textFieldTokens.chipBackgroundReadOnly, _Combobox.tokens.textFieldChipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _Combobox.tokens.textFieldChipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _Combobox.tokens.textFieldChipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _Combobox.tokens.textFieldChipColorReadOnlyHover, _TextField.textFieldTokens.chipBackgroundActive, _Combobox.tokens.textFieldChipBackgroundActive, _TextField.textFieldTokens.chipColorActive, _Combobox.tokens.textFieldChipColorActive, _TextField.textFieldTokens.chipScaleActive, _Combobox.tokens.textFieldChipScaleActive, _TextField.textFieldTokens.chipCloseIconColor, _Combobox.tokens.textFieldChipCloseIconColor, _TextField.textFieldTokens.chipOutlineSize, _Combobox.tokens.textFieldChipOutlineSize, _TextField.textFieldTokens.chipWidth, _Combobox.tokens.textFieldChipWidth, _TextField.textFieldTokens.chipPadding, _Combobox.tokens.textFieldChipPadding, _TextField.textFieldTokens.chipCloseIconSize, _Combobox.tokens.textFieldChipCloseIconSize, _TextField.textFieldTokens.chipFontFamily, _Combobox.tokens.textFieldChipFontFamily, _TextField.textFieldTokens.chipFontSize, _Combobox.tokens.textFieldChipFontSize, _TextField.textFieldTokens.chipFontStyle, _Combobox.tokens.textFieldChipFontStyle, _TextField.textFieldTokens.chipFontWeight, _Combobox.tokens.textFieldChipFontWeight, _TextField.textFieldTokens.chipLetterSpacing, _Combobox.tokens.textFieldChipLetterSpacing, _TextField.textFieldTokens.chipLineHeight, _Combobox.tokens.textFieldChipLineHeight, _TextField.textFieldTokens.chipClearContentMarginLeft, _Combobox.tokens.textFieldChipClearContentMarginLeft, _TextField.textFieldTokens.chipClearContentMarginRight, _Combobox.tokens.textFieldChipClearContentMarginRight, _TextField.textFieldTokens.chipOpacityReadonly, _Combobox.tokens.textFieldChipOpacityReadonly, _TextField.textFieldTokens.focusColor, _Combobox.tokens.textFieldFocusColor, _TextField.textFieldTokens.indicatorColor, _Combobox.tokens.textFieldIndicatorColor, _TextField.textFieldTokens.indicatorSizeInner, _Combobox.tokens.textFieldIndicatorSizeInner, _TextField.textFieldTokens.indicatorSizeOuter, _Combobox.tokens.textFieldIndicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _Combobox.tokens.textFieldIndicatorLabelPlacementInner, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _Combobox.tokens.textFieldIndicatorLabelPlacementOuter, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _Combobox.tokens.textFieldIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _Combobox.tokens.textFieldIndicatorLabelPlacementOuterRight, _TextField.textFieldTokens.clearIndicatorLabelPlacementInner, _Combobox.tokens.textFieldClearIndicatorLabelPlacementInner, _TextField.textFieldTokens.clearIndicatorLabelPlacementInnerRight, _Combobox.tokens.textFieldClearIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.clearIndicatorHintInnerRight, _Combobox.tokens.textFieldClearIndicatorHintInnerRight);
+})(["", ":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(", ");"], _TextField.textFieldTokens.color, _Combobox.tokens.textFieldColor, _TextField.textFieldTokens.clearColor, _Combobox.tokens.textFieldColor, _TextField.textFieldTokens.backgroundColor, _Combobox.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _Combobox.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Combobox.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _Combobox.tokens.textFieldBorderColor, _TextField.textFieldTokens.borderColorHover, _Combobox.tokens.textFieldBorderColorHover, _TextField.textFieldTokens.borderColorFocus, _Combobox.tokens.textFieldBorderColorFocus, _TextField.textFieldTokens.colorReadOnly, _Combobox.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _Combobox.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _Combobox.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _Combobox.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.caretColor, _Combobox.tokens.textFieldCaretColor, _TextField.textFieldTokens.placeholderColor, _Combobox.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.placeholderColorFocus, _Combobox.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.clearPlaceholderColor, _Combobox.tokens.textFieldClearPlaceholderColor, _TextField.textFieldTokens.clearPlaceholderColorFocus, _Combobox.tokens.textFieldClearPlaceholderColorFocus, _TextField.textFieldTokens.optionalColor, _Combobox.tokens.textFieldOptionalColor, _TextField.textFieldTokens.height, _Combobox.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _Combobox.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _Combobox.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _Combobox.tokens.textFieldPadding, _TextField.textFieldTokens.paddingWithChips, _Combobox.tokens.textFieldPaddingWithChips, _TextField.textFieldTokens.leftContentMargin, _Combobox.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _Combobox.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _Combobox.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontStyle, _Combobox.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontSize, _Combobox.tokens.textFieldFontSize, _TextField.textFieldTokens.fontWeight, _Combobox.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _Combobox.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _Combobox.tokens.textFieldLineHeight, _TextField.textFieldTokens.contentSlotColor, _Combobox.tokens.textFieldContentSlotColor, _TextField.textFieldTokens.contentSlotColorHover, _Combobox.tokens.textFieldContentSlotColorHover, _TextField.textFieldTokens.contentSlotColorActive, _Combobox.tokens.textFieldContentSlotColorActive, _TextField.textFieldTokens.contentSlotRightColor, _Combobox.tokens.textFieldContentSlotRightColor, _TextField.textFieldTokens.contentSlotRightColorHover, _Combobox.tokens.textFieldContentSlotRightColorHover, _TextField.textFieldTokens.contentSlotRightColorActive, _Combobox.tokens.textFieldContentSlotRightColorActive, _TextField.textFieldTokens.labelColor, _Combobox.tokens.textFieldLabelColor, _TextField.textFieldTokens.labelColorReadOnly, _Combobox.tokens.textFieldLabelColorReadOnly, _TextField.textFieldTokens.labelOffset, _Combobox.tokens.textFieldLabelOffset, _TextField.textFieldTokens.clearLabelOffset, _Combobox.tokens.textFieldClearLabelOffset, _TextField.textFieldTokens.labelFontFamily, _Combobox.tokens.textFieldLabelFontFamily, _TextField.textFieldTokens.labelFontStyle, _Combobox.tokens.textFieldLabelFontStyle, _TextField.textFieldTokens.labelFontSize, _Combobox.tokens.textFieldLabelFontSize, _TextField.textFieldTokens.labelFontWeight, _Combobox.tokens.textFieldLabelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _Combobox.tokens.textFieldLabelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _Combobox.tokens.textFieldLabelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _Combobox.tokens.textFieldLabelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontStyle, _Combobox.tokens.textFieldLabelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontSize, _Combobox.tokens.textFieldLabelInnerFontSize, _TextField.textFieldTokens.labelInnerFontWeight, _Combobox.tokens.textFieldLabelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _Combobox.tokens.textFieldLabelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _Combobox.tokens.textFieldLabelInnerLineHeight, _TextField.textFieldTokens.labelInnerPadding, _Combobox.tokens.textFieldLabelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _Combobox.tokens.textFieldContentLabelInnerPadding, _TextField.textFieldTokens.titleCaptionColor, _Combobox.tokens.textFieldTitleCaptionColor, _TextField.textFieldTokens.titleCaptionColorReadOnly, _Combobox.tokens.textFieldTitleCaptionColorReadOnly, _TextField.textFieldTokens.titleCaptionInnerLabelOffset, _Combobox.tokens.textFieldTitleCaptionInnerLabelOffset, _TextField.textFieldTokens.titleCaptionFontFamily, _Combobox.tokens.textFieldTitleCaptionFontFamily, _TextField.textFieldTokens.titleCaptionFontStyle, _Combobox.tokens.textFieldTitleCaptionFontStyle, _TextField.textFieldTokens.titleCaptionFontSize, _Combobox.tokens.textFieldTitleCaptionFontSize, _TextField.textFieldTokens.titleCaptionFontWeight, _Combobox.tokens.textFieldTitleCaptionFontWeight, _TextField.textFieldTokens.titleCaptionLetterSpacing, _Combobox.tokens.textFieldTitleCaptionLetterSpacing, _TextField.textFieldTokens.titleCaptionLineHeight, _Combobox.tokens.textFieldTitleCaptionLineHeight, _TextField.textFieldTokens.leftHelperColor, _Combobox.tokens.textFieldLeftHelperColor, _TextField.textFieldTokens.leftHelperColorReadOnly, _Combobox.tokens.textFieldLeftHelperColorReadOnly, _TextField.textFieldTokens.leftHelperOffset, _Combobox.tokens.textFieldLeftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _Combobox.tokens.textFieldLeftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontStyle, _Combobox.tokens.textFieldLeftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontSize, _Combobox.tokens.textFieldLeftHelperFontSize, _TextField.textFieldTokens.leftHelperFontWeight, _Combobox.tokens.textFieldLeftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _Combobox.tokens.textFieldLeftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _Combobox.tokens.textFieldLeftHelperLineHeight, _TextField.textFieldTokens.textBeforeColor, _Combobox.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _Combobox.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _Combobox.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _Combobox.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.disabledOpacity, _Combobox.tokens.textFieldDisabledOpacity, _TextField.textFieldTokens.chipHeight, _Combobox.tokens.textFieldChipHeight, _TextField.textFieldTokens.chipBorderRadius, _Combobox.tokens.textFieldChipBorderRadius, _TextField.textFieldTokens.chipGap, _Combobox.tokens.textFieldChipGap, _TextField.textFieldTokens.chipBackground, _Combobox.tokens.textFieldChipBackground, _TextField.textFieldTokens.chipColor, _Combobox.tokens.textFieldChipColor, _TextField.textFieldTokens.chipBackgroundHover, _Combobox.tokens.textFieldChipBackgroundHover, _TextField.textFieldTokens.chipColorHover, _Combobox.tokens.textFieldChipColorHover, _TextField.textFieldTokens.chipScaleHover, _Combobox.tokens.textFieldChipScaleHover, _TextField.textFieldTokens.chipBackgroundReadOnly, _Combobox.tokens.textFieldChipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _Combobox.tokens.textFieldChipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _Combobox.tokens.textFieldChipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _Combobox.tokens.textFieldChipColorReadOnlyHover, _TextField.textFieldTokens.chipBackgroundActive, _Combobox.tokens.textFieldChipBackgroundActive, _TextField.textFieldTokens.chipColorActive, _Combobox.tokens.textFieldChipColorActive, _TextField.textFieldTokens.chipScaleActive, _Combobox.tokens.textFieldChipScaleActive, _TextField.textFieldTokens.chipCloseIconColor, _Combobox.tokens.textFieldChipCloseIconColor, _TextField.textFieldTokens.chipOutlineSize, _Combobox.tokens.textFieldChipOutlineSize, _TextField.textFieldTokens.chipWidth, _Combobox.tokens.textFieldChipWidth, _TextField.textFieldTokens.chipPadding, _Combobox.tokens.textFieldChipPadding, _TextField.textFieldTokens.chipCloseIconSize, _Combobox.tokens.textFieldChipCloseIconSize, _TextField.textFieldTokens.chipFontFamily, _Combobox.tokens.textFieldChipFontFamily, _TextField.textFieldTokens.chipFontSize, _Combobox.tokens.textFieldChipFontSize, _TextField.textFieldTokens.chipFontStyle, _Combobox.tokens.textFieldChipFontStyle, _TextField.textFieldTokens.chipFontWeight, _Combobox.tokens.textFieldChipFontWeight, _TextField.textFieldTokens.chipLetterSpacing, _Combobox.tokens.textFieldChipLetterSpacing, _TextField.textFieldTokens.chipLineHeight, _Combobox.tokens.textFieldChipLineHeight, _TextField.textFieldTokens.chipClearContentMarginLeft, _Combobox.tokens.textFieldChipClearContentMarginLeft, _TextField.textFieldTokens.chipClearContentMarginRight, _Combobox.tokens.textFieldChipClearContentMarginRight, _TextField.textFieldTokens.chipOpacityReadonly, _Combobox.tokens.textFieldChipOpacityReadonly, _TextField.textFieldTokens.focusColor, _Combobox.tokens.textFieldFocusColor, _TextField.textFieldTokens.indicatorColor, _Combobox.tokens.textFieldIndicatorColor, _TextField.textFieldTokens.indicatorSizeInner, _Combobox.tokens.textFieldIndicatorSizeInner, _TextField.textFieldTokens.indicatorSizeOuter, _Combobox.tokens.textFieldIndicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _Combobox.tokens.textFieldIndicatorLabelPlacementInner, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _Combobox.tokens.textFieldIndicatorLabelPlacementOuter, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _Combobox.tokens.textFieldIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _Combobox.tokens.textFieldIndicatorLabelPlacementOuterRight, _TextField.textFieldTokens.clearIndicatorLabelPlacementInner, _Combobox.tokens.textFieldClearIndicatorLabelPlacementInner, _TextField.textFieldTokens.clearIndicatorLabelPlacementInnerRight, _Combobox.tokens.textFieldClearIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.clearIndicatorHintInnerRight, _Combobox.tokens.textFieldClearIndicatorHintInnerRight, _TextField.textFieldTokens.boxShadow, _Combobox.tokens.textFieldBoxShadow);

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

@@ -23,6 +23,6 @@ var Ul = exports.Ul = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
   return listOverflow || 'initial';
 }, function (_ref4) {
   var isInnerUl = _ref4.isInnerUl;
-  return isInnerUl ? "calc(var(".concat(_Select.tokens.padding, ") * -1) 0 0 0") : 0;
+  return isInnerUl ? "calc(var(".concat(_Select.tokens.padding, ") * -1) 0 0 0") : "var(".concat(_Select.tokens.margin, ") 0 0 0");
 }, _Select.tokens.padding, _Select.tokens.dropdownBorderWidth);
 var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);

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

@@ -17,6 +17,7 @@ var classes = exports.classes = {
 };
 var tokens = exports.tokens = {
   borderRadius: '--plasma-select-border-radius',
+  margin: '--plasma-select-margin',
   padding: '--plasma-select-padding',
   fontFamily: '--plasma-select-font-family',
   fontSize: '--plasma-select-font-size',
@@ -169,8 +170,11 @@ var tokens = exports.tokens = {
   textFieldClearIndicatorHintInnerRight: '--plasma-select-new-textfield-clear-indicator-hint-placement-inner-right',
   textFieldOptionalColor: '--plasma-select-new-textfield-optional-color',
   textFieldFocusColor: '--plasma-select-textfield-focus-color',
+  textFieldBoxShadow: '--plasma-select-textfield-box-shadow',
   disclosureIconColor: '--plasma-select-disclosure-icon-color',
-  disclosureIconColorHover: '--plasma-select-disclosure-icon-color-hover'
+  disclosureIconColorHover: '--plasma-select-disclosure-icon-color-hover',
+  disclosureIconSize: '--plasma-select-disclosure-icon-size',
+  disclosureIconMargin: '--plasma-select-disclosure-icon-margin'
 };
 var constants = exports.constants = {
   focusColor: '--surface-accent',

package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.js

@@ -9,7 +9,6 @@ var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react")
 var _utils = /*#__PURE__*/require("../../../../utils");
 var _Select = /*#__PURE__*/require("../../../../Select.tokens");
 var _utils2 = /*#__PURE__*/require("../../../../../../utils");
-var _Icon = /*#__PURE__*/require("../../../../../_Icon");
 var _Select2 = /*#__PURE__*/require("../../../../Select.context");
 var _hooks = /*#__PURE__*/require("../../../../../../hooks");
 var _Item = /*#__PURE__*/require("./Item.styles");
@@ -98,7 +97,7 @@ var Item = exports.Item = function Item(_ref) {
   })), !multiselect && checked.get(item.value) === 'dot' && (_StyledIndicator || (_StyledIndicator = /*#__PURE__*/_react["default"].createElement(_Item.StyledIndicator, {
     size: "s",
     view: "default"
-  }))), !multiselect && checked.get(item.value) === 'done' && /*#__PURE__*/_react["default"].createElement(_Icon.IconDone, {
+  }))), !multiselect && checked.get(item.value) === 'done' && /*#__PURE__*/_react["default"].createElement(_Item.StyledIconDone, {
     size: (0, _utils.sizeToIconSize)(size, variant),
     color: "inherit"
   })), renderItem ? /*#__PURE__*/_react["default"].createElement(_Item.StyledText, null, renderItem(item)) : /*#__PURE__*/_react["default"].createElement(_Item.StyledWrapper, null, /*#__PURE__*/_react["default"].createElement(_Item.StyledCell, {
@@ -109,7 +108,7 @@ var Item = exports.Item = function Item(_ref) {
     // @ts-ignore
     ,
     title: /*#__PURE__*/_react["default"].createElement("span", null, label)
-  })), !(0, _utils2.isEmpty)(item.items) && /*#__PURE__*/_react["default"].createElement(_Item.DisclosureIconWrapper, null, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureRightCentered, {
+  })), !(0, _utils2.isEmpty)(item.items) && /*#__PURE__*/_react["default"].createElement(_Item.DisclosureIconWrapper, null, /*#__PURE__*/_react["default"].createElement(_Item.StyledArrow, {
     size: (0, _utils.sizeToIconSize)(size, variant),
     color: "inherit"
   })));

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Wrapper = exports.StyledWrapper = exports.StyledText = exports.StyledIndicator = exports.StyledCheckboxWrapper = exports.StyledCheckbox = exports.StyledCell = exports.IconWrapper = exports.DisclosureIconWrapper = void 0;
+exports.sizeMap = exports.Wrapper = exports.StyledWrapper = exports.StyledText = exports.StyledIndicator = exports.StyledIconDone = exports.StyledCheckboxWrapper = exports.StyledCheckbox = exports.StyledCell = exports.StyledArrow = exports.IconWrapper = exports.DisclosureIconWrapper = void 0;
 var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
 var _Select = /*#__PURE__*/require("../../../../Select.tokens");
 var _mixins = /*#__PURE__*/require("../../../../../../mixins");
@@ -11,6 +11,7 @@ var _engines = /*#__PURE__*/require("../../../../../../engines");
 var _Checkbox = /*#__PURE__*/require("../../../../../Checkbox");
 var _Cell = /*#__PURE__*/require("../../../../../Cell");
 var _Indicator = /*#__PURE__*/require("../../../../../Indicator");
+var _Icon = /*#__PURE__*/require("../../../../../_Icon");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 var mergedCheckboxConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Checkbox.checkboxConfig);
 var Checkbox = /*#__PURE__*/(0, _engines.component)(mergedCheckboxConfig);
@@ -30,25 +31,53 @@ var StyledCheckbox = exports.StyledCheckbox = /*#__PURE__*/(0, _styledComponents
 var StyledIndicator = exports.StyledIndicator = /*#__PURE__*/(0, _styledComponents["default"])(Indicator).withConfig({
   componentId: "plasma-new-hope__sc-fr2h0y-3"
 })(["", ":var(", ");", ":var(", ");"], _Indicator.indicatorTokens.size, _Select.tokens.indicatorSize, _Indicator.indicatorTokens.color, _Select.tokens.checkboxFillColor);
-var DisclosureIconWrapper = exports.DisclosureIconWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+
+// TODO: Удалить после поддержки JS переменных в конфиге компонент
+var sizeMap = exports.sizeMap = {
+  xs: '1rem',
+  s: '1.5rem'
+};
+var StyledArrow = exports.StyledArrow = /*#__PURE__*/(0, _styledComponents["default"])(_Icon.IconDisclosureRightCentered).withConfig({
   componentId: "plasma-new-hope__sc-fr2h0y-4"
-})(["line-height:0;color:var(", ");&:hover{color:var(", ");}"], _Select.tokens.disclosureIconColor, _Select.tokens.disclosureIconColorHover);
-var IconWrapper = exports.IconWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+})(["width:", ";height:", ";"], function (_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'xs' : _ref$size;
+  return "var(".concat(_Select.tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
+}, function (_ref2) {
+  var _ref2$size = _ref2.size,
+    size = _ref2$size === void 0 ? 'xs' : _ref2$size;
+  return "var(".concat(_Select.tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
+});
+var StyledIconDone = exports.StyledIconDone = /*#__PURE__*/(0, _styledComponents["default"])(_Icon.IconDone).withConfig({
   componentId: "plasma-new-hope__sc-fr2h0y-5"
-})(["display:flex;align-items:center;justify-content:center;flex:none;width:", ";height:", ";margin:var(", ");line-height:0;color:var(", ");"], function (_ref) {
-  var variant = _ref.variant;
+})(["width:", ";height:", ";"], function (_ref3) {
+  var _ref3$size = _ref3.size,
+    size = _ref3$size === void 0 ? 'xs' : _ref3$size;
+  return "var(".concat(_Select.tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
+}, function (_ref4) {
+  var _ref4$size = _ref4.size,
+    size = _ref4$size === void 0 ? 'xs' : _ref4$size;
+  return "var(".concat(_Select.tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
+});
+var DisclosureIconWrapper = exports.DisclosureIconWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-fr2h0y-6"
+})(["margin:var(", ");line-height:0;color:var(", ");&:hover{color:var(", ");}"], _Select.tokens.disclosureIconMargin, _Select.tokens.disclosureIconColor, _Select.tokens.disclosureIconColorHover);
+var IconWrapper = exports.IconWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-fr2h0y-7"
+})(["display:flex;align-items:center;justify-content:center;flex:none;width:", ";height:", ";margin:var(", ");line-height:0;color:var(", ");"], function (_ref5) {
+  var variant = _ref5.variant;
   return "var(".concat(variant === 'tight' ? _Select.tokens.itemIconSizeTight : _Select.tokens.itemIconSize, ")");
-}, function (_ref2) {
-  var variant = _ref2.variant;
+}, function (_ref6) {
+  var variant = _ref6.variant;
   return "var(".concat(variant === 'tight' ? _Select.tokens.itemIconSizeTight : _Select.tokens.itemIconSize, ")");
 }, _Select.tokens.itemIconMargin, _Select.tokens.checkboxFillColor);
 var StyledText = exports.StyledText = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  componentId: "plasma-new-hope__sc-fr2h0y-6"
+  componentId: "plasma-new-hope__sc-fr2h0y-8"
 })(["", ";flex:1;"], /*#__PURE__*/(0, _mixins.applyEllipsis)());
 var Wrapper = exports.Wrapper = /*#__PURE__*/_styledComponents["default"].li.withConfig({
-  componentId: "plasma-new-hope__sc-fr2h0y-7"
-})(["display:flex;align-items:center;min-height:var(", ");margin:0 calc(0.125rem + var(", ",0rem));box-sizing:content-box;padding:", ";font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");background-color:var(", ");color:var(--text-primary);border-radius:calc(var(", ") - 0.125rem - var(", ",0rem));user-select:none;background-clip:padding-box;&:hover:not(.", "){cursor:pointer;background-color:var(", ");}&.", "{background-color:var(", ");}&.", "{opacity:", ";cursor:not-allowed;}:focus{outline:none;}", ";"], _Select.tokens.itemHeight, _Select.tokens.dropdownBorderWidth, function (_ref3) {
-  var variant = _ref3.variant;
+  componentId: "plasma-new-hope__sc-fr2h0y-9"
+})(["display:flex;align-items:center;min-height:var(", ");margin:0 calc(0.125rem + var(", ",0rem));box-sizing:content-box;padding:", ";font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");background-color:var(", ");color:var(--text-primary);border-radius:calc(var(", ") - 0.125rem - var(", ",0rem));user-select:none;background-clip:padding-box;&:hover:not(.", "){cursor:pointer;background-color:var(", ");}&.", "{background-color:var(", ");}&.", "{opacity:", ";cursor:not-allowed;}:focus{outline:none;}", ";"], _Select.tokens.itemHeight, _Select.tokens.dropdownBorderWidth, function (_ref7) {
+  var variant = _ref7.variant;
   return "var(".concat(variant === 'tight' ? _Select.tokens.itemPaddingTight : _Select.tokens.itemPadding, ")");
 }, _Select.tokens.fontFamily, _Select.tokens.fontSize, _Select.tokens.fontStyle, _Select.tokens.fontWeight, _Select.tokens.fontLetterSpacing, _Select.tokens.fontLineHeight, _Select.constants.itemBackground, _Select.tokens.borderRadius, _Select.tokens.dropdownBorderWidth, _Select.classes.dropdownItemIsDisabled, _Select.tokens.itemBackgroundHover, _Select.classes.dropdownItemIsActive, _Select.tokens.itemBackgroundHover, _Select.classes.dropdownItemIsDisabled, _Select.constants.opacity, /*#__PURE__*/(0, _mixins.addFocus)({
   outlineSize: '0.0625rem',
@@ -59,5 +88,5 @@ var Wrapper = exports.Wrapper = /*#__PURE__*/_styledComponents["default"].li.wit
   customFocusRules: /*#__PURE__*/"\n            &.".concat(_Select.classes.dropdownItemIsFocused, ":before {\n                outline: none;\n                box-shadow: 0 0 0 0.0625rem var(").concat(_Select.constants.focusColor, ");\n            }\n        ")
 }));
 var StyledCheckboxWrapper = exports.StyledCheckboxWrapper = /*#__PURE__*/_styledComponents["default"].span.withConfig({
-  componentId: "plasma-new-hope__sc-fr2h0y-8"
+  componentId: "plasma-new-hope__sc-fr2h0y-10"
 })([""]);

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledButton = exports.StyledArrow = exports.Label = exports.IconArrowWrapper = exports.ButtonWrapper = void 0;
+exports.sizeMap = exports.StyledButton = exports.StyledArrow = exports.Label = exports.IconArrowWrapper = exports.ButtonWrapper = void 0;
 var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
 var _mixins = /*#__PURE__*/require("../../../../../../mixins");
 var _Icon = /*#__PURE__*/require("../../../../../_Icon");
@@ -15,16 +15,30 @@ var mergedButtonConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Button.buttonCo
 var Button = /*#__PURE__*/(0, _engines.component)(mergedButtonConfig);
 var StyledButton = exports.StyledButton = /*#__PURE__*/(0, _styledComponents["default"])(Button).withConfig({
   componentId: "plasma-new-hope__sc-38cqi1-0"
-})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":", ";", ":100%;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":600;", ":var(", ");", ":var(", ");", ":", ";", ":var(", ");text-align:left;"], _Button.buttonTokens.buttonColor, _Select.tokens.buttonColor, _Button.buttonTokens.buttonColorHover, _Select.tokens.buttonColorHover, _Button.buttonTokens.buttonColorActive, _Select.tokens.buttonColorActive, _Button.buttonTokens.buttonBackgroundColor, _Select.tokens.buttonBackgroundColor, _Button.buttonTokens.buttonBackgroundColorHover, _Select.tokens.buttonBackgroundColorHover, _Button.buttonTokens.buttonBackgroundColorActive, _Select.tokens.buttonBackgroundColorActive, _Button.buttonTokens.buttonRightContentMargin, _Select.tokens.buttonArrowMargin, _Button.buttonTokens.buttonHeight, function (_ref) {
+})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":", ";", ":100%;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":", ";", ":var(", ");text-align:left;"], _Button.buttonTokens.buttonColor, _Select.tokens.buttonColor, _Button.buttonTokens.buttonColorHover, _Select.tokens.buttonColorHover, _Button.buttonTokens.buttonColorActive, _Select.tokens.buttonColorActive, _Button.buttonTokens.buttonBackgroundColor, _Select.tokens.buttonBackgroundColor, _Button.buttonTokens.buttonBackgroundColorHover, _Select.tokens.buttonBackgroundColorHover, _Button.buttonTokens.buttonBackgroundColorActive, _Select.tokens.buttonBackgroundColorActive, _Button.buttonTokens.buttonRightContentMargin, _Select.tokens.buttonArrowMargin, _Button.buttonTokens.buttonHeight, function (_ref) {
   var renderTarget = _ref.renderTarget;
   return renderTarget ? 'auto' : "var(".concat(_Select.tokens.targetHeight, ")");
-}, _Button.buttonTokens.buttonWidth, _Button.buttonTokens.buttonPadding, _Select.tokens.buttonPadding, _Button.buttonTokens.buttonRadius, _Select.tokens.borderRadius, _Button.buttonTokens.buttonFontFamily, _Select.tokens.fontFamily, _Button.buttonTokens.buttonFontSize, _Select.tokens.fontSize, _Button.buttonTokens.buttonFontStyle, _Select.tokens.fontStyle, _Button.buttonTokens.buttonFontWeight, _Button.buttonTokens.buttonLetterSpacing, _Select.tokens.fontLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Select.tokens.fontLineHeight, _Button.buttonTokens.buttonDisabledOpacity, _Select.constants.opacity, _Button.buttonTokens.buttonFocusColor, _Select.constants.focusColor);
+}, _Button.buttonTokens.buttonWidth, _Button.buttonTokens.buttonPadding, _Select.tokens.buttonPadding, _Button.buttonTokens.buttonRadius, _Select.tokens.borderRadius, _Button.buttonTokens.buttonFontFamily, _Select.tokens.fontFamily, _Button.buttonTokens.buttonFontSize, _Select.tokens.fontSize, _Button.buttonTokens.buttonFontStyle, _Select.tokens.fontStyle, _Button.buttonTokens.buttonFontWeight, _Select.tokens.fontWeight, _Button.buttonTokens.buttonLetterSpacing, _Select.tokens.fontLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Select.tokens.fontLineHeight, _Button.buttonTokens.buttonDisabledOpacity, _Select.constants.opacity, _Button.buttonTokens.buttonFocusColor, _Select.constants.focusColor);
 var IconArrowWrapper = exports.IconArrowWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-38cqi1-1"
 })(["line-height:0;color:var(", ");&:hover{color:var(", ");}&:active{color:var(", ");}"], _Select.tokens.buttonArrowColor, _Select.tokens.buttonArrowColorHover, _Select.tokens.buttonArrowColorActive);
+
+// TODO: Удалить после поддержки JS переменных в конфиге компонент
+var sizeMap = exports.sizeMap = {
+  xs: '1rem',
+  s: '1.5rem'
+};
 var StyledArrow = exports.StyledArrow = /*#__PURE__*/(0, _styledComponents["default"])(_Icon.IconDisclosureDownCentered).withConfig({
   componentId: "plasma-new-hope__sc-38cqi1-2"
-})(["transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;user-select:none;"]);
+})(["transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;user-select:none;width:", ";height:", ";"], function (_ref2) {
+  var _ref2$size = _ref2.size,
+    size = _ref2$size === void 0 ? 'xs' : _ref2$size;
+  return "var(".concat(_Select.tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
+}, function (_ref3) {
+  var _ref3$size = _ref3.size,
+    size = _ref3$size === void 0 ? 'xs' : _ref3$size;
+  return "var(".concat(_Select.tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
+});
 var ButtonWrapper = exports.ButtonWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-38cqi1-3"
 })(["display:inline;.", "::before{box-shadow:none !important;}.", "{transform:rotate(-180deg);}"], _Select.classes.selectWithoutBoxShadow, _Select.classes.arrowInverse);

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledTextField = exports.StyledArrow = exports.IconArrowWrapper = void 0;
+exports.sizeMap = exports.StyledTextField = exports.StyledArrow = exports.IconArrowWrapper = void 0;
 var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
 var _engines = /*#__PURE__*/require("../../../../../../engines");
 var _TextField = /*#__PURE__*/require("../../../../../TextField");
@@ -14,7 +14,7 @@ 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(", ");& 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(", ");", ":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) {
@@ -23,7 +23,7 @@ var StyledTextField = exports.StyledTextField = /*#__PURE__*/(0, _styledComponen
 }, _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.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.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, _Select.tokens.textFieldBackgroundColorFocus);
+}, _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.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.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 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) {
@@ -33,6 +33,20 @@ var IconArrowWrapper = exports.IconArrowWrapper = /*#__PURE__*/_styledComponents
   var disabled = _ref5.disabled;
   return disabled ? "var(".concat(_Select.tokens.disclosureIconColor, ")") : "var(".concat(_Select.tokens.disclosureIconColorHover, ")");
 });
+
+// TODO: Удалить после поддержки JS переменных в конфиге компонент
+var sizeMap = exports.sizeMap = {
+  xs: '1rem',
+  s: '1.5rem'
+};
 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;
+  return "var(".concat(_Select.tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
+}, function (_ref7) {
+  var _ref7$size = _ref7.size,
+    size = _ref7$size === void 0 ? 'xs' : _ref7$size;
+  return "var(".concat(_Select.tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
+});