@salutejs/plasma-new-hope 0.175.3-canary.1512.11555735717.0 → 0.176.0-canary.1506.11558916131.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.175.3-canary.1512.11555735717.0",
+  "version": "0.176.0-canary.1506.11558916131.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -128,5 +128,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "f4cb0c375aaf7071d4cfff44362dde5c7a8fbb1f"
+  "gitHead": "87749f0cdfb43c0c0c966b6b8c6ad1865b64fe74"
 }

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

@@ -68,6 +68,7 @@ var tokens = exports.tokens = {
   textFieldDisabledOpacity: '--plasma-autocomplete-textfield-disabled-opacity',
   textFieldFocusColor: '--plasma-autocomplete-textfield-focus-color',
   textFieldContentSlotColor: '--plasma-autocomplete-content-color',
+  textFieldContentSlotRightColor: '--plasma-autocomplete-content-right-color',
   // Токены для дропдауна
   background: '--plasma-autocomplete-background',
   boxShadow: '--plasma-autocomplete-box-shadow',

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

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

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

@@ -35,6 +35,8 @@ var innerTokens = exports.innerTokens = {
 var tokens = exports.tokens = {
   calendarWidth: '--plasma-calendar-width',
   calendarHeight: '--plasma-calendar-height',
+  calendarBorderWidth: '--plasma-calendar-border-width',
+  calendarBorderColor: '--plasma-calendar-border-color',
   /* Токены размера сетки лет */
   calendarYearsPadding: '--plasma-calendar-years-padding',
   calendarYearItemBorderRadius: '--plasma-calendar-year-item-border-radius',
@@ -97,6 +99,7 @@ var tokens = exports.tokens = {
   calendarHeaderFontLineHeight: '--plasma-calendar-header-line-height',
   calendarHeaderFontWeight: '--plasma-calendar-header-font-weight',
   calendarHeaderFontWeightBold: '--plasma-calendar-header-font-weight-bold',
+  calendarHeaderArrowColor: '--plasma-calendar-header-arrow-color',
   /* Токены стрелок навигации календаря */
   iconButtonColor: '--plasma-calendar-icon-button-color',
   iconButtonBackgroundColor: '--plasma-calendar-icon-button-background',
@@ -114,6 +117,7 @@ var tokens = exports.tokens = {
   calendarSelectedItemColor: '--plasma-calendar-selected-item-color',
   calendarSelectableItemBackgroundHover: '--plasma-calendar-selectable-item-bg-hover',
   calendarCurrentItemBorderColor: '--plasma-calendar-current-item-border-color',
+  calendarCurrentItemBorderWidth: '--plasma-calendar-current-item-border-width',
   calendarCurrentItemBackgroundHover: '--plasma-calendar-current-item-bg-hover',
   calendarCurrentItemColorHover: '--plasma-calendar-current-item-color-hover',
   calendarCurrentItemChildBackgroundHover: '--plasma-calendar-current-item-child-bg-hover',

package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js

@@ -11,7 +11,7 @@ var _templateObject;
 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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var StyledCalendar = exports.StyledCalendar = /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n    position: relative;\n    user-select: none;\n    z-index: 1;\n\n    width: var(", ");\n    height: var(", ");\n"])), _Calendar.tokens.calendarWidth, _Calendar.tokens.calendarHeight);
+var StyledCalendar = exports.StyledCalendar = /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n    position: relative;\n    user-select: none;\n    z-index: 1;\n\n    width: var(", ");\n    height: var(", ");\n    border: var(", ") solid var(", ");\n"])), _Calendar.tokens.calendarWidth, _Calendar.tokens.calendarHeight, _Calendar.tokens.calendarBorderWidth, _Calendar.tokens.calendarBorderColor);
 var IsOutOfRange = exports.IsOutOfRange = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-1xkgu4c-0"
 })(["position:absolute;padding:0;margin:0;height:0;width:0;border:0;overflow:hidden;clip:rect(0 0 0 0);"]);

package/styled-components/cjs/components/Calendar/mixins/selected.js

@@ -12,6 +12,7 @@ var addSelected = exports.addSelected = function addSelected(args) {
     selectedBackground = args.selectedBackground,
     selectedColor = args.selectedColor,
     selectableBackgroundHover = args.selectableBackgroundHover,
-    currentBorderColor = args.currentBorderColor;
-  return "\n        outline: none;\n        cursor: pointer;\n\n        &:hover {\n            background-color: ".concat(selectableBackgroundHover, ";\n        };\n        \n\n        &.").concat(_Calendar.classes.hoveredItem, ", &.").concat(_Calendar.classes.hoveredItem, ":hover {\n            background-color: ").concat(selectedBackground, ";\n            color: ").concat(selectedColor, ";\n            cursor: pointer;\n            font-weight: ").concat(selectedFontWeight, ";\n        }\n\n        &.").concat(_Calendar.classes.selectedItem, ":not(.").concat(_Calendar.classes.currentItem, ") {\n            border: 0;\n            background-color: ").concat(selectedBackground, ";\n            color: ").concat(selectedColor, ";\n            cursor: default;\n            font-weight: ").concat(selectedFontWeight, ";\n        };\n\n        &.").concat(_Calendar.classes.currentItem, " {\n            border: 0.063rem solid ").concat(currentBorderColor, ";\n\n            &.").concat(_Calendar.classes.selectedItem, " {\n                background-color: initial;\n                color: ").concat(selectedColor, ";\n                font-weight: ").concat(selectedFontWeight, ";\n\n                & > div:first-of-type {\n                    background-color: ").concat(selectedBackground, ";\n                    min-width: ").concat(minWidth, ";\n                    min-height: ").concat(minHeight, ";\n                }\n            }\n        };\n    ");
+    currentBorderColor = args.currentBorderColor,
+    currentBorderWidth = args.currentBorderWidth;
+  return "\n        outline: none;\n        cursor: pointer;\n\n        &:hover {\n            background-color: ".concat(selectableBackgroundHover, ";\n        };\n        \n\n        &.").concat(_Calendar.classes.hoveredItem, ", &.").concat(_Calendar.classes.hoveredItem, ":hover {\n            background-color: ").concat(selectedBackground, ";\n            color: ").concat(selectedColor, ";\n            cursor: pointer;\n            font-weight: ").concat(selectedFontWeight, ";\n        }\n\n        &.").concat(_Calendar.classes.selectedItem, ":not(.").concat(_Calendar.classes.currentItem, ") {\n            border: 0;\n            background-color: ").concat(selectedBackground, ";\n            color: ").concat(selectedColor, ";\n            cursor: default;\n            font-weight: ").concat(selectedFontWeight, ";\n        };\n\n        &.").concat(_Calendar.classes.currentItem, " {\n            border: ").concat(currentBorderWidth, " solid ").concat(currentBorderColor, ";\n\n            &.").concat(_Calendar.classes.selectedItem, " {\n                background-color: initial;\n                color: ").concat(selectedColor, ";\n                font-weight: ").concat(selectedFontWeight, ";\n\n                & > div:first-of-type {\n                    background-color: ").concat(selectedBackground, ";\n                    min-width: ").concat(minWidth, ";\n                    min-height: ").concat(minHeight, ";\n                }\n            }\n        };\n    ");
 };

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

@@ -44,20 +44,20 @@ 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[locale][date.monthIndex]), /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderDate, null, date.year, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureDownFill, {
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderDate, null, _utils.MONTH_NAMES[locale][date.monthIndex]), /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderDate, null, date.year, /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderArrow, {
         color: "inherit",
         size: size === 'xs' ? 'xs' : 's'
       })));
     }
     if (type === _types.CalendarState.Months || type === _types.CalendarState.Quarters) {
-      return /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderDate, null, date.year, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureDownFill, {
+      return /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderDate, null, date.year, /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderArrow, {
         color: "inherit",
         size: size === 'xs' ? 'xs' : 's'
       }));
     }
     if (type === _types.CalendarState.Years) {
       var yearValue = secondPart ? startYear + 12 : startYear;
-      return /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderDate, null, yearValue, "\u2014", yearValue + _utils.YEAR_RENDER_COUNT - 1, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureDownFill, {
+      return /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderDate, null, yearValue, "\u2014", yearValue + _utils.YEAR_RENDER_COUNT - 1, /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderArrow, {
         color: "inherit",
         size: size === 'xs' ? 'xs' : 's'
       }));

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

