@salutejs/plasma-web 1.368.0-canary.1352.10359015289.0 → 1.368.0-canary.1355.10373582212.0
Sign up to get free protection for your applications and to get access to all the features.
- package/api/plasma-web.api.md +4 -15
- package/components/TextArea/TextArea.config.d.ts +0 -3
- package/components/TextArea/TextArea.config.js +5 -8
- package/components/TextField/TextField.config.d.ts +0 -3
- package/components/TextField/TextField.config.js +6 -9
- package/components/TextField/TextField.d.ts +6 -41
- package/css/cjs/components/TextArea/TextArea.config.js +1 -4
- package/css/cjs/components/TextArea/TextArea.config.js.map +1 -1
- package/css/cjs/components/TextArea/{TextArea.config_1vqe8w9.css → TextArea.config_17xusyx.css} +4 -5
- package/css/cjs/components/TextArea/TextArea.css +10 -11
- package/css/cjs/components/TextField/TextField.config.js +2 -5
- package/css/cjs/components/TextField/TextField.config.js.map +1 -1
- package/css/cjs/components/TextField/{TextField.config_wygr2j.css → TextField.config_1fkm7bk.css} +5 -6
- package/css/cjs/components/TextField/TextField.css +11 -12
- package/css/cjs/components/TextField/TextField.js.map +1 -1
- package/css/cjs/index.css +23 -25
- package/css/es/components/TextArea/TextArea.config.js +1 -4
- package/css/es/components/TextArea/TextArea.config.js.map +1 -1
- package/css/es/components/TextArea/{TextArea.config_1vqe8w9.css → TextArea.config_17xusyx.css} +4 -5
- package/css/es/components/TextArea/TextArea.css +10 -11
- package/css/es/components/TextField/TextField.config.js +2 -5
- package/css/es/components/TextField/TextField.config.js.map +1 -1
- package/css/es/components/TextField/{TextField.config_wygr2j.css → TextField.config_1fkm7bk.css} +5 -6
- package/css/es/components/TextField/TextField.css +11 -12
- package/css/es/components/TextField/TextField.js.map +1 -1
- package/css/es/index.css +23 -25
- package/es/components/TextArea/TextArea.config.js +5 -8
- package/es/components/TextField/TextField.config.js +6 -9
- package/package.json +8 -7
- package/temp/plasma-web.api.md +4 -15
package/api/plasma-web.api.md
CHANGED
@@ -2286,10 +2286,7 @@ export interface TextAreaProps extends TextAreaProps_2 {
|
|
2286
2286
|
export { TextareaResize }
|
2287
2287
|
|
2288
2288
|
// @public
|
2289
|
-
export const TextField: React_2.ForwardRefExoticComponent<TextFieldProps_2 & {
|
2290
|
-
required?: boolean | undefined;
|
2291
|
-
requiredAlign?: "right" | "left" | undefined;
|
2292
|
-
} & Pick<PropsType< {
|
2289
|
+
export const TextField: React_2.ForwardRefExoticComponent<TextFieldProps_2 & Pick<PropsType< {
|
2293
2290
|
view: {
|
2294
2291
|
default: PolymorphicClassName;
|
2295
2292
|
positive: PolymorphicClassName;
|
@@ -2309,9 +2306,6 @@ outer: PolymorphicClassName;
|
|
2309
2306
|
disabled: {
|
2310
2307
|
true: PolymorphicClassName;
|
2311
2308
|
};
|
2312
|
-
required: {
|
2313
|
-
true: PolymorphicClassName;
|
2314
|
-
};
|
2315
2309
|
readOnly: {
|
2316
2310
|
true: PolymorphicClassName;
|
2317
2311
|
};
|
@@ -2325,11 +2319,9 @@ true: PolymorphicClassName;
|
|
2325
2319
|
labelPlacement?: "outer" | "inner" | undefined;
|
2326
2320
|
leftHelper?: string | undefined;
|
2327
2321
|
contentLeft?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
|
2328
|
-
contentRight?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
|
2322
|
+
contentRight?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
|
2329
2323
|
textBefore?: string | undefined;
|
2330
2324
|
textAfter?: string | undefined;
|
2331
|
-
required?: boolean | undefined;
|
2332
|
-
requiredAlign?: "right" | "left" | undefined;
|
2333
2325
|
onSearch?: ((value: string, event?: React_2.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
|
2334
2326
|
} & {
|
2335
2327
|
chips?: undefined;
|
@@ -2346,11 +2338,9 @@ true: PolymorphicClassName;
|
|
2346
2338
|
labelPlacement?: "outer" | "inner" | undefined;
|
2347
2339
|
leftHelper?: string | undefined;
|
2348
2340
|
contentLeft?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
|
2349
|
-
contentRight?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
|
2341
|
+
contentRight?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
|
2350
2342
|
textBefore?: string | undefined;
|
2351
2343
|
textAfter?: string | undefined;
|
2352
|
-
required?: boolean | undefined;
|
2353
|
-
requiredAlign?: "right" | "left" | undefined;
|
2354
2344
|
onSearch?: ((value: string, event?: React_2.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
|
2355
2345
|
} & {
|
2356
2346
|
enumerationType: "chip";
|
@@ -2359,11 +2349,10 @@ true: PolymorphicClassName;
|
|
2359
2349
|
onChangeChips?: ((value: TextFieldPrimitiveValue[]) => void) | undefined;
|
2360
2350
|
} & Omit<React_2.InputHTMLAttributes<HTMLInputElement>, "size"> & React_2.RefAttributes<HTMLInputElement>)), "enumerationType" | "chips" | "onChangeChips"> & React_2.RefAttributes<HTMLInputElement>>;
|
2361
2351
|
|
2362
|
-
// Warning: (ae-forgotten-export) The symbol "TextFieldProps_3" needs to be exported by the entry point index.d.ts
|
2363
2352
|
// Warning: (ae-forgotten-export) The symbol "newHopeTextFieldProps" needs to be exported by the entry point index.d.ts
|
2364
2353
|
//
|
2365
2354
|
// @public (undocumented)
|
2366
|
-
export type TextFieldProps =
|
2355
|
+
export type TextFieldProps = TextFieldProps_2 & Pick<newHopeTextFieldProps, 'enumerationType' | 'chips' | 'onChangeChips'>;
|
2367
2356
|
|
2368
2357
|
export { TextFieldView }
|
2369
2358
|
|
@@ -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;
|
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,10 +14,10 @@ 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
|
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
|
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
|
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
|
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 "])), _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),
|
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 "])), _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),
|
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 "])), _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),
|
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 "])), _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)
|
21
21
|
},
|
22
22
|
view: {
|
23
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 "])), _styledComponents.textAreaTokens.inputBorderColor, _styledComponents.textAreaTokens.inputBorderColorHover, _styledComponents.textAreaTokens.inputBorderColorActive, _styledComponents.textAreaTokens.inputBorderColorFocus, _styledComponents.textAreaTokens.inputColor, _styledComponents.textAreaTokens.inputColorFocus, _styledComponents.textAreaTokens.inputCaretColor, _styledComponents.textAreaTokens.placeholderColor, _styledComponents.textAreaTokens.placeholderColorFocus, _styledComponents.textAreaTokens.leftHelperColor, _styledComponents.textAreaTokens.rightHelperColor),
|
@@ -32,9 +32,6 @@ var config = exports.config = {
|
|
32
32
|
},
|
33
33
|
disabled: {
|
34
34
|
"true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n ", ": var(--text-secondary);\n "])), _styledComponents.textAreaTokens.disabledOpacity, _styledComponents.textAreaTokens.inputColorDisabled)
|
35
|
-
},
|
36
|
-
required: {
|
37
|
-
"true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-negative);\n "])), _styledComponents.textAreaTokens.indicatorColor)
|
38
35
|
}
|
39
36
|
}
|
40
37
|
};
|
@@ -24,9 +24,6 @@ export declare const config: {
|
|
24
24
|
disabled: {
|
25
25
|
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
26
26
|
};
|
27
|
-
required: {
|
28
|
-
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
29
|
-
};
|
30
27
|
readOnly: {
|
31
28
|
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
32
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, _templateObject11, _templateObject12
|
8
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
|
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: {
|
@@ -21,10 +21,10 @@ var config = exports.config = {
|
|
21
21
|
negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--surface-clear);\n ", ": var(--text-accent);\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-negative);\n\n ", ": var(--surface-negative);\n ", ": var(--surface-negative);\n ", ": var(--surface-accent);\n\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-active);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": 0.72;\n\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary);\n\n ", ": var(--text-accent);\n "])), _styledComponents.textFieldTokens.color, _styledComponents.textFieldTokens.backgroundColor, _styledComponents.textFieldTokens.caretColor, _styledComponents.textFieldTokens.placeholderColor, _styledComponents.textFieldTokens.labelColor, _styledComponents.textFieldTokens.leftHelperColor, _styledComponents.textFieldTokens.borderColor, _styledComponents.textFieldTokens.borderColorHover, _styledComponents.textFieldTokens.borderColorFocus, _styledComponents.textFieldTokens.chipCloseIconColor, _styledComponents.textFieldTokens.chipColor, _styledComponents.textFieldTokens.chipBackground, _styledComponents.textFieldTokens.chipColorHover, _styledComponents.textFieldTokens.chipBackgroundHover, _styledComponents.textFieldTokens.chipColorActive, _styledComponents.textFieldTokens.chipBackgroundActive, _styledComponents.textFieldTokens.chipBackgroundReadOnly, _styledComponents.textFieldTokens.chipColorReadOnly, _styledComponents.textFieldTokens.chipBackgroundReadOnlyHover, _styledComponents.textFieldTokens.chipColorReadOnlyHover, _styledComponents.textFieldTokens.chipOpacityReadonly, _styledComponents.textFieldTokens.textBeforeColor, _styledComponents.textFieldTokens.textAfterColor, _styledComponents.textFieldTokens.focusColor)
|
22
22
|
},
|
23
23
|
size: {
|
24
|
-
l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 3.5rem;\n ", ": 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ", ": 0.375rem;\n ", ": 0.875rem;\n ", ": 0.0625rem;\n\n ", ": -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 0.75rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.5625rem 0 0.125rem 0;\n ", ": 1.5625rem 0 0.5625rem 0;\n ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n\n ", ": 0.25rem;\n ", ": 0.5rem;\n ", ": auto;\n ", ": 2.75rem;\n ", ": 0.75rem;\n ", ": 1rem;\n ", ": 0.625rem;\n ", ": 0rem;\n ", ": 1.5rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n
|
25
|
-
m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 3rem;\n ", ": 0.875rem 1rem 0.875rem 1rem;\n ", ": 0.375rem;\n ", ": 0.75rem;\n ", ": 0.0625rem;\n\n ", ": -0.125rem 0.375rem -0.125rem -0.125rem;\n ", ": -0.125rem -0.125rem -0.125rem 0.75rem;\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 0.625rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.375rem 0 0.125rem 0;\n ", ": 1.375rem 0 0.375rem 0;\n ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n\n ", ": 0.25rem;\n ", ": 0.375rem;\n ", ": auto;\n ", ": 2.25rem;\n ", ": 0.625rem;\n ", ": 0.875rem;\n ", ": 0.5rem;\n ", ": 0rem;\n ", ": 1.25rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n
|
26
|
-
s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 2.5rem;\n ", ": 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ", ": 0.375rem;\n ", ": 0.625rem;\n ", ": 0.0625rem;\n\n ", ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ", ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 0.5rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.3125rem 0 0 0;\n ", ": 1.0625rem 0 0.3125rem 0;\n ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n\n ", ": 0.25rem;\n ", ": 0.25rem;\n ", ": auto;\n ", ": 1.75rem;\n ", ": 0.5rem;\n ", ": 0.75rem;\n ", ": 0.375rem;\n ", ": 0rem;\n ", ": 1rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n
|
27
|
-
xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 2rem;\n ", ": 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ", ": 0.375rem;\n ", ": 0.5rem;\n ", ": 0.0625rem;\n\n ", ": -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.375rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.3125rem 0 0 0;\n ", ": 1.0625rem 0 0.3125rem 0;\n ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n\n ", ": 0.25rem;\n ", ": 0.125rem;\n ", ": auto;\n ", ": 1.25rem;\n ", ": 0.375rem;\n ", ": 0.625rem;\n ", ": 0.25rem;\n ", ": 0rem;\n ", ": 0.75rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n
|
24
|
+
l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 3.5rem;\n ", ": 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ", ": 0.375rem;\n ", ": 0.875rem;\n ", ": 0.0625rem;\n\n ", ": -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 0.75rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.5625rem 0 0.125rem 0;\n ", ": 1.5625rem 0 0.5625rem 0;\n ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n\n ", ": 0.25rem;\n ", ": 0.5rem;\n ", ": auto;\n ", ": 2.75rem;\n ", ": 0.75rem;\n ", ": 1rem;\n ", ": 0.625rem;\n ", ": 0rem;\n ", ": 1.5rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n "])), _styledComponents.textFieldTokens.height, _styledComponents.textFieldTokens.padding, _styledComponents.textFieldTokens.paddingWithChips, _styledComponents.textFieldTokens.borderRadius, _styledComponents.textFieldTokens.borderWidth, _styledComponents.textFieldTokens.leftContentMargin, _styledComponents.textFieldTokens.rightContentMargin, _styledComponents.textFieldTokens.fontFamily, _styledComponents.textFieldTokens.fontSize, _styledComponents.textFieldTokens.fontStyle, _styledComponents.textFieldTokens.fontWeight, _styledComponents.textFieldTokens.letterSpacing, _styledComponents.textFieldTokens.lineHeight, _styledComponents.textFieldTokens.labelOffset, _styledComponents.textFieldTokens.labelFontFamily, _styledComponents.textFieldTokens.labelFontSize, _styledComponents.textFieldTokens.labelFontStyle, _styledComponents.textFieldTokens.labelFontWeight, _styledComponents.textFieldTokens.labelLetterSpacing, _styledComponents.textFieldTokens.labelLineHeight, _styledComponents.textFieldTokens.leftHelperOffset, _styledComponents.textFieldTokens.leftHelperFontFamily, _styledComponents.textFieldTokens.leftHelperFontSize, _styledComponents.textFieldTokens.leftHelperFontStyle, _styledComponents.textFieldTokens.leftHelperFontWeight, _styledComponents.textFieldTokens.leftHelperLetterSpacing, _styledComponents.textFieldTokens.leftHelperLineHeight, _styledComponents.textFieldTokens.labelInnerPadding, _styledComponents.textFieldTokens.contentLabelInnerPadding, _styledComponents.textFieldTokens.textBeforeMargin, _styledComponents.textFieldTokens.textAfterMargin, _styledComponents.textFieldTokens.chipGap, _styledComponents.textFieldTokens.chipBorderRadius, _styledComponents.textFieldTokens.chipWidth, _styledComponents.textFieldTokens.chipHeight, _styledComponents.textFieldTokens.chipPaddingRight, _styledComponents.textFieldTokens.chipPaddingLeft, _styledComponents.textFieldTokens.chipClearContentMarginLeft, _styledComponents.textFieldTokens.chipClearContentMarginRight, _styledComponents.textFieldTokens.chipCloseIconSize, _styledComponents.textFieldTokens.chipFontFamily, _styledComponents.textFieldTokens.chipFontSize, _styledComponents.textFieldTokens.chipFontStyle, _styledComponents.textFieldTokens.chipFontWeight, _styledComponents.textFieldTokens.chipLetterSpacing, _styledComponents.textFieldTokens.chipLineHeight),
|
25
|
+
m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 3rem;\n ", ": 0.875rem 1rem 0.875rem 1rem;\n ", ": 0.375rem;\n ", ": 0.75rem;\n ", ": 0.0625rem;\n\n ", ": -0.125rem 0.375rem -0.125rem -0.125rem;\n ", ": -0.125rem -0.125rem -0.125rem 0.75rem;\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 0.625rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.375rem 0 0.125rem 0;\n ", ": 1.375rem 0 0.375rem 0;\n ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n\n ", ": 0.25rem;\n ", ": 0.375rem;\n ", ": auto;\n ", ": 2.25rem;\n ", ": 0.625rem;\n ", ": 0.875rem;\n ", ": 0.5rem;\n ", ": 0rem;\n ", ": 1.25rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n "])), _styledComponents.textFieldTokens.height, _styledComponents.textFieldTokens.padding, _styledComponents.textFieldTokens.paddingWithChips, _styledComponents.textFieldTokens.borderRadius, _styledComponents.textFieldTokens.borderWidth, _styledComponents.textFieldTokens.leftContentMargin, _styledComponents.textFieldTokens.rightContentMargin, _styledComponents.textFieldTokens.fontFamily, _styledComponents.textFieldTokens.fontSize, _styledComponents.textFieldTokens.fontStyle, _styledComponents.textFieldTokens.fontWeight, _styledComponents.textFieldTokens.letterSpacing, _styledComponents.textFieldTokens.lineHeight, _styledComponents.textFieldTokens.labelOffset, _styledComponents.textFieldTokens.labelFontFamily, _styledComponents.textFieldTokens.labelFontSize, _styledComponents.textFieldTokens.labelFontStyle, _styledComponents.textFieldTokens.labelFontWeight, _styledComponents.textFieldTokens.labelLetterSpacing, _styledComponents.textFieldTokens.labelLineHeight, _styledComponents.textFieldTokens.leftHelperOffset, _styledComponents.textFieldTokens.leftHelperFontFamily, _styledComponents.textFieldTokens.leftHelperFontSize, _styledComponents.textFieldTokens.leftHelperFontStyle, _styledComponents.textFieldTokens.leftHelperFontWeight, _styledComponents.textFieldTokens.leftHelperLetterSpacing, _styledComponents.textFieldTokens.leftHelperLineHeight, _styledComponents.textFieldTokens.labelInnerPadding, _styledComponents.textFieldTokens.contentLabelInnerPadding, _styledComponents.textFieldTokens.textBeforeMargin, _styledComponents.textFieldTokens.textAfterMargin, _styledComponents.textFieldTokens.chipGap, _styledComponents.textFieldTokens.chipBorderRadius, _styledComponents.textFieldTokens.chipWidth, _styledComponents.textFieldTokens.chipHeight, _styledComponents.textFieldTokens.chipPaddingRight, _styledComponents.textFieldTokens.chipPaddingLeft, _styledComponents.textFieldTokens.chipClearContentMarginLeft, _styledComponents.textFieldTokens.chipClearContentMarginRight, _styledComponents.textFieldTokens.chipCloseIconSize, _styledComponents.textFieldTokens.chipFontFamily, _styledComponents.textFieldTokens.chipFontSize, _styledComponents.textFieldTokens.chipFontStyle, _styledComponents.textFieldTokens.chipFontWeight, _styledComponents.textFieldTokens.chipLetterSpacing, _styledComponents.textFieldTokens.chipLineHeight),
|
26
|
+
s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 2.5rem;\n ", ": 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ", ": 0.375rem;\n ", ": 0.625rem;\n ", ": 0.0625rem;\n\n ", ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ", ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 0.5rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.3125rem 0 0 0;\n ", ": 1.0625rem 0 0.3125rem 0;\n ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n\n ", ": 0.25rem;\n ", ": 0.25rem;\n ", ": auto;\n ", ": 1.75rem;\n ", ": 0.5rem;\n ", ": 0.75rem;\n ", ": 0.375rem;\n ", ": 0rem;\n ", ": 1rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n "])), _styledComponents.textFieldTokens.height, _styledComponents.textFieldTokens.padding, _styledComponents.textFieldTokens.paddingWithChips, _styledComponents.textFieldTokens.borderRadius, _styledComponents.textFieldTokens.borderWidth, _styledComponents.textFieldTokens.leftContentMargin, _styledComponents.textFieldTokens.rightContentMargin, _styledComponents.textFieldTokens.fontFamily, _styledComponents.textFieldTokens.fontSize, _styledComponents.textFieldTokens.fontStyle, _styledComponents.textFieldTokens.fontWeight, _styledComponents.textFieldTokens.letterSpacing, _styledComponents.textFieldTokens.lineHeight, _styledComponents.textFieldTokens.labelOffset, _styledComponents.textFieldTokens.labelFontFamily, _styledComponents.textFieldTokens.labelFontSize, _styledComponents.textFieldTokens.labelFontStyle, _styledComponents.textFieldTokens.labelFontWeight, _styledComponents.textFieldTokens.labelLetterSpacing, _styledComponents.textFieldTokens.labelLineHeight, _styledComponents.textFieldTokens.leftHelperOffset, _styledComponents.textFieldTokens.leftHelperFontFamily, _styledComponents.textFieldTokens.leftHelperFontSize, _styledComponents.textFieldTokens.leftHelperFontStyle, _styledComponents.textFieldTokens.leftHelperFontWeight, _styledComponents.textFieldTokens.leftHelperLetterSpacing, _styledComponents.textFieldTokens.leftHelperLineHeight, _styledComponents.textFieldTokens.labelInnerPadding, _styledComponents.textFieldTokens.contentLabelInnerPadding, _styledComponents.textFieldTokens.textBeforeMargin, _styledComponents.textFieldTokens.textAfterMargin, _styledComponents.textFieldTokens.chipGap, _styledComponents.textFieldTokens.chipBorderRadius, _styledComponents.textFieldTokens.chipWidth, _styledComponents.textFieldTokens.chipHeight, _styledComponents.textFieldTokens.chipPaddingRight, _styledComponents.textFieldTokens.chipPaddingLeft, _styledComponents.textFieldTokens.chipClearContentMarginLeft, _styledComponents.textFieldTokens.chipClearContentMarginRight, _styledComponents.textFieldTokens.chipCloseIconSize, _styledComponents.textFieldTokens.chipFontFamily, _styledComponents.textFieldTokens.chipFontSize, _styledComponents.textFieldTokens.chipFontStyle, _styledComponents.textFieldTokens.chipFontWeight, _styledComponents.textFieldTokens.chipLetterSpacing, _styledComponents.textFieldTokens.chipLineHeight),
|
27
|
+
xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 2rem;\n ", ": 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ", ": 0.375rem;\n ", ": 0.5rem;\n ", ": 0.0625rem;\n\n ", ": -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.375rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.3125rem 0 0 0;\n ", ": 1.0625rem 0 0.3125rem 0;\n ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n\n ", ": 0.25rem;\n ", ": 0.125rem;\n ", ": auto;\n ", ": 1.25rem;\n ", ": 0.375rem;\n ", ": 0.625rem;\n ", ": 0.25rem;\n ", ": 0rem;\n ", ": 0.75rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n "])), _styledComponents.textFieldTokens.height, _styledComponents.textFieldTokens.padding, _styledComponents.textFieldTokens.paddingWithChips, _styledComponents.textFieldTokens.borderRadius, _styledComponents.textFieldTokens.borderWidth, _styledComponents.textFieldTokens.leftContentMargin, _styledComponents.textFieldTokens.rightContentMargin, _styledComponents.textFieldTokens.fontFamily, _styledComponents.textFieldTokens.fontSize, _styledComponents.textFieldTokens.fontStyle, _styledComponents.textFieldTokens.fontWeight, _styledComponents.textFieldTokens.letterSpacing, _styledComponents.textFieldTokens.lineHeight, _styledComponents.textFieldTokens.labelOffset, _styledComponents.textFieldTokens.labelFontFamily, _styledComponents.textFieldTokens.labelFontSize, _styledComponents.textFieldTokens.labelFontStyle, _styledComponents.textFieldTokens.labelFontWeight, _styledComponents.textFieldTokens.labelLetterSpacing, _styledComponents.textFieldTokens.labelLineHeight, _styledComponents.textFieldTokens.leftHelperOffset, _styledComponents.textFieldTokens.leftHelperFontFamily, _styledComponents.textFieldTokens.leftHelperFontSize, _styledComponents.textFieldTokens.leftHelperFontStyle, _styledComponents.textFieldTokens.leftHelperFontWeight, _styledComponents.textFieldTokens.leftHelperLetterSpacing, _styledComponents.textFieldTokens.leftHelperLineHeight, _styledComponents.textFieldTokens.labelInnerPadding, _styledComponents.textFieldTokens.contentLabelInnerPadding, _styledComponents.textFieldTokens.textBeforeMargin, _styledComponents.textFieldTokens.textAfterMargin, _styledComponents.textFieldTokens.chipGap, _styledComponents.textFieldTokens.chipBorderRadius, _styledComponents.textFieldTokens.chipWidth, _styledComponents.textFieldTokens.chipHeight, _styledComponents.textFieldTokens.chipPaddingRight, _styledComponents.textFieldTokens.chipPaddingLeft, _styledComponents.textFieldTokens.chipClearContentMarginLeft, _styledComponents.textFieldTokens.chipClearContentMarginRight, _styledComponents.textFieldTokens.chipCloseIconSize, _styledComponents.textFieldTokens.chipFontFamily, _styledComponents.textFieldTokens.chipFontSize, _styledComponents.textFieldTokens.chipFontStyle, _styledComponents.textFieldTokens.chipFontWeight, _styledComponents.textFieldTokens.chipLetterSpacing, _styledComponents.textFieldTokens.chipLineHeight)
|
28
28
|
},
|
29
29
|
labelPlacement: {
|
30
30
|
inner: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-input-label-color, var(--plasma-input-placeholder-color, var(--plasma-colors-secondary)));\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n "])), _styledComponents.textFieldTokens.placeholderColor, _styledComponents.textFieldTokens.labelInnerFontFamily, _styledComponents.textFieldTokens.labelInnerFontSize, _styledComponents.textFieldTokens.labelInnerFontStyle, _styledComponents.textFieldTokens.labelInnerFontWeight, _styledComponents.textFieldTokens.labelInnerLetterSpacing, _styledComponents.textFieldTokens.labelInnerLineHeight),
|
@@ -33,11 +33,8 @@ var config = exports.config = {
|
|
33
33
|
disabled: {
|
34
34
|
"true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), _styledComponents.textFieldTokens.disabledOpacity)
|
35
35
|
},
|
36
|
-
required: {
|
37
|
-
"true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-negative)\n "])), _styledComponents.textFieldTokens.indicatorColor)
|
38
|
-
},
|
39
36
|
readOnly: {
|
40
|
-
"true": /*#__PURE__*/(0, _styledComponents.css)(
|
37
|
+
"true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--surface-clear);\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), _styledComponents.textFieldTokens.colorReadOnly, _styledComponents.textFieldTokens.backgroundColorReadOnly, _styledComponents.textFieldTokens.borderColorReadOnly, _styledComponents.textFieldTokens.placeholderColorReadOnly, _styledComponents.textFieldTokens.leftHelperColorReadOnly, _styledComponents.textFieldTokens.labelColorReadOnly)
|
41
38
|
}
|
42
39
|
}
|
43
40
|
};
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import type { TextFieldProps
|
2
|
+
import type { TextFieldProps } from '@salutejs/plasma-hope';
|
3
3
|
declare const TextFieldComponent: React.FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
|
4
4
|
view: {
|
5
5
|
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
@@ -20,9 +20,6 @@ declare const TextFieldComponent: React.FunctionComponent<import("@salutejs/plas
|
|
20
20
|
disabled: {
|
21
21
|
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
22
22
|
};
|
23
|
-
required: {
|
24
|
-
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
25
|
-
};
|
26
23
|
readOnly: {
|
27
24
|
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
28
25
|
};
|
@@ -36,11 +33,9 @@ declare const TextFieldComponent: React.FunctionComponent<import("@salutejs/plas
|
|
36
33
|
labelPlacement?: "outer" | "inner" | undefined;
|
37
34
|
leftHelper?: string | undefined;
|
38
35
|
contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
39
|
-
contentRight?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
36
|
+
contentRight?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
40
37
|
textBefore?: string | undefined;
|
41
38
|
textAfter?: string | undefined;
|
42
|
-
required?: boolean | undefined;
|
43
|
-
requiredAlign?: "right" | "left" | undefined;
|
44
39
|
onSearch?: ((value: string, event?: React.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
|
45
40
|
} & {
|
46
41
|
chips?: undefined;
|
@@ -57,11 +52,9 @@ declare const TextFieldComponent: React.FunctionComponent<import("@salutejs/plas
|
|
57
52
|
labelPlacement?: "outer" | "inner" | undefined;
|
58
53
|
leftHelper?: string | undefined;
|
59
54
|
contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
60
|
-
contentRight?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
55
|
+
contentRight?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
61
56
|
textBefore?: string | undefined;
|
62
57
|
textAfter?: string | undefined;
|
63
|
-
required?: boolean | undefined;
|
64
|
-
requiredAlign?: "right" | "left" | undefined;
|
65
58
|
onSearch?: ((value: string, event?: React.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
|
66
59
|
} & {
|
67
60
|
enumerationType: "chip";
|
@@ -70,32 +63,11 @@ declare const TextFieldComponent: React.FunctionComponent<import("@salutejs/plas
|
|
70
63
|
onChangeChips?: ((value: import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").TextFieldPrimitiveValue[]) => void) | undefined;
|
71
64
|
} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & React.RefAttributes<HTMLInputElement>))>;
|
72
65
|
declare type newHopeTextFieldProps = React.ComponentProps<typeof TextFieldComponent>;
|
73
|
-
declare type TextFieldProps = TextFieldPropsOld & {
|
74
|
-
/**
|
75
|
-
* Флаг обязательности поля
|
76
|
-
*/
|
77
|
-
required?: boolean;
|
78
|
-
/**
|
79
|
-
* Задает выравнивание индикатора обязательности поля
|
80
|
-
* @default left
|
81
|
-
*/
|
82
|
-
requiredAlign?: 'left' | 'right';
|
83
|
-
};
|
84
66
|
export declare type CustomTextFieldProps = TextFieldProps & Pick<newHopeTextFieldProps, 'enumerationType' | 'chips' | 'onChangeChips'>;
|
85
67
|
/**
|
86
68
|
* Поле ввода текста.
|
87
69
|
*/
|
88
|
-
export declare const TextField: React.ForwardRefExoticComponent<
|
89
|
-
/**
|
90
|
-
* Флаг обязательности поля
|
91
|
-
*/
|
92
|
-
required?: boolean | undefined;
|
93
|
-
/**
|
94
|
-
* Задает выравнивание индикатора обязательности поля
|
95
|
-
* @default left
|
96
|
-
*/
|
97
|
-
requiredAlign?: "right" | "left" | undefined;
|
98
|
-
} & Pick<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
|
70
|
+
export declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & Pick<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
|
99
71
|
view: {
|
100
72
|
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
101
73
|
positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
@@ -115,9 +87,6 @@ export declare const TextField: React.ForwardRefExoticComponent<TextFieldPropsOl
|
|
115
87
|
disabled: {
|
116
88
|
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
117
89
|
};
|
118
|
-
required: {
|
119
|
-
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
120
|
-
};
|
121
90
|
readOnly: {
|
122
91
|
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
123
92
|
};
|
@@ -131,11 +100,9 @@ export declare const TextField: React.ForwardRefExoticComponent<TextFieldPropsOl
|
|
131
100
|
labelPlacement?: "outer" | "inner" | undefined;
|
132
101
|
leftHelper?: string | undefined;
|
133
102
|
contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
134
|
-
contentRight?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
103
|
+
contentRight?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
135
104
|
textBefore?: string | undefined;
|
136
105
|
textAfter?: string | undefined;
|
137
|
-
required?: boolean | undefined;
|
138
|
-
requiredAlign?: "right" | "left" | undefined;
|
139
106
|
onSearch?: ((value: string, event?: React.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
|
140
107
|
} & {
|
141
108
|
chips?: undefined;
|
@@ -152,11 +119,9 @@ export declare const TextField: React.ForwardRefExoticComponent<TextFieldPropsOl
|
|
152
119
|
labelPlacement?: "outer" | "inner" | undefined;
|
153
120
|
leftHelper?: string | undefined;
|
154
121
|
contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
155
|
-
contentRight?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
122
|
+
contentRight?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
156
123
|
textBefore?: string | undefined;
|
157
124
|
textAfter?: string | undefined;
|
158
|
-
required?: boolean | undefined;
|
159
|
-
requiredAlign?: "right" | "left" | undefined;
|
160
125
|
onSearch?: ((value: string, event?: React.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
|
161
126
|
} & {
|
162
127
|
enumerationType: "chip";
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import './TextArea.
|
1
|
+
import './TextArea.config_17xusyx.css';
|
2
2
|
'use strict';
|
3
3
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
@@ -28,9 +28,6 @@ var config = {
|
|
28
28
|
},
|
29
29
|
disabled: {
|
30
30
|
"true": "t18le4t3"
|
31
|
-
},
|
32
|
-
required: {
|
33
|
-
"true": "tobk1y6"
|
34
31
|
}
|
35
32
|
}
|
36
33
|
};
|
@@ -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 `,\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 `,\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 `,\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 `,\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 `,\n },\n disabled: {\n true: css`\n ${textAreaTokens.disabledOpacity}: 0.4;\n ${textAreaTokens.inputColorDisabled}: var(--text-secondary);\n `,\n },\n required: {\n true: css`\n ${textAreaTokens.indicatorColor}: var(--surface-negative);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","focused","variations","size","xs","s","m","l","default","primary","positive","warning","negative","disabled","true","required"],"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,EAYC,UAAA;AACD;AACZ;AACA;AACA;AACYC,MAAAA,OAAO,EAYN,UAAA;AACDC,MAAAA,QAAQ,EAYP,UAAA;AACDC,MAAAA,OAAO,EAYN,UAAA;AACDC,MAAAA,QAAQ,EAAA,SAAA;KAaX;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,UAAA;KAIP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAI,EAAA,SAAA;AAGR,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.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 `,\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 `,\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 `,\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 `,\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 `,\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 `,\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 `,\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 `,\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 `,\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,EAyCD,UAAA;AACDC,MAAAA,CAAC,EAyCA,UAAA;AACDC,MAAAA,CAAC,EAyCA,UAAA;AACDC,MAAAA,CAAC,EAAA,UAAA;KA0CJ;AACDP,IAAAA,IAAI,EAAE;AACFQ,MAAAA,SAAAA,EAYC,UAAA;AACD;AACZ;AACA;AACA;AACYC,MAAAA,OAAO,EAYN,UAAA;AACDC,MAAAA,QAAQ,EAYP,UAAA;AACDC,MAAAA,OAAO,EAYN,UAAA;AACDC,MAAAA,QAAQ,EAAA,SAAA;KAaX;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,UAAA;AAIR,KAAA;AACJ,GAAA;AACJ;;;;"}
|