@salutejs/plasma-new-hope 0.94.0-canary.1224.9684925191.0 → 0.94.0-canary.1269.9679187594.0

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

@@ -222,11 +222,6 @@ var calendarBaseRoot = exports.calendarBaseRoot = function calendarBaseRoot(Root
       });
       onKeyDown(event);
     }, [onKeyDown]);
-    (0, _react.useEffect)(function () {
-      if (!prevValue) {
-        setPrevValue(value);
-      }
-    }, [value, prevValue]);
     return /*#__PURE__*/_react["default"].createElement(Root, _extends({
       ref: outerRootRef,
       "aria-label": "\u0412\u044B\u0431\u043E\u0440 \u0434\u0430\u0442\u044B"
@@ -237,7 +232,6 @@ var calendarBaseRoot = exports.calendarBaseRoot = function calendarBaseRoot(Root
       "aria-live": "assertive",
       "aria-relevant": "additions"
     }, "\u0414\u0430\u043B\u0435\u0435 \u043D\u0435\u0442 \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u044B\u0445 \u0434\u0430\u0442."), /*#__PURE__*/_react["default"].createElement(_ui.CalendarHeader, {
-      size: rest.size,
       firstDate: date,
       startYear: startYear,
       type: calendarState,

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

@@ -6,12 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.StyledCalendar = exports.IsOutOfRange = void 0;
 var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
-var _Calendar = /*#__PURE__*/require("../Calendar.tokens");
 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: 19.5rem;\n    height: 19.5rem;\n"])));
 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/CalendarDouble/CalendarDouble.js

@@ -141,17 +141,11 @@ var calendarDoubleRoot = exports.calendarDoubleRoot = function calendarDoubleRoo
       }
       setPrevValue(value);
     }
-    (0, _react.useEffect)(function () {
-      if (!prevValue) {
-        setPrevValue(value);
-      }
-    }, [value, prevValue]);
     return /*#__PURE__*/_react["default"].createElement(Root, _extends({
       ref: outerRootRef,
       "aria-label": "\u0412\u044B\u0431\u043E\u0440 \u0434\u0430\u0442\u044B"
     }, rest), /*#__PURE__*/_react["default"].createElement(_ui.CalendarHeader, {
       isDouble: true,
-      size: rest.size,
       firstDate: firstDate,
       secondDate: secondDate,
       onPrev: handlePrev,

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

@@ -11,10 +11,10 @@ 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    display: flex;\n    flex-direction: column;\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    display: flex;\n    flex-direction: column;\n\n    width: 39rem;\n    height: 19.5rem;\n"])));
 var StyledSeparator = exports.StyledSeparator = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-1dp3a9f-0"
-})(["background-color:var(", ");min-width:0.063rem;margin:0.5rem 1rem 0 1rem;"], _Calendar.tokens.calendarSeparatorBackground);
+})(["background-color:var(", ");min-width:0.063rem;margin:0.5rem 0 1.5rem;"], _Calendar.tokens.calendarSeparatorBackground);
 var StyledWrapper = exports.StyledWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-1dp3a9f-1"
 })(["display:flex;"]);

package/styled-components/cjs/components/Calendar/hooks/useDays.js

@@ -233,5 +233,5 @@ var useDays = exports.useDays = function useDays(date, value, eventList, disable
       return (0, _utils.getMatrix)(modifiedDays);
     }
     return (0, _utils.getMatrix)(days);
-  }, [date, value, eventList, disabledList, max, min, includeEdgeDates]);
+  }, [date, value, eventList, disabledList, max, min]);
 };

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

