@salutejs/plasma-new-hope 0.114.0-canary.1332.10195467656.0 → 0.115.0-canary.1335.10199765951.0

package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textfield.js","sources":["../../../../../../../src/components/Select/ui/Target/ui/Textfield/Textfield.tsx"],"sourcesContent":["import React from 'react';\n\nimport { cx, isEmpty } from '../../../../../../utils';\nimport { classes } from '../../../../Select.tokens';\nimport { sizeToIconSize } from '../../../../utils';\n\nimport { TextfieldProps, GetTextfieldLabelProps } from './Textfield.types';\nimport { Chip } from './ui';\nimport {\n    StyledButton,\n    StyledArrow,\n    Wrapper,\n    ChipWrapper,\n    TextfieldWrapper,\n    IconArrowWrapper,\n    Label,\n    Placeholder,\n    InnerLabel,\n    InnerLabelWrapper,\n    ContentLeftWrapper,\n    Value,\n} from './Textfield.styles';\n\nconst getLabel = ({\n    value,\n    isTargetAmount,\n    valueToItemMap,\n    onChipClick,\n    label,\n    placeholder,\n    focusedChipIndex,\n    labelPlacement,\n    size,\n    renderValue,\n}: GetTextfieldLabelProps) => {\n    if (isEmpty(value)) {\n        if (!label || labelPlacement === 'outer') {\n            return <Placeholder>{placeholder}</Placeholder>;\n        }\n\n        return <Label>{label}</Label>;\n    }\n\n    if (Array.isArray(value) && isTargetAmount) {\n        return <Chip text={`Выбрано: ${value.length}`} isTargetAmount={isTargetAmount} />;\n    }\n\n    if (Array.isArray(value)) {\n        return value.map((currentValue, index) => {\n            const itemLabel = valueToItemMap.get(currentValue)!.label;\n\n            return (\n                <Chip\n                    text={renderValue ? renderValue(currentValue, itemLabel) : itemLabel}\n                    onClick={(e: React.MouseEvent<HTMLElement>) => {\n                        e.stopPropagation();\n                        onChipClick(currentValue);\n                    }}\n                    focused={focusedChipIndex === index}\n                />\n            );\n        });\n    }\n\n    const itemLabel = valueToItemMap.get(value)!.label;\n\n    if (!label || labelPlacement === 'outer') {\n        return <Value>{renderValue ? renderValue(value, itemLabel) : itemLabel}</Value>;\n    }\n\n    return (\n        <InnerLabelWrapper>\n            {size !== 'xs' && <InnerLabel>{label}</InnerLabel>}\n            <Value>{renderValue ? renderValue(value, itemLabel) : itemLabel}</Value>\n        </InnerLabelWrapper>\n    );\n};\n\nexport const Textfield: React.FC<TextfieldProps> = ({\n    opened,\n    value,\n    isTargetAmount,\n    multiselect,\n    valueToItemMap,\n    onChipClick,\n    label,\n    placeholder,\n    onKeyDown,\n    focusedChipIndex,\n    labelPlacement,\n    size,\n    contentLeft,\n    disabled,\n    renderValue,\n    focusedPath,\n    focusedToValueMap,\n}) => {\n    const withArrowInverse = opened ? classes.arrowInverse : undefined;\n\n    const getActiveDescendant = () => {\n        const focusedPathAsString = focusedPath.reduce((acc, n) => `${acc}/${n}`, '').replace(/^(\\/)/, '');\n        return focusedToValueMap?.get(focusedPathAsString)?.value.toString();\n    };\n\n    return (\n        <TextfieldWrapper opened={opened} value={value}>\n            <StyledButton\n                stretching=\"filled\"\n                className={cx(\n                    classes.textfieldTarget,\n                    opened || focusedChipIndex !== null ? classes.selectWithoutBoxShadow : undefined,\n                )}\n                onKeyDown={onKeyDown}\n                disabled={disabled}\n                role=\"combobox\"\n                aria-controls=\"tree_level_1\"\n                aria-expanded={opened}\n                aria-activedescendant={getActiveDescendant()}\n                aria-label={label}\n            >\n                <Wrapper>\n                    {contentLeft && (!multiselect || isEmpty(value)) && (\n                        <ContentLeftWrapper>{contentLeft}</ContentLeftWrapper>\n                    )}\n\n                    <ChipWrapper>\n                        {getLabel({\n                            value,\n                            isTargetAmount,\n                            valueToItemMap,\n                            onChipClick,\n                            label,\n                            placeholder,\n                            focusedChipIndex,\n                            labelPlacement,\n                            size,\n                            renderValue,\n                        })}\n                    </ChipWrapper>\n\n                    <IconArrowWrapper>\n                        <StyledArrow\n                            size={sizeToIconSize(size)}\n                            color=\"inherit\"\n                            className={cx(classes.selectTargetArrow, withArrowInverse)}\n                        />\n                    </IconArrowWrapper>\n                </Wrapper>\n            </StyledButton>\n        </TextfieldWrapper>\n    );\n};\n"],"names":["getLabel","_ref","value","isTargetAmount","valueToItemMap","onChipClick","label","placeholder","focusedChipIndex","labelPlacement","size","renderValue","isEmpty","React","createElement","Placeholder","Label","Array","isArray","Chip","text","concat","length","map","currentValue","index","itemLabel","get","onClick","e","stopPropagation","focused","Value","InnerLabelWrapper","InnerLabel","Textfield","_ref2","opened","multiselect","onKeyDown","contentLeft","disabled","focusedPath","focusedToValueMap","withArrowInverse","classes","arrowInverse","undefined","getActiveDescendant","_focusedToValueMap$ge","focusedPathAsString","reduce","acc","n","replace","toString","TextfieldWrapper","StyledButton","stretching","className","cx","textfieldTarget","selectWithoutBoxShadow","role","Wrapper","ContentLeftWrapper","ChipWrapper","IconArrowWrapper","StyledArrow","sizeToIconSize","color","selectTargetArrow"],"mappings":"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"}
+{"version":3,"file":"Textfield.js","sources":["../../../../../../../src/components/Select/ui/Target/ui/Textfield/Textfield.tsx"],"sourcesContent":["import React from 'react';\n\nimport { cx, isEmpty } from '../../../../../../utils';\nimport { classes } from '../../../../Select.tokens';\nimport { sizeToIconSize } from '../../../../utils';\n\nimport { TextfieldProps, GetTextfieldLabelProps } from './Textfield.types';\nimport { Chip } from './ui';\nimport {\n    StyledButton,\n    StyledArrow,\n    Wrapper,\n    ChipWrapper,\n    TextfieldWrapper,\n    IconArrowWrapper,\n    Label,\n    Placeholder,\n    InnerLabel,\n    InnerLabelWrapper,\n    ContentLeftWrapper,\n    Value,\n} from './Textfield.styles';\n\nconst getLabel = ({\n    value,\n    isTargetAmount,\n    valueToItemMap,\n    onChipClick,\n    label,\n    placeholder,\n    focusedChipIndex,\n    labelPlacement,\n    size,\n    renderValue,\n}: GetTextfieldLabelProps) => {\n    if (isEmpty(value)) {\n        if (!label || labelPlacement === 'outer') {\n            return <Placeholder>{placeholder}</Placeholder>;\n        }\n\n        return <Label>{label}</Label>;\n    }\n\n    if (Array.isArray(value) && isTargetAmount) {\n        return <Chip text={`Выбрано: ${value.length}`} isTargetAmount={isTargetAmount} />;\n    }\n\n    if (Array.isArray(value)) {\n        return value.map((currentValue, index) => {\n            const itemLabel = valueToItemMap.get(currentValue)!.label;\n\n            return (\n                <Chip\n                    text={renderValue ? renderValue(currentValue, itemLabel) : itemLabel}\n                    onClick={(e: React.MouseEvent<HTMLElement>) => {\n                        e.stopPropagation();\n                        onChipClick(currentValue);\n                    }}\n                    focused={focusedChipIndex === index}\n                />\n            );\n        });\n    }\n\n    const itemLabel = valueToItemMap.get(value)!.label;\n\n    if (!label || labelPlacement === 'outer') {\n        return <Value>{renderValue ? renderValue(value, itemLabel) : itemLabel}</Value>;\n    }\n\n    return (\n        <InnerLabelWrapper>\n            {size !== 'xs' && <InnerLabel>{label}</InnerLabel>}\n            <Value>{renderValue ? renderValue(value, itemLabel) : itemLabel}</Value>\n        </InnerLabelWrapper>\n    );\n};\n\nexport const Textfield: React.FC<TextfieldProps> = ({\n    opened,\n    isOpen,\n    value,\n    isTargetAmount,\n    multiselect,\n    valueToItemMap,\n    onChipClick,\n    label,\n    placeholder,\n    onKeyDown,\n    focusedChipIndex,\n    labelPlacement,\n    size,\n    contentLeft,\n    disabled,\n    renderValue,\n    focusedPath,\n    focusedToValueMap,\n}) => {\n    const innerIsOpen = opened || isOpen;\n\n    const withArrowInverse = innerIsOpen ? classes.arrowInverse : undefined;\n\n    const getActiveDescendant = () => {\n        const focusedPathAsString = focusedPath.reduce((acc, n) => `${acc}/${n}`, '').replace(/^(\\/)/, '');\n        return focusedToValueMap?.get(focusedPathAsString)?.value.toString();\n    };\n\n    return (\n        <TextfieldWrapper isOpen={innerIsOpen} value={value}>\n            <StyledButton\n                stretching=\"filled\"\n                className={cx(\n                    classes.textfieldTarget,\n                    innerIsOpen || focusedChipIndex !== null ? classes.selectWithoutBoxShadow : undefined,\n                )}\n                onKeyDown={onKeyDown}\n                disabled={disabled}\n                role=\"combobox\"\n                aria-controls=\"tree_level_1\"\n                aria-expanded={innerIsOpen}\n                aria-activedescendant={getActiveDescendant()}\n                aria-label={label}\n            >\n                <Wrapper>\n                    {contentLeft && (!multiselect || isEmpty(value)) && (\n                        <ContentLeftWrapper>{contentLeft}</ContentLeftWrapper>\n                    )}\n\n                    <ChipWrapper>\n                        {getLabel({\n                            value,\n                            isTargetAmount,\n                            valueToItemMap,\n                            onChipClick,\n                            label,\n                            placeholder,\n                            focusedChipIndex,\n                            labelPlacement,\n                            size,\n                            renderValue,\n                        })}\n                    </ChipWrapper>\n\n                    <IconArrowWrapper>\n                        <StyledArrow\n                            size={sizeToIconSize(size)}\n                            color=\"inherit\"\n                            className={cx(classes.selectTargetArrow, withArrowInverse)}\n                        />\n                    </IconArrowWrapper>\n                </Wrapper>\n            </StyledButton>\n        </TextfieldWrapper>\n    );\n};\n"],"names":["getLabel","_ref","value","isTargetAmount","valueToItemMap","onChipClick","label","placeholder","focusedChipIndex","labelPlacement","size","renderValue","isEmpty","React","createElement","Placeholder","Label","Array","isArray","Chip","text","concat","length","map","currentValue","index","itemLabel","get","onClick","e","stopPropagation","focused","Value","InnerLabelWrapper","InnerLabel","Textfield","_ref2","opened","isOpen","multiselect","onKeyDown","contentLeft","disabled","focusedPath","focusedToValueMap","innerIsOpen","withArrowInverse","classes","arrowInverse","undefined","getActiveDescendant","_focusedToValueMap$ge","focusedPathAsString","reduce","acc","n","replace","toString","TextfieldWrapper","StyledButton","stretching","className","cx","textfieldTarget","selectWithoutBoxShadow","role","Wrapper","ContentLeftWrapper","ChipWrapper","IconArrowWrapper","StyledArrow","sizeToIconSize","color","selectTargetArrow"],"mappings":"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"}

