@salutejs/plasma-new-hope 0.325.0-canary.1715.15255555914.0 → 0.325.0-canary.1715.15271062545.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

@@ -25,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),

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',

package/styled-components/cjs/components/DatePicker/DatePickerBase.styles.js

@@ -12,12 +12,18 @@ var _DatePicker = /*#__PURE__*/require("./DatePicker.tokens");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 var mergedCalendarConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Calendar.calendarBaseConfig);
 var Calendar = /*#__PURE__*/(0, _engines.component)(mergedCalendarConfig);
-var baseCalendarTokens = exports.baseCalendarTokens = /*#__PURE__*/"\n    padding-top: var(".concat(_DatePicker.tokens.calendarPaddingTop, ");\n    box-shadow: var(").concat(_DatePicker.tokens.calendarShadow, ");\n    border-radius: var(").concat(_DatePicker.tokens.calendarBorderRadius, ");\n    margin-top: var(").concat(_DatePicker.tokens.calendarMarginTop, ");\n\n    ").concat(_Calendar.calendarBaseTokens.calendarBackgroundColor, ": var(").concat(_DatePicker.tokens.calendarBackgroundColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarSelectedItemBackground, ": var(").concat(_DatePicker.tokens.calendarSelectedItemBackground, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarSelectedItemColor, ": var(").concat(_DatePicker.tokens.calendarSelectedItemColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarSelectableItemBackgroundHover, ": var(").concat(_DatePicker.tokens.calendarSelectableItemBackgroundHover, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemBorderColor, ": var(").concat(_DatePicker.tokens.calendarCurrentItemBorderColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemBorderWidth, ": var(").concat(_DatePicker.tokens.calendarCurrentItemBorderWidth, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemBackgroundHover, ": var(").concat(_DatePicker.tokens.calendarCurrentItemBackgroundHover, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemColorHover, ": var(").concat(_DatePicker.tokens.calendarCurrentItemColorHover, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemChildBackgroundHover, ": var(").concat(_DatePicker.tokens.calendarCurrentItemChildBackgroundHover, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarActiveItemBackground, ": var(").concat(_DatePicker.tokens.calendarActiveItemBackground, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarActiveItemColor, ": var(").concat(_DatePicker.tokens.calendarActiveItemColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHoveredItemBackground, ": var(").concat(_DatePicker.tokens.calendarHoveredItemBackground, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHoveredItemColor, ": var(").concat(_DatePicker.tokens.calendarHoveredItemColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarRangeBackground, ": var(").concat(_DatePicker.tokens.calendarRangeBackground, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarOutlineFocusColor, ": var(").concat(_DatePicker.tokens.calendarOutlineFocusColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarContentPrimaryColor, ": var(").concat(_DatePicker.tokens.calendarContentPrimaryColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarContentPrimaryDisabledColor, ": var(").concat(_DatePicker.tokens.calendarContentPrimaryDisabledColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarContentSecondaryColor, ": var(").concat(_DatePicker.tokens.calendarContentSecondaryColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarContentSecondaryDisabledColor, ": var(").concat(_DatePicker.tokens.calendarContentSecondaryDisabledColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDisabledOpacity, ": var(").concat(_DatePicker.tokens.calendarDisabledOpacity, ");\n\n    ").concat(_Calendar.calendarBaseTokens.iconButtonColor, ": var(").concat(_DatePicker.tokens.iconButtonColor, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonBackgroundColor, ": var(").concat(_DatePicker.tokens.iconButtonBackgroundColor, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonColorHover, ": var(").concat(_DatePicker.tokens.iconButtonColorHover, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonBackgroundColorHover, ": var(").concat(_DatePicker.tokens.iconButtonBackgroundColorHover, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonColorActive, ": var(").concat(_DatePicker.tokens.iconButtonColorActive, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonBackgroundColorActive, ": var(").concat(_DatePicker.tokens.iconButtonBackgroundColorActive, ");\n\n    ").concat(_Calendar.calendarBaseTokens.calendarWidth, ": var(").concat(_DatePicker.tokens.calendarWidth, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeight, ": var(").concat(_DatePicker.tokens.calendarHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarBorderWidth, ": var(").concat(_DatePicker.tokens.calendarBorderWidth, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarBorderColor, ": var(").concat(_DatePicker.tokens.calendarBorderColor, ");\n\n    ").concat(_Calendar.calendarBaseTokens.calendarYearsPadding, ": var(").concat(_DatePicker.tokens.calendarYearsPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearItemBorderRadius, ": var(").concat(_DatePicker.tokens.calendarYearItemBorderRadius, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearItemWidth, ": var(").concat(_DatePicker.tokens.calendarYearItemWidth, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearItemHeight, ": var(").concat(_DatePicker.tokens.calendarYearItemHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearFontFamily, ": var(").concat(_DatePicker.tokens.calendarYearFontFamily, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearFontSize, ": var(").concat(_DatePicker.tokens.calendarYearFontSize, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearFontStyle, ": var(").concat(_DatePicker.tokens.calendarYearFontStyle, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarYearFontLetterSpacing, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarYearFontLineHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearFontWeight, ": var(").concat(_DatePicker.tokens.calendarYearFontWeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearSelectedFontWeight, ": var(").concat(_DatePicker.tokens.calendarYearSelectedFontWeight, ");\n\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthsPadding, ": var(").concat(_DatePicker.tokens.calendarMonthsPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthItemBorderRadius, ": var(").concat(_DatePicker.tokens.calendarMonthItemBorderRadius, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthItemWidth, ": var(").concat(_DatePicker.tokens.calendarMonthItemWidth, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthItemHeight, ": var(").concat(_DatePicker.tokens.calendarMonthItemHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthFontFamily, ": var(").concat(_DatePicker.tokens.calendarMonthFontFamily, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthFontSize, ": var(").concat(_DatePicker.tokens.calendarMonthFontSize, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthFontStyle, ": var(").concat(_DatePicker.tokens.calendarMonthFontStyle, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarMonthFontLetterSpacing, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarMonthFontLineHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthFontWeight, ": var(").concat(_DatePicker.tokens.calendarMonthFontWeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthSelectedFontWeight, ": var(").concat(_DatePicker.tokens.calendarMonthSelectedFontWeight, ");\n\n    ").concat(_Calendar.calendarBaseTokens.calendarQuartersPadding, ": var(").concat(_DatePicker.tokens.calendarQuartersPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterItemBorderRadius, ": var(").concat(_DatePicker.tokens.calendarQuarterItemBorderRadius, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterItemWidth, ": var(").concat(_DatePicker.tokens.calendarQuarterItemWidth, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterItemHeight, ": var(").concat(_DatePicker.tokens.calendarQuarterItemHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontFamily, ": var(").concat(_DatePicker.tokens.calendarQuarterFontFamily, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontSize, ": var(").concat(_DatePicker.tokens.calendarQuarterFontSize, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontStyle, ": var(").concat(_DatePicker.tokens.calendarQuarterFontStyle, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarQuarterFontLetterSpacing, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarQuarterFontLineHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontWeight, ": var(").concat(_DatePicker.tokens.calendarQuarterFontWeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterSelectedFontWeight, ": var(").concat(_DatePicker.tokens.calendarQuarterSelectedFontWeight, ");\n    \n    ").concat(_Calendar.calendarBaseTokens.calendarDaysPadding, ": var(").concat(_DatePicker.tokens.calendarDaysPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayItemBorderRadius, ": var(").concat(_DatePicker.tokens.calendarDayItemBorderRadius, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayItemWidth, ": var(").concat(_DatePicker.tokens.calendarDayItemWidth, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayItemHeight, ": var(").concat(_DatePicker.tokens.calendarDayItemHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayFontFamily, ": var(").concat(_DatePicker.tokens.calendarDayFontFamily, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayFontSize, ": var(").concat(_DatePicker.tokens.calendarDayFontSize, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayFontStyle, ": var(").concat(_DatePicker.tokens.calendarDayFontStyle, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarDayFontLetterSpacing, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarDayFontLineHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayFontWeight, ": var(").concat(_DatePicker.tokens.calendarDayFontWeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDaySelectedFontWeight, ": var(").concat(_DatePicker.tokens.calendarDaySelectedFontWeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayOfWeekColor, ": var(").concat(_DatePicker.tokens.calendarDayOfWeekColor, ");\n    \n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderWrapperPadding, ": var(").concat(_DatePicker.tokens.calendarHeaderWrapperPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderArrowGap, ": var(").concat(_DatePicker.tokens.calendarHeaderArrowGap, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderArrowPadding, ": var(").concat(_DatePicker.tokens.calendarHeaderArrowPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderPadding, ": var(").concat(_DatePicker.tokens.calendarHeaderPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderDateGap, ": var(").concat(_DatePicker.tokens.calendarHeaderDateGap, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontFamily, ": var(").concat(_DatePicker.tokens.calendarHeaderFontFamily, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontSize, ": var(").concat(_DatePicker.tokens.calendarHeaderFontSize, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontStyle, ": var(").concat(_DatePicker.tokens.calendarHeaderFontStyle, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarHeaderFontLetterSpacing, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarHeaderFontLineHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontWeight, ": var(").concat(_DatePicker.tokens.calendarHeaderFontWeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontWeightBold, ": var(").concat(_DatePicker.tokens.calendarHeaderFontWeightBold, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderArrowColor, ": var(").concat(_DatePicker.tokens.calendarHeaderArrowColor, ");\n    \n    ").concat(_Calendar.calendarBaseTokens.iconButtonHeight, ": var(").concat(_DatePicker.tokens.iconButtonHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonWidth, ": var(").concat(_DatePicker.tokens.iconButtonWidth, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonPadding, ": var(").concat(_DatePicker.tokens.iconButtonPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonRadius, ": var(").concat(_DatePicker.tokens.iconButtonRadius, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonFocusColor, ": var(").concat(_DatePicker.tokens.iconButtonFocusColor, ");\n");
+var baseCalendarTokens = exports.baseCalendarTokens = /*#__PURE__*/"\n    padding-top: var(".concat(_DatePicker.tokens.calendarPaddingTop, ");\n    box-shadow: var(").concat(_DatePicker.tokens.calendarShadow, ");\n    border-radius: var(").concat(_DatePicker.tokens.calendarBorderRadius, ");\n    margin-top: var(").concat(_DatePicker.tokens.calendarMarginTop, ");\n\n    ").concat(_Calendar.calendarBaseTokens.calendarBackgroundColor, ": var(").concat(_DatePicker.tokens.calendarBackgroundColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarSelectedItemBackground, ": var(").concat(_DatePicker.tokens.calendarSelectedItemBackground, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarSelectedItemColor, ": var(").concat(_DatePicker.tokens.calendarSelectedItemColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarSelectableItemBackgroundHover, ": var(").concat(_DatePicker.tokens.calendarSelectableItemBackgroundHover, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemBorderColor, ": var(").concat(_DatePicker.tokens.calendarCurrentItemBorderColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemBorderWidth, ": var(").concat(_DatePicker.tokens.calendarCurrentItemBorderWidth, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemBackgroundHover, ": var(").concat(_DatePicker.tokens.calendarCurrentItemBackgroundHover, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemColorHover, ": var(").concat(_DatePicker.tokens.calendarCurrentItemColorHover, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemChildBackgroundHover, ": var(").concat(_DatePicker.tokens.calendarCurrentItemChildBackgroundHover, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarActiveItemBackground, ": var(").concat(_DatePicker.tokens.calendarActiveItemBackground, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarActiveItemColor, ": var(").concat(_DatePicker.tokens.calendarActiveItemColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHoveredItemBackground, ": var(").concat(_DatePicker.tokens.calendarHoveredItemBackground, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHoveredItemColor, ": var(").concat(_DatePicker.tokens.calendarHoveredItemColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarRangeBackground, ": var(").concat(_DatePicker.tokens.calendarRangeBackground, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarOutlineFocusColor, ": var(").concat(_DatePicker.tokens.calendarOutlineFocusColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarContentPrimaryColor, ": var(").concat(_DatePicker.tokens.calendarContentPrimaryColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarContentPrimaryDisabledColor, ": var(").concat(_DatePicker.tokens.calendarContentPrimaryDisabledColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarContentSecondaryColor, ": var(").concat(_DatePicker.tokens.calendarContentSecondaryColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarContentSecondaryDisabledColor, ": var(").concat(_DatePicker.tokens.calendarContentSecondaryDisabledColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDisabledOpacity, ": var(").concat(_DatePicker.tokens.calendarDisabledOpacity, ");\n\n    ").concat(_Calendar.calendarBaseTokens.iconButtonColor, ": var(").concat(_DatePicker.tokens.iconButtonColor, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonBackgroundColor, ": var(").concat(_DatePicker.tokens.iconButtonBackgroundColor, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonColorHover, ": var(").concat(_DatePicker.tokens.iconButtonColorHover, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonBackgroundColorHover, ": var(").concat(_DatePicker.tokens.iconButtonBackgroundColorHover, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonColorActive, ": var(").concat(_DatePicker.tokens.iconButtonColorActive, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonBackgroundColorActive, ": var(").concat(_DatePicker.tokens.iconButtonBackgroundColorActive, ");\n\n    ").concat(_Calendar.calendarBaseTokens.calendarBorderWidth, ": var(").concat(_DatePicker.tokens.calendarBorderWidth, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarBorderColor, ": var(").concat(_DatePicker.tokens.calendarBorderColor, ");\n\n    ").concat(_Calendar.calendarBaseTokens.calendarYearsPadding, ": var(").concat(_DatePicker.tokens.calendarYearsPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearItemBorderRadius, ": var(").concat(_DatePicker.tokens.calendarYearItemBorderRadius, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearFontFamily, ": var(").concat(_DatePicker.tokens.calendarYearFontFamily, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearFontSize, ": var(").concat(_DatePicker.tokens.calendarYearFontSize, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearFontStyle, ": var(").concat(_DatePicker.tokens.calendarYearFontStyle, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarYearFontLetterSpacing, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarYearFontLineHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearFontWeight, ": var(").concat(_DatePicker.tokens.calendarYearFontWeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearSelectedFontWeight, ": var(").concat(_DatePicker.tokens.calendarYearSelectedFontWeight, ");\n\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthsPadding, ": var(").concat(_DatePicker.tokens.calendarMonthsPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthItemBorderRadius, ": var(").concat(_DatePicker.tokens.calendarMonthItemBorderRadius, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthFontFamily, ": var(").concat(_DatePicker.tokens.calendarMonthFontFamily, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthFontSize, ": var(").concat(_DatePicker.tokens.calendarMonthFontSize, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthFontStyle, ": var(").concat(_DatePicker.tokens.calendarMonthFontStyle, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarMonthFontLetterSpacing, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarMonthFontLineHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthFontWeight, ": var(").concat(_DatePicker.tokens.calendarMonthFontWeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthSelectedFontWeight, ": var(").concat(_DatePicker.tokens.calendarMonthSelectedFontWeight, ");\n\n    ").concat(_Calendar.calendarBaseTokens.calendarQuartersPadding, ": var(").concat(_DatePicker.tokens.calendarQuartersPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterItemBorderRadius, ": var(").concat(_DatePicker.tokens.calendarQuarterItemBorderRadius, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontFamily, ": var(").concat(_DatePicker.tokens.calendarQuarterFontFamily, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontSize, ": var(").concat(_DatePicker.tokens.calendarQuarterFontSize, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontStyle, ": var(").concat(_DatePicker.tokens.calendarQuarterFontStyle, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarQuarterFontLetterSpacing, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarQuarterFontLineHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontWeight, ": var(").concat(_DatePicker.tokens.calendarQuarterFontWeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterSelectedFontWeight, ": var(").concat(_DatePicker.tokens.calendarQuarterSelectedFontWeight, ");\n    \n    ").concat(_Calendar.calendarBaseTokens.calendarDaysPadding, ": var(").concat(_DatePicker.tokens.calendarDaysPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayItemBorderRadius, ": var(").concat(_DatePicker.tokens.calendarDayItemBorderRadius, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayFontFamily, ": var(").concat(_DatePicker.tokens.calendarDayFontFamily, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayFontSize, ": var(").concat(_DatePicker.tokens.calendarDayFontSize, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayFontStyle, ": var(").concat(_DatePicker.tokens.calendarDayFontStyle, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarDayFontLetterSpacing, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarDayFontLineHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayFontWeight, ": var(").concat(_DatePicker.tokens.calendarDayFontWeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDaySelectedFontWeight, ": var(").concat(_DatePicker.tokens.calendarDaySelectedFontWeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayOfWeekColor, ": var(").concat(_DatePicker.tokens.calendarDayOfWeekColor, ");\n    \n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderWrapperPadding, ": var(").concat(_DatePicker.tokens.calendarHeaderWrapperPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderArrowGap, ": var(").concat(_DatePicker.tokens.calendarHeaderArrowGap, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderArrowPadding, ": var(").concat(_DatePicker.tokens.calendarHeaderArrowPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderPadding, ": var(").concat(_DatePicker.tokens.calendarHeaderPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderDateGap, ": var(").concat(_DatePicker.tokens.calendarHeaderDateGap, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontFamily, ": var(").concat(_DatePicker.tokens.calendarHeaderFontFamily, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontSize, ": var(").concat(_DatePicker.tokens.calendarHeaderFontSize, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontStyle, ": var(").concat(_DatePicker.tokens.calendarHeaderFontStyle, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarHeaderFontLetterSpacing, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarHeaderFontLineHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontWeight, ": var(").concat(_DatePicker.tokens.calendarHeaderFontWeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontWeightBold, ": var(").concat(_DatePicker.tokens.calendarHeaderFontWeightBold, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderArrowColor, ": var(").concat(_DatePicker.tokens.calendarHeaderArrowColor, ");\n    \n    ").concat(_Calendar.calendarBaseTokens.iconButtonHeight, ": var(").concat(_DatePicker.tokens.iconButtonHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonWidth, ": var(").concat(_DatePicker.tokens.iconButtonWidth, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonPadding, ": var(").concat(_DatePicker.tokens.iconButtonPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonRadius, ": var(").concat(_DatePicker.tokens.iconButtonRadius, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonFocusColor, ": var(").concat(_DatePicker.tokens.iconButtonFocusColor, ");\n");
 
 // NOTE: переопределение токенов Calendar
 var StyledCalendar = exports.StyledCalendar = /*#__PURE__*/(0, _styledComponents["default"])(Calendar).withConfig({
   componentId: "plasma-new-hope__sc-1i6o09y-0"
-})(["width:var(", ");", ""], _DatePicker.tokens.width, baseCalendarTokens);
+})(["", " width:", ";height:", ";"], baseCalendarTokens, function (_ref) {
+  var innerWidth = _ref.innerWidth;
+  return innerWidth || "var(".concat(_DatePicker.tokens.calendarContainerWidth, ")");
+}, function (_ref2) {
+  var innerHeight = _ref2.innerHeight;
+  return innerHeight || "var(".concat(_DatePicker.tokens.calendarContainerHeight, ")");
+});
 var InputHidden = exports.InputHidden = /*#__PURE__*/_styledComponents["default"].input.withConfig({
   componentId: "plasma-new-hope__sc-1i6o09y-1"
 })(["", ";"], /*#__PURE__*/(0, _mixins.applyHidden)());

package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.datePickerRangeRoot = exports.datePickerRangeConfig = void 0;
 var _react = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("react"));
+var _classnames = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("classnames"));
 var _utils = /*#__PURE__*/require("../../../utils");
 var _dateHelper = /*#__PURE__*/require("../utils/dateHelper");
 var _useDatePicker3 = /*#__PURE__*/require("../hooks/useDatePicker");
@@ -20,10 +21,14 @@ var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
 var _base4 = /*#__PURE__*/require("./variations/_readonly/base");
 var _RangeDate = /*#__PURE__*/require("./RangeDate.styles");
 var _RangeDatePopover = /*#__PURE__*/require("./RangeDatePopover/RangeDatePopover");
-var _excluded = ["className", "autoComplete", "isDoubleCalendar", "opened", "value", "label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "name", "dividerVariant", "dividerIcon", "defaultFirstDate", "defaultSecondDate", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "required", "requiredPlacement", "hasRequiredIndicator", "format", "lang", "maskWithFormat", "min", "max", "renderFromDate", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "closeAfterDateSelect", "offset", "onToggle", "onChange", "onChangeFirstValue", "onChangeSecondValue", "onCommitFirstDate", "onCommitSecondDate", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
+var _excluded = ["className", "autoComplete", "isDoubleCalendar", "opened", "value", "label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "name", "dividerVariant", "dividerIcon", "defaultFirstDate", "defaultSecondDate", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "required", "requiredPlacement", "hasRequiredIndicator", "format", "lang", "maskWithFormat", "min", "max", "renderFromDate", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "closeAfterDateSelect", "offset", "calendarContainerWidth", "calendarContainerHeight", "stretched", "onToggle", "onChange", "onChangeFirstValue", "onChangeSecondValue", "onCommitFirstDate", "onCommitSecondDate", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
+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; } }
@@ -112,6 +117,9 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
       _ref$closeAfterDateSe = _ref.closeAfterDateSelect,
       closeAfterDateSelect = _ref$closeAfterDateSe === void 0 ? true : _ref$closeAfterDateSe,
       offset = _ref.offset,
+      calendarContainerWidth = _ref.calendarContainerWidth,
+      calendarContainerHeight = _ref.calendarContainerHeight,
+      stretched = _ref.stretched,
       onToggle = _ref.onToggle,
       onChange = _ref.onChange,
       onChangeFirstValue = _ref.onChangeFirstValue,
@@ -493,21 +501,25 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
     (0, _react.useLayoutEffect)(function () {
       updateExternalSecondDate(defaultSecondDate);
     }, [defaultSecondDate, format, lang]);
-    var RootWrapper = (0, _react.useCallback)(function (_ref6) {
-      var children = _ref6.children;
+    var RootWrapper = (0, _react.useCallback)(/*#__PURE__*/(0, _react.forwardRef)(function (_ref6, rootWrapperRef) {
+      var children = _ref6.children,
+        rootWrapperClassName = _ref6.className,
+        onClick = _ref6.onClick;
       return /*#__PURE__*/_react["default"].createElement(Root, {
+        ref: rootWrapperRef,
         view: view,
         size: size,
-        className: (0, _utils.cx)(_DatePicker.classes.datePickerRoot, className),
+        className: rootWrapperClassName,
         disabled: disabled,
-        readOnly: !disabled && readOnly
+        readOnly: !disabled && readOnly,
+        onClick: onClick
       }, children);
-    }, [view, size, disabled, readOnly]);
+    }), [view, size, disabled, readOnly]);
     return /*#__PURE__*/_react["default"].createElement(Root, _extends({
       ref: rootRef,
       view: view,
       size: size,
-      className: (0, _utils.cx)(_DatePicker.classes.datePickerRoot, className),
+      className: (0, _classnames["default"])(_DatePicker.classes.datePickerRoot, className, _defineProperty({}, _DatePicker.classes.datePickerstretched, stretched)),
       disabled: disabled,
       readOnly: !disabled && readOnly
     }, rest), /*#__PURE__*/_react["default"].createElement(_RangeDatePopover.RangeDatePopover, {
@@ -532,15 +544,19 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
       closeOnOverlayClick: closeOnOverlayClick,
       closeOnEsc: closeOnEsc,
       offset: offset,
+      stretched: stretched,
+      calendarContainerWidth: calendarContainerWidth,
+      calendarContainerHeight: calendarContainerHeight,
       type: type,
       onToggle: handleToggle,
       lang: lang,
       isDoubleCalendar: isDoubleCalendar,
       rootWrapper: RootWrapper,
       onChangeStartOfRange: handleChangeStartOfRange,
-      onChangeValue: handleChangeCalendarValue
+      onChangeValue: handleChangeCalendarValue,
+      setIsInnerOpen: setIsInnerOpen
     }), leftHelper && /*#__PURE__*/_react["default"].createElement(_RangeDate.LeftHelper, {
-      className: (0, _utils.cx)(rangeErrorClass, rangeSuccessClass)
+      className: (0, _classnames["default"])(rangeErrorClass, rangeSuccessClass)
     }, leftHelper), /*#__PURE__*/_react["default"].createElement(_DatePickerBase.InputHidden, _extends({
       name: name,
       type: "hidden",