@hero-design/rn 8.44.0-alpha.0 → 8.44.1

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 (281) hide show
  1. package/.turbo/turbo-build.log +2 -2
  2. package/CHANGELOG.md +36 -0
  3. package/assets/fonts/hero-icons-mobile.ttf +0 -0
  4. package/es/index.js +2852 -2683
  5. package/jest-setup.ts +2 -0
  6. package/lib/assets/fonts/hero-icons-mobile.ttf +0 -0
  7. package/lib/index.js +2855 -2687
  8. package/package.json +23 -24
  9. package/rollup.config.js +0 -1
  10. package/src/components/Accordion/__tests__/__snapshots__/AccordionItem.spec.tsx.snap +564 -384
  11. package/src/components/Accordion/__tests__/__snapshots__/StyledAccordion.spec.tsx.snap +76 -20
  12. package/src/components/Accordion/__tests__/__snapshots__/index.spec.tsx.snap +791 -605
  13. package/src/components/Alert/__tests__/__snapshots__/index.spec.tsx.snap +848 -567
  14. package/src/components/Attachment/__tests__/__snapshots__/index.spec.tsx.snap +172 -110
  15. package/src/components/Avatar/AvatarStack/__tests__/__snapshots__/StyledAvatarStack.spec.tsx.snap +138 -70
  16. package/src/components/Avatar/AvatarStack/__tests__/__snapshots__/index.spec.tsx.snap +745 -581
  17. package/src/components/Avatar/__tests__/__snapshots__/StyledAvatar.spec.tsx.snap +158 -57
  18. package/src/components/Avatar/__tests__/__snapshots__/index.spec.tsx.snap +273 -153
  19. package/src/components/Badge/__tests__/__snapshots__/Badge.spec.tsx.snap +391 -223
  20. package/src/components/Badge/__tests__/__snapshots__/Status.spec.tsx.snap +119 -63
  21. package/src/components/BottomNavigation/__tests__/__snapshots__/index.spec.tsx.snap +306 -242
  22. package/src/components/BottomSheet/__tests__/__snapshots__/index.spec.tsx.snap +317 -183
  23. package/src/components/Box/__tests__/__snapshots__/index.spec.tsx.snap +1042 -454
  24. package/src/components/Button/LoadingIndicator/StyledLoadingIndicator.tsx +6 -10
  25. package/src/components/Button/LoadingIndicator/__tests__/__snapshots__/StyledLoadingIndicator.spec.tsx.snap +400 -140
  26. package/src/components/Button/LoadingIndicator/__tests__/__snapshots__/index.spec.tsx.snap +1090 -880
  27. package/src/components/Button/StyledButton.tsx +4 -0
  28. package/src/components/Button/UtilityButton/__tests__/__snapshots__/index.spec.tsx.snap +196 -106
  29. package/src/components/Button/__tests__/__snapshots__/Button.spec.tsx.snap +1675 -1125
  30. package/src/components/Button/__tests__/__snapshots__/IconButton.spec.tsx.snap +71 -26
  31. package/src/components/Button/__tests__/__snapshots__/StyledButton.spec.tsx.snap +1651 -665
  32. package/src/components/Calendar/__tests__/__snapshots__/CalendarRowItem.spec.tsx.snap +555 -330
  33. package/src/components/Card/DataCard/__tests__/__snapshots__/StyledDataCard.spec.tsx.snap +265 -69
  34. package/src/components/Card/DataCard/__tests__/__snapshots__/index.spec.tsx.snap +205 -65
  35. package/src/components/Card/__tests__/__snapshots__/StyledCard.spec.tsx.snap +36 -8
  36. package/src/components/Card/__tests__/__snapshots__/index.spec.tsx.snap +292 -124
  37. package/src/components/Carousel/CardCarousel.tsx +10 -7
  38. package/src/components/Carousel/__tests__/__snapshots__/CardCarousel.spec.tsx.snap +486 -406
  39. package/src/components/Carousel/__tests__/__snapshots__/StyledCardCarousel.spec.tsx.snap +197 -70
  40. package/src/components/Carousel/__tests__/__snapshots__/StyledCarousel.spec.tsx.snap +41 -13
  41. package/src/components/Carousel/__tests__/__snapshots__/index.spec.tsx.snap +1742 -1526
  42. package/src/components/Carousel/__tests__/index.spec.tsx +50 -3
  43. package/src/components/Carousel/index.tsx +16 -22
  44. package/src/components/Checkbox/__tests__/__snapshots__/StyledCheckbox.spec.tsx.snap +404 -112
  45. package/src/components/Checkbox/__tests__/__snapshots__/index.spec.tsx.snap +574 -334
  46. package/src/components/Chip/StyledChip.tsx +121 -0
  47. package/src/components/Chip/__tests__/__snapshots__/index.spec.tsx.snap +1483 -0
  48. package/src/components/Chip/__tests__/index.spec.tsx +136 -0
  49. package/src/components/Chip/index.tsx +82 -0
  50. package/src/components/Collapse/__tests__/__snapshots__/StyledCollapse.spec.tsx.snap +73 -17
  51. package/src/components/Collapse/__tests__/__snapshots__/index.spec.tsx.snap +94 -38
  52. package/src/components/Collapse/index.tsx +1 -1
  53. package/src/components/ContentNavigator/__tests__/__snapshots__/StyledContentNavigator.spec.tsx.snap +37 -9
  54. package/src/components/ContentNavigator/__tests__/__snapshots__/index.spec.tsx.snap +424 -268
  55. package/src/components/DatePicker/__tests__/__snapshots__/DatePicker.spec.tsx.snap +622 -457
  56. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerAndroid.spec.tsx.snap +212 -157
  57. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerCalendar.spec.tsx.snap +204 -149
  58. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerIOS.spec.tsx.snap +483 -386
  59. package/src/components/Divider/__tests__/__snapshots__/StyledDivider.spec.tsx.snap +464 -128
  60. package/src/components/Drawer/DragableDrawer/__tests__/__snapshots__/index.spec.tsx.snap +97 -69
  61. package/src/components/Drawer/__tests__/__snapshots__/index.spec.tsx.snap +327 -192
  62. package/src/components/Empty/__tests__/__snapshots__/index.spec.tsx.snap +169 -113
  63. package/src/components/Error/StyledError.tsx +2 -1
  64. package/src/components/Error/__tests__/__snapshots__/index.spec.tsx.snap +390 -262
  65. package/src/components/Error/__tests__/index.spec.tsx +9 -6
  66. package/src/components/FAB/ActionGroup/__tests__/__snapshots__/index.spec.tsx.snap +860 -723
  67. package/src/components/FAB/__tests__/__snapshots__/AnimatedFABIcon.spec.tsx.snap +98 -42
  68. package/src/components/FAB/__tests__/__snapshots__/StyledFAB.spec.tsx.snap +199 -99
  69. package/src/components/FAB/__tests__/__snapshots__/index.spec.tsx.snap +293 -185
  70. package/src/components/HeroDesignProvider/__tests__/__snapshots__/index.spec.tsx.snap +45 -17
  71. package/src/components/Icon/HeroIcon/glyphMap.json +1 -1
  72. package/src/components/Icon/IconList.ts +3 -0
  73. package/src/components/Icon/__tests__/__snapshots__/index.spec.tsx.snap +158 -46
  74. package/src/components/Image/__tests__/__snapshots__/index.spec.tsx.snap +164 -52
  75. package/src/components/List/__tests__/__snapshots__/BasicListItem.spec.tsx.snap +242 -170
  76. package/src/components/List/__tests__/__snapshots__/ListItem.spec.tsx.snap +760 -588
  77. package/src/components/List/__tests__/__snapshots__/StyledBasicListItem.spec.tsx.snap +272 -128
  78. package/src/components/List/__tests__/__snapshots__/StyledListItem.spec.tsx.snap +477 -193
  79. package/src/components/Modal/__tests__/__snapshots__/index.spec.tsx.snap +169 -0
  80. package/src/components/Modal/__tests__/index.spec.tsx +99 -0
  81. package/src/components/Modal/index.tsx +178 -82
  82. package/src/components/PageControl/__tests__/__snapshots__/index.spec.tsx.snap +84 -41
  83. package/src/components/PageControl/index.tsx +1 -0
  84. package/src/components/PinInput/__tests__/StyledPinInput.spec.tsx +9 -4
  85. package/src/components/PinInput/__tests__/__snapshots__/PinCell.spec.tsx.snap +293 -153
  86. package/src/components/PinInput/__tests__/__snapshots__/StyledPinInput.spec.tsx.snap +15 -48
  87. package/src/components/PinInput/__tests__/__snapshots__/index.spec.tsx.snap +809 -697
  88. package/src/components/Portal/__tests__/PortalHost.spec.tsx +12 -14
  89. package/src/components/Portal/__tests__/__snapshots__/index.spec.tsx.snap +43 -15
  90. package/src/components/Progress/__tests__/__snapshots__/index.spec.js.snap +743 -603
  91. package/src/components/Radio/__tests__/__snapshots__/Radio.spec.tsx.snap +188 -116
  92. package/src/components/Radio/__tests__/__snapshots__/RadioGroup.spec.tsx.snap +257 -205
  93. package/src/components/Rate/__tests__/__snapshots__/index.spec.tsx.snap +864 -600
  94. package/src/components/RefreshControl/__tests__/__snapshots__/index.spec.tsx.snap +128 -44
  95. package/src/components/RichTextEditor/RichTextEditor.tsx +76 -38
  96. package/src/components/RichTextEditor/__tests__/EditorToolbar.spec.tsx +5 -2
  97. package/src/components/RichTextEditor/__tests__/RichTextEditor.spec.tsx +3 -3
  98. package/src/components/RichTextEditor/__tests__/__snapshots__/EditorToolbar.spec.tsx.snap +413 -266
  99. package/src/components/RichTextEditor/__tests__/__snapshots__/MentionList.spec.tsx.snap +64 -35
  100. package/src/components/RichTextEditor/__tests__/__snapshots__/RichTextEditor.spec.tsx.snap +403 -305
  101. package/src/components/SectionHeading/__tests__/__snapshots__/StyledHeading.spec.tsx.snap +158 -46
  102. package/src/components/SectionHeading/__tests__/__snapshots__/index.spec.tsx.snap +394 -226
  103. package/src/components/Select/MultiSelect/__tests__/__snapshots__/Option.spec.tsx.snap +93 -57
  104. package/src/components/Select/MultiSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap +2387 -2151
  105. package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap +856 -174
  106. package/src/components/Select/MultiSelect/__tests__/index.spec.tsx +7 -6
  107. package/src/components/Select/SingleSelect/__tests__/__snapshots__/Option.spec.tsx.snap +73 -37
  108. package/src/components/Select/SingleSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap +2321 -2085
  109. package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap +674 -150
  110. package/src/components/Skeleton/__tests__/__snapshots__/index.spec.tsx.snap +490 -294
  111. package/src/components/Slider/__tests__/__snapshots__/index.spec.tsx.snap +117 -33
  112. package/src/components/Spinner/__tests__/__snapshots__/AnimatedSpinner.spec.tsx.snap +105 -77
  113. package/src/components/Spinner/__tests__/__snapshots__/StyledSpinner.spec.tsx.snap +1308 -636
  114. package/src/components/Spinner/__tests__/__snapshots__/index.spec.tsx.snap +121 -93
  115. package/src/components/Success/StyledSuccess.tsx +2 -1
  116. package/src/components/Success/__tests__/__snapshots__/index.spec.tsx.snap +388 -258
  117. package/src/components/Success/__tests__/index.spec.tsx +9 -6
  118. package/src/components/Swipeable/__tests__/__snapshots__/SwipeableAction.spec.tsx.snap +210 -75
  119. package/src/components/Swipeable/__tests__/__snapshots__/index.spec.tsx.snap +58 -30
  120. package/src/components/Swipeable/index.tsx +3 -3
  121. package/src/components/Switch/SelectorSwitch/__tests__/__snapshots__/Option.spec.tsx.snap +226 -114
  122. package/src/components/Switch/SelectorSwitch/__tests__/__snapshots__/index.spec.tsx.snap +146 -109
  123. package/src/components/Switch/__tests__/__snapshots__/StyledSwitch.spec.tsx.snap +202 -62
  124. package/src/components/Switch/__tests__/__snapshots__/index.spec.tsx.snap +132 -68
  125. package/src/components/Tabs/__tests__/SceneView.spec.tsx +7 -7
  126. package/src/components/Tabs/__tests__/__snapshots__/SceneView.spec.tsx.snap +206 -94
  127. package/src/components/Tabs/__tests__/__snapshots__/ScrollableTabs.spec.tsx.snap +2217 -1962
  128. package/src/components/Tabs/__tests__/__snapshots__/ScrollableTabsHeader.spec.tsx.snap +523 -455
  129. package/src/components/Tabs/__tests__/__snapshots__/TabWithBadge.spec.tsx.snap +121 -65
  130. package/src/components/Tabs/__tests__/__snapshots__/index.spec.tsx.snap +1641 -1398
  131. package/src/components/Tag/__tests__/__snapshots__/Tag.spec.tsx.snap +554 -274
  132. package/src/components/TextInput/StyledTextInput.tsx +8 -31
  133. package/src/components/TextInput/__tests__/StyledTextInput.spec.tsx +0 -44
  134. package/src/components/TextInput/__tests__/__snapshots__/StyledTextInput.spec.tsx.snap +990 -711
  135. package/src/components/TextInput/__tests__/__snapshots__/index.spec.tsx.snap +3200 -2431
  136. package/src/components/TextInput/__tests__/index.spec.tsx +2 -2
  137. package/src/components/TextInput/index.tsx +113 -57
  138. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerAndroid.spec.tsx.snap +414 -304
  139. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap +686 -534
  140. package/src/components/Toast/__tests__/__snapshots__/Toast.spec.tsx.snap +871 -573
  141. package/src/components/Toast/__tests__/__snapshots__/ToastContainer.spec.tsx.snap +180 -68
  142. package/src/components/Toolbar/__tests__/__snapshots__/ToolbarGroup.spec.tsx.snap +582 -426
  143. package/src/components/Toolbar/__tests__/__snapshots__/ToolbarItem.spec.tsx.snap +683 -363
  144. package/src/components/Typography/Body/__tests__/__snapshots__/StyledBody.tsx.snap +704 -256
  145. package/src/components/Typography/Body/__tests__/__snapshots__/index.spec.tsx.snap +855 -323
  146. package/src/components/Typography/Caption/__tests__/__snapshots__/StyledCaption.spec.tsx.snap +430 -150
  147. package/src/components/Typography/Caption/__tests__/__snapshots__/index.spec.tsx.snap +572 -208
  148. package/src/components/Typography/Label/__tests__/__snapshots__/StyledLabel.tsx.snap +328 -104
  149. package/src/components/Typography/Label/__tests__/__snapshots__/index.spec.tsx.snap +462 -154
  150. package/src/components/Typography/Text/__tests__/__snapshots__/StyledText.spec.tsx.snap +900 -340
  151. package/src/components/Typography/Title/__tests__/__snapshots__/StyledTitle.tsx.snap +880 -320
  152. package/src/components/Typography/Title/__tests__/__snapshots__/index.spec.tsx.snap +1035 -391
  153. package/src/index.ts +2 -2
  154. package/src/testHelpers/renderWithTheme.tsx +2 -2
  155. package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +40 -3
  156. package/src/theme/components/button.ts +0 -1
  157. package/src/theme/components/chip.ts +47 -0
  158. package/src/theme/components/textInput.ts +2 -2
  159. package/src/theme/getTheme.ts +3 -0
  160. package/testUtils/setup.tsx +0 -18
  161. package/tsconfig.json +4 -1
  162. package/types/components/Accordion/AccordionItem.d.ts +2 -1
  163. package/types/components/Accordion/index.d.ts +1 -1
  164. package/types/components/Attachment/index.d.ts +2 -1
  165. package/types/components/Avatar/Avatar.d.ts +2 -1
  166. package/types/components/Avatar/AvatarStack/index.d.ts +2 -2
  167. package/types/components/Avatar/index.d.ts +3 -2
  168. package/types/components/Badge/StyledBadge.d.ts +0 -4
  169. package/types/components/BottomSheet/Footer.d.ts +2 -1
  170. package/types/components/BottomSheet/Header.d.ts +2 -1
  171. package/types/components/BottomSheet/ScrollView.d.ts +1 -0
  172. package/types/components/BottomSheet/StyledBottomSheet.d.ts +0 -4
  173. package/types/components/Box/index.d.ts +2 -1
  174. package/types/components/Button/IconButton.d.ts +2 -1
  175. package/types/components/Button/LoadingIndicator/StyledLoadingIndicator.d.ts +3 -3
  176. package/types/components/Button/LoadingIndicator/index.d.ts +2 -1
  177. package/types/components/Button/UtilityButton/index.d.ts +2 -1
  178. package/types/components/Calendar/CalendarRowItem.d.ts +2 -1
  179. package/types/components/Calendar/StyledCalendar.d.ts +1 -1
  180. package/types/components/Calendar/index.d.ts +2 -1
  181. package/types/components/Carousel/CardCarousel.d.ts +1 -1
  182. package/types/components/Carousel/CarouselItem.d.ts +2 -1
  183. package/types/components/Carousel/index.d.ts +2 -2
  184. package/types/components/Checkbox/index.d.ts +2 -1
  185. package/types/components/Chip/StyledChip.d.ts +31 -0
  186. package/types/components/Chip/index.d.ts +27 -0
  187. package/types/components/Collapse/StyledCollapse.d.ts +0 -2
  188. package/types/components/Collapse/index.d.ts +2 -1
  189. package/types/components/ContentNavigator/index.d.ts +2 -1
  190. package/types/components/DatePicker/DatePickerAndroid.d.ts +2 -1
  191. package/types/components/DatePicker/DatePickerCalendar.d.ts +2 -1
  192. package/types/components/DatePicker/DatePickerIOS.d.ts +2 -1
  193. package/types/components/DatePicker/index.d.ts +2 -1
  194. package/types/components/Divider/index.d.ts +2 -1
  195. package/types/components/Drawer/StyledDrawer.d.ts +0 -6
  196. package/types/components/Error/StyledError.d.ts +3 -9
  197. package/types/components/FAB/ActionGroup/ActionItem.d.ts +2 -1
  198. package/types/components/FAB/ActionGroup/StyledActionGroup.d.ts +0 -4
  199. package/types/components/FAB/AnimatedFABIcon.d.ts +2 -1
  200. package/types/components/HeroDesignProvider/index.d.ts +2 -1
  201. package/types/components/Icon/AnimatedIcon.d.ts +2 -1
  202. package/types/components/Icon/IconList.d.ts +1 -1
  203. package/types/components/Icon/index.d.ts +3 -2
  204. package/types/components/Icon/utils.d.ts +1 -1
  205. package/types/components/Image/index.d.ts +1 -0
  206. package/types/components/Modal/index.d.ts +12 -8
  207. package/types/components/PageControl/StyledPageControl.d.ts +0 -2
  208. package/types/components/PageControl/index.d.ts +2 -1
  209. package/types/components/PinInput/PinCell.d.ts +2 -1
  210. package/types/components/Portal/PortalHost.d.ts +1 -1
  211. package/types/components/Portal/PortalProvider.d.ts +1 -1
  212. package/types/components/Portal/index.d.ts +2 -2
  213. package/types/components/Progress/ProgressBar.d.ts +1 -0
  214. package/types/components/Progress/StyledProgressBar.d.ts +0 -2
  215. package/types/components/Progress/index.d.ts +1 -0
  216. package/types/components/Rate/StyledRate.d.ts +0 -2
  217. package/types/components/Rate/index.d.ts +2 -1
  218. package/types/components/RefreshControl/index.d.ts +2 -1
  219. package/types/components/RichTextEditor/EditorToolbar.d.ts +2 -1
  220. package/types/components/RichTextEditor/MentionList.d.ts +2 -1
  221. package/types/components/RichTextEditor/index.d.ts +2 -2
  222. package/types/components/Select/BaseOptionList.d.ts +1 -1
  223. package/types/components/Select/Footer.d.ts +2 -1
  224. package/types/components/Select/MultiSelect/Option.d.ts +2 -1
  225. package/types/components/Select/MultiSelect/OptionList.d.ts +2 -1
  226. package/types/components/Select/MultiSelect/index.d.ts +1 -1
  227. package/types/components/Select/SingleSelect/Option.d.ts +2 -1
  228. package/types/components/Select/SingleSelect/OptionList.d.ts +1 -1
  229. package/types/components/Select/SingleSelect/StyledSingleSelect.d.ts +2 -1
  230. package/types/components/Select/SingleSelect/index.d.ts +1 -1
  231. package/types/components/Select/helpers.d.ts +1 -2
  232. package/types/components/Select/index.d.ts +2 -1
  233. package/types/components/Skeleton/index.d.ts +2 -1
  234. package/types/components/Slider/index.d.ts +2 -1
  235. package/types/components/Spinner/AnimatedSpinner.d.ts +2 -1
  236. package/types/components/Success/StyledSuccess.d.ts +3 -7
  237. package/types/components/Swipeable/SwipeableAction.d.ts +2 -2
  238. package/types/components/Swipeable/index.d.ts +3 -3
  239. package/types/components/Switch/SelectorSwitch/Option.d.ts +2 -1
  240. package/types/components/Switch/SelectorSwitch/StyledSelectorSwitch.d.ts +0 -6
  241. package/types/components/Switch/StyledSwitch.d.ts +0 -2
  242. package/types/components/Tabs/ActiveTabIndicator.d.ts +2 -1
  243. package/types/components/Tabs/SceneView.d.ts +1 -1
  244. package/types/components/Tabs/ScrollableTabs.d.ts +2 -1
  245. package/types/components/Tabs/ScrollableTabsHeader.d.ts +2 -1
  246. package/types/components/Tabs/StyledScrollableTabs.d.ts +0 -4
  247. package/types/components/Tabs/StyledTabs.d.ts +0 -4
  248. package/types/components/Tabs/TabWithBadge.d.ts +2 -2
  249. package/types/components/Tabs/index.d.ts +2 -1
  250. package/types/components/TextInput/StyledTextInput.d.ts +5 -25
  251. package/types/components/TextInput/index.d.ts +2 -1
  252. package/types/components/TimePicker/TimePickerAndroid.d.ts +2 -1
  253. package/types/components/TimePicker/TimePickerIOS.d.ts +2 -1
  254. package/types/components/TimePicker/index.d.ts +2 -1
  255. package/types/components/Toast/StyledToast.d.ts +0 -2
  256. package/types/components/Toast/Toast.d.ts +1 -0
  257. package/types/components/Toast/ToastProvider.d.ts +2 -1
  258. package/types/components/Toast/index.d.ts +1 -1
  259. package/types/components/Toolbar/ToolbarGroup.d.ts +2 -1
  260. package/types/components/Toolbar/ToolbarItem.d.ts +2 -1
  261. package/types/components/Toolbar/index.d.ts +3 -2
  262. package/types/components/Typography/Body/index.d.ts +2 -1
  263. package/types/components/Typography/Caption/index.d.ts +2 -1
  264. package/types/components/Typography/Label/index.d.ts +2 -1
  265. package/types/components/Typography/Text/index.d.ts +2 -1
  266. package/types/components/Typography/Title/index.d.ts +2 -1
  267. package/types/index.d.ts +2 -2
  268. package/types/testHelpers/renderWithTheme.d.ts +1 -0
  269. package/types/theme/ThemeSwitcher.d.ts +2 -2
  270. package/types/theme/components/button.d.ts +0 -1
  271. package/types/theme/components/chip.d.ts +40 -0
  272. package/types/theme/getTheme.d.ts +2 -0
  273. package/.turbo/turbo-publish:npm.log +0 -0
  274. package/src/components/Modal/ModalContentWrapper.tsx +0 -112
  275. package/src/components/Modal/ModalPresenter/ModalPresenter.tsx +0 -135
  276. package/src/components/Modal/ModalPresenter/index.tsx +0 -9
  277. package/src/components/Modal/ModalProvider.tsx +0 -8
  278. package/types/components/Modal/ModalContentWrapper.d.ts +0 -16
  279. package/types/components/Modal/ModalPresenter/ModalPresenter.d.ts +0 -34
  280. package/types/components/Modal/ModalPresenter/index.d.ts +0 -3
  281. package/types/components/Modal/ModalProvider.d.ts +0 -5
