@hero-design/rn 7.22.1 → 7.22.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 (128) hide show
  1. package/.turbo/turbo-build.log +2 -2
  2. package/es/index.js +309 -284
  3. package/lib/index.js +309 -284
  4. package/package.json +4 -4
  5. package/src/components/Accordion/AccordionItem.tsx +1 -1
  6. package/src/components/Accordion/__tests__/__snapshots__/AccordionItem.spec.tsx.snap +8 -8
  7. package/src/components/Accordion/__tests__/__snapshots__/index.spec.tsx.snap +12 -12
  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/BottomNavigation/__tests__/__snapshots__/index.spec.tsx.snap +2 -2
  11. package/src/components/Button/LoadingIndicator/__tests__/__snapshots__/StyledLoadingIndicator.spec.tsx.snap +2 -2
  12. package/src/components/Button/LoadingIndicator/__tests__/__snapshots__/index.spec.tsx.snap +6 -6
  13. package/src/components/Button/__tests__/__snapshots__/StyledButton.spec.tsx.snap +24 -24
  14. package/src/components/Calendar/__tests__/__snapshots__/CalendarRowItem.spec.tsx.snap +6 -6
  15. package/src/components/Card/DataCard/__tests__/__snapshots__/StyledDataCard.spec.tsx.snap +3 -3
  16. package/src/components/Card/DataCard/__tests__/__snapshots__/index.spec.tsx.snap +2 -2
  17. package/src/components/Card/__tests__/__snapshots__/StyledCard.spec.tsx.snap +1 -1
  18. package/src/components/Card/__tests__/__snapshots__/index.spec.tsx.snap +1 -1
  19. package/src/components/Checkbox/__tests__/__snapshots__/StyledCheckbox.spec.tsx.snap +2 -2
  20. package/src/components/Checkbox/__tests__/__snapshots__/index.spec.tsx.snap +5 -5
  21. package/src/components/ContentNavigator/__tests__/__snapshots__/index.spec.tsx.snap +2 -2
  22. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerAndroid.spec.tsx.snap +4 -18
  23. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerIOS.spec.tsx.snap +5 -19
  24. package/src/components/Drawer/__tests__/__snapshots__/index.spec.tsx.snap +3 -3
  25. package/src/components/FAB/ActionGroup/__tests__/__snapshots__/index.spec.tsx.snap +10 -10
  26. package/src/components/Icon/HeroIcon/index.tsx +2 -0
  27. package/src/components/Icon/__tests__/__snapshots__/index.spec.tsx.snap +1 -1
  28. package/src/components/Icon/index.tsx +1 -0
  29. package/src/components/List/StyledBasicListItem.tsx +1 -0
  30. package/src/components/List/__tests__/BasicListItem.spec.tsx +37 -13
  31. package/src/components/List/__tests__/__snapshots__/BasicListItem.spec.tsx.snap +163 -2
  32. package/src/components/List/__tests__/__snapshots__/ListItem.spec.tsx.snap +12 -12
  33. package/src/components/List/__tests__/__snapshots__/StyledBasicListItem.spec.tsx.snap +6 -2
  34. package/src/components/List/__tests__/__snapshots__/StyledListItem.spec.tsx.snap +4 -4
  35. package/src/components/PinInput/__tests__/__snapshots__/PinCell.spec.tsx.snap +6 -6
  36. package/src/components/PinInput/__tests__/__snapshots__/index.spec.tsx.snap +21 -21
  37. package/src/components/Progress/__tests__/__snapshots__/index.spec.js.snap +5 -5
  38. package/src/components/Radio/__tests__/__snapshots__/Radio.spec.tsx.snap +3 -1
  39. package/src/components/Radio/__tests__/__snapshots__/RadioGroup.spec.tsx.snap +4 -1
  40. package/src/components/RichTextEditor/RichTextEditor.tsx +1 -3
  41. package/src/components/RichTextEditor/__tests__/EditorToolbar.spec.tsx +1 -1
  42. package/src/components/RichTextEditor/__tests__/__snapshots__/RichTextEditor.spec.tsx.snap +10 -38
  43. package/src/components/SectionHeading/__tests__/__snapshots__/index.spec.tsx.snap +1 -1
  44. package/src/components/Select/MultiSelect/__tests__/__snapshots__/Option.spec.tsx.snap +2 -1
  45. package/src/components/Select/MultiSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap +25 -9
  46. package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap +66 -108
  47. package/src/components/Select/SingleSelect/__tests__/__snapshots__/Option.spec.tsx.snap +2 -1
  48. package/src/components/Select/SingleSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap +24 -8
  49. package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap +57 -99
  50. package/src/components/Select/__tests__/__snapshots__/StyledSelect.spec.tsx.snap +1 -1
  51. package/src/components/Slider/__tests__/__snapshots__/index.spec.tsx.snap +3 -3
  52. package/src/components/Spinner/StyledSpinner.tsx +8 -4
  53. package/src/components/Spinner/__tests__/__snapshots__/AnimatedSpinner.spec.tsx.snap +8 -4
  54. package/src/components/Spinner/__tests__/__snapshots__/StyledSpinner.spec.tsx.snap +32 -16
  55. package/src/components/Spinner/__tests__/__snapshots__/index.spec.tsx.snap +8 -4
  56. package/src/components/Switch/__tests__/__snapshots__/StyledSwitch.spec.tsx.snap +3 -3
  57. package/src/components/Tabs/ScrollableTabs.tsx +2 -5
  58. package/src/components/Tabs/__tests__/__snapshots__/ScrollableTabs.spec.tsx.snap +1 -1
  59. package/src/components/Tag/__tests__/__snapshots__/Tag.spec.tsx.snap +1 -1
  60. package/src/components/TextInput/StyledTextInput.tsx +11 -16
  61. package/src/components/TextInput/__tests__/StyledTextInput.spec.tsx +3 -3
  62. package/src/components/TextInput/__tests__/__snapshots__/StyledTextInput.spec.tsx.snap +28 -46
  63. package/src/components/TextInput/__tests__/__snapshots__/index.spec.tsx.snap +67 -249
  64. package/src/components/TextInput/index.tsx +27 -27
  65. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerAndroid.spec.tsx.snap +4 -18
  66. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap +5 -19
  67. package/src/components/Toast/ToastProvider.tsx +2 -4
  68. package/src/components/Toast/__tests__/index.spec.tsx +138 -0
  69. package/src/components/Toolbar/ToolbarItem.tsx +1 -1
  70. package/src/components/Toolbar/__tests__/__snapshots__/ToolbarGroup.spec.tsx.snap +12 -12
  71. package/src/components/Toolbar/__tests__/__snapshots__/ToolbarItem.spec.tsx.snap +6 -6
  72. package/src/components/Typography/Text/StyledText.tsx +1 -0
  73. package/src/components/Typography/Text/__tests__/__snapshots__/StyledText.spec.tsx.snap +3 -3
  74. package/src/components/Typography/Text/index.tsx +1 -0
  75. package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +93 -84
  76. package/src/theme/components/accordion.ts +1 -1
  77. package/src/theme/components/alert.ts +4 -4
  78. package/src/theme/components/avatar.ts +2 -2
  79. package/src/theme/components/badge.ts +6 -6
  80. package/src/theme/components/bottomNavigation.ts +2 -2
  81. package/src/theme/components/bottomSheet.ts +3 -3
  82. package/src/theme/components/button.ts +20 -20
  83. package/src/theme/components/calendar.ts +4 -4
  84. package/src/theme/components/card.ts +5 -5
  85. package/src/theme/components/checkbox.ts +1 -1
  86. package/src/theme/components/divider.ts +1 -1
  87. package/src/theme/components/drawer.ts +4 -4
  88. package/src/theme/components/empty.ts +3 -4
  89. package/src/theme/components/fab.ts +7 -7
  90. package/src/theme/components/icon.ts +4 -3
  91. package/src/theme/components/list.ts +8 -6
  92. package/src/theme/components/pinInput.ts +4 -4
  93. package/src/theme/components/progress.ts +3 -3
  94. package/src/theme/components/richTextEditor.ts +3 -3
  95. package/src/theme/components/sectionHeading.ts +1 -1
  96. package/src/theme/components/select.ts +1 -1
  97. package/src/theme/components/slider.ts +3 -3
  98. package/src/theme/components/spinner.ts +1 -4
  99. package/src/theme/components/switch.ts +7 -7
  100. package/src/theme/components/tabs.ts +5 -5
  101. package/src/theme/components/tag.ts +12 -12
  102. package/src/theme/components/textInput.ts +38 -38
  103. package/src/theme/components/toast.ts +6 -6
  104. package/src/theme/components/toolbar.ts +3 -2
  105. package/src/theme/components/typography.ts +4 -3
  106. package/src/theme/global/colors/global.ts +32 -0
  107. package/src/theme/global/colors/legacySystemPalette.ts +53 -0
  108. package/src/theme/global/colors/swag.ts +21 -34
  109. package/src/theme/global/colors/types.ts +46 -26
  110. package/src/theme/global/colors/work.ts +10 -9
  111. package/types/components/Icon/HeroIcon/index.d.ts +1 -1
  112. package/types/components/Icon/index.d.ts +1 -1
  113. package/types/components/TextInput/StyledTextInput.d.ts +3 -9
  114. package/types/components/TextInput/index.d.ts +4 -4
  115. package/types/components/Toast/__tests__/index.spec.d.ts +1 -0
  116. package/types/components/Toolbar/ToolbarItem.d.ts +1 -1
  117. package/types/components/Typography/Text/StyledText.d.ts +1 -1
  118. package/types/components/Typography/Text/index.d.ts +1 -1
  119. package/types/theme/components/empty.d.ts +0 -1
  120. package/types/theme/components/icon.d.ts +1 -0
  121. package/types/theme/components/list.d.ts +1 -0
  122. package/types/theme/components/spinner.d.ts +1 -4
  123. package/types/theme/components/toolbar.d.ts +1 -0
  124. package/types/theme/components/typography.d.ts +1 -0
  125. package/types/theme/global/colors/global.d.ts +3 -0
  126. package/types/theme/global/colors/legacySystemPalette.d.ts +3 -0
  127. package/types/theme/global/colors/types.d.ts +41 -20
  128. package/types/theme/global/index.d.ts +28 -19
