@salutejs/plasma-new-hope 0.88.0-canary.1224.9413433725.0 → 0.88.0-canary.1224.9512430427.0

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

@@ -10,14 +10,13 @@ var _utils = /*#__PURE__*/require("../../../utils");
 var _dateHelper = /*#__PURE__*/require("../utils/dateHelper");
 var _useDatePicker3 = /*#__PURE__*/require("../hooks/useDatePicker");
 var _DatePicker = /*#__PURE__*/require("../DatePicker.tokens");
-var _DatePickerBase = /*#__PURE__*/require("../DatePickerBase.styles");
 var _base = /*#__PURE__*/require("./variations/_size/base");
 var _base2 = /*#__PURE__*/require("./variations/_view/base");
 var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
 var _base4 = /*#__PURE__*/require("./variations/_readonly/base");
 var _DatePicker2 = /*#__PURE__*/require("./DatePicker.styles");
-var _RangeDoubleDate = /*#__PURE__*/require("./RangeDoubleDate/RangeDoubleDate");
-var _excluded = ["className", "isOpenFirst", "isOpenSecond", "isDoubleCalendar", "isOpenDouble", "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", "offset", "onToggleDouble", "onToggleFirst", "onToggleSecond", "onChangeFirstValue", "onChangeSecondValue", "onCommitFirstDate", "onCommitSecondDate", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
+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"];
 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); }
@@ -33,13 +32,10 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
   return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     var _rangeRef$current, _rangeRef$current2;
     var className = _ref.className,
-      _ref$isOpenFirst = _ref.isOpenFirst,
-      isOpenFirst = _ref$isOpenFirst === void 0 ? false : _ref$isOpenFirst,
-      _ref$isOpenSecond = _ref.isOpenSecond,
-      isOpenSecond = _ref$isOpenSecond === void 0 ? false : _ref$isOpenSecond,
       _ref$isDoubleCalendar = _ref.isDoubleCalendar,
       isDoubleCalendar = _ref$isDoubleCalendar === void 0 ? false : _ref$isDoubleCalendar,
-      isOpenDouble = _ref.isOpenDouble,
+      _ref$isOpen = _ref.isOpen,
+      isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
       label = _ref.label,
       leftHelper = _ref.leftHelper,
       contentLeft = _ref.contentLeft,
@@ -86,10 +82,10 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
       placement = _ref$placement === void 0 ? ['top', 'bottom'] : _ref$placement,
       _ref$closeOnOverlayCl = _ref.closeOnOverlayClick,
       closeOnOverlayClick = _ref$closeOnOverlayCl === void 0 ? true : _ref$closeOnOverlayCl,
+      _ref$closeOnEsc = _ref.closeOnEsc,
+      closeOnEsc = _ref$closeOnEsc === void 0 ? true : _ref$closeOnEsc,
       offset = _ref.offset,
-      onToggleDouble = _ref.onToggleDouble,
-      onToggleFirst = _ref.onToggleFirst,
-      onToggleSecond = _ref.onToggleSecond,
+      onToggle = _ref.onToggle,
       onChangeFirstValue = _ref.onChangeFirstValue,
       onChangeSecondValue = _ref.onChangeSecondValue,
       onCommitFirstDate = _ref.onCommitFirstDate,
@@ -109,34 +105,26 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
       _useState4 = _slicedToArray(_useState3, 2),
       secondInputRef = _useState4[0],
       setSecondInputRef = _useState4[1];
-    var _useState5 = (0, _react.useState)(isOpenFirst),
+    var _useState5 = (0, _react.useState)(isOpen),
       _useState6 = _slicedToArray(_useState5, 2),
-      isInnerOpenFirst = _useState6[0],
-      setIsInnerOpenFirst = _useState6[1];
-    var _useState7 = (0, _react.useState)(isOpenSecond),
+      isInnerOpen = _useState6[0],
+      setIsInnerOpen = _useState6[1];
+    var _useState7 = (0, _react.useState)((0, _dateHelper.formatCalendarValue)(defaultFirstDate, format)),
       _useState8 = _slicedToArray(_useState7, 2),
