@salutejs/plasma-new-hope 0.94.0-canary.1224.9693519563.0 → 0.94.0-canary.1233.9699006063.0

package/styled-components/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js

@@ -9,8 +9,8 @@ var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react")
 var _Icon = /*#__PURE__*/require("../../../_Icon");
 var _types = /*#__PURE__*/require("../../store/types");
 var _utils = /*#__PURE__*/require("../../utils");
-var _Calendar = /*#__PURE__*/require("../../Calendar.tokens");
 var _CalendarHeader = /*#__PURE__*/require("./CalendarHeader.styles");
+var _IconDisclosureLeft, _IconDisclosureRight;
 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; }
 /**
@@ -21,7 +21,6 @@ var CalendarHeader = exports.CalendarHeader = function CalendarHeader(_ref) {
     type = _ref$type === void 0 ? 'Days' : _ref$type,
     _ref$startYear = _ref.startYear,
     startYear = _ref$startYear === void 0 ? 0 : _ref$startYear,
-    size = _ref.size,
     firstDate = _ref.firstDate,
     secondDate = _ref.secondDate,
     isDouble = _ref.isDouble,
@@ -41,55 +40,42 @@ var CalendarHeader = exports.CalendarHeader = function CalendarHeader(_ref) {
       return '';
     }
     if (type === _types.CalendarState.Days) {
-      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderDate, null, _utils.MONTH_NAMES[date.monthIndex]), /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderDate, null, date.year, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureDownFill, {
-        color: "inherit",
-        size: size === 'xs' ? 'xs' : 's'
-      })));
+      return "".concat(_utils.MONTH_NAMES[date.monthIndex], " ").concat(date.year);
     }
     if (type === _types.CalendarState.Months) {
-      return /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderDate, null, date.year, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureDownFill, {
-        color: "inherit",
-        size: size === 'xs' ? 'xs' : 's'
-      }));
+      return "".concat(date.year);
     }
     if (type === _types.CalendarState.Years) {
-      return /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderDate, null, startYear, "\u2014", startYear + _utils.YEAR_RENDER_COUNT - 1, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureDownFill, {
-        color: "inherit",
-        size: size === 'xs' ? 'xs' : 's'
-      }));
+      return "".concat(startYear, "\u2014").concat(startYear + _utils.YEAR_RENDER_COUNT - 1);
     }
     return '';
-  }, [type, startYear, size]);
+  }, [type, startYear]);
   var currentCalendarType = (0, _utils.getCalendarType)(isDouble ? _types.CalendarState.Days : type);
   var PreviousButton = (0, _react.useMemo)(function () {
     return /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledArrow, {
+      type: "button",
       "aria-label": "\u041F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0438\u0439 ".concat(currentCalendarType),
+      tabIndex: 0,
       onClick: function onClick() {
         return onPrev();
       }
-    }, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureLeft, {
-      color: "inherit",
-      size: size === 'xs' ? 'xs' : 's'
-    }));
-  }, [currentCalendarType, size, onPrev]);
+    }, _IconDisclosureLeft || (_IconDisclosureLeft = /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureLeft, null)));
+  }, [currentCalendarType, onPrev]);
   var NextButton = (0, _react.useMemo)(function () {
     return /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledArrow, {
+      type: "button",
       "aria-label": "\u0421\u043B\u0435\u0434\u0443\u044E\u0449\u0438\u0439 ".concat(currentCalendarType),
+      tabIndex: 0,
       onClick: function onClick() {
         return onNext();
       }
-    }, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureRight, {
-      color: "inherit",
-      size: size === 'xs' ? 'xs' : 's'
-    }));
-  }, [currentCalendarType, size, onNext]);
-  return /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledCalendarHeader, null, isDouble ? /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledNavigation, null, /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledDoubleHeaderWrapper, null, PreviousButton, /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderDouble, {
+    }, _IconDisclosureRight || (_IconDisclosureRight = /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureRight, null)));
+  }, [currentCalendarType, onNext]);
+  return /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledCalendarHeader, null, isDouble ? /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledNavigation, null, PreviousButton, /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderDouble, {
     "aria-live": "polite"
-  }, getHeaderContent(firstDate))), /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledDoubleHeaderWrapper, {
-    className: _Calendar.classes.doubleHeaderLastDateWrapper
-  }, /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderDouble, {
+  }, getHeaderContent(firstDate)), /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderDouble, {
     "aria-live": "polite"
-  }, getHeaderContent(secondDate)), NextButton)) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeader, {
+  }, getHeaderContent(secondDate)), NextButton) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeader, {
     type: "button",
     "aria-live": "polite",
     id: "id-grid-label",

package/styled-components/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js

@@ -3,44 +3,26 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledNavigation = exports.StyledHeaderDouble = exports.StyledHeaderDate = exports.StyledHeader = exports.StyledDoubleHeaderWrapper = exports.StyledCalendarHeader = exports.StyledArrows = exports.StyledArrow = void 0;
+exports.StyledNavigation = exports.StyledHeaderDouble = exports.StyledHeader = exports.StyledCalendarHeader = exports.StyledArrows = exports.StyledArrow = void 0;
 var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
-var _Calendar = /*#__PURE__*/require("../../Calendar.tokens");
-var _engines = /*#__PURE__*/require("../../../../engines");
-var _IconButton = /*#__PURE__*/require("../../../IconButton");
 var _mixins = /*#__PURE__*/require("../../mixins");
