@salutejs/plasma-new-hope 0.150.0-canary.1446.10958757493.0 → 0.150.0-dev.0

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

@@ -113,6 +113,7 @@ var tokens = exports.tokens = {
   textFieldTextAfterColor: '--plasma-date-picker-textfield__after-text-color',
   textFieldTextBeforeMargin: '--plasma-date-picker-textfield__before-text-margin',
   textFieldTextAfterMargin: '--plasma-date-picker-textfield__after-text-margin',
+  textFieldContentSlotColor: '--plasma-date-picker-textfield__content-color',
   /** Токены календаря */
   calendarPaddingTop: '--plasma-date-picker-calendar-padding-top',
   calendarShadow: '--plasma-date-picker-calendar-shadow',

package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.styles.js

@@ -23,7 +23,7 @@ var StyledPopover = exports.StyledPopover = /*#__PURE__*/(0, _styledComponents["
 // NOTE: переопределение токенов TextField
 var StyledInput = exports.StyledInput = /*#__PURE__*/(0, _styledComponents["default"])(TextField).withConfig({
   componentId: "plasma-new-hope__sc-1ye0xbz-1"
-})(["width:100%;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":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, _DatePicker.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColor, _DatePicker.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.caretColor, _DatePicker.tokens.textFieldCaretColor, _TextField.textFieldTokens.focusColor, _DatePicker.tokens.textFieldFocusColor, _TextField.textFieldTokens.backgroundColor, _DatePicker.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _DatePicker.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePicker.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _DatePicker.tokens.borderColor, _TextField.textFieldTokens.borderColorHover, _DatePicker.tokens.borderColorHover, _TextField.textFieldTokens.borderColorFocus, _DatePicker.tokens.borderColorFocus, _TextField.textFieldTokens.colorReadOnly, _DatePicker.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _DatePicker.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _DatePicker.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _DatePicker.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.height, _DatePicker.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _DatePicker.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _DatePicker.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _DatePicker.tokens.textFieldPadding, _TextField.textFieldTokens.labelInnerPadding, _DatePicker.tokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _DatePicker.tokens.contentLabelInnerPadding, _TextField.textFieldTokens.labelInnerFontFamily, _DatePicker.tokens.labelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontSize, _DatePicker.tokens.labelInnerFontSize, _TextField.textFieldTokens.labelInnerFontStyle, _DatePicker.tokens.labelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontWeight, _DatePicker.tokens.labelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _DatePicker.tokens.labelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _DatePicker.tokens.labelInnerLineHeight, _TextField.textFieldTokens.leftContentMargin, _DatePicker.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _DatePicker.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _DatePicker.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontSize, _DatePicker.tokens.textFieldFontSize, _TextField.textFieldTokens.fontStyle, _DatePicker.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontWeight, _DatePicker.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _DatePicker.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _DatePicker.tokens.textFieldLineHeight, _TextField.textFieldTokens.disabledOpacity, _DatePicker.tokens.disabledOpacity, _TextField.textFieldTokens.textBeforeColor, _DatePicker.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _DatePicker.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _DatePicker.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _DatePicker.tokens.textFieldTextAfterMargin, _DatePicker.classes.datePickerError, _TextField.textFieldTokens.backgroundColor, _DatePicker.tokens.textFieldBackgroundErrorColor, _TextField.textFieldTokens.backgroundColorHover, _DatePicker.tokens.textFieldBackgroundErrorColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePicker.tokens.textFieldBackgroundErrorColorFocus, _TextField.textFieldTokens.borderColor, _DatePicker.tokens.textFieldBorderColorError, _TextField.textFieldTokens.borderColorHover, _DatePicker.tokens.textFieldBorderColorErrorHover, _TextField.textFieldTokens.borderColorFocus, _DatePicker.tokens.textFieldBorderColorErrorFocus, _DatePicker.classes.datePickerSuccess, _TextField.textFieldTokens.backgroundColor, _DatePicker.tokens.textFieldBackgroundSuccessColor, _TextField.textFieldTokens.backgroundColorHover, _DatePicker.tokens.textFieldBackgroundSuccessColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePicker.tokens.textFieldBackgroundSuccessColorFocus, _TextField.textFieldTokens.borderColor, _DatePicker.tokens.textFieldBorderColorSuccess, _TextField.textFieldTokens.borderColorHover, _DatePicker.tokens.textFieldBorderColorSuccessHover, _TextField.textFieldTokens.borderColorFocus, _DatePicker.tokens.textFieldBorderColorSuccessFocus);
+})(["width:100%;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":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, _DatePicker.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColor, _DatePicker.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.caretColor, _DatePicker.tokens.textFieldCaretColor, _TextField.textFieldTokens.focusColor, _DatePicker.tokens.textFieldFocusColor, _TextField.textFieldTokens.backgroundColor, _DatePicker.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _DatePicker.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePicker.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _DatePicker.tokens.borderColor, _TextField.textFieldTokens.borderColorHover, _DatePicker.tokens.borderColorHover, _TextField.textFieldTokens.borderColorFocus, _DatePicker.tokens.borderColorFocus, _TextField.textFieldTokens.colorReadOnly, _DatePicker.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _DatePicker.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _DatePicker.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _DatePicker.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.height, _DatePicker.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _DatePicker.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _DatePicker.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _DatePicker.tokens.textFieldPadding, _TextField.textFieldTokens.labelInnerPadding, _DatePicker.tokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _DatePicker.tokens.contentLabelInnerPadding, _TextField.textFieldTokens.labelInnerFontFamily, _DatePicker.tokens.labelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontSize, _DatePicker.tokens.labelInnerFontSize, _TextField.textFieldTokens.labelInnerFontStyle, _DatePicker.tokens.labelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontWeight, _DatePicker.tokens.labelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _DatePicker.tokens.labelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _DatePicker.tokens.labelInnerLineHeight, _TextField.textFieldTokens.leftContentMargin, _DatePicker.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _DatePicker.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _DatePicker.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontSize, _DatePicker.tokens.textFieldFontSize, _TextField.textFieldTokens.fontStyle, _DatePicker.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontWeight, _DatePicker.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _DatePicker.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _DatePicker.tokens.textFieldLineHeight, _TextField.textFieldTokens.disabledOpacity, _DatePicker.tokens.disabledOpacity, _TextField.textFieldTokens.textBeforeColor, _DatePicker.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _DatePicker.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _DatePicker.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _DatePicker.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.contentSlotColor, _DatePicker.tokens.textFieldContentSlotColor, _DatePicker.tokens.textFieldColor, _DatePicker.classes.datePickerError, _TextField.textFieldTokens.backgroundColor, _DatePicker.tokens.textFieldBackgroundErrorColor, _TextField.textFieldTokens.backgroundColorHover, _DatePicker.tokens.textFieldBackgroundErrorColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePicker.tokens.textFieldBackgroundErrorColorFocus, _TextField.textFieldTokens.borderColor, _DatePicker.tokens.textFieldBorderColorError, _TextField.textFieldTokens.borderColorHover, _DatePicker.tokens.textFieldBorderColorErrorHover, _TextField.textFieldTokens.borderColorFocus, _DatePicker.tokens.textFieldBorderColorErrorFocus, _DatePicker.classes.datePickerSuccess, _TextField.textFieldTokens.backgroundColor, _DatePicker.tokens.textFieldBackgroundSuccessColor, _TextField.textFieldTokens.backgroundColorHover, _DatePicker.tokens.textFieldBackgroundSuccessColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePicker.tokens.textFieldBackgroundSuccessColorFocus, _TextField.textFieldTokens.borderColor, _DatePicker.tokens.textFieldBorderColorSuccess, _TextField.textFieldTokens.borderColorHover, _DatePicker.tokens.textFieldBorderColorSuccessHover, _TextField.textFieldTokens.borderColorFocus, _DatePicker.tokens.textFieldBorderColorSuccessFocus);
 var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["display:inline-block;.", ",.", "{width:inherit;}"], /*#__PURE__*/String(_Popover.popoverClasses.wrapper), /*#__PURE__*/String(_Popover.popoverClasses.target));
 var StyledLabel = exports.StyledLabel = /*#__PURE__*/_styledComponents["default"].label.withConfig({
   componentId: "plasma-new-hope__sc-1ye0xbz-2"

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

@@ -45,14 +45,6 @@ type Items = Array<{
          * Слот для контента справа
          */
         contentRight?: ReactNode;
-        /**
-        * Отобразить ли разделитель до элемента
-        */
-        dividerBefore?: boolean;
-        /**
-        * Отобразить ли разделитель после элемента
-        */
-        dividerAfter?: boolean;
         /**
          * Выбранный item.
          * @deprecated использовать ContentLeft || ContentRight

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

@@ -20,13 +20,6 @@ var tokens = exports.tokens = {
   disclosureIconColor: '--plasma-dropdown-disclosure-icon-color',
   disabledOpacity: '--plasma-dropdown-disabled-opacity',
   focusColor: '--plasma-dropdown-focus-color',
-  dividerColor: '--plasma-dropdown-divider-color',
-  dividerMarginTop: '--plasma-dropdown-divider-margin-top',
-  dividerMarginTopTight: '--plasma-dropdown-divider-margin-top-tight',
-  dividerMarginRight: '--plasma-dropdown-divider-margin-right',
-  dividerMarginBottom: '--plasma-dropdown-divider-margin-bottom',
-  dividerMarginBottomTight: '--plasma-dropdown-divider-margin-bottom-tight',
-  dividerMarginLeft: '--plasma-dropdown-divider-margin-left',
   itemBackground: '--plasma-dropdown-item-background',
   itemBackgroundHover: '--plasma-dropdown-item-background-hover',
   itemBackgroundSelected: '--plasma-dropdown-item-background-selected',
@@ -106,8 +99,13 @@ var tokens = exports.tokens = {
   headerFontWeightBold: '--plasma-dropdown-header-letter-spacing',
   headerFontLetterSpacing: '--plasma-dropdown-header-line-height',
   headerFontLineHeight: '--plasma-dropdown-header-font-weight',
+  dividerColor: '--plasma-dropdown-divider-color',
   dividerWidth: '--plasma-dropdown-divider-width',
   dividerHeight: '--plasma-dropdown-divider-height',
+  dividerMarginTop: '--plasma-dropdown-divider-margin-top',
+  dividerMarginRight: '--plasma-dropdown-divider-margin-right',
+  dividerMarginBottom: '--plasma-dropdown-divider-margin-bottom',
+  dividerMarginLeft: '--plasma-dropdown-divider-margin-left',
   groupBackground: '--plasma-dropdown-group-background',
   groupWidth: '--plasma-dropdown-group-width',
   groupHeight: '--plasma-dropdown-group-height',

package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js

@@ -37,9 +37,7 @@ var DropdownItem = exports.DropdownItem = function DropdownItem(_ref) {
     disabled = item.disabled,
     isDisabled = item.isDisabled,
     contentLeft = item.contentLeft,
-    contentRight = item.contentRight,
-    dividerBefore = item.dividerBefore,
-    dividerAfter = item.dividerAfter;
+    contentRight = item.contentRight;
   var ref = (0, _react.useRef)(null);
   var disclosureIconSize = size === 'xs' ? 'xs' : 's';
   var isDisabledClassName = disabled || isDisabled ? _Dropdown.classes.dropdownItemIsDisabled : undefined;
@@ -73,9 +71,7 @@ var DropdownItem = exports.DropdownItem = function DropdownItem(_ref) {
       onHover(index);
     }
   };
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, dividerBefore && /*#__PURE__*/_react["default"].createElement(_DropdownItem.Divider, {
-    variant: variant
-  }), /*#__PURE__*/_react["default"].createElement(_DropdownItem.Wrapper, {
+  return /*#__PURE__*/_react["default"].createElement(_DropdownItem.Wrapper, {
     className: (0, _utils.cx)(isDisabledClassName, focusedClass, activeClass),
     id: value.toString(),
     role: itemRole,
@@ -92,7 +88,5 @@ var DropdownItem = exports.DropdownItem = function DropdownItem(_ref) {
   }, contentLeft && /*#__PURE__*/_react["default"].createElement(_DropdownItem.StyledContentLeft, null, contentLeft), /*#__PURE__*/_react["default"].createElement(_DropdownItem.StyledText, null, label), contentRight && /*#__PURE__*/_react["default"].createElement(_DropdownItem.StyledContentRight, null, contentRight), item.items && hasArrow && /*#__PURE__*/_react["default"].createElement(_DropdownItem.DisclosureIconWrapper, null, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureRight, {
     size: disclosureIconSize,
     color: "inherit"
-  }))), dividerAfter && /*#__PURE__*/_react["default"].createElement(_DropdownItem.Divider, {
-    variant: variant
-  }));
+  })));
 };

package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Wrapper = exports.StyledText = exports.StyledContentRight = exports.StyledContentLeft = exports.Divider = exports.DisclosureIconWrapper = void 0;
+exports.Wrapper = exports.StyledText = exports.StyledContentRight = exports.StyledContentLeft = exports.DisclosureIconWrapper = void 0;
 var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
 var _Dropdown = /*#__PURE__*/require("../../Dropdown.tokens");
 var _mixins = /*#__PURE__*/require("../../../../mixins");
@@ -20,22 +20,13 @@ var DisclosureIconWrapper = exports.DisclosureIconWrapper = /*#__PURE__*/_styled
 var StyledText = exports.StyledText = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-hs0ek1-3"
 })(["", ";flex:1;"], /*#__PURE__*/(0, _mixins.applyEllipsis)());
