@salutejs/plasma-new-hope 0.195.2-canary.1577.11938240958.0 → 0.196.0-canary.1578.11937650902.0

package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextFieldChip.styles.js","sources":["../../../../../src/components/TextField/ui/TextFieldChip/TextFieldChip.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { chipConfig, chipTokens } from '../../../Chip';\nimport { component, mergeConfig } from '../../../../engines';\nimport { tokens } from '../../TextField.tokens';\nimport { addFocus } from '../../../../mixins';\n\n// issue #823\nconst mergedConfig = mergeConfig(chipConfig);\nconst Chip = component(mergedConfig);\n\n// NOTE: Необходимое переопределение токенов из компонента Chip т.к. используются его части\nexport const StyledChip = styled(Chip)`\n    ${chipTokens.color}: var(${tokens.chipColor});\n    ${chipTokens.background}: var(${tokens.chipBackground});\n    ${chipTokens.colorHover}: var(${tokens.chipColorHover});\n    ${chipTokens.backgroundHover}: var(${tokens.chipBackgroundHover});\n    ${chipTokens.colorActive}: var(${tokens.chipColorActive});\n    ${chipTokens.backgroundActive}: var(${tokens.chipBackgroundActive});\n    ${chipTokens.backgroundReadOnly}: var(${tokens.chipBackgroundReadOnly});\n    ${chipTokens.colorReadOnly}: var(${tokens.chipColorReadOnly});\n    ${chipTokens.backgroundReadOnlyHover}: var(${tokens.chipBackgroundReadOnlyHover});\n    ${chipTokens.colorReadOnlyHover}: var(${tokens.chipColorReadOnlyHover});\n    ${chipTokens.borderRadius}: var(${tokens.chipBorderRadius});\n    ${chipTokens.width}: var(${tokens.chipWidth});\n    ${chipTokens.height}: var(${tokens.chipHeight});\n    ${chipTokens.paddingRight}: var(${tokens.chipPaddingRight});\n    ${chipTokens.paddingLeft}: var(${tokens.chipPaddingLeft});\n    ${chipTokens.fontFamily}: var(${tokens.chipFontFamily});\n    ${chipTokens.fontSize}: var(${tokens.chipFontSize});\n    ${chipTokens.fontStyle}: var(${tokens.chipFontStyle});\n    ${chipTokens.fontWeight}: var(${tokens.chipFontWeight});\n    ${chipTokens.letterSpacing}: var(${tokens.chipLetterSpacing});\n    ${chipTokens.lineHeight}: var(${tokens.chipLineHeight});\n    ${chipTokens.clearContentMarginLeft}: var(${tokens.chipClearContentMarginLeft});\n    ${chipTokens.clearContentMarginRight}: var(${tokens.chipClearContentMarginRight});\n    ${chipTokens.scaleHover}: var(${tokens.chipScaleHover});\n    ${chipTokens.scaleActive}: var(${tokens.chipScaleActive});\n    ${chipTokens.closeIconSize}: var(${tokens.chipCloseIconSize});\n    ${chipTokens.closeIconColor}: var(${tokens.chipCloseIconColor});\n    ${chipTokens.focusColor}: var(${tokens.focusColor});\n\n    scroll-snap-align: center;\n    scroll-snap-stop: normal;\n\n    ${addFocus({\n        outlineOffset: '0.0625rem',\n        outlineSize: '0.0625rem',\n        outlineRadius: `calc(var(${tokens.chipBorderRadius}) - 0.1rem)`,\n        outlineColor: `var(${tokens.focusColor})`,\n    })}\n\n    &[readonly] {\n        opacity: var(${tokens.chipOpacityReadonly});\n    }\n`;\n\nexport const TextChip = styled.button`\n    display: block;\n    flex: none;\n    background: none;\n    border: none;\n    outline: none;\n    padding: 0;\n    white-space: nowrap;\n    cursor: pointer;\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    color: var(${tokens.color});\n\n    ${addFocus({\n        outlineOffset: '0.0625rem',\n        outlineSize: '0.0625rem',\n        outlineRadius: `calc(var(${tokens.chipBorderRadius}) - 0.1rem)`,\n        outlineColor: `var(${tokens.focusColor})`,\n    })}\n\n    &:after {\n        content: ',';\n    }\n\n    &:last-child {\n        &:after {\n            content: '';\n        }\n    }\n`;\n"],"names":["mergedConfig","mergeConfig","chipConfig","Chip","component","_exp","StyledChip","styled","name","class","propsAsIs","TextChip"],"mappings":";;;;AAOA;AACA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,UAAU,CAAC,CAAA;AAC5C,IAAMC,IAAI,gBAAGC,SAAS,CAACJ,YAAY,CAAC,CAAA;;AAEpC;AAAA,IAAAK,IAAA,GAVkBA,SAUlBA,IAAAA,GAAA;AAAA,EAAA,OACiCF,IAAI,CAAA;AAAA,CAAA,CAAA;AAA9B,IAAMG,UAAU,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA2C/B,EAAA;AAEM,IAAMC,QAAQ,gBAAGJ,MAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,UAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAkC7B;;;;"}
+{"version":3,"file":"TextFieldChip.styles.js","sources":["../../../../../src/components/TextField/ui/TextFieldChip/TextFieldChip.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { chipConfig, chipTokens } from '../../../Chip';\nimport { component, mergeConfig } from '../../../../engines';\nimport { tokens } from '../../TextField.tokens';\nimport { addFocus } from '../../../../mixins';\n\n// issue #823\nconst mergedConfig = mergeConfig(chipConfig);\nconst Chip = component(mergedConfig);\n\n// NOTE: Необходимое переопределение токенов из компонента Chip т.к. используются его части\nexport const StyledChip = styled(Chip)`\n    ${chipTokens.color}: var(${tokens.chipColor});\n    ${chipTokens.background}: var(${tokens.chipBackground});\n    ${chipTokens.colorHover}: var(${tokens.chipColorHover});\n    ${chipTokens.backgroundHover}: var(${tokens.chipBackgroundHover});\n    ${chipTokens.colorActive}: var(${tokens.chipColorActive});\n    ${chipTokens.backgroundActive}: var(${tokens.chipBackgroundActive});\n    ${chipTokens.backgroundReadOnly}: var(${tokens.chipBackgroundReadOnly});\n    ${chipTokens.colorReadOnly}: var(${tokens.chipColorReadOnly});\n    ${chipTokens.backgroundReadOnlyHover}: var(${tokens.chipBackgroundReadOnlyHover});\n    ${chipTokens.colorReadOnlyHover}: var(${tokens.chipColorReadOnlyHover});\n    ${chipTokens.borderRadius}: var(${tokens.chipBorderRadius});\n    ${chipTokens.width}: var(${tokens.chipWidth});\n    ${chipTokens.height}: var(${tokens.chipHeight});\n    ${chipTokens.paddingRight}: var(${tokens.chipPaddingRight});\n    ${chipTokens.paddingLeft}: var(${tokens.chipPaddingLeft});\n    ${chipTokens.fontFamily}: var(${tokens.chipFontFamily});\n    ${chipTokens.fontSize}: var(${tokens.chipFontSize});\n    ${chipTokens.fontStyle}: var(${tokens.chipFontStyle});\n    ${chipTokens.fontWeight}: var(${tokens.chipFontWeight});\n    ${chipTokens.letterSpacing}: var(${tokens.chipLetterSpacing});\n    ${chipTokens.lineHeight}: var(${tokens.chipLineHeight});\n    ${chipTokens.clearContentMarginLeft}: var(${tokens.chipClearContentMarginLeft});\n    ${chipTokens.clearContentMarginRight}: var(${tokens.chipClearContentMarginRight});\n    ${chipTokens.scaleHover}: var(${tokens.chipScaleHover});\n    ${chipTokens.scaleActive}: var(${tokens.chipScaleActive});\n    ${chipTokens.closeIconSize}: var(${tokens.chipCloseIconSize});\n    ${chipTokens.closeIconColor}: var(${tokens.chipCloseIconColor});\n    ${chipTokens.focusColor}: var(${tokens.focusColor});\n\n    scroll-snap-align: center;\n    scroll-snap-stop: normal;\n\n    ${addFocus({\n        outlineOffset: '0.0625rem',\n        outlineSize: '0.0625rem',\n        outlineRadius: `calc(var(${tokens.chipBorderRadius}) - 0.1rem)`,\n        outlineColor: `var(${tokens.focusColor})`,\n    })}\n\n    &[readonly] {\n        opacity: var(${tokens.chipOpacityReadonly});\n    }\n`;\n"],"names":["mergedConfig","mergeConfig","chipConfig","Chip","component","_exp","StyledChip","styled","name","class","propsAsIs"],"mappings":";;;;AAOA;AACA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,UAAU,CAAC,CAAA;AAC5C,IAAMC,IAAI,gBAAGC,SAAS,CAACJ,YAAY,CAAC,CAAA;;AAEpC;AAAA,IAAAK,IAAA,GAVkBA,SAUlBA,IAAAA,GAAA;AAAA,EAAA,OACiCF,IAAI,CAAA;AAAA,CAAA,CAAA;AAA9B,IAAMG,UAAU,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA2C/B;;;;"}

