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

Sign up to get free protection for your applications and to get access to all the features.
Files changed (400) hide show
  1. package/cjs/components/Portal/Portal.js +1 -1
  2. package/cjs/components/Portal/Portal.js.map +1 -1
  3. package/cjs/components/Price/Price.css +2 -0
  4. package/cjs/components/Price/Price.js +65 -0
  5. package/cjs/components/Price/Price.js.map +1 -0
  6. package/cjs/components/Price/Price.styles.js +17 -0
  7. package/cjs/components/Price/Price.styles.js.map +1 -0
  8. package/cjs/components/Price/Price.styles_15b4mp1.css +2 -0
  9. package/cjs/components/Price/Price.tokens.js +10 -0
  10. package/cjs/components/Price/Price.tokens.js.map +1 -0
  11. package/cjs/components/Price/utils/formatCurrency.js +22 -0
  12. package/cjs/components/Price/utils/formatCurrency.js.map +1 -0
  13. package/cjs/components/Price/variations/_view/base.js +9 -0
  14. package/cjs/components/Price/variations/_view/base.js.map +1 -0
  15. package/cjs/components/Price/variations/_view/base_x642ct.css +1 -0
  16. package/cjs/components/TextField/TextField.js +2 -2
  17. package/cjs/components/TextField/TextField.js.map +1 -1
  18. package/cjs/index.css +2 -15
  19. package/cjs/index.js +5 -12
  20. package/cjs/index.js.map +1 -1
  21. package/emotion/cjs/components/Portal/Portal.js +1 -1
  22. package/emotion/cjs/components/Portal/Portal.template-doc.mdx +1 -1
  23. package/emotion/cjs/components/Price/Price.js +66 -0
  24. package/emotion/cjs/components/Price/Price.styles.js +24 -0
  25. package/emotion/cjs/components/Price/Price.template-doc.mdx +24 -0
  26. package/emotion/cjs/components/Price/Price.tokens.js +9 -0
  27. package/emotion/cjs/components/Price/index.js +25 -0
  28. package/emotion/cjs/components/Price/utils/formatCurrency.js +21 -0
  29. package/emotion/cjs/components/Price/variations/_view/base.js +8 -0
  30. package/emotion/cjs/components/Price/variations/_view/tokens.json +1 -0
  31. package/emotion/cjs/components/TextField/TextField.js +3 -3
  32. package/emotion/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +5 -5
  33. package/emotion/cjs/examples/plasma_b2c/components/Overlay/Overlay.stories.tsx +1 -1
  34. package/emotion/cjs/examples/plasma_b2c/components/Price/Price.config.js +14 -0
  35. package/emotion/cjs/examples/plasma_b2c/components/Price/Price.js +17 -0
  36. package/emotion/cjs/examples/plasma_b2c/components/Price/Price.stories.tsx +38 -0
  37. package/emotion/cjs/examples/plasma_web/components/Dropdown/Dropdown.config.js +5 -5
  38. package/emotion/cjs/examples/plasma_web/components/Overlay/Overlay.stories.tsx +1 -1
  39. package/emotion/cjs/examples/plasma_web/components/Price/Price.config.js +14 -0
  40. package/emotion/cjs/examples/plasma_web/components/Price/Price.js +17 -0
  41. package/emotion/cjs/examples/plasma_web/components/Price/Price.stories.tsx +38 -0
  42. package/emotion/cjs/examples/sds_engineer/components/Overlay/Overlay.stories.tsx +1 -1
  43. package/emotion/cjs/hooks/index.js +0 -7
  44. package/emotion/cjs/index.js +4 -15
  45. package/emotion/es/components/Portal/Portal.js +1 -1
  46. package/emotion/es/components/Portal/Portal.template-doc.mdx +1 -1
  47. package/emotion/es/components/Price/Price.js +58 -0
  48. package/emotion/es/components/Price/Price.styles.js +17 -0
  49. package/emotion/es/components/Price/Price.template-doc.mdx +24 -0
  50. package/emotion/es/components/Price/Price.tokens.js +3 -0
  51. package/emotion/es/components/Price/index.js +2 -0
  52. package/emotion/es/components/Price/utils/formatCurrency.js +15 -0
  53. package/emotion/es/components/Price/variations/_view/base.js +2 -0
  54. package/emotion/es/components/Price/variations/_view/tokens.json +1 -0
  55. package/emotion/es/components/TextField/TextField.js +3 -3
  56. package/emotion/es/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +5 -5
  57. package/emotion/es/examples/plasma_b2c/components/Overlay/Overlay.stories.tsx +1 -1
  58. package/emotion/es/examples/plasma_b2c/components/Price/Price.config.js +8 -0
  59. package/emotion/es/examples/plasma_b2c/components/Price/Price.js +6 -0
  60. package/emotion/es/examples/plasma_b2c/components/Price/Price.stories.tsx +38 -0
  61. package/emotion/es/examples/plasma_web/components/Dropdown/Dropdown.config.js +5 -5
  62. package/emotion/es/examples/plasma_web/components/Overlay/Overlay.stories.tsx +1 -1
  63. package/emotion/es/examples/plasma_web/components/Price/Price.config.js +8 -0
  64. package/emotion/es/examples/plasma_web/components/Price/Price.js +6 -0
  65. package/emotion/es/examples/plasma_web/components/Price/Price.stories.tsx +38 -0
  66. package/emotion/es/examples/sds_engineer/components/Overlay/Overlay.stories.tsx +1 -1
  67. package/emotion/es/hooks/index.js +0 -1
  68. package/emotion/es/index.js +1 -2
  69. package/es/components/Portal/Portal.js +1 -1
  70. package/es/components/Portal/Portal.js.map +1 -1
  71. package/es/components/Price/Price.css +2 -0
  72. package/es/components/Price/Price.js +60 -0
  73. package/es/components/Price/Price.js.map +1 -0
  74. package/es/components/Price/Price.styles.js +12 -0
  75. package/es/components/Price/Price.styles.js.map +1 -0
  76. package/es/components/Price/Price.styles_15b4mp1.css +2 -0
  77. package/es/components/Price/Price.tokens.js +6 -0
  78. package/es/components/Price/Price.tokens.js.map +1 -0
  79. package/es/components/Price/utils/formatCurrency.js +18 -0
  80. package/es/components/Price/utils/formatCurrency.js.map +1 -0
  81. package/es/components/Price/variations/_view/base.js +5 -0
  82. package/es/components/Price/variations/_view/base.js.map +1 -0
  83. package/es/components/Price/variations/_view/base_x642ct.css +1 -0
  84. package/es/components/TextField/TextField.js +2 -2
  85. package/es/components/TextField/TextField.js.map +1 -1
  86. package/es/index.css +2 -15
  87. package/es/index.js +2 -5
  88. package/es/index.js.map +1 -1
  89. package/package.json +2 -2
  90. package/styled-components/cjs/components/Portal/Portal.js +1 -1
  91. package/styled-components/cjs/components/Portal/Portal.template-doc.mdx +1 -1
  92. package/styled-components/cjs/components/Price/Price.js +66 -0
  93. package/styled-components/cjs/components/Price/Price.styles.js +15 -0
  94. package/styled-components/cjs/components/Price/Price.template-doc.mdx +24 -0
  95. package/styled-components/cjs/components/Price/Price.tokens.js +9 -0
  96. package/styled-components/cjs/components/Price/index.js +25 -0
  97. package/styled-components/cjs/components/Price/utils/formatCurrency.js +21 -0
  98. package/styled-components/cjs/components/Price/variations/_view/base.js +8 -0
  99. package/styled-components/cjs/components/Price/variations/_view/tokens.json +1 -0
  100. package/styled-components/cjs/components/TextField/TextField.js +2 -2
  101. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +1 -1
  102. package/styled-components/cjs/examples/plasma_b2c/components/Price/Price.config.js +14 -0
  103. package/styled-components/cjs/examples/plasma_b2c/components/Price/Price.js +17 -0
  104. package/styled-components/cjs/examples/plasma_b2c/components/Price/Price.stories.tsx +38 -0
  105. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Dropdown.config.js +1 -1
  106. package/styled-components/cjs/examples/plasma_web/components/Price/Price.config.js +14 -0
  107. package/styled-components/cjs/examples/plasma_web/components/Price/Price.js +17 -0
  108. package/styled-components/cjs/examples/plasma_web/components/Price/Price.stories.tsx +38 -0
  109. package/styled-components/cjs/hooks/index.js +0 -7
  110. package/styled-components/cjs/index.js +4 -15
  111. package/styled-components/es/components/Portal/Portal.js +1 -1
  112. package/styled-components/es/components/Portal/Portal.template-doc.mdx +1 -1
  113. package/styled-components/es/components/Price/Price.js +58 -0
  114. package/styled-components/es/components/Price/Price.styles.js +7 -0
  115. package/styled-components/es/components/Price/Price.template-doc.mdx +24 -0
  116. package/styled-components/es/components/Price/Price.tokens.js +3 -0
  117. package/styled-components/es/components/Price/index.js +2 -0
  118. package/styled-components/es/components/Price/utils/formatCurrency.js +15 -0
  119. package/styled-components/es/components/Price/variations/_view/base.js +2 -0
  120. package/styled-components/es/components/Price/variations/_view/tokens.json +1 -0
  121. package/styled-components/es/components/TextField/TextField.js +2 -2
  122. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +1 -1
  123. package/styled-components/es/examples/plasma_b2c/components/Price/Price.config.js +8 -0
  124. package/styled-components/es/examples/plasma_b2c/components/Price/Price.js +6 -0
  125. package/styled-components/es/examples/plasma_b2c/components/Price/Price.stories.tsx +38 -0
  126. package/styled-components/es/examples/plasma_web/components/Dropdown/Dropdown.config.js +1 -1
  127. package/styled-components/es/examples/plasma_web/components/Price/Price.config.js +8 -0
  128. package/styled-components/es/examples/plasma_web/components/Price/Price.js +6 -0
  129. package/styled-components/es/examples/plasma_web/components/Price/Price.stories.tsx +38 -0
  130. package/styled-components/es/hooks/index.js +0 -1
  131. package/styled-components/es/index.js +1 -2
  132. package/types/components/Portal/Portal.d.ts +6 -2
  133. package/types/components/Portal/Portal.d.ts.map +1 -1
  134. package/types/components/Portal/index.d.ts.map +1 -1
  135. package/types/components/Price/Price.d.ts +22 -0
  136. package/types/components/Price/Price.d.ts.map +1 -0
  137. package/types/components/Price/Price.styles.d.ts +4 -0
  138. package/types/components/Price/Price.styles.d.ts.map +1 -0
  139. package/types/components/Price/Price.tokens.d.ts +4 -0
  140. package/types/components/Price/Price.tokens.d.ts.map +1 -0
  141. package/types/components/Price/Price.types.d.ts +41 -0
  142. package/types/components/Price/Price.types.d.ts.map +1 -0
  143. package/types/components/Price/index.d.ts +3 -0
  144. package/types/components/Price/index.d.ts.map +1 -0
  145. package/types/components/Price/utils/formatCurrency.d.ts +10 -0
  146. package/types/components/Price/utils/formatCurrency.d.ts.map +1 -0
  147. package/types/components/Price/variations/_view/base.d.ts +2 -0
  148. package/types/components/Price/variations/_view/base.d.ts.map +1 -0
  149. package/types/examples/plasma_b2c/components/Price/Price.config.d.ts +9 -0
  150. package/types/examples/plasma_b2c/components/Price/Price.config.d.ts.map +1 -0
  151. package/types/examples/plasma_b2c/components/Price/Price.d.ts +6 -0
  152. package/types/examples/plasma_b2c/components/Price/Price.d.ts.map +1 -0
  153. package/types/examples/plasma_web/components/Price/Price.config.d.ts +9 -0
  154. package/types/examples/plasma_web/components/Price/Price.config.d.ts.map +1 -0
  155. package/types/examples/plasma_web/components/Price/Price.d.ts +6 -0
  156. package/types/examples/plasma_web/components/Price/Price.d.ts.map +1 -0
  157. package/types/hooks/index.d.ts +0 -1
  158. package/types/hooks/index.d.ts.map +1 -1
  159. package/types/index.d.ts +1 -2
  160. package/types/index.d.ts.map +1 -1
  161. package/cjs/components/Autocomplete/Autocomplete.css +0 -60
  162. package/cjs/components/Autocomplete/Autocomplete.js +0 -189
  163. package/cjs/components/Autocomplete/Autocomplete.js.map +0 -1
  164. package/cjs/components/Autocomplete/Autocomplete.styles.js +0 -78
  165. package/cjs/components/Autocomplete/Autocomplete.styles.js.map +0 -1
  166. package/cjs/components/Autocomplete/Autocomplete.styles_4wbmok.css +0 -5
  167. package/cjs/components/Autocomplete/Autocomplete.tokens.js +0 -93
  168. package/cjs/components/Autocomplete/Autocomplete.tokens.js.map +0 -1
  169. package/cjs/components/Autocomplete/hooks/useKeyboardNavigation.js +0 -112
  170. package/cjs/components/Autocomplete/hooks/useKeyboardNavigation.js.map +0 -1
  171. package/cjs/components/Autocomplete/reducers/focusedReducer.js +0 -47
  172. package/cjs/components/Autocomplete/reducers/focusedReducer.js.map +0 -1
  173. package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.css +0 -2
  174. package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js +0 -41
  175. package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js.map +0 -1
  176. package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +0 -21
  177. package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js.map +0 -1
  178. package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles_lpdinw.css +0 -2
  179. package/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +0 -23
  180. package/cjs/components/Autocomplete/ui/TextField/TextField.styles.js.map +0 -1
  181. package/cjs/components/Autocomplete/ui/TextField/TextField.styles_sx1sq7.css +0 -1
  182. package/cjs/components/EmptyState/EmptyState.css +0 -30
  183. package/cjs/components/EmptyState/EmptyState.js +0 -39
  184. package/cjs/components/EmptyState/EmptyState.js.map +0 -1
  185. package/cjs/components/EmptyState/EmptyState.styles.js +0 -41
  186. package/cjs/components/EmptyState/EmptyState.styles.js.map +0 -1
  187. package/cjs/components/EmptyState/EmptyState.styles_1o24i5h.css +0 -4
  188. package/cjs/components/EmptyState/EmptyState.tokens.js +0 -21
  189. package/cjs/components/EmptyState/EmptyState.tokens.js.map +0 -1
  190. package/cjs/hooks/useOutsideClick.js +0 -26
  191. package/cjs/hooks/useOutsideClick.js.map +0 -1
  192. package/emotion/cjs/components/Autocomplete/Autocomplete.js +0 -193
  193. package/emotion/cjs/components/Autocomplete/Autocomplete.styles.js +0 -43
  194. package/emotion/cjs/components/Autocomplete/Autocomplete.tokens.js +0 -91
  195. package/emotion/cjs/components/Autocomplete/hooks/useKeyboardNavigation.js +0 -114
  196. package/emotion/cjs/components/Autocomplete/index.js +0 -25
  197. package/emotion/cjs/components/Autocomplete/reducers/focusedReducer.js +0 -46
  198. package/emotion/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js +0 -42
  199. package/emotion/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +0 -25
  200. package/emotion/cjs/components/Autocomplete/ui/TextField/TextField.js +0 -12
  201. package/emotion/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +0 -17
  202. package/emotion/cjs/components/Autocomplete/ui/index.js +0 -27
  203. package/emotion/cjs/components/EmptyState/EmptyState.js +0 -39
  204. package/emotion/cjs/components/EmptyState/EmptyState.styles.js +0 -29
  205. package/emotion/cjs/components/EmptyState/EmptyState.tokens.js +0 -20
  206. package/emotion/cjs/components/EmptyState/EmptyState.types.js +0 -5
  207. package/emotion/cjs/components/EmptyState/index.js +0 -25
  208. package/emotion/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js +0 -39
  209. package/emotion/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.js +0 -11
  210. package/emotion/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.stories.tsx +0 -134
  211. package/emotion/cjs/examples/plasma_b2c/components/EmptyState/EmptyState.config.js +0 -21
  212. package/emotion/cjs/examples/plasma_b2c/components/EmptyState/EmptyState.js +0 -11
  213. package/emotion/cjs/examples/plasma_b2c/components/EmptyState/EmptyState.stories.tsx +0 -44
  214. package/emotion/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +0 -39
  215. package/emotion/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.js +0 -11
  216. package/emotion/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.stories.tsx +0 -134
  217. package/emotion/cjs/examples/plasma_web/components/EmptyState/EmptyState.config.js +0 -21
  218. package/emotion/cjs/examples/plasma_web/components/EmptyState/EmptyState.js +0 -11
  219. package/emotion/cjs/examples/plasma_web/components/EmptyState/EmptyState.stories.tsx +0 -44
  220. package/emotion/cjs/hooks/useOutsideClick.js +0 -24
  221. package/emotion/es/components/Autocomplete/Autocomplete.js +0 -185
  222. package/emotion/es/components/Autocomplete/Autocomplete.styles.js +0 -36
  223. package/emotion/es/components/Autocomplete/Autocomplete.tokens.js +0 -85
  224. package/emotion/es/components/Autocomplete/hooks/useKeyboardNavigation.js +0 -108
  225. package/emotion/es/components/Autocomplete/index.js +0 -2
  226. package/emotion/es/components/Autocomplete/reducers/focusedReducer.js +0 -40
  227. package/emotion/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js +0 -33
  228. package/emotion/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +0 -18
  229. package/emotion/es/components/Autocomplete/ui/TextField/TextField.js +0 -1
  230. package/emotion/es/components/Autocomplete/ui/TextField/TextField.styles.js +0 -10
  231. package/emotion/es/components/Autocomplete/ui/index.js +0 -2
  232. package/emotion/es/components/EmptyState/EmptyState.js +0 -31
  233. package/emotion/es/components/EmptyState/EmptyState.styles.js +0 -22
  234. package/emotion/es/components/EmptyState/EmptyState.tokens.js +0 -14
  235. package/emotion/es/components/EmptyState/EmptyState.types.js +0 -1
  236. package/emotion/es/components/EmptyState/index.js +0 -2
  237. package/emotion/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js +0 -33
  238. package/emotion/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.js +0 -5
  239. package/emotion/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.stories.tsx +0 -134
  240. package/emotion/es/examples/plasma_b2c/components/EmptyState/EmptyState.config.js +0 -15
  241. package/emotion/es/examples/plasma_b2c/components/EmptyState/EmptyState.js +0 -5
  242. package/emotion/es/examples/plasma_b2c/components/EmptyState/EmptyState.stories.tsx +0 -44
  243. package/emotion/es/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +0 -33
  244. package/emotion/es/examples/plasma_web/components/Autocomplete/Autocomplete.js +0 -5
  245. package/emotion/es/examples/plasma_web/components/Autocomplete/Autocomplete.stories.tsx +0 -134
  246. package/emotion/es/examples/plasma_web/components/EmptyState/EmptyState.config.js +0 -15
  247. package/emotion/es/examples/plasma_web/components/EmptyState/EmptyState.js +0 -5
  248. package/emotion/es/examples/plasma_web/components/EmptyState/EmptyState.stories.tsx +0 -44
  249. package/emotion/es/hooks/useOutsideClick.js +0 -18
  250. package/es/components/Autocomplete/Autocomplete.css +0 -60
  251. package/es/components/Autocomplete/Autocomplete.js +0 -184
  252. package/es/components/Autocomplete/Autocomplete.js.map +0 -1
  253. package/es/components/Autocomplete/Autocomplete.styles.js +0 -70
  254. package/es/components/Autocomplete/Autocomplete.styles.js.map +0 -1
  255. package/es/components/Autocomplete/Autocomplete.styles_4wbmok.css +0 -5
  256. package/es/components/Autocomplete/Autocomplete.tokens.js +0 -88
  257. package/es/components/Autocomplete/Autocomplete.tokens.js.map +0 -1
  258. package/es/components/Autocomplete/hooks/useKeyboardNavigation.js +0 -107
  259. package/es/components/Autocomplete/hooks/useKeyboardNavigation.js.map +0 -1
  260. package/es/components/Autocomplete/reducers/focusedReducer.js +0 -43
  261. package/es/components/Autocomplete/reducers/focusedReducer.js.map +0 -1
  262. package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.css +0 -2
  263. package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js +0 -37
  264. package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js.map +0 -1
  265. package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +0 -16
  266. package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js.map +0 -1
  267. package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles_lpdinw.css +0 -2
  268. package/es/components/Autocomplete/ui/TextField/TextField.styles.js +0 -19
  269. package/es/components/Autocomplete/ui/TextField/TextField.styles.js.map +0 -1
  270. package/es/components/Autocomplete/ui/TextField/TextField.styles_sx1sq7.css +0 -1
  271. package/es/components/EmptyState/EmptyState.css +0 -30
  272. package/es/components/EmptyState/EmptyState.js +0 -34
  273. package/es/components/EmptyState/EmptyState.js.map +0 -1
  274. package/es/components/EmptyState/EmptyState.styles.js +0 -34
  275. package/es/components/EmptyState/EmptyState.styles.js.map +0 -1
  276. package/es/components/EmptyState/EmptyState.styles_1o24i5h.css +0 -4
  277. package/es/components/EmptyState/EmptyState.tokens.js +0 -17
  278. package/es/components/EmptyState/EmptyState.tokens.js.map +0 -1
  279. package/es/hooks/useOutsideClick.js +0 -22
  280. package/es/hooks/useOutsideClick.js.map +0 -1
  281. package/styled-components/cjs/components/Autocomplete/Autocomplete.js +0 -193
  282. package/styled-components/cjs/components/Autocomplete/Autocomplete.styles.js +0 -40
  283. package/styled-components/cjs/components/Autocomplete/Autocomplete.tokens.js +0 -91
  284. package/styled-components/cjs/components/Autocomplete/Autocomplete.types.js +0 -5
  285. package/styled-components/cjs/components/Autocomplete/hooks/useKeyboardNavigation.js +0 -114
  286. package/styled-components/cjs/components/Autocomplete/index.js +0 -25
  287. package/styled-components/cjs/components/Autocomplete/reducers/focusedReducer.js +0 -46
  288. package/styled-components/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js +0 -42
  289. package/styled-components/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +0 -23
  290. package/styled-components/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.type.js +0 -5
  291. package/styled-components/cjs/components/Autocomplete/ui/TextField/TextField.js +0 -12
  292. package/styled-components/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +0 -16
  293. package/styled-components/cjs/components/Autocomplete/ui/index.js +0 -27
  294. package/styled-components/cjs/components/EmptyState/EmptyState.js +0 -39
  295. package/styled-components/cjs/components/EmptyState/EmptyState.styles.js +0 -25
  296. package/styled-components/cjs/components/EmptyState/EmptyState.tokens.js +0 -20
  297. package/styled-components/cjs/components/EmptyState/EmptyState.types.js +0 -5
  298. package/styled-components/cjs/components/EmptyState/index.js +0 -25
  299. package/styled-components/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js +0 -39
  300. package/styled-components/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.js +0 -11
  301. package/styled-components/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.stories.tsx +0 -134
  302. package/styled-components/cjs/examples/plasma_b2c/components/EmptyState/EmptyState.config.js +0 -21
  303. package/styled-components/cjs/examples/plasma_b2c/components/EmptyState/EmptyState.js +0 -11
  304. package/styled-components/cjs/examples/plasma_b2c/components/EmptyState/EmptyState.stories.tsx +0 -44
  305. package/styled-components/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +0 -39
  306. package/styled-components/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.js +0 -11
  307. package/styled-components/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.stories.tsx +0 -134
  308. package/styled-components/cjs/examples/plasma_web/components/EmptyState/EmptyState.config.js +0 -21
  309. package/styled-components/cjs/examples/plasma_web/components/EmptyState/EmptyState.js +0 -11
  310. package/styled-components/cjs/examples/plasma_web/components/EmptyState/EmptyState.stories.tsx +0 -44
  311. package/styled-components/cjs/hooks/useOutsideClick.js +0 -24
  312. package/styled-components/es/components/Autocomplete/Autocomplete.js +0 -185
  313. package/styled-components/es/components/Autocomplete/Autocomplete.styles.js +0 -32
  314. package/styled-components/es/components/Autocomplete/Autocomplete.tokens.js +0 -85
  315. package/styled-components/es/components/Autocomplete/Autocomplete.types.js +0 -1
  316. package/styled-components/es/components/Autocomplete/hooks/useKeyboardNavigation.js +0 -108
  317. package/styled-components/es/components/Autocomplete/index.js +0 -2
  318. package/styled-components/es/components/Autocomplete/reducers/focusedReducer.js +0 -40
  319. package/styled-components/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js +0 -33
  320. package/styled-components/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +0 -16
  321. package/styled-components/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.type.js +0 -1
  322. package/styled-components/es/components/Autocomplete/ui/TextField/TextField.js +0 -1
  323. package/styled-components/es/components/Autocomplete/ui/TextField/TextField.styles.js +0 -9
  324. package/styled-components/es/components/Autocomplete/ui/index.js +0 -2
  325. package/styled-components/es/components/EmptyState/EmptyState.js +0 -31
  326. package/styled-components/es/components/EmptyState/EmptyState.styles.js +0 -18
  327. package/styled-components/es/components/EmptyState/EmptyState.tokens.js +0 -14
  328. package/styled-components/es/components/EmptyState/EmptyState.types.js +0 -1
  329. package/styled-components/es/components/EmptyState/index.js +0 -2
  330. package/styled-components/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js +0 -33
  331. package/styled-components/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.js +0 -5
  332. package/styled-components/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.stories.tsx +0 -134
  333. package/styled-components/es/examples/plasma_b2c/components/EmptyState/EmptyState.config.js +0 -15
  334. package/styled-components/es/examples/plasma_b2c/components/EmptyState/EmptyState.js +0 -5
  335. package/styled-components/es/examples/plasma_b2c/components/EmptyState/EmptyState.stories.tsx +0 -44
  336. package/styled-components/es/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +0 -33
  337. package/styled-components/es/examples/plasma_web/components/Autocomplete/Autocomplete.js +0 -5
  338. package/styled-components/es/examples/plasma_web/components/Autocomplete/Autocomplete.stories.tsx +0 -134
  339. package/styled-components/es/examples/plasma_web/components/EmptyState/EmptyState.config.js +0 -15
  340. package/styled-components/es/examples/plasma_web/components/EmptyState/EmptyState.js +0 -5
  341. package/styled-components/es/examples/plasma_web/components/EmptyState/EmptyState.stories.tsx +0 -44
  342. package/styled-components/es/hooks/useOutsideClick.js +0 -18
  343. package/types/components/Autocomplete/Autocomplete.d.ts +0 -24
  344. package/types/components/Autocomplete/Autocomplete.d.ts.map +0 -1
  345. package/types/components/Autocomplete/Autocomplete.styles.d.ts +0 -19
  346. package/types/components/Autocomplete/Autocomplete.styles.d.ts.map +0 -1
  347. package/types/components/Autocomplete/Autocomplete.tokens.d.ts +0 -84
  348. package/types/components/Autocomplete/Autocomplete.tokens.d.ts.map +0 -1
  349. package/types/components/Autocomplete/Autocomplete.types.d.ts +0 -84
  350. package/types/components/Autocomplete/Autocomplete.types.d.ts.map +0 -1
  351. package/types/components/Autocomplete/hooks/useKeyboardNavigation.d.ts +0 -31
  352. package/types/components/Autocomplete/hooks/useKeyboardNavigation.d.ts.map +0 -1
  353. package/types/components/Autocomplete/index.d.ts +0 -3
  354. package/types/components/Autocomplete/index.d.ts.map +0 -1
  355. package/types/components/Autocomplete/reducers/focusedReducer.d.ts +0 -17
  356. package/types/components/Autocomplete/reducers/focusedReducer.d.ts.map +0 -1
  357. package/types/components/Autocomplete/ui/SuggestionItem/SuggestionItem.d.ts +0 -4
  358. package/types/components/Autocomplete/ui/SuggestionItem/SuggestionItem.d.ts.map +0 -1
  359. package/types/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.d.ts +0 -4
  360. package/types/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.d.ts.map +0 -1
  361. package/types/components/Autocomplete/ui/SuggestionItem/SuggestionItem.type.d.ts +0 -8
  362. package/types/components/Autocomplete/ui/SuggestionItem/SuggestionItem.type.d.ts.map +0 -1
  363. package/types/components/Autocomplete/ui/TextField/TextField.d.ts +0 -2
  364. package/types/components/Autocomplete/ui/TextField/TextField.d.ts.map +0 -1
  365. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +0 -41
  366. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +0 -1
  367. package/types/components/Autocomplete/ui/index.d.ts +0 -3
  368. package/types/components/Autocomplete/ui/index.d.ts.map +0 -1
  369. package/types/components/EmptyState/EmptyState.d.ts +0 -18
  370. package/types/components/EmptyState/EmptyState.d.ts.map +0 -1
  371. package/types/components/EmptyState/EmptyState.styles.d.ts +0 -48
  372. package/types/components/EmptyState/EmptyState.styles.d.ts.map +0 -1
  373. package/types/components/EmptyState/EmptyState.tokens.d.ts +0 -15
  374. package/types/components/EmptyState/EmptyState.tokens.d.ts.map +0 -1
  375. package/types/components/EmptyState/EmptyState.types.d.ts +0 -8
  376. package/types/components/EmptyState/EmptyState.types.d.ts.map +0 -1
  377. package/types/components/EmptyState/index.d.ts +0 -3
  378. package/types/components/EmptyState/index.d.ts.map +0 -1
  379. package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.d.ts +0 -32
  380. package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.d.ts.map +0 -1
  381. package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.d.ts +0 -26
  382. package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.d.ts.map +0 -1
  383. package/types/examples/plasma_b2c/components/EmptyState/EmptyState.config.d.ts +0 -14
  384. package/types/examples/plasma_b2c/components/EmptyState/EmptyState.config.d.ts.map +0 -1
  385. package/types/examples/plasma_b2c/components/EmptyState/EmptyState.d.ts +0 -25
  386. package/types/examples/plasma_b2c/components/EmptyState/EmptyState.d.ts.map +0 -1
  387. package/types/examples/plasma_web/components/Autocomplete/Autocomplete.config.d.ts +0 -32
  388. package/types/examples/plasma_web/components/Autocomplete/Autocomplete.config.d.ts.map +0 -1
  389. package/types/examples/plasma_web/components/Autocomplete/Autocomplete.d.ts +0 -26
  390. package/types/examples/plasma_web/components/Autocomplete/Autocomplete.d.ts.map +0 -1
  391. package/types/examples/plasma_web/components/EmptyState/EmptyState.config.d.ts +0 -14
  392. package/types/examples/plasma_web/components/EmptyState/EmptyState.config.d.ts.map +0 -1
  393. package/types/examples/plasma_web/components/EmptyState/EmptyState.d.ts +0 -25
  394. package/types/examples/plasma_web/components/EmptyState/EmptyState.d.ts.map +0 -1
  395. package/types/hooks/useOutsideClick.d.ts +0 -3
  396. package/types/hooks/useOutsideClick.d.ts.map +0 -1
  397. /package/emotion/cjs/components/{Autocomplete/Autocomplete.types.js → Price/Price.types.js} +0 -0
  398. /package/emotion/es/components/{Autocomplete/Autocomplete.types.js → Price/Price.types.js} +0 -0
  399. /package/{emotion/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.type.js → styled-components/cjs/components/Price/Price.types.js} +0 -0
  400. /package/{emotion/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.type.js → styled-components/es/components/Price/Price.types.js} +0 -0