-      isInnerOpenSecond = _useState8[0],
-      setIsInnerOpenSecond = _useState8[1];
-    var _useState9 = (0, _react.useState)(isOpenDouble),
+      calendarFirstValue = _useState8[0],
+      setCalendarFirstValue = _useState8[1];
+    var _useState9 = (0, _react.useState)((0, _dateHelper.formatInputValue)(defaultFirstDate, format)),
       _useState10 = _slicedToArray(_useState9, 2),
-      isInnerOpenDouble = _useState10[0],
-      setIsInnerOpenDouble = _useState10[1];
-    var _useState11 = (0, _react.useState)((0, _dateHelper.formatCalendarValue)(defaultFirstDate, format)),
+      inputFirstValue = _useState10[0],
+      setInputFirstValue = _useState10[1];
+    var _useState11 = (0, _react.useState)((0, _dateHelper.formatCalendarValue)(defaultSecondDate, format)),
       _useState12 = _slicedToArray(_useState11, 2),
-      calendarFirstValue = _useState12[0],
-      setCalendarFirstValue = _useState12[1];
-    var _useState13 = (0, _react.useState)((0, _dateHelper.formatInputValue)(defaultFirstDate, format)),
+      calendarSecondValue = _useState12[0],
+      setCalendarSecondValue = _useState12[1];
+    var _useState13 = (0, _react.useState)((0, _dateHelper.formatInputValue)(defaultSecondDate, format)),
       _useState14 = _slicedToArray(_useState13, 2),
-      inputFirstValue = _useState14[0],
-      setInputFirstValue = _useState14[1];
-    var _useState15 = (0, _react.useState)((0, _dateHelper.formatCalendarValue)(defaultSecondDate, format)),
-      _useState16 = _slicedToArray(_useState15, 2),
-      calendarSecondValue = _useState16[0],
-      setCalendarSecondValue = _useState16[1];
-    var _useState17 = (0, _react.useState)((0, _dateHelper.formatInputValue)(defaultSecondDate, format)),
-      _useState18 = _slicedToArray(_useState17, 2),
-      inputSecondValue = _useState18[0],
-      setInputSecondValue = _useState18[1];
+      inputSecondValue = _useState14[0],
+      setInputSecondValue = _useState14[1];
     var dateFormatDelimiter = (0, _react.useCallback)(function () {
       return (0, _dateHelper.getDateFormatDelimiter)(format);
     }, [format]);
@@ -144,7 +132,7 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
         currentValue: inputFirstValue,
         setInputValue: setInputFirstValue,
         setCalendarValue: setCalendarFirstValue,
-        setIsInnerOpen: setIsInnerOpenFirst,
+        setIsInnerOpen: setIsInnerOpen,
         dateFormatDelimiter: dateFormatDelimiter,
         format: format,
         disabled: disabled,
@@ -153,18 +141,16 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
         valueError: firstValueError,
         valueSuccess: firstValueSuccess,
         inputRef: firstInputRef,
-        onToggle: onToggleFirst,
         onChangeValue: onChangeFirstValue,
         onCommitDate: onCommitFirstDate
       }),
-      handleToggleFirst = _useDatePicker.handleToggle,
       handleChangeFirstValue = _useDatePicker.handleChangeValue,
       handleCommitFirstDate = _useDatePicker.handleCommitDate;
     var _useDatePicker2 = (0, _useDatePicker3.useDatePicker)({
         currentValue: inputSecondValue,
         setInputValue: setInputSecondValue,
         setCalendarValue: setCalendarSecondValue,
-        setIsInnerOpen: setIsInnerOpenSecond,
+        setIsInnerOpen: setIsInnerOpen,
         dateFormatDelimiter: dateFormatDelimiter,
         format: format,
         disabled: disabled,
@@ -173,63 +159,23 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
         valueError: secondValueError,
         valueSuccess: secondValueSuccess,
         inputRef: secondInputRef,
-        onToggle: onToggleSecond,
         onChangeValue: onChangeSecondValue,
         onCommitDate: onCommitSecondDate
       }),
-      handleToggleSecond = _useDatePicker2.handleToggle,
       handleChangeSecondValue = _useDatePicker2.handleChangeValue,
       handleCommitSecondDate = _useDatePicker2.handleCommitDate;