-var _mixins2 = /*#__PURE__*/require("../../../../mixins");
+var _Calendar = /*#__PURE__*/require("../../Calendar.tokens");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var mergedIconButtonConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_IconButton.iconButtonConfig);
-var IconButton = /*#__PURE__*/(0, _engines.component)(mergedIconButtonConfig);
 var StyledCalendarHeader = exports.StyledCalendarHeader = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-186pzg3-0"
-})(["display:flex;justify-content:space-between;align-items:center;padding:var(", ");"], _Calendar.tokens.calendarHeaderWrapperPadding);
-var StyledHeader = exports.StyledHeader = /*#__PURE__*/_styledComponents["default"].button.withConfig({
+})(["padding:1rem 1.5rem 0;font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");display:flex;justify-content:space-between;align-items:center;"], _Calendar.tokens.calendarHeaderFontFamily, _Calendar.tokens.calendarHeaderFontSize, _Calendar.tokens.calendarHeaderFontStyle, _Calendar.tokens.calendarHeaderFontWeightBold, _Calendar.tokens.calendarHeaderFontLetterSpacing, _Calendar.tokens.calendarHeaderFontLineHeight);
+var StyledHeader = exports.StyledHeader = /*#__PURE__*/(0, _styledComponents["default"])(_mixins.buttonFocus).withConfig({
   componentId: "plasma-new-hope__sc-186pzg3-1"
-})(["border:none;background-color:transparent;padding:0;outline:none;font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");padding:var(", ");color:var(", ");cursor:pointer;display:flex;gap:var(", ");justify-content:space-between;align-items:center;&:hover,&:active{color:var(", ");}", ";"], _Calendar.tokens.calendarHeaderFontFamily, _Calendar.tokens.calendarHeaderFontSize, _Calendar.tokens.calendarHeaderFontStyle, _Calendar.tokens.calendarHeaderFontWeightBold, _Calendar.tokens.calendarHeaderFontLetterSpacing, _Calendar.tokens.calendarHeaderFontLineHeight, _Calendar.tokens.calendarHeaderPadding, _Calendar.tokens.calendarContentPrimaryColor, _Calendar.tokens.calendarHeaderDateGap, _Calendar.tokens.calendarContentSecondaryColor, /*#__PURE__*/(0, _mixins2.addFocus)({
-  outlineSize: '0.063rem',
-  outlineOffset: '-0.125rem',
-  outlineColor: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarOutlineFocusColor, ")"),
-  outlineRadius: '0.563rem'
-}));
-var StyledHeaderDate = exports.StyledHeaderDate = /*#__PURE__*/_styledComponents["default"].span.withConfig({
+})(["color:var(", ");cursor:pointer;padding:0.5rem 0;font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");display:flex;justify-content:space-between;align-items:center;"], _Calendar.tokens.calendarContentPrimaryColor, _Calendar.tokens.calendarHeaderFontFamily, _Calendar.tokens.calendarHeaderFontSize, _Calendar.tokens.calendarHeaderFontStyle, _Calendar.tokens.calendarHeaderFontWeightBold, _Calendar.tokens.calendarHeaderFontLetterSpacing, _Calendar.tokens.calendarHeaderFontLineHeight);
+var StyledHeaderDouble = exports.StyledHeaderDouble = /*#__PURE__*/_styledComponents["default"].h4.withConfig({
   componentId: "plasma-new-hope__sc-186pzg3-2"
-})(["", ";pointer-events:none;"], _mixins.flexCenter);
+})(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");margin-top:0;margin-bottom:0;padding:0.5rem 0;flex:1;", ";&:first-of-type{margin-right:3rem;}&:last-of-type{margin-left:3rem;}"], _Calendar.tokens.calendarHeaderFontFamily, _Calendar.tokens.calendarHeaderFontSize, _Calendar.tokens.calendarHeaderFontStyle, _Calendar.tokens.calendarHeaderFontWeightBold, _Calendar.tokens.calendarHeaderFontLetterSpacing, _Calendar.tokens.calendarHeaderFontLineHeight, /*#__PURE__*/String(_mixins.flexCenter));
 var StyledArrows = exports.StyledArrows = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-186pzg3-3"
