@salutejs/plasma-new-hope 0.109.1-dev.0 → 0.110.0-canary.1307.10056755335.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (400) hide show
  1. package/cjs/components/Portal/Portal.js +1 -1
  2. package/cjs/components/Portal/Portal.js.map +1 -1
  3. package/cjs/components/Price/Price.css +2 -0
  4. package/cjs/components/Price/Price.js +65 -0
  5. package/cjs/components/Price/Price.js.map +1 -0
  6. package/cjs/components/Price/Price.styles.js +17 -0
  7. package/cjs/components/Price/Price.styles.js.map +1 -0
  8. package/cjs/components/Price/Price.styles_15b4mp1.css +2 -0
  9. package/cjs/components/Price/Price.tokens.js +10 -0
  10. package/cjs/components/Price/Price.tokens.js.map +1 -0
  11. package/cjs/components/Price/utils/formatCurrency.js +22 -0
  12. package/cjs/components/Price/utils/formatCurrency.js.map +1 -0
  13. package/cjs/components/Price/variations/_view/base.js +9 -0
  14. package/cjs/components/Price/variations/_view/base.js.map +1 -0
  15. package/cjs/components/Price/variations/_view/base_x642ct.css +1 -0
  16. package/cjs/components/TextField/TextField.js +2 -2
  17. package/cjs/components/TextField/TextField.js.map +1 -1
  18. package/cjs/index.css +2 -15
  19. package/cjs/index.js +5 -12
  20. package/cjs/index.js.map +1 -1
  21. package/emotion/cjs/components/Portal/Portal.js +1 -1
  22. package/emotion/cjs/components/Portal/Portal.template-doc.mdx +1 -1
  23. package/emotion/cjs/components/Price/Price.js +66 -0
  24. package/emotion/cjs/components/Price/Price.styles.js +24 -0
  25. package/emotion/cjs/components/Price/Price.template-doc.mdx +24 -0
  26. package/emotion/cjs/components/Price/Price.tokens.js +9 -0
  27. package/emotion/cjs/components/Price/index.js +25 -0
  28. package/emotion/cjs/components/Price/utils/formatCurrency.js +21 -0
  29. package/emotion/cjs/components/Price/variations/_view/base.js +8 -0
  30. package/emotion/cjs/components/Price/variations/_view/tokens.json +1 -0
  31. package/emotion/cjs/components/TextField/TextField.js +3 -3
  32. package/emotion/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +5 -5
  33. package/emotion/cjs/examples/plasma_b2c/components/Overlay/Overlay.stories.tsx +1 -1
  34. package/emotion/cjs/examples/plasma_b2c/components/Price/Price.config.js +14 -0
  35. package/emotion/cjs/examples/plasma_b2c/components/Price/Price.js +17 -0
  36. package/emotion/cjs/examples/plasma_b2c/components/Price/Price.stories.tsx +38 -0
  37. package/emotion/cjs/examples/plasma_web/components/Dropdown/Dropdown.config.js +5 -5
  38. package/emotion/cjs/examples/plasma_web/components/Overlay/Overlay.stories.tsx +1 -1
  39. package/emotion/cjs/examples/plasma_web/components/Price/Price.config.js +14 -0
  40. package/emotion/cjs/examples/plasma_web/components/Price/Price.js +17 -0
  41. package/emotion/cjs/examples/plasma_web/components/Price/Price.stories.tsx +38 -0
  42. package/emotion/cjs/examples/sds_engineer/components/Overlay/Overlay.stories.tsx +1 -1
  43. package/emotion/cjs/hooks/index.js +0 -7
  44. package/emotion/cjs/index.js +4 -15
  45. package/emotion/es/components/Portal/Portal.js +1 -1
  46. package/emotion/es/components/Portal/Portal.template-doc.mdx +1 -1
  47. package/emotion/es/components/Price/Price.js +58 -0
  48. package/emotion/es/components/Price/Price.styles.js +17 -0
  49. package/emotion/es/components/Price/Price.template-doc.mdx +24 -0
  50. package/emotion/es/components/Price/Price.tokens.js +3 -0
  51. package/emotion/es/components/Price/index.js +2 -0
  52. package/emotion/es/components/Price/utils/formatCurrency.js +15 -0
  53. package/emotion/es/components/Price/variations/_view/base.js +2 -0
  54. package/emotion/es/components/Price/variations/_view/tokens.json +1 -0
  55. package/emotion/es/components/TextField/TextField.js +3 -3
  56. package/emotion/es/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +5 -5
  57. package/emotion/es/examples/plasma_b2c/components/Overlay/Overlay.stories.tsx +1 -1
  58. package/emotion/es/examples/plasma_b2c/components/Price/Price.config.js +8 -0
  59. package/emotion/es/examples/plasma_b2c/components/Price/Price.js +6 -0
  60. package/emotion/es/examples/plasma_b2c/components/Price/Price.stories.tsx +38 -0
  61. package/emotion/es/examples/plasma_web/components/Dropdown/Dropdown.config.js +5 -5
  62. package/emotion/es/examples/plasma_web/components/Overlay/Overlay.stories.tsx +1 -1
  63. package/emotion/es/examples/plasma_web/components/Price/Price.config.js +8 -0
  64. package/emotion/es/examples/plasma_web/components/Price/Price.js +6 -0
  65. package/emotion/es/examples/plasma_web/components/Price/Price.stories.tsx +38 -0
  66. package/emotion/es/examples/sds_engineer/components/Overlay/Overlay.stories.tsx +1 -1
  67. package/emotion/es/hooks/index.js +0 -1
  68. package/emotion/es/index.js +1 -2
  69. package/es/components/Portal/Portal.js +1 -1
  70. package/es/components/Portal/Portal.js.map +1 -1
  71. package/es/components/Price/Price.css +2 -0
  72. package/es/components/Price/Price.js +60 -0
  73. package/es/components/Price/Price.js.map +1 -0
  74. package/es/components/Price/Price.styles.js +12 -0
  75. package/es/components/Price/Price.styles.js.map +1 -0
  76. package/es/components/Price/Price.styles_15b4mp1.css +2 -0
  77. package/es/components/Price/Price.tokens.js +6 -0
  78. package/es/components/Price/Price.tokens.js.map +1 -0
  79. package/es/components/Price/utils/formatCurrency.js +18 -0
  80. package/es/components/Price/utils/formatCurrency.js.map +1 -0
  81. package/es/components/Price/variations/_view/base.js +5 -0
  82. package/es/components/Price/variations/_view/base.js.map +1 -0
  83. package/es/components/Price/variations/_view/base_x642ct.css +1 -0
  84. package/es/components/TextField/TextField.js +2 -2
  85. package/es/components/TextField/TextField.js.map +1 -1
  86. package/es/index.css +2 -15
  87. package/es/index.js +2 -5
  88. package/es/index.js.map +1 -1
  89. package/package.json +2 -2
  90. package/styled-components/cjs/components/Portal/Portal.js +1 -1
  91. package/styled-components/cjs/components/Portal/Portal.template-doc.mdx +1 -1
  92. package/styled-components/cjs/components/Price/Price.js +66 -0
  93. package/styled-components/cjs/components/Price/Price.styles.js +15 -0
  94. package/styled-components/cjs/components/Price/Price.template-doc.mdx +24 -0
  95. package/styled-components/cjs/components/Price/Price.tokens.js +9 -0
  96. package/styled-components/cjs/components/Price/index.js +25 -0
  97. package/styled-components/cjs/components/Price/utils/formatCurrency.js +21 -0
  98. package/styled-components/cjs/components/Price/variations/_view/base.js +8 -0
  99. package/styled-components/cjs/components/Price/variations/_view/tokens.json +1 -0
  100. package/styled-components/cjs/components/TextField/TextField.js +2 -2
  101. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +1 -1
  102. package/styled-components/cjs/examples/plasma_b2c/components/Price/Price.config.js +14 -0
  103. package/styled-components/cjs/examples/plasma_b2c/components/Price/Price.js +17 -0
  104. package/styled-components/cjs/examples/plasma_b2c/components/Price/Price.stories.tsx +38 -0
  105. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Dropdown.config.js +1 -1
  106. package/styled-components/cjs/examples/plasma_web/components/Price/Price.config.js +14 -0
  107. package/styled-components/cjs/examples/plasma_web/components/Price/Price.js +17 -0
  108. package/styled-components/cjs/examples/plasma_web/components/Price/Price.stories.tsx +38 -0
  109. package/styled-components/cjs/hooks/index.js +0 -7
  110. package/styled-components/cjs/index.js +4 -15
  111. package/styled-components/es/components/Portal/Portal.js +1 -1
  112. package/styled-components/es/components/Portal/Portal.template-doc.mdx +1 -1
  113. package/styled-components/es/components/Price/Price.js +58 -0
  114. package/styled-components/es/components/Price/Price.styles.js +7 -0
  115. package/styled-components/es/components/Price/Price.template-doc.mdx +24 -0
  116. package/styled-components/es/components/Price/Price.tokens.js +3 -0
  117. package/styled-components/es/components/Price/index.js +2 -0
  118. package/styled-components/es/components/Price/utils/formatCurrency.js +15 -0
  119. package/styled-components/es/components/Price/variations/_view/base.js +2 -0
  120. package/styled-components/es/components/Price/variations/_view/tokens.json +1 -0
  121. package/styled-components/es/components/TextField/TextField.js +2 -2
  122. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +1 -1
  123. package/styled-components/es/examples/plasma_b2c/components/Price/Price.config.js +8 -0
  124. package/styled-components/es/examples/plasma_b2c/components/Price/Price.js +6 -0
  125. package/styled-components/es/examples/plasma_b2c/components/Price/Price.stories.tsx +38 -0
  126. package/styled-components/es/examples/plasma_web/components/Dropdown/Dropdown.config.js +1 -1
  127. package/styled-components/es/examples/plasma_web/components/Price/Price.config.js +8 -0
  128. package/styled-components/es/examples/plasma_web/components/Price/Price.js +6 -0
  129. package/styled-components/es/examples/plasma_web/components/Price/Price.stories.tsx +38 -0
  130. package/styled-components/es/hooks/index.js +0 -1
  131. package/styled-components/es/index.js +1 -2
  132. package/types/components/Portal/Portal.d.ts +6 -2
  133. package/types/components/Portal/Portal.d.ts.map +1 -1
  134. package/types/components/Portal/index.d.ts.map +1 -1
  135. package/types/components/Price/Price.d.ts +22 -0
  136. package/types/components/Price/Price.d.ts.map +1 -0
  137. package/types/components/Price/Price.styles.d.ts +4 -0
  138. package/types/components/Price/Price.styles.d.ts.map +1 -0
  139. package/types/components/Price/Price.tokens.d.ts +4 -0
  140. package/types/components/Price/Price.tokens.d.ts.map +1 -0
  141. package/types/components/Price/Price.types.d.ts +41 -0
  142. package/types/components/Price/Price.types.d.ts.map +1 -0
  143. package/types/components/Price/index.d.ts +3 -0
  144. package/types/components/Price/index.d.ts.map +1 -0
  145. package/types/components/Price/utils/formatCurrency.d.ts +10 -0
  146. package/types/components/Price/utils/formatCurrency.d.ts.map +1 -0
  147. package/types/components/Price/variations/_view/base.d.ts +2 -0
  148. package/types/components/Price/variations/_view/base.d.ts.map +1 -0
  149. package/types/examples/plasma_b2c/components/Price/Price.config.d.ts +9 -0
  150. package/types/examples/plasma_b2c/components/Price/Price.config.d.ts.map +1 -0
  151. package/types/examples/plasma_b2c/components/Price/Price.d.ts +6 -0
  152. package/types/examples/plasma_b2c/components/Price/Price.d.ts.map +1 -0
  153. package/types/examples/plasma_web/components/Price/Price.config.d.ts +9 -0
  154. package/types/examples/plasma_web/components/Price/Price.config.d.ts.map +1 -0
  155. package/types/examples/plasma_web/components/Price/Price.d.ts +6 -0
  156. package/types/examples/plasma_web/components/Price/Price.d.ts.map +1 -0
  157. package/types/hooks/index.d.ts +0 -1
  158. package/types/hooks/index.d.ts.map +1 -1
  159. package/types/index.d.ts +1 -2
  160. package/types/index.d.ts.map +1 -1
  161. package/cjs/components/Autocomplete/Autocomplete.css +0 -60
  162. package/cjs/components/Autocomplete/Autocomplete.js +0 -189
  163. package/cjs/components/Autocomplete/Autocomplete.js.map +0 -1
  164. package/cjs/components/Autocomplete/Autocomplete.styles.js +0 -78
  165. package/cjs/components/Autocomplete/Autocomplete.styles.js.map +0 -1
  166. package/cjs/components/Autocomplete/Autocomplete.styles_4wbmok.css +0 -5
  167. package/cjs/components/Autocomplete/Autocomplete.tokens.js +0 -93
  168. package/cjs/components/Autocomplete/Autocomplete.tokens.js.map +0 -1
  169. package/cjs/components/Autocomplete/hooks/useKeyboardNavigation.js +0 -112
  170. package/cjs/components/Autocomplete/hooks/useKeyboardNavigation.js.map +0 -1
  171. package/cjs/components/Autocomplete/reducers/focusedReducer.js +0 -47
  172. package/cjs/components/Autocomplete/reducers/focusedReducer.js.map +0 -1
  173. package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.css +0 -2
  174. package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js +0 -41
  175. package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js.map +0 -1
  176. package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +0 -21
  177. package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js.map +0 -1
  178. package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles_lpdinw.css +0 -2
  179. package/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +0 -23
  180. package/cjs/components/Autocomplete/ui/TextField/TextField.styles.js.map +0 -1
  181. package/cjs/components/Autocomplete/ui/TextField/TextField.styles_sx1sq7.css +0 -1
  182. package/cjs/components/EmptyState/EmptyState.css +0 -30
  183. package/cjs/components/EmptyState/EmptyState.js +0 -39
  184. package/cjs/components/EmptyState/EmptyState.js.map +0 -1
  185. package/cjs/components/EmptyState/EmptyState.styles.js +0 -41
  186. package/cjs/components/EmptyState/EmptyState.styles.js.map +0 -1
  187. package/cjs/components/EmptyState/EmptyState.styles_1o24i5h.css +0 -4
  188. package/cjs/components/EmptyState/EmptyState.tokens.js +0 -21
  189. package/cjs/components/EmptyState/EmptyState.tokens.js.map +0 -1
  190. package/cjs/hooks/useOutsideClick.js +0 -26
  191. package/cjs/hooks/useOutsideClick.js.map +0 -1
  192. package/emotion/cjs/components/Autocomplete/Autocomplete.js +0 -193
  193. package/emotion/cjs/components/Autocomplete/Autocomplete.styles.js +0 -43
  194. package/emotion/cjs/components/Autocomplete/Autocomplete.tokens.js +0 -91
  195. package/emotion/cjs/components/Autocomplete/hooks/useKeyboardNavigation.js +0 -114
  196. package/emotion/cjs/components/Autocomplete/index.js +0 -25
  197. package/emotion/cjs/components/Autocomplete/reducers/focusedReducer.js +0 -46
  198. package/emotion/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js +0 -42
  199. package/emotion/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +0 -25
  200. package/emotion/cjs/components/Autocomplete/ui/TextField/TextField.js +0 -12
  201. package/emotion/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +0 -17
  202. package/emotion/cjs/components/Autocomplete/ui/index.js +0 -27
  203. package/emotion/cjs/components/EmptyState/EmptyState.js +0 -39
  204. package/emotion/cjs/components/EmptyState/EmptyState.styles.js +0 -29
  205. package/emotion/cjs/components/EmptyState/EmptyState.tokens.js +0 -20
  206. package/emotion/cjs/components/EmptyState/EmptyState.types.js +0 -5
  207. package/emotion/cjs/components/EmptyState/index.js +0 -25
  208. package/emotion/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js +0 -39
  209. package/emotion/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.js +0 -11
  210. package/emotion/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.stories.tsx +0 -134
  211. package/emotion/cjs/examples/plasma_b2c/components/EmptyState/EmptyState.config.js +0 -21
  212. package/emotion/cjs/examples/plasma_b2c/components/EmptyState/EmptyState.js +0 -11
  213. package/emotion/cjs/examples/plasma_b2c/components/EmptyState/EmptyState.stories.tsx +0 -44
  214. package/emotion/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +0 -39
  215. package/emotion/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.js +0 -11
  216. package/emotion/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.stories.tsx +0 -134
  217. package/emotion/cjs/examples/plasma_web/components/EmptyState/EmptyState.config.js +0 -21
  218. package/emotion/cjs/examples/plasma_web/components/EmptyState/EmptyState.js +0 -11
  219. package/emotion/cjs/examples/plasma_web/components/EmptyState/EmptyState.stories.tsx +0 -44
  220. package/emotion/cjs/hooks/useOutsideClick.js +0 -24
  221. package/emotion/es/components/Autocomplete/Autocomplete.js +0 -185
  222. package/emotion/es/components/Autocomplete/Autocomplete.styles.js +0 -36
  223. package/emotion/es/components/Autocomplete/Autocomplete.tokens.js +0 -85
  224. package/emotion/es/components/Autocomplete/hooks/useKeyboardNavigation.js +0 -108
  225. package/emotion/es/components/Autocomplete/index.js +0 -2
  226. package/emotion/es/components/Autocomplete/reducers/focusedReducer.js +0 -40
  227. package/emotion/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js +0 -33
  228. package/emotion/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +0 -18
  229. package/emotion/es/components/Autocomplete/ui/TextField/TextField.js +0 -1
  230. package/emotion/es/components/Autocomplete/ui/TextField/TextField.styles.js +0 -10
  231. package/emotion/es/components/Autocomplete/ui/index.js +0 -2
  232. package/emotion/es/components/EmptyState/EmptyState.js +0 -31
  233. package/emotion/es/components/EmptyState/EmptyState.styles.js +0 -22
  234. package/emotion/es/components/EmptyState/EmptyState.tokens.js +0 -14
  235. package/emotion/es/components/EmptyState/EmptyState.types.js +0 -1
  236. package/emotion/es/components/EmptyState/index.js +0 -2
  237. package/emotion/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js +0 -33
  238. package/emotion/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.js +0 -5
  239. package/emotion/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.stories.tsx +0 -134
  240. package/emotion/es/examples/plasma_b2c/components/EmptyState/EmptyState.config.js +0 -15
  241. package/emotion/es/examples/plasma_b2c/components/EmptyState/EmptyState.js +0 -5
  242. package/emotion/es/examples/plasma_b2c/components/EmptyState/EmptyState.stories.tsx +0 -44
  243. package/emotion/es/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +0 -33
  244. package/emotion/es/examples/plasma_web/components/Autocomplete/Autocomplete.js +0 -5
  245. package/emotion/es/examples/plasma_web/components/Autocomplete/Autocomplete.stories.tsx +0 -134
  246. package/emotion/es/examples/plasma_web/components/EmptyState/EmptyState.config.js +0 -15
  247. package/emotion/es/examples/plasma_web/components/EmptyState/EmptyState.js +0 -5
  248. package/emotion/es/examples/plasma_web/components/EmptyState/EmptyState.stories.tsx +0 -44
  249. package/emotion/es/hooks/useOutsideClick.js +0 -18
  250. package/es/components/Autocomplete/Autocomplete.css +0 -60
  251. package/es/components/Autocomplete/Autocomplete.js +0 -184
  252. package/es/components/Autocomplete/Autocomplete.js.map +0 -1
  253. package/es/components/Autocomplete/Autocomplete.styles.js +0 -70
  254. package/es/components/Autocomplete/Autocomplete.styles.js.map +0 -1
  255. package/es/components/Autocomplete/Autocomplete.styles_4wbmok.css +0 -5
  256. package/es/components/Autocomplete/Autocomplete.tokens.js +0 -88
  257. package/es/components/Autocomplete/Autocomplete.tokens.js.map +0 -1
  258. package/es/components/Autocomplete/hooks/useKeyboardNavigation.js +0 -107
  259. package/es/components/Autocomplete/hooks/useKeyboardNavigation.js.map +0 -1
  260. package/es/components/Autocomplete/reducers/focusedReducer.js +0 -43
  261. package/es/components/Autocomplete/reducers/focusedReducer.js.map +0 -1
  262. package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.css +0 -2
  263. package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js +0 -37
  264. package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js.map +0 -1
  265. package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +0 -16
  266. package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js.map +0 -1
  267. package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles_lpdinw.css +0 -2
  268. package/es/components/Autocomplete/ui/TextField/TextField.styles.js +0 -19
  269. package/es/components/Autocomplete/ui/TextField/TextField.styles.js.map +0 -1
  270. package/es/components/Autocomplete/ui/TextField/TextField.styles_sx1sq7.css +0 -1
  271. package/es/components/EmptyState/EmptyState.css +0 -30
  272. package/es/components/EmptyState/EmptyState.js +0 -34
  273. package/es/components/EmptyState/EmptyState.js.map +0 -1
  274. package/es/components/EmptyState/EmptyState.styles.js +0 -34
  275. package/es/components/EmptyState/EmptyState.styles.js.map +0 -1
  276. package/es/components/EmptyState/EmptyState.styles_1o24i5h.css +0 -4
  277. package/es/components/EmptyState/EmptyState.tokens.js +0 -17
  278. package/es/components/EmptyState/EmptyState.tokens.js.map +0 -1
  279. package/es/hooks/useOutsideClick.js +0 -22
  280. package/es/hooks/useOutsideClick.js.map +0 -1
  281. package/styled-components/cjs/components/Autocomplete/Autocomplete.js +0 -193
  282. package/styled-components/cjs/components/Autocomplete/Autocomplete.styles.js +0 -40
  283. package/styled-components/cjs/components/Autocomplete/Autocomplete.tokens.js +0 -91
  284. package/styled-components/cjs/components/Autocomplete/Autocomplete.types.js +0 -5
  285. package/styled-components/cjs/components/Autocomplete/hooks/useKeyboardNavigation.js +0 -114
  286. package/styled-components/cjs/components/Autocomplete/index.js +0 -25
  287. package/styled-components/cjs/components/Autocomplete/reducers/focusedReducer.js +0 -46
  288. package/styled-components/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js +0 -42
  289. package/styled-components/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +0 -23
  290. package/styled-components/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.type.js +0 -5
  291. package/styled-components/cjs/components/Autocomplete/ui/TextField/TextField.js +0 -12
  292. package/styled-components/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +0 -16
  293. package/styled-components/cjs/components/Autocomplete/ui/index.js +0 -27
  294. package/styled-components/cjs/components/EmptyState/EmptyState.js +0 -39
  295. package/styled-components/cjs/components/EmptyState/EmptyState.styles.js +0 -25
  296. package/styled-components/cjs/components/EmptyState/EmptyState.tokens.js +0 -20
  297. package/styled-components/cjs/components/EmptyState/EmptyState.types.js +0 -5
  298. package/styled-components/cjs/components/EmptyState/index.js +0 -25
  299. package/styled-components/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js +0 -39
  300. package/styled-components/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.js +0 -11
  301. package/styled-components/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.stories.tsx +0 -134
  302. package/styled-components/cjs/examples/plasma_b2c/components/EmptyState/EmptyState.config.js +0 -21
  303. package/styled-components/cjs/examples/plasma_b2c/components/EmptyState/EmptyState.js +0 -11
  304. package/styled-components/cjs/examples/plasma_b2c/components/EmptyState/EmptyState.stories.tsx +0 -44
  305. package/styled-components/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +0 -39
  306. package/styled-components/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.js +0 -11
  307. package/styled-components/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.stories.tsx +0 -134
  308. package/styled-components/cjs/examples/plasma_web/components/EmptyState/EmptyState.config.js +0 -21
  309. package/styled-components/cjs/examples/plasma_web/components/EmptyState/EmptyState.js +0 -11
  310. package/styled-components/cjs/examples/plasma_web/components/EmptyState/EmptyState.stories.tsx +0 -44
  311. package/styled-components/cjs/hooks/useOutsideClick.js +0 -24
  312. package/styled-components/es/components/Autocomplete/Autocomplete.js +0 -185
  313. package/styled-components/es/components/Autocomplete/Autocomplete.styles.js +0 -32
  314. package/styled-components/es/components/Autocomplete/Autocomplete.tokens.js +0 -85
  315. package/styled-components/es/components/Autocomplete/Autocomplete.types.js +0 -1
  316. package/styled-components/es/components/Autocomplete/hooks/useKeyboardNavigation.js +0 -108
  317. package/styled-components/es/components/Autocomplete/index.js +0 -2
  318. package/styled-components/es/components/Autocomplete/reducers/focusedReducer.js +0 -40
  319. package/styled-components/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js +0 -33
  320. package/styled-components/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +0 -16
  321. package/styled-components/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.type.js +0 -1
  322. package/styled-components/es/components/Autocomplete/ui/TextField/TextField.js +0 -1
  323. package/styled-components/es/components/Autocomplete/ui/TextField/TextField.styles.js +0 -9
  324. package/styled-components/es/components/Autocomplete/ui/index.js +0 -2
  325. package/styled-components/es/components/EmptyState/EmptyState.js +0 -31
  326. package/styled-components/es/components/EmptyState/EmptyState.styles.js +0 -18
  327. package/styled-components/es/components/EmptyState/EmptyState.tokens.js +0 -14
  328. package/styled-components/es/components/EmptyState/EmptyState.types.js +0 -1
  329. package/styled-components/es/components/EmptyState/index.js +0 -2
  330. package/styled-components/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js +0 -33
  331. package/styled-components/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.js +0 -5
  332. package/styled-components/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.stories.tsx +0 -134
  333. package/styled-components/es/examples/plasma_b2c/components/EmptyState/EmptyState.config.js +0 -15
  334. package/styled-components/es/examples/plasma_b2c/components/EmptyState/EmptyState.js +0 -5
  335. package/styled-components/es/examples/plasma_b2c/components/EmptyState/EmptyState.stories.tsx +0 -44
  336. package/styled-components/es/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +0 -33
  337. package/styled-components/es/examples/plasma_web/components/Autocomplete/Autocomplete.js +0 -5
  338. package/styled-components/es/examples/plasma_web/components/Autocomplete/Autocomplete.stories.tsx +0 -134
  339. package/styled-components/es/examples/plasma_web/components/EmptyState/EmptyState.config.js +0 -15
  340. package/styled-components/es/examples/plasma_web/components/EmptyState/EmptyState.js +0 -5
  341. package/styled-components/es/examples/plasma_web/components/EmptyState/EmptyState.stories.tsx +0 -44
  342. package/styled-components/es/hooks/useOutsideClick.js +0 -18
  343. package/types/components/Autocomplete/Autocomplete.d.ts +0 -24
  344. package/types/components/Autocomplete/Autocomplete.d.ts.map +0 -1
  345. package/types/components/Autocomplete/Autocomplete.styles.d.ts +0 -19
  346. package/types/components/Autocomplete/Autocomplete.styles.d.ts.map +0 -1
  347. package/types/components/Autocomplete/Autocomplete.tokens.d.ts +0 -84
  348. package/types/components/Autocomplete/Autocomplete.tokens.d.ts.map +0 -1
  349. package/types/components/Autocomplete/Autocomplete.types.d.ts +0 -84
  350. package/types/components/Autocomplete/Autocomplete.types.d.ts.map +0 -1
  351. package/types/components/Autocomplete/hooks/useKeyboardNavigation.d.ts +0 -31
  352. package/types/components/Autocomplete/hooks/useKeyboardNavigation.d.ts.map +0 -1
  353. package/types/components/Autocomplete/index.d.ts +0 -3
  354. package/types/components/Autocomplete/index.d.ts.map +0 -1
  355. package/types/components/Autocomplete/reducers/focusedReducer.d.ts +0 -17
  356. package/types/components/Autocomplete/reducers/focusedReducer.d.ts.map +0 -1
  357. package/types/components/Autocomplete/ui/SuggestionItem/SuggestionItem.d.ts +0 -4
  358. package/types/components/Autocomplete/ui/SuggestionItem/SuggestionItem.d.ts.map +0 -1
  359. package/types/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.d.ts +0 -4
  360. package/types/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.d.ts.map +0 -1
  361. package/types/components/Autocomplete/ui/SuggestionItem/SuggestionItem.type.d.ts +0 -8
  362. package/types/components/Autocomplete/ui/SuggestionItem/SuggestionItem.type.d.ts.map +0 -1
  363. package/types/components/Autocomplete/ui/TextField/TextField.d.ts +0 -2
  364. package/types/components/Autocomplete/ui/TextField/TextField.d.ts.map +0 -1
  365. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +0 -41
  366. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +0 -1
  367. package/types/components/Autocomplete/ui/index.d.ts +0 -3
  368. package/types/components/Autocomplete/ui/index.d.ts.map +0 -1
  369. package/types/components/EmptyState/EmptyState.d.ts +0 -18
  370. package/types/components/EmptyState/EmptyState.d.ts.map +0 -1
  371. package/types/components/EmptyState/EmptyState.styles.d.ts +0 -48
  372. package/types/components/EmptyState/EmptyState.styles.d.ts.map +0 -1
  373. package/types/components/EmptyState/EmptyState.tokens.d.ts +0 -15
  374. package/types/components/EmptyState/EmptyState.tokens.d.ts.map +0 -1
  375. package/types/components/EmptyState/EmptyState.types.d.ts +0 -8
  376. package/types/components/EmptyState/EmptyState.types.d.ts.map +0 -1
  377. package/types/components/EmptyState/index.d.ts +0 -3
  378. package/types/components/EmptyState/index.d.ts.map +0 -1
  379. package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.d.ts +0 -32
  380. package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.d.ts.map +0 -1
  381. package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.d.ts +0 -26
  382. package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.d.ts.map +0 -1
  383. package/types/examples/plasma_b2c/components/EmptyState/EmptyState.config.d.ts +0 -14
  384. package/types/examples/plasma_b2c/components/EmptyState/EmptyState.config.d.ts.map +0 -1
  385. package/types/examples/plasma_b2c/components/EmptyState/EmptyState.d.ts +0 -25
  386. package/types/examples/plasma_b2c/components/EmptyState/EmptyState.d.ts.map +0 -1
  387. package/types/examples/plasma_web/components/Autocomplete/Autocomplete.config.d.ts +0 -32
  388. package/types/examples/plasma_web/components/Autocomplete/Autocomplete.config.d.ts.map +0 -1
  389. package/types/examples/plasma_web/components/Autocomplete/Autocomplete.d.ts +0 -26
  390. package/types/examples/plasma_web/components/Autocomplete/Autocomplete.d.ts.map +0 -1
  391. package/types/examples/plasma_web/components/EmptyState/EmptyState.config.d.ts +0 -14
  392. package/types/examples/plasma_web/components/EmptyState/EmptyState.config.d.ts.map +0 -1
  393. package/types/examples/plasma_web/components/EmptyState/EmptyState.d.ts +0 -25
  394. package/types/examples/plasma_web/components/EmptyState/EmptyState.d.ts.map +0 -1
  395. package/types/hooks/useOutsideClick.d.ts +0 -3
  396. package/types/hooks/useOutsideClick.d.ts.map +0 -1
  397. /package/emotion/cjs/components/{Autocomplete/Autocomplete.types.js → Price/Price.types.js} +0 -0
  398. /package/emotion/es/components/{Autocomplete/Autocomplete.types.js → Price/Price.types.js} +0 -0
  399. /package/{emotion/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.type.js → styled-components/cjs/components/Price/Price.types.js} +0 -0
  400. /package/{emotion/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.type.js → styled-components/es/components/Price/Price.types.js} +0 -0
