@salutejs/plasma-new-hope 0.192.0-canary.1550.11799501370.0 → 0.192.0-dev.0

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

@@ -3,36 +3,74 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledTextField = exports.StyledArrow = exports.IconArrowWrapper = void 0;
+exports.Wrapper = exports.Value = exports.TextfieldWrapper = exports.StyledButton = exports.StyledArrow = exports.Placeholder = exports.Label = exports.InnerLabelWrapper = exports.InnerLabel = exports.IconArrowWrapper = exports.ContentLeftWrapper = exports.ChipWrapper = void 0;
 var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
+var _utils = /*#__PURE__*/require("../../../../../../utils");
+var _mixins = /*#__PURE__*/require("../../../../../../mixins");
+var _Icon = /*#__PURE__*/require("../../../../../_Icon");
 var _engines = /*#__PURE__*/require("../../../../../../engines");
-var _TextField = /*#__PURE__*/require("../../../../../TextField");
+var _Button = /*#__PURE__*/require("../../../../../Button");
 var _Select = /*#__PURE__*/require("../../../../Select.tokens");
-var _Icon = /*#__PURE__*/require("../../../../../_Icon");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_TextField.textFieldConfig);
-var TextField = /*#__PURE__*/(0, _engines.component)(mergedConfig);
-var StyledTextField = exports.StyledTextField = /*#__PURE__*/(0, _styledComponents["default"])(TextField).withConfig({
+var mergedButtonConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Button.buttonConfig);
+var Button = /*#__PURE__*/(0, _engines.component)(mergedButtonConfig);
+var TextfieldWrapper = exports.TextfieldWrapper = /*#__PURE__*/_styledComponents["default"].div.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(", ");& 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) {
+})(["display:inline;.", "{transition:100ms;background:", ";padding:", ";border:", ";}.", ":hover{transition:100ms;border:", ";}.", "::before{box-shadow:none !important;}"], _Select.classes.textfieldTarget, 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) {
+  return opened ? "var(".concat(_Select.tokens.targetTextfieldBackgroundColorOpened, ")") : "var(".concat(_Select.tokens.targetTextfieldBackgroundColor, ")");
+}, function (_ref2) {
+  var value = _ref2.value;
+  return Array.isArray(value) && !(0, _utils.isEmpty)(value) ? "0 var(".concat(_Select.tokens.targetTextfieldChipPadding, ")") : "0 var(".concat(_Select.tokens.targetTextfieldPadding, ")");
+}, 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.chipPaddingTop, _Select.tokens.textFieldChipPaddingTop, _TextField.textFieldTokens.chipPaddingRight, _Select.tokens.textFieldChipPaddingRight, _TextField.textFieldTokens.chipPaddingBottom, _Select.tokens.textFieldChipPaddingBottom, _TextField.textFieldTokens.chipPaddingLeft, _Select.tokens.textFieldChipPaddingLeft, _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.focusColor, _Select.tokens.textFieldFocusColor, _Select.tokens.textFieldBackgroundColorFocus);
-var IconArrowWrapper = exports.IconArrowWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  return opened ? "var(".concat(_Select.tokens.targetTextfieldBorderSize, ") solid var(").concat(_Select.tokens.targetTextfieldBorderOpenedColor, ")") : "var(".concat(_Select.tokens.targetTextfieldBorderSize, ") solid var(").concat(_Select.tokens.targetTextfieldBorderColor, ")");
+}, _Select.classes.textfieldTarget, function (_ref4) {
+  var opened = _ref4.opened;
+  return opened ? "var(".concat(_Select.tokens.targetTextfieldBorderSize, ") solid var(").concat(_Select.tokens.targetTextfieldBorderOpenedColor, ")") : "var(".concat(_Select.tokens.targetTextfieldBorderSize, ") solid var(").concat(_Select.tokens.targetTextfieldBorderColorHover, ")");
+}, _Select.classes.selectWithoutBoxShadow);
+var StyledButton = exports.StyledButton = /*#__PURE__*/(0, _styledComponents["default"])(Button).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;
-  return disabled ? "var(".concat(_Select.tokens.disclosureIconColor, ")") : "var(".concat(_Select.tokens.disclosureIconColorHover, ")");
-});
+})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":", ";", ":100%;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":", ";", ":var(", ");box-shadow:inset 0 0 0 ", " var(", ");text-align:left;", ""], _Button.buttonTokens.buttonColor, _Select.constants.textfieldTargetColor, _Button.buttonTokens.buttonColorHover, _Select.constants.textfieldTargetColor, _Button.buttonTokens.buttonColorActive, _Select.constants.textfieldTargetColor, _Button.buttonTokens.buttonHeight, function (_ref5) {
+  var renderTarget = _ref5.renderTarget;
+  return renderTarget ? 'auto' : "var(".concat(_Select.tokens.targetHeight, ")");
+}, _Button.buttonTokens.buttonWidth, _Button.buttonTokens.buttonPadding, _Select.tokens.targetTextfieldPadding, _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, _Select.tokens.targetTextfieldBorderSize, _Select.tokens.targetTextfieldBorderColor, /*#__PURE__*/(0, _mixins.addFocus)({
+  outlineOffset: _Select.tokens.targetTextfieldBorderSize,
+  outlineSize: _Select.constants.focusSize,
+  outlineRadius: /*#__PURE__*/"calc(var(".concat(_Select.tokens.borderRadius, ") - ").concat(_Select.tokens.targetTextfieldBorderSize, ")"),
+  outlineColor: /*#__PURE__*/"var(".concat(_Select.constants.focusColor, ")")
+}));
 var StyledArrow = exports.StyledArrow = /*#__PURE__*/(0, _styledComponents["default"])(_Icon.IconDisclosureDownCentered).withConfig({
   componentId: "plasma-new-hope__sc-1akl2tk-2"
-})([""]);
+})([""]);
+var IconArrowWrapper = exports.IconArrowWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-1akl2tk-3"
+})(["line-height:0;margin:var(", ");color:var(", ");&:hover{color:var(", ");}&:active{color:var(", ");}"], _Select.tokens.targetTextfieldArrowMargin, _Select.tokens.targetTextfieldArrowColor, _Select.tokens.targetTextfieldArrowColorHover, _Select.tokens.targetTextfieldArrowColorActive);
+var Wrapper = exports.Wrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-1akl2tk-4"
+})(["width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;.", "{transform:rotate(-180deg);}"], _Select.classes.arrowInverse);
+var ChipWrapper = exports.ChipWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-1akl2tk-5"
+})(["width:100%;display:flex;min-width:0;padding:", ";gap:0.25rem;overflow-x:scroll;border-top-right-radius:var(", ");border-bottom-right-radius:var(", ");-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none;}"], function (_ref6) {
+  var multiselect = _ref6.multiselect,
+    value = _ref6.value;
+  return "calc(".concat(_Select.constants.focusSize, " + ").concat(multiselect && value && value.toString().length > 0 ? "var(".concat(_Select.tokens.focusOffset, ")") : 0, ")");
+}, _Select.tokens.chipBorderRadius, _Select.tokens.chipBorderRadius);
+var Label = exports.Label = /*#__PURE__*/_styledComponents["default"].label.withConfig({
+  componentId: "plasma-new-hope__sc-1akl2tk-6"
+})(["color:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], _Select.constants.textfieldInnerLabelColor, _Select.tokens.fontFamily, _Select.tokens.fontSize, _Select.tokens.fontStyle, _Select.tokens.fontWeight, _Select.tokens.fontLetterSpacing, _Select.tokens.fontLineHeight);
+var Placeholder = exports.Placeholder = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-1akl2tk-7"
+})(["color:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], _Select.constants.textfieldPlaceholderColor, _Select.tokens.fontFamily, _Select.tokens.fontSize, _Select.tokens.fontStyle, _Select.tokens.fontWeight, _Select.tokens.fontLetterSpacing, _Select.tokens.fontLineHeight);
+var InnerLabelWrapper = exports.InnerLabelWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-1akl2tk-8"
+})(["display:flex;flex-direction:column;align-items:start;row-gap:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], _Select.tokens.innerLabelGap, _Select.tokens.fontFamily, _Select.tokens.fontSize, _Select.tokens.fontStyle, _Select.tokens.fontWeight, _Select.tokens.fontLetterSpacing, _Select.tokens.fontLineHeight);
+var InnerLabel = exports.InnerLabel = /*#__PURE__*/_styledComponents["default"].label.withConfig({
+  componentId: "plasma-new-hope__sc-1akl2tk-9"
+})(["color:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");text-align:left;"], _Select.constants.textfieldInnerLabelColor, _Select.constants.fontFamily, _Select.constants.fontSize, _Select.constants.fontStyle, _Select.constants.fontWeight, _Select.constants.fontLetterSpacing, _Select.constants.fontLineHeight);
+var ContentLeftWrapper = exports.ContentLeftWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-1akl2tk-10"
+})(["flex:none;margin-left:-0.125rem;margin-right:0.375rem;line-height:0;color:var(", ",--text-secondary);"], _Select.tokens.contentLeftColor);
+var Value = exports.Value = /*#__PURE__*/_styledComponents["default"].span.withConfig({
+  componentId: "plasma-new-hope__sc-1akl2tk-11"
+})(["", ""], /*#__PURE__*/(0, _mixins.applyEllipsis)());

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

@@ -0,0 +1,37 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Chip = void 0;
+var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
+var _Select = /*#__PURE__*/require("../../../../../../Select.tokens");
+var _Chip = /*#__PURE__*/require("./Chip.styles");
+var _div;
+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; }
+var Chip = exports.Chip = function Chip(_ref) {
+  var text = _ref.text,
+    onClick = _ref.onClick,
+    focused = _ref.focused,
+    isTargetAmount = _ref.isTargetAmount;
+  var ref = (0, _react.useRef)(null);
+  (0, _react.useEffect)(function () {
+    if (focused && ref.current) {
+      ref.current.scrollIntoView({
+        behavior: 'smooth',
+        block: 'center',
+        inline: 'center'
+      });
+    }
+  }, [focused]);
+  return /*#__PURE__*/_react["default"].createElement(_Chip.StyledChip, {
+    contentClearButton: isTargetAmount && (_div || (_div = /*#__PURE__*/_react["default"].createElement("div", null))),
+    tabIndex: -1,
+    onClick: onClick,
+    text: "".concat(text),
+    className: focused ? _Select.classes.selectChipIsFocused : undefined,
+    ref: ref
+  });
+};

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

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledChip = void 0;
+var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
+var _Chip = /*#__PURE__*/require("../../../../../../../Chip");
+var _engines = /*#__PURE__*/require("../../../../../../../../engines");
+var _Select = /*#__PURE__*/require("../../../../../../Select.tokens");
+var _mixins = /*#__PURE__*/require("../../../../../../../../mixins");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Chip.chipConfig);
+var Chip = /*#__PURE__*/(0, _engines.component)(mergedConfig);
+var StyledChip = exports.StyledChip = /*#__PURE__*/(0, _styledComponents["default"])(Chip).withConfig({
+  componentId: "plasma-new-hope__sc-1mtedco-0"
+})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ";"], _Chip.chipTokens.color, _Select.tokens.chipColor, _Chip.chipTokens.colorHover, _Select.tokens.chipColor, _Chip.chipTokens.colorActive, _Select.tokens.chipColor, _Chip.chipTokens.background, _Select.tokens.chipBackground, _Chip.chipTokens.backgroundHover, _Select.tokens.chipBackgroundHover, _Chip.chipTokens.backgroundActive, _Select.tokens.chipBackgroundActive, _Chip.chipTokens.borderRadius, _Select.tokens.chipBorderRadius, _Chip.chipTokens.height, _Select.tokens.chipHeight, _Chip.chipTokens.paddingRight, _Select.tokens.chipPaddingRight, _Chip.chipTokens.paddingLeft, _Select.tokens.chipPaddingLeft, _Chip.chipTokens.fontFamily, _Select.tokens.fontFamily, _Chip.chipTokens.fontSize, _Select.tokens.fontSize, _Chip.chipTokens.fontStyle, _Select.tokens.fontStyle, _Chip.chipTokens.fontWeight, _Select.tokens.fontWeight, _Chip.chipTokens.letterSpacing, _Select.tokens.fontLetterSpacing, _Chip.chipTokens.lineHeight, _Select.tokens.fontLineHeight, _Chip.chipTokens.clearContentMarginLeft, _Select.tokens.chipClearContentMarginLeft, _Chip.chipTokens.clearContentMarginRight, _Select.tokens.chipClearContentMarginRight, _Chip.chipTokens.closeIconSize, _Select.tokens.chipCloseIconSize, _Chip.chipTokens.closeIconColor, _Select.tokens.chipColor, _Chip.chipTokens.focusColor, _Select.constants.focusColor, /*#__PURE__*/(0, _mixins.addFocus)({
+  outlineOffset: /*#__PURE__*/"calc(var(".concat(_Select.tokens.focusOffset, ") * -1)"),
+  outlineRadius: /*#__PURE__*/"calc(var(".concat(_Select.tokens.chipBorderRadius, ") + var(").concat(_Select.tokens.focusOffset, "))"),
+  customFocusRules: /*#__PURE__*/"\n            &.".concat(_Select.classes.selectChipIsFocused, ":before {\n                outline: none;\n                box-shadow: 0 0 0 ").concat(_Select.constants.focusSize, " var(").concat(_Select.constants.focusColor, ");\n            }\n        ")
+}));

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

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Chip = /*#__PURE__*/require("./Chip/Chip");
+Object.keys(_Chip).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Chip[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Chip[key];
+    }
+  });
+});

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getView = void 0;
-var getView = exports.getView = function getView(status, view) {
+var getView = exports.getView = function getView(status) {
   switch (status) {
     case 'success':
       {
@@ -20,7 +20,7 @@ var getView = exports.getView = function getView(status, view) {
       }
     default:
       {
-        return view;
+        return 'default';
       }
   }
 };

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

@@ -15,30 +15,12 @@ Object.defineProperty(exports, "getCorrectHeight", {
     return _getCorrectHeight.getCorrectHeight;
   }
 });
-Object.defineProperty(exports, "getFallbackPlacements", {
-  enumerable: true,
-  get: function get() {
-    return _getFallbackPlacements.getFallbackPlacements;
-  }
-});
 Object.defineProperty(exports, "getInitialValue", {
   enumerable: true,
   get: function get() {
     return _getInitialValue.getInitialValue;
   }
 });
-Object.defineProperty(exports, "getItemId", {
-  enumerable: true,
-  get: function get() {
-    return _getItemId.getItemId;
-  }
-});
-Object.defineProperty(exports, "getPlacement", {
-  enumerable: true,
-  get: function get() {
-    return _getPlacement.getPlacement;
-  }
-});
 Object.defineProperty(exports, "getView", {
   enumerable: true,
   get: function get() {
@@ -83,7 +65,4 @@ var _sizeToIconSize = /*#__PURE__*/require("./sizeToIconSize");
 var _getCorrectHeight = /*#__PURE__*/require("./getCorrectHeight");
 var _getButtonLabel = /*#__PURE__*/require("./getButtonLabel");
 var _getView = /*#__PURE__*/require("./getView");
-var _getInitialValue = /*#__PURE__*/require("./getInitialValue");
-var _getPlacement = /*#__PURE__*/require("./getPlacement");
-var _getFallbackPlacements = /*#__PURE__*/require("./getFallbackPlacements");
-var _getItemId = /*#__PURE__*/require("./getItemId");
+var _getInitialValue = /*#__PURE__*/require("./getInitialValue");

package/styled-components/cjs/components/Select/variations/_size/base.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = void 0;
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);

package/styled-components/cjs/components/Select/variations/_size/tokens.json

@@ -0,0 +1,9 @@
+[
+    " --plasma-select-width",
+    " --plasma-select-height",
+    " --plasma-select-border-radius",
+    " --plasma-select-padding-top",
+    " --plasma-select-padding-right",
+    " --plasma-select-padding-bottom",
+    " --plasma-select-padding-left"
+]

package/styled-components/cjs/components/Select/variations/_view/base.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = void 0;
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);

package/styled-components/cjs/components/Select/variations/_view/tokens.json

@@ -0,0 +1 @@
+["--plasma-select-background", "--plasma-select-box-shadow"]

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

@@ -7,14 +7,15 @@ Object.defineProperty(exports, "__esModule", {
 exports.switchRoot = exports.switchConfig = void 0;
 var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
 var _base = /*#__PURE__*/require("../Switch/_size/base");
-var _base2 = /*#__PURE__*/require("../Switch/_view/base");
-var _base3 = /*#__PURE__*/require("../Switch/_focused/base");
-var _base4 = /*#__PURE__*/require("../Switch/_disabled/base");
+var _base2 = /*#__PURE__*/require("../Switch/_toggleSize/base");
+var _base3 = /*#__PURE__*/require("../Switch/_view/base");
+var _base4 = /*#__PURE__*/require("../Switch/_focused/base");
+var _base5 = /*#__PURE__*/require("../Switch/_disabled/base");
 var _utils = /*#__PURE__*/require("../../utils");
 var _Switch = /*#__PURE__*/require("./Switch.styles");
 var _Switch2 = /*#__PURE__*/require("./Switch.tokens");
 var _StyledTrigger;
-var _excluded = ["size", "view", "focused", "outlined", "disabled", "labelPosition", "label", "id", "style", "className", "checked", "pressed", "defaultChecked"];
+var _excluded = ["size", "toggleSize", "view", "focused", "outlined", "disabled", "labelPosition", "label", "description", "id", "style", "className", "checked", "pressed", "defaultChecked"];
 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); }
@@ -23,12 +24,14 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 var switchRoot = exports.switchRoot = function switchRoot(Root) {
   return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var size = props.size,
+      toggleSize = props.toggleSize,
       view = props.view,
       focused = props.focused,
       outlined = props.outlined,
       disabled = props.disabled,
       labelPosition = props.labelPosition,
       label = props.label,
+      description = props.description,
       id = props.id,
       style = props.style,
       className = props.className,
@@ -40,12 +43,15 @@ var switchRoot = exports.switchRoot = function switchRoot(Root) {
     return /*#__PURE__*/_react["default"].createElement(Root, {
       view: view,
       size: size,
+      toggleSize: toggleSize,
       disabled: disabled,
       focused: focused !== null && focused !== void 0 ? focused : outlined,
       labelPosition: labelPosition,
       id: id,
       style: style,
-      className: (0, _utils.cx)(className, _Switch2.classes["".concat(labelPosition, "SwitchLabelPosition")])
+      className: (0, _utils.cx)(className)
+    }, /*#__PURE__*/_react["default"].createElement(_Switch.StyledContent, {
+      className: (0, _utils.cx)(_Switch2.classes["".concat(labelPosition, "SwitchLabelPosition")])
     }, /*#__PURE__*/_react["default"].createElement(_Switch.StyledInput, _extends({}, rest, {
       ref: ref,
       role: "switch",
@@ -58,7 +64,7 @@ var switchRoot = exports.switchRoot = function switchRoot(Root) {
       tabIndex: -1
     }, label), _StyledTrigger || (_StyledTrigger = /*#__PURE__*/_react["default"].createElement(_Switch.StyledTrigger, {
       "aria-hidden": true
-    })));
+    }))), description && /*#__PURE__*/_react["default"].createElement(_Switch.StyledDescription, null, description));
   });
 };
 var switchConfig = exports.switchConfig = {
@@ -71,14 +77,17 @@ var switchConfig = exports.switchConfig = {
       css: _base.base
     },
     view: {
+      css: _base3.base
+    },
+    toggleSize: {
       css: _base2.base
     },
     disabled: {
-      css: _base4.base,
+      css: _base5.base,
       attrs: true
     },
     focused: {
-      css: _base3.base
+      css: _base4.base
     }
   },
   defaults: {

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

@@ -4,19 +4,25 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.base = exports.StyledTrigger = exports.StyledLabel = exports.StyledInput = void 0;
+exports.base = exports.StyledTrigger = exports.StyledLabel = exports.StyledInput = exports.StyledDescription = exports.StyledContent = void 0;
 var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
 var _mixins = /*#__PURE__*/require("../../mixins");
 var _Switch = /*#__PURE__*/require("./Switch.tokens");
 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; }
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["position:relative;display:flex;align-items:center;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);&:focus{outline:0 none;}&.", "{justify-content:space-between;", ":0 var(", ") 0 0;}&.", "{justify-content:start;flex-direction:row-reverse;", ":0 0 0 var(", ");}"], _Switch.classes.beforeSwitchLabelPosition, _Switch.tokens.labelOffsetPrivate, _Switch.tokens.labelOffset, _Switch.classes.afterSwitchLabelPosition, _Switch.tokens.labelOffsetPrivate, _Switch.tokens.labelOffset);
-var StyledInput = exports.StyledInput = /*#__PURE__*/_styledComponents["default"].input.withConfig({
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["position:relative;display:flex;flex-direction:column;gap:var(", ");cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);&:focus{outline:0 none;}"], _Switch.tokens.verticalGap);
+var StyledContent = exports.StyledContent = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-i4fgom-0"
+})(["width:100%;position:relative;display:flex;align-items:center;&.", "{justify-content:space-between;", ":0 var(", ") 0 0;}&.", "{justify-content:start;flex-direction:row-reverse;", ":0 0 0 var(", ");}"], _Switch.classes.beforeSwitchLabelPosition, _Switch.tokens.labelOffsetPrivate, _Switch.tokens.labelOffset, _Switch.classes.afterSwitchLabelPosition, _Switch.tokens.labelOffsetPrivate, _Switch.tokens.labelOffset);
+var StyledDescription = exports.StyledDescription = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-i4fgom-1"
+})(["position:relative;"]);
+var StyledInput = exports.StyledInput = /*#__PURE__*/_styledComponents["default"].input.withConfig({
+  componentId: "plasma-new-hope__sc-i4fgom-2"
 })(["position:absolute;right:0;margin:0;opacity:0;&:focus{outline:0 none;}"]);
 var StyledLabel = exports.StyledLabel = /*#__PURE__*/_styledComponents["default"].span.withConfig({
-  componentId: "plasma-new-hope__sc-i4fgom-1"
+  componentId: "plasma-new-hope__sc-i4fgom-3"
 })(["user-select:none;", ""], /*#__PURE__*/(0, _mixins.applyEllipsis)());
 var StyledTrigger = exports.StyledTrigger = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  componentId: "plasma-new-hope__sc-i4fgom-2"
