@salutejs/plasma-new-hope 0.377.0 → 0.377.1-dev.0

package/dist/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js

@@ -36,6 +36,9 @@ _export(exports, {
     get StyledArrow () {
         return StyledArrow;
     },
+    get StyledChevron () {
+        return StyledChevron;
+    },
     get StyledMinus () {
         return StyledMinus;
     },
@@ -54,7 +57,7 @@ function _interop_require_default(obj) {
 }
 const StyledAccordionHeader = _styledcomponents.default.div.withConfig({
     displayName: "AccordionItem.styles__StyledAccordionHeader",
-    componentId: "sc-95f3f5c2-0"
+    componentId: "sc-7c6fa1b4-0"
 })([
     `width:100%;border:none;padding:var(`,
     `);display:flex;gap:var(`,
@@ -68,29 +71,37 @@ const StyledAccordionHeader = _styledcomponents.default.div.withConfig({
 }));
 const StyledAccordionHeaderLeft = _styledcomponents.default.div.withConfig({
     displayName: "AccordionItem.styles__StyledAccordionHeaderLeft",
-    componentId: "sc-95f3f5c2-1"
+    componentId: "sc-7c6fa1b4-1"
 })([
     `display:flex;gap:var(`,
     `,var(`,
     `));justify-content:space-between;align-items:center;`
 ], _Accordiontokens.tokens.accordionItemHeaderLeftGap, _Accordiontokens.tokens.accordionItemGap);
-const StyledAccordionContentRight = _styledcomponents.default.div.withConfig({
+const StyledAccordionContent = _styledcomponents.default.div.withConfig({
+    displayName: "AccordionItem.styles__StyledAccordionContent",
+    componentId: "sc-7c6fa1b4-2"
+})([
+    `transition:0.2s;display:flex;align-items:center;&.`,
+    `.`,
+    `{transition:0.2s;transform:rotate(180deg);}&.`,
+    `{transform:rotate(90deg);&.`,
+    `{transition:0.2s;transform:rotate(0deg);}}`
+], _Accordiontokens.classes.accordionArrowAnimation, _Accordiontokens.classes.accordionItemShowBody, _Accordiontokens.classes.accordionSignAnimation, _Accordiontokens.classes.accordionItemShowBody);
+const StyledAccordionContentRight = (0, _styledcomponents.default)(StyledAccordionContent).withConfig({
     displayName: "AccordionItem.styles__StyledAccordionContentRight",
-    componentId: "sc-95f3f5c2-2"
+    componentId: "sc-7c6fa1b4-3"
 })([
-    `transition:0.2s;transform:rotate(90deg);&.`,
-    `{transition:0.2s;transform:rotate(0deg);}`
-], _Accordiontokens.classes.accordionItemShowBody);
-const StyledAccordionContentLeft = _styledcomponents.default.div.withConfig({
+    ``
+]);
+const StyledAccordionContentLeft = (0, _styledcomponents.default)(StyledAccordionContent).withConfig({
     displayName: "AccordionItem.styles__StyledAccordionContentLeft",
-    componentId: "sc-95f3f5c2-3"
+    componentId: "sc-7c6fa1b4-4"
 })([
-    `transition:0.2s;display:flex;align-items:center;&.`,
-    `{transition:0.2s;transform:rotate(180deg);}`
-], _Accordiontokens.classes.accordionItemShowBody);
+    ``
+]);
 const StyledAccordionTitle = _styledcomponents.default.div.withConfig({
     displayName: "AccordionItem.styles__StyledAccordionTitle",
-    componentId: "sc-95f3f5c2-4"
+    componentId: "sc-7c6fa1b4-5"
 })([
     `color:var(`,
     `);font-family:var(`,
@@ -103,7 +114,7 @@ const StyledAccordionTitle = _styledcomponents.default.div.withConfig({
 ], _Accordiontokens.tokens.accordionItemTitleColor, _Accordiontokens.tokens.accordionItemTitleFontFamily, _Accordiontokens.tokens.accordionItemTitleFontSize, _Accordiontokens.tokens.accordionItemTitleFontWeight, _Accordiontokens.tokens.accordionItemTitleFontStyle, _Accordiontokens.tokens.accordionItemTitleLetterSpacing, _Accordiontokens.tokens.accordionItemTitleLineHeight);
 const StyledAccordionBodyAnimate = _styledcomponents.default.div.withConfig({
     displayName: "AccordionItem.styles__StyledAccordionBodyAnimate",
-    componentId: "sc-95f3f5c2-5"
+    componentId: "sc-7c6fa1b4-6"
 })([
     `display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.2s ease-out;overflow:hidden;&.`,
     `{grid-template-rows:1fr;padding-bottom:var(`,
@@ -113,7 +124,7 @@ const StyledAccordionBodyAnimate = _styledcomponents.default.div.withConfig({
 ], _Accordiontokens.classes.accordionItemShowBody, _Accordiontokens.tokens.accordionItemBodyPaddingBottom, _Accordiontokens.tokens.accordionItemPaddingVertical, _Accordiontokens.classes.accordionPlusAnimationElement);
 const StyledAccordionBody = _styledcomponents.default.div.withConfig({
     displayName: "AccordionItem.styles__StyledAccordionBody",
-    componentId: "sc-95f3f5c2-6"
+    componentId: "sc-7c6fa1b4-7"
 })([
     `color:var(`,
     `);font-family:var(`,
@@ -128,14 +139,21 @@ const StyledAccordionBody = _styledcomponents.default.div.withConfig({
 ], _Accordiontokens.tokens.accordionItemTextColor, _Accordiontokens.tokens.accordionItemTextFontFamily, _Accordiontokens.tokens.accordionItemTextFontSize, _Accordiontokens.tokens.accordionItemTextFontWeight, _Accordiontokens.tokens.accordionItemTextFontStyle, _Accordiontokens.tokens.accordionItemTextLetterSpacing, _Accordiontokens.tokens.accordionItemTextLineHeight, _Accordiontokens.tokens.accordionItemPaddingHorizontal, _Accordiontokens.tokens.accordionItemPaddingHorizontalLeft);
 const StyledArrow = (0, _styledcomponents.default)(_Icon.IconChevronDownFill).withConfig({
     displayName: "AccordionItem.styles__StyledArrow",
-    componentId: "sc-95f3f5c2-7"
+    componentId: "sc-7c6fa1b4-8"
+})([
+    `pointer-events:none;user-select:none;color:var(`,
+    `);`
+], _Accordiontokens.tokens.accordionItemIconColor);
+const StyledChevron = (0, _styledcomponents.default)(_Icon.IconChevronDown).withConfig({
+    displayName: "AccordionItem.styles__StyledChevron",
+    componentId: "sc-7c6fa1b4-9"
 })([
     `pointer-events:none;user-select:none;color:var(`,
     `);`
 ], _Accordiontokens.tokens.accordionItemIconColor);
 const StyledMinus = (0, _styledcomponents.default)(_Icon.IconMinus).withConfig({
     displayName: "AccordionItem.styles__StyledMinus",
-    componentId: "sc-95f3f5c2-8"
+    componentId: "sc-7c6fa1b4-10"
 })([
     `pointer-events:none;user-select:none;color:var(`,
     `);display:flex;align-items:center;position:absolute;top:0;left:0;&.`,
@@ -146,7 +164,7 @@ const StyledMinus = (0, _styledcomponents.default)(_Icon.IconMinus).withConfig({
 ], _Accordiontokens.tokens.accordionItemIconColor, _Accordiontokens.classes.accordionPlusAnimationElement, _Accordiontokens.classes.accordionItemShowBody, _Accordiontokens.tokens.accordionItemOpenedTitleColor, _Accordiontokens.tokens.accordionItemIconColor);
 const StyledPlus = _styledcomponents.default.div.withConfig({
     displayName: "AccordionItem.styles__StyledPlus",
-    componentId: "sc-95f3f5c2-9"
+    componentId: "sc-7c6fa1b4-11"
 })([
     `position:relative;display:flex;align-items:center;justify-content:center;width:var(`,
     `,1rem);height:var(`,
@@ -154,7 +172,7 @@ const StyledPlus = _styledcomponents.default.div.withConfig({
 ], _Accordiontokens.tokens.accordionItemIconSize, _Accordiontokens.tokens.accordionItemIconSize);
 const StyledAccordionItem = _styledcomponents.default.div.withConfig({
     displayName: "AccordionItem.styles__StyledAccordionItem",
-    componentId: "sc-95f3f5c2-10"
+    componentId: "sc-7c6fa1b4-12"
 })([
     `background:var(`,
     `);border:var(`,
@@ -174,5 +192,8 @@ const StyledAccordionItem = _styledcomponents.default.div.withConfig({
     `));}`,
     `{color:var(`,
     `,var(`,
+    `));}`,
+    `{color:var(`,
+    `,var(`,
     `));}}`
-], _Accordiontokens.tokens.accordionItemBackground, _Accordiontokens.tokens.accordionItemBorder, _Accordiontokens.tokens.accordionItemBorderBottom, _Accordiontokens.tokens.accordionItemShadow, _Accordiontokens.tokens.accordionItemBorder, _Accordiontokens.classes.accordionDisabled, _Accordiontokens.classes.accordionItemOpened, _Accordiontokens.tokens.accordionItemBackgroundHover, _Accordiontokens.tokens.accordionItemBackground, _Accordiontokens.classes.accordionItemOpened, _Accordiontokens.tokens.accordionItemOpenedBackground, _Accordiontokens.tokens.accordionItemBackground, StyledArrow, _Accordiontokens.tokens.accordionItemOpenedTitleColor, _Accordiontokens.tokens.accordionItemIconColor, StyledAccordionTitle, _Accordiontokens.tokens.accordionItemOpenedTitleColor, _Accordiontokens.tokens.accordionItemTitleColor);
+], _Accordiontokens.tokens.accordionItemBackground, _Accordiontokens.tokens.accordionItemBorder, _Accordiontokens.tokens.accordionItemBorderBottom, _Accordiontokens.tokens.accordionItemShadow, _Accordiontokens.tokens.accordionItemBorder, _Accordiontokens.classes.accordionDisabled, _Accordiontokens.classes.accordionItemOpened, _Accordiontokens.tokens.accordionItemBackgroundHover, _Accordiontokens.tokens.accordionItemBackground, _Accordiontokens.classes.accordionItemOpened, _Accordiontokens.tokens.accordionItemOpenedBackground, _Accordiontokens.tokens.accordionItemBackground, StyledArrow, _Accordiontokens.tokens.accordionItemOpenedTitleColor, _Accordiontokens.tokens.accordionItemIconColor, StyledChevron, _Accordiontokens.tokens.accordionItemOpenedTitleColor, _Accordiontokens.tokens.accordionItemIconColor, StyledAccordionTitle, _Accordiontokens.tokens.accordionItemOpenedTitleColor, _Accordiontokens.tokens.accordionItemTitleColor);

package/dist/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.js

@@ -103,7 +103,7 @@ const calendarBaseRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)(({ classNa
             min.setHours(0, 0, 0, 0);
         }
         if (max) {
-            max.setHours(23, 59, 59, 999);
+            max.setHours(0, 0, 0, 0);
         }
         const renderFrom = renderFromDate && new Date(renderFromDate);
         const [state, dispatch] = (0, _react.useReducer)(_reducer.reducer, (0, _reducer.getInitialState)(value, min, renderFrom, type));

package/dist/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.js

@@ -104,7 +104,7 @@ const calendarDoubleRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)(({ class
             min.setHours(0, 0, 0, 0);
         }
         if (max) {
-            max.setHours(23, 59, 59, 999);
+            max.setHours(0, 0, 0, 0);
         }
         const [state, dispatch] = (0, _react.useReducer)(_reducer.reducer, (0, _reducer.getInitialState)(value, min, renderFromDate, type, true));
         const { date, calendarState, startYear, size } = state;

package/dist/styled-components/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js

@@ -54,7 +54,7 @@ const sideInRange = ()=>`
 `;
 const StyledItem = _styledcomponents.default.div.withConfig({
     displayName: "DateStructureItem.styles__StyledItem",
-    componentId: "sc-74a7c0c6-0"
+    componentId: "sc-8520fce9-0"
 })([
     `border-radius:calc(var(`,
     `) - 0.125rem);`,
@@ -77,7 +77,7 @@ const disabledCurrentItem = ()=>`
 `;
 const StyledItemRoot = _styledcomponents.default.div.withConfig({
     displayName: "DateStructureItem.styles__StyledItemRoot",
-    componentId: "sc-74a7c0c6-1"
+    componentId: "sc-8520fce9-1"
 })([
     `font-family:var(`,
     `);font-size:var(`,
@@ -95,6 +95,7 @@ const StyledItemRoot = _styledcomponents.default.div.withConfig({
     `{`,
     `;}}&.`,
     `:not(.`,
+    `):not(.`,
     `){`,
     `;}&.`,
     `{color:var(`,
@@ -132,21 +133,21 @@ const StyledItemRoot = _styledcomponents.default.div.withConfig({
     outlineOffset: '0.1875rem',
     outlineColor: `var(${_Calendartokens.tokens.calendarOutlineFocusColor})`,
     outlineRadius: `var(${_Calendartokens.innerTokens.dateStructureBorderRadius})`
-}), _Calendartokens.classes.dayInCurrentMonth, _Calendartokens.classes.disabled, (0, _mixins1.addActive)({
+}), _Calendartokens.classes.dayInCurrentMonth, _Calendartokens.classes.disabled, _Calendartokens.classes.disabledCurrent, (0, _mixins1.addActive)({
     activeBackground: `var(${_Calendartokens.tokens.calendarActiveItemBackground})`,
     activeColor: `var(${_Calendartokens.tokens.calendarActiveItemColor})`,
     activeFontWeight: `var(${_Calendartokens.innerTokens.dateStructureSelectedFontWeight})`
 }), _Calendartokens.classes.dayOfWeek, _Calendartokens.tokens.calendarDayOfWeekColor, _Calendartokens.classes.disabled, ({ isDayInCurrentMonth })=>isDayInCurrentMonth ? `var(${_Calendartokens.tokens.calendarContentPrimaryDisabledColor})` : `var(${_Calendartokens.tokens.calendarContentSecondaryDisabledColor})`, disabledItem(), _Calendartokens.classes.disabledCurrent, ({ isDayInCurrentMonth })=>isDayInCurrentMonth ? `var(${_Calendartokens.tokens.calendarContentPrimaryDisabledColor})` : `var(${_Calendartokens.tokens.calendarContentSecondaryDisabledColor})`, disabledCurrentItem(), _Calendartokens.classes.currentItem, _Calendartokens.classes.inRange, _Calendartokens.classes.sideRight, _Calendartokens.classes.sideLeft, _Popover.popoverClasses.wrapper, _Popover.popoverClasses.targetAsRef);
 const StyledEvents = _styledcomponents.default.div.withConfig({
     displayName: "DateStructureItem.styles__StyledEvents",
-    componentId: "sc-74a7c0c6-2"
+    componentId: "sc-8520fce9-2"
 })([
     `display:flex;position:absolute;bottom:var(`,
     `,0.25rem);`
 ], _Calendartokens.tokens.calendarEventItemBottom);
 const StyledEvent = _styledcomponents.default.div.withConfig({
     displayName: "DateStructureItem.styles__StyledEvent",
-    componentId: "sc-74a7c0c6-3"
+    componentId: "sc-8520fce9-3"
 })([
     `margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:`,
     `;`

package/dist/styled-components/cjs/components/Combobox/Combobox.js

@@ -97,8 +97,7 @@ const comboboxRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>
             multiple,
             nativeMode,
             valueToItemMap,
-            renderValue,
-            onChangeValue
+            renderValue
         });
         const currentLabel = (0, _utils1.getTextValue)(multiple, value, valueToItemMap, renderValue);
         const { filteredItems, filteredMaps: { pathMap: filteredPathMap, focusedToValueMap: filteredFocusedToValueMap, valueToPathMap: filteredValueToPathMap } } = (0, _hooks1.useComboboxItems)({
@@ -156,6 +155,9 @@ const comboboxRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>
          */ /* Обработчик изменения значения в инпуте */ const handleTextValueChange = (e)=>{
             if (!filterValue || filterValue(e.target.value)) {
                 setTextValue(e.target.value);
+                if (onChangeValue) {
+                    onChangeValue(e.target.value);
+                }
             }
             dispatchPath({
                 type: 'opened_first_level'

package/dist/styled-components/cjs/components/Combobox/hooks/useValue.js

@@ -16,7 +16,7 @@ const getInitialValue = ({ defaultValue, multiple })=>{
     }
     return defaultValue || '';
 };
-const useValue = ({ outerValue, outerOnChange, defaultValue, multiple, nativeMode, valueToItemMap, renderValue, onChangeValue })=>{
+const useValue = ({ outerValue, outerOnChange, defaultValue, multiple, nativeMode, valueToItemMap, renderValue })=>{
     // Внутреннее состояние для корректной работы в uncontrolled-режиме.
     const [internalValue, setInternalValue] = (0, _react.useState)(getInitialValue({
         defaultValue,
@@ -31,7 +31,6 @@ const useValue = ({ outerValue, outerOnChange, defaultValue, multiple, nativeMod
             return;
         }
         setTextValueState(newTextValue);
-        onChangeValue?.(newTextValue);
     };
     const handleChange = (newValue, item)=>{
         setInternalValue(newValue);

package/dist/styled-components/cjs/components/DatePicker/FloatingPopover.js

@@ -83,8 +83,11 @@ const getFloatingPortalProps = (portal, wrappedId)=>{
         root: portal
     };
 };
-const FloatingPopover = /*#__PURE__*/ (0, _react1.forwardRef)(({ target, children, opened, onToggle, placement, portal, offset, zIndex, disableFlip, closeOnOverlayClick, closeOnEsc, innerWidth, innerHeight, stretchHeight }, ref)=>{
+const FloatingPopover = /*#__PURE__*/ (0, _react1.forwardRef)(({ target, referenceRef, children, opened, onToggle, placement, portal, offset, zIndex, disableFlip, closeOnOverlayClick, closeOnEsc, innerWidth, innerHeight, stretchHeight }, ref)=>{
     const { refs, floatingStyles, context } = (0, _react.useFloating)({
+        elements: referenceRef?.current ? {
+            reference: referenceRef.current
+        } : undefined,
         whileElementsMounted (referenceEl, floatingEl, update) {
             return (0, _react.autoUpdate)(referenceEl, floatingEl, update, {
                 ancestorScroll: false,
@@ -123,6 +126,14 @@ const FloatingPopover = /*#__PURE__*/ (0, _react1.forwardRef)(({ target, childre
     const { getReferenceProps, getFloatingProps } = (0, _react.useInteractions)([
         dismiss
     ]);
+    (0, _react1.useLayoutEffect)(()=>{
+        if (referenceRef?.current) {
+            refs.setReference(referenceRef.current);
+        }
+    }, [
+        referenceRef,
+        refs
+    ]);
     const wrappedId = (0, _utils.safeUseId)();
     const handleClick = (event)=>{
         onToggle(!opened, event);

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

@@ -83,7 +83,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     return newObj;
 }
 const datePickerRangeRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)(({ className, name, autoComplete, // controlled
-    isDoubleCalendar = false, opened: outerOpened, value: outerValue, defaultFirstDate = '', defaultSecondDate = '', preserveInvalidOnBlur, // variations
+    isDoubleCalendar = false, isCalendarPositionedByInput = false, opened: outerOpened, value: outerValue, defaultFirstDate = '', defaultSecondDate = '', preserveInvalidOnBlur, // variations
     view, size, readOnly = false, disabled = false, appearance, hasClearDivider, stretched, firstValueError, secondValueError, firstValueSuccess, secondValueSuccess, firstValueEdited, secondValueEdited, // layout
     required, requiredPlacement = 'right', hasRequiredIndicator = false, label, titleCaption, leftHelper, contentLeft, contentRight, dividerVariant = 'dash', dividerIcon, firstPlaceholder, secondPlaceholder, firstTextfieldContentLeft, firstTextfieldContentRight, secondTextfieldContentLeft, secondTextfieldContentRight, firstTextfieldTextBefore, secondTextfieldTextBefore, firstTextfieldTextAfter, secondTextfieldTextAfter, // hint
     hintTrigger = 'hover', hintText, hintView = 'default', hintSize = 'm', hintTargetIcon, hintTargetPlacement = 'outer', hintPlacement = 'auto', hintHasArrow, hintOffset = [
@@ -99,6 +99,8 @@ const datePickerRangeRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)(({ clas
         const rootRef = (0, _react.useRef)(null);
         const innerRefFirst = (0, _react.useRef)(null);
         const innerRefSecond = (0, _react.useRef)(null);
+        const firstTextfieldInputWrapperRef = (0, _react.useRef)(null);
+        const secondTextfieldInputWrapperRef = (0, _react.useRef)(null);
         const [firstInputRef, setFirstInputRef] = (0, _react.useState)(rangeRef?.current?.firstTextField());
         const [secondInputRef, setSecondInputRef] = (0, _react.useState)(rangeRef?.current?.secondTextField());
         const [isInnerOpen, setIsInnerOpen] = (0, _react.useState)(false);
@@ -140,6 +142,8 @@ const datePickerRangeRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)(({ clas
         const inputSecondValue = endInitialValues.formattedDate;
         const fullDateEntered = Boolean(calendarFirstValue && calendarSecondValue);
         const [secondTextFieldClicked, setSecondTextFieldClicked] = (0, _react.useState)(false);
+        const shouldPositionCalendarByInput = isCalendarPositionedByInput && !isDoubleCalendar;
+        const activeInputWrapperRef = secondTextFieldClicked ? secondTextfieldInputWrapperRef : firstTextfieldInputWrapperRef;
         const isSameMonth = Boolean(fullDateEntered && (0, _datejs.customDayjs)(calendarFirstValue).isSame(calendarSecondValue, 'month'));
         let calendarFocusedDate = calendarFirstValue;
         if (secondTextFieldClicked && calendarSecondValue) {
@@ -383,7 +387,9 @@ const datePickerRangeRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)(({ clas
         const renderRange = (inputWrapperRef)=>/*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(_RangeDatestyles.StyledRange, {
                 size: size,
                 ref: rangeRef,
-                inputWrapperRef: inputWrapperRef,
+                inputWrapperRef: shouldPositionCalendarByInput ? undefined : inputWrapperRef,
+                firstTextfieldInputWrapperRef: shouldPositionCalendarByInput ? firstTextfieldInputWrapperRef : undefined,
+                secondTextfieldInputWrapperRef: shouldPositionCalendarByInput ? secondTextfieldInputWrapperRef : undefined,
                 autoComplete: autoComplete,
                 dividerIcon: dividerIcon,
                 dividerVariant: dividerVariant,
@@ -522,6 +528,7 @@ const datePickerRangeRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)(({ clas
             ],
             calendarFocusedDate: calendarFocusedDate,
             target: renderRange,
+            referenceRef: shouldPositionCalendarByInput ? activeInputWrapperRef : undefined,
             opened: openedValue,
             includeEdgeDates: includeEdgeDates,
             eventTooltipOptions: eventTooltipOptions,

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

@@ -62,7 +62,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const RangeDatePopover = ({ rootWrapper: Root, target, opened, isDoubleCalendar, calendarValue, calendarFocusedDate, min, max, renderFromDate, includeEdgeDates, eventTooltipOptions, eventList, disabledList, eventMonthList, disabledMonthList, eventQuarterList, disabledQuarterList, eventYearList, disabledYearList, frame = 'document', usePortal = false, zIndex, placement = [
+const RangeDatePopover = ({ rootWrapper: Root, target, referenceRef, opened, isDoubleCalendar, calendarValue, calendarFocusedDate, min, max, renderFromDate, includeEdgeDates, eventTooltipOptions, eventList, disabledList, eventMonthList, disabledMonthList, eventQuarterList, disabledQuarterList, eventYearList, disabledYearList, frame = 'document', usePortal = false, zIndex, placement = [
     'top',
     'bottom'
 ], closeOnOverlayClick = true, closeOnEsc = true, offset, disableFlip, calendarContainerWidth, calendarContainerHeight, stretched, type = 'Days', size, lang = 'ru', disabled, readOnly, dateShortcuts, dateShortcutsPlacement = 'left', dateShortcutsWidth, onShortcutDateSelect, setIsInnerOpen, onChangeValue, onChangeStartOfRange, onChangeSingleValue, onChangeVisibleDate, onToggle })=>{
@@ -99,6 +99,7 @@ const RangeDatePopover = ({ rootWrapper: Root, target, opened, isDoubleCalendar,
             closeOnEsc: closeOnEsc,
             portal: usePortal ? frame : undefined,
             target: target,
+            referenceRef: referenceRef,
             innerWidth: calendarContainerWidthValue,
             innerHeight: calendarContainerHeightValue,
             stretchHeight: isCalendarHeightStretched
@@ -160,6 +161,7 @@ const RangeDatePopover = ({ rootWrapper: Root, target, opened, isDoubleCalendar,
         closeOnEsc: closeOnEsc,
         portal: usePortal ? frame : undefined,
         target: target,
+        referenceRef: referenceRef,
         innerWidth: calendarContainerWidthValue,
         innerHeight: calendarContainerHeightValue,
         stretchHeight: isCalendarHeightStretched

package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.js

@@ -32,6 +32,7 @@ const _ui = require("./ui");
 const _DateTimePickertokens = require("./DateTimePicker.tokens");
 const _useDateTimePicker = require("./hooks/useDateTimePicker");
 const _useKeyboardNavigation = require("./hooks/useKeyboardNavigation");
+const _utils1 = require("./utils");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -98,6 +99,12 @@ const dateTimePickerRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)(({ class
         const calendarOverlayRef = (0, _react.useRef)(null);
         const [isInnerOpen, setIsInnerOpen] = (0, _react.useState)(false);
         const openedValue = outerOpened ?? isInnerOpen;
+        const { calendarMin, calendarMax } = (0, _react.useMemo)(()=>(0, _utils1.getCalendarEdgeDates)(min, max, type, includeEdgeDates), [
+            min,
+            max,
+            type,
+            includeEdgeDates
+        ]);
         const { format, dateVisibleValue, calendarGridValue, inputValue, timeVisibleValue, timeColumnsCount, errorClass, successClass, editedClass, handleChangeValue, handleSearch, handleBlur, handleCalendarPick, handleTimePick, updateExternalDate, isDateEqualEdge } = (0, _useDateTimePicker.useDateTimePicker)({
             inputRef,
             outerValue,
@@ -272,8 +279,8 @@ const dateTimePickerRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)(({ class
             disabledQuarterList: disabledQuarterList,
             eventYearList: eventYearList,
             disabledYearList: disabledYearList,
-            min: min,
-            max: max,
+            min: calendarMin,
+            max: calendarMax,
             renderFromDate: renderFromDate,
             includeEdgeDates: includeEdgeDates,
             lang: lang,

package/dist/styled-components/cjs/components/DateTimePicker/utils/getCalendarEdgeDates.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "getCalendarEdgeDates", {
+    enumerable: true,
+    get: function() {
+        return getCalendarEdgeDates;
+    }
+});
+const hasTime = (date)=>date.getHours() !== 0 || date.getMinutes() !== 0 || date.getSeconds() !== 0 || date.getMilliseconds() !== 0;
+const getCalendarEdgeDates = (min, max, type, includeEdgeDates)=>{
+    if (type !== 'Days' || includeEdgeDates) {
+        return {
+            calendarMin: min,
+            calendarMax: max
+        };
+    }
+    let calendarMin = min;
+    if (min) {
+        calendarMin = new Date(min);
+        calendarMin.setDate(calendarMin.getDate() - 1);
+    }
+    let calendarMax = max;
+    if (max && hasTime(max)) {
+        calendarMax = new Date(max);
+        calendarMax.setDate(calendarMax.getDate() + 1);
+    }
+    return {
+        calendarMin,
+        calendarMax
+    };
+};

package/dist/styled-components/cjs/components/DateTimePicker/utils/index.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 _export_star(require("./getFormattedDateTime"), exports);
 _export_star(require("./normalizeDateTime"), exports);
+_export_star(require("./getCalendarEdgeDates"), exports);
 function _export_star(from, to) {
     Object.keys(from).forEach(function(k) {
         if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {

package/dist/styled-components/cjs/components/Drawer/Drawer.js

@@ -76,7 +76,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const drawerRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)(({ id, zIndex, popupInfo, withBlur, children, view, size, width, height, isOpen, opened, initialFocusRef, focusAfterRef, animationInfo, className, customBackgroundColor, customContentBackgroundColor, onClose, onOverlayClick, onEscKeyDown, offset, frame, positionFixed = false, borderRadius = 'none', placement = 'right', closeOnEsc = true, closeOnOverlayClick = true, asModal = true, draggable, ...rest }, outerRef)=>{
+const drawerRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)(({ id, zIndex, popupInfo, withBlur, overlayProps, children, view, size, width, height, isOpen, opened, initialFocusRef, focusAfterRef, animationInfo, className, customBackgroundColor, customContentBackgroundColor, onClose, onOverlayClick, onEscKeyDown, offset, frame, positionFixed = false, borderRadius = 'none', placement = 'right', closeOnEsc = true, closeOnOverlayClick = true, asModal = true, draggable, ...rest }, outerRef)=>{
         const innerIsOpen = Boolean(isOpen || opened);
         const trapRef = (0, _hooks.useFocusTrap)(true, initialFocusRef, focusAfterRef);
         const popupController = (0, _Popup.usePopupContext)();
@@ -86,6 +86,7 @@ const drawerRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)(({ id, zIndex, p
         const overlayBackgroundToken = withBlur ? `var(${_Drawertokens.tokens.drawerOverlayWithBlurColor})` : `var(${_Drawertokens.tokens.drawerOverlayColor})`;
         const innerWidth = width ? (0, _utils.getSizeValueFromProp)(width) : '100%';
         const innerHeight = height ? (0, _utils.getSizeValueFromProp)(height) : '100%';
+        const overlayPosition = overlayProps?.position ?? (frame === undefined || frame === 'document' ? 'fixed' : 'absolute');
         const placementClass = placement ? _Drawertokens.classes[`${placement}Placement`] : undefined;
         const { drawerInfo } = (0, _hooks1.useDrawer)({
             id: innerId,
@@ -136,7 +137,11 @@ const drawerRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)(({ id, zIndex, p
                 withBlur: withBlur,
                 transparent: transparent,
                 isClickable: closeOnOverlayClick,
-                onOverlayClick: onDrawerOverlayKeyDown
+                onOverlayClick: onDrawerOverlayKeyDown,
+                style: {
+                    ...overlayProps,
+                    position: overlayPosition
+                }
             })),
             ...rest
         }, /*#__PURE__*/ _react.default.createElement(Root, {

package/dist/styled-components/cjs/components/LinkButton/LinkButton.js

@@ -17,10 +17,17 @@ _export(exports, {
     }
 });
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _constants = require("../../utils/constants");
 const _base = require("./variations/_view/base");
 const _base1 = require("./variations/_size/base");
 const _base2 = require("./variations/_disabled/base");
 const _LinkButtonstyles = require("./LinkButton.styles");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -106,7 +113,9 @@ const linkButtonRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)((props, ref)
             }
         }, contentLeft && /*#__PURE__*/ _react.default.createElement(_LinkButtonstyles.StyledContentLeft, {
             hasContent: hasContent
-        }, contentLeft), txt ? /*#__PURE__*/ _react.default.createElement(_LinkButtonstyles.LinkButtonText, null, txt) : children, additionalContent && /*#__PURE__*/ _react.default.createElement(_LinkButtonstyles.StyledAdditionalContent, null, additionalContent), contentRight && /*#__PURE__*/ _react.default.createElement(_LinkButtonstyles.StyledContentRight, {
+        }, contentLeft), txt ? /*#__PURE__*/ _react.default.createElement(_LinkButtonstyles.LinkButtonText, {
+            className: (0, _classnames.default)(_constants.GRADIENT_TEXT_CLASS)
+        }, txt) : children, additionalContent && /*#__PURE__*/ _react.default.createElement(_LinkButtonstyles.StyledAdditionalContent, null, additionalContent), contentRight && /*#__PURE__*/ _react.default.createElement(_LinkButtonstyles.StyledContentRight, {
             hasContent: hasContent
         }, contentRight)), !disabled && isLoading && /*#__PURE__*/ _react.default.createElement(_LinkButtonstyles.Loader, null, loader || /*#__PURE__*/ _react.default.createElement(_LinkButtonstyles.StyledSpinner, null)));
     });

package/dist/styled-components/cjs/components/Modal/Modal.js

@@ -72,10 +72,10 @@ function _interop_require_wildcard(obj, nodeInterop) {
 }
 // issue #823
 const Popup = (0, _engines.component)(_Popup.popupConfig);
-const modalRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)(({ id, withAnimation, onClose, onOverlayClick, onEscKeyDown, closeOnEsc = true, closeOnOverlayClick = true, withBlur, isFocusTrapped = true, initialFocusRef, focusAfterRef, zIndex, popupInfo, children, view, opened, isOpen, hasBody, hasClose, resizable, draggable, overlay, ...rest }, outerRootRef)=>{
+const modalRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)(({ id, withAnimation, onClose, onOverlayClick, onEscKeyDown, closeOnEsc = true, closeOnOverlayClick = true, withBlur, isFocusTrapped = true, initialFocusRef, focusAfterRef, focusTrapSelectors, zIndex, popupInfo, children, view, opened, isOpen, hasBody, hasClose, resizable, draggable, overlay, ...rest }, outerRootRef)=>{
         const innerIsOpen = Boolean(isOpen || opened);
         const innerHasClose = hasClose === undefined && hasBody || hasClose;
-        const trapRef = (0, _hooks.useFocusTrap)(isFocusTrapped, initialFocusRef, focusAfterRef, true, !isFocusTrapped);
+        const trapRef = (0, _hooks.useFocusTrap)(isFocusTrapped, initialFocusRef, focusAfterRef, true, !isFocusTrapped, focusTrapSelectors);
         const popupController = (0, _Popup.usePopupContext)();
         const innerRef = (0, _hooks.useForkRef)(trapRef, outerRootRef);
         const uniqId = (0, _utils.safeUseId)();

package/dist/styled-components/cjs/components/Notification/NotificationsContext.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get NotificationsContext () {
+        return NotificationsContext;
+    },
+    get useNotifications () {
+        return useNotifications;
+    }
+});
+const _react = require("react");
+const NotificationsContext = (0, _react.createContext)(null);
+const useNotifications = ()=>{
+    const context = (0, _react.useContext)(NotificationsContext);
+    if (!context) {
+        throw new Error('useNotifications must be used within a NotificationsProvider');
+    }
+    return context;
+};

package/dist/styled-components/cjs/components/Notification/NotificationsPortal.js

@@ -14,7 +14,7 @@ const _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled
 const _engines = require("../../engines");
 const _utils = require("../../utils");
 const _Popup = require("../Popup");
-const _NotificationsStore = require("./NotificationsStore");
+const _NotificationsContext = require("./NotificationsContext");
 const _Notificationstyles = require("./Notification.styles");
 const _Notificationtokens = require("./Notification.tokens");
 function _interop_require_default(obj) {
@@ -67,13 +67,14 @@ function _interop_require_wildcard(obj, nodeInterop) {
 const Popup = (0, _engines.component)(_Popup.popupConfig);
 const StyledPopup = (0, _styledcomponents.default)(Popup).withConfig({
     displayName: "NotificationsPortal__StyledPopup",
-    componentId: "sc-e2f738ff-0"
+    componentId: "sc-90565c10-0"
 })([
     `& > .`,
     `{overflow:hidden;}`
 ], _Popup.popupClasses.root);
 const NotificationsPortal = ({ config, frame, placement = 'bottom-right', UNSAFE_SSR_ENABLED, className })=>{
     const { notifications } = (0, _react1.useStoreon)('notifications');
+    const { closeNotification } = (0, _NotificationsContext.useNotifications)();
     const Notification = (0, _react.useMemo)(()=>(0, _engines.component)(config), []);
     const hasLeftAnimationClass = [
         'left',
@@ -97,7 +98,7 @@ const NotificationsPortal = ({ config, frame, placement = 'bottom-right', UNSAFE
         }, /*#__PURE__*/ _react.default.createElement(Notification, {
             key: id,
             id: id,
-            onCloseButtonClick: ()=>(0, _NotificationsStore.closeNotification)(id),
+            onCloseButtonClick: ()=>closeNotification(id),
             ...rest
         }))))));
 };