@salutejs/plasma-new-hope 0.70.0-canary.1160.8541256541.0 → 0.70.0-canary.1161.8546427267.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (421) hide show
  1. package/cjs/components/Combobox/Combobox.css +4 -4
  2. package/cjs/components/Combobox/ui/ComboboxDivider/ComboboxDivider.css +4 -4
  3. package/cjs/components/Combobox/ui/ComboboxFooter/ComboboxFooter.css +4 -4
  4. package/cjs/components/Combobox/ui/ComboboxGroup/ComboboxGroup.css +4 -4
  5. package/cjs/components/Combobox/ui/ComboboxHeader/ComboboxHeader.css +4 -4
  6. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.css +4 -4
  7. package/cjs/components/Dropdown/Dropdown.css +4 -4
  8. package/cjs/components/Dropdown/Dropdown.js +0 -1
  9. package/cjs/components/Dropdown/Dropdown.js.map +1 -1
  10. package/cjs/components/Pagination/Pagination.css +4 -4
  11. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +4 -4
  12. package/cjs/components/Popover/Popover.css +4 -4
  13. package/cjs/components/Popover/Popover.js +7 -18
  14. package/cjs/components/Popover/Popover.js.map +1 -1
  15. package/cjs/components/Popover/Popover.styles.js +1 -1
  16. package/cjs/components/Popover/Popover.styles.js.map +1 -1
  17. package/cjs/components/Popover/{Popover.styles_1rk9t6z.css → Popover.styles_1ggb66y.css} +1 -1
  18. package/cjs/components/Select/Select.css +4 -4
  19. package/cjs/components/Select/ui/SelectDivider/SelectDivider.css +23 -0
  20. package/cjs/components/Select/ui/SelectDivider/SelectDivider.js +40 -0
  21. package/cjs/components/Select/ui/SelectDivider/SelectDivider.js.map +1 -0
  22. package/cjs/components/Select/ui/SelectDivider/SelectDivider.styles.js +12 -0
  23. package/cjs/components/Select/ui/SelectDivider/SelectDivider.styles.js.map +1 -0
  24. package/cjs/components/Select/ui/SelectDivider/SelectDivider.styles_673hj6.css +1 -0
  25. package/cjs/components/{TextField/variations/_view → Select/ui/SelectDivider/variations/_size}/base.js +2 -2
  26. package/cjs/components/Select/ui/SelectDivider/variations/_size/base.js.map +1 -0
  27. package/cjs/components/{TextField/variations/_read-only → Select/ui/SelectDivider/variations/_view}/base.js +2 -2
  28. package/cjs/components/Select/ui/SelectDivider/variations/_view/base.js.map +1 -0
  29. package/cjs/components/Select/ui/SelectFooter/SelectFooter.css +23 -0
  30. package/cjs/components/Select/ui/SelectFooter/SelectFooter.js +40 -0
  31. package/cjs/components/Select/ui/SelectFooter/SelectFooter.js.map +1 -0
  32. package/cjs/components/Select/ui/SelectFooter/SelectFooter.styles.js +12 -0
  33. package/cjs/components/Select/ui/SelectFooter/SelectFooter.styles.js.map +1 -0
  34. package/cjs/components/Select/ui/SelectFooter/SelectFooter.styles_11hk6tt.css +1 -0
  35. package/cjs/components/{TextField → Select/ui/SelectFooter}/variations/_size/base.js +2 -2
  36. package/cjs/components/Select/ui/SelectFooter/variations/_size/base.js.map +1 -0
  37. package/cjs/components/Select/ui/SelectFooter/variations/_size/base_x642ct.css +1 -0
  38. package/cjs/components/Select/ui/SelectFooter/variations/_view/base.js +9 -0
  39. package/cjs/components/Select/ui/SelectFooter/variations/_view/base.js.map +1 -0
  40. package/cjs/components/Select/ui/SelectFooter/variations/_view/base_x642ct.css +1 -0
  41. package/cjs/components/Select/ui/SelectGroup/SelectGroup.css +23 -0
  42. package/cjs/components/Select/ui/SelectGroup/SelectGroup.js +40 -0
  43. package/cjs/components/Select/ui/SelectGroup/SelectGroup.js.map +1 -0
  44. package/cjs/components/Select/ui/SelectGroup/SelectGroup.styles.js +12 -0
  45. package/cjs/components/Select/ui/SelectGroup/SelectGroup.styles.js.map +1 -0
  46. package/cjs/components/Select/ui/SelectGroup/SelectGroup.styles_mktu7e.css +1 -0
  47. package/cjs/components/Select/ui/SelectGroup/variations/_size/base.js +9 -0
  48. package/cjs/components/Select/ui/SelectGroup/variations/_size/base.js.map +1 -0
  49. package/cjs/components/Select/ui/SelectGroup/variations/_size/base_x642ct.css +1 -0
  50. package/cjs/components/Select/ui/SelectGroup/variations/_view/base.js +9 -0
  51. package/cjs/components/Select/ui/SelectGroup/variations/_view/base.js.map +1 -0
  52. package/cjs/components/Select/ui/SelectGroup/variations/_view/base_x642ct.css +1 -0
  53. package/cjs/components/Select/ui/SelectHeader/SelectHeader.css +23 -0
  54. package/cjs/components/Select/ui/SelectHeader/SelectHeader.js +40 -0
  55. package/cjs/components/Select/ui/SelectHeader/SelectHeader.js.map +1 -0
  56. package/cjs/components/Select/ui/SelectHeader/SelectHeader.styles.js +12 -0
  57. package/cjs/components/Select/ui/SelectHeader/SelectHeader.styles.js.map +1 -0
  58. package/cjs/components/Select/ui/SelectHeader/SelectHeader.styles_24gqog.css +1 -0
  59. package/cjs/components/Select/ui/SelectHeader/variations/_size/base.js +9 -0
  60. package/cjs/components/Select/ui/SelectHeader/variations/_size/base.js.map +1 -0
  61. package/cjs/components/Select/ui/SelectHeader/variations/_size/base_x642ct.css +1 -0
  62. package/cjs/components/Select/ui/SelectHeader/variations/_view/base.js +9 -0
  63. package/cjs/components/Select/ui/SelectHeader/variations/_view/base.js.map +1 -0
  64. package/cjs/components/Select/ui/SelectHeader/variations/_view/base_x642ct.css +1 -0
  65. package/cjs/components/Select/ui/SelectItem/SelectItem.css +4 -4
  66. package/cjs/components/Select/ui/SelectTarget/SelectTarget.js +2 -1
  67. package/cjs/components/Select/ui/SelectTarget/SelectTarget.js.map +1 -1
  68. package/cjs/components/TextField/TextField.js +29 -155
  69. package/cjs/components/TextField/TextField.js.map +1 -1
  70. package/cjs/components/TextField/TextField.styles.js +11 -27
  71. package/cjs/components/TextField/TextField.styles.js.map +1 -1
  72. package/cjs/components/TextField/TextField.styles_2qw1n8.css +5 -0
  73. package/cjs/components/TextField/TextField.tokens.js +20 -68
  74. package/cjs/components/TextField/TextField.tokens.js.map +1 -1
  75. package/cjs/components/TextField/TextField_1lzb2r1.css +1 -0
  76. package/cjs/components/TextField/{variations/_disabled → _disabled}/base.js +2 -2
  77. package/cjs/components/TextField/_disabled/base.js.map +1 -0
  78. package/cjs/components/TextField/_disabled/base_so3w81.css +1 -0
  79. package/cjs/components/TextField/{variations/_label-placement → _label-placement}/base.js +1 -1
  80. package/cjs/components/TextField/_label-placement/base.js.map +1 -0
  81. package/cjs/components/TextField/_label-placement/base_x642ct.css +1 -0
  82. package/cjs/components/TextField/{variations/_label-placement → _label-placement}/inner.js +2 -2
  83. package/cjs/components/TextField/_label-placement/inner.js.map +1 -0
  84. package/cjs/components/TextField/_label-placement/inner_1tyuicp.css +1 -0
  85. package/cjs/components/TextField/{variations/_label-placement → _label-placement}/outer.js +2 -2
  86. package/cjs/components/TextField/_label-placement/outer.js.map +1 -0
  87. package/cjs/components/TextField/_label-placement/outer_19ekaek.css +1 -0
  88. package/cjs/components/TextField/_size/base.js +9 -0
  89. package/cjs/components/TextField/_size/base.js.map +1 -0
  90. package/cjs/components/TextField/_size/base_b5smyu.css +1 -0
  91. package/cjs/components/TextField/_view/base.js +9 -0
  92. package/cjs/components/TextField/_view/base.js.map +1 -0
  93. package/cjs/components/TextField/_view/base_5bqzed.css +1 -0
  94. package/cjs/index.css +37 -44
  95. package/cjs/index.js +41 -6
  96. package/cjs/index.js.map +1 -1
  97. package/cjs/utils/index.js +13 -1
  98. package/cjs/utils/index.js.map +1 -1
  99. package/cjs/utils/react.js +12 -2
  100. package/cjs/utils/react.js.map +1 -1
  101. package/es/components/Combobox/Combobox.css +4 -4
  102. package/es/components/Combobox/ui/ComboboxDivider/ComboboxDivider.css +4 -4
  103. package/es/components/Combobox/ui/ComboboxFooter/ComboboxFooter.css +4 -4
  104. package/es/components/Combobox/ui/ComboboxGroup/ComboboxGroup.css +4 -4
  105. package/es/components/Combobox/ui/ComboboxHeader/ComboboxHeader.css +4 -4
  106. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.css +4 -4
  107. package/es/components/Dropdown/Dropdown.css +4 -4
  108. package/es/components/Dropdown/Dropdown.js +0 -1
  109. package/es/components/Dropdown/Dropdown.js.map +1 -1
  110. package/es/components/Pagination/Pagination.css +4 -4
  111. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +4 -4
  112. package/es/components/Popover/Popover.css +4 -4
  113. package/es/components/Popover/Popover.js +7 -18
  114. package/es/components/Popover/Popover.js.map +1 -1
  115. package/es/components/Popover/Popover.styles.js +1 -1
  116. package/es/components/Popover/Popover.styles.js.map +1 -1
  117. package/es/components/Popover/{Popover.styles_1rk9t6z.css → Popover.styles_1ggb66y.css} +1 -1
  118. package/es/components/Select/Select.css +4 -4
  119. package/es/components/Select/ui/SelectDivider/SelectDivider.css +23 -0
  120. package/es/components/Select/ui/SelectDivider/SelectDivider.js +35 -0
  121. package/es/components/Select/ui/SelectDivider/SelectDivider.js.map +1 -0
  122. package/es/components/Select/ui/SelectDivider/SelectDivider.styles.js +7 -0
  123. package/es/components/Select/ui/SelectDivider/SelectDivider.styles.js.map +1 -0
  124. package/es/components/Select/ui/SelectDivider/SelectDivider.styles_673hj6.css +1 -0
  125. package/es/components/{TextField/variations/_view → Select/ui/SelectDivider/variations/_size}/base.js +2 -2
  126. package/es/components/Select/ui/SelectDivider/variations/_size/base.js.map +1 -0
  127. package/es/components/Select/ui/SelectDivider/variations/_size/base_x642ct.css +1 -0
  128. package/es/components/Select/ui/SelectDivider/variations/_view/base.js +5 -0
  129. package/es/components/Select/ui/SelectDivider/variations/_view/base.js.map +1 -0
  130. package/es/components/Select/ui/SelectDivider/variations/_view/base_x642ct.css +1 -0
  131. package/es/components/Select/ui/SelectFooter/SelectFooter.css +23 -0
  132. package/es/components/Select/ui/SelectFooter/SelectFooter.js +35 -0
  133. package/es/components/Select/ui/SelectFooter/SelectFooter.js.map +1 -0
  134. package/es/components/Select/ui/SelectFooter/SelectFooter.styles.js +7 -0
  135. package/es/components/Select/ui/SelectFooter/SelectFooter.styles.js.map +1 -0
  136. package/es/components/Select/ui/SelectFooter/SelectFooter.styles_11hk6tt.css +1 -0
  137. package/es/components/Select/ui/SelectFooter/variations/_size/base.js +5 -0
  138. package/es/components/Select/ui/SelectFooter/variations/_size/base.js.map +1 -0
  139. package/es/components/Select/ui/SelectFooter/variations/_size/base_x642ct.css +1 -0
  140. package/es/components/Select/ui/SelectFooter/variations/_view/base.js +5 -0
  141. package/es/components/Select/ui/SelectFooter/variations/_view/base.js.map +1 -0
  142. package/es/components/Select/ui/SelectFooter/variations/_view/base_x642ct.css +1 -0
  143. package/es/components/Select/ui/SelectGroup/SelectGroup.css +23 -0
  144. package/es/components/Select/ui/SelectGroup/SelectGroup.js +35 -0
  145. package/es/components/Select/ui/SelectGroup/SelectGroup.js.map +1 -0
  146. package/es/components/Select/ui/SelectGroup/SelectGroup.styles.js +7 -0
  147. package/es/components/Select/ui/SelectGroup/SelectGroup.styles.js.map +1 -0
  148. package/es/components/Select/ui/SelectGroup/SelectGroup.styles_mktu7e.css +1 -0
  149. package/es/components/Select/ui/SelectGroup/variations/_size/base.js +5 -0
  150. package/es/components/Select/ui/SelectGroup/variations/_size/base.js.map +1 -0
  151. package/es/components/Select/ui/SelectGroup/variations/_size/base_x642ct.css +1 -0
  152. package/es/components/Select/ui/SelectGroup/variations/_view/base.js +5 -0
  153. package/es/components/Select/ui/SelectGroup/variations/_view/base.js.map +1 -0
  154. package/es/components/Select/ui/SelectGroup/variations/_view/base_x642ct.css +1 -0
  155. package/es/components/Select/ui/SelectHeader/SelectHeader.css +23 -0
  156. package/es/components/Select/ui/SelectHeader/SelectHeader.js +35 -0
  157. package/es/components/Select/ui/SelectHeader/SelectHeader.js.map +1 -0
  158. package/es/components/Select/ui/SelectHeader/SelectHeader.styles.js +7 -0
  159. package/es/components/Select/ui/SelectHeader/SelectHeader.styles.js.map +1 -0
  160. package/es/components/Select/ui/SelectHeader/SelectHeader.styles_24gqog.css +1 -0
  161. package/es/components/Select/ui/SelectHeader/variations/_size/base.js +5 -0
  162. package/es/components/Select/ui/SelectHeader/variations/_size/base.js.map +1 -0
  163. package/es/components/Select/ui/SelectHeader/variations/_size/base_x642ct.css +1 -0
  164. package/es/components/Select/ui/SelectHeader/variations/_view/base.js +5 -0
  165. package/es/components/Select/ui/SelectHeader/variations/_view/base.js.map +1 -0
  166. package/es/components/Select/ui/SelectHeader/variations/_view/base_x642ct.css +1 -0
  167. package/es/components/Select/ui/SelectItem/SelectItem.css +4 -4
  168. package/es/components/Select/ui/SelectTarget/SelectTarget.js +2 -1
  169. package/es/components/Select/ui/SelectTarget/SelectTarget.js.map +1 -1
  170. package/es/components/TextField/TextField.js +33 -158
  171. package/es/components/TextField/TextField.js.map +1 -1
  172. package/es/components/TextField/TextField.styles.js +12 -25
  173. package/es/components/TextField/TextField.styles.js.map +1 -1
  174. package/es/components/TextField/TextField.styles_2qw1n8.css +5 -0
  175. package/es/components/TextField/TextField.tokens.js +21 -68
  176. package/es/components/TextField/TextField.tokens.js.map +1 -1
  177. package/es/components/TextField/TextField_1lzb2r1.css +1 -0
  178. package/es/components/TextField/_disabled/base.js +5 -0
  179. package/es/components/TextField/_disabled/base.js.map +1 -0
  180. package/es/components/TextField/_disabled/base_so3w81.css +1 -0
  181. package/es/components/TextField/{variations/_label-placement → _label-placement}/base.js +1 -1
  182. package/es/components/TextField/_label-placement/base.js.map +1 -0
  183. package/es/components/TextField/_label-placement/base_x642ct.css +1 -0
  184. package/es/components/TextField/_label-placement/inner.js +5 -0
  185. package/es/components/TextField/_label-placement/inner.js.map +1 -0
  186. package/es/components/TextField/_label-placement/inner_1tyuicp.css +1 -0
  187. package/es/components/TextField/_label-placement/outer.js +5 -0
  188. package/es/components/TextField/_label-placement/outer.js.map +1 -0
  189. package/es/components/TextField/_label-placement/outer_19ekaek.css +1 -0
  190. package/es/components/TextField/_size/base.js +5 -0
  191. package/es/components/TextField/_size/base.js.map +1 -0
  192. package/es/components/TextField/_size/base_b5smyu.css +1 -0
  193. package/es/components/TextField/_view/base.js +5 -0
  194. package/es/components/TextField/_view/base.js.map +1 -0
  195. package/es/components/TextField/_view/base_5bqzed.css +1 -0
  196. package/es/index.css +37 -44
  197. package/es/index.js +15 -2
  198. package/es/index.js.map +1 -1
  199. package/es/utils/index.js +11 -2
  200. package/es/utils/index.js.map +1 -1
  201. package/es/utils/react.js +9 -2
  202. package/es/utils/react.js.map +1 -1
  203. package/package.json +2 -2
  204. package/styled-components/cjs/components/Dropdown/Dropdown.js +0 -1
  205. package/styled-components/cjs/components/Popover/Popover.js +7 -18
  206. package/styled-components/cjs/components/Popover/Popover.styles.js +1 -1
  207. package/styled-components/cjs/components/Select/ui/SelectTarget/SelectTarget.js +2 -1
  208. package/styled-components/cjs/components/TextField/TextField.js +32 -162
  209. package/styled-components/cjs/components/TextField/TextField.styles.js +10 -18
  210. package/styled-components/cjs/components/TextField/TextField.tokens.js +21 -68
  211. package/styled-components/cjs/components/TextField/_disabled/base.js +9 -0
  212. package/styled-components/cjs/components/TextField/_label-placement/inner.js +10 -0
  213. package/styled-components/cjs/components/TextField/{variations/_label-placement → _label-placement}/outer.js +3 -3
  214. package/styled-components/cjs/components/TextField/_size/base.js +10 -0
  215. package/styled-components/cjs/components/TextField/_view/base.js +10 -0
  216. package/styled-components/cjs/components/TextField/index.js +2 -2
  217. package/styled-components/cjs/examples/plasma_b2c/components/Popover/Popover.stories.tsx +0 -7
  218. package/styled-components/cjs/index.js +22 -0
  219. package/styled-components/es/components/Dropdown/Dropdown.js +0 -1
  220. package/styled-components/es/components/Popover/Popover.js +7 -18
  221. package/styled-components/es/components/Popover/Popover.styles.js +1 -1
  222. package/styled-components/es/components/Select/ui/SelectTarget/SelectTarget.js +2 -1
  223. package/styled-components/es/components/TextField/TextField.js +36 -166
  224. package/styled-components/es/components/TextField/TextField.styles.js +9 -17
  225. package/styled-components/es/components/TextField/TextField.tokens.js +20 -67
  226. package/styled-components/es/components/TextField/_disabled/base.js +3 -0
  227. package/styled-components/es/components/TextField/_label-placement/inner.js +4 -0
  228. package/styled-components/es/components/TextField/_label-placement/outer.js +4 -0
  229. package/styled-components/es/components/TextField/_size/base.js +4 -0
  230. package/styled-components/es/components/TextField/_view/base.js +4 -0
  231. package/styled-components/es/components/TextField/index.js +2 -2
  232. package/styled-components/es/examples/plasma_b2c/components/Popover/Popover.stories.tsx +0 -7
  233. package/styled-components/es/index.js +2 -0
  234. package/types/components/Combobox/Combobox.styles.d.ts +2 -8
  235. package/types/components/Combobox/Combobox.styles.d.ts.map +1 -1
  236. package/types/components/Dropdown/Dropdown.d.ts.map +1 -1
  237. package/types/components/Dropdown/Dropdown.styles.d.ts +1 -7
  238. package/types/components/Dropdown/Dropdown.styles.d.ts.map +1 -1
  239. package/types/components/Popover/Popover.d.ts +2 -2
  240. package/types/components/Popover/Popover.d.ts.map +1 -1
  241. package/types/components/Popover/Popover.styles.d.ts.map +1 -1
  242. package/types/components/Popover/Popover.types.d.ts +12 -19
  243. package/types/components/Popover/Popover.types.d.ts.map +1 -1
  244. package/types/components/Select/Select.styles.d.ts +2 -8
  245. package/types/components/Select/Select.styles.d.ts.map +1 -1
  246. package/types/components/Select/ui/SelectTarget/SelectTarget.d.ts.map +1 -1
  247. package/types/components/TextField/TextField.d.ts +3 -8
  248. package/types/components/TextField/TextField.d.ts.map +1 -1
  249. package/types/components/TextField/TextField.styles.d.ts +3 -6
  250. package/types/components/TextField/TextField.styles.d.ts.map +1 -1
  251. package/types/components/TextField/TextField.tokens.d.ts +8 -57
  252. package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
  253. package/types/components/TextField/TextField.types.d.ts +2 -29
  254. package/types/components/TextField/TextField.types.d.ts.map +1 -1
  255. package/types/components/TextField/_disabled/base.d.ts.map +1 -0
  256. package/types/components/TextField/_label-placement/base.d.ts.map +1 -0
  257. package/types/components/TextField/_label-placement/index.d.ts.map +1 -0
  258. package/types/components/TextField/_label-placement/inner.d.ts.map +1 -0
  259. package/types/components/TextField/_label-placement/outer.d.ts.map +1 -0
  260. package/types/components/TextField/_size/base.d.ts.map +1 -0
  261. package/types/components/TextField/_view/base.d.ts.map +1 -0
  262. package/types/components/TextField/index.d.ts +2 -3
  263. package/types/components/TextField/index.d.ts.map +1 -1
  264. package/types/examples/plasma_b2c/components/Popover/Popover.d.ts +1 -7
  265. package/types/examples/plasma_b2c/components/Popover/Popover.d.ts.map +1 -1
  266. package/types/examples/plasma_web/components/Popover/Popover.d.ts +1 -7
  267. package/types/examples/plasma_web/components/Popover/Popover.d.ts.map +1 -1
  268. package/types/examples/sds_engineer/components/Popover/Popover.d.ts +1 -7
  269. package/types/examples/sds_engineer/components/Popover/Popover.d.ts.map +1 -1
  270. package/types/index.d.ts +2 -0
  271. package/types/index.d.ts.map +1 -1
  272. package/cjs/components/TextField/TextField.styles_1b1mddp.css +0 -8
  273. package/cjs/components/TextField/TextField_wctd2m.css +0 -1
  274. package/cjs/components/TextField/hooks/useKeyNavigation.js +0 -133
  275. package/cjs/components/TextField/hooks/useKeyNavigation.js.map +0 -1
  276. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.css +0 -19
  277. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +0 -38
  278. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +0 -1
  279. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +0 -26
  280. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js.map +0 -1
  281. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles_1rauupp.css +0 -1
  282. package/cjs/components/TextField/variations/_disabled/base.js.map +0 -1
  283. package/cjs/components/TextField/variations/_disabled/base_1tnjoy9.css +0 -1
  284. package/cjs/components/TextField/variations/_label-placement/base.js.map +0 -1
  285. package/cjs/components/TextField/variations/_label-placement/inner.js.map +0 -1
  286. package/cjs/components/TextField/variations/_label-placement/inner_gqlcj2.css +0 -1
  287. package/cjs/components/TextField/variations/_label-placement/outer.js.map +0 -1
  288. package/cjs/components/TextField/variations/_label-placement/outer_is41nj.css +0 -1
  289. package/cjs/components/TextField/variations/_read-only/base.js.map +0 -1
  290. package/cjs/components/TextField/variations/_read-only/base_134hshp.css +0 -1
  291. package/cjs/components/TextField/variations/_size/base.js.map +0 -1
  292. package/cjs/components/TextField/variations/_size/base_1khzr9t.css +0 -1
  293. package/cjs/components/TextField/variations/_view/base.js.map +0 -1
  294. package/cjs/components/TextField/variations/_view/base_1qd77x6.css +0 -1
  295. package/es/components/TextField/TextField.styles_1b1mddp.css +0 -8
  296. package/es/components/TextField/TextField_wctd2m.css +0 -1
  297. package/es/components/TextField/hooks/useKeyNavigation.js +0 -128
  298. package/es/components/TextField/hooks/useKeyNavigation.js.map +0 -1
  299. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.css +0 -19
  300. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +0 -34
  301. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +0 -1
  302. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +0 -22
  303. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js.map +0 -1
  304. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles_1rauupp.css +0 -1
  305. package/es/components/TextField/variations/_disabled/base.js +0 -5
  306. package/es/components/TextField/variations/_disabled/base.js.map +0 -1
  307. package/es/components/TextField/variations/_disabled/base_1tnjoy9.css +0 -1
  308. package/es/components/TextField/variations/_label-placement/base.js.map +0 -1
  309. package/es/components/TextField/variations/_label-placement/inner.js +0 -5
  310. package/es/components/TextField/variations/_label-placement/inner.js.map +0 -1
  311. package/es/components/TextField/variations/_label-placement/inner_gqlcj2.css +0 -1
  312. package/es/components/TextField/variations/_label-placement/outer.js +0 -5
  313. package/es/components/TextField/variations/_label-placement/outer.js.map +0 -1
  314. package/es/components/TextField/variations/_label-placement/outer_is41nj.css +0 -1
  315. package/es/components/TextField/variations/_read-only/base.js +0 -5
  316. package/es/components/TextField/variations/_read-only/base.js.map +0 -1
  317. package/es/components/TextField/variations/_read-only/base_134hshp.css +0 -1
  318. package/es/components/TextField/variations/_size/base.js +0 -5
  319. package/es/components/TextField/variations/_size/base.js.map +0 -1
  320. package/es/components/TextField/variations/_size/base_1khzr9t.css +0 -1
  321. package/es/components/TextField/variations/_view/base.js.map +0 -1
  322. package/es/components/TextField/variations/_view/base_1qd77x6.css +0 -1
  323. package/styled-components/cjs/components/TextField/hooks/index.js +0 -12
  324. package/styled-components/cjs/components/TextField/hooks/useKeyNavigation.js +0 -139
  325. package/styled-components/cjs/components/TextField/hooks/useKeyNavigation.types.js +0 -5
  326. package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +0 -39
  327. package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +0 -25
  328. package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.types.js +0 -5
  329. package/styled-components/cjs/components/TextField/ui/index.js +0 -12
  330. package/styled-components/cjs/components/TextField/variations/_disabled/base.js +0 -10
  331. package/styled-components/cjs/components/TextField/variations/_label-placement/inner.js +0 -10
  332. package/styled-components/cjs/components/TextField/variations/_read-only/base.js +0 -10
  333. package/styled-components/cjs/components/TextField/variations/_read-only/tokens.json +0 -1
  334. package/styled-components/cjs/components/TextField/variations/_size/base.js +0 -10
  335. package/styled-components/cjs/components/TextField/variations/_view/base.js +0 -10
  336. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +0 -43
  337. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.js +0 -11
  338. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +0 -123
  339. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.config.js +0 -40
  340. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.js +0 -11
  341. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +0 -123
  342. package/styled-components/cjs/examples/sds_engineer/components/TextField/TextField.config.js +0 -43
  343. package/styled-components/cjs/examples/sds_engineer/components/TextField/TextField.js +0 -11
  344. package/styled-components/cjs/examples/sds_engineer/components/TextField/TextField.stories.tsx +0 -123
  345. package/styled-components/es/components/TextField/hooks/index.js +0 -1
  346. package/styled-components/es/components/TextField/hooks/useKeyNavigation.js +0 -133
  347. package/styled-components/es/components/TextField/hooks/useKeyNavigation.types.js +0 -1
  348. package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +0 -30
  349. package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +0 -19
  350. package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.types.js +0 -1
  351. package/styled-components/es/components/TextField/ui/index.js +0 -1
  352. package/styled-components/es/components/TextField/variations/_disabled/base.js +0 -4
  353. package/styled-components/es/components/TextField/variations/_label-placement/inner.js +0 -4
  354. package/styled-components/es/components/TextField/variations/_label-placement/outer.js +0 -4
  355. package/styled-components/es/components/TextField/variations/_read-only/base.js +0 -4
  356. package/styled-components/es/components/TextField/variations/_read-only/tokens.json +0 -1
  357. package/styled-components/es/components/TextField/variations/_size/base.js +0 -4
  358. package/styled-components/es/components/TextField/variations/_view/base.js +0 -4
  359. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.config.js +0 -37
  360. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.js +0 -5
  361. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +0 -123
  362. package/styled-components/es/examples/plasma_web/components/TextField/TextField.config.js +0 -34
  363. package/styled-components/es/examples/plasma_web/components/TextField/TextField.js +0 -5
  364. package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +0 -123
  365. package/styled-components/es/examples/sds_engineer/components/TextField/TextField.config.js +0 -37
  366. package/styled-components/es/examples/sds_engineer/components/TextField/TextField.js +0 -5
  367. package/styled-components/es/examples/sds_engineer/components/TextField/TextField.stories.tsx +0 -123
  368. package/types/components/TextField/hooks/index.d.ts +0 -2
  369. package/types/components/TextField/hooks/index.d.ts.map +0 -1
  370. package/types/components/TextField/hooks/useKeyNavigation.d.ts +0 -17
  371. package/types/components/TextField/hooks/useKeyNavigation.d.ts.map +0 -1
  372. package/types/components/TextField/hooks/useKeyNavigation.types.d.ts +0 -18
  373. package/types/components/TextField/hooks/useKeyNavigation.types.d.ts.map +0 -1
  374. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.d.ts +0 -7
  375. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.d.ts.map +0 -1
  376. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.styles.d.ts +0 -15
  377. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.styles.d.ts.map +0 -1
  378. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.types.d.ts +0 -37
  379. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.types.d.ts.map +0 -1
  380. package/types/components/TextField/ui/index.d.ts +0 -2
  381. package/types/components/TextField/ui/index.d.ts.map +0 -1
  382. package/types/components/TextField/variations/_disabled/base.d.ts.map +0 -1
  383. package/types/components/TextField/variations/_label-placement/base.d.ts.map +0 -1
  384. package/types/components/TextField/variations/_label-placement/index.d.ts.map +0 -1
  385. package/types/components/TextField/variations/_label-placement/inner.d.ts.map +0 -1
  386. package/types/components/TextField/variations/_label-placement/outer.d.ts.map +0 -1
  387. package/types/components/TextField/variations/_read-only/base.d.ts.map +0 -1
  388. package/types/components/TextField/variations/_size/base.d.ts.map +0 -1
  389. package/types/components/TextField/variations/_view/base.d.ts +0 -2
  390. package/types/components/TextField/variations/_view/base.d.ts.map +0 -1
  391. package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts +0 -32
  392. package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts.map +0 -1
  393. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +0 -26
  394. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +0 -1
  395. package/types/examples/plasma_web/components/TextField/TextField.config.d.ts +0 -32
  396. package/types/examples/plasma_web/components/TextField/TextField.config.d.ts.map +0 -1
  397. package/types/examples/plasma_web/components/TextField/TextField.d.ts +0 -26
  398. package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +0 -1
  399. package/types/examples/sds_engineer/components/TextField/TextField.config.d.ts +0 -32
  400. package/types/examples/sds_engineer/components/TextField/TextField.config.d.ts.map +0 -1
  401. package/types/examples/sds_engineer/components/TextField/TextField.d.ts +0 -26
  402. package/types/examples/sds_engineer/components/TextField/TextField.d.ts.map +0 -1
  403. /package/cjs/components/{TextField/variations/_label-placement → Select/ui/SelectDivider/variations/_size}/base_x642ct.css +0 -0
  404. /package/{es/components/TextField/variations/_label-placement → cjs/components/Select/ui/SelectDivider/variations/_view}/base_x642ct.css +0 -0
  405. /package/styled-components/cjs/components/TextField/{variations/_disabled → _disabled}/tokens.json +0 -0
  406. /package/styled-components/cjs/components/TextField/{variations/_label-placement → _label-placement}/base.js +0 -0
  407. /package/styled-components/cjs/components/TextField/{variations/_label-placement → _label-placement}/index.js +0 -0
  408. /package/styled-components/cjs/components/TextField/{variations/_size → _size}/tokens.json +0 -0
  409. /package/styled-components/cjs/components/TextField/{variations/_view → _view}/tokens.json +0 -0
  410. /package/styled-components/es/components/TextField/{variations/_disabled → _disabled}/tokens.json +0 -0
  411. /package/styled-components/es/components/TextField/{variations/_label-placement → _label-placement}/base.js +0 -0
  412. /package/styled-components/es/components/TextField/{variations/_label-placement → _label-placement}/index.js +0 -0
  413. /package/styled-components/es/components/TextField/{variations/_size → _size}/tokens.json +0 -0
  414. /package/styled-components/es/components/TextField/{variations/_view → _view}/tokens.json +0 -0
  415. /package/types/components/TextField/{variations/_disabled → _disabled}/base.d.ts +0 -0
  416. /package/types/components/TextField/{variations/_label-placement → _label-placement}/base.d.ts +0 -0
  417. /package/types/components/TextField/{variations/_label-placement → _label-placement}/index.d.ts +0 -0
  418. /package/types/components/TextField/{variations/_label-placement → _label-placement}/inner.d.ts +0 -0
  419. /package/types/components/TextField/{variations/_label-placement → _label-placement}/outer.d.ts +0 -0
  420. /package/types/components/TextField/{variations/_read-only → _size}/base.d.ts +0 -0
  421. /package/types/components/TextField/{variations/_size → _view}/base.d.ts +0 -0
