@salutejs/plasma-new-hope 0.152.0-canary.1450.11010505842.0 → 0.152.0-canary.1451.11017866198.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/TextArea/TextArea.js +21 -15
- package/cjs/components/TextArea/TextArea.js.map +1 -1
- package/cjs/components/TextArea/TextArea.tokens.js +13 -2
- package/cjs/components/TextArea/TextArea.tokens.js.map +1 -1
- package/cjs/components/TextArea/variations/_clear/base.js +9 -0
- package/cjs/components/TextArea/variations/_clear/base.js.map +1 -0
- package/cjs/components/TextArea/variations/_clear/base_e36t9c.css +1 -0
- package/cjs/components/TextArea/variations/_view/base.js +1 -1
- package/cjs/components/TextArea/variations/_view/base.js.map +1 -1
- package/cjs/components/TextArea/variations/_view/base_d83rii.css +1 -0
- package/cjs/index.css +3 -1
- package/emotion/cjs/components/TextArea/TextArea.js +22 -16
- package/emotion/cjs/components/TextArea/TextArea.template-doc.mdx +29 -0
- package/emotion/cjs/components/TextArea/TextArea.tokens.js +13 -2
- package/emotion/cjs/components/TextArea/variations/_clear/base.js +10 -0
- package/emotion/cjs/components/TextArea/variations/_view/base.js +2 -2
- package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +12 -9
- package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +17 -10
- package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +12 -9
- package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +17 -11
- package/emotion/es/components/TextArea/TextArea.js +20 -14
- package/emotion/es/components/TextArea/TextArea.template-doc.mdx +29 -0
- package/emotion/es/components/TextArea/TextArea.tokens.js +13 -2
- package/emotion/es/components/TextArea/variations/_clear/base.js +4 -0
- package/emotion/es/components/TextArea/variations/_view/base.js +2 -2
- package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +12 -9
- package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +17 -10
- package/emotion/es/examples/plasma_web/components/TextArea/TextArea.config.js +12 -9
- package/emotion/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +17 -11
- package/es/components/TextArea/TextArea.js +21 -15
- package/es/components/TextArea/TextArea.js.map +1 -1
- package/es/components/TextArea/TextArea.tokens.js +13 -2
- package/es/components/TextArea/TextArea.tokens.js.map +1 -1
- package/es/components/TextArea/variations/_clear/base.js +5 -0
- package/es/components/TextArea/variations/_clear/base.js.map +1 -0
- package/es/components/TextArea/variations/_clear/base_e36t9c.css +1 -0
- package/es/components/TextArea/variations/_view/base.js +1 -1
- package/es/components/TextArea/variations/_view/base.js.map +1 -1
- package/es/components/TextArea/variations/_view/base_d83rii.css +1 -0
- package/es/index.css +3 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/TextArea/TextArea.js +21 -15
- package/styled-components/cjs/components/TextArea/TextArea.template-doc.mdx +29 -0
- package/styled-components/cjs/components/TextArea/TextArea.tokens.js +13 -2
- package/styled-components/cjs/components/TextArea/variations/_clear/base.js +10 -0
- package/styled-components/cjs/components/TextArea/variations/_view/base.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +12 -9
- package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +17 -10
- package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +11 -8
- package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +17 -11
- package/styled-components/es/components/TextArea/TextArea.js +19 -13
- package/styled-components/es/components/TextArea/TextArea.template-doc.mdx +29 -0
- package/styled-components/es/components/TextArea/TextArea.tokens.js +13 -2
- package/styled-components/es/components/TextArea/variations/_clear/base.js +4 -0
- package/styled-components/es/components/TextArea/variations/_view/base.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +12 -9
- package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +17 -10
- package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.config.js +11 -8
- package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +17 -11
- package/types/components/TextArea/TextArea.d.ts +4 -0
- package/types/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.tokens.d.ts +11 -0
- package/types/components/TextArea/TextArea.tokens.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.types.d.ts +15 -3
- package/types/components/TextArea/TextArea.types.d.ts.map +1 -1
- package/types/components/TextArea/variations/_clear/base.d.ts +2 -0
- package/types/components/TextArea/variations/_clear/base.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts +3 -0
- package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts +81 -0
- package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextArea/TextArea.config.d.ts +3 -0
- package/types/examples/plasma_web/components/TextArea/TextArea.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextArea/TextArea.d.ts +81 -0
- package/types/examples/plasma_web/components/TextArea/TextArea.d.ts.map +1 -1
- package/cjs/components/TextArea/variations/_view/base_8npjyq.css +0 -1
- package/es/components/TextArea/variations/_view/base_8npjyq.css +0 -1
@@ -2,8 +2,7 @@ import React, { useState } from 'react';
|
|
2
2
|
import type { ComponentProps } from 'react';
|
3
3
|
import type { Meta, StoryObj } from '@storybook/react';
|
4
4
|
import { action } from '@storybook/addon-actions';
|
5
|
-
import {
|
6
|
-
import styled from 'styled-components';
|
5
|
+
import { IconPlaceholder } from '@salutejs/plasma-sb-utils';
|
7
6
|
|
8
7
|
import { textAreaConfig } from '../../../../components/TextArea';
|
9
8
|
import { mergeConfig } from '../../../../engines';
|
@@ -48,11 +47,13 @@ const meta: Meta<StoryTextAreaProps> = {
|
|
48
47
|
control: {
|
49
48
|
type: 'number',
|
50
49
|
},
|
50
|
+
if: { arg: 'clear', truthy: false },
|
51
51
|
},
|
52
52
|
cols: {
|
53
53
|
control: {
|
54
54
|
type: 'number',
|
55
55
|
},
|
56
|
+
if: { arg: 'clear', truthy: false },
|
56
57
|
},
|
57
58
|
labelPlacement: {
|
58
59
|
options: labelPlacements,
|
@@ -60,11 +61,20 @@ const meta: Meta<StoryTextAreaProps> = {
|
|
60
61
|
type: 'select',
|
61
62
|
},
|
62
63
|
},
|
64
|
+
hasDivider: {
|
65
|
+
control: {
|
66
|
+
type: 'boolean',
|
67
|
+
},
|
68
|
+
if: { arg: 'clear', truthy: true },
|
69
|
+
},
|
63
70
|
},
|
64
71
|
args: {
|
65
72
|
id: 'example-textarea',
|
73
|
+
view: 'default',
|
74
|
+
size: 's',
|
66
75
|
enableContentRight: true,
|
67
76
|
label: 'Подсказка',
|
77
|
+
labelPlacements: 'outer',
|
68
78
|
placeholder: 'Заполните многострочное поле',
|
69
79
|
leftHelper: 'Подсказка к полю слева',
|
70
80
|
rightHelper: 'Подсказка к полю справа',
|
@@ -73,10 +83,11 @@ const meta: Meta<StoryTextAreaProps> = {
|
|
73
83
|
autoResize: false,
|
74
84
|
minAuto: 0,
|
75
85
|
maxAuto: 0,
|
76
|
-
size: 's',
|
77
86
|
optional: false,
|
78
87
|
required: false,
|
79
88
|
requiredPlacement: 'right',
|
89
|
+
clear: false,
|
90
|
+
hasDivider: false,
|
80
91
|
},
|
81
92
|
};
|
82
93
|
|
@@ -86,20 +97,15 @@ const onChange = action('onChange');
|
|
86
97
|
const onFocus = action('onFocus');
|
87
98
|
const onBlur = action('onBlur');
|
88
99
|
|
89
|
-
const IconPlaceholder = styled.div`
|
90
|
-
width: 1.5rem;
|
91
|
-
height: 1.5rem;
|
92
|
-
border-radius: 50%;
|
93
|
-
background: ${tertiary};
|
94
|
-
`;
|
95
|
-
|
96
100
|
const StoryDefault = (props: StoryTextAreaProps) => {
|
97
101
|
const [value, setValue] = useState('Значение поля');
|
98
102
|
|
103
|
+
const iconSize = props.size === 'xs' ? 'xs' : 's';
|
104
|
+
|
99
105
|
return (
|
100
106
|
<TextArea
|
101
107
|
value={value}
|
102
|
-
contentRight={props.enableContentRight ? <IconPlaceholder /> : undefined}
|
108
|
+
contentRight={props.enableContentRight ? <IconPlaceholder size={iconSize} /> : undefined}
|
103
109
|
onChange={(e) => {
|
104
110
|
setValue(e.target.value);
|
105
111
|
onChange(e);
|
@@ -15,6 +15,10 @@ export declare const textAreaConfig: {
|
|
15
15
|
view: {
|
16
16
|
css: import("@linaria/core").LinariaClassName;
|
17
17
|
};
|
18
|
+
clear: {
|
19
|
+
css: import("@linaria/core").LinariaClassName;
|
20
|
+
attrs: boolean;
|
21
|
+
};
|
18
22
|
disabled: {
|
19
23
|
css: import("@linaria/core").LinariaClassName;
|
20
24
|
attrs: boolean;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAK5E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;
|
1
|
+
{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAK5E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAsBrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AA+BtD,eAAO,MAAM,sBAAsB,UAAW,aAAa,WAAW,OAAO,2BA2B5E,CAAC;AAEF,eAAO,MAAM,YAAY,SAAU,UAAU,mBAAmB,EAAE,aAAa,CAAC,8FAqL1E,CAAC;AAEP,eAAO,MAAM,cAAc;;;mBAvLQ,UAAU,mBAAmB,EAAE,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;CAmN/E,CAAC"}
|
@@ -17,6 +17,9 @@ export declare const classes: {
|
|
17
17
|
styledHelpers: string;
|
18
18
|
innerLabelPlacement: string;
|
19
19
|
outerLabelPlacement: string;
|
20
|
+
/** Класс для view `clear` */
|
21
|
+
clear: string;
|
22
|
+
hasDivider: string;
|
20
23
|
};
|
21
24
|
export declare const tokens: {
|
22
25
|
/** Цвет фона для элемента textarea */
|
@@ -45,12 +48,14 @@ export declare const tokens: {
|
|
45
48
|
helpersBackgroundColorFocus: string;
|
46
49
|
/** Цвет текста для элемента textarea */
|
47
50
|
inputColor: string;
|
51
|
+
clearInputColor: string;
|
48
52
|
/** Цвет текста для элемента textarea в состоянии focus */
|
49
53
|
inputColorFocus: string;
|
50
54
|
/** Цвет каретки для элемента textarea */
|
51
55
|
inputCaretColor: string;
|
52
56
|
/** Цвет элемента placeholder */
|
53
57
|
placeholderColor: string;
|
58
|
+
clearPlaceholderColor: string;
|
54
59
|
/** Цвет элемента placeholder в состоянии focus */
|
55
60
|
placeholderColorFocus: string;
|
56
61
|
/** Цвет элемента optional */
|
@@ -91,6 +96,7 @@ export declare const tokens: {
|
|
91
96
|
inputPaddingLeft: string;
|
92
97
|
/** Отступ сверху для блока подписей */
|
93
98
|
helpersPaddingTop: string;
|
99
|
+
clearHelpersPaddingTop: string;
|
94
100
|
/** Отступ справа для блока подписей */
|
95
101
|
helpersPaddingRight: string;
|
96
102
|
/** Отступ снизу для блока подписей */
|
@@ -121,6 +127,7 @@ export declare const tokens: {
|
|
121
127
|
labelOuterLineHeight: string;
|
122
128
|
/** Отступ сверху для элемента label, когда он внутри и уменьшен */
|
123
129
|
labelMarginBottom: string;
|
130
|
+
clearLabelMarginBottom: string;
|
124
131
|
/** Шрифт для элемента label, когда он внутри и уменьшен */
|
125
132
|
labelInnerFontFamily: string;
|
126
133
|
/** Размер шрифта для элемента label, когда он внутри и уменьшен */
|
@@ -173,5 +180,9 @@ export declare const tokens: {
|
|
173
180
|
indicatorLabelPlacementOuter: string;
|
174
181
|
indicatorLabelPlacementInnerRight: string;
|
175
182
|
indicatorLabelPlacementOuterRight: string;
|
183
|
+
dividerColor: string;
|
184
|
+
dividerColorHover: string;
|
185
|
+
dividerColorFocus: string;
|
186
|
+
dividerColorReadOnly: string;
|
176
187
|
};
|
177
188
|
//# sourceMappingURL=TextArea.tokens.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TextArea.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;IAChB,6DAA6D;;IAE7D,kEAAkE;;IAElE,+CAA+C;;IAE/C,6CAA6C;;IAE7C,4CAA4C;;IAE5C,mDAAmD;;IAEnD,+CAA+C;;IAE/C,2CAA2C;;;;
|
1
|
+
{"version":3,"file":"TextArea.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;IAChB,6DAA6D;;IAE7D,kEAAkE;;IAElE,+CAA+C;;IAE/C,6CAA6C;;IAE7C,4CAA4C;;IAE5C,mDAAmD;;IAEnD,+CAA+C;;IAE/C,2CAA2C;;;;IAI3C,6BAA6B;;;CAGhC,CAAC;AAEF,eAAO,MAAM,MAAM;IACf,sCAAsC;;IAEtC,wDAAwD;;IAExD,yDAAyD;;IAEzD,wDAAwD;;IAExD,0CAA0C;;IAE1C,4DAA4D;;IAE5D,6DAA6D;;IAE7D,4DAA4D;;IAE5D,yCAAyC;;IAEzC,2DAA2D;;IAE3D,4DAA4D;;IAE5D,2DAA2D;;IAE3D,wCAAwC;;;IAGxC,0DAA0D;;IAE1D,yCAAyC;;IAEzC,gCAAgC;;;IAGhC,kDAAkD;;IAElD,6BAA6B;;IAE7B,0CAA0C;;IAE1C,2CAA2C;;IAE3C,yCAAyC;;IAEzC,2DAA2D;;IAE3D,2DAA2D;;IAG3D,+BAA+B;;IAE/B,+BAA+B;;IAE/B,2CAA2C;;IAE3C,qCAAqC;;IAErC,+CAA+C;;IAE/C,4FAA4F;;IAE5F,0CAA0C;;IAE1C,0CAA0C;;IAE1C,qEAAqE;;IAErE,yCAAyC;;IAEzC,mEAAmE;;IAEnE,yCAAyC;;IAEzC,uCAAuC;;;IAGvC,uCAAuC;;IAEvC,sCAAsC;;IAEtC,sCAAsC;;IAEtC,+FAA+F;;IAE/F,wCAAwC;;IAExC,wCAAwC;;IAExC,6BAA6B;;IAE7B,2DAA2D;;IAE3D,2DAA2D;;IAE3D,mEAAmE;;IAEnE,kEAAkE;;IAElE,uEAAuE;;IAEvE,8EAA8E;;IAE9E,mEAAmE;;IAEnE,mEAAmE;;;IAGnE,2DAA2D;;IAE3D,mEAAmE;;IAEnE,kEAAkE;;IAElE,uEAAuE;;IAEvE,8EAA8E;;IAE9E,mEAAmE;;IAEnE,qDAAqD;;IAErD,oCAAoC;;IAEpC,kCAAkC;;IAElC,0CAA0C;;IAE1C,yCAAyC;;IAEzC,8CAA8C;;IAE9C,4DAA4D;;IAE5D,iDAAiD;;IAEjD,8CAA8C;;IAE9C,sDAAsD;;IAEtD,qDAAqD;;IAErD,0DAA0D;;IAE1D,iEAAiE;;IAEjE,sDAAsD;;;IAKtD,6DAA6D;;IAE7D,6DAA6D;;;;;;;;;;;;;CAehE,CAAC"}
|
@@ -1,13 +1,25 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
import { TextareaHTMLAttributes } from '../../types';
|
3
|
-
declare type Only<T, U, R> = {
|
3
|
+
declare type Only<T, U, R, K> = {
|
4
4
|
[P in keyof T]: T[P];
|
5
5
|
} & {
|
6
6
|
[P in keyof U]?: never;
|
7
7
|
} & {
|
8
8
|
[P in keyof R]?: never;
|
9
|
+
} & {
|
10
|
+
[P in keyof K]?: never;
|
11
|
+
};
|
12
|
+
declare type OneOf<T, U, R, K> = Only<T, U, R, K> | Only<U, T, R, K> | Only<R, T, U, K> | Only<K, R, T, U>;
|
13
|
+
declare type ClearProps = {
|
14
|
+
/**
|
15
|
+
* view применяется с clear-токенами
|
16
|
+
*/
|
17
|
+
clear?: true;
|
18
|
+
/**
|
19
|
+
* отобразить ли divider
|
20
|
+
*/
|
21
|
+
hasDivider?: boolean;
|
9
22
|
};
|
10
|
-
declare type OneOf<T, U, R> = Only<T, U, R> | Only<U, T, R> | Only<R, T, U>;
|
11
23
|
export declare type TextAreaPropsAutoResize = {
|
12
24
|
/**
|
13
25
|
* Автоматическая высота поля ввода.
|
@@ -46,7 +58,7 @@ export declare type TextAreaPropsRowsCols = {
|
|
46
58
|
*/
|
47
59
|
cols?: number;
|
48
60
|
};
|
49
|
-
export declare type TextAreaDimensionsProps = OneOf<TextAreaPropsAutoResize, TextAreaPropsHeightWidth, TextAreaPropsRowsCols>;
|
61
|
+
export declare type TextAreaDimensionsProps = OneOf<TextAreaPropsAutoResize, TextAreaPropsHeightWidth, TextAreaPropsRowsCols, ClearProps>;
|
50
62
|
declare type RequiredProps = {
|
51
63
|
/**
|
52
64
|
* Задает выравнивание индикатора обязательности поля
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TextArea.types.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.types.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAErD,aAAK,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI;
|
1
|
+
{"version":3,"file":"TextArea.types.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.types.tsx"],"names":[],"mappings":"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"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextArea/variations/_clear/base.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,IAAI,0CA2FhB,CAAC"}
|
@@ -16,6 +16,9 @@ export declare const config: {
|
|
16
16
|
warning: import("@linaria/core").LinariaClassName;
|
17
17
|
negative: import("@linaria/core").LinariaClassName;
|
18
18
|
};
|
19
|
+
clear: {
|
20
|
+
true: import("@linaria/core").LinariaClassName;
|
21
|
+
};
|
19
22
|
disabled: {
|
20
23
|
true: import("@linaria/core").LinariaClassName;
|
21
24
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TextArea.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/TextArea/TextArea.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM
|
1
|
+
{"version":3,"file":"TextArea.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/TextArea/TextArea.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;CAwTlB,CAAC"}
|
@@ -12,6 +12,9 @@ export declare const TextArea: import("react").FunctionComponent<import("../../.
|
|
12
12
|
warning: import("@linaria/core").LinariaClassName;
|
13
13
|
negative: import("@linaria/core").LinariaClassName;
|
14
14
|
};
|
15
|
+
clear: {
|
16
|
+
true: import("@linaria/core").LinariaClassName;
|
17
|
+
};
|
15
18
|
disabled: {
|
16
19
|
true: import("@linaria/core").LinariaClassName;
|
17
20
|
};
|
@@ -42,6 +45,9 @@ export declare const TextArea: import("react").FunctionComponent<import("../../.
|
|
42
45
|
} & {
|
43
46
|
rows?: undefined;
|
44
47
|
cols?: undefined;
|
48
|
+
} & {
|
49
|
+
clear?: undefined;
|
50
|
+
hasDivider?: undefined;
|
45
51
|
} & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("../../../../types").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "rows" | "cols"> & {
|
46
52
|
status?: "" | "error" | "success" | "warning" | undefined;
|
47
53
|
label?: string | undefined;
|
@@ -69,6 +75,9 @@ export declare const TextArea: import("react").FunctionComponent<import("../../.
|
|
69
75
|
} & {
|
70
76
|
rows?: undefined;
|
71
77
|
cols?: undefined;
|
78
|
+
} & {
|
79
|
+
clear?: undefined;
|
80
|
+
hasDivider?: undefined;
|
72
81
|
} & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("../../../../types").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "rows" | "cols"> & {
|
73
82
|
status?: "" | "error" | "success" | "warning" | undefined;
|
74
83
|
label?: string | undefined;
|
@@ -96,6 +105,39 @@ export declare const TextArea: import("react").FunctionComponent<import("../../.
|
|
96
105
|
} & {
|
97
106
|
height?: undefined;
|
98
107
|
width?: undefined;
|
108
|
+
} & {
|
109
|
+
clear?: undefined;
|
110
|
+
hasDivider?: undefined;
|
111
|
+
} & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("../../../../types").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "rows" | "cols"> & {
|
112
|
+
status?: "" | "error" | "success" | "warning" | undefined;
|
113
|
+
label?: string | undefined;
|
114
|
+
labelPlacement?: "inner" | "outer" | undefined;
|
115
|
+
contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
116
|
+
resize?: "none" | "both" | "horizontal" | "vertical" | undefined;
|
117
|
+
helperText?: string | undefined;
|
118
|
+
leftHelper?: string | undefined;
|
119
|
+
rightHelper?: string | undefined;
|
120
|
+
} & {
|
121
|
+
requiredPlacement?: "left" | "right" | undefined;
|
122
|
+
} & {
|
123
|
+
required: true;
|
124
|
+
optional?: false | undefined;
|
125
|
+
} & {
|
126
|
+
size?: string | undefined;
|
127
|
+
view?: string | undefined;
|
128
|
+
} & {
|
129
|
+
clear?: true | undefined;
|
130
|
+
hasDivider?: boolean | undefined;
|
131
|
+
} & {
|
132
|
+
rows?: undefined;
|
133
|
+
cols?: undefined;
|
134
|
+
} & {
|
135
|
+
autoResize?: undefined;
|
136
|
+
maxAuto?: undefined;
|
137
|
+
minAuto?: undefined;
|
138
|
+
} & {
|
139
|
+
height?: undefined;
|
140
|
+
width?: undefined;
|
99
141
|
} & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("../../../../types").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "rows" | "cols"> & {
|
100
142
|
status?: "" | "error" | "success" | "warning" | undefined;
|
101
143
|
label?: string | undefined;
|
@@ -123,6 +165,9 @@ export declare const TextArea: import("react").FunctionComponent<import("../../.
|
|
123
165
|
} & {
|
124
166
|
rows?: undefined;
|
125
167
|
cols?: undefined;
|
168
|
+
} & {
|
169
|
+
clear?: undefined;
|
170
|
+
hasDivider?: undefined;
|
126
171
|
} & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("../../../../types").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "rows" | "cols"> & {
|
127
172
|
status?: "" | "error" | "success" | "warning" | undefined;
|
128
173
|
label?: string | undefined;
|
@@ -150,6 +195,9 @@ export declare const TextArea: import("react").FunctionComponent<import("../../.
|
|
150
195
|
} & {
|
151
196
|
rows?: undefined;
|
152
197
|
cols?: undefined;
|
198
|
+
} & {
|
199
|
+
clear?: undefined;
|
200
|
+
hasDivider?: undefined;
|
153
201
|
} & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("../../../../types").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "rows" | "cols"> & {
|
154
202
|
status?: "" | "error" | "success" | "warning" | undefined;
|
155
203
|
label?: string | undefined;
|
@@ -177,5 +225,38 @@ export declare const TextArea: import("react").FunctionComponent<import("../../.
|
|
177
225
|
} & {
|
178
226
|
height?: undefined;
|
179
227
|
width?: undefined;
|
228
|
+
} & {
|
229
|
+
clear?: undefined;
|
230
|
+
hasDivider?: undefined;
|
231
|
+
} & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("../../../../types").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "rows" | "cols"> & {
|
232
|
+
status?: "" | "error" | "success" | "warning" | undefined;
|
233
|
+
label?: string | undefined;
|
234
|
+
labelPlacement?: "inner" | "outer" | undefined;
|
235
|
+
contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
236
|
+
resize?: "none" | "both" | "horizontal" | "vertical" | undefined;
|
237
|
+
helperText?: string | undefined;
|
238
|
+
leftHelper?: string | undefined;
|
239
|
+
rightHelper?: string | undefined;
|
240
|
+
} & {
|
241
|
+
requiredPlacement?: "left" | "right" | undefined;
|
242
|
+
} & {
|
243
|
+
optional?: true | undefined;
|
244
|
+
required?: false | undefined;
|
245
|
+
} & {
|
246
|
+
size?: string | undefined;
|
247
|
+
view?: string | undefined;
|
248
|
+
} & {
|
249
|
+
clear?: true | undefined;
|
250
|
+
hasDivider?: boolean | undefined;
|
251
|
+
} & {
|
252
|
+
rows?: undefined;
|
253
|
+
cols?: undefined;
|
254
|
+
} & {
|
255
|
+
autoResize?: undefined;
|
256
|
+
maxAuto?: undefined;
|
257
|
+
minAuto?: undefined;
|
258
|
+
} & {
|
259
|
+
height?: undefined;
|
260
|
+
width?: undefined;
|
180
261
|
} & import("react").RefAttributes<HTMLTextAreaElement>))>;
|
181
262
|
//# sourceMappingURL=TextArea.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/TextArea/TextArea.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,QAAQ
|
1
|
+
{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/TextArea/TextArea.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yDAA0B,CAAC"}
|
@@ -16,6 +16,9 @@ export declare const config: {
|
|
16
16
|
warning: import("@linaria/core").LinariaClassName;
|
17
17
|
negative: import("@linaria/core").LinariaClassName;
|
18
18
|
};
|
19
|
+
clear: {
|
20
|
+
true: import("@linaria/core").LinariaClassName;
|
21
|
+
};
|
19
22
|
disabled: {
|
20
23
|
true: import("@linaria/core").LinariaClassName;
|
21
24
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TextArea.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/TextArea/TextArea.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM
|
1
|
+
{"version":3,"file":"TextArea.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/TextArea/TextArea.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;CAiTlB,CAAC"}
|
@@ -12,6 +12,9 @@ export declare const TextArea: import("react").FunctionComponent<import("../../.
|
|
12
12
|
warning: import("@linaria/core").LinariaClassName;
|
13
13
|
negative: import("@linaria/core").LinariaClassName;
|
14
14
|
};
|
15
|
+
clear: {
|
16
|
+
true: import("@linaria/core").LinariaClassName;
|
17
|
+
};
|
15
18
|
disabled: {
|
16
19
|
true: import("@linaria/core").LinariaClassName;
|
17
20
|
};
|
@@ -42,6 +45,9 @@ export declare const TextArea: import("react").FunctionComponent<import("../../.
|
|
42
45
|
} & {
|
43
46
|
rows?: undefined;
|
44
47
|
cols?: undefined;
|
48
|
+
} & {
|
49
|
+
clear?: undefined;
|
50
|
+
hasDivider?: undefined;
|
45
51
|
} & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("../../../../types").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "rows" | "cols"> & {
|
46
52
|
status?: "" | "error" | "success" | "warning" | undefined;
|
47
53
|
label?: string | undefined;
|
@@ -69,6 +75,9 @@ export declare const TextArea: import("react").FunctionComponent<import("../../.
|
|
69
75
|
} & {
|
70
76
|
rows?: undefined;
|
71
77
|
cols?: undefined;
|
78
|
+
} & {
|
79
|
+
clear?: undefined;
|
80
|
+
hasDivider?: undefined;
|
72
81
|
} & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("../../../../types").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "rows" | "cols"> & {
|
73
82
|
status?: "" | "error" | "success" | "warning" | undefined;
|
74
83
|
label?: string | undefined;
|
@@ -96,6 +105,39 @@ export declare const TextArea: import("react").FunctionComponent<import("../../.
|
|
96
105
|
} & {
|
97
106
|
height?: undefined;
|
98
107
|
width?: undefined;
|
108
|
+
} & {
|
109
|
+
clear?: undefined;
|
110
|
+
hasDivider?: undefined;
|
111
|
+
} & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("../../../../types").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "rows" | "cols"> & {
|
112
|
+
status?: "" | "error" | "success" | "warning" | undefined;
|
113
|
+
label?: string | undefined;
|
114
|
+
labelPlacement?: "inner" | "outer" | undefined;
|
115
|
+
contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
116
|
+
resize?: "none" | "both" | "horizontal" | "vertical" | undefined;
|
117
|
+
helperText?: string | undefined;
|
118
|
+
leftHelper?: string | undefined;
|
119
|
+
rightHelper?: string | undefined;
|
120
|
+
} & {
|
121
|
+
requiredPlacement?: "left" | "right" | undefined;
|
122
|
+
} & {
|
123
|
+
required: true;
|
124
|
+
optional?: false | undefined;
|
125
|
+
} & {
|
126
|
+
size?: string | undefined;
|
127
|
+
view?: string | undefined;
|
128
|
+
} & {
|
129
|
+
clear?: true | undefined;
|
130
|
+
hasDivider?: boolean | undefined;
|
131
|
+
} & {
|
132
|
+
rows?: undefined;
|
133
|
+
cols?: undefined;
|
134
|
+
} & {
|
135
|
+
autoResize?: undefined;
|
136
|
+
maxAuto?: undefined;
|
137
|
+
minAuto?: undefined;
|
138
|
+
} & {
|
139
|
+
height?: undefined;
|
140
|
+
width?: undefined;
|
99
141
|
} & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("../../../../types").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "rows" | "cols"> & {
|
100
142
|
status?: "" | "error" | "success" | "warning" | undefined;
|
101
143
|
label?: string | undefined;
|
@@ -123,6 +165,9 @@ export declare const TextArea: import("react").FunctionComponent<import("../../.
|
|
123
165
|
} & {
|
124
166
|
rows?: undefined;
|
125
167
|
cols?: undefined;
|
168
|
+
} & {
|
169
|
+
clear?: undefined;
|
170
|
+
hasDivider?: undefined;
|
126
171
|
} & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("../../../../types").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "rows" | "cols"> & {
|
127
172
|
status?: "" | "error" | "success" | "warning" | undefined;
|
128
173
|
label?: string | undefined;
|
@@ -150,6 +195,9 @@ export declare const TextArea: import("react").FunctionComponent<import("../../.
|
|
150
195
|
} & {
|
151
196
|
rows?: undefined;
|
152
197
|
cols?: undefined;
|
198
|
+
} & {
|
199
|
+
clear?: undefined;
|
200
|
+
hasDivider?: undefined;
|
153
201
|
} & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("../../../../types").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "rows" | "cols"> & {
|
154
202
|
status?: "" | "error" | "success" | "warning" | undefined;
|
155
203
|
label?: string | undefined;
|
@@ -177,5 +225,38 @@ export declare const TextArea: import("react").FunctionComponent<import("../../.
|
|
177
225
|
} & {
|
178
226
|
height?: undefined;
|
179
227
|
width?: undefined;
|
228
|
+
} & {
|
229
|
+
clear?: undefined;
|
230
|
+
hasDivider?: undefined;
|
231
|
+
} & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("../../../../types").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "rows" | "cols"> & {
|
232
|
+
status?: "" | "error" | "success" | "warning" | undefined;
|
233
|
+
label?: string | undefined;
|
234
|
+
labelPlacement?: "inner" | "outer" | undefined;
|
235
|
+
contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
236
|
+
resize?: "none" | "both" | "horizontal" | "vertical" | undefined;
|
237
|
+
helperText?: string | undefined;
|
238
|
+
leftHelper?: string | undefined;
|
239
|
+
rightHelper?: string | undefined;
|
240
|
+
} & {
|
241
|
+
requiredPlacement?: "left" | "right" | undefined;
|
242
|
+
} & {
|
243
|
+
optional?: true | undefined;
|
244
|
+
required?: false | undefined;
|
245
|
+
} & {
|
246
|
+
size?: string | undefined;
|
247
|
+
view?: string | undefined;
|
248
|
+
} & {
|
249
|
+
clear?: true | undefined;
|
250
|
+
hasDivider?: boolean | undefined;
|
251
|
+
} & {
|
252
|
+
rows?: undefined;
|
253
|
+
cols?: undefined;
|
254
|
+
} & {
|
255
|
+
autoResize?: undefined;
|
256
|
+
maxAuto?: undefined;
|
257
|
+
minAuto?: undefined;
|
258
|
+
} & {
|
259
|
+
height?: undefined;
|
260
|
+
width?: undefined;
|
180
261
|
} & import("react").RefAttributes<HTMLTextAreaElement>))>;
|
181
262
|
//# sourceMappingURL=TextArea.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/TextArea/TextArea.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,QAAQ
|
1
|
+
{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/TextArea/TextArea.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yDAA0B,CAAC"}
|
@@ -1 +0,0 @@
|
|
1
|
-
.bofyi4a .textarea-container{-webkit-transition:box-shadow 0.1s ease-in-out;transition:box-shadow 0.1s ease-in-out;border-radius:var(--plasma-textarea-border-radius);border:var(--plasma-textarea-border-size) solid var(--plasma-textarea-border-color);}.bofyi4a .textarea-wrapper{-webkit-transition:background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;transition:background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color);}.bofyi4a:focus-within:not([readonly]) .textarea-wrapper{background-color:var(--plasma-textarea-input-background-color-focus);box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-focus);}.bofyi4a:focus-within:not([readonly]) .textarea-container{border:var(--plasma-textarea-border-size) solid var(--plasma-textarea-border-color-focus);}.bofyi4a:focus-within:not([readonly]) .textarea-helpers{background-color:var(--plasma-textarea-helpers-background-color-focus);}.bofyi4a:hover:not([disabled]):not([readonly]):not(:focus-within) .textarea-container{border:var(--plasma-textarea-border-size) solid var(--plasma-textarea-border-color-hover);}.bofyi4a:hover:not([disabled]):not([readonly]):not(:focus-within) .textarea-wrapper{box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-hover);background-color:var(--plasma-textarea-input-background-color-hover);}.bofyi4a:hover:not([disabled]):not([readonly]):not(:focus-within) .textarea-wrapper + .textarea-helpers{background-color:var(--plasma-textarea-helpers-background-color-hover);}.bofyi4a:active:not([disabled]):not([readonly]):not(:focus-within) .textarea-wrapper{box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-active);background-color:var(--plasma-textarea-input-background-color-active);}.bofyi4a:active:not([disabled]):not([readonly]):not(:focus-within) .textarea-wrapper + .textarea-helpers{background-color:var(--plasma-textarea-helpers-background-color-active);}
|
@@ -1 +0,0 @@
|
|
1
|
-
.bofyi4a .textarea-container{-webkit-transition:box-shadow 0.1s ease-in-out;transition:box-shadow 0.1s ease-in-out;border-radius:var(--plasma-textarea-border-radius);border:var(--plasma-textarea-border-size) solid var(--plasma-textarea-border-color);}.bofyi4a .textarea-wrapper{-webkit-transition:background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;transition:background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color);}.bofyi4a:focus-within:not([readonly]) .textarea-wrapper{background-color:var(--plasma-textarea-input-background-color-focus);box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-focus);}.bofyi4a:focus-within:not([readonly]) .textarea-container{border:var(--plasma-textarea-border-size) solid var(--plasma-textarea-border-color-focus);}.bofyi4a:focus-within:not([readonly]) .textarea-helpers{background-color:var(--plasma-textarea-helpers-background-color-focus);}.bofyi4a:hover:not([disabled]):not([readonly]):not(:focus-within) .textarea-container{border:var(--plasma-textarea-border-size) solid var(--plasma-textarea-border-color-hover);}.bofyi4a:hover:not([disabled]):not([readonly]):not(:focus-within) .textarea-wrapper{box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-hover);background-color:var(--plasma-textarea-input-background-color-hover);}.bofyi4a:hover:not([disabled]):not([readonly]):not(:focus-within) .textarea-wrapper + .textarea-helpers{background-color:var(--plasma-textarea-helpers-background-color-hover);}.bofyi4a:active:not([disabled]):not([readonly]):not(:focus-within) .textarea-wrapper{box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-active);background-color:var(--plasma-textarea-input-background-color-active);}.bofyi4a:active:not([disabled]):not([readonly]):not(:focus-within) .textarea-wrapper + .textarea-helpers{background-color:var(--plasma-textarea-helpers-background-color-active);}
|