-    var handleToggleDouble = function handleToggleDouble(opened, event) {
+    var handleToggle = function handleToggle(opened, event) {
       var _firstInputRef$curren, _secondInputRef$curre;
       if (disabled || readOnly) {
         return;
       }
       var isCalendarOpen = firstInputRef !== null && firstInputRef !== void 0 && (_firstInputRef$curren = firstInputRef.current) !== null && _firstInputRef$curren !== void 0 && _firstInputRef$curren.contains(event.target || null) || secondInputRef !== null && secondInputRef !== void 0 && (_secondInputRef$curre = secondInputRef.current) !== null && _secondInputRef$curre !== void 0 && _secondInputRef$curre.contains(event.target || null) ? true : opened;
-      if (onToggleDouble) {
-        return onToggleDouble(isCalendarOpen, event);
+      if (onToggle) {
+        return onToggle(isCalendarOpen, event);
       }
-      setIsInnerOpenDouble(isCalendarOpen);
+      setIsInnerOpen(isCalendarOpen);
     };
-    var FirstCalendar = /*#__PURE__*/_react["default"].createElement(_DatePickerBase.StyledCalendar, {
-      value: calendarFirstValue,
-      type: type,
-      eventList: eventList,
-      disabledList: disabledList,
-      min: min,
-      max: calendarSecondValue || max,
-      includeEdgeDates: includeEdgeDates,
-      isRange: false,
-      onChangeValue: function onChangeValue(date) {
-        handleCommitFirstDate(date, false, true);
-        setIsInnerOpenFirst(false);
-        if (!calendarSecondValue || secondValueError) {
-          var _rangeRef$current3;
-          rangeRef === null || rangeRef === void 0 || (_rangeRef$current3 = rangeRef.current) === null || _rangeRef$current3 === void 0 || (_rangeRef$current3 = _rangeRef$current3.secondTextField()) === null || _rangeRef$current3 === void 0 || (_rangeRef$current3 = _rangeRef$current3.current) === null || _rangeRef$current3 === void 0 || _rangeRef$current3.focus();
-          setIsInnerOpenSecond(true);
-        }
-      }
-    });
-    var SecondCalendar = /*#__PURE__*/_react["default"].createElement(_DatePickerBase.StyledCalendar, {
-      value: calendarSecondValue,
-      type: type,
-      eventList: eventList,
-      disabledList: disabledList,
-      min: calendarFirstValue || min,
-      max: max,
-      includeEdgeDates: includeEdgeDates,
-      isRange: false,
-      onChangeValue: function onChangeValue(date) {
-        handleCommitSecondDate(date, false, true);
-        setIsInnerOpenSecond(false);
-        if (!calendarFirstValue || firstValueError) {
-          var _rangeRef$current4;
-          rangeRef === null || rangeRef === void 0 || (_rangeRef$current4 = rangeRef.current) === null || _rangeRef$current4 === void 0 || (_rangeRef$current4 = _rangeRef$current4.firstTextField()) === null || _rangeRef$current4 === void 0 || (_rangeRef$current4 = _rangeRef$current4.current) === null || _rangeRef$current4 === void 0 || _rangeRef$current4.focus();
-          setIsInnerOpenFirst(true);
-        }
-      }
-    });
-    var RangeComponent = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_DatePicker2.StyledRange, _extends({
+    var RangeComponent = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_DatePicker2.StyledRange, {
       ref: rangeRef,
       dividerIcon: dividerIcon,
       dividerVariant: dividerVariant,
@@ -237,8 +183,6 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
       readOnly: !disabled && readOnly,
       firstPlaceholder: firstPlaceholder,
       secondPlaceholder: secondPlaceholder,
-      label: label,
-      leftHelper: leftHelper,
       contentLeft: contentLeft,
       contentRight: contentRight,
       firstTextfieldTextBefore: firstTextfieldTextBefore,
@@ -258,67 +202,67 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
       onChangeFirstValue: handleChangeFirstValue,
       onChangeSecondValue: handleChangeSecondValue,
       onSearchFirstValue: function onSearchFirstValue(_, date) {
-        return handleCommitFirstDate(String(date), true, false);
+        handleCommitFirstDate(String(date), true, false);
+        if (!calendarSecondValue || secondValueError) {
+          var _rangeRef$current3;
+          rangeRef === null || rangeRef === void 0 || (_rangeRef$current3 = rangeRef.current) === null || _rangeRef$current3 === void 0 || (_rangeRef$current3 = _rangeRef$current3.secondTextField()) === null || _rangeRef$current3 === void 0 || (_rangeRef$current3 = _rangeRef$current3.current) === null || _rangeRef$current3 === void 0 || _rangeRef$current3.focus();
+        }
       },
       onSearchSecondValue: function onSearchSecondValue(_, date) {
-        return handleCommitSecondDate(String(date), true, false);
+        handleCommitSecondDate(String(date), true, false);
+        if (!calendarFirstValue || firstValueError) {
+          var _rangeRef$current4;
+          rangeRef === null || rangeRef === void 0 || (_rangeRef$current4 = rangeRef.current) === null || _rangeRef$current4 === void 0 || (_rangeRef$current4 = _rangeRef$current4.firstTextField()) === null || _rangeRef$current4 === void 0 || (_rangeRef$current4 = _rangeRef$current4.current) === null || _rangeRef$current4 === void 0 || _rangeRef$current4.focus();
+        }
       },
       onFocusFirstTextfield: onFocusFirstTextfield,
       onFocusSecondTextfield: onFocusSecondTextfield,
       onBlurFirstTextfield: onBlurFirstTextfield,
       onBlurSecondTextfield: onBlurSecondTextfield
-    }, !isDoubleCalendar && {
-      isOpenFirst: isOpenFirst || isInnerOpenFirst,
-      isOpenSecond: isOpenSecond || isInnerOpenSecond,
-      onToggleFirst: handleToggleFirst,
-      onToggleSecond: handleToggleSecond,
-      firstInputPopoverContent: FirstCalendar,
-      secondInputPopoverContent: SecondCalendar,
-      offset: offset,
-      placement: placement,
-      closeOnOverlayClick: closeOnOverlayClick
-    })));
+    }));
     (0, _react.useEffect)(function () {
       var _rangeRef$current5, _rangeRef$current6;
       setFirstInputRef((_rangeRef$current5 = rangeRef.current) === null || _rangeRef$current5 === void 0 ? void 0 : _rangeRef$current5.firstTextField());
       setSecondInputRef((_rangeRef$current6 = rangeRef.current) === null || _rangeRef$current6 === void 0 ? void 0 : _rangeRef$current6.secondTextField());
     }, [rangeRef.current]);
