@hero-design/rn 8.42.0 → 8.42.2

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 (18) hide show
  1. package/.turbo/turbo-build.log +1 -1
  2. package/es/index.js +684 -684
  3. package/lib/index.js +683 -683
  4. package/package.json +7 -7
  5. package/src/components/BottomSheet/__tests__/__snapshots__/index.spec.tsx.snap +211 -197
  6. package/src/components/BottomSheet/index.tsx +1 -1
  7. package/src/components/Carousel/__tests__/index.spec.tsx +10 -8
  8. package/src/components/DatePicker/__tests__/__snapshots__/DatePicker.spec.tsx.snap +0 -12
  9. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerIOS.spec.tsx.snap +399 -416
  10. package/src/components/Error/__tests__/index.spec.tsx +6 -9
  11. package/src/components/RichTextEditor/__tests__/RichTextEditor.spec.tsx +10 -8
  12. package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap +451 -363
  13. package/src/components/Select/MultiSelect/__tests__/index.spec.tsx +10 -7
  14. package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap +419 -357
  15. package/src/components/Success/__tests__/index.spec.tsx +6 -9
  16. package/src/components/Tabs/__tests__/SceneView.spec.tsx +23 -19
  17. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap +399 -416
  18. package/src/testHelpers/renderWithTheme.tsx +7 -1
package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -223,11 +223,37 @@ exports[`rendering allows custom renderer 1`] = `
223
223
  </View>
224
224
  </View>
225
225
  </View>,
226
- <Modal
227
- hardwareAccelerated={false}
228
- onRequestClose={[Function]}
229
- transparent={true}
230
- visible={true}
226
+ <View
227
+ collapsable={false}
228
+ style={
229
+ {
230
+ "backgroundColor": "transparent",
231
+ "bottom": 0,
232
+ "left": 0,
233
+ "opacity": 0.4,
234
+ "position": "absolute",
235
+ "right": 0,
236
+ "top": 0,
237
+ }
238
+ }
239
+ />,
240
+ <View
241
+ collapsable={false}
242
+ style={
243
+ {
244
+ "bottom": 0,
245
+ "left": 0,
246
+ "opacity": 1,
247
+ "position": "absolute",
248
+ "right": 0,
249
+ "top": 0,
250
+ "transform": [
251
+ {
252
+ "translateY": 0,
253
+ },
254
+ ],
255
+ }
256
+ }
231
257
  >
232
258
  <View
233
259
  pointerEvents="box-none"
@@ -1386,42 +1412,55 @@ exports[`rendering allows custom renderer 1`] = `
1386
1412
  </RCTSafeAreaView>
1387
1413
  </View>
1388
1414
  </View>
1389
- </Modal>,
1415
+ </View>,
1390
1416
  ]
1391
1417
  `;
1392
1418
 
1393
1419
  exports[`rendering renders correctly when bottom sheet is NOT visible 1`] = `
