@salutejs/plasma-web 1.404.0-canary.1450.11010505842.0 → 1.404.0-canary.1451.11029152908.0
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.md +72 -0
- package/api/plasma-web.api.md +2 -1
- package/components/TextArea/TextArea.config.d.ts +3 -0
- package/components/TextArea/TextArea.config.js +14 -11
- package/components/TextArea/index.d.ts +20 -1
- package/css/cjs/components/TextArea/TextArea.config.js +5 -2
- package/css/cjs/components/TextArea/TextArea.config.js.map +1 -1
- package/css/cjs/components/TextArea/TextArea.config_65rkej.css +11 -0
- package/css/cjs/components/TextArea/TextArea.css +11 -10
- package/css/cjs/index.css +11 -10
- package/css/es/components/TextArea/TextArea.config.js +5 -2
- package/css/es/components/TextArea/TextArea.config.js.map +1 -1
- package/css/es/components/TextArea/TextArea.config_65rkej.css +11 -0
- package/css/es/components/TextArea/TextArea.css +11 -10
- package/css/es/index.css +11 -10
- package/es/components/TextArea/TextArea.config.js +14 -11
- package/package.json +3 -3
- package/temp/plasma-web.api.md +3294 -0
- package/css/cjs/components/TextArea/TextArea.config_2vh2du.css +0 -10
- package/css/es/components/TextArea/TextArea.config_2vh2du.css +0 -10
package/CHANGELOG.md
CHANGED
@@ -1,3 +1,75 @@
|
|
1
|
+
# v1.403.0 (Tue Sep 24 2024)
|
2
|
+
|
3
|
+
### Release Notes
|
4
|
+
|
5
|
+
#### Release by 24.09.2024 ([#1450](https://github.com/salute-developers/plasma/pull/1450))
|
6
|
+
|
7
|
+
## Components
|
8
|
+
|
9
|
+
### Mask
|
10
|
+
|
11
|
+
- добавлен **новый** компонент
|
12
|
+
- включен в поставку plasma-* и sdds-* пакетов
|
13
|
+
|
14
|
+
feat(plasma-*): add Mask (https://github.com/salute-developers/plasma/pull/1418)
|
15
|
+
|
16
|
+
### Правка токенов в SDDS CS
|
17
|
+
|
18
|
+
- Изменены токены для компонентов `Autocomplite`, `Combobox`, `Datepicker`, `Range`, `Textfield`, `Textarea`, `Select` в поставке `sdds-cs`
|
19
|
+
|
20
|
+
|
21
|
+
feat(sdds-cs): edit tokens (https://github.com/salute-developers/plasma/pull/1439)
|
22
|
+
|
23
|
+
### Attach
|
24
|
+
- добавлен **новый** компонент в поставку всех клиентских библиотек
|
25
|
+
|
26
|
+
<img width="554" src="https://github.com/user-attachments/assets/0ede5244-018b-4801-9816-6d3f425a1ec5" />
|
27
|
+
|
28
|
+
<img width="296" src="https://github.com/user-attachments/assets/e86d1a79-13f9-430c-8c78-60da463bda6d" />
|
29
|
+
|
30
|
+
### Cell
|
31
|
+
- добавлена возможность использовать свойство `className`
|
32
|
+
|
33
|
+
|
34
|
+
`plasma-*, sdds-*`: Add Attach (https://github.com/salute-developers/plasma/pull/1437)
|
35
|
+
|
36
|
+
|
37
|
+
## Misc
|
38
|
+
|
39
|
+
### Tests
|
40
|
+
- изменены тесты plasma-b2c компонента TextArea
|
41
|
+
|
42
|
+
|
43
|
+
test(plasma-b2c): update tests for TextArea (https://github.com/salute-developers/plasma/pull/1434)
|
44
|
+
|
45
|
+
---
|
46
|
+
|
47
|
+
#### 🚀 Enhancement
|
48
|
+
|
49
|
+
- Release by 24.09.2024 [#1450](https://github.com/salute-developers/plasma/pull/1450) ([@IgorYar](https://github.com/IgorYar) [@TitanKuzmich](https://github.com/TitanKuzmich) [@Salute-Eva](https://github.com/Salute-Eva) [@iljs](https://github.com/iljs) [@denivladislav](https://github.com/denivladislav))
|
50
|
+
- docs(): api reports regenerated [#1437](https://github.com/salute-developers/plasma/pull/1437) ([@denivladislav](https://github.com/denivladislav))
|
51
|
+
- feat(sdds-cs): edit tokens [#1439](https://github.com/salute-developers/plasma/pull/1439) ([@iljs](https://github.com/iljs))
|
52
|
+
- feat(plasma-*): fix Mask stories prop [#1418](https://github.com/salute-developers/plasma/pull/1418) ([@TitanKuzmich](https://github.com/TitanKuzmich))
|
53
|
+
- feat(plasma-web/b2c): add Mask component ([@TitanKuzmich](https://github.com/TitanKuzmich))
|
54
|
+
|
55
|
+
#### 🐛 Bug Fix
|
56
|
+
|
57
|
+
- Update package-lock.json files ([@Salute-Eva](https://github.com/Salute-Eva))
|
58
|
+
- Update versions ([@Salute-Eva](https://github.com/Salute-Eva))
|
59
|
+
- feat(plasma-*, sdds-*): Attach ported; tests added ([@denivladislav](https://github.com/denivladislav))
|
60
|
+
- docs: generate new api reports ([@TitanKuzmich](https://github.com/TitanKuzmich))
|
61
|
+
- chore: Update package-lock.json files \[skip ci\] ([@Salute-Eva](https://github.com/Salute-Eva))
|
62
|
+
|
63
|
+
#### Authors: 5
|
64
|
+
|
65
|
+
- [@iljs](https://github.com/iljs)
|
66
|
+
- [@Salute-Eva](https://github.com/Salute-Eva)
|
67
|
+
- Igor Yaroslavtsev ([@IgorYar](https://github.com/IgorYar))
|
68
|
+
- Krivonos Aleksandr ([@TitanKuzmich](https://github.com/TitanKuzmich))
|
69
|
+
- Vladislav Denisov ([@denivladislav](https://github.com/denivladislav))
|
70
|
+
|
71
|
+
---
|
72
|
+
|
1
73
|
# v1.400.0 (Thu Sep 19 2024)
|
2
74
|
|
3
75
|
### Release Notes
|
package/api/plasma-web.api.md
CHANGED
@@ -3019,11 +3019,12 @@ export const TextArea: ForwardRefExoticComponent<TextAreaProps & RefAttributes<H
|
|
3019
3019
|
export { TextareaHTMLAttributes }
|
3020
3020
|
|
3021
3021
|
// Warning: (ae-forgotten-export) The symbol "RequiredProps" needs to be exported by the entry point index.d.ts
|
3022
|
+
// Warning: (ae-forgotten-export) The symbol "ClearProps" needs to be exported by the entry point index.d.ts
|
3022
3023
|
//
|
3023
3024
|
// @public (undocumented)
|
3024
3025
|
export type TextAreaProps = TextAreaProps_2 & {
|
3025
3026
|
resize?: 'none' | 'both' | 'horizontal' | 'vertical';
|
3026
|
-
} & RequiredProps;
|
3027
|
+
} & RequiredProps & ClearProps;
|
3027
3028
|
|
3028
3029
|
export { TextareaResize }
|
3029
3030
|
|
@@ -21,6 +21,9 @@ export declare const config: {
|
|
21
21
|
warning: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
22
22
|
negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
23
23
|
};
|
24
|
+
clear: {
|
25
|
+
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
26
|
+
};
|
24
27
|
disabled: {
|
25
28
|
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
26
29
|
};
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.config = void 0;
|
7
7
|
var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
|
8
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
|
8
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
|
9
9
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
10
10
|
var config = exports.config = {
|
11
11
|
defaults: {
|
@@ -14,24 +14,27 @@ var config = exports.config = {
|
|
14
14
|
},
|
15
15
|
variations: {
|
16
16
|
size: {
|
17
|
-
xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": 7.312rem;\n ", ": 0.625rem;\n ", ": 0.5rem;\n ", ": 0.5rem;\n ", ": 0.563rem;\n ", ": 0.625rem;\n ", ": 2.125rem;\n ", ": 0.563rem;\n ", ": 0.563rem;\n ", ": 0.625rem;\n ", ": 0.25rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0.375rem;\n ", ": 0.563rem;\n ", ": 0.5rem;\n ", ": 1.25rem;\n ", ": 0.375rem;\n ", ": 'SB Sans Text','SBSansText',sans-serif;\n ", ": 0.625rem;\n ", ": normal;\n ", ": 400;\n ", ": -0.02em;\n ", ": 0.75rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": var(--plasma-typo-caption-font-family);\n ", ": var(--plasma-typo-caption-font-size);\n ", ": var(--plasma-typo-caption-font-style);\n ", ": var(--plasma-typo-caption-font-weight);\n ", ": var(--plasma-typo-caption-letter-spacing);\n ", ": var(--plasma-typo-caption-line-height);\n ", ": var(--plasma-typo-caption-font-family);\n ", ": var(--plasma-typo-caption-font-size);\n ", ": var(--plasma-typo-caption-font-style);\n ", ": var(--plasma-typo-caption-font-weight);\n ", ": var(--plasma-typo-caption-letter-spacing);\n ", ": var(--plasma-typo-caption-line-height);\n ", ": 0.375rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n ", ": 0.25rem auto auto -0.625rem;\n ", ": 0 0 auto auto;\n ", ": 0.125rem -0.675rem auto auto;\n "])), _styledComponents.textAreaTokens.inputWidth, _styledComponents.textAreaTokens.inputHeight, _styledComponents.textAreaTokens.inputMinHeight, _styledComponents.textAreaTokens.borderRadius, _styledComponents.textAreaTokens.borderRadiusWithHelpers, _styledComponents.textAreaTokens.inputPaddingTop, _styledComponents.textAreaTokens.inputPaddingRight, _styledComponents.textAreaTokens.inputPaddingRightWithRightContent, _styledComponents.textAreaTokens.inputPaddingBottom, _styledComponents.textAreaTokens.inputPaddingBottomWithHelpers, _styledComponents.textAreaTokens.inputPaddingLeft, _styledComponents.textAreaTokens.helpersPaddingTop, _styledComponents.textAreaTokens.helpersPaddingRight, _styledComponents.textAreaTokens.helpersPaddingBottom, _styledComponents.textAreaTokens.helpersPaddingLeft, _styledComponents.textAreaTokens.helpersOffset, _styledComponents.textAreaTokens.rightContentTop, _styledComponents.textAreaTokens.rightContentRight, _styledComponents.textAreaTokens.rightContentHeight, _styledComponents.textAreaTokens.labelMarginBottom, _styledComponents.textAreaTokens.labelInnerFontFamily, _styledComponents.textAreaTokens.labelInnerFontSize, _styledComponents.textAreaTokens.labelInnerFontStyle, _styledComponents.textAreaTokens.labelInnerFontWeight, _styledComponents.textAreaTokens.labelInnerLetterSpacing, _styledComponents.textAreaTokens.labelInnerLineHeight, _styledComponents.textAreaTokens.labelInnerTop, _styledComponents.textAreaTokens.labelInnerMarginBottom, _styledComponents.textAreaTokens.inputFontFamily, _styledComponents.textAreaTokens.inputFontSize, _styledComponents.textAreaTokens.inputFontStyle, _styledComponents.textAreaTokens.inputFontWeight, _styledComponents.textAreaTokens.inputLetterSpacing, _styledComponents.textAreaTokens.inputLineHeight, _styledComponents.textAreaTokens.helpersFontFamily, _styledComponents.textAreaTokens.helpersFontSize, _styledComponents.textAreaTokens.helpersFontStyle, _styledComponents.textAreaTokens.helpersFontWeight, _styledComponents.textAreaTokens.helpersLetterSpacing, _styledComponents.textAreaTokens.helpersLineHeight, _styledComponents.textAreaTokens.indicatorSizeInner, _styledComponents.textAreaTokens.indicatorSizeOuter, _styledComponents.textAreaTokens.indicatorLabelPlacementInner, _styledComponents.textAreaTokens.indicatorLabelPlacementOuter, _styledComponents.textAreaTokens.indicatorLabelPlacementInnerRight, _styledComponents.textAreaTokens.indicatorLabelPlacementOuterRight),
|
18
|
-
s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": 7.187rem;\n ", ": 0.625rem;\n ", ": 0.625rem;\n ", ": 0.625rem;\n ", ": 0.688rem;\n ", ": 0.875rem;\n ", ": 3.125rem;\n ", ": 0.75rem;\n ", ": 0.75rem;\n ", ": 0.875rem;\n ", ": 0.25rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0.375rem;\n ", ": 0.688rem;\n ", ": 0.75rem;\n ", ": 1.25rem;\n ", ": 0.5rem;\n ", ": var(--plasma-typo-caption-font-family);\n ", ": var(--plasma-typo-caption-font-size);\n ", ": var(--plasma-typo-caption-font-style);\n ", ": var(--plasma-typo-caption-font-weight);\n ", ": var(--plasma-typo-caption-letter-spacing);\n ", ": var(--plasma-typo-caption-line-height);\n ", ": 0.375rem;\n ", ": 0.125rem;\n ", ": var(--plasma-typo-footnote1-font-family);\n ", ": var(--plasma-typo-footnote1-font-size);\n ", ": var(--plasma-typo-footnote1-font-style);\n ", ": var(--plasma-typo-footnote1-font-weight);\n ", ": var(--plasma-typo-footnote1-letter-spacing);\n ", ": var(--plasma-typo-footnote1-line-height);\n ", ": var(--plasma-typo-caption-font-family);\n ", ": var(--plasma-typo-caption-font-size);\n ", ": var(--plasma-typo-caption-font-style);\n ", ": var(--plasma-typo-caption-font-weight);\n ", ": var(--plasma-typo-caption-letter-spacing);\n ", ": var(--plasma-typo-caption-line-height);\n ", ": 0.375rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n ", ": 0.375rem auto auto -0.675rem;\n ", ": 0 0 auto auto;\n ", ": 0.25rem -0.625rem auto auto;\n "])), _styledComponents.textAreaTokens.inputWidth, _styledComponents.textAreaTokens.inputHeight, _styledComponents.textAreaTokens.inputMinHeight, _styledComponents.textAreaTokens.borderRadius, _styledComponents.textAreaTokens.borderRadiusWithHelpers, _styledComponents.textAreaTokens.inputPaddingTop, _styledComponents.textAreaTokens.inputPaddingRight, _styledComponents.textAreaTokens.inputPaddingRightWithRightContent, _styledComponents.textAreaTokens.inputPaddingBottom, _styledComponents.textAreaTokens.inputPaddingBottomWithHelpers, _styledComponents.textAreaTokens.inputPaddingLeft, _styledComponents.textAreaTokens.helpersPaddingTop, _styledComponents.textAreaTokens.helpersPaddingRight, _styledComponents.textAreaTokens.helpersPaddingBottom, _styledComponents.textAreaTokens.helpersPaddingLeft, _styledComponents.textAreaTokens.helpersOffset, _styledComponents.textAreaTokens.rightContentTop, _styledComponents.textAreaTokens.rightContentRight, _styledComponents.textAreaTokens.rightContentHeight, _styledComponents.textAreaTokens.labelMarginBottom, _styledComponents.textAreaTokens.labelInnerFontFamily, _styledComponents.textAreaTokens.labelInnerFontSize, _styledComponents.textAreaTokens.labelInnerFontStyle, _styledComponents.textAreaTokens.labelInnerFontWeight, _styledComponents.textAreaTokens.labelInnerLetterSpacing, _styledComponents.textAreaTokens.labelInnerLineHeight, _styledComponents.textAreaTokens.labelInnerTop, _styledComponents.textAreaTokens.labelInnerMarginBottom, _styledComponents.textAreaTokens.inputFontFamily, _styledComponents.textAreaTokens.inputFontSize, _styledComponents.textAreaTokens.inputFontStyle, _styledComponents.textAreaTokens.inputFontWeight, _styledComponents.textAreaTokens.inputLetterSpacing, _styledComponents.textAreaTokens.inputLineHeight, _styledComponents.textAreaTokens.helpersFontFamily, _styledComponents.textAreaTokens.helpersFontSize, _styledComponents.textAreaTokens.helpersFontStyle, _styledComponents.textAreaTokens.helpersFontWeight, _styledComponents.textAreaTokens.helpersLetterSpacing, _styledComponents.textAreaTokens.helpersLineHeight, _styledComponents.textAreaTokens.indicatorSizeInner, _styledComponents.textAreaTokens.indicatorSizeOuter, _styledComponents.textAreaTokens.indicatorLabelPlacementInner, _styledComponents.textAreaTokens.indicatorLabelPlacementOuter, _styledComponents.textAreaTokens.indicatorLabelPlacementInnerRight, _styledComponents.textAreaTokens.indicatorLabelPlacementOuterRight),
|
19
|
-
m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": 7rem;\n ", ": 1.125rem;\n ", ": 0.75rem;\n ", ": 0.75rem;\n ", ": 0.875rem;\n ", ": 1rem;\n ", ": 3.375rem;\n ", ": 0.75rem;\n ", ": 0.75rem;\n ", ": 1rem;\n ", ": 0.25rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0.375rem;\n ", ": 0.875rem;\n ", ": 0.875rem;\n ", ": 1.25rem;\n ", ": 0.625rem;\n ", ": var(--plasma-typo-caption-font-family);\n ", ": var(--plasma-typo-caption-font-size);\n ", ": var(--plasma-typo-caption-font-style);\n ", ": var(--plasma-typo-caption-font-weight);\n ", ": var(--plasma-typo-caption-letter-spacing);\n ", ": var(--plasma-typo-caption-line-height);\n ", ": 0.375rem;\n ", ": 0.125rem;\n ", ": var(--plasma-typo-body1-font-family);\n ", ": var(--plasma-typo-body1-font-size);\n ", ": var(--plasma-typo-body1-font-style);\n ", ": var(--plasma-typo-body1-font-weight);\n ", ": var(--plasma-typo-body1-letter-spacing);\n ", ": var(--plasma-typo-body1-line-height);\n ", ": var(--plasma-typo-caption-font-family);\n ", ": var(--plasma-typo-caption-font-size);\n ", ": var(--plasma-typo-caption-font-style);\n ", ": var(--plasma-typo-caption-font-weight);\n ", ": var(--plasma-typo-caption-letter-spacing);\n ", ": var(--plasma-typo-caption-line-height);\n ", ": 0.5rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n ", ": 0.4375rem auto auto -0.675rem;\n ", ": 0 0 auto auto;\n ", ": 0.1875rem -0.625rem auto auto;\n "])), _styledComponents.textAreaTokens.inputWidth, _styledComponents.textAreaTokens.inputHeight, _styledComponents.textAreaTokens.inputMinHeight, _styledComponents.textAreaTokens.borderRadius, _styledComponents.textAreaTokens.borderRadiusWithHelpers, _styledComponents.textAreaTokens.inputPaddingTop, _styledComponents.textAreaTokens.inputPaddingRight, _styledComponents.textAreaTokens.inputPaddingRightWithRightContent, _styledComponents.textAreaTokens.inputPaddingBottom, _styledComponents.textAreaTokens.inputPaddingBottomWithHelpers, _styledComponents.textAreaTokens.inputPaddingLeft, _styledComponents.textAreaTokens.helpersPaddingTop, _styledComponents.textAreaTokens.helpersPaddingRight, _styledComponents.textAreaTokens.helpersPaddingBottom, _styledComponents.textAreaTokens.helpersPaddingLeft, _styledComponents.textAreaTokens.helpersOffset, _styledComponents.textAreaTokens.rightContentTop, _styledComponents.textAreaTokens.rightContentRight, _styledComponents.textAreaTokens.rightContentHeight, _styledComponents.textAreaTokens.labelMarginBottom, _styledComponents.textAreaTokens.labelInnerFontFamily, _styledComponents.textAreaTokens.labelInnerFontSize, _styledComponents.textAreaTokens.labelInnerFontStyle, _styledComponents.textAreaTokens.labelInnerFontWeight, _styledComponents.textAreaTokens.labelInnerLetterSpacing, _styledComponents.textAreaTokens.labelInnerLineHeight, _styledComponents.textAreaTokens.labelInnerTop, _styledComponents.textAreaTokens.labelInnerMarginBottom, _styledComponents.textAreaTokens.inputFontFamily, _styledComponents.textAreaTokens.inputFontSize, _styledComponents.textAreaTokens.inputFontStyle, _styledComponents.textAreaTokens.inputFontWeight, _styledComponents.textAreaTokens.inputLetterSpacing, _styledComponents.textAreaTokens.inputLineHeight, _styledComponents.textAreaTokens.helpersFontFamily, _styledComponents.textAreaTokens.helpersFontSize, _styledComponents.textAreaTokens.helpersFontStyle, _styledComponents.textAreaTokens.helpersFontWeight, _styledComponents.textAreaTokens.helpersLetterSpacing, _styledComponents.textAreaTokens.helpersLineHeight, _styledComponents.textAreaTokens.indicatorSizeInner, _styledComponents.textAreaTokens.indicatorSizeOuter, _styledComponents.textAreaTokens.indicatorLabelPlacementInner, _styledComponents.textAreaTokens.indicatorLabelPlacementOuter, _styledComponents.textAreaTokens.indicatorLabelPlacementInnerRight, _styledComponents.textAreaTokens.indicatorLabelPlacementOuterRight),
|
20
|
-
l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": 6.812rem;\n ", ": 1.625rem;\n ", ": 0.875rem;\n ", ": 0.875rem;\n ", ": 1rem;\n ", ": 1.125rem;\n ", ": 3.625rem;\n ", ": 0.75rem;\n ", ": 0.75rem;\n ", ": 1.125rem;\n ", ": 0.25rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0.375rem;\n ", ": 1.063rem;\n ", ": 1rem;\n ", ": 1.25rem;\n ", ": 0.75rem;\n ", ": var(--plasma-typo-caption-font-family);\n ", ": var(--plasma-typo-caption-font-size);\n ", ": var(--plasma-typo-caption-font-style);\n ", ": var(--plasma-typo-caption-font-weight);\n ", ": var(--plasma-typo-caption-letter-spacing);\n ", ": var(--plasma-typo-caption-line-height);\n ", ": 0.5625rem;\n ", ": 0.125rem;\n ", ": 'SB Sans Text','SBSansText',sans-serif;\n ", ": 1.125rem;\n ", ": normal;\n ", ": 400;\n ", ": -0.02em;\n ", ": 1.375rem;\n ", ": var(--plasma-typo-caption-font-family);\n ", ": var(--plasma-typo-caption-font-size);\n ", ": var(--plasma-typo-caption-font-style);\n ", ": var(--plasma-typo-caption-font-weight);\n ", ": var(--plasma-typo-caption-letter-spacing);\n ", ": var(--plasma-typo-caption-line-height);\n ", ": 0.5rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n ", ": 0.5rem auto auto -0.675rem;\n ", ": 0 0 auto auto;\n ", ": 0.25rem -0.625rem auto auto;\n "])), _styledComponents.textAreaTokens.inputWidth, _styledComponents.textAreaTokens.inputHeight, _styledComponents.textAreaTokens.inputMinHeight, _styledComponents.textAreaTokens.borderRadius, _styledComponents.textAreaTokens.borderRadiusWithHelpers, _styledComponents.textAreaTokens.inputPaddingTop, _styledComponents.textAreaTokens.inputPaddingRight, _styledComponents.textAreaTokens.inputPaddingRightWithRightContent, _styledComponents.textAreaTokens.inputPaddingBottom, _styledComponents.textAreaTokens.inputPaddingBottomWithHelpers, _styledComponents.textAreaTokens.inputPaddingLeft, _styledComponents.textAreaTokens.helpersPaddingTop, _styledComponents.textAreaTokens.helpersPaddingRight, _styledComponents.textAreaTokens.helpersPaddingBottom, _styledComponents.textAreaTokens.helpersPaddingLeft, _styledComponents.textAreaTokens.helpersOffset, _styledComponents.textAreaTokens.rightContentTop, _styledComponents.textAreaTokens.rightContentRight, _styledComponents.textAreaTokens.rightContentHeight, _styledComponents.textAreaTokens.labelMarginBottom, _styledComponents.textAreaTokens.labelInnerFontFamily, _styledComponents.textAreaTokens.labelInnerFontSize, _styledComponents.textAreaTokens.labelInnerFontStyle, _styledComponents.textAreaTokens.labelInnerFontWeight, _styledComponents.textAreaTokens.labelInnerLetterSpacing, _styledComponents.textAreaTokens.labelInnerLineHeight, _styledComponents.textAreaTokens.labelInnerTop, _styledComponents.textAreaTokens.labelInnerMarginBottom, _styledComponents.textAreaTokens.inputFontFamily, _styledComponents.textAreaTokens.inputFontSize, _styledComponents.textAreaTokens.inputFontStyle, _styledComponents.textAreaTokens.inputFontWeight, _styledComponents.textAreaTokens.inputLetterSpacing, _styledComponents.textAreaTokens.inputLineHeight, _styledComponents.textAreaTokens.helpersFontFamily, _styledComponents.textAreaTokens.helpersFontSize, _styledComponents.textAreaTokens.helpersFontStyle, _styledComponents.textAreaTokens.helpersFontWeight, _styledComponents.textAreaTokens.helpersLetterSpacing, _styledComponents.textAreaTokens.helpersLineHeight, _styledComponents.textAreaTokens.indicatorSizeInner, _styledComponents.textAreaTokens.indicatorSizeOuter, _styledComponents.textAreaTokens.indicatorLabelPlacementInner, _styledComponents.textAreaTokens.indicatorLabelPlacementOuter, _styledComponents.textAreaTokens.indicatorLabelPlacementInnerRight, _styledComponents.textAreaTokens.indicatorLabelPlacementOuterRight)
|
17
|
+
xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": 7.312rem;\n ", ": 0.625rem;\n ", ": 0.5rem;\n ", ": 0.5rem;\n ", ": 0.563rem;\n ", ": 0.625rem;\n ", ": 2.125rem;\n ", ": 0.563rem;\n ", ": 0.563rem;\n ", ": 0.625rem;\n ", ": 0.25rem;\n ", ": 0.25rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0.375rem;\n ", ": 0.563rem;\n ", ": 0.5rem;\n ", ": 1.25rem;\n ", ": 0.375rem;\n ", ": 0.25rem;\n ", ": 'SB Sans Text','SBSansText',sans-serif;\n ", ": 0.625rem;\n ", ": normal;\n ", ": 400;\n ", ": -0.02em;\n ", ": 0.75rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": var(--plasma-typo-caption-font-family);\n ", ": var(--plasma-typo-caption-font-size);\n ", ": var(--plasma-typo-caption-font-style);\n ", ": var(--plasma-typo-caption-font-weight);\n ", ": var(--plasma-typo-caption-letter-spacing);\n ", ": var(--plasma-typo-caption-line-height);\n ", ": var(--plasma-typo-caption-font-family);\n ", ": var(--plasma-typo-caption-font-size);\n ", ": var(--plasma-typo-caption-font-style);\n ", ": var(--plasma-typo-caption-font-weight);\n ", ": var(--plasma-typo-caption-letter-spacing);\n ", ": var(--plasma-typo-caption-line-height);\n ", ": 0.375rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n ", ": 0.25rem auto auto -0.625rem;\n ", ": 0 0 auto auto;\n ", ": 0.125rem -0.675rem auto auto;\n "])), _styledComponents.textAreaTokens.inputWidth, _styledComponents.textAreaTokens.inputHeight, _styledComponents.textAreaTokens.inputMinHeight, _styledComponents.textAreaTokens.borderRadius, _styledComponents.textAreaTokens.borderRadiusWithHelpers, _styledComponents.textAreaTokens.inputPaddingTop, _styledComponents.textAreaTokens.inputPaddingRight, _styledComponents.textAreaTokens.inputPaddingRightWithRightContent, _styledComponents.textAreaTokens.inputPaddingBottom, _styledComponents.textAreaTokens.inputPaddingBottomWithHelpers, _styledComponents.textAreaTokens.inputPaddingLeft, _styledComponents.textAreaTokens.helpersPaddingTop, _styledComponents.textAreaTokens.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),
|
18
|
+
s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": 7.187rem;\n ", ": 0.625rem;\n ", ": 0.625rem;\n ", ": 0.625rem;\n ", ": 0.688rem;\n ", ": 0.875rem;\n ", ": 3.125rem;\n ", ": 0.75rem;\n ", ": 0.75rem;\n ", ": 0.875rem;\n ", ": 0.25rem;\n ", ": 0.25rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0.375rem;\n ", ": 0.688rem;\n ", ": 0.75rem;\n ", ": 1.25rem;\n ", ": 0.5rem;\n ", ": 0.25rem;\n ", ": var(--plasma-typo-caption-font-family);\n ", ": var(--plasma-typo-caption-font-size);\n ", ": var(--plasma-typo-caption-font-style);\n ", ": var(--plasma-typo-caption-font-weight);\n ", ": var(--plasma-typo-caption-letter-spacing);\n ", ": var(--plasma-typo-caption-line-height);\n ", ": 0.375rem;\n ", ": 0.125rem;\n ", ": var(--plasma-typo-footnote1-font-family);\n ", ": var(--plasma-typo-footnote1-font-size);\n ", ": var(--plasma-typo-footnote1-font-style);\n ", ": var(--plasma-typo-footnote1-font-weight);\n ", ": var(--plasma-typo-footnote1-letter-spacing);\n ", ": var(--plasma-typo-footnote1-line-height);\n ", ": var(--plasma-typo-caption-font-family);\n ", ": var(--plasma-typo-caption-font-size);\n ", ": var(--plasma-typo-caption-font-style);\n ", ": var(--plasma-typo-caption-font-weight);\n ", ": var(--plasma-typo-caption-letter-spacing);\n ", ": var(--plasma-typo-caption-line-height);\n ", ": 0.375rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n ", ": 0.375rem auto auto -0.675rem;\n ", ": 0 0 auto auto;\n ", ": 0.25rem -0.625rem auto auto;\n "])), _styledComponents.textAreaTokens.inputWidth, _styledComponents.textAreaTokens.inputHeight, _styledComponents.textAreaTokens.inputMinHeight, _styledComponents.textAreaTokens.borderRadius, _styledComponents.textAreaTokens.borderRadiusWithHelpers, _styledComponents.textAreaTokens.inputPaddingTop, _styledComponents.textAreaTokens.inputPaddingRight, _styledComponents.textAreaTokens.inputPaddingRightWithRightContent, _styledComponents.textAreaTokens.inputPaddingBottom, _styledComponents.textAreaTokens.inputPaddingBottomWithHelpers, _styledComponents.textAreaTokens.inputPaddingLeft, _styledComponents.textAreaTokens.helpersPaddingTop, _styledComponents.textAreaTokens.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),
|
19
|
+
m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": 7rem;\n ", ": 1.125rem;\n ", ": 0.75rem;\n ", ": 0.75rem;\n ", ": 0.875rem;\n ", ": 1rem;\n ", ": 3.375rem;\n ", ": 0.75rem;\n ", ": 0.75rem;\n ", ": 1rem;\n ", ": 0.25rem;\n ", ": 0.25rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0.375rem;\n ", ": 0.875rem;\n ", ": 0.875rem;\n ", ": 1.25rem;\n ", ": 0.625rem;\n ", ": 0.25rem;\n ", ": var(--plasma-typo-caption-font-family);\n ", ": var(--plasma-typo-caption-font-size);\n ", ": var(--plasma-typo-caption-font-style);\n ", ": var(--plasma-typo-caption-font-weight);\n ", ": var(--plasma-typo-caption-letter-spacing);\n ", ": var(--plasma-typo-caption-line-height);\n ", ": 0.375rem;\n ", ": 0.125rem;\n ", ": var(--plasma-typo-body1-font-family);\n ", ": var(--plasma-typo-body1-font-size);\n ", ": var(--plasma-typo-body1-font-style);\n ", ": var(--plasma-typo-body1-font-weight);\n ", ": var(--plasma-typo-body1-letter-spacing);\n ", ": var(--plasma-typo-body1-line-height);\n ", ": var(--plasma-typo-caption-font-family);\n ", ": var(--plasma-typo-caption-font-size);\n ", ": var(--plasma-typo-caption-font-style);\n ", ": var(--plasma-typo-caption-font-weight);\n ", ": var(--plasma-typo-caption-letter-spacing);\n ", ": var(--plasma-typo-caption-line-height);\n ", ": 0.5rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n ", ": 0.4375rem auto auto -0.675rem;\n ", ": 0 0 auto auto;\n ", ": 0.1875rem -0.625rem auto auto;\n "])), _styledComponents.textAreaTokens.inputWidth, _styledComponents.textAreaTokens.inputHeight, _styledComponents.textAreaTokens.inputMinHeight, _styledComponents.textAreaTokens.borderRadius, _styledComponents.textAreaTokens.borderRadiusWithHelpers, _styledComponents.textAreaTokens.inputPaddingTop, _styledComponents.textAreaTokens.inputPaddingRight, _styledComponents.textAreaTokens.inputPaddingRightWithRightContent, _styledComponents.textAreaTokens.inputPaddingBottom, _styledComponents.textAreaTokens.inputPaddingBottomWithHelpers, _styledComponents.textAreaTokens.inputPaddingLeft, _styledComponents.textAreaTokens.helpersPaddingTop, _styledComponents.textAreaTokens.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),
|
20
|
+
l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": 6.812rem;\n ", ": 1.625rem;\n ", ": 0.875rem;\n ", ": 0.875rem;\n ", ": 1rem;\n ", ": 1.125rem;\n ", ": 3.625rem;\n ", ": 0.75rem;\n ", ": 0.75rem;\n ", ": 1.125rem;\n ", ": 0.25rem;\n ", ": 0.25rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0.375rem;\n ", ": 1.063rem;\n ", ": 1rem;\n ", ": 1.25rem;\n ", ": 0.75rem;\n ", ": 0.25rem;\n ", ": var(--plasma-typo-caption-font-family);\n ", ": var(--plasma-typo-caption-font-size);\n ", ": var(--plasma-typo-caption-font-style);\n ", ": var(--plasma-typo-caption-font-weight);\n ", ": var(--plasma-typo-caption-letter-spacing);\n ", ": var(--plasma-typo-caption-line-height);\n ", ": 0.5625rem;\n ", ": 0.125rem;\n ", ": 'SB Sans Text','SBSansText',sans-serif;\n ", ": 1.125rem;\n ", ": normal;\n ", ": 400;\n ", ": -0.02em;\n ", ": 1.375rem;\n ", ": var(--plasma-typo-caption-font-family);\n ", ": var(--plasma-typo-caption-font-size);\n ", ": var(--plasma-typo-caption-font-style);\n ", ": var(--plasma-typo-caption-font-weight);\n ", ": var(--plasma-typo-caption-letter-spacing);\n ", ": var(--plasma-typo-caption-line-height);\n ", ": 0.5rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n ", ": 0.5rem auto auto -0.675rem;\n ", ": 0 0 auto auto;\n ", ": 0.25rem -0.625rem auto auto;\n "])), _styledComponents.textAreaTokens.inputWidth, _styledComponents.textAreaTokens.inputHeight, _styledComponents.textAreaTokens.inputMinHeight, _styledComponents.textAreaTokens.borderRadius, _styledComponents.textAreaTokens.borderRadiusWithHelpers, _styledComponents.textAreaTokens.inputPaddingTop, _styledComponents.textAreaTokens.inputPaddingRight, _styledComponents.textAreaTokens.inputPaddingRightWithRightContent, _styledComponents.textAreaTokens.inputPaddingBottom, _styledComponents.textAreaTokens.inputPaddingBottomWithHelpers, _styledComponents.textAreaTokens.inputPaddingLeft, _styledComponents.textAreaTokens.helpersPaddingTop, _styledComponents.textAreaTokens.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)
|
21
21
|
},
|
22
22
|
view: {
|
23
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary-hover);\n ", ": var(--text-tertiary-hover);\n ", ": var(--text-accent);\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-accent);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--surface-negative);\n ", ": var(--text-tertiary);\n "])), _styledComponents.textAreaTokens.inputBorderColor, _styledComponents.textAreaTokens.inputBorderColorHover, _styledComponents.textAreaTokens.inputBorderColorActive, _styledComponents.textAreaTokens.inputBorderColorFocus, _styledComponents.textAreaTokens.inputColor, _styledComponents.textAreaTokens.inputColorFocus, _styledComponents.textAreaTokens.inputCaretColor, _styledComponents.textAreaTokens.placeholderColor, _styledComponents.textAreaTokens.placeholderColorFocus, _styledComponents.textAreaTokens.leftHelperColor, _styledComponents.textAreaTokens.rightHelperColor, _styledComponents.textAreaTokens.indicatorColor, _styledComponents.textAreaTokens.optionalColor),
|
23
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary-hover);\n ", ": var(--text-tertiary-hover);\n ", ": var(--text-accent);\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-accent);\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(--text-secondary);\n ", ": var(--surface-accent);\n "])), _styledComponents.textAreaTokens.inputBorderColor, _styledComponents.textAreaTokens.inputBorderColorHover, _styledComponents.textAreaTokens.inputBorderColorActive, _styledComponents.textAreaTokens.inputBorderColorFocus, _styledComponents.textAreaTokens.inputColor, _styledComponents.textAreaTokens.clearInputColor, _styledComponents.textAreaTokens.inputColorFocus, _styledComponents.textAreaTokens.inputCaretColor, _styledComponents.textAreaTokens.placeholderColor, _styledComponents.textAreaTokens.placeholderColorFocus, _styledComponents.textAreaTokens.leftHelperColor, _styledComponents.textAreaTokens.rightHelperColor, _styledComponents.textAreaTokens.indicatorColor, _styledComponents.textAreaTokens.optionalColor, _styledComponents.textAreaTokens.dividerColor, _styledComponents.textAreaTokens.dividerColorHover, _styledComponents.textAreaTokens.dividerColorFocus),
|
24
24
|
/**
|
25
25
|
* @deprecated
|
26
26
|
* использовать `default`
|
27
27
|
*/
|
28
|
-
primary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary-hover);\n ", ": var(--text-tertiary-hover);\n ", ": var(--text-accent);\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-accent);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--surface-negative);\n ", ": var(--text-tertiary);\n "])), _styledComponents.textAreaTokens.inputBorderColor, _styledComponents.textAreaTokens.inputBorderColorHover, _styledComponents.textAreaTokens.inputBorderColorActive, _styledComponents.textAreaTokens.inputBorderColorFocus, _styledComponents.textAreaTokens.inputColor, _styledComponents.textAreaTokens.inputColorFocus, _styledComponents.textAreaTokens.inputCaretColor, _styledComponents.textAreaTokens.placeholderColor, _styledComponents.textAreaTokens.placeholderColorFocus, _styledComponents.textAreaTokens.leftHelperColor, _styledComponents.textAreaTokens.rightHelperColor, _styledComponents.textAreaTokens.indicatorColor, _styledComponents.textAreaTokens.optionalColor),
|
29
|
-
positive: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-positive);\n ", ": var(--text-positive-hover);\n ", ": var(--text-positive-hover);\n ", ": var(--text-positive);\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-positive);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-positive);\n ", ": var(--text-secondary);\n ", ": var(--surface-negative);\n ", ": var(--text-tertiary);\n "])), _styledComponents.textAreaTokens.inputBorderColor, _styledComponents.textAreaTokens.inputBorderColorHover, _styledComponents.textAreaTokens.inputBorderColorActive, _styledComponents.textAreaTokens.inputBorderColorFocus, _styledComponents.textAreaTokens.inputColor, _styledComponents.textAreaTokens.inputColorFocus, _styledComponents.textAreaTokens.inputCaretColor, _styledComponents.textAreaTokens.placeholderColor, _styledComponents.textAreaTokens.placeholderColorFocus, _styledComponents.textAreaTokens.leftHelperColor, _styledComponents.textAreaTokens.rightHelperColor, _styledComponents.textAreaTokens.indicatorColor, _styledComponents.textAreaTokens.optionalColor),
|
30
|
-
warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-warning);\n ", ": var(--text-warning-hover);\n ", ": var(--text-warning-hover);\n ", ": var(--text-warning);\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-warning);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-warning);\n ", ": var(--text-secondary);\n ", ": var(--surface-negative);\n ", ": var(--text-tertiary);\n "])), _styledComponents.textAreaTokens.inputBorderColor, _styledComponents.textAreaTokens.inputBorderColorHover, _styledComponents.textAreaTokens.inputBorderColorActive, _styledComponents.textAreaTokens.inputBorderColorFocus, _styledComponents.textAreaTokens.inputColor, _styledComponents.textAreaTokens.inputColorFocus, _styledComponents.textAreaTokens.inputCaretColor, _styledComponents.textAreaTokens.placeholderColor, _styledComponents.textAreaTokens.placeholderColorFocus, _styledComponents.textAreaTokens.leftHelperColor, _styledComponents.textAreaTokens.rightHelperColor, _styledComponents.textAreaTokens.indicatorColor, _styledComponents.textAreaTokens.optionalColor),
|
31
|
-
negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-negative);\n ", ": var(--text-negative-hover);\n ", ": var(--text-negative-hover);\n ", ": var(--text-negative);\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-negative);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-negative);\n ", ": var(--text-secondary);\n ", ": var(--surface-negative);\n ", ": var(--text-tertiary);\n "])), _styledComponents.textAreaTokens.inputBorderColor, _styledComponents.textAreaTokens.inputBorderColorHover, _styledComponents.textAreaTokens.inputBorderColorActive, _styledComponents.textAreaTokens.inputBorderColorFocus, _styledComponents.textAreaTokens.inputColor, _styledComponents.textAreaTokens.inputColorFocus, _styledComponents.textAreaTokens.inputCaretColor, _styledComponents.textAreaTokens.placeholderColor, _styledComponents.textAreaTokens.placeholderColorFocus, _styledComponents.textAreaTokens.leftHelperColor, _styledComponents.textAreaTokens.rightHelperColor, _styledComponents.textAreaTokens.indicatorColor, _styledComponents.textAreaTokens.optionalColor)
|
28
|
+
primary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary-hover);\n ", ": var(--text-tertiary-hover);\n ", ": var(--text-accent);\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-accent);\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(--text-secondary);\n ", ": var(--surface-accent);\n "])), _styledComponents.textAreaTokens.inputBorderColor, _styledComponents.textAreaTokens.inputBorderColorHover, _styledComponents.textAreaTokens.inputBorderColorActive, _styledComponents.textAreaTokens.inputBorderColorFocus, _styledComponents.textAreaTokens.inputColor, _styledComponents.textAreaTokens.clearInputColor, _styledComponents.textAreaTokens.inputColorFocus, _styledComponents.textAreaTokens.inputCaretColor, _styledComponents.textAreaTokens.placeholderColor, _styledComponents.textAreaTokens.placeholderColorFocus, _styledComponents.textAreaTokens.leftHelperColor, _styledComponents.textAreaTokens.rightHelperColor, _styledComponents.textAreaTokens.indicatorColor, _styledComponents.textAreaTokens.optionalColor, _styledComponents.textAreaTokens.dividerColor, _styledComponents.textAreaTokens.dividerColorHover, _styledComponents.textAreaTokens.dividerColorFocus),
|
29
|
+
positive: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-positive);\n ", ": var(--text-positive-hover);\n ", ": var(--text-positive-hover);\n ", ": var(--text-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-secondary);\n ", ": var(--surface-negative);\n ", ": var(--text-tertiary);\n\n ", ": var(--surface-positive);\n ", ": var(--surface-positive);\n ", ": var(--surface-accent);\n "])), _styledComponents.textAreaTokens.inputBorderColor, _styledComponents.textAreaTokens.inputBorderColorHover, _styledComponents.textAreaTokens.inputBorderColorActive, _styledComponents.textAreaTokens.inputBorderColorFocus, _styledComponents.textAreaTokens.inputColor, _styledComponents.textAreaTokens.clearInputColor, _styledComponents.textAreaTokens.clearPlaceholderColor, _styledComponents.textAreaTokens.inputColorFocus, _styledComponents.textAreaTokens.inputCaretColor, _styledComponents.textAreaTokens.placeholderColor, _styledComponents.textAreaTokens.placeholderColorFocus, _styledComponents.textAreaTokens.leftHelperColor, _styledComponents.textAreaTokens.rightHelperColor, _styledComponents.textAreaTokens.indicatorColor, _styledComponents.textAreaTokens.optionalColor, _styledComponents.textAreaTokens.dividerColor, _styledComponents.textAreaTokens.dividerColorHover, _styledComponents.textAreaTokens.dividerColorFocus),
|
30
|
+
warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-warning);\n ", ": var(--text-warning-hover);\n ", ": var(--text-warning-hover);\n ", ": var(--text-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-secondary);\n ", ": var(--surface-negative);\n ", ": var(--text-tertiary);\n\n ", ": var(--surface-warning);\n ", ": var(--surface-warning);\n ", ": var(--surface-accent);\n "])), _styledComponents.textAreaTokens.inputBorderColor, _styledComponents.textAreaTokens.inputBorderColorHover, _styledComponents.textAreaTokens.inputBorderColorActive, _styledComponents.textAreaTokens.inputBorderColorFocus, _styledComponents.textAreaTokens.inputColor, _styledComponents.textAreaTokens.clearInputColor, _styledComponents.textAreaTokens.clearPlaceholderColor, _styledComponents.textAreaTokens.inputColorFocus, _styledComponents.textAreaTokens.inputCaretColor, _styledComponents.textAreaTokens.placeholderColor, _styledComponents.textAreaTokens.placeholderColorFocus, _styledComponents.textAreaTokens.leftHelperColor, _styledComponents.textAreaTokens.rightHelperColor, _styledComponents.textAreaTokens.indicatorColor, _styledComponents.textAreaTokens.optionalColor, _styledComponents.textAreaTokens.dividerColor, _styledComponents.textAreaTokens.dividerColorHover, _styledComponents.textAreaTokens.dividerColorFocus),
|
31
|
+
negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-negative);\n ", ": var(--text-negative-hover);\n ", ": var(--text-negative-hover);\n ", ": var(--text-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-secondary);\n ", ": var(--surface-negative);\n ", ": var(--text-tertiary);\n\n ", ": var(--surface-negative);\n ", ": var(--surface-negative);\n ", ": var(--surface-accent);\n "])), _styledComponents.textAreaTokens.inputBorderColor, _styledComponents.textAreaTokens.inputBorderColorHover, _styledComponents.textAreaTokens.inputBorderColorActive, _styledComponents.textAreaTokens.inputBorderColorFocus, _styledComponents.textAreaTokens.inputColor, _styledComponents.textAreaTokens.clearInputColor, _styledComponents.textAreaTokens.clearPlaceholderColor, _styledComponents.textAreaTokens.inputColorFocus, _styledComponents.textAreaTokens.inputCaretColor, _styledComponents.textAreaTokens.placeholderColor, _styledComponents.textAreaTokens.placeholderColorFocus, _styledComponents.textAreaTokens.leftHelperColor, _styledComponents.textAreaTokens.rightHelperColor, _styledComponents.textAreaTokens.indicatorColor, _styledComponents.textAreaTokens.optionalColor, _styledComponents.textAreaTokens.dividerColor, _styledComponents.textAreaTokens.dividerColorHover, _styledComponents.textAreaTokens.dividerColorFocus)
|
32
|
+
},
|
33
|
+
clear: {
|
34
|
+
"true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral([""])))
|
32
35
|
},
|
33
36
|
disabled: {
|
34
|
-
"true": /*#__PURE__*/(0, _styledComponents.css)(
|
37
|
+
"true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n ", ": var(--text-secondary);\n ", ": var(--surface-transparent-primary);\n "])), _styledComponents.textAreaTokens.disabledOpacity, _styledComponents.textAreaTokens.inputColorDisabled, _styledComponents.textAreaTokens.dividerColorReadOnly)
|
35
38
|
}
|
36
39
|
}
|
37
40
|
};
|
@@ -25,9 +25,28 @@ declare type RequiredProps = {
|
|
25
25
|
*/
|
26
26
|
required?: never | false;
|
27
27
|
});
|
28
|
+
declare type ClearProps = {
|
29
|
+
/**
|
30
|
+
* view применяется с clear-токенами
|
31
|
+
*/
|
32
|
+
clear?: boolean;
|
33
|
+
/**
|
34
|
+
* отобразить ли divider
|
35
|
+
*/
|
36
|
+
hasDivider?: boolean;
|
37
|
+
} | {
|
38
|
+
/**
|
39
|
+
* view применяется с clear-токенами
|
40
|
+
*/
|
41
|
+
clear?: false;
|
42
|
+
/**
|
43
|
+
* отобразить ли divider
|
44
|
+
*/
|
45
|
+
hasDivider?: never;
|
46
|
+
};
|
28
47
|
export declare type TextAreaProps = TextAreaPropsBase & {
|
29
48
|
/**
|
30
49
|
* @deprecated не используется в компоненте
|
31
50
|
*/
|
32
51
|
resize?: 'none' | 'both' | 'horizontal' | 'vertical';
|
33
|
-
} & RequiredProps;
|
52
|
+
} & RequiredProps & ClearProps;
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import './TextArea.
|
1
|
+
import './TextArea.config_65rkej.css';
|
2
2
|
'use strict';
|
3
3
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
@@ -26,8 +26,11 @@ var config = {
|
|
26
26
|
warning: "w12dmzpw",
|
27
27
|
negative: "nms0v69"
|
28
28
|
},
|
29
|
-
|
29
|
+
clear: {
|
30
30
|
"true": "t18le4t3"
|
31
|
+
},
|
32
|
+
disabled: {
|
33
|
+
"true": "tobk1y6"
|
31
34
|
}
|
32
35
|
}
|
33
36
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TextArea.config.js","sources":["../../../../src-css/components/TextArea/TextArea.config.ts"],"sourcesContent":["import { css, textAreaTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'primary',\n focused: 'true',\n },\n variations: {\n size: {\n xs: css`\n ${textAreaTokens.inputWidth}: 100%;\n ${textAreaTokens.inputHeight}: 7.312rem;\n ${textAreaTokens.inputMinHeight}: 0.625rem;\n ${textAreaTokens.borderRadius}: 0.5rem;\n ${textAreaTokens.borderRadiusWithHelpers}: 0.5rem;\n ${textAreaTokens.inputPaddingTop}: 0.563rem;\n ${textAreaTokens.inputPaddingRight}: 0.625rem;\n ${textAreaTokens.inputPaddingRightWithRightContent}: 2.125rem;\n ${textAreaTokens.inputPaddingBottom}: 0.563rem;\n ${textAreaTokens.inputPaddingBottomWithHelpers}: 0.563rem;\n ${textAreaTokens.inputPaddingLeft}: 0.625rem;\n ${textAreaTokens.helpersPaddingTop}: 0.25rem;\n ${textAreaTokens.helpersPaddingRight}: 0rem;\n ${textAreaTokens.helpersPaddingBottom}: 0rem;\n ${textAreaTokens.helpersPaddingLeft}: 0rem;\n ${textAreaTokens.helpersOffset}: 0.375rem;\n ${textAreaTokens.rightContentTop}: 0.563rem;\n ${textAreaTokens.rightContentRight}: 0.5rem;\n ${textAreaTokens.rightContentHeight}: 1.25rem;\n ${textAreaTokens.labelMarginBottom}: 0.375rem;\n ${textAreaTokens.labelInnerFontFamily}: 'SB Sans Text','SBSansText',sans-serif;\n ${textAreaTokens.labelInnerFontSize}: 0.625rem;\n ${textAreaTokens.labelInnerFontStyle}: normal;\n ${textAreaTokens.labelInnerFontWeight}: 400;\n ${textAreaTokens.labelInnerLetterSpacing}: -0.02em;\n ${textAreaTokens.labelInnerLineHeight}: 0.75rem;\n ${textAreaTokens.labelInnerTop}: 0rem;\n ${textAreaTokens.labelInnerMarginBottom}: 0rem;\n ${textAreaTokens.inputFontFamily}: var(--plasma-typo-caption-font-family);\n ${textAreaTokens.inputFontSize}: var(--plasma-typo-caption-font-size);\n ${textAreaTokens.inputFontStyle}: var(--plasma-typo-caption-font-style);\n ${textAreaTokens.inputFontWeight}: var(--plasma-typo-caption-font-weight);\n ${textAreaTokens.inputLetterSpacing}: var(--plasma-typo-caption-letter-spacing);\n ${textAreaTokens.inputLineHeight}: var(--plasma-typo-caption-line-height);\n ${textAreaTokens.helpersFontFamily}: var(--plasma-typo-caption-font-family);\n ${textAreaTokens.helpersFontSize}: var(--plasma-typo-caption-font-size);\n ${textAreaTokens.helpersFontStyle}: var(--plasma-typo-caption-font-style);\n ${textAreaTokens.helpersFontWeight}: var(--plasma-typo-caption-font-weight);\n ${textAreaTokens.helpersLetterSpacing}: var(--plasma-typo-caption-letter-spacing);\n ${textAreaTokens.helpersLineHeight}: var(--plasma-typo-caption-line-height);\n ${textAreaTokens.indicatorSizeInner}: 0.375rem;\n ${textAreaTokens.indicatorSizeOuter}: 0.375rem;\n ${textAreaTokens.indicatorLabelPlacementInner}: 0 0 0 0;\n ${textAreaTokens.indicatorLabelPlacementOuter}: 0.25rem auto auto -0.625rem;\n ${textAreaTokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${textAreaTokens.indicatorLabelPlacementOuterRight}: 0.125rem -0.675rem auto auto;\n `,\n s: css`\n ${textAreaTokens.inputWidth}: 100%;\n ${textAreaTokens.inputHeight}: 7.187rem;\n ${textAreaTokens.inputMinHeight}: 0.625rem;\n ${textAreaTokens.borderRadius}: 0.625rem;\n ${textAreaTokens.borderRadiusWithHelpers}: 0.625rem;\n ${textAreaTokens.inputPaddingTop}: 0.688rem;\n ${textAreaTokens.inputPaddingRight}: 0.875rem;\n ${textAreaTokens.inputPaddingRightWithRightContent}: 3.125rem;\n ${textAreaTokens.inputPaddingBottom}: 0.75rem;\n ${textAreaTokens.inputPaddingBottomWithHelpers}: 0.75rem;\n ${textAreaTokens.inputPaddingLeft}: 0.875rem;\n ${textAreaTokens.helpersPaddingTop}: 0.25rem;\n ${textAreaTokens.helpersPaddingRight}: 0rem;\n ${textAreaTokens.helpersPaddingBottom}: 0rem;\n ${textAreaTokens.helpersPaddingLeft}: 0rem;\n ${textAreaTokens.helpersOffset}: 0.375rem;\n ${textAreaTokens.rightContentTop}: 0.688rem;\n ${textAreaTokens.rightContentRight}: 0.75rem;\n ${textAreaTokens.rightContentHeight}: 1.25rem;\n ${textAreaTokens.labelMarginBottom}: 0.5rem;\n ${textAreaTokens.labelInnerFontFamily}: var(--plasma-typo-caption-font-family);\n ${textAreaTokens.labelInnerFontSize}: var(--plasma-typo-caption-font-size);\n ${textAreaTokens.labelInnerFontStyle}: var(--plasma-typo-caption-font-style);\n ${textAreaTokens.labelInnerFontWeight}: var(--plasma-typo-caption-font-weight);\n ${textAreaTokens.labelInnerLetterSpacing}: var(--plasma-typo-caption-letter-spacing);\n ${textAreaTokens.labelInnerLineHeight}: var(--plasma-typo-caption-line-height);\n ${textAreaTokens.labelInnerTop}: 0.375rem;\n ${textAreaTokens.labelInnerMarginBottom}: 0.125rem;\n ${textAreaTokens.inputFontFamily}: var(--plasma-typo-footnote1-font-family);\n ${textAreaTokens.inputFontSize}: var(--plasma-typo-footnote1-font-size);\n ${textAreaTokens.inputFontStyle}: var(--plasma-typo-footnote1-font-style);\n ${textAreaTokens.inputFontWeight}: var(--plasma-typo-footnote1-font-weight);\n ${textAreaTokens.inputLetterSpacing}: var(--plasma-typo-footnote1-letter-spacing);\n ${textAreaTokens.inputLineHeight}: var(--plasma-typo-footnote1-line-height);\n ${textAreaTokens.helpersFontFamily}: var(--plasma-typo-caption-font-family);\n ${textAreaTokens.helpersFontSize}: var(--plasma-typo-caption-font-size);\n ${textAreaTokens.helpersFontStyle}: var(--plasma-typo-caption-font-style);\n ${textAreaTokens.helpersFontWeight}: var(--plasma-typo-caption-font-weight);\n ${textAreaTokens.helpersLetterSpacing}: var(--plasma-typo-caption-letter-spacing);\n ${textAreaTokens.helpersLineHeight}: var(--plasma-typo-caption-line-height);\n ${textAreaTokens.indicatorSizeInner}: 0.375rem;\n ${textAreaTokens.indicatorSizeOuter}: 0.375rem;\n ${textAreaTokens.indicatorLabelPlacementInner}: 0 0 0 0;\n ${textAreaTokens.indicatorLabelPlacementOuter}: 0.375rem auto auto -0.675rem;\n ${textAreaTokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${textAreaTokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n `,\n m: css`\n ${textAreaTokens.inputWidth}: 100%;\n ${textAreaTokens.inputHeight}: 7rem;\n ${textAreaTokens.inputMinHeight}: 1.125rem;\n ${textAreaTokens.borderRadius}: 0.75rem;\n ${textAreaTokens.borderRadiusWithHelpers}: 0.75rem;\n ${textAreaTokens.inputPaddingTop}: 0.875rem;\n ${textAreaTokens.inputPaddingRight}: 1rem;\n ${textAreaTokens.inputPaddingRightWithRightContent}: 3.375rem;\n ${textAreaTokens.inputPaddingBottom}: 0.75rem;\n ${textAreaTokens.inputPaddingBottomWithHelpers}: 0.75rem;\n ${textAreaTokens.inputPaddingLeft}: 1rem;\n ${textAreaTokens.helpersPaddingTop}: 0.25rem;\n ${textAreaTokens.helpersPaddingRight}: 0rem;\n ${textAreaTokens.helpersPaddingBottom}: 0rem;\n ${textAreaTokens.helpersPaddingLeft}: 0rem;\n ${textAreaTokens.helpersOffset}: 0.375rem;\n ${textAreaTokens.rightContentTop}: 0.875rem;\n ${textAreaTokens.rightContentRight}: 0.875rem;\n ${textAreaTokens.rightContentHeight}: 1.25rem;\n ${textAreaTokens.labelMarginBottom}: 0.625rem;\n ${textAreaTokens.labelInnerFontFamily}: var(--plasma-typo-caption-font-family);\n ${textAreaTokens.labelInnerFontSize}: var(--plasma-typo-caption-font-size);\n ${textAreaTokens.labelInnerFontStyle}: var(--plasma-typo-caption-font-style);\n ${textAreaTokens.labelInnerFontWeight}: var(--plasma-typo-caption-font-weight);\n ${textAreaTokens.labelInnerLetterSpacing}: var(--plasma-typo-caption-letter-spacing);\n ${textAreaTokens.labelInnerLineHeight}: var(--plasma-typo-caption-line-height);\n ${textAreaTokens.labelInnerTop}: 0.375rem;\n ${textAreaTokens.labelInnerMarginBottom}: 0.125rem;\n ${textAreaTokens.inputFontFamily}: var(--plasma-typo-body1-font-family);\n ${textAreaTokens.inputFontSize}: var(--plasma-typo-body1-font-size);\n ${textAreaTokens.inputFontStyle}: var(--plasma-typo-body1-font-style);\n ${textAreaTokens.inputFontWeight}: var(--plasma-typo-body1-font-weight);\n ${textAreaTokens.inputLetterSpacing}: var(--plasma-typo-body1-letter-spacing);\n ${textAreaTokens.inputLineHeight}: var(--plasma-typo-body1-line-height);\n ${textAreaTokens.helpersFontFamily}: var(--plasma-typo-caption-font-family);\n ${textAreaTokens.helpersFontSize}: var(--plasma-typo-caption-font-size);\n ${textAreaTokens.helpersFontStyle}: var(--plasma-typo-caption-font-style);\n ${textAreaTokens.helpersFontWeight}: var(--plasma-typo-caption-font-weight);\n ${textAreaTokens.helpersLetterSpacing}: var(--plasma-typo-caption-letter-spacing);\n ${textAreaTokens.helpersLineHeight}: var(--plasma-typo-caption-line-height);\n ${textAreaTokens.indicatorSizeInner}: 0.5rem;\n ${textAreaTokens.indicatorSizeOuter}: 0.375rem;\n ${textAreaTokens.indicatorLabelPlacementInner}: 0 0 0 0;\n ${textAreaTokens.indicatorLabelPlacementOuter}: 0.4375rem auto auto -0.675rem;\n ${textAreaTokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${textAreaTokens.indicatorLabelPlacementOuterRight}: 0.1875rem -0.625rem auto auto;\n `,\n l: css`\n ${textAreaTokens.inputWidth}: 100%;\n ${textAreaTokens.inputHeight}: 6.812rem;\n ${textAreaTokens.inputMinHeight}: 1.625rem;\n ${textAreaTokens.borderRadius}: 0.875rem;\n ${textAreaTokens.borderRadiusWithHelpers}: 0.875rem;\n ${textAreaTokens.inputPaddingTop}: 1rem;\n ${textAreaTokens.inputPaddingRight}: 1.125rem;\n ${textAreaTokens.inputPaddingRightWithRightContent}: 3.625rem;\n ${textAreaTokens.inputPaddingBottom}: 0.75rem;\n ${textAreaTokens.inputPaddingBottomWithHelpers}: 0.75rem;\n ${textAreaTokens.inputPaddingLeft}: 1.125rem;\n ${textAreaTokens.helpersPaddingTop}: 0.25rem;\n ${textAreaTokens.helpersPaddingRight}: 0rem;\n ${textAreaTokens.helpersPaddingBottom}: 0rem;\n ${textAreaTokens.helpersPaddingLeft}: 0rem;\n ${textAreaTokens.helpersOffset}: 0.375rem;\n ${textAreaTokens.rightContentTop}: 1.063rem;\n ${textAreaTokens.rightContentRight}: 1rem;\n ${textAreaTokens.rightContentHeight}: 1.25rem;\n ${textAreaTokens.labelMarginBottom}: 0.75rem;\n ${textAreaTokens.labelInnerFontFamily}: var(--plasma-typo-caption-font-family);\n ${textAreaTokens.labelInnerFontSize}: var(--plasma-typo-caption-font-size);\n ${textAreaTokens.labelInnerFontStyle}: var(--plasma-typo-caption-font-style);\n ${textAreaTokens.labelInnerFontWeight}: var(--plasma-typo-caption-font-weight);\n ${textAreaTokens.labelInnerLetterSpacing}: var(--plasma-typo-caption-letter-spacing);\n ${textAreaTokens.labelInnerLineHeight}: var(--plasma-typo-caption-line-height);\n ${textAreaTokens.labelInnerTop}: 0.5625rem;\n ${textAreaTokens.labelInnerMarginBottom}: 0.125rem;\n ${textAreaTokens.inputFontFamily}: 'SB Sans Text','SBSansText',sans-serif;\n ${textAreaTokens.inputFontSize}: 1.125rem;\n ${textAreaTokens.inputFontStyle}: normal;\n ${textAreaTokens.inputFontWeight}: 400;\n ${textAreaTokens.inputLetterSpacing}: -0.02em;\n ${textAreaTokens.inputLineHeight}: 1.375rem;\n ${textAreaTokens.helpersFontFamily}: var(--plasma-typo-caption-font-family);\n ${textAreaTokens.helpersFontSize}: var(--plasma-typo-caption-font-size);\n ${textAreaTokens.helpersFontStyle}: var(--plasma-typo-caption-font-style);\n ${textAreaTokens.helpersFontWeight}: var(--plasma-typo-caption-font-weight);\n ${textAreaTokens.helpersLetterSpacing}: var(--plasma-typo-caption-letter-spacing);\n ${textAreaTokens.helpersLineHeight}: var(--plasma-typo-caption-line-height);\n ${textAreaTokens.indicatorSizeInner}: 0.5rem;\n ${textAreaTokens.indicatorSizeOuter}: 0.375rem;\n ${textAreaTokens.indicatorLabelPlacementInner}: 0 0 0 0;\n ${textAreaTokens.indicatorLabelPlacementOuter}: 0.5rem auto auto -0.675rem;\n ${textAreaTokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${textAreaTokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n `,\n },\n view: {\n default: css`\n ${textAreaTokens.inputBorderColor}: var(--text-tertiary);\n ${textAreaTokens.inputBorderColorHover}: var(--text-tertiary-hover);\n ${textAreaTokens.inputBorderColorActive}: var(--text-tertiary-hover);\n ${textAreaTokens.inputBorderColorFocus}: var(--text-accent);\n ${textAreaTokens.inputColor}: var(--text-primary);\n ${textAreaTokens.inputColorFocus}: var(--text-primary);\n ${textAreaTokens.inputCaretColor}: var(--text-accent);\n ${textAreaTokens.placeholderColor}: var(--text-secondary);\n ${textAreaTokens.placeholderColorFocus}: var(--text-tertiary);\n ${textAreaTokens.leftHelperColor}: var(--text-secondary);\n ${textAreaTokens.rightHelperColor}: var(--text-secondary);\n ${textAreaTokens.indicatorColor}: var(--surface-negative);\n ${textAreaTokens.optionalColor}: var(--text-tertiary);\n `,\n /**\n * @deprecated\n * использовать `default`\n */\n primary: css`\n ${textAreaTokens.inputBorderColor}: var(--text-tertiary);\n ${textAreaTokens.inputBorderColorHover}: var(--text-tertiary-hover);\n ${textAreaTokens.inputBorderColorActive}: var(--text-tertiary-hover);\n ${textAreaTokens.inputBorderColorFocus}: var(--text-accent);\n ${textAreaTokens.inputColor}: var(--text-primary);\n ${textAreaTokens.inputColorFocus}: var(--text-primary);\n ${textAreaTokens.inputCaretColor}: var(--text-accent);\n ${textAreaTokens.placeholderColor}: var(--text-secondary);\n ${textAreaTokens.placeholderColorFocus}: var(--text-tertiary);\n ${textAreaTokens.leftHelperColor}: var(--text-secondary);\n ${textAreaTokens.rightHelperColor}: var(--text-secondary);\n ${textAreaTokens.indicatorColor}: var(--surface-negative);\n ${textAreaTokens.optionalColor}: var(--text-tertiary);\n `,\n positive: css`\n ${textAreaTokens.inputBorderColor}: var(--text-positive);\n ${textAreaTokens.inputBorderColorHover}: var(--text-positive-hover);\n ${textAreaTokens.inputBorderColorActive}: var(--text-positive-hover);\n ${textAreaTokens.inputBorderColorFocus}: var(--text-positive);\n ${textAreaTokens.inputColor}: var(--text-primary);\n ${textAreaTokens.inputColorFocus}: var(--text-primary);\n ${textAreaTokens.inputCaretColor}: var(--text-positive);\n ${textAreaTokens.placeholderColor}: var(--text-secondary);\n ${textAreaTokens.placeholderColorFocus}: var(--text-tertiary);\n ${textAreaTokens.leftHelperColor}: var(--text-positive);\n ${textAreaTokens.rightHelperColor}: var(--text-secondary);\n ${textAreaTokens.indicatorColor}: var(--surface-negative);\n ${textAreaTokens.optionalColor}: var(--text-tertiary);\n `,\n warning: css`\n ${textAreaTokens.inputBorderColor}: var(--text-warning);\n ${textAreaTokens.inputBorderColorHover}: var(--text-warning-hover);\n ${textAreaTokens.inputBorderColorActive}: var(--text-warning-hover);\n ${textAreaTokens.inputBorderColorFocus}: var(--text-warning);\n ${textAreaTokens.inputColor}: var(--text-primary);\n ${textAreaTokens.inputColorFocus}: var(--text-primary);\n ${textAreaTokens.inputCaretColor}: var(--text-warning);\n ${textAreaTokens.placeholderColor}: var(--text-secondary);\n ${textAreaTokens.placeholderColorFocus}: var(--text-tertiary);\n ${textAreaTokens.leftHelperColor}: var(--text-warning);\n ${textAreaTokens.rightHelperColor}: var(--text-secondary);\n ${textAreaTokens.indicatorColor}: var(--surface-negative);\n ${textAreaTokens.optionalColor}: var(--text-tertiary);\n `,\n negative: css`\n ${textAreaTokens.inputBorderColor}: var(--text-negative);\n ${textAreaTokens.inputBorderColorHover}: var(--text-negative-hover);\n ${textAreaTokens.inputBorderColorActive}: var(--text-negative-hover);\n ${textAreaTokens.inputBorderColorFocus}: var(--text-negative);\n ${textAreaTokens.inputColor}: var(--text-primary);\n ${textAreaTokens.inputColorFocus}: var(--text-primary);\n ${textAreaTokens.inputCaretColor}: var(--text-negative);\n ${textAreaTokens.placeholderColor}: var(--text-secondary);\n ${textAreaTokens.placeholderColorFocus}: var(--text-tertiary);\n ${textAreaTokens.leftHelperColor}: var(--text-negative);\n ${textAreaTokens.rightHelperColor}: var(--text-secondary);\n ${textAreaTokens.indicatorColor}: var(--surface-negative);\n ${textAreaTokens.optionalColor}: var(--text-tertiary);\n `,\n },\n disabled: {\n true: css`\n ${textAreaTokens.disabledOpacity}: 0.4;\n ${textAreaTokens.inputColorDisabled}: var(--text-secondary);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","focused","variations","size","xs","s","m","l","default","primary","positive","warning","negative","disabled","true"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,OAAO,EAAE,MAAA;GACZ;AACDC,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,EAAE,EA+CD,UAAA;AACDC,MAAAA,CAAC,EA+CA,UAAA;AACDC,MAAAA,CAAC,EA+CA,UAAA;AACDC,MAAAA,CAAC,EAAA,UAAA;KAgDJ;AACDP,IAAAA,IAAI,EAAE;AACFQ,MAAAA,SAAAA,EAcC,UAAA;AACD;AACZ;AACA;AACA;AACYC,MAAAA,OAAO,EAcN,UAAA;AACDC,MAAAA,QAAQ,EAcP,UAAA;AACDC,MAAAA,OAAO,EAcN,UAAA;AACDC,MAAAA,QAAQ,EAAA,SAAA;KAeX;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,UAAA;AAIR,KAAA;AACJ,GAAA;AACJ;;;;"}
|
1
|
+
{"version":3,"file":"TextArea.config.js","sources":["../../../../src-css/components/TextArea/TextArea.config.ts"],"sourcesContent":["import { css, textAreaTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'primary',\n focused: 'true',\n },\n variations: {\n size: {\n xs: css`\n ${textAreaTokens.inputWidth}: 100%;\n ${textAreaTokens.inputHeight}: 7.312rem;\n ${textAreaTokens.inputMinHeight}: 0.625rem;\n ${textAreaTokens.borderRadius}: 0.5rem;\n ${textAreaTokens.borderRadiusWithHelpers}: 0.5rem;\n ${textAreaTokens.inputPaddingTop}: 0.563rem;\n ${textAreaTokens.inputPaddingRight}: 0.625rem;\n ${textAreaTokens.inputPaddingRightWithRightContent}: 2.125rem;\n ${textAreaTokens.inputPaddingBottom}: 0.563rem;\n ${textAreaTokens.inputPaddingBottomWithHelpers}: 0.563rem;\n ${textAreaTokens.inputPaddingLeft}: 0.625rem;\n ${textAreaTokens.helpersPaddingTop}: 0.25rem;\n ${textAreaTokens.clearHelpersPaddingTop}: 0.25rem;\n ${textAreaTokens.helpersPaddingRight}: 0rem;\n ${textAreaTokens.helpersPaddingBottom}: 0rem;\n ${textAreaTokens.helpersPaddingLeft}: 0rem;\n ${textAreaTokens.helpersOffset}: 0.375rem;\n ${textAreaTokens.rightContentTop}: 0.563rem;\n ${textAreaTokens.rightContentRight}: 0.5rem;\n ${textAreaTokens.rightContentHeight}: 1.25rem;\n ${textAreaTokens.labelMarginBottom}: 0.375rem;\n ${textAreaTokens.clearLabelMarginBottom}: 0.25rem;\n ${textAreaTokens.labelInnerFontFamily}: 'SB Sans Text','SBSansText',sans-serif;\n ${textAreaTokens.labelInnerFontSize}: 0.625rem;\n ${textAreaTokens.labelInnerFontStyle}: normal;\n ${textAreaTokens.labelInnerFontWeight}: 400;\n ${textAreaTokens.labelInnerLetterSpacing}: -0.02em;\n ${textAreaTokens.labelInnerLineHeight}: 0.75rem;\n ${textAreaTokens.labelInnerTop}: 0rem;\n ${textAreaTokens.labelInnerMarginBottom}: 0rem;\n ${textAreaTokens.inputFontFamily}: var(--plasma-typo-caption-font-family);\n ${textAreaTokens.inputFontSize}: var(--plasma-typo-caption-font-size);\n ${textAreaTokens.inputFontStyle}: var(--plasma-typo-caption-font-style);\n ${textAreaTokens.inputFontWeight}: var(--plasma-typo-caption-font-weight);\n ${textAreaTokens.inputLetterSpacing}: var(--plasma-typo-caption-letter-spacing);\n ${textAreaTokens.inputLineHeight}: var(--plasma-typo-caption-line-height);\n ${textAreaTokens.helpersFontFamily}: var(--plasma-typo-caption-font-family);\n ${textAreaTokens.helpersFontSize}: var(--plasma-typo-caption-font-size);\n ${textAreaTokens.helpersFontStyle}: var(--plasma-typo-caption-font-style);\n ${textAreaTokens.helpersFontWeight}: var(--plasma-typo-caption-font-weight);\n ${textAreaTokens.helpersLetterSpacing}: var(--plasma-typo-caption-letter-spacing);\n ${textAreaTokens.helpersLineHeight}: var(--plasma-typo-caption-line-height);\n ${textAreaTokens.indicatorSizeInner}: 0.375rem;\n ${textAreaTokens.indicatorSizeOuter}: 0.375rem;\n ${textAreaTokens.indicatorLabelPlacementInner}: 0 0 0 0;\n ${textAreaTokens.indicatorLabelPlacementOuter}: 0.25rem auto auto -0.625rem;\n ${textAreaTokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${textAreaTokens.indicatorLabelPlacementOuterRight}: 0.125rem -0.675rem auto auto;\n `,\n s: css`\n ${textAreaTokens.inputWidth}: 100%;\n ${textAreaTokens.inputHeight}: 7.187rem;\n ${textAreaTokens.inputMinHeight}: 0.625rem;\n ${textAreaTokens.borderRadius}: 0.625rem;\n ${textAreaTokens.borderRadiusWithHelpers}: 0.625rem;\n ${textAreaTokens.inputPaddingTop}: 0.688rem;\n ${textAreaTokens.inputPaddingRight}: 0.875rem;\n ${textAreaTokens.inputPaddingRightWithRightContent}: 3.125rem;\n ${textAreaTokens.inputPaddingBottom}: 0.75rem;\n ${textAreaTokens.inputPaddingBottomWithHelpers}: 0.75rem;\n ${textAreaTokens.inputPaddingLeft}: 0.875rem;\n ${textAreaTokens.helpersPaddingTop}: 0.25rem;\n ${textAreaTokens.clearHelpersPaddingTop}: 0.25rem;\n ${textAreaTokens.helpersPaddingRight}: 0rem;\n ${textAreaTokens.helpersPaddingBottom}: 0rem;\n ${textAreaTokens.helpersPaddingLeft}: 0rem;\n ${textAreaTokens.helpersOffset}: 0.375rem;\n ${textAreaTokens.rightContentTop}: 0.688rem;\n ${textAreaTokens.rightContentRight}: 0.75rem;\n ${textAreaTokens.rightContentHeight}: 1.25rem;\n ${textAreaTokens.labelMarginBottom}: 0.5rem;\n ${textAreaTokens.clearLabelMarginBottom}: 0.25rem;\n ${textAreaTokens.labelInnerFontFamily}: var(--plasma-typo-caption-font-family);\n ${textAreaTokens.labelInnerFontSize}: var(--plasma-typo-caption-font-size);\n ${textAreaTokens.labelInnerFontStyle}: var(--plasma-typo-caption-font-style);\n ${textAreaTokens.labelInnerFontWeight}: var(--plasma-typo-caption-font-weight);\n ${textAreaTokens.labelInnerLetterSpacing}: var(--plasma-typo-caption-letter-spacing);\n ${textAreaTokens.labelInnerLineHeight}: var(--plasma-typo-caption-line-height);\n ${textAreaTokens.labelInnerTop}: 0.375rem;\n ${textAreaTokens.labelInnerMarginBottom}: 0.125rem;\n ${textAreaTokens.inputFontFamily}: var(--plasma-typo-footnote1-font-family);\n ${textAreaTokens.inputFontSize}: var(--plasma-typo-footnote1-font-size);\n ${textAreaTokens.inputFontStyle}: var(--plasma-typo-footnote1-font-style);\n ${textAreaTokens.inputFontWeight}: var(--plasma-typo-footnote1-font-weight);\n ${textAreaTokens.inputLetterSpacing}: var(--plasma-typo-footnote1-letter-spacing);\n ${textAreaTokens.inputLineHeight}: var(--plasma-typo-footnote1-line-height);\n ${textAreaTokens.helpersFontFamily}: var(--plasma-typo-caption-font-family);\n ${textAreaTokens.helpersFontSize}: var(--plasma-typo-caption-font-size);\n ${textAreaTokens.helpersFontStyle}: var(--plasma-typo-caption-font-style);\n ${textAreaTokens.helpersFontWeight}: var(--plasma-typo-caption-font-weight);\n ${textAreaTokens.helpersLetterSpacing}: var(--plasma-typo-caption-letter-spacing);\n ${textAreaTokens.helpersLineHeight}: var(--plasma-typo-caption-line-height);\n ${textAreaTokens.indicatorSizeInner}: 0.375rem;\n ${textAreaTokens.indicatorSizeOuter}: 0.375rem;\n ${textAreaTokens.indicatorLabelPlacementInner}: 0 0 0 0;\n ${textAreaTokens.indicatorLabelPlacementOuter}: 0.375rem auto auto -0.675rem;\n ${textAreaTokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${textAreaTokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n `,\n m: css`\n ${textAreaTokens.inputWidth}: 100%;\n ${textAreaTokens.inputHeight}: 7rem;\n ${textAreaTokens.inputMinHeight}: 1.125rem;\n ${textAreaTokens.borderRadius}: 0.75rem;\n ${textAreaTokens.borderRadiusWithHelpers}: 0.75rem;\n ${textAreaTokens.inputPaddingTop}: 0.875rem;\n ${textAreaTokens.inputPaddingRight}: 1rem;\n ${textAreaTokens.inputPaddingRightWithRightContent}: 3.375rem;\n ${textAreaTokens.inputPaddingBottom}: 0.75rem;\n ${textAreaTokens.inputPaddingBottomWithHelpers}: 0.75rem;\n ${textAreaTokens.inputPaddingLeft}: 1rem;\n ${textAreaTokens.helpersPaddingTop}: 0.25rem;\n ${textAreaTokens.clearHelpersPaddingTop}: 0.25rem;\n ${textAreaTokens.helpersPaddingRight}: 0rem;\n ${textAreaTokens.helpersPaddingBottom}: 0rem;\n ${textAreaTokens.helpersPaddingLeft}: 0rem;\n ${textAreaTokens.helpersOffset}: 0.375rem;\n ${textAreaTokens.rightContentTop}: 0.875rem;\n ${textAreaTokens.rightContentRight}: 0.875rem;\n ${textAreaTokens.rightContentHeight}: 1.25rem;\n ${textAreaTokens.labelMarginBottom}: 0.625rem;\n ${textAreaTokens.clearLabelMarginBottom}: 0.25rem;\n ${textAreaTokens.labelInnerFontFamily}: var(--plasma-typo-caption-font-family);\n ${textAreaTokens.labelInnerFontSize}: var(--plasma-typo-caption-font-size);\n ${textAreaTokens.labelInnerFontStyle}: var(--plasma-typo-caption-font-style);\n ${textAreaTokens.labelInnerFontWeight}: var(--plasma-typo-caption-font-weight);\n ${textAreaTokens.labelInnerLetterSpacing}: var(--plasma-typo-caption-letter-spacing);\n ${textAreaTokens.labelInnerLineHeight}: var(--plasma-typo-caption-line-height);\n ${textAreaTokens.labelInnerTop}: 0.375rem;\n ${textAreaTokens.labelInnerMarginBottom}: 0.125rem;\n ${textAreaTokens.inputFontFamily}: var(--plasma-typo-body1-font-family);\n ${textAreaTokens.inputFontSize}: var(--plasma-typo-body1-font-size);\n ${textAreaTokens.inputFontStyle}: var(--plasma-typo-body1-font-style);\n ${textAreaTokens.inputFontWeight}: var(--plasma-typo-body1-font-weight);\n ${textAreaTokens.inputLetterSpacing}: var(--plasma-typo-body1-letter-spacing);\n ${textAreaTokens.inputLineHeight}: var(--plasma-typo-body1-line-height);\n ${textAreaTokens.helpersFontFamily}: var(--plasma-typo-caption-font-family);\n ${textAreaTokens.helpersFontSize}: var(--plasma-typo-caption-font-size);\n ${textAreaTokens.helpersFontStyle}: var(--plasma-typo-caption-font-style);\n ${textAreaTokens.helpersFontWeight}: var(--plasma-typo-caption-font-weight);\n ${textAreaTokens.helpersLetterSpacing}: var(--plasma-typo-caption-letter-spacing);\n ${textAreaTokens.helpersLineHeight}: var(--plasma-typo-caption-line-height);\n ${textAreaTokens.indicatorSizeInner}: 0.5rem;\n ${textAreaTokens.indicatorSizeOuter}: 0.375rem;\n ${textAreaTokens.indicatorLabelPlacementInner}: 0 0 0 0;\n ${textAreaTokens.indicatorLabelPlacementOuter}: 0.4375rem auto auto -0.675rem;\n ${textAreaTokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${textAreaTokens.indicatorLabelPlacementOuterRight}: 0.1875rem -0.625rem auto auto;\n `,\n l: css`\n ${textAreaTokens.inputWidth}: 100%;\n ${textAreaTokens.inputHeight}: 6.812rem;\n ${textAreaTokens.inputMinHeight}: 1.625rem;\n ${textAreaTokens.borderRadius}: 0.875rem;\n ${textAreaTokens.borderRadiusWithHelpers}: 0.875rem;\n ${textAreaTokens.inputPaddingTop}: 1rem;\n ${textAreaTokens.inputPaddingRight}: 1.125rem;\n ${textAreaTokens.inputPaddingRightWithRightContent}: 3.625rem;\n ${textAreaTokens.inputPaddingBottom}: 0.75rem;\n ${textAreaTokens.inputPaddingBottomWithHelpers}: 0.75rem;\n ${textAreaTokens.inputPaddingLeft}: 1.125rem;\n ${textAreaTokens.helpersPaddingTop}: 0.25rem;\n ${textAreaTokens.clearHelpersPaddingTop}: 0.25rem;\n ${textAreaTokens.helpersPaddingRight}: 0rem;\n ${textAreaTokens.helpersPaddingBottom}: 0rem;\n ${textAreaTokens.helpersPaddingLeft}: 0rem;\n ${textAreaTokens.helpersOffset}: 0.375rem;\n ${textAreaTokens.rightContentTop}: 1.063rem;\n ${textAreaTokens.rightContentRight}: 1rem;\n ${textAreaTokens.rightContentHeight}: 1.25rem;\n ${textAreaTokens.labelMarginBottom}: 0.75rem;\n ${textAreaTokens.clearLabelMarginBottom}: 0.25rem;\n ${textAreaTokens.labelInnerFontFamily}: var(--plasma-typo-caption-font-family);\n ${textAreaTokens.labelInnerFontSize}: var(--plasma-typo-caption-font-size);\n ${textAreaTokens.labelInnerFontStyle}: var(--plasma-typo-caption-font-style);\n ${textAreaTokens.labelInnerFontWeight}: var(--plasma-typo-caption-font-weight);\n ${textAreaTokens.labelInnerLetterSpacing}: var(--plasma-typo-caption-letter-spacing);\n ${textAreaTokens.labelInnerLineHeight}: var(--plasma-typo-caption-line-height);\n ${textAreaTokens.labelInnerTop}: 0.5625rem;\n ${textAreaTokens.labelInnerMarginBottom}: 0.125rem;\n ${textAreaTokens.inputFontFamily}: 'SB Sans Text','SBSansText',sans-serif;\n ${textAreaTokens.inputFontSize}: 1.125rem;\n ${textAreaTokens.inputFontStyle}: normal;\n ${textAreaTokens.inputFontWeight}: 400;\n ${textAreaTokens.inputLetterSpacing}: -0.02em;\n ${textAreaTokens.inputLineHeight}: 1.375rem;\n ${textAreaTokens.helpersFontFamily}: var(--plasma-typo-caption-font-family);\n ${textAreaTokens.helpersFontSize}: var(--plasma-typo-caption-font-size);\n ${textAreaTokens.helpersFontStyle}: var(--plasma-typo-caption-font-style);\n ${textAreaTokens.helpersFontWeight}: var(--plasma-typo-caption-font-weight);\n ${textAreaTokens.helpersLetterSpacing}: var(--plasma-typo-caption-letter-spacing);\n ${textAreaTokens.helpersLineHeight}: var(--plasma-typo-caption-line-height);\n ${textAreaTokens.indicatorSizeInner}: 0.5rem;\n ${textAreaTokens.indicatorSizeOuter}: 0.375rem;\n ${textAreaTokens.indicatorLabelPlacementInner}: 0 0 0 0;\n ${textAreaTokens.indicatorLabelPlacementOuter}: 0.5rem auto auto -0.675rem;\n ${textAreaTokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${textAreaTokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n `,\n },\n view: {\n default: css`\n ${textAreaTokens.inputBorderColor}: var(--text-tertiary);\n ${textAreaTokens.inputBorderColorHover}: var(--text-tertiary-hover);\n ${textAreaTokens.inputBorderColorActive}: var(--text-tertiary-hover);\n ${textAreaTokens.inputBorderColorFocus}: var(--text-accent);\n ${textAreaTokens.inputColor}: var(--text-primary);\n ${textAreaTokens.clearInputColor}: var(--text-primary);\n ${textAreaTokens.inputColorFocus}: var(--text-primary);\n ${textAreaTokens.inputCaretColor}: var(--text-accent);\n ${textAreaTokens.placeholderColor}: var(--text-secondary);\n ${textAreaTokens.placeholderColorFocus}: var(--text-tertiary);\n ${textAreaTokens.leftHelperColor}: var(--text-secondary);\n ${textAreaTokens.rightHelperColor}: var(--text-secondary);\n ${textAreaTokens.indicatorColor}: var(--surface-negative);\n ${textAreaTokens.optionalColor}: var(--text-tertiary);\n\n ${textAreaTokens.dividerColor}: var(--surface-transparent-tertiary);\n ${textAreaTokens.dividerColorHover}: var(--text-secondary);\n ${textAreaTokens.dividerColorFocus}: var(--surface-accent);\n `,\n /**\n * @deprecated\n * использовать `default`\n */\n primary: css`\n ${textAreaTokens.inputBorderColor}: var(--text-tertiary);\n ${textAreaTokens.inputBorderColorHover}: var(--text-tertiary-hover);\n ${textAreaTokens.inputBorderColorActive}: var(--text-tertiary-hover);\n ${textAreaTokens.inputBorderColorFocus}: var(--text-accent);\n ${textAreaTokens.inputColor}: var(--text-primary);\n ${textAreaTokens.clearInputColor}: var(--text-primary);\n ${textAreaTokens.inputColorFocus}: var(--text-primary);\n ${textAreaTokens.inputCaretColor}: var(--text-accent);\n ${textAreaTokens.placeholderColor}: var(--text-secondary);\n ${textAreaTokens.placeholderColorFocus}: var(--text-tertiary);\n ${textAreaTokens.leftHelperColor}: var(--text-secondary);\n ${textAreaTokens.rightHelperColor}: var(--text-secondary);\n ${textAreaTokens.indicatorColor}: var(--surface-negative);\n ${textAreaTokens.optionalColor}: var(--text-tertiary);\n\n ${textAreaTokens.dividerColor}: var(--surface-transparent-tertiary);\n ${textAreaTokens.dividerColorHover}: var(--text-secondary);\n ${textAreaTokens.dividerColorFocus}: var(--surface-accent);\n `,\n positive: css`\n ${textAreaTokens.inputBorderColor}: var(--text-positive);\n ${textAreaTokens.inputBorderColorHover}: var(--text-positive-hover);\n ${textAreaTokens.inputBorderColorActive}: var(--text-positive-hover);\n ${textAreaTokens.inputBorderColorFocus}: var(--text-positive);\n ${textAreaTokens.inputColor}: var(--text-primary);\n ${textAreaTokens.clearInputColor}: var(--text-positive);\n ${textAreaTokens.clearPlaceholderColor}: var(--text-positive);\n ${textAreaTokens.inputColorFocus}: var(--text-primary);\n ${textAreaTokens.inputCaretColor}: var(--text-positive);\n ${textAreaTokens.placeholderColor}: var(--text-secondary);\n ${textAreaTokens.placeholderColorFocus}: var(--text-tertiary);\n ${textAreaTokens.leftHelperColor}: var(--text-positive);\n ${textAreaTokens.rightHelperColor}: var(--text-secondary);\n ${textAreaTokens.indicatorColor}: var(--surface-negative);\n ${textAreaTokens.optionalColor}: var(--text-tertiary);\n\n ${textAreaTokens.dividerColor}: var(--surface-positive);\n ${textAreaTokens.dividerColorHover}: var(--surface-positive);\n ${textAreaTokens.dividerColorFocus}: var(--surface-accent);\n `,\n warning: css`\n ${textAreaTokens.inputBorderColor}: var(--text-warning);\n ${textAreaTokens.inputBorderColorHover}: var(--text-warning-hover);\n ${textAreaTokens.inputBorderColorActive}: var(--text-warning-hover);\n ${textAreaTokens.inputBorderColorFocus}: var(--text-warning);\n ${textAreaTokens.inputColor}: var(--text-primary);\n ${textAreaTokens.clearInputColor}: var(--text-warning);\n ${textAreaTokens.clearPlaceholderColor}: var(--text-warning);\n ${textAreaTokens.inputColorFocus}: var(--text-primary);\n ${textAreaTokens.inputCaretColor}: var(--text-warning);\n ${textAreaTokens.placeholderColor}: var(--text-secondary);\n ${textAreaTokens.placeholderColorFocus}: var(--text-tertiary);\n ${textAreaTokens.leftHelperColor}: var(--text-warning);\n ${textAreaTokens.rightHelperColor}: var(--text-secondary);\n ${textAreaTokens.indicatorColor}: var(--surface-negative);\n ${textAreaTokens.optionalColor}: var(--text-tertiary);\n\n ${textAreaTokens.dividerColor}: var(--surface-warning);\n ${textAreaTokens.dividerColorHover}: var(--surface-warning);\n ${textAreaTokens.dividerColorFocus}: var(--surface-accent);\n `,\n negative: css`\n ${textAreaTokens.inputBorderColor}: var(--text-negative);\n ${textAreaTokens.inputBorderColorHover}: var(--text-negative-hover);\n ${textAreaTokens.inputBorderColorActive}: var(--text-negative-hover);\n ${textAreaTokens.inputBorderColorFocus}: var(--text-negative);\n ${textAreaTokens.inputColor}: var(--text-primary);\n ${textAreaTokens.clearInputColor}: var(--text-negative);\n ${textAreaTokens.clearPlaceholderColor}: var(--text-negative);\n ${textAreaTokens.inputColorFocus}: var(--text-primary);\n ${textAreaTokens.inputCaretColor}: var(--text-negative);\n ${textAreaTokens.placeholderColor}: var(--text-secondary);\n ${textAreaTokens.placeholderColorFocus}: var(--text-tertiary);\n ${textAreaTokens.leftHelperColor}: var(--text-negative);\n ${textAreaTokens.rightHelperColor}: var(--text-secondary);\n ${textAreaTokens.indicatorColor}: var(--surface-negative);\n ${textAreaTokens.optionalColor}: var(--text-tertiary);\n\n ${textAreaTokens.dividerColor}: var(--surface-negative);\n ${textAreaTokens.dividerColorHover}: var(--surface-negative);\n ${textAreaTokens.dividerColorFocus}: var(--surface-accent);\n `,\n },\n clear: {\n true: css``,\n },\n disabled: {\n true: css`\n ${textAreaTokens.disabledOpacity}: 0.4;\n ${textAreaTokens.inputColorDisabled}: var(--text-secondary);\n ${textAreaTokens.dividerColorReadOnly}: var(--surface-transparent-primary);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","focused","variations","size","xs","s","m","l","default","primary","positive","warning","negative","clear","true","disabled"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,OAAO,EAAE,MAAA;GACZ;AACDC,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,EAAE,EAiDD,UAAA;AACDC,MAAAA,CAAC,EAiDA,UAAA;AACDC,MAAAA,CAAC,EAiDA,UAAA;AACDC,MAAAA,CAAC,EAAA,UAAA;KAkDJ;AACDP,IAAAA,IAAI,EAAE;AACFQ,MAAAA,SAAAA,EAmBC,UAAA;AACD;AACZ;AACA;AACA;AACYC,MAAAA,OAAO,EAmBN,UAAA;AACDC,MAAAA,QAAQ,EAoBP,UAAA;AACDC,MAAAA,OAAO,EAoBN,UAAA;AACDC,MAAAA,QAAQ,EAAA,SAAA;KAqBX;AACDC,IAAAA,KAAK,EAAE;MACHC,MAAI,EAAA,UAAA;KACP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAI,EAAA,SAAA;AAKR,KAAA;AACJ,GAAA;AACJ;;;;"}
|
@@ -0,0 +1,11 @@
|
|
1
|
+
.x1g7h1jw{--plasma-textarea-input-width:100%;--plasma-textarea-input-height:7.312rem;--plasma-textarea-input-min-height:0.625rem;--plasma-textarea-border-radius:0.5rem;--plasma-textarea-border-radius-with-helpers:0.5rem;--plasma-textarea-input-padding-top:0.563rem;--plasma-textarea-input-padding-right:0.625rem;--plasma-textarea-input-padding-right-with-right-content:2.125rem;--plasma-textarea-input-padding-bottom:0.563rem;--plasma-textarea-input-padding-bottom-with-helpers:0.563rem;--plasma-textarea-input-padding-left:0.625rem;--plasma-textarea-helpers-padding-top:0.25rem;--plasma-textarea-clear-helpers-padding-top:0.25rem;--plasma-textarea-helpers-padding-right:0rem;--plasma-textarea-helpers-padding-bottom:0rem;--plasma-textarea-helpers-padding-left:0rem;--plasma-textarea-helpers-offset:0.375rem;--plasma-textarea-right-content-top:0.563rem;--plasma-textarea-right-content-right:0.5rem;--plasma-textarea-right-content-height:1.25rem;--plasma-textarea-label-margin-bottom:0.375rem;--plasma-textarea-clear-label-margin-bottom:0.25rem;--plasma-textarea-label-inner-font-family:'SB Sans Text','SBSansText',sans-serif;--plasma-textarea-label-inner-font-size:0.625rem;--plasma-textarea-label-inner-font-style:normal;--plasma-textarea-label-inner-font-weight:400;--plasma-textarea-label-inner-letter-spacing:-0.02em;--plasma-textarea-label-inner-line-height:0.75rem;--plasma-textarea-label-inner-top:0rem;--plasma-textarea-label-inner-margin-bottom:0rem;--plasma-textarea-input-font-family:var(--plasma-typo-caption-font-family);--plasma-textarea-input-font-size:var(--plasma-typo-caption-font-size);--plasma-textarea-input-font-style:var(--plasma-typo-caption-font-style);--plasma-textarea-input-font-weight:var(--plasma-typo-caption-font-weight);--plasma-textarea-input-letter-spacing:var(--plasma-typo-caption-letter-spacing);--plasma-textarea-input-line-height:var(--plasma-typo-caption-line-height);--plasma-textarea-helpers-font-family:var(--plasma-typo-caption-font-family);--plasma-textarea-helpers-font-size:var(--plasma-typo-caption-font-size);--plasma-textarea-helpers-font-style:var(--plasma-typo-caption-font-style);--plasma-textarea-helpers-font-weight:var(--plasma-typo-caption-font-weight);--plasma-textarea-helpers-letter-spacing:var(--plasma-typo-caption-letter-spacing);--plasma-textarea-helpers-line-height:var(--plasma-typo-caption-line-height);--plasma-textarea-indicator-size-inner:0.375rem;--plasma-textarea-indicator-size-outer:0.375rem;--plasma-textarea-indicator-placement-inner:0 0 0 0;--plasma-textarea-indicator-placement-outer:0.25rem auto auto -0.625rem;--plasma-textarea-indicator-placement-inner-right:0 0 auto auto;--plasma-textarea-indicator-placement-outer-right:0.125rem -0.675rem auto auto;}
|
2
|
+
.s1rie450{--plasma-textarea-input-width:100%;--plasma-textarea-input-height:7.187rem;--plasma-textarea-input-min-height:0.625rem;--plasma-textarea-border-radius:0.625rem;--plasma-textarea-border-radius-with-helpers:0.625rem;--plasma-textarea-input-padding-top:0.688rem;--plasma-textarea-input-padding-right:0.875rem;--plasma-textarea-input-padding-right-with-right-content:3.125rem;--plasma-textarea-input-padding-bottom:0.75rem;--plasma-textarea-input-padding-bottom-with-helpers:0.75rem;--plasma-textarea-input-padding-left:0.875rem;--plasma-textarea-helpers-padding-top:0.25rem;--plasma-textarea-clear-helpers-padding-top:0.25rem;--plasma-textarea-helpers-padding-right:0rem;--plasma-textarea-helpers-padding-bottom:0rem;--plasma-textarea-helpers-padding-left:0rem;--plasma-textarea-helpers-offset:0.375rem;--plasma-textarea-right-content-top:0.688rem;--plasma-textarea-right-content-right:0.75rem;--plasma-textarea-right-content-height:1.25rem;--plasma-textarea-label-margin-bottom:0.5rem;--plasma-textarea-clear-label-margin-bottom:0.25rem;--plasma-textarea-label-inner-font-family:var(--plasma-typo-caption-font-family);--plasma-textarea-label-inner-font-size:var(--plasma-typo-caption-font-size);--plasma-textarea-label-inner-font-style:var(--plasma-typo-caption-font-style);--plasma-textarea-label-inner-font-weight:var(--plasma-typo-caption-font-weight);--plasma-textarea-label-inner-letter-spacing:var(--plasma-typo-caption-letter-spacing);--plasma-textarea-label-inner-line-height:var(--plasma-typo-caption-line-height);--plasma-textarea-label-inner-top:0.375rem;--plasma-textarea-label-inner-margin-bottom:0.125rem;--plasma-textarea-input-font-family:var(--plasma-typo-footnote1-font-family);--plasma-textarea-input-font-size:var(--plasma-typo-footnote1-font-size);--plasma-textarea-input-font-style:var(--plasma-typo-footnote1-font-style);--plasma-textarea-input-font-weight:var(--plasma-typo-footnote1-font-weight);--plasma-textarea-input-letter-spacing:var(--plasma-typo-footnote1-letter-spacing);--plasma-textarea-input-line-height:var(--plasma-typo-footnote1-line-height);--plasma-textarea-helpers-font-family:var(--plasma-typo-caption-font-family);--plasma-textarea-helpers-font-size:var(--plasma-typo-caption-font-size);--plasma-textarea-helpers-font-style:var(--plasma-typo-caption-font-style);--plasma-textarea-helpers-font-weight:var(--plasma-typo-caption-font-weight);--plasma-textarea-helpers-letter-spacing:var(--plasma-typo-caption-letter-spacing);--plasma-textarea-helpers-line-height:var(--plasma-typo-caption-line-height);--plasma-textarea-indicator-size-inner:0.375rem;--plasma-textarea-indicator-size-outer:0.375rem;--plasma-textarea-indicator-placement-inner:0 0 0 0;--plasma-textarea-indicator-placement-outer:0.375rem auto auto -0.675rem;--plasma-textarea-indicator-placement-inner-right:0 0 auto auto;--plasma-textarea-indicator-placement-outer-right:0.25rem -0.625rem auto auto;}
|
3
|
+
.m1klrxlo{--plasma-textarea-input-width:100%;--plasma-textarea-input-height:7rem;--plasma-textarea-input-min-height:1.125rem;--plasma-textarea-border-radius:0.75rem;--plasma-textarea-border-radius-with-helpers:0.75rem;--plasma-textarea-input-padding-top:0.875rem;--plasma-textarea-input-padding-right:1rem;--plasma-textarea-input-padding-right-with-right-content:3.375rem;--plasma-textarea-input-padding-bottom:0.75rem;--plasma-textarea-input-padding-bottom-with-helpers:0.75rem;--plasma-textarea-input-padding-left:1rem;--plasma-textarea-helpers-padding-top:0.25rem;--plasma-textarea-clear-helpers-padding-top:0.25rem;--plasma-textarea-helpers-padding-right:0rem;--plasma-textarea-helpers-padding-bottom:0rem;--plasma-textarea-helpers-padding-left:0rem;--plasma-textarea-helpers-offset:0.375rem;--plasma-textarea-right-content-top:0.875rem;--plasma-textarea-right-content-right:0.875rem;--plasma-textarea-right-content-height:1.25rem;--plasma-textarea-label-margin-bottom:0.625rem;--plasma-textarea-clear-label-margin-bottom:0.25rem;--plasma-textarea-label-inner-font-family:var(--plasma-typo-caption-font-family);--plasma-textarea-label-inner-font-size:var(--plasma-typo-caption-font-size);--plasma-textarea-label-inner-font-style:var(--plasma-typo-caption-font-style);--plasma-textarea-label-inner-font-weight:var(--plasma-typo-caption-font-weight);--plasma-textarea-label-inner-letter-spacing:var(--plasma-typo-caption-letter-spacing);--plasma-textarea-label-inner-line-height:var(--plasma-typo-caption-line-height);--plasma-textarea-label-inner-top:0.375rem;--plasma-textarea-label-inner-margin-bottom:0.125rem;--plasma-textarea-input-font-family:var(--plasma-typo-body1-font-family);--plasma-textarea-input-font-size:var(--plasma-typo-body1-font-size);--plasma-textarea-input-font-style:var(--plasma-typo-body1-font-style);--plasma-textarea-input-font-weight:var(--plasma-typo-body1-font-weight);--plasma-textarea-input-letter-spacing:var(--plasma-typo-body1-letter-spacing);--plasma-textarea-input-line-height:var(--plasma-typo-body1-line-height);--plasma-textarea-helpers-font-family:var(--plasma-typo-caption-font-family);--plasma-textarea-helpers-font-size:var(--plasma-typo-caption-font-size);--plasma-textarea-helpers-font-style:var(--plasma-typo-caption-font-style);--plasma-textarea-helpers-font-weight:var(--plasma-typo-caption-font-weight);--plasma-textarea-helpers-letter-spacing:var(--plasma-typo-caption-letter-spacing);--plasma-textarea-helpers-line-height:var(--plasma-typo-caption-line-height);--plasma-textarea-indicator-size-inner:0.5rem;--plasma-textarea-indicator-size-outer:0.375rem;--plasma-textarea-indicator-placement-inner:0 0 0 0;--plasma-textarea-indicator-placement-outer:0.4375rem auto auto -0.675rem;--plasma-textarea-indicator-placement-inner-right:0 0 auto auto;--plasma-textarea-indicator-placement-outer-right:0.1875rem -0.625rem auto auto;}
|
4
|
+
.l1ui7a2o{--plasma-textarea-input-width:100%;--plasma-textarea-input-height:6.812rem;--plasma-textarea-input-min-height:1.625rem;--plasma-textarea-border-radius:0.875rem;--plasma-textarea-border-radius-with-helpers:0.875rem;--plasma-textarea-input-padding-top:1rem;--plasma-textarea-input-padding-right:1.125rem;--plasma-textarea-input-padding-right-with-right-content:3.625rem;--plasma-textarea-input-padding-bottom:0.75rem;--plasma-textarea-input-padding-bottom-with-helpers:0.75rem;--plasma-textarea-input-padding-left:1.125rem;--plasma-textarea-helpers-padding-top:0.25rem;--plasma-textarea-clear-helpers-padding-top:0.25rem;--plasma-textarea-helpers-padding-right:0rem;--plasma-textarea-helpers-padding-bottom:0rem;--plasma-textarea-helpers-padding-left:0rem;--plasma-textarea-helpers-offset:0.375rem;--plasma-textarea-right-content-top:1.063rem;--plasma-textarea-right-content-right:1rem;--plasma-textarea-right-content-height:1.25rem;--plasma-textarea-label-margin-bottom:0.75rem;--plasma-textarea-clear-label-margin-bottom:0.25rem;--plasma-textarea-label-inner-font-family:var(--plasma-typo-caption-font-family);--plasma-textarea-label-inner-font-size:var(--plasma-typo-caption-font-size);--plasma-textarea-label-inner-font-style:var(--plasma-typo-caption-font-style);--plasma-textarea-label-inner-font-weight:var(--plasma-typo-caption-font-weight);--plasma-textarea-label-inner-letter-spacing:var(--plasma-typo-caption-letter-spacing);--plasma-textarea-label-inner-line-height:var(--plasma-typo-caption-line-height);--plasma-textarea-label-inner-top:0.5625rem;--plasma-textarea-label-inner-margin-bottom:0.125rem;--plasma-textarea-input-font-family:'SB Sans Text','SBSansText',sans-serif;--plasma-textarea-input-font-size:1.125rem;--plasma-textarea-input-font-style:normal;--plasma-textarea-input-font-weight:400;--plasma-textarea-input-letter-spacing:-0.02em;--plasma-textarea-input-line-height:1.375rem;--plasma-textarea-helpers-font-family:var(--plasma-typo-caption-font-family);--plasma-textarea-helpers-font-size:var(--plasma-typo-caption-font-size);--plasma-textarea-helpers-font-style:var(--plasma-typo-caption-font-style);--plasma-textarea-helpers-font-weight:var(--plasma-typo-caption-font-weight);--plasma-textarea-helpers-letter-spacing:var(--plasma-typo-caption-letter-spacing);--plasma-textarea-helpers-line-height:var(--plasma-typo-caption-line-height);--plasma-textarea-indicator-size-inner:0.5rem;--plasma-textarea-indicator-size-outer:0.375rem;--plasma-textarea-indicator-placement-inner:0 0 0 0;--plasma-textarea-indicator-placement-outer:0.5rem auto auto -0.675rem;--plasma-textarea-indicator-placement-inner-right:0 0 auto auto;--plasma-textarea-indicator-placement-outer-right:0.25rem -0.625rem auto auto;}
|
5
|
+
.d15h3znf{--plasma-textarea-input-border-color:var(--text-tertiary);--plasma-textarea-input-border-color-hover:var(--text-tertiary-hover);--plasma-textarea-input-border-color-active:var(--text-tertiary-hover);--plasma-textarea-input-border-color-focus:var(--text-accent);--plasma-textarea-input-color:var(--text-primary);--plasma-textarea-input-clear-color:var(--text-primary);--plasma-textarea-input-color-focus:var(--text-primary);--plasma-textarea-input-caret-color:var(--text-accent);--plasma-textarea-placeholder-color:var(--text-secondary);--plasma-textarea-placeholder-color-focus:var(--text-tertiary);--plasma-textarea-left-helper-color:var(--text-secondary);--plasma-textarea-right-helper-color:var(--text-secondary);--plasma-textarea-indicator-color:var(--surface-negative);--plasma-textarea__optional-color:var(--text-tertiary);--plasma-textfield-divider-color:var(--surface-transparent-tertiary);--plasma-textfield-divider-color-hover:var(--text-secondary);--plasma-textfield-divider-color-focus:var(--surface-accent);}
|
6
|
+
.p1xc86r3{--plasma-textarea-input-border-color:var(--text-tertiary);--plasma-textarea-input-border-color-hover:var(--text-tertiary-hover);--plasma-textarea-input-border-color-active:var(--text-tertiary-hover);--plasma-textarea-input-border-color-focus:var(--text-accent);--plasma-textarea-input-color:var(--text-primary);--plasma-textarea-input-clear-color:var(--text-primary);--plasma-textarea-input-color-focus:var(--text-primary);--plasma-textarea-input-caret-color:var(--text-accent);--plasma-textarea-placeholder-color:var(--text-secondary);--plasma-textarea-placeholder-color-focus:var(--text-tertiary);--plasma-textarea-left-helper-color:var(--text-secondary);--plasma-textarea-right-helper-color:var(--text-secondary);--plasma-textarea-indicator-color:var(--surface-negative);--plasma-textarea__optional-color:var(--text-tertiary);--plasma-textfield-divider-color:var(--surface-transparent-tertiary);--plasma-textfield-divider-color-hover:var(--text-secondary);--plasma-textfield-divider-color-focus:var(--surface-accent);}
|
7
|
+
.p1jxjv8s{--plasma-textarea-input-border-color:var(--text-positive);--plasma-textarea-input-border-color-hover:var(--text-positive-hover);--plasma-textarea-input-border-color-active:var(--text-positive-hover);--plasma-textarea-input-border-color-focus:var(--text-positive);--plasma-textarea-input-color:var(--text-primary);--plasma-textarea-input-clear-color:var(--text-positive);--plasma-textfield__clear-placeholder-color:var(--text-positive);--plasma-textarea-input-color-focus:var(--text-primary);--plasma-textarea-input-caret-color:var(--text-positive);--plasma-textarea-placeholder-color:var(--text-secondary);--plasma-textarea-placeholder-color-focus:var(--text-tertiary);--plasma-textarea-left-helper-color:var(--text-positive);--plasma-textarea-right-helper-color:var(--text-secondary);--plasma-textarea-indicator-color:var(--surface-negative);--plasma-textarea__optional-color:var(--text-tertiary);--plasma-textfield-divider-color:var(--surface-positive);--plasma-textfield-divider-color-hover:var(--surface-positive);--plasma-textfield-divider-color-focus:var(--surface-accent);}
|
8
|
+
.w12dmzpw{--plasma-textarea-input-border-color:var(--text-warning);--plasma-textarea-input-border-color-hover:var(--text-warning-hover);--plasma-textarea-input-border-color-active:var(--text-warning-hover);--plasma-textarea-input-border-color-focus:var(--text-warning);--plasma-textarea-input-color:var(--text-primary);--plasma-textarea-input-clear-color:var(--text-warning);--plasma-textfield__clear-placeholder-color:var(--text-warning);--plasma-textarea-input-color-focus:var(--text-primary);--plasma-textarea-input-caret-color:var(--text-warning);--plasma-textarea-placeholder-color:var(--text-secondary);--plasma-textarea-placeholder-color-focus:var(--text-tertiary);--plasma-textarea-left-helper-color:var(--text-warning);--plasma-textarea-right-helper-color:var(--text-secondary);--plasma-textarea-indicator-color:var(--surface-negative);--plasma-textarea__optional-color:var(--text-tertiary);--plasma-textfield-divider-color:var(--surface-warning);--plasma-textfield-divider-color-hover:var(--surface-warning);--plasma-textfield-divider-color-focus:var(--surface-accent);}
|
9
|
+
.nms0v69{--plasma-textarea-input-border-color:var(--text-negative);--plasma-textarea-input-border-color-hover:var(--text-negative-hover);--plasma-textarea-input-border-color-active:var(--text-negative-hover);--plasma-textarea-input-border-color-focus:var(--text-negative);--plasma-textarea-input-color:var(--text-primary);--plasma-textarea-input-clear-color:var(--text-negative);--plasma-textfield__clear-placeholder-color:var(--text-negative);--plasma-textarea-input-color-focus:var(--text-primary);--plasma-textarea-input-caret-color:var(--text-negative);--plasma-textarea-placeholder-color:var(--text-secondary);--plasma-textarea-placeholder-color-focus:var(--text-tertiary);--plasma-textarea-left-helper-color:var(--text-negative);--plasma-textarea-right-helper-color:var(--text-secondary);--plasma-textarea-indicator-color:var(--surface-negative);--plasma-textarea__optional-color:var(--text-tertiary);--plasma-textfield-divider-color:var(--surface-negative);--plasma-textfield-divider-color-hover:var(--surface-negative);--plasma-textfield-divider-color-focus:var(--surface-accent);}
|
10
|
+
|
11
|
+
.tobk1y6{--plasma-textarea-disabled-opacity:0.4;--plasma-textarea-input-color-disabled:var(--text-secondary);--plasma-textfield-divider-color-readonly:var(--surface-transparent-primary);}
|
@@ -1,10 +1,11 @@
|
|
1
|
-
.
|
2
|
-
.
|
3
|
-
.
|
4
|
-
.
|
5
|
-
.
|
6
|
-
.
|
7
|
-
.
|
8
|
-
.
|
9
|
-
.
|
10
|
-
|
1
|
+
.TextArea_config_65rkej_x1g7h1jw__042ece7c{--plasma-textarea-input-width:100%;--plasma-textarea-input-height:7.312rem;--plasma-textarea-input-min-height:0.625rem;--plasma-textarea-border-radius:0.5rem;--plasma-textarea-border-radius-with-helpers:0.5rem;--plasma-textarea-input-padding-top:0.563rem;--plasma-textarea-input-padding-right:0.625rem;--plasma-textarea-input-padding-right-with-right-content:2.125rem;--plasma-textarea-input-padding-bottom:0.563rem;--plasma-textarea-input-padding-bottom-with-helpers:0.563rem;--plasma-textarea-input-padding-left:0.625rem;--plasma-textarea-helpers-padding-top:0.25rem;--plasma-textarea-clear-helpers-padding-top:0.25rem;--plasma-textarea-helpers-padding-right:0rem;--plasma-textarea-helpers-padding-bottom:0rem;--plasma-textarea-helpers-padding-left:0rem;--plasma-textarea-helpers-offset:0.375rem;--plasma-textarea-right-content-top:0.563rem;--plasma-textarea-right-content-right:0.5rem;--plasma-textarea-right-content-height:1.25rem;--plasma-textarea-label-margin-bottom:0.375rem;--plasma-textarea-clear-label-margin-bottom:0.25rem;--plasma-textarea-label-inner-font-family:'SB Sans Text','SBSansText',sans-serif;--plasma-textarea-label-inner-font-size:0.625rem;--plasma-textarea-label-inner-font-style:normal;--plasma-textarea-label-inner-font-weight:400;--plasma-textarea-label-inner-letter-spacing:-0.02em;--plasma-textarea-label-inner-line-height:0.75rem;--plasma-textarea-label-inner-top:0rem;--plasma-textarea-label-inner-margin-bottom:0rem;--plasma-textarea-input-font-family:var(--plasma-typo-caption-font-family);--plasma-textarea-input-font-size:var(--plasma-typo-caption-font-size);--plasma-textarea-input-font-style:var(--plasma-typo-caption-font-style);--plasma-textarea-input-font-weight:var(--plasma-typo-caption-font-weight);--plasma-textarea-input-letter-spacing:var(--plasma-typo-caption-letter-spacing);--plasma-textarea-input-line-height:var(--plasma-typo-caption-line-height);--plasma-textarea-helpers-font-family:var(--plasma-typo-caption-font-family);--plasma-textarea-helpers-font-size:var(--plasma-typo-caption-font-size);--plasma-textarea-helpers-font-style:var(--plasma-typo-caption-font-style);--plasma-textarea-helpers-font-weight:var(--plasma-typo-caption-font-weight);--plasma-textarea-helpers-letter-spacing:var(--plasma-typo-caption-letter-spacing);--plasma-textarea-helpers-line-height:var(--plasma-typo-caption-line-height);--plasma-textarea-indicator-size-inner:0.375rem;--plasma-textarea-indicator-size-outer:0.375rem;--plasma-textarea-indicator-placement-inner:0 0 0 0;--plasma-textarea-indicator-placement-outer:0.25rem auto auto -0.625rem;--plasma-textarea-indicator-placement-inner-right:0 0 auto auto;--plasma-textarea-indicator-placement-outer-right:0.125rem -0.675rem auto auto;}
|
2
|
+
.TextArea_config_65rkej_s1rie450__042ece7c{--plasma-textarea-input-width:100%;--plasma-textarea-input-height:7.187rem;--plasma-textarea-input-min-height:0.625rem;--plasma-textarea-border-radius:0.625rem;--plasma-textarea-border-radius-with-helpers:0.625rem;--plasma-textarea-input-padding-top:0.688rem;--plasma-textarea-input-padding-right:0.875rem;--plasma-textarea-input-padding-right-with-right-content:3.125rem;--plasma-textarea-input-padding-bottom:0.75rem;--plasma-textarea-input-padding-bottom-with-helpers:0.75rem;--plasma-textarea-input-padding-left:0.875rem;--plasma-textarea-helpers-padding-top:0.25rem;--plasma-textarea-clear-helpers-padding-top:0.25rem;--plasma-textarea-helpers-padding-right:0rem;--plasma-textarea-helpers-padding-bottom:0rem;--plasma-textarea-helpers-padding-left:0rem;--plasma-textarea-helpers-offset:0.375rem;--plasma-textarea-right-content-top:0.688rem;--plasma-textarea-right-content-right:0.75rem;--plasma-textarea-right-content-height:1.25rem;--plasma-textarea-label-margin-bottom:0.5rem;--plasma-textarea-clear-label-margin-bottom:0.25rem;--plasma-textarea-label-inner-font-family:var(--plasma-typo-caption-font-family);--plasma-textarea-label-inner-font-size:var(--plasma-typo-caption-font-size);--plasma-textarea-label-inner-font-style:var(--plasma-typo-caption-font-style);--plasma-textarea-label-inner-font-weight:var(--plasma-typo-caption-font-weight);--plasma-textarea-label-inner-letter-spacing:var(--plasma-typo-caption-letter-spacing);--plasma-textarea-label-inner-line-height:var(--plasma-typo-caption-line-height);--plasma-textarea-label-inner-top:0.375rem;--plasma-textarea-label-inner-margin-bottom:0.125rem;--plasma-textarea-input-font-family:var(--plasma-typo-footnote1-font-family);--plasma-textarea-input-font-size:var(--plasma-typo-footnote1-font-size);--plasma-textarea-input-font-style:var(--plasma-typo-footnote1-font-style);--plasma-textarea-input-font-weight:var(--plasma-typo-footnote1-font-weight);--plasma-textarea-input-letter-spacing:var(--plasma-typo-footnote1-letter-spacing);--plasma-textarea-input-line-height:var(--plasma-typo-footnote1-line-height);--plasma-textarea-helpers-font-family:var(--plasma-typo-caption-font-family);--plasma-textarea-helpers-font-size:var(--plasma-typo-caption-font-size);--plasma-textarea-helpers-font-style:var(--plasma-typo-caption-font-style);--plasma-textarea-helpers-font-weight:var(--plasma-typo-caption-font-weight);--plasma-textarea-helpers-letter-spacing:var(--plasma-typo-caption-letter-spacing);--plasma-textarea-helpers-line-height:var(--plasma-typo-caption-line-height);--plasma-textarea-indicator-size-inner:0.375rem;--plasma-textarea-indicator-size-outer:0.375rem;--plasma-textarea-indicator-placement-inner:0 0 0 0;--plasma-textarea-indicator-placement-outer:0.375rem auto auto -0.675rem;--plasma-textarea-indicator-placement-inner-right:0 0 auto auto;--plasma-textarea-indicator-placement-outer-right:0.25rem -0.625rem auto auto;}
|
3
|
+
.TextArea_config_65rkej_m1klrxlo__042ece7c{--plasma-textarea-input-width:100%;--plasma-textarea-input-height:7rem;--plasma-textarea-input-min-height:1.125rem;--plasma-textarea-border-radius:0.75rem;--plasma-textarea-border-radius-with-helpers:0.75rem;--plasma-textarea-input-padding-top:0.875rem;--plasma-textarea-input-padding-right:1rem;--plasma-textarea-input-padding-right-with-right-content:3.375rem;--plasma-textarea-input-padding-bottom:0.75rem;--plasma-textarea-input-padding-bottom-with-helpers:0.75rem;--plasma-textarea-input-padding-left:1rem;--plasma-textarea-helpers-padding-top:0.25rem;--plasma-textarea-clear-helpers-padding-top:0.25rem;--plasma-textarea-helpers-padding-right:0rem;--plasma-textarea-helpers-padding-bottom:0rem;--plasma-textarea-helpers-padding-left:0rem;--plasma-textarea-helpers-offset:0.375rem;--plasma-textarea-right-content-top:0.875rem;--plasma-textarea-right-content-right:0.875rem;--plasma-textarea-right-content-height:1.25rem;--plasma-textarea-label-margin-bottom:0.625rem;--plasma-textarea-clear-label-margin-bottom:0.25rem;--plasma-textarea-label-inner-font-family:var(--plasma-typo-caption-font-family);--plasma-textarea-label-inner-font-size:var(--plasma-typo-caption-font-size);--plasma-textarea-label-inner-font-style:var(--plasma-typo-caption-font-style);--plasma-textarea-label-inner-font-weight:var(--plasma-typo-caption-font-weight);--plasma-textarea-label-inner-letter-spacing:var(--plasma-typo-caption-letter-spacing);--plasma-textarea-label-inner-line-height:var(--plasma-typo-caption-line-height);--plasma-textarea-label-inner-top:0.375rem;--plasma-textarea-label-inner-margin-bottom:0.125rem;--plasma-textarea-input-font-family:var(--plasma-typo-body1-font-family);--plasma-textarea-input-font-size:var(--plasma-typo-body1-font-size);--plasma-textarea-input-font-style:var(--plasma-typo-body1-font-style);--plasma-textarea-input-font-weight:var(--plasma-typo-body1-font-weight);--plasma-textarea-input-letter-spacing:var(--plasma-typo-body1-letter-spacing);--plasma-textarea-input-line-height:var(--plasma-typo-body1-line-height);--plasma-textarea-helpers-font-family:var(--plasma-typo-caption-font-family);--plasma-textarea-helpers-font-size:var(--plasma-typo-caption-font-size);--plasma-textarea-helpers-font-style:var(--plasma-typo-caption-font-style);--plasma-textarea-helpers-font-weight:var(--plasma-typo-caption-font-weight);--plasma-textarea-helpers-letter-spacing:var(--plasma-typo-caption-letter-spacing);--plasma-textarea-helpers-line-height:var(--plasma-typo-caption-line-height);--plasma-textarea-indicator-size-inner:0.5rem;--plasma-textarea-indicator-size-outer:0.375rem;--plasma-textarea-indicator-placement-inner:0 0 0 0;--plasma-textarea-indicator-placement-outer:0.4375rem auto auto -0.675rem;--plasma-textarea-indicator-placement-inner-right:0 0 auto auto;--plasma-textarea-indicator-placement-outer-right:0.1875rem -0.625rem auto auto;}
|
4
|
+
.TextArea_config_65rkej_l1ui7a2o__042ece7c{--plasma-textarea-input-width:100%;--plasma-textarea-input-height:6.812rem;--plasma-textarea-input-min-height:1.625rem;--plasma-textarea-border-radius:0.875rem;--plasma-textarea-border-radius-with-helpers:0.875rem;--plasma-textarea-input-padding-top:1rem;--plasma-textarea-input-padding-right:1.125rem;--plasma-textarea-input-padding-right-with-right-content:3.625rem;--plasma-textarea-input-padding-bottom:0.75rem;--plasma-textarea-input-padding-bottom-with-helpers:0.75rem;--plasma-textarea-input-padding-left:1.125rem;--plasma-textarea-helpers-padding-top:0.25rem;--plasma-textarea-clear-helpers-padding-top:0.25rem;--plasma-textarea-helpers-padding-right:0rem;--plasma-textarea-helpers-padding-bottom:0rem;--plasma-textarea-helpers-padding-left:0rem;--plasma-textarea-helpers-offset:0.375rem;--plasma-textarea-right-content-top:1.063rem;--plasma-textarea-right-content-right:1rem;--plasma-textarea-right-content-height:1.25rem;--plasma-textarea-label-margin-bottom:0.75rem;--plasma-textarea-clear-label-margin-bottom:0.25rem;--plasma-textarea-label-inner-font-family:var(--plasma-typo-caption-font-family);--plasma-textarea-label-inner-font-size:var(--plasma-typo-caption-font-size);--plasma-textarea-label-inner-font-style:var(--plasma-typo-caption-font-style);--plasma-textarea-label-inner-font-weight:var(--plasma-typo-caption-font-weight);--plasma-textarea-label-inner-letter-spacing:var(--plasma-typo-caption-letter-spacing);--plasma-textarea-label-inner-line-height:var(--plasma-typo-caption-line-height);--plasma-textarea-label-inner-top:0.5625rem;--plasma-textarea-label-inner-margin-bottom:0.125rem;--plasma-textarea-input-font-family:'SB Sans Text','SBSansText',sans-serif;--plasma-textarea-input-font-size:1.125rem;--plasma-textarea-input-font-style:normal;--plasma-textarea-input-font-weight:400;--plasma-textarea-input-letter-spacing:-0.02em;--plasma-textarea-input-line-height:1.375rem;--plasma-textarea-helpers-font-family:var(--plasma-typo-caption-font-family);--plasma-textarea-helpers-font-size:var(--plasma-typo-caption-font-size);--plasma-textarea-helpers-font-style:var(--plasma-typo-caption-font-style);--plasma-textarea-helpers-font-weight:var(--plasma-typo-caption-font-weight);--plasma-textarea-helpers-letter-spacing:var(--plasma-typo-caption-letter-spacing);--plasma-textarea-helpers-line-height:var(--plasma-typo-caption-line-height);--plasma-textarea-indicator-size-inner:0.5rem;--plasma-textarea-indicator-size-outer:0.375rem;--plasma-textarea-indicator-placement-inner:0 0 0 0;--plasma-textarea-indicator-placement-outer:0.5rem auto auto -0.675rem;--plasma-textarea-indicator-placement-inner-right:0 0 auto auto;--plasma-textarea-indicator-placement-outer-right:0.25rem -0.625rem auto auto;}
|
5
|
+
.TextArea_config_65rkej_d15h3znf__042ece7c{--plasma-textarea-input-border-color:var(--text-tertiary);--plasma-textarea-input-border-color-hover:var(--text-tertiary-hover);--plasma-textarea-input-border-color-active:var(--text-tertiary-hover);--plasma-textarea-input-border-color-focus:var(--text-accent);--plasma-textarea-input-color:var(--text-primary);--plasma-textarea-input-clear-color:var(--text-primary);--plasma-textarea-input-color-focus:var(--text-primary);--plasma-textarea-input-caret-color:var(--text-accent);--plasma-textarea-placeholder-color:var(--text-secondary);--plasma-textarea-placeholder-color-focus:var(--text-tertiary);--plasma-textarea-left-helper-color:var(--text-secondary);--plasma-textarea-right-helper-color:var(--text-secondary);--plasma-textarea-indicator-color:var(--surface-negative);--plasma-textarea__optional-color:var(--text-tertiary);--plasma-textfield-divider-color:var(--surface-transparent-tertiary);--plasma-textfield-divider-color-hover:var(--text-secondary);--plasma-textfield-divider-color-focus:var(--surface-accent);}
|
6
|
+
.TextArea_config_65rkej_p1xc86r3__042ece7c{--plasma-textarea-input-border-color:var(--text-tertiary);--plasma-textarea-input-border-color-hover:var(--text-tertiary-hover);--plasma-textarea-input-border-color-active:var(--text-tertiary-hover);--plasma-textarea-input-border-color-focus:var(--text-accent);--plasma-textarea-input-color:var(--text-primary);--plasma-textarea-input-clear-color:var(--text-primary);--plasma-textarea-input-color-focus:var(--text-primary);--plasma-textarea-input-caret-color:var(--text-accent);--plasma-textarea-placeholder-color:var(--text-secondary);--plasma-textarea-placeholder-color-focus:var(--text-tertiary);--plasma-textarea-left-helper-color:var(--text-secondary);--plasma-textarea-right-helper-color:var(--text-secondary);--plasma-textarea-indicator-color:var(--surface-negative);--plasma-textarea__optional-color:var(--text-tertiary);--plasma-textfield-divider-color:var(--surface-transparent-tertiary);--plasma-textfield-divider-color-hover:var(--text-secondary);--plasma-textfield-divider-color-focus:var(--surface-accent);}
|
7
|
+
.TextArea_config_65rkej_p1jxjv8s__042ece7c{--plasma-textarea-input-border-color:var(--text-positive);--plasma-textarea-input-border-color-hover:var(--text-positive-hover);--plasma-textarea-input-border-color-active:var(--text-positive-hover);--plasma-textarea-input-border-color-focus:var(--text-positive);--plasma-textarea-input-color:var(--text-primary);--plasma-textarea-input-clear-color:var(--text-positive);--plasma-textfield__clear-placeholder-color:var(--text-positive);--plasma-textarea-input-color-focus:var(--text-primary);--plasma-textarea-input-caret-color:var(--text-positive);--plasma-textarea-placeholder-color:var(--text-secondary);--plasma-textarea-placeholder-color-focus:var(--text-tertiary);--plasma-textarea-left-helper-color:var(--text-positive);--plasma-textarea-right-helper-color:var(--text-secondary);--plasma-textarea-indicator-color:var(--surface-negative);--plasma-textarea__optional-color:var(--text-tertiary);--plasma-textfield-divider-color:var(--surface-positive);--plasma-textfield-divider-color-hover:var(--surface-positive);--plasma-textfield-divider-color-focus:var(--surface-accent);}
|
8
|
+
.TextArea_config_65rkej_w12dmzpw__042ece7c{--plasma-textarea-input-border-color:var(--text-warning);--plasma-textarea-input-border-color-hover:var(--text-warning-hover);--plasma-textarea-input-border-color-active:var(--text-warning-hover);--plasma-textarea-input-border-color-focus:var(--text-warning);--plasma-textarea-input-color:var(--text-primary);--plasma-textarea-input-clear-color:var(--text-warning);--plasma-textfield__clear-placeholder-color:var(--text-warning);--plasma-textarea-input-color-focus:var(--text-primary);--plasma-textarea-input-caret-color:var(--text-warning);--plasma-textarea-placeholder-color:var(--text-secondary);--plasma-textarea-placeholder-color-focus:var(--text-tertiary);--plasma-textarea-left-helper-color:var(--text-warning);--plasma-textarea-right-helper-color:var(--text-secondary);--plasma-textarea-indicator-color:var(--surface-negative);--plasma-textarea__optional-color:var(--text-tertiary);--plasma-textfield-divider-color:var(--surface-warning);--plasma-textfield-divider-color-hover:var(--surface-warning);--plasma-textfield-divider-color-focus:var(--surface-accent);}
|
9
|
+
.TextArea_config_65rkej_nms0v69__042ece7c{--plasma-textarea-input-border-color:var(--text-negative);--plasma-textarea-input-border-color-hover:var(--text-negative-hover);--plasma-textarea-input-border-color-active:var(--text-negative-hover);--plasma-textarea-input-border-color-focus:var(--text-negative);--plasma-textarea-input-color:var(--text-primary);--plasma-textarea-input-clear-color:var(--text-negative);--plasma-textfield__clear-placeholder-color:var(--text-negative);--plasma-textarea-input-color-focus:var(--text-primary);--plasma-textarea-input-caret-color:var(--text-negative);--plasma-textarea-placeholder-color:var(--text-secondary);--plasma-textarea-placeholder-color-focus:var(--text-tertiary);--plasma-textarea-left-helper-color:var(--text-negative);--plasma-textarea-right-helper-color:var(--text-secondary);--plasma-textarea-indicator-color:var(--surface-negative);--plasma-textarea__optional-color:var(--text-tertiary);--plasma-textfield-divider-color:var(--surface-negative);--plasma-textfield-divider-color-hover:var(--surface-negative);--plasma-textfield-divider-color-focus:var(--surface-accent);}
|
10
|
+
|
11
|
+
.TextArea_config_65rkej_tobk1y6__042ece7c{--plasma-textarea-disabled-opacity:0.4;--plasma-textarea-input-color-disabled:var(--text-secondary);--plasma-textfield-divider-color-readonly:var(--surface-transparent-primary);}
|