package/src/components/Button/LoadingIndicator/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -2,1140 +2,1350 @@
2
2
 
3
3
  exports[`LoadingIndicator renders correctly when themeVariant is basic-transparent 1`] = `
4
4
  <View
5
- collapsable={false}
6
5
  style={
7
- [
8
- {
9
- "alignItems": "center",
10
- "flexDirection": "row",
11
- "justifyContent": "center",
12
- "paddingVertical": 1,
13
- },
14
- {},
15
- ]
6
+ {
7
+ "flex": 1,
8
+ }
16
9
  }
17
10
  >
18
11
  <View
19
12
  collapsable={false}
20
13
  style={
21
- {
22
- "transform": [
23
- {
24
- "scale": 1,
25
- },
26
- ],
27
- }
14
+ [
15
+ {
16
+ "alignItems": "center",
17
+ "flexDirection": "row",
18
+ "justifyContent": "center",
19
+ },
20
+ {},
21
+ ]
28
22
  }
29
23
  >
30
24
  <View
31
25
  collapsable={false}
32
- size={12}
33
26
  style={
34
- [
35
- {
36
- "backgroundColor": "#ffffff",
37
- "borderRadius": 8,
38
- "height": 12,
39
- "marginBottom": 4,
40
- "marginHorizontal": 8,
41
- "marginTop": 4,
42
- "width": 12,
43
- },
44
- {},
45
- ]
46
- }
47
- themeVariant="basic-transparent"
48
- />
49
- </View>
50
- <View
51
- collapsable={false}
52
- style={
53
- {
54
- "transform": [
55
- {
56
- "scale": 1,
57
- },
58
- ],
27
+ {
28
+ "transform": [
29
+ {
30
+ "scale": 1,
31
+ },
32
+ ],
33
+ }
59
34
  }
60
- }
61
- >
35
+ >
36
+ <View
37
+ collapsable={false}
38
+ size={12}
39
+ style={
40
+ [
41
+ {
42
+ "backgroundColor": "#ffffff",
43
+ "borderRadius": 8,
44
+ "height": 12,
45
+ "marginHorizontal": 8,
46
+ "width": 12,
47
+ },
48
+ {},
49
+ ]
50
+ }
51
+ themeVariant="basic-transparent"
52
+ />
53
+ </View>
62
54
  <View
63
55
  collapsable={false}
64
- size={12}
65
56
  style={
66
- [
67
- {
68
- "backgroundColor": "#ffffff",
69
- "borderRadius": 8,
70
- "height": 12,
71
- "marginBottom": 4,
72
- "marginHorizontal": 8,
73
- "marginTop": 4,
74
- "width": 12,
75
- },
76
- {},
77
- ]
78
- }
79
- themeVariant="basic-transparent"
80
- />
81
- </View>
82
- <View
83
- collapsable={false}
84
- style={
85
- {
86
- "transform": [
87
- {
88
- "scale": 1,
89
- },
90
- ],
57
+ {
58
+ "transform": [
59
+ {
60
+ "scale": 1,
61
+ },
62
+ ],
63
+ }
91
64
  }
92
- }
93
- >
65
+ >
66
+ <View
67
+ collapsable={false}
68
+ size={12}
69
+ style={
70
+ [
71
+ {
72
+ "backgroundColor": "#ffffff",
73
+ "borderRadius": 8,
74
+ "height": 12,
75
+ "marginHorizontal": 8,
76
+ "width": 12,
77
+ },
78
+ {},
79
+ ]
80
+ }
81
+ themeVariant="basic-transparent"
82
+ />
83
+ </View>
94
84
  <View
95
85
  collapsable={false}
96
- size={12}
97
86
  style={
98
- [
99
- {
100
- "backgroundColor": "#ffffff",
101
- "borderRadius": 8,
102
- "height": 12,
103
- "marginBottom": 4,
104
- "marginHorizontal": 8,
105
- "marginTop": 4,
106
- "width": 12,
107
- },
108
- {},
109
- ]
87
+ {
88
+ "transform": [
89
+ {
90
+ "scale": 1,
91
+ },
92
+ ],
93
+ }
110
94
  }
111
- themeVariant="basic-transparent"
112
- />
95
+ >
96
+ <View
97
+ collapsable={false}
98
+ size={12}
99
+ style={
100
+ [
101
+ {
102
+ "backgroundColor": "#ffffff",
103
+ "borderRadius": 8,
104
+ "height": 12,
105
+ "marginHorizontal": 8,
106
+ "width": 12,
107
+ },
108
+ {},
109
+ ]
110
+ }
111
+ themeVariant="basic-transparent"
112
+ />
113
+ </View>
113
114
  </View>
115
+ <View
116
+ pointerEvents="box-none"
117
+ position="bottom"
118
+ style={
119
+ [
120
+ {
121
+ "bottom": 0,
122
+ "elevation": 9999,
123
+ "flexDirection": "column-reverse",
124
+ "left": 0,
125
+ "paddingHorizontal": 24,
126
+ "paddingVertical": 16,
127
+ "position": "absolute",
128
+ "right": 0,
129
+ "top": 0,
130
+ },
131
+ undefined,
132
+ ]
133
+ }
134
+ />
114
135
  </View>
115
136
  `;
