@salutejs/plasma-new-hope 0.109.2-canary.1301.10057930683.0 → 0.110.0-canary.1307.10056755335.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (466) hide show
  1. package/cjs/components/Accordion/Accordion.js +1 -1
  2. package/cjs/components/Accordion/Accordion.js.map +1 -1
  3. package/cjs/components/Accordion/Accordion.tokens.js +1 -4
  4. package/cjs/components/Accordion/Accordion.tokens.js.map +1 -1
  5. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +9 -16
  6. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js.map +1 -1
  7. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +4 -4
  8. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
  9. package/cjs/components/Accordion/utils/index.js +3 -4
  10. package/cjs/components/Accordion/utils/index.js.map +1 -1
  11. package/cjs/components/Portal/Portal.js +1 -1
  12. package/cjs/components/Portal/Portal.js.map +1 -1
  13. package/cjs/components/Price/Price.css +2 -0
  14. package/cjs/components/Price/Price.js +65 -0
  15. package/cjs/components/Price/Price.js.map +1 -0
  16. package/cjs/components/Price/Price.styles.js +17 -0
  17. package/cjs/components/Price/Price.styles.js.map +1 -0
  18. package/cjs/components/Price/Price.styles_15b4mp1.css +2 -0
  19. package/cjs/components/Price/Price.tokens.js +10 -0
  20. package/cjs/components/Price/Price.tokens.js.map +1 -0
  21. package/cjs/components/Price/utils/formatCurrency.js +22 -0
  22. package/cjs/components/Price/utils/formatCurrency.js.map +1 -0
  23. package/cjs/components/Price/variations/_view/base.js +9 -0
  24. package/cjs/components/Price/variations/_view/base.js.map +1 -0
  25. package/cjs/components/Price/variations/_view/base_x642ct.css +1 -0
  26. package/cjs/components/TextField/TextField.js +2 -2
  27. package/cjs/components/TextField/TextField.js.map +1 -1
  28. package/cjs/index.css +2 -15
  29. package/cjs/index.js +5 -12
  30. package/cjs/index.js.map +1 -1
  31. package/emotion/cjs/components/Accordion/Accordion.js +1 -1
  32. package/emotion/cjs/components/Accordion/Accordion.tokens.js +1 -4
  33. package/emotion/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +7 -19
  34. package/emotion/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +4 -4
  35. package/emotion/cjs/components/Accordion/utils/index.js +3 -4
  36. package/emotion/cjs/components/Portal/Portal.js +1 -1
  37. package/emotion/cjs/components/Portal/Portal.template-doc.mdx +1 -1
  38. package/emotion/cjs/components/Price/Price.js +66 -0
  39. package/emotion/cjs/components/Price/Price.styles.js +24 -0
  40. package/emotion/cjs/components/Price/Price.template-doc.mdx +24 -0
  41. package/emotion/cjs/components/Price/Price.tokens.js +9 -0
  42. package/emotion/cjs/components/Price/index.js +25 -0
  43. package/emotion/cjs/components/Price/utils/formatCurrency.js +21 -0
  44. package/emotion/cjs/components/Price/variations/_view/base.js +8 -0
  45. package/emotion/cjs/components/Price/variations/_view/tokens.json +1 -0
  46. package/emotion/cjs/components/TextField/TextField.js +3 -3
  47. package/emotion/cjs/examples/plasma_b2c/components/Accordion/Accordion.config.js +6 -6
  48. package/emotion/cjs/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +3 -5
  49. package/emotion/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +5 -5
  50. package/emotion/cjs/examples/plasma_b2c/components/Overlay/Overlay.stories.tsx +1 -1
  51. package/emotion/cjs/examples/plasma_b2c/components/Price/Price.config.js +14 -0
  52. package/emotion/cjs/examples/plasma_b2c/components/Price/Price.js +17 -0
  53. package/emotion/cjs/examples/plasma_b2c/components/Price/Price.stories.tsx +38 -0
  54. package/emotion/cjs/examples/plasma_web/components/Accordion/Accordion.config.js +8 -8
  55. package/emotion/cjs/examples/plasma_web/components/Accordion/Accordion.stories.tsx +3 -5
  56. package/emotion/cjs/examples/plasma_web/components/Dropdown/Dropdown.config.js +5 -5
  57. package/emotion/cjs/examples/plasma_web/components/Overlay/Overlay.stories.tsx +1 -1
  58. package/emotion/cjs/examples/plasma_web/components/Price/Price.config.js +14 -0
  59. package/emotion/cjs/examples/plasma_web/components/Price/Price.js +17 -0
  60. package/emotion/cjs/examples/plasma_web/components/Price/Price.stories.tsx +38 -0
  61. package/emotion/cjs/examples/sds_engineer/components/Overlay/Overlay.stories.tsx +1 -1
  62. package/emotion/cjs/hooks/index.js +0 -7
  63. package/emotion/cjs/index.js +4 -15
  64. package/emotion/es/components/Accordion/Accordion.js +1 -1
  65. package/emotion/es/components/Accordion/Accordion.tokens.js +1 -4
  66. package/emotion/es/components/Accordion/ui/AccordionItem/AccordionItem.js +7 -20
  67. package/emotion/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +4 -4
  68. package/emotion/es/components/Accordion/utils/index.js +3 -4
  69. package/emotion/es/components/Portal/Portal.js +1 -1
  70. package/emotion/es/components/Portal/Portal.template-doc.mdx +1 -1
  71. package/emotion/es/components/Price/Price.js +58 -0
  72. package/emotion/es/components/Price/Price.styles.js +17 -0
  73. package/emotion/es/components/Price/Price.template-doc.mdx +24 -0
  74. package/emotion/es/components/Price/Price.tokens.js +3 -0
  75. package/emotion/es/components/Price/index.js +2 -0
  76. package/emotion/es/components/Price/utils/formatCurrency.js +15 -0
  77. package/emotion/es/components/Price/variations/_view/base.js +2 -0
  78. package/emotion/es/components/Price/variations/_view/tokens.json +1 -0
  79. package/emotion/es/components/TextField/TextField.js +3 -3
  80. package/emotion/es/examples/plasma_b2c/components/Accordion/Accordion.config.js +6 -6
  81. package/emotion/es/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +3 -5
  82. package/emotion/es/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +5 -5
  83. package/emotion/es/examples/plasma_b2c/components/Overlay/Overlay.stories.tsx +1 -1
  84. package/emotion/es/examples/plasma_b2c/components/Price/Price.config.js +8 -0
  85. package/emotion/es/examples/plasma_b2c/components/Price/Price.js +6 -0
  86. package/emotion/es/examples/plasma_b2c/components/Price/Price.stories.tsx +38 -0
  87. package/emotion/es/examples/plasma_web/components/Accordion/Accordion.config.js +8 -8
  88. package/emotion/es/examples/plasma_web/components/Accordion/Accordion.stories.tsx +3 -5
  89. package/emotion/es/examples/plasma_web/components/Dropdown/Dropdown.config.js +5 -5
  90. package/emotion/es/examples/plasma_web/components/Overlay/Overlay.stories.tsx +1 -1
  91. package/emotion/es/examples/plasma_web/components/Price/Price.config.js +8 -0
  92. package/emotion/es/examples/plasma_web/components/Price/Price.js +6 -0
  93. package/emotion/es/examples/plasma_web/components/Price/Price.stories.tsx +38 -0
  94. package/emotion/es/examples/sds_engineer/components/Overlay/Overlay.stories.tsx +1 -1
  95. package/emotion/es/hooks/index.js +0 -1
  96. package/emotion/es/index.js +1 -2
  97. package/es/components/Accordion/Accordion.js +1 -1
  98. package/es/components/Accordion/Accordion.js.map +1 -1
  99. package/es/components/Accordion/Accordion.tokens.js +1 -4
  100. package/es/components/Accordion/Accordion.tokens.js.map +1 -1
  101. package/es/components/Accordion/ui/AccordionItem/AccordionItem.js +8 -15
  102. package/es/components/Accordion/ui/AccordionItem/AccordionItem.js.map +1 -1
  103. package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +4 -4
  104. package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
  105. package/es/components/Accordion/utils/index.js +3 -4
  106. package/es/components/Accordion/utils/index.js.map +1 -1
  107. package/es/components/Portal/Portal.js +1 -1
  108. package/es/components/Portal/Portal.js.map +1 -1
  109. package/es/components/Price/Price.css +2 -0
  110. package/es/components/Price/Price.js +60 -0
  111. package/es/components/Price/Price.js.map +1 -0
  112. package/es/components/Price/Price.styles.js +12 -0
  113. package/es/components/Price/Price.styles.js.map +1 -0
  114. package/es/components/Price/Price.styles_15b4mp1.css +2 -0
  115. package/es/components/Price/Price.tokens.js +6 -0
  116. package/es/components/Price/Price.tokens.js.map +1 -0
  117. package/es/components/Price/utils/formatCurrency.js +18 -0
  118. package/es/components/Price/utils/formatCurrency.js.map +1 -0
  119. package/es/components/Price/variations/_view/base.js +5 -0
  120. package/es/components/Price/variations/_view/base.js.map +1 -0
  121. package/es/components/Price/variations/_view/base_x642ct.css +1 -0
  122. package/es/components/TextField/TextField.js +2 -2
  123. package/es/components/TextField/TextField.js.map +1 -1
  124. package/es/index.css +2 -15
  125. package/es/index.js +2 -5
  126. package/es/index.js.map +1 -1
  127. package/package.json +2 -2
  128. package/styled-components/cjs/components/Accordion/Accordion.js +1 -1
  129. package/styled-components/cjs/components/Accordion/Accordion.tokens.js +1 -4
  130. package/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +7 -19
  131. package/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +4 -4
  132. package/styled-components/cjs/components/Accordion/utils/index.js +3 -4
  133. package/styled-components/cjs/components/Portal/Portal.js +1 -1
  134. package/styled-components/cjs/components/Portal/Portal.template-doc.mdx +1 -1
  135. package/styled-components/cjs/components/Price/Price.js +66 -0
  136. package/styled-components/cjs/components/Price/Price.styles.js +15 -0
  137. package/styled-components/cjs/components/Price/Price.template-doc.mdx +24 -0
  138. package/styled-components/cjs/components/Price/Price.tokens.js +9 -0
  139. package/styled-components/cjs/components/Price/index.js +25 -0
  140. package/styled-components/cjs/components/Price/utils/formatCurrency.js +21 -0
  141. package/styled-components/cjs/components/Price/variations/_view/base.js +8 -0
  142. package/styled-components/cjs/components/Price/variations/_view/tokens.json +1 -0
  143. package/styled-components/cjs/components/TextField/TextField.js +2 -2
  144. package/styled-components/cjs/examples/plasma_b2c/components/Accordion/Accordion.config.js +2 -2
  145. package/styled-components/cjs/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +3 -5
  146. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +1 -1
  147. package/styled-components/cjs/examples/plasma_b2c/components/Price/Price.config.js +14 -0
  148. package/styled-components/cjs/examples/plasma_b2c/components/Price/Price.js +17 -0
  149. package/styled-components/cjs/examples/plasma_b2c/components/Price/Price.stories.tsx +38 -0
  150. package/styled-components/cjs/examples/plasma_web/components/Accordion/Accordion.config.js +2 -2
  151. package/styled-components/cjs/examples/plasma_web/components/Accordion/Accordion.stories.tsx +3 -5
  152. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Dropdown.config.js +1 -1
  153. package/styled-components/cjs/examples/plasma_web/components/Price/Price.config.js +14 -0
  154. package/styled-components/cjs/examples/plasma_web/components/Price/Price.js +17 -0
  155. package/styled-components/cjs/examples/plasma_web/components/Price/Price.stories.tsx +38 -0
  156. package/styled-components/cjs/hooks/index.js +0 -7
  157. package/styled-components/cjs/index.js +4 -15
  158. package/styled-components/es/components/Accordion/Accordion.js +1 -1
  159. package/styled-components/es/components/Accordion/Accordion.tokens.js +1 -4
  160. package/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.js +7 -20
  161. package/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +4 -4
  162. package/styled-components/es/components/Accordion/utils/index.js +3 -4
  163. package/styled-components/es/components/Portal/Portal.js +1 -1
  164. package/styled-components/es/components/Portal/Portal.template-doc.mdx +1 -1
  165. package/styled-components/es/components/Price/Price.js +58 -0
  166. package/styled-components/es/components/Price/Price.styles.js +7 -0
  167. package/styled-components/es/components/Price/Price.template-doc.mdx +24 -0
  168. package/styled-components/es/components/Price/Price.tokens.js +3 -0
  169. package/styled-components/es/components/Price/index.js +2 -0
  170. package/styled-components/es/components/Price/utils/formatCurrency.js +15 -0
  171. package/styled-components/es/components/Price/variations/_view/base.js +2 -0
  172. package/styled-components/es/components/Price/variations/_view/tokens.json +1 -0
  173. package/styled-components/es/components/TextField/TextField.js +2 -2
  174. package/styled-components/es/examples/plasma_b2c/components/Accordion/Accordion.config.js +2 -2
  175. package/styled-components/es/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +3 -5
  176. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +1 -1
  177. package/styled-components/es/examples/plasma_b2c/components/Price/Price.config.js +8 -0
  178. package/styled-components/es/examples/plasma_b2c/components/Price/Price.js +6 -0
  179. package/styled-components/es/examples/plasma_b2c/components/Price/Price.stories.tsx +38 -0
  180. package/styled-components/es/examples/plasma_web/components/Accordion/Accordion.config.js +2 -2
  181. package/styled-components/es/examples/plasma_web/components/Accordion/Accordion.stories.tsx +3 -5
  182. package/styled-components/es/examples/plasma_web/components/Dropdown/Dropdown.config.js +1 -1
  183. package/styled-components/es/examples/plasma_web/components/Price/Price.config.js +8 -0
  184. package/styled-components/es/examples/plasma_web/components/Price/Price.js +6 -0
  185. package/styled-components/es/examples/plasma_web/components/Price/Price.stories.tsx +38 -0
  186. package/styled-components/es/hooks/index.js +0 -1
  187. package/styled-components/es/index.js +1 -2
  188. package/types/components/Accordion/Accordion.tokens.d.ts +0 -3
  189. package/types/components/Accordion/Accordion.tokens.d.ts.map +1 -1
  190. package/types/components/Accordion/ui/AccordionItem/AccordionItem.d.ts.map +1 -1
  191. package/types/components/Accordion/ui/AccordionItem/AccordionItem.styles.d.ts.map +1 -1
  192. package/types/components/Accordion/ui/AccordionItem/AccordionItem.types.d.ts +0 -5
  193. package/types/components/Accordion/ui/AccordionItem/AccordionItem.types.d.ts.map +1 -1
  194. package/types/components/Accordion/utils/index.d.ts +2 -4
  195. package/types/components/Accordion/utils/index.d.ts.map +1 -1
  196. package/types/components/Portal/Portal.d.ts +6 -2
  197. package/types/components/Portal/Portal.d.ts.map +1 -1
  198. package/types/components/Portal/index.d.ts.map +1 -1
  199. package/types/components/Price/Price.d.ts +22 -0
  200. package/types/components/Price/Price.d.ts.map +1 -0
  201. package/types/components/Price/Price.styles.d.ts +4 -0
  202. package/types/components/Price/Price.styles.d.ts.map +1 -0
  203. package/types/components/Price/Price.tokens.d.ts +4 -0
  204. package/types/components/Price/Price.tokens.d.ts.map +1 -0
  205. package/types/components/Price/Price.types.d.ts +41 -0
  206. package/types/components/Price/Price.types.d.ts.map +1 -0
  207. package/types/components/Price/index.d.ts +3 -0
  208. package/types/components/Price/index.d.ts.map +1 -0
  209. package/types/components/Price/utils/formatCurrency.d.ts +10 -0
  210. package/types/components/Price/utils/formatCurrency.d.ts.map +1 -0
  211. package/types/components/Price/variations/_view/base.d.ts +2 -0
  212. package/types/components/Price/variations/_view/base.d.ts.map +1 -0
  213. package/types/examples/plasma_b2c/components/Accordion/Accordion.config.d.ts.map +1 -1
  214. package/types/examples/plasma_b2c/components/Price/Price.config.d.ts +9 -0
  215. package/types/examples/plasma_b2c/components/Price/Price.config.d.ts.map +1 -0
  216. package/types/examples/plasma_b2c/components/Price/Price.d.ts +6 -0
  217. package/types/examples/plasma_b2c/components/Price/Price.d.ts.map +1 -0
  218. package/types/examples/plasma_web/components/Accordion/Accordion.config.d.ts.map +1 -1
  219. package/types/examples/plasma_web/components/Price/Price.config.d.ts +9 -0
  220. package/types/examples/plasma_web/components/Price/Price.config.d.ts.map +1 -0
  221. package/types/examples/plasma_web/components/Price/Price.d.ts +6 -0
  222. package/types/examples/plasma_web/components/Price/Price.d.ts.map +1 -0
  223. package/types/hooks/index.d.ts +0 -1
  224. package/types/hooks/index.d.ts.map +1 -1
  225. package/types/index.d.ts +1 -2
  226. package/types/index.d.ts.map +1 -1
  227. package/cjs/components/Autocomplete/Autocomplete.css +0 -60
  228. package/cjs/components/Autocomplete/Autocomplete.js +0 -189
  229. package/cjs/components/Autocomplete/Autocomplete.js.map +0 -1
  230. package/cjs/components/Autocomplete/Autocomplete.styles.js +0 -78
  231. package/cjs/components/Autocomplete/Autocomplete.styles.js.map +0 -1
  232. package/cjs/components/Autocomplete/Autocomplete.styles_4wbmok.css +0 -5
  233. package/cjs/components/Autocomplete/Autocomplete.tokens.js +0 -93
  234. package/cjs/components/Autocomplete/Autocomplete.tokens.js.map +0 -1
  235. package/cjs/components/Autocomplete/hooks/useKeyboardNavigation.js +0 -112
  236. package/cjs/components/Autocomplete/hooks/useKeyboardNavigation.js.map +0 -1
  237. package/cjs/components/Autocomplete/reducers/focusedReducer.js +0 -47
  238. package/cjs/components/Autocomplete/reducers/focusedReducer.js.map +0 -1
  239. package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.css +0 -2
  240. package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js +0 -41
  241. package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js.map +0 -1
  242. package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +0 -21
  243. package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js.map +0 -1
  244. package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles_lpdinw.css +0 -2
  245. package/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +0 -23
  246. package/cjs/components/Autocomplete/ui/TextField/TextField.styles.js.map +0 -1
  247. package/cjs/components/Autocomplete/ui/TextField/TextField.styles_sx1sq7.css +0 -1
  248. package/cjs/components/EmptyState/EmptyState.css +0 -30
  249. package/cjs/components/EmptyState/EmptyState.js +0 -39
  250. package/cjs/components/EmptyState/EmptyState.js.map +0 -1
  251. package/cjs/components/EmptyState/EmptyState.styles.js +0 -41
  252. package/cjs/components/EmptyState/EmptyState.styles.js.map +0 -1
  253. package/cjs/components/EmptyState/EmptyState.styles_1o24i5h.css +0 -4
  254. package/cjs/components/EmptyState/EmptyState.tokens.js +0 -21
  255. package/cjs/components/EmptyState/EmptyState.tokens.js.map +0 -1
  256. package/cjs/hooks/useOutsideClick.js +0 -26
  257. package/cjs/hooks/useOutsideClick.js.map +0 -1
  258. package/emotion/cjs/components/Autocomplete/Autocomplete.js +0 -193
  259. package/emotion/cjs/components/Autocomplete/Autocomplete.styles.js +0 -43
  260. package/emotion/cjs/components/Autocomplete/Autocomplete.tokens.js +0 -91
  261. package/emotion/cjs/components/Autocomplete/hooks/useKeyboardNavigation.js +0 -114
  262. package/emotion/cjs/components/Autocomplete/index.js +0 -25
  263. package/emotion/cjs/components/Autocomplete/reducers/focusedReducer.js +0 -46
  264. package/emotion/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js +0 -42
  265. package/emotion/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +0 -25
  266. package/emotion/cjs/components/Autocomplete/ui/TextField/TextField.js +0 -12
  267. package/emotion/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +0 -17
  268. package/emotion/cjs/components/Autocomplete/ui/index.js +0 -27
  269. package/emotion/cjs/components/EmptyState/EmptyState.js +0 -39
  270. package/emotion/cjs/components/EmptyState/EmptyState.styles.js +0 -29
  271. package/emotion/cjs/components/EmptyState/EmptyState.tokens.js +0 -20
  272. package/emotion/cjs/components/EmptyState/EmptyState.types.js +0 -5
  273. package/emotion/cjs/components/EmptyState/index.js +0 -25
  274. package/emotion/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js +0 -39
  275. package/emotion/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.js +0 -11
  276. package/emotion/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.stories.tsx +0 -134
  277. package/emotion/cjs/examples/plasma_b2c/components/EmptyState/EmptyState.config.js +0 -21
  278. package/emotion/cjs/examples/plasma_b2c/components/EmptyState/EmptyState.js +0 -11
  279. package/emotion/cjs/examples/plasma_b2c/components/EmptyState/EmptyState.stories.tsx +0 -44
  280. package/emotion/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +0 -39
  281. package/emotion/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.js +0 -11
  282. package/emotion/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.stories.tsx +0 -134
  283. package/emotion/cjs/examples/plasma_web/components/EmptyState/EmptyState.config.js +0 -21
  284. package/emotion/cjs/examples/plasma_web/components/EmptyState/EmptyState.js +0 -11
  285. package/emotion/cjs/examples/plasma_web/components/EmptyState/EmptyState.stories.tsx +0 -44
  286. package/emotion/cjs/hooks/useOutsideClick.js +0 -24
  287. package/emotion/es/components/Autocomplete/Autocomplete.js +0 -185
  288. package/emotion/es/components/Autocomplete/Autocomplete.styles.js +0 -36
  289. package/emotion/es/components/Autocomplete/Autocomplete.tokens.js +0 -85
  290. package/emotion/es/components/Autocomplete/hooks/useKeyboardNavigation.js +0 -108
  291. package/emotion/es/components/Autocomplete/index.js +0 -2
  292. package/emotion/es/components/Autocomplete/reducers/focusedReducer.js +0 -40
  293. package/emotion/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js +0 -33
  294. package/emotion/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +0 -18
  295. package/emotion/es/components/Autocomplete/ui/TextField/TextField.js +0 -1
  296. package/emotion/es/components/Autocomplete/ui/TextField/TextField.styles.js +0 -10
  297. package/emotion/es/components/Autocomplete/ui/index.js +0 -2
  298. package/emotion/es/components/EmptyState/EmptyState.js +0 -31
  299. package/emotion/es/components/EmptyState/EmptyState.styles.js +0 -22
  300. package/emotion/es/components/EmptyState/EmptyState.tokens.js +0 -14
  301. package/emotion/es/components/EmptyState/EmptyState.types.js +0 -1
  302. package/emotion/es/components/EmptyState/index.js +0 -2
  303. package/emotion/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js +0 -33
  304. package/emotion/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.js +0 -5
  305. package/emotion/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.stories.tsx +0 -134
  306. package/emotion/es/examples/plasma_b2c/components/EmptyState/EmptyState.config.js +0 -15
  307. package/emotion/es/examples/plasma_b2c/components/EmptyState/EmptyState.js +0 -5
  308. package/emotion/es/examples/plasma_b2c/components/EmptyState/EmptyState.stories.tsx +0 -44
  309. package/emotion/es/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +0 -33
  310. package/emotion/es/examples/plasma_web/components/Autocomplete/Autocomplete.js +0 -5
  311. package/emotion/es/examples/plasma_web/components/Autocomplete/Autocomplete.stories.tsx +0 -134
  312. package/emotion/es/examples/plasma_web/components/EmptyState/EmptyState.config.js +0 -15
  313. package/emotion/es/examples/plasma_web/components/EmptyState/EmptyState.js +0 -5
  314. package/emotion/es/examples/plasma_web/components/EmptyState/EmptyState.stories.tsx +0 -44
  315. package/emotion/es/hooks/useOutsideClick.js +0 -18
  316. package/es/components/Autocomplete/Autocomplete.css +0 -60
  317. package/es/components/Autocomplete/Autocomplete.js +0 -184
  318. package/es/components/Autocomplete/Autocomplete.js.map +0 -1
  319. package/es/components/Autocomplete/Autocomplete.styles.js +0 -70
  320. package/es/components/Autocomplete/Autocomplete.styles.js.map +0 -1
  321. package/es/components/Autocomplete/Autocomplete.styles_4wbmok.css +0 -5
  322. package/es/components/Autocomplete/Autocomplete.tokens.js +0 -88
  323. package/es/components/Autocomplete/Autocomplete.tokens.js.map +0 -1
  324. package/es/components/Autocomplete/hooks/useKeyboardNavigation.js +0 -107
  325. package/es/components/Autocomplete/hooks/useKeyboardNavigation.js.map +0 -1
  326. package/es/components/Autocomplete/reducers/focusedReducer.js +0 -43
  327. package/es/components/Autocomplete/reducers/focusedReducer.js.map +0 -1
  328. package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.css +0 -2
  329. package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js +0 -37
  330. package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js.map +0 -1
  331. package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +0 -16
  332. package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js.map +0 -1
  333. package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles_lpdinw.css +0 -2
  334. package/es/components/Autocomplete/ui/TextField/TextField.styles.js +0 -19
  335. package/es/components/Autocomplete/ui/TextField/TextField.styles.js.map +0 -1
  336. package/es/components/Autocomplete/ui/TextField/TextField.styles_sx1sq7.css +0 -1
  337. package/es/components/EmptyState/EmptyState.css +0 -30
  338. package/es/components/EmptyState/EmptyState.js +0 -34
  339. package/es/components/EmptyState/EmptyState.js.map +0 -1
  340. package/es/components/EmptyState/EmptyState.styles.js +0 -34
  341. package/es/components/EmptyState/EmptyState.styles.js.map +0 -1
  342. package/es/components/EmptyState/EmptyState.styles_1o24i5h.css +0 -4
  343. package/es/components/EmptyState/EmptyState.tokens.js +0 -17
  344. package/es/components/EmptyState/EmptyState.tokens.js.map +0 -1
  345. package/es/hooks/useOutsideClick.js +0 -22
  346. package/es/hooks/useOutsideClick.js.map +0 -1
  347. package/styled-components/cjs/components/Autocomplete/Autocomplete.js +0 -193
  348. package/styled-components/cjs/components/Autocomplete/Autocomplete.styles.js +0 -40
  349. package/styled-components/cjs/components/Autocomplete/Autocomplete.tokens.js +0 -91
  350. package/styled-components/cjs/components/Autocomplete/Autocomplete.types.js +0 -5
  351. package/styled-components/cjs/components/Autocomplete/hooks/useKeyboardNavigation.js +0 -114
  352. package/styled-components/cjs/components/Autocomplete/index.js +0 -25
  353. package/styled-components/cjs/components/Autocomplete/reducers/focusedReducer.js +0 -46
  354. package/styled-components/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js +0 -42
  355. package/styled-components/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +0 -23
  356. package/styled-components/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.type.js +0 -5
  357. package/styled-components/cjs/components/Autocomplete/ui/TextField/TextField.js +0 -12
  358. package/styled-components/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +0 -16
  359. package/styled-components/cjs/components/Autocomplete/ui/index.js +0 -27
  360. package/styled-components/cjs/components/EmptyState/EmptyState.js +0 -39
  361. package/styled-components/cjs/components/EmptyState/EmptyState.styles.js +0 -25
  362. package/styled-components/cjs/components/EmptyState/EmptyState.tokens.js +0 -20
  363. package/styled-components/cjs/components/EmptyState/EmptyState.types.js +0 -5
  364. package/styled-components/cjs/components/EmptyState/index.js +0 -25
  365. package/styled-components/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js +0 -39
  366. package/styled-components/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.js +0 -11
  367. package/styled-components/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.stories.tsx +0 -134
  368. package/styled-components/cjs/examples/plasma_b2c/components/EmptyState/EmptyState.config.js +0 -21
  369. package/styled-components/cjs/examples/plasma_b2c/components/EmptyState/EmptyState.js +0 -11
  370. package/styled-components/cjs/examples/plasma_b2c/components/EmptyState/EmptyState.stories.tsx +0 -44
  371. package/styled-components/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +0 -39
  372. package/styled-components/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.js +0 -11
  373. package/styled-components/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.stories.tsx +0 -134
  374. package/styled-components/cjs/examples/plasma_web/components/EmptyState/EmptyState.config.js +0 -21
  375. package/styled-components/cjs/examples/plasma_web/components/EmptyState/EmptyState.js +0 -11
  376. package/styled-components/cjs/examples/plasma_web/components/EmptyState/EmptyState.stories.tsx +0 -44
  377. package/styled-components/cjs/hooks/useOutsideClick.js +0 -24
  378. package/styled-components/es/components/Autocomplete/Autocomplete.js +0 -185
  379. package/styled-components/es/components/Autocomplete/Autocomplete.styles.js +0 -32
  380. package/styled-components/es/components/Autocomplete/Autocomplete.tokens.js +0 -85
  381. package/styled-components/es/components/Autocomplete/Autocomplete.types.js +0 -1
  382. package/styled-components/es/components/Autocomplete/hooks/useKeyboardNavigation.js +0 -108
  383. package/styled-components/es/components/Autocomplete/index.js +0 -2
  384. package/styled-components/es/components/Autocomplete/reducers/focusedReducer.js +0 -40
  385. package/styled-components/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js +0 -33
  386. package/styled-components/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +0 -16
  387. package/styled-components/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.type.js +0 -1
  388. package/styled-components/es/components/Autocomplete/ui/TextField/TextField.js +0 -1
  389. package/styled-components/es/components/Autocomplete/ui/TextField/TextField.styles.js +0 -9
  390. package/styled-components/es/components/Autocomplete/ui/index.js +0 -2
  391. package/styled-components/es/components/EmptyState/EmptyState.js +0 -31
  392. package/styled-components/es/components/EmptyState/EmptyState.styles.js +0 -18
  393. package/styled-components/es/components/EmptyState/EmptyState.tokens.js +0 -14
  394. package/styled-components/es/components/EmptyState/EmptyState.types.js +0 -1
  395. package/styled-components/es/components/EmptyState/index.js +0 -2
  396. package/styled-components/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js +0 -33
  397. package/styled-components/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.js +0 -5
  398. package/styled-components/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.stories.tsx +0 -134
  399. package/styled-components/es/examples/plasma_b2c/components/EmptyState/EmptyState.config.js +0 -15
  400. package/styled-components/es/examples/plasma_b2c/components/EmptyState/EmptyState.js +0 -5
  401. package/styled-components/es/examples/plasma_b2c/components/EmptyState/EmptyState.stories.tsx +0 -44
  402. package/styled-components/es/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +0 -33
  403. package/styled-components/es/examples/plasma_web/components/Autocomplete/Autocomplete.js +0 -5
  404. package/styled-components/es/examples/plasma_web/components/Autocomplete/Autocomplete.stories.tsx +0 -134
  405. package/styled-components/es/examples/plasma_web/components/EmptyState/EmptyState.config.js +0 -15
  406. package/styled-components/es/examples/plasma_web/components/EmptyState/EmptyState.js +0 -5
  407. package/styled-components/es/examples/plasma_web/components/EmptyState/EmptyState.stories.tsx +0 -44
  408. package/styled-components/es/hooks/useOutsideClick.js +0 -18
  409. package/types/components/Autocomplete/Autocomplete.d.ts +0 -24
  410. package/types/components/Autocomplete/Autocomplete.d.ts.map +0 -1
  411. package/types/components/Autocomplete/Autocomplete.styles.d.ts +0 -19
  412. package/types/components/Autocomplete/Autocomplete.styles.d.ts.map +0 -1
  413. package/types/components/Autocomplete/Autocomplete.tokens.d.ts +0 -84
  414. package/types/components/Autocomplete/Autocomplete.tokens.d.ts.map +0 -1
  415. package/types/components/Autocomplete/Autocomplete.types.d.ts +0 -84
  416. package/types/components/Autocomplete/Autocomplete.types.d.ts.map +0 -1
  417. package/types/components/Autocomplete/hooks/useKeyboardNavigation.d.ts +0 -31
  418. package/types/components/Autocomplete/hooks/useKeyboardNavigation.d.ts.map +0 -1
  419. package/types/components/Autocomplete/index.d.ts +0 -3
  420. package/types/components/Autocomplete/index.d.ts.map +0 -1
  421. package/types/components/Autocomplete/reducers/focusedReducer.d.ts +0 -17
  422. package/types/components/Autocomplete/reducers/focusedReducer.d.ts.map +0 -1
  423. package/types/components/Autocomplete/ui/SuggestionItem/SuggestionItem.d.ts +0 -4
  424. package/types/components/Autocomplete/ui/SuggestionItem/SuggestionItem.d.ts.map +0 -1
  425. package/types/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.d.ts +0 -4
  426. package/types/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.d.ts.map +0 -1
  427. package/types/components/Autocomplete/ui/SuggestionItem/SuggestionItem.type.d.ts +0 -8
  428. package/types/components/Autocomplete/ui/SuggestionItem/SuggestionItem.type.d.ts.map +0 -1
  429. package/types/components/Autocomplete/ui/TextField/TextField.d.ts +0 -2
  430. package/types/components/Autocomplete/ui/TextField/TextField.d.ts.map +0 -1
  431. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +0 -41
  432. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +0 -1
  433. package/types/components/Autocomplete/ui/index.d.ts +0 -3
  434. package/types/components/Autocomplete/ui/index.d.ts.map +0 -1
  435. package/types/components/EmptyState/EmptyState.d.ts +0 -18
  436. package/types/components/EmptyState/EmptyState.d.ts.map +0 -1
  437. package/types/components/EmptyState/EmptyState.styles.d.ts +0 -48
  438. package/types/components/EmptyState/EmptyState.styles.d.ts.map +0 -1
  439. package/types/components/EmptyState/EmptyState.tokens.d.ts +0 -15
  440. package/types/components/EmptyState/EmptyState.tokens.d.ts.map +0 -1
  441. package/types/components/EmptyState/EmptyState.types.d.ts +0 -8
  442. package/types/components/EmptyState/EmptyState.types.d.ts.map +0 -1
  443. package/types/components/EmptyState/index.d.ts +0 -3
  444. package/types/components/EmptyState/index.d.ts.map +0 -1
  445. package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.d.ts +0 -32
  446. package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.d.ts.map +0 -1
  447. package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.d.ts +0 -26
  448. package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.d.ts.map +0 -1
  449. package/types/examples/plasma_b2c/components/EmptyState/EmptyState.config.d.ts +0 -14
  450. package/types/examples/plasma_b2c/components/EmptyState/EmptyState.config.d.ts.map +0 -1
  451. package/types/examples/plasma_b2c/components/EmptyState/EmptyState.d.ts +0 -25
  452. package/types/examples/plasma_b2c/components/EmptyState/EmptyState.d.ts.map +0 -1
  453. package/types/examples/plasma_web/components/Autocomplete/Autocomplete.config.d.ts +0 -32
  454. package/types/examples/plasma_web/components/Autocomplete/Autocomplete.config.d.ts.map +0 -1
  455. package/types/examples/plasma_web/components/Autocomplete/Autocomplete.d.ts +0 -26
  456. package/types/examples/plasma_web/components/Autocomplete/Autocomplete.d.ts.map +0 -1
  457. package/types/examples/plasma_web/components/EmptyState/EmptyState.config.d.ts +0 -14
  458. package/types/examples/plasma_web/components/EmptyState/EmptyState.config.d.ts.map +0 -1
  459. package/types/examples/plasma_web/components/EmptyState/EmptyState.d.ts +0 -25
  460. package/types/examples/plasma_web/components/EmptyState/EmptyState.d.ts.map +0 -1
  461. package/types/hooks/useOutsideClick.d.ts +0 -3
  462. package/types/hooks/useOutsideClick.d.ts.map +0 -1
  463. /package/emotion/cjs/components/{Autocomplete/Autocomplete.types.js → Price/Price.types.js} +0 -0
  464. /package/emotion/es/components/{Autocomplete/Autocomplete.types.js → Price/Price.types.js} +0 -0
  465. /package/{emotion/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.type.js → styled-components/cjs/components/Price/Price.types.js} +0 -0
  466. /package/{emotion/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.type.js → styled-components/es/components/Price/Price.types.js} +0 -0
