@hero-design/rn 7.1.3-alpha5 → 7.1.3-alpha8

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 (165) hide show
  1. package/.eslintrc.json +0 -6
  2. package/.expo/packager-info.json +1 -1
  3. package/babel.config.js +0 -14
  4. package/es/index.js +2787 -8941
  5. package/jest-setup.ts +0 -1
  6. package/jest.config.js +2 -4
  7. package/lib/index.js +2822 -8956
  8. package/package.json +5 -7
  9. package/playground/components/BottomNavigation.tsx +14 -11
  10. package/playground/components/Button.tsx +67 -0
  11. package/playground/components/Card.tsx +141 -107
  12. package/playground/components/Tabs.tsx +44 -0
  13. package/playground/index.tsx +13 -7
  14. package/src/components/Badge/StyledBadge.tsx +19 -21
  15. package/src/components/Badge/__tests__/Badge.spec.tsx +9 -18
  16. package/src/components/Badge/__tests__/__snapshots__/Badge.spec.tsx.snap +76 -96
  17. package/src/components/Badge/index.tsx +1 -1
  18. package/src/components/BottomNavigation/StyledBottomNavigation.tsx +44 -42
  19. package/src/components/BottomNavigation/__tests__/__snapshots__/{BottomNavigation.spec.tsx.snap → index.spec.tsx.snap} +130 -96
  20. package/src/components/BottomNavigation/__tests__/{BottomNavigation.spec.tsx → index.spec.tsx} +4 -4
  21. package/src/components/BottomNavigation/index.tsx +28 -32
  22. package/src/components/Button/IconButton.tsx +62 -0
  23. package/src/components/Button/__tests__/__snapshots__/index.spec.tsx.snap +46 -0
  24. package/src/components/Button/__tests__/index.spec.tsx +23 -0
  25. package/src/components/Button/index.tsx +5 -0
  26. package/src/components/Card/StyledCard.tsx +6 -6
  27. package/src/components/Card/__tests__/StyledCard.spec.tsx +2 -7
  28. package/src/components/Card/__tests__/__snapshots__/StyledCard.spec.tsx.snap +8 -11
  29. package/src/components/Card/__tests__/__snapshots__/{Card.spec.tsx.snap → index.spec.tsx.snap} +2 -8
  30. package/src/components/Card/__tests__/index.spec.tsx +35 -0
  31. package/src/components/Divider/StyledDivider.tsx +18 -60
  32. package/src/components/Divider/__tests__/StyledDivider.spec.tsx +5 -10
  33. package/src/components/Divider/__tests__/__snapshots__/StyledDivider.spec.tsx.snap +106 -70
  34. package/src/components/Divider/index.tsx +1 -1
  35. package/src/components/FAB/ActionGroup/ActionItem.tsx +2 -4
  36. package/src/components/FAB/ActionGroup/StyledActionGroup.tsx +36 -37
  37. package/src/components/FAB/ActionGroup/StyledActionItem.tsx +26 -24
  38. package/src/components/FAB/ActionGroup/__tests__/__snapshots__/index.spec.tsx.snap +271 -245
  39. package/src/components/FAB/ActionGroup/__tests__/index.spec.tsx +29 -33
  40. package/src/components/FAB/ActionGroup/index.tsx +1 -5
  41. package/src/components/FAB/AnimatedFABIcon.tsx +1 -1
  42. package/src/components/FAB/FAB.tsx +5 -9
  43. package/src/components/FAB/StyledFAB.tsx +22 -0
  44. package/src/components/FAB/__tests__/AnimatedFABIcon.spec.tsx +3 -6
  45. package/src/components/FAB/__tests__/StyledFAB.spec.tsx +24 -0
  46. package/src/components/FAB/__tests__/__snapshots__/AnimatedFABIcon.spec.tsx.snap +14 -10
  47. package/src/components/FAB/__tests__/__snapshots__/StyledFAB.spec.tsx.snap +72 -0
  48. package/src/components/FAB/__tests__/__snapshots__/index.spec.tsx.snap +16 -17
  49. package/src/components/FAB/__tests__/index.spec.tsx +21 -26
  50. package/src/components/Icon/HeroIcon/index.tsx +5 -7
  51. package/src/components/Icon/__tests__/__snapshots__/{Icon.spec.tsx.snap → index.spec.tsx.snap} +21 -12
  52. package/src/components/Icon/__tests__/index.spec.tsx +25 -0
  53. package/src/components/Icon/index.tsx +1 -1
  54. package/src/components/Tabs/StyledTabs.tsx +70 -0
  55. package/src/components/Tabs/__tests__/__snapshots__/index.spec.tsx.snap +321 -0
  56. package/src/components/Tabs/__tests__/index.spec.tsx +79 -0
  57. package/src/components/Tabs/index.tsx +185 -0
  58. package/src/components/Typography/Text/StyledText.tsx +19 -64
  59. package/src/components/Typography/Text/__tests__/__snapshots__/StyledText.spec.tsx.snap +90 -63
  60. package/src/emotion.d.ts +6 -0
  61. package/src/index.ts +9 -3
  62. package/src/testHelpers/renderWithTheme.tsx +2 -1
  63. package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +70 -48
  64. package/src/theme/components/badge.ts +10 -9
  65. package/src/theme/components/bottomNavigation.ts +7 -3
  66. package/src/theme/components/card.ts +2 -2
  67. package/src/theme/components/divider.ts +6 -6
  68. package/src/theme/components/fab.ts +19 -17
  69. package/src/theme/components/tabs.ts +20 -0
  70. package/src/theme/components/typography.ts +4 -4
  71. package/src/theme/global/borders.ts +8 -2
  72. package/src/theme/global/colors.ts +3 -1
  73. package/src/theme/global/index.ts +31 -17
  74. package/src/theme/global/scale.ts +18 -0
  75. package/src/theme/global/space.ts +23 -13
  76. package/src/theme/global/typography.ts +71 -27
  77. package/src/theme/index.ts +29 -13
  78. package/src/types.ts +7 -0
  79. package/src/utils/__tests__/scale.spec.ts +3 -3
  80. package/testUtils/setup.ts +11 -0
  81. package/tsconfig.json +1 -5
  82. package/types/playground/components/BottomNavigation.d.ts +2 -2
  83. package/types/playground/components/Button.d.ts +2 -0
  84. package/types/playground/components/Tabs.d.ts +2 -0
  85. package/types/src/components/Badge/StyledBadge.d.ts +16 -5
  86. package/types/src/components/Badge/index.d.ts +1 -1
  87. package/types/src/components/BottomNavigation/StyledBottomNavigation.d.ts +44 -9
  88. package/types/src/components/{Typography/Text/__test__ → BottomNavigation/__tests__}/index.spec.d.ts +0 -0
  89. package/types/src/components/BottomNavigation/index.d.ts +19 -14
  90. package/types/src/components/Button/IconButton.d.ts +34 -0
  91. package/types/{theme → src/components/Button}/__tests__/index.spec.d.ts +0 -0
  92. package/types/src/components/Button/index.d.ts +4 -0
  93. package/types/src/components/Card/StyledCard.d.ts +7 -1
  94. package/types/{components/Card/__tests__/Card.spec.d.ts → src/components/Card/__tests__/index.spec.d.ts} +0 -0
  95. package/types/src/components/Divider/StyledDivider.d.ts +8 -2
  96. package/types/src/components/Divider/index.d.ts +1 -1
  97. package/types/src/components/FAB/ActionGroup/StyledActionGroup.d.ts +25 -7
  98. package/types/src/components/FAB/ActionGroup/StyledActionItem.d.ts +11 -2
  99. package/types/src/components/FAB/ActionGroup/index.d.ts +1 -1
  100. package/types/src/components/FAB/FAB.d.ts +4 -4
  101. package/types/src/components/FAB/StyledFAB.d.ts +14 -0
  102. package/types/{components/Card/__tests__/StyledCard.spec.d.ts → src/components/FAB/__tests__/StyledFAB.spec.d.ts} +0 -0
  103. package/types/src/components/Icon/HeroIcon/index.d.ts +8 -2
  104. package/types/{components/Divider/__tests__/StyledDivider.spec.d.ts → src/components/Icon/__tests__/index.spec.d.ts} +0 -0
  105. package/types/src/components/Icon/index.d.ts +1 -1
  106. package/types/src/components/Icon/utils.d.ts +1 -1
  107. package/types/src/components/Tabs/StyledTabs.d.ts +55 -0
  108. package/types/{components/ExampleComponent/__tests__/StyledView.spec.d.ts → src/components/Tabs/__tests__/index.spec.d.ts} +0 -0
  109. package/types/src/components/Tabs/index.d.ts +45 -0
  110. package/types/src/components/Typography/Text/StyledText.d.ts +8 -2
  111. package/types/src/index.d.ts +6 -3
  112. package/types/src/theme/components/badge.d.ts +8 -7
  113. package/types/src/theme/components/bottomNavigation.d.ts +8 -2
  114. package/types/src/theme/components/card.d.ts +2 -2
  115. package/types/src/theme/components/divider.d.ts +6 -6
  116. package/types/src/theme/components/fab.d.ts +19 -17
  117. package/types/src/theme/components/tabs.d.ts +15 -0
  118. package/types/src/theme/components/typography.d.ts +4 -4
  119. package/types/src/theme/global/borders.d.ts +4 -3
  120. package/types/src/theme/global/colors.d.ts +2 -2
  121. package/types/src/theme/global/index.d.ts +10 -45
  122. package/types/src/theme/global/scale.d.ts +8 -0
  123. package/types/src/theme/global/space.d.ts +8 -7
  124. package/types/src/theme/global/typography.d.ts +9 -16
  125. package/types/src/theme/index.d.ts +4 -2
  126. package/types/src/types.d.ts +5 -0
  127. package/lib/assets/fonts/be-vietnam-pro-light.ttf +0 -0
  128. package/lib/assets/fonts/be-vietnam-pro-regular.ttf +0 -0
  129. package/lib/assets/fonts/be-vietnam-pro-semibold.ttf +0 -0
  130. package/src/components/Card/__tests__/Card.spec.tsx +0 -36
  131. package/src/components/FAB/StyledFABContainer.tsx +0 -14
  132. package/src/components/FAB/StyledFABIcon.tsx +0 -9
  133. package/src/components/FAB/__tests__/StyledFABContainer.spec.tsx +0 -18
  134. package/src/components/FAB/__tests__/StyledFABIcon.spec.tsx +0 -16
  135. package/src/components/FAB/__tests__/__snapshots__/StyledFABContainer.spec.tsx.snap +0 -46
  136. package/src/components/FAB/__tests__/__snapshots__/StyledFABIcon.spec.tsx.snap +0 -21
  137. package/src/components/Icon/__tests__/Icon.spec.tsx +0 -36
  138. package/src/styled-components.ts +0 -14
  139. package/src/styled.d.ts +0 -7
  140. package/types/components/Card/StyledCard.d.ts +0 -3
  141. package/types/components/Card/index.d.ts +0 -5
  142. package/types/components/Divider/StyledDivider.d.ts +0 -7
  143. package/types/components/Divider/index.d.ts +0 -12
  144. package/types/components/ExampleComponent/StyledView.d.ts +0 -7
  145. package/types/components/ExampleComponent/index.d.ts +0 -16
  146. package/types/index.d.ts +0 -5
  147. package/types/src/components/BottomNavigation/__tests__/BottomNavigation.spec.d.ts +0 -1
  148. package/types/src/components/Card/__tests__/Card.spec.d.ts +0 -1
  149. package/types/src/components/FAB/StyledFABContainer.d.ts +0 -3
  150. package/types/src/components/FAB/StyledFABIcon.d.ts +0 -3
  151. package/types/src/components/FAB/__tests__/StyledFABContainer.spec.d.ts +0 -1
  152. package/types/src/components/FAB/__tests__/StyledFABIcon.spec.d.ts +0 -1
  153. package/types/src/components/Icon/__tests__/Icon.spec.d.ts +0 -1
  154. package/types/src/components/Typography/Text/__test__/StyledText.spec.d.ts +0 -1
  155. package/types/src/styled-components.d.ts +0 -6
  156. package/types/styled-components.d.ts +0 -6
  157. package/types/theme/components/card.d.ts +0 -10
  158. package/types/theme/components/divider.d.ts +0 -17
  159. package/types/theme/components/exampleComponent.d.ts +0 -14
  160. package/types/theme/global/borders.d.ts +0 -4
  161. package/types/theme/global/colors.d.ts +0 -26
  162. package/types/theme/global/index.d.ts +0 -63
  163. package/types/theme/global/space.d.ts +0 -12
  164. package/types/theme/global/typography.d.ts +0 -21
  165. package/types/theme/index.d.ts +0 -13
