@hero-design/rn 8.76.1-alpha.0 → 8.77.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 (79) hide show
  1. package/.turbo/turbo-build.log +14 -3
  2. package/CHANGELOG.md +6 -8
  3. package/es/index.js +14 -14
  4. package/lib/index.js +14 -14
  5. package/package.json +2 -2
  6. package/src/components/AnimatedScroller/__tests__/__snapshots__/ScrollablesWithFAB.spec.tsx.snap +18 -84
  7. package/src/components/Avatar/AvatarStack/__tests__/__snapshots__/StyledAvatarStack.spec.tsx.snap +2 -2
  8. package/src/components/Avatar/__tests__/__snapshots__/StyledAvatar.spec.tsx.snap +1 -1
  9. package/src/components/Avatar/__tests__/__snapshots__/index.spec.tsx.snap +3 -3
  10. package/src/components/BottomNavigation/__tests__/__snapshots__/index.spec.tsx.snap +3 -3
  11. package/src/components/Calendar/__tests__/__snapshots__/CalendarRowItem.spec.tsx.snap +5 -5
  12. package/src/components/Card/DataCard/__tests__/__snapshots__/StyledDataCard.spec.tsx.snap +1 -1
  13. package/src/components/Card/__tests__/__snapshots__/index.spec.tsx.snap +1 -1
  14. package/src/components/Carousel/__tests__/__snapshots__/CardCarousel.spec.tsx.snap +4 -4
  15. package/src/components/Carousel/__tests__/__snapshots__/StyledCardCarousel.spec.tsx.snap +3 -3
  16. package/src/components/Carousel/__tests__/__snapshots__/StyledCarousel.spec.tsx.snap +2 -2
  17. package/src/components/Carousel/__tests__/__snapshots__/index.spec.tsx.snap +30 -30
  18. package/src/components/Chip/__tests__/__snapshots__/index.spec.tsx.snap +2 -2
  19. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerIOS.spec.tsx.snap +1 -1
  20. package/src/components/Error/__tests__/__snapshots__/index.spec.tsx.snap +1 -1
  21. package/src/components/FAB/ActionGroup/ActionItem.tsx +3 -1
  22. package/src/components/FAB/ActionGroup/StyledActionGroup.tsx +1 -1
  23. package/src/components/FAB/ActionGroup/StyledActionItem.tsx +2 -2
  24. package/src/components/FAB/ActionGroup/__tests__/__snapshots__/index.spec.tsx.snap +89 -162
  25. package/src/components/FAB/FAB.tsx +1 -1
  26. package/src/components/FAB/StyledFAB.tsx +3 -2
  27. package/src/components/FAB/__tests__/__snapshots__/AnimatedFABIcon.spec.tsx.snap +2 -2
  28. package/src/components/FAB/__tests__/__snapshots__/StyledFAB.spec.tsx.snap +3 -25
  29. package/src/components/HeroDesignProvider/__tests__/__snapshots__/index.spec.tsx.snap +1 -1
  30. package/src/components/List/__tests__/__snapshots__/BasicListItem.spec.tsx.snap +2 -2
  31. package/src/components/List/__tests__/__snapshots__/ListItem.spec.tsx.snap +6 -6
  32. package/src/components/List/__tests__/__snapshots__/StyledBasicListItem.spec.tsx.snap +2 -2
  33. package/src/components/List/__tests__/__snapshots__/StyledListItem.spec.tsx.snap +2 -2
  34. package/src/components/PageControl/__tests__/__snapshots__/index.spec.tsx.snap +3 -3
  35. package/src/components/Progress/__tests__/__snapshots__/index.spec.js.snap +5 -5
  36. package/src/components/Radio/__tests__/__snapshots__/Radio.spec.tsx.snap +10 -10
  37. package/src/components/Radio/__tests__/__snapshots__/RadioGroup.spec.tsx.snap +14 -14
  38. package/src/components/Rate/__tests__/__snapshots__/index.spec.tsx.snap +10 -10
  39. package/src/components/SectionHeading/__tests__/__snapshots__/StyledHeading.spec.tsx.snap +1 -1
  40. package/src/components/SectionHeading/__tests__/__snapshots__/index.spec.tsx.snap +2 -2
  41. package/src/components/Select/MultiSelect/__tests__/__snapshots__/Option.spec.tsx.snap +2 -2
  42. package/src/components/Select/MultiSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap +14 -14
  43. package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap +14 -14
  44. package/src/components/Select/SingleSelect/__tests__/__snapshots__/Option.spec.tsx.snap +1 -1
  45. package/src/components/Select/SingleSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap +8 -8
  46. package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap +2 -2
  47. package/src/components/Slider/__tests__/__snapshots__/index.spec.tsx.snap +9 -9
  48. package/src/components/Spinner/__tests__/__snapshots__/AnimatedSpinner.spec.tsx.snap +4 -4
  49. package/src/components/Spinner/__tests__/__snapshots__/StyledSpinner.spec.tsx.snap +32 -32
  50. package/src/components/Spinner/__tests__/__snapshots__/index.spec.tsx.snap +4 -4
  51. package/src/components/Success/__tests__/__snapshots__/index.spec.tsx.snap +1 -1
  52. package/src/components/Swipeable/__tests__/__snapshots__/SwipeableAction.spec.tsx.snap +1 -1
  53. package/src/components/Switch/SelectorSwitch/__tests__/__snapshots__/index.spec.tsx.snap +1 -1
  54. package/src/components/Switch/__tests__/__snapshots__/StyledSwitch.spec.tsx.snap +2 -2
  55. package/src/components/Tabs/__tests__/__snapshots__/ScrollableTabs.spec.tsx.snap +3 -3
  56. package/src/components/Tabs/__tests__/__snapshots__/ScrollableTabsHeader.spec.tsx.snap +5 -5
  57. package/src/components/Tabs/__tests__/__snapshots__/index.spec.tsx.snap +3 -3
  58. package/src/components/Tag/__tests__/__snapshots__/Tag.spec.tsx.snap +5 -5
  59. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap +1 -1
  60. package/src/components/Toolbar/__tests__/__snapshots__/ToolbarGroup.spec.tsx.snap +18 -18
  61. package/src/components/Toolbar/__tests__/__snapshots__/ToolbarItem.spec.tsx.snap +7 -7
  62. package/src/components/Typography/Body/__tests__/__snapshots__/StyledBody.tsx.snap +1 -1
  63. package/src/components/Typography/Body/__tests__/__snapshots__/index.spec.tsx.snap +2 -2
  64. package/src/components/Typography/Caption/__tests__/__snapshots__/StyledCaption.spec.tsx.snap +1 -1
  65. package/src/components/Typography/Caption/__tests__/__snapshots__/index.spec.tsx.snap +2 -2
  66. package/src/components/Typography/Label/__tests__/__snapshots__/StyledLabel.tsx.snap +1 -1
  67. package/src/components/Typography/Label/__tests__/__snapshots__/index.spec.tsx.snap +2 -2
  68. package/src/components/Typography/Text/__tests__/__snapshots__/StyledText.spec.tsx.snap +1 -1
  69. package/src/components/Typography/Title/__tests__/__snapshots__/StyledTitle.tsx.snap +1 -1
  70. package/src/components/Typography/Title/__tests__/__snapshots__/index.spec.tsx.snap +2 -2
  71. package/src/theme/ThemeSwitcher.tsx +2 -2
  72. package/src/theme/components/fab.ts +6 -6
  73. package/src/theme/getTheme.ts +2 -2
  74. package/stats/8.76.1/rn-stats.html +4844 -0
  75. package/stats/8.77.0/rn-stats.html +4842 -0
  76. package/types/components/FAB/ActionGroup/StyledActionItem.d.ts +3 -3
  77. package/types/components/FAB/StyledFAB.d.ts +3 -2
  78. package/types/components/FloatingIsland/StyledFloatingIsland.d.ts +2 -2
  79. package/types/theme/ThemeSwitcher.d.ts +1 -1
