@hero-design/rn 8.34.2 → 8.34.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (56) hide show
  1. package/.turbo/turbo-build.log +1 -1
  2. package/es/index.js +43 -16
  3. package/lib/index.js +43 -16
  4. package/package.json +7 -7
  5. package/src/components/Attachment/__tests__/__snapshots__/index.spec.tsx.snap +1 -1
  6. package/src/components/Badge/__tests__/__snapshots__/Badge.spec.tsx.snap +3 -3
  7. package/src/components/Badge/__tests__/__snapshots__/Status.spec.tsx.snap +1 -1
  8. package/src/components/Button/LoadingIndicator/__tests__/__snapshots__/StyledLoadingIndicator.spec.tsx.snap +2 -2
  9. package/src/components/Button/LoadingIndicator/__tests__/__snapshots__/index.spec.tsx.snap +6 -6
  10. package/src/components/Button/__tests__/__snapshots__/Button.spec.tsx.snap +4 -4
  11. package/src/components/Button/__tests__/__snapshots__/StyledButton.spec.tsx.snap +6 -6
  12. package/src/components/FAB/ActionGroup/__tests__/__snapshots__/index.spec.tsx.snap +1 -1
  13. package/src/components/FAB/__tests__/__snapshots__/StyledFAB.spec.tsx.snap +1 -1
  14. package/src/components/Icon/__tests__/__snapshots__/index.spec.tsx.snap +1 -1
  15. package/src/components/PinInput/__tests__/__snapshots__/PinCell.spec.tsx.snap +4 -4
  16. package/src/components/PinInput/__tests__/__snapshots__/index.spec.tsx.snap +12 -12
  17. package/src/components/RichTextEditor/__tests__/__snapshots__/RichTextEditor.spec.tsx.snap +6 -6
  18. package/src/components/SectionHeading/__tests__/__snapshots__/index.spec.tsx.snap +1 -1
  19. package/src/components/Skeleton/__tests__/__snapshots__/index.spec.tsx.snap +7 -7
  20. package/src/components/Swipeable/__tests__/__snapshots__/index.spec.tsx.snap +5 -0
  21. package/src/components/Swipeable/index.tsx +6 -1
  22. package/src/components/Switch/SelectorSwitch/__tests__/__snapshots__/Option.spec.tsx.snap +3 -3
  23. package/src/components/Switch/SelectorSwitch/__tests__/__snapshots__/index.spec.tsx.snap +1 -1
  24. package/src/components/Tabs/__tests__/__snapshots__/ScrollableTabs.spec.tsx.snap +6 -6
  25. package/src/components/Tabs/__tests__/__snapshots__/ScrollableTabsHeader.spec.tsx.snap +2 -2
  26. package/src/components/Tabs/__tests__/__snapshots__/TabWithBadge.spec.tsx.snap +2 -2
  27. package/src/components/Tabs/__tests__/__snapshots__/index.spec.tsx.snap +6 -6
  28. package/src/components/Tag/__tests__/__snapshots__/Tag.spec.tsx.snap +9 -9
  29. package/src/components/TextInput/__tests__/__snapshots__/StyledTextInput.spec.tsx.snap +7 -7
  30. package/src/components/TextInput/__tests__/__snapshots__/index.spec.tsx.snap +20 -20
  31. package/src/components/Toolbar/__tests__/__snapshots__/ToolbarItem.spec.tsx.snap +1 -1
  32. package/src/components/Typography/Body/__tests__/__snapshots__/StyledBody.tsx.snap +1 -1
  33. package/src/components/Typography/Body/__tests__/__snapshots__/index.spec.tsx.snap +2 -2
  34. package/src/components/Typography/Caption/__tests__/__snapshots__/StyledCaption.spec.tsx.snap +1 -1
  35. package/src/components/Typography/Caption/__tests__/__snapshots__/index.spec.tsx.snap +2 -2
  36. package/src/components/Typography/Label/__tests__/__snapshots__/StyledLabel.tsx.snap +1 -1
  37. package/src/components/Typography/Label/__tests__/__snapshots__/index.spec.tsx.snap +2 -2
  38. package/src/components/Typography/Text/__tests__/__snapshots__/StyledText.spec.tsx.snap +1 -1
  39. package/src/components/Typography/Title/__tests__/__snapshots__/StyledTitle.tsx.snap +3 -3
  40. package/src/components/Typography/Title/__tests__/__snapshots__/index.spec.tsx.snap +4 -4
  41. package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +39 -36
  42. package/src/theme/components/swipeable.ts +5 -1
  43. package/src/theme/components/typography.ts +2 -2
  44. package/src/theme/global/colors/__tests__/__snapshots__/eBens.spec.ts.snap +7 -7
  45. package/src/theme/global/colors/__tests__/__snapshots__/global.spec.ts.snap +5 -5
  46. package/src/theme/global/colors/__tests__/__snapshots__/jobs.spec.ts.snap +6 -6
  47. package/src/theme/global/colors/__tests__/__snapshots__/swag.spec.ts.snap +6 -6
  48. package/src/theme/global/colors/__tests__/__snapshots__/wallet.spec.ts.snap +7 -7
  49. package/src/theme/global/colors/__tests__/__snapshots__/work.spec.ts.snap +5 -5
  50. package/src/theme/global/colors/eBens.ts +2 -2
  51. package/src/theme/global/colors/global.ts +5 -5
  52. package/src/theme/global/colors/jobs.ts +1 -1
  53. package/src/theme/global/colors/swag.ts +1 -1
  54. package/src/theme/global/colors/wallet.ts +2 -2
  55. package/types/components/Swipeable/index.d.ts +1 -1
  56. package/types/theme/components/swipeable.d.ts +3 -0