@@ -4,15 +4,18 @@ exports[`ActionGroup has active false 1`] = `
4
4
  <View
5
5
  pointerEvents="box-none"
6
6
  style={
7
- Object {
8
- "alignItems": "flex-end",
9
- "bottom": 0,
10
- "justifyContent": "flex-end",
11
- "left": 0,
12
- "position": "absolute",
13
- "right": 0,
14
- "top": 0,
15
- }
7
+ Array [
8
+ Object {
9
+ "alignItems": "flex-end",
10
+ "bottom": 0,
11
+ "justifyContent": "flex-end",
12
+ "left": 0,
13
+ "position": "absolute",
14
+ "right": 0,
15
+ "top": 0,
16
+ },
17
+ undefined,
18
+ ]
16
19
  }
17
20
  >
18
21
  <View
@@ -54,19 +57,22 @@ exports[`ActionGroup has active false 1`] = `
54
57
  Array [
55
58
  Object {
56
59
  "color": "#292a2b",
57
- "fontFamily": "Be Vietnam Pro Regular",
60
+ "fontFamily": "BeVietnamPro-Regular",
58
61
  "fontSize": 14,
59
62
  "letterSpacing": 0.42,
60
63
  "lineHeight": 22,
61
64
  },
62
- Object {
63
- "fontFamily": "Be Vietnam Pro SemiBold",
64
- "fontSize": 24,
65
- "lineHeight": 32,
66
- "marginBottom": 24,
67
- "marginRight": 24,
68
- "textAlign": "right",
69
- },
65
+ Array [
66
+ Object {
67
+ "fontFamily": "BeVietnamPro-SemiBold",
68
+ "fontSize": 24,
69
+ "lineHeight": 32,
70
+ "marginBottom": 24,
71
+ "marginRight": 24,
72
+ "textAlign": "right",
73
+ },
74
+ undefined,
75
+ ],
70
76
  ]
