@salutejs/plasma-new-hope 0.109.0-canary.1310.10007111729.0 → 0.109.0-dev.0

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

@@ -3,251 +3,47 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isValueUpdate = exports.isSelectedYear = exports.isSelectedMonth = exports.isSelectedDay = exports.isSelectProcess = exports.isSameDay = exports.isDayInRange = exports.isCurrentYear = exports.isCurrentMonth = exports.getStartYear = exports.getSortedValues = exports.getSideInRange = exports.getSideForSelected = exports.getSideForHovered = exports.getPrevDate = exports.getOffsetDayInWeek = exports.getNextDate = exports.getMatrix = exports.getInRange = exports.getDaysInMonth = exports.getDateFromValue = exports.getDateFromNow = exports.getCalendarType = exports.canSelectDate = exports.YEAR_RENDER_COUNT = exports.SHORT_MONTH_NAME = exports.SHORT_DAY_NAMES = exports.ROW_STEP = exports.MONTH_NAMES = exports.IsCurrentDay = exports.FULL_DAY_NAMES = void 0;
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _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(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var ROW_STEP = exports.ROW_STEP = 6;
-var YEAR_RENDER_COUNT = exports.YEAR_RENDER_COUNT = 12;
-var SHORT_DAY_NAMES = exports.SHORT_DAY_NAMES = ['Пн', 'Вт', 'Ср', 'Чт', 'Пт', 'Сб', 'Вс'];
-var FULL_DAY_NAMES = exports.FULL_DAY_NAMES = {
-  Пн: 'Понедельник',
-  Вт: 'Вторник',
-  Ср: 'Среда',
-  Чт: 'Четверг',
-  Пт: 'Пятница',
-  Сб: 'Суббота',
-  Вс: 'Воскресенье'
-};
-var SHORT_MONTH_NAME = exports.SHORT_MONTH_NAME = ['Янв', 'Фев', 'Март', 'Апр', 'Май', 'Июнь', 'Июль', 'Авг', 'Сен', 'Окт', 'Ноя', 'Дек'];
-var MONTH_NAMES = exports.MONTH_NAMES = ['Январь', 'Февраль', 'Март', 'Апрель', 'Май', 'Июнь', 'Июль', 'Август', 'Сентябрь', 'Октябрь', 'Ноябрь', 'Декабрь'];
-var getDaysInMonth = exports.getDaysInMonth = function getDaysInMonth(monthIndex, year) {
-  return new Date(year, monthIndex + 1, 0).getDate();
-};
-var getOffsetDayInWeek = exports.getOffsetDayInWeek = function getOffsetDayInWeek(monthIndex, year) {
-  return (new Date(year, monthIndex).getDay() || 7) - 1;
-};
-var getStartYear = exports.getStartYear = function getStartYear(year) {
-  return Math.trunc((year - 1) * 0.1) * 10 - 1;
-};
-var getNextDate = exports.getNextDate = function getNextDate(currentYear, currentMonth) {
-  return currentMonth + 1 === MONTH_NAMES.length ? [currentYear + 1, 0] : [currentYear, currentMonth + 1];
-};
-var getPrevDate = exports.getPrevDate = function getPrevDate(currentYear, currentMonth) {
-  return currentMonth - 1 < 0 ? [currentYear - 1, 11] : [currentYear, currentMonth - 1];
-};
-var getDateFromValue = exports.getDateFromValue = function getDateFromValue(date) {
-  var state = date || new Date();
-  return {
-    day: date !== undefined ? state.getDate() : 0,
-    monthIndex: state.getMonth(),
-    year: state.getFullYear()
-  };
-};
-var getDateFromNow = exports.getDateFromNow = function getDateFromNow() {
-  var nowDate = new Date();
-  return {
-    day: nowDate.getDate(),
-    monthIndex: nowDate.getMonth(),
-    year: nowDate.getFullYear()
-  };
-};
-var IsCurrentDay = exports.IsCurrentDay = function IsCurrentDay(date, currentDay) {
-  var _getDateFromNow = getDateFromNow(),
-    day = _getDateFromNow.day,
-    currentMonthIndex = _getDateFromNow.monthIndex,
-    currentYear = _getDateFromNow.year;
-  return day === currentDay && date.monthIndex === currentMonthIndex && date.year === currentYear;
-};
-var isSelectedDay = exports.isSelectedDay = function isSelectedDay(date, currentDay, value) {
-  if (!value) {
-    return false;
-  }
-  var _getDateFromValue = getDateFromValue(value),
-    day = _getDateFromValue.day,
-    monthIndex = _getDateFromValue.monthIndex,
-    year = _getDateFromValue.year;
-  return day === currentDay && date.monthIndex === monthIndex && date.year === year;
-};
-var isCurrentMonth = exports.isCurrentMonth = function isCurrentMonth(date, monthIndex) {
-  var _getDateFromNow2 = getDateFromNow(),
-    currentMonthIndex = _getDateFromNow2.monthIndex,
-    currentYear = _getDateFromNow2.year;
-  return monthIndex === currentMonthIndex && date.year === currentYear;
-};
-var isSelectedMonth = exports.isSelectedMonth = function isSelectedMonth(date, monthIndex) {
-  return date.monthIndex === monthIndex;
-};
-var isCurrentYear = exports.isCurrentYear = function isCurrentYear(year) {
-  var _getDateFromNow3 = getDateFromNow(),
-    currentYear = _getDateFromNow3.year;
-  return year === currentYear;
-};
-var isSelectedYear = exports.isSelectedYear = function isSelectedYear(date, year) {
-  return date.year === year;
-};
-var getSortedValues = exports.getSortedValues = function getSortedValues(values) {
-  return values.sort(function (start, end) {
-    if (!start || !end) {
-      return -1;
+var _getDateWithModification = /*#__PURE__*/require("./getDateWithModification");
+Object.keys(_getDateWithModification).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _getDateWithModification[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _getDateWithModification[key];
     }
-    return start.getTime() - end.getTime();
   });
-};
-var isDayInRange = exports.isDayInRange = function isDayInRange(year, monthIndex, currentDay, values) {
-  var _getSortedValues = getSortedValues(values),
-    _getSortedValues2 = _slicedToArray(_getSortedValues, 2),
-    startValue = _getSortedValues2[0],
-    endValue = _getSortedValues2[1];
-  if (!endValue || !startValue) {
-    return false;
-  }
-  var day = new Date(year, monthIndex, currentDay);
-  return startValue < day && day <= endValue;
-};
-var isSameDay = exports.isSameDay = function isSameDay(firstDate, secondDate) {
-  return secondDate && firstDate.day === secondDate.day && firstDate.monthIndex === secondDate.monthIndex && firstDate.year === secondDate.year;
-};
-var isValueUpdate = exports.isValueUpdate = function isValueUpdate(value, prevValue) {
-  if (!Array.isArray(value) && !Array.isArray(prevValue)) {
-    return (prevValue === null || prevValue === void 0 ? void 0 : prevValue.getTime()) !== (value === null || value === void 0 ? void 0 : value.getTime());
-  }
-  if (Array.isArray(value) && Array.isArray(prevValue)) {
-    var _prevValue$, _value$, _prevValue$2, _value$2;
-    return ((_prevValue$ = prevValue[0]) === null || _prevValue$ === void 0 ? void 0 : _prevValue$.getTime()) !== ((_value$ = value[0]) === null || _value$ === void 0 ? void 0 : _value$.getTime()) || ((_prevValue$2 = prevValue[1]) === null || _prevValue$2 === void 0 ? void 0 : _prevValue$2.getTime()) !== ((_value$2 = value[1]) === null || _value$2 === void 0 ? void 0 : _value$2.getTime());
-  }
-  return false;
-};
-
-/**
- * Метод проверяет, находится ли календарь в режиме выбора второго значения.
- */
-var isSelectProcess = exports.isSelectProcess = function isSelectProcess(array) {
-  return Array.isArray(array) && !array[1];
-};
-
-/**
- * Метод возвращает сторону, когда выбор второго значения диапазона завершён.
- */
-var getSideForSelected = exports.getSideForSelected = function getSideForSelected(date, startValue, endValue) {
-  var currentDateTime = new Date(date.year, date.monthIndex, date.day).getTime();
-  var startValueTime = startValue.getTime();
-  var endValueTime = endValue.getTime();
-  if (currentDateTime === startValueTime) {
-    return 'right';
-  }
-  if (currentDateTime === endValueTime) {
-    return 'left';
-  }
-  return undefined;
-};
-
-/**
- * Метод возвращает сторону, во время выбора второго значения диапазона.
- */
-var getSideForHovered = exports.getSideForHovered = function getSideForHovered(date, hoveredDay, startValue, isSelected) {
-  var dateHover = new Date(hoveredDay.year, hoveredDay.monthIndex, hoveredDay.day);
-  var isHovered = isSameDay(date, hoveredDay);
-  if (isSelected && startValue > dateHover || isHovered && startValue < dateHover) {
-    return 'left';
-  }
-  if (isSelected && startValue < dateHover || isHovered && startValue > dateHover) {
-    return 'right';
-  }
-  return undefined;
-};
-
-/**
- * Метод возвращает сторону, с которой нужно отрисовать направление полоски диапазона.
- */
-var getSideInRange = exports.getSideInRange = function getSideInRange(value, date, hoveredDay, isSelected) {
-  if (!Array.isArray(value)) {
-    return undefined;
-  }
-  var _value = _slicedToArray(value, 2),
-    startValue = _value[0],
-    endValue = _value[1];
-  if (startValue && isSelected && endValue) {
-    return getSideForSelected(date, startValue, endValue);
-  }
-  if (startValue && hoveredDay) {
-    return getSideForHovered(date, hoveredDay, startValue, isSelected);
-  }
-  return undefined;
-};
-
-/**
- * Метод проверяет, находится ли выбранный день в диапазоне.
- */
-var getInRange = exports.getInRange = function getInRange(value, date, hoveredDay, inRange) {
-  if (!isSelectProcess(value) || !hoveredDay) {
-    return inRange;
-  }
-  var dateSelected = value[0];
-  var dateHover = new Date(hoveredDay.year, hoveredDay.monthIndex, hoveredDay.day);
-  var dateCurrent = new Date(date.year, date.monthIndex, date.day);
-  if (dateSelected < dateCurrent && dateCurrent < dateHover || dateSelected > dateCurrent && dateCurrent > dateHover) {
-    return true;
-  }
-  return inRange;
-};
-
-/**
- * Метод проверяет, можно ли выбрать день.
- */
-var canSelectDate = exports.canSelectDate = function canSelectDate(_ref, value, disabledList) {
-  var year = _ref.year,
-    monthIndex = _ref.monthIndex,
-    day = _ref.day;
-  if (!isSelectProcess(value)) {
-    return true;
-  }
-  var hoverDate = new Date(year, monthIndex, day);
-  var _value2 = _slicedToArray(value, 1),
-    startDate = _value2[0];
-  if (!(disabledList !== null && disabledList !== void 0 && disabledList.length)) {
-    return true;
-  }
-  var offDisabledRange = disabledList.some(function (_ref2) {
-    var date = _ref2.date;
-    return startDate < date && date < hoverDate || startDate > date && date > hoverDate;
+});
+var _constants = /*#__PURE__*/require("./constants");
+Object.keys(_constants).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _constants[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _constants[key];
+    }
   });
-  return !offDisabledRange;
-};
-
-/**
- * Метод для получения двумерного массива и возвращения выбранного элемента.
- */
-var getMatrix = exports.getMatrix = function getMatrix(items) {
-  var rowSize = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 7;
-  var newItems = _toConsumableArray(items);
-  var selected;
-  var result = newItems.reduce(function (acc, item, index) {
-    if (index % rowSize === 0) {
-      acc.push([]);
+});
+var _calendarGridHelper = /*#__PURE__*/require("./calendarGridHelper");
+Object.keys(_calendarGridHelper).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _calendarGridHelper[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _calendarGridHelper[key];
     }
-    acc[acc.length - 1].push(item);
-    if (item.isSelected) {
-      selected = [acc.length - 1, index % rowSize];
+  });
+});
+var _calendarRangeHelper = /*#__PURE__*/require("./calendarRangeHelper");
+Object.keys(_calendarRangeHelper).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _calendarRangeHelper[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _calendarRangeHelper[key];
     }
