@hero-design/rn 7.22.2 → 7.22.3

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 (117) hide show
  1. package/.turbo/turbo-build.log +2 -2
  2. package/es/index.js +271 -242
  3. package/lib/index.js +271 -242
  4. package/package.json +4 -4
  5. package/src/components/Accordion/AccordionItem.tsx +1 -1
  6. package/src/components/Accordion/__tests__/__snapshots__/AccordionItem.spec.tsx.snap +8 -8
  7. package/src/components/Accordion/__tests__/__snapshots__/index.spec.tsx.snap +12 -12
  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/BottomNavigation/__tests__/__snapshots__/index.spec.tsx.snap +2 -2
  11. package/src/components/Button/LoadingIndicator/__tests__/__snapshots__/StyledLoadingIndicator.spec.tsx.snap +2 -2
  12. package/src/components/Button/LoadingIndicator/__tests__/__snapshots__/index.spec.tsx.snap +6 -6
  13. package/src/components/Button/__tests__/__snapshots__/StyledButton.spec.tsx.snap +24 -24
  14. package/src/components/Calendar/__tests__/__snapshots__/CalendarRowItem.spec.tsx.snap +6 -6
  15. package/src/components/Card/DataCard/__tests__/__snapshots__/StyledDataCard.spec.tsx.snap +3 -3
  16. package/src/components/Card/DataCard/__tests__/__snapshots__/index.spec.tsx.snap +2 -2
  17. package/src/components/Card/__tests__/__snapshots__/StyledCard.spec.tsx.snap +1 -1
  18. package/src/components/Card/__tests__/__snapshots__/index.spec.tsx.snap +1 -1
  19. package/src/components/Checkbox/__tests__/__snapshots__/StyledCheckbox.spec.tsx.snap +2 -2
  20. package/src/components/Checkbox/__tests__/__snapshots__/index.spec.tsx.snap +5 -5
  21. package/src/components/ContentNavigator/__tests__/__snapshots__/index.spec.tsx.snap +2 -2
  22. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerIOS.spec.tsx.snap +1 -1
  23. package/src/components/Drawer/__tests__/__snapshots__/index.spec.tsx.snap +3 -3
  24. package/src/components/FAB/ActionGroup/__tests__/__snapshots__/index.spec.tsx.snap +10 -10
  25. package/src/components/Icon/HeroIcon/index.tsx +2 -0
  26. package/src/components/Icon/__tests__/__snapshots__/index.spec.tsx.snap +1 -1
  27. package/src/components/Icon/index.tsx +1 -0
  28. package/src/components/List/__tests__/__snapshots__/BasicListItem.spec.tsx.snap +2 -2
  29. package/src/components/List/__tests__/__snapshots__/ListItem.spec.tsx.snap +12 -12
  30. package/src/components/List/__tests__/__snapshots__/StyledBasicListItem.spec.tsx.snap +2 -2
  31. package/src/components/List/__tests__/__snapshots__/StyledListItem.spec.tsx.snap +4 -4
  32. package/src/components/PinInput/__tests__/__snapshots__/PinCell.spec.tsx.snap +6 -6
  33. package/src/components/PinInput/__tests__/__snapshots__/index.spec.tsx.snap +21 -21
  34. package/src/components/Progress/__tests__/__snapshots__/index.spec.js.snap +5 -5
  35. package/src/components/Radio/__tests__/__snapshots__/Radio.spec.tsx.snap +1 -1
  36. package/src/components/Radio/__tests__/__snapshots__/RadioGroup.spec.tsx.snap +1 -1
  37. package/src/components/RichTextEditor/__tests__/EditorToolbar.spec.tsx +1 -1
  38. package/src/components/RichTextEditor/__tests__/__snapshots__/RichTextEditor.spec.tsx.snap +4 -4
  39. package/src/components/SectionHeading/__tests__/__snapshots__/index.spec.tsx.snap +1 -1
  40. package/src/components/Select/MultiSelect/__tests__/__snapshots__/Option.spec.tsx.snap +1 -1
  41. package/src/components/Select/MultiSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap +13 -9
  42. package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap +18 -18
  43. package/src/components/Select/SingleSelect/__tests__/__snapshots__/Option.spec.tsx.snap +1 -1
  44. package/src/components/Select/SingleSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap +12 -8
  45. package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap +9 -9
  46. package/src/components/Select/__tests__/__snapshots__/StyledSelect.spec.tsx.snap +1 -1
  47. package/src/components/Slider/__tests__/__snapshots__/index.spec.tsx.snap +3 -3
  48. package/src/components/Spinner/StyledSpinner.tsx +8 -4
  49. package/src/components/Spinner/__tests__/__snapshots__/AnimatedSpinner.spec.tsx.snap +8 -4
  50. package/src/components/Spinner/__tests__/__snapshots__/StyledSpinner.spec.tsx.snap +32 -16
  51. package/src/components/Spinner/__tests__/__snapshots__/index.spec.tsx.snap +8 -4
  52. package/src/components/Switch/__tests__/__snapshots__/StyledSwitch.spec.tsx.snap +3 -3
  53. package/src/components/Tabs/ScrollableTabs.tsx +2 -5
  54. package/src/components/Tabs/__tests__/__snapshots__/ScrollableTabs.spec.tsx.snap +1 -1
  55. package/src/components/Tag/__tests__/__snapshots__/Tag.spec.tsx.snap +1 -1
  56. package/src/components/TextInput/__tests__/__snapshots__/StyledTextInput.spec.tsx.snap +10 -10
  57. package/src/components/TextInput/__tests__/__snapshots__/index.spec.tsx.snap +14 -14
  58. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap +1 -1
  59. package/src/components/Toast/ToastProvider.tsx +2 -4
  60. package/src/components/Toast/__tests__/index.spec.tsx +138 -0
  61. package/src/components/Toolbar/ToolbarItem.tsx +1 -1
  62. package/src/components/Toolbar/__tests__/__snapshots__/ToolbarGroup.spec.tsx.snap +12 -12
  63. package/src/components/Toolbar/__tests__/__snapshots__/ToolbarItem.spec.tsx.snap +6 -6
  64. package/src/components/Typography/Text/StyledText.tsx +1 -0
  65. package/src/components/Typography/Text/__tests__/__snapshots__/StyledText.spec.tsx.snap +3 -3
  66. package/src/components/Typography/Text/index.tsx +1 -0
  67. package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +92 -85
  68. package/src/theme/components/accordion.ts +1 -1
  69. package/src/theme/components/alert.ts +4 -4
  70. package/src/theme/components/avatar.ts +2 -2
  71. package/src/theme/components/badge.ts +6 -6
  72. package/src/theme/components/bottomNavigation.ts +2 -2
  73. package/src/theme/components/bottomSheet.ts +3 -3
  74. package/src/theme/components/button.ts +20 -20
  75. package/src/theme/components/calendar.ts +4 -4
  76. package/src/theme/components/card.ts +5 -5
  77. package/src/theme/components/checkbox.ts +1 -1
  78. package/src/theme/components/divider.ts +1 -1
  79. package/src/theme/components/drawer.ts +4 -4
  80. package/src/theme/components/empty.ts +3 -4
  81. package/src/theme/components/fab.ts +7 -7
  82. package/src/theme/components/icon.ts +4 -3
  83. package/src/theme/components/list.ts +6 -7
  84. package/src/theme/components/pinInput.ts +4 -4
  85. package/src/theme/components/progress.ts +3 -3
  86. package/src/theme/components/richTextEditor.ts +3 -3
  87. package/src/theme/components/sectionHeading.ts +1 -1
  88. package/src/theme/components/select.ts +1 -1
  89. package/src/theme/components/slider.ts +3 -3
  90. package/src/theme/components/spinner.ts +1 -4
  91. package/src/theme/components/switch.ts +7 -7
  92. package/src/theme/components/tabs.ts +5 -5
  93. package/src/theme/components/tag.ts +12 -12
  94. package/src/theme/components/textInput.ts +38 -38
  95. package/src/theme/components/toast.ts +6 -6
  96. package/src/theme/components/toolbar.ts +3 -2
  97. package/src/theme/components/typography.ts +4 -3
  98. package/src/theme/global/colors/global.ts +32 -0
  99. package/src/theme/global/colors/legacySystemPalette.ts +53 -0
  100. package/src/theme/global/colors/swag.ts +21 -35
  101. package/src/theme/global/colors/types.ts +46 -27
  102. package/src/theme/global/colors/work.ts +10 -9
  103. package/types/components/Icon/HeroIcon/index.d.ts +1 -1
  104. package/types/components/Icon/index.d.ts +1 -1
  105. package/types/components/Toast/__tests__/index.spec.d.ts +1 -0
  106. package/types/components/Toolbar/ToolbarItem.d.ts +1 -1
  107. package/types/components/Typography/Text/StyledText.d.ts +1 -1
  108. package/types/components/Typography/Text/index.d.ts +1 -1
  109. package/types/theme/components/empty.d.ts +0 -1
  110. package/types/theme/components/icon.d.ts +1 -0
  111. package/types/theme/components/spinner.d.ts +1 -4
  112. package/types/theme/components/toolbar.d.ts +1 -0
  113. package/types/theme/components/typography.d.ts +1 -0
  114. package/types/theme/global/colors/global.d.ts +3 -0
  115. package/types/theme/global/colors/legacySystemPalette.d.ts +3 -0
  116. package/types/theme/global/colors/types.d.ts +41 -21
  117. package/types/theme/global/index.d.ts +28 -20