71
77
  }
72
78
  testID="header-text"
@@ -94,15 +100,10 @@ exports[`ActionGroup has active false 1`] = `
94
100
  "alignItems": "center",
95
101
  "alignSelf": "flex-end",
96
102
  "backgroundColor": "#d1d9fe",
97
- "borderBottomLeftRadius": 999,
98
- "borderBottomRightRadius": 999,
99
- "borderTopLeftRadius": 999,
100
- "borderTopRightRadius": 999,
103
+ "borderRadius": 999,
101
104
  "flexDirection": "row",
102
- "marginBottom": 8,
103
- "marginLeft": 8,
105
+ "margin": 8,
104
106
  "marginRight": 24,
105
- "marginTop": 8,
106
107
  "opacity": 1,
107
108
  "overflow": "hidden",
108
109
  "paddingBottom": 8,
@@ -116,10 +117,13 @@ exports[`ActionGroup has active false 1`] = `
116
117
  <HeroIcon
117
118
  name="speaker"
118
119
  style={
119
- Object {
120
- "color": "#292a2b",
121
- "fontSize": 24,
122
- }
120
+ Array [
121
+ Object {
122
+ "color": "#292a2b",
123
+ "fontSize": 24,
124
+ },
125
+ undefined,
126
+ ]
123
127
  }
124
128
  themeIntent="text"
125
129
  themeSize="medium"
