@hero-design/rn 8.12.0 → 8.12.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 (56) hide show
  1. package/.turbo/turbo-build.log +9 -9
  2. package/es/index.js +121 -34
  3. package/lib/index.js +120 -33
  4. package/package.json +5 -5
  5. package/src/components/Button/Button.tsx +42 -2
  6. package/src/components/Button/LoadingIndicator/StyledLoadingIndicator.tsx +1 -1
  7. package/src/components/Button/LoadingIndicator/__tests__/__snapshots__/StyledLoadingIndicator.spec.tsx.snap +1 -1
  8. package/src/components/Button/LoadingIndicator/__tests__/__snapshots__/index.spec.tsx.snap +3 -3
  9. package/src/components/Button/StyledButton.tsx +21 -14
  10. package/src/components/Button/__tests__/Button.spec.tsx +46 -1
  11. package/src/components/Button/__tests__/__snapshots__/Button.spec.tsx.snap +1564 -0
  12. package/src/components/Button/__tests__/__snapshots__/StyledButton.spec.tsx.snap +126 -110
  13. package/src/components/Carousel/__tests__/__snapshots__/index.spec.tsx.snap +24 -22
  14. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerAndroid.spec.tsx.snap +17 -3
  15. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerIOS.spec.tsx.snap +29 -12
  16. package/src/components/FAB/ActionGroup/ActionItem.tsx +17 -6
  17. package/src/components/FAB/ActionGroup/StyledActionItem.tsx +15 -17
  18. package/src/components/FAB/ActionGroup/__tests__/__snapshots__/index.spec.tsx.snap +170 -160
  19. package/src/components/FAB/FAB.tsx +3 -1
  20. package/src/components/List/BasicListItem.tsx +6 -0
  21. package/src/components/List/ListItem.tsx +6 -0
  22. package/src/components/List/StyledBasicListItem.tsx +2 -2
  23. package/src/components/List/StyledListItem.tsx +2 -2
  24. package/src/components/List/__tests__/__snapshots__/BasicListItem.spec.tsx.snap +22 -18
  25. package/src/components/List/__tests__/__snapshots__/ListItem.spec.tsx.snap +32 -28
  26. package/src/components/List/__tests__/__snapshots__/StyledBasicListItem.spec.tsx.snap +44 -36
  27. package/src/components/List/__tests__/__snapshots__/StyledListItem.spec.tsx.snap +50 -46
  28. package/src/components/Radio/__tests__/__snapshots__/Radio.spec.tsx.snap +22 -18
  29. package/src/components/Radio/__tests__/__snapshots__/RadioGroup.spec.tsx.snap +33 -27
  30. package/src/components/RichTextEditor/__tests__/__snapshots__/RichTextEditor.spec.tsx.snap +4 -0
  31. package/src/components/Select/MultiSelect/__tests__/__snapshots__/Option.spec.tsx.snap +11 -9
  32. package/src/components/Select/MultiSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap +132 -108
  33. package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap +268 -166
  34. package/src/components/Select/SingleSelect/__tests__/__snapshots__/Option.spec.tsx.snap +11 -9
  35. package/src/components/Select/SingleSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap +132 -108
  36. package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap +232 -139
  37. package/src/components/TextInput/StyledTextInput.tsx +3 -0
  38. package/src/components/TextInput/__tests__/__snapshots__/index.spec.tsx.snap +466 -28
  39. package/src/components/TextInput/__tests__/index.spec.tsx +32 -0
  40. package/src/components/TextInput/index.tsx +32 -4
  41. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerAndroid.spec.tsx.snap +34 -6
  42. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap +46 -15
  43. package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +18 -0
  44. package/src/theme/components/button.ts +16 -2
  45. package/src/theme/components/fab.ts +2 -0
  46. package/src/theme/components/textInput.ts +1 -0
  47. package/src/theme/global/borders.ts +2 -0
  48. package/types/components/Button/Button.d.ts +1 -1
  49. package/types/components/Button/StyledButton.d.ts +4 -3
  50. package/types/components/FAB/ActionGroup/StyledActionItem.d.ts +3 -3
  51. package/types/components/List/StyledBasicListItem.d.ts +3 -3
  52. package/types/components/List/StyledListItem.d.ts +3 -3
  53. package/types/theme/components/button.d.ts +14 -0
  54. package/types/theme/components/fab.d.ts +2 -0
  55. package/types/theme/components/textInput.d.ts +1 -0
  56. package/types/theme/global/borders.d.ts +1 -0
