@hero-design/rn 8.91.3 → 8.91.5

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 (101) hide show
  1. package/.turbo/turbo-build.log +2 -2
  2. package/CHANGELOG.md +27 -0
  3. package/assets/fonts/hero-icons-mobile.ttf +0 -0
  4. package/es/index.js +433 -450
  5. package/lib/assets/fonts/hero-icons-mobile.ttf +0 -0
  6. package/lib/index.js +433 -450
  7. package/package.json +1 -1
  8. package/src/components/Alert/StyledAlert.tsx +1 -0
  9. package/src/components/Alert/__tests__/__snapshots__/index.spec.tsx.snap +56 -0
  10. package/src/components/AnimatedScroller/__tests__/__snapshots__/ScrollablesWithFAB.spec.tsx.snap +18 -18
  11. package/src/components/Avatar/AvatarStack/__tests__/__snapshots__/StyledAvatarStack.spec.tsx.snap +8 -10
  12. package/src/components/Avatar/AvatarStack/__tests__/__snapshots__/index.spec.tsx.snap +116 -145
  13. package/src/components/Avatar/StyledAvatar.tsx +1 -1
  14. package/src/components/Avatar/__tests__/__snapshots__/StyledAvatar.spec.tsx.snap +4 -5
  15. package/src/components/Avatar/__tests__/__snapshots__/index.spec.tsx.snap +8 -10
  16. package/src/components/BottomNavigation/StyledBottomNavigation.tsx +3 -5
  17. package/src/components/BottomNavigation/__tests__/__snapshots__/index.spec.tsx.snap +6 -4
  18. package/src/components/BottomSheet/StyledBottomSheet.tsx +0 -10
  19. package/src/components/BottomSheet/__tests__/__snapshots__/index.spec.tsx.snap +0 -16
  20. package/src/components/Calendar/CalendarRange.tsx +5 -1
  21. package/src/components/Calendar/__tests__/helper.spec.ts +20 -8
  22. package/src/components/Calendar/helpers.ts +6 -2
  23. package/src/components/Chip/__tests__/__snapshots__/index.spec.tsx.snap +28 -28
  24. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerIOS.spec.tsx.snap +0 -16
  25. package/src/components/FAB/ActionGroup/StyledActionGroup.tsx +1 -1
  26. package/src/components/FAB/ActionGroup/__tests__/__snapshots__/index.spec.tsx.snap +11 -11
  27. package/src/components/FAB/Pair/__tests__/__snapshots__/index.spec.tsx.snap +6 -6
  28. package/src/components/FAB/StyledFAB.tsx +1 -5
  29. package/src/components/FAB/__tests__/__snapshots__/StyledFAB.spec.tsx.snap +6 -6
  30. package/src/components/FAB/__tests__/__snapshots__/index.spec.tsx.snap +9 -9
  31. package/src/components/FloatingIsland/__tests__/__snapshots__/index.spec.tsx.snap +12 -12
  32. package/src/components/Icon/HeroIcon/glyphMap.json +1 -1
  33. package/src/components/Icon/IconList.ts +1 -0
  34. package/src/components/List/StyledListItem.tsx +1 -5
  35. package/src/components/List/__tests__/__snapshots__/ListItem.spec.tsx.snap +9 -11
  36. package/src/components/List/__tests__/__snapshots__/StyledListItem.spec.tsx.snap +6 -6
  37. package/src/components/MapPin/StyledMapPin.tsx +14 -3
  38. package/src/components/MapPin/__tests__/__snapshots__/index.spec.tsx.snap +58 -65
  39. package/src/components/MapPin/index.tsx +7 -8
  40. package/src/components/Search/StyledSearch.tsx +1 -4
  41. package/src/components/Search/__tests__/__snapshots__/SearchOneLine.spec.tsx.snap +3 -2
  42. package/src/components/Search/__tests__/__snapshots__/SearchTwoLine.spec.tsx.snap +3 -2
  43. package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap +0 -40
  44. package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap +0 -32
  45. package/src/components/Switch/__tests__/__snapshots__/StyledSwitch.spec.tsx.snap +1 -1
  46. package/src/components/Switch/__tests__/__snapshots__/index.spec.tsx.snap +2 -2
  47. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap +0 -8
  48. package/src/components/Toast/StyledToast.tsx +1 -5
  49. package/src/components/Toast/__tests__/__snapshots__/Toast.spec.tsx.snap +21 -21
  50. package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +72 -50
  51. package/src/theme/components/alert.ts +5 -1
  52. package/src/theme/components/avatar.ts +1 -1
  53. package/src/theme/components/bottomNavigation.ts +7 -5
  54. package/src/theme/components/bottomSheet.ts +2 -9
  55. package/src/theme/components/chip.ts +2 -2
  56. package/src/theme/components/fab.ts +5 -9
  57. package/src/theme/components/floatingIsland.ts +1 -1
  58. package/src/theme/components/list.ts +1 -7
  59. package/src/theme/components/mapPin.ts +6 -2
  60. package/src/theme/components/search.ts +1 -5
  61. package/src/theme/components/toast.ts +1 -5
  62. package/src/theme/global/colors/__tests__/__snapshots__/eBens.spec.ts.snap +2 -0
  63. package/src/theme/global/colors/__tests__/__snapshots__/global.spec.ts.snap +2 -0
  64. package/src/theme/global/colors/__tests__/__snapshots__/jobs.spec.ts.snap +2 -0
  65. package/src/theme/global/colors/__tests__/__snapshots__/swag.spec.ts.snap +2 -0
  66. package/src/theme/global/colors/__tests__/__snapshots__/swagLight.spec.ts.snap +2 -0
  67. package/src/theme/global/colors/__tests__/__snapshots__/swagLightGlobal.spec.ts.snap +2 -0
  68. package/src/theme/global/colors/__tests__/__snapshots__/swagLightJobs.spec.ts.snap +2 -0
  69. package/src/theme/global/colors/__tests__/__snapshots__/wallet.spec.ts.snap +2 -0
  70. package/src/theme/global/colors/__tests__/__snapshots__/work.spec.ts.snap +2 -0
  71. package/src/theme/global/colors/eBens.ts +3 -0
  72. package/src/theme/global/colors/global.ts +3 -0
  73. package/src/theme/global/colors/jobs.ts +3 -0
  74. package/src/theme/global/colors/swag.ts +3 -0
  75. package/src/theme/global/colors/swagDark.ts +3 -0
  76. package/src/theme/global/colors/wallet.ts +3 -0
  77. package/src/theme/global/colors/work.ts +3 -0
  78. package/stats/8.91.4/rn-stats.html +4842 -0
  79. package/stats/8.91.5/rn-stats.html +4842 -0
  80. package/types/components/Avatar/StyledAvatar.d.ts +2 -2
  81. package/types/components/Calendar/helpers.d.ts +5 -2
  82. package/types/components/Icon/IconList.d.ts +1 -1
  83. package/types/components/Icon/index.d.ts +1 -1
  84. package/types/components/MapPin/StyledMapPin.d.ts +12 -2
  85. package/types/components/TextInput/index.d.ts +1 -1
  86. package/types/theme/components/alert.d.ts +3 -0
  87. package/types/theme/components/avatar.d.ts +1 -1
  88. package/types/theme/components/bottomNavigation.d.ts +5 -7
  89. package/types/theme/components/bottomSheet.d.ts +1 -10
  90. package/types/theme/components/chip.d.ts +1 -1
  91. package/types/theme/components/fab.d.ts +2 -9
  92. package/types/theme/components/list.d.ts +1 -10
  93. package/types/theme/components/mapPin.d.ts +6 -2
  94. package/types/theme/components/search.d.ts +1 -8
  95. package/types/theme/components/toast.d.ts +1 -8
  96. package/types/theme/global/colors/eBens.d.ts +3 -0
  97. package/types/theme/global/colors/jobs.d.ts +3 -0
  98. package/types/theme/global/colors/swag.d.ts +3 -0
  99. package/types/theme/global/colors/swagDark.d.ts +3 -0
  100. package/types/theme/global/colors/wallet.d.ts +3 -0
  101. package/types/theme/global/colors/work.d.ts +3 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hero-design/rn",