package/src/components/Button/__tests__/__snapshots__/StyledButton.spec.tsx.snap CHANGED
@@ -16,7 +16,7 @@ exports[`StyledButtonContainer has filled-danger style 1`] = `
16
16
  Object {
17
17
  "alignItems": "center",
18
18
  "alignSelf": "stretch",
19
- "backgroundColor": "#de350b",
19
+ "backgroundColor": "#cb300a",
20
20
  "borderRadius": 32,
21
21
  "flexDirection": "row",
22
22
  "justifyContent": "center",
@@ -113,7 +113,7 @@ exports[`StyledButtonContainer has outlined-danger style 1`] = `
113
113
  "alignItems": "center",
114
114
  "alignSelf": "stretch",
115
115
  "backgroundColor": "transparent",
116
- "borderColor": "#de350b",
116
+ "borderColor": "#cb300a",
117
117
  "borderRadius": 32,
118
118
  "borderWidth": 2,
119
119
  "flexDirection": "row",
@@ -411,7 +411,7 @@ exports[`StyledButtonIcon has outlined-danger style 1`] = `
411
411
  },
412
412
  Array [
413
413
  Object {
414
- "color": "#de350b",
414
+ "color": "#cb300a",
415
415
  "fontSize": 20,
416
416
  },
417
417
  undefined,
@@ -480,7 +480,7 @@ exports[`StyledButtonIcon has text-danger style 1`] = `
480
480
  },
481
481
  Array [
482
482
  Object {
483
- "color": "#de350b",
483
+ "color": "#cb300a",
484
484
  "fontSize": 20,
485
485
  },
486
486
  undefined,
@@ -696,7 +696,7 @@ exports[`StyledButtonText has outlined-danger style 1`] = `
696
696
  },
697
697
  Array [
698
698
  Object {
699
- "color": "#de350b",
699
+ "color": "#cb300a",
700
700
  "flexShrink": 1,
701
701
  "textAlign": "center",
702
702
  },
@@ -789,7 +789,7 @@ exports[`StyledButtonText has text-danger style 1`] = `
789
789
  },
