@veeqo/ui 0.0.1 → 0.0.3

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 (802) hide show
  1. package/.eslintrc.json +105 -0
  2. package/.storybook/Intro.mdx +22 -0
  3. package/.storybook/main.ts +1 -1
  4. package/.storybook/preview.ts +7 -0
  5. package/CHANGELOG.md +21 -0
  6. package/README.md +77 -0
  7. package/jest.config.js +16 -0
  8. package/lib/components/Accordion/Accordion.d.ts +12 -0
  9. package/lib/components/Accordion/index.d.ts +1 -0
  10. package/lib/components/Accordion/styled.d.ts +12 -0
  11. package/lib/components/ActionList/ActionList.d.ts +3 -0
  12. package/lib/components/ActionList/index.d.ts +1 -0
  13. package/lib/components/ActionList/styled.d.ts +15 -0
  14. package/lib/components/ActionList/types.d.ts +19 -0
  15. package/lib/components/Anchor/Anchor.d.ts +9 -0
  16. package/lib/components/Anchor/index.d.ts +1 -0
  17. package/lib/components/Anchor/styled.d.ts +1 -0
  18. package/lib/components/AnimatedDropdown/AnimatedDropdown.d.ts +3 -0
  19. package/lib/components/AnimatedDropdown/components/BasicDropdown.d.ts +5 -0
  20. package/lib/components/AnimatedDropdown/components/styled.d.ts +1 -0
  21. package/lib/components/AnimatedDropdown/index.d.ts +1 -0
  22. package/lib/components/AnimatedDropdown/styled.d.ts +10 -0
  23. package/lib/components/AnimatedDropdown/types.d.ts +14 -0
  24. package/lib/components/Avatar/Avatar.d.ts +3 -0
  25. package/lib/components/Avatar/index.d.ts +1 -0
  26. package/lib/components/Avatar/styled.d.ts +2 -0
  27. package/lib/components/Avatar/types.d.ts +11 -0
  28. package/lib/components/Badge/Badge.d.ts +3 -0
  29. package/lib/components/Badge/index.d.ts +1 -0
  30. package/lib/components/Badge/styled.d.ts +7 -0
  31. package/lib/components/Badge/types.d.ts +35 -0
  32. package/lib/components/Banner/Banner.d.ts +6 -0
  33. package/lib/components/Banner/index.d.ts +1 -0
  34. package/lib/components/Banner/styled.d.ts +7 -0
  35. package/lib/components/Banner/types.d.ts +20 -0
  36. package/lib/components/BaseContainer/BaseContainer.d.ts +1 -0
  37. package/lib/components/BaseContainer/index.d.ts +1 -0
  38. package/lib/components/Breadcrumbs/Breadcrumbs.d.ts +3 -0
  39. package/lib/components/Breadcrumbs/components/Breadcrumb.d.ts +3 -0
  40. package/lib/components/Breadcrumbs/components/styled.d.ts +2 -0
  41. package/lib/components/Breadcrumbs/index.d.ts +1 -0
  42. package/lib/components/Breadcrumbs/types.d.ts +22 -0
  43. package/lib/components/Button/Button.d.ts +3 -0
  44. package/lib/components/Button/components/DropdownIcon.d.ts +2 -0
  45. package/lib/components/Button/components/styled.d.ts +20 -0
  46. package/lib/components/Button/index.d.ts +1 -0
  47. package/lib/components/Button/types.d.ts +18 -0
  48. package/lib/components/Card/Card.d.ts +28 -0
  49. package/lib/components/Card/index.d.ts +1 -0
  50. package/lib/components/Card/styled.d.ts +16 -0
  51. package/lib/components/CardHeader/CardHeader.d.ts +19 -0
  52. package/lib/components/CardHeader/icons/Cross.d.ts +2 -0
  53. package/lib/components/CardHeader/icons/DownArrow.d.ts +2 -0
  54. package/lib/components/CardHeader/icons/UpArrow.d.ts +2 -0
  55. package/lib/components/CardHeader/index.d.ts +1 -0
  56. package/lib/components/CardHeader/styled.d.ts +2 -0
  57. package/lib/components/Checkbox/Checkbox.d.ts +13 -0
  58. package/lib/components/Checkbox/index.d.ts +1 -0
  59. package/lib/components/Checkbox/styled.d.ts +1 -0
  60. package/lib/components/Choice/Choice.d.ts +17 -0
  61. package/lib/components/Choice/components/HelpIcon.d.ts +2 -0
  62. package/lib/components/Choice/components/styled.d.ts +17 -0
  63. package/lib/components/Choice/index.d.ts +1 -0
  64. package/lib/components/ChoiceList/ChoiceList.d.ts +29 -0
  65. package/lib/components/ChoiceList/index.d.ts +1 -0
  66. package/lib/components/ChoiceList/styled.d.ts +2 -0
  67. package/lib/components/CopyToClipboard/CopyToClipboard.d.ts +10 -0
  68. package/lib/components/CopyToClipboard/index.d.ts +1 -0
  69. package/lib/components/DataTable/DataTable.d.ts +21 -0
  70. package/lib/components/DataTable/SkeletonContent/SkeletonContent.d.ts +7 -0
  71. package/lib/components/DataTable/SkeletonContent/index.d.ts +1 -0
  72. package/lib/components/DataTable/SpecificState/SpecificState.d.ts +7 -0
  73. package/lib/components/DataTable/SpecificState/index.d.ts +1 -0
  74. package/lib/components/DataTable/SpecificState/styled.d.ts +8 -0
  75. package/lib/components/DataTable/StickyHeader.d.ts +10 -0
  76. package/lib/components/DataTable/cells/ClickableCell.d.ts +7 -0
  77. package/lib/components/DataTable/cells/EditableCell.d.ts +7 -0
  78. package/lib/components/DataTable/cells/SkeletonCell.d.ts +11 -0
  79. package/lib/components/DataTable/cells/SkeletonHeaderCell.d.ts +8 -0
  80. package/lib/components/DataTable/cells/index.d.ts +3 -0
  81. package/lib/components/DataTable/cells/styled.d.ts +1 -0
  82. package/lib/components/DataTable/icons/DoubleArrowAsc.d.ts +2 -0
  83. package/lib/components/DataTable/icons/DoubleArrowDesc.d.ts +2 -0
  84. package/lib/components/DataTable/icons/DoubleArrowIcon.d.ts +2 -0
  85. package/lib/components/DataTable/index.d.ts +1 -0
  86. package/lib/components/DataTable/styled.d.ts +46 -0
  87. package/lib/components/DataTable/utils/constants.d.ts +9 -0
  88. package/lib/components/DataTable/utils/hooks.d.ts +4 -0
  89. package/lib/components/DataTable/utils/index.d.ts +2 -0
  90. package/lib/components/DataTable/utils/types.d.ts +106 -0
  91. package/lib/components/DataTableExp/DataTable.d.ts +22 -0
  92. package/lib/components/DataTableExp/components/ActionBar.d.ts +9 -0
  93. package/lib/components/DataTableExp/components/Cell.d.ts +7 -0
  94. package/lib/components/DataTableExp/components/ColumnHeader.d.ts +6 -0
  95. package/lib/components/DataTableExp/components/ColumnMenu.d.ts +8 -0
  96. package/lib/components/DataTableExp/components/EmptyBodyContent.d.ts +5 -0
  97. package/lib/components/DataTableExp/components/Header.d.ts +2 -0
  98. package/lib/components/DataTableExp/components/LoadingCellContent.d.ts +1 -0
  99. package/lib/components/DataTableExp/components/NoWrap.d.ts +1 -0
  100. package/lib/components/DataTableExp/components/Row.d.ts +7 -0
  101. package/lib/components/DataTableExp/components/ScrollContainer.d.ts +1 -0
  102. package/lib/components/DataTableExp/components/SelectionCell.d.ts +11 -0
  103. package/lib/components/DataTableExp/components/SelectionHeader.d.ts +3 -0
  104. package/lib/components/DataTableExp/components/StickyHead.d.ts +9 -0
  105. package/lib/components/DataTableExp/components/TableGrid.d.ts +4 -0
  106. package/lib/components/DataTableExp/components/Truncate.d.ts +1 -0
  107. package/lib/components/DataTableExp/components/Wrapper.d.ts +5 -0
  108. package/lib/components/DataTableExp/components/icons/ArrowDown.d.ts +2 -0
  109. package/lib/components/DataTableExp/components/icons/ArrowUp.d.ts +2 -0
  110. package/lib/components/DataTableExp/components/icons/DoubleArrow.d.ts +2 -0
  111. package/lib/components/DataTableExp/components/icons/InfoIcon.d.ts +2 -0
  112. package/lib/components/DataTableExp/components/icons/Reorder.d.ts +2 -0
  113. package/lib/components/DataTableExp/components/icons/Visibility.d.ts +2 -0
  114. package/lib/components/DataTableExp/components/icons/VisibilityOff.d.ts +2 -0
  115. package/lib/components/DataTableExp/constants.d.ts +3 -0
  116. package/lib/components/DataTableExp/hooks/index.d.ts +6 -0
  117. package/lib/components/DataTableExp/hooks/useCellWidths.d.ts +2 -0
  118. package/lib/components/DataTableExp/hooks/useColumns.d.ts +6 -0
  119. package/lib/components/DataTableExp/hooks/useDragToScroll.d.ts +2 -0
  120. package/lib/components/DataTableExp/hooks/useNested.d.ts +7 -0
  121. package/lib/components/DataTableExp/hooks/useScrollPosition.d.ts +6 -0
  122. package/lib/components/DataTableExp/hooks/useSelection.d.ts +12 -0
  123. package/lib/components/DataTableExp/index.d.ts +1 -0
  124. package/lib/components/DataTableExp/renderers/index.d.ts +5 -0
  125. package/lib/components/DataTableExp/renderers/renderCell.d.ts +10 -0
  126. package/lib/components/DataTableExp/renderers/renderFooter.d.ts +13 -0
  127. package/lib/components/DataTableExp/renderers/renderHeader.d.ts +15 -0
  128. package/lib/components/DataTableExp/renderers/renderLoadingCell.d.ts +9 -0
  129. package/lib/components/DataTableExp/renderers/renderNestedCell.d.ts +10 -0
  130. package/lib/components/DataTableExp/types.d.ts +116 -0
  131. package/lib/components/DataTableExp/utils/GetSortIcon.d.ts +9 -0
  132. package/lib/components/DataTableExp/utils/alignmentToFlex.d.ts +2 -0
  133. package/lib/components/DataTableExp/utils/generateTableCss.d.ts +10 -0
  134. package/lib/components/DataTableExp/utils/getNextSortState.d.ts +7 -0
  135. package/lib/components/DataTableExp/utils/getRowState.d.ts +10 -0
  136. package/lib/components/DataTableExp/utils/index.d.ts +6 -0
  137. package/lib/components/DataTableExp/utils/parseWidth.d.ts +1 -0
  138. package/lib/components/DataTableExp/utils/sumAll.d.ts +2 -0
  139. package/lib/components/DescriptionList/DescriptionList.d.ts +11 -0
  140. package/lib/components/DescriptionList/index.d.ts +1 -0
  141. package/lib/components/DetailPage/DetailPage.d.ts +6 -0
  142. package/lib/components/DetailPage/index.d.ts +1 -0
  143. package/lib/components/DetailPage/styled.d.ts +2 -0
  144. package/lib/components/DimensionsInput/DimensionsInput.d.ts +3 -0
  145. package/lib/components/DimensionsInput/index.d.ts +1 -0
  146. package/lib/components/DimensionsInput/styled.d.ts +27 -0
  147. package/lib/components/DimensionsInput/types.d.ts +15 -0
  148. package/lib/components/FilterTag/FilterTag.d.ts +8 -0
  149. package/lib/components/FilterTag/index.d.ts +1 -0
  150. package/lib/components/FilterTag/styled.d.ts +12 -0
  151. package/lib/components/FilterTag/types.d.ts +14 -0
  152. package/lib/components/Grid/index.d.ts +2 -0
  153. package/lib/components/Grid/types.d.ts +8 -0
  154. package/lib/components/Image/Image.d.ts +20 -0
  155. package/lib/components/Image/components/PlaceholderImage.d.ts +2 -0
  156. package/lib/components/Image/components/styled.d.ts +6 -0
  157. package/lib/components/Image/index.d.ts +1 -0
  158. package/lib/components/Image/types.d.ts +6 -0
  159. package/lib/components/Image/utils.d.ts +2 -0
  160. package/lib/components/InputGroup/index.d.ts +1 -0
  161. package/lib/components/Loader/Grid.d.ts +1 -2
  162. package/lib/components/Loader/TailSpin.d.ts +1 -2
  163. package/lib/components/Loader/ThreeDots.d.ts +1 -2
  164. package/lib/components/LoginWithAmazonButton/LoginWithAmazonButton.d.ts +7 -0
  165. package/lib/components/LoginWithAmazonButton/index.d.ts +1 -0
  166. package/lib/components/LoginWithAmazonButton/styled.d.ts +1 -0
  167. package/lib/components/Modal/Modal.d.ts +3 -0
  168. package/lib/components/Modal/components/Dialog/Dialog.d.ts +8 -0
  169. package/lib/components/Modal/components/Dialog/constants.d.ts +44 -0
  170. package/lib/components/Modal/components/Dialog/styled.d.ts +24 -0
  171. package/lib/components/Modal/components/styled.d.ts +5 -0
  172. package/lib/components/Modal/index.d.ts +1 -0
  173. package/lib/components/Modal/types.d.ts +40 -0
  174. package/lib/components/PageHeader/PageHeader.d.ts +29 -0
  175. package/lib/components/PageHeader/index.d.ts +1 -0
  176. package/lib/components/PageHeader/styled.d.ts +16 -0
  177. package/lib/components/Pagination/Pagination.d.ts +3 -0
  178. package/lib/components/Pagination/components/EndArrow.d.ts +2 -0
  179. package/lib/components/Pagination/components/LeftArrow.d.ts +2 -0
  180. package/lib/components/Pagination/components/RightArrow.d.ts +2 -0
  181. package/lib/components/Pagination/components/StartArrow.d.ts +2 -0
  182. package/lib/components/Pagination/components.d.ts +4 -0
  183. package/lib/components/Pagination/hooks/usePagination.d.ts +13 -0
  184. package/lib/components/Pagination/index.d.ts +1 -0
  185. package/lib/components/Pagination/styled.d.ts +22 -0
  186. package/lib/components/Pagination/types.d.ts +8 -0
  187. package/lib/components/PaginationRange/Items/Item/Item.d.ts +3 -0
  188. package/lib/components/PaginationRange/Items/Item/index.d.ts +1 -0
  189. package/lib/components/PaginationRange/Items/Item/styled.d.ts +3 -0
  190. package/lib/components/PaginationRange/Items/Item/types.d.ts +5 -0
  191. package/lib/components/PaginationRange/Items/Items.d.ts +7 -0
  192. package/lib/components/PaginationRange/Items/index.d.ts +1 -0
  193. package/lib/components/PaginationRange/PaginationRange.d.ts +9 -0
  194. package/lib/components/PaginationRange/index.d.ts +1 -0
  195. package/lib/components/PaginationRange/styled.d.ts +6 -0
  196. package/lib/components/PaginationRange/types.d.ts +15 -0
  197. package/lib/components/Popover/Popover.d.ts +15 -0
  198. package/lib/components/Popover/PopoverDemo.d.ts +3 -0
  199. package/lib/components/Popover/index.d.ts +1 -0
  200. package/lib/components/Portal/Portal.d.ts +20 -0
  201. package/lib/components/Portal/index.d.ts +1 -0
  202. package/lib/components/PriceInput/PriceInput.d.ts +3 -0
  203. package/lib/components/PriceInput/index.d.ts +1 -0
  204. package/lib/components/PriceInput/styled.d.ts +29 -0
  205. package/lib/components/PriceInput/types.d.ts +12 -0
  206. package/lib/components/Radio/Radio.d.ts +12 -0
  207. package/lib/components/Radio/index.d.ts +1 -0
  208. package/lib/components/Radio/styled.d.ts +1 -0
  209. package/lib/components/Search/Search.d.ts +3 -0
  210. package/lib/components/Search/index.d.ts +1 -0
  211. package/lib/components/Search/styled.d.ts +26 -0
  212. package/lib/components/Search/types.d.ts +9 -0
  213. package/lib/components/SegmentedControl/SegmentedControl.d.ts +3 -0
  214. package/lib/components/SegmentedControl/index.d.ts +1 -0
  215. package/lib/components/SegmentedControl/styled.d.ts +1 -0
  216. package/lib/components/SegmentedControl/types.d.ts +13 -0
  217. package/lib/components/Select/Select.d.ts +17 -0
  218. package/lib/components/Select/index.d.ts +1 -0
  219. package/lib/components/Select/styled.d.ts +1 -0
  220. package/lib/components/SimpleTable/SimpleTable.d.ts +15 -0
  221. package/lib/components/SimpleTable/index.d.ts +1 -0
  222. package/lib/components/SimpleTable/styled.d.ts +15 -0
  223. package/lib/components/SimpleTable/types.d.ts +6 -0
  224. package/lib/components/Slider/Slider.d.ts +3 -0
  225. package/lib/components/Slider/index.d.ts +1 -0
  226. package/lib/components/Slider/styled.d.ts +8 -0
  227. package/lib/components/Slider/types.d.ts +26 -0
  228. package/lib/components/Stack/Alignments.d.ts +1 -2
  229. package/lib/components/Stack/Stack.d.ts +1 -2
  230. package/lib/components/Stack/types.d.ts +1 -1
  231. package/lib/components/Stepper/Stepper.d.ts +9 -0
  232. package/lib/components/Stepper/index.d.ts +1 -0
  233. package/lib/components/Stepper/styled.d.ts +5 -0
  234. package/lib/components/Tag/Tag.d.ts +5 -0
  235. package/lib/components/Tag/index.d.ts +1 -0
  236. package/lib/components/Text/Text.d.ts +2 -0
  237. package/lib/components/Text/index.d.ts +1 -0
  238. package/lib/components/Text/textVariants.d.ts +4 -0
  239. package/lib/components/Text/types.d.ts +14 -0
  240. package/lib/components/Text/utils.d.ts +2 -0
  241. package/lib/components/TextField/TextField.d.ts +3 -0
  242. package/lib/components/TextField/index.d.ts +20 -0
  243. package/lib/components/TextField/styled.d.ts +2 -0
  244. package/lib/components/TextField/types.d.ts +26 -0
  245. package/lib/components/ToastsLayout/ToastsLayout.d.ts +3 -0
  246. package/lib/components/ToastsLayout/components/Toast.d.ts +3 -0
  247. package/lib/components/ToastsLayout/components/styled.d.ts +10 -0
  248. package/lib/components/ToastsLayout/index.d.ts +1 -0
  249. package/lib/components/ToastsLayout/types.d.ts +38 -0
  250. package/lib/components/Toggle/Toggle.d.ts +6 -0
  251. package/lib/components/Toggle/index.d.ts +1 -0
  252. package/lib/components/Toggle/styled.d.ts +11 -0
  253. package/lib/components/Toggle/types.d.ts +9 -0
  254. package/lib/components/ToggleButton/ToggleButton.d.ts +9 -0
  255. package/lib/components/ToggleButton/index.d.ts +1 -0
  256. package/lib/components/ToggleButton/styled.d.ts +1 -0
  257. package/lib/components/Tooltip/Tooltip.d.ts +2 -0
  258. package/lib/components/Tooltip/index.d.ts +1 -0
  259. package/lib/components/Tooltip/styled.d.ts +8 -0
  260. package/lib/components/Tooltip/types.d.ts +36 -0
  261. package/lib/components/VideoModal/VideoModal.d.ts +3 -0
  262. package/lib/components/VideoModal/VideoModalDemo.d.ts +2 -0
  263. package/lib/components/VideoModal/components/Popup.d.ts +8 -0
  264. package/lib/components/VideoModal/components/styled.d.ts +7 -0
  265. package/lib/components/VideoModal/index.d.ts +1 -0
  266. package/lib/components/VideoModal/styled.d.ts +4 -0
  267. package/lib/components/VideoModal/types.d.ts +9 -0
  268. package/lib/components/View/View.d.ts +11 -0
  269. package/lib/components/View/index.d.ts +1 -0
  270. package/lib/components/View/styled.d.ts +13 -0
  271. package/lib/components/View/types.d.ts +30 -0
  272. package/lib/components/WeightInput/WeightInput.d.ts +3 -0
  273. package/lib/components/WeightInput/index.d.ts +1 -0
  274. package/lib/components/WeightInput/styled.d.ts +26 -0
  275. package/lib/components/WeightInput/types.d.ts +21 -0
  276. package/lib/components/index.d.ts +50 -0
  277. package/lib/components/types.d.ts +20 -0
  278. package/lib/hoc/index.d.ts +2 -0
  279. package/lib/hoc/withDeprecated.d.ts +2 -0
  280. package/lib/hoc/withLabels/HelpIcon.d.ts +2 -0
  281. package/lib/hoc/withLabels/index.d.ts +1 -0
  282. package/lib/hoc/withLabels/styled.d.ts +5 -0
  283. package/lib/hoc/withLabels/withLabels.d.ts +8 -0
  284. package/lib/hooks/index.d.ts +7 -0
  285. package/lib/hooks/useClickOutside.d.ts +5 -0
  286. package/lib/hooks/useDebounce.d.ts +1 -0
  287. package/lib/hooks/useDropdown.d.ts +6 -0
  288. package/lib/hooks/useFocusVisible.d.ts +11 -0
  289. package/lib/hooks/useHover.d.ts +1 -0
  290. package/lib/hooks/useIsOverflowing.d.ts +9 -0
  291. package/lib/hooks/useTabs.d.ts +6 -0
  292. package/lib/index.d.ts +1200 -18
  293. package/lib/index.esm.js +1 -1
  294. package/lib/index.esm.js.map +1 -1
  295. package/lib/index.js +1 -1
  296. package/lib/index.js.map +1 -1
  297. package/lib/tempIcons/ArrowDownIcon.d.ts +2 -0
  298. package/lib/tempIcons/ArrowUpIcon.d.ts +2 -0
  299. package/lib/tempIcons/AttentionIcon.d.ts +2 -0
  300. package/lib/tempIcons/CalendarIcon.d.ts +2 -0
  301. package/lib/tempIcons/ClipboardIcon.d.ts +2 -0
  302. package/lib/tempIcons/CrossIcon.d.ts +2 -0
  303. package/lib/tempIcons/DoubleArrowAscIcon.d.ts +2 -0
  304. package/lib/tempIcons/DoubleArrowDescIcon.d.ts +2 -0
  305. package/lib/tempIcons/DoubleArrowIcon.d.ts +2 -0
  306. package/lib/tempIcons/DoubleArrowIconIcon.d.ts +2 -0
  307. package/lib/tempIcons/DownArrowIcon.d.ts +2 -0
  308. package/lib/tempIcons/DropdownIcon.d.ts +2 -0
  309. package/lib/tempIcons/EditIcon.d.ts +2 -0
  310. package/lib/tempIcons/EndArrowIcon.d.ts +2 -0
  311. package/lib/tempIcons/FailIcon.d.ts +2 -0
  312. package/lib/tempIcons/HelpIcon.d.ts +2 -0
  313. package/lib/tempIcons/InfoIcon.d.ts +2 -0
  314. package/lib/tempIcons/LeftArrowIcon.d.ts +2 -0
  315. package/lib/tempIcons/MergeIcon.d.ts +2 -0
  316. package/lib/tempIcons/MoreHorizIcon.d.ts +2 -0
  317. package/lib/tempIcons/ReorderIcon.d.ts +2 -0
  318. package/lib/tempIcons/RightArrowIcon.d.ts +2 -0
  319. package/lib/tempIcons/SearchIcon.d.ts +2 -0
  320. package/lib/tempIcons/StartArrowIcon.d.ts +2 -0
  321. package/lib/tempIcons/SuccessIcon.d.ts +2 -0
  322. package/lib/tempIcons/UpArrowIcon.d.ts +2 -0
  323. package/lib/tempIcons/VisibilityIcon.d.ts +2 -0
  324. package/lib/tempIcons/VisibilityOffIcon.d.ts +2 -0
  325. package/lib/theme/index.d.ts +2 -2
  326. package/lib/theme/modules/shadows.d.ts +1 -1
  327. package/lib/theme/utils/buildClassnames.d.ts +1 -0
  328. package/lib/theme/utils/color.d.ts +13 -0
  329. package/lib/theme/utils/generateId.d.ts +1 -0
  330. package/lib/theme/utils/index.d.ts +3 -0
  331. package/lib/theme/utils/paginationList.d.ts +4 -0
  332. package/lib/theme/utils/setupIntersectionObserverMock.d.ts +18 -0
  333. package/lib/utils/buildClassnames.d.ts +1 -0
  334. package/lib/utils/color.d.ts +13 -0
  335. package/lib/utils/generateId.d.ts +1 -0
  336. package/lib/utils/index.d.ts +3 -0
  337. package/lib/utils/paginationList.d.ts +4 -0
  338. package/lib/utils/setupIntersectionObserverMock.d.ts +18 -0
  339. package/lib/utils/toMap.d.ts +5 -0
  340. package/package.json +68 -14
  341. package/setupJestMock.js +5 -0
  342. package/setupTests.js +6 -0
  343. package/src/components/Accordion/Accordion.stories.mdx +41 -0
  344. package/src/components/Accordion/Accordion.stories.tsx +29 -0
  345. package/src/components/Accordion/Accordion.test.tsx +34 -0
  346. package/src/components/Accordion/Accordion.tsx +62 -0
  347. package/src/components/Accordion/__snapshots__/Accordion.test.tsx.snap +152 -0
  348. package/src/components/Accordion/index.ts +1 -0
  349. package/src/components/Accordion/styled.ts +102 -0
  350. package/src/components/ActionList/ActionList.stories.tsx +23 -0
  351. package/src/components/ActionList/ActionList.test.tsx +39 -0
  352. package/src/components/ActionList/ActionList.tsx +72 -0
  353. package/src/components/ActionList/__snapshots__/ActionList.test.tsx.snap +247 -0
  354. package/src/components/ActionList/index.ts +1 -0
  355. package/src/components/ActionList/styled.ts +62 -0
  356. package/src/components/ActionList/types.ts +22 -0
  357. package/src/components/Anchor/Anchor.stories.tsx +35 -0
  358. package/src/components/Anchor/Anchor.test.tsx +10 -0
  359. package/src/components/Anchor/Anchor.tsx +17 -0
  360. package/src/components/Anchor/__snapshots__/Anchor.test.tsx.snap +34 -0
  361. package/src/components/Anchor/index.ts +1 -0
  362. package/src/components/Anchor/styled.ts +22 -0
  363. package/src/components/AnimatedDropdown/AnimatedDropdown.stories.tsx +44 -0
  364. package/src/components/AnimatedDropdown/AnimatedDropdown.test.tsx +14 -0
  365. package/src/components/AnimatedDropdown/AnimatedDropdown.tsx +54 -0
  366. package/src/components/AnimatedDropdown/__snapshots__/AnimatedDropdown.test.tsx.snap +117 -0
  367. package/src/components/AnimatedDropdown/components/BasicDropdown.test.tsx +14 -0
  368. package/src/components/AnimatedDropdown/components/BasicDropdown.tsx +17 -0
  369. package/src/components/AnimatedDropdown/components/__snapshots__/BasicDropdown.test.tsx.snap +31 -0
  370. package/src/components/AnimatedDropdown/components/styled.ts +11 -0
  371. package/src/components/AnimatedDropdown/index.ts +1 -0
  372. package/src/components/AnimatedDropdown/styled.ts +51 -0
  373. package/src/components/AnimatedDropdown/types.ts +16 -0
  374. package/src/components/Avatar/Avatar.stories.tsx +30 -0
  375. package/src/components/Avatar/Avatar.test.tsx +10 -0
  376. package/src/components/Avatar/Avatar.tsx +23 -0
  377. package/src/components/Avatar/__snapshots__/Avatar.test.tsx.snap +47 -0
  378. package/src/components/Avatar/index.ts +1 -0
  379. package/src/components/Avatar/styled.ts +24 -0
  380. package/src/components/Avatar/types.ts +12 -0
  381. package/src/components/Badge/Badge.stories.tsx +29 -0
  382. package/src/components/Badge/Badge.test.tsx +15 -0
  383. package/src/components/Badge/Badge.tsx +33 -0
  384. package/src/components/Badge/__snapshots__/Badge.test.tsx.snap +78 -0
  385. package/src/components/Badge/index.ts +1 -0
  386. package/src/components/Badge/styled.ts +50 -0
  387. package/src/components/Badge/types.ts +43 -0
  388. package/src/components/Banner/Banner.stories.tsx +30 -0
  389. package/src/components/Banner/Banner.test.tsx +10 -0
  390. package/src/components/Banner/Banner.tsx +45 -0
  391. package/src/components/Banner/__snapshots__/Banner.test.tsx.snap +124 -0
  392. package/src/components/Banner/index.ts +1 -0
  393. package/src/components/Banner/styled.ts +49 -0
  394. package/src/components/Banner/types.ts +23 -0
  395. package/src/components/BaseContainer/BaseContainer.test.tsx +10 -0
  396. package/src/components/BaseContainer/BaseContainer.ts +8 -0
  397. package/src/components/BaseContainer/__snapshots__/BaseContainer.test.tsx.snap +18 -0
  398. package/src/components/BaseContainer/index.ts +1 -0
  399. package/src/components/Breadcrumbs/Breadcrumbs.stories.tsx +43 -0
  400. package/src/components/Breadcrumbs/Breadcrumbs.test.tsx +21 -0
  401. package/src/components/Breadcrumbs/Breadcrumbs.tsx +31 -0
  402. package/src/components/Breadcrumbs/__snapshots__/Breadcrumbs.test.tsx.snap +91 -0
  403. package/src/components/Breadcrumbs/components/Breadcrumb.tsx +20 -0
  404. package/src/components/Breadcrumbs/components/styled.ts +31 -0
  405. package/src/components/Breadcrumbs/index.ts +1 -0
  406. package/src/components/Breadcrumbs/types.ts +23 -0
  407. package/src/components/Button/Button.stories.tsx +111 -0
  408. package/src/components/Button/Button.test.tsx +101 -0
  409. package/src/components/Button/Button.tsx +82 -0
  410. package/src/components/Button/Docs.mdx +19 -0
  411. package/src/components/Button/__snapshots__/Button.test.tsx.snap +1570 -0
  412. package/src/components/Button/components/styled.ts +271 -0
  413. package/src/components/Button/index.ts +1 -0
  414. package/src/components/Button/types.ts +27 -0
  415. package/src/components/Card/Card.stories.tsx +85 -0
  416. package/src/components/Card/Card.test.tsx +26 -0
  417. package/src/components/Card/Card.tsx +88 -0
  418. package/src/components/Card/Docs.mdx +134 -0
  419. package/src/components/Card/__snapshots__/Card.test.tsx.snap +390 -0
  420. package/src/components/Card/index.ts +1 -0
  421. package/src/components/Card/styled.ts +93 -0
  422. package/src/components/CardHeader/CardHeader.stories.tsx +38 -0
  423. package/src/components/CardHeader/CardHeader.test.tsx +12 -0
  424. package/src/components/CardHeader/CardHeader.tsx +63 -0
  425. package/src/components/CardHeader/__snapshots__/CardHeader.test.tsx.snap +218 -0
  426. package/src/components/CardHeader/index.ts +1 -0
  427. package/src/components/CardHeader/styled.ts +30 -0
  428. package/src/components/Checkbox/Checkbox.stories.tsx +64 -0
  429. package/src/components/Checkbox/Checkbox.test.tsx +57 -0
  430. package/src/components/Checkbox/Checkbox.tsx +62 -0
  431. package/src/components/Checkbox/__snapshots__/Checkbox.test.tsx.snap +129 -0
  432. package/src/components/Checkbox/index.ts +1 -0
  433. package/src/components/Checkbox/styled.ts +67 -0
  434. package/src/components/Choice/Choice.tsx +89 -0
  435. package/src/components/Choice/components/styled.ts +98 -0
  436. package/src/components/Choice/index.ts +1 -0
  437. package/src/components/ChoiceList/ChoiceList.stories.tsx +23 -0
  438. package/src/components/ChoiceList/ChoiceList.test.tsx +39 -0
  439. package/src/components/ChoiceList/ChoiceList.tsx +86 -0
  440. package/src/components/ChoiceList/__snapshots__/ChoiceList.test.tsx.snap +352 -0
  441. package/src/components/ChoiceList/index.ts +1 -0
  442. package/src/components/ChoiceList/styled.ts +23 -0
  443. package/src/components/CopyToClipboard/CopyToClipboard.stories.tsx +18 -0
  444. package/src/components/CopyToClipboard/CopyToClipboard.test.tsx +10 -0
  445. package/src/components/CopyToClipboard/CopyToClipboard.tsx +53 -0
  446. package/src/components/CopyToClipboard/__snapshots__/CopyToClipboard.test.tsx.snap +129 -0
  447. package/src/components/CopyToClipboard/index.ts +1 -0
  448. package/src/components/DataTable/DataTable.stories.tsx +99 -0
  449. package/src/components/DataTable/DataTable.test.tsx +104 -0
  450. package/src/components/DataTable/DataTable.tsx +634 -0
  451. package/src/components/DataTable/DataTableDocs.mdx +625 -0
  452. package/src/components/DataTable/SkeletonContent/SkeletonContent.tsx +46 -0
  453. package/src/components/DataTable/SkeletonContent/index.ts +1 -0
  454. package/src/components/DataTable/SpecificState/SpecificState.tsx +17 -0
  455. package/src/components/DataTable/SpecificState/index.ts +1 -0
  456. package/src/components/DataTable/SpecificState/styled.ts +42 -0
  457. package/src/components/DataTable/StickyHeader.tsx +64 -0
  458. package/src/components/DataTable/__snapshots__/DataTable.test.tsx.snap +439 -0
  459. package/src/components/DataTable/cells/ClickableCell.tsx +21 -0
  460. package/src/components/DataTable/cells/EditableCell.tsx +22 -0
  461. package/src/components/DataTable/cells/SkeletonCell.tsx +17 -0
  462. package/src/components/DataTable/cells/SkeletonHeaderCell.tsx +20 -0
  463. package/src/components/DataTable/cells/index.ts +3 -0
  464. package/src/components/DataTable/cells/styled.ts +25 -0
  465. package/src/components/DataTable/index.ts +1 -0
  466. package/src/components/DataTable/styled.ts +291 -0
  467. package/src/components/DataTable/utils/constants.tsx +25 -0
  468. package/src/components/DataTable/utils/hooks.ts +38 -0
  469. package/src/components/DataTable/utils/index.ts +23 -0
  470. package/src/components/DataTable/utils/types.ts +117 -0
  471. package/src/components/DataTableExp/DataTable.test.tsx +214 -0
  472. package/src/components/DataTableExp/DataTable.tsx +291 -0
  473. package/src/components/DataTableExp/DataTableExp.stories.tsx +329 -0
  474. package/src/components/DataTableExp/Docs.mdx +74 -0
  475. package/src/components/DataTableExp/components/ActionBar.tsx +87 -0
  476. package/src/components/DataTableExp/components/Cell.ts +41 -0
  477. package/src/components/DataTableExp/components/ColumnHeader.tsx +52 -0
  478. package/src/components/DataTableExp/components/ColumnMenu.tsx +96 -0
  479. package/src/components/DataTableExp/components/EmptyBodyContent.ts +23 -0
  480. package/src/components/DataTableExp/components/Header.ts +20 -0
  481. package/src/components/DataTableExp/components/LoadingCellContent.ts +39 -0
  482. package/src/components/DataTableExp/components/NoWrap.ts +5 -0
  483. package/src/components/DataTableExp/components/Row.ts +39 -0
  484. package/src/components/DataTableExp/components/ScrollContainer.ts +8 -0
  485. package/src/components/DataTableExp/components/SelectionCell.tsx +36 -0
  486. package/src/components/DataTableExp/components/SelectionHeader.tsx +20 -0
  487. package/src/components/DataTableExp/components/StickyHead.tsx +134 -0
  488. package/src/components/DataTableExp/components/TableGrid.ts +28 -0
  489. package/src/components/DataTableExp/components/Truncate.ts +7 -0
  490. package/src/components/DataTableExp/components/Wrapper.ts +26 -0
  491. package/src/components/DataTableExp/constants.ts +4 -0
  492. package/src/components/DataTableExp/hooks/index.tsx +6 -0
  493. package/src/components/DataTableExp/hooks/useCellWidths.ts +34 -0
  494. package/src/components/DataTableExp/hooks/useColumns.ts +14 -0
  495. package/src/components/DataTableExp/hooks/useDragToScroll.ts +48 -0
  496. package/src/components/DataTableExp/hooks/useNested.ts +31 -0
  497. package/src/components/DataTableExp/hooks/useScrollPosition.ts +45 -0
  498. package/src/components/DataTableExp/hooks/useSelection.tsx +92 -0
  499. package/src/components/DataTableExp/index.tsx +1 -0
  500. package/src/components/DataTableExp/renderers/index.tsx +5 -0
  501. package/src/components/DataTableExp/renderers/renderCell.ts +31 -0
  502. package/src/components/DataTableExp/renderers/renderFooter.tsx +33 -0
  503. package/src/components/DataTableExp/renderers/renderHeader.tsx +83 -0
  504. package/src/components/DataTableExp/renderers/renderLoadingCell.tsx +29 -0
  505. package/src/components/DataTableExp/renderers/renderNestedCell.tsx +33 -0
  506. package/src/components/DataTableExp/types.ts +168 -0
  507. package/src/components/DataTableExp/utils/GetSortIcon.tsx +24 -0
  508. package/src/components/DataTableExp/utils/alignmentToFlex.ts +14 -0
  509. package/src/components/DataTableExp/utils/generateTableCss.ts +114 -0
  510. package/src/components/DataTableExp/utils/getNextSortState.ts +18 -0
  511. package/src/components/DataTableExp/utils/getRowState.test.ts +33 -0
  512. package/src/components/DataTableExp/utils/getRowState.ts +17 -0
  513. package/src/components/DataTableExp/utils/index.ts +6 -0
  514. package/src/components/DataTableExp/utils/parseWidth.ts +12 -0
  515. package/src/components/DataTableExp/utils/sumAll.ts +7 -0
  516. package/src/components/DescriptionList/DescriptionList.stories.tsx +24 -0
  517. package/src/components/DescriptionList/DescriptionList.test.tsx +16 -0
  518. package/src/components/DescriptionList/DescriptionList.tsx +90 -0
  519. package/src/components/DescriptionList/__snapshots__/DescriptionList.test.tsx.snap +86 -0
  520. package/src/components/DescriptionList/index.ts +1 -0
  521. package/src/components/DetailPage/DetailPage.stories.tsx +45 -0
  522. package/src/components/DetailPage/DetailPage.test.tsx +15 -0
  523. package/src/components/DetailPage/DetailPage.tsx +23 -0
  524. package/src/components/DetailPage/__snapshots__/DetailPage.test.tsx.snap +52 -0
  525. package/src/components/DetailPage/index.ts +1 -0
  526. package/src/components/DetailPage/styled.ts +27 -0
  527. package/src/components/DimensionsInput/DimensionsInput.stories.tsx +33 -0
  528. package/src/components/DimensionsInput/DimensionsInput.test.tsx +98 -0
  529. package/src/components/DimensionsInput/DimensionsInput.tsx +63 -0
  530. package/src/components/DimensionsInput/__snapshots__/DimensionsInput.test.tsx.snap +303 -0
  531. package/src/components/DimensionsInput/index.ts +1 -0
  532. package/src/components/DimensionsInput/styled.ts +66 -0
  533. package/src/components/DimensionsInput/types.ts +16 -0
  534. package/src/components/FilterTag/FilterTag.stories.tsx +32 -0
  535. package/src/components/FilterTag/FilterTag.test.tsx +10 -0
  536. package/src/components/FilterTag/FilterTag.tsx +111 -0
  537. package/src/components/FilterTag/__snapshots__/FilterTag.test.tsx.snap +117 -0
  538. package/src/components/FilterTag/index.ts +1 -0
  539. package/src/components/FilterTag/styled.ts +77 -0
  540. package/src/components/FilterTag/types.ts +15 -0
  541. package/src/components/Grid/Grid.stories.mdx +34 -0
  542. package/src/components/Grid/Grid.test.tsx +14 -0
  543. package/src/components/Grid/__snapshots__/Grid.test.tsx.snap +32 -0
  544. package/src/components/Grid/index.ts +12 -0
  545. package/src/components/Grid/types.ts +10 -0
  546. package/src/components/Image/Image.stories.tsx +20 -0
  547. package/src/components/Image/Image.test.tsx +10 -0
  548. package/src/components/Image/Image.tsx +122 -0
  549. package/src/components/Image/__snapshots__/Image.test.tsx.snap +34 -0
  550. package/src/components/Image/components/PlaceholderImage.tsx +19 -0
  551. package/src/components/Image/components/styled.ts +17 -0
  552. package/src/components/Image/index.ts +1 -0
  553. package/src/components/Image/types.ts +6 -0
  554. package/src/components/Image/utils.ts +8 -0
  555. package/src/components/InputGroup/InputGroup.stories.tsx +33 -0
  556. package/src/components/InputGroup/InputGroup.test.tsx +15 -0
  557. package/src/components/InputGroup/__snapshots__/InputGroup.test.tsx.snap +182 -0
  558. package/src/components/InputGroup/index.ts +46 -0
  559. package/src/components/Loader/Docs.mdx +1 -1
  560. package/src/components/Loader/Grid.tsx +1 -3
  561. package/src/components/Loader/Loader.stories.tsx +1 -1
  562. package/src/components/Loader/Loader.test.tsx +14 -0
  563. package/src/components/Loader/Loader.tsx +5 -5
  564. package/src/components/Loader/TailSpin.tsx +1 -3
  565. package/src/components/Loader/ThreeDots.tsx +1 -3
  566. package/src/components/Loader/__snapshots__/Loader.test.tsx.snap +315 -13
  567. package/src/components/LoginWithAmazonButton/LoginWithAmazonButton.stories.tsx +14 -0
  568. package/src/components/LoginWithAmazonButton/LoginWithAmazonButton.test.tsx +19 -0
  569. package/src/components/LoginWithAmazonButton/LoginWithAmazonButton.tsx +38 -0
  570. package/src/components/LoginWithAmazonButton/index.tsx +1 -0
  571. package/src/components/LoginWithAmazonButton/styled.ts +14 -0
  572. package/src/components/Modal/Modal.stories.tsx +455 -0
  573. package/src/components/Modal/Modal.test.tsx +211 -0
  574. package/src/components/Modal/Modal.tsx +110 -0
  575. package/src/components/Modal/__snapshots__/Modal.test.tsx.snap +1940 -0
  576. package/src/components/Modal/components/Dialog/Dialog.tsx +11 -0
  577. package/src/components/Modal/components/Dialog/constants.ts +48 -0
  578. package/src/components/Modal/components/Dialog/styled.ts +104 -0
  579. package/src/components/Modal/components/styled.ts +24 -0
  580. package/src/components/Modal/index.tsx +1 -0
  581. package/src/components/Modal/types.ts +61 -0
  582. package/src/components/PageHeader/PageHeader.test.tsx +40 -0
  583. package/src/components/PageHeader/PageHeader.tsx +119 -0
  584. package/src/components/PageHeader/PageHeaderDocs.mdx +69 -0
  585. package/src/components/PageHeader/__snapshots__/PageHeader.test.tsx.snap +906 -0
  586. package/src/components/PageHeader/index.ts +1 -0
  587. package/src/components/PageHeader/styled.ts +81 -0
  588. package/src/components/Pagination/Docs.mdx +61 -0
  589. package/src/components/Pagination/Pagination.stories.tsx +27 -0
  590. package/src/components/Pagination/Pagination.test.tsx +102 -0
  591. package/src/components/Pagination/Pagination.tsx +105 -0
  592. package/src/components/Pagination/__snapshots__/Pagination.test.tsx.snap +395 -0
  593. package/src/components/Pagination/components.tsx +16 -0
  594. package/src/components/Pagination/hooks/usePagination.ts +88 -0
  595. package/src/components/Pagination/index.ts +1 -0
  596. package/src/components/Pagination/styled.ts +31 -0
  597. package/src/components/Pagination/types.ts +9 -0
  598. package/src/components/PaginationRange/Items/Item/Item.tsx +14 -0
  599. package/src/components/PaginationRange/Items/Item/index.ts +1 -0
  600. package/src/components/PaginationRange/Items/Item/styled.ts +26 -0
  601. package/src/components/PaginationRange/Items/Item/types.ts +6 -0
  602. package/src/components/PaginationRange/Items/Items.tsx +27 -0
  603. package/src/components/PaginationRange/Items/index.ts +1 -0
  604. package/src/components/PaginationRange/PaginationRange.stories.tsx +14 -0
  605. package/src/components/PaginationRange/PaginationRange.test.tsx +10 -0
  606. package/src/components/PaginationRange/PaginationRange.tsx +69 -0
  607. package/src/components/PaginationRange/__snapshots__/PaginationRange.test.tsx.snap +155 -0
  608. package/src/components/PaginationRange/index.ts +1 -0
  609. package/src/components/PaginationRange/styled.ts +39 -0
  610. package/src/components/PaginationRange/types.ts +17 -0
  611. package/src/components/Popover/Popover.test.tsx +87 -0
  612. package/src/components/Popover/Popover.tsx +82 -0
  613. package/src/components/Popover/PopoverDemo.tsx +53 -0
  614. package/src/components/Popover/PopoverDocs.mdx +64 -0
  615. package/src/components/Popover/__snapshots__/Popover.test.tsx.snap +35 -0
  616. package/src/components/Popover/index.ts +1 -0
  617. package/src/components/Portal/Portal.stories.tsx +18 -0
  618. package/src/components/Portal/Portal.tsx +62 -0
  619. package/src/components/Portal/index.ts +1 -0
  620. package/src/components/PriceInput/PriceInput.stories.tsx +36 -0
  621. package/src/components/PriceInput/PriceInput.test.tsx +22 -0
  622. package/src/components/PriceInput/PriceInput.tsx +101 -0
  623. package/src/components/PriceInput/index.tsx +1 -0
  624. package/src/components/PriceInput/styled.ts +116 -0
  625. package/src/components/PriceInput/types.ts +13 -0
  626. package/src/components/Radio/Radio.stories.tsx +57 -0
  627. package/src/components/Radio/Radio.test.tsx +8 -0
  628. package/src/components/Radio/Radio.tsx +39 -0
  629. package/src/components/Radio/__snapshots__/Radio.test.tsx.snap +128 -0
  630. package/src/components/Radio/index.ts +1 -0
  631. package/src/components/Radio/styled.ts +58 -0
  632. package/src/components/Search/Search.stories.mdx +23 -0
  633. package/src/components/Search/Search.stories.tsx +31 -0
  634. package/src/components/Search/Search.test.tsx +12 -0
  635. package/src/components/Search/Search.tsx +87 -0
  636. package/src/components/Search/__snapshots__/Search.test.tsx.snap +162 -0
  637. package/src/components/Search/index.ts +1 -0
  638. package/src/components/Search/styled.ts +46 -0
  639. package/src/components/Search/types.ts +10 -0
  640. package/src/components/SegmentedControl/SegmentedControl.stories.tsx +43 -0
  641. package/src/components/SegmentedControl/SegmentedControl.test.tsx +67 -0
  642. package/src/components/SegmentedControl/SegmentedControl.tsx +27 -0
  643. package/src/components/SegmentedControl/__snapshots__/SegmentedControl.test.tsx.snap +825 -0
  644. package/src/components/SegmentedControl/index.ts +1 -0
  645. package/src/components/SegmentedControl/styled.ts +50 -0
  646. package/src/components/SegmentedControl/types.ts +13 -0
  647. package/src/components/Select/Select.stories.tsx +37 -0
  648. package/src/components/Select/Select.test.tsx +37 -0
  649. package/src/components/Select/Select.tsx +58 -0
  650. package/src/components/Select/__snapshots__/Select.test.tsx.snap +199 -0
  651. package/src/components/Select/index.ts +1 -0
  652. package/src/components/Select/styled.ts +53 -0
  653. package/src/components/SimpleTable/SimpleTable.stories.tsx +60 -0
  654. package/src/components/SimpleTable/SimpleTable.test.tsx +28 -0
  655. package/src/components/SimpleTable/SimpleTable.tsx +18 -0
  656. package/src/components/SimpleTable/__snapshots__/SimpleTable.test.tsx.snap +87 -0
  657. package/src/components/SimpleTable/index.ts +1 -0
  658. package/src/components/SimpleTable/styled.ts +68 -0
  659. package/src/components/SimpleTable/types.ts +7 -0
  660. package/src/components/Slider/Select.stories.tsx +43 -0
  661. package/src/components/Slider/Slider.test.tsx +19 -0
  662. package/src/components/Slider/Slider.tsx +197 -0
  663. package/src/components/Slider/__snapshots__/Slider.test.tsx.snap +109 -0
  664. package/src/components/Slider/index.ts +1 -0
  665. package/src/components/Slider/styled.ts +53 -0
  666. package/src/components/Slider/types.ts +30 -0
  667. package/src/components/Stack/Alignments.ts +1 -3
  668. package/src/components/Stack/Stack.test.tsx +46 -0
  669. package/src/components/Stack/Stack.tsx +1 -2
  670. package/src/components/Stack/__snapshots__/Stack.test.tsx.snap +240 -10
  671. package/src/components/Stack/types.ts +1 -1
  672. package/src/components/Stepper/Stepper.stories.tsx +14 -0
  673. package/src/components/Stepper/Stepper.test.tsx +8 -0
  674. package/src/components/Stepper/Stepper.tsx +33 -0
  675. package/src/components/Stepper/__snapshots__/Stepper.test.tsx.snap +142 -0
  676. package/src/components/Stepper/index.ts +1 -0
  677. package/src/components/Stepper/styled.ts +83 -0
  678. package/src/components/Tag/Tag.stories.tsx +43 -0
  679. package/src/components/Tag/Tag.test.tsx +18 -0
  680. package/src/components/Tag/Tag.ts +23 -0
  681. package/src/components/Tag/__snapshots__/Tag.test.tsx.snap +78 -0
  682. package/src/components/Tag/index.ts +1 -0
  683. package/src/components/Text/Docs.mdx +112 -0
  684. package/src/components/Text/Text.stories.tsx +27 -0
  685. package/src/components/Text/Text.test.tsx +38 -0
  686. package/src/components/Text/Text.ts +44 -0
  687. package/src/components/Text/__snapshots__/Text.test.tsx.snap +1158 -0
  688. package/src/components/Text/index.ts +1 -0
  689. package/src/components/Text/textVariants.ts +41 -0
  690. package/src/components/Text/types.ts +33 -0
  691. package/src/components/Text/utils.ts +23 -0
  692. package/src/components/TextField/Docs.mdx +14 -0
  693. package/src/components/TextField/TextField.stories.tsx +38 -0
  694. package/src/components/TextField/TextField.test.tsx +27 -0
  695. package/src/components/TextField/TextField.tsx +92 -0
  696. package/src/components/TextField/__snapshots__/TextField.test.tsx.snap +205 -0
  697. package/src/components/TextField/index.ts +4 -0
  698. package/src/components/TextField/styled.ts +95 -0
  699. package/src/components/TextField/types.ts +41 -0
  700. package/src/components/ToastsLayout/ToastsLayout.stories.tsx +88 -0
  701. package/src/components/ToastsLayout/ToastsLayout.tsx +39 -0
  702. package/src/components/ToastsLayout/components/Toast.tsx +78 -0
  703. package/src/components/ToastsLayout/components/styled.ts +76 -0
  704. package/src/components/ToastsLayout/index.ts +1 -0
  705. package/src/components/ToastsLayout/types.ts +41 -0
  706. package/src/components/Toggle/Toggle.stories.tsx +41 -0
  707. package/src/components/Toggle/Toggle.test.tsx +57 -0
  708. package/src/components/Toggle/Toggle.tsx +31 -0
  709. package/src/components/Toggle/__snapshots__/Toggle.test.tsx.snap +219 -0
  710. package/src/components/Toggle/index.ts +1 -0
  711. package/src/components/Toggle/styled.ts +84 -0
  712. package/src/components/Toggle/types.ts +10 -0
  713. package/src/components/ToggleButton/ToggleButton.stories.tsx +19 -0
  714. package/src/components/ToggleButton/ToggleButton.test.tsx +12 -0
  715. package/src/components/ToggleButton/ToggleButton.tsx +31 -0
  716. package/src/components/ToggleButton/__snapshots__/ToggleButton.test.tsx.snap +83 -0
  717. package/src/components/ToggleButton/index.ts +1 -0
  718. package/src/components/ToggleButton/styled.ts +92 -0
  719. package/src/components/Tooltip/Docs.mdx +14 -0
  720. package/src/components/Tooltip/Tooltip.stories.tsx +26 -0
  721. package/src/components/Tooltip/Tooltip.test.tsx +25 -0
  722. package/src/components/Tooltip/Tooltip.tsx +95 -0
  723. package/src/components/Tooltip/__snapshots__/Tooltip.test.tsx.snap +17 -0
  724. package/src/components/Tooltip/index.ts +1 -0
  725. package/src/components/Tooltip/styled.ts +74 -0
  726. package/src/components/Tooltip/types.ts +44 -0
  727. package/src/components/VideoModal/VideoModal.stories.tsx +36 -0
  728. package/src/components/VideoModal/VideoModal.test.tsx +36 -0
  729. package/src/components/VideoModal/VideoModal.tsx +40 -0
  730. package/src/components/VideoModal/VideoModalDemo.tsx +19 -0
  731. package/src/components/VideoModal/__snapshots__/VideoModal.test.tsx.snap +165 -0
  732. package/src/components/VideoModal/components/Popup.tsx +44 -0
  733. package/src/components/VideoModal/components/styled.ts +34 -0
  734. package/src/components/VideoModal/index.ts +1 -0
  735. package/src/components/VideoModal/styled.ts +24 -0
  736. package/src/components/VideoModal/types.ts +9 -0
  737. package/src/components/View/View.stories.tsx +26 -0
  738. package/src/components/View/View.test.tsx +10 -0
  739. package/src/components/View/View.tsx +120 -0
  740. package/src/components/View/__snapshots__/View.test.tsx.snap +80 -0
  741. package/src/components/View/index.ts +1 -0
  742. package/src/components/View/styled.ts +82 -0
  743. package/src/components/View/types.ts +42 -0
  744. package/src/components/WeightInput/WeightInput.stories.tsx +26 -0
  745. package/src/components/WeightInput/WeightInput.test.tsx +11 -0
  746. package/src/components/WeightInput/WeightInput.tsx +66 -0
  747. package/src/components/WeightInput/__snapshots__/WeightInput.test.tsx.snap +272 -0
  748. package/src/components/WeightInput/index.ts +1 -0
  749. package/src/components/WeightInput/styled.ts +39 -0
  750. package/src/components/WeightInput/types.ts +31 -0
  751. package/src/components/index.ts +50 -0
  752. package/src/components/types.ts +23 -0
  753. package/src/hoc/index.ts +2 -0
  754. package/src/hoc/withDeprecated.tsx +11 -0
  755. package/src/hoc/withLabels/index.ts +1 -0
  756. package/src/hoc/withLabels/styled.ts +54 -0
  757. package/src/hoc/withLabels/withLabels.tsx +46 -0
  758. package/src/hooks/index.ts +7 -0
  759. package/src/hooks/useClickOutside.ts +40 -0
  760. package/src/hooks/useDebounce.ts +15 -0
  761. package/src/hooks/useDropdown.ts +22 -0
  762. package/src/hooks/useFocusVisible.tsx +157 -0
  763. package/src/hooks/useHover.ts +9 -0
  764. package/src/hooks/useIsOverflowing.ts +32 -0
  765. package/src/hooks/useTabs.ts +24 -0
  766. package/src/index.ts +3 -0
  767. package/src/tempIcons/ArrowDownIcon.tsx +12 -0
  768. package/src/tempIcons/ArrowUpIcon.tsx +12 -0
  769. package/src/tempIcons/AttentionIcon.tsx +12 -0
  770. package/src/tempIcons/CalendarIcon.tsx +12 -0
  771. package/src/tempIcons/ClipboardIcon.tsx +10 -0
  772. package/src/tempIcons/CrossIcon.tsx +20 -0
  773. package/src/tempIcons/DoubleArrowAscIcon.tsx +8 -0
  774. package/src/tempIcons/DoubleArrowDescIcon.tsx +8 -0
  775. package/src/tempIcons/DoubleArrowIcon.tsx +8 -0
  776. package/src/tempIcons/DoubleArrowIconIcon.tsx +8 -0
  777. package/src/tempIcons/DownArrowIcon.tsx +20 -0
  778. package/src/tempIcons/DropdownIcon.tsx +14 -0
  779. package/src/tempIcons/EditIcon.tsx +12 -0
  780. package/src/tempIcons/EndArrowIcon.tsx +18 -0
  781. package/src/tempIcons/FailIcon.tsx +12 -0
  782. package/src/tempIcons/HelpIcon.tsx +12 -0
  783. package/src/tempIcons/InfoIcon.tsx +14 -0
  784. package/src/tempIcons/LeftArrowIcon.tsx +12 -0
  785. package/src/tempIcons/MergeIcon.tsx +12 -0
  786. package/src/tempIcons/MoreHorizIcon.tsx +10 -0
  787. package/src/tempIcons/ReorderIcon.tsx +10 -0
  788. package/src/tempIcons/RightArrowIcon.tsx +12 -0
  789. package/src/tempIcons/SearchIcon.tsx +12 -0
  790. package/src/tempIcons/StartArrowIcon.tsx +16 -0
  791. package/src/tempIcons/SuccessIcon.tsx +12 -0
  792. package/src/tempIcons/UpArrowIcon.tsx +20 -0
  793. package/src/tempIcons/VisibilityIcon.tsx +10 -0
  794. package/src/tempIcons/VisibilityOffIcon.tsx +10 -0
  795. package/src/theme/index.ts +2 -2
  796. package/src/theme/modules/shadows.ts +1 -1
  797. package/src/utils/buildClassnames.ts +2 -0
  798. package/src/utils/color.ts +27 -0
  799. package/src/utils/generateId.ts +4 -0
  800. package/src/utils/index.ts +3 -0
  801. package/src/utils/paginationList.ts +6 -0
  802. package/src/utils/setupIntersectionObserverMock.ts +46 -0