@@ -129,17 +133,20 @@ exports[`ActionGroup has active false 1`] = `
129
133
  Array [
130
134
  Object {
131
135
  "color": "#292a2b",
132
- "fontFamily": "Be Vietnam Pro Regular",
136
+ "fontFamily": "BeVietnamPro-Regular",
133
137
  "fontSize": 14,
134
138
  "letterSpacing": 0.42,
135
139
  "lineHeight": 22,
136
140
  },
137
- Object {
138
- "fontFamily": "Be Vietnam Pro Regular",
139
- "fontSize": 14,
140
- "lineHeight": 22,
141
- "paddingLeft": 8,
142
- },
141
+ Array [
142
+ Object {
143
+ "fontFamily": "BeVietnamPro-Regular",
144
+ "fontSize": 14,
145
+ "lineHeight": 22,
146
+ "paddingLeft": 8,
147
+ },
148
+ undefined,
149
+ ],
143
150
  ]
144
151
  }
145
152
  themeFontSize="medium"
@@ -166,15 +173,10 @@ exports[`ActionGroup has active false 1`] = `
166
173
  "alignItems": "center",
167
174
  "alignSelf": "flex-end",
168
175
  "backgroundColor": "#d1d9fe",
169
- "borderBottomLeftRadius": 999,
170
- "borderBottomRightRadius": 999,
171
- "borderTopLeftRadius": 999,
172
- "borderTopRightRadius": 999,
176
+ "borderRadius": 999,
173
177
  "flexDirection": "row",
174
- "marginBottom": 8,
175
- "marginLeft": 8,
178
+ "margin": 8,
176
179
  "marginRight": 24,
177
- "marginTop": 8,
178
180
  "opacity": 1,
179
181
  "overflow": "hidden",
180
182
  "paddingBottom": 8,
@@ -188,10 +190,13 @@ exports[`ActionGroup has active false 1`] = `
188
190
  <HeroIcon
189
191
  name="target"
190
192
  style={
191
- Object {
192
- "color": "#292a2b",
193
- "fontSize": 24,
194
- }
193
+ Array [
194
+ Object {
195
+ "color": "#292a2b",
196
+ "fontSize": 24,
197
+ },
198
+ undefined,
199
+ ]
195
200
  }
196
201
  themeIntent="text"
197
202
  themeSize="medium"
@@ -201,17 +206,20 @@ exports[`ActionGroup has active false 1`] = `
201
206
  Array [
202
207
  Object {
203
208
  "color": "#292a2b",
204
- "fontFamily": "Be Vietnam Pro Regular",
209
+ "fontFamily": "BeVietnamPro-Regular",
205
210
  "fontSize": 14,
206
211
  "letterSpacing": 0.42,
207
212
  "lineHeight": 22,
208
213
  },
209
- Object {
210
- "fontFamily": "Be Vietnam Pro Regular",
211
- "fontSize": 14,
212
- "lineHeight": 22,
213
- "paddingLeft": 8,
214
- },
214
+ Array [
215
+ Object {
216
+ "fontFamily": "BeVietnamPro-Regular",
217
+ "fontSize": 14,
218
+ "lineHeight": 22,
219
+ "paddingLeft": 8,
220
+ },
221
+ undefined,
222
+ ],
215
223
  ]
216
224
  }
217
225
  themeFontSize="medium"
@@ -238,15 +246,10 @@ exports[`ActionGroup has active false 1`] = `
238
246
  "alignItems": "center",
239
247
  "alignSelf": "flex-end",
240
248
  "backgroundColor": "#d1d9fe",
241
- "borderBottomLeftRadius": 999,
242
- "borderBottomRightRadius": 999,
243
- "borderTopLeftRadius": 999,
244
- "borderTopRightRadius": 999,
249
+ "borderRadius": 999,
245
250
  "flexDirection": "row",
246
- "marginBottom": 8,
247
- "marginLeft": 8,
251
+ "margin": 8,
248
252
  "marginRight": 24,
249
- "marginTop": 8,
250
253
  "opacity": 1,
251
254
  "overflow": "hidden",
252
255
  "paddingBottom": 8,
@@ -260,10 +263,13 @@ exports[`ActionGroup has active false 1`] = `
260
263
  <HeroIcon
261
264
  name="plane"
262
265
  style={
263
- Object {
264
- "color": "#292a2b",
265
- "fontSize": 24,
266
- }
266
+ Array [
267
+ Object {
268
+ "color": "#292a2b",
269
+ "fontSize": 24,
270
+ },
271
+ undefined,
272
+ ]
267
273
  }
268
274
  themeIntent="text"
269
275
  themeSize="medium"
@@ -273,17 +279,20 @@ exports[`ActionGroup has active false 1`] = `
273
279
  Array [
274
280
  Object {
275
281
  "color": "#292a2b",
276
- "fontFamily": "Be Vietnam Pro Regular",
282
+ "fontFamily": "BeVietnamPro-Regular",
277
283
  "fontSize": 14,
278
284
  "letterSpacing": 0.42,
279
285
  "lineHeight": 22,
280
286
  },
281
- Object {
282
- "fontFamily": "Be Vietnam Pro Regular",
283
- "fontSize": 14,
284
- "lineHeight": 22,
285
- "paddingLeft": 8,
286
- },
287
+ Array [
288
+ Object {
289
+ "fontFamily": "BeVietnamPro-Regular",
290
+ "fontSize": 14,
291
+ "lineHeight": 22,
292
+ "paddingLeft": 8,
293
+ },
294
+ undefined,
295
+ ],
287
296
  ]
288
297
  }
289
298
  themeFontSize="medium"
@@ -310,15 +319,10 @@ exports[`ActionGroup has active false 1`] = `
310
319
  "alignItems": "center",