-var Divider = exports.Divider = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+var Wrapper = exports.Wrapper = /*#__PURE__*/_styledComponents["default"].li.withConfig({
   componentId: "plasma-new-hope__sc-hs0ek1-4"
-})(["height:1px;margin-top:", ";margin-right:var(", ");margin-bottom:", ";margin-left:var(", ");background:var(", ");"], function (_ref) {
+})(["display:flex;align-items:center;margin:0;box-sizing:content-box;padding-top:", ";padding-right:var(", ");padding-bottom:", ";padding-left:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");background:var(", ");color:var(", ");border-radius:var(", ");user-select:none;&:hover:not(.", "){cursor:pointer;background:var(", ");}&.", "{background:var(", ");}&.", "{opacity:var(", ");cursor:not-allowed;}:focus{outline:none;}", ";"], function (_ref) {
   var variant = _ref.variant;
-  return "var(".concat(variant === 'tight' ? _Dropdown.tokens.dividerMarginTopTight : _Dropdown.tokens.dividerMarginTop, ")");
-}, _Dropdown.tokens.dividerMarginRight, function (_ref2) {
-  var variant = _ref2.variant;
-  return "var(".concat(variant === 'tight' ? _Dropdown.tokens.dividerMarginBottomTight : _Dropdown.tokens.dividerMarginBottom, ")");
-}, _Dropdown.tokens.dividerMarginLeft, _Dropdown.tokens.dividerColor);
-var Wrapper = exports.Wrapper = /*#__PURE__*/_styledComponents["default"].li.withConfig({
-  componentId: "plasma-new-hope__sc-hs0ek1-5"
-})(["display:flex;align-items:center;margin:0;box-sizing:content-box;padding-top:", ";padding-right:var(", ");padding-bottom:", ";padding-left:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");background:var(", ");color:var(", ");border-radius:var(", ");user-select:none;&:hover:not(.", "){cursor:pointer;background:var(", ");}&.", "{background:var(", ");}&.", "{opacity:var(", ");cursor:not-allowed;}:focus{outline:none;}", ";"], function (_ref3) {
-  var variant = _ref3.variant;
   return "var(".concat(variant === 'tight' ? _Dropdown.tokens.itemPaddingTopTight : _Dropdown.tokens.itemPaddingTop, ")");
-}, _Dropdown.tokens.itemPaddingRight, function (_ref4) {
-  var variant = _ref4.variant;
+}, _Dropdown.tokens.itemPaddingRight, function (_ref2) {
+  var variant = _ref2.variant;
   return "var(".concat(variant === 'tight' ? _Dropdown.tokens.itemPaddingBottomTight : _Dropdown.tokens.itemPaddingBottom, ")");
 }, _Dropdown.tokens.itemPaddingLeft, _Dropdown.tokens.itemFontFamily, _Dropdown.tokens.itemFontSize, _Dropdown.tokens.itemFontStyle, _Dropdown.tokens.itemFontWeightBold, _Dropdown.tokens.itemFontLetterSpacing, _Dropdown.tokens.itemFontLineHeight, _Dropdown.tokens.itemBackground, _Dropdown.tokens.itemColor, _Dropdown.tokens.itemBorderRadius, _Dropdown.classes.dropdownItemIsDisabled, _Dropdown.tokens.itemBackgroundHover, _Dropdown.classes.dropdownItemIsActive, _Dropdown.tokens.itemBackgroundHover, _Dropdown.classes.dropdownItemIsDisabled, _Dropdown.tokens.disabledOpacity, /*#__PURE__*/(0, _mixins.addFocus)({
   outlineSize: '0.0625rem',

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

@@ -21,7 +21,7 @@ var StyledPopover = exports.StyledPopover = /*#__PURE__*/(0, _styledComponents["
 }, /*#__PURE__*/String(_Popover.popoverClasses.target));
 var Ul = exports.Ul = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
   componentId: "plasma-new-hope__sc-le54jv-1"
-})(["box-sizing:border-box;background:var(", ");box-shadow:", ";border-radius:var(", ");width:", ";height:", ";overflow:", ";margin:", ";padding:var(", ");"], _Select.constants.background, _Select.constants.boxShadow, _Select.tokens.borderRadius, function (_ref2) {
+})(["box-sizing:border-box;background:var(", ");box-shadow:", ";border-radius:var(", ");width:", ";height:", ";overflow:", ";border:var(", ") solid var(", ");margin:", ";padding:var(", ");"], _Select.constants.background, _Select.constants.boxShadow, _Select.tokens.borderRadius, function (_ref2) {
   var listWidth = _ref2.listWidth;
   return listWidth || '100%';
 }, function (_ref3) {
@@ -30,7 +30,7 @@ var Ul = exports.Ul = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
 }, function (_ref4) {
   var listOverflow = _ref4.listOverflow;
   return listOverflow || 'initial';
-}, function (_ref5) {
+}, _Select.tokens.popoverBorderWidth, _Select.tokens.popoverBorderColor, function (_ref5) {
   var isInnerUl = _ref5.isInnerUl;
   return isInnerUl ? "calc(var(".concat(_Select.tokens.padding, ") * -1) 0 0 var(").concat(_Select.tokens.padding, ")") : 0;
 }, _Select.tokens.padding);

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

