@hero-design/rn 8.40.0 → 8.40.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 (21) hide show
  1. package/.turbo/turbo-build.log +1 -1
  2. package/es/index.js +21 -14
  3. package/jest-ci.config.js +17 -0
  4. package/jest.config.js +0 -2
  5. package/lib/index.js +21 -14
  6. package/package.json +9 -8
  7. package/src/components/SectionHeading/StyledHeading.tsx +21 -10
  8. package/src/components/SectionHeading/__tests__/StyledHeading.spec.tsx +6 -2
  9. package/src/components/SectionHeading/__tests__/__snapshots__/StyledHeading.spec.tsx.snap +25 -2
  10. package/src/components/SectionHeading/__tests__/__snapshots__/index.spec.tsx.snap +153 -20
  11. package/src/components/SectionHeading/__tests__/index.spec.tsx +12 -0
  12. package/src/components/SectionHeading/index.tsx +51 -32
  13. package/src/components/Select/MultiSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap +48 -40
  14. package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap +36 -30
  15. package/src/components/Select/SingleSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap +48 -40
  16. package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap +24 -20
  17. package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +2 -1
  18. package/src/theme/components/sectionHeading.ts +2 -1
  19. package/types/components/SectionHeading/StyledHeading.d.ts +4 -1
  20. package/types/components/SectionHeading/index.d.ts +7 -1
  21. package/types/theme/components/sectionHeading.d.ts +1 -0
package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -499,11 +499,13 @@ exports[`rendering allows custom renderer 1`] = `
499
499
  },
500
500
  ]
501
501
  }
502
+ themeSize="medium"
502
503
  >
503
504
  <View
504
505
  style={
505
506
  [
506
507
  {
508
+ "alignItems": "center",
507
509
  "display": "flex",
508
510
  "flexDirection": "row",
509
511
  },
@@ -515,7 +517,7 @@ exports[`rendering allows custom renderer 1`] = `
515
517
  style={
516
518
  [
517
519
  {
518
- "marginRight": 8,
520
+ "marginRight": 12,
519
521
  },
520
522
  undefined,
521
523
  ]
@@ -528,17 +530,16 @@ exports[`rendering allows custom renderer 1`] = `
528
530
  {
529
531
  "color": "#001f23",
530
532
  "fontFamily": "BeVietnamPro-Regular",
531
- "fontSize": 16,
533
+ "fontSize": 14,
532
534
  "letterSpacing": 0.48,
533
- "lineHeight": 24,
535
+ "lineHeight": 22,
534
536
  },
535
537
  undefined,
536
538
  ]
537
539
  }
538
- themeFontSize="large"
539
- themeFontWeight="regular"
540
540
  themeIntent="body"
541
541
  themeTypeface="neutral"
542
+ themeVariant="small"
542
543
  >
543
544
  D
544
545
  </Text>
@@ -910,11 +911,13 @@ exports[`rendering allows custom renderer 1`] = `
910
911
  },
911
912
  ]
912
913
  }
914
+ themeSize="medium"
913
915
  >
914
916
  <View
915
917
  style={
916
918
  [
917
919
  {
920
+ "alignItems": "center",
918
921
  "display": "flex",
919
922
  "flexDirection": "row",
920
923
  },
@@ -926,7 +929,7 @@ exports[`rendering allows custom renderer 1`] = `
926
929
  style={
927
930
  [
928
931
  {
929
- "marginRight": 8,
932
+ "marginRight": 12,
930
933
  },
931
934
  undefined,
932
935
  ]
@@ -939,17 +942,16 @@ exports[`rendering allows custom renderer 1`] = `
939
942
  {
940
943
  "color": "#001f23",
941
944
  "fontFamily": "BeVietnamPro-Regular",
942
- "fontSize": 16,
945
+ "fontSize": 14,
943
946
  "letterSpacing": 0.48,
944
- "lineHeight": 24,
947
+ "lineHeight": 22,
945
948
  },
946
949
  undefined,
947
950
  ]
948
951
  }
949
- themeFontSize="large"
950
- themeFontWeight="regular"
951
952
  themeIntent="body"
952
953
  themeTypeface="neutral"
954
+ themeVariant="small"
953
955
  >
954
956
  J
955
957
  </Text>
