@ntbjs/react-components 2.0.0-rc.29 → 2.0.0-rc.30

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 (279) hide show
  1. package/build/{_rollupPluginBabelHelpers-c245b26a.js → _virtual/_rollupPluginBabelHelpers.js} +2 -1
  2. package/build/_virtual/_rollupPluginBabelHelpers.js.map +1 -0
  3. package/build/{Alert-e6847a22.js → data/Alert/Alert.js} +5 -55
  4. package/build/data/Alert/Alert.js.map +1 -0
  5. package/build/data/Alert/Alert.styled.js +56 -0
  6. package/build/data/Alert/Alert.styled.js.map +1 -0
  7. package/build/data/Alert/index.js +2 -6
  8. package/build/data/Alert/index.js.map +1 -0
  9. package/build/data/Badge/Badge.js +87 -0
  10. package/build/data/Badge/Badge.js.map +1 -0
  11. package/build/{Badge-d93586a9.js → data/Badge/Badge.styled.js} +4 -85
  12. package/build/data/Badge/Badge.styled.js.map +1 -0
  13. package/build/data/Badge/index.js +2 -5
  14. package/build/data/Badge/index.js.map +1 -0
  15. package/build/data/Popover/Popover.js +93 -0
  16. package/build/data/Popover/Popover.js.map +1 -0
  17. package/build/{Popover-20050b91.js → data/Popover/Popover.styled.js} +6 -92
  18. package/build/data/Popover/Popover.styled.js.map +1 -0
  19. package/build/data/Popover/index.js +2 -10
  20. package/build/data/Popover/index.js.map +1 -0
  21. package/build/{Tab-04d435c3.js → data/Tab/Tab.js} +5 -12
  22. package/build/data/Tab/Tab.js.map +1 -0
  23. package/build/data/Tab/Tab.styled.js +13 -0
  24. package/build/data/Tab/Tab.styled.js.map +1 -0
  25. package/build/data/Tab/index.js +2 -5
  26. package/build/data/Tab/index.js.map +1 -0
  27. package/build/{Tabs-74d1ea8a.js → data/Tabs/Tabs.js} +6 -74
  28. package/build/data/Tabs/Tabs.js.map +1 -0
  29. package/build/data/Tabs/Tabs.styled.js +74 -0
  30. package/build/data/Tabs/Tabs.styled.js.map +1 -0
  31. package/build/data/Tabs/index.js +2 -7
  32. package/build/data/Tabs/index.js.map +1 -0
  33. package/build/{Tooltip-c1d1199e.js → data/Tooltip/Tooltip.js} +5 -26
  34. package/build/data/Tooltip/Tooltip.js.map +1 -0
  35. package/build/data/Tooltip/Tooltip.styled.js +28 -0
  36. package/build/data/Tooltip/Tooltip.styled.js.map +1 -0
  37. package/build/data/Tooltip/index.js +2 -7
  38. package/build/data/Tooltip/index.js.map +1 -0
  39. package/build/data/VerificationStatusIcon/VerificationStatusIcon.js +36 -0
  40. package/build/data/VerificationStatusIcon/VerificationStatusIcon.js.map +1 -0
  41. package/build/data/VerificationStatusIcon/VerificationStatusIcon.styled.js +53 -0
  42. package/build/data/VerificationStatusIcon/VerificationStatusIcon.styled.js.map +1 -0
  43. package/build/data/index.js +8 -16
  44. package/build/data/index.js.map +1 -0
  45. package/build/hooks/useEventListner.js +21 -0
  46. package/build/hooks/useEventListner.js.map +1 -0
  47. package/build/hooks/useIsomorphicLayoutEffect.js +6 -0
  48. package/build/hooks/useIsomorphicLayoutEffect.js.map +1 -0
  49. package/build/hooks/useOnClickOutside.js +14 -0
  50. package/build/hooks/useOnClickOutside.js.map +1 -0
  51. package/build/icons/arrow-back.svg.js +16 -0
  52. package/build/icons/arrow-back.svg.js.map +1 -0
  53. package/build/{arrow-forward-ad12c5f3.js → icons/arrow-forward.svg.js} +2 -1
  54. package/build/icons/arrow-forward.svg.js.map +1 -0
  55. package/build/icons/check-rectangle-filled.svg.js +16 -0
  56. package/build/icons/check-rectangle-filled.svg.js.map +1 -0
  57. package/build/{close-a5d37608.js → icons/close.svg.js} +2 -1
  58. package/build/icons/close.svg.js.map +1 -0
  59. package/build/{edit-note-283a0e15.js → icons/edit-note.svg.js} +2 -1
  60. package/build/icons/edit-note.svg.js.map +1 -0
  61. package/build/{expand-more-c5523c46.js → icons/expand-more.svg.js} +2 -1
  62. package/build/icons/expand-more.svg.js.map +1 -0
  63. package/build/icons/headset.svg.js +16 -0
  64. package/build/icons/headset.svg.js.map +1 -0
  65. package/build/icons/layers.svg.js +16 -0
  66. package/build/icons/layers.svg.js.map +1 -0
  67. package/build/icons/link.svg.js +16 -0
  68. package/build/icons/link.svg.js.map +1 -0
  69. package/build/icons/play.svg.js +16 -0
  70. package/build/icons/play.svg.js.map +1 -0
  71. package/build/icons/search.svg.js +16 -0
  72. package/build/icons/search.svg.js.map +1 -0
  73. package/build/icons/star-filled.svg.js +16 -0
  74. package/build/icons/star-filled.svg.js.map +1 -0
  75. package/build/icons/star.svg.js +16 -0
  76. package/build/icons/star.svg.js.map +1 -0
  77. package/build/icons/triangle-right.svg.js +16 -0
  78. package/build/icons/triangle-right.svg.js.map +1 -0
  79. package/build/icons/verification.svg.js +16 -0
  80. package/build/icons/verification.svg.js.map +1 -0
  81. package/build/{warning-circle-24f3efcd.js → icons/warning-circle.svg.js} +2 -1
  82. package/build/icons/warning-circle.svg.js.map +1 -0
  83. package/build/index.js +5 -0
  84. package/build/index.js.map +1 -0
  85. package/build/inputs/ActionButton/ActionButton.js +36 -0
  86. package/build/inputs/ActionButton/ActionButton.js.map +1 -0
  87. package/build/{ActionButton-4db754c3.js → inputs/ActionButton/ActionButton.styled.js} +4 -34
  88. package/build/inputs/ActionButton/ActionButton.styled.js.map +1 -0
  89. package/build/inputs/ActionButton/index.js +2 -6
  90. package/build/inputs/ActionButton/index.js.map +1 -0
  91. package/build/inputs/Button/Button.js +188 -0
  92. package/build/inputs/Button/Button.js.map +1 -0
  93. package/build/{Button-73eb8516.js → inputs/Button/Button.styled.js} +4 -186
  94. package/build/inputs/Button/Button.styled.js.map +1 -0
  95. package/build/inputs/Button/index.js +2 -13
  96. package/build/inputs/Button/index.js.map +1 -0
  97. package/build/inputs/Checkbox/Checkbox.js +97 -0
  98. package/build/inputs/Checkbox/Checkbox.js.map +1 -0
  99. package/build/inputs/Checkbox/Checkbox.styled.js +122 -0
  100. package/build/inputs/Checkbox/Checkbox.styled.js.map +1 -0
  101. package/build/inputs/Checkbox/index.js +2 -6
  102. package/build/inputs/Checkbox/index.js.map +1 -0
  103. package/build/inputs/CompactAutocompleteSelect/CompactAutocompleteSelect.js +267 -0
  104. package/build/inputs/CompactAutocompleteSelect/CompactAutocompleteSelect.js.map +1 -0
  105. package/build/{CompactAutocompleteSelect-52c49513.js → inputs/CompactAutocompleteSelect/CompactAutocompleteSelect.styled.js} +6 -267
  106. package/build/inputs/CompactAutocompleteSelect/CompactAutocompleteSelect.styled.js.map +1 -0
  107. package/build/inputs/CompactAutocompleteSelect/index.js +2 -23
  108. package/build/inputs/CompactAutocompleteSelect/index.js.map +1 -0
  109. package/build/inputs/CompactStarRating/CompactStarRating.js +177 -0
  110. package/build/inputs/CompactStarRating/CompactStarRating.js.map +1 -0
  111. package/build/inputs/CompactStarRating/CompactStarRating.styled.js +217 -0
  112. package/build/inputs/CompactStarRating/CompactStarRating.styled.js.map +1 -0
  113. package/build/inputs/CompactStarRating/index.js +2 -17
  114. package/build/inputs/CompactStarRating/index.js.map +1 -0
  115. package/build/inputs/CompactTextInput/CompactTextInput.js +184 -0
  116. package/build/inputs/CompactTextInput/CompactTextInput.js.map +1 -0
  117. package/build/{CompactTextInput-42ca5d42.js → inputs/CompactTextInput/CompactTextInput.styled.js} +4 -194
  118. package/build/inputs/CompactTextInput/CompactTextInput.styled.js.map +1 -0
  119. package/build/inputs/CompactTextInput/index.js +2 -19
  120. package/build/inputs/CompactTextInput/index.js.map +1 -0
  121. package/build/inputs/MultiLevelCheckbox/MultiLevelCheckbox.js +207 -0
  122. package/build/inputs/MultiLevelCheckbox/MultiLevelCheckbox.js.map +1 -0
  123. package/build/inputs/MultiLevelCheckbox/MultiLevelCheckbox.styled.js +66 -0
  124. package/build/inputs/MultiLevelCheckbox/MultiLevelCheckbox.styled.js.map +1 -0
  125. package/build/inputs/MultiLevelCheckbox/index.js +3 -0
  126. package/build/inputs/MultiLevelCheckbox/index.js.map +1 -0
  127. package/build/inputs/MultiLevelCheckbox/types.js +27 -0
  128. package/build/inputs/MultiLevelCheckbox/types.js.map +1 -0
  129. package/build/inputs/MultiLevelCheckboxSelect/MultiLevelCheckboxSelect.js +184 -26
  130. package/build/inputs/MultiLevelCheckboxSelect/MultiLevelCheckboxSelect.js.map +1 -0
  131. package/build/inputs/MultiLevelCheckboxSelect/MultiLevelCheckboxSelect.styled.js +93 -0
  132. package/build/inputs/MultiLevelCheckboxSelect/MultiLevelCheckboxSelect.styled.js.map +1 -0
  133. package/build/inputs/MultiLevelCheckboxSelect/index.js +2 -0
  134. package/build/inputs/MultiLevelCheckboxSelect/index.js.map +1 -0
  135. package/build/{MultiSelect-9f497e62.js → inputs/MultiSelect/MultiSelect.js} +6 -223
  136. package/build/inputs/MultiSelect/MultiSelect.js.map +1 -0
  137. package/build/inputs/MultiSelect/MultiSelect.styled.js +224 -0
  138. package/build/inputs/MultiSelect/MultiSelect.styled.js.map +1 -0
  139. package/build/inputs/MultiSelect/index.js +2 -10
  140. package/build/inputs/MultiSelect/index.js.map +1 -0
  141. package/build/inputs/Radio/Radio.js +60 -0
  142. package/build/inputs/Radio/Radio.js.map +1 -0
  143. package/build/{Radio-73ca3ae2.js → inputs/Radio/Radio.styled.js} +4 -58
  144. package/build/inputs/Radio/Radio.styled.js.map +1 -0
  145. package/build/inputs/Radio/index.js +2 -7
  146. package/build/inputs/Radio/index.js.map +1 -0
  147. package/build/inputs/Switch/Switch.js +64 -0
  148. package/build/inputs/Switch/Switch.js.map +1 -0
  149. package/build/{Switch-ecf3122b.js → inputs/Switch/Switch.styled.js} +4 -62
  150. package/build/inputs/Switch/Switch.styled.js.map +1 -0
  151. package/build/inputs/Switch/index.js +2 -6
  152. package/build/inputs/Switch/index.js.map +1 -0
  153. package/build/inputs/TextArea/TextArea.js +178 -0
  154. package/build/inputs/TextArea/TextArea.js.map +1 -0
  155. package/build/{TextArea-1e5b9201.js → inputs/TextArea/TextArea.styled.js} +3 -175
  156. package/build/inputs/TextArea/TextArea.styled.js.map +1 -0
  157. package/build/inputs/TextArea/index.js +2 -20
  158. package/build/inputs/TextArea/index.js.map +1 -0
  159. package/build/inputs/TextInput/TextInput.js +139 -0
  160. package/build/inputs/TextInput/TextInput.js.map +1 -0
  161. package/build/{TextInput-fab35842.js → inputs/TextInput/TextInput.styled.js} +4 -137
  162. package/build/inputs/TextInput/TextInput.styled.js.map +1 -0
  163. package/build/inputs/TextInput/index.js +2 -9
  164. package/build/inputs/TextInput/index.js.map +1 -0
  165. package/build/inputs/index.js +15 -40
  166. package/build/inputs/index.js.map +1 -0
  167. package/build/{InputGroup-1294d190.js → layout/InputGroup/InputGroup.js} +5 -8
  168. package/build/layout/InputGroup/InputGroup.js.map +1 -0
  169. package/build/layout/InputGroup/InputGroup.styled.js +9 -0
  170. package/build/layout/InputGroup/InputGroup.styled.js.map +1 -0
  171. package/build/layout/SectionSeparator/SectionSeparator.js +23 -0
  172. package/build/layout/SectionSeparator/SectionSeparator.js.map +1 -0
  173. package/build/layout/SectionSeparator/SectionSeparator.styled.js +14 -0
  174. package/build/layout/SectionSeparator/SectionSeparator.styled.js.map +1 -0
  175. package/build/layout/SectionSeparator/index.js +2 -5
  176. package/build/layout/SectionSeparator/index.js.map +1 -0
  177. package/build/layout/index.js +3 -6
  178. package/build/layout/index.js.map +1 -0
  179. package/build/ssr/index.js +1 -0
  180. package/build/ssr/index.js.map +1 -0
  181. package/build/styles/utils/colors.scss.js +4 -0
  182. package/build/styles/utils/colors.scss.js.map +1 -0
  183. package/build/utils/dateTime.js +17 -0
  184. package/build/utils/dateTime.js.map +1 -0
  185. package/build/utils/defaultTheme.js +44 -0
  186. package/build/utils/defaultTheme.js.map +1 -0
  187. package/build/{AssetAction-98d76ce0.js → widgets/AssetAction/AssetAction.js} +6 -40
  188. package/build/widgets/AssetAction/AssetAction.js.map +1 -0
  189. package/build/widgets/AssetAction/AssetAction.styled.js +41 -0
  190. package/build/widgets/AssetAction/AssetAction.styled.js.map +1 -0
  191. package/build/widgets/AssetAction/index.js +2 -7
  192. package/build/widgets/AssetAction/index.js.map +1 -0
  193. package/build/{AssetActionsBase-9e4c0735.js → widgets/AssetActionsBase/AssetActionsBase.js} +6 -15
  194. package/build/widgets/AssetActionsBase/AssetActionsBase.js.map +1 -0
  195. package/build/widgets/AssetActionsBase/AssetActionsBase.styled.js +15 -0
  196. package/build/widgets/AssetActionsBase/AssetActionsBase.styled.js.map +1 -0
  197. package/build/widgets/AssetActionsBase/index.js +2 -8
  198. package/build/widgets/AssetActionsBase/index.js.map +1 -0
  199. package/build/widgets/AssetGallery/AssetGallery.js +99 -0
  200. package/build/widgets/AssetGallery/AssetGallery.js.map +1 -0
  201. package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryBase.js +385 -0
  202. package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryBase.js.map +1 -0
  203. package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryBase.styled.js +30 -0
  204. package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryBase.styled.js.map +1 -0
  205. package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryCompactCard/AssetGalleryCompactCard.js +401 -0
  206. package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryCompactCard/AssetGalleryCompactCard.js.map +1 -0
  207. package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryCompactCard/AssetGalleryCompactCard.styled.js +329 -0
  208. package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryCompactCard/AssetGalleryCompactCard.styled.js.map +1 -0
  209. package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryGridCard/AssetGalleryGridCard.js +409 -0
  210. package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryGridCard/AssetGalleryGridCard.js.map +1 -0
  211. package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryGridCard/AssetGalleryGridCard.styled.js +280 -0
  212. package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryGridCard/AssetGalleryGridCard.styled.js.map +1 -0
  213. package/build/widgets/AssetGallery/asset.propType.js +54 -0
  214. package/build/widgets/AssetGallery/asset.propType.js.map +1 -0
  215. package/build/widgets/AssetGallery/index.js +2 -48
  216. package/build/widgets/AssetGallery/index.js.map +1 -0
  217. package/build/widgets/AssetPreview/AssetPreviewTopBar/AssetPreviewTopBar.js +44 -0
  218. package/build/widgets/AssetPreview/AssetPreviewTopBar/AssetPreviewTopBar.js.map +1 -0
  219. package/build/widgets/AssetPreview/AssetPreviewTopBar/AssetPreviewTopBar.styled.js +77 -0
  220. package/build/widgets/AssetPreview/AssetPreviewTopBar/AssetPreviewTopBar.styled.js.map +1 -0
  221. package/build/widgets/AssetPreview/AssetPreviewTopBar/index.js +2 -6
  222. package/build/widgets/AssetPreview/AssetPreviewTopBar/index.js.map +1 -0
  223. package/build/{ContextMenu-0f7134e4.js → widgets/ContextMenu/ContextMenu.js} +5 -9
  224. package/build/widgets/ContextMenu/ContextMenu.js.map +1 -0
  225. package/build/widgets/ContextMenu/ContextMenu.styled.js +10 -0
  226. package/build/widgets/ContextMenu/ContextMenu.styled.js.map +1 -0
  227. package/build/widgets/ContextMenu/ContextMenuItem/ContextMenuItem.js +44 -0
  228. package/build/widgets/ContextMenu/ContextMenuItem/ContextMenuItem.js.map +1 -0
  229. package/build/widgets/ContextMenu/ContextMenuItem/ContextMenuItem.styled.js +77 -0
  230. package/build/widgets/ContextMenu/ContextMenuItem/ContextMenuItem.styled.js.map +1 -0
  231. package/build/widgets/ContextMenu/ContextMenuItem/index.js +2 -5
  232. package/build/widgets/ContextMenu/ContextMenuItem/index.js.map +1 -0
  233. package/build/widgets/ContextMenu/ContextMenuItemsGroup/ContextMenuItemsGroup.js +22 -0
  234. package/build/widgets/ContextMenu/ContextMenuItemsGroup/ContextMenuItemsGroup.js.map +1 -0
  235. package/build/widgets/ContextMenu/ContextMenuItemsGroup/ContextMenuItemsGroup.styled.js +21 -0
  236. package/build/widgets/ContextMenu/ContextMenuItemsGroup/ContextMenuItemsGroup.styled.js.map +1 -0
  237. package/build/widgets/ContextMenu/ContextMenuItemsGroup/index.js +2 -37
  238. package/build/widgets/ContextMenu/ContextMenuItemsGroup/index.js.map +1 -0
  239. package/build/widgets/ContextMenu/index.js +2 -5
  240. package/build/widgets/ContextMenu/index.js.map +1 -0
  241. package/build/widgets/InfoCard/InfoCard.js +40 -0
  242. package/build/widgets/InfoCard/InfoCard.js.map +1 -0
  243. package/build/{InfoCard-c98b6f5a.js → widgets/InfoCard/InfoCard.styled.js} +5 -38
  244. package/build/widgets/InfoCard/InfoCard.styled.js.map +1 -0
  245. package/build/widgets/InfoCard/index.js +2 -6
  246. package/build/widgets/InfoCard/index.js.map +1 -0
  247. package/build/{Instructions-bfd28cea.js → widgets/Instructions/Instructions.js} +8 -34
  248. package/build/widgets/Instructions/Instructions.js.map +1 -0
  249. package/build/widgets/Instructions/Instructions.styled.js +32 -0
  250. package/build/widgets/Instructions/Instructions.styled.js.map +1 -0
  251. package/build/widgets/Instructions/index.js +2 -28
  252. package/build/widgets/Instructions/index.js.map +1 -0
  253. package/build/widgets/ProgressBar/ProgressBar.js +72 -0
  254. package/build/widgets/ProgressBar/ProgressBar.js.map +1 -0
  255. package/build/{ProgressBar-bc4a4a7e.js → widgets/ProgressBar/ProgressBar.styled.js} +5 -70
  256. package/build/widgets/ProgressBar/ProgressBar.styled.js.map +1 -0
  257. package/build/widgets/ProgressBar/index.js +2 -6
  258. package/build/widgets/ProgressBar/index.js.map +1 -0
  259. package/build/widgets/SummaryCard/SummaryCard.js +92 -0
  260. package/build/widgets/SummaryCard/SummaryCard.js.map +1 -0
  261. package/build/widgets/SummaryCard/SummaryCard.styled.js +137 -0
  262. package/build/widgets/SummaryCard/SummaryCard.styled.js.map +1 -0
  263. package/build/widgets/SummaryCard/index.js +2 -19
  264. package/build/widgets/SummaryCard/index.js.map +1 -0
  265. package/build/widgets/index.js +12 -53
  266. package/build/widgets/index.js.map +1 -0
  267. package/package.json +5 -2
  268. package/build/AssetGallery-63f721ec.js +0 -1981
  269. package/build/AssetPreviewTopBar-acd6353d.js +0 -127
  270. package/build/Checkbox-4a5fd716.js +0 -213
  271. package/build/CompactStarRating-9af2f427.js +0 -411
  272. package/build/ContextMenuItem-ea411141.js +0 -127
  273. package/build/MultiLevelCheckboxSelect-d8044c88.js +0 -604
  274. package/build/SectionSeparator-f47760a2.js +0 -31
  275. package/build/SummaryCard-24040650.js +0 -223
  276. package/build/VerificationStatusIcon-49cb1c1b.js +0 -95
  277. package/build/defaultTheme-1bcc2541.js +0 -1178
  278. package/build/layout/InputGroup/index.js +0 -5
  279. package/build/shift-away-subtle-0dd94a03.js +0 -7
