@salutejs/plasma-new-hope 0.338.0-canary.2280.18409919038.0 → 0.338.0-canary.2280.18485554017.0

package/cjs/components/Drawer/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","sources":["../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport cls from 'classnames';\nimport { useForkRef } from '@salutejs/plasma-core';\nimport { getSizeValueFromProp, safeUseId } from 'src/utils';\nimport type { RootProps } from 'src/engines';\n\nimport { usePopupContext } from '../Popup';\nimport { Overlay } from '../Overlay';\nimport { DEFAULT_Z_INDEX } from '../Popup/utils';\nimport { useFocusTrap } from '../../hooks';\n\nimport { classes, tokens } from './Drawer.tokens';\nimport type { DrawerProps } from './Drawer.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as borderRadiusCSS } from './variations/_borderRadius/base';\nimport { StyledPopup, StyledPanel } from './Drawer.styles';\nimport { getIdLastDrawer } from './DrawerContext';\nimport { useDrawer } from './hooks';\n\n// issue #823\n\nexport const drawerRoot = (Root: RootProps<HTMLDivElement, DrawerProps>) =>\n    forwardRef<HTMLDivElement, DrawerProps>(\n        (\n            {\n                id,\n                zIndex,\n                popupInfo,\n                withBlur,\n                children,\n                view,\n                size,\n                width,\n                height,\n                isOpen,\n                opened,\n                initialFocusRef,\n                focusAfterRef,\n                animationInfo,\n                className,\n                customBackgroundColor,\n                customContentBackgroundColor,\n                onClose,\n                onOverlayClick,\n                onEscKeyDown,\n                offset,\n                frame,\n                borderRadius = 'none',\n                placement = 'right',\n                closeOnEsc = true,\n                closeOnOverlayClick = true,\n                asModal = true,\n                draggable,\n                ...rest\n            },\n            outerRef,\n        ) => {\n            const innerIsOpen = Boolean(isOpen || opened);\n\n            const trapRef = useFocusTrap(true, initialFocusRef, focusAfterRef);\n            const popupController = usePopupContext();\n\n            const innerRef = useForkRef<HTMLDivElement>(trapRef, outerRef);\n\n            const uniqId = safeUseId();\n            const innerId = id || uniqId;\n            const overlayBackgroundToken = withBlur\n                ? `var(${tokens.drawerOverlayWithBlurColor})`\n                : `var(${tokens.drawerOverlayColor})`;\n            const innerWidth = width ? getSizeValueFromProp(width) : '100%';\n            const innerHeight = height ? getSizeValueFromProp(height) : '100%';\n\n            const placementClass = placement ? classes[`${placement}Placement` as keyof typeof classes] : undefined;\n\n            const { drawerInfo } = useDrawer({\n                id: innerId,\n                isOpen: innerIsOpen,\n                closeOnEsc,\n                onEscKeyDown,\n                onClose,\n                popupInfo,\n                disableScroll: asModal,\n            });\n            const transparent = useMemo(() => getIdLastDrawer(Array.from(popupController.items.values())) !== innerId, [\n                innerId,\n                popupController.items,\n            ]);\n\n            const onDrawerOverlayKeyDown = (event: React.MouseEvent<HTMLDivElement>) => {\n                if (onOverlayClick) {\n                    onOverlayClick(event);\n                    return;\n                }\n\n                if (onClose) {\n                    onClose();\n                }\n            };\n\n            return (\n                <StyledPopup\n                    id={innerId}\n                    ref={asModal ? innerRef : outerRef}\n                    className={cls(placementClass, className, {\n                        [classes.enterCustomAnimation]: animationInfo?.enter,\n                        [classes.exitCustomAnimation]: animationInfo?.exit,\n                    })}\n                    opened={innerIsOpen}\n                    zIndex={zIndex}\n                    placement={placement}\n                    popupInfo={drawerInfo}\n                    frame={frame}\n                    width={innerWidth}\n                    height={innerHeight}\n                    offset={offset}\n                    withAnimation\n                    drawerAnimationInfo={animationInfo}\n                    overlay={\n                        asModal && (\n                            <Root view={view}>\n                                <Overlay\n                                    className={classes.overlay}\n                                    zIndex={zIndex || DEFAULT_Z_INDEX}\n                                    backgroundColorProperty={overlayBackgroundToken}\n                                    withBlur={withBlur}\n                                    transparent={transparent}\n                                    isClickable={closeOnOverlayClick}\n                                    onOverlayClick={onDrawerOverlayKeyDown}\n                                />\n                            </Root>\n                        )\n                    }\n                    {...rest}\n                >\n                    <Root\n                        className={classes.panel}\n                        view={view}\n                        size={size}\n                        style={{ width: innerWidth, height: innerHeight }}\n                        borderRadius={borderRadius}\n                    >\n                        <StyledPanel\n                            width={innerWidth}\n                            height={innerHeight}\n                            customBackgroundColor={customBackgroundColor}\n                            customContentBackgroundColor={customContentBackgroundColor}\n                        >\n                            {children}\n                        </StyledPanel>\n                    </Root>\n                </StyledPopup>\n            );\n        },\n    );\n\nexport const drawerConfig = {\n    name: 'Drawer',\n    tag: 'div',\n    layout: drawerRoot,\n    base: '',\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        borderRadius: {\n            css: borderRadiusCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n        borderRadius: 'none',\n    },\n};\n"],"names":["drawerRoot","Root","forwardRef","_ref","outerRef","id","zIndex","popupInfo","withBlur","children","view","size","width","height","isOpen","opened","initialFocusRef","focusAfterRef","animationInfo","className","customBackgroundColor","customContentBackgroundColor","onClose","onOverlayClick","onEscKeyDown","offset","frame","_ref$borderRadius","borderRadius","_ref$placement","placement","_ref$closeOnEsc","closeOnEsc","_ref$closeOnOverlayCl","closeOnOverlayClick","_ref$asModal","asModal","rest","_objectWithoutProperties","_excluded","innerIsOpen","Boolean","trapRef","useFocusTrap","popupController","usePopupContext","innerRef","useForkRef","uniqId","safeUseId","innerId","overlayBackgroundToken","concat","tokens","drawerOverlayWithBlurColor","drawerOverlayColor","innerWidth","getSizeValueFromProp","innerHeight","placementClass","classes","undefined","_useDrawer","useDrawer","disableScroll","drawerInfo","transparent","useMemo","getIdLastDrawer","Array","from","items","values","onDrawerOverlayKeyDown","event","React","createElement","StyledPopup","_extends","ref","cls","_defineProperty","enterCustomAnimation","enter","exitCustomAnimation","exit","withAnimation","drawerAnimationInfo","overlay","Overlay","DEFAULT_Z_INDEX","backgroundColorProperty","isClickable","panel","style","StyledPanel","drawerConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","borderRadiusCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Drawer.js","sources":["../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport cls from 'classnames';\nimport { useForkRef } from '@salutejs/plasma-core';\nimport { getSizeValueFromProp, safeUseId } from 'src/utils';\nimport type { RootProps } from 'src/engines';\n\nimport { usePopupContext } from '../Popup';\nimport { Overlay } from '../Overlay';\nimport { DEFAULT_Z_INDEX } from '../Popup/utils';\nimport { useFocusTrap } from '../../hooks';\n\nimport { classes, tokens } from './Drawer.tokens';\nimport type { DrawerProps } from './Drawer.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as borderRadiusCSS } from './variations/_borderRadius/base';\nimport { StyledPopup, StyledPanel } from './Drawer.styles';\nimport { getIdLastDrawer } from './DrawerContext';\nimport { useDrawer } from './hooks';\n\n// issue #823\n\nexport const drawerRoot = (Root: RootProps<HTMLDivElement, DrawerProps>) =>\n    forwardRef<HTMLDivElement, DrawerProps>(\n        (\n            {\n                id,\n                zIndex,\n                popupInfo,\n                withBlur,\n                children,\n                view,\n                size,\n                width,\n                height,\n                isOpen,\n                opened,\n                initialFocusRef,\n                focusAfterRef,\n                animationInfo,\n                className,\n                customBackgroundColor,\n                customContentBackgroundColor,\n                onClose,\n                onOverlayClick,\n                onEscKeyDown,\n                offset,\n                frame,\n                positionFixed = false,\n                borderRadius = 'none',\n                placement = 'right',\n                closeOnEsc = true,\n                closeOnOverlayClick = true,\n                asModal = true,\n                draggable,\n                ...rest\n            },\n            outerRef,\n        ) => {\n            const innerIsOpen = Boolean(isOpen || opened);\n\n            const trapRef = useFocusTrap(true, initialFocusRef, focusAfterRef);\n            const popupController = usePopupContext();\n\n            const innerRef = useForkRef<HTMLDivElement>(trapRef, outerRef);\n\n            const uniqId = safeUseId();\n            const innerId = id || uniqId;\n            const overlayBackgroundToken = withBlur\n                ? `var(${tokens.drawerOverlayWithBlurColor})`\n                : `var(${tokens.drawerOverlayColor})`;\n            const innerWidth = width ? getSizeValueFromProp(width) : '100%';\n            const innerHeight = height ? getSizeValueFromProp(height) : '100%';\n\n            const placementClass = placement ? classes[`${placement}Placement` as keyof typeof classes] : undefined;\n\n            const { drawerInfo } = useDrawer({\n                id: innerId,\n                isOpen: innerIsOpen,\n                closeOnEsc,\n                onEscKeyDown,\n                onClose,\n                popupInfo,\n                disableScroll: asModal,\n            });\n            const transparent = useMemo(() => getIdLastDrawer(Array.from(popupController.items.values())) !== innerId, [\n                innerId,\n                popupController.items,\n            ]);\n\n            const onDrawerOverlayKeyDown = (event: React.MouseEvent<HTMLDivElement>) => {\n                if (onOverlayClick) {\n                    onOverlayClick(event);\n                    return;\n                }\n\n                if (onClose) {\n                    onClose();\n                }\n            };\n\n            return (\n                <StyledPopup\n                    id={innerId}\n                    ref={asModal ? innerRef : outerRef}\n                    className={cls(placementClass, className, {\n                        [classes.enterCustomAnimation]: animationInfo?.enter,\n                        [classes.exitCustomAnimation]: animationInfo?.exit,\n                    })}\n                    opened={innerIsOpen}\n                    zIndex={zIndex}\n                    placement={placement}\n                    popupInfo={drawerInfo}\n                    frame={frame}\n                    positionFixed={positionFixed}\n                    width={innerWidth}\n                    height={innerHeight}\n                    offset={offset}\n                    withAnimation\n                    drawerAnimationInfo={animationInfo}\n                    overlay={\n                        asModal && (\n                            <Root view={view}>\n                                <Overlay\n                                    className={classes.overlay}\n                                    zIndex={zIndex || DEFAULT_Z_INDEX}\n                                    backgroundColorProperty={overlayBackgroundToken}\n                                    withBlur={withBlur}\n                                    transparent={transparent}\n                                    isClickable={closeOnOverlayClick}\n                                    onOverlayClick={onDrawerOverlayKeyDown}\n                                />\n                            </Root>\n                        )\n                    }\n                    {...rest}\n                >\n                    <Root\n                        className={classes.panel}\n                        view={view}\n                        size={size}\n                        style={{ width: innerWidth, height: innerHeight }}\n                        borderRadius={borderRadius}\n                    >\n                        <StyledPanel\n                            width={innerWidth}\n                            height={innerHeight}\n                            customBackgroundColor={customBackgroundColor}\n                            customContentBackgroundColor={customContentBackgroundColor}\n                        >\n                            {children}\n                        </StyledPanel>\n                    </Root>\n                </StyledPopup>\n            );\n        },\n    );\n\nexport const drawerConfig = {\n    name: 'Drawer',\n    tag: 'div',\n    layout: drawerRoot,\n    base: '',\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        borderRadius: {\n            css: borderRadiusCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n        borderRadius: 'none',\n    },\n};\n"],"names":["drawerRoot","Root","forwardRef","_ref","outerRef","id","zIndex","popupInfo","withBlur","children","view","size","width","height","isOpen","opened","initialFocusRef","focusAfterRef","animationInfo","className","customBackgroundColor","customContentBackgroundColor","onClose","onOverlayClick","onEscKeyDown","offset","frame","_ref$positionFixed","positionFixed","_ref$borderRadius","borderRadius","_ref$placement","placement","_ref$closeOnEsc","closeOnEsc","_ref$closeOnOverlayCl","closeOnOverlayClick","_ref$asModal","asModal","rest","_objectWithoutProperties","_excluded","innerIsOpen","Boolean","trapRef","useFocusTrap","popupController","usePopupContext","innerRef","useForkRef","uniqId","safeUseId","innerId","overlayBackgroundToken","concat","tokens","drawerOverlayWithBlurColor","drawerOverlayColor","innerWidth","getSizeValueFromProp","innerHeight","placementClass","classes","undefined","_useDrawer","useDrawer","disableScroll","drawerInfo","transparent","useMemo","getIdLastDrawer","Array","from","items","values","onDrawerOverlayKeyDown","event","React","createElement","StyledPopup","_extends","ref","cls","_defineProperty","enterCustomAnimation","enter","exitCustomAnimation","exit","withAnimation","drawerAnimationInfo","overlay","Overlay","DEFAULT_Z_INDEX","backgroundColorProperty","isClickable","panel","style","StyledPanel","drawerConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","borderRadiusCSS","defaults"],"mappings":"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"}

