@salutejs/plasma-new-hope 0.107.0-canary.1302.9972491362.0 → 0.107.0-canary.1307.9971071618.0

package/emotion/es/components/Calendar/ui/CalendarYears/CalendarYears.js

@@ -1,7 +1,3 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -9,91 +5,40 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useCallback, useEffect, useRef } from 'react';
+import { cx } from '../../../../utils';
 import { useYears } from '../../hooks';
-import { innerTokens, tokens } from '../../Calendar.tokens';
-import { ROW_YEAR_STEP, canSelectDate, getInRange, getSideInRange, isSameDay, isSelectProcess } from '../../utils';
-import { DateStructureItem } from '../DateStructureItem/DateStructureItem';
-import { StyledCalendarYears, StyledFlex } from './CalendarYears.styles';
+import { classes } from '../../Calendar.tokens';
+import { StyledCalendarYears, StyledFlex, StyledYear, StyledYearRoot } from './CalendarYears.styles';
 
 /**
  * Компонент годов в календаре.
  */
 export 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({
-      date: currentDate,
-      value: value,
-      startYear: startYear,
-      eventList: eventList,
-      disabledList: disabledList,
-      min: min,
-      max: max
-    }),
+  var _useYears = useYears(currentDate, startYear),
     _useYears2 = _slicedToArray(_useYears, 2),
     years = _useYears2[0],
     selected = _useYears2[1];
   var selectedRef = useRef(selected);
   var onSetSelectedRef = useRef(onSetSelected);
-  var offset = isSecond ? ROW_YEAR_STEP : 0;
-  var yearItemTokens = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(innerTokens.dateStructureFontFamily), "var(".concat(tokens.calendarYearFontFamily, ")")), "".concat(innerTokens.dateStructureFontSize), "var(".concat(tokens.calendarYearFontSize, ")")), "".concat(innerTokens.dateStructureFontWeight), "var(".concat(tokens.calendarYearFontWeight, ")")), "".concat(innerTokens.dateStructureFontLineHeight), "var(".concat(tokens.calendarYearFontLineHeight, ")")), "".concat(innerTokens.dateStructureFontLetterSpacing), "var(".concat(tokens.calendarYearFontLetterSpacing, ")")), "".concat(innerTokens.dateStructureFontStyle), "var(".concat(tokens.calendarYearFontStyle, ")")), "".concat(innerTokens.dateStructureSelectedFontWeight), "var(".concat(tokens.calendarYearSelectedFontWeight, ")")), "".concat(innerTokens.dateStructureWidth), "var(".concat(tokens.calendarYearItemWidth, ")")), "".concat(innerTokens.dateStructureHeight), "var(".concat(tokens.calendarYearItemHeight, ")")), "".concat(innerTokens.dateStructureBorderRadius), "var(".concat(tokens.calendarYearItemBorderRadius, ")"));
-  var getSelectedDate = 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 (!canSelectDate(selectedDate, value, disabledList)) {
-      return;
-    }
-    return selectedDate;
-  }, [disabledList, value]);
-  var handleOnChangeYear = 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 (isSelectProcess(value)) {
-        onHoverYear === null || onHoverYear === void 0 || onHoverYear(undefined);
-      }
-    };
-  }, [getSelectedDate, onChangeYear, offset, value, onHoverYear]);
-  var handleOnHoverYear = 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 handleOnChangeYear = useCallback(function (event) {
+    /**
+     * нужно вызвать stopImmediatePropagation для случаев, когда
+     * обработчик события onClick навешивается снаружи.
+     * Как, например, в компоненте Popup
+     */
+    event.nativeEvent.stopImmediatePropagation();
+    var year = event.currentTarget.dataset.year;
+    onChangeYear(Number(year));
+  }, [onChangeYear]);
   var getRefs = useCallback(function (element, i, j) {
-    outerRefs.current[i + offset][j] = element;
+    outerRefs.current[i][j] = element;
   }, [outerRefs]);
   useEffect(function () {
     if (selectedRef.current) {
@@ -112,43 +57,22 @@ export var CalendarYears = function CalendarYears(_ref) {
     }, year.map(function (_ref2, j) {
       var yearValue = _ref2.yearValue,
         isSelected = _ref2.isSelected,
-        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, {
+        isCurrent = _ref2.isCurrent;
+      var selectedClass = isSelected ? classes.selectedItem : undefined;
+      var currentClass = isCurrent ? classes.currentItem : undefined;
+      return /*#__PURE__*/React.createElement(StyledYearRoot, {
+        className: cx(selectedClass, currentClass, classes.selectableItem),
         ref: function ref(element) {
           return getRefs(element, i, j);
         },
-        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: isSameDay(date, hoveredYear),
-        inRange: getInRange(value, date, hoveredYear, inRange),
-        sideInRange: getSideInRange(value, date, hoveredYear, isSelected),
-        onClick: disabled ? undefined : handleOnChangeYear(i, j),
-        onMouseOver: disabled ? undefined : handleOnHoverYear,
-        key: "StyledYear-".concat(i, "-").concat(j),
-        role: "gridcell",
+        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,
-        "data-month-index": date.monthIndex,
-        "data-day": date.day,
-        "aria-label": String(yearValue),
-        disabledArrowKey: disabledArrowKey,
-        disabledMonths: disabledDates,
-        isDayInCurrentMonth: true
-      }, yearValue);
+        "aria-selected": isSelected,
+        role: "gridcell",
+        key: "StyledYear-".concat(i, "-").concat(j),
+        "aria-label": String(yearValue)
+      }, /*#__PURE__*/React.createElement(StyledYear, null, yearValue));
     }));
   }));
 };

package/emotion/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js

@@ -1,11 +1,40 @@
 import _styled from "@emotion/styled/base";
