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