@salutejs/sdds-finportal 0.238.0-canary.1759.13168263477.0 → 0.238.0-canary.1760.13177544873.0

package/CHANGELOG.md

@@ -1,3 +1,111 @@
+## 0.237.0 (6 февраля 2025)
+
+## Функциональные изменения в компонентах
+
+### Accordion
+
+* добавлены **новые** размеры с `h2` по `h5`
+
+[PR](https://github.com/salute-developers/plasma/pull/1724)
+
+### Toast
+
+Убрана очистка таймаута в ToastContorller
+
+[PR](https://github.com/salute-developers/plasma/pull/1712)
+
+* исправлена передача свойства `closeIconType`
+* добавлено **новое** свойство `textColor`
+* добавлены новые значения для `view`:`positive`, `negative`
+* значения `view`:`dark`,`light` помечены как `deprecated`
+
+[PR](https://github.com/salute-developers/plasma/pull/1719)
+
+### Portal
+
+* исправлена ошибка гидрации в Next
+
+### Autocomplete
+
+* исправлена ширина компонента в storybook
+
+[PR](https://github.com/salute-developers/plasma/pull/1730)
+
+### DatePicker
+
+* добавлена возможность передавать внешнее значение даты в DatePicker
+
+https://github.com/user-attachments/assets/b26c67c2-1255-4831-b44e-0e876103153d
+
+[PR](https://github.com/salute-developers/plasma/pull/1720)
+
+### Range
+
+* добавлена возможность задать цвет `helperText` при статусе `error` и `success`
+
+### Datepicker
+
+* добавлена возможность задать цвет `helperText` при статусе `error` и `success`
+
+[PR](https://github.com/salute-developers/plasma/pull/1727)
+
+### Popover
+
+* Добавлен пропс `animated`, который делает плавное появления `Popover` за 200мс
+
+### Tooltip
+
+* Исправлена работа свойства `animated`, путем наследования этого свойства из `Popover`
+
+[PR](https://github.com/salute-developers/plasma/pull/1739)
+
+### Dropdown
+
+* добавлен явный экспорт типов;
+
+### Select
+
+* добавлен явный экспорт типов;
+
+[PR](https://github.com/salute-developers/plasma/pull/1732)
+
+### Textfield
+
+* исправлен баг, связанный с пропсом required в режиме с чипами;
+
+[PR](https://github.com/salute-developers/plasma/pull/1738)
+
+### TextArea
+
+* Hint остается активным при disabled состоянии
+
+<img width="417" alt="image" src="https://github.com/user-attachments/assets/6fe979b2-3532-46d7-9fa3-a8b141ad73fb" />
+
+[PR](https://github.com/salute-developers/plasma/pull/1700)
+
+* добавлен раздел в документацию по работе с NextJs
+
+[PR](https://github.com/salute-developers/plasma/pull/1740)
+
+## Изменения в библиотеки
+
+### Divider
+
+* актуализирован согласно макетам
+
+[PR](https://github.com/salute-developers/plasma/pull/1725)
+
+### Badge
+
+* исправлен `margin` у `contentLeft` и `contentRight`
+
+[PR](https://github.com/salute-developers/plasma/pull/1728)
+
+* токены приведены в соответствие с макетом
+
+[PR](https://github.com/salute-developers/plasma/pull/1733)
+
+
 ## 0.224.0 (23 января 2025)
 
 ## Функциональные изменения в компонентах

package/api/sdds-finportal.api.md

@@ -1597,6 +1597,8 @@ default: PolymorphicClassName;
 }> & PopupProps & PanelProps & {
 placement?: "top" | "bottom" | "right" | "left" | undefined;
 asModal?: boolean | undefined;
+customBackgroundColor?: string | undefined;
+customContentBackgroundColor?: string | undefined;
 withBlur?: boolean | undefined;
 closeOnEsc?: boolean | undefined;
 closeOnOverlayClick?: boolean | undefined;
@@ -3432,7 +3434,6 @@ xs: PolymorphicClassName;
 s: PolymorphicClassName;
 m: PolymorphicClassName;
 l: PolymorphicClassName;
-xl: PolymorphicClassName;
 };
 view: {
 default: PolymorphicClassName;

package/components/Drawer/Drawer.d.ts

@@ -16,6 +16,8 @@ export declare const Drawer: import("react").FunctionComponent<import("@salutejs
 }> & import("@salutejs/plasma-new-hope/styled-components").PopupProps & import("@salutejs/plasma-new-hope/types/components/Panel").PanelProps & {
     placement?: "top" | "bottom" | "right" | "left" | undefined;
     asModal?: boolean | undefined;
+    customBackgroundColor?: string | undefined;
+    customContentBackgroundColor?: string | undefined;
     withBlur?: boolean | undefined;
     closeOnEsc?: boolean | undefined;
     closeOnOverlayClick?: boolean | undefined;

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

@@ -9,7 +9,6 @@ export declare const config: {
             s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
             m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
             l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-            xl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         };
         view: {
             default: 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, _templateObject12, _templateObject13, _templateObject14, _templateObject15;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
 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: {
@@ -17,32 +17,31 @@ var config = exports.config = {
       xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 100%;\n                ", ": 7.312rem;\n                ", ": 0.625rem;\n                ", ": 0.5rem;\n                ", ": 0.5rem 0.5rem 0 0;\n                ", ": 0.563rem;\n                ", ": 0.625rem;\n                ", ": 2.125rem;\n                ", ": 1.5rem;\n                ", ": 0.563rem;\n                ", ": 0.625rem;\n                ", ": 0.5rem;\n                ", ": 0.25rem;\n                ", ": 0.625rem;\n                ", ": 0.563rem;\n                ", ": 0.625rem;\n                ", ": 0rem;\n                ", ": 0.563rem;\n                ", ": 0.5rem;\n                ", ": 1rem;\n                ", ": 0.375rem;\n                ", ": 0.25rem;\n                ", ": var(--plasma-typo-body-xxs-font-family);\n                ", ": var(--plasma-typo-body-xxs-font-size);\n                ", ": var(--plasma-typo-body-xxs-font-style);\n                ", ": var(--plasma-typo-body-xxs-font-weight);\n                ", ": var(--plasma-typo-body-xxs-letter-spacing);\n                ", ": var(--plasma-typo-body-xxs-line-height);\n                ", ": 0rem;\n                ", ": 0rem;\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                ", ": 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                ", ": 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                ", ": 0.813rem auto auto -0.625rem;\n                ", ": 0.813rem -0.625rem auto auto;\n                ", ": 0.813rem -1.988rem auto auto;\n\n                ", ": 0.188rem;\n                ", ": 0.063rem;\n\n                ", ": -0.75rem -0.625rem -0.75rem -0.5rem;\n                ", ": 2.375rem;\n                ", ": -0.188rem -2.188rem auto auto;\n                ", ": -0.188rem -1.938rem auto auto;\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            "])), _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.clearInputPaddingRightWithRightContent, _styledComponents.textAreaTokens.inputPaddingBottom, _styledComponents.textAreaTokens.inputPaddingLeft, _styledComponents.textAreaTokens.helpersPaddingTop, _styledComponents.textAreaTokens.clearHelpersPaddingTop, _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.clearLabelMarginBottom, _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, _styledComponents.textAreaTokens.clearIndicatorLabelPlacementInner, _styledComponents.textAreaTokens.clearIndicatorLabelPlacementInnerRight, _styledComponents.textAreaTokens.clearIndicatorHintInnerRight, _styledComponents.textAreaTokens.scrollbarWidth, _styledComponents.textAreaTokens.scrollbarBorderWidth, _styledComponents.textAreaTokens.hintMargin, _styledComponents.textAreaTokens.hintTargetSize, _styledComponents.textAreaTokens.hintInnerLabelPlacementOffset, _styledComponents.textAreaTokens.clearHintInnerLabelPlacementOffset, _styledComponents.textAreaTokens.titleCaptionInnerLabelOffset, _styledComponents.textAreaTokens.titleCaptionFontFamily, _styledComponents.textAreaTokens.titleCaptionFontSize, _styledComponents.textAreaTokens.titleCaptionFontStyle, _styledComponents.textAreaTokens.titleCaptionFontWeight, _styledComponents.textAreaTokens.titleCaptionLetterSpacing, _styledComponents.textAreaTokens.titleCaptionLineHeight),
       s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 100%;\n                ", ": 7.187rem;\n                ", ": 0.625rem;\n                ", ": 0.625rem;\n                ", ": 0.625rem 0.625rem 0 0;\n                ", ": 0.688rem;\n                ", ": 0.875rem;\n                ", ": 3.125rem;\n                ", ": 2rem;\n                ", ": 0.75rem;\n                ", ": 0.875rem;\n                ", ": 0.75rem;\n                ", ": 0.25rem;\n                ", ": 0.875rem;\n                ", ": 0.75rem;\n                ", ": 0.875rem;\n                ", ": 0rem;\n                ", ": 0.688rem;\n                ", ": 0.75rem;\n                ", ": 1.25rem;\n                ", ": 0.5rem;\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                ", ": 0.375rem;\n                ", ": 0.125rem;\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                ", ": 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                ", ": 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                ", ": 1.063rem auto auto -0.75rem;\n                ", ": 1.063rem -0.75rem auto auto;\n                ", ": 1.063rem -2.238rem auto auto;\n\n                ", ": 0.188rem;\n                ", ": 0.063rem;\n\n                ", ": -0.688rem -0.5rem;\n                ", ": 2.375rem;\n                ", ": 0.062rem -2.688rem auto auto;\n                ", ": 0.062rem -2.063rem auto auto;\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            "])), _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.clearInputPaddingRightWithRightContent, _styledComponents.textAreaTokens.inputPaddingBottom, _styledComponents.textAreaTokens.inputPaddingLeft, _styledComponents.textAreaTokens.helpersPaddingTop, _styledComponents.textAreaTokens.clearHelpersPaddingTop, _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.clearLabelMarginBottom, _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, _styledComponents.textAreaTokens.clearIndicatorLabelPlacementInner, _styledComponents.textAreaTokens.clearIndicatorLabelPlacementInnerRight, _styledComponents.textAreaTokens.clearIndicatorHintInnerRight, _styledComponents.textAreaTokens.scrollbarWidth, _styledComponents.textAreaTokens.scrollbarBorderWidth, _styledComponents.textAreaTokens.hintMargin, _styledComponents.textAreaTokens.hintTargetSize, _styledComponents.textAreaTokens.hintInnerLabelPlacementOffset, _styledComponents.textAreaTokens.clearHintInnerLabelPlacementOffset, _styledComponents.textAreaTokens.titleCaptionInnerLabelOffset, _styledComponents.textAreaTokens.titleCaptionFontFamily, _styledComponents.textAreaTokens.titleCaptionFontSize, _styledComponents.textAreaTokens.titleCaptionFontStyle, _styledComponents.textAreaTokens.titleCaptionFontWeight, _styledComponents.textAreaTokens.titleCaptionLetterSpacing, _styledComponents.textAreaTokens.titleCaptionLineHeight),
       m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 100%;\n                ", ": 7rem;\n                ", ": 1.125rem;\n                ", ": 0.75rem;\n                ", ": 0.75rem 0.75rem 0 0;\n                ", ": 0.875rem;\n                ", ": 1rem;\n                ", ": 3.375rem;\n                ", ": 2.125rem;\n                ", ": 0.75rem;\n                ", ": 1rem;\n                ", ": 0.75rem;\n                ", ": 0.25rem;\n                ", ": 1rem;\n                ", ": 0.75rem;\n                ", ": 1rem;\n                ", ": 0rem;\n                ", ": 0.875rem;\n                ", ": 0.875rem;\n                ", ": 1.25rem;\n                ", ": 0.625rem;\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                ", ": 0.375rem;\n                ", ": 0.125rem;\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                ", ": 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                ", ": 0.5rem;\n                ", ": 0.375rem;\n                ", ": 0 0 0 0;\n                /* stylelint-disable-next-line number-max-precision */\n                ", ": 0.4375rem auto auto -0.675rem;\n                ", ": 0 0 auto auto;\n                /* stylelint-disable-next-line number-max-precision */\n                ", ": 0.1875rem -0.625rem auto auto;\n                ", ": 1.25rem auto auto -0.875rem;\n                ", ": 1.25rem -0.875rem auto auto;\n                ", ": 1.25rem -2.488rem auto auto;\n\n                ", ": 0.188rem;\n                ", ": 0.063rem;\n\n                ", ": -0.688rem -0.5rem;\n                ", ": 2.375rem;\n                ", ":0.312rem -2.813rem auto auto;\n                ", ": 0.312rem -2.063rem auto auto;\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            "])), _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.clearInputPaddingRightWithRightContent, _styledComponents.textAreaTokens.inputPaddingBottom, _styledComponents.textAreaTokens.inputPaddingLeft, _styledComponents.textAreaTokens.helpersPaddingTop, _styledComponents.textAreaTokens.clearHelpersPaddingTop, _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.clearLabelMarginBottom, _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, _styledComponents.textAreaTokens.clearIndicatorLabelPlacementInner, _styledComponents.textAreaTokens.clearIndicatorLabelPlacementInnerRight, _styledComponents.textAreaTokens.clearIndicatorHintInnerRight, _styledComponents.textAreaTokens.scrollbarWidth, _styledComponents.textAreaTokens.scrollbarBorderWidth, _styledComponents.textAreaTokens.hintMargin, _styledComponents.textAreaTokens.hintTargetSize, _styledComponents.textAreaTokens.hintInnerLabelPlacementOffset, _styledComponents.textAreaTokens.clearHintInnerLabelPlacementOffset, _styledComponents.textAreaTokens.titleCaptionInnerLabelOffset, _styledComponents.textAreaTokens.titleCaptionFontFamily, _styledComponents.textAreaTokens.titleCaptionFontSize, _styledComponents.textAreaTokens.titleCaptionFontStyle, _styledComponents.textAreaTokens.titleCaptionFontWeight, _styledComponents.textAreaTokens.titleCaptionLetterSpacing, _styledComponents.textAreaTokens.titleCaptionLineHeight),
-      l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 100%;\n                ", ": 6.812rem;\n                ", ": 1.625rem;\n                ", ": 0.875rem;\n                ", ": 0.875rem 0.875rem 0 0;\n                ", ": 1.063rem;\n                ", ": 1.125rem;\n                ", ": 3.625rem;\n                ", ": 2.25rem;\n                ", ": 0.75rem;\n                ", ": 1.125rem;\n                ", ": 0.75rem;\n                ", ": 0.25rem;\n                ", ": 1.125rem;\n                ", ": 0.75rem;\n                ", ": 1.125rem;\n                ", ": 0rem;\n                ", ": 1.063rem;\n                ", ": 1rem;\n                ", ": 1.25rem;\n                ", ": 0.75rem;\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                ", ": 0.563rem;\n                ", ": 0.125rem;\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-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                ", ": 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                ", ": 1.5rem auto auto -0.875rem;\n                ", ": 1.5rem -0.875rem auto auto;\n                ", ": 1.5rem -2.488rem auto auto;\n\n                ", ": 0.188rem;\n                ", ": 0.063rem;\n\n                ", ": -0.688rem -0.5rem;\n                ", ": 2.375rem;\n                ", ": 0.563rem -2.938rem auto auto;\n                ", ": 0.562rem -2.063rem auto auto;\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            "])), _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.clearInputPaddingRightWithRightContent, _styledComponents.textAreaTokens.inputPaddingBottom, _styledComponents.textAreaTokens.inputPaddingLeft, _styledComponents.textAreaTokens.helpersPaddingTop, _styledComponents.textAreaTokens.clearHelpersPaddingTop, _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.clearLabelMarginBottom, _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, _styledComponents.textAreaTokens.clearIndicatorLabelPlacementInner, _styledComponents.textAreaTokens.clearIndicatorLabelPlacementInnerRight, _styledComponents.textAreaTokens.clearIndicatorHintInnerRight, _styledComponents.textAreaTokens.scrollbarWidth, _styledComponents.textAreaTokens.scrollbarBorderWidth, _styledComponents.textAreaTokens.hintMargin, _styledComponents.textAreaTokens.hintTargetSize, _styledComponents.textAreaTokens.hintInnerLabelPlacementOffset, _styledComponents.textAreaTokens.clearHintInnerLabelPlacementOffset, _styledComponents.textAreaTokens.titleCaptionInnerLabelOffset, _styledComponents.textAreaTokens.titleCaptionFontFamily, _styledComponents.textAreaTokens.titleCaptionFontSize, _styledComponents.textAreaTokens.titleCaptionFontStyle, _styledComponents.textAreaTokens.titleCaptionFontWeight, _styledComponents.textAreaTokens.titleCaptionLetterSpacing, _styledComponents.textAreaTokens.titleCaptionLineHeight),
-      xl: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 100%;\n                ", ": 6.812rem;\n                ", ": 1.625rem;\n                ", ": 1rem;\n                ", ": 1rem 1rem 0 0;\n                ", ": 1.313rem;\n                ", ": 1.25rem;\n                ", ": 3.5rem;\n                ", ": 2.5rem;\n                ", ": 0.75rem;\n                ", ": 1.25rem;\n                ", ": 0.75rem;\n                ", ": 0.25rem;\n                ", ": 1.25rem;\n                ", ": 0.875rem;\n                ", ": 1.25rem;\n                ", ": 0rem;\n                ", ": 1.25rem;\n                ", ": 1.25rem;\n                ", ": 1.5rem;\n                ", ": 0.75rem;\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                ", ": 0.813rem;\n                ", ": -0.313rem;\n                ", ": 0.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                ", ": 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                ", ": 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                ", ": -0.25rem;\n                ", ": 1.5rem auto auto -0.875rem;\n                ", ": 1.5rem -0.875rem auto auto;\n\n                ", ": 0.188rem;\n                ", ": 0.063rem;\n\n                ", ": -0.688rem -0.5rem;\n                ", ": 2.375rem;\n                ", ": 0.751rem -2.938rem auto auto;\n                ", ": 0.751rem -2.188rem auto auto;\n                ", ": 1.5rem -2.488rem auto auto;\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            "])), _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.clearInputPaddingRightWithRightContent, _styledComponents.textAreaTokens.inputPaddingBottom, _styledComponents.textAreaTokens.inputPaddingLeft, _styledComponents.textAreaTokens.helpersPaddingTop, _styledComponents.textAreaTokens.clearHelpersPaddingTop, _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.clearLabelMarginBottom, _styledComponents.textAreaTokens.labelInnerFontFamily, _styledComponents.textAreaTokens.labelInnerFontSize, _styledComponents.textAreaTokens.labelInnerFontStyle, _styledComponents.textAreaTokens.labelInnerFontWeight, _styledComponents.textAreaTokens.labelInnerLetterSpacing, _styledComponents.textAreaTokens.labelInnerLineHeight, _styledComponents.textAreaTokens.labelInnerTop, _styledComponents.textAreaTokens.labelInnerTopHelper, _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, _styledComponents.textAreaTokens.indicatorLabelPlacementHintOuterRight, _styledComponents.textAreaTokens.clearIndicatorLabelPlacementInner, _styledComponents.textAreaTokens.clearIndicatorLabelPlacementInnerRight, _styledComponents.textAreaTokens.scrollbarWidth, _styledComponents.textAreaTokens.scrollbarBorderWidth, _styledComponents.textAreaTokens.hintMargin, _styledComponents.textAreaTokens.hintTargetSize, _styledComponents.textAreaTokens.hintInnerLabelPlacementOffset, _styledComponents.textAreaTokens.clearHintInnerLabelPlacementOffset, _styledComponents.textAreaTokens.clearIndicatorHintInnerRight, _styledComponents.textAreaTokens.titleCaptionInnerLabelOffset, _styledComponents.textAreaTokens.titleCaptionFontFamily, _styledComponents.textAreaTokens.titleCaptionFontSize, _styledComponents.textAreaTokens.titleCaptionFontStyle, _styledComponents.textAreaTokens.titleCaptionFontWeight, _styledComponents.textAreaTokens.titleCaptionLetterSpacing, _styledComponents.textAreaTokens.titleCaptionLineHeight)
+      l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 100%;\n                ", ": 6.812rem;\n                ", ": 1.625rem;\n                ", ": 0.875rem;\n                ", ": 0.875rem 0.875rem 0 0;\n                ", ": 1.063rem;\n                ", ": 1.125rem;\n                ", ": 3.625rem;\n                ", ": 2.25rem;\n                ", ": 0.75rem;\n                ", ": 1.125rem;\n                ", ": 0.75rem;\n                ", ": 0.25rem;\n                ", ": 1.125rem;\n                ", ": 0.75rem;\n                ", ": 1.125rem;\n                ", ": 0rem;\n                ", ": 1.063rem;\n                ", ": 1rem;\n                ", ": 1.25rem;\n                ", ": 0.75rem;\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                ", ": 0.563rem;\n                ", ": 0.125rem;\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-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                ", ": 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                ", ": 1.5rem auto auto -0.875rem;\n                ", ": 1.5rem -0.875rem auto auto;\n                ", ": 1.5rem -2.488rem auto auto;\n\n                ", ": 0.188rem;\n                ", ": 0.063rem;\n\n                ", ": -0.688rem -0.5rem;\n                ", ": 2.375rem;\n                ", ": 0.563rem -2.938rem auto auto;\n                ", ": 0.562rem -2.063rem auto auto;\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            "])), _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.clearInputPaddingRightWithRightContent, _styledComponents.textAreaTokens.inputPaddingBottom, _styledComponents.textAreaTokens.inputPaddingLeft, _styledComponents.textAreaTokens.helpersPaddingTop, _styledComponents.textAreaTokens.clearHelpersPaddingTop, _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.clearLabelMarginBottom, _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, _styledComponents.textAreaTokens.clearIndicatorLabelPlacementInner, _styledComponents.textAreaTokens.clearIndicatorLabelPlacementInnerRight, _styledComponents.textAreaTokens.clearIndicatorHintInnerRight, _styledComponents.textAreaTokens.scrollbarWidth, _styledComponents.textAreaTokens.scrollbarBorderWidth, _styledComponents.textAreaTokens.hintMargin, _styledComponents.textAreaTokens.hintTargetSize, _styledComponents.textAreaTokens.hintInnerLabelPlacementOffset, _styledComponents.textAreaTokens.clearHintInnerLabelPlacementOffset, _styledComponents.textAreaTokens.titleCaptionInnerLabelOffset, _styledComponents.textAreaTokens.titleCaptionFontFamily, _styledComponents.textAreaTokens.titleCaptionFontSize, _styledComponents.textAreaTokens.titleCaptionFontStyle, _styledComponents.textAreaTokens.titleCaptionFontWeight, _styledComponents.textAreaTokens.titleCaptionLetterSpacing, _styledComponents.textAreaTokens.titleCaptionLineHeight)
     },
     view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--surface-transparent-primary-hover);\n                ", ": var(--surface-transparent-primary-active);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--surface-transparent-primary-hover);\n                ", ": var(--surface-transparent-primary-active);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\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-tertiary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--surface-transparent-tertiary);\n                ", ": var(--surface-transparent-tertiary-hover);\n                ", ": var(--surface-transparent-tertiary-active);\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--surface-transparent-primary-active);\n                ", ": var(--surface-transparent-primary-hover);\n\n                ", ": var(--surface-transparent-tertiary);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n            "])), _styledComponents.textAreaTokens.inputBackgroundColor, _styledComponents.textAreaTokens.inputBackgroundColorHover, _styledComponents.textAreaTokens.inputBackgroundColorActive, _styledComponents.textAreaTokens.inputBackgroundColorFocus, _styledComponents.textAreaTokens.helpersBackgroundColor, _styledComponents.textAreaTokens.helpersBackgroundColorHover, _styledComponents.textAreaTokens.helpersBackgroundColorActive, _styledComponents.textAreaTokens.helpersBackgroundColorFocus, _styledComponents.textAreaTokens.inputColor, _styledComponents.textAreaTokens.clearInputColor, _styledComponents.textAreaTokens.inputColorFocus, _styledComponents.textAreaTokens.inputCaretColor, _styledComponents.textAreaTokens.placeholderColor, _styledComponents.textAreaTokens.placeholderColorFocus, _styledComponents.textAreaTokens.clearPlaceholderColor, _styledComponents.textAreaTokens.clearPlaceholderColorFocus, _styledComponents.textAreaTokens.leftHelperColor, _styledComponents.textAreaTokens.rightHelperColor, _styledComponents.textAreaTokens.indicatorColor, _styledComponents.textAreaTokens.optionalColor, _styledComponents.textAreaTokens.scrollbarThumbBackgroundColor, _styledComponents.textAreaTokens.scrollbarThumbBackgroundColorHover, _styledComponents.textAreaTokens.scrollbarThumbBackgroundColorActive, _styledComponents.textAreaTokens.scrollbarTrackBackgroundColor, _styledComponents.textAreaTokens.scrollbarTrackBackgroundColorActive, _styledComponents.textAreaTokens.scrollbarTrackBackgroundColorHover, _styledComponents.textAreaTokens.dividerColor, _styledComponents.textAreaTokens.dividerColorHover, _styledComponents.textAreaTokens.dividerColorFocus, _styledComponents.textAreaTokens.titleCaptionColor, _styledComponents.textAreaTokens.hintIconColor),
-      positive: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-transparent-positive);\n                ", ": var(--surface-transparent-positive-hover);\n                ", ": var(--surface-transparent-positive-active);\n                ", ": var(--surface-transparent-positive);\n                ", ": var(--surface-transparent-positive);\n                ", ": var(--surface-transparent-positive-hover);\n                ", ": var(--surface-transparent-positive-active);\n                ", ": var(--surface-transparent-positive);\n                ", ": var(--text-primary);\n                ", ": var(--text-positive);\n                ", ": var(--text-positive);\n                ", ": var(--text-primary);\n                ", ": var(--text-positive);\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-positive);\n                ", ": var(--text-positive);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--surface-transparent-tertiary);\n                ", ": var(--surface-transparent-tertiary-hover);\n                ", ": var(--surface-transparent-tertiary-active);\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--surface-transparent-primary-active);\n                ", ": var(--surface-transparent-primary-hover);\n\n                ", ": var(--surface-positive);\n                ", ": var(--surface-positive);\n                ", ": var(--surface-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n            "])), _styledComponents.textAreaTokens.inputBackgroundColor, _styledComponents.textAreaTokens.inputBackgroundColorHover, _styledComponents.textAreaTokens.inputBackgroundColorActive, _styledComponents.textAreaTokens.inputBackgroundColorFocus, _styledComponents.textAreaTokens.helpersBackgroundColor, _styledComponents.textAreaTokens.helpersBackgroundColorHover, _styledComponents.textAreaTokens.helpersBackgroundColorActive, _styledComponents.textAreaTokens.helpersBackgroundColorFocus, _styledComponents.textAreaTokens.inputColor, _styledComponents.textAreaTokens.clearInputColor, _styledComponents.textAreaTokens.clearPlaceholderColor, _styledComponents.textAreaTokens.inputColorFocus, _styledComponents.textAreaTokens.inputCaretColor, _styledComponents.textAreaTokens.placeholderColor, _styledComponents.textAreaTokens.placeholderColorFocus, _styledComponents.textAreaTokens.clearPlaceholderColorFocus, _styledComponents.textAreaTokens.leftHelperColor, _styledComponents.textAreaTokens.rightHelperColor, _styledComponents.textAreaTokens.indicatorColor, _styledComponents.textAreaTokens.optionalColor, _styledComponents.textAreaTokens.scrollbarThumbBackgroundColor, _styledComponents.textAreaTokens.scrollbarThumbBackgroundColorHover, _styledComponents.textAreaTokens.scrollbarThumbBackgroundColorActive, _styledComponents.textAreaTokens.scrollbarTrackBackgroundColor, _styledComponents.textAreaTokens.scrollbarTrackBackgroundColorActive, _styledComponents.textAreaTokens.scrollbarTrackBackgroundColorHover, _styledComponents.textAreaTokens.dividerColor, _styledComponents.textAreaTokens.dividerColorHover, _styledComponents.textAreaTokens.dividerColorFocus, _styledComponents.textAreaTokens.titleCaptionColor, _styledComponents.textAreaTokens.hintIconColor),
+      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--surface-transparent-primary-hover);\n                ", ": var(--surface-transparent-primary-active);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--surface-transparent-primary-hover);\n                ", ": var(--surface-transparent-primary-active);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\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-tertiary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--surface-transparent-tertiary);\n                ", ": var(--surface-transparent-tertiary-hover);\n                ", ": var(--surface-transparent-tertiary-active);\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--surface-transparent-primary-active);\n                ", ": var(--surface-transparent-primary-hover);\n\n                ", ": var(--surface-transparent-tertiary);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n            "])), _styledComponents.textAreaTokens.inputBackgroundColor, _styledComponents.textAreaTokens.inputBackgroundColorHover, _styledComponents.textAreaTokens.inputBackgroundColorActive, _styledComponents.textAreaTokens.inputBackgroundColorFocus, _styledComponents.textAreaTokens.helpersBackgroundColor, _styledComponents.textAreaTokens.helpersBackgroundColorHover, _styledComponents.textAreaTokens.helpersBackgroundColorActive, _styledComponents.textAreaTokens.helpersBackgroundColorFocus, _styledComponents.textAreaTokens.inputColor, _styledComponents.textAreaTokens.clearInputColor, _styledComponents.textAreaTokens.inputColorFocus, _styledComponents.textAreaTokens.inputCaretColor, _styledComponents.textAreaTokens.placeholderColor, _styledComponents.textAreaTokens.placeholderColorFocus, _styledComponents.textAreaTokens.clearPlaceholderColor, _styledComponents.textAreaTokens.clearPlaceholderColorFocus, _styledComponents.textAreaTokens.leftHelperColor, _styledComponents.textAreaTokens.rightHelperColor, _styledComponents.textAreaTokens.indicatorColor, _styledComponents.textAreaTokens.optionalColor, _styledComponents.textAreaTokens.scrollbarThumbBackgroundColor, _styledComponents.textAreaTokens.scrollbarThumbBackgroundColorHover, _styledComponents.textAreaTokens.scrollbarThumbBackgroundColorActive, _styledComponents.textAreaTokens.scrollbarTrackBackgroundColor, _styledComponents.textAreaTokens.scrollbarTrackBackgroundColorActive, _styledComponents.textAreaTokens.scrollbarTrackBackgroundColorHover, _styledComponents.textAreaTokens.dividerColor, _styledComponents.textAreaTokens.dividerColorHover, _styledComponents.textAreaTokens.dividerColorFocus, _styledComponents.textAreaTokens.titleCaptionColor, _styledComponents.textAreaTokens.hintIconColor),
+      positive: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-transparent-positive);\n                ", ": var(--surface-transparent-positive-hover);\n                ", ": var(--surface-transparent-positive-active);\n                ", ": var(--surface-transparent-positive);\n                ", ": var(--surface-transparent-positive);\n                ", ": var(--surface-transparent-positive-hover);\n                ", ": var(--surface-transparent-positive-active);\n                ", ": var(--surface-transparent-positive);\n                ", ": var(--text-primary);\n                ", ": var(--text-positive);\n                ", ": var(--text-positive);\n                ", ": var(--text-primary);\n                ", ": var(--text-positive);\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-positive);\n                ", ": var(--text-positive);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--surface-transparent-tertiary);\n                ", ": var(--surface-transparent-tertiary-hover);\n                ", ": var(--surface-transparent-tertiary-active);\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--surface-transparent-primary-active);\n                ", ": var(--surface-transparent-primary-hover);\n\n                ", ": var(--surface-positive);\n                ", ": var(--surface-positive);\n                ", ": var(--surface-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n            "])), _styledComponents.textAreaTokens.inputBackgroundColor, _styledComponents.textAreaTokens.inputBackgroundColorHover, _styledComponents.textAreaTokens.inputBackgroundColorActive, _styledComponents.textAreaTokens.inputBackgroundColorFocus, _styledComponents.textAreaTokens.helpersBackgroundColor, _styledComponents.textAreaTokens.helpersBackgroundColorHover, _styledComponents.textAreaTokens.helpersBackgroundColorActive, _styledComponents.textAreaTokens.helpersBackgroundColorFocus, _styledComponents.textAreaTokens.inputColor, _styledComponents.textAreaTokens.clearInputColor, _styledComponents.textAreaTokens.clearPlaceholderColor, _styledComponents.textAreaTokens.inputColorFocus, _styledComponents.textAreaTokens.inputCaretColor, _styledComponents.textAreaTokens.placeholderColor, _styledComponents.textAreaTokens.placeholderColorFocus, _styledComponents.textAreaTokens.clearPlaceholderColorFocus, _styledComponents.textAreaTokens.leftHelperColor, _styledComponents.textAreaTokens.rightHelperColor, _styledComponents.textAreaTokens.indicatorColor, _styledComponents.textAreaTokens.optionalColor, _styledComponents.textAreaTokens.scrollbarThumbBackgroundColor, _styledComponents.textAreaTokens.scrollbarThumbBackgroundColorHover, _styledComponents.textAreaTokens.scrollbarThumbBackgroundColorActive, _styledComponents.textAreaTokens.scrollbarTrackBackgroundColor, _styledComponents.textAreaTokens.scrollbarTrackBackgroundColorActive, _styledComponents.textAreaTokens.scrollbarTrackBackgroundColorHover, _styledComponents.textAreaTokens.dividerColor, _styledComponents.textAreaTokens.dividerColorHover, _styledComponents.textAreaTokens.dividerColorFocus, _styledComponents.textAreaTokens.titleCaptionColor, _styledComponents.textAreaTokens.hintIconColor),
       /**
        * @deprecated
        * Использовать `default`
        */
-      primary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--surface-transparent-primary-hover);\n                ", ": var(--surface-transparent-primary-active);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--surface-transparent-primary-hover);\n                ", ": var(--surface-transparent-primary-active);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\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-tertiary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--surface-transparent-tertiary);\n                ", ": var(--surface-transparent-tertiary-hover);\n                ", ": var(--surface-transparent-tertiary-active);\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--surface-transparent-primary-active);\n                ", ": var(--surface-transparent-primary-hover);\n\n                ", ": var(--surface-transparent-tertiary);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n            "])), _styledComponents.textAreaTokens.inputBackgroundColor, _styledComponents.textAreaTokens.inputBackgroundColorHover, _styledComponents.textAreaTokens.inputBackgroundColorActive, _styledComponents.textAreaTokens.inputBackgroundColorFocus, _styledComponents.textAreaTokens.helpersBackgroundColor, _styledComponents.textAreaTokens.helpersBackgroundColorHover, _styledComponents.textAreaTokens.helpersBackgroundColorActive, _styledComponents.textAreaTokens.helpersBackgroundColorFocus, _styledComponents.textAreaTokens.inputColor, _styledComponents.textAreaTokens.clearInputColor, _styledComponents.textAreaTokens.inputColorFocus, _styledComponents.textAreaTokens.inputCaretColor, _styledComponents.textAreaTokens.placeholderColor, _styledComponents.textAreaTokens.placeholderColorFocus, _styledComponents.textAreaTokens.clearPlaceholderColor, _styledComponents.textAreaTokens.clearPlaceholderColorFocus, _styledComponents.textAreaTokens.leftHelperColor, _styledComponents.textAreaTokens.rightHelperColor, _styledComponents.textAreaTokens.indicatorColor, _styledComponents.textAreaTokens.optionalColor, _styledComponents.textAreaTokens.scrollbarThumbBackgroundColor, _styledComponents.textAreaTokens.scrollbarThumbBackgroundColorHover, _styledComponents.textAreaTokens.scrollbarThumbBackgroundColorActive, _styledComponents.textAreaTokens.scrollbarTrackBackgroundColor, _styledComponents.textAreaTokens.scrollbarTrackBackgroundColorActive, _styledComponents.textAreaTokens.scrollbarTrackBackgroundColorHover, _styledComponents.textAreaTokens.dividerColor, _styledComponents.textAreaTokens.dividerColorHover, _styledComponents.textAreaTokens.dividerColorFocus, _styledComponents.textAreaTokens.titleCaptionColor, _styledComponents.textAreaTokens.hintIconColor),
-      warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-transparent-warning);\n                ", ": var(--surface-transparent-warning-hover);\n                ", ": var(--surface-transparent-warning-active);\n                ", ": var(--surface-transparent-warning);\n                ", ": var(--surface-transparent-warning);\n                ", ": var(--surface-transparent-warning-hover);\n                ", ": var(--surface-transparent-warning-active);\n                ", ": var(--surface-transparent-warning);\n                ", ": var(--text-primary);\n                ", ": var(--text-warning);\n                ", ": var(--text-warning);\n                ", ": var(--text-primary);\n                ", ": var(--text-warning);\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-warning);\n                ", ": var(--text-warning);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--surface-transparent-tertiary);\n                ", ": var(--surface-transparent-tertiary-hover);\n                ", ": var(--surface-transparent-tertiary-active);\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--surface-transparent-primary-active);\n                ", ": var(--surface-transparent-primary-hover);\n\n                ", ": var(--surface-warning);\n                ", ": var(--surface-warning);\n                ", ": var(--surface-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n            "])), _styledComponents.textAreaTokens.inputBackgroundColor, _styledComponents.textAreaTokens.inputBackgroundColorHover, _styledComponents.textAreaTokens.inputBackgroundColorActive, _styledComponents.textAreaTokens.inputBackgroundColorFocus, _styledComponents.textAreaTokens.helpersBackgroundColor, _styledComponents.textAreaTokens.helpersBackgroundColorHover, _styledComponents.textAreaTokens.helpersBackgroundColorActive, _styledComponents.textAreaTokens.helpersBackgroundColorFocus, _styledComponents.textAreaTokens.inputColor, _styledComponents.textAreaTokens.clearInputColor, _styledComponents.textAreaTokens.clearPlaceholderColor, _styledComponents.textAreaTokens.inputColorFocus, _styledComponents.textAreaTokens.inputCaretColor, _styledComponents.textAreaTokens.placeholderColor, _styledComponents.textAreaTokens.placeholderColorFocus, _styledComponents.textAreaTokens.clearPlaceholderColorFocus, _styledComponents.textAreaTokens.leftHelperColor, _styledComponents.textAreaTokens.rightHelperColor, _styledComponents.textAreaTokens.indicatorColor, _styledComponents.textAreaTokens.optionalColor, _styledComponents.textAreaTokens.scrollbarThumbBackgroundColor, _styledComponents.textAreaTokens.scrollbarThumbBackgroundColorHover, _styledComponents.textAreaTokens.scrollbarThumbBackgroundColorActive, _styledComponents.textAreaTokens.scrollbarTrackBackgroundColor, _styledComponents.textAreaTokens.scrollbarTrackBackgroundColorActive, _styledComponents.textAreaTokens.scrollbarTrackBackgroundColorHover, _styledComponents.textAreaTokens.dividerColor, _styledComponents.textAreaTokens.dividerColorHover, _styledComponents.textAreaTokens.dividerColorFocus, _styledComponents.textAreaTokens.titleCaptionColor, _styledComponents.textAreaTokens.hintIconColor),
-      negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-transparent-negative);\n                ", ": var(--surface-transparent-negative-hover);\n                ", ": var(--surface-transparent-negative-active);\n                ", ": var(--surface-transparent-negative);\n                ", ": var(--surface-transparent-negative);\n                ", ": var(--surface-transparent-negative-hover);\n                ", ": var(--surface-transparent-negative-active);\n                ", ": var(--surface-transparent-negative);\n                ", ": var(--text-primary);\n                ", ": var(--text-negative);\n                ", ": var(--text-negative);\n                ", ": var(--text-primary);\n                ", ": var(--text-negative);\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-negative);\n                ", ": var(--text-negative);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--surface-transparent-tertiary);\n                ", ": var(--surface-transparent-tertiary-hover);\n                ", ": var(--surface-transparent-tertiary-active);\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--surface-transparent-primary-active);\n                ", ": var(--surface-transparent-primary-hover);\n\n                ", ": var(--surface-negative);\n                ", ": var(--surface-negative);\n                ", ": var(--surface-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n            "])), _styledComponents.textAreaTokens.inputBackgroundColor, _styledComponents.textAreaTokens.inputBackgroundColorHover, _styledComponents.textAreaTokens.inputBackgroundColorActive, _styledComponents.textAreaTokens.inputBackgroundColorFocus, _styledComponents.textAreaTokens.helpersBackgroundColor, _styledComponents.textAreaTokens.helpersBackgroundColorHover, _styledComponents.textAreaTokens.helpersBackgroundColorActive, _styledComponents.textAreaTokens.helpersBackgroundColorFocus, _styledComponents.textAreaTokens.inputColor, _styledComponents.textAreaTokens.clearInputColor, _styledComponents.textAreaTokens.clearPlaceholderColor, _styledComponents.textAreaTokens.inputColorFocus, _styledComponents.textAreaTokens.inputCaretColor, _styledComponents.textAreaTokens.placeholderColor, _styledComponents.textAreaTokens.placeholderColorFocus, _styledComponents.textAreaTokens.clearPlaceholderColorFocus, _styledComponents.textAreaTokens.leftHelperColor, _styledComponents.textAreaTokens.rightHelperColor, _styledComponents.textAreaTokens.indicatorColor, _styledComponents.textAreaTokens.optionalColor, _styledComponents.textAreaTokens.scrollbarThumbBackgroundColor, _styledComponents.textAreaTokens.scrollbarThumbBackgroundColorHover, _styledComponents.textAreaTokens.scrollbarThumbBackgroundColorActive, _styledComponents.textAreaTokens.scrollbarTrackBackgroundColor, _styledComponents.textAreaTokens.scrollbarTrackBackgroundColorActive, _styledComponents.textAreaTokens.scrollbarTrackBackgroundColorHover, _styledComponents.textAreaTokens.dividerColor, _styledComponents.textAreaTokens.dividerColorHover, _styledComponents.textAreaTokens.dividerColorFocus, _styledComponents.textAreaTokens.titleCaptionColor, _styledComponents.textAreaTokens.hintIconColor)
+      primary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--surface-transparent-primary-hover);\n                ", ": var(--surface-transparent-primary-active);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--surface-transparent-primary-hover);\n                ", ": var(--surface-transparent-primary-active);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\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-tertiary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--surface-transparent-tertiary);\n                ", ": var(--surface-transparent-tertiary-hover);\n                ", ": var(--surface-transparent-tertiary-active);\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--surface-transparent-primary-active);\n                ", ": var(--surface-transparent-primary-hover);\n\n                ", ": var(--surface-transparent-tertiary);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n            "])), _styledComponents.textAreaTokens.inputBackgroundColor, _styledComponents.textAreaTokens.inputBackgroundColorHover, _styledComponents.textAreaTokens.inputBackgroundColorActive, _styledComponents.textAreaTokens.inputBackgroundColorFocus, _styledComponents.textAreaTokens.helpersBackgroundColor, _styledComponents.textAreaTokens.helpersBackgroundColorHover, _styledComponents.textAreaTokens.helpersBackgroundColorActive, _styledComponents.textAreaTokens.helpersBackgroundColorFocus, _styledComponents.textAreaTokens.inputColor, _styledComponents.textAreaTokens.clearInputColor, _styledComponents.textAreaTokens.inputColorFocus, _styledComponents.textAreaTokens.inputCaretColor, _styledComponents.textAreaTokens.placeholderColor, _styledComponents.textAreaTokens.placeholderColorFocus, _styledComponents.textAreaTokens.clearPlaceholderColor, _styledComponents.textAreaTokens.clearPlaceholderColorFocus, _styledComponents.textAreaTokens.leftHelperColor, _styledComponents.textAreaTokens.rightHelperColor, _styledComponents.textAreaTokens.indicatorColor, _styledComponents.textAreaTokens.optionalColor, _styledComponents.textAreaTokens.scrollbarThumbBackgroundColor, _styledComponents.textAreaTokens.scrollbarThumbBackgroundColorHover, _styledComponents.textAreaTokens.scrollbarThumbBackgroundColorActive, _styledComponents.textAreaTokens.scrollbarTrackBackgroundColor, _styledComponents.textAreaTokens.scrollbarTrackBackgroundColorActive, _styledComponents.textAreaTokens.scrollbarTrackBackgroundColorHover, _styledComponents.textAreaTokens.dividerColor, _styledComponents.textAreaTokens.dividerColorHover, _styledComponents.textAreaTokens.dividerColorFocus, _styledComponents.textAreaTokens.titleCaptionColor, _styledComponents.textAreaTokens.hintIconColor),
+      warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-transparent-warning);\n                ", ": var(--surface-transparent-warning-hover);\n                ", ": var(--surface-transparent-warning-active);\n                ", ": var(--surface-transparent-warning);\n                ", ": var(--surface-transparent-warning);\n                ", ": var(--surface-transparent-warning-hover);\n                ", ": var(--surface-transparent-warning-active);\n                ", ": var(--surface-transparent-warning);\n                ", ": var(--text-primary);\n                ", ": var(--text-warning);\n                ", ": var(--text-warning);\n                ", ": var(--text-primary);\n                ", ": var(--text-warning);\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-warning);\n                ", ": var(--text-warning);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--surface-transparent-tertiary);\n                ", ": var(--surface-transparent-tertiary-hover);\n                ", ": var(--surface-transparent-tertiary-active);\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--surface-transparent-primary-active);\n                ", ": var(--surface-transparent-primary-hover);\n\n                ", ": var(--surface-warning);\n                ", ": var(--surface-warning);\n                ", ": var(--surface-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n            "])), _styledComponents.textAreaTokens.inputBackgroundColor, _styledComponents.textAreaTokens.inputBackgroundColorHover, _styledComponents.textAreaTokens.inputBackgroundColorActive, _styledComponents.textAreaTokens.inputBackgroundColorFocus, _styledComponents.textAreaTokens.helpersBackgroundColor, _styledComponents.textAreaTokens.helpersBackgroundColorHover, _styledComponents.textAreaTokens.helpersBackgroundColorActive, _styledComponents.textAreaTokens.helpersBackgroundColorFocus, _styledComponents.textAreaTokens.inputColor, _styledComponents.textAreaTokens.clearInputColor, _styledComponents.textAreaTokens.clearPlaceholderColor, _styledComponents.textAreaTokens.inputColorFocus, _styledComponents.textAreaTokens.inputCaretColor, _styledComponents.textAreaTokens.placeholderColor, _styledComponents.textAreaTokens.placeholderColorFocus, _styledComponents.textAreaTokens.clearPlaceholderColorFocus, _styledComponents.textAreaTokens.leftHelperColor, _styledComponents.textAreaTokens.rightHelperColor, _styledComponents.textAreaTokens.indicatorColor, _styledComponents.textAreaTokens.optionalColor, _styledComponents.textAreaTokens.scrollbarThumbBackgroundColor, _styledComponents.textAreaTokens.scrollbarThumbBackgroundColorHover, _styledComponents.textAreaTokens.scrollbarThumbBackgroundColorActive, _styledComponents.textAreaTokens.scrollbarTrackBackgroundColor, _styledComponents.textAreaTokens.scrollbarTrackBackgroundColorActive, _styledComponents.textAreaTokens.scrollbarTrackBackgroundColorHover, _styledComponents.textAreaTokens.dividerColor, _styledComponents.textAreaTokens.dividerColorHover, _styledComponents.textAreaTokens.dividerColorFocus, _styledComponents.textAreaTokens.titleCaptionColor, _styledComponents.textAreaTokens.hintIconColor),
+      negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-transparent-negative);\n                ", ": var(--surface-transparent-negative-hover);\n                ", ": var(--surface-transparent-negative-active);\n                ", ": var(--surface-transparent-negative);\n                ", ": var(--surface-transparent-negative);\n                ", ": var(--surface-transparent-negative-hover);\n                ", ": var(--surface-transparent-negative-active);\n                ", ": var(--surface-transparent-negative);\n                ", ": var(--text-primary);\n                ", ": var(--text-negative);\n                ", ": var(--text-negative);\n                ", ": var(--text-primary);\n                ", ": var(--text-negative);\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-negative);\n                ", ": var(--text-negative);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--surface-transparent-tertiary);\n                ", ": var(--surface-transparent-tertiary-hover);\n                ", ": var(--surface-transparent-tertiary-active);\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--surface-transparent-primary-active);\n                ", ": var(--surface-transparent-primary-hover);\n\n                ", ": var(--surface-negative);\n                ", ": var(--surface-negative);\n                ", ": var(--surface-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n            "])), _styledComponents.textAreaTokens.inputBackgroundColor, _styledComponents.textAreaTokens.inputBackgroundColorHover, _styledComponents.textAreaTokens.inputBackgroundColorActive, _styledComponents.textAreaTokens.inputBackgroundColorFocus, _styledComponents.textAreaTokens.helpersBackgroundColor, _styledComponents.textAreaTokens.helpersBackgroundColorHover, _styledComponents.textAreaTokens.helpersBackgroundColorActive, _styledComponents.textAreaTokens.helpersBackgroundColorFocus, _styledComponents.textAreaTokens.inputColor, _styledComponents.textAreaTokens.clearInputColor, _styledComponents.textAreaTokens.clearPlaceholderColor, _styledComponents.textAreaTokens.inputColorFocus, _styledComponents.textAreaTokens.inputCaretColor, _styledComponents.textAreaTokens.placeholderColor, _styledComponents.textAreaTokens.placeholderColorFocus, _styledComponents.textAreaTokens.clearPlaceholderColorFocus, _styledComponents.textAreaTokens.leftHelperColor, _styledComponents.textAreaTokens.rightHelperColor, _styledComponents.textAreaTokens.indicatorColor, _styledComponents.textAreaTokens.optionalColor, _styledComponents.textAreaTokens.scrollbarThumbBackgroundColor, _styledComponents.textAreaTokens.scrollbarThumbBackgroundColorHover, _styledComponents.textAreaTokens.scrollbarThumbBackgroundColorActive, _styledComponents.textAreaTokens.scrollbarTrackBackgroundColor, _styledComponents.textAreaTokens.scrollbarTrackBackgroundColorActive, _styledComponents.textAreaTokens.scrollbarTrackBackgroundColorHover, _styledComponents.textAreaTokens.dividerColor, _styledComponents.textAreaTokens.dividerColorHover, _styledComponents.textAreaTokens.dividerColorFocus, _styledComponents.textAreaTokens.titleCaptionColor, _styledComponents.textAreaTokens.hintIconColor)
     },
     hintView: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-solid-card-brightness);\n                ", ": var(--shadow-down-hard-m);\n                ", ": var(--text-primary);\n                ", ": var(--surface-solid-card-brightness);\n            "])), _styledComponents.textAreaTokens.tooltipBackgroundColor, _styledComponents.textAreaTokens.tooltipBoxShadow, _styledComponents.textAreaTokens.tooltipColor, _styledComponents.textAreaTokens.tooltipArrowBackground)
