@salutejs/plasma-new-hope 0.324.0-canary.1972.15071772993.0 → 0.324.0-canary.1975.15178599766.0

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

@@ -24,7 +24,7 @@ var StyledPopover = exports.StyledPopover = /*#__PURE__*/(0, _styledComponents["
 var StyledRange = exports.StyledRange = /*#__PURE__*/(0, _styledComponents["default"])(Range).withConfig({
   componentId: "plasma-new-hope__sc-14j95rs-1"
 })(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], _Range.rangeTokens.background, _DatePicker.tokens.background, _Range.rangeTokens.backgroundError, _DatePicker.tokens.backgroundError, _Range.rangeTokens.backgroundSuccess, _DatePicker.tokens.backgroundSuccess, _Range.rangeTokens.borderColor, _DatePicker.tokens.borderColor, _Range.rangeTokens.borderColorError, _DatePicker.tokens.borderColorError, _Range.rangeTokens.borderColorSuccess, _DatePicker.tokens.borderColorSuccess, _Range.rangeTokens.borderWidth, _DatePicker.tokens.textFieldBorderWidth, _Range.rangeTokens.dividerColor, _DatePicker.tokens.dividerColor, _Range.rangeTokens.labelColor, _DatePicker.tokens.labelColor, _Range.rangeTokens.leftHelperColor, _DatePicker.tokens.leftHelperColor, _Range.rangeTokens.textFieldColor, _DatePicker.tokens.textFieldColor, _Range.rangeTokens.textFieldPlaceholderColor, _DatePicker.tokens.textFieldPlaceholderColor, _Range.rangeTokens.textFieldPlaceholderColorFocus, _DatePicker.tokens.textFieldPlaceholderColorFocus, _Range.rangeTokens.textFieldCaretColor, _DatePicker.tokens.textFieldCaretColor, _Range.rangeTokens.textFieldBackgroundColorFocus, _DatePicker.tokens.textFieldBackgroundColorFocus, _Range.rangeTokens.textFieldBackgroundErrorColor, _DatePicker.tokens.textFieldBackgroundErrorColor, _Range.rangeTokens.textFieldBackgroundErrorColorFocus, _DatePicker.tokens.textFieldBackgroundErrorColorFocus, _Range.rangeTokens.textFieldBackgroundSuccessColor, _DatePicker.tokens.textFieldBackgroundSuccessColor, _Range.rangeTokens.textFieldBackgroundSuccessColorFocus, _DatePicker.tokens.textFieldBackgroundSuccessColorFocus, _Range.rangeTokens.textFieldBorderWidth, _DatePicker.tokens.textFieldBorderWidth, _Range.rangeTokens.textFieldBorderColorFocus, _DatePicker.tokens.textFieldBorderColorFocus, _Range.rangeTokens.textFieldBorderColorError, _DatePicker.tokens.textFieldBorderColorError, _Range.rangeTokens.textFieldBorderColorErrorFocus, _DatePicker.tokens.textFieldBorderColorErrorFocus, _Range.rangeTokens.textFieldBorderColorSuccess, _DatePicker.tokens.textFieldBorderColorSuccess, _Range.rangeTokens.textFieldBorderColorSuccessFocus, _DatePicker.tokens.textFieldBorderColorSuccessFocus, _Range.rangeTokens.textFieldTextBeforeColor, _DatePicker.tokens.textFieldTextBeforeColor, _Range.rangeTokens.textFieldTextAfterColor, _DatePicker.tokens.textFieldTextAfterColor, _Range.rangeTokens.focusColor, _DatePicker.tokens.focusColor, _Range.rangeTokens.borderRadius, _DatePicker.tokens.borderRadius, _Range.rangeTokens.dividerPadding, _DatePicker.tokens.dividerPadding, _Range.rangeTokens.dividerFontFamily, _DatePicker.tokens.dividerFontFamily, _Range.rangeTokens.dividerFontStyle, _DatePicker.tokens.dividerFontStyle, _Range.rangeTokens.dividerFontSize, _DatePicker.tokens.dividerFontSize, _Range.rangeTokens.dividerFontWeight, _DatePicker.tokens.dividerFontWeight, _Range.rangeTokens.dividerLetterSpacing, _DatePicker.tokens.dividerLetterSpacing, _Range.rangeTokens.dividerLineHeight, _DatePicker.tokens.dividerLineHeight, _Range.rangeTokens.leftContentMargin, _DatePicker.tokens.leftContentMargin, _Range.rangeTokens.rightContentMargin, _DatePicker.tokens.rightContentMargin, _Range.rangeTokens.labelOffset, _DatePicker.tokens.labelOffset, _Range.rangeTokens.labelFontFamily, _DatePicker.tokens.labelFontFamily, _Range.rangeTokens.labelFontStyle, _DatePicker.tokens.labelFontStyle, _Range.rangeTokens.labelFontSize, _DatePicker.tokens.labelFontSize, _Range.rangeTokens.labelFontWeight, _DatePicker.tokens.labelFontWeight, _Range.rangeTokens.labelLetterSpacing, _DatePicker.tokens.labelLetterSpacing, _Range.rangeTokens.labelLineHeight, _DatePicker.tokens.labelLineHeight, _Range.rangeTokens.indicatorColor, _DatePicker.tokens.indicatorColor, _Range.rangeTokens.indicatorSize, _DatePicker.tokens.indicatorSize, _Range.rangeTokens.indicatorSizeOuter, _DatePicker.tokens.indicatorSizeOuter, _Range.rangeTokens.indicatorPlacement, _DatePicker.tokens.indicatorPlacement, _Range.rangeTokens.indicatorOuterPlacement, _DatePicker.tokens.indicatorOuterPlacement, _Range.rangeTokens.indicatorPlacementRight, _DatePicker.tokens.indicatorPlacementRight, _Range.rangeTokens.indicatorOuterPlacementRight, _DatePicker.tokens.indicatorOuterPlacementRight, _Range.rangeTokens.textFieldHeight, _DatePicker.tokens.textFieldHeight, _Range.rangeTokens.textFieldBorderRadius, _DatePicker.tokens.textFieldBorderRadius, _Range.rangeTokens.textFieldPadding, _DatePicker.tokens.textFieldPadding, _Range.rangeTokens.textFieldFontFamily, _DatePicker.tokens.textFieldFontFamily, _Range.rangeTokens.textFieldFontStyle, _DatePicker.tokens.textFieldFontStyle, _Range.rangeTokens.textFieldFontSize, _DatePicker.tokens.textFieldFontSize, _Range.rangeTokens.textFieldFontWeight, _DatePicker.tokens.textFieldFontWeight, _Range.rangeTokens.textFieldLetterSpacing, _DatePicker.tokens.textFieldLetterSpacing, _Range.rangeTokens.textFieldLineHeight, _DatePicker.tokens.textFieldLineHeight, _Range.rangeTokens.leftHelperOffset, _DatePicker.tokens.leftHelperOffset, _Range.rangeTokens.leftHelperFontFamily, _DatePicker.tokens.leftHelperFontFamily, _Range.rangeTokens.leftHelperFontStyle, _DatePicker.tokens.leftHelperFontStyle, _Range.rangeTokens.leftHelperFontSize, _DatePicker.tokens.leftHelperFontSize, _Range.rangeTokens.leftHelperFontWeight, _DatePicker.tokens.leftHelperFontWeight, _Range.rangeTokens.leftHelperLetterSpacing, _DatePicker.tokens.leftHelperLetterSpacing, _Range.rangeTokens.leftHelperLineHeight, _DatePicker.tokens.leftHelperLineHeight, _Range.rangeTokens.textFieldLeftContentMargin, _DatePicker.tokens.textFieldLeftContentMargin, _Range.rangeTokens.textFieldRightContentMargin, _DatePicker.tokens.textFieldRightContentMargin, _Range.rangeTokens.textFieldTextBeforeMargin, _DatePicker.tokens.textFieldTextBeforeMargin, _Range.rangeTokens.textFieldTextAfterMargin, _DatePicker.tokens.textFieldTextAfterMargin, _Range.rangeTokens.backgroundReadOnly, _DatePicker.tokens.backgroundReadOnly, _Range.rangeTokens.labelColorReadOnly, _DatePicker.tokens.labelColorReadOnly, _Range.rangeTokens.leftHelperColorReadOnly, _DatePicker.tokens.leftHelperColorReadOnly, _Range.rangeTokens.dividerColorReadOnly, _DatePicker.tokens.dividerColorReadOnly, _Range.rangeTokens.textFieldColorReadOnly, _DatePicker.tokens.textFieldColorReadOnly, _Range.rangeTokens.textFieldBackgroundColorReadOnly, _DatePicker.tokens.textFieldBackgroundColorReadOnly, _Range.rangeTokens.textFieldPlaceholderColorReadOnly, _DatePicker.tokens.textFieldPlaceholderColorReadOnly);
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["display:inline-block;.", ",.", "{width:inherit;}&.", "{width:100%;.", ",", "{width:100%;}}"], _Popover.popoverClasses.wrapper, _Popover.popoverClasses.target, _DatePicker.classes.datePickerStretch, _Popover.popoverClasses.root, StyledRange);
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["display:inline-block;"]);
 var LeftHelper = exports.LeftHelper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-14j95rs-2"
 })(["color:var(", ");&.", "{color:var(", ");}&.", "{color:var(", ");}"], _DatePicker.tokens.leftHelperColor, _DatePicker.classes.datePickerError, _DatePicker.tokens.leftHelperColorError, _DatePicker.classes.datePickerSuccess, _DatePicker.tokens.leftHelperColorSuccess);

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