@@ -0,0 +1,38 @@
1
+ import React, { ComponentProps } from 'react';
2
+ import type { StoryObj, Meta } from '@storybook/react';
3
+ import { disableProps } from '@salutejs/plasma-sb-utils';
4
+
5
+ import { WithTheme } from '../../../_helpers';
6
+
7
+ import { Price } from './Price';
8
+
9
+ const currencies = ['rub', 'usd', 'eur', 'inr'];
10
+
11
+ const meta: Meta<typeof Price> = {
12
+ title: 'plasma_web/Price',
13
+ decorators: [WithTheme],
14
+ argTypes: {
15
+ currency: {
16
+ options: currencies,
17
+ control: {
18
+ type: 'inline-radio',
19
+ },
20
+ },
21
+ ...disableProps(['value', 'theme', 'as', 'forwardedAs']),
22
+ },
23
+ };
24
+
25
+ export default meta;
26
+
27
+ type StoryPriceProps = ComponentProps<typeof Price> & { priceLabel: number };
28
+
29
+ export const Default: StoryObj<StoryPriceProps> = {
30
+ args: {
31
+ locale: 'ru',
32
+ currency: 'rub',
33
+ stroked: false,
34
+ minimumFractionDigits: 0,
35
+ priceLabel: 12345.67,
36
+ },
37
+ render: ({ priceLabel, ...rest }) => <Price {...rest}>{priceLabel}</Price>,
38
+ };
@@ -21,12 +21,6 @@ Object.defineProperty(exports, "useIsomorphicLayoutEffect", {
21
21
  return _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect;
22
22
  }
23
23
  });