@@ -3923,11 +3925,13 @@ exports[`rendering renders correctly when receives sections 1`] = `
3923
3925
  },
3924
3926
  ]
3925
3927
  }
3928
+ themeSize="medium"
3926
3929
  >
3927
3930
  <View
3928
3931
  style={
3929
3932
  [
3930
3933
  {
3934
+ "alignItems": "center",
3931
3935
  "display": "flex",
3932
3936
  "flexDirection": "row",
3933
3937
  },
@@ -3939,7 +3943,7 @@ exports[`rendering renders correctly when receives sections 1`] = `
3939
3943
  style={
3940
3944
  [
3941
3945
  {
3942
- "marginRight": 8,
3946
+ "marginRight": 12,
3943
3947
  },
3944
3948
  undefined,
3945
3949
  ]
@@ -3952,17 +3956,16 @@ exports[`rendering renders correctly when receives sections 1`] = `
3952
3956
  {
3953
3957
  "color": "#001f23",
3954
3958
  "fontFamily": "BeVietnamPro-Regular",
3955
- "fontSize": 16,
3959
+ "fontSize": 14,
3956
3960
  "letterSpacing": 0.48,
3957
- "lineHeight": 24,
3961
+ "lineHeight": 22,
3958
3962
  },
3959
3963
  undefined,
3960
3964
  ]
3961
3965
  }
3962
- themeFontSize="large"
3963
- themeFontWeight="regular"
3964
3966
  themeIntent="body"
3965
3967
  themeTypeface="neutral"
3968
+ themeVariant="small"
3966
3969
  >
3967
3970
  A
3968
3971
  </Text>
@@ -4149,11 +4152,13 @@ exports[`rendering renders correctly when receives sections 1`] = `
4149
4152
  },
4150
4153
  ]
4151
4154
  }
4155
+ themeSize="medium"
4152
4156
  >
4153
4157
  <View
4154
4158
  style={
4155
4159
  [
4156
4160
  {
4161
+ "alignItems": "center",
4157
4162
  "display": "flex",
4158
4163
  "flexDirection": "row",
4159
4164
  },
@@ -4165,7 +4170,7 @@ exports[`rendering renders correctly when receives sections 1`] = `
4165
4170
  style={
4166
4171
  [
4167
4172
  {
4168
- "marginRight": 8,
4173
+ "marginRight": 12,
4169
4174
  },
4170
4175
  undefined,
4171
4176
  ]
@@ -4178,17 +4183,16 @@ exports[`rendering renders correctly when receives sections 1`] = `
4178
4183
  {
4179
4184
  "color": "#001f23",
4180
4185
  "fontFamily": "BeVietnamPro-Regular",
4181
- "fontSize": 16,
4186
+ "fontSize": 14,
4182
4187
  "letterSpacing": 0.48,
4183
- "lineHeight": 24,
4188
+ "lineHeight": 22,
4184
4189
  },
4185
4190
  undefined,
4186
4191
  ]
4187
4192
  }
4188
- themeFontSize="large"
4189
- themeFontWeight="regular"
4190
4193
  themeIntent="body"
4191
4194
  themeTypeface="neutral"
4195
+ themeVariant="small"
4192
4196
  >
4193
4197
  B
4194
4198
  </Text>
@@ -5105,11 +5109,13 @@ exports[`rendering renders correctly when receives sections 2`] = `
5105
5109
  },
5106
5110
  ]
5107
5111
  }
5112
+ themeSize="medium"
5108
5113
  >
5109
5114
  <View
5110
5115
  style={
5111
5116
  [
5112
5117
  {
5118
+ "alignItems": "center",
5113
5119
  "display": "flex",
5114
5120
  "flexDirection": "row",
5115
5121
  },
@@ -5121,7 +5127,7 @@ exports[`rendering renders correctly when receives sections 2`] = `
5121
5127
  style={
5122
5128
  [
5123
5129
  {
5124
- "marginRight": 8,
5130
+ "marginRight": 12,
5125
5131
  },
5126
5132
  undefined,
5127
5133
  ]
@@ -5134,17 +5140,16 @@ exports[`rendering renders correctly when receives sections 2`] = `
5134
5140
  {
5135
5141
  "color": "#001f23",
5136
5142
  "fontFamily": "BeVietnamPro-Regular",
5137
- "fontSize": 16,
5143
+ "fontSize": 14,
5138
5144
  "letterSpacing": 0.48,
5139
- "lineHeight": 24,
5145
+ "lineHeight": 22,
5140
5146
  },
5141
5147
  undefined,
5142
5148
  ]
5143
5149
  }
5144
- themeFontSize="large"
5145
- themeFontWeight="regular"
5146
5150
  themeIntent="body"
5147
5151
  themeTypeface="neutral"
5152
+ themeVariant="small"
5148
5153
  >
5149
5154
  A
5150
5155
  </Text>
@@ -5359,11 +5364,13 @@ exports[`rendering renders correctly when receives sections 2`] = `
5359
5364
  },
