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

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

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

package/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/useQuarters.js

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

package/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/DatePicker/DatePicker.tokens.js

@@ -3,11 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.tokens = exports.classes = void 0;
+exports.tokens = exports.pivateTokens = exports.classes = void 0;
 var classes = exports.classes = {
   datePickerError: 'date-picker-error',
   datePickerSuccess: 'date-picker-success',
-  datePickerRoot: 'date-picker-root'
+  datePickerRoot: 'date-picker-root',
+  datePickerstretched: 'date-picker-stretched',
+  datePickerCalendarstretched: 'date-picker-calendar-stretched'
+};
+var pivateTokens = exports.pivateTokens = {
+  calendarDoubleWidth: '--plasma_private-calendar-double-width'
 };
 var tokens = exports.tokens = {
   width: '--plasma-date-picker-width',
@@ -132,14 +137,12 @@ var tokens = exports.tokens = {
   calendarPaddingTop: '--plasma-date-picker-calendar-padding-top',
   calendarShadow: '--plasma-date-picker-calendar-shadow',
   calendarBorderRadius: '--plasma-date-picker-calendar-border-radius',
-  calendarWidth: '--plasma-date-picker-calendar-width',
-  calendarHeight: '--plasma-date-picker-calendar-height',
+  calendarContainerWidth: '--plasma-date-picker-calendar-container-width',
+  calendarContainerHeight: '--plasma-date-picker-calendar-container-height',
   calendarBorderWidth: '--plasma-date-picker-calendar-border-width',
   calendarBorderColor: '--plasma-date-picker-calendar-border-color',
   calendarYearsPadding: '--plasma-date-picker-calendar__years-padding',
   calendarYearItemBorderRadius: '--plasma-date-picker-calendar__year-item-border-radius',
-  calendarYearItemWidth: '--plasma-date-picker-calendar__year-item-width',
-  calendarYearItemHeight: '--plasma-date-picker-calendar__year-item-height',
   calendarYearFontFamily: '--plasma-date-picker-calendar__year-font-family',
   calendarYearFontSize: '--plasma-date-picker-calendar__year-font-size',
   calendarYearFontStyle: '--plasma-date-picker-calendar__year-font-style',
@@ -149,8 +152,6 @@ var tokens = exports.tokens = {
   calendarYearSelectedFontWeight: '--plasma-date-picker-calendar__year-selected-font-weight',
   calendarMonthsPadding: '--plasma-date-picker-calendar__months-padding',
   calendarMonthItemBorderRadius: '--plasma-date-picker-calendar__month-item-border-radius',
-  calendarMonthItemWidth: '--plasma-date-picker-calendar__month-item-width',
-  calendarMonthItemHeight: '--plasma-date-picker-calendar__month-item-height',
   calendarMonthFontFamily: '--plasma-date-picker-calendar__month-font-family',
   calendarMonthFontSize: '--plasma-date-picker-calendar__month-font-size',
   calendarMonthFontStyle: '--plasma-date-picker-calendar__month-font-style',
@@ -160,8 +161,6 @@ var tokens = exports.tokens = {
   calendarMonthSelectedFontWeight: '--plasma-date-picker-calendar__month-selected-font-weight',
   calendarQuartersPadding: '--plasma-date-picker-calendar__quarters-padding',
   calendarQuarterItemBorderRadius: '--plasma-date-picker-calendar__quarter-item-border-radius',
-  calendarQuarterItemWidth: '--plasma-date-picker-calendar__quarter-item-width',
-  calendarQuarterItemHeight: '--plasma-date-picker-calendar__quarter-item-height',
   calendarQuarterFontFamily: '--plasma-date-picker-calendar__quarter-font-family',
   calendarQuarterFontSize: '--plasma-date-picker-calendar__quarter-font-size',
   calendarQuarterFontStyle: '--plasma-date-picker-calendar__quarter-font-style',
@@ -171,8 +170,6 @@ var tokens = exports.tokens = {
   calendarQuarterSelectedFontWeight: '--plasma-date-picker-calendar__quarter-selected-font-weight',
   calendarDaysPadding: '--plasma-date-picker-calendar__days-padding',
   calendarDayItemBorderRadius: '--plasma-date-picker-calendar__day-item-border-radius',
-  calendarDayItemWidth: '--plasma-date-picker-calendar__day-item-width',
-  calendarDayItemHeight: '--plasma-date-picker-calendar__day-item-height',
   calendarDayFontFamily: '--plasma-date-picker-calendar__day-font-family',
   calendarDayFontSize: '--plasma-date-picker-calendar__day-font-size',
   calendarDayFontStyle: '--plasma-date-picker-calendar__day-font-style',