@@ -1,85 +0,0 @@
1
- export var classes = {
2
- suggestionItemIsFocused: 'suggestion-item-is-focused'
3
- };
4
- export var tokens = {
5
- // Токены для TextField
6
- textFieldColor: '--plasma-autocomplete-textfield-color',
7
- textFieldBackgroundColor: '--plasma-autocomplete-textfield-background-color',
8
- textFieldBackgroundColorHover: '--plasma-autocomplete-textfield-background-color-hover',
9
- textFieldBackgroundColorFocus: '--plasma-autocomplete-textfield-background-color-focus',
10
- textFieldBorderColor: '--plasma-autocomplete-textfield-border-color',
11
- textFieldBorderColorHover: '--plasma-autocomplete-textfield-border-color-hover',
12
- textFieldBorderColorFocus: '--plasma-autocomplete-textfield-border-color-focus',
13
- textFieldColorReadOnly: '--plasma-autocomplete-textfield-color-readonly',
14
- textFieldBackgroundColorReadOnly: '--plasma-autocomplete-textfield-bg-color-readonly',
15
- textFieldBorderColorReadOnly: '--plasma-autocomplete-textfield-border-color-readonly',
16
- textFieldPlaceholderColorReadOnly: '--plasma-autocomplete-textfield__placeholder-color-readonly',
17
- textFieldCaretColor: '--plasma-autocomplete-textfield-caret-color',
18
- textFieldPlaceholderColor: '--plasma-autocomplete-textfield-placeholder-color',
19
- textFieldHeight: '--plasma-autocomplete-textfield-height',
20
- textFieldBorderWidth: '--plasma-autocomplete-textfield-border-width',
21
- textFieldBorderRadius: '--plasma-autocomplete-textfield-border-radius',
22
- textFieldPadding: '--plasma-autocomplete-textfield-padding',
23
- textFieldLeftContentMargin: '--plasma-autocomplete-textfield__left-content-margin',
24
- textFieldRightContentMargin: '--plasma-autocomplete-textfield__right-content-margin',
25
- textFieldFontFamily: '--plasma-autocomplete-textfield-font-family',
26
- textFieldFontStyle: '--plasma-autocomplete-textfield-font-style',
27
- textFieldFontSize: '--plasma-autocomplete-textfield-font-size',
28
- textFieldFontWeight: '--plasma-autocomplete-textfield-font-weight',
29
- textFieldLetterSpacing: '--plasma-autocomplete-textfield-letter-spacing',
30
- textFieldLineHeight: '--plasma-autocomplete-textfield-line-height',
31
- textFieldLabelColor: '--plasma-autocomplete-textfield-label-color',
32
- textFieldLabelColorReadOnly: '--plasma-autocomplete-textfield__label-color-readonly',
33
- textFieldLabelOffset: '--plasma-autocomplete-textfield__label-offset',
34
- textFieldLabelFontFamily: '--plasma-autocomplete-textfield__label-font-family',
35
- textFieldLabelFontStyle: '--plasma-autocomplete-textfield__label-font-style',
36
- textFieldLabelFontSize: '--plasma-autocomplete-textfield__label-font-size',
37
- textFieldLabelFontWeight: '--plasma-autocomplete-textfield__label-font-weight',
38
- textFieldLabelLetterSpacing: '--plasma-autocomplete-textfield__label-letter-spacing',
39
- textFieldLabelLineHeight: '--plasma-autocomplete-textfield__label-line-height',
40
- textFieldLabelInnerFontFamily: '--plasma-autocomplete-textfield-placement_inner__label-font-family',
41
- textFieldLabelInnerFontStyle: '--plasma-autocomplete-textfield-placement_inner__label-font-style',
42
- textFieldLabelInnerFontSize: '--plasma-autocomplete-textfield-placement_inner__label-font-size',
43
- textFieldLabelInnerFontWeight: '--plasma-autocomplete-textfield-placement_inner__label-font-weight',
44
- textFieldLabelInnerLetterSpacing: '--plasma-autocomplete-textfield-placement_inner__label-letter-spacing',
45
- textFieldLabelInnerLineHeight: '--plasma-autocomplete-textfield-placement_inner__label-line-height',
46
- textFieldLabelInnerPadding: '--plasma-autocomplete-textfield-placement_inner__label-padding',
47
- textFieldContentLabelInnerPadding: '--plasma-autocomplete-textfield-placement_inner__content-padding',
48
- textFieldLeftHelperColor: '--plasma-autocomplete-textfield__left-helper-color',
49
- textFieldLeftHelperColorReadOnly: '--plasma-autocomplete-textfield__left-helper-color-readonly',
50
- textFieldLeftHelperOffset: '--plasma-autocomplete-textfield__left-helper-offset',
51
- textFieldLeftHelperFontFamily: '--plasma-autocomplete-textfield__left-helper-font-family',
52
- textFieldLeftHelperFontStyle: '--plasma-autocomplete-textfield__left-helper-font-style',
53
- textFieldLeftHelperFontSize: '--plasma-autocomplete-textfield__left-helper-font-size',
54
- textFieldLeftHelperFontWeight: '--plasma-autocomplete-textfield__left-helper-font-weight',
55
- textFieldLeftHelperLetterSpacing: '--plasma-autocomplete-textfield__left-helper-letter-spacing',
56
- textFieldLeftHelperLineHeight: '--plasma-autocomplete-textfield__left-helper-line-height',
57
- textFieldTextBeforeColor: '--plasma-autocomplete-textfield__before-text-color',
58
- textFieldTextAfterColor: '--plasma-autocomplete-textfield__after-text-color',
59
- textFieldTextBeforeMargin: '--plasma-autocomplete-textfield__before-text-margin',
60
- textFieldTextAfterMargin: '--plasma-autocomplete-textfield__after-text-margin',
61
- textFieldDisabledOpacity: '--plasma-autocomplete-textfield-disabled-opacity',
62
- textFieldFocusColor: '--plasma-autocomplete-textfield-focus-color',
63
- // Токены для дропдауна
64
- background: '--plasma-autocomplete-background',
65
- boxShadow: '--plasma-autocomplete-box-shadow',
66
- borderRadius: '--plasma-autocomplete-border-radius',
67
- padding: '--plasma-autocomplete-padding',
68
- itemPadding: '--plasma-autocomplete-item-padding',
69
- itemBorderRadius: '--plasma-autocomplete-item-border-radius',
70
- itemFontFamily: '--plasma-autocomplete-item-font-family',
71
- itemFontSize: '--plasma-autocomplete-item-font-size',
72
- itemFontStyle: '--plasma-autocomplete-item-font-style',
73
- itemFontWeight: '--plasma-autocomplete-item-font-weight',
74
- itemFontLetterSpacing: '--plasma-autocomplete-item-font-letter-spacing',
75
- itemFontLineHeight: '--plasma-autocomplete-item-font-line-height',
76
- itemBackground: '--plasma-autocomplete-item-background',
77
- itemBackgroundHover: '--plasma-autocomplete-item-background-hover',
78
- itemColor: '--plasma-autocomplete-item-color',
79
- focusColor: '--plasma-autocomplete-focus-color',
80
- infiniteLoaderSpinnerColor: '--plasma-autocomplete-infinite-loader-spinner-color',
81
- infiniteLoaderSpinnerSize: '--plasma-autocomplete-infinite-loader-spinner-size',
82
- infiniteLoaderGap: '--plasma-autocomplete-infinite-loader-gap',
83
- emptyStateGap: '--plasma-autocomplete-empty-state-gap',
84
- emptyStatePadding: '--plasma-autocomplete-empty-state-padding'
85
- };
@@ -1,108 +0,0 @@
1
- export var keys = {
2
- Enter: 'Enter',
3
- Space: 'Space',
4
- Tab: 'Tab',
5
- Escape: 'Escape',
6
- ArrowLeft: 'ArrowLeft',
7
- ArrowRight: 'ArrowRight',
8
- ArrowUp: 'ArrowUp',
9
- ArrowDown: 'ArrowDown',
10
- Home: 'Home',
11
- End: 'End',
12
- PageUp: 'PageUp',
13
- PageDown: 'PageDown'
14
- };
15
- export var useKeyNavigation = function useKeyNavigation(_ref) {
16
- var isOpen = _ref.isOpen,
17
- setIsOpen = _ref.setIsOpen,
18
- focused = _ref.focused,
19
- dispatchFocused = _ref.dispatchFocused,
20
- finalResults = _ref.finalResults,
21
- handleItemClick = _ref.handleItemClick;
22
- var onKeyDown = function onKeyDown(event) {
23
- switch (event.code) {
24
- case keys.ArrowDown:
25
- {
26
- if (!isOpen) {
27
- setIsOpen(true);
28
- dispatchFocused({
29
- type: 'setFirstItem'
30
- });
31
- break;
32
- }
33
- dispatchFocused({
34
- type: 'setNextItem',
35
- listLength: finalResults.length
36
- });
37
- break;
38
- }
39
- case keys.ArrowUp:
40
- {
41
- if (!isOpen) {
42
- setIsOpen(true);
43
- dispatchFocused({
44
- type: 'setLastItem',
45
- listLength: finalResults.length
46
- });
47
- break;
48
- }
49
- dispatchFocused({
50
- type: 'setPrevItem',
51
- listLength: finalResults.length
52
- });
53
- break;
54
- }
55
- case keys.Home:
56
- {
57
- if (!isOpen) {
58
- return;
59
- }
60
- dispatchFocused({
61
- type: 'setFirstItem'
62
- });
63
- break;
64
- }
65
- case keys.End:
66
- {
67
- if (!isOpen) {
68
- return;
69
- }
70
- dispatchFocused({
71
- type: 'setLastItem',
72
- listLength: finalResults.length
73
- });
74
- break;
75
- }
76
- case keys.Enter:
77
- {
78
- if (!isOpen || focused === null) {
79
- return;
80
- }
81
- dispatchFocused({
82
- type: 'reset'
83
- });
84
- handleItemClick(finalResults[focused]);
85
- break;
86
- }
87
- case keys.Tab:
88
- case keys.Escape:
89
- {
90
- if (!isOpen) {
91
- return;
92
- }
93
- setIsOpen(false);
94
- dispatchFocused({
95
- type: 'reset'
96
- });
97
- break;
98
- }
99
- default:
100
- {
101
- break;
102
- }
103
- }
104
- };
105
- return {
106
- onKeyDown: onKeyDown
107
- };
108
- };
@@ -1,2 +0,0 @@
1
- export { autocompleteConfig, autocompleteRoot } from './Autocomplete';
2
- export { tokens as autocompleteTokens } from './Autocomplete.tokens';
@@ -1,40 +0,0 @@
1
- export function focusedReducer(state, action) {
2
- switch (action.type) {
3
- case 'reset':
4
- {
5
- return null;
6
- }
7
- case 'setNextItem':
8
- {
9
- if (state === action.listLength - 1) {
10
- return state;
11
- }
12
- if (state === null) {
13
- return 0;
14
- }
15
- return state + 1;
16
- }
17
- case 'setPrevItem':
18
- {
19
- if (state === 0) {
20
- return state;
21
- }
22
- if (state === null) {
23
- return action.listLength - 1;
24
- }
25
- return state - 1;
26
- }
27
- case 'setFirstItem':
28
- {
29
- return 0;
30
- }
31
- case 'setLastItem':
32
- {
33
- return action.listLength - 1;
34
- }
35
- default:
36
- {
37
- return state;
38
- }
39
- }
40
- }
@@ -1,33 +0,0 @@
1
- import React, { useEffect, useRef } from 'react';
2
- import { classes } from '../../Autocomplete.tokens';
3
- import { StyledText, Wrapper } from './SuggestionItem.styles';
4
- export var SuggestionItem = function SuggestionItem(_ref) {
5
- var item = _ref.item,
6
- id = _ref.id,
7
- onClick = _ref.onClick,
8
- focused = _ref.focused;
9
- var ref = useRef(null);
10
- var focusedClass = focused ? classes.suggestionItemIsFocused : undefined;
11
- var handleClick = function handleClick() {
12
- if (onClick) {
13
- onClick(item);
14
- }
15
- };
16
- useEffect(function () {
17
- if (focusedClass && ref !== null && ref !== void 0 && ref.current) {
18
- ref.current.scrollIntoView({
19
- behavior: 'smooth',
20
- block: 'center',
21
- inline: 'center'
22
- });
23
- }
24
- }, [focusedClass]);
25
- return /*#__PURE__*/React.createElement(Wrapper, {
26
- id: id,
27
- role: "option",
28
- "aria-selected": focused,
29
- onClick: handleClick,
30
- ref: ref,
31
- className: focusedClass
32
- }, item.contentLeft, /*#__PURE__*/React.createElement(StyledText, null, item.label), item.contentRight);
33
- };
@@ -1,16 +0,0 @@
1
- import styled from 'styled-components';
2
- import { tokens, classes } from '../../Autocomplete.tokens';
3
- import { addFocus, applyEllipsis } from '../../../../mixins';
4
- export var StyledText = /*#__PURE__*/styled.div.withConfig({
5
- componentId: "plasma-new-hope__sc-1m9plqu-0"
6
- })(["", ";flex:1;"], /*#__PURE__*/applyEllipsis());
7
- export var Wrapper = /*#__PURE__*/styled.li.withConfig({
8
- componentId: "plasma-new-hope__sc-1m9plqu-1"
9
- })(["display:flex;align-items:center;margin:0;box-sizing:content-box;padding:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");background:var(", ");color:var(", ");border-radius:var(", ");user-select:none;&:hover{cursor:pointer;background:var(", ");}:focus{outline:none;}", ";"], tokens.itemPadding, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemFontLetterSpacing, tokens.itemFontLineHeight, tokens.itemBackground, tokens.itemColor, tokens.itemBorderRadius, tokens.itemBackgroundHover, /*#__PURE__*/addFocus({
10
- outlineSize: '0.0625rem',
11
- outlineOffset: '0',
12
- outlineColor: /*#__PURE__*/"var(".concat(tokens.focusColor, ")"),
13
- outlineRadius: /*#__PURE__*/"var(".concat(tokens.itemBorderRadius, ")"),
14
- hasTransition: false,
15
- customFocusRules: /*#__PURE__*/"\n &.".concat(classes.suggestionItemIsFocused, ":before {\n outline: none;\n box-shadow: 0 0 0 0.0625rem var(").concat(tokens.focusColor, ");\n }\n ")
16
- }));
@@ -1 +0,0 @@
1
- export { StyledTextField } from './TextField.styles';
@@ -1,9 +0,0 @@
1
- import styled from 'styled-components';
2
- import { textFieldConfig, textFieldTokens } from '../../../TextField';
3
- import { component, mergeConfig } from '../../../../engines';
4
- import { tokens as autocompleteTokens } from '../../Autocomplete.tokens';
5
- var mergedConfig = /*#__PURE__*/mergeConfig(textFieldConfig);
6
- var TextField = /*#__PURE__*/component(mergedConfig);
7
- export var StyledTextField = /*#__PURE__*/styled(TextField).withConfig({
8
- componentId: "plasma-new-hope__sc-1rp2ggs-0"
9
- })(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], textFieldTokens.color, autocompleteTokens.textFieldColor, textFieldTokens.backgroundColor, autocompleteTokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, autocompleteTokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, autocompleteTokens.textFieldBackgroundColorFocus, textFieldTokens.borderColor, autocompleteTokens.textFieldBorderColor, textFieldTokens.borderColorHover, autocompleteTokens.textFieldBorderColorHover, textFieldTokens.borderColorFocus, autocompleteTokens.textFieldBorderColorFocus, textFieldTokens.colorReadOnly, autocompleteTokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, autocompleteTokens.textFieldBackgroundColorReadOnly, textFieldTokens.borderColorReadOnly, autocompleteTokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, autocompleteTokens.textFieldPlaceholderColorReadOnly, textFieldTokens.caretColor, autocompleteTokens.textFieldCaretColor, textFieldTokens.placeholderColor, autocompleteTokens.textFieldPlaceholderColor, textFieldTokens.height, autocompleteTokens.textFieldHeight, textFieldTokens.borderWidth, autocompleteTokens.textFieldBorderWidth, textFieldTokens.borderRadius, autocompleteTokens.textFieldBorderRadius, textFieldTokens.padding, autocompleteTokens.textFieldPadding, textFieldTokens.leftContentMargin, autocompleteTokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, autocompleteTokens.textFieldRightContentMargin, textFieldTokens.fontFamily, autocompleteTokens.textFieldFontFamily, textFieldTokens.fontStyle, autocompleteTokens.textFieldFontStyle, textFieldTokens.fontSize, autocompleteTokens.textFieldFontSize, textFieldTokens.fontWeight, autocompleteTokens.textFieldFontWeight, textFieldTokens.letterSpacing, autocompleteTokens.textFieldLetterSpacing, textFieldTokens.lineHeight, autocompleteTokens.textFieldLineHeight, textFieldTokens.labelColor, autocompleteTokens.textFieldLabelColor, textFieldTokens.labelColorReadOnly, autocompleteTokens.textFieldLabelColorReadOnly, textFieldTokens.labelOffset, autocompleteTokens.textFieldLabelOffset, textFieldTokens.labelFontFamily, autocompleteTokens.textFieldLabelFontFamily, textFieldTokens.labelFontStyle, autocompleteTokens.textFieldLabelFontStyle, textFieldTokens.labelFontSize, autocompleteTokens.textFieldLabelFontSize, textFieldTokens.labelFontWeight, autocompleteTokens.textFieldLabelFontWeight, textFieldTokens.labelLetterSpacing, autocompleteTokens.textFieldLabelLetterSpacing, textFieldTokens.labelLineHeight, autocompleteTokens.textFieldLabelLineHeight, textFieldTokens.labelInnerFontFamily, autocompleteTokens.textFieldLabelInnerFontFamily, textFieldTokens.labelInnerFontStyle, autocompleteTokens.textFieldLabelInnerFontStyle, textFieldTokens.labelInnerFontSize, autocompleteTokens.textFieldLabelInnerFontSize, textFieldTokens.labelInnerFontWeight, autocompleteTokens.textFieldLabelInnerFontWeight, textFieldTokens.labelInnerLetterSpacing, autocompleteTokens.textFieldLabelInnerLetterSpacing, textFieldTokens.labelInnerLineHeight, autocompleteTokens.textFieldLabelInnerLineHeight, textFieldTokens.labelInnerPadding, autocompleteTokens.textFieldLabelInnerPadding, textFieldTokens.contentLabelInnerPadding, autocompleteTokens.textFieldContentLabelInnerPadding, textFieldTokens.leftHelperColor, autocompleteTokens.textFieldLeftHelperColor, textFieldTokens.leftHelperColorReadOnly, autocompleteTokens.textFieldLeftHelperColorReadOnly, textFieldTokens.leftHelperOffset, autocompleteTokens.textFieldLeftHelperOffset, textFieldTokens.leftHelperFontFamily, autocompleteTokens.textFieldLeftHelperFontFamily, textFieldTokens.leftHelperFontStyle, autocompleteTokens.textFieldLeftHelperFontStyle, textFieldTokens.leftHelperFontSize, autocompleteTokens.textFieldLeftHelperFontSize, textFieldTokens.leftHelperFontWeight, autocompleteTokens.textFieldLeftHelperFontWeight, textFieldTokens.leftHelperLetterSpacing, autocompleteTokens.textFieldLeftHelperLetterSpacing, textFieldTokens.leftHelperLineHeight, autocompleteTokens.textFieldLeftHelperLineHeight, textFieldTokens.textBeforeColor, autocompleteTokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, autocompleteTokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, autocompleteTokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, autocompleteTokens.textFieldTextAfterMargin, textFieldTokens.disabledOpacity, autocompleteTokens.textFieldDisabledOpacity, textFieldTokens.focusColor, autocompleteTokens.textFieldFocusColor);
@@ -1,2 +0,0 @@
1
- export * from './TextField/TextField';
2
- export * from './SuggestionItem/SuggestionItem';
@@ -1,31 +0,0 @@
1
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
- import React, { forwardRef } from 'react';
3
- import { Wrapper, StyledButton, IconWrapper, Description } from './EmptyState.styles';
4
-
5
- /**
6
- * Компонент для альтернативного показа содержимого выпадающего списка.
7
- */
8
- export var emptyStateRoot = function emptyStateRoot(Root) {
9
- return /*#__PURE__*/forwardRef(function (props, ref) {
10
- var icon = props.icon,
11
- description = props.description,
12
- buttonText = props.buttonText,
13
- buttonAction = props.buttonAction;
14
- return /*#__PURE__*/React.createElement(Root, _extends({}, props, {
15
- ref: ref
16
- }), /*#__PURE__*/React.createElement(Wrapper, null, icon && /*#__PURE__*/React.createElement(IconWrapper, null, icon), /*#__PURE__*/React.createElement(Description, null, description), buttonText && /*#__PURE__*/React.createElement(StyledButton, {
17
- stretching: "filled",
18
- onClick: buttonAction
19
- }, buttonText)));
20
- });
21
- };
22
- export var emptyStateConfig = {
23
- name: 'EmptyState',
24
- tag: 'div',
25
- layout: emptyStateRoot,
26
- base: '',
27
- defaults: {
28
- size: 'l'
29
- },
30
- variations: {}
31
- };
@@ -1,18 +0,0 @@
1
- import styled from 'styled-components';
2
- import { buttonConfig, buttonTokens } from '../Button';
3
- import { component, mergeConfig } from '../../engines';
4
- import { tokens } from './EmptyState.tokens';
5
- var mergedButtonConfig = /*#__PURE__*/mergeConfig(buttonConfig);
6
- var Button = /*#__PURE__*/component(mergedButtonConfig);
7
- export var StyledButton = /*#__PURE__*/styled(Button).withConfig({
8
- componentId: "plasma-new-hope__sc-1071zo6-0"
9
- })(["", ":var(--text-primary);", ":var(--text-primary-active);", ":var(--text-primary-hover);", ":none;", ":0;", ":var(", ");", ":0;", ":var(", ");", ":var(", ");", ":var(", ");", ":600;", ":var(", ");", ":var(", ");margin:var(", ");"], buttonTokens.buttonColor, buttonTokens.buttonColorActive, buttonTokens.buttonColorHover, buttonTokens.buttonBackgroundColor, buttonTokens.buttonPadding, buttonTokens.buttonHeight, tokens.buttonHeight, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, tokens.fontFamily, buttonTokens.buttonFontSize, tokens.fontSize, buttonTokens.buttonFontStyle, tokens.fontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, tokens.fontLetterSpacing, buttonTokens.buttonLineHeight, tokens.fontLineHeight, tokens.buttonMargin);
10
- export var Wrapper = /*#__PURE__*/styled.div.withConfig({
11
- componentId: "plasma-new-hope__sc-1071zo6-1"
12
- })(["display:flex;flex-direction:column;align-items:center;background:var(--surface-solid-card);box-shadow:0 4px 14px -4px rgba(8,8,8,0.08),0 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(", ");padding:var(", ");text-align:center;"], tokens.borderRadius, tokens.padding);
13
- export var IconWrapper = /*#__PURE__*/styled.div.withConfig({
14
- componentId: "plasma-new-hope__sc-1071zo6-2"
15
- })(["margin:var(", ");line-height:0;"], tokens.iconMargin);
16
- export var Description = /*#__PURE__*/styled.div.withConfig({
17
- componentId: "plasma-new-hope__sc-1071zo6-3"
18
- })(["margin:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], tokens.descriptionMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight);
@@ -1,14 +0,0 @@
1
- export var tokens = {
2
- borderRadius: '--plasma-emptystate-border-radius',
3
- padding: '--plasma-emptystate-padding',
4
- iconMargin: '--plasma-emptystate-icon-margin',
5
- descriptionMargin: '--plasma-emptystate-description-margin',
6
- buttonMargin: '--plasma-emptystate-button-margin',
7
- buttonHeight: '--plasma-emptystate-button-height',
8
- fontFamily: '--plasma-emptystate-font-family',
9
- fontSize: '--plasma-emptystate-font-size',
10
- fontStyle: '--plasma-emptystate-font-style',
11
- fontWeight: '--plasma-emptystate-font-weight',
12
- fontLetterSpacing: '--plasma-emptystate-font-letter-spacing',
13
- fontLineHeight: '--plasma-emptystate-font-line-height'
14
- };
@@ -1,2 +0,0 @@
1
- export { emptyStateConfig, emptyStateRoot } from './EmptyState';
2
- export { tokens as emptyStateTokens } from './EmptyState.tokens';
@@ -1,33 +0,0 @@
1
- import { css } from 'styled-components';
2
- import { autocompleteTokens as tokens } from '../../../../components/Autocomplete';
3
- export var config = {
4
- defaults: {
5
- view: 'default',
6
- size: 'l',
7
- labelPlacement: 'outer'
8
- },
9
- variations: {
10
- view: {
11
- "default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-secondary);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-accent);", ":var(--surface-solid-card);", ":0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);", ":var(--plasma-colors-transparent);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-accent);", ":var(--text-primary);"], tokens.textFieldColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldPlaceholderColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.background, tokens.boxShadow, tokens.itemBackground, tokens.itemBackgroundHover, tokens.itemColor, tokens.focusColor, tokens.infiniteLoaderSpinnerColor),
12
- positive: /*#__PURE__*/css(["", ":var(--plasma-colors-primary);", ":var(--surface-transparent-positive);", ":var(--surface-transparent-positive-active);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-accent);", ":var(--surface-solid-card);", ":0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);", ":var(--plasma-colors-transparent);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-accent);", ":var(--text-primary);"], tokens.textFieldColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldPlaceholderColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.background, tokens.boxShadow, tokens.itemBackground, tokens.itemBackgroundHover, tokens.itemColor, tokens.focusColor, tokens.infiniteLoaderSpinnerColor),
13
- warning: /*#__PURE__*/css(["", ":var(--plasma-colors-primary);", ":var(--surface-transparent-warning);", ":var(--surface-transparent-warning-active);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-warning);", ":var(--text-accent);", ":var(--surface-solid-card);", ":0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);", ":var(--plasma-colors-transparent);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-accent);", ":var(--text-primary);"], tokens.textFieldColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldPlaceholderColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.background, tokens.boxShadow, tokens.itemBackground, tokens.itemBackgroundHover, tokens.itemColor, tokens.focusColor, tokens.infiniteLoaderSpinnerColor),
14
- negative: /*#__PURE__*/css(["", ":var(--plasma-colors-primary);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative-active);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-accent);", ":var(--surface-solid-card);", ":0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);", ":var(--plasma-colors-transparent);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-accent);", ":var(--text-primary);"], tokens.textFieldColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldPlaceholderColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.background, tokens.boxShadow, tokens.itemBackground, tokens.itemBackgroundHover, tokens.itemColor, tokens.focusColor, tokens.infiniteLoaderSpinnerColor)
15
- },
16
- size: {
17
- l: /*#__PURE__*/css(["", ":3.5rem;", ":1.0625rem 1.125rem 1.0625rem 1.125rem;", ":0.875rem;", ":-0.0625rem 0.5rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.5625rem 0 0.125rem 0;", ":1.5625rem 0 0.5625rem 0;", ":0.875rem;", ":0.125rem;", ":1.0625rem 1rem;", ":0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":2rem 1rem 1rem 1rem;", ":0.5rem;", ":1.5rem;", ":0.5rem;"], tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.borderRadius, tokens.padding, tokens.itemPadding, tokens.itemBorderRadius, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemFontLetterSpacing, tokens.itemFontLineHeight, tokens.emptyStatePadding, tokens.emptyStateGap, tokens.infiniteLoaderSpinnerSize, tokens.infiniteLoaderGap),
18
- m: /*#__PURE__*/css(["", ":3rem;", ":0.875rem 1rem 0.875rem 1rem;", ":0.75rem;", ":-0.125rem 0.375rem -0.125rem -0.125rem;", ":-0.125rem -0.125rem -0.125rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.625rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem 0 0.125rem 0;", ":1.375rem 0 0.375rem 0;", ":0.75rem;", ":0.125rem;", ":0.875rem 0.875rem 0.875rem 0.875rem;", ":0.625rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":1.625rem 0.875rem 0.875rem 0.875rem;", ":0.375rem;", ":1.5rem;", ":0.375rem;"], tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.borderRadius, tokens.padding, tokens.itemPadding, tokens.itemBorderRadius, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemFontLetterSpacing, tokens.itemFontLineHeight, tokens.emptyStatePadding, tokens.emptyStateGap, tokens.infiniteLoaderSpinnerSize, tokens.infiniteLoaderGap),
19
- s: /*#__PURE__*/css(["", ":2.5rem;", ":0.6875rem 0.875rem 0.6875rem 0.875rem;", ":0.625rem;", ":-0.1875rem 0.25rem -0.1875rem -0.125rem;", ":-0.1875rem -0.125rem -0.1875rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.3125rem 0 0 0;", ":1.0625rem 0 0.3125rem 0;", ":0.625rem;", ":0.125rem;", ":0.6875rem 0.75rem;", ":0.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1.375rem 0.625rem 0.625rem 0.625rem;", ":0.25rem;", ":1.5rem;", ":0.25rem;"], tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.borderRadius, tokens.padding, tokens.itemPadding, tokens.itemBorderRadius, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemFontLetterSpacing, tokens.itemFontLineHeight, tokens.emptyStatePadding, tokens.emptyStateGap, tokens.infiniteLoaderSpinnerSize, tokens.infiniteLoaderGap),
20
- xs: /*#__PURE__*/css(["", ":2rem;", ":0.5625rem 0.625rem 0.5625rem 0.625rem;", ":0.5rem;", ":-0.0625rem 0.25rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.3125rem 0 0 0;", ":1.0625rem 0 0.3125rem 0;", ":0.5rem;", ":0.125rem;", ":0.5625rem 0.5rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":1rem 0.5rem 0.5rem 0.5rem;", ":0.25rem;", ":1rem;", ":0.25rem;"], tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.borderRadius, tokens.padding, tokens.itemPadding, tokens.itemBorderRadius, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemFontLetterSpacing, tokens.itemFontLineHeight, tokens.emptyStatePadding, tokens.emptyStateGap, tokens.infiniteLoaderSpinnerSize, tokens.infiniteLoaderGap)
21
- },
22
- labelPlacement: {
23
- inner: /*#__PURE__*/css(["", ":var(--plasma-input-label-color,var(--plasma-input-placeholder-color,var(--plasma-colors-secondary)));", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], tokens.textFieldPlaceholderColor, tokens.textFieldLabelInnerFontFamily, tokens.textFieldLabelInnerFontSize, tokens.textFieldLabelInnerFontStyle, tokens.textFieldLabelInnerFontWeight, tokens.textFieldLabelInnerLetterSpacing, tokens.textFieldLabelInnerLineHeight),
24
- outer: /*#__PURE__*/css([""])
25
- },
26
- disabled: {
27
- "true": /*#__PURE__*/css(["", ":0.4;"], tokens.textFieldDisabledOpacity)
28
- },
29
- readOnly: {
30
- "true": /*#__PURE__*/css(["", ":var(--text-secondary);", ":var(--surface-transparent-primary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);"], tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly)
31
- }
32
- }
33
- };
@@ -1,5 +0,0 @@
1
- import { component, mergeConfig } from '../../../../engines';
2
- import { autocompleteConfig } from '../../../../components/Autocomplete';
3
- import { config } from './Autocomplete.config';
4
- var mergedConfig = /*#__PURE__*/mergeConfig(autocompleteConfig, config);
5
- export var Autocomplete = /*#__PURE__*/component(mergedConfig);
@@ -1,134 +0,0 @@
1
- import type { ComponentProps } from 'react';
2
- import * as React from 'react';
3
- import type { Meta, StoryObj } from '@storybook/react';
4
- import { IconPlaceholder } from '@salutejs/plasma-sb-utils';
5
-
6
- import { WithTheme } from '../../../_helpers';
7
-
8
- import { Autocomplete } from './Autocomplete';
9
-
10
- const sizes = ['l', 'm', 's', 'xs'];
11
- const views = ['default', 'positive', 'warning', 'negative'];
12
- const labelPlacements = ['outer', 'inner'];
13
-
14
- const suggestions = [
15
- { label: 'Алексей Смирнов' },
16
- { label: 'Екатерина Иванова' },
17
- { label: 'Дмитрий Петров' },
18
- { label: 'Ольга Васильева' },
19
- { label: 'Сергей Сидоров' },
20
- { label: 'Мария Кузнецова' },
21
- { label: 'Андрей Попов' },
22
- { label: 'Анна Николаева' },
23
- { label: 'Иван Федоров' },
24
- { label: 'Наталья Морозова' },
25
- { label: 'Михаил Павлов' },
26
- { label: 'Елена Романова' },
27
- { label: 'Владимир Киселев' },
28
- { label: 'Татьяна Захарова' },
29
- { label: 'Николай Семенов' },
30
- { label: 'Юлия Белова' },
31
- { label: 'Александр Гусев' },
32
- { label: 'Оксана Яковлева' },
33
- { label: 'Игорь Егорова' },
34
- { label: 'Вера Тихомирова' },
35
- { label: 'Артем Григорьев' },
36
- { label: 'Евгения Козлова' },
37
- { label: 'Максим Лебедев' },
38
- { label: 'Виктория Калашникова' },
39
- { label: 'Константин Абрамов' },
40
- { label: 'Светлана Новикова' },
41
- { label: 'Юрий Волков' },
42
- { label: 'Валентина Воробьева' },
43
- { label: 'Павел Сергеев' },
44
- { label: 'Людмила Виноградова' },
45
- { label: 'Антон Соловьев' },
46
- { label: 'Маргарита Цветкова' },
47
- { label: 'Роман Трофимов' },
48
- { label: 'Лариса Зайцева' },
49
- { label: 'Евгений Никитин' },
50
- { label: 'Галина Михайлова' },
51
- { label: 'Владислав Антонов' },
52
- { label: 'Дарья Филатова' },
53
- { label: 'Олег Буров' },
54
- { label: 'Инна Медведева' },
55
- { label: 'Вячеслав Крылов' },
56
- { label: 'Тамара Беляева' },
57
- { label: 'Кирилл Марков' },
58
- { label: 'Марина Пономарева' },
59
- { label: 'Борис Захаров' },
60
- { label: 'Жанна Савельева' },
61
- { label: 'Федор Жуков' },
62
- { label: 'Елизавета Логинова' },
63
- { label: 'Виктор Рыбаков' },
64
- { label: 'Лилия Макарова' },
65
- ];
66
-
67
- type StoryProps = ComponentProps<typeof Autocomplete> & {
68
- enableContentLeft: boolean;
69
- enableContentRight: boolean;
70
- };
71
-
72
- const meta: Meta<StoryProps> = {
73
- title: 'plasma_b2c/Autocomplete',
74
- decorators: [WithTheme],
75
- component: Autocomplete,
76
- argTypes: {
77
- view: {
78
- options: views,
79
- control: {
80
- type: 'select',
81
- },
82
- },
83
- size: {
84
- options: sizes,
85
- control: {
86
- type: 'inline-radio',
87
- },
88
- },
89
- labelPlacement: {
90
- options: labelPlacements,
91
- control: {
92
- type: 'inline-radio',
93
- },
94
- },
95
- },
96
- args: {
97
- view: 'default',
98
- size: 'l',
99
- labelPlacement: 'outer',
100
- disabled: false,
101
- readOnly: false,
102
- label: 'Label',
103
- textBefore: '',
104
- textAfter: '',
105
- placeholder: 'Заполните поле',
106
- leftHelper: 'Введите имя Алексей',
107
- listWidth: '100%',
108
- listMaxHeight: '200px',
109
- threshold: 2,
110
- enableContentLeft: true,
111
- enableContentRight: true,
112
- },
113
- };
114
-
115
- export default meta;
116
-
117
- const DefaultStory = (args: StoryProps) => {
118
- const { enableContentLeft, enableContentRight } = args;
119
-
120
- const iconSize = args.size === 'xs' ? 'xs' : 's';
121
-
122
- return (
123
- <Autocomplete
124
- {...args}
125
- suggestions={suggestions}
126
- contentLeft={enableContentLeft ? <IconPlaceholder size={iconSize} /> : undefined}
127
- contentRight={enableContentRight ? <IconPlaceholder size={iconSize} /> : undefined}
128
- />
129
- );
130
- };
131
-
132
- export const Default: StoryObj<StoryProps> = {
133
- render: (args) => <DefaultStory {...args} />,
134
- };
@@ -1,15 +0,0 @@
1
- import { css } from 'styled-components';
2
- import { emptyStateTokens as tokens } from '../../../../components/EmptyState';
3
- export var config = {
4
- defaults: {
5
- size: 'l'
6
- },
7
- variations: {
8
- size: {
9
- l: /*#__PURE__*/css(["", ":0.875rem;", ":2rem 1rem 1rem 1rem;", ":0 0 0.5rem 0;", ":0 0 1rem 0;", ":-1rem 0 0 0;", ":3.5rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], tokens.borderRadius, tokens.padding, tokens.iconMargin, tokens.descriptionMargin, tokens.buttonMargin, tokens.buttonHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight),
10
- m: /*#__PURE__*/css(["", ":0.75rem;", ":1.625rem 1rem 0.875rem 1rem;", ":0 0 0.375rem 0;", ":0 0 0.875rem 0;", ":-0.875rem 0 0 0;", ":3rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], tokens.borderRadius, tokens.padding, tokens.iconMargin, tokens.descriptionMargin, tokens.buttonMargin, tokens.buttonHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight),
11
- s: /*#__PURE__*/css(["", ":0.625rem;", ":1.375rem 0.875rem 0.625rem 0.875rem;", ":0 0 0.25rem 0;", ":0 0 0.625rem 0;", ":-0.625rem 0 0 0;", ":2.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], tokens.borderRadius, tokens.padding, tokens.iconMargin, tokens.descriptionMargin, tokens.buttonMargin, tokens.buttonHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight),
12
- xs: /*#__PURE__*/css(["", ":0.5rem;", ":1rem 0.625rem 0.5rem 0.625rem;", ":0 0 0.25rem 0;", ":0 0 0.5rem 0;", ":-0.5rem 0 0 0;", ":2rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], tokens.borderRadius, tokens.padding, tokens.iconMargin, tokens.descriptionMargin, tokens.buttonMargin, tokens.buttonHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight)
13
- }
14
- }
15
- };