24
- Object.defineProperty(exports, "useOutsideClick", {
25
- enumerable: true,
26
- get: function get() {
27
- return _useOutsideClick.useOutsideClick;
28
- }
29
- });
30
24
  Object.defineProperty(exports, "usePreviousValue", {
31
25
  enumerable: true,
32
26
  get: function get() {
@@ -43,5 +37,4 @@ var _useUniqId = /*#__PURE__*/require("./useUniqId");
43
37
  var _usePreviousValue = /*#__PURE__*/require("./usePreviousValue");
44
38
  var _useForceUpdate = /*#__PURE__*/require("./useForceUpdate");
45
39
  var _useDidMountEffect = /*#__PURE__*/require("./useDidMountEffect");
46
- var _useOutsideClick = /*#__PURE__*/require("./useOutsideClick");
47
40
  var _useIsomorphicLayoutEffect = /*#__PURE__*/require("./useIsomorphicLayoutEffect");
@@ -575,25 +575,14 @@ Object.keys(_Portal).forEach(function (key) {
575
575
  }
576
576
  });
577
577
  });
578
- var _Autocomplete = /*#__PURE__*/require("./components/Autocomplete");
579
- Object.keys(_Autocomplete).forEach(function (key) {
578
+ var _Price = /*#__PURE__*/require("./components/Price");
579
+ Object.keys(_Price).forEach(function (key) {
580
580
  if (key === "default" || key === "__esModule") return;
581
- if (key in exports && exports[key] === _Autocomplete[key]) return;
581
+ if (key in exports && exports[key] === _Price[key]) return;
582
582
  Object.defineProperty(exports, key, {
583
583
  enumerable: true,
584
584
  get: function get() {
585
- return _Autocomplete[key];
586
- }
587
- });
588
- });
589
- var _EmptyState = /*#__PURE__*/require("./components/EmptyState");
590
- Object.keys(_EmptyState).forEach(function (key) {
591
- if (key === "default" || key === "__esModule") return;
592
- if (key in exports && exports[key] === _EmptyState[key]) return;
593
- Object.defineProperty(exports, key, {
594
- enumerable: true,
595
- get: function get() {
596
- return _EmptyState[key];
585
+ return _Price[key];
597
586
  }
598
587
  });
599
588
  });
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import ReactDOM from 'react-dom';
3
- /*
3
+ /**
4
4
  * Вспомогательный компонент. Используется в Popup, Popover.
5
5
  * Представляет собой ReactDOM.createPortal() в форме компонента.
6
6
  */
@@ -7,7 +7,7 @@ import { PropsTable, Description } from '@site/src/components';
7
7
 
8
8
  # Portal
9
9
  <Description name="Portal" />
10
- <PropsTable name="Portal" />
10
+ <PropsTable name="Portal" exclude={['css']} />
11
11
 
12
12
  ## Использование
13
13
 
@@ -0,0 +1,58 @@
1
+ var _excluded = ["children", "locale", "currency", "minimumFractionDigits", "stroked", "periodicity", "view", "className", "stroke"];
2
+ 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); }
3
+ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
4
+ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
5
+ import React, { forwardRef } from 'react';
6
+ import { cx } from '../../utils';
7
+ import { formatCurrency } from './utils/formatCurrency';
8
+ import { base, StyledPeriodicity } from './Price.styles';
9
+ import { base as viewCSS } from './variations/_view/base';
10
+ import { classes } from './Price.tokens';
11
+
12
+ /**
13
+ * Компонент для отображения цены / стоимости / суммы.
14
+ */
15
+ export var priceRoot = function priceRoot(Root) {
16
+ return /*#__PURE__*/forwardRef(function (_ref, outerRootRef) {
17
+ var children = _ref.children,
18
+ _ref$locale = _ref.locale,
19
+ locale = _ref$locale === void 0 ? 'ru' : _ref$locale,
20
+ _ref$currency = _ref.currency,
21
+ currency = _ref$currency === void 0 ? 'rub' : _ref$currency,
22
+ _ref$minimumFractionD = _ref.minimumFractionDigits,
23
+ minimumFractionDigits = _ref$minimumFractionD === void 0 ? 0 : _ref$minimumFractionD,
24
+ _ref$stroked = _ref.stroked,
25
+ stroked = _ref$stroked === void 0 ? false : _ref$stroked,
26
+ periodicity = _ref.periodicity,
27
+ view = _ref.view,
28
+ className = _ref.className,
29
+ _ref$stroke = _ref.stroke,
30
+ stroke = _ref$stroke === void 0 ? false : _ref$stroke,
31
+ rest = _objectWithoutProperties(_ref, _excluded);
32
+ var strokedClass = stroked || stroke ? classes.stroked : undefined;
33
+ return /*#__PURE__*/React.createElement(Root, _extends({
34
+ view: view,
35
+ ref: outerRootRef,
36
+ className: cx(strokedClass, className)
37
+ }, rest), formatCurrency({
38
+ value: children,
39
+ locale: locale,
40
+ currency: currency,
41
+ minimumFractionDigits: minimumFractionDigits
42
+ }), periodicity && /*#__PURE__*/React.createElement(StyledPeriodicity, null, periodicity));
43
+ });
44
+ };
45
+ export var priceConfig = {
46
+ name: 'Price',
47
+ tag: 'span',
48
+ layout: priceRoot,
49
+ base: base,
50
+ variations: {
51
+ view: {
52
+ css: viewCSS
53
+ }
54
+ },
55
+ defaults: {
56
+ view: 'default'
57
+ }
58
+ };
@@ -0,0 +1,7 @@
1
+ import styled from 'styled-components';
2
+ import { css } from 'styled-components';
3
+ import { classes } from './Price.tokens';
4
+ export var base = /*#__PURE__*/css(["&.", "{text-decoration:line-through;}"], /*#__PURE__*/String(classes.stroked));
5
+ export var StyledPeriodicity = /*#__PURE__*/styled.span.withConfig({
6
+ componentId: "plasma-new-hope__sc-caa7uj-0"
7
+ })(["padding-left:0.25rem;"]);
@@ -0,0 +1,24 @@
1
+ ---
2
+ id: price
3
+ title: Price
4
+ ---
5
+
6
+ import { PropsTable, Description } from '@site/src/components';
7
+
8
+ # Price
9
+ <Description name="Price" />
10
+ <PropsTable name="Price" exclude={['css']} />
11
+
12
+ ```tsx live
13
+ import React from 'react';
14
+ import { Price } from '@salutejs/{{ package }}';
15
+
16
+ export function App() {
17
+ return (
18
+ <div style=\{{ display: 'flex', flexDirection: 'column' }}>
19
+ <Price currency="rub" minimumFractionDigits={3}>12345.67</Price>
20
+ <Price locale="en" currency="rub" minimumFractionDigits={3} stroked>12345.67</Price>
21
+ </div>
22
+ );
23
+ }
24
+ ```
@@ -0,0 +1,3 @@
1
+ export var classes = {
2
+ stroked: 'stroked'
3
+ };
@@ -0,0 +1,2 @@
1
+ export { priceRoot, priceConfig } from './Price';
2
+ export { classes as priceClasses } from './Price.tokens';
@@ -0,0 +1,15 @@
1
+ /**
2
+ * Форматирование числа в цену.
3
+ */
4
+ export var formatCurrency = function formatCurrency(_ref) {
5
+ var value = _ref.value,
6
+ locale = _ref.locale,
7
+ currency = _ref.currency,
8
+ minimumFractionDigits = _ref.minimumFractionDigits;
9
+ var formatter = new Intl.NumberFormat(locale, {
10
+ style: 'currency',
11
+ currency: currency,
12
+ minimumFractionDigits: minimumFractionDigits
13
+ });
14
+ return formatter.format(value);
15
+ };
@@ -0,0 +1,2 @@
1
+ import { css } from 'styled-components';
2
+ export var base = /*#__PURE__*/css([""]);
@@ -183,7 +183,7 @@ export var textFieldRoot = function textFieldRoot(Root) {
183
183
  },