5360
5365
  ]
5361
5366
  }
5367
+ themeSize="medium"
5362
5368
  >
5363
5369
  <View
5364
5370
  style={
5365
5371
  [
5366
5372
  {
5373
+ "alignItems": "center",
5367
5374
  "display": "flex",
5368
5375
  "flexDirection": "row",
5369
5376
  },
@@ -5375,7 +5382,7 @@ exports[`rendering renders correctly when receives sections 2`] = `
5375
5382
  style={
5376
5383
  [
5377
5384
  {
5378
- "marginRight": 8,
5385
+ "marginRight": 12,
5379
5386
  },
5380
5387
  undefined,
5381
5388
  ]
@@ -5388,17 +5395,16 @@ exports[`rendering renders correctly when receives sections 2`] = `
5388
5395
  {
5389
5396
  "color": "#001f23",
5390
5397
  "fontFamily": "BeVietnamPro-Regular",
5391
- "fontSize": 16,
5398
+ "fontSize": 14,
5392
5399
  "letterSpacing": 0.48,
5393
- "lineHeight": 24,
5400
+ "lineHeight": 22,
5394
5401
  },
5395
5402
  undefined,
5396
5403
  ]
5397
5404
  }
5398
- themeFontSize="large"
5399
- themeFontWeight="regular"
5400
5405
  themeIntent="body"
5401
5406
  themeTypeface="neutral"
5407
+ themeVariant="small"
5402
5408
  >
5403
5409
  B
5404
5410
  </Text>
package/src/components/Select/SingleSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap CHANGED
@@ -98,11 +98,13 @@ exports[`OptionList render isLoading correctly 1`] = `
98
98
  },
99
99
  ]
100
100
  }
101
+ themeSize="medium"
101
102
  >
102
103
  <View
103
104
  style={
104
105
  [
105
106
  {
107
+ "alignItems": "center",
106
108
  "display": "flex",
107
109
  "flexDirection": "row",
108
110
  },
@@ -114,7 +116,7 @@ exports[`OptionList render isLoading correctly 1`] = `
114
116
  style={
115
117
  [
116
118
  {
117
- "marginRight": 8,
119
+ "marginRight": 12,
118
120
  },
119
121
  undefined,
120
122
  ]
@@ -127,17 +129,16 @@ exports[`OptionList render isLoading correctly 1`] = `
127
129
  {
128
130
  "color": "#001f23",
129
131
  "fontFamily": "BeVietnamPro-Regular",
130
- "fontSize": 16,
132
+ "fontSize": 14,
131
133
  "letterSpacing": 0.48,
132
- "lineHeight": 24,
134
+ "lineHeight": 22,
133
135
  },
134
136
  undefined,
135
137
  ]
136
138
  }
137
- themeFontSize="large"
138
- themeFontWeight="regular"
139
139
  themeIntent="body"
140
140
  themeTypeface="neutral"
141
+ themeVariant="small"
141
142
  >
142
143
  A
143
144
  </Text>
@@ -324,11 +325,13 @@ exports[`OptionList render isLoading correctly 1`] = `
324
325
  },
325
326
  ]
326
327
  }
328
+ themeSize="medium"
327
329
  >
328
330
  <View
329
331
  style={
330
332
  [
331
333
  {
334
+ "alignItems": "center",
332
335
  "display": "flex",
333
336
  "flexDirection": "row",
334
337
  },
@@ -340,7 +343,7 @@ exports[`OptionList render isLoading correctly 1`] = `
340
343
  style={
341
344
  [
342
345
  {
343
- "marginRight": 8,
346
+ "marginRight": 12,
344
347
  },
345
348
  undefined,
346
349
  ]
@@ -353,17 +356,16 @@ exports[`OptionList render isLoading correctly 1`] = `
353
356
  {
354
357
  "color": "#001f23",
355
358
  "fontFamily": "BeVietnamPro-Regular",
356
- "fontSize": 16,
359
+ "fontSize": 14,
357
360
  "letterSpacing": 0.48,
358
- "lineHeight": 24,
361
+ "lineHeight": 22,
359
362
  },
360
363
  undefined,
361
364
  ]
362
365
  }