-    if (isDoubleCalendar) {
-      return /*#__PURE__*/_react["default"].createElement(Root, _extends({
-        ref: rootRef,
-        view: view,
-        size: size,
-        className: (0, _utils.cx)(_DatePicker.classes.datePickerRoot, className),
-        disabled: disabled,
-        readOnly: !disabled && readOnly
-      }, rest), /*#__PURE__*/_react["default"].createElement(_RangeDoubleDate.RangeDoubleDate, {
-        calendarValue: [calendarFirstValue, calendarSecondValue],
-        target: RangeComponent,
-        isOpen: isOpenDouble || isInnerOpenDouble,
-        onToggle: handleToggleDouble,
-        onChangeStartOfRange: function onChangeStartOfRange(firstDate) {
-          handleCommitFirstDate(firstDate, false, true);
-          handleCommitSecondDate('');
-        },
-        onChangeValue: function onChangeValue(_ref2) {
-          var _ref3 = _slicedToArray(_ref2, 2),
-            firstDate = _ref3[0],
-            secondDate = _ref3[1];
-          firstDate && handleCommitFirstDate(firstDate, false, true);
-          secondDate && handleCommitSecondDate(secondDate, false, true);
-          if (firstDate && secondDate && !firstValueError && !secondValueError) {
-            setIsInnerOpenDouble(false);
-          }
-        }
-      }));
-    }
     return /*#__PURE__*/_react["default"].createElement(Root, _extends({
+      ref: rootRef,
       view: view,
       size: size,
       className: (0, _utils.cx)(_DatePicker.classes.datePickerRoot, className),
       disabled: disabled,
       readOnly: !disabled && readOnly
-    }, rest), RangeComponent);
+    }, rest), label && /*#__PURE__*/_react["default"].createElement(_DatePicker2.StyledLabel, null, label), /*#__PURE__*/_react["default"].createElement(_RangeDatePopover.RangeDatePopover, {
+      calendarValue: [calendarFirstValue, calendarSecondValue],
+      target: RangeComponent,
+      isOpen: isOpen || isInnerOpen,
+      includeEdgeDates: includeEdgeDates,
+      eventList: eventList,
+      disabledList: disabledList,
+      min: min,
+      max: max,
+      placement: placement,
+      closeOnOverlayClick: closeOnOverlayClick,
+      closeOnEsc: closeOnEsc,
+      offset: offset,
+      type: type,
+      onToggle: handleToggle,
+      isDoubleCalendar: isDoubleCalendar,
+      onChangeStartOfRange: function onChangeStartOfRange(firstDate) {
+        handleCommitFirstDate(firstDate, false, true);
+        handleCommitSecondDate('');
+      },
+      onChangeValue: function onChangeValue(_ref2) {
+        var _ref3 = _slicedToArray(_ref2, 2),
+          firstDate = _ref3[0],
+          secondDate = _ref3[1];
+        firstDate && handleCommitFirstDate(firstDate, false, true);
+        secondDate && handleCommitSecondDate(secondDate, false, true);
+        if (firstDate && secondDate && !firstValueError && !secondValueError) {
+          setIsInnerOpen(false);
+        }
+      }
+    }), leftHelper && /*#__PURE__*/_react["default"].createElement(_DatePicker2.LeftHelper, null, leftHelper));
   });
 };
 var datePickerRangeConfig = exports.datePickerRangeConfig = {

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

@@ -4,7 +4,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.base = exports.StyledRange = exports.StyledPopover = void 0;
+exports.base = exports.StyledRange = exports.StyledPopover = exports.StyledLabel = exports.LeftHelper = void 0;
 var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
 var _engines = /*#__PURE__*/require("../../../engines");
 var _Range = /*#__PURE__*/require("../../Range");
@@ -24,4 +24,10 @@ var StyledPopover = exports.StyledPopover = /*#__PURE__*/(0, _styledComponents["
 var StyledRange = exports.StyledRange = /*#__PURE__*/(0, _styledComponents["default"])(Range).withConfig({
   componentId: "plasma-new-hope__sc-zxqgpy-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(", ");"], _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.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.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)([""]);
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["display:inline-block;"]);
+var StyledLabel = exports.StyledLabel = /*#__PURE__*/_styledComponents["default"].label.withConfig({
+  componentId: "plasma-new-hope__sc-zxqgpy-2"
+})([""]);
+var LeftHelper = exports.LeftHelper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-zxqgpy-3"
+})([""]);