116
137
 
117
138
  exports[`LoadingIndicator renders correctly when themeVariant is filled-danger 1`] = `
118
139
  <View
119
- collapsable={false}
120
140
  style={
121
- [
122
- {
123
- "alignItems": "center",
124
- "flexDirection": "row",
125
- "justifyContent": "center",
126
- "paddingVertical": 1,
127
- },
128
- {},
129
- ]
141
+ {
142
+ "flex": 1,
143
+ }
130
144
  }
131
145
  >
132
146
  <View
133
147
  collapsable={false}
134
148
  style={
135
- {
136
- "transform": [
137
- {
138
- "scale": 1,
139
- },
140
- ],
141
- }
149
+ [
150
+ {
151
+ "alignItems": "center",
152
+ "flexDirection": "row",
153
+ "justifyContent": "center",
154
+ },
155
+ {},
156
+ ]
142
157
  }
143
158
  >
144
159
  <View
145
160
  collapsable={false}
146
- size={12}
147
161
  style={
148
- [
149
- {
150
- "backgroundColor": "#ffffff",
151
- "borderRadius": 8,
152
- "height": 12,
153
- "marginBottom": 4,
154
- "marginHorizontal": 8,
155
- "marginTop": 4,
156
- "width": 12,
157
- },
158
- {},
159
- ]
160
- }
161
- themeVariant="filled-danger"
162
- />
163
- </View>
164
- <View
165
- collapsable={false}
166
- style={
167
- {
168
- "transform": [
169
- {
170
- "scale": 1,
171
- },
172
- ],
162
+ {
163
+ "transform": [
164
+ {
165
+ "scale": 1,
166
+ },
167
+ ],
168
+ }
173
169
  }
174
- }
175
- >
170
+ >
171
+ <View
172
+ collapsable={false}
173
+ size={12}
174
+ style={
175
+ [
176
+ {
177
+ "backgroundColor": "#ffffff",
178
+ "borderRadius": 8,
179
+ "height": 12,
180
+ "marginHorizontal": 8,
181
+ "width": 12,
182
+ },
183
+ {},
184
+ ]
185
+ }
186
+ themeVariant="filled-danger"
187
+ />
188
+ </View>
176
189
  <View
177
190
  collapsable={false}
178
- size={12}
179
191
  style={
180
- [
181
- {
182
- "backgroundColor": "#ffffff",
183
- "borderRadius": 8,
184
- "height": 12,
185
- "marginBottom": 4,
186
- "marginHorizontal": 8,
187
- "marginTop": 4,
188
- "width": 12,
189
- },
190
- {},
191
- ]
192
- }
193
- themeVariant="filled-danger"
194
- />
195
- </View>
196
- <View
197
- collapsable={false}
198
- style={
199
- {
200
- "transform": [
201
- {
202
- "scale": 1,
203
- },
204
- ],
192
+ {
193
+ "transform": [
194
+ {
195
+ "scale": 1,
196
+ },
197
+ ],
198
+ }
205
199
  }
206
- }
207
- >
200
+ >
201
+ <View
202
+ collapsable={false}
203
+ size={12}
204
+ style={
205
+ [
206
+ {
207
+ "backgroundColor": "#ffffff",
208
+ "borderRadius": 8,
209
+ "height": 12,
210
+ "marginHorizontal": 8,
211
+ "width": 12,
212
+ },
213
+ {},
214
+ ]
215
+ }
216
+ themeVariant="filled-danger"
217
+ />
218
+ </View>
208
219
  <View
209
220
  collapsable={false}
210
- size={12}
211
221
  style={
212
- [
213
- {
214
- "backgroundColor": "#ffffff",
215
- "borderRadius": 8,
216
- "height": 12,
217
- "marginBottom": 4,
218
- "marginHorizontal": 8,
219
- "marginTop": 4,
220
- "width": 12,
221
- },
222
- {},
223
- ]
222
+ {
223
+ "transform": [
224
+ {
225
+ "scale": 1,
226
+ },
227
+ ],
228
+ }
224
229
  }
225
- themeVariant="filled-danger"
226
- />
230
+ >
231
+ <View
232
+ collapsable={false}
233
+ size={12}
234
+ style={
235
+ [
236
+ {
237
+ "backgroundColor": "#ffffff",
238
+ "borderRadius": 8,
239
+ "height": 12,
240
+ "marginHorizontal": 8,
241
+ "width": 12,
242
+ },
243
+ {},
244
+ ]
245
+ }
246
+ themeVariant="filled-danger"
247
+ />
248
+ </View>
227
249
  </View>
250
+ <View
251
+ pointerEvents="box-none"
252
+ position="bottom"
253
+ style={
254
+ [
255
+ {
256
+ "bottom": 0,
257
+ "elevation": 9999,
258
+ "flexDirection": "column-reverse",
259
+ "left": 0,
260
+ "paddingHorizontal": 24,
261
+ "paddingVertical": 16,
262
+ "position": "absolute",
263
+ "right": 0,
264
+ "top": 0,
265
+ },
266
+ undefined,
267
+ ]
268
+ }
269
+ />
228
270
  </View>
229
271
  `;