3
- "version": "8.91.3",
3
+ "version": "8.91.5",
4
4
  "license": "MIT",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",
package/src/components/Alert/StyledAlert.tsx CHANGED
@@ -16,6 +16,7 @@ const Container = styled(View)<{
16
16
  backgroundColor: theme.__hd__.alert.colors.backgrounds[themeIntent],
17
17
  minHeight: theme.__hd__.alert.sizes.height,
18
18
  flexDirection: 'row',
19
+ ...theme.__hd__.alert.shadows.wrapper,
19
20
  }));
20
21
 
21
22
  const IconContainer = styled(View)<ViewProps>(({ theme }) => ({
package/src/components/Alert/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -14,8 +14,16 @@ exports[`Alert Icon render custom icon correctly 1`] = `
14
14
  {
15
15
  "backgroundColor": "#ecf0ff",
16
16
  "borderRadius": 16,
17
+ "elevation": 6,
17
18
  "flexDirection": "row",
18
19
  "minHeight": 48,
20
+ "shadowColor": "#001f23",
21
+ "shadowOffset": {
22
+ "height": 2,
23
+ "width": 0,
24
+ },
25
+ "shadowOpacity": 0.12,
26
+ "shadowRadius": 2,
19
27
  },
20
28
  undefined,
21
29
  ]
@@ -146,8 +154,16 @@ exports[`Alert renders correctly when intent is error 1`] = `
146
154
  {
147
155
  "backgroundColor": "#fcebe7",
148
156
  "borderRadius": 16,
157
+ "elevation": 6,
149
158
  "flexDirection": "row",
150
159
  "minHeight": 48,
160
+ "shadowColor": "#001f23",
161
+ "shadowOffset": {
162
+ "height": 2,
163
+ "width": 0,
164
+ },
165
+ "shadowOpacity": 0.12,
166
+ "shadowRadius": 2,
151
167
  },
152
168
  undefined,
153
169
  ]
@@ -360,8 +376,16 @@ exports[`Alert renders correctly when intent is info 1`] = `
360
376
  {
361
377
  "backgroundColor": "#ecf0ff",
362
378
  "borderRadius": 16,
379
+ "elevation": 6,
363
380
  "flexDirection": "row",
364
381
  "minHeight": 48,
382
+ "shadowColor": "#001f23",
383
+ "shadowOffset": {
384
+ "height": 2,
385
+ "width": 0,
386
+ },
387
+ "shadowOpacity": 0.12,
388
+ "shadowRadius": 2,
365
389
  },
366
390
  undefined,
367
391
  ]
@@ -574,8 +598,16 @@ exports[`Alert renders correctly when intent is notification 1`] = `
574
598
  {
575
599
  "backgroundColor": "#ffffff",
576
600
  "borderRadius": 16,
601
+ "elevation": 6,
577
602
  "flexDirection": "row",
578
603
  "minHeight": 48,
604
+ "shadowColor": "#001f23",
605
+ "shadowOffset": {
606
+ "height": 2,
607
+ "width": 0,
608
+ },
609
+ "shadowOpacity": 0.12,
610
+ "shadowRadius": 2,
579
611
  },
580
612
  undefined,
581
613
  ]
@@ -756,8 +788,16 @@ exports[`Alert renders correctly when intent is success 1`] = `
756
788
  {
757
789
  "backgroundColor": "#f0fef4",
758
790
  "borderRadius": 16,
791
+ "elevation": 6,
759
792
  "flexDirection": "row",
760
793
  "minHeight": 48,
794
+ "shadowColor": "#001f23",
795
+ "shadowOffset": {
796
+ "height": 2,
797
+ "width": 0,
798
+ },
799
+ "shadowOpacity": 0.12,
800
+ "shadowRadius": 2,
761
801
  },
762
802
  undefined,
763
803
  ]
@@ -970,8 +1010,16 @@ exports[`Alert renders correctly when intent is warning 1`] = `
970
1010
  {
971
1011
  "backgroundColor": "#fff6eb",
972
1012
  "borderRadius": 16,
1013
+ "elevation": 6,
973
1014
  "flexDirection": "row",
974
1015
  "minHeight": 48,
1016
+ "shadowColor": "#001f23",
1017
+ "shadowOffset": {
1018
+ "height": 2,
1019
+ "width": 0,
1020
+ },
1021
+ "shadowOpacity": 0.12,
1022
+ "shadowRadius": 2,
975
1023
  },
976
1024
  undefined,
977
1025
  ]
