@salutejs/plasma-new-hope 0.72.0-canary.1160.8612911363.0 → 0.72.0-canary.1161.8613087402.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (427) hide show
  1. package/cjs/components/Combobox/Combobox.css +10 -10
  2. package/cjs/components/Combobox/Combobox.styles.js +5 -5
  3. package/cjs/components/Combobox/Combobox.styles.js.map +1 -1
  4. package/cjs/components/Combobox/{Combobox.styles_17ei5vn.css → Combobox.styles_dw6hnk.css} +1 -1
  5. package/cjs/components/Combobox/ui/ComboboxDivider/ComboboxDivider.css +4 -4
  6. package/cjs/components/Combobox/ui/ComboboxFooter/ComboboxFooter.css +4 -4
  7. package/cjs/components/Combobox/ui/ComboboxGroup/ComboboxGroup.css +4 -4
  8. package/cjs/components/Combobox/ui/ComboboxHeader/ComboboxHeader.css +4 -4
  9. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.css +4 -4
  10. package/cjs/components/Dropdown/Dropdown.css +4 -4
  11. package/cjs/components/Dropdown/Dropdown.js +0 -1
  12. package/cjs/components/Dropdown/Dropdown.js.map +1 -1
  13. package/cjs/components/Pagination/Pagination.css +4 -4
  14. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +4 -4
  15. package/cjs/components/Popover/Popover.css +4 -4
  16. package/cjs/components/Popover/Popover.js +33 -43
  17. package/cjs/components/Popover/Popover.js.map +1 -1
  18. package/cjs/components/Popover/Popover.styles.js +1 -1
  19. package/cjs/components/Popover/Popover.styles.js.map +1 -1
  20. package/{es/components/Popover/Popover.styles_1rk9t6z.css → cjs/components/Popover/Popover.styles_1ggb66y.css} +1 -1
  21. package/cjs/components/Select/Select.css +4 -4
  22. package/cjs/components/Select/ui/SelectDivider/SelectDivider.css +23 -0
  23. package/cjs/components/Select/ui/SelectDivider/SelectDivider.js +40 -0
  24. package/cjs/components/Select/ui/SelectDivider/SelectDivider.js.map +1 -0
  25. package/cjs/components/Select/ui/SelectDivider/SelectDivider.styles.js +12 -0
  26. package/cjs/components/Select/ui/SelectDivider/SelectDivider.styles.js.map +1 -0
  27. package/cjs/components/Select/ui/SelectDivider/SelectDivider.styles_673hj6.css +1 -0
  28. package/cjs/components/{TextField/variations/_view → Select/ui/SelectDivider/variations/_size}/base.js +2 -2
  29. package/cjs/components/Select/ui/SelectDivider/variations/_size/base.js.map +1 -0
  30. package/cjs/components/{TextField/variations/_read-only → Select/ui/SelectDivider/variations/_view}/base.js +2 -2
  31. package/cjs/components/Select/ui/SelectDivider/variations/_view/base.js.map +1 -0
  32. package/cjs/components/Select/ui/SelectFooter/SelectFooter.css +23 -0
  33. package/cjs/components/Select/ui/SelectFooter/SelectFooter.js +40 -0
  34. package/cjs/components/Select/ui/SelectFooter/SelectFooter.js.map +1 -0
  35. package/cjs/components/Select/ui/SelectFooter/SelectFooter.styles.js +12 -0
  36. package/cjs/components/Select/ui/SelectFooter/SelectFooter.styles.js.map +1 -0
  37. package/cjs/components/Select/ui/SelectFooter/SelectFooter.styles_11hk6tt.css +1 -0
  38. package/cjs/components/{TextField → Select/ui/SelectFooter}/variations/_size/base.js +2 -2
  39. package/cjs/components/Select/ui/SelectFooter/variations/_size/base.js.map +1 -0
  40. package/cjs/components/Select/ui/SelectFooter/variations/_size/base_x642ct.css +1 -0
  41. package/cjs/components/Select/ui/SelectFooter/variations/_view/base.js +9 -0
  42. package/cjs/components/Select/ui/SelectFooter/variations/_view/base.js.map +1 -0
  43. package/cjs/components/Select/ui/SelectFooter/variations/_view/base_x642ct.css +1 -0
  44. package/cjs/components/Select/ui/SelectGroup/SelectGroup.css +23 -0
  45. package/cjs/components/Select/ui/SelectGroup/SelectGroup.js +40 -0
  46. package/cjs/components/Select/ui/SelectGroup/SelectGroup.js.map +1 -0
  47. package/cjs/components/Select/ui/SelectGroup/SelectGroup.styles.js +12 -0
  48. package/cjs/components/Select/ui/SelectGroup/SelectGroup.styles.js.map +1 -0
  49. package/cjs/components/Select/ui/SelectGroup/SelectGroup.styles_mktu7e.css +1 -0
  50. package/cjs/components/Select/ui/SelectGroup/variations/_size/base.js +9 -0
  51. package/cjs/components/Select/ui/SelectGroup/variations/_size/base.js.map +1 -0
  52. package/cjs/components/Select/ui/SelectGroup/variations/_size/base_x642ct.css +1 -0
  53. package/cjs/components/Select/ui/SelectGroup/variations/_view/base.js +9 -0
  54. package/cjs/components/Select/ui/SelectGroup/variations/_view/base.js.map +1 -0
  55. package/cjs/components/Select/ui/SelectGroup/variations/_view/base_x642ct.css +1 -0
  56. package/cjs/components/Select/ui/SelectHeader/SelectHeader.css +23 -0
  57. package/cjs/components/Select/ui/SelectHeader/SelectHeader.js +40 -0
  58. package/cjs/components/Select/ui/SelectHeader/SelectHeader.js.map +1 -0
  59. package/cjs/components/Select/ui/SelectHeader/SelectHeader.styles.js +12 -0
  60. package/cjs/components/Select/ui/SelectHeader/SelectHeader.styles.js.map +1 -0
  61. package/cjs/components/Select/ui/SelectHeader/SelectHeader.styles_24gqog.css +1 -0
  62. package/cjs/components/Select/ui/SelectHeader/variations/_size/base.js +9 -0
  63. package/cjs/components/Select/ui/SelectHeader/variations/_size/base.js.map +1 -0
  64. package/cjs/components/Select/ui/SelectHeader/variations/_size/base_x642ct.css +1 -0
  65. package/cjs/components/Select/ui/SelectHeader/variations/_view/base.js +9 -0
  66. package/cjs/components/Select/ui/SelectHeader/variations/_view/base.js.map +1 -0
  67. package/cjs/components/Select/ui/SelectHeader/variations/_view/base_x642ct.css +1 -0
  68. package/cjs/components/Select/ui/SelectItem/SelectItem.css +4 -4
  69. package/cjs/components/Select/ui/SelectTarget/SelectTarget.js +2 -1
  70. package/cjs/components/Select/ui/SelectTarget/SelectTarget.js.map +1 -1
  71. package/cjs/components/TextField/TextField.js +40 -166
  72. package/cjs/components/TextField/TextField.js.map +1 -1
  73. package/cjs/components/TextField/TextField.styles.js +11 -27
  74. package/cjs/components/TextField/TextField.styles.js.map +1 -1
  75. package/cjs/components/TextField/TextField.styles_2qw1n8.css +5 -0
  76. package/cjs/components/TextField/TextField.tokens.js +20 -68
  77. package/cjs/components/TextField/TextField.tokens.js.map +1 -1
  78. package/cjs/components/TextField/TextField_1lzb2r1.css +1 -0
  79. package/cjs/components/TextField/{variations/_disabled → _disabled}/base.js +2 -2
  80. package/cjs/components/TextField/_disabled/base.js.map +1 -0
  81. package/cjs/components/TextField/_disabled/base_so3w81.css +1 -0
  82. package/cjs/components/TextField/{variations/_label-placement → _label-placement}/base.js +1 -1
  83. package/cjs/components/TextField/_label-placement/base.js.map +1 -0
  84. package/cjs/components/TextField/_label-placement/base_x642ct.css +1 -0
  85. package/cjs/components/TextField/{variations/_label-placement → _label-placement}/inner.js +2 -2
  86. package/cjs/components/TextField/_label-placement/inner.js.map +1 -0
  87. package/cjs/components/TextField/_label-placement/inner_1tyuicp.css +1 -0
  88. package/cjs/components/TextField/{variations/_label-placement → _label-placement}/outer.js +2 -2
  89. package/cjs/components/TextField/_label-placement/outer.js.map +1 -0
  90. package/cjs/components/TextField/_label-placement/outer_19ekaek.css +1 -0
  91. package/cjs/components/TextField/_size/base.js +9 -0
  92. package/cjs/components/TextField/_size/base.js.map +1 -0
  93. package/cjs/components/TextField/_size/base_b5smyu.css +1 -0
  94. package/cjs/components/TextField/_view/base.js +9 -0
  95. package/cjs/components/TextField/_view/base.js.map +1 -0
  96. package/cjs/components/TextField/_view/base_5bqzed.css +1 -0
  97. package/cjs/index.css +42 -49
  98. package/cjs/index.js +41 -6
  99. package/cjs/index.js.map +1 -1
  100. package/cjs/utils/index.js +13 -1
  101. package/cjs/utils/index.js.map +1 -1
  102. package/cjs/utils/react.js +12 -2
  103. package/cjs/utils/react.js.map +1 -1
  104. package/es/components/Combobox/Combobox.css +10 -10
  105. package/es/components/Combobox/Combobox.styles.js +5 -5
  106. package/es/components/Combobox/Combobox.styles.js.map +1 -1
  107. package/es/components/Combobox/{Combobox.styles_17ei5vn.css → Combobox.styles_dw6hnk.css} +1 -1
  108. package/es/components/Combobox/ui/ComboboxDivider/ComboboxDivider.css +4 -4
  109. package/es/components/Combobox/ui/ComboboxFooter/ComboboxFooter.css +4 -4
  110. package/es/components/Combobox/ui/ComboboxGroup/ComboboxGroup.css +4 -4
  111. package/es/components/Combobox/ui/ComboboxHeader/ComboboxHeader.css +4 -4
  112. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.css +4 -4
  113. package/es/components/Dropdown/Dropdown.css +4 -4
  114. package/es/components/Dropdown/Dropdown.js +0 -1
  115. package/es/components/Dropdown/Dropdown.js.map +1 -1
  116. package/es/components/Pagination/Pagination.css +4 -4
  117. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +4 -4
  118. package/es/components/Popover/Popover.css +4 -4
  119. package/es/components/Popover/Popover.js +33 -43
  120. package/es/components/Popover/Popover.js.map +1 -1
  121. package/es/components/Popover/Popover.styles.js +1 -1
  122. package/es/components/Popover/Popover.styles.js.map +1 -1
  123. package/{cjs/components/Popover/Popover.styles_1rk9t6z.css → es/components/Popover/Popover.styles_1ggb66y.css} +1 -1
  124. package/es/components/Select/Select.css +4 -4
  125. package/es/components/Select/ui/SelectDivider/SelectDivider.css +23 -0
  126. package/es/components/Select/ui/SelectDivider/SelectDivider.js +35 -0
  127. package/es/components/Select/ui/SelectDivider/SelectDivider.js.map +1 -0
  128. package/es/components/Select/ui/SelectDivider/SelectDivider.styles.js +7 -0
  129. package/es/components/Select/ui/SelectDivider/SelectDivider.styles.js.map +1 -0
  130. package/es/components/Select/ui/SelectDivider/SelectDivider.styles_673hj6.css +1 -0
  131. package/es/components/{TextField/variations/_view → Select/ui/SelectDivider/variations/_size}/base.js +2 -2
  132. package/es/components/Select/ui/SelectDivider/variations/_size/base.js.map +1 -0
  133. package/es/components/Select/ui/SelectDivider/variations/_size/base_x642ct.css +1 -0
  134. package/es/components/Select/ui/SelectDivider/variations/_view/base.js +5 -0
  135. package/es/components/Select/ui/SelectDivider/variations/_view/base.js.map +1 -0
  136. package/es/components/Select/ui/SelectDivider/variations/_view/base_x642ct.css +1 -0
  137. package/es/components/Select/ui/SelectFooter/SelectFooter.css +23 -0
  138. package/es/components/Select/ui/SelectFooter/SelectFooter.js +35 -0
  139. package/es/components/Select/ui/SelectFooter/SelectFooter.js.map +1 -0
  140. package/es/components/Select/ui/SelectFooter/SelectFooter.styles.js +7 -0
  141. package/es/components/Select/ui/SelectFooter/SelectFooter.styles.js.map +1 -0
  142. package/es/components/Select/ui/SelectFooter/SelectFooter.styles_11hk6tt.css +1 -0
  143. package/es/components/Select/ui/SelectFooter/variations/_size/base.js +5 -0
  144. package/es/components/Select/ui/SelectFooter/variations/_size/base.js.map +1 -0
  145. package/es/components/Select/ui/SelectFooter/variations/_size/base_x642ct.css +1 -0
  146. package/es/components/Select/ui/SelectFooter/variations/_view/base.js +5 -0
  147. package/es/components/Select/ui/SelectFooter/variations/_view/base.js.map +1 -0
  148. package/es/components/Select/ui/SelectFooter/variations/_view/base_x642ct.css +1 -0
  149. package/es/components/Select/ui/SelectGroup/SelectGroup.css +23 -0
  150. package/es/components/Select/ui/SelectGroup/SelectGroup.js +35 -0
  151. package/es/components/Select/ui/SelectGroup/SelectGroup.js.map +1 -0
  152. package/es/components/Select/ui/SelectGroup/SelectGroup.styles.js +7 -0
  153. package/es/components/Select/ui/SelectGroup/SelectGroup.styles.js.map +1 -0
  154. package/es/components/Select/ui/SelectGroup/SelectGroup.styles_mktu7e.css +1 -0
  155. package/es/components/Select/ui/SelectGroup/variations/_size/base.js +5 -0
  156. package/es/components/Select/ui/SelectGroup/variations/_size/base.js.map +1 -0
  157. package/es/components/Select/ui/SelectGroup/variations/_size/base_x642ct.css +1 -0
  158. package/es/components/Select/ui/SelectGroup/variations/_view/base.js +5 -0
  159. package/es/components/Select/ui/SelectGroup/variations/_view/base.js.map +1 -0
  160. package/es/components/Select/ui/SelectGroup/variations/_view/base_x642ct.css +1 -0
  161. package/es/components/Select/ui/SelectHeader/SelectHeader.css +23 -0
  162. package/es/components/Select/ui/SelectHeader/SelectHeader.js +35 -0
  163. package/es/components/Select/ui/SelectHeader/SelectHeader.js.map +1 -0
  164. package/es/components/Select/ui/SelectHeader/SelectHeader.styles.js +7 -0
  165. package/es/components/Select/ui/SelectHeader/SelectHeader.styles.js.map +1 -0
  166. package/es/components/Select/ui/SelectHeader/SelectHeader.styles_24gqog.css +1 -0
  167. package/es/components/Select/ui/SelectHeader/variations/_size/base.js +5 -0
  168. package/es/components/Select/ui/SelectHeader/variations/_size/base.js.map +1 -0
  169. package/es/components/Select/ui/SelectHeader/variations/_size/base_x642ct.css +1 -0
  170. package/es/components/Select/ui/SelectHeader/variations/_view/base.js +5 -0
  171. package/es/components/Select/ui/SelectHeader/variations/_view/base.js.map +1 -0
  172. package/es/components/Select/ui/SelectHeader/variations/_view/base_x642ct.css +1 -0
  173. package/es/components/Select/ui/SelectItem/SelectItem.css +4 -4
  174. package/es/components/Select/ui/SelectTarget/SelectTarget.js +2 -1
  175. package/es/components/Select/ui/SelectTarget/SelectTarget.js.map +1 -1
  176. package/es/components/TextField/TextField.js +44 -169
  177. package/es/components/TextField/TextField.js.map +1 -1
  178. package/es/components/TextField/TextField.styles.js +12 -25
  179. package/es/components/TextField/TextField.styles.js.map +1 -1
  180. package/es/components/TextField/TextField.styles_2qw1n8.css +5 -0
  181. package/es/components/TextField/TextField.tokens.js +21 -68
  182. package/es/components/TextField/TextField.tokens.js.map +1 -1
  183. package/es/components/TextField/TextField_1lzb2r1.css +1 -0
  184. package/es/components/TextField/_disabled/base.js +5 -0
  185. package/es/components/TextField/_disabled/base.js.map +1 -0
  186. package/es/components/TextField/_disabled/base_so3w81.css +1 -0
  187. package/es/components/TextField/{variations/_label-placement → _label-placement}/base.js +1 -1
  188. package/es/components/TextField/_label-placement/base.js.map +1 -0
  189. package/es/components/TextField/_label-placement/base_x642ct.css +1 -0
  190. package/es/components/TextField/_label-placement/inner.js +5 -0
  191. package/es/components/TextField/_label-placement/inner.js.map +1 -0
  192. package/es/components/TextField/_label-placement/inner_1tyuicp.css +1 -0
  193. package/es/components/TextField/_label-placement/outer.js +5 -0
  194. package/es/components/TextField/_label-placement/outer.js.map +1 -0
  195. package/es/components/TextField/_label-placement/outer_19ekaek.css +1 -0
  196. package/es/components/TextField/_size/base.js +5 -0
  197. package/es/components/TextField/_size/base.js.map +1 -0
  198. package/es/components/TextField/_size/base_b5smyu.css +1 -0
  199. package/es/components/TextField/_view/base.js +5 -0
  200. package/es/components/TextField/_view/base.js.map +1 -0
  201. package/es/components/TextField/_view/base_5bqzed.css +1 -0
  202. package/es/index.css +42 -49
  203. package/es/index.js +15 -2
  204. package/es/index.js.map +1 -1
  205. package/es/utils/index.js +11 -2
  206. package/es/utils/index.js.map +1 -1
  207. package/es/utils/react.js +9 -2
  208. package/es/utils/react.js.map +1 -1
  209. package/package.json +2 -2
  210. package/styled-components/cjs/components/Combobox/Combobox.styles.js +1 -1
  211. package/styled-components/cjs/components/Dropdown/Dropdown.js +0 -1
  212. package/styled-components/cjs/components/Popover/Popover.js +33 -43
  213. package/styled-components/cjs/components/Popover/Popover.styles.js +1 -1
  214. package/styled-components/cjs/components/Select/ui/SelectTarget/SelectTarget.js +2 -1
  215. package/styled-components/cjs/components/TextField/TextField.js +43 -173
  216. package/styled-components/cjs/components/TextField/TextField.styles.js +10 -18
  217. package/styled-components/cjs/components/TextField/TextField.template-doc.mdx +0 -24
  218. package/styled-components/cjs/components/TextField/TextField.tokens.js +21 -68
  219. package/styled-components/cjs/components/TextField/_disabled/base.js +9 -0
  220. package/styled-components/cjs/components/TextField/_label-placement/inner.js +10 -0
  221. package/styled-components/cjs/components/TextField/{variations/_label-placement → _label-placement}/outer.js +3 -3
  222. package/styled-components/cjs/components/TextField/_size/base.js +10 -0
  223. package/styled-components/cjs/components/TextField/_view/base.js +10 -0
  224. package/styled-components/cjs/components/TextField/index.js +2 -2
  225. package/styled-components/cjs/examples/plasma_b2c/components/Popover/Popover.stories.tsx +0 -7
  226. package/styled-components/cjs/index.js +22 -0
  227. package/styled-components/es/components/Combobox/Combobox.styles.js +1 -1
  228. package/styled-components/es/components/Dropdown/Dropdown.js +0 -1
  229. package/styled-components/es/components/Popover/Popover.js +33 -43
  230. package/styled-components/es/components/Popover/Popover.styles.js +1 -1
  231. package/styled-components/es/components/Select/ui/SelectTarget/SelectTarget.js +2 -1
  232. package/styled-components/es/components/TextField/TextField.js +47 -177
  233. package/styled-components/es/components/TextField/TextField.styles.js +9 -17
  234. package/styled-components/es/components/TextField/TextField.template-doc.mdx +0 -24
  235. package/styled-components/es/components/TextField/TextField.tokens.js +20 -67
  236. package/styled-components/es/components/TextField/_disabled/base.js +3 -0
  237. package/styled-components/es/components/TextField/_label-placement/inner.js +4 -0
  238. package/styled-components/es/components/TextField/_label-placement/outer.js +4 -0
  239. package/styled-components/es/components/TextField/_size/base.js +4 -0
  240. package/styled-components/es/components/TextField/_view/base.js +4 -0
  241. package/styled-components/es/components/TextField/index.js +2 -2
  242. package/styled-components/es/examples/plasma_b2c/components/Popover/Popover.stories.tsx +0 -7
  243. package/styled-components/es/index.js +2 -0
  244. package/types/components/Combobox/Combobox.styles.d.ts +2 -8
  245. package/types/components/Combobox/Combobox.styles.d.ts.map +1 -1
  246. package/types/components/Dropdown/Dropdown.d.ts.map +1 -1
  247. package/types/components/Dropdown/Dropdown.styles.d.ts +1 -7
  248. package/types/components/Dropdown/Dropdown.styles.d.ts.map +1 -1
  249. package/types/components/Popover/Popover.d.ts +2 -2
  250. package/types/components/Popover/Popover.d.ts.map +1 -1
  251. package/types/components/Popover/Popover.styles.d.ts.map +1 -1
  252. package/types/components/Popover/Popover.types.d.ts +12 -19
  253. package/types/components/Popover/Popover.types.d.ts.map +1 -1
  254. package/types/components/Select/Select.styles.d.ts +2 -8
  255. package/types/components/Select/Select.styles.d.ts.map +1 -1
  256. package/types/components/Select/ui/SelectTarget/SelectTarget.d.ts.map +1 -1
  257. package/types/components/TextField/TextField.d.ts +3 -8
  258. package/types/components/TextField/TextField.d.ts.map +1 -1
  259. package/types/components/TextField/TextField.styles.d.ts +3 -6
  260. package/types/components/TextField/TextField.styles.d.ts.map +1 -1
  261. package/types/components/TextField/TextField.tokens.d.ts +8 -57
  262. package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
  263. package/types/components/TextField/TextField.types.d.ts +3 -45
  264. package/types/components/TextField/TextField.types.d.ts.map +1 -1
  265. package/types/components/TextField/_disabled/base.d.ts.map +1 -0
  266. package/types/components/TextField/_label-placement/base.d.ts.map +1 -0
  267. package/types/components/TextField/_label-placement/index.d.ts.map +1 -0
  268. package/types/components/TextField/_label-placement/inner.d.ts.map +1 -0
  269. package/types/components/TextField/_label-placement/outer.d.ts.map +1 -0
  270. package/types/components/TextField/_size/base.d.ts.map +1 -0
  271. package/types/components/TextField/_view/base.d.ts.map +1 -0
  272. package/types/components/TextField/index.d.ts +2 -3
  273. package/types/components/TextField/index.d.ts.map +1 -1
  274. package/types/examples/plasma_b2c/components/Popover/Popover.d.ts +1 -7
  275. package/types/examples/plasma_b2c/components/Popover/Popover.d.ts.map +1 -1
  276. package/types/examples/plasma_web/components/Popover/Popover.d.ts +1 -7
  277. package/types/examples/plasma_web/components/Popover/Popover.d.ts.map +1 -1
  278. package/types/examples/sds_engineer/components/Popover/Popover.d.ts +1 -7
  279. package/types/examples/sds_engineer/components/Popover/Popover.d.ts.map +1 -1
  280. package/types/index.d.ts +2 -0
  281. package/types/index.d.ts.map +1 -1
  282. package/cjs/components/TextField/TextField.styles_1b1mddp.css +0 -8
  283. package/cjs/components/TextField/TextField_wctd2m.css +0 -1
  284. package/cjs/components/TextField/hooks/useKeyNavigation.js +0 -131
  285. package/cjs/components/TextField/hooks/useKeyNavigation.js.map +0 -1
  286. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.css +0 -19
  287. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +0 -38
  288. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +0 -1
  289. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +0 -26
  290. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js.map +0 -1
  291. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles_1y8n7la.css +0 -1
  292. package/cjs/components/TextField/variations/_disabled/base.js.map +0 -1
  293. package/cjs/components/TextField/variations/_disabled/base_1tnjoy9.css +0 -1
  294. package/cjs/components/TextField/variations/_label-placement/base.js.map +0 -1
  295. package/cjs/components/TextField/variations/_label-placement/inner.js.map +0 -1
  296. package/cjs/components/TextField/variations/_label-placement/inner_gqlcj2.css +0 -1
  297. package/cjs/components/TextField/variations/_label-placement/outer.js.map +0 -1
  298. package/cjs/components/TextField/variations/_label-placement/outer_is41nj.css +0 -1
  299. package/cjs/components/TextField/variations/_read-only/base.js.map +0 -1
  300. package/cjs/components/TextField/variations/_read-only/base_134hshp.css +0 -1
  301. package/cjs/components/TextField/variations/_size/base.js.map +0 -1
  302. package/cjs/components/TextField/variations/_size/base_1khzr9t.css +0 -1
  303. package/cjs/components/TextField/variations/_view/base.js.map +0 -1
  304. package/cjs/components/TextField/variations/_view/base_1qd77x6.css +0 -1
  305. package/es/components/TextField/TextField.styles_1b1mddp.css +0 -8
  306. package/es/components/TextField/TextField_wctd2m.css +0 -1
  307. package/es/components/TextField/hooks/useKeyNavigation.js +0 -126
  308. package/es/components/TextField/hooks/useKeyNavigation.js.map +0 -1
  309. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.css +0 -19
  310. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +0 -34
  311. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +0 -1
  312. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +0 -22
  313. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js.map +0 -1
  314. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles_1y8n7la.css +0 -1
  315. package/es/components/TextField/variations/_disabled/base.js +0 -5
  316. package/es/components/TextField/variations/_disabled/base.js.map +0 -1
  317. package/es/components/TextField/variations/_disabled/base_1tnjoy9.css +0 -1
  318. package/es/components/TextField/variations/_label-placement/base.js.map +0 -1
  319. package/es/components/TextField/variations/_label-placement/inner.js +0 -5
  320. package/es/components/TextField/variations/_label-placement/inner.js.map +0 -1
  321. package/es/components/TextField/variations/_label-placement/inner_gqlcj2.css +0 -1
  322. package/es/components/TextField/variations/_label-placement/outer.js +0 -5
  323. package/es/components/TextField/variations/_label-placement/outer.js.map +0 -1
  324. package/es/components/TextField/variations/_label-placement/outer_is41nj.css +0 -1
  325. package/es/components/TextField/variations/_read-only/base.js +0 -5
  326. package/es/components/TextField/variations/_read-only/base.js.map +0 -1
  327. package/es/components/TextField/variations/_read-only/base_134hshp.css +0 -1
  328. package/es/components/TextField/variations/_size/base.js +0 -5
  329. package/es/components/TextField/variations/_size/base.js.map +0 -1
  330. package/es/components/TextField/variations/_size/base_1khzr9t.css +0 -1
  331. package/es/components/TextField/variations/_view/base.js.map +0 -1
  332. package/es/components/TextField/variations/_view/base_1qd77x6.css +0 -1
  333. package/styled-components/cjs/components/TextField/hooks/index.js +0 -12
  334. package/styled-components/cjs/components/TextField/hooks/useKeyNavigation.js +0 -137
  335. package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +0 -39
  336. package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +0 -25
  337. package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.types.js +0 -5
  338. package/styled-components/cjs/components/TextField/ui/index.js +0 -12
  339. package/styled-components/cjs/components/TextField/variations/_disabled/base.js +0 -10
  340. package/styled-components/cjs/components/TextField/variations/_label-placement/inner.js +0 -10
  341. package/styled-components/cjs/components/TextField/variations/_read-only/base.js +0 -10
  342. package/styled-components/cjs/components/TextField/variations/_read-only/tokens.json +0 -1
  343. package/styled-components/cjs/components/TextField/variations/_size/base.js +0 -10
  344. package/styled-components/cjs/components/TextField/variations/_view/base.js +0 -10
  345. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +0 -43
  346. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.js +0 -11
  347. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +0 -133
  348. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.config.js +0 -40
  349. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.js +0 -11
  350. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +0 -133
  351. package/styled-components/cjs/examples/sds_engineer/components/TextField/TextField.config.js +0 -43
  352. package/styled-components/cjs/examples/sds_engineer/components/TextField/TextField.js +0 -11
  353. package/styled-components/cjs/examples/sds_engineer/components/TextField/TextField.stories.tsx +0 -133
  354. package/styled-components/es/components/TextField/hooks/index.js +0 -1
  355. package/styled-components/es/components/TextField/hooks/useKeyNavigation.js +0 -131
  356. package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +0 -30
  357. package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +0 -19
  358. package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.types.js +0 -1
  359. package/styled-components/es/components/TextField/ui/index.js +0 -1
  360. package/styled-components/es/components/TextField/variations/_disabled/base.js +0 -4
  361. package/styled-components/es/components/TextField/variations/_label-placement/inner.js +0 -4
  362. package/styled-components/es/components/TextField/variations/_label-placement/outer.js +0 -4
  363. package/styled-components/es/components/TextField/variations/_read-only/base.js +0 -4
  364. package/styled-components/es/components/TextField/variations/_read-only/tokens.json +0 -1
  365. package/styled-components/es/components/TextField/variations/_size/base.js +0 -4
  366. package/styled-components/es/components/TextField/variations/_view/base.js +0 -4
  367. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.config.js +0 -37
  368. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.js +0 -5
  369. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +0 -133
  370. package/styled-components/es/examples/plasma_web/components/TextField/TextField.config.js +0 -34
  371. package/styled-components/es/examples/plasma_web/components/TextField/TextField.js +0 -5
  372. package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +0 -133
  373. package/styled-components/es/examples/sds_engineer/components/TextField/TextField.config.js +0 -37
  374. package/styled-components/es/examples/sds_engineer/components/TextField/TextField.js +0 -5
  375. package/styled-components/es/examples/sds_engineer/components/TextField/TextField.stories.tsx +0 -133
  376. package/types/components/TextField/hooks/index.d.ts +0 -2
  377. package/types/components/TextField/hooks/index.d.ts.map +0 -1
  378. package/types/components/TextField/hooks/useKeyNavigation.d.ts +0 -17
  379. package/types/components/TextField/hooks/useKeyNavigation.d.ts.map +0 -1
  380. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.d.ts +0 -7
  381. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.d.ts.map +0 -1
  382. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.styles.d.ts +0 -3
  383. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.styles.d.ts.map +0 -1
  384. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.types.d.ts +0 -37
  385. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.types.d.ts.map +0 -1
  386. package/types/components/TextField/ui/index.d.ts +0 -2
  387. package/types/components/TextField/ui/index.d.ts.map +0 -1
  388. package/types/components/TextField/variations/_disabled/base.d.ts.map +0 -1
  389. package/types/components/TextField/variations/_label-placement/base.d.ts.map +0 -1
  390. package/types/components/TextField/variations/_label-placement/index.d.ts.map +0 -1
  391. package/types/components/TextField/variations/_label-placement/inner.d.ts.map +0 -1
  392. package/types/components/TextField/variations/_label-placement/outer.d.ts.map +0 -1
  393. package/types/components/TextField/variations/_read-only/base.d.ts.map +0 -1
  394. package/types/components/TextField/variations/_size/base.d.ts.map +0 -1
  395. package/types/components/TextField/variations/_view/base.d.ts +0 -2
  396. package/types/components/TextField/variations/_view/base.d.ts.map +0 -1
  397. package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts +0 -32
  398. package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts.map +0 -1
  399. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +0 -26
  400. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +0 -1
  401. package/types/examples/plasma_web/components/TextField/TextField.config.d.ts +0 -32
  402. package/types/examples/plasma_web/components/TextField/TextField.config.d.ts.map +0 -1
  403. package/types/examples/plasma_web/components/TextField/TextField.d.ts +0 -26
  404. package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +0 -1
  405. package/types/examples/sds_engineer/components/TextField/TextField.config.d.ts +0 -32
  406. package/types/examples/sds_engineer/components/TextField/TextField.config.d.ts.map +0 -1
  407. package/types/examples/sds_engineer/components/TextField/TextField.d.ts +0 -26
  408. package/types/examples/sds_engineer/components/TextField/TextField.d.ts.map +0 -1
  409. /package/cjs/components/{TextField/variations/_label-placement → Select/ui/SelectDivider/variations/_size}/base_x642ct.css +0 -0
  410. /package/{es/components/TextField/variations/_label-placement → cjs/components/Select/ui/SelectDivider/variations/_view}/base_x642ct.css +0 -0
  411. /package/styled-components/cjs/components/TextField/{variations/_disabled → _disabled}/tokens.json +0 -0
  412. /package/styled-components/cjs/components/TextField/{variations/_label-placement → _label-placement}/base.js +0 -0
  413. /package/styled-components/cjs/components/TextField/{variations/_label-placement → _label-placement}/index.js +0 -0
  414. /package/styled-components/cjs/components/TextField/{variations/_size → _size}/tokens.json +0 -0
  415. /package/styled-components/cjs/components/TextField/{variations/_view → _view}/tokens.json +0 -0
  416. /package/styled-components/es/components/TextField/{variations/_disabled → _disabled}/tokens.json +0 -0
  417. /package/styled-components/es/components/TextField/{variations/_label-placement → _label-placement}/base.js +0 -0
  418. /package/styled-components/es/components/TextField/{variations/_label-placement → _label-placement}/index.js +0 -0
  419. /package/styled-components/es/components/TextField/{variations/_size → _size}/tokens.json +0 -0
  420. /package/styled-components/es/components/TextField/{variations/_view → _view}/tokens.json +0 -0
  421. /package/types/components/TextField/{variations/_disabled → _disabled}/base.d.ts +0 -0
  422. /package/types/components/TextField/{variations/_label-placement → _label-placement}/base.d.ts +0 -0
  423. /package/types/components/TextField/{variations/_label-placement → _label-placement}/index.d.ts +0 -0
  424. /package/types/components/TextField/{variations/_label-placement → _label-placement}/inner.d.ts +0 -0
  425. /package/types/components/TextField/{variations/_label-placement → _label-placement}/outer.d.ts +0 -0
  426. /package/types/components/TextField/{variations/_read-only → _size}/base.d.ts +0 -0
  427. /package/types/components/TextField/{variations/_size → _view}/base.d.ts +0 -0
