@salutejs/plasma-new-hope 0.69.1-canary.1167.8557893273.0 → 0.70.0-canary.1160.8552305660.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (265) hide show
  1. package/cjs/components/TextField/TextField.js +155 -29
  2. package/cjs/components/TextField/TextField.js.map +1 -1
  3. package/cjs/components/TextField/TextField.styles.js +27 -11
  4. package/cjs/components/TextField/TextField.styles.js.map +1 -1
  5. package/cjs/components/TextField/TextField.styles_1b1mddp.css +8 -0
  6. package/cjs/components/TextField/TextField.tokens.js +68 -20
  7. package/cjs/components/TextField/TextField.tokens.js.map +1 -1
  8. package/cjs/components/TextField/TextField_wctd2m.css +1 -0
  9. package/cjs/components/TextField/hooks/useKeyNavigation.js +133 -0
  10. package/cjs/components/TextField/hooks/useKeyNavigation.js.map +1 -0
  11. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.css +19 -0
  12. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +38 -0
  13. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -0
  14. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +26 -0
  15. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js.map +1 -0
  16. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles_1rauupp.css +1 -0
  17. package/cjs/components/TextField/{_disabled → variations/_disabled}/base.js +2 -2
  18. package/cjs/components/TextField/variations/_disabled/base.js.map +1 -0
  19. package/cjs/components/TextField/variations/_disabled/base_1tnjoy9.css +1 -0
  20. package/cjs/components/TextField/{_label-placement → variations/_label-placement}/base.js +1 -1
  21. package/cjs/components/TextField/variations/_label-placement/base.js.map +1 -0
  22. package/cjs/components/TextField/{_label-placement → variations/_label-placement}/inner.js +2 -2
  23. package/cjs/components/TextField/variations/_label-placement/inner.js.map +1 -0
  24. package/cjs/components/TextField/variations/_label-placement/inner_gqlcj2.css +1 -0
  25. package/cjs/components/TextField/{_label-placement → variations/_label-placement}/outer.js +2 -2
  26. package/cjs/components/TextField/variations/_label-placement/outer.js.map +1 -0
  27. package/cjs/components/TextField/variations/_label-placement/outer_is41nj.css +1 -0
  28. package/cjs/components/TextField/{_view → variations/_read-only}/base.js +2 -2
  29. package/cjs/components/TextField/variations/_read-only/base.js.map +1 -0
  30. package/cjs/components/TextField/variations/_read-only/base_134hshp.css +1 -0
  31. package/cjs/components/TextField/variations/_size/base.js +9 -0
  32. package/cjs/components/TextField/variations/_size/base.js.map +1 -0
  33. package/cjs/components/TextField/variations/_size/base_1khzr9t.css +1 -0
  34. package/cjs/components/TextField/{_size → variations/_view}/base.js +2 -2
  35. package/cjs/components/TextField/variations/_view/base.js.map +1 -0
  36. package/cjs/components/TextField/variations/_view/base_1qd77x6.css +1 -0
  37. package/cjs/index.css +16 -9
  38. package/cjs/index.js +2 -2
  39. package/es/components/TextField/TextField.js +158 -33
  40. package/es/components/TextField/TextField.js.map +1 -1
  41. package/es/components/TextField/TextField.styles.js +25 -12
  42. package/es/components/TextField/TextField.styles.js.map +1 -1
  43. package/es/components/TextField/TextField.styles_1b1mddp.css +8 -0
  44. package/es/components/TextField/TextField.tokens.js +68 -21
  45. package/es/components/TextField/TextField.tokens.js.map +1 -1
  46. package/es/components/TextField/TextField_wctd2m.css +1 -0
  47. package/es/components/TextField/hooks/useKeyNavigation.js +128 -0
  48. package/es/components/TextField/hooks/useKeyNavigation.js.map +1 -0
  49. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.css +19 -0
  50. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +34 -0
  51. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -0
  52. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +22 -0
  53. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js.map +1 -0
  54. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles_1rauupp.css +1 -0
  55. package/es/components/TextField/variations/_disabled/base.js +5 -0
  56. package/es/components/TextField/variations/_disabled/base.js.map +1 -0
  57. package/es/components/TextField/variations/_disabled/base_1tnjoy9.css +1 -0
  58. package/es/components/TextField/{_label-placement → variations/_label-placement}/base.js +1 -1
  59. package/es/components/TextField/variations/_label-placement/base.js.map +1 -0
  60. package/es/components/TextField/variations/_label-placement/inner.js +5 -0
  61. package/es/components/TextField/variations/_label-placement/inner.js.map +1 -0
  62. package/es/components/TextField/variations/_label-placement/inner_gqlcj2.css +1 -0
  63. package/es/components/TextField/variations/_label-placement/outer.js +5 -0
  64. package/es/components/TextField/variations/_label-placement/outer.js.map +1 -0
  65. package/es/components/TextField/variations/_label-placement/outer_is41nj.css +1 -0
  66. package/es/components/TextField/variations/_read-only/base.js +5 -0
  67. package/es/components/TextField/variations/_read-only/base.js.map +1 -0
  68. package/es/components/TextField/variations/_read-only/base_134hshp.css +1 -0
  69. package/es/components/TextField/variations/_size/base.js +5 -0
  70. package/es/components/TextField/variations/_size/base.js.map +1 -0
  71. package/es/components/TextField/variations/_size/base_1khzr9t.css +1 -0
  72. package/es/components/TextField/{_disabled → variations/_view}/base.js +2 -2
  73. package/es/components/TextField/variations/_view/base.js.map +1 -0
  74. package/es/components/TextField/variations/_view/base_1qd77x6.css +1 -0
  75. package/es/index.css +16 -9
  76. package/es/index.js +2 -2
  77. package/package.json +2 -4
  78. package/styled-components/cjs/components/TextField/TextField.js +162 -32
  79. package/styled-components/cjs/components/TextField/TextField.styles.js +18 -10
  80. package/styled-components/cjs/components/TextField/TextField.tokens.js +68 -21
  81. package/styled-components/cjs/components/TextField/hooks/index.js +12 -0
  82. package/styled-components/cjs/components/TextField/hooks/useKeyNavigation.js +139 -0
  83. package/styled-components/cjs/components/TextField/hooks/useKeyNavigation.types.js +5 -0
  84. package/styled-components/cjs/components/TextField/index.js +2 -2
  85. package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +39 -0
  86. package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +25 -0
  87. package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.types.js +5 -0
  88. package/styled-components/cjs/components/TextField/ui/index.js +12 -0
  89. package/styled-components/cjs/components/TextField/variations/_disabled/base.js +10 -0
  90. package/styled-components/cjs/components/TextField/variations/_label-placement/inner.js +10 -0
  91. package/styled-components/cjs/components/TextField/{_label-placement → variations/_label-placement}/outer.js +3 -3
  92. package/styled-components/cjs/components/TextField/variations/_read-only/base.js +10 -0
  93. package/styled-components/cjs/components/TextField/variations/_read-only/tokens.json +1 -0
  94. package/styled-components/cjs/components/TextField/variations/_size/base.js +10 -0
  95. package/styled-components/cjs/components/TextField/variations/_view/base.js +10 -0
  96. package/styled-components/cjs/examples/plasma_b2c/components/Button/Button.config.js +7 -10
  97. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +43 -0
  98. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.js +11 -0
  99. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +123 -0
  100. package/styled-components/cjs/examples/plasma_web/components/Button/Button.config.js +7 -10
  101. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.config.js +40 -0
  102. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.js +11 -0
  103. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +123 -0
  104. package/styled-components/cjs/examples/sds_engineer/components/Button/Button.config.js +7 -10
  105. package/styled-components/cjs/examples/sds_engineer/components/TextField/TextField.config.js +43 -0
  106. package/styled-components/cjs/examples/sds_engineer/components/TextField/TextField.js +11 -0
  107. package/styled-components/cjs/examples/sds_engineer/components/TextField/TextField.stories.tsx +123 -0
  108. package/styled-components/cjs/examples/themes/plasma_b2c.module.css +293 -878
  109. package/styled-components/cjs/examples/themes/plasma_web.module.css +293 -878
  110. package/styled-components/cjs/examples/themes/sds_engineer.module.css +2 -42
  111. package/styled-components/es/components/TextField/TextField.js +166 -36
  112. package/styled-components/es/components/TextField/TextField.styles.js +17 -9
  113. package/styled-components/es/components/TextField/TextField.tokens.js +67 -20
  114. package/styled-components/es/components/TextField/hooks/index.js +1 -0
  115. package/styled-components/es/components/TextField/hooks/useKeyNavigation.js +133 -0
  116. package/styled-components/es/components/TextField/hooks/useKeyNavigation.types.js +1 -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/Button/Button.config.js +7 -10
  130. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.config.js +37 -0
  131. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.js +5 -0
  132. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +123 -0
  133. package/styled-components/es/examples/plasma_web/components/Button/Button.config.js +7 -10
  134. package/styled-components/es/examples/plasma_web/components/TextField/TextField.config.js +34 -0
  135. package/styled-components/es/examples/plasma_web/components/TextField/TextField.js +5 -0
  136. package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +123 -0
  137. package/styled-components/es/examples/sds_engineer/components/Button/Button.config.js +7 -10
  138. package/styled-components/es/examples/sds_engineer/components/TextField/TextField.config.js +37 -0
  139. package/styled-components/es/examples/sds_engineer/components/TextField/TextField.js +5 -0
  140. package/styled-components/es/examples/sds_engineer/components/TextField/TextField.stories.tsx +123 -0
  141. package/styled-components/es/examples/themes/plasma_b2c.module.css +293 -878
  142. package/styled-components/es/examples/themes/plasma_web.module.css +293 -878
  143. package/styled-components/es/examples/themes/sds_engineer.module.css +2 -42
  144. package/types/components/TextField/TextField.d.ts +8 -3
  145. package/types/components/TextField/TextField.d.ts.map +1 -1
  146. package/types/components/TextField/TextField.styles.d.ts +6 -3
  147. package/types/components/TextField/TextField.styles.d.ts.map +1 -1
  148. package/types/components/TextField/TextField.tokens.d.ts +57 -8
  149. package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
  150. package/types/components/TextField/TextField.types.d.ts +29 -2
  151. package/types/components/TextField/TextField.types.d.ts.map +1 -1
  152. package/types/components/TextField/hooks/index.d.ts +2 -0
  153. package/types/components/TextField/hooks/index.d.ts.map +1 -0
  154. package/types/components/TextField/hooks/useKeyNavigation.d.ts +17 -0
  155. package/types/components/TextField/hooks/useKeyNavigation.d.ts.map +1 -0
  156. package/types/components/TextField/hooks/useKeyNavigation.types.d.ts +18 -0
  157. package/types/components/TextField/hooks/useKeyNavigation.types.d.ts.map +1 -0
  158. package/types/components/TextField/index.d.ts +3 -2
  159. package/types/components/TextField/index.d.ts.map +1 -1
  160. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.d.ts +7 -0
  161. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.d.ts.map +1 -0
  162. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.styles.d.ts +15 -0
  163. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.styles.d.ts.map +1 -0
  164. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.types.d.ts +37 -0
  165. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.types.d.ts.map +1 -0
  166. package/types/components/TextField/ui/index.d.ts +2 -0
  167. package/types/components/TextField/ui/index.d.ts.map +1 -0
  168. package/types/components/TextField/variations/_disabled/base.d.ts.map +1 -0
  169. package/types/components/TextField/variations/_label-placement/base.d.ts.map +1 -0
  170. package/types/components/TextField/variations/_label-placement/index.d.ts.map +1 -0
  171. package/types/components/TextField/variations/_label-placement/inner.d.ts.map +1 -0
  172. package/types/components/TextField/variations/_label-placement/outer.d.ts.map +1 -0
  173. package/types/components/TextField/variations/_read-only/base.d.ts.map +1 -0
  174. package/types/components/TextField/variations/_size/base.d.ts.map +1 -0
  175. package/types/components/TextField/variations/_view/base.d.ts +2 -0
  176. package/types/components/TextField/variations/_view/base.d.ts.map +1 -0
  177. package/types/examples/plasma_b2c/components/Button/Button.config.d.ts +0 -3
  178. package/types/examples/plasma_b2c/components/Button/Button.config.d.ts.map +1 -1
  179. package/types/examples/plasma_b2c/components/Button/Button.d.ts +0 -3
  180. package/types/examples/plasma_b2c/components/Button/Button.d.ts.map +1 -1
  181. package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts +32 -0
  182. package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts.map +1 -0
  183. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +26 -0
  184. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -0
  185. package/types/examples/plasma_web/components/Button/Button.config.d.ts +0 -3
  186. package/types/examples/plasma_web/components/Button/Button.config.d.ts.map +1 -1
  187. package/types/examples/plasma_web/components/Button/Button.d.ts +0 -3
  188. package/types/examples/plasma_web/components/Button/Button.d.ts.map +1 -1
  189. package/types/examples/plasma_web/components/TextField/TextField.config.d.ts +32 -0
  190. package/types/examples/plasma_web/components/TextField/TextField.config.d.ts.map +1 -0
  191. package/types/examples/plasma_web/components/TextField/TextField.d.ts +26 -0
  192. package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -0
  193. package/types/examples/sds_engineer/components/Button/Button.config.d.ts +0 -3
  194. package/types/examples/sds_engineer/components/Button/Button.config.d.ts.map +1 -1
  195. package/types/examples/sds_engineer/components/Button/Button.d.ts +0 -3
  196. package/types/examples/sds_engineer/components/Button/Button.d.ts.map +1 -1
  197. package/types/examples/sds_engineer/components/TextField/TextField.config.d.ts +32 -0
  198. package/types/examples/sds_engineer/components/TextField/TextField.config.d.ts.map +1 -0
  199. package/types/examples/sds_engineer/components/TextField/TextField.d.ts +26 -0
  200. package/types/examples/sds_engineer/components/TextField/TextField.d.ts.map +1 -0
  201. package/cjs/components/TextField/TextField.styles_2qw1n8.css +0 -5
  202. package/cjs/components/TextField/TextField_1lzb2r1.css +0 -1
  203. package/cjs/components/TextField/_disabled/base.js.map +0 -1
  204. package/cjs/components/TextField/_disabled/base_so3w81.css +0 -1
  205. package/cjs/components/TextField/_label-placement/base.js.map +0 -1
  206. package/cjs/components/TextField/_label-placement/inner.js.map +0 -1
  207. package/cjs/components/TextField/_label-placement/inner_1tyuicp.css +0 -1
  208. package/cjs/components/TextField/_label-placement/outer.js.map +0 -1
  209. package/cjs/components/TextField/_label-placement/outer_19ekaek.css +0 -1
  210. package/cjs/components/TextField/_size/base.js.map +0 -1
  211. package/cjs/components/TextField/_size/base_b5smyu.css +0 -1
  212. package/cjs/components/TextField/_view/base.js.map +0 -1
  213. package/cjs/components/TextField/_view/base_5bqzed.css +0 -1
  214. package/es/components/TextField/TextField.styles_2qw1n8.css +0 -5
  215. package/es/components/TextField/TextField_1lzb2r1.css +0 -1
  216. package/es/components/TextField/_disabled/base.js.map +0 -1
  217. package/es/components/TextField/_disabled/base_so3w81.css +0 -1
  218. package/es/components/TextField/_label-placement/base.js.map +0 -1
  219. package/es/components/TextField/_label-placement/inner.js +0 -5
  220. package/es/components/TextField/_label-placement/inner.js.map +0 -1
  221. package/es/components/TextField/_label-placement/inner_1tyuicp.css +0 -1
  222. package/es/components/TextField/_label-placement/outer.js +0 -5
  223. package/es/components/TextField/_label-placement/outer.js.map +0 -1
  224. package/es/components/TextField/_label-placement/outer_19ekaek.css +0 -1
  225. package/es/components/TextField/_size/base.js +0 -5
  226. package/es/components/TextField/_size/base.js.map +0 -1
  227. package/es/components/TextField/_size/base_b5smyu.css +0 -1
  228. package/es/components/TextField/_view/base.js +0 -5
  229. package/es/components/TextField/_view/base.js.map +0 -1
  230. package/es/components/TextField/_view/base_5bqzed.css +0 -1
  231. package/styled-components/cjs/components/TextField/_disabled/base.js +0 -9
  232. package/styled-components/cjs/components/TextField/_label-placement/inner.js +0 -10
  233. package/styled-components/cjs/components/TextField/_size/base.js +0 -10
  234. package/styled-components/cjs/components/TextField/_view/base.js +0 -10
  235. package/styled-components/es/components/TextField/_disabled/base.js +0 -3
  236. package/styled-components/es/components/TextField/_label-placement/inner.js +0 -4
  237. package/styled-components/es/components/TextField/_label-placement/outer.js +0 -4
  238. package/styled-components/es/components/TextField/_size/base.js +0 -4
  239. package/styled-components/es/components/TextField/_view/base.js +0 -4
  240. package/types/components/TextField/_disabled/base.d.ts.map +0 -1
  241. package/types/components/TextField/_label-placement/base.d.ts.map +0 -1
  242. package/types/components/TextField/_label-placement/index.d.ts.map +0 -1
  243. package/types/components/TextField/_label-placement/inner.d.ts.map +0 -1
  244. package/types/components/TextField/_label-placement/outer.d.ts.map +0 -1
  245. package/types/components/TextField/_size/base.d.ts.map +0 -1
  246. package/types/components/TextField/_view/base.d.ts.map +0 -1
  247. /package/cjs/components/TextField/{_label-placement → variations/_label-placement}/base_x642ct.css +0 -0
  248. /package/es/components/TextField/{_label-placement → variations/_label-placement}/base_x642ct.css +0 -0
  249. /package/styled-components/cjs/components/TextField/{_disabled → variations/_disabled}/tokens.json +0 -0
  250. /package/styled-components/cjs/components/TextField/{_label-placement → variations/_label-placement}/base.js +0 -0
  251. /package/styled-components/cjs/components/TextField/{_label-placement → variations/_label-placement}/index.js +0 -0
  252. /package/styled-components/cjs/components/TextField/{_size → variations/_size}/tokens.json +0 -0
  253. /package/styled-components/cjs/components/TextField/{_view → variations/_view}/tokens.json +0 -0
  254. /package/styled-components/es/components/TextField/{_disabled → variations/_disabled}/tokens.json +0 -0
  255. /package/styled-components/es/components/TextField/{_label-placement → variations/_label-placement}/base.js +0 -0
  256. /package/styled-components/es/components/TextField/{_label-placement → variations/_label-placement}/index.js +0 -0
  257. /package/styled-components/es/components/TextField/{_size → variations/_size}/tokens.json +0 -0
  258. /package/styled-components/es/components/TextField/{_view → variations/_view}/tokens.json +0 -0
  259. /package/types/components/TextField/{_disabled → variations/_disabled}/base.d.ts +0 -0
  260. /package/types/components/TextField/{_label-placement → variations/_label-placement}/base.d.ts +0 -0
  261. /package/types/components/TextField/{_label-placement → variations/_label-placement}/index.d.ts +0 -0
  262. /package/types/components/TextField/{_label-placement → variations/_label-placement}/inner.d.ts +0 -0
  263. /package/types/components/TextField/{_label-placement → variations/_label-placement}/outer.d.ts +0 -0
  264. /package/types/components/TextField/{_size → variations/_read-only}/base.d.ts +0 -0
  265. /package/types/components/TextField/{_view → variations/_size}/base.d.ts +0 -0