+      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-solid-card-brightness);\n                ", ": var(--shadow-down-hard-m);\n                ", ": var(--text-primary);\n                ", ": var(--surface-solid-card-brightness);\n            "])), _styledComponents.textAreaTokens.tooltipBackgroundColor, _styledComponents.textAreaTokens.tooltipBoxShadow, _styledComponents.textAreaTokens.tooltipColor, _styledComponents.textAreaTokens.tooltipArrowBackground)
     },
     hintSize: {
-      m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.688rem;\n                ", ": 0.875rem;\n                ", ": 0.688rem;\n                ", ": 0.875rem;\n\n                ", ": 2.5rem;\n                ", ": 0.625rem;\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.375rem;\n\n                ", ": 1.25rem;\n                ", ": 1.25rem;\n                /* stylelint-disable-next-line */\n                ", ": url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n                ", ": 0.5rem;\n                ", ": 0.625rem;\n            "])), _styledComponents.textAreaTokens.tooltipPaddingTop, _styledComponents.textAreaTokens.tooltipPaddingRight, _styledComponents.textAreaTokens.tooltipPaddingBottom, _styledComponents.textAreaTokens.tooltipPaddingLeft, _styledComponents.textAreaTokens.tooltipMinHeight, _styledComponents.textAreaTokens.tooltipBorderRadius, _styledComponents.textAreaTokens.tooltipTextFontFamily, _styledComponents.textAreaTokens.tooltipTextFontSize, _styledComponents.textAreaTokens.tooltipTextFontStyle, _styledComponents.textAreaTokens.tooltipTextFontWeight, _styledComponents.textAreaTokens.tooltipTextFontLetterSpacing, _styledComponents.textAreaTokens.tooltipTextFontLineHeight, _styledComponents.textAreaTokens.tooltipContentLeftMargin, _styledComponents.textAreaTokens.tooltipArrowMaskWidth, _styledComponents.textAreaTokens.tooltipArrowMaskHeight, _styledComponents.textAreaTokens.tooltipArrowMaskImage, _styledComponents.textAreaTokens.tooltipArrowHeight, _styledComponents.textAreaTokens.tooltipArrowEdgeMargin),
-      s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.5rem;\n                ", ": 0.75rem;\n                ", ": 0.5rem;\n                ", ": 0.75rem;\n\n                ", ": 2rem;\n                ", ": 0.5rem;\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.25rem;\n\n                ", ": 1rem;\n                ", ": 1rem;\n                /* stylelint-disable-next-line */\n                ", ": url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n                ", ": 0.375rem;\n                ", ": 0.563rem;\n            "])), _styledComponents.textAreaTokens.tooltipPaddingTop, _styledComponents.textAreaTokens.tooltipPaddingRight, _styledComponents.textAreaTokens.tooltipPaddingBottom, _styledComponents.textAreaTokens.tooltipPaddingLeft, _styledComponents.textAreaTokens.tooltipMinHeight, _styledComponents.textAreaTokens.tooltipBorderRadius, _styledComponents.textAreaTokens.tooltipTextFontFamily, _styledComponents.textAreaTokens.tooltipTextFontSize, _styledComponents.textAreaTokens.tooltipTextFontStyle, _styledComponents.textAreaTokens.tooltipTextFontWeight, _styledComponents.textAreaTokens.tooltipTextFontLetterSpacing, _styledComponents.textAreaTokens.tooltipTextFontLineHeight, _styledComponents.textAreaTokens.tooltipContentLeftMargin, _styledComponents.textAreaTokens.tooltipArrowMaskWidth, _styledComponents.textAreaTokens.tooltipArrowMaskHeight, _styledComponents.textAreaTokens.tooltipArrowMaskImage, _styledComponents.textAreaTokens.tooltipArrowHeight, _styledComponents.textAreaTokens.tooltipArrowEdgeMargin)
+      m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.688rem;\n                ", ": 0.875rem;\n                ", ": 0.688rem;\n                ", ": 0.875rem;\n\n                ", ": 2.5rem;\n                ", ": 0.625rem;\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.375rem;\n\n                ", ": 1.25rem;\n                ", ": 1.25rem;\n                /* stylelint-disable-next-line */\n                ", ": url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n                ", ": 0.5rem;\n                ", ": 0.625rem;\n            "])), _styledComponents.textAreaTokens.tooltipPaddingTop, _styledComponents.textAreaTokens.tooltipPaddingRight, _styledComponents.textAreaTokens.tooltipPaddingBottom, _styledComponents.textAreaTokens.tooltipPaddingLeft, _styledComponents.textAreaTokens.tooltipMinHeight, _styledComponents.textAreaTokens.tooltipBorderRadius, _styledComponents.textAreaTokens.tooltipTextFontFamily, _styledComponents.textAreaTokens.tooltipTextFontSize, _styledComponents.textAreaTokens.tooltipTextFontStyle, _styledComponents.textAreaTokens.tooltipTextFontWeight, _styledComponents.textAreaTokens.tooltipTextFontLetterSpacing, _styledComponents.textAreaTokens.tooltipTextFontLineHeight, _styledComponents.textAreaTokens.tooltipContentLeftMargin, _styledComponents.textAreaTokens.tooltipArrowMaskWidth, _styledComponents.textAreaTokens.tooltipArrowMaskHeight, _styledComponents.textAreaTokens.tooltipArrowMaskImage, _styledComponents.textAreaTokens.tooltipArrowHeight, _styledComponents.textAreaTokens.tooltipArrowEdgeMargin),
+      s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.5rem;\n                ", ": 0.75rem;\n                ", ": 0.5rem;\n                ", ": 0.75rem;\n\n                ", ": 2rem;\n                ", ": 0.5rem;\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.25rem;\n\n                ", ": 1rem;\n                ", ": 1rem;\n                /* stylelint-disable-next-line */\n                ", ": url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n                ", ": 0.375rem;\n                ", ": 0.563rem;\n            "])), _styledComponents.textAreaTokens.tooltipPaddingTop, _styledComponents.textAreaTokens.tooltipPaddingRight, _styledComponents.textAreaTokens.tooltipPaddingBottom, _styledComponents.textAreaTokens.tooltipPaddingLeft, _styledComponents.textAreaTokens.tooltipMinHeight, _styledComponents.textAreaTokens.tooltipBorderRadius, _styledComponents.textAreaTokens.tooltipTextFontFamily, _styledComponents.textAreaTokens.tooltipTextFontSize, _styledComponents.textAreaTokens.tooltipTextFontStyle, _styledComponents.textAreaTokens.tooltipTextFontWeight, _styledComponents.textAreaTokens.tooltipTextFontLetterSpacing, _styledComponents.textAreaTokens.tooltipTextFontLineHeight, _styledComponents.textAreaTokens.tooltipContentLeftMargin, _styledComponents.textAreaTokens.tooltipArrowMaskWidth, _styledComponents.textAreaTokens.tooltipArrowMaskHeight, _styledComponents.textAreaTokens.tooltipArrowMaskImage, _styledComponents.textAreaTokens.tooltipArrowHeight, _styledComponents.textAreaTokens.tooltipArrowEdgeMargin)
     },
     clear: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteral([""])))