1394
- [
1420
+ <View
1421
+ pointerEvents="auto"
1422
+ >
1395
1423
  <View
1396
- pointerEvents="auto"
1424
+ accessible={true}
1425
+ collapsable={false}
1426
+ focusable={true}
1427
+ onClick={[Function]}
1428
+ onResponderGrant={[Function]}
1429
+ onResponderMove={[Function]}
1430
+ onResponderRelease={[Function]}
1431
+ onResponderTerminate={[Function]}
1432
+ onResponderTerminationRequest={[Function]}
1433
+ onStartShouldSetResponder={[Function]}
1434
+ style={
1435
+ {
1436
+ "opacity": 1,
1437
+ }
1438
+ }
1397
1439
  >
1398
1440
  <View
1399
- accessible={true}
1400
- collapsable={false}
1401
- focusable={true}
1402
- onClick={[Function]}
1403
- onResponderGrant={[Function]}
1404
- onResponderMove={[Function]}
1405
- onResponderRelease={[Function]}
1406
- onResponderTerminate={[Function]}
1407
- onResponderTerminationRequest={[Function]}
1408
- onStartShouldSetResponder={[Function]}
1409
- style={
1410
- {
1411
- "opacity": 1,
1412
- }
1413
- }
1441
+ pointerEvents="none"
1414
1442
  >
1415
1443
  <View
1416
- pointerEvents="none"
1444
+ pointerEvents="auto"
1445
+ style={
1446
+ [
1447
+ {
1448
+ "marginTop": 8,
1449
+ "width": "100%",
1450
+ },
1451
+ undefined,
1452
+ ]
1453
+ }
1417
1454
  >
1418
1455
  <View
1419
- pointerEvents="auto"
1420
1456
  style={
1421
1457
  [
1422
1458
  {
1423
- "marginTop": 8,
1424
- "width": "100%",
1459
+ "alignItems": "center",
1460
+ "backgroundColor": "#ffffff",
1461
+ "borderRadius": 8,
1462
+ "flexDirection": "row",
1463
+ "padding": 16,
1425
1464
  },
1426
1465
  undefined,
1427
1466
  ]
@@ -1431,194 +1470,173 @@ exports[`rendering renders correctly when bottom sheet is NOT visible 1`] = `
1431
1470
  style={
1432
1471
  [
1433
1472
  {
1434
- "alignItems": "center",
1435
- "backgroundColor": "#ffffff",
1473
+ "borderColor": "#001f23",
1436
1474
  "borderRadius": 8,
1475
+ "borderWidth": 1,
1476
+ "bottom": 0,
1477
+ "left": 0,
1478
+ "position": "absolute",
1479
+ "right": 0,
1480
+ "top": 0,
1481
+ },
1482
+ [
1483
+ {
1484
+ "backgroundColor": "#ffffff",
1485
+ },
1486
+ undefined,
1487
+ ],
1488
+ ]
1489
+ }
1490
+ testID="text-input-border"
1491
+ themeFocused={false}
1492
+ themeState="filled"
1493
+ />
1494
+ <View
1495
+ pointerEvents="none"
1496
+ style={
1497
+ [
1498
+ {
1499
+ "backgroundColor": "#ffffff",
1437
1500
  "flexDirection": "row",
1438
- "padding": 16,
1501
+ "left": 16,
1502
+ "paddingHorizontal": 4,
1503
+ "position": "absolute",
1504
+ "top": -4,
1505
+ "zIndex": 1,
1506
+ },
1507
+ {
1508
+ "backgroundColor": "#ffffff",
1439
1509
  },
1440
- undefined,
1441
1510
  ]
1442
1511
  }
1512
+ testID="label-container"
1443
1513
  >
1444
- <View
1514
+ <Text
1515
+ allowFontScaling={false}
1445
1516
  style={
1446
1517
  [
1447
1518
  {
1448
- "borderColor": "#001f23",
1449
- "borderRadius": 8,
1450
- "borderWidth": 1,
1451
- "bottom": 0,
1452
- "left": 0,
1453
- "position": "absolute",
1454
- "right": 0,
1455
- "top": 0,
1519
+ "color": "#001f23",
1520
+ "fontFamily": "BeVietnamPro-Regular",
1521
+ "fontSize": 12,
1522
+ "letterSpacing": 0.48,
1523
+ "lineHeight": 16,
1456
1524
  },
1457
1525
  [
1526
+ {
1527
+ "color": "#001f23",
1528
+ "lineHeight": 12,
1529
+ },
1458
1530
  {
1459
1531
  "backgroundColor": "#ffffff",
1460
1532
  },
1461
- undefined,
1462
1533
  ],
1463
1534
  ]
1464
1535
  }
1465
- testID="text-input-border"
1466
- themeFocused={false}
1536
+ testID="input-label"
1537
+ themeFontWeight="regular"
1538
+ themeIntent="body"
1467
1539
  themeState="filled"
1468
- />
1469
- <View
1470
- pointerEvents="none"
1471
- style={
1472
- [
1473
- {
1474
- "backgroundColor": "#ffffff",
1475
- "flexDirection": "row",
1476
- "left": 16,
1477
- "paddingHorizontal": 4,
1478
- "position": "absolute",
1479
- "top": -4,
1480
- "zIndex": 1,
1481
- },
1482
- {
1483
- "backgroundColor": "#ffffff",
1484
- },
1485
- ]
1486
- }
1487
- testID="label-container"
1488
1540
  >
1489
- <Text
1490
- allowFontScaling={false}
1491
- style={
1492
- [
1493
- {
1494
- "color": "#001f23",
1495
- "fontFamily": "BeVietnamPro-Regular",
1496
- "fontSize": 12,
1497
- "letterSpacing": 0.48,
1498
- "lineHeight": 16,
1499
- },
1500
- [
1501
- {
1502
- "color": "#001f23",
1503
- "lineHeight": 12,
1504
- },
1505
- {
1506
- "backgroundColor": "#ffffff",
1507
- },
1508
- ],
1509
- ]
1541
+ Allow notifications
1542
+ </Text>
1543
+ </View>
1544
+ <View
1545
+ style={
1546
+ [
1547
+ {
1548
+ "alignItems": "center",
1549
+ "alignSelf": "stretch",
1550
+ "flexDirection": "row",
1551
+ "flexGrow": 2,
1552
+ "flexShrink": 1,
1553
+ },
1554
+ undefined,
1555
+ ]
1556
+ }
1557
+ >
1558
+ <TextInput
1559
+ accessibilityState={
1560
+ {
1561
+ "disabled": false,
1510
1562
  }
1511
- testID="input-label"
1512
- themeFontWeight="regular"
1513
- themeIntent="body"
1514
- themeState="filled"
1515
- >
1516
- Allow notifications
1517
- </Text>
1518
- </View>
1519
- <View
1563
+ }
1564
+ allowFontScaling={false}
1565
+ editable={true}
1566
+ multiline={true}
1567
+ onBlur={[Function]}
1568
+ onChangeText={[Function]}
1569
+ onFocus={[Function]}
1570
+ placeholder=" "
1571
+ pointerEvents="none"
1520
1572
  style={
1521
1573
  [
1522
1574
  {
1523
- "alignItems": "center",
1524
1575
  "alignSelf": "stretch",
1525
- "flexDirection": "row",
1526
1576
  "flexGrow": 2,
1527
- "flexShrink": 1,
1577
+ "fontFamily": "BeVietnamPro-Regular",
1578
+ "fontSize": 16,
1579
+ "height": undefined,
1580
+ "marginHorizontal": 8,
1581
+ "maxHeight": 144,
1582
+ "paddingVertical": 0,
1583
+ "textAlignVertical": "center",
1528
1584
  },
1529
- undefined,
1530
- ]
1531
- }
1532
- >
1533
- <TextInput
1534
- accessibilityState={
1535
- {
1536
- "disabled": false,
1537
- }
1538
- }
1539
- allowFontScaling={false}
1540
- editable={true}
1541
- multiline={true}
1542
- onBlur={[Function]}
1543
- onChangeText={[Function]}
1544
- onFocus={[Function]}
1545
- placeholder=" "
1546
- pointerEvents="none"
1547
- style={
1548
- [
1549
- {
1550
- "alignSelf": "stretch",
1551
- "flexGrow": 2,
1552
- "fontFamily": "BeVietnamPro-Regular",
1553
- "fontSize": 16,
1554
- "height": undefined,
1555
- "marginHorizontal": 8,
1556
- "maxHeight": 144,
1557
- "paddingVertical": 0,
1558
- "textAlignVertical": "center",
1559
- },
1560
- {
1561
- "backgroundColor": "#ffffff",
1562
- "color": "#001f23",
1563
- },
1564
- ]
1565
- }
1566
- testID="text-input"
1567
- themeVariant="text"
1568
- value="Monday, Tuesday"
1569
- />
1570
- </View>
1571
- <HeroIcon
1572
- name="arrow-down"
1573
- style={
1574
- [
1575
1585
  {
1586
+ "backgroundColor": "#ffffff",
1576
1587
  "color": "#001f23",
1577
- "fontSize": 24,
1578
1588
  },
1579
- undefined,
1580
1589
  ]
1581
1590
  }
1582
- testID="input-suffix"
1583
- themeIntent="text"
1584
- themeSize="medium"
1591
+ testID="text-input"
1592
+ themeVariant="text"
1593
+ value="Monday, Tuesday"
1585
1594
  />
1586
1595
  </View>
1596
+ <HeroIcon
1597
+ name="arrow-down"
1598
+ style={
1599
+ [
1600
+ {
1601
+ "color": "#001f23",
1602
+ "fontSize": 24,
1603
+ },
1604
+ undefined,
1605
+ ]
1606
+ }
1607
+ testID="input-suffix"
1608
+ themeIntent="text"
1609
+ themeSize="medium"
1610
+ />
1611
+ </View>
1612
+ <View
1613
+ style={
1614
+ [
1615
+ {
1616
+ "minHeight": 16,
1617
+ "paddingLeft": 16,
1618
+ "paddingTop": 2,
1619
+ },
1620
+ undefined,
1621
+ ]
1622
+ }
1623
+ >
1587
1624
  <View
1588
1625
  style={
1589
1626
  [
1590
1627
  {
1591
- "minHeight": 16,
1592
- "paddingLeft": 16,
1593
- "paddingTop": 2,
1628
+ "flexDirection": "row",
1629
+ "justifyContent": "space-between",
1594
1630
  },
1595
1631
  undefined,
1596
1632
  ]
1597
1633
  }
1598
- >
1599
- <View
1600
- style={
1601
- [
1602
- {
1603
- "flexDirection": "row",
1604
- "justifyContent": "space-between",
1605
- },
1606
- undefined,
1607
- ]
1608
- }
1609
- />
1610
- </View>
1634
+ />
1611
1635
  </View>
1612
1636
  </View>
1613
1637
  </View>
1614
- </View>,
1615
- <Modal
1616
- hardwareAccelerated={false}
1617
- onRequestClose={[Function]}
1618
- transparent={true}
1619
- visible={false}
1620
- />,
1621
- ]
1638
+ </View>
1639
+ </View>
1622
1640
  `;
1623
1641
 
1624
1642
  exports[`rendering renders correctly when bottom sheet is visible 1`] = `
@@ -1843,11 +1861,37 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
1843
1861
  </View>
1844
1862
  </View>
1845
1863
  </View>,
1846
- <Modal
1847
- hardwareAccelerated={false}
1848
- onRequestClose={[Function]}
1849
- transparent={true}
1850
- visible={true}
1864
+ <View
1865
+ collapsable={false}
1866
+ style={
1867
+ {
1868
+ "backgroundColor": "transparent",
1869
+ "bottom": 0,
1870
+ "left": 0,
1871
+ "opacity": 0.4,
1872
+ "position": "absolute",
1873
+ "right": 0,
1874
+ "top": 0,
1875
+ }
1876
+ }
1877
+ />,
1878
+ <View
1879
+ collapsable={false}
1880
+ style={
1881
+ {
1882
+ "bottom": 0,
1883
+ "left": 0,
1884
+ "opacity": 1,
1885
+ "position": "absolute",
1886
+ "right": 0,
1887
+ "top": 0,
1888
+ "transform": [
1889
+ {
1890
+ "translateY": 0,
1891
+ },
1892
+ ],
1893
+ }
1894
+ }
1851
1895
  >
1852
1896
  <View
1853
1897
  pointerEvents="box-none"
@@ -3187,42 +3231,55 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
3187
3231
  </RCTSafeAreaView>
3188
3232
  </View>
3189
3233
  </View>
3190
- </Modal>,
3234
+ </View>,
3191
3235
  ]
3192
3236
  `;
3193
3237
 
3194
3238
  exports[`rendering renders correctly when input is loading 1`] = `
3195
- [
3239
+ <View
3240
+ pointerEvents="none"
3241
+ >
3196
3242
  <View
3197
- pointerEvents="none"
3243
+ accessible={true}
3244
+ collapsable={false}
3245
+ focusable={true}
3246
+ onClick={[Function]}
3247
+ onResponderGrant={[Function]}
3248
+ onResponderMove={[Function]}
3249
+ onResponderRelease={[Function]}
3250
+ onResponderTerminate={[Function]}
3251
+ onResponderTerminationRequest={[Function]}
3252
+ onStartShouldSetResponder={[Function]}
3253
+ style={
3254
+ {
3255
+ "opacity": 1,
3256
+ }
3257
+ }
3198
3258
  >
3199
3259
  <View
3200
- accessible={true}
3201
- collapsable={false}
3202
- focusable={true}
3203
- onClick={[Function]}
3204
- onResponderGrant={[Function]}
3205
- onResponderMove={[Function]}
3206
- onResponderRelease={[Function]}
3207
- onResponderTerminate={[Function]}
3208
- onResponderTerminationRequest={[Function]}
3209
- onStartShouldSetResponder={[Function]}
3210
- style={
3211
- {
3212
- "opacity": 1,
3213
- }
3214
- }
3260
+ pointerEvents="none"
3215
3261
  >
3216
3262
  <View
3217
3263
  pointerEvents="none"
3264
+ style={
3265
+ [
3266
+ {
3267
+ "marginTop": 8,
3268
+ "width": "100%",
3269
+ },
3270
+ undefined,
3271
+ ]
3272
+ }
3218
3273
  >
3219
3274
  <View
3220
- pointerEvents="none"
3221
3275
  style={
3222
3276
  [
3223
3277
  {
3224
- "marginTop": 8,
3225
- "width": "100%",
3278
+ "alignItems": "center",
3279
+ "backgroundColor": "#ffffff",
3280
+ "borderRadius": 8,
3281
+ "flexDirection": "row",
3282
+ "padding": 16,
3226
3283
  },
3227
3284
  undefined,
3228
3285
  ]
@@ -3232,207 +3289,186 @@ exports[`rendering renders correctly when input is loading 1`] = `
3232
3289
  style={
3233
3290
  [
3234
3291
  {
3235
- "alignItems": "center",
3236
- "backgroundColor": "#ffffff",
3292
+ "borderColor": "#808f91",
3237
3293
  "borderRadius": 8,
3294
+ "borderWidth": 1,
3295
+ "bottom": 0,
3296
+ "left": 0,
3297
+ "position": "absolute",
3298
+ "right": 0,
3299
+ "top": 0,
3300
+ },
3301
+ [
3302
+ {
3303
+ "backgroundColor": "#ffffff",
3304
+ },
3305
+ undefined,
3306
+ ],
3307
+ ]
3308
+ }
3309
+ testID="text-input-border"
3310
+ themeFocused={false}
3311
+ themeState="readonly"
3312
+ />
3313
+ <View
3314
+ pointerEvents="none"
3315
+ style={
3316
+ [
3317
+ {
3318
+ "backgroundColor": "#ffffff",
3238
3319
  "flexDirection": "row",
3239
- "padding": 16,
3320
+ "left": 16,
3321
+ "paddingHorizontal": 4,
3322
+ "position": "absolute",
3323
+ "top": -4,
3324
+ "zIndex": 1,
3325
+ },
3326
+ {
3327
+ "backgroundColor": "#ffffff",
3240
3328
  },
3241
- undefined,
3242
3329
  ]
3243
3330
  }
3331
+ testID="label-container"
3244
3332
  >
3245
- <View
3333
+ <Text
3334
+ allowFontScaling={false}
3246
3335
  style={
3247
3336
  [
3248
3337
  {
3249
- "borderColor": "#808f91",
3250
- "borderRadius": 8,
3251
- "borderWidth": 1,
3252
- "bottom": 0,
3253
- "left": 0,
3254
- "position": "absolute",
3255
- "right": 0,
3256
- "top": 0,
3338
+ "color": "#001f23",
3339
+ "fontFamily": "BeVietnamPro-Regular",
3340
+ "fontSize": 12,
3341
+ "letterSpacing": 0.48,
3342
+ "lineHeight": 16,
3257
3343
  },
3258
3344
  [
3345
+ {
3346
+ "color": "#808f91",
3347
+ "lineHeight": 12,
3348
+ },
3259
3349
  {
3260
3350
  "backgroundColor": "#ffffff",
3261
3351
  },
3262
- undefined,
3263
3352
  ],
3264
3353
  ]
3265
3354
  }
3266
- testID="text-input-border"
3267
- themeFocused={false}
3355
+ testID="input-label"
3356
+ themeFontWeight="regular"
3357
+ themeIntent="body"
3268
3358
  themeState="readonly"
3269
- />
3270
- <View
3359
+ >
3360
+ Allow notifications
3361
+ </Text>
3362
+ </View>
3363
+ <View
3364
+ style={
3365
+ [
3366
+ {
3367
+ "alignItems": "center",
3368
+ "alignSelf": "stretch",
3369
+ "flexDirection": "row",
3370
+ "flexGrow": 2,
3371
+ "flexShrink": 1,
3372
+ },
3373
+ undefined,
3374
+ ]
3375
+ }
3376
+ >
3377
+ <TextInput
3378
+ accessibilityState={
3379
+ {
3380
+ "disabled": true,
3381
+ }
3382
+ }
3383
+ allowFontScaling={false}
3384
+ editable={true}
3385
+ multiline={true}
3386
+ onBlur={[Function]}
3387
+ onChangeText={[Function]}
3388
+ onFocus={[Function]}
3389
+ placeholder=" "
3271
3390
  pointerEvents="none"
3272
3391
  style={
3273
3392
  [
3274
3393
  {
3275
- "backgroundColor": "#ffffff",
3276
- "flexDirection": "row",
3277
- "left": 16,
3278
- "paddingHorizontal": 4,
3279
- "position": "absolute",
3280
- "top": -4,
3281
- "zIndex": 1,
3394
+ "alignSelf": "stretch",
3395
+ "flexGrow": 2,
3396
+ "fontFamily": "BeVietnamPro-Regular",
3397
+ "fontSize": 16,
3398
+ "height": undefined,
3399
+ "marginHorizontal": 8,
3400
+ "maxHeight": 144,
3401
+ "paddingVertical": 0,
3402
+ "textAlignVertical": "center",
3282
3403
  },
3283
3404
  {
3284
3405
  "backgroundColor": "#ffffff",
3406
+ "color": "#001f23",
3285
3407
  },
3286
3408
  ]
3287
3409
  }
3288
- testID="label-container"
3289
- >
3290
- <Text
3291
- allowFontScaling={false}
3292
- style={
3293
- [
3294
- {
3295
- "color": "#001f23",
3296
- "fontFamily": "BeVietnamPro-Regular",
3297
- "fontSize": 12,
3298
- "letterSpacing": 0.48,
3299
- "lineHeight": 16,
3300
- },
3301
- [
3302
- {
3303
- "color": "#808f91",
3304
- "lineHeight": 12,
3305
- },
3306
- {
3307
- "backgroundColor": "#ffffff",
3308
- },
3309
- ],
3310
- ]
3311
- }
3312
- testID="input-label"
3313
- themeFontWeight="regular"
3314
- themeIntent="body"
3315
- themeState="readonly"
3316
- >
3317
- Allow notifications
3318
- </Text>
3319
- </View>
3320
- <View
3410
+ testID="text-input"
3411
+ themeVariant="text"
3412
+ value="Monday, Tuesday"
3413
+ />
3414
+ </View>
3415
+ <View
3416
+ collapsable={false}
3417
+ style={
3418
+ {
3419
+ "transform": [
3420
+ {
3421
+ "rotate": "0deg",
3422
+ },
3423
+ ],
3424
+ }
3425
+ }
3426
+ >
3427
+ <HeroIcon
3428
+ name="loading"
3321
3429
  style={
3322
3430
  [
3323
3431
  {
3324
- "alignItems": "center",
3325
- "alignSelf": "stretch",
3326
- "flexDirection": "row",
3327
- "flexGrow": 2,
3328
- "flexShrink": 1,
3432
+ "color": "#001f23",
3433
+ "fontSize": 24,
3329
3434
  },
3330
3435
  undefined,
3331
3436
  ]
3332
3437
  }
3333
- >
3334
- <TextInput
3335
- accessibilityState={
3336
- {
3337
- "disabled": true,
3338
- }
3339
- }
3340
- allowFontScaling={false}
3341
- editable={true}
3342
- multiline={true}
3343
- onBlur={[Function]}
3344
- onChangeText={[Function]}
3345
- onFocus={[Function]}
3346
- placeholder=" "
3347
- pointerEvents="none"
3348
- style={
3349
- [
3350
- {
3351
- "alignSelf": "stretch",
3352
- "flexGrow": 2,
3353
- "fontFamily": "BeVietnamPro-Regular",
3354
- "fontSize": 16,
3355
- "height": undefined,
3356
- "marginHorizontal": 8,
3357
- "maxHeight": 144,
3358
- "paddingVertical": 0,
3359
- "textAlignVertical": "center",
3360
- },
3361
- {
3362
- "backgroundColor": "#ffffff",
3363
- "color": "#001f23",
3364
- },
3365
- ]
3366
- }
3367
- testID="text-input"
3368
- themeVariant="text"
3369
- value="Monday, Tuesday"
3370
- />
3371
- </View>
3372
- <View
3373
- collapsable={false}
3374
- style={
3375
- {
3376
- "transform": [
3377
- {
3378
- "rotate": "0deg",
3379
- },
3380
- ],
3381
- }
3382
- }
3383
- >
3384
- <HeroIcon
3385
- name="loading"
3386
- style={
3387
- [
3388
- {
3389
- "color": "#001f23",
3390
- "fontSize": 24,
3391
- },
3392
- undefined,
3393
- ]
3394
- }
3395
- testID="input-suffix"
3396
- themeIntent="text"
3397
- themeSize="medium"
3398
- />
3399
- </View>
3438
+ testID="input-suffix"
3439
+ themeIntent="text"
3440
+ themeSize="medium"
3441
+ />
3400
3442
  </View>
3443
+ </View>
3444
+ <View
3445
+ style={
3446
+ [
3447
+ {
3448
+ "minHeight": 16,
3449
+ "paddingLeft": 16,
3450
+ "paddingTop": 2,
3451
+ },
3452
+ undefined,
3453
+ ]
3454
+ }
3455
+ >
3401
3456
  <View
3402
3457
  style={
3403
3458
  [
3404
3459
  {
3405
- "minHeight": 16,
3406
- "paddingLeft": 16,
3407
- "paddingTop": 2,
3460
+ "flexDirection": "row",
3461
+ "justifyContent": "space-between",
3408
3462
  },
3409
3463
  undefined,
3410
3464
  ]
3411
3465
  }
3412
- >
3413
- <View
3414
- style={
3415
- [
3416
- {
3417
- "flexDirection": "row",
3418
- "justifyContent": "space-between",
3419
- },
3420
- undefined,
3421
- ]
3422
- }
3423
- />
3424
- </View>
3466
+ />
3425
3467
  </View>
3426
3468
  </View>
3427
3469
  </View>
3428
- </View>,
3429
- <Modal
3430
- hardwareAccelerated={false}
3431
- onRequestClose={[Function]}
3432
- transparent={true}
3433
- visible={false}
3434
- />,
3435
- ]
3470
+ </View>
3471
+ </View>
3436
3472
  `;
3437
3473
 
3438
3474
  exports[`rendering renders correctly when receives sections 1`] = `
@@ -3657,11 +3693,37 @@ exports[`rendering renders correctly when receives sections 1`] = `
3657
3693
  </View>
3658
3694
  </View>
3659
3695
  </View>,
3660
- <Modal
3661
- hardwareAccelerated={false}
3662
- onRequestClose={[Function]}
3663
- transparent={true}
3664
- visible={true}
3696
+ <View
3697
+ collapsable={false}
3698
+ style={
3699
+ {
3700
+ "backgroundColor": "transparent",
3701
+ "bottom": 0,
3702
+ "left": 0,
3703
+ "opacity": 0.4,
3704
+ "position": "absolute",
3705
+ "right": 0,
3706
+ "top": 0,
3707
+ }
3708
+ }
3709
+ />,
3710
+ <View
3711
+ collapsable={false}
3712
+ style={
3713
+ {
3714
+ "bottom": 0,
3715
+ "left": 0,
3716
+ "opacity": 1,
3717
+ "position": "absolute",
3718
+ "right": 0,
3719
+ "top": 0,
3720
+ "transform": [
3721
+ {
3722
+ "translateY": 0,
3723
+ },
3724
+ ],
3725
+ }
3726
+ }
3665
3727
  >
3666
3728
  <View
3667
3729
  pointerEvents="box-none"
@@ -4615,7 +4677,7 @@ exports[`rendering renders correctly when receives sections 1`] = `
4615
4677
  </RCTSafeAreaView>
4616
4678
  </View>
4617
4679
  </View>
4618
- </Modal>,
4680
+ </View>,
4619
4681
  ]
