@salutejs/plasma-new-hope 0.324.1-canary.1988.15209032570.0 → 0.324.1-canary.1994.15271445725.0

package/styled-components/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/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"])), _Calendar.tokens.calendarWidth, _Calendar.tokens.calendarHeight, _Calendar.tokens.calendarBorderWidth, _Calendar.tokens.calendarBorderColor);
+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 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,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/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"])), _Calendar.tokens.calendarWidth, _Calendar.tokens.calendarHeight);
+var StyledCalendar = exports.StyledCalendar = /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n    position: relative;\n    user-select: none;\n    z-index: 1;\n\n    display: flex;\n    flex-direction: column;\n\n    width: var(", ");\n    height: var(", ");\n\n    &.", " {\n        width: 100%;\n        height: 100%;\n    }\n"])), _Calendar.tokens.calendarContainerWidth, _Calendar.tokens.calendarContainerHeight, _Calendar.classes.stretched);
 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;"]);
+})(["display:flex;height:100%;"]);

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.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),
@@ -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(_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/styled-components/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js

@@ -3,17 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledFlex = exports.StyledCalendarDaysHint = exports.StyledCalendarDays = void 0;
+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 StyledFlex = exports.StyledFlex = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  componentId: "plasma-new-hope__sc-3ydwr5-0"
-})(["", ";"], /*#__PURE__*/String(_mixins.flexCenter));
 var StyledCalendarDays = exports.StyledCalendarDays = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  componentId: "plasma-new-hope__sc-3ydwr5-1"
