@salutejs/plasma-web 1.384.0-canary.1352.10591857563.0 → 1.384.0-canary.1361.10595625702.0

package/CHANGELOG.md

@@ -1,3 +1,139 @@
+# v1.383.0 (Wed Aug 28 2024)
+
+### Release Notes
+
+#### Release by 28.08.2024 ([#1403](https://github.com/salute-developers/plasma/pull/1403))
+
+## Components
+
+### Slider
+
+- удалена лишняя зависимость `ref.current` в hooks 
+- исправлена документация в `plasma-web`
+- для `plasma-new-hope` и `sdds-dfa` добавлены недостающие файлы документации
+
+ 
+plasma-{new-hope, web}, sdds-dfa: removed redundant dependencies from `Slider` hooks; docs fixed (https://github.com/salute-developers/plasma/pull/1386)
+
+### TextField
+- добавлен размер `xs` в `plasma-web` 
+
+ 
+plasma-web: size `xs` added to `TextField` (https://github.com/salute-developers/plasma/pull/1395)
+
+### SDDS-CS
+
+- изменены конфигурации компонентов для `sdds-cs`
+
+### Radiobox/Checkbox
+
+- добавлен фон через токены для `trigger`
+
+### Button
+
+- добавлен отдельный фон через токены в состоянии `loading`
+
+ 
+sdds-cs: Edit components config (https://github.com/salute-developers/plasma/pull/1368)
+
+
+## Icons
+
+### Disclosure group 
+
+- обновлен набор для `Disclosure`
+
+<img width="371" alt="Disclosure" src="https://github.com/user-attachments/assets/37024761-5185-46fc-9a24-8285839c1776" />
+
+
+ 
+feat(plasma-icons): Update `Disclosure` icons group (https://github.com/salute-developers/plasma/pull/1384)
+
+### Update icons list
+
+#### Video
+<img width="171" src="https://github.com/user-attachments/assets/5138f0d2-bc5a-427f-b5c3-161702b80cc5" />
+
+#### Attention
+<img width="58" src="https://github.com/user-attachments/assets/425b34f8-6744-44ad-8670-70fbb7f2aed7" />
+
+#### Message
+<img width="409" src="https://github.com/user-attachments/assets/b23057c1-b8e3-4c2a-a052-570a61570242" />
+
+#### Zoom
+<img width="128" src="https://github.com/user-attachments/assets/ac37d878-b25d-4215-9a05-84a4db8a4f1e" />
+
+ 
+feat(plasma-icons): Update icons pack (https://github.com/salute-developers/plasma/pull/1390)
+
+## Tokens
+
+* исправлены опечатки в `tokens` для `theme`: `plasma_web`, `sdds_dfa`, `sdds_serv`
+
+fix(plasma-tokens): Fix tokens misprint in themes  (https://github.com/salute-developers/plasma/pull/1402)
+
+### Theme-Builder
+
+* исправлена обработка свойств `opened` для модальных окон
+* исправлено отображение полей для ввода в модальном окне редактирования token
+* исправлена генерация токенов `active` и `hover` состояний при изменении отключении / включении token
+
+ 
+fix(plasma-theme-builder): Fix bugs in Theme Builder (https://github.com/salute-developers/plasma/pull/1397)
+
+
+## Infra
+
+### Plasma-B2C
+
+- поднята документацию для пакета `plasma-b2c`
+
+
+ 
+plasma-docs: Setup package for `plasma-b2c` (https://github.com/salute-developers/plasma/pull/1330)
+
+
+## Misc
+
+### Tests
+-   изменены тесты plasma-b2c компонентов Breadcrumbs и Price
+
+ 
+test(plasma-b2c): update tests for Breadcrumbs and Price (https://github.com/salute-developers/plasma/pull/1353)
+
+### Tests
+-   изменены тесты plasma-b2c компонентов Badge и Chip
+
+ 
+test(plasma-b2c): update tests for Badge and Chip (https://github.com/salute-developers/plasma/pull/1366)
+
+---
+
+#### 🚀 Enhancement
+
+- Release by 28.08.2024 [#1403](https://github.com/salute-developers/plasma/pull/1403) ([@Yakutoc](https://github.com/Yakutoc) [@simashova](https://github.com/simashova) [@neretin-trike](https://github.com/neretin-trike) [@Salute-Eva](https://github.com/Salute-Eva) [@IgorYar](https://github.com/IgorYar) [@denivladislav](https://github.com/denivladislav) [@iljs](https://github.com/iljs))
+- feat(*): add custom background trigger for checkbox and rasiobox ([@iljs](https://github.com/iljs))
+- feat(*): add custom loading background to button ([@iljs](https://github.com/iljs))
+- feat(plasma-web): xs size added [#1395](https://github.com/salute-developers/plasma/pull/1395) ([@denivladislav](https://github.com/denivladislav))
+
+#### 🐛 Bug Fix
+
+- Update package-lock.json files ([@Salute-Eva](https://github.com/Salute-Eva))
+- Update versions ([@Salute-Eva](https://github.com/Salute-Eva))
+- chore: Update package-lock.json files \[skip ci\] ([@Salute-Eva](https://github.com/Salute-Eva))
+
+#### Authors: 7
+
+- [@iljs](https://github.com/iljs)
+- [@Salute-Eva](https://github.com/Salute-Eva)
+- Alexander Lobyntsev ([@Yakutoc](https://github.com/Yakutoc))
+- Anastasia Simashova ([@simashova](https://github.com/simashova))
+- Igor Yaroslavtsev ([@IgorYar](https://github.com/IgorYar))
+- neretinaa ([@neretin-trike](https://github.com/neretin-trike))
+- Vladislav Denisov  ([@denivladislav](https://github.com/denivladislav))
+
+---
+
 # v1.377.0 (Thu Aug 22 2024)
 
 ### Release Notes

package/api/plasma-web.api.md

@@ -2363,10 +2363,7 @@ export interface TextAreaProps extends TextAreaProps_2 {
 export { TextareaResize }
 
 // @public
-export const TextField: React_2.ForwardRefExoticComponent<TextFieldProps_2 & {
-    required?: boolean | undefined;
-    requiredAlign?: "right" | "left" | undefined;
-} & Pick<PropsType<    {
+export const TextField: React_2.ForwardRefExoticComponent<TextFieldProps_2 & Pick<PropsType<    {
 view: {
 default: PolymorphicClassName;
 positive: PolymorphicClassName;
@@ -2386,9 +2383,6 @@ outer: PolymorphicClassName;
 disabled: {
 true: PolymorphicClassName;
 };
-required: {
-true: PolymorphicClassName;
-};
 readOnly: {
 true: PolymorphicClassName;
 };
@@ -2402,11 +2396,9 @@ true: PolymorphicClassName;
     labelPlacement?: "outer" | "inner" | undefined;
     leftHelper?: string | undefined;
     contentLeft?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
-    contentRight?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined; /** TODO: #1064 Remove In plasma-2.0 */
+    contentRight?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
     textBefore?: string | undefined;
     textAfter?: string | undefined;
-    required?: boolean | undefined;
-    requiredAlign?: "right" | "left" | undefined;
     onSearch?: ((value: string, event?: React_2.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
 } & {
     chips?: undefined;
@@ -2423,11 +2415,9 @@ true: PolymorphicClassName;
     labelPlacement?: "outer" | "inner" | undefined;
     leftHelper?: string | undefined;
     contentLeft?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
-    contentRight?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined; /** TODO: #1064 Remove In plasma-2.0 */
+    contentRight?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
     textBefore?: string | undefined;
     textAfter?: string | undefined;
-    required?: boolean | undefined;
-    requiredAlign?: "right" | "left" | undefined;
     onSearch?: ((value: string, event?: React_2.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
 } & {
     enumerationType: "chip";
@@ -2436,11 +2426,10 @@ true: PolymorphicClassName;
     onChangeChips?: ((value: TextFieldPrimitiveValue[]) => void) | undefined;
 } & Omit<React_2.InputHTMLAttributes<HTMLInputElement>, "size"> & React_2.RefAttributes<HTMLInputElement>)), "enumerationType" | "chips" | "onChangeChips"> & React_2.RefAttributes<HTMLInputElement>>;
 
-// Warning: (ae-forgotten-export) The symbol "TextFieldProps_3" needs to be exported by the entry point index.d.ts
 // Warning: (ae-forgotten-export) The symbol "newHopeTextFieldProps" needs to be exported by the entry point index.d.ts
 //
 // @public (undocumented)
-export type TextFieldProps = TextFieldProps_3 & Pick<newHopeTextFieldProps, 'enumerationType' | 'chips' | 'onChangeChips'>;
+export type TextFieldProps = TextFieldProps_2 & Pick<newHopeTextFieldProps, 'enumerationType' | 'chips' | 'onChangeChips'>;
 
 export { TextFieldView }
 

package/components/Combobox/Combobox.config.js

@@ -20,7 +20,7 @@ var config = exports.config = {
       l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 100%;\n                ", ": auto;\n                ", ": 0.875rem;\n                ", ": 0.125rem;\n                ", ": 0.125rem;\n                ", ": 0.125rem;\n                ", ": 0.125rem;\n\n                ", ": var(--surface-transparent-tertiary);\n                ", ": 0.063rem;\n                ", ": 0;\n                ", ": 1rem;\n                ", ": 0;\n                ", ": 1rem;\n\n                ", ": auto;\n                ", ": 1.5rem;\n                ", ": 1rem;\n                ", ": 1rem;\n                ", ": 1rem;\n                ", ": 1rem;\n                ", ": 0.75rem;\n                ", ": 1.875rem;\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 0.25rem;\n                ", ": 0.5rem;\n                ", ": auto;\n                ", ": 2.75rem;\n                ", ": 0.75rem;\n                ", ": 1rem;\n                ", ": 0.625rem;\n                ", ": 0rem;\n                ", ": 1rem;\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 1rem;\n                ", ": 3.5rem;\n                ", ": 100%;\n                ", ": 0.875rem;\n                ", ": 0 3.5rem 0 1.5rem;\n                ", ": 0 3.625rem 0 0.375rem;\n                ", ": 0 3.625rem 0 0.625rem;\n                ", ": 0.5rem;\n                ", ": 0.375rem;\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n            "])), _styledComponents.comboboxTokens.width, _styledComponents.comboboxTokens.height, _styledComponents.comboboxTokens.borderRadius, _styledComponents.comboboxTokens.paddingTop, _styledComponents.comboboxTokens.paddingRight, _styledComponents.comboboxTokens.paddingBottom, _styledComponents.comboboxTokens.paddingLeft, _styledComponents.comboboxTokens.dividerColor, _styledComponents.comboboxTokens.dividerHeight, _styledComponents.comboboxTokens.dividerMarginTop, _styledComponents.comboboxTokens.dividerMarginRight, _styledComponents.comboboxTokens.dividerMarginBottom, _styledComponents.comboboxTokens.dividerMarginLeft, _styledComponents.comboboxTokens.itemWidth, _styledComponents.comboboxTokens.itemHeight, _styledComponents.comboboxTokens.itemPaddingTop, _styledComponents.comboboxTokens.itemPaddingRight, _styledComponents.comboboxTokens.itemPaddingBottom, _styledComponents.comboboxTokens.itemPaddingLeft, _styledComponents.comboboxTokens.itemBorderRadius, _styledComponents.comboboxTokens.itemContentLeftWidth, _styledComponents.comboboxTokens.itemFontFamily, _styledComponents.comboboxTokens.itemFontSize, _styledComponents.comboboxTokens.itemFontStyle, _styledComponents.comboboxTokens.itemFontWeightBold, _styledComponents.comboboxTokens.itemFontLetterSpacing, _styledComponents.comboboxTokens.itemFontLineHeight, _styledComponents.comboboxTokens.chipGap, _styledComponents.comboboxTokens.chipBorderRadius, _styledComponents.comboboxTokens.chipWidth, _styledComponents.comboboxTokens.chipHeight, _styledComponents.comboboxTokens.chipPaddingRight, _styledComponents.comboboxTokens.chipPaddingLeft, _styledComponents.comboboxTokens.chipClearContentMarginLeft, _styledComponents.comboboxTokens.chipClearContentMarginRight, _styledComponents.comboboxTokens.chipCloseIconSize, _styledComponents.comboboxTokens.chipFontFamily, _styledComponents.comboboxTokens.chipFontSize, _styledComponents.comboboxTokens.chipFontStyle, _styledComponents.comboboxTokens.chipFontWeight, _styledComponents.comboboxTokens.chipLetterSpacing, _styledComponents.comboboxTokens.chipLineHeight, _styledComponents.comboboxTokens.targetArrowRight, _styledComponents.comboboxTokens.targetHeight, _styledComponents.comboboxTokens.targetWidth, _styledComponents.comboboxTokens.targetRadius, _styledComponents.comboboxTokens.targetPadding, _styledComponents.comboboxTokens.targetPaddingHasChips, _styledComponents.comboboxTokens.targetPaddingWithInput, _styledComponents.comboboxTokens.targetInnerTop, _styledComponents.comboboxTokens.targetLabelInnerTop, _styledComponents.comboboxTokens.targetFontFamily, _styledComponents.comboboxTokens.targetFontSize, _styledComponents.comboboxTokens.targetFontStyle, _styledComponents.comboboxTokens.targetFontWeight, _styledComponents.comboboxTokens.targetLetterSpacing, _styledComponents.comboboxTokens.targetLineHeight, _styledComponents.comboboxTokens.targetLabelInnerFontFamily, _styledComponents.comboboxTokens.targetLabelInnerFontSize, _styledComponents.comboboxTokens.targetLabelInnerFontStyle, _styledComponents.comboboxTokens.targetLabelInnerFontWeight, _styledComponents.comboboxTokens.targetLabelInnerLetterSpacing, _styledComponents.comboboxTokens.targetLabelInnerLineHeight)
     },
     view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary-hover);\n                ", ": var(--text-tertiary-active);\n                ", ": var(--text-accent);\n\n                ", ": var(--surface-solid-card);\n                ", ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04); /* TODO: \u0417\u0430\u0431\u0438\u0440\u0430\u0442\u044C \u0438\u0437 \u0442\u043E\u043A\u0435\u043D\u0430 --shadow-down-soft-s */\n\n                ", ": var(--plasma-colors-transparent);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--text-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary-hover);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary-active);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": 0.72;\n\n                ", ": 0.4;\n                ", ": var(--surface-accent);\n            "])), _styledComponents.comboboxTokens.targetColor, _styledComponents.comboboxTokens.targetLabelColor, _styledComponents.comboboxTokens.targetArrowColor, _styledComponents.comboboxTokens.targetBorderColor, _styledComponents.comboboxTokens.targetBorderColorHover, _styledComponents.comboboxTokens.targetBorderColorActive, _styledComponents.comboboxTokens.targetBorderColorOpen, _styledComponents.comboboxTokens.background, _styledComponents.comboboxTokens.boxShadow, _styledComponents.comboboxTokens.itemBackground, _styledComponents.comboboxTokens.itemBackgroundHover, _styledComponents.comboboxTokens.itemBackgroundSelectedHover, _styledComponents.comboboxTokens.itemColor, _styledComponents.comboboxTokens.itemContentLeftColor, _styledComponents.comboboxTokens.chipCloseIconColor, _styledComponents.comboboxTokens.chipColor, _styledComponents.comboboxTokens.chipBackground, _styledComponents.comboboxTokens.chipColorHover, _styledComponents.comboboxTokens.chipBackgroundHover, _styledComponents.comboboxTokens.chipColorActive, _styledComponents.comboboxTokens.chipBackgroundActive, _styledComponents.comboboxTokens.chipBackgroundReadOnly, _styledComponents.comboboxTokens.chipColorReadOnly, _styledComponents.comboboxTokens.chipBackgroundReadOnlyHover, _styledComponents.comboboxTokens.chipColorReadOnlyHover, _styledComponents.comboboxTokens.chipOpacityReadonly, _styledComponents.comboboxTokens.disabledOpacity, _styledComponents.comboboxTokens.focusColor)
+      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary-hover);\n                ", ": var(--text-tertiary-active);\n                ", ": var(--text-accent);\n\n                ", ": var(--surface-solid-card-brightness);\n                ", ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04); /* TODO: \u0417\u0430\u0431\u0438\u0440\u0430\u0442\u044C \u0438\u0437 \u0442\u043E\u043A\u0435\u043D\u0430 --shadow-down-soft-s */\n\n                ", ": var(--plasma-colors-transparent);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--text-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary-hover);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary-active);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": 0.72;\n\n                ", ": 0.4;\n                ", ": var(--surface-accent);\n            "])), _styledComponents.comboboxTokens.targetColor, _styledComponents.comboboxTokens.targetLabelColor, _styledComponents.comboboxTokens.targetArrowColor, _styledComponents.comboboxTokens.targetBorderColor, _styledComponents.comboboxTokens.targetBorderColorHover, _styledComponents.comboboxTokens.targetBorderColorActive, _styledComponents.comboboxTokens.targetBorderColorOpen, _styledComponents.comboboxTokens.background, _styledComponents.comboboxTokens.boxShadow, _styledComponents.comboboxTokens.itemBackground, _styledComponents.comboboxTokens.itemBackgroundHover, _styledComponents.comboboxTokens.itemBackgroundSelectedHover, _styledComponents.comboboxTokens.itemColor, _styledComponents.comboboxTokens.itemContentLeftColor, _styledComponents.comboboxTokens.chipCloseIconColor, _styledComponents.comboboxTokens.chipColor, _styledComponents.comboboxTokens.chipBackground, _styledComponents.comboboxTokens.chipColorHover, _styledComponents.comboboxTokens.chipBackgroundHover, _styledComponents.comboboxTokens.chipColorActive, _styledComponents.comboboxTokens.chipBackgroundActive, _styledComponents.comboboxTokens.chipBackgroundReadOnly, _styledComponents.comboboxTokens.chipColorReadOnly, _styledComponents.comboboxTokens.chipBackgroundReadOnlyHover, _styledComponents.comboboxTokens.chipColorReadOnlyHover, _styledComponents.comboboxTokens.chipOpacityReadonly, _styledComponents.comboboxTokens.disabledOpacity, _styledComponents.comboboxTokens.focusColor)
     }
   }
 };

package/components/Dropdown/Dropdown.config.js

@@ -20,7 +20,7 @@ var config = exports.config = {
       l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.125rem;\n                ", ": 17.5rem;\n                ", ": 0.875rem;\n\n                ", ": 1.0625rem;\n                ", ": 1rem;\n                ", ": 1.0625rem;\n                ", ": 1rem;\n                ", ": 0.75rem;\n                ", ": 0.8125rem;\n                ", ": 0.8125rem;\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n            "])), _styledComponents.dropdownTokens.padding, _styledComponents.dropdownTokens.width, _styledComponents.dropdownTokens.borderRadius, _styledComponents.dropdownTokens.itemPaddingTop, _styledComponents.dropdownTokens.itemPaddingRight, _styledComponents.dropdownTokens.itemPaddingBottom, _styledComponents.dropdownTokens.itemPaddingLeft, _styledComponents.dropdownTokens.itemBorderRadius, _styledComponents.dropdownTokens.itemPaddingTopTight, _styledComponents.dropdownTokens.itemPaddingBottomTight, _styledComponents.dropdownTokens.itemFontFamily, _styledComponents.dropdownTokens.itemFontSize, _styledComponents.dropdownTokens.itemFontStyle, _styledComponents.dropdownTokens.itemFontWeightBold, _styledComponents.dropdownTokens.itemFontLetterSpacing, _styledComponents.dropdownTokens.itemFontLineHeight)
     },
     view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.4;\n                ", ": var(--surface-accent);\n                ", ": var(--surface-solid-card);\n                ", ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-clear);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n            "])), _styledComponents.dropdownTokens.disabledOpacity, _styledComponents.dropdownTokens.focusColor, _styledComponents.dropdownTokens.background, _styledComponents.dropdownTokens.boxShadow, _styledComponents.dropdownTokens.disclosureIconColor, _styledComponents.dropdownTokens.itemBackground, _styledComponents.dropdownTokens.itemBackgroundHover, _styledComponents.dropdownTokens.itemColor)
+      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.4;\n                ", ": var(--surface-accent);\n                ", ": var(--surface-solid-card-brightness);\n                ", ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-clear);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n            "])), _styledComponents.dropdownTokens.disabledOpacity, _styledComponents.dropdownTokens.focusColor, _styledComponents.dropdownTokens.background, _styledComponents.dropdownTokens.boxShadow, _styledComponents.dropdownTokens.disclosureIconColor, _styledComponents.dropdownTokens.itemBackground, _styledComponents.dropdownTokens.itemBackgroundHover, _styledComponents.dropdownTokens.itemColor)
     }
   }
 };

package/components/Dropdown/components/DropdownOld.config.js

@@ -22,7 +22,7 @@ var config = exports.config = {
       l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ";\n\n                ", ";\n                ", ": 1.0625rem;\n                ", ": 1rem;\n                ", ": 1.0625rem;\n                ", ": 1rem;\n                ", ": 0.75rem;\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n            "])), dropdownSizeCommon, dropdownItemSizeCommon, _styledComponents.dropdownOldTokens.itemPaddingTop, _styledComponents.dropdownOldTokens.itemPaddingRight, _styledComponents.dropdownOldTokens.itemPaddingBottom, _styledComponents.dropdownOldTokens.itemPaddingLeft, _styledComponents.dropdownOldTokens.itemBorderRadius, _styledComponents.dropdownOldTokens.itemFontFamily, _styledComponents.dropdownOldTokens.itemFontSize, _styledComponents.dropdownOldTokens.itemFontStyle, _styledComponents.dropdownOldTokens.itemFontWeightBold, _styledComponents.dropdownOldTokens.itemFontLetterSpacing, _styledComponents.dropdownOldTokens.itemFontLineHeight)
     },
     view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.4;\n                ", ": var(--surface-solid-card);\n                // TODO: #1131 \u0412\u0435\u0440\u043D\u0443\u0442\u044C \u0442\u043E\u043A\u0435\u043D --shadow-down-soft-s\n                ", ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n\n                ", ": var(--plasma-colors-transparent);\n                ", ": var(--surface-transparent-secondary);\n                ", ": inherit;\n                ", ": inherit;\n                ", ": inherit;\n                ", ": inherit;\n                ", ": var(--text-primary);\n            "])), _styledComponents.dropdownOldTokens.disabledOpacity, _styledComponents.dropdownOldTokens.background, _styledComponents.dropdownOldTokens.boxShadow, _styledComponents.dropdownOldTokens.itemBackground, _styledComponents.dropdownOldTokens.itemBackgroundHover, _styledComponents.dropdownOldTokens.itemBackgroundSelected, _styledComponents.dropdownOldTokens.itemColorSelected, _styledComponents.dropdownOldTokens.itemBackgroundSelectedHover, _styledComponents.dropdownOldTokens.itemColorSelectedHover, _styledComponents.dropdownOldTokens.itemColor)
+      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.4;\n                ", ": var(--surface-solid-card-brightness);\n                // TODO: #1131 \u0412\u0435\u0440\u043D\u0443\u0442\u044C \u0442\u043E\u043A\u0435\u043D --shadow-down-soft-s\n                ", ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n\n                ", ": var(--plasma-colors-transparent);\n                ", ": var(--surface-transparent-secondary);\n                ", ": inherit;\n                ", ": inherit;\n                ", ": inherit;\n                ", ": inherit;\n                ", ": var(--text-primary);\n            "])), _styledComponents.dropdownOldTokens.disabledOpacity, _styledComponents.dropdownOldTokens.background, _styledComponents.dropdownOldTokens.boxShadow, _styledComponents.dropdownOldTokens.itemBackground, _styledComponents.dropdownOldTokens.itemBackgroundHover, _styledComponents.dropdownOldTokens.itemBackgroundSelected, _styledComponents.dropdownOldTokens.itemColorSelected, _styledComponents.dropdownOldTokens.itemBackgroundSelectedHover, _styledComponents.dropdownOldTokens.itemColorSelectedHover, _styledComponents.dropdownOldTokens.itemColor)
     }
   }
 };

package/components/Notification/Notification.config.js

@@ -13,7 +13,7 @@ var config = exports.config = {
   },
   variations: {
     view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-colors-secondary);\n                ", ": var(--plasma-colors-background-primary);\n                ", ": 0.75rem;\n                ", ": 0.375rem;\n\n                ", ": 0.125rem;\n                ", ": 0.25rem;\n                ", ": 0rem;\n                ", ": 0.25rem;\n\n                ", ": 0.25rem;\n                ", ": 1rem;\n\n                ", ": 0.1875rem;\n                ", ": 0.125rem;\n                ", ": 0.375rem;\n                ", ": 0.125rem;\n\n                ", ": 1.625rem;\n                ", ": 0.25rem;\n\n                ", ": 0.5rem;\n                ", ": 0.5rem;\n\n                ", ": 0.375rem;\n\n                ", ": 1.5rem;\n                ", ": 0.375rem;\n                ", ": 0.5rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": var(--plasma-colors-tertiary);\n                ", ": var(--plasma-colors-primary);\n\n                ", ": 0.375rem;\n                ", ": 0.75rem;\n                ", ": 0.8125rem 0.5rem 0.8125rem 0.875rem;\n            "])), _styledComponents.notificationTokens.contentColor, _styledComponents.notificationTokens.background, _styledComponents.notificationTokens.borderRadius, _styledComponents.notificationTokens.padding, _styledComponents.notificationTokens.contentPaddingTop, _styledComponents.notificationTokens.contentPaddingRight, _styledComponents.notificationTokens.contentPaddingBottom, _styledComponents.notificationTokens.contentPaddingLeft, _styledComponents.notificationTokens.contentPaddingTopWithoutIcon, _styledComponents.notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon, _styledComponents.notificationTokens.textboxPaddingTop, _styledComponents.notificationTokens.textboxPaddingRight, _styledComponents.notificationTokens.textboxPaddingBottom, _styledComponents.notificationTokens.textboxPaddingLeft, _styledComponents.notificationTokens.textboxPaddingRightWithCloseIcon, _styledComponents.notificationTokens.textboxGap, _styledComponents.notificationTokens.closeIconTop, _styledComponents.notificationTokens.closeIconRight, _styledComponents.notificationTokens.buttonsMarginTop, _styledComponents.notificationTokens.contentLeftIconSize, _styledComponents.notificationTokens.contentLeftIconMargin, _styledComponents.notificationTokens.contentTopIconMargin, _styledComponents.notificationTokens.contentFontFamily, _styledComponents.notificationTokens.contentFontSize, _styledComponents.notificationTokens.contentFontStyle, _styledComponents.notificationTokens.contentFontWeight, _styledComponents.notificationTokens.contentFontLetterSpacing, _styledComponents.notificationTokens.contentFontLineHeight, _styledComponents.notificationTokens.titleFontFamily, _styledComponents.notificationTokens.titleFontSize, _styledComponents.notificationTokens.titleFontStyle, _styledComponents.notificationTokens.titleFontWeight, _styledComponents.notificationTokens.titleFontLetterSpacing, _styledComponents.notificationTokens.titleFontLineHeight, _styledComponents.notificationTokens.closeIconColor, _styledComponents.notificationTokens.closeIconColorOnHover, _styledComponents.notificationTokens.horizontalLayoutGap, _styledComponents.notificationTokens.horizontalLayoutLeftIconMargin, _styledComponents.notificationTokens.paddingOneLineTextbox)
+      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-colors-secondary);\n                ", ": var(--surface-solid-card-brightness);\n                ", ": 0.75rem;\n                ", ": 0.375rem;\n\n                ", ": 0.125rem;\n                ", ": 0.25rem;\n                ", ": 0rem;\n                ", ": 0.25rem;\n\n                ", ": 0.25rem;\n                ", ": 1rem;\n\n                ", ": 0.1875rem;\n                ", ": 0.125rem;\n                ", ": 0.375rem;\n                ", ": 0.125rem;\n\n                ", ": 1.625rem;\n                ", ": 0.25rem;\n\n                ", ": 0.5rem;\n                ", ": 0.5rem;\n\n                ", ": 0.375rem;\n\n                ", ": 1.5rem;\n                ", ": 0.375rem;\n                ", ": 0.5rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": var(--plasma-colors-tertiary);\n                ", ": var(--plasma-colors-primary);\n\n                ", ": 0.375rem;\n                ", ": 0.75rem;\n                ", ": 0.8125rem 0.5rem 0.8125rem 0.875rem;\n            "])), _styledComponents.notificationTokens.contentColor, _styledComponents.notificationTokens.background, _styledComponents.notificationTokens.borderRadius, _styledComponents.notificationTokens.padding, _styledComponents.notificationTokens.contentPaddingTop, _styledComponents.notificationTokens.contentPaddingRight, _styledComponents.notificationTokens.contentPaddingBottom, _styledComponents.notificationTokens.contentPaddingLeft, _styledComponents.notificationTokens.contentPaddingTopWithoutIcon, _styledComponents.notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon, _styledComponents.notificationTokens.textboxPaddingTop, _styledComponents.notificationTokens.textboxPaddingRight, _styledComponents.notificationTokens.textboxPaddingBottom, _styledComponents.notificationTokens.textboxPaddingLeft, _styledComponents.notificationTokens.textboxPaddingRightWithCloseIcon, _styledComponents.notificationTokens.textboxGap, _styledComponents.notificationTokens.closeIconTop, _styledComponents.notificationTokens.closeIconRight, _styledComponents.notificationTokens.buttonsMarginTop, _styledComponents.notificationTokens.contentLeftIconSize, _styledComponents.notificationTokens.contentLeftIconMargin, _styledComponents.notificationTokens.contentTopIconMargin, _styledComponents.notificationTokens.contentFontFamily, _styledComponents.notificationTokens.contentFontSize, _styledComponents.notificationTokens.contentFontStyle, _styledComponents.notificationTokens.contentFontWeight, _styledComponents.notificationTokens.contentFontLetterSpacing, _styledComponents.notificationTokens.contentFontLineHeight, _styledComponents.notificationTokens.titleFontFamily, _styledComponents.notificationTokens.titleFontSize, _styledComponents.notificationTokens.titleFontStyle, _styledComponents.notificationTokens.titleFontWeight, _styledComponents.notificationTokens.titleFontLetterSpacing, _styledComponents.notificationTokens.titleFontLineHeight, _styledComponents.notificationTokens.closeIconColor, _styledComponents.notificationTokens.closeIconColorOnHover, _styledComponents.notificationTokens.horizontalLayoutGap, _styledComponents.notificationTokens.horizontalLayoutLeftIconMargin, _styledComponents.notificationTokens.paddingOneLineTextbox)
     },
     layout: {
       horizontal: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 25rem;\n                ", ": 1rem 0.5rem 1rem 0.875rem;\n            "])), _styledComponents.notificationTokens.width, _styledComponents.notificationTokens.horizontalLayoutPadding),

package/components/TextArea/TextArea.config.d.ts

@@ -24,8 +24,5 @@ export declare const config: {
         disabled: {
             true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         };
-        required: {
-            true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        };
     };
 };

package/components/TextArea/TextArea.config.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.config = void 0;
 var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 var config = exports.config = {
   defaults: {
@@ -14,10 +14,10 @@ var config = exports.config = {
   },
   variations: {
     size: {
-      xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 100%;\n                ", ": 7.312rem;\n                ", ": 0.625rem;\n                ", ": 0.5rem;\n                ", ": 0.5rem;\n                ", ": 0.563rem;\n                ", ": 0.625rem;\n                ", ": 2.125rem;\n                ", ": 0.563rem;\n                ", ": 0.563rem;\n                ", ": 0.625rem;\n                ", ": 0.25rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0.375rem;\n                ", ": 0.563rem;\n                ", ": 0.5rem;\n                ", ": 1.25rem;\n                ", ": 0.375rem;\n                ", ": 'SB Sans Text','SBSansText',sans-serif;\n                ", ": 0.625rem;\n                ", ": normal;\n                ", ": 400;\n                ", ": -0.02em;\n                ", ": 0.75rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": var(--plasma-typo-caption-font-family);\n                ", ": var(--plasma-typo-caption-font-size);\n                ", ": var(--plasma-typo-caption-font-style);\n                ", ": var(--plasma-typo-caption-font-weight);\n                ", ": var(--plasma-typo-caption-letter-spacing);\n                ", ": var(--plasma-typo-caption-line-height);\n                ", ": var(--plasma-typo-caption-font-family);\n                ", ": var(--plasma-typo-caption-font-size);\n                ", ": var(--plasma-typo-caption-font-style);\n                ", ": var(--plasma-typo-caption-font-weight);\n                ", ": var(--plasma-typo-caption-letter-spacing);\n                ", ": var(--plasma-typo-caption-line-height);\n                ", ": 0.375rem;\n                ", ": 0.375rem;\n                ", ": 0 0 0 0;\n                ", ": 0.25rem auto auto -0.625rem;\n                ", ": 0 0 auto auto;\n                ", ": 0.125rem -0.675rem auto auto;\n            "])), _styledComponents.textAreaTokens.inputWidth, _styledComponents.textAreaTokens.inputHeight, _styledComponents.textAreaTokens.inputMinHeight, _styledComponents.textAreaTokens.borderRadius, _styledComponents.textAreaTokens.borderRadiusWithHelpers, _styledComponents.textAreaTokens.inputPaddingTop, _styledComponents.textAreaTokens.inputPaddingRight, _styledComponents.textAreaTokens.inputPaddingRightWithRightContent, _styledComponents.textAreaTokens.inputPaddingBottom, _styledComponents.textAreaTokens.inputPaddingBottomWithHelpers, _styledComponents.textAreaTokens.inputPaddingLeft, _styledComponents.textAreaTokens.helpersPaddingTop, _styledComponents.textAreaTokens.helpersPaddingRight, _styledComponents.textAreaTokens.helpersPaddingBottom, _styledComponents.textAreaTokens.helpersPaddingLeft, _styledComponents.textAreaTokens.helpersOffset, _styledComponents.textAreaTokens.rightContentTop, _styledComponents.textAreaTokens.rightContentRight, _styledComponents.textAreaTokens.rightContentHeight, _styledComponents.textAreaTokens.labelMarginBottom, _styledComponents.textAreaTokens.labelInnerFontFamily, _styledComponents.textAreaTokens.labelInnerFontSize, _styledComponents.textAreaTokens.labelInnerFontStyle, _styledComponents.textAreaTokens.labelInnerFontWeight, _styledComponents.textAreaTokens.labelInnerLetterSpacing, _styledComponents.textAreaTokens.labelInnerLineHeight, _styledComponents.textAreaTokens.labelInnerTop, _styledComponents.textAreaTokens.labelInnerMarginBottom, _styledComponents.textAreaTokens.inputFontFamily, _styledComponents.textAreaTokens.inputFontSize, _styledComponents.textAreaTokens.inputFontStyle, _styledComponents.textAreaTokens.inputFontWeight, _styledComponents.textAreaTokens.inputLetterSpacing, _styledComponents.textAreaTokens.inputLineHeight, _styledComponents.textAreaTokens.helpersFontFamily, _styledComponents.textAreaTokens.helpersFontSize, _styledComponents.textAreaTokens.helpersFontStyle, _styledComponents.textAreaTokens.helpersFontWeight, _styledComponents.textAreaTokens.helpersLetterSpacing, _styledComponents.textAreaTokens.helpersLineHeight, _styledComponents.textAreaTokens.indicatorSizeInner, _styledComponents.textAreaTokens.indicatorSizeOuter, _styledComponents.textAreaTokens.indicatorLabelPlacementInner, _styledComponents.textAreaTokens.indicatorLabelPlacementOuter, _styledComponents.textAreaTokens.indicatorLabelPlacementInnerRight, _styledComponents.textAreaTokens.indicatorLabelPlacementOuterRight),
-      s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 100%;\n                ", ": 7.187rem;\n                ", ": 0.625rem;\n                ", ": 0.625rem;\n                ", ": 0.625rem;\n                ", ": 0.688rem;\n                ", ": 0.875rem;\n                ", ": 3.125rem;\n                ", ": 0.75rem;\n                ", ": 0.75rem;\n                ", ": 0.875rem;\n                ", ": 0.25rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0.375rem;\n                ", ": 0.688rem;\n                ", ": 0.75rem;\n                ", ": 1.25rem;\n                ", ": 0.5rem;\n                ", ": var(--plasma-typo-caption-font-family);\n                ", ": var(--plasma-typo-caption-font-size);\n                ", ": var(--plasma-typo-caption-font-style);\n                ", ": var(--plasma-typo-caption-font-weight);\n                ", ": var(--plasma-typo-caption-letter-spacing);\n                ", ": var(--plasma-typo-caption-line-height);\n                ", ": 0.375rem;\n                ", ": 0.125rem;\n                ", ": var(--plasma-typo-footnote1-font-family);\n                ", ": var(--plasma-typo-footnote1-font-size);\n                ", ": var(--plasma-typo-footnote1-font-style);\n                ", ": var(--plasma-typo-footnote1-font-weight);\n                ", ": var(--plasma-typo-footnote1-letter-spacing);\n                ", ": var(--plasma-typo-footnote1-line-height);\n                ", ": var(--plasma-typo-caption-font-family);\n                ", ": var(--plasma-typo-caption-font-size);\n                ", ": var(--plasma-typo-caption-font-style);\n                ", ": var(--plasma-typo-caption-font-weight);\n                ", ": var(--plasma-typo-caption-letter-spacing);\n                ", ": var(--plasma-typo-caption-line-height);\n                ", ": 0.375rem;\n                ", ": 0.375rem;\n                ", ": 0 0 0 0;\n                ", ": 0.375rem auto auto -0.675rem;\n                ", ": 0 0 auto auto;\n                ", ": 0.25rem -0.625rem auto auto;\n            "])), _styledComponents.textAreaTokens.inputWidth, _styledComponents.textAreaTokens.inputHeight, _styledComponents.textAreaTokens.inputMinHeight, _styledComponents.textAreaTokens.borderRadius, _styledComponents.textAreaTokens.borderRadiusWithHelpers, _styledComponents.textAreaTokens.inputPaddingTop, _styledComponents.textAreaTokens.inputPaddingRight, _styledComponents.textAreaTokens.inputPaddingRightWithRightContent, _styledComponents.textAreaTokens.inputPaddingBottom, _styledComponents.textAreaTokens.inputPaddingBottomWithHelpers, _styledComponents.textAreaTokens.inputPaddingLeft, _styledComponents.textAreaTokens.helpersPaddingTop, _styledComponents.textAreaTokens.helpersPaddingRight, _styledComponents.textAreaTokens.helpersPaddingBottom, _styledComponents.textAreaTokens.helpersPaddingLeft, _styledComponents.textAreaTokens.helpersOffset, _styledComponents.textAreaTokens.rightContentTop, _styledComponents.textAreaTokens.rightContentRight, _styledComponents.textAreaTokens.rightContentHeight, _styledComponents.textAreaTokens.labelMarginBottom, _styledComponents.textAreaTokens.labelInnerFontFamily, _styledComponents.textAreaTokens.labelInnerFontSize, _styledComponents.textAreaTokens.labelInnerFontStyle, _styledComponents.textAreaTokens.labelInnerFontWeight, _styledComponents.textAreaTokens.labelInnerLetterSpacing, _styledComponents.textAreaTokens.labelInnerLineHeight, _styledComponents.textAreaTokens.labelInnerTop, _styledComponents.textAreaTokens.labelInnerMarginBottom, _styledComponents.textAreaTokens.inputFontFamily, _styledComponents.textAreaTokens.inputFontSize, _styledComponents.textAreaTokens.inputFontStyle, _styledComponents.textAreaTokens.inputFontWeight, _styledComponents.textAreaTokens.inputLetterSpacing, _styledComponents.textAreaTokens.inputLineHeight, _styledComponents.textAreaTokens.helpersFontFamily, _styledComponents.textAreaTokens.helpersFontSize, _styledComponents.textAreaTokens.helpersFontStyle, _styledComponents.textAreaTokens.helpersFontWeight, _styledComponents.textAreaTokens.helpersLetterSpacing, _styledComponents.textAreaTokens.helpersLineHeight, _styledComponents.textAreaTokens.indicatorSizeInner, _styledComponents.textAreaTokens.indicatorSizeOuter, _styledComponents.textAreaTokens.indicatorLabelPlacementInner, _styledComponents.textAreaTokens.indicatorLabelPlacementOuter, _styledComponents.textAreaTokens.indicatorLabelPlacementInnerRight, _styledComponents.textAreaTokens.indicatorLabelPlacementOuterRight),
-      m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 100%;\n                ", ": 7rem;\n                ", ": 1.125rem;\n                ", ": 0.75rem;\n                ", ": 0.75rem;\n                ", ": 0.875rem;\n                ", ": 1rem;\n                ", ": 3.375rem;\n                ", ": 0.75rem;\n                ", ": 0.75rem;\n                ", ": 1rem;\n                ", ": 0.25rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0.375rem;\n                ", ": 0.875rem;\n                ", ": 0.875rem;\n                ", ": 1.25rem;\n                ", ": 0.625rem;\n                ", ": var(--plasma-typo-caption-font-family);\n                ", ": var(--plasma-typo-caption-font-size);\n                ", ": var(--plasma-typo-caption-font-style);\n                ", ": var(--plasma-typo-caption-font-weight);\n                ", ": var(--plasma-typo-caption-letter-spacing);\n                ", ": var(--plasma-typo-caption-line-height);\n                ", ": 0.375rem;\n                ", ": 0.125rem;\n                ", ": var(--plasma-typo-body1-font-family);\n                ", ": var(--plasma-typo-body1-font-size);\n                ", ": var(--plasma-typo-body1-font-style);\n                ", ": var(--plasma-typo-body1-font-weight);\n                ", ": var(--plasma-typo-body1-letter-spacing);\n                ", ": var(--plasma-typo-body1-line-height);\n                ", ": var(--plasma-typo-caption-font-family);\n                ", ": var(--plasma-typo-caption-font-size);\n                ", ": var(--plasma-typo-caption-font-style);\n                ", ": var(--plasma-typo-caption-font-weight);\n                ", ": var(--plasma-typo-caption-letter-spacing);\n                ", ": var(--plasma-typo-caption-line-height);\n                ", ": 0.5rem;\n                ", ": 0.375rem;\n                ", ": 0 0 0 0;\n                ", ": 0.4375rem auto auto -0.675rem;\n                ", ": 0 0 auto auto;\n                ", ": 0.1875rem -0.625rem auto auto;\n            "])), _styledComponents.textAreaTokens.inputWidth, _styledComponents.textAreaTokens.inputHeight, _styledComponents.textAreaTokens.inputMinHeight, _styledComponents.textAreaTokens.borderRadius, _styledComponents.textAreaTokens.borderRadiusWithHelpers, _styledComponents.textAreaTokens.inputPaddingTop, _styledComponents.textAreaTokens.inputPaddingRight, _styledComponents.textAreaTokens.inputPaddingRightWithRightContent, _styledComponents.textAreaTokens.inputPaddingBottom, _styledComponents.textAreaTokens.inputPaddingBottomWithHelpers, _styledComponents.textAreaTokens.inputPaddingLeft, _styledComponents.textAreaTokens.helpersPaddingTop, _styledComponents.textAreaTokens.helpersPaddingRight, _styledComponents.textAreaTokens.helpersPaddingBottom, _styledComponents.textAreaTokens.helpersPaddingLeft, _styledComponents.textAreaTokens.helpersOffset, _styledComponents.textAreaTokens.rightContentTop, _styledComponents.textAreaTokens.rightContentRight, _styledComponents.textAreaTokens.rightContentHeight, _styledComponents.textAreaTokens.labelMarginBottom, _styledComponents.textAreaTokens.labelInnerFontFamily, _styledComponents.textAreaTokens.labelInnerFontSize, _styledComponents.textAreaTokens.labelInnerFontStyle, _styledComponents.textAreaTokens.labelInnerFontWeight, _styledComponents.textAreaTokens.labelInnerLetterSpacing, _styledComponents.textAreaTokens.labelInnerLineHeight, _styledComponents.textAreaTokens.labelInnerTop, _styledComponents.textAreaTokens.labelInnerMarginBottom, _styledComponents.textAreaTokens.inputFontFamily, _styledComponents.textAreaTokens.inputFontSize, _styledComponents.textAreaTokens.inputFontStyle, _styledComponents.textAreaTokens.inputFontWeight, _styledComponents.textAreaTokens.inputLetterSpacing, _styledComponents.textAreaTokens.inputLineHeight, _styledComponents.textAreaTokens.helpersFontFamily, _styledComponents.textAreaTokens.helpersFontSize, _styledComponents.textAreaTokens.helpersFontStyle, _styledComponents.textAreaTokens.helpersFontWeight, _styledComponents.textAreaTokens.helpersLetterSpacing, _styledComponents.textAreaTokens.helpersLineHeight, _styledComponents.textAreaTokens.indicatorSizeInner, _styledComponents.textAreaTokens.indicatorSizeOuter, _styledComponents.textAreaTokens.indicatorLabelPlacementInner, _styledComponents.textAreaTokens.indicatorLabelPlacementOuter, _styledComponents.textAreaTokens.indicatorLabelPlacementInnerRight, _styledComponents.textAreaTokens.indicatorLabelPlacementOuterRight),
-      l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 100%;\n                ", ": 6.812rem;\n                ", ": 1.625rem;\n                ", ": 0.875rem;\n                ", ": 0.875rem;\n                ", ": 1rem;\n                ", ": 1.125rem;\n                ", ": 3.625rem;\n                ", ": 0.75rem;\n                ", ": 0.75rem;\n                ", ": 1.125rem;\n                ", ": 0.25rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0.375rem;\n                ", ": 1.063rem;\n                ", ": 1rem;\n                ", ": 1.25rem;\n                ", ": 0.75rem;\n                ", ": var(--plasma-typo-caption-font-family);\n                ", ": var(--plasma-typo-caption-font-size);\n                ", ": var(--plasma-typo-caption-font-style);\n                ", ": var(--plasma-typo-caption-font-weight);\n                ", ": var(--plasma-typo-caption-letter-spacing);\n                ", ": var(--plasma-typo-caption-line-height);\n                ", ": 0.5625rem;\n                ", ": 0.125rem;\n                ", ": 'SB Sans Text','SBSansText',sans-serif;\n                ", ": 1.125rem;\n                ", ": normal;\n                ", ": 400;\n                ", ": -0.02em;\n                ", ": 1.375rem;\n                ", ": var(--plasma-typo-caption-font-family);\n                ", ": var(--plasma-typo-caption-font-size);\n                ", ": var(--plasma-typo-caption-font-style);\n                ", ": var(--plasma-typo-caption-font-weight);\n                ", ": var(--plasma-typo-caption-letter-spacing);\n                ", ": var(--plasma-typo-caption-line-height);\n                ", ": 0.5rem;\n                ", ": 0.375rem;\n                ", ": 0 0 0 0;\n                ", ": 0.5rem auto auto -0.675rem;\n                ", ": 0 0 auto auto;\n                ", ": 0.25rem -0.625rem auto auto;\n            "])), _styledComponents.textAreaTokens.inputWidth, _styledComponents.textAreaTokens.inputHeight, _styledComponents.textAreaTokens.inputMinHeight, _styledComponents.textAreaTokens.borderRadius, _styledComponents.textAreaTokens.borderRadiusWithHelpers, _styledComponents.textAreaTokens.inputPaddingTop, _styledComponents.textAreaTokens.inputPaddingRight, _styledComponents.textAreaTokens.inputPaddingRightWithRightContent, _styledComponents.textAreaTokens.inputPaddingBottom, _styledComponents.textAreaTokens.inputPaddingBottomWithHelpers, _styledComponents.textAreaTokens.inputPaddingLeft, _styledComponents.textAreaTokens.helpersPaddingTop, _styledComponents.textAreaTokens.helpersPaddingRight, _styledComponents.textAreaTokens.helpersPaddingBottom, _styledComponents.textAreaTokens.helpersPaddingLeft, _styledComponents.textAreaTokens.helpersOffset, _styledComponents.textAreaTokens.rightContentTop, _styledComponents.textAreaTokens.rightContentRight, _styledComponents.textAreaTokens.rightContentHeight, _styledComponents.textAreaTokens.labelMarginBottom, _styledComponents.textAreaTokens.labelInnerFontFamily, _styledComponents.textAreaTokens.labelInnerFontSize, _styledComponents.textAreaTokens.labelInnerFontStyle, _styledComponents.textAreaTokens.labelInnerFontWeight, _styledComponents.textAreaTokens.labelInnerLetterSpacing, _styledComponents.textAreaTokens.labelInnerLineHeight, _styledComponents.textAreaTokens.labelInnerTop, _styledComponents.textAreaTokens.labelInnerMarginBottom, _styledComponents.textAreaTokens.inputFontFamily, _styledComponents.textAreaTokens.inputFontSize, _styledComponents.textAreaTokens.inputFontStyle, _styledComponents.textAreaTokens.inputFontWeight, _styledComponents.textAreaTokens.inputLetterSpacing, _styledComponents.textAreaTokens.inputLineHeight, _styledComponents.textAreaTokens.helpersFontFamily, _styledComponents.textAreaTokens.helpersFontSize, _styledComponents.textAreaTokens.helpersFontStyle, _styledComponents.textAreaTokens.helpersFontWeight, _styledComponents.textAreaTokens.helpersLetterSpacing, _styledComponents.textAreaTokens.helpersLineHeight, _styledComponents.textAreaTokens.indicatorSizeInner, _styledComponents.textAreaTokens.indicatorSizeOuter, _styledComponents.textAreaTokens.indicatorLabelPlacementInner, _styledComponents.textAreaTokens.indicatorLabelPlacementOuter, _styledComponents.textAreaTokens.indicatorLabelPlacementInnerRight, _styledComponents.textAreaTokens.indicatorLabelPlacementOuterRight)
+      xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 100%;\n                ", ": 7.312rem;\n                ", ": 0.625rem;\n                ", ": 0.5rem;\n                ", ": 0.5rem;\n                ", ": 0.563rem;\n                ", ": 0.625rem;\n                ", ": 2.125rem;\n                ", ": 0.563rem;\n                ", ": 0.563rem;\n                ", ": 0.625rem;\n                ", ": 0.25rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0.375rem;\n                ", ": 0.563rem;\n                ", ": 0.5rem;\n                ", ": 1.25rem;\n                ", ": 0.375rem;\n                ", ": 'SB Sans Text','SBSansText',sans-serif;\n                ", ": 0.625rem;\n                ", ": normal;\n                ", ": 400;\n                ", ": -0.02em;\n                ", ": 0.75rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": var(--plasma-typo-caption-font-family);\n                ", ": var(--plasma-typo-caption-font-size);\n                ", ": var(--plasma-typo-caption-font-style);\n                ", ": var(--plasma-typo-caption-font-weight);\n                ", ": var(--plasma-typo-caption-letter-spacing);\n                ", ": var(--plasma-typo-caption-line-height);\n                ", ": var(--plasma-typo-caption-font-family);\n                ", ": var(--plasma-typo-caption-font-size);\n                ", ": var(--plasma-typo-caption-font-style);\n                ", ": var(--plasma-typo-caption-font-weight);\n                ", ": var(--plasma-typo-caption-letter-spacing);\n                ", ": var(--plasma-typo-caption-line-height);\n            "])), _styledComponents.textAreaTokens.inputWidth, _styledComponents.textAreaTokens.inputHeight, _styledComponents.textAreaTokens.inputMinHeight, _styledComponents.textAreaTokens.borderRadius, _styledComponents.textAreaTokens.borderRadiusWithHelpers, _styledComponents.textAreaTokens.inputPaddingTop, _styledComponents.textAreaTokens.inputPaddingRight, _styledComponents.textAreaTokens.inputPaddingRightWithRightContent, _styledComponents.textAreaTokens.inputPaddingBottom, _styledComponents.textAreaTokens.inputPaddingBottomWithHelpers, _styledComponents.textAreaTokens.inputPaddingLeft, _styledComponents.textAreaTokens.helpersPaddingTop, _styledComponents.textAreaTokens.helpersPaddingRight, _styledComponents.textAreaTokens.helpersPaddingBottom, _styledComponents.textAreaTokens.helpersPaddingLeft, _styledComponents.textAreaTokens.helpersOffset, _styledComponents.textAreaTokens.rightContentTop, _styledComponents.textAreaTokens.rightContentRight, _styledComponents.textAreaTokens.rightContentHeight, _styledComponents.textAreaTokens.labelMarginBottom, _styledComponents.textAreaTokens.labelInnerFontFamily, _styledComponents.textAreaTokens.labelInnerFontSize, _styledComponents.textAreaTokens.labelInnerFontStyle, _styledComponents.textAreaTokens.labelInnerFontWeight, _styledComponents.textAreaTokens.labelInnerLetterSpacing, _styledComponents.textAreaTokens.labelInnerLineHeight, _styledComponents.textAreaTokens.labelInnerTop, _styledComponents.textAreaTokens.labelInnerMarginBottom, _styledComponents.textAreaTokens.inputFontFamily, _styledComponents.textAreaTokens.inputFontSize, _styledComponents.textAreaTokens.inputFontStyle, _styledComponents.textAreaTokens.inputFontWeight, _styledComponents.textAreaTokens.inputLetterSpacing, _styledComponents.textAreaTokens.inputLineHeight, _styledComponents.textAreaTokens.helpersFontFamily, _styledComponents.textAreaTokens.helpersFontSize, _styledComponents.textAreaTokens.helpersFontStyle, _styledComponents.textAreaTokens.helpersFontWeight, _styledComponents.textAreaTokens.helpersLetterSpacing, _styledComponents.textAreaTokens.helpersLineHeight),
+      s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 100%;\n                ", ": 7.187rem;\n                ", ": 0.625rem;\n                ", ": 0.625rem;\n                ", ": 0.625rem;\n                ", ": 0.688rem;\n                ", ": 0.875rem;\n                ", ": 3.125rem;\n                ", ": 0.75rem;\n                ", ": 0.75rem;\n                ", ": 0.875rem;\n                ", ": 0.25rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0.375rem;\n                ", ": 0.688rem;\n                ", ": 0.75rem;\n                ", ": 1.25rem;\n                ", ": 0.5rem;\n                ", ": var(--plasma-typo-caption-font-family);\n                ", ": var(--plasma-typo-caption-font-size);\n                ", ": var(--plasma-typo-caption-font-style);\n                ", ": var(--plasma-typo-caption-font-weight);\n                ", ": var(--plasma-typo-caption-letter-spacing);\n                ", ": var(--plasma-typo-caption-line-height);\n                ", ": 0.375rem;\n                ", ": 0.125rem;\n                ", ": var(--plasma-typo-footnote1-font-family);\n                ", ": var(--plasma-typo-footnote1-font-size);\n                ", ": var(--plasma-typo-footnote1-font-style);\n                ", ": var(--plasma-typo-footnote1-font-weight);\n                ", ": var(--plasma-typo-footnote1-letter-spacing);\n                ", ": var(--plasma-typo-footnote1-line-height);\n                ", ": var(--plasma-typo-caption-font-family);\n                ", ": var(--plasma-typo-caption-font-size);\n                ", ": var(--plasma-typo-caption-font-style);\n                ", ": var(--plasma-typo-caption-font-weight);\n                ", ": var(--plasma-typo-caption-letter-spacing);\n                ", ": var(--plasma-typo-caption-line-height);\n            "])), _styledComponents.textAreaTokens.inputWidth, _styledComponents.textAreaTokens.inputHeight, _styledComponents.textAreaTokens.inputMinHeight, _styledComponents.textAreaTokens.borderRadius, _styledComponents.textAreaTokens.borderRadiusWithHelpers, _styledComponents.textAreaTokens.inputPaddingTop, _styledComponents.textAreaTokens.inputPaddingRight, _styledComponents.textAreaTokens.inputPaddingRightWithRightContent, _styledComponents.textAreaTokens.inputPaddingBottom, _styledComponents.textAreaTokens.inputPaddingBottomWithHelpers, _styledComponents.textAreaTokens.inputPaddingLeft, _styledComponents.textAreaTokens.helpersPaddingTop, _styledComponents.textAreaTokens.helpersPaddingRight, _styledComponents.textAreaTokens.helpersPaddingBottom, _styledComponents.textAreaTokens.helpersPaddingLeft, _styledComponents.textAreaTokens.helpersOffset, _styledComponents.textAreaTokens.rightContentTop, _styledComponents.textAreaTokens.rightContentRight, _styledComponents.textAreaTokens.rightContentHeight, _styledComponents.textAreaTokens.labelMarginBottom, _styledComponents.textAreaTokens.labelInnerFontFamily, _styledComponents.textAreaTokens.labelInnerFontSize, _styledComponents.textAreaTokens.labelInnerFontStyle, _styledComponents.textAreaTokens.labelInnerFontWeight, _styledComponents.textAreaTokens.labelInnerLetterSpacing, _styledComponents.textAreaTokens.labelInnerLineHeight, _styledComponents.textAreaTokens.labelInnerTop, _styledComponents.textAreaTokens.labelInnerMarginBottom, _styledComponents.textAreaTokens.inputFontFamily, _styledComponents.textAreaTokens.inputFontSize, _styledComponents.textAreaTokens.inputFontStyle, _styledComponents.textAreaTokens.inputFontWeight, _styledComponents.textAreaTokens.inputLetterSpacing, _styledComponents.textAreaTokens.inputLineHeight, _styledComponents.textAreaTokens.helpersFontFamily, _styledComponents.textAreaTokens.helpersFontSize, _styledComponents.textAreaTokens.helpersFontStyle, _styledComponents.textAreaTokens.helpersFontWeight, _styledComponents.textAreaTokens.helpersLetterSpacing, _styledComponents.textAreaTokens.helpersLineHeight),
+      m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 100%;\n                ", ": 7rem;\n                ", ": 1.125rem;\n                ", ": 0.75rem;\n                ", ": 0.75rem;\n                ", ": 0.875rem;\n                ", ": 1rem;\n                ", ": 3.375rem;\n                ", ": 0.75rem;\n                ", ": 0.75rem;\n                ", ": 1rem;\n                ", ": 0.25rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0.375rem;\n                ", ": 0.875rem;\n                ", ": 0.875rem;\n                ", ": 1.25rem;\n                ", ": 0.625rem;\n                ", ": var(--plasma-typo-caption-font-family);\n                ", ": var(--plasma-typo-caption-font-size);\n                ", ": var(--plasma-typo-caption-font-style);\n                ", ": var(--plasma-typo-caption-font-weight);\n                ", ": var(--plasma-typo-caption-letter-spacing);\n                ", ": var(--plasma-typo-caption-line-height);\n                ", ": 0.375rem;\n                ", ": 0.125rem;\n                ", ": var(--plasma-typo-body1-font-family);\n                ", ": var(--plasma-typo-body1-font-size);\n                ", ": var(--plasma-typo-body1-font-style);\n                ", ": var(--plasma-typo-body1-font-weight);\n                ", ": var(--plasma-typo-body1-letter-spacing);\n                ", ": var(--plasma-typo-body1-line-height);\n                ", ": var(--plasma-typo-caption-font-family);\n                ", ": var(--plasma-typo-caption-font-size);\n                ", ": var(--plasma-typo-caption-font-style);\n                ", ": var(--plasma-typo-caption-font-weight);\n                ", ": var(--plasma-typo-caption-letter-spacing);\n                ", ": var(--plasma-typo-caption-line-height);\n            "])), _styledComponents.textAreaTokens.inputWidth, _styledComponents.textAreaTokens.inputHeight, _styledComponents.textAreaTokens.inputMinHeight, _styledComponents.textAreaTokens.borderRadius, _styledComponents.textAreaTokens.borderRadiusWithHelpers, _styledComponents.textAreaTokens.inputPaddingTop, _styledComponents.textAreaTokens.inputPaddingRight, _styledComponents.textAreaTokens.inputPaddingRightWithRightContent, _styledComponents.textAreaTokens.inputPaddingBottom, _styledComponents.textAreaTokens.inputPaddingBottomWithHelpers, _styledComponents.textAreaTokens.inputPaddingLeft, _styledComponents.textAreaTokens.helpersPaddingTop, _styledComponents.textAreaTokens.helpersPaddingRight, _styledComponents.textAreaTokens.helpersPaddingBottom, _styledComponents.textAreaTokens.helpersPaddingLeft, _styledComponents.textAreaTokens.helpersOffset, _styledComponents.textAreaTokens.rightContentTop, _styledComponents.textAreaTokens.rightContentRight, _styledComponents.textAreaTokens.rightContentHeight, _styledComponents.textAreaTokens.labelMarginBottom, _styledComponents.textAreaTokens.labelInnerFontFamily, _styledComponents.textAreaTokens.labelInnerFontSize, _styledComponents.textAreaTokens.labelInnerFontStyle, _styledComponents.textAreaTokens.labelInnerFontWeight, _styledComponents.textAreaTokens.labelInnerLetterSpacing, _styledComponents.textAreaTokens.labelInnerLineHeight, _styledComponents.textAreaTokens.labelInnerTop, _styledComponents.textAreaTokens.labelInnerMarginBottom, _styledComponents.textAreaTokens.inputFontFamily, _styledComponents.textAreaTokens.inputFontSize, _styledComponents.textAreaTokens.inputFontStyle, _styledComponents.textAreaTokens.inputFontWeight, _styledComponents.textAreaTokens.inputLetterSpacing, _styledComponents.textAreaTokens.inputLineHeight, _styledComponents.textAreaTokens.helpersFontFamily, _styledComponents.textAreaTokens.helpersFontSize, _styledComponents.textAreaTokens.helpersFontStyle, _styledComponents.textAreaTokens.helpersFontWeight, _styledComponents.textAreaTokens.helpersLetterSpacing, _styledComponents.textAreaTokens.helpersLineHeight),
+      l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 100%;\n                ", ": 6.812rem;\n                ", ": 1.625rem;\n                ", ": 0.875rem;\n                ", ": 0.875rem;\n                ", ": 1rem;\n                ", ": 1.125rem;\n                ", ": 3.625rem;\n                ", ": 0.75rem;\n                ", ": 0.75rem;\n                ", ": 1.125rem;\n                ", ": 0.25rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0.375rem;\n                ", ": 1.063rem;\n                ", ": 1rem;\n                ", ": 1.25rem;\n                ", ": 0.75rem;\n                ", ": var(--plasma-typo-caption-font-family);\n                ", ": var(--plasma-typo-caption-font-size);\n                ", ": var(--plasma-typo-caption-font-style);\n                ", ": var(--plasma-typo-caption-font-weight);\n                ", ": var(--plasma-typo-caption-letter-spacing);\n                ", ": var(--plasma-typo-caption-line-height);\n                ", ": 0.5625rem;\n                ", ": 0.125rem;\n                ", ": 'SB Sans Text','SBSansText',sans-serif;\n                ", ": 1.125rem;\n                ", ": normal;\n                ", ": 400;\n                ", ": -0.02em;\n                ", ": 1.375rem;\n                ", ": var(--plasma-typo-caption-font-family);\n                ", ": var(--plasma-typo-caption-font-size);\n                ", ": var(--plasma-typo-caption-font-style);\n                ", ": var(--plasma-typo-caption-font-weight);\n                ", ": var(--plasma-typo-caption-letter-spacing);\n                ", ": var(--plasma-typo-caption-line-height);\n            "])), _styledComponents.textAreaTokens.inputWidth, _styledComponents.textAreaTokens.inputHeight, _styledComponents.textAreaTokens.inputMinHeight, _styledComponents.textAreaTokens.borderRadius, _styledComponents.textAreaTokens.borderRadiusWithHelpers, _styledComponents.textAreaTokens.inputPaddingTop, _styledComponents.textAreaTokens.inputPaddingRight, _styledComponents.textAreaTokens.inputPaddingRightWithRightContent, _styledComponents.textAreaTokens.inputPaddingBottom, _styledComponents.textAreaTokens.inputPaddingBottomWithHelpers, _styledComponents.textAreaTokens.inputPaddingLeft, _styledComponents.textAreaTokens.helpersPaddingTop, _styledComponents.textAreaTokens.helpersPaddingRight, _styledComponents.textAreaTokens.helpersPaddingBottom, _styledComponents.textAreaTokens.helpersPaddingLeft, _styledComponents.textAreaTokens.helpersOffset, _styledComponents.textAreaTokens.rightContentTop, _styledComponents.textAreaTokens.rightContentRight, _styledComponents.textAreaTokens.rightContentHeight, _styledComponents.textAreaTokens.labelMarginBottom, _styledComponents.textAreaTokens.labelInnerFontFamily, _styledComponents.textAreaTokens.labelInnerFontSize, _styledComponents.textAreaTokens.labelInnerFontStyle, _styledComponents.textAreaTokens.labelInnerFontWeight, _styledComponents.textAreaTokens.labelInnerLetterSpacing, _styledComponents.textAreaTokens.labelInnerLineHeight, _styledComponents.textAreaTokens.labelInnerTop, _styledComponents.textAreaTokens.labelInnerMarginBottom, _styledComponents.textAreaTokens.inputFontFamily, _styledComponents.textAreaTokens.inputFontSize, _styledComponents.textAreaTokens.inputFontStyle, _styledComponents.textAreaTokens.inputFontWeight, _styledComponents.textAreaTokens.inputLetterSpacing, _styledComponents.textAreaTokens.inputLineHeight, _styledComponents.textAreaTokens.helpersFontFamily, _styledComponents.textAreaTokens.helpersFontSize, _styledComponents.textAreaTokens.helpersFontStyle, _styledComponents.textAreaTokens.helpersFontWeight, _styledComponents.textAreaTokens.helpersLetterSpacing, _styledComponents.textAreaTokens.helpersLineHeight)
     },
     view: {
       "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary-hover);\n                ", ": var(--text-tertiary-hover);\n                ", ": var(--text-accent);\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n                ", ": var(--text-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n            "])), _styledComponents.textAreaTokens.inputBorderColor, _styledComponents.textAreaTokens.inputBorderColorHover, _styledComponents.textAreaTokens.inputBorderColorActive, _styledComponents.textAreaTokens.inputBorderColorFocus, _styledComponents.textAreaTokens.inputColor, _styledComponents.textAreaTokens.inputColorFocus, _styledComponents.textAreaTokens.inputCaretColor, _styledComponents.textAreaTokens.placeholderColor, _styledComponents.textAreaTokens.placeholderColorFocus, _styledComponents.textAreaTokens.leftHelperColor, _styledComponents.textAreaTokens.rightHelperColor),