@@ -58,6 +58,9 @@ var tokens = exports.tokens = {
   targetTextfieldBackgroundColor: '--plasma-select-target-textfield-background-color',
   targetTextfieldBackgroundColorOpened: '--plasma-select-target-textfield-background-color-opened',
   targetTextfieldBorderColor: '--plasma-select-target-textfield-border-color',
+  targetTextfieldBorderColorHover: '--plasma-select-target-textfield-border-color-hover',
+  targetTextfieldBorderOpenedColor: '--plasma-select-target-textfield-border-opened-color',
+  targetTextfieldBorderSize: '--plasma-select-target-textfield-border-size',
   targetButtonPadding: '--plasma-select-target-button-padding',
   targetTextfieldPadding: '--plasma-select-target-textfield-padding',
   targetTextfieldChipPadding: '--plasma-select-target-textfield-chip-padding',
@@ -74,6 +77,8 @@ var tokens = exports.tokens = {
   chipCloseIconSize: '--plasma-select-chip-close-icon-size',
   chipClearContentMarginLeft: '--plasma-select-chip-clear-content-margin-left',
   chipClearContentMarginRight: '--plasma-select-chip-clear-content-margin-right',
+  popoverBorderColor: '--plasma-select-popover-border-color',
+  popoverBorderWidth: '--plasma-select-popover-border-width',
   labelOffset: '--plasma-select-label-offset',
   innerLabelGap: '--plasma-select-inner-label-gap',
   helperTextColor: '--plasma-select-helper-text-color',
@@ -94,7 +99,6 @@ var constants = exports.constants = {
   textfieldOuterLabelColor: '--text-primary',
   textfieldInnerLabelColor: '--text-secondary',
   textfieldPlaceholderColor: '--text-secondary',
-  textfieldBorderSize: '0.0625rem',
   opacity: '0.4',
   fontFamily: '--plasma-typo-body-xs-font-family',
   fontSize: '--plasma-typo-body-xs-font-size',

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

@@ -16,22 +16,28 @@ var mergedButtonConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Button.buttonCo
 var Button = /*#__PURE__*/(0, _engines.component)(mergedButtonConfig);
 var TextfieldWrapper = exports.TextfieldWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-1akl2tk-0"
-})(["display:inline;.", "{background:", ";padding:", ";}.", "::before{box-shadow:none !important;}"], _Select.classes.textfieldTarget, 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.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.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"
-})(["", ":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 (_ref3) {
-  var renderTarget = _ref3.renderTarget;
+})(["", ":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.constants.textfieldBorderSize, _Select.tokens.targetTextfieldBorderColor, /*#__PURE__*/(0, _mixins.addFocus)({
-  outlineOffset: _Select.constants.textfieldBorderSize,
+}, _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.constants.textfieldBorderSize, ")"),
+  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({
@@ -45,9 +51,9 @@ var Wrapper = exports.Wrapper = /*#__PURE__*/_styledComponents["default"].div.wi
 })(["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 (_ref4) {
-  var multiselect = _ref4.multiselect,
-    value = _ref4.value;
+})(["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.length > 0 ? "var(".concat(_Select.tokens.focusOffset, ")") : 0, ")");
 }, _Select.tokens.chipBorderRadius, _Select.tokens.chipBorderRadius);
 var Label = exports.Label = /*#__PURE__*/_styledComponents["default"].label.withConfig({

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

@@ -10,7 +10,7 @@ var _TextArea = /*#__PURE__*/require("./TextArea.tokens");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 var StyledLabel = exports.StyledLabel = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-pxxv3p-0"
-})(["position:relative;display:inline-flex;margin-bottom:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], _TextArea.tokens.labelMarginBottom, _TextArea.tokens.inputFontFamily, _TextArea.tokens.inputFontSize, _TextArea.tokens.inputFontStyle, _TextArea.tokens.inputFontWeight, _TextArea.tokens.inputLetterSpacing, _TextArea.tokens.inputLineHeight);
+})(["position:relative;display:inline-flex;margin-bottom:var(", ");color:var(", ",var(", "));font-family:var(", ",var(", "));font-size:var(", ",var(", "));font-style:var(", ",var(", "));font-weight:var(", ",var(", "));letter-spacing:var(", ",var(", "));line-height:var(", ",var(", "));"], _TextArea.tokens.labelMarginBottom, _TextArea.tokens.labelOuterColor, _TextArea.tokens.inputColor, _TextArea.tokens.labelOuterFontFamily, _TextArea.tokens.inputFontFamily, _TextArea.tokens.labelOuterFontSize, _TextArea.tokens.inputFontSize, _TextArea.tokens.labelOuterFontStyle, _TextArea.tokens.inputFontStyle, _TextArea.tokens.labelOuterFontWeight, _TextArea.tokens.inputFontWeight, _TextArea.tokens.labelOuterLetterSpacing, _TextArea.tokens.inputLetterSpacing, _TextArea.tokens.labelOuterLineHeight, _TextArea.tokens.inputLineHeight);
 var StyledOptionalText = exports.StyledOptionalText = /*#__PURE__*/_styledComponents["default"].span.withConfig({
   componentId: "plasma-new-hope__sc-pxxv3p-1"
 })(["color:var(", ");"], _TextArea.tokens.optionalColor);
@@ -25,7 +25,7 @@ var StyledTextAreaWrapper = exports.StyledTextAreaWrapper = /*#__PURE__*/_styled
 });
 var StyledContent = exports.StyledContent = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-pxxv3p-3"