4620
4682
  `;
4621
4683
 
@@ -4841,11 +4903,37 @@ exports[`rendering renders correctly when receives sections 2`] = `
4841
4903
  </View>
4842
4904
  </View>
4843
4905
  </View>,
4844
- <Modal
4845
- hardwareAccelerated={false}
4846
- onRequestClose={[Function]}
4847
- transparent={true}
4848
- visible={true}
4906
+ <View
4907
+ collapsable={false}
4908
+ style={
4909
+ {
4910
+ "backgroundColor": "transparent",
4911
+ "bottom": 0,
4912
+ "left": 0,
4913
+ "opacity": 0.4,
4914
+ "position": "absolute",
4915
+ "right": 0,
4916
+ "top": 0,
4917
+ }
4918
+ }
4919
+ />,
4920
+ <View
4921
+ collapsable={false}
4922
+ style={
4923
+ {
4924
+ "bottom": 0,
4925
+ "left": 0,
4926
+ "opacity": 1,
4927
+ "position": "absolute",
4928
+ "right": 0,
4929
+ "top": 0,
4930
+ "transform": [
4931
+ {
4932
+ "translateY": 0,
4933
+ },
4934
+ ],
4935
+ }
4936
+ }
4849
4937
  >
4850
4938
  <View
4851
4939
  pointerEvents="box-none"
@@ -5771,6 +5859,6 @@ exports[`rendering renders correctly when receives sections 2`] = `
5771
5859
  </RCTSafeAreaView>
5772
5860
  </View>
5773
5861
  </View>
5774
- </Modal>,
5862
+ </View>,
5775
5863
  ]
5776
5864
  `;