package/src/components/Switch/__tests__/__snapshots__/StyledSwitch.spec.tsx.snap CHANGED
@@ -54,7 +54,7 @@ exports[`StyledWrapper renders correct style with variant checked 1`] = `
54
54
  style={
55
55
  [
56
56
  {
57
- "backgroundColor": "#460078",
57
+ "backgroundColor": "#401960",
58
58
  "borderRadius": 999,
59
59
  "display": "flex",
60
60
  "height": 24,
@@ -102,7 +102,7 @@ exports[`StyledWrapper renders correct style with variant disabled-checked 1`] =
102
102
  style={
103
103
  [
104
104
  {
105
- "backgroundColor": "#f1e9fb",
105
+ "backgroundColor": "#ece8ef",
106
106
  "borderRadius": 999,
107
107
  "display": "flex",
108
108
  "height": 24,
package/src/components/Tabs/__tests__/__snapshots__/ScrollableTabs.spec.tsx.snap CHANGED
@@ -275,7 +275,7 @@ exports[`Tabs.Scroll lazy not render lazy screen: xxx 1`] = `
275
275
  collapsable={false}
276
276
  style={
277
277
  {
278
- "backgroundColor": "#DDC8F5",
278
+ "backgroundColor": "#ccd2d3",
279
279
  "borderRadius": 16,
280
280
  "flex": 1,
281
281
  "transform": [
@@ -1204,7 +1204,7 @@ exports[`Tabs.Scroll renders correctly 1`] = `
1204
1204
  collapsable={false}
1205
1205
  style={
1206
1206
  {
1207
- "backgroundColor": "#DDC8F5",
1207
+ "backgroundColor": "#ccd2d3",
1208
1208
  "borderRadius": 16,
1209
1209
  "flex": 1,
1210
1210
  "transform": [
@@ -2133,7 +2133,7 @@ exports[`useIsFocused renders correctly 1`] = `
2133
2133
  collapsable={false}
2134
2134
  style={
2135
2135
  {
2136
- "backgroundColor": "#DDC8F5",
2136
+ "backgroundColor": "#ccd2d3",
2137
2137
  "borderRadius": 16,
2138
2138
  "flex": 1,
2139
2139
  "transform": [
package/src/components/Tabs/__tests__/__snapshots__/ScrollableTabsHeader.spec.tsx.snap CHANGED
@@ -170,7 +170,7 @@ exports[`ScrollableTabsHeader highlighted variant renders correctly 1`] = `
170
170
  collapsable={false}
171
171
  style={
172
172
  {
173
- "backgroundColor": "#DDC8F5",
173
+ "backgroundColor": "#ccd2d3",
174
174
  "borderRadius": 16,
175
175
  "flex": 1,
176
176
  "transform": [
@@ -867,7 +867,7 @@ exports[`ScrollableTabsHeader underlined variant renders correctly 1`] = `
867
867
  collapsable={false}
868
868
  style={
869
869
  {
870
- "backgroundColor": "#460078",
870
+ "backgroundColor": "#401960",
871
871
  "bottom": -2,
872
872
  "height": 2,
873
873
  "opacity": 1,
@@ -962,7 +962,7 @@ exports[`ScrollableTabsHeader underlined variant renders correctly 1`] = `
962
962
  collapsable={false}
963
963
  style={
964
964
  {
965
- "backgroundColor": "#460078",
965
+ "backgroundColor": "#401960",
966
966
  "bottom": -2,
967
967
  "height": 2,
968
968
  "opacity": 0,
@@ -1084,7 +1084,7 @@ exports[`ScrollableTabsHeader underlined variant renders correctly 1`] = `
1084
1084
  collapsable={false}
1085
1085
  style={
1086
1086
  {
1087
- "backgroundColor": "#460078",
1087
+ "backgroundColor": "#401960",
1088
1088
  "bottom": -2,
1089
1089
  "height": 2,
1090
1090
  "opacity": 0,
@@ -1248,7 +1248,7 @@ exports[`ScrollableTabsHeader underlined variant renders correctly 1`] = `
1248
1248
  collapsable={false}
1249
1249
  style={
1250
1250
  {
1251
- "backgroundColor": "#460078",
1251
+ "backgroundColor": "#401960",
1252
1252
  "bottom": -2,
1253
1253
  "height": 2,
1254
1254
  "opacity": 0,
package/src/components/Tabs/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -481,7 +481,7 @@ exports[`Tabs renders correctly 1`] = `
481
481
  collapsable={false}
482
482
  style={
483
483
  {
484
- "backgroundColor": "#460078",
484
+ "backgroundColor": "#401960",
485
485
  "bottom": -2,
486
486
  "height": 2,
487
487
  "position": "absolute",
@@ -1154,7 +1154,7 @@ exports[`useIsFocused renders correctly 1`] = `
1154
1154
  collapsable={false}
1155
1155
  style={
1156
1156
  {
1157
- "backgroundColor": "#460078",
1157
+ "backgroundColor": "#401960",
1158
1158
  "bottom": -2,
1159
1159
  "height": 2,
1160
1160
  "position": "absolute",
@@ -1827,7 +1827,7 @@ exports[`useIsFocused renders correctly: xxxxxx 1`] = `
1827
1827
  collapsable={false}
1828
1828
  style={
1829
1829
  {
1830
- "backgroundColor": "#460078",
1830
+ "backgroundColor": "#401960",
1831
1831
  "bottom": -2,
1832
1832
  "height": 2,
1833
1833
  "position": "absolute",
package/src/components/Tag/__tests__/__snapshots__/Tag.spec.tsx.snap CHANGED
@@ -304,7 +304,7 @@ exports[`Tag renders correctly when intent is primary 1`] = `
304
304
  style={
305
305
  [
306
306
  {
307
- "backgroundColor": "#f1e9fb",
307
+ "backgroundColor": "#ece8ef",
308
308
  "borderRadius": 4,
309
309
  "paddingHorizontal": 8,
310
310
  "paddingVertical": 4,
@@ -327,7 +327,7 @@ exports[`Tag renders correctly when intent is primary 1`] = `
327
327
  },
328
328
  [
329
329
  {
330
- "color": "#460078",
330
+ "color": "#401960",
331
331
  "includeFontPadding": false,
332
332
  "textAlign": "center",
333
333
  "textAlignVertical": "center",
@@ -377,7 +377,7 @@ exports[`Tag renders correctly when intent is primary 2`] = `
377
377
  style={
378
378
  [
379
379
  {
380
- "backgroundColor": "#f1e9fb",
380
+ "backgroundColor": "#ece8ef",
381
381
  "borderRadius": 4,
382
382
  "paddingHorizontal": 8,
383
383
  "paddingVertical": 4,
@@ -400,7 +400,7 @@ exports[`Tag renders correctly when intent is primary 2`] = `
400
400
  },
401
401
  [
402
402
  {
403
- "color": "#460078",
403
+ "color": "#401960",
404
404
  "includeFontPadding": false,
405
405
  "textAlign": "center",
406
406
  "textAlignVertical": "center",
@@ -669,7 +669,7 @@ exports[`Tag renders correctly with custom content 1`] = `
669
669
  style={
670
670
  [
671
671
  {
672
- "backgroundColor": "#f1e9fb",
672
+ "backgroundColor": "#ece8ef",
673
673
  "borderRadius": 4,
674
674
  "paddingHorizontal": 8,
675
675
  "paddingVertical": 4,
package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap CHANGED
@@ -903,7 +903,7 @@ exports[`TimePickerIOS renders correctly 1`] = `
903
903
  },
904
904
  [
905
905
  {
906
- "color": "#460078",
906
+ "color": "#401960",
907
907
  "flexShrink": 1,
908
908
  "lineHeight": 22,
909
909
  "textAlign": "center",
package/src/components/Toolbar/__tests__/__snapshots__/ToolbarGroup.spec.tsx.snap CHANGED
@@ -66,7 +66,7 @@ exports[`ToolbarGroup renders correctly with when align is center 1`] = `
66
66
  [
67
67
  {
68
68
  "alignItems": "center",
69
- "backgroundColor": "#f1e9fb",
69
+ "backgroundColor": "#ece8ef",
70
70
  "borderRadius": 24,
71
71
  "flexDirection": "row",
72
72
  "justifyContent": "center",
@@ -81,7 +81,7 @@ exports[`ToolbarGroup renders correctly with when align is center 1`] = `
81
81
  style={
82
82
  [
83
83
  {
84
- "color": "#460078",
84
+ "color": "#401960",
85
85
  "fontSize": 24,
86
86
  },
87
87
  undefined,
@@ -97,7 +97,7 @@ exports[`ToolbarGroup renders correctly with when align is center 1`] = `
97
97
  style={
98
98
  [
99
99
  {
100
- "color": "#460078",
100
+ "color": "#401960",
101
101
  "fontFamily": "BeVietnamPro-SemiBold",
102
102
  "fontSize": 16,
103
103
  "letterSpacing": 0.24,
@@ -163,7 +163,7 @@ exports[`ToolbarGroup renders correctly with when align is center 1`] = `
163
163
  [
164
164
  {
165
165
  "alignItems": "center",
166
- "backgroundColor": "#f1e9fb",
166
+ "backgroundColor": "#ece8ef",
167
167
  "borderRadius": 24,
168
168
  "flexDirection": "row",
169
169
  "justifyContent": "center",
@@ -178,7 +178,7 @@ exports[`ToolbarGroup renders correctly with when align is center 1`] = `
178
178
  style={
179
179
  [
180
180
  {
181
- "color": "#460078",
181
+ "color": "#401960",
182
182
  "fontSize": 24,
183
183
  },
184
184
  undefined,
@@ -194,7 +194,7 @@ exports[`ToolbarGroup renders correctly with when align is center 1`] = `
194
194
  style={
195
195
  [
196
196
  {
197
- "color": "#460078",
197
+ "color": "#401960",
198
198
  "fontFamily": "BeVietnamPro-SemiBold",
199
199
  "fontSize": 16,
200
200
  "letterSpacing": 0.24,
@@ -306,7 +306,7 @@ exports[`ToolbarGroup renders correctly with when align is left 1`] = `
306
306
  [
307
307
  {
308
308
  "alignItems": "center",
309
- "backgroundColor": "#f1e9fb",
309
+ "backgroundColor": "#ece8ef",
310
310
  "borderRadius": 24,
311
311
  "flexDirection": "row",
312
312
  "justifyContent": "center",
@@ -321,7 +321,7 @@ exports[`ToolbarGroup renders correctly with when align is left 1`] = `
321
321
  style={
322
322
  [
323
323
  {
324
- "color": "#460078",
324
+ "color": "#401960",
325
325
  "fontSize": 24,
326
326
  },
327
327
  undefined,
@@ -337,7 +337,7 @@ exports[`ToolbarGroup renders correctly with when align is left 1`] = `
337
337
  style={
338
338
  [
339
339
  {
340
- "color": "#460078",
340
+ "color": "#401960",
341
341
  "fontFamily": "BeVietnamPro-SemiBold",
342
342
  "fontSize": 16,
343
343
  "letterSpacing": 0.24,
@@ -403,7 +403,7 @@ exports[`ToolbarGroup renders correctly with when align is left 1`] = `
403
403
  [
404
404
  {
405
405
  "alignItems": "center",
406
- "backgroundColor": "#f1e9fb",
406
+ "backgroundColor": "#ece8ef",
407
407
  "borderRadius": 24,
408
408
  "flexDirection": "row",
409
409
  "justifyContent": "center",
@@ -418,7 +418,7 @@ exports[`ToolbarGroup renders correctly with when align is left 1`] = `
418
418
  style={
419
419
  [
420
420
  {
421
- "color": "#460078",
421
+ "color": "#401960",
422
422
  "fontSize": 24,
423
423
  },
424
424
  undefined,
@@ -434,7 +434,7 @@ exports[`ToolbarGroup renders correctly with when align is left 1`] = `
434
434
  style={
435
435
  [
436
436
  {
437
- "color": "#460078",
437
+ "color": "#401960",
438
438
  "fontFamily": "BeVietnamPro-SemiBold",
439
439
  "fontSize": 16,
440
440
  "letterSpacing": 0.24,
@@ -546,7 +546,7 @@ exports[`ToolbarGroup renders correctly with when align is right 1`] = `
546
546
  [
547
547
  {
548
548
  "alignItems": "center",
549
- "backgroundColor": "#f1e9fb",
549
+ "backgroundColor": "#ece8ef",
550
550
  "borderRadius": 24,
551
551
  "flexDirection": "row",
552
552
  "justifyContent": "center",
@@ -561,7 +561,7 @@ exports[`ToolbarGroup renders correctly with when align is right 1`] = `
561
561
  style={
562
562
  [
563
563
  {
564
- "color": "#460078",
564
+ "color": "#401960",
565
565
  "fontSize": 24,
566
566
  },
567
567
  undefined,
@@ -577,7 +577,7 @@ exports[`ToolbarGroup renders correctly with when align is right 1`] = `
577
577
  style={
578
578
  [
579
579
  {
580
- "color": "#460078",
580
+ "color": "#401960",
581
581
  "fontFamily": "BeVietnamPro-SemiBold",
582
582
  "fontSize": 16,
583
583
  "letterSpacing": 0.24,
@@ -643,7 +643,7 @@ exports[`ToolbarGroup renders correctly with when align is right 1`] = `
643
643
  [
644
644
  {
645
645
  "alignItems": "center",
646
- "backgroundColor": "#f1e9fb",
646
+ "backgroundColor": "#ece8ef",
647
647
  "borderRadius": 24,
648
648
  "flexDirection": "row",
649
649
  "justifyContent": "center",
@@ -658,7 +658,7 @@ exports[`ToolbarGroup renders correctly with when align is right 1`] = `
658
658
  style={
659
659
  [
660
660
  {
661
- "color": "#460078",
661
+ "color": "#401960",
662
662
  "fontSize": 24,
663
663
  },
664
664
  undefined,
@@ -674,7 +674,7 @@ exports[`ToolbarGroup renders correctly with when align is right 1`] = `
674
674
  style={
675
675
  [
676
676
  {
677
- "color": "#460078",
677
+ "color": "#401960",
678
678
  "fontFamily": "BeVietnamPro-SemiBold",
679
679
  "fontSize": 16,
680
680
  "letterSpacing": 0.24,
package/src/components/Toolbar/__tests__/__snapshots__/ToolbarItem.spec.tsx.snap CHANGED
@@ -52,7 +52,7 @@ exports[`ToolbarItems renders correctly when disabled 1`] = `
52
52
  [
53
53
  {
54
54
  "alignItems": "center",
55
- "backgroundColor": "#f1e9fb",
55
+ "backgroundColor": "#ece8ef",
56
56
  "borderRadius": 24,
57
57
  "flexDirection": "row",
58
58
  "justifyContent": "center",
@@ -374,7 +374,7 @@ exports[`ToolbarItems renders correctly when intent is primary, icon is ai-outli
374
374
  [
375
375
  {
376
376
  "alignItems": "center",
377
- "backgroundColor": "#f1e9fb",
377
+ "backgroundColor": "#ece8ef",
378
378
  "borderRadius": 24,
379
379
  "flexDirection": "row",
380
380
  "justifyContent": "center",
@@ -389,7 +389,7 @@ exports[`ToolbarItems renders correctly when intent is primary, icon is ai-outli
389
389
  style={
390
390
  [
391
391
  {
392
- "color": "#460078",
392
+ "color": "#401960",
393
393
  "fontSize": 24,
394
394
  },
395
395
  undefined,
@@ -405,7 +405,7 @@ exports[`ToolbarItems renders correctly when intent is primary, icon is ai-outli
405
405
  style={
406
406
  [
407
407
  {
408
- "color": "#460078",
408
+ "color": "#401960",
409
409
  "fontFamily": "BeVietnamPro-SemiBold",
410
410
  "fontSize": 16,
411
411
  "letterSpacing": 0.24,
@@ -502,7 +502,7 @@ exports[`ToolbarItems renders correctly when intent is primary, icon is ai-outli
502
502
  [
503
503
  {
504
504
  "alignItems": "center",
505
- "backgroundColor": "#f1e9fb",
505
+ "backgroundColor": "#ece8ef",
506
506
  "borderRadius": 24,
507
507
  "flexDirection": "row",
508
508
  "justifyContent": "center",
@@ -630,7 +630,7 @@ exports[`ToolbarItems renders correctly when intent is primary, icon is ai-outli
630
630
  [
631
631
  {
632
632
  "alignItems": "center",
633
- "backgroundColor": "#f1e9fb",
633
+ "backgroundColor": "#ece8ef",
634
634
  "borderRadius": 24,
635
635
  "flexDirection": "row",
636
636
  "justifyContent": "center",
@@ -645,7 +645,7 @@ exports[`ToolbarItems renders correctly when intent is primary, icon is ai-outli
645
645
  style={
646
646
  [
647
647
  {
648
- "color": "#460078",
648
+ "color": "#401960",
649
649
  "fontSize": 24,
650
650
  },
651
651
  undefined,
package/src/components/Typography/Body/__tests__/__snapshots__/StyledBody.tsx.snap CHANGED
@@ -212,7 +212,7 @@ exports[`StyledBody has primary intent style 1`] = `
212
212
  style={
213
213
  [
214
214
  {
215
- "color": "#460078",
215
+ "color": "#401960",
216
216
  "fontFamily": "BeVietnamPro-Regular",
217
217
  "fontSize": 16,
218
218
  "letterSpacing": 0.48,
package/src/components/Typography/Body/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -370,7 +370,7 @@ exports[`Body has primary intent style 1`] = `
370
370
  style={
371
371
  [
372
372
  {
373
- "color": "#460078",
373
+ "color": "#401960",
374
374
  "fontFamily": "BeVietnamPro-Regular",
375
375
  "fontSize": 16,
376
376
  "letterSpacing": 0.48,
@@ -625,7 +625,7 @@ exports[`Body has secondary intent style 1`] = `
625
625
  style={
626
626
  [
627
627
  {
628
- "color": "#B382FD",
628
+ "color": "#795e90",
629
629
  "fontFamily": "BeVietnamPro-Regular",
630
630
  "fontSize": 16,
631
631
  "letterSpacing": 0.48,
package/src/components/Typography/Caption/__tests__/__snapshots__/StyledCaption.spec.tsx.snap CHANGED
@@ -208,7 +208,7 @@ exports[`StyledCaption has primary intent style 1`] = `
208
208
  style={
209
209
  [
210
210
  {
211
- "color": "#460078",
211
+ "color": "#401960",
212
212
  "fontFamily": "BeVietnamPro-Regular",
213
213
  "fontSize": 12,
214
214
  "letterSpacing": 0.36,
package/src/components/Typography/Caption/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -363,7 +363,7 @@ exports[`Caption has primary intent style 1`] = `
363
363
  style={
364
364
  [
365
365
  {
366
- "color": "#460078",
366
+ "color": "#401960",
367
367
  "fontFamily": "BeVietnamPro-Regular",
368
368
  "fontSize": 12,
369
369
  "letterSpacing": 0.36,
@@ -463,7 +463,7 @@ exports[`Caption has secondary intent style 1`] = `
463
463
  style={
464
464
  [
465
465
  {
466
- "color": "#B382FD",
466
+ "color": "#795e90",
467
467
  "fontFamily": "BeVietnamPro-Regular",
468
468
  "fontSize": 12,
469
469
  "letterSpacing": 0.36,
package/src/components/Typography/Label/__tests__/__snapshots__/StyledLabel.tsx.snap CHANGED
@@ -200,7 +200,7 @@ exports[`StyledLabel has primary intent style 1`] = `
200
200
  style={
201
201
  [
202
202
  {
203
- "color": "#460078",
203
+ "color": "#401960",
204
204
  "fontSize": 10,
205
205
  "letterSpacing": 0,
206
206
  "lineHeight": 14,
package/src/components/Typography/Label/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -349,7 +349,7 @@ exports[`Label has primary intent style 1`] = `
349
349
  style={
350
350
  [
351
351
  {
352
- "color": "#460078",
352
+ "color": "#401960",
353
353
  "fontSize": 10,
354
354
  "letterSpacing": 0,
355
355
  "lineHeight": 14,
@@ -397,7 +397,7 @@ exports[`Label has secondary intent style 1`] = `
397
397
  style={
398
398
  [
399
399
  {
400
- "color": "#B382FD",
400
+ "color": "#795e90",
401
401
  "fontSize": 10,
402
402
  "letterSpacing": 0,
403
403
  "lineHeight": 14,
package/src/components/Typography/Text/__tests__/__snapshots__/StyledText.spec.tsx.snap CHANGED
@@ -471,7 +471,7 @@ exports[`StyledText has primary intent style 1`] = `
471
471
  style={
472
472
  [
473
473
  {
474
- "color": "#460078",
474
+ "color": "#401960",
475
475
  "fontFamily": "BeVietnamPro-Regular",
476
476
  "fontSize": 14,
477
477
  "letterSpacing": 0.42,
package/src/components/Typography/Title/__tests__/__snapshots__/StyledTitle.tsx.snap CHANGED
@@ -812,7 +812,7 @@ exports[`StyledTitle has primary intent style 1`] = `
812
812
  style={
813
813
  [
814
814
  {
815
- "color": "#460078",
815
+ "color": "#401960",
816
816
  "fontFamily": "BeVietnamPro-Regular",
817
817
  "fontSize": 18,
818
818
  "letterSpacing": 0.48,
package/src/components/Typography/Title/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -982,7 +982,7 @@ exports[`Title has primary intent style 1`] = `
982
982
  style={
983
983
  [
984
984
  {
985
- "color": "#460078",
985
+ "color": "#401960",
986
986
  "fontFamily": "BeVietnamPro-Regular",
987
987
  "fontSize": 42,
988
988
  "letterSpacing": 0,
@@ -1033,7 +1033,7 @@ exports[`Title has secondary intent style 1`] = `
1033
1033
  style={
1034
1034
  [
1035
1035
  {
1036
- "color": "#B382FD",
1036
+ "color": "#795e90",
1037
1037
  "fontFamily": "BeVietnamPro-Regular",
1038
1038
  "fontSize": 42,
1039
1039
  "letterSpacing": 0,
package/src/theme/ThemeSwitcher.tsx CHANGED
@@ -15,15 +15,15 @@ import ThemeProvider from './ThemeProvider';
15
15
 
16
16
  type ThemeName =
17
17
  | 'swag'
18
- | 'swagLight'
19
18
  | 'swagDark'
19
+ | 'swagLight'
20
20
  | 'work'
21
21
  | 'jobs'
22
22
  | 'wallet'
23
23
  | 'eBens';
24
24
 
25
25
  const ThemeSwitcher = ({
26
- name = 'swagLight',
26
+ name = 'swag',
27
27
  children,
28
28
  }: {
29
29
  name?: ThemeName;
package/src/theme/components/fab.ts CHANGED
@@ -2,13 +2,13 @@ import type { GlobalTheme } from '../global';
2
2
 
3
3
  const getFABTheme = (theme: GlobalTheme) => {
4
4
  const colors = {
5
- buttonBackground: theme.colors.overlayGlobalSurface,
6
- buttonPressedBackground: theme.colors.overlayGlobalSurface,
7
- buttonActiveBackground: theme.colors.overlayGlobalSurface,
5
+ buttonBackground: theme.colors.primary,
6
+ buttonPressedBackground: theme.colors.pressedSurface,
7
+ buttonActiveBackground: theme.colors.pressedSurface,
8
8
  icon: theme.colors.onPrimary,
9
- actionItemBackground: theme.colors.overlayGlobalSurface,
10
- actionItemPressedBackground: theme.colors.overlayGlobalSurface,
11
- backdropBackground: theme.colors.defaultSurface,
9
+ actionItemBackground: theme.colors.secondary,
10
+ actionItemPressedBackground: theme.colors.pressedSurface,
11
+ backdropBackground: theme.colors.overlayGlobalSurface,
12
12
  titleText: theme.colors.onPrimary,
13
13
  actionItemText: theme.colors.onPrimary,
14
14
  };
package/src/theme/getTheme.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { getGlobalTheme, defaultScale, swagLightSystemPalette } from './global';
1
+ import { getGlobalTheme, defaultScale, swagSystemPalette } from './global';
2
2
 
3
3
  import getAccordionTheme from './components/accordion';
4
4
  import getAlertTheme from './components/alert';
@@ -108,7 +108,7 @@ type Theme = GlobalTheme & {
108
108
 
109
109
  const getTheme = (
110
110
  scale: Scale = defaultScale,
111
- systemPallete: SystemPalette = swagLightSystemPalette
111
+ systemPallete: SystemPalette = swagSystemPalette
112
112
  ): Theme => {
113
113
  const globalTheme = getGlobalTheme(scale, systemPallete);
114
114
  return {