@salutejs/plasma-new-hope 0.72.0-canary.1160.8617165473.0 → 0.72.0-canary.1161.8613778758.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (434) hide show
  1. package/cjs/components/Cell/Cell.js +0 -2
  2. package/cjs/components/Cell/Cell.js.map +1 -1
  3. package/cjs/components/Combobox/Combobox.css +10 -10
  4. package/cjs/components/Combobox/Combobox.styles.js +5 -5
  5. package/cjs/components/Combobox/Combobox.styles.js.map +1 -1
  6. package/cjs/components/Combobox/{Combobox.styles_17ei5vn.css → Combobox.styles_dw6hnk.css} +1 -1
  7. package/cjs/components/Combobox/ui/ComboboxDivider/ComboboxDivider.css +4 -4
  8. package/cjs/components/Combobox/ui/ComboboxFooter/ComboboxFooter.css +4 -4
  9. package/cjs/components/Combobox/ui/ComboboxGroup/ComboboxGroup.css +4 -4
  10. package/cjs/components/Combobox/ui/ComboboxHeader/ComboboxHeader.css +4 -4
  11. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.css +4 -4
  12. package/cjs/components/Dropdown/Dropdown.css +4 -4
  13. package/cjs/components/Dropdown/Dropdown.js +0 -1
  14. package/cjs/components/Dropdown/Dropdown.js.map +1 -1
  15. package/cjs/components/Pagination/Pagination.css +4 -4
  16. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +4 -4
  17. package/cjs/components/Popover/Popover.css +4 -4
  18. package/cjs/components/Popover/Popover.js +33 -43
  19. package/cjs/components/Popover/Popover.js.map +1 -1
  20. package/cjs/components/Popover/Popover.styles.js +1 -1
  21. package/cjs/components/Popover/Popover.styles.js.map +1 -1
  22. package/{es/components/Popover/Popover.styles_1rk9t6z.css → cjs/components/Popover/Popover.styles_1ggb66y.css} +1 -1
  23. package/cjs/components/Select/Select.css +4 -4
  24. package/cjs/components/Select/ui/SelectDivider/SelectDivider.css +23 -0
  25. package/cjs/components/Select/ui/SelectDivider/SelectDivider.js +40 -0
  26. package/cjs/components/Select/ui/SelectDivider/SelectDivider.js.map +1 -0
  27. package/cjs/components/Select/ui/SelectDivider/SelectDivider.styles.js +12 -0
  28. package/cjs/components/Select/ui/SelectDivider/SelectDivider.styles.js.map +1 -0
  29. package/cjs/components/Select/ui/SelectDivider/SelectDivider.styles_673hj6.css +1 -0
  30. package/cjs/components/{TextField/variations/_view → Select/ui/SelectDivider/variations/_size}/base.js +2 -2
  31. package/cjs/components/Select/ui/SelectDivider/variations/_size/base.js.map +1 -0
  32. package/cjs/components/{TextField/variations/_read-only → Select/ui/SelectDivider/variations/_view}/base.js +2 -2
  33. package/cjs/components/Select/ui/SelectDivider/variations/_view/base.js.map +1 -0
  34. package/cjs/components/Select/ui/SelectFooter/SelectFooter.css +23 -0
  35. package/cjs/components/Select/ui/SelectFooter/SelectFooter.js +40 -0
  36. package/cjs/components/Select/ui/SelectFooter/SelectFooter.js.map +1 -0
  37. package/cjs/components/Select/ui/SelectFooter/SelectFooter.styles.js +12 -0
  38. package/cjs/components/Select/ui/SelectFooter/SelectFooter.styles.js.map +1 -0
  39. package/cjs/components/Select/ui/SelectFooter/SelectFooter.styles_11hk6tt.css +1 -0
  40. package/cjs/components/{TextField → Select/ui/SelectFooter}/variations/_size/base.js +2 -2
  41. package/cjs/components/Select/ui/SelectFooter/variations/_size/base.js.map +1 -0
  42. package/cjs/components/Select/ui/SelectFooter/variations/_size/base_x642ct.css +1 -0
  43. package/cjs/components/Select/ui/SelectFooter/variations/_view/base.js +9 -0
  44. package/cjs/components/Select/ui/SelectFooter/variations/_view/base.js.map +1 -0
  45. package/cjs/components/Select/ui/SelectFooter/variations/_view/base_x642ct.css +1 -0
  46. package/cjs/components/Select/ui/SelectGroup/SelectGroup.css +23 -0
  47. package/cjs/components/Select/ui/SelectGroup/SelectGroup.js +40 -0
  48. package/cjs/components/Select/ui/SelectGroup/SelectGroup.js.map +1 -0
  49. package/cjs/components/Select/ui/SelectGroup/SelectGroup.styles.js +12 -0
  50. package/cjs/components/Select/ui/SelectGroup/SelectGroup.styles.js.map +1 -0
  51. package/cjs/components/Select/ui/SelectGroup/SelectGroup.styles_mktu7e.css +1 -0
  52. package/cjs/components/Select/ui/SelectGroup/variations/_size/base.js +9 -0
  53. package/cjs/components/Select/ui/SelectGroup/variations/_size/base.js.map +1 -0
  54. package/cjs/components/Select/ui/SelectGroup/variations/_size/base_x642ct.css +1 -0
  55. package/cjs/components/Select/ui/SelectGroup/variations/_view/base.js +9 -0
  56. package/cjs/components/Select/ui/SelectGroup/variations/_view/base.js.map +1 -0
  57. package/cjs/components/Select/ui/SelectGroup/variations/_view/base_x642ct.css +1 -0
  58. package/cjs/components/Select/ui/SelectHeader/SelectHeader.css +23 -0
  59. package/cjs/components/Select/ui/SelectHeader/SelectHeader.js +40 -0
  60. package/cjs/components/Select/ui/SelectHeader/SelectHeader.js.map +1 -0
  61. package/cjs/components/Select/ui/SelectHeader/SelectHeader.styles.js +12 -0
  62. package/cjs/components/Select/ui/SelectHeader/SelectHeader.styles.js.map +1 -0
  63. package/cjs/components/Select/ui/SelectHeader/SelectHeader.styles_24gqog.css +1 -0
  64. package/cjs/components/Select/ui/SelectHeader/variations/_size/base.js +9 -0
  65. package/cjs/components/Select/ui/SelectHeader/variations/_size/base.js.map +1 -0
  66. package/cjs/components/Select/ui/SelectHeader/variations/_size/base_x642ct.css +1 -0
  67. package/cjs/components/Select/ui/SelectHeader/variations/_view/base.js +9 -0
  68. package/cjs/components/Select/ui/SelectHeader/variations/_view/base.js.map +1 -0
  69. package/cjs/components/Select/ui/SelectHeader/variations/_view/base_x642ct.css +1 -0
  70. package/cjs/components/Select/ui/SelectItem/SelectItem.css +4 -4
  71. package/cjs/components/Select/ui/SelectTarget/SelectTarget.js +2 -1
  72. package/cjs/components/Select/ui/SelectTarget/SelectTarget.js.map +1 -1
  73. package/cjs/components/TextField/TextField.js +40 -166
  74. package/cjs/components/TextField/TextField.js.map +1 -1
  75. package/cjs/components/TextField/TextField.styles.js +11 -27
  76. package/cjs/components/TextField/TextField.styles.js.map +1 -1
  77. package/cjs/components/TextField/TextField.styles_2qw1n8.css +5 -0
  78. package/cjs/components/TextField/TextField.tokens.js +20 -68
  79. package/cjs/components/TextField/TextField.tokens.js.map +1 -1
  80. package/cjs/components/TextField/TextField_1lzb2r1.css +1 -0
  81. package/cjs/components/TextField/{variations/_disabled → _disabled}/base.js +2 -2
  82. package/cjs/components/TextField/_disabled/base.js.map +1 -0
  83. package/cjs/components/TextField/_disabled/base_so3w81.css +1 -0
  84. package/cjs/components/TextField/{variations/_label-placement → _label-placement}/base.js +1 -1
  85. package/cjs/components/TextField/_label-placement/base.js.map +1 -0
  86. package/cjs/components/TextField/_label-placement/base_x642ct.css +1 -0
  87. package/cjs/components/TextField/{variations/_label-placement → _label-placement}/inner.js +2 -2
  88. package/cjs/components/TextField/_label-placement/inner.js.map +1 -0
  89. package/cjs/components/TextField/_label-placement/inner_1tyuicp.css +1 -0
  90. package/cjs/components/TextField/{variations/_label-placement → _label-placement}/outer.js +2 -2
  91. package/cjs/components/TextField/_label-placement/outer.js.map +1 -0
  92. package/cjs/components/TextField/_label-placement/outer_19ekaek.css +1 -0
  93. package/cjs/components/TextField/_size/base.js +9 -0
  94. package/cjs/components/TextField/_size/base.js.map +1 -0
  95. package/cjs/components/TextField/_size/base_b5smyu.css +1 -0
  96. package/cjs/components/TextField/_view/base.js +9 -0
  97. package/cjs/components/TextField/_view/base.js.map +1 -0
  98. package/cjs/components/TextField/_view/base_5bqzed.css +1 -0
  99. package/cjs/index.css +42 -49
  100. package/cjs/index.js +41 -6
  101. package/cjs/index.js.map +1 -1
  102. package/cjs/utils/index.js +13 -1
  103. package/cjs/utils/index.js.map +1 -1
  104. package/cjs/utils/react.js +12 -2
  105. package/cjs/utils/react.js.map +1 -1
  106. package/es/components/Cell/Cell.js +0 -2
  107. package/es/components/Cell/Cell.js.map +1 -1
  108. package/es/components/Combobox/Combobox.css +10 -10
  109. package/es/components/Combobox/Combobox.styles.js +5 -5
  110. package/es/components/Combobox/Combobox.styles.js.map +1 -1
  111. package/es/components/Combobox/{Combobox.styles_17ei5vn.css → Combobox.styles_dw6hnk.css} +1 -1
  112. package/es/components/Combobox/ui/ComboboxDivider/ComboboxDivider.css +4 -4
  113. package/es/components/Combobox/ui/ComboboxFooter/ComboboxFooter.css +4 -4
  114. package/es/components/Combobox/ui/ComboboxGroup/ComboboxGroup.css +4 -4
  115. package/es/components/Combobox/ui/ComboboxHeader/ComboboxHeader.css +4 -4
  116. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.css +4 -4
  117. package/es/components/Dropdown/Dropdown.css +4 -4
  118. package/es/components/Dropdown/Dropdown.js +0 -1
  119. package/es/components/Dropdown/Dropdown.js.map +1 -1
  120. package/es/components/Pagination/Pagination.css +4 -4
  121. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +4 -4
  122. package/es/components/Popover/Popover.css +4 -4
  123. package/es/components/Popover/Popover.js +33 -43
  124. package/es/components/Popover/Popover.js.map +1 -1
  125. package/es/components/Popover/Popover.styles.js +1 -1
  126. package/es/components/Popover/Popover.styles.js.map +1 -1
  127. package/{cjs/components/Popover/Popover.styles_1rk9t6z.css → es/components/Popover/Popover.styles_1ggb66y.css} +1 -1
  128. package/es/components/Select/Select.css +4 -4
  129. package/es/components/Select/ui/SelectDivider/SelectDivider.css +23 -0
  130. package/es/components/Select/ui/SelectDivider/SelectDivider.js +35 -0
  131. package/es/components/Select/ui/SelectDivider/SelectDivider.js.map +1 -0
  132. package/es/components/Select/ui/SelectDivider/SelectDivider.styles.js +7 -0
  133. package/es/components/Select/ui/SelectDivider/SelectDivider.styles.js.map +1 -0
  134. package/es/components/Select/ui/SelectDivider/SelectDivider.styles_673hj6.css +1 -0
  135. package/es/components/{TextField/variations/_view → Select/ui/SelectDivider/variations/_size}/base.js +2 -2
  136. package/es/components/Select/ui/SelectDivider/variations/_size/base.js.map +1 -0
  137. package/es/components/Select/ui/SelectDivider/variations/_size/base_x642ct.css +1 -0
  138. package/es/components/Select/ui/SelectDivider/variations/_view/base.js +5 -0
  139. package/es/components/Select/ui/SelectDivider/variations/_view/base.js.map +1 -0
  140. package/es/components/Select/ui/SelectDivider/variations/_view/base_x642ct.css +1 -0
  141. package/es/components/Select/ui/SelectFooter/SelectFooter.css +23 -0
  142. package/es/components/Select/ui/SelectFooter/SelectFooter.js +35 -0
  143. package/es/components/Select/ui/SelectFooter/SelectFooter.js.map +1 -0
  144. package/es/components/Select/ui/SelectFooter/SelectFooter.styles.js +7 -0
  145. package/es/components/Select/ui/SelectFooter/SelectFooter.styles.js.map +1 -0
  146. package/es/components/Select/ui/SelectFooter/SelectFooter.styles_11hk6tt.css +1 -0
  147. package/es/components/Select/ui/SelectFooter/variations/_size/base.js +5 -0
  148. package/es/components/Select/ui/SelectFooter/variations/_size/base.js.map +1 -0
  149. package/es/components/Select/ui/SelectFooter/variations/_size/base_x642ct.css +1 -0
  150. package/es/components/Select/ui/SelectFooter/variations/_view/base.js +5 -0
  151. package/es/components/Select/ui/SelectFooter/variations/_view/base.js.map +1 -0
  152. package/es/components/Select/ui/SelectFooter/variations/_view/base_x642ct.css +1 -0
  153. package/es/components/Select/ui/SelectGroup/SelectGroup.css +23 -0
  154. package/es/components/Select/ui/SelectGroup/SelectGroup.js +35 -0
  155. package/es/components/Select/ui/SelectGroup/SelectGroup.js.map +1 -0
  156. package/es/components/Select/ui/SelectGroup/SelectGroup.styles.js +7 -0
  157. package/es/components/Select/ui/SelectGroup/SelectGroup.styles.js.map +1 -0
  158. package/es/components/Select/ui/SelectGroup/SelectGroup.styles_mktu7e.css +1 -0
  159. package/es/components/Select/ui/SelectGroup/variations/_size/base.js +5 -0
  160. package/es/components/Select/ui/SelectGroup/variations/_size/base.js.map +1 -0
  161. package/es/components/Select/ui/SelectGroup/variations/_size/base_x642ct.css +1 -0
  162. package/es/components/Select/ui/SelectGroup/variations/_view/base.js +5 -0
  163. package/es/components/Select/ui/SelectGroup/variations/_view/base.js.map +1 -0
  164. package/es/components/Select/ui/SelectGroup/variations/_view/base_x642ct.css +1 -0
  165. package/es/components/Select/ui/SelectHeader/SelectHeader.css +23 -0
  166. package/es/components/Select/ui/SelectHeader/SelectHeader.js +35 -0
  167. package/es/components/Select/ui/SelectHeader/SelectHeader.js.map +1 -0
  168. package/es/components/Select/ui/SelectHeader/SelectHeader.styles.js +7 -0
  169. package/es/components/Select/ui/SelectHeader/SelectHeader.styles.js.map +1 -0
  170. package/es/components/Select/ui/SelectHeader/SelectHeader.styles_24gqog.css +1 -0
  171. package/es/components/Select/ui/SelectHeader/variations/_size/base.js +5 -0
  172. package/es/components/Select/ui/SelectHeader/variations/_size/base.js.map +1 -0
  173. package/es/components/Select/ui/SelectHeader/variations/_size/base_x642ct.css +1 -0
  174. package/es/components/Select/ui/SelectHeader/variations/_view/base.js +5 -0
  175. package/es/components/Select/ui/SelectHeader/variations/_view/base.js.map +1 -0
  176. package/es/components/Select/ui/SelectHeader/variations/_view/base_x642ct.css +1 -0
  177. package/es/components/Select/ui/SelectItem/SelectItem.css +4 -4
  178. package/es/components/Select/ui/SelectTarget/SelectTarget.js +2 -1
  179. package/es/components/Select/ui/SelectTarget/SelectTarget.js.map +1 -1
  180. package/es/components/TextField/TextField.js +44 -169
  181. package/es/components/TextField/TextField.js.map +1 -1
  182. package/es/components/TextField/TextField.styles.js +12 -25
  183. package/es/components/TextField/TextField.styles.js.map +1 -1
  184. package/es/components/TextField/TextField.styles_2qw1n8.css +5 -0
  185. package/es/components/TextField/TextField.tokens.js +21 -68
  186. package/es/components/TextField/TextField.tokens.js.map +1 -1
  187. package/es/components/TextField/TextField_1lzb2r1.css +1 -0
  188. package/es/components/TextField/_disabled/base.js +5 -0
  189. package/es/components/TextField/_disabled/base.js.map +1 -0
  190. package/es/components/TextField/_disabled/base_so3w81.css +1 -0
  191. package/es/components/TextField/{variations/_label-placement → _label-placement}/base.js +1 -1
  192. package/es/components/TextField/_label-placement/base.js.map +1 -0
  193. package/es/components/TextField/_label-placement/base_x642ct.css +1 -0
  194. package/es/components/TextField/_label-placement/inner.js +5 -0
  195. package/es/components/TextField/_label-placement/inner.js.map +1 -0
  196. package/es/components/TextField/_label-placement/inner_1tyuicp.css +1 -0
  197. package/es/components/TextField/_label-placement/outer.js +5 -0
  198. package/es/components/TextField/_label-placement/outer.js.map +1 -0
  199. package/es/components/TextField/_label-placement/outer_19ekaek.css +1 -0
  200. package/es/components/TextField/_size/base.js +5 -0
  201. package/es/components/TextField/_size/base.js.map +1 -0
  202. package/es/components/TextField/_size/base_b5smyu.css +1 -0
  203. package/es/components/TextField/_view/base.js +5 -0
  204. package/es/components/TextField/_view/base.js.map +1 -0
  205. package/es/components/TextField/_view/base_5bqzed.css +1 -0
  206. package/es/index.css +42 -49
  207. package/es/index.js +15 -2
  208. package/es/index.js.map +1 -1
  209. package/es/utils/index.js +11 -2
  210. package/es/utils/index.js.map +1 -1
  211. package/es/utils/react.js +9 -2
  212. package/es/utils/react.js.map +1 -1
  213. package/package.json +2 -2
  214. package/styled-components/cjs/components/Cell/Cell.js +0 -2
  215. package/styled-components/cjs/components/Combobox/Combobox.styles.js +1 -1
  216. package/styled-components/cjs/components/Dropdown/Dropdown.js +0 -1
  217. package/styled-components/cjs/components/Popover/Popover.js +33 -43
  218. package/styled-components/cjs/components/Popover/Popover.styles.js +1 -1
  219. package/styled-components/cjs/components/Select/ui/SelectTarget/SelectTarget.js +2 -1
  220. package/styled-components/cjs/components/TextField/TextField.js +43 -173
  221. package/styled-components/cjs/components/TextField/TextField.styles.js +10 -18
  222. package/styled-components/cjs/components/TextField/TextField.template-doc.mdx +0 -24
  223. package/styled-components/cjs/components/TextField/TextField.tokens.js +21 -68
  224. package/styled-components/cjs/components/TextField/_disabled/base.js +9 -0
  225. package/styled-components/cjs/components/TextField/_label-placement/inner.js +10 -0
  226. package/styled-components/cjs/components/TextField/{variations/_label-placement → _label-placement}/outer.js +3 -3
  227. package/styled-components/cjs/components/TextField/_size/base.js +10 -0
  228. package/styled-components/cjs/components/TextField/_view/base.js +10 -0
  229. package/styled-components/cjs/components/TextField/index.js +2 -2
  230. package/styled-components/cjs/examples/plasma_b2c/components/Popover/Popover.stories.tsx +0 -7
  231. package/styled-components/cjs/index.js +22 -0
  232. package/styled-components/es/components/Cell/Cell.js +0 -2
  233. package/styled-components/es/components/Combobox/Combobox.styles.js +1 -1
  234. package/styled-components/es/components/Dropdown/Dropdown.js +0 -1
  235. package/styled-components/es/components/Popover/Popover.js +33 -43
  236. package/styled-components/es/components/Popover/Popover.styles.js +1 -1
  237. package/styled-components/es/components/Select/ui/SelectTarget/SelectTarget.js +2 -1
  238. package/styled-components/es/components/TextField/TextField.js +47 -177
  239. package/styled-components/es/components/TextField/TextField.styles.js +9 -17
  240. package/styled-components/es/components/TextField/TextField.template-doc.mdx +0 -24
  241. package/styled-components/es/components/TextField/TextField.tokens.js +20 -67
  242. package/styled-components/es/components/TextField/_disabled/base.js +3 -0
  243. package/styled-components/es/components/TextField/_label-placement/inner.js +4 -0
  244. package/styled-components/es/components/TextField/_label-placement/outer.js +4 -0
  245. package/styled-components/es/components/TextField/_size/base.js +4 -0
  246. package/styled-components/es/components/TextField/_view/base.js +4 -0
  247. package/styled-components/es/components/TextField/index.js +2 -2
  248. package/styled-components/es/examples/plasma_b2c/components/Popover/Popover.stories.tsx +0 -7
  249. package/styled-components/es/index.js +2 -0
  250. package/types/components/Cell/Cell.d.ts.map +1 -1
  251. package/types/components/Combobox/Combobox.styles.d.ts +2 -8
  252. package/types/components/Combobox/Combobox.styles.d.ts.map +1 -1
  253. package/types/components/Dropdown/Dropdown.d.ts.map +1 -1
  254. package/types/components/Dropdown/Dropdown.styles.d.ts +1 -7
  255. package/types/components/Dropdown/Dropdown.styles.d.ts.map +1 -1
  256. package/types/components/Popover/Popover.d.ts +2 -2
  257. package/types/components/Popover/Popover.d.ts.map +1 -1
  258. package/types/components/Popover/Popover.styles.d.ts.map +1 -1
  259. package/types/components/Popover/Popover.types.d.ts +12 -19
  260. package/types/components/Popover/Popover.types.d.ts.map +1 -1
  261. package/types/components/Select/Select.styles.d.ts +2 -8
  262. package/types/components/Select/Select.styles.d.ts.map +1 -1
  263. package/types/components/Select/ui/SelectTarget/SelectTarget.d.ts.map +1 -1
  264. package/types/components/TextField/TextField.d.ts +3 -8
  265. package/types/components/TextField/TextField.d.ts.map +1 -1
  266. package/types/components/TextField/TextField.styles.d.ts +3 -6
  267. package/types/components/TextField/TextField.styles.d.ts.map +1 -1
  268. package/types/components/TextField/TextField.tokens.d.ts +8 -57
  269. package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
  270. package/types/components/TextField/TextField.types.d.ts +6 -71
  271. package/types/components/TextField/TextField.types.d.ts.map +1 -1
  272. package/types/components/TextField/_disabled/base.d.ts.map +1 -0
  273. package/types/components/TextField/_label-placement/base.d.ts.map +1 -0
  274. package/types/components/TextField/_label-placement/index.d.ts.map +1 -0
  275. package/types/components/TextField/_label-placement/inner.d.ts.map +1 -0
  276. package/types/components/TextField/_label-placement/outer.d.ts.map +1 -0
  277. package/types/components/TextField/_size/base.d.ts.map +1 -0
  278. package/types/components/TextField/_view/base.d.ts.map +1 -0
  279. package/types/components/TextField/index.d.ts +2 -3
  280. package/types/components/TextField/index.d.ts.map +1 -1
  281. package/types/examples/plasma_b2c/components/Popover/Popover.d.ts +1 -7
  282. package/types/examples/plasma_b2c/components/Popover/Popover.d.ts.map +1 -1
  283. package/types/examples/plasma_web/components/Popover/Popover.d.ts +1 -7
  284. package/types/examples/plasma_web/components/Popover/Popover.d.ts.map +1 -1
  285. package/types/examples/sds_engineer/components/Popover/Popover.d.ts +1 -7
  286. package/types/examples/sds_engineer/components/Popover/Popover.d.ts.map +1 -1
  287. package/types/index.d.ts +2 -0
  288. package/types/index.d.ts.map +1 -1
  289. package/cjs/components/TextField/TextField.styles_1b1mddp.css +0 -8
  290. package/cjs/components/TextField/TextField_wctd2m.css +0 -1
  291. package/cjs/components/TextField/hooks/useKeyNavigation.js +0 -132
  292. package/cjs/components/TextField/hooks/useKeyNavigation.js.map +0 -1
  293. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.css +0 -19
  294. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +0 -38
  295. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +0 -1
  296. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +0 -26
  297. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js.map +0 -1
  298. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles_1y8n7la.css +0 -1
  299. package/cjs/components/TextField/variations/_disabled/base.js.map +0 -1
  300. package/cjs/components/TextField/variations/_disabled/base_1tnjoy9.css +0 -1
  301. package/cjs/components/TextField/variations/_label-placement/base.js.map +0 -1
  302. package/cjs/components/TextField/variations/_label-placement/inner.js.map +0 -1
  303. package/cjs/components/TextField/variations/_label-placement/inner_gqlcj2.css +0 -1
  304. package/cjs/components/TextField/variations/_label-placement/outer.js.map +0 -1
  305. package/cjs/components/TextField/variations/_label-placement/outer_is41nj.css +0 -1
  306. package/cjs/components/TextField/variations/_read-only/base.js.map +0 -1
  307. package/cjs/components/TextField/variations/_read-only/base_134hshp.css +0 -1
  308. package/cjs/components/TextField/variations/_size/base.js.map +0 -1
  309. package/cjs/components/TextField/variations/_size/base_1khzr9t.css +0 -1
  310. package/cjs/components/TextField/variations/_view/base.js.map +0 -1
  311. package/cjs/components/TextField/variations/_view/base_1qd77x6.css +0 -1
  312. package/es/components/TextField/TextField.styles_1b1mddp.css +0 -8
  313. package/es/components/TextField/TextField_wctd2m.css +0 -1
  314. package/es/components/TextField/hooks/useKeyNavigation.js +0 -127
  315. package/es/components/TextField/hooks/useKeyNavigation.js.map +0 -1
  316. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.css +0 -19
  317. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +0 -34
  318. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +0 -1
  319. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +0 -22
  320. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js.map +0 -1
  321. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles_1y8n7la.css +0 -1
  322. package/es/components/TextField/variations/_disabled/base.js +0 -5
  323. package/es/components/TextField/variations/_disabled/base.js.map +0 -1
  324. package/es/components/TextField/variations/_disabled/base_1tnjoy9.css +0 -1
  325. package/es/components/TextField/variations/_label-placement/base.js.map +0 -1
  326. package/es/components/TextField/variations/_label-placement/inner.js +0 -5
  327. package/es/components/TextField/variations/_label-placement/inner.js.map +0 -1
  328. package/es/components/TextField/variations/_label-placement/inner_gqlcj2.css +0 -1
  329. package/es/components/TextField/variations/_label-placement/outer.js +0 -5
  330. package/es/components/TextField/variations/_label-placement/outer.js.map +0 -1
  331. package/es/components/TextField/variations/_label-placement/outer_is41nj.css +0 -1
  332. package/es/components/TextField/variations/_read-only/base.js +0 -5
  333. package/es/components/TextField/variations/_read-only/base.js.map +0 -1
  334. package/es/components/TextField/variations/_read-only/base_134hshp.css +0 -1
  335. package/es/components/TextField/variations/_size/base.js +0 -5
  336. package/es/components/TextField/variations/_size/base.js.map +0 -1
  337. package/es/components/TextField/variations/_size/base_1khzr9t.css +0 -1
  338. package/es/components/TextField/variations/_view/base.js.map +0 -1
  339. package/es/components/TextField/variations/_view/base_1qd77x6.css +0 -1
  340. package/styled-components/cjs/components/TextField/hooks/index.js +0 -12
  341. package/styled-components/cjs/components/TextField/hooks/useKeyNavigation.js +0 -138
  342. package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +0 -39
  343. package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +0 -25
  344. package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.types.js +0 -5
  345. package/styled-components/cjs/components/TextField/ui/index.js +0 -12
  346. package/styled-components/cjs/components/TextField/variations/_disabled/base.js +0 -10
  347. package/styled-components/cjs/components/TextField/variations/_label-placement/inner.js +0 -10
  348. package/styled-components/cjs/components/TextField/variations/_read-only/base.js +0 -10
  349. package/styled-components/cjs/components/TextField/variations/_read-only/tokens.json +0 -1
  350. package/styled-components/cjs/components/TextField/variations/_size/base.js +0 -10
  351. package/styled-components/cjs/components/TextField/variations/_view/base.js +0 -10
  352. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +0 -43
  353. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.js +0 -11
  354. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +0 -181
  355. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.config.js +0 -40
  356. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.js +0 -11
  357. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +0 -181
  358. package/styled-components/cjs/examples/sds_engineer/components/TextField/TextField.config.js +0 -43
  359. package/styled-components/cjs/examples/sds_engineer/components/TextField/TextField.js +0 -11
  360. package/styled-components/cjs/examples/sds_engineer/components/TextField/TextField.stories.tsx +0 -181
  361. package/styled-components/es/components/TextField/hooks/index.js +0 -1
  362. package/styled-components/es/components/TextField/hooks/useKeyNavigation.js +0 -132
  363. package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +0 -30
  364. package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +0 -19
  365. package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.types.js +0 -1
  366. package/styled-components/es/components/TextField/ui/index.js +0 -1
  367. package/styled-components/es/components/TextField/variations/_disabled/base.js +0 -4
  368. package/styled-components/es/components/TextField/variations/_label-placement/inner.js +0 -4
  369. package/styled-components/es/components/TextField/variations/_label-placement/outer.js +0 -4
  370. package/styled-components/es/components/TextField/variations/_read-only/base.js +0 -4
  371. package/styled-components/es/components/TextField/variations/_read-only/tokens.json +0 -1
  372. package/styled-components/es/components/TextField/variations/_size/base.js +0 -4
  373. package/styled-components/es/components/TextField/variations/_view/base.js +0 -4
  374. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.config.js +0 -37
  375. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.js +0 -5
  376. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +0 -181
  377. package/styled-components/es/examples/plasma_web/components/TextField/TextField.config.js +0 -34
  378. package/styled-components/es/examples/plasma_web/components/TextField/TextField.js +0 -5
  379. package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +0 -181
  380. package/styled-components/es/examples/sds_engineer/components/TextField/TextField.config.js +0 -37
  381. package/styled-components/es/examples/sds_engineer/components/TextField/TextField.js +0 -5
  382. package/styled-components/es/examples/sds_engineer/components/TextField/TextField.stories.tsx +0 -181
  383. package/types/components/TextField/hooks/index.d.ts +0 -2
  384. package/types/components/TextField/hooks/index.d.ts.map +0 -1
  385. package/types/components/TextField/hooks/useKeyNavigation.d.ts +0 -17
  386. package/types/components/TextField/hooks/useKeyNavigation.d.ts.map +0 -1
  387. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.d.ts +0 -7
  388. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.d.ts.map +0 -1
  389. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.styles.d.ts +0 -3
  390. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.styles.d.ts.map +0 -1
  391. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.types.d.ts +0 -37
  392. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.types.d.ts.map +0 -1
  393. package/types/components/TextField/ui/index.d.ts +0 -2
  394. package/types/components/TextField/ui/index.d.ts.map +0 -1
  395. package/types/components/TextField/variations/_disabled/base.d.ts.map +0 -1
  396. package/types/components/TextField/variations/_label-placement/base.d.ts.map +0 -1
  397. package/types/components/TextField/variations/_label-placement/index.d.ts.map +0 -1
  398. package/types/components/TextField/variations/_label-placement/inner.d.ts.map +0 -1
  399. package/types/components/TextField/variations/_label-placement/outer.d.ts.map +0 -1
  400. package/types/components/TextField/variations/_read-only/base.d.ts.map +0 -1
  401. package/types/components/TextField/variations/_size/base.d.ts.map +0 -1
  402. package/types/components/TextField/variations/_view/base.d.ts +0 -2
  403. package/types/components/TextField/variations/_view/base.d.ts.map +0 -1
  404. package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts +0 -32
  405. package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts.map +0 -1
  406. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +0 -60
  407. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +0 -1
  408. package/types/examples/plasma_web/components/TextField/TextField.config.d.ts +0 -32
  409. package/types/examples/plasma_web/components/TextField/TextField.config.d.ts.map +0 -1
  410. package/types/examples/plasma_web/components/TextField/TextField.d.ts +0 -60
  411. package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +0 -1
  412. package/types/examples/sds_engineer/components/TextField/TextField.config.d.ts +0 -32
  413. package/types/examples/sds_engineer/components/TextField/TextField.config.d.ts.map +0 -1
  414. package/types/examples/sds_engineer/components/TextField/TextField.d.ts +0 -60
  415. package/types/examples/sds_engineer/components/TextField/TextField.d.ts.map +0 -1
  416. /package/cjs/components/{TextField/variations/_label-placement → Select/ui/SelectDivider/variations/_size}/base_x642ct.css +0 -0
  417. /package/{es/components/TextField/variations/_label-placement → cjs/components/Select/ui/SelectDivider/variations/_view}/base_x642ct.css +0 -0
  418. /package/styled-components/cjs/components/TextField/{variations/_disabled → _disabled}/tokens.json +0 -0
  419. /package/styled-components/cjs/components/TextField/{variations/_label-placement → _label-placement}/base.js +0 -0
  420. /package/styled-components/cjs/components/TextField/{variations/_label-placement → _label-placement}/index.js +0 -0
  421. /package/styled-components/cjs/components/TextField/{variations/_size → _size}/tokens.json +0 -0
  422. /package/styled-components/cjs/components/TextField/{variations/_view → _view}/tokens.json +0 -0
  423. /package/styled-components/es/components/TextField/{variations/_disabled → _disabled}/tokens.json +0 -0
  424. /package/styled-components/es/components/TextField/{variations/_label-placement → _label-placement}/base.js +0 -0
  425. /package/styled-components/es/components/TextField/{variations/_label-placement → _label-placement}/index.js +0 -0
  426. /package/styled-components/es/components/TextField/{variations/_size → _size}/tokens.json +0 -0
  427. /package/styled-components/es/components/TextField/{variations/_view → _view}/tokens.json +0 -0
  428. /package/types/components/TextField/{variations/_disabled → _disabled}/base.d.ts +0 -0
  429. /package/types/components/TextField/{variations/_label-placement → _label-placement}/base.d.ts +0 -0
  430. /package/types/components/TextField/{variations/_label-placement → _label-placement}/index.d.ts +0 -0
  431. /package/types/components/TextField/{variations/_label-placement → _label-placement}/inner.d.ts +0 -0
  432. /package/types/components/TextField/{variations/_label-placement → _label-placement}/outer.d.ts +0 -0
  433. /package/types/components/TextField/{variations/_read-only → _size}/base.d.ts +0 -0
  434. /package/types/components/TextField/{variations/_size → _view}/base.d.ts +0 -0