package/src/components/Progress/__tests__/__snapshots__/index.spec.js.snap CHANGED
@@ -22,7 +22,7 @@ exports[`Progress.Bar renders correctly 1`] = `
22
22
  style={
23
23
  Object {
24
24
  "alignSelf": "stretch",
25
- "backgroundColor": "#8505a2",
25
+ "backgroundColor": "#001f23",
26
26
  "borderBottomRightRadius": 999,
27
27
  "borderTopRightRadius": 999,
28
28
  "flex": 1,
@@ -108,7 +108,7 @@ exports[`Progress.Circle renders correctly 1`] = `
108
108
  style={
109
109
  Array [
110
110
  Object {
111
- "backgroundColor": "#8505a2",
111
+ "backgroundColor": "#001f23",
112
112
  "borderRadius": 999,
113
113
  "height": 72,
114
114
  "width": 72,
@@ -200,7 +200,7 @@ exports[`Progress.Circle renders correctly 1`] = `
200
200
  style={
201
201
  Array [
202
202
  Object {
203
- "backgroundColor": "#8505a2",
203
+ "backgroundColor": "#001f23",
204
204
  "borderRadius": 999,
205
205
  "height": 72,
206
206
  "width": 72,
@@ -268,7 +268,7 @@ exports[`Progress.Circle renders correctly 1`] = `
268
268
  style={
269
269
  Array [
270
270
  Object {
271
- "backgroundColor": "#8505a2",
271
+ "backgroundColor": "#001f23",
272
272
  "borderRadius": 999,
273
273
  "height": 5.3999999999999995,
274
274
  "left": 33.3,
@@ -305,7 +305,7 @@ exports[`Progress.Circle renders correctly 1`] = `
305
305
  style={
306
306
  Array [
307
307
  Object {
308
- "backgroundColor": "#8505a2",
308
+ "backgroundColor": "#001f23",
309
309
  "borderRadius": 999,
310
310
  "height": 5.3999999999999995,
311
311
  "left": 33.3,
package/src/components/Radio/__tests__/__snapshots__/Radio.spec.tsx.snap CHANGED
@@ -20,7 +20,7 @@ exports[`rendering renders correctly when checked 1`] = `
20
20
  Array [
21
21
  Object {
22
22
  "alignItems": "center",
23
- "backgroundColor": "#ECE8EF",
23
+ "backgroundColor": "#d9d1df",
24
24
  "borderRadius": 4,
25
25
  "flexDirection": "row",
26
26
  "opacity": 1,
package/src/components/Radio/__tests__/__snapshots__/RadioGroup.spec.tsx.snap CHANGED
@@ -215,7 +215,7 @@ exports[`rendering renders correctly 1`] = `
215
215
  Array [
216
216
  Object {
217
217
  "alignItems": "center",
218
- "backgroundColor": "#ECE8EF",
218
+ "backgroundColor": "#d9d1df",
219
219
  "borderRadius": 4,
220
220
  "flexDirection": "row",
221
221
  "opacity": 1,
package/src/components/RichTextEditor/__tests__/EditorToolbar.spec.tsx CHANGED
@@ -96,7 +96,7 @@ describe('EditorToolbar', () => {
96
96
 
97
97
  fireEvent(wrapper.getByTestId(testID), 'press');
98
98
  expect(wrapper.getByTestId(testID)).toHaveStyle({
99
- backgroundColor: theme.colors.outline,
99
+ backgroundColor: theme.colors.lightHighlightedSurface,
100
100
  });
101
101
  });
102
102
 
package/src/components/RichTextEditor/__tests__/__snapshots__/RichTextEditor.spec.tsx.snap CHANGED
@@ -5,7 +5,7 @@ exports[`RichTextEditor onMessage recevied event editor-layout should update hei
5
5
  style={
6
6
  Array [
7
7
  Object {
8
- "borderColor": "#de350b",
8
+ "borderColor": "#f46363",
9
9
  "borderRadius": 8,
10
10
  "borderWidth": 1,
11
11
  "marginVertical": 8,
@@ -225,7 +225,7 @@ exports[`RichTextEditor onMessage recevied event editor-layout should update hei
225
225
  },
226
226
  Array [
227
227
  Object {
228
- "color": "#de350b",
228
+ "color": "#f46363",
229
229
  "fontSize": 12,
230
230
  "marginLeft": 4,
231
231
  },
@@ -251,7 +251,7 @@ exports[`RichTextEditor should render correctly 1`] = `
251
251
  style={
252
252
  Array [
253
253
  Object {
254
- "borderColor": "#de350b",
254
+ "borderColor": "#f46363",
255
255
  "borderRadius": 8,
256
256
  "borderWidth": 1,
257
257
  "marginVertical": 8,
@@ -470,7 +470,7 @@ exports[`RichTextEditor should render correctly 1`] = `
470
470
  },
471
471
  Array [
472
472
  Object {
473
- "color": "#de350b",
473
+ "color": "#f46363",
474
474
  "fontSize": 12,
475
475
  "marginLeft": 4,
476
476
  },
package/src/components/SectionHeading/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -58,7 +58,7 @@ exports[`SectionHeading allows to customise the icon 1`] = `
58
58
  style={
59
59
  Array [
60
60
  Object {
61
- "color": "#8505a2",
61
+ "color": "#001f23",
62
62
  "fontFamily": "BeVietnamPro-Regular",
63
63
  "fontSize": 16,
64
64
  "letterSpacing": 0.48,
package/src/components/Select/MultiSelect/__tests__/__snapshots__/Option.spec.tsx.snap CHANGED
@@ -20,7 +20,7 @@ exports[`Option renders correctly 1`] = `
20
20
  Array [
21
21
  Object {
22
22
  "alignItems": "center",
23
- "backgroundColor": "#ECE8EF",
23
+ "backgroundColor": "#d9d1df",
24
24
  "borderRadius": 4,
25
25
  "flexDirection": "row",
26
26
  "opacity": 1,
package/src/components/Select/MultiSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap CHANGED
@@ -198,7 +198,7 @@ exports[`OptionList render isLoading correctly 1`] = `
198
198
  Array [
199
199
  Object {
200
200
  "alignItems": "center",
201
- "backgroundColor": "#ECE8EF",
201
+ "backgroundColor": "#d9d1df",
202
202
  "borderRadius": 4,
203
203
  "flexDirection": "row",
204
204
  "opacity": 1,
@@ -724,9 +724,10 @@ exports[`OptionList render isLoading correctly 1`] = `
724
724
  style={
725
725
  Array [
726
726
  Object {
727
- "backgroundColor": "#795e90",
727
+ "backgroundColor": "#001f23",
728
728
  "borderRadius": 999,
729
729
  "height": 16,
730
+ "opacity": 1,
730
731
  "width": 16,
731
732
  },
732
733
  Object {},
@@ -741,10 +742,11 @@ exports[`OptionList render isLoading correctly 1`] = `
741
742
  style={
742
743
  Array [
743
744
  Object {
744
- "backgroundColor": "#a08cb0",
745
+ "backgroundColor": "#001f23",
745
746
  "borderRadius": 999,
746
747
  "height": 16,
747
748
  "marginLeft": 8,
749
+ "opacity": 0.75,
748
750
  "width": 16,
749
751
  },
750
752
  Object {},
@@ -775,9 +777,10 @@ exports[`OptionList render isLoading correctly 1`] = `
775
777
  style={
776
778
  Array [
777
779
  Object {
778
- "backgroundColor": "#d9d1df",
780
+ "backgroundColor": "#001f23",
779
781
  "borderRadius": 999,
780
782
  "height": 16,
783
+ "opacity": 0.5,
781
784
  "width": 16,
782
785
  },
783
786
  Object {},
@@ -792,10 +795,11 @@ exports[`OptionList render isLoading correctly 1`] = `
792
795
  style={
793
796
  Array [
794
797
  Object {
795
- "backgroundColor": "#ece8ef",
798
+ "backgroundColor": "#001f23",
796
799
  "borderRadius": 999,
797
800
  "height": 16,
798
801
  "marginLeft": 8,
802
+ "opacity": 0.25,
799
803
  "width": 16,
800
804
  },
801
805
  Object {},
@@ -1000,7 +1004,7 @@ exports[`OptionList renders correctly 1`] = `
1000
1004
  Array [
1001
1005
  Object {
1002
1006
  "alignItems": "center",
1003
- "backgroundColor": "#ECE8EF",
1007
+ "backgroundColor": "#d9d1df",
1004
1008
  "borderRadius": 4,
1005
1009
  "flexDirection": "row",
1006
1010
  "opacity": 1,
@@ -1650,7 +1654,7 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
1650
1654
  Array [
1651
1655
  Object {
1652
1656
  "alignItems": "center",
1653
- "backgroundColor": "#ECE8EF",
1657
+ "backgroundColor": "#d9d1df",
1654
1658
  "borderRadius": 4,
1655
1659
  "flexDirection": "row",
1656
1660
  "opacity": 1,
@@ -1900,7 +1904,7 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
1900
1904
  Array [
1901
1905
  Object {
1902
1906
  "alignItems": "center",
1903
- "backgroundColor": "#ECE8EF",
1907
+ "backgroundColor": "#d9d1df",
1904
1908
  "borderRadius": 4,
1905
1909
  "flexDirection": "row",
1906
1910
  "opacity": 1,
@@ -2325,7 +2329,7 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
2325
2329
  Array [
2326
2330
  Object {
2327
2331
  "alignItems": "center",
2328
- "backgroundColor": "#ECE8EF",
2332
+ "backgroundColor": "#d9d1df",
2329
2333
  "borderRadius": 4,
2330
2334
  "flexDirection": "row",
2331
2335
  "opacity": 1,
package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -628,7 +628,7 @@ Array [
628
628
  style={
629
629
  Array [
630
630
  Object {
631
- "color": "#808f91",
631
+ "color": "#4d6265",
632
632
  "fontFamily": "BeVietnamPro-Regular",
633
633
  "fontSize": 16,
634
634
  "letterSpacing": 0.48,
@@ -773,7 +773,7 @@ Array [
773
773
  style={
774
774
  Array [
775
775
  Object {
776
- "color": "#808f91",
776
+ "color": "#4d6265",
777
777
  "fontFamily": "BeVietnamPro-Regular",
778
778
  "fontSize": 16,
779
779
  "letterSpacing": 0.48,
@@ -1033,7 +1033,7 @@ Array [
1033
1033
  style={
1034
1034
  Array [
1035
1035
  Object {
1036
- "color": "#808f91",
1036
+ "color": "#4d6265",
1037
1037
  "fontFamily": "BeVietnamPro-Regular",
1038
1038
  "fontSize": 16,
1039
1039
  "letterSpacing": 0.48,
@@ -1178,7 +1178,7 @@ Array [
1178
1178
  style={
1179
1179
  Array [
1180
1180
  Object {
1181
- "color": "#808f91",
1181
+ "color": "#4d6265",
1182
1182
  "fontFamily": "BeVietnamPro-Regular",
1183
1183
  "fontSize": 16,
1184
1184
  "letterSpacing": 0.48,
@@ -1311,7 +1311,7 @@ Array [
1311
1311
  },
1312
1312
  Array [
1313
1313
  Object {
1314
- "color": "#8505a2",
1314
+ "color": "#401960",
1315
1315
  },
1316
1316
  undefined,
1317
1317
  ],
@@ -1862,7 +1862,7 @@ Array [
1862
1862
  Array [
1863
1863
  Object {
1864
1864
  "alignItems": "center",
1865
- "backgroundColor": "#ECE8EF",
1865
+ "backgroundColor": "#d9d1df",
1866
1866
  "borderRadius": 4,
1867
1867
  "flexDirection": "row",
1868
1868
  "opacity": 1,
@@ -2015,7 +2015,7 @@ Array [
2015
2015
  Array [
2016
2016
  Object {
2017
2017
  "alignItems": "center",
2018
- "backgroundColor": "#ECE8EF",
2018
+ "backgroundColor": "#d9d1df",
2019
2019
  "borderRadius": 4,
2020
2020
  "flexDirection": "row",
2021
2021
  "opacity": 1,
@@ -2844,7 +2844,7 @@ Array [
2844
2844
  },
2845
2845
  Array [
2846
2846
  Object {
2847
- "color": "#8505a2",
2847
+ "color": "#401960",
2848
2848
  },
2849
2849
  undefined,
2850
2850
  ],
@@ -3388,7 +3388,7 @@ Array [
3388
3388
  Array [
3389
3389
  Object {
3390
3390
  "alignItems": "center",
3391
- "backgroundColor": "#ECE8EF",
3391
+ "backgroundColor": "#d9d1df",
3392
3392
  "borderRadius": 4,
3393
3393
  "flexDirection": "row",
3394
3394
  "opacity": 1,
@@ -3541,7 +3541,7 @@ Array [
3541
3541
  Array [
3542
3542
  Object {
3543
3543
  "alignItems": "center",
3544
- "backgroundColor": "#ECE8EF",
3544
+ "backgroundColor": "#d9d1df",
3545
3545
  "borderRadius": 4,
3546
3546
  "flexDirection": "row",
3547
3547
  "opacity": 1,
@@ -4368,7 +4368,7 @@ Array [
4368
4368
  },
4369
4369
  Array [
4370
4370
  Object {
4371
- "color": "#8505a2",
4371
+ "color": "#401960",
4372
4372
  },
4373
4373
  undefined,
4374
4374
  ],
@@ -4473,7 +4473,7 @@ Array [
4473
4473
  },
4474
4474
  Array [
4475
4475
  Object {
4476
- "color": "#808f91",
4476
+ "color": "#bfc1c5",
4477
4477
  },
4478
4478
  undefined,
4479
4479
  ],
@@ -4933,7 +4933,7 @@ Array [
4933
4933
  Array [
4934
4934
  Object {
4935
4935
  "alignItems": "center",
4936
- "backgroundColor": "#ECE8EF",
4936
+ "backgroundColor": "#d9d1df",
4937
4937
  "borderRadius": 4,
4938
4938
  "flexDirection": "row",
4939
4939
  "opacity": 1,
@@ -5086,7 +5086,7 @@ Array [
5086
5086
  Array [
5087
5087
  Object {
5088
5088
  "alignItems": "center",
5089
- "backgroundColor": "#ECE8EF",
5089
+ "backgroundColor": "#d9d1df",
5090
5090
  "borderRadius": 4,
5091
5091
  "flexDirection": "row",
5092
5092
  "opacity": 1,
@@ -5915,7 +5915,7 @@ Array [
5915
5915
  },
5916
5916
  Array [
5917
5917
  Object {
5918
- "color": "#8505a2",
5918
+ "color": "#401960",
5919
5919
  },
5920
5920
  undefined,
5921
5921
  ],
@@ -6725,7 +6725,7 @@ Array [
6725
6725
  Array [
6726
6726
  Object {
6727
6727
  "alignItems": "center",
6728
- "backgroundColor": "#ECE8EF",
6728
+ "backgroundColor": "#d9d1df",
6729
6729
  "borderRadius": 4,
6730
6730
  "flexDirection": "row",
6731
6731
  "opacity": 1,
@@ -6868,7 +6868,7 @@ Array [
6868
6868
  Array [
6869
6869
  Object {
6870
6870
  "alignItems": "center",
6871
- "backgroundColor": "#ECE8EF",
6871
+ "backgroundColor": "#d9d1df",
6872
6872
  "borderRadius": 4,
6873
6873
  "flexDirection": "row",
6874
6874
  "opacity": 1,
@@ -7043,7 +7043,7 @@ Array [
7043
7043
  },
7044
7044
  Array [
7045
7045
  Object {
7046
- "color": "#8505a2",
7046
+ "color": "#401960",
7047
7047
  },
7048
7048
  undefined,
7049
7049
  ],
package/src/components/Select/SingleSelect/__tests__/__snapshots__/Option.spec.tsx.snap CHANGED
@@ -20,7 +20,7 @@ exports[`Option renders correctly 1`] = `
20
20
  Array [
21
21
  Object {
22
22
  "alignItems": "center",
23
- "backgroundColor": "#ECE8EF",
23
+ "backgroundColor": "#d9d1df",
24
24
  "borderRadius": 4,
25
25
  "flexDirection": "row",
26
26
  "opacity": 1,
package/src/components/Select/SingleSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap CHANGED
@@ -198,7 +198,7 @@ exports[`OptionList render isLoading correctly 1`] = `
198
198
  Array [
199
199
  Object {
200
200
  "alignItems": "center",
201
- "backgroundColor": "#ECE8EF",
201
+ "backgroundColor": "#d9d1df",
202
202
  "borderRadius": 4,
203
203
  "flexDirection": "row",
204
204
  "opacity": 1,
@@ -699,9 +699,10 @@ exports[`OptionList render isLoading correctly 1`] = `
699
699
  style={
700
700
  Array [
701
701
  Object {
702
- "backgroundColor": "#795e90",
702
+ "backgroundColor": "#001f23",
703
703
  "borderRadius": 999,
704
704
  "height": 16,
705
+ "opacity": 1,
705
706
  "width": 16,
706
707
  },
707
708
  Object {},
@@ -716,10 +717,11 @@ exports[`OptionList render isLoading correctly 1`] = `
716
717
  style={
717
718
  Array [
718
719
  Object {
719
- "backgroundColor": "#a08cb0",
720
+ "backgroundColor": "#001f23",
720
721
  "borderRadius": 999,
721
722
  "height": 16,
722
723
  "marginLeft": 8,
724
+ "opacity": 0.75,
723
725
  "width": 16,
724
726
  },
725
727
  Object {},
@@ -750,9 +752,10 @@ exports[`OptionList render isLoading correctly 1`] = `
750
752
  style={
751
753
  Array [
752
754
  Object {
753
- "backgroundColor": "#d9d1df",
755
+ "backgroundColor": "#001f23",
754
756
  "borderRadius": 999,
755
757
  "height": 16,
758
+ "opacity": 0.5,
756
759
  "width": 16,
757
760
  },
758
761
  Object {},
@@ -767,10 +770,11 @@ exports[`OptionList render isLoading correctly 1`] = `
767
770
  style={
768
771
  Array [
769
772
  Object {
770
- "backgroundColor": "#ece8ef",
773
+ "backgroundColor": "#001f23",
771
774
  "borderRadius": 999,
772
775
  "height": 16,
773
776
  "marginLeft": 8,
777
+ "opacity": 0.25,
774
778
  "width": 16,
775
779
  },
776
780
  Object {},
@@ -975,7 +979,7 @@ exports[`OptionList renders correctly 1`] = `
975
979
  Array [
976
980
  Object {
977
981
  "alignItems": "center",
978
- "backgroundColor": "#ECE8EF",
982
+ "backgroundColor": "#d9d1df",
979
983
  "borderRadius": 4,
980
984
  "flexDirection": "row",
981
985
  "opacity": 1,
@@ -1600,7 +1604,7 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
1600
1604
  Array [
1601
1605
  Object {
1602
1606
  "alignItems": "center",
1603
- "backgroundColor": "#ECE8EF",
1607
+ "backgroundColor": "#d9d1df",
1604
1608
  "borderRadius": 4,
1605
1609
  "flexDirection": "row",
1606
1610
  "opacity": 1,
@@ -2225,7 +2229,7 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
2225
2229
  Array [
2226
2230
  Object {
2227
2231
  "alignItems": "center",
2228
- "backgroundColor": "#ECE8EF",
2232
+ "backgroundColor": "#d9d1df",
2229
2233
  "borderRadius": 4,
2230
2234
  "flexDirection": "row",
2231
2235
  "opacity": 1,
package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -627,7 +627,7 @@ Array [
627
627
  style={
628
628
  Array [
629
629
  Object {
630
- "color": "#808f91",
630
+ "color": "#4d6265",
631
631
  "fontFamily": "BeVietnamPro-Regular",
632
632
  "fontSize": 16,
633
633
  "letterSpacing": 0.48,
@@ -772,7 +772,7 @@ Array [
772
772
  style={
773
773
  Array [
774
774
  Object {
775
- "color": "#808f91",
775
+ "color": "#4d6265",
776
776
  "fontFamily": "BeVietnamPro-Regular",
777
777
  "fontSize": 16,
778
778
  "letterSpacing": 0.48,
@@ -1032,7 +1032,7 @@ Array [
1032
1032
  style={
1033
1033
  Array [
1034
1034
  Object {
1035
- "color": "#808f91",
1035
+ "color": "#4d6265",
1036
1036
  "fontFamily": "BeVietnamPro-Regular",
1037
1037
  "fontSize": 16,
1038
1038
  "letterSpacing": 0.48,
@@ -1177,7 +1177,7 @@ Array [
1177
1177
  style={
1178
1178
  Array [
1179
1179
  Object {
1180
- "color": "#808f91",
1180
+ "color": "#4d6265",
1181
1181
  "fontFamily": "BeVietnamPro-Regular",
1182
1182
  "fontSize": 16,
1183
1183
  "letterSpacing": 0.48,
@@ -1790,7 +1790,7 @@ Array [
1790
1790
  Array [
1791
1791
  Object {
1792
1792
  "alignItems": "center",
1793
- "backgroundColor": "#ECE8EF",
1793
+ "backgroundColor": "#d9d1df",
1794
1794
  "borderRadius": 4,
1795
1795
  "flexDirection": "row",
1796
1796
  "opacity": 1,
@@ -3193,7 +3193,7 @@ Array [
3193
3193
  Array [
3194
3194
  Object {
3195
3195
  "alignItems": "center",
3196
- "backgroundColor": "#ECE8EF",
3196
+ "backgroundColor": "#d9d1df",
3197
3197
  "borderRadius": 4,
3198
3198
  "flexDirection": "row",
3199
3199
  "opacity": 1,
@@ -4157,7 +4157,7 @@ Array [
4157
4157
  },
4158
4158
  Array [
4159
4159
  Object {
4160
- "color": "#808f91",
4160
+ "color": "#bfc1c5",
4161
4161
  },
4162
4162
  undefined,
4163
4163
  ],
@@ -4617,7 +4617,7 @@ Array [
4617
4617
  Array [
4618
4618
  Object {
4619
4619
  "alignItems": "center",
4620
- "backgroundColor": "#ECE8EF",
4620
+ "backgroundColor": "#d9d1df",
4621
4621
  "borderRadius": 4,
4622
4622
  "flexDirection": "row",
4623
4623
  "opacity": 1,
@@ -6061,7 +6061,7 @@ Array [
6061
6061
  Array [
6062
6062
  Object {
6063
6063
  "alignItems": "center",
6064
- "backgroundColor": "#ECE8EF",
6064
+ "backgroundColor": "#d9d1df",
6065
6065
  "borderRadius": 4,
6066
6066
  "flexDirection": "row",
6067
6067
  "opacity": 1,
package/src/components/Select/__tests__/__snapshots__/StyledSelect.spec.tsx.snap CHANGED
@@ -13,7 +13,7 @@ exports[`FooterText has correct style 1`] = `
13
13
  },
14
14
  Array [
15
15
  Object {
16
- "color": "#8505a2",
16
+ "color": "#401960",
17
17
  },
18
18
  undefined,
19
19
  ],
package/src/components/Slider/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -8,7 +8,7 @@ exports[`Slider renders correctly by default 1`] = `
8
8
  minimumTrackTintColor="#401960"
9
9
  minimumValue={0}
10
10
  step={0}
11
- thumbTintColor="#e6e9e9"
11
+ thumbTintColor="#f6f6f7"
12
12
  value={0}
13
13
  />
14
14
  `;
@@ -21,7 +21,7 @@ exports[`Slider renders correctly when disabled 1`] = `
21
21
  minimumTrackTintColor="#401960"
22
22
  minimumValue={0}
23
23
  step={0}
24
- thumbTintColor="#e6e9e9"
24
+ thumbTintColor="#f6f6f7"
25
25
  value={0}
26
26
  />
27
27
  `;
@@ -37,7 +37,7 @@ exports[`Slider renders correctly with props 1`] = `
37
37
  onSlidingStart={[MockFunction]}
38
38
  onValueChange={[MockFunction]}
39
39
  step={0.25}
40
- thumbTintColor="#e6e9e9"
40
+ thumbTintColor="#f6f6f7"
41
41
  value={0.5}
42
42
  />
43
43
  `;
package/src/components/Spinner/StyledSpinner.tsx CHANGED
@@ -30,21 +30,25 @@ const StyledSpinnerDot = styled(View)<{
30
30
  switch (themePosition) {
31
31
  case 'topLeft':
32
32
  return {
33
- backgroundColor: theme.__hd__.spinner.colors.dot1,
33
+ backgroundColor: theme.__hd__.spinner.colors.dot,
34
+ opacity: 1,
34
35
  };
35
36
  case 'topRight':
36
37
  return {
37
38
  marginLeft: theme.__hd__.spinner.space.spinnerDotPadding[themeSize],
38
- backgroundColor: theme.__hd__.spinner.colors.dot2,
39
+ backgroundColor: theme.__hd__.spinner.colors.dot,
40
+ opacity: 0.75,
39
41
  };
40
42
  case 'bottomLeft':
41
43
  return {
42
- backgroundColor: theme.__hd__.spinner.colors.dot3,
44
+ backgroundColor: theme.__hd__.spinner.colors.dot,
45
+ opacity: 0.5,
43
46
  };
44
47
  case 'bottomRight':
45
48
  return {
46
49
  marginLeft: theme.__hd__.spinner.space.spinnerDotPadding[themeSize],
47
- backgroundColor: theme.__hd__.spinner.colors.dot4,
50
+ backgroundColor: theme.__hd__.spinner.colors.dot,
51
+ opacity: 0.25,
48
52
  };
49
53
  }
50
54
  };