package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js

@@ -17,8 +17,8 @@ var mergedButtonConfig = /*#__PURE__*/common.mergeConfig(Button$1.buttonConfig);
 var Button = /*#__PURE__*/common.component(mergedButtonConfig);
 var _exp2 = function _exp2() {
   return function (_ref) {
-    var opened = _ref.opened;
-    return opened ? "var(".concat(Select_tokens.tokens.targetTextfieldBackgroundColorOpened, ")") : "var(".concat(Select_tokens.tokens.targetTextfieldBackgroundColor, ")");
+    var isOpen = _ref.isOpen;
+    return isOpen ? "var(".concat(Select_tokens.tokens.targetTextfieldBackgroundColorOpened, ")") : "var(".concat(Select_tokens.tokens.targetTextfieldBackgroundColor, ")");
   };
 };
 var _exp3 = function _exp3() {

package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textfield.styles.js","sources":["../../../../../../../src/components/Select/ui/Target/ui/Textfield/Textfield.styles.tsx"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { isEmpty } from '../../../../../../utils';\nimport { applyEllipsis, addFocus } from '../../../../../../mixins';\nimport { IconDisclosureDownCentered } from '../../../../../_Icon';\nimport { component, mergeConfig } from '../../../../../../engines';\nimport { buttonConfig, buttonTokens } from '../../../../../Button';\nimport { tokens, classes, constants } from '../../../../Select.tokens';\nimport type { SelectProps } from '../../../../Select.types';\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedButtonConfig);\n\nexport const TextfieldWrapper = styled.div<{ opened: boolean; value: SelectProps['value'] }>`\n    display: inline;\n\n    .${classes.textfieldTarget} {\n        background: ${({ opened }) =>\n            opened\n                ? `var(${tokens.targetTextfieldBackgroundColorOpened})`\n                : `var(${tokens.targetTextfieldBackgroundColor})`};\n        padding: ${({ value }) =>\n            Array.isArray(value) && !isEmpty(value)\n                ? `0 var(${tokens.targetTextfieldChipPadding})`\n                : `0 var(${tokens.targetTextfieldPadding})`};\n    }\n\n    .${classes.selectWithoutBoxShadow}::before {\n        box-shadow: none !important;\n    }\n`;\n\nexport const StyledButton = styled(Button)`\n    ${buttonTokens.buttonColor}: var(${constants.textfieldTargetColor});\n    ${buttonTokens.buttonColorHover}: var(${constants.textfieldTargetColor});\n    ${buttonTokens.buttonColorActive}: var(${constants.textfieldTargetColor});\n    ${buttonTokens.buttonHeight}: var(${tokens.targetHeight});\n    ${buttonTokens.buttonWidth}: 100%;\n    ${buttonTokens.buttonPadding}: var(${tokens.targetTextfieldPadding});\n    ${buttonTokens.buttonRadius}: var(${tokens.borderRadius});\n    ${buttonTokens.buttonFontFamily}: var(${tokens.fontFamily});\n    ${buttonTokens.buttonFontSize}: var(${tokens.fontSize});\n    ${buttonTokens.buttonFontStyle}: var(${tokens.fontStyle});\n    ${buttonTokens.buttonFontWeight}:var(${tokens.fontWeight});\n    ${buttonTokens.buttonLetterSpacing}: var(${tokens.fontLetterSpacing});\n    ${buttonTokens.buttonLineHeight}: var(${tokens.fontLineHeight});\n    ${buttonTokens.buttonDisabledOpacity}: ${constants.opacity};\n    ${buttonTokens.buttonFocusColor}: var(${constants.focusColor});\n    box-shadow: inset 0 0 0 ${constants.textfieldBorderSize} var(${tokens.targetTextfieldBorderColor});\n\n    ${addFocus({\n        outlineOffset: constants.textfieldBorderSize,\n        outlineSize: constants.focusSize,\n        outlineRadius: `calc(var(${tokens.borderRadius}) - ${constants.textfieldBorderSize})`,\n        outlineColor: `var(${constants.focusColor})`,\n    })}\n`;\n\nexport const StyledArrow = styled(IconDisclosureDownCentered)``;\n\nexport const IconArrowWrapper = styled.div`\n    line-height: 0;\n    margin: var(${tokens.targetTextfieldArrowMargin});\n    color: var(${tokens.targetTextfieldArrowColor});\n\n    &:hover {\n        color: var(${tokens.targetTextfieldArrowColorHover});\n    }\n\n    &:active {\n        color: var(${tokens.targetTextfieldArrowColorActive});\n    }\n`;\n\nexport const Wrapper = styled.div`\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    .${classes.arrowInverse} {\n        transform: rotate(-180deg);\n    }\n`;\n\nexport const ChipWrapper = styled.div`\n    width: 100%;\n    display: flex;\n    min-width: 0;\n    padding: calc(${constants.focusSize} + var(${tokens.focusOffset}));\n    gap: 0.25rem;\n    overflow-x: scroll;\n    border-top-right-radius: var(${tokens.chipBorderRadius});\n    border-bottom-right-radius: var(${tokens.chipBorderRadius});\n\n    -ms-overflow-style: none;\n    scrollbar-width: none;\n\n    &::-webkit-scrollbar {\n        display: none;\n    }\n`;\n\nexport const Label = styled.label`\n    color: var(${constants.textfieldInnerLabelColor});\n    font-family: var(${tokens.fontFamily});\n    font-size: var(${tokens.fontSize});\n    font-style: var(${tokens.fontStyle});\n    font-weight: var(${tokens.fontWeight});\n    letter-spacing: var(${tokens.fontLetterSpacing});\n    line-height: var(${tokens.fontLineHeight});\n`;\n\nexport const Placeholder = styled.div`\n    color: var(${constants.textfieldPlaceholderColor});\n    font-family: var(${tokens.fontFamily});\n    font-size: var(${tokens.fontSize});\n    font-style: var(${tokens.fontStyle});\n    font-weight: var(${tokens.fontWeight});\n    letter-spacing: var(${tokens.fontLetterSpacing});\n    line-height: var(${tokens.fontLineHeight});\n`;\n\nexport const InnerLabelWrapper = styled.div`\n    display: flex;\n    flex-direction: column;\n    align-items: start;\n    row-gap: var(${tokens.innerLabelGap});\n    font-family: var(${tokens.fontFamily});\n    font-size: var(${tokens.fontSize});\n    font-style: var(${tokens.fontStyle});\n    font-weight: var(${tokens.fontWeight});\n    letter-spacing: var(${tokens.fontLetterSpacing});\n    line-height: var(${tokens.fontLineHeight});\n`;\n\nexport const InnerLabel = styled.label`\n    color: var(${constants.textfieldInnerLabelColor});\n    font-family: var(${constants.fontFamily});\n    font-size: var(${constants.fontSize});\n    font-style: var(${constants.fontStyle});\n    font-weight: var(${constants.fontWeight});\n    letter-spacing: var(${constants.fontLetterSpacing});\n    line-height: var(${constants.fontLineHeight});\n    text-align: left;\n`;\n\nexport const ContentLeftWrapper = styled.div`\n    flex: none;\n    margin-left: -0.125rem;\n    margin-right: 0.375rem;\n    line-height: 0;\n`;\n\nexport const Value = styled.span`\n    ${applyEllipsis()}\n`;\n"],"names":["mergedButtonConfig","mergeConfig","buttonConfig","Button","component","_exp2","_ref","opened","concat","tokens","targetTextfieldBackgroundColorOpened","targetTextfieldBackgroundColor","_exp3","_ref2","value","Array","isArray","isEmpty","targetTextfieldChipPadding","targetTextfieldPadding","TextfieldWrapper","styled","name","class","propsAsIs","vars","_exp5","StyledButton","_exp38","IconDisclosureDownCentered","StyledArrow","IconArrowWrapper","Wrapper","ChipWrapper","Label","Placeholder","InnerLabelWrapper","InnerLabel","ContentLeftWrapper","Value"],"mappings":"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"}
+{"version":3,"file":"Textfield.styles.js","sources":["../../../../../../../src/components/Select/ui/Target/ui/Textfield/Textfield.styles.tsx"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { isEmpty } from '../../../../../../utils';\nimport { applyEllipsis, addFocus } from '../../../../../../mixins';\nimport { IconDisclosureDownCentered } from '../../../../../_Icon';\nimport { component, mergeConfig } from '../../../../../../engines';\nimport { buttonConfig, buttonTokens } from '../../../../../Button';\nimport { tokens, classes, constants } from '../../../../Select.tokens';\nimport type { SelectProps } from '../../../../Select.types';\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedButtonConfig);\n\nexport const TextfieldWrapper = styled.div<{ isOpen: boolean; value: SelectProps['value'] }>`\n    display: inline;\n\n    .${classes.textfieldTarget} {\n        background: ${({ isOpen }) =>\n            isOpen\n                ? `var(${tokens.targetTextfieldBackgroundColorOpened})`\n                : `var(${tokens.targetTextfieldBackgroundColor})`};\n        padding: ${({ value }) =>\n            Array.isArray(value) && !isEmpty(value)\n                ? `0 var(${tokens.targetTextfieldChipPadding})`\n                : `0 var(${tokens.targetTextfieldPadding})`};\n    }\n\n    .${classes.selectWithoutBoxShadow}::before {\n        box-shadow: none !important;\n    }\n`;\n\nexport const StyledButton = styled(Button)`\n    ${buttonTokens.buttonColor}: var(${constants.textfieldTargetColor});\n    ${buttonTokens.buttonColorHover}: var(${constants.textfieldTargetColor});\n    ${buttonTokens.buttonColorActive}: var(${constants.textfieldTargetColor});\n    ${buttonTokens.buttonHeight}: var(${tokens.targetHeight});\n    ${buttonTokens.buttonWidth}: 100%;\n    ${buttonTokens.buttonPadding}: var(${tokens.targetTextfieldPadding});\n    ${buttonTokens.buttonRadius}: var(${tokens.borderRadius});\n    ${buttonTokens.buttonFontFamily}: var(${tokens.fontFamily});\n    ${buttonTokens.buttonFontSize}: var(${tokens.fontSize});\n    ${buttonTokens.buttonFontStyle}: var(${tokens.fontStyle});\n    ${buttonTokens.buttonFontWeight}:var(${tokens.fontWeight});\n    ${buttonTokens.buttonLetterSpacing}: var(${tokens.fontLetterSpacing});\n    ${buttonTokens.buttonLineHeight}: var(${tokens.fontLineHeight});\n    ${buttonTokens.buttonDisabledOpacity}: ${constants.opacity};\n    ${buttonTokens.buttonFocusColor}: var(${constants.focusColor});\n    box-shadow: inset 0 0 0 ${constants.textfieldBorderSize} var(${tokens.targetTextfieldBorderColor});\n\n    ${addFocus({\n        outlineOffset: constants.textfieldBorderSize,\n        outlineSize: constants.focusSize,\n        outlineRadius: `calc(var(${tokens.borderRadius}) - ${constants.textfieldBorderSize})`,\n        outlineColor: `var(${constants.focusColor})`,\n    })}\n`;\n\nexport const StyledArrow = styled(IconDisclosureDownCentered)``;\n\nexport const IconArrowWrapper = styled.div`\n    line-height: 0;\n    margin: var(${tokens.targetTextfieldArrowMargin});\n    color: var(${tokens.targetTextfieldArrowColor});\n\n    &:hover {\n        color: var(${tokens.targetTextfieldArrowColorHover});\n    }\n\n    &:active {\n        color: var(${tokens.targetTextfieldArrowColorActive});\n    }\n`;\n\nexport const Wrapper = styled.div`\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    .${classes.arrowInverse} {\n        transform: rotate(-180deg);\n    }\n`;\n\nexport const ChipWrapper = styled.div`\n    width: 100%;\n    display: flex;\n    min-width: 0;\n    padding: calc(${constants.focusSize} + var(${tokens.focusOffset}));\n    gap: 0.25rem;\n    overflow-x: scroll;\n    border-top-right-radius: var(${tokens.chipBorderRadius});\n    border-bottom-right-radius: var(${tokens.chipBorderRadius});\n\n    -ms-overflow-style: none;\n    scrollbar-width: none;\n\n    &::-webkit-scrollbar {\n        display: none;\n    }\n`;\n\nexport const Label = styled.label`\n    color: var(${constants.textfieldInnerLabelColor});\n    font-family: var(${tokens.fontFamily});\n    font-size: var(${tokens.fontSize});\n    font-style: var(${tokens.fontStyle});\n    font-weight: var(${tokens.fontWeight});\n    letter-spacing: var(${tokens.fontLetterSpacing});\n    line-height: var(${tokens.fontLineHeight});\n`;\n\nexport const Placeholder = styled.div`\n    color: var(${constants.textfieldPlaceholderColor});\n    font-family: var(${tokens.fontFamily});\n    font-size: var(${tokens.fontSize});\n    font-style: var(${tokens.fontStyle});\n    font-weight: var(${tokens.fontWeight});\n    letter-spacing: var(${tokens.fontLetterSpacing});\n    line-height: var(${tokens.fontLineHeight});\n`;\n\nexport const InnerLabelWrapper = styled.div`\n    display: flex;\n    flex-direction: column;\n    align-items: start;\n    row-gap: var(${tokens.innerLabelGap});\n    font-family: var(${tokens.fontFamily});\n    font-size: var(${tokens.fontSize});\n    font-style: var(${tokens.fontStyle});\n    font-weight: var(${tokens.fontWeight});\n    letter-spacing: var(${tokens.fontLetterSpacing});\n    line-height: var(${tokens.fontLineHeight});\n`;\n\nexport const InnerLabel = styled.label`\n    color: var(${constants.textfieldInnerLabelColor});\n    font-family: var(${constants.fontFamily});\n    font-size: var(${constants.fontSize});\n    font-style: var(${constants.fontStyle});\n    font-weight: var(${constants.fontWeight});\n    letter-spacing: var(${constants.fontLetterSpacing});\n    line-height: var(${constants.fontLineHeight});\n    text-align: left;\n`;\n\nexport const ContentLeftWrapper = styled.div`\n    flex: none;\n    margin-left: -0.125rem;\n    margin-right: 0.375rem;\n    line-height: 0;\n`;\n\nexport const Value = styled.span`\n    ${applyEllipsis()}\n`;\n"],"names":["mergedButtonConfig","mergeConfig","buttonConfig","Button","component","_exp2","_ref","isOpen","concat","tokens","targetTextfieldBackgroundColorOpened","targetTextfieldBackgroundColor","_exp3","_ref2","value","Array","isArray","isEmpty","targetTextfieldChipPadding","targetTextfieldPadding","TextfieldWrapper","styled","name","class","propsAsIs","vars","_exp5","StyledButton","_exp38","IconDisclosureDownCentered","StyledArrow","IconArrowWrapper","Wrapper","ChipWrapper","Label","Placeholder","InnerLabelWrapper","InnerLabel","ContentLeftWrapper","Value"],"mappings":"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"}

package/cjs/components/Sheet/Sheet.js

@@ -13,7 +13,7 @@ var Sheet_styles = require('./Sheet.styles.js');
 var base = require('./variations/_view/base.js');
 var index$1 = require('./utils/index.js');
 
-var _excluded = ["opened", "children", "onClose", "hasHandle", "contentHeader", "isHeaderFixed", "contentFooter", "isFooterFixed", "withOverlay", "withBlur", "withTransition", "throttleMs", "className", "view"];
+var _excluded = ["opened", "isOpen", "children", "onClose", "hasHandle", "contentHeader", "isHeaderFixed", "contentFooter", "isFooterFixed", "withOverlay", "withBlur", "withTransition", "throttleMs", "className", "view"];
 
 /**
  * Открывает окно-шторку поверх основного экрана.
@@ -22,6 +22,7 @@ var _excluded = ["opened", "children", "onClose", "hasHandle", "contentHeader",
 var sheetRoot = function sheetRoot(Root) {
   return /*#__PURE__*/React.forwardRef(function (_ref, rootRef) {
     var opened = _ref.opened,
+      isOpen = _ref.isOpen,
       children = _ref.children,
       onClose = _ref.onClose,
       _ref$hasHandle = _ref.hasHandle,
@@ -42,11 +43,12 @@ var sheetRoot = function sheetRoot(Root) {
       className = _ref.className,
       view = _ref.view,
       restProps = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+    var innerIsOpen = opened || isOpen;
     var contentWrapperRef = React.useRef(null);
     var contentRef = React.useRef(null);
     var handleRef = React.useRef(null);
     useOverflow.useOverflow({
-      opened: opened
+      isOpen: innerIsOpen
     });
     useSheetSwipe.useSheetSwipe({
       contentWrapperRef: contentWrapperRef,
@@ -57,15 +59,15 @@ var sheetRoot = function sheetRoot(Root) {
     });
     var hasHeader = Boolean(contentHeader);
     var hasFooter = Boolean(contentFooter);
-    var closedClass = opened ? undefined : "".concat(Sheet_tokens.classes.closed);
+    var closedClass = innerIsOpen ? undefined : "".concat(Sheet_tokens.classes.closed);
     var overlayBackgroundToken = withBlur ? "var(".concat(Sheet_tokens.tokens.sheetOverlayWithBlurColor, ")") : "var(".concat(Sheet_tokens.tokens.sheetOverlayColor, ")");
     return /*#__PURE__*/React.createElement(Root, {
-      opened: opened,
+      isOpen: innerIsOpen,
       onClose: onClose,
       view: view,
       ref: rootRef
     }, /*#__PURE__*/React.createElement(Sheet_styles.StyledContentWrapper, _rollupPluginBabelHelpers.extends({
-      opened: opened,
+      isOpen: innerIsOpen,
       withTransition: withTransition,
       className: index.cx(closedClass, className),
       ref: contentWrapperRef
@@ -79,7 +81,7 @@ var sheetRoot = function sheetRoot(Root) {
       isHeaderFixed: isHeaderFixed
     }, contentHeader), /*#__PURE__*/React.createElement(Sheet_styles.StyledSheetBody, null, children), hasFooter && /*#__PURE__*/React.createElement(Sheet_styles.StyledSheetFooter, {
       isFooterFixed: isFooterFixed
-    }, contentFooter))), withOverlay && opened && /*#__PURE__*/React.createElement(Overlay.Overlay, {
+    }, contentFooter))), withOverlay && innerIsOpen && /*#__PURE__*/React.createElement(Overlay.Overlay, {
       zIndex: index$1.DEFAULT_Z_INDEX,
       backgroundColorProperty: overlayBackgroundToken,
       withBlur: withBlur,

package/cjs/components/Sheet/Sheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sheet.js","sources":["../../../src/components/Sheet/Sheet.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { Overlay } from '../Overlay';\nimport { cx } from '../../utils';\n\nimport { SheetProps } from './Sheet.types';\nimport { useOverflow, useSheetSwipe } from './hooks';\nimport { classes, tokens } from './Sheet.tokens';\nimport {\n    StyledContentWrapper,\n    StyledSheetBody,\n    StyledSheetContent,\n    StyledSheetFooter,\n    StyledSheetHandle,\n    StyledSheetHeader,\n} from './Sheet.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { DEFAULT_Z_INDEX } from './utils';\n\n/**\n * Открывает окно-шторку поверх основного экрана.\n */\n\nexport const sheetRoot = (Root: RootProps<HTMLDivElement, SheetProps>) =>\n    forwardRef<HTMLDivElement, SheetProps>(\n        (\n            {\n                opened,\n                children,\n                onClose,\n                hasHandle = true,\n                contentHeader,\n                isHeaderFixed = false,\n                contentFooter,\n                isFooterFixed = false,\n                withOverlay = true,\n                withBlur = false,\n                withTransition = true,\n                throttleMs,\n                className,\n                view,\n                ...restProps\n            },\n            rootRef,\n        ) => {\n            const contentWrapperRef = useRef<HTMLDivElement>(null);\n            const contentRef = useRef<HTMLDivElement>(null);\n            const handleRef = useRef<HTMLDivElement>(null);\n\n            useOverflow({ opened });\n            useSheetSwipe({ contentWrapperRef, contentRef, handleRef, throttleMs, onClose });\n\n            const hasHeader = Boolean(contentHeader);\n            const hasFooter = Boolean(contentFooter);\n\n            const closedClass = opened ? undefined : `${classes.closed}`;\n\n            const overlayBackgroundToken = withBlur\n                ? `var(${tokens.sheetOverlayWithBlurColor})`\n                : `var(${tokens.sheetOverlayColor})`;\n\n            return (\n                <Root opened={opened} onClose={onClose} view={view} ref={rootRef}>\n                    <StyledContentWrapper\n                        opened={opened}\n                        withTransition={withTransition}\n                        className={cx(closedClass, className)}\n                        ref={contentWrapperRef}\n                        {...restProps}\n                    >\n                        {hasHandle && <StyledSheetHandle ref={handleRef} />}\n                        <StyledSheetContent hasHeader={hasHeader} hasFooter={hasFooter} ref={contentRef}>\n                            {hasHeader && (\n                                <StyledSheetHeader isHeaderFixed={isHeaderFixed}>{contentHeader}</StyledSheetHeader>\n                            )}\n                            <StyledSheetBody>{children}</StyledSheetBody>\n                            {hasFooter && (\n                                <StyledSheetFooter isFooterFixed={isFooterFixed}>{contentFooter}</StyledSheetFooter>\n                            )}\n                        </StyledSheetContent>\n                    </StyledContentWrapper>\n                    {withOverlay && opened && (\n                        <Overlay\n                            zIndex={DEFAULT_Z_INDEX}\n                            backgroundColorProperty={overlayBackgroundToken}\n                            withBlur={withBlur}\n                            isClickable\n                            onOverlayClick={onClose}\n                        />\n                    )}\n                </Root>\n            );\n        },\n    );\n\nexport const sheetConfig = {\n    name: 'Sheet',\n    tag: 'div',\n    layout: sheetRoot,\n    base: '',\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n    },\n};\n"],"names":["sheetRoot","Root","forwardRef","_ref","rootRef","opened","children","onClose","_ref$hasHandle","hasHandle","contentHeader","_ref$isHeaderFixed","isHeaderFixed","contentFooter","_ref$isFooterFixed","isFooterFixed","_ref$withOverlay","withOverlay","_ref$withBlur","withBlur","_ref$withTransition","withTransition","throttleMs","className","view","restProps","_objectWithoutProperties","_excluded","contentWrapperRef","useRef","contentRef","handleRef","useOverflow","useSheetSwipe","hasHeader","Boolean","hasFooter","closedClass","undefined","concat","classes","closed","overlayBackgroundToken","tokens","sheetOverlayWithBlurColor","sheetOverlayColor","React","createElement","ref","StyledContentWrapper","_extends","cx","StyledSheetHandle","StyledSheetContent","StyledSheetHeader","StyledSheetBody","StyledSheetFooter","Overlay","zIndex","DEFAULT_Z_INDEX","backgroundColorProperty","isClickable","onOverlayClick","sheetConfig","name","tag","layout","base","variations","css","viewCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Sheet.js","sources":["../../../src/components/Sheet/Sheet.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { Overlay } from '../Overlay';\nimport { cx } from '../../utils';\n\nimport { SheetProps } from './Sheet.types';\nimport { useOverflow, useSheetSwipe } from './hooks';\nimport { classes, tokens } from './Sheet.tokens';\nimport {\n    StyledContentWrapper,\n    StyledSheetBody,\n    StyledSheetContent,\n    StyledSheetFooter,\n    StyledSheetHandle,\n    StyledSheetHeader,\n} from './Sheet.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { DEFAULT_Z_INDEX } from './utils';\n\n/**\n * Открывает окно-шторку поверх основного экрана.\n */\n\nexport const sheetRoot = (Root: RootProps<HTMLDivElement, SheetProps>) =>\n    forwardRef<HTMLDivElement, SheetProps>(\n        (\n            {\n                opened,\n                isOpen,\n                children,\n                onClose,\n                hasHandle = true,\n                contentHeader,\n                isHeaderFixed = false,\n                contentFooter,\n                isFooterFixed = false,\n                withOverlay = true,\n                withBlur = false,\n                withTransition = true,\n                throttleMs,\n                className,\n                view,\n                ...restProps\n            },\n            rootRef,\n        ) => {\n            const innerIsOpen = opened || isOpen;\n\n            const contentWrapperRef = useRef<HTMLDivElement>(null);\n            const contentRef = useRef<HTMLDivElement>(null);\n            const handleRef = useRef<HTMLDivElement>(null);\n\n            useOverflow({ isOpen: innerIsOpen });\n            useSheetSwipe({ contentWrapperRef, contentRef, handleRef, throttleMs, onClose });\n\n            const hasHeader = Boolean(contentHeader);\n            const hasFooter = Boolean(contentFooter);\n\n            const closedClass = innerIsOpen ? undefined : `${classes.closed}`;\n\n            const overlayBackgroundToken = withBlur\n                ? `var(${tokens.sheetOverlayWithBlurColor})`\n                : `var(${tokens.sheetOverlayColor})`;\n\n            return (\n                <Root isOpen={innerIsOpen} onClose={onClose} view={view} ref={rootRef}>\n                    <StyledContentWrapper\n                        isOpen={innerIsOpen}\n                        withTransition={withTransition}\n                        className={cx(closedClass, className)}\n                        ref={contentWrapperRef}\n                        {...restProps}\n                    >\n                        {hasHandle && <StyledSheetHandle ref={handleRef} />}\n                        <StyledSheetContent hasHeader={hasHeader} hasFooter={hasFooter} ref={contentRef}>\n                            {hasHeader && (\n                                <StyledSheetHeader isHeaderFixed={isHeaderFixed}>{contentHeader}</StyledSheetHeader>\n                            )}\n                            <StyledSheetBody>{children}</StyledSheetBody>\n                            {hasFooter && (\n                                <StyledSheetFooter isFooterFixed={isFooterFixed}>{contentFooter}</StyledSheetFooter>\n                            )}\n                        </StyledSheetContent>\n                    </StyledContentWrapper>\n                    {withOverlay && innerIsOpen && (\n                        <Overlay\n                            zIndex={DEFAULT_Z_INDEX}\n                            backgroundColorProperty={overlayBackgroundToken}\n                            withBlur={withBlur}\n                            isClickable\n                            onOverlayClick={onClose}\n                        />\n                    )}\n                </Root>\n            );\n        },\n    );\n\nexport const sheetConfig = {\n    name: 'Sheet',\n    tag: 'div',\n    layout: sheetRoot,\n    base: '',\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n    },\n};\n"],"names":["sheetRoot","Root","forwardRef","_ref","rootRef","opened","isOpen","children","onClose","_ref$hasHandle","hasHandle","contentHeader","_ref$isHeaderFixed","isHeaderFixed","contentFooter","_ref$isFooterFixed","isFooterFixed","_ref$withOverlay","withOverlay","_ref$withBlur","withBlur","_ref$withTransition","withTransition","throttleMs","className","view","restProps","_objectWithoutProperties","_excluded","innerIsOpen","contentWrapperRef","useRef","contentRef","handleRef","useOverflow","useSheetSwipe","hasHeader","Boolean","hasFooter","closedClass","undefined","concat","classes","closed","overlayBackgroundToken","tokens","sheetOverlayWithBlurColor","sheetOverlayColor","React","createElement","ref","StyledContentWrapper","_extends","cx","StyledSheetHandle","StyledSheetContent","StyledSheetHeader","StyledSheetBody","StyledSheetFooter","Overlay","zIndex","DEFAULT_Z_INDEX","backgroundColorProperty","isClickable","onOverlayClick","sheetConfig","name","tag","layout","base","variations","css","viewCSS","defaults"],"mappings":"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"}

package/cjs/components/Sheet/hooks/useOverflow.js

@@ -5,18 +5,18 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 
 var useOverflow = function useOverflow(_ref) {
-  var opened = _ref.opened;
+  var isOpen = _ref.isOpen;
   var overflow = React.useRef(document.body.style.overflowY);
 
   // linaria не поддерживает динамический global
   React.useEffect(function () {
-    if (opened) {
+    if (isOpen) {
       overflow.current = document.body.style.overflowY;
       document.body.style.overflowY = 'hidden';
       return;
     }
     document.body.style.overflowY = overflow.current;
-  }, [opened]);
+  }, [isOpen]);
 };
 
 exports.useOverflow = useOverflow;

package/cjs/components/Sheet/hooks/useOverflow.js.map

@@ -1 +1 @@
-{"version":3,"file":"useOverflow.js","sources":["../../../../src/components/Sheet/hooks/useOverflow.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nimport { SheetHookArgs } from '../Sheet.types';\n\nexport const useOverflow = ({ opened }: SheetHookArgs) => {\n    const overflow = useRef<string>(document.body.style.overflowY);\n\n    // linaria не поддерживает динамический global\n    useEffect(() => {\n        if (opened) {\n            overflow.current = document.body.style.overflowY;\n            document.body.style.overflowY = 'hidden';\n            return;\n        }\n\n        document.body.style.overflowY = overflow.current;\n    }, [opened]);\n};\n"],"names":["useOverflow","_ref","opened","overflow","useRef","document","body","style","overflowY","useEffect","current"],"mappings":";;;;;;IAIaA,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAAkC;AAAA,EAAA,IAA5BC,MAAM,GAAAD,IAAA,CAANC,MAAM,CAAA;EAChC,IAAMC,QAAQ,GAAGC,YAAM,CAASC,QAAQ,CAACC,IAAI,CAACC,KAAK,CAACC,SAAS,CAAC,CAAA;;AAE9D;AACAC,EAAAA,eAAS,CAAC,YAAM;AACZ,IAAA,IAAIP,MAAM,EAAE;MACRC,QAAQ,CAACO,OAAO,GAAGL,QAAQ,CAACC,IAAI,CAACC,KAAK,CAACC,SAAS,CAAA;AAChDH,MAAAA,QAAQ,CAACC,IAAI,CAACC,KAAK,CAACC,SAAS,GAAG,QAAQ,CAAA;AACxC,MAAA,OAAA;AACJ,KAAA;IAEAH,QAAQ,CAACC,IAAI,CAACC,KAAK,CAACC,SAAS,GAAGL,QAAQ,CAACO,OAAO,CAAA;AACpD,GAAC,EAAE,CAACR,MAAM,CAAC,CAAC,CAAA;AAChB;;;;"}
+{"version":3,"file":"useOverflow.js","sources":["../../../../src/components/Sheet/hooks/useOverflow.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nimport { SheetHookArgs } from '../Sheet.types';\n\nexport const useOverflow = ({ isOpen }: SheetHookArgs) => {\n    const overflow = useRef<string>(document.body.style.overflowY);\n\n    // linaria не поддерживает динамический global\n    useEffect(() => {\n        if (isOpen) {\n            overflow.current = document.body.style.overflowY;\n            document.body.style.overflowY = 'hidden';\n            return;\n        }\n\n        document.body.style.overflowY = overflow.current;\n    }, [isOpen]);\n};\n"],"names":["useOverflow","_ref","isOpen","overflow","useRef","document","body","style","overflowY","useEffect","current"],"mappings":";;;;;;IAIaA,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAAkC;AAAA,EAAA,IAA5BC,MAAM,GAAAD,IAAA,CAANC,MAAM,CAAA;EAChC,IAAMC,QAAQ,GAAGC,YAAM,CAASC,QAAQ,CAACC,IAAI,CAACC,KAAK,CAACC,SAAS,CAAC,CAAA;;AAE9D;AACAC,EAAAA,eAAS,CAAC,YAAM;AACZ,IAAA,IAAIP,MAAM,EAAE;MACRC,QAAQ,CAACO,OAAO,GAAGL,QAAQ,CAACC,IAAI,CAACC,KAAK,CAACC,SAAS,CAAA;AAChDH,MAAAA,QAAQ,CAACC,IAAI,CAACC,KAAK,CAACC,SAAS,GAAG,QAAQ,CAAA;AACxC,MAAA,OAAA;AACJ,KAAA;IAEAH,QAAQ,CAACC,IAAI,CAACC,KAAK,CAACC,SAAS,GAAGL,QAAQ,CAACO,OAAO,CAAA;AACpD,GAAC,EAAE,CAACR,MAAM,CAAC,CAAC,CAAA;AAChB;;;;"}

package/cjs/components/Sheet/utils/handleTransition.js.map

@@ -1 +1 @@
-{"version":3,"file":"handleTransition.js","sources":["../../../../src/components/Sheet/utils/handleTransition.ts"],"sourcesContent":["import { CommonProps } from '../Sheet.types';\n\ntype HandleTransitionProps = Omit<CommonProps, 'opened'>;\n\nexport const handleTransition = (transition: string) => (props: HandleTransitionProps): string => {\n    const { withTransition } = props;\n\n    return !withTransition ? 'unset' : transition;\n};\n"],"names":["handleTransition","transition","props","withTransition"],"mappings":";;;;IAIaA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,UAAkB,EAAA;EAAA,OAAK,UAACC,KAA4B,EAAa;AAC9F,IAAA,IAAQC,cAAc,GAAKD,KAAK,CAAxBC,cAAc,CAAA;AAEtB,IAAA,OAAO,CAACA,cAAc,GAAG,OAAO,GAAGF,UAAU,CAAA;GAChD,CAAA;AAAA;;;;"}
+{"version":3,"file":"handleTransition.js","sources":["../../../../src/components/Sheet/utils/handleTransition.ts"],"sourcesContent":["import { CommonProps } from '../Sheet.types';\n\ntype HandleTransitionProps = Omit<CommonProps, 'isOpen'>;\n\nexport const handleTransition = (transition: string) => (props: HandleTransitionProps): string => {\n    const { withTransition } = props;\n\n    return !withTransition ? 'unset' : transition;\n};\n"],"names":["handleTransition","transition","props","withTransition"],"mappings":";;;;IAIaA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,UAAkB,EAAA;EAAA,OAAK,UAACC,KAA4B,EAAa;AAC9F,IAAA,IAAQC,cAAc,GAAKD,KAAK,CAAxBC,cAAc,CAAA;AAEtB,IAAA,OAAO,CAACA,cAAc,GAAG,OAAO,GAAGF,UAAU,CAAA;GAChD,CAAA;AAAA;;;;"}

package/cjs/index.css

@@ -601,9 +601,9 @@
 
 .Accordion_styles_rsiff6_bjv6ypd__465a9c67{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-accordion-gap);-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;height:auto;background:var(--plasma-accordion-background);}.Accordion_styles_rsiff6_bjv6ypd__465a9c67.Accordion_styles_rsiff6_accordionStretchingFixed__465a9c67{width:var(--plasma-accordion-width);}.Accordion_styles_rsiff6_bjv6ypd__465a9c67.Accordion_styles_rsiff6_accordionStretchingFilled__465a9c67{width:100%;}
 
-.DatePickerBase_styles_1whkrlf_s1ywkx25__0de2a50c{width:var(--plasma-date-picker-width);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);--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-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-secondary-color:var(--plasma-date-picker-calendar__content-secondary-color);--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-width:var(--plasma-date-picker-calendar-width);--plasma-calendar-height:var(--plasma-date-picker-calendar-height);--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-item-width:var(--plasma-date-picker-calendar__year-item-width);--plasma-calendar-year-item-height:var(--plasma-date-picker-calendar__year-item-height);--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-item-width:var(--plasma-date-picker-calendar__month-item-width);--plasma-calendar-month-item-height:var(--plasma-date-picker-calendar__month-item-height);--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-item-width:var(--plasma-date-picker-calendar__quarter-item-width);--plasma-calendar-quarter-item-height:var(--plasma-date-picker-calendar__quarter-item-height);--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-item-width:var(--plasma-date-picker-calendar__day-item-width);--plasma-calendar-day-item-height:var(--plasma-date-picker-calendar__day-item-height);--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-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-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);}
+.DatePickerBase_styles_192va2p_s1ywkx25__54f0dcc0{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);--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-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-secondary-color:var(--plasma-date-picker-calendar__content-secondary-color);--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-width:var(--plasma-date-picker-calendar-width);--plasma-calendar-height:var(--plasma-date-picker-calendar-height);--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-item-width:var(--plasma-date-picker-calendar__year-item-width);--plasma-calendar-year-item-height:var(--plasma-date-picker-calendar__year-item-height);--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-item-width:var(--plasma-date-picker-calendar__month-item-width);--plasma-calendar-month-item-height:var(--plasma-date-picker-calendar__month-item-height);--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-item-width:var(--plasma-date-picker-calendar__quarter-item-width);--plasma-calendar-quarter-item-height:var(--plasma-date-picker-calendar__quarter-item-height);--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-item-width:var(--plasma-date-picker-calendar__day-item-width);--plasma-calendar-day-item-height:var(--plasma-date-picker-calendar__day-item-height);--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-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-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);}
 
