@hero-design/rn 7.16.2 → 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 (122) hide show
  1. package/.turbo/turbo-build.log +2 -2
  2. package/es/index.js +331 -259
  3. package/lib/index.js +330 -258
  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/BasicListItem.tsx +8 -4
  36. package/src/components/List/__tests__/__snapshots__/BasicListItem.spec.tsx.snap +3 -3
  37. package/src/components/List/__tests__/__snapshots__/ListItem.spec.tsx.snap +20 -20
  38. package/src/components/List/__tests__/__snapshots__/StyledBasicListItem.spec.tsx.snap +6 -6
  39. package/src/components/List/__tests__/__snapshots__/StyledListItem.spec.tsx.snap +12 -12
  40. package/src/components/PinInput/__tests__/__snapshots__/PinCell.spec.tsx.snap +4 -4
  41. package/src/components/PinInput/__tests__/__snapshots__/index.spec.tsx.snap +22 -22
  42. package/src/components/Progress/ProgressCircle.tsx +25 -22
  43. package/src/components/Progress/StyledProgressCircle.tsx +33 -28
  44. package/src/components/Progress/__tests__/__snapshots__/index.spec.js.snap +102 -92
  45. package/src/components/Radio/__tests__/__snapshots__/Radio.spec.tsx.snap +5 -5
  46. package/src/components/Radio/__tests__/__snapshots__/RadioGroup.spec.tsx.snap +6 -6
  47. package/src/components/Radio/__tests__/__snapshots__/StyledRadio.spec.tsx.snap +3 -3
  48. package/src/components/RichTextEditor/__tests__/__snapshots__/EditorToolbar.spec.tsx.snap +11 -11
  49. package/src/components/RichTextEditor/__tests__/__snapshots__/RichTextEditor.spec.tsx.snap +6 -6
  50. package/src/components/SectionHeading/__tests__/__snapshots__/StyledHeading.spec.tsx.snap +1 -1
  51. package/src/components/SectionHeading/__tests__/__snapshots__/index.spec.tsx.snap +9 -9
  52. package/src/components/Select/MultiSelect/Option.tsx +20 -11
  53. package/src/components/Select/MultiSelect/OptionList.tsx +47 -41
  54. package/src/components/Select/MultiSelect/__tests__/OptionList.spec.tsx +25 -14
  55. package/src/components/Select/MultiSelect/__tests__/__snapshots__/Option.spec.tsx.snap +6 -4
  56. package/src/components/Select/MultiSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap +1638 -134
  57. package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap +5312 -366
  58. package/src/components/Select/MultiSelect/__tests__/index.spec.tsx +122 -1
  59. package/src/components/Select/MultiSelect/index.tsx +26 -36
  60. package/src/components/Select/SingleSelect/Option.tsx +19 -3
  61. package/src/components/Select/SingleSelect/OptionList.tsx +47 -39
  62. package/src/components/Select/SingleSelect/__tests__/OptionList.spec.tsx +23 -12
  63. package/src/components/Select/SingleSelect/__tests__/__snapshots__/Option.spec.tsx.snap +5 -3
  64. package/src/components/Select/SingleSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap +1632 -128
  65. package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap +4932 -302
  66. package/src/components/Select/SingleSelect/__tests__/index.spec.tsx +117 -1
  67. package/src/components/Select/SingleSelect/index.tsx +26 -37
  68. package/src/components/Select/StyledOptionList.tsx +43 -44
  69. package/src/components/Select/StyledSelect.tsx +7 -3
  70. package/src/components/Select/__tests__/StyledSelect.spec.tsx +1 -9
  71. package/src/components/Select/__tests__/__snapshots__/StyledSelect.spec.tsx.snap +2 -15
  72. package/src/components/Select/__tests__/helpers.spec.tsx +74 -0
  73. package/src/components/Select/helpers.tsx +87 -4
  74. package/src/components/Select/types.ts +99 -0
  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/__tests__/__snapshots__/ScrollableTabs.spec.tsx.snap +6 -6
  81. package/src/components/Tabs/__tests__/__snapshots__/index.spec.tsx.snap +8 -8
  82. package/src/components/Tag/__tests__/__snapshots__/Tag.spec.tsx.snap +8 -8
  83. package/src/components/TextInput/__tests__/__snapshots__/StyledTextInput.spec.tsx.snap +50 -50
  84. package/src/components/TextInput/__tests__/__snapshots__/index.spec.tsx.snap +241 -85
  85. package/src/components/TextInput/__tests__/index.spec.tsx +29 -8
  86. package/src/components/TextInput/index.tsx +18 -7
  87. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerAndroid.spec.tsx.snap +5 -5
  88. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap +12 -12
  89. package/src/components/Toast/__tests__/__snapshots__/Toast.spec.tsx.snap +22 -22
  90. package/src/components/Toolbar/__tests__/__snapshots__/ToolbarGroup.spec.tsx.snap +12 -12
  91. package/src/components/Toolbar/__tests__/__snapshots__/ToolbarItem.spec.tsx.snap +8 -8
  92. package/src/components/Typography/Text/__tests__/__snapshots__/StyledText.spec.tsx.snap +13 -13
  93. package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +145 -146
  94. package/src/theme/components/alert.ts +3 -3
  95. package/src/theme/components/badge.ts +1 -1
  96. package/src/theme/components/card.ts +4 -4
  97. package/src/theme/components/list.ts +4 -4
  98. package/src/theme/components/pinInput.ts +2 -2
  99. package/src/theme/components/progress.ts +5 -5
  100. package/src/theme/components/select.ts +3 -3
  101. package/src/theme/components/toast.ts +3 -3
  102. package/src/theme/global/colors.ts +40 -39
  103. package/src/types.ts +7 -1
  104. package/types/components/List/BasicListItem.d.ts +1 -1
  105. package/types/components/Progress/StyledProgressCircle.d.ts +12 -6
  106. package/types/components/Select/MultiSelect/Option.d.ts +4 -2
  107. package/types/components/Select/MultiSelect/OptionList.d.ts +6 -7
  108. package/types/components/Select/MultiSelect/index.d.ts +5 -5
  109. package/types/components/Select/SingleSelect/Option.d.ts +4 -2
  110. package/types/components/Select/SingleSelect/OptionList.d.ts +6 -7
  111. package/types/components/Select/SingleSelect/index.d.ts +5 -5
  112. package/types/components/Select/StyledOptionList.d.ts +10 -16
  113. package/types/components/Select/StyledSelect.d.ts +8 -2
  114. package/types/components/Select/__tests__/helpers.spec.d.ts +1 -0
  115. package/types/components/Select/helpers.d.ts +14 -2
  116. package/types/components/Select/index.d.ts +1 -1
  117. package/types/components/Select/types.d.ts +32 -7
  118. package/types/components/TextInput/index.d.ts +4 -2
  119. package/types/theme/components/progress.d.ts +1 -2
  120. package/types/theme/components/select.d.ts +3 -3
  121. package/types/types.d.ts +2 -1
  122. package/src/components/Select/types.tsx +0 -52