package/src/components/Select/MultiSelect/__tests__/__snapshots__/Option.spec.tsx.snap CHANGED
@@ -8,7 +8,6 @@ exports[`Option renders correctly 1`] = `
8
8
  }
9
9
  }
10
10
  accessible={true}
11
- collapsable={false}
12
11
  focusable={true}
13
12
  onClick={[Function]}
14
13
  onResponderGrant={[Function]}
@@ -18,14 +17,17 @@ exports[`Option renders correctly 1`] = `
18
17
  onResponderTerminationRequest={[Function]}
19
18
  onStartShouldSetResponder={[Function]}
20
19
  style={
21
- Object {
22
- "alignItems": "center",
23
- "backgroundColor": "#ece8ef",
24
- "borderRadius": 4,
25
- "flexDirection": "row",
26
- "opacity": 1,
27
- "padding": 16,
28
- }
20
+ Array [
21
+ Object {
22
+ "alignItems": "center",
23
+ "backgroundColor": "#ece8ef",
24
+ "borderRadius": 4,
25
+ "flexDirection": "row",
26
+ "opacity": 1,
27
+ "padding": 16,
28
+ },
29
+ undefined,
30
+ ]
29
31
  }
30
32
  >
31
33
  <View
package/src/components/Select/MultiSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap CHANGED
@@ -193,7 +193,6 @@ exports[`OptionList render isLoading correctly 1`] = `
193
193
  }
194
194
  }
195
195
  accessible={true}
196
- collapsable={false}
197
196
  focusable={true}
198
197
  onClick={[Function]}
199
198
  onResponderGrant={[Function]}
@@ -203,14 +202,17 @@ exports[`OptionList render isLoading correctly 1`] = `
203
202
  onResponderTerminationRequest={[Function]}
204
203
  onStartShouldSetResponder={[Function]}
205
204
  style={
206
- Object {
207
- "alignItems": "center",
208
- "backgroundColor": "#ece8ef",
209
- "borderRadius": 4,
210
- "flexDirection": "row",
211
- "opacity": 1,
212
- "padding": 16,
213
- }
205
+ Array [
206
+ Object {
207
+ "alignItems": "center",
208
+ "backgroundColor": "#ece8ef",
209
+ "borderRadius": 4,
210
+ "flexDirection": "row",
211
+ "opacity": 1,
212
+ "padding": 16,
213
+ },
214
+ undefined,
215
+ ]
214
216
  }
215
217
  >
216
218
  <View
@@ -443,7 +445,6 @@ exports[`OptionList render isLoading correctly 1`] = `
443
445
  }
444
446
  }
445
447
  accessible={true}
446
- collapsable={false}
447
448
  focusable={true}
448
449
  onClick={[Function]}
449
450
  onResponderGrant={[Function]}
@@ -453,14 +454,17 @@ exports[`OptionList render isLoading correctly 1`] = `
453
454
  onResponderTerminationRequest={[Function]}
454
455
  onStartShouldSetResponder={[Function]}
455
456
  style={
456
- Object {
457
- "alignItems": "center",
458
- "backgroundColor": "#ffffff",
459
- "borderRadius": 4,
460
- "flexDirection": "row",
461
- "opacity": 1,
462
- "padding": 16,
463
- }
457
+ Array [
458
+ Object {
459
+ "alignItems": "center",
460
+ "backgroundColor": "#ffffff",
461
+ "borderRadius": 4,
462
+ "flexDirection": "row",
463
+ "opacity": 1,
464
+ "padding": 16,
465
+ },
466
+ undefined,
467
+ ]
464
468
  }
