@hero-design/rn 8.60.0 → 8.61.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.
@@ -1,6 +1,6 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
- exports[`rendering renders correctly when checked 1`] = `
3
+ exports[`rendering renders correctly when checked with inactiveIntent=dark 1`] = `
4
4
  <View
5
5
  style={
6
6
  {
@@ -34,14 +34,17 @@ exports[`rendering renders correctly when checked 1`] = `
34
34
  style={
35
35
  [
36
36
  {
37
- "alignItems": "center",
38
37
  "backgroundColor": "#ece8ef",
39
- "borderRadius": 4,
38
+ "borderRadius": 8,
40
39
  "flexDirection": "row",
41
- "opacity": 1,
42
40
  "padding": 16,
43
41
  },
44
- undefined,
42
+ [
43
+ {
44
+ "backgroundColor": "#ece8ef",
45
+ },
46
+ undefined,
47
+ ],
45
48
  ]
46
49
  }
47
50
  >
@@ -50,37 +53,175 @@ exports[`rendering renders correctly when checked 1`] = `
50
53
  [
51
54
  {
52
55
  "flex": 1,
56
+ "flexDirection": "column",
57
+ "flexGrow": 2,
53
58
  },
54
59
  undefined,
55
60
  ]
56
61
  }
57
62
  >
58
- <Text
59
- allowFontScaling={false}
63
+ <View
60
64
  style={
61
- [
62
- {
63
- "color": "#001f23",
64
- "fontFamily": "BeVietnamPro-Regular",
65
- "fontSize": 16,
66
- "letterSpacing": 0.48,
67
- "lineHeight": 24,
68
- },
69
- undefined,
70
- ]
65
+ {
66
+ "alignItems": "center",
67
+ "flexDirection": "row",
68
+ }
71
69
  }
72
- themeIntent="body"
73
- themeTypeface="neutral"
74
- themeVariant="regular"
75
70
  >
76
- Option A
77
- </Text>
71
+ <View
72
+ style={
73
+ [
74
+ {
75
+ "flex": 1,
76
+ },
77
+ undefined,
78
+ ]
79
+ }
80
+ >
81
+ <Text
82
+ allowFontScaling={false}
83
+ style={
84
+ [
85
+ {
86
+ "color": "#001f23",
87
+ "fontFamily": "BeVietnamPro-Regular",
88
+ "fontSize": 16,
89
+ "letterSpacing": 0.48,
90
+ "lineHeight": 24,
91
+ },
92
+ undefined,
93
+ ]
94
+ }
95
+ themeIntent="body"
96
+ themeTypeface="neutral"
97
+ themeVariant="regular"
98
+ >
99
+ Option A
100
+ </Text>
101
+ </View>
102
+ <View
103
+ style={
104
+ [
105
+ {
106
+ "marginLeft": 8,
107
+ },
108
+ undefined,
109
+ ]
110
+ }
111
+ >
112
+ <View
113
+ style={
114
+ [
115
+ {
116
+ "alignItems": "center",
117
+ "borderColor": "#401960",
118
+ "borderRadius": 999,
119
+ "borderWidth": 2,
120
+ "height": 20,
121
+ "justifyContent": "center",
122
+ "width": 20,
123
+ },
124
+ undefined,
125
+ ]
126
+ }
127
+ >
128
+ <View
129
+ style={
130
+ [
131
+ {
132
+ "backgroundColor": "#401960",
133
+ "borderRadius": 999,
134
+ "height": 10,
135
+ "width": 10,
136
+ },
137
+ undefined,
138
+ ]
139
+ }
140
+ testID="Option A-selected-circle"
141
+ />
142
+ </View>
143
+ </View>
144
+ </View>
78
145
  </View>
146
+ </View>
147
+ <View
148
+ pointerEvents="box-none"
149
+ position="bottom"
150
+ style={
151
+ [
152
+ {
153
+ "bottom": 0,
154
+ "elevation": 9999,
155
+ "flexDirection": "column-reverse",
156
+ "left": 0,
157
+ "paddingHorizontal": 24,
158
+ "paddingVertical": 16,
159
+ "position": "absolute",
160
+ "right": 0,
161
+ "top": 0,
162
+ },
163
+ undefined,
164
+ ]
165
+ }
166
+ />
167
+ </View>
168
+ `;
169
+
170
+ exports[`rendering renders correctly when checked with inactiveIntent=light 1`] = `
171
+ <View
172
+ style={
173
+ {
174
+ "flex": 1,
175
+ }
176
+ }
177
+ >
178
+ <View
179
+ accessibilityState={
180
+ {
181
+ "disabled": false,
182
+ }
183
+ }
184
+ accessibilityValue={
185
+ {
186
+ "max": undefined,
187
+ "min": undefined,
188
+ "now": undefined,
189
+ "text": undefined,
190
+ }
191
+ }
192
+ accessible={true}
193
+ focusable={true}
194
+ onClick={[Function]}
195
+ onResponderGrant={[Function]}
196
+ onResponderMove={[Function]}
197
+ onResponderRelease={[Function]}
198
+ onResponderTerminate={[Function]}
199
+ onResponderTerminationRequest={[Function]}
200
+ onStartShouldSetResponder={[Function]}
201
+ style={
202
+ [
203
+ {
204
+ "backgroundColor": "#ece8ef",
205
+ "borderRadius": 8,
206
+ "flexDirection": "row",
207
+ "padding": 16,
208
+ },
209
+ [
210
+ {
211
+ "backgroundColor": "#ece8ef",
212
+ },
213
+ undefined,
214
+ ],
215
+ ]
216
+ }
217
+ >
79
218
  <View
80
219
  style={
81
220
  [
82
221
  {
83
- "marginLeft": 8,
222
+ "flex": 1,
223
+ "flexDirection": "column",
224
+ "flexGrow": 2,
84
225
  },
85
226
  undefined,
86
227
  ]
@@ -88,34 +229,85 @@ exports[`rendering renders correctly when checked 1`] = `
88
229
  >
89
230
  <View
90
231
  style={
91
- [
92
- {
93
- "alignItems": "center",
94
- "borderColor": "#001f23",
95
- "borderRadius": 999,
96
- "borderWidth": 2,
97
- "height": 20,
98
- "justifyContent": "center",
99
- "width": 20,
100
- },
101
- undefined,
102
- ]
232
+ {
233
+ "alignItems": "center",
234
+ "flexDirection": "row",
235
+ }
103
236
  }
104
237
  >
105
238
  <View
106
239
  style={
107
240
  [
108
241
  {
109
- "backgroundColor": "#001f23",
110
- "borderRadius": 999,
111
- "height": 10,
112
- "width": 10,
242
+ "flex": 1,
113
243
  },
114
244
  undefined,
115
245
  ]
116
246
  }
117
- testID="Option A-selected-circle"
118
- />
247
+ >
248
+ <Text
249
+ allowFontScaling={false}
250
+ style={
251
+ [
252
+ {
253
+ "color": "#001f23",
254
+ "fontFamily": "BeVietnamPro-Regular",
255
+ "fontSize": 16,
256
+ "letterSpacing": 0.48,
257
+ "lineHeight": 24,
258
+ },
259
+ undefined,
260
+ ]
261
+ }
262
+ themeIntent="body"
263
+ themeTypeface="neutral"
264
+ themeVariant="regular"
265
+ >
266
+ Option A
267
+ </Text>
268
+ </View>
269
+ <View
270
+ style={
271
+ [
272
+ {
273
+ "marginLeft": 8,
274
+ },
275
+ undefined,
276
+ ]
277
+ }
278
+ >
279
+ <View
280
+ style={
281
+ [
282
+ {
283
+ "alignItems": "center",
284
+ "borderColor": "#401960",
285
+ "borderRadius": 999,
286
+ "borderWidth": 2,
287
+ "height": 20,
288
+ "justifyContent": "center",
289
+ "width": 20,
290
+ },
291
+ undefined,
292
+ ]
293
+ }
294
+ >
295
+ <View
296
+ style={
297
+ [
298
+ {
299
+ "backgroundColor": "#401960",
300
+ "borderRadius": 999,
301
+ "height": 10,
302
+ "width": 10,
303
+ },
304
+ undefined,
305
+ ]
306
+ }
307
+ testID="Option A-selected-circle"
308
+ />
309
+ </View>
310
+ </View>
119
311
  </View>
120
312
  </View>
121
313
  </View>
@@ -142,7 +334,7 @@ exports[`rendering renders correctly when checked 1`] = `
142
334
  </View>
143
335
  `;
144
336
 
145
- exports[`rendering renders correctly when not checked 1`] = `
337
+ exports[`rendering renders correctly when not checked with inactiveIntent=dark 1`] = `
146
338
  <View
147
339
  style={
148
340
  {
@@ -176,14 +368,17 @@ exports[`rendering renders correctly when not checked 1`] = `
176
368
  style={
177
369
  [
178
370
  {
179
- "alignItems": "center",
180
371
  "backgroundColor": "#ffffff",
181
- "borderRadius": 4,
372
+ "borderRadius": 8,
182
373
  "flexDirection": "row",
183
- "opacity": 1,
184
374
  "padding": 16,
185
375
  },
186
- undefined,
376
+ [
377
+ {
378
+ "backgroundColor": "#f6f6f7",
379
+ },
380
+ undefined,
381
+ ],
187
382
  ]
188
383
  }
189
384
  >
@@ -192,37 +387,160 @@ exports[`rendering renders correctly when not checked 1`] = `
192
387
  [
193
388
  {
194
389
  "flex": 1,
390
+ "flexDirection": "column",
391
+ "flexGrow": 2,
195
392
  },
196
393
  undefined,
197
394
  ]
198
395
  }
199
396
  >
200
- <Text
201
- allowFontScaling={false}
397
+ <View
202
398
  style={
203
- [
204
- {
205
- "color": "#001f23",
206
- "fontFamily": "BeVietnamPro-Regular",
207
- "fontSize": 16,
208
- "letterSpacing": 0.48,
209
- "lineHeight": 24,
210
- },
211
- undefined,
212
- ]
399
+ {
400
+ "alignItems": "center",
401
+ "flexDirection": "row",
402
+ }
213
403
  }
214
- themeIntent="body"
215
- themeTypeface="neutral"
216
- themeVariant="regular"
217
404
  >
218
- Option A
219
- </Text>
405
+ <View
406
+ style={
407
+ [
408
+ {
409
+ "flex": 1,
410
+ },
411
+ undefined,
412
+ ]
413
+ }
414
+ >
415
+ <Text
416
+ allowFontScaling={false}
417
+ style={
418
+ [
419
+ {
420
+ "color": "#001f23",
421
+ "fontFamily": "BeVietnamPro-Regular",
422
+ "fontSize": 16,
423
+ "letterSpacing": 0.48,
424
+ "lineHeight": 24,
425
+ },
426
+ undefined,
427
+ ]
428
+ }
429
+ themeIntent="body"
430
+ themeTypeface="neutral"
431
+ themeVariant="regular"
432
+ >
433
+ Option A
434
+ </Text>
435
+ </View>
436
+ <View
437
+ style={
438
+ [
439
+ {
440
+ "marginLeft": 8,
441
+ },
442
+ undefined,
443
+ ]
444
+ }
445
+ >
446
+ <View
447
+ style={
448
+ [
449
+ {
450
+ "alignItems": "center",
451
+ "borderColor": "#401960",
452
+ "borderRadius": 999,
453
+ "borderWidth": 2,
454
+ "height": 20,
455
+ "justifyContent": "center",
456
+ "width": 20,
457
+ },
458
+ undefined,
459
+ ]
460
+ }
461
+ />
462
+ </View>
463
+ </View>
220
464
  </View>
465
+ </View>
466
+ <View
467
+ pointerEvents="box-none"
468
+ position="bottom"
469
+ style={
470
+ [
471
+ {
472
+ "bottom": 0,
473
+ "elevation": 9999,
474
+ "flexDirection": "column-reverse",
475
+ "left": 0,
476
+ "paddingHorizontal": 24,
477
+ "paddingVertical": 16,
478
+ "position": "absolute",
479
+ "right": 0,
480
+ "top": 0,
481
+ },
482
+ undefined,
483
+ ]
484
+ }
485
+ />
486
+ </View>
487
+ `;
488
+
489
+ exports[`rendering renders correctly when not checked with inactiveIntent=light 1`] = `
490
+ <View
491
+ style={
492
+ {
493
+ "flex": 1,
494
+ }
495
+ }
496
+ >
497
+ <View
498
+ accessibilityState={
499
+ {
500
+ "disabled": false,
501
+ }
502
+ }
503
+ accessibilityValue={
504
+ {
505
+ "max": undefined,
506
+ "min": undefined,
507
+ "now": undefined,
508
+ "text": undefined,
509
+ }
510
+ }
511
+ accessible={true}
512
+ focusable={true}
513
+ onClick={[Function]}
514
+ onResponderGrant={[Function]}
515
+ onResponderMove={[Function]}
516
+ onResponderRelease={[Function]}
517
+ onResponderTerminate={[Function]}
518
+ onResponderTerminationRequest={[Function]}
519
+ onStartShouldSetResponder={[Function]}
520
+ style={
521
+ [
522
+ {
523
+ "backgroundColor": "#ffffff",
524
+ "borderRadius": 8,
525
+ "flexDirection": "row",
526
+ "padding": 16,
527
+ },
528
+ [
529
+ {
530
+ "backgroundColor": "#ffffff",
531
+ },
532
+ undefined,
533
+ ],
534
+ ]
535
+ }
536
+ >
221
537
  <View
222
538
  style={
223
539
  [
224
540
  {
225
- "marginLeft": 8,
541
+ "flex": 1,
542
+ "flexDirection": "column",
543
+ "flexGrow": 2,
226
544
  },
227
545
  undefined,
228
546
  ]
@@ -230,20 +548,71 @@ exports[`rendering renders correctly when not checked 1`] = `
230
548
  >
231
549
  <View
232
550
  style={
233
- [
234
- {
235
- "alignItems": "center",
236
- "borderColor": "#001f23",
237
- "borderRadius": 999,
238
- "borderWidth": 2,
239
- "height": 20,
240
- "justifyContent": "center",
241
- "width": 20,
242
- },
243
- undefined,
244
- ]
551
+ {
552
+ "alignItems": "center",
553
+ "flexDirection": "row",
554
+ }
245
555
  }
246
- />
556
+ >
557
+ <View
558
+ style={
559
+ [
560
+ {
561
+ "flex": 1,
562
+ },
563
+ undefined,
564
+ ]
565
+ }
566
+ >
567
+ <Text
568
+ allowFontScaling={false}
569
+ style={
570
+ [
571
+ {
572
+ "color": "#001f23",
573
+ "fontFamily": "BeVietnamPro-Regular",
574
+ "fontSize": 16,
575
+ "letterSpacing": 0.48,
576
+ "lineHeight": 24,
577
+ },
578
+ undefined,
579
+ ]
580
+ }
581
+ themeIntent="body"
582
+ themeTypeface="neutral"
583
+ themeVariant="regular"
584
+ >
585
+ Option A
586
+ </Text>
587
+ </View>
588
+ <View
589
+ style={
590
+ [
591
+ {
592
+ "marginLeft": 8,
593
+ },
594
+ undefined,
595
+ ]
596
+ }
597
+ >
598
+ <View
599
+ style={
600
+ [
601
+ {
602
+ "alignItems": "center",
603
+ "borderColor": "#401960",
604
+ "borderRadius": 999,
605
+ "borderWidth": 2,
606
+ "height": 20,
607
+ "justifyContent": "center",
608
+ "width": 20,
609
+ },
610
+ undefined,
611
+ ]
612
+ }
613
+ />
614
+ </View>
615
+ </View>
247
616
  </View>
248
617
  </View>
249
618
  <View