@@ -59,6 +59,7 @@
59
59
  /* добавлены вручную */
60
60
  --surface-accent-hover: #1383cf80;
61
61
  /* добавлены вручную */
62
+ --surface-accent-active: #045891;
62
63
  --surface-accent-gradient: linear-gradient(135deg, black 0%, #FFFFFF 100%);
63
64
  --surface-positive: #1A9E32;
64
65
  --surface-warning: #FA5F05;
@@ -126,27 +127,6 @@
126
127
  --inverse-background-primary: #FFFFFF;
127
128
  --inverse-background-secondary: #FFFFFF;
128
129
  --inverse-background-tertiary: #FFFFFF;
129
- --text-primary-hover: #17171793;
130
- --text-primary-active: #171717C4;
131
- --surface-solid-default-hover: #0D0D0DFF;
132
- --surface-solid-default-active: #030303FF;
133
- --surface-accent-hover: #0C8ADFFF;
134
- --surface-accent-active: #0A78C2FF;
135
- --surface-positive-hover: #1DAF37FF;
136
- --surface-positive-active: #18952FFF;
137
- --surface-warning-hover: #FB7223FF;
138
- --surface-warning-active: #F05B05FF;
139
- --surface-negative-hover: #EA1A2FFF;
140
- --surface-negative-active: #D21427FF;
141
- --surface-transparent-secondary-hover: #0808081F;
142
- --surface-transparent-secondary-active: #0808080A;
143
- --on-light-surface-solid-default-hover: #0D0D0DFF;
144
- --on-light-surface-solid-default-active: #030303FF;
145
- --on-dark-surface-solid-default-hover: #FFFFFFFF;
146
- --on-dark-surface-solid-default-active: #FFFFFFFF;
147
- --on-light-surface-transparent-deep-hover: #080808C2;
148
- --on-light-surface-transparent-deep-active: #08080894;
149
- --on-light-surface-transparent-deep: rgba(8, 8, 8, 0.64);
150
130
  --skeleton-gradient: linear-gradient( 90deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.08) 6.25%, rgba(255, 255, 255, 0.05) 12.5%, rgba(255, 255, 255, 0.01) 25%, rgba(255, 255, 255, 0.05) 37.5%, rgba(255, 255, 255, 0.08) 43.75%, rgba(255, 255, 255, 0.09) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.05) 62.5%, rgba(255, 255, 255, 0.01) 75%, rgba(255, 255, 255, 0.05) 87.5%, rgba(255, 255, 255, 0.08) 93.75%, rgba(255, 255, 255, 0.09) 100% );
