@salutejs/plasma-new-hope 0.109.0-canary.1310.10007111729.0 → 0.109.1-canary.1301.10056166255.0

package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.css

@@ -1,4 +1,7 @@
-.CalendarYears_styles_4z2ki7_sq90exc__3419e23e{padding:var(--plasma-calendar-years-padding);box-sizing:border-box;}
-.CalendarYears_styles_4z2ki7_sp45mzt__3419e23e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
-.CalendarYears_styles_4z2ki7_s1rv7a6a__3419e23e{border-radius:calc(var(--plasma-calendar-year-item-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
-.CalendarYears_styles_4z2ki7_s1fgpu0g__3419e23e{font-family:var(--plasma-calendar-year-font-family);font-size:var(--plasma-calendar-year-font-size);font-style:var(--plasma-calendar-year-font-style);font-weight:var(--plasma-calendar-year-font-weight);-webkit-letter-spacing:var(--plasma-calendar-year-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-year-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-year-font-letter-spacing);letter-spacing:var(--plasma-calendar-year-font-letter-spacing);line-height:var(--plasma-calendar-year-line-height);position:relative;box-sizing:border-box;min-height:var(--plasma-calendar-year-item-height);min-width:var(--plasma-calendar-year-item-width);border-radius:var(--plasma-calendar-year-item-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;outline:none;cursor:pointer;position:relative;}.CalendarYears_styles_4z2ki7_s1fgpu0g__3419e23e:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.CalendarYears_styles_4z2ki7_s1fgpu0g__3419e23e.CalendarYears_styles_4z2ki7_itemHovered__3419e23e,.CalendarYears_styles_4z2ki7_s1fgpu0g__3419e23e.CalendarYears_styles_4z2ki7_itemHovered__3419e23e:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-year-selected-font-weight);}.CalendarYears_styles_4z2ki7_s1fgpu0g__3419e23e.CalendarYears_styles_4z2ki7_itemSelected__3419e23e:not(.CalendarYears_styles_4z2ki7_itemCurrent__3419e23e){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-year-selected-font-weight);}.CalendarYears_styles_4z2ki7_s1fgpu0g__3419e23e:active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-year-selected-font-weight);}.CalendarYears_styles_4z2ki7_s1fgpu0g__3419e23e.CalendarYears_styles_4z2ki7_itemCurrent__3419e23e{border:0.063rem solid var(--plasma-calendar-current-item-border-color);}.CalendarYears_styles_4z2ki7_s1fgpu0g__3419e23e.CalendarYears_styles_4z2ki7_itemCurrent__3419e23e.CalendarYears_styles_4z2ki7_itemSelected__3419e23e{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-year-selected-font-weight);}.CalendarYears_styles_4z2ki7_s1fgpu0g__3419e23e.CalendarYears_styles_4z2ki7_itemCurrent__3419e23e.CalendarYears_styles_4z2ki7_itemSelected__3419e23e > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(var(--plasma-calendar-year-item-width) - 0.25rem);min-height:calc(var(--plasma-calendar-year-item-height) - 0.25rem);}.CalendarYears_styles_4z2ki7_s1fgpu0g__3419e23e::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-year-item-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.CalendarYears_styles_4z2ki7_s1fgpu0g__3419e23e.CalendarYears_styles_4z2ki7_focusVisible__3419e23e:focus::before,.CalendarYears_styles_4z2ki7_s1fgpu0g__3419e23e[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.CalendarYears_styles_4z2ki7_s1fgpu0g__3419e23e.CalendarYears_styles_4z2ki7_itemCurrent__3419e23e{position:relative;}.CalendarYears_styles_4z2ki7_s1fgpu0g__3419e23e.CalendarYears_styles_4z2ki7_itemCurrent__3419e23e::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-year-item-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.CalendarYears_styles_4z2ki7_s1fgpu0g__3419e23e.CalendarYears_styles_4z2ki7_itemCurrent__3419e23e.CalendarYears_styles_4z2ki7_focusVisible__3419e23e:focus::before,.CalendarYears_styles_4z2ki7_s1fgpu0g__3419e23e.CalendarYears_styles_4z2ki7_itemCurrent__3419e23e[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}
+.DateStructureItem_styles_1nxxafr_s140bov1__5d7ee105{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.DateStructureItem_styles_1nxxafr_s140bov1__5d7ee105.DateStructureItem_styles_1nxxafr_itemInRange__5d7ee105:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_1nxxafr_s140bov1__5d7ee105.DateStructureItem_styles_1nxxafr_itemSideInRange__5d7ee105:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_1nxxafr_s140bov1__5d7ee105.DateStructureItem_styles_1nxxafr_itemSideLeft__5d7ee105:before{left:var(--s140bov1-0);}.DateStructureItem_styles_1nxxafr_s140bov1__5d7ee105.DateStructureItem_styles_1nxxafr_itemSideRight__5d7ee105:before{right:var(--s140bov1-0);}
+.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;min-width:var(--plasma-calendar-date-structure-width);min-height:var(--plasma-calendar-date-structure-height);border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s1k1xcqq-0);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemHovered__5d7ee105,.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemHovered__5d7ee105:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelected__5d7ee105:not(.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105{border:0.063rem solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelected__5d7ee105{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelected__5d7ee105 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(var(--plasma-calendar-date-structure-width) - 0.25rem);min-height:calc(var(--plasma-calendar-date-structure-height) - 0.25rem);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_focusVisible__5d7ee105:focus::before,.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105{position:relative;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105.DateStructureItem_styles_1nxxafr_focusVisible__5d7ee105:focus::before,.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_dayInCurrentMonth__5d7ee105:not(.DateStructureItem_styles_1nxxafr_itemDisabled__5d7ee105):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_dayOfWeek__5d7ee105{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemDisabled__5d7ee105{cursor:not-allowed;opacity:0.4;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemDisabledCurrent__5d7ee105{cursor:not-allowed;opacity:0.4;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105 > .DateStructureItem_styles_1nxxafr_itemInRange__5d7ee105:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105 > .DateStructureItem_styles_1nxxafr_itemSideRight__5d7ee105:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105 > .DateStructureItem_styles_1nxxafr_itemSideLeft__5d7ee105:before{width:100%;left:-1px;right:unset;}
+.DateStructureItem_styles_1nxxafr_s1wqrord__5d7ee105{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:0.25rem;}
+.DateStructureItem_styles_1nxxafr_s1cvvf5__5d7ee105{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s1cvvf5-0);}
+
+.CalendarYears_styles_1d4ov6t_sq90exc__41427687{padding:var(--plasma-calendar-years-padding);box-sizing:border-box;}
+.CalendarYears_styles_1d4ov6t_sp45mzt__41427687{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}

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

@@ -4,9 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../../../utils/index.js');
+var constants = require('../../utils/constants.js');
+var calendarGridHelper = require('../../utils/calendarGridHelper.js');
+var calendarRangeHelper = require('../../utils/calendarRangeHelper.js');
 var useYears = require('../../hooks/useYears.js');
 var Calendar_tokens = require('../../Calendar.tokens.js');
+var DateStructureItem = require('../DateStructureItem/DateStructureItem.js');
 var CalendarYears_styles = require('./CalendarYears.styles.js');
 
 /**
@@ -14,30 +17,80 @@ var CalendarYears_styles = require('./CalendarYears.styles.js');
  */
 var CalendarYears = function CalendarYears(_ref) {
   var currentDate = _ref.date,
+    value = _ref.value,
     startYear = _ref.startYear,
     selectIndexes = _ref.selectIndexes,
+    eventList = _ref.eventList,
+    disabledList = _ref.disabledList,
+    min = _ref.min,
+    max = _ref.max,
     outerRefs = _ref.outerRefs,
+    isDouble = _ref.isDouble,
+    isSecond = _ref.isSecond,
+    hoveredYear = _ref.hoveredYear,
     onChangeYear = _ref.onChangeYear,
+    onHoverYear = _ref.onHoverYear,
     onSetSelected = _ref.onSetSelected,
     onKeyDown = _ref.onKeyDown;
-  var _useYears = useYears.useYears(currentDate, startYear),
+  var _useYears = useYears.useYears({
+      date: currentDate,
+      value: value,
+      startYear: startYear,
+      eventList: eventList,
+      disabledList: disabledList,
+      min: min,
+      max: max
+    }),
     _useYears2 = _rollupPluginBabelHelpers.slicedToArray(_useYears, 2),
     years = _useYears2[0],
     selected = _useYears2[1];
   var selectedRef = React.useRef(selected);
   var onSetSelectedRef = React.useRef(onSetSelected);
-  var handleOnChangeYear = React.useCallback(function (event) {
-    /**
-     * нужно вызвать stopImmediatePropagation для случаев, когда
-     * обработчик события onClick навешивается снаружи.
-     * Как, например, в компоненте Popup
-     */
-    event.nativeEvent.stopImmediatePropagation();
-    var year = event.currentTarget.dataset.year;
-    onChangeYear(Number(year));
-  }, [onChangeYear]);
+  var offset = isSecond ? constants.ROW_YEAR_STEP : 0;
+  var yearItemTokens = _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(Calendar_tokens.innerTokens.dateStructureFontFamily), "var(".concat(Calendar_tokens.tokens.calendarYearFontFamily, ")")), "".concat(Calendar_tokens.innerTokens.dateStructureFontSize), "var(".concat(Calendar_tokens.tokens.calendarYearFontSize, ")")), "".concat(Calendar_tokens.innerTokens.dateStructureFontWeight), "var(".concat(Calendar_tokens.tokens.calendarYearFontWeight, ")")), "".concat(Calendar_tokens.innerTokens.dateStructureFontLineHeight), "var(".concat(Calendar_tokens.tokens.calendarYearFontLineHeight, ")")), "".concat(Calendar_tokens.innerTokens.dateStructureFontLetterSpacing), "var(".concat(Calendar_tokens.tokens.calendarYearFontLetterSpacing, ")")), "".concat(Calendar_tokens.innerTokens.dateStructureFontStyle), "var(".concat(Calendar_tokens.tokens.calendarYearFontStyle, ")")), "".concat(Calendar_tokens.innerTokens.dateStructureSelectedFontWeight), "var(".concat(Calendar_tokens.tokens.calendarYearSelectedFontWeight, ")")), "".concat(Calendar_tokens.innerTokens.dateStructureWidth), "var(".concat(Calendar_tokens.tokens.calendarYearItemWidth, ")")), "".concat(Calendar_tokens.innerTokens.dateStructureHeight), "var(".concat(Calendar_tokens.tokens.calendarYearItemHeight, ")")), "".concat(Calendar_tokens.innerTokens.dateStructureBorderRadius), "var(".concat(Calendar_tokens.tokens.calendarYearItemBorderRadius, ")"));
+  var getSelectedDate = React.useCallback(function (event) {
+    var _event$currentTarget$ = event.currentTarget.dataset,
+      day = _event$currentTarget$.day,
+      monthIndex = _event$currentTarget$.monthIndex,
+      year = _event$currentTarget$.year;
+    var selectedDate = {
+      day: Number(day),
+      monthIndex: Number(monthIndex),
+      year: Number(year)
+    };
+    if (!calendarGridHelper.canSelectDate(selectedDate, value, disabledList)) {
+      return;
+    }
+    return selectedDate;
+  }, [disabledList, value]);
+  var handleOnChangeYear = React.useCallback(function (i, j) {
+    return function (event) {
+      /**
+       * нужно вызвать stopImmediatePropagation для случаев, когда
+       * обработчик события onClick навешивается снаружи.
+       * Как, например, в компоненте Popup
+       */
+      event.nativeEvent.stopImmediatePropagation();
+      var selectedDate = getSelectedDate(event);
+      if (!selectedDate) {
+        return;
+      }
+      onChangeYear(selectedDate, [i + offset, j]);
+      if (calendarRangeHelper.isSelectProcess(value)) {
+        onHoverYear === null || onHoverYear === void 0 || onHoverYear(undefined);
+      }
+    };
+  }, [getSelectedDate, onChangeYear, offset, value, onHoverYear]);
+  var handleOnHoverYear = React.useCallback(function (event) {
+    var selectedDate = getSelectedDate(event);
+    var isSelectedDone = Array.isArray(value) && value[0] && value[1];
+    if (!selectedDate || !Array.isArray(value) || isSelectedDone) {
+      return;
+    }
+    onHoverYear === null || onHoverYear === void 0 || onHoverYear(selectedDate);
+  }, [getSelectedDate, onHoverYear, value]);
   var getRefs = React.useCallback(function (element, i, j) {
-    outerRefs.current[i][j] = element;
+    outerRefs.current[i + offset][j] = element;
   }, [outerRefs]);
   React.useEffect(function () {
     if (selectedRef.current) {
@@ -56,22 +109,43 @@ var CalendarYears = function CalendarYears(_ref) {
     }, year.map(function (_ref2, j) {
       var yearValue = _ref2.yearValue,
         isSelected = _ref2.isSelected,
-        isCurrent = _ref2.isCurrent;
-      var selectedClass = isSelected ? Calendar_tokens.classes.selectedItem : undefined;
-      var currentClass = isCurrent ? Calendar_tokens.classes.currentItem : undefined;
-      return /*#__PURE__*/React.createElement(CalendarYears_styles.StyledYearRoot, {
-        className: index.cx(selectedClass, currentClass, Calendar_tokens.classes.selectableItem),
+        isCurrent = _ref2.isCurrent,
+        date = _ref2.date,
+        events = _ref2.events,
+        isOutOfMinMaxRange = _ref2.isOutOfMinMaxRange,
+        inRange = _ref2.inRange,
+        disabled = _ref2.disabled,
+        disabledArrowKey = _ref2.disabledArrowKey,
+        disabledDates = _ref2.disabledDates;
+      return /*#__PURE__*/React.createElement(DateStructureItem.DateStructureItem, {
         ref: function ref(element) {
           return getRefs(element, i, j);
         },
-        tabIndex: i === (selectIndexes === null || selectIndexes === void 0 ? void 0 : selectIndexes[0]) && j === (selectIndexes === null || selectIndexes === void 0 ? void 0 : selectIndexes[1]) ? 0 : -1,
-        onClick: handleOnChangeYear,
-        "data-year": yearValue,
-        "aria-selected": isSelected,
-        role: "gridcell",
+        style: yearItemTokens,
+        eventList: events,
+        disabled: disabled,
+        day: date.day,
+        year: yearValue,
+        monthIndex: date.monthIndex,
+        isFocused: i + offset === (selectIndexes === null || selectIndexes === void 0 ? void 0 : selectIndexes[0]) && j === (selectIndexes === null || selectIndexes === void 0 ? void 0 : selectIndexes[1]) && !isOutOfMinMaxRange,
+        isSelected: isSelected,
+        isCurrent: isCurrent,
+        isDouble: isDouble,
+        isHovered: calendarRangeHelper.isSameDay(date, hoveredYear),
+        inRange: calendarRangeHelper.getInRange(value, date, hoveredYear, inRange),
+        sideInRange: calendarRangeHelper.getSideInRange(value, date, hoveredYear, isSelected),
+        onClick: disabled ? undefined : handleOnChangeYear(i, j),
+        onMouseOver: disabled ? undefined : handleOnHoverYear,
         key: "StyledYear-".concat(i, "-").concat(j),
-        "aria-label": String(yearValue)
-      }, /*#__PURE__*/React.createElement(CalendarYears_styles.StyledYear, null, yearValue));
+        role: "gridcell",
+        "data-year": yearValue,
+        "data-month-index": date.monthIndex,
+        "data-day": date.day,
+        "aria-label": String(yearValue),
+        disabledArrowKey: disabledArrowKey,
+        disabledMonths: disabledDates,
+        isDayInCurrentMonth: true
+      }, yearValue);
     }));
   }));
 };

