@hero-design/rn 7.6.1-alpha.0 → 7.8.0

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 (444) hide show
  1. package/.expo/README.md +15 -0
  2. package/.expo/packager-info.json +10 -0
  3. package/.expo/prebuild/cached-packages.json +4 -0
  4. package/.expo/settings.json +10 -0
  5. package/.expo/xcodebuild-error.log +2 -0
  6. package/.expo/xcodebuild.log +11199 -0
  7. package/.turbo/turbo-build.log +2 -2
  8. package/.turbo/turbo-publish:npm.log +0 -0
  9. package/es/index.js +4528 -432
  10. package/lib/index.js +4616 -516
  11. package/package.json +6 -8
  12. package/rollup.config.js +1 -7
  13. package/src/components/Alert/__tests__/__snapshots__/index.spec.tsx.snap +2 -2
  14. package/src/components/Avatar/index.tsx +1 -1
  15. package/src/components/Button/Button.tsx +4 -2
  16. package/src/components/Button/LoadingIndicator/StyledLoadingIndicator.tsx +7 -2
  17. package/src/components/Button/LoadingIndicator/__tests__/StyledLoadingIndicator.spec.tsx +2 -0
  18. package/src/components/Button/LoadingIndicator/__tests__/__snapshots__/StyledLoadingIndicator.spec.tsx.snap +40 -0
  19. package/src/components/Button/LoadingIndicator/__tests__/__snapshots__/index.spec.tsx.snap +242 -0
  20. package/src/components/Button/LoadingIndicator/__tests__/index.spec.tsx +2 -0
  21. package/src/components/Button/LoadingIndicator/index.tsx +3 -1
  22. package/src/components/Button/StyledButton.tsx +15 -2
  23. package/src/components/Button/__tests__/Button.spec.tsx +2 -0
  24. package/src/components/Button/__tests__/StyledButton.spec.tsx +12 -0
  25. package/src/components/Button/__tests__/__snapshots__/StyledButton.spec.tsx.snap +314 -0
  26. package/src/components/Card/DataCard/StyledDataCard.tsx +20 -0
  27. package/src/components/Card/DataCard/__tests__/StyledDataCard.spec.tsx +24 -0
  28. package/src/components/Card/DataCard/__tests__/__snapshots__/StyledDataCard.spec.tsx.snap +97 -0
  29. package/src/components/Card/DataCard/__tests__/__snapshots__/index.spec.tsx.snap +156 -0
  30. package/src/components/Card/DataCard/__tests__/index.spec.tsx +30 -0
  31. package/src/components/Card/DataCard/index.tsx +35 -0
  32. package/src/components/Card/index.tsx +7 -2
  33. package/src/components/Checkbox/StyledCheckbox.tsx +18 -0
  34. package/src/components/Checkbox/__tests__/StyledCheckbox.spec.tsx +10 -0
  35. package/src/components/Checkbox/__tests__/__snapshots__/StyledCheckbox.spec.tsx.snap +31 -0
  36. package/src/components/Checkbox/__tests__/__snapshots__/index.spec.tsx.snap +63 -0
  37. package/src/components/Checkbox/__tests__/index.spec.tsx +24 -0
  38. package/src/components/Checkbox/index.tsx +58 -0
  39. package/src/components/Collapse/index.tsx +1 -1
  40. package/src/components/Icon/index.tsx +1 -1
  41. package/src/components/List/BasicListItem.tsx +98 -0
  42. package/src/components/List/ListItem.tsx +142 -0
  43. package/src/components/List/StyledBasicListItem.tsx +34 -0
  44. package/src/components/List/StyledListItem.tsx +82 -0
  45. package/src/components/List/__tests__/BasicListItem.spec.tsx +37 -0
  46. package/src/components/List/__tests__/ListItem.spec.tsx +110 -0
  47. package/src/components/List/__tests__/StyledBasicListItem.spec.tsx +24 -0
  48. package/src/components/List/__tests__/StyledListItem.spec.tsx +48 -0
  49. package/src/components/List/__tests__/__snapshots__/BasicListItem.spec.tsx.snap +103 -0
  50. package/src/components/List/__tests__/__snapshots__/ListItem.spec.tsx.snap +760 -0
  51. package/src/components/List/__tests__/__snapshots__/StyledBasicListItem.spec.tsx.snap +105 -0
  52. package/src/components/List/__tests__/__snapshots__/StyledListItem.spec.tsx.snap +200 -0
  53. package/src/components/List/index.tsx +14 -0
  54. package/src/components/SectionHeading/index.tsx +1 -1
  55. package/src/components/Select/Footer.tsx +13 -0
  56. package/src/components/Select/MultiSelect/Option.tsx +25 -0
  57. package/src/components/Select/MultiSelect/OptionList.tsx +30 -63
  58. package/src/components/Select/MultiSelect/__tests__/Option.spec.tsx +16 -0
  59. package/src/components/Select/MultiSelect/__tests__/OptionList.spec.tsx +42 -0
  60. package/src/components/Select/MultiSelect/__tests__/__snapshots__/Option.spec.tsx.snap +70 -0
  61. package/src/components/Select/MultiSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap +627 -0
  62. package/src/components/Select/MultiSelect/__tests__/index.spec.tsx +6 -6
  63. package/src/components/Select/MultiSelect/index.tsx +8 -7
  64. package/src/components/Select/SingleSelect/Option.tsx +23 -0
  65. package/src/components/Select/SingleSelect/OptionList.tsx +43 -0
  66. package/src/components/Select/SingleSelect/__tests__/Option.spec.tsx +16 -0
  67. package/src/components/Select/SingleSelect/__tests__/OptionList.spec.tsx +42 -0
  68. package/src/components/Select/SingleSelect/__tests__/__snapshots__/Option.spec.tsx.snap +56 -0
  69. package/src/components/Select/SingleSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap +571 -0
  70. package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap +1430 -0
  71. package/src/components/Select/SingleSelect/__tests__/index.spec.tsx +89 -0
  72. package/src/components/Select/SingleSelect/index.tsx +89 -0
  73. package/src/components/Select/{MultiSelect/StyledMultiSelect.tsx → StyledSelect.tsx} +1 -1
  74. package/src/components/Select/{MultiSelect/__tests__/StyledMultiSelect.spec.tsx → __tests__/StyledSelect.spec.tsx} +2 -2
  75. package/src/components/Select/{MultiSelect/__tests__/__snapshots__/StyledMultiSelect.spec.tsx.snap → __tests__/__snapshots__/StyledSelect.spec.tsx.snap} +0 -0
  76. package/src/components/Select/helpers.tsx +18 -0
  77. package/src/components/Select/index.tsx +4 -3
  78. package/src/components/Select/{MultiSelect/types.ts → types.ts} +0 -0
  79. package/src/components/Switch/index.tsx +1 -1
  80. package/src/components/Toast/StyledToast.tsx +65 -0
  81. package/src/components/Toast/Toast.tsx +123 -0
  82. package/src/components/Toast/ToastContainer.tsx +88 -0
  83. package/src/components/Toast/ToastContext.ts +25 -0
  84. package/src/components/Toast/ToastProvider.tsx +53 -0
  85. package/src/components/Toast/__tests__/Toast.spec.tsx +125 -0
  86. package/src/components/Toast/__tests__/ToastContainer.spec.tsx +107 -0
  87. package/src/components/Toast/__tests__/__snapshots__/Toast.spec.tsx.snap +655 -0
  88. package/src/components/Toast/__tests__/__snapshots__/ToastContainer.spec.tsx.snap +93 -0
  89. package/src/components/Toast/index.tsx +11 -0
  90. package/src/components/Toast/types.ts +70 -0
  91. package/src/components/Toolbar/StyledToolbar.tsx +42 -0
  92. package/src/components/Toolbar/ToolbarGroup.tsx +31 -0
  93. package/src/components/Toolbar/ToolbarItem.tsx +57 -0
  94. package/src/components/Toolbar/__tests__/ToolbarGroup.spec.tsx +32 -0
  95. package/src/components/Toolbar/__tests__/ToolbarItem.spec.tsx +57 -0
  96. package/src/components/Toolbar/__tests__/__snapshots__/ToolbarGroup.spec.tsx.snap +391 -0
  97. package/src/components/Toolbar/__tests__/__snapshots__/ToolbarItem.spec.tsx.snap +355 -0
  98. package/src/components/Toolbar/index.tsx +18 -0
  99. package/src/components/Typography/Text/StyledText.tsx +8 -1
  100. package/src/components/Typography/Text/__tests__/StyledText.spec.tsx +5 -0
  101. package/src/components/Typography/Text/__tests__/__snapshots__/StyledText.spec.tsx.snap +110 -0
  102. package/src/components/Typography/Text/index.tsx +9 -2
  103. package/src/index.ts +8 -0
  104. package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +119 -2
  105. package/src/theme/components/button.ts +2 -0
  106. package/src/theme/components/card.ts +8 -1
  107. package/src/theme/components/checkbox.ts +37 -0
  108. package/src/theme/components/list.ts +46 -0
  109. package/src/theme/components/toast.ts +33 -0
  110. package/src/theme/components/toolbar.ts +27 -0
  111. package/src/theme/components/typography.ts +4 -0
  112. package/src/theme/global/colors.ts +9 -2
  113. package/src/theme/global/space.ts +2 -0
  114. package/src/theme/index.ts +12 -0
  115. package/tsconfig.json +1 -2
  116. package/types/components/Alert/StyledAlert.d.ts +0 -0
  117. package/types/components/Alert/__tests__/index.spec.d.ts +0 -0
  118. package/types/components/Alert/index.d.ts +0 -0
  119. package/types/components/Avatar/index.d.ts +1 -1
  120. package/types/components/Button/Button.d.ts +2 -2
  121. package/types/components/Button/LoadingIndicator/StyledLoadingIndicator.d.ts +1 -1
  122. package/types/components/Button/LoadingIndicator/index.d.ts +1 -1
  123. package/types/components/Button/StyledButton.d.ts +2 -2
  124. package/{es/components/Card/StyledCard.d.ts → types/components/Card/DataCard/StyledDataCard.d.ts} +5 -6
  125. package/{es/components/Avatar/__tests__/StyledAvatar.spec.d.ts → types/components/Card/DataCard/__tests__/StyledDataCard.spec.d.ts} +0 -0
  126. package/{es/components/Avatar → types/components/Card/DataCard}/__tests__/index.spec.d.ts +0 -0
  127. package/types/components/Card/DataCard/index.d.ts +22 -0
  128. package/types/components/Card/index.d.ts +7 -3
  129. package/types/components/Checkbox/StyledCheckbox.d.ts +0 -0
  130. package/types/components/Checkbox/__tests__/StyledCheckbox.spec.d.ts +0 -0
  131. package/types/components/Checkbox/__tests__/index.spec.d.ts +0 -0
  132. package/types/components/Checkbox/index.d.ts +1 -1
  133. package/types/components/Collapse/index.d.ts +1 -1
  134. package/types/components/Icon/index.d.ts +1 -1
  135. package/types/components/List/BasicListItem.d.ts +43 -0
  136. package/types/components/List/ListItem.d.ts +51 -0
  137. package/types/components/List/StyledBasicListItem.d.ts +29 -0
  138. package/types/components/List/StyledListItem.d.ts +51 -0
  139. package/{es/components/Badge/__tests__/Badge.spec.d.ts → types/components/List/__tests__/BasicListItem.spec.d.ts} +0 -0
  140. package/{es/components/Badge/__tests__/Status.spec.d.ts → types/components/List/__tests__/ListItem.spec.d.ts} +0 -0
  141. package/{es/components/BottomNavigation/__tests__/index.spec.d.ts → types/components/List/__tests__/StyledBasicListItem.spec.d.ts} +0 -0
  142. package/{es/components/Button/__tests__/index.spec.d.ts → types/components/List/__tests__/StyledListItem.spec.d.ts} +0 -0
  143. package/types/components/List/index.d.ts +8 -0
  144. package/types/components/Radio/types.d.ts +0 -0
  145. package/types/components/SectionHeading/__tests__/StyledHeading.spec.d.ts +0 -0
  146. package/types/components/SectionHeading/index.d.ts +1 -1
  147. package/types/components/Select/Footer.d.ts +5 -0
  148. package/types/components/Select/MultiSelect/Footer.d.ts +0 -0
  149. package/types/components/Select/MultiSelect/Option.d.ts +6 -0
  150. package/types/components/Select/MultiSelect/OptionList.d.ts +7 -1
  151. package/types/components/Select/MultiSelect/StyledMultiSelect.d.ts +0 -0
  152. package/{es/components/Card/__tests__/StyledCard.spec.d.ts → types/components/Select/MultiSelect/__tests__/Option.spec.d.ts} +0 -0
  153. package/{es/components/Card/__tests__/index.spec.d.ts → types/components/Select/MultiSelect/__tests__/OptionList.spec.d.ts} +0 -0
  154. package/types/components/Select/MultiSelect/__tests__/StyledMultiSelect.spec.d.ts +0 -0
  155. package/types/components/Select/MultiSelect/__tests__/index.spec.d.ts +0 -0
  156. package/types/components/Select/MultiSelect/index.d.ts +4 -4
  157. package/types/components/Select/MultiSelect/types.d.ts +0 -0
  158. package/types/components/Select/SingleSelect/Option.d.ts +6 -0
  159. package/types/components/Select/SingleSelect/OptionList.d.ts +9 -0
  160. package/{es/components/Collapse/__tests__/StyledCollapse.spec.d.ts → types/components/Select/SingleSelect/__tests__/Option.spec.d.ts} +0 -0
  161. package/{es/components/Collapse/__tests__/index.spec.d.ts → types/components/Select/SingleSelect/__tests__/OptionList.spec.d.ts} +0 -0
  162. package/{es/components/Drawer → types/components/Select/SingleSelect}/__tests__/index.spec.d.ts +0 -0
  163. package/types/components/Select/SingleSelect/index.d.ts +35 -0
  164. package/types/components/Select/StyledSelect.d.ts +26 -0
  165. package/{es/components/Divider/__tests__/StyledDivider.spec.d.ts → types/components/Select/__tests__/StyledSelect.spec.d.ts} +0 -0
  166. package/types/components/Select/helpers.d.ts +2 -0
  167. package/types/components/Select/index.d.ts +3 -3
  168. package/types/components/Select/types.d.ts +5 -0
  169. package/types/components/Switch/StyledSwitch.d.ts +0 -0
  170. package/types/components/Switch/__tests__/StyledHeading.spec.d.ts +0 -0
  171. package/types/components/Switch/__tests__/index.spec.d.ts +0 -0
  172. package/types/components/Switch/index.d.ts +1 -1
  173. package/types/components/Toast/StyledToast.d.ts +45 -0
  174. package/types/components/Toast/Toast.d.ts +3 -0
  175. package/types/components/Toast/ToastContainer.d.ts +5 -0
  176. package/types/components/Toast/ToastContext.d.ts +11 -0
  177. package/types/components/Toast/ToastProvider.d.ts +10 -0
  178. package/{es/components/FAB/__tests__/AnimatedFABIcon.spec.d.ts → types/components/Toast/__tests__/Toast.spec.d.ts} +0 -0
  179. package/{es/components/FAB/__tests__/StyledFAB.spec.d.ts → types/components/Toast/__tests__/ToastContainer.spec.d.ts} +0 -0
  180. package/types/components/Toast/index.d.ts +8 -0
  181. package/types/components/Toast/types.d.ts +67 -0
  182. package/types/components/Toolbar/StyledToolbar.d.ts +22 -0
  183. package/types/components/Toolbar/ToolbarGroup.d.ts +13 -0
  184. package/types/components/Toolbar/ToolbarItem.d.ts +25 -0
  185. package/{es/components/FAB/__tests__/index.spec.d.ts → types/components/Toolbar/__tests__/ToolbarGroup.spec.d.ts} +0 -0
  186. package/{es/components/Icon/__tests__/index.spec.d.ts → types/components/Toolbar/__tests__/ToolbarItem.spec.d.ts} +0 -0
  187. package/types/components/Toolbar/index.d.ts +11 -0
  188. package/types/components/Typography/Text/StyledText.d.ts +1 -1
  189. package/types/components/Typography/Text/index.d.ts +2 -2
  190. package/types/index.d.ts +5 -1
  191. package/types/theme/components/alert.d.ts +0 -0
  192. package/types/theme/components/button.d.ts +2 -0
  193. package/types/theme/components/card.d.ts +7 -0
  194. package/types/theme/components/checkbox.d.ts +0 -0
  195. package/types/theme/components/list.d.ts +40 -0
  196. package/types/theme/components/sectionHeading.d.ts +0 -0
  197. package/types/theme/components/select.d.ts +0 -0
  198. package/types/theme/components/switch.d.ts +0 -0
  199. package/types/theme/components/toast.d.ts +24 -0
  200. package/types/theme/components/toolbar.d.ts +21 -0
  201. package/types/theme/components/typography.d.ts +4 -0
  202. package/types/theme/global/colors.d.ts +5 -0
  203. package/types/theme/global/index.d.ts +5 -0
  204. package/types/theme/global/space.d.ts +1 -0
  205. package/types/theme/index.d.ts +8 -0
  206. package/.turbo/turbo-build:types.log +0 -2
  207. package/.turbo/turbo-build:watch.log +0 -1
  208. package/.turbo/turbo-lint.log +0 -2
  209. package/.turbo/turbo-type-check.log +0 -2
  210. package/es/components/Avatar/StyledAvatar.d.ts +0 -46
  211. package/es/components/Avatar/index.d.ts +0 -25
  212. package/es/components/Badge/Status.d.ts +0 -24
  213. package/es/components/Badge/StyledBadge.d.ts +0 -28
  214. package/es/components/Badge/index.d.ts +0 -32
  215. package/es/components/BottomNavigation/StyledBottomNavigation.d.ts +0 -52
  216. package/es/components/BottomNavigation/index.d.ts +0 -45
  217. package/es/components/Button/IconButton.d.ts +0 -34
  218. package/es/components/Button/index.d.ts +0 -4
  219. package/es/components/Card/index.d.ts +0 -22
  220. package/es/components/Collapse/StyledCollapse.d.ts +0 -15
  221. package/es/components/Collapse/index.d.ts +0 -23
  222. package/es/components/Divider/StyledDivider.d.ts +0 -13
  223. package/es/components/Divider/index.d.ts +0 -21
  224. package/es/components/Drawer/StyledDrawer.d.ts +0 -25
  225. package/es/components/Drawer/index.d.ts +0 -25
  226. package/es/components/FAB/ActionGroup/ActionItem.d.ts +0 -12
  227. package/es/components/FAB/ActionGroup/StyledActionGroup.d.ts +0 -30
  228. package/es/components/FAB/ActionGroup/StyledActionItem.d.ts +0 -13
  229. package/es/components/FAB/ActionGroup/__tests__/index.spec.d.ts +0 -1
  230. package/es/components/FAB/ActionGroup/index.d.ts +0 -34
  231. package/es/components/FAB/AnimatedFABIcon.d.ts +0 -6
  232. package/es/components/FAB/FAB.d.ts +0 -34
  233. package/es/components/FAB/StyledFAB.d.ts +0 -20
  234. package/es/components/FAB/index.d.ts +0 -4
  235. package/es/components/Icon/HeroIcon/index.d.ts +0 -13
  236. package/es/components/Icon/IconList.d.ts +0 -2
  237. package/es/components/Icon/index.d.ts +0 -27
  238. package/es/components/Icon/utils.d.ts +0 -2
  239. package/es/components/Progress/ProgressBar.d.ts +0 -18
  240. package/es/components/Progress/ProgressCircle.d.ts +0 -18
  241. package/es/components/Progress/StyledProgressBar.d.ts +0 -18
  242. package/es/components/Progress/StyledProgressCircle.d.ts +0 -38
  243. package/es/components/Progress/index.d.ts +0 -5
  244. package/es/components/Progress/types.d.ts +0 -1
  245. package/es/components/Tabs/ActiveTabIndicator.d.ts +0 -8
  246. package/es/components/Tabs/ScrollableTabs.d.ts +0 -3
  247. package/es/components/Tabs/StyledScrollableTabs.d.ts +0 -61
  248. package/es/components/Tabs/StyledTabs.d.ts +0 -55
  249. package/es/components/Tabs/__tests__/ScrollableTabs.spec.d.ts +0 -1
  250. package/es/components/Tabs/__tests__/index.spec.d.ts +0 -1
  251. package/es/components/Tabs/index.d.ts +0 -54
  252. package/es/components/Tabs/utils.d.ts +0 -2
  253. package/es/components/Tag/StyledTag.d.ts +0 -20
  254. package/es/components/Tag/__tests__/Tag.spec.d.ts +0 -1
  255. package/es/components/Tag/index.d.ts +0 -21
  256. package/es/components/Typography/Text/StyledText.d.ts +0 -13
  257. package/es/components/Typography/Text/__tests__/StyledText.spec.d.ts +0 -1
  258. package/es/components/Typography/Text/__tests__/index.spec.d.ts +0 -1
  259. package/es/components/Typography/Text/index.d.ts +0 -30
  260. package/es/components/Typography/index.d.ts +0 -6
  261. package/es/index.d.ts +0 -19
  262. package/es/theme/__tests__/index.spec.d.ts +0 -1
  263. package/es/theme/components/avatar.d.ts +0 -32
  264. package/es/theme/components/badge.d.ts +0 -29
  265. package/es/theme/components/bottomNavigation.d.ts +0 -23
  266. package/es/theme/components/card.d.ts +0 -10
  267. package/es/theme/components/divider.d.ts +0 -17
  268. package/es/theme/components/drawer.d.ts +0 -21
  269. package/es/theme/components/fab.d.ts +0 -51
  270. package/es/theme/components/icon.d.ts +0 -19
  271. package/es/theme/components/progress.d.ts +0 -21
  272. package/es/theme/components/tabs.d.ts +0 -27
  273. package/es/theme/components/tag.d.ts +0 -30
  274. package/es/theme/components/typography.d.ts +0 -26
  275. package/es/theme/global/borders.d.ts +0 -11
  276. package/es/theme/global/colors.d.ts +0 -29
  277. package/es/theme/global/index.d.ts +0 -39
  278. package/es/theme/global/scale.d.ts +0 -9
  279. package/es/theme/global/space.d.ts +0 -13
  280. package/es/theme/global/typography.d.ts +0 -21
  281. package/es/theme/index.d.ts +0 -33
  282. package/es/types.d.ts +0 -5
  283. package/es/utils/__tests__/scale.spec.d.ts +0 -1
  284. package/es/utils/helpers.d.ts +0 -2
  285. package/es/utils/hooks.d.ts +0 -1
  286. package/es/utils/scale.d.ts +0 -3
  287. package/lib/components/Avatar/StyledAvatar.d.ts +0 -46
  288. package/lib/components/Avatar/__tests__/StyledAvatar.spec.d.ts +0 -1
  289. package/lib/components/Avatar/__tests__/index.spec.d.ts +0 -1
  290. package/lib/components/Avatar/index.d.ts +0 -25
  291. package/lib/components/Badge/Status.d.ts +0 -24
  292. package/lib/components/Badge/StyledBadge.d.ts +0 -28
  293. package/lib/components/Badge/__tests__/Badge.spec.d.ts +0 -1
  294. package/lib/components/Badge/__tests__/Status.spec.d.ts +0 -1
  295. package/lib/components/Badge/index.d.ts +0 -32
  296. package/lib/components/BottomNavigation/StyledBottomNavigation.d.ts +0 -52
  297. package/lib/components/BottomNavigation/__tests__/index.spec.d.ts +0 -1
  298. package/lib/components/BottomNavigation/index.d.ts +0 -45
  299. package/lib/components/Button/IconButton.d.ts +0 -34
  300. package/lib/components/Button/__tests__/index.spec.d.ts +0 -1
  301. package/lib/components/Button/index.d.ts +0 -4
  302. package/lib/components/Card/StyledCard.d.ts +0 -17
  303. package/lib/components/Card/__tests__/StyledCard.spec.d.ts +0 -1
  304. package/lib/components/Card/__tests__/index.spec.d.ts +0 -1
  305. package/lib/components/Card/index.d.ts +0 -22
  306. package/lib/components/Collapse/StyledCollapse.d.ts +0 -15
  307. package/lib/components/Collapse/__tests__/StyledCollapse.spec.d.ts +0 -1
  308. package/lib/components/Collapse/__tests__/index.spec.d.ts +0 -1
  309. package/lib/components/Collapse/index.d.ts +0 -23
  310. package/lib/components/Divider/StyledDivider.d.ts +0 -13
  311. package/lib/components/Divider/__tests__/StyledDivider.spec.d.ts +0 -1
  312. package/lib/components/Divider/index.d.ts +0 -21
  313. package/lib/components/Drawer/StyledDrawer.d.ts +0 -25
  314. package/lib/components/Drawer/__tests__/index.spec.d.ts +0 -1
  315. package/lib/components/Drawer/index.d.ts +0 -25
  316. package/lib/components/FAB/ActionGroup/ActionItem.d.ts +0 -12
  317. package/lib/components/FAB/ActionGroup/StyledActionGroup.d.ts +0 -30
  318. package/lib/components/FAB/ActionGroup/StyledActionItem.d.ts +0 -13
  319. package/lib/components/FAB/ActionGroup/__tests__/index.spec.d.ts +0 -1
  320. package/lib/components/FAB/ActionGroup/index.d.ts +0 -34
  321. package/lib/components/FAB/AnimatedFABIcon.d.ts +0 -6
  322. package/lib/components/FAB/FAB.d.ts +0 -34
  323. package/lib/components/FAB/StyledFAB.d.ts +0 -20
  324. package/lib/components/FAB/__tests__/AnimatedFABIcon.spec.d.ts +0 -1
  325. package/lib/components/FAB/__tests__/StyledFAB.spec.d.ts +0 -1
  326. package/lib/components/FAB/__tests__/index.spec.d.ts +0 -1
  327. package/lib/components/FAB/index.d.ts +0 -4
  328. package/lib/components/Icon/HeroIcon/index.d.ts +0 -13
  329. package/lib/components/Icon/IconList.d.ts +0 -2
  330. package/lib/components/Icon/__tests__/index.spec.d.ts +0 -1
  331. package/lib/components/Icon/index.d.ts +0 -27
  332. package/lib/components/Icon/utils.d.ts +0 -2
  333. package/lib/components/Progress/ProgressBar.d.ts +0 -18
  334. package/lib/components/Progress/ProgressCircle.d.ts +0 -18
  335. package/lib/components/Progress/StyledProgressBar.d.ts +0 -18
  336. package/lib/components/Progress/StyledProgressCircle.d.ts +0 -38
  337. package/lib/components/Progress/index.d.ts +0 -5
  338. package/lib/components/Progress/types.d.ts +0 -1
  339. package/lib/components/Tabs/ActiveTabIndicator.d.ts +0 -8
  340. package/lib/components/Tabs/ScrollableTabs.d.ts +0 -3
  341. package/lib/components/Tabs/StyledScrollableTabs.d.ts +0 -61
  342. package/lib/components/Tabs/StyledTabs.d.ts +0 -55
  343. package/lib/components/Tabs/__tests__/ScrollableTabs.spec.d.ts +0 -1
  344. package/lib/components/Tabs/__tests__/index.spec.d.ts +0 -1
  345. package/lib/components/Tabs/index.d.ts +0 -54
  346. package/lib/components/Tabs/utils.d.ts +0 -2
  347. package/lib/components/Tag/StyledTag.d.ts +0 -20
  348. package/lib/components/Tag/__tests__/Tag.spec.d.ts +0 -1
  349. package/lib/components/Tag/index.d.ts +0 -21
  350. package/lib/components/Typography/Text/StyledText.d.ts +0 -13
  351. package/lib/components/Typography/Text/__tests__/StyledText.spec.d.ts +0 -1
  352. package/lib/components/Typography/Text/__tests__/index.spec.d.ts +0 -1
  353. package/lib/components/Typography/Text/index.d.ts +0 -30
  354. package/lib/components/Typography/index.d.ts +0 -6
  355. package/lib/index.d.ts +0 -19
  356. package/lib/theme/__tests__/index.spec.d.ts +0 -1
  357. package/lib/theme/components/avatar.d.ts +0 -32
  358. package/lib/theme/components/badge.d.ts +0 -29
  359. package/lib/theme/components/bottomNavigation.d.ts +0 -23
  360. package/lib/theme/components/card.d.ts +0 -10
  361. package/lib/theme/components/divider.d.ts +0 -17
  362. package/lib/theme/components/drawer.d.ts +0 -21
  363. package/lib/theme/components/fab.d.ts +0 -51
  364. package/lib/theme/components/icon.d.ts +0 -19
  365. package/lib/theme/components/progress.d.ts +0 -21
  366. package/lib/theme/components/tabs.d.ts +0 -27
  367. package/lib/theme/components/tag.d.ts +0 -30
  368. package/lib/theme/components/typography.d.ts +0 -26
  369. package/lib/theme/global/borders.d.ts +0 -11
  370. package/lib/theme/global/colors.d.ts +0 -29
  371. package/lib/theme/global/index.d.ts +0 -39
  372. package/lib/theme/global/scale.d.ts +0 -9
  373. package/lib/theme/global/space.d.ts +0 -13
  374. package/lib/theme/global/typography.d.ts +0 -21
  375. package/lib/theme/index.d.ts +0 -33
  376. package/lib/types.d.ts +0 -5
  377. package/lib/utils/__tests__/scale.spec.d.ts +0 -1
  378. package/lib/utils/helpers.d.ts +0 -2
  379. package/lib/utils/hooks.d.ts +0 -1
  380. package/lib/utils/scale.d.ts +0 -3
  381. package/playground/.detoxrc.json +0 -49
  382. package/playground/.prettierrc.json +0 -8
  383. package/playground/app.json +0 -9
  384. package/playground/babel.config.js +0 -63
  385. package/playground/e2e/config.json +0 -9
  386. package/playground/e2e/environment.js +0 -23
  387. package/playground/e2e/firstTest.e2e.js +0 -16
  388. package/playground/expoEntry.js +0 -5
  389. package/playground/fonts/be-vietnam-pro-light.ttf +0 -0
  390. package/playground/fonts/be-vietnam-pro-regular.ttf +0 -0
  391. package/playground/fonts/be-vietnam-pro-semibold.ttf +0 -0
  392. package/playground/fonts/hero-icons.ttf +0 -0
  393. package/playground/index.js +0 -7
  394. package/playground/ios/MobileHeroDesignPlayground/AppDelegate.h +0 -9
  395. package/playground/ios/MobileHeroDesignPlayground/AppDelegate.m +0 -75
  396. package/playground/ios/MobileHeroDesignPlayground/Images.xcassets/AppIcon.appiconset/Contents.json +0 -38
  397. package/playground/ios/MobileHeroDesignPlayground/Images.xcassets/Contents.json +0 -6
  398. package/playground/ios/MobileHeroDesignPlayground/Images.xcassets/SplashScreenBackground.imageset/Contents.json +0 -21
  399. package/playground/ios/MobileHeroDesignPlayground/Images.xcassets/SplashScreenBackground.imageset/image.png +0 -0
  400. package/playground/ios/MobileHeroDesignPlayground/Info.plist +0 -85
  401. package/playground/ios/MobileHeroDesignPlayground/MobileHeroDesignPlayground-Bridging-Header.h +0 -3
  402. package/playground/ios/MobileHeroDesignPlayground/MobileHeroDesignPlayground.entitlements +0 -8
  403. package/playground/ios/MobileHeroDesignPlayground/SplashScreen.storyboard +0 -40
  404. package/playground/ios/MobileHeroDesignPlayground/Supporting/Expo.plist +0 -16
  405. package/playground/ios/MobileHeroDesignPlayground/main.m +0 -10
  406. package/playground/ios/MobileHeroDesignPlayground/noop-file.swift +0 -4
  407. package/playground/ios/MobileHeroDesignPlayground.xcodeproj/project.pbxproj +0 -515
  408. package/playground/ios/MobileHeroDesignPlayground.xcodeproj/xcshareddata/xcschemes/MobileHeroDesignPlayground.xcscheme +0 -88
  409. package/playground/ios/MobileHeroDesignPlayground.xcworkspace/contents.xcworkspacedata +0 -10
  410. package/playground/ios/MobileHeroDesignPlayground.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist +0 -8
  411. package/playground/ios/Podfile +0 -49
  412. package/playground/ios/Podfile.lock +0 -478
  413. package/playground/ios/Podfile.properties.json +0 -3
  414. package/playground/metro.config.js +0 -24
  415. package/playground/package.json +0 -63
  416. package/playground/src/Alert.tsx +0 -80
  417. package/playground/src/App.tsx +0 -202
  418. package/playground/src/Avatar.tsx +0 -102
  419. package/playground/src/Badge.tsx +0 -187
  420. package/playground/src/BottomNavigation.tsx +0 -72
  421. package/playground/src/BottomSheet.tsx +0 -43
  422. package/playground/src/Button.tsx +0 -170
  423. package/playground/src/Card.tsx +0 -342
  424. package/playground/src/Collapse.tsx +0 -99
  425. package/playground/src/ContentNavigator.tsx +0 -58
  426. package/playground/src/Divider.tsx +0 -13
  427. package/playground/src/Drawer.tsx +0 -32
  428. package/playground/src/FAB.tsx +0 -66
  429. package/playground/src/Icon.tsx +0 -144
  430. package/playground/src/IconButton.tsx +0 -78
  431. package/playground/src/MultipleThemes.tsx +0 -34
  432. package/playground/src/Progress.tsx +0 -95
  433. package/playground/src/Radio.tsx +0 -25
  434. package/playground/src/SectionHeading.tsx +0 -68
  435. package/playground/src/Select.tsx +0 -32
  436. package/playground/src/Spinner.tsx +0 -19
  437. package/playground/src/Switch.tsx +0 -80
  438. package/playground/src/Tabs.tsx +0 -136
  439. package/playground/src/Tag.tsx +0 -45
  440. package/playground/src/TextInput.tsx +0 -14
  441. package/playground/src/Typography.tsx +0 -23
  442. package/playground/tsconfig.json +0 -21
  443. package/src/components/Select/MultiSelect/Footer.tsx +0 -15
  444. package/types/components/SectionHeading/__tests__/StyledHeading.d.ts +0 -1