package/styled-components/cjs/components/DatePicker/RangeDate/{RangeDoubleDate/RangeDoubleDate.js → RangeDatePopover/RangeDatePopover.js}

@@ -3,15 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.RangeDoubleDate = void 0;
+exports.RangeDatePopover = void 0;
 var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
 var _utils = /*#__PURE__*/require("../../../../utils");
 var _DatePicker = /*#__PURE__*/require("../DatePicker.styles");
-var _RangeDoubleDate = /*#__PURE__*/require("./RangeDoubleDate.styles");
+var _RangeDatePopover = /*#__PURE__*/require("./RangeDatePopover.styles");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var RangeDoubleDate = exports.RangeDoubleDate = function RangeDoubleDate(_ref) {
+var RangeDatePopover = exports.RangeDatePopover = function RangeDatePopover(_ref) {
   var target = _ref.target,
     isOpen = _ref.isOpen,
+    isDoubleCalendar = _ref.isDoubleCalendar,
     calendarValue = _ref.calendarValue,
     min = _ref.min,
     max = _ref.max,
@@ -22,10 +23,37 @@ var RangeDoubleDate = exports.RangeDoubleDate = function RangeDoubleDate(_ref) {
     placement = _ref$placement === void 0 ? ['top', 'bottom'] : _ref$placement,
     _ref$closeOnOverlayCl = _ref.closeOnOverlayClick,
     closeOnOverlayClick = _ref$closeOnOverlayCl === void 0 ? true : _ref$closeOnOverlayCl,
+    closeOnEsc = _ref.closeOnEsc,
     offset = _ref.offset,
+    type = _ref.type,
+    size = _ref.size,
     onChangeValue = _ref.onChangeValue,
     onChangeStartOfRange = _ref.onChangeStartOfRange,
     onToggle = _ref.onToggle;
+  if (isDoubleCalendar) {
+    return /*#__PURE__*/_react["default"].createElement(_DatePicker.StyledPopover, {
+      isOpen: isOpen,
+      usePortal: false,
+      onToggle: onToggle,
+      offset: offset,
+      placement: (0, _utils.getPlacements)(placement),
+      trigger: "click",
+      closeOnOverlayClick: closeOnOverlayClick,
+      isFocusTrapped: false,
+      target: target,
+      preventOverflow: false
+    }, /*#__PURE__*/_react["default"].createElement(_RangeDatePopover.StyledCalendarDouble, {
+      size: size,
+      value: calendarValue,
+      eventList: eventList,
+      disabledList: disabledList,
+      min: min,
+      max: max,
+      includeEdgeDates: includeEdgeDates,
+      onChangeValue: onChangeValue,
+      onChangeStartOfRange: onChangeStartOfRange
+    }));
+  }
   return /*#__PURE__*/_react["default"].createElement(_DatePicker.StyledPopover, {
     isOpen: isOpen,
     usePortal: false,
@@ -36,13 +64,16 @@ var RangeDoubleDate = exports.RangeDoubleDate = function RangeDoubleDate(_ref) {
     closeOnOverlayClick: closeOnOverlayClick,
     isFocusTrapped: false,
     target: target,
-    preventOverflow: false
-  }, /*#__PURE__*/_react["default"].createElement(_RangeDoubleDate.StyledCalendar, {
+    preventOverflow: false,
+    closeOnEsc: closeOnEsc
+  }, /*#__PURE__*/_react["default"].createElement(_RangeDatePopover.StyledCalendar, {
+    size: size,
     value: calendarValue,
     eventList: eventList,
     disabledList: disabledList,
     min: min,
     max: max,
+    type: type,
     includeEdgeDates: includeEdgeDates,
     onChangeValue: onChangeValue,
     onChangeStartOfRange: onChangeStartOfRange

package/styled-components/cjs/components/DatePicker/RangeDate/{RangeDoubleDate/RangeDoubleDate.styles.js → RangeDatePopover/RangeDatePopover.styles.js}

@@ -3,18 +3,24 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledCalendar = void 0;
+exports.StyledCalendarDouble = exports.StyledCalendar = void 0;
 var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
 var _Calendar = /*#__PURE__*/require("../../../Calendar");
 var _DatePicker = /*#__PURE__*/require("../../DatePicker.tokens");
 var _engines = /*#__PURE__*/require("../../../../engines");
 var _DatePickerBase = /*#__PURE__*/require("../../DatePickerBase.styles");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var mergedCalendarConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Calendar.calendarDoubleConfig);
-var CalendarDouble = /*#__PURE__*/(0, _engines.component)(mergedCalendarConfig);
+var mergedCalendarDoubleConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Calendar.calendarDoubleConfig);
+var CalendarDouble = /*#__PURE__*/(0, _engines.component)(mergedCalendarDoubleConfig);
+var mergedCalendarConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Calendar.calendarBaseConfig);
+var Calendar = /*#__PURE__*/(0, _engines.component)(mergedCalendarConfig);
 var CalendarDoubleRange = /*#__PURE__*/(0, _Calendar.withRange)(CalendarDouble);
+var CalendarRange = /*#__PURE__*/(0, _Calendar.withRange)(Calendar);
 
 // NOTE: переопределение токенов Calendar
-var StyledCalendar = exports.StyledCalendar = /*#__PURE__*/(0, _styledComponents["default"])(CalendarDoubleRange).withConfig({
-  componentId: "plasma-new-hope__sc-17hagnc-0"
-})(["", ":var(", ");", " ", ":calc(var(", ") * 2 + 2.063rem);"], _Calendar.calendarBaseTokens.calendarSeparatorBackground, _DatePicker.tokens.calendarSeparatorBackground, _DatePickerBase.baseCalendarTokens, _Calendar.calendarBaseTokens.calendarWidth, _DatePicker.tokens.calendarWidth);
+var StyledCalendarDouble = exports.StyledCalendarDouble = /*#__PURE__*/(0, _styledComponents["default"])(CalendarDoubleRange).withConfig({
+  componentId: "plasma-new-hope__sc-vflcna-0"
+})(["", ":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"
+})(["", ""], _DatePickerBase.baseCalendarTokens);

package/styled-components/cjs/components/DatePicker/RangeDate/variations/_readonly/base.js

@@ -6,4 +6,5 @@ Object.defineProperty(exports, "__esModule", {
 exports.base = void 0;
 var _styledComponents = /*#__PURE__*/require("styled-components");
 var _DatePicker = /*#__PURE__*/require("../../../DatePicker.tokens");
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&[readonly]{", ":transparent;}"], _DatePicker.tokens.textFieldBackgroundColorReadOnly);
+var _DatePicker2 = /*#__PURE__*/require("../../DatePicker.styles");
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&[readonly]{cursor:default;", ":transparent;", "{display:block;color:var(", ");}", "{color:var(", ");}}"], _DatePicker.tokens.textFieldBackgroundColorReadOnly, _DatePicker2.StyledLabel, _DatePicker.tokens.labelColorReadOnly, _DatePicker2.LeftHelper, _DatePicker.tokens.leftHelperColorReadOnly);

package/styled-components/cjs/components/DatePicker/RangeDate/variations/_size/base.js

@@ -6,4 +6,5 @@ Object.defineProperty(exports, "__esModule", {
 exports.base = void 0;
 var _styledComponents = /*#__PURE__*/require("styled-components");
 var _DatePicker = /*#__PURE__*/require("../../../DatePicker.tokens");
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["width:var(", ");"], _DatePicker.tokens.width);
+var _DatePicker2 = /*#__PURE__*/require("../../DatePicker.styles");
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["width:var(", ");", "{margin:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{margin:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}"], _DatePicker.tokens.width, _DatePicker2.StyledLabel, _DatePicker.tokens.labelOffset, _DatePicker.tokens.labelFontFamily, _DatePicker.tokens.labelFontSize, _DatePicker.tokens.labelFontStyle, _DatePicker.tokens.labelFontWeight, _DatePicker.tokens.labelLetterSpacing, _DatePicker.tokens.labelLineHeight, _DatePicker2.LeftHelper, _DatePicker.tokens.leftHelperOffset, _DatePicker.tokens.leftHelperFontFamily, _DatePicker.tokens.leftHelperFontSize, _DatePicker.tokens.leftHelperFontStyle, _DatePicker.tokens.leftHelperFontWeight, _DatePicker.tokens.leftHelperLetterSpacing, _DatePicker.tokens.leftHelperLineHeight);

package/styled-components/cjs/components/DatePicker/RangeDate/variations/_view/base.js

@@ -5,4 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.base = void 0;
 var _styledComponents = /*#__PURE__*/require("styled-components");
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);
+var _DatePicker = /*#__PURE__*/require("../../DatePicker.styles");
+var _DatePicker2 = /*#__PURE__*/require("../../../DatePicker.tokens");
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["", "{display:block;color:var(", ");}", "{color:var(", ");}"], _DatePicker.StyledLabel, _DatePicker2.tokens.labelColor, _DatePicker.LeftHelper, _DatePicker2.tokens.leftHelperColor);

package/styled-components/cjs/components/DatePicker/SingleDate/DatePicker.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-1ohdd6s-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(", ");}"], _TextField.textFieldTokens.color, _DatePicker.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColor, _DatePicker.tokens.textFieldPlaceholderColor, _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.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, _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:block;}.", "{display:flex;flex-direction:column;}"], /*#__PURE__*/String(_Popover.popoverClasses.wrapper), /*#__PURE__*/String(_Popover.popoverClasses.target));
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["display:inline-block;"]);
 var StyledLabel = exports.StyledLabel = /*#__PURE__*/_styledComponents["default"].label.withConfig({
   componentId: "plasma-new-hope__sc-1ohdd6s-2"
 })([""]);

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

@@ -162,7 +162,8 @@ var dropdownRoot = exports.dropdownRoot = function dropdownRoot(Root) {
         onItemClick: onItemClick,
         listWidth: listWidth,
         variant: variant,
-        hasArrow: hasArrow
+        hasArrow: hasArrow,
+        size: size
       });
     }))));
   });

