@hero-design/rn 8.42.0 → 8.42.1

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/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -222,11 +222,37 @@ exports[`rendering allows custom renderer 1`] = `
222
222
  </View>
223
223
  </View>
224
224
  </View>,
225
- <Modal
226
- hardwareAccelerated={false}
227
- onRequestClose={[Function]}
228
- transparent={true}
229
- visible={true}
225
+ <View
226
+ collapsable={false}
227
+ style={
228
+ {
229
+ "backgroundColor": "transparent",
230
+ "bottom": 0,
231
+ "left": 0,
232
+ "opacity": 0.4,
233
+ "position": "absolute",
234
+ "right": 0,
235
+ "top": 0,
236
+ }
237
+ }
238
+ />,
239
+ <View
240
+ collapsable={false}
241
+ style={
242
+ {
243
+ "bottom": 0,
244
+ "left": 0,
245
+ "opacity": 1,
246
+ "position": "absolute",
247
+ "right": 0,
248
+ "top": 0,
249
+ "transform": [
250
+ {
251
+ "translateY": 0,
252
+ },
253
+ ],
254
+ }
255
+ }
230
256
  >
231
257
  <View
232
258
  pointerEvents="box-none"
@@ -1310,42 +1336,55 @@ exports[`rendering allows custom renderer 1`] = `
1310
1336
  </RCTSafeAreaView>
1311
1337
  </View>
1312
1338
  </View>
1313
- </Modal>,
1339
+ </View>,
1314
1340
  ]
1315
1341
  `;
1316
1342
 
1317
1343
  exports[`rendering renders correctly when bottom sheet is NOT visible 1`] = `