@@ -1184,8 +1232,16 @@ exports[`Alert renders correctly without rounded 1`] = `
1184
1232
  {
1185
1233
  "backgroundColor": "#ecf0ff",
1186
1234
  "borderRadius": 0,
1235
+ "elevation": 6,
1187
1236
  "flexDirection": "row",
1188
1237
  "minHeight": 48,
1238
+ "shadowColor": "#001f23",
1239
+ "shadowOffset": {
1240
+ "height": 2,
1241
+ "width": 0,
1242
+ },
1243
+ "shadowOpacity": 0.12,
1244
+ "shadowRadius": 2,
1189
1245
  },
1190
1246
  undefined,
1191
1247
  ]
package/src/components/AnimatedScroller/__tests__/__snapshots__/ScrollablesWithFAB.spec.tsx.snap CHANGED
@@ -807,7 +807,7 @@ exports[`Scrollables With FAB [Function ExampleFlatListWithFAB] renders ActionGr
807
807
  "backgroundColor": "#000000",
808
808
  "borderRadius": 999,
809
809
  "bottom": undefined,
810
- "elevation": 3,
810
+ "elevation": 6,
811
811
  "flexDirection": "row",
812
812
  "height": 64,
813
813
  "justifyContent": "center",
@@ -815,13 +815,13 @@ exports[`Scrollables With FAB [Function ExampleFlatListWithFAB] renders ActionGr
815
815
  "marginTop": 24,
816
816
  "opacity": 1,
817
817
  "padding": 20,
818
- "shadowColor": "#121214",
818
+ "shadowColor": "#001f23",
819
819
  "shadowOffset": {
820
820
  "height": 2,
821
821
  "width": 0,
822
822
  },
823
823
  "shadowOpacity": 0.12,
824
- "shadowRadius": 4,
824
+ "shadowRadius": 2,
825
825
  "transform": [
826
826
  {
827
827
  "translateY": 0,
@@ -1721,19 +1721,19 @@ exports[`Scrollables With FAB [Function ExampleFlatListWithFAB] renders FAB corr
1721
1721
  "backgroundColor": "#000000",
1722
1722
  "borderRadius": 999,
1723
1723
  "bottom": undefined,
1724
- "elevation": 3,
1724
+ "elevation": 6,
1725
1725
  "flexDirection": "row",
1726
1726
  "height": 64,
1727
1727
  "justifyContent": "center",
1728
1728
  "opacity": 1,
1729
1729
  "padding": 20,
1730
- "shadowColor": "#121214",
1730
+ "shadowColor": "#001f23",
1731
1731
  "shadowOffset": {
1732
1732
  "height": 2,
1733
1733
  "width": 0,
1734
1734
  },
1735
1735
  "shadowOpacity": 0.12,
1736
- "shadowRadius": 4,
1736
+ "shadowRadius": 2,
1737
1737
  "transform": [
1738
1738
  {
1739
1739
  "translateY": 0,
@@ -1991,7 +1991,7 @@ exports[`Scrollables With FAB [Function ExampleScrollViewWithFAB] renders Action
1991
1991
  "backgroundColor": "#000000",
1992
1992
  "borderRadius": 999,
1993
1993
  "bottom": undefined,
1994
- "elevation": 3,
1994
+ "elevation": 6,
1995
1995
  "flexDirection": "row",
1996
1996
  "height": 64,
1997
1997
  "justifyContent": "center",
@@ -1999,13 +1999,13 @@ exports[`Scrollables With FAB [Function ExampleScrollViewWithFAB] renders Action
1999
1999
  "marginTop": 24,
2000
2000
  "opacity": 1,
2001
2001
  "padding": 20,
2002
- "shadowColor": "#121214",
2002
+ "shadowColor": "#001f23",
2003
2003
  "shadowOffset": {
2004
2004
  "height": 2,
2005
2005
  "width": 0,
2006
2006
  },
2007
2007
  "shadowOpacity": 0.12,
2008
- "shadowRadius": 4,
2008
+ "shadowRadius": 2,
2009
2009
  "transform": [
2010
2010
  {
2011
2011
  "translateY": 0,
@@ -2245,19 +2245,19 @@ exports[`Scrollables With FAB [Function ExampleScrollViewWithFAB] renders FAB co
2245
2245
  "backgroundColor": "#000000",
2246
2246
  "borderRadius": 999,
2247
2247
  "bottom": undefined,
2248
- "elevation": 3,
2248
+ "elevation": 6,
2249
2249
  "flexDirection": "row",
2250
2250
  "height": 64,
2251
2251
  "justifyContent": "center",
2252
2252
  "opacity": 1,
2253
2253
  "padding": 20,
2254
- "shadowColor": "#121214",
2254
+ "shadowColor": "#001f23",
2255
2255
  "shadowOffset": {
2256
2256
  "height": 2,
2257
2257
  "width": 0,
2258
2258
  },
2259
2259
  "shadowOpacity": 0.12,
2260
- "shadowRadius": 4,
2260
+ "shadowRadius": 2,
2261
2261
  "transform": [
2262
2262
  {
2263
2263
  "translateY": 0,
@@ -2822,7 +2822,7 @@ exports[`Scrollables With FAB [Function ExampleSectionListWithFAB] renders Actio
2822
2822
  "backgroundColor": "#000000",
2823
2823
  "borderRadius": 999,
2824
2824
  "bottom": undefined,
2825
- "elevation": 3,
2825
+ "elevation": 6,
2826
2826
  "flexDirection": "row",
2827
2827
  "height": 64,
2828
2828
  "justifyContent": "center",
@@ -2830,13 +2830,13 @@ exports[`Scrollables With FAB [Function ExampleSectionListWithFAB] renders Actio
2830
2830
  "marginTop": 24,
2831
2831
  "opacity": 1,
2832
2832
  "padding": 20,
2833
- "shadowColor": "#121214",
2833
+ "shadowColor": "#001f23",
2834
2834
  "shadowOffset": {
2835
2835
  "height": 2,
2836
2836
  "width": 0,
2837
2837
  },
2838
2838
  "shadowOpacity": 0.12,
2839
- "shadowRadius": 4,
2839
+ "shadowRadius": 2,
2840
2840
  "transform": [
2841
2841
  {
2842
2842
  "translateY": 0,
@@ -3383,19 +3383,19 @@ exports[`Scrollables With FAB [Function ExampleSectionListWithFAB] renders FAB c
3383
3383
  "backgroundColor": "#000000",
3384
3384
  "borderRadius": 999,
3385
3385
  "bottom": undefined,
3386
- "elevation": 3,
3386
+ "elevation": 6,
3387
3387
  "flexDirection": "row",
3388
3388
  "height": 64,
3389
3389
  "justifyContent": "center",
3390
3390
  "opacity": 1,
3391
3391
  "padding": 20,
3392
- "shadowColor": "#121214",
3392
+ "shadowColor": "#001f23",
3393
3393
  "shadowOffset": {
3394
3394
  "height": 2,
3395
3395
  "width": 0,
3396
3396
  },
3397
3397
  "shadowOpacity": 0.12,
3398
- "shadowRadius": 4,
3398
+ "shadowRadius": 2,
3399
3399
  "transform": [
3400
3400
  {
3401
3401
  "translateY": 0,
package/src/components/Avatar/AvatarStack/__tests__/__snapshots__/StyledAvatarStack.spec.tsx.snap CHANGED
@@ -71,9 +71,9 @@ exports[`StyledAvatar renders correctly with $variant 1`] = `
71
71
  {
72
72
  "color": "#001f23",
73
73
  "fontFamily": "BeVietnamPro-Regular",
74
- "fontSize": 14,
75
- "letterSpacing": 0.42,
76
- "lineHeight": 22,
74
+ "fontSize": 16,
75
+ "letterSpacing": 0.48,
76
+ "lineHeight": 24,
77
77
  },
78
78
  [
79
79
  {
@@ -89,11 +89,10 @@ exports[`StyledAvatar renders correctly with $variant 1`] = `
89
89
  ],
90
90
  ]
91
91
  }
92
- themeFontSize="medium"
93
- themeFontWeight="regular"
94
92
  themeIntent="body"
95
93
  themeSize="medium"
96
94
  themeTypeface="neutral"
95
+ themeVariant="regular"
97
96
  >
98
97
  AA
99
98
  </Text>
@@ -193,9 +192,9 @@ exports[`StyledAvatar renders correctly with $variant 2`] = `
193
192
  {
194
193
  "color": "#001f23",
195
194
  "fontFamily": "BeVietnamPro-Regular",
196
- "fontSize": 14,
197
- "letterSpacing": 0.42,
198
- "lineHeight": 22,
195
+ "fontSize": 16,
196
+ "letterSpacing": 0.48,
197
+ "lineHeight": 24,
199
198
  },
200
199
  [
201
200
  {
@@ -211,11 +210,10 @@ exports[`StyledAvatar renders correctly with $variant 2`] = `
211
210
  ],
212
211
  ]
213
212
  }
214
- themeFontSize="medium"
215
- themeFontWeight="regular"
216
213
  themeIntent="body"
217
214
  themeSize="medium"
218
215
  themeTypeface="neutral"
216
+ themeVariant="regular"
219
217
  >
220
218
  AA
221
219
  </Text>