@salutejs/plasma-new-hope 0.151.0-canary.1446.10999563975.0 → 0.151.0-canary.1449.11009654671.0

package/cjs/components/TextField/TextField.styles.js

@@ -1,9 +1,10 @@
-import './TextField.styles_uponva.css';
+import './TextField.styles_1d2ryq.css';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('@linaria/react');
+var TextField_tokens = require('./TextField.tokens.js');
 
 var InputWrapper = /*#__PURE__*/react.styled('div')({
   name: "InputWrapper",
@@ -40,10 +41,20 @@ var Label = /*#__PURE__*/react.styled('label')({
   "class": "lbt1ohz",
   propsAsIs: false
 });
+var _exp7 = function _exp7() {
+  return function (_ref) {
+    var isDefaultView = _ref.isDefaultView,
+      isClear = _ref.isClear;
+    return !isDefaultView && isClear ? "var(".concat(TextField_tokens.tokens.clearColor, ")") : "var(".concat(TextField_tokens.tokens.contentSlotColor, ")");
+  };
+};
 var StyledContentSlot = /*#__PURE__*/react.styled('div')({
   name: "StyledContentSlot",
   "class": "slv9av6",
-  propsAsIs: false
+  propsAsIs: false,
+  vars: {
+    "slv9av6-0": [/*#__PURE__*/_exp7()]
+  }
 });
 var _exp8 = function _exp8() {
   return StyledContentSlot;
@@ -53,13 +64,10 @@ var StyledContentLeft = /*#__PURE__*/react.styled(_exp8())({
   "class": "s600610",
   propsAsIs: true
 });
-var _exp10 = function _exp10() {
-  return StyledContentSlot;
-};
-var StyledContentRight = /*#__PURE__*/react.styled(_exp10())({
+var StyledContentRight = /*#__PURE__*/react.styled('div')({
   name: "StyledContentRight",
   "class": "suk2zst",
-  propsAsIs: true
+  propsAsIs: false
 });
 var LeftHelper = /*#__PURE__*/react.styled('div')({
   name: "LeftHelper",

package/cjs/components/TextField/TextField.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.styles.js","sources":["../../../src/components/TextField/TextField.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from './TextField.tokens';\n\nexport const InputWrapper = styled.div`\n    position: relative;\n    display: flex;\n    align-items: center;\n    box-sizing: border-box;\n`;\n\nexport const InputLabelWrapper = styled.div`\n    flex: 1;\n    overflow: scroll;\n    position: relative;\n    width: 100%;\n    display: inline-flex;\n    align-items: center;\n\n    ::-webkit-scrollbar {\n        display: none;\n    }\n\n    scrollbar-width: none;\n\n    overscroll-behavior: contain;\n\n    &.${String(classes.hasChips)} {\n        height: var(${tokens.chipHeight});\n        border-radius: var(${tokens.chipBorderRadius});\n    }\n`;\n\nexport const StyledChips = styled.div`\n    display: flex;\n    gap: var(${tokens.chipGap});\n    margin-right: var(${tokens.chipGap});\n    user-select: none;\n`;\n\nexport const Input = styled.input`\n    box-sizing: border-box;\n    appearance: none;\n    border: 0;\n    padding: 0;\n    background-color: transparent;\n    outline: none;\n    width: 100%;\n    z-index: 1;\n\n    &::placeholder {\n        opacity: 0;\n    }\n`;\n\nexport const InputContainer = styled.div`\n    position: relative;\n    flex: 1;\n    min-width: 60%;\n`;\n\nexport const InputPlaceholder = styled.div`\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 0;\n    white-space: nowrap;\n\n    pointer-events: none;\n    user-select: none;\n    font: inherit;\n    letter-spacing: inherit;\n    line-height: inherit;\n\n    color: var(${tokens.placeholderColor});\n`;\n\nexport const Label = styled.label`\n    position: relative;\n    display: inline-flex;\n`;\n\nconst StyledContentSlot = styled.div`\n    color: var(${tokens.contentSlotColor});\n    line-height: 0;\n`;\n\nexport const StyledContentLeft = styled(StyledContentSlot)`\n    margin: var(${tokens.leftContentMargin});\n`;\n\nexport const StyledContentRight = styled(StyledContentSlot)`\n    margin: var(${tokens.rightContentMargin});\n    color: var(${tokens.contentSlotRightColor}, var(${tokens.contentSlotColor}));\n\n    &:hover {\n        color: var(${tokens.contentSlotColorHover});\n        color: var(${tokens.contentSlotRightColorHover}, var(${tokens.contentSlotColorHover}));\n        cursor: pointer;\n    }\n\n    &:active {\n        color: var(${tokens.contentSlotRightColorActive}, var(${tokens.contentSlotColorActive}));\n    }\n`;\n\nexport const LeftHelper = styled.div``;\n\nexport const StyledTextBefore = styled.div``;\n\nexport const StyledTextAfter = styled.div``;\n\nexport const StyledOptionalText = styled.span`\n    color: var(${tokens.optionalColor});\n`;\n\nexport const StyledIndicator = styled.div`\n    position: absolute;\n    border-radius: 50%;\n\n    background-color: var(${tokens.indicatorColor});\n\n    &.${classes.outerLabelPlacement} {\n        width: var(${tokens.indicatorSizeOuter});\n        height: var(${tokens.indicatorSizeOuter});\n        inset: var(${tokens.indicatorLabelPlacementOuter});\n\n        &.align-right {\n            inset: var(${tokens.indicatorLabelPlacementOuterRight});\n        }\n    }\n\n    &.${classes.innerLabelPlacement} {\n        width: var(${tokens.indicatorSizeInner});\n        height: var(${tokens.indicatorSizeInner});\n        inset: var(${tokens.indicatorLabelPlacementInner});\n\n        &.align-right {\n            inset: var(${tokens.indicatorLabelPlacementInnerRight});\n        }\n    }\n`;\n"],"names":["InputWrapper","styled","name","class","propsAsIs","InputLabelWrapper","StyledChips","Input","InputContainer","InputPlaceholder","Label","StyledContentSlot","_exp8","StyledContentLeft","_exp10","StyledContentRight","LeftHelper","StyledTextBefore","StyledTextAfter","StyledOptionalText","StyledIndicator"],"mappings":"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"}
+{"version":3,"file":"TextField.styles.js","sources":["../../../src/components/TextField/TextField.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from './TextField.tokens';\n\nexport const InputWrapper = styled.div`\n    position: relative;\n    display: flex;\n    align-items: center;\n    box-sizing: border-box;\n`;\n\nexport const InputLabelWrapper = styled.div`\n    flex: 1;\n    overflow: scroll;\n    position: relative;\n    width: 100%;\n    display: inline-flex;\n    align-items: center;\n\n    ::-webkit-scrollbar {\n        display: none;\n    }\n\n    scrollbar-width: none;\n\n    overscroll-behavior: contain;\n\n    &.${String(classes.hasChips)} {\n        height: var(${tokens.chipHeight});\n        border-radius: var(${tokens.chipBorderRadius});\n    }\n`;\n\nexport const StyledChips = styled.div`\n    display: flex;\n    gap: var(${tokens.chipGap});\n    margin-right: var(${tokens.chipGap});\n    user-select: none;\n`;\n\nexport const Input = styled.input`\n    box-sizing: border-box;\n    appearance: none;\n    border: 0;\n    padding: 0;\n    background-color: transparent;\n    outline: none;\n    width: 100%;\n    z-index: 1;\n\n    &::placeholder {\n        opacity: 0;\n    }\n`;\n\nexport const InputContainer = styled.div`\n    position: relative;\n    flex: 1;\n    min-width: 60%;\n`;\n\nexport const InputPlaceholder = styled.div`\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 0;\n    white-space: nowrap;\n\n    pointer-events: none;\n    user-select: none;\n    font: inherit;\n    letter-spacing: inherit;\n    line-height: inherit;\n\n    color: var(${tokens.placeholderColor});\n`;\n\nexport const Label = styled.label`\n    position: relative;\n    display: inline-flex;\n`;\n\nconst StyledContentSlot = styled.div<{ isDefaultView: boolean; isClear: boolean }>`\n    color: ${({ isDefaultView, isClear }) =>\n        !isDefaultView && isClear ? `var(${tokens.clearColor})` : `var(${tokens.contentSlotColor})`};\n    line-height: 0;\n`;\n\nexport const StyledContentLeft = styled(StyledContentSlot)`\n    margin: var(${tokens.leftContentMargin});\n`;\n\nexport const StyledContentRight = styled.div`\n    line-height: 0;\n\n    margin: var(${tokens.rightContentMargin});\n    color: var(${tokens.contentSlotRightColor}, var(${tokens.contentSlotColor}));\n\n    &:hover {\n        color: var(${tokens.contentSlotColorHover});\n        color: var(${tokens.contentSlotRightColorHover}, var(${tokens.contentSlotColorHover}));\n        cursor: pointer;\n    }\n\n    &:active {\n        color: var(${tokens.contentSlotRightColorActive}, var(${tokens.contentSlotColorActive}));\n    }\n`;\n\nexport const LeftHelper = styled.div``;\n\nexport const StyledTextBefore = styled.div``;\n\nexport const StyledTextAfter = styled.div``;\n\nexport const StyledOptionalText = styled.span`\n    color: var(${tokens.optionalColor});\n`;\n\nexport const StyledIndicator = styled.div`\n    position: absolute;\n    border-radius: 50%;\n\n    background-color: var(${tokens.indicatorColor});\n\n    &.${classes.outerLabelPlacement} {\n        width: var(${tokens.indicatorSizeOuter});\n        height: var(${tokens.indicatorSizeOuter});\n        inset: var(${tokens.indicatorLabelPlacementOuter});\n\n        &.align-right {\n            inset: var(${tokens.indicatorLabelPlacementOuterRight});\n        }\n    }\n\n    &.${classes.innerLabelPlacement} {\n        width: var(${tokens.indicatorSizeInner});\n        height: var(${tokens.indicatorSizeInner});\n        inset: var(${tokens.indicatorLabelPlacementInner});\n\n        &.align-right {\n            inset: var(${tokens.indicatorLabelPlacementInnerRight});\n        }\n    }\n`;\n"],"names":["InputWrapper","styled","name","class","propsAsIs","InputLabelWrapper","StyledChips","Input","InputContainer","InputPlaceholder","Label","_exp7","_ref","isDefaultView","isClear","concat","tokens","clearColor","contentSlotColor","StyledContentSlot","vars","_exp8","StyledContentLeft","StyledContentRight","LeftHelper","StyledTextBefore","StyledTextAfter","StyledOptionalText","StyledIndicator"],"mappings":";;;;;;;AAIO,IAAMA,YAAY,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKjC,EAAA;AAEM,IAAMC,iBAAiB,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAoBtC,EAAA;AAEM,IAAME,WAAW,gBAAGL,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKhC,EAAA;AAEM,IAAMG,KAAK,gBAAGN,YAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAa1B,EAAA;AAEM,IAAMI,cAAc,gBAAGP,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAInC,EAAA;AAEM,IAAMK,gBAAgB,gBAAGR,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAgBrC,EAAA;AAEM,IAAMM,KAAK,gBAAGT,YAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAG1B,EAAA;AAAC,IAAAO,KAAA,GAjFgBA,SAiFhBA,KAAAA,GAAA;AAAA,EAAA,OAGW,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,aAAa,GAAAD,IAAA,CAAbC,aAAa;MAAEC,OAAAA,GAAAA,IAAAA,CAAAA,OAAAA,CAAAA;AAAAA,IAAAA,OACvB,CAACD,aAAa,IAAIC,OAAO,GAAA,MAAA,CAAAC,MAAA,CAAUC,uBAAM,CAACC,UAAW,gBAAAF,MAAA,CAAYC,uBAAM,CAACE,gBAAiB,EAAE,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAFnG,IAAMC,iBAAiB,gBAAGlB,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAgB,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cACnBT,KACsF,EAAA,CAAA;AAAA,GAAA;AAAA,CAElG,CAAA,CAAA;AAAC,IAAAU,KAAA,GAvFgBA,SAuFhBA,KAAAA,GAAA;AAAA,EAAA,OAEsCF,iBAAiB,CAAA;AAAA,CAAA,CAAA;AAAlD,IAAMG,iBAAiB,gBAAGrB,YAAM,CAAAoB,KAAA,EAAA,CAAA,CAAA;AAAAnB,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAEtC,EAAA;AAEM,IAAMmB,kBAAkB,gBAAGtB,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAevC,EAAA;AAEM,IAAMoB,UAAU,gBAAGvB,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAE/B,IAAMqB,gBAAgB,gBAAGxB,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAErC,IAAMsB,eAAe,gBAAGzB,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAEpC,IAAMuB,kBAAkB,gBAAG1B,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEvC,EAAA;AAEM,IAAMwB,eAAe,gBAAG3B,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAyBpC;;;;;;;;;;;;;;;;;"}

package/{es/components/TextField/TextField.styles_uponva.css → cjs/components/TextField/TextField.styles_1d2ryq.css}

@@ -5,9 +5,9 @@
 .i13qvwoy{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
 .i19ry60d{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);}
 .lbt1ohz{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
-.slv9av6{color:var(--plasma-textfield-content-slot-color);line-height:0;}
+.slv9av6{color:var(--slv9av6-0);line-height:0;}
 .s600610.slv9av6{margin:var(--plasma-textfield__left-content-margin);}
-.suk2zst.slv9av6{margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.suk2zst.slv9av6:hover{color:var(--plasma-textfield-content-slot-color-hover);color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.suk2zst.slv9av6:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
+.suk2zst{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.suk2zst:hover{color:var(--plasma-textfield-content-slot-color-hover);color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.suk2zst:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
 
 
 

package/cjs/components/TextField/TextField.tokens.js

@@ -10,24 +10,32 @@ var classes = {
   innerLabelPlacement: 'label-placement-inner',
   outerLabelPlacement: 'label-placement-outer',
   hideLabel: 'hide-label',
+  clear: 'textfield-clear',
+  hasDivider: 'hasDivider',
   textFieldGroupItem: 'text-field-group-item'
 };
 var tokens = {
   color: '--plasma-textfield-color',
+  clearColor: '--plasma-textfield-clear-color',
   backgroundColor: '--plasma-textfield-bg-color',
   backgroundColorHover: '--plasma-textfield-bg-color-hover',
   backgroundColorFocus: '--plasma-textfield-bg-color-focus',
   borderColor: '--plasma-textfield-border-color',
   borderColorHover: '--plasma-textfield-border-color-hover',
   borderColorFocus: '--plasma-textfield-border-color-focus',
+  dividerColor: '--plasma-textfield-divider-color',
+  dividerColorHover: '--plasma-textfield-divider-color-hover',
+  dividerColorFocus: '--plasma-textfield-divider-color-focus',
   /** Цвета для read-only состояния */
   colorReadOnly: '--plasma-textfield-color-readonly',
   backgroundColorReadOnly: '--plasma-textfield-bg-color-readonly',
   borderColorReadOnly: '--plasma-textfield-border-color-readonly',
   placeholderColorReadOnly: '--plasma-textfield__placeholder-color-readonly',
+  dividerColorReadOnly: '--plasma-textfield-divider-color-readonly',
   /** Цвет каретки */
   caretColor: '--plasma-textfield__caret-color',
   placeholderColor: '--plasma-textfield__placeholder-color',
+  clearPlaceholderColor: '--plasma-textfield__clear-placeholder-color',
   optionalColor: '--plasma-textfield__optional-color',
   height: '--plasma-textfield-height',
   borderWidth: '--plasma-textfield-border-width',
@@ -55,6 +63,7 @@ var tokens = {
   labelColor: '--plasma-textfield__label-color',
   labelColorReadOnly: '--plasma-textfield__label-color-readonly',
   labelOffset: '--plasma-textfield__label-offset',
+  clearLabelOffset: '--plasma-textfield__clear-label-offset',
   labelFontFamily: '--plasma-textfield__label-font-family',
   labelFontStyle: '--plasma-textfield__label-font-style',
   labelFontSize: '--plasma-textfield__label-font-size',

package/cjs/components/TextField/TextField.tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.tokens.js","sources":["../../../src/components/TextField/TextField.tokens.ts"],"sourcesContent":["export const classes = {\n    hasChips: 'has-chips',\n    hasValue: 'has-value',\n    hasEmptyContentLeft: 'has-empty-content-left',\n    hasEmptyContentRight: 'has-empty-content-right',\n    innerLabelPlacement: 'label-placement-inner',\n    outerLabelPlacement: 'label-placement-outer',\n    hideLabel: 'hide-label',\n    textFieldGroupItem: 'text-field-group-item',\n};\n\nexport const tokens = {\n    color: '--plasma-textfield-color',\n\n    backgroundColor: '--plasma-textfield-bg-color',\n    backgroundColorHover: '--plasma-textfield-bg-color-hover',\n    backgroundColorFocus: '--plasma-textfield-bg-color-focus',\n\n    borderColor: '--plasma-textfield-border-color',\n    borderColorHover: '--plasma-textfield-border-color-hover',\n    borderColorFocus: '--plasma-textfield-border-color-focus',\n\n    /** Цвета для read-only состояния */\n    colorReadOnly: '--plasma-textfield-color-readonly',\n    backgroundColorReadOnly: '--plasma-textfield-bg-color-readonly',\n    borderColorReadOnly: '--plasma-textfield-border-color-readonly',\n    placeholderColorReadOnly: '--plasma-textfield__placeholder-color-readonly',\n\n    /** Цвет каретки */\n    caretColor: '--plasma-textfield__caret-color',\n    placeholderColor: '--plasma-textfield__placeholder-color',\n    optionalColor: '--plasma-textfield__optional-color',\n\n    height: '--plasma-textfield-height',\n    borderWidth: '--plasma-textfield-border-width',\n    borderRadius: '--plasma-textfield-border-radius',\n\n    /** Отступ от границы ТextField */\n    padding: '--plasma-textfield-padding',\n    paddingWithChips: '--plasma-textfield-padding-with-chips',\n\n    /* Токены для input */\n    leftContentMargin: '--plasma-textfield__left-content-margin',\n    rightContentMargin: '--plasma-textfield__right-content-margin',\n\n    fontFamily: '--plasma-textfield-font-family',\n    fontStyle: '--plasma-textfield-font-style',\n    fontSize: '--plasma-textfield-font-size',\n    fontWeight: '--plasma-textfield-font-weight',\n    letterSpacing: '--plasma-textfield-letter-spacing',\n    lineHeight: '--plasma-textfield-line-height',\n\n    /* Tokens for content slot */\n    contentSlotColor: '--plasma-textfield-content-slot-color',\n    contentSlotColorHover: '--plasma-textfield-content-slot-color-hover',\n    contentSlotColorActive: '--plasma-textfield-content-slot-color-active',\n\n    contentSlotRightColor: '--plasma-textfield-content-right-slot-color',\n    contentSlotRightColorHover: '--plasma-textfield-content-right-slot-color-hover',\n    contentSlotRightColorActive: '--plasma-textfield-content-right-slot-color-active',\n\n    /** Токены лейбла */\n    labelColor: '--plasma-textfield__label-color',\n    labelColorReadOnly: '--plasma-textfield__label-color-readonly',\n    labelOffset: '--plasma-textfield__label-offset',\n\n    labelFontFamily: '--plasma-textfield__label-font-family',\n    labelFontStyle: '--plasma-textfield__label-font-style',\n    labelFontSize: '--plasma-textfield__label-font-size',\n    labelFontWeight: '--plasma-textfield__label-font-weight',\n    labelLetterSpacing: '--plasma-textfield__label-letter-spacing',\n    labelLineHeight: '--plasma-textfield__label-line-height',\n\n    /* label-placement-inner */\n    labelInnerFontFamily: '--plasma-textfield-placement_inner__label-font-family',\n    labelInnerFontStyle: '--plasma-textfield-placement_inner__label-font-style',\n    labelInnerFontSize: '--plasma-textfield-placement_inner__label-font-size',\n    labelInnerFontWeight: '--plasma-textfield-placement_inner__label-font-weight',\n    labelInnerLetterSpacing: '--plasma-textfield-placement_inner__label-letter-spacing',\n    labelInnerLineHeight: '--plasma-textfield-placement_inner__label-line-height',\n\n    labelInnerPadding: '--plasma-textfield-placement_inner__label-padding',\n    contentLabelInnerPadding: '--plasma-textfield-placement_inner__content-padding',\n\n    leftHelperColor: '--plasma-textfield__left-helper-color',\n    leftHelperColorReadOnly: '--plasma-textfield__left-helper-color-readonly',\n    leftHelperOffset: '--plasma-textfield__left-helper-offset',\n\n    leftHelperFontFamily: '--plasma-textfield__left-helper-font-family',\n    leftHelperFontStyle: '--plasma-textfield__left-helper-font-style',\n    leftHelperFontSize: '--plasma-textfield__left-helper-font-size',\n    leftHelperFontWeight: '--plasma-textfield__left-helper-font-weight',\n    leftHelperLetterSpacing: '--plasma-textfield__left-helper-letter-spacing',\n    leftHelperLineHeight: '--plasma-textfield__left-helper-line-height',\n\n    /** Токены вспомогательного текста */\n    textBeforeColor: '--plasma-textfield__before-text-color',\n    textAfterColor: '--plasma-textfield__after-text-color',\n    textBeforeMargin: '--plasma-textfield__before-text-margin',\n    textAfterMargin: '--plasma-textfield__after-text-margin',\n\n    /** Прозрачность для всего компонента в состоянии disabled */\n    disabledOpacity: '--plasma-textfield-disabled-opacity',\n\n    /** Токены чипа */\n    chipHeight: '--plasma-textfield__chip-height',\n    chipBorderRadius: '--plasma-textfield__chip-border-radius',\n    chipGap: '--plasma-textfield__chip-gap',\n    chipBackground: '--plasma-textfield__chip-background',\n    chipColor: '--plasma-textfield__chip-color',\n    chipBackgroundHover: '--plasma-textfield__chip-background-hover',\n    chipColorHover: '--plasma-textfield__chip-color-hover',\n    chipScaleHover: '--plasma-textfield__chip-scale-hover',\n    chipBackgroundReadOnly: '--plasma-textfield__chip-background-readonly',\n    chipColorReadOnly: '--plasma-textfield__chip-color-readonly',\n    chipBackgroundReadOnlyHover: '--plasma-textfield__chip-background-readonly-hover',\n    chipColorReadOnlyHover: '--plasma-textfield__chip-color-readonly-hover',\n    chipBackgroundActive: '--plasma-textfield__chip-background-active',\n    chipColorActive: '--plasma-textfield__chip-color-active',\n    chipScaleActive: '--plasma-textfield__chip-scale-active',\n    chipFocusColor: '--plasma-textfield__chip-focus-color',\n    chipCloseIconColor: '--plasma-textfield__chip-close-icon-color',\n    chipOutlineSize: '--plasma-textfield__chip-outline-size',\n    chipWidth: '--plasma-textfield__chip-width',\n    chipPaddingTop: '--plasma-textfield__chip-padding-top',\n    chipPaddingRight: '--plasma-textfield__chip-padding-right',\n    chipPaddingBottom: '--plasma-textfield__chip-padding-bottom',\n    chipPaddingLeft: '--plasma-textfield__chip-padding-left',\n    chipCloseIconSize: '--plasma-textfield__chip-close-icon-size',\n    chipFontFamily: '--plasma-textfield__chip-font-family',\n    chipFontSize: '--plasma-textfield__chip-font-size',\n    chipFontStyle: '--plasma-textfield__chip-font-style',\n    chipFontWeight: '--plasma-textfield__chip-font-weight',\n    chipLetterSpacing: '--plasma-textfield__chip-letter-spacing',\n    chipLineHeight: '--plasma-textfield__chip-line-height',\n    chipClearContentMarginLeft: '--plasma-textfield__chip-clear-content-margin-left',\n    chipClearContentMarginRight: '--plasma-textfield__chip-clear-content-margin-right',\n    chipOpacityReadonly: '--plasma-textfield__chip-opacity-readonly',\n\n    focusColor: '--plasma-textfield-focus-color',\n\n    indicatorColor: '--plasma-textfield__indicator-color',\n    indicatorSizeInner: '--plasma-textfield__indicator-size-inner',\n    indicatorSizeOuter: '--plasma-textfield__indicator-size-outer',\n    indicatorLabelPlacementInner: '--plasma-textfield__indicator-placement-inner',\n    indicatorLabelPlacementOuter: '--plasma-textfield__indicator-placement-outer',\n    indicatorLabelPlacementInnerRight: '--plasma-textfield__indicator-placement-inner-right',\n    indicatorLabelPlacementOuterRight: '--plasma-textfield__indicator-placement-outer-right',\n};\n"],"names":["classes","hasChips","hasValue","hasEmptyContentLeft","hasEmptyContentRight","innerLabelPlacement","outerLabelPlacement","hideLabel","textFieldGroupItem","tokens","color","backgroundColor","backgroundColorHover","backgroundColorFocus","borderColor","borderColorHover","borderColorFocus","colorReadOnly","backgroundColorReadOnly","borderColorReadOnly","placeholderColorReadOnly","caretColor","placeholderColor","optionalColor","height","borderWidth","borderRadius","padding","paddingWithChips","leftContentMargin","rightContentMargin","fontFamily","fontStyle","fontSize","fontWeight","letterSpacing","lineHeight","contentSlotColor","contentSlotColorHover","contentSlotColorActive","contentSlotRightColor","contentSlotRightColorHover","contentSlotRightColorActive","labelColor","labelColorReadOnly","labelOffset","labelFontFamily","labelFontStyle","labelFontSize","labelFontWeight","labelLetterSpacing","labelLineHeight","labelInnerFontFamily","labelInnerFontStyle","labelInnerFontSize","labelInnerFontWeight","labelInnerLetterSpacing","labelInnerLineHeight","labelInnerPadding","contentLabelInnerPadding","leftHelperColor","leftHelperColorReadOnly","leftHelperOffset","leftHelperFontFamily","leftHelperFontStyle","leftHelperFontSize","leftHelperFontWeight","leftHelperLetterSpacing","leftHelperLineHeight","textBeforeColor","textAfterColor","textBeforeMargin","textAfterMargin","disabledOpacity","chipHeight","chipBorderRadius","chipGap","chipBackground","chipColor","chipBackgroundHover","chipColorHover","chipScaleHover","chipBackgroundReadOnly","chipColorReadOnly","chipBackgroundReadOnlyHover","chipColorReadOnlyHover","chipBackgroundActive","chipColorActive","chipScaleActive","chipFocusColor","chipCloseIconColor","chipOutlineSize","chipWidth","chipPaddingTop","chipPaddingRight","chipPaddingBottom","chipPaddingLeft","chipCloseIconSize","chipFontFamily","chipFontSize","chipFontStyle","chipFontWeight","chipLetterSpacing","chipLineHeight","chipClearContentMarginLeft","chipClearContentMarginRight","chipOpacityReadonly","focusColor","indicatorColor","indicatorSizeInner","indicatorSizeOuter","indicatorLabelPlacementInner","indicatorLabelPlacementOuter","indicatorLabelPlacementInnerRight","indicatorLabelPlacementOuterRight"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,QAAQ,EAAE,WAAW;AACrBC,EAAAA,QAAQ,EAAE,WAAW;AACrBC,EAAAA,mBAAmB,EAAE,wBAAwB;AAC7CC,EAAAA,oBAAoB,EAAE,yBAAyB;AAC/CC,EAAAA,mBAAmB,EAAE,uBAAuB;AAC5CC,EAAAA,mBAAmB,EAAE,uBAAuB;AAC5CC,EAAAA,SAAS,EAAE,YAAY;AACvBC,EAAAA,kBAAkB,EAAE,uBAAA;AACxB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,KAAK,EAAE,0BAA0B;AAEjCC,EAAAA,eAAe,EAAE,6BAA6B;AAC9CC,EAAAA,oBAAoB,EAAE,mCAAmC;AACzDC,EAAAA,oBAAoB,EAAE,mCAAmC;AAEzDC,EAAAA,WAAW,EAAE,iCAAiC;AAC9CC,EAAAA,gBAAgB,EAAE,uCAAuC;AACzDC,EAAAA,gBAAgB,EAAE,uCAAuC;AAEzD;AACAC,EAAAA,aAAa,EAAE,mCAAmC;AAClDC,EAAAA,uBAAuB,EAAE,sCAAsC;AAC/DC,EAAAA,mBAAmB,EAAE,0CAA0C;AAC/DC,EAAAA,wBAAwB,EAAE,gDAAgD;AAE1E;AACAC,EAAAA,UAAU,EAAE,iCAAiC;AAC7CC,EAAAA,gBAAgB,EAAE,uCAAuC;AACzDC,EAAAA,aAAa,EAAE,oCAAoC;AAEnDC,EAAAA,MAAM,EAAE,2BAA2B;AACnCC,EAAAA,WAAW,EAAE,iCAAiC;AAC9CC,EAAAA,YAAY,EAAE,kCAAkC;AAEhD;AACAC,EAAAA,OAAO,EAAE,4BAA4B;AACrCC,EAAAA,gBAAgB,EAAE,uCAAuC;AAEzD;AACAC,EAAAA,iBAAiB,EAAE,yCAAyC;AAC5DC,EAAAA,kBAAkB,EAAE,0CAA0C;AAE9DC,EAAAA,UAAU,EAAE,gCAAgC;AAC5CC,EAAAA,SAAS,EAAE,+BAA+B;AAC1CC,EAAAA,QAAQ,EAAE,8BAA8B;AACxCC,EAAAA,UAAU,EAAE,gCAAgC;AAC5CC,EAAAA,aAAa,EAAE,mCAAmC;AAClDC,EAAAA,UAAU,EAAE,gCAAgC;AAE5C;AACAC,EAAAA,gBAAgB,EAAE,uCAAuC;AACzDC,EAAAA,qBAAqB,EAAE,6CAA6C;AACpEC,EAAAA,sBAAsB,EAAE,8CAA8C;AAEtEC,EAAAA,qBAAqB,EAAE,6CAA6C;AACpEC,EAAAA,0BAA0B,EAAE,mDAAmD;AAC/EC,EAAAA,2BAA2B,EAAE,oDAAoD;AAEjF;AACAC,EAAAA,UAAU,EAAE,iCAAiC;AAC7CC,EAAAA,kBAAkB,EAAE,0CAA0C;AAC9DC,EAAAA,WAAW,EAAE,kCAAkC;AAE/CC,EAAAA,eAAe,EAAE,uCAAuC;AACxDC,EAAAA,cAAc,EAAE,sCAAsC;AACtDC,EAAAA,aAAa,EAAE,qCAAqC;AACpDC,EAAAA,eAAe,EAAE,uCAAuC;AACxDC,EAAAA,kBAAkB,EAAE,0CAA0C;AAC9DC,EAAAA,eAAe,EAAE,uCAAuC;AAExD;AACAC,EAAAA,oBAAoB,EAAE,uDAAuD;AAC7EC,EAAAA,mBAAmB,EAAE,sDAAsD;AAC3EC,EAAAA,kBAAkB,EAAE,qDAAqD;AACzEC,EAAAA,oBAAoB,EAAE,uDAAuD;AAC7EC,EAAAA,uBAAuB,EAAE,0DAA0D;AACnFC,EAAAA,oBAAoB,EAAE,uDAAuD;AAE7EC,EAAAA,iBAAiB,EAAE,mDAAmD;AACtEC,EAAAA,wBAAwB,EAAE,qDAAqD;AAE/EC,EAAAA,eAAe,EAAE,uCAAuC;AACxDC,EAAAA,uBAAuB,EAAE,gDAAgD;AACzEC,EAAAA,gBAAgB,EAAE,wCAAwC;AAE1DC,EAAAA,oBAAoB,EAAE,6CAA6C;AACnEC,EAAAA,mBAAmB,EAAE,4CAA4C;AACjEC,EAAAA,kBAAkB,EAAE,2CAA2C;AAC/DC,EAAAA,oBAAoB,EAAE,6CAA6C;AACnEC,EAAAA,uBAAuB,EAAE,gDAAgD;AACzEC,EAAAA,oBAAoB,EAAE,6CAA6C;AAEnE;AACAC,EAAAA,eAAe,EAAE,uCAAuC;AACxDC,EAAAA,cAAc,EAAE,sCAAsC;AACtDC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,eAAe,EAAE,uCAAuC;AAExD;AACAC,EAAAA,eAAe,EAAE,qCAAqC;AAEtD;AACAC,EAAAA,UAAU,EAAE,iCAAiC;AAC7CC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,OAAO,EAAE,8BAA8B;AACvCC,EAAAA,cAAc,EAAE,qCAAqC;AACrDC,EAAAA,SAAS,EAAE,gCAAgC;AAC3CC,EAAAA,mBAAmB,EAAE,2CAA2C;AAChEC,EAAAA,cAAc,EAAE,sCAAsC;AACtDC,EAAAA,cAAc,EAAE,sCAAsC;AACtDC,EAAAA,sBAAsB,EAAE,8CAA8C;AACtEC,EAAAA,iBAAiB,EAAE,yCAAyC;AAC5DC,EAAAA,2BAA2B,EAAE,oDAAoD;AACjFC,EAAAA,sBAAsB,EAAE,+CAA+C;AACvEC,EAAAA,oBAAoB,EAAE,4CAA4C;AAClEC,EAAAA,eAAe,EAAE,uCAAuC;AACxDC,EAAAA,eAAe,EAAE,uCAAuC;AACxDC,EAAAA,cAAc,EAAE,sCAAsC;AACtDC,EAAAA,kBAAkB,EAAE,2CAA2C;AAC/DC,EAAAA,eAAe,EAAE,uCAAuC;AACxDC,EAAAA,SAAS,EAAE,gCAAgC;AAC3CC,EAAAA,cAAc,EAAE,sCAAsC;AACtDC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,iBAAiB,EAAE,yCAAyC;AAC5DC,EAAAA,eAAe,EAAE,uCAAuC;AACxDC,EAAAA,iBAAiB,EAAE,0CAA0C;AAC7DC,EAAAA,cAAc,EAAE,sCAAsC;AACtDC,EAAAA,YAAY,EAAE,oCAAoC;AAClDC,EAAAA,aAAa,EAAE,qCAAqC;AACpDC,EAAAA,cAAc,EAAE,sCAAsC;AACtDC,EAAAA,iBAAiB,EAAE,yCAAyC;AAC5DC,EAAAA,cAAc,EAAE,sCAAsC;AACtDC,EAAAA,0BAA0B,EAAE,oDAAoD;AAChFC,EAAAA,2BAA2B,EAAE,qDAAqD;AAClFC,EAAAA,mBAAmB,EAAE,2CAA2C;AAEhEC,EAAAA,UAAU,EAAE,gCAAgC;AAE5CC,EAAAA,cAAc,EAAE,qCAAqC;AACrDC,EAAAA,kBAAkB,EAAE,0CAA0C;AAC9DC,EAAAA,kBAAkB,EAAE,0CAA0C;AAC9DC,EAAAA,4BAA4B,EAAE,+CAA+C;AAC7EC,EAAAA,4BAA4B,EAAE,+CAA+C;AAC7EC,EAAAA,iCAAiC,EAAE,qDAAqD;AACxFC,EAAAA,iCAAiC,EAAE,qDAAA;AACvC;;;;;"}
+{"version":3,"file":"TextField.tokens.js","sources":["../../../src/components/TextField/TextField.tokens.ts"],"sourcesContent":["export const classes = {\n    hasChips: 'has-chips',\n    hasValue: 'has-value',\n    hasEmptyContentLeft: 'has-empty-content-left',\n    hasEmptyContentRight: 'has-empty-content-right',\n    innerLabelPlacement: 'label-placement-inner',\n    outerLabelPlacement: 'label-placement-outer',\n    hideLabel: 'hide-label',\n    clear: 'textfield-clear',\n    hasDivider: 'hasDivider',\n    textFieldGroupItem: 'text-field-group-item',\n};\n\nexport const tokens = {\n    color: '--plasma-textfield-color',\n    clearColor: '--plasma-textfield-clear-color',\n\n    backgroundColor: '--plasma-textfield-bg-color',\n    backgroundColorHover: '--plasma-textfield-bg-color-hover',\n    backgroundColorFocus: '--plasma-textfield-bg-color-focus',\n\n    borderColor: '--plasma-textfield-border-color',\n    borderColorHover: '--plasma-textfield-border-color-hover',\n    borderColorFocus: '--plasma-textfield-border-color-focus',\n\n    dividerColor: '--plasma-textfield-divider-color',\n    dividerColorHover: '--plasma-textfield-divider-color-hover',\n    dividerColorFocus: '--plasma-textfield-divider-color-focus',\n\n    /** Цвета для read-only состояния */\n    colorReadOnly: '--plasma-textfield-color-readonly',\n    backgroundColorReadOnly: '--plasma-textfield-bg-color-readonly',\n    borderColorReadOnly: '--plasma-textfield-border-color-readonly',\n    placeholderColorReadOnly: '--plasma-textfield__placeholder-color-readonly',\n    dividerColorReadOnly: '--plasma-textfield-divider-color-readonly',\n\n    /** Цвет каретки */\n    caretColor: '--plasma-textfield__caret-color',\n    placeholderColor: '--plasma-textfield__placeholder-color',\n    clearPlaceholderColor: '--plasma-textfield__clear-placeholder-color',\n    optionalColor: '--plasma-textfield__optional-color',\n\n    height: '--plasma-textfield-height',\n    borderWidth: '--plasma-textfield-border-width',\n    borderRadius: '--plasma-textfield-border-radius',\n\n    /** Отступ от границы ТextField */\n    padding: '--plasma-textfield-padding',\n    paddingWithChips: '--plasma-textfield-padding-with-chips',\n\n    /* Токены для input */\n    leftContentMargin: '--plasma-textfield__left-content-margin',\n    rightContentMargin: '--plasma-textfield__right-content-margin',\n\n    fontFamily: '--plasma-textfield-font-family',\n    fontStyle: '--plasma-textfield-font-style',\n    fontSize: '--plasma-textfield-font-size',\n    fontWeight: '--plasma-textfield-font-weight',\n    letterSpacing: '--plasma-textfield-letter-spacing',\n    lineHeight: '--plasma-textfield-line-height',\n\n    /* Tokens for content slot */\n    contentSlotColor: '--plasma-textfield-content-slot-color',\n    contentSlotColorHover: '--plasma-textfield-content-slot-color-hover',\n    contentSlotColorActive: '--plasma-textfield-content-slot-color-active',\n\n    contentSlotRightColor: '--plasma-textfield-content-right-slot-color',\n    contentSlotRightColorHover: '--plasma-textfield-content-right-slot-color-hover',\n    contentSlotRightColorActive: '--plasma-textfield-content-right-slot-color-active',\n\n    /** Токены лейбла */\n    labelColor: '--plasma-textfield__label-color',\n    labelColorReadOnly: '--plasma-textfield__label-color-readonly',\n    labelOffset: '--plasma-textfield__label-offset',\n    clearLabelOffset: '--plasma-textfield__clear-label-offset',\n\n    labelFontFamily: '--plasma-textfield__label-font-family',\n    labelFontStyle: '--plasma-textfield__label-font-style',\n    labelFontSize: '--plasma-textfield__label-font-size',\n    labelFontWeight: '--plasma-textfield__label-font-weight',\n    labelLetterSpacing: '--plasma-textfield__label-letter-spacing',\n    labelLineHeight: '--plasma-textfield__label-line-height',\n\n    /* label-placement-inner */\n    labelInnerFontFamily: '--plasma-textfield-placement_inner__label-font-family',\n    labelInnerFontStyle: '--plasma-textfield-placement_inner__label-font-style',\n    labelInnerFontSize: '--plasma-textfield-placement_inner__label-font-size',\n    labelInnerFontWeight: '--plasma-textfield-placement_inner__label-font-weight',\n    labelInnerLetterSpacing: '--plasma-textfield-placement_inner__label-letter-spacing',\n    labelInnerLineHeight: '--plasma-textfield-placement_inner__label-line-height',\n\n    labelInnerPadding: '--plasma-textfield-placement_inner__label-padding',\n    contentLabelInnerPadding: '--plasma-textfield-placement_inner__content-padding',\n\n    leftHelperColor: '--plasma-textfield__left-helper-color',\n    leftHelperColorReadOnly: '--plasma-textfield__left-helper-color-readonly',\n    leftHelperOffset: '--plasma-textfield__left-helper-offset',\n\n    leftHelperFontFamily: '--plasma-textfield__left-helper-font-family',\n    leftHelperFontStyle: '--plasma-textfield__left-helper-font-style',\n    leftHelperFontSize: '--plasma-textfield__left-helper-font-size',\n    leftHelperFontWeight: '--plasma-textfield__left-helper-font-weight',\n    leftHelperLetterSpacing: '--plasma-textfield__left-helper-letter-spacing',\n    leftHelperLineHeight: '--plasma-textfield__left-helper-line-height',\n\n    /** Токены вспомогательного текста */\n    textBeforeColor: '--plasma-textfield__before-text-color',\n    textAfterColor: '--plasma-textfield__after-text-color',\n    textBeforeMargin: '--plasma-textfield__before-text-margin',\n    textAfterMargin: '--plasma-textfield__after-text-margin',\n\n    /** Прозрачность для всего компонента в состоянии disabled */\n    disabledOpacity: '--plasma-textfield-disabled-opacity',\n\n    /** Токены чипа */\n    chipHeight: '--plasma-textfield__chip-height',\n    chipBorderRadius: '--plasma-textfield__chip-border-radius',\n    chipGap: '--plasma-textfield__chip-gap',\n    chipBackground: '--plasma-textfield__chip-background',\n    chipColor: '--plasma-textfield__chip-color',\n    chipBackgroundHover: '--plasma-textfield__chip-background-hover',\n    chipColorHover: '--plasma-textfield__chip-color-hover',\n    chipScaleHover: '--plasma-textfield__chip-scale-hover',\n    chipBackgroundReadOnly: '--plasma-textfield__chip-background-readonly',\n    chipColorReadOnly: '--plasma-textfield__chip-color-readonly',\n    chipBackgroundReadOnlyHover: '--plasma-textfield__chip-background-readonly-hover',\n    chipColorReadOnlyHover: '--plasma-textfield__chip-color-readonly-hover',\n    chipBackgroundActive: '--plasma-textfield__chip-background-active',\n    chipColorActive: '--plasma-textfield__chip-color-active',\n    chipScaleActive: '--plasma-textfield__chip-scale-active',\n    chipFocusColor: '--plasma-textfield__chip-focus-color',\n    chipCloseIconColor: '--plasma-textfield__chip-close-icon-color',\n    chipOutlineSize: '--plasma-textfield__chip-outline-size',\n    chipWidth: '--plasma-textfield__chip-width',\n    chipPaddingTop: '--plasma-textfield__chip-padding-top',\n    chipPaddingRight: '--plasma-textfield__chip-padding-right',\n    chipPaddingBottom: '--plasma-textfield__chip-padding-bottom',\n    chipPaddingLeft: '--plasma-textfield__chip-padding-left',\n    chipCloseIconSize: '--plasma-textfield__chip-close-icon-size',\n    chipFontFamily: '--plasma-textfield__chip-font-family',\n    chipFontSize: '--plasma-textfield__chip-font-size',\n    chipFontStyle: '--plasma-textfield__chip-font-style',\n    chipFontWeight: '--plasma-textfield__chip-font-weight',\n    chipLetterSpacing: '--plasma-textfield__chip-letter-spacing',\n    chipLineHeight: '--plasma-textfield__chip-line-height',\n    chipClearContentMarginLeft: '--plasma-textfield__chip-clear-content-margin-left',\n    chipClearContentMarginRight: '--plasma-textfield__chip-clear-content-margin-right',\n    chipOpacityReadonly: '--plasma-textfield__chip-opacity-readonly',\n\n    focusColor: '--plasma-textfield-focus-color',\n\n    indicatorColor: '--plasma-textfield__indicator-color',\n    indicatorSizeInner: '--plasma-textfield__indicator-size-inner',\n    indicatorSizeOuter: '--plasma-textfield__indicator-size-outer',\n    indicatorLabelPlacementInner: '--plasma-textfield__indicator-placement-inner',\n    indicatorLabelPlacementOuter: '--plasma-textfield__indicator-placement-outer',\n    indicatorLabelPlacementInnerRight: '--plasma-textfield__indicator-placement-inner-right',\n    indicatorLabelPlacementOuterRight: '--plasma-textfield__indicator-placement-outer-right',\n};\n"],"names":["classes","hasChips","hasValue","hasEmptyContentLeft","hasEmptyContentRight","innerLabelPlacement","outerLabelPlacement","hideLabel","clear","hasDivider","textFieldGroupItem","tokens","color","clearColor","backgroundColor","backgroundColorHover","backgroundColorFocus","borderColor","borderColorHover","borderColorFocus","dividerColor","dividerColorHover","dividerColorFocus","colorReadOnly","backgroundColorReadOnly","borderColorReadOnly","placeholderColorReadOnly","dividerColorReadOnly","caretColor","placeholderColor","clearPlaceholderColor","optionalColor","height","borderWidth","borderRadius","padding","paddingWithChips","leftContentMargin","rightContentMargin","fontFamily","fontStyle","fontSize","fontWeight","letterSpacing","lineHeight","contentSlotColor","contentSlotColorHover","contentSlotColorActive","contentSlotRightColor","contentSlotRightColorHover","contentSlotRightColorActive","labelColor","labelColorReadOnly","labelOffset","clearLabelOffset","labelFontFamily","labelFontStyle","labelFontSize","labelFontWeight","labelLetterSpacing","labelLineHeight","labelInnerFontFamily","labelInnerFontStyle","labelInnerFontSize","labelInnerFontWeight","labelInnerLetterSpacing","labelInnerLineHeight","labelInnerPadding","contentLabelInnerPadding","leftHelperColor","leftHelperColorReadOnly","leftHelperOffset","leftHelperFontFamily","leftHelperFontStyle","leftHelperFontSize","leftHelperFontWeight","leftHelperLetterSpacing","leftHelperLineHeight","textBeforeColor","textAfterColor","textBeforeMargin","textAfterMargin","disabledOpacity","chipHeight","chipBorderRadius","chipGap","chipBackground","chipColor","chipBackgroundHover","chipColorHover","chipScaleHover","chipBackgroundReadOnly","chipColorReadOnly","chipBackgroundReadOnlyHover","chipColorReadOnlyHover","chipBackgroundActive","chipColorActive","chipScaleActive","chipFocusColor","chipCloseIconColor","chipOutlineSize","chipWidth","chipPaddingTop","chipPaddingRight","chipPaddingBottom","chipPaddingLeft","chipCloseIconSize","chipFontFamily","chipFontSize","chipFontStyle","chipFontWeight","chipLetterSpacing","chipLineHeight","chipClearContentMarginLeft","chipClearContentMarginRight","chipOpacityReadonly","focusColor","indicatorColor","indicatorSizeInner","indicatorSizeOuter","indicatorLabelPlacementInner","indicatorLabelPlacementOuter","indicatorLabelPlacementInnerRight","indicatorLabelPlacementOuterRight"],"mappings":"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"}

package/cjs/components/TextField/variations/_clear/base.js

@@ -0,0 +1,9 @@
+import './base_1v36fe3.css';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var base = "bg547ku";
+
+exports.base = base;
+//# sourceMappingURL=base.js.map

package/cjs/components/TextField/variations/_clear/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_clear/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../TextField.tokens';\nimport {\n    Input,\n    InputPlaceholder,\n    InputWrapper,\n    Label,\n    StyledContentLeft,\n    StyledContentRight,\n} from '../../TextField.styles';\n\nexport const base = css`\n    &.${classes.clear} {\n        &[readonly] ${InputWrapper}, ${InputWrapper} {\n            background-color: unset;\n            box-shadow: none;\n            border-radius: 0;\n            padding-left: 0;\n            padding-right: 0;\n\n            &:hover {\n                background-color: unset;\n            }\n        }\n\n        ${StyledContentLeft} {\n            margin-left: 0;\n        }\n\n        ${StyledContentRight} {\n            margin-right: 0;\n        }\n\n        ${InputPlaceholder} {\n            color: var(${tokens.clearPlaceholderColor});\n        }\n\n        &.${classes.outerLabelPlacement} {\n            ${Label} {\n                margin-bottom: var(${tokens.clearLabelOffset});\n            }\n        }\n\n        ${Input} {\n            color: var(${tokens.clearColor});\n        }\n\n        &.${classes.hasDivider} {\n            ${InputWrapper} {\n                --plasma_private-textfield-divider-color: var(${String(tokens.dividerColor)});\n\n                &:before {\n                    content: '';\n                    position: absolute;\n                    height: 0.063rem;\n                    width: 100%;\n                    bottom: 0;\n                    left: 0;\n                    background-color: var(--plasma_private-textfield-divider-color);\n                    transition: background-color 0.1s ease-in;\n                }\n            }\n\n            &:not([readonly]) ${InputWrapper}:hover {\n                --plasma_private-textfield-divider-color: var(\n                    ${tokens.dividerColorHover},\n                    var(${String(tokens.dividerColor)})\n                );\n            }\n\n            &:not([readonly]) ${InputWrapper}:focus-within {\n                --plasma_private-textfield-divider-color: var(\n                    ${tokens.dividerColorFocus},\n                    var(${String(tokens.dividerColor)})\n                );\n            }\n        }\n    }\n`;\n"],"names":["base"],"mappings":";;;;AAYO,IAAMA,IAAI,GAmEhB;;;;"}

package/cjs/components/TextField/variations/_clear/base_1v36fe3.css

@@ -0,0 +1 @@
+.bg547ku.textfield-clear[readonly] .iq39zt5,.bg547ku.textfield-clear .iq39zt5{background-color:unset;box-shadow:none;border-radius:0;padding-left:0;padding-right:0;}.bg547ku.textfield-clear[readonly] .iq39zt5:hover,.bg547ku.textfield-clear .iq39zt5:hover{background-color:unset;}.bg547ku.textfield-clear .s600610{margin-left:0;}.bg547ku.textfield-clear .suk2zst{margin-right:0;}.bg547ku.textfield-clear .i19ry60d{color:var(--plasma-textfield__clear-placeholder-color);}.bg547ku.textfield-clear.label-placement-outer .lbt1ohz{margin-bottom:var(--plasma-textfield__clear-label-offset);}.bg547ku.textfield-clear .io4bpie{color:var(--plasma-textfield-clear-color);}.bg547ku.textfield-clear.hasDivider .iq39zt5{--plasma_private-textfield-divider-color:var(--plasma-textfield-divider-color);}.bg547ku.textfield-clear.hasDivider .iq39zt5: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;}.bg547ku.textfield-clear.hasDivider:not([readonly]) .iq39zt5:hover{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-hover, var(--plasma-textfield-divider-color) );}.bg547ku.textfield-clear.hasDivider:not([readonly]) .iq39zt5:focus-within{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-focus, var(--plasma-textfield-divider-color) );}

package/cjs/components/TextField/variations/_disabled/base.js

@@ -1,4 +1,4 @@
-import './base_1tnjoy9.css';
+import './base_2tv0nz.css';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/components/TextField/variations/_disabled/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_disabled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../TextField.tokens';\nimport { Input } from '../../TextField.styles';\n\nexport const base = css`\n    &[disabled] {\n        opacity: var(${tokens.disabledOpacity});\n        cursor: not-allowed;\n\n        ${Input} {\n            cursor: not-allowed;\n            min-width: unset;\n        }\n    }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GAUhB;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_disabled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../TextField.tokens';\nimport { Input } from '../../TextField.styles';\n\nexport const base = css`\n    &[disabled] {\n        pointer-events: none;\n        opacity: var(${tokens.disabledOpacity});\n        cursor: not-allowed;\n\n        ${Input} {\n            cursor: not-allowed;\n            min-width: unset;\n        }\n    }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GAWhB;;;;"}

package/cjs/components/TextField/variations/_disabled/base_2tv0nz.css

@@ -0,0 +1 @@
+.b15zsg4z[disabled]{pointer-events:none;opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.b15zsg4z[disabled] .io4bpie{cursor:not-allowed;min-width:unset;}

package/cjs/components/TextField/variations/_label-placement/base.js

@@ -1,4 +1,4 @@
-import './base_6k17xp.css';
+import './base_1ghihns.css';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/components/TextField/variations/_label-placement/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_label-placement/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../TextField.tokens';\nimport { Input, InputContainer, Label, StyledTextAfter, StyledTextBefore } from '../../TextField.styles';\n\nexport const base = css`\n    &.${classes.outerLabelPlacement} {\n        ${Label} {\n            position: relative;\n            display: inline-block;\n            margin-bottom: var(${tokens.labelOffset});\n            color: var(${tokens.labelColor});\n        }\n    }\n\n    &.${classes.innerLabelPlacement} {\n        ${InputContainer} {\n            padding: var(${tokens.contentLabelInnerPadding});\n        }\n\n        ${StyledTextAfter}, ${StyledTextBefore} {\n            padding: var(${tokens.contentLabelInnerPadding});\n        }\n\n        /* поднимает label вверх при фокусе, наличии значения */\n        ${Input}:focus ~ ${Label}, ${Input}.${classes.hasValue} ~ ${Label} {\n            align-items: flex-start;\n            padding: var(${tokens.labelInnerPadding});\n\n            font-family: var(${tokens.labelInnerFontFamily});\n            font-size: var(${tokens.labelInnerFontSize});\n            font-style: var(${tokens.labelInnerFontStyle});\n            font-weight: var(${tokens.labelInnerFontWeight});\n            letter-spacing: var(${tokens.labelInnerLetterSpacing});\n            line-height: var(${tokens.labelInnerLineHeight});\n        }\n\n        ${Label} {\n            color: var(${tokens.placeholderColor});\n\n            pointer-events: none;\n            position: absolute;\n            top: 0;\n\n            display: flex;\n            align-items: center;\n\n            box-sizing: border-box;\n\n            height: var(${tokens.height});\n\n            padding-top: calc(calc(var(${tokens.height}) - var(${tokens.labelLineHeight})) / 2);\n            padding-bottom: calc(calc(var(${tokens.height}) - var(${tokens.labelLineHeight})) / 2);\n        }\n    }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GAkDhB;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_label-placement/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../TextField.tokens';\nimport { Input, InputContainer, Label, StyledTextAfter, StyledTextBefore } from '../../TextField.styles';\n\nexport const base = css`\n    &.${classes.outerLabelPlacement} {\n        ${Label} {\n            position: relative;\n            display: inline-block;\n            margin-bottom: var(${tokens.labelOffset});\n            color: var(${tokens.labelColor});\n        }\n    }\n\n    &.${classes.innerLabelPlacement} {\n        ${InputContainer} {\n            padding: var(${tokens.contentLabelInnerPadding});\n        }\n\n        ${StyledTextAfter}, ${StyledTextBefore} {\n            padding: var(${tokens.contentLabelInnerPadding});\n        }\n\n        /* поднимает label вверх при фокусе, наличии значения */\n        ${Input}:focus ~ ${Label}, ${Input}.${classes.hasValue} ~ ${Label} {\n            color: var(${tokens.placeholderColor});\n            align-items: flex-start;\n            padding: var(${tokens.labelInnerPadding});\n\n            font-family: var(${tokens.labelInnerFontFamily});\n            font-size: var(${tokens.labelInnerFontSize});\n            font-style: var(${tokens.labelInnerFontStyle});\n            font-weight: var(${tokens.labelInnerFontWeight});\n            letter-spacing: var(${tokens.labelInnerLetterSpacing});\n            line-height: var(${tokens.labelInnerLineHeight});\n        }\n\n        ${Label} {\n            color: var(${tokens.placeholderColor});\n\n            pointer-events: none;\n            position: absolute;\n            top: 0;\n\n            display: flex;\n            align-items: center;\n\n            box-sizing: border-box;\n\n            height: var(${tokens.height});\n\n            padding-top: calc(calc(var(${tokens.height}) - var(${tokens.labelLineHeight})) / 2);\n            padding-bottom: calc(calc(var(${tokens.height}) - var(${tokens.labelLineHeight})) / 2);\n        }\n\n        &.${classes.clear} ${Label} {\n            color: var(${tokens.clearPlaceholderColor});\n        }\n    }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GAuDhB;;;;"}

package/cjs/components/TextField/variations/_label-placement/base_1ghihns.css

@@ -0,0 +1 @@
+.b15d3bnf.label-placement-outer .lbt1ohz{position:relative;display:inline-block;margin-bottom:var(--plasma-textfield__label-offset);color:var(--plasma-textfield__label-color);}.b15d3bnf.label-placement-inner .i13qvwoy{padding:var(--plasma-textfield-placement_inner__content-padding);}.b15d3bnf.label-placement-inner .s190z894,.b15d3bnf.label-placement-inner .ssv2kwg{padding:var(--plasma-textfield-placement_inner__content-padding);}.b15d3bnf.label-placement-inner .io4bpie:focus ~ .lbt1ohz,.b15d3bnf.label-placement-inner .io4bpie.has-value ~ .lbt1ohz{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);}.b15d3bnf.label-placement-inner .lbt1ohz{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:var(--plasma-textfield-height);padding-top:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);padding-bottom:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);}.b15d3bnf.label-placement-inner.textfield-clear .lbt1ohz{color:var(--plasma-textfield__clear-placeholder-color);}

package/cjs/components/TextField/variations/_read-only/base.js

@@ -1,4 +1,4 @@
-import './base_8onybn.css';
+import './base_kcc8wi.css';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/components/TextField/variations/_read-only/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_read-only/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../TextField.tokens';\nimport { Input, InputPlaceholder, InputWrapper, Label, LeftHelper } from '../../TextField.styles';\n\nexport const base = css`\n    &[readonly] {\n        ${InputWrapper} {\n            color: var(${tokens.colorReadOnly});\n            background-color: var(${String(tokens.backgroundColorReadOnly)});\n            box-shadow: inset 0 0 0 var(${String(tokens.borderWidth)}) var(${String(tokens.borderColorReadOnly)});\n        }\n\n        ${InputWrapper}:hover {\n            background-color: var(${tokens.backgroundColorReadOnly});\n        }\n\n        ${InputPlaceholder} {\n            color: var(${tokens.placeholderColorReadOnly});\n        }\n\n        ${Input} {\n            color: var(${tokens.colorReadOnly});\n            cursor: default;\n            min-width: unset;\n        }\n\n        ${LeftHelper} {\n            color: var(${tokens.leftHelperColorReadOnly});\n        }\n\n        ${Label} {\n            color: var(${tokens.labelColorReadOnly});\n        }\n    }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GA8BhB;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_read-only/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../TextField.tokens';\nimport { Input, InputPlaceholder, InputWrapper, Label, LeftHelper } from '../../TextField.styles';\n\nexport const base = css`\n    &[readonly] {\n        ${InputWrapper} {\n            color: var(${tokens.colorReadOnly});\n            background-color: var(${String(tokens.backgroundColorReadOnly)});\n            box-shadow: inset 0 0 0 var(${String(tokens.borderWidth)}) var(${String(tokens.borderColorReadOnly)});\n        }\n\n        &.${classes.hasDivider} ${InputWrapper} {\n            &:before {\n                background-color: var(${String(tokens.dividerColorReadOnly)});\n            }\n        }\n\n        ${InputWrapper}:hover {\n            background-color: var(${tokens.backgroundColorReadOnly});\n        }\n\n        ${InputPlaceholder} {\n            color: var(${tokens.placeholderColorReadOnly});\n        }\n\n        ${Input} {\n            color: var(${tokens.colorReadOnly});\n            cursor: default;\n            min-width: unset;\n        }\n\n        ${LeftHelper} {\n            color: var(${tokens.leftHelperColorReadOnly});\n        }\n\n        &.${classes.outerLabelPlacement} ${Label} {\n            color: var(${tokens.labelColorReadOnly});\n        }\n    }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GAoChB;;;;"}

package/cjs/components/TextField/variations/_read-only/base_kcc8wi.css

@@ -0,0 +1 @@
+.b1w985rt[readonly] .iq39zt5{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.b1w985rt[readonly].hasDivider .iq39zt5:before{background-color:var(--plasma-textfield-divider-color-readonly);}.b1w985rt[readonly] .iq39zt5:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.b1w985rt[readonly] .i19ry60d{color:var(--plasma-textfield__placeholder-color-readonly);}.b1w985rt[readonly] .io4bpie{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.b1w985rt[readonly] .l1gjsnfi{color:var(--plasma-textfield__left-helper-color-readonly);}.b1w985rt[readonly].label-placement-outer .lbt1ohz{color:var(--plasma-textfield__label-color-readonly);}

package/cjs/index.css

@@ -126,27 +126,29 @@
 
 .base_1ph5cr0_bptx5xt__dc105684 .base_1ph5cr0_iq39zt5__dc105684{--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);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_1ph5cr0_bptx5xt__dc105684 .base_1ph5cr0_iq39zt5__dc105684: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_1ph5cr0_bptx5xt__dc105684 .base_1ph5cr0_iq39zt5__dc105684: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_1ph5cr0_bptx5xt__dc105684 .base_1ph5cr0_i19ry60d__dc105684{color:var(--plasma-textfield__placeholder-color);}.base_1ph5cr0_bptx5xt__dc105684 .base_1ph5cr0_io4bpie__dc105684{color:var(--plasma-textfield-color);}.base_1ph5cr0_bptx5xt__dc105684 .base_1ph5cr0_l1gjsnfi__dc105684{color:var(--plasma-textfield__left-helper-color);}.base_1ph5cr0_bptx5xt__dc105684 .base_1ph5cr0_ssv2kwg__dc105684{color:var(--plasma-textfield__before-text-color);}.base_1ph5cr0_bptx5xt__dc105684 .base_1ph5cr0_s190z894__dc105684{color:var(--plasma-textfield__after-text-color);}
 
-.base_1tnjoy9_b15zsg4z__de8f837b[disabled]{opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_1tnjoy9_b15zsg4z__de8f837b[disabled] .base_1tnjoy9_io4bpie__de8f837b{cursor:not-allowed;min-width:unset;}
+.base_1v36fe3_bg547ku__73112de1.base_1v36fe3_textfieldClear__73112de1[readonly] .base_1v36fe3_iq39zt5__73112de1,.base_1v36fe3_bg547ku__73112de1.base_1v36fe3_textfieldClear__73112de1 .base_1v36fe3_iq39zt5__73112de1{background-color:unset;box-shadow:none;border-radius:0;padding-left:0;padding-right:0;}.base_1v36fe3_bg547ku__73112de1.base_1v36fe3_textfieldClear__73112de1[readonly] .base_1v36fe3_iq39zt5__73112de1:hover,.base_1v36fe3_bg547ku__73112de1.base_1v36fe3_textfieldClear__73112de1 .base_1v36fe3_iq39zt5__73112de1:hover{background-color:unset;}.base_1v36fe3_bg547ku__73112de1.base_1v36fe3_textfieldClear__73112de1 .base_1v36fe3_s600610__73112de1{margin-left:0;}.base_1v36fe3_bg547ku__73112de1.base_1v36fe3_textfieldClear__73112de1 .base_1v36fe3_suk2zst__73112de1{margin-right:0;}.base_1v36fe3_bg547ku__73112de1.base_1v36fe3_textfieldClear__73112de1 .base_1v36fe3_i19ry60d__73112de1{color:var(--plasma-textfield__clear-placeholder-color);}.base_1v36fe3_bg547ku__73112de1.base_1v36fe3_textfieldClear__73112de1.base_1v36fe3_labelPlacementOuter__73112de1 .base_1v36fe3_lbt1ohz__73112de1{margin-bottom:var(--plasma-textfield__clear-label-offset);}.base_1v36fe3_bg547ku__73112de1.base_1v36fe3_textfieldClear__73112de1 .base_1v36fe3_io4bpie__73112de1{color:var(--plasma-textfield-clear-color);}.base_1v36fe3_bg547ku__73112de1.base_1v36fe3_textfieldClear__73112de1.base_1v36fe3_hasDivider__73112de1 .base_1v36fe3_iq39zt5__73112de1{--plasma_private-textfield-divider-color:var(--plasma-textfield-divider-color);}.base_1v36fe3_bg547ku__73112de1.base_1v36fe3_textfieldClear__73112de1.base_1v36fe3_hasDivider__73112de1 .base_1v36fe3_iq39zt5__73112de1: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_1v36fe3_bg547ku__73112de1.base_1v36fe3_textfieldClear__73112de1.base_1v36fe3_hasDivider__73112de1:not([readonly]) .base_1v36fe3_iq39zt5__73112de1:hover{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-hover, var(--plasma-textfield-divider-color) );}.base_1v36fe3_bg547ku__73112de1.base_1v36fe3_textfieldClear__73112de1.base_1v36fe3_hasDivider__73112de1:not([readonly]) .base_1v36fe3_iq39zt5__73112de1:focus-within{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-focus, var(--plasma-textfield-divider-color) );}
 
-.base_8onybn_b1w985rt__90d753aa[readonly] .base_8onybn_iq39zt5__90d753aa{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_8onybn_b1w985rt__90d753aa[readonly] .base_8onybn_iq39zt5__90d753aa:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_8onybn_b1w985rt__90d753aa[readonly] .base_8onybn_i19ry60d__90d753aa{color:var(--plasma-textfield__placeholder-color-readonly);}.base_8onybn_b1w985rt__90d753aa[readonly] .base_8onybn_io4bpie__90d753aa{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_8onybn_b1w985rt__90d753aa[readonly] .base_8onybn_l1gjsnfi__90d753aa{color:var(--plasma-textfield__left-helper-color-readonly);}.base_8onybn_b1w985rt__90d753aa[readonly] .base_8onybn_lbt1ohz__90d753aa{color:var(--plasma-textfield__label-color-readonly);}
+.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_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementOuter__2804036a .base_6k17xp_lbt1ohz__2804036a{position:relative;display:inline-block;margin-bottom:var(--plasma-textfield__label-offset);color:var(--plasma-textfield__label-color);}.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_i13qvwoy__2804036a{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_s190z894__2804036a,.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_ssv2kwg__2804036a{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_io4bpie__2804036a:focus ~ .base_6k17xp_lbt1ohz__2804036a,.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_io4bpie__2804036a.base_6k17xp_hasValue__2804036a ~ .base_6k17xp_lbt1ohz__2804036a{-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_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_lbt1ohz__2804036a{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:var(--plasma-textfield-height);padding-top:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);padding-bottom:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);}
+.base_kcc8wi_b1w985rt__2a60edf5[readonly] .base_kcc8wi_iq39zt5__2a60edf5{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_kcc8wi_b1w985rt__2a60edf5[readonly].base_kcc8wi_hasDivider__2a60edf5 .base_kcc8wi_iq39zt5__2a60edf5:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_kcc8wi_b1w985rt__2a60edf5[readonly] .base_kcc8wi_iq39zt5__2a60edf5:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_kcc8wi_b1w985rt__2a60edf5[readonly] .base_kcc8wi_i19ry60d__2a60edf5{color:var(--plasma-textfield__placeholder-color-readonly);}.base_kcc8wi_b1w985rt__2a60edf5[readonly] .base_kcc8wi_io4bpie__2a60edf5{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_kcc8wi_b1w985rt__2a60edf5[readonly] .base_kcc8wi_l1gjsnfi__2a60edf5{color:var(--plasma-textfield__left-helper-color-readonly);}.base_kcc8wi_b1w985rt__2a60edf5[readonly].base_kcc8wi_labelPlacementOuter__2a60edf5 .base_kcc8wi_lbt1ohz__2a60edf5{color:var(--plasma-textfield__label-color-readonly);}
 
-.TextField_styles_uponva_iq39zt5__bdbe6f89{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_uponva_i1j28rg8__bdbe6f89{-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_uponva_i1j28rg8__bdbe6f89::-webkit-scrollbar{display:none;}.TextField_styles_uponva_i1j28rg8__bdbe6f89.TextField_styles_uponva_hasChips__bdbe6f89{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
-.TextField_styles_uponva_s13zudoe__bdbe6f89{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
-.TextField_styles_uponva_io4bpie__bdbe6f89{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_uponva_io4bpie__bdbe6f89::-webkit-input-placeholder{opacity:0;}.TextField_styles_uponva_io4bpie__bdbe6f89::-moz-placeholder{opacity:0;}.TextField_styles_uponva_io4bpie__bdbe6f89:-ms-input-placeholder{opacity:0;}.TextField_styles_uponva_io4bpie__bdbe6f89::placeholder{opacity:0;}
-.TextField_styles_uponva_i13qvwoy__bdbe6f89{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
-.TextField_styles_uponva_i19ry60d__bdbe6f89{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);}
-.TextField_styles_uponva_lbt1ohz__bdbe6f89{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
-.TextField_styles_uponva_slv9av6__bdbe6f89{color:var(--plasma-textfield-content-slot-color);line-height:0;}
-.TextField_styles_uponva_s600610__bdbe6f89.TextField_styles_uponva_slv9av6__bdbe6f89{margin:var(--plasma-textfield__left-content-margin);}
-.TextField_styles_uponva_suk2zst__bdbe6f89.TextField_styles_uponva_slv9av6__bdbe6f89{margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_uponva_suk2zst__bdbe6f89.TextField_styles_uponva_slv9av6__bdbe6f89:hover{color:var(--plasma-textfield-content-slot-color-hover);color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_uponva_suk2zst__bdbe6f89.TextField_styles_uponva_slv9av6__bdbe6f89:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
+.base_1ghihns_b15d3bnf__7775bbdc.base_1ghihns_labelPlacementOuter__7775bbdc .base_1ghihns_lbt1ohz__7775bbdc{position:relative;display:inline-block;margin-bottom:var(--plasma-textfield__label-offset);color:var(--plasma-textfield__label-color);}.base_1ghihns_b15d3bnf__7775bbdc.base_1ghihns_labelPlacementInner__7775bbdc .base_1ghihns_i13qvwoy__7775bbdc{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_1ghihns_b15d3bnf__7775bbdc.base_1ghihns_labelPlacementInner__7775bbdc .base_1ghihns_s190z894__7775bbdc,.base_1ghihns_b15d3bnf__7775bbdc.base_1ghihns_labelPlacementInner__7775bbdc .base_1ghihns_ssv2kwg__7775bbdc{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_1ghihns_b15d3bnf__7775bbdc.base_1ghihns_labelPlacementInner__7775bbdc .base_1ghihns_io4bpie__7775bbdc:focus ~ .base_1ghihns_lbt1ohz__7775bbdc,.base_1ghihns_b15d3bnf__7775bbdc.base_1ghihns_labelPlacementInner__7775bbdc .base_1ghihns_io4bpie__7775bbdc.base_1ghihns_hasValue__7775bbdc ~ .base_1ghihns_lbt1ohz__7775bbdc{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_1ghihns_b15d3bnf__7775bbdc.base_1ghihns_labelPlacementInner__7775bbdc .base_1ghihns_lbt1ohz__7775bbdc{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:var(--plasma-textfield-height);padding-top:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);padding-bottom:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);}.base_1ghihns_b15d3bnf__7775bbdc.base_1ghihns_labelPlacementInner__7775bbdc.base_1ghihns_textfieldClear__7775bbdc .base_1ghihns_lbt1ohz__7775bbdc{color:var(--plasma-textfield__clear-placeholder-color);}
 
+.TextField_styles_1d2ryq_iq39zt5__7c8f1496{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_1d2ryq_i1j28rg8__7c8f1496{-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_1d2ryq_i1j28rg8__7c8f1496::-webkit-scrollbar{display:none;}.TextField_styles_1d2ryq_i1j28rg8__7c8f1496.TextField_styles_1d2ryq_hasChips__7c8f1496{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
+.TextField_styles_1d2ryq_s13zudoe__7c8f1496{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
+.TextField_styles_1d2ryq_io4bpie__7c8f1496{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_1d2ryq_io4bpie__7c8f1496::-webkit-input-placeholder{opacity:0;}.TextField_styles_1d2ryq_io4bpie__7c8f1496::-moz-placeholder{opacity:0;}.TextField_styles_1d2ryq_io4bpie__7c8f1496:-ms-input-placeholder{opacity:0;}.TextField_styles_1d2ryq_io4bpie__7c8f1496::placeholder{opacity:0;}
+.TextField_styles_1d2ryq_i13qvwoy__7c8f1496{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
+.TextField_styles_1d2ryq_i19ry60d__7c8f1496{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);}
+.TextField_styles_1d2ryq_lbt1ohz__7c8f1496{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
+.TextField_styles_1d2ryq_slv9av6__7c8f1496{color:var(--slv9av6-0);line-height:0;}
+.TextField_styles_1d2ryq_s600610__7c8f1496.TextField_styles_1d2ryq_slv9av6__7c8f1496{margin:var(--plasma-textfield__left-content-margin);}
+.TextField_styles_1d2ryq_suk2zst__7c8f1496{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_1d2ryq_suk2zst__7c8f1496:hover{color:var(--plasma-textfield-content-slot-color-hover);color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_1d2ryq_suk2zst__7c8f1496:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
 
 
-.TextField_styles_uponva_sb3k3v1__bdbe6f89{color:var(--plasma-textfield__optional-color);}
-.TextField_styles_uponva_s7hnwwb__bdbe6f89{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_uponva_s7hnwwb__bdbe6f89.TextField_styles_uponva_labelPlacementOuter__bdbe6f89{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_uponva_s7hnwwb__bdbe6f89.TextField_styles_uponva_labelPlacementOuter__bdbe6f89.TextField_styles_uponva_alignRight__bdbe6f89{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_uponva_s7hnwwb__bdbe6f89.TextField_styles_uponva_labelPlacementInner__bdbe6f89{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_uponva_s7hnwwb__bdbe6f89.TextField_styles_uponva_labelPlacementInner__bdbe6f89.TextField_styles_uponva_alignRight__bdbe6f89{inset:var(--plasma-textfield__indicator-placement-inner-right);}
+
+.TextField_styles_1d2ryq_sb3k3v1__7c8f1496{color:var(--plasma-textfield__optional-color);}
+.TextField_styles_1d2ryq_s7hnwwb__7c8f1496{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_1d2ryq_s7hnwwb__7c8f1496.TextField_styles_1d2ryq_labelPlacementOuter__7c8f1496{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_1d2ryq_s7hnwwb__7c8f1496.TextField_styles_1d2ryq_labelPlacementOuter__7c8f1496.TextField_styles_1d2ryq_alignRight__7c8f1496{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_1d2ryq_s7hnwwb__7c8f1496.TextField_styles_1d2ryq_labelPlacementInner__7c8f1496{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_1d2ryq_s7hnwwb__7c8f1496.TextField_styles_1d2ryq_labelPlacementInner__7c8f1496.TextField_styles_1d2ryq_alignRight__7c8f1496{inset:var(--plasma-textfield__indicator-placement-inner-right);}
 
 .TextFieldChip_styles_1y8n7la_s32p7ut__8f291676{--plasma-chip-color:var(--plasma-textfield__chip-color);--plasma-chip-background:var(--plasma-textfield__chip-background);--plasma-chip-color-hover:var(--plasma-textfield__chip-color-hover);--plasma-chip-background-hover:var(--plasma-textfield__chip-background-hover);--plasma-chip-color-active:var(--plasma-textfield__chip-color-active);--plasma-chip-background-active:var(--plasma-textfield__chip-background-active);--plasma-chip-background-readonly:var(--plasma-textfield__chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-textfield__chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-textfield__chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-textfield__chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-textfield__chip-border-radius);--plasma-chip-width:var(--plasma-textfield__chip-width);--plasma-chip-height:var(--plasma-textfield__chip-height);--plasma-chip-padding-right:var(--plasma-textfield__chip-padding-right);--plasma-chip-padding-left:var(--plasma-textfield__chip-padding-left);--plasma-chip-font-family:var(--plasma-textfield__chip-font-family);--plasma-chip-font-size:var(--plasma-textfield__chip-font-size);--plasma-chip-font-style:var(--plasma-textfield__chip-font-style);--plasma-chip-font-weight:var(--plasma-textfield__chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-textfield__chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-textfield__chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-textfield__chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-textfield__chip-clear-content-margin-right);--plasma-chip-scale-hover:var(--plasma-textfield__chip-scale-hover);--plasma-chip-scale-active:var(--plasma-textfield__chip-scale-active);--plasma-chip-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-textfield-focus-color);-webkit-scroll-snap-align:center;-moz-scroll-snap-align:center;-ms-scroll-snap-align:center;scroll-snap-align:center;-webkit-scroll-snap-stop:normal;-moz-scroll-snap-stop:normal;-ms-scroll-snap-stop:normal;scroll-snap-stop:normal;position:relative;}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676.TextFieldChip_styles_1y8n7la_focusVisible__8f291676:focus::before,.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
 
@@ -317,12 +319,11 @@
 
 .DropdownHeader_styles_196gwgm_s133b1g2__3510806e{background:var(--plasma-dropdown-header-background);font-family:var(--plasma-dropdown-header-font-family);font-size:var(--plasma-dropdown-header-font-size);font-style:var(--plasma-dropdown-header-font-style);font-weight:var(--plasma-dropdown-header-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-header-line-height);-moz-letter-spacing:var(--plasma-dropdown-header-line-height);-ms-letter-spacing:var(--plasma-dropdown-header-line-height);letter-spacing:var(--plasma-dropdown-header-line-height);line-height:var(--plasma-dropdown-header-font-weight);width:var(--plasma-dropdown-header-width);height:var(--plasma-dropdown-header-height);padding:var(--plasma-dropdown-header-padding-top) var(--plasma-dropdown-header-padding-right) var(--plasma-dropdown-header-padding-bottom) var(--plasma-dropdown-header-padding-left);margin:var(--plasma-dropdown-header-margin-top) var(--plasma-dropdown-header-margin-right) var(--plasma-dropdown-header-margin-bottom) var(--plasma-dropdown-header-margin-left);}
 
-.DropdownItem_styles_blclup_s1gkzlls__8eef3b3a{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
-.DropdownItem_styles_blclup_sz6s14y__8eef3b3a{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
-.DropdownItem_styles_blclup_d1m97l2m__8eef3b3a{line-height:0;color:var(--plasma-dropdown-disclosure-icon-color);}
-.DropdownItem_styles_blclup_soib72h__8eef3b3a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
-.DropdownItem_styles_blclup_d6l2f0g__8eef3b3a{height:1px;margin-top:var(--d6l2f0g-0);margin-right:var(--plasma-dropdown-divider-margin-right);margin-bottom:var(--d6l2f0g-1);margin-left:var(--plasma-dropdown-divider-margin-left);background:var(--plasma-dropdown-divider-color);}
-.DropdownItem_styles_blclup_w1jav4ek__8eef3b3a{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;margin:0;box-sizing:content-box;padding-top:var(--w1jav4ek-0);padding-right:var(--plasma-dropdown-item-padding-right);padding-bottom:var(--w1jav4ek-1);padding-left:var(--plasma-dropdown-item-padding-left);font-family:var(--plasma-dropdown-item-font-family);font-size:var(--plasma-dropdown-item-font-size);font-style:var(--plasma-dropdown-item-font-style);font-weight:var(--plasma-dropdown-item-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-item-line-height);-moz-letter-spacing:var(--plasma-dropdown-item-line-height);-ms-letter-spacing:var(--plasma-dropdown-item-line-height);letter-spacing:var(--plasma-dropdown-item-line-height);line-height:var(--plasma-dropdown-item-font-weight);background:var(--plasma-dropdown-item-background);color:var(--plasma-dropdown-item-color);border-radius:var(--plasma-dropdown-item-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;}.DropdownItem_styles_blclup_w1jav4ek__8eef3b3a:hover:not(.DropdownItem_styles_blclup_dropdownItemIsDisabled__8eef3b3a){cursor:pointer;background:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_blclup_w1jav4ek__8eef3b3a.DropdownItem_styles_blclup_dropdownItemIsActive__8eef3b3a{background:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_blclup_w1jav4ek__8eef3b3a.DropdownItem_styles_blclup_dropdownItemIsDisabled__8eef3b3a{opacity:var(--plasma-dropdown-disabled-opacity);cursor:not-allowed;}.DropdownItem_styles_blclup_w1jav4ek__8eef3b3a:focus{outline:none;}.DropdownItem_styles_blclup_w1jav4ek__8eef3b3a::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-dropdown-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.DropdownItem_styles_blclup_w1jav4ek__8eef3b3a.DropdownItem_styles_blclup_dropdownItemIsFocused__8eef3b3a:before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-dropdown-focus-color);}
+.DropdownItem_styles_1o4szyu_s1gkzlls__6703745b{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
+.DropdownItem_styles_1o4szyu_sz6s14y__6703745b{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
+.DropdownItem_styles_1o4szyu_d1m97l2m__6703745b{line-height:0;color:var(--plasma-dropdown-disclosure-icon-color);}
+.DropdownItem_styles_1o4szyu_soib72h__6703745b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
+.DropdownItem_styles_1o4szyu_w6l2f0g__6703745b{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;margin:0;box-sizing:content-box;padding-top:var(--w6l2f0g-0);padding-right:var(--plasma-dropdown-item-padding-right);padding-bottom:var(--w6l2f0g-1);padding-left:var(--plasma-dropdown-item-padding-left);font-family:var(--plasma-dropdown-item-font-family);font-size:var(--plasma-dropdown-item-font-size);font-style:var(--plasma-dropdown-item-font-style);font-weight:var(--plasma-dropdown-item-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-item-line-height);-moz-letter-spacing:var(--plasma-dropdown-item-line-height);-ms-letter-spacing:var(--plasma-dropdown-item-line-height);letter-spacing:var(--plasma-dropdown-item-line-height);line-height:var(--plasma-dropdown-item-font-weight);background:var(--plasma-dropdown-item-background);color:var(--plasma-dropdown-item-color);border-radius:var(--plasma-dropdown-item-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;}.DropdownItem_styles_1o4szyu_w6l2f0g__6703745b:hover:not(.DropdownItem_styles_1o4szyu_dropdownItemIsDisabled__6703745b){cursor:pointer;background:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_1o4szyu_w6l2f0g__6703745b.DropdownItem_styles_1o4szyu_dropdownItemIsActive__6703745b{background:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_1o4szyu_w6l2f0g__6703745b.DropdownItem_styles_1o4szyu_dropdownItemIsDisabled__6703745b{opacity:var(--plasma-dropdown-disabled-opacity);cursor:not-allowed;}.DropdownItem_styles_1o4szyu_w6l2f0g__6703745b:focus{outline:none;}.DropdownItem_styles_1o4szyu_w6l2f0g__6703745b::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-dropdown-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.DropdownItem_styles_1o4szyu_w6l2f0g__6703745b.DropdownItem_styles_1o4szyu_dropdownItemIsFocused__6703745b:before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-dropdown-focus-color);}
 
 .DropdownItem_styles_12e50g5_s1iqs5in__94ac8eef{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--plasma-dropdown-item-content-left-width);color:var(--plasma-dropdown-item-content-left-color);}
 .DropdownItem_styles_12e50g5_sfg3dyd__94ac8eef{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--plasma-dropdown-item-content-right-width);color:var(--plasma-dropdown-item-content-right-color);}

package/emotion/cjs/components/Dropdown/Dropdown.template-doc.mdx

@@ -45,14 +45,6 @@ type Items = Array<{
          * Слот для контента справа
          */
         contentRight?: ReactNode;
-        /**
-        * Отобразить ли разделитель до элемента
-        */
-        dividerBefore?: boolean;
-        /**
-        * Отобразить ли разделитель после элемента
-        */
-        dividerAfter?: boolean;
         /**
          * Выбранный item.
          * @deprecated использовать ContentLeft || ContentRight

package/emotion/cjs/components/Dropdown/Dropdown.tokens.js

@@ -20,13 +20,6 @@ var tokens = exports.tokens = {
   disclosureIconColor: '--plasma-dropdown-disclosure-icon-color',
   disabledOpacity: '--plasma-dropdown-disabled-opacity',
   focusColor: '--plasma-dropdown-focus-color',
-  dividerColor: '--plasma-dropdown-divider-color',
-  dividerMarginTop: '--plasma-dropdown-divider-margin-top',
-  dividerMarginTopTight: '--plasma-dropdown-divider-margin-top-tight',
-  dividerMarginRight: '--plasma-dropdown-divider-margin-right',
-  dividerMarginBottom: '--plasma-dropdown-divider-margin-bottom',
-  dividerMarginBottomTight: '--plasma-dropdown-divider-margin-bottom-tight',
-  dividerMarginLeft: '--plasma-dropdown-divider-margin-left',
   itemBackground: '--plasma-dropdown-item-background',
   itemBackgroundHover: '--plasma-dropdown-item-background-hover',
   itemBackgroundSelected: '--plasma-dropdown-item-background-selected',
@@ -106,8 +99,13 @@ var tokens = exports.tokens = {
   headerFontWeightBold: '--plasma-dropdown-header-letter-spacing',
   headerFontLetterSpacing: '--plasma-dropdown-header-line-height',
   headerFontLineHeight: '--plasma-dropdown-header-font-weight',
+  dividerColor: '--plasma-dropdown-divider-color',
   dividerWidth: '--plasma-dropdown-divider-width',
   dividerHeight: '--plasma-dropdown-divider-height',
+  dividerMarginTop: '--plasma-dropdown-divider-margin-top',
+  dividerMarginRight: '--plasma-dropdown-divider-margin-right',
+  dividerMarginBottom: '--plasma-dropdown-divider-margin-bottom',
+  dividerMarginLeft: '--plasma-dropdown-divider-margin-left',
   groupBackground: '--plasma-dropdown-group-background',
   groupWidth: '--plasma-dropdown-group-width',
   groupHeight: '--plasma-dropdown-group-height',

package/emotion/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js

@@ -37,9 +37,7 @@ var DropdownItem = exports.DropdownItem = function DropdownItem(_ref) {
     disabled = item.disabled,
     isDisabled = item.isDisabled,
     contentLeft = item.contentLeft,
-    contentRight = item.contentRight,
-    dividerBefore = item.dividerBefore,
-    dividerAfter = item.dividerAfter;
+    contentRight = item.contentRight;
   var ref = (0, _react.useRef)(null);
   var disclosureIconSize = size === 'xs' ? 'xs' : 's';
   var isDisabledClassName = disabled || isDisabled ? _Dropdown.classes.dropdownItemIsDisabled : undefined;
@@ -73,9 +71,7 @@ var DropdownItem = exports.DropdownItem = function DropdownItem(_ref) {
       onHover(index);
     }
   };
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, dividerBefore && /*#__PURE__*/_react["default"].createElement(_DropdownItem.Divider, {
-    variant: variant
-  }), /*#__PURE__*/_react["default"].createElement(_DropdownItem.Wrapper, {
+  return /*#__PURE__*/_react["default"].createElement(_DropdownItem.Wrapper, {
     className: (0, _utils.cx)(isDisabledClassName, focusedClass, activeClass),
     id: value.toString(),
     role: itemRole,
@@ -92,7 +88,5 @@ var DropdownItem = exports.DropdownItem = function DropdownItem(_ref) {
   }, contentLeft && /*#__PURE__*/_react["default"].createElement(_DropdownItem.StyledContentLeft, null, contentLeft), /*#__PURE__*/_react["default"].createElement(_DropdownItem.StyledText, null, label), contentRight && /*#__PURE__*/_react["default"].createElement(_DropdownItem.StyledContentRight, null, contentRight), item.items && hasArrow && /*#__PURE__*/_react["default"].createElement(_DropdownItem.DisclosureIconWrapper, null, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureRight, {
     size: disclosureIconSize,
     color: "inherit"
-  }))), dividerAfter && /*#__PURE__*/_react["default"].createElement(_DropdownItem.Divider, {
-    variant: variant
-  }));
+  })));
 };