@@ -1,13 +0,0 @@
1
- /// <reference types="react" />
2
- import { TouchableOpacity, TouchableOpacityProps } from 'react-native';
3
- declare const StyledActionItem: import("@emotion/native").StyledComponent<TouchableOpacityProps & {
4
- theme?: import("@emotion/react").Theme | undefined;
5
- as?: import("react").ElementType<any> | undefined;
6
- }, {}, {
7
- ref?: import("react").Ref<TouchableOpacity> | undefined;
8
- }>;
9
- declare const StyledActionItemText: import("@emotion/native").StyledComponent<import("../../Typography/Text").TextProps & {
10
- theme?: import("@emotion/react").Theme | undefined;
11
- as?: import("react").ElementType<any> | undefined;
12
- } & TouchableOpacityProps, {}, {}>;
13
- export { StyledActionItem, StyledActionItemText };
@@ -1 +0,0 @@
1
- import '@testing-library/jest-native/extend-expect';
@@ -1,34 +0,0 @@
1
- import { StyleProp, ViewStyle } from 'react-native';
2
- import { ActionItemProps } from './ActionItem';
3
- export interface ActionGroupProps {
4
- /**
5
- * Title of the action group header.
6
- */
7
- headerTitle?: string;
8
- /**
9
- * This function is called on pressing the FAB button.
10
- * */
11
- onPress?: () => void;
12
- /**
13
- * Specify if the FAB button is in active state and the action group is shown.
14
- * */
15
- active?: boolean;
16
- /**
17
- * Title of the floating action button
18
- */
19
- fabTitle?: string;
20
- /**
21
- * Additional style.
22
- */
23
- style?: StyleProp<ViewStyle>;
24
- /**
25
- * Action items of the action group.
26
- * */
27
- items?: Array<ActionItemProps>;
28
- /**
29
- * Testing id of the component.
30
- */
31
- testID?: string;
32
- }
33
- declare const ActionGroup: ({ headerTitle, onPress, active, style, items, testID, fabTitle, }: ActionGroupProps) => JSX.Element;
34
- export default ActionGroup;
@@ -1,6 +0,0 @@
1
- import { IconProps } from '../Icon';
2
- declare type Props = {
3
- active?: boolean;
4
- } & IconProps;
5
- declare const AnimatedFABIcon: ({ active, ...iconProps }: Props) => JSX.Element;
6
- export { AnimatedFABIcon };
@@ -1,34 +0,0 @@
1
- import { StyleProp, ViewStyle } from 'react-native';
2
- import { IconName } from '../Icon';
3
- export interface FABProps {
4
- /**
5
- * Name of the Icon.
6
- */
7
- icon: IconName;
8
- /**
9
- * title of the component.
10
- */
11
- title?: string;
12
- /**
13
- * This function is called on pressing the button.
14
- */
15
- onPress?: () => void;
16
- /**
17
- * Specify if the button is animated.
18
- */
19
- animated?: boolean;
20
- /**
21
- * Specify if the button is in active state. It only works if animated is true.
22
- */
23
- active?: boolean;
24
- /**
25
- * Additional style.
26
- */
27
- style?: StyleProp<ViewStyle>;
28
- /**
29
- * Testing id of the component.
30
- */
31
- testID?: string;
32
- }
33
- declare const FAB: ({ onPress, title, icon, animated, testID, active, style, }: FABProps) => JSX.Element;
34
- export default FAB;
@@ -1,20 +0,0 @@
1
- /// <reference types="react" />
2
- import { Text, TextProps, TouchableHighlight, TouchableHighlightProps } from 'react-native';
3
- import { IconProps } from '../Icon';
4
- declare const StyledFABContainer: import("@emotion/native").StyledComponent<TouchableHighlightProps & {
5
- theme?: import("@emotion/react").Theme | undefined;
6
- as?: import("react").ElementType<any> | undefined;
7
- }, {}, {
8
- ref?: import("react").Ref<TouchableHighlight> | undefined;
9
- }>;
10
- declare const StyledFABIcon: import("@emotion/native").StyledComponent<IconProps & {
11
- theme?: import("@emotion/react").Theme | undefined;
12
- as?: import("react").ElementType<any> | undefined;
13
- }, {}, {}>;
14
- declare const StyledFABText: import("@emotion/native").StyledComponent<TextProps & {
15
- theme?: import("@emotion/react").Theme | undefined;
16
- as?: import("react").ElementType<any> | undefined;
17
- }, {}, {
18
- ref?: import("react").Ref<Text> | undefined;
19
- }>;
20
- export { StyledFABContainer, StyledFABIcon, StyledFABText };
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1,4 +0,0 @@
1
- declare const _default: (({ onPress, title, icon, animated, testID, active, style, }: import("./FAB").FABProps) => JSX.Element) & {
2
- ActionGroup: ({ headerTitle, onPress, active, style, items, testID, fabTitle, }: import("./ActionGroup").ActionGroupProps) => JSX.Element;
3
- };
4
- export default _default;
@@ -1,13 +0,0 @@
1
- /// <reference types="react" />
2
- declare type ThemeSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
3
- declare type ThemeIntent = 'text' | 'primary' | 'info' | 'danger' | 'success' | 'warning';
4
- declare const StyledHeroIcon: import("@emotion/native").StyledComponent<Pick<import("react-native-vector-icons/Icon").IconProps, "children" | "onLayout" | "onLongPress" | "onPress" | "onPressIn" | "onPressOut" | "style" | "testID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "nativeID" | "allowFontScaling" | "ellipsizeMode" | "lineBreakMode" | "numberOfLines" | "onTextLayout" | "maxFontSizeMultiplier" | "adjustsFontSizeToFit" | "minimumFontScale" | "suppressHighlighting" | "selectable" | "selectionColor" | "textBreakStrategy" | "dataDetectorType" | "android_hyphenationFrequency" | "color" | "size" | "name"> & {
5
- theme?: import("@emotion/react").Theme | undefined;
6
- as?: import("react").ElementType<any> | undefined;
7
- } & {
8
- themeSize: ThemeSize;
9
- themeIntent: ThemeIntent;
10
- }, {}, {
11
- ref?: import("react").Ref<import("react").Component<import("react-native-vector-icons/Icon").IconProps, any, any>> | undefined;
12
- }>;
13
- export default StyledHeroIcon;
@@ -1,2 +0,0 @@
1
- declare const IconList: readonly ["activate", "add-person", "adjustment", "alignment", "bank", "bell", "billing", "bookmark", "box-check", "box", "buildings", "cake", "calendar-clock", "calendar", "carat-down-small", "carat-down", "carat-left", "carat-right", "carat-up", "circle-add", "circle-cancel", "circle-check", "circle-down", "circle-info", "circle-left", "circle-ok", "circle-pencil", "circle-question", "circle-remove", "circle-right", "circle-up", "circle-warning", "clock", "cloud-download", "cloud-upload", "cog", "coin", "contacts", "credit-card", "diamond", "direction-arrows", "directory", "document", "dollar-coin-shine", "double-buildings", "edit-template", "envelope", "expense", "eye-circle", "eye-invisible", "eye", "face-meh", "face-sad", "face-smiley", "feed", "feedbacks", "file-certified", "file-clone", "file-copy", "file-csv", "file-dispose", "file-doc", "file-excel", "file-export", "file-lock", "file-pdf", "file-powerpoint", "file-search", "file-secured", "file-sheets", "file-slide", "file-verified", "file-word", "file", "folder-user", "folder", "funnel-filter", "global-dollar", "globe", "graduation-cap", "graph", "happy-sun", "health-bag", "heart", "home", "image", "import", "incident-siren", "instapay", "list", "loading", "loading-2", "location", "lock", "media-content", "menu", "moneybag", "moon", "multiple-stars", "multiple-users", "node", "open-folder", "paperclip", "payment-summary", "pencil", "phone", "piggy-bank", "plane", "play-circle", "print", "raising-hands", "reply", "reschedule", "rostering", "save", "schedule", "search-person", "send", "speaker", "star-medal", "star", "steps-circle", "stopwatch", "suitcase", "survey", "switch", "tag", "target", "teams", "timesheet", "touch-id", "trash-bin", "unlock", "user", "video-1", "video-2", "activate-outlined", "add-person-outlined", "add-section-outlined", "add-time-outlined", "add", "adjustment-outlined", "alignment-2-outlined", "alignment-outlined", "all-caps", "arrow-down", "arrow-left", "arrow-right", "arrow-up", "at-sign", "bell-outlined", "billing-outlined", "body-outlined", "bold", "bookmark-outlined", "box-check-outlined", "box-outlined", "bullet-points", "cake-outlined", "calendar-dates-outlined", "calendar-star-outlined", "camera-outlined", "cancel", "checkmark", "circle-add-outlined", "circle-cancel-outlined", "circle-down-outlined", "circle-info-outlined", "circle-left-outlined", "circle-ok-outlined", "circle-question-outlined", "circle-remove-outlined", "circle-right-outlined", "circle-up-outlined", "circle-warning-outlined", "clock-2-outlined", "clock-outlined", "cog-outlined", "coin-outlined", "comment-outlined", "contacts-outlined", "credit-card-outlined", "direction-arrows-outlined", "directory-outlined", "document-outlined", "dollar-coin-shine-outlined", "dollar-sign", "double-buildings-outlined", "double-left-arrows", "double-right-arrows", "download-outlined", "edit-template-outlined", "email-outlined", "enter-arrow", "envelope-outlined", "expense-outlined", "external-link", "eye-invisible-outlined", "eye-outlined", "face-id", "face-meh-outlined", "face-open-smiley-outlined", "face-sad-outlined", "face-smiley-outlined", "feed-outlined", "file-certified-outlined", "file-clone-outlined", "file-copy-outlined", "file-dispose-outlined", "file-download-outlined", "file-export-outlined", "file-lock-outlined", "file-outlined", "file-search-outlined", "file-secured-outlined", "file-verified-outlined", "folder-outlined", "folder-user-outlined", "funnel-filter-outline", "graph-outlined", "happy-sun-outlined", "health-bag-outlined", "heart-outlined", "home-outlined", "image-outlined", "import-outlined", "instapay-outlined", "italic", "link-1", "link-2", "list-outlined", "location-outlined", "lock-outlined", "locked-file-outlined", "log-out", "media-content-outlined", "menu-close", "menu-expand", "menu-fold-outlined", "menu-unfold-outlined", "moneybag-outlined", "moon-outlined", "more-horizontal", "more-vertical", "multiple-folders-outlined", "multiple-users-outlined", "node-outlined", "number-points", "number", "payment-summary-outlined", "payslip-outlined", "pencil-outlined", "percentage", "phone-outlined", "piggy-bank-outlined", "plane-outlined", "play-circle-outlined", "print-outlined", "qr-code-outlined", "re-assign", "refresh", "remove", "reply-outlined", "restart", "return-arrow", "rostering-outlined", "save-outlined", "schedule-outlined", "search-outlined", "send-outlined", "share-1", "share-2", "single-down-arrow", "single-left-arrow", "single-right-arrow", "single-up-arrow", "speaker-outlined", "star-outlined", "stopwatch-outlined", "strikethrough", "survey-outlined", "switch-outlined", "sync", "target-outlined", "timesheet-outlined", "transfer", "trash-bin-outlined", "unavailable", "underline", "unlock-outlined", "upload-outlined", "user-outlined", "video-1-outlined", "video-2-outlined"];
2
- export default IconList;
@@ -1 +0,0 @@
1
- export {};
@@ -1,27 +0,0 @@
1
- import { StyleProp, TextStyle } from 'react-native';
2
- import IconList from './IconList';
3
- export declare type IconName = typeof IconList[number];
4
- export interface IconProps {
5
- /**
6
- * Name of the Icon.
7
- */
8
- icon: IconName;
9
- /**
10
- * Intent of the Icon.
11
- */
12
- intent?: 'text' | 'primary' | 'info' | 'danger' | 'success' | 'warning';
13
- /**
14
- * Size of the Icon.
15
- */
16
- size?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
17
- /**
18
- * Addditional style.
19
- */
20
- style?: StyleProp<TextStyle>;
21
- /**
22
- * Testing id of the component.
23
- */
24
- testID?: string;
25
- }
26
- declare const Icon: ({ icon, style, size, intent, testID, }: IconProps) => JSX.Element;
27
- export default Icon;
@@ -1,2 +0,0 @@
1
- declare const isHeroIcon: (x: any) => x is "number" | "menu" | "image" | "switch" | "bold" | "list" | "activate" | "add-person" | "adjustment" | "alignment" | "bank" | "bell" | "billing" | "bookmark" | "box-check" | "box" | "buildings" | "cake" | "calendar-clock" | "calendar" | "carat-down-small" | "carat-down" | "carat-left" | "carat-right" | "carat-up" | "circle-add" | "circle-cancel" | "circle-check" | "circle-down" | "circle-info" | "circle-left" | "circle-ok" | "circle-pencil" | "circle-question" | "circle-remove" | "circle-right" | "circle-up" | "circle-warning" | "clock" | "cloud-download" | "cloud-upload" | "cog" | "coin" | "contacts" | "credit-card" | "diamond" | "direction-arrows" | "directory" | "document" | "dollar-coin-shine" | "double-buildings" | "edit-template" | "envelope" | "expense" | "eye-circle" | "eye-invisible" | "eye" | "face-meh" | "face-sad" | "face-smiley" | "feed" | "feedbacks" | "file-certified" | "file-clone" | "file-copy" | "file-csv" | "file-dispose" | "file-doc" | "file-excel" | "file-export" | "file-lock" | "file-pdf" | "file-powerpoint" | "file-search" | "file-secured" | "file-sheets" | "file-slide" | "file-verified" | "file-word" | "file" | "folder-user" | "folder" | "funnel-filter" | "global-dollar" | "globe" | "graduation-cap" | "graph" | "happy-sun" | "health-bag" | "heart" | "home" | "import" | "incident-siren" | "instapay" | "loading" | "loading-2" | "location" | "lock" | "media-content" | "moneybag" | "moon" | "multiple-stars" | "multiple-users" | "node" | "open-folder" | "paperclip" | "payment-summary" | "pencil" | "phone" | "piggy-bank" | "plane" | "play-circle" | "print" | "raising-hands" | "reply" | "reschedule" | "rostering" | "save" | "schedule" | "search-person" | "send" | "speaker" | "star-medal" | "star" | "steps-circle" | "stopwatch" | "suitcase" | "survey" | "tag" | "target" | "teams" | "timesheet" | "touch-id" | "trash-bin" | "unlock" | "user" | "video-1" | "video-2" | "activate-outlined" | "add-person-outlined" | "add-section-outlined" | "add-time-outlined" | "add" | "adjustment-outlined" | "alignment-2-outlined" | "alignment-outlined" | "all-caps" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up" | "at-sign" | "bell-outlined" | "billing-outlined" | "body-outlined" | "bookmark-outlined" | "box-check-outlined" | "box-outlined" | "bullet-points" | "cake-outlined" | "calendar-dates-outlined" | "calendar-star-outlined" | "camera-outlined" | "cancel" | "checkmark" | "circle-add-outlined" | "circle-cancel-outlined" | "circle-down-outlined" | "circle-info-outlined" | "circle-left-outlined" | "circle-ok-outlined" | "circle-question-outlined" | "circle-remove-outlined" | "circle-right-outlined" | "circle-up-outlined" | "circle-warning-outlined" | "clock-2-outlined" | "clock-outlined" | "cog-outlined" | "coin-outlined" | "comment-outlined" | "contacts-outlined" | "credit-card-outlined" | "direction-arrows-outlined" | "directory-outlined" | "document-outlined" | "dollar-coin-shine-outlined" | "dollar-sign" | "double-buildings-outlined" | "double-left-arrows" | "double-right-arrows" | "download-outlined" | "edit-template-outlined" | "email-outlined" | "enter-arrow" | "envelope-outlined" | "expense-outlined" | "external-link" | "eye-invisible-outlined" | "eye-outlined" | "face-id" | "face-meh-outlined" | "face-open-smiley-outlined" | "face-sad-outlined" | "face-smiley-outlined" | "feed-outlined" | "file-certified-outlined" | "file-clone-outlined" | "file-copy-outlined" | "file-dispose-outlined" | "file-download-outlined" | "file-export-outlined" | "file-lock-outlined" | "file-outlined" | "file-search-outlined" | "file-secured-outlined" | "file-verified-outlined" | "folder-outlined" | "folder-user-outlined" | "funnel-filter-outline" | "graph-outlined" | "happy-sun-outlined" | "health-bag-outlined" | "heart-outlined" | "home-outlined" | "image-outlined" | "import-outlined" | "instapay-outlined" | "italic" | "link-1" | "link-2" | "list-outlined" | "location-outlined" | "lock-outlined" | "locked-file-outlined" | "log-out" | "media-content-outlined" | "menu-close" | "menu-expand" | "menu-fold-outlined" | "menu-unfold-outlined" | "moneybag-outlined" | "moon-outlined" | "more-horizontal" | "more-vertical" | "multiple-folders-outlined" | "multiple-users-outlined" | "node-outlined" | "number-points" | "payment-summary-outlined" | "payslip-outlined" | "pencil-outlined" | "percentage" | "phone-outlined" | "piggy-bank-outlined" | "plane-outlined" | "play-circle-outlined" | "print-outlined" | "qr-code-outlined" | "re-assign" | "refresh" | "remove" | "reply-outlined" | "restart" | "return-arrow" | "rostering-outlined" | "save-outlined" | "schedule-outlined" | "search-outlined" | "send-outlined" | "share-1" | "share-2" | "single-down-arrow" | "single-left-arrow" | "single-right-arrow" | "single-up-arrow" | "speaker-outlined" | "star-outlined" | "stopwatch-outlined" | "strikethrough" | "survey-outlined" | "switch-outlined" | "sync" | "target-outlined" | "timesheet-outlined" | "transfer" | "trash-bin-outlined" | "unavailable" | "underline" | "unlock-outlined" | "upload-outlined" | "user-outlined" | "video-1-outlined" | "video-2-outlined";
2
- export { isHeroIcon };
@@ -1,18 +0,0 @@
1
- import { StyleProp, ViewStyle, ViewProps } from 'react-native';
2
- export interface ProgressBarProps extends ViewProps {
3
- /**
4
- * The progress completion percentage: 0-100.
5
- */
6
- value: number;
7
- /**
8
- * Set intent for your progress.
9
- */
10
- intent?: 'primary' | 'success' | 'warning' | 'danger' | 'info';
11
- /**
12
- * Additional style.
13
- */
14
- style?: StyleProp<ViewStyle>;
15
- testID?: string;
16
- }
17
- declare const ProgressBar: ({ value, intent, style, testID, ...nativeProps }: ProgressBarProps) => JSX.Element;
18
- export default ProgressBar;
@@ -1,18 +0,0 @@
1
- import { ViewProps, StyleProp, ViewStyle } from 'react-native';
2
- export interface ProgressCircleProps extends ViewProps {
3
- /**
4
- * The progress completion percentage: 0-100.
5
- */
6
- value: number;
7
- /**
8
- * Set intent for your progress.
9
- */
10
- intent?: 'primary' | 'success' | 'warning' | 'danger' | 'info';
11
- /**
12
- * Additional style.
13
- */
14
- style?: StyleProp<ViewStyle>;
15
- testID?: string;
16
- }
17
- declare const ProgressCircle: ({ value, intent, style, testID, ...nativeProps }: ProgressCircleProps) => JSX.Element;
18
- export default ProgressCircle;
@@ -1,18 +0,0 @@
1
- /// <reference types="react" />
2
- import { Animated, View, ViewProps } from 'react-native';
3
- import { ThemeIntent } from './types';
4
- declare const StyledWrapper: import("@emotion/native").StyledComponent<ViewProps & {
5
- theme?: import("@emotion/react").Theme | undefined;
6
- as?: import("react").ElementType<any> | undefined;
7
- }, {}, {
8
- ref?: import("react").Ref<View> | undefined;
9
- }>;
10
- declare const StyledInner: import("@emotion/native").StyledComponent<Animated.AnimatedProps<ViewProps & import("react").RefAttributes<View>> & {
11
- children?: import("react").ReactNode;
12
- } & {
13
- theme?: import("@emotion/react").Theme | undefined;
14
- as?: import("react").ElementType<any> | undefined;
15
- } & {
16
- themeIntent: ThemeIntent;
17
- }, {}, {}>;
18
- export { StyledWrapper, StyledInner };
@@ -1,38 +0,0 @@
1
- /// <reference types="react" />
2
- import { View, ViewProps } from 'react-native';
3
- import { ThemeIntent } from './types';
4
- declare const HalfCircleWrapper: import("@emotion/native").StyledComponent<ViewProps & {
5
- theme?: import("@emotion/react").Theme | undefined;
6
- as?: import("react").ElementType<any> | undefined;
7
- }, {}, {
8
- ref?: import("react").Ref<View> | undefined;
9
- }>;
10
- declare const HalfCircleInnerFG: import("@emotion/native").StyledComponent<ViewProps & {
11
- theme?: import("@emotion/react").Theme | undefined;
12
- as?: import("react").ElementType<any> | undefined;
13
- } & {
14
- themeIntent: ThemeIntent;
15
- }, {}, {
16
- ref?: import("react").Ref<View> | undefined;
17
- }>;
18
- declare const HalfCircleInnerBG: import("@emotion/native").StyledComponent<ViewProps & {
19
- theme?: import("@emotion/react").Theme | undefined;
20
- as?: import("react").ElementType<any> | undefined;
21
- }, {}, {
22
- ref?: import("react").Ref<View> | undefined;
23
- }>;
24
- declare const DonutCircle: import("@emotion/native").StyledComponent<ViewProps & {
25
- theme?: import("@emotion/react").Theme | undefined;
26
- as?: import("react").ElementType<any> | undefined;
27
- }, {}, {
28
- ref?: import("react").Ref<View> | undefined;
29
- }>;
30
- declare const StrokeEnd: import("@emotion/native").StyledComponent<ViewProps & {
31
- theme?: import("@emotion/react").Theme | undefined;
32
- as?: import("react").ElementType<any> | undefined;
33
- } & {
34
- themeIntent: ThemeIntent;
35
- }, {}, {
36
- ref?: import("react").Ref<View> | undefined;
37
- }>;
38
- export { DonutCircle, HalfCircleWrapper, HalfCircleInnerFG, HalfCircleInnerBG, StrokeEnd, };
@@ -1,5 +0,0 @@
1
- declare const Progress: {
2
- readonly Circle: ({ value, intent, style, testID, ...nativeProps }: import("./ProgressCircle").ProgressCircleProps) => JSX.Element;
3
- readonly Bar: ({ value, intent, style, testID, ...nativeProps }: import("./ProgressBar").ProgressBarProps) => JSX.Element;
4
- };
5
- export default Progress;
@@ -1 +0,0 @@
1
- export declare type ThemeIntent = 'primary' | 'success' | 'warning' | 'danger' | 'info';
@@ -1,8 +0,0 @@
1
- import { Animated } from 'react-native';
2
- declare const ActiveTabIndicator: ({ scrollOffsetAnimatedValue, positionAnimatedValue, tabsLength, tabsWidth, }: {
3
- scrollOffsetAnimatedValue: Animated.Value;
4
- positionAnimatedValue: Animated.Value;
5
- tabsLength: number;
6
- tabsWidth: number;
7
- }) => JSX.Element;
8
- export default ActiveTabIndicator;
@@ -1,3 +0,0 @@
1
- import { TabsProps } from '.';
2
- declare const ScrollableTab: ({ onTabPress, selectedTabKey, tabs, containerStyle, barStyle, lazy, lazyPreloadDistance, }: TabsProps) => JSX.Element;
3
- export default ScrollableTab;
@@ -1,61 +0,0 @@
1
- /// <reference types="react" />
2
- import { Animated, View } from 'react-native';
3
- import PagerView from 'react-native-pager-view';
4
- declare const TabScreen: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
5
- theme?: import("@emotion/react").Theme | undefined;
6
- as?: import("react").ElementType<any> | undefined;
7
- }, {}, {
8
- ref?: import("react").Ref<View> | undefined;
9
- }>;
10
- declare const TabContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
11
- theme?: import("@emotion/react").Theme | undefined;
12
- as?: import("react").ElementType<any> | undefined;
13
- }, {}, {
14
- ref?: import("react").Ref<View> | undefined;
15
- }>;
16
- declare const ContentWrapper: import("@emotion/native").StyledComponent<import("react-native-pager-view").PagerViewProps & {
17
- theme?: import("@emotion/react").Theme | undefined;
18
- as?: import("react").ElementType<any> | undefined;
19
- }, {}, {
20
- ref?: import("react").Ref<PagerView> | undefined;
21
- }>;
22
- declare const HeaderTabWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
23
- theme?: import("@emotion/react").Theme | undefined;
24
- as?: import("react").ElementType<any> | undefined;
25
- } & {
26
- themeInsets: {
27
- top: number;
28
- right: number;
29
- bottom: number;
30
- left: number;
31
- };
32
- }, {}, {
33
- ref?: import("react").Ref<View> | undefined;
34
- }>;
35
- declare const HeaderTabItem: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<View>> & {
36
- children?: import("react").ReactNode;
37
- } & {
38
- theme?: import("@emotion/react").Theme | undefined;
39
- as?: import("react").ElementType<any> | undefined;
40
- }, {}, {}>;
41
- declare const HeaderTabItemOutlineWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
42
- theme?: import("@emotion/react").Theme | undefined;
43
- as?: import("react").ElementType<any> | undefined;
44
- }, {}, {
45
- ref?: import("react").Ref<View> | undefined;
46
- }>;
47
- declare const HeaderTabItemOutline: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<View>> & {
48
- children?: import("react").ReactNode;
49
- } & {
50
- theme?: import("@emotion/react").Theme | undefined;
51
- as?: import("react").ElementType<any> | undefined;
52
- } & {
53
- themeActive: boolean;
54
- }, {}, {}>;
55
- declare const HeaderTabItemWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
56
- theme?: import("@emotion/react").Theme | undefined;
57
- as?: import("react").ElementType<any> | undefined;
58
- }, {}, {
59
- ref?: import("react").Ref<View> | undefined;
60
- }>;
61
- export { HeaderTabItem, TabScreen, TabContainer, HeaderTabWrapper, ContentWrapper, HeaderTabItemOutlineWrapper, HeaderTabItemOutline, HeaderTabItemWrapper, };
@@ -1,55 +0,0 @@
1
- /// <reference types="react" />
2
- import { Animated, View } from 'react-native';
3
- import PagerView from 'react-native-pager-view';
4
- declare const TabContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
5
- theme?: import("@emotion/react").Theme | undefined;
6
- as?: import("react").ElementType<any> | undefined;
7
- }, {}, {
8
- ref?: import("react").Ref<View> | undefined;
9
- }>;
10
- declare const HeaderTabWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
11
- theme?: import("@emotion/react").Theme | undefined;
12
- as?: import("react").ElementType<any> | undefined;
13
- } & {
14
- themeInsets: {
15
- top: number;
16
- right: number;
17
- bottom: number;
18
- left: number;
19
- };
20
- }, {}, {
21
- ref?: import("react").Ref<View> | undefined;
22
- }>;
23
- declare const HeaderTab: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
24
- theme?: import("@emotion/react").Theme | undefined;
25
- as?: import("react").ElementType<any> | undefined;
26
- }, {}, {
27
- ref?: import("react").Ref<View> | undefined;
28
- }>;
29
- declare const HeaderTabItem: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
30
- theme?: import("@emotion/react").Theme | undefined;
31
- as?: import("react").ElementType<any> | undefined;
32
- }, {}, {
33
- ref?: import("react").Ref<View> | undefined;
34
- }>;
35
- declare const ContentWrapper: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native-pager-view").PagerViewProps & import("react").RefAttributes<PagerView>> & {
36
- children?: import("react").ReactNode;
37
- } & {
38
- theme?: import("@emotion/react").Theme | undefined;
39
- as?: import("react").ElementType<any> | undefined;
40
- }, {}, {}>;
41
- declare const TabScreen: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
42
- theme?: import("@emotion/react").Theme | undefined;
43
- as?: import("react").ElementType<any> | undefined;
44
- }, {}, {
45
- ref?: import("react").Ref<View> | undefined;
46
- }>;
47
- declare const StyledIndicator: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<View>> & {
48
- children?: import("react").ReactNode;
49
- } & {
50
- theme?: import("@emotion/react").Theme | undefined;
51
- as?: import("react").ElementType<any> | undefined;
52
- } & {
53
- themeWidth: number;
54
- }, {}, {}>;
55
- export { TabContainer, HeaderTabWrapper, HeaderTab, HeaderTabItem, ContentWrapper, TabScreen, StyledIndicator, };
@@ -1 +0,0 @@
1
- export {};
@@ -1,54 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { StyleProp, ViewStyle, ViewProps } from 'react-native';
3
- import { IconName } from '../Icon';
4
- export declare type ItemType = string | IconName | ((props: {
5
- color: string;
6
- }) => ReactNode);
7
- export declare type TabType = {
8
- key: string;
9
- activeItem: ItemType;
10
- inactiveItem?: ItemType;
11
- component: ReactNode;
12
- testID?: string;
13
- showBadge?: boolean;
14
- };
15
- export interface TabsProps extends ViewProps {
16
- /**
17
- * Callback which is called on tab press, receiving key of upcoming active Tab.
18
- */
19
- onTabPress: (key: string) => void;
20
- /**
21
- * Current selected tab key.
22
- */
23
- selectedTabKey: string;
24
- /**
25
- * List of Tabs to be rendered. Each Tab must have an unique key.
26
- */
27
- tabs: TabType[];
28
- /**
29
- * Style for the container of Tab.
30
- */
31
- containerStyle?: StyleProp<ViewStyle>;
32
- /**
33
- * Style for the tab navigation bar.
34
- */
35
- barStyle?: StyleProp<ViewStyle>;
36
- /**
37
- * Whether inactive screen should be removed and unmounted in React.
38
- * Defaults value is `false`.
39
- */
40
- lazy?: boolean;
41
- /**
42
- * Only work when lazy is `true`. You can specify how many adjacent screens should be preloaded.
43
- * Defaults value is `1`.
44
- */
45
- lazyPreloadDistance?: number;
46
- /**
47
- * Testing id of the component.
48
- */
49
- testID?: string;
50
- }
51
- declare const _default: (({ onTabPress, selectedTabKey, tabs, containerStyle, barStyle, lazy, lazyPreloadDistance, }: TabsProps) => JSX.Element) & {
52
- Scroll: ({ onTabPress, selectedTabKey, tabs, containerStyle, barStyle, lazy, lazyPreloadDistance, }: TabsProps) => JSX.Element;
53
- };
54
- export default _default;
@@ -1,2 +0,0 @@
1
- import { Animated } from 'react-native';
2
- export declare const useAnimatedValueArray: (initialValues: number[]) => Animated.Value[];
@@ -1,20 +0,0 @@
1
- /// <reference types="react" />
2
- import { View, Text } from 'react-native';
3
- declare type ThemeIntent = 'success' | 'warning' | 'danger' | 'info';
4
- declare const StyledView: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
5
- theme?: import("@emotion/react").Theme | undefined;
6
- as?: import("react").ElementType<any> | undefined;
7
- } & {
8
- themeIntent: ThemeIntent;
9
- }, {}, {
10
- ref?: import("react").Ref<View> | undefined;
11
- }>;
12
- declare const StyledText: import("@emotion/native").StyledComponent<import("react-native").TextProps & {
13
- theme?: import("@emotion/react").Theme | undefined;
14
- as?: import("react").ElementType<any> | undefined;
15
- } & {
16
- themeIntent: ThemeIntent;
17
- }, {}, {
18
- ref?: import("react").Ref<Text> | undefined;
19
- }>;
20
- export { StyledView, StyledText };
@@ -1 +0,0 @@
1
- export {};
@@ -1,21 +0,0 @@
1
- import { StyleProp, ViewStyle, ViewProps } from 'react-native';
2
- interface TagProps extends ViewProps {
3
- /**
4
- * Content of the Tag.
5
- */
6
- content: string;
7
- /**
8
- * Visual intent color to apply to Tag.
9
- */
10
- intent?: 'success' | 'warning' | 'danger' | 'info';
11
- /**
12
- * Additional style.
13
- */
14
- style?: StyleProp<ViewStyle>;
15
- /**
16
- * Testing id of the component.
17
- */
18
- testID?: string;
19
- }
20
- declare const Tag: ({ content, intent, style, testID, ...nativeProps }: TagProps) => JSX.Element;
21
- export default Tag;
@@ -1,13 +0,0 @@
1
- /// <reference types="react" />
2
- import { Text } from 'react-native';
3
- declare const StyledText: import("@emotion/native").StyledComponent<import("react-native").TextProps & {
4
- theme?: import("@emotion/react").Theme | undefined;
5
- as?: import("react").ElementType<any> | undefined;
6
- } & {
7
- themeFontSize: 'small' | 'medium' | 'large' | 'xlarge';
8
- themeFontWeight: 'light' | 'regular' | 'semi-bold';
9
- themeIntent: 'body' | 'subdued' | 'primary';
10
- }, {}, {
11
- ref?: import("react").Ref<Text> | undefined;
12
- }>;
13
- export { StyledText };
@@ -1,30 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { TextProps as NativeTextProps, StyleProp, TextStyle } from 'react-native';
3
- export interface TextProps extends NativeTextProps {
4
- /**
5
- * Text content.
6
- */
7
- children: ReactNode;
8
- /**
9
- * Size of the text.
10
- */
11
- fontSize?: 'small' | 'medium' | 'large' | 'xlarge';
12
- /**
13
- * Font weight of the text.
14
- */
15
- fontWeight?: 'light' | 'regular' | 'semi-bold';
16
- /**
17
- * Visual intent color to apply to the text.
18
- */
19
- intent?: 'body' | 'subdued' | 'primary';
20
- /**
21
- * Addditional style.
22
- */
23
- style?: StyleProp<TextStyle>;
24
- /**
25
- * Testing id of the component.
26
- */
27
- testID?: string;
28
- }
29
- declare const Text: ({ children, fontSize, fontWeight, intent, ...nativeProps }: TextProps) => JSX.Element;
30
- export default Text;
@@ -1,6 +0,0 @@
1
- import Text from './Text';
2
- interface TypographyProps {
3
- Text: typeof Text;
4
- }
5
- declare const Typography: TypographyProps;
6
- export default Typography;