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

Sign up to get free protection for your applications and to get access to all the features.
Files changed (281) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.css +60 -0
  2. package/cjs/components/Autocomplete/Autocomplete.js +189 -0
  3. package/cjs/components/Autocomplete/Autocomplete.js.map +1 -0
  4. package/cjs/components/Autocomplete/Autocomplete.styles.js +78 -0
  5. package/cjs/components/Autocomplete/Autocomplete.styles.js.map +1 -0
  6. package/cjs/components/Autocomplete/Autocomplete.styles_4wbmok.css +5 -0
  7. package/cjs/components/Autocomplete/Autocomplete.tokens.js +93 -0
  8. package/cjs/components/Autocomplete/Autocomplete.tokens.js.map +1 -0
  9. package/cjs/components/Autocomplete/hooks/useKeyboardNavigation.js +112 -0
  10. package/cjs/components/Autocomplete/hooks/useKeyboardNavigation.js.map +1 -0
  11. package/cjs/components/Autocomplete/reducers/focusedReducer.js +47 -0
  12. package/cjs/components/Autocomplete/reducers/focusedReducer.js.map +1 -0
  13. package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.css +2 -0
  14. package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js +41 -0
  15. package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js.map +1 -0
  16. package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +21 -0
  17. package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js.map +1 -0
  18. package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles_lpdinw.css +2 -0
  19. package/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +23 -0
  20. package/cjs/components/Autocomplete/ui/TextField/TextField.styles.js.map +1 -0
  21. package/cjs/components/Autocomplete/ui/TextField/TextField.styles_sx1sq7.css +1 -0
  22. package/cjs/components/EmptyState/EmptyState.css +30 -0
  23. package/cjs/components/EmptyState/EmptyState.js +39 -0
  24. package/cjs/components/EmptyState/EmptyState.js.map +1 -0
  25. package/cjs/components/EmptyState/EmptyState.styles.js +41 -0
  26. package/cjs/components/EmptyState/EmptyState.styles.js.map +1 -0
  27. package/cjs/components/EmptyState/EmptyState.styles_1o24i5h.css +4 -0
  28. package/cjs/components/EmptyState/EmptyState.tokens.js +21 -0
  29. package/cjs/components/EmptyState/EmptyState.tokens.js.map +1 -0
  30. package/cjs/components/TextField/TextField.js +2 -2
  31. package/cjs/components/TextField/TextField.js.map +1 -1
  32. package/cjs/hooks/useOutsideClick.js +26 -0
  33. package/cjs/hooks/useOutsideClick.js.map +1 -0
  34. package/cjs/index.css +16 -0
  35. package/cjs/index.js +12 -0
  36. package/cjs/index.js.map +1 -1
  37. package/emotion/cjs/components/Autocomplete/Autocomplete.js +193 -0
  38. package/emotion/cjs/components/Autocomplete/Autocomplete.styles.js +43 -0
  39. package/emotion/cjs/components/Autocomplete/Autocomplete.tokens.js +91 -0
  40. package/emotion/cjs/components/Autocomplete/Autocomplete.types.js +5 -0
  41. package/emotion/cjs/components/Autocomplete/hooks/useKeyboardNavigation.js +114 -0
  42. package/emotion/cjs/components/Autocomplete/index.js +25 -0
  43. package/emotion/cjs/components/Autocomplete/reducers/focusedReducer.js +46 -0
  44. package/emotion/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js +42 -0
  45. package/emotion/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +25 -0
  46. package/emotion/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.type.js +5 -0
  47. package/emotion/cjs/components/Autocomplete/ui/TextField/TextField.js +12 -0
  48. package/emotion/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +17 -0
  49. package/emotion/cjs/components/Autocomplete/ui/index.js +27 -0
  50. package/emotion/cjs/components/EmptyState/EmptyState.js +39 -0
  51. package/emotion/cjs/components/EmptyState/EmptyState.styles.js +29 -0
  52. package/emotion/cjs/components/EmptyState/EmptyState.tokens.js +20 -0
  53. package/emotion/cjs/components/EmptyState/EmptyState.types.js +5 -0
  54. package/emotion/cjs/components/EmptyState/index.js +25 -0
  55. package/emotion/cjs/components/TextField/TextField.js +3 -3
  56. package/emotion/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js +39 -0
  57. package/emotion/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.js +11 -0
  58. package/emotion/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.stories.tsx +134 -0
  59. package/emotion/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +5 -5
  60. package/emotion/cjs/examples/plasma_b2c/components/EmptyState/EmptyState.config.js +21 -0
  61. package/emotion/cjs/examples/plasma_b2c/components/EmptyState/EmptyState.js +11 -0
  62. package/emotion/cjs/examples/plasma_b2c/components/EmptyState/EmptyState.stories.tsx +44 -0
  63. package/emotion/cjs/examples/plasma_b2c/components/Overlay/Overlay.stories.tsx +1 -1
  64. package/emotion/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +39 -0
  65. package/emotion/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.js +11 -0
  66. package/emotion/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.stories.tsx +134 -0
  67. package/emotion/cjs/examples/plasma_web/components/Dropdown/Dropdown.config.js +5 -5
  68. package/emotion/cjs/examples/plasma_web/components/EmptyState/EmptyState.config.js +21 -0
  69. package/emotion/cjs/examples/plasma_web/components/EmptyState/EmptyState.js +11 -0
  70. package/emotion/cjs/examples/plasma_web/components/EmptyState/EmptyState.stories.tsx +44 -0
  71. package/emotion/cjs/examples/plasma_web/components/Overlay/Overlay.stories.tsx +1 -1
  72. package/emotion/cjs/examples/sds_engineer/components/Overlay/Overlay.stories.tsx +1 -1
  73. package/emotion/cjs/hooks/index.js +7 -0
  74. package/emotion/cjs/hooks/useOutsideClick.js +24 -0
  75. package/emotion/cjs/index.js +22 -0
  76. package/emotion/es/components/Autocomplete/Autocomplete.js +185 -0
  77. package/emotion/es/components/Autocomplete/Autocomplete.styles.js +36 -0
  78. package/emotion/es/components/Autocomplete/Autocomplete.tokens.js +85 -0
  79. package/emotion/es/components/Autocomplete/Autocomplete.types.js +1 -0
  80. package/emotion/es/components/Autocomplete/hooks/useKeyboardNavigation.js +108 -0
  81. package/emotion/es/components/Autocomplete/index.js +2 -0
  82. package/emotion/es/components/Autocomplete/reducers/focusedReducer.js +40 -0
  83. package/emotion/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js +33 -0
  84. package/emotion/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +18 -0
  85. package/emotion/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.type.js +1 -0
  86. package/emotion/es/components/Autocomplete/ui/TextField/TextField.js +1 -0
  87. package/emotion/es/components/Autocomplete/ui/TextField/TextField.styles.js +10 -0
  88. package/emotion/es/components/Autocomplete/ui/index.js +2 -0
  89. package/emotion/es/components/EmptyState/EmptyState.js +31 -0
  90. package/emotion/es/components/EmptyState/EmptyState.styles.js +22 -0
  91. package/emotion/es/components/EmptyState/EmptyState.tokens.js +14 -0
  92. package/emotion/es/components/EmptyState/EmptyState.types.js +1 -0
  93. package/emotion/es/components/EmptyState/index.js +2 -0
  94. package/emotion/es/components/TextField/TextField.js +3 -3
  95. package/emotion/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js +33 -0
  96. package/emotion/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.js +5 -0
  97. package/emotion/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.stories.tsx +134 -0
  98. package/emotion/es/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +5 -5
  99. package/emotion/es/examples/plasma_b2c/components/EmptyState/EmptyState.config.js +15 -0
  100. package/emotion/es/examples/plasma_b2c/components/EmptyState/EmptyState.js +5 -0
  101. package/emotion/es/examples/plasma_b2c/components/EmptyState/EmptyState.stories.tsx +44 -0
  102. package/emotion/es/examples/plasma_b2c/components/Overlay/Overlay.stories.tsx +1 -1
  103. package/emotion/es/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +33 -0
  104. package/emotion/es/examples/plasma_web/components/Autocomplete/Autocomplete.js +5 -0
  105. package/emotion/es/examples/plasma_web/components/Autocomplete/Autocomplete.stories.tsx +134 -0
  106. package/emotion/es/examples/plasma_web/components/Dropdown/Dropdown.config.js +5 -5
  107. package/emotion/es/examples/plasma_web/components/EmptyState/EmptyState.config.js +15 -0
  108. package/emotion/es/examples/plasma_web/components/EmptyState/EmptyState.js +5 -0
  109. package/emotion/es/examples/plasma_web/components/EmptyState/EmptyState.stories.tsx +44 -0
  110. package/emotion/es/examples/plasma_web/components/Overlay/Overlay.stories.tsx +1 -1
  111. package/emotion/es/examples/sds_engineer/components/Overlay/Overlay.stories.tsx +1 -1
  112. package/emotion/es/hooks/index.js +1 -0
  113. package/emotion/es/hooks/useOutsideClick.js +18 -0
  114. package/emotion/es/index.js +3 -1
  115. package/es/components/Autocomplete/Autocomplete.css +60 -0
  116. package/es/components/Autocomplete/Autocomplete.js +184 -0
  117. package/es/components/Autocomplete/Autocomplete.js.map +1 -0
  118. package/es/components/Autocomplete/Autocomplete.styles.js +70 -0
  119. package/es/components/Autocomplete/Autocomplete.styles.js.map +1 -0
  120. package/es/components/Autocomplete/Autocomplete.styles_4wbmok.css +5 -0
  121. package/es/components/Autocomplete/Autocomplete.tokens.js +88 -0
  122. package/es/components/Autocomplete/Autocomplete.tokens.js.map +1 -0
  123. package/es/components/Autocomplete/hooks/useKeyboardNavigation.js +107 -0
  124. package/es/components/Autocomplete/hooks/useKeyboardNavigation.js.map +1 -0
  125. package/es/components/Autocomplete/reducers/focusedReducer.js +43 -0
  126. package/es/components/Autocomplete/reducers/focusedReducer.js.map +1 -0
  127. package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.css +2 -0
  128. package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js +37 -0
  129. package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js.map +1 -0
  130. package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +16 -0
  131. package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js.map +1 -0
  132. package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles_lpdinw.css +2 -0
  133. package/es/components/Autocomplete/ui/TextField/TextField.styles.js +19 -0
  134. package/es/components/Autocomplete/ui/TextField/TextField.styles.js.map +1 -0
  135. package/es/components/Autocomplete/ui/TextField/TextField.styles_sx1sq7.css +1 -0
  136. package/es/components/EmptyState/EmptyState.css +30 -0
  137. package/es/components/EmptyState/EmptyState.js +34 -0
  138. package/es/components/EmptyState/EmptyState.js.map +1 -0
  139. package/es/components/EmptyState/EmptyState.styles.js +34 -0
  140. package/es/components/EmptyState/EmptyState.styles.js.map +1 -0
  141. package/es/components/EmptyState/EmptyState.styles_1o24i5h.css +4 -0
  142. package/es/components/EmptyState/EmptyState.tokens.js +17 -0
  143. package/es/components/EmptyState/EmptyState.tokens.js.map +1 -0
  144. package/es/components/TextField/TextField.js +2 -2
  145. package/es/components/TextField/TextField.js.map +1 -1
  146. package/es/hooks/useOutsideClick.js +22 -0
  147. package/es/hooks/useOutsideClick.js.map +1 -0
  148. package/es/index.css +16 -0
  149. package/es/index.js +5 -0
  150. package/es/index.js.map +1 -1
  151. package/package.json +2 -2
  152. package/styled-components/cjs/components/Autocomplete/Autocomplete.js +193 -0
  153. package/styled-components/cjs/components/Autocomplete/Autocomplete.styles.js +40 -0
  154. package/styled-components/cjs/components/Autocomplete/Autocomplete.tokens.js +91 -0
  155. package/styled-components/cjs/components/Autocomplete/Autocomplete.types.js +5 -0
  156. package/styled-components/cjs/components/Autocomplete/hooks/useKeyboardNavigation.js +114 -0
  157. package/styled-components/cjs/components/Autocomplete/index.js +25 -0
  158. package/styled-components/cjs/components/Autocomplete/reducers/focusedReducer.js +46 -0
  159. package/styled-components/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js +42 -0
  160. package/styled-components/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +23 -0
  161. package/styled-components/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.type.js +5 -0
  162. package/styled-components/cjs/components/Autocomplete/ui/TextField/TextField.js +12 -0
  163. package/styled-components/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +16 -0
  164. package/styled-components/cjs/components/Autocomplete/ui/index.js +27 -0
  165. package/styled-components/cjs/components/EmptyState/EmptyState.js +39 -0
  166. package/styled-components/cjs/components/EmptyState/EmptyState.styles.js +25 -0
  167. package/styled-components/cjs/components/EmptyState/EmptyState.tokens.js +20 -0
  168. package/styled-components/cjs/components/EmptyState/EmptyState.types.js +5 -0
  169. package/styled-components/cjs/components/EmptyState/index.js +25 -0
  170. package/styled-components/cjs/components/TextField/TextField.js +2 -2
  171. package/styled-components/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js +39 -0
  172. package/styled-components/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.js +11 -0
  173. package/styled-components/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.stories.tsx +134 -0
  174. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +1 -1
  175. package/styled-components/cjs/examples/plasma_b2c/components/EmptyState/EmptyState.config.js +21 -0
  176. package/styled-components/cjs/examples/plasma_b2c/components/EmptyState/EmptyState.js +11 -0
  177. package/styled-components/cjs/examples/plasma_b2c/components/EmptyState/EmptyState.stories.tsx +44 -0
  178. package/styled-components/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +39 -0
  179. package/styled-components/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.js +11 -0
  180. package/styled-components/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.stories.tsx +134 -0
  181. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Dropdown.config.js +1 -1
  182. package/styled-components/cjs/examples/plasma_web/components/EmptyState/EmptyState.config.js +21 -0
  183. package/styled-components/cjs/examples/plasma_web/components/EmptyState/EmptyState.js +11 -0
  184. package/styled-components/cjs/examples/plasma_web/components/EmptyState/EmptyState.stories.tsx +44 -0
  185. package/styled-components/cjs/hooks/index.js +7 -0
  186. package/styled-components/cjs/hooks/useOutsideClick.js +24 -0
  187. package/styled-components/cjs/index.js +22 -0
  188. package/styled-components/es/components/Autocomplete/Autocomplete.js +185 -0
  189. package/styled-components/es/components/Autocomplete/Autocomplete.styles.js +32 -0
  190. package/styled-components/es/components/Autocomplete/Autocomplete.tokens.js +85 -0
  191. package/styled-components/es/components/Autocomplete/Autocomplete.types.js +1 -0
  192. package/styled-components/es/components/Autocomplete/hooks/useKeyboardNavigation.js +108 -0
  193. package/styled-components/es/components/Autocomplete/index.js +2 -0
  194. package/styled-components/es/components/Autocomplete/reducers/focusedReducer.js +40 -0
  195. package/styled-components/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js +33 -0
  196. package/styled-components/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +16 -0
  197. package/styled-components/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.type.js +1 -0
  198. package/styled-components/es/components/Autocomplete/ui/TextField/TextField.js +1 -0
  199. package/styled-components/es/components/Autocomplete/ui/TextField/TextField.styles.js +9 -0
  200. package/styled-components/es/components/Autocomplete/ui/index.js +2 -0
  201. package/styled-components/es/components/EmptyState/EmptyState.js +31 -0
  202. package/styled-components/es/components/EmptyState/EmptyState.styles.js +18 -0
  203. package/styled-components/es/components/EmptyState/EmptyState.tokens.js +14 -0
  204. package/styled-components/es/components/EmptyState/EmptyState.types.js +1 -0
  205. package/styled-components/es/components/EmptyState/index.js +2 -0
  206. package/styled-components/es/components/TextField/TextField.js +2 -2
  207. package/styled-components/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js +33 -0
  208. package/styled-components/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.js +5 -0
  209. package/styled-components/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.stories.tsx +134 -0
  210. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +1 -1
  211. package/styled-components/es/examples/plasma_b2c/components/EmptyState/EmptyState.config.js +15 -0
  212. package/styled-components/es/examples/plasma_b2c/components/EmptyState/EmptyState.js +5 -0
  213. package/styled-components/es/examples/plasma_b2c/components/EmptyState/EmptyState.stories.tsx +44 -0
  214. package/styled-components/es/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +33 -0
  215. package/styled-components/es/examples/plasma_web/components/Autocomplete/Autocomplete.js +5 -0
  216. package/styled-components/es/examples/plasma_web/components/Autocomplete/Autocomplete.stories.tsx +134 -0
  217. package/styled-components/es/examples/plasma_web/components/Dropdown/Dropdown.config.js +1 -1
  218. package/styled-components/es/examples/plasma_web/components/EmptyState/EmptyState.config.js +15 -0
  219. package/styled-components/es/examples/plasma_web/components/EmptyState/EmptyState.js +5 -0
  220. package/styled-components/es/examples/plasma_web/components/EmptyState/EmptyState.stories.tsx +44 -0
  221. package/styled-components/es/hooks/index.js +1 -0
  222. package/styled-components/es/hooks/useOutsideClick.js +18 -0
  223. package/styled-components/es/index.js +3 -1
  224. package/types/components/Autocomplete/Autocomplete.d.ts +24 -0
  225. package/types/components/Autocomplete/Autocomplete.d.ts.map +1 -0
  226. package/types/components/Autocomplete/Autocomplete.styles.d.ts +19 -0
  227. package/types/components/Autocomplete/Autocomplete.styles.d.ts.map +1 -0
  228. package/types/components/Autocomplete/Autocomplete.tokens.d.ts +84 -0
  229. package/types/components/Autocomplete/Autocomplete.tokens.d.ts.map +1 -0
  230. package/types/components/Autocomplete/Autocomplete.types.d.ts +84 -0
  231. package/types/components/Autocomplete/Autocomplete.types.d.ts.map +1 -0
  232. package/types/components/Autocomplete/hooks/useKeyboardNavigation.d.ts +31 -0
  233. package/types/components/Autocomplete/hooks/useKeyboardNavigation.d.ts.map +1 -0
  234. package/types/components/Autocomplete/index.d.ts +3 -0
  235. package/types/components/Autocomplete/index.d.ts.map +1 -0
  236. package/types/components/Autocomplete/reducers/focusedReducer.d.ts +17 -0
  237. package/types/components/Autocomplete/reducers/focusedReducer.d.ts.map +1 -0
  238. package/types/components/Autocomplete/ui/SuggestionItem/SuggestionItem.d.ts +4 -0
  239. package/types/components/Autocomplete/ui/SuggestionItem/SuggestionItem.d.ts.map +1 -0
  240. package/types/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.d.ts +4 -0
  241. package/types/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.d.ts.map +1 -0
  242. package/types/components/Autocomplete/ui/SuggestionItem/SuggestionItem.type.d.ts +8 -0
  243. package/types/components/Autocomplete/ui/SuggestionItem/SuggestionItem.type.d.ts.map +1 -0
  244. package/types/components/Autocomplete/ui/TextField/TextField.d.ts +2 -0
  245. package/types/components/Autocomplete/ui/TextField/TextField.d.ts.map +1 -0
  246. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +41 -0
  247. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -0
  248. package/types/components/Autocomplete/ui/index.d.ts +3 -0
  249. package/types/components/Autocomplete/ui/index.d.ts.map +1 -0
  250. package/types/components/EmptyState/EmptyState.d.ts +18 -0
  251. package/types/components/EmptyState/EmptyState.d.ts.map +1 -0
  252. package/types/components/EmptyState/EmptyState.styles.d.ts +48 -0
  253. package/types/components/EmptyState/EmptyState.styles.d.ts.map +1 -0
  254. package/types/components/EmptyState/EmptyState.tokens.d.ts +15 -0
  255. package/types/components/EmptyState/EmptyState.tokens.d.ts.map +1 -0
  256. package/types/components/EmptyState/EmptyState.types.d.ts +8 -0
  257. package/types/components/EmptyState/EmptyState.types.d.ts.map +1 -0
  258. package/types/components/EmptyState/index.d.ts +3 -0
  259. package/types/components/EmptyState/index.d.ts.map +1 -0
  260. package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.d.ts +32 -0
  261. package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.d.ts.map +1 -0
  262. package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.d.ts +26 -0
  263. package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.d.ts.map +1 -0
  264. package/types/examples/plasma_b2c/components/EmptyState/EmptyState.config.d.ts +14 -0
  265. package/types/examples/plasma_b2c/components/EmptyState/EmptyState.config.d.ts.map +1 -0
  266. package/types/examples/plasma_b2c/components/EmptyState/EmptyState.d.ts +25 -0
  267. package/types/examples/plasma_b2c/components/EmptyState/EmptyState.d.ts.map +1 -0
  268. package/types/examples/plasma_web/components/Autocomplete/Autocomplete.config.d.ts +32 -0
  269. package/types/examples/plasma_web/components/Autocomplete/Autocomplete.config.d.ts.map +1 -0
  270. package/types/examples/plasma_web/components/Autocomplete/Autocomplete.d.ts +26 -0
  271. package/types/examples/plasma_web/components/Autocomplete/Autocomplete.d.ts.map +1 -0
  272. package/types/examples/plasma_web/components/EmptyState/EmptyState.config.d.ts +14 -0
  273. package/types/examples/plasma_web/components/EmptyState/EmptyState.config.d.ts.map +1 -0
  274. package/types/examples/plasma_web/components/EmptyState/EmptyState.d.ts +25 -0
  275. package/types/examples/plasma_web/components/EmptyState/EmptyState.d.ts.map +1 -0
  276. package/types/hooks/index.d.ts +1 -0
  277. package/types/hooks/index.d.ts.map +1 -1
  278. package/types/hooks/useOutsideClick.d.ts +3 -0
  279. package/types/hooks/useOutsideClick.d.ts.map +1 -0
  280. package/types/index.d.ts +2 -0
  281. package/types/index.d.ts.map +1 -1
