@salutejs/plasma-new-hope 0.174.0-canary.1497.11463811587.0 → 0.174.0-canary.1497.11480463527.0

package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.js

@@ -1,17 +1,7 @@
-import 'react';
-import '@salutejs/plasma-core';
-import '../../../../../utils/react.js';
-import '@linaria/react';
-import { dropdownHeaderRoot } from '../../../../Dropdown/ui/DropdownHeader/DropdownHeader.js';
-import '@linaria/core';
-import 'focus-visible';
-import '@floating-ui/react';
-import 'styled-components';
-import 'react-popper';
-import 'react-dom';
 import { base as base$1 } from './variations/_view/base.js';
 import { base as base$2 } from './variations/_size/base.js';
 import { base } from './ComboboxHeader.styles.js';
+import { dropdownHeaderRoot } from '../../../../Dropdown/ui/DropdownHeader/DropdownHeader.js';
 
 var comboboxHeaderRoot = dropdownHeaderRoot;
 var comboboxHeaderConfig = {

package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxHeader.js","sources":["../../../../../../src/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.tsx"],"sourcesContent":["import { dropdownHeaderRoot } from '../../../../Dropdown';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base } from './ComboboxHeader.styles';\n\nexport const comboboxHeaderRoot = dropdownHeaderRoot;\n\nexport const comboboxHeaderConfig = {\n    name: 'ComboboxHeader',\n    tag: 'div',\n    layout: comboboxHeaderRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'primary',\n        size: 'm',\n    },\n};\n"],"names":["comboboxHeaderRoot","dropdownHeaderRoot","comboboxHeaderConfig","name","tag","layout","base","variations","view","css","viewCSS","size","sizeCSS","defaults"],"mappings":";;;;;;;;;;;;;;;AAMO,IAAMA,kBAAkB,GAAGC,mBAAkB;AAE7C,IAAMC,oBAAoB,GAAG;AAChCC,EAAAA,IAAI,EAAE,gBAAgB;AACtBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEL,kBAAkB;AAC1BM,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDC,IAAAA,IAAI,EAAE;AACFF,MAAAA,GAAG,EAAEG,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNL,IAAAA,IAAI,EAAE,SAAS;AACfG,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}
+{"version":3,"file":"ComboboxHeader.js","sources":["../../../../../../src/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.tsx"],"sourcesContent":["import { dropdownHeaderRoot } from '../../../../Dropdown';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base } from './ComboboxHeader.styles';\n\nexport const comboboxHeaderRoot = dropdownHeaderRoot;\n\nexport const comboboxHeaderConfig = {\n    name: 'ComboboxHeader',\n    tag: 'div',\n    layout: comboboxHeaderRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'primary',\n        size: 'm',\n    },\n};\n"],"names":["comboboxHeaderRoot","dropdownHeaderRoot","comboboxHeaderConfig","name","tag","layout","base","variations","view","css","viewCSS","size","sizeCSS","defaults"],"mappings":";;;;;AAMO,IAAMA,kBAAkB,GAAGC,mBAAkB;AAE7C,IAAMC,oBAAoB,GAAG;AAChCC,EAAAA,IAAI,EAAE,gBAAgB;AACtBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEL,kBAAkB;AAC1BM,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDC,IAAAA,IAAI,EAAE;AACFF,MAAAA,GAAG,EAAEG,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNL,IAAAA,IAAI,EAAE,SAAS;AACfG,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}

package/es/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.styles.js

@@ -1,7 +1,5 @@
 import './ComboboxItem.styles_7ufukp.css';
 import { styled } from '@linaria/react';
-import 'focus-visible';
-import 'styled-components';
 
 var StyledContentLeft = /*#__PURE__*/styled('div')({
   name: "StyledContentLeft",

package/es/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxItem.styles.js","sources":["../../../../../../src/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Combobox.tokens';\nimport { addFocus, applyEllipsis } from '../../../../../mixins';\n\nexport const StyledContentLeft = styled.div`\n    display: inline-flex;\n\n    min-width: var(${tokens.itemContentLeftWidth});\n    color: var(${tokens.itemContentLeftColor});\n`;\n\nexport const StyledContentRight = styled.div`\n    margin-left: auto;\n    display: inline-flex;\n\n    min-width: var(${tokens.itemContentRightWidth});\n    color: var(${tokens.itemContentRightColor});\n`;\n\nexport const StyledText = styled.div`\n    ${applyEllipsis()};\n`;\n\n// INFO: Для возможности переиспользования стилей в других компонентах\nexport const baseContent = `\n    box-sizing: content-box;\n    display: flex;\n    align-items: center;\n    user-select: none;\n\n    :focus {\n        outline: none;\n    }\n\n    ${addFocus({\n        outlineSize: '0.0625rem',\n        outlineOffset: '0',\n        outlineColor: `var(${tokens.focusColor})`,\n        outlineRadius: `var(${tokens.itemBorderRadius})`,\n        hasTransition: false,\n    })};\n\n    width: 100%;\n\n    font-family: var(${tokens.itemFontFamily});\n    font-size: var(${tokens.itemFontSize});\n    font-style: var(${tokens.itemFontStyle});\n    font-weight: var(${tokens.itemFontWeightBold});\n    letter-spacing: var(${tokens.itemFontLetterSpacing});\n    line-height: var(${tokens.itemFontLineHeight});\n\n    background: var(${tokens.itemBackground});\n    color: var(${tokens.itemColor});\n    border-radius: var(${tokens.itemBorderRadius});\n\n    width: var(${tokens.itemWidth});\n    height: var(${tokens.itemHeight});\n\n    padding: var(${tokens.itemPaddingTop}) var(${tokens.itemPaddingRight}) var(${tokens.itemPaddingBottom})\n        var(${tokens.itemPaddingLeft});\n\n    margin: var(${tokens.itemMarginTop}) var(${tokens.itemMarginRight}) var(${tokens.itemMarginBottom})\n        var(${tokens.itemMarginLeft});\n\n    &:hover:not(.${classes.comboboxItemIsDisabled}) {\n        cursor: pointer;\n        background: var(${tokens.itemBackgroundHover});\n    }\n\n    &.${String(classes.comboboxItemIsSelected)} {\n        color: var(${tokens.itemColorSelected});\n        background: var(${tokens.itemBackgroundSelected});\n\n        &:hover:not(.${classes.comboboxItemIsDisabled}) {\n            background: var(${tokens.itemBackgroundSelectedHover});\n        }\n    }\n\n    &.${classes.comboboxItemIsDisabled} {\n        opacity: var(${tokens.disabledOpacity});\n        cursor: not-allowed;\n    }\n`;\n\nexport const base = css`\n    ${baseContent};\n`;\n"],"names":["StyledContentLeft","styled","name","class","propsAsIs","StyledContentRight","StyledText","base"],"mappings":";;;;AAMO,IAAMA,iBAAiB,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKtC,EAAA;AAEM,IAAMC,kBAAkB,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAMvC,EAAA;AAEM,IAAME,UAAU,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE/B,EAAA;AA+DM,IAAMG,IAAI,GAEhB;;;;"}
+{"version":3,"file":"ComboboxItem.styles.js","sources":["../../../../../../src/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Combobox.tokens';\nimport { addFocus, applyEllipsis } from '../../../../../mixins';\n\nexport const StyledContentLeft = styled.div`\n    display: inline-flex;\n\n    min-width: var(${tokens.itemContentLeftWidth});\n    color: var(${tokens.itemContentLeftColor});\n`;\n\nexport const StyledContentRight = styled.div`\n    margin-left: auto;\n    display: inline-flex;\n\n    min-width: var(${tokens.itemContentRightWidth});\n    color: var(${tokens.itemContentRightColor});\n`;\n\nexport const StyledText = styled.div`\n    ${applyEllipsis()};\n`;\n\n// INFO: Для возможности переиспользования стилей в других компонентах\nexport const baseContent = `\n    box-sizing: content-box;\n    display: flex;\n    align-items: center;\n    user-select: none;\n\n    :focus {\n        outline: none;\n    }\n\n    ${addFocus({\n        outlineSize: '0.0625rem',\n        outlineOffset: '0',\n        outlineColor: `var(${tokens.focusColor})`,\n        outlineRadius: `var(${tokens.itemBorderRadius})`,\n        hasTransition: false,\n    })};\n\n    width: 100%;\n\n    font-family: var(${tokens.itemFontFamily});\n    font-size: var(${tokens.itemFontSize});\n    font-style: var(${tokens.itemFontStyle});\n    font-weight: var(${tokens.itemFontWeightBold});\n    letter-spacing: var(${tokens.itemFontLetterSpacing});\n    line-height: var(${tokens.itemFontLineHeight});\n\n    background: var(${tokens.itemBackground});\n    color: var(${tokens.itemColor});\n    border-radius: var(${tokens.itemBorderRadius});\n\n    width: var(${tokens.itemWidth});\n    height: var(${tokens.itemHeight});\n\n    padding: var(${tokens.itemPaddingTop}) var(${tokens.itemPaddingRight}) var(${tokens.itemPaddingBottom})\n        var(${tokens.itemPaddingLeft});\n\n    margin: var(${tokens.itemMarginTop}) var(${tokens.itemMarginRight}) var(${tokens.itemMarginBottom})\n        var(${tokens.itemMarginLeft});\n\n    &:hover:not(.${classes.comboboxItemIsDisabled}) {\n        cursor: pointer;\n        background: var(${tokens.itemBackgroundHover});\n    }\n\n    &.${String(classes.comboboxItemIsSelected)} {\n        color: var(${tokens.itemColorSelected});\n        background: var(${tokens.itemBackgroundSelected});\n\n        &:hover:not(.${classes.comboboxItemIsDisabled}) {\n            background: var(${tokens.itemBackgroundSelectedHover});\n        }\n    }\n\n    &.${classes.comboboxItemIsDisabled} {\n        opacity: var(${tokens.disabledOpacity});\n        cursor: not-allowed;\n    }\n`;\n\nexport const base = css`\n    ${baseContent};\n`;\n"],"names":["StyledContentLeft","styled","name","class","propsAsIs","StyledContentRight","StyledText","base"],"mappings":";;AAMO,IAAMA,iBAAiB,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKtC,EAAA;AAEM,IAAMC,kBAAkB,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAMvC,EAAA;AAEM,IAAME,UAAU,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE/B,EAAA;AA+DM,IAAMG,IAAI,GAEhB;;;;"}

package/es/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.js

@@ -3,9 +3,9 @@ import React, { forwardRef, useRef, useState } from 'react';
 import { classes } from '../../Combobox.tokens.js';
 import { cx } from '../../../../../utils/index.js';
 import { ComboboxChip } from '../ComboboxChip/ComboboxChip.js';
+import { StyledComboboxTarget, StyledContent, StyledText, StyledChips, StyledComboboxInput, StyledComboboxInputHelper, StyledLabel, StyledArrow } from './ComboboxTarget.styles.js';
 import { useFocusController } from '../../hooks/useFocusController.js';
 import { Keys } from '../../hooks/useKeyNavigation.js';
-import { StyledComboboxTarget, StyledContent, StyledText, StyledChips, StyledComboboxInput, StyledComboboxInputHelper, StyledLabel, StyledArrow } from './ComboboxTarget.styles.js';
 
 var _excluded = ["values", "search", "label", "placeholder", "opened", "readOnly", "disabled", "enumerationType", "valueType", "size", "closedWithoutChanges", "id", "chipsRefs", "inputRef", "onChange", "onSearch", "onKeyDown"];
 var hasChips = classes.hasChips,

package/es/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.styles.js

@@ -1,8 +1,7 @@
 import './ComboboxTarget.styles_xnedmz.css';
 import { styled } from '@linaria/react';
-import 'react';
-import { IconChevronDown } from '../../../../_Icon/Icons/IconChevronDown.js';
 import { tokens } from '../../Combobox.tokens.js';
+import { IconChevronDown } from '../../../../_Icon/Icons/IconChevronDown.js';
 
 var _exp10 = function _exp10() {
   return function (_ref) {

package/es/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxTarget.styles.js","sources":["../../../../../../src/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { IconChevronDown } from '../../../../_Icon';\nimport { addFocus, applyEllipsis } from '../../../../../mixins';\nimport { classes, tokens } from '../../Combobox.tokens';\n\nconst {\n    hasChips,\n    innerLabelUp,\n    arrowInverse,\n    comboboxTargetArrow,\n    comboboxTargeText,\n    comboboxTargetInput,\n    comboboxTargetLabel,\n} = classes;\n\nexport const StyledComboboxTarget = styled.div<{\n    opened?: boolean;\n    readOnly?: boolean;\n    disabled?: boolean;\n}>`\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    cursor: pointer;\n    box-sizing: border-box;\n\n    height: var(${tokens.targetHeight});\n    width: var(${tokens.targetWidth});\n    overflow: hidden;\n    border-radius: var(${tokens.targetRadius});\n    font-family: var(${tokens.targetFontFamily});\n    font-size: var(${tokens.targetFontStyle});\n    font-weight: var(${tokens.targetFontWeight});\n    letter-spacing: var(${tokens.targetLetterSpacing});\n    line-height: var(${tokens.targetLineHeight});\n\n    color: var(${tokens.targetColor});\n\n    background-color: ${({ opened }) =>\n        opened ? `var(${tokens.targetBackgroundColorOpen})` : `var(${tokens.targetBackgroundColor})`};\n\n    box-shadow: inset 0 0 0 0.0625rem\n        ${({ opened }) => (opened ? `var(${tokens.targetBorderColorOpen})` : `var(${tokens.targetBorderColor})`)};\n\n    &:hover:not([disabled]):not([readonly]) {\n        background-color: ${({ opened }) =>\n            opened ? `var(${tokens.targetBackgroundColorOpen})` : `var(${tokens.targetBackgroundColorHover})`};\n\n        box-shadow: inset 0 0 0 0.0625rem\n            ${({ opened }) =>\n                opened ? `var(${tokens.targetBorderColorOpen})` : `var(${tokens.targetBorderColorHover})`};\n    }\n\n    &:active:not([disabled]):not([readonly]) {\n        background-color: ${({ opened }) =>\n            opened ? `var(${tokens.targetBackgroundColorOpen})` : `var(${tokens.targetBackgroundColorActive})`};\n\n        box-shadow: inset 0 0 0 0.0625rem\n            ${({ opened }) =>\n                opened ? `var(${tokens.targetBorderColorOpen})` : `var(${tokens.targetBorderColorActive})`};\n    }\n\n    padding: var(${tokens.targetPaddingWithInput});\n\n    display: flex;\n    justify-content: flex-start;\n\n    &[disabled] {\n        cursor: not-allowed;\n\n        opacity: var(${tokens.disabledOpacity});\n    }\n\n    &[readonly] {\n        cursor: default;\n\n        .${String(comboboxTargetArrow)} {\n            opacity: 0.4;\n        }\n    }\n\n    .${String(arrowInverse)} {\n        transform: rotate(-180deg);\n    }\n\n    &.${String(hasChips)} {\n        padding: var(${tokens.targetPaddingHasChips});\n    }\n\n    &.${String(innerLabelUp)} {\n        .${String(comboboxTargetInput)}, .${String(comboboxTargeText)} {\n            top: var(${tokens.targetInnerTop});\n        }\n\n        .${String(comboboxTargetLabel)} {\n            top: var(${tokens.targetLabelInnerTop});\n            font-family: var(${tokens.targetLabelInnerFontFamily});\n            font-size: var(${tokens.targetLabelInnerFontSize});\n            font-style: var(${tokens.targetLabelInnerFontStyle});\n            font-weight: var(${tokens.targetLabelInnerFontWeight});\n            letter-spacing: var(${tokens.targetLabelInnerLetterSpacing});\n            line-height: var(${tokens.targetLabelInnerLineHeight});\n        }\n    }\n\n    overflow: visible;\n\n    --plasma_private-combobox-focus-size: 0.0625rem;\n\n    ${addFocus({\n        hasTransition: false,\n        outlineOffset: 'calc(-1 * var(--plasma_private-combobox-focus-size))',\n        outlineRadius: `calc(var(${tokens.targetRadius}) + var(--plasma_private-combobox-focus-size))`,\n        outlineSize: 'var(--plasma_private-combobox-focus-size)',\n        customFocusRules: `\n            &:focus-within {\n                box-shadow: none;\n                background-color: var(${tokens.targetBackgroundColorOpen});\n\n                &::before {\n                    box-shadow: inset 0 0 0 var(--plasma_private-combobox-focus-size) var(${tokens.targetBorderColorOpen});\n                }\n            }\n        `,\n    })}\n`;\n\nexport const StyledArrow = styled(IconChevronDown)`\n    transition: color 0.3s ease-in, transform 0.15s ease-in;\n    pointer-events: none;\n    user-select: none;\n\n    position: absolute;\n    right: var(${tokens.targetArrowRight});\n    color: var(${tokens.targetArrowColor});\n`;\n\nexport const StyledContent = styled.div`\n    &.${String(hasChips)} {\n        border-radius: var(${tokens.chipBorderRadius});\n    }\n\n    font-family: var(${tokens.targetFontFamily});\n    font-size: var(${tokens.targetFontSize});\n    font-style: var(${tokens.targetFontStyle});\n    font-weight: var(${tokens.targetFontWeight});\n    letter-spacing: var(${tokens.targetLetterSpacing});\n    line-height: var(${tokens.targetLineHeight});\n\n    overflow: scroll;\n    position: relative;\n    width: 100%;\n    height: var(${tokens.chipHeight});\n    display: inline-flex;\n    align-items: center;\n    gap: 0.5rem;\n\n    ::-webkit-scrollbar {\n        display: none;\n    }\n\n    scrollbar-width: none;\n\n    overscroll-behavior: contain;\n`;\n\nexport const StyledComboboxInput = styled.input`\n    position: relative;\n    color: var(${tokens.targetColor});\n\n    border: none;\n    outline: none;\n    caret-color: var(${tokens.focusColor});\n    margin: 0;\n    padding: 0;\n    background: transparent;\n\n    flex: 1;\n\n    min-width: 50%;\n\n    font-family: inherit;\n    font-size: inherit;\n    font-weight: inherit;\n    letter-spacing: inherit;\n    line-height: inherit;\n\n    &::placeholder {\n        color: var(${tokens.targetLabelColor});\n    }\n\n    &:disabled {\n        cursor: not-allowed;\n    }\n`;\n\nexport const StyledComboboxInputHelper = styled.div`\n    position: absolute;\n\n    font-family: inherit;\n    font-size: inherit;\n    font-weight: inherit;\n    letter-spacing: inherit;\n    line-height: inherit;\n\n    white-space: pre-wrap;\n    visibility: hidden;\n    overflow: hidden;\n`;\n\nexport const StyledText = styled.span`\n    white-space: nowrap;\n\n    position: relative;\n    user-select: none;\n\n    color: var(${tokens.targetColor});\n`;\n\nexport const StyledChips = styled.div`\n    display: flex;\n    gap: var(${tokens.chipGap});\n\n    user-select: none;\n`;\n\nexport const StyledLabel = styled.label`\n    ${applyEllipsis()};\n\n    box-sizing: border-box;\n    position: absolute;\n    pointer-events: none;\n    display: inline-flex;\n    align-items: center;\n\n    transition: all 0.1s ease-in-out;\n    transform-origin: top left;\n\n    width: 100%;\n    height: auto;\n\n    color: var(${tokens.targetLabelColor});\n\n    font-family: var(${tokens.targetFontFamily});\n    font-size: var(${tokens.targetFontSize});\n    font-style: var(${tokens.targetFontStyle});\n    font-weight: var(${tokens.targetFontWeight});\n    letter-spacing: var(${tokens.targetLetterSpacing});\n    line-height: var(${tokens.targetLineHeight});\n`;\n"],"names":["_exp10","_ref","opened","concat","tokens","targetBackgroundColorOpen","targetBackgroundColor","_exp11","_ref2","targetBorderColorOpen","targetBorderColor","_exp12","_ref3","targetBackgroundColorHover","_exp13","_ref4","targetBorderColorHover","_exp14","_ref5","targetBackgroundColorActive","_exp15","_ref6","targetBorderColorActive","StyledComboboxTarget","styled","name","class","propsAsIs","vars","_exp35","IconChevronDown","StyledArrow","StyledContent","StyledComboboxInput","StyledComboboxInputHelper","StyledText","StyledChips","StyledLabel"],"mappings":";;;;;AAIwD,IAAAA,MAAA,GAHtCA,SAGsCA,MAAAA,GAAA;AAAA,EAAA,OAmChC,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,IAAAA,CAAAA,MAAAA,CAAAA;AAAAA,IAAAA,OACnBA,MAAM,GAAA,MAAA,CAAAC,MAAA,CAAUC,MAAM,CAACC,yBAA0B,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAF,MAAA,CAAYC,MAAM,CAACE,qBAAsB,EAAE,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GAvClFA,SAuCkFA,MAAAA,GAAA;AAAA,EAAA,OAG1F,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGN,MAAAA,GAAAA,KAAAA,CAAAA,MAAAA,CAAAA;AAAAA,IAAAA,OAAcA,MAAM,GAAA,MAAA,CAAAC,MAAA,CAAUC,MAAM,CAACK,qBAAsB,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAN,MAAA,CAAYC,MAAM,CAACM,iBAAkB,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GA1C9FA,SA0C8FA,MAAAA,GAAA;AAAA,EAAA,OAGpF,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGV,MAAAA,GAAAA,KAAAA,CAAAA,MAAAA,CAAAA;AAAAA,IAAAA,OACnBA,MAAM,GAAA,MAAA,CAAAC,MAAA,CAAUC,MAAM,CAACC,yBAA0B,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAF,MAAA,CAAYC,MAAM,CAACS,0BAA2B,EAAE,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GA9C3FA,SA8C2FA,MAAAA,GAAA;AAAA,EAAA,OAG/F,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGb,MAAAA,GAAAA,KAAAA,CAAAA,MAAAA,CAAAA;AAAAA,IAAAA,OACDA,MAAM,GAAA,MAAA,CAAAC,MAAA,CAAUC,MAAM,CAACK,qBAAsB,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAN,MAAA,CAAYC,MAAM,CAACY,sBAAuB,EAAE,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GAlDvFA,SAkDuFA,MAAAA,GAAA;AAAA,EAAA,OAI7E,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGhB,MAAAA,GAAAA,KAAAA,CAAAA,MAAAA,CAAAA;AAAAA,IAAAA,OACnBA,MAAM,GAAA,MAAA,CAAAC,MAAA,CAAUC,MAAM,CAACC,yBAA0B,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAF,MAAA,CAAYC,MAAM,CAACe,2BAA4B,EAAE,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GAvD5FA,SAuD4FA,MAAAA,GAAA;AAAA,EAAA,OAGhG,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGnB,MAAAA,GAAAA,KAAAA,CAAAA,MAAAA,CAAAA;AAAAA,IAAAA,OACDA,MAAM,GAAA,MAAA,CAAAC,MAAA,CAAUC,MAAM,CAACK,qBAAsB,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAN,MAAA,CAAYC,MAAM,CAACkB,uBAAwB,EAAE,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AA5CnG,IAAMC,oBAAoB,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAuBlB5B,MAC4E,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAG1FO,MAAsG,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAGpFI,MACiF,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAG/FG,MAC2F,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAI7EG,MACkF,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAGhGG,MAC4F,EAAA,CAAA;AAAA,GAAA;AAAA,CAkEzG,EAAA;AAAC,IAAAS,MAAA,GA7HgBA,SA6HhBA,MAAAA,GAAA;AAAA,EAAA,OAEgCC,eAAe,CAAA;AAAA,CAAA,CAAA;AAA1C,IAAMC,WAAW,gBAAGP,MAAM,CAAAK,MAAA,EAAA,CAAA,CAAA;AAAAJ,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAQhC,EAAA;AAEM,IAAMK,aAAa,gBAAGR,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CA2BlC,EAAA;AAEM,IAAMM,mBAAmB,gBAAGT,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,qBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CA4BxC,EAAA;AAEM,IAAMO,yBAAyB,gBAAGV,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,2BAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAY9C,EAAA;AAEM,IAAMQ,UAAU,gBAAGX,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAO/B,EAAA;AAEM,IAAMS,WAAW,gBAAGZ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKhC,EAAA;AAEM,IAAMU,WAAW,gBAAGb,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAuBhC;;;;"}
+{"version":3,"file":"ComboboxTarget.styles.js","sources":["../../../../../../src/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { IconChevronDown } from '../../../../_Icon';\nimport { addFocus, applyEllipsis } from '../../../../../mixins';\nimport { classes, tokens } from '../../Combobox.tokens';\n\nconst {\n    hasChips,\n    innerLabelUp,\n    arrowInverse,\n    comboboxTargetArrow,\n    comboboxTargeText,\n    comboboxTargetInput,\n    comboboxTargetLabel,\n} = classes;\n\nexport const StyledComboboxTarget = styled.div<{\n    opened?: boolean;\n    readOnly?: boolean;\n    disabled?: boolean;\n}>`\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    cursor: pointer;\n    box-sizing: border-box;\n\n    height: var(${tokens.targetHeight});\n    width: var(${tokens.targetWidth});\n    overflow: hidden;\n    border-radius: var(${tokens.targetRadius});\n    font-family: var(${tokens.targetFontFamily});\n    font-size: var(${tokens.targetFontStyle});\n    font-weight: var(${tokens.targetFontWeight});\n    letter-spacing: var(${tokens.targetLetterSpacing});\n    line-height: var(${tokens.targetLineHeight});\n\n    color: var(${tokens.targetColor});\n\n    background-color: ${({ opened }) =>\n        opened ? `var(${tokens.targetBackgroundColorOpen})` : `var(${tokens.targetBackgroundColor})`};\n\n    box-shadow: inset 0 0 0 0.0625rem\n        ${({ opened }) => (opened ? `var(${tokens.targetBorderColorOpen})` : `var(${tokens.targetBorderColor})`)};\n\n    &:hover:not([disabled]):not([readonly]) {\n        background-color: ${({ opened }) =>\n            opened ? `var(${tokens.targetBackgroundColorOpen})` : `var(${tokens.targetBackgroundColorHover})`};\n\n        box-shadow: inset 0 0 0 0.0625rem\n            ${({ opened }) =>\n                opened ? `var(${tokens.targetBorderColorOpen})` : `var(${tokens.targetBorderColorHover})`};\n    }\n\n    &:active:not([disabled]):not([readonly]) {\n        background-color: ${({ opened }) =>\n            opened ? `var(${tokens.targetBackgroundColorOpen})` : `var(${tokens.targetBackgroundColorActive})`};\n\n        box-shadow: inset 0 0 0 0.0625rem\n            ${({ opened }) =>\n                opened ? `var(${tokens.targetBorderColorOpen})` : `var(${tokens.targetBorderColorActive})`};\n    }\n\n    padding: var(${tokens.targetPaddingWithInput});\n\n    display: flex;\n    justify-content: flex-start;\n\n    &[disabled] {\n        cursor: not-allowed;\n\n        opacity: var(${tokens.disabledOpacity});\n    }\n\n    &[readonly] {\n        cursor: default;\n\n        .${String(comboboxTargetArrow)} {\n            opacity: 0.4;\n        }\n    }\n\n    .${String(arrowInverse)} {\n        transform: rotate(-180deg);\n    }\n\n    &.${String(hasChips)} {\n        padding: var(${tokens.targetPaddingHasChips});\n    }\n\n    &.${String(innerLabelUp)} {\n        .${String(comboboxTargetInput)}, .${String(comboboxTargeText)} {\n            top: var(${tokens.targetInnerTop});\n        }\n\n        .${String(comboboxTargetLabel)} {\n            top: var(${tokens.targetLabelInnerTop});\n            font-family: var(${tokens.targetLabelInnerFontFamily});\n            font-size: var(${tokens.targetLabelInnerFontSize});\n            font-style: var(${tokens.targetLabelInnerFontStyle});\n            font-weight: var(${tokens.targetLabelInnerFontWeight});\n            letter-spacing: var(${tokens.targetLabelInnerLetterSpacing});\n            line-height: var(${tokens.targetLabelInnerLineHeight});\n        }\n    }\n\n    overflow: visible;\n\n    --plasma_private-combobox-focus-size: 0.0625rem;\n\n    ${addFocus({\n        hasTransition: false,\n        outlineOffset: 'calc(-1 * var(--plasma_private-combobox-focus-size))',\n        outlineRadius: `calc(var(${tokens.targetRadius}) + var(--plasma_private-combobox-focus-size))`,\n        outlineSize: 'var(--plasma_private-combobox-focus-size)',\n        customFocusRules: `\n            &:focus-within {\n                box-shadow: none;\n                background-color: var(${tokens.targetBackgroundColorOpen});\n\n                &::before {\n                    box-shadow: inset 0 0 0 var(--plasma_private-combobox-focus-size) var(${tokens.targetBorderColorOpen});\n                }\n            }\n        `,\n    })}\n`;\n\nexport const StyledArrow = styled(IconChevronDown)`\n    transition: color 0.3s ease-in, transform 0.15s ease-in;\n    pointer-events: none;\n    user-select: none;\n\n    position: absolute;\n    right: var(${tokens.targetArrowRight});\n    color: var(${tokens.targetArrowColor});\n`;\n\nexport const StyledContent = styled.div`\n    &.${String(hasChips)} {\n        border-radius: var(${tokens.chipBorderRadius});\n    }\n\n    font-family: var(${tokens.targetFontFamily});\n    font-size: var(${tokens.targetFontSize});\n    font-style: var(${tokens.targetFontStyle});\n    font-weight: var(${tokens.targetFontWeight});\n    letter-spacing: var(${tokens.targetLetterSpacing});\n    line-height: var(${tokens.targetLineHeight});\n\n    overflow: scroll;\n    position: relative;\n    width: 100%;\n    height: var(${tokens.chipHeight});\n    display: inline-flex;\n    align-items: center;\n    gap: 0.5rem;\n\n    ::-webkit-scrollbar {\n        display: none;\n    }\n\n    scrollbar-width: none;\n\n    overscroll-behavior: contain;\n`;\n\nexport const StyledComboboxInput = styled.input`\n    position: relative;\n    color: var(${tokens.targetColor});\n\n    border: none;\n    outline: none;\n    caret-color: var(${tokens.focusColor});\n    margin: 0;\n    padding: 0;\n    background: transparent;\n\n    flex: 1;\n\n    min-width: 50%;\n\n    font-family: inherit;\n    font-size: inherit;\n    font-weight: inherit;\n    letter-spacing: inherit;\n    line-height: inherit;\n\n    &::placeholder {\n        color: var(${tokens.targetLabelColor});\n    }\n\n    &:disabled {\n        cursor: not-allowed;\n    }\n`;\n\nexport const StyledComboboxInputHelper = styled.div`\n    position: absolute;\n\n    font-family: inherit;\n    font-size: inherit;\n    font-weight: inherit;\n    letter-spacing: inherit;\n    line-height: inherit;\n\n    white-space: pre-wrap;\n    visibility: hidden;\n    overflow: hidden;\n`;\n\nexport const StyledText = styled.span`\n    white-space: nowrap;\n\n    position: relative;\n    user-select: none;\n\n    color: var(${tokens.targetColor});\n`;\n\nexport const StyledChips = styled.div`\n    display: flex;\n    gap: var(${tokens.chipGap});\n\n    user-select: none;\n`;\n\nexport const StyledLabel = styled.label`\n    ${applyEllipsis()};\n\n    box-sizing: border-box;\n    position: absolute;\n    pointer-events: none;\n    display: inline-flex;\n    align-items: center;\n\n    transition: all 0.1s ease-in-out;\n    transform-origin: top left;\n\n    width: 100%;\n    height: auto;\n\n    color: var(${tokens.targetLabelColor});\n\n    font-family: var(${tokens.targetFontFamily});\n    font-size: var(${tokens.targetFontSize});\n    font-style: var(${tokens.targetFontStyle});\n    font-weight: var(${tokens.targetFontWeight});\n    letter-spacing: var(${tokens.targetLetterSpacing});\n    line-height: var(${tokens.targetLineHeight});\n`;\n"],"names":["_exp10","_ref","opened","concat","tokens","targetBackgroundColorOpen","targetBackgroundColor","_exp11","_ref2","targetBorderColorOpen","targetBorderColor","_exp12","_ref3","targetBackgroundColorHover","_exp13","_ref4","targetBorderColorHover","_exp14","_ref5","targetBackgroundColorActive","_exp15","_ref6","targetBorderColorActive","StyledComboboxTarget","styled","name","class","propsAsIs","vars","_exp35","IconChevronDown","StyledArrow","StyledContent","StyledComboboxInput","StyledComboboxInputHelper","StyledText","StyledChips","StyledLabel"],"mappings":"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"}

package/es/components/DatePicker/DatePickerBase.styles.js

@@ -1,13 +1,7 @@
 import './DatePickerBase.styles_mjc9xz.css';
 import { styled } from '@linaria/react';
-import 'react';
-import 'focus-visible';
-import { calendarBaseConfig } from '../Calendar/CalendarBase/CalendarBase.js';
-import '@linaria/core';
 import { component, mergeConfig } from '../../engines/common.js';
-import '../../utils/react.js';
-import 'styled-components';
-import '@salutejs/plasma-core';
+import { calendarBaseConfig } from '../Calendar/CalendarBase/CalendarBase.js';
 
 var mergedCalendarConfig = /*#__PURE__*/mergeConfig(calendarBaseConfig);
 var Calendar = /*#__PURE__*/component(mergedCalendarConfig);

package/es/components/DatePicker/DatePickerBase.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerBase.styles.js","sources":["../../../src/components/DatePicker/DatePickerBase.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { calendarBaseConfig, calendarBaseTokens } from '../Calendar';\nimport { component, mergeConfig } from '../../engines';\nimport { applyHidden } from '../../mixins';\n\nimport { tokens } from './DatePicker.tokens';\n\nconst mergedCalendarConfig = mergeConfig(calendarBaseConfig);\nconst Calendar = component(mergedCalendarConfig);\n\nexport const baseCalendarTokens = `\n    padding-top: var(${tokens.calendarPaddingTop});\n    box-shadow: var(${tokens.calendarShadow});\n    border-radius: var(${tokens.calendarBorderRadius});\n\n    ${calendarBaseTokens.calendarBackgroundColor}: var(${tokens.calendarBackgroundColor});\n    ${calendarBaseTokens.calendarSelectedItemBackground}: var(${tokens.calendarSelectedItemBackground});\n    ${calendarBaseTokens.calendarSelectedItemColor}: var(${tokens.calendarSelectedItemColor});\n    ${calendarBaseTokens.calendarSelectableItemBackgroundHover}: var(${tokens.calendarSelectableItemBackgroundHover});\n    ${calendarBaseTokens.calendarCurrentItemBorderColor}: var(${tokens.calendarCurrentItemBorderColor});\n    ${calendarBaseTokens.calendarCurrentItemBackgroundHover}: var(${tokens.calendarCurrentItemBackgroundHover});\n    ${calendarBaseTokens.calendarCurrentItemColorHover}: var(${tokens.calendarCurrentItemColorHover});\n    ${calendarBaseTokens.calendarCurrentItemChildBackgroundHover}: var(${tokens.calendarCurrentItemChildBackgroundHover});\n    ${calendarBaseTokens.calendarActiveItemBackground}: var(${tokens.calendarActiveItemBackground});\n    ${calendarBaseTokens.calendarActiveItemColor}: var(${tokens.calendarActiveItemColor});\n    ${calendarBaseTokens.calendarHoveredItemBackground}: var(${tokens.calendarHoveredItemBackground});\n    ${calendarBaseTokens.calendarHoveredItemColor}: var(${tokens.calendarHoveredItemColor});\n    ${calendarBaseTokens.calendarRangeBackground}: var(${tokens.calendarRangeBackground});\n    ${calendarBaseTokens.calendarOutlineFocusColor}: var(${tokens.calendarOutlineFocusColor});\n    ${calendarBaseTokens.calendarContentPrimaryColor}: var(${tokens.calendarContentPrimaryColor});\n    ${calendarBaseTokens.calendarContentSecondaryColor}: var(${tokens.calendarContentSecondaryColor});\n\n    ${calendarBaseTokens.iconButtonColor}: var(${tokens.iconButtonColor});\n    ${calendarBaseTokens.iconButtonBackgroundColor}: var(${tokens.iconButtonBackgroundColor});\n    ${calendarBaseTokens.iconButtonColorHover}: var(${tokens.iconButtonColorHover});\n    ${calendarBaseTokens.iconButtonBackgroundColorHover}: var(${tokens.iconButtonBackgroundColorHover});\n    ${calendarBaseTokens.iconButtonColorActive}: var(${tokens.iconButtonColorActive});\n    ${calendarBaseTokens.iconButtonBackgroundColorActive}: var(${tokens.iconButtonBackgroundColorActive});\n\n    ${calendarBaseTokens.calendarWidth}: var(${tokens.calendarWidth});\n    ${calendarBaseTokens.calendarHeight}: var(${tokens.calendarHeight});\n\n    ${calendarBaseTokens.calendarYearsPadding}: var(${tokens.calendarYearsPadding});\n    ${calendarBaseTokens.calendarYearItemBorderRadius}: var(${tokens.calendarYearItemBorderRadius});\n    ${calendarBaseTokens.calendarYearItemWidth}: var(${tokens.calendarYearItemWidth});\n    ${calendarBaseTokens.calendarYearItemHeight}: var(${tokens.calendarYearItemHeight});\n    ${calendarBaseTokens.calendarYearFontFamily}: var(${tokens.calendarYearFontFamily});\n    ${calendarBaseTokens.calendarYearFontSize}: var(${tokens.calendarYearFontSize});\n    ${calendarBaseTokens.calendarYearFontStyle}: var(${tokens.calendarYearFontStyle});\n    ${calendarBaseTokens.calendarYearFontLetterSpacing}: var(${tokens.calendarYearFontLetterSpacing});\n    ${calendarBaseTokens.calendarYearFontLineHeight}: var(${tokens.calendarYearFontLineHeight});\n    ${calendarBaseTokens.calendarYearFontWeight}: var(${tokens.calendarYearFontWeight});\n    ${calendarBaseTokens.calendarYearSelectedFontWeight}: var(${tokens.calendarYearSelectedFontWeight});\n\n    ${calendarBaseTokens.calendarMonthsPadding}: var(${tokens.calendarMonthsPadding});\n    ${calendarBaseTokens.calendarMonthItemBorderRadius}: var(${tokens.calendarMonthItemBorderRadius});\n    ${calendarBaseTokens.calendarMonthItemWidth}: var(${tokens.calendarMonthItemWidth});\n    ${calendarBaseTokens.calendarMonthItemHeight}: var(${tokens.calendarMonthItemHeight});\n    ${calendarBaseTokens.calendarMonthFontFamily}: var(${tokens.calendarMonthFontFamily});\n    ${calendarBaseTokens.calendarMonthFontSize}: var(${tokens.calendarMonthFontSize});\n    ${calendarBaseTokens.calendarMonthFontStyle}: var(${tokens.calendarMonthFontStyle});\n    ${calendarBaseTokens.calendarMonthFontLetterSpacing}: var(${tokens.calendarMonthFontLetterSpacing});\n    ${calendarBaseTokens.calendarMonthFontLineHeight}: var(${tokens.calendarMonthFontLineHeight});\n    ${calendarBaseTokens.calendarMonthFontWeight}: var(${tokens.calendarMonthFontWeight});\n    ${calendarBaseTokens.calendarMonthSelectedFontWeight}: var(${tokens.calendarMonthSelectedFontWeight});\n\n    ${calendarBaseTokens.calendarQuartersPadding}: var(${tokens.calendarQuartersPadding});\n    ${calendarBaseTokens.calendarQuarterItemBorderRadius}: var(${tokens.calendarQuarterItemBorderRadius});\n    ${calendarBaseTokens.calendarQuarterItemWidth}: var(${tokens.calendarQuarterItemWidth});\n    ${calendarBaseTokens.calendarQuarterItemHeight}: var(${tokens.calendarQuarterItemHeight});\n    ${calendarBaseTokens.calendarQuarterFontFamily}: var(${tokens.calendarQuarterFontFamily});\n    ${calendarBaseTokens.calendarQuarterFontSize}: var(${tokens.calendarQuarterFontSize});\n    ${calendarBaseTokens.calendarQuarterFontStyle}: var(${tokens.calendarQuarterFontStyle});\n    ${calendarBaseTokens.calendarQuarterFontLetterSpacing}: var(${tokens.calendarQuarterFontLetterSpacing});\n    ${calendarBaseTokens.calendarQuarterFontLineHeight}: var(${tokens.calendarQuarterFontLineHeight});\n    ${calendarBaseTokens.calendarQuarterFontWeight}: var(${tokens.calendarQuarterFontWeight});\n    ${calendarBaseTokens.calendarQuarterSelectedFontWeight}: var(${tokens.calendarQuarterSelectedFontWeight});\n    \n    ${calendarBaseTokens.calendarDaysPadding}: var(${tokens.calendarDaysPadding});\n    ${calendarBaseTokens.calendarDayItemBorderRadius}: var(${tokens.calendarDayItemBorderRadius});\n    ${calendarBaseTokens.calendarDayItemWidth}: var(${tokens.calendarDayItemWidth});\n    ${calendarBaseTokens.calendarDayItemHeight}: var(${tokens.calendarDayItemHeight});\n    ${calendarBaseTokens.calendarDayFontFamily}: var(${tokens.calendarDayFontFamily});\n    ${calendarBaseTokens.calendarDayFontSize}: var(${tokens.calendarDayFontSize});\n    ${calendarBaseTokens.calendarDayFontStyle}: var(${tokens.calendarDayFontStyle});\n    ${calendarBaseTokens.calendarDayFontLetterSpacing}: var(${tokens.calendarDayFontLetterSpacing});\n    ${calendarBaseTokens.calendarDayFontLineHeight}: var(${tokens.calendarDayFontLineHeight});\n    ${calendarBaseTokens.calendarDayFontWeight}: var(${tokens.calendarDayFontWeight});\n    ${calendarBaseTokens.calendarDaySelectedFontWeight}: var(${tokens.calendarDaySelectedFontWeight});\n    \n    ${calendarBaseTokens.calendarHeaderWrapperPadding}: var(${tokens.calendarHeaderWrapperPadding});\n    ${calendarBaseTokens.calendarHeaderArrowGap}: var(${tokens.calendarHeaderArrowGap});\n    ${calendarBaseTokens.calendarHeaderArrowPadding}: var(${tokens.calendarHeaderArrowPadding});\n    ${calendarBaseTokens.calendarHeaderPadding}: var(${tokens.calendarHeaderPadding});\n    ${calendarBaseTokens.calendarHeaderDateGap}: var(${tokens.calendarHeaderDateGap});\n    ${calendarBaseTokens.calendarHeaderFontFamily}: var(${tokens.calendarHeaderFontFamily});\n    ${calendarBaseTokens.calendarHeaderFontSize}: var(${tokens.calendarHeaderFontSize});\n    ${calendarBaseTokens.calendarHeaderFontStyle}: var(${tokens.calendarHeaderFontStyle});\n    ${calendarBaseTokens.calendarHeaderFontLetterSpacing}: var(${tokens.calendarHeaderFontLetterSpacing});\n    ${calendarBaseTokens.calendarHeaderFontLineHeight}: var(${tokens.calendarHeaderFontLineHeight});\n    ${calendarBaseTokens.calendarHeaderFontWeight}: var(${tokens.calendarHeaderFontWeight});\n    ${calendarBaseTokens.calendarHeaderFontWeightBold}: var(${tokens.calendarHeaderFontWeightBold});\n    \n    ${calendarBaseTokens.iconButtonHeight}: var(${tokens.iconButtonHeight});\n    ${calendarBaseTokens.iconButtonWidth}: var(${tokens.iconButtonWidth});\n    ${calendarBaseTokens.iconButtonPadding}: var(${tokens.iconButtonPadding});\n    ${calendarBaseTokens.iconButtonRadius}: var(${tokens.iconButtonRadius});\n    ${calendarBaseTokens.iconButtonFocusColor}: var(${tokens.iconButtonFocusColor});\n`;\n\n// NOTE: переопределение токенов Calendar\nexport const StyledCalendar = styled(Calendar)`\n    width: var(${tokens.width});\n    ${baseCalendarTokens}\n`;\n\nexport const InputHidden = styled.input`\n    ${applyHidden()};\n`;\n"],"names":["mergedCalendarConfig","mergeConfig","calendarBaseConfig","Calendar","component","_exp","StyledCalendar","styled","name","class","propsAsIs","InputHidden"],"mappings":";;;;;;;;;;AAQA,IAAMA,oBAAoB,gBAAGC,WAAW,CAACC,kBAAkB,CAAC,CAAA;AAC5D,IAAMC,QAAQ,gBAAGC,SAAS,CAACJ,oBAAoB,CAAC,CAAA;;AAsGhD;AAAA,IAAAK,IAAA,GA9GkBA,SA8GlBA,IAAAA,GAAA;AAAA,EAAA,OACqCF,QAAQ,CAAA;AAAA,CAAA,CAAA;AAAtC,IAAMG,cAAc,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAGnC,EAAA;AAEM,IAAMC,WAAW,gBAAGJ,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEhC;;;;"}
+{"version":3,"file":"DatePickerBase.styles.js","sources":["../../../src/components/DatePicker/DatePickerBase.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { calendarBaseConfig, calendarBaseTokens } from '../Calendar';\nimport { component, mergeConfig } from '../../engines';\nimport { applyHidden } from '../../mixins';\n\nimport { tokens } from './DatePicker.tokens';\n\nconst mergedCalendarConfig = mergeConfig(calendarBaseConfig);\nconst Calendar = component(mergedCalendarConfig);\n\nexport const baseCalendarTokens = `\n    padding-top: var(${tokens.calendarPaddingTop});\n    box-shadow: var(${tokens.calendarShadow});\n    border-radius: var(${tokens.calendarBorderRadius});\n\n    ${calendarBaseTokens.calendarBackgroundColor}: var(${tokens.calendarBackgroundColor});\n    ${calendarBaseTokens.calendarSelectedItemBackground}: var(${tokens.calendarSelectedItemBackground});\n    ${calendarBaseTokens.calendarSelectedItemColor}: var(${tokens.calendarSelectedItemColor});\n    ${calendarBaseTokens.calendarSelectableItemBackgroundHover}: var(${tokens.calendarSelectableItemBackgroundHover});\n    ${calendarBaseTokens.calendarCurrentItemBorderColor}: var(${tokens.calendarCurrentItemBorderColor});\n    ${calendarBaseTokens.calendarCurrentItemBackgroundHover}: var(${tokens.calendarCurrentItemBackgroundHover});\n    ${calendarBaseTokens.calendarCurrentItemColorHover}: var(${tokens.calendarCurrentItemColorHover});\n    ${calendarBaseTokens.calendarCurrentItemChildBackgroundHover}: var(${tokens.calendarCurrentItemChildBackgroundHover});\n    ${calendarBaseTokens.calendarActiveItemBackground}: var(${tokens.calendarActiveItemBackground});\n    ${calendarBaseTokens.calendarActiveItemColor}: var(${tokens.calendarActiveItemColor});\n    ${calendarBaseTokens.calendarHoveredItemBackground}: var(${tokens.calendarHoveredItemBackground});\n    ${calendarBaseTokens.calendarHoveredItemColor}: var(${tokens.calendarHoveredItemColor});\n    ${calendarBaseTokens.calendarRangeBackground}: var(${tokens.calendarRangeBackground});\n    ${calendarBaseTokens.calendarOutlineFocusColor}: var(${tokens.calendarOutlineFocusColor});\n    ${calendarBaseTokens.calendarContentPrimaryColor}: var(${tokens.calendarContentPrimaryColor});\n    ${calendarBaseTokens.calendarContentSecondaryColor}: var(${tokens.calendarContentSecondaryColor});\n\n    ${calendarBaseTokens.iconButtonColor}: var(${tokens.iconButtonColor});\n    ${calendarBaseTokens.iconButtonBackgroundColor}: var(${tokens.iconButtonBackgroundColor});\n    ${calendarBaseTokens.iconButtonColorHover}: var(${tokens.iconButtonColorHover});\n    ${calendarBaseTokens.iconButtonBackgroundColorHover}: var(${tokens.iconButtonBackgroundColorHover});\n    ${calendarBaseTokens.iconButtonColorActive}: var(${tokens.iconButtonColorActive});\n    ${calendarBaseTokens.iconButtonBackgroundColorActive}: var(${tokens.iconButtonBackgroundColorActive});\n\n    ${calendarBaseTokens.calendarWidth}: var(${tokens.calendarWidth});\n    ${calendarBaseTokens.calendarHeight}: var(${tokens.calendarHeight});\n\n    ${calendarBaseTokens.calendarYearsPadding}: var(${tokens.calendarYearsPadding});\n    ${calendarBaseTokens.calendarYearItemBorderRadius}: var(${tokens.calendarYearItemBorderRadius});\n    ${calendarBaseTokens.calendarYearItemWidth}: var(${tokens.calendarYearItemWidth});\n    ${calendarBaseTokens.calendarYearItemHeight}: var(${tokens.calendarYearItemHeight});\n    ${calendarBaseTokens.calendarYearFontFamily}: var(${tokens.calendarYearFontFamily});\n    ${calendarBaseTokens.calendarYearFontSize}: var(${tokens.calendarYearFontSize});\n    ${calendarBaseTokens.calendarYearFontStyle}: var(${tokens.calendarYearFontStyle});\n    ${calendarBaseTokens.calendarYearFontLetterSpacing}: var(${tokens.calendarYearFontLetterSpacing});\n    ${calendarBaseTokens.calendarYearFontLineHeight}: var(${tokens.calendarYearFontLineHeight});\n    ${calendarBaseTokens.calendarYearFontWeight}: var(${tokens.calendarYearFontWeight});\n    ${calendarBaseTokens.calendarYearSelectedFontWeight}: var(${tokens.calendarYearSelectedFontWeight});\n\n    ${calendarBaseTokens.calendarMonthsPadding}: var(${tokens.calendarMonthsPadding});\n    ${calendarBaseTokens.calendarMonthItemBorderRadius}: var(${tokens.calendarMonthItemBorderRadius});\n    ${calendarBaseTokens.calendarMonthItemWidth}: var(${tokens.calendarMonthItemWidth});\n    ${calendarBaseTokens.calendarMonthItemHeight}: var(${tokens.calendarMonthItemHeight});\n    ${calendarBaseTokens.calendarMonthFontFamily}: var(${tokens.calendarMonthFontFamily});\n    ${calendarBaseTokens.calendarMonthFontSize}: var(${tokens.calendarMonthFontSize});\n    ${calendarBaseTokens.calendarMonthFontStyle}: var(${tokens.calendarMonthFontStyle});\n    ${calendarBaseTokens.calendarMonthFontLetterSpacing}: var(${tokens.calendarMonthFontLetterSpacing});\n    ${calendarBaseTokens.calendarMonthFontLineHeight}: var(${tokens.calendarMonthFontLineHeight});\n    ${calendarBaseTokens.calendarMonthFontWeight}: var(${tokens.calendarMonthFontWeight});\n    ${calendarBaseTokens.calendarMonthSelectedFontWeight}: var(${tokens.calendarMonthSelectedFontWeight});\n\n    ${calendarBaseTokens.calendarQuartersPadding}: var(${tokens.calendarQuartersPadding});\n    ${calendarBaseTokens.calendarQuarterItemBorderRadius}: var(${tokens.calendarQuarterItemBorderRadius});\n    ${calendarBaseTokens.calendarQuarterItemWidth}: var(${tokens.calendarQuarterItemWidth});\n    ${calendarBaseTokens.calendarQuarterItemHeight}: var(${tokens.calendarQuarterItemHeight});\n    ${calendarBaseTokens.calendarQuarterFontFamily}: var(${tokens.calendarQuarterFontFamily});\n    ${calendarBaseTokens.calendarQuarterFontSize}: var(${tokens.calendarQuarterFontSize});\n    ${calendarBaseTokens.calendarQuarterFontStyle}: var(${tokens.calendarQuarterFontStyle});\n    ${calendarBaseTokens.calendarQuarterFontLetterSpacing}: var(${tokens.calendarQuarterFontLetterSpacing});\n    ${calendarBaseTokens.calendarQuarterFontLineHeight}: var(${tokens.calendarQuarterFontLineHeight});\n    ${calendarBaseTokens.calendarQuarterFontWeight}: var(${tokens.calendarQuarterFontWeight});\n    ${calendarBaseTokens.calendarQuarterSelectedFontWeight}: var(${tokens.calendarQuarterSelectedFontWeight});\n    \n    ${calendarBaseTokens.calendarDaysPadding}: var(${tokens.calendarDaysPadding});\n    ${calendarBaseTokens.calendarDayItemBorderRadius}: var(${tokens.calendarDayItemBorderRadius});\n    ${calendarBaseTokens.calendarDayItemWidth}: var(${tokens.calendarDayItemWidth});\n    ${calendarBaseTokens.calendarDayItemHeight}: var(${tokens.calendarDayItemHeight});\n    ${calendarBaseTokens.calendarDayFontFamily}: var(${tokens.calendarDayFontFamily});\n    ${calendarBaseTokens.calendarDayFontSize}: var(${tokens.calendarDayFontSize});\n    ${calendarBaseTokens.calendarDayFontStyle}: var(${tokens.calendarDayFontStyle});\n    ${calendarBaseTokens.calendarDayFontLetterSpacing}: var(${tokens.calendarDayFontLetterSpacing});\n    ${calendarBaseTokens.calendarDayFontLineHeight}: var(${tokens.calendarDayFontLineHeight});\n    ${calendarBaseTokens.calendarDayFontWeight}: var(${tokens.calendarDayFontWeight});\n    ${calendarBaseTokens.calendarDaySelectedFontWeight}: var(${tokens.calendarDaySelectedFontWeight});\n    \n    ${calendarBaseTokens.calendarHeaderWrapperPadding}: var(${tokens.calendarHeaderWrapperPadding});\n    ${calendarBaseTokens.calendarHeaderArrowGap}: var(${tokens.calendarHeaderArrowGap});\n    ${calendarBaseTokens.calendarHeaderArrowPadding}: var(${tokens.calendarHeaderArrowPadding});\n    ${calendarBaseTokens.calendarHeaderPadding}: var(${tokens.calendarHeaderPadding});\n    ${calendarBaseTokens.calendarHeaderDateGap}: var(${tokens.calendarHeaderDateGap});\n    ${calendarBaseTokens.calendarHeaderFontFamily}: var(${tokens.calendarHeaderFontFamily});\n    ${calendarBaseTokens.calendarHeaderFontSize}: var(${tokens.calendarHeaderFontSize});\n    ${calendarBaseTokens.calendarHeaderFontStyle}: var(${tokens.calendarHeaderFontStyle});\n    ${calendarBaseTokens.calendarHeaderFontLetterSpacing}: var(${tokens.calendarHeaderFontLetterSpacing});\n    ${calendarBaseTokens.calendarHeaderFontLineHeight}: var(${tokens.calendarHeaderFontLineHeight});\n    ${calendarBaseTokens.calendarHeaderFontWeight}: var(${tokens.calendarHeaderFontWeight});\n    ${calendarBaseTokens.calendarHeaderFontWeightBold}: var(${tokens.calendarHeaderFontWeightBold});\n    \n    ${calendarBaseTokens.iconButtonHeight}: var(${tokens.iconButtonHeight});\n    ${calendarBaseTokens.iconButtonWidth}: var(${tokens.iconButtonWidth});\n    ${calendarBaseTokens.iconButtonPadding}: var(${tokens.iconButtonPadding});\n    ${calendarBaseTokens.iconButtonRadius}: var(${tokens.iconButtonRadius});\n    ${calendarBaseTokens.iconButtonFocusColor}: var(${tokens.iconButtonFocusColor});\n`;\n\n// NOTE: переопределение токенов Calendar\nexport const StyledCalendar = styled(Calendar)`\n    width: var(${tokens.width});\n    ${baseCalendarTokens}\n`;\n\nexport const InputHidden = styled.input`\n    ${applyHidden()};\n`;\n"],"names":["mergedCalendarConfig","mergeConfig","calendarBaseConfig","Calendar","component","_exp","StyledCalendar","styled","name","class","propsAsIs","InputHidden"],"mappings":";;;;AAQA,IAAMA,oBAAoB,gBAAGC,WAAW,CAACC,kBAAkB,CAAC,CAAA;AAC5D,IAAMC,QAAQ,gBAAGC,SAAS,CAACJ,oBAAoB,CAAC,CAAA;;AAsGhD;AAAA,IAAAK,IAAA,GA9GkBA,SA8GlBA,IAAAA,GAAA;AAAA,EAAA,OACqCF,QAAQ,CAAA;AAAA,CAAA,CAAA;AAAtC,IAAMG,cAAc,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAGnC,EAAA;AAEM,IAAMC,WAAW,gBAAGJ,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEhC;;;;"}

package/es/components/DatePicker/RangeDate/RangeDate.js

@@ -6,7 +6,6 @@ import { useDatePicker } from '../hooks/useDatePicker.js';
 import { classes } from '../DatePicker.tokens.js';
 import { keys, useKeyNavigation } from '../hooks/useKeyboardNavigation.js';
 import { InputHidden } from '../DatePickerBase.styles.js';
-import { getSortedValues } from '../../Calendar/utils/calendarRangeHelper.js';
 import { base as base$2 } from './variations/_size/base.js';
 import { base as base$1 } from './variations/_view/base.js';
 import { base as base$3 } from './variations/_disabled/base.js';
@@ -14,6 +13,7 @@ import { base as base$4 } from './variations/_readonly/base.js';
 import { StyledLabel, LeftHelper, base, StyledRange } from './RangeDate.styles.js';
 import { RangeDatePopover } from './RangeDatePopover/RangeDatePopover.js';
 import { noop } from '../../../utils/noop.js';
+import { getSortedValues } from '../../Calendar/utils/calendarRangeHelper.js';
 
 var _excluded = ["className", "isDoubleCalendar", "opened", "label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "name", "dividerVariant", "dividerIcon", "defaultFirstDate", "defaultSecondDate", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "format", "lang", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "onToggle", "onChange", "onChangeFirstValue", "onChangeSecondValue", "onCommitFirstDate", "onCommitSecondDate", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
 var datePickerRangeRoot = function datePickerRangeRoot(Root) {

package/es/components/DatePicker/RangeDate/RangeDate.styles.js

@@ -1,6 +1,5 @@
 import './RangeDate.styles_19to6bu.css';
 import { styled } from '@linaria/react';
-import '@linaria/core';
 import { component, mergeConfig } from '../../../engines/common.js';
 import { rangeConfig } from '../../Range/Range.js';
 import { popoverConfig } from '../../Popover/Popover.js';

package/es/components/DatePicker/RangeDate/RangeDate.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"RangeDate.styles.js","sources":["../../../../src/components/DatePicker/RangeDate/RangeDate.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { component, mergeConfig } from '../../../engines';\nimport { rangeConfig, rangeTokens } from '../../Range';\nimport { tokens } from '../DatePicker.tokens';\nimport { popoverConfig } from '../../Popover';\n\nconst mergedRangeConfig = mergeConfig(rangeConfig);\nconst Range = component(mergedRangeConfig);\n\nconst mergedPopoverConfig = mergeConfig(popoverConfig);\nconst Popover = component(mergedPopoverConfig);\n\nexport const StyledPopover = styled(Popover)``;\n\n// NOTE: переопределение токенов Range\nexport const StyledRange = styled(Range)`\n    ${rangeTokens.background}: var(${tokens.background});\n    ${rangeTokens.backgroundError}: var(${tokens.backgroundError});\n    ${rangeTokens.backgroundSuccess}: var(${tokens.backgroundSuccess});\n    \n    ${rangeTokens.borderColor}: var(${tokens.borderColor});\n    ${rangeTokens.borderColorError}: var(${tokens.borderColorError});\n    ${rangeTokens.borderColorSuccess}: var(${tokens.borderColorSuccess});\n    \n    ${rangeTokens.borderWidth}: var(${tokens.textFieldBorderWidth});\n\n    ${rangeTokens.dividerColor}: var(${tokens.dividerColor});\n    ${rangeTokens.labelColor}: var(${tokens.labelColor});\n    ${rangeTokens.leftHelperColor}: var(${tokens.leftHelperColor});\n\n    ${rangeTokens.textFieldColor}: var(${tokens.textFieldColor});\n    ${rangeTokens.textFieldPlaceholderColor}: var(${tokens.textFieldPlaceholderColor});\n    ${rangeTokens.textFieldPlaceholderColorFocus}: var(${tokens.textFieldPlaceholderColorFocus});\n    ${rangeTokens.textFieldCaretColor}: var(${tokens.textFieldCaretColor});\n\n    ${rangeTokens.textFieldBackgroundColorFocus}: var(${tokens.textFieldBackgroundColorFocus});\n    ${rangeTokens.textFieldBackgroundErrorColor}: var(${tokens.textFieldBackgroundErrorColor});\n    ${rangeTokens.textFieldBackgroundErrorColorFocus}: var(${tokens.textFieldBackgroundErrorColorFocus});\n    ${rangeTokens.textFieldBackgroundSuccessColor}: var(${tokens.textFieldBackgroundSuccessColor});\n    ${rangeTokens.textFieldBackgroundSuccessColorFocus}: var(${tokens.textFieldBackgroundSuccessColorFocus});\n\n    ${rangeTokens.textFieldBorderWidth}: var(${tokens.textFieldBorderWidth});\n    ${rangeTokens.textFieldBorderColorFocus}: var(${tokens.textFieldBorderColorFocus});\n    ${rangeTokens.textFieldBorderColorError}: var(${tokens.textFieldBorderColorError});\n    ${rangeTokens.textFieldBorderColorErrorFocus}: var(${tokens.textFieldBorderColorErrorFocus});\n    ${rangeTokens.textFieldBorderColorSuccess}: var(${tokens.textFieldBorderColorSuccess});\n    ${rangeTokens.textFieldBorderColorSuccessFocus}: var(${tokens.textFieldBorderColorSuccessFocus});\n\n    ${rangeTokens.textFieldTextBeforeColor}: var(${tokens.textFieldTextBeforeColor});\n    ${rangeTokens.textFieldTextAfterColor}: var(${tokens.textFieldTextAfterColor});\n\n    ${rangeTokens.focusColor}: var(${tokens.focusColor});\n\n    ${rangeTokens.borderRadius}: var(${tokens.borderRadius});\n\n    ${rangeTokens.dividerPadding}: var(${tokens.dividerPadding});\n    ${rangeTokens.dividerFontFamily}: var(${tokens.dividerFontFamily});\n    ${rangeTokens.dividerFontStyle}: var(${tokens.dividerFontStyle});\n    ${rangeTokens.dividerFontSize}: var(${tokens.dividerFontSize});\n    ${rangeTokens.dividerFontWeight}: var(${tokens.dividerFontWeight});\n    ${rangeTokens.dividerLetterSpacing}: var(${tokens.dividerLetterSpacing});\n    ${rangeTokens.dividerLineHeight}: var(${tokens.dividerLineHeight});\n\n    ${rangeTokens.leftContentMargin}: var(${tokens.leftContentMargin});\n    ${rangeTokens.rightContentMargin}: var(${tokens.rightContentMargin});\n\n    ${rangeTokens.labelOffset}: var(${tokens.labelOffset});\n\n    ${rangeTokens.labelFontFamily}: var(${tokens.labelFontFamily});\n    ${rangeTokens.labelFontStyle}: var(${tokens.labelFontStyle});\n    ${rangeTokens.labelFontSize}: var(${tokens.labelFontSize});\n    ${rangeTokens.labelFontWeight}: var(${tokens.labelFontWeight});\n    ${rangeTokens.labelLetterSpacing}: var(${tokens.labelLetterSpacing});\n    ${rangeTokens.labelLineHeight}: var(${tokens.labelLineHeight});\n\n    ${rangeTokens.textFieldHeight}: var(${tokens.textFieldHeight});\n    ${rangeTokens.textFieldBorderRadius}: var(${tokens.textFieldBorderRadius});\n    ${rangeTokens.textFieldPadding}: var(${tokens.textFieldPadding});\n    ${rangeTokens.textFieldFontFamily}: var(${tokens.textFieldFontFamily});\n    ${rangeTokens.textFieldFontStyle}: var(${tokens.textFieldFontStyle});\n    ${rangeTokens.textFieldFontSize}: var(${tokens.textFieldFontSize});\n    ${rangeTokens.textFieldFontWeight}: var(${tokens.textFieldFontWeight});\n    ${rangeTokens.textFieldLetterSpacing}: var(${tokens.textFieldLetterSpacing});\n    ${rangeTokens.textFieldLineHeight}: var(${tokens.textFieldLineHeight});\n\n    ${rangeTokens.leftHelperOffset}: var(${tokens.leftHelperOffset});\n    ${rangeTokens.leftHelperFontFamily}: var(${tokens.leftHelperFontFamily});\n    ${rangeTokens.leftHelperFontStyle}: var(${tokens.leftHelperFontStyle});\n    ${rangeTokens.leftHelperFontSize}: var(${tokens.leftHelperFontSize});\n    ${rangeTokens.leftHelperFontWeight}: var(${tokens.leftHelperFontWeight});\n    ${rangeTokens.leftHelperLetterSpacing}: var(${tokens.leftHelperLetterSpacing});\n    ${rangeTokens.leftHelperLineHeight}: var(${tokens.leftHelperLineHeight});\n\n    ${rangeTokens.textFieldLeftContentMargin}: var(${tokens.textFieldLeftContentMargin});\n    ${rangeTokens.textFieldRightContentMargin}: var(${tokens.textFieldRightContentMargin});\n    ${rangeTokens.textFieldTextBeforeMargin}: var(${tokens.textFieldTextBeforeMargin});\n    ${rangeTokens.textFieldTextAfterMargin}: var(${tokens.textFieldTextAfterMargin});\n\n    ${rangeTokens.backgroundReadOnly}: var(${tokens.backgroundReadOnly});\n    ${rangeTokens.labelColorReadOnly}: var(${tokens.labelColorReadOnly});\n    ${rangeTokens.leftHelperColorReadOnly}: var(${tokens.leftHelperColorReadOnly});\n    ${rangeTokens.dividerColorReadOnly}: var(${tokens.dividerColorReadOnly});\n\n    ${rangeTokens.textFieldColorReadOnly}: var(${tokens.textFieldColorReadOnly});\n    ${rangeTokens.textFieldBackgroundColorReadOnly}: var(${tokens.textFieldBackgroundColorReadOnly});\n    ${rangeTokens.textFieldPlaceholderColorReadOnly}: var(${tokens.textFieldPlaceholderColorReadOnly});\n`;\n\nexport const base = css`\n    display: inline-block;\n`;\n\nexport const StyledLabel = styled.label``;\n\nexport const LeftHelper = styled.div``;\n"],"names":["mergedRangeConfig","mergeConfig","rangeConfig","Range","component","mergedPopoverConfig","popoverConfig","Popover","_exp","StyledPopover","styled","name","class","propsAsIs","_exp2","StyledRange","base","StyledLabel","LeftHelper"],"mappings":";;;;;;AAQA,IAAMA,iBAAiB,gBAAGC,WAAW,CAACC,WAAW,CAAC,CAAA;AAClD,IAAMC,KAAK,gBAAGC,SAAS,CAACJ,iBAAiB,CAAC,CAAA;AAE1C,IAAMK,mBAAmB,gBAAGJ,WAAW,CAACK,aAAa,CAAC,CAAA;AACtD,IAAMC,OAAO,gBAAGH,SAAS,CAACC,mBAAmB,CAAC,CAAA;AAAC,IAAAG,IAAA,GAX7BA,SAW6BA,IAAAA,GAAA;AAAA,EAAA,OAEXD,OAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAME,aAAa,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAAW,EAAA;;AAE9C;AAAA,IAAAC,KAAA,GAfkBA,SAelBA,KAAAA,GAAA;AAAA,EAAA,OACkCX,KAAK,CAAA;AAAA,CAAA,CAAA;AAAhC,IAAMY,WAAW,gBAAGL,MAAM,CAAAI,KAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA2FhC,EAAA;AAEM,IAAMG,IAAI,GAEhB,WAAA;AAEM,IAAMC,WAAW,gBAAGP,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAQ,EAAA;AAElC,IAAMK,UAAU,gBAAGR,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM;;;;"}
+{"version":3,"file":"RangeDate.styles.js","sources":["../../../../src/components/DatePicker/RangeDate/RangeDate.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { component, mergeConfig } from '../../../engines';\nimport { rangeConfig, rangeTokens } from '../../Range';\nimport { tokens } from '../DatePicker.tokens';\nimport { popoverConfig } from '../../Popover';\n\nconst mergedRangeConfig = mergeConfig(rangeConfig);\nconst Range = component(mergedRangeConfig);\n\nconst mergedPopoverConfig = mergeConfig(popoverConfig);\nconst Popover = component(mergedPopoverConfig);\n\nexport const StyledPopover = styled(Popover)``;\n\n// NOTE: переопределение токенов Range\nexport const StyledRange = styled(Range)`\n    ${rangeTokens.background}: var(${tokens.background});\n    ${rangeTokens.backgroundError}: var(${tokens.backgroundError});\n    ${rangeTokens.backgroundSuccess}: var(${tokens.backgroundSuccess});\n    \n    ${rangeTokens.borderColor}: var(${tokens.borderColor});\n    ${rangeTokens.borderColorError}: var(${tokens.borderColorError});\n    ${rangeTokens.borderColorSuccess}: var(${tokens.borderColorSuccess});\n    \n    ${rangeTokens.borderWidth}: var(${tokens.textFieldBorderWidth});\n\n    ${rangeTokens.dividerColor}: var(${tokens.dividerColor});\n    ${rangeTokens.labelColor}: var(${tokens.labelColor});\n    ${rangeTokens.leftHelperColor}: var(${tokens.leftHelperColor});\n\n    ${rangeTokens.textFieldColor}: var(${tokens.textFieldColor});\n    ${rangeTokens.textFieldPlaceholderColor}: var(${tokens.textFieldPlaceholderColor});\n    ${rangeTokens.textFieldPlaceholderColorFocus}: var(${tokens.textFieldPlaceholderColorFocus});\n    ${rangeTokens.textFieldCaretColor}: var(${tokens.textFieldCaretColor});\n\n    ${rangeTokens.textFieldBackgroundColorFocus}: var(${tokens.textFieldBackgroundColorFocus});\n    ${rangeTokens.textFieldBackgroundErrorColor}: var(${tokens.textFieldBackgroundErrorColor});\n    ${rangeTokens.textFieldBackgroundErrorColorFocus}: var(${tokens.textFieldBackgroundErrorColorFocus});\n    ${rangeTokens.textFieldBackgroundSuccessColor}: var(${tokens.textFieldBackgroundSuccessColor});\n    ${rangeTokens.textFieldBackgroundSuccessColorFocus}: var(${tokens.textFieldBackgroundSuccessColorFocus});\n\n    ${rangeTokens.textFieldBorderWidth}: var(${tokens.textFieldBorderWidth});\n    ${rangeTokens.textFieldBorderColorFocus}: var(${tokens.textFieldBorderColorFocus});\n    ${rangeTokens.textFieldBorderColorError}: var(${tokens.textFieldBorderColorError});\n    ${rangeTokens.textFieldBorderColorErrorFocus}: var(${tokens.textFieldBorderColorErrorFocus});\n    ${rangeTokens.textFieldBorderColorSuccess}: var(${tokens.textFieldBorderColorSuccess});\n    ${rangeTokens.textFieldBorderColorSuccessFocus}: var(${tokens.textFieldBorderColorSuccessFocus});\n\n    ${rangeTokens.textFieldTextBeforeColor}: var(${tokens.textFieldTextBeforeColor});\n    ${rangeTokens.textFieldTextAfterColor}: var(${tokens.textFieldTextAfterColor});\n\n    ${rangeTokens.focusColor}: var(${tokens.focusColor});\n\n    ${rangeTokens.borderRadius}: var(${tokens.borderRadius});\n\n    ${rangeTokens.dividerPadding}: var(${tokens.dividerPadding});\n    ${rangeTokens.dividerFontFamily}: var(${tokens.dividerFontFamily});\n    ${rangeTokens.dividerFontStyle}: var(${tokens.dividerFontStyle});\n    ${rangeTokens.dividerFontSize}: var(${tokens.dividerFontSize});\n    ${rangeTokens.dividerFontWeight}: var(${tokens.dividerFontWeight});\n    ${rangeTokens.dividerLetterSpacing}: var(${tokens.dividerLetterSpacing});\n    ${rangeTokens.dividerLineHeight}: var(${tokens.dividerLineHeight});\n\n    ${rangeTokens.leftContentMargin}: var(${tokens.leftContentMargin});\n    ${rangeTokens.rightContentMargin}: var(${tokens.rightContentMargin});\n\n    ${rangeTokens.labelOffset}: var(${tokens.labelOffset});\n\n    ${rangeTokens.labelFontFamily}: var(${tokens.labelFontFamily});\n    ${rangeTokens.labelFontStyle}: var(${tokens.labelFontStyle});\n    ${rangeTokens.labelFontSize}: var(${tokens.labelFontSize});\n    ${rangeTokens.labelFontWeight}: var(${tokens.labelFontWeight});\n    ${rangeTokens.labelLetterSpacing}: var(${tokens.labelLetterSpacing});\n    ${rangeTokens.labelLineHeight}: var(${tokens.labelLineHeight});\n\n    ${rangeTokens.textFieldHeight}: var(${tokens.textFieldHeight});\n    ${rangeTokens.textFieldBorderRadius}: var(${tokens.textFieldBorderRadius});\n    ${rangeTokens.textFieldPadding}: var(${tokens.textFieldPadding});\n    ${rangeTokens.textFieldFontFamily}: var(${tokens.textFieldFontFamily});\n    ${rangeTokens.textFieldFontStyle}: var(${tokens.textFieldFontStyle});\n    ${rangeTokens.textFieldFontSize}: var(${tokens.textFieldFontSize});\n    ${rangeTokens.textFieldFontWeight}: var(${tokens.textFieldFontWeight});\n    ${rangeTokens.textFieldLetterSpacing}: var(${tokens.textFieldLetterSpacing});\n    ${rangeTokens.textFieldLineHeight}: var(${tokens.textFieldLineHeight});\n\n    ${rangeTokens.leftHelperOffset}: var(${tokens.leftHelperOffset});\n    ${rangeTokens.leftHelperFontFamily}: var(${tokens.leftHelperFontFamily});\n    ${rangeTokens.leftHelperFontStyle}: var(${tokens.leftHelperFontStyle});\n    ${rangeTokens.leftHelperFontSize}: var(${tokens.leftHelperFontSize});\n    ${rangeTokens.leftHelperFontWeight}: var(${tokens.leftHelperFontWeight});\n    ${rangeTokens.leftHelperLetterSpacing}: var(${tokens.leftHelperLetterSpacing});\n    ${rangeTokens.leftHelperLineHeight}: var(${tokens.leftHelperLineHeight});\n\n    ${rangeTokens.textFieldLeftContentMargin}: var(${tokens.textFieldLeftContentMargin});\n    ${rangeTokens.textFieldRightContentMargin}: var(${tokens.textFieldRightContentMargin});\n    ${rangeTokens.textFieldTextBeforeMargin}: var(${tokens.textFieldTextBeforeMargin});\n    ${rangeTokens.textFieldTextAfterMargin}: var(${tokens.textFieldTextAfterMargin});\n\n    ${rangeTokens.backgroundReadOnly}: var(${tokens.backgroundReadOnly});\n    ${rangeTokens.labelColorReadOnly}: var(${tokens.labelColorReadOnly});\n    ${rangeTokens.leftHelperColorReadOnly}: var(${tokens.leftHelperColorReadOnly});\n    ${rangeTokens.dividerColorReadOnly}: var(${tokens.dividerColorReadOnly});\n\n    ${rangeTokens.textFieldColorReadOnly}: var(${tokens.textFieldColorReadOnly});\n    ${rangeTokens.textFieldBackgroundColorReadOnly}: var(${tokens.textFieldBackgroundColorReadOnly});\n    ${rangeTokens.textFieldPlaceholderColorReadOnly}: var(${tokens.textFieldPlaceholderColorReadOnly});\n`;\n\nexport const base = css`\n    display: inline-block;\n`;\n\nexport const StyledLabel = styled.label``;\n\nexport const LeftHelper = styled.div``;\n"],"names":["mergedRangeConfig","mergeConfig","rangeConfig","Range","component","mergedPopoverConfig","popoverConfig","Popover","_exp","StyledPopover","styled","name","class","propsAsIs","_exp2","StyledRange","base","StyledLabel","LeftHelper"],"mappings":";;;;;AAQA,IAAMA,iBAAiB,gBAAGC,WAAW,CAACC,WAAW,CAAC,CAAA;AAClD,IAAMC,KAAK,gBAAGC,SAAS,CAACJ,iBAAiB,CAAC,CAAA;AAE1C,IAAMK,mBAAmB,gBAAGJ,WAAW,CAACK,aAAa,CAAC,CAAA;AACtD,IAAMC,OAAO,gBAAGH,SAAS,CAACC,mBAAmB,CAAC,CAAA;AAAC,IAAAG,IAAA,GAX7BA,SAW6BA,IAAAA,GAAA;AAAA,EAAA,OAEXD,OAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAME,aAAa,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAAW,EAAA;;AAE9C;AAAA,IAAAC,KAAA,GAfkBA,SAelBA,KAAAA,GAAA;AAAA,EAAA,OACkCX,KAAK,CAAA;AAAA,CAAA,CAAA;AAAhC,IAAMY,WAAW,gBAAGL,MAAM,CAAAI,KAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA2FhC,EAAA;AAEM,IAAMG,IAAI,GAEhB,WAAA;AAEM,IAAMC,WAAW,gBAAGP,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAQ,EAAA;AAElC,IAAMK,UAAU,gBAAGR,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM;;;;"}

package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js

@@ -1,8 +1,7 @@
 import React from 'react';
-import '../../../../utils/react.js';
-import { getPlacements } from '../../../../utils/getPopoverPlacement.js';
 import { StyledPopover } from '../RangeDate.styles.js';
 import { StyledCalendarDouble, StyledCalendar } from './RangeDatePopover.styles.js';
+import { getPlacements } from '../../../../utils/getPopoverPlacement.js';
 
 var RangeDatePopover = function RangeDatePopover(_ref) {
   var Root = _ref.rootWrapper,

package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"RangeDatePopover.js","sources":["../../../../../src/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.tsx"],"sourcesContent":["import React from 'react';\n\nimport { getPlacements } from '../../../../utils';\nimport { StyledPopover } from '../RangeDate.styles';\n\nimport type { RangeDatePopoverProps } from './RangeDatePopover.types';\nimport { StyledCalendar, StyledCalendarDouble } from './RangeDatePopover.styles';\n\nexport const RangeDatePopover = ({\n    rootWrapper: Root,\n    target,\n\n    isOpen,\n    opened,\n    isDoubleCalendar,\n\n    calendarValue,\n    min,\n    max,\n    includeEdgeDates,\n    eventList,\n    disabledList,\n    eventMonthList,\n    disabledMonthList,\n    eventQuarterList,\n    disabledQuarterList,\n    eventYearList,\n    disabledYearList,\n\n    frame = 'document',\n    usePortal = false,\n    placement = ['top', 'bottom'],\n    closeOnOverlayClick = true,\n    closeOnEsc,\n    offset,\n\n    type,\n    size,\n    lang = 'ru',\n\n    onChangeValue,\n    onChangeStartOfRange,\n\n    onToggle,\n}: RangeDatePopoverProps) => {\n    const innerIsOpen = Boolean(isOpen || opened);\n\n    if (isDoubleCalendar) {\n        return (\n            <StyledPopover\n                opened={innerIsOpen}\n                frame={frame}\n                usePortal={usePortal}\n                onToggle={onToggle}\n                offset={offset}\n                placement={getPlacements(placement)}\n                trigger=\"click\"\n                closeOnOverlayClick={closeOnOverlayClick}\n                isFocusTrapped={false}\n                target={target}\n                preventOverflow={false}\n            >\n                <Root>\n                    <StyledCalendarDouble\n                        size={size}\n                        value={calendarValue}\n                        eventList={eventList}\n                        disabledList={disabledList}\n                        eventMonthList={eventMonthList}\n                        disabledMonthList={disabledMonthList}\n                        eventQuarterList={eventQuarterList}\n                        disabledQuarterList={disabledQuarterList}\n                        eventYearList={eventYearList}\n                        disabledYearList={disabledYearList}\n                        min={min}\n                        max={max}\n                        locale={lang}\n                        includeEdgeDates={includeEdgeDates}\n                        onChangeValue={onChangeValue}\n                        onChangeStartOfRange={onChangeStartOfRange}\n                    />\n                </Root>\n            </StyledPopover>\n        );\n    }\n\n    return (\n        <StyledPopover\n            opened={innerIsOpen}\n            frame={frame}\n            usePortal={usePortal}\n            onToggle={onToggle}\n            offset={offset}\n            placement={getPlacements(placement)}\n            trigger=\"click\"\n            closeOnOverlayClick={closeOnOverlayClick}\n            isFocusTrapped={false}\n            target={target}\n            preventOverflow={false}\n            closeOnEsc={closeOnEsc}\n        >\n            <Root>\n                <StyledCalendar\n                    size={size}\n                    value={calendarValue}\n                    eventList={eventList}\n                    disabledList={disabledList}\n                    eventMonthList={eventMonthList}\n                    disabledMonthList={disabledMonthList}\n                    eventQuarterList={eventQuarterList}\n                    disabledQuarterList={disabledQuarterList}\n                    eventYearList={eventYearList}\n                    disabledYearList={disabledYearList}\n                    min={min}\n                    max={max}\n                    type={type}\n                    locale={lang}\n                    includeEdgeDates={includeEdgeDates}\n                    onChangeValue={onChangeValue}\n                    onChangeStartOfRange={onChangeStartOfRange}\n                />\n            </Root>\n        </StyledPopover>\n    );\n};\n"],"names":["RangeDatePopover","_ref","Root","rootWrapper","target","isOpen","opened","isDoubleCalendar","calendarValue","min","max","includeEdgeDates","eventList","disabledList","eventMonthList","disabledMonthList","eventQuarterList","disabledQuarterList","eventYearList","disabledYearList","_ref$frame","frame","_ref$usePortal","usePortal","_ref$placement","placement","_ref$closeOnOverlayCl","closeOnOverlayClick","closeOnEsc","offset","type","size","_ref$lang","lang","onChangeValue","onChangeStartOfRange","onToggle","innerIsOpen","Boolean","React","createElement","StyledPopover","getPlacements","trigger","isFocusTrapped","preventOverflow","StyledCalendarDouble","value","locale","StyledCalendar"],"mappings":"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"}
+{"version":3,"file":"RangeDatePopover.js","sources":["../../../../../src/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.tsx"],"sourcesContent":["import React from 'react';\n\nimport { getPlacements } from '../../../../utils';\nimport { StyledPopover } from '../RangeDate.styles';\n\nimport type { RangeDatePopoverProps } from './RangeDatePopover.types';\nimport { StyledCalendar, StyledCalendarDouble } from './RangeDatePopover.styles';\n\nexport const RangeDatePopover = ({\n    rootWrapper: Root,\n    target,\n\n    isOpen,\n    opened,\n    isDoubleCalendar,\n\n    calendarValue,\n    min,\n    max,\n    includeEdgeDates,\n    eventList,\n    disabledList,\n    eventMonthList,\n    disabledMonthList,\n    eventQuarterList,\n    disabledQuarterList,\n    eventYearList,\n    disabledYearList,\n\n    frame = 'document',\n    usePortal = false,\n    placement = ['top', 'bottom'],\n    closeOnOverlayClick = true,\n    closeOnEsc,\n    offset,\n\n    type,\n    size,\n    lang = 'ru',\n\n    onChangeValue,\n    onChangeStartOfRange,\n\n    onToggle,\n}: RangeDatePopoverProps) => {\n    const innerIsOpen = Boolean(isOpen || opened);\n\n    if (isDoubleCalendar) {\n        return (\n            <StyledPopover\n                opened={innerIsOpen}\n                frame={frame}\n                usePortal={usePortal}\n                onToggle={onToggle}\n                offset={offset}\n                placement={getPlacements(placement)}\n                trigger=\"click\"\n                closeOnOverlayClick={closeOnOverlayClick}\n                isFocusTrapped={false}\n                target={target}\n                preventOverflow={false}\n            >\n                <Root>\n                    <StyledCalendarDouble\n                        size={size}\n                        value={calendarValue}\n                        eventList={eventList}\n                        disabledList={disabledList}\n                        eventMonthList={eventMonthList}\n                        disabledMonthList={disabledMonthList}\n                        eventQuarterList={eventQuarterList}\n                        disabledQuarterList={disabledQuarterList}\n                        eventYearList={eventYearList}\n                        disabledYearList={disabledYearList}\n                        min={min}\n                        max={max}\n                        locale={lang}\n                        includeEdgeDates={includeEdgeDates}\n                        onChangeValue={onChangeValue}\n                        onChangeStartOfRange={onChangeStartOfRange}\n                    />\n                </Root>\n            </StyledPopover>\n        );\n    }\n\n    return (\n        <StyledPopover\n            opened={innerIsOpen}\n            frame={frame}\n            usePortal={usePortal}\n            onToggle={onToggle}\n            offset={offset}\n            placement={getPlacements(placement)}\n            trigger=\"click\"\n            closeOnOverlayClick={closeOnOverlayClick}\n            isFocusTrapped={false}\n            target={target}\n            preventOverflow={false}\n            closeOnEsc={closeOnEsc}\n        >\n            <Root>\n                <StyledCalendar\n                    size={size}\n                    value={calendarValue}\n                    eventList={eventList}\n                    disabledList={disabledList}\n                    eventMonthList={eventMonthList}\n                    disabledMonthList={disabledMonthList}\n                    eventQuarterList={eventQuarterList}\n                    disabledQuarterList={disabledQuarterList}\n                    eventYearList={eventYearList}\n                    disabledYearList={disabledYearList}\n                    min={min}\n                    max={max}\n                    type={type}\n                    locale={lang}\n                    includeEdgeDates={includeEdgeDates}\n                    onChangeValue={onChangeValue}\n                    onChangeStartOfRange={onChangeStartOfRange}\n                />\n            </Root>\n        </StyledPopover>\n    );\n};\n"],"names":["RangeDatePopover","_ref","Root","rootWrapper","target","isOpen","opened","isDoubleCalendar","calendarValue","min","max","includeEdgeDates","eventList","disabledList","eventMonthList","disabledMonthList","eventQuarterList","disabledQuarterList","eventYearList","disabledYearList","_ref$frame","frame","_ref$usePortal","usePortal","_ref$placement","placement","_ref$closeOnOverlayCl","closeOnOverlayClick","closeOnEsc","offset","type","size","_ref$lang","lang","onChangeValue","onChangeStartOfRange","onToggle","innerIsOpen","Boolean","React","createElement","StyledPopover","getPlacements","trigger","isFocusTrapped","preventOverflow","StyledCalendarDouble","value","locale","StyledCalendar"],"mappings":"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"}

package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js

@@ -1,12 +1,9 @@
 import './RangeDatePopover.styles_1gljtdv.css';
 import { styled } from '@linaria/react';
-import 'react';
-import 'focus-visible';
 import { withRange } from '../../../Calendar/hoc/withRange.js';
-import { calendarBaseConfig } from '../../../Calendar/CalendarBase/CalendarBase.js';
-import { calendarDoubleConfig } from '../../../Calendar/CalendarDouble/CalendarDouble.js';
-import '@linaria/core';
 import { component, mergeConfig } from '../../../../engines/common.js';
+import { calendarDoubleConfig } from '../../../Calendar/CalendarDouble/CalendarDouble.js';
+import { calendarBaseConfig } from '../../../Calendar/CalendarBase/CalendarBase.js';
 
 var mergedCalendarDoubleConfig = /*#__PURE__*/mergeConfig(calendarDoubleConfig);
 var CalendarDouble = /*#__PURE__*/component(mergedCalendarDoubleConfig);

package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"RangeDatePopover.styles.js","sources":["../../../../../src/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { calendarDoubleConfig, calendarBaseTokens, withRange, calendarBaseConfig } from '../../../Calendar';\nimport type { CalendarDoubleProps, CalendarBaseProps } from '../../../Calendar';\nimport { tokens } from '../../DatePicker.tokens';\nimport { component, mergeConfig } from '../../../../engines';\nimport { baseCalendarTokens } from '../../DatePickerBase.styles';\n\nconst mergedCalendarDoubleConfig = mergeConfig(calendarDoubleConfig);\nconst CalendarDouble = component(mergedCalendarDoubleConfig);\n\nconst mergedCalendarConfig = mergeConfig(calendarBaseConfig);\nconst Calendar = component(mergedCalendarConfig);\n\nconst CalendarDoubleRange = withRange<CalendarDoubleProps>(CalendarDouble);\nconst CalendarRange = withRange<CalendarBaseProps>(Calendar);\n\n// NOTE: переопределение токенов Calendar\nexport const StyledCalendarDouble = styled(CalendarDoubleRange)`\n    ${calendarBaseTokens.calendarSeparatorBackground}: var(${tokens.calendarSeparatorBackground});\n    ${baseCalendarTokens}\n    /* NOTE: помимо умножения ширины на 2, добавляется место под разделитель */\n    ${calendarBaseTokens.calendarWidth}: calc(var(${tokens.calendarWidth}) * 2 + 2.063rem);\n`;\n\nexport const StyledCalendar = styled(CalendarRange)`\n    ${baseCalendarTokens}\n`;\n"],"names":["mergedCalendarDoubleConfig","mergeConfig","calendarDoubleConfig","CalendarDouble","component","mergedCalendarConfig","calendarBaseConfig","Calendar","CalendarDoubleRange","withRange","CalendarRange","_exp","StyledCalendarDouble","styled","name","class","propsAsIs","_exp7","StyledCalendar"],"mappings":";;;;;;;;;AAQA,IAAMA,0BAA0B,gBAAGC,WAAW,CAACC,oBAAoB,CAAC,CAAA;AACpE,IAAMC,cAAc,gBAAGC,SAAS,CAACJ,0BAA0B,CAAC,CAAA;AAE5D,IAAMK,oBAAoB,gBAAGJ,WAAW,CAACK,kBAAkB,CAAC,CAAA;AAC5D,IAAMC,QAAQ,gBAAGH,SAAS,CAACC,oBAAoB,CAAC,CAAA;AAEhD,IAAMG,mBAAmB,gBAAGC,SAAS,CAAsBN,cAAc,CAAC,CAAA;AAC1E,IAAMO,aAAa,gBAAGD,SAAS,CAAoBF,QAAQ,CAAC,CAAA;;AAE5D;AAAA,IAAAI,IAAA,GAhBkBA,SAgBlBA,IAAAA,GAAA;AAAA,EAAA,OAC2CH,mBAAmB,CAAA;AAAA,CAAA,CAAA;AAAvD,IAAMI,oBAAoB,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAKzC,EAAA;AAAC,IAAAC,KAAA,GAtBgBA,SAsBhBA,KAAAA,GAAA;AAAA,EAAA,OAEmCP,aAAa,CAAA;AAAA,CAAA,CAAA;AAA3C,IAAMQ,cAAc,gBAAGL,MAAM,CAAAI,KAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAEnC;;;;"}
+{"version":3,"file":"RangeDatePopover.styles.js","sources":["../../../../../src/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { calendarDoubleConfig, calendarBaseTokens, withRange, calendarBaseConfig } from '../../../Calendar';\nimport type { CalendarDoubleProps, CalendarBaseProps } from '../../../Calendar';\nimport { tokens } from '../../DatePicker.tokens';\nimport { component, mergeConfig } from '../../../../engines';\nimport { baseCalendarTokens } from '../../DatePickerBase.styles';\n\nconst mergedCalendarDoubleConfig = mergeConfig(calendarDoubleConfig);\nconst CalendarDouble = component(mergedCalendarDoubleConfig);\n\nconst mergedCalendarConfig = mergeConfig(calendarBaseConfig);\nconst Calendar = component(mergedCalendarConfig);\n\nconst CalendarDoubleRange = withRange<CalendarDoubleProps>(CalendarDouble);\nconst CalendarRange = withRange<CalendarBaseProps>(Calendar);\n\n// NOTE: переопределение токенов Calendar\nexport const StyledCalendarDouble = styled(CalendarDoubleRange)`\n    ${calendarBaseTokens.calendarSeparatorBackground}: var(${tokens.calendarSeparatorBackground});\n    ${baseCalendarTokens}\n    /* NOTE: помимо умножения ширины на 2, добавляется место под разделитель */\n    ${calendarBaseTokens.calendarWidth}: calc(var(${tokens.calendarWidth}) * 2 + 2.063rem);\n`;\n\nexport const StyledCalendar = styled(CalendarRange)`\n    ${baseCalendarTokens}\n`;\n"],"names":["mergedCalendarDoubleConfig","mergeConfig","calendarDoubleConfig","CalendarDouble","component","mergedCalendarConfig","calendarBaseConfig","Calendar","CalendarDoubleRange","withRange","CalendarRange","_exp","StyledCalendarDouble","styled","name","class","propsAsIs","_exp7","StyledCalendar"],"mappings":";;;;;;AAQA,IAAMA,0BAA0B,gBAAGC,WAAW,CAACC,oBAAoB,CAAC,CAAA;AACpE,IAAMC,cAAc,gBAAGC,SAAS,CAACJ,0BAA0B,CAAC,CAAA;AAE5D,IAAMK,oBAAoB,gBAAGJ,WAAW,CAACK,kBAAkB,CAAC,CAAA;AAC5D,IAAMC,QAAQ,gBAAGH,SAAS,CAACC,oBAAoB,CAAC,CAAA;AAEhD,IAAMG,mBAAmB,gBAAGC,SAAS,CAAsBN,cAAc,CAAC,CAAA;AAC1E,IAAMO,aAAa,gBAAGD,SAAS,CAAoBF,QAAQ,CAAC,CAAA;;AAE5D;AAAA,IAAAI,IAAA,GAhBkBA,SAgBlBA,IAAAA,GAAA;AAAA,EAAA,OAC2CH,mBAAmB,CAAA;AAAA,CAAA,CAAA;AAAvD,IAAMI,oBAAoB,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAKzC,EAAA;AAAC,IAAAC,KAAA,GAtBgBA,SAsBhBA,KAAAA,GAAA;AAAA,EAAA,OAEmCP,aAAa,CAAA;AAAA,CAAA,CAAA;AAA3C,IAAMQ,cAAc,gBAAGL,MAAM,CAAAI,KAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAEnC;;;;"}

package/es/components/DatePicker/SingleDate/SingleDate.styles.js

@@ -1,6 +1,5 @@
 import './SingleDate.styles_1rrq00l.css';
 import { styled } from '@linaria/react';
-import '@linaria/core';
 import { component, mergeConfig } from '../../../engines/common.js';
 import { textFieldConfig } from '../../TextField/TextField.js';
 import { popoverConfig } from '../../Popover/Popover.js';

package/es/components/DatePicker/SingleDate/SingleDate.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"SingleDate.styles.js","sources":["../../../../src/components/DatePicker/SingleDate/SingleDate.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { component, mergeConfig } from '../../../engines';\nimport { textFieldConfig, textFieldTokens } from '../../TextField';\nimport { classes, tokens } from '../DatePicker.tokens';\nimport { popoverClasses, popoverConfig } from '../../Popover';\n\nconst mergedTextFieldConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedTextFieldConfig);\n\nconst mergedPopoverConfig = mergeConfig(popoverConfig);\nconst Popover = component(mergedPopoverConfig);\n\nexport const StyledPopover = styled(Popover)``;\n\n// NOTE: переопределение токенов TextField\nexport const StyledInput = styled(TextField)`\n    width: 100%;\n\n    ${textFieldTokens.color}: var(${tokens.textFieldColor});\n    ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\n    ${textFieldTokens.placeholderColorFocus}: var(${tokens.textFieldPlaceholderColorFocus});\n    ${textFieldTokens.caretColor}: var(${tokens.textFieldCaretColor});\n    ${textFieldTokens.focusColor}: var(${tokens.textFieldFocusColor});\n\n    ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundColor});\n    ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundColorHover});\n    ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundColorFocus});\n    \n    ${textFieldTokens.borderColor}: var(${tokens.borderColor});\n    ${textFieldTokens.borderColorHover}: var(${tokens.borderColorHover});\n    ${textFieldTokens.borderColorFocus}: var(${tokens.borderColorFocus});\n\n    ${textFieldTokens.colorReadOnly}: var(${tokens.textFieldColorReadOnly});\n    ${textFieldTokens.backgroundColorReadOnly}: var(${tokens.textFieldBackgroundColorReadOnly});\n    ${textFieldTokens.borderColorReadOnly}: var(${tokens.textFieldBorderColorReadOnly});\n    ${textFieldTokens.placeholderColorReadOnly}: var(${tokens.textFieldPlaceholderColorReadOnly});\n\n    ${textFieldTokens.height}: var(${tokens.textFieldHeight});\n    ${textFieldTokens.borderWidth}: var(${tokens.textFieldBorderWidth});\n    ${textFieldTokens.borderRadius}: var(${tokens.textFieldBorderRadius});\n\n    ${textFieldTokens.padding}: var(${tokens.textFieldPadding});\n    ${textFieldTokens.labelInnerPadding}: var(${tokens.labelInnerPadding});\n    ${textFieldTokens.contentLabelInnerPadding}: var(${tokens.contentLabelInnerPadding});\n    ${textFieldTokens.labelInnerFontFamily}: var(${tokens.labelInnerFontFamily});\n    ${textFieldTokens.labelInnerFontSize}: var(${tokens.labelInnerFontSize});\n    ${textFieldTokens.labelInnerFontStyle}: var(${tokens.labelInnerFontStyle});\n    ${textFieldTokens.labelInnerFontWeight}: var(${tokens.labelInnerFontWeight});\n    ${textFieldTokens.labelInnerLetterSpacing}: var(${tokens.labelInnerLetterSpacing});\n    ${textFieldTokens.labelInnerLineHeight}: var(${tokens.labelInnerLineHeight});\n\n    ${textFieldTokens.leftContentMargin}: var(${tokens.textFieldLeftContentMargin});\n    ${textFieldTokens.rightContentMargin}: var(${tokens.textFieldRightContentMargin});\n\n    ${textFieldTokens.fontFamily}: var(${tokens.textFieldFontFamily});\n    ${textFieldTokens.fontSize}: var(${tokens.textFieldFontSize});\n    ${textFieldTokens.fontStyle}: var(${tokens.textFieldFontStyle});\n    ${textFieldTokens.fontWeight}: var(${tokens.textFieldFontWeight});\n    ${textFieldTokens.letterSpacing}: var(${tokens.textFieldLetterSpacing});\n    ${textFieldTokens.lineHeight}: var(${tokens.textFieldLineHeight});\n\n    ${textFieldTokens.disabledOpacity}: var(${tokens.disabledOpacity});\n    \n    ${textFieldTokens.textBeforeColor}: var(${tokens.textFieldTextBeforeColor});\n    ${textFieldTokens.textAfterColor}: var(${tokens.textFieldTextAfterColor});\n    ${textFieldTokens.textBeforeMargin}: var(${tokens.textFieldTextBeforeMargin});\n    ${textFieldTokens.textAfterMargin}: var(${tokens.textFieldTextAfterMargin});\n    ${textFieldTokens.contentSlotColor}: var(${tokens.textFieldContentSlotColor}, var(${tokens.textFieldColor}));\n\n    &.${classes.datePickerError} {\n        ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundErrorColor});\n        ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundErrorColorHover});\n        ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundErrorColorFocus});\n        \n        ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorError});\n        ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorErrorHover});\n        ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorErrorFocus});\n    }\n\n    &.${classes.datePickerSuccess} {\n        ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundSuccessColor});\n        ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundSuccessColorHover});\n        ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundSuccessColorFocus});\n        \n        ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorSuccess});\n        ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorSuccessHover});\n        ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorSuccessFocus});\n    }\n`;\n\nexport const base = css`\n    display: inline-block;\n\n    .${String(popoverClasses.wrapper)}, .${String(popoverClasses.target)} {\n        width: inherit;\n    }\n`;\n\nexport const StyledLabel = styled.label``;\n\nexport const LeftHelper = styled.div``;\n"],"names":["mergedTextFieldConfig","mergeConfig","textFieldConfig","TextField","component","mergedPopoverConfig","popoverConfig","Popover","_exp","StyledPopover","styled","name","class","propsAsIs","_exp2","StyledInput","base","StyledLabel","LeftHelper"],"mappings":";;;;;;AAQA,IAAMA,qBAAqB,gBAAGC,WAAW,CAACC,eAAe,CAAC,CAAA;AAC1D,IAAMC,SAAS,gBAAGC,SAAS,CAACJ,qBAAqB,CAAC,CAAA;AAElD,IAAMK,mBAAmB,gBAAGJ,WAAW,CAACK,aAAa,CAAC,CAAA;AACtD,IAAMC,OAAO,gBAAGH,SAAS,CAACC,mBAAmB,CAAC,CAAA;AAAC,IAAAG,IAAA,GAX7BA,SAW6BA,IAAAA,GAAA;AAAA,EAAA,OAEXD,OAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAME,aAAa,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAAW,EAAA;;AAE9C;AAAA,IAAAC,KAAA,GAfkBA,SAelBA,KAAAA,GAAA;AAAA,EAAA,OACkCX,SAAS,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMY,WAAW,gBAAGL,MAAM,CAAAI,KAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAyEhC,EAAA;AAEM,IAAMG,IAAI,GAMhB,UAAA;AAEM,IAAMC,WAAW,gBAAGP,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,QAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAQ,EAAA;AAElC,IAAMK,UAAU,gBAAGR,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM;;;;"}
+{"version":3,"file":"SingleDate.styles.js","sources":["../../../../src/components/DatePicker/SingleDate/SingleDate.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { component, mergeConfig } from '../../../engines';\nimport { textFieldConfig, textFieldTokens } from '../../TextField';\nimport { classes, tokens } from '../DatePicker.tokens';\nimport { popoverClasses, popoverConfig } from '../../Popover';\n\nconst mergedTextFieldConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedTextFieldConfig);\n\nconst mergedPopoverConfig = mergeConfig(popoverConfig);\nconst Popover = component(mergedPopoverConfig);\n\nexport const StyledPopover = styled(Popover)``;\n\n// NOTE: переопределение токенов TextField\nexport const StyledInput = styled(TextField)`\n    width: 100%;\n\n    ${textFieldTokens.color}: var(${tokens.textFieldColor});\n    ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\n    ${textFieldTokens.placeholderColorFocus}: var(${tokens.textFieldPlaceholderColorFocus});\n    ${textFieldTokens.caretColor}: var(${tokens.textFieldCaretColor});\n    ${textFieldTokens.focusColor}: var(${tokens.textFieldFocusColor});\n\n    ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundColor});\n    ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundColorHover});\n    ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundColorFocus});\n    \n    ${textFieldTokens.borderColor}: var(${tokens.borderColor});\n    ${textFieldTokens.borderColorHover}: var(${tokens.borderColorHover});\n    ${textFieldTokens.borderColorFocus}: var(${tokens.borderColorFocus});\n\n    ${textFieldTokens.colorReadOnly}: var(${tokens.textFieldColorReadOnly});\n    ${textFieldTokens.backgroundColorReadOnly}: var(${tokens.textFieldBackgroundColorReadOnly});\n    ${textFieldTokens.borderColorReadOnly}: var(${tokens.textFieldBorderColorReadOnly});\n    ${textFieldTokens.placeholderColorReadOnly}: var(${tokens.textFieldPlaceholderColorReadOnly});\n\n    ${textFieldTokens.height}: var(${tokens.textFieldHeight});\n    ${textFieldTokens.borderWidth}: var(${tokens.textFieldBorderWidth});\n    ${textFieldTokens.borderRadius}: var(${tokens.textFieldBorderRadius});\n\n    ${textFieldTokens.padding}: var(${tokens.textFieldPadding});\n    ${textFieldTokens.labelInnerPadding}: var(${tokens.labelInnerPadding});\n    ${textFieldTokens.contentLabelInnerPadding}: var(${tokens.contentLabelInnerPadding});\n    ${textFieldTokens.labelInnerFontFamily}: var(${tokens.labelInnerFontFamily});\n    ${textFieldTokens.labelInnerFontSize}: var(${tokens.labelInnerFontSize});\n    ${textFieldTokens.labelInnerFontStyle}: var(${tokens.labelInnerFontStyle});\n    ${textFieldTokens.labelInnerFontWeight}: var(${tokens.labelInnerFontWeight});\n    ${textFieldTokens.labelInnerLetterSpacing}: var(${tokens.labelInnerLetterSpacing});\n    ${textFieldTokens.labelInnerLineHeight}: var(${tokens.labelInnerLineHeight});\n\n    ${textFieldTokens.leftContentMargin}: var(${tokens.textFieldLeftContentMargin});\n    ${textFieldTokens.rightContentMargin}: var(${tokens.textFieldRightContentMargin});\n\n    ${textFieldTokens.fontFamily}: var(${tokens.textFieldFontFamily});\n    ${textFieldTokens.fontSize}: var(${tokens.textFieldFontSize});\n    ${textFieldTokens.fontStyle}: var(${tokens.textFieldFontStyle});\n    ${textFieldTokens.fontWeight}: var(${tokens.textFieldFontWeight});\n    ${textFieldTokens.letterSpacing}: var(${tokens.textFieldLetterSpacing});\n    ${textFieldTokens.lineHeight}: var(${tokens.textFieldLineHeight});\n\n    ${textFieldTokens.disabledOpacity}: var(${tokens.disabledOpacity});\n    \n    ${textFieldTokens.textBeforeColor}: var(${tokens.textFieldTextBeforeColor});\n    ${textFieldTokens.textAfterColor}: var(${tokens.textFieldTextAfterColor});\n    ${textFieldTokens.textBeforeMargin}: var(${tokens.textFieldTextBeforeMargin});\n    ${textFieldTokens.textAfterMargin}: var(${tokens.textFieldTextAfterMargin});\n    ${textFieldTokens.contentSlotColor}: var(${tokens.textFieldContentSlotColor}, var(${tokens.textFieldColor}));\n\n    &.${classes.datePickerError} {\n        ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundErrorColor});\n        ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundErrorColorHover});\n        ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundErrorColorFocus});\n        \n        ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorError});\n        ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorErrorHover});\n        ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorErrorFocus});\n    }\n\n    &.${classes.datePickerSuccess} {\n        ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundSuccessColor});\n        ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundSuccessColorHover});\n        ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundSuccessColorFocus});\n        \n        ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorSuccess});\n        ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorSuccessHover});\n        ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorSuccessFocus});\n    }\n`;\n\nexport const base = css`\n    display: inline-block;\n\n    .${String(popoverClasses.wrapper)}, .${String(popoverClasses.target)} {\n        width: inherit;\n    }\n`;\n\nexport const StyledLabel = styled.label``;\n\nexport const LeftHelper = styled.div``;\n"],"names":["mergedTextFieldConfig","mergeConfig","textFieldConfig","TextField","component","mergedPopoverConfig","popoverConfig","Popover","_exp","StyledPopover","styled","name","class","propsAsIs","_exp2","StyledInput","base","StyledLabel","LeftHelper"],"mappings":";;;;;AAQA,IAAMA,qBAAqB,gBAAGC,WAAW,CAACC,eAAe,CAAC,CAAA;AAC1D,IAAMC,SAAS,gBAAGC,SAAS,CAACJ,qBAAqB,CAAC,CAAA;AAElD,IAAMK,mBAAmB,gBAAGJ,WAAW,CAACK,aAAa,CAAC,CAAA;AACtD,IAAMC,OAAO,gBAAGH,SAAS,CAACC,mBAAmB,CAAC,CAAA;AAAC,IAAAG,IAAA,GAX7BA,SAW6BA,IAAAA,GAAA;AAAA,EAAA,OAEXD,OAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAME,aAAa,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAAW,EAAA;;AAE9C;AAAA,IAAAC,KAAA,GAfkBA,SAelBA,KAAAA,GAAA;AAAA,EAAA,OACkCX,SAAS,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMY,WAAW,gBAAGL,MAAM,CAAAI,KAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAyEhC,EAAA;AAEM,IAAMG,IAAI,GAMhB,UAAA;AAEM,IAAMC,WAAW,gBAAGP,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,QAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAQ,EAAA;AAElC,IAAMK,UAAU,gBAAGR,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM;;;;"}

package/es/components/Drawer/Drawer.js

@@ -1,25 +1,20 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { forwardRef, useMemo } from 'react';
 import { useFocusTrap, useForkRef, safeUseId } from '@salutejs/plasma-core';
-import '@linaria/core';
-import { component, mergeConfig } from '../../engines/common.js';
-import { usePopupContext } from '../Popup/PopupContext.js';
-import { cx } from '../../utils/index.js';
-import 'react-dom';
-import '@linaria/react';
 import { DEFAULT_Z_INDEX } from '../Popup/utils/index.js';
-import { Overlay } from '../Overlay/Overlay.js';
-import { panelConfig } from '../Panel/Panel.js';
-import 'focus-visible';
-import 'styled-components';
+import { cx } from '../../utils/index.js';
 import { classes, tokens } from './Drawer.tokens.js';
 import { base } from './variations/_view/base.js';
 import { base as base$1 } from './variations/_size/base.js';
 import { base as base$2 } from './variations/_borderRadius/base.js';
 import { StyledPopup } from './Drawer.styles.js';
 import { getIdLastDrawer } from './DrawerContext.js';
+import { usePopupContext } from '../Popup/PopupContext.js';
 import { useDrawer } from './hooks/useDrawer.js';
+import { Overlay } from '../Overlay/Overlay.js';
+import { component, mergeConfig } from '../../engines/common.js';
 import { getSizeValueFromProp } from '../../utils/getSizeValueFromProp.js';
+import { panelConfig } from '../Panel/Panel.js';
 
 var _excluded = ["id", "zIndex", "popupInfo", "withBlur", "children", "view", "size", "width", "height", "isOpen", "opened", "initialFocusRef", "focusAfterRef", "className", "onClose", "onOverlayClick", "onEscKeyDown", "offset", "frame", "borderRadius", "placement", "closeOnEsc", "closeOnOverlayClick", "asModal"];
 

package/es/components/Drawer/Drawer.js.map

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

package/es/components/Drawer/Drawer.styles.js

@@ -1,10 +1,6 @@
 import './Drawer.styles_14ek4ft.css';
 import { styled } from '@linaria/react';
-import '@linaria/core';
 import { component } from '../../engines/common.js';
-import 'react';
-import '../../utils/react.js';
-import 'react-dom';
 import { popupConfig } from '../Popup/Popup.js';
 
 var Popup = /*#__PURE__*/component(popupConfig);

package/es/components/Drawer/Drawer.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.styles.js","sources":["../../../src/components/Drawer/Drawer.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { component } from '../../engines';\nimport { popupClasses, popupConfig } from '../Popup';\n\nimport type { DrawerPlacement } from './Drawer.types';\nimport { classes } from './Drawer.tokens';\n\nconst Popup = component(popupConfig);\n\nconst animationVariants = {\n    right: {\n        show: {\n            start: 'translate(100%, -50%)',\n            end: 'translate(0, -50%)',\n        },\n        hide: {\n            start: 'translate(0, -50%)',\n            end: 'translate(100%, -50%)',\n        },\n    },\n    bottom: {\n        show: {\n            start: 'translate(-50%, 100%)',\n            end: 'translate(-50%, 0)',\n        },\n        hide: {\n            start: 'translate(-50%, 0)',\n            end: 'translate(-50%, 100%)',\n        },\n    },\n    left: {\n        show: {\n            start: 'translate(-100%, -50%)',\n            end: 'translate(0, -50%)',\n        },\n        hide: {\n            start: 'translate(0, -50%)',\n            end: 'translate(-100%, -50%)',\n        },\n    },\n    top: {\n        show: {\n            start: 'translate(-50%, -100%)',\n            end: 'translate(-50%, 0)',\n        },\n        hide: {\n            start: 'translate(-50%, 0)',\n            end: 'translate(-50%, -100%)',\n        },\n    },\n};\n\nconst templateAnimationStyle = (placement: DrawerPlacement) => `\n        &.${classes[`${placement}Placement` as keyof typeof classes]} {\n            && .${popupClasses.root} {\n                animation: ${placement}ShowAnimation 0.2s forwards;\n            }\n\n            &&.${popupClasses.endAnimation} .${popupClasses.root} {\n                animation: ${placement}HideAnimation 0.2s forwards;\n            }\n\n            @keyframes ${placement}ShowAnimation {\n                0% {\n                    transform: ${animationVariants[placement].show.start};\n                    opacity: 0;\n                }\n\n                100% {\n                    transform: ${animationVariants[placement].show.end};\n                    opacity: 1;\n                }\n            }\n\n            @keyframes ${placement}HideAnimation {\n                0% {\n                    transform: ${animationVariants[placement].hide.start};\n                    opacity: 1;\n                }\n\n                100% {\n                    transform: ${animationVariants[placement].hide.end};\n                    opacity: 0;\n                }\n            }\n        }\n    `;\n\nconst getAnimationStyles = () => {\n    return Object.keys(animationVariants).reduce((acc, placement) => {\n        acc += templateAnimationStyle(placement as DrawerPlacement);\n        return acc;\n    }, '');\n};\n\nexport const StyledPopup = styled(Popup)<{\n    placement: DrawerPlacement;\n    width?: number | string;\n    height?: number | string;\n}>`\n    &&.${classes.overlay} {\n        animation: fadeIn 0.2s forwards;\n    }\n\n    &&.${popupClasses.endAnimation} .${classes.overlay} {\n        animation: fadeOut 0.2s forwards;\n    }\n\n    @keyframes fadeIn {\n        from {\n            opacity: 0;\n        }\n\n        to {\n            opacity: 1;\n        }\n    }\n\n    @keyframes fadeOut {\n        from {\n            opacity: 1;\n        }\n\n        to {\n            opacity: 0;\n        }\n    }\n\n    && .${popupClasses.root}, && .${popupClasses.root} > div {\n        width: ${({ width }) => width || 'auto'};\n        height: ${({ height }) => height || 'auto'};\n    }\n\n    ${getAnimationStyles()}\n`;\n"],"names":["Popup","component","popupConfig","_exp","_exp7","_ref","width","_exp8","_ref2","height","StyledPopup","styled","name","class","propsAsIs","vars"],"mappings":";;;;;;;;AAQA,IAAMA,KAAK,gBAAGC,SAAS,CAACC,WAAW,CAAC,CAAA;AAAC,IAAAC,IAAA,GAPnBA,SAOmBA,IAAAA,GAAA;AAAA,EAAA,OAwFHH,KAAK,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAI,KAAA,GA/FrBA,SA+FqBA,KAAAA,GAAA;AAAA,EAAA,OAkCtB,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,KAAAA,GAAAA,IAAAA,CAAAA,KAAAA,CAAAA;IAAAA,OAAYA,KAAK,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAjI7BA,SAiI6BA,KAAAA,GAAA;AAAA,EAAA,OAC7B,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,KAAAA,CAAAA,MAAAA,CAAAA;IAAAA,OAAaA,MAAM,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAnC3C,IAAMC,WAAW,gBAAGC,MAAM,CAAAR,IAAA,EAAA,CAAA,CAAA;AAAAS,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAkChBX,KAA8B,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAC7BG,KAAgC,EAAA,CAAA;AAAA,GAAA;AAAA,CAIjD;;;;"}
+{"version":3,"file":"Drawer.styles.js","sources":["../../../src/components/Drawer/Drawer.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { component } from '../../engines';\nimport { popupClasses, popupConfig } from '../Popup';\n\nimport type { DrawerPlacement } from './Drawer.types';\nimport { classes } from './Drawer.tokens';\n\nconst Popup = component(popupConfig);\n\nconst animationVariants = {\n    right: {\n        show: {\n            start: 'translate(100%, -50%)',\n            end: 'translate(0, -50%)',\n        },\n        hide: {\n            start: 'translate(0, -50%)',\n            end: 'translate(100%, -50%)',\n        },\n    },\n    bottom: {\n        show: {\n            start: 'translate(-50%, 100%)',\n            end: 'translate(-50%, 0)',\n        },\n        hide: {\n            start: 'translate(-50%, 0)',\n            end: 'translate(-50%, 100%)',\n        },\n    },\n    left: {\n        show: {\n            start: 'translate(-100%, -50%)',\n            end: 'translate(0, -50%)',\n        },\n        hide: {\n            start: 'translate(0, -50%)',\n            end: 'translate(-100%, -50%)',\n        },\n    },\n    top: {\n        show: {\n            start: 'translate(-50%, -100%)',\n            end: 'translate(-50%, 0)',\n        },\n        hide: {\n            start: 'translate(-50%, 0)',\n            end: 'translate(-50%, -100%)',\n        },\n    },\n};\n\nconst templateAnimationStyle = (placement: DrawerPlacement) => `\n        &.${classes[`${placement}Placement` as keyof typeof classes]} {\n            && .${popupClasses.root} {\n                animation: ${placement}ShowAnimation 0.2s forwards;\n            }\n\n            &&.${popupClasses.endAnimation} .${popupClasses.root} {\n                animation: ${placement}HideAnimation 0.2s forwards;\n            }\n\n            @keyframes ${placement}ShowAnimation {\n                0% {\n                    transform: ${animationVariants[placement].show.start};\n                    opacity: 0;\n                }\n\n                100% {\n                    transform: ${animationVariants[placement].show.end};\n                    opacity: 1;\n                }\n            }\n\n            @keyframes ${placement}HideAnimation {\n                0% {\n                    transform: ${animationVariants[placement].hide.start};\n                    opacity: 1;\n                }\n\n                100% {\n                    transform: ${animationVariants[placement].hide.end};\n                    opacity: 0;\n                }\n            }\n        }\n    `;\n\nconst getAnimationStyles = () => {\n    return Object.keys(animationVariants).reduce((acc, placement) => {\n        acc += templateAnimationStyle(placement as DrawerPlacement);\n        return acc;\n    }, '');\n};\n\nexport const StyledPopup = styled(Popup)<{\n    placement: DrawerPlacement;\n    width?: number | string;\n    height?: number | string;\n}>`\n    &&.${classes.overlay} {\n        animation: fadeIn 0.2s forwards;\n    }\n\n    &&.${popupClasses.endAnimation} .${classes.overlay} {\n        animation: fadeOut 0.2s forwards;\n    }\n\n    @keyframes fadeIn {\n        from {\n            opacity: 0;\n        }\n\n        to {\n            opacity: 1;\n        }\n    }\n\n    @keyframes fadeOut {\n        from {\n            opacity: 1;\n        }\n\n        to {\n            opacity: 0;\n        }\n    }\n\n    && .${popupClasses.root}, && .${popupClasses.root} > div {\n        width: ${({ width }) => width || 'auto'};\n        height: ${({ height }) => height || 'auto'};\n    }\n\n    ${getAnimationStyles()}\n`;\n"],"names":["Popup","component","popupConfig","_exp","_exp7","_ref","width","_exp8","_ref2","height","StyledPopup","styled","name","class","propsAsIs","vars"],"mappings":";;;;AAQA,IAAMA,KAAK,gBAAGC,SAAS,CAACC,WAAW,CAAC,CAAA;AAAC,IAAAC,IAAA,GAPnBA,SAOmBA,IAAAA,GAAA;AAAA,EAAA,OAwFHH,KAAK,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAI,KAAA,GA/FrBA,SA+FqBA,KAAAA,GAAA;AAAA,EAAA,OAkCtB,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,KAAAA,GAAAA,IAAAA,CAAAA,KAAAA,CAAAA;IAAAA,OAAYA,KAAK,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAjI7BA,SAiI6BA,KAAAA,GAAA;AAAA,EAAA,OAC7B,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,KAAAA,CAAAA,MAAAA,CAAAA;IAAAA,OAAaA,MAAM,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAnC3C,IAAMC,WAAW,gBAAGC,MAAM,CAAAR,IAAA,EAAA,CAAA,CAAA;AAAAS,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAkChBX,KAA8B,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAC7BG,KAAgC,EAAA,CAAA;AAAA,GAAA;AAAA,CAIjD;;;;"}

package/es/components/Drawer/hooks/useDrawer.js

@@ -2,11 +2,7 @@ import { objectSpread2 as _objectSpread2 } from '../../../_virtual/_rollupPlugin
 import { useRef, useCallback, useEffect } from 'react';
 import { getIdLastDrawer, hasDrawers } from '../DrawerContext.js';
 import { usePopupContext } from '../../Popup/PopupContext.js';
-import '@salutejs/plasma-core';
 import { canUseDOM } from '../../../utils/canUseDOM.js';
-import '../../../utils/react.js';
-import 'react-dom';
-import '@linaria/react';
 
 var ESCAPE_KEYCODE = 27;
 var useDrawer = function useDrawer(_ref) {