230
272
 
231
273
  exports[`LoadingIndicator renders correctly when themeVariant is filled-primary 1`] = `
232
274
  <View
233
- collapsable={false}
234
275
  style={
235
- [
236
- {
237
- "alignItems": "center",
238
- "flexDirection": "row",
239
- "justifyContent": "center",
240
- "paddingVertical": 1,
241
- },
242
- {},
243
- ]
276
+ {
277
+ "flex": 1,
278
+ }
244
279
  }
245
280
  >
246
281
  <View
247
282
  collapsable={false}
248
283
  style={
249
- {
250
- "transform": [
251
- {
252
- "scale": 1,
253
- },
254
- ],
255
- }
284
+ [
285
+ {
286
+ "alignItems": "center",
287
+ "flexDirection": "row",
288
+ "justifyContent": "center",
289
+ },
290
+ {},
291
+ ]
256
292
  }
257
293
  >
258
294
  <View
259
295
  collapsable={false}
260
- size={12}
261
296
  style={
262
- [
263
- {
264
- "backgroundColor": "#ffffff",
265
- "borderRadius": 8,
266
- "height": 12,
267
- "marginBottom": 4,
268
- "marginHorizontal": 8,
269
- "marginTop": 4,
270
- "width": 12,
271
- },
272
- {},
273
- ]
274
- }
275
- themeVariant="filled-primary"
276
- />
277
- </View>
278
- <View
279
- collapsable={false}
280
- style={
281
- {
282
- "transform": [
283
- {
284
- "scale": 1,
285
- },
286
- ],
297
+ {
298
+ "transform": [
299
+ {
300
+ "scale": 1,
301
+ },
302
+ ],
303
+ }
287
304
  }
288
- }
289
- >
305
+ >
306
+ <View
307
+ collapsable={false}
308
+ size={12}
309
+ style={
310
+ [
311
+ {
312
+ "backgroundColor": "#ffffff",
313
+ "borderRadius": 8,
314
+ "height": 12,
315
+ "marginHorizontal": 8,
316
+ "width": 12,
317
+ },
318
+ {},
319
+ ]
320
+ }
321
+ themeVariant="filled-primary"
322
+ />
323
+ </View>
290
324
  <View
291
325
  collapsable={false}
292
- size={12}
293
326
  style={
294
- [
295
- {
296
- "backgroundColor": "#ffffff",
297
- "borderRadius": 8,
298
- "height": 12,
299
- "marginBottom": 4,
300
- "marginHorizontal": 8,
301
- "marginTop": 4,
302
- "width": 12,
303
- },
304
- {},
305
- ]
327
+ {
328
+ "transform": [
329
+ {
330
+ "scale": 1,
331
+ },
332
+ ],
333
+ }
306
334
  }
307
- themeVariant="filled-primary"
308
- />
309
- </View>
310
- <View
311
- collapsable={false}
312
- style={
313
- {
314
- "transform": [
315
- {
316
- "scale": 1,
317
- },
318
- ],
319
- }
320
- }
321
- >
335
+ >
336
+ <View
337
+ collapsable={false}
338
+ size={12}
339
+ style={
340
+ [
341
+ {
342
+ "backgroundColor": "#ffffff",
343
+ "borderRadius": 8,
344
+ "height": 12,
345
+ "marginHorizontal": 8,
346
+ "width": 12,
347
+ },
348
+ {},
349
+ ]
350
+ }
351
+ themeVariant="filled-primary"
352
+ />
353
+ </View>
322
354
  <View
323
355
  collapsable={false}
324
- size={12}
325
356
  style={
326
- [
327
- {
328
- "backgroundColor": "#ffffff",
329
- "borderRadius": 8,
330
- "height": 12,
331
- "marginBottom": 4,
332
- "marginHorizontal": 8,
333
- "marginTop": 4,
334
- "width": 12,
335
- },
336
- {},
337
- ]
357
+ {
358
+ "transform": [
359
+ {
360
+ "scale": 1,
361
+ },
362
+ ],
363
+ }
338
364
  }
339
- themeVariant="filled-primary"
340
- />
365
+ >
366
+ <View
367
+ collapsable={false}
368
+ size={12}
369
+ style={
370
+ [
371
+ {
372
+ "backgroundColor": "#ffffff",
373
+ "borderRadius": 8,
374
+ "height": 12,
375
+ "marginHorizontal": 8,
376
+ "width": 12,
377
+ },
378
+ {},
379
+ ]
380
+ }
381
+ themeVariant="filled-primary"
382
+ />
383
+ </View>
341
384
  </View>
385
+ <View
386
+ pointerEvents="box-none"
387
+ position="bottom"
388
+ style={
389
+ [
390
+ {
391
+ "bottom": 0,
392
+ "elevation": 9999,
393
+ "flexDirection": "column-reverse",
394
+ "left": 0,
395
+ "paddingHorizontal": 24,
396
+ "paddingVertical": 16,
397
+ "position": "absolute",
398
+ "right": 0,
399
+ "top": 0,
400
+ },
401
+ undefined,
402
+ ]
403
+ }
404
+ />
342
405
  </View>
343
406
  `;