@@ -0,0 +1,60 @@
1
+ .base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_io4bpie__2243bf3f{width:100%;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_iq39zt5__2243bf3f{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_iq39zt5__2243bf3f.base_orwx1f_hasChips__2243bf3f{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_iq39zt5__2243bf3f.base_orwx1f_hasEmptyContentLeft__2243bf3f{padding-left:var(--plasma-textfield-padding-with-chips);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_iq39zt5__2243bf3f.base_orwx1f_hasEmptyContentRight__2243bf3f{padding-right:var(--plasma-textfield-padding-with-chips);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_l13qvwoy__2243bf3f{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_llv9av6__2243bf3f{margin-top:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_s600610__2243bf3f,.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_suk2zst__2243bf3f{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_s600610__2243bf3f{margin:var(--plasma-textfield__before-text-margin);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_suk2zst__2243bf3f{margin:var(--plasma-textfield__after-text-margin);}
2
+
3
+ .base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_iq39zt5__e641acbb{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);--plasma_private-textfield-bg-color:var(--plasma-textfield-bg-color);color:var(--plasma-textfield-color);background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma_private-textfield-border-color);caret-color:var(--plasma-textfield__caret-color);-webkit-transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_iq39zt5__e641acbb:hover{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-hover,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-hover, var(--plasma-textfield-bg-color) );}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_iq39zt5__e641acbb:focus-within{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-focus,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-focus, var(--plasma-textfield-bg-color) );}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_io4bpie__e641acbb::-webkit-input-placeholder{color:var(--plasma-textfield__placeholder-color);}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_io4bpie__e641acbb::-moz-placeholder{color:var(--plasma-textfield__placeholder-color);}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_io4bpie__e641acbb:-ms-input-placeholder{color:var(--plasma-textfield__placeholder-color);}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_io4bpie__e641acbb::placeholder{color:var(--plasma-textfield__placeholder-color);}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_io4bpie__e641acbb{color:var(--plasma-textfield-color);}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_llv9av6__e641acbb{color:var(--plasma-textfield__left-helper-color);}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_s600610__e641acbb{color:var(--plasma-textfield__before-text-color);}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_suk2zst__e641acbb{color:var(--plasma-textfield__after-text-color);}
4
+
5
+ .base_1tnjoy9_b15zsg4z__de8f837b[disabled]{opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_1tnjoy9_b15zsg4z__de8f837b[disabled] .base_1tnjoy9_io4bpie__de8f837b{cursor:not-allowed;min-width:unset;}
6
+
7
+ .base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_iq39zt5__2c88ab3d{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_iq39zt5__2c88ab3d:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d::-webkit-input-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d::-moz-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d:-ms-input-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d::placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_llv9av6__2c88ab3d{color:var(--plasma-textfield__left-helper-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_l13qvwoy__2c88ab3d{color:var(--plasma-textfield__label-color-readonly);}
8
+
9
+ .base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementOuter__11953317 .base_qtoism_l13qvwoy__11953317{display:block;margin-bottom:var(--plasma-textfield__label-offset);color:var(--plasma-textfield__label-color);}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_suk2zst__11953317,.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_s600610__11953317{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317 .base_qtoism_io4bpie__11953317:focus ~ .base_qtoism_l13qvwoy__11953317,.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317 .base_qtoism_io4bpie__11953317:not(:placeholder-shown) ~ .base_qtoism_l13qvwoy__11953317{height:auto;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:not(:focus)::-webkit-input-placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:not(:focus)::-moz-placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:not(:focus):-ms-input-placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:not(:focus)::placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:focus::-webkit-input-placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:focus::-moz-placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:focus:-ms-input-placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:focus::placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317 .base_qtoism_l13qvwoy__11953317{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-transition:padding 0.1s ease-in-out,height 0s;transition:padding 0.1s ease-in-out,height 0s;height:var(--plasma-textfield-height);padding-top:calc(var(--plasma-textfield-height) / 4);padding-bottom:calc(var(--plasma-textfield-height) / 4);}
10
+
11
+ .TextField_styles_9fkr1l_iq39zt5__db7f1e30{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
12
+ .TextField_styles_9fkr1l_i1j28rg8__db7f1e30{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_9fkr1l_i1j28rg8__db7f1e30::-webkit-scrollbar{display:none;}.TextField_styles_9fkr1l_i1j28rg8__db7f1e30.TextField_styles_9fkr1l_hasChips__db7f1e30{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
13
+ .TextField_styles_9fkr1l_s13zudoe__db7f1e30{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
14
+ .TextField_styles_9fkr1l_io4bpie__db7f1e30{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
15
+
16
+ .TextField_styles_9fkr1l_s19ry60d__db7f1e30{margin:var(--plasma-textfield__left-content-margin);line-height:0;}
17
+ .TextField_styles_9fkr1l_sbt1ohz__db7f1e30{margin:var(--plasma-textfield__right-content-margin);line-height:0;}
18
+
19
+
20
+
21
+
22
+ .IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
23
+
24
+ .base_1lwlv7t_b13tc97x__334a4e59{color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_1lwlv7t_b13tc97x__334a4e59:hover{color:var(--plasma-chip-color-hover);background-color:var(--plasma-chip-background-hover);scale:var(--plasma-chip-scale-hover);}.base_1lwlv7t_b13tc97x__334a4e59:active{color:var(--plasma-chip-color-active);background-color:var(--plasma-chip-background-active);scale:var(--plasma-chip-scale-active);}
25
+
26
+ .base_fcgkys_b1pde8v1__0b4d127a{font-family:var(--plasma-chip-font-family);font-size:var(--plasma-chip-font-size);font-style:var(--plasma-chip-font-style);font-weight:var(--plasma-chip-font-weight);-webkit-letter-spacing:var(--plasma-chip-letter-spacing);-moz-letter-spacing:var(--plasma-chip-letter-spacing);-ms-letter-spacing:var(--plasma-chip-letter-spacing);letter-spacing:var(--plasma-chip-letter-spacing);line-height:var(--plasma-chip-lineheight);border-radius:var(--plasma-chip-border-radius);width:var(--plasma-chip-width);height:var(--plasma-chip-height);padding-top:var(--plasma-chip-padding-top);padding-right:var(--plasma-chip-padding-right);padding-bottom:var(--plasma-chip-padding-bottom);padding-left:var(--plasma-chip-padding-left);}.base_fcgkys_b1pde8v1__0b4d127a:hover{scale:var(--plasma-chip-scale-hover);}.base_fcgkys_b1pde8v1__0b4d127a:active{scale:var(--plasma-chip-scale-active);}
27
+
28
+ .base_rmcs0j_b16ulzzx__f8cae226[disabled]{opacity:var(--plasma-chip-disabled-opacity);cursor:not-allowed;}.base_rmcs0j_b16ulzzx__f8cae226[disabled]:hover,.base_rmcs0j_b16ulzzx__f8cae226[disabled]:active{scale:none;color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}
29
+
30
+ .base_1nfit77_b10y1phq__6aaec899[readonly]{color:var(--plasma-chip-color-readonly);background-color:var(--plasma-chip-background-readonly);}.base_1nfit77_b10y1phq__6aaec899[readonly]:hover,.base_1nfit77_b10y1phq__6aaec899[readonly]:active{scale:none;cursor:default;color:var(--plasma-chip-color-readonly-hover);background-color:var(--plasma-chip-background-readonly-hover);}
31
+
32
+ .base_kgtz8x_b16hf96__46a206b1{--plasma_private-chip-outline-size:var(--plasma-chip-outline-size,0.125rem);position:relative;}.base_kgtz8x_b16hf96__46a206b1:focus{outline:none;}.base_kgtz8x_b16hf96__46a206b1::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-chip-outline-size));left:calc(-1 * var(--plasma_private-chip-outline-size));right:calc(-1 * var(--plasma_private-chip-outline-size));bottom:calc(-1 * var(--plasma_private-chip-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-chip-outline-size) solid transparent;border-radius:calc(var(--plasma-chip-border-radius) + var(--plasma_private-chip-outline-size));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_kgtz8x_b16hf96__46a206b1.base_kgtz8x_focusVisible__46a206b1:focus::before,.base_kgtz8x_b16hf96__46a206b1[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-chip-outline-size) var(--plasma-chip-focus-color);}
33
+
34
+ .base_3kce4h_bvcavwi__c6ad5ca5.base_3kce4h_chipPilled__c6ad5ca5{border-radius:var(--plasma-chip-pilled-border-radius);}
35
+
36
+ .Chip_styles_1mwwhiw_bol5daj__07da4d18{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
37
+ .Chip_styles_1mwwhiw_sj20on5__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);}
38
+ .Chip_styles_1mwwhiw_s1ror4o9__07da4d18{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
39
+ .Chip_styles_1mwwhiw_swddmyi__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
40
+ .Chip_styles_1mwwhiw_s1pcflhj__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}
41
+
42
+ .TextFieldChip_styles_1y8n7la_s32p7ut__8f291676{--plasma-chip-color:var(--plasma-textfield__chip-color);--plasma-chip-background:var(--plasma-textfield__chip-background);--plasma-chip-color-hover:var(--plasma-textfield__chip-color-hover);--plasma-chip-background-hover:var(--plasma-textfield__chip-background-hover);--plasma-chip-color-active:var(--plasma-textfield__chip-color-active);--plasma-chip-background-active:var(--plasma-textfield__chip-background-active);--plasma-chip-background-readonly:var(--plasma-textfield__chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-textfield__chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-textfield__chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-textfield__chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-textfield__chip-border-radius);--plasma-chip-width:var(--plasma-textfield__chip-width);--plasma-chip-height:var(--plasma-textfield__chip-height);--plasma-chip-padding-right:var(--plasma-textfield__chip-padding-right);--plasma-chip-padding-left:var(--plasma-textfield__chip-padding-left);--plasma-chip-font-family:var(--plasma-textfield__chip-font-family);--plasma-chip-font-size:var(--plasma-textfield__chip-font-size);--plasma-chip-font-style:var(--plasma-textfield__chip-font-style);--plasma-chip-font-weight:var(--plasma-textfield__chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-textfield__chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-textfield__chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-textfield__chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-textfield__chip-clear-content-margin-right);--plasma-chip-scale-hover:var(--plasma-textfield__chip-scale-hover);--plasma-chip-scale-active:var(--plasma-textfield__chip-scale-active);--plasma-chip-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-textfield-focus-color);-webkit-scroll-snap-align:center;-moz-scroll-snap-align:center;-ms-scroll-snap-align:center;scroll-snap-align:center;-webkit-scroll-snap-stop:normal;-moz-scroll-snap-stop:normal;-ms-scroll-snap-stop:normal;scroll-snap-stop:normal;position:relative;}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676.TextFieldChip_styles_1y8n7la_focusVisible__8f291676:focus::before,.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
43
+
44
+ .TextField_wctd2m_bpunezx__bc8b464c{display:block;overflow:hidden;}
45
+
46
+ .TextField_styles_sx1sq7_sxqyqmu__88214dad{--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);}
47
+
48
+ .SuggestionItem_styles_lpdinw_s1siyv9w__5ad0f45d{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
49
+ .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);}
50
+
51
+ .Popover_styles_rmr9za_s1g1xbt5__0bafa6fb{display:inline-block;}
52
+ .Popover_styles_rmr9za_s12xwbyh__0bafa6fb{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
53
+ .Popover_styles_rmr9za_s1pd4d8a__0bafa6fb{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_rmr9za_s1pd4d8a__0bafa6fb::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
54
+ .Popover_styles_rmr9za_s16xlixz__0bafa6fb{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='top'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='top-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='top-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb,.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb,.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}
55
+
56
+ .Autocomplete_styles_4wbmok_bn6ooh7__a45bf543 .Autocomplete_styles_4wbmok_popoverWrapper__a45bf543,.Autocomplete_styles_4wbmok_bn6ooh7__a45bf543 .Autocomplete_styles_4wbmok_popoverTarget__a45bf543{display:block;}
57
+ .Autocomplete_styles_4wbmok_s1ih3p9n__a45bf543 .Autocomplete_styles_4wbmok_popoverRoot__a45bf543{display:block;width:var(--s1ih3p9n-0);}
58
+ .Autocomplete_styles_4wbmok_u610ple__a45bf543{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);}
59
+ .Autocomplete_styles_4wbmok_l1nz87td__a45bf543{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);}
60
+ .Autocomplete_styles_4wbmok_igdxyi6__a45bf543{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);}
@@ -0,0 +1,189 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
6
+ var React = require('react');
7
+ var plasmaCore = require('@salutejs/plasma-core');
8
+ var useDidMountEffect = require('../../hooks/useDidMountEffect.js');
9
+ var useOutsideClick = require('../../hooks/useOutsideClick.js');
10
+ require('../../utils/react.js');
11
+ var getPopoverPlacement = require('../../utils/getPopoverPlacement.js');
12
+ var focusedReducer = require('./reducers/focusedReducer.js');
13
+ var TextField_styles = require('./ui/TextField/TextField.styles.js');
14
+ var SuggestionItem = require('./ui/SuggestionItem/SuggestionItem.js');
15
+ var Autocomplete_styles = require('./Autocomplete.styles.js');
16
+ var useKeyboardNavigation = require('./hooks/useKeyboardNavigation.js');
17
+
18
+ var _excluded = ["value", "onChange", "suggestions", "view", "size", "labelPlacement", "disabled", "readOnly", "label", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "onScroll", "listMaxHeight", "listWidth", "filter", "onSuggestionSelect", "threshold", "renderList", "renderListEnd", "onSearch"];
19
+
20
+ /**
21
+ * Компонент Autocomplete. Поле ввода с подсказками в выпадающем списке.
22
+ */
23
+ var autocompleteRoot = function autocompleteRoot(Root) {
24
+ return /*#__PURE__*/React.forwardRef(function (_ref, ref) {
25
+ var outerValue = _ref.value,
26
+ onChange = _ref.onChange,
27
+ suggestions = _ref.suggestions,
28
+ view = _ref.view,
29
+ size = _ref.size,
30
+ labelPlacement = _ref.labelPlacement,
31
+ disabled = _ref.disabled,
32
+ readOnly = _ref.readOnly,
33
+ label = _ref.label,
34
+ leftHelper = _ref.leftHelper,
35
+ contentLeft = _ref.contentLeft,
36
+ contentRight = _ref.contentRight,
37
+ textBefore = _ref.textBefore,
38
+ textAfter = _ref.textAfter,
39
+ onScroll = _ref.onScroll,
40
+ listMaxHeight = _ref.listMaxHeight,
41
+ listWidth = _ref.listWidth,
42
+ filter = _ref.filter,
43
+ onSuggestionSelect = _ref.onSuggestionSelect,
44
+ _ref$threshold = _ref.threshold,
45
+ threshold = _ref$threshold === void 0 ? 2 : _ref$threshold,
46
+ renderList = _ref.renderList,
47
+ renderListEnd = _ref.renderListEnd,
48
+ onSearch = _ref.onSearch,
49
+ rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
50
+ var _useReducer = React.useReducer(focusedReducer.focusedReducer, null),
51
+ _useReducer2 = _rollupPluginBabelHelpers.slicedToArray(_useReducer, 2),
52
+ focused = _useReducer2[0],
53
+ dispatchFocused = _useReducer2[1];
54
+ var _useState = React.useState(''),
55
+ _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
56
+ innerValue = _useState2[0],
57
+ setInnerValue = _useState2[1];
58
+ var _useState3 = React.useState(false),
59
+ _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
60
+ isOpen = _useState4[0],
61
+ setIsOpen = _useState4[1];
62
+ var listId = plasmaCore.safeUseId();
63
+ var value = outerValue || innerValue;
64
+ var helperTextId = plasmaCore.safeUseId();
65
+ var targetRef = useOutsideClick.useOutsideClick(function () {
66
+ setIsOpen(false);
67
+ });
68
+ var handleFocus = function handleFocus() {
69
+ if (value.toString().length >= threshold) {
70
+ setIsOpen(true);
71
+ }
72
+ };
73
+ var handleItemClick = function handleItemClick(e) {
74
+ setInnerValue(e.label);
75
+ if (onSuggestionSelect) {
76
+ onSuggestionSelect(e);
77
+ }
78
+ setIsOpen(false);
79
+ };
80
+ var handleChange = function handleChange(e) {
81
+ var currentValue = e.target.value;
82
+ setInnerValue(currentValue);
83
+ if (onChange) {
84
+ onChange(e);
85
+ }
86
+ if (currentValue.toString().length >= threshold) {
87
+ setIsOpen(true);
88
+ } else {
89
+ setIsOpen(false);
90
+ }
91
+ };
92
+ var defaultFilterCallback = function defaultFilterCallback(_ref2) {
93
+ var label = _ref2.label;
94
+ return label.toLowerCase().includes(value.toString().toLowerCase());
95
+ };
96
+ var finalResults = (suggestions === null || suggestions === void 0 ? void 0 : suggestions.filter(filter || defaultFilterCallback)) || [];
97
+ var _useKeyNavigation = useKeyboardNavigation.useKeyNavigation({
98
+ isOpen: isOpen,
99
+ setIsOpen: setIsOpen,
100
+ focused: focused,
101
+ dispatchFocused: dispatchFocused,
102
+ finalResults: finalResults,
103
+ handleItemClick: handleItemClick
104
+ }),
105
+ onKeyDown = _useKeyNavigation.onKeyDown;
106
+ useDidMountEffect.useDidMountEffect(function () {
107
+ dispatchFocused({
108
+ type: 'reset'
109
+ });
110
+ }, [value]);
111
+ return /*#__PURE__*/React.createElement(Root, {
112
+ view: view,
113
+ size: size,
114
+ labelPlacement: labelPlacement,
115
+ disabled: disabled,
116
+ readOnly: readOnly
117
+ }, /*#__PURE__*/React.createElement(Autocomplete_styles.StyledPopover, {
118
+ isOpen: isOpen,
119
+ offset: [0, 0],
120
+ placement: getPopoverPlacement.getPlacements('bottom'),
121
+ isFocusTrapped: false,
122
+ target: /*#__PURE__*/React.createElement(TextField_styles.StyledTextField, _rollupPluginBabelHelpers.extends({
123
+ value: value,
124
+ onChange: handleChange,
125
+ onSearch: focused === null ? onSearch : undefined,
126
+ ref: ref,
127
+ size: size,
128
+ view: view,
129
+ labelPlacement: labelPlacement,
130
+ disabled: disabled,
131
+ readOnly: readOnly,
132
+ label: label,
133
+ contentLeft: contentLeft,
134
+ contentRight: contentRight,
135
+ textBefore: textBefore,
136
+ textAfter: textAfter,
137
+ onFocus: handleFocus,
138
+ onKeyDown: onKeyDown,
139
+ role: "combobox",
140
+ "aria-autocomplete": "list",
141
+ "aria-controls": listId,
142
+ "aria-expanded": isOpen,
143
+ "aria-activedescendant": "".concat(listId, "/").concat(focused),
144
+ "aria-describedby": helperTextId
145
+ }, rest)),
146
+ preventOverflow: false,
147
+ ref: targetRef,
148
+ listWidth: listWidth
149
+ }, renderList && renderList(finalResults) || Boolean(finalResults.length) && /*#__PURE__*/React.createElement(Autocomplete_styles.Ul, {
150
+ id: listId,
151
+ role: "listbox",
152
+ "aria-label": label,
153
+ onScroll: onScroll,
154
+ listMaxHeight: listMaxHeight
155
+ }, finalResults.map(function (suggestion, index) {
156
+ return /*#__PURE__*/React.createElement(SuggestionItem.SuggestionItem, {
157
+ key: index,
158
+ item: suggestion,
159
+ onClick: handleItemClick,
160
+ id: "".concat(listId, "/").concat(index),
161
+ focused: focused === index
162
+ });
163
+ }), renderListEnd && /*#__PURE__*/React.createElement(Autocomplete_styles.InfiniteLoaderWrapper, null, renderListEnd()))), leftHelper && /*#__PURE__*/React.createElement(Autocomplete_styles.LeftHelper, {
164
+ id: helperTextId,
165
+ disabled: disabled,
166
+ readOnly: readOnly
167
+ }, leftHelper));
168
+ });
169
+ };
170
+ var autocompleteConfig = {
171
+ name: 'Autocomplete',
172
+ tag: 'div',
173
+ layout: autocompleteRoot,
174
+ base: Autocomplete_styles.base,
175
+ defaults: {
176
+ view: 'default',
177
+ size: 'l',
178
+ labelPlacement: 'outer'
179
+ },
180
+ variations: {
181
+ view: {
182
+ css: ''
183
+ }
184
+ }
185
+ };
186
+
187
+ exports.autocompleteConfig = autocompleteConfig;
188
+ exports.autocompleteRoot = autocompleteRoot;
189
+ //# sourceMappingURL=Autocomplete.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Autocomplete.js","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import React, { forwardRef, useState, useReducer } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport { useDidMountEffect, useOutsideClick } from '../../hooks';\nimport { RootProps } from '../../engines';\nimport { getPlacements } from '../../utils';\n\nimport { focusedReducer } from './reducers/focusedReducer';\nimport { SuggestionItem, StyledTextField } from './ui';\nimport { StyledPopover, Ul, LeftHelper, base, InfiniteLoaderWrapper } from './Autocomplete.styles';\nimport type { AutocompleteProps, SuggestionItemType } from './Autocomplete.types';\nimport { useKeyNavigation } from './hooks/useKeyboardNavigation';\n\n/**\n * Компонент Autocomplete. Поле ввода с подсказками в выпадающем списке.\n */\nexport const autocompleteRoot = (Root: RootProps<HTMLInputElement, AutocompleteProps>) =>\n forwardRef<HTMLInputElement, AutocompleteProps>(\n (\n {\n value: outerValue,\n onChange,\n suggestions,\n view,\n size,\n labelPlacement,\n disabled,\n readOnly,\n label,\n leftHelper,\n contentLeft,\n contentRight,\n textBefore,\n textAfter,\n onScroll,\n listMaxHeight,\n listWidth,\n filter,\n onSuggestionSelect,\n threshold = 2,\n renderList,\n renderListEnd,\n onSearch,\n ...rest\n },\n ref,\n ) => {\n const [focused, dispatchFocused] = useReducer(focusedReducer, null);\n const [innerValue, setInnerValue] = useState<string | number>('');\n const [isOpen, setIsOpen] = useState(false);\n\n const listId = safeUseId();\n const value = outerValue || innerValue;\n const helperTextId = safeUseId();\n\n const targetRef = useOutsideClick<HTMLDivElement>(() => {\n setIsOpen(false);\n });\n\n const handleFocus = () => {\n if (value.toString().length >= threshold) {\n setIsOpen(true);\n }\n };\n\n const handleItemClick = (e: SuggestionItemType) => {\n setInnerValue(e.label);\n\n if (onSuggestionSelect) {\n onSuggestionSelect(e);\n }\n\n setIsOpen(false);\n };\n\n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n const currentValue = e.target.value;\n\n setInnerValue(currentValue);\n\n if (onChange) {\n onChange(e);\n }\n\n if (currentValue.toString().length >= threshold) {\n setIsOpen(true);\n } else {\n setIsOpen(false);\n }\n };\n\n const defaultFilterCallback = ({ label }: { label: string }) => {\n return label.toLowerCase().includes(value.toString().toLowerCase());\n };\n\n const finalResults = suggestions?.filter(filter || defaultFilterCallback) || [];\n\n const { onKeyDown } = useKeyNavigation({\n isOpen,\n setIsOpen,\n focused,\n dispatchFocused,\n finalResults,\n handleItemClick,\n });\n\n useDidMountEffect(() => {\n dispatchFocused({ type: 'reset' });\n }, [value]);\n\n return (\n <Root view={view} size={size} labelPlacement={labelPlacement} disabled={disabled} readOnly={readOnly}>\n <StyledPopover\n isOpen={isOpen}\n offset={[0, 0]}\n placement={getPlacements('bottom')}\n isFocusTrapped={false}\n target={\n <StyledTextField\n value={value}\n onChange={handleChange}\n onSearch={focused === null ? onSearch : undefined}\n ref={ref}\n size={size}\n view={view}\n labelPlacement={labelPlacement}\n disabled={disabled}\n readOnly={readOnly}\n label={label}\n contentLeft={contentLeft}\n contentRight={contentRight}\n textBefore={textBefore}\n textAfter={textAfter}\n onFocus={handleFocus}\n onKeyDown={onKeyDown}\n role=\"combobox\"\n aria-autocomplete=\"list\"\n aria-controls={listId}\n aria-expanded={isOpen}\n aria-activedescendant={`${listId}/${focused}`}\n aria-describedby={helperTextId}\n {...rest}\n />\n }\n preventOverflow={false}\n ref={targetRef}\n listWidth={listWidth}\n >\n {(renderList && renderList(finalResults)) ||\n (Boolean(finalResults.length) && (\n <Ul\n id={listId}\n role=\"listbox\"\n aria-label={label}\n onScroll={onScroll}\n listMaxHeight={listMaxHeight}\n >\n {finalResults.map((suggestion, index) => (\n <SuggestionItem\n key={index}\n item={suggestion}\n onClick={handleItemClick}\n id={`${listId}/${index}`}\n focused={focused === index}\n />\n ))}\n\n {renderListEnd && <InfiniteLoaderWrapper>{renderListEnd()}</InfiniteLoaderWrapper>}\n </Ul>\n ))}\n </StyledPopover>\n\n {/* TODO: Дублируем хелпер для корректного позиционирования списка подсказок */}\n {leftHelper && (\n <LeftHelper id={helperTextId} disabled={disabled} readOnly={readOnly}>\n {leftHelper}\n </LeftHelper>\n )}\n </Root>\n );\n },\n );\n\nexport const autocompleteConfig = {\n name: 'Autocomplete',\n tag: 'div',\n layout: autocompleteRoot,\n base,\n defaults: {\n view: 'default',\n size: 'l',\n labelPlacement: 'outer',\n },\n variations: {\n view: {\n css: '',\n },\n },\n};\n"],"names":["autocompleteRoot","Root","forwardRef","_ref","ref","outerValue","value","onChange","suggestions","view","size","labelPlacement","disabled","readOnly","label","leftHelper","contentLeft","contentRight","textBefore","textAfter","onScroll","listMaxHeight","listWidth","filter","onSuggestionSelect","_ref$threshold","threshold","renderList","renderListEnd","onSearch","rest","_objectWithoutProperties","_excluded","_useReducer","useReducer","focusedReducer","_useReducer2","_slicedToArray","focused","dispatchFocused","_useState","useState","_useState2","innerValue","setInnerValue","_useState3","_useState4","isOpen","setIsOpen","listId","safeUseId","helperTextId","targetRef","useOutsideClick","handleFocus","toString","length","handleItemClick","e","handleChange","currentValue","target","defaultFilterCallback","_ref2","toLowerCase","includes","finalResults","_useKeyNavigation","useKeyNavigation","onKeyDown","useDidMountEffect","type","React","createElement","StyledPopover","offset","placement","getPlacements","isFocusTrapped","StyledTextField","_extends","undefined","onFocus","role","concat","preventOverflow","Boolean","Ul","id","map","suggestion","index","SuggestionItem","key","item","onClick","InfiniteLoaderWrapper","LeftHelper","autocompleteConfig","name","tag","layout","base","defaults","variations","css"],"mappings":"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"}
@@ -0,0 +1,78 @@
1
+ import './Autocomplete.styles_4wbmok.css';
2
+ 'use strict';
3
+
4
+ Object.defineProperty(exports, '__esModule', { value: true });
5
+
6
+ var react = require('@linaria/react');
7
+ var Popover$1 = require('../Popover/Popover.js');
8
+ require('@linaria/core');
9
+ var common = require('../../engines/common.js');
10
+ var Autocomplete_tokens = require('./Autocomplete.tokens.js');
11
+
12
+ var base = "bn6ooh7";
13
+ var Popover = /*#__PURE__*/common.component(Popover$1.popoverConfig);
14
+ var _exp3 = function _exp3() {
15
+ return Popover;
16
+ };
17
+ var _exp5 = function _exp5() {
18
+ return function (_ref) {
19
+ var listWidth = _ref.listWidth;
20
+ return listWidth || '100%';
21
+ };
22
+ };
23
+ var StyledPopover = /*#__PURE__*/react.styled(_exp3())({
24
+ name: "StyledPopover",
25
+ "class": "s1ih3p9n",
26
+ propsAsIs: true,
27
+ vars: {
28
+ "s1ih3p9n-0": [/*#__PURE__*/_exp5()]
29
+ }
30
+ });
31
+ var _exp9 = function _exp9() {
32
+ return function (_ref2) {
33
+ var listMaxHeight = _ref2.listMaxHeight;
34
+ return listMaxHeight || 'none';
35
+ };
36
+ };
37
+ var Ul = /*#__PURE__*/react.styled('ul')({
38
+ name: "Ul",
39
+ "class": "u610ple",
40
+ propsAsIs: false,
41
+ vars: {
42
+ "u610ple-0": [/*#__PURE__*/_exp9()]
43
+ }
44
+ });
45
+ var _exp11 = function _exp11() {
46
+ return function (_ref3) {
47
+ var readOnly = _ref3.readOnly,
48
+ disabled = _ref3.disabled;
49
+ return readOnly && !disabled ? "var(".concat(Autocomplete_tokens.tokens.textFieldLeftHelperColorReadOnly, ")") : "var(".concat(Autocomplete_tokens.tokens.textFieldLeftHelperColor, ")");
50
+ };
51
+ };
52
+ var _exp20 = function _exp20() {
53
+ return function (_ref4) {
54
+ var disabled = _ref4.disabled;
55
+ return disabled ? 'not-allowed' : 'auto';
56
+ };
57
+ };
58
+ var LeftHelper = /*#__PURE__*/react.styled('div')({
59
+ name: "LeftHelper",
60
+ "class": "l1nz87td",
61
+ propsAsIs: false,
62
+ vars: {
63
+ "l1nz87td-0": [/*#__PURE__*/_exp11()],
64
+ "l1nz87td-1": [/*#__PURE__*/_exp20()]
65
+ }
66
+ });
67
+ var InfiniteLoaderWrapper = /*#__PURE__*/react.styled('li')({
68
+ name: "InfiniteLoaderWrapper",
69
+ "class": "igdxyi6",
70
+ propsAsIs: false
71
+ });
72
+
73
+ exports.InfiniteLoaderWrapper = InfiniteLoaderWrapper;
74
+ exports.LeftHelper = LeftHelper;
75
+ exports.StyledPopover = StyledPopover;
76
+ exports.Ul = Ul;
77
+ exports.base = base;
78
+ //# sourceMappingURL=Autocomplete.styles.js.map
@@ -0,0 +1 @@
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,gBAAS,CAACC,uBAAa,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,YAAM,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,YAAM,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,0BAAM,CAACC,gCAAiC,gBAAAF,MAAA,CACxCC,0BAAM,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,YAAM,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,YAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,uBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAM1C;;;;;;;;"}
@@ -0,0 +1,5 @@
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);}
@@ -0,0 +1,93 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var classes = {
6
+ suggestionItemIsFocused: 'suggestion-item-is-focused'
7
+ };
8
+ var tokens = {
9
+ // Токены для TextField
10
+ textFieldColor: '--plasma-autocomplete-textfield-color',
11
+ textFieldBackgroundColor: '--plasma-autocomplete-textfield-background-color',
12
+ textFieldBackgroundColorHover: '--plasma-autocomplete-textfield-background-color-hover',
13
+ textFieldBackgroundColorFocus: '--plasma-autocomplete-textfield-background-color-focus',
14
+ textFieldBorderColor: '--plasma-autocomplete-textfield-border-color',
15
+ textFieldBorderColorHover: '--plasma-autocomplete-textfield-border-color-hover',
16
+ textFieldBorderColorFocus: '--plasma-autocomplete-textfield-border-color-focus',
17
+ textFieldColorReadOnly: '--plasma-autocomplete-textfield-color-readonly',
18
+ textFieldBackgroundColorReadOnly: '--plasma-autocomplete-textfield-bg-color-readonly',
19
+ textFieldBorderColorReadOnly: '--plasma-autocomplete-textfield-border-color-readonly',
20
+ textFieldPlaceholderColorReadOnly: '--plasma-autocomplete-textfield__placeholder-color-readonly',
21
+ textFieldCaretColor: '--plasma-autocomplete-textfield-caret-color',
22
+ textFieldPlaceholderColor: '--plasma-autocomplete-textfield-placeholder-color',
23
+ textFieldHeight: '--plasma-autocomplete-textfield-height',
24
+ textFieldBorderWidth: '--plasma-autocomplete-textfield-border-width',
25
+ textFieldBorderRadius: '--plasma-autocomplete-textfield-border-radius',
26
+ textFieldPadding: '--plasma-autocomplete-textfield-padding',
27
+ textFieldLeftContentMargin: '--plasma-autocomplete-textfield__left-content-margin',
28
+ textFieldRightContentMargin: '--plasma-autocomplete-textfield__right-content-margin',
29
+ textFieldFontFamily: '--plasma-autocomplete-textfield-font-family',
30
+ textFieldFontStyle: '--plasma-autocomplete-textfield-font-style',
31
+ textFieldFontSize: '--plasma-autocomplete-textfield-font-size',
32
+ textFieldFontWeight: '--plasma-autocomplete-textfield-font-weight',
33
+ textFieldLetterSpacing: '--plasma-autocomplete-textfield-letter-spacing',
34
+ textFieldLineHeight: '--plasma-autocomplete-textfield-line-height',
35
+ textFieldLabelColor: '--plasma-autocomplete-textfield-label-color',
36
+ textFieldLabelColorReadOnly: '--plasma-autocomplete-textfield__label-color-readonly',
37
+ textFieldLabelOffset: '--plasma-autocomplete-textfield__label-offset',
38
+ textFieldLabelFontFamily: '--plasma-autocomplete-textfield__label-font-family',
39
+ textFieldLabelFontStyle: '--plasma-autocomplete-textfield__label-font-style',
40
+ textFieldLabelFontSize: '--plasma-autocomplete-textfield__label-font-size',
41
+ textFieldLabelFontWeight: '--plasma-autocomplete-textfield__label-font-weight',
42
+ textFieldLabelLetterSpacing: '--plasma-autocomplete-textfield__label-letter-spacing',
43
+ textFieldLabelLineHeight: '--plasma-autocomplete-textfield__label-line-height',
44
+ textFieldLabelInnerFontFamily: '--plasma-autocomplete-textfield-placement_inner__label-font-family',
45
+ textFieldLabelInnerFontStyle: '--plasma-autocomplete-textfield-placement_inner__label-font-style',
46
+ textFieldLabelInnerFontSize: '--plasma-autocomplete-textfield-placement_inner__label-font-size',
47
+ textFieldLabelInnerFontWeight: '--plasma-autocomplete-textfield-placement_inner__label-font-weight',
48
+ textFieldLabelInnerLetterSpacing: '--plasma-autocomplete-textfield-placement_inner__label-letter-spacing',
49
+ textFieldLabelInnerLineHeight: '--plasma-autocomplete-textfield-placement_inner__label-line-height',
50
+ textFieldLabelInnerPadding: '--plasma-autocomplete-textfield-placement_inner__label-padding',
51
+ textFieldContentLabelInnerPadding: '--plasma-autocomplete-textfield-placement_inner__content-padding',
52
+ textFieldLeftHelperColor: '--plasma-autocomplete-textfield__left-helper-color',
53
+ textFieldLeftHelperColorReadOnly: '--plasma-autocomplete-textfield__left-helper-color-readonly',
54
+ textFieldLeftHelperOffset: '--plasma-autocomplete-textfield__left-helper-offset',
55
+ textFieldLeftHelperFontFamily: '--plasma-autocomplete-textfield__left-helper-font-family',
56
+ textFieldLeftHelperFontStyle: '--plasma-autocomplete-textfield__left-helper-font-style',
57
+ textFieldLeftHelperFontSize: '--plasma-autocomplete-textfield__left-helper-font-size',
58
+ textFieldLeftHelperFontWeight: '--plasma-autocomplete-textfield__left-helper-font-weight',
59
+ textFieldLeftHelperLetterSpacing: '--plasma-autocomplete-textfield__left-helper-letter-spacing',
60
+ textFieldLeftHelperLineHeight: '--plasma-autocomplete-textfield__left-helper-line-height',
61
+ textFieldTextBeforeColor: '--plasma-autocomplete-textfield__before-text-color',
62
+ textFieldTextAfterColor: '--plasma-autocomplete-textfield__after-text-color',
63
+ textFieldTextBeforeMargin: '--plasma-autocomplete-textfield__before-text-margin',
64
+ textFieldTextAfterMargin: '--plasma-autocomplete-textfield__after-text-margin',
65
+ textFieldDisabledOpacity: '--plasma-autocomplete-textfield-disabled-opacity',
66
+ textFieldFocusColor: '--plasma-autocomplete-textfield-focus-color',
67
+ // Токены для дропдауна
68
+ background: '--plasma-autocomplete-background',
69
+ boxShadow: '--plasma-autocomplete-box-shadow',
70
+ borderRadius: '--plasma-autocomplete-border-radius',
71
+ padding: '--plasma-autocomplete-padding',
72
+ itemPadding: '--plasma-autocomplete-item-padding',
73
+ itemBorderRadius: '--plasma-autocomplete-item-border-radius',
74
+ itemFontFamily: '--plasma-autocomplete-item-font-family',
75
+ itemFontSize: '--plasma-autocomplete-item-font-size',
76
+ itemFontStyle: '--plasma-autocomplete-item-font-style',
77
+ itemFontWeight: '--plasma-autocomplete-item-font-weight',
78
+ itemFontLetterSpacing: '--plasma-autocomplete-item-font-letter-spacing',
79
+ itemFontLineHeight: '--plasma-autocomplete-item-font-line-height',
80
+ itemBackground: '--plasma-autocomplete-item-background',
81
+ itemBackgroundHover: '--plasma-autocomplete-item-background-hover',
82
+ itemColor: '--plasma-autocomplete-item-color',
83
+ focusColor: '--plasma-autocomplete-focus-color',
84
+ infiniteLoaderSpinnerColor: '--plasma-autocomplete-infinite-loader-spinner-color',
85
+ infiniteLoaderSpinnerSize: '--plasma-autocomplete-infinite-loader-spinner-size',
86
+ infiniteLoaderGap: '--plasma-autocomplete-infinite-loader-gap',
87
+ emptyStateGap: '--plasma-autocomplete-empty-state-gap',
88
+ emptyStatePadding: '--plasma-autocomplete-empty-state-padding'
89
+ };
90
+
91
+ exports.classes = classes;
92
+ exports.tokens = tokens;
93
+ //# sourceMappingURL=Autocomplete.tokens.js.map
@@ -0,0 +1 @@
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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"}