151
131
  --skeleton-gradient-lighter: linear-gradient( 90deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.32) 6.25%, rgba(255, 255, 255, 0.20) 12.5%, rgba(255, 255, 255, 0.04) 25%, rgba(255, 255, 255, 0.20) 37.5%, rgba(255, 255, 255, 0.32) 43.75%, rgba(255, 255, 255, 0.36) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.20) 62.5%, rgba(255, 255, 255, 0.04) 75%, rgba(255, 255, 255, 0.20) 87.5%, rgba(255, 255, 255, 0.32) 93.75%, rgba(255, 255, 255, 0.36) 100% );
152
132
  --plasma-colors-white-primary: var(--on-dark-text-primary);
@@ -245,6 +225,7 @@
245
225
  /* добавлены вручную */
246
226
  --surface-accent-hover: #1383cf80;
247
227
  /* добавлены вручную */
228
+ --surface-accent-active: #045891;
248
229
  --surface-accent-gradient: linear-gradient(45.00deg, rgb(30, 44, 108) 0%,rgb(43, 101, 185) 100%);
249
230
  --surface-positive: #1A9E32;
250
231
  --surface-warning: #FA5F05;
@@ -312,27 +293,6 @@
312
293
  --inverse-background-primary: #000000;
313
294
  --inverse-background-secondary: #080808;