@@ -3,33 +3,32 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _exportNames = {
-  addActive: true,
-  addSelected: true
-};
-Object.defineProperty(exports, "addActive", {
-  enumerable: true,
-  get: function get() {
-    return _active.addActive;
-  }
-});
-Object.defineProperty(exports, "addSelected", {
-  enumerable: true,
-  get: function get() {
-    return _selected.addSelected;
-  }
-});
-var _active = /*#__PURE__*/require("./active");
-var _selected = /*#__PURE__*/require("./selected");
-var _flex = /*#__PURE__*/require("./flex");
-Object.keys(_flex).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _flex[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _flex[key];
-    }
-  });
-});
+exports.selectedMixin = exports.flexSpaceBetween = exports.flexCenter = exports.buttonFocus = void 0;
+var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
+var _Calendar = /*#__PURE__*/require("../Calendar.tokens");
+var _mixins = /*#__PURE__*/require("../../../mixins");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var flexCenter = exports.flexCenter = "\n    display: flex;\n    justify-content: center;\n    align-items: center;\n";
+var flexSpaceBetween = exports.flexSpaceBetween = "\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n";
+
+/**
+ * Миксин для установки синтетического фокуса на выбранной кнопке.
+ */
+var buttonFocus = exports.buttonFocus = /*#__PURE__*/_styledComponents["default"].button.withConfig({
+  componentId: "plasma-new-hope__sc-1tntqjy-0"
+})(["border:none;background-color:transparent;padding:0;outline:none;", ";"], /*#__PURE__*/(0, _mixins.addFocus)({
+  outlineSize: '0.063rem',
+  outlineOffset: '-0.125rem',
+  outlineColor: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarOutlineFocusColor, ")"),
+  outlineRadius: '0.563rem'
+}));
+
+/**
+ * Миксины для изменения стиля выбранного дня.
+ */
+var active = "\n    &:active {\n        background-color: var(--calendar_private-active-background);\n        color: var(--calendar_private-active-color);\n        font-weight: var(--plasma-typo-body-s-bold-font-weight);\n    }\n";
+
+/*
+ *  Если использовать токены и классы из ./tokens rollup ругается на этот миксин
+ */
+var selectedMixin = exports.selectedMixin = /*#__PURE__*/"\n    outline: none;\n    cursor: pointer;\n\n    &:hover:not(.item-selected) {\n        background-color: var(--calendar_private-selectable-background-hover);\n        \n        ".concat(String(active), ";\n    };\n\n    &.item-selected {\n        border: 0;\n        background-color: var(--calendar_private-selected-background);\n        color: var(--calendar_private-selected-color);\n        cursor: default;\n        font-weight: var(--plasma-typo-body-s-bold-font-weight);\n    };\n\n    &.item-current {\n        border: 0.063rem solid var(--calendar_private-current-border-color);\n\n        &:not(.item-selected):hover {\n            background-color: var(--calendar_private-current-background-hover);\n            color: var(--calendar_private-current-color-hover);\n\n            & > div:first-of-type {\n                background-color: var(--calendar_private-current-child-background-hover);\n                min-width: var(--calendar_private-selected-min-width);\n                min-height: var(--calendar_private-selected-min-height);\n            }\n        \n            ").concat(String(active), ";\n        }\n    };\n\n    &.item-hovered, &.item-hovered:hover {\n        background-color: var(--calendar_private-hovered-background);\n        color: var(--calendar_private-hovered-color);\n        cursor: pointer;\n        font-weight: var(--plasma-typo-body-s-bold-font-weight);\n        ").concat(String(active), ";\n    }\n\n    ").concat( /*#__PURE__*/String(active), ";\n");

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

@@ -5,61 +5,54 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.StyledEvents = exports.StyledEvent = exports.StyledDayRoot = exports.StyledDay = 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 inRange = function inRange() {
-  return "\n    &:before {\n        content: '';\n        z-index: -1;\n        position: absolute;\n        width: 100%;\n        height: calc(100% - 0.125rem);\n        background: var(".concat(_Calendar.tokens.calendarRangeBackground, ");\n    }\n");
+  return "\n    &:before {\n        content: '';\n        z-index: -1;\n        position: absolute;\n        width: 2.5rem;\n        height: 1.875rem;\n        background: var(".concat(_Calendar.tokens.calendarRangeBackground, ");\n    }\n");
 };
 var sideInRange = function sideInRange() {
-  return "\n    &:before {\n        content: '';\n        z-index: -1;\n        position: absolute;\n        width: 0.75rem;\n        height: calc(100% - 0.125rem);\n        background: var(".concat(_Calendar.tokens.calendarRangeBackground, ");\n    }\n");
+  return "\n    &:before {\n        content: '';\n        z-index: -1;\n        position: absolute;\n        width: 0.313rem;\n        height: 1.875rem;\n        background: var(".concat(_Calendar.tokens.calendarRangeBackground, ");\n    }\n");
 };
 var StyledDay = exports.StyledDay = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-2y5uj0-0"
