@salutejs/plasma-new-hope 0.325.0-canary.1972.15208810578.0 → 0.325.0-canary.1984.15208824153.0

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

@@ -19,8 +19,7 @@ var classes = exports.classes = {
   hoveredItem: 'item-hovered',
   doubleHeaderDate: 'double-header-date',
   doubleHeaderLastDateWrapper: 'double-header--last-date-wrapper',
-  disabledPrevButton: 'disabled-prev-button',
-  stretched: 'plasma-calendar-stretched'
+  disabledPrevButton: 'disabled-prev-button'
 };
 var innerTokens = exports.innerTokens = {
   dateStructureFontFamily: '--plasma-calendar-date-structure-font-family',
@@ -30,16 +29,20 @@ 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 = {
-  calendarContainerWidth: '--plasma-calendar-container-width',
-  calendarContainerHeight: '--plasma-calendar-container-height',
+  calendarWidth: '--plasma-calendar-width',
+  calendarHeight: '--plasma-calendar-height',
   calendarBorderWidth: '--plasma-calendar-border-width',
   calendarBorderColor: '--plasma-calendar-border-color',
   /* Токены размера сетки лет */
   calendarYearsPadding: '--plasma-calendar-years-padding',
   calendarYearItemBorderRadius: '--plasma-calendar-year-item-border-radius',
+  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',
@@ -50,6 +53,8 @@ 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',
@@ -60,6 +65,8 @@ 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',
@@ -70,6 +77,8 @@ 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/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.js

@@ -6,24 +6,18 @@ 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 = ["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 }; }
+var _excluded = ["value", "min", "max", "renderFromDate", "includeEdgeDates", "type", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "onChangeValue", "locale"];
 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; } }
@@ -37,8 +31,7 @@ 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 className = _ref.className,
-      externalValue = _ref.value,
+    var externalValue = _ref.value,
       minDate = _ref.min,
       maxDate = _ref.max,
       renderFromDate = _ref.renderFromDate,
@@ -53,10 +46,9 @@ 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];
@@ -165,7 +157,6 @@ 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/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js

@@ -11,7 +11,7 @@ var _templateObject;
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-var StyledCalendar = exports.StyledCalendar = /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n    position: relative;\n    user-select: none;\n    z-index: 1;\n\n    width: var(", ");\n    height: var(", ");\n    border: var(", ") solid var(", ");\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n\n    &.", " {\n        width: 100%;\n        height: 100%;\n    }\n"])), _Calendar.tokens.calendarContainerWidth, _Calendar.tokens.calendarContainerHeight, _Calendar.tokens.calendarBorderWidth, _Calendar.tokens.calendarBorderColor, _Calendar.classes.stretched);
+var StyledCalendar = exports.StyledCalendar = /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n    position: relative;\n    user-select: none;\n    z-index: 1;\n\n    width: var(", ");\n    height: var(", ");\n    border: var(", ") solid var(", ");\n    box-sizing: border-box;\n"])), _Calendar.tokens.calendarWidth, _Calendar.tokens.calendarHeight, _Calendar.tokens.calendarBorderWidth, _Calendar.tokens.calendarBorderColor);
 var IsOutOfRange = exports.IsOutOfRange = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-1xkgu4c-0"
 })(["position:absolute;padding:0;margin:0;height:0;width:0;border:0;overflow:hidden;clip:rect(0 0 0 0);"]);

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

@@ -6,25 +6,19 @@ 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 = ["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 }; }
+var _excluded = ["value", "min", "max", "renderFromDate", "includeEdgeDates", "type", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "onChangeValue", "locale"];
 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; } }
@@ -38,8 +32,7 @@ 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 className = _ref.className,
-      externalValue = _ref.value,
+    var externalValue = _ref.value,
       minDate = _ref.min,
       maxDate = _ref.max,
       renderFromDate = _ref.renderFromDate,
@@ -54,10 +47,9 @@ 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];
@@ -222,7 +214,6 @@ 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/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.styles.js