363
- themeFontSize="large"
364
- themeFontWeight="regular"
365
366
  themeIntent="body"
366
367
  themeTypeface="neutral"
368
+ themeVariant="small"
367
369
  >
368
370
  B
369
371
  </Text>
@@ -888,11 +890,13 @@ exports[`OptionList renders correctly 1`] = `
888
890
  },
889
891
  ]
890
892
  }
893
+ themeSize="medium"
891
894
  >
892
895
  <View
893
896
  style={
894
897
  [
895
898
  {
899
+ "alignItems": "center",
896
900
  "display": "flex",
897
901
  "flexDirection": "row",
898
902
  },
@@ -904,7 +908,7 @@ exports[`OptionList renders correctly 1`] = `
904
908
  style={
905
909
  [
906
910
  {
907
- "marginRight": 8,
911
+ "marginRight": 12,
908
912
  },
909
913
  undefined,
910
914
  ]
@@ -917,17 +921,16 @@ exports[`OptionList renders correctly 1`] = `
917
921
  {
918
922
  "color": "#001f23",
919
923
  "fontFamily": "BeVietnamPro-Regular",
920
- "fontSize": 16,
924
+ "fontSize": 14,
921
925
  "letterSpacing": 0.48,
922
- "lineHeight": 24,
926
+ "lineHeight": 22,
923
927
  },
924
928
  undefined,
925
929
  ]
926
930
  }
927
- themeFontSize="large"
928
- themeFontWeight="regular"
929
931
  themeIntent="body"
930
932
  themeTypeface="neutral"
933
+ themeVariant="small"
931
934
  >
932
935
  A
933
936
  </Text>
@@ -1114,11 +1117,13 @@ exports[`OptionList renders correctly 1`] = `
1114
1117
  },
1115
1118
  ]
1116
1119
  }
1120
+ themeSize="medium"
1117
1121
  >
1118
1122
  <View
1119
1123
  style={
1120
1124
  [
1121
1125
  {
1126
+ "alignItems": "center",
1122
1127
  "display": "flex",
1123
1128
  "flexDirection": "row",
1124
1129
  },
@@ -1130,7 +1135,7 @@ exports[`OptionList renders correctly 1`] = `
1130
1135
  style={
1131
1136
  [
1132
1137
  {
1133
- "marginRight": 8,
1138
+ "marginRight": 12,
1134
1139
  },
1135
1140
  undefined,
1136
1141
  ]
@@ -1143,17 +1148,16 @@ exports[`OptionList renders correctly 1`] = `
1143
1148
  {
1144
1149
  "color": "#001f23",
1145
1150
  "fontFamily": "BeVietnamPro-Regular",
1146
- "fontSize": 16,
1151
+ "fontSize": 14,
1147
1152
  "letterSpacing": 0.48,
1148
- "lineHeight": 24,
1153
+ "lineHeight": 22,
1149
1154
  },
1150
1155
  undefined,
1151
1156
  ]
1152
1157
  }
1153
- themeFontSize="large"
1154
- themeFontWeight="regular"
1155
1158
  themeIntent="body"
1156
1159
  themeTypeface="neutral"
1160
+ themeVariant="small"
1157
1161
  >
1158
1162
  B
1159
1163
  </Text>
@@ -1525,11 +1529,13 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
1525
1529
  },
1526
1530
  ]
1527
1531
  }
1532
+ themeSize="medium"
1528
1533
  >
1529
1534
  <View
1530
1535
  style={
1531
1536
  [
1532
1537
  {
1538
+ "alignItems": "center",
1533
1539
  "display": "flex",
1534
1540
  "flexDirection": "row",
1535
1541
  },
@@ -1541,7 +1547,7 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
1541
1547
  style={
1542
1548
  [
1543
1549
  {
1544
- "marginRight": 8,
1550
+ "marginRight": 12,
1545
1551
  },
1546
1552
  undefined,
1547
1553
  ]
@@ -1554,17 +1560,16 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
1554
1560
  {
1555
1561
  "color": "#001f23",
1556
1562
  "fontFamily": "BeVietnamPro-Regular",
1557
- "fontSize": 16,
1563
+ "fontSize": 14,
1558
1564
  "letterSpacing": 0.48,
1559
- "lineHeight": 24,
1565
+ "lineHeight": 22,
1560
1566
  },
1561
1567
  undefined,
1562
1568
  ]
1563
1569
  }
1564
- themeFontSize="large"
1565
- themeFontWeight="regular"
1566
1570
  themeIntent="body"
1567
1571
  themeTypeface="neutral"
1572
+ themeVariant="small"
1568
1573
  >
1569
1574
  A
1570
1575
  </Text>
@@ -1751,11 +1756,13 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
1751
1756
  },