@@ -4,19 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.RangeDatePopover = void 0;
-var _react = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("react"));
-var _classnames = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("classnames"));
+var _react = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("react"));
 var _utils = /*#__PURE__*/require("../../../../utils");
 var _RangeDate = /*#__PURE__*/require("../RangeDate.styles");
-var _DatePicker = /*#__PURE__*/require("../../DatePicker.tokens");
 var _RangeDatePopover = /*#__PURE__*/require("./RangeDatePopover.styles");
 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 _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-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); }
 var RangeDatePopover = exports.RangeDatePopover = function RangeDatePopover(_ref) {
   var Root = _ref.rootWrapper,
     target = _ref.target,
@@ -46,35 +38,14 @@ var RangeDatePopover = exports.RangeDatePopover = function RangeDatePopover(_ref
     closeOnOverlayClick = _ref$closeOnOverlayCl === void 0 ? true : _ref$closeOnOverlayCl,
     closeOnEsc = _ref.closeOnEsc,
     offset = _ref.offset,
-    calendarWidth = _ref.calendarWidth,
-    calendarHeight = _ref.calendarHeight,
-    stretch = _ref.stretch,
     type = _ref.type,
     size = _ref.size,
     _ref$lang = _ref.lang,
     lang = _ref$lang === void 0 ? 'ru' : _ref$lang,
-    disabled = _ref.disabled,
-    readOnly = _ref.readOnly,
-    setIsInnerOpen = _ref.setIsInnerOpen,
     onChangeValue = _ref.onChangeValue,
     onChangeStartOfRange = _ref.onChangeStartOfRange,
     onToggle = _ref.onToggle;
   var innerIsOpen = Boolean(isOpen || opened);
-  var calendarRootRef = (0, _react.useRef)(null);
-  var doubleCalendarRootRef = (0, _react.useRef)(null);
-  var calendarWidthValue = calendarWidth ? (0, _utils.getSizeValueFromProp)(calendarWidth, 'rem') : undefined;
-  var calendarHeightValue = calendarHeight ? (0, _utils.getSizeValueFromProp)(calendarHeight, 'rem') : undefined;
-  var handleCalendarRootClick = function handleCalendarRootClick(event) {
-    if (disabled || readOnly) {
-      return;
-    }
-    if (innerIsOpen && stretch && (event.target === (calendarRootRef === null || calendarRootRef === void 0 ? void 0 : calendarRootRef.current) || event.target === (doubleCalendarRootRef === null || doubleCalendarRootRef === void 0 ? void 0 : doubleCalendarRootRef.current))) {
-      setIsInnerOpen(false);
-      if (onToggle) {
-        onToggle(false, event);
-      }
-    }
-  };
   if (isDoubleCalendar) {
     return /*#__PURE__*/_react["default"].createElement(_RangeDate.StyledPopover, {
       opened: innerIsOpen,
@@ -88,14 +59,7 @@ var RangeDatePopover = exports.RangeDatePopover = function RangeDatePopover(_ref
       isFocusTrapped: false,
       target: target,
       preventOverflow: false
-    }, /*#__PURE__*/_react["default"].createElement(Root, {
-      ref: doubleCalendarRootRef,
-      className: (0, _classnames["default"])(_DatePicker.classes.datePickerRoot, _defineProperty({}, _DatePicker.classes.datePickerStretch, stretch)),
-      onClick: handleCalendarRootClick
-    }, /*#__PURE__*/_react["default"].createElement(_RangeDatePopover.StyledCalendarDouble, {
-      className: (0, _classnames["default"])(_defineProperty({}, _DatePicker.classes.datePickerCalendarStretch, stretch)),
-      innerWidth: calendarWidthValue,
-      innerHeight: calendarHeightValue,
+    }, /*#__PURE__*/_react["default"].createElement(Root, null, /*#__PURE__*/_react["default"].createElement(_RangeDatePopover.StyledCalendarDouble, {
       size: size,
       value: calendarValue,
       eventList: eventList,
@@ -129,14 +93,7 @@ var RangeDatePopover = exports.RangeDatePopover = function RangeDatePopover(_ref
     target: target,
     preventOverflow: false,
     closeOnEsc: closeOnEsc
-  }, /*#__PURE__*/_react["default"].createElement(Root, {
-    ref: calendarRootRef,
-    className: (0, _classnames["default"])(_DatePicker.classes.datePickerRoot, _defineProperty({}, _DatePicker.classes.datePickerStretch, stretch)),
-    onClick: handleCalendarRootClick
-  }, /*#__PURE__*/_react["default"].createElement(_RangeDatePopover.StyledCalendar, {
-    className: (0, _classnames["default"])(_defineProperty({}, _DatePicker.classes.datePickerCalendarStretch, stretch)),
-    innerWidth: calendarWidthValue,
-    innerHeight: calendarHeightValue,
+  }, /*#__PURE__*/_react["default"].createElement(Root, null, /*#__PURE__*/_react["default"].createElement(_RangeDatePopover.StyledCalendar, {
     size: size,
     value: calendarValue,
     eventList: eventList,

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

@@ -20,19 +20,7 @@ var CalendarRange = /*#__PURE__*/(0, _Calendar.withRange)(Calendar);
 // NOTE: переопределение токенов Calendar
 var StyledCalendarDouble = exports.StyledCalendarDouble = /*#__PURE__*/(0, _styledComponents["default"])(CalendarDoubleRange).withConfig({
   componentId: "plasma-new-hope__sc-vflcna-0"
-})(["", ":var(", ");", " ", ":calc(var(", ") * 2 + 2.063rem);width:", ";height:", ";"], _Calendar.calendarBaseTokens.calendarSeparatorBackground, _DatePicker.tokens.calendarSeparatorBackground, _DatePickerBase.baseCalendarTokens, _DatePicker.pivateTokens.calendarDoubleWidth, _DatePicker.tokens.calendarWidth, function (_ref) {
-  var innerWidth = _ref.innerWidth;
-  return innerWidth || "var(".concat(_DatePicker.pivateTokens.calendarDoubleWidth, ")");
-}, function (_ref2) {
-  var innerHeight = _ref2.innerHeight;
-  return innerHeight || "var(".concat(_DatePicker.tokens.calendarHeight, ")");
-});
+})(["", ":var(", ");", " ", ":calc(var(", ") * 2 + 2.063rem);"], _Calendar.calendarBaseTokens.calendarSeparatorBackground, _DatePicker.tokens.calendarSeparatorBackground, _DatePickerBase.baseCalendarTokens, _Calendar.calendarBaseTokens.calendarWidth, _DatePicker.tokens.calendarWidth);
 var StyledCalendar = exports.StyledCalendar = /*#__PURE__*/(0, _styledComponents["default"])(CalendarRange).withConfig({
   componentId: "plasma-new-hope__sc-vflcna-1"
-})(["", " width:", ";height:", ";"], _DatePickerBase.baseCalendarTokens, function (_ref3) {
-  var innerWidth = _ref3.innerWidth;
-  return innerWidth || "var(".concat(_DatePicker.tokens.calendarWidth, ")");
-}, function (_ref4) {
-  var innerHeight = _ref4.innerHeight;
-  return innerHeight || "var(".concat(_DatePicker.tokens.calendarHeight, ")");
-});
+})(["", ""], _DatePickerBase.baseCalendarTokens);

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

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.datePickerRoot = exports.datePickerConfig = 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 _useDatePicker2 = /*#__PURE__*/require("../hooks/useDatePicker");
@@ -19,14 +18,10 @@ 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", "opened", "value", "label", "labelPlacement", "keepPlaceholder", "required", "requiredPlacement", "hasRequiredIndicator", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "name", "defaultDate", "valueError", "valueSuccess", "format", "lang", "maskWithFormat", "min", "max", "renderFromDate", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "calendarWidth", "calendarHeight", "stretch", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur", "onChange", "autoComplete"];
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var _excluded = ["className", "opened", "value", "label", "labelPlacement", "keepPlaceholder", "required", "requiredPlacement", "hasRequiredIndicator", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "name", "defaultDate", "valueError", "valueSuccess", "format", "lang", "maskWithFormat", "min", "max", "renderFromDate", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur", "onChange", "autoComplete"];
 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; } }
@@ -99,9 +94,6 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
       _ref$closeOnEsc = _ref.closeOnEsc,
       closeOnEsc = _ref$closeOnEsc === void 0 ? true : _ref$closeOnEsc,
       offset = _ref.offset,
-      calendarWidth = _ref.calendarWidth,
-      calendarHeight = _ref.calendarHeight,
-      stretch = _ref.stretch,
       onChangeValue = _ref.onChangeValue,
       onCommitDate = _ref.onCommitDate,
       onToggle = _ref.onToggle,
@@ -115,7 +107,6 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
     }
     var inputRef = (0, _react.useRef)(null);
     var innerRef = (0, _react.useRef)(null);
-    var calendarRootRef = (0, _react.useRef)(null);
     var _useState = (0, _react.useState)(opened),
       _useState2 = _slicedToArray(_useState, 2),
       isInnerOpen = _useState2[0],
@@ -145,8 +136,6 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
       _useState8 = _slicedToArray(_useState7, 2),
       inputValue = _useState8[0],
       setInputValue = _useState8[1];
-    var calendarWidthValue = calendarWidth ? (0, _utils.getSizeValueFromProp)(calendarWidth, 'rem') : undefined;
-    var calendarHeightValue = calendarHeight ? (0, _utils.getSizeValueFromProp)(calendarHeight, 'rem') : undefined;
     var _useDatePicker = (0, _useDatePicker2.useDatePicker)({
         currentValue: inputValue,
         format: format,
@@ -191,17 +180,6 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
       }
       setIsInnerOpen(isCalendarOpen);
     };
-    var handleCalendarRootClick = function handleCalendarRootClick(event) {
-      if (disabled || readOnly) {
-        return;
-      }
-      if (isInnerOpen && stretch && event.target === (calendarRootRef === null || calendarRootRef === void 0 ? void 0 : calendarRootRef.current)) {
-        setIsInnerOpen(false);
-        if (onToggle) {
-          onToggle(false, event);
-        }
-      }
-    };
     var _useKeyNavigation = (0, _useKeyboardNavigation.useKeyNavigation)({
         isCalendarOpen: isInnerOpen,
         format: format,
@@ -222,7 +200,7 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
     };
     var DatePickerInput = /*#__PURE__*/_react["default"].createElement(_SingleDate.StyledInput, {
       ref: inputRef,
-      className: (0, _classnames["default"])(datePickerErrorClass, datePickerSuccessClass),
+      className: (0, _utils.cx)(datePickerErrorClass, datePickerSuccessClass),
       value: inputValue,
       size: size,
       readOnly: readOnly,
@@ -259,7 +237,7 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
     return /*#__PURE__*/_react["default"].createElement(Root, _extends({
       view: view,
       size: size,
-      className: (0, _classnames["default"])(_DatePicker.classes.datePickerRoot, className, _defineProperty({}, _DatePicker.classes.datePickerStretch, stretch)),
+      className: (0, _utils.cx)(_DatePicker.classes.datePickerRoot, className),
       disabled: disabled,
       readOnly: !disabled && readOnly,
       ref: ref
@@ -276,17 +254,12 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
       target: DatePickerInput,
       preventOverflow: false
     }, /*#__PURE__*/_react["default"].createElement(Root, {
-      ref: calendarRootRef,
       view: view,
       size: size,
-      className: (0, _classnames["default"])(_DatePicker.classes.datePickerRoot, className, _defineProperty({}, _DatePicker.classes.datePickerStretch, stretch)),
+      className: (0, _utils.cx)(_DatePicker.classes.datePickerRoot, className),
       disabled: disabled,
-      readOnly: !disabled && readOnly,
-      onClick: handleCalendarRootClick
+      readOnly: !disabled && readOnly
     }, /*#__PURE__*/_react["default"].createElement(_DatePickerBase.StyledCalendar, {
-      className: (0, _classnames["default"])(_defineProperty({}, _DatePicker.classes.datePickerCalendarStretch, stretch)),
-      innerWidth: calendarWidthValue,
-      innerHeight: calendarHeightValue,
       size: size,
       value: calendarValue,
       type: type,
@@ -306,7 +279,7 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
       locale: lang,
       onChangeValue: handleCalendarPick
     }))), leftHelper && /*#__PURE__*/_react["default"].createElement(_SingleDate.LeftHelper, {
-      className: (0, _classnames["default"])(datePickerErrorClass, datePickerSuccessClass)
+      className: (0, _utils.cx)(datePickerErrorClass, datePickerSuccessClass)
     }, leftHelper), /*#__PURE__*/_react["default"].createElement(_DatePickerBase.InputHidden, _extends({
       type: "hidden",
       datatype: "datepicker-single",

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

@@ -24,7 +24,7 @@ var StyledPopover = exports.StyledPopover = /*#__PURE__*/(0, _styledComponents["
 var StyledInput = exports.StyledInput = /*#__PURE__*/(0, _styledComponents["default"])(TextField).withConfig({
   componentId: "plasma-new-hope__sc-1ye0xbz-1"
 })(["width:100%;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ",var(", "));", ":var(", ",var(", "));", ":var(", ",var(", "));&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}"], _TextField.textFieldTokens.color, _DatePicker.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColor, _DatePicker.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.placeholderColorFocus, _DatePicker.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.caretColor, _DatePicker.tokens.textFieldCaretColor, _TextField.textFieldTokens.focusColor, _DatePicker.tokens.textFieldFocusColor, _TextField.textFieldTokens.backgroundColor, _DatePicker.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _DatePicker.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePicker.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _DatePicker.tokens.borderColor, _TextField.textFieldTokens.borderColorHover, _DatePicker.tokens.borderColorHover, _TextField.textFieldTokens.borderColorFocus, _DatePicker.tokens.borderColorFocus, _TextField.textFieldTokens.colorReadOnly, _DatePicker.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _DatePicker.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _DatePicker.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _DatePicker.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.height, _DatePicker.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _DatePicker.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _DatePicker.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _DatePicker.tokens.textFieldPadding, _TextField.textFieldTokens.labelInnerPadding, _DatePicker.tokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _DatePicker.tokens.contentLabelInnerPadding, _TextField.textFieldTokens.labelOffset, _DatePicker.tokens.labelOffset, _TextField.textFieldTokens.labelFontFamily, _DatePicker.tokens.labelFontFamily, _TextField.textFieldTokens.labelFontStyle, _DatePicker.tokens.labelFontStyle, _TextField.textFieldTokens.labelFontSize, _DatePicker.tokens.labelFontSize, _TextField.textFieldTokens.labelFontWeight, _DatePicker.tokens.labelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _DatePicker.tokens.labelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _DatePicker.tokens.labelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _DatePicker.tokens.labelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontSize, _DatePicker.tokens.labelInnerFontSize, _TextField.textFieldTokens.labelInnerFontStyle, _DatePicker.tokens.labelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontWeight, _DatePicker.tokens.labelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _DatePicker.tokens.labelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _DatePicker.tokens.labelInnerLineHeight, _TextField.textFieldTokens.labelColorReadOnly, _DatePicker.tokens.labelColorReadOnly, _TextField.textFieldTokens.indicatorColor, _DatePicker.tokens.indicatorColor, _TextField.textFieldTokens.indicatorSizeInner, _DatePicker.tokens.indicatorSize, _TextField.textFieldTokens.indicatorSizeOuter, _DatePicker.tokens.indicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _DatePicker.tokens.indicatorPlacement, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _DatePicker.tokens.indicatorOuterPlacement, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _DatePicker.tokens.indicatorPlacementRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _DatePicker.tokens.indicatorOuterPlacementRight, _TextField.textFieldTokens.leftContentMargin, _DatePicker.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _DatePicker.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _DatePicker.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontSize, _DatePicker.tokens.textFieldFontSize, _TextField.textFieldTokens.fontStyle, _DatePicker.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontWeight, _DatePicker.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _DatePicker.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _DatePicker.tokens.textFieldLineHeight, _TextField.textFieldTokens.disabledOpacity, _DatePicker.tokens.disabledOpacity, _TextField.textFieldTokens.textBeforeColor, _DatePicker.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _DatePicker.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _DatePicker.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _DatePicker.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.contentSlotColor, _DatePicker.tokens.textFieldContentSlotColor, _DatePicker.tokens.textFieldColor, _TextField.textFieldTokens.contentSlotRightColor, _DatePicker.tokens.textFieldContentRightSlotColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotRightColorHover, _DatePicker.tokens.textFieldContentRightSlotColorHover, _TextField.textFieldTokens.contentSlotRightColor, _DatePicker.classes.datePickerError, _TextField.textFieldTokens.backgroundColor, _DatePicker.tokens.textFieldBackgroundErrorColor, _TextField.textFieldTokens.backgroundColorHover, _DatePicker.tokens.textFieldBackgroundErrorColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePicker.tokens.textFieldBackgroundErrorColorFocus, _TextField.textFieldTokens.borderColor, _DatePicker.tokens.textFieldBorderColorError, _TextField.textFieldTokens.borderColorHover, _DatePicker.tokens.textFieldBorderColorErrorHover, _TextField.textFieldTokens.borderColorFocus, _DatePicker.tokens.textFieldBorderColorErrorFocus, _DatePicker.classes.datePickerSuccess, _TextField.textFieldTokens.backgroundColor, _DatePicker.tokens.textFieldBackgroundSuccessColor, _TextField.textFieldTokens.backgroundColorHover, _DatePicker.tokens.textFieldBackgroundSuccessColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePicker.tokens.textFieldBackgroundSuccessColorFocus, _TextField.textFieldTokens.borderColor, _DatePicker.tokens.textFieldBorderColorSuccess, _TextField.textFieldTokens.borderColorHover, _DatePicker.tokens.textFieldBorderColorSuccessHover, _TextField.textFieldTokens.borderColorFocus, _DatePicker.tokens.textFieldBorderColorSuccessFocus);
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["display:inline-block;.", ",.", "{width:inherit;}&.", "{width:100%;.", "{width:100%;}}"], _Popover.popoverClasses.wrapper, _Popover.popoverClasses.target, _DatePicker.classes.datePickerStretch, _Popover.popoverClasses.root);
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["display:inline-block;.", ",.", "{width:inherit;}"], /*#__PURE__*/String(_Popover.popoverClasses.wrapper), /*#__PURE__*/String(_Popover.popoverClasses.target));
 var LeftHelper = exports.LeftHelper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-1ye0xbz-2"
 })(["color:var(", ");&.", "{color:var(", ");}&.", "{color:var(", ");}"], _DatePicker.tokens.leftHelperColor, _DatePicker.classes.datePickerError, _DatePicker.tokens.leftHelperColorError, _DatePicker.classes.datePickerSuccess, _DatePicker.tokens.leftHelperColorSuccess);

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

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.composeMask = void 0;
 var _react = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("react"));
 var _reactMaskinput = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("@salutejs/react-maskinput"));
-var _excluded = ["maskFormat"];
+var _excluded = ["mask", "maskFormat"];
 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; }
@@ -36,7 +36,8 @@ var defaultFormatChars = [{
 var composeMask = exports.composeMask = function composeMask(InputComponent) {
   var MaskedInput = (0, _reactMaskinput["default"])(InputComponent);
   return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, outerRef) {
-    var _ref$maskFormat = _ref.maskFormat,
+    var mask = _ref.mask,
+      _ref$maskFormat = _ref.maskFormat,
       maskFormat = _ref$maskFormat === void 0 ? defaultFormatChars : _ref$maskFormat,
       rest = _objectWithoutProperties(_ref, _excluded);
     // TODO: replace inside react-maskinput 'getReference' on 'forwardRef'
@@ -47,8 +48,14 @@ var composeMask = exports.composeMask = function composeMask(InputComponent) {
     (0, _react.useImperativeHandle)(outerRef, function () {
       return ref;
     }, [ref]);
+    if (!mask) {
+      return /*#__PURE__*/_react["default"].createElement(InputComponent, _extends({
+        ref: setRef
+      }, rest));
+    }
     return /*#__PURE__*/_react["default"].createElement(MaskedInput, _extends({
       getReference: setRef,
+      mask: mask,
       maskFormat: maskFormat
     }, rest));
   });

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

@@ -17,6 +17,7 @@ import { PropsTable, Description } from '@site/src/components';
 + `"primary"` – основная;
 + `"secondary"` – вторичная;
 + `"accent"` – акцентная;
++ `"info"` – информирующая;
 + `"success"` – успешное завершение;
 + `"warning"` – предупреждение;
 + `"error"` – ошибка;

package/styled-components/cjs/components/Slider/components/Single/Single.styles.js

@@ -22,7 +22,7 @@ var StyledRangeValue = exports.StyledRangeValue = /*#__PURE__*/_styledComponents
 })(["color:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");transition:opacity 0.1s ease-in-out;&.", ",&.", "{opacity:0;}&.", "{color:var(", ");}"], _Slider.tokens.rangeValueColor, _Slider.tokens.valueFontFamily, _Slider.tokens.valueFontSize, _Slider.tokens.valueFontStyle, _Slider.tokens.valueFontWeight, _Slider.tokens.valueLetterSpacing, _Slider.tokens.valueLineHeight, _Slider.classes.hideMinValue, _Slider.classes.hideMaxValue, _Slider.classes.activeRangeValue, _Slider.tokens.labelColor);
 var SliderBaseWrapper = exports.SliderBaseWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-1qm4elt-4"
-})(["display:flex;flex:1;position:relative;&.", "{display:grid;grid-template-areas:'a a' 'b c';", "{grid-area:a;}", "{grid-area:b;&.", "{grid-area:c;justify-self:end;}}}&.", "{align-items:center;", "{margin-right:var(", ");&.", "{margin-right:0;margin-left:var(", ");}}}"], _Slider.classes.rangeValuesPlacementOuter, _SliderBase.Slider, StyledRangeValue, _Slider.classes.maxRangeValue, _Slider.classes.rangeValuesPlacementInner, StyledRangeValue, _Slider.tokens.rangeValueHorizontalMargin, _Slider.classes.maxRangeValue, _Slider.tokens.rangeValueHorizontalMargin);
+})(["display:flex;flex:1;position:relative;&.", "{display:grid;grid-template-areas:'a a' 'b c';", "{grid-area:a;}", "{width:fit-content;grid-area:b;&.", "{grid-area:c;justify-self:end;}}}&.", "{align-items:center;", "{margin-right:var(", ");&.", "{margin-right:0;margin-left:var(", ");}}}"], _Slider.classes.rangeValuesPlacementOuter, _SliderBase.Slider, StyledRangeValue, _Slider.classes.maxRangeValue, _Slider.classes.rangeValuesPlacementInner, StyledRangeValue, _Slider.tokens.rangeValueHorizontalMargin, _Slider.classes.maxRangeValue, _Slider.tokens.rangeValueHorizontalMargin);
 var SingleWrapper = exports.SingleWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-1qm4elt-5"
 })(["display:flex;opacity:var(", ");&.", "{flex-direction:column;", "{margin-bottom:var(", ");}}&.", "{", "{margin-right:var(", ");}", ":not(:has(", ")):has(", "){margin-right:var(", ");}", ":has(", "){margin-right:var(", ");}}&.", "{flex-direction:column;align-items:center;&.", "{", "{flex-direction:column-reverse;}&.", "{", "{flex-direction:column;}&.", "{", "{flex-direction:column-reverse;}}}&.", "{", "{flex-direction:column;}}}", "{align-items:center;}", "{width:var(", ");}&.", "{", "{margin-right:0;margin-bottom:var(", ");}}&.", "{align-items:flex-end;", "{flex-direction:row-reverse;}}&.", "{align-items:flex-start;}&.", "{flex-direction:column-reverse;", "{margin-top:var(", ");margin-right:0;margin-bottom:0;}}}&.", "{flex-direction:column;align-items:center;justify-content:center;", "{flex-direction:column;align-items:center;justify-content:center;}&.", "{", "{position:static;bottom:0;left:0;margin-bottom:var(", ");&.", "{left:0;right:0;bottom:0;margin-top:var(", ");margin-bottom:0;}}}&.", ",&.", "{", "{display:grid;grid-template-areas:'b a' 'c a';flex-direction:unset;align-items:unset;justify-content:unset;width:unset;}", "{grid-area:a;}", "{grid-area:b;align-self:start;justify-self:end;&.", "{grid-area:c;align-self:end;}}}&.", "{", "{grid-template-areas:'a b' 'a c';}", "{justify-self:start;}}}"], _Slider.tokens.disabledOpacity, _Slider.classes.labelPlacementOuter, LabelWrapper, _Slider.tokens.labelWrapperMarginBottom, _Slider.classes.labelPlacementInner, LabelWrapper, _Slider.tokens.labelWrapperMarginRight, LabelWrapper, Label, LabelContent, _Slider.tokens.labelWrapperOnlyIconMarginRight, LabelWrapper, Label, _Slider.tokens.labelWrapperMarginRight, _Slider.classes.verticalOrientation, _Slider.classes.labelAlignCenter, LabelWrapper, _Slider.classes.labelPlacementBottom, LabelWrapper, _Slider.classes.labelContentReversed, LabelWrapper, _Slider.classes.labelContentReversed, LabelWrapper, LabelWrapper, SliderBaseWrapper, _Slider.tokens.size, _Slider.classes.labelPlacementInner, LabelWrapper, _Slider.tokens.labelWrapperVerticalMargin, _Slider.classes.labelAlignLeft, LabelWrapper, _Slider.classes.labelAlignRight, _Slider.classes.labelPlacementBottom, LabelWrapper, _Slider.tokens.labelWrapperVerticalMargin, _Slider.classes.verticalOrientation, SliderBaseWrapper, _Slider.classes.labelAlignCenter, StyledRangeValue, _Slider.tokens.rangeValueVerticalMargin, _Slider.classes.maxRangeValue, _Slider.tokens.rangeValueVerticalMargin, _Slider.classes.labelAlignLeft, _Slider.classes.labelAlignRight, SliderBaseWrapper, _SliderBase.Slider, StyledRangeValue, _Slider.classes.maxRangeValue, _Slider.classes.labelAlignRight, SliderBaseWrapper, StyledRangeValue);

package/styled-components/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx

@@ -81,7 +81,7 @@ const getBaseEvents = (type: 'days' | 'months' | 'quarters' | 'years', datesNumb
 };
 
 const StoryDefault = (args: CalendarProps) => {
-    const { isRange, isDouble, min, max, date, includeEdgeDates, size, locale, ...rest } = args;
+    const { isRange, isDouble, min, max, date, includeEdgeDates, size, locale } = args;
     const [value, setValue] = useState(new Date(2023, 10, 16));
     const [valueRange, setValueRange] = useState<[Date, Date?]>([new Date(2023, 10, 16), new Date(2023, 10, 23)]);
 
@@ -94,23 +94,18 @@ const StoryDefault = (args: CalendarProps) => {
     }, []);
 
     return (
-        <div style={{ height: '100vh' }}>
-            <Calendar
-                size={size}
-                isRange={isRange}
-                isDouble={isDouble}
-                date={date}
-                includeEdgeDates={includeEdgeDates}
-                locale={locale}
-                min={min}
-                max={max}
-                {...rest}
-                value={(isRange ? valueRange : value) as Date & [Date, Date?]}
-                onChangeValue={
-                    (isRange ? handleOnRangeChange : handleOnChange) as (value: Date | [Date, Date?]) => void
-                }
-            />
-        </div>
+        <Calendar
+            size={size}
+            isRange={isRange}
+            isDouble={isDouble}
+            date={date}
+            value={(isRange ? valueRange : value) as Date & [Date, Date?]}
+            includeEdgeDates={includeEdgeDates}
+            locale={locale}
+            onChangeValue={(isRange ? handleOnRangeChange : handleOnChange) as (value: Date | [Date, Date?]) => void}
+            min={min}
+            max={max}
+        />
     );
 };
 
@@ -123,13 +118,12 @@ export const Default: StoryObj<CalendarProps> = {
         includeEdgeDates: false,
         size: 'm',
         locale: 'ru',
-        stretch: false,
     },
     render: (args) => <StoryDefault {...args} />,
 };
 
 const StoryBase = (args: CalendarBaseProps & { displayDouble: boolean }) => {
-    const { min, max, includeEdgeDates, size, displayDouble, locale, ...rest } = args;
+    const { min, max, includeEdgeDates, size, displayDouble, locale } = args;
     const [value, setValue] = useState(new Date(2023, 6, 7));
     const [currentState, setCurrentState] = useState('Days');
 
@@ -176,10 +170,10 @@ const StoryBase = (args: CalendarBaseProps & { displayDouble: boolean }) => {
     };
 
     const calendarMap = {
-        Days: getCalendarComponent({ type: 'Days', eventList: eventList.current, disabledList: disabledDays, ...rest }),
-        Months: getCalendarComponent({ type: 'Months', eventMonthList: eventMonthList.current, ...rest }),
-        Quarters: getCalendarComponent({ type: 'Quarters', eventQuarterList: eventQuarterList.current, ...rest }),
-        Years: getCalendarComponent({ type: 'Years', eventYearList: eventYearList.current, ...rest }),
+        Days: getCalendarComponent({ type: 'Days', eventList: eventList.current, disabledList: disabledDays }),
+        Months: getCalendarComponent({ type: 'Months', eventMonthList: eventMonthList.current }),
+        Quarters: getCalendarComponent({ type: 'Quarters', eventQuarterList: eventQuarterList.current }),
+        Years: getCalendarComponent({ type: 'Years', eventYearList: eventYearList.current }),
     };
 
     return (
@@ -198,7 +192,7 @@ const StoryBase = (args: CalendarBaseProps & { displayDouble: boolean }) => {
                     </TabItem>
                 ))}
             </Tabs>
-            <div style={{ marginTop: '1rem', height: '100vh' }}>{calendarMap[currentState]}</div>
+            <div style={{ marginTop: '1rem' }}>{calendarMap[currentState]}</div>
         </>
     );
 };
@@ -211,13 +205,12 @@ export const Base: StoryObj<CalendarBaseProps & { displayDouble: boolean }> = {
         includeEdgeDates: false,
         displayDouble: false,
         locale: 'ru',
-        stretch: false,
     },
     render: (args) => <StoryBase {...args} />,
 };
 
 const StoryRange = (args: CalendarBaseRangeProps & { displayDouble: boolean }) => {
-    const { min, max, includeEdgeDates, size, displayDouble, locale, ...rest } = args;
+    const { min, max, includeEdgeDates, size, displayDouble, locale } = args;
     const [values, setValue] = useState<[Date, Date?]>([new Date(2023, 6, 1), new Date(2023, 6, 16)]);
     const [currentState, setCurrentState] = useState('Days');
 
@@ -239,35 +232,35 @@ const StoryRange = (args: CalendarBaseRangeProps & { displayDouble: boolean }) =
         return displayDouble ? (
             <CalendarBaseRange
                 size={size}
+                value={values}
                 includeEdgeDates={includeEdgeDates}
                 type={type}
+                onChangeValue={handleOnChange}
                 locale={locale}
                 min={min}
                 max={max}
                 {...rest}
-                value={values}
-                onChangeValue={handleOnChange}
             />
         ) : (
             <CalendarDoubleRange
                 size={size}
+                value={values}
                 includeEdgeDates={includeEdgeDates}
                 type={type}
+                onChangeValue={handleOnChange}
                 locale={locale}
                 min={min}
                 max={max}
                 {...rest}
-                value={values}
-                onChangeValue={handleOnChange}
             />
         );
     };
 
     const calendarMap = {
-        Days: getCalendarComponent({ type: 'Days', eventList: eventList.current, disabledList: disabledDays, ...rest }),
-        Months: getCalendarComponent({ type: 'Months', eventMonthList: eventMonthList.current, ...rest }),
-        Quarters: getCalendarComponent({ type: 'Quarters', eventQuarterList: eventQuarterList.current, ...rest }),
-        Years: getCalendarComponent({ type: 'Years', eventYearList: eventYearList.current, ...rest }),
+        Days: getCalendarComponent({ type: 'Days', eventList: eventList.current, disabledList: disabledDays }),
+        Months: getCalendarComponent({ type: 'Months', eventMonthList: eventMonthList.current }),
+        Quarters: getCalendarComponent({ type: 'Quarters', eventQuarterList: eventQuarterList.current }),
+        Years: getCalendarComponent({ type: 'Years', eventYearList: eventYearList.current }),
     };
 
     return (
@@ -286,7 +279,7 @@ const StoryRange = (args: CalendarBaseRangeProps & { displayDouble: boolean }) =
                     </TabItem>
                 ))}
             </Tabs>
-            <div style={{ marginTop: '1rem', height: '100vh' }}>{calendarMap[currentState]}</div>
+            <div style={{ marginTop: '1rem' }}>{calendarMap[currentState]}</div>
         </>
     );
 };
@@ -299,7 +292,6 @@ export const Range: StoryObj<CalendarBaseRangeProps & { displayDouble: boolean }
         includeEdgeDates: false,
         displayDouble: false,
         locale: 'ru',
-        stretch: false,
     },
     render: (args) => <StoryRange {...args} />,
 };