@@ -32,9 +32,6 @@ var config = exports.config = {
     },
     disabled: {
       "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.4;\n                ", ": var(--text-secondary);\n            "])), _styledComponents.textAreaTokens.disabledOpacity, _styledComponents.textAreaTokens.inputColorDisabled)
-    },
-    required: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-negative);\n            "])), _styledComponents.textAreaTokens.indicatorColor)
     }
   }
 };

package/components/TextField/TextField.config.d.ts

@@ -24,9 +24,6 @@ export declare const config: {
         disabled: {
             true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         };
-        required: {
-            true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        };
         readOnly: {
             true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         };

package/components/TextField/TextField.config.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.config = void 0;
 var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 var config = exports.config = {
   defaults: {
@@ -21,10 +21,10 @@ var config = exports.config = {
       negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--surface-clear);\n                ", ": var(--text-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--text-negative);\n\n                ", ": var(--surface-negative);\n                ", ": var(--surface-negative);\n                ", ": var(--surface-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary-hover);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary-active);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": 0.72;\n\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--text-accent);\n            "])), _styledComponents.textFieldTokens.color, _styledComponents.textFieldTokens.backgroundColor, _styledComponents.textFieldTokens.caretColor, _styledComponents.textFieldTokens.placeholderColor, _styledComponents.textFieldTokens.labelColor, _styledComponents.textFieldTokens.leftHelperColor, _styledComponents.textFieldTokens.borderColor, _styledComponents.textFieldTokens.borderColorHover, _styledComponents.textFieldTokens.borderColorFocus, _styledComponents.textFieldTokens.chipCloseIconColor, _styledComponents.textFieldTokens.chipColor, _styledComponents.textFieldTokens.chipBackground, _styledComponents.textFieldTokens.chipColorHover, _styledComponents.textFieldTokens.chipBackgroundHover, _styledComponents.textFieldTokens.chipColorActive, _styledComponents.textFieldTokens.chipBackgroundActive, _styledComponents.textFieldTokens.chipBackgroundReadOnly, _styledComponents.textFieldTokens.chipColorReadOnly, _styledComponents.textFieldTokens.chipBackgroundReadOnlyHover, _styledComponents.textFieldTokens.chipColorReadOnlyHover, _styledComponents.textFieldTokens.chipOpacityReadonly, _styledComponents.textFieldTokens.textBeforeColor, _styledComponents.textFieldTokens.textAfterColor, _styledComponents.textFieldTokens.focusColor)
     },
     size: {
-      l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 3.5rem;\n                ", ": 1.0625rem 1.125rem 1.0625rem 1.125rem;\n                ", ": 0.375rem;\n                ", ": 0.875rem;\n                ", ": 0.0625rem;\n\n                ", ": -0.0625rem 0.5rem -0.0625rem -0.125rem;\n                ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 0.75rem;\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 0.25rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.5625rem 0 0.125rem 0;\n                ", ": 1.5625rem 0 0.5625rem 0;\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n\n                ", ": 0.25rem;\n                ", ": 0.5rem;\n                ", ": auto;\n                ", ": 2.75rem;\n                ", ": 0.75rem;\n                ", ": 1rem;\n                ", ": 0.625rem;\n                ", ": 0rem;\n                ", ": 1.5rem;\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 0.5rem;\n                ", ": 0.375rem;\n                ", ": 0 0 0 0;\n                ", ": 0.5rem auto auto -0.75rem;\n                ", ": 0 0 auto auto;\n                ", ": 0.25rem -0.625rem auto auto;\n            "])), _styledComponents.textFieldTokens.height, _styledComponents.textFieldTokens.padding, _styledComponents.textFieldTokens.paddingWithChips, _styledComponents.textFieldTokens.borderRadius, _styledComponents.textFieldTokens.borderWidth, _styledComponents.textFieldTokens.leftContentMargin, _styledComponents.textFieldTokens.rightContentMargin, _styledComponents.textFieldTokens.fontFamily, _styledComponents.textFieldTokens.fontSize, _styledComponents.textFieldTokens.fontStyle, _styledComponents.textFieldTokens.fontWeight, _styledComponents.textFieldTokens.letterSpacing, _styledComponents.textFieldTokens.lineHeight, _styledComponents.textFieldTokens.labelOffset, _styledComponents.textFieldTokens.labelFontFamily, _styledComponents.textFieldTokens.labelFontSize, _styledComponents.textFieldTokens.labelFontStyle, _styledComponents.textFieldTokens.labelFontWeight, _styledComponents.textFieldTokens.labelLetterSpacing, _styledComponents.textFieldTokens.labelLineHeight, _styledComponents.textFieldTokens.leftHelperOffset, _styledComponents.textFieldTokens.leftHelperFontFamily, _styledComponents.textFieldTokens.leftHelperFontSize, _styledComponents.textFieldTokens.leftHelperFontStyle, _styledComponents.textFieldTokens.leftHelperFontWeight, _styledComponents.textFieldTokens.leftHelperLetterSpacing, _styledComponents.textFieldTokens.leftHelperLineHeight, _styledComponents.textFieldTokens.labelInnerPadding, _styledComponents.textFieldTokens.contentLabelInnerPadding, _styledComponents.textFieldTokens.textBeforeMargin, _styledComponents.textFieldTokens.textAfterMargin, _styledComponents.textFieldTokens.chipGap, _styledComponents.textFieldTokens.chipBorderRadius, _styledComponents.textFieldTokens.chipWidth, _styledComponents.textFieldTokens.chipHeight, _styledComponents.textFieldTokens.chipPaddingRight, _styledComponents.textFieldTokens.chipPaddingLeft, _styledComponents.textFieldTokens.chipClearContentMarginLeft, _styledComponents.textFieldTokens.chipClearContentMarginRight, _styledComponents.textFieldTokens.chipCloseIconSize, _styledComponents.textFieldTokens.chipFontFamily, _styledComponents.textFieldTokens.chipFontSize, _styledComponents.textFieldTokens.chipFontStyle, _styledComponents.textFieldTokens.chipFontWeight, _styledComponents.textFieldTokens.chipLetterSpacing, _styledComponents.textFieldTokens.chipLineHeight, _styledComponents.textFieldTokens.indicatorSizeInner, _styledComponents.textFieldTokens.indicatorSizeOuter, _styledComponents.textFieldTokens.indicatorLabelPlacementInner, _styledComponents.textFieldTokens.indicatorLabelPlacementOuter, _styledComponents.textFieldTokens.indicatorLabelPlacementInnerRight, _styledComponents.textFieldTokens.indicatorLabelPlacementOuterRight),
-      m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 3rem;\n                ", ": 0.875rem 1rem 0.875rem 1rem;\n                ", ": 0.375rem;\n                ", ": 0.75rem;\n                ", ": 0.0625rem;\n\n                ", ": -0.125rem 0.375rem -0.125rem -0.125rem;\n                ", ": -0.125rem -0.125rem -0.125rem 0.75rem;\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 0.625rem;\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 0.25rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.375rem 0 0.125rem 0;\n                ", ": 1.375rem 0 0.375rem 0;\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n\n                ", ": 0.25rem;\n                ", ": 0.375rem;\n                ", ": auto;\n                ", ": 2.25rem;\n                ", ": 0.625rem;\n                ", ": 0.875rem;\n                ", ": 0.5rem;\n                ", ": 0rem;\n                ", ": 1.25rem;\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 0.5rem;\n                ", ": 0.375rem;\n                ", ": 0 0 0 0;\n                ", ": 0.375rem auto auto -0.75rem;\n                ", ": 0 0 auto auto;\n                ", ": 0.25rem -0.6875rem auto auto;\n            "])), _styledComponents.textFieldTokens.height, _styledComponents.textFieldTokens.padding, _styledComponents.textFieldTokens.paddingWithChips, _styledComponents.textFieldTokens.borderRadius, _styledComponents.textFieldTokens.borderWidth, _styledComponents.textFieldTokens.leftContentMargin, _styledComponents.textFieldTokens.rightContentMargin, _styledComponents.textFieldTokens.fontFamily, _styledComponents.textFieldTokens.fontSize, _styledComponents.textFieldTokens.fontStyle, _styledComponents.textFieldTokens.fontWeight, _styledComponents.textFieldTokens.letterSpacing, _styledComponents.textFieldTokens.lineHeight, _styledComponents.textFieldTokens.labelOffset, _styledComponents.textFieldTokens.labelFontFamily, _styledComponents.textFieldTokens.labelFontSize, _styledComponents.textFieldTokens.labelFontStyle, _styledComponents.textFieldTokens.labelFontWeight, _styledComponents.textFieldTokens.labelLetterSpacing, _styledComponents.textFieldTokens.labelLineHeight, _styledComponents.textFieldTokens.leftHelperOffset, _styledComponents.textFieldTokens.leftHelperFontFamily, _styledComponents.textFieldTokens.leftHelperFontSize, _styledComponents.textFieldTokens.leftHelperFontStyle, _styledComponents.textFieldTokens.leftHelperFontWeight, _styledComponents.textFieldTokens.leftHelperLetterSpacing, _styledComponents.textFieldTokens.leftHelperLineHeight, _styledComponents.textFieldTokens.labelInnerPadding, _styledComponents.textFieldTokens.contentLabelInnerPadding, _styledComponents.textFieldTokens.textBeforeMargin, _styledComponents.textFieldTokens.textAfterMargin, _styledComponents.textFieldTokens.chipGap, _styledComponents.textFieldTokens.chipBorderRadius, _styledComponents.textFieldTokens.chipWidth, _styledComponents.textFieldTokens.chipHeight, _styledComponents.textFieldTokens.chipPaddingRight, _styledComponents.textFieldTokens.chipPaddingLeft, _styledComponents.textFieldTokens.chipClearContentMarginLeft, _styledComponents.textFieldTokens.chipClearContentMarginRight, _styledComponents.textFieldTokens.chipCloseIconSize, _styledComponents.textFieldTokens.chipFontFamily, _styledComponents.textFieldTokens.chipFontSize, _styledComponents.textFieldTokens.chipFontStyle, _styledComponents.textFieldTokens.chipFontWeight, _styledComponents.textFieldTokens.chipLetterSpacing, _styledComponents.textFieldTokens.chipLineHeight, _styledComponents.textFieldTokens.indicatorSizeInner, _styledComponents.textFieldTokens.indicatorSizeOuter, _styledComponents.textFieldTokens.indicatorLabelPlacementInner, _styledComponents.textFieldTokens.indicatorLabelPlacementOuter, _styledComponents.textFieldTokens.indicatorLabelPlacementInnerRight, _styledComponents.textFieldTokens.indicatorLabelPlacementOuterRight),
-      s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 2.5rem;\n                ", ": 0.6875rem 0.875rem 0.6875rem 0.875rem;\n                ", ": 0.375rem;\n                ", ": 0.625rem;\n                ", ": 0.0625rem;\n\n                ", ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n                ", ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 0.5rem;\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 0.25rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.3125rem 0 0 0;\n                ", ": 1.0625rem 0 0.3125rem 0;\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n\n                ", ": 0.25rem;\n                ", ": 0.25rem;\n                ", ": auto;\n                ", ": 1.75rem;\n                ", ": 0.5rem;\n                ", ": 0.75rem;\n                ", ": 0.375rem;\n                ", ": 0rem;\n                ", ": 1rem;\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 0.375rem;\n                ", ": 0.375rem;\n                ", ": 0 0 0 0;\n                ", ": 0.3125rem auto auto -0.6875rem;\n                ", ": 0 0 auto auto;\n                ", ": 0.25rem -0.625rem auto auto;\n            "])), _styledComponents.textFieldTokens.height, _styledComponents.textFieldTokens.padding, _styledComponents.textFieldTokens.paddingWithChips, _styledComponents.textFieldTokens.borderRadius, _styledComponents.textFieldTokens.borderWidth, _styledComponents.textFieldTokens.leftContentMargin, _styledComponents.textFieldTokens.rightContentMargin, _styledComponents.textFieldTokens.fontFamily, _styledComponents.textFieldTokens.fontSize, _styledComponents.textFieldTokens.fontStyle, _styledComponents.textFieldTokens.fontWeight, _styledComponents.textFieldTokens.letterSpacing, _styledComponents.textFieldTokens.lineHeight, _styledComponents.textFieldTokens.labelOffset, _styledComponents.textFieldTokens.labelFontFamily, _styledComponents.textFieldTokens.labelFontSize, _styledComponents.textFieldTokens.labelFontStyle, _styledComponents.textFieldTokens.labelFontWeight, _styledComponents.textFieldTokens.labelLetterSpacing, _styledComponents.textFieldTokens.labelLineHeight, _styledComponents.textFieldTokens.leftHelperOffset, _styledComponents.textFieldTokens.leftHelperFontFamily, _styledComponents.textFieldTokens.leftHelperFontSize, _styledComponents.textFieldTokens.leftHelperFontStyle, _styledComponents.textFieldTokens.leftHelperFontWeight, _styledComponents.textFieldTokens.leftHelperLetterSpacing, _styledComponents.textFieldTokens.leftHelperLineHeight, _styledComponents.textFieldTokens.labelInnerPadding, _styledComponents.textFieldTokens.contentLabelInnerPadding, _styledComponents.textFieldTokens.textBeforeMargin, _styledComponents.textFieldTokens.textAfterMargin, _styledComponents.textFieldTokens.chipGap, _styledComponents.textFieldTokens.chipBorderRadius, _styledComponents.textFieldTokens.chipWidth, _styledComponents.textFieldTokens.chipHeight, _styledComponents.textFieldTokens.chipPaddingRight, _styledComponents.textFieldTokens.chipPaddingLeft, _styledComponents.textFieldTokens.chipClearContentMarginLeft, _styledComponents.textFieldTokens.chipClearContentMarginRight, _styledComponents.textFieldTokens.chipCloseIconSize, _styledComponents.textFieldTokens.chipFontFamily, _styledComponents.textFieldTokens.chipFontSize, _styledComponents.textFieldTokens.chipFontStyle, _styledComponents.textFieldTokens.chipFontWeight, _styledComponents.textFieldTokens.chipLetterSpacing, _styledComponents.textFieldTokens.chipLineHeight, _styledComponents.textFieldTokens.indicatorSizeInner, _styledComponents.textFieldTokens.indicatorSizeOuter, _styledComponents.textFieldTokens.indicatorLabelPlacementInner, _styledComponents.textFieldTokens.indicatorLabelPlacementOuter, _styledComponents.textFieldTokens.indicatorLabelPlacementInnerRight, _styledComponents.textFieldTokens.indicatorLabelPlacementOuterRight),
-      xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 2rem;\n                ", ": 0.5625rem 0.625rem 0.5625rem 0.625rem;\n                ", ": 0.375rem;\n                ", ": 0.5rem;\n                ", ": 0.0625rem;\n\n                ", ": -0.0625rem 0.25rem -0.0625rem -0.125rem;\n                ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.375rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.25rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.3125rem 0 0 0;\n                ", ": 1.0625rem 0 0.3125rem 0;\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n\n                ", ": 0.25rem;\n                ", ": 0.125rem;\n                ", ": auto;\n                ", ": 1.25rem;\n                ", ": 0.375rem;\n                ", ": 0.625rem;\n                ", ": 0.25rem;\n                ", ": 0rem;\n                ", ": 0.75rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.375rem;\n                ", ": 0.375rem;\n                ", ": 0 0 0 0;\n                ", ": 0.25rem auto auto -0.625rem;\n                ", ": 0 0 auto auto;\n                ", ": 0.125rem -0.6875rem auto auto;\n            "])), _styledComponents.textFieldTokens.height, _styledComponents.textFieldTokens.padding, _styledComponents.textFieldTokens.paddingWithChips, _styledComponents.textFieldTokens.borderRadius, _styledComponents.textFieldTokens.borderWidth, _styledComponents.textFieldTokens.leftContentMargin, _styledComponents.textFieldTokens.rightContentMargin, _styledComponents.textFieldTokens.fontFamily, _styledComponents.textFieldTokens.fontSize, _styledComponents.textFieldTokens.fontStyle, _styledComponents.textFieldTokens.fontWeight, _styledComponents.textFieldTokens.letterSpacing, _styledComponents.textFieldTokens.lineHeight, _styledComponents.textFieldTokens.labelOffset, _styledComponents.textFieldTokens.labelFontFamily, _styledComponents.textFieldTokens.labelFontSize, _styledComponents.textFieldTokens.labelFontStyle, _styledComponents.textFieldTokens.labelFontWeight, _styledComponents.textFieldTokens.labelLetterSpacing, _styledComponents.textFieldTokens.labelLineHeight, _styledComponents.textFieldTokens.leftHelperOffset, _styledComponents.textFieldTokens.leftHelperFontFamily, _styledComponents.textFieldTokens.leftHelperFontSize, _styledComponents.textFieldTokens.leftHelperFontStyle, _styledComponents.textFieldTokens.leftHelperFontWeight, _styledComponents.textFieldTokens.leftHelperLetterSpacing, _styledComponents.textFieldTokens.leftHelperLineHeight, _styledComponents.textFieldTokens.labelInnerPadding, _styledComponents.textFieldTokens.contentLabelInnerPadding, _styledComponents.textFieldTokens.textBeforeMargin, _styledComponents.textFieldTokens.textAfterMargin, _styledComponents.textFieldTokens.chipGap, _styledComponents.textFieldTokens.chipBorderRadius, _styledComponents.textFieldTokens.chipWidth, _styledComponents.textFieldTokens.chipHeight, _styledComponents.textFieldTokens.chipPaddingRight, _styledComponents.textFieldTokens.chipPaddingLeft, _styledComponents.textFieldTokens.chipClearContentMarginLeft, _styledComponents.textFieldTokens.chipClearContentMarginRight, _styledComponents.textFieldTokens.chipCloseIconSize, _styledComponents.textFieldTokens.chipFontFamily, _styledComponents.textFieldTokens.chipFontSize, _styledComponents.textFieldTokens.chipFontStyle, _styledComponents.textFieldTokens.chipFontWeight, _styledComponents.textFieldTokens.chipLetterSpacing, _styledComponents.textFieldTokens.chipLineHeight, _styledComponents.textFieldTokens.indicatorSizeInner, _styledComponents.textFieldTokens.indicatorSizeOuter, _styledComponents.textFieldTokens.indicatorLabelPlacementInner, _styledComponents.textFieldTokens.indicatorLabelPlacementOuter, _styledComponents.textFieldTokens.indicatorLabelPlacementInnerRight, _styledComponents.textFieldTokens.indicatorLabelPlacementOuterRight)
+      l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 3.5rem;\n                ", ": 1.0625rem 1.125rem 1.0625rem 1.125rem;\n                ", ": 0.375rem;\n                ", ": 0.875rem;\n                ", ": 0.0625rem;\n\n                ", ": -0.0625rem 0.5rem -0.0625rem -0.125rem;\n                ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 0.75rem;\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 0.25rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.5625rem 0 0.125rem 0;\n                ", ": 1.5625rem 0 0.5625rem 0;\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n\n                ", ": 0.25rem;\n                ", ": 0.5rem;\n                ", ": auto;\n                ", ": 2.75rem;\n                ", ": 0.75rem;\n                ", ": 1rem;\n                ", ": 0.625rem;\n                ", ": 0rem;\n                ", ": 1.5rem;\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n            "])), _styledComponents.textFieldTokens.height, _styledComponents.textFieldTokens.padding, _styledComponents.textFieldTokens.paddingWithChips, _styledComponents.textFieldTokens.borderRadius, _styledComponents.textFieldTokens.borderWidth, _styledComponents.textFieldTokens.leftContentMargin, _styledComponents.textFieldTokens.rightContentMargin, _styledComponents.textFieldTokens.fontFamily, _styledComponents.textFieldTokens.fontSize, _styledComponents.textFieldTokens.fontStyle, _styledComponents.textFieldTokens.fontWeight, _styledComponents.textFieldTokens.letterSpacing, _styledComponents.textFieldTokens.lineHeight, _styledComponents.textFieldTokens.labelOffset, _styledComponents.textFieldTokens.labelFontFamily, _styledComponents.textFieldTokens.labelFontSize, _styledComponents.textFieldTokens.labelFontStyle, _styledComponents.textFieldTokens.labelFontWeight, _styledComponents.textFieldTokens.labelLetterSpacing, _styledComponents.textFieldTokens.labelLineHeight, _styledComponents.textFieldTokens.leftHelperOffset, _styledComponents.textFieldTokens.leftHelperFontFamily, _styledComponents.textFieldTokens.leftHelperFontSize, _styledComponents.textFieldTokens.leftHelperFontStyle, _styledComponents.textFieldTokens.leftHelperFontWeight, _styledComponents.textFieldTokens.leftHelperLetterSpacing, _styledComponents.textFieldTokens.leftHelperLineHeight, _styledComponents.textFieldTokens.labelInnerPadding, _styledComponents.textFieldTokens.contentLabelInnerPadding, _styledComponents.textFieldTokens.textBeforeMargin, _styledComponents.textFieldTokens.textAfterMargin, _styledComponents.textFieldTokens.chipGap, _styledComponents.textFieldTokens.chipBorderRadius, _styledComponents.textFieldTokens.chipWidth, _styledComponents.textFieldTokens.chipHeight, _styledComponents.textFieldTokens.chipPaddingRight, _styledComponents.textFieldTokens.chipPaddingLeft, _styledComponents.textFieldTokens.chipClearContentMarginLeft, _styledComponents.textFieldTokens.chipClearContentMarginRight, _styledComponents.textFieldTokens.chipCloseIconSize, _styledComponents.textFieldTokens.chipFontFamily, _styledComponents.textFieldTokens.chipFontSize, _styledComponents.textFieldTokens.chipFontStyle, _styledComponents.textFieldTokens.chipFontWeight, _styledComponents.textFieldTokens.chipLetterSpacing, _styledComponents.textFieldTokens.chipLineHeight),
+      m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 3rem;\n                ", ": 0.875rem 1rem 0.875rem 1rem;\n                ", ": 0.375rem;\n                ", ": 0.75rem;\n                ", ": 0.0625rem;\n\n                ", ": -0.125rem 0.375rem -0.125rem -0.125rem;\n                ", ": -0.125rem -0.125rem -0.125rem 0.75rem;\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 0.625rem;\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 0.25rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.375rem 0 0.125rem 0;\n                ", ": 1.375rem 0 0.375rem 0;\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n\n                ", ": 0.25rem;\n                ", ": 0.375rem;\n                ", ": auto;\n                ", ": 2.25rem;\n                ", ": 0.625rem;\n                ", ": 0.875rem;\n                ", ": 0.5rem;\n                ", ": 0rem;\n                ", ": 1.25rem;\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n            "])), _styledComponents.textFieldTokens.height, _styledComponents.textFieldTokens.padding, _styledComponents.textFieldTokens.paddingWithChips, _styledComponents.textFieldTokens.borderRadius, _styledComponents.textFieldTokens.borderWidth, _styledComponents.textFieldTokens.leftContentMargin, _styledComponents.textFieldTokens.rightContentMargin, _styledComponents.textFieldTokens.fontFamily, _styledComponents.textFieldTokens.fontSize, _styledComponents.textFieldTokens.fontStyle, _styledComponents.textFieldTokens.fontWeight, _styledComponents.textFieldTokens.letterSpacing, _styledComponents.textFieldTokens.lineHeight, _styledComponents.textFieldTokens.labelOffset, _styledComponents.textFieldTokens.labelFontFamily, _styledComponents.textFieldTokens.labelFontSize, _styledComponents.textFieldTokens.labelFontStyle, _styledComponents.textFieldTokens.labelFontWeight, _styledComponents.textFieldTokens.labelLetterSpacing, _styledComponents.textFieldTokens.labelLineHeight, _styledComponents.textFieldTokens.leftHelperOffset, _styledComponents.textFieldTokens.leftHelperFontFamily, _styledComponents.textFieldTokens.leftHelperFontSize, _styledComponents.textFieldTokens.leftHelperFontStyle, _styledComponents.textFieldTokens.leftHelperFontWeight, _styledComponents.textFieldTokens.leftHelperLetterSpacing, _styledComponents.textFieldTokens.leftHelperLineHeight, _styledComponents.textFieldTokens.labelInnerPadding, _styledComponents.textFieldTokens.contentLabelInnerPadding, _styledComponents.textFieldTokens.textBeforeMargin, _styledComponents.textFieldTokens.textAfterMargin, _styledComponents.textFieldTokens.chipGap, _styledComponents.textFieldTokens.chipBorderRadius, _styledComponents.textFieldTokens.chipWidth, _styledComponents.textFieldTokens.chipHeight, _styledComponents.textFieldTokens.chipPaddingRight, _styledComponents.textFieldTokens.chipPaddingLeft, _styledComponents.textFieldTokens.chipClearContentMarginLeft, _styledComponents.textFieldTokens.chipClearContentMarginRight, _styledComponents.textFieldTokens.chipCloseIconSize, _styledComponents.textFieldTokens.chipFontFamily, _styledComponents.textFieldTokens.chipFontSize, _styledComponents.textFieldTokens.chipFontStyle, _styledComponents.textFieldTokens.chipFontWeight, _styledComponents.textFieldTokens.chipLetterSpacing, _styledComponents.textFieldTokens.chipLineHeight),
+      s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 2.5rem;\n                ", ": 0.6875rem 0.875rem 0.6875rem 0.875rem;\n                ", ": 0.375rem;\n                ", ": 0.625rem;\n                ", ": 0.0625rem;\n\n                ", ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n                ", ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 0.5rem;\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 0.25rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.3125rem 0 0 0;\n                ", ": 1.0625rem 0 0.3125rem 0;\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n\n                ", ": 0.25rem;\n                ", ": 0.25rem;\n                ", ": auto;\n                ", ": 1.75rem;\n                ", ": 0.5rem;\n                ", ": 0.75rem;\n                ", ": 0.375rem;\n                ", ": 0rem;\n                ", ": 1rem;\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n            "])), _styledComponents.textFieldTokens.height, _styledComponents.textFieldTokens.padding, _styledComponents.textFieldTokens.paddingWithChips, _styledComponents.textFieldTokens.borderRadius, _styledComponents.textFieldTokens.borderWidth, _styledComponents.textFieldTokens.leftContentMargin, _styledComponents.textFieldTokens.rightContentMargin, _styledComponents.textFieldTokens.fontFamily, _styledComponents.textFieldTokens.fontSize, _styledComponents.textFieldTokens.fontStyle, _styledComponents.textFieldTokens.fontWeight, _styledComponents.textFieldTokens.letterSpacing, _styledComponents.textFieldTokens.lineHeight, _styledComponents.textFieldTokens.labelOffset, _styledComponents.textFieldTokens.labelFontFamily, _styledComponents.textFieldTokens.labelFontSize, _styledComponents.textFieldTokens.labelFontStyle, _styledComponents.textFieldTokens.labelFontWeight, _styledComponents.textFieldTokens.labelLetterSpacing, _styledComponents.textFieldTokens.labelLineHeight, _styledComponents.textFieldTokens.leftHelperOffset, _styledComponents.textFieldTokens.leftHelperFontFamily, _styledComponents.textFieldTokens.leftHelperFontSize, _styledComponents.textFieldTokens.leftHelperFontStyle, _styledComponents.textFieldTokens.leftHelperFontWeight, _styledComponents.textFieldTokens.leftHelperLetterSpacing, _styledComponents.textFieldTokens.leftHelperLineHeight, _styledComponents.textFieldTokens.labelInnerPadding, _styledComponents.textFieldTokens.contentLabelInnerPadding, _styledComponents.textFieldTokens.textBeforeMargin, _styledComponents.textFieldTokens.textAfterMargin, _styledComponents.textFieldTokens.chipGap, _styledComponents.textFieldTokens.chipBorderRadius, _styledComponents.textFieldTokens.chipWidth, _styledComponents.textFieldTokens.chipHeight, _styledComponents.textFieldTokens.chipPaddingRight, _styledComponents.textFieldTokens.chipPaddingLeft, _styledComponents.textFieldTokens.chipClearContentMarginLeft, _styledComponents.textFieldTokens.chipClearContentMarginRight, _styledComponents.textFieldTokens.chipCloseIconSize, _styledComponents.textFieldTokens.chipFontFamily, _styledComponents.textFieldTokens.chipFontSize, _styledComponents.textFieldTokens.chipFontStyle, _styledComponents.textFieldTokens.chipFontWeight, _styledComponents.textFieldTokens.chipLetterSpacing, _styledComponents.textFieldTokens.chipLineHeight),
+      xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 2rem;\n                ", ": 0.5625rem 0.625rem 0.5625rem 0.625rem;\n                ", ": 0.375rem;\n                ", ": 0.5rem;\n                ", ": 0.0625rem;\n\n                ", ": -0.0625rem 0.25rem -0.0625rem -0.125rem;\n                ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.375rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.25rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.3125rem 0 0 0;\n                ", ": 1.0625rem 0 0.3125rem 0;\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n\n                ", ": 0.25rem;\n                ", ": 0.125rem;\n                ", ": auto;\n                ", ": 1.25rem;\n                ", ": 0.375rem;\n                ", ": 0.625rem;\n                ", ": 0.25rem;\n                ", ": 0rem;\n                ", ": 0.75rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n            "])), _styledComponents.textFieldTokens.height, _styledComponents.textFieldTokens.padding, _styledComponents.textFieldTokens.paddingWithChips, _styledComponents.textFieldTokens.borderRadius, _styledComponents.textFieldTokens.borderWidth, _styledComponents.textFieldTokens.leftContentMargin, _styledComponents.textFieldTokens.rightContentMargin, _styledComponents.textFieldTokens.fontFamily, _styledComponents.textFieldTokens.fontSize, _styledComponents.textFieldTokens.fontStyle, _styledComponents.textFieldTokens.fontWeight, _styledComponents.textFieldTokens.letterSpacing, _styledComponents.textFieldTokens.lineHeight, _styledComponents.textFieldTokens.labelOffset, _styledComponents.textFieldTokens.labelFontFamily, _styledComponents.textFieldTokens.labelFontSize, _styledComponents.textFieldTokens.labelFontStyle, _styledComponents.textFieldTokens.labelFontWeight, _styledComponents.textFieldTokens.labelLetterSpacing, _styledComponents.textFieldTokens.labelLineHeight, _styledComponents.textFieldTokens.leftHelperOffset, _styledComponents.textFieldTokens.leftHelperFontFamily, _styledComponents.textFieldTokens.leftHelperFontSize, _styledComponents.textFieldTokens.leftHelperFontStyle, _styledComponents.textFieldTokens.leftHelperFontWeight, _styledComponents.textFieldTokens.leftHelperLetterSpacing, _styledComponents.textFieldTokens.leftHelperLineHeight, _styledComponents.textFieldTokens.labelInnerPadding, _styledComponents.textFieldTokens.contentLabelInnerPadding, _styledComponents.textFieldTokens.textBeforeMargin, _styledComponents.textFieldTokens.textAfterMargin, _styledComponents.textFieldTokens.chipGap, _styledComponents.textFieldTokens.chipBorderRadius, _styledComponents.textFieldTokens.chipWidth, _styledComponents.textFieldTokens.chipHeight, _styledComponents.textFieldTokens.chipPaddingRight, _styledComponents.textFieldTokens.chipPaddingLeft, _styledComponents.textFieldTokens.chipClearContentMarginLeft, _styledComponents.textFieldTokens.chipClearContentMarginRight, _styledComponents.textFieldTokens.chipCloseIconSize, _styledComponents.textFieldTokens.chipFontFamily, _styledComponents.textFieldTokens.chipFontSize, _styledComponents.textFieldTokens.chipFontStyle, _styledComponents.textFieldTokens.chipFontWeight, _styledComponents.textFieldTokens.chipLetterSpacing, _styledComponents.textFieldTokens.chipLineHeight)
     },
     labelPlacement: {
       inner: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-input-label-color, var(--plasma-input-placeholder-color, var(--text-secondary)));\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n            "])), _styledComponents.textFieldTokens.placeholderColor, _styledComponents.textFieldTokens.labelInnerFontFamily, _styledComponents.textFieldTokens.labelInnerFontSize, _styledComponents.textFieldTokens.labelInnerFontStyle, _styledComponents.textFieldTokens.labelInnerFontWeight, _styledComponents.textFieldTokens.labelInnerLetterSpacing, _styledComponents.textFieldTokens.labelInnerLineHeight),