311
320
  "alignSelf": "flex-end",
312
321
  "backgroundColor": "#d1d9fe",
313
- "borderBottomLeftRadius": 999,
314
- "borderBottomRightRadius": 999,
315
- "borderTopLeftRadius": 999,
316
- "borderTopRightRadius": 999,
322
+ "borderRadius": 999,
317
323
  "flexDirection": "row",
318
- "marginBottom": 8,
319
- "marginLeft": 8,
324
+ "margin": 8,
320
325
  "marginRight": 24,
321
- "marginTop": 8,
322
326
  "opacity": 1,
323
327
  "overflow": "hidden",
324
328
  "paddingBottom": 8,
@@ -332,10 +336,13 @@ exports[`ActionGroup has active false 1`] = `
332
336
  <HeroIcon
333
337
  name="health-bag"
334
338
  style={
335
- Object {
336
- "color": "#292a2b",
337
- "fontSize": 24,
338
- }
339
+ Array [
340
+ Object {
341
+ "color": "#292a2b",
342
+ "fontSize": 24,
343
+ },
344
+ undefined,
345
+ ]
339
346
  }
340
347
  themeIntent="text"
341
348
  themeSize="medium"
@@ -345,17 +352,20 @@ exports[`ActionGroup has active false 1`] = `
345
352
  Array [
346
353
  Object {
347
354
  "color": "#292a2b",
348
- "fontFamily": "Be Vietnam Pro Regular",
355
+ "fontFamily": "BeVietnamPro-Regular",
349
356
  "fontSize": 14,
350
357
  "letterSpacing": 0.42,
351
358
  "lineHeight": 22,
352
359
  },
353
- Object {
354
- "fontFamily": "Be Vietnam Pro Regular",
355
- "fontSize": 14,
356
- "lineHeight": 22,
357
- "paddingLeft": 8,
358
- },
360
+ Array [
361
+ Object {
362
+ "fontFamily": "BeVietnamPro-Regular",
363
+ "fontSize": 14,
364
+ "lineHeight": 22,
365
+ "paddingLeft": 8,
366
+ },
367
+ undefined,
368
+ ],
359
369
  ]
360
370
  }
361
371
  themeFontSize="medium"
@@ -382,15 +392,10 @@ exports[`ActionGroup has active false 1`] = `
382
392
  "alignItems": "center",
383
393
  "alignSelf": "flex-end",
384
394
  "backgroundColor": "#d1d9fe",
385
- "borderBottomLeftRadius": 999,
386
- "borderBottomRightRadius": 999,
387
- "borderTopLeftRadius": 999,
388
- "borderTopRightRadius": 999,
395
+ "borderRadius": 999,
389
396
  "flexDirection": "row",
390
- "marginBottom": 8,
391
- "marginLeft": 8,
397
+ "margin": 8,
392
398
  "marginRight": 24,
393
- "marginTop": 8,
394
399
  "opacity": 1,
395
400
  "overflow": "hidden",
396
401
  "paddingBottom": 8,
@@ -404,10 +409,13 @@ exports[`ActionGroup has active false 1`] = `
404
409
  <HeroIcon
405
410
  name="clock"
406
411
  style={
407
- Object {
408
- "color": "#292a2b",
409
- "fontSize": 24,
410
- }
412
+ Array [
413
+ Object {
414
+ "color": "#292a2b",
415
+ "fontSize": 24,
416
+ },
417
+ undefined,
418
+ ]
411
419
  }
412
420
  themeIntent="text"
413
421
  themeSize="medium"
@@ -417,17 +425,20 @@ exports[`ActionGroup has active false 1`] = `
417
425
  Array [
418
426
  Object {
419
427
  "color": "#292a2b",
420
- "fontFamily": "Be Vietnam Pro Regular",
428
+ "fontFamily": "BeVietnamPro-Regular",
421
429
  "fontSize": 14,
422
430
  "letterSpacing": 0.42,
423
431
  "lineHeight": 22,
424
432
  },
425
- Object {
426
- "fontFamily": "Be Vietnam Pro Regular",
427
- "fontSize": 14,
428
- "lineHeight": 22,
429
- "paddingLeft": 8,
430
- },
433
+ Array [
434
+ Object {
435
+ "fontFamily": "BeVietnamPro-Regular",
436
+ "fontSize": 14,
437
+ "lineHeight": 22,
438
+ "paddingLeft": 8,
439
+ },
440
+ undefined,
441
+ ],
431
442
  ]
432
443
  }
433
444
  themeFontSize="medium"
@@ -454,20 +465,20 @@ exports[`ActionGroup has active false 1`] = `
454
465
  Object {
455
466
  "alignItems": "center",
456
467
  "backgroundColor": "#292a2b",
457
- "borderBottomLeftRadius": 999,
458
- "borderBottomRightRadius": 999,
459
- "borderTopLeftRadius": 999,
460
- "borderTopRightRadius": 999,
468
+ "borderRadius": 999,
461
469
  "height": 64,
462
470
  "justifyContent": "center",
463
471
  "overflow": "hidden",
464
472
  "width": 64,
465
473
  },