465
469
  >
466
470
  <View
@@ -558,7 +562,6 @@ exports[`OptionList render isLoading correctly 1`] = `
558
562
  }
559
563
  }
560
564
  accessible={true}
561
- collapsable={false}
562
565
  focusable={true}
563
566
  onClick={[Function]}
564
567
  onResponderGrant={[Function]}
@@ -568,14 +571,17 @@ exports[`OptionList render isLoading correctly 1`] = `
568
571
  onResponderTerminationRequest={[Function]}
569
572
  onStartShouldSetResponder={[Function]}
570
573
  style={
571
- Object {
572
- "alignItems": "center",
573
- "backgroundColor": "#ffffff",
574
- "borderRadius": 4,
575
- "flexDirection": "row",
576
- "opacity": 1,
577
- "padding": 16,
578
- }
574
+ Array [
575
+ Object {
576
+ "alignItems": "center",
577
+ "backgroundColor": "#ffffff",
578
+ "borderRadius": 4,
579
+ "flexDirection": "row",
580
+ "opacity": 1,
581
+ "padding": 16,
582
+ },
583
+ undefined,
584
+ ]
579
585
  }
580
586
  >
581
587
  <View
@@ -997,7 +1003,6 @@ exports[`OptionList renders correctly 1`] = `
997
1003
  }
998
1004
  }
999
1005
  accessible={true}
1000
- collapsable={false}
1001
1006
  focusable={true}
1002
1007
  onClick={[Function]}
1003
1008
  onResponderGrant={[Function]}
@@ -1007,14 +1012,17 @@ exports[`OptionList renders correctly 1`] = `
1007
1012
  onResponderTerminationRequest={[Function]}
1008
1013
  onStartShouldSetResponder={[Function]}
1009
1014
  style={
1010
- Object {
1011
- "alignItems": "center",
1012
- "backgroundColor": "#ece8ef",
1013
- "borderRadius": 4,
1014
- "flexDirection": "row",
1015
- "opacity": 1,
1016
- "padding": 16,
1017
- }
1015
+ Array [
1016
+ Object {
1017
+ "alignItems": "center",
1018
+ "backgroundColor": "#ece8ef",
1019
+ "borderRadius": 4,
1020
+ "flexDirection": "row",
1021
+ "opacity": 1,
1022
+ "padding": 16,
1023
+ },
1024
+ undefined,
1025
+ ]
1018
1026
  }
1019
1027
  >
1020
1028
  <View
@@ -1247,7 +1255,6 @@ exports[`OptionList renders correctly 1`] = `
1247
1255
  }
1248
1256
  }
1249
1257
  accessible={true}
1250
- collapsable={false}
1251
1258
  focusable={true}
1252
1259
  onClick={[Function]}
1253
1260
  onResponderGrant={[Function]}
@@ -1257,14 +1264,17 @@ exports[`OptionList renders correctly 1`] = `
1257
1264
  onResponderTerminationRequest={[Function]}
1258
1265
  onStartShouldSetResponder={[Function]}
1259
1266
  style={
1260
- Object {
1261
- "alignItems": "center",
1262
- "backgroundColor": "#ffffff",
1263
- "borderRadius": 4,
1264
- "flexDirection": "row",
1265
- "opacity": 1,
1266
- "padding": 16,
1267
- }
1267
+ Array [
1268
+ Object {
1269
+ "alignItems": "center",
1270
+ "backgroundColor": "#ffffff",
1271
+ "borderRadius": 4,
1272
+ "flexDirection": "row",
1273
+ "opacity": 1,
1274
+ "padding": 16,
1275
+ },
1276
+ undefined,
1277
+ ]
1268
1278
  }
1269
1279
  >
1270
1280
  <View