@@ -3,13 +3,14 @@
 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.StyledHeaderDate = exports.StyledHeaderArrow = exports.StyledHeader = exports.StyledDoubleHeaderWrapper = 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 _Icon = /*#__PURE__*/require("../../../_Icon");
 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);
@@ -48,4 +49,7 @@ var StyledHeaderDouble = exports.StyledHeaderDouble = /*#__PURE__*/_styledCompon
   outlineOffset: '-0.125rem',
   outlineColor: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarOutlineFocusColor, ")"),
   outlineRadius: '0.563rem'
-}));
+}));
+var StyledHeaderArrow = exports.StyledHeaderArrow = /*#__PURE__*/(0, _styledComponents["default"])(_Icon.IconDisclosureDownFill).withConfig({
+  componentId: "plasma-new-hope__sc-186pzg3-8"
+})(["color:var(", ",var(", "));"], _Calendar.tokens.calendarHeaderArrowColor, _Calendar.tokens.calendarContentPrimaryColor);

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

@@ -43,6 +43,7 @@ var StyledItemRoot = exports.StyledItemRoot = /*#__PURE__*/_styledComponents["de
   selectedColor: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarSelectedItemColor, ")"),
   selectableBackgroundHover: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarSelectableItemBackgroundHover, ")"),
   currentBorderColor: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarCurrentItemBorderColor, ")"),
+  currentBorderWidth: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarCurrentItemBorderWidth, ")"),
   activeBackground: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarActiveItemBackground, ")"),
   activeColor: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarActiveItemColor, ")")
 }), /*#__PURE__*/(0, _mixins.addFocus)({

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

@@ -31,12 +31,12 @@ var Ul = exports.Ul = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
 }, _Combobox.tokens.padding, _Combobox.classes.emptyStateWrapper);
 var IconArrowWrapper = exports.IconArrowWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-2kddkg-1"