@@ -0,0 +1 @@
1
+ {"version":3,"file":"VerificationStatusIcon.styled.js","sources":["../../../src/components/data/VerificationStatusIcon/VerificationStatusIcon.styled.js"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\n\nexport const VerificationIconWrapper = styled.div.attrs(applyDefaultTheme)`\n ${props =>\n props.background &&\n css`\n background-color: #000 !important;\n width: fit-content;\n padding: 6px 14px 6px 9px;\n border-radius: 15px;\n}\n `};\n`;\n\nexport const VerificationStatusIcon = styled.div.attrs(applyDefaultTheme)`\n display: flex;\n position: relative;\n font: normal normal normal 12px/16px Roboto;\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-300'),\n props.theme.getColor('gray-700')\n )};\n\n ${props =>\n props.background &&\n props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-100'),\n props.theme.getColor('gray-100')\n )};\n\n svg {\n height: ${props => props.iconHeight ?? 15}px;\n }\n`;\n\nexport const VerificationStatusColor = styled.div.attrs(applyDefaultTheme)`\n position: absolute;\n bottom: 0;\n left: ${props => ((props.iconHeight ?? 15) * 2) / 3}px;\n width: ${props => ((props.iconHeight ?? 15) * 2) / 3}px;\n height: ${props => ((props.iconHeight ?? 15) * 2) / 3}px;\n border-radius: 50%;\n ${props => {\n let darkThemeColor = props.theme.getColor('gray-100');\n let lightThemeColor = props.theme.getColor('gray-500');\n\n if (props.status === 'verified') {\n darkThemeColor = props.theme.getColor('emerald-500');\n lightThemeColor = props.theme.getColor('emerald-500');\n } else if (props.status === 'pending') {\n darkThemeColor = props.theme.getColor('signal-yellow-500');\n lightThemeColor = props.theme.getColor('signal-yellow-500');\n } else if (props.status === 'rejected') {\n darkThemeColor = props.theme.getColor('red-600');\n lightThemeColor = props.theme.getColor('red-600');\n } else if (props.status === 'mixed') {\n darkThemeColor = '#008CDB';\n lightThemeColor = '#008CDB';\n }\n\n return props.theme.themeProp('background-color', darkThemeColor, lightThemeColor);\n }};\n`;\n"],"names":["VerificationIconWrapper","styled","div","attrs","applyDefaultTheme","props","background","css","VerificationStatusIcon","theme","themeProp","getColor","iconHeight","VerificationStatusColor","darkThemeColor","lightThemeColor","status"],"mappings":";;;AAGO,MAAMA,uBAAuB,GAAGC,MAAM,CAACC,GAAG,CAACC,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC1E,EAAA,EAAIC,KAAK,IACLA,KAAK,CAACC,UAAU,IAChBC,GAAG,CAAA;AACP;AACA;AACA;AACA;AACA;AACA,IAAK,CAAA,CAAA;AACL,EAAC;AAEM,MAAMC,sBAAsB,GAAGP,MAAM,CAACC,GAAG,CAACC,KAAK,CAACC,iBAAiB,CAAC,CAAA;AACzE;AACA;AACA;AACA,EAAIC,EAAAA,KAAK,IACLA,KAAK,CAACI,KAAK,CAACC,SAAS,CACnB,OAAO,EACPL,KAAK,CAACI,KAAK,CAACE,QAAQ,CAAC,UAAU,CAAC,EAChCN,KAAK,CAACI,KAAK,CAACE,QAAQ,CAAC,UAAU,CACjC,CAAC,CAAA;AACL;AACA,EAAA,EAAIN,KAAK,IACLA,KAAK,CAACC,UAAU,IAChBD,KAAK,CAACI,KAAK,CAACC,SAAS,CACnB,OAAO,EACPL,KAAK,CAACI,KAAK,CAACE,QAAQ,CAAC,UAAU,CAAC,EAChCN,KAAK,CAACI,KAAK,CAACE,QAAQ,CAAC,UAAU,CACjC,CAAC,CAAA;AACL;AACA;AACA,YAAA,EAAcN,KAAK,IAAIA,KAAK,CAACO,UAAU,IAAI,EAAE,CAAA;AAC7C;AACA,EAAC;AAEM,MAAMC,uBAAuB,GAAGZ,MAAM,CAACC,GAAG,CAACC,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC1E;AACA;AACA,QAAUC,EAAAA,KAAK,IAAK,CAACA,KAAK,CAACO,UAAU,IAAI,EAAE,IAAI,CAAC,GAAI,CAAC,CAAA;AACrD,SAAWP,EAAAA,KAAK,IAAK,CAACA,KAAK,CAACO,UAAU,IAAI,EAAE,IAAI,CAAC,GAAI,CAAC,CAAA;AACtD,UAAYP,EAAAA,KAAK,IAAK,CAACA,KAAK,CAACO,UAAU,IAAI,EAAE,IAAI,CAAC,GAAI,CAAC,CAAA;AACvD;AACA,EAAA,EAAIP,KAAK,IAAI;EACT,IAAIS,cAAc,GAAGT,KAAK,CAACI,KAAK,CAACE,QAAQ,CAAC,UAAU,CAAC,CAAA;EACrD,IAAII,eAAe,GAAGV,KAAK,CAACI,KAAK,CAACE,QAAQ,CAAC,UAAU,CAAC,CAAA;AAEtD,EAAA,IAAIN,KAAK,CAACW,MAAM,KAAK,UAAU,EAAE;IAC/BF,cAAc,GAAGT,KAAK,CAACI,KAAK,CAACE,QAAQ,CAAC,aAAa,CAAC,CAAA;IACpDI,eAAe,GAAGV,KAAK,CAACI,KAAK,CAACE,QAAQ,CAAC,aAAa,CAAC,CAAA;AACvD,GAAC,MAAM,IAAIN,KAAK,CAACW,MAAM,KAAK,SAAS,EAAE;IACrCF,cAAc,GAAGT,KAAK,CAACI,KAAK,CAACE,QAAQ,CAAC,mBAAmB,CAAC,CAAA;IAC1DI,eAAe,GAAGV,KAAK,CAACI,KAAK,CAACE,QAAQ,CAAC,mBAAmB,CAAC,CAAA;AAC7D,GAAC,MAAM,IAAIN,KAAK,CAACW,MAAM,KAAK,UAAU,EAAE;IACtCF,cAAc,GAAGT,KAAK,CAACI,KAAK,CAACE,QAAQ,CAAC,SAAS,CAAC,CAAA;IAChDI,eAAe,GAAGV,KAAK,CAACI,KAAK,CAACE,QAAQ,CAAC,SAAS,CAAC,CAAA;AACnD,GAAC,MAAM,IAAIN,KAAK,CAACW,MAAM,KAAK,OAAO,EAAE;AACnCF,IAAAA,cAAc,GAAG,SAAS,CAAA;AAC1BC,IAAAA,eAAe,GAAG,SAAS,CAAA;AAC7B,GAAA;EAEA,OAAOV,KAAK,CAACI,KAAK,CAACC,SAAS,CAAC,kBAAkB,EAAEI,cAAc,EAAEC,eAAe,CAAC,CAAA;AACnF,CAAC,CAAA;AACH;;;;"}
@@ -1,16 +1,8 @@
1
- export { A as Alert } from '../Alert-e6847a22.js';
2
- export { B as Badge } from '../Badge-d93586a9.js';
3
- export { P as Popover } from '../Popover-20050b91.js';
4
- export { T as Tab } from '../Tab-04d435c3.js';
5
- export { T as Tabs } from '../Tabs-74d1ea8a.js';
6
- export { T as Tooltip } from '../Tooltip-c1d1199e.js';
7
- export { V as VerificationStatusIcon } from '../VerificationStatusIcon-49cb1c1b.js';
8
- import '../_rollupPluginBabelHelpers-c245b26a.js';
9
- import 'react';
10
- import '../defaultTheme-1bcc2541.js';
11
- import 'styled-components';
12
- import 'lodash';
13
- import 'polished';
14
- import '@tippyjs/react';
15
- import '../shift-away-subtle-0dd94a03.js';
16
- import 'popper-max-size-modifier';
1
+ export { default as Alert } from './Alert/Alert.js';
2
+ export { default as Badge } from './Badge/Badge.js';
3
+ export { default as Popover } from './Popover/Popover.js';
4
+ export { default as Tab } from './Tab/Tab.js';
5
+ export { default as Tabs } from './Tabs/Tabs.js';
6
+ export { default as Tooltip } from './Tooltip/Tooltip.js';
7
+ export { default as VerificationStatusIcon } from './VerificationStatusIcon/VerificationStatusIcon.js';
8
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
@@ -0,0 +1,21 @@
1
+ import { useRef, useEffect } from 'react';
2
+ import useIsomorphicLayoutEffect from './useIsomorphicLayoutEffect.js';
3
+
4
+ function useEventListener(eventName, handler, element, options) {
5
+ const savedHandler = useRef(handler);
6
+ useIsomorphicLayoutEffect(() => {
7
+ savedHandler.current = handler;
8
+ }, [handler]);
9
+ useEffect(() => {
10
+ const targetElement = element?.current ?? window;
11
+ if (!(targetElement && targetElement.addEventListener)) return;
12
+ const listener = event => savedHandler.current(event);
13
+ targetElement.addEventListener(eventName, listener, options);
14
+ return () => {
15
+ targetElement.removeEventListener(eventName, listener, options);
16
+ };
17
+ }, [eventName, element, options]);
18
+ }
19
+
20
+ export { useEventListener };
21
+ //# sourceMappingURL=useEventListner.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useEventListner.js","sources":["../../src/hooks/useEventListner.js"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport useIsomorphicLayoutEffect from './useIsomorphicLayoutEffect';\n\nfunction useEventListener(eventName, handler, element, options) {\n // Create a ref that stores handler\n const savedHandler = useRef(handler);\n\n useIsomorphicLayoutEffect(() => {\n savedHandler.current = handler;\n }, [handler]);\n\n useEffect(() => {\n // Define the listening target\n const targetElement = element?.current ?? window;\n\n if (!(targetElement && targetElement.addEventListener)) return;\n\n // Create event listener that calls handler function stored in ref\n const listener = event => savedHandler.current(event);\n\n targetElement.addEventListener(eventName, listener, options);\n\n // Remove event listener on cleanup\n return () => {\n targetElement.removeEventListener(eventName, listener, options);\n };\n }, [eventName, element, options]);\n}\n\nexport { useEventListener };\n"],"names":["useEventListener","eventName","handler","element","options","savedHandler","useRef","useIsomorphicLayoutEffect","current","useEffect","targetElement","window","addEventListener","listener","event","removeEventListener"],"mappings":";;;AAGA,SAASA,gBAAgBA,CAACC,SAAS,EAAEC,OAAO,EAAEC,OAAO,EAAEC,OAAO,EAAE;AAE9D,EAAA,MAAMC,YAAY,GAAGC,MAAM,CAACJ,OAAO,CAAC,CAAA;AAEpCK,EAAAA,yBAAyB,CAAC,MAAM;IAC9BF,YAAY,CAACG,OAAO,GAAGN,OAAO,CAAA;AAChC,GAAC,EAAE,CAACA,OAAO,CAAC,CAAC,CAAA;AAEbO,EAAAA,SAAS,CAAC,MAAM;AAEd,IAAA,MAAMC,aAAa,GAAGP,OAAO,EAAEK,OAAO,IAAIG,MAAM,CAAA;AAEhD,IAAA,IAAI,EAAED,aAAa,IAAIA,aAAa,CAACE,gBAAgB,CAAC,EAAE,OAAA;IAGxD,MAAMC,QAAQ,GAAGC,KAAK,IAAIT,YAAY,CAACG,OAAO,CAACM,KAAK,CAAC,CAAA;IAErDJ,aAAa,CAACE,gBAAgB,CAACX,SAAS,EAAEY,QAAQ,EAAET,OAAO,CAAC,CAAA;AAG5D,IAAA,OAAO,MAAM;MACXM,aAAa,CAACK,mBAAmB,CAACd,SAAS,EAAEY,QAAQ,EAAET,OAAO,CAAC,CAAA;KAChE,CAAA;GACF,EAAE,CAACH,SAAS,EAAEE,OAAO,EAAEC,OAAO,CAAC,CAAC,CAAA;AACnC;;;;"}
@@ -0,0 +1,6 @@
1
+ import { useLayoutEffect, useEffect } from 'react';
2
+
3
+ const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
4
+
5
+ export { useIsomorphicLayoutEffect as default };
6
+ //# sourceMappingURL=useIsomorphicLayoutEffect.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useIsomorphicLayoutEffect.js","sources":["../../src/hooks/useIsomorphicLayoutEffect.js"],"sourcesContent":["import { useLayoutEffect, useEffect } from 'react';\n\n/**\n * @type {{(effect: React.EffectCallback, deps?: React.DependencyList): void, (effect: React.EffectCallback, deps?: React.DependencyList): void}}\n */\nconst useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n\nexport default useIsomorphicLayoutEffect;\n"],"names":["useIsomorphicLayoutEffect","window","useLayoutEffect","useEffect"],"mappings":";;AAKMA,MAAAA,yBAAyB,GAAG,OAAOC,MAAM,KAAK,WAAW,GAAGC,eAAe,GAAGC;;;;"}
@@ -0,0 +1,14 @@
1
+ import { useEventListener } from './useEventListner.js';
2
+
3
+ function useOnClickOutside(ref, handler, mouseEvent = 'mousedown') {
4
+ useEventListener(mouseEvent, event => {
5
+ const el = ref?.current;
6
+ if (!el || el.contains(event.target)) {
7
+ return;
8
+ }
9
+ handler(event);
10
+ });
11
+ }
12
+
13
+ export { useOnClickOutside };
14
+ //# sourceMappingURL=useOnClickOutside.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useOnClickOutside.js","sources":["../../src/hooks/useOnClickOutside.js"],"sourcesContent":["import { useEventListener } from './useEventListner';\n\nexport function useOnClickOutside(ref, handler, mouseEvent = 'mousedown') {\n useEventListener(mouseEvent, event => {\n const el = ref?.current;\n\n // Do nothing if clicking ref's element or descendent elements\n if (!el || el.contains(event.target)) {\n return;\n }\n\n handler(event);\n });\n}\n"],"names":["useOnClickOutside","ref","handler","mouseEvent","useEventListener","event","el","current","contains","target"],"mappings":";;AAEO,SAASA,iBAAiBA,CAACC,GAAG,EAAEC,OAAO,EAAEC,UAAU,GAAG,WAAW,EAAE;AACxEC,EAAAA,gBAAgB,CAACD,UAAU,EAAEE,KAAK,IAAI;AACpC,IAAA,MAAMC,EAAE,GAAGL,GAAG,EAAEM,OAAO,CAAA;IAGvB,IAAI,CAACD,EAAE,IAAIA,EAAE,CAACE,QAAQ,CAACH,KAAK,CAACI,MAAM,CAAC,EAAE;AACpC,MAAA,OAAA;AACF,KAAA;IAEAP,OAAO,CAACG,KAAK,CAAC,CAAA;AAChB,GAAC,CAAC,CAAA;AACJ;;;;"}
@@ -0,0 +1,16 @@
1
+ import * as React from 'react';
2
+
3
+ var _path;
4
+ function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
5
+ function SvgArrowBack(props) {
6
+ return /*#__PURE__*/React.createElement("svg", _extends({
7
+ xmlns: "http://www.w3.org/2000/svg",
8
+ viewBox: "0 0 32 32"
9
+ }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
10
+ fill: "currentColor",
11
+ d: "M16 32L0 16 16 0l2.1 2.1L5.7 14.5H32v3H5.7l12.4 12.4L16 32z"
12
+ })));
13
+ }
14
+
15
+ export { SvgArrowBack as ReactComponent };
16
+ //# sourceMappingURL=arrow-back.svg.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"arrow-back.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
@@ -12,4 +12,5 @@ function SvgArrowForward(props) {
12
12
  })));