package/src/components/ContentNavigator/__tests__/__snapshots__/StyledContentNavigator.spec.tsx.snap CHANGED
@@ -5,7 +5,7 @@ exports[`Value has correct style 1`] = `
5
5
  style={
6
6
  Array [
7
7
  Object {
8
- "color": "#292a2b",
8
+ "color": "#001f23",
9
9
  "fontFamily": "BeVietnamPro-Regular",
10
10
  "fontSize": 14,
11
11
  "letterSpacing": 0.42,
package/src/components/ContentNavigator/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -37,7 +37,7 @@ exports[`rendering 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,
@@ -51,7 +51,7 @@ exports[`rendering renders correctly 1`] = `
51
51
  style={
52
52
  Array [
53
53
  Object {
54
- "color": "#292a2b",
54
+ "color": "#001f23",
55
55
  "fontFamily": "BeVietnamPro-SemiBold",
56
56
  "fontSize": 14,
57
57
  "letterSpacing": 0.42,
@@ -96,7 +96,7 @@ exports[`rendering renders correctly 1`] = `
96
96
  style={
97
97
  Array [
98
98
  Object {
99
- "color": "#292a2b",
99
+ "color": "#001f23",
100
100
  "fontSize": 24,
101
101
  },
102
102
  undefined,
@@ -146,7 +146,7 @@ exports[`rendering renders correctly when icon buttons are disabled 1`] = `
146
146
  style={
147
147
  Array [
148
148
  Object {
149
- "color": "#8b8d92",
149
+ "color": "#808f91",
150
150
  "fontSize": 24,
151
151
  },
152
152
  undefined,
@@ -160,7 +160,7 @@ exports[`rendering renders correctly when icon buttons are disabled 1`] = `
160
160
  style={
161
161
  Array [
162
162
  Object {
163
- "color": "#292a2b",
163
+ "color": "#001f23",
164
164
  "fontFamily": "BeVietnamPro-SemiBold",
165
165
  "fontSize": 14,
166
166
  "letterSpacing": 0.42,
@@ -205,7 +205,7 @@ exports[`rendering renders correctly when icon buttons are disabled 1`] = `
205
205
  style={
206
206
  Array [
207
207
  Object {
208
- "color": "#8b8d92",
208
+ "color": "#808f91",
209
209
  "fontSize": 24,
210
210
  },
211
211
  undefined,
package/src/components/DatePicker/__tests__/__snapshots__/DatePickerAndroid.spec.tsx.snap CHANGED
@@ -49,7 +49,7 @@ exports[`DatePickerAndroid renders correctly 1`] = `
49
49
  style={
50
50
  Array [
51
51
  Object {
52
- "borderColor": "#292a2b",
52
+ "borderColor": "#001f23",
53
53
  "borderRadius": 8,
54
54
  "borderWidth": 1,
55
55
  "bottom": 0,
@@ -84,7 +84,7 @@ exports[`DatePickerAndroid renders correctly 1`] = `
84
84
  style={
85
85
  Array [
86
86
  Object {
87
- "color": "#292a2b",
87
+ "color": "#001f23",
88
88
  "fontFamily": "BeVietnamPro-Regular",
89
89
  "fontSize": 12,
90
90
  "letterSpacing": 0.36,
@@ -92,7 +92,7 @@ exports[`DatePickerAndroid renders correctly 1`] = `
92
92
  },
93
93
  Array [
94
94
  Object {
95
- "color": "#292a2b",
95
+ "color": "#001f23",
96
96
  },
97
97
  undefined,
98
98
  ],
@@ -140,7 +140,7 @@ exports[`DatePickerAndroid renders correctly 1`] = `
140
140
  "textAlignVertical": "center",
141
141
  },
142
142
  Object {
143
- "color": "#292a2b",
143
+ "color": "#001f23",
144
144
  },
145
145
  ]
146
146
  }
@@ -153,7 +153,7 @@ exports[`DatePickerAndroid renders correctly 1`] = `
153
153
  style={
154
154
  Array [
155
155
  Object {
156
- "color": "#292a2b",
156
+ "color": "#001f23",
157
157
  "fontSize": 16,
158
158
  },
159
159
  undefined,
package/src/components/DatePicker/__tests__/__snapshots__/DatePickerIOS.spec.tsx.snap CHANGED
@@ -49,7 +49,7 @@ exports[`DatePickerIOS renders correctly 1`] = `
49
49
  style={
50
50
  Array [
51
51
  Object {
52
- "borderColor": "#292a2b",
52
+ "borderColor": "#001f23",
53
53
  "borderRadius": 8,
54
54
  "borderWidth": 1,
55
55
  "bottom": 0,
@@ -84,7 +84,7 @@ exports[`DatePickerIOS renders correctly 1`] = `
84
84
  style={
85
85
  Array [
86
86
  Object {
87
- "color": "#292a2b",
87
+ "color": "#001f23",
88
88
  "fontFamily": "BeVietnamPro-Regular",
89
89
  "fontSize": 12,
90
90
  "letterSpacing": 0.36,
@@ -92,7 +92,7 @@ exports[`DatePickerIOS renders correctly 1`] = `
92
92
  },
93
93
  Array [
94
94
  Object {
95
- "color": "#292a2b",
95
+ "color": "#001f23",
96
96
  },
97
97
  undefined,
98
98
  ],
@@ -140,7 +140,7 @@ exports[`DatePickerIOS renders correctly 1`] = `
140
140
  "textAlignVertical": "center",
141
141
  },
142
142
  Object {
143
- "color": "#292a2b",
143
+ "color": "#001f23",
144
144
  },
145
145
  ]
146
146
  }
@@ -153,7 +153,7 @@ exports[`DatePickerIOS renders correctly 1`] = `
153
153
  style={
154
154
  Array [
155
155
  Object {
156
- "color": "#292a2b",
156
+ "color": "#001f23",
157
157
  "fontSize": 16,
158
158
  },
159
159
  undefined,
@@ -266,7 +266,7 @@ exports[`DatePickerIOS renders correctly 1`] = `
266
266
  onStartShouldSetResponder={[Function]}
267
267
  style={
268
268
  Object {
269
- "backgroundColor": "#292a2b",
269
+ "backgroundColor": "#001f23",
270
270
  "bottom": 0,
271
271
  "left": 0,
272
272
  "opacity": 0.48,
@@ -288,7 +288,7 @@ exports[`DatePickerIOS renders correctly 1`] = `
288
288
  "borderTopRightRadius": 16,
289
289
  "elevation": 10,
290
290
  "maxHeight": "94%",
291
- "shadowColor": "#292a2b",
291
+ "shadowColor": "#001f23",
292
292
  "shadowOffset": Object {
293
293
  "height": 3,
294
294
  "width": 0,
@@ -334,7 +334,7 @@ exports[`DatePickerIOS renders correctly 1`] = `
334
334
  style={
335
335
  Array [
336
336
  Object {
337
- "color": "#292a2b",
337
+ "color": "#001f23",
338
338
  "fontFamily": "BeVietnamPro-SemiBold",
339
339
  "fontSize": 16,
340
340
  "letterSpacing": 0.48,
@@ -388,7 +388,7 @@ exports[`DatePickerIOS renders correctly 1`] = `
388
388
  style={
389
389
  Array [
390
390
  Object {
391
- "color": "#292a2b",
391
+ "color": "#001f23",
392
392
  "fontSize": 20,
393
393
  },
394
394
  undefined,
@@ -404,7 +404,7 @@ exports[`DatePickerIOS renders correctly 1`] = `
404
404
  style={
405
405
  Array [
406
406
  Object {
407
- "borderBottomColor": "#dadbde",
407
+ "borderBottomColor": "#e8e9ea",
408
408
  "borderBottomWidth": 1,
409
409
  "maxWidth": "100%",
410
410
  },
@@ -440,7 +440,7 @@ exports[`DatePickerIOS renders correctly 1`] = `
440
440
  style={
441
441
  Array [
442
442
  Object {
443
- "borderBottomColor": "#dadbde",
443
+ "borderBottomColor": "#e8e9ea",
444
444
  "borderBottomWidth": 1,
445
445
  "maxWidth": "100%",
446
446
  },
@@ -485,7 +485,7 @@ exports[`DatePickerIOS renders correctly 1`] = `
485
485
  style={
486
486
  Array [
487
487
  Object {
488
- "color": "#7622d7",
488
+ "color": "#8505a2",
489
489
  "fontFamily": "BeVietnamPro-SemiBold",
490
490
  "fontSize": 16,
491
491
  "letterSpacing": 0.48,
package/src/components/Divider/__tests__/__snapshots__/StyledDivider.spec.tsx.snap CHANGED
@@ -5,7 +5,7 @@ exports[`Divider has large marginHorizontal style 1`] = `
5
5
  style={
6
6
  Array [
7
7
  Object {
8
- "borderBottomColor": "#dadbde",
8
+ "borderBottomColor": "#e8e9ea",
9
9
  "borderBottomWidth": 1,
10
10
  "marginHorizontal": 24,
11
11
  "maxWidth": "100%",
@@ -22,7 +22,7 @@ exports[`Divider has large marginVertical style 1`] = `
22
22
  style={
23
23
  Array [
24
24
  Object {
25
- "borderBottomColor": "#dadbde",
25
+ "borderBottomColor": "#e8e9ea",
26
26
  "borderBottomWidth": 1,
27
27
  "marginVertical": 24,
28
28
  "maxWidth": "100%",
@@ -39,7 +39,7 @@ exports[`Divider has medium marginHorizontal style 1`] = `
39
39
  style={
40
40
  Array [
41
41
  Object {
42
- "borderBottomColor": "#dadbde",
42
+ "borderBottomColor": "#e8e9ea",
43
43
  "borderBottomWidth": 1,
44
44
  "marginHorizontal": 16,
45
45
  "maxWidth": "100%",
@@ -56,7 +56,7 @@ exports[`Divider has medium marginVertical style 1`] = `
56
56
  style={
57
57
  Array [
58
58
  Object {
59
- "borderBottomColor": "#dadbde",
59
+ "borderBottomColor": "#e8e9ea",
60
60
  "borderBottomWidth": 1,
61
61
  "marginVertical": 16,
62
62
  "maxWidth": "100%",
@@ -73,7 +73,7 @@ exports[`Divider has small marginHorizontal style 1`] = `
73
73
  style={
74
74
  Array [
75
75
  Object {
76
- "borderBottomColor": "#dadbde",
76
+ "borderBottomColor": "#e8e9ea",
77
77
  "borderBottomWidth": 1,
78
78
  "marginHorizontal": 8,
79
79
  "maxWidth": "100%",
@@ -90,7 +90,7 @@ exports[`Divider has small marginVertical style 1`] = `
90
90
  style={
91
91
  Array [
92
92
  Object {
93
- "borderBottomColor": "#dadbde",
93
+ "borderBottomColor": "#e8e9ea",
94
94
  "borderBottomWidth": 1,
95
95
  "marginVertical": 8,
96
96
  "maxWidth": "100%",
@@ -107,7 +107,7 @@ exports[`Divider has undefined marginHorizontal style 1`] = `
107
107
  style={
108
108
  Array [
109
109
  Object {
110
- "borderBottomColor": "#dadbde",
110
+ "borderBottomColor": "#e8e9ea",
111
111
  "borderBottomWidth": 1,
112
112
  "maxWidth": "100%",
113
113
  },
@@ -122,7 +122,7 @@ exports[`Divider has undefined marginVertical style 1`] = `
122
122
  style={
123
123
  Array [
124
124
  Object {
125
- "borderBottomColor": "#dadbde",
125
+ "borderBottomColor": "#e8e9ea",
126
126
  "borderBottomWidth": 1,
127
127
  "maxWidth": "100%",
128
128
  },
@@ -137,7 +137,7 @@ exports[`Divider has xlarge marginHorizontal style 1`] = `
137
137
  style={
138
138
  Array [
139
139
  Object {
140
- "borderBottomColor": "#dadbde",
140
+ "borderBottomColor": "#e8e9ea",
141
141
  "borderBottomWidth": 1,
142
142
  "marginHorizontal": 32,
143
143
  "maxWidth": "100%",
@@ -154,7 +154,7 @@ exports[`Divider has xlarge marginVertical style 1`] = `
154
154
  style={
155
155
  Array [
156
156
  Object {
157
- "borderBottomColor": "#dadbde",
157
+ "borderBottomColor": "#e8e9ea",
158
158
  "borderBottomWidth": 1,
159
159
  "marginVertical": 32,
160
160
  "maxWidth": "100%",
@@ -171,7 +171,7 @@ exports[`Divider has xsmall marginHorizontal style 1`] = `
171
171
  style={
172
172
  Array [
173
173
  Object {
174
- "borderBottomColor": "#dadbde",
174
+ "borderBottomColor": "#e8e9ea",
175
175
  "borderBottomWidth": 1,
176
176
  "marginHorizontal": 4,
177
177
  "maxWidth": "100%",
@@ -188,7 +188,7 @@ exports[`Divider has xsmall marginVertical style 1`] = `
188
188
  style={
189
189
  Array [
190
190
  Object {
191
- "borderBottomColor": "#dadbde",
191
+ "borderBottomColor": "#e8e9ea",
192
192
  "borderBottomWidth": 1,
193
193
  "marginVertical": 4,
194
194
  "maxWidth": "100%",
package/src/components/Drawer/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -44,7 +44,7 @@ exports[`Drawer renders correctly in invisible state 1`] = `
44
44
  pointerEvents="box-none"
45
45
  style={
46
46
  Object {
47
- "backgroundColor": "#292a2b",
47
+ "backgroundColor": "#001f23",
48
48
  "bottom": 0,
49
49
  "left": 0,
50
50
  "opacity": 0,
@@ -125,7 +125,7 @@ exports[`Drawer renders correctly in visible state 1`] = `
125
125
  pointerEvents="auto"
126
126
  style={
127
127
  Object {
128
- "backgroundColor": "#292a2b",
128
+ "backgroundColor": "#001f23",
129
129
  "bottom": 0,
130
130
  "left": 0,
131
131
  "opacity": 0.35,
@@ -206,7 +206,7 @@ exports[`Drawer renders correctly with no backdrop 1`] = `
206
206
  pointerEvents="box-none"
207
207
  style={
208
208
  Object {
209
- "backgroundColor": "#292a2b",
209
+ "backgroundColor": "#001f23",
210
210
  "bottom": 0,
211
211
  "left": 0,
212
212
  "opacity": 0,
package/src/components/Empty/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -19,7 +19,7 @@ exports[`Empty renders empty state content correctly 1`] = `
19
19
  style={
20
20
  Array [
21
21
  Object {
22
- "backgroundColor": "#dadbde",
22
+ "backgroundColor": "#ccced1",
23
23
  "borderRadius": 999,
24
24
  "height": 168,
25
25
  "marginBottom": 24,
@@ -33,7 +33,7 @@ exports[`Empty renders empty state content correctly 1`] = `
33
33
  style={
34
34
  Array [
35
35
  Object {
36
- "color": "#292a2b",
36
+ "color": "#001f23",
37
37
  "fontFamily": "BeVietnamPro-SemiBold",
38
38
  "fontSize": 28,
39
39
  "marginBottom": 16,
@@ -50,7 +50,7 @@ exports[`Empty renders empty state content correctly 1`] = `
50
50
  style={
51
51
  Array [
52
52
  Object {
53
- "color": "#727478",
53
+ "color": "#4d6265",
54
54
  "fontFamily": "BeVietnamPro-Light",
55
55
  "fontSize": 16,
56
56
  "textAlign": "center",
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 [