-})(["position:absolute;display:flex;align-items:center;bottom:0;z-index:1;top:var(", ");right:var(", ");height:var(", ");"], _TextArea.tokens.rightContentTop, _TextArea.tokens.rightContentRight, _TextArea.tokens.rightContentHeight);
+})(["position:absolute;display:flex;align-items:center;bottom:0;z-index:1;color:var(", ",var(", "));top:var(", ");right:var(", ");height:var(", ");"], _TextArea.tokens.rightContentColor, _TextArea.tokens.inputColor, _TextArea.tokens.rightContentTop, _TextArea.tokens.rightContentRight, _TextArea.tokens.rightContentHeight);
 var StyledContainer = exports.StyledContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-pxxv3p-4"
 })(["display:inline-flex;flex-direction:column;width:", ";position:relative;"], function (_ref3) {

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

@@ -111,6 +111,20 @@ var tokens = exports.tokens = {
   rightContentRight: '--plasma-textarea-right-content-right',
   /** Высота контента справа */
   rightContentHeight: '--plasma-textarea-right-content-height',
+  /** Шрифт для элемента label, когда он внутри и уменьшен */
+  labelOuterColor: '--plasma-textarea-label-outer-color',
+  /** Шрифт для элемента label, когда он внутри и уменьшен */
+  labelOuterFontFamily: '--plasma-textarea-label-outer-font-family',
+  /** Размер шрифта для элемента label, когда он внутри и уменьшен */
+  labelOuterFontSize: '--plasma-textarea-label-outer-font-size',
+  /** Стиль шрифта для элемента label, когда он внутри и уменьшен */
+  labelOuterFontStyle: '--plasma-textarea-label-outer-font-style',
+  /** Начертание шрифта для элемента label, когда он внутри и уменьшен */
+  labelOuterFontWeight: '--plasma-textarea-label-outer-font-weight',
+  /** Межсимвольное расстояние для элемента label, когда он внутри и уменьшен */
+  labelOuterLetterSpacing: '--plasma-textarea-label-outer-letter-spacing',
+  /** Высота строки для элемента label, когда он внутри и уменьшен */
+  labelOuterLineHeight: '--plasma-textarea-label-outer-line-height',
   /** Отступ сверху для элемента label, когда он внутри и уменьшен */
   labelMarginBottom: '--plasma-textarea-label-margin-bottom',
   /** Шрифт для элемента label, когда он внутри и уменьшен */
@@ -153,6 +167,7 @@ var tokens = exports.tokens = {
   helpersLetterSpacing: '--plasma-textarea-helpers-letter-spacing',
   /** Высота строки для элемента блока подписей снизу */
   helpersLineHeight: '--plasma-textarea-helpers-line-height',
+  rightContentColor: '--plasma-textarea-right-content-color',
   /** Прозрачность для всего компонента в состоянии disabled */
   disabledOpacity: '--plasma-textarea-disabled-opacity',
   /** Цвет текста для элемента textarea в состоянии disabled */

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

@@ -10,4 +10,4 @@ var styledContainer = _TextArea.classes.styledContainer,
   styledTextAreaWrapper = _TextArea.classes.styledTextAreaWrapper,
   styledHelpers = _TextArea.classes.styledHelpers;
 var exclusionSelectors = 'not([disabled]):not([readonly]):not(:focus-within)';
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([".", "{transition:box-shadow 0.1s ease-in-out;border-radius:var(", ");box-shadow:inset 0 0 0 var(", ",1px) var(", ");}.", "{transition:background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;box-shadow:inset 0 0 0 var(", ",1px) var(", ");}&:focus-within:not([readonly]) .", "{background-color:var(", ");box-shadow:inset 0 0 0 var(", ",1px) var(", ");}&:focus-within:not([readonly]) .", "{box-shadow:inset 0 0 0 var(", ",1px) var(", ");}&:focus-within:not([readonly]) .", "{background-color:var(", ");}&:hover:", " .", "{box-shadow:inset 0 0 0 var(", ",1px) var(", ");}&:hover:", " .", "{box-shadow:inset 0 0 0 var(", ",1px) var(", ");background-color:var(", ");}&:hover:", " .", " + .", "{background-color:var(", ");}&:active:", " .", "{box-shadow:inset 0 0 0 var(", ",1px) var(", ");background-color:var(", ");}&:active:", " .", " + .", "{background-color:var(", ");}"], /*#__PURE__*/String(styledContainer), _TextArea.tokens.borderRadius, _TextArea.tokens.borderSize, _TextArea.tokens.borderColor, /*#__PURE__*/String(styledTextAreaWrapper), _TextArea.tokens.borderSize, _TextArea.tokens.inputBorderColor, /*#__PURE__*/String(styledTextAreaWrapper), _TextArea.tokens.inputBackgroundColorFocus, _TextArea.tokens.borderSize, _TextArea.tokens.inputBorderColorFocus, /*#__PURE__*/String(styledContainer), _TextArea.tokens.borderSize, _TextArea.tokens.borderColorFocus, /*#__PURE__*/String(styledHelpers), _TextArea.tokens.helpersBackgroundColorFocus, exclusionSelectors, /*#__PURE__*/String(styledContainer), _TextArea.tokens.borderSize, _TextArea.tokens.borderColorHover, exclusionSelectors, /*#__PURE__*/String(styledTextAreaWrapper), _TextArea.tokens.borderSize, _TextArea.tokens.inputBorderColorHover, _TextArea.tokens.inputBackgroundColorHover, exclusionSelectors, /*#__PURE__*/String(styledTextAreaWrapper), /*#__PURE__*/String(styledHelpers), _TextArea.tokens.helpersBackgroundColorHover, exclusionSelectors, /*#__PURE__*/String(styledTextAreaWrapper), _TextArea.tokens.borderSize, _TextArea.tokens.inputBorderColorActive, _TextArea.tokens.inputBackgroundColorActive, exclusionSelectors, /*#__PURE__*/String(styledTextAreaWrapper), /*#__PURE__*/String(styledHelpers), _TextArea.tokens.helpersBackgroundColorActive);
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([".", "{transition:box-shadow 0.1s ease-in-out;border-radius:var(", ");border:var(", ") solid var(", ");}.", "{transition:background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;box-shadow:inset 0 0 0 var(", ",1px) var(", ");}&:focus-within:not([readonly]) .", "{background-color:var(", ");box-shadow:inset 0 0 0 var(", ",1px) var(", ");}&:focus-within:not([readonly]) .", "{border:var(", ") solid var(", ");}&:focus-within:not([readonly]) .", "{background-color:var(", ");}&:hover:", " .", "{border:var(", ") solid var(", ");}&:hover:", " .", "{box-shadow:inset 0 0 0 var(", ",1px) var(", ");background-color:var(", ");}&:hover:", " .", " + .", "{background-color:var(", ");}&:active:", " .", "{box-shadow:inset 0 0 0 var(", ",1px) var(", ");background-color:var(", ");}&:active:", " .", " + .", "{background-color:var(", ");}"], /*#__PURE__*/String(styledContainer), _TextArea.tokens.borderRadius, _TextArea.tokens.borderSize, _TextArea.tokens.borderColor, /*#__PURE__*/String(styledTextAreaWrapper), _TextArea.tokens.borderSize, _TextArea.tokens.inputBorderColor, /*#__PURE__*/String(styledTextAreaWrapper), _TextArea.tokens.inputBackgroundColorFocus, _TextArea.tokens.borderSize, _TextArea.tokens.inputBorderColorFocus, /*#__PURE__*/String(styledContainer), _TextArea.tokens.borderSize, _TextArea.tokens.borderColorFocus, /*#__PURE__*/String(styledHelpers), _TextArea.tokens.helpersBackgroundColorFocus, exclusionSelectors, /*#__PURE__*/String(styledContainer), _TextArea.tokens.borderSize, _TextArea.tokens.borderColorHover, exclusionSelectors, /*#__PURE__*/String(styledTextAreaWrapper), _TextArea.tokens.borderSize, _TextArea.tokens.inputBorderColorHover, _TextArea.tokens.inputBackgroundColorHover, exclusionSelectors, /*#__PURE__*/String(styledTextAreaWrapper), /*#__PURE__*/String(styledHelpers), _TextArea.tokens.helpersBackgroundColorHover, exclusionSelectors, /*#__PURE__*/String(styledTextAreaWrapper), _TextArea.tokens.borderSize, _TextArea.tokens.inputBorderColorActive, _TextArea.tokens.inputBackgroundColorActive, exclusionSelectors, /*#__PURE__*/String(styledTextAreaWrapper), /*#__PURE__*/String(styledHelpers), _TextArea.tokens.helpersBackgroundColorActive);

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

@@ -36,7 +36,7 @@ var StyledContentLeft = exports.StyledContentLeft = /*#__PURE__*/(0, _styledComp
 })(["margin:var(", ");"], _TextField.tokens.leftContentMargin);
 var StyledContentRight = exports.StyledContentRight = /*#__PURE__*/(0, _styledComponents["default"])(StyledContentSlot).withConfig({
   componentId: "plasma-new-hope__sc-g4vxbb-9"
-})(["margin:var(", ");&:hover{color:var(", ");cursor:pointer;}&:active{color:var(", ");}"], _TextField.tokens.rightContentMargin, _TextField.tokens.contentSlotColorHover, _TextField.tokens.contentSlotColorActive);
+})(["margin:var(", ");color:var(", ",var(", "));&:hover{color:var(", ");color:var(", ",var(", "));cursor:pointer;}&:active{color:var(", ",var(", "));}"], _TextField.tokens.rightContentMargin, _TextField.tokens.contentSlotRightColor, _TextField.tokens.contentSlotColor, _TextField.tokens.contentSlotColorHover, _TextField.tokens.contentSlotRightColorHover, _TextField.tokens.contentSlotColorHover, _TextField.tokens.contentSlotRightColorActive, _TextField.tokens.contentSlotColorActive);
 var LeftHelper = exports.LeftHelper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-g4vxbb-10"
 })([""]);

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