344
407
 
345
408
  exports[`LoadingIndicator renders correctly when themeVariant is filled-secondary 1`] = `
346
409
  <View
347
- collapsable={false}
348
410
  style={
349
- [
350
- {
351
- "alignItems": "center",
352
- "flexDirection": "row",
353
- "justifyContent": "center",
354
- "paddingVertical": 1,
355
- },
356
- {},
357
- ]
411
+ {
412
+ "flex": 1,
413
+ }
358
414
  }
359
415
  >
360
416
  <View
361
417
  collapsable={false}
362
418
  style={
363
- {
364
- "transform": [
365
- {
366
- "scale": 1,
367
- },
368
- ],
369
- }
419
+ [
420
+ {
421
+ "alignItems": "center",
422
+ "flexDirection": "row",
423
+ "justifyContent": "center",
424
+ },
425
+ {},
426
+ ]
370
427
  }
371
428
  >
372
429
  <View
373
430
  collapsable={false}
374
- size={12}
375
431
  style={
376
- [
377
- {
378
- "backgroundColor": "#ffffff",
379
- "borderRadius": 8,
380
- "height": 12,
381
- "marginBottom": 4,
382
- "marginHorizontal": 8,
383
- "marginTop": 4,
384
- "width": 12,
385
- },
386
- {},
387
- ]
388
- }
389
- themeVariant="filled-secondary"
390
- />
391
- </View>
392
- <View
393
- collapsable={false}
394
- style={
395
- {
396
- "transform": [
397
- {
398
- "scale": 1,
399
- },
400
- ],
432
+ {
433
+ "transform": [
434
+ {
435
+ "scale": 1,
436
+ },
437
+ ],
438
+ }
401
439
  }
402
- }
403
- >
440
+ >
441
+ <View
442
+ collapsable={false}
443
+ size={12}
444
+ style={
445
+ [
446
+ {
447
+ "backgroundColor": "#ffffff",
448
+ "borderRadius": 8,
449
+ "height": 12,
450
+ "marginHorizontal": 8,
451
+ "width": 12,
452
+ },
453
+ {},
454
+ ]
455
+ }
456
+ themeVariant="filled-secondary"
457
+ />
458
+ </View>
404
459
  <View
405
460
  collapsable={false}
406
- size={12}
407
461
  style={
408
- [
409
- {
410
- "backgroundColor": "#ffffff",
411
- "borderRadius": 8,
412
- "height": 12,
413
- "marginBottom": 4,
414
- "marginHorizontal": 8,
415
- "marginTop": 4,
416
- "width": 12,
417
- },
418
- {},
419
- ]
462
+ {
463
+ "transform": [
464
+ {
465
+ "scale": 1,
466
+ },
467
+ ],
468
+ }
420
469
  }
421
- themeVariant="filled-secondary"
422
- />
423
- </View>
424
- <View
425
- collapsable={false}
426
- style={
427
- {
428
- "transform": [
429
- {
430
- "scale": 1,
431
- },
432
- ],
433
- }
434
- }
435
- >
470
+ >
471
+ <View
472
+ collapsable={false}
473
+ size={12}
474
+ style={
475
+ [
476
+ {
477
+ "backgroundColor": "#ffffff",
478
+ "borderRadius": 8,
479
+ "height": 12,
480
+ "marginHorizontal": 8,
481
+ "width": 12,
482
+ },
483
+ {},
484
+ ]
485
+ }
486
+ themeVariant="filled-secondary"
487
+ />
488
+ </View>
436
489
  <View
437
490
  collapsable={false}
438
- size={12}
439
491
  style={
440
- [
441
- {
442
- "backgroundColor": "#ffffff",
443
- "borderRadius": 8,
444
- "height": 12,
445
- "marginBottom": 4,
446
- "marginHorizontal": 8,
447
- "marginTop": 4,
448
- "width": 12,
449
- },
450
- {},
451
- ]
492
+ {
493
+ "transform": [
494
+ {
495
+ "scale": 1,
496
+ },
497
+ ],
498
+ }
452
499
  }
453
- themeVariant="filled-secondary"
454
- />
500
+ >
501
+ <View
502
+ collapsable={false}
503
+ size={12}
504
+ style={
505
+ [
506
+ {
507
+ "backgroundColor": "#ffffff",
508
+ "borderRadius": 8,
509
+ "height": 12,
510
+ "marginHorizontal": 8,
511
+ "width": 12,
512
+ },
513
+ {},
514
+ ]
515
+ }
516
+ themeVariant="filled-secondary"
517
+ />
518
+ </View>
455
519
  </View>
520
+ <View
521
+ pointerEvents="box-none"
522
+ position="bottom"
523
+ style={
524
+ [
525
+ {
526
+ "bottom": 0,
527
+ "elevation": 9999,
528
+ "flexDirection": "column-reverse",
529
+ "left": 0,
530
+ "paddingHorizontal": 24,
531
+ "paddingVertical": 16,
532
+ "position": "absolute",
533
+ "right": 0,
534
+ "top": 0,
535
+ },
536
+ undefined,
537
+ ]
538
+ }
539
+ />
456
540
  </View>
457
541
  `;
458
542
 
459
543
  exports[`LoadingIndicator renders correctly when themeVariant is outlined-danger 1`] = `
460
544
  <View
461
- collapsable={false}
462
545
  style={
463
- [
464
- {
465
- "alignItems": "center",
466
- "flexDirection": "row",
467
- "justifyContent": "center",
468
- "paddingVertical": 1,
469
- },
470
- {},
471
- ]
546
+ {
547
+ "flex": 1,
548
+ }
472
549
  }
473
550
  >
474
551
  <View
475
552
  collapsable={false}
476
553
  style={
477
- {
478
- "transform": [
479
- {
480
- "scale": 1,
481
- },
482
- ],
483
- }
554
+ [
555
+ {
556
+ "alignItems": "center",
557
+ "flexDirection": "row",
558
+ "justifyContent": "center",
559
+ },
560
+ {},
561
+ ]
484
562
  }
485
563
  >
486
564
  <View
487
565
  collapsable={false}
488
- size={12}
489
566
  style={
490
- [
491
- {
492
- "backgroundColor": "#cb300a",
493
- "borderRadius": 8,
494
- "height": 12,
495
- "marginBottom": 4,
496
- "marginHorizontal": 8,
497
- "marginTop": 4,
498
- "width": 12,
499
- },
500
- {},
501
- ]
567
+ {
568
+ "transform": [
569
+ {
570
+ "scale": 1,
571
+ },
572
+ ],
573
+ }
502
574
  }
503
- themeVariant="outlined-danger"
504
- />
505
- </View>
506
- <View
507
- collapsable={false}
508
- style={
509
- {
510
- "transform": [
511
- {
512
- "scale": 1,
513
- },
514
- ],
515
- }
516
- }
517
- >
575
+ >
576
+ <View
577
+ collapsable={false}
578
+ size={12}
579
+ style={
580
+ [
581
+ {
582
+ "backgroundColor": "#cb300a",
583
+ "borderRadius": 8,
584
+ "height": 12,
585
+ "marginHorizontal": 8,
586
+ "width": 12,
587
+ },
588
+ {},
589
+ ]
590
+ }
591
+ themeVariant="outlined-danger"
592
+ />
593
+ </View>
518
594
  <View
519
595
  collapsable={false}
520
- size={12}
521
596
  style={
522
- [
523
- {
524
- "backgroundColor": "#cb300a",
525
- "borderRadius": 8,
526
- "height": 12,
527
- "marginBottom": 4,
528
- "marginHorizontal": 8,
529
- "marginTop": 4,
530
- "width": 12,
531
- },
532
- {},
533
- ]
534
- }
535
- themeVariant="outlined-danger"
536
- />
537
- </View>
538
- <View
539
- collapsable={false}
540
- style={
541
- {
542
- "transform": [
543
- {
544
- "scale": 1,
545
- },
546
- ],
597
+ {
598
+ "transform": [
599
+ {
600
+ "scale": 1,
601
+ },
602
+ ],
603
+ }
547
604
  }
548
- }
549
- >
605
+ >
606
+ <View
607
+ collapsable={false}
608
+ size={12}
609
+ style={
610
+ [
611
+ {
612
+ "backgroundColor": "#cb300a",
613
+ "borderRadius": 8,
614
+ "height": 12,
615
+ "marginHorizontal": 8,
616
+ "width": 12,
617
+ },
618
+ {},
619
+ ]
620
+ }
621
+ themeVariant="outlined-danger"
622
+ />
623
+ </View>
550
624
  <View
551
625
  collapsable={false}
552
- size={12}
553
626
  style={
554
- [
555
- {
556
- "backgroundColor": "#cb300a",
557
- "borderRadius": 8,
558
- "height": 12,
559
- "marginBottom": 4,
560
- "marginHorizontal": 8,
561
- "marginTop": 4,
562
- "width": 12,
563
- },
564
- {},
565
- ]
627
+ {
628
+ "transform": [
629
+ {
630
+ "scale": 1,
631
+ },
632
+ ],
633
+ }
566
634
  }
567
- themeVariant="outlined-danger"
568
- />
635
+ >
636
+ <View
637
+ collapsable={false}
638
+ size={12}
639
+ style={
640
+ [
641
+ {
642
+ "backgroundColor": "#cb300a",
643
+ "borderRadius": 8,
644
+ "height": 12,
645
+ "marginHorizontal": 8,
646
+ "width": 12,
647
+ },
648
+ {},
649
+ ]
650
+ }
651
+ themeVariant="outlined-danger"
652
+ />
653
+ </View>
569
654
  </View>
655
+ <View
656
+ pointerEvents="box-none"
657
+ position="bottom"
658
+ style={
659
+ [
660
+ {
661
+ "bottom": 0,
662
+ "elevation": 9999,
663
+ "flexDirection": "column-reverse",
664
+ "left": 0,
665
+ "paddingHorizontal": 24,
666
+ "paddingVertical": 16,
667
+ "position": "absolute",
668
+ "right": 0,
669
+ "top": 0,
670
+ },
671
+ undefined,
672
+ ]
673
+ }
674
+ />
570
675
  </View>
571
676
  `;