package/src/hooks/useFocusVisible.tsx ADDED
@@ -0,0 +1,157 @@
1
+ import React, { PropsWithChildren, useEffect, useState } from 'react';
2
+
3
+ // A React hook based on: https://github.com/WICG/focus-visible
4
+
5
+ export const FocusVisibleContext = React.createContext({
6
+ hadKeyboardEvent: true,
7
+ isInitialized: false,
8
+ });
9
+
10
+ export function FocusVisibleManager({ children }: PropsWithChildren<{}>) {
11
+ const [hadKeyboardEvent, setHadKeyboardEvent] = useState(true);
12
+
13
+ useEffect(() => {
14
+ function onPointerDown() {
15
+ setHadKeyboardEvent(false);
16
+ }
17
+
18
+ /**
19
+ * When the polfyill first loads, assume the user is in keyboard modality.
20
+ * If any event is received from a pointing device (e.g. mouse, pointer,
21
+ * touch), turn off keyboard modality.
22
+ * This accounts for situations where focus enters the page from the URL bar.
23
+ * @param {Event} e
24
+ */
25
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
26
+ function onInitialPointerMove(e: any) {
27
+ // Work around a Safari quirk that fires a mousemove on <html> whenever the
28
+ // window blurs, even if you're tabbing out of the page. ¯\_(ツ)_/¯
29
+ if (e.target.nodeName && e.target.nodeName.toLowerCase() === 'html') {
30
+ return;
31
+ }
32
+
33
+ setHadKeyboardEvent(false);
34
+ // eslint-disable-next-line @typescript-eslint/no-use-before-define
35
+ removeInitialPointerMoveListeners();
36
+ }
37
+
38
+ /**
39
+ * Add a group of listeners to detect usage of any pointing devices.
40
+ * These listeners will be added when the polyfill first loads, and anytime
41
+ * the window is blurred, so that they are active when the window regains
42
+ * focus.
43
+ */
44
+ function addInitialPointerMoveListeners() {
45
+ document.addEventListener('mousemove', onInitialPointerMove);
46
+ document.addEventListener('mousedown', onInitialPointerMove);
47
+ document.addEventListener('mouseup', onInitialPointerMove);
48
+ document.addEventListener('pointermove', onInitialPointerMove);
49
+ document.addEventListener('pointerdown', onInitialPointerMove);
50
+ document.addEventListener('pointerup', onInitialPointerMove);
51
+ document.addEventListener('touchmove', onInitialPointerMove);
52
+ document.addEventListener('touchstart', onInitialPointerMove);
53
+ document.addEventListener('touchend', onInitialPointerMove);
54
+ }
55
+
56
+ function removeInitialPointerMoveListeners() {
57
+ document.removeEventListener('mousemove', onInitialPointerMove);
58
+ document.removeEventListener('mousedown', onInitialPointerMove);
59
+ document.removeEventListener('mouseup', onInitialPointerMove);
60
+ document.removeEventListener('pointermove', onInitialPointerMove);
61
+ document.removeEventListener('pointerdown', onInitialPointerMove);
62
+ document.removeEventListener('pointerup', onInitialPointerMove);
63
+ document.removeEventListener('touchmove', onInitialPointerMove);
64
+ document.removeEventListener('touchstart', onInitialPointerMove);
65
+ document.removeEventListener('touchend', onInitialPointerMove);
66
+ }
67
+
68
+ /**
69
+ * If the most recent user interaction was via the keyboard;
70
+ * and the key press did not include a meta, alt/option, or control key;
71
+ * then the modality is keyboard. Otherwise, the modality is not keyboard.
72
+ * Apply `focus-visible` to any current active element and keep track
73
+ * of our keyboard modality state with `hadKeyboardEvent`.
74
+ * @param {KeyboardEvent} e
75
+ */
76
+ function onKeyDown(e: KeyboardEvent) {
77
+ if (e.metaKey || e.altKey || e.ctrlKey) {
78
+ return;
79
+ }
80
+
81
+ setHadKeyboardEvent(true);
82
+ }
83
+ /**
84
+ * If the user changes tabs, keep track of whether or not the previously
85
+ * focused element had .focus-visible.
86
+ * @param {Event} e
87
+ */
88
+ function onVisibilityChange() {
89
+ if (document.visibilityState === 'hidden') {
90
+ // If the tab becomes active again, the browser will handle calling focus
91
+ // on the element (Safari actually calls it twice).
92
+ // If this tab change caused a blur on an element with focus-visible,
93
+ // re-apply the class when the user switches back to the tab.
94
+ setHadKeyboardEvent(true);
95
+ addInitialPointerMoveListeners();
96
+ }
97
+ }
98
+
99
+ // For some kinds of state, we are interested in changes at the global scope
100
+ // only. For example, global pointer input, global key presses and global
101
+ // visibility change should affect the state at every scope:
102
+ document.addEventListener('keydown', onKeyDown, true);
103
+ document.addEventListener('mousedown', onPointerDown, true);
104
+ document.addEventListener('pointerdown', onPointerDown, true);
105
+ document.addEventListener('touchstart', onPointerDown, true);
106
+ document.addEventListener('visibilitychange', onVisibilityChange, true);
107
+
108
+ addInitialPointerMoveListeners();
109
+
110
+ return () => {
111
+ document.removeEventListener('keydown', onKeyDown, true);
112
+ document.removeEventListener('mousedown', onPointerDown, true);
113
+ document.removeEventListener('pointerdown', onPointerDown, true);
114
+ document.removeEventListener('touchstart', onPointerDown, true);
115
+ document.removeEventListener('visibilitychange', onVisibilityChange, true);
116
+
117
+ removeInitialPointerMoveListeners();
118
+ };
119
+ }, [setHadKeyboardEvent]);
120
+
121
+ return (
122
+ // eslint-disable-next-line react/jsx-no-constructed-context-values
123
+ <FocusVisibleContext.Provider value={{ hadKeyboardEvent, isInitialized: true }}>
124
+ {children}
125
+ </FocusVisibleContext.Provider>
126
+ );
127
+ }
128
+
129
+ export function useFocusVisible() {
130
+ const [isFocused, setIsFocused] = React.useState(false);
131
+ const { hadKeyboardEvent, isInitialized } = React.useContext(FocusVisibleContext);
132
+
133
+ const onFocus = React.useCallback(() => {
134
+ if (!isFocused) setIsFocused(true);
135
+ }, [isFocused]);
136
+
137
+ const onBlur = React.useCallback(() => {
138
+ if (isFocused) setIsFocused(false);
139
+ }, [isFocused]);
140
+
141
+ let focusVisible: boolean;
142
+ if (isInitialized) {
143
+ focusVisible = hadKeyboardEvent && isFocused;
144
+ } else {
145
+ // Fallback to focused when the `FocusVisibleManager` is not used.
146
+ focusVisible = isFocused;
147
+ }
148
+
149
+ return React.useMemo(
150
+ () => ({
151
+ focusVisible,
152
+ onFocus,
153
+ onBlur,
154
+ }),
155
+ [focusVisible, onBlur, onFocus],
156
+ );
157
+ }
package/src/hooks/useHover.ts ADDED
@@ -0,0 +1,9 @@
1
+ import { useState, useCallback } from 'react';
2
+
3
+ export const useHover = (initialState = false) => {
4
+ const [isHovered, setIsHovered] = useState<boolean>(initialState);
5
+ const handleEnter = useCallback(() => setIsHovered(true), [setIsHovered]);
6
+ const handleLeave = useCallback(() => setIsHovered(false), [setIsHovered]);
7
+
8
+ return [isHovered, handleEnter, handleLeave] as const;
9
+ };
package/src/hooks/useIsOverflowing.ts ADDED
@@ -0,0 +1,32 @@
1
+ import { useEffect, useState } from 'react';
2
+
3
+ /**
4
+ * A hook to check if a component's contents are overflowing from its boundaries
5
+ * (scrollbar is visible).
6
+ */
7
+ export const useIsOverflowing = (ref: HTMLElement | null) => {
8
+ const [isOverflowing, setIsOverflowing] = useState(false);
9
+ const [isAtBottom, setIsAtBottom] = useState(false);
10
+
11
+ useEffect(() => {
12
+ if (!ref) return;
13
+
14
+ const resizeObserver = new ResizeObserver(() => {
15
+ const hasOverflow = ref.scrollHeight > ref.clientHeight;
16
+ setIsOverflowing(hasOverflow);
17
+ });
18
+ resizeObserver.observe(ref);
19
+
20
+ // eslint-disable-next-line consistent-return
21
+ return () => { resizeObserver.disconnect(); };
22
+ }, [ref]);
23
+
24
+ const onScroll: React.UIEventHandler<HTMLElement> = (event) => {
25
+ if (!ref) return;
26
+
27
+ const { scrollTop, scrollHeight, clientHeight } = (event.target as HTMLElement);
28
+ setIsAtBottom(scrollHeight - scrollTop - clientHeight <= 0);
29
+ };
30
+
31
+ return { isOverflowing: isOverflowing && !isAtBottom, onScroll };
32
+ };
package/src/hooks/useTabs.ts ADDED
@@ -0,0 +1,24 @@
1
+ import { useState } from 'react';
2
+
3
+ interface TabsConfig {
4
+ defaultActiveIndex?: number;
5
+ }
6
+
7
+ type ITab = any;
8
+
9
+ export const useTabs = (tabs: ITab[], config?: TabsConfig) => {
10
+ const { defaultActiveIndex = 0 } = config || {};
11
+ const [listOfTabs] = useState<ITab[]>(tabs);
12
+ const [active, setActive] = useState<ITab>(listOfTabs[defaultActiveIndex]);
13
+
14
+ return [
15
+ active,
16
+ (key: string) => {
17
+ const newActiveTab = listOfTabs.find((tab) => tab.key === key);
18
+
19
+ if (newActiveTab) {
20
+ setActive(newActiveTab);
21
+ }
22
+ },
23
+ ] as const;
24
+ };
package/src/index.ts CHANGED
@@ -1,2 +1,5 @@
1
1
  export * from './components';