@@ -0,0 +1,23 @@
1
+ .Popover_styles_1ggb66y_s1g1xbt5__6eaffcc0{display:inline-block;}
2
+ .Popover_styles_1ggb66y_s12xwbyh__6eaffcc0{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
3
+ .Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
4
+ .Popover_styles_1ggb66y_s16xlixz__6eaffcc0{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
5
+
6
+ .Dropdown_styles_1daxhqh_sn7uamp__488e0a19 .Dropdown_styles_1daxhqh_popoverTarget__488e0a19{display:block;}
7
+ .Dropdown_styles_1daxhqh_sjr7fmv__488e0a19{box-sizing:border-box;background:var(--plasma-dropdown-background);box-shadow:var(--plasma-dropdown-box-shadow);border-radius:var(--plasma-dropdown-border-radius);width:var(--plasma-dropdown-width);height:var(--plasma-dropdown-height);padding:var(--plasma-dropdown-padding-top) var(--plasma-dropdown-padding-right) var(--plasma-dropdown-padding-bottom) var(--plasma-dropdown-padding-left);}
8
+
9
+ .DropdownDivider_styles_v3xor1_s1brpi5d__3a791565{background:var(--plasma-dropdown-divider-color);width:var(--plasma-dropdown-divider-width);height:var(--plasma-dropdown-divider-height);margin:var(--plasma-dropdown-divider-margin-top) var(--plasma-dropdown-divider-margin-right) var(--plasma-dropdown-divider-margin-bottom) var(--plasma-dropdown-divider-margin-left);}
10
+
11
+ .DropdownFooter_styles_1j4sg1p_stiw0r3__41ff7287{background:var(--plasma-dropdown-footer-background);font-family:var(--plasma-dropdown-footer-font-family);font-size:var(--plasma-dropdown-footer-font-size);font-style:var(--plasma-dropdown-footer-font-style);font-weight:var(--plasma-dropdown-footer-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-footer-line-height);-moz-letter-spacing:var(--plasma-dropdown-footer-line-height);-ms-letter-spacing:var(--plasma-dropdown-footer-line-height);letter-spacing:var(--plasma-dropdown-footer-line-height);line-height:var(--plasma-dropdown-footer-font-weight);width:var(--plasma-dropdown-footer-width);height:var(--plasma-dropdown-footer-height);padding:var(--plasma-dropdown-footer-padding-top) var(--plasma-dropdown-footer-padding-right) var(--plasma-dropdown-footer-padding-bottom) var(--plasma-dropdown-footer-padding-left);margin:var(--plasma-dropdown-footer-margin-top) var(--plasma-dropdown-footer-margin-right) var(--plasma-dropdown-footer-margin-bottom) var(--plasma-dropdown-footer-margin-left);}
12
+
13
+ .DropdownGroup_styles_1o990eo_scop7qk__fca8c58e{background:var(--plasma-dropdown-group-background);width:var(--plasma-dropdown-group-width);height:var(--plasma-dropdown-group-height);padding:var(--plasma-dropdown-group-padding-top) var(--plasma-dropdown-group-padding-right) var(--plasma-dropdown-group-padding-bottom) var(--plasma-dropdown-group-padding-left);margin:var(--plasma-dropdown-group-margin-top) var(--plasma-dropdown-group-margin-right) var(--plasma-dropdown-group-margin-bottom) var(--plasma-dropdown-group-margin-left);}
14
+ .DropdownGroup_styles_1o990eo_s1oaw95y__fca8c58e{font-family:var(--plasma-dropdown-group-label-font-family);font-size:var(--plasma-dropdown-group-label-font-size);font-style:var(--plasma-dropdown-group-label-font-style);font-weight:var(--plasma-dropdown-group-label-font-weight);-webkit-letter-spacing:var(--plasma-dropdown-group-label-letter-spacing);-moz-letter-spacing:var(--plasma-dropdown-group-label-letter-spacing);-ms-letter-spacing:var(--plasma-dropdown-group-label-letter-spacing);letter-spacing:var(--plasma-dropdown-group-label-letter-spacing);line-height:var(--plasma-dropdown-group-label-line-height);color:var(--plasma-dropdown-group-label-color);padding:var(--plasma-dropdown-group-label-padding-top) var(--plasma-dropdown-group-label-padding-right) var(--plasma-dropdown-group-label-padding-bottom) var(--plasma-dropdown-group-label-padding-left);margin:var(--plasma-dropdown-group-label-margin-top) var(--plasma-dropdown-group-label-margin-right) var(--plasma-dropdown-group-label-margin-bottom) var(--plasma-dropdown-group-label-margin-left);}
15
+
16
+ .DropdownHeader_styles_196gwgm_s133b1g2__3510806e{background:var(--plasma-dropdown-header-background);font-family:var(--plasma-dropdown-header-font-family);font-size:var(--plasma-dropdown-header-font-size);font-style:var(--plasma-dropdown-header-font-style);font-weight:var(--plasma-dropdown-header-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-header-line-height);-moz-letter-spacing:var(--plasma-dropdown-header-line-height);-ms-letter-spacing:var(--plasma-dropdown-header-line-height);letter-spacing:var(--plasma-dropdown-header-line-height);line-height:var(--plasma-dropdown-header-font-weight);width:var(--plasma-dropdown-header-width);height:var(--plasma-dropdown-header-height);padding:var(--plasma-dropdown-header-padding-top) var(--plasma-dropdown-header-padding-right) var(--plasma-dropdown-header-padding-bottom) var(--plasma-dropdown-header-padding-left);margin:var(--plasma-dropdown-header-margin-top) var(--plasma-dropdown-header-margin-right) var(--plasma-dropdown-header-margin-bottom) var(--plasma-dropdown-header-margin-left);}
17
+
18
+ .DropdownItem_styles_1juhjtq_s1gkzlls__cab27d09{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--plasma-dropdown-item-content-left-width);color:var(--plasma-dropdown-item-content-left-color);}
19
+ .DropdownItem_styles_1juhjtq_sz6s14y__cab27d09{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--plasma-dropdown-item-content-right-width);color:var(--plasma-dropdown-item-content-right-color);}
20
+ .DropdownItem_styles_1juhjtq_s1m97l2m__cab27d09{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
21
+ .DropdownItem_styles_1juhjtq_boib72h__cab27d09{box-sizing:content-box;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;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;width:100%;font-family:var(--plasma-dropdown-item-font-family);font-size:var(--plasma-dropdown-item-font-size);font-style:var(--plasma-dropdown-item-font-style);font-weight:var(--plasma-dropdown-item-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-item-line-height);-moz-letter-spacing:var(--plasma-dropdown-item-line-height);-ms-letter-spacing:var(--plasma-dropdown-item-line-height);letter-spacing:var(--plasma-dropdown-item-line-height);line-height:var(--plasma-dropdown-item-font-weight);background:var(--plasma-dropdown-item-background);color:var(--plasma-dropdown-item-color);border-radius:var(--plasma-dropdown-item-border-radius);width:var(--plasma-dropdown-item-width);height:var(--plasma-dropdown-item-height);padding:var(--plasma-dropdown-item-padding-top) var(--plasma-dropdown-item-padding-right) var(--plasma-dropdown-item-padding-bottom) var(--plasma-dropdown-item-padding-left);margin:var(--plasma-dropdown-item-margin-top) var(--plasma-dropdown-item-margin-right) var(--plasma-dropdown-item-margin-bottom) var(--plasma-dropdown-item-margin-left);}.DropdownItem_styles_1juhjtq_boib72h__cab27d09:focus{outline:none;}.DropdownItem_styles_1juhjtq_boib72h__cab27d09::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-dropdown-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.DropdownItem_styles_1juhjtq_boib72h__cab27d09.DropdownItem_styles_1juhjtq_focusVisible__cab27d09:focus::before,.DropdownItem_styles_1juhjtq_boib72h__cab27d09[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-dropdown-focus-color);}.DropdownItem_styles_1juhjtq_boib72h__cab27d09:hover:not(.DropdownItem_styles_1juhjtq_dropdownItemIsDisabled__cab27d09){cursor:pointer;background:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_1juhjtq_boib72h__cab27d09.DropdownItem_styles_1juhjtq_dropdownItemIsSelected__cab27d09{color:var(--plasma-dropdown-item-color-selected);background:var(--plasma-dropdown-item-background-selected);}.DropdownItem_styles_1juhjtq_boib72h__cab27d09.DropdownItem_styles_1juhjtq_dropdownItemIsSelected__cab27d09:hover:not(.DropdownItem_styles_1juhjtq_dropdownItemIsDisabled__cab27d09){background:var(--plasma-dropdown-item-background-selected-hover);}.DropdownItem_styles_1juhjtq_boib72h__cab27d09.DropdownItem_styles_1juhjtq_dropdownItemIsDisabled__cab27d09{opacity:var(--plasma-dropdown-disabled-opacity);cursor:not-allowed;}
22
+
23
+ .SelectHeader_styles_24gqog_m1tqc9mt__2df5b6b6{--plasma-dropdown-header-background:var(--plasma-select-header-background);--plasma-dropdown-header-width:var(--plasma-select-header-width);--plasma-dropdown-header-height:var(--plasma-select-header-height);--plasma-dropdown-header-padding-top:var(--plasma-select-header-padding-top);--plasma-dropdown-header-padding-right:var(--plasma-select-header-padding-right);--plasma-dropdown-header-padding-bottom:var(--plasma-select-header-padding-bottom);--plasma-dropdown-header-padding-left:var(--plasma-select-header-padding-left);--plasma-dropdown-header-margin-top:var(--plasma-select-header-margin-top);--plasma-dropdown-header-margin-right:var(--plasma-select-header-margin-right);--plasma-dropdown-header-margin-bottom:var(--plasma-select-header-margin-bottom);--plasma-dropdown-header-margin-left:var(--plasma-select-header-margin-left);--plasma-dropdown-header-font-family:var(--plasma-select-header-font-family);--plasma-dropdown-header-font-size:var(--plasma-select-header-font-size);--plasma-dropdown-header-font-style:var(--plasma-select-header-font-style);--plasma-dropdown-header-letter-spacing:var(--plasma-select-header-letter-spacing);--plasma-dropdown-header-line-height:var(--plasma-select-header-line-height);--plasma-dropdown-header-font-weight:var(--plasma-select-header-font-weight);}
@@ -0,0 +1,40 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ require('react');
6
+ require('@salutejs/plasma-core');
7
+ require('@linaria/react');
8
+ require('@linaria/core');
9
+ require('focus-visible');
10
+ require('react-dom');
11
+ require('react-popper');
12
+ require('../../../../utils/react.js');
13
+ var DropdownHeader = require('../../../Dropdown/ui/DropdownHeader/DropdownHeader.js');
14
+ var base = require('./variations/_view/base.js');
15
+ var base$1 = require('./variations/_size/base.js');
16
+ var SelectHeader_styles = require('./SelectHeader.styles.js');
17
+
18
+ var selectHeaderRoot = DropdownHeader.dropdownHeaderRoot;
19
+ var selectHeaderConfig = {
20
+ name: 'SelectHeader',
21
+ tag: 'div',
22
+ layout: selectHeaderRoot,
23
+ base: SelectHeader_styles.base,
24
+ variations: {
25
+ view: {
26
+ css: base.base
27
+ },
28
+ size: {
29
+ css: base$1.base
30
+ }
31
+ },
32
+ defaults: {
33
+ view: 'primary',
34
+ size: 'm'
35
+ }
36
+ };
37
+
38
+ exports.selectHeaderConfig = selectHeaderConfig;
39
+ exports.selectHeaderRoot = selectHeaderRoot;
40
+ //# sourceMappingURL=SelectHeader.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SelectHeader.js","sources":["../../../../../src/components/Select/ui/SelectHeader/SelectHeader.tsx"],"sourcesContent":["import { dropdownHeaderRoot } from '../../../Dropdown';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base } from './SelectHeader.styles';\n\nexport const selectHeaderRoot = dropdownHeaderRoot;\n\nexport const selectHeaderConfig = {\n name: 'SelectHeader',\n tag: 'div',\n layout: selectHeaderRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'primary',\n size: 'm',\n },\n};\n"],"names":["selectHeaderRoot","dropdownHeaderRoot","selectHeaderConfig","name","tag","layout","base","variations","view","css","viewCSS","size","sizeCSS","defaults"],"mappings":";;;;;;;;;;;;;;;;;AAMO,IAAMA,gBAAgB,GAAGC,kCAAkB;AAE3C,IAAMC,kBAAkB,GAAG;AAC9BC,EAAAA,IAAI,EAAE,cAAc;AACpBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEL,gBAAgB;AACxBM,EAAAA,IAAI,EAAJA,wBAAI;AACJC,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,GAAG,EAAEC,SAAAA;KACR;AACDC,IAAAA,IAAI,EAAE;AACFF,MAAAA,GAAG,EAAEG,WAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNL,IAAAA,IAAI,EAAE,SAAS;AACfG,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;;"}
@@ -0,0 +1,12 @@
1
+ import './SelectHeader.styles_24gqog.css';
2
+ 'use strict';
3
+
4
+ Object.defineProperty(exports, '__esModule', { value: true });
5
+
6
+ // NOTE: Необходимое переопределение токенов из компонента DropdownItem т.к. используются его части
7
+ var mappingOverride = "m1tqc9mt";
8
+ var base = mappingOverride;
9
+
10
+ exports.base = base;
11
+ exports.mappingOverride = mappingOverride;
12
+ //# sourceMappingURL=SelectHeader.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SelectHeader.styles.js","sources":["../../../../../src/components/Select/ui/SelectHeader/SelectHeader.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../Select.tokens';\nimport { dropdownTokens } from '../../../Dropdown';\n\n// NOTE: Необходимое переопределение токенов из компонента DropdownItem т.к. используются его части\nexport const mappingOverride = css`\n ${dropdownTokens.headerBackground}: var(${tokens.headerBackground});\n ${dropdownTokens.headerWidth}: var(${tokens.headerWidth});\n ${dropdownTokens.headerHeight}: var(${tokens.headerHeight});\n ${dropdownTokens.headerPaddingTop}: var(${tokens.headerPaddingTop});\n ${dropdownTokens.headerPaddingRight}: var(${tokens.headerPaddingRight});\n ${dropdownTokens.headerPaddingBottom}: var(${tokens.headerPaddingBottom});\n ${dropdownTokens.headerPaddingLeft}: var(${tokens.headerPaddingLeft});\n ${dropdownTokens.headerMarginTop}: var(${tokens.headerMarginTop});\n ${dropdownTokens.headerMarginRight}: var(${tokens.headerMarginRight});\n ${dropdownTokens.headerMarginBottom}: var(${tokens.headerMarginBottom});\n ${dropdownTokens.headerMarginLeft}: var(${tokens.headerMarginLeft});\n ${dropdownTokens.headerFontFamily}: var(${tokens.headerFontFamily});\n ${dropdownTokens.headerFontSize}: var(${tokens.headerFontSize});\n ${dropdownTokens.headerFontStyle}: var(${tokens.headerFontStyle});\n ${dropdownTokens.headerFontWeightBold}: var(${tokens.headerFontWeightBold});\n ${dropdownTokens.headerFontLetterSpacing}: var(${tokens.headerFontLetterSpacing});\n ${dropdownTokens.headerFontLineHeight}: var(${tokens.headerFontLineHeight});\n`;\n\nexport const base = mappingOverride;\n"],"names":["mappingOverride","base"],"mappings":";;;;AAKA;AACO,IAAMA,eAAe,GAkB3B,WAAA;AAEM,IAAMC,IAAI,GAAGD;;;;;"}
@@ -0,0 +1 @@
1
+ .m1tqc9mt{--plasma-dropdown-header-background:var(--plasma-select-header-background);--plasma-dropdown-header-width:var(--plasma-select-header-width);--plasma-dropdown-header-height:var(--plasma-select-header-height);--plasma-dropdown-header-padding-top:var(--plasma-select-header-padding-top);--plasma-dropdown-header-padding-right:var(--plasma-select-header-padding-right);--plasma-dropdown-header-padding-bottom:var(--plasma-select-header-padding-bottom);--plasma-dropdown-header-padding-left:var(--plasma-select-header-padding-left);--plasma-dropdown-header-margin-top:var(--plasma-select-header-margin-top);--plasma-dropdown-header-margin-right:var(--plasma-select-header-margin-right);--plasma-dropdown-header-margin-bottom:var(--plasma-select-header-margin-bottom);--plasma-dropdown-header-margin-left:var(--plasma-select-header-margin-left);--plasma-dropdown-header-font-family:var(--plasma-select-header-font-family);--plasma-dropdown-header-font-size:var(--plasma-select-header-font-size);--plasma-dropdown-header-font-style:var(--plasma-select-header-font-style);--plasma-dropdown-header-letter-spacing:var(--plasma-select-header-letter-spacing);--plasma-dropdown-header-line-height:var(--plasma-select-header-line-height);--plasma-dropdown-header-font-weight:var(--plasma-select-header-font-weight);}
@@ -0,0 +1,9 @@
1
+ import './base_x642ct.css';
2
+ 'use strict';
3
+
4
+ Object.defineProperty(exports, '__esModule', { value: true });
5
+
6
+ var base = "bps2mps";
7
+
8
+ exports.base = base;
9
+ //# sourceMappingURL=base.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.js","sources":["../../../../../../../src/components/Select/ui/SelectHeader/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":";;;;AAEO,IAAMA,IAAI,GAAQ;;;;"}
@@ -0,0 +1,9 @@
1
+ import './base_x642ct.css';
2
+ 'use strict';
3
+
4
+ Object.defineProperty(exports, '__esModule', { value: true });
5
+
6
+ var base = "b1wdqy2x";
7
+
8
+ exports.base = base;
9
+ //# sourceMappingURL=base.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.js","sources":["../../../../../../../src/components/Select/ui/SelectHeader/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":";;;;AAEO,IAAMA,IAAI,GAAQ;;;;"}
@@ -1,7 +1,7 @@
1
-
2
- .Popover_styles_1rk9t6z_s12xwbyh__96f55a53{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
3
- .Popover_styles_1rk9t6z_s1pd4d8a__96f55a53{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_1rk9t6z_s1pd4d8a__96f55a53::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
4
- .Popover_styles_1rk9t6z_s16xlixz__96f55a53{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='top'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='left'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='left'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='right'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='right'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='top-start'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='top-end'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom-start'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom-start'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom-end'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom-end'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
1
+ .Popover_styles_1ggb66y_s1g1xbt5__6eaffcc0{display:inline-block;}
2
+ .Popover_styles_1ggb66y_s12xwbyh__6eaffcc0{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
3
+ .Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
4
+ .Popover_styles_1ggb66y_s16xlixz__6eaffcc0{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
5
5
 
6
6
  .Dropdown_styles_1daxhqh_sn7uamp__488e0a19 .Dropdown_styles_1daxhqh_popoverTarget__488e0a19{display:block;}
7
7
  .Dropdown_styles_1daxhqh_sjr7fmv__488e0a19{box-sizing:border-box;background:var(--plasma-dropdown-background);box-shadow:var(--plasma-dropdown-box-shadow);border-radius:var(--plasma-dropdown-border-radius);width:var(--plasma-dropdown-width);height:var(--plasma-dropdown-height);padding:var(--plasma-dropdown-padding-top) var(--plasma-dropdown-padding-right) var(--plasma-dropdown-padding-bottom) var(--plasma-dropdown-padding-left);}
@@ -108,7 +108,8 @@ var SelectTarget = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
108
108
  "aria-label": label,
109
109
  className: index.cx(withInnerLabelUp, withHasChips, withNoFocus, selectTarget),
110
110
  onWheel: onWheel,
111
- onKeyDown: onKeyDown
111
+ onKeyDown: onKeyDown,
112
+ stretching: "filled"
112
113
  }), hasText && (enumerationType === 'comma' || target === 'button-like' ? /*#__PURE__*/React.createElement(SelectTarget_styles.StyledText, {
113
114
  className: selectTargeText
114
115
  }, textContent) : /*#__PURE__*/React.createElement(SelectTarget_styles.StyledChipsWrapper, {
@@ -1 +1 @@
1
- {"version":3,"file":"SelectTarget.js","sources":["../../../../../src/components/Select/ui/SelectTarget/SelectTarget.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useRef } from 'react';\n\nimport { classes } from '../../Select.tokens';\nimport { cx } from '../../../../utils';\nimport { SelectChip } from '../SelectChip/SelectChip';\nimport type { SelectPrimitiveValue } from '../../Select.types';\nimport { Keys } from '../../hooks/useKeyNavigation';\n\nimport {\n StyledArrow,\n StyledChips,\n StyledChipsWrapper,\n StyledLabel,\n StyledSelectTarget,\n StyledText,\n} from './SelectTarget.styles';\nimport type { SelectTargetProps } from './SelectTarget.types';\n\nconst {\n hasNoFocus,\n hasChips,\n innerLabelUp,\n arrowInverse,\n selectTarget,\n selectTargetArrow,\n selectTargeText,\n selectTargetLabel,\n} = classes;\n\n/**\n * Элемент для выпадающего списка\n */\nexport const SelectTarget = forwardRef<HTMLButtonElement, SelectTargetProps>(\n (\n {\n values,\n target = 'textField-like',\n label,\n opened,\n readOnly,\n disabled,\n enumerationType,\n size,\n id,\n chipsRefs,\n onChange,\n onKeyDown,\n ...rest\n },\n ref,\n ) => {\n const hasText = Boolean(values?.some(([value]) => value));\n\n const hasLabel = label && size !== 'xs' && target === 'textField-like';\n const textContent = values?.map(([, text]) => text).join(', ');\n const contentRef = useRef<HTMLDivElement>(null);\n\n const withArrowInverse = opened ? arrowInverse : undefined;\n const withInnerLabelUp = hasLabel && hasText ? innerLabelUp : undefined;\n const withHasChips =\n hasText && enumerationType === 'chip' && target === 'textField-like' ? hasChips : undefined;\n\n const withNoFocus = target === 'textField-like' ? hasNoFocus : undefined;\n\n const isLabelVisible = !hasText || (hasLabel && enumerationType === 'comma');\n\n const onChipClick = useCallback((event: React.MouseEvent<HTMLButtonElement>) => {\n event.stopPropagation();\n }, []);\n\n const onChipClear = useCallback(\n (value: SelectPrimitiveValue, text: SelectPrimitiveValue, index: number) => {\n const newValue = values\n ?.filter(([itemValue, itemText]) => !(itemValue === value && itemText === text))\n .map(([itemValue]) => itemValue);\n\n chipsRefs?.current.splice(index, 1);\n onChange?.(newValue);\n },\n [values, onChange],\n );\n\n const onChipKeyDown = useCallback(\n (\n value: SelectPrimitiveValue,\n text: SelectPrimitiveValue,\n index: number,\n event: React.KeyboardEvent<HTMLButtonElement>,\n ) => {\n const { code, shiftKey } = event;\n\n if (code === Keys.Tab || (code === Keys.Tab && shiftKey)) {\n event.preventDefault();\n }\n\n if (code === Keys.Backspace) {\n onChipClear(value, text, index);\n }\n },\n [onChipClear],\n );\n\n const onWheel = useCallback((event: React.WheelEvent<HTMLButtonElement>) => {\n const { deltaY } = event;\n\n if (contentRef.current) {\n contentRef.current.scrollLeft += Math.round(deltaY);\n }\n }, []);\n\n const getRef = useCallback((element: HTMLButtonElement | null, index: number) => {\n if (element && chipsRefs && chipsRefs.current) {\n chipsRefs.current[index] = element;\n }\n }, []);\n\n // INFO: Нужно очищать на каждый ререндер компонента для актуализации состояния рефов\n if (chipsRefs) {\n chipsRefs.current = [];\n }\n\n return (\n <StyledSelectTarget\n {...rest}\n ref={ref}\n opened={opened}\n target={target}\n readOnly={readOnly}\n disabled={disabled}\n title={textContent}\n aria-label={label}\n className={cx(withInnerLabelUp, withHasChips, withNoFocus, selectTarget)}\n onWheel={onWheel}\n onKeyDown={onKeyDown}\n >\n {hasText &&\n (enumerationType === 'comma' || target === 'button-like' ? (\n <StyledText className={selectTargeText}>{textContent}</StyledText>\n ) : (\n <StyledChipsWrapper ref={contentRef}>\n <StyledChips>\n {values?.map(([value, text], index) => (\n <SelectChip\n index={index}\n ref={(element) => getRef(element, index)}\n key={`${value}_${text}`}\n disabled={disabled}\n readOnly={readOnly}\n value={value}\n text={text}\n onClear={(v, t) => onChipClear(v, t, index)}\n onClick={onChipClick}\n onKeyDown={onChipKeyDown}\n />\n ))}\n </StyledChips>\n </StyledChipsWrapper>\n ))}\n {isLabelVisible && (\n <StyledLabel className={selectTargetLabel} htmlFor={id}>\n {label}\n </StyledLabel>\n )}\n <StyledArrow size=\"s\" color=\"inherit\" className={cx(selectTargetArrow, withArrowInverse)} />\n </StyledSelectTarget>\n );\n },\n);\n"],"names":["hasNoFocus","classes","hasChips","innerLabelUp","arrowInverse","selectTarget","selectTargetArrow","selectTargeText","selectTargetLabel","SelectTarget","forwardRef","_ref","ref","values","_ref$target","target","label","opened","readOnly","disabled","enumerationType","size","id","chipsRefs","onChange","onKeyDown","rest","_objectWithoutProperties","_excluded","hasText","Boolean","some","_ref2","_ref3","_slicedToArray","value","hasLabel","textContent","map","_ref4","_ref5","text","join","contentRef","useRef","withArrowInverse","undefined","withInnerLabelUp","withHasChips","withNoFocus","isLabelVisible","onChipClick","useCallback","event","stopPropagation","onChipClear","index","newValue","filter","_ref6","_ref7","itemValue","itemText","_ref8","_ref9","current","splice","onChipKeyDown","code","shiftKey","Keys","Tab","preventDefault","Backspace","onWheel","deltaY","scrollLeft","Math","round","getRef","element","React","createElement","StyledSelectTarget","_extends","title","className","cx","StyledText","StyledChipsWrapper","StyledChips","_ref10","_ref11","SelectChip","key","concat","onClear","v","t","onClick","StyledLabel","htmlFor","StyledArrow","color"],"mappings":"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"}
1
+ {"version":3,"file":"SelectTarget.js","sources":["../../../../../src/components/Select/ui/SelectTarget/SelectTarget.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useRef } from 'react';\n\nimport { classes } from '../../Select.tokens';\nimport { cx } from '../../../../utils';\nimport { SelectChip } from '../SelectChip/SelectChip';\nimport type { SelectPrimitiveValue } from '../../Select.types';\nimport { Keys } from '../../hooks/useKeyNavigation';\n\nimport {\n StyledArrow,\n StyledChips,\n StyledChipsWrapper,\n StyledLabel,\n StyledSelectTarget,\n StyledText,\n} from './SelectTarget.styles';\nimport type { SelectTargetProps } from './SelectTarget.types';\n\nconst {\n hasNoFocus,\n hasChips,\n innerLabelUp,\n arrowInverse,\n selectTarget,\n selectTargetArrow,\n selectTargeText,\n selectTargetLabel,\n} = classes;\n\n/**\n * Элемент для выпадающего списка\n */\nexport const SelectTarget = forwardRef<HTMLButtonElement, SelectTargetProps>(\n (\n {\n values,\n target = 'textField-like',\n label,\n opened,\n readOnly,\n disabled,\n enumerationType,\n size,\n id,\n chipsRefs,\n onChange,\n onKeyDown,\n ...rest\n },\n ref,\n ) => {\n const hasText = Boolean(values?.some(([value]) => value));\n\n const hasLabel = label && size !== 'xs' && target === 'textField-like';\n const textContent = values?.map(([, text]) => text).join(', ');\n const contentRef = useRef<HTMLDivElement>(null);\n\n const withArrowInverse = opened ? arrowInverse : undefined;\n const withInnerLabelUp = hasLabel && hasText ? innerLabelUp : undefined;\n const withHasChips =\n hasText && enumerationType === 'chip' && target === 'textField-like' ? hasChips : undefined;\n\n const withNoFocus = target === 'textField-like' ? hasNoFocus : undefined;\n\n const isLabelVisible = !hasText || (hasLabel && enumerationType === 'comma');\n\n const onChipClick = useCallback((event: React.MouseEvent<HTMLButtonElement>) => {\n event.stopPropagation();\n }, []);\n\n const onChipClear = useCallback(\n (value: SelectPrimitiveValue, text: SelectPrimitiveValue, index: number) => {\n const newValue = values\n ?.filter(([itemValue, itemText]) => !(itemValue === value && itemText === text))\n .map(([itemValue]) => itemValue);\n\n chipsRefs?.current.splice(index, 1);\n onChange?.(newValue);\n },\n [values, onChange],\n );\n\n const onChipKeyDown = useCallback(\n (\n value: SelectPrimitiveValue,\n text: SelectPrimitiveValue,\n index: number,\n event: React.KeyboardEvent<HTMLButtonElement>,\n ) => {\n const { code, shiftKey } = event;\n\n if (code === Keys.Tab || (code === Keys.Tab && shiftKey)) {\n event.preventDefault();\n }\n\n if (code === Keys.Backspace) {\n onChipClear(value, text, index);\n }\n },\n [onChipClear],\n );\n\n const onWheel = useCallback((event: React.WheelEvent<HTMLButtonElement>) => {\n const { deltaY } = event;\n\n if (contentRef.current) {\n contentRef.current.scrollLeft += Math.round(deltaY);\n }\n }, []);\n\n const getRef = useCallback((element: HTMLButtonElement | null, index: number) => {\n if (element && chipsRefs && chipsRefs.current) {\n chipsRefs.current[index] = element;\n }\n }, []);\n\n // INFO: Нужно очищать на каждый ререндер компонента для актуализации состояния рефов\n if (chipsRefs) {\n chipsRefs.current = [];\n }\n\n return (\n <StyledSelectTarget\n {...rest}\n ref={ref}\n opened={opened}\n target={target}\n readOnly={readOnly}\n disabled={disabled}\n title={textContent}\n aria-label={label}\n className={cx(withInnerLabelUp, withHasChips, withNoFocus, selectTarget)}\n onWheel={onWheel}\n onKeyDown={onKeyDown}\n stretching=\"filled\"\n >\n {hasText &&\n (enumerationType === 'comma' || target === 'button-like' ? (\n <StyledText className={selectTargeText}>{textContent}</StyledText>\n ) : (\n <StyledChipsWrapper ref={contentRef}>\n <StyledChips>\n {values?.map(([value, text], index) => (\n <SelectChip\n index={index}\n ref={(element) => getRef(element, index)}\n key={`${value}_${text}`}\n disabled={disabled}\n readOnly={readOnly}\n value={value}\n text={text}\n onClear={(v, t) => onChipClear(v, t, index)}\n onClick={onChipClick}\n onKeyDown={onChipKeyDown}\n />\n ))}\n </StyledChips>\n </StyledChipsWrapper>\n ))}\n {isLabelVisible && (\n <StyledLabel className={selectTargetLabel} htmlFor={id}>\n {label}\n </StyledLabel>\n )}\n <StyledArrow size=\"s\" color=\"inherit\" className={cx(selectTargetArrow, withArrowInverse)} />\n </StyledSelectTarget>\n );\n },\n);\n"],"names":["hasNoFocus","classes","hasChips","innerLabelUp","arrowInverse","selectTarget","selectTargetArrow","selectTargeText","selectTargetLabel","SelectTarget","forwardRef","_ref","ref","values","_ref$target","target","label","opened","readOnly","disabled","enumerationType","size","id","chipsRefs","onChange","onKeyDown","rest","_objectWithoutProperties","_excluded","hasText","Boolean","some","_ref2","_ref3","_slicedToArray","value","hasLabel","textContent","map","_ref4","_ref5","text","join","contentRef","useRef","withArrowInverse","undefined","withInnerLabelUp","withHasChips","withNoFocus","isLabelVisible","onChipClick","useCallback","event","stopPropagation","onChipClear","index","newValue","filter","_ref6","_ref7","itemValue","itemText","_ref8","_ref9","current","splice","onChipKeyDown","code","shiftKey","Keys","Tab","preventDefault","Backspace","onWheel","deltaY","scrollLeft","Math","round","getRef","element","React","createElement","StyledSelectTarget","_extends","title","className","cx","stretching","StyledText","StyledChipsWrapper","StyledChips","_ref10","_ref11","SelectChip","key","concat","onClear","v","t","onClick","StyledLabel","htmlFor","StyledArrow","color"],"mappings":"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"}
@@ -1,4 +1,4 @@
1
- import './TextField_wctd2m.css';
1
+ import './TextField_1lzb2r1.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -6,190 +6,70 @@ Object.defineProperty(exports, '__esModule', { value: true });
6
6
  var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
7
7
  var React = require('react');
8
8
  var plasmaCore = require('@salutejs/plasma-core');
9
- var index = require('../../utils/index.js');
10
- var base$2 = require('./variations/_size/base.js');
11
- var base$1 = require('./variations/_view/base.js');
12
- var base$3 = require('./variations/_disabled/base.js');
13
- var base$4 = require('./variations/_read-only/base.js');
14
- var base$5 = require('./variations/_label-placement/base.js');
9
+ var base$2 = require('./_size/base.js');
10
+ var base$1 = require('./_view/base.js');
11
+ var base$3 = require('./_disabled/base.js');
12
+ var base$4 = require('./_label-placement/base.js');
15
13
  var TextField_styles = require('./TextField.styles.js');
16
- var TextField_tokens = require('./TextField.tokens.js');
17
- var TextFieldChip = require('./ui/TextFieldChip/TextFieldChip.js');
18
- var useKeyNavigation = require('./hooks/useKeyNavigation.js');
19
14
 
20
- var _excluded = ["id", "contentLeft", "contentRight", "label", "labelPlacement", "placeholder", "leftHelper", "enumerationType", "view", "size", "readOnly", "disabled", "values", "onChange", "onChangeChips", "onSearch"];
15
+ var _excluded = ["contentLeft", "contentRight", "children", "label", "labelPlacement", "placeholder", "leftHelper", "view", "size", "disabled", "onChange", "onSearch"];
21
16
  var base = "bpunezx";
22
17
  var textFieldRoot = function textFieldRoot(Root) {
23
18
  return /*#__PURE__*/React.forwardRef(function (props, ref) {
24
- var id = props.id,
25
- contentLeft = props.contentLeft,
19
+ var contentLeft = props.contentLeft,
26
20
  contentRight = props.contentRight,
27
21
  label = props.label,
28
22
  labelPlacement = props.labelPlacement,
29
23
  placeholder = props.placeholder,
30
24
  leftHelper = props.leftHelper,
31
- _props$enumerationTyp = props.enumerationType,
32
- enumerationType = _props$enumerationTyp === void 0 ? 'plain' : _props$enumerationTyp,
33
25
  view = props.view,
34
26
  size = props.size,
35
- _props$readOnly = props.readOnly,
36
- readOnly = _props$readOnly === void 0 ? false : _props$readOnly,
37
- _props$disabled = props.disabled,
38
- disabled = _props$disabled === void 0 ? false : _props$disabled,
39
- values = props.values,
27
+ disabled = props.disabled,
40
28
  onChange = props.onChange,
41
- onChangeChips = props.onChangeChips,
42
29
  onSearch = props.onSearch,
43
30
  rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
44
- var contentRef = React.useRef(null);
45
- var inputRef = React.useRef(null);
46
- var chipsRefs = React.useRef([]);
47
- var controlledRefs = {
48
- contentRef: contentRef,
49
- inputRef: inputRef,
50
- chipsRefs: chipsRefs
51
- };
52
- var _useState = React.useState([]),
53
- _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
54
- chips = _useState2[0],
55
- setChips = _useState2[1];
56
- var uniqId = plasmaCore.safeUseId();
57
- var innerId = id || uniqId;
58
- var labelId = plasmaCore.safeUseId();
59
- var helperTextId = plasmaCore.safeUseId();
60
- var isChipEnumeration = enumerationType === 'chip';
61
- var hideLabel = (size === 'xs' || isChipEnumeration) && labelPlacement === 'inner';
62
- var labelInside = size !== 'xs' && labelPlacement === 'inner';
63
- var innerLabelPlacementValue = hideLabel ? 'outer' : labelPlacement;
64
- var innerPlaceholderValue = hideLabel ? label : placeholder;
65
- var innerLabelValue = hideLabel ? undefined : label;
66
- var isChipsVisible = isChipEnumeration && (chips === null || chips === void 0 ? void 0 : chips.length);
67
- var withHasChips = isChipsVisible ? TextField_tokens.classes.hasChips : undefined;
68
- var wrapperWithoutLeftContent = !contentLeft && isChipsVisible ? TextField_tokens.classes.hasEmptyContentLeft : undefined;
69
- var wrapperWithoutRightContent = !contentRight && isChipsVisible ? TextField_tokens.classes.hasEmptyContentRight : undefined;
70
31
  var handleChange = function handleChange(event) {
71
- if (disabled || readOnly) {
72
- return;
73
- }
74
32
  var _event$target = event.target,
75
33
  maxLength = _event$target.maxLength,
76
34
  value = _event$target.value;
77
- if (maxLength !== -1 && value.length > maxLength) {
78
- return;
79
- }
80
- onChange === null || onChange === void 0 ? void 0 : onChange(event);
81
- };
82
- var updateChips = function updateChips(newChips, newValues) {
83
- setChips(newChips);
84
- onChangeChips === null || onChangeChips === void 0 ? void 0 : onChangeChips(newValues);
85
- };
86
- var _useKeyNavigation = useKeyNavigation.useKeyNavigation({
87
- controlledRefs: controlledRefs,
88
- disabled: disabled,
89
- readOnly: readOnly,
90
- chips: chips,
91
- enumerationType: enumerationType,
92
- updateChips: updateChips,
93
- onSearch: onSearch,
94
- onChange: onChange
95
- }),
96
- handleInputKeydown = _useKeyNavigation.handleInputKeydown,
97
- handleChipKeyDown = _useKeyNavigation.handleChipKeyDown,
98
- onChipClear = _useKeyNavigation.onChipClear,
99
- handleContentKeyDown = _useKeyNavigation.handleContentKeyDown;
100
- var onChipClick = function onChipClick(event) {
101
- return event.stopPropagation();
102
- };
103
- var handleInputFocus = function handleInputFocus() {
104
- if (readOnly || disabled || !(inputRef !== null && inputRef !== void 0 && inputRef.current)) {
35
+ if (!onChange || maxLength !== -1 && value.length > maxLength) {
105
36
  return;
106
37
  }
107
- inputRef.current.scrollIntoView({
108
- behavior: 'smooth',
109
- block: 'center',
110
- inline: 'center'
111
- });
112
- inputRef.current.focus({
113
- preventScroll: true
114
- });
38
+ onChange(event);
115
39
  };
116
- var getRef = function getRef(element, index) {
117
- if (element && chipsRefs !== null && chipsRefs !== void 0 && chipsRefs.current) {
118
- chipsRefs.current[index] = element;
40
+ var handleKeyUp = function handleKeyUp(event) {
41
+ if (event.key === 'Enter' && onSearch) {
42
+ onSearch(event.target.value, event);
119
43
  }
120
44
  };
121
- React.useEffect(function () {
122
- if (!isChipEnumeration && !(values !== null && values !== void 0 && values.length)) {
123
- return;
124
- }
125
- var newChips = (values === null || values === void 0 ? void 0 : values.map(function (value, index) {
126
- return {
127
- id: "".concat(index, "_").concat(value),
128
- text: value
129
- };
130
- })) || [];
131
- setChips(newChips);
132
- }, [isChipEnumeration, values]);
45
+ var labelInside = labelPlacement === 'inner';
46
+ var lableId = plasmaCore.safeUseId();
47
+ var helperTextId = plasmaCore.safeUseId();
133
48
  return /*#__PURE__*/React.createElement(Root, {
134
- ref: ref,
135
49
  view: view,
136
50
  size: size,
137
51
  disabled: disabled,
138
- readOnly: !disabled && readOnly,
139
- labelPlacement: innerLabelPlacementValue,
140
- onClick: handleInputFocus
141
- }, labelInside || innerLabelValue && /*#__PURE__*/React.createElement(TextField_styles.Label, {
142
- id: labelId,
143
- htmlFor: id
144
- }, innerLabelValue), /*#__PURE__*/React.createElement(TextField_styles.InputWrapper, {
145
- className: index.cx(withHasChips, wrapperWithoutLeftContent, wrapperWithoutRightContent)
146
- }, contentLeft && /*#__PURE__*/React.createElement(TextField_styles.StyledContentLeft, null, contentLeft), /*#__PURE__*/React.createElement(TextField_styles.InputLabelWrapper, {
147
- tabIndex: -1,
148
- ref: contentRef,
149
- onKeyDown: handleContentKeyDown,
150
- className: withHasChips
151
- }, isChipEnumeration && Boolean(chips === null || chips === void 0 ? void 0 : chips.length) && /*#__PURE__*/React.createElement(TextField_styles.StyledChips, null, chips === null || chips === void 0 ? void 0 : chips.map(function (_ref, index) {
152
- var chipId = _ref.id,
153
- text = _ref.text;
154
- return /*#__PURE__*/React.createElement(TextFieldChip.TextFieldChip, {
155
- ref: function ref(element) {
156
- return getRef(element, index);
157
- },
158
- chipId: chipId,
159
- key: "".concat(chipId, "_").concat(index),
160
- disabled: disabled,
161
- readOnly: readOnly,
162
- value: text,
163
- text: text,
164
- onKeyDown: function onKeyDown(event) {
165
- return handleChipKeyDown(event, chipId);
166
- },
167
- onClear: function onClear() {
168
- return onChipClear(chipId);
169
- },
170
- onClick: onChipClick
171
- });
172
- })), /*#__PURE__*/React.createElement(TextField_styles.Input, _rollupPluginBabelHelpers.extends({}, rest, {
173
- ref: inputRef,
174
- id: innerId,
175
- "aria-labelledby": labelId,
52
+ labelPlacement: labelPlacement
53
+ }, labelInside || label && /*#__PURE__*/React.createElement(TextField_styles.Label, {
54
+ id: lableId
55
+ }, label), /*#__PURE__*/React.createElement(TextField_styles.InputWrapper, null, contentLeft, /*#__PURE__*/React.createElement(TextField_styles.InputLabelWrapper, null, /*#__PURE__*/React.createElement(TextField_styles.Input, _rollupPluginBabelHelpers.extends({}, rest, {
56
+ ref: ref,
57
+ "aria-labelledby": lableId,
176
58
  "aria-describedby": helperTextId,
177
- placeholder: innerPlaceholderValue,
59
+ placeholder: placeholder,
178
60
  disabled: disabled,
179
- readOnly: !disabled && readOnly,
180
61
  onChange: handleChange,
181
- onKeyDown: handleInputKeydown
62
+ onKeyUp: handleKeyUp
182
63
  })), labelInside && /*#__PURE__*/React.createElement(TextField_styles.Label, {
183
- id: labelId,
184
- htmlFor: innerId
185
- }, innerLabelValue)), contentRight && /*#__PURE__*/React.createElement(TextField_styles.StyledContentRight, null, contentRight)), leftHelper && /*#__PURE__*/React.createElement(TextField_styles.LeftHelper, {
64
+ id: lableId
65
+ }, label)), contentRight), leftHelper && /*#__PURE__*/React.createElement(TextField_styles.LeftHelper, {
186
66
  id: helperTextId
187
67
  }, leftHelper));
188
68
  });
189
69
  };
190
70
  var textFieldConfig = {
191
71
  name: 'TextField',
192
- tag: 'div',
72
+ tag: 'label',
193
73
  layout: textFieldRoot,
194
74
  base: base,
195
75
  variations: {
@@ -203,21 +83,15 @@ var textFieldConfig = {
203
83
  css: base$3.base,
204
84
  attrs: true
205
85
  },
206
- readOnly: {
207
- css: base$4.base,
208
- attrs: true
209
- },
210
86
  labelPlacement: {
211
- css: base$5.base
87
+ css: base$4.base
212
88
  }
213
89
  },
214
90
  defaults: {
215
- size: 'm',
216
- view: 'default'
91
+ size: 'm'
217
92
  }
218
93
  };
219
94
 
220
- exports.base = base;
221
95
  exports.textFieldConfig = textFieldConfig;
222
96
  exports.textFieldRoot = textFieldRoot;
223
97
  //# sourceMappingURL=TextField.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"TextField.js","sources":["../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport type { ChangeEventHandler } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\nimport { css } from '@linaria/core';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { ChipValues, TextFieldPrimitiveValue, TextFieldProps } from './TextField.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readOnlyCSS } from './variations/_read-only/base';\nimport { base as labelPlacementCSS } from './variations/_label-placement/base';\nimport {\n Input,\n LeftHelper,\n Label,\n InputWrapper,\n InputLabelWrapper,\n StyledContentLeft,\n StyledContentRight,\n StyledChips,\n} from './TextField.styles';\nimport { classes } from './TextField.tokens';\nimport { TextFieldChip } from './ui';\nimport { useKeyNavigation } from './hooks/useKeyNavigation';\n\nexport const base = css`\n /* NOTE: Webkit не применяет opacity к inline тегам */\n display: block;\n overflow: hidden;\n`;\n\nexport const textFieldRoot = (Root: RootProps<HTMLDivElement, TextFieldProps>) =>\n forwardRef<HTMLDivElement, TextFieldProps>((props, ref) => {\n const {\n id,\n\n // layout\n contentLeft,\n contentRight,\n label,\n labelPlacement,\n placeholder,\n leftHelper,\n enumerationType = 'plain',\n\n // variations\n view,\n size,\n readOnly = false,\n disabled = false,\n\n // controlled\n values,\n\n // events\n onChange,\n onChangeChips,\n onSearch,\n\n ...rest\n } = props;\n\n const contentRef = useRef<HTMLDivElement>(null);\n const inputRef = useRef<HTMLInputElement>(null);\n const chipsRefs = useRef<Array<HTMLButtonElement>>([]);\n\n const controlledRefs = { contentRef, inputRef, chipsRefs };\n\n const [chips, setChips] = useState<Array<ChipValues>>([]);\n\n const uniqId = safeUseId();\n const innerId = id || uniqId;\n const labelId = safeUseId();\n const helperTextId = safeUseId();\n\n const isChipEnumeration = enumerationType === 'chip';\n const hideLabel = (size === 'xs' || isChipEnumeration) && labelPlacement === 'inner';\n const labelInside = size !== 'xs' && labelPlacement === 'inner';\n const innerLabelPlacementValue = hideLabel ? 'outer' : labelPlacement;\n const innerPlaceholderValue = hideLabel ? label : placeholder;\n const innerLabelValue = hideLabel ? undefined : label;\n\n const isChipsVisible = isChipEnumeration && chips?.length;\n const withHasChips = isChipsVisible ? classes.hasChips : undefined;\n const wrapperWithoutLeftContent = !contentLeft && isChipsVisible ? classes.hasEmptyContentLeft : undefined;\n const wrapperWithoutRightContent = !contentRight && isChipsVisible ? classes.hasEmptyContentRight : undefined;\n\n const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n if (disabled || readOnly) {\n return;\n }\n\n const { maxLength, value } = event.target;\n\n if (maxLength !== -1 && value.length > maxLength) {\n return;\n }\n\n onChange?.(event);\n };\n\n const updateChips = (newChips: Array<ChipValues>, newValues: Array<TextFieldPrimitiveValue>) => {\n setChips(newChips);\n onChangeChips?.(newValues);\n };\n\n const { handleInputKeydown, handleChipKeyDown, onChipClear, handleContentKeyDown } = useKeyNavigation({\n controlledRefs,\n disabled,\n readOnly,\n chips,\n enumerationType,\n updateChips,\n onSearch,\n onChange,\n });\n\n const onChipClick = (event: React.MouseEvent<HTMLButtonElement>) => event.stopPropagation();\n\n const handleInputFocus = () => {\n if (readOnly || disabled || !inputRef?.current) {\n return;\n }\n\n inputRef.current.scrollIntoView({\n behavior: 'smooth',\n block: 'center',\n inline: 'center',\n });\n inputRef.current.focus({ preventScroll: true });\n };\n\n const getRef = (element: HTMLButtonElement | null, index: number) => {\n if (element && chipsRefs?.current) {\n chipsRefs.current[index] = element;\n }\n };\n\n useEffect(() => {\n if (!isChipEnumeration && !values?.length) {\n return;\n }\n\n const newChips =\n values?.map((value, index) => ({\n id: `${index}_${value}`,\n text: value,\n })) || [];\n\n setChips(newChips);\n }, [isChipEnumeration, values]);\n\n return (\n <Root\n ref={ref}\n view={view}\n size={size}\n disabled={disabled}\n readOnly={!disabled && readOnly}\n labelPlacement={innerLabelPlacementValue}\n onClick={handleInputFocus}\n >\n {labelInside ||\n (innerLabelValue && (\n <Label id={labelId} htmlFor={id}>\n {innerLabelValue}\n </Label>\n ))}\n <InputWrapper className={cx(withHasChips, wrapperWithoutLeftContent, wrapperWithoutRightContent)}>\n {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n <InputLabelWrapper\n tabIndex={-1}\n ref={contentRef}\n onKeyDown={handleContentKeyDown}\n className={withHasChips}\n >\n {isChipEnumeration && Boolean(chips?.length) && (\n <StyledChips>\n {chips?.map(({ id: chipId, text }, index) => {\n return (\n <TextFieldChip\n ref={(element) => getRef(element, index)}\n chipId={chipId}\n key={`${chipId}_${index}`}\n disabled={disabled}\n readOnly={readOnly}\n value={text}\n text={text}\n onKeyDown={(event) => handleChipKeyDown(event, chipId)}\n onClear={() => onChipClear(chipId)}\n onClick={onChipClick}\n />\n );\n })}\n </StyledChips>\n )}\n <Input\n {...rest}\n ref={inputRef}\n id={innerId}\n aria-labelledby={labelId}\n aria-describedby={helperTextId}\n placeholder={innerPlaceholderValue}\n disabled={disabled}\n readOnly={!disabled && readOnly}\n onChange={handleChange}\n onKeyDown={handleInputKeydown}\n />\n {labelInside && (\n <Label id={labelId} htmlFor={innerId}>\n {innerLabelValue}\n </Label>\n )}\n </InputLabelWrapper>\n {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n </InputWrapper>\n {leftHelper && <LeftHelper id={helperTextId}>{leftHelper}</LeftHelper>}\n </Root>\n );\n });\n\nexport const textFieldConfig = {\n name: 'TextField',\n tag: 'div',\n layout: textFieldRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n readOnly: {\n css: readOnlyCSS,\n attrs: true,\n },\n labelPlacement: {\n css: labelPlacementCSS,\n },\n },\n defaults: {\n size: 'm',\n view: 'default',\n },\n};\n"],"names":["base","textFieldRoot","Root","forwardRef","props","ref","id","contentLeft","contentRight","label","labelPlacement","placeholder","leftHelper","_props$enumerationTyp","enumerationType","view","size","_props$readOnly","readOnly","_props$disabled","disabled","values","onChange","onChangeChips","onSearch","rest","_excluded","contentRef","useRef","inputRef","chipsRefs","controlledRefs","_useState","useState","_useState2","_slicedToArray","chips","setChips","uniqId","safeUseId","innerId","labelId","helperTextId","isChipEnumeration","hideLabel","labelInside","innerLabelPlacementValue","innerPlaceholderValue","innerLabelValue","undefined","isChipsVisible","length","withHasChips","classes","hasChips","wrapperWithoutLeftContent","hasEmptyContentLeft","wrapperWithoutRightContent","hasEmptyContentRight","handleChange","event","_event$target","target","maxLength","value","updateChips","newChips","newValues","_useKeyNavigation","useKeyNavigation","handleInputKeydown","handleChipKeyDown","onChipClear","handleContentKeyDown","onChipClick","stopPropagation","handleInputFocus","current","scrollIntoView","behavior","block","inline","focus","preventScroll","getRef","element","index","useEffect","map","concat","text","React","createElement","onClick","Label","htmlFor","InputWrapper","className","cx","StyledContentLeft","InputLabelWrapper","tabIndex","onKeyDown","Boolean","StyledChips","_ref","chipId","TextFieldChip","key","onClear","Input","_extends","StyledContentRight","LeftHelper","textFieldConfig","name","tag","layout","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readOnlyCSS","labelPlacementCSS","defaults"],"mappings":"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"}
1
+ {"version":3,"file":"TextField.js","sources":["../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { ChangeEventHandler, KeyboardEventHandler, LabelHTMLAttributes } from 'react';\nimport { css } from '@linaria/core';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../engines';\n\nimport type { TextFieldProps } from './TextField.types';\nimport { base as size } from './_size/base';\nimport { base as view } from './_view/base';\nimport { base as disabled } from './_disabled/base';\nimport { base as labelPlacement } from './_label-placement/base';\nimport { Input, LeftHelper, Label, InputWrapper, InputLabelWrapper } from './TextField.styles';\n\nconst base = css`\n /* NOTE: Webkit не применяет opacity к inline тегам */\n display: block;\n`;\n\nexport const textFieldRoot = (\n Root: RootProps<HTMLInputElement, TextFieldProps & LabelHTMLAttributes<HTMLLabelElement>>,\n) =>\n forwardRef<HTMLInputElement, TextFieldProps>((props, ref) => {\n const {\n // layout\n contentLeft,\n contentRight,\n children,\n label,\n labelPlacement,\n placeholder,\n leftHelper,\n\n // variations\n view,\n size,\n disabled,\n\n // events\n onChange,\n onSearch,\n\n ...rest\n } = props;\n\n const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n const { maxLength, value } = event.target;\n\n if (!onChange || (maxLength !== -1 && value.length > maxLength)) {\n return;\n }\n\n onChange(event);\n };\n\n const handleKeyUp: KeyboardEventHandler<HTMLInputElement> = (event) => {\n if (event.key === 'Enter' && onSearch) {\n onSearch((event.target as HTMLInputElement).value, event);\n }\n };\n\n const labelInside = labelPlacement === 'inner';\n const lableId = safeUseId();\n const helperTextId = safeUseId();\n\n return (\n <Root view={view} size={size} disabled={disabled} labelPlacement={labelPlacement}>\n {labelInside || (label && <Label id={lableId}>{label}</Label>)}\n <InputWrapper>\n {contentLeft}\n <InputLabelWrapper>\n <Input\n {...rest}\n ref={ref}\n aria-labelledby={lableId}\n aria-describedby={helperTextId}\n placeholder={placeholder}\n disabled={disabled}\n onChange={handleChange}\n onKeyUp={handleKeyUp}\n />\n {labelInside && <Label id={lableId}>{label}</Label>}\n </InputLabelWrapper>\n {contentRight}\n </InputWrapper>\n {leftHelper && <LeftHelper id={helperTextId}>{leftHelper}</LeftHelper>}\n </Root>\n );\n });\n\nexport const textFieldConfig = {\n name: 'TextField',\n tag: 'label',\n layout: textFieldRoot,\n base,\n variations: {\n view: {\n css: view,\n },\n size: {\n css: size,\n },\n disabled: {\n css: disabled,\n attrs: true,\n },\n labelPlacement: {\n css: labelPlacement,\n },\n },\n defaults: {\n size: 'm',\n },\n};\n"],"names":["base","textFieldRoot","Root","forwardRef","props","ref","contentLeft","contentRight","label","labelPlacement","placeholder","leftHelper","view","size","disabled","onChange","onSearch","rest","_excluded","handleChange","event","_event$target","target","maxLength","value","length","handleKeyUp","key","labelInside","lableId","safeUseId","helperTextId","React","createElement","Label","id","InputWrapper","InputLabelWrapper","Input","_extends","onKeyUp","LeftHelper","textFieldConfig","name","tag","layout","variations","css","attrs","defaults"],"mappings":"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"}