314
295
  --inverse-background-tertiary: #171717;
315
- --text-primary-hover: #17171793;
316
- --text-primary-active: #171717C4;
317
- --surface-solid-default-hover: #262626FF;
318
- --surface-solid-default-active: #030303FF;
319
- --surface-accent-hover: #0C8ADFFF;
320
- --surface-accent-active: #0A72B8FF;
321
- --surface-positive-hover: #1EB83AFF;
322
- --surface-positive-active: #178C2CFF;
323
- --surface-warning-hover: #FB782DFF;
324
- --surface-warning-active: #E65705FF;
325
- --surface-negative-hover: #EA1A2FFF;
326
- --surface-negative-active: #C91325FF;
327
- --surface-transparent-secondary-hover: #08080805;
328
- --surface-transparent-secondary-active: #0808081A;
329
- --on-light-surface-solid-default-hover: #262626FF;
330
- --on-light-surface-solid-default-active: #030303FF;
331
- --on-dark-surface-solid-default-hover: #FFFFFFFF;
332
- --on-dark-surface-solid-default-active: #FFFFFFFF;
333
- --on-light-surface-transparent-deep-hover: #0808088F;
334
- --on-light-surface-transparent-deep-active: #080808AD;
335
- --on-light-surface-transparent-deep: rgba(8, 8, 8, 0.64);
336
296
  --skeleton-gradient: linear-gradient( 90deg, rgba(8, 8, 8, 0.09) 0%, rgba(8, 8, 8, 0.08) 6.25%, rgba(8, 8, 8, 0.05) 12.5%, rgba(8, 8, 8, 0.01) 25%, rgba(8, 8, 8, 0.05) 37.5%, rgba(8, 8, 8, 0.08) 43.75%, rgba(8, 8, 8, 0.09) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.05) 62.5%, rgba(8, 8, 8, 0.01) 75%, rgba(8, 8, 8, 0.05) 87.5%, rgba(8, 8, 8, 0.08) 93.75%, rgba(8, 8, 8, 0.09) 100% );