package/es/components/TextField/ui/TextFieldChip/{TextFieldChip.styles_1yosnxc.css → TextFieldChip.styles_1y8n7la.css}

@@ -1,2 +1 @@
 .s32p7ut{--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;}.s32p7ut::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;}.s32p7ut.focus-visible:focus::before,.s32p7ut[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.s32p7ut[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
-.t4nir3h{display:block;-webkit-flex:none;-ms-flex:none;flex:none;background:none;border:none;outline:none;padding:0;white-space:nowrap;cursor:pointer;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);color:var(--plasma-textfield-color);position:relative;}.t4nir3h::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;}.t4nir3h.focus-visible:focus::before,.t4nir3h[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.t4nir3h:after{content:',';}.t4nir3h:last-child:after{content:'';}

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

@@ -1,4 +1,4 @@
-import './base_gttvto.css';
+import './base_x6yf49.css';
 var base = "b15d3bnf";
 
 export { base };

package/es/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            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,GAsDhB;;;;"}
+{"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            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: 100%;\n        }\n\n        &.${classes.clear} ${Label} {\n            color: var(${tokens.clearPlaceholderColor});\n        }\n    }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAmDhB;;;;"}

package/{cjs/components/TextField/variations/_label-placement/base_gttvto.css → es/components/TextField/variations/_label-placement/base_x6yf49.css}

@@ -1 +1 @@
-.b15d3bnf.label-placement-outer .l1gjsnfi{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.b15d3bnf.label-placement-inner .i19ry60d{padding:var(--plasma-textfield-placement_inner__content-padding);}.b15d3bnf.label-placement-inner .smqgwd8,.b15d3bnf.label-placement-inner .s7hnwwb{padding:var(--plasma-textfield-placement_inner__content-padding);}.b15d3bnf.label-placement-inner .i13qvwoy:focus ~ .l1gjsnfi,.b15d3bnf.label-placement-inner .i13qvwoy.has-value ~ .l1gjsnfi{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 .l1gjsnfi{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 .l1gjsnfi{color:var(--plasma-textfield__clear-placeholder-color);}
+.b15d3bnf.label-placement-outer .l1gjsnfi{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.b15d3bnf.label-placement-inner .i19ry60d{padding:var(--plasma-textfield-placement_inner__content-padding);}.b15d3bnf.label-placement-inner .smqgwd8,.b15d3bnf.label-placement-inner .s7hnwwb{padding:var(--plasma-textfield-placement_inner__content-padding);}.b15d3bnf.label-placement-inner .i13qvwoy:focus ~ .l1gjsnfi,.b15d3bnf.label-placement-inner .i13qvwoy.has-value ~ .l1gjsnfi{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 .l1gjsnfi{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;}.b15d3bnf.label-placement-inner.textfield-clear .l1gjsnfi{color:var(--plasma-textfield__clear-placeholder-color);}

package/es/components/TextField/variations/_view/base.js

@@ -1,4 +1,4 @@
-import './base_8ogww5.css';
+import './base_1elov6h.css';
 var base = "bptx5xt";
 
 export { base };

package/es/components/TextField/variations/_view/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../TextField.tokens';\nimport {\n    Input,\n    InputPlaceholder,\n    InputWrapper,\n    LeftHelper,\n    StyledTextAfter,\n    StyledTextBefore,\n    TitleCaption,\n} from '../../TextField.styles';\n\nexport const base = css`\n    ${InputWrapper} {\n        --plasma_private-textfield-border-color: var(${String(tokens.borderColor)});\n        --plasma_private-textfield-bg-color: var(${String(tokens.backgroundColor)});\n\n        color: var(${tokens.color});\n        background-color: var(--plasma_private-textfield-bg-color);\n        box-shadow: inset 0 0 0 var(${tokens.borderWidth}) var(--plasma_private-textfield-border-color);\n        caret-color: var(${tokens.caretColor});\n\n        transition: background-color 0.1s ease-in, color 0.1s ease-in, box-shadow 0.1s ease-in;\n    }\n    ${InputWrapper}:hover {\n        --plasma_private-textfield-border-color: var(${tokens.borderColorHover}, var(${String(tokens.borderColor)}));\n        --plasma_private-textfield-bg-color: var(\n            ${tokens.backgroundColorHover},\n            var(${String(tokens.backgroundColor)})\n        );\n    }\n\n    ${Input} {\n        color: var(${tokens.color});\n    }\n\n    ${InputPlaceholder} {\n        color: var(${tokens.placeholderColor});\n    }\n\n    ${InputWrapper}:focus-within {\n        --plasma_private-textfield-border-color: var(${tokens.borderColorFocus}, var(${String(tokens.borderColor)}));\n        --plasma_private-textfield-bg-color: var(\n            ${tokens.backgroundColorFocus},\n            var(${String(tokens.backgroundColor)})\n        );\n\n        ${InputPlaceholder} {\n            color: var(${tokens.placeholderColorFocus});\n        }\n    }\n\n    ${TitleCaption} {\n        color: var(${tokens.titleCaptionColor});\n    }\n\n    ${LeftHelper} {\n        color: var(${tokens.leftHelperColor});\n    }\n\n    ${StyledTextBefore} {\n        color: var(${tokens.textBeforeColor});\n    }\n\n    ${StyledTextAfter} {\n        color: var(${tokens.textAfterColor});\n    }\n`;\n"],"names":["base"],"mappings":"AAaO,IAAMA,IAAI,GAuDhB;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../TextField.tokens';\nimport {\n    Input,\n    InputPlaceholder,\n    InputWrapper,\n    LeftHelper,\n    StyledTextAfter,\n    StyledTextBefore,\n    TitleCaption,\n} from '../../TextField.styles';\n\nexport const base = css`\n    ${InputWrapper} {\n        --plasma_private-textfield-border-color: var(${String(tokens.borderColor)});\n        --plasma_private-textfield-bg-color: var(${String(tokens.backgroundColor)});\n\n        color: var(${tokens.color});\n        background-color: var(--plasma_private-textfield-bg-color);\n        box-shadow: inset 0 0 0 var(${tokens.borderWidth}) var(--plasma_private-textfield-border-color),\n            var(${tokens.boxShadow}, inset 0 0 0 0 transparent);\n        caret-color: var(${tokens.caretColor});\n\n        transition: background-color 0.1s ease-in, color 0.1s ease-in, box-shadow 0.1s ease-in;\n    }\n    ${InputWrapper}:hover {\n        --plasma_private-textfield-border-color: var(${tokens.borderColorHover}, var(${String(tokens.borderColor)}));\n        --plasma_private-textfield-bg-color: var(\n            ${tokens.backgroundColorHover},\n            var(${String(tokens.backgroundColor)})\n        );\n    }\n\n    ${Input} {\n        color: var(${tokens.color});\n    }\n\n    ${InputPlaceholder} {\n        color: var(${tokens.placeholderColor});\n    }\n\n    ${InputWrapper}:focus-within {\n        --plasma_private-textfield-border-color: var(${tokens.borderColorFocus}, var(${String(tokens.borderColor)}));\n        --plasma_private-textfield-bg-color: var(\n            ${tokens.backgroundColorFocus},\n            var(${String(tokens.backgroundColor)})\n        );\n\n        ${InputPlaceholder} {\n            color: var(${tokens.placeholderColorFocus});\n        }\n    }\n\n    ${TitleCaption} {\n        color: var(${tokens.titleCaptionColor});\n    }\n\n    ${LeftHelper} {\n        color: var(${tokens.leftHelperColor});\n    }\n\n    ${StyledTextBefore} {\n        color: var(${tokens.textBeforeColor});\n    }\n\n    ${StyledTextAfter} {\n        color: var(${tokens.textAfterColor});\n    }\n`;\n"],"names":["base"],"mappings":"AAaO,IAAMA,IAAI,GAwDhB;;;;"}

package/es/components/TextField/variations/_view/base_1elov6h.css

@@ -0,0 +1 @@
+.bptx5xt .i1j28rg8{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);--plasma_private-textfield-bg-color:var(--plasma-textfield-bg-color);color:var(--plasma-textfield-color);background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma_private-textfield-border-color), var(--plasma-textfield-box-shadow,inset 0 0 0 0 transparent);caret-color:var(--plasma-textfield__caret-color);-webkit-transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}.bptx5xt .i1j28rg8: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) );}.bptx5xt .i13qvwoy{color:var(--plasma-textfield-color);}.bptx5xt .ibt1ohz{color:var(--plasma-textfield__placeholder-color);}.bptx5xt .i1j28rg8: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) );}.bptx5xt .i1j28rg8:focus-within .ibt1ohz{color:var(--plasma-textfield__placeholder-color-focus);}.bptx5xt .t600610{color:var(--plasma-textfield__title-caption-color);}.bptx5xt .lb3k3v1{color:var(--plasma-textfield__left-helper-color);}.bptx5xt .s7hnwwb{color:var(--plasma-textfield__before-text-color);}.bptx5xt .smqgwd8{color:var(--plasma-textfield__after-text-color);}

