@salutejs/plasma-new-hope 0.320.1-canary.1912.14382016568.0 → 0.320.1-canary.1913.14457152885.0

package/es/components/Select/ui/Target/ui/Button/Button.js

@@ -35,8 +35,7 @@ var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
     "aria-controls": "".concat(treeId, "_tree_level_1"),
     "aria-expanded": opened,
     "aria-activedescendant": activeDescendantItemValue ? getItemId(treeId, activeDescendantItemValue) : '',
-    "aria-label": label,
-    renderTarget: Boolean(selectProps.renderTarget)
+    "aria-label": label
   }, /*#__PURE__*/React.createElement(Label, null, getButtonLabel({
     value: value,
     valueToItemMap: valueToItemMap,

package/es/components/Select/ui/Target/ui/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../../../../../src/components/Select/ui/Target/ui/Button/Button.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { cx } from '../../../../../../utils';\nimport { classes } from '../../../../Select.tokens';\nimport { getButtonLabel, getItemId, sizeToIconSize } from '../../../../utils';\n\nimport { ButtonProps } from './Button.types';\nimport { StyledButton, StyledArrow, Label, ButtonWrapper, IconArrowWrapper } from './Button.styles';\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n    (\n        {\n            opened,\n            value,\n            valueToItemMap,\n            onKeyDown,\n            label,\n            size,\n            disabled,\n            renderValue,\n            selectProps,\n            treeId,\n            activeDescendantItemValue,\n        },\n        ref,\n    ) => {\n        const withArrowInverse = opened ? classes.arrowInverse : undefined;\n\n        return (\n            <ButtonWrapper>\n                <StyledButton\n                    ref={ref}\n                    stretching=\"filled\"\n                    onKeyDown={onKeyDown}\n                    className={opened ? classes.selectWithoutBoxShadow : undefined}\n                    disabled={disabled}\n                    contentRight={\n                        <IconArrowWrapper>\n                            <StyledArrow\n                                size={sizeToIconSize(size)}\n                                color=\"inherit\"\n                                className={cx(classes.selectTargetArrow, withArrowInverse)}\n                            />\n                        </IconArrowWrapper>\n                    }\n                    role=\"combobox\"\n                    aria-autocomplete=\"list\"\n                    aria-controls={`${treeId}_tree_level_1`}\n                    aria-expanded={opened}\n                    aria-activedescendant={\n                        activeDescendantItemValue ? getItemId(treeId, activeDescendantItemValue) : ''\n                    }\n                    aria-label={label}\n                    renderTarget={Boolean(selectProps.renderTarget)}\n                >\n                    <Label>\n                        {getButtonLabel({\n                            value,\n                            valueToItemMap,\n                            label,\n                            renderValue,\n                            selectProps,\n                        })}\n                    </Label>\n                </StyledButton>\n            </ButtonWrapper>\n        );\n    },\n);\n"],"names":["Button","forwardRef","_ref","ref","opened","value","valueToItemMap","onKeyDown","label","size","disabled","renderValue","selectProps","treeId","activeDescendantItemValue","withArrowInverse","classes","arrowInverse","undefined","React","createElement","ButtonWrapper","StyledButton","stretching","className","selectWithoutBoxShadow","contentRight","IconArrowWrapper","StyledArrow","sizeToIconSize","color","cx","selectTargetArrow","role","concat","getItemId","renderTarget","Boolean","Label","getButtonLabel"],"mappings":";;;;;;;;AASO,IAAMA,MAAM,gBAAGC,UAAU,CAC5B,UAAAC,IAAA,EAcIC,GAAG,EACF;AAAA,EAAA,IAbGC,MAAM,GAAAF,IAAA,CAANE,MAAM;IACNC,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,cAAc,GAAAJ,IAAA,CAAdI,cAAc;IACdC,SAAS,GAAAL,IAAA,CAATK,SAAS;IACTC,KAAK,GAAAN,IAAA,CAALM,KAAK;IACLC,IAAI,GAAAP,IAAA,CAAJO,IAAI;IACJC,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;IACRC,WAAW,GAAAT,IAAA,CAAXS,WAAW;IACXC,WAAW,GAAAV,IAAA,CAAXU,WAAW;IACXC,MAAM,GAAAX,IAAA,CAANW,MAAM;IACNC,yBAAyB,GAAAZ,IAAA,CAAzBY,yBAAyB,CAAA;EAI7B,IAAMC,gBAAgB,GAAGX,MAAM,GAAGY,OAAO,CAACC,YAAY,GAAGC,SAAS,CAAA;EAElE,oBACIC,KAAA,CAAAC,aAAA,CAACC,aAAa,qBACVF,KAAA,CAAAC,aAAA,CAACE,YAAY,EAAA;AACTnB,IAAAA,GAAG,EAAEA,GAAI;AACToB,IAAAA,UAAU,EAAC,QAAQ;AACnBhB,IAAAA,SAAS,EAAEA,SAAU;AACrBiB,IAAAA,SAAS,EAAEpB,MAAM,GAAGY,OAAO,CAACS,sBAAsB,GAAGP,SAAU;AAC/DR,IAAAA,QAAQ,EAAEA,QAAS;IACnBgB,YAAY,eACRP,KAAA,CAAAC,aAAA,CAACO,gBAAgB,EAAA,IAAA,eACbR,KAAA,CAAAC,aAAA,CAACQ,WAAW,EAAA;AACRnB,MAAAA,IAAI,EAAEoB,cAAc,CAACpB,IAAI,CAAE;AAC3BqB,MAAAA,KAAK,EAAC,SAAS;AACfN,MAAAA,SAAS,EAAEO,EAAE,CAACf,OAAO,CAACgB,iBAAiB,EAAEjB,gBAAgB,CAAA;AAAE,KAC9D,CACa,CACrB;AACDkB,IAAAA,IAAI,EAAC,UAAU;AACf,IAAA,mBAAA,EAAkB,MAAM;IACxB,eAAAC,EAAAA,EAAAA,CAAAA,MAAA,CAAkBrB,MAAM,EAAgB,eAAA,CAAA;AACxC,IAAA,eAAA,EAAeT,MAAO;IACtB,uBACIU,EAAAA,yBAAyB,GAAGqB,SAAS,CAACtB,MAAM,EAAEC,yBAAyB,CAAC,GAAG,EAC9E;AACD,IAAA,YAAA,EAAYN,KAAM;AAClB4B,IAAAA,YAAY,EAAEC,OAAO,CAACzB,WAAW,CAACwB,YAAY,CAAA;AAAE,GAAA,eAEhDjB,KAAA,CAAAC,aAAA,CAACkB,KAAK,EAAA,IAAA,EACDC,cAAc,CAAC;AACZlC,IAAAA,KAAK,EAALA,KAAK;AACLC,IAAAA,cAAc,EAAdA,cAAc;AACdE,IAAAA,KAAK,EAALA,KAAK;AACLG,IAAAA,WAAW,EAAXA,WAAW;AACXC,IAAAA,WAAW,EAAXA,WAAAA;GACH,CACE,CACG,CACH,CAAC,CAAA;AAExB,CACJ;;;;"}
+{"version":3,"file":"Button.js","sources":["../../../../../../../src/components/Select/ui/Target/ui/Button/Button.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { cx } from 'src/utils';\n\nimport { classes } from '../../../../Select.tokens';\nimport { getButtonLabel, getItemId, sizeToIconSize } from '../../../../utils';\n\nimport { ButtonProps } from './Button.types';\nimport { StyledButton, StyledArrow, Label, ButtonWrapper, IconArrowWrapper } from './Button.styles';\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n    (\n        {\n            opened,\n            value,\n            valueToItemMap,\n            onKeyDown,\n            label,\n            size,\n            disabled,\n            renderValue,\n            selectProps,\n            treeId,\n            activeDescendantItemValue,\n        },\n        ref,\n    ) => {\n        const withArrowInverse = opened ? classes.arrowInverse : undefined;\n\n        return (\n            <ButtonWrapper>\n                <StyledButton\n                    ref={ref}\n                    stretching=\"filled\"\n                    onKeyDown={onKeyDown}\n                    className={opened ? classes.selectWithoutBoxShadow : undefined}\n                    disabled={disabled}\n                    contentRight={\n                        <IconArrowWrapper>\n                            <StyledArrow\n                                size={sizeToIconSize(size)}\n                                color=\"inherit\"\n                                className={cx(classes.selectTargetArrow, withArrowInverse)}\n                            />\n                        </IconArrowWrapper>\n                    }\n                    role=\"combobox\"\n                    aria-autocomplete=\"list\"\n                    aria-controls={`${treeId}_tree_level_1`}\n                    aria-expanded={opened}\n                    aria-activedescendant={\n                        activeDescendantItemValue ? getItemId(treeId, activeDescendantItemValue) : ''\n                    }\n                    aria-label={label}\n                >\n                    <Label>\n                        {getButtonLabel({\n                            value,\n                            valueToItemMap,\n                            label,\n                            renderValue,\n                            selectProps,\n                        })}\n                    </Label>\n                </StyledButton>\n            </ButtonWrapper>\n        );\n    },\n);\n"],"names":["Button","forwardRef","_ref","ref","opened","value","valueToItemMap","onKeyDown","label","size","disabled","renderValue","selectProps","treeId","activeDescendantItemValue","withArrowInverse","classes","arrowInverse","undefined","React","createElement","ButtonWrapper","StyledButton","stretching","className","selectWithoutBoxShadow","contentRight","IconArrowWrapper","StyledArrow","sizeToIconSize","color","cx","selectTargetArrow","role","concat","getItemId","Label","getButtonLabel"],"mappings":";;;;;;;;AASO,IAAMA,MAAM,gBAAGC,UAAU,CAC5B,UAAAC,IAAA,EAcIC,GAAG,EACF;AAAA,EAAA,IAbGC,MAAM,GAAAF,IAAA,CAANE,MAAM;IACNC,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,cAAc,GAAAJ,IAAA,CAAdI,cAAc;IACdC,SAAS,GAAAL,IAAA,CAATK,SAAS;IACTC,KAAK,GAAAN,IAAA,CAALM,KAAK;IACLC,IAAI,GAAAP,IAAA,CAAJO,IAAI;IACJC,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;IACRC,WAAW,GAAAT,IAAA,CAAXS,WAAW;IACXC,WAAW,GAAAV,IAAA,CAAXU,WAAW;IACXC,MAAM,GAAAX,IAAA,CAANW,MAAM;IACNC,yBAAyB,GAAAZ,IAAA,CAAzBY,yBAAyB,CAAA;EAI7B,IAAMC,gBAAgB,GAAGX,MAAM,GAAGY,OAAO,CAACC,YAAY,GAAGC,SAAS,CAAA;EAElE,oBACIC,KAAA,CAAAC,aAAA,CAACC,aAAa,qBACVF,KAAA,CAAAC,aAAA,CAACE,YAAY,EAAA;AACTnB,IAAAA,GAAG,EAAEA,GAAI;AACToB,IAAAA,UAAU,EAAC,QAAQ;AACnBhB,IAAAA,SAAS,EAAEA,SAAU;AACrBiB,IAAAA,SAAS,EAAEpB,MAAM,GAAGY,OAAO,CAACS,sBAAsB,GAAGP,SAAU;AAC/DR,IAAAA,QAAQ,EAAEA,QAAS;IACnBgB,YAAY,eACRP,KAAA,CAAAC,aAAA,CAACO,gBAAgB,EAAA,IAAA,eACbR,KAAA,CAAAC,aAAA,CAACQ,WAAW,EAAA;AACRnB,MAAAA,IAAI,EAAEoB,cAAc,CAACpB,IAAI,CAAE;AAC3BqB,MAAAA,KAAK,EAAC,SAAS;AACfN,MAAAA,SAAS,EAAEO,EAAE,CAACf,OAAO,CAACgB,iBAAiB,EAAEjB,gBAAgB,CAAA;AAAE,KAC9D,CACa,CACrB;AACDkB,IAAAA,IAAI,EAAC,UAAU;AACf,IAAA,mBAAA,EAAkB,MAAM;IACxB,eAAAC,EAAAA,EAAAA,CAAAA,MAAA,CAAkBrB,MAAM,EAAgB,eAAA,CAAA;AACxC,IAAA,eAAA,EAAeT,MAAO;IACtB,uBACIU,EAAAA,yBAAyB,GAAGqB,SAAS,CAACtB,MAAM,EAAEC,yBAAyB,CAAC,GAAG,EAC9E;IACD,YAAYN,EAAAA,KAAAA;AAAM,GAAA,eAElBW,KAAA,CAAAC,aAAA,CAACgB,KAAK,EAAA,IAAA,EACDC,cAAc,CAAC;AACZhC,IAAAA,KAAK,EAALA,KAAK;AACLC,IAAAA,cAAc,EAAdA,cAAc;AACdE,IAAAA,KAAK,EAALA,KAAK;AACLG,IAAAA,WAAW,EAAXA,WAAW;AACXC,IAAAA,WAAW,EAAXA,WAAAA;GACH,CACE,CACG,CACH,CAAC,CAAA;AAExB,CACJ;;;;"}

package/es/components/Select/ui/Target/ui/Button/Button.styles.js

@@ -1,4 +1,4 @@
-import './Button.styles_8ryojl.css';
+import './Button.styles_lsgupt.css';
 import { styled } from '@linaria/react';
 import { tokens } from '../../../../Select.tokens.js';
 import { IconDisclosureDownCentered } from '../../../../../_Icon/Icons/IconDisclosureDownCentered.js';
@@ -10,19 +10,10 @@ var Button = /*#__PURE__*/component(mergedButtonConfig);
 var _exp = function _exp() {
   return Button;
 };
-var _exp17 = function _exp17() {
-  return function (_ref) {
-    var renderTarget = _ref.renderTarget;
-    return renderTarget ? 'auto' : "var(".concat(tokens.targetHeight, ")");
-  };
-};
 var StyledButton = /*#__PURE__*/styled(_exp())({
   name: "StyledButton",
   "class": "sfn0xs0",
-  propsAsIs: true,
-  vars: {
-    "sfn0xs0-0": [/*#__PURE__*/_exp17()]
-  }
+  propsAsIs: true
 });
 var IconArrowWrapper = /*#__PURE__*/styled('div')({
   name: "IconArrowWrapper",
@@ -33,9 +24,9 @@ var _exp42 = function _exp42() {
   return IconDisclosureDownCentered;
 };
 var _exp44 = function _exp44() {
-  return function (_ref2) {
-    var _ref2$size = _ref2.size,
-      size = _ref2$size === void 0 ? 'xs' : _ref2$size;
+  return function (_ref) {
+    var _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'xs' : _ref$size;
     return "var(".concat(tokens.disclosureIconSize, ", ").concat({
       xs: "1rem",
       s: "1.5rem"

package/es/components/Select/ui/Target/ui/Button/Button.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.styles.js","sources":["../../../../../../../src/components/Select/ui/Target/ui/Button/Button.styles.tsx"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { applyEllipsis } from '../../../../../../mixins';\nimport { IconDisclosureDownCentered } from '../../../../../_Icon';\nimport { component, mergeConfig } from '../../../../../../engines';\nimport { buttonConfig, buttonTokens } from '../../../../../Button';\nimport { tokens, classes, constants } from '../../../../Select.tokens';\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedButtonConfig);\n\nexport const StyledButton = styled(Button)<{ renderTarget: boolean }>`\n    ${buttonTokens.buttonColor}: var(${tokens.buttonColor});\n    ${buttonTokens.buttonColorHover}: var(${tokens.buttonColorHover});\n    ${buttonTokens.buttonColorActive}: var(${tokens.buttonColorActive});\n    ${buttonTokens.buttonBackgroundColor}: var(${tokens.buttonBackgroundColor});\n    ${buttonTokens.buttonBackgroundColorHover}: var(${tokens.buttonBackgroundColorHover});\n    ${buttonTokens.buttonBackgroundColorActive}: var(${tokens.buttonBackgroundColorActive});\n    ${buttonTokens.buttonRightContentMargin}: var(${tokens.buttonArrowMargin});\n    ${buttonTokens.buttonHeight}: ${({ renderTarget }) => (renderTarget ? 'auto' : `var(${tokens.targetHeight})`)};\n    ${buttonTokens.buttonWidth}: 100%;\n    ${buttonTokens.buttonPadding}: var(${tokens.buttonPadding});\n    ${buttonTokens.buttonRadius}: var(${tokens.borderRadius});\n    ${buttonTokens.buttonFontFamily}: var(${tokens.fontFamily});\n    ${buttonTokens.buttonFontSize}: var(${tokens.fontSize});\n    ${buttonTokens.buttonFontStyle}: var(${tokens.fontStyle});\n    ${buttonTokens.buttonFontWeight}: var(${tokens.fontWeight});\n    ${buttonTokens.buttonLetterSpacing}: var(${tokens.fontLetterSpacing});\n    ${buttonTokens.buttonLineHeight}: var(${tokens.fontLineHeight});\n    ${buttonTokens.buttonDisabledOpacity}: ${constants.opacity};\n    ${buttonTokens.buttonFocusColor}: var(${constants.focusColor});\n    text-align: left;\n`;\n\nexport const IconArrowWrapper = styled.div`\n    line-height: 0;\n    color: var(${tokens.buttonArrowColor});\n\n    &:hover {\n        color: var(${tokens.buttonArrowColorHover});\n    }\n\n    &:active {\n        color: var(${tokens.buttonArrowColorActive});\n    }\n`;\n\n// TODO: Удалить после поддержки JS переменных в конфиге компонент\nexport const sizeMap: Record<string, string> = {\n    xs: '1rem',\n    s: '1.5rem',\n};\n\nexport const StyledArrow = styled(IconDisclosureDownCentered)`\n    transition: color 0.3s ease-in, transform 0.15s ease-in;\n    pointer-events: none;\n    user-select: none;\n\n    width: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n    height: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n`;\n\nexport const ButtonWrapper = styled.div`\n    display: inline;\n\n    .${classes.selectWithoutBoxShadow}::before {\n        box-shadow: none !important;\n    }\n\n    .${classes.arrowInverse} {\n        transform: rotate(-180deg);\n    }\n`;\n\nexport const Label = styled.div`\n    display: inline;\n    width: 100%;\n    text-align: left;\n\n    ${applyEllipsis()}\n`;\n"],"names":["mergedButtonConfig","mergeConfig","buttonConfig","Button","component","_exp","_exp17","_ref","renderTarget","concat","tokens","targetHeight","StyledButton","styled","name","class","propsAsIs","vars","IconArrowWrapper","_exp42","IconDisclosureDownCentered","_exp44","_ref2","_ref2$size","size","disclosureIconSize","xs","s","StyledArrow","ButtonWrapper","Label"],"mappings":";;;;;;AAQA,IAAMA,kBAAkB,gBAAGC,WAAW,CAACC,YAAY,CAAC,CAAA;AACpD,IAAMC,MAAM,gBAAGC,SAAS,CAACJ,kBAAkB,CAAC,CAAA;AAAC,IAAAK,IAAA,GAR3BA,SAQ2BA,IAAAA,GAAA;AAAA,EAAA,OAEVF,MAAM,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAG,MAAA,GAVvBA,SAUuBA,MAAAA,GAAA;AAAA,EAAA,OAQL,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,YAAAA,GAAAA,IAAAA,CAAAA,YAAAA,CAAAA;IAAAA,OAAoBA,YAAY,GAAG,MAAM,GAAA,MAAA,CAAAC,MAAA,CAAUC,MAAM,CAACC,YAAY,EAAI,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAR1G,IAAMC,YAAY,gBAAGC,MAAM,CAAAR,IAAA,EAAA,CAAA,CAAA;AAAAS,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAQEX,MAA6E,EAAA,CAAA;AAAA,GAAA;AAAA,CAahH,EAAA;AAEM,IAAMY,gBAAgB,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAWrC,EAAA;AAMC,IAAAG,MAAA,GAlDgBA,SAkDhBA,MAAAA,GAAA;AAAA,EAAA,OAEgCC,0BAA0B,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GApD1CA,SAoD0CA,MAAAA,GAAA;AAAA,EAAA,OAM9C,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAAC,UAAA,GAAAD,KAAA,CAAGE,IAAI;AAAJA,MAAAA,IAAI,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,IAAA,GAAAA,UAAA,CAAA;AAAA,IAAA,OAAA,MAAA,CAAAd,MAAA,CAAkBC,MAAM,CAACe,kBAAkB,EAAA,IAAA,CAAA,CAAAhB,MAAA,CAAK;AAAAiB,MAAAA,EAAA,EAAA,MAAA;AAAAC,MAAAA,CAAA,EAAA,QAAA;KAAQH,CAAAA,IAAI,CAAC,EAAA,GAAA,CAAA,CAAA;GAAG,CAAA;AAAA,CAAA,CAAA;AANjF,IAAMI,WAAW,gBAAGf,MAAM,CAAAM,MAAA,EAAA,CAAA,CAAA;AAAAL,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAMnBI,MAA0E,EAAA,CAAA;AAAA,GAAA;AAAA,CACvF,EAAA;AAEM,IAAMQ,aAAa,gBAAGhB,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAUlC,EAAA;AAEM,IAAMc,KAAK,gBAAGjB,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAM1B;;;;"}
+{"version":3,"file":"Button.styles.js","sources":["../../../../../../../src/components/Select/ui/Target/ui/Button/Button.styles.tsx"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { applyEllipsis } from 'src/mixins';\nimport { component, mergeConfig } from 'src/engines';\nimport { buttonConfig, buttonTokens } from 'src/components/Button';\nimport { IconDisclosureDownCentered } from 'src/components/_Icon';\n\nimport { tokens, classes, constants } from '../../../../Select.tokens';\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedButtonConfig);\n\nexport const StyledButton = styled(Button)`\n    ${buttonTokens.buttonColor}: var(${tokens.buttonColor});\n    ${buttonTokens.buttonColorHover}: var(${tokens.buttonColorHover});\n    ${buttonTokens.buttonColorActive}: var(${tokens.buttonColorActive});\n    ${buttonTokens.buttonBackgroundColor}: var(${tokens.buttonBackgroundColor});\n    ${buttonTokens.buttonBackgroundColorHover}: var(${tokens.buttonBackgroundColorHover});\n    ${buttonTokens.buttonBackgroundColorActive}: var(${tokens.buttonBackgroundColorActive});\n    ${buttonTokens.buttonRightContentMargin}: var(${tokens.buttonArrowMargin});\n    ${buttonTokens.buttonHeight}: var(${tokens.targetHeight});\n    ${buttonTokens.buttonWidth}: 100%;\n    ${buttonTokens.buttonPadding}: var(${tokens.buttonPadding});\n    ${buttonTokens.buttonRadius}: var(${tokens.borderRadius});\n    ${buttonTokens.buttonFontFamily}: var(${tokens.fontFamily});\n    ${buttonTokens.buttonFontSize}: var(${tokens.fontSize});\n    ${buttonTokens.buttonFontStyle}: var(${tokens.fontStyle});\n    ${buttonTokens.buttonFontWeight}: var(${tokens.fontWeight});\n    ${buttonTokens.buttonLetterSpacing}: var(${tokens.fontLetterSpacing});\n    ${buttonTokens.buttonLineHeight}: var(${tokens.fontLineHeight});\n    ${buttonTokens.buttonDisabledOpacity}: ${constants.opacity};\n    ${buttonTokens.buttonFocusColor}: var(${constants.focusColor});\n    text-align: left;\n`;\n\nexport const IconArrowWrapper = styled.div`\n    line-height: 0;\n    color: var(${tokens.buttonArrowColor});\n\n    &:hover {\n        color: var(${tokens.buttonArrowColorHover});\n    }\n\n    &:active {\n        color: var(${tokens.buttonArrowColorActive});\n    }\n`;\n\n// TODO: Удалить после поддержки JS переменных в конфиге компонент\nexport const sizeMap: Record<string, string> = {\n    xs: '1rem',\n    s: '1.5rem',\n};\n\nexport const StyledArrow = styled(IconDisclosureDownCentered)`\n    transition: color 0.3s ease-in, transform 0.15s ease-in;\n    pointer-events: none;\n    user-select: none;\n\n    width: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n    height: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n`;\n\nexport const ButtonWrapper = styled.div`\n    display: inline;\n\n    .${classes.selectWithoutBoxShadow}::before {\n        box-shadow: none !important;\n    }\n\n    .${classes.arrowInverse} {\n        transform: rotate(-180deg);\n    }\n`;\n\nexport const Label = styled.div`\n    display: inline;\n    width: 100%;\n    text-align: left;\n\n    ${applyEllipsis()}\n`;\n"],"names":["mergedButtonConfig","mergeConfig","buttonConfig","Button","component","_exp","StyledButton","styled","name","class","propsAsIs","IconArrowWrapper","_exp42","IconDisclosureDownCentered","_exp44","_ref","_ref$size","size","concat","tokens","disclosureIconSize","xs","s","StyledArrow","vars","ButtonWrapper","Label"],"mappings":";;;;;;AAQA,IAAMA,kBAAkB,gBAAGC,WAAW,CAACC,YAAY,CAAC,CAAA;AACpD,IAAMC,MAAM,gBAAGC,SAAS,CAACJ,kBAAkB,CAAC,CAAA;AAAC,IAAAK,IAAA,GAR3BA,SAQ2BA,IAAAA,GAAA;AAAA,EAAA,OAEVF,MAAM,CAAA;AAAA,CAAA,CAAA;AAAlC,IAAMG,YAAY,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAqBjC,EAAA;AAEM,IAAMC,gBAAgB,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAWrC,EAAA;AAMC,IAAAE,MAAA,GAlDgBA,SAkDhBA,MAAAA,GAAA;AAAA,EAAA,OAEgCC,0BAA0B,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GApD1CA,SAoD0CA,MAAAA,GAAA;AAAA,EAAA,OAM9C,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAAC,SAAA,GAAAD,IAAA,CAAGE,IAAI;AAAJA,MAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,IAAA,GAAAA,SAAA,CAAA;AAAA,IAAA,OAAA,MAAA,CAAAE,MAAA,CAAkBC,MAAM,CAACC,kBAAkB,EAAA,IAAA,CAAA,CAAAF,MAAA,CAAK;AAAAG,MAAAA,EAAA,EAAA,MAAA;AAAAC,MAAAA,CAAA,EAAA,QAAA;KAAQL,CAAAA,IAAI,CAAC,EAAA,GAAA,CAAA,CAAA;GAAG,CAAA;AAAA,CAAA,CAAA;AANjF,IAAMM,WAAW,gBAAGhB,MAAM,CAAAK,MAAA,EAAA,CAAA,CAAA;AAAAJ,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAc,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAMnBV,MAA0E,EAAA,CAAA;AAAA,GAAA;AAAA,CACvF,EAAA;AAEM,IAAMW,aAAa,gBAAGlB,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAUlC,EAAA;AAEM,IAAMgB,KAAK,gBAAGnB,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAM1B;;;;"}

package/es/components/Select/ui/Target/ui/Button/{Button.styles_8ryojl.css → Button.styles_lsgupt.css}

@@ -1,4 +1,4 @@
-.sfn0xs0{--plasma-button-color:var(--plasma-select-button-color);--plasma-button-color-hover:var(--plasma-select-button-color-hover);--plasma-button-color-active:var(--plasma-select-button-color-active);--plasma-button-background-color:var(--plasma-select-button-background-color);--plasma-button-background-color-hover:var(--plasma-select-button-background-color-hover);--plasma-button-background-color-active:var(--plasma-select-button-background-color-active);--plasma-button-right-content-margin:var(--plasma-select-button-arrow-margin);--plasma-button-height:var(--sfn0xs0-0);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-button-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:var(--plasma-select-font-weight);--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);text-align:left;}
+.sfn0xs0{--plasma-button-color:var(--plasma-select-button-color);--plasma-button-color-hover:var(--plasma-select-button-color-hover);--plasma-button-color-active:var(--plasma-select-button-color-active);--plasma-button-background-color:var(--plasma-select-button-background-color);--plasma-button-background-color-hover:var(--plasma-select-button-background-color-hover);--plasma-button-background-color-active:var(--plasma-select-button-background-color-active);--plasma-button-right-content-margin:var(--plasma-select-button-arrow-margin);--plasma-button-height:var(--plasma-select-target-height);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-button-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:var(--plasma-select-font-weight);--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);text-align:left;}
 .i1akdel6{line-height:0;color:var(--plasma-select-button-arrow-color);}.i1akdel6:hover{color:var(--plasma-select-button-arrow-color-hover);}.i1akdel6:active{color:var(--plasma-select-button-arrow-color-active);}
 .sn98tws{-webkit-transition:color 0.3s ease-in,-webkit-transform 0.15s ease-in;-webkit-transition:color 0.3s ease-in,transform 0.15s ease-in;transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:var(--sn98tws-0);height:var(--sn98tws-0);}
 .ba2820e{display:inline;}.ba2820e .select-without-box-shadow::before{box-shadow:none !important;}.ba2820e .arrow-inverse{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}

package/es/components/Select/ui/Target/ui/Textfield/Textfield.css

@@ -1,3 +1,5 @@
+.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
+
 .base_uulqii_b13ve66i__3d70dc64 .base_uulqii_io4bpie__3d70dc64{width:100%;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_i13qvwoy__3d70dc64{width:100%;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_iq39zt5__3d70dc64{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_iq39zt5__3d70dc64.base_uulqii_hasChips__3d70dc64{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_iq39zt5__3d70dc64.base_uulqii_hasEmptyContentLeft__3d70dc64{padding-left:var(--plasma-textfield-padding-with-chips);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_iq39zt5__3d70dc64.base_uulqii_hasEmptyContentRight__3d70dc64{padding-right:var(--plasma-textfield-padding-with-chips);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_luk2zst__3d70dc64,.base_uulqii_b13ve66i__3d70dc64:not(.base_uulqii_labelPlacementInner__3d70dc64) .base_uulqii_s14qvple__3d70dc64{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_s16itze4__3d70dc64{margin:var(--plasma-textfield__hint-margin);width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_h1skqnhr__3d70dc64{width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_tlv9av6__3d70dc64{font-family:var(--plasma-textfield__title-caption-font-family);font-size:var(--plasma-textfield__title-caption-font-size);font-style:var(--plasma-textfield__title-caption-font-style);font-weight:var(--plasma-textfield__title-caption-font-weight);-webkit-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);line-height:var(--plasma-textfield__title-caption-line-height);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_lb3k3v1__3d70dc64{margin-top:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_s7hnwwb__3d70dc64,.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_smqgwd8__3d70dc64{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_s7hnwwb__3d70dc64{margin:var(--plasma-textfield__before-text-margin);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_smqgwd8__3d70dc64{margin:var(--plasma-textfield__after-text-margin);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_ssv2kwg__3d70dc64.base_uulqii_textfieldContentRightCompensationMargin__3d70dc64{gap:var(--plasma-textfield-content-right-wrapper-gap);margin:var(--plasma-textfield-content-right-wrapper-margin);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_ssv2kwg__3d70dc64.base_uulqii_textfieldContentRightCompensationMargin__3d70dc64 .base_uulqii_s190z894__3d70dc64{margin:var(--plasma-textfield__right-content-with-hint-margin);}
 
 .base_1npz45o_bptx5xt__00473380 .base_1npz45o_iq39zt5__00473380{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);--plasma_private-textfield-bg-color:var(--plasma-textfield-bg-color);color:var(--plasma-textfield-color);background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma_private-textfield-border-color), var(--plasma-textfield-box-shadow,inset 0 0 0 0 transparent);caret-color:var(--plasma-textfield__caret-color);-webkit-transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}.base_1npz45o_bptx5xt__00473380 .base_1npz45o_iq39zt5__00473380:hover{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-hover,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-hover, var(--plasma-textfield-bg-color) );}.base_1npz45o_bptx5xt__00473380 .base_1npz45o_io4bpie__00473380{color:var(--plasma-textfield-color);}.base_1npz45o_bptx5xt__00473380 .base_1npz45o_i19ry60d__00473380{color:var(--plasma-textfield__placeholder-color);}.base_1npz45o_bptx5xt__00473380 .base_1npz45o_iq39zt5__00473380:focus-within{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-focus,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-focus, var(--plasma-textfield-bg-color) );}.base_1npz45o_bptx5xt__00473380 .base_1npz45o_iq39zt5__00473380:focus-within .base_1npz45o_i19ry60d__00473380{color:var(--plasma-textfield__placeholder-color-focus);}.base_1npz45o_bptx5xt__00473380 .base_1npz45o_tlv9av6__00473380{color:var(--plasma-textfield__title-caption-color);}.base_1npz45o_bptx5xt__00473380 .base_1npz45o_lb3k3v1__00473380{color:var(--plasma-textfield__left-helper-color);}.base_1npz45o_bptx5xt__00473380 .base_1npz45o_s7hnwwb__00473380{color:var(--plasma-textfield__before-text-color);}.base_1npz45o_bptx5xt__00473380 .base_1npz45o_smqgwd8__00473380{color:var(--plasma-textfield__after-text-color);}
@@ -70,8 +72,7 @@
 
 .TextField_1lzb2r1_bpunezx__7d079491{display:block;}
 
-.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
-
-.Textfield_styles_1a1zt2a_s1yhwv5r__a759f3c2{--plasma-textfield-color:var(--plasma-select-textfield-color);--plasma-textfield-bg-color:var(--plasma-select-textfield-background-color);--plasma-textfield-border-color:var(--plasma-select-textfield-border-color);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield__label-color:var(--plasma-select-textfield-label-color);--plasma-textfield__left-helper-color:var(--plasma-select-textfield-left-helper-color);--plasma-textfield-color-readonly:var(--plasma-select-textfield-color);--plasma-textfield-bg-color-readonly:var(--s1yhwv5r-0);--plasma-textfield__placeholder-color-readonly:var(--s1yhwv5r-1);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield-left-helper-color);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield-label-color);--plasma-textfield-border-color-readonly:var(--s1yhwv5r-2);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield-border-color-hover:var(--plasma-select-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-select-textfield-border-color-focus);--plasma-textfield__optional-color:var(--plasma-select-new-textfield-optional-color);--plasma-textfield-height:var(--plasma-select-textfield-height);--plasma-textfield-border-width:var(--plasma-select-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-select-textfield-border-radius);--plasma-textfield-padding:var(--plasma-select-textfield-padding);--plasma-textfield-padding-with-chips:var(--plasma-select-textfield-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-select-textfield-left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-select-textfield-right-content-margin);--plasma-textfield__right-content-with-hint-margin:var(--plasma-select-textfield-right-content-with-hint-margin);--plasma-textfield-content-right-wrapper-gap:var(--plasma-select-textfield-content-right-wrapper-gap);--plasma-textfield-content-right-wrapper-margin:var(--plasma-select-textfield-content-right-wrapper-margin);--plasma-textfield-font-family:var(--plasma-select-textfield-font-family);--plasma-textfield-font-style:var(--plasma-select-textfield-font-style);--plasma-textfield-font-size:var(--plasma-select-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-select-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-select-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-select-textfield-line-height);--plasma-textfield-content-slot-color:var(--plasma-select-textfield-content-slot-color);--plasma-textfield-content-slot-color-hover:var(--plasma-select-textfield-content-slot-color-hover);--plasma-textfield-content-slot-color-active:var(--plasma-select-textfield-content-slot-color-active);--plasma-textfield-content-right-slot-color:var(--plasma-select-textfield-content-right-slot-color);--plasma-textfield-content-right-slot-color-hover:var(--plasma-select-textfield-content-right-slot-color-hover);--plasma-textfield-content-right-slot-color-active:var(--plasma-select-textfield-content-right-slot-color-active);--plasma-textfield__label-offset:var(--plasma-select-textfield-label-offset);--plasma-textfield__label-font-family:var(--plasma-select-textfield-label-font-family);--plasma-textfield__label-font-style:var(--plasma-select-textfield-label-font-style);--plasma-textfield__label-font-size:var(--plasma-select-textfield-label-font-size);--plasma-textfield__label-font-weight:var(--plasma-select-textfield-label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-select-textfield-label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-select-textfield-label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-select-textfield-placement-inner-label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-select-textfield-placement-inner-label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-select-textfield-placement-inner-label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-select-textfield-placement-inner-label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-select-textfield-placement-inner-label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-select-textfield-placement-inner-label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-select-textfield-placement-inner-label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-select-textfield-placement-inner-content-padding);--plasma-textfield__title-caption-color:var(--plasma-select-textfield-title-caption-color);--plasma-textfield__title-caption-label-inner-offset:var(--plasma-select-textfield-title-caption-label-inner-offset);--plasma-textfield__title-caption-font-family:var(--plasma-select-textfield-title-caption-font-family);--plasma-textfield__title-caption-font-style:var(--plasma-select-textfield-title-caption-font-style);--plasma-textfield__title-caption-font-size:var(--plasma-select-textfield-title-caption-font-size);--plasma-textfield__title-caption-font-weight:var(--plasma-select-textfield-title-caption-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-select-textfield-title-caption-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-select-textfield-title-caption-line-height);--plasma-textfield__left-helper-offset:var(--plasma-select-textfield-left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-select-textfield-left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-select-textfield-left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-select-textfield-left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-select-textfield-left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-select-textfield-left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-select-textfield-left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-select-textfield-before-text-color);--plasma-textfield__after-text-color:var(--plasma-select-textfield-after-text-color);--plasma-textfield__before-text-margin:var(--plasma-select-textfield-before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-select-textfield-after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-select-textfield-disabled-opacity);--plasma-textfield__hint-custom-icon-target-size:var(--plasma-select-textfield__hint-custom-icon-target-size);--plasma-textfield__hint-margin:var(--plasma-select-textfield__hint-margin);--plasma-textfield__hint-target-size:var(--plasma-select-textfield__hint-target-size);--plasma-textfield__hint-icon-color:var(--plasma-select-textfield__hint-icon-color);--plasma-textfield__hint-inner-label-placement-offset:var(--plasma-select-textfield__hint-inner-label-placement-offset);--plasma-textfield__clear-hint-inner-label-placement-offset:var(--plasma-select-textfield__clear-hint-inner-label-placement-offset);--plasma-textfield__tooltip-background-color:var(--plasma-select-textfield__tooltip-background-color);--plasma-textfield__tooltip-box-shadow:var(--plasma-select-textfield__tooltip-box-shadow);--plasma-textfield__tooltip-color:var(--plasma-select-textfield__tooltip-color);--plasma-textfield__tooltip-padding-top:var(--plasma-select-textfield__tooltip-padding-top);--plasma-textfield__tooltip-padding-right:var(--plasma-select-textfield__tooltip-padding-right);--plasma-textfield__tooltip-padding-bottom:var(--plasma-select-textfield__tooltip-padding-bottom);--plasma-textfield__tooltip-padding-left:var(--plasma-select-textfield__tooltip-padding-left);--plasma-textfield__tooltip-min-height:var(--plasma-select-textfield__tooltip-min-height);--plasma-textfield__tooltip-border-radius:var(--plasma-select-textfield__tooltip-border-radius);--plasma-textfield__tooltip-text-font-family:var(--plasma-select-textfield__tooltip-text-font-family);--plasma-textfield__tooltip-text-font-size:var(--plasma-select-textfield__tooltip-text-font-size);--plasma-textfield__tooltip-text-font-style:var(--plasma-select-textfield__tooltip-text-font-style);--plasma-textfield__tooltip-text-font-weight:var(--plasma-select-textfield__tooltip-text-font-weight);--plasma-textfield__tooltip-text-font-letter-spacing:var(--plasma-select-textfield__tooltip-text-font-letter-spacing);--plasma-textfield__tooltip-text-font-line-height:var(--plasma-select-textfield__tooltip-text-font-line-height);--plasma-textfield__tooltip-content-left-margin:var(--plasma-select-textfield__tooltip-content-left-margin);--plasma-textfield__tooltip-arrow-mask-width:var(--plasma-select-textfield__tooltip-arrow-mask-width);--plasma-textfield__tooltip-arrow-mask-height:var(--plasma-select-textfield__tooltip-arrow-mask-height);--plasma-textfield__tooltip-arrow-mask-image:var(--plasma-select-textfield__tooltip-arrow-mask-image);--plasma-textfield__tooltip-arrow-height:var(--plasma-select-textfield__tooltip-arrow-height);--plasma-textfield__tooltip-arrow-edge-margin:var(--plasma-select-textfield__tooltip-arrow-edge-margin);--plasma-textfield__tooltip-arrow-background:var(--plasma-select-textfield__tooltip-arrow-background);--plasma-textfield__chip-height:var(--plasma-select-textfield-chip-height);--plasma-textfield__chip-border-radius:var(--plasma-select-textfield-chip-border-radius);--plasma-textfield__chip-gap:var(--plasma-select-textfield-chip-gap);--plasma-textfield__chip-color:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-hover:var(--plasma-select-textfield-chip-color-hover);--plasma-textfield__chip-scale-hover:var(--plasma-select-textfield-chip-scale-hover);--plasma-textfield__chip-background:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-active:var(--plasma-select-textfield-chip-background-active);--plasma-textfield__chip-color-active:var(--plasma-select-textfield-chip-color-active);--plasma-textfield__chip-scale-active:var(--plasma-select-textfield-chip-scale-active);--plasma-textfield__chip-close-icon-color:var(--plasma-select-textfield-chip-close-icons-color);--plasma-textfield__chip-outline-size:var(--plasma-select-textfield-chip-outline-size);--plasma-textfield__chip-width:var(--plasma-select-textfield-chip-width);--plasma-textfield__chip-padding:var(--plasma-select-textfield-chip-padding);--plasma-textfield__chip-close-icon-size:var(--plasma-select-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-select-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-select-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-select-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-select-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-select-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-select-textfield-chip-line-height);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield-chip-background-hover);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-select-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-select-textfield-chip-clear-content-margin-right);--plasma-textfield__indicator-color:var(--plasma-select-new-textfield-indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-select-new-textfield-indicator-size-inner);--plasma-textfield__indicator-size-outer:var(--plasma-select-new-textfield-indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-select-new-textfield-indicator-placement-inner);--plasma-textfield__indicator-placement-outer:var(--plasma-select-new-textfield-indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-select-new-textfield-indicator-placement-inner-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-select-new-textfield-indicator-placement-outer-right);--plasma-textfield__clear-indicator-placement-inner:var(--plasma-select-new-textfield-clear-indicator-placement-inner);--plasma-textfield__clear-indicator-placement-inner-right:var(--plasma-select-new-textfield-clear-indicator-placement-inner-right );--plasma-textfield__clear-indicator-hint-placement-inner-right:var(--plasma-select-new-textfield-clear-indicator-hint-placement-inner-right);--plasma-textfield-focus-color:var(--plasma-select-textfield-focus-color);--plasma-textfield-box-shadow:var(--s1yhwv5r-3);}.Textfield_styles_1a1zt2a_s1yhwv5r__a759f3c2 div.Textfield_styles_1a1zt2a_inputWrapper__a759f3c2:focus-within{background-color:var(--plasma-select-textfield-background-color-focus);}.Textfield_styles_1a1zt2a_s1yhwv5r__a759f3c2.Textfield_styles_1a1zt2a_readonly__a759f3c2{--plasma-textfield-color-readonly:var(--plasma-select-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-select-textfield-bg-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-select-textfield__placeholder-color-readonly);--plasma-textfield-divider-color-readonly:var(--plasma-select-textfield-divider-color-readonly);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield__left-helper-color-readonly);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield__label-color-readonly);--plasma-textfield__title-caption-color-readonly:var(--plasma-select-textfield__title-caption-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-select-textfield-border-color-readonly);--plasma-textfield-readonly-opacity:var(--plasma-select-textfield-readonly-opacity);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield__chip-color-readonly);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield__chip-color-readonly-hover);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield__chip-background-readonly);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield__chip-background-readonly-hover);--plasma-textfield__chip-opacity-readonly:var(--plasma-select-textfield__chip-opacity-readonly);--plasma-textfield-box-shadow:none;}
-.Textfield_styles_1a1zt2a_i7x5udn__a759f3c2{line-height:0;color:var(--plasma-select-disclosure-icon-color);cursor:var(--i7x5udn-0);opacity:var(--i7x5udn-2);}.Textfield_styles_1a1zt2a_i7x5udn__a759f3c2 .Textfield_styles_1a1zt2a_arrowInverse__a759f3c2{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Textfield_styles_1a1zt2a_i7x5udn__a759f3c2:hover,.Textfield_styles_1a1zt2a_i7x5udn__a759f3c2:active{color:var(--i7x5udn-1);}
-.Textfield_styles_1a1zt2a_s2oocb4__a759f3c2{width:var(--s2oocb4-0);height:var(--s2oocb4-0);}
+.Textfield_styles_1i2t1rz_s1yhwv5r__22fdf4fc{--plasma-textfield-color:var(--plasma-select-textfield-color);--plasma-textfield-bg-color:var(--plasma-select-textfield-background-color);--plasma-textfield-border-color:var(--plasma-select-textfield-border-color);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield__label-color:var(--plasma-select-textfield-label-color);--plasma-textfield__left-helper-color:var(--plasma-select-textfield-left-helper-color);--plasma-textfield-color-readonly:var(--plasma-select-textfield-color);--plasma-textfield-bg-color-readonly:var(--s1yhwv5r-0);--plasma-textfield__placeholder-color-readonly:var(--s1yhwv5r-1);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield-left-helper-color);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield-label-color);--plasma-textfield-border-color-readonly:var(--s1yhwv5r-2);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield-border-color-hover:var(--plasma-select-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-select-textfield-border-color-focus);--plasma-textfield__optional-color:var(--plasma-select-new-textfield-optional-color);--plasma-textfield-height:var(--plasma-select-textfield-height);--plasma-textfield-border-width:var(--plasma-select-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-select-textfield-border-radius);--plasma-textfield-padding:var(--plasma-select-textfield-padding);--plasma-textfield-padding-with-chips:var(--plasma-select-textfield-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-select-textfield-left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-select-textfield-right-content-margin);--plasma-textfield__right-content-with-hint-margin:var(--plasma-select-textfield-right-content-with-hint-margin);--plasma-textfield-content-right-wrapper-gap:var(--plasma-select-textfield-content-right-wrapper-gap);--plasma-textfield-content-right-wrapper-margin:var(--plasma-select-textfield-content-right-wrapper-margin);--plasma-textfield-font-family:var(--plasma-select-textfield-font-family);--plasma-textfield-font-style:var(--plasma-select-textfield-font-style);--plasma-textfield-font-size:var(--plasma-select-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-select-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-select-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-select-textfield-line-height);--plasma-textfield-content-slot-color:var(--plasma-select-textfield-content-slot-color);--plasma-textfield-content-slot-color-hover:var(--plasma-select-textfield-content-slot-color-hover);--plasma-textfield-content-slot-color-active:var(--plasma-select-textfield-content-slot-color-active);--plasma-textfield-content-right-slot-color:var(--plasma-select-textfield-content-right-slot-color);--plasma-textfield-content-right-slot-color-hover:var(--plasma-select-textfield-content-right-slot-color-hover);--plasma-textfield-content-right-slot-color-active:var(--plasma-select-textfield-content-right-slot-color-active);--plasma-textfield__label-offset:var(--plasma-select-textfield-label-offset);--plasma-textfield__label-font-family:var(--plasma-select-textfield-label-font-family);--plasma-textfield__label-font-style:var(--plasma-select-textfield-label-font-style);--plasma-textfield__label-font-size:var(--plasma-select-textfield-label-font-size);--plasma-textfield__label-font-weight:var(--plasma-select-textfield-label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-select-textfield-label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-select-textfield-label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-select-textfield-placement-inner-label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-select-textfield-placement-inner-label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-select-textfield-placement-inner-label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-select-textfield-placement-inner-label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-select-textfield-placement-inner-label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-select-textfield-placement-inner-label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-select-textfield-placement-inner-label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-select-textfield-placement-inner-content-padding);--plasma-textfield__title-caption-color:var(--plasma-select-textfield-title-caption-color);--plasma-textfield__title-caption-label-inner-offset:var(--plasma-select-textfield-title-caption-label-inner-offset);--plasma-textfield__title-caption-font-family:var(--plasma-select-textfield-title-caption-font-family);--plasma-textfield__title-caption-font-style:var(--plasma-select-textfield-title-caption-font-style);--plasma-textfield__title-caption-font-size:var(--plasma-select-textfield-title-caption-font-size);--plasma-textfield__title-caption-font-weight:var(--plasma-select-textfield-title-caption-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-select-textfield-title-caption-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-select-textfield-title-caption-line-height);--plasma-textfield__left-helper-offset:var(--plasma-select-textfield-left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-select-textfield-left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-select-textfield-left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-select-textfield-left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-select-textfield-left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-select-textfield-left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-select-textfield-left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-select-textfield-before-text-color);--plasma-textfield__after-text-color:var(--plasma-select-textfield-after-text-color);--plasma-textfield__before-text-margin:var(--plasma-select-textfield-before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-select-textfield-after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-select-textfield-disabled-opacity);--plasma-textfield__hint-custom-icon-target-size:var(--plasma-select-textfield__hint-custom-icon-target-size);--plasma-textfield__hint-margin:var(--plasma-select-textfield__hint-margin);--plasma-textfield__hint-target-size:var(--plasma-select-textfield__hint-target-size);--plasma-textfield__hint-icon-color:var(--plasma-select-textfield__hint-icon-color);--plasma-textfield__hint-inner-label-placement-offset:var(--plasma-select-textfield__hint-inner-label-placement-offset);--plasma-textfield__clear-hint-inner-label-placement-offset:var(--plasma-select-textfield__clear-hint-inner-label-placement-offset);--plasma-textfield__tooltip-background-color:var(--plasma-select-textfield__tooltip-background-color);--plasma-textfield__tooltip-box-shadow:var(--plasma-select-textfield__tooltip-box-shadow);--plasma-textfield__tooltip-color:var(--plasma-select-textfield__tooltip-color);--plasma-textfield__tooltip-padding-top:var(--plasma-select-textfield__tooltip-padding-top);--plasma-textfield__tooltip-padding-right:var(--plasma-select-textfield__tooltip-padding-right);--plasma-textfield__tooltip-padding-bottom:var(--plasma-select-textfield__tooltip-padding-bottom);--plasma-textfield__tooltip-padding-left:var(--plasma-select-textfield__tooltip-padding-left);--plasma-textfield__tooltip-min-height:var(--plasma-select-textfield__tooltip-min-height);--plasma-textfield__tooltip-border-radius:var(--plasma-select-textfield__tooltip-border-radius);--plasma-textfield__tooltip-text-font-family:var(--plasma-select-textfield__tooltip-text-font-family);--plasma-textfield__tooltip-text-font-size:var(--plasma-select-textfield__tooltip-text-font-size);--plasma-textfield__tooltip-text-font-style:var(--plasma-select-textfield__tooltip-text-font-style);--plasma-textfield__tooltip-text-font-weight:var(--plasma-select-textfield__tooltip-text-font-weight);--plasma-textfield__tooltip-text-font-letter-spacing:var(--plasma-select-textfield__tooltip-text-font-letter-spacing);--plasma-textfield__tooltip-text-font-line-height:var(--plasma-select-textfield__tooltip-text-font-line-height);--plasma-textfield__tooltip-content-left-margin:var(--plasma-select-textfield__tooltip-content-left-margin);--plasma-textfield__tooltip-arrow-mask-width:var(--plasma-select-textfield__tooltip-arrow-mask-width);--plasma-textfield__tooltip-arrow-mask-height:var(--plasma-select-textfield__tooltip-arrow-mask-height);--plasma-textfield__tooltip-arrow-mask-image:var(--plasma-select-textfield__tooltip-arrow-mask-image);--plasma-textfield__tooltip-arrow-height:var(--plasma-select-textfield__tooltip-arrow-height);--plasma-textfield__tooltip-arrow-edge-margin:var(--plasma-select-textfield__tooltip-arrow-edge-margin);--plasma-textfield__tooltip-arrow-background:var(--plasma-select-textfield__tooltip-arrow-background);--plasma-textfield__chip-height:var(--plasma-select-textfield-chip-height);--plasma-textfield__chip-border-radius:var(--plasma-select-textfield-chip-border-radius);--plasma-textfield__chip-gap:var(--plasma-select-textfield-chip-gap);--plasma-textfield__chip-color:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-hover:var(--plasma-select-textfield-chip-color-hover);--plasma-textfield__chip-scale-hover:var(--plasma-select-textfield-chip-scale-hover);--plasma-textfield__chip-background:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-active:var(--plasma-select-textfield-chip-background-active);--plasma-textfield__chip-color-active:var(--plasma-select-textfield-chip-color-active);--plasma-textfield__chip-scale-active:var(--plasma-select-textfield-chip-scale-active);--plasma-textfield__chip-close-icon-color:var(--plasma-select-textfield-chip-close-icons-color);--plasma-textfield__chip-outline-size:var(--plasma-select-textfield-chip-outline-size);--plasma-textfield__chip-width:var(--plasma-select-textfield-chip-width);--plasma-textfield__chip-padding:var(--plasma-select-textfield-chip-padding);--plasma-textfield__chip-close-icon-size:var(--plasma-select-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-select-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-select-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-select-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-select-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-select-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-select-textfield-chip-line-height);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield-chip-background-hover);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-select-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-select-textfield-chip-clear-content-margin-right);--plasma-textfield__indicator-color:var(--plasma-select-new-textfield-indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-select-new-textfield-indicator-size-inner);--plasma-textfield__indicator-size-outer:var(--plasma-select-new-textfield-indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-select-new-textfield-indicator-placement-inner);--plasma-textfield__indicator-placement-outer:var(--plasma-select-new-textfield-indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-select-new-textfield-indicator-placement-inner-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-select-new-textfield-indicator-placement-outer-right);--plasma-textfield__clear-indicator-placement-inner:var(--plasma-select-new-textfield-clear-indicator-placement-inner);--plasma-textfield__clear-indicator-placement-inner-right:var(--plasma-select-new-textfield-clear-indicator-placement-inner-right );--plasma-textfield__clear-indicator-hint-placement-inner-right:var(--plasma-select-new-textfield-clear-indicator-hint-placement-inner-right);--plasma-textfield-focus-color:var(--plasma-select-textfield-focus-color);--plasma-textfield-box-shadow:var(--s1yhwv5r-3);}.Textfield_styles_1i2t1rz_s1yhwv5r__22fdf4fc div.Textfield_styles_1i2t1rz_inputWrapper__22fdf4fc:focus-within{background-color:var(--plasma-select-textfield-background-color-focus);}.Textfield_styles_1i2t1rz_s1yhwv5r__22fdf4fc.Textfield_styles_1i2t1rz_readonly__22fdf4fc{--plasma-textfield-color-readonly:var(--plasma-select-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-select-textfield-bg-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-select-textfield__placeholder-color-readonly);--plasma-textfield-divider-color-readonly:var(--plasma-select-textfield-divider-color-readonly);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield__left-helper-color-readonly);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield__label-color-readonly);--plasma-textfield__title-caption-color-readonly:var(--plasma-select-textfield__title-caption-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-select-textfield-border-color-readonly);--plasma-textfield-readonly-opacity:var(--plasma-select-textfield-readonly-opacity);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield__chip-color-readonly);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield__chip-color-readonly-hover);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield__chip-background-readonly);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield__chip-background-readonly-hover);--plasma-textfield__chip-opacity-readonly:var(--plasma-select-textfield__chip-opacity-readonly);--plasma-textfield-box-shadow:none;}
+.Textfield_styles_1i2t1rz_i7x5udn__22fdf4fc{line-height:0;color:var(--plasma-select-disclosure-icon-color);cursor:var(--i7x5udn-0);opacity:var(--i7x5udn-2);}.Textfield_styles_1i2t1rz_i7x5udn__22fdf4fc .Textfield_styles_1i2t1rz_arrowInverse__22fdf4fc{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Textfield_styles_1i2t1rz_i7x5udn__22fdf4fc:hover,.Textfield_styles_1i2t1rz_i7x5udn__22fdf4fc:active{color:var(--i7x5udn-1);}
+.Textfield_styles_1i2t1rz_s2oocb4__22fdf4fc{width:var(--s2oocb4-0);height:var(--s2oocb4-0);}
+.Textfield_styles_1i2t1rz_s1kxyc50__22fdf4fc{margin:0;padding:0;}

package/es/components/Select/ui/Target/ui/Textfield/Textfield.js

@@ -1,7 +1,7 @@
 import { extends as _extends, toConsumableArray as _toConsumableArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { forwardRef } from 'react';
 import { classes } from '../../../../Select.tokens.js';
-import { StyledTextField, IconArrowWrapper, StyledArrow } from './Textfield.styles.js';
+import { StyledTextField, IconArrowWrapper, StyledArrow, StyledLeftHelper } from './Textfield.styles.js';
 import { sizeToIconSize } from '../../../../utils/sizeToIconSize.js';
 import { getItemId } from '../../../../utils/getItemId.js';
 import { getRemovedElement } from '../../../../utils/getRemovedElement.js';
@@ -36,13 +36,16 @@ var Textfield = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var withArrowInverse = opened ? classes.arrowInverse : undefined;
   var getValue = function getValue() {
     var _valueToItemMap$get;
-    if (multiselect || !value) {
+    if (multiselect || Array.isArray(value) || !value) {
       return '';
     }
     if (renderValue) {
-      return renderValue(valueToItemMap.get(value.toString()));
+      return renderValue(valueToItemMap.get(value.toString()) || {
+        value: value,
+        label: value.toString()
+      });
     }
-    return ((_valueToItemMap$get = valueToItemMap.get(value.toString())) === null || _valueToItemMap$get === void 0 ? void 0 : _valueToItemMap$get.label) || '';
+    return ((_valueToItemMap$get = valueToItemMap.get(value.toString())) === null || _valueToItemMap$get === void 0 ? void 0 : _valueToItemMap$get.label) || value.toString();
   };
   var getChips = function getChips() {
     if (multiselect && Array.isArray(value)) {
@@ -51,10 +54,14 @@ var Textfield = /*#__PURE__*/forwardRef(function (_ref, ref) {
         return ["\u0412\u044B\u0431\u0440\u0430\u043D\u043E ".concat(value.length)];
       }
       var renderValueMapper = renderValue && function (stringValue) {
-        return renderValue(valueToItemMap.get(stringValue));
+        return renderValue(valueToItemMap.get(stringValue) || {
+          value: stringValue,
+          label: stringValue.toString()
+        });
       };
       var valueToItemMapper = function valueToItemMapper(stringValue) {
-        return valueToItemMap.get(stringValue).label;
+        var _valueToItemMap$get2;
+        return ((_valueToItemMap$get2 = valueToItemMap.get(stringValue)) === null || _valueToItemMap$get2 === void 0 ? void 0 : _valueToItemMap$get2.label) || stringValue.toString();
       };
       return value.map(renderValueMapper || valueToItemMapper);
     }
@@ -70,21 +77,38 @@ var Textfield = /*#__PURE__*/forwardRef(function (_ref, ref) {
     if (renderValue && !isTargetAmount) {
       var resultValues = _toConsumableArray(value);
       value.forEach(function (_, index) {
-        var labelAfterRenderValue = renderValue(labelToItemMap.get(valueToItemMap.get(value[index]).label));
+        var _valueToItemMap$get3;
+        var stringValue = value[index];
+        var label = (_valueToItemMap$get3 = valueToItemMap.get(stringValue)) === null || _valueToItemMap$get3 === void 0 ? void 0 : _valueToItemMap$get3.label;
+        var labelAfterRenderValue = renderValue(label ? labelToItemMap.get(label) : {
+          value: stringValue,
+          label: stringValue.toString()
+        });
         if (!chipLabels.includes(labelAfterRenderValue)) {
           resultValues.splice(index, 1);
         }
       });
       var removedItemValue = getRemovedElement(value, resultValues, isTargetAmount);
-      onChange(resultValues, removedItemValue ? valueToItemMap.get(removedItemValue) : null);
+      onChange(resultValues, removedItemValue ? valueToItemMap.get(removedItemValue) || {
+        value: removedItemValue,
+        label: removedItemValue.toString()
+      } : null);
     } else {
       var newValues = chipLabels.map(function (chipLabel) {
-        return labelToItemMap.get(chipLabel).value;
+        var _labelToItemMap$get;
+        return ((_labelToItemMap$get = labelToItemMap.get(chipLabel)) === null || _labelToItemMap$get === void 0 ? void 0 : _labelToItemMap$get.value) || chipLabel;
       });
       var _removedItemValue = getRemovedElement(value, newValues, isTargetAmount);
-      onChange(newValues, _removedItemValue ? valueToItemMap.get(_removedItemValue) : null);
+      var item = _removedItemValue ? valueToItemMap.get(_removedItemValue) || {
+        value: _removedItemValue,
+        label: _removedItemValue.toString()
+      } : null;
+      onChange(newValues, item);
     }
   };
+  var helperTextStopPropagation = function helperTextStopPropagation(event) {
+    event.stopPropagation();
+  };
   return /*#__PURE__*/React.createElement(StyledTextField, _extends({
     ref: ref,
     inputWrapperRef: inputWrapperRef,
@@ -108,7 +132,9 @@ var Textfield = /*#__PURE__*/forwardRef(function (_ref, ref) {
       className: withArrowInverse
     })),
     onKeyDown: onKeyDown,
-    leftHelper: helperText,
+    leftHelper: /*#__PURE__*/React.createElement(StyledLeftHelper, {
+      onClick: helperTextStopPropagation
+    }, helperText),
     role: "combobox",
     "aria-autocomplete": "list",
     "aria-controls": "".concat(treeId, "_tree_level_1"),
@@ -123,7 +149,7 @@ var Textfield = /*#__PURE__*/forwardRef(function (_ref, ref) {
   } : {
     enumerationType: 'plain'
   }, {
-    onEnterDisabled: true // Пропс для отключения обработчика Enter внутри Textfield
+    _onEnterDisabled: true // Пропс для отключения обработчика Enter внутри Textfield
     ,
     opened: opened
     // TODO: #1547

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

@@ -1 +1 @@
-{"version":3,"file":"Textfield.js","sources":["../../../../../../../src/components/Select/ui/Target/ui/Textfield/Textfield.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { sizeToIconSize, getItemId, getRemovedElement } from '../../../../utils';\nimport { classes } from '../../../../Select.tokens';\n\nimport { IconArrowWrapper, StyledArrow, StyledTextField } from './Textfield.styles';\nimport { TextfieldProps } from './Textfield.types';\n\nexport const Textfield = forwardRef<HTMLInputElement, TextfieldProps>(\n    (\n        {\n            inputWrapperRef,\n            opened,\n            multiselect,\n            value,\n            label,\n            labelPlacement,\n            keepPlaceholder,\n            placeholder,\n            onKeyDown,\n            size,\n            view,\n            contentLeft,\n            helperText,\n            treeId,\n            activeDescendantItemValue,\n            disabled,\n            readOnly,\n            isTargetAmount,\n            valueToItemMap,\n            renderValue,\n            onChange,\n            labelToItemMap,\n            chipView,\n            requiredProps,\n            chipType,\n            hintProps,\n        },\n        ref,\n    ) => {\n        const withArrowInverse = opened ? classes.arrowInverse : undefined;\n\n        const getValue = () => {\n            if (multiselect || !value) {\n                return '';\n            }\n\n            if (renderValue) {\n                return renderValue(valueToItemMap.get(value.toString())!);\n            }\n\n            return valueToItemMap.get(value.toString())?.label || '';\n        };\n\n        const getChips = (): string[] => {\n            if (multiselect && Array.isArray(value)) {\n                if (value.length === 0) return [];\n\n                if (isTargetAmount) {\n                    return [`Выбрано ${value.length}`];\n                }\n\n                const renderValueMapper =\n                    renderValue && ((stringValue: string | number) => renderValue(valueToItemMap.get(stringValue)!));\n                const valueToItemMapper = (stringValue: string | number) => valueToItemMap.get(stringValue)!.label;\n\n                return value.map(renderValueMapper || valueToItemMapper);\n            }\n\n            return [];\n        };\n\n        // Обработчик чипов\n        const handleChipsChange = (chipLabels: any[]) => {\n            if (!Array.isArray(value)) return;\n\n            // TODO: #1564\n            // Из лейблов чипов получаем value у item и далее прокидываем его в onChange.\n            if (renderValue && !isTargetAmount) {\n                const resultValues = [...value];\n\n                value.forEach((_, index) => {\n                    const labelAfterRenderValue = renderValue(\n                        labelToItemMap.get(valueToItemMap.get(value[index])!.label)!,\n                    );\n\n                    if (!chipLabels.includes(labelAfterRenderValue)) {\n                        resultValues.splice(index, 1);\n                    }\n                });\n\n                const removedItemValue = getRemovedElement(value, resultValues, isTargetAmount);\n\n                onChange(resultValues, removedItemValue ? valueToItemMap.get(removedItemValue) : null);\n            } else {\n                const newValues = chipLabels.map((chipLabel) => labelToItemMap.get(chipLabel)!.value);\n                const removedItemValue = getRemovedElement(value, newValues, isTargetAmount);\n\n                onChange(newValues, removedItemValue ? valueToItemMap.get(removedItemValue) : null);\n            }\n        };\n\n        return (\n            <StyledTextField\n                ref={ref}\n                inputWrapperRef={inputWrapperRef}\n                readOnly\n                className={readOnly ? classes.readOnly : undefined}\n                value={getValue()}\n                size={size}\n                view={view}\n                labelPlacement={labelPlacement}\n                disabled={disabled}\n                label={label}\n                keepPlaceholder={keepPlaceholder}\n                placeholder={value instanceof Array && value.length ? '' : placeholder}\n                contentLeft={contentLeft as React.ReactElement}\n                contentRight={\n                    <IconArrowWrapper disabled={disabled} readOnly={readOnly}>\n                        <StyledArrow color=\"inherit\" size={sizeToIconSize(size)} className={withArrowInverse} />\n                    </IconArrowWrapper>\n                }\n                onKeyDown={onKeyDown}\n                leftHelper={helperText}\n                role=\"combobox\"\n                aria-autocomplete=\"list\"\n                aria-controls={`${treeId}_tree_level_1`}\n                aria-expanded={opened}\n                aria-activedescendant={activeDescendantItemValue ? getItemId(treeId, activeDescendantItemValue) : ''}\n                {...(multiselect\n                    ? {\n                          enumerationType: 'chip',\n                          chips: getChips(),\n                          onChangeChips: handleChipsChange,\n                          chipType,\n                          chipView,\n                      }\n                    : { enumerationType: 'plain' })}\n                onEnterDisabled // Пропс для отключения обработчика Enter внутри Textfield\n                opened={opened}\n                // TODO: #1547\n                _forceChipManipulationWithReadonly={!readOnly}\n                {...requiredProps}\n                {...hintProps}\n            />\n        );\n    },\n);\n"],"names":["Textfield","forwardRef","_ref","ref","inputWrapperRef","opened","multiselect","value","label","labelPlacement","keepPlaceholder","placeholder","onKeyDown","size","view","contentLeft","helperText","treeId","activeDescendantItemValue","disabled","readOnly","isTargetAmount","valueToItemMap","renderValue","onChange","labelToItemMap","chipView","requiredProps","chipType","hintProps","withArrowInverse","classes","arrowInverse","undefined","getValue","_valueToItemMap$get","get","toString","getChips","Array","isArray","length","concat","renderValueMapper","stringValue","valueToItemMapper","map","handleChipsChange","chipLabels","resultValues","_toConsumableArray","forEach","_","index","labelAfterRenderValue","includes","splice","removedItemValue","getRemovedElement","newValues","chipLabel","React","createElement","StyledTextField","_extends","className","contentRight","IconArrowWrapper","StyledArrow","color","sizeToIconSize","leftHelper","role","getItemId","enumerationType","chips","onChangeChips","onEnterDisabled","_forceChipManipulationWithReadonly"],"mappings":"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"}
+{"version":3,"file":"Textfield.js","sources":["../../../../../../../src/components/Select/ui/Target/ui/Textfield/Textfield.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { sizeToIconSize, getItemId, getRemovedElement } from '../../../../utils';\nimport { classes } from '../../../../Select.tokens';\n\nimport { IconArrowWrapper, StyledArrow, StyledTextField, StyledLeftHelper } from './Textfield.styles';\nimport { TextfieldProps } from './Textfield.types';\n\nexport const Textfield = forwardRef<HTMLInputElement, TextfieldProps>(\n    (\n        {\n            inputWrapperRef,\n            opened,\n            multiselect,\n            value,\n            label,\n            labelPlacement,\n            keepPlaceholder,\n            placeholder,\n            onKeyDown,\n            size,\n            view,\n            contentLeft,\n            helperText,\n            treeId,\n            activeDescendantItemValue,\n            disabled,\n            readOnly,\n            isTargetAmount,\n            valueToItemMap,\n            renderValue,\n            onChange,\n            labelToItemMap,\n            chipView,\n            requiredProps,\n            chipType,\n            hintProps,\n        },\n        ref,\n    ) => {\n        const withArrowInverse = opened ? classes.arrowInverse : undefined;\n\n        const getValue = () => {\n            if (multiselect || Array.isArray(value) || !value) {\n                return '';\n            }\n\n            if (renderValue) {\n                return renderValue(valueToItemMap.get(value.toString()) || { value, label: value.toString() });\n            }\n\n            return valueToItemMap.get(value.toString())?.label || value.toString();\n        };\n\n        const getChips = (): string[] => {\n            if (multiselect && Array.isArray(value)) {\n                if (value.length === 0) return [];\n\n                if (isTargetAmount) {\n                    return [`Выбрано ${value.length}`];\n                }\n\n                const renderValueMapper =\n                    renderValue &&\n                    ((stringValue: string | number) =>\n                        renderValue(\n                            valueToItemMap.get(stringValue) || { value: stringValue, label: stringValue.toString() },\n                        ));\n                const valueToItemMapper = (stringValue: string | number) =>\n                    valueToItemMap.get(stringValue)?.label || stringValue.toString();\n\n                return value.map(renderValueMapper || valueToItemMapper);\n            }\n\n            return [];\n        };\n\n        // Обработчик чипов\n        const handleChipsChange = (chipLabels: any[]) => {\n            if (!Array.isArray(value)) return;\n\n            // TODO: #1564\n            // Из лейблов чипов получаем value у item и далее прокидываем его в onChange.\n            if (renderValue && !isTargetAmount) {\n                const resultValues = [...value];\n\n                value.forEach((_, index) => {\n                    const stringValue = value[index];\n                    const label = valueToItemMap.get(stringValue)?.label;\n\n                    const labelAfterRenderValue = renderValue(\n                        label\n                            ? labelToItemMap.get(label)!\n                            : {\n                                  value: stringValue,\n                                  label: stringValue.toString(),\n                              },\n                    );\n\n                    if (!chipLabels.includes(labelAfterRenderValue)) {\n                        resultValues.splice(index, 1);\n                    }\n                });\n\n                const removedItemValue = getRemovedElement(value, resultValues, isTargetAmount);\n\n                onChange(\n                    resultValues,\n                    removedItemValue\n                        ? valueToItemMap.get(removedItemValue) || {\n                              value: removedItemValue,\n                              label: removedItemValue.toString(),\n                          }\n                        : null,\n                );\n            } else {\n                const newValues = chipLabels.map((chipLabel) => {\n                    return labelToItemMap.get(chipLabel)?.value || chipLabel;\n                });\n\n                const removedItemValue = getRemovedElement(value, newValues, isTargetAmount);\n                const item = removedItemValue\n                    ? valueToItemMap.get(removedItemValue) || {\n                          value: removedItemValue,\n                          label: removedItemValue.toString(),\n                      }\n                    : null;\n\n                onChange(newValues, item);\n            }\n        };\n\n        const helperTextStopPropagation = (event: React.MouseEvent<HTMLDivElement>) => {\n            event.stopPropagation();\n        };\n\n        return (\n            <StyledTextField\n                ref={ref}\n                inputWrapperRef={inputWrapperRef}\n                readOnly\n                className={readOnly ? classes.readOnly : undefined}\n                value={getValue()}\n                size={size}\n                view={view}\n                labelPlacement={labelPlacement}\n                disabled={disabled}\n                label={label}\n                keepPlaceholder={keepPlaceholder}\n                placeholder={value instanceof Array && value.length ? '' : placeholder}\n                contentLeft={contentLeft as React.ReactElement}\n                contentRight={\n                    <IconArrowWrapper disabled={disabled} readOnly={readOnly}>\n                        <StyledArrow color=\"inherit\" size={sizeToIconSize(size)} className={withArrowInverse} />\n                    </IconArrowWrapper>\n                }\n                onKeyDown={onKeyDown}\n                leftHelper={<StyledLeftHelper onClick={helperTextStopPropagation}>{helperText}</StyledLeftHelper>}\n                role=\"combobox\"\n                aria-autocomplete=\"list\"\n                aria-controls={`${treeId}_tree_level_1`}\n                aria-expanded={opened}\n                aria-activedescendant={activeDescendantItemValue ? getItemId(treeId, activeDescendantItemValue) : ''}\n                {...(multiselect\n                    ? {\n                          enumerationType: 'chip',\n                          chips: getChips(),\n                          onChangeChips: handleChipsChange,\n                          chipType,\n                          chipView,\n                      }\n                    : { enumerationType: 'plain' })}\n                _onEnterDisabled // Пропс для отключения обработчика Enter внутри Textfield\n                opened={opened}\n                // TODO: #1547\n                _forceChipManipulationWithReadonly={!readOnly}\n                {...requiredProps}\n                {...hintProps}\n            />\n        );\n    },\n);\n"],"names":["Textfield","forwardRef","_ref","ref","inputWrapperRef","opened","multiselect","value","label","labelPlacement","keepPlaceholder","placeholder","onKeyDown","size","view","contentLeft","helperText","treeId","activeDescendantItemValue","disabled","readOnly","isTargetAmount","valueToItemMap","renderValue","onChange","labelToItemMap","chipView","requiredProps","chipType","hintProps","withArrowInverse","classes","arrowInverse","undefined","getValue","_valueToItemMap$get","Array","isArray","get","toString","getChips","length","concat","renderValueMapper","stringValue","valueToItemMapper","_valueToItemMap$get2","map","handleChipsChange","chipLabels","resultValues","_toConsumableArray","forEach","_","index","_valueToItemMap$get3","labelAfterRenderValue","includes","splice","removedItemValue","getRemovedElement","newValues","chipLabel","_labelToItemMap$get","item","helperTextStopPropagation","event","stopPropagation","React","createElement","StyledTextField","_extends","className","contentRight","IconArrowWrapper","StyledArrow","color","sizeToIconSize","leftHelper","StyledLeftHelper","onClick","role","getItemId","enumerationType","chips","onChangeChips","_onEnterDisabled","_forceChipManipulationWithReadonly"],"mappings":";;;;;;;;AAQO,IAAMA,SAAS,gBAAGC,UAAU,CAC/B,UAAAC,IAAA,EA6BIC,GAAG,EACF;AAAA,EAAA,IA5BGC,eAAe,GAAAF,IAAA,CAAfE,eAAe;IACfC,MAAM,GAAAH,IAAA,CAANG,MAAM;IACNC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IACXC,KAAK,GAAAL,IAAA,CAALK,KAAK;IACLC,KAAK,GAAAN,IAAA,CAALM,KAAK;IACLC,cAAc,GAAAP,IAAA,CAAdO,cAAc;IACdC,eAAe,GAAAR,IAAA,CAAfQ,eAAe;IACfC,WAAW,GAAAT,IAAA,CAAXS,WAAW;IACXC,SAAS,GAAAV,IAAA,CAATU,SAAS;IACTC,IAAI,GAAAX,IAAA,CAAJW,IAAI;IACJC,IAAI,GAAAZ,IAAA,CAAJY,IAAI;IACJC,WAAW,GAAAb,IAAA,CAAXa,WAAW;IACXC,UAAU,GAAAd,IAAA,CAAVc,UAAU;IACVC,MAAM,GAAAf,IAAA,CAANe,MAAM;IACNC,yBAAyB,GAAAhB,IAAA,CAAzBgB,yBAAyB;IACzBC,QAAQ,GAAAjB,IAAA,CAARiB,QAAQ;IACRC,QAAQ,GAAAlB,IAAA,CAARkB,QAAQ;IACRC,cAAc,GAAAnB,IAAA,CAAdmB,cAAc;IACdC,cAAc,GAAApB,IAAA,CAAdoB,cAAc;IACdC,WAAW,GAAArB,IAAA,CAAXqB,WAAW;IACXC,QAAQ,GAAAtB,IAAA,CAARsB,QAAQ;IACRC,cAAc,GAAAvB,IAAA,CAAduB,cAAc;IACdC,QAAQ,GAAAxB,IAAA,CAARwB,QAAQ;IACRC,aAAa,GAAAzB,IAAA,CAAbyB,aAAa;IACbC,QAAQ,GAAA1B,IAAA,CAAR0B,QAAQ;IACRC,SAAS,GAAA3B,IAAA,CAAT2B,SAAS,CAAA;EAIb,IAAMC,gBAAgB,GAAGzB,MAAM,GAAG0B,OAAO,CAACC,YAAY,GAAGC,SAAS,CAAA;AAElE,EAAA,IAAMC,QAAQ,GAAG,SAAXA,QAAQA,GAAS;AAAA,IAAA,IAAAC,mBAAA,CAAA;IACnB,IAAI7B,WAAW,IAAI8B,KAAK,CAACC,OAAO,CAAC9B,KAAK,CAAC,IAAI,CAACA,KAAK,EAAE;AAC/C,MAAA,OAAO,EAAE,CAAA;AACb,KAAA;AAEA,IAAA,IAAIgB,WAAW,EAAE;AACb,MAAA,OAAOA,WAAW,CAACD,cAAc,CAACgB,GAAG,CAAC/B,KAAK,CAACgC,QAAQ,EAAE,CAAC,IAAI;AAAEhC,QAAAA,KAAK,EAALA,KAAK;AAAEC,QAAAA,KAAK,EAAED,KAAK,CAACgC,QAAQ,EAAC;AAAE,OAAC,CAAC,CAAA;AAClG,KAAA;IAEA,OAAO,CAAA,CAAAJ,mBAAA,GAAAb,cAAc,CAACgB,GAAG,CAAC/B,KAAK,CAACgC,QAAQ,EAAE,CAAC,MAAAJ,IAAAA,IAAAA,mBAAA,KAApCA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,mBAAA,CAAsC3B,KAAK,KAAID,KAAK,CAACgC,QAAQ,EAAE,CAAA;GACzE,CAAA;AAED,EAAA,IAAMC,QAAQ,GAAG,SAAXA,QAAQA,GAAmB;IAC7B,IAAIlC,WAAW,IAAI8B,KAAK,CAACC,OAAO,CAAC9B,KAAK,CAAC,EAAE;AACrC,MAAA,IAAIA,KAAK,CAACkC,MAAM,KAAK,CAAC,EAAE,OAAO,EAAE,CAAA;AAEjC,MAAA,IAAIpB,cAAc,EAAE;AAChB,QAAA,OAAO,+CAAAqB,MAAA,CAAYnC,KAAK,CAACkC,MAAM,CAAG,CAAA,CAAA;AACtC,OAAA;AAEA,MAAA,IAAME,iBAAiB,GACnBpB,WAAW,IACV,UAACqB,WAA4B,EAAA;QAAA,OAC1BrB,WAAW,CACPD,cAAc,CAACgB,GAAG,CAACM,WAAW,CAAC,IAAI;AAAErC,UAAAA,KAAK,EAAEqC,WAAW;AAAEpC,UAAAA,KAAK,EAAEoC,WAAW,CAACL,QAAQ,EAAC;AAAE,SAC3F,CAAC,CAAA;OAAC,CAAA;AACV,MAAA,IAAMM,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAID,WAA4B,EAAA;AAAA,QAAA,IAAAE,oBAAA,CAAA;QAAA,OACnD,CAAA,CAAAA,oBAAA,GAAAxB,cAAc,CAACgB,GAAG,CAACM,WAAW,CAAC,MAAA,IAAA,IAAAE,oBAAA,KAA/BA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,oBAAA,CAAiCtC,KAAK,KAAIoC,WAAW,CAACL,QAAQ,EAAE,CAAA;AAAA,OAAA,CAAA;AAEpE,MAAA,OAAOhC,KAAK,CAACwC,GAAG,CAACJ,iBAAiB,IAAIE,iBAAiB,CAAC,CAAA;AAC5D,KAAA;AAEA,IAAA,OAAO,EAAE,CAAA;GACZ,CAAA;;AAED;AACA,EAAA,IAAMG,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,UAAiB,EAAK;AAC7C,IAAA,IAAI,CAACb,KAAK,CAACC,OAAO,CAAC9B,KAAK,CAAC,EAAE,OAAA;;AAE3B;AACA;AACA,IAAA,IAAIgB,WAAW,IAAI,CAACF,cAAc,EAAE;AAChC,MAAA,IAAM6B,YAAY,GAAAC,kBAAA,CAAO5C,KAAK,CAAC,CAAA;AAE/BA,MAAAA,KAAK,CAAC6C,OAAO,CAAC,UAACC,CAAC,EAAEC,KAAK,EAAK;AAAA,QAAA,IAAAC,oBAAA,CAAA;AACxB,QAAA,IAAMX,WAAW,GAAGrC,KAAK,CAAC+C,KAAK,CAAC,CAAA;AAChC,QAAA,IAAM9C,KAAK,GAAA,CAAA+C,oBAAA,GAAGjC,cAAc,CAACgB,GAAG,CAACM,WAAW,CAAC,MAAAW,IAAAA,IAAAA,oBAAA,KAA/BA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,oBAAA,CAAiC/C,KAAK,CAAA;AAEpD,QAAA,IAAMgD,qBAAqB,GAAGjC,WAAW,CACrCf,KAAK,GACCiB,cAAc,CAACa,GAAG,CAAC9B,KAAK,CAAC,GACzB;AACID,UAAAA,KAAK,EAAEqC,WAAW;AAClBpC,UAAAA,KAAK,EAAEoC,WAAW,CAACL,QAAQ,EAAC;AAChC,SACV,CAAC,CAAA;AAED,QAAA,IAAI,CAACU,UAAU,CAACQ,QAAQ,CAACD,qBAAqB,CAAC,EAAE;AAC7CN,UAAAA,YAAY,CAACQ,MAAM,CAACJ,KAAK,EAAE,CAAC,CAAC,CAAA;AACjC,SAAA;AACJ,OAAC,CAAC,CAAA;MAEF,IAAMK,gBAAgB,GAAGC,iBAAiB,CAACrD,KAAK,EAAE2C,YAAY,EAAE7B,cAAc,CAAC,CAAA;MAE/EG,QAAQ,CACJ0B,YAAY,EACZS,gBAAgB,GACVrC,cAAc,CAACgB,GAAG,CAACqB,gBAAgB,CAAC,IAAI;AACpCpD,QAAAA,KAAK,EAAEoD,gBAAgB;AACvBnD,QAAAA,KAAK,EAAEmD,gBAAgB,CAACpB,QAAQ,EAAC;OACpC,GACD,IACV,CAAC,CAAA;AACL,KAAC,MAAM;MACH,IAAMsB,SAAS,GAAGZ,UAAU,CAACF,GAAG,CAAC,UAACe,SAAS,EAAK;AAAA,QAAA,IAAAC,mBAAA,CAAA;AAC5C,QAAA,OAAO,EAAAA,mBAAA,GAAAtC,cAAc,CAACa,GAAG,CAACwB,SAAS,CAAC,MAAA,IAAA,IAAAC,mBAAA,KAA7BA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,mBAAA,CAA+BxD,KAAK,KAAIuD,SAAS,CAAA;AAC5D,OAAC,CAAC,CAAA;MAEF,IAAMH,iBAAgB,GAAGC,iBAAiB,CAACrD,KAAK,EAAEsD,SAAS,EAAExC,cAAc,CAAC,CAAA;MAC5E,IAAM2C,IAAI,GAAGL,iBAAgB,GACvBrC,cAAc,CAACgB,GAAG,CAACqB,iBAAgB,CAAC,IAAI;AACpCpD,QAAAA,KAAK,EAAEoD,iBAAgB;AACvBnD,QAAAA,KAAK,EAAEmD,iBAAgB,CAACpB,QAAQ,EAAC;AACrC,OAAC,GACD,IAAI,CAAA;AAEVf,MAAAA,QAAQ,CAACqC,SAAS,EAAEG,IAAI,CAAC,CAAA;AAC7B,KAAA;GACH,CAAA;AAED,EAAA,IAAMC,yBAAyB,GAAG,SAA5BA,yBAAyBA,CAAIC,KAAuC,EAAK;IAC3EA,KAAK,CAACC,eAAe,EAAE,CAAA;GAC1B,CAAA;AAED,EAAA,oBACIC,KAAA,CAAAC,aAAA,CAACC,eAAe,EAAAC,QAAA,CAAA;AACZpE,IAAAA,GAAG,EAAEA,GAAI;AACTC,IAAAA,eAAe,EAAEA,eAAgB;IACjCgB,QAAQ,EAAA,IAAA;AACRoD,IAAAA,SAAS,EAAEpD,QAAQ,GAAGW,OAAO,CAACX,QAAQ,GAAGa,SAAU;IACnD1B,KAAK,EAAE2B,QAAQ,EAAG;AAClBrB,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,IAAI,EAAEA,IAAK;AACXL,IAAAA,cAAc,EAAEA,cAAe;AAC/BU,IAAAA,QAAQ,EAAEA,QAAS;AACnBX,IAAAA,KAAK,EAAEA,KAAM;AACbE,IAAAA,eAAe,EAAEA,eAAgB;IACjCC,WAAW,EAAEJ,KAAK,YAAY6B,KAAK,IAAI7B,KAAK,CAACkC,MAAM,GAAG,EAAE,GAAG9B,WAAY;AACvEI,IAAAA,WAAW,EAAEA,WAAkC;AAC/C0D,IAAAA,YAAY,eACRL,KAAA,CAAAC,aAAA,CAACK,gBAAgB,EAAA;AAACvD,MAAAA,QAAQ,EAAEA,QAAS;AAACC,MAAAA,QAAQ,EAAEA,QAAAA;AAAS,KAAA,eACrDgD,KAAA,CAAAC,aAAA,CAACM,WAAW,EAAA;AAACC,MAAAA,KAAK,EAAC,SAAS;AAAC/D,MAAAA,IAAI,EAAEgE,cAAc,CAAChE,IAAI,CAAE;AAAC2D,MAAAA,SAAS,EAAE1C,gBAAAA;AAAiB,KAAE,CACzE,CACrB;AACDlB,IAAAA,SAAS,EAAEA,SAAU;AACrBkE,IAAAA,UAAU,eAAEV,KAAA,CAAAC,aAAA,CAACU,gBAAgB,EAAA;AAACC,MAAAA,OAAO,EAAEf,yBAAAA;AAA0B,KAAA,EAAEjD,UAA6B,CAAE;AAClGiE,IAAAA,IAAI,EAAC,UAAU;AACf,IAAA,mBAAA,EAAkB,MAAM;IACxB,eAAAvC,EAAAA,EAAAA,CAAAA,MAAA,CAAkBzB,MAAM,EAAgB,eAAA,CAAA;AACxC,IAAA,eAAA,EAAeZ,MAAO;IACtB,uBAAuBa,EAAAA,yBAAyB,GAAGgE,SAAS,CAACjE,MAAM,EAAEC,yBAAyB,CAAC,GAAG,EAAA;AAAG,GAAA,EAChGZ,WAAW,GACV;AACI6E,IAAAA,eAAe,EAAE,MAAM;IACvBC,KAAK,EAAE5C,QAAQ,EAAE;AACjB6C,IAAAA,aAAa,EAAErC,iBAAiB;AAChCpB,IAAAA,QAAQ,EAARA,QAAQ;AACRF,IAAAA,QAAQ,EAARA,QAAAA;AACJ,GAAC,GACD;AAAEyD,IAAAA,eAAe,EAAE,OAAA;GAAS,EAAA;AAClCG,IAAAA,gBAAgB,EAAC,IAAA;AAAA;AACjBjF,IAAAA,MAAM,EAAEA,MAAAA;AACR;AAAA;AACAkF,IAAAA,kCAAkC,EAAE,CAACnE,QAAAA;AAAS,GAAA,EAC1CO,aAAa,EACbE,SAAS,CAChB,CAAC,CAAA;AAEV,CACJ;;;;"}

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

@@ -1,4 +1,4 @@
-import './Textfield.styles_1a1zt2a.css';
+import './Textfield.styles_1i2t1rz.css';
 import { styled } from '@linaria/react';
 import { tokens } from '../../../../Select.tokens.js';
 import { IconDisclosureDownCentered } from '../../../../../_Icon/Icons/IconDisclosureDownCentered.js';
@@ -96,6 +96,11 @@ var StyledArrow = /*#__PURE__*/styled(_exp318())({
     "s2oocb4-0": [/*#__PURE__*/_exp320()]
   }
 });
+var StyledLeftHelper = /*#__PURE__*/styled('span')({
+  name: "StyledLeftHelper",
+  "class": "s1kxyc50",
+  propsAsIs: false
+});
 
-export { IconArrowWrapper, StyledArrow, StyledTextField };
+export { IconArrowWrapper, StyledArrow, StyledLeftHelper, StyledTextField };
 //# sourceMappingURL=Textfield.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Textfield.styles.js","sources":["../../../../../../../src/components/Select/ui/Target/ui/Textfield/Textfield.styles.tsx"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { component, mergeConfig } from '../../../../../../engines';\nimport { textFieldConfig, textFieldTokens } from '../../../../../TextField';\nimport { tokens, classes } from '../../../../Select.tokens';\nimport { IconDisclosureDownCentered } from '../../../../../_Icon';\n\nconst mergedConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedConfig);\n\nexport const StyledTextField = styled(TextField)<{ opened: boolean; disabled?: boolean }>`\n    ${textFieldTokens.color}: var(${tokens.textFieldColor});\n    ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundColor});\n    ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColor});\n    ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\n    ${textFieldTokens.labelColor}: var(${tokens.textFieldLabelColor});\n    ${textFieldTokens.leftHelperColor}: var(${tokens.textFieldLeftHelperColor});\n\n    ${textFieldTokens.colorReadOnly}: var(${tokens.textFieldColor});\n    ${textFieldTokens.backgroundColorReadOnly}: ${({ opened }) =>\n    opened ? `var(${tokens.textFieldBackgroundColorFocus})` : `var(${tokens.textFieldBackgroundColor})`};\n    ${textFieldTokens.placeholderColorReadOnly}: ${({ opened }) =>\n    opened ? `var(${tokens.textFieldPlaceholderColorFocus})` : `var(${tokens.textFieldPlaceholderColor})`};\n    ${textFieldTokens.leftHelperColorReadOnly}: var(${tokens.textFieldLeftHelperColor});\n    ${textFieldTokens.labelColorReadOnly}: var(${tokens.textFieldLabelColor});\n    ${textFieldTokens.borderColorReadOnly}: ${({ opened }) =>\n    opened ? `var(${tokens.textFieldBorderColorFocus})` : `var(${tokens.textFieldBorderColor})`};\n\n    ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\n\n    ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorHover});\n    ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorFocus});\n\n    ${textFieldTokens.optionalColor}: var(${tokens.textFieldOptionalColor});\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.paddingWithChips}: var(${tokens.textFieldPaddingWithChips});\n\n    ${textFieldTokens.leftContentMargin}: var(${tokens.textFieldLeftContentMargin});\n    ${textFieldTokens.rightContentMargin}: var(${tokens.textFieldRightContentMargin});\n\n    ${textFieldTokens.rightContentWithHintMargin}: var(${tokens.textFieldRightContentWithHintMargin});\n    ${textFieldTokens.contentRightWrapperGap}: var(${tokens.textFieldContentRightWrapperGap});\n    ${textFieldTokens.contentRightWrapperMargin}: var(${tokens.textFieldContentRightWrapperMargin});\n\n    ${textFieldTokens.fontFamily}: var(${tokens.textFieldFontFamily});\n    ${textFieldTokens.fontStyle}: var(${tokens.textFieldFontStyle});\n    ${textFieldTokens.fontSize}: var(${tokens.textFieldFontSize});\n    ${textFieldTokens.fontWeight}: var(${tokens.textFieldFontWeight});\n    ${textFieldTokens.letterSpacing}: var(${tokens.textFieldLetterSpacing});\n    ${textFieldTokens.lineHeight}: var(${tokens.textFieldLineHeight});\n\n    ${textFieldTokens.contentSlotColor}: var(${tokens.textFieldContentSlotColor});\n    ${textFieldTokens.contentSlotColorHover}: var(${tokens.textFieldContentSlotColorHover});\n    ${textFieldTokens.contentSlotColorActive}: var(${tokens.textFieldContentSlotColorActive});\n\n    ${textFieldTokens.contentSlotRightColor}: var(${tokens.textFieldContentSlotRightColor});\n    ${textFieldTokens.contentSlotRightColorHover}: var(${tokens.textFieldContentSlotRightColorHover});\n    ${textFieldTokens.contentSlotRightColorActive}: var(${tokens.textFieldContentSlotRightColorActive});\n\n    ${textFieldTokens.labelOffset}: var(${tokens.textFieldLabelOffset});\n\n    ${textFieldTokens.labelFontFamily}: var(${tokens.textFieldLabelFontFamily});\n    ${textFieldTokens.labelFontStyle}: var(${tokens.textFieldLabelFontStyle});\n    ${textFieldTokens.labelFontSize}: var(${tokens.textFieldLabelFontSize});\n    ${textFieldTokens.labelFontWeight}: var(${tokens.textFieldLabelFontWeight});\n    ${textFieldTokens.labelLetterSpacing}: var(${tokens.textFieldLabelLetterSpacing});\n    ${textFieldTokens.labelLineHeight}: var(${tokens.textFieldLabelLineHeight});\n\n    ${textFieldTokens.labelInnerFontFamily}: var(${tokens.textFieldLabelInnerFontFamily});\n    ${textFieldTokens.labelInnerFontStyle}: var(${tokens.textFieldLabelInnerFontStyle});\n    ${textFieldTokens.labelInnerFontSize}: var(${tokens.textFieldLabelInnerFontSize});\n    ${textFieldTokens.labelInnerFontWeight}: var(${tokens.textFieldLabelInnerFontWeight});\n    ${textFieldTokens.labelInnerLetterSpacing}: var(${tokens.textFieldLabelInnerLetterSpacing});\n    ${textFieldTokens.labelInnerLineHeight}: var(${tokens.textFieldLabelInnerLineHeight});\n\n    ${textFieldTokens.labelInnerPadding}: var(${tokens.textFieldLabelInnerPadding});\n    ${textFieldTokens.contentLabelInnerPadding}: var(${tokens.textFieldContentLabelInnerPadding});\n\n    ${textFieldTokens.titleCaptionColor}: var(${tokens.textFieldTitleCaptionColor});\n    ${textFieldTokens.titleCaptionInnerLabelOffset}: var(${tokens.textFieldTitleCaptionInnerLabelOffset});\n\n    ${textFieldTokens.titleCaptionFontFamily}: var(${tokens.textFieldTitleCaptionFontFamily});\n    ${textFieldTokens.titleCaptionFontStyle}: var(${tokens.textFieldTitleCaptionFontStyle});\n    ${textFieldTokens.titleCaptionFontSize}: var(${tokens.textFieldTitleCaptionFontSize});\n    ${textFieldTokens.titleCaptionFontWeight}: var(${tokens.textFieldTitleCaptionFontWeight});\n    ${textFieldTokens.titleCaptionLetterSpacing}: var(${tokens.textFieldTitleCaptionLetterSpacing});\n    ${textFieldTokens.titleCaptionLineHeight}: var(${tokens.textFieldTitleCaptionLineHeight});\n\n    ${textFieldTokens.leftHelperOffset}: var(${tokens.textFieldLeftHelperOffset});\n\n    ${textFieldTokens.leftHelperFontFamily}: var(${tokens.textFieldLeftHelperFontFamily});\n    ${textFieldTokens.leftHelperFontStyle}: var(${tokens.textFieldLeftHelperFontStyle});\n    ${textFieldTokens.leftHelperFontSize}: var(${tokens.textFieldLeftHelperFontSize});\n    ${textFieldTokens.leftHelperFontWeight}: var(${tokens.textFieldLeftHelperFontWeight});\n    ${textFieldTokens.leftHelperLetterSpacing}: var(${tokens.textFieldLeftHelperLetterSpacing});\n    ${textFieldTokens.leftHelperLineHeight}: var(${tokens.textFieldLeftHelperLineHeight});\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\n    ${textFieldTokens.disabledOpacity}: var(${tokens.textFieldDisabledOpacity});\n\n    ${textFieldTokens.hintCustomIconTargetSize}: var(${tokens.textFieldHintCustomIconTargetSize});\n    ${textFieldTokens.hintMargin}: var(${tokens.textFieldHintMargin});\n    ${textFieldTokens.hintTargetSize}: var(${tokens.textFieldHintTargetSize});\n    ${textFieldTokens.hintIconColor}: var(${tokens.textFieldHintIconColor});\n    ${textFieldTokens.hintInnerLabelPlacementOffset}: var(${tokens.textFieldHintInnerLabelPlacementOffset});\n    ${textFieldTokens.clearHintInnerLabelPlacementOffset}: var(${tokens.textFieldClearHintInnerLabelPlacementOffset});\n    ${textFieldTokens.tooltipBackgroundColor}: var(${tokens.textFieldTooltipBackgroundColor});\n    ${textFieldTokens.tooltipBoxShadow}: var(${tokens.textFieldTooltipBoxShadow});\n    ${textFieldTokens.tooltipColor}: var(${tokens.textFieldTooltipColor});\n    ${textFieldTokens.tooltipPaddingTop}: var(${tokens.textFieldTooltipPaddingTop});\n    ${textFieldTokens.tooltipPaddingRight}: var(${tokens.textFieldTooltipPaddingRight});\n    ${textFieldTokens.tooltipPaddingBottom}: var(${tokens.textFieldTooltipPaddingBottom});\n    ${textFieldTokens.tooltipPaddingLeft}: var(${tokens.textFieldTooltipPaddingLeft});\n    ${textFieldTokens.tooltipMinHeight}: var(${tokens.textFieldTooltipMinHeight});\n    ${textFieldTokens.tooltipBorderRadius}: var(${tokens.textFieldTooltipBorderRadius});\n    ${textFieldTokens.tooltipTextFontFamily}: var(${tokens.textFieldTooltipTextFontFamily});\n    ${textFieldTokens.tooltipTextFontSize}: var(${tokens.textFieldTooltipTextFontSize});\n    ${textFieldTokens.tooltipTextFontStyle}: var(${tokens.textFieldTooltipTextFontStyle});\n    ${textFieldTokens.tooltipTextFontWeight}: var(${tokens.textFieldTooltipTextFontWeight});\n    ${textFieldTokens.tooltipTextFontLetterSpacing}: var(${tokens.textFieldTooltipTextFontLetterSpacing});\n    ${textFieldTokens.tooltipTextFontLineHeight}: var(${tokens.textFieldTooltipTextFontLineHeight});\n    ${textFieldTokens.tooltipContentLeftMargin}: var(${tokens.textFieldTooltipContentLeftMargin});\n    ${textFieldTokens.tooltipArrowMaskWidth}: var(${tokens.textFieldTooltipArrowMaskWidth});\n    ${textFieldTokens.tooltipArrowMaskHeight}: var(${tokens.textFieldTooltipArrowMaskHeight});\n    ${textFieldTokens.tooltipArrowMaskImage}: var(${tokens.textFieldTooltipArrowMaskImage});\n    ${textFieldTokens.tooltipArrowHeight}: var(${tokens.textFieldTooltipArrowHeight});\n    ${textFieldTokens.tooltipArrowEdgeMargin}: var(${tokens.textFieldTooltipArrowEdgeMargin});\n    ${textFieldTokens.tooltipArrowBackground}: var(${tokens.textFieldTooltipArrowBackground});\n\n    ${textFieldTokens.chipHeight}: var(${tokens.textFieldChipHeight});\n    ${textFieldTokens.chipBorderRadius}: var(${tokens.textFieldChipBorderRadius});\n    ${textFieldTokens.chipGap}: var(${tokens.textFieldChipGap});\n    ${textFieldTokens.chipColor}: var(${tokens.textFieldChipColor});\n    ${textFieldTokens.chipColorHover}: var(${tokens.textFieldChipColorHover});\n    ${textFieldTokens.chipScaleHover}: var(${tokens.textFieldChipScaleHover});\n    ${textFieldTokens.chipBackground}: var(${tokens.textFieldChipBackground});\n    ${textFieldTokens.chipBackgroundActive}: var(${tokens.textFieldChipBackgroundActive});\n    ${textFieldTokens.chipColorActive}: var(${tokens.textFieldChipColorActive});\n    ${textFieldTokens.chipScaleActive}: var(${tokens.textFieldChipScaleActive});\n    ${textFieldTokens.chipCloseIconColor}: var(${tokens.textFieldChipCloseIconColor});\n    ${textFieldTokens.chipOutlineSize}: var(${tokens.textFieldChipOutlineSize});\n    ${textFieldTokens.chipWidth}: var(${tokens.textFieldChipWidth});\n    ${textFieldTokens.chipPadding}: var(${tokens.textFieldChipPadding});\n    ${textFieldTokens.chipCloseIconSize}: var(${tokens.textFieldChipCloseIconSize});\n    ${textFieldTokens.chipFontFamily}: var(${tokens.textFieldChipFontFamily});\n    ${textFieldTokens.chipFontSize}: var(${tokens.textFieldChipFontSize});\n    ${textFieldTokens.chipFontStyle}: var(${tokens.textFieldChipFontStyle});\n    ${textFieldTokens.chipFontWeight}: var(${tokens.textFieldChipFontWeight});\n    ${textFieldTokens.chipLetterSpacing}: var(${tokens.textFieldChipLetterSpacing});\n    ${textFieldTokens.chipLineHeight}: var(${tokens.textFieldChipLineHeight});\n    ${textFieldTokens.chipColorReadOnly}: var(${tokens.textFieldChipColor});\n    ${textFieldTokens.chipColorReadOnlyHover}: var(${tokens.textFieldChipColor});\n    ${textFieldTokens.chipBackgroundReadOnly}: var(${tokens.textFieldChipBackground});\n    ${textFieldTokens.chipBackgroundReadOnlyHover}: var(${tokens.textFieldChipBackgroundHover});\n    ${textFieldTokens.chipClearContentMarginLeft}: var(${tokens.textFieldChipClearContentMarginLeft});\n    ${textFieldTokens.chipClearContentMarginRight}: var(${tokens.textFieldChipClearContentMarginRight});\n\n    ${textFieldTokens.indicatorColor}: var(${tokens.textFieldIndicatorColor});\n    ${textFieldTokens.indicatorSizeInner}: var(${tokens.textFieldIndicatorSizeInner});\n    ${textFieldTokens.indicatorSizeOuter}: var(${tokens.textFieldIndicatorSizeOuter});\n    ${textFieldTokens.indicatorLabelPlacementInner}: var(${tokens.textFieldIndicatorLabelPlacementInner});\n    ${textFieldTokens.indicatorLabelPlacementOuter}: var(${tokens.textFieldIndicatorLabelPlacementOuter});\n    ${textFieldTokens.indicatorLabelPlacementInnerRight}: var(${tokens.textFieldIndicatorLabelPlacementInnerRight});\n    ${textFieldTokens.indicatorLabelPlacementOuterRight}: var(${tokens.textFieldIndicatorLabelPlacementOuterRight});\n    ${textFieldTokens.clearIndicatorLabelPlacementInner}: var(${tokens.textFieldClearIndicatorLabelPlacementInner});\n    ${textFieldTokens.clearIndicatorLabelPlacementInnerRight}: var(${\n    tokens.textFieldClearIndicatorLabelPlacementInnerRight\n});\n    ${textFieldTokens.clearIndicatorHintInnerRight}: var(${tokens.textFieldClearIndicatorHintInnerRight});\n\n    ${textFieldTokens.focusColor}: var(${tokens.textFieldFocusColor});\n\n    ${textFieldTokens.boxShadow}: ${({ disabled }) => (disabled ? 'none' : `var(${tokens.textFieldBoxShadow})`)};\n\n    /* TODO: #1544 */\n\n    & div.input-wrapper:focus-within {\n        background-color: var(${tokens.textFieldBackgroundColorFocus});\n    }\n\n    /* TextField изначально в readOnly состоянии */\n\n    &.${classes.readOnly} {\n        ${textFieldTokens.colorReadOnly}: var(${tokens.textFieldColorReadOnly});\n        ${textFieldTokens.backgroundColorReadOnly}: var(${tokens.textFieldBackgroundColorReadOnly});\n        ${textFieldTokens.placeholderColorReadOnly}: var(${tokens.textFieldPlaceholderColorReadOnly});\n        ${textFieldTokens.dividerColorReadOnly}: var(${tokens.textFieldDividerColorReadOnly});\n        ${textFieldTokens.leftHelperColorReadOnly}: var(${tokens.textFieldLeftHelperColorReadOnly});\n        ${textFieldTokens.labelColorReadOnly}: var(${tokens.textFieldLabelColorReadOnly});\n        ${textFieldTokens.titleCaptionColorReadOnly}: var(${tokens.textFieldTitleCaptionColorReadOnly});\n        ${textFieldTokens.borderColorReadOnly}: var(${tokens.textFieldBorderColorReadOnly});\n        ${textFieldTokens.readOnlyOpacity}: var(${tokens.textFieldReadOnlyOpacity});\n\n        ${textFieldTokens.chipColorReadOnly}: var(${tokens.textFieldChipColorReadOnly});\n        ${textFieldTokens.chipColorReadOnlyHover}: var(${tokens.textFieldChipColorReadOnlyHover});\n        ${textFieldTokens.chipBackgroundReadOnly}: var(${tokens.textFieldChipBackgroundReadOnly});\n        ${textFieldTokens.chipBackgroundReadOnlyHover}: var(${tokens.textFieldChipBackgroundReadOnlyHover});\n        ${textFieldTokens.chipOpacityReadonly}: var(${tokens.textFieldChipOpacityReadonly});\n\n        ${textFieldTokens.boxShadow}: none;\n    }\n`;\n\nexport const IconArrowWrapper = styled.div<{ disabled?: boolean; readOnly?: boolean }>`\n    line-height: 0;\n    color: var(${tokens.disclosureIconColor});\n    cursor: ${({ disabled, readOnly }) => (disabled || readOnly ? 'inherit' : 'pointer')};\n\n    .${classes.arrowInverse} {\n        transform: rotate(-180deg);\n    }\n\n    &:hover,\n    &:active {\n        color: ${({ disabled, readOnly }) =>\n            disabled || readOnly ? `var(${tokens.disclosureIconColor})` : `var(${tokens.disclosureIconColorHover})`};\n    }\n\n    opacity: ${({ readOnly }) => (readOnly ? `var(${tokens.disclosureIconOpacityReadOnly})` : '')};\n`;\n\n// TODO: Удалить после поддержки JS переменных в конфиге компонент\nexport const sizeMap: Record<string, string> = {\n    xs: '1rem',\n    s: '1.5rem',\n};\n\nexport const StyledArrow = styled(IconDisclosureDownCentered)`\n    width: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n    height: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n`;\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","TextField","component","_exp","_exp17","_ref","opened","concat","tokens","textFieldBackgroundColorFocus","textFieldBackgroundColor","_exp19","_ref2","textFieldPlaceholderColorFocus","textFieldPlaceholderColor","_exp25","_ref3","textFieldBorderColorFocus","textFieldBorderColor","_exp281","_ref4","disabled","textFieldBoxShadow","StyledTextField","styled","name","class","propsAsIs","vars","_exp314","_ref5","readOnly","_exp316","_ref6","disclosureIconColor","disclosureIconColorHover","_exp317","_ref7","disclosureIconOpacityReadOnly","IconArrowWrapper","_exp318","IconDisclosureDownCentered","_exp320","_ref8","_ref8$size","size","disclosureIconSize","xs","s","StyledArrow"],"mappings":"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"}
+{"version":3,"file":"Textfield.styles.js","sources":["../../../../../../../src/components/Select/ui/Target/ui/Textfield/Textfield.styles.tsx"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { component, mergeConfig } from 'src/engines';\nimport { IconDisclosureDownCentered } from 'src/components/_Icon';\nimport { textFieldConfig, textFieldTokens } from 'src/components/TextField';\n\nimport { tokens, classes } from '../../../../Select.tokens';\n\nconst mergedConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedConfig);\n\nexport const StyledTextField = styled(TextField)<{ opened: boolean; disabled?: boolean }>`\n    ${textFieldTokens.color}: var(${tokens.textFieldColor});\n    ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundColor});\n    ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColor});\n    ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\n    ${textFieldTokens.labelColor}: var(${tokens.textFieldLabelColor});\n    ${textFieldTokens.leftHelperColor}: var(${tokens.textFieldLeftHelperColor});\n\n    ${textFieldTokens.colorReadOnly}: var(${tokens.textFieldColor});\n    ${textFieldTokens.backgroundColorReadOnly}: ${({ opened }) =>\n    opened ? `var(${tokens.textFieldBackgroundColorFocus})` : `var(${tokens.textFieldBackgroundColor})`};\n    ${textFieldTokens.placeholderColorReadOnly}: ${({ opened }) =>\n    opened ? `var(${tokens.textFieldPlaceholderColorFocus})` : `var(${tokens.textFieldPlaceholderColor})`};\n    ${textFieldTokens.leftHelperColorReadOnly}: var(${tokens.textFieldLeftHelperColor});\n    ${textFieldTokens.labelColorReadOnly}: var(${tokens.textFieldLabelColor});\n    ${textFieldTokens.borderColorReadOnly}: ${({ opened }) =>\n    opened ? `var(${tokens.textFieldBorderColorFocus})` : `var(${tokens.textFieldBorderColor})`};\n\n    ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\n\n    ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorHover});\n    ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorFocus});\n\n    ${textFieldTokens.optionalColor}: var(${tokens.textFieldOptionalColor});\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.paddingWithChips}: var(${tokens.textFieldPaddingWithChips});\n\n    ${textFieldTokens.leftContentMargin}: var(${tokens.textFieldLeftContentMargin});\n    ${textFieldTokens.rightContentMargin}: var(${tokens.textFieldRightContentMargin});\n\n    ${textFieldTokens.rightContentWithHintMargin}: var(${tokens.textFieldRightContentWithHintMargin});\n    ${textFieldTokens.contentRightWrapperGap}: var(${tokens.textFieldContentRightWrapperGap});\n    ${textFieldTokens.contentRightWrapperMargin}: var(${tokens.textFieldContentRightWrapperMargin});\n\n    ${textFieldTokens.fontFamily}: var(${tokens.textFieldFontFamily});\n    ${textFieldTokens.fontStyle}: var(${tokens.textFieldFontStyle});\n    ${textFieldTokens.fontSize}: var(${tokens.textFieldFontSize});\n    ${textFieldTokens.fontWeight}: var(${tokens.textFieldFontWeight});\n    ${textFieldTokens.letterSpacing}: var(${tokens.textFieldLetterSpacing});\n    ${textFieldTokens.lineHeight}: var(${tokens.textFieldLineHeight});\n\n    ${textFieldTokens.contentSlotColor}: var(${tokens.textFieldContentSlotColor});\n    ${textFieldTokens.contentSlotColorHover}: var(${tokens.textFieldContentSlotColorHover});\n    ${textFieldTokens.contentSlotColorActive}: var(${tokens.textFieldContentSlotColorActive});\n\n    ${textFieldTokens.contentSlotRightColor}: var(${tokens.textFieldContentSlotRightColor});\n    ${textFieldTokens.contentSlotRightColorHover}: var(${tokens.textFieldContentSlotRightColorHover});\n    ${textFieldTokens.contentSlotRightColorActive}: var(${tokens.textFieldContentSlotRightColorActive});\n\n    ${textFieldTokens.labelOffset}: var(${tokens.textFieldLabelOffset});\n\n    ${textFieldTokens.labelFontFamily}: var(${tokens.textFieldLabelFontFamily});\n    ${textFieldTokens.labelFontStyle}: var(${tokens.textFieldLabelFontStyle});\n    ${textFieldTokens.labelFontSize}: var(${tokens.textFieldLabelFontSize});\n    ${textFieldTokens.labelFontWeight}: var(${tokens.textFieldLabelFontWeight});\n    ${textFieldTokens.labelLetterSpacing}: var(${tokens.textFieldLabelLetterSpacing});\n    ${textFieldTokens.labelLineHeight}: var(${tokens.textFieldLabelLineHeight});\n\n    ${textFieldTokens.labelInnerFontFamily}: var(${tokens.textFieldLabelInnerFontFamily});\n    ${textFieldTokens.labelInnerFontStyle}: var(${tokens.textFieldLabelInnerFontStyle});\n    ${textFieldTokens.labelInnerFontSize}: var(${tokens.textFieldLabelInnerFontSize});\n    ${textFieldTokens.labelInnerFontWeight}: var(${tokens.textFieldLabelInnerFontWeight});\n    ${textFieldTokens.labelInnerLetterSpacing}: var(${tokens.textFieldLabelInnerLetterSpacing});\n    ${textFieldTokens.labelInnerLineHeight}: var(${tokens.textFieldLabelInnerLineHeight});\n\n    ${textFieldTokens.labelInnerPadding}: var(${tokens.textFieldLabelInnerPadding});\n    ${textFieldTokens.contentLabelInnerPadding}: var(${tokens.textFieldContentLabelInnerPadding});\n\n    ${textFieldTokens.titleCaptionColor}: var(${tokens.textFieldTitleCaptionColor});\n    ${textFieldTokens.titleCaptionInnerLabelOffset}: var(${tokens.textFieldTitleCaptionInnerLabelOffset});\n\n    ${textFieldTokens.titleCaptionFontFamily}: var(${tokens.textFieldTitleCaptionFontFamily});\n    ${textFieldTokens.titleCaptionFontStyle}: var(${tokens.textFieldTitleCaptionFontStyle});\n    ${textFieldTokens.titleCaptionFontSize}: var(${tokens.textFieldTitleCaptionFontSize});\n    ${textFieldTokens.titleCaptionFontWeight}: var(${tokens.textFieldTitleCaptionFontWeight});\n    ${textFieldTokens.titleCaptionLetterSpacing}: var(${tokens.textFieldTitleCaptionLetterSpacing});\n    ${textFieldTokens.titleCaptionLineHeight}: var(${tokens.textFieldTitleCaptionLineHeight});\n\n    ${textFieldTokens.leftHelperOffset}: var(${tokens.textFieldLeftHelperOffset});\n\n    ${textFieldTokens.leftHelperFontFamily}: var(${tokens.textFieldLeftHelperFontFamily});\n    ${textFieldTokens.leftHelperFontStyle}: var(${tokens.textFieldLeftHelperFontStyle});\n    ${textFieldTokens.leftHelperFontSize}: var(${tokens.textFieldLeftHelperFontSize});\n    ${textFieldTokens.leftHelperFontWeight}: var(${tokens.textFieldLeftHelperFontWeight});\n    ${textFieldTokens.leftHelperLetterSpacing}: var(${tokens.textFieldLeftHelperLetterSpacing});\n    ${textFieldTokens.leftHelperLineHeight}: var(${tokens.textFieldLeftHelperLineHeight});\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\n    ${textFieldTokens.disabledOpacity}: var(${tokens.textFieldDisabledOpacity});\n\n    ${textFieldTokens.hintCustomIconTargetSize}: var(${tokens.textFieldHintCustomIconTargetSize});\n    ${textFieldTokens.hintMargin}: var(${tokens.textFieldHintMargin});\n    ${textFieldTokens.hintTargetSize}: var(${tokens.textFieldHintTargetSize});\n    ${textFieldTokens.hintIconColor}: var(${tokens.textFieldHintIconColor});\n    ${textFieldTokens.hintInnerLabelPlacementOffset}: var(${tokens.textFieldHintInnerLabelPlacementOffset});\n    ${textFieldTokens.clearHintInnerLabelPlacementOffset}: var(${tokens.textFieldClearHintInnerLabelPlacementOffset});\n    ${textFieldTokens.tooltipBackgroundColor}: var(${tokens.textFieldTooltipBackgroundColor});\n    ${textFieldTokens.tooltipBoxShadow}: var(${tokens.textFieldTooltipBoxShadow});\n    ${textFieldTokens.tooltipColor}: var(${tokens.textFieldTooltipColor});\n    ${textFieldTokens.tooltipPaddingTop}: var(${tokens.textFieldTooltipPaddingTop});\n    ${textFieldTokens.tooltipPaddingRight}: var(${tokens.textFieldTooltipPaddingRight});\n    ${textFieldTokens.tooltipPaddingBottom}: var(${tokens.textFieldTooltipPaddingBottom});\n    ${textFieldTokens.tooltipPaddingLeft}: var(${tokens.textFieldTooltipPaddingLeft});\n    ${textFieldTokens.tooltipMinHeight}: var(${tokens.textFieldTooltipMinHeight});\n    ${textFieldTokens.tooltipBorderRadius}: var(${tokens.textFieldTooltipBorderRadius});\n    ${textFieldTokens.tooltipTextFontFamily}: var(${tokens.textFieldTooltipTextFontFamily});\n    ${textFieldTokens.tooltipTextFontSize}: var(${tokens.textFieldTooltipTextFontSize});\n    ${textFieldTokens.tooltipTextFontStyle}: var(${tokens.textFieldTooltipTextFontStyle});\n    ${textFieldTokens.tooltipTextFontWeight}: var(${tokens.textFieldTooltipTextFontWeight});\n    ${textFieldTokens.tooltipTextFontLetterSpacing}: var(${tokens.textFieldTooltipTextFontLetterSpacing});\n    ${textFieldTokens.tooltipTextFontLineHeight}: var(${tokens.textFieldTooltipTextFontLineHeight});\n    ${textFieldTokens.tooltipContentLeftMargin}: var(${tokens.textFieldTooltipContentLeftMargin});\n    ${textFieldTokens.tooltipArrowMaskWidth}: var(${tokens.textFieldTooltipArrowMaskWidth});\n    ${textFieldTokens.tooltipArrowMaskHeight}: var(${tokens.textFieldTooltipArrowMaskHeight});\n    ${textFieldTokens.tooltipArrowMaskImage}: var(${tokens.textFieldTooltipArrowMaskImage});\n    ${textFieldTokens.tooltipArrowHeight}: var(${tokens.textFieldTooltipArrowHeight});\n    ${textFieldTokens.tooltipArrowEdgeMargin}: var(${tokens.textFieldTooltipArrowEdgeMargin});\n    ${textFieldTokens.tooltipArrowBackground}: var(${tokens.textFieldTooltipArrowBackground});\n\n    ${textFieldTokens.chipHeight}: var(${tokens.textFieldChipHeight});\n    ${textFieldTokens.chipBorderRadius}: var(${tokens.textFieldChipBorderRadius});\n    ${textFieldTokens.chipGap}: var(${tokens.textFieldChipGap});\n    ${textFieldTokens.chipColor}: var(${tokens.textFieldChipColor});\n    ${textFieldTokens.chipColorHover}: var(${tokens.textFieldChipColorHover});\n    ${textFieldTokens.chipScaleHover}: var(${tokens.textFieldChipScaleHover});\n    ${textFieldTokens.chipBackground}: var(${tokens.textFieldChipBackground});\n    ${textFieldTokens.chipBackgroundActive}: var(${tokens.textFieldChipBackgroundActive});\n    ${textFieldTokens.chipColorActive}: var(${tokens.textFieldChipColorActive});\n    ${textFieldTokens.chipScaleActive}: var(${tokens.textFieldChipScaleActive});\n    ${textFieldTokens.chipCloseIconColor}: var(${tokens.textFieldChipCloseIconColor});\n    ${textFieldTokens.chipOutlineSize}: var(${tokens.textFieldChipOutlineSize});\n    ${textFieldTokens.chipWidth}: var(${tokens.textFieldChipWidth});\n    ${textFieldTokens.chipPadding}: var(${tokens.textFieldChipPadding});\n    ${textFieldTokens.chipCloseIconSize}: var(${tokens.textFieldChipCloseIconSize});\n    ${textFieldTokens.chipFontFamily}: var(${tokens.textFieldChipFontFamily});\n    ${textFieldTokens.chipFontSize}: var(${tokens.textFieldChipFontSize});\n    ${textFieldTokens.chipFontStyle}: var(${tokens.textFieldChipFontStyle});\n    ${textFieldTokens.chipFontWeight}: var(${tokens.textFieldChipFontWeight});\n    ${textFieldTokens.chipLetterSpacing}: var(${tokens.textFieldChipLetterSpacing});\n    ${textFieldTokens.chipLineHeight}: var(${tokens.textFieldChipLineHeight});\n    ${textFieldTokens.chipColorReadOnly}: var(${tokens.textFieldChipColor});\n    ${textFieldTokens.chipColorReadOnlyHover}: var(${tokens.textFieldChipColor});\n    ${textFieldTokens.chipBackgroundReadOnly}: var(${tokens.textFieldChipBackground});\n    ${textFieldTokens.chipBackgroundReadOnlyHover}: var(${tokens.textFieldChipBackgroundHover});\n    ${textFieldTokens.chipClearContentMarginLeft}: var(${tokens.textFieldChipClearContentMarginLeft});\n    ${textFieldTokens.chipClearContentMarginRight}: var(${tokens.textFieldChipClearContentMarginRight});\n\n    ${textFieldTokens.indicatorColor}: var(${tokens.textFieldIndicatorColor});\n    ${textFieldTokens.indicatorSizeInner}: var(${tokens.textFieldIndicatorSizeInner});\n    ${textFieldTokens.indicatorSizeOuter}: var(${tokens.textFieldIndicatorSizeOuter});\n    ${textFieldTokens.indicatorLabelPlacementInner}: var(${tokens.textFieldIndicatorLabelPlacementInner});\n    ${textFieldTokens.indicatorLabelPlacementOuter}: var(${tokens.textFieldIndicatorLabelPlacementOuter});\n    ${textFieldTokens.indicatorLabelPlacementInnerRight}: var(${tokens.textFieldIndicatorLabelPlacementInnerRight});\n    ${textFieldTokens.indicatorLabelPlacementOuterRight}: var(${tokens.textFieldIndicatorLabelPlacementOuterRight});\n    ${textFieldTokens.clearIndicatorLabelPlacementInner}: var(${tokens.textFieldClearIndicatorLabelPlacementInner});\n    ${textFieldTokens.clearIndicatorLabelPlacementInnerRight}: var(${\n    tokens.textFieldClearIndicatorLabelPlacementInnerRight\n});\n    ${textFieldTokens.clearIndicatorHintInnerRight}: var(${tokens.textFieldClearIndicatorHintInnerRight});\n\n    ${textFieldTokens.focusColor}: var(${tokens.textFieldFocusColor});\n\n    ${textFieldTokens.boxShadow}: ${({ disabled }) => (disabled ? 'none' : `var(${tokens.textFieldBoxShadow})`)};\n\n    /* TODO: #1544 */\n\n    & div.input-wrapper:focus-within {\n        background-color: var(${tokens.textFieldBackgroundColorFocus});\n    }\n\n    /* TextField изначально в readOnly состоянии */\n\n    &.${classes.readOnly} {\n        ${textFieldTokens.colorReadOnly}: var(${tokens.textFieldColorReadOnly});\n        ${textFieldTokens.backgroundColorReadOnly}: var(${tokens.textFieldBackgroundColorReadOnly});\n        ${textFieldTokens.placeholderColorReadOnly}: var(${tokens.textFieldPlaceholderColorReadOnly});\n        ${textFieldTokens.dividerColorReadOnly}: var(${tokens.textFieldDividerColorReadOnly});\n        ${textFieldTokens.leftHelperColorReadOnly}: var(${tokens.textFieldLeftHelperColorReadOnly});\n        ${textFieldTokens.labelColorReadOnly}: var(${tokens.textFieldLabelColorReadOnly});\n        ${textFieldTokens.titleCaptionColorReadOnly}: var(${tokens.textFieldTitleCaptionColorReadOnly});\n        ${textFieldTokens.borderColorReadOnly}: var(${tokens.textFieldBorderColorReadOnly});\n        ${textFieldTokens.readOnlyOpacity}: var(${tokens.textFieldReadOnlyOpacity});\n\n        ${textFieldTokens.chipColorReadOnly}: var(${tokens.textFieldChipColorReadOnly});\n        ${textFieldTokens.chipColorReadOnlyHover}: var(${tokens.textFieldChipColorReadOnlyHover});\n        ${textFieldTokens.chipBackgroundReadOnly}: var(${tokens.textFieldChipBackgroundReadOnly});\n        ${textFieldTokens.chipBackgroundReadOnlyHover}: var(${tokens.textFieldChipBackgroundReadOnlyHover});\n        ${textFieldTokens.chipOpacityReadonly}: var(${tokens.textFieldChipOpacityReadonly});\n\n        ${textFieldTokens.boxShadow}: none;\n    }\n`;\n\nexport const IconArrowWrapper = styled.div<{ disabled?: boolean; readOnly?: boolean }>`\n    line-height: 0;\n    color: var(${tokens.disclosureIconColor});\n    cursor: ${({ disabled, readOnly }) => (disabled || readOnly ? 'inherit' : 'pointer')};\n\n    .${classes.arrowInverse} {\n        transform: rotate(-180deg);\n    }\n\n    &:hover,\n    &:active {\n        color: ${({ disabled, readOnly }) =>\n            disabled || readOnly ? `var(${tokens.disclosureIconColor})` : `var(${tokens.disclosureIconColorHover})`};\n    }\n\n    opacity: ${({ readOnly }) => (readOnly ? `var(${tokens.disclosureIconOpacityReadOnly})` : '')};\n`;\n\n// TODO: Удалить после поддержки JS переменных в конфиге компонент\nexport const sizeMap: Record<string, string> = {\n    xs: '1rem',\n    s: '1.5rem',\n};\n\nexport const StyledArrow = styled(IconDisclosureDownCentered)`\n    width: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n    height: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n`;\n\nexport const StyledLeftHelper = styled.span`\n    margin: 0;\n    padding: 0;\n`;\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","TextField","component","_exp","_exp17","_ref","opened","concat","tokens","textFieldBackgroundColorFocus","textFieldBackgroundColor","_exp19","_ref2","textFieldPlaceholderColorFocus","textFieldPlaceholderColor","_exp25","_ref3","textFieldBorderColorFocus","textFieldBorderColor","_exp281","_ref4","disabled","textFieldBoxShadow","StyledTextField","styled","name","class","propsAsIs","vars","_exp314","_ref5","readOnly","_exp316","_ref6","disclosureIconColor","disclosureIconColorHover","_exp317","_ref7","disclosureIconOpacityReadOnly","IconArrowWrapper","_exp318","IconDisclosureDownCentered","_exp320","_ref8","_ref8$size","size","disclosureIconSize","xs","s","StyledArrow","StyledLeftHelper"],"mappings":"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"}

package/es/components/Select/ui/Target/ui/Textfield/{Textfield.styles_1a1zt2a.css → Textfield.styles_1i2t1rz.css}

@@ -1,3 +1,4 @@
 .s1yhwv5r{--plasma-textfield-color:var(--plasma-select-textfield-color);--plasma-textfield-bg-color:var(--plasma-select-textfield-background-color);--plasma-textfield-border-color:var(--plasma-select-textfield-border-color);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield__label-color:var(--plasma-select-textfield-label-color);--plasma-textfield__left-helper-color:var(--plasma-select-textfield-left-helper-color);--plasma-textfield-color-readonly:var(--plasma-select-textfield-color);--plasma-textfield-bg-color-readonly:var(--s1yhwv5r-0);--plasma-textfield__placeholder-color-readonly:var(--s1yhwv5r-1);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield-left-helper-color);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield-label-color);--plasma-textfield-border-color-readonly:var(--s1yhwv5r-2);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield-border-color-hover:var(--plasma-select-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-select-textfield-border-color-focus);--plasma-textfield__optional-color:var(--plasma-select-new-textfield-optional-color);--plasma-textfield-height:var(--plasma-select-textfield-height);--plasma-textfield-border-width:var(--plasma-select-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-select-textfield-border-radius);--plasma-textfield-padding:var(--plasma-select-textfield-padding);--plasma-textfield-padding-with-chips:var(--plasma-select-textfield-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-select-textfield-left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-select-textfield-right-content-margin);--plasma-textfield__right-content-with-hint-margin:var(--plasma-select-textfield-right-content-with-hint-margin);--plasma-textfield-content-right-wrapper-gap:var(--plasma-select-textfield-content-right-wrapper-gap);--plasma-textfield-content-right-wrapper-margin:var(--plasma-select-textfield-content-right-wrapper-margin);--plasma-textfield-font-family:var(--plasma-select-textfield-font-family);--plasma-textfield-font-style:var(--plasma-select-textfield-font-style);--plasma-textfield-font-size:var(--plasma-select-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-select-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-select-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-select-textfield-line-height);--plasma-textfield-content-slot-color:var(--plasma-select-textfield-content-slot-color);--plasma-textfield-content-slot-color-hover:var(--plasma-select-textfield-content-slot-color-hover);--plasma-textfield-content-slot-color-active:var(--plasma-select-textfield-content-slot-color-active);--plasma-textfield-content-right-slot-color:var(--plasma-select-textfield-content-right-slot-color);--plasma-textfield-content-right-slot-color-hover:var(--plasma-select-textfield-content-right-slot-color-hover);--plasma-textfield-content-right-slot-color-active:var(--plasma-select-textfield-content-right-slot-color-active);--plasma-textfield__label-offset:var(--plasma-select-textfield-label-offset);--plasma-textfield__label-font-family:var(--plasma-select-textfield-label-font-family);--plasma-textfield__label-font-style:var(--plasma-select-textfield-label-font-style);--plasma-textfield__label-font-size:var(--plasma-select-textfield-label-font-size);--plasma-textfield__label-font-weight:var(--plasma-select-textfield-label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-select-textfield-label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-select-textfield-label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-select-textfield-placement-inner-label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-select-textfield-placement-inner-label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-select-textfield-placement-inner-label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-select-textfield-placement-inner-label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-select-textfield-placement-inner-label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-select-textfield-placement-inner-label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-select-textfield-placement-inner-label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-select-textfield-placement-inner-content-padding);--plasma-textfield__title-caption-color:var(--plasma-select-textfield-title-caption-color);--plasma-textfield__title-caption-label-inner-offset:var(--plasma-select-textfield-title-caption-label-inner-offset);--plasma-textfield__title-caption-font-family:var(--plasma-select-textfield-title-caption-font-family);--plasma-textfield__title-caption-font-style:var(--plasma-select-textfield-title-caption-font-style);--plasma-textfield__title-caption-font-size:var(--plasma-select-textfield-title-caption-font-size);--plasma-textfield__title-caption-font-weight:var(--plasma-select-textfield-title-caption-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-select-textfield-title-caption-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-select-textfield-title-caption-line-height);--plasma-textfield__left-helper-offset:var(--plasma-select-textfield-left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-select-textfield-left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-select-textfield-left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-select-textfield-left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-select-textfield-left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-select-textfield-left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-select-textfield-left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-select-textfield-before-text-color);--plasma-textfield__after-text-color:var(--plasma-select-textfield-after-text-color);--plasma-textfield__before-text-margin:var(--plasma-select-textfield-before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-select-textfield-after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-select-textfield-disabled-opacity);--plasma-textfield__hint-custom-icon-target-size:var(--plasma-select-textfield__hint-custom-icon-target-size);--plasma-textfield__hint-margin:var(--plasma-select-textfield__hint-margin);--plasma-textfield__hint-target-size:var(--plasma-select-textfield__hint-target-size);--plasma-textfield__hint-icon-color:var(--plasma-select-textfield__hint-icon-color);--plasma-textfield__hint-inner-label-placement-offset:var(--plasma-select-textfield__hint-inner-label-placement-offset);--plasma-textfield__clear-hint-inner-label-placement-offset:var(--plasma-select-textfield__clear-hint-inner-label-placement-offset);--plasma-textfield__tooltip-background-color:var(--plasma-select-textfield__tooltip-background-color);--plasma-textfield__tooltip-box-shadow:var(--plasma-select-textfield__tooltip-box-shadow);--plasma-textfield__tooltip-color:var(--plasma-select-textfield__tooltip-color);--plasma-textfield__tooltip-padding-top:var(--plasma-select-textfield__tooltip-padding-top);--plasma-textfield__tooltip-padding-right:var(--plasma-select-textfield__tooltip-padding-right);--plasma-textfield__tooltip-padding-bottom:var(--plasma-select-textfield__tooltip-padding-bottom);--plasma-textfield__tooltip-padding-left:var(--plasma-select-textfield__tooltip-padding-left);--plasma-textfield__tooltip-min-height:var(--plasma-select-textfield__tooltip-min-height);--plasma-textfield__tooltip-border-radius:var(--plasma-select-textfield__tooltip-border-radius);--plasma-textfield__tooltip-text-font-family:var(--plasma-select-textfield__tooltip-text-font-family);--plasma-textfield__tooltip-text-font-size:var(--plasma-select-textfield__tooltip-text-font-size);--plasma-textfield__tooltip-text-font-style:var(--plasma-select-textfield__tooltip-text-font-style);--plasma-textfield__tooltip-text-font-weight:var(--plasma-select-textfield__tooltip-text-font-weight);--plasma-textfield__tooltip-text-font-letter-spacing:var(--plasma-select-textfield__tooltip-text-font-letter-spacing);--plasma-textfield__tooltip-text-font-line-height:var(--plasma-select-textfield__tooltip-text-font-line-height);--plasma-textfield__tooltip-content-left-margin:var(--plasma-select-textfield__tooltip-content-left-margin);--plasma-textfield__tooltip-arrow-mask-width:var(--plasma-select-textfield__tooltip-arrow-mask-width);--plasma-textfield__tooltip-arrow-mask-height:var(--plasma-select-textfield__tooltip-arrow-mask-height);--plasma-textfield__tooltip-arrow-mask-image:var(--plasma-select-textfield__tooltip-arrow-mask-image);--plasma-textfield__tooltip-arrow-height:var(--plasma-select-textfield__tooltip-arrow-height);--plasma-textfield__tooltip-arrow-edge-margin:var(--plasma-select-textfield__tooltip-arrow-edge-margin);--plasma-textfield__tooltip-arrow-background:var(--plasma-select-textfield__tooltip-arrow-background);--plasma-textfield__chip-height:var(--plasma-select-textfield-chip-height);--plasma-textfield__chip-border-radius:var(--plasma-select-textfield-chip-border-radius);--plasma-textfield__chip-gap:var(--plasma-select-textfield-chip-gap);--plasma-textfield__chip-color:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-hover:var(--plasma-select-textfield-chip-color-hover);--plasma-textfield__chip-scale-hover:var(--plasma-select-textfield-chip-scale-hover);--plasma-textfield__chip-background:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-active:var(--plasma-select-textfield-chip-background-active);--plasma-textfield__chip-color-active:var(--plasma-select-textfield-chip-color-active);--plasma-textfield__chip-scale-active:var(--plasma-select-textfield-chip-scale-active);--plasma-textfield__chip-close-icon-color:var(--plasma-select-textfield-chip-close-icons-color);--plasma-textfield__chip-outline-size:var(--plasma-select-textfield-chip-outline-size);--plasma-textfield__chip-width:var(--plasma-select-textfield-chip-width);--plasma-textfield__chip-padding:var(--plasma-select-textfield-chip-padding);--plasma-textfield__chip-close-icon-size:var(--plasma-select-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-select-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-select-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-select-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-select-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-select-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-select-textfield-chip-line-height);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield-chip-background-hover);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-select-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-select-textfield-chip-clear-content-margin-right);--plasma-textfield__indicator-color:var(--plasma-select-new-textfield-indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-select-new-textfield-indicator-size-inner);--plasma-textfield__indicator-size-outer:var(--plasma-select-new-textfield-indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-select-new-textfield-indicator-placement-inner);--plasma-textfield__indicator-placement-outer:var(--plasma-select-new-textfield-indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-select-new-textfield-indicator-placement-inner-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-select-new-textfield-indicator-placement-outer-right);--plasma-textfield__clear-indicator-placement-inner:var(--plasma-select-new-textfield-clear-indicator-placement-inner);--plasma-textfield__clear-indicator-placement-inner-right:var(--plasma-select-new-textfield-clear-indicator-placement-inner-right );--plasma-textfield__clear-indicator-hint-placement-inner-right:var(--plasma-select-new-textfield-clear-indicator-hint-placement-inner-right);--plasma-textfield-focus-color:var(--plasma-select-textfield-focus-color);--plasma-textfield-box-shadow:var(--s1yhwv5r-3);}.s1yhwv5r div.input-wrapper:focus-within{background-color:var(--plasma-select-textfield-background-color-focus);}.s1yhwv5r.readonly{--plasma-textfield-color-readonly:var(--plasma-select-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-select-textfield-bg-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-select-textfield__placeholder-color-readonly);--plasma-textfield-divider-color-readonly:var(--plasma-select-textfield-divider-color-readonly);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield__left-helper-color-readonly);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield__label-color-readonly);--plasma-textfield__title-caption-color-readonly:var(--plasma-select-textfield__title-caption-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-select-textfield-border-color-readonly);--plasma-textfield-readonly-opacity:var(--plasma-select-textfield-readonly-opacity);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield__chip-color-readonly);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield__chip-color-readonly-hover);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield__chip-background-readonly);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield__chip-background-readonly-hover);--plasma-textfield__chip-opacity-readonly:var(--plasma-select-textfield__chip-opacity-readonly);--plasma-textfield-box-shadow:none;}
 .i7x5udn{line-height:0;color:var(--plasma-select-disclosure-icon-color);cursor:var(--i7x5udn-0);opacity:var(--i7x5udn-2);}.i7x5udn .arrow-inverse{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.i7x5udn:hover,.i7x5udn:active{color:var(--i7x5udn-1);}
 .s2oocb4{width:var(--s2oocb4-0);height:var(--s2oocb4-0);}
+.s1kxyc50{margin:0;padding:0;}

package/es/components/Select/ui/VirtualList/VirtualList.js.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualList.js","sources":["../../../../../src/components/Select/ui/VirtualList/VirtualList.tsx"],"sourcesContent":["import React, { CSSProperties } from 'react';\nimport List from 'rc-virtual-list';\n\nimport { getHeightAsNumber } from '../../../../utils';\nimport type { MergedDropdownNodeTransformed } from '../Inner/ui/Item/Item.types';\nimport { Item } from '../Inner/ui';\n\ninterface Props {\n    items: MergedDropdownNodeTransformed[];\n    listMaxHeight?: CSSProperties['height'];\n    onScroll?: (e: React.UIEvent<HTMLUListElement>) => void;\n}\n\nexport const VirtualList: React.FC<Props> = ({ items, listMaxHeight, onScroll }) => (\n    <List data={items} height={getHeightAsNumber(listMaxHeight)} itemHeight={100} itemKey=\"id\" onScroll={onScroll}>\n        {(item, index, props) => (\n            <div {...props}>\n                <Item item={item} path={['root']} currentLevel={0} index={index} ariaLevel={1} />\n            </div>\n        )}\n    </List>\n);\n"],"names":["VirtualList","_ref","items","listMaxHeight","onScroll","React","createElement","List","data","height","getHeightAsNumber","itemHeight","itemKey","item","index","props","Item","path","currentLevel","ariaLevel"],"mappings":";;;;;IAaaA,WAA4B,GAAG,SAA/BA,WAA4BA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,aAAa,GAAAF,IAAA,CAAbE,aAAa;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ,CAAA;AAAA,EAAA,oBACzEC,KAAA,CAAAC,aAAA,CAACC,IAAI,EAAA;AAACC,IAAAA,IAAI,EAAEN,KAAM;AAACO,IAAAA,MAAM,EAAEC,iBAAiB,CAACP,aAAa,CAAE;AAACQ,IAAAA,UAAU,EAAE,GAAI;AAACC,IAAAA,OAAO,EAAC,IAAI;AAACR,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GAAA,EACzG,UAACS,IAAI,EAAEC,KAAK,EAAEC,KAAK,EAAA;IAAA,oBAChBV,KAAA,CAAAC,aAAA,CAASS,KAAAA,EAAAA,KAAK,eACVV,KAAA,CAAAC,aAAA,CAACU,IAAI,EAAA;AAACH,MAAAA,IAAI,EAAEA,IAAK;MAACI,IAAI,EAAE,CAAC,MAAM,CAAE;AAACC,MAAAA,YAAY,EAAE,CAAE;AAACJ,MAAAA,KAAK,EAAEA,KAAM;AAACK,MAAAA,SAAS,EAAE,CAAA;AAAE,KAAE,CAC/E,CAAC,CAAA;AAAA,GAER,CAAC,CAAA;AAAA;;;;"}
+{"version":3,"file":"VirtualList.js","sources":["../../../../../src/components/Select/ui/VirtualList/VirtualList.tsx"],"sourcesContent":["import React, { CSSProperties } from 'react';\nimport List from 'rc-virtual-list';\nimport { getHeightAsNumber } from 'src/utils';\n\nimport type { MergedDropdownNodeTransformed } from '../Inner/ui/Item/Item.types';\nimport { Item } from '../Inner/ui';\n\ninterface Props {\n    items: MergedDropdownNodeTransformed[];\n    listMaxHeight?: CSSProperties['height'];\n    onScroll?: (e: React.UIEvent<HTMLUListElement>) => void;\n}\n\nexport const VirtualList: React.FC<Props> = ({ items, listMaxHeight, onScroll }) => (\n    <List data={items} height={getHeightAsNumber(listMaxHeight)} itemHeight={100} itemKey=\"id\" onScroll={onScroll}>\n        {(item, index, props) => (\n            <div {...props}>\n                <Item item={item} path={['root']} currentLevel={0} index={index} ariaLevel={1} />\n            </div>\n        )}\n    </List>\n);\n"],"names":["VirtualList","_ref","items","listMaxHeight","onScroll","React","createElement","List","data","height","getHeightAsNumber","itemHeight","itemKey","item","index","props","Item","path","currentLevel","ariaLevel"],"mappings":";;;;;IAaaA,WAA4B,GAAG,SAA/BA,WAA4BA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,aAAa,GAAAF,IAAA,CAAbE,aAAa;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ,CAAA;AAAA,EAAA,oBACzEC,KAAA,CAAAC,aAAA,CAACC,IAAI,EAAA;AAACC,IAAAA,IAAI,EAAEN,KAAM;AAACO,IAAAA,MAAM,EAAEC,iBAAiB,CAACP,aAAa,CAAE;AAACQ,IAAAA,UAAU,EAAE,GAAI;AAACC,IAAAA,OAAO,EAAC,IAAI;AAACR,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GAAA,EACzG,UAACS,IAAI,EAAEC,KAAK,EAAEC,KAAK,EAAA;IAAA,oBAChBV,KAAA,CAAAC,aAAA,CAASS,KAAAA,EAAAA,KAAK,eACVV,KAAA,CAAAC,aAAA,CAACU,IAAI,EAAA;AAACH,MAAAA,IAAI,EAAEA,IAAK;MAACI,IAAI,EAAE,CAAC,MAAM,CAAE;AAACC,MAAAA,YAAY,EAAE,CAAE;AAACJ,MAAAA,KAAK,EAAEA,KAAM;AAACK,MAAAA,SAAS,EAAE,CAAA;AAAE,KAAE,CAC/E,CAAC,CAAA;AAAA,GAER,CAAC,CAAA;AAAA;;;;"}