337
297
  --skeleton-gradient-lighter: linear-gradient( 90deg, rgba(8, 8, 8, 0.36) 0%, rgba(8, 8, 8, 0.32) 6.25%, rgba(8, 8, 8, 0.20) 12.5%, rgba(8, 8, 8, 0.04) 25%, rgba(8, 8, 8, 0.20) 37.5%, rgba(8, 8, 8, 0.32) 43.75%, rgba(8, 8, 8, 0.36) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.20) 62.5%, rgba(8, 8, 8, 0.04) 75%, rgba(8, 8, 8, 0.20) 87.5%, rgba(8, 8, 8, 0.32) 93.75%, rgba(8, 8, 8, 0.36) 100% );
338
298
  --plasma-colors-white-primary: var(--on-dark-text-primary);
@@ -1,12 +1,12 @@
1
1
  import React from 'react';
2
- import type { LabelHTMLAttributes } from 'react';
3
2
  import type { RootProps } from '../../engines';
4
3
  import type { TextFieldProps } from './TextField.types';
5
- export declare const textFieldRoot: (Root: RootProps<HTMLInputElement, TextFieldProps & LabelHTMLAttributes<HTMLLabelElement>>) => React.ForwardRefExoticComponent<import("../../engines/types").Filter<React.InputHTMLAttributes<HTMLInputElement>, "size"> & import("./TextField.types").TextFieldPropsVariations & React.RefAttributes<HTMLInputElement>>;
4
+ export declare const base: import("@linaria/core").LinariaClassName;
5
+ export declare const textFieldRoot: (Root: RootProps<HTMLDivElement, TextFieldProps>) => React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLDivElement>>;
6
6
  export declare const textFieldConfig: {
7
7
  name: string;
8
8
  tag: string;
9
- layout: (Root: RootProps<HTMLInputElement, TextFieldProps & LabelHTMLAttributes<HTMLLabelElement>>) => React.ForwardRefExoticComponent<import("../../engines/types").Filter<React.InputHTMLAttributes<HTMLInputElement>, "size"> & import("./TextField.types").TextFieldPropsVariations & React.RefAttributes<HTMLInputElement>>;
9
+ layout: (Root: RootProps<HTMLDivElement, TextFieldProps>) => React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLDivElement>>;
10
10
  base: import("@linaria/core").LinariaClassName;
11
11
  variations: {
12
12
  view: {
@@ -19,12 +19,17 @@ export declare const textFieldConfig: {
19
19
  css: import("@linaria/core").LinariaClassName;
20
20
  attrs: boolean;
21
21
  };
22
+ readOnly: {
23
+ css: import("@linaria/core").LinariaClassName;
24
+ attrs: boolean;
25
+ };
22
26
  labelPlacement: {
23
27
  css: import("@linaria/core").LinariaClassName;
24
28
  };
25
29
  };
26
30
  defaults: {
27
31
  size: string;
32
+ view: string;
28
33
  };
29
34
  };
30
35
  //# sourceMappingURL=TextField.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAA4C,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAI3F,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAYxD,eAAO,MAAM,aAAa,SAChB,UAAU,gBAAgB,EAAE,cAAc,GAAG,oBAAoB,gBAAgB,CAAC,CAAC,8NAoEvF,CAAC;AAEP,eAAO,MAAM,eAAe;;;mBAtElB,UAAU,gBAAgB,EAAE,cAAc,GAAG,oBAAoB,gBAAgB,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;CA6F5F,CAAC"}
1
+ {"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAKvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG/C,OAAO,KAAK,EAAuC,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAoB7F,eAAO,MAAM,IAAI,0CAIhB,CAAC;AAEF,eAAO,MAAM,aAAa,SAAU,UAAU,cAAc,EAAE,cAAc,CAAC,0FA4LvE,CAAC;AAEP,eAAO,MAAM,eAAe;;;mBA9LQ,UAAU,cAAc,EAAE,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;CA0N5E,CAAC"}
@@ -1,7 +1,10 @@
1
1
  /// <reference types="react" />
2
- export declare const Input: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & Record<never, unknown>>;
3
- export declare const InputLabelWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
4
2
  export declare const InputWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
5
- export declare const Label: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
3
+ export declare const InputLabelWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
4
+ export declare const StyledChips: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
5
+ export declare const Input: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & Record<never, unknown>>;
6
+ export declare const Label: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLLabelElement> & import("react").LabelHTMLAttributes<HTMLLabelElement> & Record<never, unknown>>;
7
+ export declare const StyledContentLeft: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
8
+ export declare const StyledContentRight: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
6
9
  export declare const LeftHelper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
7
10
  //# sourceMappingURL=TextField.styles.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"TextField.styles.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.styles.ts"],"names":[],"mappings":";AAEA,eAAO,MAAM,KAAK,8KAOjB,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAI7B,CAAC;AAGF,eAAO,MAAM,YAAY,qKAUxB,CAAC;AAEF,eAAO,MAAM,KAAK,qKAAe,CAAC;AAElC,eAAO,MAAM,UAAU,qKAAe,CAAC"}
1
+ {"version":3,"file":"TextField.styles.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,YAAY,qKAKxB,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAoB7B,CAAC;AAEF,eAAO,MAAM,WAAW,qKAKvB,CAAC;AAEF,eAAO,MAAM,KAAK,8KASjB,CAAC;AAEF,eAAO,MAAM,KAAK,8KAAiB,CAAC;AAEpC,eAAO,MAAM,iBAAiB,qKAE7B,CAAC;AAEF,eAAO,MAAM,kBAAkB,qKAE9B,CAAC;AAEF,eAAO,MAAM,UAAU,qKAAe,CAAC"}
@@ -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
1
  import type { InputHTMLAttributes, KeyboardEvent } from 'react';
2
- import type { Filter } from '../../engines/types';
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,15 @@ 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 {
38
66
  }
39
- export declare type TextFieldProps = Filter<InputHTMLAttributes<HTMLInputElement>, 'size'> & TextFieldPropsVariations;
40
67
  //# 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,mBAAmB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEhE,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"}
@@ -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 './useKeyNavigation.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,0BAA0B,CAAC;AAEtE,eAAO,MAAM,IAAI;;;;;;;CAOhB,CAAC;AAEF,eAAO,MAAM,gBAAgB,0IAS1B,qBAAqB;yCAGe,YAAY,gBAAgB,CAAC,GAAG,cAAc,gBAAgB,CAAC;wCA8ChE,cAAc,iBAAiB,CAAC,UAAU,MAAM;oCAXpD,MAAM;2CAqBC,cAAc,cAAc,CAAC;CAkDrE,CAAC"}
@@ -0,0 +1,18 @@
1
+ import type { MutableRefObject, KeyboardEvent, ChangeEvent } from 'react';
2
+ import type { ChipValues, EnumerationType, TextFieldPrimitiveValue } from '../TextField.types';
3
+ export interface ControlledRefs {
4
+ chipsRefs: MutableRefObject<Array<HTMLButtonElement>>;
5
+ inputRef?: MutableRefObject<HTMLInputElement | null>;
6
+ contentRef?: MutableRefObject<HTMLDivElement | null>;
7
+ }
8
+ export interface UseKeyNavigationProps {
9
+ controlledRefs: ControlledRefs;
10
+ disabled: boolean;
11
+ readOnly: boolean;
12
+ chips: Array<ChipValues>;
13
+ enumerationType: EnumerationType;
14
+ updateChips: (newChips: Array<ChipValues>, newValues: Array<TextFieldPrimitiveValue>) => void;
15
+ onSearch?: (value: string, event?: KeyboardEvent<HTMLInputElement>) => void;
16
+ onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
17
+ }
18
+ //# sourceMappingURL=useKeyNavigation.types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useKeyNavigation.types.d.ts","sourceRoot":"","sources":["../../../../src/components/TextField/hooks/useKeyNavigation.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE1E,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAC;AAE/F,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"}
@@ -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,15 @@
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("react").ButtonHTMLAttributes<HTMLButtonElement> & {
3
+ text?: string | undefined;
4
+ contentLeft?: import("react").ReactNode;
5
+ contentRight?: import("react").ReactNode;
6
+ contentClearButton?: import("react").ReactNode;
7
+ disabled?: boolean | undefined;
8
+ readOnly?: boolean | undefined;
9
+ size?: ("m" | "s" | "xs" | "l") | undefined;
10
+ view?: ("secondary" | "default" | "positive") | undefined;
11
+ onClear?: (() => void) | undefined;
12
+ } & {
13
+ children?: import("react").ReactNode;
14
+ } & import("react").RefAttributes<HTMLButtonElement>>;
15
+ //# 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;;;;;;;;;;;;qDA2CtB,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"}
@@ -13,9 +13,6 @@ export declare const config: {
13
13
  positive: import("@linaria/core").LinariaClassName;
14
14
  warning: import("@linaria/core").LinariaClassName;
15
15
  negative: import("@linaria/core").LinariaClassName;
16
- dark: import("@linaria/core").LinariaClassName;
17
- black: import("@linaria/core").LinariaClassName;
18
- white: import("@linaria/core").LinariaClassName;
19
16
  };
20
17
  size: {
21
18
  l: import("@linaria/core").LinariaClassName;
@@ -1 +1 @@
1
- {"version":3,"file":"Button.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Button/Button.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0OlB,CAAC"}
1
+ {"version":3,"file":"Button.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Button/Button.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8OlB,CAAC"}
@@ -8,9 +8,6 @@ export declare const Button: import("react").FunctionComponent<import("../../../
8
8
  positive: import("@linaria/core").LinariaClassName;
9
9
  warning: import("@linaria/core").LinariaClassName;
10
10
  negative: import("@linaria/core").LinariaClassName;
11
- dark: import("@linaria/core").LinariaClassName;
12
- black: import("@linaria/core").LinariaClassName;
13
- white: import("@linaria/core").LinariaClassName;
14
11
  };
15
12
  size: {
16
13
  l: import("@linaria/core").LinariaClassName;
@@ -1 +1 @@
1
- {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Button/Button.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yHAA0B,CAAC"}
1
+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Button/Button.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yHAA0B,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"}
@@ -13,9 +13,6 @@ export declare const config: {
13
13
  positive: import("@linaria/core").LinariaClassName;
14
14
  warning: import("@linaria/core").LinariaClassName;
15
15
  negative: import("@linaria/core").LinariaClassName;
16
- dark: import("@linaria/core").LinariaClassName;
17
- black: import("@linaria/core").LinariaClassName;
18
- white: import("@linaria/core").LinariaClassName;
19
16
  };
20
17
  size: {
21
18
  l: import("@linaria/core").LinariaClassName;
@@ -1 +1 @@
1
- {"version":3,"file":"Button.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Button/Button.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0OlB,CAAC"}
1
+ {"version":3,"file":"Button.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Button/Button.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8OlB,CAAC"}