-})(["border-radius:calc(var(", ") - 0.125rem);", ";&.", "{", ";}&.", "{", ";}&.", "{&:before{left:", ";}}&.", "{&:before{right:", ";}}"], _Calendar.tokens.calendarDayItemBorderRadius, /*#__PURE__*/String(_mixins2.flexCenter), /*#__PURE__*/String(_Calendar.classes.dayInRange), /*#__PURE__*/inRange(), /*#__PURE__*/String(_Calendar.classes.daySideInRange), /*#__PURE__*/sideInRange(), /*#__PURE__*/String(_Calendar.classes.daySideLeft), function (_ref) {
+})(["border-radius:0.375rem;", ";&.", "{", ";}&.", "{", ";}&.", "{&:before{left:", ";}}&.", "{&:before{right:", ";}}"], /*#__PURE__*/String(_mixins.flexCenter), /*#__PURE__*/String(_Calendar.classes.dayInRange), /*#__PURE__*/inRange(), /*#__PURE__*/String(_Calendar.classes.daySideInRange), /*#__PURE__*/sideInRange(), /*#__PURE__*/String(_Calendar.classes.daySideLeft), function (_ref) {
   var offset = _ref.offset;
   return "".concat(offset, "px");
 }, /*#__PURE__*/String(_Calendar.classes.daySideRight), function (_ref2) {
   var offset = _ref2.offset;
   return "".concat(offset, "px");
 });
+var dayOfWeek = function dayOfWeek() {
+  return "\n    color: var(--plasma-colors-tertiary);\n";
+};
 var disabledDay = function disabledDay() {
-  return "\n    cursor: not-allowed;\n    opacity: 0.4;\n";
+  return "\n    cursor: not-allowed;\n    opacity: 0.4;\n\n    ".concat((0, _mixins2.addFocus)({
+    outlineSize: '0.063rem',
+    outlineOffset: '-0.063rem',
+    outlineColor: "var(".concat(_Calendar.tokens.calendarOutlineFocusColor, ")"),
+    outlineRadius: '0.563rem'
+  }), ";\n");
 };
 var disabledCurrentDay = function disabledCurrentDay() {
-  return "\n    ".concat(disabledDay(), ";\n");
+  return "\n    ".concat(disabledDay(), ";\n    --calendar_private-add-focus-outline-offset: 0.125rem;\n");
 };
 var StyledDayRoot = exports.StyledDayRoot = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-2y5uj0-1"