@@ -1,48 +1,6 @@
1
- import type { MutableRefObject, InputHTMLAttributes, KeyboardEvent, ChangeEvent } from 'react';
2
- export declare type TextFieldPrimitiveValue = string | number | boolean;
3
- export declare type ChipValues = {
4
- id: string;
5
- text: TextFieldPrimitiveValue;
6
- };
7
- export declare type EnumerationType = 'plain' | 'chip';
8
- declare type TextFieldChipProps = {
9
- /**
10
- * Выбранные значения.
11
- */
12
- chips?: never;
13
- /**
14
- * Обработчик изменения выбранных значений.
15
- */
16
- onChangeChips?: never;
17
- /**
18
- * Тип перечисления значений.
19
- * Варианты: plain, chip
20
- */
21
- enumerationType?: 'plain';
22
- /**
23
- * Callback по нажатию Enter
24
- */
25
- onSearch?: (value: string, event?: KeyboardEvent<HTMLInputElement>) => void;
26
- } | {
27
- /**
28
- * Тип перечисления значений.
29
- * Варианты: plain, chip
30
- */
31
- enumerationType: 'chip';
32
- /**
33
- * Callback по нажатию Enter
34
- */
35
- onSearch?: never;
36
- /**
37
- * Выбранные значения.
38
- */
39
- chips?: Array<TextFieldPrimitiveValue>;
40
- /**
41
- * Обработчик изменения выбранных значений.
42
- */
43
- onChangeChips?: (value: Array<TextFieldPrimitiveValue>) => void;
44
- };
45
- export declare type TextFieldPropsBase = {
1
+ import type { InputHTMLAttributes, KeyboardEvent } from 'react';
2
+ import type { Filter } from '../../engines/types';
3
+ export interface TextFieldPropsBase {
46
4
  /**
47
5
  * Метка-подпись к элементу
48
6
  */
@@ -67,8 +25,8 @@ export declare type TextFieldPropsBase = {
67
25
  * Callback по нажатию Enter
68
26
  */
69
27
  onSearch?: (value: string, event?: KeyboardEvent<HTMLInputElement>) => void;
70
- } & TextFieldChipProps;
71
- export declare type TextFieldProps = {
28
+ }
29
+ export interface TextFieldPropsVariations extends TextFieldPropsBase {
72
30
  /**
73
31
  * Размер контрола.
74
32
  */
@@ -77,29 +35,6 @@ export declare type TextFieldProps = {
77
35
  * Вид контрола.
78
36
  */
79
37
  view?: string;
80
- /**
81
- * Компонент доступен только для чтения.
82
- */
83
- readOnly?: boolean;
84
- /**
85
- * Компонент неактивен.
86
- */
87
- disabled?: boolean;
88
- } & TextFieldPropsBase & Omit<InputHTMLAttributes<HTMLInputElement>, 'size'>;
89
- export interface ControlledRefs {
90
- chipsRefs: MutableRefObject<Array<HTMLButtonElement>>;
91
- inputRef?: MutableRefObject<HTMLInputElement | null>;
92
- contentRef?: MutableRefObject<HTMLDivElement | null>;
93
- }
94
- export interface UseKeyNavigationProps {
95
- controlledRefs: ControlledRefs;
96
- disabled: boolean;
97
- readOnly: boolean;
98
- chips: Array<ChipValues>;
99
- enumerationType: EnumerationType;
100
- updateChips: (newChips: Array<ChipValues>, newValues: Array<TextFieldPrimitiveValue>) => void;
101
- onSearch?: (value: string, event?: KeyboardEvent<HTMLInputElement>) => void;
102
- onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
103
38
  }
104
- export {};
39
+ export declare type TextFieldProps = Filter<InputHTMLAttributes<HTMLInputElement>, 'size'> & TextFieldPropsVariations;
105
40
  //# sourceMappingURL=TextField.types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"TextField.types.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.types.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"TextField.types.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEhE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAElD,MAAM,WAAW,kBAAkB;IAC/B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACnC;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IACjC;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC/E;AAED,MAAM,WAAW,wBAAyB,SAAQ,kBAAkB;IAChE;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,oBAAY,cAAc,GAAG,MAAM,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,GAAG,wBAAwB,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../src/components/TextField/_disabled/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAShB,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../src/components/TextField/_label-placement/base.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI,0CAAQ,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/TextField/_label-placement/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"inner.d.ts","sourceRoot":"","sources":["../../../../src/components/TextField/_label-placement/inner.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,oBAAoB,0CA6ChC,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"outer.d.ts","sourceRoot":"","sources":["../../../../src/components/TextField/_label-placement/outer.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,oBAAoB,0CAKhC,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../src/components/TextField/_size/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAwDhB,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../src/components/TextField/_view/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CA0BhB,CAAC"}
@@ -1,6 +1,5 @@
1
- export { labelPlacement_inner as textField_labelPlacement_inner } from './variations/_label-placement/inner';
2
- export { labelPlacement_outer as textField_labelPlacement_outer } from './variations/_label-placement/outer';
1
+ export { labelPlacement_inner as textField_labelPlacement_inner } from './_label-placement/inner';
2
+ export { labelPlacement_outer as textField_labelPlacement_outer } from './_label-placement/outer';
3
3
  export { textFieldRoot, textFieldConfig } from './TextField';
4
4
  export { tokens as textFieldTokens } from './TextField.tokens';
5
- export type { TextFieldProps } from './TextField.types';
6
5
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,IAAI,8BAA8B,EAAE,MAAM,qCAAqC,CAAC;AAC7G,OAAO,EAAE,oBAAoB,IAAI,8BAA8B,EAAE,MAAM,qCAAqC,CAAC;AAE7G,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC/D,YAAY,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,IAAI,8BAA8B,EAAE,MAAM,0BAA0B,CAAC;AAClG,OAAO,EAAE,oBAAoB,IAAI,8BAA8B,EAAE,MAAM,0BAA0B,CAAC;AAElG,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,oBAAoB,CAAC"}
@@ -4,11 +4,5 @@ export declare const Popover: import("react").FunctionComponent<import("../../..
4
4
  view: {
5
5
  default: import("@linaria/core").LinariaClassName;
6
6
  };
7
- }> & ((import("react").HTMLAttributes<HTMLDivElement> & import("../../../../components/Popover/Popover.types").CustomPopoverProps & {
8
- trigger?: "click" | undefined;
9
- closeOnOverlayClick?: boolean | undefined;
10
- } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & import("../../../../components/Popover/Popover.types").CustomPopoverProps & {
11
- trigger?: "hover" | undefined;
12
- closeOnBeyondTargetHover?: boolean | undefined;
13
- } & import("react").RefAttributes<HTMLDivElement>))>;
7
+ }> & import("react").HTMLAttributes<HTMLDivElement> & import("../../../../components/Popover/Popover.types").CustomPopoverProps & import("react").RefAttributes<HTMLDivElement>>;
14
8
  //# sourceMappingURL=Popover.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Popover/Popover.ts"],"names":[],"mappings":";AAKA,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAIlF,eAAO,MAAM,OAAO;;;;;;;;;;oDAA0B,CAAC"}
1
+ {"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Popover/Popover.ts"],"names":[],"mappings":";AAKA,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAIlF,eAAO,MAAM,OAAO;;;;gLAA0B,CAAC"}
@@ -4,11 +4,5 @@ export declare const Popover: import("react").FunctionComponent<import("../../..
4
4
  view: {
5
5
  default: import("@linaria/core").LinariaClassName;
6
6
  };
7
- }> & ((import("react").HTMLAttributes<HTMLDivElement> & import("../../../../components/Popover/Popover.types").CustomPopoverProps & {
8
- trigger?: "click" | undefined;
9
- closeOnOverlayClick?: boolean | undefined;
10
- } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & import("../../../../components/Popover/Popover.types").CustomPopoverProps & {
11
- trigger?: "hover" | undefined;
12
- closeOnBeyondTargetHover?: boolean | undefined;
13
- } & import("react").RefAttributes<HTMLDivElement>))>;
7
+ }> & import("react").HTMLAttributes<HTMLDivElement> & import("../../../../components/Popover/Popover.types").CustomPopoverProps & import("react").RefAttributes<HTMLDivElement>>;
14
8
  //# sourceMappingURL=Popover.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Popover/Popover.ts"],"names":[],"mappings":";AAKA,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAIlF,eAAO,MAAM,OAAO;;;;;;;;;;oDAA0B,CAAC"}