2
+ export * from './hooks';
3
+ export * from './hoc';
4
+ export * from './utils';
2
5
  export * from './theme';
package/src/tempIcons/ArrowDownIcon.tsx ADDED
@@ -0,0 +1,12 @@
1
+ import React from 'react';
2
+
3
+ export const ArrowDownIcon = (props: any) => {
4
+ return (
5
+ <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
6
+ <path
7
+ d="M11 4V16.17L5.41 10.58L4 12L12 20L20 12L18.59 10.59L13 16.17L13 4H11Z"
8
+ fill="currentColor"
9
+ />
10
+ </svg>
11
+ );
12
+ };
package/src/tempIcons/ArrowUpIcon.tsx ADDED
@@ -0,0 +1,12 @@
1
+ import React from 'react';
2
+
3
+ export const ArrowUpIcon = (props: any) => {
4
+ return (
5
+ <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
6
+ <path
7
+ d="M13 20V7.83L18.59 13.42L20 12L12 4L4 12L5.41 13.41L11 7.83L11 20H13Z"
8
+ fill="currentColor"
9
+ />
10
+ </svg>
11
+ );
12
+ };
package/src/tempIcons/AttentionIcon.tsx ADDED
@@ -0,0 +1,12 @@
1
+ import React from 'react';
2
+
3
+ export const AttentionIcon = (props: any) => (
4
+ <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
5
+ <path
6
+ fillRule="evenodd"
7
+ clipRule="evenodd"
8
+ d="M11 15H13V17H11V15ZM11 7H13V13H11V7ZM11.99 2C6.47 2 2 6.48 2 12C2 17.52 6.47 22 11.99 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 11.99 2ZM12 20C7.58 20 4 16.42 4 12C4 7.58 7.58 4 12 4C16.42 4 20 7.58 20 12C20 16.42 16.42 20 12 20Z"
9
+ fill="currentColor"
10
+ />
11
+ </svg>
12
+ );
package/src/tempIcons/CalendarIcon.tsx ADDED
@@ -0,0 +1,12 @@
1
+ import React from 'react';
2
+
3
+ export const CalanderIcon = (props: any) => (
4
+ <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
5
+ <path
6
+ fillRule="evenodd"
7
+ clipRule="evenodd"
8
+ d="M18.3333 5.7H17.5V4H15.8333V5.7H9.16667V4H7.5V5.7H6.66667C5.74167 5.7 5.00833 6.465 5.00833 7.4L5 19.3C5 20.235 5.74167 21 6.66667 21H18.3333C19.25 21 20 20.235 20 19.3V7.4C20 6.465 19.25 5.7 18.3333 5.7ZM10.0002 11.65H8.3335V13.35H10.0002V11.65ZM13.3332 11.65H11.6665V13.35H13.3332V11.65ZM15 11.65H16.6667V13.35H15V11.65ZM6.6665 19.3H18.3332V9.94998H6.6665V19.3Z"
9
+ fill="currentColor"
10
+ />
11
+ </svg>
12
+ );
package/src/tempIcons/ClipboardIcon.tsx ADDED
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+
3
+ export const ClipboardIcon = (props: any) => (
4
+ <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
5
+ <path
6
+ d="M19 3H14.82C14.4 1.84 13.3 1 12 1C10.7 1 9.6 1.84 9.18 3H5C3.9 3 3 3.9 3 5V21C3 22.1 3.9 23 5 23H19C20.1 23 21 22.1 21 21V5C21 3.9 20.1 3 19 3ZM12 3C12.55 3 13 3.45 13 4C13 4.55 12.55 5 12 5C11.45 5 11 4.55 11 4C11 3.45 11.45 3 12 3ZM19 21H5V5H7V8H17V5H19V21Z"
7
+ fill="currentColor"
8
+ />
9
+ </svg>
10
+ );
package/src/tempIcons/CrossIcon.tsx ADDED
@@ -0,0 +1,20 @@
1
+ import React from 'react';
2
+ import { sizes } from '../theme/modules/sizes';
3
+
4
+ export const CrossIcon = (props: any) => (
5
+ <svg
6
+ viewBox="0 0 24 24"
7
+ fill="none"
8
+ xmlns="http://www.w3.org/2000/svg"
9
+ role="presentation"
10
+ height={sizes.md}
11
+ {...props}
12
+ >
13
+ <path
14
+ fillRule="evenodd"
15
+ clipRule="evenodd"
16
+ d="M19 6.51071L17.4893 5L11.5 10.9893L5.51071 5L4 6.51071L9.98929 12.5L4 18.4893L5.51071 20L11.5 14.0107L17.4893 20L19 18.4893L13.0107 12.5L19 6.51071Z"
17
+ fill="currentColor"
18
+ />
19
+ </svg>
20
+ );
package/src/tempIcons/DoubleArrowAscIcon.tsx ADDED
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+
3
+ export const DoubleArrowAscIcon = (props: any) => (
4
+ <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
5
+ <path fillRule="evenodd" clipRule="evenodd" d="M5 10L8 13L11 10H5Z" fill="#959FA8" />
6
+ <path fillRule="evenodd" clipRule="evenodd" d="M11 6L8 3L5 6L11 6Z" fill="#0079D1" />
7
+ </svg>
8
+ );
package/src/tempIcons/DoubleArrowDescIcon.tsx ADDED
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+
3
+ export const DoubleArrowDescIcon = (props: any) => (
4
+ <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
5
+ <path fillRule="evenodd" clipRule="evenodd" d="M5 10L8 13L11 10H5Z" fill="#0079D1" />
6
+ <path fillRule="evenodd" clipRule="evenodd" d="M11 6L8 3L5 6L11 6Z" fill="#959FA8" />
7
+ </svg>
8
+ );
package/src/tempIcons/DoubleArrowIcon.tsx ADDED
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+
3
+ export const DoubleArrowIcon = (props: any) => (
4
+ <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
5
+ <path fillRule="evenodd" clipRule="evenodd" d="M5 10L8 13L11 10H5Z" fill="currentColor" />
6
+ <path fillRule="evenodd" clipRule="evenodd" d="M11 6L8 3L5 6L11 6Z" fill="currentColor" />
7
+ </svg>
8
+ );
package/src/tempIcons/DoubleArrowIconIcon.tsx ADDED
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+
3
+ export const DoubleArrowIcon = (props: any) => (
4
+ <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
5
+ <path fillRule="evenodd" clipRule="evenodd" d="M5 10L8 13L11 10H5Z" fill="currentColor" />
6
+ <path fillRule="evenodd" clipRule="evenodd" d="M11 6L8 3L5 6L11 6Z" fill="currentColor" />
7
+ </svg>
8
+ );
package/src/tempIcons/DownArrowIcon.tsx ADDED
@@ -0,0 +1,20 @@
1
+ import React from 'react';
2
+ import { sizes } from '../theme/modules/sizes';
3
+
4
+ export const DownArrowIcon = (props: any) => (
5
+ <svg
6
+ viewBox="0 0 16 16"
7
+ fill="none"
8
+ xmlns="http://www.w3.org/2000/svg"
9
+ role="presentation"
10
+ height={sizes.md}
11
+ {...props}
12
+ >
13
+ <path
14
+ fillRule="evenodd"
15
+ clipRule="evenodd"
16
+ d="M11.0302 5.52997L7.97021 8.5833L4.91021 5.52997L3.97021 6.46997L7.97021 10.47L11.9702 6.46997L11.0302 5.52997Z"
17
+ fill="currentColor"
18
+ />
19
+ </svg>
20
+ );
package/src/tempIcons/DropdownIcon.tsx ADDED
@@ -0,0 +1,14 @@
1
+ import React from 'react';
2
+ import { theme } from '../theme';
3
+
4
+ export const DropdownIcon = (props: any) => (
5
+ <svg
6
+ viewBox="0 0 16 16"
7
+ fill="none"
8
+ xmlns="http://www.w3.org/2000/svg"
9
+ style={{ width: theme.sizes.base, height: theme.sizes.base }}
10
+ {...props}
11
+ >
12
+ <path fillRule="evenodd" clipRule="evenodd" d="M4 6L8 10L12 6H4Z" fill="currentColor" />
13
+ </svg>
14
+ );
package/src/tempIcons/EditIcon.tsx ADDED
@@ -0,0 +1,12 @@
1
+ import React from 'react';
2
+
3
+ export const EditIcon = (props: any) => (
4
+ <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
5
+ <path
6
+ fillRule="evenodd"
7
+ clipRule="evenodd"
8
+ d="M3 18.0418V21.9996H6.95778L18.6306 10.3273L14.6728 6.36952L3 18.0418ZM21.6913 7.2661C22.1029 6.85501 22.1029 6.19011 21.6913 5.7785L19.2216 3.30831C18.81 2.89723 18.1451 2.89723 17.7335 3.30831L15.8021 5.23971L19.7599 9.19749L21.6913 7.2661Z"
9
+ fill="currentColor"
10
+ />
11
+ </svg>
12
+ );
package/src/tempIcons/EndArrowIcon.tsx ADDED
@@ -0,0 +1,18 @@
1
+ import React from 'react';
2
+
3
+ export const EndArrowIcon = (props: any) => (
4
+ <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
5
+ <path
6
+ fillRule="evenodd"
7
+ clipRule="evenodd"
8
+ d="M4.33661 11.06L7.38994 8L4.33661 4.94L5.27661 4L9.27661 8L5.27661 12L4.33661 11.06Z"
9
+ fill="currentColor"
10
+ />
11
+ <path
12
+ fillRule="evenodd"
13
+ clipRule="evenodd"
14
+ d="M11.67 4L11.67 12L10.3367 12L10.3367 4L11.67 4Z"
15
+ fill="currentColor"
16
+ />
17
+ </svg>
18
+ );
package/src/tempIcons/FailIcon.tsx ADDED
@@ -0,0 +1,12 @@
1
+ import React from 'react';
2
+
3
+ export const FailIcon = (props: any) => (
4
+ <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
5
+ <path
6
+ fillRule="evenodd"
7
+ clipRule="evenodd"
8
+ d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12.0001 20.1818C16.5187 20.1818 20.1819 16.5187 20.1819 12C20.1819 7.4813 16.5187 3.81818 12.0001 3.81818C7.48136 3.81818 3.81824 7.4813 3.81824 12C3.81824 16.5187 7.48136 20.1818 12.0001 20.1818ZM16.3536 8.80575L13.1593 12L16.3536 15.1943L15.1943 16.3536L12 13.1593L8.80575 16.3536L7.64648 15.1943L10.8408 12L7.64648 8.80575L8.80575 7.64648L12 10.8408L15.1943 7.64648L16.3536 8.80575ZM8.80571 16L8.80575 16L12 12.8058L12 12.8057L8.80571 16ZM15.1943 16L15.1943 16L16 15.1943L16 15.1943L15.1943 16ZM16 8.80575L12.8058 12L12.8057 12L16 8.80571L16 8.80575Z"
9
+ fill="currentColor"
10
+ />
11
+ </svg>
12
+ );
package/src/tempIcons/HelpIcon.tsx ADDED
@@ -0,0 +1,12 @@
1
+ import React from 'react';
2
+
3
+ export const HelpIcon = (props: any) => (
4
+ <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
5
+ <path
6
+ fillRule="evenodd"
7
+ clipRule="evenodd"
8
+ d="M11 18H13V16H11V18ZM12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20ZM12 6C9.79 6 8 7.79 8 10H10C10 8.9 10.9 8 12 8C13.1 8 14 8.9 14 10C14 12 11 11.75 11 15H13C13 12.75 16 12.5 16 10C16 7.79 14.21 6 12 6Z"
9
+ fill="currentColor"
10
+ />
11
+ </svg>
12
+ );
package/src/tempIcons/InfoIcon.tsx ADDED
@@ -0,0 +1,14 @@
1
+ import React from 'react';
2
+
3
+ export const InfoIcon = (props: any) => (
4
+ <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
5
+ <path
6
+ fillRule="evenodd"
7
+ clipRule="evenodd"
8
+ d="M2 12C2 6.48 6.48 2 12 2C17.52 2 22 6.48 22 12C22 17.52 17.52 22 12 22C6.48 22 2 17.52 2 12ZM4 12C4 16.41 7.59 20 12 20C16.41 20 20 16.41 20 12C20 7.59 16.41 4 12 4C7.59 4 4 7.59 4 12Z"
9
+ fill="currentColor"
10
+ />
11
+ <circle cx="12" cy="7" r="1" fill="currentColor" />
12
+ <path d="M10 16H11V11H10V10H13V16H14V17H10V16Z" fill="currentColor" />
13
+ </svg>
14
+ );
package/src/tempIcons/LeftArrowIcon.tsx ADDED
@@ -0,0 +1,12 @@
1
+ import React from 'react';
2
+
3
+ export const LeftArrowIcon = (props: any) => (
4
+ <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
5
+ <path
6
+ fillRule="evenodd"
7
+ clipRule="evenodd"
8
+ d="M10.44 11.06L7.38667 8L10.44 4.94L9.5 4L5.5 8L9.5 12L10.44 11.06Z"
9
+ fill="currentColor"
10
+ />
11
+ </svg>
12
+ );
package/src/tempIcons/MergeIcon.tsx ADDED
@@ -0,0 +1,12 @@
1
+ import React from 'react';
2
+
3
+ export const MergeIcon = (props: any) => (
4
+ <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
5
+ <path
6
+ fillRule="evenodd"
7
+ clipRule="evenodd"
8
+ d="M10.9887 6.82229H6.84911L12.1714 1.5L17.4937 6.82229H13.3541V14.4036L6.25774 21.5L4.59009 19.8323L10.9887 13.4338V6.82229ZM19.7527 19.8323L18.0851 21.5L14.0519 17.4669L15.7196 15.7992L19.7527 19.8323Z"
9
+ fill="currentColor"
10
+ />
11
+ </svg>
12
+ );
package/src/tempIcons/MoreHorizIcon.tsx ADDED
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+
3
+ export const MoreHorizIcon = (props: any) => (
4
+ <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
5
+ <path
6
+ d="M6 10C4.9 10 4 10.9 4 12C4 13.1 4.9 14 6 14C7.1 14 8 13.1 8 12C8 10.9 7.1 10 6 10ZM18 10C16.9 10 16 10.9 16 12C16 13.1 16.9 14 18 14C19.1 14 20 13.1 20 12C20 10.9 19.1 10 18 10ZM12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z"
7
+ fill="currentColor"
8
+ />
9
+ </svg>
10
+ );
package/src/tempIcons/ReorderIcon.tsx ADDED
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+
3
+ export const ReorderIcon = (props: any) => (
4
+ <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
5
+ <path
6
+ d="M3 15H21V13H3V15ZM3 19H21V17H3V19ZM3 11H21V9H3V11ZM3 5V7H21V5H3Z"
7
+ fill="currentColor"
8
+ />
9
+ </svg>
10
+ );
package/src/tempIcons/RightArrowIcon.tsx ADDED
@@ -0,0 +1,12 @@
1
+ import React from 'react';
2
+
3
+ export const RightArrowIcon = (props: any) => (
4
+ <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
5
+ <path
6
+ fillRule="evenodd"
7
+ clipRule="evenodd"
8
+ d="M5.99994 11.06L9.05327 8L5.99994 4.94L6.93994 4L10.9399 8L6.93994 12L5.99994 11.06Z"
9
+ fill="currentColor"
10
+ />
11
+ </svg>
12
+ );
package/src/tempIcons/SearchIcon.tsx ADDED
@@ -0,0 +1,12 @@
1
+ import React from 'react';
2
+
3
+ export const SearchIcon = (props: any) => (
4
+ <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
5
+ <path
6
+ fillRule="evenodd"
7
+ clipRule="evenodd"
8
+ d="M14.3819 13.6918H15.1498L20 18.5517L18.5517 20L13.6918 15.1498V14.3819L13.4294 14.1098C12.3213 15.0623 10.8828 15.6358 9.3179 15.6358C5.82847 15.6358 3 12.8073 3 9.3179C3 5.82847 5.82847 3 9.3179 3C12.8073 3 15.6358 5.82847 15.6358 9.3179C15.6358 10.8828 15.0623 12.3213 14.1098 13.4294L14.3819 13.6918ZM4.94397 9.3179C4.94397 11.7381 6.89766 13.6918 9.3179 13.6918C11.7381 13.6918 13.6918 11.7381 13.6918 9.3179C13.6918 6.89766 11.7381 4.94397 9.3179 4.94397C6.89766 4.94397 4.94397 6.89766 4.94397 9.3179Z"
9
+ fill="currentColor"
10
+ />
11
+ </svg>
12
+ );
package/src/tempIcons/StartArrowIcon.tsx ADDED
@@ -0,0 +1,16 @@
1
+ import React from 'react';
2
+
3
+ export const StartArrowIcon = (props: any) => (
4
+ <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
5
+ <path
6
+ d="M11.6434 11.06L8.59004 8L11.6434 4.94L10.7034 4L6.70337 8L10.7034 12L11.6434 11.06Z"
7
+ fill="currentColor"
8
+ />
9
+ <path
10
+ fillRule="evenodd"
11
+ clipRule="evenodd"
12
+ d="M4.37004 12L4.37004 4L5.70337 4L5.70337 12L4.37004 12Z"
13
+ fill="currentColor"
14
+ />
15
+ </svg>
16
+ );
package/src/tempIcons/SuccessIcon.tsx ADDED
@@ -0,0 +1,12 @@
1
+ import React from 'react';
2
+
3
+ export const SuccessIcon = (props: any) => (
4
+ <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
5
+ <path
6
+ fillRule="evenodd"
7
+ clipRule="evenodd"
8
+ d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM14.7708 8L10.0856 13.2468L8.22925 11.1679L7 12.5445L10.0856 16L16 9.37661L14.7708 8ZM20.1818 12C20.1818 16.5187 16.5187 20.1818 12 20.1818C7.48131 20.1818 3.81818 16.5187 3.81818 12C3.81818 7.48131 7.48131 3.81818 12 3.81818C16.5187 3.81818 20.1818 7.48131 20.1818 12Z"
9
+ fill="currentColor"
10
+ />
11
+ </svg>
12
+ );
package/src/tempIcons/UpArrowIcon.tsx ADDED
@@ -0,0 +1,20 @@
1
+ import React from 'react';
2
+ import { sizes } from '../theme/modules/sizes';
3
+
4
+ export const UpArrowIcon = (props: any) => (
5
+ <svg
6
+ viewBox="0 0 16 16"
7
+ fill="none"
8
+ xmlns="http://www.w3.org/2000/svg"
9
+ role="presentation"
10
+ height={sizes.md}
11
+ {...props}
12
+ >
13
+ <path
14
+ fillRule="evenodd"
15
+ clipRule="evenodd"
16
+ d="M4.91021 10.47L7.97021 7.4167L11.0302 10.47L11.9702 9.53003L7.97021 5.53003L3.97021 9.53003L4.91021 10.47Z"
17
+ fill="currentColor"
18
+ />
19
+ </svg>
20
+ );
package/src/tempIcons/VisibilityIcon.tsx ADDED
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+
3
+ export const VisiblityIcon = (props: any) => (
4
+ <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
5
+ <path
6
+ d="M12 4.5C7 4.5 2.73 7.61 1 12C2.73 16.39 7 19.5 12 19.5C17 19.5 21.27 16.39 23 12C21.27 7.61 17 4.5 12 4.5ZM12 17C9.24 17 7 14.76 7 12C7 9.24 9.24 7 12 7C14.76 7 17 9.24 17 12C17 14.76 14.76 17 12 17ZM12 9C10.34 9 9 10.34 9 12C9 13.66 10.34 15 12 15C13.66 15 15 13.66 15 12C15 10.34 13.66 9 12 9Z"
7
+ fill="currentColor"
8
+ />
9
+ </svg>
10
+ );
package/src/tempIcons/VisibilityOffIcon.tsx ADDED
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+
3
+ export const VisiblityOffIcon = (props: any) => (
4
+ <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
5
+ <path
6
+ d="M12 7C14.76 7 17 9.24 17 12C17 12.65 16.87 13.26 16.64 13.83L19.56 16.75C21.07 15.49 22.26 13.86 22.99 12C21.26 7.61 16.99 4.5 11.99 4.5C10.59 4.5 9.25 4.75 8.01 5.2L10.17 7.36C10.74 7.13 11.35 7 12 7ZM2 4.27L4.28 6.55L4.74 7.01C3.08 8.3 1.78 10.02 1 12C2.73 16.39 7 19.5 12 19.5C13.55 19.5 15.03 19.2 16.38 18.66L16.8 19.08L19.73 22L21 20.73L3.27 3L2 4.27ZM7.53 9.8L9.08 11.35C9.03 11.56 9 11.78 9 12C9 13.66 10.34 15 12 15C12.22 15 12.44 14.97 12.65 14.92L14.2 16.47C13.53 16.8 12.79 17 12 17C9.24 17 7 14.76 7 12C7 11.21 7.2 10.47 7.53 9.8ZM11.84 9.02L14.99 12.17L15.01 12.01C15.01 10.35 13.67 9.01 12.01 9.01L11.84 9.02Z"
7
+ fill="currentColor"
8
+ />
9
+ </svg>
10
+ );
package/src/theme/index.ts CHANGED
@@ -2,7 +2,7 @@ import { colors } from './modules/colors';
2
2
  import { breakpoints } from './modules/breakpoints';
3
3
  import { layers } from './modules/layers';
4
4
  import { radius } from './modules/radius';
5
- import { shadows } from './modules/shadows';
5
+ import { Shadows } from './modules/shadows';
6
6
  import { sizes } from './modules/sizes';
7
7
  import { text, common } from './modules/text';
8
8
 
@@ -12,7 +12,7 @@ export const theme = {
12
12
  colors,
13
13
  layers,
14
14
  radius,
15
- shadows,
15
+ shadows: Shadows,
16
16
  sizes,
17
17
  text,
18
18
  };