@@ -50,6 +50,9 @@ var tokens = exports.tokens = {
   contentSlotColor: '--plasma-textfield-content-slot-color',
   contentSlotColorHover: '--plasma-textfield-content-slot-color-hover',
   contentSlotColorActive: '--plasma-textfield-content-slot-color-active',
+  contentSlotRightColor: '--plasma-textfield-content-right-slot-color',
+  contentSlotRightColorHover: '--plasma-textfield-content-right-slot-color-hover',
+  contentSlotRightColorActive: '--plasma-textfield-content-right-slot-color-active',
   /** Токены лейбла */
   labelColor: '--plasma-textfield__label-color',
   labelColorReadOnly: '--plasma-textfield__label-color-readonly',

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

@@ -13,13 +13,13 @@ var config = exports.config = {
   },
   variations: {
     size: {
-      xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.125rem;", ":10rem;", ":0.5rem;", ":0.5625rem;", ":0.5rem;", ":0.5625rem;", ":0.5rem;", ":0.375rem;", ":0.3125rem;", ":0.3125rem;", ":0.25rem;", ":0.5rem;", ":0.25rem;", ":0.5rem;", ":0.125rem;", ":0.125rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _Dropdown.dropdownTokens.padding, _Dropdown.dropdownTokens.width, _Dropdown.dropdownTokens.borderRadius, _Dropdown.dropdownTokens.itemPaddingTop, _Dropdown.dropdownTokens.itemPaddingRight, _Dropdown.dropdownTokens.itemPaddingBottom, _Dropdown.dropdownTokens.itemPaddingLeft, _Dropdown.dropdownTokens.itemBorderRadius, _Dropdown.dropdownTokens.itemPaddingTopTight, _Dropdown.dropdownTokens.itemPaddingBottomTight, _Dropdown.dropdownTokens.dividerMarginTop, _Dropdown.dropdownTokens.dividerMarginRight, _Dropdown.dropdownTokens.dividerMarginBottom, _Dropdown.dropdownTokens.dividerMarginLeft, _Dropdown.dropdownTokens.dividerMarginTopTight, _Dropdown.dropdownTokens.dividerMarginBottomTight, _Dropdown.dropdownTokens.itemFontFamily, _Dropdown.dropdownTokens.itemFontSize, _Dropdown.dropdownTokens.itemFontStyle, _Dropdown.dropdownTokens.itemFontWeightBold, _Dropdown.dropdownTokens.itemFontLetterSpacing, _Dropdown.dropdownTokens.itemFontLineHeight),
-      s: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.125rem;", ":12.5rem;", ":0.625rem;", ":0.6875rem;", ":0.75rem;", ":0.6875rem;", ":0.75rem;", ":0.5rem;", ":0.4375rem;", ":0.4375rem;", ":0.375rem;", ":0.75rem;", ":0.375rem;", ":0.75rem;", ":0.25rem;", ":0.25rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _Dropdown.dropdownTokens.padding, _Dropdown.dropdownTokens.width, _Dropdown.dropdownTokens.borderRadius, _Dropdown.dropdownTokens.itemPaddingTop, _Dropdown.dropdownTokens.itemPaddingRight, _Dropdown.dropdownTokens.itemPaddingBottom, _Dropdown.dropdownTokens.itemPaddingLeft, _Dropdown.dropdownTokens.itemBorderRadius, _Dropdown.dropdownTokens.itemPaddingTopTight, _Dropdown.dropdownTokens.itemPaddingBottomTight, _Dropdown.dropdownTokens.dividerMarginTop, _Dropdown.dropdownTokens.dividerMarginRight, _Dropdown.dropdownTokens.dividerMarginBottom, _Dropdown.dropdownTokens.dividerMarginLeft, _Dropdown.dropdownTokens.dividerMarginTopTight, _Dropdown.dropdownTokens.dividerMarginBottomTight, _Dropdown.dropdownTokens.itemFontFamily, _Dropdown.dropdownTokens.itemFontSize, _Dropdown.dropdownTokens.itemFontStyle, _Dropdown.dropdownTokens.itemFontWeightBold, _Dropdown.dropdownTokens.itemFontLetterSpacing, _Dropdown.dropdownTokens.itemFontLineHeight),
-      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.125rem;", ":15rem;", ":0.75rem;", ":0.875rem;", ":0.875rem;", ":0.875rem;", ":0.875rem;", ":0.625rem;", ":0.625rem;", ":0.625rem;", ":0.375rem;", ":0.875rem;", ":0.375rem;", ":0.875rem;", ":0.375rem;", ":0.375rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], _Dropdown.dropdownTokens.padding, _Dropdown.dropdownTokens.width, _Dropdown.dropdownTokens.borderRadius, _Dropdown.dropdownTokens.itemPaddingTop, _Dropdown.dropdownTokens.itemPaddingRight, _Dropdown.dropdownTokens.itemPaddingBottom, _Dropdown.dropdownTokens.itemPaddingLeft, _Dropdown.dropdownTokens.itemBorderRadius, _Dropdown.dropdownTokens.itemPaddingTopTight, _Dropdown.dropdownTokens.itemPaddingBottomTight, _Dropdown.dropdownTokens.dividerMarginTop, _Dropdown.dropdownTokens.dividerMarginRight, _Dropdown.dropdownTokens.dividerMarginBottom, _Dropdown.dropdownTokens.dividerMarginLeft, _Dropdown.dropdownTokens.dividerMarginTopTight, _Dropdown.dropdownTokens.dividerMarginBottomTight, _Dropdown.dropdownTokens.itemFontFamily, _Dropdown.dropdownTokens.itemFontSize, _Dropdown.dropdownTokens.itemFontStyle, _Dropdown.dropdownTokens.itemFontWeightBold, _Dropdown.dropdownTokens.itemFontLetterSpacing, _Dropdown.dropdownTokens.itemFontLineHeight),
-      l: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.125rem;", ":17.5rem;", ":0.875rem;", ":1.0625rem;", ":1rem;", ":1.0625rem;", ":1rem;", ":0.75rem;", ":0.8125rem;", ":0.8125rem;", ":0.5rem;", ":1.125rem;", ":0.5rem;", ":1.125rem;", ":0.375rem;", ":0.375rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], _Dropdown.dropdownTokens.padding, _Dropdown.dropdownTokens.width, _Dropdown.dropdownTokens.borderRadius, _Dropdown.dropdownTokens.itemPaddingTop, _Dropdown.dropdownTokens.itemPaddingRight, _Dropdown.dropdownTokens.itemPaddingBottom, _Dropdown.dropdownTokens.itemPaddingLeft, _Dropdown.dropdownTokens.itemBorderRadius, _Dropdown.dropdownTokens.itemPaddingTopTight, _Dropdown.dropdownTokens.itemPaddingBottomTight, _Dropdown.dropdownTokens.dividerMarginTop, _Dropdown.dropdownTokens.dividerMarginRight, _Dropdown.dropdownTokens.dividerMarginBottom, _Dropdown.dropdownTokens.dividerMarginLeft, _Dropdown.dropdownTokens.dividerMarginTopTight, _Dropdown.dropdownTokens.dividerMarginBottomTight, _Dropdown.dropdownTokens.itemFontFamily, _Dropdown.dropdownTokens.itemFontSize, _Dropdown.dropdownTokens.itemFontStyle, _Dropdown.dropdownTokens.itemFontWeightBold, _Dropdown.dropdownTokens.itemFontLetterSpacing, _Dropdown.dropdownTokens.itemFontLineHeight)
+      xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.125rem;", ":10rem;", ":0.5rem;", ":0.5625rem;", ":0.5rem;", ":0.5625rem;", ":0.5rem;", ":0.375rem;", ":0.3125rem;", ":0.3125rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _Dropdown.dropdownTokens.padding, _Dropdown.dropdownTokens.width, _Dropdown.dropdownTokens.borderRadius, _Dropdown.dropdownTokens.itemPaddingTop, _Dropdown.dropdownTokens.itemPaddingRight, _Dropdown.dropdownTokens.itemPaddingBottom, _Dropdown.dropdownTokens.itemPaddingLeft, _Dropdown.dropdownTokens.itemBorderRadius, _Dropdown.dropdownTokens.itemPaddingTopTight, _Dropdown.dropdownTokens.itemPaddingBottomTight, _Dropdown.dropdownTokens.itemFontFamily, _Dropdown.dropdownTokens.itemFontSize, _Dropdown.dropdownTokens.itemFontStyle, _Dropdown.dropdownTokens.itemFontWeightBold, _Dropdown.dropdownTokens.itemFontLetterSpacing, _Dropdown.dropdownTokens.itemFontLineHeight),
+      s: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.125rem;", ":12.5rem;", ":0.625rem;", ":0.6875rem;", ":0.75rem;", ":0.6875rem;", ":0.75rem;", ":0.5rem;", ":0.4375rem;", ":0.4375rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _Dropdown.dropdownTokens.padding, _Dropdown.dropdownTokens.width, _Dropdown.dropdownTokens.borderRadius, _Dropdown.dropdownTokens.itemPaddingTop, _Dropdown.dropdownTokens.itemPaddingRight, _Dropdown.dropdownTokens.itemPaddingBottom, _Dropdown.dropdownTokens.itemPaddingLeft, _Dropdown.dropdownTokens.itemBorderRadius, _Dropdown.dropdownTokens.itemPaddingTopTight, _Dropdown.dropdownTokens.itemPaddingBottomTight, _Dropdown.dropdownTokens.itemFontFamily, _Dropdown.dropdownTokens.itemFontSize, _Dropdown.dropdownTokens.itemFontStyle, _Dropdown.dropdownTokens.itemFontWeightBold, _Dropdown.dropdownTokens.itemFontLetterSpacing, _Dropdown.dropdownTokens.itemFontLineHeight),
+      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.125rem;", ":15rem;", ":0.75rem;", ":0.875rem;", ":0.875rem;", ":0.875rem;", ":0.875rem;", ":0.625rem;", ":0.625rem;", ":0.625rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], _Dropdown.dropdownTokens.padding, _Dropdown.dropdownTokens.width, _Dropdown.dropdownTokens.borderRadius, _Dropdown.dropdownTokens.itemPaddingTop, _Dropdown.dropdownTokens.itemPaddingRight, _Dropdown.dropdownTokens.itemPaddingBottom, _Dropdown.dropdownTokens.itemPaddingLeft, _Dropdown.dropdownTokens.itemBorderRadius, _Dropdown.dropdownTokens.itemPaddingTopTight, _Dropdown.dropdownTokens.itemPaddingBottomTight, _Dropdown.dropdownTokens.itemFontFamily, _Dropdown.dropdownTokens.itemFontSize, _Dropdown.dropdownTokens.itemFontStyle, _Dropdown.dropdownTokens.itemFontWeightBold, _Dropdown.dropdownTokens.itemFontLetterSpacing, _Dropdown.dropdownTokens.itemFontLineHeight),
+      l: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.125rem;", ":17.5rem;", ":0.875rem;", ":1.0625rem;", ":1rem;", ":1.0625rem;", ":1rem;", ":0.75rem;", ":0.8125rem;", ":0.8125rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], _Dropdown.dropdownTokens.padding, _Dropdown.dropdownTokens.width, _Dropdown.dropdownTokens.borderRadius, _Dropdown.dropdownTokens.itemPaddingTop, _Dropdown.dropdownTokens.itemPaddingRight, _Dropdown.dropdownTokens.itemPaddingBottom, _Dropdown.dropdownTokens.itemPaddingLeft, _Dropdown.dropdownTokens.itemBorderRadius, _Dropdown.dropdownTokens.itemPaddingTopTight, _Dropdown.dropdownTokens.itemPaddingBottomTight, _Dropdown.dropdownTokens.itemFontFamily, _Dropdown.dropdownTokens.itemFontSize, _Dropdown.dropdownTokens.itemFontStyle, _Dropdown.dropdownTokens.itemFontWeightBold, _Dropdown.dropdownTokens.itemFontLetterSpacing, _Dropdown.dropdownTokens.itemFontLineHeight)
     },
     view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;", ":var(--surface-accent);", ":var(--surface-solid-card-brightness);", ":0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);", ":var(--text-secondary);", ":var(--surface-clear);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-tertiary);"], _Dropdown.dropdownTokens.disabledOpacity, _Dropdown.dropdownTokens.focusColor, _Dropdown.dropdownTokens.background, _Dropdown.dropdownTokens.boxShadow, _Dropdown.dropdownTokens.disclosureIconColor, _Dropdown.dropdownTokens.itemBackground, _Dropdown.dropdownTokens.itemBackgroundHover, _Dropdown.dropdownTokens.itemColor, _Dropdown.dropdownTokens.dividerColor)
+      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;", ":var(--surface-accent);", ":var(--surface-solid-card-brightness);", ":0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);", ":var(--text-secondary);", ":var(--surface-clear);", ":var(--surface-transparent-secondary);", ":var(--text-primary);"], _Dropdown.dropdownTokens.disabledOpacity, _Dropdown.dropdownTokens.focusColor, _Dropdown.dropdownTokens.background, _Dropdown.dropdownTokens.boxShadow, _Dropdown.dropdownTokens.disclosureIconColor, _Dropdown.dropdownTokens.itemBackground, _Dropdown.dropdownTokens.itemBackgroundHover, _Dropdown.dropdownTokens.itemColor)
     }
   }
 };

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

