@salutejs/plasma-new-hope 0.70.0-canary.1160.8541256541.0 → 0.70.0-canary.1161.8546427267.0

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

@@ -1,12 +1,12 @@
-import './TextField.styles_1b1mddp.css';
+import './TextField.styles_2qw1n8.css';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('@linaria/react');
 
-var InputWrapper = /*#__PURE__*/react.styled('div')({
-  name: "InputWrapper",
+var Input = /*#__PURE__*/react.styled('input')({
+  name: "Input",
   "class": "iq39zt5",
   propsAsIs: false
 });
@@ -15,34 +15,21 @@ var InputLabelWrapper = /*#__PURE__*/react.styled('div')({
   "class": "i1j28rg8",
   propsAsIs: false
 });
-var StyledChips = /*#__PURE__*/react.styled('div')({
-  name: "StyledChips",
-  "class": "s13zudoe",
-  propsAsIs: false
-});
-var Input = /*#__PURE__*/react.styled('input')({
-  name: "Input",
-  "class": "io4bpie",
+
+// NOTE: border-width is used in size border-color is used in view
+var InputWrapper = /*#__PURE__*/react.styled('div')({
+  name: "InputWrapper",
+  "class": "i13zudoe",
   propsAsIs: false
 });
-var Label = /*#__PURE__*/react.styled('label')({
+var Label = /*#__PURE__*/react.styled('div')({
   name: "Label",
-  "class": "l13qvwoy",
-  propsAsIs: false
-});
-var StyledContentLeft = /*#__PURE__*/react.styled('div')({
-  name: "StyledContentLeft",
-  "class": "s19ry60d",
-  propsAsIs: false
-});
-var StyledContentRight = /*#__PURE__*/react.styled('div')({
-  name: "StyledContentRight",
-  "class": "sbt1ohz",
+  "class": "lo4bpie",
   propsAsIs: false
 });
 var LeftHelper = /*#__PURE__*/react.styled('div')({
   name: "LeftHelper",
-  "class": "llv9av6",
+  "class": "l13qvwoy",
   propsAsIs: false
 });
 
@@ -51,7 +38,4 @@ exports.InputLabelWrapper = InputLabelWrapper;
 exports.InputWrapper = InputWrapper;
 exports.Label = Label;
 exports.LeftHelper = LeftHelper;
-exports.StyledChips = StyledChips;
-exports.StyledContentLeft = StyledContentLeft;
-exports.StyledContentRight = StyledContentRight;
 //# sourceMappingURL=TextField.styles.js.map

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    flex: 1;\n    min-width: 60%;\n`;\n\nexport const Label = styled.label``;\n\nexport const StyledContentLeft = styled.div`\n    margin: var(${tokens.leftContentMargin});\n`;\n\nexport const StyledContentRight = styled.div`\n    margin: var(${tokens.rightContentMargin});\n`;\n\nexport const LeftHelper = styled.div``;\n"],"names":["InputWrapper","styled","name","class","propsAsIs","InputLabelWrapper","StyledChips","Input","Label","StyledContentLeft","StyledContentRight","LeftHelper"],"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,CAS1B,EAAA;AAEM,IAAMI,KAAK,gBAAGP,YAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAQ,EAAA;AAE5B,IAAMK,iBAAiB,gBAAGR,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEtC,EAAA;AAEM,IAAMM,kBAAkB,gBAAGT,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEvC,EAAA;AAEM,IAAMO,UAAU,gBAAGV,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM;;;;;;;;;;;"}
+{"version":3,"file":"TextField.styles.js","sources":["../../../src/components/TextField/TextField.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\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`;\n\nexport const InputLabelWrapper = styled.div`\n    ${Input} {\n        width: 100%;\n    }\n`;\n\n// NOTE: border-width is used in size border-color is used in view\nexport const InputWrapper = styled.div`\n    position: relative;\n    display: flex;\n    align-items: center;\n\n    box-shadow: inset 0 0 0 var(--plasma_private-textfield-border-width) var(--plasma_private-textfield-border-color);\n\n    ${InputLabelWrapper} {\n        flex-grow: 1;\n    }\n`;\n\nexport const Label = styled.div``;\n\nexport const LeftHelper = styled.div``;\n"],"names":["Input","styled","name","class","propsAsIs","InputLabelWrapper","InputWrapper","Label","LeftHelper"],"mappings":";;;;;;AAEO,IAAMA,KAAK,gBAAGC,YAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAO1B,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,CAItC,EAAA;;AAED;AACO,IAAME,YAAY,gBAAGL,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAUjC,EAAA;AAEM,IAAMG,KAAK,gBAAGN,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAE1B,IAAMI,UAAU,gBAAGP,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM;;;;;;;;"}

package/cjs/components/TextField/TextField.styles_2qw1n8.css

@@ -0,0 +1,5 @@
+.iq39zt5{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;}
+.i1j28rg8 .iq39zt5{width:100%;}
+.i13zudoe{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-shadow:inset 0 0 0 var(--plasma_private-textfield-border-width) var(--plasma_private-textfield-border-color);}.i13zudoe .i1j28rg8{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}
+
+

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

@@ -2,45 +2,34 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var classes = {
-  hasChips: 'has-chips',
-  hasEmptyContentLeft: 'has-empty-content-left',
-  hasEmptyContentRight: 'has-empty-content-right'
-};
 var tokens = {
   color: '--plasma-textfield-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',
-  /** Цвета для 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',
   /** Цвет каретки */
   caretColor: '--plasma-textfield__caret-color',
   placeholderColor: '--plasma-textfield__placeholder-color',
+  borderColor: '--plasma-textfield-border-color',
+  borderColorHover: '--plasma-textfield-border-color-hover',
+  borderColorFocus: '--plasma-textfield-border-color-focus',
   height: '--plasma-textfield-height',
   borderWidth: '--plasmas-textfield-border-width',
   borderRadius: '--plasma-textfield-border-radius',
-  /** Отступ от границы ТextField */
+  /** отступ от границы ТextField */
   padding: '--plasma-textfield-padding',
-  paddingWithChips: '--plasma-textfield-padding-with-chips',
-  /* Токены для инпута */
-  leftContentMargin: '--plasma-textfield__left-content-margin',
-  rightContentMargin: '--plasma-textfield__right-content-margin',
+  paddingWithContent: '--plasma-textfield-padding-with-content',
+  /* Отступ между Иконками и текстом Инпута */
+  /* Отступ при отсутствии Иконок сохраняется */
+  contentOffset: '--plasma-textfield__content-offset',
   fontFamily: '--plasma-textfield-font-family',
   fontStyle: '--plasma-textfield-font-style',
   fontSize: '--plasma-textfield-font-size',
   fontWeight: '--plasma-textfield-font-weight',
   letterSpacing: '--plasma-textfield-letter-spacing',
   lineHeight: '--plasma-textfield-line-height',
-  /** Токены лейбла */
+  /** Цвет подписи */
   labelColor: '--plasma-textfield__label-color',
-  labelColorReadOnly: '--plasma-textfield__label-color-readonly',
   labelOffset: '--plasma-textfield__label-offset',
   labelFontFamily: '--plasma-textfield__label-font-family',
   labelFontStyle: '--plasma-textfield__label-font-style',
@@ -55,56 +44,19 @@ var tokens = {
   labelInnerFontWeight: '--plasma-textfield-placement_inner__label-font-weight',
   labelInnerLetterSpacing: '--plasma-textfield-placement_inner__label-letter-spacing',
   labelInnerLineHeight: '--plasma-textfield-placement_inner__label-line-height',
-  labelInnerPadding: '--plasma-textfield-placement_inner__label-padding',
-  contentLabelInnerPadding: '--plasma-textfield-placement_inner__content-padding',
-  leftHelperColor: '--plasma-textfield__left-helper-color',
-  leftHelperColorReadOnly: '--plasma-textfield__left-helper-color-readonly',
-  leftHelperOffset: '--plasma-textfield__left-helper-offset',
-  leftHelperFontFamily: '--plasma-textfield__left-helper-font-family',
-  leftHelperFontStyle: '--plasma-textfield__left-helper-font-style',
-  leftHelperFontSize: '--plasma-textfield__left-helper-font-size',
-  leftHelperFontWeight: '--plasma-textfield__left-helper-font-weight',
-  leftHelperLetterSpacing: '--plasma-textfield__left-helper-letter-spacing',
-  leftHelperLineHeight: '--plasma-textfield__left-helper-line-height',
+  leftHelperColor: '--plasma-textfield__leftHelper-color',
+  leftHelperOffset: '--plasma-textfield__leftHelper-offset',
+  leftHelperFontFamily: '--plasma-textfield__leftHelper-font-family',
+  leftHelperFontStyle: '--plasma-textfield__leftHelper-font-style',
+  leftHelperFontSize: '--plasma-textfield__leftHelper-font-size',
+  leftHelperFontWeight: '--plasma-textfield__leftHelper-font-weight',
+  leftHelperLetterSpacing: '--plasma-textfield__leftHelper-letter-spacing',
+  leftHelperLineHeight: '--plasma-textfield__leftHelper-line-height',
+  /* Дополнительный цвет который можно использовать в <Icon color="inheit" /> */
+  contentColor: '--plasma-textfield__content-color',
   /** Прозрачность для всего компонента в состоянии disabled */
-  disabledOpacity: '--plasma-textfield-disabled-opacity',
-  /** Токены чипа */
-  chipHeight: '--plasma-textfield__chip-height',
-  chipBorderRadius: '--plasma-textfield__chip-border-radius',
-  chipGap: '--plasma-textfield__chip-gap',
-  chipBackground: '--plasma-textfield__chip-background',
-  chipColor: '--plasma-textfield__chip-color',
-  chipBackgroundHover: '--plasma-textfield__chip-background-hover',
-  chipColorHover: '--plasma-textfield__chip-color-hover',
-  chipScaleHover: '--plasma-textfield__chip-scale-hover',
-  chipBackgroundReadOnly: '--plasma-textfield__chip-background-readonly',
-  chipColorReadOnly: '--plasma-textfield__chip-color-readonly',
-  chipBackgroundReadOnlyHover: '--plasma-textfield__chip-background-readonly-hover',
-  chipColorReadOnlyHover: '--plasma-textfield__chip-color-readonly-hover',
-  chipBackgroundActive: '--plasma-textfield__chip-background-active',
-  chipColorActive: '--plasma-textfield__chip-color-active',
-  chipScaleActive: '--plasma-textfield__chip-scale-active',
-  chipFocusColor: '--plasma-textfield__chip-focus-color',
-  chipCloseIconColor: '--plasma-textfield__chip-close-icon-color',
-  chipOutlineSize: '--plasma-textfield__chip-outline-size',
-  chipWidth: '--plasma-textfield__chip-width',
-  chipPaddingTop: '--plasma-textfield__chip-padding-top',
-  chipPaddingRight: '--plasma-textfield__chip-padding-right',
-  chipPaddingBottom: '--plasma-textfield__chip-padding-bottom',
-  chipPaddingLeft: '--plasma-textfield__chip-padding-left',
-  chipCloseIconSize: '--plasma-textfield__chip-close-icon-size',
-  chipFontFamily: '--plasma-textfield__chip-font-family',
-  chipFontSize: '--plasma-textfield__chip-font-size',
-  chipFontStyle: '--plasma-textfield__chip-font-style',
-  chipFontWeight: '--plasma-textfield__chip-font-weight',
-  chipLetterSpacing: '--plasma-textfield__chip-letter-spacing',
-  chipLineHeight: '--plasma-textfield__chip-line-height',
-  chipClearContentMarginLeft: '--plasma-textfield__chip-clear-content-margin-left',
-  chipClearContentMarginRight: '--plasma-textfield__chip-clear-content-margin-right',
-  chipOpacityReadonly: '--plasma-textfield__chip-opacity-readonly',
-  focusColor: '--plasma-textfield-focus-color'
+  disabledOpacity: '--plasma-textfield-disabled-opacity'
 };
 
-exports.classes = classes;
 exports.tokens = tokens;
 //# sourceMappingURL=TextField.tokens.js.map

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    hasEmptyContentLeft: 'has-empty-content-left',\n    hasEmptyContentRight: 'has-empty-content-right',\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\n    height: '--plasma-textfield-height',\n    borderWidth: '--plasmas-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    /* Токены для инпута */\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    /** Токены лейбла */\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    /** Прозрачность для всего компонента в состоянии 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"],"names":["classes","hasChips","hasEmptyContentLeft","hasEmptyContentRight","tokens","color","backgroundColor","backgroundColorHover","backgroundColorFocus","borderColor","borderColorHover","borderColorFocus","colorReadOnly","backgroundColorReadOnly","borderColorReadOnly","placeholderColorReadOnly","caretColor","placeholderColor","height","borderWidth","borderRadius","padding","paddingWithChips","leftContentMargin","rightContentMargin","fontFamily","fontStyle","fontSize","fontWeight","letterSpacing","lineHeight","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","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"],"mappings":"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"}
+{"version":3,"file":"TextField.tokens.js","sources":["../../../src/components/TextField/TextField.tokens.ts"],"sourcesContent":["export const tokens = {\n    color: '--plasma-textfield-color',\n    backgroundColor: '--plasma-textfield-bg-color',\n    backgroundColorHover: '--plasma-textfield-bg-color-hover',\n    backgroundColorFocus: '--plasma-textfield-bg-color-focus',\n    /** Цвет каретки */\n    caretColor: '--plasma-textfield__caret-color',\n    placeholderColor: '--plasma-textfield__placeholder-color',\n    borderColor: '--plasma-textfield-border-color',\n    borderColorHover: '--plasma-textfield-border-color-hover',\n    borderColorFocus: '--plasma-textfield-border-color-focus',\n\n    height: '--plasma-textfield-height',\n    borderWidth: '--plasmas-textfield-border-width',\n    borderRadius: '--plasma-textfield-border-radius',\n    /** отступ от границы ТextField */\n    padding: '--plasma-textfield-padding',\n    paddingWithContent: '--plasma-textfield-padding-with-content',\n\n    /* Отступ между Иконками и текстом Инпута */\n    /* Отступ при отсутствии Иконок сохраняется */\n    contentOffset: '--plasma-textfield__content-offset',\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    /** Цвет подписи */\n    labelColor: '--plasma-textfield__label-color',\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    leftHelperColor: '--plasma-textfield__leftHelper-color',\n    leftHelperOffset: '--plasma-textfield__leftHelper-offset',\n\n    leftHelperFontFamily: '--plasma-textfield__leftHelper-font-family',\n    leftHelperFontStyle: '--plasma-textfield__leftHelper-font-style',\n    leftHelperFontSize: '--plasma-textfield__leftHelper-font-size',\n    leftHelperFontWeight: '--plasma-textfield__leftHelper-font-weight',\n    leftHelperLetterSpacing: '--plasma-textfield__leftHelper-letter-spacing',\n    leftHelperLineHeight: '--plasma-textfield__leftHelper-line-height',\n\n    /* Дополнительный цвет который можно использовать в <Icon color=\"inheit\" /> */\n    contentColor: '--plasma-textfield__content-color',\n\n    /** Прозрачность для всего компонента в состоянии disabled */\n    disabledOpacity: '--plasma-textfield-disabled-opacity',\n};\n"],"names":["tokens","color","backgroundColor","backgroundColorHover","backgroundColorFocus","caretColor","placeholderColor","borderColor","borderColorHover","borderColorFocus","height","borderWidth","borderRadius","padding","paddingWithContent","contentOffset","fontFamily","fontStyle","fontSize","fontWeight","letterSpacing","lineHeight","labelColor","labelOffset","labelFontFamily","labelFontStyle","labelFontSize","labelFontWeight","labelLetterSpacing","labelLineHeight","labelInnerFontFamily","labelInnerFontStyle","labelInnerFontSize","labelInnerFontWeight","labelInnerLetterSpacing","labelInnerLineHeight","leftHelperColor","leftHelperOffset","leftHelperFontFamily","leftHelperFontStyle","leftHelperFontSize","leftHelperFontWeight","leftHelperLetterSpacing","leftHelperLineHeight","contentColor","disabledOpacity"],"mappings":";;;;AAAO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,KAAK,EAAE,0BAA0B;AACjCC,EAAAA,eAAe,EAAE,6BAA6B;AAC9CC,EAAAA,oBAAoB,EAAE,mCAAmC;AACzDC,EAAAA,oBAAoB,EAAE,mCAAmC;AACzD;AACAC,EAAAA,UAAU,EAAE,iCAAiC;AAC7CC,EAAAA,gBAAgB,EAAE,uCAAuC;AACzDC,EAAAA,WAAW,EAAE,iCAAiC;AAC9CC,EAAAA,gBAAgB,EAAE,uCAAuC;AACzDC,EAAAA,gBAAgB,EAAE,uCAAuC;AAEzDC,EAAAA,MAAM,EAAE,2BAA2B;AACnCC,EAAAA,WAAW,EAAE,kCAAkC;AAC/CC,EAAAA,YAAY,EAAE,kCAAkC;AAChD;AACAC,EAAAA,OAAO,EAAE,4BAA4B;AACrCC,EAAAA,kBAAkB,EAAE,yCAAyC;AAE7D;AACA;AACAC,EAAAA,aAAa,EAAE,oCAAoC;AAEnDC,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,UAAU,EAAE,iCAAiC;AAC7CC,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,eAAe,EAAE,sCAAsC;AACvDC,EAAAA,gBAAgB,EAAE,uCAAuC;AAEzDC,EAAAA,oBAAoB,EAAE,4CAA4C;AAClEC,EAAAA,mBAAmB,EAAE,2CAA2C;AAChEC,EAAAA,kBAAkB,EAAE,0CAA0C;AAC9DC,EAAAA,oBAAoB,EAAE,4CAA4C;AAClEC,EAAAA,uBAAuB,EAAE,+CAA+C;AACxEC,EAAAA,oBAAoB,EAAE,4CAA4C;AAElE;AACAC,EAAAA,YAAY,EAAE,mCAAmC;AAEjD;AACAC,EAAAA,eAAe,EAAE,qCAAA;AACrB;;;;"}

package/cjs/components/TextField/TextField_1lzb2r1.css

@@ -0,0 +1 @@
+.bpunezx{display:block;}

package/cjs/components/TextField/{variations/_disabled → _disabled}/base.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../src/components/TextField/_disabled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../TextField.tokens';\n\nexport const base = css`\n    &[disabled] {\n        opacity: var(${tokens.disabledOpacity});\n        cursor: not-allowed;\n\n        input {\n            cursor: not-allowed;\n        }\n    }\n`;\n"],"names":["base"],"mappings":";;;;AAIO,IAAMA,IAAI,GAShB;;;;"}

package/cjs/components/TextField/_disabled/base_so3w81.css

@@ -0,0 +1 @@
+.b1rdxrik[disabled]{opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.b1rdxrik[disabled] input{cursor:not-allowed;}

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

@@ -4,7 +4,7 @@ import './base_x642ct.css';
 Object.defineProperty(exports, '__esModule', { value: true });
 
 // TODO: REMOVE IT
-var base = "b15d3bnf";
+var base = "brbzvo9";
 
 exports.base = base;
 //# sourceMappingURL=base.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../src/components/TextField/_label-placement/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\n// TODO: REMOVE IT\nexport const base = css``;\n"],"names":["base"],"mappings":";;;;AAEA;AACO,IAAMA,IAAI,GAAQ;;;;"}

package/cjs/components/TextField/_label-placement/base_x642ct.css

@@ -0,0 +1 @@
+

package/cjs/components/TextField/{variations/_label-placement → _label-placement}/inner.js

@@ -1,9 +1,9 @@
-import './inner_gqlcj2.css';
+import './inner_1tyuicp.css';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var labelPlacement_inner = "l8oinlg";
+var labelPlacement_inner = "l1mtiqfm";
 
 exports.labelPlacement_inner = labelPlacement_inner;
 //# sourceMappingURL=inner.js.map

package/cjs/components/TextField/_label-placement/inner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inner.js","sources":["../../../../src/components/TextField/_label-placement/inner.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { Input, Label } from '../TextField.styles';\nimport { tokens } from '../TextField.tokens';\n\nexport const labelPlacement_inner = css`\n    ${Input} {\n        padding-top: calc(var(${tokens.labelOffset}) + var(${tokens.labelInnerLineHeight}));\n        padding-bottom: var(${tokens.labelOffset});\n    }\n\n    ${Input}:focus ~ ${Label}, ${Input}:not(:placeholder-shown) ~ ${Label} {\n        height: auto;\n        padding-top: var(${tokens.labelOffset});\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    ${Input}:not(:focus)::placeholder {\n        color: transparent;\n    }\n\n    ${Input}:focus::placeholder {\n        color: transparent;\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        transition: all 0.1s ease-in-out 0s;\n\n        height: var(${tokens.height});\n\n        padding-top: calc(var(${tokens.height}) / 4);\n        padding-bottom: calc(var(${tokens.height}) / 4);\n    }\n`;\n"],"names":["labelPlacement_inner"],"mappings":";;;;AAKO,IAAMA,oBAAoB,GA6ChC;;;;"}

package/cjs/components/TextField/_label-placement/inner_1tyuicp.css

@@ -0,0 +1 @@
+.l1mtiqfm .iq39zt5{padding-top:calc(var(--plasma-textfield__label-offset) + var(--plasma-textfield-placement_inner__label-line-height));padding-bottom:var(--plasma-textfield__label-offset);}.l1mtiqfm .iq39zt5:focus ~ .lo4bpie,.l1mtiqfm .iq39zt5:not(:placeholder-shown) ~ .lo4bpie{height:auto;padding-top:var(--plasma-textfield__label-offset);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);}.l1mtiqfm .iq39zt5:not(:focus)::-webkit-input-placeholder{color:transparent;}.l1mtiqfm .iq39zt5:not(:focus)::-moz-placeholder{color:transparent;}.l1mtiqfm .iq39zt5:not(:focus):-ms-input-placeholder{color:transparent;}.l1mtiqfm .iq39zt5:not(:focus)::placeholder{color:transparent;}.l1mtiqfm .iq39zt5:focus::-webkit-input-placeholder{color:transparent;}.l1mtiqfm .iq39zt5:focus::-moz-placeholder{color:transparent;}.l1mtiqfm .iq39zt5:focus:-ms-input-placeholder{color:transparent;}.l1mtiqfm .iq39zt5:focus::placeholder{color:transparent;}.l1mtiqfm .lo4bpie{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;-webkit-transition:all 0.1s ease-in-out 0s;transition:all 0.1s ease-in-out 0s;height:var(--plasma-textfield-height);padding-top:calc(var(--plasma-textfield-height) / 4);padding-bottom:calc(var(--plasma-textfield-height) / 4);}

package/cjs/components/TextField/{variations/_label-placement → _label-placement}/outer.js

@@ -1,9 +1,9 @@
-import './outer_is41nj.css';
+import './outer_19ekaek.css';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var labelPlacement_outer = "la46t0i";
+var labelPlacement_outer = "l1fhg6i1";
 
 exports.labelPlacement_outer = labelPlacement_outer;
 //# sourceMappingURL=outer.js.map

package/cjs/components/TextField/_label-placement/outer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"outer.js","sources":["../../../../src/components/TextField/_label-placement/outer.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { Label } from '../TextField.styles';\nimport { tokens } from '../TextField.tokens';\n\nexport const labelPlacement_outer = css`\n    ${Label} {\n        display: block;\n        margin-bottom: var(${tokens.labelOffset});\n    }\n`;\n"],"names":["labelPlacement_outer"],"mappings":";;;;AAKO,IAAMA,oBAAoB,GAKhC;;;;"}

package/cjs/components/TextField/_label-placement/outer_19ekaek.css

@@ -0,0 +1 @@
+.l1fhg6i1 .lo4bpie{display:block;margin-bottom:var(--plasma-textfield__label-offset);}

package/cjs/components/TextField/_size/base.js

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

package/cjs/components/TextField/_size/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../src/components/TextField/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../TextField.tokens';\nimport { Input, InputLabelWrapper, InputWrapper, Label, LeftHelper } from '../TextField.styles';\n\nexport const base = css`\n    --plasma_private-textfield-br: var(${tokens.borderRadius}, calc(var(${tokens.height}) / 4));\n    --plasma_private-textfield-padding: var(${tokens.padding}, calc(var(${tokens.height}) * 1.618 / 4));\n    --plasma_private-textfield-border-width: var(${tokens.borderWidth});\n\n    ${Input} {\n        height: var(${tokens.height});\n\n        font-family: var(${tokens.fontFamily});\n        font-size: var(${tokens.fontSize});\n        font-style: var(${tokens.fontStyle});\n        font-weight: var(${tokens.fontWeight});\n        letter-spacing: var(${tokens.letterSpacing});\n        line-height: var(${tokens.lineHeight});\n    }\n    \n    ${InputWrapper} {\n        border-radius: var(--plasma_private-textfield-br);\n        /** offset between Icon And Input */\n        gap: var(${tokens.contentOffset});\n    }\n\n    ${InputWrapper} > ${InputLabelWrapper}:first-child {\n        /** offset without Icon(LeftContent) */\n        margin-left: var(--plasma_private-textfield-padding);\n    }\n    ${InputWrapper} > :not(${InputLabelWrapper}):first-child {\n        /** offset with Icon(LeftContent) */\n        margin-left: var(${tokens.paddingWithContent}, var(--plasma_private-textfield-padding));\n    }\n    ${InputWrapper} > ${InputLabelWrapper}:last-child {\n        margin-right: var(--plasma_private-textfield-padding);\n    }\n    ${InputWrapper} > :not(${InputLabelWrapper}):last-child {\n        margin-right: var(${tokens.paddingWithContent}, var(--plasma_private-textfield-padding));\n    }\n\n    ${Label} {\n        font-family: var(${tokens.labelFontFamily});\n        font-size: var(${tokens.labelFontSize});\n        font-style: var(${tokens.labelFontStyle});\n        font-weight: var(${tokens.labelFontWeight});\n        letter-spacing: var(${tokens.labelLetterSpacing});\n        line-height: var(${tokens.labelLineHeight});\n    }\n\n    ${LeftHelper} {\n        margin-top: var(${tokens.leftHelperOffset});\n\n        font-family: var(${tokens.leftHelperFontFamily});\n        font-size: var(${tokens.leftHelperFontSize});\n        font-style: var(${tokens.leftHelperFontStyle});\n        font-weight: var(${tokens.leftHelperFontWeight});\n        letter-spacing: var(${tokens.leftHelperLetterSpacing});\n        line-height: var(${tokens.leftHelperLineHeight});\n    }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GAwDhB;;;;"}

package/cjs/components/TextField/_size/base_b5smyu.css

@@ -0,0 +1 @@
+.b170l0h9{--plasma_private-textfield-br:var(--plasma-textfield-border-radius,calc(var(--plasma-textfield-height) / 4));--plasma_private-textfield-padding:var(--plasma-textfield-padding,calc(var(--plasma-textfield-height) * 1.618 / 4));--plasma_private-textfield-border-width:var(--plasmas-textfield-border-width);}.b170l0h9 .iq39zt5{height:var(--plasma-textfield-height);font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.b170l0h9 .i13zudoe{border-radius:var(--plasma_private-textfield-br);gap:var(--plasma-textfield__content-offset);}.b170l0h9 .i13zudoe > .i1j28rg8:first-child{margin-left:var(--plasma_private-textfield-padding);}.b170l0h9 .i13zudoe > :not(.i1j28rg8):first-child{margin-left:var(--plasma-textfield-padding-with-content,var(--plasma_private-textfield-padding));}.b170l0h9 .i13zudoe > .i1j28rg8:last-child{margin-right:var(--plasma_private-textfield-padding);}.b170l0h9 .i13zudoe > :not(.i1j28rg8):last-child{margin-right:var(--plasma-textfield-padding-with-content,var(--plasma_private-textfield-padding));}.b170l0h9 .lo4bpie{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.b170l0h9 .l13qvwoy{margin-top:var(--plasma-textfield__leftHelper-offset);font-family:var(--plasma-textfield__leftHelper-font-family);font-size:var(--plasma-textfield__leftHelper-font-size);font-style:var(--plasma-textfield__leftHelper-font-style);font-weight:var(--plasma-textfield__leftHelper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__leftHelper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__leftHelper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__leftHelper-letter-spacing);letter-spacing:var(--plasma-textfield__leftHelper-letter-spacing);line-height:var(--plasma-textfield__leftHelper-line-height);}

package/cjs/components/TextField/_view/base.js

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

package/cjs/components/TextField/_view/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../src/components/TextField/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../TextField.tokens';\nimport { Input, InputWrapper, LeftHelper } from '../TextField.styles';\n\nexport const base = css`\n    ${InputWrapper} {\n        color: var(${tokens.contentColor}, var(${tokens.color}));\n        background-color: var(${tokens.backgroundColor});\n        caret-color: var(${tokens.caretColor});\n\n        --plasma_private-textfield-border-color: var(${tokens.borderColor});\n        transition: box-shadow 0.1s ease-in, background-color 0.1s ease-in, color 0.1s ease-in;\n    }\n    ${InputWrapper}:hover {\n        --plasma_private-textfield-border-color: var(${tokens.borderColorHover});\n        background-color: var(${tokens.backgroundColorHover}, var(${tokens.backgroundColor}));\n    }\n    ${InputWrapper}:focus-within {\n        --plasma_private-textfield-border-color: var(${tokens.borderColorFocus});\n        background-color: var(${tokens.backgroundColorFocus}, var(${tokens.backgroundColor}));\n    }\n    ${Input}::placeholder {\n        color: var(${tokens.placeholderColor});\n    }\n    ${Input} {\n        color: var(${tokens.color});\n    }\n    ${LeftHelper} {\n        color: var(${tokens.leftHelperColor});\n    }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GA0BhB;;;;"}

package/cjs/components/TextField/_view/base_5bqzed.css

@@ -0,0 +1 @@
+.bkf0zs .i13zudoe{color:var(--plasma-textfield__content-color,var(--plasma-textfield-color));background-color:var(--plasma-textfield-bg-color);caret-color:var(--plasma-textfield__caret-color);--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);-webkit-transition:box-shadow 0.1s ease-in,background-color 0.1s ease-in,color 0.1s ease-in;transition:box-shadow 0.1s ease-in,background-color 0.1s ease-in,color 0.1s ease-in;}.bkf0zs .i13zudoe:hover{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-hover);background-color:var(--plasma-textfield-bg-color-hover,var(--plasma-textfield-bg-color));}.bkf0zs .i13zudoe:focus-within{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-focus);background-color:var(--plasma-textfield-bg-color-focus,var(--plasma-textfield-bg-color));}.bkf0zs .iq39zt5::-webkit-input-placeholder{color:var(--plasma-textfield__placeholder-color);}.bkf0zs .iq39zt5::-moz-placeholder{color:var(--plasma-textfield__placeholder-color);}.bkf0zs .iq39zt5:-ms-input-placeholder{color:var(--plasma-textfield__placeholder-color);}.bkf0zs .iq39zt5::placeholder{color:var(--plasma-textfield__placeholder-color);}.bkf0zs .iq39zt5{color:var(--plasma-textfield-color);}.bkf0zs .l13qvwoy{color:var(--plasma-textfield__leftHelper-color);}