13
13
  }
14
14
 
15
- export { SvgArrowForward as S };
15
+ export { SvgArrowForward as ReactComponent };
16
+ //# sourceMappingURL=arrow-forward.svg.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"arrow-forward.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
@@ -0,0 +1,16 @@
1
+ import * as React from 'react';
2
+
3
+ var _path;
4
+ function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
5
+ function SvgCheckRectangleFilled(props) {
6
+ return /*#__PURE__*/React.createElement("svg", _extends({
7
+ xmlns: "http://www.w3.org/2000/svg",
8
+ viewBox: "0 0 24 24"
9
+ }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
10
+ fill: "currentColor",
11
+ d: "M10.146 17.622l9.412-9.412-1.87-1.869-7.542 7.543-3.805-3.805-1.869 1.87 5.674 5.673zM2.67 24.03q-1.101 0-1.886-.784T0 21.36V2.67Q0 1.569.784.784T2.67 0h18.69q1.101 0 1.886.784t.784 1.886v18.69q0 1.101-.784 1.886t-1.886.784H2.67z"
12
+ })));
13
+ }
14
+
15
+ export { SvgCheckRectangleFilled as ReactComponent };
16
+ //# sourceMappingURL=check-rectangle-filled.svg.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"check-rectangle-filled.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
@@ -12,4 +12,5 @@ function SvgClose(props) {
12
12
  })));
