@salutejs/plasma-web 1.423.0-canary.1459.11367029149.0 → 1.423.0-canary.1487.11365064527.0
Sign up to get free protection for your applications and to get access to all the features.
- package/api/plasma-web.api.md +429 -9
- package/components/Mask/Mask.d.ts +425 -2
- package/components/TextArea/TextArea.config.d.ts +0 -10
- package/components/TextArea/TextArea.config.js +12 -22
- package/components/TextArea/index.d.ts +1 -68
- package/components/TextField/TextField.config.d.ts +0 -10
- package/components/TextField/TextField.config.js +11 -21
- package/components/TextField/TextField.d.ts +282 -61
- package/components/TextField/TextField.js +1 -4
- package/css/cjs/components/Mask/Mask.css +11 -17
- package/css/cjs/components/Mask/Mask.js.map +1 -1
- package/css/cjs/components/TextArea/TextArea.config.js +3 -13
- package/css/cjs/components/TextArea/TextArea.config.js.map +1 -1
- package/css/cjs/components/TextArea/{TextArea.config_g5fxsq.css → TextArea.config_gz8cpa.css} +10 -16
- package/css/cjs/components/TextArea/TextArea.css +10 -16
- package/css/cjs/components/TextField/TextField.config.js +3 -13
- package/css/cjs/components/TextField/TextField.config.js.map +1 -1
- package/css/cjs/components/TextField/TextField.config_j0ymp0.css +13 -0
- package/css/cjs/components/TextField/TextField.js +1 -4
- package/css/cjs/components/TextField/TextField.js.map +1 -1
- package/css/cjs/index.css +25 -37
- package/css/es/components/Mask/Mask.css +11 -17
- package/css/es/components/Mask/Mask.js.map +1 -1
- package/css/es/components/TextArea/TextArea.config.js +3 -13
- package/css/es/components/TextArea/TextArea.config.js.map +1 -1
- package/css/es/components/TextArea/{TextArea.config_g5fxsq.css → TextArea.config_gz8cpa.css} +10 -16
- package/css/es/components/TextArea/TextArea.css +10 -16
- package/css/es/components/TextField/TextField.config.js +3 -13
- package/css/es/components/TextField/TextField.config.js.map +1 -1
- package/css/es/components/TextField/TextField.config_j0ymp0.css +13 -0
- package/css/es/components/TextField/TextField.js +1 -4
- package/css/es/components/TextField/TextField.js.map +1 -1
- package/css/es/index.css +25 -37
- package/es/components/TextArea/TextArea.config.js +12 -22
- package/es/components/TextField/TextField.config.js +11 -21
- package/es/components/TextField/TextField.js +1 -4
- package/package.json +11 -11
- package/css/cjs/components/TextField/TextField.config_owf0ip.css +0 -19
- package/css/es/components/TextField/TextField.config_owf0ip.css +0 -19
- package/temp/plasma-web.api.md +0 -2979
@@ -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, _templateObject11
|
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,37 +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 ", ": 1.5rem;\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 ", ": 1rem;\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 ", ": 0.813rem auto auto -0.625rem;\n ", ": 0.813rem -0.625rem auto auto;\n
|
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 ", ": 2rem;\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 ", ": 1.063rem auto auto -0.75rem;\n ", ": 1.063rem -0.75rem auto auto;\n
|
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 ", ": 2.125rem;\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
|
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 ", ": 2.25rem;\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 ", ": 1.5rem auto auto -0.875rem;\n ", ": 1.5rem -0.875rem auto auto;\n
|
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 ", ": 1.5rem;\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 ", ": 1rem;\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 ", ": 0.813rem auto auto -0.625rem;\n ", ": 0.813rem -0.625rem auto auto;\n\n ", ": 0.188rem;\n ", ": 0.063rem;\n "])), _styledComponents.textAreaTokens.inputWidth, _styledComponents.textAreaTokens.inputHeight, _styledComponents.textAreaTokens.inputMinHeight, _styledComponents.textAreaTokens.borderRadius, _styledComponents.textAreaTokens.borderRadiusWithHelpers, _styledComponents.textAreaTokens.inputPaddingTop, _styledComponents.textAreaTokens.inputPaddingRight, _styledComponents.textAreaTokens.inputPaddingRightWithRightContent, _styledComponents.textAreaTokens.clearInputPaddingRightWithRightContent, _styledComponents.textAreaTokens.inputPaddingBottom, _styledComponents.textAreaTokens.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, _styledComponents.textAreaTokens.clearIndicatorLabelPlacementInner, _styledComponents.textAreaTokens.clearIndicatorLabelPlacementInnerRight, _styledComponents.textAreaTokens.scrollbarWidth, _styledComponents.textAreaTokens.scrollbarBorderWidth),
|
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 ", ": 2rem;\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 ", ": 1.063rem auto auto -0.75rem;\n ", ": 1.063rem -0.75rem auto auto;\n\n ", ": 0.188rem;\n ", ": 0.063rem;\n "])), _styledComponents.textAreaTokens.inputWidth, _styledComponents.textAreaTokens.inputHeight, _styledComponents.textAreaTokens.inputMinHeight, _styledComponents.textAreaTokens.borderRadius, _styledComponents.textAreaTokens.borderRadiusWithHelpers, _styledComponents.textAreaTokens.inputPaddingTop, _styledComponents.textAreaTokens.inputPaddingRight, _styledComponents.textAreaTokens.inputPaddingRightWithRightContent, _styledComponents.textAreaTokens.clearInputPaddingRightWithRightContent, _styledComponents.textAreaTokens.inputPaddingBottom, _styledComponents.textAreaTokens.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, _styledComponents.textAreaTokens.clearIndicatorLabelPlacementInner, _styledComponents.textAreaTokens.clearIndicatorLabelPlacementInnerRight, _styledComponents.textAreaTokens.scrollbarWidth, _styledComponents.textAreaTokens.scrollbarBorderWidth),
|
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 ", ": 2.125rem;\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 ", ": 1.25rem auto auto -0.875rem;\n ", ": 1.25rem -0.875rem auto auto;\n\n ", ": 0.188rem;\n ", ": 0.063rem;\n "])), _styledComponents.textAreaTokens.inputWidth, _styledComponents.textAreaTokens.inputHeight, _styledComponents.textAreaTokens.inputMinHeight, _styledComponents.textAreaTokens.borderRadius, _styledComponents.textAreaTokens.borderRadiusWithHelpers, _styledComponents.textAreaTokens.inputPaddingTop, _styledComponents.textAreaTokens.inputPaddingRight, _styledComponents.textAreaTokens.inputPaddingRightWithRightContent, _styledComponents.textAreaTokens.clearInputPaddingRightWithRightContent, _styledComponents.textAreaTokens.inputPaddingBottom, _styledComponents.textAreaTokens.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, _styledComponents.textAreaTokens.clearIndicatorLabelPlacementInner, _styledComponents.textAreaTokens.clearIndicatorLabelPlacementInnerRight, _styledComponents.textAreaTokens.scrollbarWidth, _styledComponents.textAreaTokens.scrollbarBorderWidth),
|
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 ", ": 2.25rem;\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 ", ": 1.5rem auto auto -0.875rem;\n ", ": 1.5rem -0.875rem auto auto;\n\n ", ": 0.188rem;\n ", ": 0.063rem;\n "])), _styledComponents.textAreaTokens.inputWidth, _styledComponents.textAreaTokens.inputHeight, _styledComponents.textAreaTokens.inputMinHeight, _styledComponents.textAreaTokens.borderRadius, _styledComponents.textAreaTokens.borderRadiusWithHelpers, _styledComponents.textAreaTokens.inputPaddingTop, _styledComponents.textAreaTokens.inputPaddingRight, _styledComponents.textAreaTokens.inputPaddingRightWithRightContent, _styledComponents.textAreaTokens.clearInputPaddingRightWithRightContent, _styledComponents.textAreaTokens.inputPaddingBottom, _styledComponents.textAreaTokens.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, _styledComponents.textAreaTokens.clearIndicatorLabelPlacementInner, _styledComponents.textAreaTokens.clearIndicatorLabelPlacementInnerRight, _styledComponents.textAreaTokens.scrollbarWidth, _styledComponents.textAreaTokens.scrollbarBorderWidth)
|
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-primary);\n ", ": var(--text-accent);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--surface-negative);\n ", ": var(--text-tertiary);\n\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--surface-transparent-tertiary-hover);\n ", ": var(--surface-transparent-tertiary-active);\n ", ": var(--surface-transparent-primary);\n ", ": var(--surface-transparent-primary-active);\n ", ": var(--surface-transparent-primary-hover);\n\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--surface-accent);\n
|
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-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--surface-negative);\n ", ": var(--text-tertiary);\n\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--surface-transparent-tertiary-hover);\n ", ": var(--surface-transparent-tertiary-active);\n ", ": var(--surface-transparent-primary);\n ", ": var(--surface-transparent-primary-active);\n ", ": var(--surface-transparent-primary-hover);\n\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--surface-accent);\n "])), _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.clearPlaceholderColor, _styledComponents.textAreaTokens.clearPlaceholderColorFocus, _styledComponents.textAreaTokens.leftHelperColor, _styledComponents.textAreaTokens.rightHelperColor, _styledComponents.textAreaTokens.indicatorColor, _styledComponents.textAreaTokens.optionalColor, _styledComponents.textAreaTokens.scrollbarThumbBackgroundColor, _styledComponents.textAreaTokens.scrollbarThumbBackgroundColorHover, _styledComponents.textAreaTokens.scrollbarThumbBackgroundColorActive, _styledComponents.textAreaTokens.scrollbarTrackBackgroundColor, _styledComponents.textAreaTokens.scrollbarTrackBackgroundColorActive, _styledComponents.textAreaTokens.scrollbarTrackBackgroundColorHover, _styledComponents.textAreaTokens.dividerColor, _styledComponents.textAreaTokens.dividerColorHover, _styledComponents.textAreaTokens.dividerColorFocus),
|
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-primary);\n ", ": var(--text-accent);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--surface-negative);\n ", ": var(--text-tertiary);\n\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--surface-transparent-tertiary-hover);\n ", ": var(--surface-transparent-tertiary-active);\n ", ": var(--surface-transparent-primary);\n ", ": var(--surface-transparent-primary-active);\n ", ": var(--surface-transparent-primary-hover);\n\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--surface-accent);\n
|
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-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-transparent-tertiary);\n ", ": var(--surface-transparent-tertiary-hover);\n ", ": var(--surface-transparent-tertiary-active);\n ", ": var(--surface-transparent-primary);\n ", ": var(--surface-transparent-primary-active);\n ", ": var(--surface-transparent-primary-hover);\n\n ", ": var(--surface-positive);\n ", ": var(--surface-positive);\n ", ": var(--surface-accent);\n
|
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-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-transparent-tertiary);\n ", ": var(--surface-transparent-tertiary-hover);\n ", ": var(--surface-transparent-tertiary-active);\n ", ": var(--surface-transparent-primary);\n ", ": var(--surface-transparent-primary-active);\n ", ": var(--surface-transparent-primary-hover);\n\n ", ": var(--surface-warning);\n ", ": var(--surface-warning);\n ", ": var(--surface-accent);\n
|
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-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-transparent-tertiary);\n ", ": var(--surface-transparent-tertiary-hover);\n ", ": var(--surface-transparent-tertiary-active);\n ", ": var(--surface-transparent-primary);\n ", ": var(--surface-transparent-primary-active);\n ", ": var(--surface-transparent-primary-hover);\n\n ", ": var(--surface-negative);\n ", ": var(--surface-negative);\n ", ": var(--surface-accent);\n
|
32
|
-
},
|
33
|
-
hintView: {
|
34
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-solid-card);\n ", ": var(--shadow-down-hard-m);\n ", ": var(--text-primary);\n "])), _styledComponents.textAreaTokens.tooltipBackgroundColor, _styledComponents.textAreaTokens.tooltipBoxShadow, _styledComponents.textAreaTokens.tooltipColor),
|
35
|
-
onDark: /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-surface-solid-card);\n ", ": var(--shadow-down-hard-m);\n ", ": var(--on-dark-text-primary);\n "])), _styledComponents.textAreaTokens.tooltipBackgroundColor, _styledComponents.textAreaTokens.tooltipBoxShadow, _styledComponents.textAreaTokens.tooltipColor),
|
36
|
-
onLight: /*#__PURE__*/(0, _styledComponents.css)(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-light-surface-solid-card);\n ", ": var(--shadow-down-hard-m);\n ", ": var(--on-light-text-primary);\n "])), _styledComponents.textAreaTokens.tooltipBackgroundColor, _styledComponents.textAreaTokens.tooltipBoxShadow, _styledComponents.textAreaTokens.tooltipColor),
|
37
|
-
inverse: /*#__PURE__*/(0, _styledComponents.css)(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--inverse-surface-solid-card);\n ", ": var(--shadow-down-hard-m);\n ", ": var(--inverse-text-primary);\n "])), _styledComponents.textAreaTokens.tooltipBackgroundColor, _styledComponents.textAreaTokens.tooltipBoxShadow, _styledComponents.textAreaTokens.tooltipColor)
|
38
|
-
},
|
39
|
-
hintSize: {
|
40
|
-
m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.6875rem;\n ", ": 0.875rem;\n ", ": 0.6875rem;\n ", ": 0.875rem;\n\n ", ": 2.5rem;\n ", ": 0.625rem;\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 0.375rem;\n\n ", ": 1.25rem;\n ", ": 1.25rem;\n ", ": url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n ", ": 0.5rem;\n ", ": 0.625rem;\n ", ": var(--surface-solid-card);\n "])), _styledComponents.textAreaTokens.tooltipPaddingTop, _styledComponents.textAreaTokens.tooltipPaddingRight, _styledComponents.textAreaTokens.tooltipPaddingBottom, _styledComponents.textAreaTokens.tooltipPaddingLeft, _styledComponents.textAreaTokens.tooltipMinHeight, _styledComponents.textAreaTokens.tooltipBorderRadius, _styledComponents.textAreaTokens.tooltipTextFontFamily, _styledComponents.textAreaTokens.tooltipTextFontSize, _styledComponents.textAreaTokens.tooltipTextFontStyle, _styledComponents.textAreaTokens.tooltipTextFontWeight, _styledComponents.textAreaTokens.tooltipTextFontLetterSpacing, _styledComponents.textAreaTokens.tooltipTextFontLineHeight, _styledComponents.textAreaTokens.tooltipContentLeftMargin, _styledComponents.textAreaTokens.tooltipArrowMaskWidth, _styledComponents.textAreaTokens.tooltipArrowMaskHeight, _styledComponents.textAreaTokens.tooltipArrowMaskImage, _styledComponents.textAreaTokens.tooltipArrowHeight, _styledComponents.textAreaTokens.tooltipArrowEdgeMargin, _styledComponents.textAreaTokens.tooltipArrowBackground),
|
41
|
-
s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject15 || (_templateObject15 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": 0.75rem;\n ", ": 0.5rem;\n ", ": 0.75rem;\n\n ", ": 2rem;\n ", ": 0.5rem;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.25rem;\n\n ", ": 1rem;\n ", ": 1rem;\n ", ": url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n ", ": 0.375rem;\n ", ": 0.5625rem;\n ", ": var(--surface-solid-card);\n "])), _styledComponents.textAreaTokens.tooltipPaddingTop, _styledComponents.textAreaTokens.tooltipPaddingRight, _styledComponents.textAreaTokens.tooltipPaddingBottom, _styledComponents.textAreaTokens.tooltipPaddingLeft, _styledComponents.textAreaTokens.tooltipMinHeight, _styledComponents.textAreaTokens.tooltipBorderRadius, _styledComponents.textAreaTokens.tooltipTextFontFamily, _styledComponents.textAreaTokens.tooltipTextFontSize, _styledComponents.textAreaTokens.tooltipTextFontStyle, _styledComponents.textAreaTokens.tooltipTextFontWeight, _styledComponents.textAreaTokens.tooltipTextFontLetterSpacing, _styledComponents.textAreaTokens.tooltipTextFontLineHeight, _styledComponents.textAreaTokens.tooltipContentLeftMargin, _styledComponents.textAreaTokens.tooltipArrowMaskWidth, _styledComponents.textAreaTokens.tooltipArrowMaskHeight, _styledComponents.textAreaTokens.tooltipArrowMaskImage, _styledComponents.textAreaTokens.tooltipArrowHeight, _styledComponents.textAreaTokens.tooltipArrowEdgeMargin, _styledComponents.textAreaTokens.tooltipArrowBackground)
|
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-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--surface-negative);\n ", ": var(--text-tertiary);\n\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--surface-transparent-tertiary-hover);\n ", ": var(--surface-transparent-tertiary-active);\n ", ": var(--surface-transparent-primary);\n ", ": var(--surface-transparent-primary-active);\n ", ": var(--surface-transparent-primary-hover);\n\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--surface-accent);\n "])), _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.clearPlaceholderColor, _styledComponents.textAreaTokens.clearPlaceholderColorFocus, _styledComponents.textAreaTokens.leftHelperColor, _styledComponents.textAreaTokens.rightHelperColor, _styledComponents.textAreaTokens.indicatorColor, _styledComponents.textAreaTokens.optionalColor, _styledComponents.textAreaTokens.scrollbarThumbBackgroundColor, _styledComponents.textAreaTokens.scrollbarThumbBackgroundColorHover, _styledComponents.textAreaTokens.scrollbarThumbBackgroundColorActive, _styledComponents.textAreaTokens.scrollbarTrackBackgroundColor, _styledComponents.textAreaTokens.scrollbarTrackBackgroundColorActive, _styledComponents.textAreaTokens.scrollbarTrackBackgroundColorHover, _styledComponents.textAreaTokens.dividerColor, _styledComponents.textAreaTokens.dividerColorHover, _styledComponents.textAreaTokens.dividerColorFocus),
|
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-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-transparent-tertiary);\n ", ": var(--surface-transparent-tertiary-hover);\n ", ": var(--surface-transparent-tertiary-active);\n ", ": var(--surface-transparent-primary);\n ", ": var(--surface-transparent-primary-active);\n ", ": var(--surface-transparent-primary-hover);\n\n ", ": var(--surface-positive);\n ", ": var(--surface-positive);\n ", ": var(--surface-accent);\n "])), _styledComponents.textAreaTokens.inputBorderColor, _styledComponents.textAreaTokens.inputBorderColorHover, _styledComponents.textAreaTokens.inputBorderColorActive, _styledComponents.textAreaTokens.inputBorderColorFocus, _styledComponents.textAreaTokens.inputColor, _styledComponents.textAreaTokens.clearInputColor, _styledComponents.textAreaTokens.clearPlaceholderColor, _styledComponents.textAreaTokens.clearPlaceholderColorFocus, _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.scrollbarThumbBackgroundColor, _styledComponents.textAreaTokens.scrollbarThumbBackgroundColorHover, _styledComponents.textAreaTokens.scrollbarThumbBackgroundColorActive, _styledComponents.textAreaTokens.scrollbarTrackBackgroundColor, _styledComponents.textAreaTokens.scrollbarTrackBackgroundColorActive, _styledComponents.textAreaTokens.scrollbarTrackBackgroundColorHover, _styledComponents.textAreaTokens.dividerColor, _styledComponents.textAreaTokens.dividerColorHover, _styledComponents.textAreaTokens.dividerColorFocus),
|
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-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-transparent-tertiary);\n ", ": var(--surface-transparent-tertiary-hover);\n ", ": var(--surface-transparent-tertiary-active);\n ", ": var(--surface-transparent-primary);\n ", ": var(--surface-transparent-primary-active);\n ", ": var(--surface-transparent-primary-hover);\n\n ", ": var(--surface-warning);\n ", ": var(--surface-warning);\n ", ": var(--surface-accent);\n "])), _styledComponents.textAreaTokens.inputBorderColor, _styledComponents.textAreaTokens.inputBorderColorHover, _styledComponents.textAreaTokens.inputBorderColorActive, _styledComponents.textAreaTokens.inputBorderColorFocus, _styledComponents.textAreaTokens.inputColor, _styledComponents.textAreaTokens.clearInputColor, _styledComponents.textAreaTokens.clearPlaceholderColor, _styledComponents.textAreaTokens.clearPlaceholderColorFocus, _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.scrollbarThumbBackgroundColor, _styledComponents.textAreaTokens.scrollbarThumbBackgroundColorHover, _styledComponents.textAreaTokens.scrollbarThumbBackgroundColorActive, _styledComponents.textAreaTokens.scrollbarTrackBackgroundColor, _styledComponents.textAreaTokens.scrollbarTrackBackgroundColorActive, _styledComponents.textAreaTokens.scrollbarTrackBackgroundColorHover, _styledComponents.textAreaTokens.dividerColor, _styledComponents.textAreaTokens.dividerColorHover, _styledComponents.textAreaTokens.dividerColorFocus),
|
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-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-transparent-tertiary);\n ", ": var(--surface-transparent-tertiary-hover);\n ", ": var(--surface-transparent-tertiary-active);\n ", ": var(--surface-transparent-primary);\n ", ": var(--surface-transparent-primary-active);\n ", ": var(--surface-transparent-primary-hover);\n\n ", ": var(--surface-negative);\n ", ": var(--surface-negative);\n ", ": var(--surface-accent);\n "])), _styledComponents.textAreaTokens.inputBorderColor, _styledComponents.textAreaTokens.inputBorderColorHover, _styledComponents.textAreaTokens.inputBorderColorActive, _styledComponents.textAreaTokens.inputBorderColorFocus, _styledComponents.textAreaTokens.inputColor, _styledComponents.textAreaTokens.clearInputColor, _styledComponents.textAreaTokens.clearPlaceholderColor, _styledComponents.textAreaTokens.clearPlaceholderColorFocus, _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.scrollbarThumbBackgroundColor, _styledComponents.textAreaTokens.scrollbarThumbBackgroundColorHover, _styledComponents.textAreaTokens.scrollbarThumbBackgroundColorActive, _styledComponents.textAreaTokens.scrollbarTrackBackgroundColor, _styledComponents.textAreaTokens.scrollbarTrackBackgroundColorActive, _styledComponents.textAreaTokens.scrollbarTrackBackgroundColorHover, _styledComponents.textAreaTokens.dividerColor, _styledComponents.textAreaTokens.dividerColorHover, _styledComponents.textAreaTokens.dividerColorFocus)
|
42
32
|
},
|
43
33
|
clear: {
|
44
|
-
"true": /*#__PURE__*/(0, _styledComponents.css)(
|
34
|
+
"true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral([""])))
|
45
35
|
},
|
46
36
|
disabled: {
|
47
|
-
"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)
|
48
38
|
}
|
49
39
|
}
|
50
40
|
};
|
@@ -1,6 +1,4 @@
|
|
1
1
|
import type { TextAreaProps as TextAreaPropsBase } from '@salutejs/plasma-hope';
|
2
|
-
import type { PopoverPlacement, PopoverPlacementBasic } from '@salutejs/plasma-new-hope';
|
3
|
-
import type { ReactNode } from 'react';
|
4
2
|
export { TextArea } from './TextArea';
|
5
3
|
declare type RequiredProps = {
|
6
4
|
/**
|
@@ -27,67 +25,6 @@ declare type RequiredProps = {
|
|
27
25
|
*/
|
28
26
|
required?: never | false;
|
29
27
|
});
|
30
|
-
declare type HintProps = {
|
31
|
-
/**
|
32
|
-
* Текст тултипа
|
33
|
-
*/
|
34
|
-
hintText: string;
|
35
|
-
/**
|
36
|
-
* Способ открытия тултипа - наведение или клик мышью
|
37
|
-
*/
|
38
|
-
hintTrigger?: 'hover' | 'click';
|
39
|
-
/**
|
40
|
-
* Видимость тултипа
|
41
|
-
*/
|
42
|
-
hintOpened?: boolean;
|
43
|
-
/**
|
44
|
-
* Вид тултипа
|
45
|
-
*/
|
46
|
-
hintView?: string;
|
47
|
-
/**
|
48
|
-
* Размер тултипа
|
49
|
-
*/
|
50
|
-
hintSize?: string;
|
51
|
-
/**
|
52
|
-
* Элемент, рядом с которым произойдет вызов всплывающего окна.
|
53
|
-
* Если свойство не задано, применится иконка по умолчанию.
|
54
|
-
*/
|
55
|
-
hintTarget?: ReactNode;
|
56
|
-
/**
|
57
|
-
* Направление раскрытия тултипа.
|
58
|
-
*/
|
59
|
-
hintPlacement?: PopoverPlacement | Array<PopoverPlacementBasic>;
|
60
|
-
/**
|
61
|
-
* Видимость стрелки (хвоста).
|
62
|
-
*/
|
63
|
-
hintHasArrow?: boolean;
|
64
|
-
/**
|
65
|
-
* Отступ окна относительно элемента, у которого оно вызвано.
|
66
|
-
* @default
|
67
|
-
* [0, 8]
|
68
|
-
*/
|
69
|
-
hintOffset?: [number, number];
|
70
|
-
/**
|
71
|
-
* Ширина окна (в rem).
|
72
|
-
*/
|
73
|
-
hintWidth?: string;
|
74
|
-
/**
|
75
|
-
* Слот для контента слева, например `Icon`.
|
76
|
-
*/
|
77
|
-
hintContentLeft?: ReactNode;
|
78
|
-
} | {
|
79
|
-
hintOpened?: never;
|
80
|
-
hintTrigger?: never;
|
81
|
-
hintText?: never;
|
82
|
-
hintView?: never;
|
83
|
-
hintSize?: never;
|
84
|
-
hintTarget?: never;
|
85
|
-
hintPlacement?: never;
|
86
|
-
hintHasArrow?: never;
|
87
|
-
hintOffset?: never;
|
88
|
-
hintWidth?: never;
|
89
|
-
hintContentLeft?: never;
|
90
|
-
};
|
91
28
|
declare type ClearProps = {
|
92
29
|
/**
|
93
30
|
* view применяется с clear-токенами
|
@@ -112,8 +49,4 @@ export declare type TextAreaProps = TextAreaPropsBase & {
|
|
112
49
|
* @deprecated не используется в компоненте
|
113
50
|
*/
|
114
51
|
resize?: 'none' | 'both' | 'horizontal' | 'vertical';
|
115
|
-
|
116
|
-
* Метка-подпись к элементу справа.
|
117
|
-
*/
|
118
|
-
titleCaption?: ReactNode;
|
119
|
-
} & RequiredProps & ClearProps & HintProps;
|
52
|
+
} & RequiredProps & ClearProps;
|
@@ -24,16 +24,6 @@ export declare const config: {
|
|
24
24
|
clear: {
|
25
25
|
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
26
26
|
};
|
27
|
-
hintView: {
|
28
|
-
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
29
|
-
onDark: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
30
|
-
onLight: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
31
|
-
inverse: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
32
|
-
};
|
33
|
-
hintSize: {
|
34
|
-
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
35
|
-
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
36
|
-
};
|
37
27
|
disabled: {
|
38
28
|
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
39
29
|
};
|