1
+ {"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Popover/Popover.ts"],"names":[],"mappings":";AAKA,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAIlF,eAAO,MAAM,OAAO;;;;gLAA0B,CAAC"}
@@ -4,11 +4,5 @@ export declare const Popover: import("react").FunctionComponent<import("../../..
4
4
  view: {
5
5
  default: import("@linaria/core").LinariaClassName;
6
6
  };
7
- }> & ((import("react").HTMLAttributes<HTMLDivElement> & import("../../../../components/Popover/Popover.types").CustomPopoverProps & {
8
- trigger?: "click" | undefined;
9
- closeOnOverlayClick?: boolean | undefined;
10
- } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & import("../../../../components/Popover/Popover.types").CustomPopoverProps & {
11
- trigger?: "hover" | undefined;
12
- closeOnBeyondTargetHover?: boolean | undefined;
13
- } & import("react").RefAttributes<HTMLDivElement>))>;
7
+ }> & import("react").HTMLAttributes<HTMLDivElement> & import("../../../../components/Popover/Popover.types").CustomPopoverProps & import("react").RefAttributes<HTMLDivElement>>;
14
8
  //# sourceMappingURL=Popover.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../../src/examples/sds_engineer/components/Popover/Popover.ts"],"names":[],"mappings":";AAKA,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAIlF,eAAO,MAAM,OAAO;;;;;;;;;;oDAA0B,CAAC"}