184
184
  onClick: onChipClick
185
185
  });
186
- })), /*#__PURE__*/React.createElement(Input, _extends({
186
+ })), /*#__PURE__*/React.createElement(Input, _extends({}, rest, {
187
187
  ref: inputForkRef,
188
188
  id: innerId,
189
189
  "aria-labelledby": labelId,
@@ -193,7 +193,7 @@ export var textFieldRoot = function textFieldRoot(Root) {
193
193
  readOnly: !disabled && readOnly,
194
194
  onChange: handleChange,
195
195
  onKeyDown: handleOnKeyDown
196
- }, rest)), labelInside && /*#__PURE__*/React.createElement(Label, {
196
+ })), labelInside && /*#__PURE__*/React.createElement(Label, {
197
197
  id: labelId,
198
198
  htmlFor: innerId
199
199
  }, innerLabelValue), textAfter && /*#__PURE__*/React.createElement(StyledTextAfter, null, textAfter)), contentRight && /*#__PURE__*/React.createElement(StyledContentRight, null, contentRight)), leftHelper && /*#__PURE__*/React.createElement(LeftHelper, {
@@ -13,7 +13,7 @@ export var config = {
13
13
  l: /*#__PURE__*/css(["", ":0.125rem;", ":17.5rem;", ":0.875rem;", ":1.0625rem;", ":1rem;", ":1.0625rem;", ":1rem;", ":0.75rem;", ":0.8125rem;", ":0.8125rem;", ":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);"], dropdownTokens.padding, dropdownTokens.width, dropdownTokens.borderRadius, dropdownTokens.itemPaddingTop, dropdownTokens.itemPaddingRight, dropdownTokens.itemPaddingBottom, dropdownTokens.itemPaddingLeft, dropdownTokens.itemBorderRadius, dropdownTokens.itemPaddingTopTight, dropdownTokens.itemPaddingBottomTight, dropdownTokens.itemFontFamily, dropdownTokens.itemFontSize, dropdownTokens.itemFontStyle, dropdownTokens.itemFontWeightBold, dropdownTokens.itemFontLetterSpacing, dropdownTokens.itemFontLineHeight)
14
14
  },
15
15
  view: {
16
- "default": /*#__PURE__*/css(["", ":0.4;", ":var(--surface-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(--text-secondary);", ":var(--plasma-colors-transparent);", ":var(--surface-transparent-secondary);", ":var(--text-primary);"], dropdownTokens.disabledOpacity, dropdownTokens.focusColor, dropdownTokens.background, dropdownTokens.boxShadow, dropdownTokens.disclosureIconColor, dropdownTokens.itemBackground, dropdownTokens.itemBackgroundHover, dropdownTokens.itemColor)
16
+ "default": /*#__PURE__*/css(["", ":0.4;", ":var(--surface-accent);", ":var(--surface-solid-card);", ":var(--shadow-down-soft-s);", ":var(--text-secondary);", ":var(--plasma-colors-transparent);", ":var(--surface-transparent-secondary);", ":var(--text-primary);"], dropdownTokens.disabledOpacity, dropdownTokens.focusColor, dropdownTokens.background, dropdownTokens.boxShadow, dropdownTokens.disclosureIconColor, dropdownTokens.itemBackground, dropdownTokens.itemBackgroundHover, dropdownTokens.itemColor)
17
17
  }
18
18
  }
19
19
  };
