@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.
- package/.eslintrc.json +0 -6
- package/.expo/packager-info.json +1 -1
- package/babel.config.js +0 -14
- package/es/index.js +2787 -8941
- package/jest-setup.ts +0 -1
- package/jest.config.js +2 -4
- package/lib/index.js +2822 -8956
- package/package.json +5 -7
- package/playground/components/BottomNavigation.tsx +14 -11
- package/playground/components/Button.tsx +67 -0
- package/playground/components/Card.tsx +141 -107
- package/playground/components/Tabs.tsx +44 -0
- package/playground/index.tsx +13 -7
- package/src/components/Badge/StyledBadge.tsx +19 -21
- package/src/components/Badge/__tests__/Badge.spec.tsx +9 -18
- package/src/components/Badge/__tests__/__snapshots__/Badge.spec.tsx.snap +76 -96
- package/src/components/Badge/index.tsx +1 -1
- package/src/components/BottomNavigation/StyledBottomNavigation.tsx +44 -42
- package/src/components/BottomNavigation/__tests__/__snapshots__/{BottomNavigation.spec.tsx.snap → index.spec.tsx.snap} +130 -96
- package/src/components/BottomNavigation/__tests__/{BottomNavigation.spec.tsx → index.spec.tsx} +4 -4
- package/src/components/BottomNavigation/index.tsx +28 -32
- package/src/components/Button/IconButton.tsx +62 -0
- package/src/components/Button/__tests__/__snapshots__/index.spec.tsx.snap +46 -0
- package/src/components/Button/__tests__/index.spec.tsx +23 -0
- package/src/components/Button/index.tsx +5 -0
- package/src/components/Card/StyledCard.tsx +6 -6
- package/src/components/Card/__tests__/StyledCard.spec.tsx +2 -7
- package/src/components/Card/__tests__/__snapshots__/StyledCard.spec.tsx.snap +8 -11
- package/src/components/Card/__tests__/__snapshots__/{Card.spec.tsx.snap → index.spec.tsx.snap} +2 -8
- package/src/components/Card/__tests__/index.spec.tsx +35 -0
- package/src/components/Divider/StyledDivider.tsx +18 -60
- package/src/components/Divider/__tests__/StyledDivider.spec.tsx +5 -10
- package/src/components/Divider/__tests__/__snapshots__/StyledDivider.spec.tsx.snap +106 -70
- package/src/components/Divider/index.tsx +1 -1
- package/src/components/FAB/ActionGroup/ActionItem.tsx +2 -4
- package/src/components/FAB/ActionGroup/StyledActionGroup.tsx +36 -37
- package/src/components/FAB/ActionGroup/StyledActionItem.tsx +26 -24
- package/src/components/FAB/ActionGroup/__tests__/__snapshots__/index.spec.tsx.snap +271 -245
- package/src/components/FAB/ActionGroup/__tests__/index.spec.tsx +29 -33
- package/src/components/FAB/ActionGroup/index.tsx +1 -5
- package/src/components/FAB/AnimatedFABIcon.tsx +1 -1
- package/src/components/FAB/FAB.tsx +5 -9
- package/src/components/FAB/StyledFAB.tsx +22 -0
- package/src/components/FAB/__tests__/AnimatedFABIcon.spec.tsx +3 -6
- package/src/components/FAB/__tests__/StyledFAB.spec.tsx +24 -0
- package/src/components/FAB/__tests__/__snapshots__/AnimatedFABIcon.spec.tsx.snap +14 -10
- package/src/components/FAB/__tests__/__snapshots__/StyledFAB.spec.tsx.snap +72 -0
- package/src/components/FAB/__tests__/__snapshots__/index.spec.tsx.snap +16 -17
- package/src/components/FAB/__tests__/index.spec.tsx +21 -26
- package/src/components/Icon/HeroIcon/index.tsx +5 -7
- package/src/components/Icon/__tests__/__snapshots__/{Icon.spec.tsx.snap → index.spec.tsx.snap} +21 -12
- package/src/components/Icon/__tests__/index.spec.tsx +25 -0
- package/src/components/Icon/index.tsx +1 -1
- package/src/components/Tabs/StyledTabs.tsx +70 -0
- package/src/components/Tabs/__tests__/__snapshots__/index.spec.tsx.snap +321 -0
- package/src/components/Tabs/__tests__/index.spec.tsx +79 -0
- package/src/components/Tabs/index.tsx +185 -0
- package/src/components/Typography/Text/StyledText.tsx +19 -64
- package/src/components/Typography/Text/__tests__/__snapshots__/StyledText.spec.tsx.snap +90 -63
- package/src/emotion.d.ts +6 -0
- package/src/index.ts +9 -3
- package/src/testHelpers/renderWithTheme.tsx +2 -1
- package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +70 -48
- package/src/theme/components/badge.ts +10 -9
- package/src/theme/components/bottomNavigation.ts +7 -3
- package/src/theme/components/card.ts +2 -2
- package/src/theme/components/divider.ts +6 -6
- package/src/theme/components/fab.ts +19 -17
- package/src/theme/components/tabs.ts +20 -0
- package/src/theme/components/typography.ts +4 -4
- package/src/theme/global/borders.ts +8 -2
- package/src/theme/global/colors.ts +3 -1
- package/src/theme/global/index.ts +31 -17
- package/src/theme/global/scale.ts +18 -0
- package/src/theme/global/space.ts +23 -13
- package/src/theme/global/typography.ts +71 -27
- package/src/theme/index.ts +29 -13
- package/src/types.ts +7 -0
- package/src/utils/__tests__/scale.spec.ts +3 -3
- package/testUtils/setup.ts +11 -0
- package/tsconfig.json +1 -5
- package/types/playground/components/BottomNavigation.d.ts +2 -2
- package/types/playground/components/Button.d.ts +2 -0
- package/types/playground/components/Tabs.d.ts +2 -0
- package/types/src/components/Badge/StyledBadge.d.ts +16 -5
- package/types/src/components/Badge/index.d.ts +1 -1
- package/types/src/components/BottomNavigation/StyledBottomNavigation.d.ts +44 -9
- package/types/src/components/{Typography/Text/__test__ → BottomNavigation/__tests__}/index.spec.d.ts +0 -0
- package/types/src/components/BottomNavigation/index.d.ts +19 -14
- package/types/src/components/Button/IconButton.d.ts +34 -0
- package/types/{theme → src/components/Button}/__tests__/index.spec.d.ts +0 -0
- package/types/src/components/Button/index.d.ts +4 -0
- package/types/src/components/Card/StyledCard.d.ts +7 -1
- package/types/{components/Card/__tests__/Card.spec.d.ts → src/components/Card/__tests__/index.spec.d.ts} +0 -0
- package/types/src/components/Divider/StyledDivider.d.ts +8 -2
- package/types/src/components/Divider/index.d.ts +1 -1
- package/types/src/components/FAB/ActionGroup/StyledActionGroup.d.ts +25 -7
- package/types/src/components/FAB/ActionGroup/StyledActionItem.d.ts +11 -2
- package/types/src/components/FAB/ActionGroup/index.d.ts +1 -1
- package/types/src/components/FAB/FAB.d.ts +4 -4
- package/types/src/components/FAB/StyledFAB.d.ts +14 -0
- package/types/{components/Card/__tests__/StyledCard.spec.d.ts → src/components/FAB/__tests__/StyledFAB.spec.d.ts} +0 -0
- package/types/src/components/Icon/HeroIcon/index.d.ts +8 -2
- package/types/{components/Divider/__tests__/StyledDivider.spec.d.ts → src/components/Icon/__tests__/index.spec.d.ts} +0 -0
- package/types/src/components/Icon/index.d.ts +1 -1
- package/types/src/components/Icon/utils.d.ts +1 -1
- package/types/src/components/Tabs/StyledTabs.d.ts +55 -0
- package/types/{components/ExampleComponent/__tests__/StyledView.spec.d.ts → src/components/Tabs/__tests__/index.spec.d.ts} +0 -0
- package/types/src/components/Tabs/index.d.ts +45 -0
- package/types/src/components/Typography/Text/StyledText.d.ts +8 -2
- package/types/src/index.d.ts +6 -3
- package/types/src/theme/components/badge.d.ts +8 -7
- package/types/src/theme/components/bottomNavigation.d.ts +8 -2
- package/types/src/theme/components/card.d.ts +2 -2
- package/types/src/theme/components/divider.d.ts +6 -6
- package/types/src/theme/components/fab.d.ts +19 -17
- package/types/src/theme/components/tabs.d.ts +15 -0
- package/types/src/theme/components/typography.d.ts +4 -4
- package/types/src/theme/global/borders.d.ts +4 -3
- package/types/src/theme/global/colors.d.ts +2 -2
- package/types/src/theme/global/index.d.ts +10 -45
- package/types/src/theme/global/scale.d.ts +8 -0
- package/types/src/theme/global/space.d.ts +8 -7
- package/types/src/theme/global/typography.d.ts +9 -16
- package/types/src/theme/index.d.ts +4 -2
- package/types/src/types.d.ts +5 -0
- package/lib/assets/fonts/be-vietnam-pro-light.ttf +0 -0
- package/lib/assets/fonts/be-vietnam-pro-regular.ttf +0 -0
- package/lib/assets/fonts/be-vietnam-pro-semibold.ttf +0 -0
- package/src/components/Card/__tests__/Card.spec.tsx +0 -36
- package/src/components/FAB/StyledFABContainer.tsx +0 -14
- package/src/components/FAB/StyledFABIcon.tsx +0 -9
- package/src/components/FAB/__tests__/StyledFABContainer.spec.tsx +0 -18
- package/src/components/FAB/__tests__/StyledFABIcon.spec.tsx +0 -16
- package/src/components/FAB/__tests__/__snapshots__/StyledFABContainer.spec.tsx.snap +0 -46
- package/src/components/FAB/__tests__/__snapshots__/StyledFABIcon.spec.tsx.snap +0 -21
- package/src/components/Icon/__tests__/Icon.spec.tsx +0 -36
- package/src/styled-components.ts +0 -14
- package/src/styled.d.ts +0 -7
- package/types/components/Card/StyledCard.d.ts +0 -3
- package/types/components/Card/index.d.ts +0 -5
- package/types/components/Divider/StyledDivider.d.ts +0 -7
- package/types/components/Divider/index.d.ts +0 -12
- package/types/components/ExampleComponent/StyledView.d.ts +0 -7
- package/types/components/ExampleComponent/index.d.ts +0 -16
- package/types/index.d.ts +0 -5
- package/types/src/components/BottomNavigation/__tests__/BottomNavigation.spec.d.ts +0 -1
- package/types/src/components/Card/__tests__/Card.spec.d.ts +0 -1
- package/types/src/components/FAB/StyledFABContainer.d.ts +0 -3
- package/types/src/components/FAB/StyledFABIcon.d.ts +0 -3
- package/types/src/components/FAB/__tests__/StyledFABContainer.spec.d.ts +0 -1
- package/types/src/components/FAB/__tests__/StyledFABIcon.spec.d.ts +0 -1
- package/types/src/components/Icon/__tests__/Icon.spec.d.ts +0 -1
- package/types/src/components/Typography/Text/__test__/StyledText.spec.d.ts +0 -1
- package/types/src/styled-components.d.ts +0 -6
- package/types/styled-components.d.ts +0 -6
- package/types/theme/components/card.d.ts +0 -10
- package/types/theme/components/divider.d.ts +0 -17
- package/types/theme/components/exampleComponent.d.ts +0 -14
- package/types/theme/global/borders.d.ts +0 -4
- package/types/theme/global/colors.d.ts +0 -26
- package/types/theme/global/index.d.ts +0 -63
- package/types/theme/global/space.d.ts +0 -12
- package/types/theme/global/typography.d.ts +0 -21
- 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
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
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": "
|
|
60
|
+
"fontFamily": "BeVietnamPro-Regular",
|
|
58
61
|
"fontSize": 14,
|
|
59
62
|
"letterSpacing": 0.42,
|
|
60
63
|
"lineHeight": 22,
|
|
61
64
|
},
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
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
|
-
"
|
|
98
|
-
"borderBottomRightRadius": 999,
|
|
99
|
-
"borderTopLeftRadius": 999,
|
|
100
|
-
"borderTopRightRadius": 999,
|
|
103
|
+
"borderRadius": 999,
|
|
101
104
|
"flexDirection": "row",
|
|
102
|
-
"
|
|
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
|
-
|
|
120
|
-
|
|
121
|
-
|
|
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": "
|
|
136
|
+
"fontFamily": "BeVietnamPro-Regular",
|
|
133
137
|
"fontSize": 14,
|
|
134
138
|
"letterSpacing": 0.42,
|
|
135
139
|
"lineHeight": 22,
|
|
136
140
|
},
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
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
|
-
"
|
|
170
|
-
"borderBottomRightRadius": 999,
|
|
171
|
-
"borderTopLeftRadius": 999,
|
|
172
|
-
"borderTopRightRadius": 999,
|
|
176
|
+
"borderRadius": 999,
|
|
173
177
|
"flexDirection": "row",
|
|
174
|
-
"
|
|
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
|
-
|
|
192
|
-
|
|
193
|
-
|
|
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": "
|
|
209
|
+
"fontFamily": "BeVietnamPro-Regular",
|
|
205
210
|
"fontSize": 14,
|
|
206
211
|
"letterSpacing": 0.42,
|
|
207
212
|
"lineHeight": 22,
|
|
208
213
|
},
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
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
|
-
"
|
|
242
|
-
"borderBottomRightRadius": 999,
|
|
243
|
-
"borderTopLeftRadius": 999,
|
|
244
|
-
"borderTopRightRadius": 999,
|
|
249
|
+
"borderRadius": 999,
|
|
245
250
|
"flexDirection": "row",
|
|
246
|
-
"
|
|
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
|
-
|
|
264
|
-
|
|
265
|
-
|
|
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": "
|
|
282
|
+
"fontFamily": "BeVietnamPro-Regular",
|
|
277
283
|
"fontSize": 14,
|
|
278
284
|
"letterSpacing": 0.42,
|
|
279
285
|
"lineHeight": 22,
|
|
280
286
|
},
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
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
|
-
"
|
|
314
|
-
"borderBottomRightRadius": 999,
|
|
315
|
-
"borderTopLeftRadius": 999,
|
|
316
|
-
"borderTopRightRadius": 999,
|
|
322
|
+
"borderRadius": 999,
|
|
317
323
|
"flexDirection": "row",
|
|
318
|
-
"
|
|
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
|
-
|
|
336
|
-
|
|
337
|
-
|
|
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": "
|
|
355
|
+
"fontFamily": "BeVietnamPro-Regular",
|
|
349
356
|
"fontSize": 14,
|
|
350
357
|
"letterSpacing": 0.42,
|
|
351
358
|
"lineHeight": 22,
|
|
352
359
|
},
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
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
|
-
"
|
|
386
|
-
"borderBottomRightRadius": 999,
|
|
387
|
-
"borderTopLeftRadius": 999,
|
|
388
|
-
"borderTopRightRadius": 999,
|
|
395
|
+
"borderRadius": 999,
|
|
389
396
|
"flexDirection": "row",
|
|
390
|
-
"
|
|
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
|
-
|
|
408
|
-
|
|
409
|
-
|
|
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": "
|
|
428
|
+
"fontFamily": "BeVietnamPro-Regular",
|
|
421
429
|
"fontSize": 14,
|
|
422
430
|
"letterSpacing": 0.42,
|
|
423
431
|
"lineHeight": 22,
|
|
424
432
|
},
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
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
|
-
"
|
|
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
|
-
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
|
|
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
|
-
|
|
497
|
-
|
|
498
|
-
|
|
499
|
-
|
|
500
|
-
|
|
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
|
-
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
|
|
523
|
-
|
|
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.
|
|
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": "
|
|
582
|
+
"fontFamily": "BeVietnamPro-Regular",
|
|
567
583
|
"fontSize": 14,
|
|
568
584
|
"letterSpacing": 0.42,
|
|
569
585
|
"lineHeight": 22,
|
|
570
586
|
},
|
|
571
|
-
|
|
572
|
-
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
|
|
576
|
-
|
|
577
|
-
|
|
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
|
-
"
|
|
607
|
-
"borderBottomRightRadius": 999,
|
|
608
|
-
"borderTopLeftRadius": 999,
|
|
609
|
-
"borderTopRightRadius": 999,
|
|
625
|
+
"borderRadius": 999,
|
|
610
626
|
"flexDirection": "row",
|
|
611
|
-
"
|
|
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
|
-
|
|
629
|
-
|
|
630
|
-
|
|
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": "
|
|
658
|
+
"fontFamily": "BeVietnamPro-Regular",
|
|
642
659
|
"fontSize": 14,
|
|
643
660
|
"letterSpacing": 0.42,
|
|
644
661
|
"lineHeight": 22,
|
|
645
662
|
},
|
|
646
|
-
|
|
647
|
-
|
|
648
|
-
|
|
649
|
-
|
|
650
|
-
|
|
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
|
-
"
|
|
679
|
-
"borderBottomRightRadius": 999,
|
|
680
|
-
"borderTopLeftRadius": 999,
|
|
681
|
-
"borderTopRightRadius": 999,
|
|
698
|
+
"borderRadius": 999,
|
|
682
699
|
"flexDirection": "row",
|
|
683
|
-
"
|
|
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
|
-
|
|
701
|
-
|
|
702
|
-
|
|
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": "
|
|
731
|
+
"fontFamily": "BeVietnamPro-Regular",
|
|
714
732
|
"fontSize": 14,
|
|
715
733
|
"letterSpacing": 0.42,
|
|
716
734
|
"lineHeight": 22,
|
|
717
735
|
},
|
|
718
|
-
|
|
719
|
-
|
|
720
|
-
|
|
721
|
-
|
|
722
|
-
|
|
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
|
-
"
|
|
751
|
-
"borderBottomRightRadius": 999,
|
|
752
|
-
"borderTopLeftRadius": 999,
|
|
753
|
-
"borderTopRightRadius": 999,
|
|
771
|
+
"borderRadius": 999,
|
|
754
772
|
"flexDirection": "row",
|
|
755
|
-
"
|
|
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
|
-
|
|
773
|
-
|
|
774
|
-
|
|
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": "
|
|
804
|
+
"fontFamily": "BeVietnamPro-Regular",
|
|
786
805
|
"fontSize": 14,
|
|
787
806
|
"letterSpacing": 0.42,
|
|
788
807
|
"lineHeight": 22,
|
|
789
808
|
},
|
|
790
|
-
|
|
791
|
-
|
|
792
|
-
|
|
793
|
-
|
|
794
|
-
|
|
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
|
-
"
|
|
823
|
-
"borderBottomRightRadius": 999,
|
|
824
|
-
"borderTopLeftRadius": 999,
|
|
825
|
-
"borderTopRightRadius": 999,
|
|
844
|
+
"borderRadius": 999,
|
|
826
845
|
"flexDirection": "row",
|
|
827
|
-
"
|
|
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
|
-
|
|
845
|
-
|
|
846
|
-
|
|
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": "
|
|
877
|
+
"fontFamily": "BeVietnamPro-Regular",
|
|
858
878
|
"fontSize": 14,
|
|
859
879
|
"letterSpacing": 0.42,
|
|
860
880
|
"lineHeight": 22,
|
|
861
881
|
},
|
|
862
|
-
|
|
863
|
-
|
|
864
|
-
|
|
865
|
-
|
|
866
|
-
|
|
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
|
-
"
|
|
895
|
-
"borderBottomRightRadius": 999,
|
|
896
|
-
"borderTopLeftRadius": 999,
|
|
897
|
-
"borderTopRightRadius": 999,
|
|
917
|
+
"borderRadius": 999,
|
|
898
918
|
"flexDirection": "row",
|
|
899
|
-
"
|
|
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
|
-
|
|
917
|
-
|
|
918
|
-
|
|
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": "
|
|
950
|
+
"fontFamily": "BeVietnamPro-Regular",
|
|
930
951
|
"fontSize": 14,
|
|
931
952
|
"letterSpacing": 0.42,
|
|
932
953
|
"lineHeight": 22,
|
|
933
954
|
},
|
|
934
|
-
|
|
935
|
-
|
|
936
|
-
|
|
937
|
-
|
|
938
|
-
|
|
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
|
-
"
|
|
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
|
-
|
|
976
|
-
|
|
977
|
-
|
|
978
|
-
|
|
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
|
-
|
|
1006
|
-
|
|
1007
|
-
|
|
1008
|
-
|
|
1009
|
-
|
|
1029
|
+
Array [
|
|
1030
|
+
Object {
|
|
1031
|
+
"color": "#ffffff",
|
|
1032
|
+
"fontSize": 24,
|
|
1033
|
+
},
|
|
1034
|
+
Object {},
|
|
1035
|
+
],
|
|
1010
1036
|
]
|
|
1011
1037
|
}
|
|
1012
1038
|
testID="animated-fab-icon"
|