@@ -1362,7 +1372,6 @@ exports[`OptionList renders correctly 1`] = `
1362
1372
  }
1363
1373
  }
1364
1374
  accessible={true}
1365
- collapsable={false}
1366
1375
  focusable={true}
1367
1376
  onClick={[Function]}
1368
1377
  onResponderGrant={[Function]}
@@ -1372,14 +1381,17 @@ exports[`OptionList renders correctly 1`] = `
1372
1381
  onResponderTerminationRequest={[Function]}
1373
1382
  onStartShouldSetResponder={[Function]}
1374
1383
  style={
1375
- Object {
1376
- "alignItems": "center",
1377
- "backgroundColor": "#ffffff",
1378
- "borderRadius": 4,
1379
- "flexDirection": "row",
1380
- "opacity": 1,
1381
- "padding": 16,
1382
- }
1384
+ Array [
1385
+ Object {
1386
+ "alignItems": "center",
1387
+ "backgroundColor": "#ffffff",
1388
+ "borderRadius": 4,
1389
+ "flexDirection": "row",
1390
+ "opacity": 1,
1391
+ "padding": 16,
1392
+ },
1393
+ undefined,
1394
+ ]
1383
1395
  }
1384
1396
  >
1385
1397
  <View
@@ -1648,7 +1660,6 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
1648
1660
  }
1649
1661
  }
1650
1662
  accessible={true}
1651
- collapsable={false}
1652
1663
  focusable={true}
1653
1664
  onClick={[Function]}
1654
1665
  onResponderGrant={[Function]}
@@ -1658,14 +1669,17 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
1658
1669
  onResponderTerminationRequest={[Function]}
1659
1670
  onStartShouldSetResponder={[Function]}
1660
1671
  style={
1661
- Object {
1662
- "alignItems": "center",
1663
- "backgroundColor": "#ece8ef",
1664
- "borderRadius": 4,
1665
- "flexDirection": "row",
1666
- "opacity": 1,
1667
- "padding": 16,
1668
- }
1672
+ Array [
1673
+ Object {
1674
+ "alignItems": "center",
1675
+ "backgroundColor": "#ece8ef",
1676
+ "borderRadius": 4,
1677
+ "flexDirection": "row",
1678
+ "opacity": 1,
1679
+ "padding": 16,
1680
+ },
1681
+ undefined,
1682
+ ]
1669
1683
  }
1670
1684
  >
1671
1685
  <View
@@ -1898,7 +1912,6 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
1898
1912
  }
1899
1913
  }
1900
1914
  accessible={true}
1901
- collapsable={false}
1902
1915
  focusable={true}
1903
1916
  onClick={[Function]}
1904
1917
  onResponderGrant={[Function]}
@@ -1908,14 +1921,17 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
1908
1921
  onResponderTerminationRequest={[Function]}
1909
1922
  onStartShouldSetResponder={[Function]}
1910
1923
  style={
1911
- Object {
1912
- "alignItems": "center",
1913
- "backgroundColor": "#ece8ef",
1914
- "borderRadius": 4,
1915
- "flexDirection": "row",
1916
- "opacity": 1,
1917
- "padding": 16,
1918
- }
1924
+ Array [
1925
+ Object {
1926
+ "alignItems": "center",
1927
+ "backgroundColor": "#ece8ef",
1928
+ "borderRadius": 4,
1929
+ "flexDirection": "row",
1930
+ "opacity": 1,
1931
+ "padding": 16,
1932
+ },
1933
+ undefined,
1934
+ ]
1919
1935
  }
1920
1936
  >
1921
1937
  <View
@@ -2040,7 +2056,6 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
2040
2056
  }
2041
2057
  }
2042
2058
  accessible={true}
2043
- collapsable={false}
2044
2059
  focusable={true}
2045
2060
  onClick={[Function]}
2046
2061
  onResponderGrant={[Function]}
@@ -2050,14 +2065,17 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
2050
2065
  onResponderTerminationRequest={[Function]}
2051
2066
  onStartShouldSetResponder={[Function]}