package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarYears.js","sources":["../../../../../src/components/Calendar/ui/CalendarYears/CalendarYears.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from 'react';\n\nimport { cx } from '../../../../utils';\nimport { useYears } from '../../hooks';\nimport { classes } from '../../Calendar.tokens';\n\nimport type { CalendarYearsProps } from './CalendarYears.types';\nimport { StyledCalendarYears, StyledFlex, StyledYear, StyledYearRoot } from './CalendarYears.styles';\n\n/**\n * Компонент годов в календаре.\n */\nexport const CalendarYears: React.FC<CalendarYearsProps> = ({\n    date: currentDate,\n    startYear,\n    selectIndexes,\n    outerRefs,\n    onChangeYear,\n    onSetSelected,\n    onKeyDown,\n}) => {\n    const [years, selected] = useYears(currentDate, startYear);\n    const selectedRef = useRef(selected);\n    const onSetSelectedRef = useRef(onSetSelected);\n\n    const handleOnChangeYear = useCallback(\n        (event: React.MouseEvent<HTMLDivElement>) => {\n            /**\n             * нужно вызвать stopImmediatePropagation для случаев, когда\n             * обработчик события onClick навешивается снаружи.\n             * Как, например, в компоненте Popup\n             */\n            event.nativeEvent.stopImmediatePropagation();\n\n            const { year } = event.currentTarget.dataset;\n            onChangeYear(Number(year));\n        },\n        [onChangeYear],\n    );\n\n    const getRefs = useCallback(\n        (element: HTMLDivElement, i: number, j: number) => {\n            outerRefs.current[i][j] = element;\n        },\n        [outerRefs],\n    );\n\n    useEffect(() => {\n        if (selectedRef.current) {\n            onSetSelectedRef.current?.(selectedRef.current);\n        }\n    }, []);\n\n    return (\n        <StyledCalendarYears role=\"grid\" aria-labelledby=\"id-grid-label\" onKeyDown={onKeyDown}>\n            {years.map((year, i) => (\n                <StyledFlex role=\"row\" key={i}>\n                    {year.map(({ yearValue, isSelected, isCurrent }, j) => {\n                        const selectedClass = isSelected ? classes.selectedItem : undefined;\n                        const currentClass = isCurrent ? classes.currentItem : undefined;\n\n                        return (\n                            <StyledYearRoot\n                                className={cx(selectedClass, currentClass, classes.selectableItem)}\n                                ref={(element: HTMLDivElement) => getRefs(element, i, j)}\n                                tabIndex={i === selectIndexes?.[0] && j === selectIndexes?.[1] ? 0 : -1}\n                                onClick={handleOnChangeYear}\n                                data-year={yearValue}\n                                aria-selected={isSelected}\n                                role=\"gridcell\"\n                                key={`StyledYear-${i}-${j}`}\n                                aria-label={String(yearValue)}\n                            >\n                                <StyledYear>{yearValue}</StyledYear>\n                            </StyledYearRoot>\n                        );\n                    })}\n                </StyledFlex>\n            ))}\n        </StyledCalendarYears>\n    );\n};\n"],"names":["CalendarYears","_ref","currentDate","date","startYear","selectIndexes","outerRefs","onChangeYear","onSetSelected","onKeyDown","_useYears","useYears","_useYears2","_slicedToArray","years","selected","selectedRef","useRef","onSetSelectedRef","handleOnChangeYear","useCallback","event","nativeEvent","stopImmediatePropagation","year","currentTarget","dataset","Number","getRefs","element","i","j","current","useEffect","_onSetSelectedRef$cur","call","React","createElement","StyledCalendarYears","role","map","StyledFlex","key","_ref2","yearValue","isSelected","isCurrent","selectedClass","classes","selectedItem","undefined","currentClass","currentItem","StyledYearRoot","className","cx","selectableItem","ref","tabIndex","onClick","concat","String","StyledYear"],"mappings":";;;;;;;;;;;AASA;AACA;AACA;IACaA,aAA2C,GAAG,SAA9CA,aAA2CA,CAAAC,IAAA,EAQlD;AAAA,EAAA,IAPIC,WAAW,GAAAD,IAAA,CAAjBE,IAAI;IACJC,SAAS,GAAAH,IAAA,CAATG,SAAS;IACTC,aAAa,GAAAJ,IAAA,CAAbI,aAAa;IACbC,SAAS,GAAAL,IAAA,CAATK,SAAS;IACTC,YAAY,GAAAN,IAAA,CAAZM,YAAY;IACZC,aAAa,GAAAP,IAAA,CAAbO,aAAa;IACbC,SAAS,GAAAR,IAAA,CAATQ,SAAS,CAAA;AAET,EAAA,IAAAC,SAAA,GAA0BC,iBAAQ,CAACT,WAAW,EAAEE,SAAS,CAAC;IAAAQ,UAAA,GAAAC,uCAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAnDI,IAAAA,KAAK,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,QAAQ,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AACtB,EAAA,IAAMI,WAAW,GAAGC,YAAM,CAACF,QAAQ,CAAC,CAAA;AACpC,EAAA,IAAMG,gBAAgB,GAAGD,YAAM,CAACT,aAAa,CAAC,CAAA;AAE9C,EAAA,IAAMW,kBAAkB,GAAGC,iBAAW,CAClC,UAACC,KAAuC,EAAK;AACzC;AACZ;AACA;AACA;AACA;AACYA,IAAAA,KAAK,CAACC,WAAW,CAACC,wBAAwB,EAAE,CAAA;IAE5C,IAAQC,IAAI,GAAKH,KAAK,CAACI,aAAa,CAACC,OAAO,CAApCF,IAAI,CAAA;AACZjB,IAAAA,YAAY,CAACoB,MAAM,CAACH,IAAI,CAAC,CAAC,CAAA;AAC9B,GAAC,EACD,CAACjB,YAAY,CACjB,CAAC,CAAA;EAED,IAAMqB,OAAO,GAAGR,iBAAW,CACvB,UAACS,OAAuB,EAAEC,CAAS,EAAEC,CAAS,EAAK;IAC/CzB,SAAS,CAAC0B,OAAO,CAACF,CAAC,CAAC,CAACC,CAAC,CAAC,GAAGF,OAAO,CAAA;AACrC,GAAC,EACD,CAACvB,SAAS,CACd,CAAC,CAAA;AAED2B,EAAAA,eAAS,CAAC,YAAM;IACZ,IAAIjB,WAAW,CAACgB,OAAO,EAAE;AAAA,MAAA,IAAAE,qBAAA,CAAA;AACrB,MAAA,CAAAA,qBAAA,GAAAhB,gBAAgB,CAACc,OAAO,cAAAE,qBAAA,KAAA,KAAA,CAAA,IAAxBA,qBAAA,CAAAC,IAAA,CAAAjB,gBAAgB,EAAWF,WAAW,CAACgB,OAAO,CAAC,CAAA;AACnD,KAAA;GACH,EAAE,EAAE,CAAC,CAAA;AAEN,EAAA,oBACII,KAAA,CAAAC,aAAA,CAACC,wCAAmB,EAAA;AAACC,IAAAA,IAAI,EAAC,MAAM;AAAC,IAAA,iBAAA,EAAgB,eAAe;AAAC9B,IAAAA,SAAS,EAAEA,SAAAA;AAAU,GAAA,EACjFK,KAAK,CAAC0B,GAAG,CAAC,UAAChB,IAAI,EAAEM,CAAC,EAAA;AAAA,IAAA,oBACfM,KAAA,CAAAC,aAAA,CAACI,+BAAU,EAAA;AAACF,MAAAA,IAAI,EAAC,KAAK;AAACG,MAAAA,GAAG,EAAEZ,CAAAA;KACvBN,EAAAA,IAAI,CAACgB,GAAG,CAAC,UAAAG,KAAA,EAAuCZ,CAAC,EAAK;AAAA,MAAA,IAA1Ca,SAAS,GAAAD,KAAA,CAATC,SAAS;QAAEC,UAAU,GAAAF,KAAA,CAAVE,UAAU;QAAEC,SAAS,GAAAH,KAAA,CAATG,SAAS,CAAA;MACzC,IAAMC,aAAa,GAAGF,UAAU,GAAGG,uBAAO,CAACC,YAAY,GAAGC,SAAS,CAAA;MACnE,IAAMC,YAAY,GAAGL,SAAS,GAAGE,uBAAO,CAACI,WAAW,GAAGF,SAAS,CAAA;AAEhE,MAAA,oBACId,KAAA,CAAAC,aAAA,CAACgB,mCAAc,EAAA;QACXC,SAAS,EAAEC,QAAE,CAACR,aAAa,EAAEI,YAAY,EAAEH,uBAAO,CAACQ,cAAc,CAAE;QACnEC,GAAG,EAAE,SAAAA,GAAAA,CAAC5B,OAAuB,EAAA;AAAA,UAAA,OAAKD,OAAO,CAACC,OAAO,EAAEC,CAAC,EAAEC,CAAC,CAAC,CAAA;SAAC;QACzD2B,QAAQ,EAAE5B,CAAC,MAAKzB,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAbA,aAAa,CAAG,CAAC,CAAC,CAAI0B,IAAAA,CAAC,MAAK1B,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAbA,aAAa,CAAG,CAAC,CAAC,CAAG,GAAA,CAAC,GAAG,CAAC,CAAE;AACxEsD,QAAAA,OAAO,EAAExC,kBAAmB;AAC5B,QAAA,WAAA,EAAWyB,SAAU;AACrB,QAAA,eAAA,EAAeC,UAAW;AAC1BN,QAAAA,IAAI,EAAC,UAAU;QACfG,GAAG,EAAA,aAAA,CAAAkB,MAAA,CAAgB9B,CAAC,OAAA8B,MAAA,CAAI7B,CAAC,CAAG;QAC5B,YAAY8B,EAAAA,MAAM,CAACjB,SAAS,CAAA;OAE5BR,eAAAA,KAAA,CAAAC,aAAA,CAACyB,+BAAU,EAAElB,IAAAA,EAAAA,SAAsB,CACvB,CAAC,CAAA;AAEzB,KAAC,CACO,CAAC,CAAA;AAAA,GAChB,CACgB,CAAC,CAAA;AAE9B;;;;"}
+{"version":3,"file":"CalendarYears.js","sources":["../../../../../src/components/Calendar/ui/CalendarYears/CalendarYears.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from 'react';\n\nimport { useYears } from '../../hooks';\nimport { innerTokens, tokens } from '../../Calendar.tokens';\nimport { ROW_YEAR_STEP, canSelectDate, getInRange, getSideInRange, isSameDay, isSelectProcess } from '../../utils';\nimport { DateStructureItem } from '../DateStructureItem/DateStructureItem';\n\nimport type { CalendarYearsProps } from './CalendarYears.types';\nimport { StyledCalendarYears, StyledFlex } from './CalendarYears.styles';\n\n/**\n * Компонент годов в календаре.\n */\nexport const CalendarYears: React.FC<CalendarYearsProps> = ({\n    date: currentDate,\n    value,\n    startYear,\n    selectIndexes,\n    eventList,\n    disabledList,\n    min,\n    max,\n    outerRefs,\n    isDouble,\n    isSecond,\n    hoveredYear,\n    onChangeYear,\n    onHoverYear,\n    onSetSelected,\n    onKeyDown,\n}) => {\n    const [years, selected] = useYears({ date: currentDate, value, startYear, eventList, disabledList, min, max });\n    const selectedRef = useRef(selected);\n    const onSetSelectedRef = useRef(onSetSelected);\n\n    const offset = isSecond ? ROW_YEAR_STEP : 0;\n\n    const yearItemTokens = {\n        [`${innerTokens.dateStructureFontFamily}`]: `var(${tokens.calendarYearFontFamily})`,\n        [`${innerTokens.dateStructureFontSize}`]: `var(${tokens.calendarYearFontSize})`,\n        [`${innerTokens.dateStructureFontWeight}`]: `var(${tokens.calendarYearFontWeight})`,\n        [`${innerTokens.dateStructureFontLineHeight}`]: `var(${tokens.calendarYearFontLineHeight})`,\n        [`${innerTokens.dateStructureFontLetterSpacing}`]: `var(${tokens.calendarYearFontLetterSpacing})`,\n        [`${innerTokens.dateStructureFontStyle}`]: `var(${tokens.calendarYearFontStyle})`,\n        [`${innerTokens.dateStructureSelectedFontWeight}`]: `var(${tokens.calendarYearSelectedFontWeight})`,\n        [`${innerTokens.dateStructureWidth}`]: `var(${tokens.calendarYearItemWidth})`,\n        [`${innerTokens.dateStructureHeight}`]: `var(${tokens.calendarYearItemHeight})`,\n        [`${innerTokens.dateStructureBorderRadius}`]: `var(${tokens.calendarYearItemBorderRadius})`,\n    };\n\n    const getSelectedDate = useCallback(\n        (event: React.MouseEvent<HTMLDivElement>) => {\n            const { day, monthIndex, year } = event.currentTarget.dataset;\n\n            const selectedDate = {\n                day: Number(day),\n                monthIndex: Number(monthIndex),\n                year: Number(year),\n            };\n\n            if (!canSelectDate(selectedDate, value, disabledList)) {\n                return;\n            }\n\n            return selectedDate;\n        },\n        [disabledList, value],\n    );\n\n    const handleOnChangeYear = useCallback(\n        (i: number, j: number) => (event: React.MouseEvent<HTMLDivElement>) => {\n            /**\n             * нужно вызвать stopImmediatePropagation для случаев, когда\n             * обработчик события onClick навешивается снаружи.\n             * Как, например, в компоненте Popup\n             */\n            event.nativeEvent.stopImmediatePropagation();\n\n            const selectedDate = getSelectedDate(event);\n\n            if (!selectedDate) {\n                return;\n            }\n\n            onChangeYear(selectedDate, [i + offset, j]);\n\n            if (isSelectProcess(value)) {\n                onHoverYear?.(undefined);\n            }\n        },\n        [getSelectedDate, onChangeYear, offset, value, onHoverYear],\n    );\n\n    const handleOnHoverYear = useCallback(\n        (event: React.MouseEvent<HTMLDivElement>) => {\n            const selectedDate = getSelectedDate(event);\n            const isSelectedDone = Array.isArray(value) && value[0] && value[1];\n\n            if (!selectedDate || !Array.isArray(value) || isSelectedDone) {\n                return;\n            }\n\n            onHoverYear?.(selectedDate);\n        },\n        [getSelectedDate, onHoverYear, value],\n    );\n\n    const getRefs = useCallback(\n        (element: HTMLDivElement, i: number, j: number) => {\n            outerRefs.current[i + offset][j] = element;\n        },\n        [outerRefs],\n    );\n\n    useEffect(() => {\n        if (selectedRef.current) {\n            onSetSelectedRef.current?.(selectedRef.current);\n        }\n    }, []);\n\n    return (\n        <StyledCalendarYears role=\"grid\" aria-labelledby=\"id-grid-label\" onKeyDown={onKeyDown}>\n            {years.map((year, i) => (\n                <StyledFlex role=\"row\" key={i}>\n                    {year.map(\n                        (\n                            {\n                                yearValue,\n                                isSelected,\n                                isCurrent,\n                                date,\n                                events,\n                                isOutOfMinMaxRange,\n                                inRange,\n                                disabled,\n                                disabledArrowKey,\n                                disabledDates,\n                            },\n                            j,\n                        ) => {\n                            return (\n                                <DateStructureItem\n                                    ref={(element: HTMLDivElement) => getRefs(element, i, j)}\n                                    style={yearItemTokens}\n                                    eventList={events}\n                                    disabled={disabled}\n                                    day={date.day}\n                                    year={yearValue}\n                                    monthIndex={date.monthIndex}\n                                    isFocused={\n                                        i + offset === selectIndexes?.[0] &&\n                                        j === selectIndexes?.[1] &&\n                                        !isOutOfMinMaxRange\n                                    }\n                                    isSelected={isSelected}\n                                    isCurrent={isCurrent}\n                                    isDouble={isDouble}\n                                    isHovered={isSameDay(date, hoveredYear)}\n                                    inRange={getInRange(value, date, hoveredYear, inRange)}\n                                    sideInRange={getSideInRange(value, date, hoveredYear, isSelected)}\n                                    onClick={disabled ? undefined : handleOnChangeYear(i, j)}\n                                    onMouseOver={disabled ? undefined : handleOnHoverYear}\n                                    key={`StyledYear-${i}-${j}`}\n                                    role=\"gridcell\"\n                                    data-year={yearValue}\n                                    data-month-index={date.monthIndex}\n                                    data-day={date.day}\n                                    aria-label={String(yearValue)}\n                                    disabledArrowKey={disabledArrowKey}\n                                    disabledMonths={disabledDates}\n                                    isDayInCurrentMonth\n                                >\n                                    {yearValue}\n                                </DateStructureItem>\n                            );\n                        },\n                    )}\n                </StyledFlex>\n            ))}\n        </StyledCalendarYears>\n    );\n};\n"],"names":["CalendarYears","_ref","currentDate","date","value","startYear","selectIndexes","eventList","disabledList","min","max","outerRefs","isDouble","isSecond","hoveredYear","onChangeYear","onHoverYear","onSetSelected","onKeyDown","_useYears","useYears","_useYears2","_slicedToArray","years","selected","selectedRef","useRef","onSetSelectedRef","offset","ROW_YEAR_STEP","yearItemTokens","_defineProperty","concat","innerTokens","dateStructureFontFamily","tokens","calendarYearFontFamily","dateStructureFontSize","calendarYearFontSize","dateStructureFontWeight","calendarYearFontWeight","dateStructureFontLineHeight","calendarYearFontLineHeight","dateStructureFontLetterSpacing","calendarYearFontLetterSpacing","dateStructureFontStyle","calendarYearFontStyle","dateStructureSelectedFontWeight","calendarYearSelectedFontWeight","dateStructureWidth","calendarYearItemWidth","dateStructureHeight","calendarYearItemHeight","dateStructureBorderRadius","calendarYearItemBorderRadius","getSelectedDate","useCallback","event","_event$currentTarget$","currentTarget","dataset","day","monthIndex","year","selectedDate","Number","canSelectDate","handleOnChangeYear","i","j","nativeEvent","stopImmediatePropagation","isSelectProcess","undefined","handleOnHoverYear","isSelectedDone","Array","isArray","getRefs","element","current","useEffect","_onSetSelectedRef$cur","call","React","createElement","StyledCalendarYears","role","map","StyledFlex","key","_ref2","yearValue","isSelected","isCurrent","events","isOutOfMinMaxRange","inRange","disabled","disabledArrowKey","disabledDates","DateStructureItem","ref","style","isFocused","isHovered","isSameDay","getInRange","sideInRange","getSideInRange","onClick","onMouseOver","String","disabledMonths","isDayInCurrentMonth"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import './CalendarYears.styles_4z2ki7.css';
+import './CalendarYears.styles_1d4ov6t.css';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -15,19 +15,7 @@ var StyledFlex = /*#__PURE__*/react.styled('div')({
   "class": "sp45mzt",
   propsAsIs: false
 });
-var StyledYear = /*#__PURE__*/react.styled('div')({
-  name: "StyledYear",
-  "class": "s1rv7a6a",
-  propsAsIs: false
-});
-var StyledYearRoot = /*#__PURE__*/react.styled('div')({
-  name: "StyledYearRoot",
-  "class": "s1fgpu0g",
-  propsAsIs: false
-});
 
 exports.StyledCalendarYears = StyledCalendarYears;
 exports.StyledFlex = StyledFlex;
-exports.StyledYear = StyledYear;
-exports.StyledYearRoot = StyledYearRoot;
 //# sourceMappingURL=CalendarYears.styles.js.map

package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarYears.styles.js","sources":["../../../../../src/components/Calendar/ui/CalendarYears/CalendarYears.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Calendar.tokens';\nimport { addFocus } from '../../../../mixins';\nimport { addSelected, flexCenter } from '../../mixins';\n\nexport const StyledCalendarYears = styled.div`\n    padding: var(${tokens.calendarYearsPadding});\n    box-sizing: border-box;\n`;\n\nexport const StyledFlex = styled.div`\n    ${String(flexCenter)};\n`;\n\nexport const StyledYear = styled.div`\n    border-radius: calc(var(${tokens.calendarYearItemBorderRadius}) - 0.125rem);\n\n    ${String(flexCenter)};\n`;\n\nexport const StyledYearRoot = styled.div`\n    font-family: var(${tokens.calendarYearFontFamily});\n    font-size: var(${tokens.calendarYearFontSize});\n    font-style: var(${tokens.calendarYearFontStyle});\n    font-weight: var(${tokens.calendarYearFontWeight});\n    letter-spacing: var(${tokens.calendarYearFontLetterSpacing});\n    line-height: var(${tokens.calendarYearFontLineHeight});\n    position: relative;\n    box-sizing: border-box;\n\n    min-height: var(${tokens.calendarYearItemHeight});\n    min-width: var(${tokens.calendarYearItemWidth});\n\n    border-radius: var(${tokens.calendarYearItemBorderRadius});\n\n    ${String(flexCenter)};\n\n    ${addSelected({\n        minWidth: `calc(var(${tokens.calendarYearItemWidth}) - 0.25rem)`,\n        minHeight: `calc(var(${tokens.calendarYearItemHeight}) - 0.25rem)`,\n        selectedFontWeight: `var(${tokens.calendarYearSelectedFontWeight})`,\n        selectedBackground: `var(${tokens.calendarSelectedItemBackground})`,\n        selectedColor: `var(${tokens.calendarSelectedItemColor})`,\n        selectableBackgroundHover: `var(${tokens.calendarSelectableItemBackgroundHover})`,\n        currentBorderColor: `var(${tokens.calendarCurrentItemBorderColor})`,\n        activeBackground: `var(${tokens.calendarActiveItemBackground})`,\n        activeColor: `var(${tokens.calendarActiveItemColor})`,\n    })};\n\n    ${addFocus({\n        outlineSize: '0.063rem',\n        outlineOffset: '-0.125rem',\n        outlineColor: `var(${tokens.calendarOutlineFocusColor})`,\n        outlineRadius: `calc(var(${tokens.calendarYearItemBorderRadius}) + 0.125rem)`,\n    })};\n\n    &.${classes.currentItem} {\n        ${addFocus({\n            outlineSize: '0.063rem',\n            outlineOffset: '-0.1875rem',\n            outlineColor: `var(${tokens.calendarOutlineFocusColor})`,\n            outlineRadius: `calc(var(${tokens.calendarYearItemBorderRadius}) + 0.125rem)`,\n        })};\n    }\n`;\n"],"names":["StyledCalendarYears","styled","name","class","propsAsIs","StyledFlex","StyledYear","StyledYearRoot"],"mappings":";;;;;;AAMO,IAAMA,mBAAmB,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,qBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGxC,EAAA;AAEM,IAAMC,UAAU,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE/B,EAAA;AAEM,IAAME,UAAU,gBAAGL,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAI/B,EAAA;AAEM,IAAMG,cAAc,gBAAGN,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CA4CnC;;;;;;;"}
+{"version":3,"file":"CalendarYears.styles.js","sources":["../../../../../src/components/Calendar/ui/CalendarYears/CalendarYears.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { tokens } from '../../Calendar.tokens';\nimport { flexCenter } from '../../mixins';\n\nexport const StyledCalendarYears = styled.div`\n    padding: var(${tokens.calendarYearsPadding});\n    box-sizing: border-box;\n`;\n\nexport const StyledFlex = styled.div`\n    ${String(flexCenter)};\n`;\n"],"names":["StyledCalendarYears","styled","name","class","propsAsIs","StyledFlex"],"mappings":";;;;;;AAKO,IAAMA,mBAAmB,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,qBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGxC,EAAA;AAEM,IAAMC,UAAU,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE/B;;;;;"}

package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles_1d4ov6t.css

@@ -0,0 +1,2 @@
+.sq90exc{padding:var(--plasma-calendar-years-padding);box-sizing:border-box;}
+.sp45mzt{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}

package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.css

@@ -0,0 +1,4 @@
+.DateStructureItem_styles_1nxxafr_s140bov1__5d7ee105{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.DateStructureItem_styles_1nxxafr_s140bov1__5d7ee105.DateStructureItem_styles_1nxxafr_itemInRange__5d7ee105:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_1nxxafr_s140bov1__5d7ee105.DateStructureItem_styles_1nxxafr_itemSideInRange__5d7ee105:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_1nxxafr_s140bov1__5d7ee105.DateStructureItem_styles_1nxxafr_itemSideLeft__5d7ee105:before{left:var(--s140bov1-0);}.DateStructureItem_styles_1nxxafr_s140bov1__5d7ee105.DateStructureItem_styles_1nxxafr_itemSideRight__5d7ee105:before{right:var(--s140bov1-0);}
+.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;min-width:var(--plasma-calendar-date-structure-width);min-height:var(--plasma-calendar-date-structure-height);border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s1k1xcqq-0);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemHovered__5d7ee105,.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemHovered__5d7ee105:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelected__5d7ee105:not(.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105{border:0.063rem solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelected__5d7ee105{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelected__5d7ee105 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(var(--plasma-calendar-date-structure-width) - 0.25rem);min-height:calc(var(--plasma-calendar-date-structure-height) - 0.25rem);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_focusVisible__5d7ee105:focus::before,.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105{position:relative;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105.DateStructureItem_styles_1nxxafr_focusVisible__5d7ee105:focus::before,.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_dayInCurrentMonth__5d7ee105:not(.DateStructureItem_styles_1nxxafr_itemDisabled__5d7ee105):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_dayOfWeek__5d7ee105{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemDisabled__5d7ee105{cursor:not-allowed;opacity:0.4;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemDisabledCurrent__5d7ee105{cursor:not-allowed;opacity:0.4;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105 > .DateStructureItem_styles_1nxxafr_itemInRange__5d7ee105:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105 > .DateStructureItem_styles_1nxxafr_itemSideRight__5d7ee105:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105 > .DateStructureItem_styles_1nxxafr_itemSideLeft__5d7ee105:before{width:100%;left:-1px;right:unset;}
+.DateStructureItem_styles_1nxxafr_s1wqrord__5d7ee105{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:0.25rem;}
+.DateStructureItem_styles_1nxxafr_s1cvvf5__5d7ee105{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s1cvvf5-0);}

package/cjs/components/Calendar/ui/{CalendarDayItem/CalendarDayItem.js → DateStructureItem/DateStructureItem.js}

@@ -6,15 +6,16 @@ var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabel
 var React = require('react');
 var index = require('../../../../utils/index.js');
 var Calendar_tokens = require('../../Calendar.tokens.js');
-var CalendarDayItem_styles = require('./CalendarDayItem.styles.js');
+var DateStructureItem_styles = require('./DateStructureItem.styles.js');
 
-var _excluded = ["isFocused", "dayOfWeek", "disabled", "isCurrent", "isSelected", "isDayInCurrentMonth", "isDouble", "inRange", "isHovered", "sideInRange", "eventList", "day", "monthIndex", "year", "onClick", "onMouseOver", "onFocus", "disabledArrowKey", "disabledMonths"];
+var _excluded = ["children", "isFocused", "dayOfWeek", "disabled", "isCurrent", "isSelected", "isDayInCurrentMonth", "isDouble", "inRange", "isHovered", "sideInRange", "eventList", "day", "monthIndex", "year", "onClick", "onMouseOver", "onFocus", "disabledArrowKey", "disabledMonths"];
 
 /**
- * Компонент дня в календаре.
+ * Компонент элемента даты в сетке календаря.
  */
-var CalendarDayItem = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (_ref, outerRef) {
-  var isFocused = _ref.isFocused,
+var DateStructureItem = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (_ref, outerRef) {
+  var children = _ref.children,
+    isFocused = _ref.isFocused,
     dayOfWeek = _ref.dayOfWeek,
     disabled = _ref.disabled,
     isCurrent = _ref.isCurrent,
@@ -36,20 +37,21 @@ var CalendarDayItem = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
     disabledMonths = _ref.disabledMonths,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var selectableClass = !dayOfWeek && !disabled ? Calendar_tokens.classes.selectableItem : undefined;
-  var selectedClass = isSelected ? Calendar_tokens.classes.selectedItem : undefined;
-  var currentClass = isCurrent ? Calendar_tokens.classes.currentItem : undefined;
-  var hoveredClass = isHovered ? Calendar_tokens.classes.hoveredItem : undefined;
+  var selectedClass = isDayInCurrentMonth && isSelected ? Calendar_tokens.classes.selectedItem : undefined;
+  var currentClass = isDayInCurrentMonth && isCurrent ? Calendar_tokens.classes.currentItem : undefined;
+  var hoveredClass = isDayInCurrentMonth && isHovered ? Calendar_tokens.classes.hoveredItem : undefined;
   var dayOfWeekClass = dayOfWeek ? Calendar_tokens.classes.dayOfWeek : undefined;
-  var disabledClass = disabled && !isCurrent ? Calendar_tokens.classes.dayDisabled : undefined;
-  var disabledCurrentClass = disabled && isCurrent ? Calendar_tokens.classes.dayDisabledCurrent : undefined;
-  var sideInRangeLeft = sideInRange === 'left' ? Calendar_tokens.classes.daySideLeft : undefined;
-  var sideInRangeRight = sideInRange === 'right' ? Calendar_tokens.classes.daySideRight : undefined;
-  var sideInRangeClass = sideInRange ? Calendar_tokens.classes.daySideInRange : undefined;
-  var inRangeStyle = inRange ? Calendar_tokens.classes.dayInRange : undefined;
+  var dayInCurrentMonthClass = isDayInCurrentMonth ? Calendar_tokens.classes.dayInCurrentMonth : undefined;
+  var disabledClass = disabled && !isCurrent ? Calendar_tokens.classes.disabled : undefined;
+  var disabledCurrentClass = disabled && isCurrent ? Calendar_tokens.classes.disabledCurrent : undefined;
+  var sideInRangeLeft = isDayInCurrentMonth && sideInRange === 'left' ? Calendar_tokens.classes.sideLeft : undefined;
+  var sideInRangeRight = isDayInCurrentMonth && sideInRange === 'right' ? Calendar_tokens.classes.sideRight : undefined;
+  var sideInRangeClass = isDayInCurrentMonth && sideInRange ? Calendar_tokens.classes.sideInRange : undefined;
+  var inRangeStyle = isDayInCurrentMonth && inRange ? Calendar_tokens.classes.inRange : undefined;
   var sideOffset = !isSelected && isCurrent ? -1 : 0;
-  return /*#__PURE__*/React.createElement(CalendarDayItem_styles.StyledDayRoot, _rollupPluginBabelHelpers.extends({
+  return /*#__PURE__*/React.createElement(DateStructureItem_styles.StyledItemRoot, _rollupPluginBabelHelpers.extends({
     ref: outerRef,
-    className: index.cx(dayOfWeekClass, selectableClass, selectedClass, currentClass, disabledClass, disabledCurrentClass, hoveredClass),
+    className: index.cx(dayOfWeekClass, selectableClass, selectedClass, currentClass, disabledClass, disabledCurrentClass, hoveredClass, dayInCurrentMonthClass),
     tabIndex: isFocused ? 0 : -1,
     dayOfWeek: dayOfWeek,
     isCurrent: isCurrent,
@@ -69,17 +71,17 @@ var CalendarDayItem = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
     "aria-selected": isSelected,
     "aria-disabled": disabled,
     "aria-describedby": disabled ? 'withShift' : undefined
-  }, rest), /*#__PURE__*/React.createElement(CalendarDayItem_styles.StyledDay, {
+  }, rest), /*#__PURE__*/React.createElement(DateStructureItem_styles.StyledItem, {
     className: index.cx(sideInRangeClass, sideInRangeLeft, sideInRangeRight, inRangeStyle),
     offset: sideOffset
-  }, day), /*#__PURE__*/React.createElement(CalendarDayItem_styles.StyledEvents, {
+  }, children), /*#__PURE__*/React.createElement(DateStructureItem_styles.StyledEvents, {
     "aria-hidden": true
   }, [eventList[0], eventList[1], eventList[2]].map(function (event, i) {
-    return event && /*#__PURE__*/React.createElement(CalendarDayItem_styles.StyledEvent, _rollupPluginBabelHelpers.extends({
+    return event && /*#__PURE__*/React.createElement(DateStructureItem_styles.StyledEvent, _rollupPluginBabelHelpers.extends({
       key: "".concat(event.date, "-").concat(i)
     }, event));
   })));
 }));
 
-exports.CalendarDayItem = CalendarDayItem;
-//# sourceMappingURL=CalendarDayItem.js.map
+exports.DateStructureItem = DateStructureItem;
+//# sourceMappingURL=DateStructureItem.js.map

package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateStructureItem.js","sources":["../../../../../src/components/Calendar/ui/DateStructureItem/DateStructureItem.tsx"],"sourcesContent":["import React, { forwardRef, memo } from 'react';\n\nimport { cx } from '../../../../utils';\nimport { classes } from '../../Calendar.tokens';\n\nimport type { DateStructureItemProps } from './DateStructureItem.types';\nimport { StyledItem, StyledItemRoot, StyledEvent, StyledEvents } from './DateStructureItem.styles';\n\n/**\n * Компонент элемента даты в сетке календаря.\n */\nexport const DateStructureItem = memo(\n    forwardRef<HTMLDivElement, DateStructureItemProps>(\n        (\n            {\n                children,\n                isFocused,\n                dayOfWeek,\n                disabled,\n                isCurrent,\n                isSelected,\n                isDayInCurrentMonth,\n                isDouble,\n                inRange,\n                isHovered,\n                sideInRange,\n                eventList = [],\n                day,\n                monthIndex,\n                year,\n                onClick,\n                onMouseOver,\n                onFocus,\n                disabledArrowKey,\n                disabledMonths,\n                ...rest\n            },\n            outerRef,\n        ) => {\n            const selectableClass = !dayOfWeek && !disabled ? classes.selectableItem : undefined;\n            const selectedClass = isDayInCurrentMonth && isSelected ? classes.selectedItem : undefined;\n            const currentClass = isDayInCurrentMonth && isCurrent ? classes.currentItem : undefined;\n            const hoveredClass = isDayInCurrentMonth && isHovered ? classes.hoveredItem : undefined;\n            const dayOfWeekClass = dayOfWeek ? classes.dayOfWeek : undefined;\n            const dayInCurrentMonthClass = isDayInCurrentMonth ? classes.dayInCurrentMonth : undefined;\n            const disabledClass = disabled && !isCurrent ? classes.disabled : undefined;\n            const disabledCurrentClass = disabled && isCurrent ? classes.disabledCurrent : undefined;\n            const sideInRangeLeft = isDayInCurrentMonth && sideInRange === 'left' ? classes.sideLeft : undefined;\n            const sideInRangeRight = isDayInCurrentMonth && sideInRange === 'right' ? classes.sideRight : undefined;\n            const sideInRangeClass = isDayInCurrentMonth && sideInRange ? classes.sideInRange : undefined;\n            const inRangeStyle = isDayInCurrentMonth && inRange ? classes.inRange : undefined;\n            const sideOffset = !isSelected && isCurrent ? -1 : 0;\n\n            return (\n                <StyledItemRoot\n                    ref={outerRef}\n                    className={cx(\n                        dayOfWeekClass,\n                        selectableClass,\n                        selectedClass,\n                        currentClass,\n                        disabledClass,\n                        disabledCurrentClass,\n                        hoveredClass,\n                        dayInCurrentMonthClass,\n                    )}\n                    tabIndex={isFocused ? 0 : -1}\n                    dayOfWeek={dayOfWeek}\n                    isCurrent={isCurrent}\n                    isSelected={isSelected}\n                    isDayInCurrentMonth={isDayInCurrentMonth}\n                    isDouble={isDouble}\n                    isHovered={isHovered}\n                    sideInRange={sideInRange}\n                    onClick={disabled ? undefined : onClick}\n                    onMouseOver={onMouseOver}\n                    onFocus={onFocus}\n                    data-day={day}\n                    data-month-index={monthIndex}\n                    data-year={year}\n                    data-disabled-arrow-key={disabledArrowKey || undefined}\n                    data-disabled-months={disabledMonths || undefined}\n                    aria-selected={isSelected}\n                    aria-disabled={disabled}\n                    aria-describedby={disabled ? 'withShift' : undefined}\n                    {...rest}\n                >\n                    <StyledItem\n                        className={cx(sideInRangeClass, sideInRangeLeft, sideInRangeRight, inRangeStyle)}\n                        offset={sideOffset}\n                    >\n                        {children}\n                    </StyledItem>\n                    <StyledEvents aria-hidden>\n                        {[eventList[0], eventList[1], eventList[2]].map(\n                            (event, i) => event && <StyledEvent key={`${event.date}-${i}`} {...event} />,\n                        )}\n                    </StyledEvents>\n                </StyledItemRoot>\n            );\n        },\n    ),\n);\n"],"names":["DateStructureItem","memo","forwardRef","_ref","outerRef","children","isFocused","dayOfWeek","disabled","isCurrent","isSelected","isDayInCurrentMonth","isDouble","inRange","isHovered","sideInRange","_ref$eventList","eventList","day","monthIndex","year","onClick","onMouseOver","onFocus","disabledArrowKey","disabledMonths","rest","_objectWithoutProperties","_excluded","selectableClass","classes","selectableItem","undefined","selectedClass","selectedItem","currentClass","currentItem","hoveredClass","hoveredItem","dayOfWeekClass","dayInCurrentMonthClass","dayInCurrentMonth","disabledClass","disabledCurrentClass","disabledCurrent","sideInRangeLeft","sideLeft","sideInRangeRight","sideRight","sideInRangeClass","inRangeStyle","sideOffset","React","createElement","StyledItemRoot","_extends","ref","className","cx","tabIndex","StyledItem","offset","StyledEvents","map","event","i","StyledEvent","key","concat","date"],"mappings":"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"}

package/cjs/components/Calendar/ui/{CalendarDayItem/CalendarDayItem.styles.js → DateStructureItem/DateStructureItem.styles.js}

@@ -1,4 +1,4 @@
-import './CalendarDayItem.styles_107vqka.css';
+import './DateStructureItem.styles_1nxxafr.css';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -12,12 +12,12 @@ var _exp10 = function _exp10() {
     return "".concat(offset, "px");
   };
 };
-var StyledDay = /*#__PURE__*/react.styled('div')({
-  name: "StyledDay",
-  "class": "sotsbos",
+var StyledItem = /*#__PURE__*/react.styled('div')({
+  name: "StyledItem",
+  "class": "s140bov1",
   propsAsIs: false,
   vars: {
-    "sotsbos-0": [/*#__PURE__*/_exp10()]
+    "s140bov1-0": [/*#__PURE__*/_exp10()]
   }
 });
 var _exp21 = function _exp21() {
@@ -26,45 +26,37 @@ var _exp21 = function _exp21() {
     return isDayInCurrentMonth ? "var(".concat(Calendar_tokens.tokens.calendarContentPrimaryColor, ")") : "var(".concat(Calendar_tokens.tokens.calendarContentSecondaryColor, ")");
   };
 };
-var _exp22 = function _exp22() {
-  return function (_ref3) {
-    var isDayInCurrentMonth = _ref3.isDayInCurrentMonth,
-      isDouble = _ref3.isDouble;
-    return !isDayInCurrentMonth && isDouble ? 'hidden' : 'visible';
-  };
-};
-var StyledDayRoot = /*#__PURE__*/react.styled('div')({
-  name: "StyledDayRoot",
-  "class": "smv00b5",
+var StyledItemRoot = /*#__PURE__*/react.styled('div')({
+  name: "StyledItemRoot",
+  "class": "s1k1xcqq",
   propsAsIs: false,
   vars: {
-    "smv00b5-0": [/*#__PURE__*/_exp21()],
-    "smv00b5-1": [/*#__PURE__*/_exp22()]
+    "s1k1xcqq-0": [/*#__PURE__*/_exp21()]
   }
 });
 var StyledEvents = /*#__PURE__*/react.styled('div')({
   name: "StyledEvents",
-  "class": "s58etsc",
+  "class": "s1wqrord",
   propsAsIs: false
 });
-var _exp38 = function _exp38() {
-  return function (_ref4) {
-    var _ref4$color = _ref4.color,
-      color = _ref4$color === void 0 ? 'var(--plasma-colors-accent)' : _ref4$color;
+var _exp40 = function _exp40() {
+  return function (_ref3) {
+    var _ref3$color = _ref3.color,
+      color = _ref3$color === void 0 ? 'var(--plasma-colors-accent)' : _ref3$color;
     return color;
   };
 };
 var StyledEvent = /*#__PURE__*/react.styled('div')({
   name: "StyledEvent",
-  "class": "say0ota",
+  "class": "s1cvvf5",
   propsAsIs: false,
   vars: {
-    "say0ota-0": [/*#__PURE__*/_exp38()]
+    "s1cvvf5-0": [/*#__PURE__*/_exp40()]
   }
 });
 
-exports.StyledDay = StyledDay;
-exports.StyledDayRoot = StyledDayRoot;
 exports.StyledEvent = StyledEvent;
 exports.StyledEvents = StyledEvents;
-//# sourceMappingURL=CalendarDayItem.styles.js.map
+exports.StyledItem = StyledItem;
+exports.StyledItemRoot = StyledItemRoot;
+//# sourceMappingURL=DateStructureItem.styles.js.map

package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateStructureItem.styles.js","sources":["../../../../../src/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { FocusProps } from '@salutejs/plasma-core';\n\nimport type { DateStructureProps } from '../../Calendar.types';\nimport { classes, innerTokens, tokens } from '../../Calendar.tokens';\nimport { addFocus } from '../../../../mixins';\nimport { addActive, addSelected, flexCenter } from '../../mixins';\n\nconst inRange = () => `\n    &:before {\n        content: '';\n        z-index: -1;\n        position: absolute;\n        width: 100%;\n        height: calc(100% - 0.125rem);\n        background: var(${tokens.calendarRangeBackground});\n    }\n`;\n\nconst sideInRange = () => `\n    &:before {\n        content: '';\n        z-index: -1;\n        position: absolute;\n        width: 0.75rem;\n        height: calc(100% - 0.125rem);\n        background: var(${tokens.calendarRangeBackground});\n    }\n`;\n\nexport const StyledItem = styled.div<{ offset: number }>`\n    border-radius: calc(var(${innerTokens.dateStructureBorderRadius}) - 0.125rem);\n\n    ${String(flexCenter)};\n\n    &.${String(classes.inRange)} {\n        ${inRange()};\n    }\n\n    &.${String(classes.sideInRange)} {\n        ${sideInRange()};\n    }\n\n    &.${String(classes.sideLeft)} {\n        &:before {\n            left: ${({ offset }) => `${offset}px`};\n        }\n    }\n\n    &.${String(classes.sideRight)} {\n        &:before {\n            right: ${({ offset }) => `${offset}px`};\n        }\n    }\n`;\n\nconst disabledItem = () => `\n    cursor: not-allowed;\n    opacity: 0.4;\n`;\n\nconst disabledCurrentItem = () => `\n    ${disabledItem()};\n`;\n\nexport const StyledItemRoot = styled.div<DateStructureProps & FocusProps>`\n    font-family: var(${innerTokens.dateStructureFontFamily});\n    font-size: var(${innerTokens.dateStructureFontSize});\n    font-style: var(${innerTokens.dateStructureFontStyle});\n    font-weight: var(${innerTokens.dateStructureFontWeight});\n    letter-spacing: var(${innerTokens.dateStructureFontLetterSpacing});\n    line-height: var(${innerTokens.dateStructureFontLineHeight});\n\n    position: relative;\n    box-sizing: border-box;\n\n    min-width: var(${innerTokens.dateStructureWidth});\n    min-height: var(${innerTokens.dateStructureHeight});\n\n    border-radius: var(${innerTokens.dateStructureBorderRadius});\n\n    ${String(flexCenter)};\n\n    color: ${({ isDayInCurrentMonth }) =>\n        isDayInCurrentMonth\n            ? `var(${tokens.calendarContentPrimaryColor})`\n            : `var(${tokens.calendarContentSecondaryColor})`};\n\n    &.${String(classes.selectableItem)} {\n        ${addSelected({\n            minWidth: `calc(var(${innerTokens.dateStructureWidth}) - 0.25rem)`,\n            minHeight: `calc(var(${innerTokens.dateStructureHeight}) - 0.25rem)`,\n            selectedFontWeight: `var(${innerTokens.dateStructureSelectedFontWeight})`,\n            selectedBackground: `var(${tokens.calendarSelectedItemBackground})`,\n            selectedColor: `var(${tokens.calendarSelectedItemColor})`,\n            selectableBackgroundHover: `var(${tokens.calendarSelectableItemBackgroundHover})`,\n            currentBorderColor: `var(${tokens.calendarCurrentItemBorderColor})`,\n            activeBackground: `var(${tokens.calendarActiveItemBackground})`,\n            activeColor: `var(${tokens.calendarActiveItemColor})`,\n        })};\n\n        ${addFocus({\n            outlineSize: '0.063rem',\n            outlineOffset: '-0.125rem',\n            outlineColor: `var(${tokens.calendarOutlineFocusColor})`,\n            outlineRadius: `calc(var(${innerTokens.dateStructureBorderRadius}) + 0.125rem)`,\n        })};\n\n        &.${classes.currentItem} {\n            ${addFocus({\n                outlineSize: '0.063rem',\n                outlineOffset: '-0.1875rem',\n                outlineColor: `var(${tokens.calendarOutlineFocusColor})`,\n                outlineRadius: `calc(var(${innerTokens.dateStructureBorderRadius}) + 0.125rem)`,\n            })};\n        }\n    }\n\n    &.${classes.dayInCurrentMonth}:not(.${classes.disabled}) {\n        ${addActive({\n            activeBackground: `var(${tokens.calendarActiveItemBackground})`,\n            activeColor: `var(${tokens.calendarActiveItemColor})`,\n            activeFontWeight: `var(${innerTokens.dateStructureSelectedFontWeight})`,\n        })};\n    }\n\n    &.${classes.dayOfWeek} {\n        color: var(${tokens.calendarDayOfWeekColor});\n    }\n\n    &.${classes.disabled} {\n        ${disabledItem()};\n    }\n\n    &.${classes.disabledCurrent} {\n        ${disabledCurrentItem()};\n    }\n\n    &.${classes.currentItem} {\n        & > .${classes.inRange}:before {\n            width: calc(100% + 2px);\n            height: 100%;\n        }\n\n        & > .${classes.sideRight}:before {\n            width: 100%;\n            right: -1px;\n            left: unset;\n        }\n\n        & > .${classes.sideLeft}:before {\n            width: 100%;\n            left: -1px;\n            right: unset;\n        }\n    }\n`;\n\nexport const StyledEvents = styled.div`\n    display: flex;\n\n    position: absolute;\n    bottom: 0.25rem;\n`;\n\nexport const StyledEvent = styled.div<{ color?: string }>`\n    margin: 0 0.063rem;\n\n    width: 0.188rem;\n    height: 0.188rem;\n    border-radius: 50%;\n\n    background-color: ${({ color = 'var(--plasma-colors-accent)' }) => color};\n`;\n"],"names":["_exp10","_ref","offset","StyledItem","styled","name","class","propsAsIs","vars","_exp21","_ref2","isDayInCurrentMonth","concat","tokens","calendarContentPrimaryColor","calendarContentSecondaryColor","StyledItemRoot","StyledEvents","_exp40","_ref3","_ref3$color","color","StyledEvent"],"mappings":";;;;;;;AAIqE,IAAAA,MAAA,GAHnDA,SAGmDA,MAAAA,GAAA;AAAA,EAAA,OA+ChD,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,IAAAA,CAAAA,MAAAA,CAAAA;IAAAA,OAAAA,EAAAA,CAAAA,MAAAA,CAAgBA,MAAO,EAAA,IAAA,CAAA,CAAA;GAAG,CAAA;AAAA,CAAA,CAAA;AArB3C,IAAMC,UAAU,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAqBXR,MAA6B,EAAA,CAAA;AAAA,GAAA;AAAA,CAGjD,EAAA;AAAC,IAAAS,MAAA,GArDgBA,SAqDhBA,MAAAA,GAAA;AAAA,EAAA,OA6BW,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,mBAAAA,GAAAA,KAAAA,CAAAA,mBAAAA,CAAAA;AAAAA,IAAAA,OACRA,mBAAmB,GAAA,MAAA,CAAAC,MAAA,CACNC,sBAAM,CAACC,2BAA4B,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAF,MAAA,CACnCC,sBAAM,CAACE,6BAA8B,EAAE,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AArBrD,IAAMC,cAAc,gBAAGZ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAkBvBC,MAG+C,EAAA,CAAA;AAAA,GAAA;AAAA,CAsE3D,EAAA;AAEM,IAAMQ,YAAY,gBAAGb,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKjC,EAAA;AAAC,IAAAW,MAAA,GAlKgBA,SAkKhBA,MAAAA,GAAA;AAAA,EAAA,OASsB,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAAC,WAAA,GAAAD,KAAA,CAAGE,KAAK;AAALA,MAAAA,KAAK,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,6BAAA,GAAAA,WAAA,CAAA;AAAA,IAAA,OAAoCC,KAAK,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAPrE,IAAMC,WAAW,gBAAGlB,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAOTU,MAAoD,EAAA,CAAA;AAAA,GAAA;AAAA,CAC3E;;;;;;;"}

package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_1nxxafr.css

@@ -0,0 +1,4 @@
+.s140bov1{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.s140bov1.item-in-range:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.s140bov1.item-side-in-range:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.s140bov1.item-side-left:before{left:var(--s140bov1-0);}.s140bov1.item-side-right:before{right:var(--s140bov1-0);}
+.s1k1xcqq{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;min-width:var(--plasma-calendar-date-structure-width);min-height:var(--plasma-calendar-date-structure-height);border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s1k1xcqq-0);}.s1k1xcqq.item-selectable{outline:none;cursor:pointer;position:relative;}.s1k1xcqq.item-selectable:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.s1k1xcqq.item-selectable.item-hovered,.s1k1xcqq.item-selectable.item-hovered:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.s1k1xcqq.item-selectable.item-selected:not(.item-current){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.s1k1xcqq.item-selectable.item-current{border:0.063rem solid var(--plasma-calendar-current-item-border-color);}.s1k1xcqq.item-selectable.item-current.item-selected{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.s1k1xcqq.item-selectable.item-current.item-selected > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(var(--plasma-calendar-date-structure-width) - 0.25rem);min-height:calc(var(--plasma-calendar-date-structure-height) - 0.25rem);}.s1k1xcqq.item-selectable::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.s1k1xcqq.item-selectable.focus-visible:focus::before,.s1k1xcqq.item-selectable[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.s1k1xcqq.item-selectable.item-current{position:relative;}.s1k1xcqq.item-selectable.item-current::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.s1k1xcqq.item-selectable.item-current.focus-visible:focus::before,.s1k1xcqq.item-selectable.item-current[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.s1k1xcqq.day-in-current-month:not(.item-disabled):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.s1k1xcqq.day-of-week{color:var(--plasma-calendar-day-of-the-week-color);}.s1k1xcqq.item-disabled{cursor:not-allowed;opacity:0.4;}.s1k1xcqq.item-disabled-current{cursor:not-allowed;opacity:0.4;}.s1k1xcqq.item-current > .item-in-range:before{width:calc(100% + 2px);height:100%;}.s1k1xcqq.item-current > .item-side-right:before{width:100%;right:-1px;left:unset;}.s1k1xcqq.item-current > .item-side-left:before{width:100%;left:-1px;right:unset;}
+.s1wqrord{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:0.25rem;}
+.s1cvvf5{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s1cvvf5-0);}