13
13
  }
14
14
 
15
- export { SvgClose as S };
15
+ export { SvgClose as ReactComponent };
16
+ //# sourceMappingURL=close.svg.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"close.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
@@ -12,4 +12,5 @@ function SvgEditNote(props) {
12
12
  })));
13
13
  }
14
14
 
15
- export { SvgEditNote as S };
15
+ export { SvgEditNote as ReactComponent };
16
+ //# sourceMappingURL=edit-note.svg.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"edit-note.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
@@ -12,4 +12,5 @@ function SvgExpandMore(props) {
12
12
  })));
13
13
  }
14
14
 
15
- export { SvgExpandMore as S };
15
+ export { SvgExpandMore as ReactComponent };
16
+ //# sourceMappingURL=expand-more.svg.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"expand-more.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
@@ -0,0 +1,16 @@
1
+ import * as React from 'react';
2
+
3
+ var _path;
4
+ function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
5
+ function SvgHeadset(props) {
6
+ return /*#__PURE__*/React.createElement("svg", _extends({
7
+ xmlns: "http://www.w3.org/2000/svg",
8
+ fill: "currentColor",
9
+ viewBox: "0 0 24 24"
10
+ }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
11
+ d: "M9 21H5q-.825 0-1.413-.587Q3 19.825 3 19v-7q0-1.875.712-3.513.713-1.637 1.926-2.85 1.212-1.212 2.85-1.925Q10.125 3 12 3t3.513.712q1.637.713 2.85 1.925 1.212 1.213 1.925 2.85Q21 10.125 21 12v7q0 .825-.587 1.413Q19.825 21 19 21h-4v-8h4v-1q0-2.925-2.038-4.963Q14.925 5 12 5T7.038 7.037Q5 9.075 5 12v1h4zm-2-6H5v4h2zm10 0v4h2v-4zm0 0h2-2zM7 15H5z"
12
+ })));
13
+ }
14
+
15
+ export { SvgHeadset as ReactComponent };
16
+ //# sourceMappingURL=headset.svg.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"headset.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
@@ -0,0 +1,16 @@
1
+ import * as React from 'react';
2
+
3
+ var _path;
4
+ function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
5
+ function SvgLayers(props) {
6
+ return /*#__PURE__*/React.createElement("svg", _extends({
7
+ xmlns: "http://www.w3.org/2000/svg",
8
+ viewBox: "-1 0 24 24"
9
+ }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
10
+ fill: "currentColor",
11
+ d: "M11.16 23.622L0 14.942l2.046-1.55 9.114 7.068 9.114-7.068 2.046 1.55-11.16 8.68zm0-6.262L0 8.68 11.16 0l11.16 8.68-11.16 8.68z"
12
+ })));
13
+ }
14
+
15
+ export { SvgLayers as ReactComponent };
16
+ //# sourceMappingURL=layers.svg.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"layers.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
@@ -0,0 +1,16 @@
1
+ import * as React from 'react';
2
+
3
+ var _path;
4
+ function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
5
+ function SvgLink(props) {
6
+ return /*#__PURE__*/React.createElement("svg", _extends({
7
+ xmlns: "http://www.w3.org/2000/svg",
8
+ viewBox: "0 0 20 10"
9
+ }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
10
+ fill: "currentColor",
11
+ d: "M9 10H5c-1.38 0-2.56-.49-3.54-1.46S0 6.39 0 5s.49-2.56 1.46-3.54S3.62 0 5 0h4v2H5c-.83 0-1.54.29-2.13.88s-.88 1.29-.88 2.13.29 1.54.88 2.13 1.29.88 2.13.88h4v2zM6 6V4h8v2H6zm5 4V8h4c.83 0 1.54-.29 2.13-.88s.88-1.29.88-2.13-.29-1.54-.88-2.13-1.29-.88-2.13-.88h-4V0h4c1.38 0 2.56.49 3.54 1.46S20 3.61 20 5s-.49 2.56-1.46 3.54S16.39 10 15 10h-4z"
12
+ })));
13
+ }
14
+
15
+ export { SvgLink as ReactComponent };
16
+ //# sourceMappingURL=link.svg.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"link.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
@@ -0,0 +1,16 @@
1
+ import * as React from 'react';
2
+
3
+ var _path;
4
+ function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
5
+ function SvgPlay(props) {
6
+ return /*#__PURE__*/React.createElement("svg", _extends({
7
+ xmlns: "http://www.w3.org/2000/svg",
8
+ viewBox: "-3 -0.25 24 24"
9
+ }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
10
+ fill: "currentColor",
11
+ d: "M0 23.52V0l18.48 11.76L0 23.52z"
12
+ })));
13
+ }
14
+
15
+ export { SvgPlay as ReactComponent };
16
+ //# sourceMappingURL=play.svg.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"play.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
@@ -0,0 +1,16 @@
1
+ import * as React from 'react';
2
+
3
+ var _path;
4
+ function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
5
+ function SvgSearch(props) {
6
+ return /*#__PURE__*/React.createElement("svg", _extends({
7
+ xmlns: "http://www.w3.org/2000/svg",
8
+ viewBox: "0 0 24 24"
9
+ }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
10
+ fill: "currentColor",
11
+ d: "M17.153 15.094h-1.084l-.385-.37a8.933 8.933 0 10-.96.96l.37.385v1.084L21.955 24 24 21.955zm-8.234 0a6.175 6.175 0 116.175-6.175 6.167 6.167 0 01-6.175 6.175z"
12
+ })));
13
+ }
14
+
15
+ export { SvgSearch as ReactComponent };
16
+ //# sourceMappingURL=search.svg.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"search.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
@@ -0,0 +1,16 @@
1
+ import * as React from 'react';
2
+
3
+ var _path;
4
+ function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
5
+ function SvgStarFilled(props) {
6
+ return /*#__PURE__*/React.createElement("svg", _extends({
7
+ xmlns: "http://www.w3.org/2000/svg",
8
+ viewBox: "0 0 40 38"
9
+ }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
10
+ fill: "currentColor",
11
+ d: "M7.65 38l3.25-14.05L0 14.5l14.4-1.25L20 0l5.6 13.25L40 14.5l-10.9 9.45L32.35 38 20 30.55 7.65 38z"
12
+ })));
13
+ }
14
+
15
+ export { SvgStarFilled as ReactComponent };
16
+ //# sourceMappingURL=star-filled.svg.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"star-filled.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
@@ -0,0 +1,16 @@
1
+ import * as React from 'react';
2
+
3
+ var _path;
4
+ function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
5
+ function SvgStar(props) {
6
+ return /*#__PURE__*/React.createElement("svg", _extends({
7
+ xmlns: "http://www.w3.org/2000/svg",
8
+ viewBox: "0 0 40 38"
9
+ }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
10
+ fill: "currentColor",
11
+ d: "M12.2 31.8l7.8-4.7 7.9 4.8-2.1-8.9 6.9-6-9.1-.8L20 7.7l-3.5 8.4-9.1.8 6.9 6-2.1 8.9zM7.7 38L11 24 0 14.5l14.4-1.2L20 0l5.6 13.2L40 14.5 29.1 24l3.3 14L20 30.6 7.7 38z"
12
+ })));
13
+ }
14
+
15
+ export { SvgStar as ReactComponent };
16
+ //# sourceMappingURL=star.svg.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"star.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
@@ -0,0 +1,16 @@
1
+ import * as React from 'react';
2
+
3
+ var _path;
4
+ function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
5
+ function SvgTriangleRight(props) {
6
+ return /*#__PURE__*/React.createElement("svg", _extends({
7
+ xmlns: "http://www.w3.org/2000/svg",
8
+ viewBox: "0 0 10 20"
9
+ }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
10
+ fill: "currentColor",
11
+ d: "M0 20V0l10 10L0 20z"
12
+ })));
13
+ }
14
+
15
+ export { SvgTriangleRight as ReactComponent };
16
+ //# sourceMappingURL=triangle-right.svg.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"triangle-right.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
@@ -0,0 +1,16 @@
1
+ import * as React from 'react';
2
+
3
+ var _path;
4
+ function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
5
+ function SvgVerification(props) {
6
+ return /*#__PURE__*/React.createElement("svg", _extends({
7
+ xmlns: "http://www.w3.org/2000/svg",
8
+ viewBox: "-2.5 0 24 24"
9
+ }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
10
+ fill: "currentColor",
11
+ d: "M9.3 12.662q-1.698 0-2.864-1.166T5.27 8.632q0-1.697 1.166-2.864T9.3 4.602q1.698 0 2.864 1.166t1.166 2.864q0 1.698-1.166 2.864T9.3 12.662zm0-1.86q.925 0 1.548-.622.622-.622.622-1.548t-.622-1.547q-.623-.623-1.548-.623t-1.548.623q-.622.622-.622 1.547t.622 1.548q.623.622 1.548.622zm0 12.686q-4.023-1.097-6.661-4.735Q0 15.113 0 10.616V3.482L9.3 0l9.3 3.482v7.134q0 4.498-2.639 8.137-2.638 3.639-6.661 4.735zm0-11.744zm0-9.765L1.86 4.757v5.86q0 1.769.507 3.421.507 1.653 1.408 3.083 1.254-.639 2.626-.999 1.373-.36 2.899-.36t2.898.36q1.373.36 2.627 1 .901-1.431 1.408-3.084.507-1.652.507-3.422V4.757L9.3 1.98zm0 15.643q-1.2 0-2.307.26-1.108.26-2.093.73.923 1.025 2.03 1.773 1.109.747 2.37 1.143 1.262-.395 2.363-1.143 1.102-.748 2.025-1.773-.985-.47-2.087-.73-1.102-.26-2.301-.26z"
12
+ })));
13
+ }
14
+
15
+ export { SvgVerification as ReactComponent };
16
+ //# sourceMappingURL=verification.svg.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"verification.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
@@ -12,4 +12,5 @@ function SvgWarningCircle(props) {
12
12
  })));
