@salutejs/plasma-new-hope 0.324.0-dev.0 → 0.325.0-canary.1972.15208152297.0

package/emotion/cjs/components/Calendar/Calendar.tokens.js

@@ -19,7 +19,8 @@ var classes = exports.classes = {
   hoveredItem: 'item-hovered',
   doubleHeaderDate: 'double-header-date',
   doubleHeaderLastDateWrapper: 'double-header--last-date-wrapper',
-  disabledPrevButton: 'disabled-prev-button'
+  disabledPrevButton: 'disabled-prev-button',
+  stretched: 'plasma-calendar-stretched'
 };
 var innerTokens = exports.innerTokens = {
   dateStructureFontFamily: '--plasma-calendar-date-structure-font-family',
@@ -29,20 +30,16 @@ var innerTokens = exports.innerTokens = {
   dateStructureFontLetterSpacing: '--plasma-calendar-date-structure-font-letter-spacing',
   dateStructureFontLineHeight: '--plasma-calendar-date-structure-line-height',
   dateStructureSelectedFontWeight: '--plasma-calendar-date-structure-selected-font-weight',
-  dateStructureWidth: '--plasma-calendar-date-structure-width',
-  dateStructureHeight: '--plasma-calendar-date-structure-height',
   dateStructureBorderRadius: '--plasma-calendar-date-structure-border-radius'
 };
 var tokens = exports.tokens = {
-  calendarWidth: '--plasma-calendar-width',
-  calendarHeight: '--plasma-calendar-height',
+  calendarContainerWidth: '--plasma-calendar-container-width',
+  calendarContainerHeight: '--plasma-calendar-container-height',
   calendarBorderWidth: '--plasma-calendar-border-width',
   calendarBorderColor: '--plasma-calendar-border-color',
   /* Токены размера сетки лет */
   calendarYearsPadding: '--plasma-calendar-years-padding',
   calendarYearItemBorderRadius: '--plasma-calendar-year-item-border-radius',
-  calendarYearItemWidth: '--plasma-calendar-year-item-width',
-  calendarYearItemHeight: '--plasma-calendar-year-item-height',
   calendarYearFontFamily: '--plasma-calendar-year-font-family',
   calendarYearFontSize: '--plasma-calendar-year-font-size',
   calendarYearFontStyle: '--plasma-calendar-year-font-style',
@@ -53,8 +50,6 @@ var tokens = exports.tokens = {
   /* Токены размера сетки дней */
   calendarQuartersPadding: '--plasma-calendar-quarters-padding',
   calendarQuarterItemBorderRadius: '--plasma-calendar-quarter-item-border-radius',
-  calendarQuarterItemWidth: '--plasma-calendar-quarter-item-width',
-  calendarQuarterItemHeight: '--plasma-calendar-quarter-item-height',
   calendarQuarterFontFamily: '--plasma-calendar-quarter-font-family',
   calendarQuarterFontSize: '--plasma-calendar-quarter-font-size',
   calendarQuarterFontStyle: '--plasma-calendar-quarter-font-style',
@@ -65,8 +60,6 @@ var tokens = exports.tokens = {
   /* Токены размера сетки месяцев */
   calendarMonthsPadding: '--plasma-calendar-months-padding',
   calendarMonthItemBorderRadius: '--plasma-calendar-month-item-border-radius',
-  calendarMonthItemWidth: '--plasma-calendar-month-item-width',
-  calendarMonthItemHeight: '--plasma-calendar-month-item-height',
   calendarMonthFontFamily: '--plasma-calendar-month-font-family',
   calendarMonthFontSize: '--plasma-calendar-month-font-size',
   calendarMonthFontStyle: '--plasma-calendar-month-font-style',
@@ -77,8 +70,6 @@ var tokens = exports.tokens = {
   /* Токены размера сетки дней */
   calendarDaysPadding: '--plasma-calendar-days-padding',
   calendarDayItemBorderRadius: '--plasma-calendar-day-item-border-radius',
-  calendarDayItemWidth: '--plasma-calendar-day-item-width',
-  calendarDayItemHeight: '--plasma-calendar-day-item-height',
   calendarDayFontFamily: '--plasma-calendar-day-font-family',
   calendarDayFontSize: '--plasma-calendar-day-font-size',
   calendarDayFontStyle: '--plasma-calendar-day-font-style',

package/emotion/cjs/components/Calendar/CalendarBase/CalendarBase.js

@@ -6,18 +6,24 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.calendarBaseRoot = exports.calendarBaseConfig = void 0;
 var _react = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("react"));
+var _classnames = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("classnames"));
 var _reducer = /*#__PURE__*/require("../store/reducer");
 var _types = /*#__PURE__*/require("../store/types");
 var _utils = /*#__PURE__*/require("../utils");
 var _hooks = /*#__PURE__*/require("../hooks");
 var _ui = /*#__PURE__*/require("../ui");
+var _Calendar = /*#__PURE__*/require("../Calendar.tokens");
 var _base = /*#__PURE__*/require("./variations/_view/base");
 var _base2 = /*#__PURE__*/require("./variations/_size/base");
 var _CalendarBase = /*#__PURE__*/require("./CalendarBase.styles");
-var _excluded = ["value", "min", "max", "renderFromDate", "includeEdgeDates", "type", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "onChangeValue", "locale"];
+var _excluded = ["className", "value", "min", "max", "renderFromDate", "includeEdgeDates", "type", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "locale", "stretched", "onChangeValue"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+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(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
@@ -31,7 +37,8 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
  */
 var calendarBaseRoot = exports.calendarBaseRoot = function calendarBaseRoot(Root) {
   return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, outerRootRef) {
-    var externalValue = _ref.value,
+    var className = _ref.className,
+      externalValue = _ref.value,
       minDate = _ref.min,
       maxDate = _ref.max,
       renderFromDate = _ref.renderFromDate,
@@ -46,9 +53,10 @@ var calendarBaseRoot = exports.calendarBaseRoot = function calendarBaseRoot(Root
       disabledQuarterList = _ref.disabledQuarterList,
       eventYearList = _ref.eventYearList,
       disabledYearList = _ref.disabledYearList,
-      onChangeValue = _ref.onChangeValue,
       _ref$locale = _ref.locale,
       locale = _ref$locale === void 0 ? 'ru' : _ref$locale,
+      stretched = _ref.stretched,
+      onChangeValue = _ref.onChangeValue,
       rest = _objectWithoutProperties(_ref, _excluded);
     var _useMemo = (0, _react.useMemo)(function () {
         return Array.isArray(externalValue) ? externalValue : [externalValue];
@@ -157,6 +165,7 @@ var calendarBaseRoot = exports.calendarBaseRoot = function calendarBaseRoot(Root
     }, [value]);
     return /*#__PURE__*/_react["default"].createElement(Root, _extends({
       ref: outerRootRef,
+      className: (0, _classnames["default"])(className, _defineProperty({}, _Calendar.classes.stretched, stretched)),
       "aria-label": _utils.I18N.selectDate[locale]
     }, rest), isOutOfRange && /*#__PURE__*/_react["default"].createElement(_CalendarBase.IsOutOfRange, {
       key: outOfRangeKey,

package/emotion/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js

@@ -9,7 +9,7 @@ var _react = /*#__PURE__*/require("@emotion/react");
 var _Calendar = /*#__PURE__*/require("../Calendar.tokens");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var StyledCalendar = exports.StyledCalendar = /*#__PURE__*/(0, _react.css)("position:relative;user-select:none;z-index:1;width:var(", _Calendar.tokens.calendarWidth, ");height:var(", _Calendar.tokens.calendarHeight, ");border:var(", _Calendar.tokens.calendarBorderWidth, ") solid var(", _Calendar.tokens.calendarBorderColor, ");box-sizing:border-box;;label:plasma-new-hope__StyledCalendar;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJCYXNlL0NhbGVuZGFyQmFzZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS2lDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJCYXNlL0NhbGVuZGFyQmFzZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uL0NhbGVuZGFyLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDYWxlbmRhciA9IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgei1pbmRleDogMTtcblxuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJXaWR0aH0pO1xuICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmNhbGVuZGFySGVpZ2h0fSk7XG4gICAgYm9yZGVyOiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJCb3JkZXJXaWR0aH0pIHNvbGlkIHZhcigke3Rva2Vucy5jYWxlbmRhckJvcmRlckNvbG9yfSk7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG5cbmV4cG9ydCBjb25zdCBJc091dE9mUmFuZ2UgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBwYWRkaW5nOiAwO1xuICAgIG1hcmdpbjogMDtcbiAgICBoZWlnaHQ6IDA7XG4gICAgd2lkdGg6IDA7XG4gICAgYm9yZGVyOiAwO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgY2xpcDogcmVjdCgwIDAgMCAwKTtcbmA7XG4iXX0= */"));
+var StyledCalendar = exports.StyledCalendar = /*#__PURE__*/(0, _react.css)("position:relative;user-select:none;z-index:1;width:var(", _Calendar.tokens.calendarContainerWidth, ");height:var(", _Calendar.tokens.calendarContainerHeight, ");border:var(", _Calendar.tokens.calendarBorderWidth, ") solid var(", _Calendar.tokens.calendarBorderColor, ");box-sizing:border-box;display:flex;flex-direction:column;&.", _Calendar.classes.stretched, "{width:100%;height:100%;};label:plasma-new-hope__StyledCalendar;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJCYXNlL0NhbGVuZGFyQmFzZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS2lDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJCYXNlL0NhbGVuZGFyQmFzZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4uL0NhbGVuZGFyLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDYWxlbmRhciA9IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgei1pbmRleDogMTtcblxuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJDb250YWluZXJXaWR0aH0pO1xuICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmNhbGVuZGFyQ29udGFpbmVySGVpZ2h0fSk7XG4gICAgYm9yZGVyOiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJCb3JkZXJXaWR0aH0pIHNvbGlkIHZhcigke3Rva2Vucy5jYWxlbmRhckJvcmRlckNvbG9yfSk7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cbiAgICAmLiR7Y2xhc3Nlcy5zdHJldGNoZWR9IHtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIGhlaWdodDogMTAwJTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgSXNPdXRPZlJhbmdlID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgcGFkZGluZzogMDtcbiAgICBtYXJnaW46IDA7XG4gICAgaGVpZ2h0OiAwO1xuICAgIHdpZHRoOiAwO1xuICAgIGJvcmRlcjogMDtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIGNsaXA6IHJlY3QoMCAwIDAgMCk7XG5gO1xuIl19 */"));
 var IsOutOfRange = exports.IsOutOfRange = /*#__PURE__*/(0, _base["default"])("div", {
   target: "ejb438m0",
   label: "plasma-new-hope__IsOutOfRange"
@@ -19,6 +19,6 @@ var IsOutOfRange = exports.IsOutOfRange = /*#__PURE__*/(0, _base["default"])("di
 } : {
   name: "27ncmn",
   styles: "position:absolute;padding:0;margin:0;height:0;width:0;border:0;overflow:hidden;clip:rect(0 0 0 0)",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJCYXNlL0NhbGVuZGFyQmFzZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0JzQyIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0NhbGVuZGFyL0NhbGVuZGFyQmFzZS9DYWxlbmRhckJhc2Uuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuLi9DYWxlbmRhci50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2FsZW5kYXIgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIHVzZXItc2VsZWN0OiBub25lO1xuICAgIHotaW5kZXg6IDE7XG5cbiAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmNhbGVuZGFyV2lkdGh9KTtcbiAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy5jYWxlbmRhckhlaWdodH0pO1xuICAgIGJvcmRlcjogdmFyKCR7dG9rZW5zLmNhbGVuZGFyQm9yZGVyV2lkdGh9KSBzb2xpZCB2YXIoJHt0b2tlbnMuY2FsZW5kYXJCb3JkZXJDb2xvcn0pO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5gO1xuXG5leHBvcnQgY29uc3QgSXNPdXRPZlJhbmdlID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgcGFkZGluZzogMDtcbiAgICBtYXJnaW46IDA7XG4gICAgaGVpZ2h0OiAwO1xuICAgIHdpZHRoOiAwO1xuICAgIGJvcmRlcjogMDtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIGNsaXA6IHJlY3QoMCAwIDAgMCk7XG5gO1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJCYXNlL0NhbGVuZGFyQmFzZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUJzQyIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0NhbGVuZGFyL0NhbGVuZGFyQmFzZS9DYWxlbmRhckJhc2Uuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuLi9DYWxlbmRhci50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2FsZW5kYXIgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIHVzZXItc2VsZWN0OiBub25lO1xuICAgIHotaW5kZXg6IDE7XG5cbiAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmNhbGVuZGFyQ29udGFpbmVyV2lkdGh9KTtcbiAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy5jYWxlbmRhckNvbnRhaW5lckhlaWdodH0pO1xuICAgIGJvcmRlcjogdmFyKCR7dG9rZW5zLmNhbGVuZGFyQm9yZGVyV2lkdGh9KSBzb2xpZCB2YXIoJHt0b2tlbnMuY2FsZW5kYXJCb3JkZXJDb2xvcn0pO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXG4gICAgJi4ke2NsYXNzZXMuc3RyZXRjaGVkfSB7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IElzT3V0T2ZSYW5nZSA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbWFyZ2luOiAwO1xuICAgIGhlaWdodDogMDtcbiAgICB3aWR0aDogMDtcbiAgICBib3JkZXI6IDA7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICBjbGlwOiByZWN0KDAgMCAwIDApO1xuYDtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });

package/emotion/cjs/components/Calendar/CalendarDouble/CalendarDouble.js

@@ -6,19 +6,25 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.calendarDoubleRoot = exports.calendarDoubleConfig = void 0;
 var _react = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("react"));
+var _classnames = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("classnames"));
 var _utils = /*#__PURE__*/require("../utils");
 var _hooks = /*#__PURE__*/require("../hooks");
 var _ui = /*#__PURE__*/require("../ui");
 var _reducer = /*#__PURE__*/require("../store/reducer");
 var _types = /*#__PURE__*/require("../store/types");
 var _CalendarBase = /*#__PURE__*/require("../CalendarBase/CalendarBase.styles");
+var _Calendar = /*#__PURE__*/require("../Calendar.tokens");
 var _base = /*#__PURE__*/require("./variations/_view/base");
 var _CalendarDouble = /*#__PURE__*/require("./CalendarDouble.styles");
 var _StyledSeparator, _StyledSeparator2, _StyledSeparator3, _StyledSeparator4;
-var _excluded = ["value", "min", "max", "renderFromDate", "includeEdgeDates", "type", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "onChangeValue", "locale"];
+var _excluded = ["className", "value", "min", "max", "renderFromDate", "includeEdgeDates", "type", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "locale", "stretched", "onChangeValue"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+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(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
@@ -32,7 +38,8 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
  */
 var calendarDoubleRoot = exports.calendarDoubleRoot = function calendarDoubleRoot(Root) {
   return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, outerRootRef) {
-    var externalValue = _ref.value,
+    var className = _ref.className,
+      externalValue = _ref.value,
       minDate = _ref.min,
       maxDate = _ref.max,
       renderFromDate = _ref.renderFromDate,
@@ -47,9 +54,10 @@ var calendarDoubleRoot = exports.calendarDoubleRoot = function calendarDoubleRoo
       disabledQuarterList = _ref.disabledQuarterList,
       eventYearList = _ref.eventYearList,
       disabledYearList = _ref.disabledYearList,
-      onChangeValue = _ref.onChangeValue,
       _ref$locale = _ref.locale,
       locale = _ref$locale === void 0 ? 'ru' : _ref$locale,
+      stretched = _ref.stretched,
+      onChangeValue = _ref.onChangeValue,
       rest = _objectWithoutProperties(_ref, _excluded);
     var _useMemo = (0, _react.useMemo)(function () {
         return Array.isArray(externalValue) ? externalValue : [externalValue];
@@ -214,6 +222,7 @@ var calendarDoubleRoot = exports.calendarDoubleRoot = function calendarDoubleRoo
     }, [date, calendarState]);
     return /*#__PURE__*/_react["default"].createElement(Root, _extends({
       ref: outerRootRef,
+      className: (0, _classnames["default"])(className, _defineProperty({}, _Calendar.classes.stretched, stretched)),
       "aria-label": _utils.I18N.selectDate[locale]
     }, rest), isOutOfRange && /*#__PURE__*/_react["default"].createElement(_CalendarBase.IsOutOfRange, {
       key: outOfRangeKey,

package/emotion/cjs/components/Calendar/CalendarDouble/CalendarDouble.styles.js

@@ -9,20 +9,20 @@ var _react = /*#__PURE__*/require("@emotion/react");
 var _Calendar = /*#__PURE__*/require("../Calendar.tokens");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var StyledCalendar = exports.StyledCalendar = /*#__PURE__*/(0, _react.css)("position:relative;user-select:none;z-index:1;display:flex;flex-direction:column;width:var(", _Calendar.tokens.calendarWidth, ");height:var(", _Calendar.tokens.calendarHeight, ");;label:plasma-new-hope__StyledCalendar;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJEb3VibGUvQ2FsZW5kYXJEb3VibGUuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUtpQyIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0NhbGVuZGFyL0NhbGVuZGFyRG91YmxlL0NhbGVuZGFyRG91YmxlLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vQ2FsZW5kYXIudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENhbGVuZGFyID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICB6LWluZGV4OiAxO1xuXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXG4gICAgd2lkdGg6IHZhcigke3Rva2Vucy5jYWxlbmRhcldpZHRofSk7XG4gICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJIZWlnaHR9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTZXBhcmF0b3IgPSBzdHlsZWQuZGl2YFxuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5jYWxlbmRhclNlcGFyYXRvckJhY2tncm91bmR9KTtcbiAgICBtaW4td2lkdGg6IDAuMDYzcmVtO1xuICAgIG1hcmdpbjogMC41cmVtIDFyZW0gMCAxcmVtO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG5gO1xuIl19 */"));
+var StyledCalendar = exports.StyledCalendar = /*#__PURE__*/(0, _react.css)("position:relative;user-select:none;z-index:1;display:flex;flex-direction:column;width:var(", _Calendar.tokens.calendarContainerWidth, ");height:var(", _Calendar.tokens.calendarContainerHeight, ");&.", _Calendar.classes.stretched, "{width:100%;height:100%;};label:plasma-new-hope__StyledCalendar;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJEb3VibGUvQ2FsZW5kYXJEb3VibGUuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUtpQyIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0NhbGVuZGFyL0NhbGVuZGFyRG91YmxlL0NhbGVuZGFyRG91YmxlLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vQ2FsZW5kYXIudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENhbGVuZGFyID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICB6LWluZGV4OiAxO1xuXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXG4gICAgd2lkdGg6IHZhcigke3Rva2Vucy5jYWxlbmRhckNvbnRhaW5lcldpZHRofSk7XG4gICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJDb250YWluZXJIZWlnaHR9KTtcblxuICAgICYuJHtjbGFzc2VzLnN0cmV0Y2hlZH0ge1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTZXBhcmF0b3IgPSBzdHlsZWQuZGl2YFxuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5jYWxlbmRhclNlcGFyYXRvckJhY2tncm91bmR9KTtcbiAgICBtaW4td2lkdGg6IDAuMDYzcmVtO1xuICAgIG1hcmdpbjogMC41cmVtIDFyZW0gMCAxcmVtO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgaGVpZ2h0OiAxMDAlO1xuYDtcbiJdfQ== */"));
 var StyledSeparator = exports.StyledSeparator = /*#__PURE__*/(0, _base["default"])("div", {
   target: "e18wrrje1",
   label: "plasma-new-hope__StyledSeparator"
-})("background-color:var(", _Calendar.tokens.calendarSeparatorBackground, ");min-width:0.063rem;margin:0.5rem 1rem 0 1rem;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJEb3VibGUvQ2FsZW5kYXJEb3VibGUuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCeUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9DYWxlbmRhci9DYWxlbmRhckRvdWJsZS9DYWxlbmRhckRvdWJsZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uL0NhbGVuZGFyLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDYWxlbmRhciA9IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgei1pbmRleDogMTtcblxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblxuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJXaWR0aH0pO1xuICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmNhbGVuZGFySGVpZ2h0fSk7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU2VwYXJhdG9yID0gc3R5bGVkLmRpdmBcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJTZXBhcmF0b3JCYWNrZ3JvdW5kfSk7XG4gICAgbWluLXdpZHRoOiAwLjA2M3JlbTtcbiAgICBtYXJnaW46IDAuNXJlbSAxcmVtIDAgMXJlbTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuYDtcbiJdfQ== */"));
+})("background-color:var(", _Calendar.tokens.calendarSeparatorBackground, ");min-width:0.063rem;margin:0.5rem 1rem 0 1rem;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJEb3VibGUvQ2FsZW5kYXJEb3VibGUuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCeUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9DYWxlbmRhci9DYWxlbmRhckRvdWJsZS9DYWxlbmRhckRvdWJsZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4uL0NhbGVuZGFyLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDYWxlbmRhciA9IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgei1pbmRleDogMTtcblxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblxuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJDb250YWluZXJXaWR0aH0pO1xuICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmNhbGVuZGFyQ29udGFpbmVySGVpZ2h0fSk7XG5cbiAgICAmLiR7Y2xhc3Nlcy5zdHJldGNoZWR9IHtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIGhlaWdodDogMTAwJTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU2VwYXJhdG9yID0gc3R5bGVkLmRpdmBcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJTZXBhcmF0b3JCYWNrZ3JvdW5kfSk7XG4gICAgbWluLXdpZHRoOiAwLjA2M3JlbTtcbiAgICBtYXJnaW46IDAuNXJlbSAxcmVtIDAgMXJlbTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGhlaWdodDogMTAwJTtcbmA7XG4iXX0= */"));
 var StyledWrapper = exports.StyledWrapper = /*#__PURE__*/(0, _base["default"])("div", {
   target: "e18wrrje0",
   label: "plasma-new-hope__StyledWrapper"
 })(process.env.NODE_ENV === "production" ? {
-  name: "zjik7",
-  styles: "display:flex"
+  name: "15currb",
+  styles: "display:flex;height:100%"
 } : {
-  name: "zjik7",
-  styles: "display:flex",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJEb3VibGUvQ2FsZW5kYXJEb3VibGUuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVCdUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9DYWxlbmRhci9DYWxlbmRhckRvdWJsZS9DYWxlbmRhckRvdWJsZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uL0NhbGVuZGFyLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDYWxlbmRhciA9IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgei1pbmRleDogMTtcblxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblxuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJXaWR0aH0pO1xuICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmNhbGVuZGFySGVpZ2h0fSk7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU2VwYXJhdG9yID0gc3R5bGVkLmRpdmBcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJTZXBhcmF0b3JCYWNrZ3JvdW5kfSk7XG4gICAgbWluLXdpZHRoOiAwLjA2M3JlbTtcbiAgICBtYXJnaW46IDAuNXJlbSAxcmVtIDAgMXJlbTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuYDtcbiJdfQ== */",
+  name: "15currb",
+  styles: "display:flex;height:100%",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJEb3VibGUvQ2FsZW5kYXJEb3VibGUuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRCdUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9DYWxlbmRhci9DYWxlbmRhckRvdWJsZS9DYWxlbmRhckRvdWJsZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4uL0NhbGVuZGFyLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDYWxlbmRhciA9IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgei1pbmRleDogMTtcblxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblxuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJDb250YWluZXJXaWR0aH0pO1xuICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmNhbGVuZGFyQ29udGFpbmVySGVpZ2h0fSk7XG5cbiAgICAmLiR7Y2xhc3Nlcy5zdHJldGNoZWR9IHtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIGhlaWdodDogMTAwJTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU2VwYXJhdG9yID0gc3R5bGVkLmRpdmBcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJTZXBhcmF0b3JCYWNrZ3JvdW5kfSk7XG4gICAgbWluLXdpZHRoOiAwLjA2M3JlbTtcbiAgICBtYXJnaW46IDAuNXJlbSAxcmVtIDAgMXJlbTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGhlaWdodDogMTAwJTtcbmA7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });

package/emotion/cjs/components/Calendar/hooks/useQuarters.js

@@ -24,7 +24,7 @@ var useQuarters = exports.useQuarters = function useQuarters(_ref) {
         day = _quarterDates$quarter.day;
       return {
         quarterName: quarterName,
-        isCurrent: (0, _utils.isCurrentMonth)(date, monthIndex),
+        isCurrent: (0, _utils.isCurrentQuarter)(date, monthIndex),
         isSelected: Array.isArray(value) ? Boolean(value.find(function (v) {
           return (0, _utils.isSelectedMonth)(date, monthIndex, v);
         })) : (0, _utils.isSelectedMonth)(date, monthIndex, value),

package/emotion/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js

@@ -59,7 +59,7 @@ var CalendarDays = exports.CalendarDays = function CalendarDays(_ref) {
   var selectedRef = (0, _react.useRef)(selected);
   var onSetSelectedRef = (0, _react.useRef)(onSetSelected);
   var offset = isSecond ? _utils.ROW_STEP : 0;
-  var dayItemTokens = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(_Calendar.innerTokens.dateStructureFontFamily), "var(".concat(_Calendar.tokens.calendarDayFontFamily, ")")), "".concat(_Calendar.innerTokens.dateStructureFontSize), "var(".concat(_Calendar.tokens.calendarDayFontSize, ")")), "".concat(_Calendar.innerTokens.dateStructureFontWeight), "var(".concat(_Calendar.tokens.calendarDayFontWeight, ")")), "".concat(_Calendar.innerTokens.dateStructureFontLineHeight), "var(".concat(_Calendar.tokens.calendarDayFontLineHeight, ")")), "".concat(_Calendar.innerTokens.dateStructureFontLetterSpacing), "var(".concat(_Calendar.tokens.calendarDayFontLetterSpacing, ")")), "".concat(_Calendar.innerTokens.dateStructureFontStyle), "var(".concat(_Calendar.tokens.calendarDayFontStyle, ")")), "".concat(_Calendar.innerTokens.dateStructureSelectedFontWeight), "var(".concat(_Calendar.tokens.calendarDaySelectedFontWeight, ")")), "".concat(_Calendar.innerTokens.dateStructureWidth), "var(".concat(_Calendar.tokens.calendarDayItemWidth, ")")), "".concat(_Calendar.innerTokens.dateStructureHeight), "var(".concat(_Calendar.tokens.calendarDayItemHeight, ")")), "".concat(_Calendar.innerTokens.dateStructureBorderRadius), "var(".concat(_Calendar.tokens.calendarDayItemBorderRadius, ")"));
+  var dayItemTokens = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(_Calendar.innerTokens.dateStructureFontFamily), "var(".concat(_Calendar.tokens.calendarDayFontFamily, ")")), "".concat(_Calendar.innerTokens.dateStructureFontSize), "var(".concat(_Calendar.tokens.calendarDayFontSize, ")")), "".concat(_Calendar.innerTokens.dateStructureFontWeight), "var(".concat(_Calendar.tokens.calendarDayFontWeight, ")")), "".concat(_Calendar.innerTokens.dateStructureFontLineHeight), "var(".concat(_Calendar.tokens.calendarDayFontLineHeight, ")")), "".concat(_Calendar.innerTokens.dateStructureFontLetterSpacing), "var(".concat(_Calendar.tokens.calendarDayFontLetterSpacing, ")")), "".concat(_Calendar.innerTokens.dateStructureFontStyle), "var(".concat(_Calendar.tokens.calendarDayFontStyle, ")")), "".concat(_Calendar.innerTokens.dateStructureSelectedFontWeight), "var(".concat(_Calendar.tokens.calendarDaySelectedFontWeight, ")")), "".concat(_Calendar.innerTokens.dateStructureBorderRadius), "var(".concat(_Calendar.tokens.calendarDayItemBorderRadius, ")"));
   var getSelectedDate = (0, _react.useCallback)(function (event) {
     var _event$currentTarget$ = event.currentTarget.dataset,
       day = _event$currentTarget$.day,
@@ -116,9 +116,7 @@ var CalendarDays = exports.CalendarDays = function CalendarDays(_ref) {
     onMouseLeave: handleMouseOutGrid
   }, /*#__PURE__*/_react["default"].createElement(_CalendarDays.StyledCalendarDaysHint, {
     id: "withShift"
-  }, _utils.I18N.navigationByShift[locale]), /*#__PURE__*/_react["default"].createElement(_CalendarDays.StyledFlex, {
-    role: "row"
-  }, _utils.SHORT_DAY_NAMES[locale].map(function (name) {
+  }, _utils.I18N.navigationByShift[locale]), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _utils.SHORT_DAY_NAMES[locale].map(function (name) {
     return /*#__PURE__*/_react["default"].createElement(_DateStructureItem.DateStructureItem, {
       role: "columnheader",
       "aria-label": _utils.FULL_DAY_NAMES[locale][name],
@@ -128,8 +126,7 @@ var CalendarDays = exports.CalendarDays = function CalendarDays(_ref) {
       style: dayItemTokens
     }, name);
   })), days.map(function (day, i) {
-    return /*#__PURE__*/_react["default"].createElement(_CalendarDays.StyledFlex, {
-      role: "row",
+    return /*#__PURE__*/_react["default"].createElement(_react.Fragment, {
       key: i
     }, day.map(function (_ref2, j) {
       var date = _ref2.date,

package/emotion/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js

@@ -3,20 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledFlex = exports.StyledCalendarDaysHint = exports.StyledCalendarDays = void 0;
+exports.StyledCalendarDaysHint = exports.StyledCalendarDays = void 0;
 var _base = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("@emotion/styled/base"));
-var _mixins = /*#__PURE__*/require("../../mixins");
 var _Calendar = /*#__PURE__*/require("../../Calendar.tokens");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var StyledFlex = exports.StyledFlex = /*#__PURE__*/(0, _base["default"])("div", {
-  target: "ehyu6ha2",
-  label: "plasma-new-hope__StyledFlex"
-})(/*#__PURE__*/String(_mixins.flexCenter), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2FsZW5kYXIvdWkvQ2FsZW5kYXJEYXlzL0NhbGVuZGFyRGF5cy5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS29DIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2FsZW5kYXIvdWkvQ2FsZW5kYXJEYXlzL0NhbGVuZGFyRGF5cy5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGZsZXhDZW50ZXIgfSBmcm9tICcuLi8uLi9taXhpbnMnO1xuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vQ2FsZW5kYXIudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZsZXggPSBzdHlsZWQuZGl2YFxuICAgICR7U3RyaW5nKGZsZXhDZW50ZXIpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDYWxlbmRhckRheXMgPSBzdHlsZWQuZGl2YFxuICAgIG91dGxpbmU6IG5vbmU7XG5cbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJEYXlzUGFkZGluZ30pO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2FsZW5kYXJEYXlzSGludCA9IHN0eWxlZC5zcGFuYFxuICAgIGRpc3BsYXk6IG5vbmU7XG5gO1xuIl19 */"));
 var StyledCalendarDays = exports.StyledCalendarDays = /*#__PURE__*/(0, _base["default"])("div", {
   target: "ehyu6ha1",
   label: "plasma-new-hope__StyledCalendarDays"
-})("outline:none;padding:var(", _Calendar.tokens.calendarDaysPadding, ");box-sizing:border-box;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2FsZW5kYXIvdWkvQ2FsZW5kYXJEYXlzL0NhbGVuZGFyRGF5cy5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUzRDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2FsZW5kYXIvdWkvQ2FsZW5kYXJEYXlzL0NhbGVuZGFyRGF5cy5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGZsZXhDZW50ZXIgfSBmcm9tICcuLi8uLi9taXhpbnMnO1xuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vQ2FsZW5kYXIudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZsZXggPSBzdHlsZWQuZGl2YFxuICAgICR7U3RyaW5nKGZsZXhDZW50ZXIpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDYWxlbmRhckRheXMgPSBzdHlsZWQuZGl2YFxuICAgIG91dGxpbmU6IG5vbmU7XG5cbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJEYXlzUGFkZGluZ30pO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2FsZW5kYXJEYXlzSGludCA9IHN0eWxlZC5zcGFuYFxuICAgIGRpc3BsYXk6IG5vbmU7XG5gO1xuIl19 */"));
+})("outline:none;padding:var(", _Calendar.tokens.calendarDaysPadding, ");box-sizing:border-box;display:grid;grid-template-columns:repeat(7, 1fr);grid-template-rows:repeat(7, 1fr);width:100%;height:100%;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2FsZW5kYXIvdWkvQ2FsZW5kYXJEYXlzL0NhbGVuZGFyRGF5cy5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSTRDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2FsZW5kYXIvdWkvQ2FsZW5kYXJEYXlzL0NhbGVuZGFyRGF5cy5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uLy4uL0NhbGVuZGFyLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDYWxlbmRhckRheXMgPSBzdHlsZWQuZGl2YFxuICAgIG91dGxpbmU6IG5vbmU7XG5cbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJEYXlzUGFkZGluZ30pO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCg3LCAxZnIpO1xuICAgIGdyaWQtdGVtcGxhdGUtcm93czogcmVwZWF0KDcsIDFmcik7XG5cbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2FsZW5kYXJEYXlzSGludCA9IHN0eWxlZC5zcGFuYFxuICAgIGRpc3BsYXk6IG5vbmU7XG5gO1xuIl19 */"));
 var StyledCalendarDaysHint = exports.StyledCalendarDaysHint = /*#__PURE__*/(0, _base["default"])("span", {
   target: "ehyu6ha0",
   label: "plasma-new-hope__StyledCalendarDaysHint"
@@ -26,6 +21,6 @@ var StyledCalendarDaysHint = exports.StyledCalendarDaysHint = /*#__PURE__*/(0, _
 } : {
   name: "eivff4",
   styles: "display:none",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2FsZW5kYXIvdWkvQ2FsZW5kYXJEYXlzL0NhbGVuZGFyRGF5cy5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0JpRCIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0NhbGVuZGFyL3VpL0NhbGVuZGFyRGF5cy9DYWxlbmRhckRheXMuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBmbGV4Q2VudGVyIH0gZnJvbSAnLi4vLi4vbWl4aW5zJztcbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uLy4uL0NhbGVuZGFyLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRGbGV4ID0gc3R5bGVkLmRpdmBcbiAgICAke1N0cmluZyhmbGV4Q2VudGVyKX07XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2FsZW5kYXJEYXlzID0gc3R5bGVkLmRpdmBcbiAgICBvdXRsaW5lOiBub25lO1xuXG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLmNhbGVuZGFyRGF5c1BhZGRpbmd9KTtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENhbGVuZGFyRGF5c0hpbnQgPSBzdHlsZWQuc3BhbmBcbiAgICBkaXNwbGF5OiBub25lO1xuYDtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2FsZW5kYXIvdWkvQ2FsZW5kYXJEYXlzL0NhbGVuZGFyRGF5cy5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJpRCIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0NhbGVuZGFyL3VpL0NhbGVuZGFyRGF5cy9DYWxlbmRhckRheXMuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuLi8uLi9DYWxlbmRhci50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2FsZW5kYXJEYXlzID0gc3R5bGVkLmRpdmBcbiAgICBvdXRsaW5lOiBub25lO1xuXG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLmNhbGVuZGFyRGF5c1BhZGRpbmd9KTtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoNywgMWZyKTtcbiAgICBncmlkLXRlbXBsYXRlLXJvd3M6IHJlcGVhdCg3LCAxZnIpO1xuXG4gICAgd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENhbGVuZGFyRGF5c0hpbnQgPSBzdHlsZWQuc3BhbmBcbiAgICBkaXNwbGF5OiBub25lO1xuYDtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });

package/emotion/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js

@@ -59,7 +59,7 @@ var CalendarMonths = exports.CalendarMonths = function CalendarMonths(_ref) {
   var selectedRef = (0, _react.useRef)(selected);
   var onSetSelectedRef = (0, _react.useRef)(onSetSelected);
   var offset = isSecond ? _utils.ROW_MONTH_STEP : 0;
-  var monthItemTokens = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(_Calendar.innerTokens.dateStructureFontFamily), "var(".concat(_Calendar.tokens.calendarMonthFontFamily, ")")), "".concat(_Calendar.innerTokens.dateStructureFontSize), "var(".concat(_Calendar.tokens.calendarMonthFontSize, ")")), "".concat(_Calendar.innerTokens.dateStructureFontWeight), "var(".concat(_Calendar.tokens.calendarMonthFontWeight, ")")), "".concat(_Calendar.innerTokens.dateStructureFontLineHeight), "var(".concat(_Calendar.tokens.calendarMonthFontLineHeight, ")")), "".concat(_Calendar.innerTokens.dateStructureFontLetterSpacing), "var(".concat(_Calendar.tokens.calendarMonthFontLetterSpacing, ")")), "".concat(_Calendar.innerTokens.dateStructureFontStyle), "var(".concat(_Calendar.tokens.calendarMonthFontStyle, ")")), "".concat(_Calendar.innerTokens.dateStructureSelectedFontWeight), "var(".concat(_Calendar.tokens.calendarMonthSelectedFontWeight, ")")), "".concat(_Calendar.innerTokens.dateStructureWidth), "var(".concat(_Calendar.tokens.calendarMonthItemWidth, ")")), "".concat(_Calendar.innerTokens.dateStructureHeight), "var(".concat(_Calendar.tokens.calendarMonthItemHeight, ")")), "".concat(_Calendar.innerTokens.dateStructureBorderRadius), "var(".concat(_Calendar.tokens.calendarMonthItemBorderRadius, ")"));
+  var monthItemTokens = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(_Calendar.innerTokens.dateStructureFontFamily), "var(".concat(_Calendar.tokens.calendarMonthFontFamily, ")")), "".concat(_Calendar.innerTokens.dateStructureFontSize), "var(".concat(_Calendar.tokens.calendarMonthFontSize, ")")), "".concat(_Calendar.innerTokens.dateStructureFontWeight), "var(".concat(_Calendar.tokens.calendarMonthFontWeight, ")")), "".concat(_Calendar.innerTokens.dateStructureFontLineHeight), "var(".concat(_Calendar.tokens.calendarMonthFontLineHeight, ")")), "".concat(_Calendar.innerTokens.dateStructureFontLetterSpacing), "var(".concat(_Calendar.tokens.calendarMonthFontLetterSpacing, ")")), "".concat(_Calendar.innerTokens.dateStructureFontStyle), "var(".concat(_Calendar.tokens.calendarMonthFontStyle, ")")), "".concat(_Calendar.innerTokens.dateStructureSelectedFontWeight), "var(".concat(_Calendar.tokens.calendarMonthSelectedFontWeight, ")")), "".concat(_Calendar.innerTokens.dateStructureBorderRadius), "var(".concat(_Calendar.tokens.calendarMonthItemBorderRadius, ")"));
   var getSelectedDate = (0, _react.useCallback)(function (event) {
     var _event$currentTarget$ = event.currentTarget.dataset,
       day = _event$currentTarget$.day,
@@ -119,8 +119,7 @@ var CalendarMonths = exports.CalendarMonths = function CalendarMonths(_ref) {
     onKeyDown: onKeyDown,
     onMouseLeave: handleMouseOutGrid
   }, months.map(function (month, i) {
-    return /*#__PURE__*/_react["default"].createElement(_CalendarMonths.StyledFlex, {
-      role: "row",
+    return /*#__PURE__*/_react["default"].createElement(_react.Fragment, {
       key: i
     }, month.map(function (_ref2, j) {
       var monthName = _ref2.monthName,

package/emotion/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js

@@ -3,16 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledFlex = exports.StyledCalendarMonths = void 0;
+exports.StyledCalendarMonths = void 0;
 var _base = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("@emotion/styled/base"));
 var _Calendar = /*#__PURE__*/require("../../Calendar.tokens");
-var _mixins = /*#__PURE__*/require("../../mixins");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 var StyledCalendarMonths = exports.StyledCalendarMonths = /*#__PURE__*/(0, _base["default"])("div", {
-  target: "e1ifyd4q1",
-  label: "plasma-new-hope__StyledCalendarMonths"
-})("padding:var(", _Calendar.tokens.calendarMonthsPadding, ");box-sizing:border-box;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2FsZW5kYXIvdWkvQ2FsZW5kYXJNb250aHMvQ2FsZW5kYXJNb250aHMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUs4QyIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0NhbGVuZGFyL3VpL0NhbGVuZGFyTW9udGhzL0NhbGVuZGFyTW9udGhzLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vQ2FsZW5kYXIudG9rZW5zJztcbmltcG9ydCB7IGZsZXhDZW50ZXIgfSBmcm9tICcuLi8uLi9taXhpbnMnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2FsZW5kYXJNb250aHMgPSBzdHlsZWQuZGl2YFxuICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5jYWxlbmRhck1vbnRoc1BhZGRpbmd9KTtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZsZXggPSBzdHlsZWQuZGl2YFxuICAgICR7U3RyaW5nKGZsZXhDZW50ZXIpfTtcbmA7XG4iXX0= */"));
-var StyledFlex = exports.StyledFlex = /*#__PURE__*/(0, _base["default"])("div", {
   target: "e1ifyd4q0",
-  label: "plasma-new-hope__StyledFlex"
-})(/*#__PURE__*/String(_mixins.flexCenter), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2FsZW5kYXIvdWkvQ2FsZW5kYXJNb250aHMvQ2FsZW5kYXJNb250aHMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVVvQyIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0NhbGVuZGFyL3VpL0NhbGVuZGFyTW9udGhzL0NhbGVuZGFyTW9udGhzLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vQ2FsZW5kYXIudG9rZW5zJztcbmltcG9ydCB7IGZsZXhDZW50ZXIgfSBmcm9tICcuLi8uLi9taXhpbnMnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2FsZW5kYXJNb250aHMgPSBzdHlsZWQuZGl2YFxuICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5jYWxlbmRhck1vbnRoc1BhZGRpbmd9KTtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZsZXggPSBzdHlsZWQuZGl2YFxuICAgICR7U3RyaW5nKGZsZXhDZW50ZXIpfTtcbmA7XG4iXX0= */"));
+  label: "plasma-new-hope__StyledCalendarMonths"
+})("padding:var(", _Calendar.tokens.calendarMonthsPadding, ");box-sizing:border-box;display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:repeat(4, 1fr);width:100%;height:100%;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2FsZW5kYXIvdWkvQ2FsZW5kYXJNb250aHMvQ2FsZW5kYXJNb250aHMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUk4QyIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0NhbGVuZGFyL3VpL0NhbGVuZGFyTW9udGhzL0NhbGVuZGFyTW9udGhzLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vQ2FsZW5kYXIudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENhbGVuZGFyTW9udGhzID0gc3R5bGVkLmRpdmBcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJNb250aHNQYWRkaW5nfSk7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoMywgMWZyKTtcbiAgICBncmlkLXRlbXBsYXRlLXJvd3M6IHJlcGVhdCg0LCAxZnIpO1xuXG4gICAgd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiAxMDAlO1xuYDtcbiJdfQ== */"));

package/emotion/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js

@@ -57,7 +57,7 @@ var CalendarQuarters = exports.CalendarQuarters = function CalendarQuarters(_ref
   var selectedRef = (0, _react.useRef)(selected);
   var onSetSelectedRef = (0, _react.useRef)(onSetSelected);
   var offset = isSecond ? _utils.ROW_QUARTER_STEP : 0;
-  var quarterItemTokens = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(_Calendar.innerTokens.dateStructureFontFamily), "var(".concat(_Calendar.tokens.calendarQuarterFontFamily, ")")), "".concat(_Calendar.innerTokens.dateStructureFontSize), "var(".concat(_Calendar.tokens.calendarQuarterFontSize, ")")), "".concat(_Calendar.innerTokens.dateStructureFontWeight), "var(".concat(_Calendar.tokens.calendarQuarterFontWeight, ")")), "".concat(_Calendar.innerTokens.dateStructureFontLineHeight), "var(".concat(_Calendar.tokens.calendarQuarterFontLineHeight, ")")), "".concat(_Calendar.innerTokens.dateStructureFontLetterSpacing), "var(".concat(_Calendar.tokens.calendarQuarterFontLetterSpacing, ")")), "".concat(_Calendar.innerTokens.dateStructureFontStyle), "var(".concat(_Calendar.tokens.calendarQuarterFontStyle, ")")), "".concat(_Calendar.innerTokens.dateStructureSelectedFontWeight), "var(".concat(_Calendar.tokens.calendarQuarterSelectedFontWeight, ")")), "".concat(_Calendar.innerTokens.dateStructureWidth), "var(".concat(_Calendar.tokens.calendarQuarterItemWidth, ")")), "".concat(_Calendar.innerTokens.dateStructureHeight), "var(".concat(_Calendar.tokens.calendarQuarterItemHeight, ")")), "".concat(_Calendar.innerTokens.dateStructureBorderRadius), "var(".concat(_Calendar.tokens.calendarQuarterItemBorderRadius, ")"));
+  var quarterItemTokens = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(_Calendar.innerTokens.dateStructureFontFamily), "var(".concat(_Calendar.tokens.calendarQuarterFontFamily, ")")), "".concat(_Calendar.innerTokens.dateStructureFontSize), "var(".concat(_Calendar.tokens.calendarQuarterFontSize, ")")), "".concat(_Calendar.innerTokens.dateStructureFontWeight), "var(".concat(_Calendar.tokens.calendarQuarterFontWeight, ")")), "".concat(_Calendar.innerTokens.dateStructureFontLineHeight), "var(".concat(_Calendar.tokens.calendarQuarterFontLineHeight, ")")), "".concat(_Calendar.innerTokens.dateStructureFontLetterSpacing), "var(".concat(_Calendar.tokens.calendarQuarterFontLetterSpacing, ")")), "".concat(_Calendar.innerTokens.dateStructureFontStyle), "var(".concat(_Calendar.tokens.calendarQuarterFontStyle, ")")), "".concat(_Calendar.innerTokens.dateStructureSelectedFontWeight), "var(".concat(_Calendar.tokens.calendarQuarterSelectedFontWeight, ")")), "".concat(_Calendar.innerTokens.dateStructureBorderRadius), "var(".concat(_Calendar.tokens.calendarQuarterItemBorderRadius, ")"));
   var getSelectedDate = (0, _react.useCallback)(function (event) {
     var _event$currentTarget$ = event.currentTarget.dataset,
       day = _event$currentTarget$.day,
@@ -117,8 +117,7 @@ var CalendarQuarters = exports.CalendarQuarters = function CalendarQuarters(_ref
     onKeyDown: onKeyDown,
     onMouseLeave: handleMouseOutGrid
   }, quarters.map(function (quarter, i) {
-    return /*#__PURE__*/_react["default"].createElement(_CalendarQuarters.StyledFlex, {
-      role: "row",
+    return /*#__PURE__*/_react["default"].createElement(_react.Fragment, {
       key: i
     }, quarter.map(function (_ref2, j) {
       var quarterName = _ref2.quarterName,

package/emotion/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js

@@ -3,16 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledFlex = exports.StyledCalendarQuarters = void 0;
+exports.StyledCalendarQuarters = void 0;
 var _base = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("@emotion/styled/base"));
 var _Calendar = /*#__PURE__*/require("../../Calendar.tokens");
-var _mixins = /*#__PURE__*/require("../../mixins");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 var StyledCalendarQuarters = exports.StyledCalendarQuarters = /*#__PURE__*/(0, _base["default"])("div", {
-  target: "e1upfrix1",
-  label: "plasma-new-hope__StyledCalendarQuarters"
-})("padding:var(", _Calendar.tokens.calendarQuartersPadding, ");box-sizing:border-box;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2FsZW5kYXIvdWkvQ2FsZW5kYXJRdWFydGVycy9DYWxlbmRhclF1YXJ0ZXJzLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLZ0QiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9DYWxlbmRhci91aS9DYWxlbmRhclF1YXJ0ZXJzL0NhbGVuZGFyUXVhcnRlcnMuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuLi8uLi9DYWxlbmRhci50b2tlbnMnO1xuaW1wb3J0IHsgZmxleENlbnRlciB9IGZyb20gJy4uLy4uL21peGlucyc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDYWxlbmRhclF1YXJ0ZXJzID0gc3R5bGVkLmRpdmBcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJRdWFydGVyc1BhZGRpbmd9KTtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZsZXggPSBzdHlsZWQuZGl2YFxuICAgICR7U3RyaW5nKGZsZXhDZW50ZXIpfTtcbmA7XG4iXX0= */"));
-var StyledFlex = exports.StyledFlex = /*#__PURE__*/(0, _base["default"])("div", {
   target: "e1upfrix0",
-  label: "plasma-new-hope__StyledFlex"
-})(/*#__PURE__*/String(_mixins.flexCenter), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2FsZW5kYXIvdWkvQ2FsZW5kYXJRdWFydGVycy9DYWxlbmRhclF1YXJ0ZXJzLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVb0MiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9DYWxlbmRhci91aS9DYWxlbmRhclF1YXJ0ZXJzL0NhbGVuZGFyUXVhcnRlcnMuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuLi8uLi9DYWxlbmRhci50b2tlbnMnO1xuaW1wb3J0IHsgZmxleENlbnRlciB9IGZyb20gJy4uLy4uL21peGlucyc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDYWxlbmRhclF1YXJ0ZXJzID0gc3R5bGVkLmRpdmBcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJRdWFydGVyc1BhZGRpbmd9KTtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZsZXggPSBzdHlsZWQuZGl2YFxuICAgICR7U3RyaW5nKGZsZXhDZW50ZXIpfTtcbmA7XG4iXX0= */"));
+  label: "plasma-new-hope__StyledCalendarQuarters"
+})("padding:var(", _Calendar.tokens.calendarQuartersPadding, ");box-sizing:border-box;display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(2, 1fr);width:100%;height:100%;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2FsZW5kYXIvdWkvQ2FsZW5kYXJRdWFydGVycy9DYWxlbmRhclF1YXJ0ZXJzLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJZ0QiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9DYWxlbmRhci91aS9DYWxlbmRhclF1YXJ0ZXJzL0NhbGVuZGFyUXVhcnRlcnMuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuLi8uLi9DYWxlbmRhci50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2FsZW5kYXJRdWFydGVycyA9IHN0eWxlZC5kaXZgXG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLmNhbGVuZGFyUXVhcnRlcnNQYWRkaW5nfSk7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoMiwgMWZyKTtcbiAgICBncmlkLXRlbXBsYXRlLXJvd3M6IHJlcGVhdCgyLCAxZnIpO1xuXG4gICAgd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiAxMDAlO1xuYDtcbiJdfQ== */"));

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

@@ -59,7 +59,7 @@ var CalendarYears = exports.CalendarYears = function CalendarYears(_ref) {
   var selectedRef = (0, _react.useRef)(selected);
   var onSetSelectedRef = (0, _react.useRef)(onSetSelected);
   var offset = isSecond ? _utils.ROW_YEAR_STEP : 0;
-  var yearItemTokens = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(_Calendar.innerTokens.dateStructureFontFamily), "var(".concat(_Calendar.tokens.calendarYearFontFamily, ")")), "".concat(_Calendar.innerTokens.dateStructureFontSize), "var(".concat(_Calendar.tokens.calendarYearFontSize, ")")), "".concat(_Calendar.innerTokens.dateStructureFontWeight), "var(".concat(_Calendar.tokens.calendarYearFontWeight, ")")), "".concat(_Calendar.innerTokens.dateStructureFontLineHeight), "var(".concat(_Calendar.tokens.calendarYearFontLineHeight, ")")), "".concat(_Calendar.innerTokens.dateStructureFontLetterSpacing), "var(".concat(_Calendar.tokens.calendarYearFontLetterSpacing, ")")), "".concat(_Calendar.innerTokens.dateStructureFontStyle), "var(".concat(_Calendar.tokens.calendarYearFontStyle, ")")), "".concat(_Calendar.innerTokens.dateStructureSelectedFontWeight), "var(".concat(_Calendar.tokens.calendarYearSelectedFontWeight, ")")), "".concat(_Calendar.innerTokens.dateStructureWidth), "var(".concat(_Calendar.tokens.calendarYearItemWidth, ")")), "".concat(_Calendar.innerTokens.dateStructureHeight), "var(".concat(_Calendar.tokens.calendarYearItemHeight, ")")), "".concat(_Calendar.innerTokens.dateStructureBorderRadius), "var(".concat(_Calendar.tokens.calendarYearItemBorderRadius, ")"));
+  var yearItemTokens = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(_Calendar.innerTokens.dateStructureFontFamily), "var(".concat(_Calendar.tokens.calendarYearFontFamily, ")")), "".concat(_Calendar.innerTokens.dateStructureFontSize), "var(".concat(_Calendar.tokens.calendarYearFontSize, ")")), "".concat(_Calendar.innerTokens.dateStructureFontWeight), "var(".concat(_Calendar.tokens.calendarYearFontWeight, ")")), "".concat(_Calendar.innerTokens.dateStructureFontLineHeight), "var(".concat(_Calendar.tokens.calendarYearFontLineHeight, ")")), "".concat(_Calendar.innerTokens.dateStructureFontLetterSpacing), "var(".concat(_Calendar.tokens.calendarYearFontLetterSpacing, ")")), "".concat(_Calendar.innerTokens.dateStructureFontStyle), "var(".concat(_Calendar.tokens.calendarYearFontStyle, ")")), "".concat(_Calendar.innerTokens.dateStructureSelectedFontWeight), "var(".concat(_Calendar.tokens.calendarYearSelectedFontWeight, ")")), "".concat(_Calendar.innerTokens.dateStructureBorderRadius), "var(".concat(_Calendar.tokens.calendarYearItemBorderRadius, ")"));
   var getSelectedDate = (0, _react.useCallback)(function (event) {
     var _event$currentTarget$ = event.currentTarget.dataset,
       day = _event$currentTarget$.day,
@@ -119,8 +119,7 @@ var CalendarYears = exports.CalendarYears = function CalendarYears(_ref) {
     onKeyDown: onKeyDown,
     onMouseLeave: handleMouseOutGrid
   }, years.map(function (year, i) {
-    return /*#__PURE__*/_react["default"].createElement(_CalendarYears.StyledFlex, {
-      role: "row",
+    return /*#__PURE__*/_react["default"].createElement(_react.Fragment, {
       key: i
     }, year.map(function (_ref2, j) {
       var yearValue = _ref2.yearValue,

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

@@ -3,16 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledFlex = exports.StyledCalendarYears = void 0;
+exports.StyledCalendarYears = void 0;
 var _base = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("@emotion/styled/base"));
 var _Calendar = /*#__PURE__*/require("../../Calendar.tokens");
-var _mixins = /*#__PURE__*/require("../../mixins");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 var StyledCalendarYears = exports.StyledCalendarYears = /*#__PURE__*/(0, _base["default"])("div", {
-  target: "e4fgymq1",
-  label: "plasma-new-hope__StyledCalendarYears"
-})("padding:var(", _Calendar.tokens.calendarYearsPadding, ");box-sizing:border-box;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2FsZW5kYXIvdWkvQ2FsZW5kYXJZZWFycy9DYWxlbmRhclllYXJzLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLNkMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9DYWxlbmRhci91aS9DYWxlbmRhclllYXJzL0NhbGVuZGFyWWVhcnMuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuLi8uLi9DYWxlbmRhci50b2tlbnMnO1xuaW1wb3J0IHsgZmxleENlbnRlciB9IGZyb20gJy4uLy4uL21peGlucyc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDYWxlbmRhclllYXJzID0gc3R5bGVkLmRpdmBcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJZZWFyc1BhZGRpbmd9KTtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZsZXggPSBzdHlsZWQuZGl2YFxuICAgICR7U3RyaW5nKGZsZXhDZW50ZXIpfTtcbmA7XG4iXX0= */"));
-var StyledFlex = exports.StyledFlex = /*#__PURE__*/(0, _base["default"])("div", {
   target: "e4fgymq0",
-  label: "plasma-new-hope__StyledFlex"
-})(/*#__PURE__*/String(_mixins.flexCenter), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2FsZW5kYXIvdWkvQ2FsZW5kYXJZZWFycy9DYWxlbmRhclllYXJzLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVb0MiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9DYWxlbmRhci91aS9DYWxlbmRhclllYXJzL0NhbGVuZGFyWWVhcnMuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuLi8uLi9DYWxlbmRhci50b2tlbnMnO1xuaW1wb3J0IHsgZmxleENlbnRlciB9IGZyb20gJy4uLy4uL21peGlucyc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDYWxlbmRhclllYXJzID0gc3R5bGVkLmRpdmBcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJZZWFyc1BhZGRpbmd9KTtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZsZXggPSBzdHlsZWQuZGl2YFxuICAgICR7U3RyaW5nKGZsZXhDZW50ZXIpfTtcbmA7XG4iXX0= */"));
+  label: "plasma-new-hope__StyledCalendarYears"
+})("padding:var(", _Calendar.tokens.calendarYearsPadding, ");box-sizing:border-box;display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:repeat(4, 1fr);width:100%;height:100%;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2FsZW5kYXIvdWkvQ2FsZW5kYXJZZWFycy9DYWxlbmRhclllYXJzLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJNkMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9DYWxlbmRhci91aS9DYWxlbmRhclllYXJzL0NhbGVuZGFyWWVhcnMuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuLi8uLi9DYWxlbmRhci50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2FsZW5kYXJZZWFycyA9IHN0eWxlZC5kaXZgXG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLmNhbGVuZGFyWWVhcnNQYWRkaW5nfSk7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoMywgMWZyKTtcbiAgICBncmlkLXRlbXBsYXRlLXJvd3M6IHJlcGVhdCg0LCAxZnIpO1xuXG4gICAgd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiAxMDAlO1xuYDtcbiJdfQ== */"));