@@ -0,0 +1,8 @@
1
+ export var config = {
2
+ defaults: {
3
+ view: 'default'
4
+ },
5
+ variations: {
6
+ view: {}
7
+ }
8
+ };
@@ -0,0 +1,6 @@
1
+ import { priceConfig } from '../../../../components/Price';
2
+ import { component, mergeConfig } from '../../../../engines';
3
+ import { config } from './Price.config';
4
+ export { priceClasses } from '../../../../components/Price';
5
+ var mergedConfig = /*#__PURE__*/mergeConfig(priceConfig, config);
6
+ export var Price = /*#__PURE__*/component(mergedConfig);
@@ -0,0 +1,38 @@
1
+ import React, { ComponentProps } from 'react';
2
+ import type { StoryObj, Meta } from '@storybook/react';
3
+ import { disableProps } from '@salutejs/plasma-sb-utils';
4
+
5
+ import { WithTheme } from '../../../_helpers';
6
+
7
+ import { Price } from './Price';
8
+
9
+ const currencies = ['rub', 'usd', 'eur', 'inr'];
10
+
11
+ const meta: Meta<typeof Price> = {
12
+ title: 'plasma_b2c/Price',
13
+ decorators: [WithTheme],
14
+ argTypes: {
15
+ currency: {
16
+ options: currencies,
17
+ control: {
18
+ type: 'inline-radio',
19
+ },
20
+ },
21
+ ...disableProps(['value', 'theme', 'as', 'forwardedAs']),
22
+ },
23
+ };
24
+
25
+ export default meta;
26
+
27
+ type StoryPriceProps = ComponentProps<typeof Price> & { priceLabel: number };
28
+
29
+ export const Default: StoryObj<StoryPriceProps> = {
30
+ args: {
31
+ locale: 'ru',
32
+ currency: 'rub',
33
+ stroked: false,
34
+ minimumFractionDigits: 0,
35
+ priceLabel: 12345.67,
36
+ },
37
+ render: ({ priceLabel, ...rest }) => <Price {...rest}>{priceLabel}</Price>,
38
+ };
@@ -13,7 +13,7 @@ export var config = {
13
13
  l: /*#__PURE__*/css(["", ":0.125rem;", ":17.5rem;", ":0.875rem;", ":1.0625rem;", ":1rem;", ":1.0625rem;", ":1rem;", ":0.75rem;", ":0.8125rem;", ":0.8125rem;", ":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);"], dropdownTokens.padding, dropdownTokens.width, dropdownTokens.borderRadius, dropdownTokens.itemPaddingTop, dropdownTokens.itemPaddingRight, dropdownTokens.itemPaddingBottom, dropdownTokens.itemPaddingLeft, dropdownTokens.itemBorderRadius, dropdownTokens.itemPaddingTopTight, dropdownTokens.itemPaddingBottomTight, dropdownTokens.itemFontFamily, dropdownTokens.itemFontSize, dropdownTokens.itemFontStyle, dropdownTokens.itemFontWeightBold, dropdownTokens.itemFontLetterSpacing, dropdownTokens.itemFontLineHeight)
14
14
  },
