@salutejs/plasma-new-hope 0.71.2-dev.0 → 0.72.0-canary.1160.8612911363.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Cell/Cell.js +0 -2
- package/cjs/components/Cell/Cell.js.map +1 -1
- package/cjs/components/TextField/TextField.js +166 -40
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/TextField/TextField.styles.js +27 -11
- package/cjs/components/TextField/TextField.styles.js.map +1 -1
- package/cjs/components/TextField/TextField.styles_1b1mddp.css +8 -0
- package/cjs/components/TextField/TextField.tokens.js +68 -20
- package/cjs/components/TextField/TextField.tokens.js.map +1 -1
- package/cjs/components/TextField/TextField_wctd2m.css +1 -0
- package/cjs/components/TextField/hooks/useKeyNavigation.js +131 -0
- package/cjs/components/TextField/hooks/useKeyNavigation.js.map +1 -0
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.css +19 -0
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +38 -0
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -0
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +26 -0
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js.map +1 -0
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles_1y8n7la.css +1 -0
- package/cjs/components/TextField/{_disabled → variations/_disabled}/base.js +2 -2
- package/cjs/components/TextField/variations/_disabled/base.js.map +1 -0
- package/cjs/components/TextField/variations/_disabled/base_1tnjoy9.css +1 -0
- package/cjs/components/TextField/{_label-placement → variations/_label-placement}/base.js +1 -1
- package/cjs/components/TextField/variations/_label-placement/base.js.map +1 -0
- package/cjs/components/TextField/{_label-placement → variations/_label-placement}/inner.js +2 -2
- package/cjs/components/TextField/variations/_label-placement/inner.js.map +1 -0
- package/cjs/components/TextField/variations/_label-placement/inner_gqlcj2.css +1 -0
- package/cjs/components/TextField/{_label-placement → variations/_label-placement}/outer.js +2 -2
- package/cjs/components/TextField/variations/_label-placement/outer.js.map +1 -0
- package/cjs/components/TextField/variations/_label-placement/outer_is41nj.css +1 -0
- package/cjs/components/TextField/{_view → variations/_read-only}/base.js +2 -2
- package/cjs/components/TextField/variations/_read-only/base.js.map +1 -0
- package/cjs/components/TextField/variations/_read-only/base_134hshp.css +1 -0
- package/cjs/components/TextField/variations/_size/base.js +9 -0
- package/cjs/components/TextField/variations/_size/base.js.map +1 -0
- package/cjs/components/TextField/variations/_size/base_1khzr9t.css +1 -0
- package/cjs/components/TextField/{_size → variations/_view}/base.js +2 -2
- package/cjs/components/TextField/variations/_view/base.js.map +1 -0
- package/cjs/components/TextField/variations/_view/base_1qd77x6.css +1 -0
- package/cjs/index.css +16 -9
- package/cjs/index.js +2 -2
- package/es/components/Cell/Cell.js +0 -2
- package/es/components/Cell/Cell.js.map +1 -1
- package/es/components/TextField/TextField.js +169 -44
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextField/TextField.styles.js +25 -12
- package/es/components/TextField/TextField.styles.js.map +1 -1
- package/es/components/TextField/TextField.styles_1b1mddp.css +8 -0
- package/es/components/TextField/TextField.tokens.js +68 -21
- package/es/components/TextField/TextField.tokens.js.map +1 -1
- package/es/components/TextField/TextField_wctd2m.css +1 -0
- package/es/components/TextField/hooks/useKeyNavigation.js +126 -0
- package/es/components/TextField/hooks/useKeyNavigation.js.map +1 -0
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.css +19 -0
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +34 -0
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -0
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +22 -0
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js.map +1 -0
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles_1y8n7la.css +1 -0
- package/es/components/TextField/variations/_disabled/base.js +5 -0
- package/es/components/TextField/variations/_disabled/base.js.map +1 -0
- package/es/components/TextField/variations/_disabled/base_1tnjoy9.css +1 -0
- package/es/components/TextField/{_label-placement → variations/_label-placement}/base.js +1 -1
- package/es/components/TextField/variations/_label-placement/base.js.map +1 -0
- package/es/components/TextField/variations/_label-placement/inner.js +5 -0
- package/es/components/TextField/variations/_label-placement/inner.js.map +1 -0
- package/es/components/TextField/variations/_label-placement/inner_gqlcj2.css +1 -0
- package/es/components/TextField/variations/_label-placement/outer.js +5 -0
- package/es/components/TextField/variations/_label-placement/outer.js.map +1 -0
- package/es/components/TextField/variations/_label-placement/outer_is41nj.css +1 -0
- package/es/components/TextField/variations/_read-only/base.js +5 -0
- package/es/components/TextField/variations/_read-only/base.js.map +1 -0
- package/es/components/TextField/variations/_read-only/base_134hshp.css +1 -0
- package/es/components/TextField/variations/_size/base.js +5 -0
- package/es/components/TextField/variations/_size/base.js.map +1 -0
- package/es/components/TextField/variations/_size/base_1khzr9t.css +1 -0
- package/es/components/TextField/{_disabled → variations/_view}/base.js +2 -2
- package/es/components/TextField/variations/_view/base.js.map +1 -0
- package/es/components/TextField/variations/_view/base_1qd77x6.css +1 -0
- package/es/index.css +16 -9
- package/es/index.js +2 -2
- package/package.json +2 -2
- package/styled-components/cjs/components/Cell/Cell.js +0 -2
- package/styled-components/cjs/components/TextField/TextField.js +173 -43
- package/styled-components/cjs/components/TextField/TextField.styles.js +18 -10
- package/styled-components/cjs/components/TextField/TextField.template-doc.mdx +24 -0
- package/styled-components/cjs/components/TextField/TextField.tokens.js +68 -21
- package/styled-components/cjs/components/TextField/hooks/index.js +12 -0
- package/styled-components/cjs/components/TextField/hooks/useKeyNavigation.js +137 -0
- package/styled-components/cjs/components/TextField/index.js +2 -2
- package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +39 -0
- package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +25 -0
- package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.types.js +5 -0
- package/styled-components/cjs/components/TextField/ui/index.js +12 -0
- package/styled-components/cjs/components/TextField/variations/_disabled/base.js +10 -0
- package/styled-components/cjs/components/TextField/variations/_label-placement/inner.js +10 -0
- package/styled-components/cjs/components/TextField/{_label-placement → variations/_label-placement}/outer.js +3 -3
- package/styled-components/cjs/components/TextField/variations/_read-only/base.js +10 -0
- package/styled-components/cjs/components/TextField/variations/_read-only/tokens.json +1 -0
- package/styled-components/cjs/components/TextField/variations/_size/base.js +10 -0
- package/styled-components/cjs/components/TextField/variations/_view/base.js +10 -0
- package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +43 -0
- package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.js +11 -0
- package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +133 -0
- package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.config.js +40 -0
- package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.js +11 -0
- package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +133 -0
- package/styled-components/cjs/examples/sds_engineer/components/TextField/TextField.config.js +43 -0
- package/styled-components/cjs/examples/sds_engineer/components/TextField/TextField.js +11 -0
- package/styled-components/cjs/examples/sds_engineer/components/TextField/TextField.stories.tsx +133 -0
- package/styled-components/es/components/Cell/Cell.js +0 -2
- package/styled-components/es/components/TextField/TextField.js +177 -47
- package/styled-components/es/components/TextField/TextField.styles.js +17 -9
- package/styled-components/es/components/TextField/TextField.template-doc.mdx +24 -0
- package/styled-components/es/components/TextField/TextField.tokens.js +67 -20
- package/styled-components/es/components/TextField/hooks/index.js +1 -0
- package/styled-components/es/components/TextField/hooks/useKeyNavigation.js +131 -0
- package/styled-components/es/components/TextField/index.js +2 -2
- package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +30 -0
- package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +19 -0
- package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.types.js +1 -0
- package/styled-components/es/components/TextField/ui/index.js +1 -0
- package/styled-components/es/components/TextField/variations/_disabled/base.js +4 -0
- package/styled-components/es/components/TextField/variations/_label-placement/inner.js +4 -0
- package/styled-components/es/components/TextField/variations/_label-placement/outer.js +4 -0
- package/styled-components/es/components/TextField/variations/_read-only/base.js +4 -0
- package/styled-components/es/components/TextField/variations/_read-only/tokens.json +1 -0
- package/styled-components/es/components/TextField/variations/_size/base.js +4 -0
- package/styled-components/es/components/TextField/variations/_view/base.js +4 -0
- package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.config.js +37 -0
- package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.js +5 -0
- package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +133 -0
- package/styled-components/es/examples/plasma_web/components/TextField/TextField.config.js +34 -0
- package/styled-components/es/examples/plasma_web/components/TextField/TextField.js +5 -0
- package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +133 -0
- package/styled-components/es/examples/sds_engineer/components/TextField/TextField.config.js +37 -0
- package/styled-components/es/examples/sds_engineer/components/TextField/TextField.js +5 -0
- package/styled-components/es/examples/sds_engineer/components/TextField/TextField.stories.tsx +133 -0
- package/types/components/Cell/Cell.d.ts.map +1 -1
- package/types/components/TextField/TextField.d.ts +8 -3
- package/types/components/TextField/TextField.d.ts.map +1 -1
- package/types/components/TextField/TextField.styles.d.ts +6 -3
- package/types/components/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/TextField/TextField.tokens.d.ts +57 -8
- package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
- package/types/components/TextField/TextField.types.d.ts +45 -3
- package/types/components/TextField/TextField.types.d.ts.map +1 -1
- package/types/components/TextField/hooks/index.d.ts +2 -0
- package/types/components/TextField/hooks/index.d.ts.map +1 -0
- package/types/components/TextField/hooks/useKeyNavigation.d.ts +17 -0
- package/types/components/TextField/hooks/useKeyNavigation.d.ts.map +1 -0
- package/types/components/TextField/index.d.ts +3 -2
- package/types/components/TextField/index.d.ts.map +1 -1
- package/types/components/TextField/ui/TextFieldChip/TextFieldChip.d.ts +7 -0
- package/types/components/TextField/ui/TextFieldChip/TextFieldChip.d.ts.map +1 -0
- package/types/components/TextField/ui/TextFieldChip/TextFieldChip.styles.d.ts +3 -0
- package/types/components/TextField/ui/TextFieldChip/TextFieldChip.styles.d.ts.map +1 -0
- package/types/components/TextField/ui/TextFieldChip/TextFieldChip.types.d.ts +37 -0
- package/types/components/TextField/ui/TextFieldChip/TextFieldChip.types.d.ts.map +1 -0
- package/types/components/TextField/ui/index.d.ts +2 -0
- package/types/components/TextField/ui/index.d.ts.map +1 -0
- package/types/components/TextField/variations/_disabled/base.d.ts.map +1 -0
- package/types/components/TextField/variations/_label-placement/base.d.ts.map +1 -0
- package/types/components/TextField/variations/_label-placement/index.d.ts.map +1 -0
- package/types/components/TextField/variations/_label-placement/inner.d.ts.map +1 -0
- package/types/components/TextField/variations/_label-placement/outer.d.ts.map +1 -0
- package/types/components/TextField/variations/_read-only/base.d.ts.map +1 -0
- package/types/components/TextField/variations/_size/base.d.ts.map +1 -0
- package/types/components/TextField/variations/_view/base.d.ts +2 -0
- package/types/components/TextField/variations/_view/base.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts +32 -0
- package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +26 -0
- package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -0
- package/types/examples/plasma_web/components/TextField/TextField.config.d.ts +32 -0
- package/types/examples/plasma_web/components/TextField/TextField.config.d.ts.map +1 -0
- package/types/examples/plasma_web/components/TextField/TextField.d.ts +26 -0
- package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/TextField/TextField.config.d.ts +32 -0
- package/types/examples/sds_engineer/components/TextField/TextField.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/TextField/TextField.d.ts +26 -0
- package/types/examples/sds_engineer/components/TextField/TextField.d.ts.map +1 -0
- package/cjs/components/TextField/TextField.styles_2qw1n8.css +0 -5
- package/cjs/components/TextField/TextField_1lzb2r1.css +0 -1
- package/cjs/components/TextField/_disabled/base.js.map +0 -1
- package/cjs/components/TextField/_disabled/base_so3w81.css +0 -1
- package/cjs/components/TextField/_label-placement/base.js.map +0 -1
- package/cjs/components/TextField/_label-placement/inner.js.map +0 -1
- package/cjs/components/TextField/_label-placement/inner_1tyuicp.css +0 -1
- package/cjs/components/TextField/_label-placement/outer.js.map +0 -1
- package/cjs/components/TextField/_label-placement/outer_19ekaek.css +0 -1
- package/cjs/components/TextField/_size/base.js.map +0 -1
- package/cjs/components/TextField/_size/base_b5smyu.css +0 -1
- package/cjs/components/TextField/_view/base.js.map +0 -1
- package/cjs/components/TextField/_view/base_5bqzed.css +0 -1
- package/es/components/TextField/TextField.styles_2qw1n8.css +0 -5
- package/es/components/TextField/TextField_1lzb2r1.css +0 -1
- package/es/components/TextField/_disabled/base.js.map +0 -1
- package/es/components/TextField/_disabled/base_so3w81.css +0 -1
- package/es/components/TextField/_label-placement/base.js.map +0 -1
- package/es/components/TextField/_label-placement/inner.js +0 -5
- package/es/components/TextField/_label-placement/inner.js.map +0 -1
- package/es/components/TextField/_label-placement/inner_1tyuicp.css +0 -1
- package/es/components/TextField/_label-placement/outer.js +0 -5
- package/es/components/TextField/_label-placement/outer.js.map +0 -1
- package/es/components/TextField/_label-placement/outer_19ekaek.css +0 -1
- package/es/components/TextField/_size/base.js +0 -5
- package/es/components/TextField/_size/base.js.map +0 -1
- package/es/components/TextField/_size/base_b5smyu.css +0 -1
- package/es/components/TextField/_view/base.js +0 -5
- package/es/components/TextField/_view/base.js.map +0 -1
- package/es/components/TextField/_view/base_5bqzed.css +0 -1
- package/styled-components/cjs/components/TextField/_disabled/base.js +0 -9
- package/styled-components/cjs/components/TextField/_label-placement/inner.js +0 -10
- package/styled-components/cjs/components/TextField/_size/base.js +0 -10
- package/styled-components/cjs/components/TextField/_view/base.js +0 -10
- package/styled-components/es/components/TextField/_disabled/base.js +0 -3
- package/styled-components/es/components/TextField/_label-placement/inner.js +0 -4
- package/styled-components/es/components/TextField/_label-placement/outer.js +0 -4
- package/styled-components/es/components/TextField/_size/base.js +0 -4
- package/styled-components/es/components/TextField/_view/base.js +0 -4
- package/types/components/TextField/_disabled/base.d.ts.map +0 -1
- package/types/components/TextField/_label-placement/base.d.ts.map +0 -1
- package/types/components/TextField/_label-placement/index.d.ts.map +0 -1
- package/types/components/TextField/_label-placement/inner.d.ts.map +0 -1
- package/types/components/TextField/_label-placement/outer.d.ts.map +0 -1
- package/types/components/TextField/_size/base.d.ts.map +0 -1
- package/types/components/TextField/_view/base.d.ts.map +0 -1
- /package/cjs/components/TextField/{_label-placement → variations/_label-placement}/base_x642ct.css +0 -0
- /package/es/components/TextField/{_label-placement → variations/_label-placement}/base_x642ct.css +0 -0
- /package/styled-components/cjs/components/TextField/{_disabled → variations/_disabled}/tokens.json +0 -0
- /package/styled-components/cjs/components/TextField/{_label-placement → variations/_label-placement}/base.js +0 -0
- /package/styled-components/cjs/components/TextField/{_label-placement → variations/_label-placement}/index.js +0 -0
- /package/styled-components/cjs/components/TextField/{_size → variations/_size}/tokens.json +0 -0
- /package/styled-components/cjs/components/TextField/{_view → variations/_view}/tokens.json +0 -0
- /package/styled-components/es/components/TextField/{_disabled → variations/_disabled}/tokens.json +0 -0
- /package/styled-components/es/components/TextField/{_label-placement → variations/_label-placement}/base.js +0 -0
- /package/styled-components/es/components/TextField/{_label-placement → variations/_label-placement}/index.js +0 -0
- /package/styled-components/es/components/TextField/{_size → variations/_size}/tokens.json +0 -0
- /package/styled-components/es/components/TextField/{_view → variations/_view}/tokens.json +0 -0
- /package/types/components/TextField/{_disabled → variations/_disabled}/base.d.ts +0 -0
- /package/types/components/TextField/{_label-placement → variations/_label-placement}/base.d.ts +0 -0
- /package/types/components/TextField/{_label-placement → variations/_label-placement}/index.d.ts +0 -0
- /package/types/components/TextField/{_label-placement → variations/_label-placement}/inner.d.ts +0 -0
- /package/types/components/TextField/{_label-placement → variations/_label-placement}/outer.d.ts +0 -0
- /package/types/components/TextField/{_size → variations/_read-only}/base.d.ts +0 -0
- /package/types/components/TextField/{_view → variations/_size}/base.d.ts +0 -0
@@ -1,29 +1,41 @@
|
|
1
|
+
export declare const classes: {
|
2
|
+
hasChips: string;
|
3
|
+
hasEmptyContentLeft: string;
|
4
|
+
hasEmptyContentRight: string;
|
5
|
+
};
|
1
6
|
export declare const tokens: {
|
2
7
|
color: string;
|
3
8
|
backgroundColor: string;
|
4
9
|
backgroundColorHover: string;
|
5
10
|
backgroundColorFocus: string;
|
6
|
-
/** Цвет каретки */
|
7
|
-
caretColor: string;
|
8
|
-
placeholderColor: string;
|
9
11
|
borderColor: string;
|
10
12
|
borderColorHover: string;
|
11
13
|
borderColorFocus: string;
|
14
|
+
/** Цвета для read-only состояния */
|
15
|
+
colorReadOnly: string;
|
16
|
+
backgroundColorReadOnly: string;
|
17
|
+
borderColorReadOnly: string;
|
18
|
+
placeholderColorReadOnly: string;
|
19
|
+
/** Цвет каретки */
|
20
|
+
caretColor: string;
|
21
|
+
placeholderColor: string;
|
12
22
|
height: string;
|
13
23
|
borderWidth: string;
|
14
24
|
borderRadius: string;
|
15
|
-
/**
|
25
|
+
/** Отступ от границы ТextField */
|
16
26
|
padding: string;
|
17
|
-
|
18
|
-
|
27
|
+
paddingWithChips: string;
|
28
|
+
leftContentMargin: string;
|
29
|
+
rightContentMargin: string;
|
19
30
|
fontFamily: string;
|
20
31
|
fontStyle: string;
|
21
32
|
fontSize: string;
|
22
33
|
fontWeight: string;
|
23
34
|
letterSpacing: string;
|
24
35
|
lineHeight: string;
|
25
|
-
/**
|
36
|
+
/** Токены лейбла */
|
26
37
|
labelColor: string;
|
38
|
+
labelColorReadOnly: string;
|
27
39
|
labelOffset: string;
|
28
40
|
labelFontFamily: string;
|
29
41
|
labelFontStyle: string;
|
@@ -37,7 +49,10 @@ export declare const tokens: {
|
|
37
49
|
labelInnerFontWeight: string;
|
38
50
|
labelInnerLetterSpacing: string;
|
39
51
|
labelInnerLineHeight: string;
|
52
|
+
labelInnerPadding: string;
|
53
|
+
contentLabelInnerPadding: string;
|
40
54
|
leftHelperColor: string;
|
55
|
+
leftHelperColorReadOnly: string;
|
41
56
|
leftHelperOffset: string;
|
42
57
|
leftHelperFontFamily: string;
|
43
58
|
leftHelperFontStyle: string;
|
@@ -45,8 +60,42 @@ export declare const tokens: {
|
|
45
60
|
leftHelperFontWeight: string;
|
46
61
|
leftHelperLetterSpacing: string;
|
47
62
|
leftHelperLineHeight: string;
|
48
|
-
contentColor: string;
|
49
63
|
/** Прозрачность для всего компонента в состоянии disabled */
|
50
64
|
disabledOpacity: string;
|
65
|
+
/** Токены чипа */
|
66
|
+
chipHeight: string;
|
67
|
+
chipBorderRadius: string;
|
68
|
+
chipGap: string;
|
69
|
+
chipBackground: string;
|
70
|
+
chipColor: string;
|
71
|
+
chipBackgroundHover: string;
|
72
|
+
chipColorHover: string;
|
73
|
+
chipScaleHover: string;
|
74
|
+
chipBackgroundReadOnly: string;
|
75
|
+
chipColorReadOnly: string;
|
76
|
+
chipBackgroundReadOnlyHover: string;
|
77
|
+
chipColorReadOnlyHover: string;
|
78
|
+
chipBackgroundActive: string;
|
79
|
+
chipColorActive: string;
|
80
|
+
chipScaleActive: string;
|
81
|
+
chipFocusColor: string;
|
82
|
+
chipCloseIconColor: string;
|
83
|
+
chipOutlineSize: string;
|
84
|
+
chipWidth: string;
|
85
|
+
chipPaddingTop: string;
|
86
|
+
chipPaddingRight: string;
|
87
|
+
chipPaddingBottom: string;
|
88
|
+
chipPaddingLeft: string;
|
89
|
+
chipCloseIconSize: string;
|
90
|
+
chipFontFamily: string;
|
91
|
+
chipFontSize: string;
|
92
|
+
chipFontStyle: string;
|
93
|
+
chipFontWeight: string;
|
94
|
+
chipLetterSpacing: string;
|
95
|
+
chipLineHeight: string;
|
96
|
+
chipClearContentMarginLeft: string;
|
97
|
+
chipClearContentMarginRight: string;
|
98
|
+
chipOpacityReadonly: string;
|
99
|
+
focusColor: string;
|
51
100
|
};
|
52
101
|
//# sourceMappingURL=TextField.tokens.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TextField.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;
|
1
|
+
{"version":3,"file":"TextField.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;CAInB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;IAWf,oCAAoC;;;;;IAMpC,mBAAmB;;;;;;IAQnB,kCAAkC;;;;;;;;;;;IAelC,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;IAkCpB,6DAA6D;;IAG7D,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCrB,CAAC"}
|
@@ -1,5 +1,10 @@
|
|
1
|
-
import type { InputHTMLAttributes, KeyboardEvent } from 'react';
|
2
|
-
|
1
|
+
import type { MutableRefObject, InputHTMLAttributes, KeyboardEvent, ChangeEvent } from 'react';
|
2
|
+
export declare type TextFieldPrimitiveValue = string | number | boolean;
|
3
|
+
export declare type ChipValues = {
|
4
|
+
id: string;
|
5
|
+
text: TextFieldPrimitiveValue;
|
6
|
+
};
|
7
|
+
export declare type EnumerationType = 'plain' | 'chip';
|
3
8
|
export interface TextFieldPropsBase {
|
4
9
|
/**
|
5
10
|
* Метка-подпись к элементу
|
@@ -21,10 +26,23 @@ export interface TextFieldPropsBase {
|
|
21
26
|
* Слот для контента справа.
|
22
27
|
*/
|
23
28
|
contentRight?: React.ReactElement;
|
29
|
+
/**
|
30
|
+
* Тип перечисления значений.
|
31
|
+
* Варианты: plain, chips
|
32
|
+
*/
|
33
|
+
enumerationType?: EnumerationType;
|
34
|
+
/**
|
35
|
+
* Выбранные значения.
|
36
|
+
*/
|
37
|
+
values?: Array<TextFieldPrimitiveValue>;
|
24
38
|
/**
|
25
39
|
* Callback по нажатию Enter
|
26
40
|
*/
|
27
41
|
onSearch?: (value: string, event?: KeyboardEvent<HTMLInputElement>) => void;
|
42
|
+
/**
|
43
|
+
* Обработчик изменения выбранных значений.
|
44
|
+
*/
|
45
|
+
onChangeChips?: (value: Array<TextFieldPrimitiveValue>) => void;
|
28
46
|
}
|
29
47
|
export interface TextFieldPropsVariations extends TextFieldPropsBase {
|
30
48
|
/**
|
@@ -35,6 +53,30 @@ export interface TextFieldPropsVariations extends TextFieldPropsBase {
|
|
35
53
|
* Вид контрола.
|
36
54
|
*/
|
37
55
|
view?: string;
|
56
|
+
/**
|
57
|
+
* Компонент доступен только для чтения.
|
58
|
+
*/
|
59
|
+
readOnly?: boolean;
|
60
|
+
/**
|
61
|
+
* Компонент неактивен.
|
62
|
+
*/
|
63
|
+
disabled?: boolean;
|
64
|
+
}
|
65
|
+
export interface TextFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'>, TextFieldPropsVariations {
|
66
|
+
}
|
67
|
+
export interface ControlledRefs {
|
68
|
+
chipsRefs: MutableRefObject<Array<HTMLButtonElement>>;
|
69
|
+
inputRef?: MutableRefObject<HTMLInputElement | null>;
|
70
|
+
contentRef?: MutableRefObject<HTMLDivElement | null>;
|
71
|
+
}
|
72
|
+
export interface UseKeyNavigationProps {
|
73
|
+
controlledRefs: ControlledRefs;
|
74
|
+
disabled: boolean;
|
75
|
+
readOnly: boolean;
|
76
|
+
chips: Array<ChipValues>;
|
77
|
+
enumerationType: EnumerationType;
|
78
|
+
updateChips: (newChips: Array<ChipValues>, newValues: Array<TextFieldPrimitiveValue>) => void;
|
79
|
+
onSearch?: (value: string, event?: KeyboardEvent<HTMLInputElement>) => void;
|
80
|
+
onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
|
38
81
|
}
|
39
|
-
export declare type TextFieldProps = Filter<InputHTMLAttributes<HTMLInputElement>, 'size'> & TextFieldPropsVariations;
|
40
82
|
//# sourceMappingURL=TextField.types.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TextField.types.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;
|
1
|
+
{"version":3,"file":"TextField.types.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE/F,oBAAY,uBAAuB,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAEhE,oBAAY,UAAU,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,uBAAuB,CAAC;CACjC,CAAC;AAEF,oBAAY,eAAe,GAAG,OAAO,GAAG,MAAM,CAAC;AAE/C,MAAM,WAAW,kBAAkB;IAC/B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACnC;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IACjC;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAClC;;;OAGG;IACH,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,uBAAuB,CAAC,CAAC;IACxC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5E;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,uBAAuB,CAAC,KAAK,IAAI,CAAC;CACnE;AAED,MAAM,WAAW,wBAAyB,SAAQ,kBAAkB;IAChE;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,EAAE,wBAAwB;CAAG;AAExH,MAAM,WAAW,cAAc;IAC3B,SAAS,EAAE,gBAAgB,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACtD,QAAQ,CAAC,EAAE,gBAAgB,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACrD,UAAU,CAAC,EAAE,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CACxD;AAED,MAAM,WAAW,qBAAqB;IAClC,cAAc,EAAE,cAAc,CAAC;IAC/B,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IACzB,eAAe,EAAE,eAAe,CAAC;IACjC,WAAW,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,uBAAuB,CAAC,KAAK,IAAI,CAAC;IAC9F,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5E,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC7D"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/TextField/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}
|
@@ -0,0 +1,17 @@
|
|
1
|
+
import type { ChangeEvent, KeyboardEvent } from 'react';
|
2
|
+
import type { UseKeyNavigationProps } from '../TextField.types';
|
3
|
+
export declare const Keys: {
|
4
|
+
Enter: string;
|
5
|
+
Tab: string;
|
6
|
+
Escape: string;
|
7
|
+
ArrowLeft: string;
|
8
|
+
ArrowRight: string;
|
9
|
+
Backspace: string;
|
10
|
+
};
|
11
|
+
export declare const useKeyNavigation: ({ controlledRefs: { chipsRefs, contentRef, inputRef }, disabled, readOnly, chips, enumerationType, updateChips, onChange, onSearch, }: UseKeyNavigationProps) => {
|
12
|
+
readonly handleInputKeydown: (event: ChangeEvent<HTMLInputElement> & KeyboardEvent<HTMLInputElement>) => void;
|
13
|
+
readonly handleChipKeyDown: (event: KeyboardEvent<HTMLButtonElement>, chipId: string) => void;
|
14
|
+
readonly onChipClear: (clearId: string) => void;
|
15
|
+
readonly handleContentKeyDown: (event: KeyboardEvent<HTMLDivElement>) => void;
|
16
|
+
};
|
17
|
+
//# sourceMappingURL=useKeyNavigation.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"useKeyNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/TextField/hooks/useKeyNavigation.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAExD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAEhE,eAAO,MAAM,IAAI;;;;;;;CAOhB,CAAC;AAEF,eAAO,MAAM,gBAAgB,0IAS1B,qBAAqB;yCAGe,YAAY,gBAAgB,CAAC,GAAG,cAAc,gBAAgB,CAAC;wCA4ChE,cAAc,iBAAiB,CAAC,UAAU,MAAM;oCAXpD,MAAM;2CAqBC,cAAc,cAAc,CAAC;CAkDrE,CAAC"}
|
@@ -1,5 +1,6 @@
|
|
1
|
-
export { labelPlacement_inner as textField_labelPlacement_inner } from './_label-placement/inner';
|
2
|
-
export { labelPlacement_outer as textField_labelPlacement_outer } from './_label-placement/outer';
|
1
|
+
export { labelPlacement_inner as textField_labelPlacement_inner } from './variations/_label-placement/inner';
|
2
|
+
export { labelPlacement_outer as textField_labelPlacement_outer } from './variations/_label-placement/outer';
|
3
3
|
export { textFieldRoot, textFieldConfig } from './TextField';
|
4
4
|
export { tokens as textFieldTokens } from './TextField.tokens';
|
5
|
+
export type { TextFieldProps } from './TextField.types';
|
5
6
|
//# sourceMappingURL=index.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,IAAI,8BAA8B,EAAE,MAAM,
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,IAAI,8BAA8B,EAAE,MAAM,qCAAqC,CAAC;AAC7G,OAAO,EAAE,oBAAoB,IAAI,8BAA8B,EAAE,MAAM,qCAAqC,CAAC;AAE7G,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC/D,YAAY,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC"}
|
@@ -0,0 +1,7 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import type { TextFieldChipProps } from './TextFieldChip.types';
|
3
|
+
/**
|
4
|
+
* Чип, отображающий выбранный элемент
|
5
|
+
*/
|
6
|
+
export declare const TextFieldChip: React.ForwardRefExoticComponent<TextFieldChipProps & React.RefAttributes<HTMLButtonElement>>;
|
7
|
+
//# sourceMappingURL=TextFieldChip.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"TextFieldChip.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextField/ui/TextFieldChip/TextFieldChip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEhE;;GAEG;AACH,eAAO,MAAM,aAAa,8FAqBzB,CAAC"}
|
@@ -0,0 +1,3 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
export declare const StyledChip: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & import("../../../Chip").ChipProps & import("react").RefAttributes<HTMLButtonElement>>;
|
3
|
+
//# sourceMappingURL=TextFieldChip.styles.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"TextFieldChip.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextField/ui/TextFieldChip/TextFieldChip.styles.ts"],"names":[],"mappings":";AAYA,eAAO,MAAM,UAAU,6PA2CtB,CAAC"}
|
@@ -0,0 +1,37 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
import type { TextFieldPrimitiveValue } from '../../TextField.types';
|
3
|
+
export interface TextFieldChipProps {
|
4
|
+
/**
|
5
|
+
* ID для чипа.
|
6
|
+
*/
|
7
|
+
chipId: string;
|
8
|
+
/**
|
9
|
+
* Отображаемый текст.
|
10
|
+
*/
|
11
|
+
text: TextFieldPrimitiveValue;
|
12
|
+
/**
|
13
|
+
* Выбранное значение.
|
14
|
+
*/
|
15
|
+
value: TextFieldPrimitiveValue;
|
16
|
+
/**
|
17
|
+
* Компонент неактивен
|
18
|
+
*/
|
19
|
+
disabled?: boolean;
|
20
|
+
/**
|
21
|
+
* Элемент формы не может изменяться пользователем
|
22
|
+
*/
|
23
|
+
readOnly?: boolean;
|
24
|
+
/**
|
25
|
+
* Обработчик удаления выбранного значения.
|
26
|
+
*/
|
27
|
+
onClear: (id: string) => void;
|
28
|
+
/**
|
29
|
+
* Обработчик клика на выбранное значение.
|
30
|
+
*/
|
31
|
+
onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
32
|
+
/**
|
33
|
+
* Обработчик нажатия клавиши.
|
34
|
+
*/
|
35
|
+
onKeyDown?: (event: React.KeyboardEvent<HTMLButtonElement>, chipId: string) => void;
|
36
|
+
}
|
37
|
+
//# sourceMappingURL=TextFieldChip.types.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"TextFieldChip.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextField/ui/TextFieldChip/TextFieldChip.types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAErE,MAAM,WAAW,kBAAkB;IAC/B;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,EAAE,uBAAuB,CAAC;IAC9B;;OAEG;IACH,KAAK,EAAE,uBAAuB,CAAC;IAC/B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC/D;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACvF"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/TextField/ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextField/variations/_disabled/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAUhB,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextField/variations/_label-placement/base.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI,0CAAQ,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextField/variations/_label-placement/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"inner.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextField/variations/_label-placement/inner.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,oBAAoB,0CA4ChC,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"outer.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextField/variations/_label-placement/outer.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,oBAAoB,0CAMhC,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextField/variations/_read-only/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CA8BhB,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextField/variations/_size/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAgDhB,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextField/variations/_view/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAmChB,CAAC"}
|
@@ -0,0 +1,32 @@
|
|
1
|
+
export declare const config: {
|
2
|
+
defaults: {
|
3
|
+
view: string;
|
4
|
+
size: string;
|
5
|
+
labelPlacement: string;
|
6
|
+
};
|
7
|
+
variations: {
|
8
|
+
view: {
|
9
|
+
default: import("@linaria/core").LinariaClassName;
|
10
|
+
positive: import("@linaria/core").LinariaClassName;
|
11
|
+
warning: import("@linaria/core").LinariaClassName;
|
12
|
+
negative: import("@linaria/core").LinariaClassName;
|
13
|
+
};
|
14
|
+
size: {
|
15
|
+
l: import("@linaria/core").LinariaClassName;
|
16
|
+
m: import("@linaria/core").LinariaClassName;
|
17
|
+
s: import("@linaria/core").LinariaClassName;
|
18
|
+
xs: import("@linaria/core").LinariaClassName;
|
19
|
+
};
|
20
|
+
labelPlacement: {
|
21
|
+
inner: import("@linaria/core").LinariaClassName[];
|
22
|
+
outer: import("@linaria/core").LinariaClassName[];
|
23
|
+
};
|
24
|
+
disabled: {
|
25
|
+
true: import("@linaria/core").LinariaClassName;
|
26
|
+
};
|
27
|
+
readOnly: {
|
28
|
+
true: import("@linaria/core").LinariaClassName;
|
29
|
+
};
|
30
|
+
};
|
31
|
+
};
|
32
|
+
//# sourceMappingURL=TextField.config.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"TextField.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/TextField/TextField.config.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiWlB,CAAC"}
|
@@ -0,0 +1,26 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
export declare const TextField: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
|
3
|
+
view: {
|
4
|
+
default: import("@linaria/core").LinariaClassName;
|
5
|
+
positive: import("@linaria/core").LinariaClassName;
|
6
|
+
warning: import("@linaria/core").LinariaClassName;
|
7
|
+
negative: import("@linaria/core").LinariaClassName;
|
8
|
+
};
|
9
|
+
size: {
|
10
|
+
l: import("@linaria/core").LinariaClassName;
|
11
|
+
m: import("@linaria/core").LinariaClassName;
|
12
|
+
s: import("@linaria/core").LinariaClassName;
|
13
|
+
xs: import("@linaria/core").LinariaClassName;
|
14
|
+
};
|
15
|
+
labelPlacement: {
|
16
|
+
inner: import("@linaria/core").LinariaClassName[];
|
17
|
+
outer: import("@linaria/core").LinariaClassName[];
|
18
|
+
};
|
19
|
+
disabled: {
|
20
|
+
true: import("@linaria/core").LinariaClassName;
|
21
|
+
};
|
22
|
+
readOnly: {
|
23
|
+
true: import("@linaria/core").LinariaClassName;
|
24
|
+
};
|
25
|
+
}> & import("../../../../components/TextField").TextFieldProps & import("react").RefAttributes<HTMLDivElement>>;
|
26
|
+
//# sourceMappingURL=TextField.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/TextField/TextField.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;+GAA0B,CAAC"}
|
@@ -0,0 +1,32 @@
|
|
1
|
+
export declare const config: {
|
2
|
+
defaults: {
|
3
|
+
view: string;
|
4
|
+
size: string;
|
5
|
+
labelPlacement: string;
|
6
|
+
};
|
7
|
+
variations: {
|
8
|
+
view: {
|
9
|
+
default: import("@linaria/core").LinariaClassName;
|
10
|
+
positive: import("@linaria/core").LinariaClassName;
|
11
|
+
warning: import("@linaria/core").LinariaClassName;
|
12
|
+
negative: import("@linaria/core").LinariaClassName;
|
13
|
+
};
|
14
|
+
size: {
|
15
|
+
l: import("@linaria/core").LinariaClassName;
|
16
|
+
m: import("@linaria/core").LinariaClassName;
|
17
|
+
s: import("@linaria/core").LinariaClassName;
|
18
|
+
xs: import("@linaria/core").LinariaClassName;
|
19
|
+
};
|
20
|
+
labelPlacement: {
|
21
|
+
inner: import("@linaria/core").LinariaClassName[];
|
22
|
+
outer: import("@linaria/core").LinariaClassName[];
|
23
|
+
};
|
24
|
+
disabled: {
|
25
|
+
true: import("@linaria/core").LinariaClassName;
|
26
|
+
};
|
27
|
+
readOnly: {
|
28
|
+
true: import("@linaria/core").LinariaClassName;
|
29
|
+
};
|
30
|
+
};
|
31
|
+
};
|
32
|
+
//# sourceMappingURL=TextField.config.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"TextField.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/TextField/TextField.config.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+WlB,CAAC"}
|
@@ -0,0 +1,26 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
export declare const TextField: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
|
3
|
+
view: {
|
4
|
+
default: import("@linaria/core").LinariaClassName;
|
5
|
+
positive: import("@linaria/core").LinariaClassName;
|
6
|
+
warning: import("@linaria/core").LinariaClassName;
|
7
|
+
negative: import("@linaria/core").LinariaClassName;
|
8
|
+
};
|
9
|
+
size: {
|
10
|
+
l: import("@linaria/core").LinariaClassName;
|
11
|
+
m: import("@linaria/core").LinariaClassName;
|
12
|
+
s: import("@linaria/core").LinariaClassName;
|
13
|
+
xs: import("@linaria/core").LinariaClassName;
|
14
|
+
};
|
15
|
+
labelPlacement: {
|
16
|
+
inner: import("@linaria/core").LinariaClassName[];
|
17
|
+
outer: import("@linaria/core").LinariaClassName[];
|
18
|
+
};
|
19
|
+
disabled: {
|
20
|
+
true: import("@linaria/core").LinariaClassName;
|
21
|
+
};
|
22
|
+
readOnly: {
|
23
|
+
true: import("@linaria/core").LinariaClassName;
|
24
|
+
};
|
25
|
+
}> & import("../../../../components/TextField").TextFieldProps & import("react").RefAttributes<HTMLDivElement>>;
|
26
|
+
//# sourceMappingURL=TextField.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/TextField/TextField.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;+GAA0B,CAAC"}
|
@@ -0,0 +1,32 @@
|
|
1
|
+
export declare const config: {
|
2
|
+
defaults: {
|
3
|
+
view: string;
|
4
|
+
size: string;
|
5
|
+
labelPlacement: string;
|
6
|
+
};
|
7
|
+
variations: {
|
8
|
+
view: {
|
9
|
+
default: import("@linaria/core").LinariaClassName;
|
10
|
+
positive: import("@linaria/core").LinariaClassName;
|
11
|
+
warning: import("@linaria/core").LinariaClassName;
|
12
|
+
negative: import("@linaria/core").LinariaClassName;
|
13
|
+
};
|
14
|
+
size: {
|
15
|
+
l: import("@linaria/core").LinariaClassName;
|
16
|
+
m: import("@linaria/core").LinariaClassName;
|
17
|
+
s: import("@linaria/core").LinariaClassName;
|
18
|
+
xs: import("@linaria/core").LinariaClassName;
|
19
|
+
};
|
20
|
+
labelPlacement: {
|
21
|
+
inner: import("@linaria/core").LinariaClassName[];
|
22
|
+
outer: import("@linaria/core").LinariaClassName[];
|
23
|
+
};
|
24
|
+
disabled: {
|
25
|
+
true: import("@linaria/core").LinariaClassName;
|
26
|
+
};
|
27
|
+
readOnly: {
|
28
|
+
true: import("@linaria/core").LinariaClassName;
|
29
|
+
};
|
30
|
+
};
|
31
|
+
};
|
32
|
+
//# sourceMappingURL=TextField.config.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"TextField.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/sds_engineer/components/TextField/TextField.config.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiXlB,CAAC"}
|
@@ -0,0 +1,26 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
export declare const TextField: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
|
3
|
+
view: {
|
4
|
+
default: import("@linaria/core").LinariaClassName;
|
5
|
+
positive: import("@linaria/core").LinariaClassName;
|
6
|
+
warning: import("@linaria/core").LinariaClassName;
|
7
|
+
negative: import("@linaria/core").LinariaClassName;
|
8
|
+
};
|
9
|
+
size: {
|
10
|
+
l: import("@linaria/core").LinariaClassName;
|
11
|
+
m: import("@linaria/core").LinariaClassName;
|
12
|
+
s: import("@linaria/core").LinariaClassName;
|
13
|
+
xs: import("@linaria/core").LinariaClassName;
|
14
|
+
};
|
15
|
+
labelPlacement: {
|
16
|
+
inner: import("@linaria/core").LinariaClassName[];
|
17
|
+
outer: import("@linaria/core").LinariaClassName[];
|
18
|
+
};
|
19
|
+
disabled: {
|
20
|
+
true: import("@linaria/core").LinariaClassName;
|
21
|
+
};
|
22
|
+
readOnly: {
|
23
|
+
true: import("@linaria/core").LinariaClassName;
|
24
|
+
};
|
25
|
+
}> & import("../../../../components/TextField").TextFieldProps & import("react").RefAttributes<HTMLDivElement>>;
|
26
|
+
//# sourceMappingURL=TextField.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../../../src/examples/sds_engineer/components/TextField/TextField.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;+GAA0B,CAAC"}
|
@@ -1,5 +0,0 @@
|
|
1
|
-
.iq39zt5{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;}
|
2
|
-
.i1j28rg8 .iq39zt5{width:100%;}
|
3
|
-
.i13zudoe{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-shadow:inset 0 0 0 var(--plasma_private-textfield-border-width) var(--plasma_private-textfield-border-color);}.i13zudoe .i1j28rg8{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}
|
4
|
-
|
5
|
-
|
@@ -1 +0,0 @@
|
|
1
|
-
.bpunezx{display:block;}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../src/components/TextField/_disabled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../TextField.tokens';\n\nexport const base = css`\n &[disabled] {\n opacity: var(${tokens.disabledOpacity});\n cursor: not-allowed;\n\n input {\n cursor: not-allowed;\n }\n }\n`;\n"],"names":["base"],"mappings":";;;;AAIO,IAAMA,IAAI,GAShB;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
.b1rdxrik[disabled]{opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.b1rdxrik[disabled] input{cursor:not-allowed;}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../src/components/TextField/_label-placement/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\n// TODO: REMOVE IT\nexport const base = css``;\n"],"names":["base"],"mappings":";;;;AAEA;AACO,IAAMA,IAAI,GAAQ;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"inner.js","sources":["../../../../src/components/TextField/_label-placement/inner.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { Input, Label } from '../TextField.styles';\nimport { tokens } from '../TextField.tokens';\n\nexport const labelPlacement_inner = css`\n ${Input} {\n padding-top: calc(var(${tokens.labelOffset}) + var(${tokens.labelInnerLineHeight}));\n padding-bottom: var(${tokens.labelOffset});\n }\n\n ${Input}:focus ~ ${Label}, ${Input}:not(:placeholder-shown) ~ ${Label} {\n height: auto;\n padding-top: var(${tokens.labelOffset});\n\n font-family: var(${tokens.labelInnerFontFamily});\n font-size: var(${tokens.labelInnerFontSize});\n font-style: var(${tokens.labelInnerFontStyle});\n font-weight: var(${tokens.labelInnerFontWeight});\n letter-spacing: var(${tokens.labelInnerLetterSpacing});\n line-height: var(${tokens.labelInnerLineHeight});\n }\n\n ${Input}:not(:focus)::placeholder {\n color: transparent;\n }\n\n ${Input}:focus::placeholder {\n color: transparent;\n }\n\n ${Label} {\n color: var(${tokens.placeholderColor});\n\n pointer-events: none;\n position: absolute;\n top: 0;\n\n display: flex;\n align-items: center;\n\n box-sizing: border-box;\n\n transition: all 0.1s ease-in-out 0s;\n\n height: var(${tokens.height});\n\n padding-top: calc(var(${tokens.height}) / 4);\n padding-bottom: calc(var(${tokens.height}) / 4);\n }\n`;\n"],"names":["labelPlacement_inner"],"mappings":";;;;AAKO,IAAMA,oBAAoB,GA6ChC;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
.l1mtiqfm .iq39zt5{padding-top:calc(var(--plasma-textfield__label-offset) + var(--plasma-textfield-placement_inner__label-line-height));padding-bottom:var(--plasma-textfield__label-offset);}.l1mtiqfm .iq39zt5:focus ~ .lo4bpie,.l1mtiqfm .iq39zt5:not(:placeholder-shown) ~ .lo4bpie{height:auto;padding-top:var(--plasma-textfield__label-offset);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.l1mtiqfm .iq39zt5:not(:focus)::-webkit-input-placeholder{color:transparent;}.l1mtiqfm .iq39zt5:not(:focus)::-moz-placeholder{color:transparent;}.l1mtiqfm .iq39zt5:not(:focus):-ms-input-placeholder{color:transparent;}.l1mtiqfm .iq39zt5:not(:focus)::placeholder{color:transparent;}.l1mtiqfm .iq39zt5:focus::-webkit-input-placeholder{color:transparent;}.l1mtiqfm .iq39zt5:focus::-moz-placeholder{color:transparent;}.l1mtiqfm .iq39zt5:focus:-ms-input-placeholder{color:transparent;}.l1mtiqfm .iq39zt5:focus::placeholder{color:transparent;}.l1mtiqfm .lo4bpie{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-transition:all 0.1s ease-in-out 0s;transition:all 0.1s ease-in-out 0s;height:var(--plasma-textfield-height);padding-top:calc(var(--plasma-textfield-height) / 4);padding-bottom:calc(var(--plasma-textfield-height) / 4);}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"outer.js","sources":["../../../../src/components/TextField/_label-placement/outer.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { Label } from '../TextField.styles';\nimport { tokens } from '../TextField.tokens';\n\nexport const labelPlacement_outer = css`\n ${Label} {\n display: block;\n margin-bottom: var(${tokens.labelOffset});\n }\n`;\n"],"names":["labelPlacement_outer"],"mappings":";;;;AAKO,IAAMA,oBAAoB,GAKhC;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
.l1fhg6i1 .lo4bpie{display:block;margin-bottom:var(--plasma-textfield__label-offset);}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../src/components/TextField/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../TextField.tokens';\nimport { Input, InputLabelWrapper, InputWrapper, Label, LeftHelper } from '../TextField.styles';\n\nexport const base = css`\n --plasma_private-textfield-br: var(${tokens.borderRadius}, calc(var(${tokens.height}) / 4));\n --plasma_private-textfield-padding: var(${tokens.padding}, calc(var(${tokens.height}) * 1.618 / 4));\n --plasma_private-textfield-border-width: var(${tokens.borderWidth});\n\n ${Input} {\n height: var(${tokens.height});\n\n font-family: var(${tokens.fontFamily});\n font-size: var(${tokens.fontSize});\n font-style: var(${tokens.fontStyle});\n font-weight: var(${tokens.fontWeight});\n letter-spacing: var(${tokens.letterSpacing});\n line-height: var(${tokens.lineHeight});\n }\n \n ${InputWrapper} {\n border-radius: var(--plasma_private-textfield-br);\n /** offset between Icon And Input */\n gap: var(${tokens.contentOffset});\n }\n\n ${InputWrapper} > ${InputLabelWrapper}:first-child {\n /** offset without Icon(LeftContent) */\n margin-left: var(--plasma_private-textfield-padding);\n }\n ${InputWrapper} > :not(${InputLabelWrapper}):first-child {\n /** offset with Icon(LeftContent) */\n margin-left: var(${tokens.paddingWithContent}, var(--plasma_private-textfield-padding));\n }\n ${InputWrapper} > ${InputLabelWrapper}:last-child {\n margin-right: var(--plasma_private-textfield-padding);\n }\n ${InputWrapper} > :not(${InputLabelWrapper}):last-child {\n margin-right: var(${tokens.paddingWithContent}, var(--plasma_private-textfield-padding));\n }\n\n ${Label} {\n font-family: var(${tokens.labelFontFamily});\n font-size: var(${tokens.labelFontSize});\n font-style: var(${tokens.labelFontStyle});\n font-weight: var(${tokens.labelFontWeight});\n letter-spacing: var(${tokens.labelLetterSpacing});\n line-height: var(${tokens.labelLineHeight});\n }\n\n ${LeftHelper} {\n margin-top: var(${tokens.leftHelperOffset});\n\n font-family: var(${tokens.leftHelperFontFamily});\n font-size: var(${tokens.leftHelperFontSize});\n font-style: var(${tokens.leftHelperFontStyle});\n font-weight: var(${tokens.leftHelperFontWeight});\n letter-spacing: var(${tokens.leftHelperLetterSpacing});\n line-height: var(${tokens.leftHelperLineHeight});\n }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GAwDhB;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
.b170l0h9{--plasma_private-textfield-br:var(--plasma-textfield-border-radius,calc(var(--plasma-textfield-height) / 4));--plasma_private-textfield-padding:var(--plasma-textfield-padding,calc(var(--plasma-textfield-height) * 1.618 / 4));--plasma_private-textfield-border-width:var(--plasmas-textfield-border-width);}.b170l0h9 .iq39zt5{height:var(--plasma-textfield-height);font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.b170l0h9 .i13zudoe{border-radius:var(--plasma_private-textfield-br);gap:var(--plasma-textfield__content-offset);}.b170l0h9 .i13zudoe > .i1j28rg8:first-child{margin-left:var(--plasma_private-textfield-padding);}.b170l0h9 .i13zudoe > :not(.i1j28rg8):first-child{margin-left:var(--plasma-textfield-padding-with-content,var(--plasma_private-textfield-padding));}.b170l0h9 .i13zudoe > .i1j28rg8:last-child{margin-right:var(--plasma_private-textfield-padding);}.b170l0h9 .i13zudoe > :not(.i1j28rg8):last-child{margin-right:var(--plasma-textfield-padding-with-content,var(--plasma_private-textfield-padding));}.b170l0h9 .lo4bpie{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.b170l0h9 .l13qvwoy{margin-top:var(--plasma-textfield__leftHelper-offset);font-family:var(--plasma-textfield__leftHelper-font-family);font-size:var(--plasma-textfield__leftHelper-font-size);font-style:var(--plasma-textfield__leftHelper-font-style);font-weight:var(--plasma-textfield__leftHelper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__leftHelper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__leftHelper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__leftHelper-letter-spacing);letter-spacing:var(--plasma-textfield__leftHelper-letter-spacing);line-height:var(--plasma-textfield__leftHelper-line-height);}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../src/components/TextField/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../TextField.tokens';\nimport { Input, InputWrapper, LeftHelper } from '../TextField.styles';\n\nexport const base = css`\n ${InputWrapper} {\n color: var(${tokens.contentColor}, var(${tokens.color}));\n background-color: var(${tokens.backgroundColor});\n caret-color: var(${tokens.caretColor});\n\n --plasma_private-textfield-border-color: var(${tokens.borderColor});\n transition: box-shadow 0.1s ease-in, background-color 0.1s ease-in, color 0.1s ease-in;\n }\n ${InputWrapper}:hover {\n --plasma_private-textfield-border-color: var(${tokens.borderColorHover});\n background-color: var(${tokens.backgroundColorHover}, var(${tokens.backgroundColor}));\n }\n ${InputWrapper}:focus-within {\n --plasma_private-textfield-border-color: var(${tokens.borderColorFocus});\n background-color: var(${tokens.backgroundColorFocus}, var(${tokens.backgroundColor}));\n }\n ${Input}::placeholder {\n color: var(${tokens.placeholderColor});\n }\n ${Input} {\n color: var(${tokens.color});\n }\n ${LeftHelper} {\n color: var(${tokens.leftHelperColor});\n }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GA0BhB;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
.bkf0zs .i13zudoe{color:var(--plasma-textfield__content-color,var(--plasma-textfield-color));background-color:var(--plasma-textfield-bg-color);caret-color:var(--plasma-textfield__caret-color);--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);-webkit-transition:box-shadow 0.1s ease-in,background-color 0.1s ease-in,color 0.1s ease-in;transition:box-shadow 0.1s ease-in,background-color 0.1s ease-in,color 0.1s ease-in;}.bkf0zs .i13zudoe:hover{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-hover);background-color:var(--plasma-textfield-bg-color-hover,var(--plasma-textfield-bg-color));}.bkf0zs .i13zudoe:focus-within{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-focus);background-color:var(--plasma-textfield-bg-color-focus,var(--plasma-textfield-bg-color));}.bkf0zs .iq39zt5::-webkit-input-placeholder{color:var(--plasma-textfield__placeholder-color);}.bkf0zs .iq39zt5::-moz-placeholder{color:var(--plasma-textfield__placeholder-color);}.bkf0zs .iq39zt5:-ms-input-placeholder{color:var(--plasma-textfield__placeholder-color);}.bkf0zs .iq39zt5::placeholder{color:var(--plasma-textfield__placeholder-color);}.bkf0zs .iq39zt5{color:var(--plasma-textfield-color);}.bkf0zs .l13qvwoy{color:var(--plasma-textfield__leftHelper-color);}
|