@hero-design/rn 7.17.0 → 7.17.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 (84) hide show
  1. package/.turbo/turbo-build.log +2 -2
  2. package/es/index.js +107 -99
  3. package/lib/index.js +107 -99
  4. package/package.json +2 -2
  5. package/src/components/Accordion/__tests__/__snapshots__/AccordionItem.spec.tsx.snap +12 -12
  6. package/src/components/Accordion/__tests__/__snapshots__/index.spec.tsx.snap +18 -18
  7. package/src/components/Alert/__tests__/__snapshots__/index.spec.tsx.snap +26 -26
  8. package/src/components/Avatar/__tests__/__snapshots__/StyledAvatar.spec.tsx.snap +3 -3
  9. package/src/components/Avatar/__tests__/__snapshots__/index.spec.tsx.snap +2 -2
  10. package/src/components/Badge/__tests__/__snapshots__/Badge.spec.tsx.snap +1 -1
  11. package/src/components/Badge/__tests__/__snapshots__/Status.spec.tsx.snap +2 -2
  12. package/src/components/BottomNavigation/__tests__/__snapshots__/index.spec.tsx.snap +9 -9
  13. package/src/components/BottomSheet/__tests__/__snapshots__/index.spec.tsx.snap +12 -12
  14. package/src/components/Button/LoadingIndicator/__tests__/__snapshots__/StyledLoadingIndicator.spec.tsx.snap +2 -2
  15. package/src/components/Button/LoadingIndicator/__tests__/__snapshots__/index.spec.tsx.snap +6 -6
  16. package/src/components/Button/UtilityButton/__tests__/__snapshots__/index.spec.tsx.snap +6 -6
  17. package/src/components/Button/__tests__/__snapshots__/IconButton.spec.tsx.snap +1 -1
  18. package/src/components/Button/__tests__/__snapshots__/StyledButton.spec.tsx.snap +67 -67
  19. package/src/components/Calendar/__tests__/__snapshots__/CalendarRowItem.spec.tsx.snap +12 -12
  20. package/src/components/Card/__tests__/__snapshots__/StyledCard.spec.tsx.snap +1 -1
  21. package/src/components/Checkbox/__tests__/__snapshots__/StyledCheckbox.spec.tsx.snap +1 -1
  22. package/src/components/Checkbox/__tests__/__snapshots__/index.spec.tsx.snap +2 -2
  23. package/src/components/ContentNavigator/__tests__/__snapshots__/StyledContentNavigator.spec.tsx.snap +1 -1
  24. package/src/components/ContentNavigator/__tests__/__snapshots__/index.spec.tsx.snap +6 -6
  25. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerAndroid.spec.tsx.snap +5 -5
  26. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerIOS.spec.tsx.snap +12 -12
  27. package/src/components/Divider/__tests__/__snapshots__/StyledDivider.spec.tsx.snap +12 -12
  28. package/src/components/Drawer/__tests__/__snapshots__/index.spec.tsx.snap +3 -3
  29. package/src/components/Empty/__tests__/__snapshots__/index.spec.tsx.snap +3 -3
  30. package/src/components/FAB/ActionGroup/__tests__/__snapshots__/index.spec.tsx.snap +28 -28
  31. package/src/components/FAB/__tests__/__snapshots__/AnimatedFABIcon.spec.tsx.snap +2 -2
  32. package/src/components/FAB/__tests__/__snapshots__/StyledFAB.spec.tsx.snap +3 -3
  33. package/src/components/FAB/__tests__/__snapshots__/index.spec.tsx.snap +9 -9
  34. package/src/components/Icon/__tests__/__snapshots__/index.spec.tsx.snap +3 -3
  35. package/src/components/List/__tests__/__snapshots__/BasicListItem.spec.tsx.snap +3 -3
  36. package/src/components/List/__tests__/__snapshots__/ListItem.spec.tsx.snap +20 -20
  37. package/src/components/List/__tests__/__snapshots__/StyledBasicListItem.spec.tsx.snap +6 -6
  38. package/src/components/List/__tests__/__snapshots__/StyledListItem.spec.tsx.snap +12 -12
  39. package/src/components/PinInput/__tests__/__snapshots__/PinCell.spec.tsx.snap +4 -4
  40. package/src/components/PinInput/__tests__/__snapshots__/index.spec.tsx.snap +22 -22
  41. package/src/components/Progress/ProgressCircle.tsx +25 -22
  42. package/src/components/Progress/StyledProgressCircle.tsx +33 -28
  43. package/src/components/Progress/__tests__/__snapshots__/index.spec.js.snap +102 -92
  44. package/src/components/Radio/__tests__/__snapshots__/Radio.spec.tsx.snap +5 -5
  45. package/src/components/Radio/__tests__/__snapshots__/RadioGroup.spec.tsx.snap +6 -6
  46. package/src/components/Radio/__tests__/__snapshots__/StyledRadio.spec.tsx.snap +3 -3
  47. package/src/components/RichTextEditor/__tests__/__snapshots__/EditorToolbar.spec.tsx.snap +11 -11
  48. package/src/components/RichTextEditor/__tests__/__snapshots__/RichTextEditor.spec.tsx.snap +6 -6
  49. package/src/components/SectionHeading/__tests__/__snapshots__/StyledHeading.spec.tsx.snap +1 -1
  50. package/src/components/SectionHeading/__tests__/__snapshots__/index.spec.tsx.snap +9 -9
  51. package/src/components/Select/MultiSelect/__tests__/__snapshots__/Option.spec.tsx.snap +3 -3
  52. package/src/components/Select/MultiSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap +42 -42
  53. package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap +121 -121
  54. package/src/components/Select/SingleSelect/__tests__/__snapshots__/Option.spec.tsx.snap +2 -2
  55. package/src/components/Select/SingleSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap +36 -36
  56. package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap +94 -94
  57. package/src/components/Select/__tests__/__snapshots__/StyledSelect.spec.tsx.snap +2 -2
  58. package/src/components/Spinner/__tests__/__snapshots__/AnimatedSpinner.spec.tsx.snap +4 -4
  59. package/src/components/Spinner/__tests__/__snapshots__/StyledSpinner.spec.tsx.snap +8 -8
  60. package/src/components/Spinner/__tests__/__snapshots__/index.spec.tsx.snap +4 -4
  61. package/src/components/Switch/__tests__/__snapshots__/StyledHeading.spec.tsx.snap +1 -1
  62. package/src/components/Switch/__tests__/__snapshots__/index.spec.tsx.snap +2 -2
  63. package/src/components/Tabs/__tests__/__snapshots__/ScrollableTabs.spec.tsx.snap +6 -6
  64. package/src/components/Tabs/__tests__/__snapshots__/index.spec.tsx.snap +8 -8
  65. package/src/components/Tag/__tests__/__snapshots__/Tag.spec.tsx.snap +8 -8
  66. package/src/components/TextInput/__tests__/__snapshots__/StyledTextInput.spec.tsx.snap +50 -50
  67. package/src/components/TextInput/__tests__/__snapshots__/index.spec.tsx.snap +87 -87
  68. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerAndroid.spec.tsx.snap +5 -5
  69. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap +12 -12
  70. package/src/components/Toast/__tests__/__snapshots__/Toast.spec.tsx.snap +22 -22
  71. package/src/components/Toolbar/__tests__/__snapshots__/ToolbarGroup.spec.tsx.snap +12 -12
  72. package/src/components/Toolbar/__tests__/__snapshots__/ToolbarItem.spec.tsx.snap +8 -8
  73. package/src/components/Typography/Text/__tests__/__snapshots__/StyledText.spec.tsx.snap +13 -13
  74. package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +142 -143
  75. package/src/theme/components/alert.ts +3 -3
  76. package/src/theme/components/badge.ts +1 -1
  77. package/src/theme/components/card.ts +4 -4
  78. package/src/theme/components/list.ts +4 -4
  79. package/src/theme/components/pinInput.ts +2 -2
  80. package/src/theme/components/progress.ts +5 -5
  81. package/src/theme/components/toast.ts +3 -3
  82. package/src/theme/global/colors.ts +40 -39
  83. package/types/components/Progress/StyledProgressCircle.d.ts +12 -6
  84. package/types/theme/components/progress.d.ts +1 -2