13
13
  }
14
14
 
15
- export { SvgWarningCircle as S };
15
+ export { SvgWarningCircle as ReactComponent };
16
+ //# sourceMappingURL=warning-circle.svg.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"warning-circle.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
package/build/index.js ADDED
@@ -0,0 +1,5 @@
1
+ import * as index from './inputs/index.js';
2
+ export { index as Form };
3
+ import * as index$1 from './widgets/index.js';
4
+ export { index$1 as Widget };
5
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
@@ -0,0 +1,36 @@
1
+ import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
2
+ import React__default from 'react';
3
+ import PropTypes from 'prop-types';
4
+ import { ActionButton as ActionButton$1 } from './ActionButton.styled.js';
5
+
6
+ const ActionButton = React__default.forwardRef(function ActionButton({
7
+ icon,
8
+ disabled,
9
+ active,
10
+ onClick,
11
+ actionWidthHeight,
12
+ ...props
13
+ }, forwardedRef) {
14
+ return React__default.createElement(ActionButton$1, _extends({
15
+ ref: forwardedRef,
16
+ disabled: disabled,
17
+ active: active,
18
+ onClick: onClick,
19
+ actionWidthHeight: actionWidthHeight
20
+ }, props), icon);
21
+ });
22
+ ActionButton.propTypes = process.env.NODE_ENV !== "production" ? {
23
+ icon: PropTypes.element.isRequired,
24
+ disabled: PropTypes.bool,
25
+ active: PropTypes.bool,
26
+ onClick: PropTypes.func,
27
+ backgroundColors: PropTypes.arrayOf(PropTypes.string),
28
+ actionWidthHeight: PropTypes.array
29
+ } : {};
30
+ ActionButton.defaultProps = {
31
+ onClick: () => {},
32
+ actionWidthHeight: [40, 40]
33
+ };
34
+
35
+ export { ActionButton as default };
36
+ //# sourceMappingURL=ActionButton.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ActionButton.js","sources":["../../../src/components/inputs/ActionButton/ActionButton.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport * as S from './ActionButton.styled';\n\n/**\n * An action button.\n *\n * ### Import\n *\n * ``` js\n * import { ActionButton } from '@ntbjs/react-components/inputs'\n * // or\n * import ActionButton from '@ntbjs/react-components/inputs/ActionButton'\n * ```\n *\n * ### Props\n * ```\n * Pass `icon={<svg></svg>}` to display an icon.\n * Pass `disabled={true}` to disable the button.\n * Pass `active={true}` to lock the hover state of the button.\n * Pass `onClick={() => {}}` to add an on-click effect.\n * Pass `backgroundColors={[#ffffff, #000000]}` to set the background color of the button\n * ```\n */\nconst ActionButton = React.forwardRef(function ActionButton(\n { icon, disabled, active, onClick, actionWidthHeight, ...props },\n forwardedRef\n) {\n return (\n <S.ActionButton\n ref={forwardedRef}\n disabled={disabled}\n active={active}\n onClick={onClick}\n actionWidthHeight={actionWidthHeight}\n {...props}\n >\n {icon}\n </S.ActionButton>\n );\n});\n\nActionButton.propTypes = {\n /**\n * Icon element – e.g: `icon={<SvgAddCircle />}`\n */\n icon: PropTypes.element.isRequired,\n /**\n * Disable the action button\n */\n disabled: PropTypes.bool,\n /**\n * Locks the hover state of the `ActionButton` – this prop only affects the visual appearance of the\n * `ActionButton`\n */\n active: PropTypes.bool,\n /**\n * On-click effect for the action button\n */\n onClick: PropTypes.func,\n /**\n * Color of the button background as an array of [darkThemeColor, lightThemeColor]\n */\n backgroundColors: PropTypes.arrayOf(PropTypes.string),\n /**\n * Width and Height of the Action Button [50, 50]\n */\n actionWidthHeight: PropTypes.array\n};\n\nActionButton.defaultProps = {\n onClick: () => {},\n actionWidthHeight: [40, 40]\n};\n\nexport default ActionButton;\n"],"names":["ActionButton","React","forwardRef","icon","disabled","active","onClick","actionWidthHeight","props","forwardedRef","createElement","S","_extends","ref","propTypes","process","env","NODE_ENV","PropTypes","element","isRequired","bool","func","backgroundColors","arrayOf","string","array","defaultProps"],"mappings":";;;;;AAwBMA,MAAAA,YAAY,GAAGC,cAAK,CAACC,UAAU,CAAC,SAASF,YAAYA,CACzD;EAAEG,IAAI;EAAEC,QAAQ;EAAEC,MAAM;EAAEC,OAAO;EAAEC,iBAAiB;EAAE,GAAGC,KAAAA;AAAM,CAAC,EAChEC,YAAY,EACZ;EACA,OACER,cAAA,CAAAS,aAAA,CAACC,cAAc,EAAAC,QAAA,CAAA;AACbC,IAAAA,GAAG,EAAEJ,YAAa;AAClBL,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,OAAO,EAAEA,OAAQ;AACjBC,IAAAA,iBAAiB,EAAEA,iBAAAA;GACfC,EAAAA,KAAK,CAERL,EAAAA,IACa,CAAC,CAAA;AAErB,CAAC,EAAC;AAEFH,YAAY,CAACc,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAG,YAAA,GAAA;AAIvBd,EAAAA,IAAI,EAAEe,SAAS,CAACC,OAAO,CAACC,UAAU;EAIlChB,QAAQ,EAAEc,SAAS,CAACG,IAAI;EAKxBhB,MAAM,EAAEa,SAAS,CAACG,IAAI;EAItBf,OAAO,EAAEY,SAAS,CAACI,IAAI;EAIvBC,gBAAgB,EAAEL,SAAS,CAACM,OAAO,CAACN,SAAS,CAACO,MAAM,CAAC;EAIrDlB,iBAAiB,EAAEW,SAAS,CAACQ,KAAAA;AAC/B,CAAC,GAAA,EAAA,CAAA;AAED1B,YAAY,CAAC2B,YAAY,GAAG;AAC1BrB,EAAAA,OAAO,EAAEA,MAAM,EAAE;AACjBC,EAAAA,iBAAiB,EAAE,CAAC,EAAE,EAAE,EAAE,CAAA;AAC5B,CAAC;;;;"}
@@ -1,10 +1,8 @@
1
- import { _ as _extends } from './_rollupPluginBabelHelpers-c245b26a.js';
2
- import React__default from 'react';
3
- import { a as applyDefaultTheme, P as PropTypes } from './defaultTheme-1bcc2541.js';
4
1
  import styled, { css } from 'styled-components';