-})(["display:flex;gap:var(", ");padding:var(", ");"], _Calendar.tokens.calendarHeaderArrowGap, _Calendar.tokens.calendarHeaderArrowPadding);
-
-// NOTE: переопределение токенов IconButton
-var StyledArrow = exports.StyledArrow = /*#__PURE__*/(0, _styledComponents["default"])(IconButton).withConfig({
+})(["padding:0.5rem 0;width:var(", ");display:flex;justify-content:space-between;align-items:center;"], _Calendar.tokens.calendarHeaderArrowContainerWidth);
+var StyledArrow = exports.StyledArrow = /*#__PURE__*/(0, _styledComponents["default"])(_mixins.buttonFocus).withConfig({
   componentId: "plasma-new-hope__sc-186pzg3-4"
-})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], _IconButton.iconButtonTokens.iconButtonColor, _Calendar.tokens.iconButtonColor, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _Calendar.tokens.iconButtonBackgroundColor, _IconButton.iconButtonTokens.iconButtonColorHover, _Calendar.tokens.iconButtonColorHover, _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, _Calendar.tokens.iconButtonBackgroundColorHover, _IconButton.iconButtonTokens.iconButtonColorActive, _Calendar.tokens.iconButtonColorActive, _IconButton.iconButtonTokens.iconButtonBackgroundColorActive, _Calendar.tokens.iconButtonBackgroundColorActive, _IconButton.iconButtonTokens.iconButtonHeight, _Calendar.tokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _Calendar.tokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonPadding, _Calendar.tokens.iconButtonPadding, _IconButton.iconButtonTokens.iconButtonRadius, _Calendar.tokens.iconButtonRadius, _IconButton.iconButtonTokens.iconButtonFocusColor, _Calendar.tokens.iconButtonFocusColor);
+})(["display:flex;cursor:pointer;"]);
 var StyledNavigation = exports.StyledNavigation = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-186pzg3-5"
-})(["width:100%;", ";"], _mixins.flexCenter);
-var StyledDoubleHeaderWrapper = exports.StyledDoubleHeaderWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  componentId: "plasma-new-hope__sc-186pzg3-6"
-})(["width:100%;display:grid;grid-template-columns:var(", ") 1fr var(", ");grid-template-areas:'a b c';", "{grid-area:a;}&.", " ", "{grid-area:c;}"], _Calendar.tokens.iconButtonWidth, _Calendar.tokens.iconButtonWidth, StyledArrow, _Calendar.classes.doubleHeaderLastDateWrapper, StyledArrow);
-var StyledHeaderDouble = exports.StyledHeaderDouble = /*#__PURE__*/_styledComponents["default"].h4.withConfig({
-  componentId: "plasma-new-hope__sc-186pzg3-7"
-})(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");grid-area:b;justify-self:center;cursor:pointer;display:flex;gap:var(", ");justify-content:space-between;align-items:center;margin:0;", ";"], _Calendar.tokens.calendarHeaderFontFamily, _Calendar.tokens.calendarHeaderFontSize, _Calendar.tokens.calendarHeaderFontStyle, _Calendar.tokens.calendarHeaderFontWeightBold, _Calendar.tokens.calendarHeaderFontLetterSpacing, _Calendar.tokens.calendarHeaderFontLineHeight, _Calendar.tokens.calendarHeaderDateGap, /*#__PURE__*/String(_mixins.flexCenter));
+})(["width:100%;", ";"], /*#__PURE__*/String(_mixins.flexCenter));

package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js

@@ -68,7 +68,7 @@ var CalendarMonths = exports.CalendarMonths = function CalendarMonths(_ref) {
         isCurrent = _ref2.isCurrent,
         monthFullName = _ref2.monthFullName;
       var selectedClass = isSelected ? _Calendar.classes.selectedItem : undefined;
-      var currentClass = isCurrent ? _Calendar.classes.currentItem : undefined;
+      var currentClass = !isSelected && isCurrent ? _Calendar.classes.currentItem : undefined;
       return /*#__PURE__*/_react["default"].createElement(_CalendarMonths.StyledMonthRoot, {
         id: "month-test-".concat(i, "-").concat(j),
         className: (0, _utils.cx)(selectedClass, currentClass, _Calendar.classes.selectableItem),

package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js

@@ -5,39 +5,25 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.StyledMonthRoot = exports.StyledMonth = exports.StyledFlex = exports.StyledCalendarMonths = void 0;
 var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
+var _mixins = /*#__PURE__*/require("../../mixins");
 var _Calendar = /*#__PURE__*/require("../../Calendar.tokens");
-var _mixins = /*#__PURE__*/require("../../../../mixins");
-var _mixins2 = /*#__PURE__*/require("../../mixins");
+var _mixins2 = /*#__PURE__*/require("../../../../mixins");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 var StyledCalendarMonths = exports.StyledCalendarMonths = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-mx5ps9-0"
-})(["padding:var(", ");box-sizing:border-box;"], _Calendar.tokens.calendarMonthsPadding);
+})(["padding:0.5rem 1.5rem 1.5rem;box-sizing:border-box;"]);
 var StyledFlex = exports.StyledFlex = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-mx5ps9-1"
-})(["", ";"], /*#__PURE__*/String(_mixins2.flexCenter));
+})(["", ";"], /*#__PURE__*/String(_mixins.flexCenter));
 var StyledMonth = exports.StyledMonth = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-mx5ps9-2"