-import { tokens } from '../../Calendar.tokens';
-import { flexCenter } from '../../mixins';
+import { classes, tokens } from '../../Calendar.tokens';
+import { addFocus } from '../../../../mixins';
+import { addSelected, flexCenter } from '../../mixins';
 export var StyledCalendarYears = /*#__PURE__*/_styled("div", {
-  target: "e4fgymq1",
+  target: "e4fgymq3",
   label: "plasma-new-hope__StyledCalendarYears"
-})("padding:var(", tokens.calendarYearsPadding, ");box-sizing:border-box;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2FsZW5kYXIvdWkvQ2FsZW5kYXJZZWFycy9DYWxlbmRhclllYXJzLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLNkMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9DYWxlbmRhci91aS9DYWxlbmRhclllYXJzL0NhbGVuZGFyWWVhcnMuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuLi8uLi9DYWxlbmRhci50b2tlbnMnO1xuaW1wb3J0IHsgZmxleENlbnRlciB9IGZyb20gJy4uLy4uL21peGlucyc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDYWxlbmRhclllYXJzID0gc3R5bGVkLmRpdmBcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJZZWFyc1BhZGRpbmd9KTtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZsZXggPSBzdHlsZWQuZGl2YFxuICAgICR7U3RyaW5nKGZsZXhDZW50ZXIpfTtcbmA7XG4iXX0= */"));
+})("padding:var(", tokens.calendarYearsPadding, ");box-sizing:border-box;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2FsZW5kYXIvdWkvQ2FsZW5kYXJZZWFycy9DYWxlbmRhclllYXJzLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNNkMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9DYWxlbmRhci91aS9DYWxlbmRhclllYXJzL0NhbGVuZGFyWWVhcnMuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuLi8uLi9DYWxlbmRhci50b2tlbnMnO1xuaW1wb3J0IHsgYWRkRm9jdXMgfSBmcm9tICcuLi8uLi8uLi8uLi9taXhpbnMnO1xuaW1wb3J0IHsgYWRkU2VsZWN0ZWQsIGZsZXhDZW50ZXIgfSBmcm9tICcuLi8uLi9taXhpbnMnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2FsZW5kYXJZZWFycyA9IHN0eWxlZC5kaXZgXG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLmNhbGVuZGFyWWVhcnNQYWRkaW5nfSk7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRGbGV4ID0gc3R5bGVkLmRpdmBcbiAgICAke1N0cmluZyhmbGV4Q2VudGVyKX07XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkWWVhciA9IHN0eWxlZC5kaXZgXG4gICAgYm9yZGVyLXJhZGl1czogY2FsYyh2YXIoJHt0b2tlbnMuY2FsZW5kYXJZZWFySXRlbUJvcmRlclJhZGl1c30pIC0gMC4xMjVyZW0pO1xuXG4gICAgJHtTdHJpbmcoZmxleENlbnRlcil9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFllYXJSb290ID0gc3R5bGVkLmRpdmBcbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyWWVhckZvbnRGYW1pbHl9KTtcbiAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy5jYWxlbmRhclllYXJGb250U2l6ZX0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5jYWxlbmRhclllYXJGb250U3R5bGV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmNhbGVuZGFyWWVhckZvbnRXZWlnaHR9KTtcbiAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLmNhbGVuZGFyWWVhckZvbnRMZXR0ZXJTcGFjaW5nfSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy5jYWxlbmRhclllYXJGb250TGluZUhlaWdodH0pO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXG4gICAgbWluLWhlaWdodDogdmFyKCR7dG9rZW5zLmNhbGVuZGFyWWVhckl0ZW1IZWlnaHR9KTtcbiAgICBtaW4td2lkdGg6IHZhcigke3Rva2Vucy5jYWxlbmRhclllYXJJdGVtV2lkdGh9KTtcblxuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5jYWxlbmRhclllYXJJdGVtQm9yZGVyUmFkaXVzfSk7XG5cbiAgICAke1N0cmluZyhmbGV4Q2VudGVyKX07XG5cbiAgICAke2FkZFNlbGVjdGVkKHtcbiAgICAgICAgbWluV2lkdGg6IGBjYWxjKHZhcigke3Rva2Vucy5jYWxlbmRhclllYXJJdGVtV2lkdGh9KSAtIDAuMjVyZW0pYCxcbiAgICAgICAgbWluSGVpZ2h0OiBgY2FsYyh2YXIoJHt0b2tlbnMuY2FsZW5kYXJZZWFySXRlbUhlaWdodH0pIC0gMC4yNXJlbSlgLFxuICAgICAgICBzZWxlY3RlZEZvbnRXZWlnaHQ6IGB2YXIoJHt0b2tlbnMuY2FsZW5kYXJZZWFyU2VsZWN0ZWRGb250V2VpZ2h0fSlgLFxuICAgICAgICBzZWxlY3RlZEJhY2tncm91bmQ6IGB2YXIoJHt0b2tlbnMuY2FsZW5kYXJTZWxlY3RlZEl0ZW1CYWNrZ3JvdW5kfSlgLFxuICAgICAgICBzZWxlY3RlZENvbG9yOiBgdmFyKCR7dG9rZW5zLmNhbGVuZGFyU2VsZWN0ZWRJdGVtQ29sb3J9KWAsXG4gICAgICAgIHNlbGVjdGFibGVCYWNrZ3JvdW5kSG92ZXI6IGB2YXIoJHt0b2tlbnMuY2FsZW5kYXJTZWxlY3RhYmxlSXRlbUJhY2tncm91bmRIb3Zlcn0pYCxcbiAgICAgICAgY3VycmVudEJvcmRlckNvbG9yOiBgdmFyKCR7dG9rZW5zLmNhbGVuZGFyQ3VycmVudEl0ZW1Cb3JkZXJDb2xvcn0pYCxcbiAgICAgICAgYWN0aXZlQmFja2dyb3VuZDogYHZhcigke3Rva2Vucy5jYWxlbmRhckFjdGl2ZUl0ZW1CYWNrZ3JvdW5kfSlgLFxuICAgICAgICBhY3RpdmVDb2xvcjogYHZhcigke3Rva2Vucy5jYWxlbmRhckFjdGl2ZUl0ZW1Db2xvcn0pYCxcbiAgICB9KX07XG5cbiAgICAke2FkZEZvY3VzKHtcbiAgICAgICAgb3V0bGluZVNpemU6ICcwLjA2M3JlbScsXG4gICAgICAgIG91dGxpbmVPZmZzZXQ6ICctMC4xMjVyZW0nLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IGB2YXIoJHt0b2tlbnMuY2FsZW5kYXJPdXRsaW5lRm9jdXNDb2xvcn0pYCxcbiAgICAgICAgb3V0bGluZVJhZGl1czogYGNhbGModmFyKCR7dG9rZW5zLmNhbGVuZGFyWWVhckl0ZW1Cb3JkZXJSYWRpdXN9KSArIDAuMTI1cmVtKWAsXG4gICAgfSl9O1xuXG4gICAgJi4ke2NsYXNzZXMuY3VycmVudEl0ZW19IHtcbiAgICAgICAgJHthZGRGb2N1cyh7XG4gICAgICAgICAgICBvdXRsaW5lU2l6ZTogJzAuMDYzcmVtJyxcbiAgICAgICAgICAgIG91dGxpbmVPZmZzZXQ6ICctMC4xODc1cmVtJyxcbiAgICAgICAgICAgIG91dGxpbmVDb2xvcjogYHZhcigke3Rva2Vucy5jYWxlbmRhck91dGxpbmVGb2N1c0NvbG9yfSlgLFxuICAgICAgICAgICAgb3V0bGluZVJhZGl1czogYGNhbGModmFyKCR7dG9rZW5zLmNhbGVuZGFyWWVhckl0ZW1Cb3JkZXJSYWRpdXN9KSArIDAuMTI1cmVtKWAsXG4gICAgICAgIH0pfTtcbiAgICB9XG5gO1xuIl19 */"));
 export var StyledFlex = /*#__PURE__*/_styled("div", {
-  target: "e4fgymq0",
+  target: "e4fgymq2",
   label: "plasma-new-hope__StyledFlex"
-})( /*#__PURE__*/String(flexCenter), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2FsZW5kYXIvdWkvQ2FsZW5kYXJZZWFycy9DYWxlbmRhclllYXJzLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVb0MiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9DYWxlbmRhci91aS9DYWxlbmRhclllYXJzL0NhbGVuZGFyWWVhcnMuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuLi8uLi9DYWxlbmRhci50b2tlbnMnO1xuaW1wb3J0IHsgZmxleENlbnRlciB9IGZyb20gJy4uLy4uL21peGlucyc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDYWxlbmRhclllYXJzID0gc3R5bGVkLmRpdmBcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJZZWFyc1BhZGRpbmd9KTtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZsZXggPSBzdHlsZWQuZGl2YFxuICAgICR7U3RyaW5nKGZsZXhDZW50ZXIpfTtcbmA7XG4iXX0= */"));
+})( /*#__PURE__*/String(flexCenter), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2FsZW5kYXIvdWkvQ2FsZW5kYXJZZWFycy9DYWxlbmRhclllYXJzLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXb0MiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9DYWxlbmRhci91aS9DYWxlbmRhclllYXJzL0NhbGVuZGFyWWVhcnMuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuLi8uLi9DYWxlbmRhci50b2tlbnMnO1xuaW1wb3J0IHsgYWRkRm9jdXMgfSBmcm9tICcuLi8uLi8uLi8uLi9taXhpbnMnO1xuaW1wb3J0IHsgYWRkU2VsZWN0ZWQsIGZsZXhDZW50ZXIgfSBmcm9tICcuLi8uLi9taXhpbnMnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2FsZW5kYXJZZWFycyA9IHN0eWxlZC5kaXZgXG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLmNhbGVuZGFyWWVhcnNQYWRkaW5nfSk7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRGbGV4ID0gc3R5bGVkLmRpdmBcbiAgICAke1N0cmluZyhmbGV4Q2VudGVyKX07XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkWWVhciA9IHN0eWxlZC5kaXZgXG4gICAgYm9yZGVyLXJhZGl1czogY2FsYyh2YXIoJHt0b2tlbnMuY2FsZW5kYXJZZWFySXRlbUJvcmRlclJhZGl1c30pIC0gMC4xMjVyZW0pO1xuXG4gICAgJHtTdHJpbmcoZmxleENlbnRlcil9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFllYXJSb290ID0gc3R5bGVkLmRpdmBcbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyWWVhckZvbnRGYW1pbHl9KTtcbiAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy5jYWxlbmRhclllYXJGb250U2l6ZX0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5jYWxlbmRhclllYXJGb250U3R5bGV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmNhbGVuZGFyWWVhckZvbnRXZWlnaHR9KTtcbiAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLmNhbGVuZGFyWWVhckZvbnRMZXR0ZXJTcGFjaW5nfSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy5jYWxlbmRhclllYXJGb250TGluZUhlaWdodH0pO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXG4gICAgbWluLWhlaWdodDogdmFyKCR7dG9rZW5zLmNhbGVuZGFyWWVhckl0ZW1IZWlnaHR9KTtcbiAgICBtaW4td2lkdGg6IHZhcigke3Rva2Vucy5jYWxlbmRhclllYXJJdGVtV2lkdGh9KTtcblxuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5jYWxlbmRhclllYXJJdGVtQm9yZGVyUmFkaXVzfSk7XG5cbiAgICAke1N0cmluZyhmbGV4Q2VudGVyKX07XG5cbiAgICAke2FkZFNlbGVjdGVkKHtcbiAgICAgICAgbWluV2lkdGg6IGBjYWxjKHZhcigke3Rva2Vucy5jYWxlbmRhclllYXJJdGVtV2lkdGh9KSAtIDAuMjVyZW0pYCxcbiAgICAgICAgbWluSGVpZ2h0OiBgY2FsYyh2YXIoJHt0b2tlbnMuY2FsZW5kYXJZZWFySXRlbUhlaWdodH0pIC0gMC4yNXJlbSlgLFxuICAgICAgICBzZWxlY3RlZEZvbnRXZWlnaHQ6IGB2YXIoJHt0b2tlbnMuY2FsZW5kYXJZZWFyU2VsZWN0ZWRGb250V2VpZ2h0fSlgLFxuICAgICAgICBzZWxlY3RlZEJhY2tncm91bmQ6IGB2YXIoJHt0b2tlbnMuY2FsZW5kYXJTZWxlY3RlZEl0ZW1CYWNrZ3JvdW5kfSlgLFxuICAgICAgICBzZWxlY3RlZENvbG9yOiBgdmFyKCR7dG9rZW5zLmNhbGVuZGFyU2VsZWN0ZWRJdGVtQ29sb3J9KWAsXG4gICAgICAgIHNlbGVjdGFibGVCYWNrZ3JvdW5kSG92ZXI6IGB2YXIoJHt0b2tlbnMuY2FsZW5kYXJTZWxlY3RhYmxlSXRlbUJhY2tncm91bmRIb3Zlcn0pYCxcbiAgICAgICAgY3VycmVudEJvcmRlckNvbG9yOiBgdmFyKCR7dG9rZW5zLmNhbGVuZGFyQ3VycmVudEl0ZW1Cb3JkZXJDb2xvcn0pYCxcbiAgICAgICAgYWN0aXZlQmFja2dyb3VuZDogYHZhcigke3Rva2Vucy5jYWxlbmRhckFjdGl2ZUl0ZW1CYWNrZ3JvdW5kfSlgLFxuICAgICAgICBhY3RpdmVDb2xvcjogYHZhcigke3Rva2Vucy5jYWxlbmRhckFjdGl2ZUl0ZW1Db2xvcn0pYCxcbiAgICB9KX07XG5cbiAgICAke2FkZEZvY3VzKHtcbiAgICAgICAgb3V0bGluZVNpemU6ICcwLjA2M3JlbScsXG4gICAgICAgIG91dGxpbmVPZmZzZXQ6ICctMC4xMjVyZW0nLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IGB2YXIoJHt0b2tlbnMuY2FsZW5kYXJPdXRsaW5lRm9jdXNDb2xvcn0pYCxcbiAgICAgICAgb3V0bGluZVJhZGl1czogYGNhbGModmFyKCR7dG9rZW5zLmNhbGVuZGFyWWVhckl0ZW1Cb3JkZXJSYWRpdXN9KSArIDAuMTI1cmVtKWAsXG4gICAgfSl9O1xuXG4gICAgJi4ke2NsYXNzZXMuY3VycmVudEl0ZW19IHtcbiAgICAgICAgJHthZGRGb2N1cyh7XG4gICAgICAgICAgICBvdXRsaW5lU2l6ZTogJzAuMDYzcmVtJyxcbiAgICAgICAgICAgIG91dGxpbmVPZmZzZXQ6ICctMC4xODc1cmVtJyxcbiAgICAgICAgICAgIG91dGxpbmVDb2xvcjogYHZhcigke3Rva2Vucy5jYWxlbmRhck91dGxpbmVGb2N1c0NvbG9yfSlgLFxuICAgICAgICAgICAgb3V0bGluZVJhZGl1czogYGNhbGModmFyKCR7dG9rZW5zLmNhbGVuZGFyWWVhckl0ZW1Cb3JkZXJSYWRpdXN9KSArIDAuMTI1cmVtKWAsXG4gICAgICAgIH0pfTtcbiAgICB9XG5gO1xuIl19 */"));
+export var StyledYear = /*#__PURE__*/_styled("div", {
+  target: "e4fgymq1",
+  label: "plasma-new-hope__StyledYear"
+})("border-radius:calc(var(", tokens.calendarYearItemBorderRadius, ") - 0.125rem);", /*#__PURE__*/String(flexCenter), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2FsZW5kYXIvdWkvQ2FsZW5kYXJZZWFycy9DYWxlbmRhclllYXJzLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlb0MiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9DYWxlbmRhci91aS9DYWxlbmRhclllYXJzL0NhbGVuZGFyWWVhcnMuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuLi8uLi9DYWxlbmRhci50b2tlbnMnO1xuaW1wb3J0IHsgYWRkRm9jdXMgfSBmcm9tICcuLi8uLi8uLi8uLi9taXhpbnMnO1xuaW1wb3J0IHsgYWRkU2VsZWN0ZWQsIGZsZXhDZW50ZXIgfSBmcm9tICcuLi8uLi9taXhpbnMnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2FsZW5kYXJZZWFycyA9IHN0eWxlZC5kaXZgXG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLmNhbGVuZGFyWWVhcnNQYWRkaW5nfSk7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRGbGV4ID0gc3R5bGVkLmRpdmBcbiAgICAke1N0cmluZyhmbGV4Q2VudGVyKX07XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkWWVhciA9IHN0eWxlZC5kaXZgXG4gICAgYm9yZGVyLXJhZGl1czogY2FsYyh2YXIoJHt0b2tlbnMuY2FsZW5kYXJZZWFySXRlbUJvcmRlclJhZGl1c30pIC0gMC4xMjVyZW0pO1xuXG4gICAgJHtTdHJpbmcoZmxleENlbnRlcil9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFllYXJSb290ID0gc3R5bGVkLmRpdmBcbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyWWVhckZvbnRGYW1pbHl9KTtcbiAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy5jYWxlbmRhclllYXJGb250U2l6ZX0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5jYWxlbmRhclllYXJGb250U3R5bGV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmNhbGVuZGFyWWVhckZvbnRXZWlnaHR9KTtcbiAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLmNhbGVuZGFyWWVhckZvbnRMZXR0ZXJTcGFjaW5nfSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy5jYWxlbmRhclllYXJGb250TGluZUhlaWdodH0pO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXG4gICAgbWluLWhlaWdodDogdmFyKCR7dG9rZW5zLmNhbGVuZGFyWWVhckl0ZW1IZWlnaHR9KTtcbiAgICBtaW4td2lkdGg6IHZhcigke3Rva2Vucy5jYWxlbmRhclllYXJJdGVtV2lkdGh9KTtcblxuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5jYWxlbmRhclllYXJJdGVtQm9yZGVyUmFkaXVzfSk7XG5cbiAgICAke1N0cmluZyhmbGV4Q2VudGVyKX07XG5cbiAgICAke2FkZFNlbGVjdGVkKHtcbiAgICAgICAgbWluV2lkdGg6IGBjYWxjKHZhcigke3Rva2Vucy5jYWxlbmRhclllYXJJdGVtV2lkdGh9KSAtIDAuMjVyZW0pYCxcbiAgICAgICAgbWluSGVpZ2h0OiBgY2FsYyh2YXIoJHt0b2tlbnMuY2FsZW5kYXJZZWFySXRlbUhlaWdodH0pIC0gMC4yNXJlbSlgLFxuICAgICAgICBzZWxlY3RlZEZvbnRXZWlnaHQ6IGB2YXIoJHt0b2tlbnMuY2FsZW5kYXJZZWFyU2VsZWN0ZWRGb250V2VpZ2h0fSlgLFxuICAgICAgICBzZWxlY3RlZEJhY2tncm91bmQ6IGB2YXIoJHt0b2tlbnMuY2FsZW5kYXJTZWxlY3RlZEl0ZW1CYWNrZ3JvdW5kfSlgLFxuICAgICAgICBzZWxlY3RlZENvbG9yOiBgdmFyKCR7dG9rZW5zLmNhbGVuZGFyU2VsZWN0ZWRJdGVtQ29sb3J9KWAsXG4gICAgICAgIHNlbGVjdGFibGVCYWNrZ3JvdW5kSG92ZXI6IGB2YXIoJHt0b2tlbnMuY2FsZW5kYXJTZWxlY3RhYmxlSXRlbUJhY2tncm91bmRIb3Zlcn0pYCxcbiAgICAgICAgY3VycmVudEJvcmRlckNvbG9yOiBgdmFyKCR7dG9rZW5zLmNhbGVuZGFyQ3VycmVudEl0ZW1Cb3JkZXJDb2xvcn0pYCxcbiAgICAgICAgYWN0aXZlQmFja2dyb3VuZDogYHZhcigke3Rva2Vucy5jYWxlbmRhckFjdGl2ZUl0ZW1CYWNrZ3JvdW5kfSlgLFxuICAgICAgICBhY3RpdmVDb2xvcjogYHZhcigke3Rva2Vucy5jYWxlbmRhckFjdGl2ZUl0ZW1Db2xvcn0pYCxcbiAgICB9KX07XG5cbiAgICAke2FkZEZvY3VzKHtcbiAgICAgICAgb3V0bGluZVNpemU6ICcwLjA2M3JlbScsXG4gICAgICAgIG91dGxpbmVPZmZzZXQ6ICctMC4xMjVyZW0nLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IGB2YXIoJHt0b2tlbnMuY2FsZW5kYXJPdXRsaW5lRm9jdXNDb2xvcn0pYCxcbiAgICAgICAgb3V0bGluZVJhZGl1czogYGNhbGModmFyKCR7dG9rZW5zLmNhbGVuZGFyWWVhckl0ZW1Cb3JkZXJSYWRpdXN9KSArIDAuMTI1cmVtKWAsXG4gICAgfSl9O1xuXG4gICAgJi4ke2NsYXNzZXMuY3VycmVudEl0ZW19IHtcbiAgICAgICAgJHthZGRGb2N1cyh7XG4gICAgICAgICAgICBvdXRsaW5lU2l6ZTogJzAuMDYzcmVtJyxcbiAgICAgICAgICAgIG91dGxpbmVPZmZzZXQ6ICctMC4xODc1cmVtJyxcbiAgICAgICAgICAgIG91dGxpbmVDb2xvcjogYHZhcigke3Rva2Vucy5jYWxlbmRhck91dGxpbmVGb2N1c0NvbG9yfSlgLFxuICAgICAgICAgICAgb3V0bGluZVJhZGl1czogYGNhbGModmFyKCR7dG9rZW5zLmNhbGVuZGFyWWVhckl0ZW1Cb3JkZXJSYWRpdXN9KSArIDAuMTI1cmVtKWAsXG4gICAgICAgIH0pfTtcbiAgICB9XG5gO1xuIl19 */"));
+export var StyledYearRoot = /*#__PURE__*/_styled("div", {
+  target: "e4fgymq0",
+  label: "plasma-new-hope__StyledYearRoot"
+})("font-family:var(", tokens.calendarYearFontFamily, ");font-size:var(", tokens.calendarYearFontSize, ");font-style:var(", tokens.calendarYearFontStyle, ");font-weight:var(", tokens.calendarYearFontWeight, ");letter-spacing:var(", tokens.calendarYearFontLetterSpacing, ");line-height:var(", tokens.calendarYearFontLineHeight, ");position:relative;box-sizing:border-box;min-height:var(", tokens.calendarYearItemHeight, ");min-width:var(", tokens.calendarYearItemWidth, ");border-radius:var(", tokens.calendarYearItemBorderRadius, ");", /*#__PURE__*/String(flexCenter), ";", /*#__PURE__*/addSelected({
+  minWidth: /*#__PURE__*/"calc(var(".concat(tokens.calendarYearItemWidth, ") - 0.25rem)"),
+  minHeight: /*#__PURE__*/"calc(var(".concat(tokens.calendarYearItemHeight, ") - 0.25rem)"),
+  selectedFontWeight: /*#__PURE__*/"var(".concat(tokens.calendarYearSelectedFontWeight, ")"),
+  selectedBackground: /*#__PURE__*/"var(".concat(tokens.calendarSelectedItemBackground, ")"),
+  selectedColor: /*#__PURE__*/"var(".concat(tokens.calendarSelectedItemColor, ")"),
+  selectableBackgroundHover: /*#__PURE__*/"var(".concat(tokens.calendarSelectableItemBackgroundHover, ")"),
+  currentBorderColor: /*#__PURE__*/"var(".concat(tokens.calendarCurrentItemBorderColor, ")"),
+  activeBackground: /*#__PURE__*/"var(".concat(tokens.calendarActiveItemBackground, ")"),
+  activeColor: /*#__PURE__*/"var(".concat(tokens.calendarActiveItemColor, ")")
+}), ";", /*#__PURE__*/addFocus({
+  outlineSize: '0.063rem',
+  outlineOffset: '-0.125rem',
+  outlineColor: /*#__PURE__*/"var(".concat(tokens.calendarOutlineFocusColor, ")"),
+  outlineRadius: /*#__PURE__*/"calc(var(".concat(tokens.calendarYearItemBorderRadius, ") + 0.125rem)")
+}), ";&.", classes.currentItem, "{", /*#__PURE__*/addFocus({
+  outlineSize: '0.063rem',
+  outlineOffset: '-0.1875rem',
+  outlineColor: /*#__PURE__*/"var(".concat(tokens.calendarOutlineFocusColor, ")"),
+  outlineRadius: /*#__PURE__*/"calc(var(".concat(tokens.calendarYearItemBorderRadius, ") + 0.125rem)")
+}), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2FsZW5kYXIvdWkvQ2FsZW5kYXJZZWFycy9DYWxlbmRhclllYXJzLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQndDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2FsZW5kYXIvdWkvQ2FsZW5kYXJZZWFycy9DYWxlbmRhclllYXJzLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vQ2FsZW5kYXIudG9rZW5zJztcbmltcG9ydCB7IGFkZEZvY3VzIH0gZnJvbSAnLi4vLi4vLi4vLi4vbWl4aW5zJztcbmltcG9ydCB7IGFkZFNlbGVjdGVkLCBmbGV4Q2VudGVyIH0gZnJvbSAnLi4vLi4vbWl4aW5zJztcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENhbGVuZGFyWWVhcnMgPSBzdHlsZWQuZGl2YFxuICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5jYWxlbmRhclllYXJzUGFkZGluZ30pO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRmxleCA9IHN0eWxlZC5kaXZgXG4gICAgJHtTdHJpbmcoZmxleENlbnRlcil9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFllYXIgPSBzdHlsZWQuZGl2YFxuICAgIGJvcmRlci1yYWRpdXM6IGNhbGModmFyKCR7dG9rZW5zLmNhbGVuZGFyWWVhckl0ZW1Cb3JkZXJSYWRpdXN9KSAtIDAuMTI1cmVtKTtcblxuICAgICR7U3RyaW5nKGZsZXhDZW50ZXIpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRZZWFyUm9vdCA9IHN0eWxlZC5kaXZgXG4gICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy5jYWxlbmRhclllYXJGb250RmFtaWx5fSk7XG4gICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJZZWFyRm9udFNpemV9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJZZWFyRm9udFN0eWxlfSk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy5jYWxlbmRhclllYXJGb250V2VpZ2h0fSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5jYWxlbmRhclllYXJGb250TGV0dGVyU3BhY2luZ30pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJZZWFyRm9udExpbmVIZWlnaHR9KTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgIG1pbi1oZWlnaHQ6IHZhcigke3Rva2Vucy5jYWxlbmRhclllYXJJdGVtSGVpZ2h0fSk7XG4gICAgbWluLXdpZHRoOiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJZZWFySXRlbVdpZHRofSk7XG5cbiAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJZZWFySXRlbUJvcmRlclJhZGl1c30pO1xuXG4gICAgJHtTdHJpbmcoZmxleENlbnRlcil9O1xuXG4gICAgJHthZGRTZWxlY3RlZCh7XG4gICAgICAgIG1pbldpZHRoOiBgY2FsYyh2YXIoJHt0b2tlbnMuY2FsZW5kYXJZZWFySXRlbVdpZHRofSkgLSAwLjI1cmVtKWAsXG4gICAgICAgIG1pbkhlaWdodDogYGNhbGModmFyKCR7dG9rZW5zLmNhbGVuZGFyWWVhckl0ZW1IZWlnaHR9KSAtIDAuMjVyZW0pYCxcbiAgICAgICAgc2VsZWN0ZWRGb250V2VpZ2h0OiBgdmFyKCR7dG9rZW5zLmNhbGVuZGFyWWVhclNlbGVjdGVkRm9udFdlaWdodH0pYCxcbiAgICAgICAgc2VsZWN0ZWRCYWNrZ3JvdW5kOiBgdmFyKCR7dG9rZW5zLmNhbGVuZGFyU2VsZWN0ZWRJdGVtQmFja2dyb3VuZH0pYCxcbiAgICAgICAgc2VsZWN0ZWRDb2xvcjogYHZhcigke3Rva2Vucy5jYWxlbmRhclNlbGVjdGVkSXRlbUNvbG9yfSlgLFxuICAgICAgICBzZWxlY3RhYmxlQmFja2dyb3VuZEhvdmVyOiBgdmFyKCR7dG9rZW5zLmNhbGVuZGFyU2VsZWN0YWJsZUl0ZW1CYWNrZ3JvdW5kSG92ZXJ9KWAsXG4gICAgICAgIGN1cnJlbnRCb3JkZXJDb2xvcjogYHZhcigke3Rva2Vucy5jYWxlbmRhckN1cnJlbnRJdGVtQm9yZGVyQ29sb3J9KWAsXG4gICAgICAgIGFjdGl2ZUJhY2tncm91bmQ6IGB2YXIoJHt0b2tlbnMuY2FsZW5kYXJBY3RpdmVJdGVtQmFja2dyb3VuZH0pYCxcbiAgICAgICAgYWN0aXZlQ29sb3I6IGB2YXIoJHt0b2tlbnMuY2FsZW5kYXJBY3RpdmVJdGVtQ29sb3J9KWAsXG4gICAgfSl9O1xuXG4gICAgJHthZGRGb2N1cyh7XG4gICAgICAgIG91dGxpbmVTaXplOiAnMC4wNjNyZW0nLFxuICAgICAgICBvdXRsaW5lT2Zmc2V0OiAnLTAuMTI1cmVtJyxcbiAgICAgICAgb3V0bGluZUNvbG9yOiBgdmFyKCR7dG9rZW5zLmNhbGVuZGFyT3V0bGluZUZvY3VzQ29sb3J9KWAsXG4gICAgICAgIG91dGxpbmVSYWRpdXM6IGBjYWxjKHZhcigke3Rva2Vucy5jYWxlbmRhclllYXJJdGVtQm9yZGVyUmFkaXVzfSkgKyAwLjEyNXJlbSlgLFxuICAgIH0pfTtcblxuICAgICYuJHtjbGFzc2VzLmN1cnJlbnRJdGVtfSB7XG4gICAgICAgICR7YWRkRm9jdXMoe1xuICAgICAgICAgICAgb3V0bGluZVNpemU6ICcwLjA2M3JlbScsXG4gICAgICAgICAgICBvdXRsaW5lT2Zmc2V0OiAnLTAuMTg3NXJlbScsXG4gICAgICAgICAgICBvdXRsaW5lQ29sb3I6IGB2YXIoJHt0b2tlbnMuY2FsZW5kYXJPdXRsaW5lRm9jdXNDb2xvcn0pYCxcbiAgICAgICAgICAgIG91dGxpbmVSYWRpdXM6IGBjYWxjKHZhcigke3Rva2Vucy5jYWxlbmRhclllYXJJdGVtQm9yZGVyUmFkaXVzfSkgKyAwLjEyNXJlbSlgLFxuICAgICAgICB9KX07XG4gICAgfVxuYDtcbiJdfQ== */"));

package/emotion/es/components/Calendar/ui/index.js

@@ -1,5 +1,4 @@
 export { CalendarHeader } from './CalendarHeader/CalendarHeader';
 export { CalendarDays } from './CalendarDays/CalendarDays';
 export { CalendarMonths } from './CalendarMonths/CalendarMonths';
-export { CalendarQuarters } from './CalendarQuarters/CalendarQuarters';
 export { CalendarYears } from './CalendarYears/CalendarYears';

package/emotion/es/components/Calendar/utils/index.js

@@ -1,4 +1,247 @@
-export * from './getDateWithModification';
-export * from './constants';
-export * from './calendarGridHelper';
-export * from './calendarRangeHelper';
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+export var ROW_STEP = 6;
+export var YEAR_RENDER_COUNT = 12;
+export var SHORT_DAY_NAMES = ['Пн', 'Вт', 'Ср', 'Чт', 'Пт', 'Сб', 'Вс'];
+export var FULL_DAY_NAMES = {
+  Пн: 'Понедельник',
+  Вт: 'Вторник',
+  Ср: 'Среда',
+  Чт: 'Четверг',
+  Пт: 'Пятница',
+  Сб: 'Суббота',
+  Вс: 'Воскресенье'
+};
+export var SHORT_MONTH_NAME = ['Янв', 'Фев', 'Март', 'Апр', 'Май', 'Июнь', 'Июль', 'Авг', 'Сен', 'Окт', 'Ноя', 'Дек'];
+export var MONTH_NAMES = ['Январь', 'Февраль', 'Март', 'Апрель', 'Май', 'Июнь', 'Июль', 'Август', 'Сентябрь', 'Октябрь', 'Ноябрь', 'Декабрь'];
+export var getDaysInMonth = function getDaysInMonth(monthIndex, year) {
+  return new Date(year, monthIndex + 1, 0).getDate();
+};
+export var getOffsetDayInWeek = function getOffsetDayInWeek(monthIndex, year) {
+  return (new Date(year, monthIndex).getDay() || 7) - 1;
+};
+export var getStartYear = function getStartYear(year) {
+  return Math.trunc((year - 1) * 0.1) * 10 - 1;
+};
+export var getNextDate = function getNextDate(currentYear, currentMonth) {
+  return currentMonth + 1 === MONTH_NAMES.length ? [currentYear + 1, 0] : [currentYear, currentMonth + 1];
+};
+export var getPrevDate = function getPrevDate(currentYear, currentMonth) {
+  return currentMonth - 1 < 0 ? [currentYear - 1, 11] : [currentYear, currentMonth - 1];
+};
+export var getDateFromValue = function getDateFromValue(date) {
+  var state = date || new Date();
+  return {
+    day: date !== undefined ? state.getDate() : 0,
+    monthIndex: state.getMonth(),
+    year: state.getFullYear()
+  };
+};
+export var getDateFromNow = function getDateFromNow() {
+  var nowDate = new Date();
+  return {
+    day: nowDate.getDate(),
+    monthIndex: nowDate.getMonth(),
+    year: nowDate.getFullYear()
+  };
+};
+export var IsCurrentDay = function IsCurrentDay(date, currentDay) {
+  var _getDateFromNow = getDateFromNow(),
+    day = _getDateFromNow.day,
+    currentMonthIndex = _getDateFromNow.monthIndex,
+    currentYear = _getDateFromNow.year;
+  return day === currentDay && date.monthIndex === currentMonthIndex && date.year === currentYear;
+};
+export var isSelectedDay = function isSelectedDay(date, currentDay, value) {
+  if (!value) {
+    return false;
+  }
+  var _getDateFromValue = getDateFromValue(value),
+    day = _getDateFromValue.day,
+    monthIndex = _getDateFromValue.monthIndex,
+    year = _getDateFromValue.year;
+  return day === currentDay && date.monthIndex === monthIndex && date.year === year;
+};
+export var isCurrentMonth = function isCurrentMonth(date, monthIndex) {
+  var _getDateFromNow2 = getDateFromNow(),
+    currentMonthIndex = _getDateFromNow2.monthIndex,
+    currentYear = _getDateFromNow2.year;
+  return monthIndex === currentMonthIndex && date.year === currentYear;
+};
+export var isSelectedMonth = function isSelectedMonth(date, monthIndex) {
+  return date.monthIndex === monthIndex;
+};
+export var isCurrentYear = function isCurrentYear(year) {
+  var _getDateFromNow3 = getDateFromNow(),
+    currentYear = _getDateFromNow3.year;
+  return year === currentYear;
+};
+export var isSelectedYear = function isSelectedYear(date, year) {
+  return date.year === year;
+};
+export var getSortedValues = function getSortedValues(values) {
+  return values.sort(function (start, end) {
+    if (!start || !end) {
+      return -1;
+    }
+    return start.getTime() - end.getTime();
+  });
+};
+export var isDayInRange = function isDayInRange(year, monthIndex, currentDay, values) {
+  var _getSortedValues = getSortedValues(values),
+    _getSortedValues2 = _slicedToArray(_getSortedValues, 2),
+    startValue = _getSortedValues2[0],
+    endValue = _getSortedValues2[1];
+  if (!endValue || !startValue) {
+    return false;
+  }
+  var day = new Date(year, monthIndex, currentDay);
+  return startValue < day && day <= endValue;
+};
+export var isSameDay = function isSameDay(firstDate, secondDate) {
+  return secondDate && firstDate.day === secondDate.day && firstDate.monthIndex === secondDate.monthIndex && firstDate.year === secondDate.year;
+};
+export var isValueUpdate = function isValueUpdate(value, prevValue) {
+  if (!Array.isArray(value) && !Array.isArray(prevValue)) {
+    return (prevValue === null || prevValue === void 0 ? void 0 : prevValue.getTime()) !== (value === null || value === void 0 ? void 0 : value.getTime());
+  }
+  if (Array.isArray(value) && Array.isArray(prevValue)) {
+    var _prevValue$, _value$, _prevValue$2, _value$2;
+    return ((_prevValue$ = prevValue[0]) === null || _prevValue$ === void 0 ? void 0 : _prevValue$.getTime()) !== ((_value$ = value[0]) === null || _value$ === void 0 ? void 0 : _value$.getTime()) || ((_prevValue$2 = prevValue[1]) === null || _prevValue$2 === void 0 ? void 0 : _prevValue$2.getTime()) !== ((_value$2 = value[1]) === null || _value$2 === void 0 ? void 0 : _value$2.getTime());
+  }
+  return false;
+};
+
+/**
+ * Метод проверяет, находится ли календарь в режиме выбора второго значения.
+ */
+export var isSelectProcess = function isSelectProcess(array) {
+  return Array.isArray(array) && !array[1];
+};
+
+/**
+ * Метод возвращает сторону, когда выбор второго значения диапазона завершён.
+ */
+export var getSideForSelected = function getSideForSelected(date, startValue, endValue) {
+  var currentDateTime = new Date(date.year, date.monthIndex, date.day).getTime();
+  var startValueTime = startValue.getTime();
+  var endValueTime = endValue.getTime();
+  if (currentDateTime === startValueTime) {
+    return 'right';
+  }
+  if (currentDateTime === endValueTime) {
+    return 'left';
+  }
+  return undefined;
+};
+
+/**
+ * Метод возвращает сторону, во время выбора второго значения диапазона.
+ */
+export var getSideForHovered = function getSideForHovered(date, hoveredDay, startValue, isSelected) {
+  var dateHover = new Date(hoveredDay.year, hoveredDay.monthIndex, hoveredDay.day);
+  var isHovered = isSameDay(date, hoveredDay);
+  if (isSelected && startValue > dateHover || isHovered && startValue < dateHover) {
+    return 'left';
+  }
+  if (isSelected && startValue < dateHover || isHovered && startValue > dateHover) {
+    return 'right';
+  }
+  return undefined;
+};
+
+/**
+ * Метод возвращает сторону, с которой нужно отрисовать направление полоски диапазона.
+ */
+export var getSideInRange = function getSideInRange(value, date, hoveredDay, isSelected) {
+  if (!Array.isArray(value)) {
+    return undefined;
+  }
+  var _value = _slicedToArray(value, 2),
+    startValue = _value[0],
+    endValue = _value[1];
+  if (startValue && isSelected && endValue) {
+    return getSideForSelected(date, startValue, endValue);
+  }
+  if (startValue && hoveredDay) {
+    return getSideForHovered(date, hoveredDay, startValue, isSelected);
+  }
+  return undefined;
+};
+
+/**
+ * Метод проверяет, находится ли выбранный день в диапазоне.
+ */
+export var getInRange = function getInRange(value, date, hoveredDay, inRange) {
+  if (!isSelectProcess(value) || !hoveredDay) {
+    return inRange;
+  }
+  var dateSelected = value[0];
+  var dateHover = new Date(hoveredDay.year, hoveredDay.monthIndex, hoveredDay.day);
+  var dateCurrent = new Date(date.year, date.monthIndex, date.day);
+  if (dateSelected < dateCurrent && dateCurrent < dateHover || dateSelected > dateCurrent && dateCurrent > dateHover) {
+    return true;
+  }
+  return inRange;
+};
+
+/**
+ * Метод проверяет, можно ли выбрать день.
+ */
+export var canSelectDate = function canSelectDate(_ref, value, disabledList) {
+  var year = _ref.year,
+    monthIndex = _ref.monthIndex,
+    day = _ref.day;
+  if (!isSelectProcess(value)) {
+    return true;
+  }
+  var hoverDate = new Date(year, monthIndex, day);
+  var _value2 = _slicedToArray(value, 1),
+    startDate = _value2[0];
+  if (!(disabledList !== null && disabledList !== void 0 && disabledList.length)) {
+    return true;
+  }
+  var offDisabledRange = disabledList.some(function (_ref2) {
+    var date = _ref2.date;
+    return startDate < date && date < hoverDate || startDate > date && date > hoverDate;
+  });
+  return !offDisabledRange;
+};
+
+/**
+ * Метод для получения двумерного массива и возвращения выбранного элемента.
+ */
+export var getMatrix = function getMatrix(items) {
+  var rowSize = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 7;
+  var newItems = _toConsumableArray(items);
+  var selected;
+  var result = newItems.reduce(function (acc, item, index) {
+    if (index % rowSize === 0) {
+      acc.push([]);
+    }
+    acc[acc.length - 1].push(item);
+    if (item.isSelected) {
+      selected = [acc.length - 1, index % rowSize];
+    }
+    return acc;
+  }, []);
+  return [result, selected];
+};
+export var getCalendarType = function getCalendarType(type) {
+  switch (type) {
+    case 'Months':
+      return 'год';
+    case 'Years':
+      return 'период';
+    default:
+      return 'месяц';
+  }
+};

package/emotion/es/components/DatePicker/DatePicker.template-doc.mdx

@@ -36,16 +36,7 @@ export function App() {
 ```
 
 ### Формат даты
-Формат даты задается с помощью свойства `format`.
-| Обозначение | Отображение | Описание            |
-|-------------|-------------|---------------------|
-| DD          | 01-31       | Дни месяца, 2 цифры |
-| D           | 1-31        | Дни месяца          |
-| MM          | 01-12       | Месяц года, 2 цифры |
-| M           | 1-12        | Месяц года          |
-| YYYY        | 2024        | Год из 4 цифр       |
-| YY          | 24          | Год из 2 цифр       |
-| Q           | 1-4         | Квартал             |
+Формат даты задается с помощью свойства `format`. 
 При выборе даты в календаре или вводе даты через поле ввода, дата будет приводиться к заданному формату. 
 Свойство `maskWithFormat` позволяет маскировать ввод:
 

package/emotion/es/components/DatePicker/DatePicker.tokens.js

@@ -126,17 +126,6 @@ export var tokens = {
   calendarMonthFontLineHeight: '--plasma-date-picker-calendar__month-line-height',
   calendarMonthFontWeight: '--plasma-date-picker-calendar__month-font-weight',
   calendarMonthSelectedFontWeight: '--plasma-date-picker-calendar__month-selected-font-weight',
-  calendarQuartersPadding: '--plasma-date-picker-calendar__quarters-padding',
-  calendarQuarterItemBorderRadius: '--plasma-date-picker-calendar__quarter-item-border-radius',
-  calendarQuarterItemWidth: '--plasma-date-picker-calendar__quarter-item-width',
-  calendarQuarterItemHeight: '--plasma-date-picker-calendar__quarter-item-height',
-  calendarQuarterFontFamily: '--plasma-date-picker-calendar__quarter-font-family',
-  calendarQuarterFontSize: '--plasma-date-picker-calendar__quarter-font-size',
-  calendarQuarterFontStyle: '--plasma-date-picker-calendar__quarter-font-style',
-  calendarQuarterFontLetterSpacing: '--plasma-date-picker-calendar__quarter-letter-spacing',
-  calendarQuarterFontLineHeight: '--plasma-date-picker-calendar__quarter-line-height',
-  calendarQuarterFontWeight: '--plasma-date-picker-calendar__quarter-font-weight',
-  calendarQuarterSelectedFontWeight: '--plasma-date-picker-calendar__quarter-selected-font-weight',
   calendarDaysPadding: '--plasma-date-picker-calendar__days-padding',
   calendarDayItemBorderRadius: '--plasma-date-picker-calendar__day-item-border-radius',
   calendarDayItemWidth: '--plasma-date-picker-calendar__day-item-width',