@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.
Files changed (246) hide show
  1. package/cjs/components/Cell/Cell.js +0 -2
  2. package/cjs/components/Cell/Cell.js.map +1 -1
  3. package/cjs/components/TextField/TextField.js +166 -40
  4. package/cjs/components/TextField/TextField.js.map +1 -1
  5. package/cjs/components/TextField/TextField.styles.js +27 -11
  6. package/cjs/components/TextField/TextField.styles.js.map +1 -1
  7. package/cjs/components/TextField/TextField.styles_1b1mddp.css +8 -0
  8. package/cjs/components/TextField/TextField.tokens.js +68 -20
  9. package/cjs/components/TextField/TextField.tokens.js.map +1 -1
  10. package/cjs/components/TextField/TextField_wctd2m.css +1 -0
  11. package/cjs/components/TextField/hooks/useKeyNavigation.js +131 -0
  12. package/cjs/components/TextField/hooks/useKeyNavigation.js.map +1 -0
  13. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.css +19 -0
  14. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +38 -0
  15. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -0
  16. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +26 -0
  17. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js.map +1 -0
  18. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles_1y8n7la.css +1 -0
  19. package/cjs/components/TextField/{_disabled → variations/_disabled}/base.js +2 -2
  20. package/cjs/components/TextField/variations/_disabled/base.js.map +1 -0
  21. package/cjs/components/TextField/variations/_disabled/base_1tnjoy9.css +1 -0
  22. package/cjs/components/TextField/{_label-placement → variations/_label-placement}/base.js +1 -1
  23. package/cjs/components/TextField/variations/_label-placement/base.js.map +1 -0
  24. package/cjs/components/TextField/{_label-placement → variations/_label-placement}/inner.js +2 -2
  25. package/cjs/components/TextField/variations/_label-placement/inner.js.map +1 -0
  26. package/cjs/components/TextField/variations/_label-placement/inner_gqlcj2.css +1 -0
  27. package/cjs/components/TextField/{_label-placement → variations/_label-placement}/outer.js +2 -2
  28. package/cjs/components/TextField/variations/_label-placement/outer.js.map +1 -0
  29. package/cjs/components/TextField/variations/_label-placement/outer_is41nj.css +1 -0
  30. package/cjs/components/TextField/{_view → variations/_read-only}/base.js +2 -2
  31. package/cjs/components/TextField/variations/_read-only/base.js.map +1 -0
  32. package/cjs/components/TextField/variations/_read-only/base_134hshp.css +1 -0
  33. package/cjs/components/TextField/variations/_size/base.js +9 -0
  34. package/cjs/components/TextField/variations/_size/base.js.map +1 -0
  35. package/cjs/components/TextField/variations/_size/base_1khzr9t.css +1 -0
  36. package/cjs/components/TextField/{_size → variations/_view}/base.js +2 -2
  37. package/cjs/components/TextField/variations/_view/base.js.map +1 -0
  38. package/cjs/components/TextField/variations/_view/base_1qd77x6.css +1 -0
  39. package/cjs/index.css +16 -9
  40. package/cjs/index.js +2 -2
  41. package/es/components/Cell/Cell.js +0 -2
  42. package/es/components/Cell/Cell.js.map +1 -1
  43. package/es/components/TextField/TextField.js +169 -44
  44. package/es/components/TextField/TextField.js.map +1 -1
  45. package/es/components/TextField/TextField.styles.js +25 -12
  46. package/es/components/TextField/TextField.styles.js.map +1 -1
  47. package/es/components/TextField/TextField.styles_1b1mddp.css +8 -0
  48. package/es/components/TextField/TextField.tokens.js +68 -21
  49. package/es/components/TextField/TextField.tokens.js.map +1 -1
  50. package/es/components/TextField/TextField_wctd2m.css +1 -0
  51. package/es/components/TextField/hooks/useKeyNavigation.js +126 -0
  52. package/es/components/TextField/hooks/useKeyNavigation.js.map +1 -0
  53. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.css +19 -0
  54. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +34 -0
  55. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -0
  56. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +22 -0
  57. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js.map +1 -0
  58. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles_1y8n7la.css +1 -0
  59. package/es/components/TextField/variations/_disabled/base.js +5 -0
  60. package/es/components/TextField/variations/_disabled/base.js.map +1 -0
  61. package/es/components/TextField/variations/_disabled/base_1tnjoy9.css +1 -0
  62. package/es/components/TextField/{_label-placement → variations/_label-placement}/base.js +1 -1
  63. package/es/components/TextField/variations/_label-placement/base.js.map +1 -0
  64. package/es/components/TextField/variations/_label-placement/inner.js +5 -0
  65. package/es/components/TextField/variations/_label-placement/inner.js.map +1 -0
  66. package/es/components/TextField/variations/_label-placement/inner_gqlcj2.css +1 -0
  67. package/es/components/TextField/variations/_label-placement/outer.js +5 -0
  68. package/es/components/TextField/variations/_label-placement/outer.js.map +1 -0
  69. package/es/components/TextField/variations/_label-placement/outer_is41nj.css +1 -0
  70. package/es/components/TextField/variations/_read-only/base.js +5 -0
  71. package/es/components/TextField/variations/_read-only/base.js.map +1 -0
  72. package/es/components/TextField/variations/_read-only/base_134hshp.css +1 -0
  73. package/es/components/TextField/variations/_size/base.js +5 -0
  74. package/es/components/TextField/variations/_size/base.js.map +1 -0
  75. package/es/components/TextField/variations/_size/base_1khzr9t.css +1 -0
  76. package/es/components/TextField/{_disabled → variations/_view}/base.js +2 -2
  77. package/es/components/TextField/variations/_view/base.js.map +1 -0
  78. package/es/components/TextField/variations/_view/base_1qd77x6.css +1 -0
  79. package/es/index.css +16 -9
  80. package/es/index.js +2 -2
  81. package/package.json +2 -2
  82. package/styled-components/cjs/components/Cell/Cell.js +0 -2
  83. package/styled-components/cjs/components/TextField/TextField.js +173 -43
  84. package/styled-components/cjs/components/TextField/TextField.styles.js +18 -10
  85. package/styled-components/cjs/components/TextField/TextField.template-doc.mdx +24 -0
  86. package/styled-components/cjs/components/TextField/TextField.tokens.js +68 -21
  87. package/styled-components/cjs/components/TextField/hooks/index.js +12 -0
  88. package/styled-components/cjs/components/TextField/hooks/useKeyNavigation.js +137 -0
  89. package/styled-components/cjs/components/TextField/index.js +2 -2
  90. package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +39 -0
  91. package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +25 -0
  92. package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.types.js +5 -0
  93. package/styled-components/cjs/components/TextField/ui/index.js +12 -0
  94. package/styled-components/cjs/components/TextField/variations/_disabled/base.js +10 -0
  95. package/styled-components/cjs/components/TextField/variations/_label-placement/inner.js +10 -0
  96. package/styled-components/cjs/components/TextField/{_label-placement → variations/_label-placement}/outer.js +3 -3
  97. package/styled-components/cjs/components/TextField/variations/_read-only/base.js +10 -0
  98. package/styled-components/cjs/components/TextField/variations/_read-only/tokens.json +1 -0
  99. package/styled-components/cjs/components/TextField/variations/_size/base.js +10 -0
  100. package/styled-components/cjs/components/TextField/variations/_view/base.js +10 -0
  101. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +43 -0
  102. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.js +11 -0
  103. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +133 -0
  104. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.config.js +40 -0
  105. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.js +11 -0
  106. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +133 -0
  107. package/styled-components/cjs/examples/sds_engineer/components/TextField/TextField.config.js +43 -0
  108. package/styled-components/cjs/examples/sds_engineer/components/TextField/TextField.js +11 -0
  109. package/styled-components/cjs/examples/sds_engineer/components/TextField/TextField.stories.tsx +133 -0
  110. package/styled-components/es/components/Cell/Cell.js +0 -2
  111. package/styled-components/es/components/TextField/TextField.js +177 -47
  112. package/styled-components/es/components/TextField/TextField.styles.js +17 -9
  113. package/styled-components/es/components/TextField/TextField.template-doc.mdx +24 -0
  114. package/styled-components/es/components/TextField/TextField.tokens.js +67 -20
  115. package/styled-components/es/components/TextField/hooks/index.js +1 -0
  116. package/styled-components/es/components/TextField/hooks/useKeyNavigation.js +131 -0
  117. package/styled-components/es/components/TextField/index.js +2 -2
  118. package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +30 -0
  119. package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +19 -0
  120. package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.types.js +1 -0
  121. package/styled-components/es/components/TextField/ui/index.js +1 -0
  122. package/styled-components/es/components/TextField/variations/_disabled/base.js +4 -0
  123. package/styled-components/es/components/TextField/variations/_label-placement/inner.js +4 -0
  124. package/styled-components/es/components/TextField/variations/_label-placement/outer.js +4 -0
  125. package/styled-components/es/components/TextField/variations/_read-only/base.js +4 -0
  126. package/styled-components/es/components/TextField/variations/_read-only/tokens.json +1 -0
  127. package/styled-components/es/components/TextField/variations/_size/base.js +4 -0
  128. package/styled-components/es/components/TextField/variations/_view/base.js +4 -0
  129. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.config.js +37 -0
  130. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.js +5 -0
  131. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +133 -0
  132. package/styled-components/es/examples/plasma_web/components/TextField/TextField.config.js +34 -0
  133. package/styled-components/es/examples/plasma_web/components/TextField/TextField.js +5 -0
  134. package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +133 -0
  135. package/styled-components/es/examples/sds_engineer/components/TextField/TextField.config.js +37 -0
  136. package/styled-components/es/examples/sds_engineer/components/TextField/TextField.js +5 -0
  137. package/styled-components/es/examples/sds_engineer/components/TextField/TextField.stories.tsx +133 -0
  138. package/types/components/Cell/Cell.d.ts.map +1 -1
  139. package/types/components/TextField/TextField.d.ts +8 -3
  140. package/types/components/TextField/TextField.d.ts.map +1 -1
  141. package/types/components/TextField/TextField.styles.d.ts +6 -3
  142. package/types/components/TextField/TextField.styles.d.ts.map +1 -1
  143. package/types/components/TextField/TextField.tokens.d.ts +57 -8
  144. package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
  145. package/types/components/TextField/TextField.types.d.ts +45 -3
  146. package/types/components/TextField/TextField.types.d.ts.map +1 -1
  147. package/types/components/TextField/hooks/index.d.ts +2 -0
  148. package/types/components/TextField/hooks/index.d.ts.map +1 -0
  149. package/types/components/TextField/hooks/useKeyNavigation.d.ts +17 -0
  150. package/types/components/TextField/hooks/useKeyNavigation.d.ts.map +1 -0
  151. package/types/components/TextField/index.d.ts +3 -2
  152. package/types/components/TextField/index.d.ts.map +1 -1
  153. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.d.ts +7 -0
  154. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.d.ts.map +1 -0
  155. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.styles.d.ts +3 -0
  156. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.styles.d.ts.map +1 -0
  157. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.types.d.ts +37 -0
  158. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.types.d.ts.map +1 -0
  159. package/types/components/TextField/ui/index.d.ts +2 -0
  160. package/types/components/TextField/ui/index.d.ts.map +1 -0
  161. package/types/components/TextField/variations/_disabled/base.d.ts.map +1 -0
  162. package/types/components/TextField/variations/_label-placement/base.d.ts.map +1 -0
  163. package/types/components/TextField/variations/_label-placement/index.d.ts.map +1 -0
  164. package/types/components/TextField/variations/_label-placement/inner.d.ts.map +1 -0
  165. package/types/components/TextField/variations/_label-placement/outer.d.ts.map +1 -0
  166. package/types/components/TextField/variations/_read-only/base.d.ts.map +1 -0
  167. package/types/components/TextField/variations/_size/base.d.ts.map +1 -0
  168. package/types/components/TextField/variations/_view/base.d.ts +2 -0
  169. package/types/components/TextField/variations/_view/base.d.ts.map +1 -0
  170. package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts +32 -0
  171. package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts.map +1 -0
  172. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +26 -0
  173. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -0
  174. package/types/examples/plasma_web/components/TextField/TextField.config.d.ts +32 -0
  175. package/types/examples/plasma_web/components/TextField/TextField.config.d.ts.map +1 -0
  176. package/types/examples/plasma_web/components/TextField/TextField.d.ts +26 -0
  177. package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -0
  178. package/types/examples/sds_engineer/components/TextField/TextField.config.d.ts +32 -0
  179. package/types/examples/sds_engineer/components/TextField/TextField.config.d.ts.map +1 -0
  180. package/types/examples/sds_engineer/components/TextField/TextField.d.ts +26 -0
  181. package/types/examples/sds_engineer/components/TextField/TextField.d.ts.map +1 -0
  182. package/cjs/components/TextField/TextField.styles_2qw1n8.css +0 -5
  183. package/cjs/components/TextField/TextField_1lzb2r1.css +0 -1
  184. package/cjs/components/TextField/_disabled/base.js.map +0 -1
  185. package/cjs/components/TextField/_disabled/base_so3w81.css +0 -1
  186. package/cjs/components/TextField/_label-placement/base.js.map +0 -1
  187. package/cjs/components/TextField/_label-placement/inner.js.map +0 -1
  188. package/cjs/components/TextField/_label-placement/inner_1tyuicp.css +0 -1
  189. package/cjs/components/TextField/_label-placement/outer.js.map +0 -1
  190. package/cjs/components/TextField/_label-placement/outer_19ekaek.css +0 -1
  191. package/cjs/components/TextField/_size/base.js.map +0 -1
  192. package/cjs/components/TextField/_size/base_b5smyu.css +0 -1
  193. package/cjs/components/TextField/_view/base.js.map +0 -1
  194. package/cjs/components/TextField/_view/base_5bqzed.css +0 -1
  195. package/es/components/TextField/TextField.styles_2qw1n8.css +0 -5
  196. package/es/components/TextField/TextField_1lzb2r1.css +0 -1
  197. package/es/components/TextField/_disabled/base.js.map +0 -1
  198. package/es/components/TextField/_disabled/base_so3w81.css +0 -1
  199. package/es/components/TextField/_label-placement/base.js.map +0 -1
  200. package/es/components/TextField/_label-placement/inner.js +0 -5
  201. package/es/components/TextField/_label-placement/inner.js.map +0 -1
  202. package/es/components/TextField/_label-placement/inner_1tyuicp.css +0 -1
  203. package/es/components/TextField/_label-placement/outer.js +0 -5
  204. package/es/components/TextField/_label-placement/outer.js.map +0 -1
  205. package/es/components/TextField/_label-placement/outer_19ekaek.css +0 -1
  206. package/es/components/TextField/_size/base.js +0 -5
  207. package/es/components/TextField/_size/base.js.map +0 -1
  208. package/es/components/TextField/_size/base_b5smyu.css +0 -1
  209. package/es/components/TextField/_view/base.js +0 -5
  210. package/es/components/TextField/_view/base.js.map +0 -1
  211. package/es/components/TextField/_view/base_5bqzed.css +0 -1
  212. package/styled-components/cjs/components/TextField/_disabled/base.js +0 -9
  213. package/styled-components/cjs/components/TextField/_label-placement/inner.js +0 -10
  214. package/styled-components/cjs/components/TextField/_size/base.js +0 -10
  215. package/styled-components/cjs/components/TextField/_view/base.js +0 -10
  216. package/styled-components/es/components/TextField/_disabled/base.js +0 -3
  217. package/styled-components/es/components/TextField/_label-placement/inner.js +0 -4
  218. package/styled-components/es/components/TextField/_label-placement/outer.js +0 -4
  219. package/styled-components/es/components/TextField/_size/base.js +0 -4
  220. package/styled-components/es/components/TextField/_view/base.js +0 -4
  221. package/types/components/TextField/_disabled/base.d.ts.map +0 -1
  222. package/types/components/TextField/_label-placement/base.d.ts.map +0 -1
  223. package/types/components/TextField/_label-placement/index.d.ts.map +0 -1
  224. package/types/components/TextField/_label-placement/inner.d.ts.map +0 -1
  225. package/types/components/TextField/_label-placement/outer.d.ts.map +0 -1
  226. package/types/components/TextField/_size/base.d.ts.map +0 -1
  227. package/types/components/TextField/_view/base.d.ts.map +0 -1
  228. /package/cjs/components/TextField/{_label-placement → variations/_label-placement}/base_x642ct.css +0 -0
  229. /package/es/components/TextField/{_label-placement → variations/_label-placement}/base_x642ct.css +0 -0
  230. /package/styled-components/cjs/components/TextField/{_disabled → variations/_disabled}/tokens.json +0 -0
  231. /package/styled-components/cjs/components/TextField/{_label-placement → variations/_label-placement}/base.js +0 -0
  232. /package/styled-components/cjs/components/TextField/{_label-placement → variations/_label-placement}/index.js +0 -0
  233. /package/styled-components/cjs/components/TextField/{_size → variations/_size}/tokens.json +0 -0
  234. /package/styled-components/cjs/components/TextField/{_view → variations/_view}/tokens.json +0 -0
  235. /package/styled-components/es/components/TextField/{_disabled → variations/_disabled}/tokens.json +0 -0
  236. /package/styled-components/es/components/TextField/{_label-placement → variations/_label-placement}/base.js +0 -0
  237. /package/styled-components/es/components/TextField/{_label-placement → variations/_label-placement}/index.js +0 -0
  238. /package/styled-components/es/components/TextField/{_size → variations/_size}/tokens.json +0 -0
  239. /package/styled-components/es/components/TextField/{_view → variations/_view}/tokens.json +0 -0
  240. /package/types/components/TextField/{_disabled → variations/_disabled}/base.d.ts +0 -0
  241. /package/types/components/TextField/{_label-placement → variations/_label-placement}/base.d.ts +0 -0
  242. /package/types/components/TextField/{_label-placement → variations/_label-placement}/index.d.ts +0 -0
  243. /package/types/components/TextField/{_label-placement → variations/_label-placement}/inner.d.ts +0 -0
  244. /package/types/components/TextField/{_label-placement → variations/_label-placement}/outer.d.ts +0 -0
  245. /package/types/components/TextField/{_size → variations/_read-only}/base.d.ts +0 -0
  246. /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
- /** отступ от границы ТextField */
25
+ /** Отступ от границы ТextField */
16
26
  padding: string;
17
- paddingWithContent: string;
18
- contentOffset: string;
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;;;;;IAKf,mBAAmB;;;;;;;;;IAUnB,kCAAkC;;;;;;;;;;IAelC,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;IAgCnB,6DAA6D;;CAEhE,CAAC"}
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
- import type { Filter } from '../../engines/types';
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;AAEhE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAElD,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;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC/E;AAED,MAAM,WAAW,wBAAyB,SAAQ,kBAAkB;IAChE;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,oBAAY,cAAc,GAAG,MAAM,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,GAAG,wBAAwB,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,2 @@
1
+ export { useKeyNavigation } from './useKeyNavigation';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -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,0BAA0B,CAAC;AAClG,OAAO,EAAE,oBAAoB,IAAI,8BAA8B,EAAE,MAAM,0BAA0B,CAAC;AAElG,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,oBAAoB,CAAC"}
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,2 @@
1
+ export { TextFieldChip } from './TextFieldChip/TextFieldChip';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -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,2 @@
1
+ export declare const base: import("@linaria/core").LinariaClassName;
2
+ //# sourceMappingURL=base.d.ts.map
@@ -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);}