@salutejs/plasma-new-hope 0.195.2-canary.1580.11946918297.0 → 0.195.2-canary.1586.11970189580.0

package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingPopover.js","sources":["../../../../src/components/Combobox/ComboboxNew/FloatingPopover.tsx"],"sourcesContent":["import { flip, shift, size, useFloating, FloatingPortal, offset as offsetMiddleware } from '@floating-ui/react';\nimport React, { forwardRef } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport type { FloatingPopoverProps } from './Combobox.types';\n\nconst FloatingPopover = forwardRef<HTMLDivElement, FloatingPopoverProps>(\n    ({ target, children, opened, onToggle, placement, portal, listWidth, offset = 0 }, ref) => {\n        const { refs, floatingStyles } = useFloating({\n            placement,\n            open: opened,\n            middleware: [\n                offsetMiddleware(offset),\n                flip({ fallbackAxisSideDirection: 'end' }),\n                shift(),\n                size({\n                    apply({ rects, elements }) {\n                        Object.assign(elements.floating.style, {\n                            width: listWidth || `${rects.reference.width}px`,\n                        });\n                    },\n                }),\n            ],\n        });\n\n        const wrappedId = safeUseId();\n\n        const handleClick = () => {\n            if (onToggle) {\n                onToggle(!opened);\n            }\n        };\n\n        // Проверка на target. Это может быть как ReactNode, так и функция, в которую пробрасывается ref.\n        // Это нужно для более тонкой настройки reference-элемента, вокруг которого и будет позиционироваться выпадашка.\n        // Пример: когда в Textfield под инпутом находится helperText (или еще что-либо),\n        // но выпадающий список должен позиционироваться непосредственно возле самого инпута.\n        const isTargetAsFunction = typeof target === 'function';\n\n        return (\n            <div ref={ref} id={wrappedId}>\n                <div ref={isTargetAsFunction ? undefined : refs.setReference} onClick={handleClick}>\n                    {typeof target === 'function' ? target(refs.setReference as any) : target}\n                </div>\n\n                {opened && (\n                    // root - принимает ref контейнера портала.\n                    // id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.\n                    <FloatingPortal {...getFloatingPortalProps(portal, wrappedId)}>\n                        <div ref={refs.setFloating} style={{ ...floatingStyles, zIndex: 1 }}>\n                            {children}\n                        </div>\n                    </FloatingPortal>\n                )}\n            </div>\n        );\n    },\n);\n\ntype FloatingPortalReturnedProps = {\n    root?: React.RefObject<HTMLElement>;\n    id?: string;\n};\n\n// root - принимает ref контейнера портала.\n// id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.\nconst getFloatingPortalProps = (\n    portal: FloatingPopoverProps['portal'],\n    wrappedId: string,\n): FloatingPortalReturnedProps => {\n    if (!portal) {\n        return { id: wrappedId };\n    }\n\n    if (typeof portal === 'string') {\n        return { id: portal };\n    }\n\n    return { root: portal };\n};\n\nexport { FloatingPopover };\n"],"names":["FloatingPopover","forwardRef","_ref","ref","target","children","opened","onToggle","placement","portal","listWidth","_ref$offset","offset","_useFloating","useFloating","open","middleware","offsetMiddleware","flip","fallbackAxisSideDirection","shift","size","apply","_ref2","rects","elements","Object","assign","floating","style","width","concat","reference","refs","floatingStyles","wrappedId","safeUseId","handleClick","isTargetAsFunction","React","createElement","id","undefined","setReference","onClick","FloatingPortal","getFloatingPortalProps","setFloating","_objectSpread","zIndex","root"],"mappings":"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"}
+{"version":3,"file":"FloatingPopover.js","sources":["../../../../src/components/Combobox/ComboboxNew/FloatingPopover.tsx"],"sourcesContent":["import { flip, shift, size, useFloating, FloatingPortal, offset as offsetMiddleware } from '@floating-ui/react';\nimport React, { forwardRef } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport type { FloatingPopoverProps } from './Combobox.types';\n\nconst FloatingPopover = forwardRef<HTMLDivElement, FloatingPopoverProps>(\n    ({ target, children, opened, onToggle, placement, portal, listWidth, offset = 0 }, ref) => {\n        const { refs, floatingStyles } = useFloating({\n            placement,\n            open: opened,\n            middleware: [\n                offsetMiddleware(offset),\n                flip({ fallbackAxisSideDirection: 'end' }),\n                shift(),\n                size({\n                    apply({ rects, elements }) {\n                        Object.assign(elements.floating.style, {\n                            width: listWidth || `${rects.reference.width}px`,\n                        });\n                    },\n                }),\n            ],\n        });\n\n        const wrappedId = safeUseId();\n\n        const handleClick = () => {\n            if (onToggle) {\n                onToggle(!opened);\n            }\n        };\n\n        // Проверка на target. Это может быть как ReactNode, так и функция, в которую пробрасывается ref.\n        // Это нужно для более тонкой настройки reference-элемента, вокруг которого и будет позиционироваться выпадашка.\n        // Пример: когда в Textfield под инпутом находится helperText (или еще что-либо),\n        // но выпадающий список должен позиционироваться непосредственно возле самого инпута.\n        const isTargetAsFunction = typeof target === 'function';\n\n        return (\n            <div ref={ref} id={wrappedId} style={{ position: 'relative' }}>\n                <div ref={isTargetAsFunction ? undefined : refs.setReference} onClick={handleClick}>\n                    {typeof target === 'function' ? target(refs.setReference as any) : target}\n                </div>\n\n                {opened && (\n                    // root - принимает ref контейнера портала.\n                    // id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.\n                    <FloatingPortal {...getFloatingPortalProps(portal, wrappedId)}>\n                        <div ref={refs.setFloating} style={{ ...floatingStyles, zIndex: 1 }}>\n                            {children}\n                        </div>\n                    </FloatingPortal>\n                )}\n            </div>\n        );\n    },\n);\n\ntype FloatingPortalReturnedProps = {\n    root?: React.RefObject<HTMLElement>;\n    id?: string;\n};\n\n// root - принимает ref контейнера портала.\n// id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.\nconst getFloatingPortalProps = (\n    portal: FloatingPopoverProps['portal'],\n    wrappedId: string,\n): FloatingPortalReturnedProps => {\n    if (!portal) {\n        return { id: wrappedId };\n    }\n\n    if (typeof portal === 'string') {\n        return { id: portal };\n    }\n\n    return { root: portal };\n};\n\nexport { FloatingPopover };\n"],"names":["FloatingPopover","forwardRef","_ref","ref","target","children","opened","onToggle","placement","portal","listWidth","_ref$offset","offset","_useFloating","useFloating","open","middleware","offsetMiddleware","flip","fallbackAxisSideDirection","shift","size","apply","_ref2","rects","elements","Object","assign","floating","style","width","concat","reference","refs","floatingStyles","wrappedId","safeUseId","handleClick","isTargetAsFunction","React","createElement","id","position","undefined","setReference","onClick","FloatingPortal","getFloatingPortalProps","setFloating","_objectSpread","zIndex","root"],"mappings":"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"}

package/cjs/components/DatePicker/RangeDate/RangeDate.css

@@ -38,10 +38,10 @@
 .CalendarHeader_styles_zgya4j_sdtpxcv__be70a02e{border:none;background-color:transparent;padding:0;outline:none;font-family:var(--plasma-calendar-header-font-family);font-size:var(--plasma-calendar-header-font-size);font-style:var(--plasma-calendar-header-font-style);font-weight:var(--plasma-calendar-header-font-weight-bold);-webkit-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);letter-spacing:var(--plasma-calendar-header-font-letter-spacing);line-height:var(--plasma-calendar-header-line-height);color:var(--plasma-calendar-content-primary-color);grid-area:b;justify-self:center;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-calendar-header-date-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}.CalendarHeader_styles_zgya4j_sdtpxcv__be70a02e::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:0.563rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.CalendarHeader_styles_zgya4j_sdtpxcv__be70a02e.CalendarHeader_styles_zgya4j_focusVisible__be70a02e:focus::before,.CalendarHeader_styles_zgya4j_sdtpxcv__be70a02e[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}
 .CalendarHeader_styles_zgya4j_s1fi7s2r__be70a02e{color:var(--plasma-calendar-header-arrow-color);}
 
-.DateStructureItem_styles_uzh6dj_s140bov1__c9a5b354{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.DateStructureItem_styles_uzh6dj_s140bov1__c9a5b354.DateStructureItem_styles_uzh6dj_itemInRange__c9a5b354:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_uzh6dj_s140bov1__c9a5b354.DateStructureItem_styles_uzh6dj_itemSideInRange__c9a5b354:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_uzh6dj_s140bov1__c9a5b354.DateStructureItem_styles_uzh6dj_itemSideLeft__c9a5b354:before{left:var(--s140bov1-0);}.DateStructureItem_styles_uzh6dj_s140bov1__c9a5b354.DateStructureItem_styles_uzh6dj_itemSideRight__c9a5b354:before{right:var(--s140bov1-0);}
-.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;min-width:var(--plasma-calendar-date-structure-width);min-height:var(--plasma-calendar-date-structure-height);border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s1k1xcqq-0);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemHovered__c9a5b354,.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemHovered__c9a5b354:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelected__c9a5b354:not(.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelected__c9a5b354{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelected__c9a5b354 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(var(--plasma-calendar-date-structure-width) - 0.25rem);min-height:calc(var(--plasma-calendar-date-structure-height) - 0.25rem);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_focusVisible__c9a5b354:focus::before,.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354{position:relative;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354.DateStructureItem_styles_uzh6dj_focusVisible__c9a5b354:focus::before,.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_dayInCurrentMonth__c9a5b354:not(.DateStructureItem_styles_uzh6dj_itemDisabled__c9a5b354):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_dayOfWeek__c9a5b354{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemDisabled__c9a5b354{cursor:not-allowed;opacity:0.4;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemDisabledCurrent__c9a5b354{cursor:not-allowed;opacity:0.4;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354 > .DateStructureItem_styles_uzh6dj_itemInRange__c9a5b354:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354 > .DateStructureItem_styles_uzh6dj_itemSideRight__c9a5b354:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354 > .DateStructureItem_styles_uzh6dj_itemSideLeft__c9a5b354:before{width:100%;left:-1px;right:unset;}
-.DateStructureItem_styles_uzh6dj_s1wqrord__c9a5b354{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:0.25rem;}
-.DateStructureItem_styles_uzh6dj_s1cvvf5__c9a5b354{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s1cvvf5-0);}
+.DateStructureItem_styles_1nxfztn_s140bov1__da2cff20{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.DateStructureItem_styles_1nxfztn_s140bov1__da2cff20.DateStructureItem_styles_1nxfztn_itemInRange__da2cff20:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_1nxfztn_s140bov1__da2cff20.DateStructureItem_styles_1nxfztn_itemSideInRange__da2cff20:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_1nxfztn_s140bov1__da2cff20.DateStructureItem_styles_1nxfztn_itemSideLeft__da2cff20:before{left:var(--s140bov1-0);}.DateStructureItem_styles_1nxfztn_s140bov1__da2cff20.DateStructureItem_styles_1nxfztn_itemSideRight__da2cff20:before{right:var(--s140bov1-0);}
+.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;min-width:var(--plasma-calendar-date-structure-width);min-height:var(--plasma-calendar-date-structure-height);border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s1k1xcqq-0);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemHovered__da2cff20,.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemHovered__da2cff20:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemSelected__da2cff20:not(.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20.DateStructureItem_styles_1nxfztn_itemSelected__da2cff20{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20.DateStructureItem_styles_1nxfztn_itemSelected__da2cff20 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(var(--plasma-calendar-date-structure-width) - 0.25rem);min-height:calc(var(--plasma-calendar-date-structure-height) - 0.25rem);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_focusVisible__da2cff20:focus::before,.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20{position:relative;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20.DateStructureItem_styles_1nxfztn_focusVisible__da2cff20:focus::before,.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_dayInCurrentMonth__da2cff20:not(.DateStructureItem_styles_1nxfztn_itemDisabled__da2cff20):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_dayOfWeek__da2cff20{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemDisabled__da2cff20{cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemDisabledCurrent__da2cff20{cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20 > .DateStructureItem_styles_1nxfztn_itemInRange__da2cff20:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20 > .DateStructureItem_styles_1nxfztn_itemSideRight__da2cff20:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20 > .DateStructureItem_styles_1nxfztn_itemSideLeft__da2cff20:before{width:100%;left:-1px;right:unset;}
+.DateStructureItem_styles_1nxfztn_s1wqrord__da2cff20{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:0.25rem;}
+.DateStructureItem_styles_1nxfztn_s1cvvf5__da2cff20{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s1cvvf5-0);}
 
 .CalendarDays_styles_1oq8sud_s1jnjaxw__be296257{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
 .CalendarDays_styles_1oq8sud_s1rv3pd5__be296257{outline:none;padding:var(--plasma-calendar-days-padding);box-sizing:border-box;}

package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css

@@ -131,10 +131,10 @@
 .CalendarHeader_styles_zgya4j_sdtpxcv__be70a02e{border:none;background-color:transparent;padding:0;outline:none;font-family:var(--plasma-calendar-header-font-family);font-size:var(--plasma-calendar-header-font-size);font-style:var(--plasma-calendar-header-font-style);font-weight:var(--plasma-calendar-header-font-weight-bold);-webkit-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);letter-spacing:var(--plasma-calendar-header-font-letter-spacing);line-height:var(--plasma-calendar-header-line-height);color:var(--plasma-calendar-content-primary-color);grid-area:b;justify-self:center;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-calendar-header-date-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}.CalendarHeader_styles_zgya4j_sdtpxcv__be70a02e::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:0.563rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.CalendarHeader_styles_zgya4j_sdtpxcv__be70a02e.CalendarHeader_styles_zgya4j_focusVisible__be70a02e:focus::before,.CalendarHeader_styles_zgya4j_sdtpxcv__be70a02e[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}
 .CalendarHeader_styles_zgya4j_s1fi7s2r__be70a02e{color:var(--plasma-calendar-header-arrow-color);}
 
-.DateStructureItem_styles_uzh6dj_s140bov1__c9a5b354{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.DateStructureItem_styles_uzh6dj_s140bov1__c9a5b354.DateStructureItem_styles_uzh6dj_itemInRange__c9a5b354:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_uzh6dj_s140bov1__c9a5b354.DateStructureItem_styles_uzh6dj_itemSideInRange__c9a5b354:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_uzh6dj_s140bov1__c9a5b354.DateStructureItem_styles_uzh6dj_itemSideLeft__c9a5b354:before{left:var(--s140bov1-0);}.DateStructureItem_styles_uzh6dj_s140bov1__c9a5b354.DateStructureItem_styles_uzh6dj_itemSideRight__c9a5b354:before{right:var(--s140bov1-0);}
-.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;min-width:var(--plasma-calendar-date-structure-width);min-height:var(--plasma-calendar-date-structure-height);border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s1k1xcqq-0);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemHovered__c9a5b354,.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemHovered__c9a5b354:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelected__c9a5b354:not(.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelected__c9a5b354{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelected__c9a5b354 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(var(--plasma-calendar-date-structure-width) - 0.25rem);min-height:calc(var(--plasma-calendar-date-structure-height) - 0.25rem);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_focusVisible__c9a5b354:focus::before,.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354{position:relative;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354.DateStructureItem_styles_uzh6dj_focusVisible__c9a5b354:focus::before,.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_dayInCurrentMonth__c9a5b354:not(.DateStructureItem_styles_uzh6dj_itemDisabled__c9a5b354):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_dayOfWeek__c9a5b354{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemDisabled__c9a5b354{cursor:not-allowed;opacity:0.4;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemDisabledCurrent__c9a5b354{cursor:not-allowed;opacity:0.4;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354 > .DateStructureItem_styles_uzh6dj_itemInRange__c9a5b354:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354 > .DateStructureItem_styles_uzh6dj_itemSideRight__c9a5b354:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354 > .DateStructureItem_styles_uzh6dj_itemSideLeft__c9a5b354:before{width:100%;left:-1px;right:unset;}
-.DateStructureItem_styles_uzh6dj_s1wqrord__c9a5b354{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:0.25rem;}
-.DateStructureItem_styles_uzh6dj_s1cvvf5__c9a5b354{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s1cvvf5-0);}
+.DateStructureItem_styles_1nxfztn_s140bov1__da2cff20{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.DateStructureItem_styles_1nxfztn_s140bov1__da2cff20.DateStructureItem_styles_1nxfztn_itemInRange__da2cff20:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_1nxfztn_s140bov1__da2cff20.DateStructureItem_styles_1nxfztn_itemSideInRange__da2cff20:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_1nxfztn_s140bov1__da2cff20.DateStructureItem_styles_1nxfztn_itemSideLeft__da2cff20:before{left:var(--s140bov1-0);}.DateStructureItem_styles_1nxfztn_s140bov1__da2cff20.DateStructureItem_styles_1nxfztn_itemSideRight__da2cff20:before{right:var(--s140bov1-0);}
+.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;min-width:var(--plasma-calendar-date-structure-width);min-height:var(--plasma-calendar-date-structure-height);border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s1k1xcqq-0);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemHovered__da2cff20,.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemHovered__da2cff20:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemSelected__da2cff20:not(.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20.DateStructureItem_styles_1nxfztn_itemSelected__da2cff20{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20.DateStructureItem_styles_1nxfztn_itemSelected__da2cff20 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(var(--plasma-calendar-date-structure-width) - 0.25rem);min-height:calc(var(--plasma-calendar-date-structure-height) - 0.25rem);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_focusVisible__da2cff20:focus::before,.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20{position:relative;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20.DateStructureItem_styles_1nxfztn_focusVisible__da2cff20:focus::before,.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_dayInCurrentMonth__da2cff20:not(.DateStructureItem_styles_1nxfztn_itemDisabled__da2cff20):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_dayOfWeek__da2cff20{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemDisabled__da2cff20{cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemDisabledCurrent__da2cff20{cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20 > .DateStructureItem_styles_1nxfztn_itemInRange__da2cff20:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20 > .DateStructureItem_styles_1nxfztn_itemSideRight__da2cff20:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20 > .DateStructureItem_styles_1nxfztn_itemSideLeft__da2cff20:before{width:100%;left:-1px;right:unset;}
+.DateStructureItem_styles_1nxfztn_s1wqrord__da2cff20{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:0.25rem;}
+.DateStructureItem_styles_1nxfztn_s1cvvf5__da2cff20{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s1cvvf5-0);}
 
 .CalendarDays_styles_1oq8sud_s1jnjaxw__be296257{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
 .CalendarDays_styles_1oq8sud_s1rv3pd5__be296257{outline:none;padding:var(--plasma-calendar-days-padding);box-sizing:border-box;}

package/cjs/components/DatePicker/SingleDate/SingleDate.css

@@ -36,10 +36,10 @@
 .CalendarHeader_styles_zgya4j_sdtpxcv__be70a02e{border:none;background-color:transparent;padding:0;outline:none;font-family:var(--plasma-calendar-header-font-family);font-size:var(--plasma-calendar-header-font-size);font-style:var(--plasma-calendar-header-font-style);font-weight:var(--plasma-calendar-header-font-weight-bold);-webkit-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);letter-spacing:var(--plasma-calendar-header-font-letter-spacing);line-height:var(--plasma-calendar-header-line-height);color:var(--plasma-calendar-content-primary-color);grid-area:b;justify-self:center;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-calendar-header-date-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}.CalendarHeader_styles_zgya4j_sdtpxcv__be70a02e::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:0.563rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.CalendarHeader_styles_zgya4j_sdtpxcv__be70a02e.CalendarHeader_styles_zgya4j_focusVisible__be70a02e:focus::before,.CalendarHeader_styles_zgya4j_sdtpxcv__be70a02e[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}
 .CalendarHeader_styles_zgya4j_s1fi7s2r__be70a02e{color:var(--plasma-calendar-header-arrow-color);}
 
-.DateStructureItem_styles_uzh6dj_s140bov1__c9a5b354{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.DateStructureItem_styles_uzh6dj_s140bov1__c9a5b354.DateStructureItem_styles_uzh6dj_itemInRange__c9a5b354:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_uzh6dj_s140bov1__c9a5b354.DateStructureItem_styles_uzh6dj_itemSideInRange__c9a5b354:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_uzh6dj_s140bov1__c9a5b354.DateStructureItem_styles_uzh6dj_itemSideLeft__c9a5b354:before{left:var(--s140bov1-0);}.DateStructureItem_styles_uzh6dj_s140bov1__c9a5b354.DateStructureItem_styles_uzh6dj_itemSideRight__c9a5b354:before{right:var(--s140bov1-0);}
-.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;min-width:var(--plasma-calendar-date-structure-width);min-height:var(--plasma-calendar-date-structure-height);border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s1k1xcqq-0);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemHovered__c9a5b354,.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemHovered__c9a5b354:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelected__c9a5b354:not(.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelected__c9a5b354{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelected__c9a5b354 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(var(--plasma-calendar-date-structure-width) - 0.25rem);min-height:calc(var(--plasma-calendar-date-structure-height) - 0.25rem);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_focusVisible__c9a5b354:focus::before,.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354{position:relative;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354.DateStructureItem_styles_uzh6dj_focusVisible__c9a5b354:focus::before,.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_dayInCurrentMonth__c9a5b354:not(.DateStructureItem_styles_uzh6dj_itemDisabled__c9a5b354):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_dayOfWeek__c9a5b354{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemDisabled__c9a5b354{cursor:not-allowed;opacity:0.4;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemDisabledCurrent__c9a5b354{cursor:not-allowed;opacity:0.4;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354 > .DateStructureItem_styles_uzh6dj_itemInRange__c9a5b354:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354 > .DateStructureItem_styles_uzh6dj_itemSideRight__c9a5b354:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354 > .DateStructureItem_styles_uzh6dj_itemSideLeft__c9a5b354:before{width:100%;left:-1px;right:unset;}
-.DateStructureItem_styles_uzh6dj_s1wqrord__c9a5b354{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:0.25rem;}
-.DateStructureItem_styles_uzh6dj_s1cvvf5__c9a5b354{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s1cvvf5-0);}
+.DateStructureItem_styles_1nxfztn_s140bov1__da2cff20{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.DateStructureItem_styles_1nxfztn_s140bov1__da2cff20.DateStructureItem_styles_1nxfztn_itemInRange__da2cff20:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_1nxfztn_s140bov1__da2cff20.DateStructureItem_styles_1nxfztn_itemSideInRange__da2cff20:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_1nxfztn_s140bov1__da2cff20.DateStructureItem_styles_1nxfztn_itemSideLeft__da2cff20:before{left:var(--s140bov1-0);}.DateStructureItem_styles_1nxfztn_s140bov1__da2cff20.DateStructureItem_styles_1nxfztn_itemSideRight__da2cff20:before{right:var(--s140bov1-0);}
+.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;min-width:var(--plasma-calendar-date-structure-width);min-height:var(--plasma-calendar-date-structure-height);border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s1k1xcqq-0);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemHovered__da2cff20,.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemHovered__da2cff20:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemSelected__da2cff20:not(.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20.DateStructureItem_styles_1nxfztn_itemSelected__da2cff20{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20.DateStructureItem_styles_1nxfztn_itemSelected__da2cff20 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(var(--plasma-calendar-date-structure-width) - 0.25rem);min-height:calc(var(--plasma-calendar-date-structure-height) - 0.25rem);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_focusVisible__da2cff20:focus::before,.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20{position:relative;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20.DateStructureItem_styles_1nxfztn_focusVisible__da2cff20:focus::before,.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_dayInCurrentMonth__da2cff20:not(.DateStructureItem_styles_1nxfztn_itemDisabled__da2cff20):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_dayOfWeek__da2cff20{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemDisabled__da2cff20{cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemDisabledCurrent__da2cff20{cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20 > .DateStructureItem_styles_1nxfztn_itemInRange__da2cff20:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20 > .DateStructureItem_styles_1nxfztn_itemSideRight__da2cff20:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20 > .DateStructureItem_styles_1nxfztn_itemSideLeft__da2cff20:before{width:100%;left:-1px;right:unset;}
+.DateStructureItem_styles_1nxfztn_s1wqrord__da2cff20{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:0.25rem;}
+.DateStructureItem_styles_1nxfztn_s1cvvf5__da2cff20{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s1cvvf5-0);}
 
 .CalendarDays_styles_1oq8sud_s1jnjaxw__be296257{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
 .CalendarDays_styles_1oq8sud_s1rv3pd5__be296257{outline:none;padding:var(--plasma-calendar-days-padding);box-sizing:border-box;}

package/cjs/components/Dropdown/FloatingPopover.js

@@ -64,11 +64,12 @@ var FloatingPopover = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     }
   };
   return /*#__PURE__*/React.createElement("div", {
+    ref: ref,
     id: wrappedId,
     style: {
+      position: 'relative',
       display: isInner ? 'block' : 'inline-block'
-    },
-    ref: ref
+    }
   }, /*#__PURE__*/React.createElement("div", {
     ref: refs.setReference,
     onClick: handleTargetClick,

package/cjs/components/Dropdown/FloatingPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingPopover.js","sources":["../../../src/components/Dropdown/FloatingPopover.tsx"],"sourcesContent":["import {\n    flip,\n    shift,\n    useFloating,\n    FloatingPortal,\n    offset as offsetMiddleware,\n    autoPlacement,\n} from '@floating-ui/react';\nimport React, { forwardRef, MouseEvent } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport { FloatingPopoverProps } from './Dropdown.types';\n\nconst FloatingPopover = forwardRef<HTMLDivElement, FloatingPopoverProps>(\n    ({ target, children, opened, onToggle, placement, portal, offset = [0, 0], isInner, trigger }, ref) => {\n        const { refs, floatingStyles } = useFloating({\n            placement: placement === 'auto' ? undefined : placement,\n            open: opened,\n            middleware: [\n                placement === 'auto' && autoPlacement(),\n                offsetMiddleware({ mainAxis: offset[1], crossAxis: offset[0] }),\n                flip({ fallbackAxisSideDirection: 'end' }),\n                shift(),\n            ],\n        });\n        const wrappedId = safeUseId();\n\n        const handleTargetClick = (event: MouseEvent<HTMLDivElement>) => {\n            if (trigger === 'hover') {\n                return;\n            }\n\n            if (onToggle) {\n                onToggle(!opened, event);\n            }\n        };\n\n        const handleTargetMouseEnter = (event: MouseEvent<HTMLDivElement>) => {\n            if (trigger === 'click' || opened) {\n                return;\n            }\n\n            onToggle(true, event);\n        };\n\n        const handleTargetMouseLeave = (event: MouseEvent<HTMLDivElement>) => {\n            if (event.relatedTarget instanceof HTMLElement && refs.floating.current instanceof HTMLElement) {\n                if (\n                    trigger === 'click' ||\n                    !opened ||\n                    (event.relatedTarget && refs.floating && refs.floating.current?.contains(event.relatedTarget))\n                ) {\n                    return;\n                }\n\n                onToggle(false, event);\n            }\n        };\n\n        const handleFloatingMouseLeave = (event: MouseEvent) => {\n            if (event.relatedTarget instanceof HTMLElement && refs.reference.current instanceof HTMLElement) {\n                if (\n                    trigger === 'click' ||\n                    !opened ||\n                    (event.relatedTarget && refs.reference && refs.reference.current?.contains(event.relatedTarget))\n                ) {\n                    return;\n                }\n\n                onToggle(false, event);\n            }\n        };\n\n        return (\n            <div\n                id={wrappedId}\n                style={{\n                    display: isInner ? 'block' : 'inline-block',\n                }}\n                ref={ref}\n            >\n                <div\n                    ref={refs.setReference}\n                    onClick={handleTargetClick}\n                    onMouseEnter={handleTargetMouseEnter}\n                    onMouseLeave={handleTargetMouseLeave}\n                >\n                    {target}\n                </div>\n\n                {opened && (\n                    <FloatingPortal {...getFloatingPortalProps(portal, wrappedId)}>\n                        <div\n                            ref={refs.setFloating}\n                            onMouseLeave={handleFloatingMouseLeave}\n                            style={{\n                                ...floatingStyles,\n                                zIndex: 1,\n                            }}\n                        >\n                            {children}\n                        </div>\n                    </FloatingPortal>\n                )}\n            </div>\n        );\n    },\n);\n\ntype FloatingPortalReturnedProps = {\n    root?: React.RefObject<HTMLElement>;\n    id?: string;\n};\n\n// root - принимает ref контейнера портала.\n// id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.\nconst getFloatingPortalProps = (\n    portal: FloatingPopoverProps['portal'],\n    wrappedId: string,\n): FloatingPortalReturnedProps => {\n    if (!portal) {\n        return { id: wrappedId };\n    }\n\n    if (typeof portal === 'string') {\n        return { id: portal };\n    }\n\n    return { root: portal };\n};\n\nexport { FloatingPopover };\n"],"names":["FloatingPopover","forwardRef","_ref","ref","target","children","opened","onToggle","placement","portal","_ref$offset","offset","isInner","trigger","_useFloating","useFloating","undefined","open","middleware","autoPlacement","offsetMiddleware","mainAxis","crossAxis","flip","fallbackAxisSideDirection","shift","refs","floatingStyles","wrappedId","safeUseId","handleTargetClick","event","handleTargetMouseEnter","handleTargetMouseLeave","relatedTarget","HTMLElement","floating","current","_refs$floating$curren","contains","handleFloatingMouseLeave","reference","_refs$reference$curre","React","createElement","id","style","display","setReference","onClick","onMouseEnter","onMouseLeave","FloatingPortal","getFloatingPortalProps","setFloating","_objectSpread","zIndex","root"],"mappings":"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"}
+{"version":3,"file":"FloatingPopover.js","sources":["../../../src/components/Dropdown/FloatingPopover.tsx"],"sourcesContent":["import {\n    flip,\n    shift,\n    useFloating,\n    FloatingPortal,\n    offset as offsetMiddleware,\n    autoPlacement,\n} from '@floating-ui/react';\nimport React, { forwardRef, MouseEvent } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport { FloatingPopoverProps } from './Dropdown.types';\n\nconst FloatingPopover = forwardRef<HTMLDivElement, FloatingPopoverProps>(\n    ({ target, children, opened, onToggle, placement, portal, offset = [0, 0], isInner, trigger }, ref) => {\n        const { refs, floatingStyles } = useFloating({\n            placement: placement === 'auto' ? undefined : placement,\n            open: opened,\n            middleware: [\n                placement === 'auto' && autoPlacement(),\n                offsetMiddleware({ mainAxis: offset[1], crossAxis: offset[0] }),\n                flip({ fallbackAxisSideDirection: 'end' }),\n                shift(),\n            ],\n        });\n        const wrappedId = safeUseId();\n\n        const handleTargetClick = (event: MouseEvent<HTMLDivElement>) => {\n            if (trigger === 'hover') {\n                return;\n            }\n\n            if (onToggle) {\n                onToggle(!opened, event);\n            }\n        };\n\n        const handleTargetMouseEnter = (event: MouseEvent<HTMLDivElement>) => {\n            if (trigger === 'click' || opened) {\n                return;\n            }\n\n            onToggle(true, event);\n        };\n\n        const handleTargetMouseLeave = (event: MouseEvent<HTMLDivElement>) => {\n            if (event.relatedTarget instanceof HTMLElement && refs.floating.current instanceof HTMLElement) {\n                if (\n                    trigger === 'click' ||\n                    !opened ||\n                    (event.relatedTarget && refs.floating && refs.floating.current?.contains(event.relatedTarget))\n                ) {\n                    return;\n                }\n\n                onToggle(false, event);\n            }\n        };\n\n        const handleFloatingMouseLeave = (event: MouseEvent) => {\n            if (event.relatedTarget instanceof HTMLElement && refs.reference.current instanceof HTMLElement) {\n                if (\n                    trigger === 'click' ||\n                    !opened ||\n                    (event.relatedTarget && refs.reference && refs.reference.current?.contains(event.relatedTarget))\n                ) {\n                    return;\n                }\n\n                onToggle(false, event);\n            }\n        };\n\n        return (\n            <div\n                ref={ref}\n                id={wrappedId}\n                style={{\n                    position: 'relative',\n                    display: isInner ? 'block' : 'inline-block',\n                }}\n            >\n                <div\n                    ref={refs.setReference}\n                    onClick={handleTargetClick}\n                    onMouseEnter={handleTargetMouseEnter}\n                    onMouseLeave={handleTargetMouseLeave}\n                >\n                    {target}\n                </div>\n\n                {opened && (\n                    <FloatingPortal {...getFloatingPortalProps(portal, wrappedId)}>\n                        <div\n                            ref={refs.setFloating}\n                            onMouseLeave={handleFloatingMouseLeave}\n                            style={{\n                                ...floatingStyles,\n                                zIndex: 1,\n                            }}\n                        >\n                            {children}\n                        </div>\n                    </FloatingPortal>\n                )}\n            </div>\n        );\n    },\n);\n\ntype FloatingPortalReturnedProps = {\n    root?: React.RefObject<HTMLElement>;\n    id?: string;\n};\n\n// root - принимает ref контейнера портала.\n// id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.\nconst getFloatingPortalProps = (\n    portal: FloatingPopoverProps['portal'],\n    wrappedId: string,\n): FloatingPortalReturnedProps => {\n    if (!portal) {\n        return { id: wrappedId };\n    }\n\n    if (typeof portal === 'string') {\n        return { id: portal };\n    }\n\n    return { root: portal };\n};\n\nexport { FloatingPopover };\n"],"names":["FloatingPopover","forwardRef","_ref","ref","target","children","opened","onToggle","placement","portal","_ref$offset","offset","isInner","trigger","_useFloating","useFloating","undefined","open","middleware","autoPlacement","offsetMiddleware","mainAxis","crossAxis","flip","fallbackAxisSideDirection","shift","refs","floatingStyles","wrappedId","safeUseId","handleTargetClick","event","handleTargetMouseEnter","handleTargetMouseLeave","relatedTarget","HTMLElement","floating","current","_refs$floating$curren","contains","handleFloatingMouseLeave","reference","_refs$reference$curre","React","createElement","id","style","position","display","setReference","onClick","onMouseEnter","onMouseLeave","FloatingPortal","getFloatingPortalProps","setFloating","_objectSpread","zIndex","root"],"mappings":";;;;;;;;;AAaMA,IAAAA,eAAe,gBAAGC,gBAAU,CAC9B,UAAAC,IAAA,EAA+FC,GAAG,EAAK;AAAA,EAAA,IAApGC,MAAM,GAAAF,IAAA,CAANE,MAAM;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAEC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IAAEC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IAAEC,SAAS,GAAAN,IAAA,CAATM,SAAS;IAAEC,MAAM,GAAAP,IAAA,CAANO,MAAM;IAAAC,WAAA,GAAAR,IAAA,CAAES,MAAM;IAANA,MAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,CAAC,CAAC,EAAE,CAAC,CAAC,GAAAA,WAAA;IAAEE,OAAO,GAAAV,IAAA,CAAPU,OAAO;IAAEC,OAAO,GAAAX,IAAA,CAAPW,OAAO,CAAA;EACvF,IAAAC,YAAA,GAAiCC,iBAAW,CAAC;AACzCP,MAAAA,SAAS,EAAEA,SAAS,KAAK,MAAM,GAAGQ,SAAS,GAAGR,SAAS;AACvDS,MAAAA,IAAI,EAAEX,MAAM;MACZY,UAAU,EAAE,CACRV,SAAS,KAAK,MAAM,IAAIW,mBAAa,EAAE,EACvCC,YAAgB,CAAC;AAAEC,QAAAA,QAAQ,EAAEV,MAAM,CAAC,CAAC,CAAC;QAAEW,SAAS,EAAEX,MAAM,CAAC,CAAC,CAAA;OAAG,CAAC,EAC/DY,UAAI,CAAC;AAAEC,QAAAA,yBAAyB,EAAE,KAAA;AAAM,OAAC,CAAC,EAC1CC,WAAK,EAAE,CAAA;AAEf,KAAC,CAAC;IATMC,IAAI,GAAAZ,YAAA,CAAJY,IAAI;IAAEC,cAAc,GAAAb,YAAA,CAAda,cAAc,CAAA;AAU5B,EAAA,IAAMC,SAAS,GAAGC,oBAAS,EAAE,CAAA;AAE7B,EAAA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,KAAiC,EAAK;IAC7D,IAAIlB,OAAO,KAAK,OAAO,EAAE;AACrB,MAAA,OAAA;AACJ,KAAA;AAEA,IAAA,IAAIN,QAAQ,EAAE;AACVA,MAAAA,QAAQ,CAAC,CAACD,MAAM,EAAEyB,KAAK,CAAC,CAAA;AAC5B,KAAA;GACH,CAAA;AAED,EAAA,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAID,KAAiC,EAAK;AAClE,IAAA,IAAIlB,OAAO,KAAK,OAAO,IAAIP,MAAM,EAAE;AAC/B,MAAA,OAAA;AACJ,KAAA;AAEAC,IAAAA,QAAQ,CAAC,IAAI,EAAEwB,KAAK,CAAC,CAAA;GACxB,CAAA;AAED,EAAA,IAAME,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAIF,KAAiC,EAAK;AAClE,IAAA,IAAIA,KAAK,CAACG,aAAa,YAAYC,WAAW,IAAIT,IAAI,CAACU,QAAQ,CAACC,OAAO,YAAYF,WAAW,EAAE;AAAA,MAAA,IAAAG,qBAAA,CAAA;AAC5F,MAAA,IACIzB,OAAO,KAAK,OAAO,IACnB,CAACP,MAAM,IACNyB,KAAK,CAACG,aAAa,IAAIR,IAAI,CAACU,QAAQ,IAAAE,CAAAA,qBAAA,GAAIZ,IAAI,CAACU,QAAQ,CAACC,OAAO,cAAAC,qBAAA,KAAA,KAAA,CAAA,IAArBA,qBAAA,CAAuBC,QAAQ,CAACR,KAAK,CAACG,aAAa,CAAE,EAChG;AACE,QAAA,OAAA;AACJ,OAAA;AAEA3B,MAAAA,QAAQ,CAAC,KAAK,EAAEwB,KAAK,CAAC,CAAA;AAC1B,KAAA;GACH,CAAA;AAED,EAAA,IAAMS,wBAAwB,GAAG,SAA3BA,wBAAwBA,CAAIT,KAAiB,EAAK;AACpD,IAAA,IAAIA,KAAK,CAACG,aAAa,YAAYC,WAAW,IAAIT,IAAI,CAACe,SAAS,CAACJ,OAAO,YAAYF,WAAW,EAAE;AAAA,MAAA,IAAAO,qBAAA,CAAA;AAC7F,MAAA,IACI7B,OAAO,KAAK,OAAO,IACnB,CAACP,MAAM,IACNyB,KAAK,CAACG,aAAa,IAAIR,IAAI,CAACe,SAAS,IAAAC,CAAAA,qBAAA,GAAIhB,IAAI,CAACe,SAAS,CAACJ,OAAO,cAAAK,qBAAA,KAAA,KAAA,CAAA,IAAtBA,qBAAA,CAAwBH,QAAQ,CAACR,KAAK,CAACG,aAAa,CAAE,EAClG;AACE,QAAA,OAAA;AACJ,OAAA;AAEA3B,MAAAA,QAAQ,CAAC,KAAK,EAAEwB,KAAK,CAAC,CAAA;AAC1B,KAAA;GACH,CAAA;EAED,oBACIY,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACIzC,IAAAA,GAAG,EAAEA,GAAI;AACT0C,IAAAA,EAAE,EAAEjB,SAAU;AACdkB,IAAAA,KAAK,EAAE;AACHC,MAAAA,QAAQ,EAAE,UAAU;AACpBC,MAAAA,OAAO,EAAEpC,OAAO,GAAG,OAAO,GAAG,cAAA;AACjC,KAAA;GAEA+B,eAAAA,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IACIzC,GAAG,EAAEuB,IAAI,CAACuB,YAAa;AACvBC,IAAAA,OAAO,EAAEpB,iBAAkB;AAC3BqB,IAAAA,YAAY,EAAEnB,sBAAuB;AACrCoB,IAAAA,YAAY,EAAEnB,sBAAAA;GAEb7B,EAAAA,MACA,CAAC,EAELE,MAAM,iBACHqC,KAAA,CAAAC,aAAA,CAACS,oBAAc,EAAKC,sBAAsB,CAAC7C,MAAM,EAAEmB,SAAS,CAAC,eACzDe,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IACIzC,GAAG,EAAEuB,IAAI,CAAC6B,WAAY;AACtBH,IAAAA,YAAY,EAAEZ,wBAAyB;AACvCM,IAAAA,KAAK,EAAAU,uCAAA,CAAAA,uCAAA,KACE7B,cAAc,CAAA,EAAA,EAAA,EAAA;AACjB8B,MAAAA,MAAM,EAAE,CAAA;AAAC,KAAA,CAAA;GAGZpD,EAAAA,QACA,CACO,CAEnB,CAAC,CAAA;AAEd,CACJ,EAAC;AAOD;AACA;AACA,IAAMiD,sBAAsB,GAAG,SAAzBA,sBAAsBA,CACxB7C,MAAsC,EACtCmB,SAAiB,EACa;EAC9B,IAAI,CAACnB,MAAM,EAAE;IACT,OAAO;AAAEoC,MAAAA,EAAE,EAAEjB,SAAAA;KAAW,CAAA;AAC5B,GAAA;AAEA,EAAA,IAAI,OAAOnB,MAAM,KAAK,QAAQ,EAAE;IAC5B,OAAO;AAAEoC,MAAAA,EAAE,EAAEpC,MAAAA;KAAQ,CAAA;AACzB,GAAA;EAEA,OAAO;AAAEiD,IAAAA,IAAI,EAAEjD,MAAAA;GAAQ,CAAA;AAC3B,CAAC;;;;"}

package/cjs/components/Select/FloatingPopover.js

@@ -50,7 +50,10 @@ var FloatingPopover = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var isTargetAsFunction = typeof target === 'function';
   return /*#__PURE__*/React.createElement("div", {
     ref: ref,
-    id: wrappedId
+    id: wrappedId,
+    style: {
+      position: 'relative'
+    }
   }, /*#__PURE__*/React.createElement("div", {
     ref: isTargetAsFunction ? undefined : refs.setReference,
     onClick: handleClick

package/cjs/components/Select/FloatingPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingPopover.js","sources":["../../../src/components/Select/FloatingPopover.tsx"],"sourcesContent":["import { flip, shift, size, useFloating, FloatingPortal, offset as offsetMiddleware } from '@floating-ui/react';\nimport React, { forwardRef } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport { getPlacement, getFallbackPlacements } from './utils';\nimport type { FloatingPopoverProps } from './Select.types';\n\nconst FloatingPopover = forwardRef<HTMLDivElement, FloatingPopoverProps>(\n    ({ target, children, opened, onToggle, placement, portal, listWidth, offset = 0 }, ref) => {\n        const { refs, floatingStyles } = useFloating({\n            placement: getPlacement(placement),\n            open: opened,\n            middleware: [\n                offsetMiddleware(offset),\n                flip({ fallbackPlacements: getFallbackPlacements(placement) }),\n                shift(),\n                size({\n                    apply({ rects, elements }) {\n                        Object.assign(elements.floating.style, {\n                            width: listWidth || `${rects.reference.width}px`,\n                        });\n                    },\n                }),\n            ],\n        });\n\n        const wrappedId = safeUseId();\n\n        const handleClick = () => {\n            if (onToggle) {\n                onToggle(!opened);\n            }\n        };\n\n        // Проверка на target. Это может быть как ReactNode, так и функция, в которую пробрасывается ref.\n        // Это нужно для более тонкой настройки reference-элемента, вокруг которого и будет позиционироваться выпадашка.\n        // Пример: когда в Textfield под инпутом находится helperText (или еще что-либо),\n        // но выпадающий список должен позиционироваться непосредственно возле самого инпута.\n        const isTargetAsFunction = typeof target === 'function';\n\n        return (\n            <div ref={ref} id={wrappedId}>\n                <div ref={isTargetAsFunction ? undefined : refs.setReference} onClick={handleClick}>\n                    {typeof target === 'function' ? target(refs.setReference as any) : target}\n                </div>\n\n                {opened && (\n                    // root - принимает ref контейнера портала.\n                    // id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.\n                    <FloatingPortal {...getFloatingPortalProps(portal, wrappedId)}>\n                        <div ref={refs.setFloating} style={{ ...floatingStyles, zIndex: 1 }}>\n                            {children}\n                        </div>\n                    </FloatingPortal>\n                )}\n            </div>\n        );\n    },\n);\n\ntype FloatingPortalReturnedProps = {\n    root?: React.RefObject<HTMLElement>;\n    id?: string;\n};\n\n// root - принимает ref контейнера портала.\n// id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.\nconst getFloatingPortalProps = (\n    portal: FloatingPopoverProps['portal'],\n    wrappedId: string,\n): FloatingPortalReturnedProps => {\n    if (!portal) {\n        return { id: wrappedId };\n    }\n\n    if (typeof portal === 'string') {\n        return { id: portal };\n    }\n\n    return { root: portal };\n};\n\nexport { FloatingPopover };\n"],"names":["FloatingPopover","forwardRef","_ref","ref","target","children","opened","onToggle","placement","portal","listWidth","_ref$offset","offset","_useFloating","useFloating","getPlacement","open","middleware","offsetMiddleware","flip","fallbackPlacements","getFallbackPlacements","shift","size","apply","_ref2","rects","elements","Object","assign","floating","style","width","concat","reference","refs","floatingStyles","wrappedId","safeUseId","handleClick","isTargetAsFunction","React","createElement","id","undefined","setReference","onClick","FloatingPortal","getFloatingPortalProps","setFloating","_objectSpread","zIndex","root"],"mappings":"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"}
+{"version":3,"file":"FloatingPopover.js","sources":["../../../src/components/Select/FloatingPopover.tsx"],"sourcesContent":["import { flip, shift, size, useFloating, FloatingPortal, offset as offsetMiddleware } from '@floating-ui/react';\nimport React, { forwardRef } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport { getPlacement, getFallbackPlacements } from './utils';\nimport type { FloatingPopoverProps } from './Select.types';\n\nconst FloatingPopover = forwardRef<HTMLDivElement, FloatingPopoverProps>(\n    ({ target, children, opened, onToggle, placement, portal, listWidth, offset = 0 }, ref) => {\n        const { refs, floatingStyles } = useFloating({\n            placement: getPlacement(placement),\n            open: opened,\n            middleware: [\n                offsetMiddleware(offset),\n                flip({ fallbackPlacements: getFallbackPlacements(placement) }),\n                shift(),\n                size({\n                    apply({ rects, elements }) {\n                        Object.assign(elements.floating.style, {\n                            width: listWidth || `${rects.reference.width}px`,\n                        });\n                    },\n                }),\n            ],\n        });\n\n        const wrappedId = safeUseId();\n\n        const handleClick = () => {\n            if (onToggle) {\n                onToggle(!opened);\n            }\n        };\n\n        // Проверка на target. Это может быть как ReactNode, так и функция, в которую пробрасывается ref.\n        // Это нужно для более тонкой настройки reference-элемента, вокруг которого и будет позиционироваться выпадашка.\n        // Пример: когда в Textfield под инпутом находится helperText (или еще что-либо),\n        // но выпадающий список должен позиционироваться непосредственно возле самого инпута.\n        const isTargetAsFunction = typeof target === 'function';\n\n        return (\n            <div ref={ref} id={wrappedId} style={{ position: 'relative' }}>\n                <div ref={isTargetAsFunction ? undefined : refs.setReference} onClick={handleClick}>\n                    {typeof target === 'function' ? target(refs.setReference as any) : target}\n                </div>\n\n                {opened && (\n                    // root - принимает ref контейнера портала.\n                    // id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.\n                    <FloatingPortal {...getFloatingPortalProps(portal, wrappedId)}>\n                        <div ref={refs.setFloating} style={{ ...floatingStyles, zIndex: 1 }}>\n                            {children}\n                        </div>\n                    </FloatingPortal>\n                )}\n            </div>\n        );\n    },\n);\n\ntype FloatingPortalReturnedProps = {\n    root?: React.RefObject<HTMLElement>;\n    id?: string;\n};\n\n// root - принимает ref контейнера портала.\n// id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.\nconst getFloatingPortalProps = (\n    portal: FloatingPopoverProps['portal'],\n    wrappedId: string,\n): FloatingPortalReturnedProps => {\n    if (!portal) {\n        return { id: wrappedId };\n    }\n\n    if (typeof portal === 'string') {\n        return { id: portal };\n    }\n\n    return { root: portal };\n};\n\nexport { FloatingPopover };\n"],"names":["FloatingPopover","forwardRef","_ref","ref","target","children","opened","onToggle","placement","portal","listWidth","_ref$offset","offset","_useFloating","useFloating","getPlacement","open","middleware","offsetMiddleware","flip","fallbackPlacements","getFallbackPlacements","shift","size","apply","_ref2","rects","elements","Object","assign","floating","style","width","concat","reference","refs","floatingStyles","wrappedId","safeUseId","handleClick","isTargetAsFunction","React","createElement","id","position","undefined","setReference","onClick","FloatingPortal","getFloatingPortalProps","setFloating","_objectSpread","zIndex","root"],"mappings":";;;;;;;;;;;AAOMA,IAAAA,eAAe,gBAAGC,gBAAU,CAC9B,UAAAC,IAAA,EAAmFC,GAAG,EAAK;AAAA,EAAA,IAAxFC,MAAM,GAAAF,IAAA,CAANE,MAAM;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAEC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IAAEC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IAAEC,SAAS,GAAAN,IAAA,CAATM,SAAS;IAAEC,MAAM,GAAAP,IAAA,CAANO,MAAM;IAAEC,SAAS,GAAAR,IAAA,CAATQ,SAAS;IAAAC,WAAA,GAAAT,IAAA,CAAEU,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,WAAA,CAAA;EAC3E,IAAAE,YAAA,GAAiCC,iBAAW,CAAC;AACzCN,MAAAA,SAAS,EAAEO,yBAAY,CAACP,SAAS,CAAC;AAClCQ,MAAAA,IAAI,EAAEV,MAAM;MACZW,UAAU,EAAE,CACRC,YAAgB,CAACN,MAAM,CAAC,EACxBO,UAAI,CAAC;QAAEC,kBAAkB,EAAEC,2CAAqB,CAACb,SAAS,CAAA;AAAE,OAAC,CAAC,EAC9Dc,WAAK,EAAE,EACPC,UAAI,CAAC;QACDC,KAAK,EAAA,SAAAA,KAAAC,CAAAA,KAAA,EAAsB;AAAA,UAAA,IAAnBC,KAAK,GAAAD,KAAA,CAALC,KAAK;YAAEC,QAAQ,GAAAF,KAAA,CAARE,QAAQ,CAAA;UACnBC,MAAM,CAACC,MAAM,CAACF,QAAQ,CAACG,QAAQ,CAACC,KAAK,EAAE;YACnCC,KAAK,EAAEtB,SAAS,IAAAuB,EAAAA,CAAAA,MAAA,CAAOP,KAAK,CAACQ,SAAS,CAACF,KAAK,EAAA,IAAA,CAAA;AAChD,WAAC,CAAC,CAAA;AACN,SAAA;AACJ,OAAC,CAAC,CAAA;AAEV,KAAC,CAAC;IAfMG,IAAI,GAAAtB,YAAA,CAAJsB,IAAI;IAAEC,cAAc,GAAAvB,YAAA,CAAduB,cAAc,CAAA;AAiB5B,EAAA,IAAMC,SAAS,GAAGC,oBAAS,EAAE,CAAA;AAE7B,EAAA,IAAMC,WAAW,GAAG,SAAdA,WAAWA,GAAS;AACtB,IAAA,IAAIhC,QAAQ,EAAE;MACVA,QAAQ,CAAC,CAACD,MAAM,CAAC,CAAA;AACrB,KAAA;GACH,CAAA;;AAED;AACA;AACA;AACA;AACA,EAAA,IAAMkC,kBAAkB,GAAG,OAAOpC,MAAM,KAAK,UAAU,CAAA;EAEvD,oBACIqC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKvC,IAAAA,GAAG,EAAEA,GAAI;AAACwC,IAAAA,EAAE,EAAEN,SAAU;AAACN,IAAAA,KAAK,EAAE;AAAEa,MAAAA,QAAQ,EAAE,UAAA;AAAW,KAAA;GACxDH,eAAAA,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKvC,IAAAA,GAAG,EAAEqC,kBAAkB,GAAGK,SAAS,GAAGV,IAAI,CAACW,YAAa;AAACC,IAAAA,OAAO,EAAER,WAAAA;AAAY,GAAA,EAC9E,OAAOnC,MAAM,KAAK,UAAU,GAAGA,MAAM,CAAC+B,IAAI,CAACW,YAAmB,CAAC,GAAG1C,MAClE,CAAC,EAELE,MAAM;AAAA;AACH;AACA;AACAmC,EAAAA,KAAA,CAAAC,aAAA,CAACM,oBAAc,EAAKC,sBAAsB,CAACxC,MAAM,EAAE4B,SAAS,CAAC,eACzDI,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKvC,GAAG,EAAEgC,IAAI,CAACe,WAAY;AAACnB,IAAAA,KAAK,EAAAoB,uCAAA,CAAAA,uCAAA,KAAOf,cAAc,CAAA,EAAA,EAAA,EAAA;AAAEgB,MAAAA,MAAM,EAAE,CAAA;AAAC,KAAA,CAAA;GAC5D/C,EAAAA,QACA,CACO,CAEnB,CAAC,CAAA;AAEd,CACJ,EAAC;AAOD;AACA;AACA,IAAM4C,sBAAsB,GAAG,SAAzBA,sBAAsBA,CACxBxC,MAAsC,EACtC4B,SAAiB,EACa;EAC9B,IAAI,CAAC5B,MAAM,EAAE;IACT,OAAO;AAAEkC,MAAAA,EAAE,EAAEN,SAAAA;KAAW,CAAA;AAC5B,GAAA;AAEA,EAAA,IAAI,OAAO5B,MAAM,KAAK,QAAQ,EAAE;IAC5B,OAAO;AAAEkC,MAAAA,EAAE,EAAElC,MAAAA;KAAQ,CAAA;AACzB,GAAA;EAEA,OAAO;AAAE4C,IAAAA,IAAI,EAAE5C,MAAAA;GAAQ,CAAA;AAC3B,CAAC;;;;"}

package/cjs/index.css

@@ -292,10 +292,10 @@
 .CalendarHeader_styles_zgya4j_sdtpxcv__be70a02e{border:none;background-color:transparent;padding:0;outline:none;font-family:var(--plasma-calendar-header-font-family);font-size:var(--plasma-calendar-header-font-size);font-style:var(--plasma-calendar-header-font-style);font-weight:var(--plasma-calendar-header-font-weight-bold);-webkit-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);letter-spacing:var(--plasma-calendar-header-font-letter-spacing);line-height:var(--plasma-calendar-header-line-height);color:var(--plasma-calendar-content-primary-color);grid-area:b;justify-self:center;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-calendar-header-date-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}.CalendarHeader_styles_zgya4j_sdtpxcv__be70a02e::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:0.563rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.CalendarHeader_styles_zgya4j_sdtpxcv__be70a02e.CalendarHeader_styles_zgya4j_focusVisible__be70a02e:focus::before,.CalendarHeader_styles_zgya4j_sdtpxcv__be70a02e[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}
 .CalendarHeader_styles_zgya4j_s1fi7s2r__be70a02e{color:var(--plasma-calendar-header-arrow-color);}
 
-.DateStructureItem_styles_uzh6dj_s140bov1__c9a5b354{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.DateStructureItem_styles_uzh6dj_s140bov1__c9a5b354.DateStructureItem_styles_uzh6dj_itemInRange__c9a5b354:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_uzh6dj_s140bov1__c9a5b354.DateStructureItem_styles_uzh6dj_itemSideInRange__c9a5b354:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_uzh6dj_s140bov1__c9a5b354.DateStructureItem_styles_uzh6dj_itemSideLeft__c9a5b354:before{left:var(--s140bov1-0);}.DateStructureItem_styles_uzh6dj_s140bov1__c9a5b354.DateStructureItem_styles_uzh6dj_itemSideRight__c9a5b354:before{right:var(--s140bov1-0);}
-.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;min-width:var(--plasma-calendar-date-structure-width);min-height:var(--plasma-calendar-date-structure-height);border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s1k1xcqq-0);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemHovered__c9a5b354,.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemHovered__c9a5b354:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelected__c9a5b354:not(.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelected__c9a5b354{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelected__c9a5b354 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(var(--plasma-calendar-date-structure-width) - 0.25rem);min-height:calc(var(--plasma-calendar-date-structure-height) - 0.25rem);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_focusVisible__c9a5b354:focus::before,.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354{position:relative;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354.DateStructureItem_styles_uzh6dj_focusVisible__c9a5b354:focus::before,.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_dayInCurrentMonth__c9a5b354:not(.DateStructureItem_styles_uzh6dj_itemDisabled__c9a5b354):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_dayOfWeek__c9a5b354{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemDisabled__c9a5b354{cursor:not-allowed;opacity:0.4;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemDisabledCurrent__c9a5b354{cursor:not-allowed;opacity:0.4;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354 > .DateStructureItem_styles_uzh6dj_itemInRange__c9a5b354:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354 > .DateStructureItem_styles_uzh6dj_itemSideRight__c9a5b354:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354 > .DateStructureItem_styles_uzh6dj_itemSideLeft__c9a5b354:before{width:100%;left:-1px;right:unset;}
-.DateStructureItem_styles_uzh6dj_s1wqrord__c9a5b354{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:0.25rem;}
-.DateStructureItem_styles_uzh6dj_s1cvvf5__c9a5b354{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s1cvvf5-0);}
+.DateStructureItem_styles_1nxfztn_s140bov1__da2cff20{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.DateStructureItem_styles_1nxfztn_s140bov1__da2cff20.DateStructureItem_styles_1nxfztn_itemInRange__da2cff20:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_1nxfztn_s140bov1__da2cff20.DateStructureItem_styles_1nxfztn_itemSideInRange__da2cff20:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_1nxfztn_s140bov1__da2cff20.DateStructureItem_styles_1nxfztn_itemSideLeft__da2cff20:before{left:var(--s140bov1-0);}.DateStructureItem_styles_1nxfztn_s140bov1__da2cff20.DateStructureItem_styles_1nxfztn_itemSideRight__da2cff20:before{right:var(--s140bov1-0);}
+.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;min-width:var(--plasma-calendar-date-structure-width);min-height:var(--plasma-calendar-date-structure-height);border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s1k1xcqq-0);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemHovered__da2cff20,.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemHovered__da2cff20:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemSelected__da2cff20:not(.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20.DateStructureItem_styles_1nxfztn_itemSelected__da2cff20{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20.DateStructureItem_styles_1nxfztn_itemSelected__da2cff20 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(var(--plasma-calendar-date-structure-width) - 0.25rem);min-height:calc(var(--plasma-calendar-date-structure-height) - 0.25rem);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_focusVisible__da2cff20:focus::before,.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20{position:relative;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20.DateStructureItem_styles_1nxfztn_focusVisible__da2cff20:focus::before,.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_dayInCurrentMonth__da2cff20:not(.DateStructureItem_styles_1nxfztn_itemDisabled__da2cff20):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_dayOfWeek__da2cff20{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemDisabled__da2cff20{cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemDisabledCurrent__da2cff20{cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20 > .DateStructureItem_styles_1nxfztn_itemInRange__da2cff20:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20 > .DateStructureItem_styles_1nxfztn_itemSideRight__da2cff20:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20 > .DateStructureItem_styles_1nxfztn_itemSideLeft__da2cff20:before{width:100%;left:-1px;right:unset;}
+.DateStructureItem_styles_1nxfztn_s1wqrord__da2cff20{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:0.25rem;}
+.DateStructureItem_styles_1nxfztn_s1cvvf5__da2cff20{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s1cvvf5-0);}
 
 .CalendarDays_styles_1oq8sud_s1jnjaxw__be296257{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
 .CalendarDays_styles_1oq8sud_s1rv3pd5__be296257{outline:none;padding:var(--plasma-calendar-days-padding);box-sizing:border-box;}

package/emotion/cjs/components/Calendar/Calendar.tokens.js

@@ -129,5 +129,6 @@ var tokens = exports.tokens = {
   calendarRangeBackground: '--plasma-calendar-range-background',
   calendarOutlineFocusColor: '--plasma-calendar-outline-focus-color',
   calendarContentPrimaryColor: '--plasma-calendar-content-primary-color',
-  calendarContentSecondaryColor: '--plasma-calendar-content-secondary-color'
+  calendarContentSecondaryColor: '--plasma-calendar-content-secondary-color',
+  calendarDisabledOpacity: '--plasma-calendar-disabled-opacity'
 };