-    return acc;
-  }, []);
-  return [result, selected];
-};
-var getCalendarType = exports.getCalendarType = function getCalendarType(type) {
-  switch (type) {
-    case 'Months':
-      return 'год';
-    case 'Years':
-      return 'период';
-    default:
-      return 'месяц';
-  }
-};
+  });
+});

package/styled-components/cjs/components/DatePicker/DatePicker.template-doc.mdx

@@ -36,7 +36,16 @@ export function App() {
 ```
 
 ### Формат даты
-Формат даты задается с помощью свойства `format`. 
+Формат даты задается с помощью свойства `format`.
+| Обозначение | Отображение | Описание            |
+|-------------|-------------|---------------------|
+| DD          | 01-31       | Дни месяца, 2 цифры |
+| D           | 1-31        | Дни месяца          |
+| MM          | 01-12       | Месяц года, 2 цифры |
+| M           | 1-12        | Месяц года          |
+| YYYY        | 2024        | Год из 4 цифр       |
+| YY          | 24          | Год из 2 цифр       |
+| Q           | 1-4         | Квартал             |
 При выборе даты в календаре или вводе даты через поле ввода, дата будет приводиться к заданному формату. 
 Свойство `maskWithFormat` позволяет маскировать ввод:
 

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

@@ -132,6 +132,17 @@ var tokens = exports.tokens = {
   calendarMonthFontLineHeight: '--plasma-date-picker-calendar__month-line-height',
   calendarMonthFontWeight: '--plasma-date-picker-calendar__month-font-weight',
   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',
+  calendarQuarterFontLetterSpacing: '--plasma-date-picker-calendar__quarter-letter-spacing',
+  calendarQuarterFontLineHeight: '--plasma-date-picker-calendar__quarter-line-height',
+  calendarQuarterFontWeight: '--plasma-date-picker-calendar__quarter-font-weight',
+  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',

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

@@ -11,7 +11,7 @@ var _DatePicker = /*#__PURE__*/require("./DatePicker.tokens");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 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\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.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.calendarContentSecondaryColor, ": var(").concat(_DatePicker.tokens.calendarContentSecondaryColor, ");\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.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    ").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    ").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.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.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\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.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.calendarContentSecondaryColor, ": var(").concat(_DatePicker.tokens.calendarContentSecondaryColor, ");\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\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    \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    \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({

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

@@ -16,7 +16,7 @@ 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", "isDoubleCalendar", "isOpen", "label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "dividerVariant", "dividerIcon", "defaultFirstDate", "defaultSecondDate", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "format", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "type", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "onToggle", "onChangeFirstValue", "onChangeSecondValue", "onCommitFirstDate", "onCommitSecondDate", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
+var _excluded = ["className", "isDoubleCalendar", "isOpen", "label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "dividerVariant", "dividerIcon", "defaultFirstDate", "defaultSecondDate", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "format", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "onToggle", "onChangeFirstValue", "onChangeSecondValue", "onCommitFirstDate", "onCommitSecondDate", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
 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() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -76,6 +76,12 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
       includeEdgeDates = _ref$includeEdgeDates === void 0 ? false : _ref$includeEdgeDates,
       eventList = _ref.eventList,
       disabledList = _ref.disabledList,
+      eventMonthList = _ref.eventMonthList,
+      disabledMonthList = _ref.disabledMonthList,
+      eventQuarterList = _ref.eventQuarterList,
+      disabledQuarterList = _ref.disabledQuarterList,
+      eventYearList = _ref.eventYearList,
+      disabledYearList = _ref.disabledYearList,
       _ref$type = _ref.type,
       type = _ref$type === void 0 ? 'Days' : _ref$type,
       _ref$placement = _ref.placement,
@@ -239,6 +245,12 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
       includeEdgeDates: includeEdgeDates,
       eventList: eventList,
       disabledList: disabledList,
+      eventMonthList: eventMonthList,
+      disabledMonthList: disabledMonthList,
+      eventQuarterList: eventQuarterList,
+      disabledQuarterList: disabledQuarterList,
+      eventYearList: eventYearList,
+      disabledYearList: disabledYearList,
       min: min,
       max: max,
       placement: placement,
@@ -248,16 +260,16 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
       type: type,
       onToggle: handleToggle,
       isDoubleCalendar: isDoubleCalendar,
-      onChangeStartOfRange: function onChangeStartOfRange(firstDate) {
-        handleCommitFirstDate(firstDate, false, true);
+      onChangeStartOfRange: function onChangeStartOfRange(firstDate, dateInfo) {
+        handleCommitFirstDate(firstDate, false, true, dateInfo);
         handleCommitSecondDate('');
       },
-      onChangeValue: function onChangeValue(_ref2) {
+      onChangeValue: function onChangeValue(_ref2, dateInfo) {
         var _ref3 = _slicedToArray(_ref2, 2),
           firstDate = _ref3[0],
           secondDate = _ref3[1];
-        firstDate && handleCommitFirstDate(firstDate, false, true);
-        secondDate && handleCommitSecondDate(secondDate, false, true);
+        firstDate && handleCommitFirstDate(firstDate, false, true, dateInfo);
+        secondDate && handleCommitSecondDate(secondDate, false, true, dateInfo);
         if (firstDate && secondDate && !firstValueError && !secondValueError) {
           setIsInnerOpen(false);
         }

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

@@ -19,6 +19,12 @@ var RangeDatePopover = exports.RangeDatePopover = function RangeDatePopover(_ref
     includeEdgeDates = _ref.includeEdgeDates,
     eventList = _ref.eventList,
     disabledList = _ref.disabledList,
+    eventMonthList = _ref.eventMonthList,
+    disabledMonthList = _ref.disabledMonthList,
+    eventQuarterList = _ref.eventQuarterList,
+    disabledQuarterList = _ref.disabledQuarterList,
+    eventYearList = _ref.eventYearList,
+    disabledYearList = _ref.disabledYearList,
     _ref$placement = _ref.placement,
     placement = _ref$placement === void 0 ? ['top', 'bottom'] : _ref$placement,
     _ref$closeOnOverlayCl = _ref.closeOnOverlayClick,
@@ -47,6 +53,12 @@ var RangeDatePopover = exports.RangeDatePopover = function RangeDatePopover(_ref
       value: calendarValue,
       eventList: eventList,
       disabledList: disabledList,
+      eventMonthList: eventMonthList,
+      disabledMonthList: disabledMonthList,
+      eventQuarterList: eventQuarterList,
+      disabledQuarterList: disabledQuarterList,
+      eventYearList: eventYearList,
+      disabledYearList: disabledYearList,
       min: min,
       max: max,
       includeEdgeDates: includeEdgeDates,
@@ -71,6 +83,12 @@ var RangeDatePopover = exports.RangeDatePopover = function RangeDatePopover(_ref
     value: calendarValue,
     eventList: eventList,
     disabledList: disabledList,
+    eventMonthList: eventMonthList,
+    disabledMonthList: disabledMonthList,
+    eventQuarterList: eventQuarterList,
+    disabledQuarterList: disabledQuarterList,
+    eventYearList: eventYearList,
+    disabledYearList: disabledYearList,
     min: min,
     max: max,
     type: type,

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

@@ -16,7 +16,7 @@ var _base2 = /*#__PURE__*/require("./variations/_view/base");
 var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
 var _base4 = /*#__PURE__*/require("./variations/_readonly/base");
 var _SingleDate = /*#__PURE__*/require("./SingleDate.styles");
-var _excluded = ["className", "isOpen", "label", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "defaultDate", "valueError", "valueSuccess", "format", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "type", "placement", "closeOnOverlayClick", "offset", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur"];
+var _excluded = ["className", "isOpen", "label", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "defaultDate", "valueError", "valueSuccess", "format", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "placement", "closeOnOverlayClick", "offset", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur"];
 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() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -59,6 +59,12 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
       includeEdgeDates = _ref$includeEdgeDates === void 0 ? false : _ref$includeEdgeDates,
       eventList = _ref.eventList,
       disabledList = _ref.disabledList,
+      eventMonthList = _ref.eventMonthList,
+      disabledMonthList = _ref.disabledMonthList,
+      eventQuarterList = _ref.eventQuarterList,
+      disabledQuarterList = _ref.disabledQuarterList,
+      eventYearList = _ref.eventYearList,
+      disabledYearList = _ref.disabledYearList,
       _ref$type = _ref.type,
       type = _ref$type === void 0 ? 'Days' : _ref$type,
       _ref$placement = _ref.placement,
@@ -152,12 +158,18 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
       type: type,
       eventList: eventList,
       disabledList: disabledList,
+      eventMonthList: eventMonthList,
+      disabledMonthList: disabledMonthList,
+      eventQuarterList: eventQuarterList,
+      disabledQuarterList: disabledQuarterList,
+      eventYearList: eventYearList,
+      disabledYearList: disabledYearList,
       min: min,
       max: max,
       includeEdgeDates: includeEdgeDates,
       isRange: false,
-      onChangeValue: function onChangeValue(date) {
-        return handleCommitDate(date, false, true);
+      onChangeValue: function onChangeValue(date, dateInfo) {
+        return handleCommitDate(date, false, true, dateInfo);
       }
     })), leftHelper && /*#__PURE__*/_react["default"].createElement(_SingleDate.LeftHelper, null, leftHelper));
   });

package/styled-components/cjs/components/DatePicker/hooks/useDatePicker.js

@@ -40,11 +40,15 @@ var useDatePicker = exports.useDatePicker = function useDatePicker(_ref) {
     }
     var value = event.target.value;
     var newValue = maskWithFormat ? (0, _dateHelper.getMaskedDateOnInput)(value, format, dateFormatDelimiter(), currentValue) : value;
-    setCalendarValue((0, _dateHelper.formatCalendarValue)(newValue, format));
+    if (!format) {
+      setCalendarValue((0, _dateHelper.formatCalendarValue)(newValue));
+    } else if ((newValue === null || newValue === void 0 ? void 0 : newValue.length) === format.length) {
+      setCalendarValue((0, _dateHelper.formatCalendarValue)(newValue, format));
+    }
     setInputValue((0, _dateHelper.formatInputValue)(newValue, format));
     onChangeValue === null || onChangeValue === void 0 || onChangeValue(event, newValue);
   };
-  var handleCommitDate = function handleCommitDate(date, applyFormat, isCalendarValue) {
+  var handleCommitDate = function handleCommitDate(date, applyFormat, isCalendarValue, dateInfo) {
     if (disabled || readOnly) {
       return;
     }
@@ -56,7 +60,7 @@ var useDatePicker = exports.useDatePicker = function useDatePicker(_ref) {
     if (isCalendarValue) {
       setCalendarValue((0, _dateHelper.formatCalendarValue)(date, format));
       setInputValue((0, _dateHelper.formatInputValue)(date, format));
-      return onCommitDate === null || onCommitDate === void 0 ? void 0 : onCommitDate(date, false, true);
+      return onCommitDate === null || onCommitDate === void 0 ? void 0 : onCommitDate(date, false, true, dateInfo);
     }
     var formatString = applyFormat ? format : undefined;
     var _getDateFromFormat = (0, _dateHelper.getDateFromFormat)(date, formatString),

package/styled-components/cjs/components/TextArea/TextArea.js

@@ -126,10 +126,8 @@ var textAreaRoot = exports.textAreaRoot = function textAreaRoot(Root) {
     var applyCustomWidth = resize !== 'horizontal' && resize !== 'both' && !cols;
     var placeLabel = labelPlacement === 'inner' && label && size !== 'xs' ? label : placeholder;
     (0, _plasmaCore.useResizeObserver)(outerRef, function (currentElement) {
-      var _currentElement$style = currentElement.style,
-        inlineWidth = _currentElement$style.width,
-        inlineHeight = _currentElement$style.height;
-      if (inlineWidth || inlineHeight || cols) {
+      var inlineWidth = currentElement.style.width;
+      if (inlineWidth || cols) {
         var _currentElement$getBo = currentElement.getBoundingClientRect(),
           elementWidth = _currentElement$getBo.width;
         setHelperWidth("".concat(elementWidth / _hooks.ROOT_FONT_SIZE, "rem"));
@@ -165,7 +163,9 @@ var textAreaRoot = exports.textAreaRoot = function textAreaRoot(Root) {
       size: size,
       disabled: disabled,
       readOnly: readOnly,
-      style: style,
+      style: _objectSpread({
+        width: helperWidth
+      }, style),
       className: className
     }, label && labelPlacement === 'outer' && /*#__PURE__*/_react["default"].createElement(_TextArea.StyledLabel, null, label), /*#__PURE__*/_react["default"].createElement(_TextArea.StyledContainer, {
       className: _utils.cx.apply(void 0, [styledContainer].concat(_toConsumableArray(dynamicLabelClasses))),