@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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hero-design/rn",
3
- "version": "7.16.2",
3
+ "version": "7.17.1",
4
4
  "license": "MIT",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",
@@ -20,7 +20,7 @@
20
20
  "dependencies": {
21
21
  "@emotion/native": "^11.9.3",
22
22
  "@emotion/react": "^11.9.3",
23
- "@hero-design/colors": "7.16.2",
23
+ "@hero-design/colors": "7.17.1",
24
24
  "date-fns": "^2.16.1",
25
25
  "events": "^3.2.0",
26
26
  "hero-editor": "^1.9.9"
package/src/components/Accordion/__tests__/__snapshots__/AccordionItem.spec.tsx.snap CHANGED
@@ -38,7 +38,7 @@ exports[`AccordionItem renders correctly when header is an element 1`] = `
38
38
  style={
39
39
  Array [
40
40
  Object {
41
- "color": "#292a2b",
41
+ "color": "#001f23",
42
42
  "fontFamily": "BeVietnamPro-Regular",
43
43
  "fontSize": 14,
44
44
  "letterSpacing": 0.42,
@@ -58,7 +58,7 @@ exports[`AccordionItem renders correctly when header is an element 1`] = `
58
58
  style={
59
59
  Array [
60
60
  Object {
61
- "color": "#7622d7",
61
+ "color": "#8505a2",
62
62
  "fontSize": 20,
63
63
  },
64
64
  undefined,
@@ -111,7 +111,7 @@ exports[`AccordionItem renders correctly when header is an element 1`] = `
111
111
  style={
112
112
  Array [
113
113
  Object {
114
- "color": "#292a2b",
114
+ "color": "#001f23",
115
115
  "fontFamily": "BeVietnamPro-Regular",
116
116
  "fontSize": 14,
117
117
  "letterSpacing": 0.42,
@@ -170,7 +170,7 @@ exports[`AccordionItem renders correctly when header is string 1`] = `
170
170
  style={
171
171
  Array [
172
172
  Object {
173
- "color": "#292a2b",
173
+ "color": "#001f23",
174
174
  "fontFamily": "BeVietnamPro-SemiBold",
175
175
  "fontSize": 16,
176
176
  "letterSpacing": 0.48,
@@ -190,7 +190,7 @@ exports[`AccordionItem renders correctly when header is string 1`] = `
190
190
  style={
191
191
  Array [
192
192
  Object {
193
- "color": "#7622d7",
193
+ "color": "#8505a2",
194
194
  "fontSize": 20,
195
195
  },
196
196
  undefined,
@@ -243,7 +243,7 @@ exports[`AccordionItem renders correctly when header is string 1`] = `
243
243
  style={
244
244
  Array [
245
245
  Object {
246
- "color": "#292a2b",
246
+ "color": "#001f23",
247
247
  "fontFamily": "BeVietnamPro-Regular",
248
248
  "fontSize": 14,
249
249
  "letterSpacing": 0.42,
@@ -302,7 +302,7 @@ exports[`AccordionItem renders correctly when open 1`] = `
302
302
  style={
303
303
  Array [
304
304
  Object {
305
- "color": "#292a2b",
305
+ "color": "#001f23",
306
306
  "fontFamily": "BeVietnamPro-SemiBold",
307
307
  "fontSize": 16,
308
308
  "letterSpacing": 0.48,
@@ -322,7 +322,7 @@ exports[`AccordionItem renders correctly when open 1`] = `
322
322
  style={
323
323
  Array [
324
324
  Object {
325
- "color": "#7622d7",
325
+ "color": "#8505a2",
326
326
  "fontSize": 20,
327
327
  },
328
328
  undefined,
@@ -375,7 +375,7 @@ exports[`AccordionItem renders correctly when open 1`] = `
375
375
  style={
376
376
  Array [
377
377
  Object {
378
- "color": "#292a2b",
378
+ "color": "#001f23",
379
379
  "fontFamily": "BeVietnamPro-Regular",
380
380
  "fontSize": 14,
381
381
  "letterSpacing": 0.42,
@@ -434,7 +434,7 @@ exports[`AccordionItem renders correctly when variant is card 1`] = `
434
434
  style={
435
435
  Array [
436
436
  Object {
437
- "color": "#292a2b",
437
+ "color": "#001f23",
438
438
  "fontFamily": "BeVietnamPro-SemiBold",
439
439
  "fontSize": 16,
440
440
  "letterSpacing": 0.48,
@@ -454,7 +454,7 @@ exports[`AccordionItem renders correctly when variant is card 1`] = `
454
454
  style={
455
455
  Array [
456
456
  Object {
457
- "color": "#7622d7",
457
+ "color": "#8505a2",
458
458
  "fontSize": 20,
459
459
  },
460
460
  undefined,
@@ -507,7 +507,7 @@ exports[`AccordionItem renders correctly when variant is card 1`] = `
507
507
  style={
508
508
  Array [
509
509
  Object {
510
- "color": "#292a2b",
510
+ "color": "#001f23",
511
511
  "fontFamily": "BeVietnamPro-Regular",
512
512
  "fontSize": 14,
513
513
  "letterSpacing": 0.42,
package/src/components/Accordion/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -46,7 +46,7 @@ exports[`Accordion allows fully controlled 1`] = `
46
46
  style={
47
47
  Array [
48
48
  Object {
49
- "color": "#292a2b",
49
+ "color": "#001f23",
50
50
  "fontFamily": "BeVietnamPro-SemiBold",
51
51
  "fontSize": 16,
52
52
  "letterSpacing": 0.48,
@@ -66,7 +66,7 @@ exports[`Accordion allows fully controlled 1`] = `
66
66
  style={
67
67
  Array [
68
68
  Object {
69
- "color": "#7622d7",
69
+ "color": "#8505a2",
70
70
  "fontSize": 20,
71
71
  },
72
72
  undefined,
@@ -119,7 +119,7 @@ exports[`Accordion allows fully controlled 1`] = `
119
119
  style={
120
120
  Array [
121
121
  Object {
122
- "color": "#292a2b",
122
+ "color": "#001f23",
123
123
  "fontFamily": "BeVietnamPro-Regular",
124
124
  "fontSize": 14,
125
125
  "letterSpacing": 0.42,
@@ -175,7 +175,7 @@ exports[`Accordion allows fully controlled 1`] = `
175
175
  style={
176
176
  Array [
177
177
  Object {
178
- "color": "#292a2b",
178
+ "color": "#001f23",
179
179
  "fontFamily": "BeVietnamPro-SemiBold",
180
180
  "fontSize": 16,
181
181
  "letterSpacing": 0.48,
@@ -195,7 +195,7 @@ exports[`Accordion allows fully controlled 1`] = `
195
195
  style={
196
196
  Array [
197
197
  Object {
198
- "color": "#7622d7",
198
+ "color": "#8505a2",
199
199
  "fontSize": 20,
200
200
  },
201
201
  undefined,
@@ -248,7 +248,7 @@ exports[`Accordion allows fully controlled 1`] = `
248
248
  style={
249
249
  Array [
250
250
  Object {
251
- "color": "#292a2b",
251
+ "color": "#001f23",
252
252
  "fontFamily": "BeVietnamPro-Regular",
253
253
  "fontSize": 14,
254
254
  "letterSpacing": 0.42,
@@ -316,7 +316,7 @@ exports[`Accordion renders correctly 1`] = `
316
316
  style={
317
317
  Array [
318
318
  Object {
319
- "color": "#292a2b",
319
+ "color": "#001f23",
320
320
  "fontFamily": "BeVietnamPro-SemiBold",
321
321
  "fontSize": 16,
322
322
  "letterSpacing": 0.48,
@@ -336,7 +336,7 @@ exports[`Accordion renders correctly 1`] = `
336
336
  style={
337
337
  Array [
338
338
  Object {
339
- "color": "#7622d7",
339
+ "color": "#8505a2",
340
340
  "fontSize": 20,
341
341
  },
342
342
  undefined,
@@ -389,7 +389,7 @@ exports[`Accordion renders correctly 1`] = `
389
389
  style={
390
390
  Array [
391
391
  Object {
392
- "color": "#292a2b",
392
+ "color": "#001f23",
393
393
  "fontFamily": "BeVietnamPro-Regular",
394
394
  "fontSize": 14,
395
395
  "letterSpacing": 0.42,
@@ -445,7 +445,7 @@ exports[`Accordion renders correctly 1`] = `
445
445
  style={
446
446
  Array [
447
447
  Object {
448
- "color": "#292a2b",
448
+ "color": "#001f23",
449
449
  "fontFamily": "BeVietnamPro-SemiBold",
450
450
  "fontSize": 16,
451
451
  "letterSpacing": 0.48,
@@ -465,7 +465,7 @@ exports[`Accordion renders correctly 1`] = `
465
465
  style={
466
466
  Array [
467
467
  Object {
468
- "color": "#7622d7",
468
+ "color": "#8505a2",
469
469
  "fontSize": 20,
470
470
  },
471
471
  undefined,
@@ -518,7 +518,7 @@ exports[`Accordion renders correctly 1`] = `
518
518
  style={
519
519
  Array [
520
520
  Object {
521
- "color": "#292a2b",
521
+ "color": "#001f23",
522
522
  "fontFamily": "BeVietnamPro-Regular",
523
523
  "fontSize": 14,
524
524
  "letterSpacing": 0.42,
@@ -586,7 +586,7 @@ exports[`Accordion renders correctly when variant is card 1`] = `
586
586
  style={
587
587
  Array [
588
588
  Object {
589
- "color": "#292a2b",
589
+ "color": "#001f23",
590
590
  "fontFamily": "BeVietnamPro-SemiBold",
591
591
  "fontSize": 16,
592
592
  "letterSpacing": 0.48,
@@ -606,7 +606,7 @@ exports[`Accordion renders correctly when variant is card 1`] = `
606
606
  style={
607
607
  Array [
608
608
  Object {
609
- "color": "#7622d7",
609
+ "color": "#8505a2",
610
610
  "fontSize": 20,
611
611
  },
612
612
  undefined,
@@ -659,7 +659,7 @@ exports[`Accordion renders correctly when variant is card 1`] = `
659
659
  style={
660
660
  Array [
661
661
  Object {
662
- "color": "#292a2b",
662
+ "color": "#001f23",
663
663
  "fontFamily": "BeVietnamPro-Regular",
664
664
  "fontSize": 14,
665
665
  "letterSpacing": 0.42,
@@ -726,7 +726,7 @@ exports[`Accordion renders correctly when variant is card 1`] = `
726
726
  style={
727
727
  Array [
728
728
  Object {
729
- "color": "#292a2b",
729
+ "color": "#001f23",
730
730
  "fontFamily": "BeVietnamPro-SemiBold",
731
731
  "fontSize": 16,
732
732
  "letterSpacing": 0.48,
@@ -746,7 +746,7 @@ exports[`Accordion renders correctly when variant is card 1`] = `
746
746
  style={
747
747
  Array [
748
748
  Object {
749
- "color": "#7622d7",
749
+ "color": "#8505a2",
750
750
  "fontSize": 20,
751
751
  },
752
752
  undefined,
@@ -799,7 +799,7 @@ exports[`Accordion renders correctly when variant is card 1`] = `
799
799
  style={
800
800
  Array [
801
801
  Object {
802
- "color": "#292a2b",
802
+ "color": "#001f23",
803
803
  "fontFamily": "BeVietnamPro-Regular",
804
804
  "fontSize": 14,
805
805
  "letterSpacing": 0.42,
package/src/components/Alert/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -21,7 +21,7 @@ exports[`Alert Icon render custom icon correctly 1`] = `
21
21
  style={
22
22
  Array [
23
23
  Object {
24
- "borderColor": "#fafbfb",
24
+ "borderColor": "#e8e9ea",
25
25
  "borderRightWidth": 0,
26
26
  "flex": 1,
27
27
  "flexDirection": "row",
@@ -48,7 +48,7 @@ exports[`Alert Icon render custom icon correctly 1`] = `
48
48
  style={
49
49
  Array [
50
50
  Object {
51
- "color": "#292a2b",
51
+ "color": "#001f23",
52
52
  "fontSize": 20,
53
53
  },
54
54
  undefined,
@@ -73,7 +73,7 @@ exports[`Alert Icon render custom icon correctly 1`] = `
73
73
  style={
74
74
  Array [
75
75
  Object {
76
- "color": "#292a2b",
76
+ "color": "#001f23",
77
77
  "fontFamily": "BeVietnamPro-Regular",
78
78
  "fontSize": 14,
79
79
  "letterSpacing": 0.42,
@@ -98,7 +98,7 @@ exports[`Alert renders correctly when intent is error 1`] = `
98
98
  style={
99
99
  Array [
100
100
  Object {
101
- "backgroundColor": "#de350b",
101
+ "backgroundColor": "#f46363",
102
102
  "borderRadius": 0,
103
103
  "flexDirection": "row",
104
104
  "minHeight": 48,
@@ -114,7 +114,7 @@ exports[`Alert renders correctly when intent is error 1`] = `
114
114
  style={
115
115
  Array [
116
116
  Object {
117
- "borderColor": "#fafbfb",
117
+ "borderColor": "#e8e9ea",
118
118
  "borderRightWidth": 1,
119
119
  "flex": 1,
120
120
  "flexDirection": "row",
@@ -141,7 +141,7 @@ exports[`Alert renders correctly when intent is error 1`] = `
141
141
  style={
142
142
  Array [
143
143
  Object {
144
- "color": "#292a2b",
144
+ "color": "#001f23",
145
145
  "fontSize": 20,
146
146
  },
147
147
  undefined,
@@ -166,7 +166,7 @@ exports[`Alert renders correctly when intent is error 1`] = `
166
166
  style={
167
167
  Array [
168
168
  Object {
169
- "color": "#292a2b",
169
+ "color": "#001f23",
170
170
  "fontFamily": "BeVietnamPro-SemiBold",
171
171
  "fontSize": 14,
172
172
  "letterSpacing": 0.42,
@@ -185,7 +185,7 @@ exports[`Alert renders correctly when intent is error 1`] = `
185
185
  style={
186
186
  Array [
187
187
  Object {
188
- "color": "#292a2b",
188
+ "color": "#001f23",
189
189
  "fontFamily": "BeVietnamPro-Regular",
190
190
  "fontSize": 14,
191
191
  "letterSpacing": 0.42,
@@ -228,7 +228,7 @@ exports[`Alert renders correctly when intent is error 1`] = `
228
228
  style={
229
229
  Array [
230
230
  Object {
231
- "color": "#292a2b",
231
+ "color": "#001f23",
232
232
  "fontSize": 20,
233
233
  },
234
234
  undefined,
@@ -262,7 +262,7 @@ exports[`Alert renders correctly when intent is info 1`] = `
262
262
  style={
263
263
  Array [
264
264
  Object {
265
- "borderColor": "#fafbfb",
265
+ "borderColor": "#e8e9ea",
266
266
  "borderRightWidth": 1,
267
267
  "flex": 1,
268
268
  "flexDirection": "row",
@@ -289,7 +289,7 @@ exports[`Alert renders correctly when intent is info 1`] = `
289
289
  style={
290
290
  Array [
291
291
  Object {
292
- "color": "#292a2b",
292
+ "color": "#001f23",
293
293
  "fontSize": 20,
294
294
  },
295
295
  undefined,
@@ -314,7 +314,7 @@ exports[`Alert renders correctly when intent is info 1`] = `
314
314
  style={
315
315
  Array [
316
316
  Object {
317
- "color": "#292a2b",
317
+ "color": "#001f23",
318
318
  "fontFamily": "BeVietnamPro-SemiBold",
319
319
  "fontSize": 14,
320
320
  "letterSpacing": 0.42,
@@ -333,7 +333,7 @@ exports[`Alert renders correctly when intent is info 1`] = `
333
333
  style={
334
334
  Array [
335
335
  Object {
336
- "color": "#292a2b",
336
+ "color": "#001f23",
337
337
  "fontFamily": "BeVietnamPro-Regular",
338
338
  "fontSize": 14,
339
339
  "letterSpacing": 0.42,
@@ -376,7 +376,7 @@ exports[`Alert renders correctly when intent is info 1`] = `
376
376
  style={
377
377
  Array [
378
378
  Object {
379
- "color": "#292a2b",
379
+ "color": "#001f23",
380
380
  "fontSize": 20,
381
381
  },
382
382
  undefined,
@@ -394,7 +394,7 @@ exports[`Alert renders correctly when intent is success 1`] = `
394
394
  style={
395
395
  Array [
396
396
  Object {
397
- "backgroundColor": "#01b39c",
397
+ "backgroundColor": "#5ace7d",
398
398
  "borderRadius": 0,
399
399
  "flexDirection": "row",
400
400
  "minHeight": 48,
@@ -410,7 +410,7 @@ exports[`Alert renders correctly when intent is success 1`] = `
410
410
  style={
411
411
  Array [
412
412
  Object {
413
- "borderColor": "#fafbfb",
413
+ "borderColor": "#e8e9ea",
414
414
  "borderRightWidth": 1,
415
415
  "flex": 1,
416
416
  "flexDirection": "row",
@@ -437,7 +437,7 @@ exports[`Alert renders correctly when intent is success 1`] = `
437
437
  style={
438
438
  Array [
439
439
  Object {
440
- "color": "#292a2b",
440
+ "color": "#001f23",
441
441
  "fontSize": 20,
442
442
  },
443
443
  undefined,
@@ -462,7 +462,7 @@ exports[`Alert renders correctly when intent is success 1`] = `
462
462
  style={
463
463
  Array [
464
464
  Object {
465
- "color": "#292a2b",
465
+ "color": "#001f23",
466
466
  "fontFamily": "BeVietnamPro-SemiBold",
467
467
  "fontSize": 14,
468
468
  "letterSpacing": 0.42,
@@ -481,7 +481,7 @@ exports[`Alert renders correctly when intent is success 1`] = `
481
481
  style={
482
482
  Array [
483
483
  Object {
484
- "color": "#292a2b",
484
+ "color": "#001f23",
485
485
  "fontFamily": "BeVietnamPro-Regular",
486
486
  "fontSize": 14,
487
487
  "letterSpacing": 0.42,
@@ -524,7 +524,7 @@ exports[`Alert renders correctly when intent is success 1`] = `
524
524
  style={
525
525
  Array [
526
526
  Object {
527
- "color": "#292a2b",
527
+ "color": "#001f23",
528
528
  "fontSize": 20,
529
529
  },
530
530
  undefined,
@@ -542,7 +542,7 @@ exports[`Alert renders correctly when intent is warning 1`] = `
542
542
  style={
543
543
  Array [
544
544
  Object {
545
- "backgroundColor": "#ffa234",
545
+ "backgroundColor": "#ffbe71",
546
546
  "borderRadius": 0,
547
547
  "flexDirection": "row",
548
548
  "minHeight": 48,
@@ -558,7 +558,7 @@ exports[`Alert renders correctly when intent is warning 1`] = `
558
558
  style={
559
559
  Array [
560
560
  Object {
561
- "borderColor": "#fafbfb",
561
+ "borderColor": "#e8e9ea",
562
562
  "borderRightWidth": 1,
563
563
  "flex": 1,
564
564
  "flexDirection": "row",
@@ -585,7 +585,7 @@ exports[`Alert renders correctly when intent is warning 1`] = `
585
585
  style={
586
586
  Array [
587
587
  Object {
588
- "color": "#292a2b",
588
+ "color": "#001f23",
589
589
  "fontSize": 20,
590
590
  },
591
591
  undefined,
@@ -610,7 +610,7 @@ exports[`Alert renders correctly when intent is warning 1`] = `
610
610
  style={
611
611
  Array [
612
612
  Object {
613
- "color": "#292a2b",
613
+ "color": "#001f23",
614
614
  "fontFamily": "BeVietnamPro-SemiBold",
615
615
  "fontSize": 14,
616
616
  "letterSpacing": 0.42,
@@ -629,7 +629,7 @@ exports[`Alert renders correctly when intent is warning 1`] = `
629
629
  style={
630
630
  Array [
631
631
  Object {
632
- "color": "#292a2b",
632
+ "color": "#001f23",
633
633
  "fontFamily": "BeVietnamPro-Regular",
634
634
  "fontSize": 14,
635
635
  "letterSpacing": 0.42,
@@ -672,7 +672,7 @@ exports[`Alert renders correctly when intent is warning 1`] = `
672
672
  style={
673
673
  Array [
674
674
  Object {
675
- "color": "#292a2b",
675
+ "color": "#001f23",
676
676
  "fontSize": 20,
677
677
  },
678
678
  undefined,
package/src/components/Avatar/__tests__/__snapshots__/StyledAvatar.spec.tsx.snap CHANGED
@@ -35,7 +35,7 @@ exports[`StyledPressable renders correct style 1`] = `
35
35
  onStartShouldSetResponder={[Function]}
36
36
  style={
37
37
  Object {
38
- "borderColor": "#7622d7",
38
+ "borderColor": "#8505a2",
39
39
  "borderRadius": 999,
40
40
  "borderWidth": 1,
41
41
  "height": 32,
@@ -52,7 +52,7 @@ exports[`StyledText renders correct style 1`] = `
52
52
  style={
53
53
  Array [
54
54
  Object {
55
- "color": "#7622d7",
55
+ "color": "#8505a2",
56
56
  "fontSize": 16,
57
57
  "overflow": "hidden",
58
58
  },
@@ -71,7 +71,7 @@ exports[`StyledView renders correct style 1`] = `
71
71
  style={
72
72
  Array [
73
73
  Object {
74
- "borderColor": "#7622d7",
74
+ "borderColor": "#8505a2",
75
75
  "borderRadius": 999,
76
76
  "borderWidth": 1,
77
77
  "height": 32,
package/src/components/Avatar/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -5,7 +5,7 @@ exports[`Avatar renders correctly 1`] = `
5
5
  style={
6
6
  Array [
7
7
  Object {
8
- "borderColor": "#7622d7",
8
+ "borderColor": "#8505a2",
9
9
  "borderRadius": 999,
10
10
  "borderWidth": 1,
11
11
  "height": 32,
@@ -55,7 +55,7 @@ exports[`Avatar trigger press function correctly 1`] = `
55
55
  onStartShouldSetResponder={[Function]}
56
56
  style={
57
57
  Object {
58
- "borderColor": "#7622d7",
58
+ "borderColor": "#8505a2",
59
59
  "borderRadius": 999,
60
60
  "borderWidth": 1,
61
61
  "height": 32,
package/src/components/Badge/__tests__/__snapshots__/Badge.spec.tsx.snap CHANGED
@@ -139,7 +139,7 @@ exports[`Badge has warning style when intent is warning 1`] = `
139
139
  style={
140
140
  Object {
141
141
  "alignItems": "center",
142
- "backgroundColor": "#d98a2c",
142
+ "backgroundColor": "#ffa234",
143
143
  "borderRadius": 999,
144
144
  "height": 20,
145
145
  "justifyContent": "center",
package/src/components/Badge/__tests__/__snapshots__/Status.spec.tsx.snap CHANGED
@@ -7,7 +7,7 @@ exports[`Status Badge renders correctly 1`] = `
7
7
  style={
8
8
  Array [
9
9
  Object {
10
- "color": "#292a2b",
10
+ "color": "#001f23",
11
11
  "fontSize": 24,
12
12
  },
13
13
  undefined,
@@ -48,7 +48,7 @@ exports[`Status Badge renders correctly with intent 1`] = `
48
48
  style={
49
49
  Array [
50
50
  Object {
51
- "color": "#292a2b",
51
+ "color": "#001f23",
52
52
  "fontFamily": "BeVietnamPro-Regular",
53
53
  "fontSize": 14,
54
54
  "letterSpacing": 0.42,
package/src/components/BottomNavigation/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -65,7 +65,7 @@ exports[`BottomNavigation renders correctly 1`] = `
65
65
  "paddingBottom": 0,
66
66
  "paddingLeft": 0,
67
67
  "paddingRight": 0,
68
- "shadowColor": "#292a2b",
68
+ "shadowColor": "#001f23",
69
69
  "shadowOffset": Object {
70
70
  "height": 3,
71
71
  "width": 0,
@@ -123,7 +123,7 @@ exports[`BottomNavigation renders correctly 1`] = `
123
123
  style={
124
124
  Array [
125
125
  Object {
126
- "color": "#7622d7",
126
+ "color": "#8505a2",
127
127
  "fontSize": 24,
128
128
  },
129
129
  undefined,
@@ -138,7 +138,7 @@ exports[`BottomNavigation renders correctly 1`] = `
138
138
  style={
139
139
  Array [
140
140
  Object {
141
- "color": "#7622d7",
141
+ "color": "#8505a2",
142
142
  "fontFamily": "BeVietnamPro-SemiBold",
143
143
  "fontSize": 12,
144
144
  "letterSpacing": 0.36,
@@ -184,7 +184,7 @@ exports[`BottomNavigation renders correctly 1`] = `
184
184
  style={
185
185
  Array [
186
186
  Object {
187
- "color": "#292a2b",
187
+ "color": "#001f23",
188
188
  "fontSize": 24,
189
189
  },
190
190
  undefined,
@@ -199,7 +199,7 @@ exports[`BottomNavigation renders correctly 1`] = `
199
199
  style={
200
200
  Array [
201
201
  Object {
202
- "color": "#292a2b",
202
+ "color": "#001f23",
203
203
  "fontFamily": "BeVietnamPro-SemiBold",
204
204
  "fontSize": 12,
205
205
  "letterSpacing": 0.36,
@@ -245,7 +245,7 @@ exports[`BottomNavigation renders correctly 1`] = `
245
245
  style={
246
246
  Array [
247
247
  Object {
248
- "color": "#292a2b",
248
+ "color": "#001f23",
249
249
  "fontSize": 24,
250
250
  },
251
251
  undefined,
@@ -260,7 +260,7 @@ exports[`BottomNavigation renders correctly 1`] = `
260
260
  style={
261
261
  Array [
262
262
  Object {
263
- "color": "#292a2b",
263
+ "color": "#001f23",
264
264
  "fontFamily": "BeVietnamPro-SemiBold",
265
265
  "fontSize": 12,
266
266
  "letterSpacing": 0.36,
@@ -306,7 +306,7 @@ exports[`BottomNavigation renders correctly 1`] = `
306
306
  style={
307
307
  Array [
308
308
  Object {
309
- "color": "#292a2b",
309
+ "color": "#001f23",
310
310
  "fontSize": 24,
311
311
  },
312
312
  undefined,
@@ -321,7 +321,7 @@ exports[`BottomNavigation renders correctly 1`] = `
321
321
  style={
322
322
  Array [
323
323
  Object {
324
- "color": "#292a2b",
324
+ "color": "#001f23",
325
325
  "fontFamily": "BeVietnamPro-SemiBold",
326
326
  "fontSize": 12,
327
327
  "letterSpacing": 0.36,