@salutejs/plasma-new-hope 0.172.1-canary.1448.11457725334.0 → 0.172.1-canary.1498.11456450638.0

package/cjs/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxChip.styles.js","sources":["../../../../../../src/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { chipConfig, chipTokens } from '../../../../Chip';\nimport { component, mergeConfig } from '../../../../../engines';\nimport { tokens } from '../../Combobox.tokens';\nimport { addFocus } from '../../../../../mixins';\n\n// issue #823\nconst mergedConfig = mergeConfig(chipConfig);\nconst Chip = component(mergedConfig);\n\n// NOTE: Необходимое переопределение токенов из компонента Chip т.к. используются его части\nexport const StyledChip = styled(Chip)`\n    ${chipTokens.color}: var(${tokens.chipColor});\n    ${chipTokens.background}: var(${tokens.chipBackground});\n    ${chipTokens.colorHover}: var(${tokens.chipColorHover});\n    ${chipTokens.backgroundHover}: var(${tokens.chipBackgroundHover});\n    ${chipTokens.colorActive}: var(${tokens.chipColorActive});\n    ${chipTokens.backgroundActive}: var(${tokens.chipBackgroundActive});\n    ${chipTokens.backgroundReadOnly}: var(${tokens.chipBackgroundReadOnly});\n    ${chipTokens.colorReadOnly}: var(${tokens.chipColorReadOnly});\n    ${chipTokens.backgroundReadOnlyHover}: var(${tokens.chipBackgroundReadOnlyHover});\n    ${chipTokens.colorReadOnlyHover}: var(${tokens.chipColorReadOnlyHover});\n    ${chipTokens.borderRadius}: var(${tokens.chipBorderRadius});\n    ${chipTokens.width}: var(${tokens.chipWidth});\n    ${chipTokens.height}: var(${tokens.chipHeight});\n    ${chipTokens.paddingRight}: var(${tokens.chipPaddingRight});\n    ${chipTokens.paddingLeft}: var(${tokens.chipPaddingLeft});\n    ${chipTokens.fontFamily}: var(${tokens.chipFontFamily});\n    ${chipTokens.fontSize}: var(${tokens.chipFontSize});\n    ${chipTokens.fontStyle}: var(${tokens.chipFontStyle});\n    ${chipTokens.fontWeight}: var(${tokens.chipFontWeight});\n    ${chipTokens.letterSpacing}: var(${tokens.chipLetterSpacing});\n    ${chipTokens.lineHeight}: var(${tokens.chipLineHeight});\n    ${chipTokens.clearContentMarginLeft}: var(${tokens.chipClearContentMarginLeft});\n    ${chipTokens.clearContentMarginRight}: var(${tokens.chipClearContentMarginRight});\n    ${chipTokens.scaleHover}: var(${tokens.chipScaleHover});\n    ${chipTokens.scaleActive}: var(${tokens.chipScaleActive});\n    ${chipTokens.closeIconSize}: var(${tokens.chipCloseIconSize});\n    ${chipTokens.closeIconColor}: var(${tokens.chipCloseIconColor});\n    ${chipTokens.focusColor}: var(${tokens.focusColor});\n\n    ${addFocus({\n        outlineOffset: '0.125rem',\n        outlineSize: '0.0625rem',\n        outlineRadius: `calc(var(${tokens.chipBorderRadius}) - 0.1rem)`,\n        outlineColor: `var(${tokens.focusColor})`,\n    })}\n\n    &[readonly] {\n        opacity: var(${tokens.chipOpacityReadonly});\n    }\n`;\n"],"names":["mergedConfig","mergeConfig","chipConfig","Chip","component","_exp","StyledChip","styled","name","class","propsAsIs"],"mappings":";;;;;;;;AAOA;AACA,IAAMA,YAAY,gBAAGC,kBAAW,CAACC,iBAAU,CAAC,CAAA;AAC5C,IAAMC,IAAI,gBAAGC,gBAAS,CAACJ,YAAY,CAAC,CAAA;;AAEpC;AAAA,IAAAK,IAAA,GAVkBA,SAUlBA,IAAAA,GAAA;AAAA,EAAA,OACiCF,IAAI,CAAA;AAAA,CAAA,CAAA;AAA9B,IAAMG,UAAU,gBAAGC,YAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAwC/B;;;;"}
+{"version":3,"file":"ComboboxChip.styles.js","sources":["../../../../../../src/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { chipConfig, chipTokens } from '../../../../Chip';\nimport { component, mergeConfig } from '../../../../../engines';\nimport { tokens } from '../../Combobox.tokens';\nimport { addFocus } from '../../../../../mixins';\n\n// issue #823\nconst mergedConfig = mergeConfig(chipConfig);\nconst Chip = component(mergedConfig);\n\n// NOTE: Необходимое переопределение токенов из компонента Chip т.к. используются его части\nexport const StyledChip = styled(Chip)`\n    ${chipTokens.color}: var(${tokens.chipColor});\n    ${chipTokens.background}: var(${tokens.chipBackground});\n    ${chipTokens.colorHover}: var(${tokens.chipColorHover});\n    ${chipTokens.backgroundHover}: var(${tokens.chipBackgroundHover});\n    ${chipTokens.colorActive}: var(${tokens.chipColorActive});\n    ${chipTokens.backgroundActive}: var(${tokens.chipBackgroundActive});\n    ${chipTokens.backgroundReadOnly}: var(${tokens.chipBackgroundReadOnly});\n    ${chipTokens.colorReadOnly}: var(${tokens.chipColorReadOnly});\n    ${chipTokens.backgroundReadOnlyHover}: var(${tokens.chipBackgroundReadOnlyHover});\n    ${chipTokens.colorReadOnlyHover}: var(${tokens.chipColorReadOnlyHover});\n    ${chipTokens.borderRadius}: var(${tokens.chipBorderRadius});\n    ${chipTokens.width}: var(${tokens.chipWidth});\n    ${chipTokens.height}: var(${tokens.chipHeight});\n    ${chipTokens.paddingRight}: var(${tokens.chipPaddingRight});\n    ${chipTokens.paddingLeft}: var(${tokens.chipPaddingLeft});\n    ${chipTokens.fontFamily}: var(${tokens.chipFontFamily});\n    ${chipTokens.fontSize}: var(${tokens.chipFontSize});\n    ${chipTokens.fontStyle}: var(${tokens.chipFontStyle});\n    ${chipTokens.fontWeight}: var(${tokens.chipFontWeight});\n    ${chipTokens.letterSpacing}: var(${tokens.chipLetterSpacing});\n    ${chipTokens.lineHeight}: var(${tokens.chipLineHeight});\n    ${chipTokens.clearContentMarginLeft}: var(${tokens.chipClearContentMarginLeft});\n    ${chipTokens.clearContentMarginRight}: var(${tokens.chipClearContentMarginRight});\n    ${chipTokens.scaleHover}: var(${tokens.chipScaleHover});\n    ${chipTokens.scaleActive}: var(${tokens.chipScaleActive});\n    ${chipTokens.closeIconSize}: var(${tokens.chipCloseIconSize});\n    ${chipTokens.closeIconColor}: var(${tokens.chipCloseIconColor});\n    ${chipTokens.focusColor}: var(${tokens.focusColor});\n\n    ${addFocus({\n        outlineOffset: '0.125rem',\n        outlineSize: '0.0625rem',\n        outlineRadius: `calc(var(${tokens.chipBorderRadius}) - 0.1rem)`,\n        outlineColor: `var(${tokens.focusColor})`,\n    })}\n\n    &[readonly] {\n        opacity: var(${tokens.chipOpacityReadonly});\n    }\n`;\n"],"names":["mergedConfig","mergeConfig","chipConfig","Chip","component","_exp","StyledChip","styled","name","class","propsAsIs"],"mappings":";;;;;;;;;AAOA;AACA,IAAMA,YAAY,gBAAGC,kBAAW,CAACC,iBAAU,CAAC,CAAA;AAC5C,IAAMC,IAAI,gBAAGC,gBAAS,CAACJ,YAAY,CAAC,CAAA;;AAEpC;AAAA,IAAAK,IAAA,GAVkBA,SAUlBA,IAAAA,GAAA;AAAA,EAAA,OACiCF,IAAI,CAAA;AAAA,CAAA,CAAA;AAA9B,IAAMG,UAAU,gBAAGC,YAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAwC/B;;;;"}