466
- Object {
467
- "alignSelf": "flex-end",
468
- "marginRight": 24,
469
- "marginTop": 24,
470
- },
474
+ Array [
475
+ Object {
476
+ "alignSelf": "flex-end",
477
+ "marginRight": 24,
478
+ "marginTop": 24,
479
+ },
480
+ undefined,
481
+ ],
471
482
  ]
472
483
  }
473
484
  testID="fab"
@@ -493,11 +504,13 @@ exports[`ActionGroup has active false 1`] = `
493
504
  "color": "#292a2b",
494
505
  "fontSize": 24,
495
506
  },
496
- Object {
497
- "color": "#ffffff",
498
- "fontSize": 24,
499
- },
500
- Object {},
507
+ Array [
508
+ Object {
509
+ "color": "#ffffff",
510
+ "fontSize": 24,
511
+ },
512
+ Object {},
513
+ ],
501
514
  ]
502
515
  }
503
516
  testID="animated-fab-icon"
@@ -513,15 +526,18 @@ exports[`ActionGroup has active true 1`] = `
513
526
  <View
514
527
  pointerEvents="box-none"
515
528
  style={
516
- Object {
517
- "alignItems": "flex-end",
518
- "bottom": 0,
519
- "justifyContent": "flex-end",
520
- "left": 0,
521
- "position": "absolute",
522
- "right": 0,
523
- "top": 0,
524
- }
529
+ Array [
530
+ Object {
531
+ "alignItems": "flex-end",
532
+ "bottom": 0,
533
+ "justifyContent": "flex-end",
534
+ "left": 0,
535
+ "position": "absolute",
536
+ "right": 0,
537
+ "top": 0,
538
+ },
539
+ undefined,
540
+ ]
525
541
  }
526
542
  >
527
543
  <View
@@ -533,7 +549,7 @@ exports[`ActionGroup has active true 1`] = `
533
549
  "backgroundColor": "#ffffff",
534
550
  "bottom": 0,
535
551
  "left": 0,
536
- "opacity": 0.5,
552
+ "opacity": 0.9,
537
553
  "position": "absolute",
538
554
  "right": 0,
539
555
  "top": 0,
@@ -563,19 +579,22 @@ exports[`ActionGroup has active true 1`] = `
563
579
  Array [
564
580
  Object {
565
581
  "color": "#292a2b",
566
- "fontFamily": "Be Vietnam Pro Regular",
582
+ "fontFamily": "BeVietnamPro-Regular",
567
583
  "fontSize": 14,
568
584
  "letterSpacing": 0.42,
569
585
  "lineHeight": 22,
570
586
  },
571
- Object {
572
- "fontFamily": "Be Vietnam Pro SemiBold",
573
- "fontSize": 24,
574
- "lineHeight": 32,
575
- "marginBottom": 24,
576
- "marginRight": 24,
577
- "textAlign": "right",
578
- },
587
+ Array [
588
+ Object {
589
+ "fontFamily": "BeVietnamPro-SemiBold",
590
+ "fontSize": 24,
591
+ "lineHeight": 32,
592
+ "marginBottom": 24,
593
+ "marginRight": 24,
594
+ "textAlign": "right",
595
+ },
596
+ undefined,
597
+ ],
579
598
  ]
580
599
  }
581
600
  testID="header-text"
@@ -603,15 +622,10 @@ exports[`ActionGroup has active true 1`] = `
603
622
  "alignItems": "center",
604
623
  "alignSelf": "flex-end",
605
624
  "backgroundColor": "#d1d9fe",
606
- "borderBottomLeftRadius": 999,
607
- "borderBottomRightRadius": 999,
608
- "borderTopLeftRadius": 999,
609
- "borderTopRightRadius": 999,
625
+ "borderRadius": 999,
610
626
  "flexDirection": "row",
611
- "marginBottom": 8,
612
- "marginLeft": 8,
627
+ "margin": 8,
613
628
  "marginRight": 24,
614
- "marginTop": 8,
615
629
  "opacity": 1,
616
630
  "overflow": "hidden",
617
631
  "paddingBottom": 8,
@@ -625,10 +639,13 @@ exports[`ActionGroup has active true 1`] = `
625
639
  <HeroIcon
626
640
  name="speaker"
627
641
  style={
628
- Object {
629
- "color": "#292a2b",
630
- "fontSize": 24,
631
- }
642
+ Array [
643
+ Object {
644
+ "color": "#292a2b",
645
+ "fontSize": 24,
646
+ },
647
+ undefined,
648
+ ]
632
649
  }
633
650
  themeIntent="text"
634
651
  themeSize="medium"
@@ -638,17 +655,20 @@ exports[`ActionGroup has active true 1`] = `
638
655
  Array [
639
656
  Object {
640
657
  "color": "#292a2b",
641
- "fontFamily": "Be Vietnam Pro Regular",
658
+ "fontFamily": "BeVietnamPro-Regular",
642
659
  "fontSize": 14,
643
660
  "letterSpacing": 0.42,
644
661
  "lineHeight": 22,
645
662
  },
646
- Object {
647
- "fontFamily": "Be Vietnam Pro Regular",
648
- "fontSize": 14,
649
- "lineHeight": 22,
650
- "paddingLeft": 8,
651
- },
663
+ Array [
664
+ Object {
665
+ "fontFamily": "BeVietnamPro-Regular",
666
+ "fontSize": 14,
667
+ "lineHeight": 22,
668
+ "paddingLeft": 8,
669
+ },
670
+ undefined,
671
+ ],
652
672
  ]
653
673
  }
654
674
  themeFontSize="medium"
@@ -675,15 +695,10 @@ exports[`ActionGroup has active true 1`] = `
675
695
  "alignItems": "center",