-})(["border-radius:calc(var(", ") - 0.125rem);", ";"], _Calendar.tokens.calendarMonthItemBorderRadius, /*#__PURE__*/String(_mixins2.flexCenter));
+})(["border-radius:0.438rem;", ";"], /*#__PURE__*/String(_mixins.flexCenter));
+var selectable = /*#__PURE__*/"\n    ".concat((0, _mixins2.addFocus)({
+  outlineSize: '0.063rem',
+  outlineOffset: '-0.063rem',
+  outlineColor: "var(".concat(_Calendar.tokens.calendarOutlineFocusColor, ")"),
+  outlineRadius: '0.563rem'
+}), ";\n\n    --calendar_private-selected-min-width: 5.25rem;\n    --calendar_private-selected-min-height: 3.25rem;\n    --calendar_private-selected-background: var(").concat(_Calendar.tokens.calendarSelectedItemBackground, ");\n    --calendar_private-selected-color: var(").concat(_Calendar.tokens.calendarSelectedItemColor, ");\n    --calendar_private-selectable-background-hover: var(").concat(_Calendar.tokens.calendarSelectableItemBackgroundHover, ");\n    --calendar_private-current-border-color: var(").concat(_Calendar.tokens.calendarCurrentItemBorderColor, ");\n    --calendar_private-current-background-hover: var(").concat(_Calendar.tokens.calendarCurrentItemBackgroundHover, ");\n    --calendar_private-current-color-hover: var(").concat(_Calendar.tokens.calendarCurrentItemColorHover, ");\n    --calendar_private-current-child-background-hover: var(").concat(_Calendar.tokens.calendarCurrentItemChildBackgroundHover, ");\n    --calendar_private-active-background: var(").concat(_Calendar.tokens.calendarActiveItemBackground, ");\n    --calendar_private-active-color-hover: var(").concat(_Calendar.tokens.calendarActiveItemColor, ");\n    --calendar_private-hovered-background: var(").concat(_Calendar.tokens.calendarHoveredItemBackground, ");\n    --calendar_private-hovered-color: var(").concat(_Calendar.tokens.calendarHoveredItemColor, ");\n\n    ").concat( /*#__PURE__*/String(_mixins.selectedMixin), ";\n");
 var StyledMonthRoot = exports.StyledMonthRoot = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-mx5ps9-3"
-})(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");position:relative;box-sizing:border-box;min-height:var(", ");min-width:var(", ");border-radius:var(", ");", ";", ";", ";&.", "{", ";}"], _Calendar.tokens.calendarMonthFontFamily, _Calendar.tokens.calendarMonthFontSize, _Calendar.tokens.calendarMonthFontStyle, _Calendar.tokens.calendarMonthFontWeight, _Calendar.tokens.calendarMonthFontLetterSpacing, _Calendar.tokens.calendarMonthFontLineHeight, _Calendar.tokens.calendarMonthItemHeight, _Calendar.tokens.calendarMonthItemWidth, _Calendar.tokens.calendarMonthItemBorderRadius, /*#__PURE__*/String(_mixins2.flexCenter), /*#__PURE__*/(0, _mixins2.addSelected)({
-  minWidth: /*#__PURE__*/"calc(var(".concat(_Calendar.tokens.calendarMonthItemWidth, ") - 0.25rem)"),
-  minHeight: /*#__PURE__*/"calc(var(".concat(_Calendar.tokens.calendarMonthItemHeight, ") - 0.25rem)"),
-  selectedFontWeight: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarMonthSelectedFontWeight, ")"),
-  selectedBackground: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarSelectedItemBackground, ")"),
-  selectedColor: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarSelectedItemColor, ")"),
-  selectableBackgroundHover: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarSelectableItemBackgroundHover, ")"),
-  currentBorderColor: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarCurrentItemBorderColor, ")"),
-  activeBackground: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarActiveItemBackground, ")"),
-  activeColor: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarActiveItemColor, ")")
-}), /*#__PURE__*/(0, _mixins.addFocus)({
-  outlineSize: '0.063rem',
-  outlineOffset: '-0.125rem',
-  outlineColor: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarOutlineFocusColor, ")"),
-  outlineRadius: /*#__PURE__*/"calc(var(".concat(_Calendar.tokens.calendarMonthItemBorderRadius, ") + 0.125rem)")
-}), _Calendar.classes.currentItem, /*#__PURE__*/(0, _mixins.addFocus)({
-  outlineSize: '0.063rem',
-  outlineOffset: '-0.1875rem',
-  outlineColor: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarOutlineFocusColor, ")"),
-  outlineRadius: /*#__PURE__*/"calc(var(".concat(_Calendar.tokens.calendarMonthItemBorderRadius, ") + 0.125rem)")
-}));
+})(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");position:relative;box-sizing:border-box;min-height:3.5rem;border-radius:var(", ");flex:1;", ";", ";"], _Calendar.tokens.calendarMonthFontFamily, _Calendar.tokens.calendarMonthFontSize, _Calendar.tokens.calendarMonthFontStyle, _Calendar.tokens.calendarMonthFontWeight, _Calendar.tokens.calendarMonthFontLetterSpacing, _Calendar.tokens.calendarMonthFontLineHeight, _Calendar.tokens.calendarItemBorderRadius, /*#__PURE__*/String(_mixins.flexCenter), /*#__PURE__*/String(selectable));

package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js