@@ -116,8 +116,6 @@ const items = [
     {
         value: 'europe',
         label: 'Европа',
-        dividerBefore: true,
-        dividerAfter: true,
         items: [
             {
                 value: 'france',

package/styled-components/cjs/examples/plasma_web/components/Dropdown/Dropdown.config.js

@@ -13,13 +13,13 @@ var config = exports.config = {
   },
   variations: {
     size: {
-      xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.125rem;", ":10rem;", ":0.5rem;", ":0.5625rem;", ":0.5rem;", ":0.5625rem;", ":0.5rem;", ":0.375rem;", ":0.3125rem;", ":0.3125rem;", ":0.25rem;", ":0.5rem;", ":0.25rem;", ":0.5rem;", ":0.125rem;", ":0.125rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _Dropdown.dropdownTokens.padding, _Dropdown.dropdownTokens.width, _Dropdown.dropdownTokens.borderRadius, _Dropdown.dropdownTokens.itemPaddingTop, _Dropdown.dropdownTokens.itemPaddingRight, _Dropdown.dropdownTokens.itemPaddingBottom, _Dropdown.dropdownTokens.itemPaddingLeft, _Dropdown.dropdownTokens.itemBorderRadius, _Dropdown.dropdownTokens.itemPaddingTopTight, _Dropdown.dropdownTokens.itemPaddingBottomTight, _Dropdown.dropdownTokens.dividerMarginTop, _Dropdown.dropdownTokens.dividerMarginRight, _Dropdown.dropdownTokens.dividerMarginBottom, _Dropdown.dropdownTokens.dividerMarginLeft, _Dropdown.dropdownTokens.dividerMarginTopTight, _Dropdown.dropdownTokens.dividerMarginBottomTight, _Dropdown.dropdownTokens.itemFontFamily, _Dropdown.dropdownTokens.itemFontSize, _Dropdown.dropdownTokens.itemFontStyle, _Dropdown.dropdownTokens.itemFontWeightBold, _Dropdown.dropdownTokens.itemFontLetterSpacing, _Dropdown.dropdownTokens.itemFontLineHeight),
-      s: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.125rem;", ":12.5rem;", ":0.625rem;", ":0.6875rem;", ":0.75rem;", ":0.6875rem;", ":0.75rem;", ":0.5rem;", ":0.4375rem;", ":0.4375rem;", ":0.375rem;", ":0.75rem;", ":0.375rem;", ":0.75rem;", ":0.25rem;", ":0.25rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _Dropdown.dropdownTokens.padding, _Dropdown.dropdownTokens.width, _Dropdown.dropdownTokens.borderRadius, _Dropdown.dropdownTokens.itemPaddingTop, _Dropdown.dropdownTokens.itemPaddingRight, _Dropdown.dropdownTokens.itemPaddingBottom, _Dropdown.dropdownTokens.itemPaddingLeft, _Dropdown.dropdownTokens.itemBorderRadius, _Dropdown.dropdownTokens.itemPaddingTopTight, _Dropdown.dropdownTokens.itemPaddingBottomTight, _Dropdown.dropdownTokens.dividerMarginTop, _Dropdown.dropdownTokens.dividerMarginRight, _Dropdown.dropdownTokens.dividerMarginBottom, _Dropdown.dropdownTokens.dividerMarginLeft, _Dropdown.dropdownTokens.dividerMarginTopTight, _Dropdown.dropdownTokens.dividerMarginBottomTight, _Dropdown.dropdownTokens.itemFontFamily, _Dropdown.dropdownTokens.itemFontSize, _Dropdown.dropdownTokens.itemFontStyle, _Dropdown.dropdownTokens.itemFontWeightBold, _Dropdown.dropdownTokens.itemFontLetterSpacing, _Dropdown.dropdownTokens.itemFontLineHeight),
-      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.125rem;", ":15rem;", ":0.75rem;", ":0.875rem;", ":0.875rem;", ":0.875rem;", ":0.875rem;", ":0.625rem;", ":0.625rem;", ":0.625rem;", ":0.375rem;", ":0.875rem;", ":0.375rem;", ":0.875rem;", ":0.375rem;", ":0.375rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], _Dropdown.dropdownTokens.padding, _Dropdown.dropdownTokens.width, _Dropdown.dropdownTokens.borderRadius, _Dropdown.dropdownTokens.itemPaddingTop, _Dropdown.dropdownTokens.itemPaddingRight, _Dropdown.dropdownTokens.itemPaddingBottom, _Dropdown.dropdownTokens.itemPaddingLeft, _Dropdown.dropdownTokens.itemBorderRadius, _Dropdown.dropdownTokens.itemPaddingTopTight, _Dropdown.dropdownTokens.itemPaddingBottomTight, _Dropdown.dropdownTokens.dividerMarginTop, _Dropdown.dropdownTokens.dividerMarginRight, _Dropdown.dropdownTokens.dividerMarginBottom, _Dropdown.dropdownTokens.dividerMarginLeft, _Dropdown.dropdownTokens.dividerMarginTopTight, _Dropdown.dropdownTokens.dividerMarginBottomTight, _Dropdown.dropdownTokens.itemFontFamily, _Dropdown.dropdownTokens.itemFontSize, _Dropdown.dropdownTokens.itemFontStyle, _Dropdown.dropdownTokens.itemFontWeightBold, _Dropdown.dropdownTokens.itemFontLetterSpacing, _Dropdown.dropdownTokens.itemFontLineHeight),
-      l: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.125rem;", ":17.5rem;", ":0.875rem;", ":1.0625rem;", ":1rem;", ":1.0625rem;", ":1rem;", ":0.75rem;", ":0.8125rem;", ":0.8125rem;", ":0.5rem;", ":1.125rem;", ":0.5rem;", ":1.125rem;", ":0.375rem;", ":0.375rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], _Dropdown.dropdownTokens.padding, _Dropdown.dropdownTokens.width, _Dropdown.dropdownTokens.borderRadius, _Dropdown.dropdownTokens.itemPaddingTop, _Dropdown.dropdownTokens.itemPaddingRight, _Dropdown.dropdownTokens.itemPaddingBottom, _Dropdown.dropdownTokens.itemPaddingLeft, _Dropdown.dropdownTokens.itemBorderRadius, _Dropdown.dropdownTokens.itemPaddingTopTight, _Dropdown.dropdownTokens.itemPaddingBottomTight, _Dropdown.dropdownTokens.dividerMarginTop, _Dropdown.dropdownTokens.dividerMarginRight, _Dropdown.dropdownTokens.dividerMarginBottom, _Dropdown.dropdownTokens.dividerMarginLeft, _Dropdown.dropdownTokens.dividerMarginTopTight, _Dropdown.dropdownTokens.dividerMarginBottomTight, _Dropdown.dropdownTokens.itemFontFamily, _Dropdown.dropdownTokens.itemFontSize, _Dropdown.dropdownTokens.itemFontStyle, _Dropdown.dropdownTokens.itemFontWeightBold, _Dropdown.dropdownTokens.itemFontLetterSpacing, _Dropdown.dropdownTokens.itemFontLineHeight)
+      xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.125rem;", ":10rem;", ":0.5rem;", ":0.5625rem;", ":0.5rem;", ":0.5625rem;", ":0.5rem;", ":0.375rem;", ":0.3125rem;", ":0.3125rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _Dropdown.dropdownTokens.padding, _Dropdown.dropdownTokens.width, _Dropdown.dropdownTokens.borderRadius, _Dropdown.dropdownTokens.itemPaddingTop, _Dropdown.dropdownTokens.itemPaddingRight, _Dropdown.dropdownTokens.itemPaddingBottom, _Dropdown.dropdownTokens.itemPaddingLeft, _Dropdown.dropdownTokens.itemBorderRadius, _Dropdown.dropdownTokens.itemPaddingTopTight, _Dropdown.dropdownTokens.itemPaddingBottomTight, _Dropdown.dropdownTokens.itemFontFamily, _Dropdown.dropdownTokens.itemFontSize, _Dropdown.dropdownTokens.itemFontStyle, _Dropdown.dropdownTokens.itemFontWeightBold, _Dropdown.dropdownTokens.itemFontLetterSpacing, _Dropdown.dropdownTokens.itemFontLineHeight),
+      s: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.125rem;", ":12.5rem;", ":0.625rem;", ":0.6875rem;", ":0.75rem;", ":0.6875rem;", ":0.75rem;", ":0.5rem;", ":0.4375rem;", ":0.4375rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _Dropdown.dropdownTokens.padding, _Dropdown.dropdownTokens.width, _Dropdown.dropdownTokens.borderRadius, _Dropdown.dropdownTokens.itemPaddingTop, _Dropdown.dropdownTokens.itemPaddingRight, _Dropdown.dropdownTokens.itemPaddingBottom, _Dropdown.dropdownTokens.itemPaddingLeft, _Dropdown.dropdownTokens.itemBorderRadius, _Dropdown.dropdownTokens.itemPaddingTopTight, _Dropdown.dropdownTokens.itemPaddingBottomTight, _Dropdown.dropdownTokens.itemFontFamily, _Dropdown.dropdownTokens.itemFontSize, _Dropdown.dropdownTokens.itemFontStyle, _Dropdown.dropdownTokens.itemFontWeightBold, _Dropdown.dropdownTokens.itemFontLetterSpacing, _Dropdown.dropdownTokens.itemFontLineHeight),
+      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.125rem;", ":15rem;", ":0.75rem;", ":0.875rem;", ":0.875rem;", ":0.875rem;", ":0.875rem;", ":0.625rem;", ":0.625rem;", ":0.625rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], _Dropdown.dropdownTokens.padding, _Dropdown.dropdownTokens.width, _Dropdown.dropdownTokens.borderRadius, _Dropdown.dropdownTokens.itemPaddingTop, _Dropdown.dropdownTokens.itemPaddingRight, _Dropdown.dropdownTokens.itemPaddingBottom, _Dropdown.dropdownTokens.itemPaddingLeft, _Dropdown.dropdownTokens.itemBorderRadius, _Dropdown.dropdownTokens.itemPaddingTopTight, _Dropdown.dropdownTokens.itemPaddingBottomTight, _Dropdown.dropdownTokens.itemFontFamily, _Dropdown.dropdownTokens.itemFontSize, _Dropdown.dropdownTokens.itemFontStyle, _Dropdown.dropdownTokens.itemFontWeightBold, _Dropdown.dropdownTokens.itemFontLetterSpacing, _Dropdown.dropdownTokens.itemFontLineHeight),
+      l: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.125rem;", ":17.5rem;", ":0.875rem;", ":1.0625rem;", ":1rem;", ":1.0625rem;", ":1rem;", ":0.75rem;", ":0.8125rem;", ":0.8125rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], _Dropdown.dropdownTokens.padding, _Dropdown.dropdownTokens.width, _Dropdown.dropdownTokens.borderRadius, _Dropdown.dropdownTokens.itemPaddingTop, _Dropdown.dropdownTokens.itemPaddingRight, _Dropdown.dropdownTokens.itemPaddingBottom, _Dropdown.dropdownTokens.itemPaddingLeft, _Dropdown.dropdownTokens.itemBorderRadius, _Dropdown.dropdownTokens.itemPaddingTopTight, _Dropdown.dropdownTokens.itemPaddingBottomTight, _Dropdown.dropdownTokens.itemFontFamily, _Dropdown.dropdownTokens.itemFontSize, _Dropdown.dropdownTokens.itemFontStyle, _Dropdown.dropdownTokens.itemFontWeightBold, _Dropdown.dropdownTokens.itemFontLetterSpacing, _Dropdown.dropdownTokens.itemFontLineHeight)
     },
     view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;", ":var(--surface-accent);", ":var(--surface-solid-card-brightness);", ":0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);", ":var(--text-secondary);", ":var(--surface-clear);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-tertiary);"], _Dropdown.dropdownTokens.disabledOpacity, _Dropdown.dropdownTokens.focusColor, _Dropdown.dropdownTokens.background, _Dropdown.dropdownTokens.boxShadow, _Dropdown.dropdownTokens.disclosureIconColor, _Dropdown.dropdownTokens.itemBackground, _Dropdown.dropdownTokens.itemBackgroundHover, _Dropdown.dropdownTokens.itemColor, _Dropdown.dropdownTokens.dividerColor)