-.base_g7zrur_bjvjzuw__a2d99c62 .base_g7zrur_svfqi8__a2d99c62{margin:var(--plasma-date-picker__label-offset);font-family:var(--plasma-date-picker__label-font-family);font-size:var(--plasma-date-picker__label-font-size);font-style:var(--plasma-date-picker__label-font-style);font-weight:var(--plasma-date-picker__label-font-weight);-webkit-letter-spacing:var(--plasma-date-picker__label-letter-spacing);-moz-letter-spacing:var(--plasma-date-picker__label-letter-spacing);-ms-letter-spacing:var(--plasma-date-picker__label-letter-spacing);letter-spacing:var(--plasma-date-picker__label-letter-spacing);line-height:var(--plasma-date-picker__label-line-height);}.base_g7zrur_bjvjzuw__a2d99c62 .base_g7zrur_l5dd1qs__a2d99c62{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);}
+.base_lf7y25_bjvjzuw__c1098ff4{width:var(--plasma-date-picker-width);}.base_lf7y25_bjvjzuw__c1098ff4 .base_lf7y25_svfqi8__c1098ff4{margin:var(--plasma-date-picker__label-offset);font-family:var(--plasma-date-picker__label-font-family);font-size:var(--plasma-date-picker__label-font-size);font-style:var(--plasma-date-picker__label-font-style);font-weight:var(--plasma-date-picker__label-font-weight);-webkit-letter-spacing:var(--plasma-date-picker__label-letter-spacing);-moz-letter-spacing:var(--plasma-date-picker__label-letter-spacing);-ms-letter-spacing:var(--plasma-date-picker__label-letter-spacing);letter-spacing:var(--plasma-date-picker__label-letter-spacing);line-height:var(--plasma-date-picker__label-line-height);}.base_lf7y25_bjvjzuw__c1098ff4 .base_lf7y25_l5dd1qs__c1098ff4{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);}
 
 .base_15vaheb_bgt8q06__7d0ca642 .base_15vaheb_svfqi8__7d0ca642{display:block;color:var(--plasma-date-picker__label-color);}.base_15vaheb_bgt8q06__7d0ca642 .base_15vaheb_l5dd1qs__7d0ca642{color:var(--plasma-date-picker__left-helper-color);}
 