@@ -1,70 +0,0 @@
1
- import './Autocomplete.styles_4wbmok.css';
2
- import { styled } from '@linaria/react';
3
- import { popoverConfig } from '../Popover/Popover.js';
4
- import '@linaria/core';
5
- import { component } from '../../engines/common.js';
6
- import { tokens } from './Autocomplete.tokens.js';
7
-
8
- var base = "bn6ooh7";
9
- var Popover = /*#__PURE__*/component(popoverConfig);
10
- var _exp3 = function _exp3() {
11
- return Popover;
12
- };
13
- var _exp5 = function _exp5() {
14
- return function (_ref) {
15
- var listWidth = _ref.listWidth;
16
- return listWidth || '100%';
17
- };
18
- };
19
- var StyledPopover = /*#__PURE__*/styled(_exp3())({
20
- name: "StyledPopover",
21
- "class": "s1ih3p9n",
22
- propsAsIs: true,
23
- vars: {
24
- "s1ih3p9n-0": [/*#__PURE__*/_exp5()]
25
- }
26
- });
27
- var _exp9 = function _exp9() {
28
- return function (_ref2) {
29
- var listMaxHeight = _ref2.listMaxHeight;
30
- return listMaxHeight || 'none';
31
- };
32
- };
33
- var Ul = /*#__PURE__*/styled('ul')({
34
- name: "Ul",
35
- "class": "u610ple",
36
- propsAsIs: false,
37
- vars: {
38
- "u610ple-0": [/*#__PURE__*/_exp9()]
39
- }
40
- });
41
- var _exp11 = function _exp11() {
42
- return function (_ref3) {
43
- var readOnly = _ref3.readOnly,
44
- disabled = _ref3.disabled;
45
- return readOnly && !disabled ? "var(".concat(tokens.textFieldLeftHelperColorReadOnly, ")") : "var(".concat(tokens.textFieldLeftHelperColor, ")");
46
- };
47
- };
48
- var _exp20 = function _exp20() {
49
- return function (_ref4) {
50
- var disabled = _ref4.disabled;
51
- return disabled ? 'not-allowed' : 'auto';
52
- };
53
- };
54
- var LeftHelper = /*#__PURE__*/styled('div')({
55
- name: "LeftHelper",
56
- "class": "l1nz87td",
57
- propsAsIs: false,
58
- vars: {
59
- "l1nz87td-0": [/*#__PURE__*/_exp11()],
60
- "l1nz87td-1": [/*#__PURE__*/_exp20()]
61
- }
62
- });
63
- var InfiniteLoaderWrapper = /*#__PURE__*/styled('li')({
64
- name: "InfiniteLoaderWrapper",
65
- "class": "igdxyi6",
66
- propsAsIs: false
67
- });
68
-
69
- export { InfiniteLoaderWrapper, LeftHelper, StyledPopover, Ul, base };
70
- //# sourceMappingURL=Autocomplete.styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Autocomplete.styles.js","sources":["../../../src/components/Autocomplete/Autocomplete.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { popoverClasses, popoverConfig } from '../Popover';\nimport { component } from '../../engines';\n\nimport { AutocompleteProps } from './Autocomplete.types';\nimport { tokens } from './Autocomplete.tokens';\n\nexport const base = css`\n .${popoverClasses.wrapper}, .${popoverClasses.target} {\n display: block;\n }\n`;\n\nconst Popover = component(popoverConfig);\n\nexport const StyledPopover = styled(Popover)<{ listWidth: AutocompleteProps['listWidth'] }>`\n .${String(popoverClasses.root)} {\n display: block;\n width: ${({ listWidth }) => listWidth || '100%'};\n }\n`;\n\nexport const Ul = styled.ul<{\n listMaxHeight: AutocompleteProps['listMaxHeight'];\n}>`\n box-sizing: border-box;\n\n background: var(${tokens.background});\n box-shadow: var(${tokens.boxShadow});\n\n border-radius: var(${tokens.borderRadius});\n height: auto;\n max-height: ${({ listMaxHeight }) => listMaxHeight || 'none'};\n overflow-y: scroll;\n\n margin: 0;\n padding: var(${tokens.padding});\n`;\n\nexport const LeftHelper = styled.div<{\n disabled: AutocompleteProps['disabled'];\n readOnly: AutocompleteProps['readOnly'];\n}>`\n color: ${({ readOnly, disabled }) =>\n readOnly && !disabled\n ? `var(${tokens.textFieldLeftHelperColorReadOnly})`\n : `var(${tokens.textFieldLeftHelperColor})`};\n margin-top: var(${tokens.textFieldLeftHelperOffset});\n\n font-family: var(${tokens.textFieldLeftHelperFontFamily});\n font-size: var(${tokens.textFieldLeftHelperFontSize});\n font-style: var(${tokens.textFieldLeftHelperFontStyle});\n font-weight: var(${tokens.textFieldLeftHelperFontWeight});\n letter-spacing: var(${tokens.textFieldLeftHelperLetterSpacing});\n line-height: var(${tokens.textFieldLeftHelperLineHeight});\n\n opacity: var(${tokens.textFieldDisabledOpacity});\n cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'auto')};\n`;\n\nexport const InfiniteLoaderWrapper = styled.li`\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: content-box;\n min-height: var(${tokens.textFieldHeight});\n`;\n"],"names":["base","Popover","component","popoverConfig","_exp3","_exp5","_ref","listWidth","StyledPopover","styled","name","class","propsAsIs","vars","_exp9","_ref2","listMaxHeight","Ul","_exp11","_ref3","readOnly","disabled","concat","tokens","textFieldLeftHelperColorReadOnly","textFieldLeftHelperColor","_exp20","_ref4","LeftHelper","InfiniteLoaderWrapper"],"mappings":";;;;;;AASO,IAAMA,IAAI,GAIhB,UAAA;AAED,IAAMC,OAAO,gBAAGC,SAAS,CAACC,aAAa,CAAC,CAAA;AAAC,IAAAC,KAAA,GAdvBA,SAcuBA,KAAAA,GAAA;AAAA,EAAA,OAELH,OAAO,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAI,KAAA,GAhBzBA,SAgByBA,KAAAA,GAAA;AAAA,EAAA,OAG1B,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,IAAAA,CAAAA,SAAAA,CAAAA;IAAAA,OAAgBA,SAAS,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAHhD,IAAMC,aAAa,gBAAGC,MAAM,CAAAL,KAAA,EAAA,CAAA,CAAA;AAAAM,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAGlBR,KAAsC,EAAA,CAAA;AAAA,GAAA;AAAA,CAEtD,EAAA;AAAC,IAAAS,KAAA,GArBgBA,SAqBhBA,KAAAA,GAAA;AAAA,EAAA,OAYgB,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,aAAAA,GAAAA,KAAAA,CAAAA,aAAAA,CAAAA;IAAAA,OAAoBA,aAAa,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAVzD,IAAMC,EAAE,gBAAGR,MAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,IAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAUNC,KAA8C,EAAA,CAAA;AAAA,GAAA;AAAA,CAK/D,EAAA;AAAC,IAAAI,MAAA,GAtCgBA,SAsChBA,MAAAA,GAAA;AAAA,EAAA,OAMW,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;MAAEC,QAAAA,GAAAA,KAAAA,CAAAA,QAAAA,CAAAA;AAAAA,IAAAA,OAClBD,QAAQ,IAAI,CAACC,QAAQ,GAAA,MAAA,CAAAC,MAAA,CACRC,MAAM,CAACC,gCAAiC,gBAAAF,MAAA,CACxCC,MAAM,CAACE,wBAAyB,EAAE,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GA/CrCA,SA+CqCA,MAAAA,GAAA;AAAA,EAAA,OAWzC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGN,QAAAA,GAAAA,KAAAA,CAAAA,QAAAA,CAAAA;AAAAA,IAAAA,OAAgBA,QAAQ,GAAG,aAAa,GAAG,MAAO,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAlB5D,IAAMO,UAAU,gBAAGnB,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAInBK,MAG0C,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAWzCQ,MAAqD,EAAA,CAAA;AAAA,GAAA;AAAA,CAClE,EAAA;AAEM,IAAMG,qBAAqB,gBAAGpB,MAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,uBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAM1C;;;;"}
@@ -1,5 +0,0 @@
1
- .bn6ooh7 .popover-wrapper,.bn6ooh7 .popover-target{display:block;}
2
- .s1ih3p9n .popover-root{display:block;width:var(--s1ih3p9n-0);}
3
- .u610ple{box-sizing:border-box;background:var(--plasma-autocomplete-background);box-shadow:var(--plasma-autocomplete-box-shadow);border-radius:var(--plasma-autocomplete-border-radius);height:auto;max-height:var(--u610ple-0);overflow-y:scroll;margin:0;padding:var(--plasma-autocomplete-padding);}
4
- .l1nz87td{color:var(--l1nz87td-0);margin-top:var(--plasma-autocomplete-textfield__left-helper-offset);font-family:var(--plasma-autocomplete-textfield__left-helper-font-family);font-size:var(--plasma-autocomplete-textfield__left-helper-font-size);font-style:var(--plasma-autocomplete-textfield__left-helper-font-style);font-weight:var(--plasma-autocomplete-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-autocomplete-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-autocomplete-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-autocomplete-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-autocomplete-textfield__left-helper-letter-spacing);line-height:var(--plasma-autocomplete-textfield__left-helper-line-height);opacity:var(--plasma-autocomplete-textfield-disabled-opacity);cursor:var(--l1nz87td-1);}
5
- .igdxyi6{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-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:content-box;min-height:var(--plasma-autocomplete-textfield-height);}
@@ -1,88 +0,0 @@
1
- var classes = {
2
- suggestionItemIsFocused: 'suggestion-item-is-focused'
3
- };
4
- var tokens = {
5
- // Токены для TextField
6
- textFieldColor: '--plasma-autocomplete-textfield-color',
7
- textFieldBackgroundColor: '--plasma-autocomplete-textfield-background-color',
8
- textFieldBackgroundColorHover: '--plasma-autocomplete-textfield-background-color-hover',
9
- textFieldBackgroundColorFocus: '--plasma-autocomplete-textfield-background-color-focus',
10
- textFieldBorderColor: '--plasma-autocomplete-textfield-border-color',
11
- textFieldBorderColorHover: '--plasma-autocomplete-textfield-border-color-hover',
12
- textFieldBorderColorFocus: '--plasma-autocomplete-textfield-border-color-focus',
13
- textFieldColorReadOnly: '--plasma-autocomplete-textfield-color-readonly',
14
- textFieldBackgroundColorReadOnly: '--plasma-autocomplete-textfield-bg-color-readonly',
15
- textFieldBorderColorReadOnly: '--plasma-autocomplete-textfield-border-color-readonly',
16
- textFieldPlaceholderColorReadOnly: '--plasma-autocomplete-textfield__placeholder-color-readonly',
17
- textFieldCaretColor: '--plasma-autocomplete-textfield-caret-color',
18
- textFieldPlaceholderColor: '--plasma-autocomplete-textfield-placeholder-color',
19
- textFieldHeight: '--plasma-autocomplete-textfield-height',
20
- textFieldBorderWidth: '--plasma-autocomplete-textfield-border-width',
21
- textFieldBorderRadius: '--plasma-autocomplete-textfield-border-radius',
22
- textFieldPadding: '--plasma-autocomplete-textfield-padding',
23
- textFieldLeftContentMargin: '--plasma-autocomplete-textfield__left-content-margin',
24
- textFieldRightContentMargin: '--plasma-autocomplete-textfield__right-content-margin',
25
- textFieldFontFamily: '--plasma-autocomplete-textfield-font-family',
26
- textFieldFontStyle: '--plasma-autocomplete-textfield-font-style',
27
- textFieldFontSize: '--plasma-autocomplete-textfield-font-size',
28
- textFieldFontWeight: '--plasma-autocomplete-textfield-font-weight',
29
- textFieldLetterSpacing: '--plasma-autocomplete-textfield-letter-spacing',
30
- textFieldLineHeight: '--plasma-autocomplete-textfield-line-height',
31
- textFieldLabelColor: '--plasma-autocomplete-textfield-label-color',
32
- textFieldLabelColorReadOnly: '--plasma-autocomplete-textfield__label-color-readonly',
33
- textFieldLabelOffset: '--plasma-autocomplete-textfield__label-offset',
34
- textFieldLabelFontFamily: '--plasma-autocomplete-textfield__label-font-family',
35
- textFieldLabelFontStyle: '--plasma-autocomplete-textfield__label-font-style',
36
- textFieldLabelFontSize: '--plasma-autocomplete-textfield__label-font-size',
37
- textFieldLabelFontWeight: '--plasma-autocomplete-textfield__label-font-weight',
38
- textFieldLabelLetterSpacing: '--plasma-autocomplete-textfield__label-letter-spacing',
39
- textFieldLabelLineHeight: '--plasma-autocomplete-textfield__label-line-height',
40
- textFieldLabelInnerFontFamily: '--plasma-autocomplete-textfield-placement_inner__label-font-family',
41
- textFieldLabelInnerFontStyle: '--plasma-autocomplete-textfield-placement_inner__label-font-style',
42
- textFieldLabelInnerFontSize: '--plasma-autocomplete-textfield-placement_inner__label-font-size',
43
- textFieldLabelInnerFontWeight: '--plasma-autocomplete-textfield-placement_inner__label-font-weight',
44
- textFieldLabelInnerLetterSpacing: '--plasma-autocomplete-textfield-placement_inner__label-letter-spacing',
45
- textFieldLabelInnerLineHeight: '--plasma-autocomplete-textfield-placement_inner__label-line-height',
46
- textFieldLabelInnerPadding: '--plasma-autocomplete-textfield-placement_inner__label-padding',
47
- textFieldContentLabelInnerPadding: '--plasma-autocomplete-textfield-placement_inner__content-padding',
48
- textFieldLeftHelperColor: '--plasma-autocomplete-textfield__left-helper-color',
49
- textFieldLeftHelperColorReadOnly: '--plasma-autocomplete-textfield__left-helper-color-readonly',
50
- textFieldLeftHelperOffset: '--plasma-autocomplete-textfield__left-helper-offset',
51
- textFieldLeftHelperFontFamily: '--plasma-autocomplete-textfield__left-helper-font-family',
52
- textFieldLeftHelperFontStyle: '--plasma-autocomplete-textfield__left-helper-font-style',
53
- textFieldLeftHelperFontSize: '--plasma-autocomplete-textfield__left-helper-font-size',
54
- textFieldLeftHelperFontWeight: '--plasma-autocomplete-textfield__left-helper-font-weight',
55
- textFieldLeftHelperLetterSpacing: '--plasma-autocomplete-textfield__left-helper-letter-spacing',
56
- textFieldLeftHelperLineHeight: '--plasma-autocomplete-textfield__left-helper-line-height',
57
- textFieldTextBeforeColor: '--plasma-autocomplete-textfield__before-text-color',
58
- textFieldTextAfterColor: '--plasma-autocomplete-textfield__after-text-color',
59
- textFieldTextBeforeMargin: '--plasma-autocomplete-textfield__before-text-margin',
60
- textFieldTextAfterMargin: '--plasma-autocomplete-textfield__after-text-margin',
61
- textFieldDisabledOpacity: '--plasma-autocomplete-textfield-disabled-opacity',
62
- textFieldFocusColor: '--plasma-autocomplete-textfield-focus-color',
63
- // Токены для дропдауна
64
- background: '--plasma-autocomplete-background',
65
- boxShadow: '--plasma-autocomplete-box-shadow',
66
- borderRadius: '--plasma-autocomplete-border-radius',
67
- padding: '--plasma-autocomplete-padding',
68
- itemPadding: '--plasma-autocomplete-item-padding',
69
- itemBorderRadius: '--plasma-autocomplete-item-border-radius',
70
- itemFontFamily: '--plasma-autocomplete-item-font-family',
71
- itemFontSize: '--plasma-autocomplete-item-font-size',
72
- itemFontStyle: '--plasma-autocomplete-item-font-style',
73
- itemFontWeight: '--plasma-autocomplete-item-font-weight',
74
- itemFontLetterSpacing: '--plasma-autocomplete-item-font-letter-spacing',
75
- itemFontLineHeight: '--plasma-autocomplete-item-font-line-height',
76
- itemBackground: '--plasma-autocomplete-item-background',
77
- itemBackgroundHover: '--plasma-autocomplete-item-background-hover',
78
- itemColor: '--plasma-autocomplete-item-color',
79
- focusColor: '--plasma-autocomplete-focus-color',
80
- infiniteLoaderSpinnerColor: '--plasma-autocomplete-infinite-loader-spinner-color',
81
- infiniteLoaderSpinnerSize: '--plasma-autocomplete-infinite-loader-spinner-size',
82
- infiniteLoaderGap: '--plasma-autocomplete-infinite-loader-gap',
83
- emptyStateGap: '--plasma-autocomplete-empty-state-gap',
84
- emptyStatePadding: '--plasma-autocomplete-empty-state-padding'
85
- };
86
-
87
- export { classes, tokens };
88
- //# sourceMappingURL=Autocomplete.tokens.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Autocomplete.tokens.js","sources":["../../../src/components/Autocomplete/Autocomplete.tokens.ts"],"sourcesContent":["export const classes = {\n suggestionItemIsFocused: 'suggestion-item-is-focused',\n};\n\nexport const tokens = {\n // Токены для TextField\n textFieldColor: '--plasma-autocomplete-textfield-color',\n textFieldBackgroundColor: '--plasma-autocomplete-textfield-background-color',\n textFieldBackgroundColorHover: '--plasma-autocomplete-textfield-background-color-hover',\n textFieldBackgroundColorFocus: '--plasma-autocomplete-textfield-background-color-focus',\n textFieldBorderColor: '--plasma-autocomplete-textfield-border-color',\n textFieldBorderColorHover: '--plasma-autocomplete-textfield-border-color-hover',\n textFieldBorderColorFocus: '--plasma-autocomplete-textfield-border-color-focus',\n textFieldColorReadOnly: '--plasma-autocomplete-textfield-color-readonly',\n textFieldBackgroundColorReadOnly: '--plasma-autocomplete-textfield-bg-color-readonly',\n textFieldBorderColorReadOnly: '--plasma-autocomplete-textfield-border-color-readonly',\n textFieldPlaceholderColorReadOnly: '--plasma-autocomplete-textfield__placeholder-color-readonly',\n textFieldCaretColor: '--plasma-autocomplete-textfield-caret-color',\n textFieldPlaceholderColor: '--plasma-autocomplete-textfield-placeholder-color',\n textFieldHeight: '--plasma-autocomplete-textfield-height',\n textFieldBorderWidth: '--plasma-autocomplete-textfield-border-width',\n textFieldBorderRadius: '--plasma-autocomplete-textfield-border-radius',\n textFieldPadding: '--plasma-autocomplete-textfield-padding',\n textFieldLeftContentMargin: '--plasma-autocomplete-textfield__left-content-margin',\n textFieldRightContentMargin: '--plasma-autocomplete-textfield__right-content-margin',\n textFieldFontFamily: '--plasma-autocomplete-textfield-font-family',\n textFieldFontStyle: '--plasma-autocomplete-textfield-font-style',\n textFieldFontSize: '--plasma-autocomplete-textfield-font-size',\n textFieldFontWeight: '--plasma-autocomplete-textfield-font-weight',\n textFieldLetterSpacing: '--plasma-autocomplete-textfield-letter-spacing',\n textFieldLineHeight: '--plasma-autocomplete-textfield-line-height',\n textFieldLabelColor: '--plasma-autocomplete-textfield-label-color',\n textFieldLabelColorReadOnly: '--plasma-autocomplete-textfield__label-color-readonly',\n textFieldLabelOffset: '--plasma-autocomplete-textfield__label-offset',\n textFieldLabelFontFamily: '--plasma-autocomplete-textfield__label-font-family',\n textFieldLabelFontStyle: '--plasma-autocomplete-textfield__label-font-style',\n textFieldLabelFontSize: '--plasma-autocomplete-textfield__label-font-size',\n textFieldLabelFontWeight: '--plasma-autocomplete-textfield__label-font-weight',\n textFieldLabelLetterSpacing: '--plasma-autocomplete-textfield__label-letter-spacing',\n textFieldLabelLineHeight: '--plasma-autocomplete-textfield__label-line-height',\n textFieldLabelInnerFontFamily: '--plasma-autocomplete-textfield-placement_inner__label-font-family',\n textFieldLabelInnerFontStyle: '--plasma-autocomplete-textfield-placement_inner__label-font-style',\n textFieldLabelInnerFontSize: '--plasma-autocomplete-textfield-placement_inner__label-font-size',\n textFieldLabelInnerFontWeight: '--plasma-autocomplete-textfield-placement_inner__label-font-weight',\n textFieldLabelInnerLetterSpacing: '--plasma-autocomplete-textfield-placement_inner__label-letter-spacing',\n textFieldLabelInnerLineHeight: '--plasma-autocomplete-textfield-placement_inner__label-line-height',\n textFieldLabelInnerPadding: '--plasma-autocomplete-textfield-placement_inner__label-padding',\n textFieldContentLabelInnerPadding: '--plasma-autocomplete-textfield-placement_inner__content-padding',\n textFieldLeftHelperColor: '--plasma-autocomplete-textfield__left-helper-color',\n textFieldLeftHelperColorReadOnly: '--plasma-autocomplete-textfield__left-helper-color-readonly',\n textFieldLeftHelperOffset: '--plasma-autocomplete-textfield__left-helper-offset',\n textFieldLeftHelperFontFamily: '--plasma-autocomplete-textfield__left-helper-font-family',\n textFieldLeftHelperFontStyle: '--plasma-autocomplete-textfield__left-helper-font-style',\n textFieldLeftHelperFontSize: '--plasma-autocomplete-textfield__left-helper-font-size',\n textFieldLeftHelperFontWeight: '--plasma-autocomplete-textfield__left-helper-font-weight',\n textFieldLeftHelperLetterSpacing: '--plasma-autocomplete-textfield__left-helper-letter-spacing',\n textFieldLeftHelperLineHeight: '--plasma-autocomplete-textfield__left-helper-line-height',\n textFieldTextBeforeColor: '--plasma-autocomplete-textfield__before-text-color',\n textFieldTextAfterColor: '--plasma-autocomplete-textfield__after-text-color',\n textFieldTextBeforeMargin: '--plasma-autocomplete-textfield__before-text-margin',\n textFieldTextAfterMargin: '--plasma-autocomplete-textfield__after-text-margin',\n textFieldDisabledOpacity: '--plasma-autocomplete-textfield-disabled-opacity',\n textFieldFocusColor: '--plasma-autocomplete-textfield-focus-color',\n\n // Токены для дропдауна\n background: '--plasma-autocomplete-background',\n boxShadow: '--plasma-autocomplete-box-shadow',\n borderRadius: '--plasma-autocomplete-border-radius',\n padding: '--plasma-autocomplete-padding',\n\n itemPadding: '--plasma-autocomplete-item-padding',\n itemBorderRadius: '--plasma-autocomplete-item-border-radius',\n\n itemFontFamily: '--plasma-autocomplete-item-font-family',\n itemFontSize: '--plasma-autocomplete-item-font-size',\n itemFontStyle: '--plasma-autocomplete-item-font-style',\n itemFontWeight: '--plasma-autocomplete-item-font-weight',\n itemFontLetterSpacing: '--plasma-autocomplete-item-font-letter-spacing',\n itemFontLineHeight: '--plasma-autocomplete-item-font-line-height',\n\n itemBackground: '--plasma-autocomplete-item-background',\n itemBackgroundHover: '--plasma-autocomplete-item-background-hover',\n itemColor: '--plasma-autocomplete-item-color',\n\n focusColor: '--plasma-autocomplete-focus-color',\n\n infiniteLoaderSpinnerColor: '--plasma-autocomplete-infinite-loader-spinner-color',\n infiniteLoaderSpinnerSize: '--plasma-autocomplete-infinite-loader-spinner-size',\n infiniteLoaderGap: '--plasma-autocomplete-infinite-loader-gap',\n\n emptyStateGap: '--plasma-autocomplete-empty-state-gap',\n emptyStatePadding: '--plasma-autocomplete-empty-state-padding',\n};\n"],"names":["classes","suggestionItemIsFocused","tokens","textFieldColor","textFieldBackgroundColor","textFieldBackgroundColorHover","textFieldBackgroundColorFocus","textFieldBorderColor","textFieldBorderColorHover","textFieldBorderColorFocus","textFieldColorReadOnly","textFieldBackgroundColorReadOnly","textFieldBorderColorReadOnly","textFieldPlaceholderColorReadOnly","textFieldCaretColor","textFieldPlaceholderColor","textFieldHeight","textFieldBorderWidth","textFieldBorderRadius","textFieldPadding","textFieldLeftContentMargin","textFieldRightContentMargin","textFieldFontFamily","textFieldFontStyle","textFieldFontSize","textFieldFontWeight","textFieldLetterSpacing","textFieldLineHeight","textFieldLabelColor","textFieldLabelColorReadOnly","textFieldLabelOffset","textFieldLabelFontFamily","textFieldLabelFontStyle","textFieldLabelFontSize","textFieldLabelFontWeight","textFieldLabelLetterSpacing","textFieldLabelLineHeight","textFieldLabelInnerFontFamily","textFieldLabelInnerFontStyle","textFieldLabelInnerFontSize","textFieldLabelInnerFontWeight","textFieldLabelInnerLetterSpacing","textFieldLabelInnerLineHeight","textFieldLabelInnerPadding","textFieldContentLabelInnerPadding","textFieldLeftHelperColor","textFieldLeftHelperColorReadOnly","textFieldLeftHelperOffset","textFieldLeftHelperFontFamily","textFieldLeftHelperFontStyle","textFieldLeftHelperFontSize","textFieldLeftHelperFontWeight","textFieldLeftHelperLetterSpacing","textFieldLeftHelperLineHeight","textFieldTextBeforeColor","textFieldTextAfterColor","textFieldTextBeforeMargin","textFieldTextAfterMargin","textFieldDisabledOpacity","textFieldFocusColor","background","boxShadow","borderRadius","padding","itemPadding","itemBorderRadius","itemFontFamily","itemFontSize","itemFontStyle","itemFontWeight","itemFontLetterSpacing","itemFontLineHeight","itemBackground","itemBackgroundHover","itemColor","focusColor","infiniteLoaderSpinnerColor","infiniteLoaderSpinnerSize","infiniteLoaderGap","emptyStateGap","emptyStatePadding"],"mappings":"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"}
@@ -1,107 +0,0 @@
1
- var keys = {
2
- Enter: 'Enter',
3
- Space: 'Space',
4
- Tab: 'Tab',
5
- Escape: 'Escape',
6
- ArrowLeft: 'ArrowLeft',
7
- ArrowRight: 'ArrowRight',
8
- ArrowUp: 'ArrowUp',
9
- ArrowDown: 'ArrowDown',
10
- Home: 'Home',
11
- End: 'End',
12
- PageUp: 'PageUp',
13
- PageDown: 'PageDown'
14
- };
15
- var useKeyNavigation = function useKeyNavigation(_ref) {
16
- var isOpen = _ref.isOpen,
17
- setIsOpen = _ref.setIsOpen,
18
- focused = _ref.focused,
19
- dispatchFocused = _ref.dispatchFocused,
20
- finalResults = _ref.finalResults,
21
- handleItemClick = _ref.handleItemClick;
22
- var onKeyDown = function onKeyDown(event) {
23
- switch (event.code) {
24
- case keys.ArrowDown:
25
- {
26
- if (!isOpen) {
27
- setIsOpen(true);
28
- dispatchFocused({
29
- type: 'setFirstItem'
30
- });
31
- break;
32
- }
33
- dispatchFocused({
34
- type: 'setNextItem',
35
- listLength: finalResults.length
36
- });
37
- break;
38
- }
39
- case keys.ArrowUp:
40
- {
41
- if (!isOpen) {
42
- setIsOpen(true);
43
- dispatchFocused({
44
- type: 'setLastItem',
45
- listLength: finalResults.length
46
- });
47
- break;
48
- }
49
- dispatchFocused({
50
- type: 'setPrevItem',
51
- listLength: finalResults.length
52
- });
53
- break;
54
- }
55
- case keys.Home:
56
- {
57
- if (!isOpen) {
58
- return;
59
- }
60
- dispatchFocused({
61
- type: 'setFirstItem'
62
- });
63
- break;
64
- }
65
- case keys.End:
66
- {
67
- if (!isOpen) {
68
- return;
69
- }
70
- dispatchFocused({
71
- type: 'setLastItem',
72
- listLength: finalResults.length
73
- });
74
- break;
75
- }
76
- case keys.Enter:
77
- {
78
- if (!isOpen || focused === null) {
79
- return;
80
- }
81
- dispatchFocused({
82
- type: 'reset'
83
- });
84
- handleItemClick(finalResults[focused]);
85
- break;
86
- }
87
- case keys.Tab:
88
- case keys.Escape:
89
- {
90
- if (!isOpen) {
91
- return;
92
- }
93
- setIsOpen(false);
94
- dispatchFocused({
95
- type: 'reset'
96
- });
97
- break;
98
- }
99
- }
100
- };
101
- return {
102
- onKeyDown: onKeyDown
103
- };
104
- };
105
-
106
- export { keys, useKeyNavigation };
107
- //# sourceMappingURL=useKeyboardNavigation.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useKeyboardNavigation.js","sources":["../../../../src/components/Autocomplete/hooks/useKeyboardNavigation.ts"],"sourcesContent":["import { KeyboardEvent } from 'react';\nimport type { Dispatch } from 'react';\n\nimport { SuggestionItemType } from '../Autocomplete.types';\nimport type { FocusedPathAction } from '../reducers/focusedReducer';\n\nexport const keys = {\n Enter: 'Enter',\n Space: 'Space',\n Tab: 'Tab',\n Escape: 'Escape',\n ArrowLeft: 'ArrowLeft',\n ArrowRight: 'ArrowRight',\n ArrowUp: 'ArrowUp',\n ArrowDown: 'ArrowDown',\n Home: 'Home',\n End: 'End',\n PageUp: 'PageUp',\n PageDown: 'PageDown',\n};\n\ninterface ReturnedProps {\n onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;\n}\n\ninterface Props {\n isOpen: boolean;\n setIsOpen: (e: boolean) => void;\n focused: number | null;\n dispatchFocused: Dispatch<FocusedPathAction>;\n finalResults: SuggestionItemType[];\n handleItemClick: (e: SuggestionItemType) => void;\n}\n\nexport const useKeyNavigation = ({\n isOpen,\n setIsOpen,\n focused,\n dispatchFocused,\n finalResults,\n handleItemClick,\n}: Props): ReturnedProps => {\n const onKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n switch (event.code) {\n case keys.ArrowDown: {\n if (!isOpen) {\n setIsOpen(true);\n dispatchFocused({ type: 'setFirstItem' });\n break;\n }\n\n dispatchFocused({ type: 'setNextItem', listLength: finalResults.length });\n\n break;\n }\n\n case keys.ArrowUp: {\n if (!isOpen) {\n setIsOpen(true);\n dispatchFocused({ type: 'setLastItem', listLength: finalResults.length });\n break;\n }\n\n dispatchFocused({ type: 'setPrevItem', listLength: finalResults.length });\n\n break;\n }\n\n case keys.Home: {\n if (!isOpen) {\n return;\n }\n\n dispatchFocused({ type: 'setFirstItem' });\n\n break;\n }\n\n case keys.End: {\n if (!isOpen) {\n return;\n }\n\n dispatchFocused({ type: 'setLastItem', listLength: finalResults.length });\n\n break;\n }\n\n case keys.Enter: {\n if (!isOpen || focused === null) {\n return;\n }\n\n dispatchFocused({ type: 'reset' });\n handleItemClick(finalResults[focused]);\n\n break;\n }\n\n case keys.Tab:\n case keys.Escape: {\n if (!isOpen) {\n return;\n }\n\n setIsOpen(false);\n dispatchFocused({ type: 'reset' });\n\n break;\n }\n\n default: {\n break;\n }\n }\n };\n\n return { onKeyDown };\n};\n"],"names":["keys","Enter","Space","Tab","Escape","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End","PageUp","PageDown","useKeyNavigation","_ref","isOpen","setIsOpen","focused","dispatchFocused","finalResults","handleItemClick","onKeyDown","event","code","type","listLength","length"],"mappings":"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"}
@@ -1,43 +0,0 @@
1
- function focusedReducer(state, action) {
2
- switch (action.type) {
3
- case 'reset':
4
- {
5
- return null;
6
- }
7
- case 'setNextItem':
8
- {
9
- if (state === action.listLength - 1) {
10
- return state;
11
- }
12
- if (state === null) {
13
- return 0;
14
- }
15
- return state + 1;
16
- }
17
- case 'setPrevItem':
18
- {
19
- if (state === 0) {
20
- return state;
21
- }
22
- if (state === null) {
23
- return action.listLength - 1;
24
- }
25
- return state - 1;
26
- }
27
- case 'setFirstItem':
28
- {
29
- return 0;
30
- }
31
- case 'setLastItem':
32
- {
33
- return action.listLength - 1;
34
- }
35
- default:
36
- {
37
- return state;
38
- }
39
- }
40
- }
41
-
42
- export { focusedReducer };
43
- //# sourceMappingURL=focusedReducer.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"focusedReducer.js","sources":["../../../../src/components/Autocomplete/reducers/focusedReducer.ts"],"sourcesContent":["export type FocusedState = number | null;\n\nexport type FocusedPathAction =\n | { type: 'reset' }\n | { type: 'setNextItem'; listLength: number }\n | { type: 'setPrevItem'; listLength: number }\n | { type: 'setFirstItem' }\n | { type: 'setLastItem'; listLength: number };\n\nexport function focusedReducer(state: FocusedState, action: FocusedPathAction): FocusedState {\n switch (action.type) {\n case 'reset': {\n return null;\n }\n\n case 'setNextItem': {\n if (state === action.listLength - 1) {\n return state;\n }\n\n if (state === null) {\n return 0;\n }\n\n return state + 1;\n }\n\n case 'setPrevItem': {\n if (state === 0) {\n return state;\n }\n\n if (state === null) {\n return action.listLength - 1;\n }\n\n return state - 1;\n }\n\n case 'setFirstItem': {\n return 0;\n }\n\n case 'setLastItem': {\n return action.listLength - 1;\n }\n\n default: {\n return state;\n }\n }\n}\n"],"names":["focusedReducer","state","action","type","listLength"],"mappings":"AASO,SAASA,cAAcA,CAACC,KAAmB,EAAEC,MAAyB,EAAgB;EACzF,QAAQA,MAAM,CAACC,IAAI;AACf,IAAA,KAAK,OAAO;AAAE,MAAA;AACV,QAAA,OAAO,IAAI,CAAA;AACf,OAAA;AAEA,IAAA,KAAK,aAAa;AAAE,MAAA;AAChB,QAAA,IAAIF,KAAK,KAAKC,MAAM,CAACE,UAAU,GAAG,CAAC,EAAE;AACjC,UAAA,OAAOH,KAAK,CAAA;AAChB,SAAA;QAEA,IAAIA,KAAK,KAAK,IAAI,EAAE;AAChB,UAAA,OAAO,CAAC,CAAA;AACZ,SAAA;QAEA,OAAOA,KAAK,GAAG,CAAC,CAAA;AACpB,OAAA;AAEA,IAAA,KAAK,aAAa;AAAE,MAAA;QAChB,IAAIA,KAAK,KAAK,CAAC,EAAE;AACb,UAAA,OAAOA,KAAK,CAAA;AAChB,SAAA;QAEA,IAAIA,KAAK,KAAK,IAAI,EAAE;AAChB,UAAA,OAAOC,MAAM,CAACE,UAAU,GAAG,CAAC,CAAA;AAChC,SAAA;QAEA,OAAOH,KAAK,GAAG,CAAC,CAAA;AACpB,OAAA;AAEA,IAAA,KAAK,cAAc;AAAE,MAAA;AACjB,QAAA,OAAO,CAAC,CAAA;AACZ,OAAA;AAEA,IAAA,KAAK,aAAa;AAAE,MAAA;AAChB,QAAA,OAAOC,MAAM,CAACE,UAAU,GAAG,CAAC,CAAA;AAChC,OAAA;AAEA,IAAA;AAAS,MAAA;AACL,QAAA,OAAOH,KAAK,CAAA;AAChB,OAAA;AACJ,GAAA;AACJ;;;;"}
@@ -1,2 +0,0 @@
1
- .SuggestionItem_styles_lpdinw_s1siyv9w__5ad0f45d{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
2
- .SuggestionItem_styles_lpdinw_wykobsk__5ad0f45d{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;margin:0;box-sizing:content-box;padding:var(--plasma-autocomplete-item-padding);font-family:var(--plasma-autocomplete-item-font-family);font-size:var(--plasma-autocomplete-item-font-size);font-style:var(--plasma-autocomplete-item-font-style);font-weight:var(--plasma-autocomplete-item-font-weight);-webkit-letter-spacing:var(--plasma-autocomplete-item-font-letter-spacing);-moz-letter-spacing:var(--plasma-autocomplete-item-font-letter-spacing);-ms-letter-spacing:var(--plasma-autocomplete-item-font-letter-spacing);letter-spacing:var(--plasma-autocomplete-item-font-letter-spacing);line-height:var(--plasma-autocomplete-item-font-line-height);background:var(--plasma-autocomplete-item-background);color:var(--plasma-autocomplete-item-color);border-radius:var(--plasma-autocomplete-item-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;}.SuggestionItem_styles_lpdinw_wykobsk__5ad0f45d:hover{cursor:pointer;background:var(--plasma-autocomplete-item-background-hover);}.SuggestionItem_styles_lpdinw_wykobsk__5ad0f45d:focus{outline:none;}.SuggestionItem_styles_lpdinw_wykobsk__5ad0f45d::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-autocomplete-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.SuggestionItem_styles_lpdinw_wykobsk__5ad0f45d.SuggestionItem_styles_lpdinw_suggestionItemIsFocused__5ad0f45d:before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-autocomplete-focus-color);}
@@ -1,37 +0,0 @@
1
- import React, { useRef, useEffect } from 'react';
2
- import { classes } from '../../Autocomplete.tokens.js';
3
- import { Wrapper, StyledText } from './SuggestionItem.styles.js';
4
-
5
- var SuggestionItem = function SuggestionItem(_ref) {
6
- var item = _ref.item,
7
- id = _ref.id,
8
- onClick = _ref.onClick,
9
- focused = _ref.focused;
10
- var ref = useRef(null);
11
- var focusedClass = focused ? classes.suggestionItemIsFocused : undefined;
12
- var handleClick = function handleClick() {
13
- if (onClick) {
14
- onClick(item);
15
- }
16
- };
17
- useEffect(function () {
18
- if (focusedClass && ref !== null && ref !== void 0 && ref.current) {
19
- ref.current.scrollIntoView({
20
- behavior: 'smooth',
21
- block: 'center',
22
- inline: 'center'
23
- });
24
- }
25
- }, [focusedClass]);
26
- return /*#__PURE__*/React.createElement(Wrapper, {
27
- id: id,
28
- role: "option",
29
- "aria-selected": focused,
30
- onClick: handleClick,
31
- ref: ref,
32
- className: focusedClass
33
- }, item.contentLeft, /*#__PURE__*/React.createElement(StyledText, null, item.label), item.contentRight);
34
- };
35
-
36
- export { SuggestionItem };
37
- //# sourceMappingURL=SuggestionItem.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SuggestionItem.js","sources":["../../../../../src/components/Autocomplete/ui/SuggestionItem/SuggestionItem.tsx"],"sourcesContent":["import React, { FC, useEffect, useRef } from 'react';\n\nimport { classes } from '../../Autocomplete.tokens';\n\nimport { StyledText, Wrapper } from './SuggestionItem.styles';\nimport type { SuggestionItemProps } from './SuggestionItem.type';\n\nexport const SuggestionItem: FC<SuggestionItemProps> = ({ item, id, onClick, focused }) => {\n const ref = useRef<HTMLLIElement | null>(null);\n\n const focusedClass = focused ? classes.suggestionItemIsFocused : undefined;\n\n const handleClick = () => {\n if (onClick) {\n onClick(item);\n }\n };\n\n useEffect(() => {\n if (focusedClass && ref?.current) {\n ref.current.scrollIntoView({\n behavior: 'smooth',\n block: 'center',\n inline: 'center',\n });\n }\n }, [focusedClass]);\n\n return (\n <Wrapper id={id} role=\"option\" aria-selected={focused} onClick={handleClick} ref={ref} className={focusedClass}>\n {item.contentLeft}\n <StyledText>{item.label}</StyledText>\n {item.contentRight}\n </Wrapper>\n );\n};\n"],"names":["SuggestionItem","_ref","item","id","onClick","focused","ref","useRef","focusedClass","classes","suggestionItemIsFocused","undefined","handleClick","useEffect","current","scrollIntoView","behavior","block","inline","React","createElement","Wrapper","role","className","contentLeft","StyledText","label","contentRight"],"mappings":";;;;IAOaA,cAAuC,GAAG,SAA1CA,cAAuCA,CAAAC,IAAA,EAAuC;AAAA,EAAA,IAAjCC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,EAAE,GAAAF,IAAA,CAAFE,EAAE;IAAEC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IAAEC,OAAO,GAAAJ,IAAA,CAAPI,OAAO,CAAA;AAChF,EAAA,IAAMC,GAAG,GAAGC,MAAM,CAAuB,IAAI,CAAC,CAAA;EAE9C,IAAMC,YAAY,GAAGH,OAAO,GAAGI,OAAO,CAACC,uBAAuB,GAAGC,SAAS,CAAA;AAE1E,EAAA,IAAMC,WAAW,GAAG,SAAdA,WAAWA,GAAS;AACtB,IAAA,IAAIR,OAAO,EAAE;MACTA,OAAO,CAACF,IAAI,CAAC,CAAA;AACjB,KAAA;GACH,CAAA;AAEDW,EAAAA,SAAS,CAAC,YAAM;IACZ,IAAIL,YAAY,IAAIF,GAAG,KAAA,IAAA,IAAHA,GAAG,KAAHA,KAAAA,CAAAA,IAAAA,GAAG,CAAEQ,OAAO,EAAE;AAC9BR,MAAAA,GAAG,CAACQ,OAAO,CAACC,cAAc,CAAC;AACvBC,QAAAA,QAAQ,EAAE,QAAQ;AAClBC,QAAAA,KAAK,EAAE,QAAQ;AACfC,QAAAA,MAAM,EAAE,QAAA;AACZ,OAAC,CAAC,CAAA;AACN,KAAA;AACJ,GAAC,EAAE,CAACV,YAAY,CAAC,CAAC,CAAA;AAElB,EAAA,oBACIW,KAAA,CAAAC,aAAA,CAACC,OAAO,EAAA;AAAClB,IAAAA,EAAE,EAAEA,EAAG;AAACmB,IAAAA,IAAI,EAAC,QAAQ;AAAC,IAAA,eAAA,EAAejB,OAAQ;AAACD,IAAAA,OAAO,EAAEQ,WAAY;AAACN,IAAAA,GAAG,EAAEA,GAAI;AAACiB,IAAAA,SAAS,EAAEf,YAAAA;AAAa,GAAA,EAC1GN,IAAI,CAACsB,WAAW,eACjBL,KAAA,CAAAC,aAAA,CAACK,UAAU,EAAEvB,IAAAA,EAAAA,IAAI,CAACwB,KAAkB,CAAC,EACpCxB,IAAI,CAACyB,YACD,CAAC,CAAA;AAElB;;;;"}
@@ -1,16 +0,0 @@
1
- import './SuggestionItem.styles_lpdinw.css';
2
- import { styled } from '@linaria/react';
3
-
4
- var StyledText = /*#__PURE__*/styled('div')({
5
- name: "StyledText",
6
- "class": "s1siyv9w",
7
- propsAsIs: false
8
- });
9
- var Wrapper = /*#__PURE__*/styled('li')({
10
- name: "Wrapper",
11
- "class": "wykobsk",
12
- propsAsIs: false
13
- });
14
-
15
- export { StyledText, Wrapper };
16
- //# sourceMappingURL=SuggestionItem.styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SuggestionItem.styles.js","sources":["../../../../../src/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { tokens, classes } from '../../Autocomplete.tokens';\nimport { addFocus, applyEllipsis } from '../../../../mixins';\n\nexport const StyledText = styled.div`\n ${applyEllipsis()};\n flex: 1;\n`;\n\nexport const Wrapper = styled.li`\n display: flex;\n align-items: center;\n margin: 0;\n box-sizing: content-box;\n padding: var(${tokens.itemPadding});\n font-family: var(${tokens.itemFontFamily});\n font-size: var(${tokens.itemFontSize});\n font-style: var(${tokens.itemFontStyle});\n font-weight: var(${tokens.itemFontWeight});\n letter-spacing: var(${tokens.itemFontLetterSpacing});\n line-height: var(${tokens.itemFontLineHeight});\n background: var(${tokens.itemBackground});\n color: var(${tokens.itemColor});\n border-radius: var(${tokens.itemBorderRadius});\n user-select: none;\n\n &:hover {\n cursor: pointer;\n background: var(${tokens.itemBackgroundHover});\n }\n\n :focus {\n outline: none;\n }\n\n ${addFocus({\n outlineSize: '0.0625rem',\n outlineOffset: '0',\n outlineColor: `var(${tokens.focusColor})`,\n outlineRadius: `var(${tokens.itemBorderRadius})`,\n hasTransition: false,\n customFocusRules: `\n &.${classes.suggestionItemIsFocused}:before {\n outline: none;\n box-shadow: 0 0 0 0.0625rem var(${tokens.focusColor});\n }\n `,\n })};\n`;\n"],"names":["StyledText","styled","name","class","propsAsIs","Wrapper"],"mappings":";;AAKO,IAAMA,UAAU,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAG/B,EAAA;AAEM,IAAMC,OAAO,gBAAGJ,MAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,SAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAuC5B;;;;"}
@@ -1,2 +0,0 @@
1
- .s1siyv9w{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
2
- .wykobsk{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;margin:0;box-sizing:content-box;padding:var(--plasma-autocomplete-item-padding);font-family:var(--plasma-autocomplete-item-font-family);font-size:var(--plasma-autocomplete-item-font-size);font-style:var(--plasma-autocomplete-item-font-style);font-weight:var(--plasma-autocomplete-item-font-weight);-webkit-letter-spacing:var(--plasma-autocomplete-item-font-letter-spacing);-moz-letter-spacing:var(--plasma-autocomplete-item-font-letter-spacing);-ms-letter-spacing:var(--plasma-autocomplete-item-font-letter-spacing);letter-spacing:var(--plasma-autocomplete-item-font-letter-spacing);line-height:var(--plasma-autocomplete-item-font-line-height);background:var(--plasma-autocomplete-item-background);color:var(--plasma-autocomplete-item-color);border-radius:var(--plasma-autocomplete-item-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;}.wykobsk:hover{cursor:pointer;background:var(--plasma-autocomplete-item-background-hover);}.wykobsk:focus{outline:none;}.wykobsk::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-autocomplete-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.wykobsk.suggestion-item-is-focused:before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-autocomplete-focus-color);}
@@ -1,19 +0,0 @@
1
- import './TextField.styles_sx1sq7.css';
2
- import { styled } from '@linaria/react';
3
- import { textFieldConfig } from '../../../TextField/TextField.js';
4
- import '@linaria/core';
5
- import { component, mergeConfig } from '../../../../engines/common.js';
6
-
7
- var mergedConfig = /*#__PURE__*/mergeConfig(textFieldConfig);
8
- var TextField = /*#__PURE__*/component(mergedConfig);
9
- var _exp = function _exp() {
10
- return TextField;
11
- };
12
- var StyledTextField = /*#__PURE__*/styled(_exp())({
13
- name: "StyledTextField",
14
- "class": "sxqyqmu",
15
- propsAsIs: true
16
- });
17
-
18
- export { StyledTextField };
19
- //# sourceMappingURL=TextField.styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TextField.styles.js","sources":["../../../../../src/components/Autocomplete/ui/TextField/TextField.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { textFieldConfig, textFieldTokens } from '../../../TextField';\nimport { component, mergeConfig } from '../../../../engines';\nimport { tokens as autocompleteTokens } from '../../Autocomplete.tokens';\n\nconst mergedConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedConfig);\n\nexport const StyledTextField = styled(TextField)`\n ${textFieldTokens.color}: var(${autocompleteTokens.textFieldColor});\n ${textFieldTokens.backgroundColor}: var(${autocompleteTokens.textFieldBackgroundColor});\n ${textFieldTokens.backgroundColorHover}: var(${autocompleteTokens.textFieldBackgroundColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${autocompleteTokens.textFieldBackgroundColorFocus});\n ${textFieldTokens.borderColor}: var(${autocompleteTokens.textFieldBorderColor});\n ${textFieldTokens.borderColorHover}: var(${autocompleteTokens.textFieldBorderColorHover});\n ${textFieldTokens.borderColorFocus}: var(${autocompleteTokens.textFieldBorderColorFocus});\n ${textFieldTokens.colorReadOnly}: var(${autocompleteTokens.textFieldColorReadOnly});\n ${textFieldTokens.backgroundColorReadOnly}: var(${autocompleteTokens.textFieldBackgroundColorReadOnly});\n ${textFieldTokens.borderColorReadOnly}: var(${autocompleteTokens.textFieldBorderColorReadOnly});\n ${textFieldTokens.placeholderColorReadOnly}: var(${autocompleteTokens.textFieldPlaceholderColorReadOnly});\n ${textFieldTokens.caretColor}: var(${autocompleteTokens.textFieldCaretColor});\n ${textFieldTokens.placeholderColor}: var(${autocompleteTokens.textFieldPlaceholderColor});\n ${textFieldTokens.height}: var(${autocompleteTokens.textFieldHeight});\n ${textFieldTokens.borderWidth}: var(${autocompleteTokens.textFieldBorderWidth});\n ${textFieldTokens.borderRadius}: var(${autocompleteTokens.textFieldBorderRadius});\n ${textFieldTokens.padding}: var(${autocompleteTokens.textFieldPadding});\n ${textFieldTokens.leftContentMargin}: var(${autocompleteTokens.textFieldLeftContentMargin});\n ${textFieldTokens.rightContentMargin}: var(${autocompleteTokens.textFieldRightContentMargin});\n ${textFieldTokens.fontFamily}: var(${autocompleteTokens.textFieldFontFamily});\n ${textFieldTokens.fontStyle}: var(${autocompleteTokens.textFieldFontStyle});\n ${textFieldTokens.fontSize}: var(${autocompleteTokens.textFieldFontSize});\n ${textFieldTokens.fontWeight}: var(${autocompleteTokens.textFieldFontWeight});\n ${textFieldTokens.letterSpacing}: var(${autocompleteTokens.textFieldLetterSpacing});\n ${textFieldTokens.lineHeight}: var(${autocompleteTokens.textFieldLineHeight});\n ${textFieldTokens.labelColor}: var(${autocompleteTokens.textFieldLabelColor});\n ${textFieldTokens.labelColorReadOnly}: var(${autocompleteTokens.textFieldLabelColorReadOnly});\n ${textFieldTokens.labelOffset}: var(${autocompleteTokens.textFieldLabelOffset});\n ${textFieldTokens.labelFontFamily}: var(${autocompleteTokens.textFieldLabelFontFamily});\n ${textFieldTokens.labelFontStyle}: var(${autocompleteTokens.textFieldLabelFontStyle});\n ${textFieldTokens.labelFontSize}: var(${autocompleteTokens.textFieldLabelFontSize});\n ${textFieldTokens.labelFontWeight}: var(${autocompleteTokens.textFieldLabelFontWeight});\n ${textFieldTokens.labelLetterSpacing}: var(${autocompleteTokens.textFieldLabelLetterSpacing});\n ${textFieldTokens.labelLineHeight}: var(${autocompleteTokens.textFieldLabelLineHeight});\n ${textFieldTokens.labelInnerFontFamily}: var(${autocompleteTokens.textFieldLabelInnerFontFamily});\n ${textFieldTokens.labelInnerFontStyle}: var(${autocompleteTokens.textFieldLabelInnerFontStyle});\n ${textFieldTokens.labelInnerFontSize}: var(${autocompleteTokens.textFieldLabelInnerFontSize});\n ${textFieldTokens.labelInnerFontWeight}: var(${autocompleteTokens.textFieldLabelInnerFontWeight});\n ${textFieldTokens.labelInnerLetterSpacing}: var(${autocompleteTokens.textFieldLabelInnerLetterSpacing});\n ${textFieldTokens.labelInnerLineHeight}: var(${autocompleteTokens.textFieldLabelInnerLineHeight});\n ${textFieldTokens.labelInnerPadding}: var(${autocompleteTokens.textFieldLabelInnerPadding});\n ${textFieldTokens.contentLabelInnerPadding}: var(${autocompleteTokens.textFieldContentLabelInnerPadding});\n ${textFieldTokens.leftHelperColor}: var(${autocompleteTokens.textFieldLeftHelperColor});\n ${textFieldTokens.leftHelperColorReadOnly}: var(${autocompleteTokens.textFieldLeftHelperColorReadOnly});\n ${textFieldTokens.leftHelperOffset}: var(${autocompleteTokens.textFieldLeftHelperOffset});\n ${textFieldTokens.leftHelperFontFamily}: var(${autocompleteTokens.textFieldLeftHelperFontFamily});\n ${textFieldTokens.leftHelperFontStyle}: var(${autocompleteTokens.textFieldLeftHelperFontStyle});\n ${textFieldTokens.leftHelperFontSize}: var(${autocompleteTokens.textFieldLeftHelperFontSize});\n ${textFieldTokens.leftHelperFontWeight}: var(${autocompleteTokens.textFieldLeftHelperFontWeight});\n ${textFieldTokens.leftHelperLetterSpacing}: var(${autocompleteTokens.textFieldLeftHelperLetterSpacing});\n ${textFieldTokens.leftHelperLineHeight}: var(${autocompleteTokens.textFieldLeftHelperLineHeight});\n ${textFieldTokens.textBeforeColor}: var(${autocompleteTokens.textFieldTextBeforeColor});\n ${textFieldTokens.textAfterColor}: var(${autocompleteTokens.textFieldTextAfterColor});\n ${textFieldTokens.textBeforeMargin}: var(${autocompleteTokens.textFieldTextBeforeMargin});\n ${textFieldTokens.textAfterMargin}: var(${autocompleteTokens.textFieldTextAfterMargin});\n ${textFieldTokens.disabledOpacity}: var(${autocompleteTokens.textFieldDisabledOpacity});\n ${textFieldTokens.focusColor}: var(${autocompleteTokens.textFieldFocusColor});\n`;\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","TextField","component","_exp","StyledTextField","styled","name","class","propsAsIs"],"mappings":";;;;;AAMA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,eAAe,CAAC,CAAA;AACjD,IAAMC,SAAS,gBAAGC,SAAS,CAACJ,YAAY,CAAC,CAAA;AAAC,IAAAK,IAAA,GANxBA,SAMwBA,IAAAA,GAAA;AAAA,EAAA,OAEJF,SAAS,CAAA;AAAA,CAAA,CAAA;AAAxC,IAAMG,eAAe,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA0DpC;;;;"}
@@ -1 +0,0 @@
1
- .sxqyqmu{--plasma-textfield-color:var(--plasma-autocomplete-textfield-color);--plasma-textfield-bg-color:var(--plasma-autocomplete-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-autocomplete-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-autocomplete-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-autocomplete-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-autocomplete-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-autocomplete-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-autocomplete-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-autocomplete-textfield-bg-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-autocomplete-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-autocomplete-textfield__placeholder-color-readonly);--plasma-textfield__caret-color:var(--plasma-autocomplete-textfield-caret-color);--plasma-textfield__placeholder-color:var(--plasma-autocomplete-textfield-placeholder-color);--plasma-textfield-height:var(--plasma-autocomplete-textfield-height);--plasma-textfield-border-width:var(--plasma-autocomplete-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-autocomplete-textfield-border-radius);--plasma-textfield-padding:var(--plasma-autocomplete-textfield-padding);--plasma-textfield__left-content-margin:var(--plasma-autocomplete-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-autocomplete-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-autocomplete-textfield-font-family);--plasma-textfield-font-style:var(--plasma-autocomplete-textfield-font-style);--plasma-textfield-font-size:var(--plasma-autocomplete-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-autocomplete-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-autocomplete-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-autocomplete-textfield-line-height);--plasma-textfield__label-color:var(--plasma-autocomplete-textfield-label-color);--plasma-textfield__label-color-readonly:var(--plasma-autocomplete-textfield__label-color-readonly);--plasma-textfield__label-offset:var(--plasma-autocomplete-textfield__label-offset);--plasma-textfield__label-font-family:var(--plasma-autocomplete-textfield__label-font-family);--plasma-textfield__label-font-style:var(--plasma-autocomplete-textfield__label-font-style);--plasma-textfield__label-font-size:var(--plasma-autocomplete-textfield__label-font-size);--plasma-textfield__label-font-weight:var(--plasma-autocomplete-textfield__label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-autocomplete-textfield__label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-autocomplete-textfield__label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-autocomplete-textfield-placement_inner__label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-autocomplete-textfield-placement_inner__label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-autocomplete-textfield-placement_inner__label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-autocomplete-textfield-placement_inner__label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-autocomplete-textfield-placement_inner__label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-autocomplete-textfield-placement_inner__label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-autocomplete-textfield-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-autocomplete-textfield-placement_inner__content-padding);--plasma-textfield__left-helper-color:var(--plasma-autocomplete-textfield__left-helper-color);--plasma-textfield__left-helper-color-readonly:var(--plasma-autocomplete-textfield__left-helper-color-readonly);--plasma-textfield__left-helper-offset:var(--plasma-autocomplete-textfield__left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-autocomplete-textfield__left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-autocomplete-textfield__left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-autocomplete-textfield__left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-autocomplete-textfield__left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-autocomplete-textfield__left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-autocomplete-textfield__left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-autocomplete-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-autocomplete-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-autocomplete-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-autocomplete-textfield__after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-autocomplete-textfield-disabled-opacity);--plasma-textfield-focus-color:var(--plasma-autocomplete-textfield-focus-color);}
@@ -1,30 +0,0 @@
1
- .base_x95x4p_b1ty39ru__349bf40b{color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}.base_x95x4p_b1ty39ru__349bf40b:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background-color:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.base_x95x4p_b1ty39ru__349bf40b:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background-color:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}
2
-
3
- .base_1alzrso_be0ha5g__cdc67255{height:var(--plasma-button-height);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);}
4
-
5
- .base_1t3ywu_b169l30m__aba40ddd[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.base_1t3ywu_b169l30m__aba40ddd[disabled]:hover,.base_1t3ywu_b169l30m__aba40ddd[disabled]:active{scale:none;color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}
6
-
7
- .base_1kq737e_b187cmzt__d829f64a{position:relative;}.base_1kq737e_b187cmzt__d829f64a:focus{outline:none;}.base_1kq737e_b187cmzt__d829f64a::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1kq737e_b187cmzt__d829f64a.base_1kq737e_focusVisible__d829f64a:focus::before,.base_1kq737e_b187cmzt__d829f64a[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}
8
-
9
- .base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingFixed__bd4ad37e{width:var(--plasma-button-width);}.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingFilled__bd4ad37e{width:100%;}.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingAuto__bd4ad37e{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
10
-
11
- .base_1gusher_b1chvyq8__76b641f5{color:var(--plasma-spinner-color);}
12
-
13
- .base_ova69f_bw56nfh__55225c7f{width:var(--plasma-spinner-size);height:var(--plasma-spinner-size);}
14
-
15
- .Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
16
- .Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
17
-
18
- .Button_styles_1oz1dew_bzw1898__a16b28b2{min-width:4ch;-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_1oz1dew_bzw1898__a16b28b2.Button_styles_1oz1dew_buttonContentRelaxed__a16b28b2{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}
19
- .Button_styles_1oz1dew_bdfuqwe__a16b28b2{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
20
- .Button_styles_1oz1dew_l9ypozh__a16b28b2{opacity:var(--l9ypozh-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:var(--l9ypozh-1);-webkit-justify-content:var(--l9ypozh-1);-ms-flex-pack:var(--l9ypozh-1);justify-content:var(--l9ypozh-1);height:100%;width:100%;}
21
- .Button_styles_1oz1dew_l4dfhbg__a16b28b2{position:absolute;}
22
- .Button_styles_1oz1dew_srdlazt__a16b28b2{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
23
- .Button_styles_1oz1dew_s7rggv0__a16b28b2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-left-content-margin);}
24
- .Button_styles_1oz1dew_s1rjh7ra__a16b28b2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-right-content-margin);}
25
- .Button_styles_1oz1dew_b9ga1dj__a16b28b2{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_1oz1dew_b9ga1dj__a16b28b2{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_1oz1dew_b9ga1dj__a16b28b2.Button_styles_1oz1dew_b9ga1dj__a16b28b2.Button_styles_1oz1dew_buttonSquare__a16b28b2{width:var(--plasma-button-height);padding:0;}
26
-
27
- .EmptyState_styles_1o24i5h_spbib9h__0d5131e5{--plasma-button-color:var(--text-primary);--plasma-button-color-active:var(--text-primary-active);--plasma-button-color-hover:var(--text-primary-hover);--plasma-button-background-color:none;--plasma-button-padding:0;--plasma-button-height:var(--plasma-emptystate-button-height);--plasma-button-radius:0;--plasma-button-font-family:var(--plasma-emptystate-font-family);--plasma-button-font-size:var(--plasma-emptystate-font-size);--plasma-button-font-style:var(--plasma-emptystate-font-style);--plasma-button-font-weight:600;--plasma-button-letter-spacing:var(--plasma-emptystate-font-letter-spacing);--plasma-button-line-height:var(--plasma-emptystate-font-line-height);margin:var(--plasma-emptystate-button-margin);}
28
- .EmptyState_styles_1o24i5h_w1g2xar0__0d5131e5{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--surface-solid-card);box-shadow:0 4px 14px -4px rgba(8,8,8,0.08),0 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-emptystate-border-radius);padding:var(--plasma-emptystate-padding);text-align:center;}
29
- .EmptyState_styles_1o24i5h_i21aoej__0d5131e5{margin:var(--plasma-emptystate-icon-margin);line-height:0;}
30
- .EmptyState_styles_1o24i5h_d1brs29u__0d5131e5{margin:var(--plasma-emptystate-description-margin);font-family:var(--plasma-emptystate-font-family);font-size:var(--plasma-emptystate-font-size);font-style:var(--plasma-emptystate-font-style);font-weight:var(--plasma-emptystate-font-weight);-webkit-letter-spacing:var(--plasma-emptystate-font-letter-spacing);-moz-letter-spacing:var(--plasma-emptystate-font-letter-spacing);-ms-letter-spacing:var(--plasma-emptystate-font-letter-spacing);letter-spacing:var(--plasma-emptystate-font-letter-spacing);line-height:var(--plasma-emptystate-font-line-height);}
@@ -1,34 +0,0 @@
1
- import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
2
- import React, { forwardRef } from 'react';
3
- import { Wrapper, IconWrapper, Description, StyledButton } from './EmptyState.styles.js';
4
-
5
- /**
6
- * Компонент для альтернативного показа содержимого выпадающего списка.
7
- */
8
- var emptyStateRoot = function emptyStateRoot(Root) {
9
- return /*#__PURE__*/forwardRef(function (props, ref) {
10
- var icon = props.icon,
11
- description = props.description,
12
- buttonText = props.buttonText,
13
- buttonAction = props.buttonAction;
14
- return /*#__PURE__*/React.createElement(Root, _extends({}, props, {
15
- ref: ref
16
- }), /*#__PURE__*/React.createElement(Wrapper, null, icon && /*#__PURE__*/React.createElement(IconWrapper, null, icon), /*#__PURE__*/React.createElement(Description, null, description), buttonText && /*#__PURE__*/React.createElement(StyledButton, {
17
- stretching: "filled",
18
- onClick: buttonAction
19
- }, buttonText)));
20
- });
21
- };
22
- var emptyStateConfig = {
23
- name: 'EmptyState',
24
- tag: 'div',
25
- layout: emptyStateRoot,
26
- base: '',
27
- defaults: {
28
- size: 'l'
29
- },
30
- variations: {}
31
- };
32
-
33
- export { emptyStateConfig, emptyStateRoot };
34
- //# sourceMappingURL=EmptyState.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"EmptyState.js","sources":["../../../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { RootProps } from '../../engines';\n\nimport { Props } from './EmptyState.types';\nimport { Wrapper, StyledButton, IconWrapper, Description } from './EmptyState.styles';\n\n/**\n * Компонент для альтернативного показа содержимого выпадающего списка.\n */\nexport const emptyStateRoot = (Root: RootProps<HTMLDivElement, Props>) =>\n forwardRef<HTMLDivElement, Props>((props, ref) => {\n const { icon, description, buttonText, buttonAction } = props;\n\n return (\n <Root {...props} ref={ref}>\n <Wrapper>\n {icon && <IconWrapper>{icon}</IconWrapper>}\n\n <Description>{description}</Description>\n\n {buttonText && (\n <StyledButton stretching=\"filled\" onClick={buttonAction}>\n {buttonText}\n </StyledButton>\n )}\n </Wrapper>\n </Root>\n );\n });\n\nexport const emptyStateConfig = {\n name: 'EmptyState',\n tag: 'div',\n layout: emptyStateRoot,\n base: '',\n defaults: {\n size: 'l',\n },\n variations: {},\n};\n"],"names":["emptyStateRoot","Root","forwardRef","props","ref","icon","description","buttonText","buttonAction","React","createElement","_extends","Wrapper","IconWrapper","Description","StyledButton","stretching","onClick","emptyStateConfig","name","tag","layout","base","defaults","size","variations"],"mappings":";;;;AAOA;AACA;AACA;IACaA,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,IAAsC,EAAA;AAAA,EAAA,oBACjEC,UAAU,CAAwB,UAACC,KAAK,EAAEC,GAAG,EAAK;AAC9C,IAAA,IAAQC,IAAI,GAA4CF,KAAK,CAArDE,IAAI;MAAEC,WAAW,GAA+BH,KAAK,CAA/CG,WAAW;MAAEC,UAAU,GAAmBJ,KAAK,CAAlCI,UAAU;MAAEC,YAAY,GAAKL,KAAK,CAAtBK,YAAY,CAAA;IAEnD,oBACIC,KAAA,CAAAC,aAAA,CAACT,IAAI,EAAAU,QAAA,KAAKR,KAAK,EAAA;AAAEC,MAAAA,GAAG,EAAEA,GAAAA;AAAI,KAAA,CAAA,eACtBK,KAAA,CAAAC,aAAA,CAACE,OAAO,EACHP,IAAAA,EAAAA,IAAI,iBAAII,KAAA,CAAAC,aAAA,CAACG,WAAW,QAAER,IAAkB,CAAC,eAE1CI,KAAA,CAAAC,aAAA,CAACI,WAAW,QAAER,WAAyB,CAAC,EAEvCC,UAAU,iBACPE,KAAA,CAAAC,aAAA,CAACK,YAAY,EAAA;AAACC,MAAAA,UAAU,EAAC,QAAQ;AAACC,MAAAA,OAAO,EAAET,YAAAA;KACtCD,EAAAA,UACS,CAEb,CACP,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMW,gBAAgB,GAAG;AAC5BC,EAAAA,IAAI,EAAE,YAAY;AAClBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAErB,cAAc;AACtBsB,EAAAA,IAAI,EAAE,EAAE;AACRC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE,EAAC;AACjB;;;;"}