+      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;", ":var(--surface-accent);", ":var(--surface-solid-card-brightness);", ":0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);", ":var(--text-secondary);", ":var(--surface-clear);", ":var(--surface-transparent-secondary);", ":var(--text-primary);"], _Dropdown.dropdownTokens.disabledOpacity, _Dropdown.dropdownTokens.focusColor, _Dropdown.dropdownTokens.background, _Dropdown.dropdownTokens.boxShadow, _Dropdown.dropdownTokens.disclosureIconColor, _Dropdown.dropdownTokens.itemBackground, _Dropdown.dropdownTokens.itemBackgroundHover, _Dropdown.dropdownTokens.itemColor)
     }
   }
 };

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

@@ -116,8 +116,6 @@ const items = [
     {
         value: 'europe',
         label: 'Европа',
-        dividerBefore: true,
-        dividerAfter: true,
         items: [
             {
                 value: 'france',

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

@@ -13,10 +13,10 @@ export var StyledPopover = /*#__PURE__*/styled(Popover).withConfig({
 });
 export var Ul = /*#__PURE__*/styled.ul.withConfig({
   componentId: "plasma-new-hope__sc-ff6pwi-1"
-})(["box-sizing:border-box;background:var(", ");box-shadow:var(", ");border-radius:var(", ");height:auto;max-height:", ";overflow-y:scroll;margin:0;padding:var(", ");"], tokens.background, tokens.boxShadow, tokens.borderRadius, function (_ref2) {
+})(["box-sizing:border-box;background:var(", ");box-shadow:var(", ");border-radius:var(", ");height:auto;max-height:", ";overflow-y:scroll;border:var(", ") solid var(", ");margin:0;padding:var(", ");"], tokens.background, tokens.boxShadow, tokens.borderRadius, function (_ref2) {
   var listMaxHeight = _ref2.listMaxHeight;
   return listMaxHeight || 'none';
-}, tokens.padding);
+}, tokens.dropdownBorderWidth, tokens.dropdownBorderColor, tokens.padding);
 export var LeftHelper = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-ff6pwi-2"
 })(["color:", ";margin-top:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");opacity:var(", ");cursor:", ";"], function (_ref3) {

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

@@ -60,11 +60,14 @@ export var tokens = {
   textFieldTextAfterMargin: '--plasma-autocomplete-textfield__after-text-margin',
   textFieldDisabledOpacity: '--plasma-autocomplete-textfield-disabled-opacity',
   textFieldFocusColor: '--plasma-autocomplete-textfield-focus-color',
+  textFieldContentSlotColor: '--plasma-autocomplete-content-color',
   // Токены для дропдауна
   background: '--plasma-autocomplete-background',
   boxShadow: '--plasma-autocomplete-box-shadow',
   borderRadius: '--plasma-autocomplete-border-radius',
   padding: '--plasma-autocomplete-padding',
+  dropdownBorderColor: '--plasma-select-dropdown-border-color',
+  dropdownBorderWidth: '--plasma-select-dropdown-border-width',
   itemPadding: '--plasma-autocomplete-item-padding',
   itemBorderRadius: '--plasma-autocomplete-item-border-radius',
   itemFontFamily: '--plasma-autocomplete-item-font-family',

package/styled-components/es/components/Autocomplete/ui/TextField/TextField.styles.js

@@ -6,4 +6,4 @@ var mergedConfig = /*#__PURE__*/mergeConfig(textFieldConfig);
 var TextField = /*#__PURE__*/component(mergedConfig);
 export var StyledTextField = /*#__PURE__*/styled(TextField).withConfig({
   componentId: "plasma-new-hope__sc-1rp2ggs-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(", ");"], textFieldTokens.color, autocompleteTokens.textFieldColor, textFieldTokens.backgroundColor, autocompleteTokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, autocompleteTokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, autocompleteTokens.textFieldBackgroundColorFocus, textFieldTokens.borderColor, autocompleteTokens.textFieldBorderColor, textFieldTokens.borderColorHover, autocompleteTokens.textFieldBorderColorHover, textFieldTokens.borderColorFocus, autocompleteTokens.textFieldBorderColorFocus, textFieldTokens.colorReadOnly, autocompleteTokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, autocompleteTokens.textFieldBackgroundColorReadOnly, textFieldTokens.borderColorReadOnly, autocompleteTokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, autocompleteTokens.textFieldPlaceholderColorReadOnly, textFieldTokens.caretColor, autocompleteTokens.textFieldCaretColor, textFieldTokens.placeholderColor, autocompleteTokens.textFieldPlaceholderColor, textFieldTokens.height, autocompleteTokens.textFieldHeight, textFieldTokens.borderWidth, autocompleteTokens.textFieldBorderWidth, textFieldTokens.borderRadius, autocompleteTokens.textFieldBorderRadius, textFieldTokens.padding, autocompleteTokens.textFieldPadding, textFieldTokens.leftContentMargin, autocompleteTokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, autocompleteTokens.textFieldRightContentMargin, textFieldTokens.fontFamily, autocompleteTokens.textFieldFontFamily, textFieldTokens.fontStyle, autocompleteTokens.textFieldFontStyle, textFieldTokens.fontSize, autocompleteTokens.textFieldFontSize, textFieldTokens.fontWeight, autocompleteTokens.textFieldFontWeight, textFieldTokens.letterSpacing, autocompleteTokens.textFieldLetterSpacing, textFieldTokens.lineHeight, autocompleteTokens.textFieldLineHeight, textFieldTokens.labelColor, autocompleteTokens.textFieldLabelColor, textFieldTokens.labelColorReadOnly, autocompleteTokens.textFieldLabelColorReadOnly, textFieldTokens.labelOffset, autocompleteTokens.textFieldLabelOffset, textFieldTokens.labelFontFamily, autocompleteTokens.textFieldLabelFontFamily, textFieldTokens.labelFontStyle, autocompleteTokens.textFieldLabelFontStyle, textFieldTokens.labelFontSize, autocompleteTokens.textFieldLabelFontSize, textFieldTokens.labelFontWeight, autocompleteTokens.textFieldLabelFontWeight, textFieldTokens.labelLetterSpacing, autocompleteTokens.textFieldLabelLetterSpacing, textFieldTokens.labelLineHeight, autocompleteTokens.textFieldLabelLineHeight, textFieldTokens.labelInnerFontFamily, autocompleteTokens.textFieldLabelInnerFontFamily, textFieldTokens.labelInnerFontStyle, autocompleteTokens.textFieldLabelInnerFontStyle, textFieldTokens.labelInnerFontSize, autocompleteTokens.textFieldLabelInnerFontSize, textFieldTokens.labelInnerFontWeight, autocompleteTokens.textFieldLabelInnerFontWeight, textFieldTokens.labelInnerLetterSpacing, autocompleteTokens.textFieldLabelInnerLetterSpacing, textFieldTokens.labelInnerLineHeight, autocompleteTokens.textFieldLabelInnerLineHeight, textFieldTokens.labelInnerPadding, autocompleteTokens.textFieldLabelInnerPadding, textFieldTokens.contentLabelInnerPadding, autocompleteTokens.textFieldContentLabelInnerPadding, textFieldTokens.leftHelperColor, autocompleteTokens.textFieldLeftHelperColor, textFieldTokens.leftHelperColorReadOnly, autocompleteTokens.textFieldLeftHelperColorReadOnly, textFieldTokens.leftHelperOffset, autocompleteTokens.textFieldLeftHelperOffset, textFieldTokens.leftHelperFontFamily, autocompleteTokens.textFieldLeftHelperFontFamily, textFieldTokens.leftHelperFontStyle, autocompleteTokens.textFieldLeftHelperFontStyle, textFieldTokens.leftHelperFontSize, autocompleteTokens.textFieldLeftHelperFontSize, textFieldTokens.leftHelperFontWeight, autocompleteTokens.textFieldLeftHelperFontWeight, textFieldTokens.leftHelperLetterSpacing, autocompleteTokens.textFieldLeftHelperLetterSpacing, textFieldTokens.leftHelperLineHeight, autocompleteTokens.textFieldLeftHelperLineHeight, textFieldTokens.textBeforeColor, autocompleteTokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, autocompleteTokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, autocompleteTokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, autocompleteTokens.textFieldTextAfterMargin, textFieldTokens.disabledOpacity, autocompleteTokens.textFieldDisabledOpacity, textFieldTokens.focusColor, autocompleteTokens.textFieldFocusColor);
+})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ",var(", "));"], textFieldTokens.color, autocompleteTokens.textFieldColor, textFieldTokens.backgroundColor, autocompleteTokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, autocompleteTokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, autocompleteTokens.textFieldBackgroundColorFocus, textFieldTokens.borderColor, autocompleteTokens.textFieldBorderColor, textFieldTokens.borderColorHover, autocompleteTokens.textFieldBorderColorHover, textFieldTokens.borderColorFocus, autocompleteTokens.textFieldBorderColorFocus, textFieldTokens.colorReadOnly, autocompleteTokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, autocompleteTokens.textFieldBackgroundColorReadOnly, textFieldTokens.borderColorReadOnly, autocompleteTokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, autocompleteTokens.textFieldPlaceholderColorReadOnly, textFieldTokens.caretColor, autocompleteTokens.textFieldCaretColor, textFieldTokens.placeholderColor, autocompleteTokens.textFieldPlaceholderColor, textFieldTokens.height, autocompleteTokens.textFieldHeight, textFieldTokens.borderWidth, autocompleteTokens.textFieldBorderWidth, textFieldTokens.borderRadius, autocompleteTokens.textFieldBorderRadius, textFieldTokens.padding, autocompleteTokens.textFieldPadding, textFieldTokens.leftContentMargin, autocompleteTokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, autocompleteTokens.textFieldRightContentMargin, textFieldTokens.fontFamily, autocompleteTokens.textFieldFontFamily, textFieldTokens.fontStyle, autocompleteTokens.textFieldFontStyle, textFieldTokens.fontSize, autocompleteTokens.textFieldFontSize, textFieldTokens.fontWeight, autocompleteTokens.textFieldFontWeight, textFieldTokens.letterSpacing, autocompleteTokens.textFieldLetterSpacing, textFieldTokens.lineHeight, autocompleteTokens.textFieldLineHeight, textFieldTokens.labelColor, autocompleteTokens.textFieldLabelColor, textFieldTokens.labelColorReadOnly, autocompleteTokens.textFieldLabelColorReadOnly, textFieldTokens.labelOffset, autocompleteTokens.textFieldLabelOffset, textFieldTokens.labelFontFamily, autocompleteTokens.textFieldLabelFontFamily, textFieldTokens.labelFontStyle, autocompleteTokens.textFieldLabelFontStyle, textFieldTokens.labelFontSize, autocompleteTokens.textFieldLabelFontSize, textFieldTokens.labelFontWeight, autocompleteTokens.textFieldLabelFontWeight, textFieldTokens.labelLetterSpacing, autocompleteTokens.textFieldLabelLetterSpacing, textFieldTokens.labelLineHeight, autocompleteTokens.textFieldLabelLineHeight, textFieldTokens.labelInnerFontFamily, autocompleteTokens.textFieldLabelInnerFontFamily, textFieldTokens.labelInnerFontStyle, autocompleteTokens.textFieldLabelInnerFontStyle, textFieldTokens.labelInnerFontSize, autocompleteTokens.textFieldLabelInnerFontSize, textFieldTokens.labelInnerFontWeight, autocompleteTokens.textFieldLabelInnerFontWeight, textFieldTokens.labelInnerLetterSpacing, autocompleteTokens.textFieldLabelInnerLetterSpacing, textFieldTokens.labelInnerLineHeight, autocompleteTokens.textFieldLabelInnerLineHeight, textFieldTokens.labelInnerPadding, autocompleteTokens.textFieldLabelInnerPadding, textFieldTokens.contentLabelInnerPadding, autocompleteTokens.textFieldContentLabelInnerPadding, textFieldTokens.leftHelperColor, autocompleteTokens.textFieldLeftHelperColor, textFieldTokens.leftHelperColorReadOnly, autocompleteTokens.textFieldLeftHelperColorReadOnly, textFieldTokens.leftHelperOffset, autocompleteTokens.textFieldLeftHelperOffset, textFieldTokens.leftHelperFontFamily, autocompleteTokens.textFieldLeftHelperFontFamily, textFieldTokens.leftHelperFontStyle, autocompleteTokens.textFieldLeftHelperFontStyle, textFieldTokens.leftHelperFontSize, autocompleteTokens.textFieldLeftHelperFontSize, textFieldTokens.leftHelperFontWeight, autocompleteTokens.textFieldLeftHelperFontWeight, textFieldTokens.leftHelperLetterSpacing, autocompleteTokens.textFieldLeftHelperLetterSpacing, textFieldTokens.leftHelperLineHeight, autocompleteTokens.textFieldLeftHelperLineHeight, textFieldTokens.textBeforeColor, autocompleteTokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, autocompleteTokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, autocompleteTokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, autocompleteTokens.textFieldTextAfterMargin, textFieldTokens.disabledOpacity, autocompleteTokens.textFieldDisabledOpacity, textFieldTokens.focusColor, autocompleteTokens.textFieldFocusColor, textFieldTokens.contentSlotColor, autocompleteTokens.textFieldContentSlotColor, autocompleteTokens.textFieldColor);

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