572
677
 
573
678
  exports[`LoadingIndicator renders correctly when themeVariant is outlined-primary 1`] = `
574
679
  <View
575
- collapsable={false}
576
680
  style={
577
- [
578
- {
579
- "alignItems": "center",
580
- "flexDirection": "row",
581
- "justifyContent": "center",
582
- "paddingVertical": 1,
583
- },
584
- {},
585
- ]
681
+ {
682
+ "flex": 1,
683
+ }
586
684
  }
587
685
  >
588
686
  <View
589
687
  collapsable={false}
590
688
  style={
591
- {
592
- "transform": [
593
- {
594
- "scale": 1,
595
- },
596
- ],
597
- }
689
+ [
690
+ {
691
+ "alignItems": "center",
692
+ "flexDirection": "row",
693
+ "justifyContent": "center",
694
+ },
695
+ {},
696
+ ]
598
697
  }
599
698
  >
600
699
  <View
601
700
  collapsable={false}
602
- size={12}
603
701
  style={
604
- [
605
- {
606
- "backgroundColor": "#401960",
607
- "borderRadius": 8,
608
- "height": 12,
609
- "marginBottom": 4,
610
- "marginHorizontal": 8,
611
- "marginTop": 4,
612
- "width": 12,
613
- },
614
- {},
615
- ]
616
- }
617
- themeVariant="outlined-primary"
618
- />
619
- </View>
620
- <View
621
- collapsable={false}
622
- style={
623
- {
624
- "transform": [
625
- {
626
- "scale": 1,
627
- },
628
- ],
702
+ {
703
+ "transform": [
704
+ {
705
+ "scale": 1,
706
+ },
707
+ ],
708
+ }
629
709
  }
630
- }
631
- >
710
+ >
711
+ <View
712
+ collapsable={false}
713
+ size={12}
714
+ style={
715
+ [
716
+ {
717
+ "backgroundColor": "#401960",
718
+ "borderRadius": 8,
719
+ "height": 12,
720
+ "marginHorizontal": 8,
721
+ "width": 12,
722
+ },
723
+ {},
724
+ ]
725
+ }
726
+ themeVariant="outlined-primary"
727
+ />
728
+ </View>
632
729
  <View
633
730
  collapsable={false}
634
- size={12}
635
731
  style={
636
- [
637
- {
638
- "backgroundColor": "#401960",
639
- "borderRadius": 8,
640
- "height": 12,
641
- "marginBottom": 4,
642
- "marginHorizontal": 8,
643
- "marginTop": 4,
644
- "width": 12,
645
- },
646
- {},
647
- ]
648
- }
649
- themeVariant="outlined-primary"
650
- />
651
- </View>
652
- <View
653
- collapsable={false}
654
- style={
655
- {
656
- "transform": [
657
- {
658
- "scale": 1,
659
- },
660
- ],
732
+ {
733
+ "transform": [
734
+ {
735
+ "scale": 1,
736
+ },
737
+ ],
738
+ }
661
739
  }
662
- }
663
- >
740
+ >
741
+ <View
742
+ collapsable={false}
743
+ size={12}
744
+ style={
745
+ [
746
+ {
747
+ "backgroundColor": "#401960",
748
+ "borderRadius": 8,
749
+ "height": 12,
750
+ "marginHorizontal": 8,
751
+ "width": 12,
752
+ },
753
+ {},
754
+ ]
755
+ }
756
+ themeVariant="outlined-primary"
757
+ />
758
+ </View>
664
759
  <View
665
760
  collapsable={false}
666
- size={12}
667
761
  style={
668
- [
669
- {
670
- "backgroundColor": "#401960",
671
- "borderRadius": 8,
672
- "height": 12,
673
- "marginBottom": 4,
674
- "marginHorizontal": 8,
675
- "marginTop": 4,
676
- "width": 12,
677
- },
678
- {},
679
- ]
762
+ {
763
+ "transform": [
764
+ {
765
+ "scale": 1,
766
+ },
767
+ ],
768
+ }
680
769
  }
681
- themeVariant="outlined-primary"
682
- />
770
+ >
771
+ <View
772
+ collapsable={false}
773
+ size={12}
774
+ style={
775
+ [
776
+ {
777
+ "backgroundColor": "#401960",
778
+ "borderRadius": 8,
779
+ "height": 12,
780
+ "marginHorizontal": 8,
781
+ "width": 12,
782
+ },
783
+ {},
784
+ ]
785
+ }
786
+ themeVariant="outlined-primary"
787
+ />
788
+ </View>
683
789
  </View>
790
+ <View
791
+ pointerEvents="box-none"
792
+ position="bottom"
793
+ style={
794
+ [
795
+ {
796
+ "bottom": 0,
797
+ "elevation": 9999,
798
+ "flexDirection": "column-reverse",
799
+ "left": 0,
800
+ "paddingHorizontal": 24,
801
+ "paddingVertical": 16,
802
+ "position": "absolute",
803
+ "right": 0,
804
+ "top": 0,
805
+ },
806
+ undefined,
807
+ ]
808
+ }
809
+ />
684
810
  </View>
685
811
  `;
686
812
 
