npm - @salutejs/plasma-new-hope - Versions diffs - 0.343.1-canary.2395.20348823527.0 → 0.343.1-canary.2395.20456961420.0 - Mend

@salutejs/plasma-new-hope 0.343.1-canary.2395.20348823527.0 → 0.343.1-canary.2395.20456961420.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1132) hide show

package/dist/css/es/components/Select/ui/Target/ui/Button/Button.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import React, { forwardRef } from 'react';
+import React__default, { forwardRef } from 'react';
 import { cx } from '../../../../../../utils/index.js';
 import { classes } from '../../../../Select.tokens.js';
 import { ButtonWrapper, StyledButton, IconArrowWrapper, StyledArrow, Label } from './Button.styles.js';
@@ -19,13 +19,13 @@ var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
     treeId = _ref.treeId,
     activeDescendantItemValue = _ref.activeDescendantItemValue;
   var withArrowInverse = opened ? classes.arrowInverse : undefined;
-  return /*#__PURE__*/React.createElement(ButtonWrapper, null, /*#__PURE__*/React.createElement(StyledButton, {
+  return /*#__PURE__*/React__default.createElement(ButtonWrapper, null, /*#__PURE__*/React__default.createElement(StyledButton, {
     ref: ref,
     stretching: "filled",
     onKeyDown: onKeyDown,
     className: opened ? classes.selectWithoutBoxShadow : undefined,
     disabled: disabled,
-    contentRight: /*#__PURE__*/React.createElement(IconArrowWrapper, null, /*#__PURE__*/React.createElement(StyledArrow, {
+    contentRight: /*#__PURE__*/React__default.createElement(IconArrowWrapper, null, /*#__PURE__*/React__default.createElement(StyledArrow, {
       size: sizeToIconSize(size),
       color: "inherit",
       className: cx(classes.selectTargetArrow, withArrowInverse)
@@ -36,7 +36,7 @@ var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
     "aria-expanded": opened,
     "aria-activedescendant": activeDescendantItemValue ? getItemId(treeId, activeDescendantItemValue) : '',
     "aria-label": label
-  }, /*#__PURE__*/React.createElement(Label, null, getButtonLabel({
+  }, /*#__PURE__*/React__default.createElement(Label, null, getButtonLabel({
     value: value,
     valueToItemMap: valueToItemMap,
     label: label,

package/dist/css/es/components/Select/ui/Target/ui/Button/Button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"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;;;;"}
1	+ {"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,cAAA,CAAAC,aAAA,CAACC,aAAa,qBACVF,cAAA,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,cAAA,CAAAC,aAAA,CAACO,gBAAgB,EAAA,IAAA,eACbR,cAAA,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,cAAA,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/dist/css/es/components/Select/ui/Target/ui/Textfield/Textfield.css CHANGED Viewed

@@ -2,11 +2,11 @@
 .base_m1uv7m_b13ve66i__d5703749{--plasma-tour__border-radius:var(--plasma-textfield-border-radius);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_io4bpie__d5703749{width:100%;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_i13qvwoy__d5703749{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_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_iq39zt5__d5703749{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_iq39zt5__d5703749.base_m1uv7m_hasChips__d5703749{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_iq39zt5__d5703749.base_m1uv7m_hasEmptyContentLeft__d5703749{padding-left:var(--plasma-textfield-padding-with-chips);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_iq39zt5__d5703749.base_m1uv7m_hasEmptyContentRight__d5703749{padding-right:var(--plasma-textfield-padding-with-chips);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_l1gjsnfi__d5703749,.base_m1uv7m_b13ve66i__d5703749:not(.base_m1uv7m_labelPlacementInner__d5703749) .base_m1uv7m_s16itze4__d5703749{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_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_s1skqnhr__d5703749{margin:var(--plasma-textfield__hint-margin);width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_hgy0im1__d5703749{width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_t600610__d5703749{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_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_l7hnwwb__d5703749{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_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_smqgwd8__d5703749,.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_s14qvple__d5703749{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_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_smqgwd8__d5703749{margin:var(--plasma-textfield__before-text-margin);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_s14qvple__d5703749{margin:var(--plasma-textfield__after-text-margin);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_s190z894__d5703749.base_m1uv7m_textfieldContentRightCompensationMargin__d5703749{gap:var(--plasma-textfield-content-right-wrapper-gap);margin:var(--plasma-textfield-content-right-wrapper-margin);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_s190z894__d5703749.base_m1uv7m_textfieldContentRightCompensationMargin__d5703749 .base_m1uv7m_sb3k3v1__d5703749{margin:var(--plasma-textfield__right-content-with-hint-margin);}
-.base_1twy16p_bptx5xt__a8f9d947 .base_1twy16p_iq39zt5__a8f9d947{--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_1twy16p_bptx5xt__a8f9d947 .base_1twy16p_iq39zt5__a8f9d947: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_1twy16p_bptx5xt__a8f9d947 .base_1twy16p_io4bpie__a8f9d947{color:var(--plasma-textfield-color);}.base_1twy16p_bptx5xt__a8f9d947 .base_1twy16p_i19ry60d__a8f9d947{color:var(--plasma-textfield__placeholder-color);}.base_1twy16p_bptx5xt__a8f9d947 .base_1twy16p_iq39zt5__a8f9d947: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_1twy16p_bptx5xt__a8f9d947 .base_1twy16p_iq39zt5__a8f9d947:focus-within .base_1twy16p_i19ry60d__a8f9d947{color:var(--plasma-textfield__placeholder-color-focus);}.base_1twy16p_bptx5xt__a8f9d947 .base_1twy16p_t600610__a8f9d947{color:var(--plasma-textfield__title-caption-color);}.base_1twy16p_bptx5xt__a8f9d947 .base_1twy16p_l7hnwwb__a8f9d947{color:var(--plasma-textfield__left-helper-color);}.base_1twy16p_bptx5xt__a8f9d947 .base_1twy16p_smqgwd8__a8f9d947{color:var(--plasma-textfield__before-text-color);}.base_1twy16p_bptx5xt__a8f9d947 .base_1twy16p_s14qvple__a8f9d947{color:var(--plasma-textfield__after-text-color);}.base_1twy16p_bptx5xt__a8f9d947.base_1twy16p_textfieldHasDivider__a8f9d947 .base_1twy16p_iq39zt5__a8f9d947{--plasma_private-textfield-divider-color:var(--plasma-textfield-divider-color);}.base_1twy16p_bptx5xt__a8f9d947.base_1twy16p_textfieldHasDivider__a8f9d947 .base_1twy16p_iq39zt5__a8f9d947:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textfield-divider-color);-webkit-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}.base_1twy16p_bptx5xt__a8f9d947.base_1twy16p_textfieldHasDivider__a8f9d947:not([readonly]) .base_1twy16p_iq39zt5__a8f9d947:hover{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-hover, var(--plasma-textfield-divider-color) );}.base_1twy16p_bptx5xt__a8f9d947.base_1twy16p_textfieldHasDivider__a8f9d947:not([readonly]) .base_1twy16p_iq39zt5__a8f9d947:focus-within{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-focus, var(--plasma-textfield-divider-color) );}.base_1twy16p_bptx5xt__a8f9d947.base_1twy16p_textfieldHasDivider__a8f9d947:not([readonly]) .base_1twy16p_iq39zt5__a8f9d947:focus-within .base_1twy16p_i19ry60d__a8f9d947{color:var(--plasma-textfield__clear-placeholder-color-focus);}
+.base_19qf9jc_bptx5xt__1c9f79b8 .base_19qf9jc_iq39zt5__1c9f79b8{--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_19qf9jc_bptx5xt__1c9f79b8 .base_19qf9jc_iq39zt5__1c9f79b8: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_19qf9jc_bptx5xt__1c9f79b8 .base_19qf9jc_io4bpie__1c9f79b8{color:var(--plasma-textfield-color);}.base_19qf9jc_bptx5xt__1c9f79b8 .base_19qf9jc_i19ry60d__1c9f79b8{color:var(--plasma-textfield__placeholder-color);}.base_19qf9jc_bptx5xt__1c9f79b8 .base_19qf9jc_iq39zt5__1c9f79b8: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_19qf9jc_bptx5xt__1c9f79b8 .base_19qf9jc_iq39zt5__1c9f79b8:focus-within .base_19qf9jc_io4bpie__1c9f79b8{color:var(--plasma-textfield-color-focus);}.base_19qf9jc_bptx5xt__1c9f79b8 .base_19qf9jc_iq39zt5__1c9f79b8:focus-within .base_19qf9jc_i19ry60d__1c9f79b8{color:var(--plasma-textfield__placeholder-color-focus);}.base_19qf9jc_bptx5xt__1c9f79b8 .base_19qf9jc_iq39zt5__1c9f79b8:focus-within .base_19qf9jc_ssv2kwg__1c9f79b8{color:var(--plasma-textfield-content-slot-color-focus);}.base_19qf9jc_bptx5xt__1c9f79b8 .base_19qf9jc_t600610__1c9f79b8{color:var(--plasma-textfield__title-caption-color);}.base_19qf9jc_bptx5xt__1c9f79b8 .base_19qf9jc_smqgwd8__1c9f79b8{color:var(--plasma-textfield__before-text-color);}.base_19qf9jc_bptx5xt__1c9f79b8 .base_19qf9jc_s14qvple__1c9f79b8{color:var(--plasma-textfield__after-text-color);}.base_19qf9jc_bptx5xt__1c9f79b8.base_19qf9jc_textfieldHasDivider__1c9f79b8 .base_19qf9jc_iq39zt5__1c9f79b8{--plasma_private-textfield-divider-color:var(--plasma-textfield-divider-color);--plasma_private-textfield-divider-width:var(--plasma-textfield-divider-width);}.base_19qf9jc_bptx5xt__1c9f79b8.base_19qf9jc_textfieldHasDivider__1c9f79b8 .base_19qf9jc_iq39zt5__1c9f79b8:before{content:'';position:absolute;height:var(--plasma_private-textfield-divider-width,0.063rem);width:100%;bottom:0;left:0;background-color:var(--plasma_private-textfield-divider-color);-webkit-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}.base_19qf9jc_bptx5xt__1c9f79b8.base_19qf9jc_textfieldHasDivider__1c9f79b8:not([readonly]) .base_19qf9jc_iq39zt5__1c9f79b8:hover{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-hover, var(--plasma-textfield-divider-color) );}.base_19qf9jc_bptx5xt__1c9f79b8.base_19qf9jc_textfieldHasDivider__1c9f79b8:not([readonly]) .base_19qf9jc_iq39zt5__1c9f79b8:focus-within{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-focus, var(--plasma-textfield-divider-color) );}.base_19qf9jc_bptx5xt__1c9f79b8.base_19qf9jc_textfieldHasDivider__1c9f79b8:not([readonly]) .base_19qf9jc_iq39zt5__1c9f79b8:focus-within .base_19qf9jc_i19ry60d__1c9f79b8{color:var(--plasma-textfield__clear-placeholder-color-focus);}
 .base_2tv0nz_b15zsg4z__045faf03[disabled]{pointer-events:none;opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_2tv0nz_b15zsg4z__045faf03[disabled] .base_2tv0nz_io4bpie__045faf03{cursor:not-allowed;min-width:unset;}
-.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);z-index:-1;}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23:hover{background-color:transparent;}.base_2lss3j_b1w985rt__6ded9a23[readonly].base_2lss3j_textfieldHasDivider__6ded9a23 .base_2lss3j_iq39zt5__6ded9a23:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23:focus-within .base_2lss3j_i19ry60d__6ded9a23,.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_i19ry60d__6ded9a23{color:var(--plasma-textfield__placeholder-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_io4bpie__6ded9a23{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_t600610__6ded9a23{color:var(--plasma-textfield__title-caption-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_l7hnwwb__6ded9a23{color:var(--plasma-textfield__left-helper-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_ssv2kwg__6ded9a23:hover{color:var(--private_content-slot-color);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_sb3k3v1__6ded9a23{opacity:var(--plasma-textfield-right-content-opacity-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_sb3k3v1__6ded9a23:hover,.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_sb3k3v1__6ded9a23:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_2lss3j_b1w985rt__6ded9a23[readonly].base_2lss3j_labelPlacementOuter__6ded9a23 .base_2lss3j_l1gjsnfi__6ded9a23{color:var(--plasma-textfield__label-color-readonly);}
+.base_1ys6zet_b1w985rt__ecf699aa[readonly] .base_1ys6zet_iq39zt5__ecf699aa{position:relative;color:var(--plasma-textfield-color-readonly);background:transparent;}.base_1ys6zet_b1w985rt__ecf699aa[readonly] .base_1ys6zet_iq39zt5__ecf699aa:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);z-index:-1;}.base_1ys6zet_b1w985rt__ecf699aa[readonly] .base_1ys6zet_iq39zt5__ecf699aa:hover{background-color:transparent;}.base_1ys6zet_b1w985rt__ecf699aa[readonly].base_1ys6zet_textfieldHasDivider__ecf699aa .base_1ys6zet_iq39zt5__ecf699aa:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_1ys6zet_b1w985rt__ecf699aa[readonly] .base_1ys6zet_iq39zt5__ecf699aa:focus-within .base_1ys6zet_i19ry60d__ecf699aa,.base_1ys6zet_b1w985rt__ecf699aa[readonly] .base_1ys6zet_i19ry60d__ecf699aa{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1ys6zet_b1w985rt__ecf699aa[readonly] .base_1ys6zet_io4bpie__ecf699aa{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_1ys6zet_b1w985rt__ecf699aa[readonly] .base_1ys6zet_t600610__ecf699aa{color:var(--plasma-textfield__title-caption-color-readonly);}.base_1ys6zet_b1w985rt__ecf699aa[readonly] .base_1ys6zet_l7hnwwb__ecf699aa{color:var(--plasma-textfield__left-helper-color-readonly);}.base_1ys6zet_b1w985rt__ecf699aa[readonly] .base_1ys6zet_ssv2kwg__ecf699aa:hover{color:var(--private_content-slot-color);}.base_1ys6zet_b1w985rt__ecf699aa[readonly] .base_1ys6zet_sb3k3v1__ecf699aa{opacity:var(--plasma-textfield-right-content-opacity-readonly);}.base_1ys6zet_b1w985rt__ecf699aa[readonly] .base_1ys6zet_sb3k3v1__ecf699aa:hover,.base_1ys6zet_b1w985rt__ecf699aa[readonly] .base_1ys6zet_sb3k3v1__ecf699aa:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_1ys6zet_b1w985rt__ecf699aa[readonly].base_1ys6zet_labelPlacementOuter__ecf699aa .base_1ys6zet_l1gjsnfi__ecf699aa{color:var(--plasma-textfield__label-color-readonly);}
 .base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementOuter__ff61de1c .base_1m5chvs_l1gjsnfi__ff61de1c{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_i13qvwoy__ff61de1c{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_io4bpie__ff61de1c:not(.base_1m5chvs_textfieldReadonlyInput__ff61de1c):focus ~ .base_1m5chvs_l1gjsnfi__ff61de1c,.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_io4bpie__ff61de1c.base_1m5chvs_hasValue__ff61de1c ~ .base_1m5chvs_l1gjsnfi__ff61de1c,.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_io4bpie__ff61de1c.base_1m5chvs_keepPlaceholder__ff61de1c ~ .base_1m5chvs_l1gjsnfi__ff61de1c{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_l1gjsnfi__ff61de1c{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;width:100%;}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c.base_1m5chvs_textfieldHasHint__ff61de1c.base_1m5chvs_textfieldClear__ff61de1c .base_1m5chvs_s9w7nf8__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c.base_1m5chvs_requiredAlignRight__ff61de1c{inset:var(--plasma-textfield__clear-indicator-hint-placement-inner-right);}
@@ -26,29 +26,29 @@
 .Tooltip_1qsg6ij_s1cz8cv8__da7f9e0a{--plasma-popover-arrow-mask-width:var(--plasma-tooltip-arrow-mask-width);--plasma-popover-arrow-mask-height:var(--plasma-tooltip-arrow-mask-height);--plasma-popover-arrow-mask-image:var(--plasma-tooltip-arrow-mask-image);--plasma-popover-arrow-background:var(--plasma-tooltip-arrow-background);--plasma-popover-arrow-height:var(--plasma-tooltip-arrow-height);--plasma-popover-arrow-edge-margin:var(--plasma-tooltip-arrow-edge-margin);}
-.TextField_styles_1pu4eym_iq39zt5__18abad84{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
-.TextField_styles_1pu4eym_i1j28rg8__18abad84{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_1pu4eym_i1j28rg8__18abad84::-webkit-scrollbar{display:none;}.TextField_styles_1pu4eym_i1j28rg8__18abad84.TextField_styles_1pu4eym_hasChips__18abad84{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
-.TextField_styles_1pu4eym_s13zudoe__18abad84{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-margin-right,var(--plasma-textfield__chip-gap));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
-.TextField_styles_1pu4eym_io4bpie__18abad84{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_1pu4eym_io4bpie__18abad84.TextField_styles_1pu4eym_textfieldInputTextEllipsis__18abad84{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.TextField_styles_1pu4eym_io4bpie__18abad84::-webkit-input-placeholder{opacity:0;}.TextField_styles_1pu4eym_io4bpie__18abad84::-moz-placeholder{opacity:0;}.TextField_styles_1pu4eym_io4bpie__18abad84:-ms-input-placeholder{opacity:0;}.TextField_styles_1pu4eym_io4bpie__18abad84::placeholder{opacity:0;}
-.TextField_styles_1pu4eym_i13qvwoy__18abad84{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;min-width:var(--i13qvwoy-0);}.TextField_styles_1pu4eym_i13qvwoy__18abad84 .TextField_styles_1pu4eym_io4bpie__18abad84{max-width:var(--i13qvwoy-1);}
-.TextField_styles_1pu4eym_i19ry60d__18abad84{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);padding:var(--i19ry60d-0);}
-.TextField_styles_1pu4eym_ibt1ohz__18abad84.TextField_styles_1pu4eym_textfieldInputTextEllipsis__18abad84{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
-.TextField_styles_1pu4eym_olv9av6__18abad84{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:var(--olv9av6-0);margin-bottom:var(--olv9av6-1);}
-.TextField_styles_1pu4eym_t600610__18abad84{display:inline-block;margin-left:auto;}
-.TextField_styles_1pu4eym_suk2zst__18abad84{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
-.TextField_styles_1pu4eym_l1gjsnfi__18abad84{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
-.TextField_styles_1pu4eym_ssv2kwg__18abad84{margin:var(--plasma-textfield__left-content-margin);color:var(--plasma-textfield-content-slot-color);line-height:0;}.TextField_styles_1pu4eym_ssv2kwg__18abad84:hover{color:var(--plasma-textfield-content-slot-color-hover,var(--plasma-textfield-content-slot-color));}.TextField_styles_1pu4eym_ssv2kwg__18abad84:active{color:var(--plasma-textfield-content-slot-color-active,var(--plasma-textfield-content-slot-color));}
-.TextField_styles_1pu4eym_s190z894__18abad84{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
-.TextField_styles_1pu4eym_sb3k3v1__18abad84{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_1pu4eym_sb3k3v1__18abad84:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_1pu4eym_sb3k3v1__18abad84:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
-.TextField_styles_1pu4eym_smqgwd8__18abad84{visibility:var(--smqgwd8-0);}
-.TextField_styles_1pu4eym_s16itze4__18abad84{color:var(--plasma-textfield__optional-color);}
-.TextField_styles_1pu4eym_s1skqnhr__18abad84{display:inline-block;line-height:0;}.TextField_styles_1pu4eym_s1skqnhr__18abad84.TextField_styles_1pu4eym_labelPlacementInner__18abad84{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
-.TextField_styles_1pu4eym_hgy0im1__18abad84{color:var(--plasma-textfield__hint-icon-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
-.TextField_styles_1pu4eym_h8yezh4__18abad84 .TextField_styles_1pu4eym_hgy0im1__18abad84 .TextField_styles_1pu4eym_popoverRoot__18abad84{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
-.TextField_styles_1pu4eym_hzsveq4__18abad84{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
-.TextField_styles_1pu4eym_s9w7nf8__18abad84{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_1pu4eym_s9w7nf8__18abad84.TextField_styles_1pu4eym_labelPlacementOuter__18abad84{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_1pu4eym_s9w7nf8__18abad84.TextField_styles_1pu4eym_labelPlacementOuter__18abad84.TextField_styles_1pu4eym_requiredAlignRight__18abad84{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_1pu4eym_s9w7nf8__18abad84.TextField_styles_1pu4eym_labelPlacementOuter__18abad84.TextField_styles_1pu4eym_requiredAlignRight__18abad84.TextField_styles_1pu4eym_textfieldHasHint__18abad84{right:calc( -1 * var(--plasma-textfield__indicator-size-outer) + var(--plasma-textfield__indicator-hint-placement-outer-right,0px) );}.TextField_styles_1pu4eym_s9w7nf8__18abad84.TextField_styles_1pu4eym_labelPlacementInner__18abad84{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_1pu4eym_s9w7nf8__18abad84.TextField_styles_1pu4eym_labelPlacementInner__18abad84.TextField_styles_1pu4eym_requiredAlignRight__18abad84{inset:var(--plasma-textfield__indicator-placement-inner-right);}
+.TextField_styles_s18fd2_iq39zt5__21d3c155{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
+.TextField_styles_s18fd2_i1j28rg8__21d3c155{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_s18fd2_i1j28rg8__21d3c155::-webkit-scrollbar{display:none;}.TextField_styles_s18fd2_i1j28rg8__21d3c155.TextField_styles_s18fd2_hasChips__21d3c155{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
+.TextField_styles_s18fd2_s13zudoe__21d3c155{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-margin-right,var(--plasma-textfield__chip-gap));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
+.TextField_styles_s18fd2_io4bpie__21d3c155{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_s18fd2_io4bpie__21d3c155.TextField_styles_s18fd2_textfieldInputTextEllipsis__21d3c155{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.TextField_styles_s18fd2_io4bpie__21d3c155::-webkit-input-placeholder{opacity:0;}.TextField_styles_s18fd2_io4bpie__21d3c155::-moz-placeholder{opacity:0;}.TextField_styles_s18fd2_io4bpie__21d3c155:-ms-input-placeholder{opacity:0;}.TextField_styles_s18fd2_io4bpie__21d3c155::placeholder{opacity:0;}
+.TextField_styles_s18fd2_i13qvwoy__21d3c155{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;min-width:var(--i13qvwoy-0);}.TextField_styles_s18fd2_i13qvwoy__21d3c155 .TextField_styles_s18fd2_io4bpie__21d3c155{max-width:var(--i13qvwoy-1);}
+.TextField_styles_s18fd2_i19ry60d__21d3c155{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);padding:var(--i19ry60d-0);}
+.TextField_styles_s18fd2_ibt1ohz__21d3c155.TextField_styles_s18fd2_textfieldInputTextEllipsis__21d3c155{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.TextField_styles_s18fd2_olv9av6__21d3c155{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:var(--olv9av6-0);margin-bottom:var(--olv9av6-1);}
+.TextField_styles_s18fd2_t600610__21d3c155{display:inline-block;margin-left:auto;}
+.TextField_styles_s18fd2_suk2zst__21d3c155{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.TextField_styles_s18fd2_l1gjsnfi__21d3c155{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
+.TextField_styles_s18fd2_ssv2kwg__21d3c155{margin:var(--plasma-textfield__left-content-margin);color:var(--plasma-textfield-content-slot-color);line-height:0;}.TextField_styles_s18fd2_ssv2kwg__21d3c155:hover{color:var(--plasma-textfield-content-slot-color-hover,var(--plasma-textfield-content-slot-color));}.TextField_styles_s18fd2_ssv2kwg__21d3c155:active{color:var(--plasma-textfield-content-slot-color-active,var(--plasma-textfield-content-slot-color));}
+.TextField_styles_s18fd2_s190z894__21d3c155{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.TextField_styles_s18fd2_sb3k3v1__21d3c155{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_s18fd2_sb3k3v1__21d3c155:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_s18fd2_sb3k3v1__21d3c155:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
+.TextField_styles_s18fd2_l7hnwwb__21d3c155{color:var(--plasma-textfield__left-helper-color);}.TextField_styles_s18fd2_l7hnwwb__21d3c155.TextField_styles_s18fd2_hasFocus__21d3c155{color:var(--plasma-textfield__left-helper-color-focus);}
+.TextField_styles_s18fd2_smqgwd8__21d3c155{visibility:var(--smqgwd8-0);}
+.TextField_styles_s18fd2_s16itze4__21d3c155{color:var(--plasma-textfield__optional-color);}
+.TextField_styles_s18fd2_s1skqnhr__21d3c155{display:inline-block;line-height:0;}.TextField_styles_s18fd2_s1skqnhr__21d3c155.TextField_styles_s18fd2_labelPlacementInner__21d3c155{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
+.TextField_styles_s18fd2_hgy0im1__21d3c155{color:var(--plasma-textfield__hint-icon-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.TextField_styles_s18fd2_h8yezh4__21d3c155 .TextField_styles_s18fd2_hgy0im1__21d3c155 .TextField_styles_s18fd2_popoverRoot__21d3c155{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
+.TextField_styles_s18fd2_hzsveq4__21d3c155{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
+.TextField_styles_s18fd2_s9w7nf8__21d3c155{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_s18fd2_s9w7nf8__21d3c155.TextField_styles_s18fd2_labelPlacementOuter__21d3c155{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_s18fd2_s9w7nf8__21d3c155.TextField_styles_s18fd2_labelPlacementOuter__21d3c155.TextField_styles_s18fd2_requiredAlignRight__21d3c155{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_s18fd2_s9w7nf8__21d3c155.TextField_styles_s18fd2_labelPlacementOuter__21d3c155.TextField_styles_s18fd2_requiredAlignRight__21d3c155.TextField_styles_s18fd2_textfieldHasHint__21d3c155{right:calc( -1 * var(--plasma-textfield__indicator-size-outer) + var(--plasma-textfield__indicator-hint-placement-outer-right,0px) );}.TextField_styles_s18fd2_s9w7nf8__21d3c155.TextField_styles_s18fd2_labelPlacementInner__21d3c155{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_s18fd2_s9w7nf8__21d3c155.TextField_styles_s18fd2_labelPlacementInner__21d3c155.TextField_styles_s18fd2_requiredAlignRight__21d3c155{inset:var(--plasma-textfield__indicator-placement-inner-right);}
 .base_sp7461_b13tc97x__6c2a9135{color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_sp7461_b13tc97x__6c2a9135:hover{color:var(--plasma-chip-color-hover);background-color:var(--plasma-chip-background-hover);}.base_sp7461_b13tc97x__6c2a9135:active{color:var(--plasma-chip-color-active);background-color:var(--plasma-chip-background-active);}
@@ -76,7 +76,7 @@
 .TextField_1lzb2r1_bpunezx__7d079491{display:block;}
-.Textfield_styles_19e9015_s1yhwv5r__ee511ade{--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-background:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-hover:var(--plasma-select-textfield-chip-background-hover);--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-close-icon-color:var(--plasma-select-textfield-chip-close-icons-color);--plasma-textfield__chip-close-icon-color-hover:var(--plasma-select-textfield-chip-close-icons-color-hover);--plasma-textfield__chip-close-icon-color-readonly:var(--plasma-select-textfield-chip-close-icons-color-readonly);--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_19e9015_s1yhwv5r__ee511ade div.Textfield_styles_19e9015_inputWrapper__ee511ade:focus-within{background-color:var(--plasma-select-textfield-background-color-focus);}.Textfield_styles_19e9015_s1yhwv5r__ee511ade.Textfield_styles_19e9015_readonly__ee511ade{--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_19e9015_i7x5udn__ee511ade{line-height:0;color:var(--plasma-select-disclosure-icon-color);cursor:var(--i7x5udn-0);opacity:var(--i7x5udn-2);}.Textfield_styles_19e9015_i7x5udn__ee511ade .Textfield_styles_19e9015_arrowInverse__ee511ade{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Textfield_styles_19e9015_i7x5udn__ee511ade:hover,.Textfield_styles_19e9015_i7x5udn__ee511ade:active{color:var(--i7x5udn-1);}
-.Textfield_styles_19e9015_s2oocb4__ee511ade{width:var(--s2oocb4-0);height:var(--s2oocb4-0);}
-.Textfield_styles_19e9015_s1kxyc50__ee511ade{margin:0;padding:0;}
+.Textfield_styles_q5q8aa_s1yhwv5r__83cecc48{--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-background:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-hover:var(--plasma-select-textfield-chip-background-hover);--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-close-icon-color:var(--plasma-select-textfield-chip-close-icons-color);--plasma-textfield__chip-close-icon-color-hover:var(--plasma-select-textfield-chip-close-icons-color-hover);--plasma-textfield__chip-close-icon-color-readonly:var(--plasma-select-textfield-chip-close-icons-color-readonly);--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_q5q8aa_s1yhwv5r__83cecc48 div.Textfield_styles_q5q8aa_inputWrapper__83cecc48:focus-within{background-color:var(--plasma-select-textfield-background-color-focus);}.Textfield_styles_q5q8aa_s1yhwv5r__83cecc48.Textfield_styles_q5q8aa_readonly__83cecc48{--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);}
+.Textfield_styles_q5q8aa_i7x5udn__83cecc48{line-height:0;color:var(--plasma-select-disclosure-icon-color);cursor:var(--i7x5udn-0);opacity:var(--i7x5udn-2);}.Textfield_styles_q5q8aa_i7x5udn__83cecc48 .Textfield_styles_q5q8aa_arrowInverse__83cecc48{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Textfield_styles_q5q8aa_i7x5udn__83cecc48:hover,.Textfield_styles_q5q8aa_i7x5udn__83cecc48:active{color:var(--i7x5udn-1);}
+.Textfield_styles_q5q8aa_s2oocb4__83cecc48{width:var(--s2oocb4-0);height:var(--s2oocb4-0);}
+.Textfield_styles_q5q8aa_s1kxyc50__83cecc48{margin:0;padding:0;}

package/dist/css/es/components/Select/ui/Target/ui/Textfield/Textfield.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { extends as _extends } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef } from 'react';
+import React__default, { forwardRef } from 'react';
 import { classes } from '../../../../Select.tokens.js';
 import { StyledTextField, IconArrowWrapper, StyledArrow, StyledLeftHelper } from './Textfield.styles.js';
 import { sizeToIconSize } from '../../../../utils/sizeToIconSize.js';
@@ -18,6 +18,7 @@ var Textfield = /*#__PURE__*/forwardRef(function (_ref, ref) {
     size = _ref.size,
     view = _ref.view,
     contentLeft = _ref.contentLeft,
+    contentRight = _ref.contentRight,
     helperText = _ref.helperText,
     treeId = _ref.treeId,
     activeDescendantItemValue = _ref.activeDescendantItemValue,
@@ -96,7 +97,7 @@ var Textfield = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var helperTextStopPropagation = function helperTextStopPropagation(event) {
     event.stopPropagation();
   };
-  return /*#__PURE__*/React.createElement(StyledTextField, _extends({
+  return /*#__PURE__*/React__default.createElement(StyledTextField, _extends({
     ref: ref,
     inputWrapperRef: inputWrapperRef,
     readOnly: true,
@@ -110,16 +111,16 @@ var Textfield = /*#__PURE__*/forwardRef(function (_ref, ref) {
     keepPlaceholder: keepPlaceholder,
     placeholder: value instanceof Array && value.length ? '' : placeholder,
     contentLeft: contentLeft,
-    contentRight: /*#__PURE__*/React.createElement(IconArrowWrapper, {
+    contentRight: contentRight || contentRight !== undefined ? contentRight : /*#__PURE__*/React__default.createElement(IconArrowWrapper, {
       disabled: disabled,
       readOnly: readOnly
-    }, /*#__PURE__*/React.createElement(StyledArrow, {
+    }, /*#__PURE__*/React__default.createElement(StyledArrow, {
       color: "inherit",
       size: sizeToIconSize(size),
       className: withArrowInverse
     })),
     onKeyDown: onKeyDown,
-    leftHelper: helperText && /*#__PURE__*/React.createElement(StyledLeftHelper, {
+    leftHelper: helperText && /*#__PURE__*/React__default.createElement(StyledLeftHelper, {
       onClick: helperTextStopPropagation
     }, helperText),
     role: "combobox",

package/dist/css/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map CHANGED Viewed

	@@ -1 +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 } 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 chipView,\n requiredProps,\n chipType,\n hintProps,\n chipClickArea,\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 = (): { value: string \| number; label: string; disabled: boolean }[] => {\n if (multiselect && Array.isArray(value)) {\n if (value.length === 0) return [];\n\n if (isTargetAmount) {\n return [\n {\n value: '_removeAll',\n label: `Выбрано ${value.length}`,\n disabled: value.every((val) => valueToItemMap?.get(val)?.disabled),\n },\n ];\n }\n\n return value.map((value) => {\n const currentLabel = renderValue\n ? renderValue(valueToItemMap.get(value) \|\| { value, label: value.toString() })\n : valueToItemMap.get(value)?.label \|\| value.toString();\n\n return {\n value,\n label: currentLabel,\n disabled: valueToItemMap.get(value)?.disabled \|\| false,\n };\n });\n }\n\n return [];\n };\n\n // Обработчик чипов\n const handleChipClick = (chip: { value: string; label: string; disabled: boolean }) => {\n if (!Array.isArray(value)) return;\n\n if (isTargetAmount) {\n // При закрытии чипа в режиме isTargetAmount в value оставляем только disabled-элементы\n onChange(\n value.filter((val) => valueToItemMap?.get(val)?.disabled),\n null,\n );\n } else {\n onChange(\n value.filter((val) => val !== chip.value),\n valueToItemMap.get(chip.value) \|\| { value: chip.value, label: chip.label },\n );\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={\n helperText && <StyledLeftHelper onClick={helperTextStopPropagation}>{helperText}</StyledLeftHelper>\n }\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 _onChipCloseClick: handleChipClick,\n _chipClickArea: chipClickArea,\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","chipView","requiredProps","chipType","hintProps","chipClickArea","withArrowInverse","classes","arrowInverse","undefined","getValue","_valueToItemMap$get","Array","isArray","get","toString","getChips","length","concat","every","val","_valueToItemMap$get2","map","_valueToItemMap$get3","_valueToItemMap$get4","currentLabel","handleChipClick","chip","filter","_valueToItemMap$get5","helperTextStopPropagation","event","stopPropagation","React","createElement","StyledTextField","_extends","className","contentRight","IconArrowWrapper","StyledArrow","color","sizeToIconSize","leftHelper","StyledLeftHelper","onClick","role","getItemId","enumerationType","_chips","_onChipCloseClick","_chipClickArea","_onEnterDisabled","_forceChipManipulationWithReadonly"],"mappings":"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"}
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 } 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 contentRight,\n helperText,\n treeId,\n activeDescendantItemValue,\n disabled,\n readOnly,\n isTargetAmount,\n valueToItemMap,\n renderValue,\n onChange,\n chipView,\n requiredProps,\n chipType,\n hintProps,\n chipClickArea,\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 = (): { value: string \| number; label: string; disabled: boolean }[] => {\n if (multiselect && Array.isArray(value)) {\n if (value.length === 0) return [];\n\n if (isTargetAmount) {\n return [\n {\n value: '_removeAll',\n label: `Выбрано ${value.length}`,\n disabled: value.every((val) => valueToItemMap?.get(val)?.disabled),\n },\n ];\n }\n\n return value.map((value) => {\n const currentLabel = renderValue\n ? renderValue(valueToItemMap.get(value) \|\| { value, label: value.toString() })\n : valueToItemMap.get(value)?.label \|\| value.toString();\n\n return {\n value,\n label: currentLabel,\n disabled: valueToItemMap.get(value)?.disabled \|\| false,\n };\n });\n }\n\n return [];\n };\n\n // Обработчик чипов\n const handleChipClick = (chip: { value: string; label: string; disabled: boolean }) => {\n if (!Array.isArray(value)) return;\n\n if (isTargetAmount) {\n // При закрытии чипа в режиме isTargetAmount в value оставляем только disabled-элементы\n onChange(\n value.filter((val) => valueToItemMap?.get(val)?.disabled),\n null,\n );\n } else {\n onChange(\n value.filter((val) => val !== chip.value),\n valueToItemMap.get(chip.value) \|\| { value: chip.value, label: chip.label },\n );\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 contentRight \|\| contentRight !== undefined ? (\n contentRight\n ) : (\n <IconArrowWrapper disabled={disabled} readOnly={readOnly}>\n <StyledArrow color=\"inherit\" size={sizeToIconSize(size)} className={withArrowInverse} />\n </IconArrowWrapper>\n )\n }\n onKeyDown={onKeyDown}\n leftHelper={\n helperText && <StyledLeftHelper onClick={helperTextStopPropagation}>{helperText}</StyledLeftHelper>\n }\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 _onChipCloseClick: handleChipClick,\n _chipClickArea: chipClickArea,\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","contentRight","helperText","treeId","activeDescendantItemValue","disabled","readOnly","isTargetAmount","valueToItemMap","renderValue","onChange","chipView","requiredProps","chipType","hintProps","chipClickArea","withArrowInverse","classes","arrowInverse","undefined","getValue","_valueToItemMap$get","Array","isArray","get","toString","getChips","length","concat","every","val","_valueToItemMap$get2","map","_valueToItemMap$get3","_valueToItemMap$get4","currentLabel","handleChipClick","chip","filter","_valueToItemMap$get5","helperTextStopPropagation","event","stopPropagation","React","createElement","StyledTextField","_extends","className","IconArrowWrapper","StyledArrow","color","sizeToIconSize","leftHelper","StyledLeftHelper","onClick","role","getItemId","enumerationType","_chips","_onChipCloseClick","_chipClickArea","_onEnterDisabled","_forceChipManipulationWithReadonly"],"mappings":"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"}

package/dist/css/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import './Textfield.styles_19e9015.css';
+import './Textfield.styles_q5q8aa.css';
 import { styled } from '@linaria/react';
 import { tokens } from '../../../../Select.tokens.js';
 import { IconDisclosureDownCentered } from '../../../../../_Icon/Icons/IconDisclosureDownCentered.js';
@@ -45,21 +45,21 @@ var StyledTextField = /*#__PURE__*/styled(_exp())({
     "s1yhwv5r-3": [/*#__PURE__*/_exp283()]
   }
 });
-var _exp316 = function _exp316() {
+var _exp315 = function _exp315() {
   return function (_ref5) {
     var disabled = _ref5.disabled,
       readOnly = _ref5.readOnly;
     return disabled || readOnly ? 'inherit' : 'pointer';
   };
 };
-var _exp318 = function _exp318() {
+var _exp317 = function _exp317() {
   return function (_ref6) {
     var disabled = _ref6.disabled,
       readOnly = _ref6.readOnly;
     return disabled || readOnly ? "var(".concat(tokens.disclosureIconColor, ")") : "var(".concat(tokens.disclosureIconColorHover, ")");
   };
 };
-var _exp319 = function _exp319() {
+var _exp318 = function _exp318() {
   return function (_ref7) {
     var readOnly = _ref7.readOnly;
     return readOnly ? "var(".concat(tokens.disclosureIconOpacityReadOnly, ")") : '';
@@ -70,15 +70,15 @@ var IconArrowWrapper = /*#__PURE__*/styled('div')({
   "class": "i7x5udn",
   propsAsIs: false,
   vars: {
-    "i7x5udn-0": [/*#__PURE__*/_exp316()],
-    "i7x5udn-1": [/*#__PURE__*/_exp318()],
-    "i7x5udn-2": [/*#__PURE__*/_exp319()]
+    "i7x5udn-0": [/*#__PURE__*/_exp315()],
+    "i7x5udn-1": [/*#__PURE__*/_exp317()],
+    "i7x5udn-2": [/*#__PURE__*/_exp318()]
   }
 });
-var _exp320 = function _exp320() {
+var _exp319 = function _exp319() {
   return IconDisclosureDownCentered;
 };
-var _exp322 = function _exp322() {
+var _exp321 = function _exp321() {
   return function (_ref8) {
     var _ref8$size = _ref8.size,
       size = _ref8$size === void 0 ? 'xs' : _ref8$size;
@@ -88,12 +88,12 @@ var _exp322 = function _exp322() {
     }[size], ")");
   };
 };
-var StyledArrow = /*#__PURE__*/styled(_exp320())({
+var StyledArrow = /*#__PURE__*/styled(_exp319())({
   name: "StyledArrow",
   "class": "s2oocb4",
   propsAsIs: true,
   vars: {
-    "s2oocb4-0": [/*#__PURE__*/_exp322()]
+    "s2oocb4-0": [/*#__PURE__*/_exp321()]
   }
 });
 var StyledLeftHelper = /*#__PURE__*/styled('span')({

package/dist/css/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map CHANGED Viewed

	@@ -1 +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';\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.chipBackground}: var(${tokens.textFieldChipBackground});\n ${textFieldTokens.chipBackgroundHover}: var(${tokens.textFieldChipBackgroundHover});\n ${textFieldTokens.chipBackgroundActive}: var(${tokens.textFieldChipBackgroundActive});\n ${textFieldTokens.chipColorActive}: var(${tokens.textFieldChipColorActive});\n ${textFieldTokens.chipCloseIconColor}: var(${tokens.textFieldChipCloseIconColor});\n ${textFieldTokens.chipCloseIconColorHover}: var(${tokens.textFieldChipCloseIconColorHover});\n ${textFieldTokens.chipCloseIconColorReadonly}: var(${tokens.textFieldChipCloseIconColorReadonly});\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 /* stylelint-disable /\n ${textFieldTokens.clearIndicatorLabelPlacementInnerRight}: var(${\n tokens.textFieldClearIndicatorLabelPlacementInnerRight\n});\n / stylelint-enable /\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","_exp283","_ref4","disabled","textFieldBoxShadow","StyledTextField","styled","name","class","propsAsIs","vars","_exp316","_ref5","readOnly","_exp318","_ref6","disclosureIconColor","disclosureIconColorHover","_exp319","_ref7","disclosureIconOpacityReadOnly","IconArrowWrapper","_exp320","IconDisclosureDownCentered","_exp322","_ref8","_ref8$size","size","disclosureIconSize","xs","s","StyledArrow","StyledLeftHelper"],"mappings":"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"}
1	+ {"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.chipBackground}: var(${tokens.textFieldChipBackground});\n ${textFieldTokens.chipBackgroundHover}: var(${tokens.textFieldChipBackgroundHover});\n ${textFieldTokens.chipBackgroundActive}: var(${tokens.textFieldChipBackgroundActive});\n ${textFieldTokens.chipColorActive}: var(${tokens.textFieldChipColorActive});\n ${textFieldTokens.chipCloseIconColor}: var(${tokens.textFieldChipCloseIconColor});\n ${textFieldTokens.chipCloseIconColorHover}: var(${tokens.textFieldChipCloseIconColorHover});\n ${textFieldTokens.chipCloseIconColorReadonly}: var(${tokens.textFieldChipCloseIconColorReadonly});\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 /* stylelint-disable /\n ${textFieldTokens.clearIndicatorLabelPlacementInnerRight}: var(${\n tokens.textFieldClearIndicatorLabelPlacementInnerRight\n});\n / stylelint-enable /\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`;\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","_exp283","_ref4","disabled","textFieldBoxShadow","StyledTextField","styled","name","class","propsAsIs","vars","_exp315","_ref5","readOnly","_exp317","_ref6","disclosureIconColor","disclosureIconColorHover","_exp318","_ref7","disclosureIconOpacityReadOnly","IconArrowWrapper","_exp319","IconDisclosureDownCentered","_exp321","_ref8","_ref8$size","size","disclosureIconSize","xs","s","StyledArrow","StyledLeftHelper"],"mappings":"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"}