package/src/components/Select/SingleSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap CHANGED
@@ -198,7 +198,8 @@ exports[`OptionList render isLoading correctly 1`] = `
198
198
  Array [
199
199
  Object {
200
200
  "alignItems": "center",
201
- "backgroundColor": "#f3e6f6",
201
+ "backgroundColor": "#d9d1df",
202
+ "borderRadius": 4,
202
203
  "flexDirection": "row",
203
204
  "opacity": 1,
204
205
  "padding": 16,
@@ -423,6 +424,7 @@ exports[`OptionList render isLoading correctly 1`] = `
423
424
  Object {
424
425
  "alignItems": "center",
425
426
  "backgroundColor": "#ffffff",
427
+ "borderRadius": 4,
426
428
  "flexDirection": "row",
427
429
  "opacity": 1,
428
430
  "padding": 16,
@@ -540,6 +542,7 @@ exports[`OptionList render isLoading correctly 1`] = `
540
542
  Object {
541
543
  "alignItems": "center",
542
544
  "backgroundColor": "#ffffff",
545
+ "borderRadius": 4,
543
546
  "flexDirection": "row",
544
547
  "opacity": 1,
545
548
  "padding": 16,
@@ -696,9 +699,10 @@ exports[`OptionList render isLoading correctly 1`] = `
696
699
  style={
697
700
  Array [
698
701
  Object {
699
- "backgroundColor": "#795e90",
702
+ "backgroundColor": "#001f23",
700
703
  "borderRadius": 999,
701
704
  "height": 16,
705
+ "opacity": 1,
702
706
  "width": 16,
703
707
  },
704
708
  Object {},
@@ -713,10 +717,11 @@ exports[`OptionList render isLoading correctly 1`] = `
713
717
  style={
714
718
  Array [
715
719
  Object {
716
- "backgroundColor": "#a08cb0",
720
+ "backgroundColor": "#001f23",
717
721
  "borderRadius": 999,
718
722
  "height": 16,
719
723
  "marginLeft": 8,
724
+ "opacity": 0.75,
720
725
  "width": 16,
721
726
  },
722
727
  Object {},
@@ -747,9 +752,10 @@ exports[`OptionList render isLoading correctly 1`] = `
747
752
  style={
748
753
  Array [
749
754
  Object {
750
- "backgroundColor": "#d9d1df",
755
+ "backgroundColor": "#001f23",
751
756
  "borderRadius": 999,
752
757
  "height": 16,
758
+ "opacity": 0.5,
753
759
  "width": 16,
754
760
  },
755
761
  Object {},
@@ -764,10 +770,11 @@ exports[`OptionList render isLoading correctly 1`] = `
764
770
  style={
765
771
  Array [
766
772
  Object {
767
- "backgroundColor": "#ece8ef",
773
+ "backgroundColor": "#001f23",
768
774
  "borderRadius": 999,
769
775
  "height": 16,
770
776
  "marginLeft": 8,
777
+ "opacity": 0.25,
771
778
  "width": 16,
772
779
  },
773
780
  Object {},
@@ -972,7 +979,8 @@ exports[`OptionList renders correctly 1`] = `
972
979
  Array [
973
980
  Object {
974
981
  "alignItems": "center",
975
- "backgroundColor": "#f3e6f6",
982
+ "backgroundColor": "#d9d1df",
983
+ "borderRadius": 4,
976
984
  "flexDirection": "row",
977
985
  "opacity": 1,
978
986
  "padding": 16,
@@ -1197,6 +1205,7 @@ exports[`OptionList renders correctly 1`] = `
1197
1205
  Object {
1198
1206
  "alignItems": "center",
1199
1207
  "backgroundColor": "#ffffff",
1208
+ "borderRadius": 4,
1200
1209
  "flexDirection": "row",
1201
1210
  "opacity": 1,
1202
1211
  "padding": 16,
@@ -1314,6 +1323,7 @@ exports[`OptionList renders correctly 1`] = `
1314
1323
  Object {
1315
1324
  "alignItems": "center",
1316
1325
  "backgroundColor": "#ffffff",
1326
+ "borderRadius": 4,
1317
1327
  "flexDirection": "row",
1318
1328
  "opacity": 1,
1319
1329
  "padding": 16,
@@ -1594,7 +1604,8 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
1594
1604
  Array [
1595
1605
  Object {
1596
1606
  "alignItems": "center",
1597
- "backgroundColor": "#f3e6f6",
1607
+ "backgroundColor": "#d9d1df",
1608
+ "borderRadius": 4,
1598
1609
  "flexDirection": "row",
1599
1610
  "opacity": 1,
1600
1611
  "padding": 16,
@@ -1819,6 +1830,7 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
1819
1830
  Object {
1820
1831
  "alignItems": "center",
1821
1832
  "backgroundColor": "#ffffff",
1833
+ "borderRadius": 4,
1822
1834
  "flexDirection": "row",
1823
1835
  "opacity": 1,
1824
1836
  "padding": 16,
@@ -1936,6 +1948,7 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
1936
1948
  Object {
1937
1949
  "alignItems": "center",
1938
1950
  "backgroundColor": "#ffffff",
1951
+ "borderRadius": 4,
1939
1952
  "flexDirection": "row",
1940
1953
  "opacity": 1,
1941
1954
  "padding": 16,
@@ -2216,7 +2229,8 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
2216
2229
  Array [
2217
2230
  Object {
2218
2231
  "alignItems": "center",
2219
- "backgroundColor": "#f3e6f6",
2232
+ "backgroundColor": "#d9d1df",
2233
+ "borderRadius": 4,
2220
2234
  "flexDirection": "row",
2221
2235
  "opacity": 1,
2222
2236
  "padding": 16,
@@ -2441,6 +2455,7 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
2441
2455
  Object {
2442
2456
  "alignItems": "center",
2443
2457
  "backgroundColor": "#ffffff",
2458
+ "borderRadius": 4,
2444
2459
  "flexDirection": "row",
2445
2460
  "opacity": 1,
2446
2461
  "padding": 16,
@@ -2558,6 +2573,7 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
2558
2573
  Object {
2559
2574
  "alignItems": "center",
2560
2575
  "backgroundColor": "#ffffff",
2576
+ "borderRadius": 4,
2561
2577
  "flexDirection": "row",
2562
2578
  "opacity": 1,
2563
2579
  "padding": 16,
package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -29,12 +29,16 @@ Array [
29
29
  style={
30
30
  Array [
31
31
  Object {
32
+ "borderColor": "#001f23",
33
+ "borderRadius": 8,
34
+ "borderWidth": 1,
32
35
  "marginVertical": 8,
33
36
  "width": "100%",
34
37
  },
35
38
  undefined,
36
39
  ]
37
40
  }
41
+ themeVariant="default"
38
42
  >
39
43
  <View
40
44
  style={
@@ -48,24 +52,6 @@ Array [
48
52
  ]
49
53
  }
50
54
  >
51
- <View
52
- style={
53
- Array [
54
- Object {
55
- "borderColor": "#001f23",
56
- "borderRadius": 8,
57
- "borderWidth": 1,
58
- "bottom": 0,
59
- "left": 0,
60
- "position": "absolute",
61
- "right": 0,
62
- "top": 0,
63
- },
64
- undefined,
65
- ]
66
- }
67
- themeVariant="default"
68
- />
69
55
  <View
70
56
  style={
71
57
  Array [
@@ -599,6 +585,7 @@ Array [
599
585
  Object {
600
586
  "alignItems": "center",
601
587
  "backgroundColor": "#ffffff",
588
+ "borderRadius": 4,
602
589
  "flexDirection": "row",
603
590
  "opacity": 1,
604
591
  "padding": 16,
@@ -640,7 +627,7 @@ Array [
640
627
  style={
641
628
  Array [
642
629
  Object {
643
- "color": "#808f91",
630
+ "color": "#4d6265",
644
631
  "fontFamily": "BeVietnamPro-Regular",
645
632
  "fontSize": 16,
646
633
  "letterSpacing": 0.48,
@@ -743,6 +730,7 @@ Array [
743
730
  Object {
744
731
  "alignItems": "center",
745
732
  "backgroundColor": "#ffffff",
733
+ "borderRadius": 4,
746
734
  "flexDirection": "row",
747
735
  "opacity": 1,
748
736
  "padding": 16,
@@ -784,7 +772,7 @@ Array [
784
772
  style={
785
773
  Array [
786
774
  Object {
787
- "color": "#808f91",
775
+ "color": "#4d6265",
788
776
  "fontFamily": "BeVietnamPro-Regular",
789
777
  "fontSize": 16,
790
778
  "letterSpacing": 0.48,
@@ -1002,6 +990,7 @@ Array [
1002
990
  Object {
1003
991
  "alignItems": "center",
1004
992
  "backgroundColor": "#ffffff",
993
+ "borderRadius": 4,
1005
994
  "flexDirection": "row",
1006
995
  "opacity": 1,
1007
996
  "padding": 16,
@@ -1043,7 +1032,7 @@ Array [
1043
1032
  style={
1044
1033
  Array [
1045
1034
  Object {
1046
- "color": "#808f91",
1035
+ "color": "#4d6265",
1047
1036
  "fontFamily": "BeVietnamPro-Regular",
1048
1037
  "fontSize": 16,
1049
1038
  "letterSpacing": 0.48,
@@ -1146,6 +1135,7 @@ Array [
1146
1135
  Object {
1147
1136
  "alignItems": "center",
1148
1137
  "backgroundColor": "#ffffff",
1138
+ "borderRadius": 4,
1149
1139
  "flexDirection": "row",
1150
1140
  "opacity": 1,
1151
1141
  "padding": 16,
@@ -1187,7 +1177,7 @@ Array [
1187
1177
  style={
1188
1178
  Array [
1189
1179
  Object {
1190
- "color": "#808f91",
1180
+ "color": "#4d6265",
1191
1181
  "fontFamily": "BeVietnamPro-Regular",
1192
1182
  "fontSize": 16,
1193
1183
  "letterSpacing": 0.48,
@@ -1302,12 +1292,16 @@ Array [
1302
1292
  style={
1303
1293
  Array [
1304
1294
  Object {
1295
+ "borderColor": "#001f23",
1296
+ "borderRadius": 8,
1297
+ "borderWidth": 1,
1305
1298
  "marginVertical": 8,
1306
1299
  "width": "100%",
1307
1300
  },
1308
1301
  undefined,
1309
1302
  ]
1310
1303
  }
1304
+ themeVariant="filled"
1311
1305
  >
1312
1306
  <View
1313
1307
  style={
@@ -1321,24 +1315,6 @@ Array [
1321
1315
  ]
1322
1316
  }
1323
1317
  >
1324
- <View
1325
- style={
1326
- Array [
1327
- Object {
1328
- "borderColor": "#001f23",
1329
- "borderRadius": 8,
1330
- "borderWidth": 1,
1331
- "bottom": 0,
1332
- "left": 0,
1333
- "position": "absolute",
1334
- "right": 0,
1335
- "top": 0,
1336
- },
1337
- undefined,
1338
- ]
1339
- }
1340
- themeVariant="filled"
1341
- />
1342
1318
  <View
1343
1319
  pointerEvents="none"
1344
1320
  style={
@@ -1814,7 +1790,8 @@ Array [
1814
1790
  Array [
1815
1791
  Object {
1816
1792
  "alignItems": "center",
1817
- "backgroundColor": "#f3e6f6",
1793
+ "backgroundColor": "#d9d1df",
1794
+ "borderRadius": 4,
1818
1795
  "flexDirection": "row",
1819
1796
  "opacity": 1,
1820
1797
  "padding": 16,
@@ -1942,6 +1919,7 @@ Array [
1942
1919
  Object {
1943
1920
  "alignItems": "center",
1944
1921
  "backgroundColor": "#ffffff",
1922
+ "borderRadius": 4,
1945
1923
  "flexDirection": "row",
1946
1924
  "opacity": 1,
1947
1925
  "padding": 16,
@@ -2069,6 +2047,7 @@ Array [
2069
2047
  Object {
2070
2048
  "alignItems": "center",
2071
2049
  "backgroundColor": "#ffffff",
2050
+ "borderRadius": 4,
2072
2051
  "flexDirection": "row",
2073
2052
  "opacity": 1,
2074
2053
  "padding": 16,
@@ -2196,6 +2175,7 @@ Array [
2196
2175
  Object {
2197
2176
  "alignItems": "center",
2198
2177
  "backgroundColor": "#ffffff",
2178
+ "borderRadius": 4,
2199
2179
  "flexDirection": "row",
2200
2180
  "opacity": 1,
2201
2181
  "padding": 16,
@@ -2323,6 +2303,7 @@ Array [
2323
2303
  Object {
2324
2304
  "alignItems": "center",
2325
2305
  "backgroundColor": "#ffffff",
2306
+ "borderRadius": 4,
2326
2307
  "flexDirection": "row",
2327
2308
  "opacity": 1,
2328
2309
  "padding": 16,
@@ -2450,6 +2431,7 @@ Array [
2450
2431
  Object {
2451
2432
  "alignItems": "center",
2452
2433
  "backgroundColor": "#ffffff",
2434
+ "borderRadius": 4,
2453
2435
  "flexDirection": "row",
2454
2436
  "opacity": 1,
2455
2437
  "padding": 16,
@@ -2578,6 +2560,7 @@ Array [
2578
2560
  Object {
2579
2561
  "alignItems": "center",
2580
2562
  "backgroundColor": "#ffffff",
2563
+ "borderRadius": 4,
2581
2564
  "flexDirection": "row",
2582
2565
  "opacity": 0.38,
2583
2566
  "padding": 16,
@@ -2717,12 +2700,16 @@ Array [
2717
2700
  style={
2718
2701
  Array [
2719
2702
  Object {
2703
+ "borderColor": "#001f23",
2704
+ "borderRadius": 8,
2705
+ "borderWidth": 1,
2720
2706
  "marginVertical": 8,
2721
2707
  "width": "100%",
2722
2708
  },
2723
2709
  undefined,
2724
2710
  ]
2725
2711
  }
2712
+ themeVariant="filled"
2726
2713
  >
2727
2714
  <View
2728
2715
  style={
@@ -2736,24 +2723,6 @@ Array [
2736
2723
  ]
2737
2724
  }
2738
2725
  >
2739
- <View
2740
- style={
2741
- Array [
2742
- Object {
2743
- "borderColor": "#001f23",
2744
- "borderRadius": 8,
2745
- "borderWidth": 1,
2746
- "bottom": 0,
2747
- "left": 0,
2748
- "position": "absolute",
2749
- "right": 0,
2750
- "top": 0,
2751
- },
2752
- undefined,
2753
- ]
2754
- }
2755
- themeVariant="filled"
2756
- />
2757
2726
  <View
2758
2727
  pointerEvents="none"
2759
2728
  style={
@@ -3224,7 +3193,8 @@ Array [
3224
3193
  Array [
3225
3194
  Object {
3226
3195
  "alignItems": "center",
3227
- "backgroundColor": "#f3e6f6",
3196
+ "backgroundColor": "#d9d1df",
3197
+ "borderRadius": 4,
3228
3198
  "flexDirection": "row",
3229
3199
  "opacity": 1,
3230
3200
  "padding": 16,
@@ -3352,6 +3322,7 @@ Array [
3352
3322
  Object {
3353
3323
  "alignItems": "center",
3354
3324
  "backgroundColor": "#ffffff",
3325
+ "borderRadius": 4,
3355
3326
  "flexDirection": "row",
3356
3327
  "opacity": 1,
3357
3328
  "padding": 16,
@@ -3479,6 +3450,7 @@ Array [
3479
3450
  Object {
3480
3451
  "alignItems": "center",
3481
3452
  "backgroundColor": "#ffffff",
3453
+ "borderRadius": 4,
3482
3454
  "flexDirection": "row",
3483
3455
  "opacity": 1,
3484
3456
  "padding": 16,
@@ -3606,6 +3578,7 @@ Array [
3606
3578
  Object {
3607
3579
  "alignItems": "center",
3608
3580
  "backgroundColor": "#ffffff",
3581
+ "borderRadius": 4,
3609
3582
  "flexDirection": "row",
3610
3583
  "opacity": 1,
3611
3584
  "padding": 16,
@@ -3733,6 +3706,7 @@ Array [
3733
3706
  Object {
3734
3707
  "alignItems": "center",
3735
3708
  "backgroundColor": "#ffffff",
3709
+ "borderRadius": 4,
3736
3710
  "flexDirection": "row",
3737
3711
  "opacity": 1,
3738
3712
  "padding": 16,
@@ -3860,6 +3834,7 @@ Array [
3860
3834
  Object {
3861
3835
  "alignItems": "center",
3862
3836
  "backgroundColor": "#ffffff",
3837
+ "borderRadius": 4,
3863
3838
  "flexDirection": "row",
3864
3839
  "opacity": 1,
3865
3840
  "padding": 16,
@@ -3988,6 +3963,7 @@ Array [
3988
3963
  Object {
3989
3964
  "alignItems": "center",
3990
3965
  "backgroundColor": "#ffffff",
3966
+ "borderRadius": 4,
3991
3967
  "flexDirection": "row",
3992
3968
  "opacity": 0.38,
3993
3969
  "padding": 16,
@@ -4129,12 +4105,16 @@ Array [
4129
4105
  style={
4130
4106
  Array [
4131
4107
  Object {
4108
+ "borderColor": "#808f91",
4109
+ "borderRadius": 8,
4110
+ "borderWidth": 1,
4132
4111
  "marginVertical": 8,
4133
4112
  "width": "100%",
4134
4113
  },
4135
4114
  undefined,
4136
4115
  ]
4137
4116
  }
4117
+ themeVariant="readonly"
4138
4118
  >
4139
4119
  <View
4140
4120
  style={
@@ -4148,24 +4128,6 @@ Array [
4148
4128
  ]
4149
4129
  }
4150
4130
  >
4151
- <View
4152
- style={
4153
- Array [
4154
- Object {
4155
- "borderColor": "#808f91",
4156
- "borderRadius": 8,
4157
- "borderWidth": 1,
4158
- "bottom": 0,
4159
- "left": 0,
4160
- "position": "absolute",
4161
- "right": 0,
4162
- "top": 0,
4163
- },
4164
- undefined,
4165
- ]
4166
- }
4167
- themeVariant="readonly"
4168
- />
4169
4131
  <View
4170
4132
  pointerEvents="none"
4171
4133
  style={
@@ -4195,7 +4157,7 @@ Array [
4195
4157
  },
4196
4158
  Array [
4197
4159
  Object {
4198
- "color": "#808f91",
4160
+ "color": "#bfc1c5",
4199
4161
  },
4200
4162
  undefined,
4201
4163
  ],
@@ -4655,7 +4617,8 @@ Array [
4655
4617
  Array [
4656
4618
  Object {
4657
4619
  "alignItems": "center",
4658
- "backgroundColor": "#f3e6f6",
4620
+ "backgroundColor": "#d9d1df",
4621
+ "borderRadius": 4,
4659
4622
  "flexDirection": "row",
4660
4623
  "opacity": 1,
4661
4624
  "padding": 16,
@@ -4783,6 +4746,7 @@ Array [
4783
4746
  Object {
4784
4747
  "alignItems": "center",
4785
4748
  "backgroundColor": "#ffffff",
4749
+ "borderRadius": 4,
4786
4750
  "flexDirection": "row",
4787
4751
  "opacity": 1,
4788
4752
  "padding": 16,
@@ -4910,6 +4874,7 @@ Array [
4910
4874
  Object {
4911
4875
  "alignItems": "center",
4912
4876
  "backgroundColor": "#ffffff",
4877
+ "borderRadius": 4,
4913
4878
  "flexDirection": "row",
4914
4879
  "opacity": 1,
4915
4880
  "padding": 16,
@@ -5037,6 +5002,7 @@ Array [
5037
5002
  Object {
5038
5003
  "alignItems": "center",
5039
5004
  "backgroundColor": "#ffffff",
5005
+ "borderRadius": 4,
5040
5006
  "flexDirection": "row",
5041
5007
  "opacity": 1,
5042
5008
  "padding": 16,
@@ -5164,6 +5130,7 @@ Array [
5164
5130
  Object {
5165
5131
  "alignItems": "center",
5166
5132
  "backgroundColor": "#ffffff",
5133
+ "borderRadius": 4,
5167
5134
  "flexDirection": "row",
5168
5135
  "opacity": 1,
5169
5136
  "padding": 16,
@@ -5291,6 +5258,7 @@ Array [
5291
5258
  Object {
5292
5259
  "alignItems": "center",
5293
5260
  "backgroundColor": "#ffffff",
5261
+ "borderRadius": 4,
5294
5262
  "flexDirection": "row",
5295
5263
  "opacity": 1,
5296
5264
  "padding": 16,
@@ -5419,6 +5387,7 @@ Array [
5419
5387
  Object {
5420
5388
  "alignItems": "center",
5421
5389
  "backgroundColor": "#ffffff",
5390
+ "borderRadius": 4,
5422
5391
  "flexDirection": "row",
5423
5392
  "opacity": 0.38,
5424
5393
  "padding": 16,
@@ -5558,12 +5527,16 @@ Array [
5558
5527
  style={
5559
5528
  Array [
5560
5529
  Object {
5530
+ "borderColor": "#001f23",
5531
+ "borderRadius": 8,
5532
+ "borderWidth": 1,
5561
5533
  "marginVertical": 8,
5562
5534
  "width": "100%",
5563
5535
  },
5564
5536
  undefined,
5565
5537
  ]
5566
5538
  }
5539
+ themeVariant="filled"
5567
5540
  >
5568
5541
  <View
5569
5542
  style={
@@ -5577,24 +5550,6 @@ Array [
5577
5550
  ]
5578
5551
  }
5579
5552
  >
5580
- <View
5581
- style={
5582
- Array [
5583
- Object {
5584
- "borderColor": "#001f23",
5585
- "borderRadius": 8,
5586
- "borderWidth": 1,
5587
- "bottom": 0,
5588
- "left": 0,
5589
- "position": "absolute",
5590
- "right": 0,
5591
- "top": 0,
5592
- },
5593
- undefined,
5594
- ]
5595
- }
5596
- themeVariant="filled"
5597
- />
5598
5553
  <View
5599
5554
  pointerEvents="none"
5600
5555
  style={
@@ -6106,7 +6061,8 @@ Array [
6106
6061
  Array [
6107
6062
  Object {
6108
6063
  "alignItems": "center",
6109
- "backgroundColor": "#f3e6f6",
6064
+ "backgroundColor": "#d9d1df",
6065
+ "borderRadius": 4,
6110
6066
  "flexDirection": "row",
6111
6067
  "opacity": 1,
6112
6068
  "padding": 16,
@@ -6331,6 +6287,7 @@ Array [
6331
6287
  Object {
6332
6288
  "alignItems": "center",
6333
6289
  "backgroundColor": "#ffffff",
6290
+ "borderRadius": 4,
6334
6291
  "flexDirection": "row",
6335
6292
  "opacity": 1,
6336
6293
  "padding": 16,
@@ -6448,6 +6405,7 @@ Array [
6448
6405
  Object {
6449
6406
  "alignItems": "center",
6450
6407
  "backgroundColor": "#ffffff",
6408
+ "borderRadius": 4,
6451
6409
  "flexDirection": "row",
6452
6410
  "opacity": 1,
6453
6411
  "padding": 16,
package/src/components/Select/__tests__/__snapshots__/StyledSelect.spec.tsx.snap CHANGED
@@ -13,7 +13,7 @@ exports[`FooterText has correct style 1`] = `
13
13
  },
14
14
  Array [
15
15
  Object {
16
- "color": "#8505a2",
16
+ "color": "#401960",
17
17
  },
18
18
  undefined,
19
19
  ],
package/src/components/Slider/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -8,7 +8,7 @@ exports[`Slider renders correctly by default 1`] = `
8
8
  minimumTrackTintColor="#401960"
9
9
  minimumValue={0}
10
10
  step={0}
11
- thumbTintColor="#e6e9e9"
11
+ thumbTintColor="#f6f6f7"
12
12
  value={0}
13
13
  />
14
14
  `;
@@ -21,7 +21,7 @@ exports[`Slider renders correctly when disabled 1`] = `
21
21
  minimumTrackTintColor="#401960"
22
22
  minimumValue={0}
23
23
  step={0}
24
- thumbTintColor="#e6e9e9"
24
+ thumbTintColor="#f6f6f7"
25
25
  value={0}
26
26
  />
27
27
  `;
@@ -37,7 +37,7 @@ exports[`Slider renders correctly with props 1`] = `
37
37
  onSlidingStart={[MockFunction]}
38
38
  onValueChange={[MockFunction]}
39
39
  step={0.25}
40
- thumbTintColor="#e6e9e9"
40
+ thumbTintColor="#f6f6f7"
41
41
  value={0.5}
42
42
  />
43
43
  `;