687
813
  exports[`LoadingIndicator renders correctly when themeVariant is outlined-secondary 1`] = `
688
814
  <View
689
- collapsable={false}
690
815
  style={
691
- [
692
- {
693
- "alignItems": "center",
694
- "flexDirection": "row",
695
- "justifyContent": "center",
696
- "paddingVertical": 1,
697
- },
698
- {},
699
- ]
816
+ {
817
+ "flex": 1,
818
+ }
700
819
  }
701
820
  >
702
821
  <View
703
822
  collapsable={false}
704
823
  style={
705
- {
706
- "transform": [
707
- {
708
- "scale": 1,
709
- },
710
- ],
711
- }
824
+ [
825
+ {
826
+ "alignItems": "center",
827
+ "flexDirection": "row",
828
+ "justifyContent": "center",
829
+ },
830
+ {},
831
+ ]
712
832
  }
713
833
  >
714
834
  <View
715
835
  collapsable={false}
716
- size={12}
717
836
  style={
718
- [
719
- {
720
- "backgroundColor": "#795e90",
721
- "borderRadius": 8,
722
- "height": 12,
723
- "marginBottom": 4,
724
- "marginHorizontal": 8,
725
- "marginTop": 4,
726
- "width": 12,
727
- },
728
- {},
729
- ]
730
- }
731
- themeVariant="outlined-secondary"
732
- />
733
- </View>
734
- <View
735
- collapsable={false}
736
- style={
737
- {
738
- "transform": [
739
- {
740
- "scale": 1,
741
- },
742
- ],
837
+ {
838
+ "transform": [
839
+ {
840
+ "scale": 1,
841
+ },
842
+ ],
843
+ }
743
844
  }
744
- }
745
- >
845
+ >
846
+ <View
847
+ collapsable={false}
848
+ size={12}
849
+ style={
850
+ [
851
+ {
852
+ "backgroundColor": "#795e90",
853
+ "borderRadius": 8,
854
+ "height": 12,
855
+ "marginHorizontal": 8,
856
+ "width": 12,
857
+ },
858
+ {},
859
+ ]
860
+ }
861
+ themeVariant="outlined-secondary"
862
+ />
863
+ </View>
746
864
  <View
747
865
  collapsable={false}
748
- size={12}
749
866
  style={
750
- [
751
- {
752
- "backgroundColor": "#795e90",
753
- "borderRadius": 8,
754
- "height": 12,
755
- "marginBottom": 4,
756
- "marginHorizontal": 8,
757
- "marginTop": 4,
758
- "width": 12,
759
- },
760
- {},
761
- ]
762
- }
763
- themeVariant="outlined-secondary"
764
- />
765
- </View>
766
- <View
767
- collapsable={false}
768
- style={
769
- {
770
- "transform": [
771
- {
772
- "scale": 1,
773
- },
774
- ],
867
+ {
868
+ "transform": [
869
+ {
870
+ "scale": 1,
871
+ },
872
+ ],
873
+ }
775
874
  }
776
- }
777
- >
875
+ >
876
+ <View
877
+ collapsable={false}
878
+ size={12}
879
+ style={
880
+ [
881
+ {
882
+ "backgroundColor": "#795e90",
883
+ "borderRadius": 8,
884
+ "height": 12,
885
+ "marginHorizontal": 8,
886
+ "width": 12,
887
+ },
888
+ {},
889
+ ]
890
+ }
891
+ themeVariant="outlined-secondary"
892
+ />
893
+ </View>
778
894
  <View
779
895
  collapsable={false}
780
- size={12}
781
896
  style={
782
- [
783
- {
784
- "backgroundColor": "#795e90",
785
- "borderRadius": 8,
786
- "height": 12,
787
- "marginBottom": 4,
788
- "marginHorizontal": 8,
789
- "marginTop": 4,
790
- "width": 12,
791
- },
792
- {},
793
- ]
897
+ {
898
+ "transform": [
899
+ {
900
+ "scale": 1,
901
+ },
902
+ ],
903
+ }
794
904
  }
795
- themeVariant="outlined-secondary"
796
- />
905
+ >
906
+ <View
907
+ collapsable={false}
908
+ size={12}
909
+ style={
910
+ [
911
+ {
912
+ "backgroundColor": "#795e90",
913
+ "borderRadius": 8,
914
+ "height": 12,
915
+ "marginHorizontal": 8,
916
+ "width": 12,
917
+ },
918
+ {},
919
+ ]
920
+ }
921
+ themeVariant="outlined-secondary"
922
+ />
923
+ </View>
797
924
  </View>
925
+ <View
926
+ pointerEvents="box-none"
927
+ position="bottom"
928
+ style={
929
+ [
930
+ {
931
+ "bottom": 0,
932
+ "elevation": 9999,
933
+ "flexDirection": "column-reverse",
934
+ "left": 0,
935
+ "paddingHorizontal": 24,
936
+ "paddingVertical": 16,
937
+ "position": "absolute",
938
+ "right": 0,
939
+ "top": 0,
940
+ },
941
+ undefined,
942
+ ]
943
+ }
944
+ />
798
945
  </View>
799
946
  `;
800
947
 
801
948
  exports[`LoadingIndicator renders correctly when themeVariant is text-danger 1`] = `
802
949
  <View
803
- collapsable={false}
804
950
  style={
805
- [
806
- {
807
- "alignItems": "center",
808
- "flexDirection": "row",
809
- "justifyContent": "center",
810
- "paddingVertical": 1,
811
- },
812
- {},
813
- ]
951
+ {
952
+ "flex": 1,
953
+ }
814
954
  }
815
955
  >
816
956
  <View
817
957
  collapsable={false}
818
958
  style={
819
- {
820
- "transform": [
821
- {
822
- "scale": 1,
823
- },
824
- ],
825
- }
959
+ [
960
+ {
961
+ "alignItems": "center",
962
+ "flexDirection": "row",
963
+ "justifyContent": "center",
964
+ },
965
+ {},
966
+ ]
826
967
  }
827
968
  >
828
969
  <View
829
970
  collapsable={false}
830
- size={12}
831
971
  style={
832
- [
833
- {
834
- "backgroundColor": "#cb300a",
835
- "borderRadius": 8,
836
- "height": 12,
837
- "marginBottom": 4,
838
- "marginHorizontal": 8,
839
- "marginTop": 4,
840
- "width": 12,
841
- },
842
- {},
843
- ]
844
- }
845
- themeVariant="text-danger"
846
- />
847
- </View>
848
- <View
849
- collapsable={false}
850
- style={
851
- {
852
- "transform": [
853
- {
854
- "scale": 1,
855
- },
856
- ],
972
+ {
973
+ "transform": [
974
+ {
975
+ "scale": 1,
976
+ },
977
+ ],
978
+ }
857
979
  }
858
- }
859
- >
980
+ >
981
+ <View
982
+ collapsable={false}
983
+ size={12}
984
+ style={
985
+ [
986
+ {
987
+ "backgroundColor": "#cb300a",
988
+ "borderRadius": 8,
989
+ "height": 12,
990
+ "marginHorizontal": 8,
991
+ "width": 12,
992
+ },
993
+ {},
994
+ ]
995
+ }
996
+ themeVariant="text-danger"
997
+ />
998
+ </View>
860
999
  <View
861
1000
  collapsable={false}
862
- size={12}
863
1001
  style={
864
- [
865
- {
866
- "backgroundColor": "#cb300a",
867
- "borderRadius": 8,
868
- "height": 12,
869
- "marginBottom": 4,
870
- "marginHorizontal": 8,
871
- "marginTop": 4,
872
- "width": 12,
873
- },
874
- {},
875
- ]
1002
+ {
1003
+ "transform": [
1004
+ {
1005
+ "scale": 1,
1006
+ },
1007
+ ],
1008
+ }
876
1009
  }
877
- themeVariant="text-danger"
878
- />
879
- </View>
880
- <View
881
- collapsable={false}
882
- style={
883
- {
884
- "transform": [
885
- {
886
- "scale": 1,
887
- },
888
- ],
889
- }
890
- }
891
- >
1010
+ >
1011
+ <View
1012
+ collapsable={false}
1013
+ size={12}
1014
+ style={
1015
+ [
1016
+ {
1017
+ "backgroundColor": "#cb300a",
1018
+ "borderRadius": 8,
1019
+ "height": 12,
1020
+ "marginHorizontal": 8,
1021
+ "width": 12,
1022
+ },
1023
+ {},
1024
+ ]
1025
+ }
1026
+ themeVariant="text-danger"
1027
+ />
1028
+ </View>
892
1029
  <View
893
1030
  collapsable={false}
894
- size={12}
895
1031
  style={
896
- [
897
- {
898
- "backgroundColor": "#cb300a",
899
- "borderRadius": 8,
900
- "height": 12,
901
- "marginBottom": 4,
902
- "marginHorizontal": 8,
903
- "marginTop": 4,
904
- "width": 12,
905
- },
906
- {},
907
- ]
1032
+ {
1033
+ "transform": [
1034
+ {
1035
+ "scale": 1,
1036
+ },
1037
+ ],
1038
+ }
908
1039
  }
909
- themeVariant="text-danger"
910
- />
1040
+ >
1041
+ <View
1042
+ collapsable={false}
1043
+ size={12}
1044
+ style={
1045
+ [
1046
+ {
1047
+ "backgroundColor": "#cb300a",
1048
+ "borderRadius": 8,
1049
+ "height": 12,
1050
+ "marginHorizontal": 8,
1051
+ "width": 12,
1052
+ },
1053
+ {},
1054
+ ]
1055
+ }
1056
+ themeVariant="text-danger"
1057
+ />
1058
+ </View>
911
1059
  </View>
1060
+ <View
1061
+ pointerEvents="box-none"
1062
+ position="bottom"
1063
+ style={
1064
+ [
1065
+ {
1066
+ "bottom": 0,
1067
+ "elevation": 9999,
1068
+ "flexDirection": "column-reverse",
1069
+ "left": 0,
1070
+ "paddingHorizontal": 24,
1071
+ "paddingVertical": 16,
1072
+ "position": "absolute",
1073
+ "right": 0,
1074
+ "top": 0,
1075
+ },
1076
+ undefined,
1077
+ ]
1078
+ }
1079
+ />
912
1080
  </View>
913
1081
  `;
914
1082
 