15
15
  view: {
16
- "default": /*#__PURE__*/css(["", ":0.4;", ":var(--surface-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(--text-secondary);", ":var(--plasma-colors-transparent);", ":var(--surface-transparent-secondary);", ":var(--text-primary);"], dropdownTokens.disabledOpacity, dropdownTokens.focusColor, dropdownTokens.background, dropdownTokens.boxShadow, dropdownTokens.disclosureIconColor, dropdownTokens.itemBackground, dropdownTokens.itemBackgroundHover, dropdownTokens.itemColor)
16
+ "default": /*#__PURE__*/css(["", ":0.4;", ":var(--surface-accent);", ":var(--surface-solid-card);", ":var(--shadow-down-soft-s);", ":var(--text-secondary);", ":var(--plasma-colors-transparent);", ":var(--surface-transparent-secondary);", ":var(--text-primary);"], dropdownTokens.disabledOpacity, dropdownTokens.focusColor, dropdownTokens.background, dropdownTokens.boxShadow, dropdownTokens.disclosureIconColor, dropdownTokens.itemBackground, dropdownTokens.itemBackgroundHover, dropdownTokens.itemColor)
17
17
  }
18
18
  }
19
19
  };
@@ -0,0 +1,8 @@
1
+ export var config = {
2
+ defaults: {
3
+ view: 'default'
4
+ },
5
+ variations: {
6
+ view: {}
7
+ }
8
+ };
@@ -0,0 +1,6 @@
1
+ import { priceConfig } from '../../../../components/Price';
2
+ import { component, mergeConfig } from '../../../../engines';
3
+ import { config } from './Price.config';
4
+ export { priceClasses } from '../../../../components/Price';
5
+ var mergedConfig = /*#__PURE__*/mergeConfig(priceConfig, config);
6
+ export var Price = /*#__PURE__*/component(mergedConfig);
@@ -0,0 +1,38 @@
1
+ import React, { ComponentProps } from 'react';
2
+ import type { StoryObj, Meta } from '@storybook/react';
3
+ import { disableProps } from '@salutejs/plasma-sb-utils';
4
+
5
+ import { WithTheme } from '../../../_helpers';
6
+
7
+ import { Price } from './Price';
8
+
9
+ const currencies = ['rub', 'usd', 'eur', 'inr'];
10
+
11
+ const meta: Meta<typeof Price> = {
12
+ title: 'plasma_web/Price',
13
+ decorators: [WithTheme],
14
+ argTypes: {
15
+ currency: {
16
+ options: currencies,
17
+ control: {
18
+ type: 'inline-radio',
19
+ },
20
+ },
21
+ ...disableProps(['value', 'theme', 'as', 'forwardedAs']),
22
+ },
23
+ };
24
+
25
+ export default meta;
26
+
27
+ type StoryPriceProps = ComponentProps<typeof Price> & { priceLabel: number };
28
+
29
+ export const Default: StoryObj<StoryPriceProps> = {
30
+ args: {
31
+ locale: 'ru',
32
+ currency: 'rub',
33
+ stroked: false,
34
+ minimumFractionDigits: 0,
35
+ priceLabel: 12345.67,
36
+ },
37
+ render: ({ priceLabel, ...rest }) => <Price {...rest}>{priceLabel}</Price>,
38
+ };
@@ -2,5 +2,4 @@ export { useUniqId } from './useUniqId';
2
2
  export { usePreviousValue } from './usePreviousValue';