@@ -612,8 +612,8 @@
 .base_1jucwp_b160pc19__2f1aa288[readonly]{cursor:default;}.base_1jucwp_b160pc19__2f1aa288[readonly] .base_1jucwp_svfqi8__2f1aa288{display:block;color:var(--plasma-date-picker__label-color-readonly);}.base_1jucwp_b160pc19__2f1aa288[readonly] .base_1jucwp_l5dd1qs__2f1aa288{color:var(--plasma-date-picker__left-helper-color-readonly);}
 
 
-.SingleDate_styles_qt45m5_s15omatb__8a7c51cd{width:100%;--plasma-textfield-color:var(--plasma-date-picker-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-date-picker-textfield-placeholder-color);--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-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-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__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);}.SingleDate_styles_qt45m5_s15omatb__8a7c51cd.SingleDate_styles_qt45m5_datePickerError__8a7c51cd{--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_qt45m5_s15omatb__8a7c51cd.SingleDate_styles_qt45m5_datePickerSuccess__8a7c51cd{--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_qt45m5_boba7w3__8a7c51cd{display:inline-block;}.SingleDate_styles_qt45m5_boba7w3__8a7c51cd .SingleDate_styles_qt45m5_popoverWrapper__8a7c51cd,.SingleDate_styles_qt45m5_boba7w3__8a7c51cd .SingleDate_styles_qt45m5_popoverTarget__8a7c51cd{width:inherit;}
+.SingleDate_styles_18z9fw1_s15omatb__5966bc9e{--plasma-textfield-color:var(--plasma-date-picker-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-date-picker-textfield-placeholder-color);--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-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-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__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);}.SingleDate_styles_18z9fw1_s15omatb__5966bc9e.SingleDate_styles_18z9fw1_datePickerError__5966bc9e{--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_18z9fw1_s15omatb__5966bc9e.SingleDate_styles_18z9fw1_datePickerSuccess__5966bc9e{--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_18z9fw1_boba7w3__5966bc9e{display:inline-block;}
 
 
 

package/emotion/cjs/components/Combobox/Combobox.js

@@ -15,7 +15,7 @@ var _base = /*#__PURE__*/require("./variations/_view/base");
 var _base2 = /*#__PURE__*/require("./variations/_size/base");
 var _ui = /*#__PURE__*/require("./ui");
 var _Combobox = /*#__PURE__*/require("./Combobox.styles");
-var _excluded = ["name", "form", "readOnly", "disabled", "label", "placeholder", "id", "children", "role", "view", "size", "frame", "usePortal", "negativeResultContent", "enumerationType", "opened", "placement", "onToggle", "onKeyDown", "filterFunction"];
+var _excluded = ["name", "form", "readOnly", "disabled", "label", "placeholder", "id", "children", "role", "view", "size", "frame", "usePortal", "negativeResultContent", "enumerationType", "opened", "isOpen", "placement", "onToggle", "onKeyDown", "filterFunction"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -52,12 +52,15 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
       enumerationType = _ref$enumerationType === void 0 ? 'comma' : _ref$enumerationType,
       _ref$opened = _ref.opened,
       opened = _ref$opened === void 0 ? false : _ref$opened,
+      _ref$isOpen = _ref.isOpen,
+      isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
       _ref$placement = _ref.placement,
       placement = _ref$placement === void 0 ? 'bottom' : _ref$placement,
       onToggle = _ref.onToggle,
       onKeyDown = _ref.onKeyDown,
       filterFunction = _ref.filterFunction,
       rest = _objectWithoutProperties(_ref, _excluded);
+    var innerIsOpen = opened || isOpen;
     var forceUpdate = (0, _hooks.useForceUpdate)();
     var uniqId = (0, _plasmaCore.safeUseId)();
     var innerId = id || uniqId;
@@ -82,10 +85,10 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
       itemsRefs: itemsRefs,
       inputRef: inputRef
     };
-    var _useState3 = (0, _react.useState)(opened),
+    var _useState3 = (0, _react.useState)(innerIsOpen),
       _useState4 = _slicedToArray(_useState3, 2),
-      innerOpened = _useState4[0],
-      setInnerOpened = _useState4[1];
+      isVisible = _useState4[0],
+      setIsVisible = _useState4[1];
     var _useState5 = (0, _react.useState)(''),
       _useState6 = _slicedToArray(_useState5, 2),
       search = _useState6[0],
@@ -108,11 +111,11 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
       if (disabled || readOnly) {
         return;
       }
-      setInnerOpened(opened);
-    }, [opened, disabled, readOnly]);
+      setIsVisible(innerIsOpen);
+    }, [innerIsOpen, disabled, readOnly]);
     (0, _react.useEffect)(function () {
       // INFO: Для кейсов, когда значение выбрано и нужно вывести весь список
-      if (opened) {
+      if (innerIsOpen) {
         setFilterValue('');
       }
     }, []);
@@ -122,14 +125,14 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
       }
 
       // INFO: Для кейсов, когда значение выбрано и нужно вывести весь список