package/src/components/FAB/ActionGroup/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -24,7 +24,7 @@ exports[`ActionGroup has active false 1`] = `
24
24
  pointerEvents="box-none"
25
25
  style={
26
26
  Object {
27
- "backgroundColor": "#292a2b",
27
+ "backgroundColor": "#001f23",
28
28
  "bottom": 0,
29
29
  "left": 0,
30
30
  "opacity": 0,
@@ -58,7 +58,7 @@ exports[`ActionGroup has active false 1`] = `
58
58
  style={
59
59
  Array [
60
60
  Object {
61
- "color": "#292a2b",
61
+ "color": "#001f23",
62
62
  "fontFamily": "BeVietnamPro-Regular",
63
63
  "fontSize": 14,
64
64
  "letterSpacing": 0.42,
@@ -122,7 +122,7 @@ exports[`ActionGroup has active false 1`] = `
122
122
  style={
123
123
  Array [
124
124
  Object {
125
- "color": "#292a2b",
125
+ "color": "#001f23",
126
126
  "fontSize": 24,
127
127
  },
128
128
  Array [
@@ -140,7 +140,7 @@ exports[`ActionGroup has active false 1`] = `
140
140
  style={
141
141
  Array [
142
142
  Object {
143
- "color": "#292a2b",
143
+ "color": "#001f23",
144
144
  "fontFamily": "BeVietnamPro-Regular",
145
145
  "fontSize": 14,
146
146
  "letterSpacing": 0.42,
@@ -201,7 +201,7 @@ exports[`ActionGroup has active false 1`] = `
201
201
  style={
202
202
  Array [
203
203
  Object {
204
- "color": "#292a2b",
204
+ "color": "#001f23",
205
205
  "fontSize": 24,
206
206
  },
207
207
  Array [
@@ -219,7 +219,7 @@ exports[`ActionGroup has active false 1`] = `
219
219
  style={
220
220
  Array [
221
221
  Object {
222
- "color": "#292a2b",
222
+ "color": "#001f23",
223
223
  "fontFamily": "BeVietnamPro-Regular",
224
224
  "fontSize": 14,
225
225
  "letterSpacing": 0.42,
@@ -280,7 +280,7 @@ exports[`ActionGroup has active false 1`] = `
280
280
  style={
281
281
  Array [
282
282
  Object {
283
- "color": "#292a2b",
283
+ "color": "#001f23",
284
284
  "fontSize": 24,
285
285
  },
286
286
  Array [
@@ -298,7 +298,7 @@ exports[`ActionGroup has active false 1`] = `
298
298
  style={
299
299
  Array [
300
300
  Object {
301
- "color": "#292a2b",
301
+ "color": "#001f23",
302
302
  "fontFamily": "BeVietnamPro-Regular",
303
303
  "fontSize": 14,
304
304
  "letterSpacing": 0.42,
@@ -359,7 +359,7 @@ exports[`ActionGroup has active false 1`] = `
359
359
  style={
360
360
  Array [
361
361
  Object {
362
- "color": "#292a2b",
362
+ "color": "#001f23",
363
363
  "fontSize": 24,
364
364
  },
365
365
  Array [
@@ -377,7 +377,7 @@ exports[`ActionGroup has active false 1`] = `
377
377
  style={
378
378
  Array [
379
379
  Object {
380
- "color": "#292a2b",
380
+ "color": "#001f23",
381
381
  "fontFamily": "BeVietnamPro-Regular",
382
382
  "fontSize": 14,
383
383
  "letterSpacing": 0.42,
@@ -438,7 +438,7 @@ exports[`ActionGroup has active false 1`] = `
438
438
  style={
439
439
  Array [
440
440
  Object {
441
- "color": "#292a2b",
441
+ "color": "#001f23",
442
442
  "fontSize": 24,
443
443
  },
444
444
  Array [
@@ -456,7 +456,7 @@ exports[`ActionGroup has active false 1`] = `
456
456
  style={
457
457
  Array [
458
458
  Object {
459
- "color": "#292a2b",
459
+ "color": "#001f23",
460
460
  "fontFamily": "BeVietnamPro-Regular",
461
461
  "fontSize": 14,
462
462
  "letterSpacing": 0.42,
@@ -498,7 +498,7 @@ exports[`ActionGroup has active false 1`] = `
498
498
  Object {
499
499
  "alignItems": "center",
500
500
  "alignSelf": "flex-start",
501
- "backgroundColor": "#292a2b",
501
+ "backgroundColor": "#001f23",
502
502
  "borderRadius": 999,
503
503
  "flexDirection": "row",
504
504
  "justifyContent": "center",
@@ -523,7 +523,7 @@ exports[`ActionGroup has active false 1`] = `
523
523
  style={
524
524
  Array [
525
525
  Object {
526
- "color": "#292a2b",
526
+ "color": "#001f23",
527
527
  "fontSize": 16,
528
528
  },
529
529
  Array [
@@ -587,7 +587,7 @@ exports[`ActionGroup has active true 1`] = `
587
587
  pointerEvents="auto"
588
588
  style={
589
589
  Object {
590
- "backgroundColor": "#292a2b",
590
+ "backgroundColor": "#001f23",
591
591
  "bottom": 0,
592
592
  "left": 0,
593
593
  "opacity": 0.9,
@@ -621,7 +621,7 @@ exports[`ActionGroup has active true 1`] = `
621
621
  style={
622
622
  Array [
623
623
  Object {
624
- "color": "#292a2b",
624
+ "color": "#001f23",
625
625
  "fontFamily": "BeVietnamPro-Regular",
626
626
  "fontSize": 14,
627
627
  "letterSpacing": 0.42,
@@ -685,7 +685,7 @@ exports[`ActionGroup has active true 1`] = `
685
685
  style={
686
686
  Array [
687
687
  Object {
688
- "color": "#292a2b",
688
+ "color": "#001f23",
689
689
  "fontSize": 24,
690
690
  },
691
691
  Array [
@@ -703,7 +703,7 @@ exports[`ActionGroup has active true 1`] = `
703
703
  style={
704
704
  Array [
705
705
  Object {
706
- "color": "#292a2b",
706
+ "color": "#001f23",
707
707
  "fontFamily": "BeVietnamPro-Regular",
708
708
  "fontSize": 14,
709
709
  "letterSpacing": 0.42,
@@ -764,7 +764,7 @@ exports[`ActionGroup has active true 1`] = `
764
764
  style={
765
765
  Array [
766
766
  Object {
767
- "color": "#292a2b",
767
+ "color": "#001f23",
768
768
  "fontSize": 24,
769
769
  },
770
770
  Array [
@@ -782,7 +782,7 @@ exports[`ActionGroup has active true 1`] = `
782
782
  style={
783
783
  Array [
784
784
  Object {
785
- "color": "#292a2b",
785
+ "color": "#001f23",
786
786
  "fontFamily": "BeVietnamPro-Regular",
787
787
  "fontSize": 14,
788
788
  "letterSpacing": 0.42,
@@ -843,7 +843,7 @@ exports[`ActionGroup has active true 1`] = `
843
843
  style={
844
844
  Array [
845
845
  Object {
846
- "color": "#292a2b",
846
+ "color": "#001f23",
847
847
  "fontSize": 24,
848
848
  },
849
849
  Array [
@@ -861,7 +861,7 @@ exports[`ActionGroup has active true 1`] = `
861
861
  style={
862
862
  Array [
863
863
  Object {
864
- "color": "#292a2b",
864
+ "color": "#001f23",
865
865
  "fontFamily": "BeVietnamPro-Regular",
866
866
  "fontSize": 14,
867
867
  "letterSpacing": 0.42,
@@ -922,7 +922,7 @@ exports[`ActionGroup has active true 1`] = `
922
922
  style={
923
923
  Array [
924
924
  Object {
925
- "color": "#292a2b",
925
+ "color": "#001f23",
926
926
  "fontSize": 24,
927
927
  },
928
928
  Array [
@@ -940,7 +940,7 @@ exports[`ActionGroup has active true 1`] = `
940
940
  style={
941
941
  Array [
942
942
  Object {
943
- "color": "#292a2b",
943
+ "color": "#001f23",
944
944
  "fontFamily": "BeVietnamPro-Regular",
945
945
  "fontSize": 14,
946
946
  "letterSpacing": 0.42,
@@ -1001,7 +1001,7 @@ exports[`ActionGroup has active true 1`] = `
1001
1001
  style={
1002
1002
  Array [
1003
1003
  Object {
1004
- "color": "#292a2b",
1004
+ "color": "#001f23",
1005
1005
  "fontSize": 24,
1006
1006
  },
1007
1007
  Array [
@@ -1019,7 +1019,7 @@ exports[`ActionGroup has active true 1`] = `
1019
1019
  style={
1020
1020
  Array [
1021
1021
  Object {
1022
- "color": "#292a2b",
1022
+ "color": "#001f23",
1023
1023
  "fontFamily": "BeVietnamPro-Regular",
1024
1024
  "fontSize": 14,
1025
1025
  "letterSpacing": 0.42,
@@ -1061,7 +1061,7 @@ exports[`ActionGroup has active true 1`] = `
1061
1061
  Object {
1062
1062
  "alignItems": "center",
1063
1063
  "alignSelf": "flex-start",
1064
- "backgroundColor": "#292a2b",
1064
+ "backgroundColor": "#001f23",
1065
1065
  "borderRadius": 999,
1066
1066
  "flexDirection": "row",
1067
1067
  "justifyContent": "center",
@@ -1086,7 +1086,7 @@ exports[`ActionGroup has active true 1`] = `
1086
1086
  style={
1087
1087
  Array [
1088
1088
  Object {
1089
- "color": "#292a2b",
1089
+ "color": "#001f23",
1090
1090
  "fontSize": 16,
1091
1091
  },
1092
1092
  Array [
package/src/components/FAB/__tests__/__snapshots__/AnimatedFABIcon.spec.tsx.snap CHANGED
@@ -19,7 +19,7 @@ exports[`AnimatedFABIcon renders correctly when isActive is false 1`] = `
19
19
  style={
20
20
  Array [
21
21
  Object {
22
- "color": "#292a2b",
22
+ "color": "#001f23",
23
23
  "fontSize": 24,
24
24
  },
25
25
  Array [
@@ -58,7 +58,7 @@ exports[`AnimatedFABIcon renders correctly when isActive is true 1`] = `
58
58
  style={
59
59
  Array [
60
60
  Object {
61
- "color": "#292a2b",
61
+ "color": "#001f23",
62
62
  "fontSize": 24,
63
63
  },
64
64
  Array [
package/src/components/FAB/__tests__/__snapshots__/StyledFAB.spec.tsx.snap CHANGED
@@ -16,7 +16,7 @@ exports[`StyledFABContainer renders correctly 1`] = `
16
16
  Object {
17
17
  "alignItems": "center",
18
18
  "alignSelf": "flex-start",
19
- "backgroundColor": "#292a2b",
19
+ "backgroundColor": "#001f23",
20
20
  "borderRadius": 999,
21
21
  "flexDirection": "row",
22
22
  "justifyContent": "center",
@@ -32,7 +32,7 @@ exports[`StyledFABContainer renders correctly 1`] = `
32
32
  style={
33
33
  Array [
34
34
  Object {
35
- "color": "#292a2b",
35
+ "color": "#001f23",
36
36
  "fontFamily": "BeVietnamPro-Regular",
37
37
  "fontSize": 14,
38
38
  "letterSpacing": 0.42,
@@ -56,7 +56,7 @@ exports[`StyledFABIcon renders correctly 1`] = `
56
56
  style={
57
57
  Array [
58
58
  Object {
59
- "color": "#292a2b",
59
+ "color": "#001f23",
60
60
  "fontSize": 24,
61
61
  },
62
62
  Array [
package/src/components/FAB/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -16,7 +16,7 @@ exports[`FAB when animated is false renders StyledFABIcon 1`] = `
16
16
  Object {
17
17
  "alignItems": "center",
18
18
  "alignSelf": "flex-start",
19
- "backgroundColor": "#292a2b",
19
+ "backgroundColor": "#001f23",
20
20
  "borderRadius": 999,
21
21
  "flexDirection": "row",
22
22
  "justifyContent": "center",
@@ -25,7 +25,7 @@ exports[`FAB when animated is false renders StyledFABIcon 1`] = `
25
25
  "paddingVertical": 16,
26
26
  },
27
27
  Object {
28
- "backgroundColor": "#292a2b",
28
+ "backgroundColor": "#001f23",
29
29
  },
30
30
  ]
31
31
  }
@@ -35,7 +35,7 @@ exports[`FAB when animated is false renders StyledFABIcon 1`] = `
35
35
  style={
36
36
  Array [
37
37
  Object {
38
- "color": "#292a2b",
38
+ "color": "#001f23",
39
39
  "fontSize": 24,
40
40
  },
41
41
  Array [
@@ -72,7 +72,7 @@ exports[`FAB when animated is true renders animatedFABIcon 1`] = `
72
72
  Object {
73
73
  "alignItems": "center",
74
74
  "alignSelf": "flex-start",
75
- "backgroundColor": "#292a2b",
75
+ "backgroundColor": "#001f23",
76
76
  "borderRadius": 999,
77
77
  "flexDirection": "row",
78
78
  "justifyContent": "center",
@@ -81,7 +81,7 @@ exports[`FAB when animated is true renders animatedFABIcon 1`] = `
81
81
  "paddingVertical": 16,
82
82
  },
83
83
  Object {
84
- "backgroundColor": "#292a2b",
84
+ "backgroundColor": "#001f23",
85
85
  },
86
86
  ]
87
87
  }
@@ -104,7 +104,7 @@ exports[`FAB when animated is true renders animatedFABIcon 1`] = `
104
104
  style={
105
105
  Array [
106
106
  Object {
107
- "color": "#292a2b",
107
+ "color": "#001f23",
108
108
  "fontSize": 24,
109
109
  },
110
110
  Array [
@@ -142,7 +142,7 @@ exports[`FAB when title has value renders correctly 1`] = `
142
142
  Object {
143
143
  "alignItems": "center",
144
144
  "alignSelf": "flex-start",
145
- "backgroundColor": "#292a2b",
145
+ "backgroundColor": "#001f23",
146
146
  "borderRadius": 999,
147
147
  "flexDirection": "row",
148
148
  "justifyContent": "center",
@@ -151,7 +151,7 @@ exports[`FAB when title has value renders correctly 1`] = `
151
151
  "paddingVertical": 16,
152
152
  },
153
153
  Object {
154
- "backgroundColor": "#292a2b",
154
+ "backgroundColor": "#001f23",
155
155
  },
156
156
  ]
157
157
  }
@@ -161,7 +161,7 @@ exports[`FAB when title has value renders correctly 1`] = `
161
161
  style={
162
162
  Array [
163
163
  Object {
164
- "color": "#292a2b",
164
+ "color": "#001f23",
165
165
  "fontSize": 16,
166
166
  },
167
167
  Array [
package/src/components/Icon/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -19,7 +19,7 @@ exports[`Icon render correctly with spin prop 1`] = `
19
19
  style={
20
20
  Array [
21
21
  Object {
22
- "color": "#292a2b",
22
+ "color": "#001f23",
23
23
  "fontSize": 24,
24
24
  },
25
25
  undefined,
@@ -37,7 +37,7 @@ exports[`Icon renders correctly 1`] = `
37
37
  style={
38
38
  Array [
39
39
  Object {
40
- "color": "#292a2b",
40
+ "color": "#001f23",
41
41
  "fontSize": 24,
42
42
  },
43
43
  undefined,
@@ -71,7 +71,7 @@ exports[`Icon renders correctly with intent 1`] = `
71
71
  style={
72
72
  Array [
73
73
  Object {
74
- "color": "#7622d7",
74
+ "color": "#8505a2",
75
75
  "fontSize": 24,
76
76
  },
77
77
  undefined,
package/src/components/List/__tests__/__snapshots__/BasicListItem.spec.tsx.snap CHANGED
@@ -44,7 +44,7 @@ exports[`BasicListItem renders correctly 1`] = `
44
44
  style={
45
45
  Array [
46
46
  Object {
47
- "color": "#292a2b",
47
+ "color": "#001f23",
48
48
  "fontFamily": "BeVietnamPro-Regular",
49
49
  "fontSize": 16,
50
50
  "letterSpacing": 0.48,
@@ -63,7 +63,7 @@ exports[`BasicListItem renders correctly 1`] = `
63
63
  style={
64
64
  Array [
65
65
  Object {
66
- "color": "#8b8d92",
66
+ "color": "#808f91",
67
67
  "fontFamily": "BeVietnamPro-Regular",
68
68
  "fontSize": 12,
69
69
  "letterSpacing": 0.36,
@@ -94,7 +94,7 @@ exports[`BasicListItem renders correctly 1`] = `
94
94
  style={
95
95
  Array [
96
96
  Object {
97
- "color": "#292a2b",
97
+ "color": "#001f23",
98
98
  "fontSize": 20,
99
99
  },
100
100
  undefined,
package/src/components/List/__tests__/__snapshots__/ListItem.spec.tsx.snap CHANGED
@@ -61,7 +61,7 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
61
61
  style={
62
62
  Array [
63
63
  Object {
64
- "borderColor": "#7622d7",
64
+ "borderColor": "#8505a2",
65
65
  "borderRadius": 999,
66
66
  "borderWidth": 1,
67
67
  "height": 32,
@@ -92,7 +92,7 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
92
92
  style={
93
93
  Array [
94
94
  Object {
95
- "color": "#7622d7",
95
+ "color": "#8505a2",
96
96
  "fontSize": 16,
97
97
  "overflow": "hidden",
98
98
  },
@@ -121,7 +121,7 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
121
121
  style={
122
122
  Array [
123
123
  Object {
124
- "color": "#292a2b",
124
+ "color": "#001f23",
125
125
  "fontFamily": "BeVietnamPro-SemiBold",
126
126
  "fontSize": 16,
127
127
  "letterSpacing": 0.48,
@@ -140,7 +140,7 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
140
140
  style={
141
141
  Array [
142
142
  Object {
143
- "color": "#8b8d92",
143
+ "color": "#808f91",
144
144
  "fontFamily": "BeVietnamPro-Regular",
145
145
  "fontSize": 12,
146
146
  "letterSpacing": 0.36,
@@ -171,7 +171,7 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
171
171
  style={
172
172
  Array [
173
173
  Object {
174
- "color": "#7622d7",
174
+ "color": "#8505a2",
175
175
  "fontSize": 20,
176
176
  },
177
177
  undefined,
@@ -207,7 +207,7 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
207
207
  style={
208
208
  Array [
209
209
  Object {
210
- "color": "#292a2b",
210
+ "color": "#001f23",
211
211
  "fontFamily": "BeVietnamPro-Regular",
212
212
  "fontSize": 14,
213
213
  "letterSpacing": 0.42,
@@ -226,7 +226,7 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
226
226
  style={
227
227
  Array [
228
228
  Object {
229
- "color": "#292a2b",
229
+ "color": "#001f23",
230
230
  "fontFamily": "BeVietnamPro-Regular",
231
231
  "fontSize": 14,
232
232
  "letterSpacing": 0.42,
@@ -255,7 +255,7 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
255
255
  style={
256
256
  Array [
257
257
  Object {
258
- "color": "#292a2b",
258
+ "color": "#001f23",
259
259
  "fontFamily": "BeVietnamPro-Regular",
260
260
  "fontSize": 14,
261
261
  "letterSpacing": 0.42,
@@ -274,7 +274,7 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
274
274
  style={
275
275
  Array [
276
276
  Object {
277
- "color": "#292a2b",
277
+ "color": "#001f23",
278
278
  "fontFamily": "BeVietnamPro-Regular",
279
279
  "fontSize": 14,
280
280
  "letterSpacing": 0.42,
@@ -357,7 +357,7 @@ exports[`ListItem renders correctly ListItem with icon 1`] = `
357
357
  style={
358
358
  Array [
359
359
  Object {
360
- "color": "#292a2b",
360
+ "color": "#001f23",
361
361
  "fontFamily": "BeVietnamPro-SemiBold",
362
362
  "fontSize": 16,
363
363
  "letterSpacing": 0.48,
@@ -376,7 +376,7 @@ exports[`ListItem renders correctly ListItem with icon 1`] = `
376
376
  style={
377
377
  Array [
378
378
  Object {
379
- "color": "#8b8d92",
379
+ "color": "#808f91",
380
380
  "fontFamily": "BeVietnamPro-Regular",
381
381
  "fontSize": 12,
382
382
  "letterSpacing": 0.36,
@@ -407,7 +407,7 @@ exports[`ListItem renders correctly ListItem with icon 1`] = `
407
407
  style={
408
408
  Array [
409
409
  Object {
410
- "color": "#7622d7",
410
+ "color": "#8505a2",
411
411
  "fontSize": 20,
412
412
  },
413
413
  undefined,
@@ -453,7 +453,7 @@ exports[`ListItem renders correctly ListItem with leading status 1`] = `
453
453
  style={
454
454
  Array [
455
455
  Object {
456
- "backgroundColor": "#ccced1",
456
+ "backgroundColor": "#bfc1c5",
457
457
  "borderRadius": 999,
458
458
  "marginRight": 8,
459
459
  "width": 8,
@@ -498,7 +498,7 @@ exports[`ListItem renders correctly ListItem with leading status 1`] = `
498
498
  style={
499
499
  Array [
500
500
  Object {
501
- "color": "#292a2b",
501
+ "color": "#001f23",
502
502
  "fontFamily": "BeVietnamPro-SemiBold",
503
503
  "fontSize": 16,
504
504
  "letterSpacing": 0.48,
@@ -529,7 +529,7 @@ exports[`ListItem renders correctly ListItem with leading status 1`] = `
529
529
  style={
530
530
  Array [
531
531
  Object {
532
- "color": "#7622d7",
532
+ "color": "#8505a2",
533
533
  "fontSize": 20,
534
534
  },
535
535
  undefined,
@@ -606,7 +606,7 @@ exports[`ListItem renders correctly ListItem with prefix suffix is React.Element
606
606
  style={
607
607
  Array [
608
608
  Object {
609
- "borderColor": "#7622d7",
609
+ "borderColor": "#8505a2",
610
610
  "borderRadius": 999,
611
611
  "borderWidth": 1,
612
612
  "height": 32,
@@ -637,7 +637,7 @@ exports[`ListItem renders correctly ListItem with prefix suffix is React.Element
637
637
  style={
638
638
  Array [
639
639
  Object {
640
- "color": "#7622d7",
640
+ "color": "#8505a2",
641
641
  "fontSize": 16,
642
642
  "overflow": "hidden",
643
643
  },
@@ -666,7 +666,7 @@ exports[`ListItem renders correctly ListItem with prefix suffix is React.Element
666
666
  style={
667
667
  Array [
668
668
  Object {
669
- "color": "#292a2b",
669
+ "color": "#001f23",
670
670
  "fontFamily": "BeVietnamPro-SemiBold",
671
671
  "fontSize": 16,
672
672
  "letterSpacing": 0.48,
@@ -685,7 +685,7 @@ exports[`ListItem renders correctly ListItem with prefix suffix is React.Element
685
685
  style={
686
686
  Array [
687
687
  Object {
688
- "color": "#8b8d92",
688
+ "color": "#808f91",
689
689
  "fontFamily": "BeVietnamPro-Regular",
690
690
  "fontSize": 12,
691
691
  "letterSpacing": 0.36,
@@ -729,7 +729,7 @@ exports[`ListItem renders correctly ListItem with prefix suffix is React.Element
729
729
  style={
730
730
  Array [
731
731
  Object {
732
- "backgroundColor": "#7622d7",
732
+ "backgroundColor": "#8505a2",
733
733
  "borderRadius": 999,
734
734
  "height": 28.799999999999997,
735
735
  "paddingHorizontal": 4,
package/src/components/List/__tests__/__snapshots__/StyledBasicListItem.spec.tsx.snap CHANGED
@@ -28,7 +28,7 @@ exports[`StyledListItemContainer renders correctly themeSelected false themeDisa
28
28
  style={
29
29
  Array [
30
30
  Object {
31
- "color": "#292a2b",
31
+ "color": "#001f23",
32
32
  "fontFamily": "BeVietnamPro-Regular",
33
33
  "fontSize": 14,
34
34
  "letterSpacing": 0.42,
@@ -74,7 +74,7 @@ exports[`StyledListItemContainer renders correctly themeSelected false themeDisa
74
74
  style={
75
75
  Array [
76
76
  Object {
77
- "color": "#292a2b",
77
+ "color": "#001f23",
78
78
  "fontFamily": "BeVietnamPro-Regular",
79
79
  "fontSize": 14,
80
80
  "letterSpacing": 0.42,
@@ -107,7 +107,7 @@ exports[`StyledListItemContainer renders correctly themeSelected true themeDisab
107
107
  Array [
108
108
  Object {
109
109
  "alignItems": "center",
110
- "backgroundColor": "#f1e9fb",
110
+ "backgroundColor": "#f3e6f6",
111
111
  "flexDirection": "row",
112
112
  "opacity": 1,
113
113
  "padding": 16,
@@ -120,7 +120,7 @@ exports[`StyledListItemContainer renders correctly themeSelected true themeDisab
120
120
  style={
121
121
  Array [
122
122
  Object {
123
- "color": "#292a2b",
123
+ "color": "#001f23",
124
124
  "fontFamily": "BeVietnamPro-Regular",
125
125
  "fontSize": 14,
126
126
  "letterSpacing": 0.42,
@@ -153,7 +153,7 @@ exports[`StyledListItemContainer renders correctly themeSelected true themeDisab
153
153
  Array [
154
154
  Object {
155
155
  "alignItems": "center",
156
- "backgroundColor": "#f1e9fb",
156
+ "backgroundColor": "#f3e6f6",
157
157
  "flexDirection": "row",
158
158
  "opacity": 0.38,
159
159
  "padding": 16,
@@ -166,7 +166,7 @@ exports[`StyledListItemContainer renders correctly themeSelected true themeDisab
166
166
  style={
167
167
  Array [
168
168
  Object {
169
- "color": "#292a2b",
169
+ "color": "#001f23",
170
170
  "fontFamily": "BeVietnamPro-Regular",
171
171
  "fontSize": 14,
172
172
  "letterSpacing": 0.42,