@@ -11,10 +11,10 @@ var _templateObject;
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-var StyledCalendar = exports.StyledCalendar = /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n    position: relative;\n    user-select: none;\n    z-index: 1;\n\n    display: flex;\n    flex-direction: column;\n\n    width: var(", ");\n    height: var(", ");\n\n    &.", " {\n        width: 100%;\n        height: 100%;\n    }\n"])), _Calendar.tokens.calendarContainerWidth, _Calendar.tokens.calendarContainerHeight, _Calendar.classes.stretched);
+var StyledCalendar = exports.StyledCalendar = /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n    position: relative;\n    user-select: none;\n    z-index: 1;\n\n    display: flex;\n    flex-direction: column;\n\n    width: var(", ");\n    height: var(", ");\n"])), _Calendar.tokens.calendarWidth, _Calendar.tokens.calendarHeight);
 var StyledSeparator = exports.StyledSeparator = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-1dp3a9f-0"
 })(["background-color:var(", ");min-width:0.063rem;margin:0.5rem 1rem 0 1rem;"], _Calendar.tokens.calendarSeparatorBackground);
 var StyledWrapper = exports.StyledWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-1dp3a9f-1"
-})(["display:flex;height:100%;"]);
+})(["display:flex;"]);

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

@@ -18,7 +18,8 @@ var useMonths = exports.useMonths = function useMonths(_ref) {
     min = _ref.min,
     max = _ref.max,
     _ref$locale = _ref.locale,
-    locale = _ref$locale === void 0 ? 'ru' : _ref$locale;
+    locale = _ref$locale === void 0 ? 'ru' : _ref$locale,
+    includeEdgeDates = _ref.includeEdgeDates;
   return (0, _react.useMemo)(function () {
     var months = _utils.SHORT_MONTH_NAME[locale].map(function (monthName, monthIndex) {
       return {
@@ -43,6 +44,7 @@ var useMonths = exports.useMonths = function useMonths(_ref) {
         type: _types.CalendarState.Months,
         min: min,
         max: max,
+        includeEdgeDates: includeEdgeDates,
         eventList: eventList,
         disabledList: disabledList
       });

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

@@ -16,7 +16,8 @@ var useQuarters = exports.useQuarters = function useQuarters(_ref) {
     eventList = _ref.eventList,
     disabledList = _ref.disabledList,
     min = _ref.min,
-    max = _ref.max;
+    max = _ref.max,
+    includeEdgeDates = _ref.includeEdgeDates;
   return (0, _react.useMemo)(function () {
     var quarters = _utils.QUARTER_NAMES.map(function (quarterName) {
       var _quarterDates$quarter = _utils.quarterDates[quarterName],
@@ -24,7 +25,7 @@ var useQuarters = exports.useQuarters = function useQuarters(_ref) {
         day = _quarterDates$quarter.day;
       return {
         quarterName: quarterName,
-        isCurrent: (0, _utils.isCurrentQuarter)(date, monthIndex),
+        isCurrent: (0, _utils.isCurrentMonth)(date, monthIndex),
         isSelected: Array.isArray(value) ? Boolean(value.find(function (v) {
           return (0, _utils.isSelectedMonth)(date, monthIndex, v);
         })) : (0, _utils.isSelectedMonth)(date, monthIndex, value),
@@ -42,6 +43,7 @@ var useQuarters = exports.useQuarters = function useQuarters(_ref) {
         type: _types.CalendarState.Quarters,
         min: min,
         max: max,
+        includeEdgeDates: includeEdgeDates,
         eventList: eventList,
         disabledList: disabledList
       });

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

@@ -17,7 +17,8 @@ var useYears = exports.useYears = function useYears(_ref) {
     eventList = _ref.eventList,
     disabledList = _ref.disabledList,
     min = _ref.min,
-    max = _ref.max;
+    max = _ref.max,
+    includeEdgeDates = _ref.includeEdgeDates;
   return (0, _react.useMemo)(function () {
     // type-coverage:ignore-next-line
     var years = Array.from(Array(_utils.YEAR_RENDER_COUNT), function (_, i) {
@@ -42,6 +43,7 @@ var useYears = exports.useYears = function useYears(_ref) {
         type: _types.CalendarState.Years,
         min: min,
         max: max,
+        includeEdgeDates: includeEdgeDates,
         eventList: eventList,
         disabledList: disabledList
       });

package/styled-components/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({}, "".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 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 getSelectedDate = (0, _react.useCallback)(function (event) {
     var _event$currentTarget$ = event.currentTarget.dataset,
       day = _event$currentTarget$.day,
@@ -116,7 +116,9 @@ 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(_react["default"].Fragment, null, _utils.SHORT_DAY_NAMES[locale].map(function (name) {
+  }, _utils.I18N.navigationByShift[locale]), /*#__PURE__*/_react["default"].createElement(_CalendarDays.StyledFlex, {
+    role: "row"
+  }, _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],
@@ -126,7 +128,8 @@ var CalendarDays = exports.CalendarDays = function CalendarDays(_ref) {
       style: dayItemTokens
     }, name);
   })), days.map(function (day, i) {
-    return /*#__PURE__*/_react["default"].createElement(_react.Fragment, {
+    return /*#__PURE__*/_react["default"].createElement(_CalendarDays.StyledFlex, {
+      role: "row",
       key: i
     }, day.map(function (_ref2, j) {
       var date = _ref2.date,

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

@@ -3,13 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledCalendarDaysHint = exports.StyledCalendarDays = void 0;
+exports.StyledFlex = exports.StyledCalendarDaysHint = exports.StyledCalendarDays = void 0;
 var _styledComponents = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("styled-components"));
+var _mixins = /*#__PURE__*/require("../../mixins");
 var _Calendar = /*#__PURE__*/require("../../Calendar.tokens");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-var StyledCalendarDays = exports.StyledCalendarDays = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+var StyledFlex = exports.StyledFlex = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-3ydwr5-0"
-})(["outline:none;padding:var(", ");box-sizing:border-box;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(7,1fr);width:100%;height:100%;"], _Calendar.tokens.calendarDaysPadding);
-var StyledCalendarDaysHint = exports.StyledCalendarDaysHint = /*#__PURE__*/_styledComponents["default"].span.withConfig({
+})(["", ";"], /*#__PURE__*/String(_mixins.flexCenter));
+var StyledCalendarDays = exports.StyledCalendarDays = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-3ydwr5-1"
+})(["outline:none;padding:var(", ");box-sizing:border-box;"], _Calendar.tokens.calendarDaysPadding);
+var StyledCalendarDaysHint = exports.StyledCalendarDaysHint = /*#__PURE__*/_styledComponents["default"].span.withConfig({
+  componentId: "plasma-new-hope__sc-3ydwr5-2"
 })(["display:none;"]);

package/styled-components/cjs/components/Calendar/ui/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({}, "".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 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 getSelectedDate = (0, _react.useCallback)(function (event) {
     var _event$currentTarget$ = event.currentTarget.dataset,
       day = _event$currentTarget$.day,
@@ -119,7 +119,8 @@ var CalendarMonths = exports.CalendarMonths = function CalendarMonths(_ref) {
     onKeyDown: onKeyDown,
     onMouseLeave: handleMouseOutGrid
   }, months.map(function (month, i) {
-    return /*#__PURE__*/_react["default"].createElement(_react.Fragment, {
+    return /*#__PURE__*/_react["default"].createElement(_CalendarMonths.StyledFlex, {
+      role: "row",
       key: i
     }, month.map(function (_ref2, j) {
       var monthName = _ref2.monthName,

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

@@ -3,10 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledCalendarMonths = void 0;
+exports.StyledFlex = exports.StyledCalendarMonths = void 0;
 var _styledComponents = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("styled-components"));
 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__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-mx5ps9-0"
-})(["padding:var(", ");box-sizing:border-box;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);width:100%;height:100%;"], _Calendar.tokens.calendarMonthsPadding);
+})(["padding:var(", ");box-sizing:border-box;"], _Calendar.tokens.calendarMonthsPadding);
+var StyledFlex = exports.StyledFlex = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-mx5ps9-1"
+})(["", ";"], /*#__PURE__*/String(_mixins.flexCenter));

package/styled-components/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({}, "".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 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 getSelectedDate = (0, _react.useCallback)(function (event) {
     var _event$currentTarget$ = event.currentTarget.dataset,
       day = _event$currentTarget$.day,
@@ -117,7 +117,8 @@ var CalendarQuarters = exports.CalendarQuarters = function CalendarQuarters(_ref
     onKeyDown: onKeyDown,
     onMouseLeave: handleMouseOutGrid
   }, quarters.map(function (quarter, i) {
-    return /*#__PURE__*/_react["default"].createElement(_react.Fragment, {
+    return /*#__PURE__*/_react["default"].createElement(_CalendarQuarters.StyledFlex, {
+      role: "row",
       key: i
     }, quarter.map(function (_ref2, j) {
       var quarterName = _ref2.quarterName,

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

@@ -3,10 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledCalendarQuarters = void 0;
+exports.StyledFlex = exports.StyledCalendarQuarters = void 0;
 var _styledComponents = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("styled-components"));
 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__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-1grqaka-0"
-})(["padding:var(", ");box-sizing:border-box;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);width:100%;height:100%;"], _Calendar.tokens.calendarQuartersPadding);
+})(["padding:var(", ");box-sizing:border-box;"], _Calendar.tokens.calendarQuartersPadding);
+var StyledFlex = exports.StyledFlex = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-1grqaka-1"
+})(["", ";"], /*#__PURE__*/String(_mixins.flexCenter));

package/styled-components/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({}, "".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 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 getSelectedDate = (0, _react.useCallback)(function (event) {
     var _event$currentTarget$ = event.currentTarget.dataset,
       day = _event$currentTarget$.day,
@@ -119,7 +119,8 @@ var CalendarYears = exports.CalendarYears = function CalendarYears(_ref) {
     onKeyDown: onKeyDown,
     onMouseLeave: handleMouseOutGrid
   }, years.map(function (year, i) {
-    return /*#__PURE__*/_react["default"].createElement(_react.Fragment, {
+    return /*#__PURE__*/_react["default"].createElement(_CalendarYears.StyledFlex, {
+      role: "row",
       key: i
     }, year.map(function (_ref2, j) {
       var yearValue = _ref2.yearValue,

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

@@ -3,10 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledCalendarYears = void 0;
+exports.StyledFlex = exports.StyledCalendarYears = void 0;
 var _styledComponents = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("styled-components"));
 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__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-153qwc7-0"
-})(["padding:var(", ");box-sizing:border-box;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);width:100%;height:100%;"], _Calendar.tokens.calendarYearsPadding);
+})(["padding:var(", ");box-sizing:border-box;"], _Calendar.tokens.calendarYearsPadding);
+var StyledFlex = exports.StyledFlex = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-153qwc7-1"
+})(["", ";"], /*#__PURE__*/String(_mixins.flexCenter));

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

@@ -32,12 +32,12 @@ var disabledCurrentItem = function disabledCurrentItem() {
 };
 var StyledItemRoot = exports.StyledItemRoot = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-14wxiia-1"
-})(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");position:relative;box-sizing:border-box;border-radius:var(", ");", ";color:", ";&.", "{", ";", ";&.", "{", ";}}&.", ":not(.", "){", ";}&.", "{color:var(", ");}&.", "{color:", ";", ";}&.", "{color:", ";", ";}&.", "{& > .", ":before{width:calc(100% + 2px);height:100%;}& > .", ":before{width:100%;right:-1px;left:unset;}& > .", ":before{width:100%;left:-1px;right:unset;}}"], _Calendar.innerTokens.dateStructureFontFamily, _Calendar.innerTokens.dateStructureFontSize, _Calendar.innerTokens.dateStructureFontStyle, _Calendar.innerTokens.dateStructureFontWeight, _Calendar.innerTokens.dateStructureFontLetterSpacing, _Calendar.innerTokens.dateStructureFontLineHeight, _Calendar.innerTokens.dateStructureBorderRadius, /*#__PURE__*/String(_mixins2.flexCenter), function (_ref3) {
+})(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");position:relative;box-sizing:border-box;min-width:var(", ");min-height:var(", ");border-radius:var(", ");", ";color:", ";&.", "{", ";", ";&.", "{", ";}}&.", ":not(.", "){", ";}&.", "{color:var(", ");}&.", "{color:", ";", ";}&.", "{color:", ";", ";}&.", "{& > .", ":before{width:calc(100% + 2px);height:100%;}& > .", ":before{width:100%;right:-1px;left:unset;}& > .", ":before{width:100%;left:-1px;right:unset;}}"], _Calendar.innerTokens.dateStructureFontFamily, _Calendar.innerTokens.dateStructureFontSize, _Calendar.innerTokens.dateStructureFontStyle, _Calendar.innerTokens.dateStructureFontWeight, _Calendar.innerTokens.dateStructureFontLetterSpacing, _Calendar.innerTokens.dateStructureFontLineHeight, _Calendar.innerTokens.dateStructureWidth, _Calendar.innerTokens.dateStructureHeight, _Calendar.innerTokens.dateStructureBorderRadius, /*#__PURE__*/String(_mixins2.flexCenter), function (_ref3) {
   var isDayInCurrentMonth = _ref3.isDayInCurrentMonth;
   return isDayInCurrentMonth ? "var(".concat(_Calendar.tokens.calendarContentPrimaryColor, ")") : "var(".concat(_Calendar.tokens.calendarContentSecondaryColor, ")");
 }, /*#__PURE__*/String(_Calendar.classes.selectableItem), /*#__PURE__*/(0, _mixins2.addSelected)({
-  minWidth: 'calc(100% - 0.125rem)',
-  minHeight: 'calc(100% - 0.125rem)',
+  minWidth: /*#__PURE__*/"calc(var(".concat(_Calendar.innerTokens.dateStructureWidth, ") - 0.25rem)"),
+  minHeight: /*#__PURE__*/"calc(var(".concat(_Calendar.innerTokens.dateStructureHeight, ") - 0.25rem)"),
   selectedFontWeight: /*#__PURE__*/"var(".concat(_Calendar.innerTokens.dateStructureSelectedFontWeight, ")"),
   selectedBackground: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarSelectedItemBackground, ")"),
   selectedColor: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarSelectedItemColor, ")"),

package/styled-components/cjs/components/Calendar/utils/calendarGridHelper.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isSelectedYear = exports.isSelectedMonth = exports.isSelectedDay = exports.isCurrentYear = exports.isCurrentQuarter = exports.isCurrentMonth = exports.getStartYear = exports.getPropsMap = exports.getPrevDate = exports.getOffsetDayInWeek = exports.getNextDate = exports.getMatrix = exports.getDaysInMonth = exports.getDateFromValue = exports.getDateFromNow = exports.getCalendarType = exports.canSelectDate = exports.IsCurrentDay = void 0;
+exports.isSelectedYear = exports.isSelectedMonth = exports.isSelectedDay = exports.isCurrentYear = exports.isCurrentMonth = exports.getStartYear = exports.getPropsMap = exports.getPrevDate = exports.getOffsetDayInWeek = exports.getNextDate = exports.getMatrix = exports.getDaysInMonth = exports.getDateFromValue = exports.getDateFromNow = exports.getCalendarType = exports.canSelectDate = exports.IsCurrentDay = void 0;
 var _calendarRangeHelper = /*#__PURE__*/require("./calendarRangeHelper");
 var _constants = /*#__PURE__*/require("./constants");
 function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
@@ -70,13 +70,6 @@ var isCurrentMonth = exports.isCurrentMonth = function isCurrentMonth(date, mont
     currentYear = _getDateFromNow2.year;
   return monthIndex === currentMonthIndex && date.year === currentYear;
 };
-var isCurrentQuarter = exports.isCurrentQuarter = function isCurrentQuarter(date, monthIndex) {
-  var _getDateFromNow3 = getDateFromNow(),
-    currentMonthIndex = _getDateFromNow3.monthIndex,
-    currentYear = _getDateFromNow3.year;
-  var currentQuarterCondition = currentMonthIndex - monthIndex <= 3 && currentMonthIndex - monthIndex > 0;
-  return currentQuarterCondition && date.year === currentYear;
-};
 var isSelectedMonth = exports.isSelectedMonth = function isSelectedMonth(date, currentMonth, value) {
   if (!value) {
     return false;
@@ -87,8 +80,8 @@ var isSelectedMonth = exports.isSelectedMonth = function isSelectedMonth(date, c
   return currentMonth === monthIndex && date.year === year;
 };
 var isCurrentYear = exports.isCurrentYear = function isCurrentYear(year) {
-  var _getDateFromNow4 = getDateFromNow(),
-    currentYear = _getDateFromNow4.year;
+  var _getDateFromNow3 = getDateFromNow(),
+    currentYear = _getDateFromNow3.year;
   return year === currentYear;
 };
 var isSelectedYear = exports.isSelectedYear = function isSelectedYear(yearValue, value) {