@@ -33,11 +33,8 @@ var config = exports.config = {
     disabled: {
       "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.4;\n            "])), _styledComponents.textFieldTokens.disabledOpacity)
     },
-    required: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-negative)\n            "])), _styledComponents.textFieldTokens.indicatorColor)
-    },
     readOnly: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--surface-clear);\n                ", ": var(--surface-transparent-tertiary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n            "])), _styledComponents.textFieldTokens.colorReadOnly, _styledComponents.textFieldTokens.backgroundColorReadOnly, _styledComponents.textFieldTokens.borderColorReadOnly, _styledComponents.textFieldTokens.placeholderColorReadOnly, _styledComponents.textFieldTokens.leftHelperColorReadOnly, _styledComponents.textFieldTokens.labelColorReadOnly)
+      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--surface-clear);\n                ", ": var(--surface-transparent-tertiary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n            "])), _styledComponents.textFieldTokens.colorReadOnly, _styledComponents.textFieldTokens.backgroundColorReadOnly, _styledComponents.textFieldTokens.borderColorReadOnly, _styledComponents.textFieldTokens.placeholderColorReadOnly, _styledComponents.textFieldTokens.leftHelperColorReadOnly, _styledComponents.textFieldTokens.labelColorReadOnly)
     }
   }
 };