package/cjs/components/Popup/Popup.styles.js

@@ -25,8 +25,9 @@ var PopupView = /*#__PURE__*/react.styled('div')({
 });
 var _exp4 = function _exp4() {
   return function (_ref) {
-    var frame = _ref.frame;
-    return frame === 'document' ? 'fixed' : 'absolute';
+    var frame = _ref.frame,
+      positionFixed = _ref.positionFixed;
+    return frame === 'document' || positionFixed ? 'fixed' : 'absolute';
   };
 };
 var _exp5 = function _exp5() {

package/cjs/components/Popup/Popup.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popup.styles.js","sources":["../../../src/components/Popup/Popup.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\nimport { IconResizeDiagonal } from 'src/components/_Icon';\n\nimport { classes } from './Popup.tokens';\nimport type { PopupRootContainerProps } from './Popup.types';\nimport { DEFAULT_Z_INDEX } from './utils';\n\nexport const base = css`\n    .${classes.draggablePopupWrapper} {\n        cursor: grab;\n    }\n\n    .${classes.draggingPopupWrapper} {\n        cursor: grabbing;\n    }\n\n    .${classes.resizableContainerNoSelect} {\n        user-select: none;\n        -webkit-user-select: none;\n    }\n`;\n\nexport const StyledPortal = styled.div``;\n\nexport const StyledPortalContainer = styled.div`\n    width: 0;\n`;\n\nexport const PopupView = styled.div`\n    position: relative;\n    max-width: 100%;\n    pointer-events: all;\n`;\n\nexport const PopupRootContainer = styled.div<PopupRootContainerProps>`\n    position: ${({ frame }) => (frame === 'document' ? 'fixed' : 'absolute')};\n    z-index: ${({ zIndex }) => zIndex || DEFAULT_Z_INDEX};\n    left: ${({ position }) => position.left || ''};\n    right: ${({ position }) => position.right || ''};\n    top: ${({ position }) => position.top || ''};\n    bottom: ${({ position }) => position.bottom || ''};\n    transform: ${({ position }) => position.transform || ''};\n`;\n\nexport const IconResizeDiagonalStyled = styled(IconResizeDiagonal)`\n    color: var(--text-secondary);\n\n    &:hover {\n        color: var(--text-secondary-hover);\n    }\n\n    &:active {\n        color: var(--text-secondary-active);\n    }\n\n    &.${classes.resizableTopRightIcon} {\n        transform: rotate(-90deg);\n    }\n\n    &.${classes.resizableBottomRightIcon} {\n        transform: rotate(0);\n    }\n\n    &.${classes.resizableBottomLeftIcon} {\n        transform: rotate(90deg);\n    }\n\n    &.${classes.resizableTopLeftIcon} {\n        transform: rotate(180deg);\n    }\n`;\n"],"names":["base","StyledPortal","styled","name","class","propsAsIs","StyledPortalContainer","PopupView","_exp4","_ref","frame","_exp5","_ref2","zIndex","DEFAULT_Z_INDEX","_exp6","_ref3","position","left","_exp7","_ref4","right","_exp8","_ref5","top","_exp9","_ref6","bottom","_exp10","_ref7","transform","PopupRootContainer","vars","_exp11","IconResizeDiagonal","IconResizeDiagonalStyled"],"mappings":"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"}
+{"version":3,"file":"Popup.styles.js","sources":["../../../src/components/Popup/Popup.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\nimport { IconResizeDiagonal } from 'src/components/_Icon';\n\nimport { classes } from './Popup.tokens';\nimport type { PopupRootContainerProps } from './Popup.types';\nimport { DEFAULT_Z_INDEX } from './utils';\n\nexport const base = css`\n    .${classes.draggablePopupWrapper} {\n        cursor: grab;\n    }\n\n    .${classes.draggingPopupWrapper} {\n        cursor: grabbing;\n    }\n\n    .${classes.resizableContainerNoSelect} {\n        user-select: none;\n        -webkit-user-select: none;\n    }\n`;\n\nexport const StyledPortal = styled.div``;\n\nexport const StyledPortalContainer = styled.div`\n    width: 0;\n`;\n\nexport const PopupView = styled.div`\n    position: relative;\n    max-width: 100%;\n    pointer-events: all;\n`;\n\nexport const PopupRootContainer = styled.div<PopupRootContainerProps>`\n    position: ${({ frame, positionFixed }) => (frame === 'document' || positionFixed ? 'fixed' : 'absolute')};\n    z-index: ${({ zIndex }) => zIndex || DEFAULT_Z_INDEX};\n    left: ${({ position }) => position.left || ''};\n    right: ${({ position }) => position.right || ''};\n    top: ${({ position }) => position.top || ''};\n    bottom: ${({ position }) => position.bottom || ''};\n    transform: ${({ position }) => position.transform || ''};\n`;\n\nexport const IconResizeDiagonalStyled = styled(IconResizeDiagonal)`\n    color: var(--text-secondary);\n\n    &:hover {\n        color: var(--text-secondary-hover);\n    }\n\n    &:active {\n        color: var(--text-secondary-active);\n    }\n\n    &.${classes.resizableTopRightIcon} {\n        transform: rotate(-90deg);\n    }\n\n    &.${classes.resizableBottomRightIcon} {\n        transform: rotate(0);\n    }\n\n    &.${classes.resizableBottomLeftIcon} {\n        transform: rotate(90deg);\n    }\n\n    &.${classes.resizableTopLeftIcon} {\n        transform: rotate(180deg);\n    }\n`;\n"],"names":["base","StyledPortal","styled","name","class","propsAsIs","StyledPortalContainer","PopupView","_exp4","_ref","frame","positionFixed","_exp5","_ref2","zIndex","DEFAULT_Z_INDEX","_exp6","_ref3","position","left","_exp7","_ref4","right","_exp8","_ref5","top","_exp9","_ref6","bottom","_exp10","_ref7","transform","PopupRootContainer","vars","_exp11","IconResizeDiagonal","IconResizeDiagonalStyled"],"mappings":"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"}

package/cjs/components/ProgressBarCircular/ProgressBarCircular.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var plasmaCore = require('@salutejs/plasma-core');
-var index = require('../../utils/index.js');
 var base = require('./variations/_view/base.js');
 var base$1 = require('./variations/_size/base.js');
 var ProgressBarCircular_styles = require('./ProgressBarCircular.styles.js');
@@ -58,7 +57,7 @@ var progressBarCircularRoot = function progressBarCircularRoot(Root) {
       ref: rootForkRef,
       view: view,
       size: size,
-      className: index.cx(className)
+      className: className
     }, rest), /*#__PURE__*/React__default.default.createElement(ProgressBarCircular_styles.StyledSVG, {
       width: "100%",
       height: "100%",

package/cjs/components/ProgressBarCircular/ProgressBarCircular.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBarCircular.js","sources":["../../../src/components/ProgressBarCircular/ProgressBarCircular.tsx"],"sourcesContent":["import React, { forwardRef, useState, useRef, useLayoutEffect } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../engines';\nimport { cx, getTokenValueInPixels } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport type { ProgressBarCircularProps } from './ProgressBarCircular.types';\nimport {\n    base,\n    StyledSVG,\n    StyledBackgroundCircle,\n    StyledProgressCircle,\n    StyledContent,\n} from './ProgressBarCircular.styles';\nimport { classes, tokens } from './ProgressBarCircular.tokens';\n\nexport const progressBarCircularRoot = (Root: RootProps<HTMLDivElement, ProgressBarCircularProps>) =>\n    forwardRef<HTMLDivElement, ProgressBarCircularProps>((props, ref) => {\n        const {\n            value = 0,\n            maxValue = 100,\n            size,\n            view,\n            children,\n            className,\n            strokeWidth: strokeWidthProp,\n            ...rest\n        } = props;\n\n        const [strokeWidthCSS, setStrokeWidthCSS] = useState<number>(0);\n        const [widthCSS, setWidthCSS] = useState<number>(0);\n        const rootRef = useRef<HTMLDivElement>(null);\n\n        const rootForkRef = useForkRef(rootRef, ref);\n\n        const clampedValue = Math.min(Math.max(value, 0), maxValue);\n        const percentage = (clampedValue / maxValue) * 100;\n\n        const strokeWidth = (strokeWidthProp ?? strokeWidthCSS) * 2;\n\n        const center = 50;\n        const radius = center - (50 / widthCSS) * (strokeWidth / 2);\n        const circumference = 2 * Math.PI * radius;\n        const strokeDashoffset = circumference - (percentage / 100) * circumference;\n\n        useLayoutEffect(() => {\n            if (rootRef.current) {\n                const strokeWidthFromCSS = getTokenValueInPixels(tokens.progressStrokeWidth, rootRef.current);\n                const widthFromCSS = getTokenValueInPixels(tokens.width, rootRef.current);\n                setStrokeWidthCSS(strokeWidthFromCSS ?? 0);\n                setWidthCSS(widthFromCSS ?? 0);\n            }\n        }, [rootRef, size]);\n\n        return (\n            <Root ref={rootForkRef} view={view} size={size} className={cx(className)} {...rest}>\n                <StyledSVG width=\"100%\" height=\"100%\" viewBox=\"0 0 100 100\" className={classes.svg}>\n                    <StyledBackgroundCircle\n                        customStrokeWidth={(50 / widthCSS) * strokeWidth}\n                        cx={center}\n                        cy={center}\n                        r={radius}\n                        className={classes.backgroundCircle}\n                    />\n                    <StyledProgressCircle\n                        cx={center}\n                        cy={center}\n                        r={radius}\n                        customStrokeWidth={(50 / widthCSS) * strokeWidth}\n                        className={classes.progressCircle}\n                        strokeDasharray={circumference}\n                        strokeDashoffset={strokeDashoffset}\n                        transform=\"rotate(-90 50 50)\"\n                    />\n                </StyledSVG>\n\n                {children && <StyledContent className={classes.content}>{children}</StyledContent>}\n            </Root>\n        );\n    });\n\nexport const progressBarCircularConfig = {\n    name: 'ProgressBarCircular',\n    tag: 'div',\n    layout: progressBarCircularRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'primary',\n        size: 'm',\n    },\n};\n"],"names":["progressBarCircularRoot","Root","forwardRef","props","ref","_props$value","value","_props$maxValue","maxValue","size","view","children","className","strokeWidthProp","strokeWidth","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","strokeWidthCSS","setStrokeWidthCSS","_useState3","_useState4","widthCSS","setWidthCSS","rootRef","useRef","rootForkRef","useForkRef","clampedValue","Math","min","max","percentage","center","radius","circumference","PI","strokeDashoffset","useLayoutEffect","current","strokeWidthFromCSS","getTokenValueInPixels","tokens","progressStrokeWidth","widthFromCSS","width","React","createElement","_extends","cx","StyledSVG","height","viewBox","classes","svg","StyledBackgroundCircle","customStrokeWidth","cy","r","backgroundCircle","StyledProgressCircle","progressCircle","strokeDasharray","transform","StyledContent","content","progressBarCircularConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"ProgressBarCircular.js","sources":["../../../src/components/ProgressBarCircular/ProgressBarCircular.tsx"],"sourcesContent":["import React, { forwardRef, useState, useRef, useLayoutEffect } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../engines';\nimport { getTokenValueInPixels } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport type { ProgressBarCircularProps } from './ProgressBarCircular.types';\nimport {\n    base,\n    StyledSVG,\n    StyledBackgroundCircle,\n    StyledProgressCircle,\n    StyledContent,\n} from './ProgressBarCircular.styles';\nimport { classes, tokens } from './ProgressBarCircular.tokens';\n\nexport const progressBarCircularRoot = (Root: RootProps<HTMLDivElement, ProgressBarCircularProps>) =>\n    forwardRef<HTMLDivElement, ProgressBarCircularProps>((props, ref) => {\n        const {\n            value = 0,\n            maxValue = 100,\n            size,\n            view,\n            children,\n            className,\n            strokeWidth: strokeWidthProp,\n            ...rest\n        } = props;\n\n        const [strokeWidthCSS, setStrokeWidthCSS] = useState<number>(0);\n        const [widthCSS, setWidthCSS] = useState<number>(0);\n        const rootRef = useRef<HTMLDivElement>(null);\n\n        const rootForkRef = useForkRef(rootRef, ref);\n\n        const clampedValue = Math.min(Math.max(value, 0), maxValue);\n        const percentage = (clampedValue / maxValue) * 100;\n\n        const strokeWidth = (strokeWidthProp ?? strokeWidthCSS) * 2;\n\n        const center = 50;\n        const radius = center - (50 / widthCSS) * (strokeWidth / 2);\n        const circumference = 2 * Math.PI * radius;\n        const strokeDashoffset = circumference - (percentage / 100) * circumference;\n\n        useLayoutEffect(() => {\n            if (rootRef.current) {\n                const strokeWidthFromCSS = getTokenValueInPixels(tokens.progressStrokeWidth, rootRef.current);\n                const widthFromCSS = getTokenValueInPixels(tokens.width, rootRef.current);\n                setStrokeWidthCSS(strokeWidthFromCSS ?? 0);\n                setWidthCSS(widthFromCSS ?? 0);\n            }\n        }, [rootRef, size]);\n\n        return (\n            <Root ref={rootForkRef} view={view} size={size} className={className} {...rest}>\n                <StyledSVG width=\"100%\" height=\"100%\" viewBox=\"0 0 100 100\" className={classes.svg}>\n                    <StyledBackgroundCircle\n                        customStrokeWidth={(50 / widthCSS) * strokeWidth}\n                        cx={center}\n                        cy={center}\n                        r={radius}\n                        className={classes.backgroundCircle}\n                    />\n                    <StyledProgressCircle\n                        cx={center}\n                        cy={center}\n                        r={radius}\n                        customStrokeWidth={(50 / widthCSS) * strokeWidth}\n                        className={classes.progressCircle}\n                        strokeDasharray={circumference}\n                        strokeDashoffset={strokeDashoffset}\n                        transform=\"rotate(-90 50 50)\"\n                    />\n                </StyledSVG>\n\n                {children && <StyledContent className={classes.content}>{children}</StyledContent>}\n            </Root>\n        );\n    });\n\nexport const progressBarCircularConfig = {\n    name: 'ProgressBarCircular',\n    tag: 'div',\n    layout: progressBarCircularRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'primary',\n        size: 'm',\n    },\n};\n"],"names":["progressBarCircularRoot","Root","forwardRef","props","ref","_props$value","value","_props$maxValue","maxValue","size","view","children","className","strokeWidthProp","strokeWidth","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","strokeWidthCSS","setStrokeWidthCSS","_useState3","_useState4","widthCSS","setWidthCSS","rootRef","useRef","rootForkRef","useForkRef","clampedValue","Math","min","max","percentage","center","radius","circumference","PI","strokeDashoffset","useLayoutEffect","current","strokeWidthFromCSS","getTokenValueInPixels","tokens","progressStrokeWidth","widthFromCSS","width","React","createElement","_extends","StyledSVG","height","viewBox","classes","svg","StyledBackgroundCircle","customStrokeWidth","cx","cy","r","backgroundCircle","StyledProgressCircle","progressCircle","strokeDasharray","transform","StyledContent","content","progressBarCircularConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}

package/cjs/index.css

@@ -340,10 +340,10 @@
 .CalendarHeader_styles_13bk6ms_sdtpxcv__821c1ed8{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_13bk6ms_sdtpxcv__821c1ed8::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_13bk6ms_sdtpxcv__821c1ed8.CalendarHeader_styles_13bk6ms_focusVisible__821c1ed8:focus::before,.CalendarHeader_styles_13bk6ms_sdtpxcv__821c1ed8[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}
 .CalendarHeader_styles_13bk6ms_s1fi7s2r__821c1ed8{color:var(--plasma-calendar-header-arrow-color);}
 
-.DateStructureItem_styles_12b03hz_s140bov1__23973e8e{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_12b03hz_s140bov1__23973e8e.DateStructureItem_styles_12b03hz_itemInRange__23973e8e:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_12b03hz_s140bov1__23973e8e.DateStructureItem_styles_12b03hz_itemSideInRange__23973e8e:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_12b03hz_s140bov1__23973e8e.DateStructureItem_styles_12b03hz_itemSideLeft__23973e8e:before{left:var(--s140bov1-0);}.DateStructureItem_styles_12b03hz_s140bov1__23973e8e.DateStructureItem_styles_12b03hz_itemSideRight__23973e8e:before{right:var(--s140bov1-0);}
-.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e{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;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_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e.DateStructureItem_styles_12b03hz_itemHovered__23973e8e,.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e.DateStructureItem_styles_12b03hz_itemHovered__23973e8e: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_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e.DateStructureItem_styles_12b03hz_itemSelected__23973e8e:not(.DateStructureItem_styles_12b03hz_itemCurrent__23973e8e){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_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e.DateStructureItem_styles_12b03hz_itemCurrent__23973e8e{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e.DateStructureItem_styles_12b03hz_itemCurrent__23973e8e.DateStructureItem_styles_12b03hz_itemSelected__23973e8e{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e.DateStructureItem_styles_12b03hz_itemCurrent__23973e8e.DateStructureItem_styles_12b03hz_itemSelected__23973e8e > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(100% - 0.125rem);min-height:calc(100% - 0.125rem);}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e::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_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e.DateStructureItem_styles_12b03hz_focusVisible__23973e8e:focus::before,.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e.DateStructureItem_styles_12b03hz_itemCurrent__23973e8e{position:relative;}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e.DateStructureItem_styles_12b03hz_itemCurrent__23973e8e::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_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e.DateStructureItem_styles_12b03hz_itemCurrent__23973e8e.DateStructureItem_styles_12b03hz_focusVisible__23973e8e:focus::before,.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e.DateStructureItem_styles_12b03hz_itemCurrent__23973e8e[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_dayInCurrentMonth__23973e8e:not(.DateStructureItem_styles_12b03hz_itemDisabled__23973e8e):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_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_dayOfWeek__23973e8e{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemDisabled__23973e8e{color:var(--s1k1xcqq-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemDisabledCurrent__23973e8e{color:var(--s1k1xcqq-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemCurrent__23973e8e > .DateStructureItem_styles_12b03hz_itemInRange__23973e8e:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemCurrent__23973e8e > .DateStructureItem_styles_12b03hz_itemSideRight__23973e8e:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemCurrent__23973e8e > .DateStructureItem_styles_12b03hz_itemSideLeft__23973e8e:before{width:100%;left:-1px;right:unset;}
-.DateStructureItem_styles_12b03hz_s1wqrord__23973e8e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:0.25rem;}
-.DateStructureItem_styles_12b03hz_s1cvvf5__23973e8e{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s1cvvf5-0);}
+.DateStructureItem_styles_z3dhwf_s140bov1__431a872e{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_z3dhwf_s140bov1__431a872e.DateStructureItem_styles_z3dhwf_itemInRange__431a872e:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_z3dhwf_s140bov1__431a872e.DateStructureItem_styles_z3dhwf_itemSideInRange__431a872e:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_z3dhwf_s140bov1__431a872e.DateStructureItem_styles_z3dhwf_itemSideLeft__431a872e:before{left:var(--s140bov1-0);}.DateStructureItem_styles_z3dhwf_s140bov1__431a872e.DateStructureItem_styles_z3dhwf_itemSideRight__431a872e:before{right:var(--s140bov1-0);}
+.DateStructureItem_styles_z3dhwf_s1k1xcqq__431a872e{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;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_z3dhwf_s1k1xcqq__431a872e.DateStructureItem_styles_z3dhwf_itemSelectable__431a872e{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_z3dhwf_s1k1xcqq__431a872e.DateStructureItem_styles_z3dhwf_itemSelectable__431a872e:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_z3dhwf_s1k1xcqq__431a872e.DateStructureItem_styles_z3dhwf_itemSelectable__431a872e.DateStructureItem_styles_z3dhwf_itemHovered__431a872e,.DateStructureItem_styles_z3dhwf_s1k1xcqq__431a872e.DateStructureItem_styles_z3dhwf_itemSelectable__431a872e.DateStructureItem_styles_z3dhwf_itemHovered__431a872e: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_z3dhwf_s1k1xcqq__431a872e.DateStructureItem_styles_z3dhwf_itemSelectable__431a872e.DateStructureItem_styles_z3dhwf_itemSelected__431a872e:not(.DateStructureItem_styles_z3dhwf_itemCurrent__431a872e){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_z3dhwf_s1k1xcqq__431a872e.DateStructureItem_styles_z3dhwf_itemSelectable__431a872e.DateStructureItem_styles_z3dhwf_itemCurrent__431a872e{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_z3dhwf_s1k1xcqq__431a872e.DateStructureItem_styles_z3dhwf_itemSelectable__431a872e.DateStructureItem_styles_z3dhwf_itemCurrent__431a872e.DateStructureItem_styles_z3dhwf_itemSelected__431a872e{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_z3dhwf_s1k1xcqq__431a872e.DateStructureItem_styles_z3dhwf_itemSelectable__431a872e.DateStructureItem_styles_z3dhwf_itemCurrent__431a872e.DateStructureItem_styles_z3dhwf_itemSelected__431a872e > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(100% - 0.125rem);min-height:calc(100% - 0.125rem);}.DateStructureItem_styles_z3dhwf_s1k1xcqq__431a872e.DateStructureItem_styles_z3dhwf_itemSelectable__431a872e::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_z3dhwf_s1k1xcqq__431a872e.DateStructureItem_styles_z3dhwf_itemSelectable__431a872e.DateStructureItem_styles_z3dhwf_focusVisible__431a872e:focus::before,.DateStructureItem_styles_z3dhwf_s1k1xcqq__431a872e.DateStructureItem_styles_z3dhwf_itemSelectable__431a872e[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_z3dhwf_s1k1xcqq__431a872e.DateStructureItem_styles_z3dhwf_itemSelectable__431a872e.DateStructureItem_styles_z3dhwf_itemCurrent__431a872e{position:relative;}.DateStructureItem_styles_z3dhwf_s1k1xcqq__431a872e.DateStructureItem_styles_z3dhwf_itemSelectable__431a872e.DateStructureItem_styles_z3dhwf_itemCurrent__431a872e::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_z3dhwf_s1k1xcqq__431a872e.DateStructureItem_styles_z3dhwf_itemSelectable__431a872e.DateStructureItem_styles_z3dhwf_itemCurrent__431a872e.DateStructureItem_styles_z3dhwf_focusVisible__431a872e:focus::before,.DateStructureItem_styles_z3dhwf_s1k1xcqq__431a872e.DateStructureItem_styles_z3dhwf_itemSelectable__431a872e.DateStructureItem_styles_z3dhwf_itemCurrent__431a872e[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_z3dhwf_s1k1xcqq__431a872e.DateStructureItem_styles_z3dhwf_dayInCurrentMonth__431a872e:not(.DateStructureItem_styles_z3dhwf_itemDisabled__431a872e):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_z3dhwf_s1k1xcqq__431a872e.DateStructureItem_styles_z3dhwf_dayOfWeek__431a872e{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_z3dhwf_s1k1xcqq__431a872e.DateStructureItem_styles_z3dhwf_itemDisabled__431a872e{color:var(--s1k1xcqq-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_z3dhwf_s1k1xcqq__431a872e.DateStructureItem_styles_z3dhwf_itemDisabledCurrent__431a872e{color:var(--s1k1xcqq-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_z3dhwf_s1k1xcqq__431a872e.DateStructureItem_styles_z3dhwf_itemCurrent__431a872e > .DateStructureItem_styles_z3dhwf_itemInRange__431a872e:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_z3dhwf_s1k1xcqq__431a872e.DateStructureItem_styles_z3dhwf_itemCurrent__431a872e > .DateStructureItem_styles_z3dhwf_itemSideRight__431a872e:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_z3dhwf_s1k1xcqq__431a872e.DateStructureItem_styles_z3dhwf_itemCurrent__431a872e > .DateStructureItem_styles_z3dhwf_itemSideLeft__431a872e:before{width:100%;left:-1px;right:unset;}
+.DateStructureItem_styles_z3dhwf_s1wqrord__431a872e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:var(--plasma-calendar-event-item-bottom,0.25rem);}
+.DateStructureItem_styles_z3dhwf_s1cvvf5__431a872e{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s1cvvf5-0);}
 
 .CalendarDays_styles_445k2m_s1jnjaxw__ac4a553a{outline:none;padding:var(--plasma-calendar-days-padding);box-sizing:border-box;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(7,1fr);width:100%;height:100%;}
 .CalendarDays_styles_445k2m_s1rv3pd5__ac4a553a{display:none;}
@@ -802,8 +802,8 @@
 .AccordionItem_styles_1scfko7_syldew1__6a807fef{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:var(--plasma-accordion-item-icon-size,1rem);height:var(--plasma-accordion-item-icon-size,1rem);}
 .AccordionItem_styles_1scfko7_s1he8scv__6a807fef{background:var(--plasma-accordion-item-background);border:var(--plasma-accordion-item-border);border-bottom:var(--plasma-accordion-item-border-bottom);box-shadow:var(--plasma-accordion-item-shadow);}.AccordionItem_styles_1scfko7_s1he8scv__6a807fef:last-child{border-bottom:var(--plasma-accordion-item-border);}.AccordionItem_styles_1scfko7_s1he8scv__6a807fef.AccordionItem_styles_1scfko7_accordionDisabled__6a807fef{opacity:0.4;cursor:not-allowed;}.AccordionItem_styles_1scfko7_s1he8scv__6a807fef.AccordionItem_styles_1scfko7_accordionItemOpened__6a807fef .AccordionItem_styles_1scfko7_s1ewkyyv__6a807fef{color:var(--plasma-accordion-item-title-opened-color,var(--plasma-accordion-item-color-icon));}.AccordionItem_styles_1scfko7_s1he8scv__6a807fef.AccordionItem_styles_1scfko7_accordionItemOpened__6a807fef .AccordionItem_styles_1scfko7_s11daj3x__6a807fef{color:var(--plasma-accordion-item-title-opened-color,var(--plasma-accordion-item-title-color));}
 
-.DatePickerBase_styles_1fnt3hc_s1ywkx25__4bedcfde{padding-top:var(--plasma-date-picker-calendar-padding-top);box-shadow:var(--plasma-date-picker-calendar-shadow);border-radius:var(--plasma-date-picker-calendar-border-radius);margin-top:var(--plasma-date-picker-calendar-margin-top);--plasma-calendar-background:var(--plasma-date-picker-calendar__background-color);--plasma-calendar-selected-item-background:var(--plasma-date-picker-calendar__selected-item-background);--plasma-calendar-selected-item-color:var(--plasma-date-picker-calendar__selected-item-color);--plasma-calendar-selectable-item-bg-hover:var(--plasma-date-picker-calendar__selectable-item-background-hover);--plasma-calendar-current-item-border-color:var(--plasma-date-picker-calendar__current-item-border-color);--plasma-calendar-current-item-border-width:var(--plasma-date-picker-calendar__current-item-border-width);--plasma-calendar-current-item-bg-hover:var(--plasma-date-picker-calendar__current-item-background-hover);--plasma-calendar-current-item-color-hover:var(--plasma-date-picker-calendar__current-item-color-hover);--plasma-calendar-current-item-child-bg-hover:var(--plasma-date-picker-calendar__current-item-child-background-hover);--plasma-calendar-active-item-bg:var(--plasma-date-picker-calendar__active-item-background);--plasma-calendar-active-item-color:var(--plasma-date-picker-calendar__active-item-color);--plasma-calendar-hovered-item-bg:var(--plasma-date-picker-calendar__hovered-item-background);--plasma-calendar-hovered-item-color:var(--plasma-date-picker-calendar__hovered-item-color);--plasma-calendar-range-background:var(--plasma-date-picker-calendar__range-background);--plasma-calendar-outline-focus-color:var(--plasma-date-picker-calendar__outline-focus-color);--plasma-calendar-content-primary-color:var(--plasma-date-picker-calendar__content-primary-color);--plasma-calendar-content-primary-disabled-color:var(--plasma-date-picker-calendar__content-primary-disabled-color);--plasma-calendar-content-secondary-color:var(--plasma-date-picker-calendar__content-secondary-color);--plasma-calendar-content-secondary-disabled-color:var(--plasma-date-picker-calendar__content-secondary-disabled-color);--plasma-calendar-disabled-opacity:var(--plasma-date-picker-calendar__disabled-opacity);--plasma-calendar-icon-button-color:var(--plasma-date-picker-icon-button__color);--plasma-calendar-icon-button-background:var(--plasma-date-picker-icon-button__background-color);--plasma-calendar-icon-button-color-hover:var(--plasma-date-picker-icon-button__color-hover);--plasma-calendar-icon-button-background-hover:var(--plasma-date-picker-icon-button__background-color-hover);--plasma-calendar-icon-button-color-active:var(--plasma-date-picker-icon-button__color-active);--plasma-calendar-icon-button-background-active:var(--plasma-date-picker-icon-button__background-color-active);--plasma-calendar-border-width:var(--plasma-date-picker-calendar-border-width);--plasma-calendar-border-color:var(--plasma-date-picker-calendar-border-color);--plasma-calendar-years-padding:var(--plasma-date-picker-calendar__years-padding);--plasma-calendar-year-item-border-radius:var(--plasma-date-picker-calendar__year-item-border-radius);--plasma-calendar-year-font-family:var(--plasma-date-picker-calendar__year-font-family);--plasma-calendar-year-font-size:var(--plasma-date-picker-calendar__year-font-size);--plasma-calendar-year-font-style:var(--plasma-date-picker-calendar__year-font-style);--plasma-calendar-year-font-letter-spacing:var(--plasma-date-picker-calendar__year-letter-spacing);--plasma-calendar-year-line-height:var(--plasma-date-picker-calendar__year-line-height);--plasma-calendar-year-font-weight:var(--plasma-date-picker-calendar__year-font-weight);--plasma-calendar-year-selected-font-weight:var(--plasma-date-picker-calendar__year-selected-font-weight);--plasma-calendar-months-padding:var(--plasma-date-picker-calendar__months-padding);--plasma-calendar-month-item-border-radius:var(--plasma-date-picker-calendar__month-item-border-radius);--plasma-calendar-month-font-family:var(--plasma-date-picker-calendar__month-font-family);--plasma-calendar-month-font-size:var(--plasma-date-picker-calendar__month-font-size);--plasma-calendar-month-font-style:var(--plasma-date-picker-calendar__month-font-style);--plasma-calendar-month-font-letter-spacing:var(--plasma-date-picker-calendar__month-letter-spacing);--plasma-calendar-month-line-height:var(--plasma-date-picker-calendar__month-line-height);--plasma-calendar-month-font-weight:var(--plasma-date-picker-calendar__month-font-weight);--plasma-calendar-month-selected-font-weight:var(--plasma-date-picker-calendar__month-selected-font-weight);--plasma-calendar-quarters-padding:var(--plasma-date-picker-calendar__quarters-padding);--plasma-calendar-quarter-item-border-radius:var(--plasma-date-picker-calendar__quarter-item-border-radius);--plasma-calendar-quarter-font-family:var(--plasma-date-picker-calendar__quarter-font-family);--plasma-calendar-quarter-font-size:var(--plasma-date-picker-calendar__quarter-font-size);--plasma-calendar-quarter-font-style:var(--plasma-date-picker-calendar__quarter-font-style);--plasma-calendar-quarter-font-letter-spacing:var(--plasma-date-picker-calendar__quarter-letter-spacing);--plasma-calendar-quarter-line-height:var(--plasma-date-picker-calendar__quarter-line-height);--plasma-calendar-quarter-font-weight:var(--plasma-date-picker-calendar__quarter-font-weight);--plasma-calendar-quarter-selected-font-weight:var(--plasma-date-picker-calendar__quarter-selected-font-weight);--plasma-calendar-days-padding:var(--plasma-date-picker-calendar__days-padding);--plasma-calendar-day-item-border-radius:var(--plasma-date-picker-calendar__day-item-border-radius);--plasma-calendar-day-font-family:var(--plasma-date-picker-calendar__day-font-family);--plasma-calendar-day-font-size:var(--plasma-date-picker-calendar__day-font-size);--plasma-calendar-day-font-style:var(--plasma-date-picker-calendar__day-font-style);--plasma-calendar-day-font-letter-spacing:var(--plasma-date-picker-calendar__day-letter-spacing);--plasma-calendar-day-line-height:var(--plasma-date-picker-calendar__day-line-height);--plasma-calendar-day-font-weight:var(--plasma-date-picker-calendar__day-font-weight);--plasma-calendar-day-selected-font-weight:var(--plasma-date-picker-calendar__day-selected-font-weight);--plasma-calendar-day-of-the-week-color:var(--plasma-date-picker-calendar__day-of-week-color);--plasma-calendar-header-wrapper-padding:var(--plasma-date-picker-calendar__header-wrapper-padding);--plasma-calendar-arrow-container-gap:var(--plasma-date-picker-calendar__header-arrow-gap);--plasma-calendar-arrow-container-padding:var(--plasma-date-picker-calendar__header-arrow-padding);--plasma-calendar-header-padding:var(--plasma-date-picker-calendar__header-padding);--plasma-calendar-header-date-gap:var(--plasma-date-picker-calendar__header-date-gap);--plasma-calendar-header-font-family:var(--plasma-date-picker-calendar__header-font-family);--plasma-calendar-header-font-size:var(--plasma-date-picker-calendar__header-font-size);--plasma-calendar-header-font-style:var(--plasma-date-picker-calendar__header-font-style);--plasma-calendar-header-font-letter-spacing:var(--plasma-date-picker-calendar__header-letter-spacing);--plasma-calendar-header-line-height:var(--plasma-date-picker-calendar__header-line-height);--plasma-calendar-header-font-weight:var(--plasma-date-picker-calendar__header-font-weight);--plasma-calendar-header-font-weight-bold:var(--plasma-date-picker-calendar__header-font-weight-bold);--plasma-calendar-header-arrow-color:var(--plasma-date-picker-calendar__header-arrow-color);--plasma-calendar-arrow-custom-size:var(--plasma-date-picker-calendar__header-arrow-custom-size);--plasma-calendar-icon-button-height:var(--plasma-date-picker-icon-button__height);--plasma-calendar-icon-button-width:var(--plasma-date-picker-icon-button__width);--plasma-calendar-icon-button-padding:var(--plasma-date-picker-icon-button__padding);--plasma-calendar-icon-button-radius:var(--plasma-date-picker-icon-button__radius);--plasma-calendar-icon-button-focus-color:var(--plasma-date-picker-icon-button__focus-color);width:var(--s1ywkx25-0);height:var(--s1ywkx25-1);}
-.DatePickerBase_styles_1fnt3hc_i1kteo3u__4bedcfde{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
+.DatePickerBase_styles_6x4unn_s1ywkx25__82aec57d{padding-top:var(--plasma-date-picker-calendar-padding-top);box-shadow:var(--plasma-date-picker-calendar-shadow);border-radius:var(--plasma-date-picker-calendar-border-radius);margin-top:var(--plasma-date-picker-calendar-margin-top);--plasma-calendar-background:var(--plasma-date-picker-calendar__background-color);--plasma-calendar-selected-item-background:var(--plasma-date-picker-calendar__selected-item-background);--plasma-calendar-selected-item-color:var(--plasma-date-picker-calendar__selected-item-color);--plasma-calendar-selectable-item-bg-hover:var(--plasma-date-picker-calendar__selectable-item-background-hover);--plasma-calendar-current-item-border-color:var(--plasma-date-picker-calendar__current-item-border-color);--plasma-calendar-current-item-border-width:var(--plasma-date-picker-calendar__current-item-border-width);--plasma-calendar-current-item-bg-hover:var(--plasma-date-picker-calendar__current-item-background-hover);--plasma-calendar-current-item-color-hover:var(--plasma-date-picker-calendar__current-item-color-hover);--plasma-calendar-current-item-child-bg-hover:var(--plasma-date-picker-calendar__current-item-child-background-hover);--plasma-calendar-active-item-bg:var(--plasma-date-picker-calendar__active-item-background);--plasma-calendar-active-item-color:var(--plasma-date-picker-calendar__active-item-color);--plasma-calendar-hovered-item-bg:var(--plasma-date-picker-calendar__hovered-item-background);--plasma-calendar-hovered-item-color:var(--plasma-date-picker-calendar__hovered-item-color);--plasma-calendar-range-background:var(--plasma-date-picker-calendar__range-background);--plasma-calendar-outline-focus-color:var(--plasma-date-picker-calendar__outline-focus-color);--plasma-calendar-content-primary-color:var(--plasma-date-picker-calendar__content-primary-color);--plasma-calendar-content-primary-disabled-color:var(--plasma-date-picker-calendar__content-primary-disabled-color);--plasma-calendar-content-secondary-color:var(--plasma-date-picker-calendar__content-secondary-color);--plasma-calendar-content-secondary-disabled-color:var(--plasma-date-picker-calendar__content-secondary-disabled-color);--plasma-calendar-disabled-opacity:var(--plasma-date-picker-calendar__disabled-opacity);--plasma-calendar-icon-button-color:var(--plasma-date-picker-icon-button__color);--plasma-calendar-icon-button-background:var(--plasma-date-picker-icon-button__background-color);--plasma-calendar-icon-button-color-hover:var(--plasma-date-picker-icon-button__color-hover);--plasma-calendar-icon-button-background-hover:var(--plasma-date-picker-icon-button__background-color-hover);--plasma-calendar-icon-button-color-active:var(--plasma-date-picker-icon-button__color-active);--plasma-calendar-icon-button-background-active:var(--plasma-date-picker-icon-button__background-color-active);--plasma-calendar-border-width:var(--plasma-date-picker-calendar-border-width);--plasma-calendar-border-color:var(--plasma-date-picker-calendar-border-color);--plasma-calendar-years-padding:var(--plasma-date-picker-calendar__years-padding);--plasma-calendar-year-item-border-radius:var(--plasma-date-picker-calendar__year-item-border-radius);--plasma-calendar-year-font-family:var(--plasma-date-picker-calendar__year-font-family);--plasma-calendar-year-font-size:var(--plasma-date-picker-calendar__year-font-size);--plasma-calendar-year-font-style:var(--plasma-date-picker-calendar__year-font-style);--plasma-calendar-year-font-letter-spacing:var(--plasma-date-picker-calendar__year-letter-spacing);--plasma-calendar-year-line-height:var(--plasma-date-picker-calendar__year-line-height);--plasma-calendar-year-font-weight:var(--plasma-date-picker-calendar__year-font-weight);--plasma-calendar-year-selected-font-weight:var(--plasma-date-picker-calendar__year-selected-font-weight);--plasma-calendar-months-padding:var(--plasma-date-picker-calendar__months-padding);--plasma-calendar-month-item-border-radius:var(--plasma-date-picker-calendar__month-item-border-radius);--plasma-calendar-month-font-family:var(--plasma-date-picker-calendar__month-font-family);--plasma-calendar-month-font-size:var(--plasma-date-picker-calendar__month-font-size);--plasma-calendar-month-font-style:var(--plasma-date-picker-calendar__month-font-style);--plasma-calendar-month-font-letter-spacing:var(--plasma-date-picker-calendar__month-letter-spacing);--plasma-calendar-month-line-height:var(--plasma-date-picker-calendar__month-line-height);--plasma-calendar-month-font-weight:var(--plasma-date-picker-calendar__month-font-weight);--plasma-calendar-month-selected-font-weight:var(--plasma-date-picker-calendar__month-selected-font-weight);--plasma-calendar-quarters-padding:var(--plasma-date-picker-calendar__quarters-padding);--plasma-calendar-quarter-item-border-radius:var(--plasma-date-picker-calendar__quarter-item-border-radius);--plasma-calendar-quarter-font-family:var(--plasma-date-picker-calendar__quarter-font-family);--plasma-calendar-quarter-font-size:var(--plasma-date-picker-calendar__quarter-font-size);--plasma-calendar-quarter-font-style:var(--plasma-date-picker-calendar__quarter-font-style);--plasma-calendar-quarter-font-letter-spacing:var(--plasma-date-picker-calendar__quarter-letter-spacing);--plasma-calendar-quarter-line-height:var(--plasma-date-picker-calendar__quarter-line-height);--plasma-calendar-quarter-font-weight:var(--plasma-date-picker-calendar__quarter-font-weight);--plasma-calendar-quarter-selected-font-weight:var(--plasma-date-picker-calendar__quarter-selected-font-weight);--plasma-calendar-days-padding:var(--plasma-date-picker-calendar__days-padding);--plasma-calendar-day-item-border-radius:var(--plasma-date-picker-calendar__day-item-border-radius);--plasma-calendar-day-font-family:var(--plasma-date-picker-calendar__day-font-family);--plasma-calendar-day-font-size:var(--plasma-date-picker-calendar__day-font-size);--plasma-calendar-day-font-style:var(--plasma-date-picker-calendar__day-font-style);--plasma-calendar-day-font-letter-spacing:var(--plasma-date-picker-calendar__day-letter-spacing);--plasma-calendar-day-line-height:var(--plasma-date-picker-calendar__day-line-height);--plasma-calendar-day-font-weight:var(--plasma-date-picker-calendar__day-font-weight);--plasma-calendar-day-selected-font-weight:var(--plasma-date-picker-calendar__day-selected-font-weight);--plasma-calendar-day-of-the-week-color:var(--plasma-date-picker-calendar__day-of-week-color);--plasma-calendar-event-item-bottom:var(--plasma-date-picker-calendar__event-item-bottom);--plasma-calendar-header-wrapper-padding:var(--plasma-date-picker-calendar__header-wrapper-padding);--plasma-calendar-arrow-container-gap:var(--plasma-date-picker-calendar__header-arrow-gap);--plasma-calendar-arrow-container-padding:var(--plasma-date-picker-calendar__header-arrow-padding);--plasma-calendar-header-padding:var(--plasma-date-picker-calendar__header-padding);--plasma-calendar-header-date-gap:var(--plasma-date-picker-calendar__header-date-gap);--plasma-calendar-header-font-family:var(--plasma-date-picker-calendar__header-font-family);--plasma-calendar-header-font-size:var(--plasma-date-picker-calendar__header-font-size);--plasma-calendar-header-font-style:var(--plasma-date-picker-calendar__header-font-style);--plasma-calendar-header-font-letter-spacing:var(--plasma-date-picker-calendar__header-letter-spacing);--plasma-calendar-header-line-height:var(--plasma-date-picker-calendar__header-line-height);--plasma-calendar-header-font-weight:var(--plasma-date-picker-calendar__header-font-weight);--plasma-calendar-header-font-weight-bold:var(--plasma-date-picker-calendar__header-font-weight-bold);--plasma-calendar-header-arrow-color:var(--plasma-date-picker-calendar__header-arrow-color);--plasma-calendar-arrow-custom-size:var(--plasma-date-picker-calendar__header-arrow-custom-size);--plasma-calendar-icon-button-height:var(--plasma-date-picker-icon-button__height);--plasma-calendar-icon-button-width:var(--plasma-date-picker-icon-button__width);--plasma-calendar-icon-button-padding:var(--plasma-date-picker-icon-button__padding);--plasma-calendar-icon-button-radius:var(--plasma-date-picker-icon-button__radius);--plasma-calendar-icon-button-focus-color:var(--plasma-date-picker-icon-button__focus-color);width:var(--s1ywkx25-0);height:var(--s1ywkx25-1);}
+.DatePickerBase_styles_6x4unn_i1kteo3u__82aec57d{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
 
 .base_7jkj6y_bjvjzuw__b181462e .base_7jkj6y_lvfqi8__b181462e{margin:var(--plasma-date-picker__left-helper-offset);font-family:var(--plasma-date-picker__left-helper-font-family);font-size:var(--plasma-date-picker__left-helper-font-size);font-style:var(--plasma-date-picker__left-helper-font-style);font-weight:var(--plasma-date-picker__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);line-height:var(--plasma-date-picker__left-helper-line-height);}
 
@@ -814,9 +814,9 @@
 .base_1w70zvk_b160pc19__ad28763c[readonly]{cursor:default;}.base_1w70zvk_b160pc19__ad28763c[readonly] .base_1w70zvk_lvfqi8__ad28763c{color:var(--plasma-date-picker__left-helper-color-readonly);}
 
 
-.SingleDate_styles_15voqba_s15omatb__6e028a9c{width:100%;--plasma-textfield-color:var(--plasma-date-picker-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-date-picker-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-datepicker-textfield__placeholder-color-focus);--plasma-textfield__caret-color:var(--plasma-date-picker-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-date-picker-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-date-picker-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-date-picker-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-picker-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-date-picker_range-border-color);--plasma-textfield-border-color-hover:var(--plasma-date-picker_range-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-date-picker_range-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-date-picker-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-date-picker-textfield-background-color-readonly);--plasma-textfield-readonly-opacity:var(--plasma-date-picker-textfield-readonly-opacity);--plasma-textfield-border-color-readonly:var(--plasma-date-picker-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-date-picker-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-date-picker-textfield-height);--plasma-textfield-border-width:var(--plasma-date-picker-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-date-picker-textfield-border-radius);--plasma-textfield-padding:var(--plasma-date-picker-textfield-padding);--plasma-textfield-placement_inner__label-padding:var(--plasma-date-picker-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-date-picker-placement_inner__content-padding);--plasma-textfield__label-offset:var(--plasma-date-picker__label-offset);--plasma-textfield__label-font-family:var(--plasma-date-picker__label-font-family);--plasma-textfield__label-font-style:var(--plasma-date-picker__label-font-style);--plasma-textfield__label-font-size:var(--plasma-date-picker__label-font-size);--plasma-textfield__label-font-weight:var(--plasma-date-picker__label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-date-picker__label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-date-picker__label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-date-picker-placement_inner__label-font-family);--plasma-textfield-placement_inner__label-font-size:var(--plasma-date-picker-placement_inner__label-font-size);--plasma-textfield-placement_inner__label-font-style:var(--plasma-date-picker-placement_inner__label-font-style);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-date-picker-placement_inner__label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-date-picker-placement_inner__label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-date-picker-placement_inner__label-line-height);--plasma-textfield__label-color-readonly:var(--plasma-date-picker__label-color-readonly);--plasma-textfield__indicator-color:var(--plasma-date-picker__indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-date-picker__indicator-size);--plasma-textfield__indicator-size-outer:var(--plasma-date-picker__indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-date-picker__indicator-placement);--plasma-textfield__indicator-placement-outer:var(--plasma-date-picker__indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-date-picker__indicator-placement-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-date-picker__indicator-placement-outer-right);--plasma-textfield__left-content-margin:var(--plasma-date-picker-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-date-picker-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-date-picker-textfield-font-family);--plasma-textfield-font-size:var(--plasma-date-picker-textfield-font-size);--plasma-textfield-font-style:var(--plasma-date-picker-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-date-picker-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-date-picker-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-date-picker-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-date-picker-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-date-picker-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-date-picker-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-date-picker-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-date-picker-textfield__after-text-margin);--plasma-textfield-content-slot-color:var(--plasma-date-picker-textfield__content-color,var(--plasma-date-picker-textfield-color));--plasma-textfield-content-right-slot-color:var(--plasma-date-picker-textfield__content-right-color,var(--plasma-textfield-content-slot-color));--plasma-textfield-content-right-slot-color-hover:var(--plasma-date-picker-textfield__content-right-color-hover,var(--plasma-textfield-content-right-slot-color));--plasma-textfield-right-content-opacity-readonly:var(--plasma-date-picker-textfield__content-right-color-hover);}.SingleDate_styles_15voqba_s15omatb__6e028a9c.SingleDate_styles_15voqba_datePickerError__6e028a9c{--plasma-textfield-bg-color:var(--plasma-date-picker-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-date-picker-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-picker-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-date-picker-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-date-picker-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-date-picker-textfield-border-color-error-focus);}.SingleDate_styles_15voqba_s15omatb__6e028a9c.SingleDate_styles_15voqba_datePickerSuccess__6e028a9c{--plasma-textfield-bg-color:var(--plasma-date-picker-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-date-picker-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-picker-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-date-picker-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-date-picker-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-date-picker-textfield-border-color-success-focus);}
-.SingleDate_styles_15voqba_boba7w3__6e028a9c{display:inline-block;}.SingleDate_styles_15voqba_boba7w3__6e028a9c .SingleDate_styles_15voqba_popoverWrapper__6e028a9c,.SingleDate_styles_15voqba_boba7w3__6e028a9c .SingleDate_styles_15voqba_popoverTarget__6e028a9c{width:inherit;}.SingleDate_styles_15voqba_boba7w3__6e028a9c.SingleDate_styles_15voqba_datePickerStretched__6e028a9c{width:100%;}.SingleDate_styles_15voqba_boba7w3__6e028a9c.SingleDate_styles_15voqba_datePickerStretched__6e028a9c .SingleDate_styles_15voqba_popoverRoot__6e028a9c{width:100%;}
-.SingleDate_styles_15voqba_lvfqi8__6e028a9c{color:var(--plasma-date-picker__left-helper-color);}.SingleDate_styles_15voqba_lvfqi8__6e028a9c.SingleDate_styles_15voqba_datePickerError__6e028a9c{color:var(--plasma-date-picker__left-helper-color-error);}.SingleDate_styles_15voqba_lvfqi8__6e028a9c.SingleDate_styles_15voqba_datePickerSuccess__6e028a9c{color:var(--plasma-date-picker__left-helper-color-success);}
+.SingleDate_styles_5c37vu_s15omatb__a21583e8{width:100%;--plasma-textfield-color:var(--plasma-date-picker-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-date-picker-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-datepicker-textfield__placeholder-color-focus);--plasma-textfield__caret-color:var(--plasma-date-picker-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-date-picker-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-date-picker-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-date-picker-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-picker-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-date-picker_range-border-color);--plasma-textfield-border-color-hover:var(--plasma-date-picker_range-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-date-picker_range-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-date-picker-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-date-picker-textfield-background-color-readonly);--plasma-textfield-readonly-opacity:var(--plasma-date-picker-textfield-readonly-opacity);--plasma-textfield-border-color-readonly:var(--plasma-date-picker-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-date-picker-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-date-picker-textfield-height);--plasma-textfield-border-width:var(--plasma-date-picker-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-date-picker-textfield-border-radius);--plasma-textfield-padding:var(--plasma-date-picker-textfield-padding);--plasma-textfield-placement_inner__label-padding:var(--plasma-date-picker-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-date-picker-placement_inner__content-padding);--plasma-textfield__label-offset:var(--plasma-date-picker__label-offset);--plasma-textfield__label-font-family:var(--plasma-date-picker__label-font-family);--plasma-textfield__label-font-style:var(--plasma-date-picker__label-font-style);--plasma-textfield__label-font-size:var(--plasma-date-picker__label-font-size);--plasma-textfield__label-font-weight:var(--plasma-date-picker__label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-date-picker__label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-date-picker__label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-date-picker-placement_inner__label-font-family);--plasma-textfield-placement_inner__label-font-size:var(--plasma-date-picker-placement_inner__label-font-size);--plasma-textfield-placement_inner__label-font-style:var(--plasma-date-picker-placement_inner__label-font-style);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-date-picker-placement_inner__label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-date-picker-placement_inner__label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-date-picker-placement_inner__label-line-height);--plasma-textfield__label-color-readonly:var(--plasma-date-picker__label-color-readonly);--plasma-textfield__indicator-color:var(--plasma-date-picker__indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-date-picker__indicator-size);--plasma-textfield__indicator-size-outer:var(--plasma-date-picker__indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-date-picker__indicator-placement);--plasma-textfield__indicator-placement-outer:var(--plasma-date-picker__indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-date-picker__indicator-placement-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-date-picker__indicator-placement-outer-right);--plasma-textfield__left-content-margin:var(--plasma-date-picker-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-date-picker-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-date-picker-textfield-font-family);--plasma-textfield-font-size:var(--plasma-date-picker-textfield-font-size);--plasma-textfield-font-style:var(--plasma-date-picker-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-date-picker-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-date-picker-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-date-picker-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-date-picker-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-date-picker-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-date-picker-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-date-picker-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-date-picker-textfield__after-text-margin);--plasma-textfield-content-slot-color:var(--plasma-date-picker-textfield__content-color,var(--plasma-date-picker-textfield-color));--plasma-textfield-content-right-slot-color:var(--plasma-date-picker-textfield__content-right-color,var(--plasma-textfield-content-slot-color));--plasma-textfield-content-right-slot-color-hover:var(--plasma-date-picker-textfield__content-right-color-hover,var(--plasma-textfield-content-right-slot-color));--plasma-textfield-right-content-opacity-readonly:var(--plasma-date-picker-textfield__content-right-color-hover);}.SingleDate_styles_5c37vu_s15omatb__a21583e8.SingleDate_styles_5c37vu_datePickerError__a21583e8{--plasma-textfield-color:var(--plasma-date-picker-textfield-color-error,var(--plasma-date-picker-textfield-color));--plasma-textfield-bg-color:var(--plasma-date-picker-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-date-picker-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-picker-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-date-picker-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-date-picker-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-date-picker-textfield-border-color-error-focus);}.SingleDate_styles_5c37vu_s15omatb__a21583e8.SingleDate_styles_5c37vu_datePickerSuccess__a21583e8{--plasma-textfield-color:var(--plasma-date-picker-textfield-color-success,var(--plasma-date-picker-textfield-color));--plasma-textfield-bg-color:var(--plasma-date-picker-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-date-picker-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-picker-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-date-picker-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-date-picker-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-date-picker-textfield-border-color-success-focus);}
+.SingleDate_styles_5c37vu_boba7w3__a21583e8{display:inline-block;}.SingleDate_styles_5c37vu_boba7w3__a21583e8 .SingleDate_styles_5c37vu_popoverWrapper__a21583e8,.SingleDate_styles_5c37vu_boba7w3__a21583e8 .SingleDate_styles_5c37vu_popoverTarget__a21583e8{width:inherit;}.SingleDate_styles_5c37vu_boba7w3__a21583e8.SingleDate_styles_5c37vu_datePickerStretched__a21583e8{width:100%;}.SingleDate_styles_5c37vu_boba7w3__a21583e8.SingleDate_styles_5c37vu_datePickerStretched__a21583e8 .SingleDate_styles_5c37vu_popoverRoot__a21583e8{width:100%;}
+.SingleDate_styles_5c37vu_lvfqi8__a21583e8{color:var(--plasma-date-picker__left-helper-color);}.SingleDate_styles_5c37vu_lvfqi8__a21583e8.SingleDate_styles_5c37vu_datePickerError__a21583e8{color:var(--plasma-date-picker__left-helper-color-error);}.SingleDate_styles_5c37vu_lvfqi8__a21583e8.SingleDate_styles_5c37vu_datePickerSuccess__a21583e8{color:var(--plasma-date-picker__left-helper-color-success);}
 
 .base_nqbt5h_bxpb4df__bce36654 .base_nqbt5h_ls94ai0__bce36654{margin:var(--plasma-date-picker__left-helper-offset);font-family:var(--plasma-date-picker__left-helper-font-family);font-size:var(--plasma-date-picker__left-helper-font-size);font-style:var(--plasma-date-picker__left-helper-font-style);font-weight:var(--plasma-date-picker__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);line-height:var(--plasma-date-picker__left-helper-line-height);}
 
@@ -831,8 +831,8 @@
 .RangeDate_styles_7jrupa_b1x6qh3t__ceafe6fd{display:inline-block;}.RangeDate_styles_7jrupa_b1x6qh3t__ceafe6fd .RangeDate_styles_7jrupa_popoverWrapper__ceafe6fd,.RangeDate_styles_7jrupa_b1x6qh3t__ceafe6fd .RangeDate_styles_7jrupa_popoverTarget__ceafe6fd{width:inherit;}.RangeDate_styles_7jrupa_b1x6qh3t__ceafe6fd.RangeDate_styles_7jrupa_datePickerStretched__ceafe6fd{width:100%;}.RangeDate_styles_7jrupa_b1x6qh3t__ceafe6fd.RangeDate_styles_7jrupa_datePickerStretched__ceafe6fd .RangeDate_styles_7jrupa_popoverRoot__ceafe6fd,.RangeDate_styles_7jrupa_b1x6qh3t__ceafe6fd.RangeDate_styles_7jrupa_datePickerStretched__ceafe6fd .RangeDate_styles_7jrupa_s1sos0hp__ceafe6fd{width:100%;}
 .RangeDate_styles_7jrupa_ls94ai0__ceafe6fd{color:var(--plasma-date-picker__left-helper-color);}.RangeDate_styles_7jrupa_ls94ai0__ceafe6fd.RangeDate_styles_7jrupa_datePickerError__ceafe6fd{color:var(--plasma-date-picker__left-helper-color-error);}.RangeDate_styles_7jrupa_ls94ai0__ceafe6fd.RangeDate_styles_7jrupa_datePickerSuccess__ceafe6fd{color:var(--plasma-date-picker__left-helper-color-success);}
 
-.RangeDatePopover_styles_160e4y4_s1ld9lms__852e000b{--plasma-calendar-separator-background:var(--plasma-date-picker-calendar__separator-background);padding-top:var(--plasma-date-picker-calendar-padding-top);box-shadow:var(--plasma-date-picker-calendar-shadow);border-radius:var(--plasma-date-picker-calendar-border-radius);margin-top:var(--plasma-date-picker-calendar-margin-top);--plasma-calendar-background:var(--plasma-date-picker-calendar__background-color);--plasma-calendar-selected-item-background:var(--plasma-date-picker-calendar__selected-item-background);--plasma-calendar-selected-item-color:var(--plasma-date-picker-calendar__selected-item-color);--plasma-calendar-selectable-item-bg-hover:var(--plasma-date-picker-calendar__selectable-item-background-hover);--plasma-calendar-current-item-border-color:var(--plasma-date-picker-calendar__current-item-border-color);--plasma-calendar-current-item-border-width:var(--plasma-date-picker-calendar__current-item-border-width);--plasma-calendar-current-item-bg-hover:var(--plasma-date-picker-calendar__current-item-background-hover);--plasma-calendar-current-item-color-hover:var(--plasma-date-picker-calendar__current-item-color-hover);--plasma-calendar-current-item-child-bg-hover:var(--plasma-date-picker-calendar__current-item-child-background-hover);--plasma-calendar-active-item-bg:var(--plasma-date-picker-calendar__active-item-background);--plasma-calendar-active-item-color:var(--plasma-date-picker-calendar__active-item-color);--plasma-calendar-hovered-item-bg:var(--plasma-date-picker-calendar__hovered-item-background);--plasma-calendar-hovered-item-color:var(--plasma-date-picker-calendar__hovered-item-color);--plasma-calendar-range-background:var(--plasma-date-picker-calendar__range-background);--plasma-calendar-outline-focus-color:var(--plasma-date-picker-calendar__outline-focus-color);--plasma-calendar-content-primary-color:var(--plasma-date-picker-calendar__content-primary-color);--plasma-calendar-content-primary-disabled-color:var(--plasma-date-picker-calendar__content-primary-disabled-color);--plasma-calendar-content-secondary-color:var(--plasma-date-picker-calendar__content-secondary-color);--plasma-calendar-content-secondary-disabled-color:var(--plasma-date-picker-calendar__content-secondary-disabled-color);--plasma-calendar-disabled-opacity:var(--plasma-date-picker-calendar__disabled-opacity);--plasma-calendar-icon-button-color:var(--plasma-date-picker-icon-button__color);--plasma-calendar-icon-button-background:var(--plasma-date-picker-icon-button__background-color);--plasma-calendar-icon-button-color-hover:var(--plasma-date-picker-icon-button__color-hover);--plasma-calendar-icon-button-background-hover:var(--plasma-date-picker-icon-button__background-color-hover);--plasma-calendar-icon-button-color-active:var(--plasma-date-picker-icon-button__color-active);--plasma-calendar-icon-button-background-active:var(--plasma-date-picker-icon-button__background-color-active);--plasma-calendar-border-width:var(--plasma-date-picker-calendar-border-width);--plasma-calendar-border-color:var(--plasma-date-picker-calendar-border-color);--plasma-calendar-years-padding:var(--plasma-date-picker-calendar__years-padding);--plasma-calendar-year-item-border-radius:var(--plasma-date-picker-calendar__year-item-border-radius);--plasma-calendar-year-font-family:var(--plasma-date-picker-calendar__year-font-family);--plasma-calendar-year-font-size:var(--plasma-date-picker-calendar__year-font-size);--plasma-calendar-year-font-style:var(--plasma-date-picker-calendar__year-font-style);--plasma-calendar-year-font-letter-spacing:var(--plasma-date-picker-calendar__year-letter-spacing);--plasma-calendar-year-line-height:var(--plasma-date-picker-calendar__year-line-height);--plasma-calendar-year-font-weight:var(--plasma-date-picker-calendar__year-font-weight);--plasma-calendar-year-selected-font-weight:var(--plasma-date-picker-calendar__year-selected-font-weight);--plasma-calendar-months-padding:var(--plasma-date-picker-calendar__months-padding);--plasma-calendar-month-item-border-radius:var(--plasma-date-picker-calendar__month-item-border-radius);--plasma-calendar-month-font-family:var(--plasma-date-picker-calendar__month-font-family);--plasma-calendar-month-font-size:var(--plasma-date-picker-calendar__month-font-size);--plasma-calendar-month-font-style:var(--plasma-date-picker-calendar__month-font-style);--plasma-calendar-month-font-letter-spacing:var(--plasma-date-picker-calendar__month-letter-spacing);--plasma-calendar-month-line-height:var(--plasma-date-picker-calendar__month-line-height);--plasma-calendar-month-font-weight:var(--plasma-date-picker-calendar__month-font-weight);--plasma-calendar-month-selected-font-weight:var(--plasma-date-picker-calendar__month-selected-font-weight);--plasma-calendar-quarters-padding:var(--plasma-date-picker-calendar__quarters-padding);--plasma-calendar-quarter-item-border-radius:var(--plasma-date-picker-calendar__quarter-item-border-radius);--plasma-calendar-quarter-font-family:var(--plasma-date-picker-calendar__quarter-font-family);--plasma-calendar-quarter-font-size:var(--plasma-date-picker-calendar__quarter-font-size);--plasma-calendar-quarter-font-style:var(--plasma-date-picker-calendar__quarter-font-style);--plasma-calendar-quarter-font-letter-spacing:var(--plasma-date-picker-calendar__quarter-letter-spacing);--plasma-calendar-quarter-line-height:var(--plasma-date-picker-calendar__quarter-line-height);--plasma-calendar-quarter-font-weight:var(--plasma-date-picker-calendar__quarter-font-weight);--plasma-calendar-quarter-selected-font-weight:var(--plasma-date-picker-calendar__quarter-selected-font-weight);--plasma-calendar-days-padding:var(--plasma-date-picker-calendar__days-padding);--plasma-calendar-day-item-border-radius:var(--plasma-date-picker-calendar__day-item-border-radius);--plasma-calendar-day-font-family:var(--plasma-date-picker-calendar__day-font-family);--plasma-calendar-day-font-size:var(--plasma-date-picker-calendar__day-font-size);--plasma-calendar-day-font-style:var(--plasma-date-picker-calendar__day-font-style);--plasma-calendar-day-font-letter-spacing:var(--plasma-date-picker-calendar__day-letter-spacing);--plasma-calendar-day-line-height:var(--plasma-date-picker-calendar__day-line-height);--plasma-calendar-day-font-weight:var(--plasma-date-picker-calendar__day-font-weight);--plasma-calendar-day-selected-font-weight:var(--plasma-date-picker-calendar__day-selected-font-weight);--plasma-calendar-day-of-the-week-color:var(--plasma-date-picker-calendar__day-of-week-color);--plasma-calendar-header-wrapper-padding:var(--plasma-date-picker-calendar__header-wrapper-padding);--plasma-calendar-arrow-container-gap:var(--plasma-date-picker-calendar__header-arrow-gap);--plasma-calendar-arrow-container-padding:var(--plasma-date-picker-calendar__header-arrow-padding);--plasma-calendar-header-padding:var(--plasma-date-picker-calendar__header-padding);--plasma-calendar-header-date-gap:var(--plasma-date-picker-calendar__header-date-gap);--plasma-calendar-header-font-family:var(--plasma-date-picker-calendar__header-font-family);--plasma-calendar-header-font-size:var(--plasma-date-picker-calendar__header-font-size);--plasma-calendar-header-font-style:var(--plasma-date-picker-calendar__header-font-style);--plasma-calendar-header-font-letter-spacing:var(--plasma-date-picker-calendar__header-letter-spacing);--plasma-calendar-header-line-height:var(--plasma-date-picker-calendar__header-line-height);--plasma-calendar-header-font-weight:var(--plasma-date-picker-calendar__header-font-weight);--plasma-calendar-header-font-weight-bold:var(--plasma-date-picker-calendar__header-font-weight-bold);--plasma-calendar-header-arrow-color:var(--plasma-date-picker-calendar__header-arrow-color);--plasma-calendar-arrow-custom-size:var(--plasma-date-picker-calendar__header-arrow-custom-size);--plasma-calendar-icon-button-height:var(--plasma-date-picker-icon-button__height);--plasma-calendar-icon-button-width:var(--plasma-date-picker-icon-button__width);--plasma-calendar-icon-button-padding:var(--plasma-date-picker-icon-button__padding);--plasma-calendar-icon-button-radius:var(--plasma-date-picker-icon-button__radius);--plasma-calendar-icon-button-focus-color:var(--plasma-date-picker-icon-button__focus-color);--plasma_private-calendar-double-width:calc(var(--plasma-date-picker-calendar-container-width) * 2 + 2.063rem);width:var(--s1ld9lms-0);height:var(--s1ld9lms-1);}
-.RangeDatePopover_styles_160e4y4_s1rn242y__852e000b{padding-top:var(--plasma-date-picker-calendar-padding-top);box-shadow:var(--plasma-date-picker-calendar-shadow);border-radius:var(--plasma-date-picker-calendar-border-radius);margin-top:var(--plasma-date-picker-calendar-margin-top);--plasma-calendar-background:var(--plasma-date-picker-calendar__background-color);--plasma-calendar-selected-item-background:var(--plasma-date-picker-calendar__selected-item-background);--plasma-calendar-selected-item-color:var(--plasma-date-picker-calendar__selected-item-color);--plasma-calendar-selectable-item-bg-hover:var(--plasma-date-picker-calendar__selectable-item-background-hover);--plasma-calendar-current-item-border-color:var(--plasma-date-picker-calendar__current-item-border-color);--plasma-calendar-current-item-border-width:var(--plasma-date-picker-calendar__current-item-border-width);--plasma-calendar-current-item-bg-hover:var(--plasma-date-picker-calendar__current-item-background-hover);--plasma-calendar-current-item-color-hover:var(--plasma-date-picker-calendar__current-item-color-hover);--plasma-calendar-current-item-child-bg-hover:var(--plasma-date-picker-calendar__current-item-child-background-hover);--plasma-calendar-active-item-bg:var(--plasma-date-picker-calendar__active-item-background);--plasma-calendar-active-item-color:var(--plasma-date-picker-calendar__active-item-color);--plasma-calendar-hovered-item-bg:var(--plasma-date-picker-calendar__hovered-item-background);--plasma-calendar-hovered-item-color:var(--plasma-date-picker-calendar__hovered-item-color);--plasma-calendar-range-background:var(--plasma-date-picker-calendar__range-background);--plasma-calendar-outline-focus-color:var(--plasma-date-picker-calendar__outline-focus-color);--plasma-calendar-content-primary-color:var(--plasma-date-picker-calendar__content-primary-color);--plasma-calendar-content-primary-disabled-color:var(--plasma-date-picker-calendar__content-primary-disabled-color);--plasma-calendar-content-secondary-color:var(--plasma-date-picker-calendar__content-secondary-color);--plasma-calendar-content-secondary-disabled-color:var(--plasma-date-picker-calendar__content-secondary-disabled-color);--plasma-calendar-disabled-opacity:var(--plasma-date-picker-calendar__disabled-opacity);--plasma-calendar-icon-button-color:var(--plasma-date-picker-icon-button__color);--plasma-calendar-icon-button-background:var(--plasma-date-picker-icon-button__background-color);--plasma-calendar-icon-button-color-hover:var(--plasma-date-picker-icon-button__color-hover);--plasma-calendar-icon-button-background-hover:var(--plasma-date-picker-icon-button__background-color-hover);--plasma-calendar-icon-button-color-active:var(--plasma-date-picker-icon-button__color-active);--plasma-calendar-icon-button-background-active:var(--plasma-date-picker-icon-button__background-color-active);--plasma-calendar-border-width:var(--plasma-date-picker-calendar-border-width);--plasma-calendar-border-color:var(--plasma-date-picker-calendar-border-color);--plasma-calendar-years-padding:var(--plasma-date-picker-calendar__years-padding);--plasma-calendar-year-item-border-radius:var(--plasma-date-picker-calendar__year-item-border-radius);--plasma-calendar-year-font-family:var(--plasma-date-picker-calendar__year-font-family);--plasma-calendar-year-font-size:var(--plasma-date-picker-calendar__year-font-size);--plasma-calendar-year-font-style:var(--plasma-date-picker-calendar__year-font-style);--plasma-calendar-year-font-letter-spacing:var(--plasma-date-picker-calendar__year-letter-spacing);--plasma-calendar-year-line-height:var(--plasma-date-picker-calendar__year-line-height);--plasma-calendar-year-font-weight:var(--plasma-date-picker-calendar__year-font-weight);--plasma-calendar-year-selected-font-weight:var(--plasma-date-picker-calendar__year-selected-font-weight);--plasma-calendar-months-padding:var(--plasma-date-picker-calendar__months-padding);--plasma-calendar-month-item-border-radius:var(--plasma-date-picker-calendar__month-item-border-radius);--plasma-calendar-month-font-family:var(--plasma-date-picker-calendar__month-font-family);--plasma-calendar-month-font-size:var(--plasma-date-picker-calendar__month-font-size);--plasma-calendar-month-font-style:var(--plasma-date-picker-calendar__month-font-style);--plasma-calendar-month-font-letter-spacing:var(--plasma-date-picker-calendar__month-letter-spacing);--plasma-calendar-month-line-height:var(--plasma-date-picker-calendar__month-line-height);--plasma-calendar-month-font-weight:var(--plasma-date-picker-calendar__month-font-weight);--plasma-calendar-month-selected-font-weight:var(--plasma-date-picker-calendar__month-selected-font-weight);--plasma-calendar-quarters-padding:var(--plasma-date-picker-calendar__quarters-padding);--plasma-calendar-quarter-item-border-radius:var(--plasma-date-picker-calendar__quarter-item-border-radius);--plasma-calendar-quarter-font-family:var(--plasma-date-picker-calendar__quarter-font-family);--plasma-calendar-quarter-font-size:var(--plasma-date-picker-calendar__quarter-font-size);--plasma-calendar-quarter-font-style:var(--plasma-date-picker-calendar__quarter-font-style);--plasma-calendar-quarter-font-letter-spacing:var(--plasma-date-picker-calendar__quarter-letter-spacing);--plasma-calendar-quarter-line-height:var(--plasma-date-picker-calendar__quarter-line-height);--plasma-calendar-quarter-font-weight:var(--plasma-date-picker-calendar__quarter-font-weight);--plasma-calendar-quarter-selected-font-weight:var(--plasma-date-picker-calendar__quarter-selected-font-weight);--plasma-calendar-days-padding:var(--plasma-date-picker-calendar__days-padding);--plasma-calendar-day-item-border-radius:var(--plasma-date-picker-calendar__day-item-border-radius);--plasma-calendar-day-font-family:var(--plasma-date-picker-calendar__day-font-family);--plasma-calendar-day-font-size:var(--plasma-date-picker-calendar__day-font-size);--plasma-calendar-day-font-style:var(--plasma-date-picker-calendar__day-font-style);--plasma-calendar-day-font-letter-spacing:var(--plasma-date-picker-calendar__day-letter-spacing);--plasma-calendar-day-line-height:var(--plasma-date-picker-calendar__day-line-height);--plasma-calendar-day-font-weight:var(--plasma-date-picker-calendar__day-font-weight);--plasma-calendar-day-selected-font-weight:var(--plasma-date-picker-calendar__day-selected-font-weight);--plasma-calendar-day-of-the-week-color:var(--plasma-date-picker-calendar__day-of-week-color);--plasma-calendar-header-wrapper-padding:var(--plasma-date-picker-calendar__header-wrapper-padding);--plasma-calendar-arrow-container-gap:var(--plasma-date-picker-calendar__header-arrow-gap);--plasma-calendar-arrow-container-padding:var(--plasma-date-picker-calendar__header-arrow-padding);--plasma-calendar-header-padding:var(--plasma-date-picker-calendar__header-padding);--plasma-calendar-header-date-gap:var(--plasma-date-picker-calendar__header-date-gap);--plasma-calendar-header-font-family:var(--plasma-date-picker-calendar__header-font-family);--plasma-calendar-header-font-size:var(--plasma-date-picker-calendar__header-font-size);--plasma-calendar-header-font-style:var(--plasma-date-picker-calendar__header-font-style);--plasma-calendar-header-font-letter-spacing:var(--plasma-date-picker-calendar__header-letter-spacing);--plasma-calendar-header-line-height:var(--plasma-date-picker-calendar__header-line-height);--plasma-calendar-header-font-weight:var(--plasma-date-picker-calendar__header-font-weight);--plasma-calendar-header-font-weight-bold:var(--plasma-date-picker-calendar__header-font-weight-bold);--plasma-calendar-header-arrow-color:var(--plasma-date-picker-calendar__header-arrow-color);--plasma-calendar-arrow-custom-size:var(--plasma-date-picker-calendar__header-arrow-custom-size);--plasma-calendar-icon-button-height:var(--plasma-date-picker-icon-button__height);--plasma-calendar-icon-button-width:var(--plasma-date-picker-icon-button__width);--plasma-calendar-icon-button-padding:var(--plasma-date-picker-icon-button__padding);--plasma-calendar-icon-button-radius:var(--plasma-date-picker-icon-button__radius);--plasma-calendar-icon-button-focus-color:var(--plasma-date-picker-icon-button__focus-color);width:var(--s1rn242y-0);height:var(--s1rn242y-1);}
+.RangeDatePopover_styles_1wt56uj_s1ld9lms__8a0ea19c{--plasma-calendar-separator-background:var(--plasma-date-picker-calendar__separator-background);padding-top:var(--plasma-date-picker-calendar-padding-top);box-shadow:var(--plasma-date-picker-calendar-shadow);border-radius:var(--plasma-date-picker-calendar-border-radius);margin-top:var(--plasma-date-picker-calendar-margin-top);--plasma-calendar-background:var(--plasma-date-picker-calendar__background-color);--plasma-calendar-selected-item-background:var(--plasma-date-picker-calendar__selected-item-background);--plasma-calendar-selected-item-color:var(--plasma-date-picker-calendar__selected-item-color);--plasma-calendar-selectable-item-bg-hover:var(--plasma-date-picker-calendar__selectable-item-background-hover);--plasma-calendar-current-item-border-color:var(--plasma-date-picker-calendar__current-item-border-color);--plasma-calendar-current-item-border-width:var(--plasma-date-picker-calendar__current-item-border-width);--plasma-calendar-current-item-bg-hover:var(--plasma-date-picker-calendar__current-item-background-hover);--plasma-calendar-current-item-color-hover:var(--plasma-date-picker-calendar__current-item-color-hover);--plasma-calendar-current-item-child-bg-hover:var(--plasma-date-picker-calendar__current-item-child-background-hover);--plasma-calendar-active-item-bg:var(--plasma-date-picker-calendar__active-item-background);--plasma-calendar-active-item-color:var(--plasma-date-picker-calendar__active-item-color);--plasma-calendar-hovered-item-bg:var(--plasma-date-picker-calendar__hovered-item-background);--plasma-calendar-hovered-item-color:var(--plasma-date-picker-calendar__hovered-item-color);--plasma-calendar-range-background:var(--plasma-date-picker-calendar__range-background);--plasma-calendar-outline-focus-color:var(--plasma-date-picker-calendar__outline-focus-color);--plasma-calendar-content-primary-color:var(--plasma-date-picker-calendar__content-primary-color);--plasma-calendar-content-primary-disabled-color:var(--plasma-date-picker-calendar__content-primary-disabled-color);--plasma-calendar-content-secondary-color:var(--plasma-date-picker-calendar__content-secondary-color);--plasma-calendar-content-secondary-disabled-color:var(--plasma-date-picker-calendar__content-secondary-disabled-color);--plasma-calendar-disabled-opacity:var(--plasma-date-picker-calendar__disabled-opacity);--plasma-calendar-icon-button-color:var(--plasma-date-picker-icon-button__color);--plasma-calendar-icon-button-background:var(--plasma-date-picker-icon-button__background-color);--plasma-calendar-icon-button-color-hover:var(--plasma-date-picker-icon-button__color-hover);--plasma-calendar-icon-button-background-hover:var(--plasma-date-picker-icon-button__background-color-hover);--plasma-calendar-icon-button-color-active:var(--plasma-date-picker-icon-button__color-active);--plasma-calendar-icon-button-background-active:var(--plasma-date-picker-icon-button__background-color-active);--plasma-calendar-border-width:var(--plasma-date-picker-calendar-border-width);--plasma-calendar-border-color:var(--plasma-date-picker-calendar-border-color);--plasma-calendar-years-padding:var(--plasma-date-picker-calendar__years-padding);--plasma-calendar-year-item-border-radius:var(--plasma-date-picker-calendar__year-item-border-radius);--plasma-calendar-year-font-family:var(--plasma-date-picker-calendar__year-font-family);--plasma-calendar-year-font-size:var(--plasma-date-picker-calendar__year-font-size);--plasma-calendar-year-font-style:var(--plasma-date-picker-calendar__year-font-style);--plasma-calendar-year-font-letter-spacing:var(--plasma-date-picker-calendar__year-letter-spacing);--plasma-calendar-year-line-height:var(--plasma-date-picker-calendar__year-line-height);--plasma-calendar-year-font-weight:var(--plasma-date-picker-calendar__year-font-weight);--plasma-calendar-year-selected-font-weight:var(--plasma-date-picker-calendar__year-selected-font-weight);--plasma-calendar-months-padding:var(--plasma-date-picker-calendar__months-padding);--plasma-calendar-month-item-border-radius:var(--plasma-date-picker-calendar__month-item-border-radius);--plasma-calendar-month-font-family:var(--plasma-date-picker-calendar__month-font-family);--plasma-calendar-month-font-size:var(--plasma-date-picker-calendar__month-font-size);--plasma-calendar-month-font-style:var(--plasma-date-picker-calendar__month-font-style);--plasma-calendar-month-font-letter-spacing:var(--plasma-date-picker-calendar__month-letter-spacing);--plasma-calendar-month-line-height:var(--plasma-date-picker-calendar__month-line-height);--plasma-calendar-month-font-weight:var(--plasma-date-picker-calendar__month-font-weight);--plasma-calendar-month-selected-font-weight:var(--plasma-date-picker-calendar__month-selected-font-weight);--plasma-calendar-quarters-padding:var(--plasma-date-picker-calendar__quarters-padding);--plasma-calendar-quarter-item-border-radius:var(--plasma-date-picker-calendar__quarter-item-border-radius);--plasma-calendar-quarter-font-family:var(--plasma-date-picker-calendar__quarter-font-family);--plasma-calendar-quarter-font-size:var(--plasma-date-picker-calendar__quarter-font-size);--plasma-calendar-quarter-font-style:var(--plasma-date-picker-calendar__quarter-font-style);--plasma-calendar-quarter-font-letter-spacing:var(--plasma-date-picker-calendar__quarter-letter-spacing);--plasma-calendar-quarter-line-height:var(--plasma-date-picker-calendar__quarter-line-height);--plasma-calendar-quarter-font-weight:var(--plasma-date-picker-calendar__quarter-font-weight);--plasma-calendar-quarter-selected-font-weight:var(--plasma-date-picker-calendar__quarter-selected-font-weight);--plasma-calendar-days-padding:var(--plasma-date-picker-calendar__days-padding);--plasma-calendar-day-item-border-radius:var(--plasma-date-picker-calendar__day-item-border-radius);--plasma-calendar-day-font-family:var(--plasma-date-picker-calendar__day-font-family);--plasma-calendar-day-font-size:var(--plasma-date-picker-calendar__day-font-size);--plasma-calendar-day-font-style:var(--plasma-date-picker-calendar__day-font-style);--plasma-calendar-day-font-letter-spacing:var(--plasma-date-picker-calendar__day-letter-spacing);--plasma-calendar-day-line-height:var(--plasma-date-picker-calendar__day-line-height);--plasma-calendar-day-font-weight:var(--plasma-date-picker-calendar__day-font-weight);--plasma-calendar-day-selected-font-weight:var(--plasma-date-picker-calendar__day-selected-font-weight);--plasma-calendar-day-of-the-week-color:var(--plasma-date-picker-calendar__day-of-week-color);--plasma-calendar-event-item-bottom:var(--plasma-date-picker-calendar__event-item-bottom);--plasma-calendar-header-wrapper-padding:var(--plasma-date-picker-calendar__header-wrapper-padding);--plasma-calendar-arrow-container-gap:var(--plasma-date-picker-calendar__header-arrow-gap);--plasma-calendar-arrow-container-padding:var(--plasma-date-picker-calendar__header-arrow-padding);--plasma-calendar-header-padding:var(--plasma-date-picker-calendar__header-padding);--plasma-calendar-header-date-gap:var(--plasma-date-picker-calendar__header-date-gap);--plasma-calendar-header-font-family:var(--plasma-date-picker-calendar__header-font-family);--plasma-calendar-header-font-size:var(--plasma-date-picker-calendar__header-font-size);--plasma-calendar-header-font-style:var(--plasma-date-picker-calendar__header-font-style);--plasma-calendar-header-font-letter-spacing:var(--plasma-date-picker-calendar__header-letter-spacing);--plasma-calendar-header-line-height:var(--plasma-date-picker-calendar__header-line-height);--plasma-calendar-header-font-weight:var(--plasma-date-picker-calendar__header-font-weight);--plasma-calendar-header-font-weight-bold:var(--plasma-date-picker-calendar__header-font-weight-bold);--plasma-calendar-header-arrow-color:var(--plasma-date-picker-calendar__header-arrow-color);--plasma-calendar-arrow-custom-size:var(--plasma-date-picker-calendar__header-arrow-custom-size);--plasma-calendar-icon-button-height:var(--plasma-date-picker-icon-button__height);--plasma-calendar-icon-button-width:var(--plasma-date-picker-icon-button__width);--plasma-calendar-icon-button-padding:var(--plasma-date-picker-icon-button__padding);--plasma-calendar-icon-button-radius:var(--plasma-date-picker-icon-button__radius);--plasma-calendar-icon-button-focus-color:var(--plasma-date-picker-icon-button__focus-color);--plasma_private-calendar-double-width:calc(var(--plasma-date-picker-calendar-container-width) * 2 + 2.063rem);width:var(--s1ld9lms-0);height:var(--s1ld9lms-1);}
+.RangeDatePopover_styles_1wt56uj_s1rn242y__8a0ea19c{padding-top:var(--plasma-date-picker-calendar-padding-top);box-shadow:var(--plasma-date-picker-calendar-shadow);border-radius:var(--plasma-date-picker-calendar-border-radius);margin-top:var(--plasma-date-picker-calendar-margin-top);--plasma-calendar-background:var(--plasma-date-picker-calendar__background-color);--plasma-calendar-selected-item-background:var(--plasma-date-picker-calendar__selected-item-background);--plasma-calendar-selected-item-color:var(--plasma-date-picker-calendar__selected-item-color);--plasma-calendar-selectable-item-bg-hover:var(--plasma-date-picker-calendar__selectable-item-background-hover);--plasma-calendar-current-item-border-color:var(--plasma-date-picker-calendar__current-item-border-color);--plasma-calendar-current-item-border-width:var(--plasma-date-picker-calendar__current-item-border-width);--plasma-calendar-current-item-bg-hover:var(--plasma-date-picker-calendar__current-item-background-hover);--plasma-calendar-current-item-color-hover:var(--plasma-date-picker-calendar__current-item-color-hover);--plasma-calendar-current-item-child-bg-hover:var(--plasma-date-picker-calendar__current-item-child-background-hover);--plasma-calendar-active-item-bg:var(--plasma-date-picker-calendar__active-item-background);--plasma-calendar-active-item-color:var(--plasma-date-picker-calendar__active-item-color);--plasma-calendar-hovered-item-bg:var(--plasma-date-picker-calendar__hovered-item-background);--plasma-calendar-hovered-item-color:var(--plasma-date-picker-calendar__hovered-item-color);--plasma-calendar-range-background:var(--plasma-date-picker-calendar__range-background);--plasma-calendar-outline-focus-color:var(--plasma-date-picker-calendar__outline-focus-color);--plasma-calendar-content-primary-color:var(--plasma-date-picker-calendar__content-primary-color);--plasma-calendar-content-primary-disabled-color:var(--plasma-date-picker-calendar__content-primary-disabled-color);--plasma-calendar-content-secondary-color:var(--plasma-date-picker-calendar__content-secondary-color);--plasma-calendar-content-secondary-disabled-color:var(--plasma-date-picker-calendar__content-secondary-disabled-color);--plasma-calendar-disabled-opacity:var(--plasma-date-picker-calendar__disabled-opacity);--plasma-calendar-icon-button-color:var(--plasma-date-picker-icon-button__color);--plasma-calendar-icon-button-background:var(--plasma-date-picker-icon-button__background-color);--plasma-calendar-icon-button-color-hover:var(--plasma-date-picker-icon-button__color-hover);--plasma-calendar-icon-button-background-hover:var(--plasma-date-picker-icon-button__background-color-hover);--plasma-calendar-icon-button-color-active:var(--plasma-date-picker-icon-button__color-active);--plasma-calendar-icon-button-background-active:var(--plasma-date-picker-icon-button__background-color-active);--plasma-calendar-border-width:var(--plasma-date-picker-calendar-border-width);--plasma-calendar-border-color:var(--plasma-date-picker-calendar-border-color);--plasma-calendar-years-padding:var(--plasma-date-picker-calendar__years-padding);--plasma-calendar-year-item-border-radius:var(--plasma-date-picker-calendar__year-item-border-radius);--plasma-calendar-year-font-family:var(--plasma-date-picker-calendar__year-font-family);--plasma-calendar-year-font-size:var(--plasma-date-picker-calendar__year-font-size);--plasma-calendar-year-font-style:var(--plasma-date-picker-calendar__year-font-style);--plasma-calendar-year-font-letter-spacing:var(--plasma-date-picker-calendar__year-letter-spacing);--plasma-calendar-year-line-height:var(--plasma-date-picker-calendar__year-line-height);--plasma-calendar-year-font-weight:var(--plasma-date-picker-calendar__year-font-weight);--plasma-calendar-year-selected-font-weight:var(--plasma-date-picker-calendar__year-selected-font-weight);--plasma-calendar-months-padding:var(--plasma-date-picker-calendar__months-padding);--plasma-calendar-month-item-border-radius:var(--plasma-date-picker-calendar__month-item-border-radius);--plasma-calendar-month-font-family:var(--plasma-date-picker-calendar__month-font-family);--plasma-calendar-month-font-size:var(--plasma-date-picker-calendar__month-font-size);--plasma-calendar-month-font-style:var(--plasma-date-picker-calendar__month-font-style);--plasma-calendar-month-font-letter-spacing:var(--plasma-date-picker-calendar__month-letter-spacing);--plasma-calendar-month-line-height:var(--plasma-date-picker-calendar__month-line-height);--plasma-calendar-month-font-weight:var(--plasma-date-picker-calendar__month-font-weight);--plasma-calendar-month-selected-font-weight:var(--plasma-date-picker-calendar__month-selected-font-weight);--plasma-calendar-quarters-padding:var(--plasma-date-picker-calendar__quarters-padding);--plasma-calendar-quarter-item-border-radius:var(--plasma-date-picker-calendar__quarter-item-border-radius);--plasma-calendar-quarter-font-family:var(--plasma-date-picker-calendar__quarter-font-family);--plasma-calendar-quarter-font-size:var(--plasma-date-picker-calendar__quarter-font-size);--plasma-calendar-quarter-font-style:var(--plasma-date-picker-calendar__quarter-font-style);--plasma-calendar-quarter-font-letter-spacing:var(--plasma-date-picker-calendar__quarter-letter-spacing);--plasma-calendar-quarter-line-height:var(--plasma-date-picker-calendar__quarter-line-height);--plasma-calendar-quarter-font-weight:var(--plasma-date-picker-calendar__quarter-font-weight);--plasma-calendar-quarter-selected-font-weight:var(--plasma-date-picker-calendar__quarter-selected-font-weight);--plasma-calendar-days-padding:var(--plasma-date-picker-calendar__days-padding);--plasma-calendar-day-item-border-radius:var(--plasma-date-picker-calendar__day-item-border-radius);--plasma-calendar-day-font-family:var(--plasma-date-picker-calendar__day-font-family);--plasma-calendar-day-font-size:var(--plasma-date-picker-calendar__day-font-size);--plasma-calendar-day-font-style:var(--plasma-date-picker-calendar__day-font-style);--plasma-calendar-day-font-letter-spacing:var(--plasma-date-picker-calendar__day-letter-spacing);--plasma-calendar-day-line-height:var(--plasma-date-picker-calendar__day-line-height);--plasma-calendar-day-font-weight:var(--plasma-date-picker-calendar__day-font-weight);--plasma-calendar-day-selected-font-weight:var(--plasma-date-picker-calendar__day-selected-font-weight);--plasma-calendar-day-of-the-week-color:var(--plasma-date-picker-calendar__day-of-week-color);--plasma-calendar-event-item-bottom:var(--plasma-date-picker-calendar__event-item-bottom);--plasma-calendar-header-wrapper-padding:var(--plasma-date-picker-calendar__header-wrapper-padding);--plasma-calendar-arrow-container-gap:var(--plasma-date-picker-calendar__header-arrow-gap);--plasma-calendar-arrow-container-padding:var(--plasma-date-picker-calendar__header-arrow-padding);--plasma-calendar-header-padding:var(--plasma-date-picker-calendar__header-padding);--plasma-calendar-header-date-gap:var(--plasma-date-picker-calendar__header-date-gap);--plasma-calendar-header-font-family:var(--plasma-date-picker-calendar__header-font-family);--plasma-calendar-header-font-size:var(--plasma-date-picker-calendar__header-font-size);--plasma-calendar-header-font-style:var(--plasma-date-picker-calendar__header-font-style);--plasma-calendar-header-font-letter-spacing:var(--plasma-date-picker-calendar__header-letter-spacing);--plasma-calendar-header-line-height:var(--plasma-date-picker-calendar__header-line-height);--plasma-calendar-header-font-weight:var(--plasma-date-picker-calendar__header-font-weight);--plasma-calendar-header-font-weight-bold:var(--plasma-date-picker-calendar__header-font-weight-bold);--plasma-calendar-header-arrow-color:var(--plasma-date-picker-calendar__header-arrow-color);--plasma-calendar-arrow-custom-size:var(--plasma-date-picker-calendar__header-arrow-custom-size);--plasma-calendar-icon-button-height:var(--plasma-date-picker-icon-button__height);--plasma-calendar-icon-button-width:var(--plasma-date-picker-icon-button__width);--plasma-calendar-icon-button-padding:var(--plasma-date-picker-icon-button__padding);--plasma-calendar-icon-button-radius:var(--plasma-date-picker-icon-button__radius);--plasma-calendar-icon-button-focus-color:var(--plasma-date-picker-icon-button__focus-color);width:var(--s1rn242y-0);height:var(--s1rn242y-1);}
 
 .Price_styles_15b4mp1_bvvzdh4__4d09fd16.Price_styles_15b4mp1_stroked__4d09fd16{-webkit-text-decoration:line-through;text-decoration:line-through;}
 .Price_styles_15b4mp1_sqvsx17__4d09fd16{padding-left:0.25rem;}

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

@@ -89,6 +89,7 @@ var tokens = {
     calendarDayFontWeight: '--plasma-calendar-day-font-weight',
     calendarDaySelectedFontWeight: '--plasma-calendar-day-selected-font-weight',
     calendarDayOfWeekColor: '--plasma-calendar-day-of-the-week-color',
+    calendarEventItemBottom: '--plasma-calendar-event-item-bottom',
     /* Токены шапки календаря */ calendarHeaderWrapperPadding: '--plasma-calendar-header-wrapper-padding',
     calendarHeaderArrowGap: '--plasma-calendar-arrow-container-gap',
     calendarHeaderArrowPadding: '--plasma-calendar-arrow-container-padding',