@@ -1 +0,0 @@
1
- {"version":3,"file":"TextFieldChip.js","sources":["../../../../../src/components/TextField/ui/TextFieldChip/TextFieldChip.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { StyledChip } from './TextFieldChip.styles';\nimport type { TextFieldChipProps } from './TextFieldChip.types';\n\n/**\n * Чип, отображающий выбранный элемент\n */\nexport const TextFieldChip = forwardRef<HTMLButtonElement, TextFieldChipProps>(\n ({ chipId, text, disabled, readOnly, onClick, onClear, onKeyDown }, ref) => {\n const onClearHandle = () => onClear(chipId);\n\n const onKeyDownHandle = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n onKeyDown?.(event, chipId);\n };\n\n return (\n <StyledChip\n ref={ref}\n tabIndex={-1}\n disabled={disabled}\n readOnly={readOnly}\n onClick={onClick}\n onClear={onClearHandle}\n onKeyDown={onKeyDownHandle}\n text={`${text}`}\n />\n );\n },\n);\n"],"names":["TextFieldChip","forwardRef","_ref","ref","chipId","text","disabled","readOnly","onClick","onClear","onKeyDown","onClearHandle","onKeyDownHandle","event","React","createElement","StyledChip","tabIndex","concat"],"mappings":";;;AAKA;AACA;AACA;AACO,IAAMA,aAAa,gBAAGC,UAAU,CACnC,UAAAC,IAAA,EAAoEC,GAAG,EAAK;AAAA,EAAA,IAAzEC,MAAM,GAAAF,IAAA,CAANE,MAAM;IAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IAAEC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IAAEC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IAAEC,OAAO,GAAAN,IAAA,CAAPM,OAAO;IAAEC,OAAO,GAAAP,IAAA,CAAPO,OAAO;IAAEC,SAAS,GAAAR,IAAA,CAATQ,SAAS,CAAA;AAC5D,EAAA,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,GAAA;IAAA,OAASF,OAAO,CAACL,MAAM,CAAC,CAAA;AAAA,GAAA,CAAA;AAE3C,EAAA,IAAMQ,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,KAA6C,EAAK;IACvEH,SAAS,KAAA,IAAA,IAATA,SAAS,KAATA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,SAAS,CAAGG,KAAK,EAAET,MAAM,CAAC,CAAA;GAC7B,CAAA;AAED,EAAA,oBACIU,KAAA,CAAAC,aAAA,CAACC,UAAU,EAAA;AACPb,IAAAA,GAAG,EAAEA,GAAI;IACTc,QAAQ,EAAE,CAAC,CAAE;AACbX,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,OAAO,EAAEA,OAAQ;AACjBC,IAAAA,OAAO,EAAEE,aAAc;AACvBD,IAAAA,SAAS,EAAEE,eAAgB;IAC3BP,IAAI,EAAA,EAAA,CAAAa,MAAA,CAAKb,IAAI,CAAA;AAAG,GACnB,CAAC,CAAA;AAEV,CACJ;;;;"}
@@ -1,22 +0,0 @@
1
- import './TextFieldChip.styles_1y8n7la.css';
2
- import { styled } from '@linaria/react';
3
- import { chipConfig } from '../../../Chip/Chip.js';
4
- import '@linaria/core';
5
- import { component, mergeConfig } from '../../../../engines/common.js';
6
-
7
- // issue #823
8
- var mergedConfig = /*#__PURE__*/mergeConfig(chipConfig);
9
- var Chip = /*#__PURE__*/component(mergedConfig);
10
-
11
- // NOTE: Необходимое переопределение токенов из компонента Chip т.к. используются его части
12
- var _exp = function _exp() {
13
- return Chip;
14
- };
15
- var StyledChip = /*#__PURE__*/styled(_exp())({
16
- name: "StyledChip",
17
- "class": "s32p7ut",
18
- propsAsIs: true
19
- });
20
-
21
- export { StyledChip };
22
- //# sourceMappingURL=TextFieldChip.styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TextFieldChip.styles.js","sources":["../../../../../src/components/TextField/ui/TextFieldChip/TextFieldChip.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { chipConfig, chipTokens } from '../../../Chip';\nimport { component, mergeConfig } from '../../../../engines';\nimport { tokens } from '../../TextField.tokens';\nimport { addFocus } from '../../../../mixins';\n\n// issue #823\nconst mergedConfig = mergeConfig(chipConfig);\nconst Chip = component(mergedConfig);\n\n// NOTE: Необходимое переопределение токенов из компонента Chip т.к. используются его части\nexport const StyledChip = styled(Chip)`\n ${chipTokens.color}: var(${tokens.chipColor});\n ${chipTokens.background}: var(${tokens.chipBackground});\n ${chipTokens.colorHover}: var(${tokens.chipColorHover});\n ${chipTokens.backgroundHover}: var(${tokens.chipBackgroundHover});\n ${chipTokens.colorActive}: var(${tokens.chipColorActive});\n ${chipTokens.backgroundActive}: var(${tokens.chipBackgroundActive});\n ${chipTokens.backgroundReadOnly}: var(${tokens.chipBackgroundReadOnly});\n ${chipTokens.colorReadOnly}: var(${tokens.chipColorReadOnly});\n ${chipTokens.backgroundReadOnlyHover}: var(${tokens.chipBackgroundReadOnlyHover});\n ${chipTokens.colorReadOnlyHover}: var(${tokens.chipColorReadOnlyHover});\n ${chipTokens.borderRadius}: var(${tokens.chipBorderRadius});\n ${chipTokens.width}: var(${tokens.chipWidth});\n ${chipTokens.height}: var(${tokens.chipHeight});\n ${chipTokens.paddingRight}: var(${tokens.chipPaddingRight});\n ${chipTokens.paddingLeft}: var(${tokens.chipPaddingLeft});\n ${chipTokens.fontFamily}: var(${tokens.chipFontFamily});\n ${chipTokens.fontSize}: var(${tokens.chipFontSize});\n ${chipTokens.fontStyle}: var(${tokens.chipFontStyle});\n ${chipTokens.fontWeight}: var(${tokens.chipFontWeight});\n ${chipTokens.letterSpacing}: var(${tokens.chipLetterSpacing});\n ${chipTokens.lineHeight}: var(${tokens.chipLineHeight});\n ${chipTokens.clearContentMarginLeft}: var(${tokens.chipClearContentMarginLeft});\n ${chipTokens.clearContentMarginRight}: var(${tokens.chipClearContentMarginRight});\n ${chipTokens.scaleHover}: var(${tokens.chipScaleHover});\n ${chipTokens.scaleActive}: var(${tokens.chipScaleActive});\n ${chipTokens.closeIconSize}: var(${tokens.chipCloseIconSize});\n ${chipTokens.closeIconColor}: var(${tokens.chipCloseIconColor});\n ${chipTokens.focusColor}: var(${tokens.focusColor});\n\n scroll-snap-align: center;\n scroll-snap-stop: normal;\n\n ${addFocus({\n outlineOffset: '0.0625rem',\n outlineSize: '0.0625rem',\n outlineRadius: `calc(var(${tokens.chipBorderRadius}) - 0.1rem)`,\n outlineColor: `var(${tokens.focusColor})`,\n })}\n\n &[readonly] {\n opacity: var(${tokens.chipOpacityReadonly});\n }\n`;\n"],"names":["mergedConfig","mergeConfig","chipConfig","Chip","component","_exp","StyledChip","styled","name","class","propsAsIs"],"mappings":";;;;;AAOA;AACA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,UAAU,CAAC,CAAA;AAC5C,IAAMC,IAAI,gBAAGC,SAAS,CAACJ,YAAY,CAAC,CAAA;;AAEpC;AAAA,IAAAK,IAAA,GAVkBA,SAUlBA,IAAAA,GAAA;AAAA,EAAA,OACiCF,IAAI,CAAA;AAAA,CAAA,CAAA;AAA9B,IAAMG,UAAU,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA2C/B;;;;"}
@@ -1 +0,0 @@
1
- .s32p7ut{--plasma-chip-color:var(--plasma-textfield__chip-color);--plasma-chip-background:var(--plasma-textfield__chip-background);--plasma-chip-color-hover:var(--plasma-textfield__chip-color-hover);--plasma-chip-background-hover:var(--plasma-textfield__chip-background-hover);--plasma-chip-color-active:var(--plasma-textfield__chip-color-active);--plasma-chip-background-active:var(--plasma-textfield__chip-background-active);--plasma-chip-background-readonly:var(--plasma-textfield__chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-textfield__chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-textfield__chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-textfield__chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-textfield__chip-border-radius);--plasma-chip-width:var(--plasma-textfield__chip-width);--plasma-chip-height:var(--plasma-textfield__chip-height);--plasma-chip-padding-right:var(--plasma-textfield__chip-padding-right);--plasma-chip-padding-left:var(--plasma-textfield__chip-padding-left);--plasma-chip-font-family:var(--plasma-textfield__chip-font-family);--plasma-chip-font-size:var(--plasma-textfield__chip-font-size);--plasma-chip-font-style:var(--plasma-textfield__chip-font-style);--plasma-chip-font-weight:var(--plasma-textfield__chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-textfield__chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-textfield__chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-textfield__chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-textfield__chip-clear-content-margin-right);--plasma-chip-scale-hover:var(--plasma-textfield__chip-scale-hover);--plasma-chip-scale-active:var(--plasma-textfield__chip-scale-active);--plasma-chip-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-textfield-focus-color);-webkit-scroll-snap-align:center;-moz-scroll-snap-align:center;-ms-scroll-snap-align:center;scroll-snap-align:center;-webkit-scroll-snap-stop:normal;-moz-scroll-snap-stop:normal;-ms-scroll-snap-stop:normal;scroll-snap-stop:normal;position:relative;}.s32p7ut::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.s32p7ut.focus-visible:focus::before,.s32p7ut[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.s32p7ut[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
@@ -1,5 +0,0 @@
1
- import './base_1tnjoy9.css';
2
- var base = "b15zsg4z";
3
-
4
- export { base };
5
- //# sourceMappingURL=base.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_disabled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../TextField.tokens';\nimport { Input } from '../../TextField.styles';\n\nexport const base = css`\n &[disabled] {\n opacity: var(${tokens.disabledOpacity});\n cursor: not-allowed;\n\n ${Input} {\n cursor: not-allowed;\n min-width: unset;\n }\n }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAUhB;;;;"}
@@ -1 +0,0 @@
1
- .b15zsg4z[disabled]{opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.b15zsg4z[disabled] .io4bpie{cursor:not-allowed;min-width:unset;}
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_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,5 +0,0 @@
1
- import './inner_gqlcj2.css';
2
- var labelPlacement_inner = "l8oinlg";
3
-
4
- export { labelPlacement_inner };
5
- //# sourceMappingURL=inner.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"inner.js","sources":["../../../../../src/components/TextField/variations/_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: var(${tokens.contentLabelInnerPadding});\n }\n\n ${Input}:focus ~ ${Label}, ${Input}:not(:placeholder-shown) ~ ${Label} {\n height: auto;\n padding: var(${tokens.labelInnerPadding});\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: padding 0.1s ease-in-out, height 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,GA4ChC;;;;"}
@@ -1 +0,0 @@
1
- .l8oinlg .io4bpie{padding:var(--plasma-textfield-placement_inner__content-padding);}.l8oinlg .io4bpie:focus ~ .l13qvwoy,.l8oinlg .io4bpie:not(:placeholder-shown) ~ .l13qvwoy{height:auto;padding:var(--plasma-textfield-placement_inner__label-padding);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);}.l8oinlg .io4bpie:not(:focus)::-webkit-input-placeholder{color:transparent;}.l8oinlg .io4bpie:not(:focus)::-moz-placeholder{color:transparent;}.l8oinlg .io4bpie:not(:focus):-ms-input-placeholder{color:transparent;}.l8oinlg .io4bpie:not(:focus)::placeholder{color:transparent;}.l8oinlg .io4bpie:focus::-webkit-input-placeholder{color:transparent;}.l8oinlg .io4bpie:focus::-moz-placeholder{color:transparent;}.l8oinlg .io4bpie:focus:-ms-input-placeholder{color:transparent;}.l8oinlg .io4bpie:focus::placeholder{color:transparent;}.l8oinlg .l13qvwoy{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:padding 0.1s ease-in-out,height 0s;transition:padding 0.1s ease-in-out,height 0s;height:var(--plasma-textfield-height);padding-top:calc(var(--plasma-textfield-height) / 4);padding-bottom:calc(var(--plasma-textfield-height) / 4);}
@@ -1,5 +0,0 @@
1
- import './outer_is41nj.css';
2
- var labelPlacement_outer = "la46t0i";
3
-
4
- export { labelPlacement_outer };
5
- //# sourceMappingURL=outer.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"outer.js","sources":["../../../../../src/components/TextField/variations/_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 color: var(${tokens.labelColor});\n }\n`;\n"],"names":["labelPlacement_outer"],"mappings":"AAKO,IAAMA,oBAAoB,GAMhC;;;;"}
@@ -1 +0,0 @@
1
- .la46t0i .l13qvwoy{display:block;margin-bottom:var(--plasma-textfield__label-offset);color:var(--plasma-textfield__label-color);}
@@ -1,5 +0,0 @@
1
- import './base_134hshp.css';
2
- var base = "b1w985rt";
3
-
4
- export { base };
5
- //# sourceMappingURL=base.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_read-only/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../TextField.tokens';\nimport { Input, InputWrapper, Label, LeftHelper } from '../../TextField.styles';\n\nexport const base = css`\n &[readonly] {\n ${InputWrapper} {\n color: var(${tokens.colorReadOnly});\n background-color: var(${String(tokens.backgroundColorReadOnly)});\n box-shadow: inset 0 0 0 var(${String(tokens.borderWidth)}) var(${String(tokens.borderColorReadOnly)});\n }\n\n ${InputWrapper}:hover {\n background-color: var(${tokens.backgroundColorReadOnly});\n }\n\n ${Input}::placeholder {\n color: var(${tokens.placeholderColorReadOnly});\n }\n\n ${Input} {\n color: var(${tokens.colorReadOnly});\n cursor: default;\n min-width: unset;\n }\n\n ${LeftHelper} {\n color: var(${tokens.leftHelperColorReadOnly});\n }\n\n ${Label} {\n color: var(${tokens.labelColorReadOnly});\n }\n }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GA8BhB;;;;"}
@@ -1 +0,0 @@
1
- .b1w985rt[readonly] .iq39zt5{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasmas-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.b1w985rt[readonly] .iq39zt5:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.b1w985rt[readonly] .io4bpie::-webkit-input-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.b1w985rt[readonly] .io4bpie::-moz-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.b1w985rt[readonly] .io4bpie:-ms-input-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.b1w985rt[readonly] .io4bpie::placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.b1w985rt[readonly] .io4bpie{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.b1w985rt[readonly] .llv9av6{color:var(--plasma-textfield__left-helper-color-readonly);}.b1w985rt[readonly] .l13qvwoy{color:var(--plasma-textfield__label-color-readonly);}
@@ -1,5 +0,0 @@
1
- import './base_1khzr9t.css';
2
- var base = "b13ve66i";
3
-
4
- export { base };
5
- //# sourceMappingURL=base.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../TextField.tokens';\nimport { Input, InputWrapper, Label, LeftHelper } from '../../TextField.styles';\n\nexport const base = css`\n ${Input} {\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 height: var(${tokens.height});\n border-radius: var(${tokens.borderRadius});\n padding: var(${tokens.padding});\n\n &.${classes.hasChips} {\n padding-top: var(${tokens.paddingWithChips});\n padding-bottom: var(${tokens.paddingWithChips});\n }\n\n &.${classes.hasEmptyContentLeft} {\n padding-left: var(${tokens.paddingWithChips});\n }\n\n &.${classes.hasEmptyContentRight} {\n padding-right: var(${tokens.paddingWithChips});\n }\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,GAgDhB;;;;"}
@@ -1 +0,0 @@
1
- .b13ve66i .io4bpie{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);}.b13ve66i .iq39zt5{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.b13ve66i .iq39zt5.has-chips{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.b13ve66i .iq39zt5.has-empty-content-left{padding-left:var(--plasma-textfield-padding-with-chips);}.b13ve66i .iq39zt5.has-empty-content-right{padding-right:var(--plasma-textfield-padding-with-chips);}.b13ve66i .l13qvwoy{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);}.b13ve66i .llv9av6{margin-top:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_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 --plasma_private-textfield-border-color: var(${String(tokens.borderColor)});\n --plasma_private-textfield-bg-color: var(${String(tokens.backgroundColor)});\n\n color: var(${tokens.color});\n background-color: var(--plasma_private-textfield-bg-color);\n box-shadow: inset 0 0 0 var(${tokens.borderWidth}) var(--plasma_private-textfield-border-color);\n caret-color: var(${tokens.caretColor});\n\n transition: background-color 0.1s ease-in, color 0.1s ease-in, box-shadow 0.1s ease-in;\n }\n ${InputWrapper}:hover {\n --plasma_private-textfield-border-color: var(${tokens.borderColorHover}, var(${String(tokens.borderColor)}));\n --plasma_private-textfield-bg-color: var(\n ${tokens.backgroundColorHover},\n var(${String(tokens.backgroundColor)})\n );\n }\n ${InputWrapper}:focus-within {\n --plasma_private-textfield-border-color: var(${tokens.borderColorFocus}, var(${String(tokens.borderColor)}));\n --plasma_private-textfield-bg-color: var(\n ${tokens.backgroundColorFocus},\n var(${String(tokens.backgroundColor)})\n );\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,GAmChB;;;;"}
@@ -1 +0,0 @@
1
- .bptx5xt .iq39zt5{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);--plasma_private-textfield-bg-color:var(--plasma-textfield-bg-color);color:var(--plasma-textfield-color);background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(--plasmas-textfield-border-width) var(--plasma_private-textfield-border-color);caret-color:var(--plasma-textfield__caret-color);-webkit-transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}.bptx5xt .iq39zt5:hover{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-hover,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-hover, var(--plasma-textfield-bg-color) );}.bptx5xt .iq39zt5:focus-within{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-focus,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-focus, var(--plasma-textfield-bg-color) );}.bptx5xt .io4bpie::-webkit-input-placeholder{color:var(--plasma-textfield__placeholder-color);}.bptx5xt .io4bpie::-moz-placeholder{color:var(--plasma-textfield__placeholder-color);}.bptx5xt .io4bpie:-ms-input-placeholder{color:var(--plasma-textfield__placeholder-color);}.bptx5xt .io4bpie::placeholder{color:var(--plasma-textfield__placeholder-color);}.bptx5xt .io4bpie{color:var(--plasma-textfield-color);}.bptx5xt .llv9av6{color:var(--plasma-textfield__left-helper-color);}
@@ -1,12 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "useKeyNavigation", {
7
- enumerable: true,
8
- get: function get() {
9
- return _useKeyNavigation.useKeyNavigation;
10
- }
11
- });
12
- var _useKeyNavigation = /*#__PURE__*/require("./useKeyNavigation");
@@ -1,137 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.useKeyNavigation = exports.Keys = void 0;
7
- var _react = /*#__PURE__*/require("react");
8
- function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
9
- function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
10
- function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
11
- function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
12
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
13
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
14
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
15
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
16
- function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
17
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
18
- var Keys = exports.Keys = {
19
- Enter: 'Enter',
20
- Tab: 'Tab',
21
- Escape: 'Escape',
22
- ArrowLeft: 'ArrowLeft',
23
- ArrowRight: 'ArrowRight',
24
- Backspace: 'Backspace'
25
- };
26
- var useKeyNavigation = exports.useKeyNavigation = function useKeyNavigation(_ref) {
27
- var _ref$controlledRefs = _ref.controlledRefs,
28
- chipsRefs = _ref$controlledRefs.chipsRefs,
29
- contentRef = _ref$controlledRefs.contentRef,
30
- inputRef = _ref$controlledRefs.inputRef,
31
- disabled = _ref.disabled,
32
- readOnly = _ref.readOnly,
33
- chips = _ref.chips,
34
- enumerationType = _ref.enumerationType,
35
- updateChips = _ref.updateChips,
36
- onChange = _ref.onChange,
37
- onSearch = _ref.onSearch;
38
- var _useState = (0, _react.useState)(-1),
39
- _useState2 = _slicedToArray(_useState, 2),
40
- activeChipIndex = _useState2[0],
41
- setActiveChipIndex = _useState2[1];
42
- var handleInputKeydown = function handleInputKeydown(event) {
43
- var _inputRef$current;
44
- var _ref2 = event.target,
45
- value = _ref2.value;
46
- if (disabled || readOnly) {
47
- return;
48
- }
49
- if (event.key === Keys.Enter && enumerationType === 'chip' && value) {
50
- var nextIndex = (chips === null || chips === void 0 ? void 0 : chips.length) || 0;
51
- var newChips = [].concat(_toConsumableArray(chips), [{
52
- id: "".concat(nextIndex, "_").concat(value),
53
- text: value
54
- }]);
55
- var newValues = newChips.map(function (_ref3) {
56
- var text = _ref3.text;
57
- return text;
58
- });
59
- updateChips(newChips, newValues);
60
- event.target.value = '';
61
- onChange === null || onChange === void 0 ? void 0 : onChange(event);
62
- }
63
- if (event.key === Keys.Enter && onSearch) {
64
- onSearch(value, event);
65
- }
66
- if (event.key === Keys.Backspace && chips.length && (inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.selectionStart) === 0) {
67
- var _newChips = _toConsumableArray(chips);
68
- _newChips === null || _newChips === void 0 ? void 0 : _newChips.pop();
69
- chipsRefs === null || chipsRefs === void 0 ? void 0 : chipsRefs.current.pop();
70
- var _newValues = _newChips.map(function (_ref4) {
71
- var text = _ref4.text;
72
- return text;
73
- });
74
- updateChips(_newChips, _newValues);
75
- }
76
- };
77
- var onChipClear = function onChipClear(clearId) {
78
- if (!chips.length) {
79
- return;
80
- }
81
- var newChips = (chips === null || chips === void 0 ? void 0 : chips.filter(function (_ref5) {
82
- var chipId = _ref5.id;
83
- return chipId !== clearId;
84
- })) || [];
85
- var newValues = newChips.map(function (_ref6) {
86
- var text = _ref6.text;
87
- return text;
88
- });
89
- updateChips(newChips, newValues);
90
- };
91
- var handleChipKeyDown = function handleChipKeyDown(event, chipId) {
92
- if (event.key === Keys.Tab) {
93
- event.preventDefault();
94
- }
95
- if (event.key === Keys.Backspace) {
96
- onChipClear(chipId);
97
- }
98
- };
99
- var handleContentKeyDown = function handleContentKeyDown(event) {
100
- var _inputRef$current2, _focusedItem, _focusedItem2;
101
- var chipsRefsCount = chips.length;
102
- var currentCaretPosition = (inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.selectionStart) || 0;
103
- var newActiveChipIndex = activeChipIndex;
104
- var focusedItem = null;
105
- if (event.key === Keys.ArrowLeft && enumerationType === 'chip' && currentCaretPosition <= 0) {
106
- var _chipsRefs$current;
107
- var index = activeChipIndex - 1 <= 0 ? 0 : activeChipIndex - 1;
108
- newActiveChipIndex = document.activeElement === (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) ? chipsRefsCount - 1 : index;
109
- focusedItem = (_chipsRefs$current = chipsRefs.current) === null || _chipsRefs$current === void 0 ? void 0 : _chipsRefs$current[newActiveChipIndex];
110
- }
111
- if (event.key === Keys.ArrowRight && enumerationType === 'chip' && document.activeElement !== (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current)) {
112
- var _chipsRefs$current2;
113
- var _index = activeChipIndex + 1 >= chipsRefsCount ? activeChipIndex : activeChipIndex + 1;
114
- newActiveChipIndex = document.activeElement === (contentRef === null || contentRef === void 0 ? void 0 : contentRef.current) ? 0 : _index;
115
- focusedItem = _index === activeChipIndex ? inputRef === null || inputRef === void 0 ? void 0 : inputRef.current : (_chipsRefs$current2 = chipsRefs.current) === null || _chipsRefs$current2 === void 0 ? void 0 : _chipsRefs$current2[newActiveChipIndex];
116
- }
117
- if (event.key === Keys.Backspace && document.activeElement !== (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current)) {
118
- var _chipsRefs$current3;
119
- var _index2 = activeChipIndex - 1 <= 0 ? 0 : activeChipIndex - 1;
120
- newActiveChipIndex = chipsRefsCount === 0 ? -1 : _index2;
121
- focusedItem = chipsRefsCount === 0 ? inputRef === null || inputRef === void 0 ? void 0 : inputRef.current : chipsRefs === null || chipsRefs === void 0 ? void 0 : (_chipsRefs$current3 = chipsRefs.current) === null || _chipsRefs$current3 === void 0 ? void 0 : _chipsRefs$current3[newActiveChipIndex];
122
- }
123
- (_focusedItem = focusedItem) === null || _focusedItem === void 0 ? void 0 : _focusedItem.focus();
124
- (_focusedItem2 = focusedItem) === null || _focusedItem2 === void 0 ? void 0 : _focusedItem2.scrollIntoView({
125
- behavior: 'smooth',
126
- block: 'center',
127
- inline: 'center'
128
- });
129
- setActiveChipIndex(newActiveChipIndex);
130
- };
131
- return {
132
- handleInputKeydown: handleInputKeydown,
133
- handleChipKeyDown: handleChipKeyDown,
134
- onChipClear: onChipClear,
135
- handleContentKeyDown: handleContentKeyDown
136
- };
137
- };
@@ -1,39 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.TextFieldChip = void 0;
8
- var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
9
- var _TextFieldChip = /*#__PURE__*/require("./TextFieldChip.styles");
10
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
11
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
12
- /**
13
- * Чип, отображающий выбранный элемент
14
- */
15
- var TextFieldChip = exports.TextFieldChip = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
16
- var chipId = _ref.chipId,
17
- text = _ref.text,
18
- disabled = _ref.disabled,
19
- readOnly = _ref.readOnly,
20
- onClick = _ref.onClick,
21
- onClear = _ref.onClear,
22
- onKeyDown = _ref.onKeyDown;
23
- var onClearHandle = function onClearHandle() {
24
- return onClear(chipId);
25
- };
26
- var onKeyDownHandle = function onKeyDownHandle(event) {
27
- onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event, chipId);
28
- };
29
- return /*#__PURE__*/_react["default"].createElement(_TextFieldChip.StyledChip, {
30
- ref: ref,
31
- tabIndex: -1,
32
- disabled: disabled,
33
- readOnly: readOnly,
34
- onClick: onClick,
35
- onClear: onClearHandle,
36
- onKeyDown: onKeyDownHandle,
37
- text: "".concat(text)
38
- });
39
- });
@@ -1,25 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.StyledChip = void 0;
7
- var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
8
- var _Chip = /*#__PURE__*/require("../../../Chip");
9
- var _engines = /*#__PURE__*/require("../../../../engines");
10
- var _TextField = /*#__PURE__*/require("../../TextField.tokens");
11
- var _mixins = /*#__PURE__*/require("../../../../mixins");
12
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
13
- // issue #823
14
- var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Chip.chipConfig);
15
- var Chip = /*#__PURE__*/(0, _engines.component)(mergedConfig);
16
-
17
- // NOTE: Необходимое переопределение токенов из компонента Chip т.к. используются его части
18
- var StyledChip = exports.StyledChip = /*#__PURE__*/(0, _styledComponents["default"])(Chip).withConfig({
19
- componentId: "plasma-new-hope__sc-1mypbcr-0"
20
- })(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");scroll-snap-align:center;scroll-snap-stop:normal;", " &[readonly]{opacity:var(", ");}"], _Chip.chipTokens.color, _TextField.tokens.chipColor, _Chip.chipTokens.background, _TextField.tokens.chipBackground, _Chip.chipTokens.colorHover, _TextField.tokens.chipColorHover, _Chip.chipTokens.backgroundHover, _TextField.tokens.chipBackgroundHover, _Chip.chipTokens.colorActive, _TextField.tokens.chipColorActive, _Chip.chipTokens.backgroundActive, _TextField.tokens.chipBackgroundActive, _Chip.chipTokens.backgroundReadOnly, _TextField.tokens.chipBackgroundReadOnly, _Chip.chipTokens.colorReadOnly, _TextField.tokens.chipColorReadOnly, _Chip.chipTokens.backgroundReadOnlyHover, _TextField.tokens.chipBackgroundReadOnlyHover, _Chip.chipTokens.colorReadOnlyHover, _TextField.tokens.chipColorReadOnlyHover, _Chip.chipTokens.borderRadius, _TextField.tokens.chipBorderRadius, _Chip.chipTokens.width, _TextField.tokens.chipWidth, _Chip.chipTokens.height, _TextField.tokens.chipHeight, _Chip.chipTokens.paddingRight, _TextField.tokens.chipPaddingRight, _Chip.chipTokens.paddingLeft, _TextField.tokens.chipPaddingLeft, _Chip.chipTokens.fontFamily, _TextField.tokens.chipFontFamily, _Chip.chipTokens.fontSize, _TextField.tokens.chipFontSize, _Chip.chipTokens.fontStyle, _TextField.tokens.chipFontStyle, _Chip.chipTokens.fontWeight, _TextField.tokens.chipFontWeight, _Chip.chipTokens.letterSpacing, _TextField.tokens.chipLetterSpacing, _Chip.chipTokens.lineHeight, _TextField.tokens.chipLineHeight, _Chip.chipTokens.clearContentMarginLeft, _TextField.tokens.chipClearContentMarginLeft, _Chip.chipTokens.clearContentMarginRight, _TextField.tokens.chipClearContentMarginRight, _Chip.chipTokens.scaleHover, _TextField.tokens.chipScaleHover, _Chip.chipTokens.scaleActive, _TextField.tokens.chipScaleActive, _Chip.chipTokens.closeIconSize, _TextField.tokens.chipCloseIconSize, _Chip.chipTokens.closeIconColor, _TextField.tokens.chipCloseIconColor, _Chip.chipTokens.focusColor, _TextField.tokens.focusColor, /*#__PURE__*/(0, _mixins.addFocus)({
21
- outlineOffset: '0.0625rem',
22
- outlineSize: '0.0625rem',
23
- outlineRadius: /*#__PURE__*/"calc(var(".concat(_TextField.tokens.chipBorderRadius, ") - 0.1rem)"),
24
- outlineColor: /*#__PURE__*/"var(".concat(_TextField.tokens.focusColor, ")")
25
- }), _TextField.tokens.chipOpacityReadonly);
@@ -1,5 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
@@ -1,12 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "TextFieldChip", {
7
- enumerable: true,
8
- get: function get() {
9
- return _TextFieldChip.TextFieldChip;
10
- }
11
- });
12
- var _TextFieldChip = /*#__PURE__*/require("./TextFieldChip/TextFieldChip");
@@ -1,10 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.base = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var _TextField = /*#__PURE__*/require("../../TextField.tokens");
9
- var _TextField2 = /*#__PURE__*/require("../../TextField.styles");
10
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&[disabled]{opacity:var(", ");cursor:not-allowed;", "{cursor:not-allowed;min-width:unset;}}"], _TextField.tokens.disabledOpacity, _TextField2.Input);
@@ -1,10 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.labelPlacement_inner = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var _TextField = /*#__PURE__*/require("../../TextField.styles");
9
- var _TextField2 = /*#__PURE__*/require("../../TextField.tokens");
10
- var labelPlacement_inner = exports.labelPlacement_inner = /*#__PURE__*/(0, _styledComponents.css)(["", "{padding:var(", ");}", ":focus ~ ", ",", ":not(:placeholder-shown) ~ ", "{height:auto;padding:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", ":not(:focus)::placeholder{color:transparent;}", ":focus::placeholder{color:transparent;}", "{color:var(", ");pointer-events:none;position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;transition:padding 0.1s ease-in-out,height 0s;height:var(", ");padding-top:calc(var(", ") / 4);padding-bottom:calc(var(", ") / 4);}"], _TextField.Input, _TextField2.tokens.contentLabelInnerPadding, _TextField.Input, _TextField.Label, _TextField.Input, _TextField.Label, _TextField2.tokens.labelInnerPadding, _TextField2.tokens.labelInnerFontFamily, _TextField2.tokens.labelInnerFontSize, _TextField2.tokens.labelInnerFontStyle, _TextField2.tokens.labelInnerFontWeight, _TextField2.tokens.labelInnerLetterSpacing, _TextField2.tokens.labelInnerLineHeight, _TextField.Input, _TextField.Input, _TextField.Label, _TextField2.tokens.placeholderColor, _TextField2.tokens.height, _TextField2.tokens.height, _TextField2.tokens.height);
@@ -1,10 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.base = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var _TextField = /*#__PURE__*/require("../../TextField.tokens");
9
- var _TextField2 = /*#__PURE__*/require("../../TextField.styles");
10
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&[readonly]{", "{color:var(", ");background-color:var(", ");box-shadow:inset 0 0 0 var(", ") var(", ");}", ":hover{background-color:var(", ");}", "::placeholder{color:var(", ");}", "{color:var(", ");cursor:default;min-width:unset;}", "{color:var(", ");}", "{color:var(", ");}}"], _TextField2.InputWrapper, _TextField.tokens.colorReadOnly, /*#__PURE__*/String(_TextField.tokens.backgroundColorReadOnly), /*#__PURE__*/String(_TextField.tokens.borderWidth), /*#__PURE__*/String(_TextField.tokens.borderColorReadOnly), _TextField2.InputWrapper, _TextField.tokens.backgroundColorReadOnly, _TextField2.Input, _TextField.tokens.placeholderColorReadOnly, _TextField2.Input, _TextField.tokens.colorReadOnly, _TextField2.LeftHelper, _TextField.tokens.leftHelperColorReadOnly, _TextField2.Label, _TextField.tokens.labelColorReadOnly);
@@ -1,10 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.base = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var _TextField = /*#__PURE__*/require("../../TextField.tokens");
9
- var _TextField2 = /*#__PURE__*/require("../../TextField.styles");
10
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["", "{font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{height:var(", ");border-radius:var(", ");padding:var(", ");&.", "{padding-top:var(", ");padding-bottom:var(", ");}&.", "{padding-left:var(", ");}&.", "{padding-right:var(", ");}}", "{font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{margin-top:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}"], _TextField2.Input, _TextField.tokens.fontFamily, _TextField.tokens.fontSize, _TextField.tokens.fontStyle, _TextField.tokens.fontWeight, _TextField.tokens.letterSpacing, _TextField.tokens.lineHeight, _TextField2.InputWrapper, _TextField.tokens.height, _TextField.tokens.borderRadius, _TextField.tokens.padding, _TextField.classes.hasChips, _TextField.tokens.paddingWithChips, _TextField.tokens.paddingWithChips, _TextField.classes.hasEmptyContentLeft, _TextField.tokens.paddingWithChips, _TextField.classes.hasEmptyContentRight, _TextField.tokens.paddingWithChips, _TextField2.Label, _TextField.tokens.labelFontFamily, _TextField.tokens.labelFontSize, _TextField.tokens.labelFontStyle, _TextField.tokens.labelFontWeight, _TextField.tokens.labelLetterSpacing, _TextField.tokens.labelLineHeight, _TextField2.LeftHelper, _TextField.tokens.leftHelperOffset, _TextField.tokens.leftHelperFontFamily, _TextField.tokens.leftHelperFontSize, _TextField.tokens.leftHelperFontStyle, _TextField.tokens.leftHelperFontWeight, _TextField.tokens.leftHelperLetterSpacing, _TextField.tokens.leftHelperLineHeight);
@@ -1,10 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.base = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var _TextField = /*#__PURE__*/require("../../TextField.tokens");
9
- var _TextField2 = /*#__PURE__*/require("../../TextField.styles");
10
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["", "{--plasma_private-textfield-border-color:var(", ");--plasma_private-textfield-bg-color:var(", ");color:var(", ");background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(", ") var(--plasma_private-textfield-border-color);caret-color:var(", ");transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}", ":hover{--plasma_private-textfield-border-color:var(", ",var(", "));--plasma_private-textfield-bg-color:var( ", ",var(", ") );}", ":focus-within{--plasma_private-textfield-border-color:var(", ",var(", "));--plasma_private-textfield-bg-color:var( ", ",var(", ") );}", "::placeholder{color:var(", ");}", "{color:var(", ");}", "{color:var(", ");}"], _TextField2.InputWrapper, /*#__PURE__*/String(_TextField.tokens.borderColor), /*#__PURE__*/String(_TextField.tokens.backgroundColor), _TextField.tokens.color, _TextField.tokens.borderWidth, _TextField.tokens.caretColor, _TextField2.InputWrapper, _TextField.tokens.borderColorHover, /*#__PURE__*/String(_TextField.tokens.borderColor), _TextField.tokens.backgroundColorHover, /*#__PURE__*/String(_TextField.tokens.backgroundColor), _TextField2.InputWrapper, _TextField.tokens.borderColorFocus, /*#__PURE__*/String(_TextField.tokens.borderColor), _TextField.tokens.backgroundColorFocus, /*#__PURE__*/String(_TextField.tokens.backgroundColor), _TextField2.Input, _TextField.tokens.placeholderColor, _TextField2.Input, _TextField.tokens.color, _TextField2.LeftHelper, _TextField.tokens.leftHelperColor);
@@ -1,43 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.config = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var _TextField = /*#__PURE__*/require("../../../../components/TextField");
9
- var config = exports.config = {
10
- defaults: {
11
- view: 'default',
12
- size: 'l',
13
- labelPlacement: 'outer'
14
- },
15
- variations: {
16
- view: {
17
- "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-secondary);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);"], _TextField.textFieldTokens.color, _TextField.textFieldTokens.backgroundColor, _TextField.textFieldTokens.backgroundColorFocus, _TextField.textFieldTokens.caretColor, _TextField.textFieldTokens.placeholderColor, _TextField.textFieldTokens.labelColor, _TextField.textFieldTokens.leftHelperColor, _TextField.textFieldTokens.chipCloseIconColor, _TextField.textFieldTokens.chipColor, _TextField.textFieldTokens.chipBackground, _TextField.textFieldTokens.chipColorHover, _TextField.textFieldTokens.chipBackgroundHover, _TextField.textFieldTokens.chipColorActive, _TextField.textFieldTokens.chipBackgroundActive, _TextField.textFieldTokens.chipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _TextField.textFieldTokens.chipOpacityReadonly, _TextField.textFieldTokens.focusColor),
18
- // TODO заменить --surface-transparent-positive на корректный токен
19
- positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-colors-primary);", ":var(--surface-transparent-positive);", ":var(--surface-transparent-positive-active);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);"], _TextField.textFieldTokens.color, _TextField.textFieldTokens.backgroundColor, _TextField.textFieldTokens.backgroundColorFocus, _TextField.textFieldTokens.caretColor, _TextField.textFieldTokens.placeholderColor, _TextField.textFieldTokens.labelColor, _TextField.textFieldTokens.leftHelperColor, _TextField.textFieldTokens.chipCloseIconColor, _TextField.textFieldTokens.chipColor, _TextField.textFieldTokens.chipBackground, _TextField.textFieldTokens.chipColorHover, _TextField.textFieldTokens.chipBackgroundHover, _TextField.textFieldTokens.chipColorActive, _TextField.textFieldTokens.chipBackgroundActive, _TextField.textFieldTokens.chipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _TextField.textFieldTokens.chipOpacityReadonly, _TextField.textFieldTokens.focusColor),
20
- // // TODO заменить --surface-transparent-warning на корректный токен
21
- warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-colors-primary);", ":var(--surface-transparent-warning);", ":var(--surface-transparent-warning-active);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-warning);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);"], _TextField.textFieldTokens.color, _TextField.textFieldTokens.backgroundColor, _TextField.textFieldTokens.backgroundColorFocus, _TextField.textFieldTokens.caretColor, _TextField.textFieldTokens.placeholderColor, _TextField.textFieldTokens.labelColor, _TextField.textFieldTokens.leftHelperColor, _TextField.textFieldTokens.chipCloseIconColor, _TextField.textFieldTokens.chipColor, _TextField.textFieldTokens.chipBackground, _TextField.textFieldTokens.chipColorHover, _TextField.textFieldTokens.chipBackgroundHover, _TextField.textFieldTokens.chipColorActive, _TextField.textFieldTokens.chipBackgroundActive, _TextField.textFieldTokens.chipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _TextField.textFieldTokens.chipOpacityReadonly, _TextField.textFieldTokens.focusColor),
22
- // // TODO заменить --surface-transparent-negative на корректный токен
23
- negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-colors-primary);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative-active);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);"], _TextField.textFieldTokens.color, _TextField.textFieldTokens.backgroundColor, _TextField.textFieldTokens.backgroundColorFocus, _TextField.textFieldTokens.caretColor, _TextField.textFieldTokens.placeholderColor, _TextField.textFieldTokens.labelColor, _TextField.textFieldTokens.leftHelperColor, _TextField.textFieldTokens.chipCloseIconColor, _TextField.textFieldTokens.chipColor, _TextField.textFieldTokens.chipBackground, _TextField.textFieldTokens.chipColorHover, _TextField.textFieldTokens.chipBackgroundHover, _TextField.textFieldTokens.chipColorActive, _TextField.textFieldTokens.chipBackgroundActive, _TextField.textFieldTokens.chipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _TextField.textFieldTokens.chipOpacityReadonly, _TextField.textFieldTokens.focusColor)
24
- },
25
- size: {
26
- l: /*#__PURE__*/(0, _styledComponents.css)(["", ":3.5rem;", ":1.0625rem 1.125rem 1.0625rem 1.125rem;", ":0.375rem;", ":0.875rem;", ":-0.0625rem 0.5rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.5625rem 0 0.125rem 0;", ":1.5625rem 0 0.5625rem 0;", ":0.25rem;", ":0.5rem;", ":auto;", ":2.75rem;", ":0.75rem;", ":1rem;", ":0.625rem;", ":0rem;", ":1.5rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], _TextField.textFieldTokens.height, _TextField.textFieldTokens.padding, _TextField.textFieldTokens.paddingWithChips, _TextField.textFieldTokens.borderRadius, _TextField.textFieldTokens.leftContentMargin, _TextField.textFieldTokens.rightContentMargin, _TextField.textFieldTokens.fontFamily, _TextField.textFieldTokens.fontSize, _TextField.textFieldTokens.fontStyle, _TextField.textFieldTokens.fontWeight, _TextField.textFieldTokens.letterSpacing, _TextField.textFieldTokens.lineHeight, _TextField.textFieldTokens.labelOffset, _TextField.textFieldTokens.labelFontFamily, _TextField.textFieldTokens.labelFontSize, _TextField.textFieldTokens.labelFontStyle, _TextField.textFieldTokens.labelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _TextField.textFieldTokens.leftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontSize, _TextField.textFieldTokens.leftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _TextField.textFieldTokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _TextField.textFieldTokens.chipGap, _TextField.textFieldTokens.chipBorderRadius, _TextField.textFieldTokens.chipWidth, _TextField.textFieldTokens.chipHeight, _TextField.textFieldTokens.chipPaddingRight, _TextField.textFieldTokens.chipPaddingLeft, _TextField.textFieldTokens.chipClearContentMarginLeft, _TextField.textFieldTokens.chipClearContentMarginRight, _TextField.textFieldTokens.chipCloseIconSize, _TextField.textFieldTokens.chipFontFamily, _TextField.textFieldTokens.chipFontSize, _TextField.textFieldTokens.chipFontStyle, _TextField.textFieldTokens.chipFontWeight, _TextField.textFieldTokens.chipLetterSpacing, _TextField.textFieldTokens.chipLineHeight),
27
- m: /*#__PURE__*/(0, _styledComponents.css)(["", ":3rem;", ":0.875rem 1rem 0.875rem 1rem;", ":0.375rem;", ":0.75rem;", ":-0.125rem 0.375rem -0.125rem -0.125rem;", ":-0.125rem -0.125rem -0.125rem 0.75rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.625rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem 0 0.125rem 0;", ":1.375rem 0 0.375rem 0;", ":0.25rem;", ":0.375rem;", ":auto;", ":2.25rem;", ":0.625rem;", ":0.875rem;", ":0.5rem;", ":0rem;", ":1.25rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], _TextField.textFieldTokens.height, _TextField.textFieldTokens.padding, _TextField.textFieldTokens.paddingWithChips, _TextField.textFieldTokens.borderRadius, _TextField.textFieldTokens.leftContentMargin, _TextField.textFieldTokens.rightContentMargin, _TextField.textFieldTokens.fontFamily, _TextField.textFieldTokens.fontSize, _TextField.textFieldTokens.fontStyle, _TextField.textFieldTokens.fontWeight, _TextField.textFieldTokens.letterSpacing, _TextField.textFieldTokens.lineHeight, _TextField.textFieldTokens.labelOffset, _TextField.textFieldTokens.labelFontFamily, _TextField.textFieldTokens.labelFontSize, _TextField.textFieldTokens.labelFontStyle, _TextField.textFieldTokens.labelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _TextField.textFieldTokens.leftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontSize, _TextField.textFieldTokens.leftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _TextField.textFieldTokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _TextField.textFieldTokens.chipGap, _TextField.textFieldTokens.chipBorderRadius, _TextField.textFieldTokens.chipWidth, _TextField.textFieldTokens.chipHeight, _TextField.textFieldTokens.chipPaddingRight, _TextField.textFieldTokens.chipPaddingLeft, _TextField.textFieldTokens.chipClearContentMarginLeft, _TextField.textFieldTokens.chipClearContentMarginRight, _TextField.textFieldTokens.chipCloseIconSize, _TextField.textFieldTokens.chipFontFamily, _TextField.textFieldTokens.chipFontSize, _TextField.textFieldTokens.chipFontStyle, _TextField.textFieldTokens.chipFontWeight, _TextField.textFieldTokens.chipLetterSpacing, _TextField.textFieldTokens.chipLineHeight),
28
- s: /*#__PURE__*/(0, _styledComponents.css)(["", ":2.5rem;", ":0.6875rem 0.875rem 0.6875rem 0.875rem;", ":0.375rem;", ":0.625rem;", ":-0.1875rem 0.25rem -0.1875rem -0.125rem;", ":-0.1875rem -0.125rem -0.1875rem 0.75rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.3125rem 0 0 0;", ":1.0625rem 0 0.3125rem 0;", ":0.25rem;", ":0.25rem;", ":auto;", ":1.75rem;", ":0.5rem;", ":0.75rem;", ":0.375rem;", ":0rem;", ":1rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _TextField.textFieldTokens.height, _TextField.textFieldTokens.padding, _TextField.textFieldTokens.paddingWithChips, _TextField.textFieldTokens.borderRadius, _TextField.textFieldTokens.leftContentMargin, _TextField.textFieldTokens.rightContentMargin, _TextField.textFieldTokens.fontFamily, _TextField.textFieldTokens.fontSize, _TextField.textFieldTokens.fontStyle, _TextField.textFieldTokens.fontWeight, _TextField.textFieldTokens.letterSpacing, _TextField.textFieldTokens.lineHeight, _TextField.textFieldTokens.labelOffset, _TextField.textFieldTokens.labelFontFamily, _TextField.textFieldTokens.labelFontSize, _TextField.textFieldTokens.labelFontStyle, _TextField.textFieldTokens.labelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _TextField.textFieldTokens.leftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontSize, _TextField.textFieldTokens.leftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _TextField.textFieldTokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _TextField.textFieldTokens.chipGap, _TextField.textFieldTokens.chipBorderRadius, _TextField.textFieldTokens.chipWidth, _TextField.textFieldTokens.chipHeight, _TextField.textFieldTokens.chipPaddingRight, _TextField.textFieldTokens.chipPaddingLeft, _TextField.textFieldTokens.chipClearContentMarginLeft, _TextField.textFieldTokens.chipClearContentMarginRight, _TextField.textFieldTokens.chipCloseIconSize, _TextField.textFieldTokens.chipFontFamily, _TextField.textFieldTokens.chipFontSize, _TextField.textFieldTokens.chipFontStyle, _TextField.textFieldTokens.chipFontWeight, _TextField.textFieldTokens.chipLetterSpacing, _TextField.textFieldTokens.chipLineHeight),
29
- xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":2rem;", ":0.5625rem 0.625rem 0.5625rem 0.625rem;", ":0.375rem;", ":0.5rem;", ":-0.0625rem 0.25rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.3125rem 0 0 0;", ":1.0625rem 0 0.3125rem 0;", ":0.25rem;", ":0.125rem;", ":auto;", ":1.25rem;", ":0.375rem;", ":0.625rem;", ":0.25rem;", ":0rem;", ":0.75rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _TextField.textFieldTokens.height, _TextField.textFieldTokens.padding, _TextField.textFieldTokens.paddingWithChips, _TextField.textFieldTokens.borderRadius, _TextField.textFieldTokens.leftContentMargin, _TextField.textFieldTokens.rightContentMargin, _TextField.textFieldTokens.fontFamily, _TextField.textFieldTokens.fontSize, _TextField.textFieldTokens.fontStyle, _TextField.textFieldTokens.fontWeight, _TextField.textFieldTokens.letterSpacing, _TextField.textFieldTokens.lineHeight, _TextField.textFieldTokens.labelOffset, _TextField.textFieldTokens.labelFontFamily, _TextField.textFieldTokens.labelFontSize, _TextField.textFieldTokens.labelFontStyle, _TextField.textFieldTokens.labelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _TextField.textFieldTokens.leftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontSize, _TextField.textFieldTokens.leftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _TextField.textFieldTokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _TextField.textFieldTokens.chipGap, _TextField.textFieldTokens.chipBorderRadius, _TextField.textFieldTokens.chipWidth, _TextField.textFieldTokens.chipHeight, _TextField.textFieldTokens.chipPaddingRight, _TextField.textFieldTokens.chipPaddingLeft, _TextField.textFieldTokens.chipClearContentMarginLeft, _TextField.textFieldTokens.chipClearContentMarginRight, _TextField.textFieldTokens.chipCloseIconSize, _TextField.textFieldTokens.chipFontFamily, _TextField.textFieldTokens.chipFontSize, _TextField.textFieldTokens.chipFontStyle, _TextField.textFieldTokens.chipFontWeight, _TextField.textFieldTokens.chipLetterSpacing, _TextField.textFieldTokens.chipLineHeight)
30
- },
31
- labelPlacement: {
32
- inner: [_TextField.textField_labelPlacement_inner, /*#__PURE__*/(0, _styledComponents.css)(["&.", "{", ":var(--plasma-input-label-color,var(--plasma-input-placeholder-color,var(--plasma-colors-secondary)));", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);}"], _TextField.textField_labelPlacement_inner, _TextField.textFieldTokens.placeholderColor, _TextField.textFieldTokens.labelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontSize, _TextField.textFieldTokens.labelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight)],
33
- outer: [_TextField.textField_labelPlacement_outer, /*#__PURE__*/(0, _styledComponents.css)(["&.", "{}"], _TextField.textField_labelPlacement_outer)]
34
- },
35
- disabled: {
36
- "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _TextField.textFieldTokens.disabledOpacity)
37
- },
38
- // TODO заменить --surface-transparent-primary на корректный токен
39
- readOnly: {
40
- "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-secondary);", ":var(--surface-transparent-primary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);"], _TextField.textFieldTokens.colorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _TextField.textFieldTokens.leftHelperColorReadOnly, _TextField.textFieldTokens.labelColorReadOnly)
41
- }
42
- }
43
- };
@@ -1,11 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.TextField = void 0;
7
- var _engines = /*#__PURE__*/require("../../../../engines");
8
- var _TextField = /*#__PURE__*/require("../../../../components/TextField");
9
- var _TextField2 = /*#__PURE__*/require("./TextField.config");
10
- var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_TextField.textFieldConfig, _TextField2.config);
11
- var TextField = exports.TextField = /*#__PURE__*/(0, _engines.component)(mergedConfig);