@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/RichTextEditor/__tests__/__snapshots__/EditorToolbar.spec.tsx.snap CHANGED
@@ -6,8 +6,8 @@ exports[`EditorToolbar when the editor is focused should render toolbar 1`] = `
6
6
  Array [
7
7
  Object {
8
8
  "alignItems": "center",
9
- "backgroundColor": "#fafbfb",
10
- "borderTopColor": "#dadbde",
9
+ "backgroundColor": "#f6f6f7",
10
+ "borderTopColor": "#e8e9ea",
11
11
  "borderTopWidth": 0.5,
12
12
  "flexDirection": "row",
13
13
  "paddingHorizontal": 8,
@@ -46,7 +46,7 @@ exports[`EditorToolbar when the editor is focused should render toolbar 1`] = `
46
46
  style={
47
47
  Array [
48
48
  Object {
49
- "color": "#292a2b",
49
+ "color": "#001f23",
50
50
  "fontSize": 20,
51
51
  },
52
52
  undefined,
@@ -85,7 +85,7 @@ exports[`EditorToolbar when the editor is focused should render toolbar 1`] = `
85
85
  style={
86
86
  Array [
87
87
  Object {
88
- "color": "#292a2b",
88
+ "color": "#001f23",
89
89
  "fontSize": 20,
90
90
  },
91
91
  undefined,
@@ -124,7 +124,7 @@ exports[`EditorToolbar when the editor is focused should render toolbar 1`] = `
124
124
  style={
125
125
  Array [
126
126
  Object {
127
- "color": "#292a2b",
127
+ "color": "#001f23",
128
128
  "fontSize": 20,
129
129
  },
130
130
  undefined,
@@ -139,7 +139,7 @@ exports[`EditorToolbar when the editor is focused should render toolbar 1`] = `
139
139
  Array [
140
140
  Object {
141
141
  "alignItems": "center",
142
- "backgroundColor": "#dadbde",
142
+ "backgroundColor": "#e8e9ea",
143
143
  "flexDirection": "row",
144
144
  "height": 16,
145
145
  "marginHorizontal": 8,
@@ -178,7 +178,7 @@ exports[`EditorToolbar when the editor is focused should render toolbar 1`] = `
178
178
  style={
179
179
  Array [
180
180
  Object {
181
- "color": "#292a2b",
181
+ "color": "#001f23",
182
182
  "fontSize": 20,
183
183
  },
184
184
  undefined,
@@ -217,7 +217,7 @@ exports[`EditorToolbar when the editor is focused should render toolbar 1`] = `
217
217
  style={
218
218
  Array [
219
219
  Object {
220
- "color": "#292a2b",
220
+ "color": "#001f23",
221
221
  "fontSize": 20,
222
222
  },
223
223
  undefined,
@@ -232,7 +232,7 @@ exports[`EditorToolbar when the editor is focused should render toolbar 1`] = `
232
232
  Array [
233
233
  Object {
234
234
  "alignItems": "center",
235
- "backgroundColor": "#dadbde",
235
+ "backgroundColor": "#e8e9ea",
236
236
  "flexDirection": "row",
237
237
  "height": 16,
238
238
  "marginHorizontal": 8,
@@ -271,7 +271,7 @@ exports[`EditorToolbar when the editor is focused should render toolbar 1`] = `
271
271
  style={
272
272
  Array [
273
273
  Object {
274
- "color": "#292a2b",
274
+ "color": "#001f23",
275
275
  "fontSize": 20,
276
276
  },
277
277
  undefined,
@@ -310,7 +310,7 @@ exports[`EditorToolbar when the editor is focused should render toolbar 1`] = `
310
310
  style={
311
311
  Array [
312
312
  Object {
313
- "color": "#292a2b",
313
+ "color": "#001f23",
314
314
  "fontSize": 20,
315
315
  },
316
316
  undefined,
package/src/components/RichTextEditor/__tests__/__snapshots__/RichTextEditor.spec.tsx.snap CHANGED
@@ -52,6 +52,7 @@ exports[`RichTextEditor onMessage recevied event editor-layout should update hei
52
52
  "alignSelf": "stretch",
53
53
  "flexDirection": "row",
54
54
  "flexGrow": 2,
55
+ "flexShrink": 1,
55
56
  },
56
57
  undefined,
57
58
  ]
@@ -79,7 +80,7 @@ exports[`RichTextEditor onMessage recevied event editor-layout should update hei
79
80
  style={
80
81
  Array [
81
82
  Object {
82
- "color": "#292a2b",
83
+ "color": "#001f23",
83
84
  "fontFamily": "BeVietnamPro-Regular",
84
85
  "fontSize": 14,
85
86
  "letterSpacing": 0.42,
@@ -89,7 +90,7 @@ exports[`RichTextEditor onMessage recevied event editor-layout should update hei
89
90
  Object {
90
91
  "alignContent": "center",
91
92
  "alignItems": "center",
92
- "color": "#292a2b",
93
+ "color": "#001f23",
93
94
  "fontSize": 14,
94
95
  "textAlignVertical": "center",
95
96
  },
@@ -234,7 +235,7 @@ exports[`RichTextEditor onMessage recevied event editor-layout should update hei
234
235
  style={
235
236
  Array [
236
237
  Object {
237
- "color": "#292a2b",
238
+ "color": "#001f23",
238
239
  "fontFamily": "BeVietnamPro-Regular",
239
240
  "fontSize": 14,
240
241
  "letterSpacing": 0.42,
@@ -315,6 +316,7 @@ exports[`RichTextEditor should render correctly 1`] = `
315
316
  "alignSelf": "stretch",
316
317
  "flexDirection": "row",
317
318
  "flexGrow": 2,
319
+ "flexShrink": 1,
318
320
  },
319
321
  undefined,
320
322
  ]
@@ -342,7 +344,7 @@ exports[`RichTextEditor should render correctly 1`] = `
342
344
  style={
343
345
  Array [
344
346
  Object {
345
- "color": "#292a2b",
347
+ "color": "#001f23",
346
348
  "fontFamily": "BeVietnamPro-Regular",
347
349
  "fontSize": 14,
348
350
  "letterSpacing": 0.42,
@@ -352,7 +354,7 @@ exports[`RichTextEditor should render correctly 1`] = `
352
354
  Object {
353
355
  "alignContent": "center",
354
356
  "alignItems": "center",
355
- "color": "#292a2b",
357
+ "color": "#001f23",
356
358
  "fontSize": 14,
357
359
  "textAlignVertical": "center",
358
360
  },
@@ -496,7 +498,7 @@ exports[`RichTextEditor should render correctly 1`] = `
496
498
  style={
497
499
  Array [
498
500
  Object {
499
- "color": "#292a2b",
501
+ "color": "#001f23",
500
502
  "fontFamily": "BeVietnamPro-Regular",
501
503
  "fontSize": 14,
502
504
  "letterSpacing": 0.42,
package/src/components/SectionHeading/__tests__/__snapshots__/StyledHeading.spec.tsx.snap CHANGED
@@ -6,7 +6,7 @@ exports[`StyledHeading renders correct style 1`] = `
6
6
  Array [
7
7
  Object {
8
8
  "alignContent": "center",
9
- "backgroundColor": "#dadbde",
9
+ "backgroundColor": "#e8e9ea",
10
10
  "display": "flex",
11
11
  "flexDirection": "row",
12
12
  "justifyContent": "space-between",
package/src/components/SectionHeading/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -6,7 +6,7 @@ exports[`SectionHeading allows to customise the icon 1`] = `
6
6
  Array [
7
7
  Object {
8
8
  "alignContent": "center",
9
- "backgroundColor": "#dadbde",
9
+ "backgroundColor": "#e8e9ea",
10
10
  "display": "flex",
11
11
  "flexDirection": "row",
12
12
  "justifyContent": "space-between",
@@ -58,7 +58,7 @@ exports[`SectionHeading allows to customise the icon 1`] = `
58
58
  style={
59
59
  Array [
60
60
  Object {
61
- "color": "#7622d7",
61
+ "color": "#8505a2",
62
62
  "fontFamily": "BeVietnamPro-Regular",
63
63
  "fontSize": 16,
64
64
  "letterSpacing": 0.48,
@@ -83,7 +83,7 @@ exports[`SectionHeading render icon correctly 1`] = `
83
83
  Array [
84
84
  Object {
85
85
  "alignContent": "center",
86
- "backgroundColor": "#dadbde",
86
+ "backgroundColor": "#e8e9ea",
87
87
  "display": "flex",
88
88
  "flexDirection": "row",
89
89
  "justifyContent": "space-between",
@@ -122,7 +122,7 @@ exports[`SectionHeading render icon correctly 1`] = `
122
122
  style={
123
123
  Array [
124
124
  Object {
125
- "color": "#292a2b",
125
+ "color": "#001f23",
126
126
  "fontSize": 24,
127
127
  },
128
128
  undefined,
@@ -136,7 +136,7 @@ exports[`SectionHeading render icon correctly 1`] = `
136
136
  style={
137
137
  Array [
138
138
  Object {
139
- "color": "#292a2b",
139
+ "color": "#001f23",
140
140
  "fontFamily": "BeVietnamPro-Regular",
141
141
  "fontSize": 16,
142
142
  "letterSpacing": 0.48,
@@ -161,7 +161,7 @@ exports[`SectionHeading render right children correctly 1`] = `
161
161
  Array [
162
162
  Object {
163
163
  "alignContent": "center",
164
- "backgroundColor": "#dadbde",
164
+ "backgroundColor": "#e8e9ea",
165
165
  "display": "flex",
166
166
  "flexDirection": "row",
167
167
  "justifyContent": "space-between",
@@ -199,7 +199,7 @@ exports[`SectionHeading render right children correctly 1`] = `
199
199
  style={
200
200
  Array [
201
201
  Object {
202
- "color": "#292a2b",
202
+ "color": "#001f23",
203
203
  "fontFamily": "BeVietnamPro-Regular",
204
204
  "fontSize": 16,
205
205
  "letterSpacing": 0.48,
@@ -227,7 +227,7 @@ exports[`SectionHeading renders correctly 1`] = `
227
227
  Array [
228
228
  Object {
229
229
  "alignContent": "center",
230
- "backgroundColor": "#dadbde",
230
+ "backgroundColor": "#e8e9ea",
231
231
  "display": "flex",
232
232
  "flexDirection": "row",
233
233
  "justifyContent": "space-between",
@@ -265,7 +265,7 @@ exports[`SectionHeading renders correctly 1`] = `
265
265
  style={
266
266
  Array [
267
267
  Object {
268
- "color": "#292a2b",
268
+ "color": "#001f23",
269
269
  "fontFamily": "BeVietnamPro-Regular",
270
270
  "fontSize": 16,
271
271
  "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": "#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,
@@ -76,7 +76,7 @@ exports[`Option renders correctly 1`] = `
76
76
  style={
77
77
  Array [
78
78
  Object {
79
- "color": "#292a2b",
79
+ "color": "#001f23",
80
80
  "fontSize": 20,
81
81
  },
82
82
  undefined,
package/src/components/Select/MultiSelect/__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,
@@ -254,7 +254,7 @@ exports[`OptionList render isLoading correctly 1`] = `
254
254
  style={
255
255
  Array [
256
256
  Object {
257
- "color": "#292a2b",
257
+ "color": "#001f23",
258
258
  "fontSize": 20,
259
259
  },
260
260
  undefined,
@@ -323,7 +323,7 @@ exports[`OptionList render isLoading correctly 1`] = `
323
323
  Array [
324
324
  Object {
325
325
  "alignContent": "center",
326
- "backgroundColor": "#dadbde",
326
+ "backgroundColor": "#e8e9ea",
327
327
  "display": "flex",
328
328
  "flexDirection": "row",
329
329
  "justifyContent": "space-between",
@@ -362,7 +362,7 @@ exports[`OptionList render isLoading correctly 1`] = `
362
362
  style={
363
363
  Array [
364
364
  Object {
365
- "color": "#292a2b",
365
+ "color": "#001f23",
366
366
  "fontFamily": "BeVietnamPro-Regular",
367
367
  "fontSize": 16,
368
368
  "letterSpacing": 0.48,
@@ -472,7 +472,7 @@ exports[`OptionList render isLoading correctly 1`] = `
472
472
  style={
473
473
  Array [
474
474
  Object {
475
- "color": "#292a2b",
475
+ "color": "#001f23",
476
476
  "fontFamily": "BeVietnamPro-Regular",
477
477
  "fontSize": 16,
478
478
  "letterSpacing": 0.48,
@@ -589,7 +589,7 @@ exports[`OptionList render isLoading correctly 1`] = `
589
589
  style={
590
590
  Array [
591
591
  Object {
592
- "color": "#292a2b",
592
+ "color": "#001f23",
593
593
  "fontFamily": "BeVietnamPro-Regular",
594
594
  "fontSize": 16,
595
595
  "letterSpacing": 0.48,
@@ -720,7 +720,7 @@ exports[`OptionList render isLoading correctly 1`] = `
720
720
  style={
721
721
  Array [
722
722
  Object {
723
- "backgroundColor": "#7622d7",
723
+ "backgroundColor": "#8505a2",
724
724
  "borderRadius": 8,
725
725
  "height": 16,
726
726
  "opacity": 1,
@@ -737,7 +737,7 @@ exports[`OptionList render isLoading correctly 1`] = `
737
737
  style={
738
738
  Array [
739
739
  Object {
740
- "backgroundColor": "#7622d7",
740
+ "backgroundColor": "#8505a2",
741
741
  "borderRadius": 8,
742
742
  "height": 16,
743
743
  "marginLeft": 8,
@@ -770,7 +770,7 @@ exports[`OptionList render isLoading correctly 1`] = `
770
770
  style={
771
771
  Array [
772
772
  Object {
773
- "backgroundColor": "#7622d7",
773
+ "backgroundColor": "#8505a2",
774
774
  "borderRadius": 8,
775
775
  "height": 16,
776
776
  "opacity": 0.5,
@@ -787,7 +787,7 @@ exports[`OptionList render isLoading correctly 1`] = `
787
787
  style={
788
788
  Array [
789
789
  Object {
790
- "backgroundColor": "#7622d7",
790
+ "backgroundColor": "#8505a2",
791
791
  "borderRadius": 8,
792
792
  "height": 16,
793
793
  "marginLeft": 8,
@@ -871,7 +871,7 @@ exports[`OptionList renders correctly 1`] = `
871
871
  Array [
872
872
  Object {
873
873
  "alignContent": "center",
874
- "backgroundColor": "#dadbde",
874
+ "backgroundColor": "#e8e9ea",
875
875
  "display": "flex",
876
876
  "flexDirection": "row",
877
877
  "justifyContent": "space-between",
@@ -910,7 +910,7 @@ exports[`OptionList renders correctly 1`] = `
910
910
  style={
911
911
  Array [
912
912
  Object {
913
- "color": "#292a2b",
913
+ "color": "#001f23",
914
914
  "fontFamily": "BeVietnamPro-Regular",
915
915
  "fontSize": 16,
916
916
  "letterSpacing": 0.48,
@@ -995,7 +995,7 @@ exports[`OptionList renders correctly 1`] = `
995
995
  Array [
996
996
  Object {
997
997
  "alignItems": "center",
998
- "backgroundColor": "#f1e9fb",
998
+ "backgroundColor": "#f3e6f6",
999
999
  "flexDirection": "row",
1000
1000
  "opacity": 1,
1001
1001
  "padding": 16,
@@ -1020,7 +1020,7 @@ exports[`OptionList renders correctly 1`] = `
1020
1020
  style={
1021
1021
  Array [
1022
1022
  Object {
1023
- "color": "#292a2b",
1023
+ "color": "#001f23",
1024
1024
  "fontFamily": "BeVietnamPro-Regular",
1025
1025
  "fontSize": 16,
1026
1026
  "letterSpacing": 0.48,
@@ -1051,7 +1051,7 @@ exports[`OptionList renders correctly 1`] = `
1051
1051
  style={
1052
1052
  Array [
1053
1053
  Object {
1054
- "color": "#292a2b",
1054
+ "color": "#001f23",
1055
1055
  "fontSize": 20,
1056
1056
  },
1057
1057
  undefined,
@@ -1120,7 +1120,7 @@ exports[`OptionList renders correctly 1`] = `
1120
1120
  Array [
1121
1121
  Object {
1122
1122
  "alignContent": "center",
1123
- "backgroundColor": "#dadbde",
1123
+ "backgroundColor": "#e8e9ea",
1124
1124
  "display": "flex",
1125
1125
  "flexDirection": "row",
1126
1126
  "justifyContent": "space-between",
@@ -1159,7 +1159,7 @@ exports[`OptionList renders correctly 1`] = `
1159
1159
  style={
1160
1160
  Array [
1161
1161
  Object {
1162
- "color": "#292a2b",
1162
+ "color": "#001f23",
1163
1163
  "fontFamily": "BeVietnamPro-Regular",
1164
1164
  "fontSize": 16,
1165
1165
  "letterSpacing": 0.48,
@@ -1269,7 +1269,7 @@ exports[`OptionList renders correctly 1`] = `
1269
1269
  style={
1270
1270
  Array [
1271
1271
  Object {
1272
- "color": "#292a2b",
1272
+ "color": "#001f23",
1273
1273
  "fontFamily": "BeVietnamPro-Regular",
1274
1274
  "fontSize": 16,
1275
1275
  "letterSpacing": 0.48,
@@ -1386,7 +1386,7 @@ exports[`OptionList renders correctly 1`] = `
1386
1386
  style={
1387
1387
  Array [
1388
1388
  Object {
1389
- "color": "#292a2b",
1389
+ "color": "#001f23",
1390
1390
  "fontFamily": "BeVietnamPro-Regular",
1391
1391
  "fontSize": 16,
1392
1392
  "letterSpacing": 0.48,
@@ -1518,7 +1518,7 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
1518
1518
  Array [
1519
1519
  Object {
1520
1520
  "alignContent": "center",
1521
- "backgroundColor": "#dadbde",
1521
+ "backgroundColor": "#e8e9ea",
1522
1522
  "display": "flex",
1523
1523
  "flexDirection": "row",
1524
1524
  "justifyContent": "space-between",
@@ -1557,7 +1557,7 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
1557
1557
  style={
1558
1558
  Array [
1559
1559
  Object {
1560
- "color": "#292a2b",
1560
+ "color": "#001f23",
1561
1561
  "fontFamily": "BeVietnamPro-Regular",
1562
1562
  "fontSize": 16,
1563
1563
  "letterSpacing": 0.48,
@@ -1642,7 +1642,7 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
1642
1642
  Array [
1643
1643
  Object {
1644
1644
  "alignItems": "center",
1645
- "backgroundColor": "#f1e9fb",
1645
+ "backgroundColor": "#f3e6f6",
1646
1646
  "flexDirection": "row",
1647
1647
  "opacity": 1,
1648
1648
  "padding": 16,
@@ -1667,7 +1667,7 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
1667
1667
  style={
1668
1668
  Array [
1669
1669
  Object {
1670
- "color": "#292a2b",
1670
+ "color": "#001f23",
1671
1671
  "fontFamily": "BeVietnamPro-Regular",
1672
1672
  "fontSize": 16,
1673
1673
  "letterSpacing": 0.48,
@@ -1698,7 +1698,7 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
1698
1698
  style={
1699
1699
  Array [
1700
1700
  Object {
1701
- "color": "#292a2b",
1701
+ "color": "#001f23",
1702
1702
  "fontSize": 20,
1703
1703
  },
1704
1704
  undefined,
@@ -1767,7 +1767,7 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
1767
1767
  Array [
1768
1768
  Object {
1769
1769
  "alignContent": "center",
1770
- "backgroundColor": "#dadbde",
1770
+ "backgroundColor": "#e8e9ea",
1771
1771
  "display": "flex",
1772
1772
  "flexDirection": "row",
1773
1773
  "justifyContent": "space-between",
@@ -1806,7 +1806,7 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
1806
1806
  style={
1807
1807
  Array [
1808
1808
  Object {
1809
- "color": "#292a2b",
1809
+ "color": "#001f23",
1810
1810
  "fontFamily": "BeVietnamPro-Regular",
1811
1811
  "fontSize": 16,
1812
1812
  "letterSpacing": 0.48,
@@ -1891,7 +1891,7 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
1891
1891
  Array [
1892
1892
  Object {
1893
1893
  "alignItems": "center",
1894
- "backgroundColor": "#f1e9fb",
1894
+ "backgroundColor": "#f3e6f6",
1895
1895
  "flexDirection": "row",
1896
1896
  "opacity": 1,
1897
1897
  "padding": 16,
@@ -1916,7 +1916,7 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
1916
1916
  style={
1917
1917
  Array [
1918
1918
  Object {
1919
- "color": "#292a2b",
1919
+ "color": "#001f23",
1920
1920
  "fontFamily": "BeVietnamPro-Regular",
1921
1921
  "fontSize": 16,
1922
1922
  "letterSpacing": 0.48,
@@ -1947,7 +1947,7 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
1947
1947
  style={
1948
1948
  Array [
1949
1949
  Object {
1950
- "color": "#292a2b",
1950
+ "color": "#001f23",
1951
1951
  "fontSize": 20,
1952
1952
  },
1953
1953
  undefined,
@@ -2058,7 +2058,7 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
2058
2058
  style={
2059
2059
  Array [
2060
2060
  Object {
2061
- "color": "#292a2b",
2061
+ "color": "#001f23",
2062
2062
  "fontFamily": "BeVietnamPro-Regular",
2063
2063
  "fontSize": 16,
2064
2064
  "letterSpacing": 0.48,
@@ -2190,7 +2190,7 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
2190
2190
  Array [
2191
2191
  Object {
2192
2192
  "alignContent": "center",
2193
- "backgroundColor": "#dadbde",
2193
+ "backgroundColor": "#e8e9ea",
2194
2194
  "display": "flex",
2195
2195
  "flexDirection": "row",
2196
2196
  "justifyContent": "space-between",
@@ -2229,7 +2229,7 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
2229
2229
  style={
2230
2230
  Array [
2231
2231
  Object {
2232
- "color": "#292a2b",
2232
+ "color": "#001f23",
2233
2233
  "fontFamily": "BeVietnamPro-Regular",
2234
2234
  "fontSize": 16,
2235
2235
  "letterSpacing": 0.48,
@@ -2314,7 +2314,7 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
2314
2314
  Array [
2315
2315
  Object {
2316
2316
  "alignItems": "center",
2317
- "backgroundColor": "#f1e9fb",
2317
+ "backgroundColor": "#f3e6f6",
2318
2318
  "flexDirection": "row",
2319
2319
  "opacity": 1,
2320
2320
  "padding": 16,
@@ -2339,7 +2339,7 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
2339
2339
  style={
2340
2340
  Array [
2341
2341
  Object {
2342
- "color": "#292a2b",
2342
+ "color": "#001f23",
2343
2343
  "fontFamily": "BeVietnamPro-Regular",
2344
2344
  "fontSize": 16,
2345
2345
  "letterSpacing": 0.48,
@@ -2370,7 +2370,7 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
2370
2370
  style={
2371
2371
  Array [
2372
2372
  Object {
2373
- "color": "#292a2b",
2373
+ "color": "#001f23",
2374
2374
  "fontSize": 20,
2375
2375
  },
2376
2376
  undefined,
@@ -2439,7 +2439,7 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
2439
2439
  Array [
2440
2440
  Object {
2441
2441
  "alignContent": "center",
2442
- "backgroundColor": "#dadbde",
2442
+ "backgroundColor": "#e8e9ea",
2443
2443
  "display": "flex",
2444
2444
  "flexDirection": "row",
2445
2445
  "justifyContent": "space-between",
@@ -2478,7 +2478,7 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
2478
2478
  style={
2479
2479
  Array [
2480
2480
  Object {
2481
- "color": "#292a2b",
2481
+ "color": "#001f23",
2482
2482
  "fontFamily": "BeVietnamPro-Regular",
2483
2483
  "fontSize": 16,
2484
2484
  "letterSpacing": 0.48,
@@ -2588,7 +2588,7 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
2588
2588
  style={
2589
2589
  Array [
2590
2590
  Object {
2591
- "color": "#292a2b",
2591
+ "color": "#001f23",
2592
2592
  "fontFamily": "BeVietnamPro-Regular",
2593
2593
  "fontSize": 16,
2594
2594
  "letterSpacing": 0.48,
@@ -2705,7 +2705,7 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
2705
2705
  style={
2706
2706
  Array [
2707
2707
  Object {
2708
- "color": "#292a2b",
2708
+ "color": "#001f23",
2709
2709
  "fontFamily": "BeVietnamPro-Regular",
2710
2710
  "fontSize": 16,
2711
2711
  "letterSpacing": 0.48,