-})(["line-height:0;color:var(", ");cursor:", ";.", "{transform:rotate(-180deg);}&:hover,&:active{color:", ";}"], _Combobox.constants.disclosureIconColor, function (_ref5) {
+})(["line-height:0;color:var(", ",var(", "));cursor:", ";.", "{transform:rotate(-180deg);}&:hover,&:active{color:", ";}"], _Combobox.tokens.disclosureIconColor, _Combobox.constants.disclosureIconColor, function (_ref5) {
   var disabled = _ref5.disabled;
   return disabled ? 'inherit' : 'pointer';
 }, _Combobox.classes.arrowInverse, function (_ref6) {
   var disabled = _ref6.disabled;
-  return disabled ? "var(".concat(_Combobox.constants.disclosureIconColor, ")") : "var(".concat(_Combobox.constants.disclosureIconColorHover, ")");
+  return disabled ? "var(".concat(_Combobox.tokens.disclosureIconColor, ", var(").concat(_Combobox.constants.disclosureIconColor, "))") : "var(".concat(_Combobox.tokens.disclosureIconColorHover, ", var(").concat(_Combobox.constants.disclosureIconColorHover, "))");
 });
 var StyledArrow = exports.StyledArrow = /*#__PURE__*/(0, _styledComponents["default"])(_Icon.IconDisclosureDownCentered).withConfig({
   componentId: "plasma-new-hope__sc-2kddkg-2"

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

@@ -36,6 +36,8 @@ var tokens = exports.tokens = {
   itemIconSize: '--plasma-combobox-item-icon-size',
   itemIconSizeTight: '--plasma-combobox-item-icon-size-tight',
   itemIconMargin: '--plasma-combobox-item-icon-margin',
+  itemBackground: '--plasma-combobox-item-background',
+  itemBackgroundHover: '--plasma-combobox-item-background-hover',
   cellPadding: '--plasma-combobox-cell-padding',
   cellPaddingLeftContent: '--plasma-combobox-cell-padding-left-content',
   cellPaddingContent: '--plasma-combobox-cell-padding-content',
@@ -151,7 +153,9 @@ var tokens = exports.tokens = {
   helperTextColor: '--plasma-combobox-helper-text-color',
   helperTextOffset: '--plasma-combobox-helper-text-offset',
   spinnerSize: '--plasma-combobox-spinner-size',
-  spinnerSizeTight: '--plasma-combobox-spinner-size-tight'
+  spinnerSizeTight: '--plasma-combobox-spinner-size-tight',
+  disclosureIconColor: '--plasma-combobox-disclosure-icon-color',
+  disclosureIconColorHover: '--plasma-combobox-disclosure-icon-color-hover'
 };
 var constants = exports.constants = {
   focusColor: '--surface-accent',

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

@@ -38,7 +38,7 @@ var StyledContentRight = exports.StyledContentRight = /*#__PURE__*/_styledCompon
 })(["margin-left:auto;display:inline-flex;"]);
 var DisclosureIconWrapper = exports.DisclosureIconWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-1n1xg1s-6"
-})(["line-height:0;color:var(", ");&:hover{color:var(", ");}"], _Combobox.constants.disclosureIconColor, _Combobox.constants.disclosureIconColorHover);
+})(["line-height:0;color:var(", ",var(", "));&:hover{color:var(", ",var(", "));}"], _Combobox.tokens.disclosureIconColor, _Combobox.constants.disclosureIconColor, _Combobox.tokens.disclosureIconColorHover, _Combobox.constants.disclosureIconColorHover);
 var IconWrapper = exports.IconWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-1n1xg1s-7"
 })(["display:flex;align-items:center;justify-content:center;flex:none;width:", ";height:", ";margin:var(", ");line-height:0;color:var(", ");"], function (_ref) {
@@ -53,10 +53,10 @@ var StyledText = exports.StyledText = /*#__PURE__*/_styledComponents["default"].
 })(["", ";flex:1;"], /*#__PURE__*/(0, _mixins.applyEllipsis)());
 var Wrapper = exports.Wrapper = /*#__PURE__*/_styledComponents["default"].li.withConfig({
   componentId: "plasma-new-hope__sc-1n1xg1s-9"
-})(["display:flex;align-items:center;min-height:var(", ");margin:0;box-sizing:content-box;padding:", ";font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");background-color:var(", ");color:var(--text-primary);border-radius:var(", ");user-select:none;border-right:2px solid transparent;border-left:2px solid transparent;background-clip:padding-box;&:hover:not(.", "){cursor:pointer;background-color:var(", ");}&.", "{background-color:var(", ");}&.", "{opacity:", ";cursor:not-allowed;}:focus{outline:none;}", ";"], _Combobox.tokens.itemHeight, function (_ref3) {
+})(["display:flex;align-items:center;min-height:var(", ");margin:0;box-sizing:content-box;padding:", ";font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");background-color:var(", ",var(", "));color:var(--text-primary);border-radius:var(", ");user-select:none;border-right:2px solid transparent;border-left:2px solid transparent;background-clip:padding-box;&:hover:not(.", "){cursor:pointer;background-color:var(", ",var(", "));}&.", "{background-color:var(", ",var(", "));}&.", "{opacity:", ";cursor:not-allowed;}:focus{outline:none;}", ";"], _Combobox.tokens.itemHeight, function (_ref3) {
   var variant = _ref3.variant;
   return "var(".concat(variant === 'tight' ? _Combobox.tokens.itemPaddingTight : _Combobox.tokens.itemPadding, ")");
-}, _Combobox.tokens.fontFamily, _Combobox.tokens.fontSize, _Combobox.tokens.fontStyle, _Combobox.tokens.fontWeight, _Combobox.tokens.fontLetterSpacing, _Combobox.tokens.fontLineHeight, _Combobox.constants.itemBackground, _Combobox.tokens.borderRadius, _Combobox.classes.dropdownItemIsDisabled, _Combobox.constants.itemBackgroundHover, _Combobox.classes.dropdownItemIsActive, _Combobox.constants.itemBackgroundHover, _Combobox.classes.dropdownItemIsDisabled, _Combobox.constants.opacity, /*#__PURE__*/(0, _mixins.addFocus)({
+}, _Combobox.tokens.fontFamily, _Combobox.tokens.fontSize, _Combobox.tokens.fontStyle, _Combobox.tokens.fontWeight, _Combobox.tokens.fontLetterSpacing, _Combobox.tokens.fontLineHeight, _Combobox.tokens.itemBackground, _Combobox.constants.itemBackground, _Combobox.tokens.borderRadius, _Combobox.classes.dropdownItemIsDisabled, _Combobox.tokens.itemBackgroundHover, _Combobox.constants.itemBackgroundHover, _Combobox.classes.dropdownItemIsActive, _Combobox.tokens.itemBackgroundHover, _Combobox.constants.itemBackgroundHover, _Combobox.classes.dropdownItemIsDisabled, _Combobox.constants.opacity, /*#__PURE__*/(0, _mixins.addFocus)({
   outlineSize: '0.0625rem',
   outlineOffset: '0',
   outlineColor: /*#__PURE__*/"var(".concat(_Combobox.constants.focusColor, ")"),

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

@@ -115,12 +115,16 @@ var tokens = exports.tokens = {
   textFieldTextBeforeMargin: '--plasma-date-picker-textfield__before-text-margin',
   textFieldTextAfterMargin: '--plasma-date-picker-textfield__after-text-margin',
   textFieldContentSlotColor: '--plasma-date-picker-textfield__content-color',
+  textFieldContentRightSlotColor: '--plasma-date-picker-textfield__content-right-color',
+  textFieldContentRightSlotColorHover: '--plasma-date-picker-textfield__content-right-color-hover',
   /** Токены календаря */
   calendarPaddingTop: '--plasma-date-picker-calendar-padding-top',
   calendarShadow: '--plasma-date-picker-calendar-shadow',
   calendarBorderRadius: '--plasma-date-picker-calendar-border-radius',
   calendarWidth: '--plasma-date-picker-calendar-width',
   calendarHeight: '--plasma-date-picker-calendar-height',
+  calendarBorderWidth: '--plasma-date-picker-calendar-border-width',
+  calendarBorderColor: '--plasma-date-picker-calendar-border-color',
   calendarYearsPadding: '--plasma-date-picker-calendar__years-padding',
   calendarYearItemBorderRadius: '--plasma-date-picker-calendar__year-item-border-radius',
   calendarYearItemWidth: '--plasma-date-picker-calendar__year-item-width',
@@ -178,6 +182,7 @@ var tokens = exports.tokens = {
   calendarHeaderFontLineHeight: '--plasma-date-picker-calendar__header-line-height',
   calendarHeaderFontWeight: '--plasma-date-picker-calendar__header-font-weight',
   calendarHeaderFontWeightBold: '--plasma-date-picker-calendar__header-font-weight-bold',
+  calendarHeaderArrowColor: '--plasma-date-picker-calendar__header-arrow-color',
   iconButtonColor: '--plasma-date-picker-icon-button__color',
   iconButtonBackgroundColor: '--plasma-date-picker-icon-button__background-color',
   iconButtonColorHover: '--plasma-date-picker-icon-button__color-hover',
@@ -194,6 +199,7 @@ var tokens = exports.tokens = {
   calendarSelectedItemColor: '--plasma-date-picker-calendar__selected-item-color',
   calendarSelectableItemBackgroundHover: '--plasma-date-picker-calendar__selectable-item-background-hover',
   calendarCurrentItemBorderColor: '--plasma-date-picker-calendar__current-item-border-color',
+  calendarCurrentItemBorderWidth: '--plasma-date-picker-calendar__current-item-border-width',
   calendarCurrentItemBackgroundHover: '--plasma-date-picker-calendar__current-item-background-hover',
   calendarCurrentItemColorHover: '--plasma-date-picker-calendar__current-item-color-hover',
   calendarCurrentItemChildBackgroundHover: '--plasma-date-picker-calendar__current-item-child-background-hover',

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

@@ -12,7 +12,7 @@ var _DatePicker = /*#__PURE__*/require("./DatePicker.tokens");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 var mergedCalendarConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Calendar.calendarBaseConfig);
 var Calendar = /*#__PURE__*/(0, _engines.component)(mergedCalendarConfig);
-var baseCalendarTokens = exports.baseCalendarTokens = /*#__PURE__*/"\n    padding-top: var(".concat(_DatePicker.tokens.calendarPaddingTop, ");\n    box-shadow: var(").concat(_DatePicker.tokens.calendarShadow, ");\n    border-radius: var(").concat(_DatePicker.tokens.calendarBorderRadius, ");\n\n    ").concat(_Calendar.calendarBaseTokens.calendarBackgroundColor, ": var(").concat(_DatePicker.tokens.calendarBackgroundColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarSelectedItemBackground, ": var(").concat(_DatePicker.tokens.calendarSelectedItemBackground, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarSelectedItemColor, ": var(").concat(_DatePicker.tokens.calendarSelectedItemColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarSelectableItemBackgroundHover, ": var(").concat(_DatePicker.tokens.calendarSelectableItemBackgroundHover, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemBorderColor, ": var(").concat(_DatePicker.tokens.calendarCurrentItemBorderColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemBackgroundHover, ": var(").concat(_DatePicker.tokens.calendarCurrentItemBackgroundHover, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemColorHover, ": var(").concat(_DatePicker.tokens.calendarCurrentItemColorHover, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemChildBackgroundHover, ": var(").concat(_DatePicker.tokens.calendarCurrentItemChildBackgroundHover, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarActiveItemBackground, ": var(").concat(_DatePicker.tokens.calendarActiveItemBackground, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarActiveItemColor, ": var(").concat(_DatePicker.tokens.calendarActiveItemColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHoveredItemBackground, ": var(").concat(_DatePicker.tokens.calendarHoveredItemBackground, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHoveredItemColor, ": var(").concat(_DatePicker.tokens.calendarHoveredItemColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarRangeBackground, ": var(").concat(_DatePicker.tokens.calendarRangeBackground, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarOutlineFocusColor, ": var(").concat(_DatePicker.tokens.calendarOutlineFocusColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarContentPrimaryColor, ": var(").concat(_DatePicker.tokens.calendarContentPrimaryColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarContentSecondaryColor, ": var(").concat(_DatePicker.tokens.calendarContentSecondaryColor, ");\n\n    ").concat(_Calendar.calendarBaseTokens.iconButtonColor, ": var(").concat(_DatePicker.tokens.iconButtonColor, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonBackgroundColor, ": var(").concat(_DatePicker.tokens.iconButtonBackgroundColor, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonColorHover, ": var(").concat(_DatePicker.tokens.iconButtonColorHover, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonBackgroundColorHover, ": var(").concat(_DatePicker.tokens.iconButtonBackgroundColorHover, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonColorActive, ": var(").concat(_DatePicker.tokens.iconButtonColorActive, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonBackgroundColorActive, ": var(").concat(_DatePicker.tokens.iconButtonBackgroundColorActive, ");\n\n    ").concat(_Calendar.calendarBaseTokens.calendarWidth, ": var(").concat(_DatePicker.tokens.calendarWidth, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeight, ": var(").concat(_DatePicker.tokens.calendarHeight, ");\n\n    ").concat(_Calendar.calendarBaseTokens.calendarYearsPadding, ": var(").concat(_DatePicker.tokens.calendarYearsPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearItemBorderRadius, ": var(").concat(_DatePicker.tokens.calendarYearItemBorderRadius, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearItemWidth, ": var(").concat(_DatePicker.tokens.calendarYearItemWidth, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearItemHeight, ": var(").concat(_DatePicker.tokens.calendarYearItemHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearFontFamily, ": var(").concat(_DatePicker.tokens.calendarYearFontFamily, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearFontSize, ": var(").concat(_DatePicker.tokens.calendarYearFontSize, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearFontStyle, ": var(").concat(_DatePicker.tokens.calendarYearFontStyle, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarYearFontLetterSpacing, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarYearFontLineHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearFontWeight, ": var(").concat(_DatePicker.tokens.calendarYearFontWeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearSelectedFontWeight, ": var(").concat(_DatePicker.tokens.calendarYearSelectedFontWeight, ");\n\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthsPadding, ": var(").concat(_DatePicker.tokens.calendarMonthsPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthItemBorderRadius, ": var(").concat(_DatePicker.tokens.calendarMonthItemBorderRadius, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthItemWidth, ": var(").concat(_DatePicker.tokens.calendarMonthItemWidth, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthItemHeight, ": var(").concat(_DatePicker.tokens.calendarMonthItemHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthFontFamily, ": var(").concat(_DatePicker.tokens.calendarMonthFontFamily, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthFontSize, ": var(").concat(_DatePicker.tokens.calendarMonthFontSize, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthFontStyle, ": var(").concat(_DatePicker.tokens.calendarMonthFontStyle, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarMonthFontLetterSpacing, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarMonthFontLineHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthFontWeight, ": var(").concat(_DatePicker.tokens.calendarMonthFontWeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthSelectedFontWeight, ": var(").concat(_DatePicker.tokens.calendarMonthSelectedFontWeight, ");\n\n    ").concat(_Calendar.calendarBaseTokens.calendarQuartersPadding, ": var(").concat(_DatePicker.tokens.calendarQuartersPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterItemBorderRadius, ": var(").concat(_DatePicker.tokens.calendarQuarterItemBorderRadius, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterItemWidth, ": var(").concat(_DatePicker.tokens.calendarQuarterItemWidth, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterItemHeight, ": var(").concat(_DatePicker.tokens.calendarQuarterItemHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontFamily, ": var(").concat(_DatePicker.tokens.calendarQuarterFontFamily, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontSize, ": var(").concat(_DatePicker.tokens.calendarQuarterFontSize, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontStyle, ": var(").concat(_DatePicker.tokens.calendarQuarterFontStyle, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarQuarterFontLetterSpacing, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarQuarterFontLineHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontWeight, ": var(").concat(_DatePicker.tokens.calendarQuarterFontWeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterSelectedFontWeight, ": var(").concat(_DatePicker.tokens.calendarQuarterSelectedFontWeight, ");\n    \n    ").concat(_Calendar.calendarBaseTokens.calendarDaysPadding, ": var(").concat(_DatePicker.tokens.calendarDaysPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayItemBorderRadius, ": var(").concat(_DatePicker.tokens.calendarDayItemBorderRadius, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayItemWidth, ": var(").concat(_DatePicker.tokens.calendarDayItemWidth, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayItemHeight, ": var(").concat(_DatePicker.tokens.calendarDayItemHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayFontFamily, ": var(").concat(_DatePicker.tokens.calendarDayFontFamily, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayFontSize, ": var(").concat(_DatePicker.tokens.calendarDayFontSize, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayFontStyle, ": var(").concat(_DatePicker.tokens.calendarDayFontStyle, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarDayFontLetterSpacing, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarDayFontLineHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayFontWeight, ": var(").concat(_DatePicker.tokens.calendarDayFontWeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDaySelectedFontWeight, ": var(").concat(_DatePicker.tokens.calendarDaySelectedFontWeight, ");\n    \n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderWrapperPadding, ": var(").concat(_DatePicker.tokens.calendarHeaderWrapperPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderArrowGap, ": var(").concat(_DatePicker.tokens.calendarHeaderArrowGap, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderArrowPadding, ": var(").concat(_DatePicker.tokens.calendarHeaderArrowPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderPadding, ": var(").concat(_DatePicker.tokens.calendarHeaderPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderDateGap, ": var(").concat(_DatePicker.tokens.calendarHeaderDateGap, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontFamily, ": var(").concat(_DatePicker.tokens.calendarHeaderFontFamily, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontSize, ": var(").concat(_DatePicker.tokens.calendarHeaderFontSize, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontStyle, ": var(").concat(_DatePicker.tokens.calendarHeaderFontStyle, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarHeaderFontLetterSpacing, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarHeaderFontLineHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontWeight, ": var(").concat(_DatePicker.tokens.calendarHeaderFontWeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontWeightBold, ": var(").concat(_DatePicker.tokens.calendarHeaderFontWeightBold, ");\n    \n    ").concat(_Calendar.calendarBaseTokens.iconButtonHeight, ": var(").concat(_DatePicker.tokens.iconButtonHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonWidth, ": var(").concat(_DatePicker.tokens.iconButtonWidth, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonPadding, ": var(").concat(_DatePicker.tokens.iconButtonPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonRadius, ": var(").concat(_DatePicker.tokens.iconButtonRadius, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonFocusColor, ": var(").concat(_DatePicker.tokens.iconButtonFocusColor, ");\n");
+var baseCalendarTokens = exports.baseCalendarTokens = /*#__PURE__*/"\n    padding-top: var(".concat(_DatePicker.tokens.calendarPaddingTop, ");\n    box-shadow: var(").concat(_DatePicker.tokens.calendarShadow, ");\n    border-radius: var(").concat(_DatePicker.tokens.calendarBorderRadius, ");\n\n    ").concat(_Calendar.calendarBaseTokens.calendarBackgroundColor, ": var(").concat(_DatePicker.tokens.calendarBackgroundColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarSelectedItemBackground, ": var(").concat(_DatePicker.tokens.calendarSelectedItemBackground, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarSelectedItemColor, ": var(").concat(_DatePicker.tokens.calendarSelectedItemColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarSelectableItemBackgroundHover, ": var(").concat(_DatePicker.tokens.calendarSelectableItemBackgroundHover, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemBorderColor, ": var(").concat(_DatePicker.tokens.calendarCurrentItemBorderColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemBorderWidth, ": var(").concat(_DatePicker.tokens.calendarCurrentItemBorderWidth, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemBackgroundHover, ": var(").concat(_DatePicker.tokens.calendarCurrentItemBackgroundHover, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemColorHover, ": var(").concat(_DatePicker.tokens.calendarCurrentItemColorHover, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemChildBackgroundHover, ": var(").concat(_DatePicker.tokens.calendarCurrentItemChildBackgroundHover, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarActiveItemBackground, ": var(").concat(_DatePicker.tokens.calendarActiveItemBackground, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarActiveItemColor, ": var(").concat(_DatePicker.tokens.calendarActiveItemColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHoveredItemBackground, ": var(").concat(_DatePicker.tokens.calendarHoveredItemBackground, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHoveredItemColor, ": var(").concat(_DatePicker.tokens.calendarHoveredItemColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarRangeBackground, ": var(").concat(_DatePicker.tokens.calendarRangeBackground, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarOutlineFocusColor, ": var(").concat(_DatePicker.tokens.calendarOutlineFocusColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarContentPrimaryColor, ": var(").concat(_DatePicker.tokens.calendarContentPrimaryColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarContentSecondaryColor, ": var(").concat(_DatePicker.tokens.calendarContentSecondaryColor, ");\n\n    ").concat(_Calendar.calendarBaseTokens.iconButtonColor, ": var(").concat(_DatePicker.tokens.iconButtonColor, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonBackgroundColor, ": var(").concat(_DatePicker.tokens.iconButtonBackgroundColor, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonColorHover, ": var(").concat(_DatePicker.tokens.iconButtonColorHover, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonBackgroundColorHover, ": var(").concat(_DatePicker.tokens.iconButtonBackgroundColorHover, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonColorActive, ": var(").concat(_DatePicker.tokens.iconButtonColorActive, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonBackgroundColorActive, ": var(").concat(_DatePicker.tokens.iconButtonBackgroundColorActive, ");\n\n    ").concat(_Calendar.calendarBaseTokens.calendarWidth, ": var(").concat(_DatePicker.tokens.calendarWidth, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeight, ": var(").concat(_DatePicker.tokens.calendarHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarBorderWidth, ": var(").concat(_DatePicker.tokens.calendarBorderWidth, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarBorderColor, ": var(").concat(_DatePicker.tokens.calendarBorderColor, ");\n\n    ").concat(_Calendar.calendarBaseTokens.calendarYearsPadding, ": var(").concat(_DatePicker.tokens.calendarYearsPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearItemBorderRadius, ": var(").concat(_DatePicker.tokens.calendarYearItemBorderRadius, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearItemWidth, ": var(").concat(_DatePicker.tokens.calendarYearItemWidth, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearItemHeight, ": var(").concat(_DatePicker.tokens.calendarYearItemHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearFontFamily, ": var(").concat(_DatePicker.tokens.calendarYearFontFamily, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearFontSize, ": var(").concat(_DatePicker.tokens.calendarYearFontSize, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearFontStyle, ": var(").concat(_DatePicker.tokens.calendarYearFontStyle, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarYearFontLetterSpacing, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarYearFontLineHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearFontWeight, ": var(").concat(_DatePicker.tokens.calendarYearFontWeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearSelectedFontWeight, ": var(").concat(_DatePicker.tokens.calendarYearSelectedFontWeight, ");\n\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthsPadding, ": var(").concat(_DatePicker.tokens.calendarMonthsPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthItemBorderRadius, ": var(").concat(_DatePicker.tokens.calendarMonthItemBorderRadius, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthItemWidth, ": var(").concat(_DatePicker.tokens.calendarMonthItemWidth, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthItemHeight, ": var(").concat(_DatePicker.tokens.calendarMonthItemHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthFontFamily, ": var(").concat(_DatePicker.tokens.calendarMonthFontFamily, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthFontSize, ": var(").concat(_DatePicker.tokens.calendarMonthFontSize, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthFontStyle, ": var(").concat(_DatePicker.tokens.calendarMonthFontStyle, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarMonthFontLetterSpacing, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarMonthFontLineHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthFontWeight, ": var(").concat(_DatePicker.tokens.calendarMonthFontWeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthSelectedFontWeight, ": var(").concat(_DatePicker.tokens.calendarMonthSelectedFontWeight, ");\n\n    ").concat(_Calendar.calendarBaseTokens.calendarQuartersPadding, ": var(").concat(_DatePicker.tokens.calendarQuartersPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterItemBorderRadius, ": var(").concat(_DatePicker.tokens.calendarQuarterItemBorderRadius, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterItemWidth, ": var(").concat(_DatePicker.tokens.calendarQuarterItemWidth, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterItemHeight, ": var(").concat(_DatePicker.tokens.calendarQuarterItemHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontFamily, ": var(").concat(_DatePicker.tokens.calendarQuarterFontFamily, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontSize, ": var(").concat(_DatePicker.tokens.calendarQuarterFontSize, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontStyle, ": var(").concat(_DatePicker.tokens.calendarQuarterFontStyle, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarQuarterFontLetterSpacing, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarQuarterFontLineHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontWeight, ": var(").concat(_DatePicker.tokens.calendarQuarterFontWeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterSelectedFontWeight, ": var(").concat(_DatePicker.tokens.calendarQuarterSelectedFontWeight, ");\n    \n    ").concat(_Calendar.calendarBaseTokens.calendarDaysPadding, ": var(").concat(_DatePicker.tokens.calendarDaysPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayItemBorderRadius, ": var(").concat(_DatePicker.tokens.calendarDayItemBorderRadius, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayItemWidth, ": var(").concat(_DatePicker.tokens.calendarDayItemWidth, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayItemHeight, ": var(").concat(_DatePicker.tokens.calendarDayItemHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayFontFamily, ": var(").concat(_DatePicker.tokens.calendarDayFontFamily, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayFontSize, ": var(").concat(_DatePicker.tokens.calendarDayFontSize, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayFontStyle, ": var(").concat(_DatePicker.tokens.calendarDayFontStyle, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarDayFontLetterSpacing, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarDayFontLineHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayFontWeight, ": var(").concat(_DatePicker.tokens.calendarDayFontWeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDaySelectedFontWeight, ": var(").concat(_DatePicker.tokens.calendarDaySelectedFontWeight, ");\n    \n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderWrapperPadding, ": var(").concat(_DatePicker.tokens.calendarHeaderWrapperPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderArrowGap, ": var(").concat(_DatePicker.tokens.calendarHeaderArrowGap, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderArrowPadding, ": var(").concat(_DatePicker.tokens.calendarHeaderArrowPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderPadding, ": var(").concat(_DatePicker.tokens.calendarHeaderPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderDateGap, ": var(").concat(_DatePicker.tokens.calendarHeaderDateGap, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontFamily, ": var(").concat(_DatePicker.tokens.calendarHeaderFontFamily, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontSize, ": var(").concat(_DatePicker.tokens.calendarHeaderFontSize, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontStyle, ": var(").concat(_DatePicker.tokens.calendarHeaderFontStyle, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarHeaderFontLetterSpacing, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarHeaderFontLineHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontWeight, ": var(").concat(_DatePicker.tokens.calendarHeaderFontWeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontWeightBold, ": var(").concat(_DatePicker.tokens.calendarHeaderFontWeightBold, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderArrowColor, ": var(").concat(_DatePicker.tokens.calendarHeaderArrowColor, ");\n    \n    ").concat(_Calendar.calendarBaseTokens.iconButtonHeight, ": var(").concat(_DatePicker.tokens.iconButtonHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonWidth, ": var(").concat(_DatePicker.tokens.iconButtonWidth, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonPadding, ": var(").concat(_DatePicker.tokens.iconButtonPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonRadius, ": var(").concat(_DatePicker.tokens.iconButtonRadius, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonFocusColor, ": var(").concat(_DatePicker.tokens.iconButtonFocusColor, ");\n");
 
 // NOTE: переопределение токенов Calendar
 var StyledCalendar = exports.StyledCalendar = /*#__PURE__*/(0, _styledComponents["default"])(Calendar).withConfig({

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(", ");", ":var(", ");", ":var(", ");", ":var(", ");}"], _TextField.textFieldTokens.color, _DatePicker.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColor, _DatePicker.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.placeholderColorFocus, _DatePicker.tokens.textFieldPlaceholderColorFocus, _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);
+})(["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(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}"], _TextField.textFieldTokens.color, _DatePicker.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColor, _DatePicker.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.placeholderColorFocus, _DatePicker.tokens.textFieldPlaceholderColorFocus, _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, _TextField.textFieldTokens.contentSlotRightColor, _DatePicker.tokens.textFieldContentRightSlotColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotRightColorHover, _DatePicker.tokens.textFieldContentRightSlotColorHover, _TextField.textFieldTokens.contentSlotRightColor, _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.styles.js

@@ -12,7 +12,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 var Ul = exports.Ul = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
   componentId: "plasma-new-hope__sc-13ezpo5-0"
-})(["box-sizing:border-box;width:", ";height:", ";margin:", ";padding:var(", ") 0;overflow:", ";background:var(", ");box-shadow:", ";border-radius:var(", ");"], function (_ref) {
+})(["box-sizing:border-box;width:", ";height:", ";margin:", ";padding:var(", ") 0;overflow:", ";background:var(", ");box-shadow:", ";border-radius:var(", ");border:var(", ") solid var(", ");"], function (_ref) {
   var listWidth = _ref.listWidth;
   return listWidth || "var(".concat(_Dropdown.tokens.width, ")");
 }, function (_ref2) {
@@ -24,5 +24,5 @@ var Ul = exports.Ul = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
 }, _Dropdown.tokens.padding, function (_ref4) {
   var listOverflow = _ref4.listOverflow;
   return listOverflow || 'initial';
-}, _Dropdown.constants.background, _Dropdown.constants.boxShadow, _Dropdown.tokens.borderRadius);
+}, _Dropdown.constants.background, _Dropdown.constants.boxShadow, _Dropdown.tokens.borderRadius, _Dropdown.tokens.borderWidth, _Dropdown.tokens.borderColor);
 var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);

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

@@ -19,6 +19,8 @@ var tokens = exports.tokens = {
   padding: '--plasma-dropdown-padding',
   disclosureIconColor: '--plasma-dropdown-disclosure-icon-color',
   disabledOpacity: '--plasma-dropdown-disabled-opacity',
+  borderColor: '--plasma-dropdown-border-color',
+  borderWidth: '--plasma-dropdown-border-width',
   focusColor: '--plasma-dropdown-focus-color',
   // Old
 

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.dropdownDividerRoot = exports.dropdownDividerConfig = void 0;
 var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
-var _utils = /*#__PURE__*/require("../../../../utils");
+var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
 var _base = /*#__PURE__*/require("./variations/_view/base");
 var _base2 = /*#__PURE__*/require("./variations/_size/base");
 var _DropdownDivider = /*#__PURE__*/require("./DropdownDivider.styles");
@@ -26,7 +26,7 @@ var dropdownDividerRoot = exports.dropdownDividerRoot = function dropdownDivider
       view = _ref.view,
       size = _ref.size,
       rest = _objectWithoutProperties(_ref, _excluded);
-    var uniqId = (0, _utils.safeUseId)();
+    var uniqId = (0, _plasmaCore.useUniqId)();
     var innerId = id || uniqId;
     return /*#__PURE__*/_react["default"].createElement(Root, {
       id: innerId,

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.dropdownFooterRoot = exports.dropdownFooterConfig = void 0;
 var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
-var _utils = /*#__PURE__*/require("../../../../utils");
+var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
 var _base = /*#__PURE__*/require("./variations/_view/base");
 var _base2 = /*#__PURE__*/require("./variations/_size/base");
 var _DropdownFooter = /*#__PURE__*/require("./DropdownFooter.styles");
@@ -27,7 +27,7 @@ var dropdownFooterRoot = exports.dropdownFooterRoot = function dropdownFooterRoo
       view = _ref.view,
       size = _ref.size,
       rest = _objectWithoutProperties(_ref, _excluded);
-    var uniqId = (0, _utils.safeUseId)();
+    var uniqId = (0, _plasmaCore.useUniqId)();
     var innerId = id || uniqId;
     return /*#__PURE__*/_react["default"].createElement(Root, {
       id: innerId,

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.dropdownGroupRoot = exports.dropdownGroupConfig = void 0;
 var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
-var _utils = /*#__PURE__*/require("../../../../utils");
+var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
 var _base = /*#__PURE__*/require("./variations/_view/base");
 var _base2 = /*#__PURE__*/require("./variations/_size/base");
 var _DropdownGroup = /*#__PURE__*/require("./DropdownGroup.styles");
@@ -30,7 +30,7 @@ var dropdownGroupRoot = exports.dropdownGroupRoot = function dropdownGroupRoot(R
       view = _ref.view,
       size = _ref.size,
       rest = _objectWithoutProperties(_ref, _excluded);
-    var uniqId = (0, _utils.safeUseId)();
+    var uniqId = (0, _plasmaCore.useUniqId)();
     var innerId = id || uniqId;
     return /*#__PURE__*/_react["default"].createElement(Root, {
       id: innerId,

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.dropdownHeaderRoot = exports.dropdownHeaderConfig = void 0;
 var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
-var _utils = /*#__PURE__*/require("../../../../utils");
+var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
 var _base = /*#__PURE__*/require("./variations/_view/base");
 var _base2 = /*#__PURE__*/require("./variations/_size/base");
 var _DropdownHeader = /*#__PURE__*/require("./DropdownHeader.styles");
@@ -27,7 +27,7 @@ var dropdownHeaderRoot = exports.dropdownHeaderRoot = function dropdownHeaderRoo
       size = _ref.size,
       children = _ref.children,
       rest = _objectWithoutProperties(_ref, _excluded);
-    var uniqId = (0, _utils.safeUseId)();
+    var uniqId = (0, _plasmaCore.useUniqId)();
     var innerId = id || uniqId;
     return /*#__PURE__*/_react["default"].createElement(Root, {
       id: innerId,

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

@@ -32,10 +32,10 @@ var Divider = exports.Divider = /*#__PURE__*/_styledComponents["default"].div.wi
 }, _Dropdown.tokens.dividerMarginLeft, _Dropdown.tokens.dividerColor);
 var Wrapper = exports.Wrapper = /*#__PURE__*/_styledComponents["default"].li.withConfig({
   componentId: "plasma-new-hope__sc-hs0ek1-4"
-})(["display:flex;align-items:center;min-height:var(", ");margin:0;box-sizing:content-box;padding:", ";font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");background-color:var(", ");border-radius:var(", ");user-select:none;border-right:0.125rem solid transparent;border-left:0.125rem solid transparent;background-clip:padding-box;&:hover:not(.", "){cursor:pointer;background-color:var(", ");}&.", "{background-color:var(", ");}&.", "{opacity:", ";cursor:not-allowed;}:focus{outline:none;}", ";"], _Dropdown.tokens.itemHeight, function (_ref3) {
+})(["display:flex;align-items:center;min-height:var(", ");margin:0;box-sizing:content-box;padding:", ";font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");background-color:var(", ");border-radius:var(", ");user-select:none;border-right:0.125rem solid transparent;border-left:0.125rem solid transparent;background-clip:padding-box;&:hover:not(.", "){cursor:pointer;background-color:var(", ",var(", "));}&.", "{background-color:var(", ",var(", "));}&.", "{opacity:", ";cursor:not-allowed;}:focus{outline:none;}", ";"], _Dropdown.tokens.itemHeight, function (_ref3) {
   var variant = _ref3.variant;
   return "var(".concat(variant === 'tight' ? _Dropdown.tokens.itemPaddingTight : _Dropdown.tokens.itemPadding, ")");
-}, _Dropdown.tokens.itemFontFamily, _Dropdown.tokens.itemFontSize, _Dropdown.tokens.itemFontStyle, _Dropdown.tokens.itemFontWeightBold, _Dropdown.tokens.itemFontLetterSpacing, _Dropdown.tokens.itemFontLineHeight, _Dropdown.constants.itemBackground, _Dropdown.tokens.borderRadius, _Dropdown.classes.dropdownItemIsDisabled, _Dropdown.constants.itemBackgroundHover, _Dropdown.classes.dropdownItemIsActive, _Dropdown.constants.itemBackgroundHover, _Dropdown.classes.dropdownItemIsDisabled, _Dropdown.constants.opacity, /*#__PURE__*/(0, _mixins.addFocus)({
+}, _Dropdown.tokens.itemFontFamily, _Dropdown.tokens.itemFontSize, _Dropdown.tokens.itemFontStyle, _Dropdown.tokens.itemFontWeightBold, _Dropdown.tokens.itemFontLetterSpacing, _Dropdown.tokens.itemFontLineHeight, _Dropdown.constants.itemBackground, _Dropdown.tokens.borderRadius, _Dropdown.classes.dropdownItemIsDisabled, _Dropdown.constants.itemBackgroundHover, _Dropdown.constants.itemBackgroundHover, _Dropdown.classes.dropdownItemIsActive, _Dropdown.constants.itemBackgroundHover, _Dropdown.constants.itemBackgroundHover, _Dropdown.classes.dropdownItemIsDisabled, _Dropdown.constants.opacity, /*#__PURE__*/(0, _mixins.addFocus)({
   outlineSize: '0.0625rem',
   outlineOffset: '0',
   outlineColor: /*#__PURE__*/"var(".concat(_Dropdown.constants.focusColor, ")"),

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

@@ -7,12 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.dropdownOldRoot = exports.dropdownOldConfig = void 0;
 var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
 var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
-var _hooks = /*#__PURE__*/require("../../../../hooks");
-var _utils = /*#__PURE__*/require("../../../../utils");
 var _base = /*#__PURE__*/require("./variations/_view/base");
 var _base2 = /*#__PURE__*/require("./variations/_size/base");
 var _Dropdown = /*#__PURE__*/require("./Dropdown.styles");
-var _utils2 = /*#__PURE__*/require("./utils");
+var _utils = /*#__PURE__*/require("./utils");
 var _excluded = ["id", "target", "children", "hasArrow", "role", "view", "size", "frame", "onToggle", "isFocusTrapped", "isOpen", "opened", "placement", "trigger", "offset", "preventOverflow", "closeOnOverlayClick", "closeOnEsc"];
 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; }
@@ -53,12 +51,12 @@ var dropdownOldRoot = exports.dropdownOldRoot = function dropdownOldRoot(Root) {
       closeOnEsc = _ref$closeOnEsc === void 0 ? false : _ref$closeOnEsc,
       rest = _objectWithoutProperties(_ref, _excluded);
     var innerIsOpen = Boolean(isOpen || opened);
-    var uniqId = (0, _utils.safeUseId)();
+    var uniqId = (0, _plasmaCore.useUniqId)();
     var innerId = id || uniqId;
     var rootRef = (0, _react.useRef)(null);
     var dropdownRef = (0, _react.useRef)(null);
     var handleRef = (0, _plasmaCore.useForkRef)(rootRef, outerRootRef);
-    var trapRef = (0, _hooks.useFocusTrap)(innerIsOpen && isFocusTrapped);
+    var trapRef = (0, _plasmaCore.useFocusTrap)(innerIsOpen && isFocusTrapped);
     var dropdownForkRef = (0, _plasmaCore.useForkRef)(dropdownRef, trapRef);
     return /*#__PURE__*/_react["default"].createElement(_Dropdown.StyledPopover, {
       role: role,
@@ -73,7 +71,7 @@ var dropdownOldRoot = exports.dropdownOldRoot = function dropdownOldRoot(Root) {
       offset: offset,
       preventOverflow: preventOverflow,
       hasArrow: hasArrow,
-      placement: (0, _utils2.getPlacements)(placement),
+      placement: (0, _utils.getPlacements)(placement),
       trigger: trigger,
       closeOnOverlayClick: closeOnOverlayClick,
       closeOnEsc: closeOnEsc,

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

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.notificationRoot = exports.noticationConfig = void 0;
 var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
 var _utils = /*#__PURE__*/require("../../utils");
-var _IconCross2 = /*#__PURE__*/require("../_Icon/Icons/IconCross");
+var _IconCross = /*#__PURE__*/require("../_Icon/Icons/IconCross");
 var _Notification = /*#__PURE__*/require("./Notification.tokens");
 var _base = /*#__PURE__*/require("./variations/_view/base");
 var _base2 = /*#__PURE__*/require("./variations/_layout/base");
@@ -15,7 +15,6 @@ var _base3 = /*#__PURE__*/require("./variations/_size/base");
 var _Notification2 = /*#__PURE__*/require("./Notification.types");
 var _Notification3 = /*#__PURE__*/require("./Notification.styles");
 var _utils2 = /*#__PURE__*/require("./utils");
-var _IconCross;
 var _excluded = ["role", "title", "children", "actions", "view", "size", "iconPlacement", "showCloseIcon", "layout", "icon", "onCloseButtonClick"];
 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; }
@@ -88,10 +87,11 @@ var notificationRoot = exports.notificationRoot = function notificationRoot(Root
       size: "s",
       onClick: onCloseButtonClick,
       className: (0, _utils.cx)(_Notification.classes.closeIcon, (0, _utils2.getLayoutClass)(layout))
-    }, _IconCross || (_IconCross = /*#__PURE__*/_react["default"].createElement(_IconCross2.IconCross, {
+    }, /*#__PURE__*/_react["default"].createElement(_IconCross.IconCross, {
       size: "s",
+      sizeCustomProperty: _Notification.tokens.closeIconSize,
       color: "inherit"
-    })))));
+    }))));
   });
 };
 var noticationConfig = exports.noticationConfig = {