@ultraviolet/ui 1.51.0 → 1.51.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (440) hide show
  1. package/dist/components/ActionBar/index.d.ts +20 -0
  2. package/dist/components/ActionBar/index.js +40 -0
  3. package/dist/components/Alert/index.d.ts +27 -0
  4. package/dist/components/Alert/index.js +126 -0
  5. package/dist/components/Avatar/index.d.ts +43 -0
  6. package/dist/components/Avatar/index.js +54 -0
  7. package/dist/components/Badge/index.d.ts +31 -0
  8. package/dist/components/Badge/index.js +115 -0
  9. package/dist/components/Banner/assets/default-image-small.svg.js +4 -0
  10. package/dist/components/Banner/assets/default-image.svg.js +4 -0
  11. package/dist/components/Banner/index.d.ts +24 -0
  12. package/dist/components/Banner/index.js +191 -0
  13. package/dist/components/BarChart/Tooltip.d.ts +9 -0
  14. package/dist/components/BarChart/Tooltip.js +36 -0
  15. package/dist/components/BarChart/index.d.ts +27 -0
  16. package/dist/components/BarChart/index.js +82 -0
  17. package/dist/components/BarStack/index.d.ts +36 -0
  18. package/dist/components/BarStack/index.js +188 -0
  19. package/dist/components/Breadcrumbs/index.d.ts +30 -0
  20. package/dist/components/Breadcrumbs/index.js +76 -0
  21. package/dist/components/Bullet/index.d.ts +39 -0
  22. package/dist/components/Bullet/index.js +88 -0
  23. package/dist/components/Button/index.d.ts +120 -0
  24. package/dist/components/Button/index.js +291 -0
  25. package/dist/components/Card/index.d.ts +20 -0
  26. package/dist/components/Card/index.js +59 -0
  27. package/dist/components/Carousel/index.d.ts +19 -0
  28. package/dist/components/Carousel/index.js +147 -0
  29. package/dist/components/Checkbox/index.d.ts +36 -0
  30. package/dist/components/Checkbox/index.js +359 -0
  31. package/dist/components/CheckboxGroup/index.d.ts +24 -0
  32. package/dist/components/CheckboxGroup/index.js +112 -0
  33. package/dist/components/CopyButton/index.d.ts +19 -0
  34. package/dist/components/CopyButton/index.js +37 -0
  35. package/dist/components/DateInput/datepicker.css.js +4 -0
  36. package/dist/components/DateInput/index.d.ts +38 -0
  37. package/dist/components/DateInput/index.js +301 -0
  38. package/dist/components/Dialog/Context.d.ts +7 -0
  39. package/dist/components/Dialog/Context.js +15 -0
  40. package/dist/components/Dialog/constants.d.ts +2 -0
  41. package/dist/components/Dialog/index.d.ts +87 -0
  42. package/dist/components/Dialog/index.js +87 -0
  43. package/dist/components/Dialog/subComponents/Button.d.ts +7 -0
  44. package/dist/components/Dialog/subComponents/Button.js +24 -0
  45. package/dist/components/Dialog/subComponents/Buttons.d.ts +7 -0
  46. package/dist/components/Dialog/subComponents/Buttons.js +12 -0
  47. package/dist/components/Dialog/subComponents/CancelButton.d.ts +8 -0
  48. package/dist/components/Dialog/subComponents/CancelButton.js +9 -0
  49. package/dist/components/Dialog/subComponents/Stack.d.ts +6 -0
  50. package/dist/components/Dialog/subComponents/Stack.js +6 -0
  51. package/dist/components/Dialog/subComponents/Text.d.ts +6 -0
  52. package/dist/components/Dialog/subComponents/Text.js +6 -0
  53. package/dist/components/EmptyState/index.d.ts +38 -0
  54. package/dist/components/EmptyState/index.js +82 -0
  55. package/dist/components/Expandable/index.d.ts +33 -0
  56. package/dist/components/Expandable/index.js +79 -0
  57. package/dist/components/GlobalAlert/GlobalAlertLink.d.ts +3 -0
  58. package/dist/components/GlobalAlert/GlobalAlertLink.js +39 -0
  59. package/dist/components/GlobalAlert/index.d.ts +40 -0
  60. package/dist/components/GlobalAlert/index.js +112 -0
  61. package/dist/components/LineChart/CustomLegend.d.ts +13 -0
  62. package/dist/components/LineChart/CustomLegend.js +109 -0
  63. package/dist/components/LineChart/Tooltip.d.ts +6 -0
  64. package/dist/components/LineChart/Tooltip.js +46 -0
  65. package/dist/components/LineChart/helpers.d.ts +8 -0
  66. package/dist/components/LineChart/helpers.js +50 -0
  67. package/dist/components/LineChart/index.d.ts +25 -0
  68. package/dist/components/LineChart/index.js +118 -0
  69. package/dist/components/Link/index.d.ts +33 -0
  70. package/dist/components/Link/index.js +167 -0
  71. package/dist/components/List/Body.d.ts +6 -0
  72. package/dist/components/List/Body.js +11 -0
  73. package/dist/components/List/Cell.d.ts +12 -0
  74. package/dist/components/List/Cell.js +38 -0
  75. package/dist/components/List/HeaderCell.d.ts +11 -0
  76. package/dist/components/List/HeaderCell.js +96 -0
  77. package/dist/components/List/HeaderRow.d.ts +7 -0
  78. package/dist/components/List/HeaderRow.js +38 -0
  79. package/dist/components/List/ListContext.d.ts +34 -0
  80. package/dist/components/List/ListContext.js +155 -0
  81. package/dist/components/List/Row.d.ts +23 -0
  82. package/dist/components/List/Row.js +194 -0
  83. package/dist/components/List/SelectBar.d.ts +15 -0
  84. package/dist/components/List/SelectBar.js +35 -0
  85. package/dist/components/List/SkeletonRows.d.ts +7 -0
  86. package/dist/components/List/SkeletonRows.js +36 -0
  87. package/dist/components/List/constants.d.ts +2 -0
  88. package/dist/{src/components → components}/List/constants.js +4 -2
  89. package/dist/components/List/index.d.ts +68 -0
  90. package/dist/components/List/index.js +80 -0
  91. package/dist/components/Loader/index.d.ts +22 -0
  92. package/dist/components/Loader/index.js +98 -0
  93. package/dist/components/Menu/Item.d.ts +15 -0
  94. package/dist/components/Menu/Item.js +101 -0
  95. package/dist/components/Menu/index.d.ts +49 -0
  96. package/dist/components/Menu/index.js +182 -0
  97. package/dist/components/MenuV2/Group.d.ts +7 -0
  98. package/dist/components/MenuV2/Group.js +23 -0
  99. package/dist/components/MenuV2/Item.d.ts +16 -0
  100. package/dist/components/MenuV2/Item.js +120 -0
  101. package/dist/components/MenuV2/index.d.ts +90 -0
  102. package/dist/components/MenuV2/index.js +124 -0
  103. package/dist/components/Meter/index.d.ts +26 -0
  104. package/dist/components/Meter/index.js +76 -0
  105. package/dist/components/Modal/Dialog.d.ts +3 -0
  106. package/dist/components/Modal/Dialog.js +197 -0
  107. package/dist/components/Modal/Disclosure.d.ts +3 -0
  108. package/dist/{src/components → components}/Modal/Disclosure.js +12 -12
  109. package/dist/components/Modal/constants.d.ts +3 -0
  110. package/dist/{src/components → components}/Modal/constants.js +8 -6
  111. package/dist/components/Modal/index.d.ts +42 -0
  112. package/dist/components/Modal/index.js +114 -0
  113. package/dist/components/Modal/types.d.ts +48 -0
  114. package/dist/components/Notice/index.d.ts +11 -0
  115. package/dist/components/Notice/index.js +39 -0
  116. package/dist/components/Notification/index.d.ts +36 -0
  117. package/dist/components/Notification/index.js +88 -0
  118. package/dist/components/Notification/react-toastify.css.js +4 -0
  119. package/dist/components/NumberInput/helpers.d.ts +4 -0
  120. package/dist/{src/components → components}/NumberInput/helpers.js +6 -2
  121. package/dist/components/NumberInput/index.d.ts +41 -0
  122. package/dist/components/NumberInput/index.js +349 -0
  123. package/dist/components/NumberInputV2/index.d.ts +27 -0
  124. package/dist/components/NumberInputV2/index.js +370 -0
  125. package/dist/components/Pagination/getPageNumbers.d.ts +8 -0
  126. package/dist/{src/components → components}/Pagination/getPageNumbers.js +4 -12
  127. package/dist/components/Pagination/index.d.ts +30 -0
  128. package/dist/components/Pagination/index.js +124 -0
  129. package/dist/components/PasswordCheck/index.d.ts +20 -0
  130. package/dist/components/PasswordCheck/index.js +29 -0
  131. package/dist/components/PasswordStrengthMeter/index.d.ts +39 -0
  132. package/dist/components/PasswordStrengthMeter/index.js +98 -0
  133. package/dist/components/PieChart/Legends.d.ts +9 -0
  134. package/dist/components/PieChart/Legends.js +120 -0
  135. package/dist/components/PieChart/Tooltip.d.ts +12 -0
  136. package/dist/components/PieChart/Tooltip.js +29 -0
  137. package/dist/components/PieChart/index.d.ts +20 -0
  138. package/dist/components/PieChart/index.js +120 -0
  139. package/dist/components/PieChart/types.d.ts +7 -0
  140. package/dist/components/Popover/index.d.ts +55 -0
  141. package/dist/components/Popover/index.js +149 -0
  142. package/dist/components/Popup/animations.d.ts +11 -0
  143. package/dist/{src/components → components}/Popup/animations.js +7 -6
  144. package/dist/components/Popup/helpers.d.ts +31 -0
  145. package/dist/components/Popup/helpers.js +204 -0
  146. package/dist/components/Popup/index.d.ts +72 -0
  147. package/dist/components/Popup/index.js +385 -0
  148. package/dist/components/ProgressBar/index.d.ts +14 -0
  149. package/dist/components/ProgressBar/index.js +71 -0
  150. package/dist/components/Radio/index.d.ts +21 -0
  151. package/dist/components/Radio/index.js +202 -0
  152. package/dist/components/RadioGroup/index.d.ts +25 -0
  153. package/dist/components/RadioGroup/index.js +104 -0
  154. package/dist/components/Row/index.d.ts +22 -0
  155. package/dist/components/Row/index.js +43 -0
  156. package/dist/components/SelectInput/index.d.ts +75 -0
  157. package/dist/components/SelectInput/index.js +563 -0
  158. package/dist/components/SelectInputV2/Dropdown.d.ts +23 -0
  159. package/dist/components/SelectInputV2/Dropdown.js +669 -0
  160. package/dist/components/SelectInputV2/DropdownOption.d.ts +8 -0
  161. package/dist/components/SelectInputV2/DropdownOption.js +133 -0
  162. package/dist/components/SelectInputV2/SearchBarDropdown.d.ts +9 -0
  163. package/dist/components/SelectInputV2/SearchBarDropdown.js +123 -0
  164. package/dist/components/SelectInputV2/SelectBar.d.ts +14 -0
  165. package/dist/components/SelectInputV2/SelectBar.js +327 -0
  166. package/dist/components/SelectInputV2/SelectInputProvider.d.ts +41 -0
  167. package/dist/components/SelectInputV2/SelectInputProvider.js +203 -0
  168. package/dist/components/SelectInputV2/findOptionInOptions.d.ts +2 -0
  169. package/dist/components/SelectInputV2/findOptionInOptions.js +12 -0
  170. package/dist/components/SelectInputV2/index.d.ts +115 -0
  171. package/dist/components/SelectInputV2/index.js +146 -0
  172. package/dist/components/SelectInputV2/types.d.ts +38 -0
  173. package/dist/{src/components → components}/SelectInputV2/types.js +4 -2
  174. package/dist/components/SelectableCard/index.d.ts +25 -0
  175. package/dist/components/SelectableCard/index.js +193 -0
  176. package/dist/components/SelectableCardGroup/index.d.ts +23 -0
  177. package/dist/components/SelectableCardGroup/index.js +112 -0
  178. package/dist/components/Separator/index.d.ts +17 -0
  179. package/dist/components/Separator/index.js +76 -0
  180. package/dist/components/Skeleton/Block.d.ts +3 -0
  181. package/dist/components/Skeleton/Block.js +30 -0
  182. package/dist/components/Skeleton/Blocks.d.ts +4 -0
  183. package/dist/components/Skeleton/Blocks.js +28 -0
  184. package/dist/components/Skeleton/BoxWithIcon.d.ts +4 -0
  185. package/dist/components/Skeleton/BoxWithIcon.js +29 -0
  186. package/dist/components/Skeleton/Donut.d.ts +1 -0
  187. package/dist/components/Skeleton/Donut.js +36 -0
  188. package/dist/components/Skeleton/IconSkeleton.d.ts +5 -0
  189. package/dist/components/Skeleton/IconSkeleton.js +12 -0
  190. package/dist/components/Skeleton/Line.d.ts +5 -0
  191. package/dist/components/Skeleton/Line.js +13 -0
  192. package/dist/components/Skeleton/List.d.ts +4 -0
  193. package/dist/components/Skeleton/List.js +29 -0
  194. package/dist/components/Skeleton/Slider.d.ts +3 -0
  195. package/dist/components/Skeleton/Slider.js +26 -0
  196. package/dist/components/Skeleton/Square.d.ts +5 -0
  197. package/dist/components/Skeleton/Square.js +10 -0
  198. package/dist/components/Skeleton/index.d.ts +47 -0
  199. package/dist/components/Skeleton/index.js +86 -0
  200. package/dist/components/Snippet/index.d.ts +23 -0
  201. package/dist/components/Snippet/index.js +171 -0
  202. package/dist/components/Stack/index.d.ts +23 -0
  203. package/dist/components/Stack/index.js +36 -0
  204. package/dist/components/Status/index.d.ts +32 -0
  205. package/dist/components/Status/index.js +57 -0
  206. package/dist/components/StepList/index.d.ts +33 -0
  207. package/dist/components/StepList/index.js +69 -0
  208. package/dist/components/Stepper/index.d.ts +15 -0
  209. package/dist/components/Stepper/index.js +153 -0
  210. package/dist/components/SwitchButton/FocusOverlay.d.ts +8 -0
  211. package/dist/components/SwitchButton/FocusOverlay.js +47 -0
  212. package/dist/components/SwitchButton/index.d.ts +26 -0
  213. package/dist/components/SwitchButton/index.js +140 -0
  214. package/dist/components/Table/Body.d.ts +6 -0
  215. package/dist/components/Table/Body.js +5 -0
  216. package/dist/components/Table/Cell.d.ts +9 -0
  217. package/dist/components/Table/Cell.js +10 -0
  218. package/dist/components/Table/Header.d.ts +6 -0
  219. package/dist/components/Table/Header.js +9 -0
  220. package/dist/components/Table/HeaderCell.d.ts +14 -0
  221. package/dist/components/Table/HeaderCell.js +123 -0
  222. package/dist/components/Table/HeaderRow.d.ts +7 -0
  223. package/dist/components/Table/HeaderRow.js +25 -0
  224. package/dist/components/Table/Row.d.ts +14 -0
  225. package/dist/components/Table/Row.js +85 -0
  226. package/dist/components/Table/SelectBar.d.ts +15 -0
  227. package/dist/components/Table/SelectBar.js +35 -0
  228. package/dist/components/Table/SkeletonRows.d.ts +7 -0
  229. package/dist/components/Table/SkeletonRows.js +22 -0
  230. package/dist/components/Table/TableContext.d.ts +27 -0
  231. package/dist/components/Table/TableContext.js +103 -0
  232. package/dist/components/Table/index.d.ts +60 -0
  233. package/dist/components/Table/index.js +81 -0
  234. package/dist/components/Tabs/Tab.d.ts +20 -0
  235. package/dist/components/Tabs/Tab.js +170 -0
  236. package/dist/components/Tabs/TabMenu.d.ts +8 -0
  237. package/dist/components/Tabs/TabMenu.js +63 -0
  238. package/dist/components/Tabs/TabMenuItem.d.ts +20 -0
  239. package/dist/components/Tabs/TabMenuItem.js +39 -0
  240. package/dist/components/Tabs/TabsContext.d.ts +8 -0
  241. package/dist/components/Tabs/TabsContext.js +9 -0
  242. package/dist/components/Tabs/index.d.ts +50 -0
  243. package/dist/components/Tabs/index.js +137 -0
  244. package/dist/components/Tag/index.d.ts +26 -0
  245. package/dist/components/Tag/index.js +153 -0
  246. package/dist/components/TagInput/index.d.ts +55 -0
  247. package/dist/components/TagInput/index.js +316 -0
  248. package/dist/components/TagList/index.d.ts +37 -0
  249. package/dist/components/TagList/index.js +103 -0
  250. package/dist/components/Text/index.d.ts +40 -0
  251. package/dist/components/Text/index.js +107 -0
  252. package/dist/components/TextArea/index.d.ts +50 -0
  253. package/dist/components/TextArea/index.js +226 -0
  254. package/dist/components/TextInput/index.d.ts +75 -0
  255. package/dist/components/TextInput/index.js +472 -0
  256. package/dist/components/TextInputV2/index.d.ts +30 -0
  257. package/dist/components/TextInputV2/index.js +314 -0
  258. package/dist/components/TimeInput/index.d.ts +25 -0
  259. package/dist/components/TimeInput/index.js +199 -0
  260. package/dist/components/Toaster/index.d.ts +46 -0
  261. package/dist/components/Toaster/index.js +131 -0
  262. package/dist/components/Toaster/react-toastify.css.js +4 -0
  263. package/dist/components/Toggle/index.d.ts +34 -0
  264. package/dist/components/Toggle/index.js +196 -0
  265. package/dist/components/ToggleGroup/index.d.ts +24 -0
  266. package/dist/components/ToggleGroup/index.js +87 -0
  267. package/dist/components/Tooltip/index.d.ts +9 -0
  268. package/dist/components/Tooltip/index.js +47 -0
  269. package/dist/components/VerificationCode/index.d.ts +36 -0
  270. package/dist/components/VerificationCode/index.js +222 -0
  271. package/dist/components/index.d.ts +75 -0
  272. package/dist/helpers/isJSON.d.ts +2 -0
  273. package/dist/{src/helpers → helpers}/isJSON.js +4 -3
  274. package/dist/helpers/jestMockMatchMedia.d.ts +6 -0
  275. package/dist/helpers/keycode.d.ts +3 -0
  276. package/dist/helpers/legend.d.ts +2 -0
  277. package/dist/helpers/legend.js +14 -0
  278. package/dist/helpers/numbers.d.ts +2 -0
  279. package/dist/helpers/recursivelyGetChildrenString.d.ts +3 -0
  280. package/dist/helpers/recursivelyGetChildrenString.js +15 -0
  281. package/dist/hooks/useIsOverflowing.d.ts +5 -0
  282. package/dist/hooks/useIsOverflowing.js +23 -0
  283. package/dist/index.d.ts +4 -3693
  284. package/dist/index.js +187 -0
  285. package/dist/mocks/list.d.ts +12 -0
  286. package/dist/theme/index.d.ts +1573 -0
  287. package/dist/theme/index.js +30 -0
  288. package/dist/types.d.ts +6 -0
  289. package/dist/utils/animations.d.ts +27 -0
  290. package/dist/{src/utils → utils}/animations.js +30 -4
  291. package/dist/utils/capitalize.d.ts +2 -0
  292. package/dist/utils/capitalize.js +4 -0
  293. package/dist/utils/ids.d.ts +1 -0
  294. package/dist/utils/ids.js +6 -0
  295. package/dist/utils/index.d.ts +6 -0
  296. package/dist/utils/normalize.d.ts +2 -0
  297. package/dist/{src/utils → utils}/normalize.js +4 -3
  298. package/dist/utils/orderBy.d.ts +2 -0
  299. package/dist/utils/responsive/Breakpoint.d.ts +9 -0
  300. package/dist/utils/responsive/Breakpoint.js +13 -0
  301. package/dist/utils/responsive/index.d.ts +2 -0
  302. package/dist/utils/responsive/utilities.d.ts +3 -0
  303. package/dist/{src/utils → utils}/responsive/utilities.js +9 -6
  304. package/package.json +23 -13
  305. package/dist/react-datepicker/dist/react-datepicker.min.css.js +0 -3
  306. package/dist/react-toastify/dist/ReactToastify.min.css.js +0 -3
  307. package/dist/src/components/ActionBar/index.js +0 -40
  308. package/dist/src/components/Alert/index.js +0 -133
  309. package/dist/src/components/Avatar/index.js +0 -74
  310. package/dist/src/components/Badge/index.js +0 -116
  311. package/dist/src/components/Banner/assets/default-image-small.svg.js +0 -5
  312. package/dist/src/components/Banner/assets/default-image.svg.js +0 -5
  313. package/dist/src/components/Banner/index.js +0 -159
  314. package/dist/src/components/BarChart/Tooltip.js +0 -48
  315. package/dist/src/components/BarChart/index.js +0 -95
  316. package/dist/src/components/BarStack/index.js +0 -136
  317. package/dist/src/components/Breadcrumbs/index.js +0 -82
  318. package/dist/src/components/Bullet/index.js +0 -98
  319. package/dist/src/components/Button/index.js +0 -311
  320. package/dist/src/components/Card/index.js +0 -67
  321. package/dist/src/components/Carousel/index.js +0 -128
  322. package/dist/src/components/Checkbox/index.js +0 -316
  323. package/dist/src/components/CheckboxGroup/index.js +0 -143
  324. package/dist/src/components/CopyButton/index.js +0 -37
  325. package/dist/src/components/DateInput/index.js +0 -242
  326. package/dist/src/components/Dialog/Context.js +0 -12
  327. package/dist/src/components/Dialog/index.js +0 -88
  328. package/dist/src/components/Dialog/subComponents/Button.js +0 -21
  329. package/dist/src/components/Dialog/subComponents/Buttons.js +0 -14
  330. package/dist/src/components/Dialog/subComponents/CancelButton.js +0 -14
  331. package/dist/src/components/Dialog/subComponents/Stack.js +0 -11
  332. package/dist/src/components/Dialog/subComponents/Text.js +0 -12
  333. package/dist/src/components/EmptyState/index.js +0 -112
  334. package/dist/src/components/Expandable/index.js +0 -96
  335. package/dist/src/components/GlobalAlert/GlobalAlertLink.js +0 -38
  336. package/dist/src/components/GlobalAlert/index.js +0 -82
  337. package/dist/src/components/LineChart/CustomLegend.js +0 -138
  338. package/dist/src/components/LineChart/Tooltip.js +0 -43
  339. package/dist/src/components/LineChart/helpers.js +0 -40
  340. package/dist/src/components/LineChart/index.js +0 -131
  341. package/dist/src/components/Link/index.js +0 -147
  342. package/dist/src/components/List/Body.js +0 -16
  343. package/dist/src/components/List/Cell.js +0 -43
  344. package/dist/src/components/List/HeaderCell.js +0 -90
  345. package/dist/src/components/List/HeaderRow.js +0 -43
  346. package/dist/src/components/List/ListContext.js +0 -138
  347. package/dist/src/components/List/Row.js +0 -185
  348. package/dist/src/components/List/SelectBar.js +0 -48
  349. package/dist/src/components/List/SkeletonRows.js +0 -53
  350. package/dist/src/components/List/index.js +0 -75
  351. package/dist/src/components/Loader/index.js +0 -100
  352. package/dist/src/components/Menu/Item.js +0 -112
  353. package/dist/src/components/Menu/index.js +0 -129
  354. package/dist/src/components/MenuV2/Group.js +0 -25
  355. package/dist/src/components/MenuV2/Item.js +0 -139
  356. package/dist/src/components/MenuV2/index.js +0 -116
  357. package/dist/src/components/Meter/index.js +0 -76
  358. package/dist/src/components/Modal/Dialog.js +0 -182
  359. package/dist/src/components/Modal/index.js +0 -113
  360. package/dist/src/components/Notice/index.js +0 -34
  361. package/dist/src/components/Notification/index.js +0 -77
  362. package/dist/src/components/NumberInput/index.js +0 -299
  363. package/dist/src/components/NumberInputV2/index.js +0 -284
  364. package/dist/src/components/Pagination/index.js +0 -117
  365. package/dist/src/components/PasswordCheck/index.js +0 -41
  366. package/dist/src/components/PasswordStrengthMeter/index.js +0 -102
  367. package/dist/src/components/PieChart/Legends.js +0 -138
  368. package/dist/src/components/PieChart/Tooltip.js +0 -61
  369. package/dist/src/components/PieChart/index.js +0 -125
  370. package/dist/src/components/Popover/index.js +0 -144
  371. package/dist/src/components/Popup/helpers.js +0 -252
  372. package/dist/src/components/Popup/index.js +0 -363
  373. package/dist/src/components/ProgressBar/index.js +0 -57
  374. package/dist/src/components/Radio/index.js +0 -157
  375. package/dist/src/components/RadioGroup/index.js +0 -131
  376. package/dist/src/components/Row/index.js +0 -41
  377. package/dist/src/components/SelectInput/index.js +0 -610
  378. package/dist/src/components/SelectInputV2/Dropdown.js +0 -594
  379. package/dist/src/components/SelectInputV2/DropdownOption.js +0 -130
  380. package/dist/src/components/SelectInputV2/SearchBarDropdown.js +0 -128
  381. package/dist/src/components/SelectInputV2/SelectBar.js +0 -282
  382. package/dist/src/components/SelectInputV2/SelectInputProvider.js +0 -169
  383. package/dist/src/components/SelectInputV2/findOptionInOptions.js +0 -11
  384. package/dist/src/components/SelectInputV2/index.js +0 -137
  385. package/dist/src/components/SelectableCard/index.js +0 -175
  386. package/dist/src/components/SelectableCardGroup/index.js +0 -141
  387. package/dist/src/components/Separator/index.js +0 -73
  388. package/dist/src/components/Skeleton/Block.js +0 -35
  389. package/dist/src/components/Skeleton/Blocks.js +0 -34
  390. package/dist/src/components/Skeleton/BoxWithIcon.js +0 -32
  391. package/dist/src/components/Skeleton/Donut.js +0 -55
  392. package/dist/src/components/Skeleton/IconSkeleton.js +0 -19
  393. package/dist/src/components/Skeleton/Line.js +0 -13
  394. package/dist/src/components/Skeleton/List.js +0 -51
  395. package/dist/src/components/Skeleton/Slider.js +0 -36
  396. package/dist/src/components/Skeleton/Square.js +0 -9
  397. package/dist/src/components/Skeleton/index.js +0 -82
  398. package/dist/src/components/Snippet/index.js +0 -200
  399. package/dist/src/components/Stack/index.js +0 -29
  400. package/dist/src/components/Status/index.js +0 -74
  401. package/dist/src/components/StepList/index.js +0 -69
  402. package/dist/src/components/Stepper/index.js +0 -150
  403. package/dist/src/components/SwitchButton/FocusOverlay.js +0 -37
  404. package/dist/src/components/SwitchButton/index.js +0 -108
  405. package/dist/src/components/Table/Body.js +0 -9
  406. package/dist/src/components/Table/Cell.js +0 -21
  407. package/dist/src/components/Table/Header.js +0 -15
  408. package/dist/src/components/Table/HeaderCell.js +0 -103
  409. package/dist/src/components/Table/HeaderRow.js +0 -32
  410. package/dist/src/components/Table/Row.js +0 -89
  411. package/dist/src/components/Table/SelectBar.js +0 -48
  412. package/dist/src/components/Table/SkeletonRows.js +0 -51
  413. package/dist/src/components/Table/TableContext.js +0 -90
  414. package/dist/src/components/Table/index.js +0 -82
  415. package/dist/src/components/Tabs/Tab.js +0 -138
  416. package/dist/src/components/Tabs/TabMenu.js +0 -59
  417. package/dist/src/components/Tabs/TabMenuItem.js +0 -36
  418. package/dist/src/components/Tabs/TabsContext.js +0 -6
  419. package/dist/src/components/Tabs/index.js +0 -117
  420. package/dist/src/components/Tag/index.js +0 -169
  421. package/dist/src/components/TagInput/index.js +0 -309
  422. package/dist/src/components/TagList/index.js +0 -106
  423. package/dist/src/components/Text/index.js +0 -107
  424. package/dist/src/components/TextArea/index.js +0 -210
  425. package/dist/src/components/TextInput/index.js +0 -451
  426. package/dist/src/components/TextInputV2/index.js +0 -289
  427. package/dist/src/components/TimeInput/index.js +0 -37
  428. package/dist/src/components/Toaster/index.js +0 -131
  429. package/dist/src/components/Toggle/index.js +0 -160
  430. package/dist/src/components/ToggleGroup/index.js +0 -122
  431. package/dist/src/components/Tooltip/index.js +0 -55
  432. package/dist/src/components/VerificationCode/index.js +0 -222
  433. package/dist/src/helpers/legend.js +0 -13
  434. package/dist/src/helpers/recursivelyGetChildrenString.js +0 -11
  435. package/dist/src/hooks/useIsOverflowing.js +0 -34
  436. package/dist/src/index.js +0 -77
  437. package/dist/src/theme/index.js +0 -29
  438. package/dist/src/utils/capitalize.js +0 -3
  439. package/dist/src/utils/ids.js +0 -7
  440. package/dist/src/utils/responsive/Breakpoint.js +0 -12