790
790
  Array [
791
791
  Object {
792
- "color": "#de350b",
792
+ "color": "#cb300a",
793
793
  "flexShrink": 1,
794
794
  "textAlign": "center",
795
795
  },
package/src/components/FAB/ActionGroup/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -1373,7 +1373,7 @@ exports[`ActionGroup has active true 1`] = `
1373
1373
  Object {
1374
1374
  "alignItems": "center",
1375
1375
  "alignSelf": "flex-start",
1376
- "backgroundColor": "#664780",
1376
+ "backgroundColor": "#33144d",
1377
1377
  "borderRadius": 999,
1378
1378
  "elevation": 2,
1379
1379
  "flexDirection": "row",
package/src/components/FAB/__tests__/__snapshots__/StyledFAB.spec.tsx.snap CHANGED
@@ -73,7 +73,7 @@ exports[`StyledFAB renders correctly 2`] = `
73
73
  Object {
74
74
  "alignItems": "center",
75
75
  "alignSelf": "flex-start",
76
- "backgroundColor": "#664780",
76
+ "backgroundColor": "#33144d",
77
77
  "borderRadius": 999,
78
78
  "elevation": 2,
79
79
  "flexDirection": "row",
package/src/components/Icon/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -53,7 +53,7 @@ exports[`Icon renders correctly with color and size 1`] = `
53
53
  style={
54
54
  Array [
55
55
  Object {
56
- "color": "#de350b",
56
+ "color": "#cb300a",
57
57
  "fontSize": 28,
58
58
  },
59
59
  undefined,
package/src/components/PinInput/__tests__/__snapshots__/PinCell.spec.tsx.snap CHANGED
@@ -102,7 +102,7 @@ exports[`PinCell renders correctly when focused is false, state is error 1`] = `
102
102
  Array [
103
103
  Object {
104
104
  "alignItems": "center",
105
- "borderColor": "#de350b",
105
+ "borderColor": "#cb300a",
106
106
  "borderRadius": 8,
107
107
  "borderWidth": 1,
108
108
  "height": 48,
@@ -128,7 +128,7 @@ exports[`PinCell renders correctly when focused is false, state is error 1`] = `
128
128
  },
129
129
  Array [
130
130
  Object {
131
- "color": "#de350b",
131
+ "color": "#cb300a",
132
132
  },
133
133
  undefined,
134
134
  ],
@@ -198,7 +198,7 @@ exports[`PinCell renders correctly when focused is true, state is error 1`] = `
198
198
  Array [
199
199
  Object {
200
200
  "alignItems": "center",
201
- "borderColor": "#de350b",
201
+ "borderColor": "#cb300a",
202
202
  "borderRadius": 8,
203
203
  "borderWidth": 2,
204
204
  "height": 48,
@@ -224,7 +224,7 @@ exports[`PinCell renders correctly when focused is true, state is error 1`] = `
224
224
  },
225
225
  Array [
226
226
  Object {
227
- "color": "#de350b",
227
+ "color": "#cb300a",
228
228
  },
229
229
  undefined,
230
230
  ],
package/src/components/PinInput/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -822,7 +822,7 @@ exports[`rendering renders correctly when there is error 1`] = `
822
822
  Array [
823
823
  Object {
824
824
  "alignItems": "center",
825
- "borderColor": "#de350b",
825
+ "borderColor": "#cb300a",
826
826
  "borderRadius": 8,
827
827
  "borderWidth": 1,
828
828
  "height": 48,
@@ -839,8 +839,8 @@ exports[`rendering renders correctly when there is error 1`] = `
839
839
  style={
840
840
  Array [
841
841
  Object {
842
- "backgroundColor": "#de350b",
843
- "borderColor": "#de350b",
842
+ "backgroundColor": "#cb300a",
843
+ "borderColor": "#cb300a",
844
844
  "borderRadius": 999,
845
845
  "borderWidth": 1,
846
846
  "height": 16,
@@ -868,7 +868,7 @@ exports[`rendering renders correctly when there is error 1`] = `
868
868
  Array [
869
869
  Object {
870
870
  "alignItems": "center",
871
- "borderColor": "#de350b",
871
+ "borderColor": "#cb300a",
872
872
  "borderRadius": 8,
873
873
  "borderWidth": 1,
874
874
  "height": 48,
@@ -885,8 +885,8 @@ exports[`rendering renders correctly when there is error 1`] = `
885
885
  style={
886
886
  Array [
887
887
  Object {
888
- "backgroundColor": "#de350b",
889
- "borderColor": "#de350b",
888
+ "backgroundColor": "#cb300a",
889
+ "borderColor": "#cb300a",
890
890
  "borderRadius": 999,
891
891
  "borderWidth": 1,
892
892
  "height": 16,
@@ -914,7 +914,7 @@ exports[`rendering renders correctly when there is error 1`] = `
914
914
  Array [
915
915
  Object {
916
916
  "alignItems": "center",
917
- "borderColor": "#de350b",
917
+ "borderColor": "#cb300a",
918
918
  "borderRadius": 8,
919
919
  "borderWidth": 1,
920
920
  "height": 48,
@@ -931,7 +931,7 @@ exports[`rendering renders correctly when there is error 1`] = `
931
931
  style={
932
932
  Array [
933
933
  Object {
934
- "borderColor": "#de350b",
934
+ "borderColor": "#cb300a",
935
935
  "borderRadius": 999,
936
936
  "borderWidth": 1,
937
937
  "height": 16,
@@ -959,7 +959,7 @@ exports[`rendering renders correctly when there is error 1`] = `
959
959
  Array [
960
960
  Object {
961
961
  "alignItems": "center",
962
- "borderColor": "#de350b",
962
+ "borderColor": "#cb300a",
963
963
  "borderRadius": 8,
964
964
  "borderWidth": 1,
965
965
  "height": 48,
@@ -976,7 +976,7 @@ exports[`rendering renders correctly when there is error 1`] = `
976
976
  style={
977
977
  Array [
978
978
  Object {
979
- "borderColor": "#de350b",
979
+ "borderColor": "#cb300a",
980
980
  "borderRadius": 999,
981
981
  "borderWidth": 1,
982
982
  "height": 16,
@@ -1007,7 +1007,7 @@ exports[`rendering renders correctly when there is error 1`] = `
1007
1007
  style={
1008
1008
  Array [
1009
1009
  Object {
1010
- "color": "#de350b",
1010
+ "color": "#cb300a",
1011
1011
  "fontSize": 16,
1012
1012
  },
1013
1013
  undefined,
@@ -1030,7 +1030,7 @@ exports[`rendering renders correctly when there is error 1`] = `
1030
1030
  },
1031
1031
  Array [
1032
1032
  Object {
1033
- "color": "#de350b",
1033
+ "color": "#cb300a",
1034
1034
  "paddingLeft": 4,
1035
1035
  },
1036
1036
  undefined,
package/src/components/RichTextEditor/__tests__/__snapshots__/RichTextEditor.spec.tsx.snap CHANGED
@@ -30,7 +30,7 @@ exports[`RichTextEditor onMessage recevied event editor-layout should update hei
30
30
  style={
31
31
  Array [
32
32
  Object {
33
- "borderColor": "#de350b",
33
+ "borderColor": "#cb300a",
34
34
  "borderRadius": 8,
35
35
  "borderWidth": 1,
36
36
  "bottom": 0,
@@ -225,7 +225,7 @@ exports[`RichTextEditor onMessage recevied event editor-layout should update hei
225
225
  style={
226
226
  Array [
227
227
  Object {
228
- "color": "#de350b",
228
+ "color": "#cb300a",
229
229
  "fontSize": 16,
230
230
  },
231
231
  undefined,
@@ -248,7 +248,7 @@ exports[`RichTextEditor onMessage recevied event editor-layout should update hei
248
248
  },
249
249
  Array [
250
250
  Object {
251
- "color": "#de350b",
251
+ "color": "#cb300a",
252
252
  "marginLeft": 4,
253
253
  },
254
254
  undefined,
@@ -297,7 +297,7 @@ exports[`RichTextEditor should render correctly 1`] = `
297
297
  style={
298
298
  Array [
299
299
  Object {
300
- "borderColor": "#de350b",
300
+ "borderColor": "#cb300a",
301
301
  "borderRadius": 8,
302
302
  "borderWidth": 1,
303
303
  "bottom": 0,
@@ -491,7 +491,7 @@ exports[`RichTextEditor should render correctly 1`] = `
491
491
  style={
492
492
  Array [
493
493
  Object {
494
- "color": "#de350b",
494
+ "color": "#cb300a",
495
495
  "fontSize": 16,
496
496
  },
497
497
  undefined,
@@ -514,7 +514,7 @@ exports[`RichTextEditor should render correctly 1`] = `
514
514
  },
515
515
  Array [
516
516
  Object {
517
- "color": "#de350b",
517
+ "color": "#cb300a",
518
518
  "marginLeft": 4,
519
519
  },
520
520
  undefined,
package/src/components/SectionHeading/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -44,7 +44,7 @@ exports[`SectionHeading allows to customise the icon 1`] = `
44
44
  style={
45
45
  Array [
46
46
  Object {
47
- "color": "#de350b",
47
+ "color": "#cb300a",
48
48
  "fontSize": 24,
49
49
  },
50
50
  undefined,
package/src/components/Skeleton/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -38,7 +38,7 @@ exports[`Skeleton renders correctly by default 1`] = `
38
38
  colors={
39
39
  Array [
40
40
  4294375159,
41
- 4294046451,
41
+ 4292533214,
42
42
  4294375159,
43
43
  ]
44
44
  }
@@ -109,7 +109,7 @@ exports[`Skeleton renders correctly when intent is dark and variant is circular
109
109
  colors={
110
110
  Array [
111
111
  4294967295,
112
- 4294046451,
112
+ 4292533214,
113
113
  4294967295,
114
114
  ]
115
115
  }
@@ -180,7 +180,7 @@ exports[`Skeleton renders correctly when intent is dark and variant is rectangul
180
180
  colors={
181
181
  Array [
182
182
  4294967295,
183
- 4294046451,
183
+ 4292533214,
184
184
  4294967295,
185
185
  ]
186
186
  }
@@ -251,7 +251,7 @@ exports[`Skeleton renders correctly when intent is dark and variant is rounded 1
251
251
  colors={
252
252
  Array [
253
253
  4294967295,
254
- 4294046451,
254
+ 4292533214,
255
255
  4294967295,
256
256
  ]
257
257
  }
@@ -322,7 +322,7 @@ exports[`Skeleton renders correctly when intent is light and variant is circular
322
322
  colors={
323
323
  Array [
324
324
  4294375159,
325
- 4294046451,
325
+ 4292533214,
326
326
  4294375159,
327
327
  ]
328
328
  }
@@ -393,7 +393,7 @@ exports[`Skeleton renders correctly when intent is light and variant is rectangu
393
393
  colors={
394
394
  Array [
395
395
  4294375159,
396
- 4294046451,
396
+ 4292533214,
397
397
  4294375159,
398
398
  ]
399
399
  }
@@ -464,7 +464,7 @@ exports[`Skeleton renders correctly when intent is light and variant is rounded
464
464
  colors={
465
465
  Array [
466
466
  4294375159,
467
- 4294046451,
467
+ 4292533214,
468
468
  4294375159,
469
469
  ]
470
470
  }
package/src/components/Swipeable/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -3,6 +3,11 @@
3
3
  exports[`Swipeable renders correctly 1`] = `
4
4
  <View>
5
5
  <View
6
+ containerStyle={
7
+ Object {
8
+ "borderRadius": 8,
9
+ }
10
+ }
6
11
  onSwipeableClose={[Function]}
7
12
  onSwipeableLeftOpen={[Function]}
8
13
  onSwipeableRightOpen={[Function]}
package/src/components/Swipeable/index.tsx CHANGED
@@ -7,11 +7,12 @@ import React, {
7
7
  } from 'react';
8
8
  import { Animated, useWindowDimensions } from 'react-native';
9
9
  import {
10
- Swipeable as RnghSwipeable,
11
10
  GestureHandlerRootView,
12
11
  RectButton,
12
+ Swipeable as RnghSwipeable,
13
13
  } from 'react-native-gesture-handler';
14
14
  import SwipeableAction from './SwipeableAction';
15
+ import { useTheme } from '../../theme';
15
16
 
16
17
  type State = 'closed' | 'leftOpen' | 'rightOpen';
17
18
  // We are supporting both v1 and v2 of RNGH at the same time.
@@ -102,6 +103,7 @@ const Swipeable = ({
102
103
  rightActionsWidth,
103
104
  ...swipeableProps
104
105
  }: SwipeableProps) => {
106
+ const theme = useTheme();
105
107
  const { width } = useWindowDimensions();
106
108
  const swipeableRef = useRef<RnghSwipeable>(null);
107
109
 
@@ -147,6 +149,9 @@ const Swipeable = ({
147
149
  onSwipeableLeftOpen={() => onStateChange?.('leftOpen')}
148
150
  onSwipeableRightOpen={() => onStateChange?.('rightOpen')}
149
151
  onSwipeableClose={() => onStateChange?.('closed')}
152
+ containerStyle={{
153
+ borderRadius: theme.__hd__.swipeable.radii.swipeableContainer,
154
+ }}
150
155
  >
151
156
  {children}
152
157
  </RnghSwipeable>
package/src/components/Switch/SelectorSwitch/__tests__/__snapshots__/Option.spec.tsx.snap CHANGED
@@ -43,7 +43,7 @@ exports[`Option renders correctly when not selected 1`] = `
43
43
  collapsable={false}
44
44
  style={
45
45
  Object {
46
- "backgroundColor": "#de350b",
46
+ "backgroundColor": "#cb300a",
47
47
  "borderRadius": 999,
48
48
  "height": 8,
49
49
  "opacity": 1,
@@ -114,7 +114,7 @@ exports[`Option renders correctly when selected 1`] = `
114
114
  collapsable={false}
115
115
  style={
116
116
  Object {
117
- "backgroundColor": "#de350b",
117
+ "backgroundColor": "#cb300a",
118
118
  "borderRadius": 999,
119
119
  "height": 8,
120
120
  "opacity": 1,
@@ -179,7 +179,7 @@ exports[`OptionContent renders correctly when there is a badge 1`] = `
179
179
  collapsable={false}
180
180
  style={
181
181
  Object {
182
- "backgroundColor": "#de350b",
182
+ "backgroundColor": "#cb300a",
183
183
  "borderRadius": 999,
184
184
  "height": 8,
185
185
  "opacity": 1,
package/src/components/Switch/SelectorSwitch/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -109,7 +109,7 @@ exports[`SelectorSwitch renders correctly 1`] = `
109
109
  collapsable={false}
110
110
  style={
111
111
  Object {
112
- "backgroundColor": "#de350b",
112
+ "backgroundColor": "#cb300a",
113
113
  "borderRadius": 999,
114
114
  "height": 8,
115
115
  "opacity": 1,
package/src/components/Tabs/__tests__/__snapshots__/ScrollableTabs.spec.tsx.snap CHANGED
@@ -485,7 +485,7 @@ exports[`Tabs.Scroll lazy not render lazy screen: xxx 1`] = `
485
485
  collapsable={false}
486
486
  style={
487
487
  Object {
488
- "backgroundColor": "#de350b",
488
+ "backgroundColor": "#cb300a",
489
489
  "borderRadius": 999,
490
490
  "height": 8,
491
491
  "opacity": 1,
@@ -612,7 +612,7 @@ exports[`Tabs.Scroll lazy not render lazy screen: xxx 1`] = `
612
612
  style={
613
613
  Object {
614
614
  "alignItems": "center",
615
- "backgroundColor": "#4568fb",
615
+ "backgroundColor": "#355bfb",
616
616
  "borderRadius": 999,
617
617
  "height": 20,
618
618
  "justifyContent": "center",
@@ -1304,7 +1304,7 @@ exports[`Tabs.Scroll renders correctly 1`] = `
1304
1304
  collapsable={false}
1305
1305
  style={
1306
1306
  Object {
1307
- "backgroundColor": "#de350b",
1307
+ "backgroundColor": "#cb300a",
1308
1308
  "borderRadius": 999,
1309
1309
  "height": 8,
1310
1310
  "opacity": 1,
@@ -1431,7 +1431,7 @@ exports[`Tabs.Scroll renders correctly 1`] = `
1431
1431
  style={
1432
1432
  Object {
1433
1433
  "alignItems": "center",
1434
- "backgroundColor": "#4568fb",
1434
+ "backgroundColor": "#355bfb",
1435
1435
  "borderRadius": 999,
1436
1436
  "height": 20,
1437
1437
  "justifyContent": "center",
@@ -2123,7 +2123,7 @@ exports[`useIsFocused renders correctly 1`] = `
2123
2123
  collapsable={false}
2124
2124
  style={
2125
2125
  Object {
2126
- "backgroundColor": "#de350b",
2126
+ "backgroundColor": "#cb300a",
2127
2127
  "borderRadius": 999,
2128
2128
  "height": 8,
2129
2129
  "opacity": 1,
@@ -2250,7 +2250,7 @@ exports[`useIsFocused renders correctly 1`] = `
2250
2250
  style={
2251
2251
  Object {
2252
2252
  "alignItems": "center",
2253
- "backgroundColor": "#4568fb",
2253
+ "backgroundColor": "#355bfb",
2254
2254
  "borderRadius": 999,
2255
2255
  "height": 20,
2256
2256
  "justifyContent": "center",
package/src/components/Tabs/__tests__/__snapshots__/ScrollableTabsHeader.spec.tsx.snap CHANGED
@@ -397,7 +397,7 @@ exports[`ScrollableTabsHeader renders correctly 1`] = `
397
397
  collapsable={false}
398
398
  style={
399
399
  Object {
400
- "backgroundColor": "#de350b",
400
+ "backgroundColor": "#cb300a",
401
401
  "borderRadius": 999,
402
402
  "height": 8,
403
403
  "opacity": 1,
@@ -524,7 +524,7 @@ exports[`ScrollableTabsHeader renders correctly 1`] = `
524
524
  style={
525
525
  Object {
526
526
  "alignItems": "center",
527
- "backgroundColor": "#4568fb",
527
+ "backgroundColor": "#355bfb",
528
528
  "borderRadius": 999,
529
529
  "height": 20,
530
530
  "justifyContent": "center",
package/src/components/Tabs/__tests__/__snapshots__/TabWithBadge.spec.tsx.snap CHANGED
@@ -18,7 +18,7 @@ exports[`TabWithBadge renders correctly with counter badge config 1`] = `
18
18
  style={
19
19
  Object {
20
20
  "alignItems": "center",
21
- "backgroundColor": "#4568fb",
21
+ "backgroundColor": "#355bfb",
22
22
  "borderRadius": 999,
23
23
  "height": 20,
24
24
  "justifyContent": "center",
@@ -80,7 +80,7 @@ exports[`TabWithBadge renders correctly with status badge config 1`] = `
80
80
  collapsable={false}
81
81
  style={
82
82
  Object {
83
- "backgroundColor": "#de350b",
83
+ "backgroundColor": "#cb300a",
84
84
  "borderRadius": 999,
85
85
  "height": 8,
86
86
  "opacity": 1,
package/src/components/Tabs/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -281,7 +281,7 @@ exports[`Tabs renders correctly 1`] = `
281
281
  collapsable={false}
282
282
  style={
283
283
  Object {
284
- "backgroundColor": "#de350b",
284
+ "backgroundColor": "#cb300a",
285
285
  "borderRadius": 999,
286
286
  "height": 8,
287
287
  "opacity": 1,
@@ -360,7 +360,7 @@ exports[`Tabs renders correctly 1`] = `
360
360
  style={
361
361
  Object {
362
362
  "alignItems": "center",
363
- "backgroundColor": "#4568fb",
363
+ "backgroundColor": "#355bfb",
364
364
  "borderRadius": 999,
365
365
  "height": 20,
366
366
  "justifyContent": "center",
@@ -864,7 +864,7 @@ exports[`useIsFocused renders correctly 1`] = `
864
864
  collapsable={false}
865
865
  style={
866
866
  Object {
867
- "backgroundColor": "#de350b",
867
+ "backgroundColor": "#cb300a",
868
868
  "borderRadius": 999,
869
869
  "height": 8,
870
870
  "opacity": 1,
@@ -943,7 +943,7 @@ exports[`useIsFocused renders correctly 1`] = `
943
943
  style={
944
944
  Object {
945
945
  "alignItems": "center",
946
- "backgroundColor": "#4568fb",
946
+ "backgroundColor": "#355bfb",
947
947
  "borderRadius": 999,
948
948
  "height": 20,
949
949
  "justifyContent": "center",
@@ -1447,7 +1447,7 @@ exports[`useIsFocused renders correctly: xxxxxx 1`] = `
1447
1447
  collapsable={false}
1448
1448
  style={
1449
1449
  Object {
1450
- "backgroundColor": "#de350b",
1450
+ "backgroundColor": "#cb300a",
1451
1451
  "borderRadius": 999,
1452
1452
  "height": 8,
1453
1453
  "opacity": 1,
@@ -1526,7 +1526,7 @@ exports[`useIsFocused renders correctly: xxxxxx 1`] = `
1526
1526
  style={
1527
1527
  Object {
1528
1528
  "alignItems": "center",
1529
- "backgroundColor": "#4568fb",
1529
+ "backgroundColor": "#355bfb",
1530
1530
  "borderRadius": 999,
1531
1531
  "height": 20,
1532
1532
  "justifyContent": "center",
package/src/components/Tag/__tests__/__snapshots__/Tag.spec.tsx.snap CHANGED
@@ -31,7 +31,7 @@ exports[`Tag renders correctly when variant is filled and intent is danger 1`] =
31
31
  },
32
32
  Array [
33
33
  Object {
34
- "color": "#de350b",
34
+ "color": "#cb300a",
35
35
  "includeFontPadding": false,
36
36
  "textAlign": "center",
37
37
  "textAlignVertical": "center",
@@ -80,7 +80,7 @@ exports[`Tag renders correctly when variant is filled and intent is info 1`] = `
80
80
  },
81
81
  Array [
82
82
  Object {
83
- "color": "#4568fb",
83
+ "color": "#355bfb",
84
84
  "includeFontPadding": false,
85
85
  "textAlign": "center",
86
86
  "textAlignVertical": "center",
@@ -178,7 +178,7 @@ exports[`Tag renders correctly when variant is filled and intent is warning 1`]
178
178
  },
179
179
  Array [
180
180
  Object {
181
- "color": "#ffa234",
181
+ "color": "#ac5d00",
182
182
  "includeFontPadding": false,
183
183
  "textAlign": "center",
184
184
  "textAlignVertical": "center",
@@ -202,7 +202,7 @@ exports[`Tag renders correctly when variant is outlined and intent is danger 1`]
202
202
  Array [
203
203
  Object {
204
204
  "backgroundColor": "#fcebe7",
205
- "borderColor": "#de350b",
205
+ "borderColor": "#cb300a",
206
206
  "borderRadius": 4,
207
207
  "borderWidth": 1,
208
208
  "paddingHorizontal": 8,
@@ -227,7 +227,7 @@ exports[`Tag renders correctly when variant is outlined and intent is danger 1`]
227
227
  },
228
228
  Array [
229
229
  Object {
230
- "color": "#de350b",
230
+ "color": "#cb300a",
231
231
  "includeFontPadding": false,
232
232
  "textAlign": "center",
233
233
  "textAlignVertical": "center",
@@ -251,7 +251,7 @@ exports[`Tag renders correctly when variant is outlined and intent is info 1`] =
251
251
  Array [
252
252
  Object {
253
253
  "backgroundColor": "#ecf0ff",
254
- "borderColor": "#4568fb",
254
+ "borderColor": "#355bfb",
255
255
  "borderRadius": 4,
256
256
  "borderWidth": 1,
257
257
  "paddingHorizontal": 8,
@@ -276,7 +276,7 @@ exports[`Tag renders correctly when variant is outlined and intent is info 1`] =
276
276
  },
277
277
  Array [
278
278
  Object {
279
- "color": "#4568fb",
279
+ "color": "#355bfb",
280
280
  "includeFontPadding": false,
281
281
  "textAlign": "center",
282
282
  "textAlignVertical": "center",
@@ -398,7 +398,7 @@ exports[`Tag renders correctly when variant is outlined and intent is warning 1`
398
398
  Array [
399
399
  Object {
400
400
  "backgroundColor": "#fff6eb",
401
- "borderColor": "#ffa234",
401
+ "borderColor": "#ac5d00",
402
402
  "borderRadius": 4,
403
403
  "borderWidth": 1,
404
404
  "paddingHorizontal": 8,
@@ -423,7 +423,7 @@ exports[`Tag renders correctly when variant is outlined and intent is warning 1`
423
423
  },
424
424
  Array [
425
425
  Object {
426
- "color": "#ffa234",
426
+ "color": "#ac5d00",
427
427
  "includeFontPadding": false,
428
428
  "textAlign": "center",
429
429
  "textAlignVertical": "center",