-})(["outline:none;padding:var(", ");box-sizing:border-box;"], _Calendar.tokens.calendarDaysPadding);
+  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({
-  componentId: "plasma-new-hope__sc-3ydwr5-2"
+  componentId: "plasma-new-hope__sc-3ydwr5-1"
 })(["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(_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/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js

@@ -3,14 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledFlex = exports.StyledCalendarMonths = void 0;
+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;"], _Calendar.tokens.calendarMonthsPadding);
-var StyledFlex = exports.StyledFlex = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  componentId: "plasma-new-hope__sc-mx5ps9-1"
-})(["", ";"], /*#__PURE__*/String(_mixins.flexCenter));
+})(["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);

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(_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/styled-components/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js

@@ -3,14 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledFlex = exports.StyledCalendarQuarters = void 0;
+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;"], _Calendar.tokens.calendarQuartersPadding);
-var StyledFlex = exports.StyledFlex = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  componentId: "plasma-new-hope__sc-1grqaka-1"
-})(["", ";"], /*#__PURE__*/String(_mixins.flexCenter));
+})(["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);

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(_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/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js

@@ -3,14 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledFlex = exports.StyledCalendarYears = void 0;
+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;"], _Calendar.tokens.calendarYearsPadding);
-var StyledFlex = exports.StyledFlex = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  componentId: "plasma-new-hope__sc-153qwc7-1"
-})(["", ";"], /*#__PURE__*/String(_mixins.flexCenter));
+})(["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);

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;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) {
+})(["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) {
   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: /*#__PURE__*/"calc(var(".concat(_Calendar.innerTokens.dateStructureWidth, ") - 0.25rem)"),
-  minHeight: /*#__PURE__*/"calc(var(".concat(_Calendar.innerTokens.dateStructureHeight, ") - 0.25rem)"),
+  minWidth: 'calc(100% - 0.125rem)',
+  minHeight: 'calc(100% - 0.125rem)',
   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.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.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;
 var _calendarRangeHelper = /*#__PURE__*/require("./calendarRangeHelper");
 var _constants = /*#__PURE__*/require("./constants");
 function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
@@ -70,6 +70,13 @@ 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;
@@ -80,8 +87,8 @@ var isSelectedMonth = exports.isSelectedMonth = function isSelectedMonth(date, c
   return currentMonth === monthIndex && date.year === year;
 };
 var isCurrentYear = exports.isCurrentYear = function isCurrentYear(year) {
-  var _getDateFromNow3 = getDateFromNow(),
-    currentYear = _getDateFromNow3.year;
+  var _getDateFromNow4 = getDateFromNow(),
+    currentYear = _getDateFromNow4.year;
   return year === currentYear;
 };
 var isSelectedYear = exports.isSelectedYear = function isSelectedYear(yearValue, value) {

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

@@ -48,7 +48,7 @@ var normalizeDate = function normalizeDate(date, type) {
     date.setMonth(0);
   }
 };
-var isDisabledNextDate = function isDisabledNextDate(_ref, type, max) {
+var isDisabledNextDate = function isDisabledNextDate(_ref, type, max, includeEdgeDates) {
   var year = _ref.year,
     monthIndex = _ref.monthIndex,
     day = _ref.day;
@@ -60,13 +60,13 @@ var isDisabledNextDate = function isDisabledNextDate(_ref, type, max) {
   var currentDate = new Date(year, monthIndex, day);
   dateOperationHandler[type].add(currentDate);
   var isOut = true;
-  while (isOut && currentDate <= maxDate) {
-    isOut = maxDate <= currentDate;
+  while (isOut && includeEdgeDates ? currentDate < maxDate : currentDate <= maxDate) {
+    isOut = includeEdgeDates ? maxDate < currentDate : maxDate <= currentDate;
     dateOperationHandler[type].add(currentDate);
   }
   return isOut;
 };
-var isDisabledPreviousDate = function isDisabledPreviousDate(_ref2, type, min) {
+var isDisabledPreviousDate = function isDisabledPreviousDate(_ref2, type, min, includeEdgeDates) {
   var year = _ref2.year,
     monthIndex = _ref2.monthIndex,
     day = _ref2.day;
@@ -78,54 +78,58 @@ var isDisabledPreviousDate = function isDisabledPreviousDate(_ref2, type, min) {
   var currentDate = new Date(year, monthIndex, day);
   dateOperationHandler[type].subtract(currentDate);
   var isOut = true;
-  while (isOut && currentDate >= minDate) {
-    isOut = minDate >= currentDate;
+  while (isOut && includeEdgeDates ? currentDate > minDate : currentDate >= minDate) {
+    isOut = includeEdgeDates ? minDate > currentDate : minDate >= currentDate;
     dateOperationHandler[type].subtract(currentDate);
   }
   return isOut;
 };
-var getDisabledDates = function getDisabledDates(list, type, min, max) {
+var getDisabledDates = function getDisabledDates(list, type, min, max, includeEdgeDates) {
   var disabledDate = [];
-  if (isDisabledPreviousDate(list[0], type, min)) {
+  if (isDisabledPreviousDate(list[0], type, min, includeEdgeDates)) {
     disabledDate.push('previous');
   }
-  if (isDisabledNextDate(list[list.length - 1], type, max)) {
+  if (isDisabledNextDate(list[list.length - 1], type, max, includeEdgeDates)) {
     disabledDate.push('next');
   }
   return disabledDate.join(',');
 };
-var isDisabledArrowLeft = function isDisabledArrowLeft(date, min) {
+var isDisabledArrowLeft = function isDisabledArrowLeft(date, min, includeEdgeDates) {
   var currentDate = new Date(date);
   currentDate.setDate(currentDate.getDate() - 1);
-  return min && min >= currentDate || min && min >= date;
+  var disableCondition = min && (includeEdgeDates ? min > currentDate : min >= currentDate);
+  return disableCondition;
 };
-var isDisabledArrowRight = function isDisabledArrowRight(date, max) {
+var isDisabledArrowRight = function isDisabledArrowRight(date, max, includeEdgeDates) {
   var currentDate = new Date(date);
   currentDate.setDate(currentDate.getDate() + 1);
-  return max && max <= currentDate || max && max <= date;
+  var disableCondition = max && (includeEdgeDates ? max < currentDate : max <= currentDate);
+  return disableCondition;
 };
-var isDisabledArrowUp = function isDisabledArrowUp(date, min) {
+var isDisabledArrowUp = function isDisabledArrowUp(date, min, includeEdgeDates) {
   var currentDate = new Date(date);
   currentDate.setDate(date.getDate() - 7);
-  return min && min >= currentDate;
+  var disableCondition = min && (includeEdgeDates ? min > currentDate : min >= currentDate);
+  return disableCondition;
 };
-var isDisabledArrowDown = function isDisabledArrowDown(date, max) {
+var isDisabledArrowDown = function isDisabledArrowDown(date, max, includeEdgeDates) {
   var currentDate = new Date(date);
   currentDate.setDate(date.getDate() + 7);
-  return max && max <= currentDate;
+  var disableCondition = max && (includeEdgeDates ? max < currentDate : max <= currentDate);
+  return disableCondition;
 };
-var getDisabledArrowKey = function getDisabledArrowKey(currentDate, min, max) {
+var getDisabledArrowKey = function getDisabledArrowKey(currentDate, min, max, includeEdgeDates) {
   var disabledArrowKey = [];
-  if (isDisabledArrowLeft(currentDate, min)) {
+  if (isDisabledArrowLeft(currentDate, min, includeEdgeDates)) {
     disabledArrowKey.push('left');
   }
-  if (isDisabledArrowRight(currentDate, max)) {
+  if (isDisabledArrowRight(currentDate, max, includeEdgeDates)) {
     disabledArrowKey.push('right');
   }
-  if (isDisabledArrowDown(currentDate, max)) {
+  if (isDisabledArrowDown(currentDate, max, includeEdgeDates)) {
     disabledArrowKey.push('down');
   }
-  if (isDisabledArrowUp(currentDate, min)) {
+  if (isDisabledArrowUp(currentDate, min, includeEdgeDates)) {
     disabledArrowKey.push('up');
   }
   return disabledArrowKey.join(',');
@@ -154,7 +158,7 @@ var getDatesWithModifications = exports.getDatesWithModifications = function get
     var date = _ref5.date;
     return date;
   });
-  var disabledDates = getDisabledDates(datesList, type, min, max);
+  var disabledDates = getDisabledDates(datesList, type, min, max, includeEdgeDates);
   return dates.map(function (dateItem) {
     var date = dateItem.date;
     var year = date.year,
@@ -179,7 +183,7 @@ var getDatesWithModifications = exports.getDatesWithModifications = function get
     dateItem.events = eventsMap.get(keyDate);
     dateItem.disabled = disabledDatesMap.has(keyDate) || isOutOfMinMaxRange;
     dateItem.isOutOfMinMaxRange = isOutOfMinMaxRange;
-    dateItem.disabledArrowKey = getDisabledArrowKey(currentDate, min, max);
+    dateItem.disabledArrowKey = getDisabledArrowKey(currentDate, min, max, includeEdgeDates);
     dateItem.disabledDates = disabledDates;
     return dateItem;
   });