@@ -67,7 +67,7 @@ var CalendarYears = exports.CalendarYears = function CalendarYears(_ref) {
         isSelected = _ref2.isSelected,
         isCurrent = _ref2.isCurrent;
       var selectedClass = isSelected ? _Calendar.classes.selectedItem : undefined;
-      var currentClass = isCurrent ? _Calendar.classes.currentItem : undefined;
+      var currentClass = !isSelected && isCurrent ? _Calendar.classes.currentItem : undefined;
       return /*#__PURE__*/_react["default"].createElement(_CalendarYears.StyledYearRoot, {
         className: (0, _utils.cx)(selectedClass, currentClass, _Calendar.classes.selectableItem),
         ref: function ref(element) {

package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js

@@ -5,39 +5,27 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.StyledYearRoot = exports.StyledYear = exports.StyledFlex = exports.StyledCalendarYears = void 0;
 var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
+var _mixins = /*#__PURE__*/require("../../mixins");
 var _Calendar = /*#__PURE__*/require("../../Calendar.tokens");
-var _mixins = /*#__PURE__*/require("../../../../mixins");
-var _mixins2 = /*#__PURE__*/require("../../mixins");
+var _mixins2 = /*#__PURE__*/require("../../../../mixins");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 var StyledCalendarYears = exports.StyledCalendarYears = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-153qwc7-0"
-})(["padding:var(", ");box-sizing:border-box;"], _Calendar.tokens.calendarYearsPadding);
+})(["padding:0.5rem 1.5rem 1.5rem;box-sizing:border-box;"]);
 var StyledFlex = exports.StyledFlex = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-153qwc7-1"
-})(["", ";"], /*#__PURE__*/String(_mixins2.flexCenter));
+})(["", ";"], /*#__PURE__*/String(_mixins.flexCenter));
 var StyledYear = exports.StyledYear = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-153qwc7-2"
-})(["border-radius:calc(var(", ") - 0.125rem);", ";"], _Calendar.tokens.calendarYearItemBorderRadius, /*#__PURE__*/String(_mixins2.flexCenter));
+})(["border-radius:0.438rem;", ";"], /*#__PURE__*/String(_mixins.flexCenter));
+var selectable = function selectable() {
+  return "\n    ".concat((0, _mixins2.addFocus)({
+    outlineSize: '0.063rem',
+    outlineOffset: '-0.063rem',
+    outlineColor: "var(".concat(_Calendar.tokens.calendarOutlineFocusColor, ")"),
+    outlineRadius: '0.563rem'
+  }), ";\n\n    --calendar_private-selected-min-width: 5.25rem;\n    --calendar_private-selected-min-height: 3.25rem;\n    --calendar_private-selected-background: var(").concat(_Calendar.tokens.calendarSelectedItemBackground, ");\n    --calendar_private-selected-color: var(").concat(_Calendar.tokens.calendarSelectedItemColor, ");\n    --calendar_private-selectable-background-hover: var(").concat(_Calendar.tokens.calendarSelectableItemBackgroundHover, ");\n    --calendar_private-current-border-color: var(").concat(_Calendar.tokens.calendarCurrentItemBorderColor, ");\n    --calendar_private-current-background-hover: var(").concat(_Calendar.tokens.calendarCurrentItemBackgroundHover, ");\n    --calendar_private-current-color-hover: var(").concat(_Calendar.tokens.calendarCurrentItemColorHover, ");\n    --calendar_private-current-child-background-hover: var(").concat(_Calendar.tokens.calendarCurrentItemChildBackgroundHover, ");\n    --calendar_private-active-background: var(").concat(_Calendar.tokens.calendarActiveItemBackground, ");\n    --calendar_private-active-color: var(").concat(_Calendar.tokens.calendarActiveItemColor, ");\n    --calendar_private-hovered-background: var(").concat(_Calendar.tokens.calendarHoveredItemBackground, ");\n    --calendar_private-hovered-color: var(").concat(_Calendar.tokens.calendarHoveredItemColor, ");\n    \n    ").concat(String(_mixins.selectedMixin), ";\n");
+};
 var StyledYearRoot = exports.StyledYearRoot = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-153qwc7-3"