package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.js

@@ -2,10 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('react');
+require('../../../../../utils/react.js');
+var DropdownDivider = require('../../../../Dropdown/ui/DropdownDivider/DropdownDivider.js');
+require('@salutejs/plasma-core');
+require('@linaria/react');
+require('@linaria/core');
+require('focus-visible');
+require('react-popper');
+require('react-dom');
+require('styled-components');
 var base = require('./variations/_view/base.js');
 var base$1 = require('./variations/_size/base.js');
 var ComboboxDivider_styles = require('./ComboboxDivider.styles.js');
-var DropdownDivider = require('../../../../Dropdown/ui/DropdownDivider/DropdownDivider.js');
 
 var comboboxDividerRoot = DropdownDivider.dropdownDividerRoot;
 var comboboxDividerConfig = {

package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxDivider.js","sources":["../../../../../../src/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.tsx"],"sourcesContent":["import { dropdownDividerRoot } from '../../../../Dropdown';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base } from './ComboboxDivider.styles';\n\nexport const comboboxDividerRoot = dropdownDividerRoot;\n\nexport const comboboxDividerConfig = {\n    name: 'ComboboxDivider',\n    tag: 'div',\n    layout: comboboxDividerRoot,\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":["comboboxDividerRoot","dropdownDividerRoot","comboboxDividerConfig","name","tag","layout","base","variations","view","css","viewCSS","size","sizeCSS","defaults"],"mappings":";;;;;;;;;AAMO,IAAMA,mBAAmB,GAAGC,oCAAmB;AAE/C,IAAMC,qBAAqB,GAAG;AACjCC,EAAAA,IAAI,EAAE,iBAAiB;AACvBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEL,mBAAmB;AAC3BM,EAAAA,IAAI,EAAJA,2BAAI;AACJC,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,GAAG,EAAEC,SAAAA;KACR;AACDC,IAAAA,IAAI,EAAE;AACFF,MAAAA,GAAG,EAAEG,WAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNL,IAAAA,IAAI,EAAE,SAAS;AACfG,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;;"}
+{"version":3,"file":"ComboboxDivider.js","sources":["../../../../../../src/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.tsx"],"sourcesContent":["import { dropdownDividerRoot } from '../../../../Dropdown';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base } from './ComboboxDivider.styles';\n\nexport const comboboxDividerRoot = dropdownDividerRoot;\n\nexport const comboboxDividerConfig = {\n    name: 'ComboboxDivider',\n    tag: 'div',\n    layout: comboboxDividerRoot,\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":["comboboxDividerRoot","dropdownDividerRoot","comboboxDividerConfig","name","tag","layout","base","variations","view","css","viewCSS","size","sizeCSS","defaults"],"mappings":";;;;;;;;;;;;;;;;;;AAMO,IAAMA,mBAAmB,GAAGC,oCAAmB;AAE/C,IAAMC,qBAAqB,GAAG;AACjCC,EAAAA,IAAI,EAAE,iBAAiB;AACvBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEL,mBAAmB;AAC3BM,EAAAA,IAAI,EAAJA,2BAAI;AACJC,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,GAAG,EAAEC,SAAAA;KACR;AACDC,IAAAA,IAAI,EAAE;AACFF,MAAAA,GAAG,EAAEG,WAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNL,IAAAA,IAAI,EAAE,SAAS;AACfG,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;;"}

package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.js

@@ -2,10 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('react');
+require('../../../../../utils/react.js');
+require('@salutejs/plasma-core');
+require('@linaria/react');
+var DropdownFooter = require('../../../../Dropdown/ui/DropdownFooter/DropdownFooter.js');
+require('@linaria/core');
+require('focus-visible');
+require('react-popper');
+require('react-dom');
+require('styled-components');
 var base = require('./variations/_view/base.js');
 var base$1 = require('./variations/_size/base.js');
 var ComboboxFooter_styles = require('./ComboboxFooter.styles.js');
-var DropdownFooter = require('../../../../Dropdown/ui/DropdownFooter/DropdownFooter.js');
 
 var comboboxFooterRoot = DropdownFooter.dropdownFooterRoot;
 var comboboxFooterConfig = {

package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxFooter.js","sources":["../../../../../../src/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.tsx"],"sourcesContent":["import { dropdownFooterRoot } from '../../../../Dropdown';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base } from './ComboboxFooter.styles';\n\nexport const comboboxFooterRoot = dropdownFooterRoot;\n\nexport const comboboxFooterConfig = {\n    name: 'ComboboxFooter',\n    tag: 'div',\n    layout: comboboxFooterRoot,\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":["comboboxFooterRoot","dropdownFooterRoot","comboboxFooterConfig","name","tag","layout","base","variations","view","css","viewCSS","size","sizeCSS","defaults"],"mappings":";;;;;;;;;AAMO,IAAMA,kBAAkB,GAAGC,kCAAkB;AAE7C,IAAMC,oBAAoB,GAAG;AAChCC,EAAAA,IAAI,EAAE,gBAAgB;AACtBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEL,kBAAkB;AAC1BM,EAAAA,IAAI,EAAJA,0BAAI;AACJC,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,GAAG,EAAEC,SAAAA;KACR;AACDC,IAAAA,IAAI,EAAE;AACFF,MAAAA,GAAG,EAAEG,WAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNL,IAAAA,IAAI,EAAE,SAAS;AACfG,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;;"}
+{"version":3,"file":"ComboboxFooter.js","sources":["../../../../../../src/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.tsx"],"sourcesContent":["import { dropdownFooterRoot } from '../../../../Dropdown';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base } from './ComboboxFooter.styles';\n\nexport const comboboxFooterRoot = dropdownFooterRoot;\n\nexport const comboboxFooterConfig = {\n    name: 'ComboboxFooter',\n    tag: 'div',\n    layout: comboboxFooterRoot,\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":["comboboxFooterRoot","dropdownFooterRoot","comboboxFooterConfig","name","tag","layout","base","variations","view","css","viewCSS","size","sizeCSS","defaults"],"mappings":";;;;;;;;;;;;;;;;;;AAMO,IAAMA,kBAAkB,GAAGC,kCAAkB;AAE7C,IAAMC,oBAAoB,GAAG;AAChCC,EAAAA,IAAI,EAAE,gBAAgB;AACtBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEL,kBAAkB;AAC1BM,EAAAA,IAAI,EAAJA,0BAAI;AACJC,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,GAAG,EAAEC,SAAAA;KACR;AACDC,IAAAA,IAAI,EAAE;AACFF,MAAAA,GAAG,EAAEG,WAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNL,IAAAA,IAAI,EAAE,SAAS;AACfG,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;;"}

package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.js

@@ -2,10 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('react');
+require('../../../../../utils/react.js');
+require('@salutejs/plasma-core');
+require('@linaria/react');
+var DropdownGroup = require('../../../../Dropdown/ui/DropdownGroup/DropdownGroup.js');
+require('@linaria/core');
+require('focus-visible');
+require('react-popper');
+require('react-dom');
+require('styled-components');
 var base = require('./variations/_view/base.js');
 var base$1 = require('./variations/_size/base.js');
 var ComboboxGroup_styles = require('./ComboboxGroup.styles.js');
-var DropdownGroup = require('../../../../Dropdown/ui/DropdownGroup/DropdownGroup.js');
 
 var comboboxGroupRoot = DropdownGroup.dropdownGroupRoot;
 var comboboxGroupConfig = {

package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxGroup.js","sources":["../../../../../../src/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.tsx"],"sourcesContent":["import { dropdownGroupRoot } from '../../../../Dropdown';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base } from './ComboboxGroup.styles';\n\nexport const comboboxGroupRoot = dropdownGroupRoot;\n\nexport const comboboxGroupConfig = {\n    name: 'ComboboxGroup',\n    tag: 'div',\n    layout: comboboxGroupRoot,\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":["comboboxGroupRoot","dropdownGroupRoot","comboboxGroupConfig","name","tag","layout","base","variations","view","css","viewCSS","size","sizeCSS","defaults"],"mappings":";;;;;;;;;AAMO,IAAMA,iBAAiB,GAAGC,gCAAiB;AAE3C,IAAMC,mBAAmB,GAAG;AAC/BC,EAAAA,IAAI,EAAE,eAAe;AACrBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEL,iBAAiB;AACzBM,EAAAA,IAAI,EAAJA,yBAAI;AACJC,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,GAAG,EAAEC,SAAAA;KACR;AACDC,IAAAA,IAAI,EAAE;AACFF,MAAAA,GAAG,EAAEG,WAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNL,IAAAA,IAAI,EAAE,SAAS;AACfG,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;;"}
+{"version":3,"file":"ComboboxGroup.js","sources":["../../../../../../src/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.tsx"],"sourcesContent":["import { dropdownGroupRoot } from '../../../../Dropdown';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base } from './ComboboxGroup.styles';\n\nexport const comboboxGroupRoot = dropdownGroupRoot;\n\nexport const comboboxGroupConfig = {\n    name: 'ComboboxGroup',\n    tag: 'div',\n    layout: comboboxGroupRoot,\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":["comboboxGroupRoot","dropdownGroupRoot","comboboxGroupConfig","name","tag","layout","base","variations","view","css","viewCSS","size","sizeCSS","defaults"],"mappings":";;;;;;;;;;;;;;;;;;AAMO,IAAMA,iBAAiB,GAAGC,gCAAiB;AAE3C,IAAMC,mBAAmB,GAAG;AAC/BC,EAAAA,IAAI,EAAE,eAAe;AACrBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEL,iBAAiB;AACzBM,EAAAA,IAAI,EAAJA,yBAAI;AACJC,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,GAAG,EAAEC,SAAAA;KACR;AACDC,IAAAA,IAAI,EAAE;AACFF,MAAAA,GAAG,EAAEG,WAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNL,IAAAA,IAAI,EAAE,SAAS;AACfG,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;;"}

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

@@ -2,10 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('react');
+require('../../../../../utils/react.js');
+require('@salutejs/plasma-core');
+require('@linaria/react');
+var DropdownHeader = require('../../../../Dropdown/ui/DropdownHeader/DropdownHeader.js');
+require('@linaria/core');
+require('focus-visible');
+require('react-popper');
+require('react-dom');
+require('styled-components');
 var base = require('./variations/_view/base.js');
 var base$1 = require('./variations/_size/base.js');
 var ComboboxHeader_styles = require('./ComboboxHeader.styles.js');
-var DropdownHeader = require('../../../../Dropdown/ui/DropdownHeader/DropdownHeader.js');
 
 var comboboxHeaderRoot = DropdownHeader.dropdownHeaderRoot;
 var comboboxHeaderConfig = {

package/cjs/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,kCAAkB;AAE7C,IAAMC,oBAAoB,GAAG;AAChCC,EAAAA,IAAI,EAAE,gBAAgB;AACtBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEL,kBAAkB;AAC1BM,EAAAA,IAAI,EAAJA,0BAAI;AACJC,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,GAAG,EAAEC,SAAAA;KACR;AACDC,IAAAA,IAAI,EAAE;AACFF,MAAAA,GAAG,EAAEG,WAAAA;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,kCAAkB;AAE7C,IAAMC,oBAAoB,GAAG;AAChCC,EAAAA,IAAI,EAAE,gBAAgB;AACtBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEL,kBAAkB;AAC1BM,EAAAA,IAAI,EAAJA,0BAAI;AACJC,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,GAAG,EAAEC,SAAAA;KACR;AACDC,IAAAA,IAAI,EAAE;AACFF,MAAAA,GAAG,EAAEG,WAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNL,IAAAA,IAAI,EAAE,SAAS;AACfG,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;;"}

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

@@ -4,6 +4,8 @@ import './ComboboxItem.styles_7ufukp.css';
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('@linaria/react');
+require('focus-visible');
+require('styled-components');
 
 var StyledContentLeft = /*#__PURE__*/react.styled('div')({
   name: "StyledContentLeft",

package/cjs/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,YAAM,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,YAAM,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,YAAM,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,YAAM,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,YAAM,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,YAAM,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/cjs/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.js

@@ -7,9 +7,9 @@ var React = require('react');
 var Combobox_tokens = require('../../Combobox.tokens.js');
 var index = require('../../../../../utils/index.js');
 var ComboboxChip = require('../ComboboxChip/ComboboxChip.js');
-var ComboboxTarget_styles = require('./ComboboxTarget.styles.js');
 var useFocusController = require('../../hooks/useFocusController.js');
 var useKeyNavigation = require('../../hooks/useKeyNavigation.js');
+var ComboboxTarget_styles = require('./ComboboxTarget.styles.js');
 
 var _excluded = ["values", "search", "label", "placeholder", "opened", "readOnly", "disabled", "enumerationType", "valueType", "size", "closedWithoutChanges", "id", "chipsRefs", "inputRef", "onChange", "onSearch", "onKeyDown"];
 var hasChips = Combobox_tokens.classes.hasChips,

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

@@ -4,8 +4,9 @@ import './ComboboxTarget.styles_xnedmz.css';
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('@linaria/react');
-var Combobox_tokens = require('../../Combobox.tokens.js');
+require('react');
 var IconChevronDown = require('../../../../_Icon/Icons/IconChevronDown.js');
+var Combobox_tokens = require('../../Combobox.tokens.js');
 
 var _exp10 = function _exp10() {
   return function (_ref) {

package/cjs/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":"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"}
+{"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,sBAAM,CAACC,yBAA0B,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAF,MAAA,CAAYC,sBAAM,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,sBAAM,CAACK,qBAAsB,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAN,MAAA,CAAYC,sBAAM,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,sBAAM,CAACC,yBAA0B,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAF,MAAA,CAAYC,sBAAM,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,sBAAM,CAACK,qBAAsB,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAN,MAAA,CAAYC,sBAAM,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,sBAAM,CAACC,yBAA0B,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAF,MAAA,CAAYC,sBAAM,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,sBAAM,CAACK,qBAAsB,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAN,MAAA,CAAYC,sBAAM,CAACkB,uBAAwB,EAAE,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AA5CnG,IAAMC,oBAAoB,gBAAGC,YAAM,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,+BAAe,CAAA;AAAA,CAAA,CAAA;AAA1C,IAAMC,WAAW,gBAAGP,YAAM,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,YAAM,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,YAAM,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,YAAM,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,YAAM,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,YAAM,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,YAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAuBhC;;;;;;;;;;;"}

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

@@ -4,8 +4,14 @@ import './DatePickerBase.styles_mjc9xz.css';
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('@linaria/react');
-var common = require('../../engines/common.js');
+require('react');
+require('focus-visible');
 var CalendarBase = require('../Calendar/CalendarBase/CalendarBase.js');
+require('@linaria/core');
+var common = require('../../engines/common.js');
+require('../../utils/react.js');
+require('styled-components');
+require('@salutejs/plasma-core');
 
 var mergedCalendarConfig = /*#__PURE__*/common.mergeConfig(CalendarBase.calendarBaseConfig);
 var Calendar = /*#__PURE__*/common.component(mergedCalendarConfig);

package/cjs/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,kBAAW,CAACC,+BAAkB,CAAC,CAAA;AAC5D,IAAMC,QAAQ,gBAAGC,gBAAS,CAACJ,oBAAoB,CAAC,CAAA;;AAsGhD;AAAA,IAAAK,IAAA,GA9GkBA,SA8GlBA,IAAAA,GAAA;AAAA,EAAA,OACqCF,QAAQ,CAAA;AAAA,CAAA,CAAA;AAAtC,IAAMG,cAAc,gBAAGC,YAAM,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,YAAM,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,kBAAW,CAACC,+BAAkB,CAAC,CAAA;AAC5D,IAAMC,QAAQ,gBAAGC,gBAAS,CAACJ,oBAAoB,CAAC,CAAA;;AAsGhD;AAAA,IAAAK,IAAA,GA9GkBA,SA8GlBA,IAAAA,GAAA;AAAA,EAAA,OACqCF,QAAQ,CAAA;AAAA,CAAA,CAAA;AAAtC,IAAMG,cAAc,gBAAGC,YAAM,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,YAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEhC;;;;;"}

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

@@ -10,6 +10,7 @@ var useDatePicker = require('../hooks/useDatePicker.js');
 var DatePicker_tokens = require('../DatePicker.tokens.js');
 var useKeyboardNavigation = require('../hooks/useKeyboardNavigation.js');
 var DatePickerBase_styles = require('../DatePickerBase.styles.js');
+var calendarRangeHelper = require('../../Calendar/utils/calendarRangeHelper.js');
 var base$1 = require('./variations/_size/base.js');
 var base = require('./variations/_view/base.js');
 var base$2 = require('./variations/_disabled/base.js');
@@ -17,7 +18,6 @@ var base$3 = require('./variations/_readonly/base.js');
 var RangeDate_styles = require('./RangeDate.styles.js');
 var RangeDatePopover = require('./RangeDatePopover/RangeDatePopover.js');
 var noop = require('../../../utils/noop.js');
-var calendarRangeHelper = require('../../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/cjs/components/DatePicker/RangeDate/RangeDate.styles.js

@@ -4,6 +4,7 @@ import './RangeDate.styles_19to6bu.css';
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('@linaria/react');
+require('@linaria/core');
 var common = require('../../../engines/common.js');
 var Range$1 = require('../../Range/Range.js');
 var Popover$1 = require('../../Popover/Popover.js');

package/cjs/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,kBAAW,CAACC,mBAAW,CAAC,CAAA;AAClD,IAAMC,KAAK,gBAAGC,gBAAS,CAACJ,iBAAiB,CAAC,CAAA;AAE1C,IAAMK,mBAAmB,gBAAGJ,kBAAW,CAACK,uBAAa,CAAC,CAAA;AACtD,IAAMC,OAAO,gBAAGH,gBAAS,CAACC,mBAAmB,CAAC,CAAA;AAAC,IAAAG,IAAA,GAX7BA,SAW6BA,IAAAA,GAAA;AAAA,EAAA,OAEXD,OAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAME,aAAa,gBAAGC,YAAM,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,YAAM,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,YAAM,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,YAAM,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,kBAAW,CAACC,mBAAW,CAAC,CAAA;AAClD,IAAMC,KAAK,gBAAGC,gBAAS,CAACJ,iBAAiB,CAAC,CAAA;AAE1C,IAAMK,mBAAmB,gBAAGJ,kBAAW,CAACK,uBAAa,CAAC,CAAA;AACtD,IAAMC,OAAO,gBAAGH,gBAAS,CAACC,mBAAmB,CAAC,CAAA;AAAC,IAAAG,IAAA,GAX7BA,SAW6BA,IAAAA,GAAA;AAAA,EAAA,OAEXD,OAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAME,aAAa,gBAAGC,YAAM,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,YAAM,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,YAAM,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,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM;;;;;;;;"}

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

@@ -3,9 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+require('../../../../utils/react.js');
+var getPopoverPlacement = require('../../../../utils/getPopoverPlacement.js');
 var RangeDate_styles = require('../RangeDate.styles.js');
 var RangeDatePopover_styles = require('./RangeDatePopover.styles.js');
-var getPopoverPlacement = require('../../../../utils/getPopoverPlacement.js');
 
 var RangeDatePopover = function RangeDatePopover(_ref) {
   var Root = _ref.rootWrapper,

package/cjs/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/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js

@@ -4,10 +4,13 @@ import './RangeDatePopover.styles_1gljtdv.css';
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('@linaria/react');
+require('react');
+require('focus-visible');
 var withRange = require('../../../Calendar/hoc/withRange.js');
-var common = require('../../../../engines/common.js');
-var CalendarDouble$1 = require('../../../Calendar/CalendarDouble/CalendarDouble.js');
 var CalendarBase = require('../../../Calendar/CalendarBase/CalendarBase.js');
+var CalendarDouble$1 = require('../../../Calendar/CalendarDouble/CalendarDouble.js');
+require('@linaria/core');
+var common = require('../../../../engines/common.js');
 
 var mergedCalendarDoubleConfig = /*#__PURE__*/common.mergeConfig(CalendarDouble$1.calendarDoubleConfig);
 var CalendarDouble = /*#__PURE__*/common.component(mergedCalendarDoubleConfig);

package/cjs/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,kBAAW,CAACC,qCAAoB,CAAC,CAAA;AACpE,IAAMC,cAAc,gBAAGC,gBAAS,CAACJ,0BAA0B,CAAC,CAAA;AAE5D,IAAMK,oBAAoB,gBAAGJ,kBAAW,CAACK,+BAAkB,CAAC,CAAA;AAC5D,IAAMC,QAAQ,gBAAGH,gBAAS,CAACC,oBAAoB,CAAC,CAAA;AAEhD,IAAMG,mBAAmB,gBAAGC,mBAAS,CAAsBN,cAAc,CAAC,CAAA;AAC1E,IAAMO,aAAa,gBAAGD,mBAAS,CAAoBF,QAAQ,CAAC,CAAA;;AAE5D;AAAA,IAAAI,IAAA,GAhBkBA,SAgBlBA,IAAAA,GAAA;AAAA,EAAA,OAC2CH,mBAAmB,CAAA;AAAA,CAAA,CAAA;AAAvD,IAAMI,oBAAoB,gBAAGC,YAAM,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,YAAM,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,kBAAW,CAACC,qCAAoB,CAAC,CAAA;AACpE,IAAMC,cAAc,gBAAGC,gBAAS,CAACJ,0BAA0B,CAAC,CAAA;AAE5D,IAAMK,oBAAoB,gBAAGJ,kBAAW,CAACK,+BAAkB,CAAC,CAAA;AAC5D,IAAMC,QAAQ,gBAAGH,gBAAS,CAACC,oBAAoB,CAAC,CAAA;AAEhD,IAAMG,mBAAmB,gBAAGC,mBAAS,CAAsBN,cAAc,CAAC,CAAA;AAC1E,IAAMO,aAAa,gBAAGD,mBAAS,CAAoBF,QAAQ,CAAC,CAAA;;AAE5D;AAAA,IAAAI,IAAA,GAhBkBA,SAgBlBA,IAAAA,GAAA;AAAA,EAAA,OAC2CH,mBAAmB,CAAA;AAAA,CAAA,CAAA;AAAvD,IAAMI,oBAAoB,gBAAGC,YAAM,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,YAAM,CAAAI,KAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAEnC;;;;;"}

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

@@ -4,6 +4,7 @@ import './SingleDate.styles_1rrq00l.css';
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('@linaria/react');
+require('@linaria/core');
 var common = require('../../../engines/common.js');
 var TextField$1 = require('../../TextField/TextField.js');
 var Popover$1 = require('../../Popover/Popover.js');

package/cjs/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,kBAAW,CAACC,2BAAe,CAAC,CAAA;AAC1D,IAAMC,SAAS,gBAAGC,gBAAS,CAACJ,qBAAqB,CAAC,CAAA;AAElD,IAAMK,mBAAmB,gBAAGJ,kBAAW,CAACK,uBAAa,CAAC,CAAA;AACtD,IAAMC,OAAO,gBAAGH,gBAAS,CAACC,mBAAmB,CAAC,CAAA;AAAC,IAAAG,IAAA,GAX7BA,SAW6BA,IAAAA,GAAA;AAAA,EAAA,OAEXD,OAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAME,aAAa,gBAAGC,YAAM,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,YAAM,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,YAAM,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,YAAM,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,kBAAW,CAACC,2BAAe,CAAC,CAAA;AAC1D,IAAMC,SAAS,gBAAGC,gBAAS,CAACJ,qBAAqB,CAAC,CAAA;AAElD,IAAMK,mBAAmB,gBAAGJ,kBAAW,CAACK,uBAAa,CAAC,CAAA;AACtD,IAAMC,OAAO,gBAAGH,gBAAS,CAACC,mBAAmB,CAAC,CAAA;AAAC,IAAAG,IAAA,GAX7BA,SAW6BA,IAAAA,GAAA;AAAA,EAAA,OAEXD,OAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAME,aAAa,gBAAGC,YAAM,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,YAAM,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,YAAM,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,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM;;;;;;;;"}

package/cjs/components/Drawer/Drawer.js

@@ -5,20 +5,25 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var plasmaCore = require('@salutejs/plasma-core');
-var index$1 = require('../Popup/utils/index.js');
+require('@linaria/core');
+var common = require('../../engines/common.js');
+var PopupContext = require('../Popup/PopupContext.js');
 var index = require('../../utils/index.js');
+require('react-dom');
+require('@linaria/react');
+var index$1 = require('../Popup/utils/index.js');
+var Overlay = require('../Overlay/Overlay.js');
+var Panel$1 = require('../Panel/Panel.js');
+require('focus-visible');
+require('styled-components');
 var Drawer_tokens = require('./Drawer.tokens.js');
 var base = require('./variations/_view/base.js');
 var base$1 = require('./variations/_size/base.js');
 var base$2 = require('./variations/_borderRadius/base.js');
 var Drawer_styles = require('./Drawer.styles.js');
 var DrawerContext = require('./DrawerContext.js');
-var PopupContext = require('../Popup/PopupContext.js');
 var useDrawer = require('./hooks/useDrawer.js');
-var Overlay = require('../Overlay/Overlay.js');
-var common = require('../../engines/common.js');
 var getSizeValueFromProp = require('../../utils/getSizeValueFromProp.js');
-var Panel$1 = require('../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"];