1752
1757
  ]
1753
1758
  }
1759
+ themeSize="medium"
1754
1760
  >
1755
1761
  <View
1756
1762
  style={
1757
1763
  [
1758
1764
  {
1765
+ "alignItems": "center",
1759
1766
  "display": "flex",
1760
1767
  "flexDirection": "row",
1761
1768
  },
@@ -1767,7 +1774,7 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
1767
1774
  style={
1768
1775
  [
1769
1776
  {
1770
- "marginRight": 8,
1777
+ "marginRight": 12,
1771
1778
  },
1772
1779
  undefined,
1773
1780
  ]
@@ -1780,17 +1787,16 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
1780
1787
  {
1781
1788
  "color": "#001f23",
1782
1789
  "fontFamily": "BeVietnamPro-Regular",
1783
- "fontSize": 16,
1790
+ "fontSize": 14,
1784
1791
  "letterSpacing": 0.48,
1785
- "lineHeight": 24,
1792
+ "lineHeight": 22,
1786
1793
  },
1787
1794
  undefined,
1788
1795
  ]
1789
1796
  }
1790
- themeFontSize="large"
1791
- themeFontWeight="regular"
1792
1797
  themeIntent="body"
1793
1798
  themeTypeface="neutral"
1799
+ themeVariant="small"
1794
1800
  >
1795
1801
  B
1796
1802
  </Text>
@@ -2162,11 +2168,13 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
2162
2168
  },
2163
2169
  ]
2164
2170
  }
2171
+ themeSize="medium"
2165
2172
  >
2166
2173
  <View
2167
2174
  style={
2168
2175
  [
2169
2176
  {
2177
+ "alignItems": "center",
2170
2178
  "display": "flex",
2171
2179
  "flexDirection": "row",
2172
2180
  },
@@ -2178,7 +2186,7 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
2178
2186
  style={
2179
2187
  [
2180
2188
  {
2181
- "marginRight": 8,
2189
+ "marginRight": 12,
2182
2190
  },
2183
2191
  undefined,
2184
2192
  ]
@@ -2191,17 +2199,16 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
2191
2199
  {
2192
2200
  "color": "#001f23",
2193
2201
  "fontFamily": "BeVietnamPro-Regular",
2194
- "fontSize": 16,
2202
+ "fontSize": 14,
2195
2203
  "letterSpacing": 0.48,
2196
- "lineHeight": 24,
2204
+ "lineHeight": 22,
2197
2205
  },
2198
2206
  undefined,
2199
2207
  ]
2200
2208
  }
2201
- themeFontSize="large"
2202
- themeFontWeight="regular"
2203
2209
  themeIntent="body"
2204
2210
  themeTypeface="neutral"
2211
+ themeVariant="small"
2205
2212
  >
2206
2213
  A
2207
2214
  </Text>
@@ -2388,11 +2395,13 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
2388
2395
  },
2389
2396
  ]
2390
2397
  }
2398
+ themeSize="medium"
2391
2399
  >
2392
2400
  <View
2393
2401
  style={
2394
2402
  [
2395
2403
  {
2404
+ "alignItems": "center",
2396
2405
  "display": "flex",
2397
2406
  "flexDirection": "row",
2398
2407
  },
@@ -2404,7 +2413,7 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
2404
2413
  style={
2405
2414
  [
2406
2415
  {
2407
- "marginRight": 8,
2416
+ "marginRight": 12,
2408
2417
  },
2409
2418
  undefined,
2410
2419
  ]
@@ -2417,17 +2426,16 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
2417
2426
  {
2418
2427
  "color": "#001f23",
2419
2428
  "fontFamily": "BeVietnamPro-Regular",
2420
- "fontSize": 16,
2429
+ "fontSize": 14,
2421
2430
  "letterSpacing": 0.48,
2422
- "lineHeight": 24,
2431
+ "lineHeight": 22,
2423
2432
  },
2424
2433
  undefined,
2425
2434
  ]
2426
2435
  }
2427
- themeFontSize="large"
2428
- themeFontWeight="regular"
2429
2436
  themeIntent="body"
2430
2437
  themeTypeface="neutral"
2438
+ themeVariant="small"
2431
2439
  >
2432
2440
  B
2433
2441
  </Text>