-      if (!innerOpened) {
+      if (!isVisible) {
         setFilterValue('');
       }
       if (onToggle) {
         onToggle(openValue, event);
         return;
       }
-      setInnerOpened(openValue);
+      setIsVisible(openValue);
     };
     var closedWithoutChanges = (0, _react.useRef)(true);
     var updateValue = function updateValue(item, event) {
@@ -161,7 +164,7 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
     };
     var _useKeyNavigation = (0, _hooks2.useKeyNavigation)({
         controlledRefs: controlledRefs,
-        opened: innerOpened,
+        opened: isVisible,
         enumerationType: enumerationType,
         valueType: valueType,
         componentType: 'combobox',
@@ -181,7 +184,7 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
     var onSearch = function onSearch(newSearch, newOpened) {
       setSearch(newSearch);
       setFilterValue(newSearch);
-      setInnerOpened(newOpened !== null && newOpened !== void 0 ? newOpened : true);
+      setIsVisible(newOpened !== null && newOpened !== void 0 ? newOpened : true);
     };
     var onKeyDownHandle = function onKeyDownHandle(event) {
       onKeyDown === null || onKeyDown === void 0 || onKeyDown(event);
@@ -200,10 +203,10 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
       disabled: disabled || readOnly
     }), /*#__PURE__*/_react["default"].createElement(_Combobox.StyledPopover, {
       role: role,
-      isOpen: innerOpened,
+      isOpen: isVisible,
       onToggle: onInnerToggle,
       target: /*#__PURE__*/_react["default"].createElement(_ui.ComboboxTarget, _extends({
-        opened: innerOpened,
+        opened: isVisible,
         values: values,
         label: label,
         placeholder: placeholder,

package/emotion/cjs/components/DatePicker/DatePickerBase.styles.js

@@ -17,4 +17,4 @@ var baseCalendarTokens = exports.baseCalendarTokens = /*#__PURE__*/"\n    paddin
 var StyledCalendar = exports.StyledCalendar = /*#__PURE__*/(0, _base["default"])(Calendar, {
   target: "e116mmtq0",
   label: "plasma-new-hope__StyledCalendar"
-})("width:var(", _DatePicker.tokens.width, ");", baseCalendarTokens, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvRGF0ZVBpY2tlci9EYXRlUGlja2VyQmFzZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0c4QyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0RhdGVQaWNrZXIvRGF0ZVBpY2tlckJhc2Uuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBjYWxlbmRhckJhc2VDb25maWcsIGNhbGVuZGFyQmFzZVRva2VucyB9IGZyb20gJy4uL0NhbGVuZGFyJztcbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi9lbmdpbmVzJztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi9EYXRlUGlja2VyLnRva2Vucyc7XG5cbmNvbnN0IG1lcmdlZENhbGVuZGFyQ29uZmlnID0gbWVyZ2VDb25maWcoY2FsZW5kYXJCYXNlQ29uZmlnKTtcbmNvbnN0IENhbGVuZGFyID0gY29tcG9uZW50KG1lcmdlZENhbGVuZGFyQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IGJhc2VDYWxlbmRhclRva2VucyA9IGBcbiAgICBwYWRkaW5nLXRvcDogdmFyKCR7dG9rZW5zLmNhbGVuZGFyUGFkZGluZ1RvcH0pO1xuICAgIGJveC1zaGFkb3c6IHZhcigke3Rva2Vucy5jYWxlbmRhclNoYWRvd30pO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5jYWxlbmRhckJvcmRlclJhZGl1c30pO1xuXG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJCYWNrZ3JvdW5kQ29sb3J9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhclNlbGVjdGVkSXRlbUJhY2tncm91bmR9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJTZWxlY3RlZEl0ZW1CYWNrZ3JvdW5kfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJTZWxlY3RlZEl0ZW1Db2xvcn06IHZhcigke3Rva2Vucy5jYWxlbmRhclNlbGVjdGVkSXRlbUNvbG9yfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJTZWxlY3RhYmxlSXRlbUJhY2tncm91bmRIb3Zlcn06IHZhcigke3Rva2Vucy5jYWxlbmRhclNlbGVjdGFibGVJdGVtQmFja2dyb3VuZEhvdmVyfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJDdXJyZW50SXRlbUJvcmRlckNvbG9yfTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyQ3VycmVudEl0ZW1Cb3JkZXJDb2xvcn0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyQ3VycmVudEl0ZW1CYWNrZ3JvdW5kSG92ZXJ9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJDdXJyZW50SXRlbUJhY2tncm91bmRIb3Zlcn0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyQ3VycmVudEl0ZW1Db2xvckhvdmVyfTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyQ3VycmVudEl0ZW1Db2xvckhvdmVyfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJDdXJyZW50SXRlbUNoaWxkQmFja2dyb3VuZEhvdmVyfTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyQ3VycmVudEl0ZW1DaGlsZEJhY2tncm91bmRIb3Zlcn0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyQWN0aXZlSXRlbUJhY2tncm91bmR9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJBY3RpdmVJdGVtQmFja2dyb3VuZH0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyQWN0aXZlSXRlbUNvbG9yfTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyQWN0aXZlSXRlbUNvbG9yfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJIb3ZlcmVkSXRlbUJhY2tncm91bmR9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJIb3ZlcmVkSXRlbUJhY2tncm91bmR9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhckhvdmVyZWRJdGVtQ29sb3J9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJIb3ZlcmVkSXRlbUNvbG9yfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJSYW5nZUJhY2tncm91bmR9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJSYW5nZUJhY2tncm91bmR9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhck91dGxpbmVGb2N1c0NvbG9yfTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyT3V0bGluZUZvY3VzQ29sb3J9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhckNvbnRlbnRQcmltYXJ5Q29sb3J9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJDb250ZW50UHJpbWFyeUNvbG9yfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJDb250ZW50U2Vjb25kYXJ5Q29sb3J9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJDb250ZW50U2Vjb25kYXJ5Q29sb3J9KTtcblxuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmljb25CdXR0b25Db2xvcn06IHZhcigke3Rva2Vucy5pY29uQnV0dG9uQ29sb3J9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5pY29uQnV0dG9uQmFja2dyb3VuZENvbG9yfTogdmFyKCR7dG9rZW5zLmljb25CdXR0b25CYWNrZ3JvdW5kQ29sb3J9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5pY29uQnV0dG9uQ29sb3JIb3Zlcn06IHZhcigke3Rva2Vucy5pY29uQnV0dG9uQ29sb3JIb3Zlcn0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmljb25CdXR0b25CYWNrZ3JvdW5kQ29sb3JIb3Zlcn06IHZhcigke3Rva2Vucy5pY29uQnV0dG9uQmFja2dyb3VuZENvbG9ySG92ZXJ9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5pY29uQnV0dG9uQ29sb3JBY3RpdmV9OiB2YXIoJHt0b2tlbnMuaWNvbkJ1dHRvbkNvbG9yQWN0aXZlfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuaWNvbkJ1dHRvbkJhY2tncm91bmRDb2xvckFjdGl2ZX06IHZhcigke3Rva2Vucy5pY29uQnV0dG9uQmFja2dyb3VuZENvbG9yQWN0aXZlfSk7XG5cbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhcldpZHRofTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyV2lkdGh9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhckhlaWdodH06IHZhcigke3Rva2Vucy5jYWxlbmRhckhlaWdodH0pO1xuXG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJZZWFyc1BhZGRpbmd9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJZZWFyc1BhZGRpbmd9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhclllYXJJdGVtQm9yZGVyUmFkaXVzfTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyWWVhckl0ZW1Cb3JkZXJSYWRpdXN9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhclllYXJJdGVtV2lkdGh9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJZZWFySXRlbVdpZHRofSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJZZWFySXRlbUhlaWdodH06IHZhcigke3Rva2Vucy5jYWxlbmRhclllYXJJdGVtSGVpZ2h0fSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJZZWFyRm9udEZhbWlseX06IHZhcigke3Rva2Vucy5jYWxlbmRhclllYXJGb250RmFtaWx5fSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJZZWFyRm9udFNpemV9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJZZWFyRm9udFNpemV9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhclllYXJGb250U3R5bGV9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJZZWFyRm9udFN0eWxlfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJZZWFyRm9udExldHRlclNwYWNpbmd9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJZZWFyRm9udExldHRlclNwYWNpbmd9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhclllYXJGb250TGluZUhlaWdodH06IHZhcigke3Rva2Vucy5jYWxlbmRhclllYXJGb250TGluZUhlaWdodH0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyWWVhckZvbnRXZWlnaHR9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJZZWFyRm9udFdlaWdodH0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyWWVhclNlbGVjdGVkRm9udFdlaWdodH06IHZhcigke3Rva2Vucy5jYWxlbmRhclllYXJTZWxlY3RlZEZvbnRXZWlnaHR9KTtcblxuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyTW9udGhzUGFkZGluZ306IHZhcigke3Rva2Vucy5jYWxlbmRhck1vbnRoc1BhZGRpbmd9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhck1vbnRoSXRlbUJvcmRlclJhZGl1c306IHZhcigke3Rva2Vucy5jYWxlbmRhck1vbnRoSXRlbUJvcmRlclJhZGl1c30pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyTW9udGhJdGVtV2lkdGh9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJNb250aEl0ZW1XaWR0aH0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyTW9udGhJdGVtSGVpZ2h0fTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyTW9udGhJdGVtSGVpZ2h0fSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJNb250aEZvbnRGYW1pbHl9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJNb250aEZvbnRGYW1pbHl9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhck1vbnRoRm9udFNpemV9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJNb250aEZvbnRTaXplfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJNb250aEZvbnRTdHlsZX06IHZhcigke3Rva2Vucy5jYWxlbmRhck1vbnRoRm9udFN0eWxlfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJNb250aEZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyTW9udGhGb250TGV0dGVyU3BhY2luZ30pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyTW9udGhGb250TGluZUhlaWdodH06IHZhcigke3Rva2Vucy5jYWxlbmRhck1vbnRoRm9udExpbmVIZWlnaHR9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhck1vbnRoRm9udFdlaWdodH06IHZhcigke3Rva2Vucy5jYWxlbmRhck1vbnRoRm9udFdlaWdodH0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyTW9udGhTZWxlY3RlZEZvbnRXZWlnaHR9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJNb250aFNlbGVjdGVkRm9udFdlaWdodH0pO1xuXG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJRdWFydGVyc1BhZGRpbmd9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJRdWFydGVyc1BhZGRpbmd9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhclF1YXJ0ZXJJdGVtQm9yZGVyUmFkaXVzfTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyUXVhcnRlckl0ZW1Cb3JkZXJSYWRpdXN9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhclF1YXJ0ZXJJdGVtV2lkdGh9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJRdWFydGVySXRlbVdpZHRofSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJRdWFydGVySXRlbUhlaWdodH06IHZhcigke3Rva2Vucy5jYWxlbmRhclF1YXJ0ZXJJdGVtSGVpZ2h0fSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJRdWFydGVyRm9udEZhbWlseX06IHZhcigke3Rva2Vucy5jYWxlbmRhclF1YXJ0ZXJGb250RmFtaWx5fSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJRdWFydGVyRm9udFNpemV9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJRdWFydGVyRm9udFNpemV9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhclF1YXJ0ZXJGb250U3R5bGV9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJRdWFydGVyRm9udFN0eWxlfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJRdWFydGVyRm9udExldHRlclNwYWNpbmd9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJRdWFydGVyRm9udExldHRlclNwYWNpbmd9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhclF1YXJ0ZXJGb250TGluZUhlaWdodH06IHZhcigke3Rva2Vucy5jYWxlbmRhclF1YXJ0ZXJGb250TGluZUhlaWdodH0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyUXVhcnRlckZvbnRXZWlnaHR9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJRdWFydGVyRm9udFdlaWdodH0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyUXVhcnRlclNlbGVjdGVkRm9udFdlaWdodH06IHZhcigke3Rva2Vucy5jYWxlbmRhclF1YXJ0ZXJTZWxlY3RlZEZvbnRXZWlnaHR9KTtcbiAgICBcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhckRheXNQYWRkaW5nfTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyRGF5c1BhZGRpbmd9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhckRheUl0ZW1Cb3JkZXJSYWRpdXN9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJEYXlJdGVtQm9yZGVyUmFkaXVzfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJEYXlJdGVtV2lkdGh9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJEYXlJdGVtV2lkdGh9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhckRheUl0ZW1IZWlnaHR9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJEYXlJdGVtSGVpZ2h0fSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJEYXlGb250RmFtaWx5fTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyRGF5Rm9udEZhbWlseX0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyRGF5Rm9udFNpemV9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJEYXlGb250U2l6ZX0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyRGF5Rm9udFN0eWxlfTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyRGF5Rm9udFN0eWxlfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJEYXlGb250TGV0dGVyU3BhY2luZ306IHZhcigke3Rva2Vucy5jYWxlbmRhckRheUZvbnRMZXR0ZXJTcGFjaW5nfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJEYXlGb250TGluZUhlaWdodH06IHZhcigke3Rva2Vucy5jYWxlbmRhckRheUZvbnRMaW5lSGVpZ2h0fSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJEYXlGb250V2VpZ2h0fTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyRGF5Rm9udFdlaWdodH0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyRGF5U2VsZWN0ZWRGb250V2VpZ2h0fTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyRGF5U2VsZWN0ZWRGb250V2VpZ2h0fSk7XG4gICAgXG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJIZWFkZXJXcmFwcGVyUGFkZGluZ306IHZhcigke3Rva2Vucy5jYWxlbmRhckhlYWRlcldyYXBwZXJQYWRkaW5nfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJIZWFkZXJBcnJvd0dhcH06IHZhcigke3Rva2Vucy5jYWxlbmRhckhlYWRlckFycm93R2FwfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJIZWFkZXJBcnJvd1BhZGRpbmd9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJIZWFkZXJBcnJvd1BhZGRpbmd9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhckhlYWRlclBhZGRpbmd9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJIZWFkZXJQYWRkaW5nfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJIZWFkZXJEYXRlR2FwfTogdmFyKCR7dG9rZW5zLmNhbGVuZGFySGVhZGVyRGF0ZUdhcH0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFySGVhZGVyRm9udEZhbWlseX06IHZhcigke3Rva2Vucy5jYWxlbmRhckhlYWRlckZvbnRGYW1pbHl9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhckhlYWRlckZvbnRTaXplfTogdmFyKCR7dG9rZW5zLmNhbGVuZGFySGVhZGVyRm9udFNpemV9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhckhlYWRlckZvbnRTdHlsZX06IHZhcigke3Rva2Vucy5jYWxlbmRhckhlYWRlckZvbnRTdHlsZX0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFySGVhZGVyRm9udExldHRlclNwYWNpbmd9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJIZWFkZXJGb250TGV0dGVyU3BhY2luZ30pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFySGVhZGVyRm9udExpbmVIZWlnaHR9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJIZWFkZXJGb250TGluZUhlaWdodH0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFySGVhZGVyRm9udFdlaWdodH06IHZhcigke3Rva2Vucy5jYWxlbmRhckhlYWRlckZvbnRXZWlnaHR9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhckhlYWRlckZvbnRXZWlnaHRCb2xkfTogdmFyKCR7dG9rZW5zLmNhbGVuZGFySGVhZGVyRm9udFdlaWdodEJvbGR9KTtcbiAgICBcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5pY29uQnV0dG9uSGVpZ2h0fTogdmFyKCR7dG9rZW5zLmljb25CdXR0b25IZWlnaHR9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5pY29uQnV0dG9uV2lkdGh9OiB2YXIoJHt0b2tlbnMuaWNvbkJ1dHRvbldpZHRofSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuaWNvbkJ1dHRvblBhZGRpbmd9OiB2YXIoJHt0b2tlbnMuaWNvbkJ1dHRvblBhZGRpbmd9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5pY29uQnV0dG9uUmFkaXVzfTogdmFyKCR7dG9rZW5zLmljb25CdXR0b25SYWRpdXN9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5pY29uQnV0dG9uRm9jdXNDb2xvcn06IHZhcigke3Rva2Vucy5pY29uQnV0dG9uRm9jdXNDb2xvcn0pO1xuYDtcblxuLy8gTk9URTog0L/QtdGA0LXQvtC/0YDQtdC00LXQu9C10L3QuNC1INGC0L7QutC10L3QvtCyIENhbGVuZGFyXG5leHBvcnQgY29uc3QgU3R5bGVkQ2FsZW5kYXIgPSBzdHlsZWQoQ2FsZW5kYXIpYFxuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMud2lkdGh9KTtcbiAgICAke2Jhc2VDYWxlbmRhclRva2Vuc31cbmA7XG4iXX0= */"));
+})(baseCalendarTokens, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvRGF0ZVBpY2tlci9EYXRlUGlja2VyQmFzZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0c4QyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0RhdGVQaWNrZXIvRGF0ZVBpY2tlckJhc2Uuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBjYWxlbmRhckJhc2VDb25maWcsIGNhbGVuZGFyQmFzZVRva2VucyB9IGZyb20gJy4uL0NhbGVuZGFyJztcbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi9lbmdpbmVzJztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi9EYXRlUGlja2VyLnRva2Vucyc7XG5cbmNvbnN0IG1lcmdlZENhbGVuZGFyQ29uZmlnID0gbWVyZ2VDb25maWcoY2FsZW5kYXJCYXNlQ29uZmlnKTtcbmNvbnN0IENhbGVuZGFyID0gY29tcG9uZW50KG1lcmdlZENhbGVuZGFyQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IGJhc2VDYWxlbmRhclRva2VucyA9IGBcbiAgICBwYWRkaW5nLXRvcDogdmFyKCR7dG9rZW5zLmNhbGVuZGFyUGFkZGluZ1RvcH0pO1xuICAgIGJveC1zaGFkb3c6IHZhcigke3Rva2Vucy5jYWxlbmRhclNoYWRvd30pO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5jYWxlbmRhckJvcmRlclJhZGl1c30pO1xuXG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJCYWNrZ3JvdW5kQ29sb3J9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhclNlbGVjdGVkSXRlbUJhY2tncm91bmR9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJTZWxlY3RlZEl0ZW1CYWNrZ3JvdW5kfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJTZWxlY3RlZEl0ZW1Db2xvcn06IHZhcigke3Rva2Vucy5jYWxlbmRhclNlbGVjdGVkSXRlbUNvbG9yfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJTZWxlY3RhYmxlSXRlbUJhY2tncm91bmRIb3Zlcn06IHZhcigke3Rva2Vucy5jYWxlbmRhclNlbGVjdGFibGVJdGVtQmFja2dyb3VuZEhvdmVyfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJDdXJyZW50SXRlbUJvcmRlckNvbG9yfTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyQ3VycmVudEl0ZW1Cb3JkZXJDb2xvcn0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyQ3VycmVudEl0ZW1CYWNrZ3JvdW5kSG92ZXJ9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJDdXJyZW50SXRlbUJhY2tncm91bmRIb3Zlcn0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyQ3VycmVudEl0ZW1Db2xvckhvdmVyfTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyQ3VycmVudEl0ZW1Db2xvckhvdmVyfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJDdXJyZW50SXRlbUNoaWxkQmFja2dyb3VuZEhvdmVyfTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyQ3VycmVudEl0ZW1DaGlsZEJhY2tncm91bmRIb3Zlcn0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyQWN0aXZlSXRlbUJhY2tncm91bmR9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJBY3RpdmVJdGVtQmFja2dyb3VuZH0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyQWN0aXZlSXRlbUNvbG9yfTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyQWN0aXZlSXRlbUNvbG9yfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJIb3ZlcmVkSXRlbUJhY2tncm91bmR9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJIb3ZlcmVkSXRlbUJhY2tncm91bmR9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhckhvdmVyZWRJdGVtQ29sb3J9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJIb3ZlcmVkSXRlbUNvbG9yfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJSYW5nZUJhY2tncm91bmR9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJSYW5nZUJhY2tncm91bmR9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhck91dGxpbmVGb2N1c0NvbG9yfTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyT3V0bGluZUZvY3VzQ29sb3J9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhckNvbnRlbnRQcmltYXJ5Q29sb3J9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJDb250ZW50UHJpbWFyeUNvbG9yfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJDb250ZW50U2Vjb25kYXJ5Q29sb3J9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJDb250ZW50U2Vjb25kYXJ5Q29sb3J9KTtcblxuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmljb25CdXR0b25Db2xvcn06IHZhcigke3Rva2Vucy5pY29uQnV0dG9uQ29sb3J9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5pY29uQnV0dG9uQmFja2dyb3VuZENvbG9yfTogdmFyKCR7dG9rZW5zLmljb25CdXR0b25CYWNrZ3JvdW5kQ29sb3J9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5pY29uQnV0dG9uQ29sb3JIb3Zlcn06IHZhcigke3Rva2Vucy5pY29uQnV0dG9uQ29sb3JIb3Zlcn0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmljb25CdXR0b25CYWNrZ3JvdW5kQ29sb3JIb3Zlcn06IHZhcigke3Rva2Vucy5pY29uQnV0dG9uQmFja2dyb3VuZENvbG9ySG92ZXJ9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5pY29uQnV0dG9uQ29sb3JBY3RpdmV9OiB2YXIoJHt0b2tlbnMuaWNvbkJ1dHRvbkNvbG9yQWN0aXZlfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuaWNvbkJ1dHRvbkJhY2tncm91bmRDb2xvckFjdGl2ZX06IHZhcigke3Rva2Vucy5pY29uQnV0dG9uQmFja2dyb3VuZENvbG9yQWN0aXZlfSk7XG5cbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhcldpZHRofTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyV2lkdGh9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhckhlaWdodH06IHZhcigke3Rva2Vucy5jYWxlbmRhckhlaWdodH0pO1xuXG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJZZWFyc1BhZGRpbmd9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJZZWFyc1BhZGRpbmd9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhclllYXJJdGVtQm9yZGVyUmFkaXVzfTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyWWVhckl0ZW1Cb3JkZXJSYWRpdXN9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhclllYXJJdGVtV2lkdGh9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJZZWFySXRlbVdpZHRofSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJZZWFySXRlbUhlaWdodH06IHZhcigke3Rva2Vucy5jYWxlbmRhclllYXJJdGVtSGVpZ2h0fSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJZZWFyRm9udEZhbWlseX06IHZhcigke3Rva2Vucy5jYWxlbmRhclllYXJGb250RmFtaWx5fSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJZZWFyRm9udFNpemV9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJZZWFyRm9udFNpemV9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhclllYXJGb250U3R5bGV9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJZZWFyRm9udFN0eWxlfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJZZWFyRm9udExldHRlclNwYWNpbmd9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJZZWFyRm9udExldHRlclNwYWNpbmd9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhclllYXJGb250TGluZUhlaWdodH06IHZhcigke3Rva2Vucy5jYWxlbmRhclllYXJGb250TGluZUhlaWdodH0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyWWVhckZvbnRXZWlnaHR9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJZZWFyRm9udFdlaWdodH0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyWWVhclNlbGVjdGVkRm9udFdlaWdodH06IHZhcigke3Rva2Vucy5jYWxlbmRhclllYXJTZWxlY3RlZEZvbnRXZWlnaHR9KTtcblxuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyTW9udGhzUGFkZGluZ306IHZhcigke3Rva2Vucy5jYWxlbmRhck1vbnRoc1BhZGRpbmd9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhck1vbnRoSXRlbUJvcmRlclJhZGl1c306IHZhcigke3Rva2Vucy5jYWxlbmRhck1vbnRoSXRlbUJvcmRlclJhZGl1c30pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyTW9udGhJdGVtV2lkdGh9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJNb250aEl0ZW1XaWR0aH0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyTW9udGhJdGVtSGVpZ2h0fTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyTW9udGhJdGVtSGVpZ2h0fSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJNb250aEZvbnRGYW1pbHl9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJNb250aEZvbnRGYW1pbHl9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhck1vbnRoRm9udFNpemV9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJNb250aEZvbnRTaXplfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJNb250aEZvbnRTdHlsZX06IHZhcigke3Rva2Vucy5jYWxlbmRhck1vbnRoRm9udFN0eWxlfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJNb250aEZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyTW9udGhGb250TGV0dGVyU3BhY2luZ30pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyTW9udGhGb250TGluZUhlaWdodH06IHZhcigke3Rva2Vucy5jYWxlbmRhck1vbnRoRm9udExpbmVIZWlnaHR9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhck1vbnRoRm9udFdlaWdodH06IHZhcigke3Rva2Vucy5jYWxlbmRhck1vbnRoRm9udFdlaWdodH0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyTW9udGhTZWxlY3RlZEZvbnRXZWlnaHR9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJNb250aFNlbGVjdGVkRm9udFdlaWdodH0pO1xuXG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJRdWFydGVyc1BhZGRpbmd9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJRdWFydGVyc1BhZGRpbmd9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhclF1YXJ0ZXJJdGVtQm9yZGVyUmFkaXVzfTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyUXVhcnRlckl0ZW1Cb3JkZXJSYWRpdXN9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhclF1YXJ0ZXJJdGVtV2lkdGh9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJRdWFydGVySXRlbVdpZHRofSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJRdWFydGVySXRlbUhlaWdodH06IHZhcigke3Rva2Vucy5jYWxlbmRhclF1YXJ0ZXJJdGVtSGVpZ2h0fSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJRdWFydGVyRm9udEZhbWlseX06IHZhcigke3Rva2Vucy5jYWxlbmRhclF1YXJ0ZXJGb250RmFtaWx5fSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJRdWFydGVyRm9udFNpemV9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJRdWFydGVyRm9udFNpemV9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhclF1YXJ0ZXJGb250U3R5bGV9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJRdWFydGVyRm9udFN0eWxlfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJRdWFydGVyRm9udExldHRlclNwYWNpbmd9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJRdWFydGVyRm9udExldHRlclNwYWNpbmd9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhclF1YXJ0ZXJGb250TGluZUhlaWdodH06IHZhcigke3Rva2Vucy5jYWxlbmRhclF1YXJ0ZXJGb250TGluZUhlaWdodH0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyUXVhcnRlckZvbnRXZWlnaHR9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJRdWFydGVyRm9udFdlaWdodH0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyUXVhcnRlclNlbGVjdGVkRm9udFdlaWdodH06IHZhcigke3Rva2Vucy5jYWxlbmRhclF1YXJ0ZXJTZWxlY3RlZEZvbnRXZWlnaHR9KTtcbiAgICBcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhckRheXNQYWRkaW5nfTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyRGF5c1BhZGRpbmd9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhckRheUl0ZW1Cb3JkZXJSYWRpdXN9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJEYXlJdGVtQm9yZGVyUmFkaXVzfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJEYXlJdGVtV2lkdGh9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJEYXlJdGVtV2lkdGh9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhckRheUl0ZW1IZWlnaHR9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJEYXlJdGVtSGVpZ2h0fSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJEYXlGb250RmFtaWx5fTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyRGF5Rm9udEZhbWlseX0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyRGF5Rm9udFNpemV9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJEYXlGb250U2l6ZX0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyRGF5Rm9udFN0eWxlfTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyRGF5Rm9udFN0eWxlfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJEYXlGb250TGV0dGVyU3BhY2luZ306IHZhcigke3Rva2Vucy5jYWxlbmRhckRheUZvbnRMZXR0ZXJTcGFjaW5nfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJEYXlGb250TGluZUhlaWdodH06IHZhcigke3Rva2Vucy5jYWxlbmRhckRheUZvbnRMaW5lSGVpZ2h0fSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJEYXlGb250V2VpZ2h0fTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyRGF5Rm9udFdlaWdodH0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyRGF5U2VsZWN0ZWRGb250V2VpZ2h0fTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyRGF5U2VsZWN0ZWRGb250V2VpZ2h0fSk7XG4gICAgXG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJIZWFkZXJXcmFwcGVyUGFkZGluZ306IHZhcigke3Rva2Vucy5jYWxlbmRhckhlYWRlcldyYXBwZXJQYWRkaW5nfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJIZWFkZXJBcnJvd0dhcH06IHZhcigke3Rva2Vucy5jYWxlbmRhckhlYWRlckFycm93R2FwfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJIZWFkZXJBcnJvd1BhZGRpbmd9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJIZWFkZXJBcnJvd1BhZGRpbmd9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhckhlYWRlclBhZGRpbmd9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJIZWFkZXJQYWRkaW5nfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJIZWFkZXJEYXRlR2FwfTogdmFyKCR7dG9rZW5zLmNhbGVuZGFySGVhZGVyRGF0ZUdhcH0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFySGVhZGVyRm9udEZhbWlseX06IHZhcigke3Rva2Vucy5jYWxlbmRhckhlYWRlckZvbnRGYW1pbHl9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhckhlYWRlckZvbnRTaXplfTogdmFyKCR7dG9rZW5zLmNhbGVuZGFySGVhZGVyRm9udFNpemV9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhckhlYWRlckZvbnRTdHlsZX06IHZhcigke3Rva2Vucy5jYWxlbmRhckhlYWRlckZvbnRTdHlsZX0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFySGVhZGVyRm9udExldHRlclNwYWNpbmd9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJIZWFkZXJGb250TGV0dGVyU3BhY2luZ30pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFySGVhZGVyRm9udExpbmVIZWlnaHR9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJIZWFkZXJGb250TGluZUhlaWdodH0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFySGVhZGVyRm9udFdlaWdodH06IHZhcigke3Rva2Vucy5jYWxlbmRhckhlYWRlckZvbnRXZWlnaHR9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhckhlYWRlckZvbnRXZWlnaHRCb2xkfTogdmFyKCR7dG9rZW5zLmNhbGVuZGFySGVhZGVyRm9udFdlaWdodEJvbGR9KTtcbiAgICBcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5pY29uQnV0dG9uSGVpZ2h0fTogdmFyKCR7dG9rZW5zLmljb25CdXR0b25IZWlnaHR9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5pY29uQnV0dG9uV2lkdGh9OiB2YXIoJHt0b2tlbnMuaWNvbkJ1dHRvbldpZHRofSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuaWNvbkJ1dHRvblBhZGRpbmd9OiB2YXIoJHt0b2tlbnMuaWNvbkJ1dHRvblBhZGRpbmd9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5pY29uQnV0dG9uUmFkaXVzfTogdmFyKCR7dG9rZW5zLmljb25CdXR0b25SYWRpdXN9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5pY29uQnV0dG9uRm9jdXNDb2xvcn06IHZhcigke3Rva2Vucy5pY29uQnV0dG9uRm9jdXNDb2xvcn0pO1xuYDtcblxuLy8gTk9URTog0L/QtdGA0LXQvtC/0YDQtdC00LXQu9C10L3QuNC1INGC0L7QutC10L3QvtCyIENhbGVuZGFyXG5leHBvcnQgY29uc3QgU3R5bGVkQ2FsZW5kYXIgPSBzdHlsZWQoQ2FsZW5kYXIpYFxuICAgICR7YmFzZUNhbGVuZGFyVG9rZW5zfVxuYDtcbiJdfQ== */"));

package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js

@@ -10,6 +10,7 @@ var _utils = /*#__PURE__*/require("../../../utils");
 var _dateHelper = /*#__PURE__*/require("../utils/dateHelper");
 var _useDatePicker3 = /*#__PURE__*/require("../hooks/useDatePicker");
 var _DatePicker = /*#__PURE__*/require("../DatePicker.tokens");
+var _useKeyboardNavigation = /*#__PURE__*/require("../hooks/useKeyboardNavigation");
 var _base = /*#__PURE__*/require("./variations/_size/base");
 var _base2 = /*#__PURE__*/require("./variations/_view/base");
 var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
@@ -181,6 +182,11 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
       }
       setIsInnerOpen(isCalendarOpen);
     };
+    var _useKeyNavigation = (0, _useKeyboardNavigation.useKeyNavigation)({
+        isCalendarOpen: isInnerOpen,
+        onToggle: handleToggle
+      }),
+      onKeyDown = _useKeyNavigation.onKeyDown;
     var RangeComponent = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_RangeDate.StyledRange, {
       ref: rangeRef,
       dividerIcon: dividerIcon,
@@ -224,7 +230,8 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
       onFocusFirstTextfield: onFocusFirstTextfield,
       onFocusSecondTextfield: onFocusSecondTextfield,
       onBlurFirstTextfield: onBlurFirstTextfield,
-      onBlurSecondTextfield: onBlurSecondTextfield
+      onBlurSecondTextfield: onBlurSecondTextfield,
+      onKeyDown: onKeyDown
     }));
     (0, _react.useEffect)(function () {
       var _rangeRef$current5, _rangeRef$current6;
@@ -232,13 +239,10 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
       setSecondInputRef((_rangeRef$current6 = rangeRef.current) === null || _rangeRef$current6 === void 0 ? void 0 : _rangeRef$current6.secondTextField());
     }, [rangeRef.current]);
     (0, _react.useEffect)(function () {
-      setCalendarFirstValue((0, _dateHelper.formatCalendarValue)(defaultFirstDate, format));
-      setInputFirstValue((0, _dateHelper.formatInputValue)(defaultFirstDate, format));
-    }, [defaultFirstDate]);
-    (0, _react.useEffect)(function () {
-      setCalendarSecondValue((0, _dateHelper.formatCalendarValue)(defaultSecondDate, format));
-      setInputSecondValue((0, _dateHelper.formatInputValue)(defaultSecondDate, format));
-    }, [defaultSecondDate]);
+      setIsInnerOpen(function (prevOpen) {
+        return prevOpen !== isOpen && isOpen;
+      });
+    }, [isOpen]);
     return /*#__PURE__*/_react["default"].createElement(Root, _extends({
       ref: rootRef,
       view: view,
@@ -249,7 +253,7 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
     }, rest), label && /*#__PURE__*/_react["default"].createElement(_RangeDate.StyledLabel, null, label), /*#__PURE__*/_react["default"].createElement(_RangeDatePopover.RangeDatePopover, {
       calendarValue: [calendarFirstValue, calendarSecondValue],
       target: RangeComponent,
-      isOpen: isOpen || isInnerOpen,
+      isOpen: isInnerOpen,
       includeEdgeDates: includeEdgeDates,
       eventList: eventList,
       disabledList: disabledList,