1
+ {"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../../src/examples/sds_engineer/components/Popover/Popover.ts"],"names":[],"mappings":";AAKA,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAIlF,eAAO,MAAM,OAAO;;;;gLAA0B,CAAC"}
package/types/index.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  export * from './mixins';
2
2
  export * from './engines';
3
3
  export * from './hooks';
4
+ export * from './utils';
4
5
  export * from './components/Button';
5
6
  export * from './components/ButtonGroup';
6
7
  export * from './components/Chip';
@@ -40,6 +41,7 @@ export * from './components/Indicator';
40
41
  export * from './components/ButtonBase';
41
42
  export * from './components/Grid';
42
43
  export * from './components/Progress';
44
+ export * from './components/Select';
43
45
  export * from './components/Divider';
44
46
  export * from './components/Toolbar';
45
47
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC"}
@@ -1,8 +0,0 @@
1
- .iq39zt5{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
2
- .i1j28rg8{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.i1j28rg8::-webkit-scrollbar{display:none;}.i1j28rg8.has-chips{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
3
- .s13zudoe{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
4
- .io4bpie{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
5
-
6
- .s19ry60d{margin:var(--plasma-textfield__left-content-margin);}
7
- .sbt1ohz{margin:var(--plasma-textfield__right-content-margin);}
8
-
@@ -1 +0,0 @@
1
- .bpunezx{display:block;overflow:hidden;}
@@ -1,132 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
6
- var React = require('react');
7
-
8
- var Keys = {
9
- Enter: 'Enter',
10
- Tab: 'Tab',
11
- Escape: 'Escape',
12
- ArrowLeft: 'ArrowLeft',
13
- ArrowRight: 'ArrowRight',
14
- Backspace: 'Backspace'
15
- };
16
- var useKeyNavigation = function useKeyNavigation(_ref) {
17
- var _ref$controlledRefs = _ref.controlledRefs,
18
- chipsRefs = _ref$controlledRefs.chipsRefs,
19
- contentRef = _ref$controlledRefs.contentRef,
20
- inputRef = _ref$controlledRefs.inputRef,
21
- disabled = _ref.disabled,
22
- readOnly = _ref.readOnly,
23
- chips = _ref.chips,
24
- enumerationType = _ref.enumerationType,
25
- updateChips = _ref.updateChips,
26
- onChange = _ref.onChange,
27
- onSearch = _ref.onSearch;
28
- var _useState = React.useState(-1),
29
- _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
30
- activeChipIndex = _useState2[0],
31
- setActiveChipIndex = _useState2[1];
32
- var handleInputKeydown = function handleInputKeydown(event) {
33
- var _inputRef$current;
34
- var _ref2 = event.target,
35
- value = _ref2.value;
36
- if (disabled || readOnly) {
37
- return;
38
- }
39
- if (event.key === Keys.Enter && enumerationType === 'chip' && value) {
40
- var nextIndex = (chips === null || chips === void 0 ? void 0 : chips.length) || 0;
41
- var newChips = [].concat(_rollupPluginBabelHelpers.toConsumableArray(chips), [{
42
- id: "".concat(nextIndex, "_").concat(value),
43
- text: value
44
- }]);
45
- var newValues = newChips.map(function (_ref3) {
46
- var text = _ref3.text;
47
- return text;
48
- });
49
- updateChips(newChips, newValues);
50
- event.target.value = '';
51
- onChange === null || onChange === void 0 ? void 0 : onChange(event);
52
- }
53
- if (event.key === Keys.Enter && onSearch) {
54
- onSearch(value, event);
55
- }
56
- 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) {
57
- var _newChips = _rollupPluginBabelHelpers.toConsumableArray(chips);
58
- _newChips === null || _newChips === void 0 ? void 0 : _newChips.pop();
59
- chipsRefs === null || chipsRefs === void 0 ? void 0 : chipsRefs.current.pop();
60
- var _newValues = _newChips.map(function (_ref4) {
61
- var text = _ref4.text;
62
- return text;
63
- });
64
- updateChips(_newChips, _newValues);
65
- }
66
- };
67
- var onChipClear = function onChipClear(clearId, index) {
68
- if (!chips.length) {
69
- return;
70
- }
71
- var newChips = (chips === null || chips === void 0 ? void 0 : chips.filter(function (_ref5) {
72
- var chipId = _ref5.id;
73
- return chipId !== clearId;
74
- })) || [];
75
- var newValues = newChips.map(function (_ref6) {
76
- var text = _ref6.text;
77
- return text;
78
- });
79
- chipsRefs === null || chipsRefs === void 0 ? void 0 : chipsRefs.current.splice(index, 1);
80
- updateChips(newChips, newValues);
81
- };
82
- var handleChipKeyDown = function handleChipKeyDown(event, chipId, chipIndex) {
83
- if (event.key === Keys.Tab) {
84
- event.preventDefault();
85
- }
86
- if (event.key === Keys.Backspace) {
87
- onChipClear(chipId, chipIndex);
88
- }
89
- };
90
- var handleContentKeyDown = function handleContentKeyDown(event) {
91
- var _inputRef$current2, _focusedItem, _focusedItem2;
92
- var chipsRefsCount = chipsRefs.current.length;
93
- var currentCaretPosition = (inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.selectionStart) || 0;
94
- var newActiveChipIndex = activeChipIndex;
95
- var focusedItem = null;
96
- if (event.key === Keys.ArrowLeft && enumerationType === 'chip' && currentCaretPosition <= 0) {
97
- var _chipsRefs$current;
98
- var index = activeChipIndex - 1 <= 0 ? 0 : activeChipIndex - 1;
99
- newActiveChipIndex = document.activeElement === (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) ? chipsRefsCount - 1 : index;
100
- focusedItem = (_chipsRefs$current = chipsRefs.current) === null || _chipsRefs$current === void 0 ? void 0 : _chipsRefs$current[newActiveChipIndex];
101
- }
102
- if (event.key === Keys.ArrowRight && enumerationType === 'chip' && document.activeElement !== (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current)) {
103
- var _chipsRefs$current2;
104
- var _index = activeChipIndex + 1 >= chipsRefsCount ? activeChipIndex : activeChipIndex + 1;
105
- newActiveChipIndex = document.activeElement === (contentRef === null || contentRef === void 0 ? void 0 : contentRef.current) ? 0 : _index;
106
- 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];
107
- }
108
- if (event.key === Keys.Backspace && document.activeElement !== (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current)) {
109
- var _chipsRefs$current3;
110
- var _index2 = activeChipIndex - 1 <= 0 ? 0 : activeChipIndex - 1;
111
- newActiveChipIndex = chipsRefsCount === 0 ? -1 : _index2;
112
- 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];
113
- }
114
- (_focusedItem = focusedItem) === null || _focusedItem === void 0 ? void 0 : _focusedItem.focus();
115
- (_focusedItem2 = focusedItem) === null || _focusedItem2 === void 0 ? void 0 : _focusedItem2.scrollIntoView({
116
- behavior: 'smooth',
117
- block: 'center',
118
- inline: 'center'
119
- });
120
- setActiveChipIndex(newActiveChipIndex);
121
- };
122
- return {
123
- handleInputKeydown: handleInputKeydown,
124
- handleChipKeyDown: handleChipKeyDown,
125
- onChipClear: onChipClear,
126
- handleContentKeyDown: handleContentKeyDown
127
- };
128
- };
129
-
130
- exports.Keys = Keys;
131
- exports.useKeyNavigation = useKeyNavigation;
132
- //# sourceMappingURL=useKeyNavigation.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useKeyNavigation.js","sources":["../../../../src/components/TextField/hooks/useKeyNavigation.ts"],"sourcesContent":["import { useState } from 'react';\nimport type { ChangeEvent, KeyboardEvent } from 'react';\n\nimport type { UseKeyNavigationProps } from '../TextField.types';\n\nexport const Keys = {\n Enter: 'Enter',\n Tab: 'Tab',\n Escape: 'Escape',\n ArrowLeft: 'ArrowLeft',\n ArrowRight: 'ArrowRight',\n Backspace: 'Backspace',\n};\n\nexport const useKeyNavigation = ({\n controlledRefs: { chipsRefs, contentRef, inputRef },\n disabled,\n readOnly,\n chips,\n enumerationType,\n updateChips,\n onChange,\n onSearch,\n}: UseKeyNavigationProps) => {\n const [activeChipIndex, setActiveChipIndex] = useState(-1);\n\n const handleInputKeydown = (event: ChangeEvent<HTMLInputElement> & KeyboardEvent<HTMLInputElement>) => {\n const { value } = event.target as HTMLInputElement;\n\n if (disabled || readOnly) {\n return;\n }\n\n if (event.key === Keys.Enter && enumerationType === 'chip' && value) {\n const nextIndex = chips?.length || 0;\n\n const newChips = [...chips, { id: `${nextIndex}_${value}`, text: value }];\n const newValues = newChips.map(({ text }) => text);\n\n updateChips(newChips, newValues);\n event.target.value = '';\n onChange?.(event);\n }\n\n if (event.key === Keys.Enter && onSearch) {\n onSearch(value, event);\n }\n\n if (event.key === Keys.Backspace && chips.length && inputRef?.current?.selectionStart === 0) {\n const newChips = [...chips];\n newChips?.pop();\n chipsRefs?.current.pop();\n\n const newValues = newChips.map(({ text }) => text);\n\n updateChips(newChips, newValues);\n }\n };\n\n const onChipClear = (clearId: string, index: number) => {\n if (!chips.length) {\n return;\n }\n\n const newChips = chips?.filter(({ id: chipId }) => chipId !== clearId) || [];\n const newValues = newChips.map(({ text }) => text);\n chipsRefs?.current.splice(index, 1);\n\n updateChips(newChips, newValues);\n };\n\n const handleChipKeyDown = (event: KeyboardEvent<HTMLButtonElement>, chipId: string, chipIndex: number) => {\n if (event.key === Keys.Tab) {\n event.preventDefault();\n }\n\n if (event.key === Keys.Backspace) {\n onChipClear(chipId, chipIndex);\n }\n };\n\n const handleContentKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n const chipsRefsCount = chipsRefs.current.length;\n const currentCaretPosition = inputRef?.current?.selectionStart || 0;\n\n let newActiveChipIndex = activeChipIndex;\n let focusedItem: HTMLButtonElement | HTMLInputElement | null = null;\n\n if (event.key === Keys.ArrowLeft && enumerationType === 'chip' && currentCaretPosition <= 0) {\n const index = activeChipIndex - 1 <= 0 ? 0 : activeChipIndex - 1;\n\n newActiveChipIndex = document.activeElement === inputRef?.current ? chipsRefsCount - 1 : index;\n\n focusedItem = chipsRefs.current?.[newActiveChipIndex];\n }\n\n if (\n event.key === Keys.ArrowRight &&\n enumerationType === 'chip' &&\n document.activeElement !== inputRef?.current\n ) {\n const index = activeChipIndex + 1 >= chipsRefsCount ? activeChipIndex : activeChipIndex + 1;\n\n newActiveChipIndex = document.activeElement === contentRef?.current ? 0 : index;\n focusedItem =\n index === activeChipIndex\n ? (inputRef?.current as HTMLInputElement)\n : chipsRefs.current?.[newActiveChipIndex];\n }\n\n if (event.key === Keys.Backspace && document.activeElement !== inputRef?.current) {\n const index = activeChipIndex - 1 <= 0 ? 0 : activeChipIndex - 1;\n\n newActiveChipIndex = chipsRefsCount === 0 ? -1 : index;\n focusedItem =\n chipsRefsCount === 0\n ? (inputRef?.current as HTMLInputElement)\n : chipsRefs?.current?.[newActiveChipIndex];\n }\n\n focusedItem?.focus();\n focusedItem?.scrollIntoView({\n behavior: 'smooth',\n block: 'center',\n inline: 'center',\n });\n\n setActiveChipIndex(newActiveChipIndex);\n };\n\n return { handleInputKeydown, handleChipKeyDown, onChipClear, handleContentKeyDown } as const;\n};\n"],"names":["Keys","Enter","Tab","Escape","ArrowLeft","ArrowRight","Backspace","useKeyNavigation","_ref","_ref$controlledRefs","controlledRefs","chipsRefs","contentRef","inputRef","disabled","readOnly","chips","enumerationType","updateChips","onChange","onSearch","_useState","useState","_useState2","_slicedToArray","activeChipIndex","setActiveChipIndex","handleInputKeydown","event","_inputRef$current","_ref2","target","value","key","nextIndex","length","newChips","concat","_toConsumableArray","id","text","newValues","map","_ref3","current","selectionStart","pop","_ref4","onChipClear","clearId","index","filter","_ref5","chipId","_ref6","splice","handleChipKeyDown","chipIndex","preventDefault","handleContentKeyDown","_inputRef$current2","_focusedItem","_focusedItem2","chipsRefsCount","currentCaretPosition","newActiveChipIndex","focusedItem","_chipsRefs$current","document","activeElement","_chipsRefs$current2","_chipsRefs$current3","focus","scrollIntoView","behavior","block","inline"],"mappings":"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"}
@@ -1,19 +0,0 @@
1
- .IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
2
-
3
- .base_1lwlv7t_b13tc97x__334a4e59{color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_1lwlv7t_b13tc97x__334a4e59:hover{color:var(--plasma-chip-color-hover);background-color:var(--plasma-chip-background-hover);scale:var(--plasma-chip-scale-hover);}.base_1lwlv7t_b13tc97x__334a4e59:active{color:var(--plasma-chip-color-active);background-color:var(--plasma-chip-background-active);scale:var(--plasma-chip-scale-active);}
4
-
5
- .base_fcgkys_b1pde8v1__0b4d127a{font-family:var(--plasma-chip-font-family);font-size:var(--plasma-chip-font-size);font-style:var(--plasma-chip-font-style);font-weight:var(--plasma-chip-font-weight);-webkit-letter-spacing:var(--plasma-chip-letter-spacing);-moz-letter-spacing:var(--plasma-chip-letter-spacing);-ms-letter-spacing:var(--plasma-chip-letter-spacing);letter-spacing:var(--plasma-chip-letter-spacing);line-height:var(--plasma-chip-lineheight);border-radius:var(--plasma-chip-border-radius);width:var(--plasma-chip-width);height:var(--plasma-chip-height);padding-top:var(--plasma-chip-padding-top);padding-right:var(--plasma-chip-padding-right);padding-bottom:var(--plasma-chip-padding-bottom);padding-left:var(--plasma-chip-padding-left);}.base_fcgkys_b1pde8v1__0b4d127a:hover{scale:var(--plasma-chip-scale-hover);}.base_fcgkys_b1pde8v1__0b4d127a:active{scale:var(--plasma-chip-scale-active);}
6
-
7
- .base_rmcs0j_b16ulzzx__f8cae226[disabled]{opacity:var(--plasma-chip-disabled-opacity);cursor:not-allowed;}.base_rmcs0j_b16ulzzx__f8cae226[disabled]:hover,.base_rmcs0j_b16ulzzx__f8cae226[disabled]:active{scale:none;color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}
8
-
9
- .base_1nfit77_b10y1phq__6aaec899[readonly]{color:var(--plasma-chip-color-readonly);background-color:var(--plasma-chip-background-readonly);}.base_1nfit77_b10y1phq__6aaec899[readonly]:hover,.base_1nfit77_b10y1phq__6aaec899[readonly]:active{scale:none;cursor:default;color:var(--plasma-chip-color-readonly-hover);background-color:var(--plasma-chip-background-readonly-hover);}
10
-
11
- .base_kgtz8x_b16hf96__46a206b1{--plasma_private-chip-outline-size:var(--plasma-chip-outline-size,0.125rem);position:relative;}.base_kgtz8x_b16hf96__46a206b1:focus{outline:none;}.base_kgtz8x_b16hf96__46a206b1::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-chip-outline-size));left:calc(-1 * var(--plasma_private-chip-outline-size));right:calc(-1 * var(--plasma_private-chip-outline-size));bottom:calc(-1 * var(--plasma_private-chip-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-chip-outline-size) solid transparent;border-radius:calc(var(--plasma-chip-border-radius) + var(--plasma_private-chip-outline-size));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_kgtz8x_b16hf96__46a206b1.base_kgtz8x_focusVisible__46a206b1:focus::before,.base_kgtz8x_b16hf96__46a206b1[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-chip-outline-size) var(--plasma-chip-focus-color);}
12
-
13
- .Chip_styles_1mwwhiw_bol5daj__07da4d18{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
14
- .Chip_styles_1mwwhiw_sj20on5__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);}
15
- .Chip_styles_1mwwhiw_s1ror4o9__07da4d18{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
16
- .Chip_styles_1mwwhiw_swddmyi__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
17
- .Chip_styles_1mwwhiw_s1pcflhj__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}
18
-
19
- .TextFieldChip_styles_1y8n7la_s32p7ut__8f291676{--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;}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676::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;}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676.TextFieldChip_styles_1y8n7la_focusVisible__8f291676:focus::before,.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
@@ -1,38 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var React = require('react');
6
- var TextFieldChip_styles = require('./TextFieldChip.styles.js');
7
-
8
- /**
9
- * Чип, отображающий выбранный элемент
10
- */
11
- var TextFieldChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
12
- var id = _ref.id,
13
- text = _ref.text,
14
- disabled = _ref.disabled,
15
- readOnly = _ref.readOnly,
16
- onClick = _ref.onClick,
17
- onClear = _ref.onClear,
18
- onKeyDown = _ref.onKeyDown;
19
- var onClearHandle = function onClearHandle() {
20
- return onClear(id);
21
- };
22
- var onKeyDownHandle = function onKeyDownHandle(event) {
23
- onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event, id);
24
- };
25
- return /*#__PURE__*/React.createElement(TextFieldChip_styles.StyledChip, {
26
- ref: ref,
27
- tabIndex: -1,
28
- disabled: disabled,
29
- readOnly: readOnly,
30
- onClick: onClick,
31
- onClear: onClearHandle,
32
- onKeyDown: onKeyDownHandle,
33
- text: "".concat(text)
34
- });
35
- });
36
-
37
- exports.TextFieldChip = TextFieldChip;
38
- //# sourceMappingURL=TextFieldChip.js.map
@@ -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 ({ id, text, disabled, readOnly, onClick, onClear, onKeyDown }, ref) => {\n const onClearHandle = () => onClear(id);\n\n const onKeyDownHandle = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n onKeyDown?.(event, id);\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","id","text","disabled","readOnly","onClick","onClear","onKeyDown","onClearHandle","onKeyDownHandle","event","React","createElement","StyledChip","tabIndex","concat"],"mappings":";;;;;;;AAKA;AACA;AACA;AACO,IAAMA,aAAa,gBAAGC,gBAAU,CACnC,UAAAC,IAAA,EAAgEC,GAAG,EAAK;AAAA,EAAA,IAArEC,EAAE,GAAAF,IAAA,CAAFE,EAAE;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;AACxD,EAAA,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,GAAA;IAAA,OAASF,OAAO,CAACL,EAAE,CAAC,CAAA;AAAA,GAAA,CAAA;AAEvC,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,EAAE,CAAC,CAAA;GACzB,CAAA;AAED,EAAA,oBACIU,KAAA,CAAAC,aAAA,CAACC,+BAAU,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,26 +0,0 @@
1
- import './TextFieldChip.styles_1y8n7la.css';
2
- 'use strict';
3
-
4
- Object.defineProperty(exports, '__esModule', { value: true });
5
-
6
- var react = require('@linaria/react');
7
- var Chip$1 = require('../../../Chip/Chip.js');
8
- require('@linaria/core');
9
- var common = require('../../../../engines/common.js');
10
-
11
- // issue #823
12
- var mergedConfig = /*#__PURE__*/common.mergeConfig(Chip$1.chipConfig);
13
- var Chip = /*#__PURE__*/common.component(mergedConfig);
14
-
15
- // NOTE: Необходимое переопределение токенов из компонента Chip т.к. используются его части
16
- var _exp = function _exp() {
17
- return Chip;
18
- };
19
- var StyledChip = /*#__PURE__*/react.styled(_exp())({
20
- name: "StyledChip",
21
- "class": "s32p7ut",
22
- propsAsIs: true
23
- });
24
-
25
- exports.StyledChip = StyledChip;
26
- //# 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,kBAAW,CAACC,iBAAU,CAAC,CAAA;AAC5C,IAAMC,IAAI,gBAAGC,gBAAS,CAACJ,YAAY,CAAC,CAAA;;AAEpC;AAAA,IAAAK,IAAA,GAVkBA,SAUlBA,IAAAA,GAAA;AAAA,EAAA,OACiCF,IAAI,CAAA;AAAA,CAAA,CAAA;AAA9B,IAAMG,UAAU,gBAAGC,YAAM,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 +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 +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 +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 +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 +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;;;;"}