@@ -8,7 +8,7 @@ var mergedConfig = /*#__PURE__*/mergeConfig(emptyStateConfig);
 var EmptyState = /*#__PURE__*/component(mergedConfig);
 export var Ul = /*#__PURE__*/styled.ul.withConfig({
   componentId: "plasma-new-hope__sc-2kddkg-0"
-})(["box-sizing:border-box;background:var(", ");box-shadow:", ";border-radius:var(", ");width:", ";height:", ";overflow:", ";margin:", ";padding:var(", ") 0;.", "{box-shadow:none;}"], constants.background, constants.boxShadow, tokens.borderRadius, function (_ref) {
+})(["box-sizing:border-box;background:var(", ");box-shadow:", ";border-radius:var(", ");width:", ";height:", ";overflow:", ";border:var(", ") solid var(", ");margin:", ";padding:var(", ") 0;.", "{box-shadow:none;}"], constants.background, constants.boxShadow, tokens.borderRadius, function (_ref) {
   var listWidth = _ref.listWidth;
   return listWidth || '100%';
 }, function (_ref2) {
@@ -17,7 +17,7 @@ export var Ul = /*#__PURE__*/styled.ul.withConfig({
 }, function (_ref3) {
   var listOverflow = _ref3.listOverflow;
   return listOverflow || 'initial';
-}, function (_ref4) {
+}, tokens.dropdownBorderWidth, tokens.dropdownBorderColor, function (_ref4) {
   var isInnerUl = _ref4.isInnerUl;
   return isInnerUl ? "calc(var(".concat(tokens.padding, ") * -1) 0 0 0") : 0;
 }, tokens.padding, classes.emptyStateWrapper);

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

@@ -21,6 +21,8 @@ export var tokens = {
   fontWeight: '--plasma-combobox-font-weight',
   fontLetterSpacing: '--plasma-combobox-font-letter-spacing',
   fontLineHeight: '--plasma-combobox-font-line-height',
+  dropdownBorderColor: '--plasma-select-dropdown-border-color',
+  dropdownBorderWidth: '--plasma-select-dropdown-border-width',
   itemHeight: '--plasma-combobox-item-height',
   itemBorderRadius: '--plasma-combobox-item-border-radius',
   itemPadding: '--plasma-combobox-item-padding',

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

@@ -107,6 +107,7 @@ export var tokens = {
   textFieldTextAfterColor: '--plasma-date-picker-textfield__after-text-color',
   textFieldTextBeforeMargin: '--plasma-date-picker-textfield__before-text-margin',
   textFieldTextAfterMargin: '--plasma-date-picker-textfield__after-text-margin',
+  textFieldContentSlotColor: '--plasma-date-picker-textfield__content-color',
   /** Токены календаря */
   calendarPaddingTop: '--plasma-date-picker-calendar-padding-top',
   calendarShadow: '--plasma-date-picker-calendar-shadow',