@@ -1,116 +0,0 @@
1
- import _styled from '@emotion/styled/base';
2
- import { useTheme } from '@emotion/react';
3
- import { Icon } from '@ultraviolet/icons';
4
- import { useMemo } from 'react';
5
- import { SENTIMENTS_WITHOUT_NEUTRAL } from '../../theme/index.js';
6
- import capitalize from '../../utils/capitalize.js';
7
- import { Text } from '../Text/index.js';
8
- import { jsxs, jsx } from '@emotion/react/jsx-runtime';
9
-
10
- // TODO: remove when typography has been created
11
- const TEXT_SIZES = {
12
- large: 14,
13
- medium: 12,
14
- small: 10
15
- };
16
- const SIZES = {
17
- large: 32,
18
- medium: 24,
19
- small: 16
20
- };
21
- const PROMINENCES = {
22
- default: 'default',
23
- strong: 'strong'
24
- };
25
-
26
- /**
27
- * Generate all styles available for badge based on prominence and sentiments
28
- */
29
- const generateStyles = ({
30
- prominence,
31
- theme
32
- }) => {
33
- const definedProminence = prominence === PROMINENCES.strong ? capitalize(PROMINENCES.strong) : '';
34
- const text = `text${definedProminence}`;
35
- const background = `background${definedProminence}`;
36
- return {
37
- ...SENTIMENTS_WITHOUT_NEUTRAL.reduce((reducer, sentiment) => ({
38
- ...reducer,
39
- [sentiment]: `
40
- color: ${theme.colors[sentiment][text]};
41
- background: ${theme.colors[sentiment][background]};
42
- border: 1px solid ${theme.colors[sentiment][background]};
43
- `
44
- }), {}),
45
- disabled: `
46
- color: ${theme.colors.neutral.textWeak};
47
- background: ${theme.colors.neutral.backgroundStrong};
48
- border: none;
49
- `,
50
- neutral: `
51
- color: ${prominence === PROMINENCES.strong ? theme.colors.neutral.textStronger : theme.colors.neutral.text};
52
- background: ${prominence === PROMINENCES.strong ? theme.colors.neutral.backgroundStronger : theme.colors.neutral.backgroundWeak};
53
- border: 1px solid ${prominence === PROMINENCES.strong ? theme.colors.neutral.borderStronger : theme.colors.neutral.border};
54
- `
55
- };
56
- };
57
- const StyledSpan = /*#__PURE__*/_styled(Text, {
58
- shouldForwardProp: prop => !['sentimentStyles', 'size', 'fontSize'].includes(prop),
59
- target: "ej33bna0"
60
- })("display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:", ({
61
- theme
62
- }) => theme.radii.xlarge, ";padding:0 ", ({
63
- theme,
64
- size
65
- }) => size === SIZES.small ? theme.space['1'] : theme.space['2'], ";gap:", ({
66
- theme,
67
- size
68
- }) => size === SIZES.small ? theme.space['0.5'] : theme.space['1'], ";width:fit-content;height:", ({
69
- size
70
- }) => size, "px;text-transform:uppercase;font-size:", ({
71
- fontSize
72
- }) => fontSize, "px;color:inherit;", ({
73
- sentimentStyles
74
- }) => sentimentStyles, ";");
75
- /**
76
- * Badge component is used to display a status or a label in a small container.
77
- */
78
- const Badge = ({
79
- sentiment = 'neutral',
80
- size = 'medium',
81
- prominence = 'default',
82
- icon,
83
- disabled = false,
84
- className,
85
- children,
86
- 'data-testid': dataTestId
87
- }) => {
88
- const theme = useTheme();
89
-
90
- /**
91
- * Badge should display an aria-label if the status is not neutral or primary
92
- */
93
- const ariaLabel = useMemo(() => ['neutral', 'primary'].some(baseSentiment => baseSentiment === sentiment) ? undefined : sentiment, [sentiment]);
94
- const generatedStyles = useMemo(() => generateStyles({
95
- prominence,
96
- theme
97
- }), [prominence, theme]);
98
- const sizeValue = SIZES[size];
99
- return jsxs(StyledSpan, {
100
- "aria-label": ariaLabel,
101
- sentimentStyles: disabled ? generatedStyles['disabled'] : generatedStyles[sentiment],
102
- size: sizeValue,
103
- variant: "bodyStrong",
104
- as: "span",
105
- fontSize: TEXT_SIZES[size],
106
- prominence: disabled ? 'weak' : 'default',
107
- className: className,
108
- "data-testid": dataTestId,
109
- children: [icon && sizeValue !== SIZES.small ? jsx(Icon, {
110
- name: icon,
111
- size: 16
112
- }) : null, children]
113
- });
114
- };
115
-
116
- export { Badge, PROMINENCES, SIZES };
@@ -1,5 +0,0 @@
1
- import 'react';
2
-
3
- var defaultIllustrationSmall = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2274%22%20height%3D%2274%22%20fill%3D%22none%22%3E%20%20%20%20%3Cg%20%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23b%29%22%20d%3D%22M48.673%2030.122c-5.451-8.997-13.4-14.099-17.876-11.548l1.136%201.914c3.954-2.253%2010.982%202.266%2015.805%2010.217%204.89%208.047%205.664%2016.568%201.736%2019.024-.026.014-.066.028-.093.055l1.149%201.913s.067-.04.107-.054c4.435-2.782%203.567-12.416-1.964-21.521%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23c%29%22%20d%3D%22M27.385%2063.597s.094-2.076.12-2.74c.027-.665.094-1.167-.801-2.497-.895-1.33-2.231-3.379-2.231-3.379l-3.848%201.913-1.43.706s1.55%201.737%201.63%202.971c.08%201.235-.267%201.9.695%203.094s7.388%208.02%207.388%208.02l4.008-2.022-5.53-6.066Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23d%29%22%20d%3D%22m28.593%2062.62-1.202.978%205.53%206.065%201.203-.977z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23e%29%22%20d%3D%22M28.724%2059.879c.027-.665.094-1.167-.802-2.497-.895-1.33-2.23-3.379-2.23-3.379l-5.278%202.62s.094.094.227.27l3.848-1.913s1.336%202.05%202.231%203.38c.895%201.329.842%201.831.802%202.496-.027.665-.12%202.74-.12%202.74l1.215-.976s.094-2.076.12-2.741z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23f%29%22%20d%3D%22M28.66%2024.477s-5.397%2013.868-12.732%2018.617l-3.648%202.361c-1.696%201.1-3.353%205.374-.975%209.54%202.392%204.192%207.228%204.939%209.526%203.73a94.519%2094.519%200%200%201%202.94-1.546c1.736-.882%2013.293-7.83%2021.255-6.188%207.95%201.642-16.34-26.5-16.34-26.5z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23g%29%22%20d%3D%22M11.29%2054.98c-2.378-4.165-.721-8.44.976-9.539-3.06%201.981-3.234%202.076-3.942%202.51-.935.57-3.527%204.533-1.536%208.577%201.99%204.043%206.346%206.377%2010.501%204.097%201.63-.895%202.712-1.479%203.527-1.926-2.284%201.22-7.12.474-9.526-3.732z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23h%29%22%20d%3D%22M49.47%2049.727c3.927-2.457%203.15-10.976-1.735-19.028-4.885-8.052-12.028-12.587-15.954-10.13-3.926%202.457-3.15%2010.976%201.736%2019.028%204.884%208.051%2012.027%2012.587%2015.953%2010.13%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23i%29%22%20d%3D%22m40.352%2030.964-8.778%204.885a35.83%2035.83%200%200%200%201.95%203.745c1.123%201.845%202.352%203.5%203.648%204.925l7.562-6.336-4.382-7.233z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23j%29%22%20d%3D%22M44.744%2038.195c.974-.61.781-2.722-.43-4.72-1.212-1.996-2.983-3.121-3.957-2.512-.974.61-.781%202.722.43%204.72%201.212%201.996%202.983%203.121%203.957%202.512%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23k%29%22%20d%3D%22M66.207%205.277a1.84%201.84%200%200%200-1.83%201.859c0%20.38.12.732.307%201.03l-18.397%2014.63V17.53c0-1.507.401-2.266%201.897-3.528%201.377-1.167%206.306-4.994%207.375-5.821.294.217.668.339%201.056.339a1.84%201.84%200%200%200%201.83-1.86%201.839%201.839%200%200%200-1.83-1.858%201.84%201.84%200%200%200-1.83%201.859c0%20.38.106.732.307%201.017-1.203.937-5.972%204.641-7.322%205.795-1.643%201.397-2.137%202.333-2.137%204.043v5.794L30.549%2035.306l.414.529L65.165%208.642c.294.217.655.34%201.056.34a1.84%201.84%200%200%200%201.83-1.86%201.84%201.84%200%200%200-1.83-1.859zm-9.592.203c.641%200%201.162.53%201.162%201.18%200%20.652-.521%201.181-1.162%201.181a1.172%201.172%200%200%201-1.163-1.18c0-.652.521-1.18%201.163-1.18Zm9.592%202.823c-.641%200-1.162-.53-1.162-1.18%200-.652.521-1.181%201.162-1.181.642%200%201.163.529%201.163%201.18%200%20.651-.521%201.18-1.163%201.18Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23l%29%22%20d%3D%22M61.756%2027.802a1.783%201.783%200%200%200-1.39.176%201.772%201.772%200%200%200-.854%201.126%201.915%201.915%200%200%200%20.214%201.466l-21.31%2016.215.4.543%205.706-4.342c.52.15%204.181%201.153%205.584%201.56.495.136.949.217%201.363.217.962%200%201.83-.38%203.046-1.234%201.31-.923%202.886-2.144%203.514-2.62a1.79%201.79%200%200%200%201.082.367%201.84%201.84%200%200%200%201.764-1.37%201.862%201.862%200%200%200-.174-1.412%201.787%201.787%200%200%200-1.109-.868c-.975-.271-1.977.312-2.245%201.303a1.868%201.868%200%200%200%20.228%201.492c-.655.502-2.165%201.656-3.434%202.551-1.59%201.127-2.418%201.33-3.848.923a992.04%20992.04%200%200%201-5.09-1.425L60.18%2031.072c.174.136.387.244.614.312.16.04.321.068.481.068.802%200%201.537-.543%201.764-1.37a1.862%201.862%200%200%200-.174-1.412%201.752%201.752%200%200%200-1.109-.868M57.99%2039.105a1.17%201.17%200%200%201%201.43-.828c.293.082.547.285.707.557.16.271.188.597.107.895-.173.624-.815%201.004-1.43.828a1.19%201.19%200%200%201-.814-1.452m4.409-9.2c-.174.624-.815%201.004-1.43.828a1.19%201.19%200%200%201-.815-1.452%201.17%201.17%200%200%201%201.43-.828c.294.082.547.285.708.556.147.272.187.598.107.896%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23m%29%22%20d%3D%22M36.666%2025.305a1.84%201.84%200%200%200%201.83-1.86%201.84%201.84%200%200%200-1.83-1.858%201.84%201.84%200%200%200-1.83%201.859c0%20.38.12.733.307%201.031l-6.44%205.116.414.529%206.493-5.17c.294.217.655.34%201.056.34zm0-3.04c.641%200%201.162.53%201.162%201.18%200%20.652-.52%201.181-1.162%201.181a1.172%201.172%200%200%201-1.162-1.18c0-.651.52-1.18%201.162-1.18Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23n%29%22%20d%3D%22M37.165%2044.532a34.545%2034.545%200%200%201-3.647-4.925%2033.464%2033.464%200%200%201-1.95-3.745c-3.047-6.799-3.1-13.203.226-15.28.054-.027.107-.054.147-.08l-1.135-1.914s-.107.054-.16.095c-4.436%202.782-3.568%2012.416%201.963%2021.52%205.478%209.038%2013.467%2014.153%2017.93%2011.521l-1.15-1.913c-3.032%201.79-7.909-.462-12.21-5.252z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23o%29%22%20d%3D%22m24.488%2041.86.842-.503s1.55%203.257%203.794%205.835l-.775.502-3.607-1.737-.254-4.111z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23p%29%22%20d%3D%22M15.111%2049.146s7.562-5.116%209.38-7.287c0%200%201.308%203.216%203.874%205.835%200%200-6.908%203.31-10.702%205.645%200%200-2.325-1.656-2.538-4.193z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%22.536%22%20d%3D%22M56.622%2056.253c6.25-3.911%205.017-17.468-2.756-30.28-7.772-12.811-19.14-20.026-25.39-16.114-6.25%203.911-5.017%2017.468%202.755%2030.28%207.773%2012.81%2019.14%2020.026%2025.391%2016.114Z%22%20style%3D%22mix-blend-mode%3Aoverlay%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%22.268%22%20d%3D%22M64.34%2056.088c7.136-4.466%205.723-19.95-3.156-34.587C52.304%206.865%2039.32-1.379%2032.185%203.086c-7.136%204.466-5.723%2019.951%203.156%2034.587%208.88%2014.637%2021.863%2022.881%2029%2018.415Z%22%20style%3D%22mix-blend-mode%3Aoverlay%22%2F%3E%20%20%20%20%3C%2Fg%3E%20%20%20%20%3Cdefs%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22b%22%20x1%3D%2291.092%22%20x2%3D%2234.151%22%20y1%3D%2228.683%22%20y2%3D%2235.54%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%2311053A%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%234F0599%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF0CD0%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22c%22%20x1%3D%2228.922%22%20x2%3D%2217.156%22%20y1%3D%2260.192%22%20y2%3D%2273.838%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.02%22%20stop-color%3D%22%2311053A%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%234F0597%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238230D7%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22d%22%20x1%3D%2225.066%22%20x2%3D%2232.466%22%20y1%3D%2260.07%22%20y2%3D%2267.716%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.02%22%20stop-color%3D%22%2311053A%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%234F0597%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238230D7%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22e%22%20x1%3D%2220.107%22%20x2%3D%2228.737%22%20y1%3D%2251.615%22%20y2%3D%2262.177%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.02%22%20stop-color%3D%22%2311053A%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%234F0597%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238230D7%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22f%22%20x1%3D%2237.959%22%20x2%3D%2218.966%22%20y1%3D%2262.485%22%20y2%3D%2239.039%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%234F0599%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22g%22%20x1%3D%2223.568%22%20x2%3D%228.639%22%20y1%3D%2268.591%22%20y2%3D%2250.649%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%2311053A%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%234F0599%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF0CD0%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22h%22%20x1%3D%2229.284%22%20x2%3D%2251.97%22%20y1%3D%2235.15%22%20y2%3D%2235.15%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%234F0599%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22i%22%20x1%3D%2240.085%22%20x2%3D%2235.136%22%20y1%3D%2240.544%22%20y2%3D%2232.279%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%234F0599%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22j%22%20x1%3D%2249.398%22%20x2%3D%2241.427%22%20y1%3D%2231.141%22%20y2%3D%2235.019%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%2311053A%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%234F0599%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF0CD0%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22k%22%20x1%3D%2219.326%22%20x2%3D%2239.313%22%20y1%3D%2239.702%22%20y2%3D%2224.601%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%234F0597%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2303D3DE%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22l%22%20x1%3D%2231.99%22%20x2%3D%2251.976%22%20y1%3D%2256.474%22%20y2%3D%2241.386%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%234F0597%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2303D3DE%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22m%22%20x1%3D%2218.015%22%20x2%3D%2238.001%22%20y1%3D%2237.979%22%20y2%3D%2222.877%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%234F0597%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2303D3DE%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22n%22%20x1%3D%2291.141%22%20x2%3D%2234.187%22%20y1%3D%2229.063%22%20y2%3D%2235.92%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%2311053A%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%234F0599%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF0CD0%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22o%22%20x1%3D%2224.168%22%20x2%3D%2227.201%22%20y1%3D%2251.548%22%20y2%3D%2243.723%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%234F0599%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22p%22%20x1%3D%2224.049%22%20x2%3D%2218.766%22%20y1%3D%2253.271%22%20y2%3D%2243.433%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%234F0599%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3CclipPath%20id%3D%22a%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h74v74H0z%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FclipPath%3E%20%20%20%20%3C%2Fdefs%3E%3C%2Fsvg%3E";
4
-
5
- export { defaultIllustrationSmall as default };
@@ -1,5 +0,0 @@
1
- import 'react';
2
-
3
- var defaultIllustration = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22140%22%20height%3D%22140%22%20fill%3D%22none%22%3E%20%20%20%20%3Cg%20%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M38.607%2019.498c-.739%200-.739%201.173%200%201.173s.739-1.173%200-1.173M8.748%2055.052c-.74%200-.74%201.173%200%201.173.739%200%20.739-1.173%200-1.173m18.244%2023.126c-.74%200-.74%201.173%200%201.173.739%200%20.739-1.173%200-1.173M16.04%20119.409c-.738%200-.738%201.172%200%201.172.74%200%20.74-1.172%200-1.172m24.913%200c-.74%200-.74%201.172%200%201.172.739%200%20.739-1.172%200-1.172m29.215-15.925c-.74%200-.74%201.173%200%201.173.738%200%20.738-1.173%200-1.173m.441%2018.315c-.739%200-.739%201.172%200%201.172s.739-1.172%200-1.172M107.765%2043.7c-.739%200-.739%201.173%200%201.173s.739-1.172%200-1.172Zm-7.941%2012.431c-.74%200-.74%201.173%200%201.173.739%200%20.739-1.173%200-1.173M85.853%207.044c-.739%200-.739%201.173%200%201.173s.739-1.173%200-1.173M79.41%2018.396c-.74%200-.74%201.173%200%201.173.739%200%20.739-1.173%200-1.173M56.642%208.568c-.739%200-.739%201.173%200%201.173s.739-1.173%200-1.173m66.809%2087.058c-.739%200-.739%201.173%200%201.173s.739-1.173%200-1.173m-17.389-3.706c-.739%200-.739%201.173%200%201.173s.739-1.172%200-1.172ZM16.04%2030.614c-.738%200-.738%201.173%200%201.173.74%200%20.74-1.173%200-1.173m111.282%2087.058c-.739%200-.739%201.173%200%201.173s.739-1.173%200-1.173M65.23%20138.828c-.739%200-.739%201.173%200%201.173s.739-1.173%200-1.173%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23b%29%22%20d%3D%22M57.958%2088.708c16.834%200%2030.481-13.86%2030.481-30.958S74.792%2026.79%2057.958%2026.79c-16.834%200-30.481%2013.86-30.481%2030.959%200%2017.097%2013.646%2030.958%2030.48%2030.958Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23c%29%22%20d%3D%22M88.438%20138.123c7.92%200%2014.34-6.52%2014.34-14.564s-6.42-14.564-14.34-14.564-14.34%206.52-14.34%2014.564%206.42%2014.564%2014.34%2014.564%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23d%29%22%20d%3D%22m14.867%2046.54%206.835-14.565%2015.518-1.689-6.835%2014.564z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23e%29%22%20d%3D%22M39.743%2056.39%2030.39%2044.85l6.835-14.564%209.444%2011.797-6.927%2014.306Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23f%29%22%20d%3D%22M24.196%2058.077%2014.867%2046.54l15.518-1.69%209.352%2011.54-15.54%201.688Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23g%29%22%20d%3D%22m101.027%20100.293%2017.873%205.324%204.827%2017.941-17.873-5.324z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23h%29%22%20d%3D%22m94.473%20131.392%2011.384-13.157%2017.873%205.324-11.638%2013.274-17.62-5.441Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23i%29%22%20d%3D%22m89.644%20113.451%2011.385-13.157%204.826%2017.941-11.384%2013.158z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23j%29%22%20d%3D%22M45.17%2016.776c2.13%200%203.857-1.753%203.857-3.916%200-2.164-1.726-3.917-3.856-3.917s-3.856%201.753-3.856%203.917c0%202.163%201.726%203.916%203.856%203.916Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23k%29%22%20d%3D%22M8.105%2089.223c4.477%200%208.105-3.686%208.105-8.232%200-4.547-3.628-8.233-8.105-8.233C3.63%2072.758%200%2076.445%200%2080.992c0%204.546%203.629%208.232%208.105%208.232Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23l%29%22%20d%3D%22M36.715%20134.676c2.525%200%204.572-2.079%204.572-4.644s-2.047-4.644-4.572-4.644-4.572%202.079-4.572%204.644%202.047%204.644%204.572%204.644%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23m%29%22%20d%3D%22M94.032%2060.705C84.61%2045.155%2070.87%2036.338%2063.135%2040.747l1.963%203.307c6.835-3.894%2018.981%203.916%2027.317%2017.66%208.452%2013.907%209.791%2028.636%203.002%2032.881-.046.023-.115.047-.162.094l1.986%203.307s.116-.07.185-.094c7.667-4.808%206.166-21.46-3.394-37.197%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23n%29%22%20d%3D%22M57.235%20118.564s.162-3.588.208-4.737c.046-1.15.162-2.017-1.385-4.316-1.547-2.298-3.857-5.84-3.857-5.84l-6.65%203.307-2.47%201.22s2.678%203.002%202.816%205.136c.139%202.134-.462%203.284%201.201%205.347%201.663%202.064%2012.77%2013.861%2012.77%2013.861l6.927-3.494z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23o%29%22%20d%3D%22m59.32%20116.875-2.078%201.689%209.56%2010.484%202.078-1.689z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23p%29%22%20d%3D%22M59.549%20112.137c.046-1.15.161-2.017-1.386-4.316-1.547-2.298-3.856-5.84-3.856-5.84l-9.122%204.527s.162.164.393.469l6.65-3.307s2.31%203.541%203.857%205.84c1.547%202.298%201.455%203.166%201.385%204.315-.046%201.149-.207%204.738-.207%204.738l2.1-1.689s.163-3.588.209-4.737z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23q%29%22%20d%3D%22M59.437%2050.948s-9.33%2023.97-22.007%2032.178c-2.678%201.735-4.71%203.049-6.304%204.08-2.932%201.9-5.796%209.288-1.685%2016.488%204.133%207.247%2012.492%208.537%2016.464%206.45%202.17-1.173%203.256-1.759%205.08-2.674%203.002-1.524%2022.977-13.532%2036.74-10.695%2013.739%202.838-28.242-45.804-28.242-45.804z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23r%29%22%20d%3D%22M29.416%20103.671c-4.11-7.2-1.246-14.588%201.686-16.488-5.288%203.424-5.588%203.588-6.812%204.339-1.616.985-6.096%207.833-2.655%2014.822%203.44%206.989%2010.968%2011.023%2018.15%207.083%202.817-1.548%204.687-2.556%206.096-3.33-3.949%202.111-12.308.821-16.465-6.45z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23s%29%22%20d%3D%22M95.405%2094.59c6.786-4.246%205.443-18.97-3-32.888-8.443-13.916-20.789-21.755-27.575-17.509-6.786%204.247-5.443%2018.971%203%2032.888%208.443%2013.917%2020.789%2021.756%2027.575%2017.51Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23t%29%22%20d%3D%22m79.648%2062.16-15.171%208.443a61.943%2061.943%200%200%200%203.371%206.473c1.94%203.19%204.064%206.051%206.304%208.514l13.07-10.953-7.574-12.5z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23u%29%22%20d%3D%22M87.236%2074.658c1.683-1.053%201.35-4.705-.745-8.157-2.094-3.451-5.155-5.396-6.838-4.342-1.683%201.053-1.35%204.705.744%208.156%202.094%203.452%205.156%205.396%206.839%204.343%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23v%29%22%20d%3D%22M124.329%2017.762c-1.755%200-3.163%201.43-3.163%203.213%200%20.657.208%201.267.531%201.783L89.9%2048.04v-9.1c0-2.603.692-3.916%203.278-6.097%202.379-2.017%2010.9-8.631%2012.747-10.062a3.085%203.085%200%200%200%201.824.587c1.755%200%203.164-1.431%203.164-3.213%200-1.783-1.409-3.214-3.164-3.214-1.754%200-3.163%201.431-3.163%203.213%200%20.657.185%201.267.531%201.76-2.078%201.618-10.322%208.02-12.654%2010.014-2.84%202.416-3.695%204.034-3.695%206.989v10.014l-26.07%2020.733.715.915%2059.115-47a3.035%203.035%200%200%200%201.825.586c1.755%200%203.163-1.43%203.163-3.213%200-1.783-1.408-3.213-3.163-3.213zm-16.58.352c1.109%200%202.009.915%202.009%202.04%200%201.126-.9%202.04-2.009%202.04-1.108%200-2.009-.914-2.009-2.04%200-1.125.901-2.04%202.009-2.04m16.58%204.878c-1.108%200-2.009-.914-2.009-2.04s.901-2.04%202.009-2.04c1.109%200%202.009.914%202.009%202.04s-.9%202.04-2.009%202.04%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23w%29%22%20d%3D%22M116.642%2056.695a3.081%203.081%200%200%200-2.401.305%203.063%203.063%200%200%200-1.478%201.947%203.312%203.312%200%200%200%20.369%202.532L76.301%2089.506l.692.938%209.86-7.505c.901.258%207.229%201.994%209.653%202.697.855.235%201.64.375%202.356.375%201.662%200%203.163-.656%205.264-2.134%202.263-1.595%204.988-3.705%206.074-4.526.3.234.646.398%201.039.516a3.4%203.4%200%200%200%20.831.117c1.386%200%202.656-.938%203.048-2.369a3.215%203.215%200%200%200-.3-2.439%203.087%203.087%200%200%200-1.917-1.5c-1.685-.47-3.417.538-3.879%202.25-.254.915-.069%201.83.393%202.58-1.132.868-3.741%202.862-5.935%204.41-2.748%201.946-4.18%202.298-6.65%201.594a1696.11%201696.11%200%200%201-8.799-2.462l25.886-19.7c.301.234.67.421%201.063.539a3.4%203.4%200%200%200%20.831.117c1.385%200%202.656-.938%203.048-2.369a3.215%203.215%200%200%200-.3-2.439c-.416-.75-1.085-1.29-1.917-1.501m-6.512%2019.536a2.022%202.022%200%200%201%201.94-1.5c.185%200%20.346.023.531.07.508.14.947.492%201.224.961.277.47.323%201.032.185%201.548-.3%201.08-1.409%201.736-2.471%201.43a2.056%202.056%200%200%201-1.409-2.508Zm7.621-15.9c-.301%201.078-1.409%201.735-2.471%201.43a2.056%202.056%200%200%201-1.409-2.51%202.021%202.021%200%200%201%201.94-1.5c.185%200%20.346.023.531.07.508.14.947.492%201.224.961.254.47.323%201.032.185%201.548Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23x%29%22%20d%3D%22M73.272%2052.38c1.755%200%203.164-1.431%203.164-3.214%200-1.782-1.409-3.213-3.164-3.213-1.755%200-3.163%201.43-3.163%203.213%200%20.657.208%201.267.531%201.783L59.51%2059.79l.716.914%2011.222-8.935a3.033%203.033%200%200%200%201.825.586v.023Zm0-5.254c1.109%200%202.01.915%202.01%202.04%200%201.126-.901%202.04-2.01%202.04-1.108%200-2.009-.914-2.009-2.04%200-1.125.901-2.04%202.01-2.04Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23y%29%22%20d%3D%22M74.134%2085.612A59.697%2059.697%200%200%201%2067.83%2077.1a57.851%2057.851%200%200%201-3.371-6.473c-5.265-11.75-5.358-22.82.392-26.408a2.41%202.41%200%200%200%20.254-.141l-1.963-3.307s-.184.094-.277.164C55.2%2045.742%2056.7%2062.394%2066.26%2078.131c9.468%2015.62%2023.276%2024.461%2030.99%2019.912l-1.987-3.307c-5.242%203.096-13.67-.798-21.106-9.077z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23z%29%22%20d%3D%22m52.227%2080.991%201.454-.867s2.679%205.628%206.558%2010.084l-1.339.868-6.235-3.002-.438-7.106z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23A%29%22%20d%3D%22M36.022%2093.585s13.07-8.841%2016.21-12.594c0%200%202.263%205.558%206.697%2010.085%200%200-11.939%205.722-18.497%209.756%200%200-4.018-2.861-4.387-7.247z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221.173%22%20d%3D%22M107.764%20105.87c10.803-6.761%208.671-30.192-4.763-52.336-13.434-22.143-33.082-34.613-43.885-27.852-10.803%206.76-8.671%2030.192%204.763%2052.335%2013.433%2022.144%2033.081%2034.614%2043.885%2027.853Z%22%20style%3D%22mix-blend-mode%3Aoverlay%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%22.586%22%20d%3D%22M121.105%20105.585c12.335-7.718%209.892-34.483-5.455-59.78-15.347-25.297-37.787-39.548-50.122-31.829-12.334%207.72-9.891%2034.484%205.456%2059.781%2015.347%2025.297%2037.787%2039.547%2050.121%2031.828Z%22%20style%3D%22mix-blend-mode%3Aoverlay%22%2F%3E%20%20%20%20%3C%2Fg%3E%20%20%20%20%3Cdefs%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22d%22%20x1%3D%2214.867%22%20x2%3D%2237.22%22%20y1%3D%2238.424%22%20y2%3D%2238.424%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%234F0597%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2303D3DE%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22e%22%20x1%3D%2230.391%22%20x2%3D%2246.67%22%20y1%3D%2243.349%22%20y2%3D%2243.349%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%234F0597%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2303D3DE%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22f%22%20x1%3D%22-16.076%22%20x2%3D%2239.737%22%20y1%3D%2251.464%22%20y2%3D%2251.464%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%234F0597%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2303D3DE%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22g%22%20x1%3D%22101.027%22%20x2%3D%22123.727%22%20y1%3D%22111.925%22%20y2%3D%22111.925%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%23FFC700%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF0CD0%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22h%22%20x1%3D%2294.473%22%20x2%3D%22-13.759%22%20y1%3D%22127.546%22%20y2%3D%22127.546%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%23FFC700%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF0CD0%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22i%22%20x1%3D%2289.644%22%20x2%3D%22105.855%22%20y1%3D%22115.843%22%20y2%3D%22115.843%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%23FFC700%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF0CD0%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22m%22%20x1%3D%22167.348%22%20x2%3D%2268.933%22%20y1%3D%2258.219%22%20y2%3D%2270.07%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%2311053A%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%234F0599%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF0CD0%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22n%22%20x1%3D%2259.891%22%20x2%3D%2239.555%22%20y1%3D%22112.677%22%20y2%3D%22136.265%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.02%22%20stop-color%3D%22%2311053A%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%234F0597%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238230D7%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22o%22%20x1%3D%2253.224%22%20x2%3D%2266.014%22%20y1%3D%22112.466%22%20y2%3D%22125.683%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.02%22%20stop-color%3D%22%2311053A%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%234F0597%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238230D7%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22p%22%20x1%3D%2244.654%22%20x2%3D%2259.572%22%20y1%3D%2297.854%22%20y2%3D%22116.109%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.02%22%20stop-color%3D%22%2311053A%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%234F0597%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238230D7%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22q%22%20x1%3D%2275.509%22%20x2%3D%2242.682%22%20y1%3D%22116.64%22%20y2%3D%2276.118%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%234F0599%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22r%22%20x1%3D%2250.638%22%20x2%3D%2224.834%22%20y1%3D%22127.194%22%20y2%3D%2296.183%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%2311053A%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%234F0599%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF0CD0%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22s%22%20x1%3D%2260.514%22%20x2%3D%2299.725%22%20y1%3D%2269.395%22%20y2%3D%2269.395%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%234F0599%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22t%22%20x1%3D%2279.186%22%20x2%3D%2270.633%22%20y1%3D%2278.718%22%20y2%3D%2264.434%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%234F0599%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22u%22%20x1%3D%2295.279%22%20x2%3D%2281.503%22%20y1%3D%2262.466%22%20y2%3D%2269.168%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%2311053A%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%234F0599%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF0CD0%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22v%22%20x1%3D%2243.3%22%20x2%3D%2277.844%22%20y1%3D%2277.263%22%20y2%3D%2251.162%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%234F0597%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2303D3DE%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22w%22%20x1%3D%2265.194%22%20x2%3D%2299.737%22%20y1%3D%22106.251%22%20y2%3D%2280.174%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%234F0597%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2303D3DE%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22x%22%20x1%3D%2241.036%22%20x2%3D%2275.581%22%20y1%3D%2274.284%22%20y2%3D%2248.183%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%234F0597%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2303D3DE%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22y%22%20x1%3D%22167.425%22%20x2%3D%2268.987%22%20y1%3D%2258.876%22%20y2%3D%2270.727%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%2311053A%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%234F0599%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF0CD0%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22z%22%20x1%3D%2251.672%22%20x2%3D%2256.916%22%20y1%3D%2297.737%22%20y2%3D%2284.212%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%234F0599%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22A%22%20x1%3D%2251.47%22%20x2%3D%2242.338%22%20y1%3D%22100.715%22%20y2%3D%2283.711%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%234F0599%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3CradialGradient%20id%3D%22b%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix%2884.2622%200%200%2085.5805%2038.376%2035.563%29%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%238230D7%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%234F0597%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2311053A%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FradialGradient%3E%20%20%20%20%20%20%20%20%3CradialGradient%20id%3D%22c%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix%2839.6256%200%200%2040.2456%2079.224%20113.122%29%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%238230D7%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%234F0597%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2311053A%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FradialGradient%3E%20%20%20%20%20%20%20%20%3CradialGradient%20id%3D%22j%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix%2823.877%200%200%2024.2505%2050.644%2016.589%29%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%23FF0CD0%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%234F0599%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2311053A%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FradialGradient%3E%20%20%20%20%20%20%20%20%3CradialGradient%20id%3D%22k%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix%2819.6512%200%200%2019.9586%2011.87%2075.409%29%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%23FFC700%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF0CD0%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FradialGradient%3E%20%20%20%20%20%20%20%20%3CradialGradient%20id%3D%22l%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix%2814.5941%200%200%2014.8224%2038.1%20127.429%29%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%23FF0CD0%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%234F0599%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2311053A%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FradialGradient%3E%20%20%20%20%20%20%20%20%3CclipPath%20id%3D%22a%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h140v140H0z%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FclipPath%3E%20%20%20%20%3C%2Fdefs%3E%3C%2Fsvg%3E";
4
-
5
- export { defaultIllustration as default };
@@ -1,159 +0,0 @@
1
- import _styled from '@emotion/styled/base';
2
- import { useTheme, css } from '@emotion/react';
3
- import { useState } from 'react';
4
- import { Button } from '../Button/index.js';
5
- import { Link } from '../Link/index.js';
6
- import { Stack } from '../Stack/index.js';
7
- import { Text } from '../Text/index.js';
8
- import defaultIllustrationSmall from './assets/default-image-small.svg.js';
9
- import defaultIllustration from './assets/default-image.svg.js';
10
- import { jsxs, jsx } from '@emotion/react/jsx-runtime';
11
-
12
- const styles = ({
13
- theme,
14
- variant,
15
- size
16
- }) => {
17
- if (size === 'small') {
18
- if (variant === 'intro') {
19
- return /*#__PURE__*/css("background:", theme.colors.primary.background, ";background-position:left,right;background-repeat:no-repeat,no-repeat;background-size:contain,contain;");
20
- }
21
- if (variant === 'promotional') {
22
- return /*#__PURE__*/css("background-position:left,right;background-image:", theme.colors.other.gradients.background.linear.aqua, ";background-repeat:no-repeat,no-repeat;background-size:contain,contain;");
23
- }
24
- }
25
- if (size === 'medium') {
26
- if (variant === 'intro') {
27
- return /*#__PURE__*/css("background:", theme.colors.primary.background, ";background-position:right;background-repeat:no-repeat;background-size:contain;");
28
- }
29
- if (variant === 'promotional') {
30
- return /*#__PURE__*/css("background-image:", theme.colors.other.gradients.background.linear.aqua, ";background-position:right;background-repeat:no-repeat;background-size:contain;");
31
- }
32
- }
33
- return null;
34
- };
35
- const Container = /*#__PURE__*/_styled('div', {
36
- shouldForwardProp: prop => !['variant', 'size', 'padding'].includes(prop),
37
- target: "e1kdwp5x1"
38
- })("padding:", ({
39
- theme,
40
- size
41
- }) => theme.space[size === 'small' ? '2' : '3'], ";border-radius:", ({
42
- theme
43
- }) => theme.radii.large, ";display:flex;flex-direction:row;justify-content:space-between;gap:", ({
44
- theme
45
- }) => theme.space['2'], ";", ({
46
- theme,
47
- variant,
48
- size
49
- }) => styles({
50
- theme,
51
- variant,
52
- size
53
- }), ";>svg:first-child,>img{height:", ({
54
- size
55
- }) => size === 'medium' ? '140px' : '100px', ";align-self:center;}button[name='close']{background:none;&:hover{background:none;}}");
56
- const ImageStack = /*#__PURE__*/_styled(Stack, {
57
- shouldForwardProp: prop => !['size'].includes(prop),
58
- target: "e1kdwp5x0"
59
- })("width:", ({
60
- size
61
- }) => size === 'medium' ? '140px' : '74px', ";");
62
- /**
63
- * Banner component is used to display an informative message to the user with style.
64
- */
65
- const Banner = ({
66
- variant = 'intro',
67
- size = 'medium',
68
- title,
69
- children,
70
- direction = 'column',
71
- onClose,
72
- buttonText,
73
- onClickButton,
74
- linkText,
75
- linkHref,
76
- image,
77
- className,
78
- closable = true,
79
- 'data-testid': dataTestId
80
- }) => {
81
- const {
82
- theme
83
- } = useTheme();
84
- const defaultImage = size === 'small' ? defaultIllustrationSmall : defaultIllustration;
85
- const [opened, setOpened] = useState(true);
86
- if (!opened) return null;
87
- return jsxs(Container, {
88
- variant: variant,
89
- size: size,
90
- className: className,
91
- "data-testid": dataTestId,
92
- children: [jsx(ImageStack, {
93
- size: size,
94
- justifyContent: "center",
95
- children: image ?? jsx("img", {
96
- src: defaultImage,
97
- alt: ""
98
- })
99
- }), jsxs(Stack, {
100
- direction: direction,
101
- gap: 2,
102
- justifyContent: "space-between",
103
- alignItems: direction === 'column' ? 'start' : 'center',
104
- style: {
105
- flex: 1
106
- },
107
- children: [jsxs(Stack, {
108
- gap: 0.5,
109
- style: {
110
- flex: 1
111
- },
112
- justifyContent: "center",
113
- children: [jsx(Text, {
114
- as: "p",
115
- variant: size === 'medium' ? 'headingSmall' : 'bodyStronger',
116
- sentiment: variant === 'promotional' && theme !== 'light' ? 'neutral' : 'primary',
117
- prominence: variant === 'intro' ? 'default' : 'strong',
118
- children: title
119
- }), jsx(Text, {
120
- as: "p",
121
- variant: "body",
122
- sentiment: "neutral",
123
- prominence: variant === 'intro' || variant === 'promotional' && theme !== 'light' ? 'default' : 'stronger',
124
- children: children
125
- })]
126
- }), buttonText || linkText ? jsxs(Stack, {
127
- direction: "row",
128
- gap: 2,
129
- alignItems: "center",
130
- children: [buttonText ? jsx(Button, {
131
- size: "medium",
132
- sentiment: variant === 'intro' ? 'primary' : 'neutral',
133
- variant: "filled",
134
- onClick: onClickButton,
135
- children: buttonText
136
- }) : null, linkText ? jsx(Link, {
137
- sentiment: theme !== 'light' ? 'neutral' : 'primary',
138
- size: "small",
139
- target: "_blank",
140
- href: linkHref ?? '',
141
- prominence: variant === 'intro' || theme !== 'light' ? 'default' : 'strong',
142
- children: linkText
143
- }) : null]
144
- }) : null]
145
- }), closable ? jsx(Button, {
146
- icon: "close",
147
- size: "small",
148
- name: "close",
149
- variant: variant === 'intro' ? 'ghost' : 'filled',
150
- sentiment: variant === 'intro' || variant === 'promotional' && theme !== 'light' ? 'neutral' : 'primary',
151
- onClick: () => {
152
- setOpened(false);
153
- onClose?.();
154
- }
155
- }) : null]
156
- });
157
- };
158
-
159
- export { Banner };
@@ -1,48 +0,0 @@
1
- import _styled from '@emotion/styled/base';
2
- import { Text } from '../Text/index.js';
3
- import { jsxs, jsx } from '@emotion/react/jsx-runtime';
4
-
5
- const BarToolTipContainer = /*#__PURE__*/_styled("div", {
6
- target: "e1ilr3nn1"
7
- })("display:flex;background:", ({
8
- theme
9
- }) => theme.colors.neutral.backgroundWeakElevated, ";border-radius:", ({
10
- theme
11
- }) => theme.radii.small, ";box-shadow:", ({
12
- theme
13
- }) => theme.shadows.tooltip, ";padding:5px 9px;align-items:center;");
14
- const BarColorSquare = /*#__PURE__*/_styled('span', {
15
- shouldForwardProp: prop => !['color'].includes(prop),
16
- target: "e1ilr3nn0"
17
- })("display:block;width:12px;height:12px;background:", ({
18
- color
19
- }) => color, ";margin-right:12px;");
20
- const BarChartToolTip = ({
21
- formattedValue,
22
- indexValue,
23
- color,
24
- className,
25
- 'data-testid': dataTestId
26
- }) => jsxs(BarToolTipContainer, {
27
- className: className,
28
- "data-testid": dataTestId,
29
- children: [jsx("div", {
30
- children: jsx(BarColorSquare, {
31
- color: color
32
- })
33
- }), jsxs("div", {
34
- children: [jsx(Text, {
35
- variant: "bodyStronger",
36
- as: "p",
37
- sentiment: "primary",
38
- children: formattedValue
39
- }), jsx(Text, {
40
- variant: "bodySmall",
41
- as: "p",
42
- children: indexValue
43
- })]
44
- })]
45
- });
46
- var BarChartTooltip = BarChartToolTip;
47
-
48
- export { BarChartTooltip as default };
@@ -1,95 +0,0 @@
1
- import { useTheme } from '@emotion/react';
2
- import { ResponsiveBar } from '@nivo/bar';
3
- import { useCallback } from 'react';
4
- import { getLegendColor } from '../../helpers/legend.js';
5
- import BarChartTooltip from './Tooltip.js';
6
- import { jsx } from '@emotion/react/jsx-runtime';
7
-
8
- const DEFAULT_MARGIN = {
9
- bottom: 50,
10
- left: 60,
11
- right: 25,
12
- top: 50
13
- };
14
- const DEFAULT_DATA = [];
15
- const DEFAULT_AXISFORMATTER = {};
16
- const DEFAULT_KEYS = ['value'];
17
-
18
- /**
19
- * BarChart component is used to display data in a bar chart format. It uses the Nivo library under the hood.
20
- * See https://nivo.rocks/bar/ for more information.
21
- * @experimental This component is experimental and may be subject to breaking changes in the future.
22
- */
23
- const BarChart = ({
24
- height = '537px',
25
- // to maintain aspect ratio based on our standard 1074px width,
26
- margin = DEFAULT_MARGIN,
27
- data = DEFAULT_DATA,
28
- axisFormatters = DEFAULT_AXISFORMATTER,
29
- tickValues,
30
- keys = DEFAULT_KEYS,
31
- tooltipFunction,
32
- chartProps,
33
- className,
34
- 'data-testid': dataTestId
35
- }) => {
36
- const theme = useTheme();
37
- const chartTheme = {
38
- axis: {
39
- ticks: {
40
- line: {
41
- stroke: theme.colors.neutral.backgroundStrong,
42
- strokeWidth: 1
43
- }
44
- }
45
- },
46
- fontFamily: theme.typography.body.fontFamily,
47
- fontSize: 12,
48
- textColor: theme.colors.neutral.textWeak
49
- };
50
- const tooltip = useCallback(props => {
51
- const {
52
- indexValue,
53
- formattedValue,
54
- color
55
- } = tooltipFunction ? tooltipFunction(props) : props;
56
- return jsx(BarChartTooltip, {
57
- formattedValue: formattedValue,
58
- indexValue: indexValue.toString(),
59
- color: color
60
- });
61
- }, [tooltipFunction]);
62
- return jsx("div", {
63
- style: {
64
- height
65
- },
66
- className: className,
67
- "data-testid": dataTestId,
68
- children: jsx(ResponsiveBar, {
69
- colors: getLegendColor(theme),
70
- data: data,
71
- margin: margin,
72
- axisBottom: {
73
- format: axisFormatters?.bottom,
74
- tickPadding: 5,
75
- tickRotation: 0,
76
- tickSize: 5,
77
- tickValues: tickValues?.bottom
78
- },
79
- axisLeft: {
80
- format: axisFormatters?.left,
81
- tickPadding: 5,
82
- tickRotation: 0,
83
- tickSize: 5,
84
- tickValues: tickValues?.left
85
- },
86
- theme: chartTheme,
87
- tooltip: tooltip,
88
- keys: keys,
89
- enableLabel: false,
90
- ...chartProps
91
- })
92
- });
93
- };
94
-
95
- export { BarChart };
@@ -1,136 +0,0 @@
1
- import _styled from '@emotion/styled/base';
2
- import { useMemo } from 'react';
3
- import { Tooltip } from '../Tooltip/index.js';
4
- import { jsx } from '@emotion/react/jsx-runtime';
5
-
6
- const StyledBarWrapper = /*#__PURE__*/_styled("div", {
7
- target: "ezikjce2"
8
- })("width:0px;transition:width 500ms;background-color:", ({
9
- theme
10
- }) => theme.colors.neutral.backgroundWeak, ";");
11
- const StyledBar = /*#__PURE__*/_styled("div", {
12
- target: "ezikjce1"
13
- })("height:50px;font-weight:600;color:", ({
14
- theme
15
- }) => theme.colors.neutral.backgroundWeak, ";font-size:14px;display:flex;align-items:center;padding:", ({
16
- theme
17
- }) => theme.space[1], ";width:100%;white-space:nowrap;overflow:hidden;text-shadow:-1px 0 ", ({
18
- theme
19
- }) => theme.colors.neutral.backgroundStronger, "B3,0 1px ", ({
20
- theme
21
- }) => theme.colors.neutral.backgroundStronger, "B3,1px 0 ", ({
22
- theme
23
- }) => theme.colors.neutral.backgroundStronger, "B3,0 -1px ", ({
24
- theme
25
- }) => theme.colors.neutral.backgroundStronger, "B3;");
26
- const StyledContainer = /*#__PURE__*/_styled("div", {
27
- target: "ezikjce0"
28
- })("width:100%;display:flex;background-color:", ({
29
- theme
30
- }) => theme.colors.neutral.backgroundWeak, ";border-radius:", ({
31
- theme
32
- }) => theme.radii.default, ";box-shadow:", ({
33
- theme
34
- }) => theme.shadows.defaultShadow, ";overflow:hidden;", StyledBarWrapper, ":nth-child(5n+1){", ({
35
- theme
36
- }) => `background: linear-gradient(-45deg, ${theme.colors.neutral.backgroundWeak}1A 25%,
37
- ${theme.colors.primary.backgroundStrong} 25%, ${theme.colors.primary.backgroundStrong} 50%,
38
- ${theme.colors.neutral.backgroundWeak}1A 50%, ${theme.colors.neutral.backgroundWeak}1A 75%, ${theme.colors.primary.backgroundStrong}
39
- 75%);`, " background-size:30px 30px;background-color:", ({
40
- theme
41
- }) => theme.colors.primary.backgroundStrong, ";}", StyledBarWrapper, ":nth-child(5n+2){background-color:", ({
42
- theme
43
- }) => theme.colors.primary.backgroundStrong, "D9;background-image:linear-gradient(\n 135deg,\n ", ({
44
- theme
45
- }) => theme.colors.neutral.backgroundStrong, "33 25%,\n transparent 25%\n ),linear-gradient(\n 225deg,\n ", ({
46
- theme
47
- }) => theme.colors.neutral.backgroundStrong, "33 25%,\n transparent 25%\n ),linear-gradient(\n 45deg,\n ", ({
48
- theme
49
- }) => theme.colors.neutral.backgroundStrong, "33 25%,\n transparent 25%\n ),linear-gradient(\n 315deg,\n ", ({
50
- theme
51
- }) => theme.colors.neutral.backgroundStrong, "33 25%,\n ", ({
52
- theme
53
- }) => theme.colors.primary.backgroundStrong, "12 25%\n );background-position:10px 0,10px 0,0 0,0 0;background-size:10px 10px;background-repeat:repeat;}", StyledBarWrapper, ":nth-child(5n+3){", ({
54
- theme
55
- }) => `background: linear-gradient(-45deg, ${theme.colors.neutral.backgroundWeak}1A 25%,
56
- ${theme.colors.primary.backgroundStrong}4D 25%, ${theme.colors.primary.backgroundStrong}4D 50%,
57
- ${theme.colors.neutral.backgroundWeak}1A 50%, ${theme.colors.neutral.backgroundWeak}1A 75%, ${theme.colors.primary.backgroundStrong}4D
58
- 75%);`, " background-size:30px 30px;background-color:", ({
59
- theme
60
- }) => theme.colors.secondary.backgroundStrong, ";}", StyledBarWrapper, ":nth-child(5n+4){background-color:", ({
61
- theme
62
- }) => theme.colors.secondary.backgroundStrong, ";background-image:linear-gradient(\n 135deg,\n ", ({
63
- theme
64
- }) => theme.colors.neutral.backgroundWeak, "33 25%,\n transparent 25%\n ),linear-gradient(\n 225deg,\n ", ({
65
- theme
66
- }) => theme.colors.neutral.backgroundWeak, "33 25%,\n transparent 25%\n ),linear-gradient(\n 45deg,\n ", ({
67
- theme
68
- }) => theme.colors.neutral.backgroundWeak, "33 25%,\n transparent 25%\n ),linear-gradient(\n 315deg,\n ", ({
69
- theme
70
- }) => theme.colors.neutral.backgroundWeak, "33 25%,\n ", ({
71
- theme
72
- }) => theme.colors.secondary.backgroundStrong, " 25%\n );background-position:10px 0,10px 0,0 0,0 0;background-size:10px 10px;background-repeat:repeat;}", StyledBarWrapper, ":nth-child(5n+5){", ({
73
- theme
74
- }) => `background: linear-gradient(-45deg, ${theme.colors.neutral.backgroundWeak}40 25%,
75
- ${theme.colors.secondary.backgroundStrong}40 25%, ${theme.colors.secondary.backgroundStrong}40 50%,
76
- ${theme.colors.neutral.backgroundWeak}40 50%, ${theme.colors.neutral.backgroundWeak}40 75%, ${theme.colors.secondary.backgroundStrong}40
77
- 75%);`, " background-size:30px 30px;background-color:", ({
78
- theme
79
- }) => theme.colors.secondary.backgroundStrong, "BF;}");
80
-
81
- /**
82
- * BarStack is a graphic component that is used to show data in one dimension.
83
- */
84
- const BarStack = ({
85
- data,
86
- total,
87
- className,
88
- 'data-testid': dataTestId
89
- }) => {
90
- const computedTotal = useMemo(() => total ?? data.reduce((acc, {
91
- value
92
- }) => acc + value, 0), [total, data]);
93
- return jsx(StyledContainer, {
94
- "data-testid": dataTestId,
95
- className: className,
96
- children: data.map(({
97
- id,
98
- value,
99
- text,
100
- onClick,
101
- onDoubleClick,
102
- onMouseEnter,
103
- onMouseLeave,
104
- onMouseDown,
105
- onMouseUp,
106
- tooltip
107
- }) => jsx(StyledBarWrapper, {
108
- style: {
109
- width: `${value / computedTotal * 100}%`
110
- },
111
- children: tooltip ? jsx(Tooltip, {
112
- id: `tooltip-${id}`,
113
- text: tooltip,
114
- children: jsx(StyledBar, {
115
- onMouseDown: onMouseDown,
116
- onMouseUp: onMouseUp,
117
- onClick: onClick,
118
- onDoubleClick: onDoubleClick,
119
- onMouseEnter: onMouseEnter,
120
- onMouseLeave: onMouseLeave,
121
- children: text
122
- })
123
- }) : jsx(StyledBar, {
124
- onMouseDown: onMouseDown,
125
- onMouseUp: onMouseUp,
126
- onClick: onClick,
127
- onDoubleClick: onDoubleClick,
128
- onMouseEnter: onMouseEnter,
129
- onMouseLeave: onMouseLeave,
130
- children: text
131
- })
132
- }, id))
133
- });
134
- };
135
-
136
- export { BarStack };