676
696
  "alignSelf": "flex-end",
677
697
  "backgroundColor": "#d1d9fe",
678
- "borderBottomLeftRadius": 999,
679
- "borderBottomRightRadius": 999,
680
- "borderTopLeftRadius": 999,
681
- "borderTopRightRadius": 999,
698
+ "borderRadius": 999,
682
699
  "flexDirection": "row",
683
- "marginBottom": 8,
684
- "marginLeft": 8,
700
+ "margin": 8,
685
701
  "marginRight": 24,
686
- "marginTop": 8,
687
702
  "opacity": 1,
688
703
  "overflow": "hidden",
689
704
  "paddingBottom": 8,
@@ -697,10 +712,13 @@ exports[`ActionGroup has active true 1`] = `
697
712
  <HeroIcon
698
713
  name="target"
699
714
  style={
700
- Object {
701
- "color": "#292a2b",
702
- "fontSize": 24,
703
- }
715
+ Array [
716
+ Object {
717
+ "color": "#292a2b",
718
+ "fontSize": 24,
719
+ },
720
+ undefined,
721
+ ]
704
722
  }
705
723
  themeIntent="text"
706
724
  themeSize="medium"
@@ -710,17 +728,20 @@ exports[`ActionGroup has active true 1`] = `
710
728
  Array [
711
729
  Object {
712
730
  "color": "#292a2b",
713
- "fontFamily": "Be Vietnam Pro Regular",
731
+ "fontFamily": "BeVietnamPro-Regular",
714
732
  "fontSize": 14,
715
733
  "letterSpacing": 0.42,
716
734
  "lineHeight": 22,
717
735
  },
718
- Object {
719
- "fontFamily": "Be Vietnam Pro Regular",
720
- "fontSize": 14,
721
- "lineHeight": 22,
722
- "paddingLeft": 8,
723
- },
736
+ Array [
737
+ Object {
738
+ "fontFamily": "BeVietnamPro-Regular",
739
+ "fontSize": 14,
740
+ "lineHeight": 22,
741
+ "paddingLeft": 8,
742
+ },
743
+ undefined,
744
+ ],
724
745
  ]
725
746
  }
726
747
  themeFontSize="medium"
@@ -747,15 +768,10 @@ exports[`ActionGroup has active true 1`] = `
747
768
  "alignItems": "center",
748
769
  "alignSelf": "flex-end",
749
770
  "backgroundColor": "#d1d9fe",
750
- "borderBottomLeftRadius": 999,
751
- "borderBottomRightRadius": 999,
752
- "borderTopLeftRadius": 999,
753
- "borderTopRightRadius": 999,
771
+ "borderRadius": 999,
754
772
  "flexDirection": "row",
755
- "marginBottom": 8,
756
- "marginLeft": 8,
773
+ "margin": 8,
757
774
  "marginRight": 24,
758
- "marginTop": 8,
759
775
  "opacity": 1,
760
776
  "overflow": "hidden",
761
777
  "paddingBottom": 8,
@@ -769,10 +785,13 @@ exports[`ActionGroup has active true 1`] = `
769
785
  <HeroIcon
770
786
  name="plane"
771
787
  style={
772
- Object {
773
- "color": "#292a2b",
774
- "fontSize": 24,
775
- }
788
+ Array [
789
+ Object {
790
+ "color": "#292a2b",
791
+ "fontSize": 24,
792
+ },
793
+ undefined,
794
+ ]
776
795
  }
777
796
  themeIntent="text"
778
797
  themeSize="medium"
@@ -782,17 +801,20 @@ exports[`ActionGroup has active true 1`] = `
782
801
  Array [
783
802
  Object {
784
803
  "color": "#292a2b",
785
- "fontFamily": "Be Vietnam Pro Regular",
804
+ "fontFamily": "BeVietnamPro-Regular",
786
805
  "fontSize": 14,
787
806
  "letterSpacing": 0.42,
788
807
  "lineHeight": 22,
789
808
  },
790
- Object {
791
- "fontFamily": "Be Vietnam Pro Regular",
792
- "fontSize": 14,
793
- "lineHeight": 22,
794
- "paddingLeft": 8,
795
- },
809
+ Array [
810
+ Object {
811
+ "fontFamily": "BeVietnamPro-Regular",
812
+ "fontSize": 14,
813
+ "lineHeight": 22,
814
+ "paddingLeft": 8,
815
+ },
816
+ undefined,
817
+ ],
796
818
  ]
797
819
  }
798
820
  themeFontSize="medium"
@@ -819,15 +841,10 @@ exports[`ActionGroup has active true 1`] = `
819
841
  "alignItems": "center",
820
842
  "alignSelf": "flex-end",
821
843
  "backgroundColor": "#d1d9fe",
822
- "borderBottomLeftRadius": 999,
823
- "borderBottomRightRadius": 999,
824
- "borderTopLeftRadius": 999,
825
- "borderTopRightRadius": 999,
844
+ "borderRadius": 999,
826
845
  "flexDirection": "row",
827
- "marginBottom": 8,
828
- "marginLeft": 8,
846
+ "margin": 8,
829
847
  "marginRight": 24,
830
- "marginTop": 8,
831
848
  "opacity": 1,
832
849
  "overflow": "hidden",
833
850
  "paddingBottom": 8,