915
1083
  exports[`LoadingIndicator renders correctly when themeVariant is text-primary 1`] = `
916
1084
  <View
917
- collapsable={false}
918
1085
  style={
919
- [
920
- {
921
- "alignItems": "center",
922
- "flexDirection": "row",
923
- "justifyContent": "center",
924
- "paddingVertical": 1,
925
- },
926
- {},
927
- ]
1086
+ {
1087
+ "flex": 1,
1088
+ }
928
1089
  }
929
1090
  >
930
1091
  <View
931
1092
  collapsable={false}
932
1093
  style={
933
- {
934
- "transform": [
935
- {
936
- "scale": 1,
937
- },
938
- ],
939
- }
1094
+ [
1095
+ {
1096
+ "alignItems": "center",
1097
+ "flexDirection": "row",
1098
+ "justifyContent": "center",
1099
+ },
1100
+ {},
1101
+ ]
940
1102
  }
941
1103
  >
942
1104
  <View
943
1105
  collapsable={false}
944
- size={12}
945
1106
  style={
946
- [
947
- {
948
- "backgroundColor": "#795e90",
949
- "borderRadius": 8,
950
- "height": 12,
951
- "marginBottom": 4,
952
- "marginHorizontal": 8,
953
- "marginTop": 4,
954
- "width": 12,
955
- },
956
- {},
957
- ]
958
- }
959
- themeVariant="text-primary"
960
- />
961
- </View>
962
- <View
963
- collapsable={false}
964
- style={
965
- {
966
- "transform": [
967
- {
968
- "scale": 1,
969
- },
970
- ],
1107
+ {
1108
+ "transform": [
1109
+ {
1110
+ "scale": 1,
1111
+ },
1112
+ ],
1113
+ }
971
1114
  }
972
- }
973
- >
1115
+ >
1116
+ <View
1117
+ collapsable={false}
1118
+ size={12}
1119
+ style={
1120
+ [
1121
+ {
1122
+ "backgroundColor": "#795e90",
1123
+ "borderRadius": 8,
1124
+ "height": 12,
1125
+ "marginHorizontal": 8,
1126
+ "width": 12,
1127
+ },
1128
+ {},
1129
+ ]
1130
+ }
1131
+ themeVariant="text-primary"
1132
+ />
1133
+ </View>
974
1134
  <View
975
1135
  collapsable={false}
976
- size={12}
977
1136
  style={
978
- [
979
- {
980
- "backgroundColor": "#795e90",
981
- "borderRadius": 8,
982
- "height": 12,
983
- "marginBottom": 4,
984
- "marginHorizontal": 8,
985
- "marginTop": 4,
986
- "width": 12,
987
- },
988
- {},
989
- ]
1137
+ {
1138
+ "transform": [
1139
+ {
1140
+ "scale": 1,
1141
+ },
1142
+ ],
1143
+ }
990
1144
  }
991
- themeVariant="text-primary"
992
- />
993
- </View>
994
- <View
995
- collapsable={false}
996
- style={
997
- {
998
- "transform": [
999
- {
1000
- "scale": 1,
1001
- },
1002
- ],
1003
- }
1004
- }
1005
- >
1145
+ >
1146
+ <View
1147
+ collapsable={false}
1148
+ size={12}
1149
+ style={
1150
+ [
1151
+ {
1152
+ "backgroundColor": "#795e90",
1153
+ "borderRadius": 8,
1154
+ "height": 12,
1155
+ "marginHorizontal": 8,
1156
+ "width": 12,
1157
+ },
1158
+ {},
1159
+ ]
1160
+ }
1161
+ themeVariant="text-primary"
1162
+ />
1163
+ </View>
1006
1164
  <View
1007
1165
  collapsable={false}
1008
- size={12}
1009
1166
  style={
1010
- [
1011
- {
1012
- "backgroundColor": "#795e90",
1013
- "borderRadius": 8,
1014
- "height": 12,
1015
- "marginBottom": 4,
1016
- "marginHorizontal": 8,
1017
- "marginTop": 4,
1018
- "width": 12,
1019
- },
1020
- {},
1021
- ]
1167
+ {
1168
+ "transform": [
1169
+ {
1170
+ "scale": 1,
1171
+ },
1172
+ ],
1173
+ }
1022
1174
  }
1023
- themeVariant="text-primary"
1024
- />
1175
+ >
1176
+ <View
1177
+ collapsable={false}
1178
+ size={12}
1179
+ style={
1180
+ [
1181
+ {
1182
+ "backgroundColor": "#795e90",
1183
+ "borderRadius": 8,
1184
+ "height": 12,
1185
+ "marginHorizontal": 8,
1186
+ "width": 12,
1187
+ },
1188
+ {},
1189
+ ]
1190
+ }
1191
+ themeVariant="text-primary"
1192
+ />
1193
+ </View>
1025
1194
  </View>
1195
+ <View
1196
+ pointerEvents="box-none"
1197
+ position="bottom"
1198
+ style={
1199
+ [
1200
+ {
1201
+ "bottom": 0,
1202
+ "elevation": 9999,
1203
+ "flexDirection": "column-reverse",
1204
+ "left": 0,
1205
+ "paddingHorizontal": 24,
1206
+ "paddingVertical": 16,
1207
+ "position": "absolute",
1208
+ "right": 0,
1209
+ "top": 0,
1210
+ },
1211
+ undefined,
1212
+ ]
1213
+ }
1214
+ />
1026
1215
  </View>
1027
1216
  `;
1028
1217
 
1029
1218
  exports[`LoadingIndicator renders correctly when themeVariant is text-secondary 1`] = `
1030
1219
  <View
1031
- collapsable={false}
1032
1220
  style={
1033
- [
1034
- {
1035
- "alignItems": "center",
1036
- "flexDirection": "row",
1037
- "justifyContent": "center",
1038
- "paddingVertical": 1,
1039
- },
1040
- {},
1041
- ]
1221
+ {
1222
+ "flex": 1,
1223
+ }
1042
1224
  }
1043
1225
  >
1044
1226
  <View
1045
1227
  collapsable={false}
1046
1228
  style={
1047
- {
1048
- "transform": [
1049
- {
1050
- "scale": 1,
1051
- },
1052
- ],
1053
- }
1229
+ [
1230
+ {
1231
+ "alignItems": "center",
1232
+ "flexDirection": "row",
1233
+ "justifyContent": "center",
1234
+ },
1235
+ {},
1236
+ ]
1054
1237
  }
1055
1238
  >
1056
1239
  <View
1057
1240
  collapsable={false}
1058
- size={12}
1059
1241
  style={
1060
- [
1061
- {
1062
- "backgroundColor": "#795e90",
1063
- "borderRadius": 8,
1064
- "height": 12,
1065
- "marginBottom": 4,
1066
- "marginHorizontal": 8,
1067
- "marginTop": 4,
1068
- "width": 12,
1069
- },
1070
- {},
1071
- ]
1242
+ {
1243
+ "transform": [
1244
+ {
1245
+ "scale": 1,
1246
+ },
1247
+ ],
1248
+ }
1072
1249
  }
1073
- themeVariant="text-secondary"
1074
- />
1075
- </View>
1076
- <View
1077
- collapsable={false}
1078
- style={
1079
- {
1080
- "transform": [
1081
- {
1082
- "scale": 1,
1083
- },
1084
- ],
1085
- }
1086
- }
1087
- >
1250
+ >
1251
+ <View
1252
+ collapsable={false}
1253
+ size={12}
1254
+ style={
1255
+ [
1256
+ {
1257
+ "backgroundColor": "#795e90",
1258
+ "borderRadius": 8,
1259
+ "height": 12,
1260
+ "marginHorizontal": 8,
1261
+ "width": 12,
1262
+ },
1263
+ {},
1264
+ ]
1265
+ }
1266
+ themeVariant="text-secondary"
1267
+ />
1268
+ </View>
1088
1269
  <View
1089
1270
  collapsable={false}
1090
- size={12}
1091
1271
  style={
1092
- [
1093
- {
1094
- "backgroundColor": "#795e90",
1095
- "borderRadius": 8,
1096
- "height": 12,
1097
- "marginBottom": 4,
1098
- "marginHorizontal": 8,
1099
- "marginTop": 4,
1100
- "width": 12,
1101
- },
1102
- {},
1103
- ]
1104
- }
1105
- themeVariant="text-secondary"
1106
- />
1107
- </View>
1108
- <View
1109
- collapsable={false}
1110
- style={
1111
- {
1112
- "transform": [
1113
- {
1114
- "scale": 1,
1115
- },
1116
- ],
1272
+ {
1273
+ "transform": [
1274
+ {
1275
+ "scale": 1,
1276
+ },
1277
+ ],
1278
+ }
1117
1279
  }
1118
- }
1119
- >
1280
+ >
1281
+ <View
1282
+ collapsable={false}
1283
+ size={12}
1284
+ style={
1285
+ [
1286
+ {
1287
+ "backgroundColor": "#795e90",
1288
+ "borderRadius": 8,
1289
+ "height": 12,
1290
+ "marginHorizontal": 8,
1291
+ "width": 12,
1292
+ },
1293
+ {},
1294
+ ]
1295
+ }
1296
+ themeVariant="text-secondary"
1297
+ />
1298
+ </View>
1120
1299
  <View
1121
1300
  collapsable={false}
1122
- size={12}
1123
1301
  style={
1124
- [
1125
- {
1126
- "backgroundColor": "#795e90",
1127
- "borderRadius": 8,
1128
- "height": 12,
1129
- "marginBottom": 4,
1130
- "marginHorizontal": 8,
1131
- "marginTop": 4,
1132
- "width": 12,
1133
- },
1134
- {},
1135
- ]
1302
+ {
1303
+ "transform": [
1304
+ {
1305
+ "scale": 1,
1306
+ },
1307
+ ],
1308
+ }
1136
1309
  }
1137
- themeVariant="text-secondary"
1138
- />
1310
+ >
1311
+ <View
1312
+ collapsable={false}
1313
+ size={12}
1314
+ style={
1315
+ [
1316
+ {
1317
+ "backgroundColor": "#795e90",
1318
+ "borderRadius": 8,
1319
+ "height": 12,
1320
+ "marginHorizontal": 8,
1321
+ "width": 12,
1322
+ },
1323
+ {},
1324
+ ]
1325
+ }
1326
+ themeVariant="text-secondary"
1327
+ />
1328
+ </View>
1139
1329
  </View>
1330
+ <View
1331
+ pointerEvents="box-none"
1332
+ position="bottom"
1333
+ style={
1334
+ [
1335
+ {
1336
+ "bottom": 0,
1337
+ "elevation": 9999,
1338
+ "flexDirection": "column-reverse",
1339
+ "left": 0,
1340
+ "paddingHorizontal": 24,
1341
+ "paddingVertical": 16,
1342
+ "position": "absolute",
1343
+ "right": 0,
1344
+ "top": 0,
1345
+ },
1346
+ undefined,
1347
+ ]
1348
+ }
1349
+ />
1140
1350
  </View>
1141
1351
  `;