5
2
  import { rgba } from 'polished';
3
+ import { applyDefaultTheme } from '../../utils/defaultTheme.js';
6
4
 
7
- const ActionButton$1 = styled.button.attrs(applyDefaultTheme)`
5
+ const ActionButton = styled.button.attrs(applyDefaultTheme)`
8
6
  display: inline-flex;
9
7
  justify-content: center;
10
8
  align-items: center;
@@ -53,33 +51,5 @@ const ActionButton$1 = styled.button.attrs(applyDefaultTheme)`
53
51
  }
54
52
  `;
55
53
 
56
- const ActionButton = React__default.forwardRef(function ActionButton({
57
- icon,
58
- disabled,
59
- active,
60
- onClick,
61
- actionWidthHeight,
62
- ...props
63
- }, forwardedRef) {
64
- return React__default.createElement(ActionButton$1, _extends({
65
- ref: forwardedRef,
66
- disabled: disabled,
67
- active: active,
68
- onClick: onClick,
69
- actionWidthHeight: actionWidthHeight
70
- }, props), icon);
71
- });
72
- ActionButton.propTypes = process.env.NODE_ENV !== "production" ? {
73
- icon: PropTypes.element.isRequired,
74
- disabled: PropTypes.bool,
75
- active: PropTypes.bool,
76
- onClick: PropTypes.func,
77
- backgroundColors: PropTypes.arrayOf(PropTypes.string),
78
- actionWidthHeight: PropTypes.array
79
- } : {};
80
- ActionButton.defaultProps = {
81
- onClick: () => {},
82
- actionWidthHeight: [40, 40]
83
- };
84
-
85
- export { ActionButton as A };
54
+ export { ActionButton };
55
+ //# sourceMappingURL=ActionButton.styled.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ActionButton.styled.js","sources":["../../../src/components/inputs/ActionButton/ActionButton.styled.js"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { rgba } from 'polished';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\n\nexport const ActionButton = styled.button.attrs(applyDefaultTheme)`\n display: inline-flex;\n justify-content: center;\n align-items: center;\n border-radius: 50%;\n width: ${props => `${props.actionWidthHeight[0]}px`};\n height: ${props => `${props.actionWidthHeight[1]}px`};\n border: 0;\n color: inherit;\n background-color: transparent;\n ${props => {\n const darkThemeBgColor = props?.backgroundColors?.[0] ?? props.theme.getColor('gray-600');\n const lightThemeBgColor = props?.backgroundColors?.[1] ?? props.theme.getColor('gray-200');\n return props.theme.themeProp(\n 'background-image',\n `radial-gradient(circle at center, ${darkThemeBgColor} 50%, transparent 50%)`,\n `radial-gradient(circle at center, ${lightThemeBgColor} 50%, transparent 50%)`\n );\n }}\n background-position: center;\n background-repeat: no-repeat;\n background-size: 0 0;\n transition: background-size 250ms ease;\n cursor: pointer;\n\n ${props => css`\n ${props.active ? '' : ':hover'}:not(:disabled) {\n background-size: 200% 200%;\n\n svg {\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-100'),\n props.theme.getColor('gray-700')\n )};\n }\n }\n `}\n\n ${props =>\n props.useShadow\n ? props.theme.themeProp(\n 'box-shadow',\n `0px 3px 6px ${rgba(props.theme.getColor('black'), 0.7)}`,\n `0px 3px 6px ${props.theme.getColor('black')}`\n )\n : null}\n\n &:disabled {\n opacity: 0.5;\n color: inherit;\n cursor: not-allowed;\n }\n\n svg {\n width: 100%;\n max-width: ${props => `${props.actionWidthHeight[0] - 15}px`};\n max-height: ${props => `${props.actionWidthHeight[1] - 15}px`};\n\n pointer-events: none;\n transition: color 250ms;\n }\n`;\n"],"names":["ActionButton","styled","button","attrs","applyDefaultTheme","props","actionWidthHeight","darkThemeBgColor","backgroundColors","theme","getColor","lightThemeBgColor","themeProp","css","active","useShadow","rgba"],"mappings":";;;;AAIO,MAAMA,YAAY,GAAGC,MAAM,CAACC,MAAM,CAACC,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAClE;AACA;AACA;AACA;AACA,SAAWC,EAAAA,KAAK,IAAI,CAAGA,EAAAA,KAAK,CAACC,iBAAiB,CAAC,CAAC,CAAC,CAAI,EAAA,CAAA,CAAA;AACrD,UAAYD,EAAAA,KAAK,IAAI,CAAGA,EAAAA,KAAK,CAACC,iBAAiB,CAAC,CAAC,CAAC,CAAI,EAAA,CAAA,CAAA;AACtD;AACA;AACA;AACA,EAAA,EAAID,KAAK,IAAI;AACT,EAAA,MAAME,gBAAgB,GAAGF,KAAK,EAAEG,gBAAgB,GAAG,CAAC,CAAC,IAAIH,KAAK,CAACI,KAAK,CAACC,QAAQ,CAAC,UAAU,CAAC,CAAA;AACzF,EAAA,MAAMC,iBAAiB,GAAGN,KAAK,EAAEG,gBAAgB,GAAG,CAAC,CAAC,IAAIH,KAAK,CAACI,KAAK,CAACC,QAAQ,CAAC,UAAU,CAAC,CAAA;AAC1F,EAAA,OAAOL,KAAK,CAACI,KAAK,CAACG,SAAS,CAC1B,kBAAkB,EAClB,CAAA,kCAAA,EAAqCL,gBAAgB,CAAwB,sBAAA,CAAA,EAC7E,CAAqCI,kCAAAA,EAAAA,iBAAiB,wBACxD,CAAC,CAAA;AACH,CAAC,CAAA;AACH;AACA;AACA;AACA;AACA;AACA;AACA,EAAIN,EAAAA,KAAK,IAAIQ,GAAG,CAAA;AAChB,IAAA,EAAMR,KAAK,CAACS,MAAM,GAAG,EAAE,GAAG,QAAQ,CAAA;AAClC;AACA;AACA;AACA,QAAUT,EAAAA,KAAK,IACLA,KAAK,CAACI,KAAK,CAACG,SAAS,CACnB,OAAO,EACPP,KAAK,CAACI,KAAK,CAACC,QAAQ,CAAC,UAAU,CAAC,EAChCL,KAAK,CAACI,KAAK,CAACC,QAAQ,CAAC,UAAU,CACjC,CAAC,CAAA;AACX;AACA;AACA,EAAG,CAAA,CAAA;AACH;AACA,EAAA,EAAIL,KAAK,IACLA,KAAK,CAACU,SAAS,GACXV,KAAK,CAACI,KAAK,CAACG,SAAS,CACnB,YAAY,EACZ,CAAA,YAAA,EAAeI,IAAI,CAACX,KAAK,CAACI,KAAK,CAACC,QAAQ,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,CAAA,CAAE,EACzD,CAAeL,YAAAA,EAAAA,KAAK,CAACI,KAAK,CAACC,QAAQ,CAAC,OAAO,CAAC,CAC9C,CAAA,CAAC,GACD,IAAI,CAAA;AACZ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAiBL,EAAAA,KAAK,IAAI,CAAA,EAAGA,KAAK,CAACC,iBAAiB,CAAC,CAAC,CAAC,GAAG,EAAE,CAAI,EAAA,CAAA,CAAA;AAChE,gBAAkBD,EAAAA,KAAK,IAAI,CAAA,EAAGA,KAAK,CAACC,iBAAiB,CAAC,CAAC,CAAC,GAAG,EAAE,CAAI,EAAA,CAAA,CAAA;AACjE;AACA;AACA;AACA;AACA;;;;"}
@@ -1,6 +1,2 @@
1
- export { A as default } from '../../ActionButton-4db754c3.js';
2
- import '../../_rollupPluginBabelHelpers-c245b26a.js';
3
- import 'react';
4
- import '../../defaultTheme-1bcc2541.js';
5
- import 'styled-components';
6
- import 'polished';
1
+ export { default } from './ActionButton.js';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}