-})(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");position:relative;box-sizing:border-box;min-height:var(", ");min-width:var(", ");border-radius:var(", ");", ";", ";", ";&.", "{", ";}"], _Calendar.tokens.calendarYearFontFamily, _Calendar.tokens.calendarYearFontSize, _Calendar.tokens.calendarYearFontStyle, _Calendar.tokens.calendarYearFontWeight, _Calendar.tokens.calendarYearFontLetterSpacing, _Calendar.tokens.calendarYearFontLineHeight, _Calendar.tokens.calendarYearItemHeight, _Calendar.tokens.calendarYearItemWidth, _Calendar.tokens.calendarYearItemBorderRadius, /*#__PURE__*/String(_mixins2.flexCenter), /*#__PURE__*/(0, _mixins2.addSelected)({
-  minWidth: /*#__PURE__*/"calc(var(".concat(_Calendar.tokens.calendarYearItemWidth, ") - 0.25rem)"),
-  minHeight: /*#__PURE__*/"calc(var(".concat(_Calendar.tokens.calendarYearItemHeight, ") - 0.25rem)"),
-  selectedFontWeight: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarYearSelectedFontWeight, ")"),
-  selectedBackground: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarSelectedItemBackground, ")"),
-  selectedColor: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarSelectedItemColor, ")"),
-  selectableBackgroundHover: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarSelectableItemBackgroundHover, ")"),
-  currentBorderColor: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarCurrentItemBorderColor, ")"),
-  activeBackground: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarActiveItemBackground, ")"),
-  activeColor: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarActiveItemColor, ")")
-}), /*#__PURE__*/(0, _mixins.addFocus)({
-  outlineSize: '0.063rem',
-  outlineOffset: '-0.125rem',
-  outlineColor: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarOutlineFocusColor, ")"),
-  outlineRadius: /*#__PURE__*/"calc(var(".concat(_Calendar.tokens.calendarYearItemBorderRadius, ") + 0.125rem)")
-}), _Calendar.classes.currentItem, /*#__PURE__*/(0, _mixins.addFocus)({
-  outlineSize: '0.063rem',
-  outlineOffset: '-0.1875rem',
-  outlineColor: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarOutlineFocusColor, ")"),
-  outlineRadius: /*#__PURE__*/"calc(var(".concat(_Calendar.tokens.calendarYearItemBorderRadius, ") + 0.125rem)")
-}));
+})(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");position:relative;box-sizing:border-box;min-height:3.5rem;border-radius:var(", ");flex:1;", ";", ";"], _Calendar.tokens.calendarYearFontFamily, _Calendar.tokens.calendarYearFontSize, _Calendar.tokens.calendarYearFontStyle, _Calendar.tokens.calendarYearFontWeight, _Calendar.tokens.calendarYearFontLetterSpacing, _Calendar.tokens.calendarYearFontLineHeight, _Calendar.tokens.calendarItemBorderRadius, /*#__PURE__*/String(_mixins.flexCenter), /*#__PURE__*/selectable());

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