3
3
  export { useForceUpdate } from './useForceUpdate';
4
4
  export { useDidMountEffect } from './useDidMountEffect';
5
- export { useOutsideClick } from './useOutsideClick';
6
5
  export { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';
@@ -52,5 +52,4 @@ export * from './components/Range';
52
52
  export * from './components/Accordion';
53
53
  export * from './components/DatePicker';
54
54
  export * from './components/Portal';
55
- export * from './components/Autocomplete';
56
- export * from './components/EmptyState';
55
+ export * from './components/Price';
@@ -1,4 +1,8 @@
1
- /// <reference types="react" />
1
+ import { FC } from 'react';
2
2
  import { PortalProps } from './Portal.types';
3
- export declare const Portal: ({ children, container, disabled }: PortalProps) => JSX.Element;
3
+ /**
4
+ * Вспомогательный компонент. Используется в Popup, Popover.
5
+ * Представляет собой ReactDOM.createPortal() в форме компонента.
6
+ */
7
+ export declare const Portal: FC<PortalProps>;
4
8
  //# sourceMappingURL=Portal.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Portal.d.ts","sourceRoot":"","sources":["../../../src/components/Portal/Portal.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAM7C,eAAO,MAAM,MAAM,sCAA+C,WAAW,gBAS5E,CAAC"}
1
+ {"version":3,"file":"Portal.d.ts","sourceRoot":"","sources":["../../../src/components/Portal/Portal.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGlC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CASlC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Portal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Portal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}
@@ -0,0 +1,22 @@
1
+ import React from 'react';
2
+ import { RootProps } from '../../engines';
3
+ import { PriceProps } from './Price.types';
4
+ /**
5
+ * Компонент для отображения цены / стоимости / суммы.
6
+ */
7
+ export declare const priceRoot: (Root: RootProps<HTMLSpanElement, Omit<PriceProps, 'children'>>) => React.ForwardRefExoticComponent<PriceProps & React.RefAttributes<HTMLSpanElement>>;
8
+ export declare const priceConfig: {
9
+ name: string;
10
+ tag: string;
11
+ layout: (Root: RootProps<HTMLSpanElement, Omit<PriceProps, 'children'>>) => React.ForwardRefExoticComponent<PriceProps & React.RefAttributes<HTMLSpanElement>>;
12
+ base: import("@linaria/core").LinariaClassName;
13
+ variations: {
14
+ view: {
15
+ css: import("@linaria/core").LinariaClassName;
16
+ };
17
+ };
18
+ defaults: {
19
+ view: string;
20
+ };
21
+ };
22
+ //# sourceMappingURL=Price.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Price.d.ts","sourceRoot":"","sources":["../../../src/components/Price/Price.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAI1C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAK3C;;GAEG;AACH,eAAO,MAAM,SAAS,SAAU,UAAU,eAAe,EAAE,KAAK,UAAU,EAAE,UAAU,CAAC,CAAC,uFA0BnF,CAAC;AAEN,eAAO,MAAM,WAAW;;;mBA5BQ,UAAU,eAAe,EAAE,KAAK,UAAU,EAAE,UAAU,CAAC,CAAC;;;;;;;;;;CAyCvF,CAAC"}
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ export declare const base: import("@linaria/core").LinariaClassName;
3
+ export declare const StyledPeriodicity: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
4
+ //# sourceMappingURL=Price.styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Price.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Price/Price.styles.ts"],"names":[],"mappings":";AAKA,eAAO,MAAM,IAAI,0CAIhB,CAAC;AAEF,eAAO,MAAM,iBAAiB,uKAE7B,CAAC"}
@@ -0,0 +1,4 @@
1
+ export declare const classes: {
2
+ stroked: string;
3
+ };
4
+ //# sourceMappingURL=Price.tokens.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Price.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Price/Price.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;CAEnB,CAAC"}
@@ -0,0 +1,41 @@
1
+ import React from 'react';
2
+ import { AsProps } from '../../types';
3
+ export interface PriceProps extends React.HTMLAttributes<HTMLSpanElement>, AsProps {
4
+ /**
5
+ * Значение контрола.
6
+ */
7
+ children: number;
8
+ /**
9
+ * Локаль.
10
+ * @default `ru`
11
+ */
12
+ locale?: string;
13
+ /**
14
+ * Валюта.
15
+ * @default `rub`
16
+ */
17
+ currency?: 'rub' | 'usd' | 'eur' | 'inr';
18
+ /**
19
+ * Перечеркнутый текст (старая цена, например).
20
+ * @default false
21
+ */
22
+ stroked?: boolean;
23
+ /**
24
+ * Минимальное количество цифр после десятичного разделителя.
25
+ * @default 0
26
+ */
27
+ minimumFractionDigits?: number;
28
+ /**
29
+ * Указывает регулярность платежа, идет после цены.
30
+ * Например - 990Р / день.
31
+ */
32
+ periodicity?: React.ReactNode;
33
+ /**
34
+ * Перечеркнутый текст (старая цена, например).
35
+ * @deprecated
36
+ * @default false
37
+ */
38
+ stroke?: boolean;
39
+ view?: string;
40
+ }
41
+ //# sourceMappingURL=Price.types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Price.types.d.ts","sourceRoot":"","sources":["../../../src/components/Price/Price.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAEtC,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,OAAO;IAC9E;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;IACzC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B;;;OAGG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB"}
@@ -0,0 +1,3 @@
1
+ export { priceRoot, priceConfig } from './Price';
2
+ export { classes as priceClasses } from './Price.tokens';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Price/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC"}
@@ -0,0 +1,10 @@
1
+ /**
2
+ * Форматирование числа в цену.
3
+ */
4
+ export declare const formatCurrency: ({ value, locale, currency, minimumFractionDigits, }: {
5
+ value: number;
6
+ locale: string;
7
+ currency: string;
8
+ minimumFractionDigits: number;
9
+ }) => string;
10
+ //# sourceMappingURL=formatCurrency.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"formatCurrency.d.ts","sourceRoot":"","sources":["../../../../src/components/Price/utils/formatCurrency.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,cAAc;WAMhB,MAAM;YACL,MAAM;cACJ,MAAM;2BACO,MAAM;MAC7B,MAQH,CAAC"}
@@ -0,0 +1,2 @@
1
+ export declare const base: import("@linaria/core").LinariaClassName;
2
+ //# sourceMappingURL=base.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Price/variations/_view/base.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,0CAAQ,CAAC"}
@@ -0,0 +1,9 @@
1
+ export declare const config: {
2
+ defaults: {
3
+ view: string;
4
+ };
5
+ variations: {
6
+ view: {};
7
+ };
8
+ };
9
+ //# sourceMappingURL=Price.config.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Price.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Price/Price.config.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;CAOlB,CAAC"}
@@ -0,0 +1,6 @@
1
+ /// <reference types="react" />
2
+ export { priceClasses } from '../../../../components/Price';
3
+ export declare const Price: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
4
+ view: {};
5
+ }> & import("../../../../components/Price/Price.types").PriceProps & import("react").RefAttributes<HTMLSpanElement>>;
6
+ //# sourceMappingURL=Price.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Price.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Price/Price.ts"],"names":[],"mappings":";AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAI5D,eAAO,MAAM,KAAK;;oHAA0B,CAAC"}
@@ -0,0 +1,9 @@
1
+ export declare const config: {
2
+ defaults: {
3
+ view: string;
4
+ };
5
+ variations: {
6
+ view: {};
7
+ };
8
+ };
9
+ //# sourceMappingURL=Price.config.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Price.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Price/Price.config.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;CAOlB,CAAC"}
@@ -0,0 +1,6 @@
1
+ /// <reference types="react" />
2
+ export { priceClasses } from '../../../../components/Price';
3
+ export declare const Price: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
4
+ view: {};
5
+ }> & import("../../../../components/Price/Price.types").PriceProps & import("react").RefAttributes<HTMLSpanElement>>;
6
+ //# sourceMappingURL=Price.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Price.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Price/Price.ts"],"names":[],"mappings":";AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAI5D,eAAO,MAAM,KAAK;;oHAA0B,CAAC"}
@@ -2,6 +2,5 @@ export { useUniqId } from './useUniqId';
2
2
  export { usePreviousValue } from './usePreviousValue';
3
3
  export { useForceUpdate } from './useForceUpdate';
4
4
  export { useDidMountEffect } from './useDidMountEffect';
5
- export { useOutsideClick } from './useOutsideClick';
6
5
  export { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';
7
6
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC"}