1318
- [
1344
+ <View
1345
+ pointerEvents="auto"
1346
+ >
1319
1347
  <View
1320
- pointerEvents="auto"
1348
+ accessible={true}
1349
+ collapsable={false}
1350
+ focusable={true}
1351
+ onClick={[Function]}
1352
+ onResponderGrant={[Function]}
1353
+ onResponderMove={[Function]}
1354
+ onResponderRelease={[Function]}
1355
+ onResponderTerminate={[Function]}
1356
+ onResponderTerminationRequest={[Function]}
1357
+ onStartShouldSetResponder={[Function]}
1358
+ style={
1359
+ {
1360
+ "opacity": 1,
1361
+ }
1362
+ }
1321
1363
  >
1322
1364
  <View
1323
- accessible={true}
1324
- collapsable={false}
1325
- focusable={true}
1326
- onClick={[Function]}
1327
- onResponderGrant={[Function]}
1328
- onResponderMove={[Function]}
1329
- onResponderRelease={[Function]}
1330
- onResponderTerminate={[Function]}
1331
- onResponderTerminationRequest={[Function]}
1332
- onStartShouldSetResponder={[Function]}
1333
- style={
1334
- {
1335
- "opacity": 1,
1336
- }
1337
- }
1365
+ pointerEvents="none"
1338
1366
  >
1339
1367
  <View
1340
- pointerEvents="none"
1368
+ pointerEvents="auto"
1369
+ style={
1370
+ [
1371
+ {
1372
+ "marginTop": 8,
1373
+ "width": "100%",
1374
+ },
1375
+ undefined,
1376
+ ]
1377
+ }
1341
1378
  >
1342
1379
  <View
1343
- pointerEvents="auto"
1344
1380
  style={
1345
1381
  [
1346
1382
  {
1347
- "marginTop": 8,
1348
- "width": "100%",
1383
+ "alignItems": "center",
1384
+ "backgroundColor": "#ffffff",
1385
+ "borderRadius": 8,
1386
+ "flexDirection": "row",
1387
+ "padding": 16,
1349
1388
  },
1350
1389
  undefined,
1351
1390
  ]
@@ -1355,194 +1394,173 @@ exports[`rendering renders correctly when bottom sheet is NOT visible 1`] = `
1355
1394
  style={
1356
1395
  [
1357
1396
  {
1358
- "alignItems": "center",
1359
- "backgroundColor": "#ffffff",
1397
+ "borderColor": "#001f23",
1360
1398
  "borderRadius": 8,
1399
+ "borderWidth": 1,
1400
+ "bottom": 0,
1401
+ "left": 0,
1402
+ "position": "absolute",
1403
+ "right": 0,
1404
+ "top": 0,
1405
+ },
1406
+ [
1407
+ {
1408
+ "backgroundColor": "#ffffff",
1409
+ },
1410
+ undefined,
1411
+ ],
1412
+ ]
1413
+ }
1414
+ testID="text-input-border"
1415
+ themeFocused={false}
1416
+ themeState="filled"
1417
+ />
1418
+ <View
1419
+ pointerEvents="none"
1420
+ style={
1421
+ [
1422
+ {
1423
+ "backgroundColor": "#ffffff",
1361
1424
  "flexDirection": "row",
1362
- "padding": 16,
1425
+ "left": 16,
1426
+ "paddingHorizontal": 4,
1427
+ "position": "absolute",
1428
+ "top": -4,
1429
+ "zIndex": 1,
1430
+ },
1431
+ {
1432
+ "backgroundColor": "#ffffff",
1363
1433
  },
1364
- undefined,
1365
1434
  ]
1366
1435
  }
1436
+ testID="label-container"
1367
1437
  >
1368
- <View
1438
+ <Text
1439
+ allowFontScaling={false}
1369
1440
  style={
1370
1441
  [
1371
1442
  {
1372
- "borderColor": "#001f23",
1373
- "borderRadius": 8,
1374
- "borderWidth": 1,
1375
- "bottom": 0,
1376
- "left": 0,
1377
- "position": "absolute",
1378
- "right": 0,
1379
- "top": 0,
1443
+ "color": "#001f23",
1444
+ "fontFamily": "BeVietnamPro-Regular",
1445
+ "fontSize": 12,
1446
+ "letterSpacing": 0.48,
1447
+ "lineHeight": 16,
1380
1448
  },
1381
1449
  [
1450
+ {
1451
+ "color": "#001f23",
1452
+ "lineHeight": 12,
1453
+ },
1382
1454
  {
1383
1455
  "backgroundColor": "#ffffff",
1384
1456
  },
1385
- undefined,
1386
1457
  ],
1387
1458
  ]
1388
1459
  }
1389
- testID="text-input-border"
1390
- themeFocused={false}
1460
+ testID="input-label"
1461
+ themeFontWeight="regular"
1462
+ themeIntent="body"
1391
1463
  themeState="filled"
1392
- />
1393
- <View
1394
- pointerEvents="none"
1395
- style={
1396
- [
1397
- {
1398
- "backgroundColor": "#ffffff",
1399
- "flexDirection": "row",
1400
- "left": 16,
1401
- "paddingHorizontal": 4,
1402
- "position": "absolute",
1403
- "top": -4,
1404
- "zIndex": 1,
1405
- },
1406
- {
1407
- "backgroundColor": "#ffffff",
1408
- },
1409
- ]
1410
- }
1411
- testID="label-container"
1412
1464
  >
1413
- <Text
1414
- allowFontScaling={false}
1415
- style={
1416
- [
1417
- {
1418
- "color": "#001f23",
1419
- "fontFamily": "BeVietnamPro-Regular",
1420
- "fontSize": 12,
1421
- "letterSpacing": 0.48,
1422
- "lineHeight": 16,
1423
- },
1424
- [
1425
- {
1426
- "color": "#001f23",
1427
- "lineHeight": 12,
1428
- },
1429
- {
1430
- "backgroundColor": "#ffffff",
1431
- },
1432
- ],
1433
- ]
1465
+ Allow notifications
1466
+ </Text>
1467
+ </View>
1468
+ <View
1469
+ style={
1470
+ [
1471
+ {
1472
+ "alignItems": "center",
1473
+ "alignSelf": "stretch",
1474
+ "flexDirection": "row",
1475
+ "flexGrow": 2,
1476
+ "flexShrink": 1,
1477
+ },
1478
+ undefined,
1479
+ ]
1480
+ }
1481
+ >
1482
+ <TextInput
1483
+ accessibilityState={
1484
+ {
1485
+ "disabled": false,
1434
1486
  }
1435
- testID="input-label"
1436
- themeFontWeight="regular"
1437
- themeIntent="body"
1438
- themeState="filled"
1439
- >
1440
- Allow notifications
1441
- </Text>
1442
- </View>
1443
- <View
1487
+ }
1488
+ allowFontScaling={false}
1489
+ editable={true}
1490
+ multiline={true}
1491
+ onBlur={[Function]}
1492
+ onChangeText={[Function]}
1493
+ onFocus={[Function]}
1494
+ placeholder=" "
1495
+ pointerEvents="none"
1444
1496
  style={
1445
1497
  [
1446
1498
  {
1447
- "alignItems": "center",
1448
1499
  "alignSelf": "stretch",
1449
- "flexDirection": "row",
1450
1500
  "flexGrow": 2,
1451
- "flexShrink": 1,
1501
+ "fontFamily": "BeVietnamPro-Regular",
1502
+ "fontSize": 16,
1503
+ "height": undefined,
1504
+ "marginHorizontal": 8,
1505
+ "maxHeight": 144,
1506
+ "paddingVertical": 0,
1507
+ "textAlignVertical": "center",
1452
1508
  },
1453
- undefined,
1454
- ]
1455
- }
1456
- >
1457
- <TextInput
1458
- accessibilityState={
1459
- {
1460
- "disabled": false,
1461
- }
1462
- }
1463
- allowFontScaling={false}
1464
- editable={true}
1465
- multiline={true}
1466
- onBlur={[Function]}
1467
- onChangeText={[Function]}
1468
- onFocus={[Function]}
1469
- placeholder=" "
1470
- pointerEvents="none"
1471
- style={
1472
- [
1473
- {
1474
- "alignSelf": "stretch",
1475
- "flexGrow": 2,
1476
- "fontFamily": "BeVietnamPro-Regular",
1477
- "fontSize": 16,
1478
- "height": undefined,
1479
- "marginHorizontal": 8,
1480
- "maxHeight": 144,
1481
- "paddingVertical": 0,
1482
- "textAlignVertical": "center",
1483
- },
1484
- {
1485
- "backgroundColor": "#ffffff",
1486
- "color": "#001f23",
1487
- },
1488
- ]
1489
- }
1490
- testID="text-input"
1491
- themeVariant="text"
1492
- value="Monday"
1493
- />
1494
- </View>
1495
- <HeroIcon
1496
- name="arrow-down"
1497
- style={
1498
- [
1499
1509
  {
1510
+ "backgroundColor": "#ffffff",
1500
1511
  "color": "#001f23",
1501
- "fontSize": 24,
1502
1512
  },
1503
- undefined,
1504
1513
  ]
1505
1514
  }
1506
- testID="input-suffix"
1507
- themeIntent="text"
1508
- themeSize="medium"
1515
+ testID="text-input"
1516
+ themeVariant="text"
1517
+ value="Monday"
1509
1518
  />
1510
1519
  </View>
1520
+ <HeroIcon
1521
+ name="arrow-down"
1522
+ style={
1523
+ [
1524
+ {
1525
+ "color": "#001f23",
1526
+ "fontSize": 24,
1527
+ },
1528
+ undefined,
1529
+ ]
1530
+ }
1531
+ testID="input-suffix"
1532
+ themeIntent="text"
1533
+ themeSize="medium"
1534
+ />
1535
+ </View>
1536
+ <View
1537
+ style={
1538
+ [
1539
+ {
1540
+ "minHeight": 16,
1541
+ "paddingLeft": 16,
1542
+ "paddingTop": 2,
1543
+ },
1544
+ undefined,
1545
+ ]
1546
+ }
1547
+ >
1511
1548
  <View
1512
1549
  style={
1513
1550
  [
1514
1551
  {
1515
- "minHeight": 16,
1516
- "paddingLeft": 16,
1517
- "paddingTop": 2,
1552
+ "flexDirection": "row",
1553
+ "justifyContent": "space-between",
1518
1554
  },
1519
1555
  undefined,
1520
1556
  ]
1521
1557
  }
1522
- >
1523
- <View
1524
- style={
1525
- [
1526
- {
1527
- "flexDirection": "row",
1528
- "justifyContent": "space-between",
1529
- },
1530
- undefined,
1531
- ]
1532
- }
1533
- />
1534
- </View>
1558
+ />
1535
1559
  </View>
1536
1560
  </View>
1537
1561
  </View>
1538
- </View>,
1539
- <Modal
1540
- hardwareAccelerated={false}
1541
- onRequestClose={[Function]}
1542
- transparent={true}
1543
- visible={false}
1544
- />,
1545
- ]
1562
+ </View>
1563
+ </View>
1546
1564
  `;
1547
1565
 
1548
1566
  exports[`rendering renders correctly when bottom sheet is visible 1`] = `
@@ -1767,11 +1785,37 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
1767
1785
  </View>
1768
1786
  </View>
1769
1787
  </View>,
1770
- <Modal
1771
- hardwareAccelerated={false}
1772
- onRequestClose={[Function]}
1773
- transparent={true}
1774
- visible={true}
1788
+ <View
1789
+ collapsable={false}
1790
+ style={
1791
+ {
1792
+ "backgroundColor": "transparent",
1793
+ "bottom": 0,
1794
+ "left": 0,
1795
+ "opacity": 0.4,
1796
+ "position": "absolute",
1797
+ "right": 0,
1798
+ "top": 0,
1799
+ }
1800
+ }
1801
+ />,
1802
+ <View
1803
+ collapsable={false}
1804
+ style={
1805
+ {
1806
+ "bottom": 0,
1807
+ "left": 0,
1808
+ "opacity": 1,
1809
+ "position": "absolute",
1810
+ "right": 0,
1811
+ "top": 0,
1812
+ "transform": [
1813
+ {
1814
+ "translateY": 0,
1815
+ },
1816
+ ],
1817
+ }
1818
+ }
1775
1819
  >
1776
1820
  <View
1777
1821
  pointerEvents="box-none"
@@ -2980,42 +3024,55 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
2980
3024
  </RCTSafeAreaView>
2981
3025
  </View>
2982
3026
  </View>
2983
- </Modal>,
3027
+ </View>,
2984
3028
  ]
2985
3029
  `;
2986
3030
 
2987
3031
  exports[`rendering renders correctly when input is loading 1`] = `
2988
- [
3032
+ <View
3033
+ pointerEvents="none"
3034
+ >
2989
3035
  <View
2990
- pointerEvents="none"
3036
+ accessible={true}
3037
+ collapsable={false}
3038
+ focusable={true}
3039
+ onClick={[Function]}
3040
+ onResponderGrant={[Function]}
3041
+ onResponderMove={[Function]}
3042
+ onResponderRelease={[Function]}
3043
+ onResponderTerminate={[Function]}
3044
+ onResponderTerminationRequest={[Function]}
3045
+ onStartShouldSetResponder={[Function]}
3046
+ style={
3047
+ {
3048
+ "opacity": 1,
3049
+ }
3050
+ }
2991
3051
  >
2992
3052
  <View
2993
- accessible={true}
2994
- collapsable={false}
2995
- focusable={true}
2996
- onClick={[Function]}
2997
- onResponderGrant={[Function]}
2998
- onResponderMove={[Function]}
2999
- onResponderRelease={[Function]}
3000
- onResponderTerminate={[Function]}
3001
- onResponderTerminationRequest={[Function]}
3002
- onStartShouldSetResponder={[Function]}
3003
- style={
3004
- {
3005
- "opacity": 1,
3006
- }
3007
- }
3053
+ pointerEvents="none"
3008
3054
  >
3009
3055
  <View
3010
3056
  pointerEvents="none"
3057
+ style={
3058
+ [
3059
+ {
3060
+ "marginTop": 8,
3061
+ "width": "100%",
3062
+ },
3063
+ undefined,
3064
+ ]
3065
+ }
3011
3066
  >
3012
3067
  <View
3013
- pointerEvents="none"
3014
3068
  style={
3015
3069
  [
3016
3070
  {
3017
- "marginTop": 8,
3018
- "width": "100%",
3071
+ "alignItems": "center",
3072
+ "backgroundColor": "#ffffff",
3073
+ "borderRadius": 8,
3074
+ "flexDirection": "row",
3075
+ "padding": 16,
3019
3076
  },
3020
3077
  undefined,
3021
3078
  ]
@@ -3025,207 +3082,186 @@ exports[`rendering renders correctly when input is loading 1`] = `
3025
3082
  style={
3026
3083
  [
3027
3084
  {
3028
- "alignItems": "center",
3029
- "backgroundColor": "#ffffff",
3085
+ "borderColor": "#808f91",
3030
3086
  "borderRadius": 8,
3087
+ "borderWidth": 1,
3088
+ "bottom": 0,
3089
+ "left": 0,
3090
+ "position": "absolute",
3091
+ "right": 0,
3092
+ "top": 0,
3093
+ },
3094
+ [
3095
+ {
3096
+ "backgroundColor": "#ffffff",
3097
+ },
3098
+ undefined,
3099
+ ],
3100
+ ]
3101
+ }
3102
+ testID="text-input-border"
3103
+ themeFocused={false}
3104
+ themeState="readonly"
3105
+ />
3106
+ <View
3107
+ pointerEvents="none"
3108
+ style={
3109
+ [
3110
+ {
3111
+ "backgroundColor": "#ffffff",
3031
3112
  "flexDirection": "row",
3032
- "padding": 16,
3113
+ "left": 16,
3114
+ "paddingHorizontal": 4,
3115
+ "position": "absolute",
3116
+ "top": -4,
3117
+ "zIndex": 1,
3118
+ },
3119
+ {
3120
+ "backgroundColor": "#ffffff",
3033
3121
  },
3034
- undefined,
3035
3122
  ]
3036
3123
  }
3124
+ testID="label-container"
3037
3125
  >
3038
- <View
3126
+ <Text
3127
+ allowFontScaling={false}
3039
3128
  style={
3040
3129
  [
3041
3130
  {
3042
- "borderColor": "#808f91",
3043
- "borderRadius": 8,
3044
- "borderWidth": 1,
3045
- "bottom": 0,
3046
- "left": 0,
3047
- "position": "absolute",
3048
- "right": 0,
3049
- "top": 0,
3131
+ "color": "#001f23",
3132
+ "fontFamily": "BeVietnamPro-Regular",
3133
+ "fontSize": 12,
3134
+ "letterSpacing": 0.48,
3135
+ "lineHeight": 16,
3050
3136
  },
3051
3137
  [
3138
+ {
3139
+ "color": "#808f91",
3140
+ "lineHeight": 12,
3141
+ },
3052
3142
  {
3053
3143
  "backgroundColor": "#ffffff",
3054
3144
  },
3055
- undefined,
3056
3145
  ],
3057
3146
  ]
3058
3147
  }
3059
- testID="text-input-border"
3060
- themeFocused={false}
3148
+ testID="input-label"
3149
+ themeFontWeight="regular"
3150
+ themeIntent="body"
3061
3151
  themeState="readonly"
3062
- />
3063
- <View
3152
+ >
3153
+ Allow notifications
3154
+ </Text>
3155
+ </View>
3156
+ <View
3157
+ style={
3158
+ [
3159
+ {
3160
+ "alignItems": "center",
3161
+ "alignSelf": "stretch",
3162
+ "flexDirection": "row",
3163
+ "flexGrow": 2,
3164
+ "flexShrink": 1,
3165
+ },
3166
+ undefined,
3167
+ ]
3168
+ }
3169
+ >
3170
+ <TextInput
3171
+ accessibilityState={
3172
+ {
3173
+ "disabled": true,
3174
+ }
3175
+ }
3176
+ allowFontScaling={false}
3177
+ editable={true}
3178
+ multiline={true}
3179
+ onBlur={[Function]}
3180
+ onChangeText={[Function]}
3181
+ onFocus={[Function]}
3182
+ placeholder=" "
3064
3183
  pointerEvents="none"
3065
3184
  style={
3066
3185
  [
3067
3186
  {
3068
- "backgroundColor": "#ffffff",
3069
- "flexDirection": "row",
3070
- "left": 16,
3071
- "paddingHorizontal": 4,
3072
- "position": "absolute",
3073
- "top": -4,
3074
- "zIndex": 1,
3187
+ "alignSelf": "stretch",
3188
+ "flexGrow": 2,
3189
+ "fontFamily": "BeVietnamPro-Regular",
3190
+ "fontSize": 16,
3191
+ "height": undefined,
3192
+ "marginHorizontal": 8,
3193
+ "maxHeight": 144,
3194
+ "paddingVertical": 0,
3195
+ "textAlignVertical": "center",
3075
3196
  },
3076
3197
  {
3077
3198
  "backgroundColor": "#ffffff",
3199
+ "color": "#001f23",
3078
3200
  },
3079
3201
  ]
3080
3202
  }
3081
- testID="label-container"
3082
- >
3083
- <Text
3084
- allowFontScaling={false}
3085
- style={
3086
- [
3087
- {
3088
- "color": "#001f23",
3089
- "fontFamily": "BeVietnamPro-Regular",
3090
- "fontSize": 12,
3091
- "letterSpacing": 0.48,
3092
- "lineHeight": 16,
3093
- },
3094
- [
3095
- {
3096
- "color": "#808f91",
3097
- "lineHeight": 12,
3098
- },
3099
- {
3100
- "backgroundColor": "#ffffff",
3101
- },
3102
- ],
3103
- ]
3104
- }
3105
- testID="input-label"
3106
- themeFontWeight="regular"
3107
- themeIntent="body"
3108
- themeState="readonly"
3109
- >
3110
- Allow notifications
3111
- </Text>
3112
- </View>
3113
- <View
3203
+ testID="text-input"
3204
+ themeVariant="text"
3205
+ value="Monday"
3206
+ />
3207
+ </View>
3208
+ <View
3209
+ collapsable={false}
3210
+ style={
3211
+ {
3212
+ "transform": [
3213
+ {
3214
+ "rotate": "0deg",
3215
+ },
3216
+ ],
3217
+ }
3218
+ }
3219
+ >
3220
+ <HeroIcon
3221
+ name="loading"
3114
3222
  style={
3115
3223
  [
3116
3224
  {
3117
- "alignItems": "center",
3118
- "alignSelf": "stretch",
3119
- "flexDirection": "row",
3120
- "flexGrow": 2,
3121
- "flexShrink": 1,
3225
+ "color": "#001f23",
3226
+ "fontSize": 24,
3122
3227
  },
3123
3228
  undefined,
3124
3229
  ]
3125
3230
  }
3126
- >
3127
- <TextInput
3128
- accessibilityState={
3129
- {
3130
- "disabled": true,
3131
- }
3132
- }
3133
- allowFontScaling={false}
3134
- editable={true}
3135
- multiline={true}
3136
- onBlur={[Function]}
3137
- onChangeText={[Function]}
3138
- onFocus={[Function]}
3139
- placeholder=" "
3140
- pointerEvents="none"
3141
- style={
3142
- [
3143
- {
3144
- "alignSelf": "stretch",
3145
- "flexGrow": 2,
3146
- "fontFamily": "BeVietnamPro-Regular",
3147
- "fontSize": 16,
3148
- "height": undefined,
3149
- "marginHorizontal": 8,
3150
- "maxHeight": 144,
3151
- "paddingVertical": 0,
3152
- "textAlignVertical": "center",
3153
- },
3154
- {
3155
- "backgroundColor": "#ffffff",
3156
- "color": "#001f23",
3157
- },
3158
- ]
3159
- }
3160
- testID="text-input"
3161
- themeVariant="text"
3162
- value="Monday"
3163
- />
3164
- </View>
3165
- <View
3166
- collapsable={false}
3167
- style={
3168
- {
3169
- "transform": [
3170
- {
3171
- "rotate": "0deg",
3172
- },
3173
- ],
3174
- }
3175
- }
3176
- >
3177
- <HeroIcon
3178
- name="loading"
3179
- style={
3180
- [
3181
- {
3182
- "color": "#001f23",
3183
- "fontSize": 24,
3184
- },
3185
- undefined,
3186
- ]
3187
- }
3188
- testID="input-suffix"
3189
- themeIntent="text"
3190
- themeSize="medium"
3191
- />
3192
- </View>
3231
+ testID="input-suffix"
3232
+ themeIntent="text"
3233
+ themeSize="medium"
3234
+ />
3193
3235
  </View>
3236
+ </View>
3237
+ <View
3238
+ style={
3239
+ [
3240
+ {
3241
+ "minHeight": 16,
3242
+ "paddingLeft": 16,
3243
+ "paddingTop": 2,
3244
+ },
3245
+ undefined,
3246
+ ]
3247
+ }
3248
+ >
3194
3249
  <View
3195
3250
  style={
3196
3251
  [
3197
3252
  {
3198
- "minHeight": 16,
3199
- "paddingLeft": 16,
3200
- "paddingTop": 2,
3253
+ "flexDirection": "row",
3254
+ "justifyContent": "space-between",
3201
3255
  },
3202
3256
  undefined,
3203
3257
  ]
3204
3258
  }
3205
- >
3206
- <View
3207
- style={
3208
- [
3209
- {
3210
- "flexDirection": "row",
3211
- "justifyContent": "space-between",
3212
- },
3213
- undefined,
3214
- ]
3215
- }
3216
- />
3217
- </View>
3259
+ />
3218
3260
  </View>
3219
3261
  </View>
3220
3262
  </View>
3221
- </View>,
3222
- <Modal
3223
- hardwareAccelerated={false}
3224
- onRequestClose={[Function]}
3225
- transparent={true}
3226
- visible={false}
3227
- />,
3228
- ]
3263
+ </View>
3264
+ </View>
3229
3265
  `;
3230
3266
 
3231
3267
  exports[`rendering renders correctly when receives sections 1`] = `
@@ -3450,11 +3486,37 @@ exports[`rendering renders correctly when receives sections 1`] = `
3450
3486
  </View>
3451
3487
  </View>
3452
3488
  </View>,
3453
- <Modal
3454
- hardwareAccelerated={false}
3455
- onRequestClose={[Function]}
3456
- transparent={true}
3457
- visible={true}
3489
+ <View
3490
+ collapsable={false}
3491
+ style={
3492
+ {
3493
+ "backgroundColor": "transparent",
3494
+ "bottom": 0,
3495
+ "left": 0,
3496
+ "opacity": 0.4,
3497
+ "position": "absolute",
3498
+ "right": 0,
3499
+ "top": 0,
3500
+ }
3501
+ }
3502
+ />,
3503
+ <View
3504
+ collapsable={false}
3505
+ style={
3506
+ {
3507
+ "bottom": 0,
3508
+ "left": 0,
3509
+ "opacity": 1,
3510
+ "position": "absolute",
3511
+ "right": 0,
3512
+ "top": 0,
3513
+ "transform": [
3514
+ {
3515
+ "translateY": 0,
3516
+ },
3517
+ ],
3518
+ }
3519
+ }
3458
3520
  >
3459
3521
  <View
3460
3522
  pointerEvents="box-none"
@@ -4277,6 +4339,6 @@ exports[`rendering renders correctly when receives sections 1`] = `
4277
4339
  </RCTSafeAreaView>
4278
4340
  </View>
4279
4341
  </View>
4280
- </Modal>,
4342
+ </View>,
4281
4343
  ]
4282
4344
  `;