@salutejs/plasma-new-hope 0.384.0-dev.0 → 0.385.0

package/dist/styled-components/es/components/Carousel/CarouselNew/hooks/useCarousel.js

@@ -2,6 +2,7 @@ import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } fr
 import { defaultRangeExtractor, useVirtualizer } from "@tanstack/react-virtual";
 import { getGapWidth, getClosestIndex, getCalculatedPos } from "../utils";
 import { VIRTUAL_OVERSCAN, DEFAULT_ESTIMATED_SLIDE_WIDTH, ITEM_VIRTUAL_ATTRIBUTE } from "../Carousel";
+const AXIS_LOCK_THRESHOLD = 8;
 // Хук инкапсулирует scroll, swipe и виртуализацию трека карусели.
 export const useCarousel = ({ index, scrollAlign, onChangeIndex, swipeEnabled, slidesAmount, gap, virtual = false })=>{
     const scrollRef = useRef(null);
@@ -226,8 +227,10 @@ export const useCarousel = ({ index, scrollAlign, onChangeIndex, swipeEnabled, s
             return;
         }
         let startX = 0;
+        let startY = 0;
         let startScrollLeft = 0;
         let activePointerId = null;
+        let axisLocked = false;
         let initialScrollBehavior = '';
         let initialScrollSnapType = '';
         // Возвращает inline-настройки scroll после завершения drag-взаимодействия.
@@ -238,6 +241,7 @@ export const useCarousel = ({ index, scrollAlign, onChangeIndex, swipeEnabled, s
         // Сбрасывает служебное состояние drag/swipe.
         const resetInteraction = ()=>{
             activePointerId = null;
+            axisLocked = false;
             isInteracting.current = false;
             restoreScrollBehavior();
         };
@@ -265,9 +269,8 @@ export const useCarousel = ({ index, scrollAlign, onChangeIndex, swipeEnabled, s
             });
             onChangeIndex(nextIndex);
         };
-        // Запоминает стартовую точку drag и временно отключает smooth/snap на время жеста.
-        const startInteraction = ({ clientX })=>{
-            startX = clientX;
+        // Временно отключает smooth/snap после того, как жест признан горизонтальным.
+        const startInteraction = ()=>{
             startScrollLeft = scrollElement.scrollLeft;
             initialScrollBehavior = scrollElement.style.scrollBehavior;
             initialScrollSnapType = scrollElement.style.scrollSnapType;
@@ -288,6 +291,24 @@ export const useCarousel = ({ index, scrollAlign, onChangeIndex, swipeEnabled, s
             if (event.pointerId !== activePointerId) {
                 return;
             }
+            if (!axisLocked) {
+                const diffX = event.clientX - startX;
+                const diffY = event.clientY - startY;
+                if (Math.hypot(diffX, diffY) < AXIS_LOCK_THRESHOLD) {
+                    return;
+                }
+                // Вертикальный жест отдаём странице: без preventDefault скролл не блокируется.
+                if (Math.abs(diffY) > Math.abs(diffX)) {
+                    if (scrollElement.hasPointerCapture(event.pointerId)) {
+                        scrollElement.releasePointerCapture(event.pointerId);
+                    }
+                    activePointerId = null;
+                    return;
+                }
+                axisLocked = true;
+                startInteraction();
+                scrollElement.setPointerCapture(event.pointerId);
+            }
             moveInteraction({
                 clientX: event.clientX
             });
@@ -303,18 +324,26 @@ export const useCarousel = ({ index, scrollAlign, onChangeIndex, swipeEnabled, s
             if (scrollElement.hasPointerCapture(event.pointerId)) {
                 scrollElement.releasePointerCapture(event.pointerId);
             }
+            if (!axisLocked) {
+                activePointerId = null;
+                return;
+            }
             finishInteraction();
         };
-        // Стартует drag только для допустимых primary-pointer событий.
+        // Запоминает старт жеста. Drag включается только после горизонтального порога.
         const onPointerDown = (event)=>{
             if (!swipeEnabled || !event.isPrimary || event.pointerType === 'mouse' && event.button !== 0) {
                 return;
             }
             activePointerId = event.pointerId;
-            startInteraction({
-                clientX: event.clientX
-            });
-            scrollElement.setPointerCapture(event.pointerId);
+            startX = event.clientX;
+            startY = event.clientY;
+            axisLocked = false;
+            // Мышь захватываем сразу, чтобы pointerup за пределами карусели сбросил жест.
+            // Тач не захватываем: иначе вертикальный скролл страницы блокируется.
+            if (event.pointerType === 'mouse') {
+                scrollElement.setPointerCapture(event.pointerId);
+            }
         };
         if (swipeEnabled) {
             scrollElement.addEventListener('pointerdown', onPointerDown);

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

@@ -265,11 +265,10 @@ import { Context } from "./Combobox.context";
             portal: portal,
             listWidth: listWidth,
             offset: _offset,
-            target: (referenceRef)=>/*#__PURE__*/ React.createElement("div", {
-                    onClick: handleTargetClick
-                }, /*#__PURE__*/ React.createElement(StyledTextField, {
+            target: (referenceRef)=>/*#__PURE__*/ React.createElement("div", null, /*#__PURE__*/ React.createElement(StyledTextField, {
                     ref: name ? inputRef : inputForkRef,
                     inputWrapperRef: referenceRef,
+                    _onFieldClick: handleTargetClick,
                     opened: isListOpened,
                     value: textValue,
                     onChange: handleTextValueChange,

package/dist/styled-components/es/components/Combobox/Combobox.styles.js

@@ -7,7 +7,7 @@ const mergedConfig = mergeConfig(emptyStateConfig);
 const EmptyState = component(mergedConfig);
 export const ListWrapper = styled.div.withConfig({
     displayName: "Combobox.styles__ListWrapper",
-    componentId: "sc-3999c414-0"
+    componentId: "sc-4d9b2736-0"
 })([
     `width:`,
     `;padding:calc(var(`,
@@ -22,7 +22,7 @@ export const ListWrapper = styled.div.withConfig({
 ], ({ listWidth })=>listWidth || '100%', tokens.padding, tokens.dropdownBorderWidth, tokens.borderRadius, tokens.dropdownBackgroundColor, constants.background, constants.boxShadow, tokens.dropdownBorderWidth, tokens.dropdownBorderColor);
 export const Ul = styled.ul.withConfig({
     displayName: "Combobox.styles__Ul",
-    componentId: "sc-3999c414-1"
+    componentId: "sc-4d9b2736-1"
 })([
     `max-height:`,
     `;overflow-x:hidden;overflow-y:`,
@@ -33,7 +33,7 @@ export const Ul = styled.ul.withConfig({
 ], ({ virtual, listMaxHeight })=>virtual ? 'auto' : listMaxHeight || 'auto', ({ virtual })=>virtual ? 'visible' : 'auto', tokens.borderRadius, tokens.dropdownBorderWidth, classes.emptyStateWrapper);
 export const IconArrowWrapper = styled.div.withConfig({
     displayName: "Combobox.styles__IconArrowWrapper",
-    componentId: "sc-3999c414-2"
+    componentId: "sc-4d9b2736-2"
 })([
     `line-height:0;color:var(`,
     `);cursor:`,
@@ -48,18 +48,20 @@ export const sizeMap = {
 };
 export const StyledArrow = styled(IconDisclosureDownCentered).withConfig({
     displayName: "Combobox.styles__StyledArrow",
-    componentId: "sc-3999c414-3"
+    componentId: "sc-4d9b2736-3"
 })([
     `width:`,
     `;height:`,
     `;`
 ], ({ size = 'xs' })=>`var(${tokens.disclosureIconSize}, ${sizeMap[size]})`, ({ size = 'xs' })=>`var(${tokens.disclosureIconSize}, ${sizeMap[size]})`);
+// Чипы не сжимаются и раздувают min-content, из-за этого Combobox вылезает из grid/flex.
+// minmax(0, 1fr) и min-width: 0 позволяют сжаться и корню, и внешней ячейке, не обрезая список.
 export const base = css([
-    ``
+    `display:grid;grid-template-columns:minmax(0,1fr);min-width:0;`
 ]);
 export const StyledEmptyState = styled(EmptyState).withConfig({
     displayName: "Combobox.styles__StyledEmptyState",
-    componentId: "sc-3999c414-4"
+    componentId: "sc-4d9b2736-4"
 })([
     ``,
     `:var(`,
@@ -81,7 +83,7 @@ export const StyledEmptyState = styled(EmptyState).withConfig({
 ], emptyStateTokens.borderRadius, tokens.textFieldBorderRadius, emptyStateTokens.padding, tokens.emptyStatePadding, emptyStateTokens.fontFamily, tokens.textFieldFontFamily, emptyStateTokens.fontSize, tokens.textFieldFontSize, emptyStateTokens.fontStyle, tokens.textFieldFontStyle, emptyStateTokens.fontWeight, tokens.textFieldFontWeight, emptyStateTokens.fontLetterSpacing, tokens.textFieldLetterSpacing, emptyStateTokens.fontLineHeight, tokens.textFieldLineHeight);
 export const StyledLeftHelper = styled.span.withConfig({
     displayName: "Combobox.styles__StyledLeftHelper",
-    componentId: "sc-3999c414-5"
+    componentId: "sc-4d9b2736-5"
 })([
     `margin:0;padding:0;`
 ]);

package/dist/styled-components/es/components/DatePicker/DatePicker.tokens.js

@@ -102,6 +102,7 @@ export const tokens = {
     leftHelperLetterSpacing: '--plasma-date-picker__left-helper-letter-spacing',
     leftHelperLineHeight: '--plasma-date-picker__left-helper-line-height',
     titleCaptionOffset: '--plasma-date-picker-title-caption-offset',
+    titleCaptionMargin: '--plasma-date-picker-title-caption-margin',
     titleCaptionColor: '--plasma-date-picker-title-caption-color',
     titleCaptionFontFamily: '--plasma-date-picker-title-caption-font-family',
     titleCaptionFontStyle: '--plasma-date-picker-title-caption-font-style',

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

@@ -26,9 +26,6 @@ const getFloatingPortalProps = (portal, wrappedId)=>{
 };
 const FloatingPopover = /*#__PURE__*/ forwardRef(({ target, referenceRef, children, opened, onToggle, placement, portal, offset, zIndex, disableFlip, closeOnOverlayClick, closeOnEsc, innerWidth, innerHeight, stretchHeight }, ref)=>{
     const { refs, floatingStyles, context } = useFloating({
-        elements: referenceRef?.current ? {
-            reference: referenceRef.current
-        } : undefined,
         whileElementsMounted (referenceEl, floatingEl, update) {
             return autoUpdate(referenceEl, floatingEl, update, {
                 ancestorScroll: false,
@@ -68,17 +65,13 @@ const FloatingPopover = /*#__PURE__*/ forwardRef(({ target, referenceRef, childr
         dismiss
     ]);
     useLayoutEffect(()=>{
-        if (referenceRef?.current) {
-            refs.setReference(referenceRef.current);
-        }
+        // Активный инпут задаёт положение календаря; весь target остаётся областью взаимодействия.
+        refs.setPositionReference(referenceRef?.current ?? refs.domReference.current);
     }, [
         referenceRef,
         refs
     ]);
     const wrappedId = safeUseId();
-    const handleClick = (event)=>{
-        onToggle(!opened, event);
-    };
     // Проверка на target. Это может быть как ReactNode, так и функция, в которую пробрасывается ref.
     // Это нужно для более тонкой настройки reference-элемента, вокруг которого и будет позиционироваться выпадашка.
     // Пример: когда в Textfield под инпутом находится helperText (или еще что-либо),
@@ -89,9 +82,7 @@ const FloatingPopover = /*#__PURE__*/ forwardRef(({ target, referenceRef, childr
         id: wrappedId
     }, /*#__PURE__*/ React.createElement(FloatingTarget, {
         ref: isTargetAsFunction ? undefined : refs.setReference,
-        ...getReferenceProps({
-            onClick: handleClick
-        })
+        ...getReferenceProps()
     }, typeof target === 'function' ? target(refs.setReference) : target), opened && /*#__PURE__*/ React.createElement(FloatingPortal, getFloatingPortalProps(portal, wrappedId), /*#__PURE__*/ React.createElement(FloatingContent, {
         ref: refs.setFloating,
         style: {

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

@@ -30,7 +30,7 @@ export const datePickerRangeRoot = (Root)=>/*#__PURE__*/ forwardRef(({ className
         'top',
         'bottom'
     ], closeOnOverlayClick = true, closeOnEsc = true, closeAfterDateSelect = true, offset, disableFlip, // calendar
-    format = 'DD.MM.YYYY', lang = 'ru', maskWithFormat, min, max, renderFromDate, includeEdgeDates = false, eventTooltipOptions, eventList, disabledList, eventMonthList, disabledMonthList, eventQuarterList, disabledQuarterList, quarterNames, eventYearList, disabledYearList, type = 'Days', calendarContainerWidth, calendarContainerHeight, dateShortcuts, dateShortcutsPlacement = 'left', dateShortcutsWidth, onToggle, onChange, onChangeFirstValue, onChangeSecondValue, onChangeVisibleDate, onCommitFirstDate, onCommitSecondDate, onFocusFirstTextfield, onFocusSecondTextfield, onBlurFirstTextfield, onBlurSecondTextfield, ...rest }, ref)=>{
+    format = 'DD.MM.YYYY', lang = 'ru', maskWithFormat, min, max, renderFromDate, includeEdgeDates = false, eventTooltipOptions, eventList, disabledList, eventMonthList, disabledMonthList, eventQuarterList, disabledQuarterList, quarterNames, eventYearList, disabledYearList, type = 'Days', periodSelectorAlign, calendarContainerWidth, calendarContainerHeight, dateShortcuts, dateShortcutsPlacement = 'left', dateShortcutsWidth, onToggle, onChange, onChangeFirstValue, onChangeSecondValue, onChangeVisibleDate, onCommitFirstDate, onCommitSecondDate, onFocusFirstTextfield, onFocusSecondTextfield, onBlurFirstTextfield, onBlurSecondTextfield, ...rest }, ref)=>{
         const rangeRef = ref && 'current' in ref ? ref : /*#__PURE__*/ createRef();
         const rootRef = useRef(null);
         const innerRefFirst = useRef(null);
@@ -324,7 +324,16 @@ export const datePickerRangeRoot = (Root)=>/*#__PURE__*/ forwardRef(({ className
         const renderRange = (inputWrapperRef)=>/*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(StyledRange, {
                 size: size,
                 ref: rangeRef,
-                inputWrapperRef: shouldPositionCalendarByInput ? undefined : inputWrapperRef,
+                _onFieldClick: (event)=>handleToggle(true, event),
+                _onContentClick: (event)=>{
+                    if (disabled || readOnly) {
+                        return;
+                    }
+                    firstInputRef?.current?.focus();
+                    setSecondTextFieldClicked(false);
+                    handleToggle(true, event);
+                },
+                inputWrapperRef: inputWrapperRef,
                 firstTextfieldInputWrapperRef: shouldPositionCalendarByInput ? firstTextfieldInputWrapperRef : undefined,
                 secondTextfieldInputWrapperRef: shouldPositionCalendarByInput ? secondTextfieldInputWrapperRef : undefined,
                 autoComplete: autoComplete,
@@ -492,6 +501,7 @@ export const datePickerRangeRoot = (Root)=>/*#__PURE__*/ forwardRef(({ className
             calendarContainerWidth: calendarContainerWidth,
             calendarContainerHeight: calendarContainerHeight,
             type: type,
+            periodSelectorAlign: periodSelectorAlign,
             onChangeVisibleDate: onChangeVisibleDate,
             onToggle: handleToggle,
             lang: lang,

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

@@ -6,7 +6,7 @@ import { FloatingPopover } from "../../FloatingPopover";
 import { StyledCalendarContent } from "../../DatePickerBase.styles";
 import { getCalendarContainerSize, hasCustomCalendarContainerSize } from "../../utils";
 import { StyledCalendar, StyledCalendarDouble } from "./RangeDatePopover.styles";
-export const RangeDatePopover = ({ rootWrapper: Root, target, referenceRef, opened, isDoubleCalendar, calendarValue, calendarFocusedDate, min, max, renderFromDate, includeEdgeDates, eventTooltipOptions, eventList, disabledList, eventMonthList, disabledMonthList, eventQuarterList, disabledQuarterList, quarterNames, eventYearList, disabledYearList, frame = 'document', usePortal = false, zIndex, placement = [
+export const RangeDatePopover = ({ rootWrapper: Root, target, referenceRef, opened, isDoubleCalendar, calendarValue, calendarFocusedDate, min, max, renderFromDate, includeEdgeDates, eventTooltipOptions, eventList, disabledList, eventMonthList, disabledMonthList, eventQuarterList, disabledQuarterList, quarterNames, eventYearList, disabledYearList, periodSelectorAlign, 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 })=>{
@@ -151,6 +151,7 @@ export const RangeDatePopover = ({ rootWrapper: Root, target, referenceRef, open
         type: type,
         locale: lang,
         includeEdgeDates: includeEdgeDates,
+        periodSelectorAlign: periodSelectorAlign,
         onChangeValue: onChangeValue,
         onChangeStartOfRange: onChangeStartOfRange,
         onChangeSingleValue: onChangeSingleValue,

package/dist/styled-components/es/components/DatePicker/SingleDate/SingleDate.js

@@ -30,7 +30,7 @@ export const datePickerRoot = (Root)=>/*#__PURE__*/ forwardRef(({ className, nam
         'top',
         'bottom'
     ], closeOnOverlayClick = true, closeOnEsc = true, closeAfterDateSelect = true, offset, disableFlip, // calendar
-    format = 'DD.MM.YYYY', lang = 'ru', maskWithFormat, min, max, renderFromDate, includeEdgeDates = false, eventTooltipOptions, eventList, disabledList, eventMonthList, disabledMonthList, eventQuarterList, disabledQuarterList, quarterNames, eventYearList, disabledYearList, type = 'Days', calendarContainerWidth, calendarContainerHeight, dateShortcuts, dateShortcutsPlacement = 'left', dateShortcutsWidth, // callbacks
+    format = 'DD.MM.YYYY', lang = 'ru', periodSelectorAlign, maskWithFormat, min, max, renderFromDate, includeEdgeDates = false, eventTooltipOptions, eventList, disabledList, eventMonthList, disabledMonthList, eventQuarterList, disabledQuarterList, quarterNames, eventYearList, disabledYearList, type = 'Days', calendarContainerWidth, calendarContainerHeight, dateShortcuts, dateShortcutsPlacement = 'left', dateShortcutsWidth, // callbacks
     onChangeVisibleDate, onChangeValue, onCommitDate, onToggle, onFocus, onBlur, onChange, ...rest }, ref)=>{
         const inputRef = useRef(null);
         const inputForkRef = useForkRef(inputRef, ref);
@@ -205,6 +205,7 @@ export const datePickerRoot = (Root)=>/*#__PURE__*/ forwardRef(({ className, nam
             target: (referenceRef)=>/*#__PURE__*/ React.createElement(StyledInput, {
                     ref: inputForkRef,
                     inputWrapperRef: referenceRef,
+                    _onFieldClick: (event)=>handleToggle(true, event),
                     className: cls(datePickerErrorClass, datePickerSuccessClass, datePickerEditedClass),
                     value: inputValue,
                     size: size,
@@ -291,6 +292,7 @@ export const datePickerRoot = (Root)=>/*#__PURE__*/ forwardRef(({ className, nam
             includeEdgeDates: includeEdgeDates,
             isRange: false,
             locale: lang,
+            periodSelectorAlign: periodSelectorAlign,
             onChangeValue: handleCalendarPick,
             onChangeVisibleDate: onChangeVisibleDate
         })))), leftHelper && /*#__PURE__*/ React.createElement(LeftHelper, {

package/dist/styled-components/es/components/DatePicker/SingleDate/SingleDate.styles.js

@@ -7,7 +7,7 @@ const TextField = component(mergedTextFieldConfig);
 // NOTE: переопределение токенов TextField
 export const StyledInput = styled(TextField).withConfig({
     displayName: "SingleDate.styles__StyledInput",
-    componentId: "sc-8ec0099a-0"
+    componentId: "sc-9ba64415-0"
 })([
     `width:100%;`,
     `:var(`,
@@ -169,6 +169,8 @@ export const StyledInput = styled(TextField).withConfig({
     `:var(`,
     `);`,
     `:var(`,
+    `);`,
+    `:var(`,
     `,var(`,
     `));`,
     `:var(`,
@@ -304,7 +306,7 @@ export const StyledInput = styled(TextField).withConfig({
     `);`,
     `:var(`,
     `);}`
-], textFieldTokens.color, tokens.textFieldColor, textFieldTokens.placeholderColor, tokens.textFieldPlaceholderColor, textFieldTokens.placeholderColorFocus, tokens.textFieldPlaceholderColorFocus, textFieldTokens.clearPlaceholderColorFocus, tokens.textFieldClearPlaceholderColorFocus, textFieldTokens.caretColor, tokens.textFieldCaretColor, textFieldTokens.focusColor, tokens.textFieldFocusColor, textFieldTokens.backgroundColor, tokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundColorFocus, textFieldTokens.boxShadowSecondary, tokens.textFieldBoxShadowSecondary, textFieldTokens.borderColor, tokens.borderColor, textFieldTokens.borderColorHover, tokens.borderColorHover, textFieldTokens.borderColorFocus, tokens.borderColorFocus, textFieldTokens.colorReadOnly, tokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, tokens.textFieldBackgroundColorReadOnly, textFieldTokens.readOnlyOpacity, tokens.textFieldReadOnlyOpacity, textFieldTokens.borderColorReadOnly, tokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, textFieldTokens.dividerColor, tokens.clearDividerColor, textFieldTokens.dividerColorFocus, tokens.textFieldDividerColorFocus, textFieldTokens.dividerColorHover, tokens.textFieldDividerColorHover, textFieldTokens.labelColor, tokens.labelColor, textFieldTokens.labelColorReadOnly, tokens.labelColorReadOnly, textFieldTokens.height, tokens.textFieldHeight, textFieldTokens.borderWidth, tokens.textFieldBorderWidth, textFieldTokens.borderRadius, tokens.textFieldBorderRadius, textFieldTokens.padding, tokens.textFieldPadding, textFieldTokens.labelInnerPadding, tokens.labelInnerPadding, textFieldTokens.contentLabelInnerPadding, tokens.contentLabelInnerPadding, textFieldTokens.labelOffset, tokens.labelOffset, textFieldTokens.labelFontFamily, tokens.labelFontFamily, textFieldTokens.labelFontStyle, tokens.labelFontStyle, textFieldTokens.labelFontSize, tokens.labelFontSize, textFieldTokens.labelFontWeight, tokens.labelFontWeight, textFieldTokens.labelLetterSpacing, tokens.labelLetterSpacing, textFieldTokens.labelLineHeight, tokens.labelLineHeight, textFieldTokens.labelInnerFontFamily, tokens.labelInnerFontFamily, textFieldTokens.labelInnerFontSize, tokens.labelInnerFontSize, textFieldTokens.labelInnerFontStyle, tokens.labelInnerFontStyle, textFieldTokens.labelInnerFontWeight, tokens.labelInnerFontWeight, textFieldTokens.labelInnerLetterSpacing, tokens.labelInnerLetterSpacing, textFieldTokens.labelInnerLineHeight, tokens.labelInnerLineHeight, textFieldTokens.titleCaptionInnerLabelOffset, tokens.titleCaptionOffset, textFieldTokens.titleCaptionColor, tokens.titleCaptionColor, textFieldTokens.titleCaptionFontFamily, tokens.titleCaptionFontFamily, textFieldTokens.titleCaptionFontStyle, tokens.titleCaptionFontStyle, textFieldTokens.titleCaptionFontSize, tokens.titleCaptionFontSize, textFieldTokens.titleCaptionFontWeight, tokens.titleCaptionFontWeight, textFieldTokens.titleCaptionLetterSpacing, tokens.titleCaptionLetterSpacing, textFieldTokens.titleCaptionLineHeight, tokens.titleCaptionLineHeight, textFieldTokens.indicatorColor, tokens.indicatorColor, textFieldTokens.indicatorSizeInner, tokens.indicatorSizeInner, textFieldTokens.indicatorSizeOuter, tokens.indicatorSizeOuter, textFieldTokens.indicatorLabelPlacementInner, tokens.indicatorPlacement, textFieldTokens.indicatorLabelPlacementOuter, tokens.indicatorOuterPlacement, textFieldTokens.indicatorLabelPlacementInnerRight, tokens.indicatorPlacementRight, textFieldTokens.indicatorLabelPlacementOuterRight, tokens.indicatorOuterPlacementRight, textFieldTokens.clearIndicatorHintInnerRight, tokens.clearIndicatorHintInnerRight, textFieldTokens.hintMargin, tokens.hintMargin, textFieldTokens.hintTargetSize, tokens.hintTargetSize, textFieldTokens.hintCustomIconTargetSize, tokens.hintCustomIconTargetSize, textFieldTokens.hintIconColor, tokens.hintIconColor, textFieldTokens.hintInnerLabelPlacementOffset, tokens.hintInnerLabelPlacementOffset, textFieldTokens.clearHintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, textFieldTokens.leftContentMargin, tokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, tokens.textFieldRightContentMargin, textFieldTokens.fontFamily, tokens.textFieldFontFamily, textFieldTokens.fontSize, tokens.textFieldFontSize, textFieldTokens.fontStyle, tokens.textFieldFontStyle, textFieldTokens.fontWeight, tokens.textFieldFontWeight, textFieldTokens.letterSpacing, tokens.textFieldLetterSpacing, textFieldTokens.lineHeight, tokens.textFieldLineHeight, textFieldTokens.disabledOpacity, tokens.disabledOpacity, textFieldTokens.disabledBackgroundOpacity, tokens.disabledBackgroundOpacity, textFieldTokens.disabledInnerContentOpacity, tokens.disabledInnerContentOpacity, textFieldTokens.textBeforeColor, tokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, tokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, tokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, tokens.textFieldTextAfterMargin, textFieldTokens.contentSlotColor, tokens.textFieldContentSlotColor, tokens.textFieldColor, textFieldTokens.contentSlotColorHover, tokens.textFieldContentSlotColorHover, tokens.textFieldColor, textFieldTokens.contentSlotColorActive, tokens.textFieldContentSlotColorActive, tokens.textFieldColor, textFieldTokens.contentSlotRightColor, tokens.textFieldContentRightSlotColor, textFieldTokens.contentSlotColor, textFieldTokens.contentSlotRightColorHover, tokens.textFieldContentRightSlotColorHover, textFieldTokens.contentSlotRightColor, textFieldTokens.contentSlotRightColorActive, tokens.textFieldContentRightSlotColorActive, textFieldTokens.contentSlotRightColor, textFieldTokens.contentSlotRightOpacityReadOnly, tokens.textFieldContentSlotRightOpacityReadOnly, textFieldTokens.tooltipPaddingTop, tokens.hintTooltipPaddingTop, textFieldTokens.tooltipPaddingRight, tokens.hintTooltipPaddingRight, textFieldTokens.tooltipPaddingBottom, tokens.hintTooltipPaddingBottom, textFieldTokens.tooltipPaddingLeft, tokens.hintTooltipPaddingLeft, textFieldTokens.tooltipMinHeight, tokens.hintTooltipMinHeight, textFieldTokens.tooltipBackgroundColor, tokens.hintTooltipBackgroundColor, textFieldTokens.tooltipBoxShadow, tokens.hintTooltipBoxShadow, textFieldTokens.tooltipBorderRadius, tokens.hintTooltipBorderRadius, textFieldTokens.tooltipColor, tokens.hintTooltipColor, textFieldTokens.tooltipTextFontFamily, tokens.hintTooltipTextFontFamily, textFieldTokens.tooltipTextFontSize, tokens.hintTooltipTextFontSize, textFieldTokens.tooltipTextFontStyle, tokens.hintTooltipTextFontStyle, textFieldTokens.tooltipTextFontWeight, tokens.hintTooltipTextFontWeight, textFieldTokens.tooltipTextFontLetterSpacing, tokens.hintTooltipTextFontLetterSpacing, textFieldTokens.tooltipTextFontLineHeight, tokens.hintTooltipTextFontLineHeight, textFieldTokens.tooltipContentLeftMargin, tokens.hintTooltipContentLeftMargin, textFieldTokens.tooltipArrowMaskWidth, tokens.hintTooltipArrowMaskWidth, textFieldTokens.tooltipArrowMaskHeight, tokens.hintTooltipArrowMaskHeight, textFieldTokens.tooltipArrowMaskImage, tokens.hintTooltipArrowMaskImage, textFieldTokens.tooltipArrowBackground, tokens.hintTooltipArrowBackground, textFieldTokens.tooltipArrowHeight, tokens.hintTooltipArrowHeight, textFieldTokens.tooltipArrowEdgeMargin, tokens.hintTooltipArrowEdgeMargin, classes.datePickerSuccess, textFieldTokens.color, tokens.textFieldColorSuccess, tokens.textFieldColor, textFieldTokens.backgroundColor, tokens.textFieldBackgroundSuccessColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundSuccessColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundSuccessColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorSuccess, textFieldTokens.borderColorHover, tokens.textFieldBorderColorSuccessHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorSuccessFocus, textFieldTokens.dividerColor, tokens.textFieldDividerColorSuccess, textFieldTokens.contentSlotColor, tokens.textFieldContentSlotColorSuccess, tokens.textFieldContentSlotColor, textFieldTokens.contentSlotColorHover, tokens.textFieldContentSlotColorSuccessHover, tokens.textFieldContentSlotColorHover, textFieldTokens.contentSlotColorActive, tokens.textFieldContentSlotColorSuccessActive, tokens.textFieldContentSlotColorActive, classes.datePickerError, textFieldTokens.color, tokens.textFieldColorError, tokens.textFieldColor, textFieldTokens.backgroundColor, tokens.textFieldBackgroundErrorColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundErrorColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundErrorColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorError, textFieldTokens.borderColorHover, tokens.textFieldBorderColorErrorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorErrorFocus, textFieldTokens.dividerColor, tokens.textFieldDividerColorError, textFieldTokens.contentSlotColor, tokens.textFieldContentSlotColorError, tokens.textFieldContentSlotColor, textFieldTokens.contentSlotColorHover, tokens.textFieldContentSlotColorErrorHover, tokens.textFieldContentSlotColorHover, textFieldTokens.contentSlotColorActive, tokens.textFieldContentSlotColorErrorActive, tokens.textFieldContentSlotColorActive, classes.datePickerEdited, textFieldTokens.color, tokens.textFieldColorEdited, tokens.textFieldColor, textFieldTokens.backgroundColor, tokens.textFieldBackgroundEditedColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundEditedColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundEditedColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorEdited, textFieldTokens.borderColorHover, tokens.textFieldBorderColorEditedHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorEditedFocus, textFieldTokens.dividerColor, tokens.textFieldDividerColorEdited);
+], textFieldTokens.color, tokens.textFieldColor, textFieldTokens.placeholderColor, tokens.textFieldPlaceholderColor, textFieldTokens.placeholderColorFocus, tokens.textFieldPlaceholderColorFocus, textFieldTokens.clearPlaceholderColorFocus, tokens.textFieldClearPlaceholderColorFocus, textFieldTokens.caretColor, tokens.textFieldCaretColor, textFieldTokens.focusColor, tokens.textFieldFocusColor, textFieldTokens.backgroundColor, tokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundColorFocus, textFieldTokens.boxShadowSecondary, tokens.textFieldBoxShadowSecondary, textFieldTokens.borderColor, tokens.borderColor, textFieldTokens.borderColorHover, tokens.borderColorHover, textFieldTokens.borderColorFocus, tokens.borderColorFocus, textFieldTokens.colorReadOnly, tokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, tokens.textFieldBackgroundColorReadOnly, textFieldTokens.readOnlyOpacity, tokens.textFieldReadOnlyOpacity, textFieldTokens.borderColorReadOnly, tokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, textFieldTokens.dividerColor, tokens.clearDividerColor, textFieldTokens.dividerColorFocus, tokens.textFieldDividerColorFocus, textFieldTokens.dividerColorHover, tokens.textFieldDividerColorHover, textFieldTokens.labelColor, tokens.labelColor, textFieldTokens.labelColorReadOnly, tokens.labelColorReadOnly, textFieldTokens.height, tokens.textFieldHeight, textFieldTokens.borderWidth, tokens.textFieldBorderWidth, textFieldTokens.borderRadius, tokens.textFieldBorderRadius, textFieldTokens.padding, tokens.textFieldPadding, textFieldTokens.labelInnerPadding, tokens.labelInnerPadding, textFieldTokens.contentLabelInnerPadding, tokens.contentLabelInnerPadding, textFieldTokens.labelOffset, tokens.labelOffset, textFieldTokens.labelFontFamily, tokens.labelFontFamily, textFieldTokens.labelFontStyle, tokens.labelFontStyle, textFieldTokens.labelFontSize, tokens.labelFontSize, textFieldTokens.labelFontWeight, tokens.labelFontWeight, textFieldTokens.labelLetterSpacing, tokens.labelLetterSpacing, textFieldTokens.labelLineHeight, tokens.labelLineHeight, textFieldTokens.labelInnerFontFamily, tokens.labelInnerFontFamily, textFieldTokens.labelInnerFontSize, tokens.labelInnerFontSize, textFieldTokens.labelInnerFontStyle, tokens.labelInnerFontStyle, textFieldTokens.labelInnerFontWeight, tokens.labelInnerFontWeight, textFieldTokens.labelInnerLetterSpacing, tokens.labelInnerLetterSpacing, textFieldTokens.labelInnerLineHeight, tokens.labelInnerLineHeight, textFieldTokens.titleCaptionMargin, tokens.titleCaptionMargin, textFieldTokens.titleCaptionInnerLabelOffset, tokens.titleCaptionOffset, textFieldTokens.titleCaptionColor, tokens.titleCaptionColor, textFieldTokens.titleCaptionFontFamily, tokens.titleCaptionFontFamily, textFieldTokens.titleCaptionFontStyle, tokens.titleCaptionFontStyle, textFieldTokens.titleCaptionFontSize, tokens.titleCaptionFontSize, textFieldTokens.titleCaptionFontWeight, tokens.titleCaptionFontWeight, textFieldTokens.titleCaptionLetterSpacing, tokens.titleCaptionLetterSpacing, textFieldTokens.titleCaptionLineHeight, tokens.titleCaptionLineHeight, textFieldTokens.indicatorColor, tokens.indicatorColor, textFieldTokens.indicatorSizeInner, tokens.indicatorSizeInner, textFieldTokens.indicatorSizeOuter, tokens.indicatorSizeOuter, textFieldTokens.indicatorLabelPlacementInner, tokens.indicatorPlacement, textFieldTokens.indicatorLabelPlacementOuter, tokens.indicatorOuterPlacement, textFieldTokens.indicatorLabelPlacementInnerRight, tokens.indicatorPlacementRight, textFieldTokens.indicatorLabelPlacementOuterRight, tokens.indicatorOuterPlacementRight, textFieldTokens.clearIndicatorHintInnerRight, tokens.clearIndicatorHintInnerRight, textFieldTokens.hintMargin, tokens.hintMargin, textFieldTokens.hintTargetSize, tokens.hintTargetSize, textFieldTokens.hintCustomIconTargetSize, tokens.hintCustomIconTargetSize, textFieldTokens.hintIconColor, tokens.hintIconColor, textFieldTokens.hintInnerLabelPlacementOffset, tokens.hintInnerLabelPlacementOffset, textFieldTokens.clearHintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, textFieldTokens.leftContentMargin, tokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, tokens.textFieldRightContentMargin, textFieldTokens.fontFamily, tokens.textFieldFontFamily, textFieldTokens.fontSize, tokens.textFieldFontSize, textFieldTokens.fontStyle, tokens.textFieldFontStyle, textFieldTokens.fontWeight, tokens.textFieldFontWeight, textFieldTokens.letterSpacing, tokens.textFieldLetterSpacing, textFieldTokens.lineHeight, tokens.textFieldLineHeight, textFieldTokens.disabledOpacity, tokens.disabledOpacity, textFieldTokens.disabledBackgroundOpacity, tokens.disabledBackgroundOpacity, textFieldTokens.disabledInnerContentOpacity, tokens.disabledInnerContentOpacity, textFieldTokens.textBeforeColor, tokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, tokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, tokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, tokens.textFieldTextAfterMargin, textFieldTokens.contentSlotColor, tokens.textFieldContentSlotColor, tokens.textFieldColor, textFieldTokens.contentSlotColorHover, tokens.textFieldContentSlotColorHover, tokens.textFieldColor, textFieldTokens.contentSlotColorActive, tokens.textFieldContentSlotColorActive, tokens.textFieldColor, textFieldTokens.contentSlotRightColor, tokens.textFieldContentRightSlotColor, textFieldTokens.contentSlotColor, textFieldTokens.contentSlotRightColorHover, tokens.textFieldContentRightSlotColorHover, textFieldTokens.contentSlotRightColor, textFieldTokens.contentSlotRightColorActive, tokens.textFieldContentRightSlotColorActive, textFieldTokens.contentSlotRightColor, textFieldTokens.contentSlotRightOpacityReadOnly, tokens.textFieldContentSlotRightOpacityReadOnly, textFieldTokens.tooltipPaddingTop, tokens.hintTooltipPaddingTop, textFieldTokens.tooltipPaddingRight, tokens.hintTooltipPaddingRight, textFieldTokens.tooltipPaddingBottom, tokens.hintTooltipPaddingBottom, textFieldTokens.tooltipPaddingLeft, tokens.hintTooltipPaddingLeft, textFieldTokens.tooltipMinHeight, tokens.hintTooltipMinHeight, textFieldTokens.tooltipBackgroundColor, tokens.hintTooltipBackgroundColor, textFieldTokens.tooltipBoxShadow, tokens.hintTooltipBoxShadow, textFieldTokens.tooltipBorderRadius, tokens.hintTooltipBorderRadius, textFieldTokens.tooltipColor, tokens.hintTooltipColor, textFieldTokens.tooltipTextFontFamily, tokens.hintTooltipTextFontFamily, textFieldTokens.tooltipTextFontSize, tokens.hintTooltipTextFontSize, textFieldTokens.tooltipTextFontStyle, tokens.hintTooltipTextFontStyle, textFieldTokens.tooltipTextFontWeight, tokens.hintTooltipTextFontWeight, textFieldTokens.tooltipTextFontLetterSpacing, tokens.hintTooltipTextFontLetterSpacing, textFieldTokens.tooltipTextFontLineHeight, tokens.hintTooltipTextFontLineHeight, textFieldTokens.tooltipContentLeftMargin, tokens.hintTooltipContentLeftMargin, textFieldTokens.tooltipArrowMaskWidth, tokens.hintTooltipArrowMaskWidth, textFieldTokens.tooltipArrowMaskHeight, tokens.hintTooltipArrowMaskHeight, textFieldTokens.tooltipArrowMaskImage, tokens.hintTooltipArrowMaskImage, textFieldTokens.tooltipArrowBackground, tokens.hintTooltipArrowBackground, textFieldTokens.tooltipArrowHeight, tokens.hintTooltipArrowHeight, textFieldTokens.tooltipArrowEdgeMargin, tokens.hintTooltipArrowEdgeMargin, classes.datePickerSuccess, textFieldTokens.color, tokens.textFieldColorSuccess, tokens.textFieldColor, textFieldTokens.backgroundColor, tokens.textFieldBackgroundSuccessColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundSuccessColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundSuccessColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorSuccess, textFieldTokens.borderColorHover, tokens.textFieldBorderColorSuccessHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorSuccessFocus, textFieldTokens.dividerColor, tokens.textFieldDividerColorSuccess, textFieldTokens.contentSlotColor, tokens.textFieldContentSlotColorSuccess, tokens.textFieldContentSlotColor, textFieldTokens.contentSlotColorHover, tokens.textFieldContentSlotColorSuccessHover, tokens.textFieldContentSlotColorHover, textFieldTokens.contentSlotColorActive, tokens.textFieldContentSlotColorSuccessActive, tokens.textFieldContentSlotColorActive, classes.datePickerError, textFieldTokens.color, tokens.textFieldColorError, tokens.textFieldColor, textFieldTokens.backgroundColor, tokens.textFieldBackgroundErrorColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundErrorColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundErrorColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorError, textFieldTokens.borderColorHover, tokens.textFieldBorderColorErrorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorErrorFocus, textFieldTokens.dividerColor, tokens.textFieldDividerColorError, textFieldTokens.contentSlotColor, tokens.textFieldContentSlotColorError, tokens.textFieldContentSlotColor, textFieldTokens.contentSlotColorHover, tokens.textFieldContentSlotColorErrorHover, tokens.textFieldContentSlotColorHover, textFieldTokens.contentSlotColorActive, tokens.textFieldContentSlotColorErrorActive, tokens.textFieldContentSlotColorActive, classes.datePickerEdited, textFieldTokens.color, tokens.textFieldColorEdited, tokens.textFieldColor, textFieldTokens.backgroundColor, tokens.textFieldBackgroundEditedColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundEditedColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundEditedColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorEdited, textFieldTokens.borderColorHover, tokens.textFieldBorderColorEditedHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorEditedFocus, textFieldTokens.dividerColor, tokens.textFieldDividerColorEdited);
 export const base = css([
     `display:inline-block;&.`,
     `{width:100%;& > div{width:100%;}}&.`,
@@ -312,7 +314,7 @@ export const base = css([
 ], classes.datePickerstretched, classes.datePickerCalendarstretched);
 export const LeftHelper = styled.div.withConfig({
     displayName: "SingleDate.styles__LeftHelper",
-    componentId: "sc-8ec0099a-1"
+    componentId: "sc-9ba64415-1"
 })([
     `color:var(`,
     `);&.`,

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

@@ -23,7 +23,7 @@ export const dateTimePickerRoot = (Root)=>/*#__PURE__*/ forwardRef(({ className,
         'top',
         'bottom'
     ], offset, frame = 'document', zIndex, closeOnOverlayClick = true, closeOnEsc = true, usePortal = false, // calendar props
-    type = 'Days', lang = 'ru', dateFormat = 'DD.MM.YYYY', timeFormat = 'HH:mm:ss', dateTimeSeparator = ' ', maskWithFormat, hasTimeFormat = false, min, max, renderFromDate, includeEdgeDates, isDouble, dateOnTimeSelectOnly, dateShortcuts, dateShortcutsPlacement = 'left', dateShortcutsWidth, eventTooltipOptions, eventList, disabledList, eventMonthList, disabledMonthList, eventQuarterList, disabledQuarterList, quarterNames, eventYearList, disabledYearList, calendarContainerWidth, calendarContainerHeight, stretched, // input props
+    type = 'Days', lang = 'ru', periodSelectorAlign, dateFormat = 'DD.MM.YYYY', timeFormat = 'HH:mm:ss', dateTimeSeparator = ' ', maskWithFormat, hasTimeFormat = false, min, max, renderFromDate, includeEdgeDates, isDouble, dateOnTimeSelectOnly, dateShortcuts, dateShortcutsPlacement = 'left', dateShortcutsWidth, eventTooltipOptions, eventList, disabledList, eventMonthList, disabledMonthList, eventQuarterList, disabledQuarterList, quarterNames, eventYearList, disabledYearList, calendarContainerWidth, calendarContainerHeight, stretched, // input props
     label, labelPlacement = 'outer', titleCaption, keepPlaceholder, requiredPlacement = 'right', required = false, hasRequiredIndicator = false, preserveInvalidOnBlur, placeholder, valueError, valueSuccess, valueEdited, leftHelper, contentLeft, contentRight, textBefore, textAfter, autoComplete, // hint
     hintTrigger = 'hover', hintText, hintView = 'default', hintSize = 'm', hintTargetIcon, hintTargetPlacement = 'outer', hintPlacement = 'auto', hintHasArrow, hintOffset = [
         0,
@@ -225,6 +225,7 @@ export const dateTimePickerRoot = (Root)=>/*#__PURE__*/ forwardRef(({ className,
             renderFromDate: renderFromDate,
             includeEdgeDates: includeEdgeDates,
             lang: lang,
+            periodSelectorAlign: periodSelectorAlign,
             handleCalendarPick: handleCalendarPick,
             onChangeVisibleDate: onChangeVisibleDate
         }), /*#__PURE__*/ React.createElement(StyledSeparator, null), /*#__PURE__*/ React.createElement(TimeGrid, {

package/dist/styled-components/es/components/DateTimePicker/DateTimePicker.tokens.js

@@ -117,6 +117,7 @@ export const tokens = {
     leftHelperLetterSpacing: '--plasma-date-time-picker__left-helper-letter-spacing',
     leftHelperLineHeight: '--plasma-date-time-picker__left-helper-line-height',
     titleCaptionOffset: '--plasma-date-time-picker-title-caption-offset',
+    titleCaptionMargin: '--plasma-date-time-picker-title-caption-margin',
     titleCaptionColor: '--plasma-date-time-picker-title-caption-color',
     titleCaptionFontFamily: '--plasma-date-time-picker-title-caption-font-family',
     titleCaptionFontStyle: '--plasma-date-time-picker-title-caption-font-style',

package/dist/styled-components/es/components/DateTimePicker/ui/CalendarGrid/CalendarGrid.js

@@ -1,6 +1,6 @@
 import React from "react";
 import { StyledCalendar, StyledCalendarDouble } from "./CalendarGrid.styles";
-export const CalendarGrid = ({ isDouble, value, lang, calendarContainerWidth, calendarContainerHeight, handleCalendarPick, ...rest })=>{
+export const CalendarGrid = ({ isDouble, value, lang, periodSelectorAlign, calendarContainerWidth, calendarContainerHeight, handleCalendarPick, ...rest })=>{
     const commonProps = {
         value,
         locale: lang,
@@ -16,6 +16,7 @@ export const CalendarGrid = ({ isDouble, value, lang, calendarContainerWidth, ca
     }
     return /*#__PURE__*/ React.createElement(StyledCalendar, {
         ...commonProps,
-        ...rest
+        ...rest,
+        periodSelectorAlign: periodSelectorAlign
     });
 };

package/dist/styled-components/es/components/DateTimePicker/ui/Input/Input.styles.js

@@ -7,7 +7,7 @@ const TextField = component(mergedTextFieldConfig);
 // NOTE: переопределение токенов TextField
 export const StyledInput = styled(TextField).withConfig({
     displayName: "Input.styles__StyledInput",
-    componentId: "sc-890e09c9-0"
+    componentId: "sc-6f2e2bb6-0"
 })([
     `width:100%;`,
     `:var(`,
@@ -217,6 +217,8 @@ export const StyledInput = styled(TextField).withConfig({
     `:var(`,
     `);`,
     `:var(`,
+    `);`,
+    `:var(`,
     `,var(`,
     `));`,
     `:var(`,
@@ -278,4 +280,4 @@ export const StyledInput = styled(TextField).withConfig({
     `);`,
     `:var(`,
     `);}`
-], textFieldTokens.color, tokens.textFieldColor, textFieldTokens.placeholderColor, tokens.textFieldPlaceholderColor, textFieldTokens.placeholderColorFocus, tokens.textFieldPlaceholderColorFocus, textFieldTokens.caretColor, tokens.textFieldCaretColor, textFieldTokens.focusColor, tokens.textFieldFocusColor, textFieldTokens.backgroundColor, tokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundColorFocus, textFieldTokens.borderWidth, tokens.textFieldBorderWidth, textFieldTokens.borderRadius, tokens.textFieldBorderRadius, textFieldTokens.boxShadowSecondary, tokens.textFieldBoxShadowSecondary, textFieldTokens.borderColor, tokens.textFieldBorderColor, textFieldTokens.borderColorHover, tokens.textFieldBorderColorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorFocus, textFieldTokens.dividerColor, tokens.textFieldDividerColor, textFieldTokens.dividerColorHover, tokens.textFieldDividerColorHover, textFieldTokens.dividerColorFocus, tokens.textFieldDividerColorFocus, textFieldTokens.dividerColorReadOnly, tokens.textFieldDividerColorReadOnly, textFieldTokens.dividerWidth, tokens.textFieldDividerWidth, textFieldTokens.colorReadOnly, tokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, tokens.textFieldBackgroundColorReadOnly, textFieldTokens.readOnlyOpacity, tokens.textFieldReadOnlyOpacity, textFieldTokens.borderColorReadOnly, tokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, textFieldTokens.height, tokens.textFieldHeight, textFieldTokens.padding, tokens.textFieldPadding, textFieldTokens.labelInnerPadding, tokens.labelInnerPadding, textFieldTokens.contentLabelInnerPadding, tokens.contentLabelInnerPadding, textFieldTokens.labelOffset, tokens.labelOffset, textFieldTokens.labelFontFamily, tokens.labelFontFamily, textFieldTokens.labelFontStyle, tokens.labelFontStyle, textFieldTokens.labelFontSize, tokens.labelFontSize, textFieldTokens.labelFontWeight, tokens.labelFontWeight, textFieldTokens.labelLetterSpacing, tokens.labelLetterSpacing, textFieldTokens.labelLineHeight, tokens.labelLineHeight, textFieldTokens.labelInnerFontFamily, tokens.labelInnerFontFamily, textFieldTokens.labelInnerFontSize, tokens.labelInnerFontSize, textFieldTokens.labelInnerFontStyle, tokens.labelInnerFontStyle, textFieldTokens.labelInnerFontWeight, tokens.labelInnerFontWeight, textFieldTokens.labelInnerLetterSpacing, tokens.labelInnerLetterSpacing, textFieldTokens.labelInnerLineHeight, tokens.labelInnerLineHeight, textFieldTokens.labelColor, tokens.labelColor, textFieldTokens.labelColorReadOnly, tokens.labelColorReadOnly, textFieldTokens.titleCaptionInnerLabelOffset, tokens.titleCaptionOffset, textFieldTokens.titleCaptionColor, tokens.titleCaptionColor, textFieldTokens.titleCaptionFontFamily, tokens.titleCaptionFontFamily, textFieldTokens.titleCaptionFontStyle, tokens.titleCaptionFontStyle, textFieldTokens.titleCaptionFontSize, tokens.titleCaptionFontSize, textFieldTokens.titleCaptionFontWeight, tokens.titleCaptionFontWeight, textFieldTokens.titleCaptionLetterSpacing, tokens.titleCaptionLetterSpacing, textFieldTokens.titleCaptionLineHeight, tokens.titleCaptionLineHeight, textFieldTokens.indicatorColor, tokens.indicatorColor, textFieldTokens.indicatorSizeInner, tokens.indicatorSize, textFieldTokens.indicatorSizeOuter, tokens.indicatorSizeOuter, textFieldTokens.indicatorLabelPlacementInner, tokens.indicatorPlacement, textFieldTokens.indicatorLabelPlacementOuter, tokens.indicatorOuterPlacement, textFieldTokens.indicatorLabelPlacementInnerRight, tokens.indicatorPlacementRight, textFieldTokens.indicatorLabelPlacementOuterRight, tokens.indicatorOuterPlacementRight, textFieldTokens.hintMargin, tokens.hintMargin, textFieldTokens.hintTargetSize, tokens.hintTargetSize, textFieldTokens.hintCustomIconTargetSize, tokens.hintCustomIconTargetSize, textFieldTokens.hintIconColor, tokens.hintIconColor, textFieldTokens.hintInnerLabelPlacementOffset, tokens.hintInnerLabelPlacementOffset, textFieldTokens.tooltipPaddingTop, tokens.hintTooltipPaddingTop, textFieldTokens.tooltipPaddingRight, tokens.hintTooltipPaddingRight, textFieldTokens.tooltipPaddingBottom, tokens.hintTooltipPaddingBottom, textFieldTokens.tooltipPaddingLeft, tokens.hintTooltipPaddingLeft, textFieldTokens.tooltipMinHeight, tokens.hintTooltipMinHeight, textFieldTokens.tooltipBackgroundColor, tokens.hintTooltipBackgroundColor, textFieldTokens.tooltipBoxShadow, tokens.hintTooltipBoxShadow, textFieldTokens.tooltipBorderRadius, tokens.hintTooltipBorderRadius, textFieldTokens.tooltipColor, tokens.hintTooltipColor, textFieldTokens.tooltipTextFontFamily, tokens.hintTooltipTextFontFamily, textFieldTokens.tooltipTextFontSize, tokens.hintTooltipTextFontSize, textFieldTokens.tooltipTextFontStyle, tokens.hintTooltipTextFontStyle, textFieldTokens.tooltipTextFontWeight, tokens.hintTooltipTextFontWeight, textFieldTokens.tooltipTextFontLetterSpacing, tokens.hintTooltipTextFontLetterSpacing, textFieldTokens.tooltipTextFontLineHeight, tokens.hintTooltipTextFontLineHeight, textFieldTokens.tooltipContentLeftMargin, tokens.hintTooltipContentLeftMargin, textFieldTokens.tooltipArrowMaskWidth, tokens.hintTooltipArrowMaskWidth, textFieldTokens.tooltipArrowMaskHeight, tokens.hintTooltipArrowMaskHeight, textFieldTokens.tooltipArrowMaskImage, tokens.hintTooltipArrowMaskImage, textFieldTokens.tooltipArrowBackground, tokens.hintTooltipArrowBackground, textFieldTokens.tooltipArrowHeight, tokens.hintTooltipArrowHeight, textFieldTokens.tooltipArrowEdgeMargin, tokens.hintTooltipArrowEdgeMargin, textFieldTokens.leftContentMargin, tokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, tokens.textFieldRightContentMargin, textFieldTokens.rightContentWithHintMargin, tokens.textFieldRightContentWithHintMargin, textFieldTokens.contentRightWrapperGap, tokens.textFieldContentRightWrapperGap, textFieldTokens.contentRightWrapperMargin, tokens.textFieldContentRightWrapperMargin, textFieldTokens.fontFamily, tokens.textFieldFontFamily, textFieldTokens.fontSize, tokens.textFieldFontSize, textFieldTokens.fontStyle, tokens.textFieldFontStyle, textFieldTokens.fontWeight, tokens.textFieldFontWeight, textFieldTokens.letterSpacing, tokens.textFieldLetterSpacing, textFieldTokens.lineHeight, tokens.textFieldLineHeight, textFieldTokens.disabledOpacity, tokens.disabledOpacity, textFieldTokens.disabledBackgroundOpacity, tokens.disabledBackgroundOpacity, textFieldTokens.disabledInnerContentOpacity, tokens.disabledInnerContentOpacity, textFieldTokens.textBeforeColor, tokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, tokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, tokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, tokens.textFieldTextAfterMargin, textFieldTokens.contentSlotColor, tokens.textFieldContentSlotColor, tokens.textFieldColor, textFieldTokens.contentSlotColorHover, tokens.textFieldContentSlotColorHover, tokens.textFieldColor, textFieldTokens.contentSlotColorActive, tokens.textFieldContentSlotColorActive, tokens.textFieldColor, textFieldTokens.contentSlotRightColor, tokens.textFieldContentRightSlotColor, textFieldTokens.contentSlotColor, textFieldTokens.contentSlotRightColorHover, tokens.textFieldContentRightSlotColorHover, textFieldTokens.contentSlotRightColor, textFieldTokens.contentSlotRightOpacityReadOnly, tokens.textFieldContentSlotRightOpacityReadOnly, classes.error, textFieldTokens.backgroundColor, tokens.textFieldBackgroundErrorColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundErrorColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundErrorColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorError, textFieldTokens.borderColorHover, tokens.textFieldBorderColorErrorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorErrorFocus, textFieldTokens.dividerColor, tokens.textFieldDividerColorError, classes.success, textFieldTokens.backgroundColor, tokens.textFieldBackgroundSuccessColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundSuccessColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundSuccessColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorSuccess, textFieldTokens.borderColorHover, tokens.textFieldBorderColorSuccessHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorSuccessFocus, textFieldTokens.dividerColor, tokens.textFieldDividerColorSuccess, classes.edited, textFieldTokens.backgroundColor, tokens.textFieldBackgroundEditedColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundEditedColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundEditedColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorEdited, textFieldTokens.borderColorHover, tokens.textFieldBorderColorEditedHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorEditedFocus, textFieldTokens.dividerColor, tokens.textFieldDividerColorEdited);
+], textFieldTokens.color, tokens.textFieldColor, textFieldTokens.placeholderColor, tokens.textFieldPlaceholderColor, textFieldTokens.placeholderColorFocus, tokens.textFieldPlaceholderColorFocus, textFieldTokens.caretColor, tokens.textFieldCaretColor, textFieldTokens.focusColor, tokens.textFieldFocusColor, textFieldTokens.backgroundColor, tokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundColorFocus, textFieldTokens.borderWidth, tokens.textFieldBorderWidth, textFieldTokens.borderRadius, tokens.textFieldBorderRadius, textFieldTokens.boxShadowSecondary, tokens.textFieldBoxShadowSecondary, textFieldTokens.borderColor, tokens.textFieldBorderColor, textFieldTokens.borderColorHover, tokens.textFieldBorderColorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorFocus, textFieldTokens.dividerColor, tokens.textFieldDividerColor, textFieldTokens.dividerColorHover, tokens.textFieldDividerColorHover, textFieldTokens.dividerColorFocus, tokens.textFieldDividerColorFocus, textFieldTokens.dividerColorReadOnly, tokens.textFieldDividerColorReadOnly, textFieldTokens.dividerWidth, tokens.textFieldDividerWidth, textFieldTokens.colorReadOnly, tokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, tokens.textFieldBackgroundColorReadOnly, textFieldTokens.readOnlyOpacity, tokens.textFieldReadOnlyOpacity, textFieldTokens.borderColorReadOnly, tokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, textFieldTokens.height, tokens.textFieldHeight, textFieldTokens.padding, tokens.textFieldPadding, textFieldTokens.labelInnerPadding, tokens.labelInnerPadding, textFieldTokens.contentLabelInnerPadding, tokens.contentLabelInnerPadding, textFieldTokens.labelOffset, tokens.labelOffset, textFieldTokens.labelFontFamily, tokens.labelFontFamily, textFieldTokens.labelFontStyle, tokens.labelFontStyle, textFieldTokens.labelFontSize, tokens.labelFontSize, textFieldTokens.labelFontWeight, tokens.labelFontWeight, textFieldTokens.labelLetterSpacing, tokens.labelLetterSpacing, textFieldTokens.labelLineHeight, tokens.labelLineHeight, textFieldTokens.labelInnerFontFamily, tokens.labelInnerFontFamily, textFieldTokens.labelInnerFontSize, tokens.labelInnerFontSize, textFieldTokens.labelInnerFontStyle, tokens.labelInnerFontStyle, textFieldTokens.labelInnerFontWeight, tokens.labelInnerFontWeight, textFieldTokens.labelInnerLetterSpacing, tokens.labelInnerLetterSpacing, textFieldTokens.labelInnerLineHeight, tokens.labelInnerLineHeight, textFieldTokens.labelColor, tokens.labelColor, textFieldTokens.labelColorReadOnly, tokens.labelColorReadOnly, textFieldTokens.titleCaptionMargin, tokens.titleCaptionMargin, textFieldTokens.titleCaptionInnerLabelOffset, tokens.titleCaptionOffset, textFieldTokens.titleCaptionColor, tokens.titleCaptionColor, textFieldTokens.titleCaptionFontFamily, tokens.titleCaptionFontFamily, textFieldTokens.titleCaptionFontStyle, tokens.titleCaptionFontStyle, textFieldTokens.titleCaptionFontSize, tokens.titleCaptionFontSize, textFieldTokens.titleCaptionFontWeight, tokens.titleCaptionFontWeight, textFieldTokens.titleCaptionLetterSpacing, tokens.titleCaptionLetterSpacing, textFieldTokens.titleCaptionLineHeight, tokens.titleCaptionLineHeight, textFieldTokens.indicatorColor, tokens.indicatorColor, textFieldTokens.indicatorSizeInner, tokens.indicatorSize, textFieldTokens.indicatorSizeOuter, tokens.indicatorSizeOuter, textFieldTokens.indicatorLabelPlacementInner, tokens.indicatorPlacement, textFieldTokens.indicatorLabelPlacementOuter, tokens.indicatorOuterPlacement, textFieldTokens.indicatorLabelPlacementInnerRight, tokens.indicatorPlacementRight, textFieldTokens.indicatorLabelPlacementOuterRight, tokens.indicatorOuterPlacementRight, textFieldTokens.hintMargin, tokens.hintMargin, textFieldTokens.hintTargetSize, tokens.hintTargetSize, textFieldTokens.hintCustomIconTargetSize, tokens.hintCustomIconTargetSize, textFieldTokens.hintIconColor, tokens.hintIconColor, textFieldTokens.hintInnerLabelPlacementOffset, tokens.hintInnerLabelPlacementOffset, textFieldTokens.tooltipPaddingTop, tokens.hintTooltipPaddingTop, textFieldTokens.tooltipPaddingRight, tokens.hintTooltipPaddingRight, textFieldTokens.tooltipPaddingBottom, tokens.hintTooltipPaddingBottom, textFieldTokens.tooltipPaddingLeft, tokens.hintTooltipPaddingLeft, textFieldTokens.tooltipMinHeight, tokens.hintTooltipMinHeight, textFieldTokens.tooltipBackgroundColor, tokens.hintTooltipBackgroundColor, textFieldTokens.tooltipBoxShadow, tokens.hintTooltipBoxShadow, textFieldTokens.tooltipBorderRadius, tokens.hintTooltipBorderRadius, textFieldTokens.tooltipColor, tokens.hintTooltipColor, textFieldTokens.tooltipTextFontFamily, tokens.hintTooltipTextFontFamily, textFieldTokens.tooltipTextFontSize, tokens.hintTooltipTextFontSize, textFieldTokens.tooltipTextFontStyle, tokens.hintTooltipTextFontStyle, textFieldTokens.tooltipTextFontWeight, tokens.hintTooltipTextFontWeight, textFieldTokens.tooltipTextFontLetterSpacing, tokens.hintTooltipTextFontLetterSpacing, textFieldTokens.tooltipTextFontLineHeight, tokens.hintTooltipTextFontLineHeight, textFieldTokens.tooltipContentLeftMargin, tokens.hintTooltipContentLeftMargin, textFieldTokens.tooltipArrowMaskWidth, tokens.hintTooltipArrowMaskWidth, textFieldTokens.tooltipArrowMaskHeight, tokens.hintTooltipArrowMaskHeight, textFieldTokens.tooltipArrowMaskImage, tokens.hintTooltipArrowMaskImage, textFieldTokens.tooltipArrowBackground, tokens.hintTooltipArrowBackground, textFieldTokens.tooltipArrowHeight, tokens.hintTooltipArrowHeight, textFieldTokens.tooltipArrowEdgeMargin, tokens.hintTooltipArrowEdgeMargin, textFieldTokens.leftContentMargin, tokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, tokens.textFieldRightContentMargin, textFieldTokens.rightContentWithHintMargin, tokens.textFieldRightContentWithHintMargin, textFieldTokens.contentRightWrapperGap, tokens.textFieldContentRightWrapperGap, textFieldTokens.contentRightWrapperMargin, tokens.textFieldContentRightWrapperMargin, textFieldTokens.fontFamily, tokens.textFieldFontFamily, textFieldTokens.fontSize, tokens.textFieldFontSize, textFieldTokens.fontStyle, tokens.textFieldFontStyle, textFieldTokens.fontWeight, tokens.textFieldFontWeight, textFieldTokens.letterSpacing, tokens.textFieldLetterSpacing, textFieldTokens.lineHeight, tokens.textFieldLineHeight, textFieldTokens.disabledOpacity, tokens.disabledOpacity, textFieldTokens.disabledBackgroundOpacity, tokens.disabledBackgroundOpacity, textFieldTokens.disabledInnerContentOpacity, tokens.disabledInnerContentOpacity, textFieldTokens.textBeforeColor, tokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, tokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, tokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, tokens.textFieldTextAfterMargin, textFieldTokens.contentSlotColor, tokens.textFieldContentSlotColor, tokens.textFieldColor, textFieldTokens.contentSlotColorHover, tokens.textFieldContentSlotColorHover, tokens.textFieldColor, textFieldTokens.contentSlotColorActive, tokens.textFieldContentSlotColorActive, tokens.textFieldColor, textFieldTokens.contentSlotRightColor, tokens.textFieldContentRightSlotColor, textFieldTokens.contentSlotColor, textFieldTokens.contentSlotRightColorHover, tokens.textFieldContentRightSlotColorHover, textFieldTokens.contentSlotRightColor, textFieldTokens.contentSlotRightOpacityReadOnly, tokens.textFieldContentSlotRightOpacityReadOnly, classes.error, textFieldTokens.backgroundColor, tokens.textFieldBackgroundErrorColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundErrorColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundErrorColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorError, textFieldTokens.borderColorHover, tokens.textFieldBorderColorErrorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorErrorFocus, textFieldTokens.dividerColor, tokens.textFieldDividerColorError, classes.success, textFieldTokens.backgroundColor, tokens.textFieldBackgroundSuccessColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundSuccessColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundSuccessColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorSuccess, textFieldTokens.borderColorHover, tokens.textFieldBorderColorSuccessHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorSuccessFocus, textFieldTokens.dividerColor, tokens.textFieldDividerColorSuccess, classes.edited, textFieldTokens.backgroundColor, tokens.textFieldBackgroundEditedColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundEditedColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundEditedColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorEdited, textFieldTokens.borderColorHover, tokens.textFieldBorderColorEditedHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorEditedFocus, textFieldTokens.dividerColor, tokens.textFieldDividerColorEdited);

package/dist/styled-components/es/components/Drawer/Drawer.styles.js

@@ -91,15 +91,27 @@ const getAnimationStyles = ()=>{
 };
 export const StyledPanel = styled(Panel).withConfig({
     displayName: "Drawer.styles__StyledPanel",
-    componentId: "sc-758b0d76-0"
+    componentId: "sc-b52a230c-0"
 })([
     ``,
     `:var(`,
+    `);`,
+    `:var(`,
+    `);`,
+    `:var(`,
+    `);`,
+    `:var(`,
+    `);`,
+    `:var(`,
+    `);`,
+    `:var(`,
+    `);`,
+    `:var(`,
     `);`
-], panelTokens.closeColor, tokens.closeIconColor);
+], panelTokens.closeColor, tokens.closeIconColor, panelTokens.scrollbarWidth, tokens.scrollbarWidth, panelTokens.scrollbarOffsetRight, tokens.scrollbarOffsetRight, panelTokens.scrollbarThumbBackgroundColor, tokens.scrollbarThumbBackgroundColor, panelTokens.scrollbarThumbBackgroundColorHover, tokens.scrollbarThumbBackgroundColorHover, panelTokens.scrollbarThumbBackgroundColorActive, tokens.scrollbarThumbBackgroundColorActive, panelTokens.scrollbarTrackBackgroundColor, tokens.scrollbarTrackBackgroundColor);
 export const StyledPopup = styled(Popup).withConfig({
     displayName: "Drawer.styles__StyledPopup",
-    componentId: "sc-758b0d76-1"
+    componentId: "sc-b52a230c-1"
 })([
     `&&.`,
     `{animation:fadeIn 0.2s forwards;scrollbar-gutter:stable;}&&.`,

package/dist/styled-components/es/components/Drawer/Drawer.tokens.js

@@ -28,5 +28,11 @@ export const tokens = {
     contentBackgroundColor: '--plasma-drawer-content-background-color',
     padding: '--plasma-drawer-padding',
     borderRadius: '--plasma-drawer-border-radius',
-    closeIconColor: '--plasma-drawer-close-icon-color'
+    closeIconColor: '--plasma-drawer-close-icon-color',
+    scrollbarWidth: '--plasma-drawer-scrollbar-width',
+    scrollbarOffsetRight: '--plasma-drawer-scrollbar-offset-right',
+    scrollbarThumbBackgroundColor: '--plasma-drawer-scrollbar-thumb-background-color',
+    scrollbarThumbBackgroundColorHover: '--plasma-drawer-scrollbar-thumb-background-color-hover',
+    scrollbarThumbBackgroundColorActive: '--plasma-drawer-scrollbar-thumb-background-color-active',
+    scrollbarTrackBackgroundColor: '--plasma-drawer-scrollbar-track-background-color'
 };

package/dist/styled-components/es/components/Dropdown/Dropdown.js

@@ -13,7 +13,7 @@ import { FloatingPopover } from "./FloatingPopover";
 import { Context } from "./Dropdown.context";
 /**
  * Выпадающий список с поддержкой вложенных пунктов.
- */ export const dropdownRoot = (Root)=>/*#__PURE__*/ forwardRef(({ items, trigger = 'click', placement = 'bottom', children, variant = 'normal', zIndex = 1000, listMaxHeight, listWidth, portal, renderItem, beforeList, afterList, onToggle, alwaysOpened = false, onHover, onItemSelect, openByRightClick = false, offset = [
+ */ export const dropdownRoot = (Root)=>/*#__PURE__*/ forwardRef(({ items, trigger = 'click', placement = 'bottom-start', children, variant = 'normal', zIndex = 1000, listMaxHeight, listWidth, portal, renderItem, beforeList, afterList, onToggle, alwaysOpened = false, onHover, onItemSelect, openByRightClick = false, offset = [
         0,
         8
     ], closeOnSelect = true, closeOnOverlayClick = true, itemRole = 'option', disabled, size, view, className, ...rest }, ref)=>{

package/dist/styled-components/es/components/Dropdown/ui/Inner/Inner.js

@@ -26,7 +26,7 @@ const Inner = ({ item, currentLevel, path, dispatchPath, index, trigger, listWid
     const nextLevel = currentLevel + 1;
     if (item?.items?.length) {
         return /*#__PURE__*/ React.createElement(FloatingPopover, {
-            placement: getPlacement(item?.placement || 'right'),
+            placement: getPlacement(item?.placement || 'right-start'),
             opened: isCurrentListOpen,
             onToggle: handleToggle,
             trigger: item.trigger || trigger,

package/dist/styled-components/es/components/Dropdown/utils/getPlacement.js

@@ -1,9 +1,19 @@
+const centerPlacements = {
+    'top-center': 'top',
+    'right-center': 'right',
+    'bottom-center': 'bottom',
+    'left-center': 'left'
+};
+const isCenterPlacement = (placement)=>placement in centerPlacements;
 export const getPlacement = (placement)=>{
     if (!placement) {
         return 'bottom-start';
     }
-    if (placement === 'auto') {
+    if (placement === 'auto' || placement.endsWith('-start') || placement.endsWith('-end')) {
         return placement;
     }
+    if (isCenterPlacement(placement)) {
+        return centerPlacements[placement];
+    }
     return `${placement}-start`;
 };