+  componentId: "plasma-new-hope__sc-i4fgom-4"
 })(["position:relative;display:flex;align-items:center;transition:background-color 0.15s ease-in-out 0.1s;::after{content:'';position:absolute;right:auto;left:0;transition:width 0.15s ease-in-out 0s,left 0.3s ease-in-out 0s,right 0.3s ease-in-out 0s;}", ":checked ~ &::after{right:0;left:auto;}"], StyledInput);

package/styled-components/cjs/components/Switch/Switch.template-doc.mdx

@@ -18,7 +18,43 @@ import { Switch } from '@salutejs/{{ package }}';
 
 export function App() {
     return (
-        <Switch label="Переключатель" defaultChecked />
+        <Switch description="Описание переключателя" label="Переключатель" defaultChecked />
+    );
+}
+```
+
+## Примеры
+
+### Размер Switch
+Размер компонента задается с помощью свойства `size`.
+
+```tsx live
+import React from 'react';
+import { Button } from '@salutejs/{{ package }}';
+
+export function App() {
+    return (
+        <div>
+            <Switch size="s" description="Описание переключателя" label="Переключатель" defaultChecked />
+            <Switch size="m" description="Описание переключателя" label="Переключатель" defaultChecked />
+            <Switch size="l" description="Описание переключателя" label="Переключатель" defaultChecked />
+        </div>
+    );
+}
+```
+
+Размер переключателя задается с помощью свойства `toggleSize`.
+
+```tsx live
+import React from 'react';
+import { Button } from '@salutejs/{{ package }}';
+
+export function App() {
+    return (
+        <div style=\{{ alignItems: "center" }}>
+            <Switch toggleSize="s" label="Переключатель" defaultChecked />
+            <Switch toggleSize="l" label="Переключатель" defaultChecked />
+        </div>
     );
 }
 ```

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

@@ -11,11 +11,22 @@ var tokens = exports.tokens = {
   fontWeight: '--plasma-switch-font-weight',
   letterSpacing: '--plasma-switch-letter-spacing',
   lineHeight: '--plasma-switch-line-height',
+  /* Токены description */
+  descriptionFontFamily: '--plasma-switch-description-font-family',
+  descriptionFontStyle: '--plasma-switch-description-font-style',
+  descriptionFontSize: '--plasma-switch-description-font-size',
+  descriptionFontWeight: '--plasma-switch-description-font-weight',
+  descriptionLetterSpacing: '--plasma-switch-description-letter-spacing',
+  descriptionLineHeight: '--plasma-switch-description-line-height',
   /* Цвет подписи */
   labelColor: '--plasma-switch__label-color',
   labelOffset: '--plasma-switch__label-offset',
+  /* Цвет описания */
+  descriptionColor: '--plasma-switch__description-color',
+  descriptionOffset: '--plasma-switch__description-offset',
   /** Прозрачность для всего компонента в состоянии disabled */
   disabledOpacity: '--plasma-switch-disabled-opacity',
+  verticalGap: '--plasma-switch-vertical-gap',
   trackWidth: '--plasma-switch__track-width',
   trackHeight: '--plasma-switch__track-height',
   trackBorderRadius: '--plasma-switch__track-border-radius',

package/styled-components/cjs/components/Switch/_size/base.js

@@ -7,4 +7,4 @@ exports.base = void 0;
 var _styledComponents = /*#__PURE__*/require("styled-components");
 var _Switch = /*#__PURE__*/require("../Switch.tokens");
 var _Switch2 = /*#__PURE__*/require("../Switch.styles");
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["font-family:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");font-size:var(", ");", "{flex:0 0 var(", ");width:var(", ");height:var(", ");border-radius:var(", ");&::after{width:var(", ");height:var(", ");border-radius:var(", ");margin:auto var(", ");}}", "{margin:var(", ",0);}:active:not([disabled]) ", "::after{width:calc(var(", ") * var(", ",1));}"], _Switch.tokens.fontFamily, _Switch.tokens.fontStyle, _Switch.tokens.fontWeight, _Switch.tokens.letterSpacing, _Switch.tokens.lineHeight, _Switch.tokens.fontSize, _Switch2.StyledTrigger, _Switch.tokens.trackWidth, _Switch.tokens.trackWidth, _Switch.tokens.trackHeight, _Switch.tokens.trackBorderRadius, _Switch.tokens.thumbSize, _Switch.tokens.thumbSize, _Switch.tokens.thumbBorderRadius, _Switch.tokens.thumbOffset, _Switch2.StyledLabel, _Switch.tokens.labelOffsetPrivate, _Switch2.StyledTrigger, _Switch.tokens.thumbSize, _Switch.tokens.thumbPressScale);
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["", "{font-family:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");font-size:var(", ");}", "{font-family:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");font-size:var(", ");}", "{margin:var(", ",0);}"], _Switch2.StyledContent, _Switch.tokens.fontFamily, _Switch.tokens.fontStyle, _Switch.tokens.fontWeight, _Switch.tokens.letterSpacing, _Switch.tokens.lineHeight, _Switch.tokens.fontSize, _Switch2.StyledDescription, _Switch.tokens.descriptionFontFamily, _Switch.tokens.descriptionFontStyle, _Switch.tokens.descriptionFontWeight, _Switch.tokens.descriptionLetterSpacing, _Switch.tokens.descriptionLineHeight, _Switch.tokens.descriptionFontSize, _Switch2.StyledLabel, _Switch.tokens.labelOffsetPrivate);

package/styled-components/cjs/components/Switch/_toggleSize/base.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = void 0;
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var _Switch = /*#__PURE__*/require("../Switch.tokens");
+var _Switch2 = /*#__PURE__*/require("../Switch.styles");
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["", "{flex:0 0 var(", ");width:var(", ");height:var(", ");border-radius:var(", ");&::after{width:var(", ");height:var(", ");border-radius:var(", ");margin:auto var(", ");}}:active:not([disabled]) ", "::after{width:calc(var(", ") * var(", ",1));}"], _Switch2.StyledTrigger, _Switch.tokens.trackWidth, _Switch.tokens.trackWidth, _Switch.tokens.trackHeight, _Switch.tokens.trackBorderRadius, _Switch.tokens.thumbSize, _Switch.tokens.thumbSize, _Switch.tokens.thumbBorderRadius, _Switch.tokens.thumbOffset, _Switch2.StyledTrigger, _Switch.tokens.thumbSize, _Switch.tokens.thumbPressScale);

package/styled-components/cjs/components/Switch/_view/base.js

@@ -7,4 +7,4 @@ exports.base = void 0;
 var _styledComponents = /*#__PURE__*/require("styled-components");
 var _Switch = /*#__PURE__*/require("../Switch.tokens");
 var _Switch2 = /*#__PURE__*/require("../Switch.styles");
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["", "{background-color:var(", ");}", ":not([disabled]) ~ ", ":hover{background-color:var(", ",var(", "));}", ":checked ~ ", "{background-color:var(", ");}", ":checked:not([disabled]) ~ ", ":hover{background-color:var(", ",var(", "));}", "::after{background-color:var(", ");box-shadow:var(", ");}", ":checked ~ ", "::after{box-shadow:var(", ",var(", "));}"], _Switch2.StyledTrigger, _Switch.tokens.trackBackgroundColorOff, _Switch2.StyledInput, _Switch2.StyledTrigger, _Switch.tokens.trackBackgroundColorOffHover, _Switch.tokens.trackBackgroundColorOff, _Switch2.StyledInput, _Switch2.StyledTrigger, _Switch.tokens.trackBackgroundColorOn, _Switch2.StyledInput, _Switch2.StyledTrigger, _Switch.tokens.trackBackgroundColorOnHover, _Switch.tokens.trackBackgroundColorOn, _Switch2.StyledTrigger, _Switch.tokens.thumbBackgroundColor, _Switch.tokens.thumbBoxShadow, _Switch2.StyledInput, _Switch2.StyledTrigger, _Switch.tokens.thumbBoxShadowOn, _Switch.tokens.thumbBoxShadow);
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["", "{background-color:var(", ");}", ":not([disabled]) ~ ", ":hover{background-color:var(", ",var(", "));}", ":checked ~ ", "{background-color:var(", ");}", ":checked:not([disabled]) ~ ", ":hover{background-color:var(", ",var(", "));}", "::after{background-color:var(", ");box-shadow:var(", ");}", ":checked ~ ", "::after{box-shadow:var(", ",var(", "));}", "{color:var(", ");}", "{color:var(", ");}"], _Switch2.StyledTrigger, _Switch.tokens.trackBackgroundColorOff, _Switch2.StyledInput, _Switch2.StyledTrigger, _Switch.tokens.trackBackgroundColorOffHover, _Switch.tokens.trackBackgroundColorOff, _Switch2.StyledInput, _Switch2.StyledTrigger, _Switch.tokens.trackBackgroundColorOn, _Switch2.StyledInput, _Switch2.StyledTrigger, _Switch.tokens.trackBackgroundColorOnHover, _Switch.tokens.trackBackgroundColorOn, _Switch2.StyledTrigger, _Switch.tokens.thumbBackgroundColor, _Switch.tokens.thumbBoxShadow, _Switch2.StyledInput, _Switch2.StyledTrigger, _Switch.tokens.thumbBoxShadowOn, _Switch.tokens.thumbBoxShadow, _Switch2.StyledLabel, _Switch.tokens.labelColor, _Switch2.StyledDescription, _Switch.tokens.descriptionColor);

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

@@ -277,10 +277,8 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
     }), optionalTextNode), titleCaption && /*#__PURE__*/_react["default"].createElement(_TextField.TitleCaption, null, titleCaption)), /*#__PURE__*/_react["default"].createElement(_TextField.InputWrapper
     // Ref для внутреннего использования. Не отдается наружу.
     , {
-      ref: rest.inputWrapperRef
-      // TODO: #1544, и после убрать classes.inputWrapper
-      ,
-      className: (0, _utils.cx)(withHasChips, wrapperWithoutLeftContent, wrapperWithoutRightContent, _TextField2.classes.inputWrapper)
+      ref: rest.inputWrapperRef,
+      className: (0, _utils.cx)(withHasChips, wrapperWithoutLeftContent, wrapperWithoutRightContent)
     }, !hasOuterLabel && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, required && /*#__PURE__*/_react["default"].createElement(_TextField.StyledIndicator, {
       className: (0, _utils.cx)(_TextField2.classes.innerLabelPlacement, requiredPlacementClass)
     }), hintText && /*#__PURE__*/_react["default"].createElement(_TextField.StyledHintWrapper, {
@@ -327,13 +325,6 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
           return onChipClear(chipId, index);
         },
         onClick: onChipClick
-        // TODO: #1547
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore
-        ,
-        _forceChipManipulationWithReadonly:
-        // eslint-disable-next-line no-underscore-dangle
-        rest._forceChipManipulationWithReadonly
       });
     })), /*#__PURE__*/_react["default"].createElement(_TextField.InputContainer, null, /*#__PURE__*/_react["default"].createElement(_TextField.Input, _extends({
       ref: inputForkRef,