+      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral([""])))
     },
     disabled: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject15 || (_templateObject15 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.4;\n                ", ": var(--text-secondary);\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--text-secondary);\n            "])), _styledComponents.textAreaTokens.disabledOpacity, _styledComponents.textAreaTokens.inputColorDisabled, _styledComponents.textAreaTokens.dividerColorReadOnly, _styledComponents.textAreaTokens.titleCaptionColorReadOnly)
+      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.4;\n                ", ": var(--text-secondary);\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--text-secondary);\n            "])), _styledComponents.textAreaTokens.disabledOpacity, _styledComponents.textAreaTokens.inputColorDisabled, _styledComponents.textAreaTokens.dividerColorReadOnly, _styledComponents.textAreaTokens.titleCaptionColorReadOnly)
     }
   }
 };

package/components/TextArea/TextArea.d.ts

@@ -8,7 +8,6 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
         s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        xl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
     view: {
         default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;

package/es/components/TextArea/TextArea.config.js

@@ -1,4 +1,4 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import { css, textAreaTokens } from '@salutejs/plasma-new-hope/styled-components';
 export var config = {
@@ -11,32 +11,31 @@ export var config = {
       xs: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 100%;\n                ", ": 7.312rem;\n                ", ": 0.625rem;\n                ", ": 0.5rem;\n                ", ": 0.5rem 0.5rem 0 0;\n                ", ": 0.563rem;\n                ", ": 0.625rem;\n                ", ": 2.125rem;\n                ", ": 1.5rem;\n                ", ": 0.563rem;\n                ", ": 0.625rem;\n                ", ": 0.5rem;\n                ", ": 0.25rem;\n                ", ": 0.625rem;\n                ", ": 0.563rem;\n                ", ": 0.625rem;\n                ", ": 0rem;\n                ", ": 0.563rem;\n                ", ": 0.5rem;\n                ", ": 1rem;\n                ", ": 0.375rem;\n                ", ": 0.25rem;\n                ", ": var(--plasma-typo-body-xxs-font-family);\n                ", ": var(--plasma-typo-body-xxs-font-size);\n                ", ": var(--plasma-typo-body-xxs-font-style);\n                ", ": var(--plasma-typo-body-xxs-font-weight);\n                ", ": var(--plasma-typo-body-xxs-letter-spacing);\n                ", ": var(--plasma-typo-body-xxs-line-height);\n                ", ": 0rem;\n                ", ": 0rem;\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                ", ": 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                ", ": 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                ", ": 0.813rem auto auto -0.625rem;\n                ", ": 0.813rem -0.625rem auto auto;\n                ", ": 0.813rem -1.988rem auto auto;\n\n                ", ": 0.188rem;\n                ", ": 0.063rem;\n\n                ", ": -0.75rem -0.625rem -0.75rem -0.5rem;\n                ", ": 2.375rem;\n                ", ": -0.188rem -2.188rem auto auto;\n                ", ": -0.188rem -1.938rem auto auto;\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            "])), textAreaTokens.inputWidth, textAreaTokens.inputHeight, textAreaTokens.inputMinHeight, textAreaTokens.borderRadius, textAreaTokens.borderRadiusWithHelpers, textAreaTokens.inputPaddingTop, textAreaTokens.inputPaddingRight, textAreaTokens.inputPaddingRightWithRightContent, textAreaTokens.clearInputPaddingRightWithRightContent, textAreaTokens.inputPaddingBottom, textAreaTokens.inputPaddingLeft, textAreaTokens.helpersPaddingTop, textAreaTokens.clearHelpersPaddingTop, textAreaTokens.helpersPaddingRight, textAreaTokens.helpersPaddingBottom, textAreaTokens.helpersPaddingLeft, textAreaTokens.helpersOffset, textAreaTokens.rightContentTop, textAreaTokens.rightContentRight, textAreaTokens.rightContentHeight, textAreaTokens.labelMarginBottom, textAreaTokens.clearLabelMarginBottom, textAreaTokens.labelInnerFontFamily, textAreaTokens.labelInnerFontSize, textAreaTokens.labelInnerFontStyle, textAreaTokens.labelInnerFontWeight, textAreaTokens.labelInnerLetterSpacing, textAreaTokens.labelInnerLineHeight, textAreaTokens.labelInnerTop, textAreaTokens.labelInnerMarginBottom, textAreaTokens.inputFontFamily, textAreaTokens.inputFontSize, textAreaTokens.inputFontStyle, textAreaTokens.inputFontWeight, textAreaTokens.inputLetterSpacing, textAreaTokens.inputLineHeight, textAreaTokens.helpersFontFamily, textAreaTokens.helpersFontSize, textAreaTokens.helpersFontStyle, textAreaTokens.helpersFontWeight, textAreaTokens.helpersLetterSpacing, textAreaTokens.helpersLineHeight, textAreaTokens.indicatorSizeInner, textAreaTokens.indicatorSizeOuter, textAreaTokens.indicatorLabelPlacementInner, textAreaTokens.indicatorLabelPlacementOuter, textAreaTokens.indicatorLabelPlacementInnerRight, textAreaTokens.indicatorLabelPlacementOuterRight, textAreaTokens.clearIndicatorLabelPlacementInner, textAreaTokens.clearIndicatorLabelPlacementInnerRight, textAreaTokens.clearIndicatorHintInnerRight, textAreaTokens.scrollbarWidth, textAreaTokens.scrollbarBorderWidth, textAreaTokens.hintMargin, textAreaTokens.hintTargetSize, textAreaTokens.hintInnerLabelPlacementOffset, textAreaTokens.clearHintInnerLabelPlacementOffset, textAreaTokens.titleCaptionInnerLabelOffset, textAreaTokens.titleCaptionFontFamily, textAreaTokens.titleCaptionFontSize, textAreaTokens.titleCaptionFontStyle, textAreaTokens.titleCaptionFontWeight, textAreaTokens.titleCaptionLetterSpacing, textAreaTokens.titleCaptionLineHeight),
       s: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 100%;\n                ", ": 7.187rem;\n                ", ": 0.625rem;\n                ", ": 0.625rem;\n                ", ": 0.625rem 0.625rem 0 0;\n                ", ": 0.688rem;\n                ", ": 0.875rem;\n                ", ": 3.125rem;\n                ", ": 2rem;\n                ", ": 0.75rem;\n                ", ": 0.875rem;\n                ", ": 0.75rem;\n                ", ": 0.25rem;\n                ", ": 0.875rem;\n                ", ": 0.75rem;\n                ", ": 0.875rem;\n                ", ": 0rem;\n                ", ": 0.688rem;\n                ", ": 0.75rem;\n                ", ": 1.25rem;\n                ", ": 0.5rem;\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                ", ": 0.375rem;\n                ", ": 0.125rem;\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                ", ": 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                ", ": 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                ", ": 1.063rem auto auto -0.75rem;\n                ", ": 1.063rem -0.75rem auto auto;\n                ", ": 1.063rem -2.238rem auto auto;\n\n                ", ": 0.188rem;\n                ", ": 0.063rem;\n\n                ", ": -0.688rem -0.5rem;\n                ", ": 2.375rem;\n                ", ": 0.062rem -2.688rem auto auto;\n                ", ": 0.062rem -2.063rem auto auto;\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            "])), textAreaTokens.inputWidth, textAreaTokens.inputHeight, textAreaTokens.inputMinHeight, textAreaTokens.borderRadius, textAreaTokens.borderRadiusWithHelpers, textAreaTokens.inputPaddingTop, textAreaTokens.inputPaddingRight, textAreaTokens.inputPaddingRightWithRightContent, textAreaTokens.clearInputPaddingRightWithRightContent, textAreaTokens.inputPaddingBottom, textAreaTokens.inputPaddingLeft, textAreaTokens.helpersPaddingTop, textAreaTokens.clearHelpersPaddingTop, textAreaTokens.helpersPaddingRight, textAreaTokens.helpersPaddingBottom, textAreaTokens.helpersPaddingLeft, textAreaTokens.helpersOffset, textAreaTokens.rightContentTop, textAreaTokens.rightContentRight, textAreaTokens.rightContentHeight, textAreaTokens.labelMarginBottom, textAreaTokens.clearLabelMarginBottom, textAreaTokens.labelInnerFontFamily, textAreaTokens.labelInnerFontSize, textAreaTokens.labelInnerFontStyle, textAreaTokens.labelInnerFontWeight, textAreaTokens.labelInnerLetterSpacing, textAreaTokens.labelInnerLineHeight, textAreaTokens.labelInnerTop, textAreaTokens.labelInnerMarginBottom, textAreaTokens.inputFontFamily, textAreaTokens.inputFontSize, textAreaTokens.inputFontStyle, textAreaTokens.inputFontWeight, textAreaTokens.inputLetterSpacing, textAreaTokens.inputLineHeight, textAreaTokens.helpersFontFamily, textAreaTokens.helpersFontSize, textAreaTokens.helpersFontStyle, textAreaTokens.helpersFontWeight, textAreaTokens.helpersLetterSpacing, textAreaTokens.helpersLineHeight, textAreaTokens.indicatorSizeInner, textAreaTokens.indicatorSizeOuter, textAreaTokens.indicatorLabelPlacementInner, textAreaTokens.indicatorLabelPlacementOuter, textAreaTokens.indicatorLabelPlacementInnerRight, textAreaTokens.indicatorLabelPlacementOuterRight, textAreaTokens.clearIndicatorLabelPlacementInner, textAreaTokens.clearIndicatorLabelPlacementInnerRight, textAreaTokens.clearIndicatorHintInnerRight, textAreaTokens.scrollbarWidth, textAreaTokens.scrollbarBorderWidth, textAreaTokens.hintMargin, textAreaTokens.hintTargetSize, textAreaTokens.hintInnerLabelPlacementOffset, textAreaTokens.clearHintInnerLabelPlacementOffset, textAreaTokens.titleCaptionInnerLabelOffset, textAreaTokens.titleCaptionFontFamily, textAreaTokens.titleCaptionFontSize, textAreaTokens.titleCaptionFontStyle, textAreaTokens.titleCaptionFontWeight, textAreaTokens.titleCaptionLetterSpacing, textAreaTokens.titleCaptionLineHeight),
       m: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 100%;\n                ", ": 7rem;\n                ", ": 1.125rem;\n                ", ": 0.75rem;\n                ", ": 0.75rem 0.75rem 0 0;\n                ", ": 0.875rem;\n                ", ": 1rem;\n                ", ": 3.375rem;\n                ", ": 2.125rem;\n                ", ": 0.75rem;\n                ", ": 1rem;\n                ", ": 0.75rem;\n                ", ": 0.25rem;\n                ", ": 1rem;\n                ", ": 0.75rem;\n                ", ": 1rem;\n                ", ": 0rem;\n                ", ": 0.875rem;\n                ", ": 0.875rem;\n                ", ": 1.25rem;\n                ", ": 0.625rem;\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                ", ": 0.375rem;\n                ", ": 0.125rem;\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                ", ": 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                ", ": 0.5rem;\n                ", ": 0.375rem;\n                ", ": 0 0 0 0;\n                /* stylelint-disable-next-line number-max-precision */\n                ", ": 0.4375rem auto auto -0.675rem;\n                ", ": 0 0 auto auto;\n                /* stylelint-disable-next-line number-max-precision */\n                ", ": 0.1875rem -0.625rem auto auto;\n                ", ": 1.25rem auto auto -0.875rem;\n                ", ": 1.25rem -0.875rem auto auto;\n                ", ": 1.25rem -2.488rem auto auto;\n\n                ", ": 0.188rem;\n                ", ": 0.063rem;\n\n                ", ": -0.688rem -0.5rem;\n                ", ": 2.375rem;\n                ", ":0.312rem -2.813rem auto auto;\n                ", ": 0.312rem -2.063rem auto auto;\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            "])), textAreaTokens.inputWidth, textAreaTokens.inputHeight, textAreaTokens.inputMinHeight, textAreaTokens.borderRadius, textAreaTokens.borderRadiusWithHelpers, textAreaTokens.inputPaddingTop, textAreaTokens.inputPaddingRight, textAreaTokens.inputPaddingRightWithRightContent, textAreaTokens.clearInputPaddingRightWithRightContent, textAreaTokens.inputPaddingBottom, textAreaTokens.inputPaddingLeft, textAreaTokens.helpersPaddingTop, textAreaTokens.clearHelpersPaddingTop, textAreaTokens.helpersPaddingRight, textAreaTokens.helpersPaddingBottom, textAreaTokens.helpersPaddingLeft, textAreaTokens.helpersOffset, textAreaTokens.rightContentTop, textAreaTokens.rightContentRight, textAreaTokens.rightContentHeight, textAreaTokens.labelMarginBottom, textAreaTokens.clearLabelMarginBottom, textAreaTokens.labelInnerFontFamily, textAreaTokens.labelInnerFontSize, textAreaTokens.labelInnerFontStyle, textAreaTokens.labelInnerFontWeight, textAreaTokens.labelInnerLetterSpacing, textAreaTokens.labelInnerLineHeight, textAreaTokens.labelInnerTop, textAreaTokens.labelInnerMarginBottom, textAreaTokens.inputFontFamily, textAreaTokens.inputFontSize, textAreaTokens.inputFontStyle, textAreaTokens.inputFontWeight, textAreaTokens.inputLetterSpacing, textAreaTokens.inputLineHeight, textAreaTokens.helpersFontFamily, textAreaTokens.helpersFontSize, textAreaTokens.helpersFontStyle, textAreaTokens.helpersFontWeight, textAreaTokens.helpersLetterSpacing, textAreaTokens.helpersLineHeight, textAreaTokens.indicatorSizeInner, textAreaTokens.indicatorSizeOuter, textAreaTokens.indicatorLabelPlacementInner, textAreaTokens.indicatorLabelPlacementOuter, textAreaTokens.indicatorLabelPlacementInnerRight, textAreaTokens.indicatorLabelPlacementOuterRight, textAreaTokens.clearIndicatorLabelPlacementInner, textAreaTokens.clearIndicatorLabelPlacementInnerRight, textAreaTokens.clearIndicatorHintInnerRight, textAreaTokens.scrollbarWidth, textAreaTokens.scrollbarBorderWidth, textAreaTokens.hintMargin, textAreaTokens.hintTargetSize, textAreaTokens.hintInnerLabelPlacementOffset, textAreaTokens.clearHintInnerLabelPlacementOffset, textAreaTokens.titleCaptionInnerLabelOffset, textAreaTokens.titleCaptionFontFamily, textAreaTokens.titleCaptionFontSize, textAreaTokens.titleCaptionFontStyle, textAreaTokens.titleCaptionFontWeight, textAreaTokens.titleCaptionLetterSpacing, textAreaTokens.titleCaptionLineHeight),
-      l: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 100%;\n                ", ": 6.812rem;\n                ", ": 1.625rem;\n                ", ": 0.875rem;\n                ", ": 0.875rem 0.875rem 0 0;\n                ", ": 1.063rem;\n                ", ": 1.125rem;\n                ", ": 3.625rem;\n                ", ": 2.25rem;\n                ", ": 0.75rem;\n                ", ": 1.125rem;\n                ", ": 0.75rem;\n                ", ": 0.25rem;\n                ", ": 1.125rem;\n                ", ": 0.75rem;\n                ", ": 1.125rem;\n                ", ": 0rem;\n                ", ": 1.063rem;\n                ", ": 1rem;\n                ", ": 1.25rem;\n                ", ": 0.75rem;\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                ", ": 0.563rem;\n                ", ": 0.125rem;\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-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                ", ": 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                ", ": 1.5rem auto auto -0.875rem;\n                ", ": 1.5rem -0.875rem auto auto;\n                ", ": 1.5rem -2.488rem auto auto;\n\n                ", ": 0.188rem;\n                ", ": 0.063rem;\n\n                ", ": -0.688rem -0.5rem;\n                ", ": 2.375rem;\n                ", ": 0.563rem -2.938rem auto auto;\n                ", ": 0.562rem -2.063rem auto auto;\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            "])), textAreaTokens.inputWidth, textAreaTokens.inputHeight, textAreaTokens.inputMinHeight, textAreaTokens.borderRadius, textAreaTokens.borderRadiusWithHelpers, textAreaTokens.inputPaddingTop, textAreaTokens.inputPaddingRight, textAreaTokens.inputPaddingRightWithRightContent, textAreaTokens.clearInputPaddingRightWithRightContent, textAreaTokens.inputPaddingBottom, textAreaTokens.inputPaddingLeft, textAreaTokens.helpersPaddingTop, textAreaTokens.clearHelpersPaddingTop, textAreaTokens.helpersPaddingRight, textAreaTokens.helpersPaddingBottom, textAreaTokens.helpersPaddingLeft, textAreaTokens.helpersOffset, textAreaTokens.rightContentTop, textAreaTokens.rightContentRight, textAreaTokens.rightContentHeight, textAreaTokens.labelMarginBottom, textAreaTokens.clearLabelMarginBottom, textAreaTokens.labelInnerFontFamily, textAreaTokens.labelInnerFontSize, textAreaTokens.labelInnerFontStyle, textAreaTokens.labelInnerFontWeight, textAreaTokens.labelInnerLetterSpacing, textAreaTokens.labelInnerLineHeight, textAreaTokens.labelInnerTop, textAreaTokens.labelInnerMarginBottom, textAreaTokens.inputFontFamily, textAreaTokens.inputFontSize, textAreaTokens.inputFontStyle, textAreaTokens.inputFontWeight, textAreaTokens.inputLetterSpacing, textAreaTokens.inputLineHeight, textAreaTokens.helpersFontFamily, textAreaTokens.helpersFontSize, textAreaTokens.helpersFontStyle, textAreaTokens.helpersFontWeight, textAreaTokens.helpersLetterSpacing, textAreaTokens.helpersLineHeight, textAreaTokens.indicatorSizeInner, textAreaTokens.indicatorSizeOuter, textAreaTokens.indicatorLabelPlacementInner, textAreaTokens.indicatorLabelPlacementOuter, textAreaTokens.indicatorLabelPlacementInnerRight, textAreaTokens.indicatorLabelPlacementOuterRight, textAreaTokens.clearIndicatorLabelPlacementInner, textAreaTokens.clearIndicatorLabelPlacementInnerRight, textAreaTokens.clearIndicatorHintInnerRight, textAreaTokens.scrollbarWidth, textAreaTokens.scrollbarBorderWidth, textAreaTokens.hintMargin, textAreaTokens.hintTargetSize, textAreaTokens.hintInnerLabelPlacementOffset, textAreaTokens.clearHintInnerLabelPlacementOffset, textAreaTokens.titleCaptionInnerLabelOffset, textAreaTokens.titleCaptionFontFamily, textAreaTokens.titleCaptionFontSize, textAreaTokens.titleCaptionFontStyle, textAreaTokens.titleCaptionFontWeight, textAreaTokens.titleCaptionLetterSpacing, textAreaTokens.titleCaptionLineHeight),
-      xl: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 100%;\n                ", ": 6.812rem;\n                ", ": 1.625rem;\n                ", ": 1rem;\n                ", ": 1rem 1rem 0 0;\n                ", ": 1.313rem;\n                ", ": 1.25rem;\n                ", ": 3.5rem;\n                ", ": 2.5rem;\n                ", ": 0.75rem;\n                ", ": 1.25rem;\n                ", ": 0.75rem;\n                ", ": 0.25rem;\n                ", ": 1.25rem;\n                ", ": 0.875rem;\n                ", ": 1.25rem;\n                ", ": 0rem;\n                ", ": 1.25rem;\n                ", ": 1.25rem;\n                ", ": 1.5rem;\n                ", ": 0.75rem;\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                ", ": 0.813rem;\n                ", ": -0.313rem;\n                ", ": 0.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                ", ": 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                ", ": 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                ", ": -0.25rem;\n                ", ": 1.5rem auto auto -0.875rem;\n                ", ": 1.5rem -0.875rem auto auto;\n\n                ", ": 0.188rem;\n                ", ": 0.063rem;\n\n                ", ": -0.688rem -0.5rem;\n                ", ": 2.375rem;\n                ", ": 0.751rem -2.938rem auto auto;\n                ", ": 0.751rem -2.188rem auto auto;\n                ", ": 1.5rem -2.488rem auto auto;\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            "])), textAreaTokens.inputWidth, textAreaTokens.inputHeight, textAreaTokens.inputMinHeight, textAreaTokens.borderRadius, textAreaTokens.borderRadiusWithHelpers, textAreaTokens.inputPaddingTop, textAreaTokens.inputPaddingRight, textAreaTokens.inputPaddingRightWithRightContent, textAreaTokens.clearInputPaddingRightWithRightContent, textAreaTokens.inputPaddingBottom, textAreaTokens.inputPaddingLeft, textAreaTokens.helpersPaddingTop, textAreaTokens.clearHelpersPaddingTop, textAreaTokens.helpersPaddingRight, textAreaTokens.helpersPaddingBottom, textAreaTokens.helpersPaddingLeft, textAreaTokens.helpersOffset, textAreaTokens.rightContentTop, textAreaTokens.rightContentRight, textAreaTokens.rightContentHeight, textAreaTokens.labelMarginBottom, textAreaTokens.clearLabelMarginBottom, textAreaTokens.labelInnerFontFamily, textAreaTokens.labelInnerFontSize, textAreaTokens.labelInnerFontStyle, textAreaTokens.labelInnerFontWeight, textAreaTokens.labelInnerLetterSpacing, textAreaTokens.labelInnerLineHeight, textAreaTokens.labelInnerTop, textAreaTokens.labelInnerTopHelper, textAreaTokens.labelInnerMarginBottom, textAreaTokens.inputFontFamily, textAreaTokens.inputFontSize, textAreaTokens.inputFontStyle, textAreaTokens.inputFontWeight, textAreaTokens.inputLetterSpacing, textAreaTokens.inputLineHeight, textAreaTokens.helpersFontFamily, textAreaTokens.helpersFontSize, textAreaTokens.helpersFontStyle, textAreaTokens.helpersFontWeight, textAreaTokens.helpersLetterSpacing, textAreaTokens.helpersLineHeight, textAreaTokens.indicatorSizeInner, textAreaTokens.indicatorSizeOuter, textAreaTokens.indicatorLabelPlacementInner, textAreaTokens.indicatorLabelPlacementOuter, textAreaTokens.indicatorLabelPlacementInnerRight, textAreaTokens.indicatorLabelPlacementOuterRight, textAreaTokens.indicatorLabelPlacementHintOuterRight, textAreaTokens.clearIndicatorLabelPlacementInner, textAreaTokens.clearIndicatorLabelPlacementInnerRight, textAreaTokens.scrollbarWidth, textAreaTokens.scrollbarBorderWidth, textAreaTokens.hintMargin, textAreaTokens.hintTargetSize, textAreaTokens.hintInnerLabelPlacementOffset, textAreaTokens.clearHintInnerLabelPlacementOffset, textAreaTokens.clearIndicatorHintInnerRight, textAreaTokens.titleCaptionInnerLabelOffset, textAreaTokens.titleCaptionFontFamily, textAreaTokens.titleCaptionFontSize, textAreaTokens.titleCaptionFontStyle, textAreaTokens.titleCaptionFontWeight, textAreaTokens.titleCaptionLetterSpacing, textAreaTokens.titleCaptionLineHeight)
+      l: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 100%;\n                ", ": 6.812rem;\n                ", ": 1.625rem;\n                ", ": 0.875rem;\n                ", ": 0.875rem 0.875rem 0 0;\n                ", ": 1.063rem;\n                ", ": 1.125rem;\n                ", ": 3.625rem;\n                ", ": 2.25rem;\n                ", ": 0.75rem;\n                ", ": 1.125rem;\n                ", ": 0.75rem;\n                ", ": 0.25rem;\n                ", ": 1.125rem;\n                ", ": 0.75rem;\n                ", ": 1.125rem;\n                ", ": 0rem;\n                ", ": 1.063rem;\n                ", ": 1rem;\n                ", ": 1.25rem;\n                ", ": 0.75rem;\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                ", ": 0.563rem;\n                ", ": 0.125rem;\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-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                ", ": 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                ", ": 1.5rem auto auto -0.875rem;\n                ", ": 1.5rem -0.875rem auto auto;\n                ", ": 1.5rem -2.488rem auto auto;\n\n                ", ": 0.188rem;\n                ", ": 0.063rem;\n\n                ", ": -0.688rem -0.5rem;\n                ", ": 2.375rem;\n                ", ": 0.563rem -2.938rem auto auto;\n                ", ": 0.562rem -2.063rem auto auto;\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            "])), textAreaTokens.inputWidth, textAreaTokens.inputHeight, textAreaTokens.inputMinHeight, textAreaTokens.borderRadius, textAreaTokens.borderRadiusWithHelpers, textAreaTokens.inputPaddingTop, textAreaTokens.inputPaddingRight, textAreaTokens.inputPaddingRightWithRightContent, textAreaTokens.clearInputPaddingRightWithRightContent, textAreaTokens.inputPaddingBottom, textAreaTokens.inputPaddingLeft, textAreaTokens.helpersPaddingTop, textAreaTokens.clearHelpersPaddingTop, textAreaTokens.helpersPaddingRight, textAreaTokens.helpersPaddingBottom, textAreaTokens.helpersPaddingLeft, textAreaTokens.helpersOffset, textAreaTokens.rightContentTop, textAreaTokens.rightContentRight, textAreaTokens.rightContentHeight, textAreaTokens.labelMarginBottom, textAreaTokens.clearLabelMarginBottom, textAreaTokens.labelInnerFontFamily, textAreaTokens.labelInnerFontSize, textAreaTokens.labelInnerFontStyle, textAreaTokens.labelInnerFontWeight, textAreaTokens.labelInnerLetterSpacing, textAreaTokens.labelInnerLineHeight, textAreaTokens.labelInnerTop, textAreaTokens.labelInnerMarginBottom, textAreaTokens.inputFontFamily, textAreaTokens.inputFontSize, textAreaTokens.inputFontStyle, textAreaTokens.inputFontWeight, textAreaTokens.inputLetterSpacing, textAreaTokens.inputLineHeight, textAreaTokens.helpersFontFamily, textAreaTokens.helpersFontSize, textAreaTokens.helpersFontStyle, textAreaTokens.helpersFontWeight, textAreaTokens.helpersLetterSpacing, textAreaTokens.helpersLineHeight, textAreaTokens.indicatorSizeInner, textAreaTokens.indicatorSizeOuter, textAreaTokens.indicatorLabelPlacementInner, textAreaTokens.indicatorLabelPlacementOuter, textAreaTokens.indicatorLabelPlacementInnerRight, textAreaTokens.indicatorLabelPlacementOuterRight, textAreaTokens.clearIndicatorLabelPlacementInner, textAreaTokens.clearIndicatorLabelPlacementInnerRight, textAreaTokens.clearIndicatorHintInnerRight, textAreaTokens.scrollbarWidth, textAreaTokens.scrollbarBorderWidth, textAreaTokens.hintMargin, textAreaTokens.hintTargetSize, textAreaTokens.hintInnerLabelPlacementOffset, textAreaTokens.clearHintInnerLabelPlacementOffset, textAreaTokens.titleCaptionInnerLabelOffset, textAreaTokens.titleCaptionFontFamily, textAreaTokens.titleCaptionFontSize, textAreaTokens.titleCaptionFontStyle, textAreaTokens.titleCaptionFontWeight, textAreaTokens.titleCaptionLetterSpacing, textAreaTokens.titleCaptionLineHeight)
     },
     view: {
-      "default": /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--surface-transparent-primary-hover);\n                ", ": var(--surface-transparent-primary-active);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--surface-transparent-primary-hover);\n                ", ": var(--surface-transparent-primary-active);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\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-tertiary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--surface-transparent-tertiary);\n                ", ": var(--surface-transparent-tertiary-hover);\n                ", ": var(--surface-transparent-tertiary-active);\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--surface-transparent-primary-active);\n                ", ": var(--surface-transparent-primary-hover);\n\n                ", ": var(--surface-transparent-tertiary);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n            "])), textAreaTokens.inputBackgroundColor, textAreaTokens.inputBackgroundColorHover, textAreaTokens.inputBackgroundColorActive, textAreaTokens.inputBackgroundColorFocus, textAreaTokens.helpersBackgroundColor, textAreaTokens.helpersBackgroundColorHover, textAreaTokens.helpersBackgroundColorActive, textAreaTokens.helpersBackgroundColorFocus, textAreaTokens.inputColor, textAreaTokens.clearInputColor, textAreaTokens.inputColorFocus, textAreaTokens.inputCaretColor, textAreaTokens.placeholderColor, textAreaTokens.placeholderColorFocus, textAreaTokens.clearPlaceholderColor, textAreaTokens.clearPlaceholderColorFocus, textAreaTokens.leftHelperColor, textAreaTokens.rightHelperColor, textAreaTokens.indicatorColor, textAreaTokens.optionalColor, textAreaTokens.scrollbarThumbBackgroundColor, textAreaTokens.scrollbarThumbBackgroundColorHover, textAreaTokens.scrollbarThumbBackgroundColorActive, textAreaTokens.scrollbarTrackBackgroundColor, textAreaTokens.scrollbarTrackBackgroundColorActive, textAreaTokens.scrollbarTrackBackgroundColorHover, textAreaTokens.dividerColor, textAreaTokens.dividerColorHover, textAreaTokens.dividerColorFocus, textAreaTokens.titleCaptionColor, textAreaTokens.hintIconColor),
-      positive: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-transparent-positive);\n                ", ": var(--surface-transparent-positive-hover);\n                ", ": var(--surface-transparent-positive-active);\n                ", ": var(--surface-transparent-positive);\n                ", ": var(--surface-transparent-positive);\n                ", ": var(--surface-transparent-positive-hover);\n                ", ": var(--surface-transparent-positive-active);\n                ", ": var(--surface-transparent-positive);\n                ", ": var(--text-primary);\n                ", ": var(--text-positive);\n                ", ": var(--text-positive);\n                ", ": var(--text-primary);\n                ", ": var(--text-positive);\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-positive);\n                ", ": var(--text-positive);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--surface-transparent-tertiary);\n                ", ": var(--surface-transparent-tertiary-hover);\n                ", ": var(--surface-transparent-tertiary-active);\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--surface-transparent-primary-active);\n                ", ": var(--surface-transparent-primary-hover);\n\n                ", ": var(--surface-positive);\n                ", ": var(--surface-positive);\n                ", ": var(--surface-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n            "])), textAreaTokens.inputBackgroundColor, textAreaTokens.inputBackgroundColorHover, textAreaTokens.inputBackgroundColorActive, textAreaTokens.inputBackgroundColorFocus, textAreaTokens.helpersBackgroundColor, textAreaTokens.helpersBackgroundColorHover, textAreaTokens.helpersBackgroundColorActive, textAreaTokens.helpersBackgroundColorFocus, textAreaTokens.inputColor, textAreaTokens.clearInputColor, textAreaTokens.clearPlaceholderColor, textAreaTokens.inputColorFocus, textAreaTokens.inputCaretColor, textAreaTokens.placeholderColor, textAreaTokens.placeholderColorFocus, textAreaTokens.clearPlaceholderColorFocus, textAreaTokens.leftHelperColor, textAreaTokens.rightHelperColor, textAreaTokens.indicatorColor, textAreaTokens.optionalColor, textAreaTokens.scrollbarThumbBackgroundColor, textAreaTokens.scrollbarThumbBackgroundColorHover, textAreaTokens.scrollbarThumbBackgroundColorActive, textAreaTokens.scrollbarTrackBackgroundColor, textAreaTokens.scrollbarTrackBackgroundColorActive, textAreaTokens.scrollbarTrackBackgroundColorHover, textAreaTokens.dividerColor, textAreaTokens.dividerColorHover, textAreaTokens.dividerColorFocus, textAreaTokens.titleCaptionColor, textAreaTokens.hintIconColor),
+      "default": /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--surface-transparent-primary-hover);\n                ", ": var(--surface-transparent-primary-active);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--surface-transparent-primary-hover);\n                ", ": var(--surface-transparent-primary-active);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\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-tertiary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--surface-transparent-tertiary);\n                ", ": var(--surface-transparent-tertiary-hover);\n                ", ": var(--surface-transparent-tertiary-active);\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--surface-transparent-primary-active);\n                ", ": var(--surface-transparent-primary-hover);\n\n                ", ": var(--surface-transparent-tertiary);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n            "])), textAreaTokens.inputBackgroundColor, textAreaTokens.inputBackgroundColorHover, textAreaTokens.inputBackgroundColorActive, textAreaTokens.inputBackgroundColorFocus, textAreaTokens.helpersBackgroundColor, textAreaTokens.helpersBackgroundColorHover, textAreaTokens.helpersBackgroundColorActive, textAreaTokens.helpersBackgroundColorFocus, textAreaTokens.inputColor, textAreaTokens.clearInputColor, textAreaTokens.inputColorFocus, textAreaTokens.inputCaretColor, textAreaTokens.placeholderColor, textAreaTokens.placeholderColorFocus, textAreaTokens.clearPlaceholderColor, textAreaTokens.clearPlaceholderColorFocus, textAreaTokens.leftHelperColor, textAreaTokens.rightHelperColor, textAreaTokens.indicatorColor, textAreaTokens.optionalColor, textAreaTokens.scrollbarThumbBackgroundColor, textAreaTokens.scrollbarThumbBackgroundColorHover, textAreaTokens.scrollbarThumbBackgroundColorActive, textAreaTokens.scrollbarTrackBackgroundColor, textAreaTokens.scrollbarTrackBackgroundColorActive, textAreaTokens.scrollbarTrackBackgroundColorHover, textAreaTokens.dividerColor, textAreaTokens.dividerColorHover, textAreaTokens.dividerColorFocus, textAreaTokens.titleCaptionColor, textAreaTokens.hintIconColor),
+      positive: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-transparent-positive);\n                ", ": var(--surface-transparent-positive-hover);\n                ", ": var(--surface-transparent-positive-active);\n                ", ": var(--surface-transparent-positive);\n                ", ": var(--surface-transparent-positive);\n                ", ": var(--surface-transparent-positive-hover);\n                ", ": var(--surface-transparent-positive-active);\n                ", ": var(--surface-transparent-positive);\n                ", ": var(--text-primary);\n                ", ": var(--text-positive);\n                ", ": var(--text-positive);\n                ", ": var(--text-primary);\n                ", ": var(--text-positive);\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-positive);\n                ", ": var(--text-positive);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--surface-transparent-tertiary);\n                ", ": var(--surface-transparent-tertiary-hover);\n                ", ": var(--surface-transparent-tertiary-active);\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--surface-transparent-primary-active);\n                ", ": var(--surface-transparent-primary-hover);\n\n                ", ": var(--surface-positive);\n                ", ": var(--surface-positive);\n                ", ": var(--surface-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n            "])), textAreaTokens.inputBackgroundColor, textAreaTokens.inputBackgroundColorHover, textAreaTokens.inputBackgroundColorActive, textAreaTokens.inputBackgroundColorFocus, textAreaTokens.helpersBackgroundColor, textAreaTokens.helpersBackgroundColorHover, textAreaTokens.helpersBackgroundColorActive, textAreaTokens.helpersBackgroundColorFocus, textAreaTokens.inputColor, textAreaTokens.clearInputColor, textAreaTokens.clearPlaceholderColor, textAreaTokens.inputColorFocus, textAreaTokens.inputCaretColor, textAreaTokens.placeholderColor, textAreaTokens.placeholderColorFocus, textAreaTokens.clearPlaceholderColorFocus, textAreaTokens.leftHelperColor, textAreaTokens.rightHelperColor, textAreaTokens.indicatorColor, textAreaTokens.optionalColor, textAreaTokens.scrollbarThumbBackgroundColor, textAreaTokens.scrollbarThumbBackgroundColorHover, textAreaTokens.scrollbarThumbBackgroundColorActive, textAreaTokens.scrollbarTrackBackgroundColor, textAreaTokens.scrollbarTrackBackgroundColorActive, textAreaTokens.scrollbarTrackBackgroundColorHover, textAreaTokens.dividerColor, textAreaTokens.dividerColorHover, textAreaTokens.dividerColorFocus, textAreaTokens.titleCaptionColor, textAreaTokens.hintIconColor),
       /**
        * @deprecated
        * Использовать `default`
        */
-      primary: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--surface-transparent-primary-hover);\n                ", ": var(--surface-transparent-primary-active);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--surface-transparent-primary-hover);\n                ", ": var(--surface-transparent-primary-active);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\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-tertiary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--surface-transparent-tertiary);\n                ", ": var(--surface-transparent-tertiary-hover);\n                ", ": var(--surface-transparent-tertiary-active);\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--surface-transparent-primary-active);\n                ", ": var(--surface-transparent-primary-hover);\n\n                ", ": var(--surface-transparent-tertiary);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n            "])), textAreaTokens.inputBackgroundColor, textAreaTokens.inputBackgroundColorHover, textAreaTokens.inputBackgroundColorActive, textAreaTokens.inputBackgroundColorFocus, textAreaTokens.helpersBackgroundColor, textAreaTokens.helpersBackgroundColorHover, textAreaTokens.helpersBackgroundColorActive, textAreaTokens.helpersBackgroundColorFocus, textAreaTokens.inputColor, textAreaTokens.clearInputColor, textAreaTokens.inputColorFocus, textAreaTokens.inputCaretColor, textAreaTokens.placeholderColor, textAreaTokens.placeholderColorFocus, textAreaTokens.clearPlaceholderColor, textAreaTokens.clearPlaceholderColorFocus, textAreaTokens.leftHelperColor, textAreaTokens.rightHelperColor, textAreaTokens.indicatorColor, textAreaTokens.optionalColor, textAreaTokens.scrollbarThumbBackgroundColor, textAreaTokens.scrollbarThumbBackgroundColorHover, textAreaTokens.scrollbarThumbBackgroundColorActive, textAreaTokens.scrollbarTrackBackgroundColor, textAreaTokens.scrollbarTrackBackgroundColorActive, textAreaTokens.scrollbarTrackBackgroundColorHover, textAreaTokens.dividerColor, textAreaTokens.dividerColorHover, textAreaTokens.dividerColorFocus, textAreaTokens.titleCaptionColor, textAreaTokens.hintIconColor),
-      warning: /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-transparent-warning);\n                ", ": var(--surface-transparent-warning-hover);\n                ", ": var(--surface-transparent-warning-active);\n                ", ": var(--surface-transparent-warning);\n                ", ": var(--surface-transparent-warning);\n                ", ": var(--surface-transparent-warning-hover);\n                ", ": var(--surface-transparent-warning-active);\n                ", ": var(--surface-transparent-warning);\n                ", ": var(--text-primary);\n                ", ": var(--text-warning);\n                ", ": var(--text-warning);\n                ", ": var(--text-primary);\n                ", ": var(--text-warning);\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-warning);\n                ", ": var(--text-warning);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--surface-transparent-tertiary);\n                ", ": var(--surface-transparent-tertiary-hover);\n                ", ": var(--surface-transparent-tertiary-active);\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--surface-transparent-primary-active);\n                ", ": var(--surface-transparent-primary-hover);\n\n                ", ": var(--surface-warning);\n                ", ": var(--surface-warning);\n                ", ": var(--surface-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n            "])), textAreaTokens.inputBackgroundColor, textAreaTokens.inputBackgroundColorHover, textAreaTokens.inputBackgroundColorActive, textAreaTokens.inputBackgroundColorFocus, textAreaTokens.helpersBackgroundColor, textAreaTokens.helpersBackgroundColorHover, textAreaTokens.helpersBackgroundColorActive, textAreaTokens.helpersBackgroundColorFocus, textAreaTokens.inputColor, textAreaTokens.clearInputColor, textAreaTokens.clearPlaceholderColor, textAreaTokens.inputColorFocus, textAreaTokens.inputCaretColor, textAreaTokens.placeholderColor, textAreaTokens.placeholderColorFocus, textAreaTokens.clearPlaceholderColorFocus, textAreaTokens.leftHelperColor, textAreaTokens.rightHelperColor, textAreaTokens.indicatorColor, textAreaTokens.optionalColor, textAreaTokens.scrollbarThumbBackgroundColor, textAreaTokens.scrollbarThumbBackgroundColorHover, textAreaTokens.scrollbarThumbBackgroundColorActive, textAreaTokens.scrollbarTrackBackgroundColor, textAreaTokens.scrollbarTrackBackgroundColorActive, textAreaTokens.scrollbarTrackBackgroundColorHover, textAreaTokens.dividerColor, textAreaTokens.dividerColorHover, textAreaTokens.dividerColorFocus, textAreaTokens.titleCaptionColor, textAreaTokens.hintIconColor),
-      negative: /*#__PURE__*/css(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-transparent-negative);\n                ", ": var(--surface-transparent-negative-hover);\n                ", ": var(--surface-transparent-negative-active);\n                ", ": var(--surface-transparent-negative);\n                ", ": var(--surface-transparent-negative);\n                ", ": var(--surface-transparent-negative-hover);\n                ", ": var(--surface-transparent-negative-active);\n                ", ": var(--surface-transparent-negative);\n                ", ": var(--text-primary);\n                ", ": var(--text-negative);\n                ", ": var(--text-negative);\n                ", ": var(--text-primary);\n                ", ": var(--text-negative);\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-negative);\n                ", ": var(--text-negative);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--surface-transparent-tertiary);\n                ", ": var(--surface-transparent-tertiary-hover);\n                ", ": var(--surface-transparent-tertiary-active);\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--surface-transparent-primary-active);\n                ", ": var(--surface-transparent-primary-hover);\n\n                ", ": var(--surface-negative);\n                ", ": var(--surface-negative);\n                ", ": var(--surface-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n            "])), textAreaTokens.inputBackgroundColor, textAreaTokens.inputBackgroundColorHover, textAreaTokens.inputBackgroundColorActive, textAreaTokens.inputBackgroundColorFocus, textAreaTokens.helpersBackgroundColor, textAreaTokens.helpersBackgroundColorHover, textAreaTokens.helpersBackgroundColorActive, textAreaTokens.helpersBackgroundColorFocus, textAreaTokens.inputColor, textAreaTokens.clearInputColor, textAreaTokens.clearPlaceholderColor, textAreaTokens.inputColorFocus, textAreaTokens.inputCaretColor, textAreaTokens.placeholderColor, textAreaTokens.placeholderColorFocus, textAreaTokens.clearPlaceholderColorFocus, textAreaTokens.leftHelperColor, textAreaTokens.rightHelperColor, textAreaTokens.indicatorColor, textAreaTokens.optionalColor, textAreaTokens.scrollbarThumbBackgroundColor, textAreaTokens.scrollbarThumbBackgroundColorHover, textAreaTokens.scrollbarThumbBackgroundColorActive, textAreaTokens.scrollbarTrackBackgroundColor, textAreaTokens.scrollbarTrackBackgroundColorActive, textAreaTokens.scrollbarTrackBackgroundColorHover, textAreaTokens.dividerColor, textAreaTokens.dividerColorHover, textAreaTokens.dividerColorFocus, textAreaTokens.titleCaptionColor, textAreaTokens.hintIconColor)
+      primary: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--surface-transparent-primary-hover);\n                ", ": var(--surface-transparent-primary-active);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--surface-transparent-primary-hover);\n                ", ": var(--surface-transparent-primary-active);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\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-tertiary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--surface-transparent-tertiary);\n                ", ": var(--surface-transparent-tertiary-hover);\n                ", ": var(--surface-transparent-tertiary-active);\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--surface-transparent-primary-active);\n                ", ": var(--surface-transparent-primary-hover);\n\n                ", ": var(--surface-transparent-tertiary);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n            "])), textAreaTokens.inputBackgroundColor, textAreaTokens.inputBackgroundColorHover, textAreaTokens.inputBackgroundColorActive, textAreaTokens.inputBackgroundColorFocus, textAreaTokens.helpersBackgroundColor, textAreaTokens.helpersBackgroundColorHover, textAreaTokens.helpersBackgroundColorActive, textAreaTokens.helpersBackgroundColorFocus, textAreaTokens.inputColor, textAreaTokens.clearInputColor, textAreaTokens.inputColorFocus, textAreaTokens.inputCaretColor, textAreaTokens.placeholderColor, textAreaTokens.placeholderColorFocus, textAreaTokens.clearPlaceholderColor, textAreaTokens.clearPlaceholderColorFocus, textAreaTokens.leftHelperColor, textAreaTokens.rightHelperColor, textAreaTokens.indicatorColor, textAreaTokens.optionalColor, textAreaTokens.scrollbarThumbBackgroundColor, textAreaTokens.scrollbarThumbBackgroundColorHover, textAreaTokens.scrollbarThumbBackgroundColorActive, textAreaTokens.scrollbarTrackBackgroundColor, textAreaTokens.scrollbarTrackBackgroundColorActive, textAreaTokens.scrollbarTrackBackgroundColorHover, textAreaTokens.dividerColor, textAreaTokens.dividerColorHover, textAreaTokens.dividerColorFocus, textAreaTokens.titleCaptionColor, textAreaTokens.hintIconColor),
+      warning: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-transparent-warning);\n                ", ": var(--surface-transparent-warning-hover);\n                ", ": var(--surface-transparent-warning-active);\n                ", ": var(--surface-transparent-warning);\n                ", ": var(--surface-transparent-warning);\n                ", ": var(--surface-transparent-warning-hover);\n                ", ": var(--surface-transparent-warning-active);\n                ", ": var(--surface-transparent-warning);\n                ", ": var(--text-primary);\n                ", ": var(--text-warning);\n                ", ": var(--text-warning);\n                ", ": var(--text-primary);\n                ", ": var(--text-warning);\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-warning);\n                ", ": var(--text-warning);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--surface-transparent-tertiary);\n                ", ": var(--surface-transparent-tertiary-hover);\n                ", ": var(--surface-transparent-tertiary-active);\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--surface-transparent-primary-active);\n                ", ": var(--surface-transparent-primary-hover);\n\n                ", ": var(--surface-warning);\n                ", ": var(--surface-warning);\n                ", ": var(--surface-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n            "])), textAreaTokens.inputBackgroundColor, textAreaTokens.inputBackgroundColorHover, textAreaTokens.inputBackgroundColorActive, textAreaTokens.inputBackgroundColorFocus, textAreaTokens.helpersBackgroundColor, textAreaTokens.helpersBackgroundColorHover, textAreaTokens.helpersBackgroundColorActive, textAreaTokens.helpersBackgroundColorFocus, textAreaTokens.inputColor, textAreaTokens.clearInputColor, textAreaTokens.clearPlaceholderColor, textAreaTokens.inputColorFocus, textAreaTokens.inputCaretColor, textAreaTokens.placeholderColor, textAreaTokens.placeholderColorFocus, textAreaTokens.clearPlaceholderColorFocus, textAreaTokens.leftHelperColor, textAreaTokens.rightHelperColor, textAreaTokens.indicatorColor, textAreaTokens.optionalColor, textAreaTokens.scrollbarThumbBackgroundColor, textAreaTokens.scrollbarThumbBackgroundColorHover, textAreaTokens.scrollbarThumbBackgroundColorActive, textAreaTokens.scrollbarTrackBackgroundColor, textAreaTokens.scrollbarTrackBackgroundColorActive, textAreaTokens.scrollbarTrackBackgroundColorHover, textAreaTokens.dividerColor, textAreaTokens.dividerColorHover, textAreaTokens.dividerColorFocus, textAreaTokens.titleCaptionColor, textAreaTokens.hintIconColor),
+      negative: /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-transparent-negative);\n                ", ": var(--surface-transparent-negative-hover);\n                ", ": var(--surface-transparent-negative-active);\n                ", ": var(--surface-transparent-negative);\n                ", ": var(--surface-transparent-negative);\n                ", ": var(--surface-transparent-negative-hover);\n                ", ": var(--surface-transparent-negative-active);\n                ", ": var(--surface-transparent-negative);\n                ", ": var(--text-primary);\n                ", ": var(--text-negative);\n                ", ": var(--text-negative);\n                ", ": var(--text-primary);\n                ", ": var(--text-negative);\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-negative);\n                ", ": var(--text-negative);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--surface-transparent-tertiary);\n                ", ": var(--surface-transparent-tertiary-hover);\n                ", ": var(--surface-transparent-tertiary-active);\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--surface-transparent-primary-active);\n                ", ": var(--surface-transparent-primary-hover);\n\n                ", ": var(--surface-negative);\n                ", ": var(--surface-negative);\n                ", ": var(--surface-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n            "])), textAreaTokens.inputBackgroundColor, textAreaTokens.inputBackgroundColorHover, textAreaTokens.inputBackgroundColorActive, textAreaTokens.inputBackgroundColorFocus, textAreaTokens.helpersBackgroundColor, textAreaTokens.helpersBackgroundColorHover, textAreaTokens.helpersBackgroundColorActive, textAreaTokens.helpersBackgroundColorFocus, textAreaTokens.inputColor, textAreaTokens.clearInputColor, textAreaTokens.clearPlaceholderColor, textAreaTokens.inputColorFocus, textAreaTokens.inputCaretColor, textAreaTokens.placeholderColor, textAreaTokens.placeholderColorFocus, textAreaTokens.clearPlaceholderColorFocus, textAreaTokens.leftHelperColor, textAreaTokens.rightHelperColor, textAreaTokens.indicatorColor, textAreaTokens.optionalColor, textAreaTokens.scrollbarThumbBackgroundColor, textAreaTokens.scrollbarThumbBackgroundColorHover, textAreaTokens.scrollbarThumbBackgroundColorActive, textAreaTokens.scrollbarTrackBackgroundColor, textAreaTokens.scrollbarTrackBackgroundColorActive, textAreaTokens.scrollbarTrackBackgroundColorHover, textAreaTokens.dividerColor, textAreaTokens.dividerColorHover, textAreaTokens.dividerColorFocus, textAreaTokens.titleCaptionColor, textAreaTokens.hintIconColor)
     },
     hintView: {
-      "default": /*#__PURE__*/css(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-solid-card-brightness);\n                ", ": var(--shadow-down-hard-m);\n                ", ": var(--text-primary);\n                ", ": var(--surface-solid-card-brightness);\n            "])), textAreaTokens.tooltipBackgroundColor, textAreaTokens.tooltipBoxShadow, textAreaTokens.tooltipColor, textAreaTokens.tooltipArrowBackground)
+      "default": /*#__PURE__*/css(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-solid-card-brightness);\n                ", ": var(--shadow-down-hard-m);\n                ", ": var(--text-primary);\n                ", ": var(--surface-solid-card-brightness);\n            "])), textAreaTokens.tooltipBackgroundColor, textAreaTokens.tooltipBoxShadow, textAreaTokens.tooltipColor, textAreaTokens.tooltipArrowBackground)
     },
     hintSize: {
-      m: /*#__PURE__*/css(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.688rem;\n                ", ": 0.875rem;\n                ", ": 0.688rem;\n                ", ": 0.875rem;\n\n                ", ": 2.5rem;\n                ", ": 0.625rem;\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.375rem;\n\n                ", ": 1.25rem;\n                ", ": 1.25rem;\n                /* stylelint-disable-next-line */\n                ", ": url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n                ", ": 0.5rem;\n                ", ": 0.625rem;\n            "])), textAreaTokens.tooltipPaddingTop, textAreaTokens.tooltipPaddingRight, textAreaTokens.tooltipPaddingBottom, textAreaTokens.tooltipPaddingLeft, textAreaTokens.tooltipMinHeight, textAreaTokens.tooltipBorderRadius, textAreaTokens.tooltipTextFontFamily, textAreaTokens.tooltipTextFontSize, textAreaTokens.tooltipTextFontStyle, textAreaTokens.tooltipTextFontWeight, textAreaTokens.tooltipTextFontLetterSpacing, textAreaTokens.tooltipTextFontLineHeight, textAreaTokens.tooltipContentLeftMargin, textAreaTokens.tooltipArrowMaskWidth, textAreaTokens.tooltipArrowMaskHeight, textAreaTokens.tooltipArrowMaskImage, textAreaTokens.tooltipArrowHeight, textAreaTokens.tooltipArrowEdgeMargin),
-      s: /*#__PURE__*/css(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.5rem;\n                ", ": 0.75rem;\n                ", ": 0.5rem;\n                ", ": 0.75rem;\n\n                ", ": 2rem;\n                ", ": 0.5rem;\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.25rem;\n\n                ", ": 1rem;\n                ", ": 1rem;\n                /* stylelint-disable-next-line */\n                ", ": url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n                ", ": 0.375rem;\n                ", ": 0.563rem;\n            "])), textAreaTokens.tooltipPaddingTop, textAreaTokens.tooltipPaddingRight, textAreaTokens.tooltipPaddingBottom, textAreaTokens.tooltipPaddingLeft, textAreaTokens.tooltipMinHeight, textAreaTokens.tooltipBorderRadius, textAreaTokens.tooltipTextFontFamily, textAreaTokens.tooltipTextFontSize, textAreaTokens.tooltipTextFontStyle, textAreaTokens.tooltipTextFontWeight, textAreaTokens.tooltipTextFontLetterSpacing, textAreaTokens.tooltipTextFontLineHeight, textAreaTokens.tooltipContentLeftMargin, textAreaTokens.tooltipArrowMaskWidth, textAreaTokens.tooltipArrowMaskHeight, textAreaTokens.tooltipArrowMaskImage, textAreaTokens.tooltipArrowHeight, textAreaTokens.tooltipArrowEdgeMargin)
+      m: /*#__PURE__*/css(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.688rem;\n                ", ": 0.875rem;\n                ", ": 0.688rem;\n                ", ": 0.875rem;\n\n                ", ": 2.5rem;\n                ", ": 0.625rem;\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.375rem;\n\n                ", ": 1.25rem;\n                ", ": 1.25rem;\n                /* stylelint-disable-next-line */\n                ", ": url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n                ", ": 0.5rem;\n                ", ": 0.625rem;\n            "])), textAreaTokens.tooltipPaddingTop, textAreaTokens.tooltipPaddingRight, textAreaTokens.tooltipPaddingBottom, textAreaTokens.tooltipPaddingLeft, textAreaTokens.tooltipMinHeight, textAreaTokens.tooltipBorderRadius, textAreaTokens.tooltipTextFontFamily, textAreaTokens.tooltipTextFontSize, textAreaTokens.tooltipTextFontStyle, textAreaTokens.tooltipTextFontWeight, textAreaTokens.tooltipTextFontLetterSpacing, textAreaTokens.tooltipTextFontLineHeight, textAreaTokens.tooltipContentLeftMargin, textAreaTokens.tooltipArrowMaskWidth, textAreaTokens.tooltipArrowMaskHeight, textAreaTokens.tooltipArrowMaskImage, textAreaTokens.tooltipArrowHeight, textAreaTokens.tooltipArrowEdgeMargin),
+      s: /*#__PURE__*/css(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.5rem;\n                ", ": 0.75rem;\n                ", ": 0.5rem;\n                ", ": 0.75rem;\n\n                ", ": 2rem;\n                ", ": 0.5rem;\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.25rem;\n\n                ", ": 1rem;\n                ", ": 1rem;\n                /* stylelint-disable-next-line */\n                ", ": url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n                ", ": 0.375rem;\n                ", ": 0.563rem;\n            "])), textAreaTokens.tooltipPaddingTop, textAreaTokens.tooltipPaddingRight, textAreaTokens.tooltipPaddingBottom, textAreaTokens.tooltipPaddingLeft, textAreaTokens.tooltipMinHeight, textAreaTokens.tooltipBorderRadius, textAreaTokens.tooltipTextFontFamily, textAreaTokens.tooltipTextFontSize, textAreaTokens.tooltipTextFontStyle, textAreaTokens.tooltipTextFontWeight, textAreaTokens.tooltipTextFontLetterSpacing, textAreaTokens.tooltipTextFontLineHeight, textAreaTokens.tooltipContentLeftMargin, textAreaTokens.tooltipArrowMaskWidth, textAreaTokens.tooltipArrowMaskHeight, textAreaTokens.tooltipArrowMaskImage, textAreaTokens.tooltipArrowHeight, textAreaTokens.tooltipArrowEdgeMargin)
     },
     clear: {
-      "true": /*#__PURE__*/css(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteral([""])))
+      "true": /*#__PURE__*/css(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral([""])))
     },
     disabled: {
-      "true": /*#__PURE__*/css(_templateObject15 || (_templateObject15 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.4;\n                ", ": var(--text-secondary);\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--text-secondary);\n            "])), textAreaTokens.disabledOpacity, textAreaTokens.inputColorDisabled, textAreaTokens.dividerColorReadOnly, textAreaTokens.titleCaptionColorReadOnly)
+      "true": /*#__PURE__*/css(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.4;\n                ", ": var(--text-secondary);\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--text-secondary);\n            "])), textAreaTokens.disabledOpacity, textAreaTokens.inputColorDisabled, textAreaTokens.dividerColorReadOnly, textAreaTokens.titleCaptionColorReadOnly)
     }
   }
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/sdds-finportal",
-  "version": "0.238.0-canary.1759.13168263477.0",
+  "version": "0.238.0-canary.1760.13177544873.0",
   "description": "Salute Design System / React UI kit for SDDS FinPortal web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "license": "MIT",
@@ -19,7 +19,7 @@
     "directory": "packages/sdds-finportal"
   },
   "dependencies": {
-    "@salutejs/plasma-new-hope": "0.260.0-canary.1759.13168263477.0",
+    "@salutejs/plasma-new-hope": "0.261.0-canary.1760.13177544873.0",
     "@salutejs/sdds-themes": "0.31.0"
   },
   "peerDependencies": {
@@ -39,7 +39,7 @@
     "@salutejs/plasma-colors": "0.14.0",
     "@salutejs/plasma-core": "1.191.0",
     "@salutejs/plasma-cy-utils": "0.122.0",
-    "@salutejs/plasma-icons": "1.211.0-dev.0",
+    "@salutejs/plasma-icons": "1.211.0",
     "@salutejs/plasma-sb-utils": "0.191.0",
     "@storybook/addon-docs": "7.6.17",
     "@storybook/addon-essentials": "7.6.17",
@@ -95,5 +95,5 @@
     "Vasiliy Loginevskiy"
   ],
   "sideEffects": false,
-  "gitHead": "be026b316de8f8f3640861767a1bdc4f496cece2"
+  "gitHead": "22fb5284f5f9d0dbf330f40304b05514cd8b2cfc"
 }

package/temp/sdds-finportal.api.md

@@ -1597,6 +1597,8 @@ default: PolymorphicClassName;
 }> & PopupProps & PanelProps & {
 placement?: "top" | "bottom" | "right" | "left" | undefined;
 asModal?: boolean | undefined;
+customBackgroundColor?: string | undefined;
+customContentBackgroundColor?: string | undefined;
 withBlur?: boolean | undefined;
 closeOnEsc?: boolean | undefined;
 closeOnOverlayClick?: boolean | undefined;
@@ -3432,7 +3434,6 @@ xs: PolymorphicClassName;
 s: PolymorphicClassName;
 m: PolymorphicClassName;
 l: PolymorphicClassName;
-xl: PolymorphicClassName;
 };
 view: {
 default: PolymorphicClassName;