@@ -841,10 +858,13 @@ exports[`ActionGroup has active true 1`] = `
841
858
  <HeroIcon
842
859
  name="health-bag"
843
860
  style={
844
- Object {
845
- "color": "#292a2b",
846
- "fontSize": 24,
847
- }
861
+ Array [
862
+ Object {
863
+ "color": "#292a2b",
864
+ "fontSize": 24,
865
+ },
866
+ undefined,
867
+ ]
848
868
  }
849
869
  themeIntent="text"
850
870
  themeSize="medium"
@@ -854,17 +874,20 @@ exports[`ActionGroup has active true 1`] = `
854
874
  Array [
855
875
  Object {
856
876
  "color": "#292a2b",
857
- "fontFamily": "Be Vietnam Pro Regular",
877
+ "fontFamily": "BeVietnamPro-Regular",
858
878
  "fontSize": 14,
859
879
  "letterSpacing": 0.42,
860
880
  "lineHeight": 22,
861
881
  },
862
- Object {
863
- "fontFamily": "Be Vietnam Pro Regular",
864
- "fontSize": 14,
865
- "lineHeight": 22,
866
- "paddingLeft": 8,
867
- },
882
+ Array [
883
+ Object {
884
+ "fontFamily": "BeVietnamPro-Regular",
885
+ "fontSize": 14,
886
+ "lineHeight": 22,
887
+ "paddingLeft": 8,
888
+ },
889
+ undefined,
890
+ ],
868
891
  ]
869
892
  }
870
893
  themeFontSize="medium"
@@ -891,15 +914,10 @@ exports[`ActionGroup has active true 1`] = `
891
914
  "alignItems": "center",
892
915
  "alignSelf": "flex-end",
893
916
  "backgroundColor": "#d1d9fe",
894
- "borderBottomLeftRadius": 999,
895
- "borderBottomRightRadius": 999,
896
- "borderTopLeftRadius": 999,
897
- "borderTopRightRadius": 999,
917
+ "borderRadius": 999,
898
918
  "flexDirection": "row",
899
- "marginBottom": 8,
900
- "marginLeft": 8,
919
+ "margin": 8,
901
920
  "marginRight": 24,
902
- "marginTop": 8,
903
921
  "opacity": 1,
904
922
  "overflow": "hidden",
905
923
  "paddingBottom": 8,
@@ -913,10 +931,13 @@ exports[`ActionGroup has active true 1`] = `
913
931
  <HeroIcon
914
932
  name="clock"
915
933
  style={
916
- Object {
917
- "color": "#292a2b",
918
- "fontSize": 24,
919
- }
934
+ Array [
935
+ Object {
936
+ "color": "#292a2b",
937
+ "fontSize": 24,
938
+ },
939
+ undefined,
940
+ ]
920
941
  }
921
942
  themeIntent="text"
922
943
  themeSize="medium"
@@ -926,17 +947,20 @@ exports[`ActionGroup has active true 1`] = `
926
947
  Array [
927
948
  Object {
928
949
  "color": "#292a2b",
929
- "fontFamily": "Be Vietnam Pro Regular",
950
+ "fontFamily": "BeVietnamPro-Regular",
930
951
  "fontSize": 14,
931
952
  "letterSpacing": 0.42,
932
953
  "lineHeight": 22,
933
954
  },
934
- Object {
935
- "fontFamily": "Be Vietnam Pro Regular",
936
- "fontSize": 14,
937
- "lineHeight": 22,
938
- "paddingLeft": 8,
939
- },
955
+ Array [
956
+ Object {
957
+ "fontFamily": "BeVietnamPro-Regular",
958
+ "fontSize": 14,
959
+ "lineHeight": 22,
960
+ "paddingLeft": 8,
961
+ },
962
+ undefined,
963
+ ],
940
964
  ]
941
965
  }
942
966
  themeFontSize="medium"
@@ -963,20 +987,20 @@ exports[`ActionGroup has active true 1`] = `
963
987
  Object {
964
988
  "alignItems": "center",
965
989
  "backgroundColor": "#292a2b",
966
- "borderBottomLeftRadius": 999,
967
- "borderBottomRightRadius": 999,
968
- "borderTopLeftRadius": 999,
969
- "borderTopRightRadius": 999,
990
+ "borderRadius": 999,
970
991
  "height": 64,
971
992
  "justifyContent": "center",
972
993
  "overflow": "hidden",
973
994
  "width": 64,
974
995
  },
975
- Object {
976
- "alignSelf": "flex-end",
977
- "marginRight": 24,
978
- "marginTop": 24,
979
- },
996
+ Array [
997
+ Object {
998
+ "alignSelf": "flex-end",
999
+ "marginRight": 24,
1000
+ "marginTop": 24,
1001
+ },
1002
+ undefined,
1003
+ ],
980
1004
  ]
981
1005
  }
982
1006
  testID="fab"
@@ -1002,11 +1026,13 @@ exports[`ActionGroup has active true 1`] = `
1002
1026
  "color": "#292a2b",
1003
1027
  "fontSize": 24,
1004
1028
  },
1005
- Object {
1006
- "color": "#ffffff",
1007
- "fontSize": 24,
1008
- },
1009
- Object {},
1029
+ Array [
1030
+ Object {
1031
+ "color": "#ffffff",
1032
+ "fontSize": 24,
1033
+ },
1034
+ Object {},
1035
+ ],
1010
1036
  ]
1011
1037
  }
1012
1038
  testID="animated-fab-icon"