@salutejs/plasma-new-hope 0.343.1-canary.2382.20298088990.0 → 0.343.1-canary.2382.20331057385.0

package/dist/emotion/es/components/TextField/TextField.tokens.js

@@ -3,6 +3,7 @@ export var classes = {
     hasChips: 'has-chips',
     chipsWrapper: 'chips-wrapper',
     hasValue: 'has-value',
+    hasFocus: 'has-focus',
     keepPlaceholder: 'keep-placeholder',
     hasEmptyContentLeft: 'has-empty-content-left',
     hasEmptyContentRight: 'has-empty-content-right',
@@ -22,6 +23,7 @@ export var classes = {
 };
 export var tokens = {
     color: '--plasma-textfield-color',
+    colorFocus: '--plasma-textfield-color-focus',
     clearColor: '--plasma-textfield-clear-color',
     boxShadow: '--plasma-textfield-box-shadow',
     backgroundColor: '--plasma-textfield-bg-color',
@@ -62,6 +64,7 @@ export var tokens = {
     /* Tokens for content slot */ contentSlotColor: '--plasma-textfield-content-slot-color',
     contentSlotColorHover: '--plasma-textfield-content-slot-color-hover',
     contentSlotColorActive: '--plasma-textfield-content-slot-color-active',
+    contentSlotColorFocus: '--plasma-textfield-content-slot-color-focus',
     contentSlotRightColor: '--plasma-textfield-content-right-slot-color',
     contentSlotRightColorHover: '--plasma-textfield-content-right-slot-color-hover',
     contentSlotRightColorActive: '--plasma-textfield-content-right-slot-color-active',
@@ -96,6 +99,7 @@ export var tokens = {
     titleCaptionLetterSpacing: '--plasma-textfield__title-caption-letter-spacing',
     titleCaptionLineHeight: '--plasma-textfield__title-caption-line-height',
     leftHelperColor: '--plasma-textfield__left-helper-color',
+    leftHelperColorFocus: '--plasma-textfield__left-helper-color-focus',
     leftHelperColorReadOnly: '--plasma-textfield__left-helper-color-readonly',
     leftHelperOffset: '--plasma-textfield__left-helper-offset',
     leftHelperFontFamily: '--plasma-textfield__left-helper-font-family',

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

@@ -1,4 +1,4 @@
 import { css } from "@emotion/react";
 import { classes, tokens } from "../../TextField.tokens";
-import { Input, InputPlaceholder, InputWrapper, LeftHelper, StyledTextAfter, StyledTextBefore, TitleCaption } from "../../TextField.styles";
-export var base = /*#__PURE__*/ css(InputWrapper, "{--plasma_private-textfield-border-color:var(", String(tokens.borderColor), ");--plasma_private-textfield-bg-color:var(", String(tokens.backgroundColor), ");color:var(", tokens.color, ");background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(", tokens.borderWidth, ") var(--plasma_private-textfield-border-color),var(", tokens.boxShadow, ",inset 0 0 0 0 transparent);caret-color:var(", tokens.caretColor, ");transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}", InputWrapper, ":hover{--plasma_private-textfield-border-color:var(", tokens.borderColorHover, ",var(", String(tokens.borderColor), "));--plasma_private-textfield-bg-color:var(\n            ", tokens.backgroundColorHover, ",var(", String(tokens.backgroundColor), ")\n        );}", Input, "{color:var(", tokens.color, ");}", InputPlaceholder, "{color:var(", tokens.placeholderColor, ");}", InputWrapper, ":focus-within{--plasma_private-textfield-border-color:var(", tokens.borderColorFocus, ",var(", String(tokens.borderColor), "));--plasma_private-textfield-bg-color:var(\n            ", tokens.backgroundColorFocus, ",var(", String(tokens.backgroundColor), ")\n        );", InputPlaceholder, "{color:var(", tokens.placeholderColorFocus, ");}}", TitleCaption, "{color:var(", tokens.titleCaptionColor, ");}", LeftHelper, "{color:var(", tokens.leftHelperColor, ");}", StyledTextBefore, "{color:var(", tokens.textBeforeColor, ");}", StyledTextAfter, "{color:var(", tokens.textAfterColor, ");}&.", classes.hasDivider, "{", InputWrapper, "{--plasma_private-textfield-divider-color:var(", String(tokens.dividerColor), ");--plasma_private-textfield-divider-width:var(", String(tokens.dividerWidth), ");&:before{content:'';position:absolute;height:var(--plasma_private-textfield-divider-width,0.063rem);width:100%;bottom:0;left:0;background-color:var(--plasma_private-textfield-divider-color);transition:background-color 0.1s ease-in;}}&:not([readonly]) ", InputWrapper, ":hover{--plasma_private-textfield-divider-color:var(\n                ", tokens.dividerColorHover, ",var(", String(tokens.dividerColor), ")\n            );}&:not([readonly]) ", InputWrapper, ":focus-within{--plasma_private-textfield-divider-color:var(\n                ", tokens.dividerColorFocus, ",var(", String(tokens.dividerColor), ")\n            );", InputPlaceholder, "{color:var(", tokens.clearPlaceholderColorFocus, ");}}}", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9UZXh0RmllbGQvdmFyaWF0aW9ucy9fdmlldy9iYXNlLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL1RleHRGaWVsZC92YXJpYXRpb25zL192aWV3L2Jhc2UudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuLi8uLi9UZXh0RmllbGQudG9rZW5zJztcbmltcG9ydCB7XG4gICAgSW5wdXQsXG4gICAgSW5wdXRQbGFjZWhvbGRlcixcbiAgICBJbnB1dFdyYXBwZXIsXG4gICAgTGVmdEhlbHBlcixcbiAgICBTdHlsZWRUZXh0QWZ0ZXIsXG4gICAgU3R5bGVkVGV4dEJlZm9yZSxcbiAgICBUaXRsZUNhcHRpb24sXG59IGZyb20gJy4uLy4uL1RleHRGaWVsZC5zdHlsZXMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAke0lucHV0V3JhcHBlcn0ge1xuICAgICAgICAtLXBsYXNtYV9wcml2YXRlLXRleHRmaWVsZC1ib3JkZXItY29sb3I6IHZhcigke1N0cmluZyh0b2tlbnMuYm9yZGVyQ29sb3IpfSk7XG4gICAgICAgIC0tcGxhc21hX3ByaXZhdGUtdGV4dGZpZWxkLWJnLWNvbG9yOiB2YXIoJHtTdHJpbmcodG9rZW5zLmJhY2tncm91bmRDb2xvcil9KTtcblxuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmNvbG9yfSk7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXBsYXNtYV9wcml2YXRlLXRleHRmaWVsZC1iZy1jb2xvcik7XG4gICAgICAgIGJveC1zaGFkb3c6IGluc2V0IDAgMCAwIHZhcigke3Rva2Vucy5ib3JkZXJXaWR0aH0pIHZhcigtLXBsYXNtYV9wcml2YXRlLXRleHRmaWVsZC1ib3JkZXItY29sb3IpLFxuICAgICAgICAgICAgdmFyKCR7dG9rZW5zLmJveFNoYWRvd30sIGluc2V0IDAgMCAwIDAgdHJhbnNwYXJlbnQpO1xuICAgICAgICBjYXJldC1jb2xvcjogdmFyKCR7dG9rZW5zLmNhcmV0Q29sb3J9KTtcblxuICAgICAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDAuMXMgZWFzZS1pbiwgY29sb3IgMC4xcyBlYXNlLWluLCBib3gtc2hhZG93IDAuMXMgZWFzZS1pbjtcbiAgICB9XG4gICAgJHtJbnB1dFdyYXBwZXJ9OmhvdmVyIHtcbiAgICAgICAgLS1wbGFzbWFfcHJpdmF0ZS10ZXh0ZmllbGQtYm9yZGVyLWNvbG9yOiB2YXIoJHt0b2tlbnMuYm9yZGVyQ29sb3JIb3Zlcn0sIHZhcigke1N0cmluZyh0b2tlbnMuYm9yZGVyQ29sb3IpfSkpO1xuICAgICAgICAtLXBsYXNtYV9wcml2YXRlLXRleHRmaWVsZC1iZy1jb2xvcjogdmFyKFxuICAgICAgICAgICAgJHt0b2tlbnMuYmFja2dyb3VuZENvbG9ySG92ZXJ9LFxuICAgICAgICAgICAgdmFyKCR7U3RyaW5nKHRva2Vucy5iYWNrZ3JvdW5kQ29sb3IpfSlcbiAgICAgICAgKTtcbiAgICB9XG5cbiAgICAke0lucHV0fSB7XG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY29sb3J9KTtcbiAgICB9XG5cbiAgICAke0lucHV0UGxhY2Vob2xkZXJ9IHtcbiAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5wbGFjZWhvbGRlckNvbG9yfSk7XG4gICAgfVxuXG4gICAgJHtJbnB1dFdyYXBwZXJ9OmZvY3VzLXdpdGhpbiB7XG4gICAgICAgIC0tcGxhc21hX3ByaXZhdGUtdGV4dGZpZWxkLWJvcmRlci1jb2xvcjogdmFyKCR7dG9rZW5zLmJvcmRlckNvbG9yRm9jdXN9LCB2YXIoJHtTdHJpbmcodG9rZW5zLmJvcmRlckNvbG9yKX0pKTtcbiAgICAgICAgLS1wbGFzbWFfcHJpdmF0ZS10ZXh0ZmllbGQtYmctY29sb3I6IHZhcihcbiAgICAgICAgICAgICR7dG9rZW5zLmJhY2tncm91bmRDb2xvckZvY3VzfSxcbiAgICAgICAgICAgIHZhcigke1N0cmluZyh0b2tlbnMuYmFja2dyb3VuZENvbG9yKX0pXG4gICAgICAgICk7XG5cbiAgICAgICAgJHtJbnB1dFBsYWNlaG9sZGVyfSB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLnBsYWNlaG9sZGVyQ29sb3JGb2N1c30pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJHtUaXRsZUNhcHRpb259IHtcbiAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy50aXRsZUNhcHRpb25Db2xvcn0pO1xuICAgIH1cblxuICAgICR7TGVmdEhlbHBlcn0ge1xuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmxlZnRIZWxwZXJDb2xvcn0pO1xuICAgIH1cblxuICAgICR7U3R5bGVkVGV4dEJlZm9yZX0ge1xuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLnRleHRCZWZvcmVDb2xvcn0pO1xuICAgIH1cblxuICAgICR7U3R5bGVkVGV4dEFmdGVyfSB7XG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMudGV4dEFmdGVyQ29sb3J9KTtcbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy5oYXNEaXZpZGVyfSB7XG4gICAgICAgICR7SW5wdXRXcmFwcGVyfSB7XG4gICAgICAgICAgICAtLXBsYXNtYV9wcml2YXRlLXRleHRmaWVsZC1kaXZpZGVyLWNvbG9yOiB2YXIoJHtTdHJpbmcodG9rZW5zLmRpdmlkZXJDb2xvcil9KTtcbiAgICAgICAgICAgIC0tcGxhc21hX3ByaXZhdGUtdGV4dGZpZWxkLWRpdmlkZXItd2lkdGg6IHZhcigke1N0cmluZyh0b2tlbnMuZGl2aWRlcldpZHRoKX0pO1xuXG4gICAgICAgICAgICAmOmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgICAgIGhlaWdodDogdmFyKC0tcGxhc21hX3ByaXZhdGUtdGV4dGZpZWxkLWRpdmlkZXItd2lkdGgsIDAuMDYzcmVtKTtcbiAgICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgICAgICBib3R0b206IDA7XG4gICAgICAgICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1wbGFzbWFfcHJpdmF0ZS10ZXh0ZmllbGQtZGl2aWRlci1jb2xvcik7XG4gICAgICAgICAgICAgICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAwLjFzIGVhc2UtaW47XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICAmOm5vdChbcmVhZG9ubHldKSAke0lucHV0V3JhcHBlcn06aG92ZXIge1xuICAgICAgICAgICAgLS1wbGFzbWFfcHJpdmF0ZS10ZXh0ZmllbGQtZGl2aWRlci1jb2xvcjogdmFyKFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmRpdmlkZXJDb2xvckhvdmVyfSxcbiAgICAgICAgICAgICAgICB2YXIoJHtTdHJpbmcodG9rZW5zLmRpdmlkZXJDb2xvcil9KVxuICAgICAgICAgICAgKTtcbiAgICAgICAgfVxuXG4gICAgICAgICY6bm90KFtyZWFkb25seV0pICR7SW5wdXRXcmFwcGVyfTpmb2N1cy13aXRoaW4ge1xuICAgICAgICAgICAgLS1wbGFzbWFfcHJpdmF0ZS10ZXh0ZmllbGQtZGl2aWRlci1jb2xvcjogdmFyKFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmRpdmlkZXJDb2xvckZvY3VzfSxcbiAgICAgICAgICAgICAgICB2YXIoJHtTdHJpbmcodG9rZW5zLmRpdmlkZXJDb2xvcil9KVxuICAgICAgICAgICAgKTtcblxuICAgICAgICAgICAgJHtJbnB1dFBsYWNlaG9sZGVyfSB7XG4gICAgICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5jbGVhclBsYWNlaG9sZGVyQ29sb3JGb2N1c30pO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhb0IifQ== */");
+import { Input, InputPlaceholder, InputWrapper, StyledTextAfter, StyledTextBefore, StyledContentLeft, TitleCaption } from "../../TextField.styles";
+export var base = /*#__PURE__*/ css(InputWrapper, "{--plasma_private-textfield-border-color:var(", String(tokens.borderColor), ");--plasma_private-textfield-bg-color:var(", String(tokens.backgroundColor), ");color:var(", tokens.color, ");background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(", tokens.borderWidth, ") var(--plasma_private-textfield-border-color),var(", tokens.boxShadow, ",inset 0 0 0 0 transparent);caret-color:var(", tokens.caretColor, ");transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}", InputWrapper, ":hover{--plasma_private-textfield-border-color:var(", tokens.borderColorHover, ",var(", String(tokens.borderColor), "));--plasma_private-textfield-bg-color:var(\n            ", tokens.backgroundColorHover, ",var(", String(tokens.backgroundColor), ")\n        );}", Input, "{color:var(", tokens.color, ");}", InputPlaceholder, "{color:var(", tokens.placeholderColor, ");}", InputWrapper, ":focus-within{--plasma_private-textfield-border-color:var(", tokens.borderColorFocus, ",var(", String(tokens.borderColor), "));--plasma_private-textfield-bg-color:var(\n            ", tokens.backgroundColorFocus, ",var(", String(tokens.backgroundColor), ")\n        );", Input, "{color:var(", tokens.colorFocus, ");}", InputPlaceholder, "{color:var(", tokens.placeholderColorFocus, ");}", StyledContentLeft, "{color:var(", tokens.contentSlotColorFocus, ");}}", TitleCaption, "{color:var(", tokens.titleCaptionColor, ");}", StyledTextBefore, "{color:var(", tokens.textBeforeColor, ");}", StyledTextAfter, "{color:var(", tokens.textAfterColor, ");}&.", classes.hasDivider, "{", InputWrapper, "{--plasma_private-textfield-divider-color:var(", String(tokens.dividerColor), ");--plasma_private-textfield-divider-width:var(", String(tokens.dividerWidth), ");&:before{content:'';position:absolute;height:var(--plasma_private-textfield-divider-width,0.063rem);width:100%;bottom:0;left:0;background-color:var(--plasma_private-textfield-divider-color);transition:background-color 0.1s ease-in;}}&:not([readonly]) ", InputWrapper, ":hover{--plasma_private-textfield-divider-color:var(\n                ", tokens.dividerColorHover, ",var(", String(tokens.dividerColor), ")\n            );}&:not([readonly]) ", InputWrapper, ":focus-within{--plasma_private-textfield-divider-color:var(\n                ", tokens.dividerColorFocus, ",var(", String(tokens.dividerColor), ")\n            );", InputPlaceholder, "{color:var(", tokens.clearPlaceholderColorFocus, ");}}}", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9UZXh0RmllbGQvdmFyaWF0aW9ucy9fdmlldy9iYXNlLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL1RleHRGaWVsZC92YXJpYXRpb25zL192aWV3L2Jhc2UudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuLi8uLi9UZXh0RmllbGQudG9rZW5zJztcbmltcG9ydCB7XG4gICAgSW5wdXQsXG4gICAgSW5wdXRQbGFjZWhvbGRlcixcbiAgICBJbnB1dFdyYXBwZXIsXG4gICAgU3R5bGVkVGV4dEFmdGVyLFxuICAgIFN0eWxlZFRleHRCZWZvcmUsXG4gICAgU3R5bGVkQ29udGVudExlZnQsXG4gICAgVGl0bGVDYXB0aW9uLFxufSBmcm9tICcuLi8uLi9UZXh0RmllbGQuc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgJHtJbnB1dFdyYXBwZXJ9IHtcbiAgICAgICAgLS1wbGFzbWFfcHJpdmF0ZS10ZXh0ZmllbGQtYm9yZGVyLWNvbG9yOiB2YXIoJHtTdHJpbmcodG9rZW5zLmJvcmRlckNvbG9yKX0pO1xuICAgICAgICAtLXBsYXNtYV9wcml2YXRlLXRleHRmaWVsZC1iZy1jb2xvcjogdmFyKCR7U3RyaW5nKHRva2Vucy5iYWNrZ3JvdW5kQ29sb3IpfSk7XG5cbiAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5jb2xvcn0pO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1wbGFzbWFfcHJpdmF0ZS10ZXh0ZmllbGQtYmctY29sb3IpO1xuICAgICAgICBib3gtc2hhZG93OiBpbnNldCAwIDAgMCB2YXIoJHt0b2tlbnMuYm9yZGVyV2lkdGh9KSB2YXIoLS1wbGFzbWFfcHJpdmF0ZS10ZXh0ZmllbGQtYm9yZGVyLWNvbG9yKSxcbiAgICAgICAgICAgIHZhcigke3Rva2Vucy5ib3hTaGFkb3d9LCBpbnNldCAwIDAgMCAwIHRyYW5zcGFyZW50KTtcbiAgICAgICAgY2FyZXQtY29sb3I6IHZhcigke3Rva2Vucy5jYXJldENvbG9yfSk7XG5cbiAgICAgICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAwLjFzIGVhc2UtaW4sIGNvbG9yIDAuMXMgZWFzZS1pbiwgYm94LXNoYWRvdyAwLjFzIGVhc2UtaW47XG4gICAgfVxuICAgICR7SW5wdXRXcmFwcGVyfTpob3ZlciB7XG4gICAgICAgIC0tcGxhc21hX3ByaXZhdGUtdGV4dGZpZWxkLWJvcmRlci1jb2xvcjogdmFyKCR7dG9rZW5zLmJvcmRlckNvbG9ySG92ZXJ9LCB2YXIoJHtTdHJpbmcodG9rZW5zLmJvcmRlckNvbG9yKX0pKTtcbiAgICAgICAgLS1wbGFzbWFfcHJpdmF0ZS10ZXh0ZmllbGQtYmctY29sb3I6IHZhcihcbiAgICAgICAgICAgICR7dG9rZW5zLmJhY2tncm91bmRDb2xvckhvdmVyfSxcbiAgICAgICAgICAgIHZhcigke1N0cmluZyh0b2tlbnMuYmFja2dyb3VuZENvbG9yKX0pXG4gICAgICAgICk7XG4gICAgfVxuXG4gICAgJHtJbnB1dH0ge1xuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmNvbG9yfSk7XG4gICAgfVxuXG4gICAgJHtJbnB1dFBsYWNlaG9sZGVyfSB7XG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMucGxhY2Vob2xkZXJDb2xvcn0pO1xuICAgIH1cblxuICAgICR7SW5wdXRXcmFwcGVyfTpmb2N1cy13aXRoaW4ge1xuICAgICAgICAtLXBsYXNtYV9wcml2YXRlLXRleHRmaWVsZC1ib3JkZXItY29sb3I6IHZhcigke3Rva2Vucy5ib3JkZXJDb2xvckZvY3VzfSwgdmFyKCR7U3RyaW5nKHRva2Vucy5ib3JkZXJDb2xvcil9KSk7XG4gICAgICAgIC0tcGxhc21hX3ByaXZhdGUtdGV4dGZpZWxkLWJnLWNvbG9yOiB2YXIoXG4gICAgICAgICAgICAke3Rva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb2N1c30sXG4gICAgICAgICAgICB2YXIoJHtTdHJpbmcodG9rZW5zLmJhY2tncm91bmRDb2xvcil9KVxuICAgICAgICApO1xuXG4gICAgICAgICR7SW5wdXR9IHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY29sb3JGb2N1c30pO1xuICAgICAgICB9XG5cbiAgICAgICAgJHtJbnB1dFBsYWNlaG9sZGVyfSB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLnBsYWNlaG9sZGVyQ29sb3JGb2N1c30pO1xuICAgICAgICB9XG5cbiAgICAgICAgJHtTdHlsZWRDb250ZW50TGVmdH0ge1xuICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5jb250ZW50U2xvdENvbG9yRm9jdXN9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICR7VGl0bGVDYXB0aW9ufSB7XG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMudGl0bGVDYXB0aW9uQ29sb3J9KTtcbiAgICB9XG5cbiAgICAke1N0eWxlZFRleHRCZWZvcmV9IHtcbiAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy50ZXh0QmVmb3JlQ29sb3J9KTtcbiAgICB9XG5cbiAgICAke1N0eWxlZFRleHRBZnRlcn0ge1xuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLnRleHRBZnRlckNvbG9yfSk7XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMuaGFzRGl2aWRlcn0ge1xuICAgICAgICAke0lucHV0V3JhcHBlcn0ge1xuICAgICAgICAgICAgLS1wbGFzbWFfcHJpdmF0ZS10ZXh0ZmllbGQtZGl2aWRlci1jb2xvcjogdmFyKCR7U3RyaW5nKHRva2Vucy5kaXZpZGVyQ29sb3IpfSk7XG4gICAgICAgICAgICAtLXBsYXNtYV9wcml2YXRlLXRleHRmaWVsZC1kaXZpZGVyLXdpZHRoOiB2YXIoJHtTdHJpbmcodG9rZW5zLmRpdmlkZXJXaWR0aCl9KTtcblxuICAgICAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IHZhcigtLXBsYXNtYV9wcml2YXRlLXRleHRmaWVsZC1kaXZpZGVyLXdpZHRoLCAwLjA2M3JlbSk7XG4gICAgICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tcGxhc21hX3ByaXZhdGUtdGV4dGZpZWxkLWRpdmlkZXItY29sb3IpO1xuICAgICAgICAgICAgICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgMC4xcyBlYXNlLWluO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJjpub3QoW3JlYWRvbmx5XSkgJHtJbnB1dFdyYXBwZXJ9OmhvdmVyIHtcbiAgICAgICAgICAgIC0tcGxhc21hX3ByaXZhdGUtdGV4dGZpZWxkLWRpdmlkZXItY29sb3I6IHZhcihcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5kaXZpZGVyQ29sb3JIb3Zlcn0sXG4gICAgICAgICAgICAgICAgdmFyKCR7U3RyaW5nKHRva2Vucy5kaXZpZGVyQ29sb3IpfSlcbiAgICAgICAgICAgICk7XG4gICAgICAgIH1cblxuICAgICAgICAmOm5vdChbcmVhZG9ubHldKSAke0lucHV0V3JhcHBlcn06Zm9jdXMtd2l0aGluIHtcbiAgICAgICAgICAgIC0tcGxhc21hX3ByaXZhdGUtdGV4dGZpZWxkLWRpdmlkZXItY29sb3I6IHZhcihcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5kaXZpZGVyQ29sb3JGb2N1c30sXG4gICAgICAgICAgICAgICAgdmFyKCR7U3RyaW5nKHRva2Vucy5kaXZpZGVyQ29sb3IpfSlcbiAgICAgICAgICAgICk7XG5cbiAgICAgICAgICAgICR7SW5wdXRQbGFjZWhvbGRlcn0ge1xuICAgICAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY2xlYXJQbGFjZWhvbGRlckNvbG9yRm9jdXN9KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYW9CIn0= */");

package/dist/emotion/es/examples/components/Combobox/Combobox.js

@@ -1,7 +0,0 @@
-import { component, mergeConfig } from "../../../engines";
-import { comboboxNewConfig } from "../../..";
-import { config } from "./Combobox.config";
-var mergedConfig = mergeConfig(comboboxNewConfig, config);
-var ComboboxComponent = component(mergedConfig);
-var Combobox = ComboboxComponent;
-export { Combobox };

package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.tokens.js

@@ -66,6 +66,7 @@ var tokens = {
     textFieldContentSlotRightColorActive: '--plasma-autocomplete-textfield-content-right-slot-color-active',
     textFieldContentSlotRightOpacityReadOnly: '--plasma-autocomplete-textfield-content-right-slot-opacity-readonly',
     textFieldLabelColor: '--plasma-autocomplete-textfield-label-color',
+    textFieldLeftHelperColorFocus: '--plasma-autocomplete-textfield-left-helper-color-focus',
     textFieldLabelColorReadOnly: '--plasma-autocomplete-textfield-label-color-readonly',
     textFieldLabelOffset: '--plasma-autocomplete-textfield-label-offset',
     textFieldClearLabelOffset: '--plasma-autocomplete-textfield-clear-label-offset',

package/dist/styled-components/cjs/components/Autocomplete/ui/TextField/TextField.styles.js

@@ -21,7 +21,7 @@ var mergedConfig = (0, _engines.mergeConfig)(_TextField.textFieldConfig);
 var TextField = (0, _engines.component)(mergedConfig);
 var StyledTextField = (0, _styledcomponents.default)(TextField).withConfig({
     displayName: "TextField.styles__StyledTextField",
-    componentId: "sc-59307378-0"
+    componentId: "sc-40fb89b-0"
 })([
     "",
     ":var(",
@@ -257,5 +257,7 @@ var StyledTextField = (0, _styledcomponents.default)(TextField).withConfig({
     ":var(",
     ");",
     ":var(",
+    ");",
+    ":var(",
     ");"
-], _TextField.textFieldTokens.color, _Autocompletetokens.tokens.textFieldColor, _TextField.textFieldTokens.clearColor, _Autocompletetokens.tokens.textFieldClearColor, _TextField.textFieldTokens.placeholderColor, _Autocompletetokens.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.placeholderColorFocus, _Autocompletetokens.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.clearPlaceholderColor, _Autocompletetokens.tokens.textFieldClearPlaceholderColor, _TextField.textFieldTokens.clearPlaceholderColorFocus, _Autocompletetokens.tokens.textFieldClearPlaceholderColorFocus, _TextField.textFieldTokens.optionalColor, _Autocompletetokens.tokens.textFieldOptionalColor, _TextField.textFieldTokens.backgroundColor, _Autocompletetokens.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _Autocompletetokens.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Autocompletetokens.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _Autocompletetokens.tokens.textFieldBorderColor, _TextField.textFieldTokens.borderColorHover, _Autocompletetokens.tokens.textFieldBorderColorHover, _TextField.textFieldTokens.borderColorFocus, _Autocompletetokens.tokens.textFieldBorderColorFocus, _TextField.textFieldTokens.dividerColor, _Autocompletetokens.tokens.textFieldDividerColor, _TextField.textFieldTokens.dividerColorHover, _Autocompletetokens.tokens.textFieldDividerColorHover, _TextField.textFieldTokens.dividerColorFocus, _Autocompletetokens.tokens.textFieldDividerColorFocus, _TextField.textFieldTokens.colorReadOnly, _Autocompletetokens.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _Autocompletetokens.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _Autocompletetokens.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _Autocompletetokens.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.dividerColorReadOnly, _Autocompletetokens.tokens.textFieldDividerColorReadOnly, _TextField.textFieldTokens.readOnlyOpacity, _Autocompletetokens.tokens.textFieldReadOnlyOpacity, _TextField.textFieldTokens.caretColor, _Autocompletetokens.tokens.textFieldCaretColor, _TextField.textFieldTokens.height, _Autocompletetokens.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _Autocompletetokens.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _Autocompletetokens.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _Autocompletetokens.tokens.textFieldPadding, _TextField.textFieldTokens.leftContentMargin, _Autocompletetokens.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _Autocompletetokens.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _Autocompletetokens.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontStyle, _Autocompletetokens.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontSize, _Autocompletetokens.tokens.textFieldFontSize, _TextField.textFieldTokens.fontWeight, _Autocompletetokens.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _Autocompletetokens.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _Autocompletetokens.tokens.textFieldLineHeight, _TextField.textFieldTokens.labelColor, _Autocompletetokens.tokens.textFieldLabelColor, _TextField.textFieldTokens.labelColorReadOnly, _Autocompletetokens.tokens.textFieldLabelColorReadOnly, _TextField.textFieldTokens.labelOffset, _Autocompletetokens.tokens.textFieldLabelOffset, _TextField.textFieldTokens.clearLabelOffset, _Autocompletetokens.tokens.textFieldClearLabelOffset, _TextField.textFieldTokens.labelFontFamily, _Autocompletetokens.tokens.textFieldLabelFontFamily, _TextField.textFieldTokens.labelFontStyle, _Autocompletetokens.tokens.textFieldLabelFontStyle, _TextField.textFieldTokens.labelFontSize, _Autocompletetokens.tokens.textFieldLabelFontSize, _TextField.textFieldTokens.labelFontWeight, _Autocompletetokens.tokens.textFieldLabelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _Autocompletetokens.tokens.textFieldLabelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _Autocompletetokens.tokens.textFieldLabelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _Autocompletetokens.tokens.textFieldLabelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontStyle, _Autocompletetokens.tokens.textFieldLabelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontSize, _Autocompletetokens.tokens.textFieldLabelInnerFontSize, _TextField.textFieldTokens.labelInnerFontWeight, _Autocompletetokens.tokens.textFieldLabelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _Autocompletetokens.tokens.textFieldLabelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _Autocompletetokens.tokens.textFieldLabelInnerLineHeight, _TextField.textFieldTokens.labelInnerPadding, _Autocompletetokens.tokens.textFieldLabelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _Autocompletetokens.tokens.textFieldContentLabelInnerPadding, _TextField.textFieldTokens.leftHelperColor, _Autocompletetokens.tokens.textFieldLeftHelperColor, _TextField.textFieldTokens.leftHelperColorReadOnly, _Autocompletetokens.tokens.textFieldLeftHelperColorReadOnly, _TextField.textFieldTokens.leftHelperOffset, _Autocompletetokens.tokens.textFieldLeftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _Autocompletetokens.tokens.textFieldLeftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontStyle, _Autocompletetokens.tokens.textFieldLeftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontSize, _Autocompletetokens.tokens.textFieldLeftHelperFontSize, _TextField.textFieldTokens.leftHelperFontWeight, _Autocompletetokens.tokens.textFieldLeftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _Autocompletetokens.tokens.textFieldLeftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _Autocompletetokens.tokens.textFieldLeftHelperLineHeight, _TextField.textFieldTokens.textBeforeColor, _Autocompletetokens.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _Autocompletetokens.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _Autocompletetokens.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _Autocompletetokens.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.disabledOpacity, _Autocompletetokens.tokens.textFieldDisabledOpacity, _TextField.textFieldTokens.focusColor, _Autocompletetokens.tokens.textFieldFocusColor, _TextField.textFieldTokens.contentSlotColor, _Autocompletetokens.tokens.textFieldContentSlotColor, _TextField.textFieldTokens.contentSlotColorHover, _Autocompletetokens.tokens.textFieldContentSlotColorHover, _TextField.textFieldTokens.contentSlotColorActive, _Autocompletetokens.tokens.textFieldContentSlotColorActive, _TextField.textFieldTokens.contentSlotRightColor, _Autocompletetokens.tokens.textFieldContentSlotRightColor, _TextField.textFieldTokens.contentSlotRightColorHover, _Autocompletetokens.tokens.textFieldContentSlotRightColorHover, _TextField.textFieldTokens.contentSlotRightColorActive, _Autocompletetokens.tokens.textFieldContentSlotRightColorActive, _TextField.textFieldTokens.contentSlotRightOpacityReadOnly, _Autocompletetokens.tokens.textFieldContentSlotRightOpacityReadOnly, _TextField.textFieldTokens.indicatorColor, _Autocompletetokens.tokens.textFieldIndicatorColor, _TextField.textFieldTokens.indicatorSizeInner, _Autocompletetokens.tokens.textFieldIndicatorSizeInner, _TextField.textFieldTokens.indicatorSizeOuter, _Autocompletetokens.tokens.textFieldIndicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _Autocompletetokens.tokens.textFieldIndicatorLabelPlacementInner, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _Autocompletetokens.tokens.textFieldIndicatorLabelPlacementOuter, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _Autocompletetokens.tokens.textFieldIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _Autocompletetokens.tokens.textFieldIndicatorLabelPlacementOuterRight, _TextField.textFieldTokens.clearIndicatorLabelPlacementInner, _Autocompletetokens.tokens.textFieldClearIndicatorLabelPlacementInner, _TextField.textFieldTokens.clearIndicatorLabelPlacementInnerRight, _Autocompletetokens.tokens.textFieldClearIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.clearIndicatorHintInnerRight, _Autocompletetokens.tokens.textFieldClearIndicatorHintInnerRight, _TextField.textFieldTokens.boxShadow, _Autocompletetokens.tokens.textFieldBoxShadow, _TextField.textFieldTokens.rightContentWithHintMargin, _Autocompletetokens.tokens.textFieldRightContentWithHintMargin, _TextField.textFieldTokens.contentRightWrapperGap, _Autocompletetokens.tokens.textFieldContentRightWrapperGap, _TextField.textFieldTokens.contentRightWrapperMargin, _Autocompletetokens.tokens.textFieldContentRightWrapperMargin, _TextField.textFieldTokens.hintCustomIconTargetSize, _Autocompletetokens.tokens.textFieldHintCustomIconTargetSize, _TextField.textFieldTokens.hintMargin, _Autocompletetokens.tokens.textFieldHintMargin, _TextField.textFieldTokens.hintTargetSize, _Autocompletetokens.tokens.textFieldHintTargetSize, _TextField.textFieldTokens.hintIconColor, _Autocompletetokens.tokens.textFieldHintIconColor, _TextField.textFieldTokens.hintInnerLabelPlacementOffset, _Autocompletetokens.tokens.textFieldHintInnerLabelPlacementOffset, _TextField.textFieldTokens.clearHintInnerLabelPlacementOffset, _Autocompletetokens.tokens.textFieldClearHintInnerLabelPlacementOffset, _TextField.textFieldTokens.tooltipBackgroundColor, _Autocompletetokens.tokens.textFieldTooltipBackgroundColor, _TextField.textFieldTokens.tooltipBoxShadow, _Autocompletetokens.tokens.textFieldTooltipBoxShadow, _TextField.textFieldTokens.tooltipColor, _Autocompletetokens.tokens.textFieldTooltipColor, _TextField.textFieldTokens.tooltipPaddingTop, _Autocompletetokens.tokens.textFieldTooltipPaddingTop, _TextField.textFieldTokens.tooltipPaddingRight, _Autocompletetokens.tokens.textFieldTooltipPaddingRight, _TextField.textFieldTokens.tooltipPaddingBottom, _Autocompletetokens.tokens.textFieldTooltipPaddingBottom, _TextField.textFieldTokens.tooltipPaddingLeft, _Autocompletetokens.tokens.textFieldTooltipPaddingLeft, _TextField.textFieldTokens.tooltipMinHeight, _Autocompletetokens.tokens.textFieldTooltipMinHeight, _TextField.textFieldTokens.tooltipBorderRadius, _Autocompletetokens.tokens.textFieldTooltipBorderRadius, _TextField.textFieldTokens.tooltipTextFontFamily, _Autocompletetokens.tokens.textFieldTooltipTextFontFamily, _TextField.textFieldTokens.tooltipTextFontSize, _Autocompletetokens.tokens.textFieldTooltipTextFontSize, _TextField.textFieldTokens.tooltipTextFontStyle, _Autocompletetokens.tokens.textFieldTooltipTextFontStyle, _TextField.textFieldTokens.tooltipTextFontWeight, _Autocompletetokens.tokens.textFieldTooltipTextFontWeight, _TextField.textFieldTokens.tooltipTextFontLetterSpacing, _Autocompletetokens.tokens.textFieldTooltipTextFontLetterSpacing, _TextField.textFieldTokens.tooltipTextFontLineHeight, _Autocompletetokens.tokens.textFieldTooltipTextFontLineHeight, _TextField.textFieldTokens.tooltipContentLeftMargin, _Autocompletetokens.tokens.textFieldTooltipContentLeftMargin, _TextField.textFieldTokens.tooltipArrowMaskWidth, _Autocompletetokens.tokens.textFieldTooltipArrowMaskWidth, _TextField.textFieldTokens.tooltipArrowMaskHeight, _Autocompletetokens.tokens.textFieldTooltipArrowMaskHeight, _TextField.textFieldTokens.tooltipArrowMaskImage, _Autocompletetokens.tokens.textFieldTooltipArrowMaskImage, _TextField.textFieldTokens.tooltipArrowHeight, _Autocompletetokens.tokens.textFieldTooltipArrowHeight, _TextField.textFieldTokens.tooltipArrowEdgeMargin, _Autocompletetokens.tokens.textFieldTooltipArrowEdgeMargin, _TextField.textFieldTokens.tooltipArrowBackground, _Autocompletetokens.tokens.textFieldTooltipArrowBackground);
+], _TextField.textFieldTokens.color, _Autocompletetokens.tokens.textFieldColor, _TextField.textFieldTokens.clearColor, _Autocompletetokens.tokens.textFieldClearColor, _TextField.textFieldTokens.placeholderColor, _Autocompletetokens.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.placeholderColorFocus, _Autocompletetokens.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.clearPlaceholderColor, _Autocompletetokens.tokens.textFieldClearPlaceholderColor, _TextField.textFieldTokens.clearPlaceholderColorFocus, _Autocompletetokens.tokens.textFieldClearPlaceholderColorFocus, _TextField.textFieldTokens.optionalColor, _Autocompletetokens.tokens.textFieldOptionalColor, _TextField.textFieldTokens.backgroundColor, _Autocompletetokens.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _Autocompletetokens.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Autocompletetokens.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _Autocompletetokens.tokens.textFieldBorderColor, _TextField.textFieldTokens.borderColorHover, _Autocompletetokens.tokens.textFieldBorderColorHover, _TextField.textFieldTokens.borderColorFocus, _Autocompletetokens.tokens.textFieldBorderColorFocus, _TextField.textFieldTokens.dividerColor, _Autocompletetokens.tokens.textFieldDividerColor, _TextField.textFieldTokens.dividerColorHover, _Autocompletetokens.tokens.textFieldDividerColorHover, _TextField.textFieldTokens.dividerColorFocus, _Autocompletetokens.tokens.textFieldDividerColorFocus, _TextField.textFieldTokens.colorReadOnly, _Autocompletetokens.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _Autocompletetokens.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _Autocompletetokens.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _Autocompletetokens.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.dividerColorReadOnly, _Autocompletetokens.tokens.textFieldDividerColorReadOnly, _TextField.textFieldTokens.readOnlyOpacity, _Autocompletetokens.tokens.textFieldReadOnlyOpacity, _TextField.textFieldTokens.caretColor, _Autocompletetokens.tokens.textFieldCaretColor, _TextField.textFieldTokens.height, _Autocompletetokens.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _Autocompletetokens.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _Autocompletetokens.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _Autocompletetokens.tokens.textFieldPadding, _TextField.textFieldTokens.leftContentMargin, _Autocompletetokens.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _Autocompletetokens.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _Autocompletetokens.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontStyle, _Autocompletetokens.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontSize, _Autocompletetokens.tokens.textFieldFontSize, _TextField.textFieldTokens.fontWeight, _Autocompletetokens.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _Autocompletetokens.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _Autocompletetokens.tokens.textFieldLineHeight, _TextField.textFieldTokens.labelColor, _Autocompletetokens.tokens.textFieldLabelColor, _TextField.textFieldTokens.labelColorReadOnly, _Autocompletetokens.tokens.textFieldLabelColorReadOnly, _TextField.textFieldTokens.labelOffset, _Autocompletetokens.tokens.textFieldLabelOffset, _TextField.textFieldTokens.clearLabelOffset, _Autocompletetokens.tokens.textFieldClearLabelOffset, _TextField.textFieldTokens.labelFontFamily, _Autocompletetokens.tokens.textFieldLabelFontFamily, _TextField.textFieldTokens.labelFontStyle, _Autocompletetokens.tokens.textFieldLabelFontStyle, _TextField.textFieldTokens.labelFontSize, _Autocompletetokens.tokens.textFieldLabelFontSize, _TextField.textFieldTokens.labelFontWeight, _Autocompletetokens.tokens.textFieldLabelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _Autocompletetokens.tokens.textFieldLabelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _Autocompletetokens.tokens.textFieldLabelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _Autocompletetokens.tokens.textFieldLabelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontStyle, _Autocompletetokens.tokens.textFieldLabelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontSize, _Autocompletetokens.tokens.textFieldLabelInnerFontSize, _TextField.textFieldTokens.labelInnerFontWeight, _Autocompletetokens.tokens.textFieldLabelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _Autocompletetokens.tokens.textFieldLabelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _Autocompletetokens.tokens.textFieldLabelInnerLineHeight, _TextField.textFieldTokens.labelInnerPadding, _Autocompletetokens.tokens.textFieldLabelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _Autocompletetokens.tokens.textFieldContentLabelInnerPadding, _TextField.textFieldTokens.leftHelperColor, _Autocompletetokens.tokens.textFieldLeftHelperColor, _TextField.textFieldTokens.leftHelperColorFocus, _Autocompletetokens.tokens.textFieldLeftHelperColorFocus, _TextField.textFieldTokens.leftHelperColorReadOnly, _Autocompletetokens.tokens.textFieldLeftHelperColorReadOnly, _TextField.textFieldTokens.leftHelperOffset, _Autocompletetokens.tokens.textFieldLeftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _Autocompletetokens.tokens.textFieldLeftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontStyle, _Autocompletetokens.tokens.textFieldLeftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontSize, _Autocompletetokens.tokens.textFieldLeftHelperFontSize, _TextField.textFieldTokens.leftHelperFontWeight, _Autocompletetokens.tokens.textFieldLeftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _Autocompletetokens.tokens.textFieldLeftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _Autocompletetokens.tokens.textFieldLeftHelperLineHeight, _TextField.textFieldTokens.textBeforeColor, _Autocompletetokens.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _Autocompletetokens.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _Autocompletetokens.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _Autocompletetokens.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.disabledOpacity, _Autocompletetokens.tokens.textFieldDisabledOpacity, _TextField.textFieldTokens.focusColor, _Autocompletetokens.tokens.textFieldFocusColor, _TextField.textFieldTokens.contentSlotColor, _Autocompletetokens.tokens.textFieldContentSlotColor, _TextField.textFieldTokens.contentSlotColorHover, _Autocompletetokens.tokens.textFieldContentSlotColorHover, _TextField.textFieldTokens.contentSlotColorActive, _Autocompletetokens.tokens.textFieldContentSlotColorActive, _TextField.textFieldTokens.contentSlotRightColor, _Autocompletetokens.tokens.textFieldContentSlotRightColor, _TextField.textFieldTokens.contentSlotRightColorHover, _Autocompletetokens.tokens.textFieldContentSlotRightColorHover, _TextField.textFieldTokens.contentSlotRightColorActive, _Autocompletetokens.tokens.textFieldContentSlotRightColorActive, _TextField.textFieldTokens.contentSlotRightOpacityReadOnly, _Autocompletetokens.tokens.textFieldContentSlotRightOpacityReadOnly, _TextField.textFieldTokens.indicatorColor, _Autocompletetokens.tokens.textFieldIndicatorColor, _TextField.textFieldTokens.indicatorSizeInner, _Autocompletetokens.tokens.textFieldIndicatorSizeInner, _TextField.textFieldTokens.indicatorSizeOuter, _Autocompletetokens.tokens.textFieldIndicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _Autocompletetokens.tokens.textFieldIndicatorLabelPlacementInner, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _Autocompletetokens.tokens.textFieldIndicatorLabelPlacementOuter, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _Autocompletetokens.tokens.textFieldIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _Autocompletetokens.tokens.textFieldIndicatorLabelPlacementOuterRight, _TextField.textFieldTokens.clearIndicatorLabelPlacementInner, _Autocompletetokens.tokens.textFieldClearIndicatorLabelPlacementInner, _TextField.textFieldTokens.clearIndicatorLabelPlacementInnerRight, _Autocompletetokens.tokens.textFieldClearIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.clearIndicatorHintInnerRight, _Autocompletetokens.tokens.textFieldClearIndicatorHintInnerRight, _TextField.textFieldTokens.boxShadow, _Autocompletetokens.tokens.textFieldBoxShadow, _TextField.textFieldTokens.rightContentWithHintMargin, _Autocompletetokens.tokens.textFieldRightContentWithHintMargin, _TextField.textFieldTokens.contentRightWrapperGap, _Autocompletetokens.tokens.textFieldContentRightWrapperGap, _TextField.textFieldTokens.contentRightWrapperMargin, _Autocompletetokens.tokens.textFieldContentRightWrapperMargin, _TextField.textFieldTokens.hintCustomIconTargetSize, _Autocompletetokens.tokens.textFieldHintCustomIconTargetSize, _TextField.textFieldTokens.hintMargin, _Autocompletetokens.tokens.textFieldHintMargin, _TextField.textFieldTokens.hintTargetSize, _Autocompletetokens.tokens.textFieldHintTargetSize, _TextField.textFieldTokens.hintIconColor, _Autocompletetokens.tokens.textFieldHintIconColor, _TextField.textFieldTokens.hintInnerLabelPlacementOffset, _Autocompletetokens.tokens.textFieldHintInnerLabelPlacementOffset, _TextField.textFieldTokens.clearHintInnerLabelPlacementOffset, _Autocompletetokens.tokens.textFieldClearHintInnerLabelPlacementOffset, _TextField.textFieldTokens.tooltipBackgroundColor, _Autocompletetokens.tokens.textFieldTooltipBackgroundColor, _TextField.textFieldTokens.tooltipBoxShadow, _Autocompletetokens.tokens.textFieldTooltipBoxShadow, _TextField.textFieldTokens.tooltipColor, _Autocompletetokens.tokens.textFieldTooltipColor, _TextField.textFieldTokens.tooltipPaddingTop, _Autocompletetokens.tokens.textFieldTooltipPaddingTop, _TextField.textFieldTokens.tooltipPaddingRight, _Autocompletetokens.tokens.textFieldTooltipPaddingRight, _TextField.textFieldTokens.tooltipPaddingBottom, _Autocompletetokens.tokens.textFieldTooltipPaddingBottom, _TextField.textFieldTokens.tooltipPaddingLeft, _Autocompletetokens.tokens.textFieldTooltipPaddingLeft, _TextField.textFieldTokens.tooltipMinHeight, _Autocompletetokens.tokens.textFieldTooltipMinHeight, _TextField.textFieldTokens.tooltipBorderRadius, _Autocompletetokens.tokens.textFieldTooltipBorderRadius, _TextField.textFieldTokens.tooltipTextFontFamily, _Autocompletetokens.tokens.textFieldTooltipTextFontFamily, _TextField.textFieldTokens.tooltipTextFontSize, _Autocompletetokens.tokens.textFieldTooltipTextFontSize, _TextField.textFieldTokens.tooltipTextFontStyle, _Autocompletetokens.tokens.textFieldTooltipTextFontStyle, _TextField.textFieldTokens.tooltipTextFontWeight, _Autocompletetokens.tokens.textFieldTooltipTextFontWeight, _TextField.textFieldTokens.tooltipTextFontLetterSpacing, _Autocompletetokens.tokens.textFieldTooltipTextFontLetterSpacing, _TextField.textFieldTokens.tooltipTextFontLineHeight, _Autocompletetokens.tokens.textFieldTooltipTextFontLineHeight, _TextField.textFieldTokens.tooltipContentLeftMargin, _Autocompletetokens.tokens.textFieldTooltipContentLeftMargin, _TextField.textFieldTokens.tooltipArrowMaskWidth, _Autocompletetokens.tokens.textFieldTooltipArrowMaskWidth, _TextField.textFieldTokens.tooltipArrowMaskHeight, _Autocompletetokens.tokens.textFieldTooltipArrowMaskHeight, _TextField.textFieldTokens.tooltipArrowMaskImage, _Autocompletetokens.tokens.textFieldTooltipArrowMaskImage, _TextField.textFieldTokens.tooltipArrowHeight, _Autocompletetokens.tokens.textFieldTooltipArrowHeight, _TextField.textFieldTokens.tooltipArrowEdgeMargin, _Autocompletetokens.tokens.textFieldTooltipArrowEdgeMargin, _TextField.textFieldTokens.tooltipArrowBackground, _Autocompletetokens.tokens.textFieldTooltipArrowBackground);

package/dist/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js

@@ -148,6 +148,7 @@ var tokens = {
     textFieldTitleCaptionLetterSpacing: '--plasma-combobox-new-textfield-title-caption-letter-spacing',
     textFieldTitleCaptionLineHeight: '--plasma-combobox-new-textfield-title-caption-line-height',
     textFieldLeftHelperColor: '--plasma-combobox-new-textfield-left-helper-color',
+    textFieldLeftHelperColorFocus: '--plasma-combobox-new-textfield-left-helper-color-focus',
     textFieldLeftHelperColorReadOnly: '--plasma-combobox-new-textfield-left-helper-color-readonly',
     textFieldLeftHelperOffset: '--plasma-combobox-new-textfield-left-helper-offset',
     textFieldLeftHelperFontFamily: '--plasma-combobox-new-textfield-left-helper-font-family',

package/dist/styled-components/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js

@@ -21,7 +21,7 @@ var mergedConfig = (0, _engines.mergeConfig)(_TextField.textFieldConfig);
 var TextField = (0, _engines.component)(mergedConfig);
 var StyledTextField = (0, _styledcomponents.default)(TextField).withConfig({
     displayName: "Target.styles__StyledTextField",
-    componentId: "sc-e19acd42-0"
+    componentId: "sc-7d38a6d6-0"
 })([
     "",
     ":var(",
@@ -327,5 +327,7 @@ var StyledTextField = (0, _styledcomponents.default)(TextField).withConfig({
     ":var(",
     ");",
     ":var(",
+    ");",
+    ":var(",
     ");"
-], _TextField.textFieldTokens.color, _Comboboxtokens.tokens.textFieldColor, _TextField.textFieldTokens.clearColor, _Comboboxtokens.tokens.textFieldColor, _TextField.textFieldTokens.backgroundColor, _Comboboxtokens.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _Comboboxtokens.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Comboboxtokens.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _Comboboxtokens.tokens.textFieldBorderColor, _TextField.textFieldTokens.borderColorHover, _Comboboxtokens.tokens.textFieldBorderColorHover, _TextField.textFieldTokens.borderColorFocus, _Comboboxtokens.tokens.textFieldBorderColorFocus, _TextField.textFieldTokens.colorReadOnly, _Comboboxtokens.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _Comboboxtokens.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _Comboboxtokens.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _Comboboxtokens.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.readOnlyOpacity, _Comboboxtokens.tokens.textFieldReadOnlyOpacity, _TextField.textFieldTokens.caretColor, _Comboboxtokens.tokens.textFieldCaretColor, _TextField.textFieldTokens.placeholderColor, _Comboboxtokens.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.placeholderColorFocus, _Comboboxtokens.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.clearPlaceholderColor, _Comboboxtokens.tokens.textFieldClearPlaceholderColor, _TextField.textFieldTokens.clearPlaceholderColorFocus, _Comboboxtokens.tokens.textFieldClearPlaceholderColorFocus, _TextField.textFieldTokens.optionalColor, _Comboboxtokens.tokens.textFieldOptionalColor, _TextField.textFieldTokens.height, _Comboboxtokens.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _Comboboxtokens.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _Comboboxtokens.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _Comboboxtokens.tokens.textFieldPadding, _TextField.textFieldTokens.paddingWithChips, _Comboboxtokens.tokens.textFieldPaddingWithChips, _TextField.textFieldTokens.leftContentMargin, _Comboboxtokens.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _Comboboxtokens.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.rightContentWithHintMargin, _Comboboxtokens.tokens.textFieldRightContentWithHintMargin, _TextField.textFieldTokens.contentRightWrapperGap, _Comboboxtokens.tokens.textFieldContentRightWrapperGap, _TextField.textFieldTokens.contentRightWrapperMargin, _Comboboxtokens.tokens.textFieldContentRightWrapperMargin, _TextField.textFieldTokens.fontFamily, _Comboboxtokens.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontStyle, _Comboboxtokens.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontSize, _Comboboxtokens.tokens.textFieldFontSize, _TextField.textFieldTokens.fontWeight, _Comboboxtokens.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _Comboboxtokens.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _Comboboxtokens.tokens.textFieldLineHeight, _TextField.textFieldTokens.contentSlotColor, _Comboboxtokens.tokens.textFieldContentSlotColor, _TextField.textFieldTokens.contentSlotColorHover, _Comboboxtokens.tokens.textFieldContentSlotColorHover, _TextField.textFieldTokens.contentSlotColorActive, _Comboboxtokens.tokens.textFieldContentSlotColorActive, _TextField.textFieldTokens.contentSlotRightColor, _Comboboxtokens.tokens.textFieldContentSlotRightColor, _TextField.textFieldTokens.contentSlotRightColorHover, _Comboboxtokens.tokens.textFieldContentSlotRightColorHover, _TextField.textFieldTokens.contentSlotRightColorActive, _Comboboxtokens.tokens.textFieldContentSlotRightColorActive, _TextField.textFieldTokens.contentSlotRightOpacityReadOnly, _Comboboxtokens.tokens.textFieldContentSlotRightOpacityReadOnly, _TextField.textFieldTokens.labelColor, _Comboboxtokens.tokens.textFieldLabelColor, _TextField.textFieldTokens.labelColorReadOnly, _Comboboxtokens.tokens.textFieldLabelColorReadOnly, _TextField.textFieldTokens.labelOffset, _Comboboxtokens.tokens.textFieldLabelOffset, _TextField.textFieldTokens.clearLabelOffset, _Comboboxtokens.tokens.textFieldClearLabelOffset, _TextField.textFieldTokens.labelFontFamily, _Comboboxtokens.tokens.textFieldLabelFontFamily, _TextField.textFieldTokens.labelFontStyle, _Comboboxtokens.tokens.textFieldLabelFontStyle, _TextField.textFieldTokens.labelFontSize, _Comboboxtokens.tokens.textFieldLabelFontSize, _TextField.textFieldTokens.labelFontWeight, _Comboboxtokens.tokens.textFieldLabelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _Comboboxtokens.tokens.textFieldLabelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _Comboboxtokens.tokens.textFieldLabelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _Comboboxtokens.tokens.textFieldLabelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontStyle, _Comboboxtokens.tokens.textFieldLabelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontSize, _Comboboxtokens.tokens.textFieldLabelInnerFontSize, _TextField.textFieldTokens.labelInnerFontWeight, _Comboboxtokens.tokens.textFieldLabelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _Comboboxtokens.tokens.textFieldLabelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _Comboboxtokens.tokens.textFieldLabelInnerLineHeight, _TextField.textFieldTokens.labelInnerPadding, _Comboboxtokens.tokens.textFieldLabelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _Comboboxtokens.tokens.textFieldContentLabelInnerPadding, _TextField.textFieldTokens.titleCaptionColor, _Comboboxtokens.tokens.textFieldTitleCaptionColor, _TextField.textFieldTokens.titleCaptionColorReadOnly, _Comboboxtokens.tokens.textFieldTitleCaptionColorReadOnly, _TextField.textFieldTokens.titleCaptionInnerLabelOffset, _Comboboxtokens.tokens.textFieldTitleCaptionInnerLabelOffset, _TextField.textFieldTokens.titleCaptionFontFamily, _Comboboxtokens.tokens.textFieldTitleCaptionFontFamily, _TextField.textFieldTokens.titleCaptionFontStyle, _Comboboxtokens.tokens.textFieldTitleCaptionFontStyle, _TextField.textFieldTokens.titleCaptionFontSize, _Comboboxtokens.tokens.textFieldTitleCaptionFontSize, _TextField.textFieldTokens.titleCaptionFontWeight, _Comboboxtokens.tokens.textFieldTitleCaptionFontWeight, _TextField.textFieldTokens.titleCaptionLetterSpacing, _Comboboxtokens.tokens.textFieldTitleCaptionLetterSpacing, _TextField.textFieldTokens.titleCaptionLineHeight, _Comboboxtokens.tokens.textFieldTitleCaptionLineHeight, _TextField.textFieldTokens.leftHelperColor, _Comboboxtokens.tokens.textFieldLeftHelperColor, _TextField.textFieldTokens.leftHelperColorReadOnly, _Comboboxtokens.tokens.textFieldLeftHelperColorReadOnly, _TextField.textFieldTokens.leftHelperOffset, _Comboboxtokens.tokens.textFieldLeftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _Comboboxtokens.tokens.textFieldLeftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontStyle, _Comboboxtokens.tokens.textFieldLeftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontSize, _Comboboxtokens.tokens.textFieldLeftHelperFontSize, _TextField.textFieldTokens.leftHelperFontWeight, _Comboboxtokens.tokens.textFieldLeftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _Comboboxtokens.tokens.textFieldLeftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _Comboboxtokens.tokens.textFieldLeftHelperLineHeight, _TextField.textFieldTokens.textBeforeColor, _Comboboxtokens.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _Comboboxtokens.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _Comboboxtokens.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _Comboboxtokens.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.disabledOpacity, _Comboboxtokens.tokens.textFieldDisabledOpacity, _TextField.textFieldTokens.hintCustomIconTargetSize, _Comboboxtokens.tokens.textFieldHintCustomIconTargetSize, _TextField.textFieldTokens.hintMargin, _Comboboxtokens.tokens.textFieldHintMargin, _TextField.textFieldTokens.hintTargetSize, _Comboboxtokens.tokens.textFieldHintTargetSize, _TextField.textFieldTokens.hintIconColor, _Comboboxtokens.tokens.textFieldHintIconColor, _TextField.textFieldTokens.hintInnerLabelPlacementOffset, _Comboboxtokens.tokens.textFieldHintInnerLabelPlacementOffset, _TextField.textFieldTokens.clearHintInnerLabelPlacementOffset, _Comboboxtokens.tokens.textFieldClearHintInnerLabelPlacementOffset, _TextField.textFieldTokens.tooltipBackgroundColor, _Comboboxtokens.tokens.textFieldTooltipBackgroundColor, _TextField.textFieldTokens.tooltipBoxShadow, _Comboboxtokens.tokens.textFieldTooltipBoxShadow, _TextField.textFieldTokens.tooltipColor, _Comboboxtokens.tokens.textFieldTooltipColor, _TextField.textFieldTokens.tooltipPaddingTop, _Comboboxtokens.tokens.textFieldTooltipPaddingTop, _TextField.textFieldTokens.tooltipPaddingRight, _Comboboxtokens.tokens.textFieldTooltipPaddingRight, _TextField.textFieldTokens.tooltipPaddingBottom, _Comboboxtokens.tokens.textFieldTooltipPaddingBottom, _TextField.textFieldTokens.tooltipPaddingLeft, _Comboboxtokens.tokens.textFieldTooltipPaddingLeft, _TextField.textFieldTokens.tooltipMinHeight, _Comboboxtokens.tokens.textFieldTooltipMinHeight, _TextField.textFieldTokens.tooltipBorderRadius, _Comboboxtokens.tokens.textFieldTooltipBorderRadius, _TextField.textFieldTokens.tooltipTextFontFamily, _Comboboxtokens.tokens.textFieldTooltipTextFontFamily, _TextField.textFieldTokens.tooltipTextFontSize, _Comboboxtokens.tokens.textFieldTooltipTextFontSize, _TextField.textFieldTokens.tooltipTextFontStyle, _Comboboxtokens.tokens.textFieldTooltipTextFontStyle, _TextField.textFieldTokens.tooltipTextFontWeight, _Comboboxtokens.tokens.textFieldTooltipTextFontWeight, _TextField.textFieldTokens.tooltipTextFontLetterSpacing, _Comboboxtokens.tokens.textFieldTooltipTextFontLetterSpacing, _TextField.textFieldTokens.tooltipTextFontLineHeight, _Comboboxtokens.tokens.textFieldTooltipTextFontLineHeight, _TextField.textFieldTokens.tooltipContentLeftMargin, _Comboboxtokens.tokens.textFieldTooltipContentLeftMargin, _TextField.textFieldTokens.tooltipArrowMaskWidth, _Comboboxtokens.tokens.textFieldTooltipArrowMaskWidth, _TextField.textFieldTokens.tooltipArrowMaskHeight, _Comboboxtokens.tokens.textFieldTooltipArrowMaskHeight, _TextField.textFieldTokens.tooltipArrowMaskImage, _Comboboxtokens.tokens.textFieldTooltipArrowMaskImage, _TextField.textFieldTokens.tooltipArrowHeight, _Comboboxtokens.tokens.textFieldTooltipArrowHeight, _TextField.textFieldTokens.tooltipArrowEdgeMargin, _Comboboxtokens.tokens.textFieldTooltipArrowEdgeMargin, _TextField.textFieldTokens.tooltipArrowBackground, _Comboboxtokens.tokens.textFieldTooltipArrowBackground, _TextField.textFieldTokens.chipHeight, _Comboboxtokens.tokens.textFieldChipHeight, _TextField.textFieldTokens.chipBorderRadius, _Comboboxtokens.tokens.textFieldChipBorderRadius, _TextField.textFieldTokens.chipGap, _Comboboxtokens.tokens.textFieldChipGap, _TextField.textFieldTokens.chipBackground, _Comboboxtokens.tokens.textFieldChipBackground, _TextField.textFieldTokens.chipColor, _Comboboxtokens.tokens.textFieldChipColor, _TextField.textFieldTokens.chipBackgroundHover, _Comboboxtokens.tokens.textFieldChipBackgroundHover, _TextField.textFieldTokens.chipColorHover, _Comboboxtokens.tokens.textFieldChipColorHover, _TextField.textFieldTokens.chipBackgroundReadOnly, _Comboboxtokens.tokens.textFieldChipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _Comboboxtokens.tokens.textFieldChipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _Comboboxtokens.tokens.textFieldChipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _Comboboxtokens.tokens.textFieldChipColorReadOnlyHover, _TextField.textFieldTokens.chipBackgroundActive, _Comboboxtokens.tokens.textFieldChipBackgroundActive, _TextField.textFieldTokens.chipColorActive, _Comboboxtokens.tokens.textFieldChipColorActive, _TextField.textFieldTokens.chipCloseIconColor, _Comboboxtokens.tokens.textFieldChipCloseIconColor, _TextField.textFieldTokens.chipCloseIconColorHover, _Comboboxtokens.tokens.textFieldChipCloseIconColorHover, _TextField.textFieldTokens.chipCloseIconColorReadonly, _Comboboxtokens.tokens.textFieldChipCloseIconColorReadonly, _TextField.textFieldTokens.chipOutlineSize, _Comboboxtokens.tokens.textFieldChipOutlineSize, _TextField.textFieldTokens.chipWidth, _Comboboxtokens.tokens.textFieldChipWidth, _TextField.textFieldTokens.chipPadding, _Comboboxtokens.tokens.textFieldChipPadding, _TextField.textFieldTokens.chipCloseIconSize, _Comboboxtokens.tokens.textFieldChipCloseIconSize, _TextField.textFieldTokens.chipFontFamily, _Comboboxtokens.tokens.textFieldChipFontFamily, _TextField.textFieldTokens.chipFontSize, _Comboboxtokens.tokens.textFieldChipFontSize, _TextField.textFieldTokens.chipFontStyle, _Comboboxtokens.tokens.textFieldChipFontStyle, _TextField.textFieldTokens.chipFontWeight, _Comboboxtokens.tokens.textFieldChipFontWeight, _TextField.textFieldTokens.chipLetterSpacing, _Comboboxtokens.tokens.textFieldChipLetterSpacing, _TextField.textFieldTokens.chipLineHeight, _Comboboxtokens.tokens.textFieldChipLineHeight, _TextField.textFieldTokens.chipClearContentMarginLeft, _Comboboxtokens.tokens.textFieldChipClearContentMarginLeft, _TextField.textFieldTokens.chipClearContentMarginRight, _Comboboxtokens.tokens.textFieldChipClearContentMarginRight, _TextField.textFieldTokens.chipOpacityReadonly, _Comboboxtokens.tokens.textFieldChipOpacityReadonly, _TextField.textFieldTokens.focusColor, _Comboboxtokens.tokens.textFieldFocusColor, _TextField.textFieldTokens.indicatorColor, _Comboboxtokens.tokens.textFieldIndicatorColor, _TextField.textFieldTokens.indicatorSizeInner, _Comboboxtokens.tokens.textFieldIndicatorSizeInner, _TextField.textFieldTokens.indicatorSizeOuter, _Comboboxtokens.tokens.textFieldIndicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _Comboboxtokens.tokens.textFieldIndicatorLabelPlacementInner, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _Comboboxtokens.tokens.textFieldIndicatorLabelPlacementOuter, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _Comboboxtokens.tokens.textFieldIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _Comboboxtokens.tokens.textFieldIndicatorLabelPlacementOuterRight, _TextField.textFieldTokens.clearIndicatorLabelPlacementInner, _Comboboxtokens.tokens.textFieldClearIndicatorLabelPlacementInner, _TextField.textFieldTokens.clearIndicatorLabelPlacementInnerRight, _Comboboxtokens.tokens.textFieldClearIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.clearIndicatorHintInnerRight, _Comboboxtokens.tokens.textFieldClearIndicatorHintInnerRight, _TextField.textFieldTokens.boxShadow, _Comboboxtokens.tokens.textFieldBoxShadow);
+], _TextField.textFieldTokens.color, _Comboboxtokens.tokens.textFieldColor, _TextField.textFieldTokens.clearColor, _Comboboxtokens.tokens.textFieldColor, _TextField.textFieldTokens.backgroundColor, _Comboboxtokens.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _Comboboxtokens.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Comboboxtokens.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _Comboboxtokens.tokens.textFieldBorderColor, _TextField.textFieldTokens.borderColorHover, _Comboboxtokens.tokens.textFieldBorderColorHover, _TextField.textFieldTokens.borderColorFocus, _Comboboxtokens.tokens.textFieldBorderColorFocus, _TextField.textFieldTokens.colorReadOnly, _Comboboxtokens.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _Comboboxtokens.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _Comboboxtokens.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _Comboboxtokens.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.readOnlyOpacity, _Comboboxtokens.tokens.textFieldReadOnlyOpacity, _TextField.textFieldTokens.caretColor, _Comboboxtokens.tokens.textFieldCaretColor, _TextField.textFieldTokens.placeholderColor, _Comboboxtokens.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.placeholderColorFocus, _Comboboxtokens.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.clearPlaceholderColor, _Comboboxtokens.tokens.textFieldClearPlaceholderColor, _TextField.textFieldTokens.clearPlaceholderColorFocus, _Comboboxtokens.tokens.textFieldClearPlaceholderColorFocus, _TextField.textFieldTokens.optionalColor, _Comboboxtokens.tokens.textFieldOptionalColor, _TextField.textFieldTokens.height, _Comboboxtokens.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _Comboboxtokens.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _Comboboxtokens.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _Comboboxtokens.tokens.textFieldPadding, _TextField.textFieldTokens.paddingWithChips, _Comboboxtokens.tokens.textFieldPaddingWithChips, _TextField.textFieldTokens.leftContentMargin, _Comboboxtokens.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _Comboboxtokens.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.rightContentWithHintMargin, _Comboboxtokens.tokens.textFieldRightContentWithHintMargin, _TextField.textFieldTokens.contentRightWrapperGap, _Comboboxtokens.tokens.textFieldContentRightWrapperGap, _TextField.textFieldTokens.contentRightWrapperMargin, _Comboboxtokens.tokens.textFieldContentRightWrapperMargin, _TextField.textFieldTokens.fontFamily, _Comboboxtokens.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontStyle, _Comboboxtokens.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontSize, _Comboboxtokens.tokens.textFieldFontSize, _TextField.textFieldTokens.fontWeight, _Comboboxtokens.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _Comboboxtokens.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _Comboboxtokens.tokens.textFieldLineHeight, _TextField.textFieldTokens.contentSlotColor, _Comboboxtokens.tokens.textFieldContentSlotColor, _TextField.textFieldTokens.contentSlotColorHover, _Comboboxtokens.tokens.textFieldContentSlotColorHover, _TextField.textFieldTokens.contentSlotColorActive, _Comboboxtokens.tokens.textFieldContentSlotColorActive, _TextField.textFieldTokens.contentSlotRightColor, _Comboboxtokens.tokens.textFieldContentSlotRightColor, _TextField.textFieldTokens.contentSlotRightColorHover, _Comboboxtokens.tokens.textFieldContentSlotRightColorHover, _TextField.textFieldTokens.contentSlotRightColorActive, _Comboboxtokens.tokens.textFieldContentSlotRightColorActive, _TextField.textFieldTokens.contentSlotRightOpacityReadOnly, _Comboboxtokens.tokens.textFieldContentSlotRightOpacityReadOnly, _TextField.textFieldTokens.labelColor, _Comboboxtokens.tokens.textFieldLabelColor, _TextField.textFieldTokens.labelColorReadOnly, _Comboboxtokens.tokens.textFieldLabelColorReadOnly, _TextField.textFieldTokens.labelOffset, _Comboboxtokens.tokens.textFieldLabelOffset, _TextField.textFieldTokens.clearLabelOffset, _Comboboxtokens.tokens.textFieldClearLabelOffset, _TextField.textFieldTokens.labelFontFamily, _Comboboxtokens.tokens.textFieldLabelFontFamily, _TextField.textFieldTokens.labelFontStyle, _Comboboxtokens.tokens.textFieldLabelFontStyle, _TextField.textFieldTokens.labelFontSize, _Comboboxtokens.tokens.textFieldLabelFontSize, _TextField.textFieldTokens.labelFontWeight, _Comboboxtokens.tokens.textFieldLabelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _Comboboxtokens.tokens.textFieldLabelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _Comboboxtokens.tokens.textFieldLabelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _Comboboxtokens.tokens.textFieldLabelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontStyle, _Comboboxtokens.tokens.textFieldLabelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontSize, _Comboboxtokens.tokens.textFieldLabelInnerFontSize, _TextField.textFieldTokens.labelInnerFontWeight, _Comboboxtokens.tokens.textFieldLabelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _Comboboxtokens.tokens.textFieldLabelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _Comboboxtokens.tokens.textFieldLabelInnerLineHeight, _TextField.textFieldTokens.labelInnerPadding, _Comboboxtokens.tokens.textFieldLabelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _Comboboxtokens.tokens.textFieldContentLabelInnerPadding, _TextField.textFieldTokens.titleCaptionColor, _Comboboxtokens.tokens.textFieldTitleCaptionColor, _TextField.textFieldTokens.titleCaptionColorReadOnly, _Comboboxtokens.tokens.textFieldTitleCaptionColorReadOnly, _TextField.textFieldTokens.titleCaptionInnerLabelOffset, _Comboboxtokens.tokens.textFieldTitleCaptionInnerLabelOffset, _TextField.textFieldTokens.titleCaptionFontFamily, _Comboboxtokens.tokens.textFieldTitleCaptionFontFamily, _TextField.textFieldTokens.titleCaptionFontStyle, _Comboboxtokens.tokens.textFieldTitleCaptionFontStyle, _TextField.textFieldTokens.titleCaptionFontSize, _Comboboxtokens.tokens.textFieldTitleCaptionFontSize, _TextField.textFieldTokens.titleCaptionFontWeight, _Comboboxtokens.tokens.textFieldTitleCaptionFontWeight, _TextField.textFieldTokens.titleCaptionLetterSpacing, _Comboboxtokens.tokens.textFieldTitleCaptionLetterSpacing, _TextField.textFieldTokens.titleCaptionLineHeight, _Comboboxtokens.tokens.textFieldTitleCaptionLineHeight, _TextField.textFieldTokens.leftHelperColor, _Comboboxtokens.tokens.textFieldLeftHelperColor, _TextField.textFieldTokens.leftHelperColorFocus, _Comboboxtokens.tokens.textFieldLeftHelperColorFocus, _TextField.textFieldTokens.leftHelperColorReadOnly, _Comboboxtokens.tokens.textFieldLeftHelperColorReadOnly, _TextField.textFieldTokens.leftHelperOffset, _Comboboxtokens.tokens.textFieldLeftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _Comboboxtokens.tokens.textFieldLeftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontStyle, _Comboboxtokens.tokens.textFieldLeftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontSize, _Comboboxtokens.tokens.textFieldLeftHelperFontSize, _TextField.textFieldTokens.leftHelperFontWeight, _Comboboxtokens.tokens.textFieldLeftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _Comboboxtokens.tokens.textFieldLeftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _Comboboxtokens.tokens.textFieldLeftHelperLineHeight, _TextField.textFieldTokens.textBeforeColor, _Comboboxtokens.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _Comboboxtokens.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _Comboboxtokens.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _Comboboxtokens.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.disabledOpacity, _Comboboxtokens.tokens.textFieldDisabledOpacity, _TextField.textFieldTokens.hintCustomIconTargetSize, _Comboboxtokens.tokens.textFieldHintCustomIconTargetSize, _TextField.textFieldTokens.hintMargin, _Comboboxtokens.tokens.textFieldHintMargin, _TextField.textFieldTokens.hintTargetSize, _Comboboxtokens.tokens.textFieldHintTargetSize, _TextField.textFieldTokens.hintIconColor, _Comboboxtokens.tokens.textFieldHintIconColor, _TextField.textFieldTokens.hintInnerLabelPlacementOffset, _Comboboxtokens.tokens.textFieldHintInnerLabelPlacementOffset, _TextField.textFieldTokens.clearHintInnerLabelPlacementOffset, _Comboboxtokens.tokens.textFieldClearHintInnerLabelPlacementOffset, _TextField.textFieldTokens.tooltipBackgroundColor, _Comboboxtokens.tokens.textFieldTooltipBackgroundColor, _TextField.textFieldTokens.tooltipBoxShadow, _Comboboxtokens.tokens.textFieldTooltipBoxShadow, _TextField.textFieldTokens.tooltipColor, _Comboboxtokens.tokens.textFieldTooltipColor, _TextField.textFieldTokens.tooltipPaddingTop, _Comboboxtokens.tokens.textFieldTooltipPaddingTop, _TextField.textFieldTokens.tooltipPaddingRight, _Comboboxtokens.tokens.textFieldTooltipPaddingRight, _TextField.textFieldTokens.tooltipPaddingBottom, _Comboboxtokens.tokens.textFieldTooltipPaddingBottom, _TextField.textFieldTokens.tooltipPaddingLeft, _Comboboxtokens.tokens.textFieldTooltipPaddingLeft, _TextField.textFieldTokens.tooltipMinHeight, _Comboboxtokens.tokens.textFieldTooltipMinHeight, _TextField.textFieldTokens.tooltipBorderRadius, _Comboboxtokens.tokens.textFieldTooltipBorderRadius, _TextField.textFieldTokens.tooltipTextFontFamily, _Comboboxtokens.tokens.textFieldTooltipTextFontFamily, _TextField.textFieldTokens.tooltipTextFontSize, _Comboboxtokens.tokens.textFieldTooltipTextFontSize, _TextField.textFieldTokens.tooltipTextFontStyle, _Comboboxtokens.tokens.textFieldTooltipTextFontStyle, _TextField.textFieldTokens.tooltipTextFontWeight, _Comboboxtokens.tokens.textFieldTooltipTextFontWeight, _TextField.textFieldTokens.tooltipTextFontLetterSpacing, _Comboboxtokens.tokens.textFieldTooltipTextFontLetterSpacing, _TextField.textFieldTokens.tooltipTextFontLineHeight, _Comboboxtokens.tokens.textFieldTooltipTextFontLineHeight, _TextField.textFieldTokens.tooltipContentLeftMargin, _Comboboxtokens.tokens.textFieldTooltipContentLeftMargin, _TextField.textFieldTokens.tooltipArrowMaskWidth, _Comboboxtokens.tokens.textFieldTooltipArrowMaskWidth, _TextField.textFieldTokens.tooltipArrowMaskHeight, _Comboboxtokens.tokens.textFieldTooltipArrowMaskHeight, _TextField.textFieldTokens.tooltipArrowMaskImage, _Comboboxtokens.tokens.textFieldTooltipArrowMaskImage, _TextField.textFieldTokens.tooltipArrowHeight, _Comboboxtokens.tokens.textFieldTooltipArrowHeight, _TextField.textFieldTokens.tooltipArrowEdgeMargin, _Comboboxtokens.tokens.textFieldTooltipArrowEdgeMargin, _TextField.textFieldTokens.tooltipArrowBackground, _Comboboxtokens.tokens.textFieldTooltipArrowBackground, _TextField.textFieldTokens.chipHeight, _Comboboxtokens.tokens.textFieldChipHeight, _TextField.textFieldTokens.chipBorderRadius, _Comboboxtokens.tokens.textFieldChipBorderRadius, _TextField.textFieldTokens.chipGap, _Comboboxtokens.tokens.textFieldChipGap, _TextField.textFieldTokens.chipBackground, _Comboboxtokens.tokens.textFieldChipBackground, _TextField.textFieldTokens.chipColor, _Comboboxtokens.tokens.textFieldChipColor, _TextField.textFieldTokens.chipBackgroundHover, _Comboboxtokens.tokens.textFieldChipBackgroundHover, _TextField.textFieldTokens.chipColorHover, _Comboboxtokens.tokens.textFieldChipColorHover, _TextField.textFieldTokens.chipBackgroundReadOnly, _Comboboxtokens.tokens.textFieldChipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _Comboboxtokens.tokens.textFieldChipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _Comboboxtokens.tokens.textFieldChipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _Comboboxtokens.tokens.textFieldChipColorReadOnlyHover, _TextField.textFieldTokens.chipBackgroundActive, _Comboboxtokens.tokens.textFieldChipBackgroundActive, _TextField.textFieldTokens.chipColorActive, _Comboboxtokens.tokens.textFieldChipColorActive, _TextField.textFieldTokens.chipCloseIconColor, _Comboboxtokens.tokens.textFieldChipCloseIconColor, _TextField.textFieldTokens.chipCloseIconColorHover, _Comboboxtokens.tokens.textFieldChipCloseIconColorHover, _TextField.textFieldTokens.chipCloseIconColorReadonly, _Comboboxtokens.tokens.textFieldChipCloseIconColorReadonly, _TextField.textFieldTokens.chipOutlineSize, _Comboboxtokens.tokens.textFieldChipOutlineSize, _TextField.textFieldTokens.chipWidth, _Comboboxtokens.tokens.textFieldChipWidth, _TextField.textFieldTokens.chipPadding, _Comboboxtokens.tokens.textFieldChipPadding, _TextField.textFieldTokens.chipCloseIconSize, _Comboboxtokens.tokens.textFieldChipCloseIconSize, _TextField.textFieldTokens.chipFontFamily, _Comboboxtokens.tokens.textFieldChipFontFamily, _TextField.textFieldTokens.chipFontSize, _Comboboxtokens.tokens.textFieldChipFontSize, _TextField.textFieldTokens.chipFontStyle, _Comboboxtokens.tokens.textFieldChipFontStyle, _TextField.textFieldTokens.chipFontWeight, _Comboboxtokens.tokens.textFieldChipFontWeight, _TextField.textFieldTokens.chipLetterSpacing, _Comboboxtokens.tokens.textFieldChipLetterSpacing, _TextField.textFieldTokens.chipLineHeight, _Comboboxtokens.tokens.textFieldChipLineHeight, _TextField.textFieldTokens.chipClearContentMarginLeft, _Comboboxtokens.tokens.textFieldChipClearContentMarginLeft, _TextField.textFieldTokens.chipClearContentMarginRight, _Comboboxtokens.tokens.textFieldChipClearContentMarginRight, _TextField.textFieldTokens.chipOpacityReadonly, _Comboboxtokens.tokens.textFieldChipOpacityReadonly, _TextField.textFieldTokens.focusColor, _Comboboxtokens.tokens.textFieldFocusColor, _TextField.textFieldTokens.indicatorColor, _Comboboxtokens.tokens.textFieldIndicatorColor, _TextField.textFieldTokens.indicatorSizeInner, _Comboboxtokens.tokens.textFieldIndicatorSizeInner, _TextField.textFieldTokens.indicatorSizeOuter, _Comboboxtokens.tokens.textFieldIndicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _Comboboxtokens.tokens.textFieldIndicatorLabelPlacementInner, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _Comboboxtokens.tokens.textFieldIndicatorLabelPlacementOuter, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _Comboboxtokens.tokens.textFieldIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _Comboboxtokens.tokens.textFieldIndicatorLabelPlacementOuterRight, _TextField.textFieldTokens.clearIndicatorLabelPlacementInner, _Comboboxtokens.tokens.textFieldClearIndicatorLabelPlacementInner, _TextField.textFieldTokens.clearIndicatorLabelPlacementInnerRight, _Comboboxtokens.tokens.textFieldClearIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.clearIndicatorHintInnerRight, _Comboboxtokens.tokens.textFieldClearIndicatorHintInnerRight, _TextField.textFieldTokens.boxShadow, _Comboboxtokens.tokens.textFieldBoxShadow);

package/dist/styled-components/cjs/components/Select/Select.tokens.js

@@ -162,6 +162,7 @@ var tokens = {
     textFieldTitleCaptionLetterSpacing: '--plasma-select-textfield-title-caption-letter-spacing',
     textFieldTitleCaptionLineHeight: '--plasma-select-textfield-title-caption-line-height',
     textFieldLeftHelperColor: '--plasma-select-textfield-left-helper-color',
+    textFieldLeftHelperColorFocus: '--plasma-select-textfield-left-helper-color-focus',
     textFieldLeftHelperColorReadOnly: '--plasma-select-textfield__left-helper-color-readonly',
     textFieldLeftHelperOffset: '--plasma-select-textfield-left-helper-offset',
     textFieldLeftHelperFontFamily: '--plasma-select-textfield-left-helper-font-family',

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

@@ -39,7 +39,7 @@ var mergedConfig = (0, _engines.mergeConfig)(_TextField.textFieldConfig);
 var TextField = (0, _engines.component)(mergedConfig);
 var StyledTextField = (0, _styledcomponents.default)(TextField).withConfig({
     displayName: "Textfield.styles__StyledTextField",
-    componentId: "sc-504ad6c9-0"
+    componentId: "sc-ea846b9a-0"
 })([
     "",
     ":var(",
@@ -56,6 +56,8 @@ var StyledTextField = (0, _styledcomponents.default)(TextField).withConfig({
     ");",
     ":var(",
     ");",
+    ":var(",
+    ");",
     ":",
     ";",
     ":",
@@ -355,7 +357,7 @@ var StyledTextField = (0, _styledcomponents.default)(TextField).withConfig({
     ":var(",
     ");",
     ":none;}"
-], _TextField.textFieldTokens.color, _Selecttokens.tokens.textFieldColor, _TextField.textFieldTokens.backgroundColor, _Selecttokens.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.borderColor, _Selecttokens.tokens.textFieldBorderColor, _TextField.textFieldTokens.placeholderColor, _Selecttokens.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.labelColor, _Selecttokens.tokens.textFieldLabelColor, _TextField.textFieldTokens.leftHelperColor, _Selecttokens.tokens.textFieldLeftHelperColor, _TextField.textFieldTokens.colorReadOnly, _Selecttokens.tokens.textFieldColor, _TextField.textFieldTokens.backgroundColorReadOnly, function(param) {
+], _TextField.textFieldTokens.color, _Selecttokens.tokens.textFieldColor, _TextField.textFieldTokens.backgroundColor, _Selecttokens.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.borderColor, _Selecttokens.tokens.textFieldBorderColor, _TextField.textFieldTokens.placeholderColor, _Selecttokens.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.labelColor, _Selecttokens.tokens.textFieldLabelColor, _TextField.textFieldTokens.leftHelperColor, _Selecttokens.tokens.textFieldLeftHelperColor, _TextField.textFieldTokens.leftHelperColorFocus, _Selecttokens.tokens.textFieldLeftHelperColorFocus, _TextField.textFieldTokens.colorReadOnly, _Selecttokens.tokens.textFieldColor, _TextField.textFieldTokens.backgroundColorReadOnly, function(param) {
     var opened = param.opened;
     return opened ? "var(".concat(_Selecttokens.tokens.textFieldBackgroundColorFocus, ")") : "var(".concat(_Selecttokens.tokens.textFieldBackgroundColor, ")");
 }, _TextField.textFieldTokens.placeholderColorReadOnly, function(param) {
@@ -370,7 +372,7 @@ var StyledTextField = (0, _styledcomponents.default)(TextField).withConfig({
 }, _Selecttokens.tokens.textFieldBackgroundColorFocus, _Selecttokens.classes.readOnly, _TextField.textFieldTokens.colorReadOnly, _Selecttokens.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _Selecttokens.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _Selecttokens.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.dividerColorReadOnly, _Selecttokens.tokens.textFieldDividerColorReadOnly, _TextField.textFieldTokens.leftHelperColorReadOnly, _Selecttokens.tokens.textFieldLeftHelperColorReadOnly, _TextField.textFieldTokens.labelColorReadOnly, _Selecttokens.tokens.textFieldLabelColorReadOnly, _TextField.textFieldTokens.titleCaptionColorReadOnly, _Selecttokens.tokens.textFieldTitleCaptionColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _Selecttokens.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.readOnlyOpacity, _Selecttokens.tokens.textFieldReadOnlyOpacity, _TextField.textFieldTokens.chipColorReadOnly, _Selecttokens.tokens.textFieldChipColorReadOnly, _TextField.textFieldTokens.chipColorReadOnlyHover, _Selecttokens.tokens.textFieldChipColorReadOnlyHover, _TextField.textFieldTokens.chipBackgroundReadOnly, _Selecttokens.tokens.textFieldChipBackgroundReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _Selecttokens.tokens.textFieldChipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipOpacityReadonly, _Selecttokens.tokens.textFieldChipOpacityReadonly, _TextField.textFieldTokens.boxShadow);
 var IconArrowWrapper = _styledcomponents.default.div.withConfig({
     displayName: "Textfield.styles__IconArrowWrapper",
-    componentId: "sc-504ad6c9-1"
+    componentId: "sc-ea846b9a-1"
 })([
     "line-height:0;color:var(",
     ");cursor:",
@@ -394,7 +396,7 @@ var sizeMap = {
 };
 var StyledArrow = (0, _styledcomponents.default)(_Icon.IconDisclosureDownCentered).withConfig({
     displayName: "Textfield.styles__StyledArrow",
-    componentId: "sc-504ad6c9-2"
+    componentId: "sc-ea846b9a-2"
 })([
     "width:",
     ";height:",
@@ -408,7 +410,7 @@ var StyledArrow = (0, _styledcomponents.default)(_Icon.IconDisclosureDownCentere
 });
 var StyledLeftHelper = _styledcomponents.default.span.withConfig({
     displayName: "Textfield.styles__StyledLeftHelper",
-    componentId: "sc-504ad6c9-3"
+    componentId: "sc-ea846b9a-3"
 })([
     "margin:0;padding:0;"
 ]);

package/dist/styled-components/cjs/components/TextArea/TextArea.js

@@ -476,7 +476,9 @@ var textAreaRoot = function(Root) {
         })), hasHelper && /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledHelpers, {
             className: styledHelpers,
             id: textareaHelperId
-        }, isInnerLeftHelperPlacement && (leftHelper || helperText) && /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledLeftHelper, null, leftHelper || helperText), rightHelper && /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledRightHelper, {
+        }, isInnerLeftHelperPlacement && (leftHelper || helperText) && /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledLeftHelper, {
+            className: focused ? _TextAreatokens.classes.leftHelperFocus : ''
+        }, leftHelper || helperText), rightHelper && /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledRightHelper, {
             "data-root": true
         }, rightHelper)), !hasHeader && placeholderLabel && /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledPlaceholder, {
             hasContentRight: Boolean(contentRight),

package/dist/styled-components/cjs/components/TextArea/TextArea.styles.js

@@ -96,13 +96,13 @@ var mergedConfig = (0, _engines.mergeConfig)(_Tooltip.tooltipConfig);
 var Tooltip = (0, _engines.component)(mergedConfig);
 var Hint = (0, _styledcomponents.default)(Tooltip).withConfig({
     displayName: "TextArea.styles__Hint",
-    componentId: "sc-5fcd62a1-0"
+    componentId: "sc-621ad7e5-0"
 })([
     ""
 ]);
 var OuterLabelWrapper = _styledcomponents.default.div.withConfig({
     displayName: "TextArea.styles__OuterLabelWrapper",
-    componentId: "sc-5fcd62a1-1"
+    componentId: "sc-621ad7e5-1"
 })([
     "display:flex;align-items:center;max-width:",
     ";margin-bottom:",
@@ -116,7 +116,7 @@ var OuterLabelWrapper = _styledcomponents.default.div.withConfig({
 });
 var StyledLabel = _styledcomponents.default.div.withConfig({
     displayName: "TextArea.styles__StyledLabel",
-    componentId: "sc-5fcd62a1-2"
+    componentId: "sc-621ad7e5-2"
 })([
     "position:relative;display:inline-flex;color:var(",
     ",var(",
@@ -136,7 +136,7 @@ var StyledLabel = _styledcomponents.default.div.withConfig({
 ], _TextAreatokens.tokens.labelOuterColor, _TextAreatokens.tokens.inputColor, _TextAreatokens.tokens.labelOuterFontFamily, _TextAreatokens.tokens.inputFontFamily, _TextAreatokens.tokens.labelOuterFontSize, _TextAreatokens.tokens.inputFontSize, _TextAreatokens.tokens.labelOuterFontStyle, _TextAreatokens.tokens.inputFontStyle, _TextAreatokens.tokens.labelOuterFontWeight, _TextAreatokens.tokens.inputFontWeight, _TextAreatokens.tokens.labelOuterLetterSpacing, _TextAreatokens.tokens.inputLetterSpacing, _TextAreatokens.tokens.labelOuterLineHeight, _TextAreatokens.tokens.inputLineHeight);
 var TitleCaption = _styledcomponents.default.div.withConfig({
     displayName: "TextArea.styles__TitleCaption",
-    componentId: "sc-5fcd62a1-3"
+    componentId: "sc-621ad7e5-3"
 })([
     "display:inline-block;margin-left:auto;font-family:var(",
     ");font-size:var(",
@@ -148,13 +148,13 @@ var TitleCaption = _styledcomponents.default.div.withConfig({
 ], _TextAreatokens.tokens.titleCaptionFontFamily, _TextAreatokens.tokens.titleCaptionFontSize, _TextAreatokens.tokens.titleCaptionFontStyle, _TextAreatokens.tokens.titleCaptionFontWeight, _TextAreatokens.tokens.titleCaptionLetterSpacing, _TextAreatokens.tokens.titleCaptionLineHeight);
 var StyledIndicatorWrapper = _styledcomponents.default.div.withConfig({
     displayName: "TextArea.styles__StyledIndicatorWrapper",
-    componentId: "sc-5fcd62a1-4"
+    componentId: "sc-621ad7e5-4"
 })([
     "position:relative;display:inline-flex;align-items:center;"
 ]);
 var StyledOptionalText = _styledcomponents.default.span.withConfig({
     displayName: "TextArea.styles__StyledOptionalText",
-    componentId: "sc-5fcd62a1-5"
+    componentId: "sc-621ad7e5-5"
 })([
     "color:var(",
     ");font-family:",
@@ -185,7 +185,7 @@ var StyledOptionalText = _styledcomponents.default.span.withConfig({
 });
 var StyledHintWrapper = _styledcomponents.default.div.withConfig({
     displayName: "TextArea.styles__StyledHintWrapper",
-    componentId: "sc-5fcd62a1-6"
+    componentId: "sc-621ad7e5-6"
 })([
     "display:inline-flex;line-height:0;margin:var(",
     ");&.",
@@ -194,7 +194,7 @@ var StyledHintWrapper = _styledcomponents.default.div.withConfig({
 ], _TextAreatokens.tokens.hintMargin, _TextAreatokens.classes.innerLabelPlacement, _TextAreatokens.tokens.hintInnerLabelPlacementOffset);
 var HintTargetWrapper = _styledcomponents.default.div.withConfig({
     displayName: "TextArea.styles__HintTargetWrapper",
-    componentId: "sc-5fcd62a1-7"
+    componentId: "sc-621ad7e5-7"
 })([
     "color:var(",
     ");width:var(",
@@ -203,13 +203,13 @@ var HintTargetWrapper = _styledcomponents.default.div.withConfig({
 ], _TextAreatokens.tokens.hintIconColor, _TextAreatokens.tokens.hintTargetSize, _TextAreatokens.tokens.hintTargetSize);
 var HintIconWrapper = _styledcomponents.default.div.withConfig({
     displayName: "TextArea.styles__HintIconWrapper",
-    componentId: "sc-5fcd62a1-8"
+    componentId: "sc-621ad7e5-8"
 })([
     ""
 ]);
 var StyledTextAreaWrapper = _styledcomponents.default.div.withConfig({
     displayName: "TextArea.styles__StyledTextAreaWrapper",
-    componentId: "sc-5fcd62a1-9"
+    componentId: "sc-621ad7e5-9"
 })([
     "display:flex;flex-direction:column;background-color:var(",
     ");padding-top:",
@@ -228,7 +228,7 @@ var StyledTextAreaWrapper = _styledcomponents.default.div.withConfig({
 });
 var StyledContentWrapper = _styledcomponents.default.div.withConfig({
     displayName: "TextArea.styles__StyledContentWrapper",
-    componentId: "sc-5fcd62a1-10"
+    componentId: "sc-621ad7e5-10"
 })([
     "position:relative;width:100%;height:0;padding-top:",
     ";"
@@ -238,7 +238,7 @@ var StyledContentWrapper = _styledcomponents.default.div.withConfig({
 });
 var StyledContent = _styledcomponents.default.div.withConfig({
     displayName: "TextArea.styles__StyledContent",
-    componentId: "sc-5fcd62a1-11"
+    componentId: "sc-621ad7e5-11"
 })([
     "position:absolute;display:flex;align-items:center;z-index:1;color:var(",
     ",var(",
@@ -252,27 +252,27 @@ var StyledContent = _styledcomponents.default.div.withConfig({
 }, _TextAreatokens.tokens.rightContentRight, _TextAreatokens.tokens.rightContentHeight);
 var StyledHeaderSlot = _styledcomponents.default.div.withConfig({
     displayName: "TextArea.styles__StyledHeaderSlot",
-    componentId: "sc-5fcd62a1-12"
+    componentId: "sc-621ad7e5-12"
 })([
     "display:flex;flex-direction:column;"
 ]);
 var DividerWrapper = _styledcomponents.default.div.withConfig({
     displayName: "TextArea.styles__DividerWrapper",
-    componentId: "sc-5fcd62a1-13"
+    componentId: "sc-621ad7e5-13"
 })([
     "background:var(",
     ");"
 ], _TextAreatokens.tokens.backgroundColor);
 var Divider = _styledcomponents.default.div.withConfig({
     displayName: "TextArea.styles__Divider",
-    componentId: "sc-5fcd62a1-14"
+    componentId: "sc-621ad7e5-14"
 })([
     "height:0.0625rem;background:var(",
     ");"
 ], _TextAreatokens.tokens.dividerColor);
 var StyledContainer = _styledcomponents.default.div.withConfig({
     displayName: "TextArea.styles__StyledContainer",
-    componentId: "sc-5fcd62a1-15"
+    componentId: "sc-621ad7e5-15"
 })([
     "display:inline-flex;flex-direction:column;width:",
     ";position:relative;"
@@ -282,7 +282,7 @@ var StyledContainer = _styledcomponents.default.div.withConfig({
 });
 var StyledTextArea = _styledcomponents.default.textarea.withConfig({
     displayName: "TextArea.styles__StyledTextArea",
-    componentId: "sc-5fcd62a1-16"
+    componentId: "sc-621ad7e5-16"
 })([
     "display:block;box-sizing:border-box;outline:none;border:none;-webkit-appearance:none;background-color:transparent;color:var(",
     ");caret-color:var(",
@@ -345,7 +345,7 @@ var StyledTextArea = _styledcomponents.default.textarea.withConfig({
 }, _TextAreatokens.tokens.inputFontFamily, _TextAreatokens.tokens.inputFontSize, _TextAreatokens.tokens.inputFontStyle, _TextAreatokens.tokens.inputFontWeight, _TextAreatokens.tokens.inputLetterSpacing, _TextAreatokens.tokens.inputLineHeight, _TextAreatokens.tokens.inputColorFocus, _TextAreatokens.tokens.scrollbarWidth, _TextAreatokens.tokens.scrollbarThumbBackgroundColor, _TextAreatokens.tokens.scrollbarBorderWidth, _TextAreatokens.tokens.scrollbarTrackBackgroundColor, _TextAreatokens.tokens.scrollbarBorderWidth);
 var StyledHiddenTextArea = _styledcomponents.default.textarea.withConfig({
     displayName: "TextArea.styles__StyledHiddenTextArea",
-    componentId: "sc-5fcd62a1-17"
+    componentId: "sc-621ad7e5-17"
 })([
     "max-height:none !important;min-height:var(",
     ") !important;visibility:hidden !important;overflow:hidden !important;position:absolute !important;z-index:-1000 !important;top:0 !important;left:0 !important;right:0.0625rem !important;border-width:0;padding-right:",
@@ -363,7 +363,7 @@ var StyledHiddenTextArea = _styledcomponents.default.textarea.withConfig({
 }, _TextAreatokens.tokens.inputPaddingLeft, _TextAreatokens.tokens.inputFontFamily, _TextAreatokens.tokens.inputFontSize, _TextAreatokens.tokens.inputFontStyle, _TextAreatokens.tokens.inputFontWeight, _TextAreatokens.tokens.inputLetterSpacing, _TextAreatokens.tokens.inputLineHeight);
 var StyledHelpers = _styledcomponents.default.div.withConfig({
     displayName: "TextArea.styles__StyledHelpers",
-    componentId: "sc-5fcd62a1-18"
+    componentId: "sc-621ad7e5-18"
 })([
     "box-sizing:border-box;display:flex;justify-content:space-between;transition:background-color 0.1s ease-in-out;background-color:var(",
     ");padding-top:var(",
@@ -376,14 +376,14 @@ var StyledHelpers = _styledcomponents.default.div.withConfig({
 ], _TextAreatokens.tokens.helpersBackgroundColor, _TextAreatokens.tokens.helpersPaddingTop, _TextAreatokens.tokens.helpersPaddingRight, _TextAreatokens.tokens.helpersPaddingBottom, _TextAreatokens.tokens.helpersPaddingLeft, _TextAreatokens.tokens.borderRadius, _TextAreatokens.tokens.borderRadius);
 var StyledOutsideHelpersWrapper = _styledcomponents.default.div.withConfig({
     displayName: "TextArea.styles__StyledOutsideHelpersWrapper",
-    componentId: "sc-5fcd62a1-19"
+    componentId: "sc-621ad7e5-19"
 })([
     "box-sizing:border-box;display:flex;justify-content:space-between;padding-top:var(",
     ");"
 ], _TextAreatokens.tokens.clearHelpersPaddingTop);
 var StyledLeftHelper = _styledcomponents.default.span.withConfig({
     displayName: "TextArea.styles__StyledLeftHelper",
-    componentId: "sc-5fcd62a1-20"
+    componentId: "sc-621ad7e5-20"
 })([
     "",
     ";display:block;font-family:var(",
@@ -393,18 +393,20 @@ var StyledLeftHelper = _styledcomponents.default.span.withConfig({
     ");letter-spacing:var(",
     ");line-height:var(",
     ");color:var(",
-    ");"
-], (0, _mixins.applyEllipsis)(), _TextAreatokens.tokens.helpersFontFamily, _TextAreatokens.tokens.helpersFontSize, _TextAreatokens.tokens.helpersFontStyle, _TextAreatokens.tokens.helpersFontWeight, _TextAreatokens.tokens.helpersLetterSpacing, _TextAreatokens.tokens.helpersLineHeight, _TextAreatokens.tokens.leftHelperColor);
+    ");&.",
+    "{color:var(",
+    ");}"
+], (0, _mixins.applyEllipsis)(), _TextAreatokens.tokens.helpersFontFamily, _TextAreatokens.tokens.helpersFontSize, _TextAreatokens.tokens.helpersFontStyle, _TextAreatokens.tokens.helpersFontWeight, _TextAreatokens.tokens.helpersLetterSpacing, _TextAreatokens.tokens.helpersLineHeight, _TextAreatokens.tokens.leftHelperColor, _TextAreatokens.classes.leftHelperFocus, _TextAreatokens.tokens.leftHelperColorFocus);
 var StyledRightHelper = (0, _styledcomponents.default)(StyledLeftHelper).withConfig({
     displayName: "TextArea.styles__StyledRightHelper",
-    componentId: "sc-5fcd62a1-21"
+    componentId: "sc-621ad7e5-21"
 })([
     "color:var(",
     ");margin-left:auto;"
 ], _TextAreatokens.tokens.rightHelperColor);
 var StyledPlaceholder = _styledcomponents.default.label.withConfig({
     displayName: "TextArea.styles__StyledPlaceholder",
-    componentId: "sc-5fcd62a1-22"
+    componentId: "sc-621ad7e5-22"
 })([
     "box-sizing:border-box;position:absolute;pointer-events:none;display:inline-flex;align-items:center;transition:all 0.1s ease-in-out;transform-origin:top left;color:var(",
     ");width:100%;height:auto;top:var(",
@@ -423,7 +425,7 @@ var StyledPlaceholder = _styledcomponents.default.label.withConfig({
 }, _TextAreatokens.tokens.inputFontFamily, _TextAreatokens.tokens.inputFontSize, _TextAreatokens.tokens.inputFontStyle, _TextAreatokens.tokens.inputFontWeight, _TextAreatokens.tokens.inputLetterSpacing, _TextAreatokens.tokens.inputLineHeight);
 var StyledIndicator = _styledcomponents.default.div.withConfig({
     displayName: "TextArea.styles__StyledIndicator",
-    componentId: "sc-5fcd62a1-23"
+    componentId: "sc-621ad7e5-23"
 })([
     "position:absolute;border-radius:50%;background-color:var(",
     ");&.",

package/dist/styled-components/cjs/components/TextArea/TextArea.tokens.js

@@ -34,7 +34,8 @@ var classes = {
     hasDivider: 'textarea-has-divider',
     requiredAlignRight: 'required-align-right',
     hasHeaderSlot: 'textarea-has-header-slot',
-    styledContentWrapper: 'textarea-content-wrapper'
+    styledContentWrapper: 'textarea-content-wrapper',
+    leftHelperFocus: 'textarea-left-helper-focus'
 };
 var tokens = {
     /** Цвет фона для всего компонента */ backgroundColor: '--plasma-textarea-background-color',
@@ -66,6 +67,7 @@ var tokens = {
     clearPlaceholderColorFocus: '--plasma-textarea-clear-placeholder-color-focus',
     /** Цвет элемента optional */ optionalColor: '--plasma-textarea__optional-color',
     /** Цвет текста для левой подписи снизу */ leftHelperColor: '--plasma-textarea-left-helper-color',
+    /** Цвет текста для левой подписи снизу в состоянии focus */ leftHelperColorFocus: '--plasma-textarea-left-helper-color-focus',
     /** Цвет текста для правой подписи снизу */ rightHelperColor: '--plasma-textarea-right-helper-color',
     /** Цвета границы для всего компонента */ borderColor: '--plasma-textarea-border-color',
     borderColorReadOnly: '--plasma-textarea-border-color-readonly',

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

@@ -588,6 +588,7 @@ var textFieldRoot = function(Root) {
             "aria-labelledby": labelId,
             "aria-describedby": helperTextId,
             placeholder: innerPlaceholderValue,
+            hasFocus: hasFocus,
             className: (0, _utils.cx)(hasValueClass, keepPlaceholderClass, classTextEllipsis, readOnly && _TextFieldtokens.classes.readOnlyInput),
             disabled: disabled,
             readOnly: !disabled && readOnly,
@@ -632,7 +633,8 @@ var textFieldRoot = function(Root) {
             isInnerLabel: true
         }))), leftHelper && /*#__PURE__*/ _react.default.createElement(_TextFieldstyles.LeftHelper, {
             "data-root": true,
-            id: helperTextId
+            id: helperTextId,
+            className: hasFocus ? _TextFieldtokens.classes.hasFocus : undefined
         }, leftHelper));
     });
 };