-})(["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-width:var(", ");min-height:var(", ");border-radius:var(", ");", ";color:", ";visibility:", ";&.", "{", ";", ";&.", "{", ";}}&.", "{color:var(", ");}&.", "{", ";}&.", "{", ";}&.", "{& > .", ":before{width:calc(100% + 2px);height:100%;}& > .", ":before{width:100%;right:-1px;left:unset;}& > .", ":before{width:100%;left:-1px;right:unset;}}"], _Calendar.tokens.calendarDayFontFamily, _Calendar.tokens.calendarDayFontSize, _Calendar.tokens.calendarDayFontStyle, _Calendar.tokens.calendarDayFontWeight, _Calendar.tokens.calendarDayFontLetterSpacing, _Calendar.tokens.calendarDayFontLineHeight, _Calendar.tokens.calendarDayItemWidth, _Calendar.tokens.calendarDayItemHeight, _Calendar.tokens.calendarDayItemBorderRadius, /*#__PURE__*/String(_mixins2.flexCenter), function (_ref3) {
+})(["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-width:2.5rem;min-height:2rem;border-radius:var(", ");", ";color:", ";visibility:", ";&.", "{--calendar_private-selected-min-width:2.25rem;--calendar_private-selected-min-height:1.75rem;--calendar_private-selected-background:var(", ");--calendar_private-selected-color:var(", ");--calendar_private-selectable-background-hover:var(", ");--calendar_private-current-border-color:var(", ");--calendar_private-current-background-hover:var(", ");--calendar_private-current-color-hover:var(", ");--calendar_private-current-child-background-hover:var(", ");--calendar_private-active-background:var(", ");--calendar_private-active-color:var(", ");--calendar_private-hovered-background:var(", ");--calendar_private-hovered-color:var(", ");", ";", ";}&.", "{", ";}&.", "{", ";}&.", "{", ";}"], _Calendar.tokens.calendarDayFontFamily, _Calendar.tokens.calendarDayFontSize, _Calendar.tokens.calendarDayFontStyle, _Calendar.tokens.calendarDayFontWeight, _Calendar.tokens.calendarDayFontLetterSpacing, _Calendar.tokens.calendarDayFontLineHeight, _Calendar.tokens.calendarItemBorderRadius, /*#__PURE__*/String(_mixins.flexCenter), function (_ref3) {
   var isDayInCurrentMonth = _ref3.isDayInCurrentMonth;
   return isDayInCurrentMonth ? "var(".concat(_Calendar.tokens.calendarContentPrimaryColor, ")") : "var(".concat(_Calendar.tokens.calendarContentSecondaryColor, ")");
 }, function (_ref4) {
   var isDayInCurrentMonth = _ref4.isDayInCurrentMonth,
     isDouble = _ref4.isDouble;
   return !isDayInCurrentMonth && isDouble ? 'hidden' : 'visible';
-}, /*#__PURE__*/String(_Calendar.classes.selectableItem), /*#__PURE__*/(0, _mixins2.addSelected)({
-  minWidth: /*#__PURE__*/"calc(var(".concat(_Calendar.tokens.calendarDayItemWidth, ") - 0.25rem)"),
-  minHeight: /*#__PURE__*/"calc(var(".concat(_Calendar.tokens.calendarDayItemHeight, ") - 0.25rem)"),
-  selectedFontWeight: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarDaySelectedFontWeight, ")"),
-  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.calendarDayItemBorderRadius, ") + 0.125rem)")
-}), _Calendar.classes.currentItem, /*#__PURE__*/(0, _mixins.addFocus)({
+}, /*#__PURE__*/String(_Calendar.classes.selectableItem), _Calendar.tokens.calendarSelectedItemBackground, _Calendar.tokens.calendarSelectedItemColor, _Calendar.tokens.calendarSelectableItemBackgroundHover, _Calendar.tokens.calendarCurrentItemBorderColor, _Calendar.tokens.calendarCurrentItemBackgroundHover, _Calendar.tokens.calendarCurrentItemColorHover, _Calendar.tokens.calendarCurrentItemChildBackgroundHover, _Calendar.tokens.calendarActiveItemBackground, _Calendar.tokens.calendarActiveItemColor, _Calendar.tokens.calendarHoveredItemBackground, _Calendar.tokens.calendarHoveredItemColor, /*#__PURE__*/(0, _mixins2.addFocus)({
   outlineSize: '0.063rem',
-  outlineOffset: '-0.1875rem',
+  outlineOffset: '-0.063rem',
   outlineColor: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarOutlineFocusColor, ")"),
-  outlineRadius: /*#__PURE__*/"calc(var(".concat(_Calendar.tokens.calendarDayItemBorderRadius, ") + 0.125rem)")
-}), _Calendar.classes.dayOfWeek, _Calendar.tokens.calendarDayOfWeekColor, _Calendar.classes.dayDisabled, /*#__PURE__*/disabledDay(), _Calendar.classes.dayDisabledCurrent, /*#__PURE__*/disabledCurrentDay(), _Calendar.classes.currentItem, _Calendar.classes.dayInRange, _Calendar.classes.daySideRight, _Calendar.classes.daySideLeft);
+  outlineRadius: '0.563rem'
+}), /*#__PURE__*/String(_mixins.selectedMixin), /*#__PURE__*/String(_Calendar.classes.dayOfWeek), /*#__PURE__*/dayOfWeek(), /*#__PURE__*/String(_Calendar.classes.dayDisabled), /*#__PURE__*/disabledDay(), /*#__PURE__*/String(_Calendar.classes.dayDisabledCurrent), /*#__PURE__*/disabledCurrentDay());
 var StyledEvents = exports.StyledEvents = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-2y5uj0-2"
 })(["display:flex;position:absolute;bottom:0.25rem;"]);

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

@@ -6,14 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.StyledFlex = exports.StyledCalendarDaysHint = exports.StyledCalendarDays = void 0;
 var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
 var _mixins = /*#__PURE__*/require("../../mixins");
-var _Calendar = /*#__PURE__*/require("../../Calendar.tokens");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 var StyledFlex = exports.StyledFlex = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-3ydwr5-0"
 })(["", ";"], /*#__PURE__*/String(_mixins.flexCenter));
 var StyledCalendarDays = exports.StyledCalendarDays = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-3ydwr5-1"
-})(["outline:none;padding:var(", ");box-sizing:border-box;"], _Calendar.tokens.calendarDaysPadding);
+})(["outline:none;padding:0.5rem 1rem 1.5rem;box-sizing:border-box;"]);
 var StyledCalendarDaysHint = exports.StyledCalendarDaysHint = /*#__PURE__*/_styledComponents["default"].span.withConfig({
   componentId: "plasma-new-hope__sc-3ydwr5-2"
 })(["display:none;"]);

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());