@@ -23,6 +23,8 @@ var tokens = exports.tokens = {
   focusColor: '--plasma-chip-focus-color',
   outlineSize: '--plasma-chip-outline-size',
   closeIconColor: '--plasma-chip-close-icon-color',
+  closeIconColorHover: '--plasma-chip-close-icon-color-hover',
+  closeIconColorActive: '--plasma-chip-close-icon-color-active',
   borderRadius: '--plasma-chip-border-radius',
   pilledBorderRadius: '--plasma-chip-pilled-border-radius',
   width: '--plasma-chip-width',

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

@@ -8,9 +8,10 @@ exports.comboboxRoot = exports.comboboxConfig = void 0;
 var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
 var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
 var _utils = /*#__PURE__*/require("../../utils");
-var _utils2 = /*#__PURE__*/require("../Select/utils");
-var _hooks = /*#__PURE__*/require("../Select/hooks");
-var _hooks2 = /*#__PURE__*/require("../../hooks");
+var _utils2 = /*#__PURE__*/require("../Dropdown/utils");
+var _hooks = /*#__PURE__*/require("../../hooks");
+var _utils3 = /*#__PURE__*/require("./utils");
+var _hooks2 = /*#__PURE__*/require("./hooks");
 var _base = /*#__PURE__*/require("./variations/_view/base");
 var _base2 = /*#__PURE__*/require("./variations/_size/base");
 var _ui = /*#__PURE__*/require("./ui");
@@ -58,7 +59,7 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
       onKeyDown = _ref.onKeyDown,
       filterFunction = _ref.filterFunction,
       rest = _objectWithoutProperties(_ref, _excluded);
-    var forceUpdate = (0, _hooks2.useForceUpdate)();
+    var forceUpdate = (0, _hooks.useForceUpdate)();
     var uniqId = (0, _plasmaCore.safeUseId)();
     var innerId = id || uniqId;
     var _rest$valueType = rest.valueType,
@@ -101,7 +102,7 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
     // INFO: Из-за того, что классы передаются через ref,
     // состояние пропсов после изменения view, size
     // всегда предыдущее, поэтому нужно делать форс-ререндер
-    (0, _hooks2.useDidMountEffect)(function () {
+    (0, _hooks.useDidMountEffect)(function () {
       forceUpdate();
     }, [view, size]);
     (0, _react.useEffect)(function () {
@@ -137,11 +138,11 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
       var newValue = item.dataset.value;
       if (rest.valueType === 'multiple') {
         var _rest$onChangeValue;
-        var _newSelected = (0, _utils2.getNewSelected)(rest.value, newValue, rest.valueType);
+        var _newSelected = (0, _utils3.getNewSelected)(rest.value, newValue, rest.valueType);
         (_rest$onChangeValue = rest.onChangeValue) === null || _rest$onChangeValue === void 0 || _rest$onChangeValue.call(rest, _newSelected);
         return;
       }
-      var newSelected = (0, _utils2.getNewSelected)(rest.value, newValue, 'single');
+      var newSelected = (0, _utils3.getNewSelected)(rest.value, newValue, 'single');
       (_rest$onChangeValue2 = rest.onChangeValue) === null || _rest$onChangeValue2 === void 0 || _rest$onChangeValue2.call(rest, newSelected);
       onInnerToggle === null || onInnerToggle === void 0 || onInnerToggle(false, event);
       closedWithoutChanges.current = false;
@@ -159,7 +160,7 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
       }
       (_rest$onChangeValue3 = rest.onChangeValue) === null || _rest$onChangeValue3 === void 0 || _rest$onChangeValue3.call(rest, newValue);
     };
-    var _useKeyNavigation = (0, _hooks.useKeyNavigation)({
+    var _useKeyNavigation = (0, _hooks2.useKeyNavigation)({
         controlledRefs: controlledRefs,
         opened: innerOpened,
         enumerationType: enumerationType,
@@ -173,11 +174,11 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
       onKeyDownTarget = _useKeyNavigation.onKeyDownTarget,
       onKeyDownSelect = _useKeyNavigation.onKeyDownSelect;
     var childrenArray = _react.Children.toArray(children);
-    var childrenMemo = (0, _utils2.getChildren)(childrenArray, {
+    var childrenMemo = (0, _utils3.getChildren)(childrenArray, {
       onClick: onClickChildrenItem,
       childrenRefs: itemsRefs
     }, value, filterValue, filterFunction).filter(Boolean);
-    var values = (0, _utils2.getValues)(childrenArray, value);
+    var values = (0, _utils3.getValues)(childrenArray, value);
     var onSearch = function onSearch(newSearch, newOpened) {
       setSearch(newSearch);
       setFilterValue(newSearch);
@@ -226,7 +227,7 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
       ,
       id: innerId,
       offset: offset,
-      placement: (0, _utils.getPlacements)(placement),
+      placement: (0, _utils2.getPlacements)(placement),
       usePortal: usePortal,
       selectWidth: dynamicTargetWidth,
       frame: frame,

package/styled-components/cjs/components/Combobox/hooks/index.js

@@ -3,10 +3,23 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "Keys", {
+  enumerable: true,
+  get: function get() {
+    return _useKeyNavigation.Keys;
+  }
+});
 Object.defineProperty(exports, "useFocusController", {
   enumerable: true,
   get: function get() {
     return _useFocusController.useFocusController;
   }
 });
-var _useFocusController = /*#__PURE__*/require("./useFocusController");
+Object.defineProperty(exports, "useKeyNavigation", {
+  enumerable: true,
+  get: function get() {
+    return _useKeyNavigation.useKeyNavigation;
+  }
+});
+var _useFocusController = /*#__PURE__*/require("./useFocusController");
+var _useKeyNavigation = /*#__PURE__*/require("./useKeyNavigation");

package/styled-components/cjs/components/Combobox/ui/ComboboxTarget/ComboboxTarget.js

@@ -10,7 +10,6 @@ var _Combobox = /*#__PURE__*/require("../../Combobox.tokens");
 var _utils = /*#__PURE__*/require("../../../../utils");
 var _ComboboxChip = /*#__PURE__*/require("../ComboboxChip/ComboboxChip");
 var _hooks = /*#__PURE__*/require("../../hooks");
-var _useKeyNavigation = /*#__PURE__*/require("../../../Select/hooks/useKeyNavigation");
 var _ComboboxTarget = /*#__PURE__*/require("./ComboboxTarget.styles");
 var _excluded = ["values", "search", "label", "placeholder", "opened", "readOnly", "disabled", "enumerationType", "valueType", "size", "closedWithoutChanges", "id", "chipsRefs", "inputRef", "onChange", "onSearch", "onKeyDown"];
 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); }
@@ -124,20 +123,20 @@ var ComboboxTarget = exports.ComboboxTarget = /*#__PURE__*/(0, _react.forwardRef
   };
   var onChipKeyDown = function onChipKeyDown(value, text, index, event) {
     var code = event.code;
-    if (code === _useKeyNavigation.Keys.Tab) {
+    if (code === _hooks.Keys.Tab) {
       event.preventDefault();
     }
-    if (code === _useKeyNavigation.Keys.Backspace) {
+    if (code === _hooks.Keys.Backspace) {
       onChipClear(value, text, index);
     }
   };
   var onKeyDownInput = function onKeyDownInput(event) {
     var _event$currentTarget;
     var code = event.code;
-    if (opened && code === _useKeyNavigation.Keys.Tab) {
+    if (opened && code === _hooks.Keys.Tab) {
       event.preventDefault();
     }
-    if (code === _useKeyNavigation.Keys.Backspace && !((_event$currentTarget = event.currentTarget) !== null && _event$currentTarget !== void 0 && _event$currentTarget.value.length)) {
+    if (code === _hooks.Keys.Backspace && !((_event$currentTarget = event.currentTarget) !== null && _event$currentTarget !== void 0 && _event$currentTarget.value.length)) {
       var newValue = values === null || values === void 0 ? void 0 : values.map(function (_ref10) {
         var _ref11 = _slicedToArray(_ref10, 1),
           itemValue = _ref11[0];

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

@@ -3,10 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getValidComponent = void 0;
+exports.updatePropsRecursively = exports.getValues = exports.getValidComponent = exports.getNewSelected = exports.getChildren = void 0;
 var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
 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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 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); }
 var isReactObject = function isReactObject(element) {
   return _typeof(element) === 'object' || typeof element === 'function';
@@ -20,4 +25,103 @@ var getValidComponent = exports.getValidComponent = function getValidComponent(e
     return /*#__PURE__*/_react["default"].createElement(Component, props);
   }
   return element;
+};
+var getNewSelected = exports.getNewSelected = function getNewSelected(selected, newValue, type) {
+  if (newValue === undefined || newValue === null) {
+    return newValue;
+  }
+  if ((type === 'single' || type === 'native') && (typeof newValue === 'string' || typeof newValue === 'number' || typeof newValue === 'boolean')) {
+    return newValue;
+  }
+  var newSelected = selected || [];
+  var set = new Set(newSelected);
+  if (set.has(newValue)) {
+    set["delete"](newValue);
+  } else {
+    set.add(newValue);
+  }
+  return Array.from(set);
+};
+var getChildrenInnerText = function getChildrenInnerText(children) {
+  if (!children || typeof children === 'string') {
+    return children;
+  }
+  return getChildrenInnerText(children.props.children);
+};
+var getValues = exports.getValues = function getValues(items, value) {
+  var result = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+  items.forEach(function (item) {
+    if (item.props === undefined) {
+      return result;
+    }
+    var newValue = item.props.value;
+    if (item.props.children && Array.isArray(item.props.children)) {
+      return getValues(item.props.children, value, result);
+    }
+    if (!Array.isArray(value) && newValue === value || Array.isArray(value) && value !== null && value !== void 0 && value.find(function (v) {
+      return newValue === v;
+    })) {
+      var index = Array.isArray(value) && (value === null || value === void 0 ? void 0 : value.findIndex(function (v) {
+        return newValue === v;
+      })) || 0;
+      if (item.props.text) {
+        var _newText = item.props.text;
+        result[index] = [newValue, _newText];
+        return;
+      }
+      var newText = getChildrenInnerText(item.props.children);
+      result[index] = [newValue, newText];
+    }
+    return result;
+  });
+  return result;
+};
+var getChildrenItemChecked = function getChildrenItemChecked(value, child) {
+  return !Array.isArray(value) && (child === null || child === void 0 ? void 0 : child.props.value) === value || Array.isArray(value) && Boolean(value === null || value === void 0 ? void 0 : value.find(function (v) {
+    return (child === null || child === void 0 ? void 0 : child.props.value) === v;
+  }));
+};
+
+// INFO: Функция для рекурсивного обновления пропсов
+var updatePropsRecursively = exports.updatePropsRecursively = function updatePropsRecursively(children, externalProps, value, search, filterFunction) {
+  return _react.Children.map(children || [], function (child) {
+    if (! /*#__PURE__*/(0, _react.isValidElement)(child)) {
+      return child;
+    }
+    var hasValue = ('value' in (child === null || child === void 0 ? void 0 : child.props));
+    var props = _objectSpread({
+      key: "".concat(value, "$"),
+      checked: getChildrenItemChecked(value, child)
+    }, hasValue && {
+      ref: function ref(element) {
+        var _externalProps$childr;
+        if (externalProps !== null && externalProps !== void 0 && (_externalProps$childr = externalProps.childrenRefs) !== null && _externalProps$childr !== void 0 && _externalProps$childr.current && element) {
+          externalProps.childrenRefs.current.push(element);
+        }
+      },
+      onClick: function onClick(event) {
+        var _child$props$onClick, _child$props, _externalProps$onClic;
+        (_child$props$onClick = (_child$props = child.props).onClick) === null || _child$props$onClick === void 0 || _child$props$onClick.call(_child$props, event);
+        externalProps === null || externalProps === void 0 || (_externalProps$onClic = externalProps.onClick) === null || _externalProps$onClic === void 0 || _externalProps$onClic.call(externalProps, event);
+      }
+    });
+    var updatedChild = updatePropsRecursively(child.props.children, externalProps, value, search, filterFunction);
+    if (filterFunction) {
+      var _child$props2;
+      var text = ((_child$props2 = child.props) === null || _child$props2 === void 0 ? void 0 : _child$props2.text) || '';
+      return filterFunction(text, search) ? /*#__PURE__*/(0, _react.cloneElement)(child, props, updatedChild) : null;
+    }
+    return /*#__PURE__*/(0, _react.cloneElement)(child, props, updatedChild);
+  });
+};
+var defaultFilterFunction = function defaultFilterFunction(text) {
+  var filterValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  return text.includes(filterValue);
+};
+var getChildren = exports.getChildren = function getChildren(children, externalProps, value, search) {
+  var filterFunction = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : defaultFilterFunction;
+  if (externalProps.childrenRefs) {
+    externalProps.childrenRefs.current = [];
+  }
+  return updatePropsRecursively(children, externalProps, value, search, filterFunction);
 };

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

@@ -124,7 +124,7 @@ var dropdownRoot = exports.dropdownRoot = function dropdownRoot(Root) {
       usePortal: false,
       onToggle: handleGlobalToggle,
       offset: offset,
-      placement: (0, _utils.getPlacements)(placement),
+      placement: (0, _utils2.getPlacements)(placement),
       trigger: trigger,
       closeOnOverlayClick: closeOnOverlayClick,
       isFocusTrapped: false,
@@ -162,8 +162,7 @@ var dropdownRoot = exports.dropdownRoot = function dropdownRoot(Root) {
         onItemClick: onItemClick,
         listWidth: listWidth,
         variant: variant,
-        hasArrow: hasArrow,
-        size: size
+        hasArrow: hasArrow
       });
     }))));
   });