package/styled-components/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js

@@ -26,7 +26,8 @@ var DropdownInner = exports.DropdownInner = function DropdownInner(_ref) {
     onItemClick = _ref.onItemClick,
     listWidth = _ref.listWidth,
     variant = _ref.variant,
-    hasArrow = _ref.hasArrow;
+    hasArrow = _ref.hasArrow,
+    size = _ref.size;
   var handleToggle = function handleToggle(opened) {
     if (opened) {
       dispatchPath({
@@ -65,7 +66,8 @@ var DropdownInner = exports.DropdownInner = function DropdownInner(_ref) {
         ariaControls: listId,
         ariaExpanded: isCurrentListOpen,
         ariaLevel: nextLevel,
-        ariaLabel: item.label
+        ariaLabel: item.label,
+        size: size
       }),
       onToggle: handleToggle,
       isFocusTrapped: false,
@@ -97,7 +99,8 @@ var DropdownInner = exports.DropdownInner = function DropdownInner(_ref) {
         onItemClick: onItemClick,
         listWidth: listWidth,
         variant: variant,
-        hasArrow: hasArrow
+        hasArrow: hasArrow,
+        size: size
       });
     })));
   }
@@ -112,6 +115,7 @@ var DropdownInner = exports.DropdownInner = function DropdownInner(_ref) {
     onHover: onHover,
     onItemSelect: onItemSelect,
     onItemClick: onItemClick,
-    variant: variant
+    variant: variant,
+    size: size
   });
 };

