@hero-design/rn 7.17.0 → 7.18.0

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 (142) hide show
  1. package/.turbo/turbo-build.log +2 -2
  2. package/es/index.js +3712 -3473
  3. package/lib/index.js +3716 -3475
  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/BottomNavigation/index.tsx +1 -1
  14. package/src/components/BottomSheet/__tests__/__snapshots__/index.spec.tsx.snap +12 -12
  15. package/src/components/Button/Button.tsx +1 -0
  16. package/src/components/Button/LoadingIndicator/__tests__/__snapshots__/StyledLoadingIndicator.spec.tsx.snap +2 -2
  17. package/src/components/Button/LoadingIndicator/__tests__/__snapshots__/index.spec.tsx.snap +6 -6
  18. package/src/components/Button/UtilityButton/{styled.tsx → StyledUtilityButton.tsx} +2 -2
  19. package/src/components/Button/UtilityButton/__tests__/__snapshots__/index.spec.tsx.snap +8 -8
  20. package/src/components/Button/UtilityButton/index.tsx +5 -1
  21. package/src/components/Button/__tests__/__snapshots__/IconButton.spec.tsx.snap +1 -1
  22. package/src/components/Button/__tests__/__snapshots__/StyledButton.spec.tsx.snap +69 -69
  23. package/src/components/Calendar/__tests__/__snapshots__/CalendarRowItem.spec.tsx.snap +12 -12
  24. package/src/components/Card/__tests__/__snapshots__/StyledCard.spec.tsx.snap +1 -1
  25. package/src/components/Checkbox/__tests__/__snapshots__/StyledCheckbox.spec.tsx.snap +1 -1
  26. package/src/components/Checkbox/__tests__/__snapshots__/index.spec.tsx.snap +2 -2
  27. package/src/components/ContentNavigator/__tests__/__snapshots__/StyledContentNavigator.spec.tsx.snap +1 -1
  28. package/src/components/ContentNavigator/__tests__/__snapshots__/index.spec.tsx.snap +6 -6
  29. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerAndroid.spec.tsx.snap +6 -5
  30. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerIOS.spec.tsx.snap +13 -12
  31. package/src/components/Divider/__tests__/__snapshots__/StyledDivider.spec.tsx.snap +12 -12
  32. package/src/components/Drawer/DragableDrawer/__tests__/__snapshots__/index.spec.tsx.snap +99 -0
  33. package/src/components/Drawer/DragableDrawer/__tests__/helpers.spec.ts +39 -0
  34. package/src/components/Drawer/DragableDrawer/__tests__/index.spec.tsx +24 -0
  35. package/src/components/Drawer/DragableDrawer/helpers.ts +43 -0
  36. package/src/components/Drawer/DragableDrawer/index.tsx +205 -0
  37. package/src/components/Drawer/StyledDrawer.tsx +70 -26
  38. package/src/components/Drawer/__tests__/__snapshots__/index.spec.tsx.snap +3 -3
  39. package/src/components/Drawer/index.tsx +4 -1
  40. package/src/components/Empty/StyledEmpty.tsx +4 -3
  41. package/src/components/Empty/__tests__/__snapshots__/index.spec.tsx.snap +4 -3
  42. package/src/components/Empty/index.tsx +2 -2
  43. package/src/components/FAB/ActionGroup/__tests__/__snapshots__/index.spec.tsx.snap +28 -28
  44. package/src/components/FAB/ActionGroup/index.tsx +1 -1
  45. package/src/components/FAB/__tests__/__snapshots__/AnimatedFABIcon.spec.tsx.snap +2 -2
  46. package/src/components/FAB/__tests__/__snapshots__/StyledFAB.spec.tsx.snap +3 -3
  47. package/src/components/FAB/__tests__/__snapshots__/index.spec.tsx.snap +9 -9
  48. package/src/components/Icon/__tests__/__snapshots__/index.spec.tsx.snap +3 -3
  49. package/src/components/List/ListItem.tsx +1 -1
  50. package/src/components/List/__tests__/__snapshots__/BasicListItem.spec.tsx.snap +3 -3
  51. package/src/components/List/__tests__/__snapshots__/ListItem.spec.tsx.snap +20 -20
  52. package/src/components/List/__tests__/__snapshots__/StyledBasicListItem.spec.tsx.snap +6 -6
  53. package/src/components/List/__tests__/__snapshots__/StyledListItem.spec.tsx.snap +12 -12
  54. package/src/components/PinInput/__tests__/__snapshots__/PinCell.spec.tsx.snap +4 -4
  55. package/src/components/PinInput/__tests__/__snapshots__/index.spec.tsx.snap +22 -22
  56. package/src/components/Progress/ProgressCircle.tsx +25 -22
  57. package/src/components/Progress/StyledProgressCircle.tsx +33 -28
  58. package/src/components/Progress/__tests__/__snapshots__/index.spec.js.snap +102 -92
  59. package/src/components/Radio/__tests__/__snapshots__/Radio.spec.tsx.snap +5 -5
  60. package/src/components/Radio/__tests__/__snapshots__/RadioGroup.spec.tsx.snap +6 -6
  61. package/src/components/Radio/__tests__/__snapshots__/StyledRadio.spec.tsx.snap +3 -3
  62. package/src/components/RichTextEditor/__tests__/__snapshots__/EditorToolbar.spec.tsx.snap +11 -11
  63. package/src/components/RichTextEditor/__tests__/__snapshots__/RichTextEditor.spec.tsx.snap +8 -6
  64. package/src/components/SectionHeading/__tests__/__snapshots__/StyledHeading.spec.tsx.snap +1 -1
  65. package/src/components/SectionHeading/__tests__/__snapshots__/index.spec.tsx.snap +9 -9
  66. package/src/components/Select/MultiSelect/__tests__/__snapshots__/Option.spec.tsx.snap +3 -3
  67. package/src/components/Select/MultiSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap +42 -42
  68. package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap +126 -121
  69. package/src/components/Select/MultiSelect/index.tsx +1 -4
  70. package/src/components/Select/SingleSelect/__tests__/__snapshots__/Option.spec.tsx.snap +2 -2
  71. package/src/components/Select/SingleSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap +36 -36
  72. package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap +99 -94
  73. package/src/components/Select/SingleSelect/index.tsx +2 -6
  74. package/src/components/Select/__tests__/__snapshots__/StyledSelect.spec.tsx.snap +2 -2
  75. package/src/components/Spinner/__tests__/__snapshots__/AnimatedSpinner.spec.tsx.snap +4 -4
  76. package/src/components/Spinner/__tests__/__snapshots__/StyledSpinner.spec.tsx.snap +8 -8
  77. package/src/components/Spinner/__tests__/__snapshots__/index.spec.tsx.snap +4 -4
  78. package/src/components/Switch/__tests__/__snapshots__/StyledHeading.spec.tsx.snap +1 -1
  79. package/src/components/Switch/__tests__/__snapshots__/index.spec.tsx.snap +2 -2
  80. package/src/components/Tabs/ScrollableTabs.tsx +1 -1
  81. package/src/components/Tabs/__tests__/ScrollableTabs.spec.tsx +8 -0
  82. package/src/components/Tabs/__tests__/__snapshots__/ScrollableTabs.spec.tsx.snap +85 -6
  83. package/src/components/Tabs/__tests__/__snapshots__/index.spec.tsx.snap +87 -8
  84. package/src/components/Tabs/__tests__/index.spec.tsx +8 -0
  85. package/src/components/Tabs/index.tsx +8 -3
  86. package/src/components/Tag/__tests__/__snapshots__/Tag.spec.tsx.snap +9 -9
  87. package/src/components/TextInput/StyledTextInput.tsx +1 -0
  88. package/src/components/TextInput/__tests__/__snapshots__/StyledTextInput.spec.tsx.snap +50 -50
  89. package/src/components/TextInput/__tests__/__snapshots__/index.spec.tsx.snap +100 -87
  90. package/src/components/TextInput/index.tsx +2 -2
  91. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerAndroid.spec.tsx.snap +6 -5
  92. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap +13 -12
  93. package/src/components/Toast/__tests__/__snapshots__/Toast.spec.tsx.snap +22 -22
  94. package/src/components/Toolbar/__tests__/__snapshots__/ToolbarGroup.spec.tsx.snap +12 -12
  95. package/src/components/Toolbar/__tests__/__snapshots__/ToolbarItem.spec.tsx.snap +8 -8
  96. package/src/components/Typography/Text/__tests__/__snapshots__/StyledText.spec.tsx.snap +13 -13
  97. package/src/index.ts +9 -1
  98. package/src/theme/ThemeProvider.ts +19 -0
  99. package/src/theme/ThemeSwitcher.tsx +27 -0
  100. package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +161 -149
  101. package/src/theme/components/alert.ts +3 -3
  102. package/src/theme/components/badge.ts +1 -1
  103. package/src/theme/components/button.ts +9 -8
  104. package/src/theme/components/card.ts +4 -4
  105. package/src/theme/components/drawer.ts +14 -2
  106. package/src/theme/components/empty.ts +3 -2
  107. package/src/theme/components/list.ts +4 -4
  108. package/src/theme/components/pinInput.ts +2 -2
  109. package/src/theme/components/progress.ts +5 -5
  110. package/src/theme/components/toast.ts +3 -3
  111. package/src/theme/getTheme.ts +129 -0
  112. package/src/theme/global/colors/swag.ts +54 -0
  113. package/src/theme/global/colors/types.ts +45 -0
  114. package/src/theme/global/colors/work.ts +14 -0
  115. package/src/theme/global/index.ts +6 -2
  116. package/src/theme/index.ts +16 -143
  117. package/src/utils/scale.ts +4 -1
  118. package/types/components/Button/Button.d.ts +1 -0
  119. package/types/components/Button/UtilityButton/{styled.d.ts → StyledUtilityButton.d.ts} +0 -0
  120. package/types/components/Drawer/DragableDrawer/__tests__/helpers.spec.d.ts +1 -0
  121. package/types/components/Drawer/DragableDrawer/__tests__/index.spec.d.ts +1 -0
  122. package/types/components/Drawer/DragableDrawer/helpers.d.ts +8 -0
  123. package/types/components/Drawer/DragableDrawer/index.d.ts +33 -0
  124. package/types/components/Drawer/StyledDrawer.d.ts +34 -4
  125. package/types/components/Drawer/index.d.ts +4 -2
  126. package/types/components/Empty/index.d.ts +1 -1
  127. package/types/components/Icon/utils.d.ts +1 -1
  128. package/types/components/Progress/StyledProgressCircle.d.ts +12 -6
  129. package/types/index.d.ts +2 -2
  130. package/types/theme/ThemeProvider.d.ts +12 -0
  131. package/types/theme/ThemeSwitcher.d.ts +7 -0
  132. package/types/theme/components/button.d.ts +1 -1
  133. package/types/theme/components/drawer.d.ts +9 -0
  134. package/types/theme/components/empty.d.ts +3 -2
  135. package/types/theme/components/progress.d.ts +1 -2
  136. package/types/theme/getTheme.d.ts +74 -0
  137. package/types/theme/global/colors/swag.d.ts +3 -0
  138. package/types/theme/global/{colors.d.ts → colors/types.d.ts} +4 -3
  139. package/types/theme/global/colors/work.d.ts +3 -0
  140. package/types/theme/global/index.d.ts +7 -2
  141. package/types/theme/index.d.ts +7 -84
  142. package/src/theme/global/colors.ts +0 -50