2052
2067
  style={
2053
- Object {
2054
- "alignItems": "center",
2055
- "backgroundColor": "#ffffff",
2056
- "borderRadius": 4,
2057
- "flexDirection": "row",
2058
- "opacity": 1,
2059
- "padding": 16,
2060
- }
2068
+ Array [
2069
+ Object {
2070
+ "alignItems": "center",
2071
+ "backgroundColor": "#ffffff",
2072
+ "borderRadius": 4,
2073
+ "flexDirection": "row",
2074
+ "opacity": 1,
2075
+ "padding": 16,
2076
+ },
2077
+ undefined,
2078
+ ]
2061
2079
  }
2062
2080
  >
2063
2081
  <View
@@ -2326,7 +2344,6 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
2326
2344
  }
2327
2345
  }
2328
2346
  accessible={true}
2329
- collapsable={false}
2330
2347
  focusable={true}
2331
2348
  onClick={[Function]}
2332
2349
  onResponderGrant={[Function]}
@@ -2336,14 +2353,17 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
2336
2353
  onResponderTerminationRequest={[Function]}
2337
2354
  onStartShouldSetResponder={[Function]}
2338
2355
  style={
2339
- Object {
2340
- "alignItems": "center",
2341
- "backgroundColor": "#ece8ef",
2342
- "borderRadius": 4,
2343
- "flexDirection": "row",
2344
- "opacity": 1,
2345
- "padding": 16,
2346
- }
2356
+ Array [
2357
+ Object {
2358
+ "alignItems": "center",
2359
+ "backgroundColor": "#ece8ef",
2360
+ "borderRadius": 4,
2361
+ "flexDirection": "row",
2362
+ "opacity": 1,
2363
+ "padding": 16,
2364
+ },
2365
+ undefined,
2366
+ ]
2347
2367
  }
2348
2368
  >
2349
2369
  <View
@@ -2576,7 +2596,6 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
2576
2596
  }
2577
2597
  }
2578
2598
  accessible={true}
2579
- collapsable={false}
2580
2599
  focusable={true}
2581
2600
  onClick={[Function]}
2582
2601
  onResponderGrant={[Function]}
@@ -2586,14 +2605,17 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
2586
2605
  onResponderTerminationRequest={[Function]}
2587
2606
  onStartShouldSetResponder={[Function]}
2588
2607
  style={
2589
- Object {
2590
- "alignItems": "center",
2591
- "backgroundColor": "#ffffff",
2592
- "borderRadius": 4,
2593
- "flexDirection": "row",
2594
- "opacity": 1,
2595
- "padding": 16,
2596
- }
2608
+ Array [
2609
+ Object {
2610
+ "alignItems": "center",
2611
+ "backgroundColor": "#ffffff",
2612
+ "borderRadius": 4,
2613
+ "flexDirection": "row",
2614
+ "opacity": 1,
2615
+ "padding": 16,
2616
+ },
2617
+ undefined,
2618
+ ]
2597
2619
  }
2598
2620
  >
2599
2621
  <View
@@ -2691,7 +2713,6 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
2691
2713
  }
2692
2714
  }
2693
2715
  accessible={true}
2694
- collapsable={false}
2695
2716
  focusable={true}
2696
2717
  onClick={[Function]}
2697
2718
  onResponderGrant={[Function]}
@@ -2701,14 +2722,17 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
2701
2722
  onResponderTerminationRequest={[Function]}
2702
2723
  onStartShouldSetResponder={[Function]}
2703
2724
  style={
2704
- Object {
2705
- "alignItems": "center",
2706
- "backgroundColor": "#ffffff",
2707
- "borderRadius": 4,
2708
- "flexDirection": "row",
2709
- "opacity": 1,
2710
- "padding": 16,
2711
- }
2725
+ Array [
2726
+ Object {
2727
+ "alignItems": "center",
2728
+ "backgroundColor": "#ffffff",
2729
+ "borderRadius": 4,
2730
+ "flexDirection": "row",
2731
+ "opacity": 1,
2732
+ "padding": 16,
2733
+ },
2734
+ undefined,
2735
+ ]
2712
2736
  }
2713
2737
  >
2714
2738
  <View