package/es/index.css

@@ -161,7 +161,7 @@
 
 .base_1tei47x_b13ve66i__79b65751 .base_1tei47x_i13qvwoy__79b65751{width:100%;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_i19ry60d__79b65751{width:100%;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_i1j28rg8__79b65751{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_i1j28rg8__79b65751.base_1tei47x_hasChips__79b65751{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_i1j28rg8__79b65751.base_1tei47x_hasEmptyContentLeft__79b65751{padding-left:var(--plasma-textfield-padding-with-chips);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_i1j28rg8__79b65751.base_1tei47x_hasEmptyContentRight__79b65751{padding-right:var(--plasma-textfield-padding-with-chips);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_l1gjsnfi__79b65751,.base_1tei47x_b13ve66i__79b65751:not(.base_1tei47x_labelPlacementInner__79b65751) .base_1tei47x_s14qvple__79b65751{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_s16itze4__79b65751{margin:var(--plasma-textfield__hint-margin);width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_h1skqnhr__79b65751{width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_t600610__79b65751{font-family:var(--plasma-textfield__title-caption-font-family);font-size:var(--plasma-textfield__title-caption-font-size);font-style:var(--plasma-textfield__title-caption-font-style);font-weight:var(--plasma-textfield__title-caption-font-weight);-webkit-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);line-height:var(--plasma-textfield__title-caption-line-height);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_lb3k3v1__79b65751{margin-top:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_s7hnwwb__79b65751,.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_smqgwd8__79b65751{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_s7hnwwb__79b65751{margin:var(--plasma-textfield__before-text-margin);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_smqgwd8__79b65751{margin:var(--plasma-textfield__after-text-margin);}
 
-.base_8ogww5_bptx5xt__e950e715 .base_8ogww5_i1j28rg8__e950e715{--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_8ogww5_bptx5xt__e950e715 .base_8ogww5_i1j28rg8__e950e715: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_8ogww5_bptx5xt__e950e715 .base_8ogww5_i13qvwoy__e950e715{color:var(--plasma-textfield-color);}.base_8ogww5_bptx5xt__e950e715 .base_8ogww5_ibt1ohz__e950e715{color:var(--plasma-textfield__placeholder-color);}.base_8ogww5_bptx5xt__e950e715 .base_8ogww5_i1j28rg8__e950e715: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_8ogww5_bptx5xt__e950e715 .base_8ogww5_i1j28rg8__e950e715:focus-within .base_8ogww5_ibt1ohz__e950e715{color:var(--plasma-textfield__placeholder-color-focus);}.base_8ogww5_bptx5xt__e950e715 .base_8ogww5_t600610__e950e715{color:var(--plasma-textfield__title-caption-color);}.base_8ogww5_bptx5xt__e950e715 .base_8ogww5_lb3k3v1__e950e715{color:var(--plasma-textfield__left-helper-color);}.base_8ogww5_bptx5xt__e950e715 .base_8ogww5_s7hnwwb__e950e715{color:var(--plasma-textfield__before-text-color);}.base_8ogww5_bptx5xt__e950e715 .base_8ogww5_smqgwd8__e950e715{color:var(--plasma-textfield__after-text-color);}
+.base_1elov6h_bptx5xt__267ef823 .base_1elov6h_i1j28rg8__267ef823{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);--plasma_private-textfield-bg-color:var(--plasma-textfield-bg-color);color:var(--plasma-textfield-color);background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma_private-textfield-border-color), var(--plasma-textfield-box-shadow,inset 0 0 0 0 transparent);caret-color:var(--plasma-textfield__caret-color);-webkit-transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}.base_1elov6h_bptx5xt__267ef823 .base_1elov6h_i1j28rg8__267ef823: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_1elov6h_bptx5xt__267ef823 .base_1elov6h_i13qvwoy__267ef823{color:var(--plasma-textfield-color);}.base_1elov6h_bptx5xt__267ef823 .base_1elov6h_ibt1ohz__267ef823{color:var(--plasma-textfield__placeholder-color);}.base_1elov6h_bptx5xt__267ef823 .base_1elov6h_i1j28rg8__267ef823: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_1elov6h_bptx5xt__267ef823 .base_1elov6h_i1j28rg8__267ef823:focus-within .base_1elov6h_ibt1ohz__267ef823{color:var(--plasma-textfield__placeholder-color-focus);}.base_1elov6h_bptx5xt__267ef823 .base_1elov6h_t600610__267ef823{color:var(--plasma-textfield__title-caption-color);}.base_1elov6h_bptx5xt__267ef823 .base_1elov6h_lb3k3v1__267ef823{color:var(--plasma-textfield__left-helper-color);}.base_1elov6h_bptx5xt__267ef823 .base_1elov6h_s7hnwwb__267ef823{color:var(--plasma-textfield__before-text-color);}.base_1elov6h_bptx5xt__267ef823 .base_1elov6h_smqgwd8__267ef823{color:var(--plasma-textfield__after-text-color);}
 
 .base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7[readonly] .base_1396md2_i1j28rg8__eb9300f7,.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7 .base_1396md2_i1j28rg8__eb9300f7{background-color:unset;box-shadow:none;border-radius:0;padding-left:0;padding-right:0;}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7[readonly] .base_1396md2_i1j28rg8__eb9300f7:hover,.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7 .base_1396md2_i1j28rg8__eb9300f7:hover{background-color:unset;}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7 .base_1396md2_ssv2kwg__eb9300f7{margin-left:0;}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7 .base_1396md2_s190z894__eb9300f7{margin-right:0;}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7.base_1396md2_labelPlacementOuter__eb9300f7 .base_1396md2_olv9av6__eb9300f7{margin-bottom:var(--plasma-textfield__clear-label-offset);}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7 .base_1396md2_i13qvwoy__eb9300f7{color:var(--plasma-textfield-clear-color);}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7 .base_1396md2_ibt1ohz__eb9300f7{color:var(--plasma-textfield__clear-placeholder-color);}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7 .base_1396md2_s8yezh4__eb9300f7.base_1396md2_labelPlacementInner__eb9300f7{inset:var(--plasma-textfield__clear-indicator-placement-inner);}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7 .base_1396md2_s8yezh4__eb9300f7.base_1396md2_labelPlacementInner__eb9300f7.base_1396md2_requiredAlignRight__eb9300f7{inset:var(--plasma-textfield__clear-indicator-placement-inner-right);}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7.base_1396md2_textfieldHasHint__eb9300f7 .base_1396md2_s16itze4__eb9300f7.base_1396md2_labelPlacementInner__eb9300f7{inset:var(--plasma-textfield__clear-hint-inner-label-placement-offset);}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7.base_1396md2_textfieldHasHint__eb9300f7 .base_1396md2_s8yezh4__eb9300f7.base_1396md2_labelPlacementInner__eb9300f7.base_1396md2_requiredAlignRight__eb9300f7{inset:var(--plasma-textfield__clear-indicator-hint-placement-inner-right);}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7.base_1396md2_textfieldHasDivider__eb9300f7 .base_1396md2_i1j28rg8__eb9300f7{--plasma_private-textfield-divider-color:var(--plasma-textfield-divider-color);}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7.base_1396md2_textfieldHasDivider__eb9300f7 .base_1396md2_i1j28rg8__eb9300f7: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_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7.base_1396md2_textfieldHasDivider__eb9300f7:not([readonly]) .base_1396md2_i1j28rg8__eb9300f7:hover{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-hover, var(--plasma-textfield-divider-color) );}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7.base_1396md2_textfieldHasDivider__eb9300f7:not([readonly]) .base_1396md2_i1j28rg8__eb9300f7:focus-within{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-focus, var(--plasma-textfield-divider-color) );}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7.base_1396md2_textfieldHasDivider__eb9300f7:not([readonly]) .base_1396md2_i1j28rg8__eb9300f7:focus-within .base_1396md2_ibt1ohz__eb9300f7{color:var(--plasma-textfield__clear-placeholder-color-focus);}
 
@@ -169,7 +169,7 @@
 
 .base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_i1j28rg8__78f0baf3{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_1jvcf9a_b1w985rt__78f0baf3[readonly].base_1jvcf9a_textfieldHasDivider__78f0baf3 .base_1jvcf9a_i1j28rg8__78f0baf3:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_i1j28rg8__78f0baf3:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_i1j28rg8__78f0baf3:focus-within .base_1jvcf9a_ibt1ohz__78f0baf3,.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_ibt1ohz__78f0baf3{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_i13qvwoy__78f0baf3{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_t600610__78f0baf3{color:var(--plasma-textfield__title-caption-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_lb3k3v1__78f0baf3{color:var(--plasma-textfield__left-helper-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly].base_1jvcf9a_labelPlacementOuter__78f0baf3 .base_1jvcf9a_l1gjsnfi__78f0baf3{color:var(--plasma-textfield__label-color-readonly);}
 
-.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementOuter__3b8edf79 .base_gttvto_l1gjsnfi__3b8edf79{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79 .base_gttvto_i19ry60d__3b8edf79{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79 .base_gttvto_smqgwd8__3b8edf79,.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79 .base_gttvto_s7hnwwb__3b8edf79{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79 .base_gttvto_i13qvwoy__3b8edf79:focus ~ .base_gttvto_l1gjsnfi__3b8edf79,.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79 .base_gttvto_i13qvwoy__3b8edf79.base_gttvto_hasValue__3b8edf79 ~ .base_gttvto_l1gjsnfi__3b8edf79{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_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79 .base_gttvto_l1gjsnfi__3b8edf79{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_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79.base_gttvto_textfieldClear__3b8edf79 .base_gttvto_l1gjsnfi__3b8edf79{color:var(--plasma-textfield__clear-placeholder-color);}
+.base_x6yf49_b15d3bnf__5c7476ba.base_x6yf49_labelPlacementOuter__5c7476ba .base_x6yf49_l1gjsnfi__5c7476ba{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_x6yf49_b15d3bnf__5c7476ba.base_x6yf49_labelPlacementInner__5c7476ba .base_x6yf49_i19ry60d__5c7476ba{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_x6yf49_b15d3bnf__5c7476ba.base_x6yf49_labelPlacementInner__5c7476ba .base_x6yf49_smqgwd8__5c7476ba,.base_x6yf49_b15d3bnf__5c7476ba.base_x6yf49_labelPlacementInner__5c7476ba .base_x6yf49_s7hnwwb__5c7476ba{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_x6yf49_b15d3bnf__5c7476ba.base_x6yf49_labelPlacementInner__5c7476ba .base_x6yf49_i13qvwoy__5c7476ba:focus ~ .base_x6yf49_l1gjsnfi__5c7476ba,.base_x6yf49_b15d3bnf__5c7476ba.base_x6yf49_labelPlacementInner__5c7476ba .base_x6yf49_i13qvwoy__5c7476ba.base_x6yf49_hasValue__5c7476ba ~ .base_x6yf49_l1gjsnfi__5c7476ba{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_x6yf49_b15d3bnf__5c7476ba.base_x6yf49_labelPlacementInner__5c7476ba .base_x6yf49_l1gjsnfi__5c7476ba{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;}.base_x6yf49_b15d3bnf__5c7476ba.base_x6yf49_labelPlacementInner__5c7476ba.base_x6yf49_textfieldClear__5c7476ba .base_x6yf49_l1gjsnfi__5c7476ba{color:var(--plasma-textfield__clear-placeholder-color);}
 
 .base_l8etux_bbsd6t5__82026c13 .base_l8etux_hq39zt5__82026c13{--plasma-tooltip-background-color:var(--plasma-textfield__tooltip-background-color);--plasma-tooltip-box-shadow:var(--plasma-textfield__tooltip-box-shadow);--plasma-tooltip-color:var(--plasma-textfield__tooltip-color);}
 
@@ -197,8 +197,7 @@
 
 .TextField_styles_j7dqpn_s8yezh4__f79fd7d8{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementOuter__f79fd7d8{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementOuter__f79fd7d8.TextField_styles_j7dqpn_requiredAlignRight__f79fd7d8{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementOuter__f79fd7d8.TextField_styles_j7dqpn_requiredAlignRight__f79fd7d8.TextField_styles_j7dqpn_textfieldHasHint__f79fd7d8{right:calc(-1 * var(--plasma-textfield__indicator-size-outer));}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementInner__f79fd7d8{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementInner__f79fd7d8.TextField_styles_j7dqpn_requiredAlignRight__f79fd7d8{inset:var(--plasma-textfield__indicator-placement-inner-right);}
 
-.TextFieldChip_styles_1yosnxc_s32p7ut__b8a89acb{--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_1yosnxc_s32p7ut__b8a89acb::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_1yosnxc_s32p7ut__b8a89acb.TextFieldChip_styles_1yosnxc_focusVisible__b8a89acb:focus::before,.TextFieldChip_styles_1yosnxc_s32p7ut__b8a89acb[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_1yosnxc_s32p7ut__b8a89acb[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
-.TextFieldChip_styles_1yosnxc_t4nir3h__b8a89acb{display:block;-webkit-flex:none;-ms-flex:none;flex:none;background:none;border:none;outline:none;padding:0;white-space:nowrap;cursor:pointer;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);color:var(--plasma-textfield-color);position:relative;}.TextFieldChip_styles_1yosnxc_t4nir3h__b8a89acb::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_1yosnxc_t4nir3h__b8a89acb.TextFieldChip_styles_1yosnxc_focusVisible__b8a89acb:focus::before,.TextFieldChip_styles_1yosnxc_t4nir3h__b8a89acb[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_1yosnxc_t4nir3h__b8a89acb:after{content:',';}.TextFieldChip_styles_1yosnxc_t4nir3h__b8a89acb:last-child:after{content:'';}
+.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);}
 
 .TextField_1lzb2r1_bpunezx__7d079491{display:block;}
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.195.2-canary.1577.11938240958.0",
+  "version": "0.196.0-canary.1578.11937650902.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -129,5 +129,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "e64944aa8cd53716843a5dc703f484413ac75722"
+  "gitHead": "d09d7664016af95c397679552bfe4269f4d7ced0"
 }

package/styled-components/cjs/components/Select/ui/Target/Target.js

@@ -82,7 +82,6 @@ var Target = exports.Target = /*#__PURE__*/(0, _react.forwardRef)(function (_ref
     onChange: onChange,
     labelToItemMap: labelToItemMap,
     chipView: chipView,
-    requiredProps: requiredProps,
-    chipType: selectProps.chipType
+    requiredProps: requiredProps
   });
 });

package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js

@@ -42,8 +42,7 @@ var Textfield = exports.Textfield = /*#__PURE__*/(0, _react.forwardRef)(function
     onChange = _ref.onChange,
     labelToItemMap = _ref.labelToItemMap,
     chipView = _ref.chipView,
-    requiredProps = _ref.requiredProps,
-    chipType = _ref.chipType;
+    requiredProps = _ref.requiredProps;
   var withArrowInverse = opened ? _Select.classes.arrowInverse : undefined;
   var getChips = function getChips() {
     if (multiselect && Array.isArray(value)) {
@@ -114,8 +113,7 @@ var Textfield = exports.Textfield = /*#__PURE__*/(0, _react.forwardRef)(function
   }, multiselect ? {
     enumerationType: 'chip',
     chips: getChips(),
-    onChangeChips: handleChipsChange,
-    chipType: chipType
+    onChangeChips: handleChipsChange
   } : {
     enumerationType: 'plain'
   }, {

package/styled-components/cjs/components/TextField/TextField.js

@@ -23,7 +23,7 @@ var _TextField2 = /*#__PURE__*/require("./TextField.tokens");
 var _ui = /*#__PURE__*/require("./ui");
 var _hooks2 = /*#__PURE__*/require("./hooks");
 var _Hint = /*#__PURE__*/require("./ui/Hint/Hint");
-var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "textBefore", "textAfter", "placeholder", "leftHelper", "enumerationType", "requiredPlacement", "titleCaption", "hintTrigger", "hintText", "hintView", "hintSize", "hintTargetIcon", "hintPlacement", "hintHasArrow", "hintOffset", "hintWidth", "hintContentLeft", "view", "size", "readOnly", "disabled", "required", "clear", "optional", "hasDivider", "value", "chips", "chipType", "onChange", "onChangeChips", "onSearch", "onKeyDown"];
+var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "textBefore", "textAfter", "placeholder", "leftHelper", "enumerationType", "requiredPlacement", "titleCaption", "hintTrigger", "hintText", "hintView", "hintSize", "hintTargetIcon", "hintPlacement", "hintHasArrow", "hintOffset", "hintWidth", "hintContentLeft", "view", "size", "readOnly", "disabled", "required", "clear", "optional", "hasDivider", "value", "chips", "onChange", "onChangeChips", "onSearch", "onKeyDown"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -86,8 +86,6 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
       hasDivider = _ref.hasDivider,
       outerValue = _ref.value,
       values = _ref.chips,
-      _ref$chipType = _ref.chipType,
-      chipType = _ref$chipType === void 0 ? 'default' : _ref$chipType,
       onChange = _ref.onChange,
       onChangeChips = _ref.onChangeChips,
       onSearch = _ref.onSearch,
@@ -136,8 +134,8 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
     var requiredPlacementClass = requiredPlacement === 'right' ? _TextField2.classes.requiredAlignRight : undefined;
     var labelPlacementClass = innerLabelPlacementValue ? _TextField2.classes["".concat(innerLabelPlacementValue, "LabelPlacement")] : undefined;
     var hasValueClass = hasValue ? _TextField2.classes.hasValue : undefined;
-    var wrapperWithoutLeftContent = !contentLeft && isChipsVisible && chipType === 'default' ? _TextField2.classes.hasEmptyContentLeft : undefined;
-    var wrapperWithoutRightContent = !contentRight && isChipsVisible && chipType === 'default' ? _TextField2.classes.hasEmptyContentRight : undefined;
+    var wrapperWithoutLeftContent = !contentLeft && isChipsVisible ? _TextField2.classes.hasEmptyContentLeft : undefined;
+    var wrapperWithoutRightContent = !contentRight && isChipsVisible ? _TextField2.classes.hasEmptyContentRight : undefined;
     var hintRef = (0, _hooks.useOutsideClick)(function () {
       setIsHintVisible(false);
     });
@@ -328,8 +326,7 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
         onClear: function onClear() {
           return onChipClear(chipId, index);
         },
-        onClick: onChipClick,
-        chipType: chipType
+        onClick: onChipClick
         // TODO: #1547
         // eslint-disable-next-line @typescript-eslint/ban-ts-comment
         // @ts-ignore

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

@@ -22,6 +22,7 @@ var classes = exports.classes = {
 var tokens = exports.tokens = {
   color: '--plasma-textfield-color',
   clearColor: '--plasma-textfield-clear-color',
+  boxShadow: '--plasma-textfield-box-shadow',
   backgroundColor: '--plasma-textfield-bg-color',
   backgroundColorHover: '--plasma-textfield-bg-color-hover',
   backgroundColorFocus: '--plasma-textfield-bg-color-focus',

package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js

@@ -20,23 +20,14 @@ var TextFieldChip = exports.TextFieldChip = /*#__PURE__*/(0, _react.forwardRef)(
     onClick = _ref.onClick,
     onClear = _ref.onClear,
     onKeyDown = _ref.onKeyDown,
-    _forceChipManipulationWithReadonly = _ref._forceChipManipulationWithReadonly,
-    chipType = _ref.chipType;
+    _forceChipManipulationWithReadonly = _ref._forceChipManipulationWithReadonly;
   var onClearHandle = function onClearHandle() {
     return onClear(id);
   };
   var onKeyDownHandle = function onKeyDownHandle(event) {
     onKeyDown === null || onKeyDown === void 0 || onKeyDown(event, id);
   };
-  var handleClick = function handleClick(e) {
-    if (onClick) {
-      onClick(e);
-    }
-    if (onClear) {
-      onClear(id);
-    }
-  };
-  return chipType === 'default' ? /*#__PURE__*/_react["default"].createElement(_TextFieldChip.StyledChip, {
+  return /*#__PURE__*/_react["default"].createElement(_TextFieldChip.StyledChip, {
     ref: ref,
     tabIndex: -1,
     disabled: disabled,
@@ -50,10 +41,5 @@ var TextFieldChip = exports.TextFieldChip = /*#__PURE__*/(0, _react.forwardRef)(
     // @ts-ignore
     ,
     _forceChipManipulationWithReadonly: _forceChipManipulationWithReadonly
-  }) : /*#__PURE__*/_react["default"].createElement(_TextFieldChip.TextChip, {
-    ref: ref,
-    tabIndex: -1,
-    onClick: handleClick,
-    onKeyDown: onKeyDownHandle
-  }, text);
+  });
 });

package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TextChip = exports.StyledChip = void 0;
+exports.StyledChip = void 0;
 var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
 var _Chip = /*#__PURE__*/require("../../../Chip");
 var _engines = /*#__PURE__*/require("../../../../engines");
@@ -22,12 +22,4 @@ var StyledChip = exports.StyledChip = /*#__PURE__*/(0, _styledComponents["defaul
   outlineSize: '0.0625rem',
   outlineRadius: /*#__PURE__*/"calc(var(".concat(_TextField.tokens.chipBorderRadius, ") - 0.1rem)"),
   outlineColor: /*#__PURE__*/"var(".concat(_TextField.tokens.focusColor, ")")
-}), _TextField.tokens.chipOpacityReadonly);
-var TextChip = exports.TextChip = /*#__PURE__*/_styledComponents["default"].button.withConfig({
-  componentId: "plasma-new-hope__sc-1mypbcr-1"
-})(["display:block;flex:none;background:none;border:none;outline:none;padding:0;white-space:nowrap;cursor:pointer;font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");color:var(", ");", " &:after{content:',';}&:last-child{&:after{content:'';}}"], _TextField.tokens.fontFamily, _TextField.tokens.fontSize, _TextField.tokens.fontStyle, _TextField.tokens.fontWeight, _TextField.tokens.letterSpacing, _TextField.tokens.lineHeight, _TextField.tokens.color, /*#__PURE__*/(0, _mixins.addFocus)({
-  outlineOffset: '0.0625rem',
-  outlineSize: '0.0625rem',
-  outlineRadius: /*#__PURE__*/"calc(var(".concat(_TextField.tokens.chipBorderRadius, ") - 0.1rem)"),
-  outlineColor: /*#__PURE__*/"var(".concat(_TextField.tokens.focusColor, ")")
-}));
+}), _TextField.tokens.chipOpacityReadonly);

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

@@ -7,4 +7,4 @@ exports.base = void 0;
 var _styledComponents = /*#__PURE__*/require("styled-components");
 var _TextField = /*#__PURE__*/require("../../TextField.tokens");
 var _TextField2 = /*#__PURE__*/require("../../TextField.styles");
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{", "{position:relative;display:inline-block;color:var(", ");}}&.", "{", "{padding:var(", ");}", ",", "{padding:var(", ");}", ":focus ~ ", ",", ".", " ~ ", "{color:var(", ");align-items:flex-start;padding:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{color:var(", ");pointer-events:none;position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;height:var(", ");padding-top:calc(calc(var(", ") - var(", ")) / 2);padding-bottom:calc(calc(var(", ") - var(", ")) / 2);}&.", " ", "{color:var(", ");}}"], _TextField.classes.outerLabelPlacement, _TextField2.Label, _TextField.tokens.labelColor, _TextField.classes.innerLabelPlacement, _TextField2.InputContainer, _TextField.tokens.contentLabelInnerPadding, _TextField2.StyledTextAfter, _TextField2.StyledTextBefore, _TextField.tokens.contentLabelInnerPadding, _TextField2.Input, _TextField2.Label, _TextField2.Input, _TextField.classes.hasValue, _TextField2.Label, _TextField.tokens.placeholderColor, _TextField.tokens.labelInnerPadding, _TextField.tokens.labelInnerFontFamily, _TextField.tokens.labelInnerFontSize, _TextField.tokens.labelInnerFontStyle, _TextField.tokens.labelInnerFontWeight, _TextField.tokens.labelInnerLetterSpacing, _TextField.tokens.labelInnerLineHeight, _TextField2.Label, _TextField.tokens.placeholderColor, _TextField.tokens.height, _TextField.tokens.height, _TextField.tokens.labelLineHeight, _TextField.tokens.height, _TextField.tokens.labelLineHeight, _TextField.classes.clear, _TextField2.Label, _TextField.tokens.clearPlaceholderColor);
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{", "{position:relative;display:inline-block;color:var(", ");}}&.", "{", "{padding:var(", ");}", ",", "{padding:var(", ");}", ":focus ~ ", ",", ".", " ~ ", "{color:var(", ");align-items:flex-start;padding:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{color:var(", ");pointer-events:none;position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;height:100%;}&.", " ", "{color:var(", ");}}"], _TextField.classes.outerLabelPlacement, _TextField2.Label, _TextField.tokens.labelColor, _TextField.classes.innerLabelPlacement, _TextField2.InputContainer, _TextField.tokens.contentLabelInnerPadding, _TextField2.StyledTextAfter, _TextField2.StyledTextBefore, _TextField.tokens.contentLabelInnerPadding, _TextField2.Input, _TextField2.Label, _TextField2.Input, _TextField.classes.hasValue, _TextField2.Label, _TextField.tokens.placeholderColor, _TextField.tokens.labelInnerPadding, _TextField.tokens.labelInnerFontFamily, _TextField.tokens.labelInnerFontSize, _TextField.tokens.labelInnerFontStyle, _TextField.tokens.labelInnerFontWeight, _TextField.tokens.labelInnerLetterSpacing, _TextField.tokens.labelInnerLineHeight, _TextField2.Label, _TextField.tokens.placeholderColor, _TextField.classes.clear, _TextField2.Label, _TextField.tokens.clearPlaceholderColor);

package/styled-components/cjs/components/TextField/variations/_view/base.js

@@ -7,4 +7,4 @@ exports.base = void 0;
 var _styledComponents = /*#__PURE__*/require("styled-components");
 var _TextField = /*#__PURE__*/require("../../TextField.tokens");
 var _TextField2 = /*#__PURE__*/require("../../TextField.styles");
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["", "{--plasma_private-textfield-border-color:var(", ");--plasma_private-textfield-bg-color:var(", ");color:var(", ");background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(", ") var(--plasma_private-textfield-border-color);caret-color:var(", ");transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}", ":hover{--plasma_private-textfield-border-color:var(", ",var(", "));--plasma_private-textfield-bg-color:var( ", ",var(", ") );}", "{color:var(", ");}", "{color:var(", ");}", ":focus-within{--plasma_private-textfield-border-color:var(", ",var(", "));--plasma_private-textfield-bg-color:var( ", ",var(", ") );", "{color:var(", ");}}", "{color:var(", ");}", "{color:var(", ");}", "{color:var(", ");}", "{color:var(", ");}"], _TextField2.InputWrapper, /*#__PURE__*/String(_TextField.tokens.borderColor), /*#__PURE__*/String(_TextField.tokens.backgroundColor), _TextField.tokens.color, _TextField.tokens.borderWidth, _TextField.tokens.caretColor, _TextField2.InputWrapper, _TextField.tokens.borderColorHover, /*#__PURE__*/String(_TextField.tokens.borderColor), _TextField.tokens.backgroundColorHover, /*#__PURE__*/String(_TextField.tokens.backgroundColor), _TextField2.Input, _TextField.tokens.color, _TextField2.InputPlaceholder, _TextField.tokens.placeholderColor, _TextField2.InputWrapper, _TextField.tokens.borderColorFocus, /*#__PURE__*/String(_TextField.tokens.borderColor), _TextField.tokens.backgroundColorFocus, /*#__PURE__*/String(_TextField.tokens.backgroundColor), _TextField2.InputPlaceholder, _TextField.tokens.placeholderColorFocus, _TextField2.TitleCaption, _TextField.tokens.titleCaptionColor, _TextField2.LeftHelper, _TextField.tokens.leftHelperColor, _TextField2.StyledTextBefore, _TextField.tokens.textBeforeColor, _TextField2.StyledTextAfter, _TextField.tokens.textAfterColor);
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["", "{--plasma_private-textfield-border-color:var(", ");--plasma_private-textfield-bg-color:var(", ");color:var(", ");background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(", ") var(--plasma_private-textfield-border-color),var(", ",inset 0 0 0 0 transparent);caret-color:var(", ");transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}", ":hover{--plasma_private-textfield-border-color:var(", ",var(", "));--plasma_private-textfield-bg-color:var( ", ",var(", ") );}", "{color:var(", ");}", "{color:var(", ");}", ":focus-within{--plasma_private-textfield-border-color:var(", ",var(", "));--plasma_private-textfield-bg-color:var( ", ",var(", ") );", "{color:var(", ");}}", "{color:var(", ");}", "{color:var(", ");}", "{color:var(", ");}", "{color:var(", ");}"], _TextField2.InputWrapper, /*#__PURE__*/String(_TextField.tokens.borderColor), /*#__PURE__*/String(_TextField.tokens.backgroundColor), _TextField.tokens.color, _TextField.tokens.borderWidth, _TextField.tokens.boxShadow, _TextField.tokens.caretColor, _TextField2.InputWrapper, _TextField.tokens.borderColorHover, /*#__PURE__*/String(_TextField.tokens.borderColor), _TextField.tokens.backgroundColorHover, /*#__PURE__*/String(_TextField.tokens.backgroundColor), _TextField2.Input, _TextField.tokens.color, _TextField2.InputPlaceholder, _TextField.tokens.placeholderColor, _TextField2.InputWrapper, _TextField.tokens.borderColorFocus, /*#__PURE__*/String(_TextField.tokens.borderColor), _TextField.tokens.backgroundColorFocus, /*#__PURE__*/String(_TextField.tokens.backgroundColor), _TextField2.InputPlaceholder, _TextField.tokens.placeholderColorFocus, _TextField2.TitleCaption, _TextField.tokens.titleCaptionColor, _TextField2.LeftHelper, _TextField.tokens.leftHelperColor, _TextField2.StyledTextBefore, _TextField.tokens.textBeforeColor, _TextField2.StyledTextAfter, _TextField.tokens.textAfterColor);

package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx

@@ -104,11 +104,6 @@ const meta: Meta<StorySelectProps> = {
             },
             if: { arg: 'required', truthy: false },
         },
-        chipType: {
-            control: 'select',
-            options: ['default', 'text'],
-            if: { arg: 'target', eq: 'textfield-like' },
-        },
     },
     args: {
         target: 'textfield-like',
@@ -126,7 +121,6 @@ const meta: Meta<StorySelectProps> = {
         optional: false,
         required: false,
         requiredPlacement: 'right',
-        chipType: 'default',
     },
     parameters: {
         controls: {
@@ -150,7 +144,6 @@ const meta: Meta<StorySelectProps> = {
                 'optional',
                 'required',
                 'requiredPlacement',
-                'chipType',
             ],
         },
     },
@@ -389,7 +382,7 @@ const SingleStory = (args: StorySelectProps) => {
 export const Single: StoryObj<StorySelectProps> = {
     parameters: {
         controls: {
-            exclude: ['chipView', 'isTargetAmount', 'chipType'],
+            exclude: ['chipView', 'isTargetAmount'],
         },
     },
     render: (args) => <SingleStory {...args} />,

package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx

@@ -134,10 +134,6 @@ const meta: Meta<typeof TextField> = {
             control: { type: 'text' },
             if: { arg: 'hasHint', truthy: true },
         },
-        chipType: {
-            control: 'select',
-            options: ['default', 'text'],
-        },
     },
 };
 
@@ -237,11 +233,6 @@ export const Default: StoryObj<StoryPropsDefault> = {
         hintWidth: '10rem',
         hintHasArrow: true,
     },
-    parameters: {
-        controls: {
-            exclude: ['chipType'],
-        },
-    },
     render: (args) => <StoryDemo {...args} />,
 };
 
@@ -297,7 +288,6 @@ export const Chips: StoryObj<StoryPropsChips> = {
     args: {
         ...Default.args,
         chips: ['1 value', '2 value', '3 value', '4 value'],
-        chipType: 'default',
     },
     render: (args) => <StoryChips {...args} />,
 };

package/styled-components/cjs/examples/plasma_web/components/Select/Select.stories.tsx

@@ -103,11 +103,6 @@ const meta: Meta<StorySelectProps> = {
             },
             if: { arg: 'required', truthy: false },
         },
-        chipType: {
-            control: 'select',
-            options: ['default', 'text'],
-            if: { arg: 'target', eq: 'textfield-like' },
-        },
     },
     args: {
         target: 'textfield-like',
@@ -125,7 +120,6 @@ const meta: Meta<StorySelectProps> = {
         optional: false,
         required: false,
         requiredPlacement: 'right',
-        chipType: 'default',
     },
     parameters: {
         controls: {
@@ -149,7 +143,6 @@ const meta: Meta<StorySelectProps> = {
                 'optional',
                 'required',
                 'requiredPlacement',
-                'chipType',
             ],
         },
     },
@@ -388,7 +381,7 @@ const SingleStory = (args: StorySelectProps) => {
 export const Single: StoryObj<StorySelectProps> = {
     parameters: {
         controls: {
-            exclude: ['chipView', 'isTargetAmount', 'chipType'],
+            exclude: ['chipView', 'isTargetAmount'],
         },
     },
     render: (args) => <SingleStory {...args} />,

package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx

@@ -134,10 +134,6 @@ const meta: Meta<typeof TextField> = {
             control: { type: 'text' },
             if: { arg: 'hasHint', truthy: true },
         },
-        chipType: {
-            control: 'select',
-            options: ['default', 'text'],
-        },
     },
 };
 
@@ -237,11 +233,6 @@ export const Default: StoryObj<StoryPropsDefault> = {
         hintWidth: '10rem',
         hintHasArrow: true,
     },
-    parameters: {
-        controls: {
-            exclude: ['chipType'],
-        },
-    },
     render: (args) => <StoryDemo {...args} />,
 };
 
@@ -297,7 +288,6 @@ export const Chips: StoryObj<StoryPropsChips> = {
     args: {
         ...Default.args,
         chips: ['1 value', '2 value', '3 value', '4 value'],
-        chipType: 'default',
     },
     render: (args) => <StoryChips {...args} />,
 };

package/styled-components/es/components/Select/ui/Target/Target.js

@@ -73,7 +73,6 @@ export var Target = /*#__PURE__*/forwardRef(function (_ref, ref) {
     onChange: onChange,
     labelToItemMap: labelToItemMap,
     chipView: chipView,
-    requiredProps: requiredProps,
-    chipType: selectProps.chipType
+    requiredProps: requiredProps
   });
 });

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

@@ -33,8 +33,7 @@ export var Textfield = /*#__PURE__*/forwardRef(function (_ref, ref) {
     onChange = _ref.onChange,
     labelToItemMap = _ref.labelToItemMap,
     chipView = _ref.chipView,
-    requiredProps = _ref.requiredProps,
-    chipType = _ref.chipType;
+    requiredProps = _ref.requiredProps;
   var withArrowInverse = opened ? classes.arrowInverse : undefined;
   var getChips = function getChips() {
     if (multiselect && Array.isArray(value)) {
@@ -105,8 +104,7 @@ export var Textfield = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }, multiselect ? {
     enumerationType: 'chip',
     chips: getChips(),
-    onChangeChips: handleChipsChange,
-    chipType: chipType
+    onChangeChips: handleChipsChange
   } : {
     enumerationType: 'plain'
   }, {

package/styled-components/es/components/TextField/TextField.js

@@ -1,4 +1,4 @@
-var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "textBefore", "textAfter", "placeholder", "leftHelper", "enumerationType", "requiredPlacement", "titleCaption", "hintTrigger", "hintText", "hintView", "hintSize", "hintTargetIcon", "hintPlacement", "hintHasArrow", "hintOffset", "hintWidth", "hintContentLeft", "view", "size", "readOnly", "disabled", "required", "clear", "optional", "hasDivider", "value", "chips", "chipType", "onChange", "onChangeChips", "onSearch", "onKeyDown"];
+var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "textBefore", "textAfter", "placeholder", "leftHelper", "enumerationType", "requiredPlacement", "titleCaption", "hintTrigger", "hintText", "hintView", "hintSize", "hintTargetIcon", "hintPlacement", "hintHasArrow", "hintOffset", "hintWidth", "hintContentLeft", "view", "size", "readOnly", "disabled", "required", "clear", "optional", "hasDivider", "value", "chips", "onChange", "onChangeChips", "onSearch", "onKeyDown"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -77,8 +77,6 @@ export var textFieldRoot = function textFieldRoot(Root) {
       hasDivider = _ref.hasDivider,
       outerValue = _ref.value,
       values = _ref.chips,
-      _ref$chipType = _ref.chipType,
-      chipType = _ref$chipType === void 0 ? 'default' : _ref$chipType,
       onChange = _ref.onChange,
       onChangeChips = _ref.onChangeChips,
       onSearch = _ref.onSearch,
@@ -127,8 +125,8 @@ export var textFieldRoot = function textFieldRoot(Root) {
     var requiredPlacementClass = requiredPlacement === 'right' ? classes.requiredAlignRight : undefined;
     var labelPlacementClass = innerLabelPlacementValue ? classes["".concat(innerLabelPlacementValue, "LabelPlacement")] : undefined;
     var hasValueClass = hasValue ? classes.hasValue : undefined;
-    var wrapperWithoutLeftContent = !contentLeft && isChipsVisible && chipType === 'default' ? classes.hasEmptyContentLeft : undefined;
-    var wrapperWithoutRightContent = !contentRight && isChipsVisible && chipType === 'default' ? classes.hasEmptyContentRight : undefined;
+    var wrapperWithoutLeftContent = !contentLeft && isChipsVisible ? classes.hasEmptyContentLeft : undefined;
+    var wrapperWithoutRightContent = !contentRight && isChipsVisible ? classes.hasEmptyContentRight : undefined;
     var hintRef = useOutsideClick(function () {
       setIsHintVisible(false);
     });
@@ -319,8 +317,7 @@ export var textFieldRoot = function textFieldRoot(Root) {
         onClear: function onClear() {
           return onChipClear(chipId, index);
         },
-        onClick: onChipClick,
-        chipType: chipType
+        onClick: onChipClick
         // TODO: #1547
         // eslint-disable-next-line @typescript-eslint/ban-ts-comment
         // @ts-ignore

package/styled-components/es/components/TextField/TextField.tokens.js

@@ -16,6 +16,7 @@ export var classes = {
 export var tokens = {
   color: '--plasma-textfield-color',
   clearColor: '--plasma-textfield-clear-color',
+  boxShadow: '--plasma-textfield-box-shadow',
   backgroundColor: '--plasma-textfield-bg-color',
   backgroundColorHover: '--plasma-textfield-bg-color-hover',
   backgroundColorFocus: '--plasma-textfield-bg-color-focus',