package/src/components/Select/MultiSelect/index.tsx CHANGED
@@ -82,10 +82,7 @@ function MultiSelect<V, T extends OptionType<V>>({
82
82
  <BottomSheet
83
83
  open={open}
84
84
  onRequestClose={() => setOpen(false)}
85
- onDismiss={() => {
86
- setSelectingValue(value);
87
- if (onDimiss) onDimiss();
88
- }}
85
+ onDismiss={onDimiss}
89
86
  header={label}
90
87
  style={{
91
88
  paddingBottom: isKeyboardVisible ? keyboardHeight : 0,
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": "#f1e9fb",
23
+ "backgroundColor": "#f3e6f6",
24
24
  "flexDirection": "row",
25
25
  "opacity": 1,
26
26
  "padding": 16,
@@ -45,7 +45,7 @@ exports[`Option renders correctly 1`] = `
45
45
  style={
46
46
  Array [
47
47
  Object {
48
- "color": "#292a2b",
48
+ "color": "#001f23",
49
49
  "fontFamily": "BeVietnamPro-Regular",
50
50
  "fontSize": 16,
51
51
  "letterSpacing": 0.48,
package/src/components/Select/SingleSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap CHANGED
@@ -74,7 +74,7 @@ exports[`OptionList render isLoading correctly 1`] = `
74
74
  Array [
75
75
  Object {
76
76
  "alignContent": "center",
77
- "backgroundColor": "#dadbde",
77
+ "backgroundColor": "#e8e9ea",
78
78
  "display": "flex",
79
79
  "flexDirection": "row",
80
80
  "justifyContent": "space-between",
@@ -113,7 +113,7 @@ exports[`OptionList render isLoading correctly 1`] = `
113
113
  style={
114
114
  Array [
115
115
  Object {
116
- "color": "#292a2b",
116
+ "color": "#001f23",
117
117
  "fontFamily": "BeVietnamPro-Regular",
118
118
  "fontSize": 16,
119
119
  "letterSpacing": 0.48,
@@ -198,7 +198,7 @@ exports[`OptionList render isLoading correctly 1`] = `
198
198
  Array [
199
199
  Object {
200
200
  "alignItems": "center",
201
- "backgroundColor": "#f1e9fb",
201
+ "backgroundColor": "#f3e6f6",
202
202
  "flexDirection": "row",
203
203
  "opacity": 1,
204
204
  "padding": 16,
@@ -223,7 +223,7 @@ exports[`OptionList render isLoading correctly 1`] = `
223
223
  style={
224
224
  Array [
225
225
  Object {
226
- "color": "#292a2b",
226
+ "color": "#001f23",
227
227
  "fontFamily": "BeVietnamPro-Regular",
228
228
  "fontSize": 16,
229
229
  "letterSpacing": 0.48,
@@ -298,7 +298,7 @@ exports[`OptionList render isLoading correctly 1`] = `
298
298
  Array [
299
299
  Object {
300
300
  "alignContent": "center",
301
- "backgroundColor": "#dadbde",
301
+ "backgroundColor": "#e8e9ea",
302
302
  "display": "flex",
303
303
  "flexDirection": "row",
304
304
  "justifyContent": "space-between",
@@ -337,7 +337,7 @@ exports[`OptionList render isLoading correctly 1`] = `
337
337
  style={
338
338
  Array [
339
339
  Object {
340
- "color": "#292a2b",
340
+ "color": "#001f23",
341
341
  "fontFamily": "BeVietnamPro-Regular",
342
342
  "fontSize": 16,
343
343
  "letterSpacing": 0.48,
@@ -447,7 +447,7 @@ exports[`OptionList render isLoading correctly 1`] = `
447
447
  style={
448
448
  Array [
449
449
  Object {
450
- "color": "#292a2b",
450
+ "color": "#001f23",
451
451
  "fontFamily": "BeVietnamPro-Regular",
452
452
  "fontSize": 16,
453
453
  "letterSpacing": 0.48,
@@ -564,7 +564,7 @@ exports[`OptionList render isLoading correctly 1`] = `
564
564
  style={
565
565
  Array [
566
566
  Object {
567
- "color": "#292a2b",
567
+ "color": "#001f23",
568
568
  "fontFamily": "BeVietnamPro-Regular",
569
569
  "fontSize": 16,
570
570
  "letterSpacing": 0.48,
@@ -695,7 +695,7 @@ exports[`OptionList render isLoading correctly 1`] = `
695
695
  style={
696
696
  Array [
697
697
  Object {
698
- "backgroundColor": "#7622d7",
698
+ "backgroundColor": "#8505a2",
699
699
  "borderRadius": 8,
700
700
  "height": 16,
701
701
  "opacity": 1,
@@ -712,7 +712,7 @@ exports[`OptionList render isLoading correctly 1`] = `
712
712
  style={
713
713
  Array [
714
714
  Object {
715
- "backgroundColor": "#7622d7",
715
+ "backgroundColor": "#8505a2",
716
716
  "borderRadius": 8,
717
717
  "height": 16,
718
718
  "marginLeft": 8,
@@ -745,7 +745,7 @@ exports[`OptionList render isLoading correctly 1`] = `
745
745
  style={
746
746
  Array [
747
747
  Object {
748
- "backgroundColor": "#7622d7",
748
+ "backgroundColor": "#8505a2",
749
749
  "borderRadius": 8,
750
750
  "height": 16,
751
751
  "opacity": 0.5,
@@ -762,7 +762,7 @@ exports[`OptionList render isLoading correctly 1`] = `
762
762
  style={
763
763
  Array [
764
764
  Object {
765
- "backgroundColor": "#7622d7",
765
+ "backgroundColor": "#8505a2",
766
766
  "borderRadius": 8,
767
767
  "height": 16,
768
768
  "marginLeft": 8,
@@ -846,7 +846,7 @@ exports[`OptionList renders correctly 1`] = `
846
846
  Array [
847
847
  Object {
848
848
  "alignContent": "center",
849
- "backgroundColor": "#dadbde",
849
+ "backgroundColor": "#e8e9ea",
850
850
  "display": "flex",
851
851
  "flexDirection": "row",
852
852
  "justifyContent": "space-between",
@@ -885,7 +885,7 @@ exports[`OptionList renders correctly 1`] = `
885
885
  style={
886
886
  Array [
887
887
  Object {
888
- "color": "#292a2b",
888
+ "color": "#001f23",
889
889
  "fontFamily": "BeVietnamPro-Regular",
890
890
  "fontSize": 16,
891
891
  "letterSpacing": 0.48,
@@ -970,7 +970,7 @@ exports[`OptionList renders correctly 1`] = `
970
970
  Array [
971
971
  Object {
972
972
  "alignItems": "center",
973
- "backgroundColor": "#f1e9fb",
973
+ "backgroundColor": "#f3e6f6",
974
974
  "flexDirection": "row",
975
975
  "opacity": 1,
976
976
  "padding": 16,
@@ -995,7 +995,7 @@ exports[`OptionList renders correctly 1`] = `
995
995
  style={
996
996
  Array [
997
997
  Object {
998
- "color": "#292a2b",
998
+ "color": "#001f23",
999
999
  "fontFamily": "BeVietnamPro-Regular",
1000
1000
  "fontSize": 16,
1001
1001
  "letterSpacing": 0.48,
@@ -1070,7 +1070,7 @@ exports[`OptionList renders correctly 1`] = `
1070
1070
  Array [
1071
1071
  Object {
1072
1072
  "alignContent": "center",
1073
- "backgroundColor": "#dadbde",
1073
+ "backgroundColor": "#e8e9ea",
1074
1074
  "display": "flex",
1075
1075
  "flexDirection": "row",
1076
1076
  "justifyContent": "space-between",
@@ -1109,7 +1109,7 @@ exports[`OptionList renders correctly 1`] = `
1109
1109
  style={
1110
1110
  Array [
1111
1111
  Object {
1112
- "color": "#292a2b",
1112
+ "color": "#001f23",
1113
1113
  "fontFamily": "BeVietnamPro-Regular",
1114
1114
  "fontSize": 16,
1115
1115
  "letterSpacing": 0.48,
@@ -1219,7 +1219,7 @@ exports[`OptionList renders correctly 1`] = `
1219
1219
  style={
1220
1220
  Array [
1221
1221
  Object {
1222
- "color": "#292a2b",
1222
+ "color": "#001f23",
1223
1223
  "fontFamily": "BeVietnamPro-Regular",
1224
1224
  "fontSize": 16,
1225
1225
  "letterSpacing": 0.48,
@@ -1336,7 +1336,7 @@ exports[`OptionList renders correctly 1`] = `
1336
1336
  style={
1337
1337
  Array [
1338
1338
  Object {
1339
- "color": "#292a2b",
1339
+ "color": "#001f23",
1340
1340
  "fontFamily": "BeVietnamPro-Regular",
1341
1341
  "fontSize": 16,
1342
1342
  "letterSpacing": 0.48,
@@ -1468,7 +1468,7 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
1468
1468
  Array [
1469
1469
  Object {
1470
1470
  "alignContent": "center",
1471
- "backgroundColor": "#dadbde",
1471
+ "backgroundColor": "#e8e9ea",
1472
1472
  "display": "flex",
1473
1473
  "flexDirection": "row",
1474
1474
  "justifyContent": "space-between",
@@ -1507,7 +1507,7 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
1507
1507
  style={
1508
1508
  Array [
1509
1509
  Object {
1510
- "color": "#292a2b",
1510
+ "color": "#001f23",
1511
1511
  "fontFamily": "BeVietnamPro-Regular",
1512
1512
  "fontSize": 16,
1513
1513
  "letterSpacing": 0.48,
@@ -1592,7 +1592,7 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
1592
1592
  Array [
1593
1593
  Object {
1594
1594
  "alignItems": "center",
1595
- "backgroundColor": "#f1e9fb",
1595
+ "backgroundColor": "#f3e6f6",
1596
1596
  "flexDirection": "row",
1597
1597
  "opacity": 1,
1598
1598
  "padding": 16,
@@ -1617,7 +1617,7 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
1617
1617
  style={
1618
1618
  Array [
1619
1619
  Object {
1620
- "color": "#292a2b",
1620
+ "color": "#001f23",
1621
1621
  "fontFamily": "BeVietnamPro-Regular",
1622
1622
  "fontSize": 16,
1623
1623
  "letterSpacing": 0.48,
@@ -1692,7 +1692,7 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
1692
1692
  Array [
1693
1693
  Object {
1694
1694
  "alignContent": "center",
1695
- "backgroundColor": "#dadbde",
1695
+ "backgroundColor": "#e8e9ea",
1696
1696
  "display": "flex",
1697
1697
  "flexDirection": "row",
1698
1698
  "justifyContent": "space-between",
@@ -1731,7 +1731,7 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
1731
1731
  style={
1732
1732
  Array [
1733
1733
  Object {
1734
- "color": "#292a2b",
1734
+ "color": "#001f23",
1735
1735
  "fontFamily": "BeVietnamPro-Regular",
1736
1736
  "fontSize": 16,
1737
1737
  "letterSpacing": 0.48,
@@ -1841,7 +1841,7 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
1841
1841
  style={
1842
1842
  Array [
1843
1843
  Object {
1844
- "color": "#292a2b",
1844
+ "color": "#001f23",
1845
1845
  "fontFamily": "BeVietnamPro-Regular",
1846
1846
  "fontSize": 16,
1847
1847
  "letterSpacing": 0.48,
@@ -1958,7 +1958,7 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
1958
1958
  style={
1959
1959
  Array [
1960
1960
  Object {
1961
- "color": "#292a2b",
1961
+ "color": "#001f23",
1962
1962
  "fontFamily": "BeVietnamPro-Regular",
1963
1963
  "fontSize": 16,
1964
1964
  "letterSpacing": 0.48,
@@ -2090,7 +2090,7 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
2090
2090
  Array [
2091
2091
  Object {
2092
2092
  "alignContent": "center",
2093
- "backgroundColor": "#dadbde",
2093
+ "backgroundColor": "#e8e9ea",
2094
2094
  "display": "flex",
2095
2095
  "flexDirection": "row",
2096
2096
  "justifyContent": "space-between",
@@ -2129,7 +2129,7 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
2129
2129
  style={
2130
2130
  Array [
2131
2131
  Object {
2132
- "color": "#292a2b",
2132
+ "color": "#001f23",
2133
2133
  "fontFamily": "BeVietnamPro-Regular",
2134
2134
  "fontSize": 16,
2135
2135
  "letterSpacing": 0.48,
@@ -2214,7 +2214,7 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
2214
2214
  Array [
2215
2215
  Object {
2216
2216
  "alignItems": "center",
2217
- "backgroundColor": "#f1e9fb",
2217
+ "backgroundColor": "#f3e6f6",
2218
2218
  "flexDirection": "row",
2219
2219
  "opacity": 1,
2220
2220
  "padding": 16,
@@ -2239,7 +2239,7 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
2239
2239
  style={
2240
2240
  Array [
2241
2241
  Object {
2242
- "color": "#292a2b",
2242
+ "color": "#001f23",
2243
2243
  "fontFamily": "BeVietnamPro-Regular",
2244
2244
  "fontSize": 16,
2245
2245
  "letterSpacing": 0.48,
@@ -2314,7 +2314,7 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
2314
2314
  Array [
2315
2315
  Object {
2316
2316
  "alignContent": "center",
2317
- "backgroundColor": "#dadbde",
2317
+ "backgroundColor": "#e8e9ea",
2318
2318
  "display": "flex",
2319
2319
  "flexDirection": "row",
2320
2320
  "justifyContent": "space-between",
@@ -2353,7 +2353,7 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
2353
2353
  style={
2354
2354
  Array [
2355
2355
  Object {
2356
- "color": "#292a2b",
2356
+ "color": "#001f23",
2357
2357
  "fontFamily": "BeVietnamPro-Regular",
2358
2358
  "fontSize": 16,
2359
2359
  "letterSpacing": 0.48,
@@ -2463,7 +2463,7 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
2463
2463
  style={
2464
2464
  Array [
2465
2465
  Object {
2466
- "color": "#292a2b",
2466
+ "color": "#001f23",
2467
2467
  "fontFamily": "BeVietnamPro-Regular",
2468
2468
  "fontSize": 16,
2469
2469
  "letterSpacing": 0.48,
@@ -2580,7 +2580,7 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
2580
2580
  style={
2581
2581
  Array [
2582
2582
  Object {
2583
- "color": "#292a2b",
2583
+ "color": "#001f23",
2584
2584
  "fontFamily": "BeVietnamPro-Regular",
2585
2585
  "fontSize": 16,
2586
2586
  "letterSpacing": 0.48,