package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js

@@ -10,7 +10,6 @@ var _Dropdown = /*#__PURE__*/require("../../Dropdown.tokens");
 var _utils = /*#__PURE__*/require("../../../../utils");
 var _Icon = /*#__PURE__*/require("../../../_Icon");
 var _DropdownItem = /*#__PURE__*/require("./DropdownItem.styles");
-var _DisclosureIconWrappe;
 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; }
 var DropdownItem = exports.DropdownItem = function DropdownItem(_ref) {
@@ -31,7 +30,8 @@ var DropdownItem = exports.DropdownItem = function DropdownItem(_ref) {
     ariaLevel = _ref.ariaLevel,
     ariaLabel = _ref.ariaLabel,
     variant = _ref.variant,
-    hasArrow = _ref.hasArrow;
+    hasArrow = _ref.hasArrow,
+    size = _ref.size;
   var value = item.value,
     label = item.label,
     disabled = item.disabled,
@@ -39,6 +39,7 @@ var DropdownItem = exports.DropdownItem = function DropdownItem(_ref) {
     contentLeft = item.contentLeft,
     contentRight = item.contentRight;
   var ref = (0, _react.useRef)(null);
+  var disclosureIconSize = size === 'xs' ? 'xs' : 's';
   var isDisabledClassName = disabled || isDisabled ? _Dropdown.classes.dropdownItemIsDisabled : undefined;
   var focusedClass = currentLevel === focusedPath.length - 1 && index === (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[currentLevel]) ? _Dropdown.classes.dropdownItemIsFocused : undefined;
   var activeClass = value === (path === null || path === void 0 ? void 0 : path[currentLevel + 1]) ? _Dropdown.classes.dropdownItemIsActive : undefined;
@@ -84,8 +85,8 @@ var DropdownItem = exports.DropdownItem = function DropdownItem(_ref) {
     "aria-haspopup": ariaHasPopup,
     "aria-level": ariaLevel,
     "aria-label": ariaLabel
-  }, contentLeft && /*#__PURE__*/_react["default"].createElement(_DropdownItem.StyledContentLeft, null, contentLeft), /*#__PURE__*/_react["default"].createElement(_DropdownItem.StyledText, null, label), contentRight && /*#__PURE__*/_react["default"].createElement(_DropdownItem.StyledContentRight, null, contentRight), item.items && hasArrow && (_DisclosureIconWrappe || (_DisclosureIconWrappe = /*#__PURE__*/_react["default"].createElement(_DropdownItem.DisclosureIconWrapper, null, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureRight, {
-    size: "xs",
+  }, contentLeft && /*#__PURE__*/_react["default"].createElement(_DropdownItem.StyledContentLeft, null, contentLeft), /*#__PURE__*/_react["default"].createElement(_DropdownItem.StyledText, null, label), contentRight && /*#__PURE__*/_react["default"].createElement(_DropdownItem.StyledContentRight, null, contentRight), item.items && hasArrow && /*#__PURE__*/_react["default"].createElement(_DropdownItem.DisclosureIconWrapper, null, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureRight, {
+    size: disclosureIconSize,
     color: "inherit"
-  })))));
+  })));
 };